<template if="{{controlType == 'dropdown'}}">
<div vertical layout>
<span id="dropdownLabel">{{controlLabel}}</span>
<div horizontal layout>
<paper-dropdown-menu id="{{controlId}}" label="">
<paper-dropdown class="dropdown" halign="right" layered>
<core-menu class="menu" selected="{{selectedValue}}" valueattr="id" on-core-select="{{ valueSelected }}">
<template repeat="{{value, i in controlDropdownOptions}}">
<paper-item id="{{value.id}}">
<template if="{{value.iconPath}}">
<core-icon src="{{value.iconPath}}"></core-icon>
</template>
{{value.label}}
</paper-item>
</template>
</core-menu>
</paper-dropdown>
</paper-dropdown-menu>
</div>
</div>
</template>
valueSelected: function(e, detail, sender) {
/* Event designed to listen for dropdown box selection changes.
if (detail.isSelected) {
// Pass to the listener an object representing the property that was changed by this element
this.fire('property-change', {newProperty: this.propertyChanged(sender)});
}
}