pennsieve-dashboard 0.3.7 → 0.3.71

package/dist/pennsieve-dashboard.es.js

@@ -1,7 +1,7 @@
 var Fs = Object.defineProperty;
 var Us = (a, e, t) => e in a ? Fs(a, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[e] = t;
 var $ = (a, e, t) => Us(a, typeof e != "symbol" ? e + "" : e, t);
-import { defineComponent as de, openBlock as C, createElementBlock as O, createElementVNode as D, ref as B, reactive as si, isRef as Ws, isReactive as Gs, markRaw as Vs, computed as ue, watch as fe, resolveComponent as ie, createBlock as Q, withCtx as W, createVNode as V, Fragment as De, renderList as qe, unref as Y, createTextVNode as Oe, inject as qs, shallowRef as hs, renderSlot as Tt, mergeProps as di, toDisplayString as pe, withDirectives as Me, withKeys as us, vShow as Rt, vModelText as js, createCommentVNode as Ve, toRaw as Ys, onMounted as ds, onBeforeUnmount as fs, normalizeClass as ps, resolveDynamicComponent as ji, onBeforeMount as Xs, provide as Ks, defineAsyncComponent as Zs, nextTick as Yi } from "vue";
+import { defineComponent as de, openBlock as C, createElementBlock as z, createElementVNode as D, ref as B, reactive as si, isRef as Ws, isReactive as Gs, markRaw as Vs, computed as ue, watch as fe, resolveComponent as ie, createBlock as Q, withCtx as W, createVNode as V, Fragment as De, renderList as qe, unref as Y, createTextVNode as Oe, inject as qs, shallowRef as hs, renderSlot as Tt, mergeProps as di, toDisplayString as pe, withDirectives as Me, withKeys as us, vShow as Rt, vModelText as js, createCommentVNode as Ve, toRaw as Ys, onMounted as ds, onBeforeUnmount as fs, normalizeClass as ps, resolveDynamicComponent as ji, onBeforeMount as Xs, provide as Ks, defineAsyncComponent as Zs, nextTick as Yi } from "vue";
 import { defineStore as Qs, storeToRefs as ni } from "pinia";
 import { ElTag as Js, ElTooltip as ri } from "element-plus";
 /*! Element Plus Icons Vue v2.3.2 */
@@ -9,7 +9,7 @@ var en = /* @__PURE__ */ de({
   name: "CircleCloseFilled",
   __name: "circle-close-filled",
   setup(a) {
-    return (e, t) => (C(), O("svg", {
+    return (e, t) => (C(), z("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
@@ -23,7 +23,7 @@ var en = /* @__PURE__ */ de({
   name: "Close",
   __name: "close",
   setup(a) {
-    return (e, t) => (C(), O("svg", {
+    return (e, t) => (C(), z("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
@@ -37,7 +37,7 @@ var en = /* @__PURE__ */ de({
   name: "Edit",
   __name: "edit",
   setup(a) {
-    return (e, t) => (C(), O("svg", {
+    return (e, t) => (C(), z("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
@@ -55,7 +55,7 @@ var en = /* @__PURE__ */ de({
   name: "FullScreen",
   __name: "full-screen",
   setup(a) {
-    return (e, t) => (C(), O("svg", {
+    return (e, t) => (C(), z("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
@@ -69,7 +69,7 @@ var en = /* @__PURE__ */ de({
   name: "Lock",
   __name: "lock",
   setup(a) {
-    return (e, t) => (C(), O("svg", {
+    return (e, t) => (C(), z("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
@@ -87,7 +87,7 @@ var en = /* @__PURE__ */ de({
   name: "ScaleToOriginal",
   __name: "scale-to-original",
   setup(a) {
-    return (e, t) => (C(), O("svg", {
+    return (e, t) => (C(), z("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
@@ -101,7 +101,7 @@ var en = /* @__PURE__ */ de({
   name: "Unlock",
   __name: "unlock",
   setup(a) {
-    return (e, t) => (C(), O("svg", {
+    return (e, t) => (C(), z("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
@@ -118,11 +118,11 @@ var en = /* @__PURE__ */ de({
 }), fn = dn;
 const lt = Qs("globalPensieveDashVars", () => {
   const a = B([]), e = B({}), t = "dashboard-globalVarsStore", i = B([]), s = B([]), n = B({}), r = si({}), o = si({});
-  function h(g, _, F = !1) {
-    r[g] = _, o[g] = F;
+  function h(g, m, F = !1) {
+    r[g] = m, o[g] = F;
   }
   function c(g = {}) {
-    for (const _ of Object.keys(r)) delete r[_];
+    for (const m of Object.keys(r)) delete r[m];
     Object.assign(r, g);
   }
   const l = (g) => {
@@ -134,35 +134,35 @@ const lt = Qs("globalPensieveDashVars", () => {
   function f() {
     s.value = [...a.value], c({});
   }
-  const y = (g) => s.value.find((_) => _.id === g), m = (g, _) => {
-    i.value.push({ name: g, value: _ });
-  }, w = () => {
+  const y = (g) => s.value.find((m) => m.id === g), v = (g, m) => {
+    i.value.push({ name: g, value: m });
+  }, b = () => {
     i.value = [];
-  }, z = (g) => {
+  }, O = (g) => {
     n.value = A(g);
   }, E = () => n.value;
   function A(g) {
-    const _ = {};
-    if (!g || typeof g != "object") return _;
+    const m = {};
+    if (!g || typeof g != "object") return m;
     for (const [F, N] of Object.entries(g))
       if (N && typeof N == "object" && !(Ws(N) || Gs(N))) {
         const le = Object.getPrototypeOf(N) === Object.prototype;
-        _[F] = le ? { ...N } : Vs(N);
+        m[F] = le ? { ...N } : Vs(N);
       } else
-        _[F] = N;
-    return _;
+        m[F] = N;
+    return m;
   }
   const S = (g) => {
-    const _ = s.value.find((F) => F.id === g);
-    _ && (_.Props = _.Props || {}, _.Props.locked = !_.Props.locked);
-  }, T = (g) => g.map((_) => {
-    const F = e.value[_.componentKey];
+    const m = s.value.find((F) => F.id === g);
+    m && (m.Props = m.Props || {}, m.Props.locked = !m.Props.locked);
+  }, T = (g) => g.map((m) => {
+    const F = e.value[m.componentKey];
     return F ? {
-      ..._,
+      ...m,
       component: F
       // attach runtime component
     } : null;
-  }).filter((_) => !!_);
+  }).filter((m) => !!m);
   function H(g) {
   }
   function oe() {
@@ -184,8 +184,8 @@ const lt = Qs("globalPensieveDashVars", () => {
     resetGridLayout: f,
     getDashItem: y,
     toggleWidgetLock: S,
-    addOptionsDataItems: m,
-    clearOptionsDataItems: w,
+    addOptionsDataItems: v,
+    clearOptionsDataItems: b,
     //saveToLocalStorage,
     loadFromLocalStorage: () => {
       const g = localStorage.getItem(t);
@@ -194,13 +194,13 @@ const lt = Qs("globalPensieveDashVars", () => {
         return;
       }
       try {
-        const _ = JSON.parse(g);
-        s.value = Array.isArray(_.items) ? T(_.items) : [...a.value], c(_.filters ?? {});
-      } catch (_) {
-        console.error("Failed to parse globalVarsStore:", _), s.value = [...a.value], c({});
+        const m = JSON.parse(g);
+        s.value = Array.isArray(m.items) ? T(m.items) : [...a.value], c(m.filters ?? {});
+      } catch (m) {
+        console.error("Failed to parse globalVarsStore:", m), s.value = [...a.value], c({});
       }
     },
-    setOptionServices: z,
+    setOptionServices: O,
     getServices: E
   };
 }), pn = { class: "widget-settings-container" }, gn = { class: "widget-setting" }, mn = { class: "dialog-footer" }, _n = /* @__PURE__ */ de({
@@ -227,8 +227,8 @@ const lt = Qs("globalPensieveDashVars", () => {
       c.value = !!d;
     });
     function l() {
-      var m;
-      const d = (o.value || "").trim(), f = d !== "", y = f ? null : ((m = h.value) == null ? void 0 : m.trim()) || "";
+      var v;
+      const d = (o.value || "").trim(), f = d !== "", y = f ? null : ((v = h.value) == null ? void 0 : v.trim()) || "";
       s("update-text-var", {
         reactiveSource: f ? d : null,
         manualEdit: y,
@@ -236,7 +236,7 @@ const lt = Qs("globalPensieveDashVars", () => {
       }), r.value = !1;
     }
     return (d, f) => {
-      const y = ie("el-option"), m = ie("el-select"), w = ie("el-input"), z = ie("el-checkbox"), E = ie("el-button"), A = ie("el-dialog");
+      const y = ie("el-option"), v = ie("el-select"), b = ie("el-input"), O = ie("el-checkbox"), E = ie("el-button"), A = ie("el-dialog");
       return C(), Q(A, {
         class: "full-dialog-dashboard",
         modelValue: r.value,
@@ -268,7 +268,7 @@ const lt = Qs("globalPensieveDashVars", () => {
             D("div", gn, [
               f[5] || (f[5] = D("h4", null, "Select This Widget's Value", -1)),
               f[6] || (f[6] = D("h5", null, "Select From Variables", -1)),
-              V(m, {
+              V(v, {
                 modelValue: o.value,
                 "onUpdate:modelValue": f[0] || (f[0] = (S) => o.value = S),
                 class: "text-settings-height"
@@ -279,7 +279,7 @@ const lt = Qs("globalPensieveDashVars", () => {
                     key: "__manual__",
                     label: "Manual entry"
                   })),
-                  (C(!0), O(De, null, qe(Y(i), (S) => (C(), Q(y, {
+                  (C(!0), z(De, null, qe(Y(i), (S) => (C(), Q(y, {
                     key: S.name,
                     label: S.name,
                     value: S.name
@@ -288,12 +288,12 @@ const lt = Qs("globalPensieveDashVars", () => {
                 _: 1
               }, 8, ["modelValue"]),
               f[7] || (f[7] = D("h5", null, "Manual Entry", -1)),
-              V(w, {
+              V(b, {
                 modelValue: h.value,
                 "onUpdate:modelValue": f[1] || (f[1] = (S) => h.value = S),
                 class: "text-settings-height"
               }, null, 8, ["modelValue"]),
-              V(z, {
+              V(O, {
                 modelValue: c.value,
                 "onUpdate:modelValue": f[2] || (f[2] = (S) => c.value = S),
                 label: "Hide Header"
@@ -353,27 +353,27 @@ const lt = Qs("globalPensieveDashVars", () => {
     function y() {
       f.value = !0;
     }
-    function m() {
+    function v() {
       f.value = !1;
     }
-    function w({ manualEdit: E, reactiveSource: A, hideHeader: S }) {
+    function b({ manualEdit: E, reactiveSource: A, hideHeader: S }) {
       const T = e.getDashItem(t.widgetID);
-      T && (T.hideHeader = S, A && A.trim() !== "" ? (T.Props = T.Props || {}, T.Props.bindedKey = A, T.Props.displayText = null, T.componentName = z(A)) : (T.Props = T.Props || {}, T.Props.bindedKey = null, T.Props.displayText = E ?? "", T.componentName = E ?? "Text"));
+      T && (T.hideHeader = S, A && A.trim() !== "" ? (T.Props = T.Props || {}, T.Props.bindedKey = A, T.Props.displayText = null, T.componentName = O(A)) : (T.Props = T.Props || {}, T.Props.bindedKey = null, T.Props.displayText = E ?? "", T.componentName = E ?? "Text"));
     }
-    function z(E) {
+    function O(E) {
       return E ? E.replace(/([a-z])([A-Z])/g, "$1 $2").replace(/^./, (A) => A.toUpperCase()) : "";
     }
     return (E, A) => {
       const S = ie("el-input");
-      return C(), O(De, null, [
+      return C(), z(De, null, [
         Tt(E.$slots, "default", {
           widgetName: r.value,
           childIcons: o.value
         }, void 0, !0),
         D("div", di({ class: "text-widget-wrap" }, E.$attrs), [
-          s.value ? (C(), O("div", yn, [
+          s.value ? (C(), z("div", yn, [
             D("h2", null, pe(n.value), 1)
-          ])) : Me((C(), O("div", {
+          ])) : Me((C(), z("div", {
             key: 1,
             onKeyup: us(d, ["enter"]),
             class: "tw-flex"
@@ -409,8 +409,8 @@ const lt = Qs("globalPensieveDashVars", () => {
           "reactive-source-value": t.bindedKey || "",
           "manual-entry-value": i.value,
           "hide-header-value": t.hideHeader || !1,
-          onCloseDialog: m,
-          onUpdateTextVar: w
+          onCloseDialog: v,
+          onUpdateTextVar: b
         }, null, 8, ["show-dialog", "reactive-source-value", "manual-entry-value", "hide-header-value"])
       ], 64);
     };
@@ -780,16 +780,16 @@ ${l}` : l;
         if ((f == null ? void 0 : f.type) === "code")
           break;
         if ((f == null ? void 0 : f.type) === "blockquote") {
-          const y = f, m = y.raw + `
+          const y = f, v = y.raw + `
 ` + t.join(`
-`), w = this.blockquote(m);
-          n[n.length - 1] = w, i = i.substring(0, i.length - y.raw.length) + w.raw, s = s.substring(0, s.length - y.text.length) + w.text;
+`), b = this.blockquote(v);
+          n[n.length - 1] = b, i = i.substring(0, i.length - y.raw.length) + b.raw, s = s.substring(0, s.length - y.text.length) + b.text;
           break;
         } else if ((f == null ? void 0 : f.type) === "list") {
-          const y = f, m = y.raw + `
+          const y = f, v = y.raw + `
 ` + t.join(`
-`), w = this.list(m);
-          n[n.length - 1] = w, i = i.substring(0, i.length - f.raw.length) + w.raw, s = s.substring(0, s.length - y.raw.length) + w.raw, t = m.substring(n.at(-1).raw.length).split(`
+`), b = this.list(v);
+          n[n.length - 1] = b, i = i.substring(0, i.length - f.raw.length) + b.raw, s = s.substring(0, s.length - y.raw.length) + b.raw, t = v.substring(n.at(-1).raw.length).split(`
 `);
           continue;
         }
@@ -824,19 +824,19 @@ ${l}` : l;
         c = e[0], a = a.substring(c.length);
         let d = e[2].split(`
 `, 1)[0].replace(this.rules.other.listReplaceTabs, (E) => " ".repeat(3 * E.length)), f = a.split(`
-`, 1)[0], y = !d.trim(), m = 0;
-        if (this.options.pedantic ? (m = 2, l = d.trimStart()) : y ? m = e[1].length + 1 : (m = e[2].search(this.rules.other.nonSpaceChar), m = m > 4 ? 1 : m, l = d.slice(m), m += e[1].length), y && this.rules.other.blankLine.test(f) && (c += f + `
+`, 1)[0], y = !d.trim(), v = 0;
+        if (this.options.pedantic ? (v = 2, l = d.trimStart()) : y ? v = e[1].length + 1 : (v = e[2].search(this.rules.other.nonSpaceChar), v = v > 4 ? 1 : v, l = d.slice(v), v += e[1].length), y && this.rules.other.blankLine.test(f) && (c += f + `
 `, a = a.substring(f.length + 1), h = !0), !h) {
-          const E = this.rules.other.nextBulletRegex(m), A = this.rules.other.hrRegex(m), S = this.rules.other.fencesBeginRegex(m), T = this.rules.other.headingBeginRegex(m), H = this.rules.other.htmlBeginRegex(m);
+          const E = this.rules.other.nextBulletRegex(v), A = this.rules.other.hrRegex(v), S = this.rules.other.fencesBeginRegex(v), T = this.rules.other.headingBeginRegex(v), H = this.rules.other.htmlBeginRegex(v);
           for (; a; ) {
             const oe = a.split(`
 `, 1)[0];
             let me;
             if (f = oe, this.options.pedantic ? (f = f.replace(this.rules.other.listReplaceNesting, "  "), me = f) : me = f.replace(this.rules.other.tabCharGlobal, "    "), S.test(f) || T.test(f) || H.test(f) || E.test(f) || A.test(f))
               break;
-            if (me.search(this.rules.other.nonSpaceChar) >= m || !f.trim())
+            if (me.search(this.rules.other.nonSpaceChar) >= v || !f.trim())
               l += `
-` + me.slice(m);
+` + me.slice(v);
             else {
               if (y || d.replace(this.rules.other.tabCharGlobal, "    ").search(this.rules.other.nonSpaceChar) >= 4 || S.test(d) || T.test(d) || A.test(d))
                 break;
@@ -844,16 +844,16 @@ ${l}` : l;
 ` + f;
             }
             !y && !f.trim() && (y = !0), c += oe + `
-`, a = a.substring(oe.length + 1), d = me.slice(m);
+`, a = a.substring(oe.length + 1), d = me.slice(v);
           }
         }
         s.loose || (r ? s.loose = !0 : this.rules.other.doubleBlankLine.test(c) && (r = !0));
-        let w = null, z;
-        this.options.gfm && (w = this.rules.other.listIsTask.exec(l), w && (z = w[0] !== "[ ] ", l = l.replace(this.rules.other.listReplaceTask, ""))), s.items.push({
+        let b = null, O;
+        this.options.gfm && (b = this.rules.other.listIsTask.exec(l), b && (O = b[0] !== "[ ] ", l = l.replace(this.rules.other.listReplaceTask, ""))), s.items.push({
           type: "list_item",
           raw: c,
-          task: !!w,
-          checked: z,
+          task: !!b,
+          checked: O,
           loose: !1,
           text: l,
           tokens: []
@@ -1054,12 +1054,12 @@ ${l}` : l;
         o = Math.min(o, o + h + c);
         const d = [...i[0]][0].length, f = a.slice(0, n + i.index + d + o);
         if (Math.min(n, o) % 2) {
-          const m = f.slice(1, -1);
+          const v = f.slice(1, -1);
           return {
             type: "em",
             raw: f,
-            text: m,
-            tokens: this.lexer.inlineTokens(m)
+            text: v,
+            tokens: this.lexer.inlineTokens(v)
           };
         }
         const y = f.slice(2, -2);
@@ -1384,9 +1384,9 @@ ${l}` : l;
       if ((c = this.options.extensions) != null && c.startInline) {
         let f = 1 / 0;
         const y = e.slice(1);
-        let m;
-        this.options.extensions.startInline.forEach((w) => {
-          m = w.call({ lexer: this }, y), typeof m == "number" && m >= 0 && (f = Math.min(f, m));
+        let v;
+        this.options.extensions.startInline.forEach((b) => {
+          v = b.call({ lexer: this }, y), typeof v == "number" && v >= 0 && (f = Math.min(f, v));
         }), f < 1 / 0 && f >= 0 && (d = e.substring(0, f + 1));
       }
       if (l = this.tokenizer.inlineText(d)) {
@@ -2144,7 +2144,7 @@ function Ls() {
     HTMLFormElement: d,
     DOMParser: f,
     trustedTypes: y
-  } = a, m = h.prototype, w = st(m, "cloneNode"), z = st(m, "remove"), E = st(m, "nextSibling"), A = st(m, "childNodes"), S = st(m, "parentNode");
+  } = a, v = h.prototype, b = st(v, "cloneNode"), O = st(v, "remove"), E = st(v, "nextSibling"), A = st(v, "childNodes"), S = st(v, "parentNode");
   if (typeof r == "function") {
     const k = t.createElement("template");
     k.content && k.content.ownerDocument && (t = k.content.ownerDocument);
@@ -2154,7 +2154,7 @@ function Ls() {
     implementation: oe,
     createNodeIterator: me,
     createDocumentFragment: g,
-    getElementsByTagName: _
+    getElementsByTagName: m
   } = t, {
     importNode: F
   } = i;
@@ -2242,13 +2242,13 @@ function Ls() {
       ne && ne(u), We = u;
     }
   }, Hi = L({}, [...Qt, ...Jt, ...dr]), Pi = L({}, [...ei, ...fr]), Bs = function(u) {
-    let v = S(u);
-    (!v || !v.tagName) && (v = {
+    let _ = S(u);
+    (!_ || !_.tagName) && (_ = {
       namespaceURI: Ue,
       tagName: "template"
     });
-    const b = Et(u.tagName), U = Et(v.tagName);
-    return qt[u.namespaceURI] ? u.namespaceURI === _t ? v.namespaceURI === ke ? b === "svg" : v.namespaceURI === mt ? b === "svg" && (U === "annotation-xml" || vt[U]) : !!Hi[b] : u.namespaceURI === mt ? v.namespaceURI === ke ? b === "math" : v.namespaceURI === _t ? b === "math" && yt[U] : !!Pi[b] : u.namespaceURI === ke ? v.namespaceURI === _t && !yt[U] || v.namespaceURI === mt && !vt[U] ? !1 : !Pi[b] && (Ms[b] || !Hi[b]) : !!(Ze === "application/xhtml+xml" && qt[u.namespaceURI]) : !1;
+    const w = Et(u.tagName), U = Et(_.tagName);
+    return qt[u.namespaceURI] ? u.namespaceURI === _t ? _.namespaceURI === ke ? w === "svg" : _.namespaceURI === mt ? w === "svg" && (U === "annotation-xml" || vt[U]) : !!Hi[w] : u.namespaceURI === mt ? _.namespaceURI === ke ? w === "math" : _.namespaceURI === _t ? w === "math" && yt[U] : !!Pi[w] : u.namespaceURI === ke ? _.namespaceURI === _t && !yt[U] || _.namespaceURI === mt && !vt[U] ? !1 : !Pi[w] && (Ms[w] || !Hi[w]) : !!(Ze === "application/xhtml+xml" && qt[u.namespaceURI]) : !1;
   }, be = function(u) {
     et(e.removed, {
       element: u
@@ -2256,55 +2256,55 @@ function Ls() {
     try {
       S(u).removeChild(u);
     } catch {
-      z(u);
+      O(u);
     }
-  }, ze = function(u, v) {
+  }, ze = function(u, _) {
     try {
       et(e.removed, {
-        attribute: v.getAttributeNode(u),
-        from: v
+        attribute: _.getAttributeNode(u),
+        from: _
       });
     } catch {
       et(e.removed, {
         attribute: null,
-        from: v
+        from: _
       });
     }
-    if (v.removeAttribute(u), u === "is")
+    if (_.removeAttribute(u), u === "is")
       if ($e || pt)
         try {
-          be(v);
+          be(_);
         } catch {
         }
       else
         try {
-          v.setAttribute(u, "");
+          _.setAttribute(u, "");
         } catch {
         }
   }, Ii = function(u) {
-    let v = null, b = null;
+    let _ = null, w = null;
     if (Ft)
       u = "<remove></remove>" + u;
     else {
       const q = Zt(u, /^[\r\n\t ]+/);
-      b = q && q[0];
+      w = q && q[0];
     }
     Ze === "application/xhtml+xml" && Ue === ke && (u = '<html xmlns="http://www.w3.org/1999/xhtml"><head></head><body>' + u + "</body></html>");
     const U = T ? T.createHTML(u) : u;
     if (Ue === ke)
       try {
-        v = new f().parseFromString(U, Ze);
+        _ = new f().parseFromString(U, Ze);
       } catch {
       }
-    if (!v || !v.documentElement) {
-      v = oe.createDocument(Ue, "template", null);
+    if (!_ || !_.documentElement) {
+      _ = oe.createDocument(Ue, "template", null);
       try {
-        v.documentElement.innerHTML = Vt ? H : U;
+        _.documentElement.innerHTML = Vt ? H : U;
       } catch {
       }
     }
-    const J = v.body || v.documentElement;
-    return u && b && J.insertBefore(t.createTextNode(b), J.childNodes[0] || null), Ue === ke ? _.call(v, Ne ? "html" : "body")[0] : Ne ? v.documentElement : J;
+    const J = _.body || _.documentElement;
+    return u && w && J.insertBefore(t.createTextNode(w), J.childNodes[0] || null), Ue === ke ? m.call(_, Ne ? "html" : "body")[0] : Ne ? _.documentElement : J;
   }, Bi = function(u) {
     return me.call(
       u.ownerDocument || u,
@@ -2318,61 +2318,61 @@ function Ls() {
   }, $i = function(u) {
     return typeof o == "function" && u instanceof o;
   };
-  function Ee(k, u, v) {
-    wt(k, (b) => {
-      b.call(e, u, v, We);
+  function Ee(k, u, _) {
+    wt(k, (w) => {
+      w.call(e, u, _, We);
     });
   }
   const Fi = function(u) {
-    let v = null;
+    let _ = null;
     if (Ee(N.beforeSanitizeElements, u, null), Yt(u))
       return be(u), !0;
-    const b = j(u.nodeName);
+    const w = j(u.nodeName);
     if (Ee(N.uponSanitizeElement, u, {
-      tagName: b,
+      tagName: w,
       allowedTags: X
     }), ft && u.hasChildNodes() && !$i(u.firstElementChild) && ee(/<[/\w!]/g, u.innerHTML) && ee(/<[/\w!]/g, u.textContent) || u.nodeType === nt.progressingInstruction || ft && u.nodeType === nt.comment && ee(/<[/\w]/g, u.data))
       return be(u), !0;
-    if (!(Ie.tagCheck instanceof Function && Ie.tagCheck(b)) && (!X[b] || Xe[b])) {
-      if (!Xe[b] && Wi(b) && (G.tagNameCheck instanceof RegExp && ee(G.tagNameCheck, b) || G.tagNameCheck instanceof Function && G.tagNameCheck(b)))
+    if (!(Ie.tagCheck instanceof Function && Ie.tagCheck(w)) && (!X[w] || Xe[w])) {
+      if (!Xe[w] && Wi(w) && (G.tagNameCheck instanceof RegExp && ee(G.tagNameCheck, w) || G.tagNameCheck instanceof Function && G.tagNameCheck(w)))
         return !1;
-      if (Ut && !ye[b]) {
+      if (Ut && !ye[w]) {
         const U = S(u) || u.parentNode, J = A(u) || u.childNodes;
         if (J && U) {
           const q = J.length;
           for (let ae = q - 1; ae >= 0; --ae) {
-            const Te = w(J[ae], !0);
+            const Te = b(J[ae], !0);
             Te.__removalCount = (u.__removalCount || 0) + 1, U.insertBefore(Te, E(u));
           }
         }
       }
       return be(u), !0;
     }
-    return u instanceof h && !Bs(u) || (b === "noscript" || b === "noembed" || b === "noframes") && ee(/<\/no(script|embed|frames)/i, u.innerHTML) ? (be(u), !0) : (Be && u.nodeType === nt.text && (v = u.textContent, wt([le, Se, M], (U) => {
-      v = tt(v, U, " ");
-    }), u.textContent !== v && (et(e.removed, {
+    return u instanceof h && !Bs(u) || (w === "noscript" || w === "noembed" || w === "noframes") && ee(/<\/no(script|embed|frames)/i, u.innerHTML) ? (be(u), !0) : (Be && u.nodeType === nt.text && (_ = u.textContent, wt([le, Se, M], (U) => {
+      _ = tt(_, U, " ");
+    }), u.textContent !== _ && (et(e.removed, {
       element: u.cloneNode()
-    }), u.textContent = v)), Ee(N.afterSanitizeElements, u, null), !1);
-  }, Ui = function(u, v, b) {
-    if (Di && (v === "id" || v === "name") && (b in t || b in Is))
+    }), u.textContent = _)), Ee(N.afterSanitizeElements, u, null), !1);
+  }, Ui = function(u, _, w) {
+    if (Di && (_ === "id" || _ === "name") && (w in t || w in Is))
       return !1;
-    if (!(Bt && !It[v] && ee(je, v))) {
-      if (!(Ci && ee(ht, v))) {
-        if (!(Ie.attributeCheck instanceof Function && Ie.attributeCheck(v, u))) {
-          if (!K[v] || It[v]) {
+    if (!(Bt && !It[_] && ee(je, _))) {
+      if (!(Ci && ee(ht, _))) {
+        if (!(Ie.attributeCheck instanceof Function && Ie.attributeCheck(_, u))) {
+          if (!K[_] || It[_]) {
             if (
               // First condition does a very basic check if a) it's basically a valid custom element tagname AND
               // b) if the tagName passes whatever the user has configured for CUSTOM_ELEMENT_HANDLING.tagNameCheck
               // and c) if the attribute name passes whatever the user has configured for CUSTOM_ELEMENT_HANDLING.attributeNameCheck
-              !(Wi(u) && (G.tagNameCheck instanceof RegExp && ee(G.tagNameCheck, u) || G.tagNameCheck instanceof Function && G.tagNameCheck(u)) && (G.attributeNameCheck instanceof RegExp && ee(G.attributeNameCheck, v) || G.attributeNameCheck instanceof Function && G.attributeNameCheck(v, u)) || // Alternative, second condition checks if it's an `is`-attribute, AND
+              !(Wi(u) && (G.tagNameCheck instanceof RegExp && ee(G.tagNameCheck, u) || G.tagNameCheck instanceof Function && G.tagNameCheck(u)) && (G.attributeNameCheck instanceof RegExp && ee(G.attributeNameCheck, _) || G.attributeNameCheck instanceof Function && G.attributeNameCheck(_, u)) || // Alternative, second condition checks if it's an `is`-attribute, AND
               // the value passes whatever the user has configured for CUSTOM_ELEMENT_HANDLING.tagNameCheck
-              v === "is" && G.allowCustomizedBuiltInElements && (G.tagNameCheck instanceof RegExp && ee(G.tagNameCheck, b) || G.tagNameCheck instanceof Function && G.tagNameCheck(b)))
+              _ === "is" && G.allowCustomizedBuiltInElements && (G.tagNameCheck instanceof RegExp && ee(G.tagNameCheck, w) || G.tagNameCheck instanceof Function && G.tagNameCheck(w)))
             ) return !1;
-          } else if (!Gt[v]) {
-            if (!ee(Ei, tt(b, Ye, ""))) {
-              if (!((v === "src" || v === "xlink:href" || v === "href") && u !== "script" && lr(b, "data:") === 0 && Ni[u])) {
-                if (!(Ai && !ee(ut, tt(b, Ye, "")))) {
-                  if (b)
+          } else if (!Gt[_]) {
+            if (!ee(Ei, tt(w, Ye, ""))) {
+              if (!((_ === "src" || _ === "xlink:href" || _ === "href") && u !== "script" && lr(w, "data:") === 0 && Ni[u])) {
+                if (!(Ai && !ee(ut, tt(w, Ye, "")))) {
+                  if (w)
                     return !1;
                 }
               }
@@ -2387,26 +2387,26 @@ function Ls() {
   }, Gi = function(u) {
     Ee(N.beforeSanitizeAttributes, u, null);
     const {
-      attributes: v
+      attributes: _
     } = u;
-    if (!v || Yt(u))
+    if (!_ || Yt(u))
       return;
-    const b = {
+    const w = {
       attrName: "",
       attrValue: "",
       keepAttr: !0,
       allowedAttributes: K,
       forceKeepAttr: void 0
     };
-    let U = v.length;
+    let U = _.length;
     for (; U--; ) {
-      const J = v[U], {
+      const J = _[U], {
         name: q,
         namespaceURI: ae,
         value: Te
       } = J, Ge = j(q), Xt = Te;
       let Z = q === "value" ? Xt : cr(Xt);
-      if (b.attrName = Ge, b.attrValue = Z, b.keepAttr = !0, b.forceKeepAttr = void 0, Ee(N.uponSanitizeAttribute, u, b), Z = b.attrValue, Li && (Ge === "id" || Ge === "name") && (ze(q, u), Z = zs + Z), ft && ee(/((--!?|])>)|<\/(style|title|textarea)/i, Z)) {
+      if (w.attrName = Ge, w.attrValue = Z, w.keepAttr = !0, w.forceKeepAttr = void 0, Ee(N.uponSanitizeAttribute, u, w), Z = w.attrValue, Li && (Ge === "id" || Ge === "name") && (ze(q, u), Z = zs + Z), ft && ee(/((--!?|])>)|<\/(style|title|textarea)/i, Z)) {
         ze(q, u);
         continue;
       }
@@ -2414,9 +2414,9 @@ function Ls() {
         ze(q, u);
         continue;
       }
-      if (b.forceKeepAttr)
+      if (w.forceKeepAttr)
         continue;
-      if (!b.keepAttr) {
+      if (!w.keepAttr) {
         ze(q, u);
         continue;
       }
@@ -2452,14 +2452,14 @@ function Ls() {
     }
     Ee(N.afterSanitizeAttributes, u, null);
   }, $s = function k(u) {
-    let v = null;
-    const b = Bi(u);
-    for (Ee(N.beforeSanitizeShadowDOM, u, null); v = b.nextNode(); )
-      Ee(N.uponSanitizeShadowNode, v, null), Fi(v), Gi(v), v.content instanceof n && k(v.content);
+    let _ = null;
+    const w = Bi(u);
+    for (Ee(N.beforeSanitizeShadowDOM, u, null); _ = w.nextNode(); )
+      Ee(N.uponSanitizeShadowNode, _, null), Fi(_), Gi(_), _.content instanceof n && k(_.content);
     Ee(N.afterSanitizeShadowDOM, u, null);
   };
   return e.sanitize = function(k) {
-    let u = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, v = null, b = null, U = null, J = null;
+    let u = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, _ = null, w = null, U = null, J = null;
     if (Vt = !k, Vt && (k = "<!-->"), typeof k != "string" && !$i(k))
       if (typeof k.toString == "function") {
         if (k = k.toString(), typeof k != "string")
@@ -2475,30 +2475,30 @@ function Ls() {
           throw it("root node is forbidden and cannot be sanitized in-place");
       }
     } else if (k instanceof o)
-      v = Ii("<!---->"), b = v.ownerDocument.importNode(k, !0), b.nodeType === nt.element && b.nodeName === "BODY" || b.nodeName === "HTML" ? v = b : v.appendChild(b);
+      _ = Ii("<!---->"), w = _.ownerDocument.importNode(k, !0), w.nodeType === nt.element && w.nodeName === "BODY" || w.nodeName === "HTML" ? _ = w : _.appendChild(w);
     else {
       if (!$e && !Be && !Ne && // eslint-disable-next-line unicorn/prefer-includes
       k.indexOf("<") === -1)
         return T && gt ? T.createHTML(k) : k;
-      if (v = Ii(k), !v)
+      if (_ = Ii(k), !_)
         return $e ? null : gt ? H : "";
     }
-    v && Ft && be(v.firstChild);
-    const q = Bi(Ke ? k : v);
+    _ && Ft && be(_.firstChild);
+    const q = Bi(Ke ? k : _);
     for (; U = q.nextNode(); )
       Fi(U), Gi(U), U.content instanceof n && $s(U.content);
     if (Ke)
       return k;
     if ($e) {
       if (pt)
-        for (J = g.call(v.ownerDocument); v.firstChild; )
-          J.appendChild(v.firstChild);
+        for (J = g.call(_.ownerDocument); _.firstChild; )
+          J.appendChild(_.firstChild);
       else
-        J = v;
+        J = _;
       return (K.shadowroot || K.shadowrootmode) && (J = F.call(i, J, !0)), J;
     }
-    let ae = Ne ? v.outerHTML : v.innerHTML;
-    return Ne && X["!doctype"] && v.ownerDocument && v.ownerDocument.doctype && v.ownerDocument.doctype.name && ee(Ds, v.ownerDocument.doctype.name) && (ae = "<!DOCTYPE " + v.ownerDocument.doctype.name + `>
+    let ae = Ne ? _.outerHTML : _.innerHTML;
+    return Ne && X["!doctype"] && _.ownerDocument && _.ownerDocument.doctype && _.ownerDocument.doctype.name && ee(Ds, _.ownerDocument.doctype.name) && (ae = "<!DOCTYPE " + _.ownerDocument.doctype.name + `>
 ` + ae), Be && wt([le, Se, M], (Te) => {
       ae = tt(ae, Te, " ");
     }), T && gt ? T.createHTML(ae) : ae;
@@ -2507,16 +2507,16 @@ function Ls() {
     jt(k), $t = !0;
   }, e.clearConfig = function() {
     We = null, $t = !1;
-  }, e.isValidAttribute = function(k, u, v) {
+  }, e.isValidAttribute = function(k, u, _) {
     We || jt({});
-    const b = j(k), U = j(u);
-    return Ui(b, U, v);
+    const w = j(k), U = j(u);
+    return Ui(w, U, _);
   }, e.addHook = function(k, u) {
     typeof u == "function" && et(N[k], u);
   }, e.removeHook = function(k, u) {
     if (u !== void 0) {
-      const v = or(N[k], u);
-      return v === -1 ? void 0 : ar(N[k], v, 1)[0];
+      const _ = or(N[k], u);
+      return _ === -1 ? void 0 : ar(N[k], _, 1)[0];
     }
     return ts(N[k]);
   }, e.removeHooks = function(k) {
@@ -2560,13 +2560,13 @@ const Tr = ["innerHTML"], Rr = "Markdown", Cr = /* @__PURE__ */ de({
     function c() {
       r.value = !r.value, i("changeMode", r.value ? "edit" : "preview");
     }
-    return (l, d) => (C(), O(De, null, [
+    return (l, d) => (C(), z(De, null, [
       Tt(l.$slots, "default", {
         widgetName: Rr,
         childIcons: s.value
       }, void 0, !0),
       D("div", di({ class: "markdown-widget-wrap" }, l.$attrs), [
-        r.value ? Me((C(), O("textarea", {
+        r.value ? Me((C(), z("textarea", {
           key: 0,
           "onUpdate:modelValue": d[0] || (d[0] = (f) => n.value = f),
           onInput: h,
@@ -2574,7 +2574,7 @@ const Tr = ["innerHTML"], Rr = "Markdown", Cr = /* @__PURE__ */ de({
           placeholder: "Write markdown here…"
         }, null, 544)), [
           [js, n.value]
-        ]) : (C(), O("div", {
+        ]) : (C(), z("div", {
           key: 1,
           class: "markdown-output",
           innerHTML: o.value
@@ -3648,8 +3648,8 @@ class Re {
       const d = e._moving && !t.nested;
       let f = d ? this.directionCollideCoverage(e, t, o) : o[0];
       if (d && f && ((l = (c = e.grid) == null ? void 0 : c.opts) != null && l.subGridDynamic) && !e.grid._isTemp) {
-        const y = p.areaIntercept(t.rect, f._rect), m = p.area(t.rect), w = p.area(f._rect);
-        y / (m < w ? m : w) > 0.8 && (f.grid.makeSubGrid(f.el, void 0, e), f = void 0);
+        const y = p.areaIntercept(t.rect, f._rect), v = p.area(t.rect), b = p.area(f._rect);
+        y / (v < b ? v : b) > 0.8 && (f.grid.makeSubGrid(f.el, void 0, e), f = void 0);
       }
       f ? h = !this._fixCollisions(e, n, f, t) : (h = !1, i && delete t.pack);
     }
@@ -4670,13 +4670,13 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
    * @returns newly created grid
    */
   makeSubGrid(e, t, i, s = !0) {
-    var y, m, w;
+    var y, v, b;
     let n = e.gridstackNode;
     if (n || (n = this.makeWidget(e).gridstackNode), (y = n.subGrid) != null && y.el)
       return n.subGrid;
     let r, o = this;
     for (; o && !r; )
-      r = (m = o.opts) == null ? void 0 : m.subGridOpts, o = (w = o.parentGridNode) == null ? void 0 : w.grid;
+      r = (v = o.opts) == null ? void 0 : v.subGridOpts, o = (b = o.parentGridNode) == null ? void 0 : b.grid;
     t = p.cloneDeep({
       // by default sub-grid inherit from us | parent, other than id, children, etc...
       ...this.opts,
@@ -4693,8 +4693,8 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
     t.column === "auto" && (h = !0, t.column = Math.max(n.w || 1, (i == null ? void 0 : i.w) || 1), delete t.columnOpts);
     let c = n.el.querySelector(".grid-stack-item-content"), l, d;
     if (s && (this._removeDD(n.el), d = { ...n, x: 0, y: 0 }, p.removeInternalForSave(d), delete d.subGridOpts, n.content && (d.content = n.content, delete n.content), x.addRemoveCB ? l = x.addRemoveCB(this.el, d, !0, !1) : (l = p.createDiv(["grid-stack-item"]), l.appendChild(c), c = p.createDiv(["grid-stack-item-content"], n.el)), this.prepareDragDrop(n.el)), i) {
-      const z = h ? t.column : n.w, E = n.h + i.h, A = n.el.style;
-      A.transition = "none", this.update(n.el, { w: z, h: E }), setTimeout(() => A.transition = null);
+      const O = h ? t.column : n.w, E = n.h + i.h, A = n.el.style;
+      A.transition = "none", this.update(n.el, { w: O, h: E }), setTimeout(() => A.transition = null);
     }
     const f = n.subGrid = x.addGrid(c, t);
     return i != null && i._moving && (f._isTemp = !0), h && (f._autoColumn = !0), s && f.makeWidget(l, d), i && (i._moving ? window.setTimeout(() => p.simulateMouseEvent(i._event, "mouseenter", f.el), 0) : f.makeWidget(n.el, n)), this.resizeToContentCheck(!1, n), f;
@@ -5310,18 +5310,18 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
     let c;
     if (t.subGrid) {
       c = t.subGrid.getRow() * t.subGrid.getCellHeight(!0);
-      const m = t.subGrid.el.getBoundingClientRect(), w = e.getBoundingClientRect();
-      c += m.top - w.top;
+      const v = t.subGrid.el.getBoundingClientRect(), b = e.getBoundingClientRect();
+      c += v.top - b.top;
     } else {
       if ((y = (f = t.subGridOpts) == null ? void 0 : f.children) != null && y.length)
         return;
       {
-        const m = r.firstElementChild;
-        if (!m) {
+        const v = r.firstElementChild;
+        if (!v) {
           console.error(`Error: GridStack.resizeToContent() widget id:${t.id} '${x.resizeToContentParent}'.firstElementChild is null, make sure to have a div like container. Skipping sizing.`);
           return;
         }
-        c = m.getBoundingClientRect().height || h;
+        c = v.getBoundingClientRect().height || h;
       }
     }
     if (h === c)
@@ -5849,7 +5849,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
       const o = (r == null ? void 0 : r.gridstackNode) || n.gridstackNode;
       return o && (!o.grid || o.grid === this) && (this._leave(n, r), this._isTemp && this.removeAsSubGrid(o)), !1;
     }).on(this.el, "drop", (s, n, r) => {
-      var f, y, m;
+      var f, y, v;
       const o = (r == null ? void 0 : r.gridstackNode) || n.gridstackNode;
       if ((o == null ? void 0 : o.grid) === this && !o._isExternal)
         return !1;
@@ -5857,12 +5857,12 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
       this.placeholder.remove(), delete this.placeholder.gridstackNode, h && this.opts.animate && (this.setAnimation(!1), this.setAnimation(!0, !0));
       const l = n._gridstackNodeOrig;
       if (delete n._gridstackNodeOrig, h && (l != null && l.grid) && l.grid !== this) {
-        const w = l.grid;
-        w.engine.removeNodeFromLayoutCache(l), w.engine.removedNodes.push(l), w._triggerRemoveEvent()._triggerChangeEvent(), w.parentGridNode && !w.engine.nodes.length && w.opts.subGridDynamic && w.removeAsSubGrid();
+        const b = l.grid;
+        b.engine.removeNodeFromLayoutCache(l), b.engine.removedNodes.push(l), b._triggerRemoveEvent()._triggerChangeEvent(), b.parentGridNode && !b.engine.nodes.length && b.opts.subGridDynamic && b.removeAsSubGrid();
       }
       if (!o || (h && (this.engine.cleanupNode(o), o.grid = this), (f = o.grid) == null || delete f._isTemp, te.off(n, "drag"), r !== n ? (r.remove(), n = r) : n.remove(), this._removeDD(n), !h))
         return !1;
-      const d = (m = (y = o.subGrid) == null ? void 0 : y.el) == null ? void 0 : m.gridstack;
+      const d = (v = (y = o.subGrid) == null ? void 0 : y.el) == null ? void 0 : v.gridstack;
       return p.copyPos(o, this._readAttr(this.placeholder)), p.removePositioningStyles(n), c && (o.content || o.subGridOpts || x.addRemoveCB) ? (delete o.el, n = this.addWidget(o)) : (this._prepareElement(n, !0, o), this.el.appendChild(n), this.resizeToContentCheck(!1, o), d && (d.parentGridNode = o), this._updateContainerHeight()), this.engine.addedNodes.push(o), this._triggerAddEvent(), this._triggerChangeEvent(), this.engine.endUpdate(), this._gsEventHandler.dropped && this._gsEventHandler.dropped({ ...s, type: "dropped" }, l && l.grid ? l : void 0, o), !1;
     }), this;
   }
@@ -5900,13 +5900,13 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
         this._dragOrResize(e, f, y, i, o, h);
       }, d = (f) => {
         this.placeholder.remove(), delete this.placeholder.gridstackNode, delete i._moving, delete i._resizing, delete i._event, delete i._lastTried;
-        const y = i.w !== i._orig.w, m = f.target;
-        if (!(!m.gridstackNode || m.gridstackNode.grid !== this)) {
-          if (i.el = m, i._isAboutToRemove) {
-            const w = e.gridstackNode.grid;
-            w._gsEventHandler[f.type] && w._gsEventHandler[f.type](f, m), w.engine.nodes.push(i), w.removeWidget(e, !0, !0);
+        const y = i.w !== i._orig.w, v = f.target;
+        if (!(!v.gridstackNode || v.gridstackNode.grid !== this)) {
+          if (i.el = v, i._isAboutToRemove) {
+            const b = e.gridstackNode.grid;
+            b._gsEventHandler[f.type] && b._gsEventHandler[f.type](f, v), b.engine.nodes.push(i), b.removeWidget(e, !0, !0);
           } else
-            p.removePositioningStyles(m), i._temporaryRemoved ? (this._writePosAttr(m, i), this.engine.addNode(i)) : this._writePosAttr(m, i), this.triggerEvent(f, m);
+            p.removePositioningStyles(v), i._temporaryRemoved ? (this._writePosAttr(v, i), this.engine.addNode(i)) : this._writePosAttr(v, i), this.triggerEvent(f, v);
           this._extraDragRow = 0, this._updateContainerHeight(), this._triggerChangeEvent(), this.engine.endUpdate(), f.type === "resizestop" && (Number.isInteger(i.sizeToContent) && (i.sizeToContent = i.h), this.resizeToContentCheck(y, i));
         }
       };
@@ -5946,12 +5946,12 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
   _dragOrResize(e, t, i, s, n, r) {
     const o = { ...s._orig };
     let h, c = this.opts.marginLeft, l = this.opts.marginRight, d = this.opts.marginTop, f = this.opts.marginBottom;
-    const y = Math.round(r * 0.1), m = Math.round(n * 0.1);
-    if (c = Math.min(c, m), l = Math.min(l, m), d = Math.min(d, y), f = Math.min(f, y), t.type === "drag") {
+    const y = Math.round(r * 0.1), v = Math.round(n * 0.1);
+    if (c = Math.min(c, v), l = Math.min(l, v), d = Math.min(d, y), f = Math.min(f, y), t.type === "drag") {
       if (s._temporaryRemoved)
         return;
-      const z = i.position.top - s._prevYPix;
-      s._prevYPix = i.position.top, this.opts.draggable.scroll !== !1 && p.updateScrollPosition(e, i.position, z);
+      const O = i.position.top - s._prevYPix;
+      s._prevYPix = i.position.top, this.opts.draggable.scroll !== !1 && p.updateScrollPosition(e, i.position, O);
       const E = i.position.left + (i.position.left > s._lastUiPosition.left ? -l : c), A = i.position.top + (i.position.top > s._lastUiPosition.top ? -f : d);
       o.x = Math.round(E / n), o.y = Math.round(A / r);
       const S = this._extraDragRow;
@@ -5966,20 +5966,20 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
     } else if (t.type === "resize") {
       if (o.x < 0 || (p.updateScrollResize(t, e, r), o.w = Math.round((i.size.width - c) / n), o.h = Math.round((i.size.height - d) / r), s.w === o.w && s.h === o.h) || s._lastTried && s._lastTried.w === o.w && s._lastTried.h === o.h)
         return;
-      const z = i.position.left + c, E = i.position.top + d;
-      o.x = Math.round(z / n), o.y = Math.round(E / r), h = !0;
+      const O = i.position.left + c, E = i.position.top + d;
+      o.x = Math.round(O / n), o.y = Math.round(E / r), h = !0;
     }
     s._event = t, s._lastTried = o;
-    const w = {
+    const b = {
       x: i.position.left + c,
       y: i.position.top + d,
       w: (i.size ? i.size.width : s.w * n) - c - l,
       h: (i.size ? i.size.height : s.h * r) - d - f
     };
-    if (this.engine.moveNodeCheck(s, { ...o, cellWidth: n, cellHeight: r, rect: w, resizing: h })) {
+    if (this.engine.moveNodeCheck(s, { ...o, cellWidth: n, cellHeight: r, rect: b, resizing: h })) {
       s._lastUiPosition = i.position, this.engine.cacheRects(n, r, d, l, f, c), delete s._skipDown, h && s.subGrid && s.subGrid.onResize(), this._extraDragRow = 0, this._updateContainerHeight();
-      const z = t.target;
-      s._sidebarOrig || this._writePosAttr(z, s), this.triggerEvent(t, z);
+      const O = t.target;
+      s._sidebarOrig || this._writePosAttr(O, s), this.triggerEvent(t, O);
     }
   }
   /** call given event callback on our main top-most grid (if we're nested) */
@@ -6029,10 +6029,10 @@ const Lr = { class: "tw-flex tw-flex-row tw-flex-wrap tw-gap-2" }, Nr = { class:
       var d;
       const l = n.value.filter((f) => s.value.hasOwnProperty(f.key) && s.value[f.key]);
       if ((d = e.order) != null && d.length) {
-        const f = new Map(e.order.map((y, m) => [y, m]));
-        l.sort((y, m) => {
-          const w = f.has(y.key) ? f.get(y.key) : Number.MAX_SAFE_INTEGER, z = f.has(m.key) ? f.get(m.key) : Number.MAX_SAFE_INTEGER;
-          return w - z || y.key.localeCompare(m.key);
+        const f = new Map(e.order.map((y, v) => [y, v]));
+        l.sort((y, v) => {
+          const b = f.has(y.key) ? f.get(y.key) : Number.MAX_SAFE_INTEGER, O = f.has(v.key) ? f.get(v.key) : Number.MAX_SAFE_INTEGER;
+          return b - O || y.key.localeCompare(v.key);
         });
       } else
         l.sort((f, y) => f.key.localeCompare(y.key));
@@ -6057,22 +6057,22 @@ const Lr = { class: "tw-flex tw-flex-row tw-flex-wrap tw-gap-2" }, Nr = { class:
       }, {
         default: W(() => [
           D("div", Lr, [
-            r.value.length ? (C(!0), O(De, { key: 0 }, qe(r.value, (m) => (C(), Q(Y(Js), {
+            r.value.length ? (C(!0), z(De, { key: 0 }, qe(r.value, (v) => (C(), Q(Y(Js), {
               class: "color-background",
-              key: m.key,
+              key: v.key,
               closable: "",
-              onClose: (w) => h(m.key),
+              onClose: (b) => h(v.key),
               effect: "dark",
               type: "info"
             }, {
               default: W(() => [
-                D("b", Nr, pe(m.key) + ": ", 1),
-                D("span", zr, pe(o(m.value)), 1)
+                D("b", Nr, pe(v.key) + ": ", 1),
+                D("span", zr, pe(o(v.value)), 1)
               ]),
               _: 2
-            }, 1032, ["onClose"]))), 128)) : (C(), O("span", Or))
+            }, 1032, ["onClose"]))), 128)) : (C(), z("span", Or))
           ]),
-          r.value.length ? (C(), O("div", Mr, [
+          r.value.length ? (C(), z("div", Mr, [
             V(Y(ri), {
               placement: "top-start",
               content: "Clear All Filters"
@@ -6134,13 +6134,13 @@ const Lr = { class: "tw-flex tw-flex-row tw-flex-wrap tw-gap-2" }, Nr = { class:
     }
     return (h, c) => {
       const l = ie("el-input");
-      return a.hideHeader ? (C(), O("div", Ur, [
+      return a.hideHeader ? (C(), z("div", Ur, [
         D("div", Wr, [
           Tt(h.$slots, "default", {}, void 0, !0)
         ])
-      ])) : (C(), O("div", Ir, [
+      ])) : (C(), z("div", Ir, [
         D("div", null, [
-          Me((C(), O("div", {
+          Me((C(), z("div", {
             onKeyup: us(o, ["enter"]),
             class: "tw-flex"
           }, [
@@ -6200,7 +6200,7 @@ const Lr = { class: "tw-flex tw-flex-row tw-flex-wrap tw-gap-2" }, Nr = { class:
             return;
           } catch {
           }
-        h.value = !1, o.value = !0, w(!0);
+        h.value = !1, o.value = !0, b(!0);
       }
     }
     async function d() {
@@ -6208,11 +6208,11 @@ const Lr = { class: "tw-flex tw-flex-row tw-flex-wrap tw-gap-2" }, Nr = { class:
         try {
           await document.exitFullscreen();
         } catch {
-          h.value = !1, o.value = !1, w(!1);
+          h.value = !1, o.value = !1, b(!1);
         }
         return;
       }
-      h.value = !1, o.value = !1, w(!1);
+      h.value = !1, o.value = !1, b(!1);
     }
     function f() {
       o.value ? d() : l();
@@ -6220,20 +6220,20 @@ const Lr = { class: "tw-flex tw-flex-row tw-flex-wrap tw-gap-2" }, Nr = { class:
     function y() {
       t("toggle-lock", { id: i.widgetID, isLocked: n.value });
     }
-    let m = "";
-    function w(E) {
-      E ? (m = document.body.style.overflow || "", document.body.style.overflow = "hidden") : document.body.style.overflow = m;
+    let v = "";
+    function b(E) {
+      E ? (v = document.body.style.overflow || "", document.body.style.overflow = "hidden") : document.body.style.overflow = v;
     }
-    function z() {
-      h.value = !!document.fullscreenElement, h.value ? (o.value = c(), o.value || w(!1)) : (o.value = !1, w(!1));
+    function O() {
+      h.value = !!document.fullscreenElement, h.value ? (o.value = c(), o.value || b(!1)) : (o.value = !1, b(!1));
     }
     return ds(() => {
-      document.addEventListener("fullscreenchange", z);
+      document.addEventListener("fullscreenchange", O);
     }), fs(() => {
-      document.removeEventListener("fullscreenchange", z), w(!1);
+      document.removeEventListener("fullscreenchange", O), b(!1);
     }), (E, A) => {
       const S = ie("el-icon");
-      return C(), O("div", {
+      return C(), z("div", {
         ref_key: "instance",
         ref: s,
         class: ps(["grid-stack-item-content", {
@@ -6259,7 +6259,7 @@ const Lr = { class: "tw-flex tw-flex-row tw-flex-wrap tw-gap-2" }, Nr = { class:
             }, {
               default: W(() => [
                 D("div", qr, [
-                  (C(!0), O(De, null, qe(T.childIcons, (H) => (C(), Q(Y(ri), { placement: "bottom-start" }, {
+                  (C(!0), z(De, null, qe(T.childIcons, (H) => (C(), Q(Y(ri), { placement: "bottom-start" }, {
                     content: W(() => [
                       Oe(pe(H.tooltip), 1)
                     ]),
@@ -6352,25 +6352,25 @@ const Lr = { class: "tw-flex tw-flex-row tw-flex-wrap tw-gap-2" }, Nr = { class:
     const d = B([]), { ComponentRegistry: f } = ni(t), y = si({});
     Xs(() => {
       var g;
-      m(), w(), t.loadFromLocalStorage(), o = ((g = i.value) == null ? void 0 : g.length) + 1;
+      v(), b(), t.loadFromLocalStorage(), o = ((g = i.value) == null ? void 0 : g.length) + 1;
     }), ds(() => {
       E(), S();
     }), fs(() => {
       A(), t.unregisterGridProvider();
     });
-    function m() {
-      var g, _;
-      t.DefaultLayout = (g = e.options) == null ? void 0 : g.defaultLayout, t.setOptionServices((_ = e.options) == null ? void 0 : _.services);
+    function v() {
+      var g, m;
+      t.DefaultLayout = (g = e.options) == null ? void 0 : g.defaultLayout, t.setOptionServices((m = e.options) == null ? void 0 : m.services);
     }
-    function w() {
+    function b() {
       const g = {
         apiUrl: ue(() => {
-          var _;
-          return (_ = t.Services) == null ? void 0 : _.ApiUrl;
+          var m;
+          return (m = t.Services) == null ? void 0 : m.ApiUrl;
         }),
         s3Url: ue(() => {
-          var _;
-          return (_ = t.Services) == null ? void 0 : _.s3Url;
+          var m;
+          return (m = t.Services) == null ? void 0 : m.s3Url;
         }),
         services: t.Services,
         filters: t.Filters,
@@ -6380,16 +6380,16 @@ const Lr = { class: "tw-flex tw-flex-row tw-flex-wrap tw-gap-2" }, Nr = { class:
       };
       Ks("dashboard:globalVars", g);
     }
-    async function z() {
+    async function O() {
       if (t.resetGridLayout(), await Yi(), !!n) {
         n.batchUpdate(), n.removeAll();
         for (const g of i.value) {
-          const _ = document.getElementById(g.id);
-          if (!_) {
+          const m = document.getElementById(g.id);
+          if (!m) {
             console.warn("makeWidget: element not found for id", g.id);
             continue;
           }
-          _.classList.add("grid-stack-item"), g.w != null && _.setAttribute("gs-w", String(g.w)), g.h != null && _.setAttribute("gs-h", String(g.h)), g.x != null && _.setAttribute("gs-x", String(g.x)), g.y != null && _.setAttribute("gs-y", String(g.y)), g.x == null && g.y == null && g.autoPosition && _.setAttribute("gs-auto-position", "true"), !_.gridstackNode && n.makeWidget(_);
+          m.classList.add("grid-stack-item"), g.w != null && m.setAttribute("gs-w", String(g.w)), g.h != null && m.setAttribute("gs-h", String(g.h)), g.x != null && m.setAttribute("gs-x", String(g.x)), g.y != null && m.setAttribute("gs-y", String(g.y)), g.x == null && g.y == null && g.autoPosition && m.setAttribute("gs-auto-position", "true"), !m.gridstackNode && n.makeWidget(m);
         }
         n.commit();
       }
@@ -6415,8 +6415,8 @@ const Lr = { class: "tw-flex tw-flex-row tw-flex-wrap tw-gap-2" }, Nr = { class:
       const g = e.options.globalData;
       if (g) {
         t.clearOptionsDataItems();
-        for (const _ in g)
-          t.addOptionsDataItems(_, g[_]);
+        for (const m in g)
+          t.addOptionsDataItems(m, g[m]);
       }
     }
     fe(
@@ -6425,18 +6425,18 @@ const Lr = { class: "tw-flex tw-flex-row tw-flex-wrap tw-gap-2" }, Nr = { class:
         return (g = e.options) == null ? void 0 : g.availableWidgets;
       },
       (g) => {
-        f.value = {}, d.value = [], g && g.forEach((_, F) => {
+        f.value = {}, d.value = [], g && g.forEach((m, F) => {
           let N, le;
-          if (_ && typeof _ == "object" && "name" in _ && "component" in _)
-            N = _.name, le = _.component;
-          else if (_ && typeof _ == "object" && "name" in _ && "loader" in _)
-            N = _.name, le = Zs(async () => {
-              const Se = await _.loader();
+          if (m && typeof m == "object" && "name" in m && "component" in m)
+            N = m.name, le = m.component;
+          else if (m && typeof m == "object" && "name" in m && "loader" in m)
+            N = m.name, le = Zs(async () => {
+              const Se = await m.loader();
               return Se.default ?? Se;
             });
-          else if (_ && (typeof _ == "function" || typeof _ == "object"))
-            le = _, N = _.name || `Widget${F + 1}`;
-          else if (typeof _ == "function")
+          else if (m && (typeof m == "function" || typeof m == "object"))
+            le = m, N = m.name || `Widget${F + 1}`;
+          else if (typeof m == "function")
             return;
           !N || !le || f.value[N] || (f.value[N] = le, d.value.push(N));
         });
@@ -6460,8 +6460,8 @@ const Lr = { class: "tw-flex tw-flex-row tw-flex-wrap tw-gap-2" }, Nr = { class:
     function T(g) {
       if (!g)
         return;
-      const _ = `${g}-${o}`, F = {
-        id: _,
+      const m = `${g}-${o}`, F = {
+        id: m,
         w: 2,
         h: 6,
         autoPosition: !0,
@@ -6471,37 +6471,37 @@ const Lr = { class: "tw-flex tw-flex-row tw-flex-wrap tw-gap-2" }, Nr = { class:
         Props: {}
       };
       o++, i.value.push(F), Yi(() => {
-        n == null || n.makeWidget(`#${_}`);
+        n == null || n.makeWidget(`#${m}`);
       });
     }
     function H(g) {
-      var _ = i.value.findIndex((N) => N.id == g);
-      i.value.splice(_, 1);
+      var m = i.value.findIndex((N) => N.id == g);
+      i.value.splice(m, 1);
       const F = `#${g}`;
       n.removeWidget(F, !1);
     }
     function oe({
       id: g,
-      isLocked: _
+      isLocked: m
     }) {
       const F = y[g];
       F && n && n.update(F, {
-        locked: !_,
-        noMove: !_,
-        noResize: !_
+        locked: !m,
+        noMove: !m,
+        noResize: !m
       }), t.toggleWidgetLock(g);
     }
     function me() {
       h.value || (l.value = !l.value, l.value);
     }
-    return (g, _) => {
+    return (g, m) => {
       const F = ie("el-button"), N = ie("el-option"), le = ie("el-select"), Se = ie("el-col");
-      return C(), O("div", Xr, [
-        c.value ? h.value ? Ve("", !0) : (C(), O("div", Qr, [
+      return C(), z("div", Xr, [
+        c.value ? h.value ? Ve("", !0) : (C(), z("div", Qr, [
           D("span", Jr, [
             V(F, {
               class: "edit-button",
-              onClick: _[1] || (_[1] = (M) => me())
+              onClick: m[1] || (m[1] = (M) => me())
             }, {
               default: W(() => [
                 Oe(pe(Y(s)), 1)
@@ -6509,11 +6509,11 @@ const Lr = { class: "tw-flex tw-flex-row tw-flex-wrap tw-gap-2" }, Nr = { class:
               _: 1
             })
           ])
-        ])) : (C(), O("div", Kr, [
-          h.value ? Ve("", !0) : (C(), O("span", Zr, [
+        ])) : (C(), z("div", Kr, [
+          h.value ? Ve("", !0) : (C(), z("span", Zr, [
             V(F, {
               class: "edit-button",
-              onClick: _[0] || (_[0] = (M) => me())
+              onClick: m[0] || (m[0] = (M) => me())
             }, {
               default: W(() => [
                 Oe(pe(Y(s)), 1)
@@ -6528,7 +6528,7 @@ const Lr = { class: "tw-flex tw-flex-row tw-flex-wrap tw-gap-2" }, Nr = { class:
             D("div", eo, [
               V(le, { placeholder: "Add New Widget" }, {
                 default: W(() => [
-                  (C(!0), O(De, null, qe(d.value, (M) => (C(), Q(N, {
+                  (C(!0), z(De, null, qe(d.value, (M) => (C(), Q(N, {
                     key: M,
                     label: M,
                     value: M,
@@ -6539,9 +6539,9 @@ const Lr = { class: "tw-flex tw-flex-row tw-flex-wrap tw-gap-2" }, Nr = { class:
               }),
               D("div", to, [
                 V(F, {
-                  onClick: _[2] || (_[2] = (M) => z())
+                  onClick: m[2] || (m[2] = (M) => O())
                 }, {
-                  default: W(() => [..._[3] || (_[3] = [
+                  default: W(() => [...m[3] || (m[3] = [
                     Oe("Reset Grid Layout", -1)
                   ])]),
                   _: 1
@@ -6556,9 +6556,9 @@ const Lr = { class: "tw-flex tw-flex-row tw-flex-wrap tw-gap-2" }, Nr = { class:
           ref: r,
           class: "grid-stack"
         }, [
-          (C(!0), O(De, null, qe(Y(i), (M) => {
+          (C(!0), z(De, null, qe(Y(i), (M) => {
             var je, ht, ut, Ye;
-            return C(), O("div", {
+            return C(), z("div", {
               class: "grid-stack-item",
               ref_for: !0,
               ref: (dt) => y[M.id] = dt,
@@ -6600,58 +6600,58 @@ const Lr = { class: "tw-flex tw-flex-row tw-flex-wrap tw-gap-2" }, Nr = { class:
     headerDescription: { default: "" }
   },
   setup(a) {
-    var f;
-    const e = a, t = new URLSearchParams(window.location.search), i = t.get("gene"), s = t.get("gene2"), n = t.get("dashboard"), r = (y) => y.toLowerCase().replace(/\s+/g, ""), o = n ? ((f = e.dashboardOptions) == null ? void 0 : f.find(
-      (y) => r(y.name) === r(n)
+    var f, y, v;
+    const e = a, t = new URLSearchParams(window.location.search), i = ((f = t.get("gene")) == null ? void 0 : f.toUpperCase()) ?? null, s = ((y = t.get("gene2")) == null ? void 0 : y.toUpperCase()) ?? null, n = t.get("dashboard"), r = (b) => b.toLowerCase().replace(/\s+/g, ""), o = n ? ((v = e.dashboardOptions) == null ? void 0 : v.find(
+      (b) => r(b.name) === r(n)
     )) ?? null : null, h = B(
       o || e.default || e.dashboardOptions && e.dashboardOptions[0] || {}
     ), c = B(e.dashboardOptions), l = ue(() => {
-      const y = h.value;
-      return !(y != null && y.defaultLayout) || !i && !s ? y : {
-        ...y,
-        defaultLayout: y.defaultLayout.map((m) => ({
-          ...m,
+      const b = h.value;
+      return !(b != null && b.defaultLayout) || !i && !s ? b : {
+        ...b,
+        defaultLayout: b.defaultLayout.map((O) => ({
+          ...O,
           Props: {
-            ...m.Props,
+            ...O.Props,
             ...i ? { initialGene: i, initialGene1: i } : {},
             ...s ? { initialGene2: s } : {}
           }
         }))
       };
-    }), d = (y) => {
-      h.value = y;
+    }), d = (b) => {
+      h.value = b;
     };
-    return (y, m) => {
-      var w;
-      return C(), O("div", ro, [
+    return (b, O) => {
+      var E;
+      return C(), z("div", ro, [
         D("div", oo, [
           D("h4", ao, pe(a.headerTitle), 1),
           D("p", lo, pe(a.headerDescription), 1),
           D("div", co, [
-            (C(!0), O(De, null, qe(c.value, (z) => {
-              var E;
-              return C(), O("button", {
-                key: z.name,
+            (C(!0), z(De, null, qe(c.value, (A) => {
+              var S;
+              return C(), z("button", {
+                key: A.name,
                 class: ps([
                   "dashboard-button",
-                  { active: ((E = h.value) == null ? void 0 : E.name) === z.name }
+                  { active: ((S = h.value) == null ? void 0 : S.name) === A.name }
                 ]),
-                onClick: (A) => d(z)
-              }, pe(z.name), 11, ho);
+                onClick: (T) => d(A)
+              }, pe(A.name), 11, ho);
             }), 128))
           ])
         ]),
         D("div", uo, [
           (C(), Q(Y(no), {
             class: "dashboard-app",
-            key: (w = h.value) == null ? void 0 : w.name,
+            key: (E = h.value) == null ? void 0 : E.name,
             options: l.value
           }, null, 8, ["options"]))
         ])
       ]);
     };
   }
-}), bo = /* @__PURE__ */ Le(fo, [["__scopeId", "data-v-6ea2ebdd"]]);
+}), bo = /* @__PURE__ */ Le(fo, [["__scopeId", "data-v-5c609848"]]);
 export {
   yo as MarkdownWidget,
   bo as MultiDashboard,