summaryrefslogtreecommitdiff
path: root/systrace/catapult/third_party/polymer/components/neon-animation/demo/doc/my-dialog.html
diff options
context:
space:
mode:
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.html94
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>