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

Unified Diff: bower_components/paper-menu-button/paper-menu-button.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, 11 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: bower_components/paper-menu-button/paper-menu-button.html
diff --git a/bower_components/paper-menu-button/paper-menu-button.html b/bower_components/paper-menu-button/paper-menu-button.html
deleted file mode 100644
index e246a38f9caee354f3a981497403d04d5483531b..0000000000000000000000000000000000000000
--- a/bower_components/paper-menu-button/paper-menu-button.html
+++ /dev/null
@@ -1,202 +0,0 @@
-<!--
-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
--->
-<!--
-A `paper-menu-button` is a `paper-icon-button` that opens a drop down menu when tapped.
-
-Example:
-
- <paper-menu-button icon="menu">
- <div>Menu Item 1</div>
- <div>Menu Item 2</div>
- <div>Menu Item 3</div>
- </paper-menu-button>
-
-Theming
-=======
-
-To change the text color in the menu:
-
-paper-menu-button::shadow #menu {
- color: white;
-}
-
-To change the overlay background color:
-
-paper-menu-button::shadow .paper-menu-button-overlay-bg {
- background: green;
-}
-
-To change the color of the ripple effect:
-
-paper-menu-button:shadow .paper-menu-button-overlay-ink {
- background: red;
-}
-
-@group Paper Elements
-@element paper-menu-button
-@extends paper-focusable
--->
-<link href="../polymer/polymer.html" rel="import">
-
-<link href="../core-dropdown/core-dropdown.html" rel="import">
-<link href="../core-icon/core-icon.html" rel="import">
-<link href="../core-menu/core-menu.html" rel="import">
-<link href="../core-style/core-style.html" rel="import">
-
-<link href="../paper-focusable/paper-focusable.html" rel="import">
-<link href="../paper-shadow/paper-shadow.html" rel="import">
-
-<link href="paper-menu-button-transition.html" rel="import">
-
-<core-style id="paper-menu-button">
-
-.paper-menu-button-overlay-ink {
- background: {{g.paperMenuButton.background}}
-}
-
-.paper-menu-button-overlay-bg {
- background: {{g.paperMenuButton.background}}
-}
-
-</core-style>
-
-<script>
- (function() {
-
- CoreStyle.g.paperMenuButton = CoreStyle.g.paperMenuButton || {
- 'background': '#fff'
- };
-
- })();
-</script>
-
-<polymer-element name="paper-menu-button" extends="paper-focusable" attributes="src icon opened halign valign slow">
- <template>
-
- <link rel="stylesheet" href="paper-menu-button.css">
- <core-style ref="paper-menu-button"></core-style>
-
- <core-icon src="{{src}}" icon="{{icon}}" on-tap="{{tapAction}}"></core-icon>
-
- <core-dropdown id="dropdown" relatedTarget="{{}}" opened="{{opened}}" halign="{{halign}}" valign="{{valign}}" transition="{{noTransition ? '' : transition}}" on-core-transitionend="{{transitionEndAction}}">
-
- <paper-shadow id="shadow" z="1" target="{{$.dropdown}}"></paper-shadow>
-
- <div class="paper-menu-button-overlay-ink"></div>
- <div id="overlayBg" class="paper-menu-button-overlay-bg"></div>
-
- <div class="paper-menu-button-menu-container">
- <core-menu id="menu" selected="{{selected}}" selectedItem="{{selectedItem}}" selectedClass="{{selectedClass}}" valueattr="{{valueattr}}" selectedProperty="{{selectedProperty}}" selectedAttribute="{{selectedAttribute}}" on-core-select="{{selectAction}}" on-core-activate="{{activateAction}}">
- <content></content>
- </core-menu>
- </div>
-
- </core-dropdown>
-
- </template>
- <script>
- Polymer('paper-menu-button', {
-
- publish: {
-
- /**
- * If true, this menu is currently visible.
- *
- * @attribute opened
- * @type boolean
- * @default false
- */
- opened: false,
-
- /**
- * The horizontal alignment of the menu relative to the button.
- *
- * @attribute halign
- * @type 'left' | 'right'
- * @default 'left'
- */
- halign: 'left',
-
- /**
- * The vertical alignment of the menu relative to the button.
- *
- * @attribute valign
- * @type 'bottom' | 'top'
- * @default 'top'
- */
- valign: 'top',
-
- /**
- * Set to true to disable the transition.
- *
- * @attribute noTransition
- * @type boolean
- * @default false
- */
- noTransition: false
-
- },
-
- computed: {
- transition: '"paper-menu-button-transition-" + valign + "-" + halign'
- },
-
- /**
- * The URL of an image for the icon. Should not use `icon` property
- * if you are using this property.
- *
- * @attribute src
- * @type string
- * @default ''
- */
- src: '',
-
- /**
- * Specifies the icon name or index in the set of icons available in
- * the icon set. Should not use `src` property if you are using this
- * property.
- *
- * @attribute icon
- * @type string
- * @default ''
- */
- icon: '',
-
- tapAction: function() {
- if (this.disabled) {
- return;
- }
-
- this.super();
- this.toggle();
- if (this.opened && !this.noTransition) {
- this.$.shadow.z = 0;
- }
- },
-
- transitionEndAction: function() {
- this.$.shadow.z = 1;
- },
-
- activateAction: function() {
- this.opened = false;
- },
-
- /**
- * Toggle the opened state of the menu.
- *
- * @method toggle
- */
- toggle: function() {
- this.opened = !this.opened;
- }
-
- });
- </script>
-</polymer-element>

Powered by Google App Engine
This is Rietveld 408576698