diff options
Diffstat (limited to 'systrace/catapult/third_party/polymer/components/neon-animation/demo/doc/my-dialog.html')
-rw-r--r-- | systrace/catapult/third_party/polymer/components/neon-animation/demo/doc/my-dialog.html | 94 |
1 files changed, 0 insertions, 94 deletions
diff --git a/systrace/catapult/third_party/polymer/components/neon-animation/demo/doc/my-dialog.html b/systrace/catapult/third_party/polymer/components/neon-animation/demo/doc/my-dialog.html deleted file mode 100644 index bd3344c..0000000 --- a/systrace/catapult/third_party/polymer/components/neon-animation/demo/doc/my-dialog.html +++ /dev/null @@ -1,94 +0,0 @@ -<!-- -@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"> -<link rel="import" href="../../animations/scale-up-animation.html"> -<link rel="import" href="../../animations/fade-out-animation.html"> - - -<dom-module id="my-dialog"> - <template> - <style> - :host { - display: none; - padding: 16px; - background: white; - color: black; - margin: 0 auto; - z-index: 100; - position: absolute; - @apply(--shadow-elevation-2dp); - } - </style> - <content></content> - - </template> - -</dom-module> - -<script> - - Polymer({ - - is: 'my-dialog', - - behaviors: [ - Polymer.NeonAnimationRunnerBehavior - ], - - properties: { - - opened: { - type: Boolean - }, - - animationConfig: { - type: Object, - value: function() { - return { - 'entry': [{ - name: 'scale-up-animation', - node: this - }], - 'exit': [{ - name: 'fade-out-animation', - node: this - }] - } - } - } - - }, - - listeners: { - 'neon-animation-finish': '_onAnimationFinish' - }, - - _onAnimationFinish: function() { - if (!this.opened) { - this.style.display = ''; - } - }, - - show: function() { - this.opened = true; - this.style.display = 'inline-block'; - this.playAnimation('entry'); - }, - - hide: function() { - this.opened = false; - this.playAnimation('exit'); - } - - }); - -</script> |