@qikdev/vue-ui 0.0.1 → 0.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (72) hide show
  1. package/package.json +6 -2
  2. package/src/components.js +209 -6
  3. package/src/content/browser.vue +477 -0
  4. package/src/content/item.vue +48 -0
  5. package/src/content/render/field.vue +423 -0
  6. package/src/content/render/group.vue +65 -0
  7. package/src/content/render/render-mixin.js +101 -0
  8. package/src/content/render/render.vue +86 -0
  9. package/src/filter/FilterBuilder.vue +147 -0
  10. package/src/filter/FilterCondition.vue +335 -0
  11. package/src/filter/FilterRule.vue +257 -0
  12. package/src/form/expressions/index.js +83 -0
  13. package/src/form/field.vue +624 -0
  14. package/src/form/form.vue +280 -0
  15. package/src/form/getDefaultValue.js +224 -0
  16. package/src/form/inputs/button-select.vue +208 -0
  17. package/src/form/inputs/checkbox.vue +91 -0
  18. package/src/form/inputs/content-select.vue +187 -0
  19. package/src/form/inputs/currency.vue +205 -0
  20. package/src/form/inputs/datefield.vue +132 -0
  21. package/src/form/inputs/group.vue +155 -0
  22. package/src/form/inputs/input-mixin.js +440 -0
  23. package/src/form/inputs/native-select-old.vue +43 -0
  24. package/src/form/inputs/object-field.vue +50 -0
  25. package/src/form/inputs/option.vue +19 -0
  26. package/src/form/inputs/options-manager.vue +244 -0
  27. package/src/form/inputs/phone-number-input.vue +235 -0
  28. package/src/form/inputs/search.vue +117 -0
  29. package/src/form/inputs/select.vue +211 -0
  30. package/src/form/inputs/switch.vue +87 -0
  31. package/src/form/inputs/textarea.vue +80 -0
  32. package/src/form/inputs/textfield.vue +165 -0
  33. package/src/form/inputs/timezone.vue +642 -0
  34. package/src/form/inputs/upload/filedrop.vue +72 -0
  35. package/src/form/inputs/upload/upload.vue +323 -0
  36. package/src/form/parseBoolean.js +24 -0
  37. package/src/layout/flex-body.vue +3 -2
  38. package/src/layout/flex-cell.vue +45 -0
  39. package/src/layout/flex-column.vue +1 -1
  40. package/src/layout/flex-footer.vue +3 -2
  41. package/src/layout/flex-header.vue +3 -2
  42. package/src/layout/flex-row.vue +35 -0
  43. package/src/layout/flex-spacer.vue +17 -0
  44. package/src/layout/panel-body.vue +13 -0
  45. package/src/layout/panel-footer.vue +20 -0
  46. package/src/layout/panel-header.vue +20 -0
  47. package/src/layout/panel.vue +23 -0
  48. package/src/modal/ConfirmModal.vue +50 -0
  49. package/src/modal/ContentModal.vue +99 -0
  50. package/src/modal/Modal.vue +85 -0
  51. package/src/modal/ModalMixin.js +21 -0
  52. package/src/modal/OptionsModal.vue +31 -0
  53. package/src/modal/PromptModal.vue +31 -0
  54. package/src/services/selection.js +140 -0
  55. package/src/table/Table.vue +269 -0
  56. package/src/table/TableCell.vue +64 -0
  57. package/src/table/TableRow.vue +94 -0
  58. package/src/table/cells/TableCellMixin.js +15 -0
  59. package/src/table/cells/Thumbnail.vue +38 -0
  60. package/src/ui/button.vue +254 -0
  61. package/src/ui/checkbox.vue +79 -0
  62. package/src/ui/icon.vue +57 -0
  63. package/src/ui/image.vue +158 -0
  64. package/src/ui/link.vue +62 -0
  65. package/src/ui/list-item.vue +16 -0
  66. package/src/ui/list.vue +26 -0
  67. package/src/ui/menu.vue +135 -0
  68. package/src/ui/progressbar.vue +77 -0
  69. package/src/ui/spinner.vue +26 -0
  70. package/src/ui/switch.vue +89 -0
  71. package/yarn-error.log +2923 -0
  72. package/index.js +0 -14
package/src/form/inputs/timezone.vue ADDED
@@ -0,0 +1,642 @@
1
+ <template>
2
+ <div class="native-select" :class="classes">
3
+ <label class="ux-field-title" v-if="showLabel">{{label}} <span class="ux-required-marker" v-if="required">*</span></label>
4
+ <div class="ux-field-description" v-if="showDescription">{{description}}</div>
5
+ <div class="ui-select-button" v-if="singleValue">
6
+ <slot>
7
+ <ux-button tag="div">
8
+ {{summary}}
9
+ </ux-button>
10
+ </slot>
11
+ </div>
12
+ <select @focus="touch" :multiple="multiValue" v-model="model">
13
+ <option value="" v-if="singleValue && !minimum">None</option>
14
+ <option :value="option.value" v-for="option in selectableOptions">{{option.title}}</option>
15
+ </select>
16
+ </div>
17
+ </template>
18
+ <script>
19
+ import InputMixin from './input-mixin';
20
+
21
+
22
+
23
+ function isUndefined(entry) {
24
+ return entry === undefined || typeof entry === 'undefined' || entry === null || String(entry) === 'null' || String(entry) === 'undefined';
25
+ }
26
+
27
+ //////////////////////////
28
+
29
+ export default {
30
+ props: {
31
+ modelValue: {
32
+ // type: [Object, Array],
33
+ },
34
+ },
35
+ mixins: [InputMixin],
36
+ created() {
37
+ this.model = this.model;
38
+ },
39
+ methods: {
40
+ cleanOutput(val) {
41
+ var self = this;
42
+
43
+ if (isUndefined(val)) {
44
+ if (self.multiValue) {
45
+ val = [];
46
+ } else {
47
+ val = undefined;
48
+ }
49
+ } else {
50
+ if (self.multiValue) {
51
+ val = (val || []).filter(Boolean).map(function(i) {
52
+ return self.getValue(i);
53
+ })
54
+ } else {
55
+ val = self.getValue(val);
56
+ }
57
+ }
58
+
59
+ return val;
60
+ },
61
+ cleanInput(val) {
62
+
63
+ var self = this;
64
+
65
+ if (self.multiValue) {
66
+ if (!val) {
67
+ val = [];
68
+ }
69
+
70
+ if (!Array.isArray(val)) {
71
+ val = [val];
72
+ }
73
+
74
+ /////////////////////////////////
75
+
76
+ if (self.maximum) {
77
+ if (val.length > self.maximum) {
78
+ val.length = self.maximum;
79
+ }
80
+ }
81
+
82
+
83
+ val = val.filter(Boolean).map(function(v) {
84
+ var valueKey = self.getValue(v);
85
+ return self.returnObject ? self.optionLookup[valueKey] : valueKey;
86
+ })
87
+
88
+ } else {
89
+ var valueKey = self.getValue(val);
90
+ val = self.returnObject ? self.optionLookup[valueKey] : valueKey;
91
+ }
92
+
93
+ return val;
94
+ },
95
+ },
96
+ computed: {
97
+ returnObject() {
98
+ return this.type == 'reference';
99
+ },
100
+ classes() {
101
+ var array = []
102
+
103
+ if (this.multiValue) {
104
+ array.push('multiple');
105
+ } else {
106
+ array.push('single');
107
+ }
108
+
109
+ return array;
110
+ },
111
+ // model: {
112
+ // get() {
113
+ // let val = this.cleanOutput(this.value);
114
+ // return val;
115
+ // },
116
+ // set(val) {
117
+ // val = this.cleanInput(val);
118
+ // // // var val = this.cleanOutput(newValue);
119
+ // // // var existing = this.cleanOutput(this.value);
120
+
121
+ // // if (newValue != existing) {
122
+ // // newValue = this.cleanInput(val);
123
+ // // this.value = newValue;
124
+ // // this.dispatch();
125
+ // // }
126
+
127
+ // this.value = val;
128
+ // this.dispatch();
129
+
130
+ // }
131
+ // },
132
+ optionLookup() {
133
+ var self = this;
134
+ return self.options.reduce(function(set, option) {
135
+ const key = self.getValue(option);
136
+ set[key] = option;
137
+ return set;
138
+ }, {})
139
+ },
140
+ summary() {
141
+ return this.getLabel(this.optionLookup[this.model]) || 'Click to select';
142
+ },
143
+ options() {
144
+ var self = this;
145
+
146
+ return [
147
+ "Africa/Abidjan",
148
+ "Africa/Accra",
149
+ "Africa/Addis_Ababa",
150
+ "Africa/Algiers",
151
+ "Africa/Asmera",
152
+ "Africa/Bamako",
153
+ "Africa/Bangui",
154
+ "Africa/Banjul",
155
+ "Africa/Bissau",
156
+ "Africa/Blantyre",
157
+ "Africa/Brazzaville",
158
+ "Africa/Bujumbura",
159
+ "Africa/Cairo",
160
+ "Africa/Casablanca",
161
+ "Africa/Ceuta",
162
+ "Africa/Conakry",
163
+ "Africa/Dakar",
164
+ "Africa/Dar_es_Salaam",
165
+ "Africa/Djibouti",
166
+ "Africa/Douala",
167
+ "Africa/El_Aaiun",
168
+ "Africa/Freetown",
169
+ "Africa/Gaborone",
170
+ "Africa/Harare",
171
+ "Africa/Johannesburg",
172
+ "Africa/Juba",
173
+ "Africa/Kampala",
174
+ "Africa/Khartoum",
175
+ "Africa/Kigali",
176
+ "Africa/Kinshasa",
177
+ "Africa/Lagos",
178
+ "Africa/Libreville",
179
+ "Africa/Lome",
180
+ "Africa/Luanda",
181
+ "Africa/Lubumbashi",
182
+ "Africa/Lusaka",
183
+ "Africa/Malabo",
184
+ "Africa/Maputo",
185
+ "Africa/Maseru",
186
+ "Africa/Mbabane",
187
+ "Africa/Mogadishu",
188
+ "Africa/Monrovia",
189
+ "Africa/Nairobi",
190
+ "Africa/Ndjamena",
191
+ "Africa/Niamey",
192
+ "Africa/Nouakchott",
193
+ "Africa/Ouagadougou",
194
+ "Africa/Porto-Novo",
195
+ "Africa/Sao_Tome",
196
+ "Africa/Tripoli",
197
+ "Africa/Tunis",
198
+ "Africa/Windhoek",
199
+ "America/Anchorage",
200
+ "America/Anguilla",
201
+ "America/Antigua",
202
+ "America/Araguaina",
203
+ "America/Argentina/La_Rioja",
204
+ "America/Argentina/Rio_Gallegos",
205
+ "America/Argentina/Salta",
206
+ "America/Argentina/San_Juan",
207
+ "America/Argentina/San_Luis",
208
+ "America/Argentina/Tucuman",
209
+ "America/Argentina/Ushuaia",
210
+ "America/Aruba",
211
+ "America/Asuncion",
212
+ "America/Bahia",
213
+ "America/Bahia_Banderas",
214
+ "America/Barbados",
215
+ "America/Belem",
216
+ "America/Belize",
217
+ "America/Blanc-Sablon",
218
+ "America/Boa_Vista",
219
+ "America/Bogota",
220
+ "America/Boise",
221
+ "America/Buenos_Aires",
222
+ "America/Cambridge_Bay",
223
+ "America/Campo_Grande",
224
+ "America/Cancun",
225
+ "America/Caracas",
226
+ "America/Catamarca",
227
+ "America/Cayenne",
228
+ "America/Cayman",
229
+ "America/Chicago",
230
+ "America/Chihuahua",
231
+ "America/Coral_Harbour",
232
+ "America/Cordoba",
233
+ "America/Costa_Rica",
234
+ "America/Creston",
235
+ "America/Cuiaba",
236
+ "America/Curacao",
237
+ "America/Danmarkshavn",
238
+ "America/Dawson",
239
+ "America/Dawson_Creek",
240
+ "America/Denver",
241
+ "America/Detroit",
242
+ "America/Dominica",
243
+ "America/Edmonton",
244
+ "America/Eirunepe",
245
+ "America/El_Salvador",
246
+ "America/Fortaleza",
247
+ "America/Glace_Bay",
248
+ "America/Godthab",
249
+ "America/Goose_Bay",
250
+ "America/Grand_Turk",
251
+ "America/Grenada",
252
+ "America/Guadeloupe",
253
+ "America/Guatemala",
254
+ "America/Guayaquil",
255
+ "America/Guyana",
256
+ "America/Halifax",
257
+ "America/Havana",
258
+ "America/Hermosillo",
259
+ "America/Indiana/Knox",
260
+ "America/Indiana/Marengo",
261
+ "America/Indiana/Petersburg",
262
+ "America/Indiana/Tell_City",
263
+ "America/Indiana/Vevay",
264
+ "America/Indiana/Vincennes",
265
+ "America/Indiana/Winamac",
266
+ "America/Indianapolis",
267
+ "America/Inuvik",
268
+ "America/Iqaluit",
269
+ "America/Jamaica",
270
+ "America/Jujuy",
271
+ "America/Juneau",
272
+ "America/Kentucky/Monticello",
273
+ "America/Kralendijk",
274
+ "America/La_Paz",
275
+ "America/Lima",
276
+ "America/Los_Angeles",
277
+ "America/Louisville",
278
+ "America/Lower_Princes",
279
+ "America/Maceio",
280
+ "America/Managua",
281
+ "America/Manaus",
282
+ "America/Marigot",
283
+ "America/Martinique",
284
+ "America/Matamoros",
285
+ "America/Mazatlan",
286
+ "America/Mendoza",
287
+ "America/Menominee",
288
+ "America/Merida",
289
+ "America/Mexico_City",
290
+ "America/Moncton",
291
+ "America/Monterrey",
292
+ "America/Montevideo",
293
+ "America/Montreal",
294
+ "America/Montserrat",
295
+ "America/Nassau",
296
+ "America/New_York",
297
+ "America/Nipigon",
298
+ "America/Nome",
299
+ "America/Noronha",
300
+ "America/North_Dakota/Beulah",
301
+ "America/North_Dakota/Center",
302
+ "America/North_Dakota/New_Salem",
303
+ "America/Ojinaga",
304
+ "America/Panama",
305
+ "America/Pangnirtung",
306
+ "America/Paramaribo",
307
+ "America/Phoenix",
308
+ "America/Port-au-Prince",
309
+ "America/Port_of_Spain",
310
+ "America/Porto_Velho",
311
+ "America/Puerto_Rico",
312
+ "America/Rainy_River",
313
+ "America/Rankin_Inlet",
314
+ "America/Recife",
315
+ "America/Regina",
316
+ "America/Resolute",
317
+ "America/Rio_Branco",
318
+ "America/Santa_Isabel",
319
+ "America/Santarem",
320
+ "America/Santiago",
321
+ "America/Santo_Domingo",
322
+ "America/Sao_Paulo",
323
+ "America/Scoresbysund",
324
+ "America/Sitka",
325
+ "America/St_Barthelemy",
326
+ "America/St_Johns",
327
+ "America/St_Kitts",
328
+ "America/St_Lucia",
329
+ "America/St_Thomas",
330
+ "America/St_Vincent",
331
+ "America/Swift_Current",
332
+ "America/Tegucigalpa",
333
+ "America/Thule",
334
+ "America/Thunder_Bay",
335
+ "America/Tijuana",
336
+ "America/Toronto",
337
+ "America/Tortola",
338
+ "America/Vancouver",
339
+ "America/Whitehorse",
340
+ "America/Winnipeg",
341
+ "America/Yakutat",
342
+ "America/Yellowknife",
343
+ "Antarctica/Casey",
344
+ "Antarctica/Davis",
345
+ "Antarctica/DumontDUrville",
346
+ "Antarctica/Macquarie",
347
+ "Antarctica/Mawson",
348
+ "Antarctica/McMurdo",
349
+ "Antarctica/Palmer",
350
+ "Antarctica/Rothera",
351
+ "Antarctica/Syowa",
352
+ "Antarctica/Vostok",
353
+ "Arctic/Longyearbyen",
354
+ "Asia/Aden",
355
+ "Asia/Almaty",
356
+ "Asia/Amman",
357
+ "Asia/Anadyr",
358
+ "Asia/Aqtau",
359
+ "Asia/Aqtobe",
360
+ "Asia/Ashgabat",
361
+ "Asia/Baghdad",
362
+ "Asia/Bahrain",
363
+ "Asia/Baku",
364
+ "Asia/Bangkok",
365
+ "Asia/Beirut",
366
+ "Asia/Bishkek",
367
+ "Asia/Brunei",
368
+ "Asia/Calcutta",
369
+ "Asia/Chita",
370
+ "Asia/Choibalsan",
371
+ "Asia/Colombo",
372
+ "Asia/Damascus",
373
+ "Asia/Dhaka",
374
+ "Asia/Dili",
375
+ "Asia/Dubai",
376
+ "Asia/Dushanbe",
377
+ "Asia/Hong_Kong",
378
+ "Asia/Hovd",
379
+ "Asia/Irkutsk",
380
+ "Asia/Jakarta",
381
+ "Asia/Jayapura",
382
+ "Asia/Jerusalem",
383
+ "Asia/Kabul",
384
+ "Asia/Kamchatka",
385
+ "Asia/Karachi",
386
+ "Asia/Kathmandu",
387
+ "Asia/Khandyga",
388
+ "Asia/Kolkata",
389
+ "Asia/Krasnoyarsk",
390
+ "Asia/Kuala_Lumpur",
391
+ "Asia/Kuching",
392
+ "Asia/Kuwait",
393
+ "Asia/Macau",
394
+ "Asia/Magadan",
395
+ "Asia/Makassar",
396
+ "Asia/Manila",
397
+ "Asia/Muscat",
398
+ "Asia/Nicosia",
399
+ "Asia/Novokuznetsk",
400
+ "Asia/Novosibirsk",
401
+ "Asia/Omsk",
402
+ "Asia/Oral",
403
+ "Asia/Phnom_Penh",
404
+ "Asia/Pontianak",
405
+ "Asia/Pyongyang",
406
+ "Asia/Qatar",
407
+ "Asia/Qyzylorda",
408
+ "Asia/Rangoon",
409
+ "Asia/Riyadh",
410
+ "Asia/Saigon",
411
+ "Asia/Sakhalin",
412
+ "Asia/Samarkand",
413
+ "Asia/Seoul",
414
+ "Asia/Shanghai",
415
+ "Asia/Singapore",
416
+ "Asia/Srednekolymsk",
417
+ "Asia/Taipei",
418
+ "Asia/Tashkent",
419
+ "Asia/Tbilisi",
420
+ "Asia/Tehran",
421
+ "Asia/Thimphu",
422
+ "Asia/Tokyo",
423
+ "Asia/Ulaanbaatar",
424
+ "Asia/Urumqi",
425
+ "Asia/Ust-Nera",
426
+ "Asia/Vientiane",
427
+ "Asia/Vladivostok",
428
+ "Asia/Yakutsk",
429
+ "Asia/Yekaterinburg",
430
+ "Asia/Yerevan",
431
+ "Atlantic/Azores",
432
+ "Atlantic/Bermuda",
433
+ "Atlantic/Canary",
434
+ "Atlantic/Cape_Verde",
435
+ "Atlantic/Faeroe",
436
+ "Atlantic/Madeira",
437
+ "Atlantic/Reykjavik",
438
+ "Atlantic/South_Georgia",
439
+ "Atlantic/St_Helena",
440
+ "Atlantic/Stanley",
441
+ "Australia/Adelaide",
442
+ "Australia/Brisbane",
443
+ "Australia/Broken_Hill",
444
+ "Australia/Currie",
445
+ "Australia/Darwin",
446
+ "Australia/Hobart",
447
+ "Australia/Lindeman",
448
+ "Australia/Melbourne",
449
+ "Australia/Perth",
450
+ "Australia/Sydney",
451
+ "CST6CDT",
452
+ "EST5EDT",
453
+ "Etc/GMT",
454
+ "Etc/GMT+1",
455
+ "Etc/GMT+10",
456
+ "Etc/GMT+11",
457
+ "Etc/GMT+12",
458
+ "Etc/GMT+2",
459
+ "Etc/GMT+3",
460
+ "Etc/GMT+4",
461
+ "Etc/GMT+5",
462
+ "Etc/GMT+6",
463
+ "Etc/GMT+7",
464
+ "Etc/GMT-1",
465
+ "Etc/GMT-10",
466
+ "Etc/GMT-11",
467
+ "Etc/GMT-12",
468
+ "Etc/GMT-13",
469
+ "Etc/GMT-2",
470
+ "Etc/GMT-3",
471
+ "Etc/GMT-4",
472
+ "Etc/GMT-5",
473
+ "Etc/GMT-6",
474
+ "Etc/GMT-7",
475
+ "Etc/GMT-8",
476
+ "Etc/GMT-9",
477
+ "Europe/Amsterdam",
478
+ "Europe/Andorra",
479
+ "Europe/Astrakhan",
480
+ "Europe/Athens",
481
+ "Europe/Belgrade",
482
+ "Europe/Berlin",
483
+ "Europe/Bratislava",
484
+ "Europe/Brussels",
485
+ "Europe/Bucharest",
486
+ "Europe/Budapest",
487
+ "Europe/Busingen",
488
+ "Europe/Chisinau",
489
+ "Europe/Copenhagen",
490
+ "Europe/Dublin",
491
+ "Europe/Gibraltar",
492
+ "Europe/Guernsey",
493
+ "Europe/Helsinki",
494
+ "Europe/Isle_of_Man",
495
+ "Europe/Istanbul",
496
+ "Europe/Jersey",
497
+ "Europe/Kaliningrad",
498
+ "Europe/Kiev",
499
+ "Europe/Kirov",
500
+ "Europe/Lisbon",
501
+ "Europe/Ljubljana",
502
+ "Europe/London",
503
+ "Europe/Luxembourg",
504
+ "Europe/Madrid",
505
+ "Europe/Malta",
506
+ "Europe/Mariehamn",
507
+ "Europe/Minsk",
508
+ "Europe/Monaco",
509
+ "Europe/Moscow",
510
+ "Europe/Nicosia",
511
+ "Europe/Oslo",
512
+ "Europe/Paris",
513
+ "Europe/Podgorica",
514
+ "Europe/Prague",
515
+ "Europe/Riga",
516
+ "Europe/Rome",
517
+ "Europe/Samara",
518
+ "Europe/San_Marino",
519
+ "Europe/Sarajevo",
520
+ "Europe/Simferopol",
521
+ "Europe/Skopje",
522
+ "Europe/Sofia",
523
+ "Europe/Stockholm",
524
+ "Europe/Tallinn",
525
+ "Europe/Tirane",
526
+ "Europe/Ulyanovsk",
527
+ "Europe/Uzhgorod",
528
+ "Europe/Vaduz",
529
+ "Europe/Vatican",
530
+ "Europe/Vienna",
531
+ "Europe/Vilnius",
532
+ "Europe/Volgograd",
533
+ "Europe/Warsaw",
534
+ "Europe/Zagreb",
535
+ "Europe/Zaporozhye",
536
+ "Europe/Zurich",
537
+ "Indian/Antananarivo",
538
+ "Indian/Chagos",
539
+ "Indian/Christmas",
540
+ "Indian/Cocos",
541
+ "Indian/Comoro",
542
+ "Indian/Kerguelen",
543
+ "Indian/Mahe",
544
+ "Indian/Maldives",
545
+ "Indian/Mauritius",
546
+ "Indian/Mayotte",
547
+ "Indian/Reunion",
548
+ "MST7MDT",
549
+ "PST8PDT",
550
+ "Pacific/Apia",
551
+ "Pacific/Auckland",
552
+ "Pacific/Efate",
553
+ "Pacific/Enderbury",
554
+ "Pacific/Fakaofo",
555
+ "Pacific/Fiji",
556
+ "Pacific/Funafuti",
557
+ "Pacific/Galapagos",
558
+ "Pacific/Guadalcanal",
559
+ "Pacific/Guam",
560
+ "Pacific/Honolulu",
561
+ "Pacific/Johnston",
562
+ "Pacific/Kosrae",
563
+ "Pacific/Kwajalein",
564
+ "Pacific/Majuro",
565
+ "Pacific/Midway",
566
+ "Pacific/Nauru",
567
+ "Pacific/Niue",
568
+ "Pacific/Noumea",
569
+ "Pacific/Pago_Pago",
570
+ "Pacific/Palau",
571
+ "Pacific/Ponape",
572
+ "Pacific/Port_Moresby",
573
+ "Pacific/Rarotonga",
574
+ "Pacific/Saipan",
575
+ "Pacific/Tahiti",
576
+ "Pacific/Tarawa",
577
+ "Pacific/Tongatapu",
578
+ "Pacific/Truk",
579
+ "Pacific/Wake",
580
+ "Pacific/Wallis",
581
+ ].map(function(v) {
582
+ return {
583
+ title:v,
584
+ value:v,
585
+ }
586
+ })
587
+ },
588
+ selectableOptions() {
589
+ return this.options;
590
+
591
+ },
592
+ }
593
+ }
594
+ </script>
595
+ <style lang="scss" scoped>
596
+ .native-select {
597
+
598
+ cursor: pointer;
599
+
600
+ &.multiple {
601
+ select {
602
+ width: 100%;
603
+ font-size: 1em;
604
+ border: 1px solid rgba(#000, 0.1);
605
+ appearance: none;
606
+
607
+ &:focus {
608
+ border: 1px solid $primary;
609
+ }
610
+ }
611
+ }
612
+
613
+ &.single {
614
+ position: relative;
615
+
616
+ .ui-select-button {
617
+ position: relative;
618
+ width: 100%;
619
+
620
+ &>.ux-btn {
621
+ display: block;
622
+ text-align: left;
623
+ }
624
+ }
625
+
626
+ select {
627
+ cursor: pointer;
628
+ opacity: 0;
629
+ appearance: none;
630
+ width: 100%;
631
+ height: 100%;
632
+ position: absolute;
633
+ top: 0;
634
+ left: 0;
635
+ bottom: 0;
636
+ right: 0;
637
+ }
638
+ }
639
+
640
+
641
+ }
642
+ </style>