@vc-shell/framework 2.5.0-pr351.8e074ad → 2.5.0-pr354.da09837

package/dist/chunks/{dashboard-feed-row.vue_vue_type_script_setup_true_lang-f8MTDeS0.js → dashboard-feed-row.vue_vue_type_script_setup_true_lang-C0IjvNtI.js}

@@ -1,7 +1,7 @@
-import { shallowRef as pe, ref as M, watch as de, nextTick as ce, onUnmounted as me, openBlock as v, createElementBlock as _, createStaticVNode as fe, defineComponent as B, inject as ve, computed as re, onMounted as ge, createBlock as V, withCtx as ye, unref as ee, Fragment as ie, renderList as ne, normalizeStyle as _e, normalizeClass as ue, createElementVNode as w, createCommentVNode as N, resolveDynamicComponent as be, mergeProps as we, toDisplayString as Y, renderSlot as P, createVNode as ke, withDirectives as $e } from "vue";
-import { K as xe, L as Le, M as Se, A as We } from "./VcScheduler.vue_vue_type_style_index_0_lang-BFmpC0MN.js";
-import { G as ze } from "./vendor-gridstack-Beau2jQ7.js";
-import { M as De, _ as Ae } from "./VcAiAgentPanel.vue_vue_type_style_index_0_lang-JB7OKRk6.js";
+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 q, 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 { K as $e, L as xe, M as Se, A as Le } from "./VcScheduler.vue_vue_type_style_index_0_lang-BQ09AUgy.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-JB7OKRk6.js";
 import "vee-validate";
 import "./vendor-tiptap-starter-kit-ny-AoaO_.js";
 import "./vendor-tiptap-extension-underline-Bo1pXXDN.js";
@@ -81,22 +81,22 @@ 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 F = "vc-dashboard-layout";
-function te(t, r) {
-  const a = r ?? t.position;
+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: r?.width ?? t.size.width,
-    h: r?.height ?? t.size.height,
+    w: s?.width ?? t.size.width,
+    h: s?.height ?? t.size.height,
     minW: 2,
     minH: 2
   };
 }
-function oe(t) {
+function te(t) {
   return {
     id: t.id ?? "",
     position: {
@@ -109,10 +109,10 @@ function oe(t) {
     }
   };
 }
-function Me(t) {
-  const r = /* @__PURE__ */ new Map();
+function Ae(t) {
+  const s = /* @__PURE__ */ new Map();
   for (const a of t)
-    a.id && r.set(a.id, {
+    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
@@ -120,18 +120,18 @@ function Me(t) {
       ...typeof a.w == "number" ? { width: a.w } : {},
       ...typeof a.h == "number" ? { height: a.h } : {}
     });
-  return r;
+  return s;
 }
-function ae() {
+function oe() {
   try {
-    const t = localStorage.getItem(F);
+    const t = localStorage.getItem(j);
     if (!t) return null;
-    const r = JSON.parse(t);
-    if (Array.isArray(r))
-      return Me(r);
-    if (typeof r == "object" && r !== 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(r))
+      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;
     }
@@ -140,10 +140,10 @@ function ae() {
     return console.warn("[GridstackAdapter] Failed to load layout from storage:", t), null;
   }
 }
-function he(t, r) {
+function ue(t, s) {
   try {
     const a = t.map((h) => {
-      const p = r.get(h.id);
+      const p = s.get(h.id);
       return {
         id: h.id,
         x: p?.x ?? h.position?.x ?? 0,
@@ -154,37 +154,37 @@ function he(t, r) {
         h: p?.height ?? h.size.height
       };
     });
-    localStorage.setItem(F, JSON.stringify(a));
+    localStorage.setItem(j, JSON.stringify(a));
   } catch (a) {
     console.warn("[GridstackAdapter] Failed to save layout to storage:", a);
   }
 }
 function Ge() {
   try {
-    localStorage.removeItem(F);
+    localStorage.removeItem(j);
   } catch (t) {
     console.warn("[GridstackAdapter] Failed to clear layout storage:", t);
   }
 }
-function Pe(t, r = 12) {
+function Me(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 D = h.get(b) || [];
-      for (let L = o; L < o + f; L++)
-        if (D.includes(L)) return !1;
+      const z = h.get(b) || [];
+      for (let S = o; S < o + f; S++)
+        if (z.includes(S)) return !1;
     }
     return !0;
-  }, z = (o, y, f, k) => {
+  }, W = (o, y, f, k) => {
     for (let b = y; b < y + k; b++) {
-      const D = h.get(b) || [];
-      for (let L = o; L < o + f; L++)
-        D.push(L);
-      h.set(b, D);
+      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 <= r - o; k++)
+      for (let k = 0; k <= s - o; k++)
         if (p(k, f, o, y))
           return { x: k, y: f };
       if (f++, f > 100) break;
@@ -193,15 +193,15 @@ function Pe(t, r = 12) {
   };
   for (const o of t) {
     const y = i(o.size.width, o.size.height);
-    a.set(o.id, y), z(y.x, y.y, 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 se(t, r) {
-  if (r && r.size > 0) {
+function ae(t, s) {
+  if (s && s.size > 0) {
     const h = /* @__PURE__ */ new Map();
     for (const p of t) {
-      const z = r.get(p.id), i = p.position, o = z ?? i ?? { x: 0, y: 0 };
+      const W = s.get(p.id), i = p.position, o = W ?? i ?? { x: 0, y: 0 };
       h.set(p.id, o);
     }
     return h;
@@ -212,9 +212,9 @@ function se(t, r) {
       h.set(p.id, p.position);
     return h;
   }
-  return Pe(t);
+  return Me(t);
 }
-const Ee = {
+const Pe = {
   column: 12,
   cellHeight: 80,
   margin: "10px",
@@ -233,169 +233,166 @@ const Ee = {
     // Only bottom-right corner
   }
 };
-function Te(t, r = {}) {
-  const { gridOptions: a = {}, resizable: h = !1, autoSave: p = !0, onLayoutChange: z } = r, i = pe(null), o = M(/* @__PURE__ */ new Map()), y = M(!1), f = M(!1), k = {
-    ...Ee,
+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 = {
+    ...Pe,
     ...a,
     disableResize: !h
-  }, b = (s) => {
+  }, b = (r) => {
     if (i.value) {
       console.warn("[useGridstack] Grid already initialized");
       return;
     }
-    const n = ae();
-    o.value = se(t.value, n), i.value = ze.init(k, s), i.value.on("change", D), i.value.on("added", L), i.value.on("removed", q);
-    const l = t.value.map((g) => {
+    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 te(g, m);
+      return ee(g, m);
     });
-    i.value.load(l), y.value = !0;
-  }, D = (s, n) => {
+    i.value.load(c), y.value = !0;
+  }, z = (r, l) => {
     if (!f.value) {
-      for (const l of n) {
-        const { id: g, position: m } = oe(l);
+      for (const c of l) {
+        const { id: g, position: m } = te(c);
         if (g) {
-          const $ = o.value.get(g), W = typeof l.w == "number" ? l.w : $?.width, O = typeof l.h == "number" ? l.h : $?.height;
+          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 W == "number" ? { width: W } : {},
-            ...typeof O == "number" ? { height: O } : {}
+            ...typeof N == "number" ? { width: N } : {},
+            ...typeof L == "number" ? { height: L } : {}
           });
         }
       }
-      o.value = new Map(o.value), z?.(o.value), p && S();
+      o.value = new Map(o.value), W?.(o.value), p && M();
     }
-  }, L = (s, n) => {
-    for (const l of n) {
-      const { id: g, position: m } = oe(l);
+  }, 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 = (s, n) => {
-    for (const l of n)
-      l.id && o.value.delete(l.id);
+  }, Q = (r, l) => {
+    for (const c of l)
+      c.id && o.value.delete(c.id);
     o.value = new Map(o.value);
-  }, R = () => {
+  }, 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);
-  }, U = (s) => {
+  }, F = (r) => {
     if (!i.value) return;
-    const n = o.value.get(s.id) ?? s.position, l = te(s, n), g = document.querySelector(`[gs-id="${s.id}"]`);
-    g && i.value.makeWidget(g, l);
-  }, C = (s) => {
+    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 n = document.querySelector(`[gs-id="${s}"]`);
-    n && i.value.removeWidget(n, !1), o.value.delete(s);
-  }, H = (s, n, l, g) => {
-    const m = n.gridstackNode, $ = o.value.get(s), W = m?.x ?? l?.x ?? $?.x ?? 0, O = m?.y ?? l?.y ?? $?.y ?? 0, X = m?.w ?? g?.width ?? $?.width, Z = m?.h ?? g?.height ?? $?.height;
-    o.value.set(s, {
-      x: W,
-      y: O,
-      ...typeof X == "number" ? { width: X } : {},
-      ...typeof Z == "number" ? { height: Z } : {}
+    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);
-  }, J = (s, n) => {
+  }, V = (r, l) => {
     if (!i.value) return;
-    const l = document.querySelector(`[gs-id="${s}"]`);
-    l && (f.value = !0, i.value.update(l, { x: n.x, y: n.y }), H(s, l, n), f.value = !1);
-  }, K = (s, n) => {
+    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 l = document.querySelector(`[gs-id="${s}"]`);
-    l && (f.value = !0, i.value.update(l, { w: n.width, h: n.height }), H(s, l, void 0, n), f.value = !1);
-  }, S = () => {
-    he(t.value, o.value);
-  }, E = () => {
-    const s = ae();
-    s && (o.value = se(t.value, s), A());
+    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);
+  }, M = () => {
+    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 s of t.value)
-      s.position && o.value.set(s.id, { ...s.position });
-    A(), S();
-  }, A = () => {
+    for (const r of t.value)
+      r.position && o.value.set(r.id, { ...r.position });
+    G(), M();
+  }, G = () => {
     if (i.value) {
       f.value = !0, i.value.batchUpdate();
-      for (const s of t.value) {
-        const n = o.value.get(s.id);
-        if (n) {
-          const l = document.querySelector(`[gs-id="${s.id}"]`);
-          l && i.value.update(l, {
-            x: n.x,
-            y: n.y,
+      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 n.width == "number" ? { w: n.width } : {},
-            ...typeof n.height == "number" ? { h: n.height } : {}
+            ...typeof l.width == "number" ? { w: l.width } : {},
+            ...typeof l.height == "number" ? { h: l.height } : {}
           });
         }
       }
       i.value.batchUpdate(!1), f.value = !1;
     }
-  }, T = (s) => {
-    o.value = new Map([...s].map(([n, l]) => [n, { ...l }])), A();
-  }, Q = (s) => {
+  }, E = (r) => {
     if (!i.value) {
-      s();
+      r();
       return;
     }
-    f.value = !0, i.value.batchUpdate(), s(), i.value.batchUpdate(!1), f.value = !1;
+    f.value = !0, i.value.batchUpdate(), r(), i.value.batchUpdate(!1), f.value = !1;
   };
-  return de(
+  return le(
     t,
-    async (s, n) => {
+    async (r, l) => {
       if (!i.value || !y.value) return;
-      await ce();
-      const l = s.filter((m) => !n?.some(($) => $.id === m.id)), g = n?.filter((m) => !s.some(($) => $.id === m.id)).map((m) => m.id) ?? [];
+      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 l)
-        U(m);
+      for (const m of c)
+        F(m);
     },
     { deep: !1 }
-  ), me(() => {
-    R();
+  ), pe(() => {
+    U();
   }), {
     grid: i,
     layout: o,
     isInitialized: y,
     initGrid: b,
-    destroyGrid: R,
-    addWidget: U,
+    destroyGrid: U,
+    addWidget: F,
     removeWidget: C,
-    updateWidgetPosition: J,
-    updateWidgetSize: K,
-    saveLayout: S,
-    loadLayout: E,
+    updateWidgetPosition: V,
+    updateWidgetSize: A,
+    saveLayout: M,
+    loadLayout: T,
     resetToDefaults: I,
-    restoreLayout: T,
-    batchUpdate: Q
+    batchUpdate: E
   };
 }
-const Oe = {}, Ie = {
+const Ee = {}, Te = {
   class: "dashboard-widget-skeleton",
   "aria-hidden": "true"
 };
-function Ne(t, r) {
-  return v(), _("div", Ie, [...r[0] || (r[0] = [
-    fe('<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)
+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 Be = /* @__PURE__ */ xe(Oe, [["render", Ne]]), Re = ["aria-label"], Ue = ["aria-label"], Fe = ["gs-id", "gs-x", "gs-y", "gs-w", "gs-h", "aria-label", "onKeydown"], Ce = { class: "grid-stack-item-content" }, He = {
+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"
-}, Ke = {
+}, He = {
   class: "vc-gridstack-dashboard__live-region",
   role: "status",
   "aria-live": "polite",
   "aria-atomic": "true"
-}, le = 2, je = /* @__PURE__ */ B({
+}, 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: r }) {
+  setup(t, { expose: s }) {
     const a = [
       { x: 0, y: 0, w: 6, h: 6 },
       { x: 6, y: 0, w: 6, h: 6 },
@@ -405,31 +402,22 @@ const Be = /* @__PURE__ */ xe(Oe, [["render", Ne]]), Re = ["aria-label"], Ue = [
     function h() {
       if (typeof window > "u") return null;
       try {
-        const e = window.localStorage.getItem(F);
+        const e = window.localStorage.getItem(j);
         if (!e) return null;
         const u = JSON.parse(e);
         if (!Array.isArray(u)) return null;
-        const d = u.filter(
-          (c) => !!c && typeof c == "object" && typeof c.w == "number" && typeof c.h == "number" && typeof c.x == "number" && typeof c.y == "number"
-        ).map((c) => ({ x: c.x, y: c.y, w: c.w, h: c.h }));
-        return d.length > 0 ? d : 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, z = M(null), i = M(""), o = ve(De, M(!0)), y = re(() => o.value ? [] : h() ?? a), f = (e) => ({
+    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 = Le(), b = re(() => k.getWidgets()), {
-      layout: D,
-      isInitialized: L,
-      initGrid: q,
-      saveLayout: R,
-      resetToDefaults: U,
-      restoreLayout: C,
-      updateWidgetPosition: H,
-      updateWidgetSize: J
-    } = Te(b, {
+    }), 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: {
@@ -438,107 +426,106 @@ const Be = /* @__PURE__ */ xe(Oe, [["render", Ne]]), Re = ["aria-label"], Ue = [
         }
       },
       onLayoutChange: (e) => {
-        for (const [u, d] of e)
-          k.updateWidgetPosition(u, d);
-        W("Widget positions updated");
+        for (const [u, n] of e)
+          k.updateWidgetPosition(u, n);
+        L("Widget positions updated");
       }
-    }), K = (e) => D.value.get(e), S = M(null), E = M(null), I = (e) => D.value.get(e.id) ?? e.position ?? { x: 0, y: 0 }, A = (e) => {
-      const u = D.value.get(e.id);
+    }), V = (e) => z.value.get(e), A = D(null), M = 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
       };
-    }, T = (e) => e.name || e.id, Q = (e) => {
-      S.value = e.id, E.value = new Map(
-        b.value.map((u) => [u.id, { ...I(u), ...A(u) }])
-      ), W(
-        `${T(e)} picked up. Use arrow keys to move, Shift and arrow keys to resize, Enter to drop, Escape to cancel.`
+    }, E = (e) => e.name || e.id, r = (e) => {
+      A.value = e.id, M.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.`
       );
-    }, s = (e) => {
-      S.value = null, E.value = null, R();
-      const { x: u, y: d } = I(e);
-      W(`${T(e)} dropped at column ${u + 1}, row ${d + 1}.`);
-    }, n = (e) => {
-      E.value && C(E.value), S.value = null, E.value = null, W(`Move cancelled. ${T(e)} returned to its original position and size.`);
-    }, l = (e, u, d) => {
-      const c = I(e), x = { x: c.x + u, y: c.y + d };
+    }, l = (e) => {
+      A.value = null, M.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 = M.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, M.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;
-      H(e.id, x);
-      const G = I(e);
-      W(`${T(e)} moved to column ${G.x + 1}, row ${G.y + 1}.`);
-    }, g = (e, u, d) => {
-      const c = A(e), x = u ? Math.max(le, c.width + u) : c.width, G = d ? Math.max(le, c.height + d) : c.height;
-      if (x === c.width && G === c.height) return;
-      J(e.id, { width: x, height: G });
-      const j = A(e);
-      W(`${T(e)} resized to ${j.width} by ${j.height} cells.`);
-    }, m = (e, u) => {
+      C(e.id, x);
+      const P = I(e);
+      L(`${E(e)} moved to column ${P.x + 1}, row ${P.y + 1}.`);
+    }, m = (e, u, n) => {
+      const d = G(e), x = u ? Math.max(ne, d.width + u) : d.width, P = n ? Math.max(ne, d.height + n) : d.height;
+      if (x === d.width && P === d.height) return;
+      H(e.id, { width: x, height: P });
+      const Y = G(e);
+      L(`${E(e)} resized to ${Y.width} by ${Y.height} cells.`);
+    }, $ = (e, u) => {
       if (e.target !== e.currentTarget) return;
-      const d = S.value === u.id;
+      const n = A.value === u.id;
       if (e.key === "Enter" || e.key === " ") {
-        if (e.preventDefault(), d) s(u);
+        if (e.preventDefault(), n) l(u);
         else {
-          const G = b.value.find((j) => j.id === S.value);
-          G && n(G), Q(u);
+          const P = b.value.find((Y) => Y.id === A.value);
+          P && c(P), r(u);
         }
         return;
       }
-      if (e.key === "Escape" && d) {
-        e.preventDefault(), n(u);
+      if (e.key === "Escape" && n) {
+        e.preventDefault(), c(u);
         return;
       }
-      const c = e.key === "ArrowLeft" ? -1 : e.key === "ArrowRight" ? 1 : 0, x = e.key === "ArrowUp" ? -1 : e.key === "ArrowDown" ? 1 : 0;
-      c === 0 && x === 0 || !d || (e.preventDefault(), e.shiftKey ? p.resizable && g(u, c, x) : l(u, c, x));
-    }, $ = (e, u) => {
-      const d = e.name || e.id, c = S.value === e.id ? "Picked up. Arrow keys move, Enter drops, Escape cancels." : "Press Enter to pick up and rearrange with the arrow keys.";
-      return `${d}, widget ${u + 1} of ${b.value.length}. ${c}`;
-    }, W = (e) => {
+      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);
-    }, O = async () => {
-      await ce(), z.value && !L.value && q(z.value);
+    }, K = async () => {
+      await de(), W.value && !S.value && Q(W.value);
     };
-    return ge(O), de(o, (e) => {
-      e && O();
-    }), r({
+    return ve(K), le(o, (e) => {
+      e && K();
+    }), s({
       rearrangeWidgets: () => {
-        U();
+        F();
       },
       recalculateLayout: () => {
       },
-      saveLayout: R,
-      useBuiltInPositions: () => (U(), !0)
-    }), (e, u) => (v(), V(Se, {
+      saveLayout: U,
+      useBuiltInPositions: () => (F(), !0)
+    }), (e, u) => (v(), q(Se, {
       "no-padding": "",
       class: "vc-gridstack-dashboard"
     }, {
-      default: ye(() => [
-        ee(o) ? (v(), _("div", {
+      default: ge(() => [
+        Z(o) ? (v(), _("div", {
           key: 1,
           ref_key: "gridRef",
-          ref: z,
+          ref: W,
           class: "grid-stack vc-gridstack-dashboard__grid",
           role: "list",
           "aria-label": t.ariaLabel
         }, [
-          (v(!0), _(ie, null, ne(b.value, (d, c) => (v(), _("div", {
-            key: d.id,
-            class: ue(["grid-stack-item", { "vc-gridstack-dashboard__item--grabbed": S.value === d.id }]),
-            "gs-id": d.id,
-            "gs-x": K(d.id)?.x ?? d.position?.x ?? 0,
-            "gs-y": K(d.id)?.y ?? d.position?.y ?? 0,
-            "gs-w": A(d).width,
-            "gs-h": A(d).height,
+          (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": V(n.id)?.x ?? n.position?.x ?? 0,
+            "gs-y": V(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": $(d, c),
-            onKeydown: (x) => m(x, d)
+            "aria-label": N(n, d),
+            onKeydown: (x) => $(x, n)
           }, [
-            w("div", Ce, [
-              t.showDragHandles ? (v(), _("div", He, [...u[0] || (u[0] = [
+            w("div", Fe, [
+              t.showDragHandles ? (v(), _("div", Ce, [...u[0] || (u[0] = [
                 w("svg", {
                   width: "16",
                   height: "16",
@@ -576,38 +563,38 @@ const Be = /* @__PURE__ */ xe(Oe, [["render", Ne]]), Re = ["aria-label"], Ue = [
                     r: "1.5"
                   })
                 ], -1)
-              ])])) : N("", !0),
-              (v(), V(be(d.component), we({ ref_for: !0 }, d.props || {}, { class: "vc-gridstack-dashboard__widget-content" }), null, 16))
+              ])])) : B("", !0),
+              (v(), q(_e(n.component), be({ ref_for: !0 }, n.props || {}, { class: "vc-gridstack-dashboard__widget-content" }), null, 16))
             ])
-          ], 42, Fe))), 128))
-        ], 8, Ue)) : (v(), _("div", {
+          ], 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), _(ie, null, ne(y.value, (d, c) => (v(), V(Be, {
-            key: `skeleton-${c}`,
+          (v(!0), _(re, null, ie(y.value, (n, d) => (v(), q(Ne, {
+            key: `skeleton-${d}`,
             class: "vc-gridstack-dashboard__skeleton-item",
-            style: _e(f(d))
+            style: ye(f(n))
           }, null, 8, ["style"]))), 128))
-        ], 8, Re)),
-        w("div", Ke, Y(i.value), 1)
+        ], 8, Be)),
+        w("div", He, J(i.value), 1)
       ]),
       _: 1
     }));
   }
-}), No = /* @__PURE__ */ B({
+}), No = /* @__PURE__ */ R({
   __name: "DraggableDashboard",
   props: {
     showDragHandles: { type: Boolean, default: !1 },
     resizable: { type: Boolean, default: !1 },
-    ariaLabel: {}
+    ariaLabel: { default: "Dashboard widgets. Drag widgets to rearrange." }
   },
-  setup(t, { expose: r }) {
-    const a = M(null);
-    return r({
+  setup(t, { expose: s }) {
+    const a = D(null);
+    return s({
       rearrangeWidgets: () => {
         a.value?.rearrangeWidgets?.();
       },
@@ -618,7 +605,7 @@ const Be = /* @__PURE__ */ xe(Oe, [["render", Ne]]), Re = ["aria-label"], Ue = [
         a.value?.saveLayout?.();
       },
       useBuiltInPositions: () => a.value?.useBuiltInPositions?.() ?? !1
-    }), (o, y) => (v(), V(je, {
+    }), (o, y) => (v(), q(Ke, {
       ref_key: "dashboardRef",
       ref: a,
       "show-drag-handles": t.showDragHandles,
@@ -626,19 +613,19 @@ const Be = /* @__PURE__ */ xe(Oe, [["render", Ne]]), Re = ["aria-label"], Ue = [
       "aria-label": t.ariaLabel
     }, null, 8, ["show-drag-handles", "resizable", "aria-label"]));
   }
-}), Bo = te, Ro = oe, Uo = ae, Fo = he, Co = se, Ho = Ge, Ko = F, Ve = { class: "dashboard-widget-card" }, Ye = { class: "dashboard-widget-card__header" }, qe = { class: "dashboard-widget-card__header-content" }, Je = {
+}), Bo = ee, Ro = te, Uo = oe, Fo = ue, Co = ae, Ho = Ge, Ko = j, je = { class: "dashboard-widget-card" }, Ve = { class: "dashboard-widget-card__header" }, Ye = { class: "dashboard-widget-card__header-content" }, qe = {
   key: 0,
   class: "dashboard-widget-card__icon-wrapper"
-}, Qe = { class: "dashboard-widget-card__title" }, Xe = {
+}, Je = { class: "dashboard-widget-card__title" }, Qe = {
   key: 0,
   class: "dashboard-widget-card__actions"
-}, Ze = {
+}, Xe = {
   key: 0,
   class: "dashboard-widget-card__stats"
-}, et = { class: "dashboard-widget-card__body" }, tt = {
+}, Ze = { class: "dashboard-widget-card__body" }, et = {
   key: 1,
   class: "dashboard-widget-card__footer"
-}, jo = /* @__PURE__ */ B({
+}, jo = /* @__PURE__ */ R({
   __name: "dashboard-widget-card",
   props: {
     header: {},
@@ -646,39 +633,39 @@ const Be = /* @__PURE__ */ xe(Oe, [["render", Ne]]), Re = ["aria-label"], Ue = [
     loading: { type: Boolean }
   },
   setup(t) {
-    const r = t;
-    return (a, h) => (v(), _("div", Ve, [
-      w("div", Ye, [
-        P(a.$slots, "header", {}, () => [
-          w("div", qe, [
-            t.icon ? (v(), _("div", Je, [
-              ke(ee(Ae), {
+    const s = t;
+    return (a, h) => (v(), _("div", je, [
+      w("div", Ve, [
+        O(a.$slots, "header", {}, () => [
+          w("div", Ye, [
+            t.icon ? (v(), _("div", qe, [
+              we(Z(De), {
                 class: "dashboard-widget-card__icon",
                 icon: t.icon,
                 size: "l"
               }, null, 8, ["icon"])
-            ])) : N("", !0),
-            w("div", Qe, Y(r.header), 1)
+            ])) : B("", !0),
+            w("div", Je, J(s.header), 1)
           ])
         ]),
-        a.$slots.actions ? (v(), _("div", Xe, [
-          P(a.$slots, "actions")
-        ])) : N("", !0)
+        a.$slots.actions ? (v(), _("div", Qe, [
+          O(a.$slots, "actions")
+        ])) : B("", !0)
       ]),
-      a.$slots.stats ? (v(), _("div", Ze, [
-        P(a.$slots, "stats")
-      ])) : N("", !0),
-      $e((v(), _("div", et, [
-        P(a.$slots, "content")
+      a.$slots.stats ? (v(), _("div", Xe, [
+        O(a.$slots, "stats")
+      ])) : B("", !0),
+      ke((v(), _("div", Ze, [
+        O(a.$slots, "content")
       ])), [
-        [ee(We), t.loading]
+        [Z(Le), t.loading]
       ]),
-      a.$slots.footer ? (v(), _("div", tt, [
-        P(a.$slots, "footer")
-      ])) : N("", !0)
+      a.$slots.footer ? (v(), _("div", et, [
+        O(a.$slots, "footer")
+      ])) : B("", !0)
     ]));
   }
-}), ot = { class: "dashboard-stat-item" }, at = { class: "dashboard-stat-item__label" }, Vo = /* @__PURE__ */ B({
+}), tt = { class: "dashboard-stat-item" }, ot = { class: "dashboard-stat-item__label" }, Vo = /* @__PURE__ */ R({
   __name: "dashboard-stat-item",
   props: {
     value: {},
@@ -686,37 +673,37 @@ const Be = /* @__PURE__ */ xe(Oe, [["render", Ne]]), Re = ["aria-label"], Ue = [
     variant: {}
   },
   setup(t) {
-    return (r, a) => (v(), _("div", ot, [
+    return (s, a) => (v(), _("div", tt, [
       w("div", {
-        class: ue(["dashboard-stat-item__value", t.variant ? `dashboard-stat-item__value--${t.variant}` : ""])
-      }, Y(t.value), 3),
-      w("div", at, Y(t.label), 1)
+        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)
     ]));
   }
-}), st = { class: "tw-divide-y tw-divide-[var(--neutrals-200)]" }, Yo = /* @__PURE__ */ B({
+}), at = { class: "tw-divide-y tw-divide-[var(--neutrals-200)]" }, Yo = /* @__PURE__ */ R({
   __name: "dashboard-feed-list",
   setup(t) {
-    return (r, a) => (v(), _("div", st, [
-      P(r.$slots, "default")
+    return (s, a) => (v(), _("div", at, [
+      O(s.$slots, "default")
     ]));
   }
-}), rt = { class: "tw-flex tw-items-center tw-gap-2.5 tw-min-w-0" }, it = {
+}), 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"
-}, qo = /* @__PURE__ */ B({
+}, qo = /* @__PURE__ */ R({
   __name: "dashboard-feed-row",
   emits: ["click"],
   setup(t) {
-    return (r, a) => (v(), _("div", {
+    return (s, a) => (v(), _("div", {
       class: "dashboard-feed-row",
-      onClick: a[0] || (a[0] = (h) => r.$emit("click"))
+      onClick: a[0] || (a[0] = (h) => s.$emit("click"))
     }, [
-      w("div", rt, [
-        P(r.$slots, "default")
+      w("div", st, [
+        O(s.$slots, "default")
       ]),
-      r.$slots.trailing ? (v(), _("div", it, [
-        P(r.$slots, "trailing")
-      ])) : N("", !0)
+      s.$slots.trailing ? (v(), _("div", rt, [
+        O(s.$slots, "trailing")
+      ])) : B("", !0)
     ]));
   }
 });
@@ -733,5 +720,5 @@ export {
   Co as m,
   Fo as s,
   Bo as t,
-  Te as u
+  Oe as u
 };