@vc-shell/framework 1.2.4-beta.4 → 1.2.4-beta.5

package/core/utilities/date/resolveLocale.ts

@@ -0,0 +1,41 @@
+import { type Locale } from "date-fns";
+import { enUS } from "date-fns/locale";
+
+const localeCache = new Map<string, Locale>();
+localeCache.set("en-US", enUS);
+localeCache.set("en", enUS);
+
+export async function resolveLocale(localeCode: string): Promise<Locale> {
+  if (localeCache.has(localeCode)) {
+    return localeCache.get(localeCode)!;
+  }
+  try {
+    const mod = await import(/* @vite-ignore */ `date-fns/locale/${localeCode}`);
+    const dateFnsKey = localeCode.replace("-", "");
+    const locale = mod.default ?? mod[dateFnsKey] ?? enUS;
+    localeCache.set(localeCode, locale);
+    return locale;
+  } catch {
+    const base = localeCode.split("-")[0];
+    if (base !== localeCode) {
+      try {
+        const mod = await import(/* @vite-ignore */ `date-fns/locale/${base}`);
+        const locale = mod.default ?? mod[base] ?? enUS;
+        localeCache.set(localeCode, locale);
+        return locale;
+      } catch {
+        /* fall through */
+      }
+    }
+    localeCache.set(localeCode, enUS);
+    return enUS;
+  }
+}
+
+export function resolveLocaleSync(localeCode: string): Locale {
+  if (localeCache.has(localeCode)) {
+    return localeCache.get(localeCode)!;
+  }
+  void resolveLocale(localeCode);
+  return enUS;
+}

package/core/utilities/index.ts

@@ -4,3 +4,8 @@ export * from "@core/utilities/camelize";
 export * from "@core/utilities/generateId";
 export * from "@core/utilities/logger";
 export * from "@core/utilities/errorTypes";
+export * from "@core/utilities/error";
+export * from "./date";
+// Note: pendingErrorNotifications is NOT re-exported here to avoid a circular
+// dependency (notification.ts → @core/utilities → pendingErrorNotifications → notification.ts).
+// Import directly from "@core/utilities/pendingErrorNotifications" where needed.

package/core/utilities/pendingErrorNotifications.ts

@@ -0,0 +1,64 @@
+/**
+ * Shared WeakMap that allows useAsync to register a deferred toast notification,
+ * and ErrorInterceptor to cancel it when the same error is caught for blade banner display.
+ *
+ * This decouples the two modules — neither imports the other directly.
+ *
+ * IMPORTANT: This module must NOT have top-level imports from @shared/components
+ * because it is transitively imported by useAsync (in the @core/composables barrel),
+ * and @shared/components/notifications pulls in @ui/components which imports from
+ * @core/composables — creating a circular dependency.
+ */
+
+interface PendingNotification {
+  timerId: ReturnType<typeof setTimeout>;
+  notifId: string;
+}
+
+const pending = new WeakMap<object, PendingNotification>();
+
+/**
+ * Register a deferred error notification for an error object.
+ * Called by useAsync after scheduling a setTimeout for the toast.
+ */
+export function setPendingErrorNotification(
+  error: object,
+  timerId: ReturnType<typeof setTimeout>,
+  notifId: string,
+): void {
+  pending.set(error, { timerId, notifId });
+}
+
+/**
+ * Cancel a deferred error notification for an error object.
+ * Called by ErrorInterceptor when it catches the error and will show a blade banner instead.
+ * Returns true if a pending notification was found and cancelled.
+ */
+export function cancelPendingErrorNotification(error: unknown): boolean {
+  if (error && typeof error === "object") {
+    // Try direct lookup first, then fall back to originalError.
+    // useErrorHandler wraps errors via parseError() → DisplayableError,
+    // so the watch receives a different object than what useAsync stored.
+    const directEntry = pending.get(error);
+    const originalError =
+      "originalError" in error && error.originalError && typeof error.originalError === "object"
+        ? (error.originalError as object)
+        : undefined;
+    const entry = directEntry ?? (originalError ? pending.get(originalError) : undefined);
+    const key = directEntry ? error : originalError;
+
+    if (entry && key) {
+      clearTimeout(entry.timerId);
+      // Lazy import to avoid circular dependency at module load time.
+      // In practice, clearTimeout above is sufficient since the deferred
+      // setTimeout(0) hasn't fired yet when this runs synchronously from
+      // ErrorInterceptor's onErrorCaptured. The remove() is a safety net.
+      import("@shared/components/notifications/core/notification").then(({ notification }) => {
+        notification.remove(entry.notifId);
+      });
+      pending.delete(key);
+      return true;
+    }
+  }
+  return false;
+}

package/dist/DashboardBarChart-B-g_a-7F.js

@@ -0,0 +1,123 @@
+import { defineComponent as K, computed as c, openBlock as i, createBlock as n, withCtx as f, createVNode as d, unref as l, createCommentVNode as s } from "vue";
+import { w as B, S, z as A, b as F, a as m } from "./vendor-unovis-vue-C_K1g5KH.js";
+import { b as p, c as C } from "./index-DVyGELzS.js";
+import { f as L, r as g, b as V, a as X, c as Y } from "./chart-utils-BTs6UFaZ.js";
+const G = /* @__PURE__ */ K({
+  __name: "DashboardBarChart",
+  props: {
+    data: {},
+    config: {},
+    xKey: {},
+    yKeys: {},
+    height: { default: void 0 },
+    showTooltip: { type: Boolean, default: !0 },
+    showXAxis: { type: Boolean, default: !0 },
+    showYAxis: { type: Boolean, default: !0 },
+    showGrid: { type: Boolean, default: !0 },
+    showLegend: { type: Boolean, default: !0 },
+    numXTicks: { default: void 0 },
+    numYTicks: { default: 5 },
+    rangeStart: { default: void 0 },
+    rangeEnd: { default: void 0 },
+    xTickFormat: { type: Function, default: void 0 },
+    yTickFormat: { type: Function, default: void 0 }
+  },
+  setup(t) {
+    const e = t, y = { top: 8, right: 8, bottom: 4, left: 4 }, h = (a) => a[e.xKey], k = c(
+      () => L(
+        e.data,
+        (a) => a[e.xKey],
+        e.rangeStart,
+        e.rangeEnd
+      )
+    ), x = c(
+      () => e.yKeys.map((a) => (o) => o[a])
+    ), b = c(
+      () => e.yKeys.map(
+        (a, o) => g({
+          config: e.config,
+          key: String(a),
+          index: o,
+          fallbackLabel: String(a)
+        }).color
+      )
+    ), T = c(() => ({
+      [B.bar]: (a, o) => {
+        if (!e.yKeys.length || o < 0)
+          return null;
+        const u = o % e.yKeys.length, r = e.yKeys[u];
+        if (!r)
+          return null;
+        const { label: v, color: w } = g({
+          config: e.config,
+          key: String(r),
+          index: u,
+          fallbackLabel: String(r)
+        });
+        return V({
+          title: Y(a[e.xKey], e.xTickFormat),
+          items: [
+            {
+              label: v,
+              color: w,
+              value: X(a[r], e.yTickFormat)
+            }
+          ]
+        });
+      }
+    }));
+    return (a, o) => (i(), n(p, { config: t.config }, {
+      default: f(() => [
+        d(l(S), {
+          data: k.value,
+          height: t.height,
+          margin: y
+        }, {
+          default: f(() => [
+            t.showTooltip ? (i(), n(l(A), {
+              key: 0,
+              "allow-hover": !0,
+              "class-name": "dashboard-chart-tooltip-host",
+              "vertical-shift": 8,
+              triggers: T.value
+            }, null, 8, ["triggers"])) : s("", !0),
+            d(l(F), {
+              x: h,
+              y: x.value,
+              color: b.value,
+              "rounded-corners": 4,
+              "bar-padding": 0.2
+            }, null, 8, ["y", "color"]),
+            t.showXAxis ? (i(), n(l(m), {
+              key: 1,
+              type: "x",
+              "tick-line": !1,
+              "domain-line": !1,
+              "grid-line": !1,
+              "num-ticks": t.numXTicks,
+              "tick-format": t.xTickFormat
+            }, null, 8, ["num-ticks", "tick-format"])) : s("", !0),
+            t.showYAxis ? (i(), n(l(m), {
+              key: 2,
+              type: "y",
+              "tick-line": !1,
+              "domain-line": !1,
+              "grid-line": t.showGrid,
+              "num-ticks": t.numYTicks,
+              "tick-format": t.yTickFormat
+            }, null, 8, ["grid-line", "num-ticks", "tick-format"])) : s("", !0)
+          ]),
+          _: 1
+        }, 8, ["data", "height"]),
+        t.showLegend ? (i(), n(C, {
+          key: 0,
+          config: t.config
+        }, null, 8, ["config"])) : s("", !0)
+      ]),
+      _: 1
+    }, 8, ["config"]));
+  }
+});
+export {
+  G as default
+};

package/dist/DashboardDonutChart-AktPFUNo.js

@@ -0,0 +1,89 @@
+import { defineComponent as K, computed as f, openBlock as n, createBlock as i, withCtx as s, createVNode as g, unref as u, createCommentVNode as b } from "vue";
+import { D as L, c as w, E as k, z as C } from "./vendor-unovis-vue-C_K1g5KH.js";
+import { b as S, c as T } from "./index-DVyGELzS.js";
+import { r as B, b as p, a as x } from "./chart-utils-BTs6UFaZ.js";
+const A = /* @__PURE__ */ K({
+  __name: "DashboardDonutChart",
+  props: {
+    data: {},
+    config: {},
+    valueKey: {},
+    colorKey: { default: void 0 },
+    height: { default: void 0 },
+    arcWidth: { default: 60 },
+    cornerRadius: { default: 4 },
+    showTooltip: { type: Boolean, default: !0 },
+    showLegend: { type: Boolean, default: !0 },
+    centralLabel: { default: void 0 },
+    centralSubLabel: { default: void 0 },
+    valueFormat: { type: Function, default: void 0 }
+  },
+  setup(a) {
+    const o = a, h = (e) => e[o.valueKey], c = f(() => Object.keys(o.config)), d = (e, t) => o.colorKey && e[o.colorKey] ? e[o.colorKey] : c.value[t] ? o.config[c.value[t]].color : void 0, v = (e, t) => {
+      const l = e.label;
+      if (typeof l == "string" && l.trim())
+        return l;
+      const r = c.value[t];
+      return r ? o.config[r]?.label ?? r : `Segment ${t + 1}`;
+    }, m = f(() => ({
+      [L.segment]: (e) => {
+        if (!e?.data)
+          return;
+        const t = e.index ?? 0, l = v(e.data, t), r = c.value[t], { color: y } = B({
+          config: o.config,
+          key: r,
+          index: t,
+          fallbackLabel: l
+        });
+        return p({
+          items: [
+            {
+              label: l,
+              color: d(e.data, t) ?? y,
+              value: x(
+                e.value ?? e.data[o.valueKey],
+                o.valueFormat
+              )
+            }
+          ]
+        });
+      }
+    }));
+    return (e, t) => (n(), i(S, { config: a.config }, {
+      default: s(() => [
+        g(u(w), {
+          data: a.data,
+          height: a.height
+        }, {
+          default: s(() => [
+            g(u(k), {
+              value: h,
+              color: d,
+              "arc-width": a.arcWidth,
+              "corner-radius": a.cornerRadius,
+              "pad-angle": 0.02,
+              "central-label": a.centralLabel,
+              "central-sub-label": a.centralSubLabel
+            }, null, 8, ["arc-width", "corner-radius", "central-label", "central-sub-label"]),
+            a.showTooltip ? (n(), i(u(C), {
+              key: 0,
+              "allow-hover": !0,
+              "class-name": "dashboard-chart-tooltip-host",
+              "vertical-shift": 8,
+              triggers: m.value
+            }, null, 8, ["triggers"])) : b("", !0)
+          ]),
+          _: 1
+        }, 8, ["data", "height"]),
+        a.showLegend ? (n(), i(T, {
+          key: 0,
+          config: a.config
+        }, null, 8, ["config"])) : b("", !0)
+      ]),
+      _: 1
+    }, 8, ["config"]));
+  }
+});
+export {
+  A as default
+};

package/dist/DashboardLineChart-BQKqRFhM.js

@@ -0,0 +1,125 @@
+import { defineComponent as b, computed as f, openBlock as i, createBlock as n, withCtx as g, createVNode as p, unref as r, createCommentVNode as u, createElementBlock as B, Fragment as F, renderList as A } from "vue";
+import { S as K, z as S, A as C, C as L, a as h } from "./vendor-unovis-vue-C_K1g5KH.js";
+import { b as V, c as X } from "./index-DVyGELzS.js";
+import { f as Y, r as k, b as D, a as E, c as $ } from "./chart-utils-BTs6UFaZ.js";
+const H = /* @__PURE__ */ b({
+  __name: "DashboardLineChart",
+  props: {
+    data: {},
+    config: {},
+    xKey: {},
+    yKeys: {},
+    height: { default: void 0 },
+    showTooltip: { type: Boolean, default: !0 },
+    showXAxis: { type: Boolean, default: !0 },
+    showYAxis: { type: Boolean, default: !0 },
+    showGrid: { type: Boolean, default: !0 },
+    showLegend: { type: Boolean, default: !0 },
+    numXTicks: { default: void 0 },
+    numYTicks: { default: 5 },
+    rangeStart: { default: void 0 },
+    rangeEnd: { default: void 0 },
+    xTickFormat: { type: Function, default: void 0 },
+    yTickFormat: { type: Function, default: void 0 }
+  },
+  setup(e) {
+    const o = e, v = { top: 8, right: 8, bottom: 4, left: 4 }, m = (t) => t[o.xKey], x = f(
+      () => Y(
+        o.data,
+        (t) => t[o.xKey],
+        o.rangeStart,
+        o.rangeEnd
+      )
+    ), d = f(
+      () => o.yKeys.map((t) => (a) => a[t])
+    ), y = f(
+      () => o.yKeys.map(
+        (t, a) => k({
+          config: o.config,
+          key: String(t),
+          index: a,
+          fallbackLabel: String(t)
+        }).color
+      )
+    ), T = (t) => D({
+      title: $(t[o.xKey], o.xTickFormat),
+      items: o.yKeys.map((a, c) => {
+        const { label: l, color: s } = k({
+          config: o.config,
+          key: String(a),
+          index: c,
+          fallbackLabel: String(a)
+        });
+        return {
+          label: l,
+          color: s,
+          value: E(t[a], o.yTickFormat)
+        };
+      })
+    }), w = (t, a, c, l) => {
+      const s = t ?? (typeof l == "number" ? c[l] : void 0);
+      if (s)
+        return T(s);
+    };
+    return (t, a) => (i(), n(V, { config: e.config }, {
+      default: g(() => [
+        p(r(K), {
+          data: x.value,
+          height: e.height,
+          margin: v
+        }, {
+          default: g(() => [
+            e.showTooltip ? (i(), n(r(S), {
+              key: 0,
+              "allow-hover": !0,
+              "class-name": "dashboard-chart-tooltip-host",
+              "vertical-shift": 8
+            })) : u("", !0),
+            e.showTooltip ? (i(), n(r(C), {
+              key: 1,
+              x: m,
+              y: d.value,
+              color: y.value,
+              template: w
+            }, null, 8, ["y", "color"])) : u("", !0),
+            (i(!0), B(F, null, A(d.value, (c, l) => (i(), n(r(L), {
+              key: l,
+              x: m,
+              y: c,
+              color: y.value[l],
+              "curve-type": "monotoneX",
+              "line-width": 2
+            }, null, 8, ["y", "color"]))), 128)),
+            e.showXAxis ? (i(), n(r(h), {
+              key: 2,
+              type: "x",
+              "tick-line": !1,
+              "domain-line": !1,
+              "grid-line": !1,
+              "num-ticks": e.numXTicks,
+              "tick-format": e.xTickFormat
+            }, null, 8, ["num-ticks", "tick-format"])) : u("", !0),
+            e.showYAxis ? (i(), n(r(h), {
+              key: 3,
+              type: "y",
+              "tick-line": !1,
+              "domain-line": !1,
+              "grid-line": e.showGrid,
+              "num-ticks": e.numYTicks,
+              "tick-format": e.yTickFormat
+            }, null, 8, ["grid-line", "num-ticks", "tick-format"])) : u("", !0)
+          ]),
+          _: 1
+        }, 8, ["data", "height"]),
+        e.showLegend ? (i(), n(X, {
+          key: 0,
+          config: e.config
+        }, null, 8, ["config"])) : u("", !0)
+      ]),
+      _: 1
+    }, 8, ["config"]));
+  }
+});
+export {
+  H as default
+};

package/dist/GridstackDashboard-BXqCpiMw.js

@@ -0,0 +1,131 @@
+import { defineComponent as B, ref as m, computed as L, onMounted as w, nextTick as z, openBlock as r, createBlock as v, withCtx as C, createElementVNode as a, createElementBlock as l, Fragment as W, renderList as P, createCommentVNode as I, resolveDynamicComponent as T, mergeProps as $, toDisplayString as G } from "vue";
+import { u as H, a as R, _ as S } from "./index-DVyGELzS.js";
+const A = ["aria-label"], E = ["gs-id", "gs-x", "gs-y", "gs-w", "gs-h", "aria-label"], N = { class: "grid-stack-item-content" }, V = {
+  key: 0,
+  class: "vc-gridstack-dashboard__drag-handle",
+  "aria-hidden": "true"
+}, F = {
+  class: "vc-gridstack-dashboard__live-region",
+  role: "status",
+  "aria-live": "polite",
+  "aria-atomic": "true"
+}, K = /* @__PURE__ */ B({
+  __name: "GridstackDashboard",
+  props: {
+    showDragHandles: { type: Boolean, default: !1 },
+    resizable: { type: Boolean, default: !1 },
+    ariaLabel: { default: "Dashboard widgets. Drag widgets to rearrange." }
+  },
+  setup(i, { expose: _ }) {
+    const d = i, o = m(null), n = m(""), u = H(), c = L(() => u.getWidgets()), {
+      layout: f,
+      isInitialized: p,
+      initGrid: y,
+      saveLayout: b,
+      resetToDefaults: g
+    } = R(c, {
+      resizable: d.resizable,
+      autoSave: !0,
+      gridOptions: {
+        draggable: {
+          handle: d.showDragHandles ? ".vc-gridstack-dashboard__drag-handle" : ".grid-stack-item-content"
+        }
+      },
+      onLayoutChange: (t) => {
+        for (const [s, e] of t)
+          u.updateWidgetPosition(s, e);
+        x("Widget positions updated");
+      }
+    }), h = (t) => f.value.get(t), k = (t, s) => `${t.name || t.id}, widget ${s + 1} of ${c.value.length}. Drag to reorder.`, x = (t) => {
+      n.value = t, setTimeout(() => {
+        n.value = "";
+      }, 1e3);
+    };
+    return w(async () => {
+      await z(), o.value && !p.value && y(o.value);
+    }), _({
+      rearrangeWidgets: () => {
+        g();
+      },
+      recalculateLayout: () => {
+      },
+      saveLayout: b,
+      useBuiltInPositions: () => (g(), !0)
+    }), (t, s) => (r(), v(S, {
+      "no-padding": "",
+      class: "vc-gridstack-dashboard"
+    }, {
+      default: C(() => [
+        a("div", {
+          ref_key: "gridRef",
+          ref: o,
+          class: "grid-stack vc-gridstack-dashboard__grid",
+          role: "list",
+          "aria-label": i.ariaLabel
+        }, [
+          (r(!0), l(W, null, P(c.value, (e, D) => (r(), l("div", {
+            key: e.id,
+            class: "grid-stack-item",
+            "gs-id": e.id,
+            "gs-x": h(e.id)?.x ?? e.position?.x ?? 0,
+            "gs-y": h(e.id)?.y ?? e.position?.y ?? 0,
+            "gs-w": e.size.width,
+            "gs-h": e.size.height,
+            "gs-min-w": 2,
+            "gs-min-h": 2,
+            role: "listitem",
+            "aria-label": k(e, D)
+          }, [
+            a("div", N, [
+              i.showDragHandles ? (r(), l("div", V, [...s[0] || (s[0] = [
+                a("svg", {
+                  width: "16",
+                  height: "16",
+                  viewBox: "0 0 16 16",
+                  fill: "currentColor"
+                }, [
+                  a("circle", {
+                    cx: "5",
+                    cy: "3",
+                    r: "1.5"
+                  }),
+                  a("circle", {
+                    cx: "11",
+                    cy: "3",
+                    r: "1.5"
+                  }),
+                  a("circle", {
+                    cx: "5",
+                    cy: "8",
+                    r: "1.5"
+                  }),
+                  a("circle", {
+                    cx: "11",
+                    cy: "8",
+                    r: "1.5"
+                  }),
+                  a("circle", {
+                    cx: "5",
+                    cy: "13",
+                    r: "1.5"
+                  }),
+                  a("circle", {
+                    cx: "11",
+                    cy: "13",
+                    r: "1.5"
+                  })
+                ], -1)
+              ])])) : I("", !0),
+              (r(), v(T(e.component), $({ ref_for: !0 }, e.props || {}, { class: "vc-gridstack-dashboard__widget-content" }), null, 16))
+            ])
+          ], 8, E))), 128))
+        ], 8, A),
+        a("div", F, G(n.value), 1)
+      ]),
+      _: 1
+    }));
+  }
+});
+export {
+  K as default
+};

package/dist/GridstackDashboard.css

@@ -0,0 +1 @@
+.grid-stack-item>.ui-resizable-ne,.grid-stack-item>.ui-resizable-nw,.grid-stack-item>.ui-resizable-se,.grid-stack-item>.ui-resizable-sw{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="%23666" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 20 20"><path d="m10 3 2 2H8l2-2v14l-2-2h4l-2 2"/></svg>');background-repeat:no-repeat;background-position:center}.grid-stack{position:relative}.grid-stack-rtl{direction:ltr}.grid-stack-rtl>.grid-stack-item{direction:rtl}.grid-stack-placeholder>.placeholder-content{background-color:#0000001a;margin:0;position:absolute;width:auto;z-index:0!important}.grid-stack>.grid-stack-item{position:absolute;padding:0;top:0;left:0;width:var(--gs-column-width);height:var(--gs-cell-height)}.grid-stack>.grid-stack-item>.grid-stack-item-content{margin:0;position:absolute;width:auto;overflow-x:hidden;overflow-y:auto}.grid-stack>.grid-stack-item.size-to-content:not(.size-to-content-max)>.grid-stack-item-content{overflow-y:hidden}.grid-stack>.grid-stack-item>.grid-stack-item-content,.grid-stack>.grid-stack-placeholder>.placeholder-content{top:var(--gs-item-margin-top);right:var(--gs-item-margin-right);bottom:var(--gs-item-margin-bottom);left:var(--gs-item-margin-left)}.grid-stack-item>.ui-resizable-handle{position:absolute;font-size:.1px;display:block;touch-action:none}.grid-stack-item.ui-resizable-autohide>.ui-resizable-handle,.grid-stack-item.ui-resizable-disabled>.ui-resizable-handle{display:none}.grid-stack-item>.ui-resizable-ne,.grid-stack-item>.ui-resizable-nw,.grid-stack-item>.ui-resizable-se,.grid-stack-item>.ui-resizable-sw{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="%23666" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 20 20"><path d="m10 3 2 2H8l2-2v14l-2-2h4l-2 2"/></svg>');background-repeat:no-repeat;background-position:center}.grid-stack-item>.ui-resizable-ne{transform:rotate(45deg)}.grid-stack-item>.ui-resizable-sw{transform:rotate(45deg)}.grid-stack-item>.ui-resizable-nw{transform:rotate(-45deg)}.grid-stack-item>.ui-resizable-se{transform:rotate(-45deg)}.grid-stack-item>.ui-resizable-nw{cursor:nw-resize;width:20px;height:20px;top:var(--gs-item-margin-top);left:var(--gs-item-margin-left)}.grid-stack-item>.ui-resizable-n{cursor:n-resize;height:10px;top:var(--gs-item-margin-top);left:25px;right:25px}.grid-stack-item>.ui-resizable-ne{cursor:ne-resize;width:20px;height:20px;top:var(--gs-item-margin-top);right:var(--gs-item-margin-right)}.grid-stack-item>.ui-resizable-e{cursor:e-resize;width:10px;top:15px;bottom:15px;right:var(--gs-item-margin-right)}.grid-stack-item>.ui-resizable-se{cursor:se-resize;width:20px;height:20px;bottom:var(--gs-item-margin-bottom);right:var(--gs-item-margin-right)}.grid-stack-item>.ui-resizable-s{cursor:s-resize;height:10px;left:25px;bottom:var(--gs-item-margin-bottom);right:25px}.grid-stack-item>.ui-resizable-sw{cursor:sw-resize;width:20px;height:20px;bottom:var(--gs-item-margin-bottom);left:var(--gs-item-margin-left)}.grid-stack-item>.ui-resizable-w{cursor:w-resize;width:10px;top:15px;bottom:15px;left:var(--gs-item-margin-left)}.grid-stack-item.ui-draggable-dragging>.ui-resizable-handle{display:none!important}.grid-stack-item.ui-draggable-dragging{will-change:left,top}.grid-stack-item.ui-resizable-resizing{will-change:width,height}.ui-draggable-dragging,.ui-resizable-resizing{z-index:10000}.ui-draggable-dragging>.grid-stack-item-content,.ui-resizable-resizing>.grid-stack-item-content{box-shadow:1px 4px 6px #0003;opacity:.8}.grid-stack-animate,.grid-stack-animate .grid-stack-item{transition:left .3s,top .3s,height .3s,width .3s}.grid-stack-animate .grid-stack-item.grid-stack-placeholder,.grid-stack-animate .grid-stack-item.ui-draggable-dragging,.grid-stack-animate .grid-stack-item.ui-resizable-resizing{transition:left 0s,top 0s,height 0s,width 0s}.grid-stack>.grid-stack-item[gs-y="0"]{top:0}.grid-stack>.grid-stack-item[gs-x="0"]{left:0}:root{--gridstack-dashboard-background: var(--additional-50);--gridstack-widget-background: var(--additional-50);--gridstack-widget-border-radius: 8px;--gridstack-widget-shadow: 0 2px 8px rgba(0, 0, 0, .08);--gridstack-widget-shadow-dragging: 0 8px 24px rgba(0, 0, 0, .15);--gridstack-placeholder-background: rgba(59, 130, 246, .1);--gridstack-placeholder-border: rgba(59, 130, 246, .5);--gridstack-drag-handle-color: var(--neutrals-400);--gridstack-drag-handle-color-hover: var(--neutrals-600)}.vc-gridstack-dashboard{background-color:var(--gridstack-dashboard-background);min-height:100%}.vc-gridstack-dashboard__grid{padding:24px 18px;min-height:688px}.vc-gridstack-dashboard .grid-stack-item-content{background:var(--gridstack-widget-background);border-radius:var(--gridstack-widget-border-radius);box-shadow:var(--gridstack-widget-shadow);overflow:hidden;transition:box-shadow .2s ease}.vc-gridstack-dashboard .grid-stack-item.ui-draggable-dragging .grid-stack-item-content,.vc-gridstack-dashboard .grid-stack-item.ui-resizable-resizing .grid-stack-item-content{box-shadow:var(--gridstack-widget-shadow-dragging)}.vc-gridstack-dashboard .grid-stack-placeholder>.placeholder-content{background:var(--gridstack-placeholder-background);border:2px dashed var(--gridstack-placeholder-border);border-radius:var(--gridstack-widget-border-radius)}.vc-gridstack-dashboard__drag-handle{position:absolute;top:8px;right:8px;z-index:10;width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:var(--gridstack-drag-handle-color);cursor:grab;border-radius:4px;transition:color .15s ease,background-color .15s ease}.vc-gridstack-dashboard__drag-handle:hover{color:var(--gridstack-drag-handle-color-hover);background-color:#0000000d}.vc-gridstack-dashboard__drag-handle:active{cursor:grabbing}.vc-gridstack-dashboard__widget-content{width:100%;height:100%}.vc-gridstack-dashboard__live-region{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){.vc-gridstack-dashboard .grid-stack-item,.vc-gridstack-dashboard .grid-stack-item-content,.grid-stack.grid-stack-animate .grid-stack-item{transition:none!important}}

package/dist/chart-utils-BTs6UFaZ.js

@@ -0,0 +1,83 @@
+const m = "var(--primary-500)";
+const p = {
+  "&": "&",
+  "<": "&lt;",
+  ">": "&gt;",
+  '"': "&quot;",
+  "'": "&#39;"
+}, c = (t) => t == null ? "" : String(t).replace(/[&<>"']/g, (r) => p[r] ?? r), d = (t) => {
+  if (t instanceof Date) {
+    const r = t.getTime();
+    return Number.isFinite(r) ? r : void 0;
+  }
+  if (typeof t == "number")
+    return Number.isFinite(t) ? t : void 0;
+  if (typeof t == "string") {
+    const r = Number(t);
+    if (Number.isFinite(r))
+      return r;
+    const i = Date.parse(t);
+    if (Number.isFinite(i))
+      return i;
+  }
+}, b = (t, r, i, e) => {
+  const o = d(i), n = d(e);
+  if (o === void 0 && n === void 0)
+    return t;
+  const a = o !== void 0 && n !== void 0 ? Math.min(o, n) : o, s = o !== void 0 && n !== void 0 ? Math.max(o, n) : n;
+  return t.filter((u) => {
+    const l = d(r(u));
+    return l === void 0 ? !0 : !(a !== void 0 && l < a || s !== void 0 && l > s);
+  });
+}, f = (t, r) => {
+  if (r) {
+    if (typeof t == "number" || t instanceof Date)
+      return r(t);
+    const i = d(t);
+    if (i !== void 0)
+      return r(i);
+  }
+  return t == null ? "-" : String(t);
+}, h = (t, r) => {
+  const i = typeof t == "number" ? t : Number(t);
+  return Number.isFinite(i) ? r ? r(i) : i.toLocaleString() : "-";
+}, _ = ({
+  config: t,
+  key: r,
+  index: i,
+  fallbackLabel: e
+}) => {
+  const o = Object.keys(t), n = r ? t[r] : void 0, a = typeof i == "number" && Number.isFinite(i) && o[i] ? t[o[i]] : void 0, s = n ?? a;
+  return {
+    label: s?.label ?? e ?? r ?? "Series",
+    color: s?.color ?? m
+  };
+}, v = ({
+  title: t,
+  items: r
+}) => {
+  if (!r.length)
+    return;
+  const i = t ? `<div class="dashboard-chart-tooltip__title">${c(t)}</div>` : "", e = r.map(
+    (o) => `
+        <div class="dashboard-chart-tooltip__item">
+          <span class="dashboard-chart-tooltip__indicator" style="background: ${c(o.color)}"></span>
+          <span class="dashboard-chart-tooltip__label">${c(o.label)}</span>
+          <span class="dashboard-chart-tooltip__value">${c(o.value)}</span>
+        </div>
+      `
+  ).join("");
+  return `
+    <div class="dashboard-chart-tooltip">
+      ${i}
+      <div class="dashboard-chart-tooltip__items">${e}</div>
+    </div>
+  `;
+};
+export {
+  h as a,
+  v as b,
+  f as c,
+  b as f,
+  _ as r
+};

package/dist/core/composables/index.d.ts

@@ -22,4 +22,5 @@ export * from "../composables/useToolbar";
 export * from "../composables/useDynamicProperties";
 export * from "../composables/useBlade";
 export * from "../composables/useSidebarState";
+export * from "../composables/useWebVitals";
 //# sourceMappingURL=index.d.ts.map