OLD | NEW |
| (Empty) |
1 <!doctype html> | |
2 <!-- | |
3 Copyright 2013 The Polymer Authors. All rights reserved. | |
4 Use of this source code is governed by a BSD-style | |
5 license that can be found in the LICENSE file. | |
6 --> | |
7 <html> | |
8 <head> | |
9 | |
10 <meta charset="utf-8"> | |
11 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> | |
12 <meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-
scale=1.0, user-scalable=yes"> | |
13 | |
14 <title>core-dropdown-menu</title> | |
15 | |
16 <script src="../platform/platform.js"></script> | |
17 | |
18 <link href="core-dropdown-menu.html" rel="import"> | |
19 | |
20 <style shim-shadowdom> | |
21 html, body { | |
22 height: 100%; | |
23 } | |
24 | |
25 dropdown-demo { | |
26 display: block; | |
27 } | |
28 | |
29 dropdown-demo::shadow > section { | |
30 padding: 12px; | |
31 } | |
32 | |
33 body /deep/ core-dropdown-menu { | |
34 background-color: #eee; | |
35 } | |
36 | |
37 body /deep/ core-dropdown-menu.narrow { | |
38 max-width: 100px; | |
39 } | |
40 | |
41 body /deep/ core-dropdown-menu::shadow #dropdown { | |
42 background-color: #eee; | |
43 border: 1px solid #ccc; | |
44 } | |
45 | |
46 body /deep/ core-dropdown-menu.constrained::shadow #dropdown { | |
47 max-height: 500px; | |
48 } | |
49 </style> | |
50 | |
51 </head> | |
52 <body unresolved fullbleed> | |
53 | |
54 <polymer-element name="dropdown-demo"> | |
55 <template> | |
56 <section layout vertical fit> | |
57 <section layout horizontal> | |
58 | |
59 <core-dropdown-menu> | |
60 <template repeat="{{countries}}"> | |
61 <core-item label="{{name}}"></core-item> | |
62 </template> | |
63 </core-dropdown-menu> | |
64 | |
65 <div style="margin:0 12px;"> | |
66 narrow: | |
67 <core-dropdown-menu class="narrow"> | |
68 <template repeat="{{countries}}"> | |
69 <core-item label="{{name}}"></core-item> | |
70 </template> | |
71 </core-dropdown-menu> | |
72 </div> | |
73 | |
74 <div flex></div> | |
75 | |
76 <core-dropdown-menu halign="right"> | |
77 <template repeat="{{countries}}"> | |
78 <core-item label="{{name}}"></core-item> | |
79 </template> | |
80 </core-dropdown-menu> | |
81 | |
82 </section> | |
83 | |
84 <div flex style="overflow:auto;"> | |
85 | |
86 <br> | |
87 | |
88 <core-dropdown-menu class="constrained"> | |
89 <template repeat="{{countries}}"> | |
90 <core-item label="{{name}}"></core-item> | |
91 </template> | |
92 </core-dropdown-menu> | |
93 | |
94 <p>scroll me...</p> | |
95 | |
96 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiu
smod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam
, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo conseq
uat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolor
e eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
in culpa qui officia deserunt mollit anim id est laborum.</p> | |
97 | |
98 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiu
smod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam
, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo conseq
uat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolor
e eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
in culpa qui officia deserunt mollit anim id est laborum.</p> | |
99 | |
100 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiu
smod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam
, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo conseq
uat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolor
e eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
in culpa qui officia deserunt mollit anim id est laborum.</p> | |
101 | |
102 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiu
smod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam
, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo conseq
uat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolor
e eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
in culpa qui officia deserunt mollit anim id est laborum.</p> | |
103 | |
104 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiu
smod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam
, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo conseq
uat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolor
e eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
in culpa qui officia deserunt mollit anim id est laborum.</p> | |
105 | |
106 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiu
smod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam
, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo conseq
uat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolor
e eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
in culpa qui officia deserunt mollit anim id est laborum.</p> | |
107 | |
108 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiu
smod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam
, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo conseq
uat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolor
e eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
in culpa qui officia deserunt mollit anim id est laborum.</p> | |
109 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiu
smod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam
, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo conseq
uat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolor
e eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
in culpa qui officia deserunt mollit anim id est laborum.</p> | |
110 | |
111 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiu
smod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam
, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo conseq
uat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolor
e eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
in culpa qui officia deserunt mollit anim id est laborum.</p> | |
112 | |
113 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiu
smod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam
, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo conseq
uat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolor
e eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
in culpa qui officia deserunt mollit anim id est laborum.</p> | |
114 | |
115 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiu
smod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam
, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo conseq
uat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolor
e eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
in culpa qui officia deserunt mollit anim id est laborum.</p> | |
116 | |
117 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiu
smod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam
, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo conseq
uat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolor
e eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
in culpa qui officia deserunt mollit anim id est laborum.</p> | |
118 | |
119 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiu
smod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam
, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo conseq
uat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolor
e eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
in culpa qui officia deserunt mollit anim id est laborum.</p> | |
120 | |
121 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiu
smod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam
, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo conseq
uat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolor
e eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
in culpa qui officia deserunt mollit anim id est laborum.</p> | |
122 | |
123 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiu
smod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam
, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo conseq
uat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolor
e eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
in culpa qui officia deserunt mollit anim id est laborum.</p> | |
124 | |
125 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiu
smod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam
, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo conseq
uat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolor
e eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
in culpa qui officia deserunt mollit anim id est laborum.</p> | |
126 | |
127 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiu
smod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam
, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo conseq
uat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolor
e eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
in culpa qui officia deserunt mollit anim id est laborum.</p> | |
128 | |
129 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiu
smod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam
, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo conseq
uat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolor
e eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
in culpa qui officia deserunt mollit anim id est laborum.</p> | |
130 | |
131 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiu
smod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam
, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo conseq
uat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolor
e eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
in culpa qui officia deserunt mollit anim id est laborum.</p> | |
132 | |
133 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiu
smod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam
, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo conseq
uat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolor
e eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
in culpa qui officia deserunt mollit anim id est laborum.</p> | |
134 | |
135 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiu
smod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam
, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo conseq
uat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolor
e eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
in culpa qui officia deserunt mollit anim id est laborum.</p> | |
136 </div> | |
137 | |
138 <section> | |
139 drop-up: | |
140 <core-dropdown-menu valign="bottom" valueattr="label" selected="Donut"> | |
141 <core-item label="Croissant"></core-item> | |
142 <core-item label="Donut"></core-item> | |
143 <core-item label="Financier"></core-item> | |
144 <core-item label="Madeleine"></core-item> | |
145 </core-dropdown-menu> | |
146 </section> | |
147 | |
148 </section> | |
149 | |
150 </template> | |
151 <script> | |
152 Polymer('dropdown-demo', { | |
153 countries: [ | |
154 {name: 'Afghanistan', code: 'AF'}, | |
155 {name: 'Ă…land Islands', code: 'AX'}, | |
156 {name: 'Albania', code: 'AL'}, | |
157 {name: 'Algeria', code: 'DZ'}, | |
158 {name: 'American Samoa', code: 'AS'}, | |
159 {name: 'Andorra', code: 'AD'}, | |
160 {name: 'Angola', code: 'AO'}, | |
161 {name: 'Anguilla', code: 'AI'}, | |
162 {name: 'Antarctica', code: 'AQ'}, | |
163 {name: 'Antigua and Barbuda', code: 'AG'}, | |
164 {name: 'Argentina', code: 'AR'}, | |
165 {name: 'Armenia', code: 'AM'}, | |
166 {name: 'Aruba', code: 'AW'}, | |
167 {name: 'Australia', code: 'AU'}, | |
168 {name: 'Austria', code: 'AT'}, | |
169 {name: 'Azerbaijan', code: 'AZ'}, | |
170 {name: 'Bahamas', code: 'BS'}, | |
171 {name: 'Bahrain', code: 'BH'}, | |
172 {name: 'Bangladesh', code: 'BD'}, | |
173 {name: 'Barbados', code: 'BB'}, | |
174 {name: 'Belarus', code: 'BY'}, | |
175 {name: 'Belgium', code: 'BE'}, | |
176 {name: 'Belize', code: 'BZ'}, | |
177 {name: 'Benin', code: 'BJ'}, | |
178 {name: 'Bermuda', code: 'BM'}, | |
179 {name: 'Bhutan', code: 'BT'}, | |
180 {name: 'Bolivia', code: 'BO'}, | |
181 {name: 'Bosnia and Herzegovina', code: 'BA'}, | |
182 {name: 'Botswana', code: 'BW'}, | |
183 {name: 'Bouvet Island', code: 'BV'}, | |
184 {name: 'Brazil', code: 'BR'}, | |
185 {name: 'British Indian Ocean Territory', code: 'IO'}, | |
186 {name: 'Brunei Darussalam', code: 'BN'}, | |
187 {name: 'Bulgaria', code: 'BG'}, | |
188 {name: 'Burkina Faso', code: 'BF'}, | |
189 {name: 'Burundi', code: 'BI'}, | |
190 {name: 'Cambodia', code: 'KH'}, | |
191 {name: 'Cameroon', code: 'CM'}, | |
192 {name: 'Canada', code: 'CA'}, | |
193 {name: 'Cape Verde', code: 'CV'}, | |
194 {name: 'Cayman Islands', code: 'KY'}, | |
195 {name: 'Central African Republic', code: 'CF'}, | |
196 {name: 'Chad', code: 'TD'}, | |
197 {name: 'Chile', code: 'CL'}, | |
198 {name: 'China', code: 'CN'}, | |
199 {name: 'Christmas Island', code: 'CX'}, | |
200 {name: 'Cocos (Keeling) Islands', code: 'CC'}, | |
201 {name: 'Colombia', code: 'CO'}, | |
202 {name: 'Comoros', code: 'KM'}, | |
203 {name: 'Congo', code: 'CG'}, | |
204 {name: 'Congo, The Democratic Republic of the', code: 'CD'}, | |
205 {name: 'Cook Islands', code: 'CK'}, | |
206 {name: 'Costa Rica', code: 'CR'}, | |
207 {name: 'Cote D\'Ivoire', code: 'CI'}, | |
208 {name: 'Croatia', code: 'HR'}, | |
209 {name: 'Cuba', code: 'CU'}, | |
210 {name: 'Cyprus', code: 'CY'}, | |
211 {name: 'Czech Republic', code: 'CZ'}, | |
212 {name: 'Denmark', code: 'DK'}, | |
213 {name: 'Djibouti', code: 'DJ'}, | |
214 {name: 'Dominica', code: 'DM'}, | |
215 {name: 'Dominican Republic', code: 'DO'}, | |
216 {name: 'Ecuador', code: 'EC'}, | |
217 {name: 'Egypt', code: 'EG'}, | |
218 {name: 'El Salvador', code: 'SV'}, | |
219 {name: 'Equatorial Guinea', code: 'GQ'}, | |
220 {name: 'Eritrea', code: 'ER'}, | |
221 {name: 'Estonia', code: 'EE'}, | |
222 {name: 'Ethiopia', code: 'ET'}, | |
223 {name: 'Falkland Islands (Malvinas)', code: 'FK'}, | |
224 {name: 'Faroe Islands', code: 'FO'}, | |
225 {name: 'Fiji', code: 'FJ'}, | |
226 {name: 'Finland', code: 'FI'}, | |
227 {name: 'France', code: 'FR'}, | |
228 {name: 'French Guiana', code: 'GF'}, | |
229 {name: 'French Polynesia', code: 'PF'}, | |
230 {name: 'French Southern Territories', code: 'TF'}, | |
231 {name: 'Gabon', code: 'GA'}, | |
232 {name: 'Gambia', code: 'GM'}, | |
233 {name: 'Georgia', code: 'GE'}, | |
234 {name: 'Germany', code: 'DE'}, | |
235 {name: 'Ghana', code: 'GH'}, | |
236 {name: 'Gibraltar', code: 'GI'}, | |
237 {name: 'Greece', code: 'GR'}, | |
238 {name: 'Greenland', code: 'GL'}, | |
239 {name: 'Grenada', code: 'GD'}, | |
240 {name: 'Guadeloupe', code: 'GP'}, | |
241 {name: 'Guam', code: 'GU'}, | |
242 {name: 'Guatemala', code: 'GT'}, | |
243 {name: 'Guernsey', code: 'GG'}, | |
244 {name: 'Guinea', code: 'GN'}, | |
245 {name: 'Guinea-Bissau', code: 'GW'}, | |
246 {name: 'Guyana', code: 'GY'}, | |
247 {name: 'Haiti', code: 'HT'}, | |
248 {name: 'Heard Island and Mcdonald Islands', code: 'HM'}, | |
249 {name: 'Holy See (Vatican City State)', code: 'VA'}, | |
250 {name: 'Honduras', code: 'HN'}, | |
251 {name: 'Hong Kong', code: 'HK'}, | |
252 {name: 'Hungary', code: 'HU'}, | |
253 {name: 'Iceland', code: 'IS'}, | |
254 {name: 'India', code: 'IN'}, | |
255 {name: 'Indonesia', code: 'ID'}, | |
256 {name: 'Iran, Islamic Republic Of', code: 'IR'}, | |
257 {name: 'Iraq', code: 'IQ'}, | |
258 {name: 'Ireland', code: 'IE'}, | |
259 {name: 'Isle of Man', code: 'IM'}, | |
260 {name: 'Israel', code: 'IL'}, | |
261 {name: 'Italy', code: 'IT'}, | |
262 {name: 'Jamaica', code: 'JM'}, | |
263 {name: 'Japan', code: 'JP'}, | |
264 {name: 'Jersey', code: 'JE'}, | |
265 {name: 'Jordan', code: 'JO'}, | |
266 {name: 'Kazakhstan', code: 'KZ'}, | |
267 {name: 'Kenya', code: 'KE'}, | |
268 {name: 'Kiribati', code: 'KI'}, | |
269 {name: 'Korea, Democratic People\'S Republic of', code: 'KP'}, | |
270 {name: 'Korea, Republic of', code: 'KR'}, | |
271 {name: 'Kuwait', code: 'KW'}, | |
272 {name: 'Kyrgyzstan', code: 'KG'}, | |
273 {name: 'Lao People\'S Democratic Republic', code: 'LA'}, | |
274 {name: 'Latvia', code: 'LV'}, | |
275 {name: 'Lebanon', code: 'LB'}, | |
276 {name: 'Lesotho', code: 'LS'}, | |
277 {name: 'Liberia', code: 'LR'}, | |
278 {name: 'Libyan Arab Jamahiriya', code: 'LY'}, | |
279 {name: 'Liechtenstein', code: 'LI'}, | |
280 {name: 'Lithuania', code: 'LT'}, | |
281 {name: 'Luxembourg', code: 'LU'}, | |
282 {name: 'Macao', code: 'MO'}, | |
283 {name: 'Macedonia, The Former Yugoslav Republic of', code: 'MK'}, | |
284 {name: 'Madagascar', code: 'MG'}, | |
285 {name: 'Malawi', code: 'MW'}, | |
286 {name: 'Malaysia', code: 'MY'}, | |
287 {name: 'Maldives', code: 'MV'}, | |
288 {name: 'Mali', code: 'ML'}, | |
289 {name: 'Malta', code: 'MT'}, | |
290 {name: 'Marshall Islands', code: 'MH'}, | |
291 {name: 'Martinique', code: 'MQ'}, | |
292 {name: 'Mauritania', code: 'MR'}, | |
293 {name: 'Mauritius', code: 'MU'}, | |
294 {name: 'Mayotte', code: 'YT'}, | |
295 {name: 'Mexico', code: 'MX'}, | |
296 {name: 'Micronesia, Federated States of', code: 'FM'}, | |
297 {name: 'Moldova, Republic of', code: 'MD'}, | |
298 {name: 'Monaco', code: 'MC'}, | |
299 {name: 'Mongolia', code: 'MN'}, | |
300 {name: 'Montserrat', code: 'MS'}, | |
301 {name: 'Morocco', code: 'MA'}, | |
302 {name: 'Mozambique', code: 'MZ'}, | |
303 {name: 'Myanmar', code: 'MM'}, | |
304 {name: 'Namibia', code: 'NA'}, | |
305 {name: 'Nauru', code: 'NR'}, | |
306 {name: 'Nepal', code: 'NP'}, | |
307 {name: 'Netherlands', code: 'NL'}, | |
308 {name: 'Netherlands Antilles', code: 'AN'}, | |
309 {name: 'New Caledonia', code: 'NC'}, | |
310 {name: 'New Zealand', code: 'NZ'}, | |
311 {name: 'Nicaragua', code: 'NI'}, | |
312 {name: 'Niger', code: 'NE'}, | |
313 {name: 'Nigeria', code: 'NG'}, | |
314 {name: 'Niue', code: 'NU'}, | |
315 {name: 'Norfolk Island', code: 'NF'}, | |
316 {name: 'Northern Mariana Islands', code: 'MP'}, | |
317 {name: 'Norway', code: 'NO'}, | |
318 {name: 'Oman', code: 'OM'}, | |
319 {name: 'Pakistan', code: 'PK'}, | |
320 {name: 'Palau', code: 'PW'}, | |
321 {name: 'Palestinian Territory, Occupied', code: 'PS'}, | |
322 {name: 'Panama', code: 'PA'}, | |
323 {name: 'Papua New Guinea', code: 'PG'}, | |
324 {name: 'Paraguay', code: 'PY'}, | |
325 {name: 'Peru', code: 'PE'}, | |
326 {name: 'Philippines', code: 'PH'}, | |
327 {name: 'Pitcairn', code: 'PN'}, | |
328 {name: 'Poland', code: 'PL'}, | |
329 {name: 'Portugal', code: 'PT'}, | |
330 {name: 'Puerto Rico', code: 'PR'}, | |
331 {name: 'Qatar', code: 'QA'}, | |
332 {name: 'Reunion', code: 'RE'}, | |
333 {name: 'Romania', code: 'RO'}, | |
334 {name: 'Russian Federation', code: 'RU'}, | |
335 {name: 'RWANDA', code: 'RW'}, | |
336 {name: 'Saint Helena', code: 'SH'}, | |
337 {name: 'Saint Kitts and Nevis', code: 'KN'}, | |
338 {name: 'Saint Lucia', code: 'LC'}, | |
339 {name: 'Saint Pierre and Miquelon', code: 'PM'}, | |
340 {name: 'Saint Vincent and the Grenadines', code: 'VC'}, | |
341 {name: 'Samoa', code: 'WS'}, | |
342 {name: 'San Marino', code: 'SM'}, | |
343 {name: 'Sao Tome and Principe', code: 'ST'}, | |
344 {name: 'Saudi Arabia', code: 'SA'}, | |
345 {name: 'Senegal', code: 'SN'}, | |
346 {name: 'Serbia and Montenegro', code: 'CS'}, | |
347 {name: 'Seychelles', code: 'SC'}, | |
348 {name: 'Sierra Leone', code: 'SL'}, | |
349 {name: 'Singapore', code: 'SG'}, | |
350 {name: 'Slovakia', code: 'SK'}, | |
351 {name: 'Slovenia', code: 'SI'}, | |
352 {name: 'Solomon Islands', code: 'SB'}, | |
353 {name: 'Somalia', code: 'SO'}, | |
354 {name: 'South Africa', code: 'ZA'}, | |
355 {name: 'South Georgia and the South Sandwich Islands', code: 'GS'}, | |
356 {name: 'Spain', code: 'ES'}, | |
357 {name: 'Sri Lanka', code: 'LK'}, | |
358 {name: 'Sudan', code: 'SD'}, | |
359 {name: 'Suriname', code: 'SR'}, | |
360 {name: 'Svalbard and Jan Mayen', code: 'SJ'}, | |
361 {name: 'Swaziland', code: 'SZ'}, | |
362 {name: 'Sweden', code: 'SE'}, | |
363 {name: 'Switzerland', code: 'CH'}, | |
364 {name: 'Syrian Arab Republic', code: 'SY'}, | |
365 {name: 'Taiwan, Province of China', code: 'TW'}, | |
366 {name: 'Tajikistan', code: 'TJ'}, | |
367 {name: 'Tanzania, United Republic of', code: 'TZ'}, | |
368 {name: 'Thailand', code: 'TH'}, | |
369 {name: 'Timor-Leste', code: 'TL'}, | |
370 {name: 'Togo', code: 'TG'}, | |
371 {name: 'Tokelau', code: 'TK'}, | |
372 {name: 'Tonga', code: 'TO'}, | |
373 {name: 'Trinidad and Tobago', code: 'TT'}, | |
374 {name: 'Tunisia', code: 'TN'}, | |
375 {name: 'Turkey', code: 'TR'}, | |
376 {name: 'Turkmenistan', code: 'TM'}, | |
377 {name: 'Turks and Caicos Islands', code: 'TC'}, | |
378 {name: 'Tuvalu', code: 'TV'}, | |
379 {name: 'Uganda', code: 'UG'}, | |
380 {name: 'Ukraine', code: 'UA'}, | |
381 {name: 'United Arab Emirates', code: 'AE'}, | |
382 {name: 'United Kingdom', code: 'GB'}, | |
383 {name: 'United States', code: 'US'}, | |
384 {name: 'United States Minor Outlying Islands', code: 'UM'}, | |
385 {name: 'Uruguay', code: 'UY'}, | |
386 {name: 'Uzbekistan', code: 'UZ'}, | |
387 {name: 'Vanuatu', code: 'VU'}, | |
388 {name: 'Venezuela', code: 'VE'}, | |
389 {name: 'Viet Nam', code: 'VN'}, | |
390 {name: 'Virgin Islands, British', code: 'VG'}, | |
391 {name: 'Virgin Islands, U.S.', code: 'VI'}, | |
392 {name: 'Wallis and Futuna', code: 'WF'}, | |
393 {name: 'Western Sahara', code: 'EH'}, | |
394 {name: 'Yemen', code: 'YE'}, | |
395 {name: 'Zambia', code: 'ZM'}, | |
396 {name: 'Zimbabwe', code: 'ZW'} | |
397 ] | |
398 }); | |
399 </script> | |
400 </polymer-element> | |
401 | |
402 <dropdown-demo fit></dropdown-demo> | |
403 | |
404 </body> | |
405 </html> | |
OLD | NEW |