vlite3 1.4.27 → 1.4.30

package/components/GoogleMap.vue.d.ts

@@ -0,0 +1,48 @@
+import { GoogleMapClickEvent, GoogleMapCoordinate, GoogleMapError, GoogleMapMarker, GoogleMapMarkerClickEvent, GoogleMapProps, GoogleMapReadyEvent } from '../types/GoogleMap.type';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        loading?(_: {}): any;
+        error?(_: {
+            error: GoogleMapError;
+        }): any;
+    };
+    refs: {
+        mapElement: HTMLDivElement;
+    };
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<GoogleMapProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    error: (error: GoogleMapError) => any;
+    click: (event: GoogleMapClickEvent) => any;
+    ready: (event: GoogleMapReadyEvent) => any;
+    "center-changed": (center: GoogleMapCoordinate) => any;
+    "zoom-changed": (zoom: number) => any;
+    "marker-click": (event: GoogleMapMarkerClickEvent) => any;
+}, string, import('vue').PublicProps, Readonly<GoogleMapProps> & Readonly<{
+    onError?: (error: GoogleMapError) => any;
+    onClick?: (event: GoogleMapClickEvent) => any;
+    onReady?: (event: GoogleMapReadyEvent) => any;
+    "onCenter-changed"?: (center: GoogleMapCoordinate) => any;
+    "onZoom-changed"?: (zoom: number) => any;
+    "onMarker-click"?: (event: GoogleMapMarkerClickEvent) => any;
+}>, {
+    width: string | number;
+    height: string | number;
+    options: import('..').GoogleMapOptions;
+    zoom: number;
+    markers: GoogleMapMarker[];
+    ariaLabel: string;
+    loadingText: string;
+    errorText: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+    mapElement: HTMLDivElement;
+}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/components/GoogleMap.vue.js

@@ -0,0 +1,7 @@
+import o from "./GoogleMap.vue2.js";
+/* empty css               */
+import t from "../_virtual/_plugin-vue_export-helper.js";
+const c = /* @__PURE__ */ t(o, [["__scopeId", "data-v-0cfbb6c9"]]);
+export {
+  c as default
+};

package/components/GoogleMap.vue2.js

@@ -0,0 +1,164 @@
+import { defineComponent as P, shallowRef as i, computed as u, watch as f, onMounted as Z, onBeforeUnmount as j, openBlock as h, createElementBlock as k, normalizeStyle as q, createElementVNode as D, renderSlot as N, createTextVNode as S, toDisplayString as c, createCommentVNode as L, markRaw as M, nextTick as H } from "vue";
+import { useVLiteConfig as U } from "../core/config.js";
+import { onGoogleMapsAuthFailure as J, loadGoogleMaps as Q } from "../utils/GoogleMapLoader.js";
+const W = ["aria-label", "aria-busy"], X = {
+  key: 0,
+  class: "vlite-google-map__state",
+  role: "status",
+  "aria-live": "polite"
+}, Y = {
+  key: 1,
+  class: "vlite-google-map__state vlite-google-map__state--error",
+  role: "alert"
+}, ee = {
+  key: 2,
+  class: "vlite-google-map__notice",
+  "aria-live": "polite"
+}, oe = /* @__PURE__ */ P({
+  __name: "GoogleMap",
+  props: {
+    apiKey: {},
+    center: {},
+    markers: { default: () => [] },
+    zoom: { default: 12 },
+    height: { default: "400px" },
+    width: { default: "100%" },
+    options: { default: () => ({}) },
+    ariaLabel: { default: "Interactive Google map" },
+    loadingText: { default: "Loading map…" },
+    errorText: { default: "The map is unavailable." }
+  },
+  emits: ["ready", "click", "center-changed", "zoom-changed", "marker-click", "error"],
+  setup(d, { emit: F }) {
+    const l = d, n = F, K = U(), v = i(null), a = i(null), o = i(null), y = i([]), w = [], x = [], s = i(!0), r = i(null);
+    let b = null, _ = !1;
+    const O = J((e) => {
+      _ || g(e);
+    }), C = u(() => l.apiKey?.trim() || K.components?.googleMap?.apiKey?.trim()), R = u(() => ({
+      height: A(l.height),
+      width: A(l.width)
+    }));
+    function A(e) {
+      return typeof e == "number" ? `${e}px` : e;
+    }
+    function E(e) {
+      if (!e || typeof e != "object") return !1;
+      const t = e;
+      return Number.isFinite(t.lat) && Number.isFinite(t.lng) && t.lat >= -90 && t.lat <= 90 && t.lng >= -180 && t.lng <= 180;
+    }
+    const m = u(
+      () => l.markers.filter((e) => E(e))
+    ), z = u(() => l.markers.length - m.value.length), p = u(() => E(l.center) ? l.center : m.value[0] ?? null);
+    function g(e) {
+      r.value = e, s.value = !1, n("error", e);
+    }
+    function T() {
+      x.splice(0).forEach((e) => e.remove()), y.value.forEach((e) => {
+        o.value?.maps.event.clearInstanceListeners(e), e.setMap(null);
+      }), y.value = [];
+    }
+    function G() {
+      !a.value || !o.value || (T(), y.value = m.value.map((e, t) => {
+        const I = M(
+          new o.value.maps.Marker({
+            map: a.value,
+            position: { lat: e.lat, lng: e.lng },
+            title: e.title,
+            label: e.label
+          })
+        );
+        return x.push(
+          I.addListener(
+            "click",
+            ($) => n("marker-click", { marker: e, index: t, nativeEvent: $ })
+          )
+        ), I;
+      }));
+    }
+    function V() {
+      a.value && w.push(
+        a.value.addListener("click", (e) => {
+          const t = e?.latLng;
+          n("click", {
+            coordinate: t ? { lat: t.lat(), lng: t.lng() } : null,
+            nativeEvent: e
+          });
+        }),
+        a.value.addListener("center_changed", () => {
+          const e = a.value?.getCenter();
+          e && n("center-changed", { lat: e.lat(), lng: e.lng() });
+        }),
+        a.value.addListener("zoom_changed", () => {
+          const e = a.value?.getZoom();
+          typeof e == "number" && n("zoom-changed", e);
+        })
+      );
+    }
+    async function B() {
+      if (!C.value) {
+        g({ code: "invalid-api-key", message: "A Google Maps API key is required." });
+        return;
+      }
+      if (!p.value) {
+        g({
+          code: l.center == null ? "invalid-markers" : "invalid-center",
+          message: "Provide a valid center or at least one valid marker coordinate."
+        });
+        return;
+      }
+      s.value = !0, r.value = null;
+      try {
+        const e = await Q(C.value);
+        if (await H(), _ || !v.value || !p.value) return;
+        o.value = M(e), a.value = M(
+          new e.maps.Map(v.value, {
+            ...l.options,
+            center: p.value,
+            zoom: l.zoom
+          })
+        ), V(), G(), s.value = !1, n("ready", { map: a.value }), typeof ResizeObserver < "u" && (b = new ResizeObserver(() => {
+          a.value && o.value && o.value.maps.event.trigger(a.value, "resize");
+        }), b.observe(v.value));
+      } catch (e) {
+        const t = e;
+        g(
+          t?.code ? t : { code: "load-failed", message: "Google Maps could not be initialized.", cause: e }
+        );
+      }
+    }
+    return f(p, (e) => {
+      e && a.value && a.value.setCenter(e);
+    }), f(() => l.zoom, (e) => a.value?.setZoom(e)), f(() => l.options, (e) => a.value?.setOptions(e), {
+      deep: !0
+    }), f(m, G, { deep: !0 }), Z(B), j(() => {
+      _ = !0, O(), b?.disconnect(), T(), w.splice(0).forEach((e) => e.remove()), a.value && o.value?.maps.event.clearInstanceListeners(a.value), a.value = null, o.value = null;
+    }), (e, t) => (h(), k("div", {
+      class: "vlite-google-map",
+      style: q(R.value),
+      "aria-label": d.ariaLabel,
+      "aria-busy": s.value,
+      role: "region"
+    }, [
+      D("div", {
+        ref_key: "mapElement",
+        ref: v,
+        class: "vlite-google-map__canvas",
+        tabindex: "0"
+      }, null, 512),
+      s.value && !r.value ? (h(), k("div", X, [
+        N(e.$slots, "loading", {}, () => [
+          S(c(d.loadingText), 1)
+        ], !0)
+      ])) : L("", !0),
+      r.value ? (h(), k("div", Y, [
+        N(e.$slots, "error", { error: r.value }, () => [
+          S(c(d.errorText) + " " + c(r.value.message), 1)
+        ], !0)
+      ])) : L("", !0),
+      z.value ? (h(), k("p", ee, c(z.value) + " invalid marker" + c(z.value === 1 ? "" : "s") + " omitted. ", 1)) : L("", !0)
+    ], 12, W));
+  }
+});
+export {
+  oe as default
+};

package/components/Screen/ScreenFilter.vue.js

@@ -16,7 +16,7 @@ import "v-datepicker-lite/style.css";
 /* empty css                      */
 import "@jaames/iro";
 import "@vueuse/core";
-/* empty css                           */
+/* empty css                          */
 import "iconify-icon-picker";
 import "iconify-icon-picker/style.css";
 /* empty css                                 */

package/components/Stats/StatItem.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as M, computed as y, openBlock as e, createElementBlock as n, normalizeStyle as I, normalizeClass as c, Fragment as w, createBlock as l, createCommentVNode as d, createElementVNode as o, toDisplayString as u, unref as h, withCtx as x, createVNode as D } from "vue";
+import { defineComponent as M, computed as y, openBlock as e, createElementBlock as o, normalizeStyle as I, normalizeClass as c, Fragment as w, createElementVNode as l, createBlock as n, createCommentVNode as u, toDisplayString as d, unref as b, withCtx as x, createVNode as D } from "vue";
 import { $t as v } from "../../utils/i18n.js";
 import { formatCurrency as N, formatNumber as $ } from "../../utils/functions.js";
 import k from "./components/StatTrend.vue.js";
@@ -7,37 +7,37 @@ import S from "../Tooltip.vue.js";
 import E from "../Chart/LineChart.vue.js";
 import { configState as L } from "../../core/config.js";
 import { resolveColor as q } from "../Chart/utils.js";
-const A = {
-  key: 1,
+const A = { class: "flex items-start gap-3 w-full" }, G = { class: "flex-1 min-w-0" }, J = {
+  key: 0,
   class: "h-8 w-28 bg-gray-50 animate-pulse rounded-md mt-1"
-}, G = {
-  key: 4,
+}, K = {
+  key: 0,
   class: "mt-auto pt-3 -mx-1"
-}, J = {
-  key: 6,
+}, O = {
+  key: 2,
   class: "mt-auto pt-3 h-14 bg-gray-50/80 animate-pulse rounded-md"
-}, K = { class: "flex items-center justify-between w-full mt-1" }, O = {
+}, Q = { class: "flex items-center justify-between w-full mt-1" }, R = {
   key: 0,
   class: "h-8 w-24 bg-gray-50 animate-pulse rounded-md"
-}, Q = {
+}, U = {
   key: 0,
   class: "h-9 w-24 bg-gray-50 animate-pulse rounded-md"
-}, R = {
+}, W = {
   key: 1,
   class: "h-8 w-20 bg-gray-50 animate-pulse rounded-md mt-1"
-}, U = {
+}, X = {
   key: 4,
   class: "flex-1 flex flex-col justify-center min-w-0"
-}, W = {
+}, Y = {
   key: 0,
   class: "h-9 w-24 bg-gray-50 animate-pulse rounded-md mt-0.5"
-}, X = {
+}, Z = {
   key: 1,
   class: "h-6 w-5 bg-gray-50 animate-pulse rounded-sm shrink-0"
-}, Y = { class: "flex-1 flex flex-col justify-center min-w-0" }, Z = { class: "flex items-baseline gap-2 mt-1" }, p = {
+}, p = { class: "flex-1 flex flex-col justify-center min-w-0" }, _ = { class: "flex items-baseline gap-2 mt-1" }, tt = {
   key: 0,
   class: "h-8 w-24 bg-gray-50 animate-pulse rounded-md"
-}, ct = /* @__PURE__ */ M({
+}, ut = /* @__PURE__ */ M({
   __name: "StatItem",
   props: {
     item: {},
@@ -69,7 +69,7 @@ const A = {
       if (!a.item.isPrice && !a.item.numberFormat || (a.item.numberFormat || (a.item.isPrice ? "compact" : "standard")) !== "compact") return !1;
       const s = a.item.compactThreshold ?? L?.components?.price?.compactThreshold ?? 1e3;
       return Math.abs(i) >= s;
-    }), b = y(() => {
+    }), h = y(() => {
       const i = Number(a.item.value) || 0;
       return a.item.isPrice ? N(i, { numberFormat: "standard" }) : a.item.numberFormat ? $(i, { numberFormat: "standard" }) : String(a.item.value);
     }), j = y(() => {
@@ -156,46 +156,50 @@ const A = {
     ), V = y(
       () => a.item.sparklineFill === void 0 ? !0 : a.item.sparklineFill
     );
-    return (i, r) => (e(), n("div", {
+    return (i, r) => (e(), o("div", {
       class: c(j.value),
       style: I(T.value)
     }, [
-      t.layout === "layout-9" ? (e(), n(w, { key: 0 }, [
-        t.item.icon ? (e(), l(z, {
-          key: 0,
-          item: t.item,
-          variant: t.variant,
-          layout: t.layout,
-          attached: t.attached,
-          "icon-box-shape": t.iconBoxShape,
-          "icon-box-style": t.iconBoxStyle,
-          "icon-size": t.iconSize || "w-4 h-4",
-          class: "!p-2.5 self-start"
-        }, null, 8, ["item", "variant", "layout", "attached", "icon-box-shape", "icon-box-style", "icon-size"])) : d("", !0),
-        o("h3", {
-          class: c([
-            t.titleSize || "text-xs font-medium text-muted-foreground",
-            "truncate mt-3 w-full"
+      t.layout === "layout-9" ? (e(), o(w, { key: 0 }, [
+        l("div", A, [
+          t.item.icon ? (e(), n(z, {
+            key: 0,
+            item: t.item,
+            variant: t.variant,
+            layout: t.layout,
+            attached: t.attached,
+            "icon-box-shape": t.iconBoxShape,
+            "icon-box-style": t.iconBoxStyle,
+            "icon-size": t.iconSize || "w-4 h-4",
+            class: "!p-2.5 shrink-0"
+          }, null, 8, ["item", "variant", "layout", "attached", "icon-box-shape", "icon-box-style", "icon-size"])) : u("", !0),
+          l("div", G, [
+            l("h3", {
+              class: c([
+                t.titleSize || "text-xs font-medium text-muted-foreground",
+                "truncate w-full"
+              ])
+            }, d(t.item.titleI18n ? b(v)(t.item.titleI18n) : t.item.title), 3),
+            t.loading ? (e(), o("div", J)) : (e(), n(S, {
+              key: 1,
+              content: h.value,
+              disabled: !g.value
+            }, {
+              default: x(() => [
+                l("p", {
+                  class: c(t.valueSize || "text-2xl font-bold text-foreground truncate mt-1")
+                }, d(f(t.item)), 3)
+              ]),
+              _: 1
+            }, 8, ["content", "disabled"])),
+            t.item.trend && !t.loading ? (e(), n(k, {
+              key: 2,
+              trend: t.item.trend,
+              layout: t.layout
+            }, null, 8, ["trend", "layout"])) : u("", !0)
           ])
-        }, u(t.item.titleI18n ? h(v)(t.item.titleI18n) : t.item.title), 3),
-        t.loading ? (e(), n("div", A)) : (e(), l(S, {
-          key: 2,
-          content: b.value,
-          disabled: !g.value
-        }, {
-          default: x(() => [
-            o("p", {
-              class: c(t.valueSize || "text-2xl font-bold text-foreground truncate mt-1")
-            }, u(f(t.item)), 3)
-          ]),
-          _: 1
-        }, 8, ["content", "disabled"])),
-        t.item.trend && !t.loading ? (e(), l(k, {
-          key: 3,
-          trend: t.item.trend,
-          layout: t.layout
-        }, null, 8, ["trend", "layout"])) : d("", !0),
-        !t.loading && B.value.length ? (e(), n("div", G, [
+        ]),
+        !t.loading && B.value.length ? (e(), o("div", K, [
           D(E, {
             data: B.value,
             height: C.value,
@@ -214,36 +218,36 @@ const A = {
             colors: [H.value],
             "line-width": 2
           }, null, 8, ["data", "height", "fill", "colors"])
-        ])) : t.loading ? (e(), n("div", J)) : (e(), n("div", {
-          key: 5,
+        ])) : t.loading ? (e(), o("div", O)) : (e(), o("div", {
+          key: 1,
           class: "mt-auto pt-3",
           style: I({ minHeight: `${C.value}px` })
         }, null, 4))
-      ], 64)) : t.layout === "layout-4" ? (e(), n(w, { key: 1 }, [
-        o("h3", {
+      ], 64)) : t.layout === "layout-4" ? (e(), o(w, { key: 1 }, [
+        l("h3", {
           class: c(t.titleSize || "text-sm font-medium text-muted-foreground truncate w-full")
-        }, u(t.item.titleI18n ? h(v)(t.item.titleI18n) : t.item.title), 3),
-        o("div", K, [
-          o("div", null, [
-            t.loading ? (e(), n("div", O)) : (e(), l(S, {
+        }, d(t.item.titleI18n ? b(v)(t.item.titleI18n) : t.item.title), 3),
+        l("div", Q, [
+          l("div", null, [
+            t.loading ? (e(), o("div", R)) : (e(), n(S, {
               key: 1,
-              content: b.value,
+              content: h.value,
               disabled: !g.value
             }, {
               default: x(() => [
-                o("p", {
+                l("p", {
                   class: c(t.valueSize || "text-2xl font-bold text-foreground truncate")
-                }, u(f(t.item)), 3)
+                }, d(f(t.item)), 3)
               ]),
               _: 1
             }, 8, ["content", "disabled"])),
-            t.item.trend && !t.loading ? (e(), l(k, {
+            t.item.trend && !t.loading ? (e(), n(k, {
               key: 2,
               trend: t.item.trend,
               layout: t.layout
-            }, null, 8, ["trend", "layout"])) : d("", !0)
+            }, null, 8, ["trend", "layout"])) : u("", !0)
           ]),
-          t.item.icon ? (e(), l(z, {
+          t.item.icon ? (e(), n(z, {
             key: 0,
             item: t.item,
             variant: t.variant,
@@ -252,31 +256,31 @@ const A = {
             "icon-box-shape": t.iconBoxShape,
             "icon-box-style": t.iconBoxStyle,
             "icon-size": t.iconSize
-          }, null, 8, ["item", "variant", "layout", "attached", "icon-box-shape", "icon-box-style", "icon-size"])) : d("", !0)
+          }, null, 8, ["item", "variant", "layout", "attached", "icon-box-shape", "icon-box-style", "icon-size"])) : u("", !0)
         ])
-      ], 64)) : t.layout === "layout-5" ? (e(), n(w, { key: 2 }, [
-        t.loading ? (e(), n("div", Q)) : (e(), l(S, {
+      ], 64)) : t.layout === "layout-5" ? (e(), o(w, { key: 2 }, [
+        t.loading ? (e(), o("div", U)) : (e(), n(S, {
           key: 1,
-          content: b.value,
+          content: h.value,
           disabled: !g.value
         }, {
           default: x(() => [
-            o("p", {
+            l("p", {
               class: c(t.valueSize || "text-3xl font-bold text-foreground")
-            }, u(f(t.item)), 3)
+            }, d(f(t.item)), 3)
           ]),
           _: 1
         }, 8, ["content", "disabled"])),
-        o("h3", {
+        l("h3", {
           class: c(t.titleSize || "text-sm font-medium text-muted-foreground")
-        }, u(t.item.titleI18n ? h(v)(t.item.titleI18n) : t.item.title), 3),
-        t.item.trend && !t.loading ? (e(), l(k, {
+        }, d(t.item.titleI18n ? b(v)(t.item.titleI18n) : t.item.title), 3),
+        t.item.trend && !t.loading ? (e(), n(k, {
           key: 2,
           trend: t.item.trend,
           layout: t.layout
-        }, null, 8, ["trend", "layout"])) : d("", !0)
-      ], 64)) : t.layout === "layout-6" ? (e(), n(w, { key: 3 }, [
-        t.item.icon ? (e(), l(z, {
+        }, null, 8, ["trend", "layout"])) : u("", !0)
+      ], 64)) : t.layout === "layout-6" ? (e(), o(w, { key: 3 }, [
+        t.item.icon ? (e(), n(z, {
           key: 0,
           item: t.item,
           variant: t.variant,
@@ -286,52 +290,52 @@ const A = {
           "icon-box-style": t.iconBoxStyle,
           "icon-size": t.iconSize,
           class: "absolute top-4 right-4"
-        }, null, 8, ["item", "variant", "layout", "attached", "icon-box-shape", "icon-box-style", "icon-size"])) : d("", !0),
-        o("h3", {
+        }, null, 8, ["item", "variant", "layout", "attached", "icon-box-shape", "icon-box-style", "icon-size"])) : u("", !0),
+        l("h3", {
           class: c(t.titleSize || "text-sm font-medium text-muted-foreground truncate pr-12")
-        }, u(t.item.titleI18n ? h(v)(t.item.titleI18n) : t.item.title), 3),
-        t.loading ? (e(), n("div", R)) : (e(), l(S, {
+        }, d(t.item.titleI18n ? b(v)(t.item.titleI18n) : t.item.title), 3),
+        t.loading ? (e(), o("div", W)) : (e(), n(S, {
           key: 2,
-          content: b.value,
+          content: h.value,
           disabled: !g.value
         }, {
           default: x(() => [
-            o("p", {
+            l("p", {
               class: c(t.valueSize || "text-2xl font-bold text-foreground truncate mt-1")
-            }, u(f(t.item)), 3)
+            }, d(f(t.item)), 3)
           ]),
           _: 1
         }, 8, ["content", "disabled"])),
-        t.item.trend && !t.loading ? (e(), l(k, {
+        t.item.trend && !t.loading ? (e(), n(k, {
           key: 3,
           trend: t.item.trend,
           layout: t.layout
-        }, null, 8, ["trend", "layout"])) : d("", !0)
-      ], 64)) : t.layout === "layout-7" ? (e(), n("div", U, [
-        o("h3", {
+        }, null, 8, ["trend", "layout"])) : u("", !0)
+      ], 64)) : t.layout === "layout-7" ? (e(), o("div", X, [
+        l("h3", {
           class: c(
             t.titleSize || "text-xs font-semibold uppercase tracking-widest text-muted-foreground truncate"
           )
-        }, u(t.item.titleI18n ? h(v)(t.item.titleI18n) : t.item.title), 3),
-        t.loading ? (e(), n("div", W)) : (e(), l(S, {
+        }, d(t.item.titleI18n ? b(v)(t.item.titleI18n) : t.item.title), 3),
+        t.loading ? (e(), o("div", Y)) : (e(), n(S, {
           key: 1,
-          content: b.value,
+          content: h.value,
           disabled: !g.value
         }, {
           default: x(() => [
-            o("p", {
+            l("p", {
               class: c(t.valueSize || "text-3xl font-black text-foreground truncate mt-0.5")
-            }, u(f(t.item)), 3)
+            }, d(f(t.item)), 3)
           ]),
           _: 1
         }, 8, ["content", "disabled"])),
-        t.item.trend && !t.loading ? (e(), l(k, {
+        t.item.trend && !t.loading ? (e(), n(k, {
           key: 2,
           trend: t.item.trend,
           layout: t.layout
-        }, null, 8, ["trend", "layout"])) : d("", !0)
-      ])) : t.layout === "layout-8" ? (e(), n(w, { key: 5 }, [
-        t.item.icon ? (e(), l(z, {
+        }, null, 8, ["trend", "layout"])) : u("", !0)
+      ])) : t.layout === "layout-8" ? (e(), o(w, { key: 5 }, [
+        t.item.icon ? (e(), n(z, {
           key: 0,
           item: t.item,
           variant: t.variant,
@@ -340,29 +344,29 @@ const A = {
           "icon-box-shape": t.iconBoxShape,
           "icon-box-style": t.iconBoxStyle,
           "icon-size": t.iconSize
-        }, null, 8, ["item", "variant", "layout", "attached", "icon-box-shape", "icon-box-style", "icon-size"])) : d("", !0),
-        o("span", {
+        }, null, 8, ["item", "variant", "layout", "attached", "icon-box-shape", "icon-box-style", "icon-size"])) : u("", !0),
+        l("span", {
           class: c([t.titleSize || "-text-fs-2 font-medium text-muted-foreground truncate", "flex-1 min-w-0"])
-        }, u(t.item.titleI18n ? h(v)(t.item.titleI18n) : t.item.title), 3),
-        t.loading ? (e(), n("div", X)) : (e(), l(S, {
+        }, d(t.item.titleI18n ? b(v)(t.item.titleI18n) : t.item.title), 3),
+        t.loading ? (e(), o("div", Z)) : (e(), n(S, {
           key: 2,
-          content: b.value,
+          content: h.value,
           disabled: !g.value
         }, {
           default: x(() => [
-            o("span", {
+            l("span", {
               class: c(t.valueSize || "-text-fs-1 font-semibold text-foreground tabular-nums shrink-0")
-            }, u(f(t.item)), 3)
+            }, d(f(t.item)), 3)
           ]),
           _: 1
         }, 8, ["content", "disabled"])),
-        t.item.trend && !t.loading ? (e(), l(k, {
+        t.item.trend && !t.loading ? (e(), n(k, {
           key: 3,
           trend: t.item.trend,
           layout: t.layout
-        }, null, 8, ["trend", "layout"])) : d("", !0)
-      ], 64)) : (e(), n(w, { key: 6 }, [
-        t.item.icon && t.layout !== "layout-2" ? (e(), l(z, {
+        }, null, 8, ["trend", "layout"])) : u("", !0)
+      ], 64)) : (e(), o(w, { key: 6 }, [
+        t.item.icon && t.layout !== "layout-2" ? (e(), n(z, {
           key: 0,
           item: t.item,
           variant: t.variant,
@@ -371,32 +375,32 @@ const A = {
           "icon-box-shape": t.iconBoxShape,
           "icon-box-style": t.iconBoxStyle,
           "icon-size": t.iconSize
-        }, null, 8, ["item", "variant", "layout", "attached", "icon-box-shape", "icon-box-style", "icon-size"])) : d("", !0),
-        o("div", Y, [
-          o("h3", {
+        }, null, 8, ["item", "variant", "layout", "attached", "icon-box-shape", "icon-box-style", "icon-size"])) : u("", !0),
+        l("div", p, [
+          l("h3", {
             class: c(t.titleSize || "text-sm font-medium text-muted-foreground truncate")
-          }, u(t.item.titleI18n ? h(v)(t.item.titleI18n) : t.item.title), 3),
-          o("div", Z, [
-            t.loading ? (e(), n("div", p)) : (e(), l(S, {
+          }, d(t.item.titleI18n ? b(v)(t.item.titleI18n) : t.item.title), 3),
+          l("div", _, [
+            t.loading ? (e(), o("div", tt)) : (e(), n(S, {
               key: 1,
-              content: b.value,
+              content: h.value,
               disabled: !g.value
             }, {
               default: x(() => [
-                o("p", {
+                l("p", {
                   class: c(t.valueSize || "text-2xl font-bold text-foreground truncate")
-                }, u(f(t.item)), 3)
+                }, d(f(t.item)), 3)
               ]),
               _: 1
             }, 8, ["content", "disabled"]))
           ]),
-          t.item.trend && !t.loading ? (e(), l(k, {
+          t.item.trend && !t.loading ? (e(), n(k, {
             key: 0,
             trend: t.item.trend,
             layout: t.layout
-          }, null, 8, ["trend", "layout"])) : d("", !0)
+          }, null, 8, ["trend", "layout"])) : u("", !0)
         ]),
-        t.item.icon && t.layout === "layout-2" ? (e(), l(z, {
+        t.item.icon && t.layout === "layout-2" ? (e(), n(z, {
           key: 1,
           item: t.item,
           variant: t.variant,
@@ -405,11 +409,11 @@ const A = {
           "icon-box-shape": t.iconBoxShape,
           "icon-box-style": t.iconBoxStyle,
           "icon-size": t.iconSize
-        }, null, 8, ["item", "variant", "layout", "attached", "icon-box-shape", "icon-box-style", "icon-size"])) : d("", !0)
+        }, null, 8, ["item", "variant", "layout", "attached", "icon-box-shape", "icon-box-style", "icon-size"])) : u("", !0)
       ], 64))
     ], 6));
   }
 });
 export {
-  ct as default
+  ut as default
 };

package/components/Workbook/Workbook.vue.d.ts

@@ -33,9 +33,9 @@ declare const __VLS_component: import('vue').DefineComponent<WorkbookProps, {},
 }>, {
     variant: "chrome" | "folder" | "simple" | "card";
     itemClass: string;
+    draggable: boolean;
     modelValue: string;
     editable: boolean;
-    draggable: boolean;
     confirmDelete: boolean;
     allowIconChange: boolean;
     activeItemClass: string;