| Index: bower_components/core-menu-button/core-menu-button.html
|
| diff --git a/bower_components/core-menu-button/core-menu-button.html b/bower_components/core-menu-button/core-menu-button.html
|
| deleted file mode 100644
|
| index 97d777696e0ab59e3bd18854b49655d0a4b1e8ca..0000000000000000000000000000000000000000
|
| --- a/bower_components/core-menu-button/core-menu-button.html
|
| +++ /dev/null
|
| @@ -1,255 +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
|
| --->
|
| -<!--
|
| -@module Polymer Core Elements
|
| -
|
| -`core-menu-button` is a `core-icon-button` that opens a drop-down menu
|
| -that allows the user to select an option. You can position the drop-down
|
| -menu with the `halign` and `valign` properties, or use CSS if more control
|
| -over positioning is desired.
|
| -
|
| -Example:
|
| -
|
| - <core-menu-button id="btn">
|
| - <core-item icon="settings" label="Settings"></core-item>
|
| - <core-item icon="dialog" label="Dialog"></core-item>
|
| - <core-item icon="search" label="Search"></core-item>
|
| - </core-menu-button>
|
| -
|
| -Style the drop-down by using the `core-menu-button::shadow #dropdown` selector:
|
| -
|
| - /* position this drop-down below the button, and style it white on black. */
|
| - #btn::shadow #dropdown {
|
| - top: 38px;
|
| - color: #fff;
|
| - background: #000;
|
| - }
|
| -
|
| -@class core-menu-button
|
| -@status beta
|
| -@homepage github.io
|
| --->
|
| -
|
| -<!--
|
| -Fired when an item's selection state is changed. This event is fired both
|
| -when an item is selected or deselected. The `isSelected` detail property
|
| -contains the selection state.
|
| -
|
| -@event core-select
|
| -@param {Object} detail
|
| - @param {boolean} detail.isSelected true for selection and false for deselection
|
| - @param {Object} detail.item the item element
|
| --->
|
| -<!--
|
| -Fired when an item element is tapped.
|
| -
|
| -@event core-activate
|
| -@param {Object} detail
|
| - @param {Object} detail.item the item element
|
| --->
|
| -<link href="../polymer/polymer.html" rel="import">
|
| -<link href="../core-dropdown/core-dropdown.html" rel="import">
|
| -<link href="../core-icon-button/core-icon-button.html" rel="import">
|
| -<link href="../core-menu/core-menu.html" rel="import">
|
| -
|
| -<polymer-element name="core-menu-button" attributes="icon label src selected opened halign valign valueattr multi inlineMenu">
|
| - <template>
|
| - <link rel="stylesheet" href="core-menu-button.css">
|
| - <core-icon-button id="button" on-tap="{{toggle}}" src="{{src}}" icon="{{icon}}" active="{{opened}}"><span>{{label}}</span></core-icon-button>
|
| - <core-dropdown id="dropdown" relatedTarget="{{$.button}}" opened="{{opened}}" halign="{{halign}}" valign="{{valign}}">
|
| - <core-menu
|
| - selected="{{selected}}"
|
| - valueattr="{{valueattr}}"
|
| - selectedClass="{{selectedClass}}"
|
| - selectedProperty="{{selectedProperty}}"
|
| - selectedAttribute="{{selectedAttribute}}"
|
| - selectedItem="{{selectedItem}}"
|
| - selectedModel="{{selectedModel}}"
|
| - selectedIndex="{{selectedIndex}}"
|
| - excludedLocalNames="{{excludedLocalNames}}"
|
| - on-core-activate="{{closeAction}}">
|
| - <content select="*"></content>
|
| - </core-menu>
|
| - </core-dropdown>
|
| - </template>
|
| - <script>
|
| - Polymer('core-menu-button', {
|
| -
|
| - publish: {
|
| -
|
| - /**
|
| - * The icon to display.
|
| - * @attribute icon
|
| - * @type string
|
| - */
|
| - icon: 'dots',
|
| -
|
| - src: '',
|
| -
|
| - /**
|
| - * Set to true to open the menu.
|
| - * @attribute opened
|
| - * @type boolean
|
| - */
|
| - opened: false,
|
| -
|
| - /**
|
| - * Set to true to cause the menu popup to be displayed inline rather
|
| - * than in its own layer.
|
| - * @attribute inlineMenu
|
| - * @type boolean
|
| - */
|
| - inlineMenu: false,
|
| -
|
| - /**
|
| - * Horizontally align the overlay with the button.
|
| - * @attribute halign
|
| - * @type string
|
| - */
|
| - halign: 'left',
|
| -
|
| - /**
|
| - * Display the overlay on top or below the button.
|
| - * @attribute valign
|
| - * @type string
|
| - */
|
| - valign: 'top',
|
| -
|
| - /**
|
| - * If true, the selection will persist when the menu is opened
|
| - * and closed multiple times.
|
| - *
|
| - * @attribute stickySelection
|
| - * @type boolean
|
| - * @default false
|
| - */
|
| - stickySelection: false,
|
| -
|
| - /**
|
| - * The index of the selected menu item.
|
| - * @attribute selected
|
| - * @type number
|
| - */
|
| - selected: '',
|
| -
|
| - /**
|
| - * Specifies the attribute to be used for "selected" attribute.
|
| - *
|
| - * @attribute valueattr
|
| - * @type string
|
| - * @default 'name'
|
| - */
|
| - valueattr: 'name',
|
| -
|
| - /**
|
| - * Specifies the CSS class to be used to add to the selected element.
|
| - *
|
| - * @attribute selectedClass
|
| - * @type string
|
| - * @default 'core-selected'
|
| - */
|
| - selectedClass: 'core-selected',
|
| -
|
| - /**
|
| - * Specifies the property to be used to set on the selected element
|
| - * to indicate its active state.
|
| - *
|
| - * @attribute selectedProperty
|
| - * @type string
|
| - * @default ''
|
| - */
|
| - selectedProperty: '',
|
| -
|
| - /**
|
| - * Specifies the attribute to set on the selected element to indicate
|
| - * its active state.
|
| - *
|
| - * @attribute selectedAttribute
|
| - * @type string
|
| - * @default 'active'
|
| - */
|
| - selectedAttribute: 'active',
|
| -
|
| - /**
|
| - * Returns the currently selected element. In multi-selection this returns
|
| - * an array of selected elements.
|
| - * Note that you should not use this to set the selection. Instead use
|
| - * `selected`.
|
| - *
|
| - * @attribute selectedItem
|
| - * @type Object
|
| - * @default null
|
| - */
|
| - selectedItem: null,
|
| -
|
| - /**
|
| - * In single selection, this returns the model associated with the
|
| - * selected element.
|
| - * Note that you should not use this to set the selection. Instead use
|
| - * `selected`.
|
| - *
|
| - * @attribute selectedModel
|
| - * @type Object
|
| - * @default null
|
| - */
|
| - selectedModel: null,
|
| -
|
| - /**
|
| - * In single selection, this returns the selected index.
|
| - * Note that you should not use this to set the selection. Instead use
|
| - * `selected`.
|
| - *
|
| - * @attribute selectedIndex
|
| - * @type number
|
| - * @default -1
|
| - */
|
| - selectedIndex: -1,
|
| -
|
| - /**
|
| - * Nodes with local name that are in the list will not be included
|
| - * in the selection items.
|
| - *
|
| - * @attribute excludedLocalNames
|
| - * @type string
|
| - * @default ''
|
| - */
|
| - excludedLocalNames: ''
|
| -
|
| - },
|
| -
|
| - closeAction: function() {
|
| - this.opened = false;
|
| - },
|
| -
|
| - /**
|
| - * Toggle the opened state of the dropdown.
|
| - * @method toggle
|
| - */
|
| - toggle: function() {
|
| - this.opened = !this.opened;
|
| - },
|
| -
|
| - /**
|
| - * The selected menu item.
|
| - * @property selection
|
| - * @type Node
|
| - */
|
| - get selection() {
|
| - return this.$.menu.selection;
|
| - },
|
| -
|
| - openedChanged: function() {
|
| - if (this.opened && !this.stickySelection) {
|
| - this.selected = null;
|
| - }
|
| - }
|
| -
|
| - });
|
| - </script>
|
| -</polymer-element>
|
|
|