Sha256: 4a0d994d33fb05de1fde3bceaba6a0b354adf15c32db03875191bf8044f461ad
Contents?: true
Size: 1.98 KB
Versions: 5
Compression:
Stored size: 1.98 KB
Contents
<!-- @license Copyright (c) 2015 The Polymer Project Authors. All rights reserved. This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt Code distributed by Google as part of the polymer project is also subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt --> <link rel="import" href="../../../polymer/polymer.html"> <link rel="import" href="../../../paper-styles/shadow.html"> <link rel="import" href="../../neon-animation-runner-behavior.html"> <dom-module id="animated-dropdown"> <template> <style> :host { display: none; padding: 16px; background: white; color: black; @apply(--shadow-elevation-2dp); } </style> <content></content> </template> </dom-module> <script> Polymer({ is: 'animated-dropdown', behaviors: [ Polymer.NeonAnimationRunnerBehavior ], properties: { animationConfig: { type: Object, value: function() { return { 'entry': [{ name: 'scale-up-animation', node: this, transformOrigin: '0 0' }], 'exit': [{ name: 'fade-out-animation', node: this }] } } }, _showing: { type: Boolean, value: false } }, listeners: { 'neon-animation-finish': '_onAnimationFinish' }, _onAnimationFinish: function() { if (this._showing) { } else { this.style.display = ''; } }, show: function() { this.style.display = 'inline-block'; this._showing = true; this.playAnimation('entry'); }, hide: function() { this._showing = false; this.playAnimation('exit'); } }); </script>
Version data entries
5 entries across 5 versions & 1 rubygems