@trilogy-data/trilogy-studio-components 0.1.16 → 0.1.18

package/dist/{Dashboard-Djg-QyQG.js → Dashboard-Bsoj1oUW.js}

@@ -1,9 +1,9 @@
 import { defineComponent as sn, ref as k, provide as Bo, onBeforeUnmount as Vn, onBeforeMount as Lo, onMounted as Kn, nextTick as yt, watch as G, createElementBlock as Pt, openBlock as vt, normalizeStyle as Te, renderSlot as Qn, withDirectives as Ho, createVNode as Bt, vShow as Wo, inject as jo, computed as Lt, useSlots as $o, normalizeClass as yn, createCommentVNode as Ye, getCurrentInstance as Uo, createBlock as xe, unref as I, createElementVNode as He, withCtx as bn, Fragment as xn, renderList as Xo, Teleport as wn, toDisplayString as qo } from "vue";
-import { u as Yo, e as Go, _ as Vo, f as Ko, g as Qo, C as Jo, M as Zo } from "./useDashboard-Cfrk1mUz.js";
-import { D as ti } from "./DashboardCreatorInline-DheLBs4U.js";
-import { a as ei } from "./queryExecutionService-obvMrWcu.js";
+import { u as Yo, D as Go, _ as Vo, a as Ko, b as Qo, C as Jo, M as Zo } from "./useDashboard-CtX3sEag.js";
+import { D as ti } from "./DashboardCreatorInline-BLbkDxBF.js";
+import { a as ei } from "./queryExecutionService-KrjL0UCa.js";
 import { _ as ni } from "./_plugin-vue_export-helper-BzkwV_Yn.js";
-var oi = Object.defineProperty, ii = (e, t, n) => t in e ? oi(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, f = (e, t, n) => (ii(e, typeof t != "symbol" ? t + "" : t, n), n);
+var oi = Object.defineProperty, ii = (e, t, n) => t in e ? oi(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, p = (e, t, n) => (ii(e, typeof t != "symbol" ? t + "" : t, n), n);
 function ri(e) {
   let t = 0, n;
   for (let o = 0, i = e.length; o < i; o++)
@@ -32,15 +32,15 @@ function Zt(e, t, n) {
 }
 function ai(e, t, n, o) {
   if (n)
-    for (; t.y > 0 && !fe(e, t); )
+    for (; t.y > 0 && !pe(e, t); )
       t.y--;
   else if (o) {
     const r = o[t.i].y;
-    for (; t.y > r && !fe(e, t); )
+    for (; t.y > r && !pe(e, t); )
       t.y--;
   }
   let i;
-  for (; i = fe(e, t); )
+  for (; i = pe(e, t); )
     t.y = i.y + i.h;
   return t;
 }
@@ -51,7 +51,7 @@ function li(e, t) {
     if (r.x + r.w > t.cols && (r.x = t.cols - r.w), r.x < 0 && (r.x = 0, r.w = t.cols), !r.static)
       n.push(r);
     else
-      for (; fe(n, r); )
+      for (; pe(n, r); )
         r.y++;
   }
   return e;
@@ -61,7 +61,7 @@ function En(e, t) {
     if (e[n].i === t)
       return e[n];
 }
-function fe(e, t) {
+function pe(e, t) {
   for (let n = 0, o = e.length; n < o; n++)
     if (Jn(e[n], t))
       return e[n];
@@ -82,7 +82,7 @@ function Ve(e, t, n, o, i, r) {
   const u = Zn(c, t);
   if (r && u.length)
     return t.x = s, t.y = a, t.moved = !1, e;
-  for (let d = 0, p = u.length; d < p; d++) {
+  for (let d = 0, f = u.length; d < f; d++) {
     const g = u[d];
     g.moved || t.y > g.y && t.y - g.y > g.h / 4 || (g.static ? e = Sn(e, g, t, i) : e = Sn(e, t, g, i));
   }
@@ -96,7 +96,7 @@ function Sn(e, t, n, o) {
       w: n.w,
       h: n.h
     };
-    if (i.y = Math.max(t.y - n.h, 0), !fe(e, i))
+    if (i.y = Math.max(t.y - n.h, 0), !pe(e, i))
       return Ve(e, n, void 0, i.y, !1);
   }
   return Ve(e, n, void 0, n.y + 1, !1);
@@ -150,7 +150,7 @@ function eo(e) {
     return t.y === n.y && t.x === n.x ? 0 : t.y > n.y || t.y === n.y && t.x > n.x ? 1 : -1;
   });
 }
-function fi(e, t) {
+function pi(e, t) {
   t = t || "Layout";
   const n = ["x", "y", "w", "h"], o = [];
   if (!Array.isArray(e))
@@ -173,9 +173,9 @@ function fi(e, t) {
   }
 }
 function Tn(e) {
-  return pi(e);
+  return fi(e);
 }
-function pi(e) {
+function fi(e) {
   const t = e.target, n = t.offsetParent || document.body, o = t.offsetParent === document.body ? { left: 0, top: 0 } : n.getBoundingClientRect(), i = e.clientX + n.scrollLeft - o.left, r = e.clientY + n.scrollTop - o.top;
   return { x: i, y: r };
 }
@@ -221,9 +221,9 @@ function vi(e, t, n, o, i, r, s) {
   let a = e;
   const l = no(n), c = l.slice(l.indexOf(o));
   for (let u = 0, d = c.length; u < d; u++) {
-    const p = c[u];
-    if (t[p]) {
-      a = t[p];
+    const f = c[u];
+    if (t[f]) {
+      a = t[f];
       break;
     }
   }
@@ -265,7 +265,7 @@ const wt = {
 };
 function Jt() {
 }
-const pt = wt;
+const ft = wt;
 function Ei(e) {
   const t = e;
   wt.document = t.document, wt.DocumentFragment = t.DocumentFragment || Jt, wt.SVGElement = t.SVGElement || Jt, wt.SVGSVGElement = t.SVGSVGElement || Jt, wt.SVGElementInstance = t.SVGElementInstance || Jt, wt.Element = t.Element || Jt, wt.HTMLElement = t.HTMLElement || wt.Element, wt.Event = t.Event, wt.Touch = t.Touch || Jt, wt.PointerEvent = t.PointerEvent || t.MSPointerEvent;
@@ -310,8 +310,8 @@ const Si = (e) => e === Ht || io(e), Ti = (e) => Ce(e) && e.nodeType === 11, Ce
   wheelEvent: null
 };
 function Pi(e) {
-  const t = pt.Element, n = e.navigator || {};
-  Et.supportsTouch = "ontouchstart" in e || m.func(e.DocumentTouch) && pt.document instanceof e.DocumentTouch, Et.supportsPointerEvent = n.pointerEnabled !== !1 && !!pt.PointerEvent, Et.isIOS = /iP(hone|od|ad)/.test(n.platform), Et.isIOS7 = /iP(hone|od|ad)/.test(n.platform) && /OS 7[^\d]/.test(n.appVersion), Et.isIe9 = /MSIE 9/.test(n.userAgent), Et.isOperaMobile = n.appName === "Opera" && Et.supportsTouch && /Presto/.test(n.userAgent), Et.prefixedMatchesSelector = "matches" in t.prototype ? "matches" : "webkitMatchesSelector" in t.prototype ? "webkitMatchesSelector" : "mozMatchesSelector" in t.prototype ? "mozMatchesSelector" : "oMatchesSelector" in t.prototype ? "oMatchesSelector" : "msMatchesSelector", Et.pEventTypes = Et.supportsPointerEvent ? pt.PointerEvent === e.MSPointerEvent ? {
+  const t = ft.Element, n = e.navigator || {};
+  Et.supportsTouch = "ontouchstart" in e || m.func(e.DocumentTouch) && ft.document instanceof e.DocumentTouch, Et.supportsPointerEvent = n.pointerEnabled !== !1 && !!ft.PointerEvent, Et.isIOS = /iP(hone|od|ad)/.test(n.platform), Et.isIOS7 = /iP(hone|od|ad)/.test(n.platform) && /OS 7[^\d]/.test(n.appVersion), Et.isIe9 = /MSIE 9/.test(n.userAgent), Et.isOperaMobile = n.appName === "Opera" && Et.supportsTouch && /Presto/.test(n.userAgent), Et.prefixedMatchesSelector = "matches" in t.prototype ? "matches" : "webkitMatchesSelector" in t.prototype ? "webkitMatchesSelector" : "mozMatchesSelector" in t.prototype ? "mozMatchesSelector" : "oMatchesSelector" in t.prototype ? "oMatchesSelector" : "msMatchesSelector", Et.pEventTypes = Et.supportsPointerEvent ? ft.PointerEvent === e.MSPointerEvent ? {
     up: "MSPointerUp",
     down: "MSPointerDown",
     over: "mouseover",
@@ -325,7 +325,7 @@ function Pi(e) {
     out: "pointerout",
     move: "pointermove",
     cancel: "pointercancel"
-  } : null, Et.wheelEvent = pt.document && "onmousewheel" in pt.document ? "mousewheel" : "wheel";
+  } : null, Et.wheelEvent = ft.document && "onmousewheel" in ft.document ? "mousewheel" : "wheel";
 }
 const Mt = Et;
 function Xt(e, t) {
@@ -377,7 +377,7 @@ function Ai(e) {
   };
 }
 function an(e) {
-  const t = e instanceof pt.SVGElement ? e.getBoundingClientRect() : e.getClientRects()[0];
+  const t = e instanceof ft.SVGElement ? e.getBoundingClientRect() : e.getClientRects()[0];
   return t && {
     left: t.left,
     right: t.right,
@@ -396,7 +396,7 @@ function ln(e) {
   return t;
 }
 function zn(e) {
-  return m.string(e) ? (pt.document.querySelector(e), !0) : !1;
+  return m.string(e) ? (ft.document.querySelector(e), !0) : !1;
 }
 function D(e, t) {
   for (const n in t)
@@ -463,7 +463,7 @@ function Bi(e) {
     allowFrom: null,
     ignoreFrom: null,
     mouseButtons: 1
-  }), t.maxInteractions = (o) => po(o, e), e.autoStart = {
+  }), t.maxInteractions = (o) => fo(o, e), e.autoStart = {
     maxInteractions: 1 / 0,
     withinInteractionLimit: De,
     cursorElement: null
@@ -478,7 +478,7 @@ function Li({
   if (e.interacting())
     return;
   const r = ho(e, t, n, o, i);
-  fo(e, r, i);
+  po(e, r, i);
 }
 function Hi({
   interaction: e,
@@ -489,7 +489,7 @@ function Hi({
   if (e.pointerType !== "mouse" || e.pointerIsDown || e.interacting())
     return;
   const r = ho(e, t, n, o, i);
-  fo(e, r, i);
+  po(e, r, i);
 }
 function Wi(e, t) {
   const {
@@ -519,10 +519,10 @@ function $i(e, t, n, o, i, r, s) {
     const c = o[a], u = i[a], d = c.getAction(t, n, e, u);
     if (!d)
       continue;
-    const p = uo(d, c, u, r, s);
-    if (p)
+    const f = uo(d, c, u, r, s);
+    if (f)
       return {
-        action: p,
+        action: f,
         interactable: c,
         element: u
       };
@@ -551,7 +551,7 @@ function ho(e, t, n, o, i) {
     element: null
   };
 }
-function fo(e, {
+function po(e, {
   action: t,
   interactable: n,
   element: o
@@ -568,13 +568,13 @@ function De(e, t, n, o) {
   if (!(r && s && a))
     return !1;
   for (const d of o.interactions.list) {
-    const p = d.prepared.name;
-    if (d.interacting() && (l++, l >= a || d.interactable === e && (c += p === n.name ? 1 : 0, c >= r || d.element === t && (u++, p === n.name && u >= s))))
+    const f = d.prepared.name;
+    if (d.interacting() && (l++, l >= a || d.interactable === e && (c += f === n.name ? 1 : 0, c >= r || d.element === t && (u++, f === n.name && u >= s))))
       return !1;
   }
   return a > 0;
 }
-function po(e, t) {
+function fo(e, t) {
   return m.number(e) ? (t.autoStart.maxInteractions = e, this) : t.autoStart.maxInteractions;
 }
 function Je(e, t, n) {
@@ -611,7 +611,7 @@ const Ui = {
     },
     "interactions:stop": ji
   },
-  maxInteractions: po,
+  maxInteractions: fo,
   withinInteractionLimit: De,
   validateAction: uo
 }, cn = Ui;
@@ -627,20 +627,20 @@ function Xi({
   if (e.prepared.axis = a.lockAxis === "start" ? c[0] : a.lockAxis, c !== "xy" && l !== "xy" && l !== c) {
     e.prepared.name = null;
     let u = t;
-    const d = function(p) {
-      if (p === e.interactable)
+    const d = function(f) {
+      if (f === e.interactable)
         return;
       const g = e.interactable.options.drag;
-      if (!g.manualStart && p.testIgnoreAllow(g, u, t)) {
-        const x = p.getAction(e.downPointer, e.downEvent, e, u);
-        if (x && x.name === "drag" && qi(c, p) && cn.validateAction(x, p, u, t, i))
-          return p;
+      if (!g.manualStart && f.testIgnoreAllow(g, u, t)) {
+        const x = f.getAction(e.downPointer, e.downEvent, e, u);
+        if (x && x.name === "drag" && qi(c, f) && cn.validateAction(x, f, u, t, i))
+          return f;
       }
     };
     for (; m.element(u); ) {
-      const p = i.interactables.forEachMatch(u, d);
-      if (p) {
-        e.prepared.name = "drag", e.interactable = p, e.element = u;
+      const f = i.interactables.forEachMatch(u, d);
+      if (f) {
+        e.prepared.name = "drag", e.interactable = f, e.element = u;
         break;
       }
       u = Wt(u);
@@ -771,7 +771,7 @@ function Pn(e, t) {
 }
 class yo {
   constructor(t) {
-    f(this, "options"), f(this, "types", {}), f(this, "propagationStopped", !1), f(this, "immediatePropagationStopped", !1), f(this, "global"), this.options = D({}, t || {});
+    p(this, "options"), p(this, "types", {}), p(this, "propagationStopped", !1), p(this, "immediatePropagationStopped", !1), p(this, "global"), this.options = D({}, t || {});
   }
   fire(t) {
     let n;
@@ -830,7 +830,7 @@ function dn(e, t, n) {
 const ke = (e, t) => Math.sqrt(e * e + t * t);
 class xo {
   constructor(t) {
-    f(this, "immediatePropagationStopped", !1), f(this, "propagationStopped", !1), this._interaction = t;
+    p(this, "immediatePropagationStopped", !1), p(this, "propagationStopped", !1), this._interaction = t;
   }
   preventDefault() {
   }
@@ -864,19 +864,19 @@ const wo = {
 };
 class hn extends xo {
   constructor(t, n, o, i, r, s, a) {
-    super(t), f(this, "relatedTarget", null), f(this, "screenX"), f(this, "screenY"), f(this, "button"), f(this, "buttons"), f(this, "ctrlKey"), f(this, "shiftKey"), f(this, "altKey"), f(this, "metaKey"), f(this, "page"), f(this, "client"), f(this, "delta"), f(this, "rect"), f(this, "x0"), f(this, "y0"), f(this, "t0"), f(this, "dt"), f(this, "duration"), f(this, "clientX0"), f(this, "clientY0"), f(this, "velocity"), f(this, "speed"), f(this, "swipe"), f(this, "axes"), f(this, "preEnd"), r = r || t.element;
-    const l = t.interactable, c = (l && l.options || wo).deltaSource, u = dn(l, r, o), d = i === "start", p = i === "end", g = d ? this : t.prevEvent, x = d ? t.coords.start : p ? {
+    super(t), p(this, "relatedTarget", null), p(this, "screenX"), p(this, "screenY"), p(this, "button"), p(this, "buttons"), p(this, "ctrlKey"), p(this, "shiftKey"), p(this, "altKey"), p(this, "metaKey"), p(this, "page"), p(this, "client"), p(this, "delta"), p(this, "rect"), p(this, "x0"), p(this, "y0"), p(this, "t0"), p(this, "dt"), p(this, "duration"), p(this, "clientX0"), p(this, "clientY0"), p(this, "velocity"), p(this, "speed"), p(this, "swipe"), p(this, "axes"), p(this, "preEnd"), r = r || t.element;
+    const l = t.interactable, c = (l && l.options || wo).deltaSource, u = dn(l, r, o), d = i === "start", f = i === "end", g = d ? this : t.prevEvent, x = d ? t.coords.start : f ? {
       page: g.page,
       client: g.client,
       timeStamp: t.coords.cur.timeStamp
     } : t.coords.cur;
-    this.page = D({}, x.page), this.client = D({}, x.client), this.rect = D({}, t.rect), this.timeStamp = x.timeStamp, p || (this.page.x -= u.x, this.page.y -= u.y, this.client.x -= u.x, this.client.y -= u.y), this.ctrlKey = n.ctrlKey, this.altKey = n.altKey, this.shiftKey = n.shiftKey, this.metaKey = n.metaKey, this.button = n.button, this.buttons = n.buttons, this.target = r, this.currentTarget = r, this.preEnd = s, this.type = a || o + (i || ""), this.interactable = l, this.t0 = d ? t.pointers[t.pointers.length - 1].downTime : g.t0, this.x0 = t.coords.start.page.x - u.x, this.y0 = t.coords.start.page.y - u.y, this.clientX0 = t.coords.start.client.x - u.x, this.clientY0 = t.coords.start.client.y - u.y, d || p ? this.delta = {
+    this.page = D({}, x.page), this.client = D({}, x.client), this.rect = D({}, t.rect), this.timeStamp = x.timeStamp, f || (this.page.x -= u.x, this.page.y -= u.y, this.client.x -= u.x, this.client.y -= u.y), this.ctrlKey = n.ctrlKey, this.altKey = n.altKey, this.shiftKey = n.shiftKey, this.metaKey = n.metaKey, this.button = n.button, this.buttons = n.buttons, this.target = r, this.currentTarget = r, this.preEnd = s, this.type = a || o + (i || ""), this.interactable = l, this.t0 = d ? t.pointers[t.pointers.length - 1].downTime : g.t0, this.x0 = t.coords.start.page.x - u.x, this.y0 = t.coords.start.page.y - u.y, this.clientX0 = t.coords.start.client.x - u.x, this.clientY0 = t.coords.start.client.y - u.y, d || f ? this.delta = {
       x: 0,
       y: 0
     } : this.delta = {
       x: this[c].x - g[c].x,
       y: this[c].y - g[c].y
-    }, this.dt = t.coords.delta.timeStamp, this.duration = this.timeStamp - this.t0, this.velocity = D({}, t.coords.velocity[c]), this.speed = ke(this.velocity.x, this.velocity.y), this.swipe = p || i === "inertiastart" ? this.getSwipe() : null;
+    }, this.dt = t.coords.delta.timeStamp, this.duration = this.timeStamp - this.t0, this.velocity = D({}, t.coords.velocity[c]), this.speed = ke(this.velocity.x, this.velocity.y), this.swipe = f || i === "inertiastart" ? this.getSwipe() : null;
   }
   getSwipe() {
     const t = this._interaction;
@@ -1002,7 +1002,7 @@ function or(e) {
   e.page.x = 0, e.page.y = 0, e.client.x = 0, e.client.y = 0;
 }
 function So(e) {
-  return e instanceof pt.Event || e instanceof pt.Touch;
+  return e instanceof ft.Event || e instanceof ft.Touch;
 }
 function Me(e, t, n) {
   return n = n || {}, e = e || "page", n.x = t[e + "X"], n.y = t[e + "Y"], n;
@@ -1023,7 +1023,7 @@ function sr(e, t, n) {
   const o = t.length > 1 ? To(t) : t[0];
   ir(o, e.page), rr(o, e.client), e.timeStamp = n;
 }
-function fn(e) {
+function pn(e) {
   const t = [];
   return m.array(e) ? (t[0] = e[0], t[1] = e[1]) : e.type === "touchend" ? e.touches.length === 1 ? (t[0] = e.touches[0], t[1] = e.changedTouches[0]) : e.touches.length === 0 && (t[0] = e.changedTouches[0], t[1] = e.changedTouches[1]) : (t[0] = e.touches[0], t[1] = e.touches[1]), t;
 }
@@ -1046,7 +1046,7 @@ function To(e) {
 function ar(e) {
   if (!e.length)
     return null;
-  const t = fn(e), n = Math.min(t[0].pageX, t[1].pageX), o = Math.min(t[0].pageY, t[1].pageY), i = Math.max(t[0].pageX, t[1].pageX), r = Math.max(t[0].pageY, t[1].pageY);
+  const t = pn(e), n = Math.min(t[0].pageX, t[1].pageX), o = Math.min(t[0].pageY, t[1].pageY), i = Math.max(t[0].pageX, t[1].pageX), r = Math.max(t[0].pageY, t[1].pageY);
   return {
     x: n,
     y: o,
@@ -1059,15 +1059,15 @@ function ar(e) {
   };
 }
 function lr(e, t) {
-  const n = t + "X", o = t + "Y", i = fn(e), r = i[0][n] - i[1][n], s = i[0][o] - i[1][o];
+  const n = t + "X", o = t + "Y", i = pn(e), r = i[0][n] - i[1][n], s = i[0][o] - i[1][o];
   return ke(r, s);
 }
 function cr(e, t) {
-  const n = t + "X", o = t + "Y", i = fn(e), r = i[1][n] - i[0][n], s = i[1][o] - i[0][o];
+  const n = t + "X", o = t + "Y", i = pn(e), r = i[1][n] - i[0][n], s = i[1][o] - i[0][o];
   return 180 * Math.atan2(s, r) / Math.PI;
 }
 function ur(e) {
-  return m.string(e.pointerType) ? e.pointerType : m.number(e.pointerType) ? [void 0, void 0, "touch", "pen", "mouse"][e.pointerType] : /touch/.test(e.type || "") || e instanceof pt.Touch ? "touch" : "mouse";
+  return m.string(e.pointerType) ? e.pointerType : m.number(e.pointerType) ? [void 0, void 0, "touch", "pen", "mouse"][e.pointerType] : /touch/.test(e.type || "") || e instanceof ft.Touch ? "touch" : "mouse";
 }
 function Mo(e) {
   const t = m.func(e.composedPath) ? e.composedPath() : e.path;
@@ -1154,7 +1154,7 @@ function dr(e) {
 }
 class hr {
   constructor(t, n, o, i) {
-    f(this, "options"), f(this, "_actions"), f(this, "target"), f(this, "events", new yo()), f(this, "_context"), f(this, "_win"), f(this, "_doc"), f(this, "_scopeEvents"), f(this, "_rectChecker"), this._actions = n.actions, this.target = t, this._context = n.context || o, this._win = qt(zn(t) ? this._context : t), this._doc = this._win.document, this._scopeEvents = i, this.set(n);
+    p(this, "options"), p(this, "_actions"), p(this, "target"), p(this, "events", new yo()), p(this, "_context"), p(this, "_win"), p(this, "_doc"), p(this, "_scopeEvents"), p(this, "_rectChecker"), this._actions = n.actions, this.target = t, this._context = n.context || o, this._win = qt(zn(t) ? this._context : t), this._doc = this._win.document, this._scopeEvents = i, this.set(n);
   }
   get _defaults() {
     return {
@@ -1264,9 +1264,9 @@ class hr {
       this._scopeEvents.remove(this.target, "all");
   }
 }
-class fr {
+class pr {
   constructor(t) {
-    f(this, "list", []), f(this, "selectorMap", {}), f(this, "scope"), this.scope = t, t.addListeners({
+    p(this, "list", []), p(this, "selectorMap", {}), p(this, "scope"), this.scope = t, t.addListeners({
       "interactable:unset": ({
         interactable: n
       }) => {
@@ -1311,7 +1311,7 @@ class fr {
     }
   }
 }
-function pr(e) {
+function fr(e) {
   var t;
   const n = [], o = {}, i = [], r = {
     add: s,
@@ -1334,21 +1334,21 @@ function pr(e) {
       return r.supportsPassive = !0;
     }
   }), e.events = r;
-  function s(p, g, x, E) {
+  function s(f, g, x, E) {
     const T = ue(E);
-    let L = Ze(n, (M) => M.eventTarget === p);
+    let L = Ze(n, (M) => M.eventTarget === f);
     L || (L = {
-      eventTarget: p,
+      eventTarget: f,
       events: {}
-    }, n.push(L)), L.events[g] || (L.events[g] = []), p.addEventListener && !Ji(L.events[g], x) && (p.addEventListener(g, x, r.supportsOptions ? T : T.capture), L.events[g].push(x));
+    }, n.push(L)), L.events[g] || (L.events[g] = []), f.addEventListener && !Ji(L.events[g], x) && (f.addEventListener(g, x, r.supportsOptions ? T : T.capture), L.events[g].push(x));
   }
-  function a(p, g, x, E) {
-    const T = ue(E), L = Pe(n, (h) => h.eventTarget === p), M = n[L];
+  function a(f, g, x, E) {
+    const T = ue(E), L = Pe(n, (h) => h.eventTarget === f), M = n[L];
     if (!M || !M.events)
       return;
     if (g === "all") {
       for (g in M.events)
-        M.events.hasOwnProperty(g) && a(p, g, "all");
+        M.events.hasOwnProperty(g) && a(f, g, "all");
       return;
     }
     let C = !1;
@@ -1356,18 +1356,18 @@ function pr(e) {
     if (v) {
       if (x === "all") {
         for (let h = v.length - 1; h >= 0; h--)
-          a(p, g, v[h], T);
+          a(f, g, v[h], T);
         return;
       } else
         for (let h = 0; h < v.length; h++)
           if (v[h] === x) {
-            p.removeEventListener(g, x, r.supportsOptions ? T : T.capture), v.splice(h, 1), v.length === 0 && (delete M.events[g], C = !0);
+            f.removeEventListener(g, x, r.supportsOptions ? T : T.capture), v.splice(h, 1), v.length === 0 && (delete M.events[g], C = !0);
             break;
           }
     }
     C && !Object.keys(M.events).length && n.splice(L, 1);
   }
-  function l(p, g, x, E, T) {
+  function l(f, g, x, E, T) {
     const L = ue(T);
     if (!o[x]) {
       o[x] = [];
@@ -1375,20 +1375,20 @@ function pr(e) {
         s(v, x, u), s(v, x, d, !0);
     }
     const M = o[x];
-    let C = Ze(M, (v) => v.selector === p && v.context === g);
+    let C = Ze(M, (v) => v.selector === f && v.context === g);
     C || (C = {
-      selector: p,
+      selector: f,
       context: g,
       listeners: []
     }, M.push(C)), C.listeners.push([E, L]);
   }
-  function c(p, g, x, E, T) {
+  function c(f, g, x, E, T) {
     const L = ue(T), M = o[x];
     let C = !1, v;
     if (M)
       for (v = M.length - 1; v >= 0; v--) {
         const h = M[v];
-        if (h.selector === p && h.context === g) {
+        if (h.selector === f && h.context === g) {
           const {
             listeners: N
           } = h;
@@ -1407,8 +1407,8 @@ function pr(e) {
         }
       }
   }
-  function u(p, g) {
-    const x = ue(g), E = new gr(p), T = o[p.type], [L] = Mo(p);
+  function u(f, g) {
+    const x = ue(g), E = new gr(f), T = o[f.type], [L] = Mo(f);
     let M = L;
     for (; m.element(M); ) {
       for (let C = 0; C < T.length; C++) {
@@ -1431,14 +1431,14 @@ function pr(e) {
       M = Wt(M);
     }
   }
-  function d(p) {
-    return u.call(this, p, !0);
+  function d(f) {
+    return u.call(this, f, !0);
   }
   return r;
 }
 class gr {
   constructor(t) {
-    f(this, "currentTarget"), f(this, "originalEvent"), f(this, "type"), this.originalEvent = t, Eo(this, t);
+    p(this, "currentTarget"), p(this, "originalEvent"), p(this, "type"), this.originalEvent = t, Eo(this, t);
   }
   preventOriginalDefault() {
     this.originalEvent.preventDefault();
@@ -1461,11 +1461,11 @@ function ue(e) {
 }
 const mr = {
   id: "events",
-  install: pr
+  install: fr
 };
 class vr {
   constructor(t, n, o, i, r) {
-    f(this, "id"), f(this, "pointer"), f(this, "event"), f(this, "downTime"), f(this, "downTarget"), this.id = t, this.pointer = n, this.event = o, this.downTime = i, this.downTarget = r;
+    p(this, "id"), p(this, "pointer"), p(this, "event"), p(this, "downTime"), p(this, "downTarget"), this.id = t, this.pointer = n, this.event = o, this.downTime = i, this.downTarget = r;
   }
 }
 let en;
@@ -1482,23 +1482,23 @@ class br {
     pointerType: t,
     scopeFire: n
   }) {
-    f(this, "interactable", null), f(this, "element", null), f(this, "rect", null), f(this, "_rects"), f(this, "edges", null), f(this, "_scopeFire"), f(this, "prepared", {
+    p(this, "interactable", null), p(this, "element", null), p(this, "rect", null), p(this, "_rects"), p(this, "edges", null), p(this, "_scopeFire"), p(this, "prepared", {
       name: null,
       axis: null,
       edges: null
-    }), f(this, "pointerType"), f(this, "pointers", []), f(this, "downEvent", null), f(this, "downPointer", {}), f(this, "_latestPointer", {
+    }), p(this, "pointerType"), p(this, "pointers", []), p(this, "downEvent", null), p(this, "downPointer", {}), p(this, "_latestPointer", {
       pointer: null,
       event: null,
       eventTarget: null
-    }), f(this, "prevEvent", null), f(this, "pointerIsDown", !1), f(this, "pointerWasMoved", !1), f(this, "_interacting", !1), f(this, "_ending", !1), f(this, "_stopped", !0), f(this, "_proxy", null), f(this, "simulation", null), f(this, "doMove", ge(function(i) {
+    }), p(this, "prevEvent", null), p(this, "pointerIsDown", !1), p(this, "pointerWasMoved", !1), p(this, "_interacting", !1), p(this, "_ending", !1), p(this, "_stopped", !0), p(this, "_proxy", null), p(this, "simulation", null), p(this, "doMove", ge(function(i) {
       this.move(i);
-    }, "The interaction.doMove() method has been renamed to interaction.move()")), f(this, "coords", {
+    }, "The interaction.doMove() method has been renamed to interaction.move()")), p(this, "coords", {
       start: ce(),
       prev: ce(),
       cur: ce(),
       delta: ce(),
       velocity: ce()
-    }), f(this, "_id", yr++), this._scopeFire = n, this.pointerType = t;
+    }), p(this, "_id", yr++), this._scopeFire = n, this.pointerType = t;
     const o = this;
     this._proxy = {};
     for (const i in en)
@@ -1813,7 +1813,7 @@ function Ir(e) {
     t[r] = Io(r, e);
   const n = Mt.pEventTypes;
   let o;
-  pt.PointerEvent ? o = [{
+  ft.PointerEvent ? o = [{
     type: n.down,
     listener: i
   }, {
@@ -1903,8 +1903,8 @@ function Io(e, t) {
           eventTarget: r,
           curEventTarget: s,
           scope: t
-        }, p = On(d);
-        a.push([d.pointer, d.eventTarget, d.curEventTarget, p]);
+        }, f = On(d);
+        a.push([d.pointer, d.eventTarget, d.curEventTarget, f]);
       }
     } else {
       let l = !1;
@@ -1988,7 +1988,7 @@ const zr = {
 }, Cr = zr;
 class Dr {
   constructor() {
-    f(this, "id", `__interact_scope_${Math.floor(Math.random() * 100)}`), f(this, "isInitialized", !1), f(this, "listenerMaps", []), f(this, "browser", Mt), f(this, "defaults", oe(wo)), f(this, "Eventable", yo), f(this, "actions", {
+    p(this, "id", `__interact_scope_${Math.floor(Math.random() * 100)}`), p(this, "isInitialized", !1), p(this, "listenerMaps", []), p(this, "browser", Mt), p(this, "defaults", oe(wo)), p(this, "Eventable", yo), p(this, "actions", {
       map: {},
       phases: {
         start: !0,
@@ -1997,10 +1997,10 @@ class Dr {
       },
       methodDict: {},
       phaselessTypes: {}
-    }), f(this, "interactStatic", dr(this)), f(this, "InteractEvent", hn), f(this, "Interactable"), f(this, "interactables", new fr(this)), f(this, "_win"), f(this, "document"), f(this, "window"), f(this, "documents", []), f(this, "_plugins", {
+    }), p(this, "interactStatic", dr(this)), p(this, "InteractEvent", hn), p(this, "Interactable"), p(this, "interactables", new pr(this)), p(this, "_win"), p(this, "document"), p(this, "window"), p(this, "documents", []), p(this, "_plugins", {
       list: [],
       map: {}
-    }), f(this, "onWindowUnload", (n) => this.removeDocument(n.target));
+    }), p(this, "onWindowUnload", (n) => this.removeDocument(n.target));
     const t = this;
     this.Interactable = class extends hr {
       get _defaults() {
@@ -2104,7 +2104,7 @@ class Dr {
   }
 }
 function Pr(e, t) {
-  return e.isInitialized = !0, m.window(t) && so(t), pt.init(t), Mt.init(t), te.init(t), e.window = t, e.document = t.document, e.usePlugin(Cr), e.usePlugin(mr), e;
+  return e.isInitialized = !0, m.window(t) && so(t), ft.init(t), Mt.init(t), te.init(t), e.window = t, e.document = t.document, e.usePlugin(Cr), e.usePlugin(mr), e;
 }
 function Rn(e) {
   return e && e.replace(/\/.*$/, "");
@@ -2156,15 +2156,15 @@ const A = {
       if (c.x || c.y) {
         const u = Nn(r);
         m.window(r) ? r.scrollBy(c.x, c.y) : r && (r.scrollLeft += c.x, r.scrollTop += c.y);
-        const d = Nn(r), p = {
+        const d = Nn(r), f = {
           x: d.x - u.x,
           y: d.y - u.y
         };
-        (p.x || p.y) && t.fire({
+        (f.x || f.y) && t.fire({
           type: "autoscroll",
           target: n,
           interactable: t,
-          delta: p,
+          delta: f,
           interaction: e,
           container: r
         });
@@ -2527,8 +2527,8 @@ const Vr = () => {
       y: null
     };
     for (const [c, u] of t) {
-      const d = Math.round((o - a.x) / e[c]), p = Math.round((i - a.y) / e[u]);
-      l[c] = Math.max(s.left, Math.min(s.right, d * e[c] + a.x)), l[u] = Math.max(s.top, Math.min(s.bottom, p * e[u] + a.y));
+      const d = Math.round((o - a.x) / e[c]), f = Math.round((i - a.y) / e[u]);
+      l[c] = Math.max(s.left, Math.min(s.right, d * e[c] + a.x)), l[u] = Math.max(s.top, Math.min(s.bottom, f * e[u] + a.y));
     }
     return l;
   };
@@ -2549,12 +2549,12 @@ const Vr = () => {
 }, ts = Zr;
 class Co {
   constructor(t) {
-    f(this, "states", []), f(this, "startOffset", {
+    p(this, "states", []), p(this, "startOffset", {
       left: 0,
       right: 0,
       top: 0,
       bottom: 0
-    }), f(this, "startDelta"), f(this, "result"), f(this, "endResult"), f(this, "startEdges"), f(this, "edges"), f(this, "interaction"), this.interaction = t, this.result = we(), this.edges = {
+    }), p(this, "startDelta"), p(this, "result"), p(this, "endResult"), p(this, "startEdges"), p(this, "edges"), p(this, "interaction"), this.interaction = t, this.result = we(), this.edges = {
       left: !1,
       right: !1,
       top: !1,
@@ -2598,13 +2598,13 @@ class Co {
     } = t;
     t.coords = D({}, t.pageCoords), t.rect = D({}, r), t.edges = D({}, s);
     const a = i ? this.states.slice(i) : this.states, l = we(t.coords, t.rect);
-    for (const p of a) {
+    for (const f of a) {
       var c;
       const {
         options: g
-      } = p, x = D({}, t.coords);
+      } = f, x = D({}, t.coords);
       let E = null;
-      (c = p.methods) != null && c.set && this.shouldDo(g, o, n) && (t.state = p, E = p.methods.set(t), un(t.edges, t.rect, {
+      (c = f.methods) != null && c.set && this.shouldDo(g, o, n) && (t.state = f, E = f.methods.set(t), un(t.edges, t.rect, {
         x: t.coords.x - x.x,
         y: t.coords.y - x.y
       })), l.eventProps.push(E);
@@ -2612,8 +2612,8 @@ class Co {
     D(this.edges, t.edges), l.delta.x = t.coords.x - t.pageCoords.x, l.delta.y = t.coords.y - t.pageCoords.y, l.rectDelta.left = t.rect.left - r.left, l.rectDelta.right = t.rect.right - r.right, l.rectDelta.top = t.rect.top - r.top, l.rectDelta.bottom = t.rect.bottom - r.bottom;
     const u = this.result.coords, d = this.result.rect;
     if (u && d) {
-      const p = l.rect.left !== d.left || l.rect.right !== d.right || l.rect.top !== d.top || l.rect.bottom !== d.bottom;
-      l.changed = p || u.x !== l.coords.x || u.y !== l.coords.y;
+      const f = l.rect.left !== d.left || l.rect.right !== d.right || l.rect.top !== d.top || l.rect.bottom !== d.bottom;
+      l.changed = f || u.x !== l.coords.x || u.y !== l.coords.y;
     }
     return l;
   }
@@ -2627,8 +2627,8 @@ class Co {
       startDelta: a
     } = this, l = s.delta;
     o === "start" && D(this.startDelta, s.delta);
-    for (const [d, p] of [[r, a], [i, l]])
-      d.page.x += p.x, d.page.y += p.y, d.client.x += p.x, d.client.y += p.y;
+    for (const [d, f] of [[r, a], [i, l]])
+      d.page.x += f.x, d.page.y += f.y, d.client.x += f.x, d.client.y += f.y;
     const {
       rectDelta: c
     } = this.result, u = t.rect || n.rect;
@@ -3027,7 +3027,7 @@ const ds = {
   bottom: 1 / 0,
   right: 1 / 0
 };
-function fs({
+function ps({
   interaction: e,
   startOffset: t,
   state: n
@@ -3050,7 +3050,7 @@ function fs({
     right: i.x - t.right
   };
 }
-function ps({
+function fs({
   coords: e,
   edges: t,
   interaction: n,
@@ -3076,13 +3076,13 @@ const gs = {
   offset: null,
   endOnly: !1,
   enabled: !1
-}, pe = {
+}, fe = {
   noInner: Po,
   noOuter: Ao,
-  start: fs,
-  set: ps,
+  start: ps,
+  set: fs,
   defaults: gs
-}, ms = jt(pe, "restrictEdges"), vs = D({
+}, ms = jt(fe, "restrictEdges"), vs = D({
   get elementRect() {
     return {
       top: 0,
@@ -3105,7 +3105,7 @@ const gs = {
   height: 1 / 0
 };
 function Es(e) {
-  return pe.start(e);
+  return fe.start(e);
 }
 function Ss(e) {
   const {
@@ -3121,9 +3121,9 @@ function Ss(e) {
   const s = An(Gt(r.min, t, e.coords)) || xs, a = An(Gt(r.max, t, e.coords)) || ws;
   n.options = {
     endOnly: r.endOnly,
-    inner: D({}, pe.noInner),
-    outer: D({}, pe.noOuter)
-  }, i.top ? (n.options.inner.top = o.bottom - s.height, n.options.outer.top = o.bottom - a.height) : i.bottom && (n.options.inner.bottom = o.top + s.height, n.options.outer.bottom = o.top + a.height), i.left ? (n.options.inner.left = o.right - s.width, n.options.outer.left = o.right - a.width) : i.right && (n.options.inner.right = o.left + s.width, n.options.outer.right = o.left + a.width), pe.set(e), n.options = r;
+    inner: D({}, fe.noInner),
+    outer: D({}, fe.noOuter)
+  }, i.top ? (n.options.inner.top = o.bottom - s.height, n.options.outer.top = o.bottom - a.height) : i.bottom && (n.options.inner.bottom = o.top + s.height, n.options.outer.bottom = o.top + a.height), i.left ? (n.options.inner.left = o.right - s.width, n.options.outer.left = o.right - a.width) : i.right && (n.options.inner.right = o.left + s.width, n.options.outer.right = o.left + a.width), fe.set(e), n.options = r;
 }
 const Ts = {
   min: null,
@@ -3165,8 +3165,8 @@ function Is(e) {
   const {
     relativePoints: u
   } = a;
-  r.offsets = i && u && u.length ? u.map((d, p) => ({
-    index: p,
+  r.offsets = i && u && u.length ? u.map((d, f) => ({
+    index: f,
     relativePoint: d,
     x: s.left - i.width * d.x + c.x,
     y: s.top - i.height * d.y + c.y
@@ -3188,13 +3188,13 @@ function zs(e) {
   } = o, s = dn(t.interactable, t.element, t.prepared.name), a = D({}, n), l = [];
   i.offsetWithOrigin || (a.x -= s.x, a.y -= s.y);
   for (const u of r) {
-    const d = a.x - u.x, p = a.y - u.y;
+    const d = a.x - u.x, f = a.y - u.y;
     for (let g = 0, x = i.targets.length; g < x; g++) {
       const E = i.targets[g];
       let T;
-      m.func(E) ? T = E(d, p, t._proxy, u, g) : T = E, T && l.push({
+      m.func(E) ? T = E(d, f, t._proxy, u, g) : T = E, T && l.push({
         x: (m.number(T.x) ? T.x : d) + u.x,
-        y: (m.number(T.y) ? T.y : p) + u.y,
+        y: (m.number(T.y) ? T.y : f) + u.y,
         range: m.number(T.range) ? T.range : i.range,
         source: E,
         index: g,
@@ -3213,9 +3213,9 @@ function zs(e) {
     }
   };
   for (const u of l) {
-    const d = u.range, p = u.x - a.x, g = u.y - a.y, x = ke(p, g);
+    const d = u.range, f = u.x - a.x, g = u.y - a.y, x = ke(f, g);
     let E = x <= d;
-    d === 1 / 0 && c.inRange && c.range !== 1 / 0 && (E = !1), (!c.target || (E ? c.inRange && d !== 1 / 0 ? x / d < c.distance / c.range : d === 1 / 0 && c.range !== 1 / 0 || x < c.distance : !c.inRange && x < c.distance)) && (c.target = u, c.distance = x, c.range = d, c.inRange = E, c.delta.x = p, c.delta.y = g);
+    d === 1 / 0 && c.inRange && c.range !== 1 / 0 && (E = !1), (!c.target || (E ? c.inRange && d !== 1 / 0 ? x / d < c.distance / c.range : d === 1 / 0 && c.range !== 1 / 0 || x < c.distance : !c.inRange && x < c.distance)) && (c.target = u, c.distance = x, c.range = d, c.inRange = E, c.delta.x = f, c.delta.y = g);
   }
   return c.inRange && (n.x = c.target.x, n.y = c.target.y), o.closest = c, c;
 }
@@ -3234,11 +3234,11 @@ const Ds = {
   relativePoints: null,
   endOnly: !1,
   enabled: !1
-}, pn = {
+}, fn = {
   start: Is,
   set: zs,
   defaults: Ds
-}, Ps = jt(pn, "snap");
+}, Ps = jt(fn, "snap");
 function As(e) {
   const {
     state: t,
@@ -3262,7 +3262,7 @@ function As(e) {
       },
       range: o.range
     }
-  }, t.targetFields = t.targetFields || [["width", "height"], ["x", "y"]], pn.start(e), t.offsets = e.state.offsets, e.state = t;
+  }, t.targetFields = t.targetFields || [["width", "height"], ["x", "y"]], fn.start(e), t.offsets = e.state.offsets, e.state = t;
 }
 function ks(e) {
   const {
@@ -3288,7 +3288,7 @@ function ks(e) {
       n.options.targets.push(c);
     }
   }
-  const a = pn.set(e);
+  const a = fn.set(e);
   return n.options = i, a;
 }
 const Os = {
@@ -3391,7 +3391,7 @@ const jn = [{
     const {
       element: t
     } = e;
-    return e.prepared.name === "resize" && t instanceof pt.HTMLElement && !ko(t, "boxSizing", /border-box/);
+    return e.prepared.name === "resize" && t instanceof ft.HTMLElement && !ko(t, "boxSizing", /border-box/);
   },
   text: 'Consider adding CSS "box-sizing: border-box" to this resizable element',
   getInfo({
@@ -3477,7 +3477,7 @@ const Gs = {
   },
   emits: ["container-resized", "resize", "resized", "move", "moved", "dragging", "dragend"],
   setup(e, { expose: t, emit: n }) {
-    const o = e, { proxy: i } = Ys(), r = i == null ? void 0 : i.$parent, s = jo("eventBus"), a = k({}), l = k(1), c = k(100), u = k(30), d = k([10, 10]), p = k(1 / 0), g = k(null), x = k(null), E = k(1), T = k(!0), L = k(!0), M = k(!1), C = k(null), v = k(!1), h = k(null), N = k(NaN), w = k(NaN), q = k(NaN), Q = k(NaN), R = k({}), $ = k(!1), b = k(!1), P = k(!1), j = k(null), ot = k(null), J = k(null), et = k(null), z = k(o.x), it = k(o.y), rt = k(o.w), nt = k(o.h), ut = k(null), V = k(null), Vt = Lt(() => x.value && !o.static), ie = Lt(() => (g.value || x.value) && !o.static), Kt = Lt(() => navigator.userAgent.toLowerCase().indexOf("android") !== -1), dt = Lt(() => r != null && r.isMirrored ? !$.value : $.value), Ot = Lt(() => ({
+    const o = e, { proxy: i } = Ys(), r = i == null ? void 0 : i.$parent, s = jo("eventBus"), a = k({}), l = k(1), c = k(100), u = k(30), d = k([10, 10]), f = k(1 / 0), g = k(null), x = k(null), E = k(1), T = k(!0), L = k(!0), M = k(!1), C = k(null), v = k(!1), h = k(null), N = k(NaN), w = k(NaN), q = k(NaN), Q = k(NaN), R = k({}), $ = k(!1), b = k(!1), P = k(!1), j = k(null), ot = k(null), J = k(null), et = k(null), z = k(o.x), it = k(o.y), rt = k(o.w), nt = k(o.h), ut = k(null), V = k(null), Vt = Lt(() => x.value && !o.static), ie = Lt(() => (g.value || x.value) && !o.static), Kt = Lt(() => navigator.userAgent.toLowerCase().indexOf("android") !== -1), dt = Lt(() => r != null && r.isMirrored ? !$.value : $.value), Ot = Lt(() => ({
       "vue-resizable": Vt.value,
       static: o.static,
       resizing: v.value,
@@ -3495,7 +3495,7 @@ const Gs = {
     ), G(
       () => o.static,
       () => {
-        ye(), ft();
+        ye(), pt();
       }
     ), G(g, () => {
       ye();
@@ -3510,13 +3510,13 @@ const Gs = {
         ut.value = y;
       }
     ), G(x, () => {
-      ft();
+      pt();
     }), G(u, () => {
       Z(), gt();
     }), G(l, () => {
-      ft(), Z(), gt();
+      pt(), Z(), gt();
     }), G(c, () => {
-      ft(), Z();
+      pt(), Z();
     }), G(
       () => o.x,
       (y) => {
@@ -3538,26 +3538,26 @@ const Gs = {
         rt.value = y, Z();
       }
     ), G(dt, () => {
-      ft(), Z();
+      pt(), Z();
     }), G(
       () => o.minH,
       () => {
-        ft();
+        pt();
       }
     ), G(
       () => o.maxH,
       () => {
-        ft();
+        pt();
       }
     ), G(
       () => o.minW,
       () => {
-        ft();
+        pt();
       }
     ), G(
       () => o.maxW,
       () => {
-        ft();
+        pt();
       }
     ), G(
       () => r == null ? void 0 : r.margin,
@@ -3587,7 +3587,7 @@ const Gs = {
       u.value = y;
     }
     function O(y) {
-      p.value = y;
+      f.value = y;
     }
     function lt() {
       $.value = _n() === "rtl", It();
@@ -3599,7 +3599,7 @@ const Gs = {
     s.on("updateWidth", B), s.on("compact", K), s.on("setDraggable", ht), s.on("setResizable", bt), s.on("setBounded", St), s.on("setTransformScale", F), s.on("setRowHeight", Y), s.on("setMaxRows", O), s.on("directionchange", lt), s.on("setColNum", ct), $.value = _n() === "rtl", Vn(() => {
       s.off("updateWidth", B), s.off("compact", K), s.off("setDraggable", ht), s.off("setResizable", bt), s.off("setBounded", St), s.off("setTransformScale", F), s.off("setRowHeight", Y), s.off("setMaxRows", O), s.off("directionchange", lt), s.off("setColNum", ct), V.value && V.value.unset();
     }), Kn(() => {
-      r != null && r.responsive && r.lastBreakpoint ? l.value = Ke(r.lastBreakpoint, r == null ? void 0 : r.cols) : l.value = r == null ? void 0 : r.colNum, u.value = r == null ? void 0 : r.rowHeight, c.value = (r == null ? void 0 : r.width) !== null ? r == null ? void 0 : r.width : 100, d.value = (r == null ? void 0 : r.margin) !== void 0 ? r.margin : [10, 10], p.value = r == null ? void 0 : r.maxRows, o.isDraggable === null ? g.value = r == null ? void 0 : r.isDraggable : g.value = o.isDraggable, o.isResizable === null ? x.value = r == null ? void 0 : r.isResizable : x.value = o.isResizable, o.isBounded === null ? ut.value = r == null ? void 0 : r.isBounded : ut.value = o.isBounded, E.value = r == null ? void 0 : r.transformScale, T.value = r == null ? void 0 : r.useCssTransforms, L.value = r == null ? void 0 : r.useStyleCursor, Z();
+      r != null && r.responsive && r.lastBreakpoint ? l.value = Ke(r.lastBreakpoint, r == null ? void 0 : r.cols) : l.value = r == null ? void 0 : r.colNum, u.value = r == null ? void 0 : r.rowHeight, c.value = (r == null ? void 0 : r.width) !== null ? r == null ? void 0 : r.width : 100, d.value = (r == null ? void 0 : r.margin) !== void 0 ? r.margin : [10, 10], f.value = r == null ? void 0 : r.maxRows, o.isDraggable === null ? g.value = r == null ? void 0 : r.isDraggable : g.value = o.isDraggable, o.isResizable === null ? x.value = r == null ? void 0 : r.isResizable : x.value = o.isResizable, o.isBounded === null ? ut.value = r == null ? void 0 : r.isBounded : ut.value = o.isBounded, E.value = r == null ? void 0 : r.transformScale, T.value = r == null ? void 0 : r.useCssTransforms, L.value = r == null ? void 0 : r.useStyleCursor, Z();
     });
     function Z() {
       var y, _, U, tt, at;
@@ -3631,7 +3631,7 @@ const Gs = {
         let W;
         switch (y.type) {
           case "resizestart": {
-            ft(), j.value = rt.value, ot.value = nt.value, W = _t(z.value, it.value, rt.value, nt.value), X.width = W.width, X.height = W.height, h.value = X, v.value = !0;
+            pt(), j.value = rt.value, ot.value = nt.value, W = _t(z.value, it.value, rt.value, nt.value), X.width = W.width, X.height = W.height, h.value = X, v.value = !0;
             break;
           }
           case "resizemove": {
@@ -3727,7 +3727,7 @@ const Gs = {
     function re(y, _) {
       const U = $t();
       let tt = Math.round((_ - d.value[0]) / (U + d.value[0])), at = Math.round((y - d.value[1]) / (u.value + d.value[1]));
-      return tt = Math.max(Math.min(tt, l.value - rt.value), 0), at = Math.max(Math.min(at, p.value - nt.value), 0), { x: tt, y: at };
+      return tt = Math.max(Math.min(tt, l.value - rt.value), 0), at = Math.max(Math.min(at, f.value - nt.value), 0), { x: tt, y: at };
     }
     function $t() {
       return (c.value - d.value[0] * (l.value + 1)) / l.value;
@@ -3741,7 +3741,7 @@ const Gs = {
     function xt(y, _, U = !1) {
       const tt = $t();
       let at = Math.round((_ + d.value[0]) / (tt + d.value[0])), H = 0;
-      return U ? H = Math.ceil((y + d.value[1]) / (u.value + d.value[1])) : H = Math.round((y + d.value[1]) / (u.value + d.value[1])), at = Math.max(Math.min(at, l.value - z.value), 0), H = Math.max(Math.min(H, p.value - it.value), 0), { w: at, h: H };
+      return U ? H = Math.ceil((y + d.value[1]) / (u.value + d.value[1])) : H = Math.round((y + d.value[1]) / (u.value + d.value[1])), at = Math.max(Math.min(at, l.value - z.value), 0), H = Math.max(Math.min(H, f.value - it.value), 0), { w: at, h: H };
     }
     function Rt(y, _) {
       c.value = y;
@@ -3764,7 +3764,7 @@ const Gs = {
           enabled: !1
         });
     }
-    function ft() {
+    function pt() {
       if ((V.value === null || V.value === void 0) && (V.value = kt(a.value), L.value || V.value.styleCursor(!1)), x.value && !o.static) {
         let y = _t(0, 0, o.maxW, o.maxH), _ = _t(0, 0, o.minW, o.minH);
         const U = {
@@ -4004,13 +4004,13 @@ var $n = Fo.exports, ia = function(e) {
     s || (g === void 0 && (g = n), r && (d(r), r = null), g ? u() : l());
   }
   function u() {
-    r = p(l);
+    r = f(l);
   }
   function d(g) {
     var x = clearTimeout;
     return x(g);
   }
-  function p(g) {
+  function f(g) {
     var x = function(E) {
       return setTimeout(E, 0);
     };
@@ -4070,10 +4070,10 @@ var aa = {
         proxy: d
       }, c.attachEvent("onresize", d);
     else {
-      var p = a(c);
-      if (!p)
+      var f = a(c);
+      if (!f)
         throw new Error("Element is not detectable by this strategy.");
-      p.contentDocument.defaultView.addEventListener("resize", d);
+      f.contentDocument.defaultView.addEventListener("resize", d);
     }
   }
   function r(c) {
@@ -4082,7 +4082,7 @@ var aa = {
   }
   function s(c, u, d) {
     d || (d = u, u = c, c = null), c = c || {}, c.debug;
-    function p(g, x) {
+    function f(g, x) {
       var E = r(["display: block", "position: absolute", "top: 0", "left: 0", "width: 100%", "height: 100%", "border: none", "padding: 0", "margin: 0", "opacity: 0", "z-index: -1000", "pointer-events: none"]), T = !1, L = window.getComputedStyle(g), M = g.offsetWidth, C = g.offsetHeight;
       o(g).startSize = {
         width: M,
@@ -4125,7 +4125,7 @@ var aa = {
       }
       n ? n.add(v) : v();
     }
-    de.isIE(8) ? d(u) : p(u, d);
+    de.isIE(8) ? d(u) : f(u, d);
   }
   function a(c) {
     return o(c).object;
@@ -4188,7 +4188,7 @@ var aa = {
 `, R += "@keyframes " + q + " { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } }", w(R);
     }
   }
-  function p(v) {
+  function f(v) {
     v.className += " " + a + "_animation_active";
   }
   function g(v, h, N) {
@@ -4295,7 +4295,7 @@ var aa = {
     function V() {
       var S = o(h).container;
       if (!S) {
-        S = document.createElement("div"), S.className = a, S.style.cssText = c(["visibility: hidden", "display: inline", "width: 0px", "height: 0px", "z-index: -1", "overflow: hidden", "margin: 0", "padding: 0"]), o(h).container = S, p(S), h.appendChild(S);
+        S = document.createElement("div"), S.className = a, S.style.cssText = c(["visibility: hidden", "display: inline", "width: 0px", "height: 0px", "z-index: -1", "overflow: hidden", "margin: 0", "padding: 0"]), o(h).container = S, f(S), h.appendChild(S);
         var B = function() {
           o(h).onRendered && o(h).onRendered();
         };
@@ -4308,12 +4308,12 @@ var aa = {
         var st = o(h).style;
         if (st.position === "static") {
           h.style.setProperty("position", "relative", v.important ? "important" : "");
-          var xt = function(Rt, It, ye, ft) {
+          var xt = function(Rt, It, ye, pt) {
             function be(y) {
               return y.replace(/[^-\d\.]/g, "");
             }
-            var ae = ye[ft];
-            ae !== "auto" && be(ae) !== "0" && (Rt.warn("An element that is positioned static has style." + ft + "=" + ae + " which is ignored due to the static positioning. The element will need to be positioned relative, so the style." + ft + " will be set to 0. Element: ", It), It.style[ft] = 0);
+            var ae = ye[pt];
+            ae !== "auto" && be(ae) !== "0" && (Rt.warn("An element that is positioned static has style." + pt + "=" + ae + " which is ignored due to the static positioning. The element will need to be positioned relative, so the style." + pt + " will be set to 0. Element: ", It), It.style[pt] = 0);
           };
           xt(t, h, st, "top"), xt(t, h, st, "right"), xt(t, h, st, "bottom"), xt(t, h, st, "left");
         }
@@ -4454,7 +4454,7 @@ var aa = {
     uninstall: C,
     initDocument: l
   };
-}, he = gn.exports.forEach, da = Qs, ha = Js, fa = Zs, pa = ta, ga = ea, Xn = mn.exports, ma = ia, Ft = aa, va = la, ya = ua;
+}, he = gn.exports.forEach, da = Qs, ha = Js, pa = Zs, fa = ta, ga = ea, Xn = mn.exports, ma = ia, Ft = aa, va = la, ya = ua;
 function qn(e) {
   return Array.isArray(e) || e.length !== void 0;
 }
@@ -4480,7 +4480,7 @@ var ba = function(e) {
       set: e.idHandler.set
     };
   else {
-    var n = fa(), o = pa({
+    var n = pa(), o = fa({
       idGenerator: n,
       stateHandler: Ft
     });
@@ -4495,12 +4495,12 @@ var ba = function(e) {
   a.callOnAdd = !!Nt(e, "callOnAdd", !0), a.debug = !!Nt(e, "debug", !1);
   var l = ha(t), c = da({
     stateHandler: Ft
-  }), u, d = Nt(e, "strategy", "object"), p = Nt(e, "important", !1), g = {
+  }), u, d = Nt(e, "strategy", "object"), f = Nt(e, "important", !1), g = {
     reporter: i,
     batchProcessor: s,
     stateHandler: Ft,
     idHandler: t,
-    important: p
+    important: f
   };
   if (d === "scroll" && (Xn.isLegacyOpera() ? (i.warn("Scroll strategy is not supported on legacy Opera. Changing to object strategy."), d = "object") : Xn.isIE(9) && (i.warn("Scroll strategy is not supported on IE9. Changing to object strategy."), d = "object")), d === "scroll")
     u = ya(g);
@@ -4541,7 +4541,7 @@ var ba = function(e) {
           });
           return;
         }
-        return R && i.log(b, "Making detectable..."), c.markBusy($, !0), u.makeDetectable({ debug: R, important: p }, $, function(P) {
+        return R && i.log(b, "Making detectable..."), c.markBusy($, !0), u.makeDetectable({ debug: R, important: f }, $, function(P) {
           if (R && i.log(b, "onElementDetectable"), Ft.getState(P)) {
             c.markAsDetectable(P), c.markBusy(P, !1), u.addListener(P, h), N(q, P, v);
             var j = Ft.getState(P);
@@ -4616,7 +4616,7 @@ const xa = {
   },
   emits: ["layout-created", "layout-before-mount", "layout-mounted", "layout-updated", "layout-ready", "update:layout", "breakpoint-changed"],
   setup(e, { expose: t, emit: n }) {
-    const o = e, i = k(null), r = k({}), s = k(0), a = k(!1), l = k({ x: 0, y: 0, w: 0, h: 0, i: -1 }), c = k({}), u = k(null), d = k(null), p = k(null), g = k(), x = k({}), E = k(), T = Vs();
+    const o = e, i = k(null), r = k({}), s = k(0), a = k(!1), l = k({ x: 0, y: 0, w: 0, h: 0, i: -1 }), c = k({}), u = k(null), d = k(null), f = k(null), g = k(), x = k({}), E = k(), T = Vs();
     Bo("eventBus", T);
     function L(b) {
       if (!b)
@@ -4635,17 +4635,17 @@ const xa = {
       }
     }
     T.on("resizeEvent", L), T.on("dragEvent", M), n("layout-created", o.layout), Vn(() => {
-      T.off("resizeEvent", L), T.off("dragEvent", M), wi("resize", h), p.value && p.value.uninstall(x.value);
+      T.off("resizeEvent", L), T.off("dragEvent", M), wi("resize", h), f.value && f.value.uninstall(x.value);
     }), Lo(() => {
       n("layout-before-mount", o.layout);
     }), Kn(() => {
       n("layout-mounted", o.layout), yt(function() {
-        fi(o.layout), d.value = o.layout, yt(() => {
+        pi(o.layout), d.value = o.layout, yt(() => {
           R(), h(), xi("resize", h), Zt(o.layout, o.verticalCompact), n("layout-updated", o.layout), v(), yt(() => {
-            p.value = ba({
+            f.value = ba({
               strategy: "scroll",
               callOnAdd: !1
-            }), p.value.listenTo(x.value, function() {
+            }), f.value.listenTo(x.value, function() {
               h();
             });
           });
@@ -4809,7 +4809,7 @@ const xa = {
       layouts: c,
       lastBreakpoint: u,
       originalLayout: d,
-      erd: p,
+      erd: f,
       defaultGridItem: E,
       dragEvent: w
     }), (b, P) => (vt(), Pt("div", {
@@ -4871,7 +4871,7 @@ const xa = {
       filter: c,
       filterError: u,
       globalCompletion: d,
-      showAddItemModal: p,
+      showAddItemModal: f,
       showQueryEditor: g,
       showMarkdownEditor: x,
       editingItem: E,
@@ -5056,7 +5056,7 @@ const xa = {
         ], 4)
       ])),
       Bt(Qo, {
-        show: I(p),
+        show: I(f),
         onAdd: I(Q),
         onClose: I(P)
       }, null, 8, ["show", "onAdd", "onClose"]),