@tenorlab/vue-dashboard 1.6.7 → 1.6.9

package/dist/core.es.js

@@ -85,53 +85,53 @@ const W = [
    * @returns the update item
    */
   incrementOrDecrementValue: (e, t) => {
-    const i = e.value.match(/([\d.]+)/), a = i ? parseFloat(i[1]) : 0, r = e.value.match(/([^\d.]+)/), n = r ? r[1] : e.defaultUnit, s = S(n, e.step) * t, l = `${Math.max(a + s, e.minValue).toFixed(1)}${n}`;
+    const i = e.value.match(/([\d.]+)/), s = i ? parseFloat(i[1]) : 0, r = e.value.match(/([^\d.]+)/), n = r ? r[1] : e.defaultUnit, a = S(n, e.step) * t, l = `${Math.max(s + a, e.minValue).toFixed(1)}${n}`;
     return {
       ...e,
       value: l
     };
   }
-}, y = (e, t) => `dashboards_${t}_${e}`, v = async (e, t, i, a) => {
+}, y = (e, t) => `dashboards_${t}_${e}`, v = async (e, t, i, s) => {
   const r = localStorage.getItem(y(e, t));
   if (r)
     try {
       const n = JSON.parse(r);
-      return n.length < 1 ? [a] : (n.forEach((s) => {
-        s.dashboardId || (s.dashboardId = "default"), s.dashboardName || (s.dashboardName = `Dashboard ${s.dashboardId}`), s.responsiveGrid = s.responsiveGrid ?? !1, (s.widgets || []).length < 1 && (s.widgets = a.widgets);
-        const l = (s.cssSettings || []).filter(
-          (o) => a.cssSettings.some((d) => d.key === o.key)
+      return n.length < 1 ? [s] : (n.forEach((a) => {
+        a.dashboardId || (a.dashboardId = "default"), a.dashboardName || (a.dashboardName = `Dashboard ${a.dashboardId}`), a.responsiveGrid = a.responsiveGrid ?? !1, (a.widgets || []).length < 1 && (a.widgets = []);
+        const l = (a.cssSettings || []).filter(
+          (o) => s.cssSettings.some((d) => d.key === o.key)
         );
         if (l.length < 1)
-          s.cssSettings = [...a.cssSettings];
+          a.cssSettings = [...s.cssSettings];
         else {
           l.forEach((d) => {
             d.value = (d.value || "").replace(/NaN/g, "");
-            const c = a.cssSettings.find((g) => g.key === d.key);
+            const c = s.cssSettings.find((g) => g.key === d.key);
             c && (Object.keys(c).forEach((g) => {
               g in d || (d[g] = c[g]);
             }), d.step = c.step, d.minValue = c.minValue, d.defaultValue = c.defaultValue, d.defaultUnit = c.defaultUnit, /\d+/g.test(d.value) === !1 && (d.value = c ? c.value : "1.0rem"));
           });
-          const o = a.cssSettings.filter((d) => !l.some((c) => c.key === d.key));
-          s.cssSettings = [...l, ...o];
+          const o = s.cssSettings.filter((d) => !l.some((c) => c.key === d.key));
+          a.cssSettings = [...l, ...o];
         }
-        s.widgets = s.widgets.filter(
+        a.widgets = a.widgets.filter(
           (o) => o.includes("WidgetContainer") || i.has(o)
-        ), s.childWidgetsConfig = s.childWidgetsConfig.filter(
+        ), a.childWidgetsConfig = a.childWidgetsConfig.filter(
           (o) => i.has(o.widgetKey)
-        ), s.zoomScale ? s.zoomScale < 0.7 && (s.zoomScale = 0.7) : s.zoomScale = 1;
+        ), a.zoomScale ? a.zoomScale < 0.7 && (a.zoomScale = 0.7) : a.zoomScale = 1;
       }), n);
     } catch (n) {
       console.warn("Error parsing saved dashboard config:", n);
     }
-  return [a];
-}, $ = async (e, t, i, a) => {
+  return [s];
+}, $ = async (e, t, i, s) => {
   i.forEach((n) => {
     if (n.userID = e, n.clientAppKey = t, n.responsiveGrid = n.responsiveGrid ?? !1, typeof n != "object")
       throw new Error("Invalid dashboard configuration");
     n.widgets = n.widgets.filter(
-      (s) => s.includes("WidgetContainer") || a.has(s)
+      (a) => a.includes("WidgetContainer") || s.has(a)
     ), n.childWidgetsConfig = n.childWidgetsConfig.filter(
-      (s) => a.has(s.widgetKey)
+      (a) => s.has(a.widgetKey)
     ), n.zoomScale ? n.zoomScale < 0.7 && (n.zoomScale = 0.7) : n.zoomScale = 1;
   });
   const r = JSON.stringify(i);
@@ -156,60 +156,60 @@ const W = [
   let t = Number(e || 0);
   return t < p && (t = p), t > h && (t = h), t;
 }, L = (e, t) => {
-  let i = Number(Number((V * t).toFixed(2)).toFixed(2)), a = Number((Number(e) + i).toFixed(2));
-  return K(a);
+  let i = Number(Number((V * t).toFixed(2)).toFixed(2)), s = Number((Number(e) + i).toFixed(2));
+  return K(s);
 }, j = (e) => {
   let t = {
     ...e
   };
   return t.widgets = t.widgets.filter((i) => {
     if (`${i}`.includes("WidgetContainer")) {
-      const a = t.childWidgetsConfig.filter(
+      const s = t.childWidgetsConfig.filter(
         (r) => r.parentWidgetKey === i
       );
-      if (!a || a.length === 0)
+      if (!s || s.length === 0)
         return t.widgets = t.widgets.filter((r) => r !== i), !1;
     }
     return !0;
   }), t;
 }, x = (e) => {
-  const t = e.widgets.filter((a) => a.includes("WidgetContainer")), i = {};
-  return t.forEach((a, r) => {
-    const n = `${a.split("_container")[0]}_container${r + 1}`;
-    i[a] = n;
-  }), e.widgets = e.widgets.map((a) => i[a] || a), e.childWidgetsConfig = e.childWidgetsConfig.map((a) => {
-    const r = a.parentWidgetKey, n = i[r];
+  const t = e.widgets.filter((s) => s.includes("WidgetContainer")), i = {};
+  return t.forEach((s, r) => {
+    const n = `${s.split("_container")[0]}_container${r + 1}`;
+    i[s] = n;
+  }), e.widgets = e.widgets.map((s) => i[s] || s), e.childWidgetsConfig = e.childWidgetsConfig.map((s) => {
+    const r = s.parentWidgetKey, n = i[r];
     return {
-      ...a,
+      ...s,
       // If a new key exists, use it. If not, keep the original key.
       parentWidgetKey: n || r
     };
   }), e;
 }, m = (e, t) => {
-  const i = `${e}`.includes("Container"), a = i ? ["Container"] : ["Widget"], r = t?.name || e, n = t?.description || (i ? "Container" : "Unknown");
+  const i = `${e}`.includes("Container"), s = i ? ["Container"] : ["Widget"], r = t?.name || e, n = t?.description || (i ? "Container" : "Unknown");
   return {
     name: r,
     description: n,
-    categories: a,
+    categories: s,
     noDuplicatedWidgets: !0,
     icon: void 0,
     externalDependencies: []
   };
 }, M = (e, t, i) => t[e] || m(e, i), I = (e, t) => t.get(e)?.meta || m(e), k = (e, t, i) => {
-  const a = i || m(e);
+  const s = i || m(e);
   return [
     e,
     {
       key: e,
-      title: a.name,
+      title: s.name,
       isContainer: `${e}`.includes("Container"),
       isRemote: !1,
-      meta: a,
+      meta: s,
       component: t
     }
   ];
-}, C = (e, t, i, a) => {
-  const r = a || m(e);
+}, C = (e, t, i, s) => {
+  const r = s || m(e);
   return [
     e,
     {
@@ -224,7 +224,7 @@ const W = [
 }, F = (e) => {
   const t = e.match(/\/widget-([a-zA-Z0-9-]+)\/index\.ts$/);
   if (t && t[1]) {
-    const i = t[1], a = i.split("-"), r = `Widget${a.map((s) => s.charAt(0).toUpperCase() + s.slice(1)).join("")}`, n = a.map((s) => s.charAt(0).toUpperCase() + s.slice(1)).join(" ");
+    const i = t[1], s = i.split("-"), r = `Widget${s.map((a) => a.charAt(0).toUpperCase() + a.slice(1)).join("")}`, n = s.map((a) => a.charAt(0).toUpperCase() + a.slice(1)).join(" ");
     return {
       key: r,
       name: n,
@@ -232,33 +232,33 @@ const W = [
     };
   }
   return null;
-}, N = (e, t, i, a) => {
+}, N = (e, t, i, s) => {
   const r = `${t}/widget-${i}/meta.ts`, n = e[r];
   if (!n)
     return;
-  const s = `${a}Meta`;
-  return n[s] || void 0;
+  const a = `${s}Meta`;
+  return n[a] || void 0;
 }, A = async (e) => new Promise(async (t, i) => {
-  const a = [];
+  const s = [];
   try {
     const r = await (await fetch(`${e}?${Math.random()}`)).json();
     for (const n in r) {
-      const s = r[n], l = () => import(
+      const a = r[n], l = () => import(
         /* @vite-ignore */
-        s.url
+        a.url
       ), o = {
-        name: s.meta?.name || "Unknown",
-        description: s.meta?.description || "Remote Plugin",
-        categories: s.meta?.categories || ["Widget"],
-        noDuplicatedWidgets: s.meta?.noDuplicatedWidgets ?? !0,
+        name: a.meta?.name || "Unknown",
+        description: a.meta?.description || "Remote Plugin",
+        categories: a.meta?.categories || ["Widget"],
+        noDuplicatedWidgets: a.meta?.noDuplicatedWidgets ?? !0,
         icon: void 0,
         // Or a logic to map a string name to a Lucide component
-        externalDependencies: s.meta?.externalDependencies || []
+        externalDependencies: a.meta?.externalDependencies || []
       };
-      a.push(C(n, l, !0, o));
+      s.push(C(n, l, !0, o));
     }
     t({
-      entries: a,
+      entries: s,
       message: "",
       details: ""
     });
@@ -269,22 +269,22 @@ const W = [
       details: typeof r == "object" ? JSON.stringify(r) : r
     });
   }
-}), R = (e, t, i, a = !0) => {
+}), R = (e, t, i, s = !0) => {
   const r = [];
   for (const n in t) {
-    const s = t[n], l = F(n);
-    if (l && s) {
+    const a = t[n], l = F(n);
+    if (l && a) {
       const { key: o, name: d, folder: c } = l;
       let g = N(i, e, c, o);
       if (g || (g = m(o, {
         name: d,
-        description: `Local ${a ? "dynamic" : "static"} widget`
-      })), a)
+        description: `Local ${s ? "dynamic" : "static"} widget`
+      })), s)
         r.push(
-          C(o, s, !1, g)
+          C(o, a, !1, g)
         );
       else {
-        const f = s.default || s;
+        const f = a.default || a;
         r.push(k(o, f, g));
       }
     }
@@ -322,10 +322,10 @@ const W = [
    * @returns A {@link TCoreResponse} containing the success status and updated config.
    */
   addWidget: (e) => {
-    const { dashboardConfig: t, widgetKey: i, parentWidgetKey: a, noDuplicatedWidgets: r } = e;
-    if (a) {
+    const { dashboardConfig: t, widgetKey: i, parentWidgetKey: s, noDuplicatedWidgets: r } = e;
+    if (s) {
       if (r && t.childWidgetsConfig.find(
-        (s) => s.parentWidgetKey === a && s.widgetKey === i
+        (a) => a.parentWidgetKey === s && a.widgetKey === i
       ))
         return {
           success: !1,
@@ -334,7 +334,7 @@ const W = [
         };
       const n = [
         ...t.childWidgetsConfig,
-        { parentWidgetKey: a, widgetKey: i }
+        { parentWidgetKey: s, widgetKey: i }
         // new entry
       ];
       return {
@@ -370,31 +370,31 @@ const W = [
    * @returns {TCoreResponse<TRemoveWidgetResponse>} The response indicating success or failure and the updated dashboard configuration
    */
   removeWidget: (e, t, i) => {
-    const a = `${t || ""}`.trim().toLowerCase(), r = `${i || ""}`.trim().toLowerCase();
+    const s = `${t || ""}`.trim().toLowerCase(), r = `${i || ""}`.trim().toLowerCase();
     if (r.length > 0) {
       const n = e.childWidgetsConfig.filter(
         (d) => `${d.parentWidgetKey}`.trim().toLowerCase() !== r
-      ), s = e.childWidgetsConfig.filter(
-        (d) => `${d.parentWidgetKey}`.trim().toLowerCase() === r && `${d.widgetKey}`.trim().toLowerCase() !== a
-      ), l = [...n, ...s];
+      ), a = e.childWidgetsConfig.filter(
+        (d) => `${d.parentWidgetKey}`.trim().toLowerCase() === r && `${d.widgetKey}`.trim().toLowerCase() !== s
+      ), l = [...n, ...a];
       let o = {
         ...e,
         childWidgetsConfig: l
       };
-      return a.includes("container") && (o = x(o)), {
+      return s.includes("container") && (o = x(o)), {
         success: !0,
         updatedDashboardConfig: o
       };
     } else {
-      const n = (e.widgets || []).filter((l) => `${l}`.trim().toLowerCase() !== a), s = e.childWidgetsConfig.filter(
-        (l) => `${l.parentWidgetKey}`.trim().toLowerCase() !== a
+      const n = (e.widgets || []).filter((l) => `${l}`.trim().toLowerCase() !== s), a = e.childWidgetsConfig.filter(
+        (l) => `${l.parentWidgetKey}`.trim().toLowerCase() !== s
       );
       return {
         success: !0,
         updatedDashboardConfig: {
           ...e,
           widgets: n,
-          childWidgetsConfig: s
+          childWidgetsConfig: a
         }
       };
     }
@@ -407,10 +407,10 @@ const W = [
    * @param parentWidgetKey - The container key if the widget is nested.
    * @returns A {@link TCoreResponse} with the new array order.
    */
-  moveWidget: (e, t, i, a) => {
-    const r = `${i || ""}`.trim().toLowerCase(), n = `${a || ""}`.trim().toLowerCase();
+  moveWidget: (e, t, i, s) => {
+    const r = `${i || ""}`.trim().toLowerCase(), n = `${s || ""}`.trim().toLowerCase();
     if (n.length > 0) {
-      const s = e.childWidgetsConfig.filter(
+      const a = e.childWidgetsConfig.filter(
         (u) => `${u.parentWidgetKey}`.trim().toLowerCase() !== n
       );
       let l = e.childWidgetsConfig.filter(
@@ -431,19 +431,19 @@ const W = [
         success: !0,
         updatedDashboardConfig: {
           ...e,
-          childWidgetsConfig: [...s, ...g]
+          childWidgetsConfig: [...a, ...g]
         }
       };
     } else {
-      const s = e.widgets || [], l = s.map((g) => `${g}`.trim().toLowerCase()).indexOf(r);
+      const a = e.widgets || [], l = a.map((g) => `${g}`.trim().toLowerCase()).indexOf(r);
       let o = l + t;
-      if (o = Math.max(0, o), o = Math.min(s.length - 1, o), o === l)
+      if (o = Math.max(0, o), o = Math.min(a.length - 1, o), o === l)
         return {
           success: !1,
           message: `DashboardStore: moveWidget: Widget already at min/max position (${i})`,
           updatedDashboardConfig: e
         };
-      const d = [...s], [c] = d.splice(l, 1);
+      const d = [...a], [c] = d.splice(l, 1);
       return d.splice(o, 0, c), {
         success: !0,
         updatedDashboardConfig: {
@@ -457,8 +457,8 @@ const W = [
   if (typeof window > "u") return "#FFFFFF";
   const i = document.createElement("div");
   Array.isArray(e) ? e.forEach((r) => i.classList.add(r)) : e.split(" ").forEach((r) => i.classList.add(r)), i.style.display = "none", document.body.appendChild(i);
-  const a = window.getComputedStyle(i)[t];
-  return document.body.removeChild(i), a;
+  const s = window.getComputedStyle(i)[t];
+  return document.body.removeChild(i), s;
 }, G = {
   /**
    * @name getCssVariableValue

package/dist/styles.css

@@ -1 +1 @@
-html{--bwj-dashboard-num-columns: 3;--bwj-dashboard-gap: 1.25rem;--bwj-dashboard-transform-scale: 1;--bwj-dashboard-add-cols: 1;--bwj-widget-width: 21rem;--bwj-widget-border-radius: .33rem;--bwj-widget-inner-px: 1rem;--bwj-widget-inner-py: .75rem;--bwj-widget-header-px: var(--bwj-widget-inner-px);--bwj-widget-header-py: 1rem;--bwj-widget-title-size: .8rem;--bwj-widget-title-weight: 600;--bwj-dashboard-debug-container-flex-row: none;--bwj-dashboard-debug-container-flex-column: none;--bwj-dashboard-debug-container-grid-large-inner: none}html .dashboard-main-grid{width:100%;display:grid;grid-template-columns:repeat(var(--bwj-dashboard-num-columns, 4),minmax(var(--bwj-widget-width),1fr));gap:var(--bwj-dashboard-gap, 1.5rem);transform:scale(var(--bwj-dashboard-transform-scale, 1));transform-origin:top left}html .dashboard-main-grid.editing{row-gap:calc(var(--bwj-dashboard-gap) + .8rem)}html .dashboard-main-grid:not(.responsive-grid){max-width:min-content}html .dashboard-main-grid.responsive-grid{width:100%}html .dashboard-widget-container{--bwj-border-opacity: .5;flex:1 1 0%;width:100%}html .dashboard-widget-container .widget-container-header{display:none;position:absolute;height:1.85rem;inset:-1.85rem -1px auto;cursor:pointer;padding:0 .33rem}html .dashboard-widget-container .widget-container-header .actions-inner{transition:all .3s ease-in-out;width:100%;display:none;align-items:center;justify-content:space-between;font-size:.8rem}html .dashboard-widget-container.editing{border-top:none!important;border-bottom-left-radius:var(--bwj-widget-border-radius, .3rem);border-bottom-right-radius:var(--bwj-widget-border-radius, .3rem)}html .dashboard-widget-container.editing .widget-container-header{display:flex;border-bottom:none!important;border-top-left-radius:var(--bwj-widget-border-radius, .3rem);border-top-right-radius:var(--bwj-widget-border-radius, .3rem)}html .dashboard-widget-container.editing .widget-container-header>.actions-inner{display:flex!important}html .dashboard-widget-container.editing.highlight-container:before{content:"";position:absolute;inset:-1.85rem 0 0;box-shadow:0 2px 10px 6px oklch(var(--bwj-primary-okl) var(--bwj-primary-okc) var(--bwj-primary-okh) / .5);pointer-events:none}html .dashboard-widget{flex:1 1 0%;display:flex;flex-direction:column;position:relative;border-radius:var(--bwj-widget-border-radius, .3rem);height:100%;width:100%}html .dashboard-widget:not(.no-shadow){box-shadow:1px 2px 8px #0000001a}html .dashboard-widget.no-shadow{box-shadow:none}html .dashboard-widget.transparent-widget{background-color:transparent}html .dashboard-widget .widget-title-wrapper .widget-title{font-size:var(--bwj-widget-title-size, .75rem);font-weight:var(--bwj-widget-title-weight, 600)}html .dashboard-widget .widget-inner{flex:1 1 0%;display:flex;flex-direction:column;justify-content:space-between}html .dashboard-widget:not(.no-padding) .widget-inner{padding:var(--bwj-widget-inner-py, 1rem) var(--bwj-widget-inner-px, 1.5rem)}html .dashboard-widget.no-padding .widget-inner{padding:0}html .dashboard-widget .widget-header{padding:var(--bwj-widget-header-py, 1rem) var(--bwj-widget-header-px, 1.5rem)}html .dashboard-widget-container .widget-container-inner{padding:0;gap:var(--bwj-dashboard-gap, 1.5rem)}html .dashboard-widget.direction-row,html .dashboard-widget-container.direction-row.widget-container-flex{grid-column:1 / -1;width:100%;outline:var(--bwj-dashboard-debug-container-flex-row)}html .dashboard-widget-container.direction-row.widget-container-flex .widget-container-inner{display:flex;flex-direction:row;height:100%}html .dashboard-widget-container.direction-row.widget-container-flex .widget-container-inner .dashboard-widget{min-width:5%;max-width:100%}html .dashboard-widget-container.direction-column.widget-container-flex .widget-container-inner{display:flex;flex-direction:column;height:100%;outline:var(--bwj-dashboard-debug-container-flex-column)}html .dashboard-widget-container.direction-column.widget-container-flex .widget-container-inner .dashboard-widget{min-width:5%;max-width:100%}html .dashboard-widget-container.large-widget.widget-container-grid .widget-container-inner{display:grid;grid-template-columns:repeat(2,minmax(var(--bwj-widget-width),1fr));outline:var(--bwj-dashboard-debug-container-grid-large-inner)}html .dashboard-main-grid.responsive-grid .dashboard-widget-container:not(.large-widget):not(.xlarge-widget),html .dashboard-main-grid.responsive-grid .dashboard-widget:not(.large-widget):not(.xlarge-widget){min-width:20%;max-width:100%}html .dashboard-main-grid:not(.responsive-grid) .dashboard-widget-container:not(.widget-container-flex):not(.large-widget):not(.xlarge-widget),html .widget-container-flex:not(.direction-row) .dashboard-main-grid:not(.responsive-grid) .dashboard-widget:not(.large-widget):not(.xlarge-widget){min-width:var(--bwj-widget-width);max-width:var(--bwj-widget-width)}html .dashboard-widget-container.large-widget,html .dashboard-widget.large-widget{grid-column:span 2}html .dashboard-main-grid:not(.responsive-grid) .dashboard-widget-container.large-widget,html .dashboard-main-grid:not(.responsive-grid) .dashboard-widget.large-widget{max-width:calc(680px + var(--bwj-dashboard-gap, 1.5rem))}html .dashboard-widget-container.xlarge-widget,html .dashboard-widget.xlarge-widget{grid-column:span 3}html .dashboard-main-grid:not(.responsive-grid) .dashboard-widget-container.xlarge-widget,html .dashboard-main-grid:not(.responsive-grid) .dashboard-widget.xlarge-widget{max-width:calc(1020px + (var(--bwj-dashboard-gap, 1.5rem) * 2))}html .widget-header .actions-inner{display:none;align-items:center;gap:.25rem}html .widget-header .actions-inner .actions-buttons-container{align-items:center;gap:.25rem}html .dashboard-widget.editing:hover .actions-inner{display:flex!important}html .dashboard-widget-container.editing .widget-container-header .actions-inner{display:flex}html .actions-buttons-container{display:flex!important;align-items:center!important;gap:.25rem!important}html .dashboard-number{font-variant-numeric:tabular-nums;font-size:2.5rem;font-weight:700}html .dashboard-number.number-xl{font-size:3.5rem}html .dashboard-number.number-lg{font-size:2.5rem}html .dashboard-number.number-base{font-size:1.5rem}html .dashboard-progress-bar{padding:0;width:100%;height:1.5rem;border-radius:.75rem}html .dashboard-progress{padding:0;height:1.25rem;border-radius:.75rem}@media(max-width:769px){html .dashboard-main-grid{display:flex;flex-direction:column;width:100%;max-width:100%!important}html .dashboard-widget-container.widget-container-flex.direction-row{max-width:100%;grid-column:auto}html .dashboard-widget-container.widget-container-flex.direction-row .widget-container-inner,html .dashboard-widget-container.large-widget.widget-container-grid .widget-container-inner{display:flex;flex-wrap:wrap;flex-direction:column!important;width:100%}}@media(min-width:770px){html .dashboard-main-grid{--bwj-dashboard-num-columns: calc(2 + var(--bwj-dashboard-add-cols))}}@media(max-width:1119px){html .dashboard-widget-container.widget-container-flex.direction-row{max-width:100%;grid-column:auto}html .dashboard-widget-container.widget-container-flex.direction-row .widget-container-inner{display:flex;flex-wrap:wrap;flex-direction:column!important;width:100%}}@media(min-width:1120px){html .dashboard-main-grid{--bwj-dashboard-num-columns: calc(3 + var(--bwj-dashboard-add-cols))}}@media(min-width:1480px){html .dashboard-main-grid{--bwj-dashboard-num-columns: calc(4 + var(--bwj-dashboard-add-cols))}}@media(min-width:1840px){html .dashboard-main-grid{--bwj-dashboard-num-columns: calc(5 + var(--bwj-dashboard-add-cols))}}@media(min-width:2220px){html .dashboard-main-grid{--bwj-dashboard-num-columns: calc(6 + var(--bwj-dashboard-add-cols))}}
+html{--bwj-dashboard-num-columns: 3;--bwj-dashboard-gap: 1.25rem;--bwj-dashboard-transform-scale: 1;--bwj-dashboard-add-cols: 1;--bwj-widget-width: 21rem;--bwj-widget-border-radius: .33rem;--bwj-widget-inner-px: 1rem;--bwj-widget-inner-py: .75rem;--bwj-widget-header-px: var(--bwj-widget-inner-px);--bwj-widget-header-py: 1rem;--bwj-widget-title-size: .8rem;--bwj-widget-title-weight: 600;--bwj-dashboard-debug-container-flex-row: none;--bwj-dashboard-debug-container-flex-column: none;--bwj-dashboard-debug-container-grid-large-inner: none;--bwj-widget-actions-buttons-display: none}html .dashboard-main-grid{width:100%;display:grid;grid-template-columns:repeat(var(--bwj-dashboard-num-columns, 4),minmax(var(--bwj-widget-width),1fr));gap:var(--bwj-dashboard-gap, 1.5rem);transform:scale(var(--bwj-dashboard-transform-scale, 1));transform-origin:top left}html .dashboard-main-grid.editing{row-gap:calc(var(--bwj-dashboard-gap) + .8rem)}html .dashboard-main-grid:not(.responsive-grid){max-width:min-content}html .dashboard-main-grid.responsive-grid{width:100%}html .dashboard-widget-container{--bwj-border-opacity: .5;flex:1 1 0%;width:100%}html .dashboard-widget-container .widget-container-header{display:none;position:absolute;height:1.85rem;inset:-1.85rem -1px auto;cursor:pointer;padding:0 .33rem}html .dashboard-widget-container .widget-container-header .actions-inner{transition:all .3s ease-in-out;width:100%;display:none;align-items:center;justify-content:space-between;font-size:.8rem}html .dashboard-widget-container.editing{border-top:none!important;border-bottom-left-radius:var(--bwj-widget-border-radius, .3rem);border-bottom-right-radius:var(--bwj-widget-border-radius, .3rem)}html .dashboard-widget-container.editing .widget-container-header{display:flex;border-bottom:none!important;border-top-left-radius:var(--bwj-widget-border-radius, .3rem);border-top-right-radius:var(--bwj-widget-border-radius, .3rem)}html .dashboard-widget-container.editing .widget-container-header>.actions-inner{display:flex!important}html .dashboard-widget-container.editing.highlight-container:before{content:"";position:absolute;inset:-1.85rem 0 0;box-shadow:0 2px 10px 6px oklch(var(--bwj-primary-okl) var(--bwj-primary-okc) var(--bwj-primary-okh) / .5);pointer-events:none}html .dashboard-widget{flex:1 1 0%;display:flex;flex-direction:column;position:relative;border-radius:var(--bwj-widget-border-radius, .3rem);width:100%}html .dashboard-widget.collapsed{height:min-content;flex:0}html .dashboard-widget:not(.collapsed){height:100%}html .dashboard-widget:not(.no-shadow){box-shadow:1px 2px 8px #0000001a}html .dashboard-widget.no-shadow{box-shadow:none}html .dashboard-widget.transparent-widget{background-color:transparent}html .dashboard-widget .widget-title-wrapper .widget-title{font-size:var(--bwj-widget-title-size, .75rem);font-weight:var(--bwj-widget-title-weight, 600)}html .dashboard-widget .widget-inner{display:flex;flex-direction:column;justify-content:space-between}html .dashboard-widget:not(.collapsed) .widget-inner{flex:1 1 0%}html .dashboard-widget.collapsed .widget-inner{flex:0 0 auto!important;height:0px!important;overflow:hidden!important;padding:0!important}html .dashboard-widget:not(.no-padding) .widget-inner{padding:var(--bwj-widget-inner-py, 1rem) var(--bwj-widget-inner-px, 1.5rem)}html .dashboard-widget.no-padding .widget-inner{padding:0}html .dashboard-widget .widget-header{padding:var(--bwj-widget-header-py, 1rem) var(--bwj-widget-header-px, 1.5rem)}html .dashboard-widget-container .widget-container-inner{padding:0;gap:var(--bwj-dashboard-gap, 1.5rem)}html .dashboard-widget.direction-row,html .dashboard-widget-container.direction-row.widget-container-flex{grid-column:1 / -1;width:100%;outline:var(--bwj-dashboard-debug-container-flex-row)}html .dashboard-widget-container.direction-row.widget-container-flex .widget-container-inner{display:flex;flex-direction:row;height:100%}html .dashboard-widget-container.direction-row.widget-container-flex .widget-container-inner .dashboard-widget{min-width:5%;max-width:100%}html .dashboard-widget-container.direction-column.widget-container-flex .widget-container-inner{display:flex;flex-direction:column;height:100%;outline:var(--bwj-dashboard-debug-container-flex-column)}html .dashboard-widget-container.direction-column.widget-container-flex .widget-container-inner .dashboard-widget{min-width:5%;max-width:100%}html .dashboard-widget-container.large-widget.widget-container-grid .widget-container-inner{display:grid;grid-template-columns:repeat(2,minmax(var(--bwj-widget-width),1fr));outline:var(--bwj-dashboard-debug-container-grid-large-inner)}html .dashboard-main-grid.responsive-grid .dashboard-widget-container:not(.large-widget):not(.xlarge-widget),html .dashboard-main-grid.responsive-grid .dashboard-widget:not(.large-widget):not(.xlarge-widget){min-width:20%;max-width:100%}html .dashboard-main-grid:not(.responsive-grid) .dashboard-widget-container:not(.widget-container-flex):not(.large-widget):not(.xlarge-widget),html .widget-container-flex:not(.direction-row) .dashboard-main-grid:not(.responsive-grid) .dashboard-widget:not(.large-widget):not(.xlarge-widget){min-width:var(--bwj-widget-width);max-width:var(--bwj-widget-width)}html .dashboard-widget-container.large-widget,html .dashboard-widget.large-widget{grid-column:span 2}html .dashboard-main-grid:not(.responsive-grid) .dashboard-widget-container.large-widget,html .dashboard-main-grid:not(.responsive-grid) .dashboard-widget.large-widget{max-width:calc(680px + var(--bwj-dashboard-gap, 1.5rem))}html .dashboard-widget-container.xlarge-widget,html .dashboard-widget.xlarge-widget{grid-column:span 3}html .dashboard-main-grid:not(.responsive-grid) .dashboard-widget-container.xlarge-widget,html .dashboard-main-grid:not(.responsive-grid) .dashboard-widget.xlarge-widget{max-width:calc(1020px + (var(--bwj-dashboard-gap, 1.5rem) * 2))}html .widget-header .actions-inner{display:flex;align-items:center;gap:.25rem}html .widget-header .actions-inner .actions-buttons-container{align-items:center;gap:.25rem}html .dashboard-widget.editing:hover .actions-inner{display:flex!important}html .dashboard-widget-container.editing .widget-container-header .actions-inner{display:flex}html .dashboard-widget .widget-header .actions-inner button:not(.collapse-button){display:var(--bwj-widget-actions-buttons-display, none)}html .dashboard-widget.editing:hover .widget-header .actions-inner button{display:flex!important}html .actions-buttons-container{display:flex!important;align-items:center!important;gap:.25rem!important}html .dashboard-number{font-variant-numeric:tabular-nums;font-size:2.5rem;font-weight:700}html .dashboard-number.number-xl{font-size:3.5rem}html .dashboard-number.number-lg{font-size:2.5rem}html .dashboard-number.number-base{font-size:1.5rem}html .dashboard-progress-bar{padding:0;width:100%;height:1.5rem;border-radius:.75rem}html .dashboard-progress{padding:0;height:1.25rem;border-radius:.75rem}@media(max-width:769px){html .dashboard-main-grid{display:flex;flex-direction:column;width:100%;max-width:100%!important}html .dashboard-widget-container.widget-container-flex.direction-row{max-width:100%;grid-column:auto}html .dashboard-widget-container.widget-container-flex.direction-row .widget-container-inner,html .dashboard-widget-container.large-widget.widget-container-grid .widget-container-inner{display:flex;flex-wrap:wrap;flex-direction:column!important;width:100%}}@media(min-width:770px){html .dashboard-main-grid{--bwj-dashboard-num-columns: calc(2 + var(--bwj-dashboard-add-cols))}}@media(max-width:1119px){html .dashboard-widget-container.widget-container-flex.direction-row{max-width:100%;grid-column:auto}html .dashboard-widget-container.widget-container-flex.direction-row .widget-container-inner{display:flex;flex-wrap:wrap;flex-direction:column!important;width:100%}}@media(min-width:1120px){html .dashboard-main-grid{--bwj-dashboard-num-columns: calc(3 + var(--bwj-dashboard-add-cols))}}@media(min-width:1480px){html .dashboard-main-grid{--bwj-dashboard-num-columns: calc(4 + var(--bwj-dashboard-add-cols))}}@media(min-width:1840px){html .dashboard-main-grid{--bwj-dashboard-num-columns: calc(5 + var(--bwj-dashboard-add-cols))}}@media(min-width:2220px){html .dashboard-main-grid{--bwj-dashboard-num-columns: calc(6 + var(--bwj-dashboard-add-cols))}}

package/dist/vue-dashboard.es.js

@@ -1,4 +1,4 @@
-import { reactive as ye, computed as v, readonly as Le, defineComponent as b, openBlock as i, createElementBlock as c, normalizeClass as p, createElementVNode as o, createStaticVNode as oe, toDisplayString as S, withModifiers as H, normalizeStyle as ne, renderSlot as T, ref as U, onMounted as be, withDirectives as Pe, unref as h, createBlock as N, createCommentVNode as Z, createVNode as D, Transition as Ne, withCtx as M, vShow as ze, mergeProps as Q, onUnmounted as Te, toHandlers as pe, Fragment as q, renderList as G, shallowRef as fe, watchEffect as Ae, markRaw as te, defineAsyncComponent as je, resolveComponent as He, Suspense as Ve, resolveDynamicComponent as he, createSlots as Re, createTextVNode as _e, withKeys as ve, watch as Oe } from "vue";
+import { reactive as ye, computed as v, readonly as Le, defineComponent as b, openBlock as i, createElementBlock as c, normalizeClass as p, createElementVNode as o, createStaticVNode as oe, toDisplayString as S, withModifiers as j, normalizeStyle as ne, renderSlot as T, ref as U, onMounted as be, withDirectives as Pe, unref as h, createBlock as N, createCommentVNode as Z, createVNode as D, Transition as Ne, withCtx as M, vShow as ze, mergeProps as Q, onUnmounted as Te, toHandlers as pe, Fragment as q, renderList as G, shallowRef as fe, watchEffect as Ae, markRaw as te, defineAsyncComponent as je, resolveComponent as He, Suspense as Ve, resolveDynamicComponent as he, createSlots as Re, createTextVNode as _e, withKeys as ve, watch as Oe } from "vue";
 import { blankDashboardConfig as ge, dashboardStoreUtils as se, getDistinctCssClasses as R, ensureZoomScaleIsWithinRange as Ue, parseContainerTitle as ke, dashboardSettingsUtils as Fe, getWidgetMetaFromCatalog as qe } from "./core.es.js";
 const Ge = () => ({
   isLoading: !1,
@@ -103,7 +103,7 @@ const Ge = () => ({
   actions: we,
   getters: Ze,
   computed: Xe
-}, Rs = () => Qe, V = ye({
+}, Vs = () => Qe, V = ye({
   currentDashboardId: "",
   undoHistory: {},
   historyIndex: {}
@@ -144,7 +144,7 @@ const Ge = () => ({
     _currentIndex: s,
     _historyLength: e
   };
-}, ot = v(() => $e()), Os = () => ({
+}, ot = v(() => $e()), Rs = () => ({
   initializeHistoryForDashboard: Ye,
   resetAllHistory: () => {
     V.undoHistory = {}, V.historyIndex = {};
@@ -229,7 +229,7 @@ const nt = /* @__PURE__ */ b({
       o("path", { d: "M8 12h8" }, null, -1)
     ])], 2));
   }
-}), Us = /* @__PURE__ */ b({
+}), Os = /* @__PURE__ */ b({
   __name: "DeleteIcon",
   props: {
     cssClass: {}
@@ -250,7 +250,7 @@ const nt = /* @__PURE__ */ b({
       oe('<path d="M10 11v6"></path><path d="M14 11v6"></path><path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6"></path><path d="M3 6h18"></path><path d="M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"></path>', 5)
     ])], 2));
   }
-}), Fs = /* @__PURE__ */ b({
+}), Us = /* @__PURE__ */ b({
   __name: "EditIcon",
   props: {
     cssClass: {}
@@ -272,7 +272,7 @@ const nt = /* @__PURE__ */ b({
       o("path", { d: "M18.375 2.625a1 1 0 0 1 3 3l-9.013 9.014a2 2 0 0 1-.853.505l-2.873.84a.5.5 0 0 1-.62-.62l.84-2.873a2 2 0 0 1 .506-.852z" }, null, -1)
     ])], 2));
   }
-}), qs = /* @__PURE__ */ b({
+}), Fs = /* @__PURE__ */ b({
   __name: "RenameIcon",
   props: {
     cssClass: {}
@@ -293,7 +293,7 @@ const nt = /* @__PURE__ */ b({
       oe('<path d="M12 20h-1a2 2 0 0 1-2-2 2 2 0 0 1-2 2H6"></path><path d="M13 8h7a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2h-7"></path><path d="M5 16H4a2 2 0 0 1-2-2v-4a2 2 0 0 1 2-2h1"></path><path d="M6 4h1a2 2 0 0 1 2 2 2 2 0 0 1 2-2h1"></path><path d="M9 6v12"></path>', 5)
     ])], 2));
   }
-}), Gs = /* @__PURE__ */ b({
+}), qs = /* @__PURE__ */ b({
   __name: "GridIcon",
   props: {
     cssClass: {}
@@ -340,7 +340,7 @@ const nt = /* @__PURE__ */ b({
       }, null, -1)
     ])], 2));
   }
-}), Zs = /* @__PURE__ */ b({
+}), Gs = /* @__PURE__ */ b({
   __name: "ZoomInIcon",
   props: {
     cssClass: {}
@@ -383,7 +383,7 @@ const nt = /* @__PURE__ */ b({
       }, null, -1)
     ])], 2));
   }
-}), Xs = /* @__PURE__ */ b({
+}), Zs = /* @__PURE__ */ b({
   __name: "ZoomOutIcon",
   props: {
     cssClass: {}
@@ -501,7 +501,7 @@ const nt = /* @__PURE__ */ b({
       o("path", { d: "m9 9 6 6" }, null, -1)
     ])], 2));
   }
-}), Qs = /* @__PURE__ */ b({
+}), Xs = /* @__PURE__ */ b({
   __name: "MonitorSmartphoneIcon",
   props: {
     cssClass: {}
@@ -531,7 +531,7 @@ const nt = /* @__PURE__ */ b({
       }, null, -1)
     ])], 2));
   }
-}), Ys = /* @__PURE__ */ b({
+}), Qs = /* @__PURE__ */ b({
   __name: "TabletSmartphoneIcon",
   props: {
     cssClass: {}
@@ -560,7 +560,7 @@ const nt = /* @__PURE__ */ b({
       o("path", { d: "M8 18h.01" }, null, -1)
     ])], 2));
   }
-}), Js = /* @__PURE__ */ b({
+}), Ys = /* @__PURE__ */ b({
   __name: "MonitorIcon",
   props: {
     cssClass: {}
@@ -756,7 +756,7 @@ const nt = /* @__PURE__ */ b({
       }, null, -1)
     ])], 2));
   }
-}), eo = /* @__PURE__ */ b({
+}), Js = /* @__PURE__ */ b({
   __name: "TargetIcon",
   props: {
     cssClass: {}
@@ -878,7 +878,7 @@ const nt = /* @__PURE__ */ b({
       }, null, 42, ht)
     ], 2));
   }
-}), ft = ["title", "disabled"], j = /* @__PURE__ */ b({
+}), ft = ["title", "disabled"], H = /* @__PURE__ */ b({
   __name: "Button",
   props: {
     disabled: { type: Boolean, default: !1 },
@@ -952,7 +952,7 @@ const nt = /* @__PURE__ */ b({
       style: ne(d.value),
       title: t.tooltip?.title,
       disabled: t.disabled,
-      onClick: H(u, ["stop"])
+      onClick: j(u, ["stop"])
     }, [
       T($.$slots, "default")
     ], 14, ft));
@@ -1081,7 +1081,7 @@ const _t = {
         class: p(d.value),
         "aria-expanded": "true",
         "aria-haspopup": "true",
-        onClick: H(r, ["stop"])
+        onClick: j(r, ["stop"])
       }, [
         T(l.$slots, "icon"),
         o("span", {
@@ -1141,7 +1141,7 @@ const _t = {
       T(a.$slots, "default")
     ], 16, $t));
   }
-}), to = /* @__PURE__ */ b({
+}), eo = /* @__PURE__ */ b({
   __name: "ListItem",
   props: {
     testId: {},
@@ -1266,15 +1266,15 @@ function Pt(t, s) {
     T(t.$slots, "default")
   ]);
 }
-const so = /* @__PURE__ */ Ee(St, [["render", Pt]]), Nt = {}, zt = { className: "w-full flex flex-col items-end" };
+const to = /* @__PURE__ */ Ee(St, [["render", Pt]]), Nt = {}, zt = { className: "w-full flex flex-col items-end" };
 function Tt(t, s) {
   return i(), c("div", zt, [
     T(t.$slots, "default")
   ]);
 }
-const oo = /* @__PURE__ */ Ee(Nt, [["render", Tt]]), no = (t) => {
+const so = /* @__PURE__ */ Ee(Nt, [["render", Tt]]), oo = (t) => {
   console.warn("showToast TODO", t);
-}, ro = /* @__PURE__ */ b({
+}, no = /* @__PURE__ */ b({
   __name: "DashboardGrid",
   props: {
     isEditing: { type: Boolean },
@@ -1301,7 +1301,7 @@ const oo = /* @__PURE__ */ Ee(Nt, [["render", Tt]]), no = (t) => {
       T(r.$slots, "default")
     ], 6));
   }
-}), At = { class: "widget-title-wrapper group w-full flex flex-row gap-2 items-center" }, jt = { class: "drag-handle hidden cursor-pointer text-primary group-hover:flex hover:brightness-110 pointer-coarse:flex" }, Ht = { class: "flex flex-row gap-2 items-center justify-between" }, Vt = { class: "widget-title" }, Rt = ["data-testid"], Ot = { class: "actions-inner" }, Ut = { class: "actions-buttons-container" }, Ft = ["data-collapsed"], J = "size-5", qt = /* @__PURE__ */ b({
+}), At = { class: "widget-title-wrapper group w-full flex flex-row gap-2 items-center" }, jt = { class: "drag-handle hidden cursor-pointer text-primary group-hover:flex hover:brightness-110 pointer-coarse:flex" }, Ht = { class: "w-full flex flex-row gap-2 items-center justify-between" }, Vt = ["data-testid"], Rt = { class: "actions-inner" }, Ot = { class: "actions-buttons-container" }, Ut = ["data-collapsed"], J = "size-5", Ft = /* @__PURE__ */ b({
   __name: "DashboardWidgetBase",
   props: {
     index: {},
@@ -1371,7 +1371,10 @@ const oo = /* @__PURE__ */ Ee(Nt, [["render", Tt]]), no = (t) => {
           ]),
           o("div", Ht, [
             T(C.$slots, "title", {}, () => [
-              o("h2", Vt, S(t.title), 1)
+              o("h2", {
+                class: "widget-title cursor-pointer",
+                onClick: m[0] || (m[0] = j(() => I(), ["stop"]))
+              }, S(t.title), 1)
             ]),
             T(C.$slots, "title-right")
           ])
@@ -1379,12 +1382,12 @@ const oo = /* @__PURE__ */ Ee(Nt, [["render", Tt]]), no = (t) => {
         o("div", {
           "data-testid": `collapse-and-other-actions_${t.widgetKey}_${t.index}`
         }, [
-          o("div", Ot, [
-            m[3] || (m[3] = o("div", null, [
+          o("div", Rt, [
+            m[4] || (m[4] = o("div", null, [
               o("span", { class: "hidden" }, "Widget")
             ], -1)),
-            o("div", Ut, [
-              D(h(j), {
+            o("div", Ot, [
+              D(h(H), {
                 "data-testid": `move-widget-left_${t.widgetKey}_${t.index}`,
                 isIconButton: !0,
                 disabled: t.index < 1,
@@ -1392,7 +1395,7 @@ const oo = /* @__PURE__ */ Ee(Nt, [["render", Tt]]), no = (t) => {
                   placement: "top",
                   title: `${t.index < 1 ? "Already at min position" : "Move Widget to the left/up"}`
                 },
-                onClick: m[0] || (m[0] = H((L) => y(-1), ["stop"]))
+                onClick: m[1] || (m[1] = j((L) => y(-1), ["stop"]))
               }, {
                 default: M(() => [
                   D(h(Ie), {
@@ -1401,7 +1404,7 @@ const oo = /* @__PURE__ */ Ee(Nt, [["render", Tt]]), no = (t) => {
                 ]),
                 _: 1
               }, 8, ["data-testid", "disabled", "tooltip"]),
-              D(h(j), {
+              D(h(H), {
                 "data-testid": `move-widget-right_${t.widgetKey}_${t.index}`,
                 isIconButton: !0,
                 disabled: t.index >= t.maxIndex,
@@ -1409,7 +1412,7 @@ const oo = /* @__PURE__ */ Ee(Nt, [["render", Tt]]), no = (t) => {
                   placement: "top",
                   title: `${t.index >= t.maxIndex ? "Already at max position" : "Move Widget to the right/down"}`
                 },
-                onClick: m[1] || (m[1] = H((L) => y(1), ["stop"]))
+                onClick: m[2] || (m[2] = j((L) => y(1), ["stop"]))
               }, {
                 default: M(() => [
                   D(h(De), {
@@ -1418,14 +1421,14 @@ const oo = /* @__PURE__ */ Ee(Nt, [["render", Tt]]), no = (t) => {
                 ]),
                 _: 1
               }, 8, ["data-testid", "disabled", "tooltip"]),
-              D(h(j), {
+              D(h(H), {
                 "data-testid": `remove-container_${t.title}`,
                 isIconButton: !0,
                 tooltip: {
                   placement: "top",
                   title: "Remove Widget"
                 },
-                onClick: H(l, ["stop"])
+                onClick: j(l, ["stop"])
               }, {
                 default: M(() => [
                   D(h(Be), {
@@ -1434,7 +1437,7 @@ const oo = /* @__PURE__ */ Ee(Nt, [["render", Tt]]), no = (t) => {
                 ]),
                 _: 1
               }, 8, ["data-testid"]),
-              r() ? Z("", !0) : (i(), N(h(j), {
+              r() ? Z("", !0) : (i(), N(h(H), {
                 key: 0,
                 "data-testid": `collapse-expand_${t.widgetKey}_${t.index}`,
                 className: "collapse-button",
@@ -1443,7 +1446,7 @@ const oo = /* @__PURE__ */ Ee(Nt, [["render", Tt]]), no = (t) => {
                   placement: "top",
                   title: `${d.value ? "Expand Widget" : "Collapse Widget"}`
                 },
-                onClick: m[2] || (m[2] = H(() => I(), ["stop"]))
+                onClick: m[3] || (m[3] = j(() => I(), ["stop"]))
               }, {
                 default: M(() => [
                   D(h(me), {
@@ -1458,23 +1461,23 @@ const oo = /* @__PURE__ */ Ee(Nt, [["render", Tt]]), no = (t) => {
               }, 8, ["data-testid", "tooltip"]))
             ])
           ])
-        ], 8, Rt)
+        ], 8, Vt)
       ], 2),
       o("div", {
         class: "widget-inner transition-height duration-300 ease-in-out",
         "data-collapsed": d.value
       }, [
         T(C.$slots, "default")
-      ], 8, Ft)
+      ], 8, Ut)
     ], 2));
   }
-}), Gt = { class: "p-4 border border-dashed border-danger" }, Zt = { class: "font-bold" }, Xt = {
+}), qt = { class: "p-4 border border-dashed border-danger" }, Gt = { class: "font-bold" }, Zt = {
   key: 0,
   class: "flex flex-col"
-}, Qt = { class: "font-bold text-sm" }, Yt = { class: "flex flex-col text-xs" }, Jt = { class: "flex flex-col mt-3" }, es = { class: "ml-2 flex flex-col text-xs" }, ts = {
+}, Xt = { class: "font-bold text-sm" }, Qt = { class: "flex flex-col text-xs" }, Yt = { class: "flex flex-col mt-3" }, Jt = { class: "ml-2 flex flex-col text-xs" }, es = {
   key: 1,
   class: "flex flex-col"
-}, ss = { class: "flex flex-col mt-3" }, os = { class: "text-xs break-all" }, xe = /* @__PURE__ */ b({
+}, ts = { class: "flex flex-col mt-3" }, ss = { class: "text-xs break-all" }, xe = /* @__PURE__ */ b({
   __name: "WidgetErrorWrapper",
   props: {
     index: {},
@@ -1504,32 +1507,32 @@ const oo = /* @__PURE__ */ Ee(Nt, [["render", Tt]]), no = (t) => {
   emits: ["removeClick", "moveClick", "selectContainer", "savedPropsChanged"],
   setup(t, { emit: s }) {
     const e = t, a = Y(s), r = v(() => e.extraProps);
-    return (d, u) => (i(), N(qt, Q(e, pe(h(a)), { title: "Widget Error" }), {
+    return (d, u) => (i(), N(Ft, Q(e, pe(h(a)), { title: "Widget Error" }), {
       default: M(() => [
-        o("div", Gt, [
-          o("span", Zt, 'Failed to load "' + S(t.widgetKey) + '"', 1),
-          r.value?.versionMismatch ? (i(), c("div", Xt, [
-            o("span", Qt, "Version Mismatch: " + S(t.widgetKey), 1),
-            o("div", Yt, [
+        o("div", qt, [
+          o("span", Gt, 'Failed to load "' + S(t.widgetKey) + '"', 1),
+          r.value?.versionMismatch ? (i(), c("div", Zt, [
+            o("span", Xt, "Version Mismatch: " + S(t.widgetKey), 1),
+            o("div", Qt, [
               o("span", null, "Widget requires: Vue " + S(r.value?.requiredVer) + ".", 1),
               o("span", null, "Host version: " + S(r.value?.hostVer) + ".", 1)
             ]),
-            o("div", Jt, [
+            o("div", Yt, [
               u[0] || (u[0] = o("h5", null, "Externals:", -1)),
-              o("dl", es, [
+              o("dl", Jt, [
                 (i(!0), c(q, null, G(r.value?.externalDependencies, ($, g) => (i(), c("dd", {
                   key: `dep-${g}`
                 }, "- " + S($), 1))), 128))
               ])
             ])
-          ])) : (i(), c("div", ts, [
+          ])) : (i(), c("div", es, [
             u[2] || (u[2] = o("div", { class: "flex flex-col text-xs italic" }, [
               o("span", null, "The remote plugin is unavailable.")
             ], -1)),
             u[3] || (u[3] = o("span", { class: "font-bold text-sm" }, "Error Details:", -1)),
-            o("div", ss, [
+            o("div", ts, [
               u[1] || (u[1] = o("h5", null, "Details:", -1)),
-              o("div", os, S(r.value?.errorMessage || "Unknown error occurred."), 1)
+              o("div", ss, S(r.value?.errorMessage || "Unknown error occurred."), 1)
             ])
           ]))
         ])
@@ -1537,10 +1540,10 @@ const oo = /* @__PURE__ */ Ee(Nt, [["render", Tt]]), no = (t) => {
       _: 1
     }, 16));
   }
-}), ns = {
+}), os = {
   key: 1,
   class: "flex items-center justify-center p-8 border border-dashed border-base-300"
-}, rs = { class: "text-sm animate-pulse" }, as = { class: "relative min-h-12 flex flex-col items-center justify-center bg-base-200 rounded-lg" }, ao = /* @__PURE__ */ b({
+}, ns = { class: "text-sm animate-pulse" }, rs = { class: "relative min-h-12 flex flex-col items-center justify-center bg-base-200 rounded-lg" }, ro = /* @__PURE__ */ b({
   __name: "DynamicWidgetLoader",
   props: {
     index: {},
@@ -1656,12 +1659,12 @@ const oo = /* @__PURE__ */ Ee(Nt, [["render", Tt]]), no = (t) => {
               ]),
               key: "0"
             } : void 0
-          ]), 1064, ["index", "maxIndex", "widgetKey", "parentWidgetKey", "widgetCatalog", "isEditing", "highlight", "title", "meta", "widgetSavedProps", "extraProps"])) : (i(), c("div", ns, [
-            o("p", rs, "Initializing " + S(t.widgetKey) + "...", 1)
+          ]), 1064, ["index", "maxIndex", "widgetKey", "parentWidgetKey", "widgetCatalog", "isEditing", "highlight", "title", "meta", "widgetSavedProps", "extraProps"])) : (i(), c("div", os, [
+            o("p", ns, "Initializing " + S(t.widgetKey) + "...", 1)
           ]))
         ]),
         fallback: M(() => [
-          o("div", as, [
+          o("div", rs, [
             D(h(Mt), {
               title: `Loading ${l.value?.title || "Widget"}`
             }, null, 8, ["title"]),
@@ -1673,7 +1676,7 @@ const oo = /* @__PURE__ */ Ee(Nt, [["render", Tt]]), no = (t) => {
       });
     };
   }
-}), is = ["data-testid"], ls = { class: "text-sm font-semibold capitalize" }, ds = { "data-testid": "collapse-and-other-actions" }, cs = { class: "actions-inner" }, us = { class: "actions-buttons-container" }, gs = ["data-testid"], ee = "size-5", ps = "border-transparent", hs = "border-card-invert", Me = /* @__PURE__ */ b({
+}), as = ["data-testid"], is = { class: "text-sm font-semibold capitalize" }, ls = { "data-testid": "collapse-and-other-actions" }, ds = { class: "actions-inner" }, cs = { class: "actions-buttons-container" }, us = ["data-testid"], ee = "size-5", gs = "border-transparent", ps = "border-card-invert", Me = /* @__PURE__ */ b({
   __name: "WidgetContainer",
   props: {
     index: {},
@@ -1704,7 +1707,7 @@ const oo = /* @__PURE__ */ Ee(Nt, [["render", Tt]]), no = (t) => {
   setup(t, { emit: s }) {
     const e = t, a = Y(s), r = v(() => e.maxIndex > -1), d = v(() => {
       const B = r.value;
-      return e.highlight ? ps : e.isEditing && !B ? hs : "border-transparent";
+      return e.highlight ? gs : e.isEditing && !B ? ps : "border-transparent";
     }), u = v(() => {
       const B = e.highlight || !1, I = e.direction || "column", C = r.value, m = e.isEditing || !1;
       let A = B ? "border-transparent" : m ? "border-card-invert" : "border-transparent";
@@ -1740,19 +1743,19 @@ const oo = /* @__PURE__ */ Ee(Nt, [["render", Tt]]), no = (t) => {
       }, [
         o("div", {
           class: "widget-title-wrapper w-full flex whitespace-nowrap",
-          onClick: H(y, ["stop"])
+          onClick: j(y, ["stop"])
         }, [
-          o("span", ls, S(e.title), 1)
+          o("span", is, S(e.title), 1)
         ]),
-        o("div", ds, [
-          o("div", cs, [
-            o("div", us, [
-              D(h(j), {
+        o("div", ls, [
+          o("div", ds, [
+            o("div", cs, [
+              D(h(H), {
                 "data-testid": `open-widgets-catalog-from-container_${e.title}`,
                 isIconButton: !0,
                 class: "whitespace-nowrap",
                 tooltip: { placement: "top", title: "Target this Container" },
-                onClick: H(y, ["stop"])
+                onClick: j(y, ["stop"])
               }, {
                 default: M(() => [
                   D(h(ut), {
@@ -1761,7 +1764,7 @@ const oo = /* @__PURE__ */ Ee(Nt, [["render", Tt]]), no = (t) => {
                 ]),
                 _: 1
               }, 8, ["data-testid"]),
-              D(h(j), {
+              D(h(H), {
                 "data-testid": `move-container-left_${e.title}`,
                 isIconButton: !0,
                 disabled: e.index < 1,
@@ -1769,7 +1772,7 @@ const oo = /* @__PURE__ */ Ee(Nt, [["render", Tt]]), no = (t) => {
                   placement: "top",
                   title: e.index < 1 ? "Already at min position" : "Move Container to the left/up"
                 },
-                onClick: I[0] || (I[0] = H((C) => l(-1), ["stop"]))
+                onClick: I[0] || (I[0] = j((C) => l(-1), ["stop"]))
               }, {
                 default: M(() => [
                   D(h(Ie), {
@@ -1778,7 +1781,7 @@ const oo = /* @__PURE__ */ Ee(Nt, [["render", Tt]]), no = (t) => {
                 ]),
                 _: 1
               }, 8, ["data-testid", "disabled", "tooltip"]),
-              D(h(j), {
+              D(h(H), {
                 "data-testid": `move-container-right_${e.title}`,
                 isIconButton: !0,
                 disabled: e.index >= e.maxIndex,
@@ -1786,7 +1789,7 @@ const oo = /* @__PURE__ */ Ee(Nt, [["render", Tt]]), no = (t) => {
                   placement: "top",
                   title: e.index >= e.maxIndex ? "Already at max position" : "Move Container to the right/down"
                 },
-                onClick: I[1] || (I[1] = H((C) => l(1), ["stop"]))
+                onClick: I[1] || (I[1] = j((C) => l(1), ["stop"]))
               }, {
                 default: M(() => [
                   D(h(De), {
@@ -1795,11 +1798,11 @@ const oo = /* @__PURE__ */ Ee(Nt, [["render", Tt]]), no = (t) => {
                 ]),
                 _: 1
               }, 8, ["data-testid", "disabled", "tooltip"]),
-              D(h(j), {
+              D(h(H), {
                 "data-testid": `remove-container_${e.title}`,
                 isIconButton: !0,
                 tooltip: { placement: "top", title: "Remove Container" },
-                onClick: H(g, ["stop"])
+                onClick: j(g, ["stop"])
               }, {
                 default: M(() => [
                   D(h(Be), {
@@ -1817,10 +1820,10 @@ const oo = /* @__PURE__ */ Ee(Nt, [["render", Tt]]), no = (t) => {
         class: "widget-container-inner"
       }, [
         T(B.$slots, "default")
-      ], 8, gs)
-    ], 10, is));
+      ], 8, us)
+    ], 10, as));
   }
-}), io = /* @__PURE__ */ b({
+}), ao = /* @__PURE__ */ b({
   __name: "WidgetContainerRow",
   props: {
     index: {},
@@ -1860,7 +1863,7 @@ const oo = /* @__PURE__ */ Ee(Nt, [["render", Tt]]), no = (t) => {
       _: 3
     }, 16));
   }
-}), lo = /* @__PURE__ */ b({
+}), io = /* @__PURE__ */ b({
   __name: "WidgetContainerLarge",
   props: {
     index: {},
@@ -1900,7 +1903,7 @@ const oo = /* @__PURE__ */ Ee(Nt, [["render", Tt]]), no = (t) => {
       _: 3
     }, 16));
   }
-}), ms = { class: "w-full" }, fs = { class: "flex flex-row items-center gap-2 justify-between" }, vs = { class: "font-bold" }, ws = { class: "text-xs" }, Cs = { class: "flex flex-col gap-2 text-xs" }, xs = { class: "ml-2 flex flex-col text-xs" }, ue = /* @__PURE__ */ b({
+}), hs = { class: "w-full" }, ms = { class: "flex flex-row items-center gap-2 justify-between" }, fs = { class: "font-bold" }, vs = { class: "text-xs" }, ws = { class: "flex flex-col gap-2 text-xs" }, Cs = { class: "ml-2 flex flex-col text-xs" }, ue = /* @__PURE__ */ b({
   __name: "WidgetListItem",
   props: {
     widgetKey: {},
@@ -1923,12 +1926,12 @@ const oo = /* @__PURE__ */ Ee(Nt, [["render", Tt]]), no = (t) => {
       onClick: B
     }, [
       (i(), N(he(h(d)), { class: "" })),
-      o("div", ms, [
-        o("div", fs, [
-          o("span", vs, S(h(u)), 1),
-          o("div", ws, S(l.value ? "(Added)" : ""), 1)
+      o("div", hs, [
+        o("div", ms, [
+          o("span", fs, S(h(u)), 1),
+          o("div", vs, S(l.value ? "(Added)" : ""), 1)
         ]),
-        o("div", Cs, [
+        o("div", ws, [
           o("div", null, S(h($)), 1),
           a.value && h(r)?.externalDependencies?.length > 0 ? (i(), c("div", {
             key: 0,
@@ -1936,7 +1939,7 @@ const oo = /* @__PURE__ */ Ee(Nt, [["render", Tt]]), no = (t) => {
             onClick: I
           }, [
             m[0] || (m[0] = _e(" Externals: ", -1)),
-            o("dl", xs, [
+            o("dl", Cs, [
               (i(!0), c(q, null, G(h(r)?.externalDependencies, (L, _) => (i(), c("dd", { key: _ }, "- " + S(L), 1))), 128))
             ])
           ])) : Z("", !0)
@@ -1944,7 +1947,7 @@ const oo = /* @__PURE__ */ Ee(Nt, [["render", Tt]]), no = (t) => {
       ])
     ], 2));
   }
-}), ys = { class: "w-full flex flex-col" }, bs = { class: "font-bold" }, _s = { class: "flex flex-col text-xs" }, ks = { class: "mt-1 flex flex-row gap-2 items-center" }, $s = /* @__PURE__ */ b({
+}), xs = { class: "w-full flex flex-col" }, ys = { class: "font-bold" }, bs = { class: "flex flex-col text-xs" }, _s = { class: "mt-1 flex flex-row gap-2 items-center" }, ks = /* @__PURE__ */ b({
   __name: "SettingListItem",
   props: {
     item: {}
@@ -1966,10 +1969,10 @@ const oo = /* @__PURE__ */ Ee(Nt, [["render", Tt]]), no = (t) => {
       class: p(h(d)),
       style: { width: "calc(100% - 1rem)" }
     }, [
-      o("div", ys, [
-        o("h6", bs, S(h(a)), 1),
-        o("p", _s, S(h(r)), 1),
-        o("div", ks, [
+      o("div", xs, [
+        o("h6", ys, S(h(a)), 1),
+        o("p", bs, S(h(r)), 1),
+        o("div", _s, [
           D(h(We), {
             label: "",
             size: "small",
@@ -1977,11 +1980,11 @@ const oo = /* @__PURE__ */ Ee(Nt, [["render", Tt]]), no = (t) => {
             modelValue: t.item.value,
             "onUpdate:modelValue": u,
             onKeydown: [
-              l[0] || (l[0] = ve(H((y) => $(1), ["prevent"]), ["up"])),
-              l[1] || (l[1] = ve(H((y) => $(-1), ["prevent"]), ["down"]))
+              l[0] || (l[0] = ve(j((y) => $(1), ["prevent"]), ["up"])),
+              l[1] || (l[1] = ve(j((y) => $(-1), ["prevent"]), ["down"]))
             ]
           }, null, 8, ["modelValue"]),
-          D(h(j), {
+          D(h(H), {
             "data-testid": `setting-decrease_${t.item.key}`,
             isIconButton: !0,
             tooltip: {
@@ -1995,7 +1998,7 @@ const oo = /* @__PURE__ */ Ee(Nt, [["render", Tt]]), no = (t) => {
             ]),
             _: 1
           }, 8, ["data-testid"]),
-          D(h(j), {
+          D(h(H), {
             "data-testid": `setting-increase_${t.item.key}`,
             isIconButton: !0,
             tooltip: {
@@ -2013,13 +2016,13 @@ const oo = /* @__PURE__ */ Ee(Nt, [["render", Tt]]), no = (t) => {
       ])
     ], 2));
   }
-}), Is = { class: "flex flex-col gap-2 p-2" }, Ds = { class: "flex flex-row gap-2 justify-between" }, Bs = ["title"], Ks = { class: "flex flex-row gap-2 items-center" }, Ws = { class: "hidden sm:flex sm:flex-row sm:items-center sm:gap-1" }, Es = ["onClick"], Ms = { class: "flex flex-col gap-1 sm:hidden" }, Ss = { class: "group flex items-center gap-2 text-primary group-hover:text-primary-inverse" }, Ls = { class: "py-2 font-bold" }, Ps = { class: "p-2 rounded-md border border-primary" }, Ns = ["onClick"], zs = { className: "sm:mt-2 flex flex-col gap-1 w-full" }, Ts = {
+}), $s = { class: "flex flex-col gap-2 p-2" }, Is = { class: "flex flex-row gap-2 justify-between" }, Ds = ["title"], Bs = { class: "flex flex-row gap-2 items-center" }, Ks = { class: "hidden sm:flex sm:flex-row sm:items-center sm:gap-1" }, Ws = ["onClick"], Es = { class: "flex flex-col gap-1 sm:hidden" }, Ms = { class: "group flex items-center gap-2 text-primary group-hover:text-primary-inverse" }, Ss = { class: "py-2 font-bold" }, Ls = { class: "p-2 rounded-md border border-primary" }, Ps = ["onClick"], Ns = { className: "sm:mt-2 flex flex-col gap-1 w-full" }, zs = {
   class: "flex flex-col gap-2 overflow-x-hidden overflow-y-auto",
   style: { "max-height": "360px" }
-}, As = {
+}, Ts = {
   key: 0,
   className: "hidden px-2 w-full font-semibold sm:flex"
-}, js = { class: "mt-4 w-full flex flex-row justify-end pt-1" }, co = /* @__PURE__ */ b({
+}, As = { class: "mt-4 w-full flex flex-row justify-end pt-1" }, lo = /* @__PURE__ */ b({
   __name: "WidgetsCatalogFlyout",
   props: {
     targetContainerKey: {},
@@ -2115,8 +2118,8 @@ const oo = /* @__PURE__ */ Ee(Nt, [["render", Tt]]), no = (t) => {
       onDraggingChange: Se
     }, {
       default: M(() => [
-        o("div", Is, [
-          o("div", Ds, [
+        o("div", $s, [
+          o("div", Is, [
             o("div", {
               class: p(`handle cursor-grab flex-1 flex gap-2 w-full ${d.value ? "text-warning" : "hover:text-primary"}`)
             }, [
@@ -2130,10 +2133,10 @@ const oo = /* @__PURE__ */ Ee(Nt, [["render", Tt]]), no = (t) => {
               o("h2", {
                 class: "flex-1 text-base margin-0 capitalize",
                 title: I.value ? n.value : `Editing dashboard: ${t.currentDashboardConfig.dashboardName}`
-              }, S(n.value), 9, Bs)
+              }, S(n.value), 9, Ds)
             ], 2),
-            o("div", Ks, [
-              D(h(j), {
+            o("div", Bs, [
+              D(h(H), {
                 "data-testid": "undo-dashboard-config-change",
                 isIconButton: !0,
                 tooltip: {
@@ -2148,7 +2151,7 @@ const oo = /* @__PURE__ */ Ee(Nt, [["render", Tt]]), no = (t) => {
                 ]),
                 _: 1
               }, 8, ["disabled"]),
-              D(h(j), {
+              D(h(H), {
                 "data-testid": "redo-dashboard-config-change",
                 isIconButton: !0,
                 tooltip: {
@@ -2163,7 +2166,7 @@ const oo = /* @__PURE__ */ Ee(Nt, [["render", Tt]]), no = (t) => {
                 ]),
                 _: 1
               }, 8, ["disabled"]),
-              D(h(j), {
+              D(h(H), {
                 "data-testid": "reset-dashboard-to-default",
                 isIconButton: !0,
                 tooltip: {
@@ -2179,7 +2182,7 @@ const oo = /* @__PURE__ */ Ee(Nt, [["render", Tt]]), no = (t) => {
               }, 8, ["onClick"])
             ])
           ]),
-          o("div", Ws, [
+          o("div", Ks, [
             (i(!0), c(q, null, G(m.value, (w) => (i(), c("button", {
               key: w.id,
               class: p(K(w.id, w.id === 3)),
@@ -2189,9 +2192,9 @@ const oo = /* @__PURE__ */ Ee(Nt, [["render", Tt]]), no = (t) => {
                 class: p(w.hideLabel ? "sr-only" : "")
               }, S(w.label), 3),
               w.icon ? (i(), N(he(w.icon), { key: 0 })) : Z("", !0)
-            ], 10, Es))), 128))
+            ], 10, Ws))), 128))
           ]),
-          o("div", Ms, [
+          o("div", Es, [
             D(h(kt), {
               enabled: !0,
               showChevron: !0,
@@ -2199,13 +2202,13 @@ const oo = /* @__PURE__ */ Ee(Nt, [["render", Tt]]), no = (t) => {
               onToggleOpen: P
             }, {
               icon: M(() => [
-                o("div", Ss, [
-                  o("h5", Ls, S(L.value), 1),
+                o("div", Ms, [
+                  o("h5", Ss, S(L.value), 1),
                   D(h(me), { class: "shrink-0 ml-1 size-4" })
                 ])
               ]),
               default: M(() => [
-                o("div", Ps, [
+                o("div", Ls, [
                   W[3] || (W[3] = o("h6", { class: "font-semibold" }, "Category:", -1)),
                   (i(!0), c(q, null, G(m.value, (w) => (i(), c("button", {
                     key: w.id,
@@ -2216,13 +2219,13 @@ const oo = /* @__PURE__ */ Ee(Nt, [["render", Tt]]), no = (t) => {
                     onClick: () => X(w.id)
                   }, [
                     o("span", null, S(w.label), 1)
-                  ], 10, Ns))), 128))
+                  ], 10, Ps))), 128))
                 ])
               ]),
               _: 1
             }, 8, ["isMenuOpen"])
           ]),
-          o("div", zs, [
+          o("div", Ns, [
             D(h(We), {
               label: "",
               placeholder: "Find...",
@@ -2235,8 +2238,8 @@ const oo = /* @__PURE__ */ Ee(Nt, [["render", Tt]]), no = (t) => {
               ]
             }, null, 8, ["modelValue"])
           ]),
-          o("div", Ts, [
-            a.value === 3 ? (i(), c("div", As, S(L.value) + ": ", 1)) : Z("", !0),
+          o("div", zs, [
+            a.value === 3 ? (i(), c("div", Ts, S(L.value) + ": ", 1)) : Z("", !0),
             a.value === 0 ? (i(!0), c(q, { key: 1 }, G(l.value, (w) => (i(), N(ue, {
               key: w.widgetKey,
               widgetKey: w.widgetKey,
@@ -2255,14 +2258,14 @@ const oo = /* @__PURE__ */ Ee(Nt, [["render", Tt]]), no = (t) => {
               metaData: w.metaData,
               alreadyAdded: e(w.widgetKey, t.currentDashboardConfig),
               onAddWidget: () => t.addContainer(w.widgetKey)
-            }, null, 8, ["widgetKey", "metaData", "alreadyAdded", "onAddWidget"]))), 128)) : a.value === 3 && !I.value ? (i(!0), c(q, { key: 4 }, G((t.currentDashboardConfig.cssSettings || []).filter(F), (w) => (i(), N($s, {
+            }, null, 8, ["widgetKey", "metaData", "alreadyAdded", "onAddWidget"]))), 128)) : a.value === 3 && !I.value ? (i(!0), c(q, { key: 4 }, G((t.currentDashboardConfig.cssSettings || []).filter(F), (w) => (i(), N(ks, {
               key: w.key,
               item: w,
               onSettingChanged: z
             }, null, 8, ["item"]))), 128)) : Z("", !0)
           ]),
-          o("div", js, [
-            D(h(j), {
+          o("div", As, [
+            D(h(H), {
               class: "bg-opacity-100",
               tooltip: {
                 placement: "bottom",
@@ -2284,48 +2287,48 @@ const oo = /* @__PURE__ */ Ee(Nt, [["render", Tt]]), no = (t) => {
 });
 export {
   nt as AddIcon,
-  j as Button,
+  H as Button,
   me as ChevronDownIcon,
   gt as CircleQuestionMarkIcon,
   ut as CrosshairIcon,
-  ro as DashboardGrid,
-  qt as DashboardWidgetBase,
-  Us as DeleteIcon,
+  no as DashboardGrid,
+  Ft as DashboardWidgetBase,
+  Os as DeleteIcon,
   Bt as DraggablePanel,
   kt as Dropdown,
-  ao as DynamicWidgetLoader,
-  Fs as EditIcon,
-  Gs as GridIcon,
+  ro as DynamicWidgetLoader,
+  Us as EditIcon,
+  qs as GridIcon,
   Ke as HandGrabIcon,
   ct as HandIcon,
-  to as ListItem,
+  eo as ListItem,
   rt as MinusCircleIcon,
-  Js as MonitorIcon,
-  Qs as MonitorSmartphoneIcon,
+  Ys as MonitorIcon,
+  Xs as MonitorSmartphoneIcon,
   Ie as MoveLeftIcon,
   De as MoveRightIcon,
   nt as PlusCircleIcon,
   dt as RedoIcon,
-  qs as RenameIcon,
+  Fs as RenameIcon,
   at as SettingsIcon,
   Mt as SpinnerComponent,
   It as Stack,
-  Ys as TabletSmartphoneIcon,
-  eo as TargetIcon,
+  Qs as TabletSmartphoneIcon,
+  Js as TargetIcon,
   We as TextField,
   it as TimerResetIcon,
   lt as UndoIcon,
   Me as WidgetContainerColumn,
-  lo as WidgetContainerLarge,
-  io as WidgetContainerRow,
-  co as WidgetsCatalogFlyout,
-  so as WrapperColumnContent,
-  oo as WrapperColumnContentListItem,
+  io as WidgetContainerLarge,
+  ao as WidgetContainerRow,
+  lo as WidgetsCatalogFlyout,
+  to as WrapperColumnContent,
+  so as WrapperColumnContentListItem,
   Be as XCircleIcon,
-  Zs as ZoomInIcon,
-  Xs as ZoomOutIcon,
-  no as showToast,
-  Rs as useDashboardStore,
-  Os as useDashboardUndoService,
+  Gs as ZoomInIcon,
+  Zs as ZoomOutIcon,
+  oo as showToast,
+  Vs as useDashboardStore,
+  Rs as useDashboardUndoService,
   Y as useWidgetEmits
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tenorlab/vue-dashboard",
-  "version": "1.6.7",
+  "version": "1.6.9",
   "description": "Foundation components for creating user-configurable dashboards in Vue",
   "author": "Damiano Fusco",
   "license": "MIT",
@@ -51,7 +51,7 @@
   "module": "./dist/vue-dashboard.es.js",
   "devDependencies": {
     "@builtwithjavascript/use-click-outside": "^1.0.1",
-    "@tenorlab/dashboard-core": "^1.6.3",
+    "@tenorlab/dashboard-core": "^1.6.5",
     "@types/node": "^24.10.1",
     "@vitejs/plugin-vue": "^6.0.3",
     "prettier": "^3.7.4",