| OLD | NEW |
| (Empty) | |
| 1 <link rel="import" href="chrome://resources/html/polymer.html"> |
| 2 <link rel="import" href="chrome://resources/polymer/v1_0/iron-flex-layout/classe
s/iron-flex-layout.html"> |
| 3 <link rel="import" href="chrome://resources/polymer/v1_0/paper-dropdown-menu/pap
er-dropdown-menu.html"> |
| 4 <link rel="import" href="chrome://resources/polymer/v1_0/paper-listbox/paper-lis
tbox.html"> |
| 5 <link rel="import" href="chrome://resources/polymer/v1_0/iron-icon/iron-icon.htm
l"> |
| 6 <link rel="import" href="chrome://resources/polymer/v1_0/iron-iconset-svg/iron-i
conset-svg.html"> |
| 7 |
| 8 <iron-iconset-svg name="oobe-i18n-dropdown" size="24"> |
| 9 <svg> |
| 10 <defs> |
| 11 <!-- |
| 12 These icons are copied from Polymer's iron-icons and kept in sorted order. |
| 13 See http://goo.gl/Y1OdAq for instructions on adding additional icons. |
| 14 --> |
| 15 <g id="check"> |
| 16 <path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"> |
| 17 </path> |
| 18 </g> |
| 19 </defs> |
| 20 </svg> |
| 21 </iron-iconset-svg> |
| 22 |
| 23 <dom-module id="oobe-i18n-dropdown"> |
| 24 <template> |
| 25 <style> |
| 26 .selected-icon { |
| 27 color: var(--google-blue-500); |
| 28 } |
| 29 </style> |
| 30 <paper-dropdown-menu no-label-float> |
| 31 <paper-listbox id="listboxDropdown" class="dropdown-content" |
| 32 on-iron-select="onSelect_" |
| 33 on-iron-deselect="onDeselect_"> |
| 34 <template is="dom-repeat" items="[[items]]"> |
| 35 <paper-item item="[[item]]" disabled="[[item.optionGroupName]]"> |
| 36 <div class="flex horizontal layout justified"> |
| 37 <div class="item-name" hidden="[[item.optionGroupName]]"> |
| 38 [[item.title]] |
| 39 </div> |
| 40 <iron-icon icon="oobe-i18n-dropdown:check" class="selected-icon" |
| 41 hidden="[[!item.selected]]"> |
| 42 </iron-icon> |
| 43 </div> |
| 44 <hr hidden="[[!item.optionGroupName]]"> |
| 45 </paper-item> |
| 46 </template> |
| 47 </paper-listbox> |
| 48 </paper-dropdown-menu> |
| 49 </template> |
| 50 </dom-module> |
| OLD | NEW |