blob: f7dd9dc1620cc84f41ea41c237ee0ccba8e3c149 [file] [log] [blame]
<link rel="import" href="chrome://resources/html/polymer.html">
<link rel="import" href="chrome://resources/polymer/v1_0/paper-dropdown-menu/paper-dropdown-menu.html">
<link rel="import" href="chrome://resources/polymer/v1_0/paper-item/paper-item.html">
<link rel="import" href="chrome://resources/polymer/v1_0/paper-listbox/paper-listbox.html">
<link rel="import" href="/settings_shared_css.html">
<dom-module id="media-picker">
<template>
<style include="settings-shared">
:host {
display: block;
}
paper-dropdown-menu {
--paper-input-container-input: {
font-size: inherit;
};
--paper-font-caption: {
font-size: inherit;
}
}
</style>
<div class="settings-box" id="picker" hidden>
<paper-dropdown-menu>
<paper-listbox id="mediaPicker" class="dropdown-content"
attr-for-selected="media-picker-value"
on-iron-activate="onMediaPickerActivate_">
<template is="dom-repeat" items="[[devices]]">
<paper-item media-picker-value$="[[item.id]]">
[[item.name]]
</paper-item>
</template>
</paper-listbox>
</paper-dropdown-menu>
</div>
</template>
<script src="media_picker.js"></script>
</dom-module>