pennsieve-dashboard 0.2.0 → 0.2.2

package/dist/pennsieve-dashboard.es.js

@@ -1,7 +1,7 @@
 var Os = Object.defineProperty;
 var Ps = (o, e, t) => e in o ? Os(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t;
 var $ = (o, e, t) => Ps(o, typeof e != "symbol" ? e + "" : e, t);
-import { defineComponent as be, createElementBlock as B, openBlock as S, createElementVNode as N, ref as F, reactive as Qt, isRef as $s, isReactive as Bs, markRaw as Us, computed as de, watch as fe, resolveComponent as ie, createBlock as le, withCtx as V, createVNode as Y, Fragment as Le, renderList as tt, unref as he, createTextVNode as Ae, inject as Fs, shallowRef as os, resolveDirective as ls, renderSlot as vt, mergeProps as ni, withDirectives as De, toDisplayString as Re, withKeys as as, vShow as xt, vModelText as Ws, createCommentVNode as kt, toRaw as Gs, normalizeClass as Vs, resolveDynamicComponent as Fi, provide as qs, onBeforeMount as js, onMounted as Ys, onBeforeUnmount as Xs, defineAsyncComponent as Zs, nextTick as Wi } from "vue";
+import { defineComponent as be, createElementBlock as B, openBlock as S, createElementVNode as N, ref as F, reactive as Qt, isRef as $s, isReactive as Bs, markRaw as Us, computed as ye, watch as pe, resolveComponent as ie, createBlock as le, withCtx as V, createVNode as Y, Fragment as Le, renderList as tt, unref as he, createTextVNode as Ae, inject as Fs, shallowRef as os, resolveDirective as ls, renderSlot as vt, mergeProps as ni, withDirectives as De, toDisplayString as Re, withKeys as as, vShow as xt, vModelText as Ws, createCommentVNode as kt, toRaw as Gs, normalizeClass as Vs, resolveDynamicComponent as Fi, onBeforeMount as qs, onMounted as js, onBeforeUnmount as Ys, provide as Xs, defineAsyncComponent as Zs, nextTick as Wi } from "vue";
 import { defineStore as Ks, storeToRefs as Jt } from "pinia";
 import { ElTag as Qs, ElTooltip as hs } from "element-plus";
 /*! Element Plus Icons Vue v2.3.2 */
@@ -90,11 +90,11 @@ var Js = /* @__PURE__ */ be({
 }), lr = or;
 const rt = Ks("globalPensieveDashVars", () => {
   const o = F([]), e = F({}), t = "dashboard-globalVarsStore", i = F([]), s = F([]), r = F({}), l = Qt({}), n = Qt({});
-  function u(T, k, q = !1) {
-    l[T] = k, n[T] = q;
+  function u(T, E, q = !1) {
+    l[T] = E, n[T] = q;
   }
   function a(T = {}) {
-    for (const k of Object.keys(l)) delete l[k];
+    for (const E of Object.keys(l)) delete l[E];
     Object.assign(l, T);
   }
   const h = (T) => {
@@ -106,39 +106,38 @@ const rt = Ks("globalPensieveDashVars", () => {
   function c() {
     s.value = [...o.value], a({});
   }
-  const m = (T) => s.value.find((k) => k.id === T), b = (T, k) => {
-    i.value.push({ name: T, value: k });
+  const m = (T) => s.value.find((E) => E.id === T), b = (T, E) => {
+    i.value.push({ name: T, value: E });
   }, z = () => {
     i.value = [];
   }, O = (T) => {
-    const k = L(T);
-    r.value = k;
+    r.value = L(T);
   }, C = () => r.value;
   function L(T) {
-    const k = {};
-    if (!T || typeof T != "object") return k;
+    const E = {};
+    if (!T || typeof T != "object") return E;
     for (const [q, P] of Object.entries(T))
       if (P && typeof P == "object" && !($s(P) || Bs(P))) {
         const M = Object.getPrototypeOf(P) === Object.prototype;
-        k[q] = M ? { ...P } : Us(P);
+        E[q] = M ? { ...P } : Us(P);
       } else
-        k[q] = P;
-    return k;
+        E[q] = P;
+    return E;
   }
   const A = (T) => {
-    const k = s.value.find((q) => q.id === T);
-    k && (k.Props = k.Props || {}, k.Props.locked = !k.Props.locked);
-  }, E = (T) => T.map((k) => {
-    const q = e.value[k.componentKey];
+    const E = s.value.find((q) => q.id === T);
+    E && (E.Props = E.Props || {}, E.Props.locked = !E.Props.locked);
+  }, k = (T) => T.map((E) => {
+    const q = e.value[E.componentKey];
     return q ? {
-      ...k,
+      ...E,
       component: q
       // attach runtime component
     } : null;
-  }).filter((k) => !!k);
+  }).filter((E) => !!E);
   function U(T) {
   }
-  function _() {
+  function y() {
   }
   return {
     DASHBOARD_ITEMS: s,
@@ -149,7 +148,7 @@ const rt = Ks("globalPensieveDashVars", () => {
     Filters: l,
     displayFilters: n,
     registerGridProvider: U,
-    unregisterGridProvider: _,
+    unregisterGridProvider: y,
     setFilter: u,
     clearFilter: h,
     clearAllFilters: p,
@@ -167,10 +166,10 @@ const rt = Ks("globalPensieveDashVars", () => {
         return;
       }
       try {
-        const k = JSON.parse(T);
-        s.value = Array.isArray(k.items) ? E(k.items) : [...o.value], a(k.filters ?? {});
-      } catch (k) {
-        console.error("Failed to parse globalVarsStore:", k), s.value = [...o.value], a({});
+        const E = JSON.parse(T);
+        s.value = Array.isArray(E.items) ? k(E.items) : [...o.value], a(E.filters ?? {});
+      } catch (E) {
+        console.error("Failed to parse globalVarsStore:", E), s.value = [...o.value], a({});
       }
     },
     setOptionServices: O,
@@ -186,17 +185,17 @@ const rt = Ks("globalPensieveDashVars", () => {
   },
   emits: ["close-dialog", "update-text-var"],
   setup(o, { emit: e }) {
-    const t = rt(), { optionsData: i } = Jt(t), s = e, r = o, l = de({
+    const t = rt(), { optionsData: i } = Jt(t), s = e, r = o, l = ye({
       get: () => r.showDialog,
       set: (p) => {
         p || s("close-dialog");
       }
     }), n = F(r.reactiveSourceValue ?? ""), u = F(r.manualEntryValue ?? ""), a = F(!!r.hideHeaderValue);
-    fe(() => r.reactiveSourceValue, (p) => {
+    pe(() => r.reactiveSourceValue, (p) => {
       n.value = p ?? "";
-    }), fe(() => r.manualEntryValue, (p) => {
+    }), pe(() => r.manualEntryValue, (p) => {
       u.value = p ?? "";
-    }, { immediate: !0 }), fe(() => r.hideHeaderValue, (p) => {
+    }, { immediate: !0 }), pe(() => r.hideHeaderValue, (p) => {
       a.value = !!p;
     });
     function h() {
@@ -296,12 +295,12 @@ const rt = Ks("globalPensieveDashVars", () => {
     const e = rt(), t = o;
     Fs("dashboard:globalVars", null);
     const i = F(t.displayText ?? "");
-    fe(() => t.displayText, (C) => {
+    pe(() => t.displayText, (C) => {
       i.value = C ?? "";
     }, { immediate: !0 });
-    const s = de(() => !!(t.bindedKey && t.bindedKey.trim() !== "")), r = de(() => {
-      var E;
-      const C = (E = t.bindedKey) == null ? void 0 : E.trim();
+    const s = ye(() => !!(t.bindedKey && t.bindedKey.trim() !== "")), r = ye(() => {
+      var k;
+      const C = (k = t.bindedKey) == null ? void 0 : k.trim();
       if (!C) return "—";
       const L = e.optionsData.find((U) => (U == null ? void 0 : U.name) === C), A = L == null ? void 0 : L.value;
       return Array.isArray(A) ? A.join(", ") : A && typeof A == "object" ? JSON.stringify(A) : A ?? "—";
@@ -321,14 +320,14 @@ const rt = Ks("globalPensieveDashVars", () => {
       c.value = !1;
     }
     function z({ manualEdit: C, reactiveSource: L, hideHeader: A }) {
-      const E = e.getDashItem(t.widgetID);
-      E && (E.hideHeader = A, L && L.trim() !== "" ? (E.Props = E.Props || {}, E.Props.bindedKey = L, E.Props.displayText = null, E.componentName = O(L)) : (E.Props = E.Props || {}, E.Props.bindedKey = null, E.Props.displayText = C ?? "", E.componentName = C ?? "Text"), e.saveToLocalStorage());
+      const k = e.getDashItem(t.widgetID);
+      k && (k.hideHeader = A, L && L.trim() !== "" ? (k.Props = k.Props || {}, k.Props.bindedKey = L, k.Props.displayText = null, k.componentName = O(L)) : (k.Props = k.Props || {}, k.Props.bindedKey = null, k.Props.displayText = C ?? "", k.componentName = C ?? "Text"));
     }
     function O(C) {
       return C ? C.replace(/([a-z])([A-Z])/g, "$1 $2").replace(/^./, (L) => L.toUpperCase()) : "";
     }
     return (C, L) => {
-      const A = ie("el-input"), E = ls("click-out");
+      const A = ie("el-input"), k = ls("click-out");
       return S(), B(Le, null, [
         vt(C.$slots, "default", {
           widgetName: l.value,
@@ -349,8 +348,8 @@ const rt = Ks("globalPensieveDashVars", () => {
                 modelValue: i.value,
                 "onUpdate:modelValue": L[0] || (L[0] = (U) => i.value = U),
                 onFocus: L[1] || (L[1] = (U) => {
-                  var _, y;
-                  return (y = (_ = U.target) == null ? void 0 : _.select) == null ? void 0 : y.call(_);
+                  var y, _;
+                  return (_ = (y = U.target) == null ? void 0 : y.select) == null ? void 0 : _.call(y);
                 })
               }, null, 8, ["modelValue"])
             ], 512), [
@@ -365,7 +364,7 @@ const rt = Ks("globalPensieveDashVars", () => {
               [xt, !u.value]
             ])
           ], 32)), [
-            [E, p]
+            [k, p]
           ])
         ], 16),
         Y(dr, {
@@ -379,7 +378,7 @@ const rt = Ks("globalPensieveDashVars", () => {
       ], 64);
     };
   }
-}), no = /* @__PURE__ */ Ne(fr, [["__scopeId", "data-v-5e485ae3"]]);
+}), no = /* @__PURE__ */ Ne(fr, [["__scopeId", "data-v-bbd00006"]]);
 function oi() {
   return { async: !1, breaks: !1, extensions: null, gfm: !0, hooks: null, pedantic: !1, renderer: null, silent: !1, tokenizer: null, walkTokens: null };
 }
@@ -397,7 +396,7 @@ function H(o, e = "") {
 }
 var se = { codeRemoveIndent: /^(?: {1,4}| {0,3}\t)/gm, outputLinkReplace: /\\([\[\]])/g, indentCodeCompensation: /^(\s+)(?:```)/, beginningSpace: /^\s+/, endingHash: /#$/, startingSpaceChar: /^ /, endingSpaceChar: / $/, nonSpaceChar: /[^ ]/, newLineCharGlobal: /\n/g, tabCharGlobal: /\t/g, multipleSpaceGlobal: /\s+/g, blankLine: /^[ \t]*$/, doubleBlankLine: /\n[ \t]*\n[ \t]*$/, blockquoteStart: /^ {0,3}>/, blockquoteSetextReplace: /\n {0,3}((?:=+|-+) *)(?=\n|$)/g, blockquoteSetextReplace2: /^ {0,3}>[ \t]?/gm, listReplaceTabs: /^\t+/, listReplaceNesting: /^ {1,4}(?=( {4})*[^ ])/g, listIsTask: /^\[[ xX]\] /, listReplaceTask: /^\[[ xX]\] +/, anyLine: /\n.*\n/, hrefBrackets: /^<(.*)>$/, tableDelimiter: /[:|]/, tableAlignChars: /^\||\| *$/g, tableRowBlankLine: /\n[ \t]*$/, tableAlignRight: /^ *-+: *$/, tableAlignCenter: /^ *:-+: *$/, tableAlignLeft: /^ *:-+ *$/, startATag: /^<a /i, endATag: /^<\/a>/i, startPreScriptTag: /^<(pre|code|kbd|script)(\s|>)/i, endPreScriptTag: /^<\/(pre|code|kbd|script)(\s|>)/i, startAngleBracket: /^</, endAngleBracket: />$/, pedanticHrefTitle: /^([^'"]*[^\s])\s+(['"])(.*)\2/, unicodeAlphaNumeric: /[\p{L}\p{N}]/u, escapeTest: /[&<>"']/, escapeReplace: /[&<>"']/g, escapeTestNoEncode: /[<>"']|&(?!(#\d{1,7}|#[Xx][a-fA-F0-9]{1,6}|\w+);)/, escapeReplaceNoEncode: /[<>"']|&(?!(#\d{1,7}|#[Xx][a-fA-F0-9]{1,6}|\w+);)/g, unescapeTest: /&(#(?:\d+)|(?:#x[0-9A-Fa-f]+)|(?:\w+));?/ig, caret: /(^|[^\[])\^/g, percentDecode: /%25/g, findPipe: /\|/g, splitPipe: / \|/, slashPipe: /\\\|/g, carriageReturn: /\r\n|\r/g, spaceLine: /^ +$/gm, notSpaceStart: /^\S*/, endingNewline: /\n$/, listItemRegex: (o) => new RegExp(`^( {0,3}${o})((?:[	 ][^\\n]*)?(?:\\n|$))`), nextBulletRegex: (o) => new RegExp(`^ {0,${Math.min(3, o - 1)}}(?:[*+-]|\\d{1,9}[.)])((?:[ 	][^\\n]*)?(?:\\n|$))`), hrRegex: (o) => new RegExp(`^ {0,${Math.min(3, o - 1)}}((?:- *){3,}|(?:_ *){3,}|(?:\\* *){3,})(?:\\n+|$)`), fencesBeginRegex: (o) => new RegExp(`^ {0,${Math.min(3, o - 1)}}(?:\`\`\`|~~~)`), headingBeginRegex: (o) => new RegExp(`^ {0,${Math.min(3, o - 1)}}#`), htmlBeginRegex: (o) => new RegExp(`^ {0,${Math.min(3, o - 1)}}<(?:[a-z].*>|!--)`, "i") }, gr = /^(?:[ \t]*(?:\n|$))+/, mr = /^((?: {4}| {0,3}\t)[^\n]+(?:\n(?:[ \t]*(?:\n|$))*)?)+/, _r = /^ {0,3}(`{3,}(?=[^`\n]*(?:\n|$))|~{3,})([^\n]*)(?:\n|$)(?:|([\s\S]*?)(?:\n|$))(?: {0,3}\1[~`]* *(?=\n|$)|$)/, nt = /^ {0,3}((?:-[\t ]*){3,}|(?:_[ \t]*){3,}|(?:\*[ \t]*){3,})(?:\n+|$)/, yr = /^ {0,3}(#{1,6})(?=\s|$)(.*)(?:\n+|$)/, li = /(?:[*+-]|\d{1,9}[.)])/, ds = /^(?!bull |blockCode|fences|blockquote|heading|html|table)((?:.|\n(?!\s*?\n|bull |blockCode|fences|blockquote|heading|html|table))+?)\n {0,3}(=+|-+) *(?:\n+|$)/, ps = H(ds).replace(/bull/g, li).replace(/blockCode/g, /(?: {4}| {0,3}\t)/).replace(/fences/g, / {0,3}(?:`{3,}|~{3,})/).replace(/blockquote/g, / {0,3}>/).replace(/heading/g, / {0,3}#{1,6}/).replace(/html/g, / {0,3}<[^\n>]+>\n/).replace(/\|table/g, "").getRegex(), br = H(ds).replace(/bull/g, li).replace(/blockCode/g, /(?: {4}| {0,3}\t)/).replace(/fences/g, / {0,3}(?:`{3,}|~{3,})/).replace(/blockquote/g, / {0,3}>/).replace(/heading/g, / {0,3}#{1,6}/).replace(/html/g, / {0,3}<[^\n>]+>\n/).replace(/table/g, / {0,3}\|?(?:[:\- ]*\|)+[\:\- ]*\n/).getRegex(), ai = /^([^\n]+(?:\n(?!hr|heading|lheading|blockquote|fences|list|html|table| +\n)[^\n]+)*)/, wr = /^[^\n]+/, hi = /(?!\s*\])(?:\\.|[^\[\]\\])+/, vr = H(/^ {0,3}\[(label)\]: *(?:\n[ \t]*)?([^<\s][^\s]*|<.*?>)(?:(?: +(?:\n[ \t]*)?| *\n[ \t]*)(title))? *(?:\n+|$)/).replace("label", hi).replace("title", /(?:"(?:\\"?|[^"\\])*"|'[^'\n]*(?:\n[^'\n]+)*\n?'|\([^()]*\))/).getRegex(), xr = H(/^( {0,3}bull)([ \t][^\n]+?)?(?:\n|$)/).replace(/bull/g, li).getRegex(), zt = "address|article|aside|base|basefont|blockquote|body|caption|center|col|colgroup|dd|details|dialog|dir|div|dl|dt|fieldset|figcaption|figure|footer|form|frame|frameset|h[1-6]|head|header|hr|html|iframe|legend|li|link|main|menu|menuitem|meta|nav|noframes|ol|optgroup|option|p|param|search|section|summary|table|tbody|td|tfoot|th|thead|title|tr|track|ul", ui = /<!--(?:-?>|[\s\S]*?(?:-->|$))/, kr = H("^ {0,3}(?:<(script|pre|style|textarea)[\\s>][\\s\\S]*?(?:</\\1>[^\\n]*\\n+|$)|comment[^\\n]*(\\n+|$)|<\\?[\\s\\S]*?(?:\\?>\\n*|$)|<![A-Z][\\s\\S]*?(?:>\\n*|$)|<!\\[CDATA\\[[\\s\\S]*?(?:\\]\\]>\\n*|$)|</?(tag)(?: +|\\n|/?>)[\\s\\S]*?(?:(?:\\n[ 	]*)+\\n|$)|<(?!script|pre|style|textarea)([a-z][\\w-]*)(?:attribute)*? */?>(?=[ \\t]*(?:\\n|$))[\\s\\S]*?(?:(?:\\n[ 	]*)+\\n|$)|</(?!script|pre|style|textarea)[a-z][\\w-]*\\s*>(?=[ \\t]*(?:\\n|$))[\\s\\S]*?(?:(?:\\n[ 	]*)+\\n|$))", "i").replace("comment", ui).replace("tag", zt).replace("attribute", / +[a-zA-Z:_][\w.:-]*(?: *= *"[^"\n]*"| *= *'[^'\n]*'| *= *[^\s"'=<>`]+)?/).getRegex(), fs = H(ai).replace("hr", nt).replace("heading", " {0,3}#{1,6}(?:\\s|$)").replace("|lheading", "").replace("|table", "").replace("blockquote", " {0,3}>").replace("fences", " {0,3}(?:`{3,}(?=[^`\\n]*\\n)|~{3,})[^\\n]*\\n").replace("list", " {0,3}(?:[*+-]|1[.)]) ").replace("html", "</?(?:tag)(?: +|\\n|/?>)|<(?:script|pre|style|textarea|!--)").replace("tag", zt).getRegex(), Er = H(/^( {0,3}> ?(paragraph|[^\n]*)(?:\n|$))+/).replace("paragraph", fs).getRegex(), ci = { blockquote: Er, code: mr, def: vr, fences: _r, heading: yr, hr: nt, html: kr, lheading: ps, list: xr, newline: gr, paragraph: fs, table: et, text: wr }, Gi = H("^ *([^\\n ].*)\\n {0,3}((?:\\| *)?:?-+:? *(?:\\| *:?-+:? *)*(?:\\| *)?)(?:\\n((?:(?! *\\n|hr|heading|blockquote|code|fences|list|html).*(?:\\n|$))*)\\n*|$)").replace("hr", nt).replace("heading", " {0,3}#{1,6}(?:\\s|$)").replace("blockquote", " {0,3}>").replace("code", "(?: {4}| {0,3}	)[^\\n]").replace("fences", " {0,3}(?:`{3,}(?=[^`\\n]*\\n)|~{3,})[^\\n]*\\n").replace("list", " {0,3}(?:[*+-]|1[.)]) ").replace("html", "</?(?:tag)(?: +|\\n|/?>)|<(?:script|pre|style|textarea|!--)").replace("tag", zt).getRegex(), Tr = { ...ci, lheading: br, table: Gi, paragraph: H(ai).replace("hr", nt).replace("heading", " {0,3}#{1,6}(?:\\s|$)").replace("|lheading", "").replace("table", Gi).replace("blockquote", " {0,3}>").replace("fences", " {0,3}(?:`{3,}(?=[^`\\n]*\\n)|~{3,})[^\\n]*\\n").replace("list", " {0,3}(?:[*+-]|1[.)]) ").replace("html", "</?(?:tag)(?: +|\\n|/?>)|<(?:script|pre|style|textarea|!--)").replace("tag", zt).getRegex() }, Rr = { ...ci, html: H(`^ *(?:comment *(?:\\n|\\s*$)|<(tag)[\\s\\S]+?</\\1> *(?:\\n{2,}|\\s*$)|<tag(?:"[^"]*"|'[^']*'|\\s[^'"/>\\s]*)*?/?> *(?:\\n{2,}|\\s*$))`).replace("comment", ui).replace(/tag/g, "(?!(?:a|em|strong|small|s|cite|q|dfn|abbr|data|time|code|var|samp|kbd|sub|sup|i|b|u|mark|ruby|rt|rp|bdi|bdo|span|br|wbr|ins|del|img)\\b)\\w+(?!:|[^\\w\\s@]*@)\\b").getRegex(), def: /^ *\[([^\]]+)\]: *<?([^\s>]+)>?(?: +(["(][^\n]+[")]))? *(?:\n+|$)/, heading: /^(#{1,6})(.*)(?:\n+|$)/, fences: et, lheading: /^(.+?)\n {0,3}(=+|-+) *(?:\n+|$)/, paragraph: H(ai).replace("hr", nt).replace("heading", ` *#{1,6} *[^
 ]`).replace("lheading", ps).replace("|table", "").replace("blockquote", " {0,3}>").replace("|fences", "").replace("|list", "").replace("|html", "").replace("|tag", "").getRegex() }, Sr = /^\\([!"#$%&'()*+,\-./:;<=>?@\[\]\\^_`{|}~])/, Cr = /^(`+)([^`]|[^`][\s\S]*?[^`])\1(?!`)/, gs = /^( {2,}|\\)\n(?!\s*$)/, Ar = /^(`+|[^`])(?:(?= {2,}\n)|[\s\S]*?(?:(?=[\\<!\[`*_]|\b_|$)|[^ ](?= {2,}\n)))/, Nt = /[\p{P}\p{S}]/u, di = /[\s\p{P}\p{S}]/u, ms = /[^\s\p{P}\p{S}]/u, Dr = H(/^((?![*_])punctSpace)/, "u").replace(/punctSpace/g, di).getRegex(), _s = /(?!~)[\p{P}\p{S}]/u, Lr = /(?!~)[\s\p{P}\p{S}]/u, zr = /(?:[^\s\p{P}\p{S}]|~)/u, Nr = /\[[^[\]]*?\]\((?:\\.|[^\\\(\)]|\((?:\\.|[^\\\(\)])*\))*\)|`[^`]*?`|<(?! )[^<>]*?>/g, ys = /^(?:\*+(?:((?!\*)punct)|[^\s*]))|^_+(?:((?!_)punct)|([^\s_]))/, Mr = H(ys, "u").replace(/punct/g, Nt).getRegex(), Ir = H(ys, "u").replace(/punct/g, _s).getRegex(), bs = "^[^_*]*?__[^_*]*?\\*[^_*]*?(?=__)|[^*]+(?=[^*])|(?!\\*)punct(\\*+)(?=[\\s]|$)|notPunctSpace(\\*+)(?!\\*)(?=punctSpace|$)|(?!\\*)punctSpace(\\*+)(?=notPunctSpace)|[\\s](\\*+)(?!\\*)(?=punct)|(?!\\*)punct(\\*+)(?!\\*)(?=punct)|notPunctSpace(\\*+)(?=notPunctSpace)", Hr = H(bs, "gu").replace(/notPunctSpace/g, ms).replace(/punctSpace/g, di).replace(/punct/g, Nt).getRegex(), Or = H(bs, "gu").replace(/notPunctSpace/g, zr).replace(/punctSpace/g, Lr).replace(/punct/g, _s).getRegex(), Pr = H("^[^_*]*?\\*\\*[^_*]*?_[^_*]*?(?=\\*\\*)|[^_]+(?=[^_])|(?!_)punct(_+)(?=[\\s]|$)|notPunctSpace(_+)(?!_)(?=punctSpace|$)|(?!_)punctSpace(_+)(?=notPunctSpace)|[\\s](_+)(?!_)(?=punct)|(?!_)punct(_+)(?!_)(?=punct)", "gu").replace(/notPunctSpace/g, ms).replace(/punctSpace/g, di).replace(/punct/g, Nt).getRegex(), $r = H(/\\(punct)/, "gu").replace(/punct/g, Nt).getRegex(), Br = H(/^<(scheme:[^\s\x00-\x1f<>]*|email)>/).replace("scheme", /[a-zA-Z][a-zA-Z0-9+.-]{1,31}/).replace("email", /[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+(@)[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)+(?![-_])/).getRegex(), Ur = H(ui).replace("(?:-->|$)", "-->").getRegex(), Fr = H("^comment|^</[a-zA-Z][\\w:-]*\\s*>|^<[a-zA-Z][\\w-]*(?:attribute)*?\\s*/?>|^<\\?[\\s\\S]*?\\?>|^<![a-zA-Z]+\\s[\\s\\S]*?>|^<!\\[CDATA\\[[\\s\\S]*?\\]\\]>").replace("comment", Ur).replace("attribute", /\s+[a-zA-Z:_][\w.:-]*(?:\s*=\s*"[^"]*"|\s*=\s*'[^']*'|\s*=\s*[^\s"'=<>`]+)?/).getRegex(), Et = /(?:\[(?:\\.|[^\[\]\\])*\]|\\.|`[^`]*`|[^\[\]\\`])*?/, Wr = H(/^!?\[(label)\]\(\s*(href)(?:(?:[ \t]*(?:\n[ \t]*)?)(title))?\s*\)/).replace("label", Et).replace("href", /<(?:\\.|[^\n<>\\])+>|[^ \t\n\x00-\x1f]*/).replace("title", /"(?:\\"?|[^"\\])*"|'(?:\\'?|[^'\\])*'|\((?:\\\)?|[^)\\])*\)/).getRegex(), ws = H(/^!?\[(label)\]\[(ref)\]/).replace("label", Et).replace("ref", hi).getRegex(), vs = H(/^!?\[(ref)\](?:\[\])?/).replace("ref", hi).getRegex(), Gr = H("reflink|nolink(?!\\()", "g").replace("reflink", ws).replace("nolink", vs).getRegex(), pi = { _backpedal: et, anyPunctuation: $r, autolink: Br, blockSkip: Nr, br: gs, code: Cr, del: et, emStrongLDelim: Mr, emStrongRDelimAst: Hr, emStrongRDelimUnd: Pr, escape: Sr, link: Wr, nolink: vs, punctuation: Dr, reflink: ws, reflinkSearch: Gr, tag: Fr, text: Ar, url: et }, Vr = { ...pi, link: H(/^!?\[(label)\]\((.*?)\)/).replace("label", Et).getRegex(), reflink: H(/^!?\[(label)\]\s*\[([^\]]*)\]/).replace("label", Et).getRegex() }, ei = { ...pi, emStrongRDelimAst: Or, emStrongLDelim: Ir, url: H(/^((?:ftp|https?):\/\/|www\.)(?:[a-zA-Z0-9\-]+\.?)+[^\s<]*|^email/, "i").replace("email", /[A-Za-z0-9._+-]+(@)[a-zA-Z0-9-_]+(?:\.[a-zA-Z0-9-_]*[a-zA-Z0-9])+(?![-_])/).getRegex(), _backpedal: /(?:[^?!.,:;*_'"~()&]+|\([^)]*\)|&(?![a-zA-Z0-9]+;$)|[?!.,:;*_'"~)]+(?!$))+/, del: /^(~~?)(?=[^\s~])((?:\\.|[^\\])*?(?:\\.|[^\s~\\]))\1(?=[^~]|$)/, text: /^([`~]+|[^`~])(?:(?= {2,}\n)|(?=[a-zA-Z0-9.!#$%&'*+\/=?_`{\|}~-]+@)|[\s\S]*?(?:(?=[\\<!\[`*~_]|\b_|https?:\/\/|ftp:\/\/|www\.|$)|[^ ](?= {2,}\n)|[^a-zA-Z0-9.!#$%&'*+\/=?_`{\|}~-](?=[a-zA-Z0-9.!#$%&'*+\/=?_`{\|}~-]+@)))/ }, qr = { ...ei, br: H(gs).replace("{2,}", "*").getRegex(), text: H(ei.text).replace("\\b_", "\\b_| {2,}\\n").replace(/\{2,\}/g, "*").getRegex() }, mt = { normal: ci, gfm: Tr, pedantic: Rr }, je = { normal: pi, gfm: ei, breaks: qr, pedantic: Vr }, jr = { "&": "&amp;", "<": "&lt;", ">": "&gt;", '"': "&quot;", "'": "&#39;" }, Vi = (o) => jr[o];
-function me(o, e) {
+function ge(o, e) {
   if (e) {
     if (se.escapeTest.test(o)) return o.replace(se.escapeReplace, Vi);
   } else if (se.escapeTestNoEncode.test(o)) return o.replace(se.escapeReplaceNoEncode, Vi);
@@ -555,20 +554,20 @@ ${h}` : h;
 `, 1)[0], m = !p.trim(), b = 0;
         if (this.options.pedantic ? (b = 2, h = p.trimStart()) : m ? b = e[1].length + 1 : (b = e[2].search(this.rules.other.nonSpaceChar), b = b > 4 ? 1 : b, h = p.slice(b), b += e[1].length), m && this.rules.other.blankLine.test(c) && (a += c + `
 `, o = o.substring(c.length + 1), u = !0), !u) {
-          let C = this.rules.other.nextBulletRegex(b), L = this.rules.other.hrRegex(b), A = this.rules.other.fencesBeginRegex(b), E = this.rules.other.headingBeginRegex(b), U = this.rules.other.htmlBeginRegex(b);
+          let C = this.rules.other.nextBulletRegex(b), L = this.rules.other.hrRegex(b), A = this.rules.other.fencesBeginRegex(b), k = this.rules.other.headingBeginRegex(b), U = this.rules.other.htmlBeginRegex(b);
           for (; o; ) {
-            let _ = o.split(`
-`, 1)[0], y;
-            if (c = _, this.options.pedantic ? (c = c.replace(this.rules.other.listReplaceNesting, "  "), y = c) : y = c.replace(this.rules.other.tabCharGlobal, "    "), A.test(c) || E.test(c) || U.test(c) || C.test(c) || L.test(c)) break;
-            if (y.search(this.rules.other.nonSpaceChar) >= b || !c.trim()) h += `
-` + y.slice(b);
+            let y = o.split(`
+`, 1)[0], _;
+            if (c = y, this.options.pedantic ? (c = c.replace(this.rules.other.listReplaceNesting, "  "), _ = c) : _ = c.replace(this.rules.other.tabCharGlobal, "    "), A.test(c) || k.test(c) || U.test(c) || C.test(c) || L.test(c)) break;
+            if (_.search(this.rules.other.nonSpaceChar) >= b || !c.trim()) h += `
+` + _.slice(b);
             else {
-              if (m || p.replace(this.rules.other.tabCharGlobal, "    ").search(this.rules.other.nonSpaceChar) >= 4 || A.test(p) || E.test(p) || L.test(p)) break;
+              if (m || p.replace(this.rules.other.tabCharGlobal, "    ").search(this.rules.other.nonSpaceChar) >= 4 || A.test(p) || k.test(p) || L.test(p)) break;
               h += `
 ` + c;
             }
-            !m && !c.trim() && (m = !0), a += _ + `
-`, o = o.substring(_.length + 1), p = y.slice(b);
+            !m && !c.trim() && (m = !0), a += y + `
+`, o = o.substring(y.length + 1), p = _.slice(b);
           }
         }
         s.loose || (l ? s.loose = !0 : this.rules.other.doubleBlankLine.test(a) && (l = !0));
@@ -960,8 +959,8 @@ ${h}` : h;
     var r;
     let i = (r = (e || "").match(se.notSpaceStart)) == null ? void 0 : r[0], s = o.replace(se.endingNewline, "") + `
 `;
-    return i ? '<pre><code class="language-' + me(i) + '">' + (t ? s : me(s, !0)) + `</code></pre>
-` : "<pre><code>" + (t ? s : me(s, !0)) + `</code></pre>
+    return i ? '<pre><code class="language-' + ge(i) + '">' + (t ? s : ge(s, !0)) + `</code></pre>
+` : "<pre><code>" + (t ? s : ge(s, !0)) + `</code></pre>
 `;
   }
   blockquote({ tokens: o }) {
@@ -999,7 +998,7 @@ ${this.parser.parse(o)}</blockquote>
     let e = "";
     if (o.task) {
       let i = this.checkbox({ checked: !!o.checked });
-      o.loose ? ((t = o.tokens[0]) == null ? void 0 : t.type) === "paragraph" ? (o.tokens[0].text = i + " " + o.tokens[0].text, o.tokens[0].tokens && o.tokens[0].tokens.length > 0 && o.tokens[0].tokens[0].type === "text" && (o.tokens[0].tokens[0].text = i + " " + me(o.tokens[0].tokens[0].text), o.tokens[0].tokens[0].escaped = !0)) : o.tokens.unshift({ type: "text", raw: i + " ", text: i + " ", escaped: !0 }) : e += i + " ";
+      o.loose ? ((t = o.tokens[0]) == null ? void 0 : t.type) === "paragraph" ? (o.tokens[0].text = i + " " + o.tokens[0].text, o.tokens[0].tokens && o.tokens[0].tokens.length > 0 && o.tokens[0].tokens[0].type === "text" && (o.tokens[0].tokens[0].text = i + " " + ge(o.tokens[0].tokens[0].text), o.tokens[0].tokens[0].escaped = !0)) : o.tokens.unshift({ type: "text", raw: i + " ", text: i + " ", escaped: !0 }) : e += i + " ";
     }
     return e += this.parser.parse(o.tokens, !!o.loose), `<li>${e}</li>
 `;
@@ -1045,7 +1044,7 @@ ${o}</tr>
     return `<em>${this.parser.parseInline(o)}</em>`;
   }
   codespan({ text: o }) {
-    return `<code>${me(o, !0)}</code>`;
+    return `<code>${ge(o, !0)}</code>`;
   }
   br(o) {
     return "<br>";
@@ -1058,18 +1057,18 @@ ${o}</tr>
     if (s === null) return i;
     o = s;
     let r = '<a href="' + o + '"';
-    return e && (r += ' title="' + me(e) + '"'), r += ">" + i + "</a>", r;
+    return e && (r += ' title="' + ge(e) + '"'), r += ">" + i + "</a>", r;
   }
   image({ href: o, title: e, text: t, tokens: i }) {
     i && (t = this.parser.parseInline(i, this.parser.textRenderer));
     let s = qi(o);
-    if (s === null) return me(t);
+    if (s === null) return ge(t);
     o = s;
     let r = `<img src="${o}" alt="${t}"`;
-    return e && (r += ` title="${me(e)}"`), r += ">", r;
+    return e && (r += ` title="${ge(e)}"`), r += ">", r;
   }
   text(o) {
-    return "tokens" in o && o.tokens ? this.parser.parseInline(o.tokens) : "escaped" in o && o.escaped ? o.text : me(o.text);
+    return "tokens" in o && o.tokens ? this.parser.parseInline(o.tokens) : "escaped" in o && o.escaped ? o.text : ge(o.text);
   }
 }, fi = class {
   strong({ text: o }) {
@@ -1410,7 +1409,7 @@ ${o}</tr>
     return (t) => {
       if (t.message += `
 Please report this to https://github.com/markedjs/marked.`, o) {
-        let i = "<p>An error occurred:</p><pre>" + me(t.message + "", !0) + "</pre>";
+        let i = "<p>An error occurred:</p><pre>" + ge(t.message + "", !0) + "</pre>";
         return e ? Promise.resolve(i) : i;
       }
       if (e) return Promise.reject(t);
@@ -1618,17 +1617,17 @@ function Rs() {
     const v = t.createElement("template");
     v.content && v.content.ownerDocument && (t = v.content.ownerDocument);
   }
-  let E, U = "";
+  let k, U = "";
   const {
-    implementation: _,
-    createNodeIterator: y,
+    implementation: y,
+    createNodeIterator: _,
     createDocumentFragment: T,
-    getElementsByTagName: k
+    getElementsByTagName: E
   } = t, {
     importNode: q
   } = i;
   let P = ss();
-  e.isSupported = typeof xs == "function" && typeof A == "function" && _ && _.createHTMLDocument !== void 0;
+  e.isSupported = typeof xs == "function" && typeof A == "function" && y && y.createHTMLDocument !== void 0;
   const {
     MUSTACHE_EXPR: M,
     ERB_EXPR: Se,
@@ -1690,9 +1689,9 @@ function Rs() {
           throw Ke('TRUSTED_TYPES_POLICY configuration option must provide a "createHTML" hook.');
         if (typeof d.TRUSTED_TYPES_POLICY.createScriptURL != "function")
           throw Ke('TRUSTED_TYPES_POLICY configuration option must provide a "createScriptURL" hook.');
-        E = d.TRUSTED_TYPES_POLICY, U = E.createHTML("");
+        k = d.TRUSTED_TYPES_POLICY, U = k.createHTML("");
       } else
-        E === void 0 && (E = yn(m, s)), E !== null && typeof U == "string" && (U = E.createHTML(""));
+        k === void 0 && (k = yn(m, s)), k !== null && typeof U == "string" && (U = k.createHTML(""));
       re && re(d), Ue = d;
     }
   }, Li = D({}, [...jt, ...Yt, ...ln]), zi = D({}, [...Xt, ...an]), Is = function(d) {
@@ -1703,7 +1702,7 @@ function Rs() {
     });
     const w = wt(d.tagName), W = wt(g.tagName);
     return Ft[d.namespaceURI] ? d.namespaceURI === pt ? g.namespaceURI === we ? w === "svg" : g.namespaceURI === dt ? w === "svg" && (W === "annotation-xml" || ft[W]) : !!Li[w] : d.namespaceURI === dt ? g.namespaceURI === we ? w === "math" : g.namespaceURI === pt ? w === "math" && gt[W] : !!zi[w] : d.namespaceURI === we ? g.namespaceURI === pt && !gt[W] || g.namespaceURI === dt && !ft[W] ? !1 : !zi[w] && (Ls[w] || !Li[w]) : !!(Ve === "application/xhtml+xml" && Ft[d.namespaceURI]) : !1;
-  }, ge = function(d) {
+  }, fe = function(d) {
     Xe(e.removed, {
       element: d
     });
@@ -1727,7 +1726,7 @@ function Rs() {
     if (g.removeAttribute(d), d === "is")
       if (Oe || ut)
         try {
-          ge(g);
+          fe(g);
         } catch {
         }
       else
@@ -1744,23 +1743,23 @@ function Rs() {
       w = j && j[0];
     }
     Ve === "application/xhtml+xml" && Be === we && (d = '<html xmlns="http://www.w3.org/1999/xhtml"><head></head><body>' + d + "</body></html>");
-    const W = E ? E.createHTML(d) : d;
+    const W = k ? k.createHTML(d) : d;
     if (Be === we)
       try {
         g = new c().parseFromString(W, Ve);
       } catch {
       }
     if (!g || !g.documentElement) {
-      g = _.createDocument(Be, "template", null);
+      g = y.createDocument(Be, "template", null);
       try {
         g.documentElement.innerHTML = Ut ? U : W;
       } catch {
       }
     }
     const J = g.body || g.documentElement;
-    return d && w && J.insertBefore(t.createTextNode(w), J.childNodes[0] || null), Be === we ? k.call(g, Ce ? "html" : "body")[0] : Ce ? g.documentElement : J;
+    return d && w && J.insertBefore(t.createTextNode(w), J.childNodes[0] || null), Be === we ? E.call(g, Ce ? "html" : "body")[0] : Ce ? g.documentElement : J;
   }, Mi = function(d) {
-    return y.call(
+    return _.call(
       d.ownerDocument || d,
       d,
       // eslint-disable-next-line no-bitwise
@@ -1780,13 +1779,13 @@ function Rs() {
   const Hi = function(d) {
     let g = null;
     if (ve(P.beforeSanitizeElements, d, null), Gt(d))
-      return ge(d), !0;
+      return fe(d), !0;
     const w = Z(d.nodeName);
     if (ve(P.uponSanitizeElement, d, {
       tagName: w,
       allowedTags: X
     }), ht && d.hasChildNodes() && !Ii(d.firstElementChild) && te(/<[/\w!]/g, d.innerHTML) && te(/<[/\w!]/g, d.textContent) || d.nodeType === Je.progressingInstruction || ht && d.nodeType === Je.comment && te(/<[/\w]/g, d.data))
-      return ge(d), !0;
+      return fe(d), !0;
     if (!X[w] || We[w]) {
       if (!We[w] && Pi(w) && (G.tagNameCheck instanceof RegExp && te(G.tagNameCheck, w) || G.tagNameCheck instanceof Function && G.tagNameCheck(w)))
         return !1;
@@ -1800,9 +1799,9 @@ function Rs() {
           }
         }
       }
-      return ge(d), !0;
+      return fe(d), !0;
     }
-    return d instanceof u && !Is(d) || (w === "noscript" || w === "noembed" || w === "noframes") && te(/<\/no(script|embed|frames)/i, d.innerHTML) ? (ge(d), !0) : (He && d.nodeType === Je.text && (g = d.textContent, _t([M, Se, Ie], (W) => {
+    return d instanceof u && !Is(d) || (w === "noscript" || w === "noembed" || w === "noframes") && te(/<\/no(script|embed|frames)/i, d.innerHTML) ? (fe(d), !0) : (He && d.nodeType === Je.text && (g = d.textContent, _t([M, Se, Ie], (W) => {
       g = Ze(g, W, " ");
     }), d.textContent !== g && (Xe(e.removed, {
       element: d.cloneNode()
@@ -1880,20 +1879,20 @@ function Rs() {
         Fe(j, d);
         continue;
       }
-      if (E && typeof m == "object" && typeof m.getAttributeType == "function" && !oe)
+      if (k && typeof m == "object" && typeof m.getAttributeType == "function" && !oe)
         switch (m.getAttributeType(Bi, qe)) {
           case "TrustedHTML": {
-            ee = E.createHTML(ee);
+            ee = k.createHTML(ee);
             break;
           }
           case "TrustedScriptURL": {
-            ee = E.createScriptURL(ee);
+            ee = k.createScriptURL(ee);
             break;
           }
         }
       if (ee !== Vt)
         try {
-          oe ? d.setAttributeNS(oe, j, ee) : d.setAttribute(j, ee), Gt(d) ? ge(d) : Zi(e.removed);
+          oe ? d.setAttributeNS(oe, j, ee) : d.setAttribute(j, ee), Gt(d) ? fe(d) : Zi(e.removed);
         } catch {
           Fe(j, d);
         }
@@ -1927,11 +1926,11 @@ function Rs() {
     else {
       if (!Oe && !He && !Ce && // eslint-disable-next-line unicorn/prefer-includes
       v.indexOf("<") === -1)
-        return E && ct ? E.createHTML(v) : v;
+        return k && ct ? k.createHTML(v) : v;
       if (g = Ni(v), !g)
         return Oe ? null : ct ? U : "";
     }
-    g && Pt && ge(g.firstChild);
+    g && Pt && fe(g.firstChild);
     const j = Mi(Ge ? v : g);
     for (; W = j.nextNode(); )
       Hi(W), $i(W), W.content instanceof r && Hs(W.content);
@@ -1949,7 +1948,7 @@ function Rs() {
     return Ce && X["!doctype"] && g.ownerDocument && g.ownerDocument.doctype && g.ownerDocument.doctype.name && te(Ts, g.ownerDocument.doctype.name) && (oe = "<!DOCTYPE " + g.ownerDocument.doctype.name + `>
 ` + oe), He && _t([M, Se, Ie], (xe) => {
       oe = Ze(oe, xe, " ");
-    }), E && ct ? E.createHTML(oe) : oe;
+    }), k && ct ? k.createHTML(oe) : oe;
   }, e.setConfig = function() {
     let v = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
     Wt(v), Ot = !0;
@@ -1991,14 +1990,14 @@ const wn = ["innerHTML"], vn = "Markdown", xn = /* @__PURE__ */ be({
       breaks: !0
     });
     const r = F(t.markdownText ?? "");
-    fe(() => t.markdownText, (h) => {
+    pe(() => t.markdownText, (h) => {
       h !== void 0 && h !== r.value && (r.value = h);
     });
     const l = F(t.mode ? t.mode === "edit" : !1);
-    fe(() => t.mode, (h) => {
+    pe(() => t.mode, (h) => {
       h && (l.value = h === "edit");
     });
-    const n = de(() => {
+    const n = ye(() => {
       const h = t.inputFormat === "html" ? r.value ?? "" : I.parse(r.value ?? "");
       return t.sanitize === !1 ? h : bn.sanitize(h);
     });
@@ -2030,7 +2029,7 @@ const wn = ["innerHTML"], vn = "Markdown", xn = /* @__PURE__ */ be({
       ], 16)
     ], 64));
   }
-}), oo = /* @__PURE__ */ Ne(xn, [["__scopeId", "data-v-b2d32c29"]]);
+}), oo = /* @__PURE__ */ Ne(xn, [["__scopeId", "data-v-5bf532d5"]]);
 function kn(o, e, t, i, s) {
   let r = (...l) => (console.warn("gridstack.js: Function `" + t + "` is deprecated in " + s + " and has been replaced with `" + i + "`. It will be **removed** in a future release"), e.apply(o, l));
   return r.prototype = e.prototype, r;
@@ -2332,7 +2331,7 @@ class f {
     ), (i || e.target).dispatchEvent(s);
   }
 }
-class _e {
+class me {
   constructor(e = {}) {
     this.addedNodes = [], this.removedNodes = [], this.column = e.column || 12, this.maxRow = e.maxRow, this._float = e.float, this.nodes = e.nodes || [], this.onChange = e.onChange;
   }
@@ -2498,7 +2497,7 @@ class _e {
    * @param resizing if out of bound, resize down or move into the grid to fit ?
    */
   prepareNode(e, t) {
-    e._id = e._id ?? _e._idSeq++, (e.x === void 0 || e.y === void 0 || e.x === null || e.y === null) && (e.autoPosition = !0);
+    e._id = e._id ?? me._idSeq++, (e.x === void 0 || e.y === void 0 || e.x === null || e.y === null) && (e.autoPosition = !0);
     let i = { x: 0, y: 0, w: 1, h: 1 };
     return f.defaults(e, i), e.autoPosition || delete e.autoPosition, e.noResize || delete e.noResize, e.noMove || delete e.noMove, f.sanitizeMinMax(e), typeof e.x == "string" && (e.x = Number(e.x)), typeof e.y == "string" && (e.y = Number(e.y)), typeof e.w == "string" && (e.w = Number(e.w)), typeof e.h == "string" && (e.h = Number(e.h)), isNaN(e.x) && (e.x = i.x, e.autoPosition = !0), isNaN(e.y) && (e.y = i.y, e.autoPosition = !0), isNaN(e.w) && (e.w = i.w), isNaN(e.h) && (e.h = i.h), this.nodeBoundFix(e, t), e;
   }
@@ -2580,7 +2579,7 @@ class _e {
       return !1;
     if (t.pack = !0, !this.maxRow)
       return this.moveNode(e, t);
-    let i, s = new _e({
+    let i, s = new me({
       column: this.column,
       float: this.float,
       nodes: this.nodes.map((l) => l._id === e._id ? (i = { ...l }, i) : { ...l })
@@ -2602,7 +2601,7 @@ class _e {
   willItFit(e) {
     if (delete e._willFitPos, !this.maxRow)
       return !0;
-    let t = new _e({
+    let t = new me({
       column: this.column,
       float: this.float,
       nodes: this.nodes.map((s) => ({ ...s }))
@@ -2747,7 +2746,7 @@ class _e {
     return e.forEach((r, l) => {
       if (r._id === void 0) {
         const n = r.id ? this.nodes.find((u) => u.id === r.id) : void 0;
-        r._id = (n == null ? void 0 : n._id) ?? _e._idSeq++;
+        r._id = (n == null ? void 0 : n._id) ?? me._idSeq++;
       }
       s[l] = { x: r.x, y: r.y, w: r.w, _id: r._id };
     }), this._layouts = i ? [] : this._layouts || [], this._layouts[t] = s, this;
@@ -2758,7 +2757,7 @@ class _e {
    * @param column corresponding column index to save it under
    */
   cacheOneLayout(e, t) {
-    e._id = e._id ?? _e._idSeq++;
+    e._id = e._id ?? me._idSeq++;
     let i = { x: e.x, y: e.y, w: e.w, _id: e._id };
     (e.autoPosition || e.x === void 0) && (delete i.x, delete i.y, e.autoPosition && (i.autoPosition = !0)), this._layouts = this._layouts || [], this._layouts[t] = this._layouts[t] || [];
     let s = this.findCacheLayout(e, t);
@@ -2782,7 +2781,7 @@ class _e {
     return this;
   }
 }
-_e._idSeq = 0;
+me._idSeq = 0;
 const ae = {
   alwaysShowResizeHandle: "mobile",
   animate: !0,
@@ -2823,8 +2822,8 @@ const ae = {
 };
 class x {
 }
-const pe = typeof window < "u" && typeof document < "u" && ("ontouchstart" in document || "ontouchstart" in window || window.DocumentTouch && document instanceof window.DocumentTouch || navigator.maxTouchPoints > 0 || navigator.msMaxTouchPoints > 0);
-class ye {
+const de = typeof window < "u" && typeof document < "u" && ("ontouchstart" in document || "ontouchstart" in window || window.DocumentTouch && document instanceof window.DocumentTouch || navigator.maxTouchPoints > 0 || navigator.msMaxTouchPoints > 0);
+class _e {
 }
 function St(o, e) {
   if (o.touches.length > 1)
@@ -2901,17 +2900,17 @@ function Ss(o, e) {
   ), o.target.dispatchEvent(t);
 }
 function Ct(o) {
-  ye.touchHandled || (ye.touchHandled = !0, St(o, "mousedown"));
+  _e.touchHandled || (_e.touchHandled = !0, St(o, "mousedown"));
 }
 function At(o) {
-  ye.touchHandled && St(o, "mousemove");
+  _e.touchHandled && St(o, "mousemove");
 }
 function Dt(o) {
-  if (!ye.touchHandled)
+  if (!_e.touchHandled)
     return;
-  ye.pointerLeaveTimeout && (window.clearTimeout(ye.pointerLeaveTimeout), delete ye.pointerLeaveTimeout);
+  _e.pointerLeaveTimeout && (window.clearTimeout(_e.pointerLeaveTimeout), delete _e.pointerLeaveTimeout);
   const e = !!x.dragElement;
-  St(o, "mouseup"), e || St(o, "click"), ye.touchHandled = !1;
+  St(o, "mouseup"), e || St(o, "click"), _e.touchHandled = !1;
 }
 function Lt(o) {
   o.pointerType !== "mouse" && o.target.releasePointerCapture(o.pointerId);
@@ -2920,8 +2919,8 @@ function rs(o) {
   x.dragElement && o.pointerType !== "mouse" && Ss(o, "mouseenter");
 }
 function ns(o) {
-  x.dragElement && o.pointerType !== "mouse" && (ye.pointerLeaveTimeout = window.setTimeout(() => {
-    delete ye.pointerLeaveTimeout, Ss(o, "mouseleave");
+  x.dragElement && o.pointerType !== "mouse" && (_e.pointerLeaveTimeout = window.setTimeout(() => {
+    delete _e.pointerLeaveTimeout, Ss(o, "mouseleave");
   }, 10));
 }
 class Mt {
@@ -2931,15 +2930,15 @@ class Mt {
   /** @internal */
   _init() {
     const e = document.createElement("div");
-    return e.classList.add("ui-resizable-handle"), e.classList.add(`${Mt.prefix}${this.dir}`), e.style.zIndex = "100", e.style.userSelect = "none", this.el = e, this.host.appendChild(this.el), this.el.addEventListener("mousedown", this._mouseDown), pe && (this.el.addEventListener("touchstart", Ct), this.el.addEventListener("pointerdown", Lt)), this;
+    return e.classList.add("ui-resizable-handle"), e.classList.add(`${Mt.prefix}${this.dir}`), e.style.zIndex = "100", e.style.userSelect = "none", this.el = e, this.host.appendChild(this.el), this.el.addEventListener("mousedown", this._mouseDown), de && (this.el.addEventListener("touchstart", Ct), this.el.addEventListener("pointerdown", Lt)), this;
   }
   /** call this when resize handle needs to be removed and cleaned up */
   destroy() {
-    return this.moving && this._mouseUp(this.mouseDownEvent), this.el.removeEventListener("mousedown", this._mouseDown), pe && (this.el.removeEventListener("touchstart", Ct), this.el.removeEventListener("pointerdown", Lt)), this.host.removeChild(this.el), delete this.el, delete this.host, this;
+    return this.moving && this._mouseUp(this.mouseDownEvent), this.el.removeEventListener("mousedown", this._mouseDown), de && (this.el.removeEventListener("touchstart", Ct), this.el.removeEventListener("pointerdown", Lt)), this.host.removeChild(this.el), delete this.el, delete this.host, this;
   }
   /** @internal called on mouse down on us: capture move on the entire document (mouse might not stay on us) until we release the mouse */
   _mouseDown(e) {
-    this.mouseDownEvent = e, document.addEventListener("mousemove", this._mouseMove, !0), document.addEventListener("mouseup", this._mouseUp, !0), pe && (this.el.addEventListener("touchmove", At), this.el.addEventListener("touchend", Dt)), e.stopPropagation(), e.preventDefault();
+    this.mouseDownEvent = e, document.addEventListener("mousemove", this._mouseMove, !0), document.addEventListener("mouseup", this._mouseUp, !0), de && (this.el.addEventListener("touchmove", At), this.el.addEventListener("touchend", Dt)), e.stopPropagation(), e.preventDefault();
   }
   /** @internal */
   _mouseMove(e) {
@@ -2948,7 +2947,7 @@ class Mt {
   }
   /** @internal */
   _mouseUp(e) {
-    this.moving && this._triggerEvent("stop", e), document.removeEventListener("mousemove", this._mouseMove, !0), document.removeEventListener("mouseup", this._mouseUp, !0), pe && (this.el.removeEventListener("touchmove", At), this.el.removeEventListener("touchend", Dt)), delete this.moving, delete this.mouseDownEvent, e.stopPropagation(), e.preventDefault();
+    this.moving && this._triggerEvent("stop", e), document.removeEventListener("mousemove", this._mouseMove, !0), document.removeEventListener("mouseup", this._mouseUp, !0), de && (this.el.removeEventListener("touchmove", At), this.el.removeEventListener("touchend", Dt)), delete this.moving, delete this.mouseDownEvent, e.stopPropagation(), e.preventDefault();
   }
   /** @internal */
   _triggerEvent(e, t) {
@@ -3157,10 +3156,10 @@ class st extends gi {
     super.off(e);
   }
   enable() {
-    this.disabled !== !1 && (super.enable(), this.dragEl.addEventListener("mousedown", this._mouseDown), pe && (this.dragEl.addEventListener("touchstart", Ct), this.dragEl.addEventListener("pointerdown", Lt)), this.el.classList.remove("ui-draggable-disabled"));
+    this.disabled !== !1 && (super.enable(), this.dragEl.addEventListener("mousedown", this._mouseDown), de && (this.dragEl.addEventListener("touchstart", Ct), this.dragEl.addEventListener("pointerdown", Lt)), this.el.classList.remove("ui-draggable-disabled"));
   }
   disable(e = !1) {
-    this.disabled !== !0 && (super.disable(), this.dragEl.removeEventListener("mousedown", this._mouseDown), pe && (this.dragEl.removeEventListener("touchstart", Ct), this.dragEl.removeEventListener("pointerdown", Lt)), e || this.el.classList.add("ui-draggable-disabled"));
+    this.disabled !== !0 && (super.disable(), this.dragEl.removeEventListener("mousedown", this._mouseDown), de && (this.dragEl.removeEventListener("touchstart", Ct), this.dragEl.removeEventListener("pointerdown", Lt)), e || this.el.classList.add("ui-draggable-disabled"));
   }
   destroy() {
     this.dragTimeout && window.clearTimeout(this.dragTimeout), delete this.dragTimeout, this.mouseDownEvent && this._mouseUp(this.mouseDownEvent), this.disable(!0), delete this.el, delete this.helper, delete this.option, super.destroy();
@@ -3171,7 +3170,7 @@ class st extends gi {
   /** @internal call when mouse goes down before a dragstart happens */
   _mouseDown(e) {
     if (!x.mouseHandled)
-      return e.button !== 0 || e.target.closest(Tn) || this.option.cancel && e.target.closest(this.option.cancel) || (this.mouseDownEvent = e, delete this.dragging, delete x.dragElement, delete x.dropElement, document.addEventListener("mousemove", this._mouseMove, !0), document.addEventListener("mouseup", this._mouseUp, !0), pe && (this.dragEl.addEventListener("touchmove", At), this.dragEl.addEventListener("touchend", Dt)), e.preventDefault(), document.activeElement && document.activeElement.blur(), x.mouseHandled = !0), !0;
+      return e.button !== 0 || e.target.closest(Tn) || this.option.cancel && e.target.closest(this.option.cancel) || (this.mouseDownEvent = e, delete this.dragging, delete x.dragElement, delete x.dropElement, document.addEventListener("mousemove", this._mouseMove, !0), document.addEventListener("mouseup", this._mouseUp, !0), de && (this.dragEl.addEventListener("touchmove", At), this.dragEl.addEventListener("touchend", Dt)), e.preventDefault(), document.activeElement && document.activeElement.blur(), x.mouseHandled = !0), !0;
   }
   /** @internal method to call actual drag event */
   _callDrag(e) {
@@ -3202,7 +3201,7 @@ class st extends gi {
   /** @internal call when the mouse gets released to drop the item at current location */
   _mouseUp(e) {
     var t;
-    if (document.removeEventListener("mousemove", this._mouseMove, !0), document.removeEventListener("mouseup", this._mouseUp, !0), pe && (this.dragEl.removeEventListener("touchmove", At, !0), this.dragEl.removeEventListener("touchend", Dt, !0)), this.dragging) {
+    if (document.removeEventListener("mousemove", this._mouseMove, !0), document.removeEventListener("mouseup", this._mouseUp, !0), de && (this.dragEl.removeEventListener("touchmove", At, !0), this.dragEl.removeEventListener("touchend", Dt, !0)), this.dragging) {
       delete this.dragging, ((t = x.dropElement) == null ? void 0 : t.el) === this.el.parentElement && delete x.dropElement, this.helperContainment.style.position = this.parentOriginStylePosition || null, this.helper === this.el ? this._removeHelperStyle() : this.helper.remove();
       const i = f.initEvent(e, { target: this.el, type: "dragstop" });
       this.option.stop && this.option.stop(i), this.triggerEvent("dragstop", i), x.dropElement && x.dropElement.drop(e);
@@ -3300,10 +3299,10 @@ class Rn extends gi {
     super.off(e);
   }
   enable() {
-    this.disabled !== !1 && (super.enable(), this.el.classList.add("ui-droppable"), this.el.classList.remove("ui-droppable-disabled"), this.el.addEventListener("mouseenter", this._mouseEnter), this.el.addEventListener("mouseleave", this._mouseLeave), pe && (this.el.addEventListener("pointerenter", rs), this.el.addEventListener("pointerleave", ns)));
+    this.disabled !== !1 && (super.enable(), this.el.classList.add("ui-droppable"), this.el.classList.remove("ui-droppable-disabled"), this.el.addEventListener("mouseenter", this._mouseEnter), this.el.addEventListener("mouseleave", this._mouseLeave), de && (this.el.addEventListener("pointerenter", rs), this.el.addEventListener("pointerleave", ns)));
   }
   disable(e = !1) {
-    this.disabled !== !0 && (super.disable(), this.el.classList.remove("ui-droppable"), e || this.el.classList.add("ui-droppable-disabled"), this.el.removeEventListener("mouseenter", this._mouseEnter), this.el.removeEventListener("mouseleave", this._mouseLeave), pe && (this.el.removeEventListener("pointerenter", rs), this.el.removeEventListener("pointerleave", ns)));
+    this.disabled !== !0 && (super.disable(), this.el.classList.remove("ui-droppable"), e || this.el.classList.add("ui-droppable-disabled"), this.el.removeEventListener("mouseenter", this._mouseEnter), this.el.removeEventListener("mouseleave", this._mouseLeave), de && (this.el.removeEventListener("pointerenter", rs), this.el.removeEventListener("pointerleave", ns)));
   }
   destroy() {
     this.disable(!0), this.el.classList.remove("ui-droppable"), this.el.classList.remove("ui-droppable-disabled"), super.destroy();
@@ -3577,8 +3576,8 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
     e.getAttribute("gs-animate") && (s.animate = f.toBool(e.getAttribute("gs-animate"))), this.opts = f.defaults(t, s), t = null, this._initMargin(), this.opts.column !== 1 && !this.opts.disableOneColumnMode && this._widthOrContainer() <= this.opts.oneColumnSize && (this._prevColumn = this.getColumn(), this.opts.column = 1), this.opts.rtl === "auto" && (this.opts.rtl = e.style.direction === "rtl"), this.opts.rtl && this.el.classList.add("grid-stack-rtl");
     const r = (u = this.el.parentElement) == null ? void 0 : u.parentElement;
     let l = r != null && r.classList.contains(ae.itemClass) ? r.gridstackNode : void 0;
-    l && (l.subGrid = this, this.parentGridItem = l, this.el.classList.add("grid-stack-nested"), l.el.classList.add("grid-stack-sub-grid")), this._isAutoCellHeight = this.opts.cellHeight === "auto", this._isAutoCellHeight || this.opts.cellHeight === "initial" ? this.cellHeight(void 0, !1) : (typeof this.opts.cellHeight == "number" && this.opts.cellHeightUnit && this.opts.cellHeightUnit !== ae.cellHeightUnit && (this.opts.cellHeight = this.opts.cellHeight + this.opts.cellHeightUnit, delete this.opts.cellHeightUnit), this.cellHeight(this.opts.cellHeight, !1)), this.opts.alwaysShowResizeHandle === "mobile" && (this.opts.alwaysShowResizeHandle = pe), this._styleSheetClass = "gs-id-" + _e._idSeq++, this.el.classList.add(this._styleSheetClass), this._setStaticClass();
-    let n = this.opts.engineClass || R.engineClass || _e;
+    l && (l.subGrid = this, this.parentGridItem = l, this.el.classList.add("grid-stack-nested"), l.el.classList.add("grid-stack-sub-grid")), this._isAutoCellHeight = this.opts.cellHeight === "auto", this._isAutoCellHeight || this.opts.cellHeight === "initial" ? this.cellHeight(void 0, !1) : (typeof this.opts.cellHeight == "number" && this.opts.cellHeightUnit && this.opts.cellHeightUnit !== ae.cellHeightUnit && (this.opts.cellHeight = this.opts.cellHeight + this.opts.cellHeightUnit, delete this.opts.cellHeightUnit), this.cellHeight(this.opts.cellHeight, !1)), this.opts.alwaysShowResizeHandle === "mobile" && (this.opts.alwaysShowResizeHandle = de), this._styleSheetClass = "gs-id-" + me._idSeq++, this.el.classList.add(this._styleSheetClass), this._setStaticClass();
+    let n = this.opts.engineClass || R.engineClass || me;
     if (this.engine = new n({
       column: this.getColumn(),
       float: this.opts.float,
@@ -4506,8 +4505,8 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
       n.x = Math.round(C / r), n.y = Math.round(L / l);
       let A = this._extraDragRow;
       if (this.engine.collide(s, n)) {
-        let E = this.getRow(), U = Math.max(0, n.y + s.h - E);
-        this.opts.maxRow && E + U > this.opts.maxRow && (U = Math.max(0, this.opts.maxRow - E)), this._extraDragRow = U;
+        let k = this.getRow(), U = Math.max(0, n.y + s.h - k);
+        this.opts.maxRow && k + U > this.opts.maxRow && (U = Math.max(0, this.opts.maxRow - k)), this._extraDragRow = U;
       } else
         this._extraDragRow = 0;
       if (this._extraDragRow !== A && this._updateContainerHeight(), s.x === n.x && s.y === n.y)
@@ -4546,7 +4545,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
 }
 R.resizeToContentParent = ".grid-stack-item-content";
 R.Utils = f;
-R.Engine = _e;
+R.Engine = me;
 R.GDRev = "9.5.1";
 const Cn = { class: "tw-flex tw-flex-row tw-flex-wrap tw-gap-2" }, An = { class: "color-primary" }, Dn = { class: "color-secondary" }, Ln = {
   key: 1,
@@ -4560,10 +4559,10 @@ const Cn = { class: "tw-flex tw-flex-row tw-flex-wrap tw-gap-2" }, An = { class:
     order: {}
   },
   setup(o) {
-    const e = o, t = rt(), i = de(() => ({ ...t.Filters })), s = de(() => ({ ...t.displayFilters })), r = de(() => {
+    const e = o, t = rt(), i = ye(() => ({ ...t.Filters })), s = ye(() => ({ ...t.displayFilters })), r = ye(() => {
       const h = i.value;
       return Object.keys(h).map((p) => ({ key: p, value: h[p] })).filter(({ value: p }) => !(p == null || typeof p == "string" && p.trim() === "" || Array.isArray(p) && p.length === 0));
-    }), l = de(() => {
+    }), l = ye(() => {
       var p;
       const h = r.value.filter((c) => s.value.hasOwnProperty(c.key) && s.value[c.key]);
       if ((p = e.order) != null && p.length) {
@@ -4656,7 +4655,7 @@ const Cn = { class: "tw-flex tw-flex-row tw-flex-wrap tw-gap-2" }, An = { class:
   },
   setup(o) {
     const e = rt(), t = o, i = F(null);
-    fe(() => t.widgetName, (u) => {
+    pe(() => t.widgetName, (u) => {
       i.value = u;
     }, { immediate: !0 });
     const s = F(!1), r = F(null);
@@ -4745,11 +4744,11 @@ const Cn = { class: "tw-flex tw-flex-row tw-flex-wrap tw-gap-2" }, An = { class:
     const t = e, i = o;
     let s = F(null);
     const r = F(!1);
-    fe(() => i.isLocked, (u) => {
+    pe(() => i.isLocked, (u) => {
       r.value = u;
     }, { immediate: !0 });
     const l = F(null);
-    fe(() => i.hideWidgetsHeader, (u) => {
+    pe(() => i.hideWidgetsHeader, (u) => {
       l.value = u;
     }, { immediate: !0 });
     function n() {
@@ -4837,54 +4836,57 @@ const Cn = { class: "tw-flex tw-flex-row tw-flex-wrap tw-gap-2" }, An = { class:
     options: {}
   },
   setup(o) {
-    const e = o, t = rt(), { DASHBOARD_ITEMS: i } = Jt(t), s = {
-      apiUrl: de(() => {
-        var _;
-        return (_ = t.Services) == null ? void 0 : _.ApiUrl;
-      }),
-      s3Url: de(() => {
-        var _;
-        return (_ = t.Services) == null ? void 0 : _.s3Url;
-      }),
-      services: de(() => t.Services),
-      filters: t.Filters,
-      setFilter: t.setFilter,
-      clearFilter: t.clearFilter,
-      resetFilters: t.resetFilters
-    };
-    qs("dashboard:globalVars", s);
-    let r = F("Edit Grid"), l = null;
-    const n = F(null);
-    let u = F(!0), a = 0;
-    const h = F([]), { ComponentRegistry: p } = Jt(t), c = Qt({});
-    js(() => {
-      var _;
-      m(), t.loadFromLocalStorage(), a = ((_ = i.value) == null ? void 0 : _.length) + 1;
-    }), Ys(() => {
+    const e = o, t = rt(), { DASHBOARD_ITEMS: i } = Jt(t);
+    let s = F("Edit Grid"), r = null;
+    const l = F(null);
+    let n = F(!0), u = 0;
+    const a = F([]), { ComponentRegistry: h } = Jt(t), p = Qt({});
+    qs(() => {
+      var y;
+      c(), m(), t.loadFromLocalStorage(), u = ((y = i.value) == null ? void 0 : y.length) + 1;
+    }), js(() => {
       z(), C();
-    }), Xs(() => {
+    }), Ys(() => {
       O(), t.unregisterGridProvider();
     });
+    function c() {
+      var y, _;
+      t.DefaultLayout = (y = e.options) == null ? void 0 : y.defaultLayout, t.setOptionServices((_ = e.options) == null ? void 0 : _.services);
+    }
     function m() {
-      var _, y;
-      t.DefaultLayout = (_ = e.options) == null ? void 0 : _.defaultLayout, t.setOptionServices((y = e.options) == null ? void 0 : y.services);
+      const y = {
+        apiUrl: ye(() => {
+          var _;
+          return (_ = t.Services) == null ? void 0 : _.ApiUrl;
+        }),
+        s3Url: ye(() => {
+          var _;
+          return (_ = t.Services) == null ? void 0 : _.s3Url;
+        }),
+        services: t.Services,
+        filters: t.Filters,
+        setFilter: t.setFilter,
+        clearFilter: t.clearFilter,
+        resetFilters: t.resetFilters
+      };
+      Xs("dashboard:globalVars", y);
     }
     async function b() {
-      if (t.resetGridLayout(), await Wi(), !!l) {
-        l.batchUpdate(), l.removeAll();
-        for (const _ of i.value) {
-          const y = document.getElementById(_.id);
-          if (!y) {
-            console.warn("makeWidget: element not found for id", _.id);
+      if (t.resetGridLayout(), await Wi(), !!r) {
+        r.batchUpdate(), r.removeAll();
+        for (const y of i.value) {
+          const _ = document.getElementById(y.id);
+          if (!_) {
+            console.warn("makeWidget: element not found for id", y.id);
             continue;
           }
-          y.classList.add("grid-stack-item"), _.w != null && y.setAttribute("gs-w", String(_.w)), _.h != null && y.setAttribute("gs-h", String(_.h)), _.x != null && y.setAttribute("gs-x", String(_.x)), _.y != null && y.setAttribute("gs-y", String(_.y)), _.x == null && _.y == null && _.autoPosition && y.setAttribute("gs-auto-position", "true"), !y.gridstackNode && l.makeWidget(y);
+          _.classList.add("grid-stack-item"), y.w != null && _.setAttribute("gs-w", String(y.w)), y.h != null && _.setAttribute("gs-h", String(y.h)), y.x != null && _.setAttribute("gs-x", String(y.x)), y.y != null && _.setAttribute("gs-y", String(y.y)), y.x == null && y.y == null && y.autoPosition && _.setAttribute("gs-auto-position", "true"), !_.gridstackNode && r.makeWidget(_);
         }
-        l.commit();
+        r.commit();
       }
     }
     function z() {
-      const _ = {
+      const y = {
         float: !0,
         column: 12,
         cellHeight: "70px",
@@ -4895,92 +4897,92 @@ const Cn = { class: "tw-flex tw-flex-row tw-flex-wrap tw-gap-2" }, An = { class:
           handles: "e,se,s,sw,w,n"
         }
       };
-      l = R.init(_), t.registerGridProvider(() => l), l.setStatic(u.value);
+      r = R.init(y), t.registerGridProvider(() => r), r.setStatic(n.value);
     }
     function O() {
-      l && (l.destroy(!1), l = null);
+      r && (r.destroy(!1), r = null);
     }
-    fe(
+    pe(
       () => {
-        var _;
-        return (_ = e.options) == null ? void 0 : _.availableWidgets;
+        var y;
+        return (y = e.options) == null ? void 0 : y.availableWidgets;
       },
-      (_) => {
-        p.value = {}, h.value = [], _ && _.forEach((y, T) => {
-          let k, q;
-          if (y && typeof y == "object" && "name" in y && "component" in y)
-            k = y.name, q = y.component;
-          else if (y && typeof y == "object" && "name" in y && "loader" in y)
-            k = y.name, q = Zs(async () => {
-              const P = await y.loader();
+      (y) => {
+        h.value = {}, a.value = [], y && y.forEach((_, T) => {
+          let E, q;
+          if (_ && typeof _ == "object" && "name" in _ && "component" in _)
+            E = _.name, q = _.component;
+          else if (_ && typeof _ == "object" && "name" in _ && "loader" in _)
+            E = _.name, q = Zs(async () => {
+              const P = await _.loader();
               return P.default ?? P;
             });
-          else if (y && (typeof y == "function" || typeof y == "object"))
-            q = y, k = y.name || `Widget${T + 1}`;
-          else if (typeof y == "function")
+          else if (_ && (typeof _ == "function" || typeof _ == "object"))
+            q = _, E = _.name || `Widget${T + 1}`;
+          else if (typeof _ == "function")
             return;
-          !k || !q || p.value[k] || (p.value[k] = q, h.value.push(k));
+          !E || !q || h.value[E] || (h.value[E] = q, a.value.push(E));
         });
       },
       { immediate: !0, deep: !0 }
     );
     function C() {
-      const _ = e.options.globalData;
-      if (_) {
+      const y = e.options.globalData;
+      if (y) {
         t.clearOptionsDataItems();
-        for (const y in _)
-          t.addOptionsDataItems(y, _[y]);
+        for (const _ in y)
+          t.addOptionsDataItems(_, y[_]);
       }
     }
-    fe(() => u.value, (_) => {
-      l.setStatic(_), r.value = _ ? "Edit Grid" : "Save Grid";
+    pe(() => n.value, (y) => {
+      r.setStatic(y), s.value = y ? "Edit Grid" : "Save Grid";
     });
-    function L(_) {
-      if (!_)
+    function L(y) {
+      if (!y)
         return;
-      const y = `${_}-${a}`, T = {
-        id: y,
+      const _ = `${y}-${u}`, T = {
+        id: _,
         w: 2,
         h: 6,
         autoPosition: !0,
-        component: p.value[_],
-        componentKey: _,
-        componentName: _,
+        component: h.value[y],
+        componentKey: y,
+        componentName: y,
         Props: {}
       };
-      a++, i.value.push(T), Wi(() => {
-        l == null || l.makeWidget(`#${y}`);
+      u++, i.value.push(T), Wi(() => {
+        r == null || r.makeWidget(`#${_}`);
       });
     }
-    function A(_) {
-      var y = i.value.findIndex((k) => k.id == _);
-      i.value.splice(y, 1);
-      const T = `#${_}`;
-      l.removeWidget(T, !1);
+    function A(y) {
+      var _ = i.value.findIndex((E) => E.id == y);
+      i.value.splice(_, 1);
+      const T = `#${y}`;
+      r.removeWidget(T, !1);
     }
-    function E({ id: _, isLocked: y }) {
-      const T = c[_];
-      T && l && l.update(T, {
-        locked: !y,
-        noMove: !y,
-        noResize: !y
-      }), t.toggleWidgetLock(_);
+    function k({ id: y, isLocked: _ }) {
+      const T = p[y];
+      T && r && r.update(T, {
+        locked: !_,
+        noMove: !_,
+        noResize: !_
+      }), t.toggleWidgetLock(y);
     }
     function U() {
-      u.value = !u.value, u.value;
+      n.value = !n.value, n.value;
     }
-    return (_, y) => {
-      const T = ie("el-button"), k = ie("el-option"), q = ie("el-select"), P = ie("el-col");
+    return (y, _) => {
+      const T = ie("el-button"), E = ie("el-option"), q = ie("el-select"), P = ie("el-col");
       return S(), B("div", qn, [
-        _.hideHeader ? (S(), B("div", Xn, [
-          y[3] || (y[3] = Ae("x ", -1)),
+        y.hideHeader ? (S(), B("div", Xn, [
+          _[3] || (_[3] = Ae("x ", -1)),
           N("span", Zn, [
             Y(T, {
               class: "edit-button",
-              onClick: y[1] || (y[1] = (M) => U())
+              onClick: _[1] || (_[1] = (M) => U())
             }, {
               default: V(() => [
-                Ae(Re(he(r)), 1)
+                Ae(Re(he(s)), 1)
               ]),
               _: 1
             })
@@ -4989,22 +4991,22 @@ const Cn = { class: "tw-flex tw-flex-row tw-flex-wrap tw-gap-2" }, An = { class:
           N("span", Yn, [
             Y(T, {
               class: "edit-button",
-              onClick: y[0] || (y[0] = (M) => U())
+              onClick: _[0] || (_[0] = (M) => U())
             }, {
               default: V(() => [
-                Ae(Re(he(r)), 1)
+                Ae(Re(he(s)), 1)
               ]),
               _: 1
             })
           ]),
           Y(Mn)
         ])),
-        he(u) ? kt("", !0) : (S(), le(P, { key: 2 }, {
+        he(n) ? kt("", !0) : (S(), le(P, { key: 2 }, {
           default: V(() => [
             N("div", Kn, [
               Y(q, { placeholder: "Add New Widget" }, {
                 default: V(() => [
-                  (S(!0), B(Le, null, tt(h.value, (M) => (S(), le(k, {
+                  (S(!0), B(Le, null, tt(a.value, (M) => (S(), le(E, {
                     key: M,
                     label: M,
                     value: M,
@@ -5015,9 +5017,9 @@ const Cn = { class: "tw-flex tw-flex-row tw-flex-wrap tw-gap-2" }, An = { class:
               }),
               N("div", Qn, [
                 Y(T, {
-                  onClick: y[2] || (y[2] = (M) => b())
+                  onClick: _[2] || (_[2] = (M) => b())
                 }, {
-                  default: V(() => [...y[4] || (y[4] = [
+                  default: V(() => [..._[4] || (_[4] = [
                     Ae("Reset Grid Layout", -1)
                   ])]),
                   _: 1
@@ -5029,7 +5031,7 @@ const Cn = { class: "tw-flex tw-flex-row tw-flex-wrap tw-gap-2" }, An = { class:
         })),
         N("div", {
           ref_key: "root",
-          ref: n,
+          ref: l,
           class: "grid-stack tw-h-screen"
         }, [
           (S(!0), B(Le, null, tt(he(i), (M) => {
@@ -5037,7 +5039,7 @@ const Cn = { class: "tw-flex tw-flex-row tw-flex-wrap tw-gap-2" }, An = { class:
             return S(), B("div", {
               class: "grid-stack-item",
               ref_for: !0,
-              ref: (at) => c[M.id] = at,
+              ref: (at) => p[M.id] = at,
               "gs-x": M.x,
               "gs-y": M.y,
               "gs-w": M.w,
@@ -5053,8 +5055,8 @@ const Cn = { class: "tw-flex tw-flex-row tw-flex-wrap tw-gap-2" }, An = { class:
               Y(Vn, {
                 widgetID: M.id,
                 onRemoveWidget: (at) => A(M.id),
-                onToggleLock: E,
-                "static-mode": he(u),
+                onToggleLock: k,
+                "static-mode": he(n),
                 componentTag: M.component,
                 componentProperties: M.Props,
                 componentName: M.componentName,
@@ -5067,7 +5069,7 @@ const Cn = { class: "tw-flex tw-flex-row tw-flex-wrap tw-gap-2" }, An = { class:
       ]);
     };
   }
-}), lo = /* @__PURE__ */ Ne(eo, [["__scopeId", "data-v-4ac6b9b5"]]);
+}), lo = /* @__PURE__ */ Ne(eo, [["__scopeId", "data-v-240ef3ec"]]);
 export {
   oo as MarkdownWidget,
   lo as PennsieveDashboard,