@vc-shell/framework 2.4.0 → 2.5.0

package/dist/chunks/dashboard-feed-row.vue_vue_type_script_setup_true_lang-BCsJG_hk.js

@@ -0,0 +1,724 @@
+import { shallowRef as he, ref as D, watch as le, nextTick as de, onUnmounted as pe, openBlock as v, createElementBlock as _, createStaticVNode as me, defineComponent as R, inject as fe, computed as se, onMounted as ve, createBlock as Y, withCtx as ge, unref as Z, Fragment as re, renderList as ie, normalizeStyle as ye, normalizeClass as ce, createElementVNode as w, createCommentVNode as B, resolveDynamicComponent as _e, mergeProps as be, toDisplayString as J, renderSlot as O, createVNode as we, withDirectives as ke } from "vue";
+import { q as $e, r as xe, s as Se, l as Le } from "./VcScheduler.vue_vue_type_style_index_0_lang-BTg4PjTB.js";
+import { G as We } from "./vendor-gridstack-Beau2jQ7.js";
+import { M as ze, _ as De } from "./VcAiAgentPanel.vue_vue_type_style_index_0_lang-CZdY18Hq.js";
+import "vee-validate";
+import "./vendor-tiptap-starter-kit-ny-AoaO_.js";
+import "./vendor-tiptap-extension-underline-Bo1pXXDN.js";
+import "./vendor-tiptap-extension-table-QVjcLO_H.js";
+import "./vendor-tiptap-extension-link-CETrc0Mo.js";
+import "./vendor-tiptap-extension-image-BpqLcXdw.js";
+import "./vendor-tiptap-extensions-D7eaegpB.js";
+import "./vendor-tiptap-extension-text-style-Bc6nvmn0.js";
+import "./vendor-js-beautify-D-6mWVv0.js";
+import "./vendor-dompurify-DpIUMBYC.js";
+import "./vendor-vuepic-vue-datepicker-D0bvbIbh.js";
+import "./vendor-swiper-BgqGfw3Y.js";
+import "vue-router";
+import "../assets/d5f9664ebbfb104b.svg";
+import "../assets/4e43c74354534fb3.svg";
+import "../assets/e98196a9f8dcb2f0.svg";
+import "../assets/74ed5f8a78e71106.svg";
+import "../assets/1ea01de36eb5491b.svg";
+import "../assets/d5a5b8630120073d.svg";
+import "../assets/6798e4dd4add9b48.svg";
+import "../assets/2d4e6190eec72737.svg";
+import "../assets/9392bf1d591e1abb.svg";
+import "../assets/204eaf512fde2023.svg";
+import "../assets/0ba156439a339f2a.svg";
+import "../assets/2857c513073467da.svg";
+import "../assets/b645a4a2181b9dc1.svg";
+import "../assets/b94421fadd23b0f2.svg";
+import "../assets/6a3e73faf406cf33.svg";
+import "../assets/e38acaa1757232e0.svg";
+import "../assets/ca791c5ca5848a03.svg";
+import "../assets/10768e2cc79fc60b.svg";
+import "../assets/67230f05dc94a265.svg";
+import "../assets/4d7a77b0e5373992.svg";
+import "../assets/f7fc8bf46089d8b2.svg";
+import "../assets/92508f8707159b51.svg";
+import "../assets/b6499ddce0a4ef7d.svg";
+import "../assets/fed13b0d59903483.svg";
+import "../assets/34ff7dd0c2285956.svg";
+import "../assets/bb28fb0f27f1c11b.svg";
+import "../assets/21220a9d10e6c558.svg";
+import "../assets/b372390551ca2fa1.svg";
+import "../assets/262f46a0b6d94bb6.svg";
+import "../assets/042c75b764bc78a7.svg";
+import "../assets/b1a596e31ad1185a.svg";
+import "../assets/15e91cdd649cde9a.svg";
+import "../assets/e72bb11356af94c7.svg";
+import "../assets/4fe75f5117100705.svg";
+import "../assets/dd05d43ff0df2fc7.svg";
+import "../assets/b325adcae33bbe7a.svg";
+import "../assets/f09d89268e4c0317.svg";
+import "../assets/9cb83236f6bb7ab1.svg";
+import "../assets/d084bda16abe8a56.svg";
+import "../assets/7eda727273fd98d3.svg";
+import "../assets/572bb1bb4156a9c1.svg";
+import "../assets/41275bcb979cb650.svg";
+import "../assets/1de63eb118636cce.svg";
+import "../assets/e5adb5ae3a3698f6.svg";
+import "../assets/b5bb1e8fc975decd.svg";
+import "../assets/157b8721e0600ea8.svg";
+import "../assets/a18404194e3f9047.svg";
+import "../assets/a2017fe7f0a26510.svg";
+import "../assets/0f590f8a94577092.svg";
+import "../assets/259e6ad461a52ad7.svg";
+import "../assets/7d55399c2a7bc985.svg";
+import "../assets/910b0d99b9e26568.svg";
+import "../assets/e4a8550f1c7ffe36.svg";
+import "../assets/2088983edf42e153.svg";
+import "../assets/225da11d23968333.svg";
+import "../assets/d32b129cae2fffd6.svg";
+import "../assets/abf88f301a0730f4.svg";
+import "../assets/0fc5820f8be53a1b.svg";
+import "../assets/d3f792f54ae4c307.svg";
+import "../assets/208f810a9321a327.svg";
+import "../assets/72de3a63bc0b70dd.svg";
+import "./vendor-iso-639-1-BEjYyfKo.js";
+import "./vendor-cypress-signalr-mock-itnm2wpA.js";
+import "./ExtensionPoint.vue_vue_type_style_index_0_lang-B1R06zHa.js";
+import "./vendor-truncate-html-ChA1T5zy.js";
+import "./vendor-sortablejs-Bsvu-FKn.js";
+const j = "vc-dashboard-layout";
+function ee(t, s) {
+  const a = s ?? t.position;
+  return {
+    id: t.id,
+    x: a?.x ?? 0,
+    y: a?.y ?? 0,
+    // A placement size wins over the declared one, so a saved or live resize is
+    // restored instead of snapping back to the widget's default.
+    w: s?.width ?? t.size.width,
+    h: s?.height ?? t.size.height,
+    minW: 2,
+    minH: 2
+  };
+}
+function te(t) {
+  return {
+    id: t.id ?? "",
+    position: {
+      x: t.x ?? 0,
+      y: t.y ?? 0
+    },
+    size: {
+      width: t.w ?? 1,
+      height: t.h ?? 1
+    }
+  };
+}
+function Ae(t) {
+  const s = /* @__PURE__ */ new Map();
+  for (const a of t)
+    a.id && s.set(a.id, {
+      x: a.x ?? 0,
+      y: a.y ?? 0,
+      // Size is carried through as well; dropping it here is what used to make
+      // every resize — mouse or keyboard — invisible to state and to storage.
+      ...typeof a.w == "number" ? { width: a.w } : {},
+      ...typeof a.h == "number" ? { height: a.h } : {}
+    });
+  return s;
+}
+function oe() {
+  try {
+    const t = localStorage.getItem(j);
+    if (!t) return null;
+    const s = JSON.parse(t);
+    if (Array.isArray(s))
+      return Ae(s);
+    if (typeof s == "object" && s !== null) {
+      const a = /* @__PURE__ */ new Map();
+      for (const [h, p] of Object.entries(s))
+        p && typeof p.x == "number" && typeof p.y == "number" && a.set(h, { x: p.x, y: p.y });
+      return a;
+    }
+    return null;
+  } catch (t) {
+    return console.warn("[GridstackAdapter] Failed to load layout from storage:", t), null;
+  }
+}
+function ue(t, s) {
+  try {
+    const a = t.map((h) => {
+      const p = s.get(h.id);
+      return {
+        id: h.id,
+        x: p?.x ?? h.position?.x ?? 0,
+        y: p?.y ?? h.position?.y ?? 0,
+        // Prefer the live size. Reading `widget.size` unconditionally is what used
+        // to discard every resize on reload, since that prop is never written back.
+        w: p?.width ?? h.size.width,
+        h: p?.height ?? h.size.height
+      };
+    });
+    localStorage.setItem(j, JSON.stringify(a));
+  } catch (a) {
+    console.warn("[GridstackAdapter] Failed to save layout to storage:", a);
+  }
+}
+function Ge() {
+  try {
+    localStorage.removeItem(j);
+  } catch (t) {
+    console.warn("[GridstackAdapter] Failed to clear layout storage:", t);
+  }
+}
+function Pe(t, s = 12) {
+  const a = /* @__PURE__ */ new Map(), h = /* @__PURE__ */ new Map(), p = (o, y, f, k) => {
+    for (let b = y; b < y + k; b++) {
+      const z = h.get(b) || [];
+      for (let S = o; S < o + f; S++)
+        if (z.includes(S)) return !1;
+    }
+    return !0;
+  }, W = (o, y, f, k) => {
+    for (let b = y; b < y + k; b++) {
+      const z = h.get(b) || [];
+      for (let S = o; S < o + f; S++)
+        z.push(S);
+      h.set(b, z);
+    }
+  }, i = (o, y) => {
+    let f = 0;
+    for (; ; ) {
+      for (let k = 0; k <= s - o; k++)
+        if (p(k, f, o, y))
+          return { x: k, y: f };
+      if (f++, f > 100) break;
+    }
+    return { x: 0, y: f };
+  };
+  for (const o of t) {
+    const y = i(o.size.width, o.size.height);
+    a.set(o.id, y), W(y.x, y.y, o.size.width, o.size.height);
+  }
+  return a;
+}
+function ae(t, s) {
+  if (s && s.size > 0) {
+    const h = /* @__PURE__ */ new Map();
+    for (const p of t) {
+      const W = s.get(p.id), i = p.position, o = W ?? i ?? { x: 0, y: 0 };
+      h.set(p.id, o);
+    }
+    return h;
+  }
+  if (t.every((h) => h.position !== void 0)) {
+    const h = /* @__PURE__ */ new Map();
+    for (const p of t)
+      h.set(p.id, p.position);
+    return h;
+  }
+  return Pe(t);
+}
+const Me = {
+  column: 12,
+  cellHeight: 80,
+  margin: "10px",
+  float: !1,
+  animate: !0,
+  // Disable responsive column changes - always use 12 columns
+  columnOpts: {
+    breakpoints: [{ w: 0, c: 12 }]
+    // Always 12 columns regardless of width
+  },
+  draggable: {
+    handle: ".grid-stack-item-content"
+  },
+  resizable: {
+    handles: "se"
+    // Only bottom-right corner
+  }
+};
+function Oe(t, s = {}) {
+  const { gridOptions: a = {}, resizable: h = !1, autoSave: p = !0, onLayoutChange: W } = s, i = he(null), o = D(/* @__PURE__ */ new Map()), y = D(!1), f = D(!1), k = {
+    ...Me,
+    ...a,
+    disableResize: !h
+  }, b = (r) => {
+    if (i.value) {
+      console.warn("[useGridstack] Grid already initialized");
+      return;
+    }
+    const l = oe();
+    o.value = ae(t.value, l), i.value = We.init(k, r), i.value.on("change", z), i.value.on("added", S), i.value.on("removed", Q);
+    const c = t.value.map((g) => {
+      const m = o.value.get(g.id);
+      return ee(g, m);
+    });
+    i.value.load(c), y.value = !0;
+  }, z = (r, l) => {
+    if (!f.value) {
+      for (const c of l) {
+        const { id: g, position: m } = te(c);
+        if (g) {
+          const $ = o.value.get(g), N = typeof c.w == "number" ? c.w : $?.width, L = typeof c.h == "number" ? c.h : $?.height;
+          o.value.set(g, {
+            ...m,
+            ...typeof N == "number" ? { width: N } : {},
+            ...typeof L == "number" ? { height: L } : {}
+          });
+        }
+      }
+      o.value = new Map(o.value), W?.(o.value), p && P();
+    }
+  }, S = (r, l) => {
+    for (const c of l) {
+      const { id: g, position: m } = te(c);
+      g && !o.value.has(g) && o.value.set(g, m);
+    }
+    o.value = new Map(o.value);
+  }, Q = (r, l) => {
+    for (const c of l)
+      c.id && o.value.delete(c.id);
+    o.value = new Map(o.value);
+  }, U = () => {
+    i.value && (i.value.off("change"), i.value.off("added"), i.value.off("removed"), i.value.destroy(!1), i.value = null, y.value = !1);
+  }, F = (r) => {
+    if (!i.value) return;
+    const l = o.value.get(r.id) ?? r.position, c = ee(r, l), g = document.querySelector(`[gs-id="${r.id}"]`);
+    g && i.value.makeWidget(g, c);
+  }, C = (r) => {
+    if (!i.value) return;
+    const l = document.querySelector(`[gs-id="${r}"]`);
+    l && i.value.removeWidget(l, !1), o.value.delete(r);
+  }, H = (r, l, c, g) => {
+    const m = l.gridstackNode, $ = o.value.get(r), N = m?.x ?? c?.x ?? $?.x ?? 0, L = m?.y ?? c?.y ?? $?.y ?? 0, K = m?.w ?? g?.width ?? $?.width, X = m?.h ?? g?.height ?? $?.height;
+    o.value.set(r, {
+      x: N,
+      y: L,
+      ...typeof K == "number" ? { width: K } : {},
+      ...typeof X == "number" ? { height: X } : {}
+    }), o.value = new Map(o.value);
+  }, q = (r, l) => {
+    if (!i.value) return;
+    const c = document.querySelector(`[gs-id="${r}"]`);
+    c && (f.value = !0, i.value.update(c, { x: l.x, y: l.y }), H(r, c, l), f.value = !1);
+  }, A = (r, l) => {
+    if (!i.value) return;
+    const c = document.querySelector(`[gs-id="${r}"]`);
+    c && (f.value = !0, i.value.update(c, { w: l.width, h: l.height }), H(r, c, void 0, l), f.value = !1);
+  }, P = () => {
+    ue(t.value, o.value);
+  }, T = () => {
+    const r = oe();
+    r && (o.value = ae(t.value, r), G());
+  }, I = () => {
+    o.value = /* @__PURE__ */ new Map();
+    for (const r of t.value)
+      r.position && o.value.set(r.id, { ...r.position });
+    G(), P();
+  }, G = () => {
+    if (i.value) {
+      f.value = !0, i.value.batchUpdate();
+      for (const r of t.value) {
+        const l = o.value.get(r.id);
+        if (l) {
+          const c = document.querySelector(`[gs-id="${r.id}"]`);
+          c && i.value.update(c, {
+            x: l.x,
+            y: l.y,
+            // Restores a persisted size; omitted when unknown so Gridstack keeps
+            // whatever the element already declares.
+            ...typeof l.width == "number" ? { w: l.width } : {},
+            ...typeof l.height == "number" ? { h: l.height } : {}
+          });
+        }
+      }
+      i.value.batchUpdate(!1), f.value = !1;
+    }
+  }, E = (r) => {
+    if (!i.value) {
+      r();
+      return;
+    }
+    f.value = !0, i.value.batchUpdate(), r(), i.value.batchUpdate(!1), f.value = !1;
+  };
+  return le(
+    t,
+    async (r, l) => {
+      if (!i.value || !y.value) return;
+      await de();
+      const c = r.filter((m) => !l?.some(($) => $.id === m.id)), g = l?.filter((m) => !r.some(($) => $.id === m.id)).map((m) => m.id) ?? [];
+      for (const m of g)
+        C(m);
+      for (const m of c)
+        F(m);
+    },
+    { deep: !1 }
+  ), pe(() => {
+    U();
+  }), {
+    grid: i,
+    layout: o,
+    isInitialized: y,
+    initGrid: b,
+    destroyGrid: U,
+    addWidget: F,
+    removeWidget: C,
+    updateWidgetPosition: q,
+    updateWidgetSize: A,
+    saveLayout: P,
+    loadLayout: T,
+    resetToDefaults: I,
+    batchUpdate: E
+  };
+}
+const Ee = {}, Te = {
+  class: "dashboard-widget-skeleton",
+  "aria-hidden": "true"
+};
+function Ie(t, s) {
+  return v(), _("div", Te, [...s[0] || (s[0] = [
+    me('<div class="dashboard-widget-skeleton__header"><div class="dashboard-widget-skeleton__icon"></div><div class="dashboard-widget-skeleton__title"></div></div><div class="dashboard-widget-skeleton__stats"><div class="dashboard-widget-skeleton__stat"></div><div class="dashboard-widget-skeleton__stat"></div><div class="dashboard-widget-skeleton__stat"></div></div><div class="dashboard-widget-skeleton__body"><div class="dashboard-widget-skeleton__line dashboard-widget-skeleton__line--w80"></div><div class="dashboard-widget-skeleton__line dashboard-widget-skeleton__line--w60"></div><div class="dashboard-widget-skeleton__line dashboard-widget-skeleton__line--w90"></div><div class="dashboard-widget-skeleton__line dashboard-widget-skeleton__line--w70"></div></div>', 3)
+  ])]);
+}
+const Ne = /* @__PURE__ */ $e(Ee, [["render", Ie]]), Be = ["aria-label"], Re = ["aria-label"], Ue = ["gs-id", "gs-x", "gs-y", "gs-w", "gs-h", "aria-label", "onKeydown"], Fe = { class: "grid-stack-item-content" }, Ce = {
+  key: 0,
+  class: "vc-gridstack-dashboard__drag-handle",
+  "aria-hidden": "true"
+}, He = {
+  class: "vc-gridstack-dashboard__live-region",
+  role: "status",
+  "aria-live": "polite",
+  "aria-atomic": "true"
+}, ne = 2, Ke = /* @__PURE__ */ R({
+  __name: "GridstackDashboard",
+  props: {
+    showDragHandles: { type: Boolean, default: !1 },
+    resizable: { type: Boolean, default: !1 },
+    ariaLabel: { default: "Dashboard widgets. Drag a widget, or focus one and press Enter to rearrange with the arrow keys." }
+  },
+  setup(t, { expose: s }) {
+    const a = [
+      { x: 0, y: 0, w: 6, h: 6 },
+      { x: 6, y: 0, w: 6, h: 6 },
+      { x: 0, y: 6, w: 6, h: 6 },
+      { x: 6, y: 6, w: 6, h: 6 }
+    ];
+    function h() {
+      if (typeof window > "u") return null;
+      try {
+        const e = window.localStorage.getItem(j);
+        if (!e) return null;
+        const u = JSON.parse(e);
+        if (!Array.isArray(u)) return null;
+        const n = u.filter(
+          (d) => !!d && typeof d == "object" && typeof d.w == "number" && typeof d.h == "number" && typeof d.x == "number" && typeof d.y == "number"
+        ).map((d) => ({ x: d.x, y: d.y, w: d.w, h: d.h }));
+        return n.length > 0 ? n : null;
+      } catch {
+        return null;
+      }
+    }
+    const p = t, W = D(null), i = D(""), o = fe(ze, D(!0)), y = se(() => o.value ? [] : h() ?? a), f = (e) => ({
+      gridColumn: `${e.x + 1} / span ${e.w}`,
+      gridRow: `${e.y + 1} / span ${e.h}`
+    }), k = xe(), b = se(() => k.getWidgets()), { layout: z, isInitialized: S, initGrid: Q, saveLayout: U, resetToDefaults: F, updateWidgetPosition: C, updateWidgetSize: H } = Oe(b, {
+      resizable: p.resizable,
+      autoSave: !0,
+      gridOptions: {
+        draggable: {
+          handle: p.showDragHandles ? ".vc-gridstack-dashboard__drag-handle" : ".grid-stack-item-content"
+        }
+      },
+      onLayoutChange: (e) => {
+        for (const [u, n] of e)
+          k.updateWidgetPosition(u, n);
+        L("Widget positions updated");
+      }
+    }), q = (e) => z.value.get(e), A = D(null), P = D(null), T = D(null), I = (e) => z.value.get(e.id) ?? e.position ?? { x: 0, y: 0 }, G = (e) => {
+      const u = z.value.get(e.id);
+      return {
+        width: u?.width ?? e.size.width,
+        height: u?.height ?? e.size.height
+      };
+    }, E = (e) => e.name || e.id, r = (e) => {
+      A.value = e.id, P.value = { ...I(e) }, T.value = { ...G(e) }, L(
+        `${E(e)} picked up. Use arrow keys to move, Shift and arrow keys to resize, Enter to drop, Escape to cancel.`
+      );
+    }, l = (e) => {
+      A.value = null, P.value = null, T.value = null, U();
+      const { x: u, y: n } = I(e);
+      L(`${E(e)} dropped at column ${u + 1}, row ${n + 1}.`);
+    }, c = (e) => {
+      const u = P.value, n = T.value, d = G(e);
+      n && (n.width !== d.width || n.height !== d.height) && H(e.id, n), u && C(e.id, u), A.value = null, P.value = null, T.value = null, L(`Move cancelled. ${E(e)} returned to its original position and size.`);
+    }, g = (e, u, n) => {
+      const d = I(e), x = { x: d.x + u, y: d.y + n };
+      if (x.x < 0 || x.y < 0) return;
+      C(e.id, x);
+      const M = I(e);
+      L(`${E(e)} moved to column ${M.x + 1}, row ${M.y + 1}.`);
+    }, m = (e, u, n) => {
+      const d = G(e), x = u ? Math.max(ne, d.width + u) : d.width, M = n ? Math.max(ne, d.height + n) : d.height;
+      if (x === d.width && M === d.height) return;
+      H(e.id, { width: x, height: M });
+      const V = G(e);
+      L(`${E(e)} resized to ${V.width} by ${V.height} cells.`);
+    }, $ = (e, u) => {
+      if (e.target !== e.currentTarget) return;
+      const n = A.value === u.id;
+      if (e.key === "Enter" || e.key === " ") {
+        if (e.preventDefault(), n) l(u);
+        else {
+          const M = b.value.find((V) => V.id === A.value);
+          M && c(M), r(u);
+        }
+        return;
+      }
+      if (e.key === "Escape" && n) {
+        e.preventDefault(), c(u);
+        return;
+      }
+      const d = e.key === "ArrowLeft" ? -1 : e.key === "ArrowRight" ? 1 : 0, x = e.key === "ArrowUp" ? -1 : e.key === "ArrowDown" ? 1 : 0;
+      d === 0 && x === 0 || !n || (e.preventDefault(), e.shiftKey ? p.resizable && m(u, d, x) : g(u, d, x));
+    }, N = (e, u) => {
+      const n = e.name || e.id, d = A.value === e.id ? "Picked up. Arrow keys move, Enter drops, Escape cancels." : "Press Enter to pick up and rearrange with the arrow keys.";
+      return `${n}, widget ${u + 1} of ${b.value.length}. ${d}`;
+    }, L = (e) => {
+      i.value = e, setTimeout(() => {
+        i.value = "";
+      }, 1e3);
+    }, K = async () => {
+      await de(), W.value && !S.value && Q(W.value);
+    };
+    return ve(K), le(o, (e) => {
+      e && K();
+    }), s({
+      rearrangeWidgets: () => {
+        F();
+      },
+      recalculateLayout: () => {
+      },
+      saveLayout: U,
+      useBuiltInPositions: () => (F(), !0)
+    }), (e, u) => (v(), Y(Se, {
+      "no-padding": "",
+      class: "vc-gridstack-dashboard"
+    }, {
+      default: ge(() => [
+        Z(o) ? (v(), _("div", {
+          key: 1,
+          ref_key: "gridRef",
+          ref: W,
+          class: "grid-stack vc-gridstack-dashboard__grid",
+          role: "list",
+          "aria-label": t.ariaLabel
+        }, [
+          (v(!0), _(re, null, ie(b.value, (n, d) => (v(), _("div", {
+            key: n.id,
+            class: ce(["grid-stack-item", { "vc-gridstack-dashboard__item--grabbed": A.value === n.id }]),
+            "gs-id": n.id,
+            "gs-x": q(n.id)?.x ?? n.position?.x ?? 0,
+            "gs-y": q(n.id)?.y ?? n.position?.y ?? 0,
+            "gs-w": G(n).width,
+            "gs-h": G(n).height,
+            "gs-min-w": 2,
+            "gs-min-h": 2,
+            role: "listitem",
+            tabindex: "0",
+            "aria-label": N(n, d),
+            onKeydown: (x) => $(x, n)
+          }, [
+            w("div", Fe, [
+              t.showDragHandles ? (v(), _("div", Ce, [...u[0] || (u[0] = [
+                w("svg", {
+                  width: "16",
+                  height: "16",
+                  viewBox: "0 0 16 16",
+                  fill: "currentColor"
+                }, [
+                  w("circle", {
+                    cx: "5",
+                    cy: "3",
+                    r: "1.5"
+                  }),
+                  w("circle", {
+                    cx: "11",
+                    cy: "3",
+                    r: "1.5"
+                  }),
+                  w("circle", {
+                    cx: "5",
+                    cy: "8",
+                    r: "1.5"
+                  }),
+                  w("circle", {
+                    cx: "11",
+                    cy: "8",
+                    r: "1.5"
+                  }),
+                  w("circle", {
+                    cx: "5",
+                    cy: "13",
+                    r: "1.5"
+                  }),
+                  w("circle", {
+                    cx: "11",
+                    cy: "13",
+                    r: "1.5"
+                  })
+                ], -1)
+              ])])) : B("", !0),
+              (v(), Y(_e(n.component), be({ ref_for: !0 }, n.props || {}, { class: "vc-gridstack-dashboard__widget-content" }), null, 16))
+            ])
+          ], 42, Ue))), 128))
+        ], 8, Re)) : (v(), _("div", {
+          key: 0,
+          class: "vc-gridstack-dashboard__skeleton-grid",
+          role: "status",
+          "aria-busy": "true",
+          "aria-label": t.ariaLabel
+        }, [
+          (v(!0), _(re, null, ie(y.value, (n, d) => (v(), Y(Ne, {
+            key: `skeleton-${d}`,
+            class: "vc-gridstack-dashboard__skeleton-item",
+            style: ye(f(n))
+          }, null, 8, ["style"]))), 128))
+        ], 8, Be)),
+        w("div", He, J(i.value), 1)
+      ]),
+      _: 1
+    }));
+  }
+}), No = /* @__PURE__ */ R({
+  __name: "DraggableDashboard",
+  props: {
+    showDragHandles: { type: Boolean, default: !1 },
+    resizable: { type: Boolean, default: !1 },
+    ariaLabel: { default: "Dashboard widgets. Drag widgets to rearrange." }
+  },
+  setup(t, { expose: s }) {
+    const a = D(null);
+    return s({
+      rearrangeWidgets: () => {
+        a.value?.rearrangeWidgets?.();
+      },
+      recalculateLayout: () => {
+        a.value?.recalculateLayout?.();
+      },
+      saveLayout: () => {
+        a.value?.saveLayout?.();
+      },
+      useBuiltInPositions: () => a.value?.useBuiltInPositions?.() ?? !1
+    }), (o, y) => (v(), Y(Ke, {
+      ref_key: "dashboardRef",
+      ref: a,
+      "show-drag-handles": t.showDragHandles,
+      resizable: t.resizable,
+      "aria-label": t.ariaLabel
+    }, null, 8, ["show-drag-handles", "resizable", "aria-label"]));
+  }
+}), Bo = ee, Ro = te, Uo = oe, Fo = ue, Co = ae, Ho = Ge, Ko = j, je = { class: "dashboard-widget-card" }, qe = { class: "dashboard-widget-card__header" }, Ve = { class: "dashboard-widget-card__header-content" }, Ye = {
+  key: 0,
+  class: "dashboard-widget-card__icon-wrapper"
+}, Je = { class: "dashboard-widget-card__title" }, Qe = {
+  key: 0,
+  class: "dashboard-widget-card__actions"
+}, Xe = {
+  key: 0,
+  class: "dashboard-widget-card__stats"
+}, Ze = { class: "dashboard-widget-card__body" }, et = {
+  key: 1,
+  class: "dashboard-widget-card__footer"
+}, jo = /* @__PURE__ */ R({
+  __name: "dashboard-widget-card",
+  props: {
+    header: {},
+    icon: {},
+    loading: { type: Boolean }
+  },
+  setup(t) {
+    const s = t;
+    return (a, h) => (v(), _("div", je, [
+      w("div", qe, [
+        O(a.$slots, "header", {}, () => [
+          w("div", Ve, [
+            t.icon ? (v(), _("div", Ye, [
+              we(Z(De), {
+                class: "dashboard-widget-card__icon",
+                icon: t.icon,
+                size: "l"
+              }, null, 8, ["icon"])
+            ])) : B("", !0),
+            w("div", Je, J(s.header), 1)
+          ])
+        ]),
+        a.$slots.actions ? (v(), _("div", Qe, [
+          O(a.$slots, "actions")
+        ])) : B("", !0)
+      ]),
+      a.$slots.stats ? (v(), _("div", Xe, [
+        O(a.$slots, "stats")
+      ])) : B("", !0),
+      ke((v(), _("div", Ze, [
+        O(a.$slots, "content")
+      ])), [
+        [Z(Le), t.loading]
+      ]),
+      a.$slots.footer ? (v(), _("div", et, [
+        O(a.$slots, "footer")
+      ])) : B("", !0)
+    ]));
+  }
+}), tt = { class: "dashboard-stat-item" }, ot = { class: "dashboard-stat-item__label" }, qo = /* @__PURE__ */ R({
+  __name: "dashboard-stat-item",
+  props: {
+    value: {},
+    label: {},
+    variant: {}
+  },
+  setup(t) {
+    return (s, a) => (v(), _("div", tt, [
+      w("div", {
+        class: ce(["dashboard-stat-item__value", t.variant ? `dashboard-stat-item__value--${t.variant}` : ""])
+      }, J(t.value), 3),
+      w("div", ot, J(t.label), 1)
+    ]));
+  }
+}), at = { class: "tw-divide-y tw-divide-[var(--neutrals-200)]" }, Vo = /* @__PURE__ */ R({
+  __name: "dashboard-feed-list",
+  setup(t) {
+    return (s, a) => (v(), _("div", at, [
+      O(s.$slots, "default")
+    ]));
+  }
+}), st = { class: "tw-flex tw-items-center tw-gap-2.5 tw-min-w-0" }, rt = {
+  key: 0,
+  class: "tw-flex tw-items-center tw-gap-3 tw-flex-shrink-0 tw-ml-3"
+}, Yo = /* @__PURE__ */ R({
+  __name: "dashboard-feed-row",
+  emits: ["click"],
+  setup(t) {
+    return (s, a) => (v(), _("div", {
+      class: "dashboard-feed-row",
+      onClick: a[0] || (a[0] = (h) => s.$emit("click"))
+    }, [
+      w("div", st, [
+        O(s.$slots, "default")
+      ]),
+      s.$slots.trailing ? (v(), _("div", rt, [
+        O(s.$slots, "trailing")
+      ])) : B("", !0)
+    ]));
+  }
+});
+export {
+  Ko as L,
+  Vo as _,
+  Yo as a,
+  qo as b,
+  jo as c,
+  No as d,
+  Ho as e,
+  Ro as f,
+  Uo as l,
+  Co as m,
+  Fo as s,
+  Bo as t,
+  Oe as u
+};