pukaad-ui-lib 1.223.0 → 1.224.0

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "pukaad-ui-lib",
   "configKey": "pukaadUI",
-  "version": "1.223.0",
+  "version": "1.224.0",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.1"

package/dist/runtime/components/drawer/drawer-suggest-place/suggest-place-map.vue

@@ -23,6 +23,8 @@ let polygonLayer = null;
 let marker = null;
 let L = null;
 let drawDebounceTimer = null;
+let subdistrictsCache = null;
+let districtsCache = null;
 const { getProvinceById } = useThaiAddress();
 onMounted(async () => {
   const leafletModule = await import("leaflet");
@@ -42,14 +44,28 @@ onMounted(async () => {
       }
     });
     const resizeObserver = new ResizeObserver(() => {
-      if (map) {
-        map.invalidateSize();
-      }
+      if (map) map.invalidateSize();
     });
     resizeObserver.observe(mapContainer.value);
-    setTimeout(() => {
-      if (map) map.invalidateSize();
-    }, 550);
+    const intersectionObserver = new IntersectionObserver(
+      (entries) => {
+        entries.forEach((entry) => {
+          if (entry.isIntersecting && map) {
+            map.invalidateSize();
+            if (polygonLayer) {
+              map.flyToBounds(polygonLayer.getBounds(), { padding: [20, 20], duration: 0.3 });
+            }
+          }
+        });
+      },
+      { threshold: 0.1 }
+    );
+    intersectionObserver.observe(mapContainer.value);
+    [100, 300, 600, 1200].forEach((delay) => {
+      setTimeout(() => {
+        if (map) map.invalidateSize();
+      }, delay);
+    });
     drawPolygon();
   }
 });
@@ -83,15 +99,19 @@ const drawPolygon = async () => {
   }
   let feature = null;
   if (props.tambonId) {
-    const module = await import("@/runtime/geo/subdistricts.json");
-    const subdistrictsGeoJson = module.default || module;
-    feature = subdistrictsGeoJson.features.find(
+    if (!subdistrictsCache) {
+      const module = await import("@/runtime/geo/subdistricts.json");
+      subdistrictsCache = module.default || module;
+    }
+    feature = subdistrictsCache.features.find(
       (f) => f.properties.tam_code === props.tambonId?.toString()
     );
   } else if (props.amphurId) {
-    const module = await import("@/runtime/geo/districts.json");
-    const districtsGeoJson = module.default || module;
-    feature = districtsGeoJson.features.find(
+    if (!districtsCache) {
+      const module = await import("@/runtime/geo/districts.json");
+      districtsCache = module.default || module;
+    }
+    feature = districtsCache.features.find(
       (f) => f.properties.amp_code === props.amphurId?.toString()
     );
   } else if (props.provinceId) {

package/dist/runtime/components/input/input-file.d.vue.ts

@@ -35,8 +35,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
     fullHeight: boolean;
     name: string;
     limit: number;
-    accept: string;
     disabledErrorMessage: boolean;
+    accept: string;
     labelIcon: string;
     disabledDrop: boolean;
     column: boolean;

package/dist/runtime/components/input/input-file.vue.d.ts

@@ -35,8 +35,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
     fullHeight: boolean;
     name: string;
     limit: number;
-    accept: string;
     disabledErrorMessage: boolean;
+    accept: string;
     labelIcon: string;
     disabledDrop: boolean;
     column: boolean;

package/dist/runtime/components/input/input-password.d.vue.ts

@@ -22,8 +22,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
 }>, {
     id: string;
     name: string;
-    disabledForgotPassword: boolean;
     new: boolean;
+    disabledForgotPassword: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/input/input-password.vue.d.ts

@@ -22,8 +22,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
 }>, {
     id: string;
     name: string;
-    disabledForgotPassword: boolean;
     new: boolean;
+    disabledForgotPassword: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/input/input-slider.d.vue.ts

@@ -12,9 +12,9 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
     label: string;
     color: InputSliderColor;
     fullWidth: boolean;
-    step: number;
     max: number;
     min: number;
+    step: number;
     lineHeight: number | string;
     appearance: boolean;
     thumbSize: number | string;

package/dist/runtime/components/input/input-slider.vue.d.ts

@@ -12,9 +12,9 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
     label: string;
     color: InputSliderColor;
     fullWidth: boolean;
-    step: number;
     max: number;
     min: number;
+    step: number;
     lineHeight: number | string;
     appearance: boolean;
     thumbSize: number | string;

package/dist/runtime/components/modal/modal-password-confirmed.d.vue.ts

@@ -24,8 +24,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
     }) => any) | undefined;
 }>, {
     title: string;
-    confirmText: string;
     disabledForgotPassword: boolean;
+    confirmText: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/modal/modal-password-confirmed.vue.d.ts

@@ -24,8 +24,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
     }) => any) | undefined;
 }>, {
     title: string;
-    confirmText: string;
     disabledForgotPassword: boolean;
+    confirmText: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/modal/modal-password-verify.d.vue.ts

@@ -28,8 +28,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
 }>, {
     title: string;
     mode: "login" | "secure";
-    confirmText: string;
     disabledForgotPassword: boolean;
+    confirmText: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/modal/modal-password-verify.vue.d.ts

@@ -28,8 +28,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
 }>, {
     title: string;
     mode: "login" | "secure";
-    confirmText: string;
     disabledForgotPassword: boolean;
+    confirmText: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pukaad-ui-lib",
-  "version": "1.223.0",
+  "version": "1.224.0",
   "description": "pukaad-ui for MeMSG",
   "repository": {
     "type": "git",