Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(972)

Unified Diff: polymer_0.5.0/bower_components/paper-shadow/paper-shadow.html

Issue 786953007: npm_modules: Fork bower_components into Polymer 0.4.0 and 0.5.0 versions (Closed) Base URL: https://chromium.googlesource.com/infra/third_party/npm_modules.git@master
Patch Set: Created 5 years, 12 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
Index: polymer_0.5.0/bower_components/paper-shadow/paper-shadow.html
diff --git a/polymer_0.5.0/bower_components/paper-shadow/paper-shadow.html b/polymer_0.5.0/bower_components/paper-shadow/paper-shadow.html
new file mode 100644
index 0000000000000000000000000000000000000000..20296c5d855ae5b4b053cab78edc88ad8c5b63d3
--- /dev/null
+++ b/polymer_0.5.0/bower_components/paper-shadow/paper-shadow.html
@@ -0,0 +1,86 @@
+<!--
+Copyright (c) 2014 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
+-->
+
+<!--
+
+`paper-shadow` is a container that renders two shadows on top of each other to
+create the effect of a lifted piece of paper.
+
+Example:
+
+ <paper-shadow z="1">
+ ... card content ...
+ </paper-shadow>
+
+@group Paper Elements
+@class paper-shadow
+-->
+
+<link href="../polymer/polymer.html" rel="import">
+
+<link href="paper-shadow.css" rel="stylesheet" shim-shadowdom>
+
+<polymer-element name="paper-shadow">
+
+<template>
+
+ <div id="shadow-bottom" fit animated?="[[animated]]" class="paper-shadow-bottom-z-[[z]]"></div>
+ <div id="shadow-top" fit animated?="[[animated]]" class="paper-shadow-top-z-[[z]]"></div>
+
+ <content></content>
+
+</template>
+
+<script>
+ Polymer({
+
+ publish: {
+
+ /**
+ * The z-depth of this shadow, from 0-5. Setting this property
+ * after element creation has no effect. Use `setZ()` instead.
+ *
+ * @attribute z
+ * @type number
+ * @default 1
+ */
+ z: 1,
+
+ /**
+ * Set this to true to animate the shadow when setting a new
+ * `z` value.
+ *
+ * @attribute animated
+ * @type boolean
+ * @default false
+ */
+ animated: false
+
+ },
+
+ /**
+ * Set the z-depth of the shadow. This should be used after element
+ * creation instead of setting the z property directly.
+ *
+ * @method setZ
+ * @param {Number} newZ
+ */
+ setZ: function(newZ) {
+ if (this.z !== newZ) {
+ this.$['shadow-bottom'].classList.remove('paper-shadow-bottom-z-' + this.z);
+ this.$['shadow-bottom'].classList.add('paper-shadow-bottom-z-' + newZ);
+ this.$['shadow-top'].classList.remove('paper-shadow-top-z-' + this.z);
+ this.$['shadow-top'].classList.add('paper-shadow-top-z-' + newZ);
+ this.z = newZ;
+ }
+ }
+
+ });
+</script>
+</polymer-element>

Powered by Google App Engine
This is Rietveld 408576698