ablok-components 0.3.85 → 0.3.86

package/dist/components/molecules/base-map/base-map.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as q, shallowRef as G, ref as C, onMounted as H, markRaw as m, watch as S, computed as f, nextTick as J, openBlock as u, createElementBlock as k, renderSlot as K, toDisplayString as w, createCommentVNode as y, createElementVNode as Q, normalizeStyle as X, normalizeClass as ee, createBlock as d, resolveDynamicComponent as p, withCtx as h, Fragment as te, renderList as ae, createTextVNode as U } from "vue";
+import { defineComponent as q, shallowRef as G, ref as C, onMounted as H, markRaw as m, watch as S, computed as y, nextTick as J, openBlock as i, createElementBlock as k, renderSlot as K, toDisplayString as w, createCommentVNode as f, createElementVNode as Q, normalizeStyle as X, normalizeClass as ee, createBlock as d, resolveDynamicComponent as p, withCtx as h, Fragment as te, renderList as ae, createTextVNode as U } from "vue";
 /* empty css                                                                              */
 const le = { class: "base-map" }, ne = {
   key: 0,
@@ -149,29 +149,29 @@ const le = { class: "base-map" }, ne = {
         url: "https://{s}.basemaps.cartocdn.com/rastertiles/voyager_nolabels/{z}/{x}/{y}{r}.png",
         attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors &copy; <a href="https://carto.com/attributions">CARTO</a>'
       }
-    }, a = n, c = $, s = G(null), L = C(null), M = C(null), z = C(a.zoom), r = C(o(a.modelValue));
+    }, a = n, s = $, u = G(null), L = C(null), z = C(null), R = C(a.zoom), r = C(o(a.modelValue));
     H(async () => {
       if (typeof window > "u")
         return;
       const [e, t] = await Promise.all([
         import("@vue-leaflet/vue-leaflet"),
         import("leaflet")
-      ]), l = e.default ?? e, i = t.default ?? t;
-      s.value = m({
-        LCircle: m(l.LCircle),
-        LMap: m(l.LMap),
-        LMarker: m(l.LMarker),
-        LPopup: m(l.LPopup),
-        LPolyline: m(l.LPolyline),
-        LTileLayer: m(l.LTileLayer)
+      ]);
+      u.value = m({
+        LCircle: m(e.LCircle),
+        LMap: m(e.LMap),
+        LMarker: m(e.LMarker),
+        LPopup: m(e.LPopup),
+        LPolyline: m(e.LPolyline),
+        LTileLayer: m(e.LTileLayer)
       }), L.value = {
-        list: v("list", i.divIcon),
-        selected: v("selected", i.divIcon),
-        search: v("search", i.divIcon),
-        user: v("user", i.divIcon)
+        list: v("list", t.divIcon),
+        selected: v("selected", t.divIcon),
+        search: v("search", t.divIcon),
+        user: v("user", t.divIcon)
       };
     }), S(() => a.zoom, (e) => {
-      z.value = e;
+      R.value = e;
     }), S(() => a.modelValue, (e) => {
       r.value = o(e);
     }), S(() => a.center, (e) => {
@@ -194,7 +194,7 @@ const le = { class: "base-map" }, ne = {
       },
       { flush: "post" }
     );
-    const b = f(() => o(a.userLocation)), R = f(() => o(a.selectionRadiusCenter) || r.value), B = f(() => {
+    const b = y(() => o(a.userLocation)), M = y(() => o(a.selectionRadiusCenter) || r.value), B = y(() => {
       const e = (a.markers || []).map((t) => {
         const l = o(t);
         return l ? {
@@ -209,15 +209,15 @@ const le = { class: "base-map" }, ne = {
         type: "search",
         ...r.value
       }), e;
-    }), T = f(() => (a.routeCoordinates || []).map((e) => W(e)).filter((e) => !!e)), E = f(() => {
+    }), T = y(() => (a.routeCoordinates || []).map((e) => W(e)).filter((e) => !!e)), E = y(() => {
       const e = o(a.center) || r.value || o(a.markers[0]) || N;
       return [e.lat, e.lng];
-    }), I = f(() => {
+    }), I = y(() => {
       if (a.tileLayerUrl.trim())
         return a.tileLayerUrl;
       const e = a.mapStyle === "custom" ? "streets" : a.mapStyle;
       return x[e].url;
-    }), j = f(() => {
+    }), j = y(() => {
       if (a.tileLayerAttribution.trim())
         return a.tileLayerAttribution;
       const e = a.mapStyle === "custom" ? "streets" : a.mapStyle;
@@ -247,31 +247,31 @@ const le = { class: "base-map" }, ne = {
     }
     function W(e) {
       if (Array.isArray(e)) {
-        const l = Number(e[0]), i = Number(e[1]);
-        return Number.isFinite(l) && Number.isFinite(i) ? [l, i] : null;
+        const l = Number(e[0]), c = Number(e[1]);
+        return Number.isFinite(l) && Number.isFinite(c) ? [l, c] : null;
       }
       const t = o(e);
       return t ? [t.lat, t.lng] : null;
     }
     function P(e, t) {
-      const l = o(e), i = o(t);
-      return !l || !i ? !1 : Math.abs(l.lat - i.lat) < 1e-6 && Math.abs(l.lng - i.lng) < 1e-6;
+      const l = o(e), c = o(t);
+      return !l || !c ? !1 : Math.abs(l.lat - c.lat) < 1e-6 && Math.abs(l.lng - c.lng) < 1e-6;
     }
     async function V() {
-      await J(), M.value?.invalidateSize();
+      await J(), z.value?.invalidateSize();
     }
     function g(e) {
-      M.value?.panTo([e.lat, e.lng]);
+      z.value?.panTo([e.lat, e.lng]);
     }
     function D(e) {
-      M.value = e, g(o(a.center) || r.value || N), V();
+      z.value = e, g(o(a.center) || r.value || N), V();
     }
     function Z(e) {
-      z.value = e, c("update:zoom", e);
+      R.value = e, s("update:zoom", e);
     }
     function Y(e) {
       const t = o(e);
-      t && (g(t), c("update:center", t));
+      t && (g(t), s("update:center", t));
     }
     function _(e) {
       if (!a.interactive || a.disabled)
@@ -280,17 +280,17 @@ const le = { class: "base-map" }, ne = {
         lat: Number(e.latlng.lat.toFixed(6)),
         lng: Number(e.latlng.lng.toFixed(6))
       };
-      r.value = t, g(t), c("update:modelValue", t), c("update:center", t), c("map-click", t);
+      r.value = t, g(t), s("update:modelValue", t), s("update:center", t), s("map-click", t);
     }
     function F(e) {
       r.value = {
         lat: Number(e.lat),
         lng: Number(e.lng)
-      }, g(r.value), c("update:modelValue", r.value), c("update:center", r.value), c("marker-click", e);
+      }, g(r.value), s("update:modelValue", r.value), s("update:center", r.value), s("marker-click", e);
     }
-    return (e, t) => (u(), k("div", le, [
+    return (e, t) => (i(), k("div", le, [
       K(e.$slots, "label", {}, () => [
-        n.label ? (u(), k("label", ne, w(n.label), 1)) : y("", !0)
+        n.label ? (i(), k("label", ne, w(n.label), 1)) : f("", !0)
       ]),
       Q("div", {
         class: ee(["base-map__frame", {
@@ -300,11 +300,11 @@ const le = { class: "base-map" }, ne = {
         style: X({ height: n.height }),
         "data-testid": "base-map"
       }, [
-        s.value ? (u(), d(p(s.value?.LMap), {
+        u.value ? (i(), d(p(u.value?.LMap), {
           key: 0,
           class: "base-map__canvas",
           "use-global-leaflet": !1,
-          zoom: z.value,
+          zoom: R.value,
           center: E.value,
           onReady: D,
           onClick: _,
@@ -312,46 +312,46 @@ const le = { class: "base-map" }, ne = {
           "onUpdate:center": Y
         }, {
           default: h(() => [
-            (u(), d(p(s.value.LTileLayer), {
+            (i(), d(p(u.value.LTileLayer), {
               url: I.value,
               attribution: j.value,
               "layer-type": "base",
               name: "OpenStreetMap"
             }, null, 8, ["url", "attribution"])),
-            T.value.length > 1 ? (u(), d(p(s.value.LPolyline), {
+            T.value.length > 1 ? (i(), d(p(u.value.LPolyline), {
               key: 0,
               "lat-lngs": T.value,
               color: n.routeColor,
               weight: n.routeWeight
-            }, null, 8, ["lat-lngs", "color", "weight"])) : y("", !0),
-            R.value && n.selectionRadius > 0 ? (u(), d(p(s.value.LCircle), {
+            }, null, 8, ["lat-lngs", "color", "weight"])) : f("", !0),
+            M.value && n.selectionRadius > 0 ? (i(), d(p(u.value.LCircle), {
               key: 1,
-              "lat-lng": [R.value.lat, R.value.lng],
+              "lat-lng": [M.value.lat, M.value.lng],
               radius: n.selectionRadius,
               color: n.selectionRadiusColor,
               "fill-color": n.selectionRadiusFillColor,
               "fill-opacity": n.selectionRadiusFillOpacity,
               opacity: n.selectionRadiusOpacity,
               weight: n.selectionRadiusStrokeWeight
-            }, null, 8, ["lat-lng", "radius", "color", "fill-color", "fill-opacity", "opacity", "weight"])) : y("", !0),
-            (u(!0), k(te, null, ae(B.value, (l, i) => (u(), d(p(s.value.LMarker), {
-              key: l.id ?? `${l.lat}-${l.lng}-${i}`,
+            }, null, 8, ["lat-lng", "radius", "color", "fill-color", "fill-opacity", "opacity", "weight"])) : f("", !0),
+            (i(!0), k(te, null, ae(B.value, (l, c) => (i(), d(p(u.value.LMarker), {
+              key: l.id ?? `${l.lat}-${l.lng}-${c}`,
               "lat-lng": [l.lat, l.lng],
               icon: O(l.type),
               "z-index-offset": A(l.type),
               onClick: (oe) => F(l)
             }, {
               default: h(() => [
-                l.label ? (u(), d(p(s.value.LPopup), { key: 0 }, {
+                l.label ? (i(), d(p(u.value.LPopup), { key: 0 }, {
                   default: h(() => [
                     U(w(l.label), 1)
                   ]),
                   _: 2
-                }, 1024)) : y("", !0)
+                }, 1024)) : f("", !0)
               ]),
               _: 2
             }, 1032, ["lat-lng", "icon", "z-index-offset", "onClick"]))), 128)),
-            b.value ? (u(), d(p(s.value.LMarker), {
+            b.value ? (i(), d(p(u.value.LMarker), {
               key: `user-${b.value.lat}-${b.value.lng}`,
               "lat-lng": [b.value.lat, b.value.lng],
               icon: O("user"),
@@ -364,7 +364,7 @@ const le = { class: "base-map" }, ne = {
               }))
             }, {
               default: h(() => [
-                (u(), d(p(s.value.LPopup), null, {
+                (i(), d(p(u.value.LPopup), null, {
                   default: h(() => [
                     U(w(n.userLocationLabel), 1)
                   ]),
@@ -372,12 +372,12 @@ const le = { class: "base-map" }, ne = {
                 }))
               ]),
               _: 1
-            }, 8, ["lat-lng", "icon", "z-index-offset"])) : y("", !0)
+            }, 8, ["lat-lng", "icon", "z-index-offset"])) : f("", !0)
           ]),
           _: 1
-        }, 40, ["zoom", "center"])) : y("", !0)
+        }, 40, ["zoom", "center"])) : f("", !0)
       ], 6),
-      n.interactive && n.helperText ? (u(), k("p", re, w(n.helperText), 1)) : y("", !0)
+      n.interactive && n.helperText ? (i(), k("p", re, w(n.helperText), 1)) : f("", !0)
     ]));
   }
 });

package/package.json

@@ -1,7 +1,23 @@
 {
   "name": "ablok-components",
   "private": false,
-  "version": "0.3.85",
+  "version": "0.3.86",
+  "scripts": {
+    "dev": "vite --host",
+    "story:dev": "histoire dev",
+    "story:build": "histoire build",
+    "story:preview": "histoire preview",
+    "build": "vue-tsc --noEmit --project tsconfig.build.json && vite build",
+    "build:watch": "vue-tsc --noEmit --watch --project tsconfig.build.json & vite build --watch",
+    "preview": "vite preview",
+    "build-lib-bak": "vite build && vue-tsc --emitDeclarationOnly && mv dist/src dist/types",
+    "build-lib": "vite build && vue-tsc --emitDeclarationOnly",
+    "release": "bash ./scripts/release.sh",
+    "postrelease": "bash ./scripts/publish.sh",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "test:ui": "vitest --ui"
+  },
   "dependencies": {
     "date-fns": "^3.0.0",
     "dompurify": "^3.3.1",
@@ -120,21 +136,5 @@
     "./package.json": "./package.json"
   },
   "types": "./dist/index.d.ts",
-  "sideEffects": false,
-  "scripts": {
-    "dev": "vite --host",
-    "story:dev": "histoire dev",
-    "story:build": "histoire build",
-    "story:preview": "histoire preview",
-    "build": "vue-tsc --noEmit --project tsconfig.build.json && vite build",
-    "build:watch": "vue-tsc --noEmit --watch --project tsconfig.build.json & vite build --watch",
-    "preview": "vite preview",
-    "build-lib-bak": "vite build && vue-tsc --emitDeclarationOnly && mv dist/src dist/types",
-    "build-lib": "vite build && vue-tsc --emitDeclarationOnly",
-    "release": "bash ./scripts/release.sh",
-    "postrelease": "bash ./scripts/publish.sh",
-    "test": "vitest run",
-    "test:watch": "vitest",
-    "test:ui": "vitest --ui"
-  }
-}
+  "sideEffects": false
+}