@tak-ps/vue-tabler 3.17.2 → 3.17.3

package/CHANGELOG.md

@@ -10,6 +10,10 @@
 
 ## Version History
 
+### v3.17.3
+
+- :rocket: `TimeZone` Simpler TimeZone List
+
 ### v3.17.2
 
 - :rocket: `TimeZone` Include desc and req. props

package/components/input/TimeZone.vue

@@ -5,15 +5,13 @@
     :description='description'
     :required='required'
     :default='modelValue'
-    v-on:change='$emit("update:modelValue", $event.target.value)'
+    v-on:change='$emit("update:modelValue", map.get($event.target.value).tzCode)'
 />
 </template>
 
 <script>
-import {
-    TablerEnum
-} from '@tak-ps/vue-tabler'
-import moment from 'moment-timezone';
+import TablerEnum from './Enum.vue'
+import tzs from 'timezones-list'
 
 export default {
     name: 'TablerTimeZone',
@@ -38,28 +36,16 @@ export default {
         },
     },
     data: function() {
-        const timezones = new Set();
+        const map = new Map();
 
-        for (const tz of moment.tz.names()
-            .reduce((memo, tz) => {
-                memo.push({
-                  name: tz,
-                  offset: moment.tz(tz).utcOffset()
-                });
-
-                return memo;
-            }, [])
-          .sort((a, b) => {
-            return a.offset - b.offset
-        })) {
-            const timezone = tz.offset ? moment.tz(tz.name).format('Z') : '';
-
-            timezones.add(`(GMT${timezone}) ${tz.name}`);
+        for (const tz of tzs) {
+            map.set(tz.label, tz);
         }
 
         return {
+            map,
             internal: this.modelValue,
-            timezones
+            timezones: tzs.map((tz) => tz.label)
         }
     },
     components: {

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@tak-ps/vue-tabler",
     "type": "module",
-    "version": "3.17.2",
+    "version": "3.17.3",
     "lib": "lib.js",
     "module": "lib.js",
     "description": "Tabler UI components for Vue3",
@@ -20,8 +20,8 @@
     },
     "homepage": "https://github.com/tak-ps/vue-tabler#readme",
     "dependencies": {
-        "moment-timezone": "^0.5.43",
         "showdown": "^2.1.0",
+        "timezones-list": "^3.0.2",
         "vue-tabler-icons": "^2.16.0"
     },
     "devDependencies": {