10 * A label for the control. The label is displayed if no item is selected.
14 * @default 'Select an item'
16 label
: 'Select an item',
19 * The icon to display when the drop-down is opened.
21 * @attribute openedIcon
23 * @default 'arrow-drop-up'
25 openedIcon
: 'arrow-drop-up',
28 * The icon to display when the drop-down is closed.
30 * @attribute closedIcon
32 * @default 'arrow-drop-down'
34 closedIcon
: 'arrow-drop-down'
38 selectedItemLabel
: '',
41 'core-overlay-open': 'openAction',
42 'core-activate': 'activateAction',
43 'core-select': 'selectAction'
46 activateAction: function(e
) {
50 selectAction: function(e
) {
51 var detail
= e
.detail
;
52 if (detail
.isSelected
) {
53 this.selectedItemLabel
= detail
.item
.label
|| detail
.item
.textContent
;
55 this.selectedItemLabel
= '';
61 Polymer
.mixin2(p
, Polymer
.CoreFocusable
);
62 Polymer('paper-dropdown-menu',p
);