@dolusoft/vue3-datatable 1.8.35 → 1.8.37

package/dist/vue3-datatable.cjs

@@ -7,8 +7,8 @@ function tryOnScopeDispose(fn) {
   }
   return false;
 }
-function toValue(r) {
-  return typeof r === "function" ? r() : vue.unref(r);
+function toValue(r2) {
+  return typeof r2 === "function" ? r2() : vue.unref(r2);
 }
 const isClient = typeof window !== "undefined" && typeof document !== "undefined";
 typeof WorkerGlobalScope !== "undefined" && globalThis instanceof WorkerGlobalScope;
@@ -360,7 +360,7 @@ function useElementSize(target, initialSize = { width: 0, height: 0 }, options =
     stop
   };
 }
-const Pe = {
+const Pe$1 = {
   __name: "splitpanes",
   props: {
     horizontal: { type: Boolean, default: false },
@@ -382,199 +382,199 @@ const Pe = {
     "splitter-click",
     "splitter-dblclick"
   ],
-  setup(D, { emit: h }) {
-    const y = h, u = D, E = vue.useSlots(), l = vue.ref([]), M = vue.computed(() => l.value.reduce((e, n) => (e[~~n.id] = n) && e, {})), m = vue.computed(() => l.value.length), x = vue.ref(null), S = vue.ref(false), c = vue.ref({
+  setup(D2, { emit: h2 }) {
+    const y2 = h2, u2 = D2, E2 = vue.useSlots(), l2 = vue.ref([]), M = vue.computed(() => l2.value.reduce((e, n2) => (e[~~n2.id] = n2) && e, {})), m2 = vue.computed(() => l2.value.length), x2 = vue.ref(null), S2 = vue.ref(false), c2 = vue.ref({
       mouseDown: false,
       dragging: false,
       activeSplitter: null,
       cursorOffset: 0
       // Cursor offset within the splitter.
-    }), f = vue.ref({
+    }), f2 = vue.ref({
       // Used to detect double click on touch devices.
       splitter: null,
       timeoutId: null
-    }), _ = vue.computed(() => ({
-      [`splitpanes splitpanes--${u.horizontal ? "horizontal" : "vertical"}`]: true,
-      "splitpanes--dragging": c.value.dragging
-    })), R = () => {
-      document.addEventListener("mousemove", r, { passive: false }), document.addEventListener("mouseup", P), "ontouchstart" in window && (document.addEventListener("touchmove", r, { passive: false }), document.addEventListener("touchend", P));
-    }, O = () => {
-      document.removeEventListener("mousemove", r, { passive: false }), document.removeEventListener("mouseup", P), "ontouchstart" in window && (document.removeEventListener("touchmove", r, { passive: false }), document.removeEventListener("touchend", P));
-    }, b = (e, n) => {
+    }), _2 = vue.computed(() => ({
+      [`splitpanes splitpanes--${u2.horizontal ? "horizontal" : "vertical"}`]: true,
+      "splitpanes--dragging": c2.value.dragging
+    })), R2 = () => {
+      document.addEventListener("mousemove", r2, { passive: false }), document.addEventListener("mouseup", P2), "ontouchstart" in window && (document.addEventListener("touchmove", r2, { passive: false }), document.addEventListener("touchend", P2));
+    }, O2 = () => {
+      document.removeEventListener("mousemove", r2, { passive: false }), document.removeEventListener("mouseup", P2), "ontouchstart" in window && (document.removeEventListener("touchmove", r2, { passive: false }), document.removeEventListener("touchend", P2));
+    }, b2 = (e, n2) => {
       const t = e.target.closest(".splitpanes__splitter");
       if (t) {
-        const { left: i, top: a } = t.getBoundingClientRect(), { clientX: s, clientY: o } = "ontouchstart" in window && e.touches ? e.touches[0] : e;
-        c.value.cursorOffset = u.horizontal ? o - a : s - i;
+        const { left: i2, top: a2 } = t.getBoundingClientRect(), { clientX: s2, clientY: o2 } = "ontouchstart" in window && e.touches ? e.touches[0] : e;
+        c2.value.cursorOffset = u2.horizontal ? o2 - a2 : s2 - i2;
       }
-      R(), c.value.mouseDown = true, c.value.activeSplitter = n;
-    }, r = (e) => {
-      c.value.mouseDown && (e.preventDefault(), c.value.dragging = true, requestAnimationFrame(() => {
-        K(I(e)), d("resize", { event: e }, true);
+      R2(), c2.value.mouseDown = true, c2.value.activeSplitter = n2;
+    }, r2 = (e) => {
+      c2.value.mouseDown && (e.preventDefault(), c2.value.dragging = true, requestAnimationFrame(() => {
+        K2(I(e)), d2("resize", { event: e }, true);
       }));
-    }, P = (e) => {
-      c.value.dragging && d("resized", { event: e }, true), c.value.mouseDown = false, c.value.activeSplitter = null, setTimeout(() => {
-        c.value.dragging = false, O();
+    }, P2 = (e) => {
+      c2.value.dragging && d2("resized", { event: e }, true), c2.value.mouseDown = false, c2.value.activeSplitter = null, setTimeout(() => {
+        c2.value.dragging = false, O2();
       }, 100);
-    }, A = (e, n) => {
-      "ontouchstart" in window && (e.preventDefault(), f.value.splitter === n ? (clearTimeout(f.value.timeoutId), f.value.timeoutId = null, U(e, n), f.value.splitter = null) : (f.value.splitter = n, f.value.timeoutId = setTimeout(() => f.value.splitter = null, 500))), c.value.dragging || d("splitter-click", { event: e, index: n }, true);
-    }, U = (e, n) => {
-      if (d("splitter-dblclick", { event: e, index: n }, true), u.maximizePanes) {
+    }, A2 = (e, n2) => {
+      "ontouchstart" in window && (e.preventDefault(), f2.value.splitter === n2 ? (clearTimeout(f2.value.timeoutId), f2.value.timeoutId = null, U(e, n2), f2.value.splitter = null) : (f2.value.splitter = n2, f2.value.timeoutId = setTimeout(() => f2.value.splitter = null, 500))), c2.value.dragging || d2("splitter-click", { event: e, index: n2 }, true);
+    }, U = (e, n2) => {
+      if (d2("splitter-dblclick", { event: e, index: n2 }, true), u2.maximizePanes) {
         let t = 0;
-        l.value = l.value.map((i, a) => (i.size = a === n ? i.max : i.min, a !== n && (t += i.min), i)), l.value[n].size -= t, d("pane-maximize", { event: e, index: n, pane: l.value[n] }), d("resized", { event: e, index: n }, true);
+        l2.value = l2.value.map((i2, a2) => (i2.size = a2 === n2 ? i2.max : i2.min, a2 !== n2 && (t += i2.min), i2)), l2.value[n2].size -= t, d2("pane-maximize", { event: e, index: n2, pane: l2.value[n2] }), d2("resized", { event: e, index: n2 }, true);
       }
-    }, W = (e, n) => {
-      d("pane-click", {
+    }, W2 = (e, n2) => {
+      d2("pane-click", {
         event: e,
-        index: M.value[n].index,
-        pane: M.value[n]
+        index: M.value[n2].index,
+        pane: M.value[n2]
       });
     }, I = (e) => {
-      const n = x.value.getBoundingClientRect(), { clientX: t, clientY: i } = "ontouchstart" in window && e.touches ? e.touches[0] : e;
+      const n2 = x2.value.getBoundingClientRect(), { clientX: t, clientY: i2 } = "ontouchstart" in window && e.touches ? e.touches[0] : e;
       return {
-        x: t - (u.horizontal ? 0 : c.value.cursorOffset) - n.left,
-        y: i - (u.horizontal ? c.value.cursorOffset : 0) - n.top
+        x: t - (u2.horizontal ? 0 : c2.value.cursorOffset) - n2.left,
+        y: i2 - (u2.horizontal ? c2.value.cursorOffset : 0) - n2.top
       };
     }, J = (e) => {
-      e = e[u.horizontal ? "y" : "x"];
-      const n = x.value[u.horizontal ? "clientHeight" : "clientWidth"];
-      return u.rtl && !u.horizontal && (e = n - e), e * 100 / n;
-    }, K = (e) => {
-      const n = c.value.activeSplitter;
+      e = e[u2.horizontal ? "y" : "x"];
+      const n2 = x2.value[u2.horizontal ? "clientHeight" : "clientWidth"];
+      return u2.rtl && !u2.horizontal && (e = n2 - e), e * 100 / n2;
+    }, K2 = (e) => {
+      const n2 = c2.value.activeSplitter;
       let t = {
-        prevPanesSize: $(n),
-        nextPanesSize: N(n),
+        prevPanesSize: $2(n2),
+        nextPanesSize: N(n2),
         prevReachedMinPanes: 0,
         nextReachedMinPanes: 0
       };
-      const i = 0 + (u.pushOtherPanes ? 0 : t.prevPanesSize), a = 100 - (u.pushOtherPanes ? 0 : t.nextPanesSize), s = Math.max(Math.min(J(e), a), i);
-      let o = [n, n + 1], v = l.value[o[0]] || null, p = l.value[o[1]] || null;
-      const H = v.max < 100 && s >= v.max + t.prevPanesSize, ue = p.max < 100 && s <= 100 - (p.max + N(n + 1));
-      if (H || ue) {
-        H ? (v.size = v.max, p.size = Math.max(100 - v.max - t.prevPanesSize - t.nextPanesSize, 0)) : (v.size = Math.max(100 - p.max - t.prevPanesSize - N(n + 1), 0), p.size = p.max);
+      const i2 = 0 + (u2.pushOtherPanes ? 0 : t.prevPanesSize), a2 = 100 - (u2.pushOtherPanes ? 0 : t.nextPanesSize), s2 = Math.max(Math.min(J(e), a2), i2);
+      let o2 = [n2, n2 + 1], v2 = l2.value[o2[0]] || null, p2 = l2.value[o2[1]] || null;
+      const H2 = v2.max < 100 && s2 >= v2.max + t.prevPanesSize, ue2 = p2.max < 100 && s2 <= 100 - (p2.max + N(n2 + 1));
+      if (H2 || ue2) {
+        H2 ? (v2.size = v2.max, p2.size = Math.max(100 - v2.max - t.prevPanesSize - t.nextPanesSize, 0)) : (v2.size = Math.max(100 - p2.max - t.prevPanesSize - N(n2 + 1), 0), p2.size = p2.max);
         return;
       }
-      if (u.pushOtherPanes) {
-        const j = Q(t, s);
+      if (u2.pushOtherPanes) {
+        const j = Q2(t, s2);
         if (!j) return;
-        ({ sums: t, panesToResize: o } = j), v = l.value[o[0]] || null, p = l.value[o[1]] || null;
+        ({ sums: t, panesToResize: o2 } = j), v2 = l2.value[o2[0]] || null, p2 = l2.value[o2[1]] || null;
       }
-      v !== null && (v.size = Math.min(Math.max(s - t.prevPanesSize - t.prevReachedMinPanes, v.min), v.max)), p !== null && (p.size = Math.min(Math.max(100 - s - t.nextPanesSize - t.nextReachedMinPanes, p.min), p.max));
-    }, Q = (e, n) => {
-      const t = c.value.activeSplitter, i = [t, t + 1];
-      return n < e.prevPanesSize + l.value[i[0]].min && (i[0] = V(t).index, e.prevReachedMinPanes = 0, i[0] < t && l.value.forEach((a, s) => {
-        s > i[0] && s <= t && (a.size = a.min, e.prevReachedMinPanes += a.min);
-      }), e.prevPanesSize = $(i[0]), i[0] === void 0) ? (e.prevReachedMinPanes = 0, l.value[0].size = l.value[0].min, l.value.forEach((a, s) => {
-        s > 0 && s <= t && (a.size = a.min, e.prevReachedMinPanes += a.min);
-      }), l.value[i[1]].size = 100 - e.prevReachedMinPanes - l.value[0].min - e.prevPanesSize - e.nextPanesSize, null) : n > 100 - e.nextPanesSize - l.value[i[1]].min && (i[1] = Z(t).index, e.nextReachedMinPanes = 0, i[1] > t + 1 && l.value.forEach((a, s) => {
-        s > t && s < i[1] && (a.size = a.min, e.nextReachedMinPanes += a.min);
-      }), e.nextPanesSize = N(i[1] - 1), i[1] === void 0) ? (e.nextReachedMinPanes = 0, l.value.forEach((a, s) => {
-        s < m.value - 1 && s >= t + 1 && (a.size = a.min, e.nextReachedMinPanes += a.min);
-      }), l.value[i[0]].size = 100 - e.prevPanesSize - N(i[0] - 1), null) : { sums: e, panesToResize: i };
-    }, $ = (e) => l.value.reduce((n, t, i) => n + (i < e ? t.size : 0), 0), N = (e) => l.value.reduce((n, t, i) => n + (i > e + 1 ? t.size : 0), 0), V = (e) => [...l.value].reverse().find((t) => t.index < e && t.size > t.min) || {}, Z = (e) => l.value.find((t) => t.index > e + 1 && t.size > t.min) || {}, ee = () => {
-      var n;
-      const e = Array.from(((n = x.value) == null ? void 0 : n.children) || []);
+      v2 !== null && (v2.size = Math.min(Math.max(s2 - t.prevPanesSize - t.prevReachedMinPanes, v2.min), v2.max)), p2 !== null && (p2.size = Math.min(Math.max(100 - s2 - t.nextPanesSize - t.nextReachedMinPanes, p2.min), p2.max));
+    }, Q2 = (e, n2) => {
+      const t = c2.value.activeSplitter, i2 = [t, t + 1];
+      return n2 < e.prevPanesSize + l2.value[i2[0]].min && (i2[0] = V(t).index, e.prevReachedMinPanes = 0, i2[0] < t && l2.value.forEach((a2, s2) => {
+        s2 > i2[0] && s2 <= t && (a2.size = a2.min, e.prevReachedMinPanes += a2.min);
+      }), e.prevPanesSize = $2(i2[0]), i2[0] === void 0) ? (e.prevReachedMinPanes = 0, l2.value[0].size = l2.value[0].min, l2.value.forEach((a2, s2) => {
+        s2 > 0 && s2 <= t && (a2.size = a2.min, e.prevReachedMinPanes += a2.min);
+      }), l2.value[i2[1]].size = 100 - e.prevReachedMinPanes - l2.value[0].min - e.prevPanesSize - e.nextPanesSize, null) : n2 > 100 - e.nextPanesSize - l2.value[i2[1]].min && (i2[1] = Z2(t).index, e.nextReachedMinPanes = 0, i2[1] > t + 1 && l2.value.forEach((a2, s2) => {
+        s2 > t && s2 < i2[1] && (a2.size = a2.min, e.nextReachedMinPanes += a2.min);
+      }), e.nextPanesSize = N(i2[1] - 1), i2[1] === void 0) ? (e.nextReachedMinPanes = 0, l2.value.forEach((a2, s2) => {
+        s2 < m2.value - 1 && s2 >= t + 1 && (a2.size = a2.min, e.nextReachedMinPanes += a2.min);
+      }), l2.value[i2[0]].size = 100 - e.prevPanesSize - N(i2[0] - 1), null) : { sums: e, panesToResize: i2 };
+    }, $2 = (e) => l2.value.reduce((n2, t, i2) => n2 + (i2 < e ? t.size : 0), 0), N = (e) => l2.value.reduce((n2, t, i2) => n2 + (i2 > e + 1 ? t.size : 0), 0), V = (e) => [...l2.value].reverse().find((t) => t.index < e && t.size > t.min) || {}, Z2 = (e) => l2.value.find((t) => t.index > e + 1 && t.size > t.min) || {}, ee2 = () => {
+      var n2;
+      const e = Array.from(((n2 = x2.value) == null ? void 0 : n2.children) || []);
       for (const t of e) {
-        const i = t.classList.contains("splitpanes__pane"), a = t.classList.contains("splitpanes__splitter");
-        !i && !a && (t.remove(), console.warn("Splitpanes: Only <pane> elements are allowed at the root of <splitpanes>. One of your DOM nodes was removed."));
+        const i2 = t.classList.contains("splitpanes__pane"), a2 = t.classList.contains("splitpanes__splitter");
+        !i2 && !a2 && (t.remove(), console.warn("Splitpanes: Only <pane> elements are allowed at the root of <splitpanes>. One of your DOM nodes was removed."));
       }
-    }, F = (e, n, t = false) => {
-      const i = e - 1, a = document.createElement("div");
-      a.classList.add("splitpanes__splitter"), t || (a.onmousedown = (s) => b(s, i), typeof window < "u" && "ontouchstart" in window && (a.ontouchstart = (s) => b(s, i)), a.onclick = (s) => A(s, i + 1)), a.ondblclick = (s) => U(s, i + 1), n.parentNode.insertBefore(a, n);
+    }, F2 = (e, n2, t = false) => {
+      const i2 = e - 1, a2 = document.createElement("div");
+      a2.classList.add("splitpanes__splitter"), t || (a2.onmousedown = (s2) => b2(s2, i2), typeof window < "u" && "ontouchstart" in window && (a2.ontouchstart = (s2) => b2(s2, i2)), a2.onclick = (s2) => A2(s2, i2 + 1)), a2.ondblclick = (s2) => U(s2, i2 + 1), n2.parentNode.insertBefore(a2, n2);
     }, ne = (e) => {
       e.onmousedown = void 0, e.onclick = void 0, e.ondblclick = void 0, e.remove();
-    }, C = () => {
+    }, C2 = () => {
       var t;
-      const e = Array.from(((t = x.value) == null ? void 0 : t.children) || []);
-      for (const i of e)
-        i.className.includes("splitpanes__splitter") && ne(i);
-      let n = 0;
-      for (const i of e)
-        i.className.includes("splitpanes__pane") && (!n && u.firstSplitter ? F(n, i, true) : n && F(n, i), n++);
-    }, ie = ({ uid: e, ...n }) => {
+      const e = Array.from(((t = x2.value) == null ? void 0 : t.children) || []);
+      for (const i2 of e)
+        i2.className.includes("splitpanes__splitter") && ne(i2);
+      let n2 = 0;
+      for (const i2 of e)
+        i2.className.includes("splitpanes__pane") && (!n2 && u2.firstSplitter ? F2(n2, i2, true) : n2 && F2(n2, i2), n2++);
+    }, ie = ({ uid: e, ...n2 }) => {
       const t = M.value[e];
-      for (const [i, a] of Object.entries(n)) t[i] = a;
-    }, te = (e) => {
+      for (const [i2, a2] of Object.entries(n2)) t[i2] = a2;
+    }, te2 = (e) => {
       var t;
-      let n = -1;
-      Array.from(((t = x.value) == null ? void 0 : t.children) || []).some((i) => (i.className.includes("splitpanes__pane") && n++, i.isSameNode(e.el))), l.value.splice(n, 0, { ...e, index: n }), l.value.forEach((i, a) => i.index = a), S.value && vue.nextTick(() => {
-        C(), L({ addedPane: l.value[n] }), d("pane-add", { pane: l.value[n] });
+      let n2 = -1;
+      Array.from(((t = x2.value) == null ? void 0 : t.children) || []).some((i2) => (i2.className.includes("splitpanes__pane") && n2++, i2.isSameNode(e.el))), l2.value.splice(n2, 0, { ...e, index: n2 }), l2.value.forEach((i2, a2) => i2.index = a2), S2.value && vue.nextTick(() => {
+        C2(), L2({ addedPane: l2.value[n2] }), d2("pane-add", { pane: l2.value[n2] });
       });
-    }, ae = (e) => {
-      const n = l.value.findIndex((i) => i.id === e);
-      l.value[n].el = null;
-      const t = l.value.splice(n, 1)[0];
-      l.value.forEach((i, a) => i.index = a), vue.nextTick(() => {
-        C(), d("pane-remove", { pane: t }), L({ removedPane: { ...t } });
+    }, ae2 = (e) => {
+      const n2 = l2.value.findIndex((i2) => i2.id === e);
+      l2.value[n2].el = null;
+      const t = l2.value.splice(n2, 1)[0];
+      l2.value.forEach((i2, a2) => i2.index = a2), vue.nextTick(() => {
+        C2(), d2("pane-remove", { pane: t }), L2({ removedPane: { ...t } });
       });
-    }, L = (e = {}) => {
-      !e.addedPane && !e.removedPane ? le() : l.value.some((n) => n.givenSize !== null || n.min || n.max < 100) ? oe(e) : se(), S.value && d("resized");
+    }, L2 = (e = {}) => {
+      !e.addedPane && !e.removedPane ? le2() : l2.value.some((n2) => n2.givenSize !== null || n2.min || n2.max < 100) ? oe(e) : se(), S2.value && d2("resized");
     }, se = () => {
-      const e = 100 / m.value;
-      let n = 0;
-      const t = [], i = [];
-      for (const a of l.value)
-        a.size = Math.max(Math.min(e, a.max), a.min), n -= a.size, a.size >= a.max && t.push(a.id), a.size <= a.min && i.push(a.id);
-      n > 0.1 && q(n, t, i);
-    }, le = () => {
+      const e = 100 / m2.value;
+      let n2 = 0;
+      const t = [], i2 = [];
+      for (const a2 of l2.value)
+        a2.size = Math.max(Math.min(e, a2.max), a2.min), n2 -= a2.size, a2.size >= a2.max && t.push(a2.id), a2.size <= a2.min && i2.push(a2.id);
+      n2 > 0.1 && q2(n2, t, i2);
+    }, le2 = () => {
       let e = 100;
-      const n = [], t = [];
-      let i = 0;
-      for (const s of l.value)
-        e -= s.size, s.givenSize !== null && i++, s.size >= s.max && n.push(s.id), s.size <= s.min && t.push(s.id);
-      let a = 100;
+      const n2 = [], t = [];
+      let i2 = 0;
+      for (const s2 of l2.value)
+        e -= s2.size, s2.givenSize !== null && i2++, s2.size >= s2.max && n2.push(s2.id), s2.size <= s2.min && t.push(s2.id);
+      let a2 = 100;
       if (e > 0.1) {
-        for (const s of l.value)
-          s.givenSize === null && (s.size = Math.max(Math.min(e / (m.value - i), s.max), s.min)), a -= s.size;
-        a > 0.1 && q(a, n, t);
+        for (const s2 of l2.value)
+          s2.givenSize === null && (s2.size = Math.max(Math.min(e / (m2.value - i2), s2.max), s2.min)), a2 -= s2.size;
+        a2 > 0.1 && q2(a2, n2, t);
       }
-    }, oe = ({ addedPane: e, removedPane: n } = {}) => {
-      let t = 100 / m.value, i = 0;
-      const a = [], s = [];
-      ((e == null ? void 0 : e.givenSize) ?? null) !== null && (t = (100 - e.givenSize) / (m.value - 1));
-      for (const o of l.value)
-        i -= o.size, o.size >= o.max && a.push(o.id), o.size <= o.min && s.push(o.id);
-      if (!(Math.abs(i) < 0.1)) {
-        for (const o of l.value)
-          (e == null ? void 0 : e.givenSize) !== null && (e == null ? void 0 : e.id) === o.id || (o.size = Math.max(Math.min(t, o.max), o.min)), i -= o.size, o.size >= o.max && a.push(o.id), o.size <= o.min && s.push(o.id);
-        i > 0.1 && q(i, a, s);
+    }, oe = ({ addedPane: e, removedPane: n2 } = {}) => {
+      let t = 100 / m2.value, i2 = 0;
+      const a2 = [], s2 = [];
+      ((e == null ? void 0 : e.givenSize) ?? null) !== null && (t = (100 - e.givenSize) / (m2.value - 1));
+      for (const o2 of l2.value)
+        i2 -= o2.size, o2.size >= o2.max && a2.push(o2.id), o2.size <= o2.min && s2.push(o2.id);
+      if (!(Math.abs(i2) < 0.1)) {
+        for (const o2 of l2.value)
+          (e == null ? void 0 : e.givenSize) !== null && (e == null ? void 0 : e.id) === o2.id || (o2.size = Math.max(Math.min(t, o2.max), o2.min)), i2 -= o2.size, o2.size >= o2.max && a2.push(o2.id), o2.size <= o2.min && s2.push(o2.id);
+        i2 > 0.1 && q2(i2, a2, s2);
       }
-    }, q = (e, n, t) => {
-      let i;
-      e > 0 ? i = e / (m.value - n.length) : i = e / (m.value - t.length), l.value.forEach((a, s) => {
-        if (e > 0 && !n.includes(a.id)) {
-          const o = Math.max(Math.min(a.size + i, a.max), a.min), v = o - a.size;
-          e -= v, a.size = o;
-        } else if (!t.includes(a.id)) {
-          const o = Math.max(Math.min(a.size + i, a.max), a.min), v = o - a.size;
-          e -= v, a.size = o;
+    }, q2 = (e, n2, t) => {
+      let i2;
+      e > 0 ? i2 = e / (m2.value - n2.length) : i2 = e / (m2.value - t.length), l2.value.forEach((a2, s2) => {
+        if (e > 0 && !n2.includes(a2.id)) {
+          const o2 = Math.max(Math.min(a2.size + i2, a2.max), a2.min), v2 = o2 - a2.size;
+          e -= v2, a2.size = o2;
+        } else if (!t.includes(a2.id)) {
+          const o2 = Math.max(Math.min(a2.size + i2, a2.max), a2.min), v2 = o2 - a2.size;
+          e -= v2, a2.size = o2;
         }
       }), Math.abs(e) > 0.1 && vue.nextTick(() => {
-        S.value && console.warn("Splitpanes: Could not resize panes correctly due to their constraints.");
+        S2.value && console.warn("Splitpanes: Could not resize panes correctly due to their constraints.");
       });
-    }, d = (e, n = void 0, t = false) => {
-      const i = (n == null ? void 0 : n.index) ?? c.value.activeSplitter ?? null;
-      y(e, {
-        ...n,
-        ...i !== null && { index: i },
-        ...t && i !== null && {
-          prevPane: l.value[i - (u.firstSplitter ? 1 : 0)],
-          nextPane: l.value[i + (u.firstSplitter ? 0 : 1)]
+    }, d2 = (e, n2 = void 0, t = false) => {
+      const i2 = (n2 == null ? void 0 : n2.index) ?? c2.value.activeSplitter ?? null;
+      y2(e, {
+        ...n2,
+        ...i2 !== null && { index: i2 },
+        ...t && i2 !== null && {
+          prevPane: l2.value[i2 - (u2.firstSplitter ? 1 : 0)],
+          nextPane: l2.value[i2 + (u2.firstSplitter ? 0 : 1)]
         },
-        panes: l.value.map((a) => ({ min: a.min, max: a.max, size: a.size }))
+        panes: l2.value.map((a2) => ({ min: a2.min, max: a2.max, size: a2.size }))
       });
     };
-    vue.watch(() => u.firstSplitter, () => C()), vue.onMounted(() => {
-      ee(), C(), L(), d("ready"), S.value = true;
-    }), vue.onBeforeUnmount(() => S.value = false);
-    const re = () => {
+    vue.watch(() => u2.firstSplitter, () => C2()), vue.onMounted(() => {
+      ee2(), C2(), L2(), d2("ready"), S2.value = true;
+    }), vue.onBeforeUnmount(() => S2.value = false);
+    const re2 = () => {
       var e;
       return vue.h(
         "div",
-        { ref: x, class: _.value },
-        (e = E.default) == null ? void 0 : e.call(E)
+        { ref: x2, class: _2.value },
+        (e = E2.default) == null ? void 0 : e.call(E2)
       );
     };
-    return vue.provide("panes", l), vue.provide("indexedPanes", M), vue.provide("horizontal", vue.computed(() => u.horizontal)), vue.provide("requestUpdate", ie), vue.provide("onPaneAdd", te), vue.provide("onPaneRemove", ae), vue.provide("onPaneClick", W), (e, n) => (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(re)));
+    return vue.provide("panes", l2), vue.provide("indexedPanes", M), vue.provide("horizontal", vue.computed(() => u2.horizontal)), vue.provide("requestUpdate", ie), vue.provide("onPaneAdd", te2), vue.provide("onPaneRemove", ae2), vue.provide("onPaneClick", W2), (e, n2) => (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(re2)));
   }
 }, ge = {
   __name: "pane",
@@ -583,40 +583,40 @@ const Pe = {
     minSize: { type: [Number, String], default: 0 },
     maxSize: { type: [Number, String], default: 100 }
   },
-  setup(D) {
-    var b;
-    const h = D, y = vue.inject("requestUpdate"), u = vue.inject("onPaneAdd"), E = vue.inject("horizontal"), l = vue.inject("onPaneRemove"), M = vue.inject("onPaneClick"), m = (b = vue.getCurrentInstance()) == null ? void 0 : b.uid, x = vue.inject("indexedPanes"), S = vue.computed(() => x.value[m]), c = vue.ref(null), f = vue.computed(() => {
-      const r = isNaN(h.size) || h.size === void 0 ? 0 : parseFloat(h.size);
-      return Math.max(Math.min(r, R.value), _.value);
-    }), _ = vue.computed(() => {
-      const r = parseFloat(h.minSize);
-      return isNaN(r) ? 0 : r;
-    }), R = vue.computed(() => {
-      const r = parseFloat(h.maxSize);
-      return isNaN(r) ? 100 : r;
-    }), O = vue.computed(() => {
-      var r;
-      return `${E.value ? "height" : "width"}: ${(r = S.value) == null ? void 0 : r.size}%`;
+  setup(D2) {
+    var b2;
+    const h2 = D2, y2 = vue.inject("requestUpdate"), u2 = vue.inject("onPaneAdd"), E2 = vue.inject("horizontal"), l2 = vue.inject("onPaneRemove"), M = vue.inject("onPaneClick"), m2 = (b2 = vue.getCurrentInstance()) == null ? void 0 : b2.uid, x2 = vue.inject("indexedPanes"), S2 = vue.computed(() => x2.value[m2]), c2 = vue.ref(null), f2 = vue.computed(() => {
+      const r2 = isNaN(h2.size) || h2.size === void 0 ? 0 : parseFloat(h2.size);
+      return Math.max(Math.min(r2, R2.value), _2.value);
+    }), _2 = vue.computed(() => {
+      const r2 = parseFloat(h2.minSize);
+      return isNaN(r2) ? 0 : r2;
+    }), R2 = vue.computed(() => {
+      const r2 = parseFloat(h2.maxSize);
+      return isNaN(r2) ? 100 : r2;
+    }), O2 = vue.computed(() => {
+      var r2;
+      return `${E2.value ? "height" : "width"}: ${(r2 = S2.value) == null ? void 0 : r2.size}%`;
     });
-    return vue.watch(() => f.value, (r) => y({ uid: m, size: r })), vue.watch(() => _.value, (r) => y({ uid: m, min: r })), vue.watch(() => R.value, (r) => y({ uid: m, max: r })), vue.onMounted(() => {
-      u({
-        id: m,
-        el: c.value,
-        min: _.value,
-        max: R.value,
+    return vue.watch(() => f2.value, (r2) => y2({ uid: m2, size: r2 })), vue.watch(() => _2.value, (r2) => y2({ uid: m2, min: r2 })), vue.watch(() => R2.value, (r2) => y2({ uid: m2, max: r2 })), vue.onMounted(() => {
+      u2({
+        id: m2,
+        el: c2.value,
+        min: _2.value,
+        max: R2.value,
         // The given size (useful to know the user intention).
-        givenSize: h.size === void 0 ? null : f.value,
-        size: f.value
+        givenSize: h2.size === void 0 ? null : f2.value,
+        size: f2.value
         // The computed current size at any time.
       });
-    }), vue.onBeforeUnmount(() => l(m)), (r, P) => (vue.openBlock(), vue.createElementBlock("div", {
+    }), vue.onBeforeUnmount(() => l2(m2)), (r2, P2) => (vue.openBlock(), vue.createElementBlock("div", {
       ref_key: "paneEl",
-      ref: c,
+      ref: c2,
       class: "splitpanes__pane",
-      onClick: P[0] || (P[0] = (A) => vue.unref(M)(A, r._.uid)),
-      style: vue.normalizeStyle(O.value)
+      onClick: P2[0] || (P2[0] = (A2) => vue.unref(M)(A2, r2._.uid)),
+      style: vue.normalizeStyle(O2.value)
     }, [
-      vue.renderSlot(r.$slots, "default")
+      vue.renderSlot(r2.$slots, "default")
     ], 4));
   }
 };
@@ -924,20 +924,20 @@ const defaultIconCustomisations = Object.freeze({
 });
 const unitsSplit = /(-?[0-9.]*[0-9]+[0-9.]*)/g;
 const unitsTest = /^-?[0-9.]*[0-9]+[0-9.]*$/g;
-function calculateSize(size, ratio, precision) {
+function calculateSize(size2, ratio, precision) {
   if (ratio === 1) {
-    return size;
+    return size2;
   }
   precision = precision || 100;
-  if (typeof size === "number") {
-    return Math.ceil(size * ratio * precision) / precision;
+  if (typeof size2 === "number") {
+    return Math.ceil(size2 * ratio * precision) / precision;
   }
-  if (typeof size !== "string") {
-    return size;
+  if (typeof size2 !== "string") {
+    return size2;
   }
-  const oldParts = size.split(unitsSplit);
+  const oldParts = size2.split(unitsSplit);
   if (oldParts === null || !oldParts.length) {
-    return size;
+    return size2;
   }
   const newParts = [];
   let code = oldParts.shift();
@@ -1330,14 +1330,14 @@ function sortIcons(icons) {
     pending: []
   };
   const storage2 = /* @__PURE__ */ Object.create(null);
-  icons.sort((a, b) => {
-    if (a.provider !== b.provider) {
-      return a.provider.localeCompare(b.provider);
+  icons.sort((a2, b2) => {
+    if (a2.provider !== b2.provider) {
+      return a2.provider.localeCompare(b2.provider);
     }
-    if (a.prefix !== b.prefix) {
-      return a.prefix.localeCompare(b.prefix);
+    if (a2.prefix !== b2.prefix) {
+      return a2.prefix.localeCompare(b2.prefix);
     }
-    return a.name.localeCompare(b.name);
+    return a2.name.localeCompare(b2.name);
   });
   let lastIcon = {
     provider: "",
@@ -1776,8 +1776,8 @@ function iterateBrowserStorage(key, callback) {
   if (version !== browserCacheVersion) {
     if (version) {
       const total2 = getBrowserStorageItemsCount(func);
-      for (let i = 0; i < total2; i++) {
-        removeStoredItem(func, browserCachePrefix + i.toString());
+      for (let i2 = 0; i2 < total2; i2++) {
+        removeStoredItem(func, browserCachePrefix + i2.toString());
       }
     }
     setStoredItem(func, browserCacheVersionKey, browserCacheVersion);
@@ -1802,13 +1802,13 @@ function iterateBrowserStorage(key, callback) {
     removeStoredItem(func, name);
   };
   let total = getBrowserStorageItemsCount(func);
-  for (let i = total - 1; i >= 0; i--) {
-    if (!parseItem(i)) {
-      if (i === total - 1) {
+  for (let i2 = total - 1; i2 >= 0; i2--) {
+    if (!parseItem(i2)) {
+      if (i2 === total - 1) {
         total--;
         setBrowserStorageItemsCount(func, total);
       } else {
-        browserStorageEmptyItems[key].add(i);
+        browserStorageEmptyItems[key].add(i2);
       }
     }
   }
@@ -2032,8 +2032,8 @@ function mergeCustomisations(defaults, item) {
   return result;
 }
 const separator = /[\s,]+/;
-function flipFromString(custom, flip) {
-  flip.split(separator).forEach((str) => {
+function flipFromString(custom, flip2) {
+  flip2.split(separator).forEach((str) => {
     const value = str.trim();
     switch (value) {
       case "horizontal":
@@ -2496,6 +2496,2374 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const ButtonRightPanel = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-b373d5f7"]]);
+const sides = ["top", "right", "bottom", "left"];
+const alignments = ["start", "end"];
+const placements = /* @__PURE__ */ sides.reduce((acc, side) => acc.concat(side, side + "-" + alignments[0], side + "-" + alignments[1]), []);
+const min = Math.min;
+const max = Math.max;
+const oppositeSideMap = {
+  left: "right",
+  right: "left",
+  bottom: "top",
+  top: "bottom"
+};
+const oppositeAlignmentMap = {
+  start: "end",
+  end: "start"
+};
+function clamp(start, value, end) {
+  return max(start, min(value, end));
+}
+function evaluate(value, param) {
+  return typeof value === "function" ? value(param) : value;
+}
+function getSide(placement) {
+  return placement.split("-")[0];
+}
+function getAlignment(placement) {
+  return placement.split("-")[1];
+}
+function getOppositeAxis(axis) {
+  return axis === "x" ? "y" : "x";
+}
+function getAxisLength(axis) {
+  return axis === "y" ? "height" : "width";
+}
+const yAxisSides = /* @__PURE__ */ new Set(["top", "bottom"]);
+function getSideAxis(placement) {
+  return yAxisSides.has(getSide(placement)) ? "y" : "x";
+}
+function getAlignmentAxis(placement) {
+  return getOppositeAxis(getSideAxis(placement));
+}
+function getAlignmentSides(placement, rects, rtl) {
+  if (rtl === void 0) {
+    rtl = false;
+  }
+  const alignment = getAlignment(placement);
+  const alignmentAxis = getAlignmentAxis(placement);
+  const length = getAxisLength(alignmentAxis);
+  let mainAlignmentSide = alignmentAxis === "x" ? alignment === (rtl ? "end" : "start") ? "right" : "left" : alignment === "start" ? "bottom" : "top";
+  if (rects.reference[length] > rects.floating[length]) {
+    mainAlignmentSide = getOppositePlacement(mainAlignmentSide);
+  }
+  return [mainAlignmentSide, getOppositePlacement(mainAlignmentSide)];
+}
+function getExpandedPlacements(placement) {
+  const oppositePlacement = getOppositePlacement(placement);
+  return [getOppositeAlignmentPlacement(placement), oppositePlacement, getOppositeAlignmentPlacement(oppositePlacement)];
+}
+function getOppositeAlignmentPlacement(placement) {
+  return placement.replace(/start|end/g, (alignment) => oppositeAlignmentMap[alignment]);
+}
+const lrPlacement = ["left", "right"];
+const rlPlacement = ["right", "left"];
+const tbPlacement = ["top", "bottom"];
+const btPlacement = ["bottom", "top"];
+function getSideList(side, isStart, rtl) {
+  switch (side) {
+    case "top":
+    case "bottom":
+      if (rtl) return isStart ? rlPlacement : lrPlacement;
+      return isStart ? lrPlacement : rlPlacement;
+    case "left":
+    case "right":
+      return isStart ? tbPlacement : btPlacement;
+    default:
+      return [];
+  }
+}
+function getOppositeAxisPlacements(placement, flipAlignment, direction, rtl) {
+  const alignment = getAlignment(placement);
+  let list = getSideList(getSide(placement), direction === "start", rtl);
+  if (alignment) {
+    list = list.map((side) => side + "-" + alignment);
+    if (flipAlignment) {
+      list = list.concat(list.map(getOppositeAlignmentPlacement));
+    }
+  }
+  return list;
+}
+function getOppositePlacement(placement) {
+  return placement.replace(/left|right|bottom|top/g, (side) => oppositeSideMap[side]);
+}
+function expandPaddingObject(padding) {
+  return {
+    top: 0,
+    right: 0,
+    bottom: 0,
+    left: 0,
+    ...padding
+  };
+}
+function getPaddingObject(padding) {
+  return typeof padding !== "number" ? expandPaddingObject(padding) : {
+    top: padding,
+    right: padding,
+    bottom: padding,
+    left: padding
+  };
+}
+function rectToClientRect(rect) {
+  const {
+    x: x2,
+    y: y2,
+    width,
+    height
+  } = rect;
+  return {
+    width,
+    height,
+    top: y2,
+    left: x2,
+    right: x2 + width,
+    bottom: y2 + height,
+    x: x2,
+    y: y2
+  };
+}
+function computeCoordsFromPlacement(_ref, placement, rtl) {
+  let {
+    reference,
+    floating
+  } = _ref;
+  const sideAxis = getSideAxis(placement);
+  const alignmentAxis = getAlignmentAxis(placement);
+  const alignLength = getAxisLength(alignmentAxis);
+  const side = getSide(placement);
+  const isVertical = sideAxis === "y";
+  const commonX = reference.x + reference.width / 2 - floating.width / 2;
+  const commonY = reference.y + reference.height / 2 - floating.height / 2;
+  const commonAlign = reference[alignLength] / 2 - floating[alignLength] / 2;
+  let coords;
+  switch (side) {
+    case "top":
+      coords = {
+        x: commonX,
+        y: reference.y - floating.height
+      };
+      break;
+    case "bottom":
+      coords = {
+        x: commonX,
+        y: reference.y + reference.height
+      };
+      break;
+    case "right":
+      coords = {
+        x: reference.x + reference.width,
+        y: commonY
+      };
+      break;
+    case "left":
+      coords = {
+        x: reference.x - floating.width,
+        y: commonY
+      };
+      break;
+    default:
+      coords = {
+        x: reference.x,
+        y: reference.y
+      };
+  }
+  switch (getAlignment(placement)) {
+    case "start":
+      coords[alignmentAxis] -= commonAlign * (rtl && isVertical ? -1 : 1);
+      break;
+    case "end":
+      coords[alignmentAxis] += commonAlign * (rtl && isVertical ? -1 : 1);
+      break;
+  }
+  return coords;
+}
+const computePosition = async (reference, floating, config) => {
+  const {
+    placement = "bottom",
+    strategy = "absolute",
+    middleware = [],
+    platform
+  } = config;
+  const validMiddleware = middleware.filter(Boolean);
+  const rtl = await (platform.isRTL == null ? void 0 : platform.isRTL(floating));
+  let rects = await platform.getElementRects({
+    reference,
+    floating,
+    strategy
+  });
+  let {
+    x: x2,
+    y: y2
+  } = computeCoordsFromPlacement(rects, placement, rtl);
+  let statefulPlacement = placement;
+  let middlewareData = {};
+  let resetCount = 0;
+  for (let i2 = 0; i2 < validMiddleware.length; i2++) {
+    const {
+      name,
+      fn
+    } = validMiddleware[i2];
+    const {
+      x: nextX,
+      y: nextY,
+      data,
+      reset
+    } = await fn({
+      x: x2,
+      y: y2,
+      initialPlacement: placement,
+      placement: statefulPlacement,
+      strategy,
+      middlewareData,
+      rects,
+      platform,
+      elements: {
+        reference,
+        floating
+      }
+    });
+    x2 = nextX != null ? nextX : x2;
+    y2 = nextY != null ? nextY : y2;
+    middlewareData = {
+      ...middlewareData,
+      [name]: {
+        ...middlewareData[name],
+        ...data
+      }
+    };
+    if (reset && resetCount <= 50) {
+      resetCount++;
+      if (typeof reset === "object") {
+        if (reset.placement) {
+          statefulPlacement = reset.placement;
+        }
+        if (reset.rects) {
+          rects = reset.rects === true ? await platform.getElementRects({
+            reference,
+            floating,
+            strategy
+          }) : reset.rects;
+        }
+        ({
+          x: x2,
+          y: y2
+        } = computeCoordsFromPlacement(rects, statefulPlacement, rtl));
+      }
+      i2 = -1;
+    }
+  }
+  return {
+    x: x2,
+    y: y2,
+    placement: statefulPlacement,
+    strategy,
+    middlewareData
+  };
+};
+async function detectOverflow(state, options) {
+  var _await$platform$isEle;
+  if (options === void 0) {
+    options = {};
+  }
+  const {
+    x: x2,
+    y: y2,
+    platform,
+    rects,
+    elements,
+    strategy
+  } = state;
+  const {
+    boundary = "clippingAncestors",
+    rootBoundary = "viewport",
+    elementContext = "floating",
+    altBoundary = false,
+    padding = 0
+  } = evaluate(options, state);
+  const paddingObject = getPaddingObject(padding);
+  const altContext = elementContext === "floating" ? "reference" : "floating";
+  const element = elements[altBoundary ? altContext : elementContext];
+  const clippingClientRect = rectToClientRect(await platform.getClippingRect({
+    element: ((_await$platform$isEle = await (platform.isElement == null ? void 0 : platform.isElement(element))) != null ? _await$platform$isEle : true) ? element : element.contextElement || await (platform.getDocumentElement == null ? void 0 : platform.getDocumentElement(elements.floating)),
+    boundary,
+    rootBoundary,
+    strategy
+  }));
+  const rect = elementContext === "floating" ? {
+    x: x2,
+    y: y2,
+    width: rects.floating.width,
+    height: rects.floating.height
+  } : rects.reference;
+  const offsetParent = await (platform.getOffsetParent == null ? void 0 : platform.getOffsetParent(elements.floating));
+  const offsetScale = await (platform.isElement == null ? void 0 : platform.isElement(offsetParent)) ? await (platform.getScale == null ? void 0 : platform.getScale(offsetParent)) || {
+    x: 1,
+    y: 1
+  } : {
+    x: 1,
+    y: 1
+  };
+  const elementClientRect = rectToClientRect(platform.convertOffsetParentRelativeRectToViewportRelativeRect ? await platform.convertOffsetParentRelativeRectToViewportRelativeRect({
+    elements,
+    rect,
+    offsetParent,
+    strategy
+  }) : rect);
+  return {
+    top: (clippingClientRect.top - elementClientRect.top + paddingObject.top) / offsetScale.y,
+    bottom: (elementClientRect.bottom - clippingClientRect.bottom + paddingObject.bottom) / offsetScale.y,
+    left: (clippingClientRect.left - elementClientRect.left + paddingObject.left) / offsetScale.x,
+    right: (elementClientRect.right - clippingClientRect.right + paddingObject.right) / offsetScale.x
+  };
+}
+const arrow = (options) => ({
+  name: "arrow",
+  options,
+  async fn(state) {
+    const {
+      x: x2,
+      y: y2,
+      placement,
+      rects,
+      platform,
+      elements,
+      middlewareData
+    } = state;
+    const {
+      element,
+      padding = 0
+    } = evaluate(options, state) || {};
+    if (element == null) {
+      return {};
+    }
+    const paddingObject = getPaddingObject(padding);
+    const coords = {
+      x: x2,
+      y: y2
+    };
+    const axis = getAlignmentAxis(placement);
+    const length = getAxisLength(axis);
+    const arrowDimensions = await platform.getDimensions(element);
+    const isYAxis = axis === "y";
+    const minProp = isYAxis ? "top" : "left";
+    const maxProp = isYAxis ? "bottom" : "right";
+    const clientProp = isYAxis ? "clientHeight" : "clientWidth";
+    const endDiff = rects.reference[length] + rects.reference[axis] - coords[axis] - rects.floating[length];
+    const startDiff = coords[axis] - rects.reference[axis];
+    const arrowOffsetParent = await (platform.getOffsetParent == null ? void 0 : platform.getOffsetParent(element));
+    let clientSize = arrowOffsetParent ? arrowOffsetParent[clientProp] : 0;
+    if (!clientSize || !await (platform.isElement == null ? void 0 : platform.isElement(arrowOffsetParent))) {
+      clientSize = elements.floating[clientProp] || rects.floating[length];
+    }
+    const centerToReference = endDiff / 2 - startDiff / 2;
+    const largestPossiblePadding = clientSize / 2 - arrowDimensions[length] / 2 - 1;
+    const minPadding = min(paddingObject[minProp], largestPossiblePadding);
+    const maxPadding = min(paddingObject[maxProp], largestPossiblePadding);
+    const min$1 = minPadding;
+    const max2 = clientSize - arrowDimensions[length] - maxPadding;
+    const center = clientSize / 2 - arrowDimensions[length] / 2 + centerToReference;
+    const offset2 = clamp(min$1, center, max2);
+    const shouldAddOffset = !middlewareData.arrow && getAlignment(placement) != null && center !== offset2 && rects.reference[length] / 2 - (center < min$1 ? minPadding : maxPadding) - arrowDimensions[length] / 2 < 0;
+    const alignmentOffset = shouldAddOffset ? center < min$1 ? center - min$1 : center - max2 : 0;
+    return {
+      [axis]: coords[axis] + alignmentOffset,
+      data: {
+        [axis]: offset2,
+        centerOffset: center - offset2 - alignmentOffset,
+        ...shouldAddOffset && {
+          alignmentOffset
+        }
+      },
+      reset: shouldAddOffset
+    };
+  }
+});
+function getPlacementList(alignment, autoAlignment, allowedPlacements) {
+  const allowedPlacementsSortedByAlignment = alignment ? [...allowedPlacements.filter((placement) => getAlignment(placement) === alignment), ...allowedPlacements.filter((placement) => getAlignment(placement) !== alignment)] : allowedPlacements.filter((placement) => getSide(placement) === placement);
+  return allowedPlacementsSortedByAlignment.filter((placement) => {
+    if (alignment) {
+      return getAlignment(placement) === alignment || (autoAlignment ? getOppositeAlignmentPlacement(placement) !== placement : false);
+    }
+    return true;
+  });
+}
+const autoPlacement = function(options) {
+  if (options === void 0) {
+    options = {};
+  }
+  return {
+    name: "autoPlacement",
+    options,
+    async fn(state) {
+      var _middlewareData$autoP, _middlewareData$autoP2, _placementsThatFitOnE;
+      const {
+        rects,
+        middlewareData,
+        placement,
+        platform,
+        elements
+      } = state;
+      const {
+        crossAxis = false,
+        alignment,
+        allowedPlacements = placements,
+        autoAlignment = true,
+        ...detectOverflowOptions
+      } = evaluate(options, state);
+      const placements$1 = alignment !== void 0 || allowedPlacements === placements ? getPlacementList(alignment || null, autoAlignment, allowedPlacements) : allowedPlacements;
+      const overflow = await detectOverflow(state, detectOverflowOptions);
+      const currentIndex = ((_middlewareData$autoP = middlewareData.autoPlacement) == null ? void 0 : _middlewareData$autoP.index) || 0;
+      const currentPlacement = placements$1[currentIndex];
+      if (currentPlacement == null) {
+        return {};
+      }
+      const alignmentSides = getAlignmentSides(currentPlacement, rects, await (platform.isRTL == null ? void 0 : platform.isRTL(elements.floating)));
+      if (placement !== currentPlacement) {
+        return {
+          reset: {
+            placement: placements$1[0]
+          }
+        };
+      }
+      const currentOverflows = [overflow[getSide(currentPlacement)], overflow[alignmentSides[0]], overflow[alignmentSides[1]]];
+      const allOverflows = [...((_middlewareData$autoP2 = middlewareData.autoPlacement) == null ? void 0 : _middlewareData$autoP2.overflows) || [], {
+        placement: currentPlacement,
+        overflows: currentOverflows
+      }];
+      const nextPlacement = placements$1[currentIndex + 1];
+      if (nextPlacement) {
+        return {
+          data: {
+            index: currentIndex + 1,
+            overflows: allOverflows
+          },
+          reset: {
+            placement: nextPlacement
+          }
+        };
+      }
+      const placementsSortedByMostSpace = allOverflows.map((d2) => {
+        const alignment2 = getAlignment(d2.placement);
+        return [d2.placement, alignment2 && crossAxis ? (
+          // Check along the mainAxis and main crossAxis side.
+          d2.overflows.slice(0, 2).reduce((acc, v2) => acc + v2, 0)
+        ) : (
+          // Check only the mainAxis.
+          d2.overflows[0]
+        ), d2.overflows];
+      }).sort((a2, b2) => a2[1] - b2[1]);
+      const placementsThatFitOnEachSide = placementsSortedByMostSpace.filter((d2) => d2[2].slice(
+        0,
+        // Aligned placements should not check their opposite crossAxis
+        // side.
+        getAlignment(d2[0]) ? 2 : 3
+      ).every((v2) => v2 <= 0));
+      const resetPlacement = ((_placementsThatFitOnE = placementsThatFitOnEachSide[0]) == null ? void 0 : _placementsThatFitOnE[0]) || placementsSortedByMostSpace[0][0];
+      if (resetPlacement !== placement) {
+        return {
+          data: {
+            index: currentIndex + 1,
+            overflows: allOverflows
+          },
+          reset: {
+            placement: resetPlacement
+          }
+        };
+      }
+      return {};
+    }
+  };
+};
+const flip = function(options) {
+  if (options === void 0) {
+    options = {};
+  }
+  return {
+    name: "flip",
+    options,
+    async fn(state) {
+      var _middlewareData$arrow, _middlewareData$flip;
+      const {
+        placement,
+        middlewareData,
+        rects,
+        initialPlacement,
+        platform,
+        elements
+      } = state;
+      const {
+        mainAxis: checkMainAxis = true,
+        crossAxis: checkCrossAxis = true,
+        fallbackPlacements: specifiedFallbackPlacements,
+        fallbackStrategy = "bestFit",
+        fallbackAxisSideDirection = "none",
+        flipAlignment = true,
+        ...detectOverflowOptions
+      } = evaluate(options, state);
+      if ((_middlewareData$arrow = middlewareData.arrow) != null && _middlewareData$arrow.alignmentOffset) {
+        return {};
+      }
+      const side = getSide(placement);
+      const initialSideAxis = getSideAxis(initialPlacement);
+      const isBasePlacement = getSide(initialPlacement) === initialPlacement;
+      const rtl = await (platform.isRTL == null ? void 0 : platform.isRTL(elements.floating));
+      const fallbackPlacements = specifiedFallbackPlacements || (isBasePlacement || !flipAlignment ? [getOppositePlacement(initialPlacement)] : getExpandedPlacements(initialPlacement));
+      const hasFallbackAxisSideDirection = fallbackAxisSideDirection !== "none";
+      if (!specifiedFallbackPlacements && hasFallbackAxisSideDirection) {
+        fallbackPlacements.push(...getOppositeAxisPlacements(initialPlacement, flipAlignment, fallbackAxisSideDirection, rtl));
+      }
+      const placements2 = [initialPlacement, ...fallbackPlacements];
+      const overflow = await detectOverflow(state, detectOverflowOptions);
+      const overflows = [];
+      let overflowsData = ((_middlewareData$flip = middlewareData.flip) == null ? void 0 : _middlewareData$flip.overflows) || [];
+      if (checkMainAxis) {
+        overflows.push(overflow[side]);
+      }
+      if (checkCrossAxis) {
+        const sides2 = getAlignmentSides(placement, rects, rtl);
+        overflows.push(overflow[sides2[0]], overflow[sides2[1]]);
+      }
+      overflowsData = [...overflowsData, {
+        placement,
+        overflows
+      }];
+      if (!overflows.every((side2) => side2 <= 0)) {
+        var _middlewareData$flip2, _overflowsData$filter;
+        const nextIndex = (((_middlewareData$flip2 = middlewareData.flip) == null ? void 0 : _middlewareData$flip2.index) || 0) + 1;
+        const nextPlacement = placements2[nextIndex];
+        if (nextPlacement) {
+          const ignoreCrossAxisOverflow = checkCrossAxis === "alignment" ? initialSideAxis !== getSideAxis(nextPlacement) : false;
+          if (!ignoreCrossAxisOverflow || // We leave the current main axis only if every placement on that axis
+          // overflows the main axis.
+          overflowsData.every((d2) => getSideAxis(d2.placement) === initialSideAxis ? d2.overflows[0] > 0 : true)) {
+            return {
+              data: {
+                index: nextIndex,
+                overflows: overflowsData
+              },
+              reset: {
+                placement: nextPlacement
+              }
+            };
+          }
+        }
+        let resetPlacement = (_overflowsData$filter = overflowsData.filter((d2) => d2.overflows[0] <= 0).sort((a2, b2) => a2.overflows[1] - b2.overflows[1])[0]) == null ? void 0 : _overflowsData$filter.placement;
+        if (!resetPlacement) {
+          switch (fallbackStrategy) {
+            case "bestFit": {
+              var _overflowsData$filter2;
+              const placement2 = (_overflowsData$filter2 = overflowsData.filter((d2) => {
+                if (hasFallbackAxisSideDirection) {
+                  const currentSideAxis = getSideAxis(d2.placement);
+                  return currentSideAxis === initialSideAxis || // Create a bias to the `y` side axis due to horizontal
+                  // reading directions favoring greater width.
+                  currentSideAxis === "y";
+                }
+                return true;
+              }).map((d2) => [d2.placement, d2.overflows.filter((overflow2) => overflow2 > 0).reduce((acc, overflow2) => acc + overflow2, 0)]).sort((a2, b2) => a2[1] - b2[1])[0]) == null ? void 0 : _overflowsData$filter2[0];
+              if (placement2) {
+                resetPlacement = placement2;
+              }
+              break;
+            }
+            case "initialPlacement":
+              resetPlacement = initialPlacement;
+              break;
+          }
+        }
+        if (placement !== resetPlacement) {
+          return {
+            reset: {
+              placement: resetPlacement
+            }
+          };
+        }
+      }
+      return {};
+    }
+  };
+};
+const originSides = /* @__PURE__ */ new Set(["left", "top"]);
+async function convertValueToCoords(state, options) {
+  const {
+    placement,
+    platform,
+    elements
+  } = state;
+  const rtl = await (platform.isRTL == null ? void 0 : platform.isRTL(elements.floating));
+  const side = getSide(placement);
+  const alignment = getAlignment(placement);
+  const isVertical = getSideAxis(placement) === "y";
+  const mainAxisMulti = originSides.has(side) ? -1 : 1;
+  const crossAxisMulti = rtl && isVertical ? -1 : 1;
+  const rawValue = evaluate(options, state);
+  let {
+    mainAxis,
+    crossAxis,
+    alignmentAxis
+  } = typeof rawValue === "number" ? {
+    mainAxis: rawValue,
+    crossAxis: 0,
+    alignmentAxis: null
+  } : {
+    mainAxis: rawValue.mainAxis || 0,
+    crossAxis: rawValue.crossAxis || 0,
+    alignmentAxis: rawValue.alignmentAxis
+  };
+  if (alignment && typeof alignmentAxis === "number") {
+    crossAxis = alignment === "end" ? alignmentAxis * -1 : alignmentAxis;
+  }
+  return isVertical ? {
+    x: crossAxis * crossAxisMulti,
+    y: mainAxis * mainAxisMulti
+  } : {
+    x: mainAxis * mainAxisMulti,
+    y: crossAxis * crossAxisMulti
+  };
+}
+const offset = function(options) {
+  if (options === void 0) {
+    options = 0;
+  }
+  return {
+    name: "offset",
+    options,
+    async fn(state) {
+      var _middlewareData$offse, _middlewareData$arrow;
+      const {
+        x: x2,
+        y: y2,
+        placement,
+        middlewareData
+      } = state;
+      const diffCoords = await convertValueToCoords(state, options);
+      if (placement === ((_middlewareData$offse = middlewareData.offset) == null ? void 0 : _middlewareData$offse.placement) && (_middlewareData$arrow = middlewareData.arrow) != null && _middlewareData$arrow.alignmentOffset) {
+        return {};
+      }
+      return {
+        x: x2 + diffCoords.x,
+        y: y2 + diffCoords.y,
+        data: {
+          ...diffCoords,
+          placement
+        }
+      };
+    }
+  };
+};
+const shift = function(options) {
+  if (options === void 0) {
+    options = {};
+  }
+  return {
+    name: "shift",
+    options,
+    async fn(state) {
+      const {
+        x: x2,
+        y: y2,
+        placement
+      } = state;
+      const {
+        mainAxis: checkMainAxis = true,
+        crossAxis: checkCrossAxis = false,
+        limiter = {
+          fn: (_ref) => {
+            let {
+              x: x3,
+              y: y3
+            } = _ref;
+            return {
+              x: x3,
+              y: y3
+            };
+          }
+        },
+        ...detectOverflowOptions
+      } = evaluate(options, state);
+      const coords = {
+        x: x2,
+        y: y2
+      };
+      const overflow = await detectOverflow(state, detectOverflowOptions);
+      const crossAxis = getSideAxis(getSide(placement));
+      const mainAxis = getOppositeAxis(crossAxis);
+      let mainAxisCoord = coords[mainAxis];
+      let crossAxisCoord = coords[crossAxis];
+      if (checkMainAxis) {
+        const minSide = mainAxis === "y" ? "top" : "left";
+        const maxSide = mainAxis === "y" ? "bottom" : "right";
+        const min2 = mainAxisCoord + overflow[minSide];
+        const max2 = mainAxisCoord - overflow[maxSide];
+        mainAxisCoord = clamp(min2, mainAxisCoord, max2);
+      }
+      if (checkCrossAxis) {
+        const minSide = crossAxis === "y" ? "top" : "left";
+        const maxSide = crossAxis === "y" ? "bottom" : "right";
+        const min2 = crossAxisCoord + overflow[minSide];
+        const max2 = crossAxisCoord - overflow[maxSide];
+        crossAxisCoord = clamp(min2, crossAxisCoord, max2);
+      }
+      const limitedCoords = limiter.fn({
+        ...state,
+        [mainAxis]: mainAxisCoord,
+        [crossAxis]: crossAxisCoord
+      });
+      return {
+        ...limitedCoords,
+        data: {
+          x: limitedCoords.x - x2,
+          y: limitedCoords.y - y2,
+          enabled: {
+            [mainAxis]: checkMainAxis,
+            [crossAxis]: checkCrossAxis
+          }
+        }
+      };
+    }
+  };
+};
+const size = function(options) {
+  if (options === void 0) {
+    options = {};
+  }
+  return {
+    name: "size",
+    options,
+    async fn(state) {
+      var _state$middlewareData, _state$middlewareData2;
+      const {
+        placement,
+        rects,
+        platform,
+        elements
+      } = state;
+      const {
+        apply = () => {
+        },
+        ...detectOverflowOptions
+      } = evaluate(options, state);
+      const overflow = await detectOverflow(state, detectOverflowOptions);
+      const side = getSide(placement);
+      const alignment = getAlignment(placement);
+      const isYAxis = getSideAxis(placement) === "y";
+      const {
+        width,
+        height
+      } = rects.floating;
+      let heightSide;
+      let widthSide;
+      if (side === "top" || side === "bottom") {
+        heightSide = side;
+        widthSide = alignment === (await (platform.isRTL == null ? void 0 : platform.isRTL(elements.floating)) ? "start" : "end") ? "left" : "right";
+      } else {
+        widthSide = side;
+        heightSide = alignment === "end" ? "top" : "bottom";
+      }
+      const maximumClippingHeight = height - overflow.top - overflow.bottom;
+      const maximumClippingWidth = width - overflow.left - overflow.right;
+      const overflowAvailableHeight = min(height - overflow[heightSide], maximumClippingHeight);
+      const overflowAvailableWidth = min(width - overflow[widthSide], maximumClippingWidth);
+      const noShift = !state.middlewareData.shift;
+      let availableHeight = overflowAvailableHeight;
+      let availableWidth = overflowAvailableWidth;
+      if ((_state$middlewareData = state.middlewareData.shift) != null && _state$middlewareData.enabled.x) {
+        availableWidth = maximumClippingWidth;
+      }
+      if ((_state$middlewareData2 = state.middlewareData.shift) != null && _state$middlewareData2.enabled.y) {
+        availableHeight = maximumClippingHeight;
+      }
+      if (noShift && !alignment) {
+        const xMin = max(overflow.left, 0);
+        const xMax = max(overflow.right, 0);
+        const yMin = max(overflow.top, 0);
+        const yMax = max(overflow.bottom, 0);
+        if (isYAxis) {
+          availableWidth = width - 2 * (xMin !== 0 || xMax !== 0 ? xMin + xMax : max(overflow.left, overflow.right));
+        } else {
+          availableHeight = height - 2 * (yMin !== 0 || yMax !== 0 ? yMin + yMax : max(overflow.top, overflow.bottom));
+        }
+      }
+      await apply({
+        ...state,
+        availableWidth,
+        availableHeight
+      });
+      const nextDimensions = await platform.getDimensions(elements.floating);
+      if (width !== nextDimensions.width || height !== nextDimensions.height) {
+        return {
+          reset: {
+            rects: true
+          }
+        };
+      }
+      return {};
+    }
+  };
+};
+function n$1(t) {
+  var e;
+  return (null == (e = t.ownerDocument) ? void 0 : e.defaultView) || window;
+}
+function o(t) {
+  return n$1(t).getComputedStyle(t);
+}
+const i = Math.min, r = Math.max, l = Math.round;
+function c$1(t) {
+  const e = o(t);
+  let n2 = parseFloat(e.width), i2 = parseFloat(e.height);
+  const r2 = t.offsetWidth, c2 = t.offsetHeight, s2 = l(n2) !== r2 || l(i2) !== c2;
+  return s2 && (n2 = r2, i2 = c2), { width: n2, height: i2, fallback: s2 };
+}
+function s(t) {
+  return h$1(t) ? (t.nodeName || "").toLowerCase() : "";
+}
+let f;
+function u() {
+  if (f) return f;
+  const t = navigator.userAgentData;
+  return t && Array.isArray(t.brands) ? (f = t.brands.map((t2) => t2.brand + "/" + t2.version).join(" "), f) : navigator.userAgent;
+}
+function a(t) {
+  return t instanceof n$1(t).HTMLElement;
+}
+function d$1(t) {
+  return t instanceof n$1(t).Element;
+}
+function h$1(t) {
+  return t instanceof n$1(t).Node;
+}
+function p(t) {
+  if ("undefined" == typeof ShadowRoot) return false;
+  return t instanceof n$1(t).ShadowRoot || t instanceof ShadowRoot;
+}
+function g$1(t) {
+  const { overflow: e, overflowX: n2, overflowY: i2, display: r2 } = o(t);
+  return /auto|scroll|overlay|hidden|clip/.test(e + i2 + n2) && !["inline", "contents"].includes(r2);
+}
+function m$1(t) {
+  return ["table", "td", "th"].includes(s(t));
+}
+function y$1(t) {
+  const e = /firefox/i.test(u()), n2 = o(t), i2 = n2.backdropFilter || n2.WebkitBackdropFilter;
+  return "none" !== n2.transform || "none" !== n2.perspective || !!i2 && "none" !== i2 || e && "filter" === n2.willChange || e && !!n2.filter && "none" !== n2.filter || ["transform", "perspective"].some((t2) => n2.willChange.includes(t2)) || ["paint", "layout", "strict", "content"].some((t2) => {
+    const e2 = n2.contain;
+    return null != e2 && e2.includes(t2);
+  });
+}
+function x() {
+  return !/^((?!chrome|android).)*safari/i.test(u());
+}
+function w(t) {
+  return ["html", "body", "#document"].includes(s(t));
+}
+function v(t) {
+  return d$1(t) ? t : t.contextElement;
+}
+const b = { x: 1, y: 1 };
+function L(t) {
+  const e = v(t);
+  if (!a(e)) return b;
+  const n2 = e.getBoundingClientRect(), { width: o2, height: i2, fallback: r2 } = c$1(e);
+  let s2 = (r2 ? l(n2.width) : n2.width) / o2, f2 = (r2 ? l(n2.height) : n2.height) / i2;
+  return s2 && Number.isFinite(s2) || (s2 = 1), f2 && Number.isFinite(f2) || (f2 = 1), { x: s2, y: f2 };
+}
+function E$1(t, e, o2, i2) {
+  var r2, l2;
+  void 0 === e && (e = false), void 0 === o2 && (o2 = false);
+  const c2 = t.getBoundingClientRect(), s2 = v(t);
+  let f2 = b;
+  e && (i2 ? d$1(i2) && (f2 = L(i2)) : f2 = L(t));
+  const u2 = s2 ? n$1(s2) : window, a2 = !x() && o2;
+  let h2 = (c2.left + (a2 && (null == (r2 = u2.visualViewport) ? void 0 : r2.offsetLeft) || 0)) / f2.x, p2 = (c2.top + (a2 && (null == (l2 = u2.visualViewport) ? void 0 : l2.offsetTop) || 0)) / f2.y, g2 = c2.width / f2.x, m2 = c2.height / f2.y;
+  if (s2) {
+    const t2 = n$1(s2), e2 = i2 && d$1(i2) ? n$1(i2) : i2;
+    let o3 = t2.frameElement;
+    for (; o3 && i2 && e2 !== t2; ) {
+      const t3 = L(o3), e3 = o3.getBoundingClientRect(), i3 = getComputedStyle(o3);
+      e3.x += (o3.clientLeft + parseFloat(i3.paddingLeft)) * t3.x, e3.y += (o3.clientTop + parseFloat(i3.paddingTop)) * t3.y, h2 *= t3.x, p2 *= t3.y, g2 *= t3.x, m2 *= t3.y, h2 += e3.x, p2 += e3.y, o3 = n$1(o3).frameElement;
+    }
+  }
+  return { width: g2, height: m2, top: p2, right: h2 + g2, bottom: p2 + m2, left: h2, x: h2, y: p2 };
+}
+function R(t) {
+  return ((h$1(t) ? t.ownerDocument : t.document) || window.document).documentElement;
+}
+function T(t) {
+  return d$1(t) ? { scrollLeft: t.scrollLeft, scrollTop: t.scrollTop } : { scrollLeft: t.pageXOffset, scrollTop: t.pageYOffset };
+}
+function C$1(t) {
+  return E$1(R(t)).left + T(t).scrollLeft;
+}
+function F(t) {
+  if ("html" === s(t)) return t;
+  const e = t.assignedSlot || t.parentNode || p(t) && t.host || R(t);
+  return p(e) ? e.host : e;
+}
+function W(t) {
+  const e = F(t);
+  return w(e) ? e.ownerDocument.body : a(e) && g$1(e) ? e : W(e);
+}
+function D(t, e) {
+  var o2;
+  void 0 === e && (e = []);
+  const i2 = W(t), r2 = i2 === (null == (o2 = t.ownerDocument) ? void 0 : o2.body), l2 = n$1(i2);
+  return r2 ? e.concat(l2, l2.visualViewport || [], g$1(i2) ? i2 : []) : e.concat(i2, D(i2));
+}
+function S$1(e, i2, l2) {
+  return "viewport" === i2 ? rectToClientRect(function(t, e2) {
+    const o2 = n$1(t), i3 = R(t), r2 = o2.visualViewport;
+    let l3 = i3.clientWidth, c2 = i3.clientHeight, s2 = 0, f2 = 0;
+    if (r2) {
+      l3 = r2.width, c2 = r2.height;
+      const t2 = x();
+      (t2 || !t2 && "fixed" === e2) && (s2 = r2.offsetLeft, f2 = r2.offsetTop);
+    }
+    return { width: l3, height: c2, x: s2, y: f2 };
+  }(e, l2)) : d$1(i2) ? rectToClientRect(function(t, e2) {
+    const n2 = E$1(t, true, "fixed" === e2), o2 = n2.top + t.clientTop, i3 = n2.left + t.clientLeft, r2 = a(t) ? L(t) : { x: 1, y: 1 };
+    return { width: t.clientWidth * r2.x, height: t.clientHeight * r2.y, x: i3 * r2.x, y: o2 * r2.y };
+  }(i2, l2)) : rectToClientRect(function(t) {
+    const e2 = R(t), n2 = T(t), i3 = t.ownerDocument.body, l3 = r(e2.scrollWidth, e2.clientWidth, i3.scrollWidth, i3.clientWidth), c2 = r(e2.scrollHeight, e2.clientHeight, i3.scrollHeight, i3.clientHeight);
+    let s2 = -n2.scrollLeft + C$1(t);
+    const f2 = -n2.scrollTop;
+    return "rtl" === o(i3).direction && (s2 += r(e2.clientWidth, i3.clientWidth) - l3), { width: l3, height: c2, x: s2, y: f2 };
+  }(R(e)));
+}
+function A(t) {
+  return a(t) && "fixed" !== o(t).position ? t.offsetParent : null;
+}
+function H(t) {
+  const e = n$1(t);
+  let i2 = A(t);
+  for (; i2 && m$1(i2) && "static" === o(i2).position; ) i2 = A(i2);
+  return i2 && ("html" === s(i2) || "body" === s(i2) && "static" === o(i2).position && !y$1(i2)) ? e : i2 || function(t2) {
+    let e2 = F(t2);
+    for (; a(e2) && !w(e2); ) {
+      if (y$1(e2)) return e2;
+      e2 = F(e2);
+    }
+    return null;
+  }(t) || e;
+}
+function O(t, e, n2) {
+  const o2 = a(e), i2 = R(e), r2 = E$1(t, true, "fixed" === n2, e);
+  let l2 = { scrollLeft: 0, scrollTop: 0 };
+  const c2 = { x: 0, y: 0 };
+  if (o2 || !o2 && "fixed" !== n2) if (("body" !== s(e) || g$1(i2)) && (l2 = T(e)), a(e)) {
+    const t2 = E$1(e, true);
+    c2.x = t2.x + e.clientLeft, c2.y = t2.y + e.clientTop;
+  } else i2 && (c2.x = C$1(i2));
+  return { x: r2.left + l2.scrollLeft - c2.x, y: r2.top + l2.scrollTop - c2.y, width: r2.width, height: r2.height };
+}
+const P = { getClippingRect: function(t) {
+  let { element: e, boundary: n2, rootBoundary: l2, strategy: c2 } = t;
+  const f2 = "clippingAncestors" === n2 ? function(t2, e2) {
+    const n3 = e2.get(t2);
+    if (n3) return n3;
+    let i2 = D(t2).filter((t3) => d$1(t3) && "body" !== s(t3)), r2 = null;
+    const l3 = "fixed" === o(t2).position;
+    let c3 = l3 ? F(t2) : t2;
+    for (; d$1(c3) && !w(c3); ) {
+      const t3 = o(c3), e3 = y$1(c3);
+      (l3 ? e3 || r2 : e3 || "static" !== t3.position || !r2 || !["absolute", "fixed"].includes(r2.position)) ? r2 = t3 : i2 = i2.filter((t4) => t4 !== c3), c3 = F(c3);
+    }
+    return e2.set(t2, i2), i2;
+  }(e, this._c) : [].concat(n2), u2 = [...f2, l2], a2 = u2[0], h2 = u2.reduce((t2, n3) => {
+    const o2 = S$1(e, n3, c2);
+    return t2.top = r(o2.top, t2.top), t2.right = i(o2.right, t2.right), t2.bottom = i(o2.bottom, t2.bottom), t2.left = r(o2.left, t2.left), t2;
+  }, S$1(e, a2, c2));
+  return { width: h2.right - h2.left, height: h2.bottom - h2.top, x: h2.left, y: h2.top };
+}, convertOffsetParentRelativeRectToViewportRelativeRect: function(t) {
+  let { rect: e, offsetParent: n2, strategy: o2 } = t;
+  const i2 = a(n2), r2 = R(n2);
+  if (n2 === r2) return e;
+  let l2 = { scrollLeft: 0, scrollTop: 0 }, c2 = { x: 1, y: 1 };
+  const f2 = { x: 0, y: 0 };
+  if ((i2 || !i2 && "fixed" !== o2) && (("body" !== s(n2) || g$1(r2)) && (l2 = T(n2)), a(n2))) {
+    const t2 = E$1(n2);
+    c2 = L(n2), f2.x = t2.x + n2.clientLeft, f2.y = t2.y + n2.clientTop;
+  }
+  return { width: e.width * c2.x, height: e.height * c2.y, x: e.x * c2.x - l2.scrollLeft * c2.x + f2.x, y: e.y * c2.y - l2.scrollTop * c2.y + f2.y };
+}, isElement: d$1, getDimensions: function(t) {
+  return a(t) ? c$1(t) : t.getBoundingClientRect();
+}, getOffsetParent: H, getDocumentElement: R, getScale: L, async getElementRects(t) {
+  let { reference: e, floating: n2, strategy: o2 } = t;
+  const i2 = this.getOffsetParent || H, r2 = this.getDimensions;
+  return { reference: O(e, await i2(n2), o2), floating: { x: 0, y: 0, ...await r2(n2) } };
+}, getClientRects: (t) => Array.from(t.getClientRects()), isRTL: (t) => "rtl" === o(t).direction };
+const B$1 = (t, n2, o2) => {
+  const i2 = /* @__PURE__ */ new Map(), r2 = { platform: P, ...o2 }, l2 = { ...r2.platform, _c: i2 };
+  return computePosition(t, n2, { ...r2, platform: l2 });
+};
+const h = {
+  // Disable popper components
+  disabled: false,
+  // Default position offset along main axis (px)
+  distance: 5,
+  // Default position offset along cross axis (px)
+  skidding: 0,
+  // Default container where the tooltip will be appended
+  container: "body",
+  // Element used to compute position and size boundaries
+  boundary: void 0,
+  // Skip delay & CSS transitions when another popper is shown, so that the popper appear to instanly move to the new position.
+  instantMove: false,
+  // Auto destroy tooltip DOM nodes (ms)
+  disposeTimeout: 150,
+  // Triggers on the popper itself
+  popperTriggers: [],
+  // Positioning strategy
+  strategy: "absolute",
+  // Prevent overflow
+  preventOverflow: true,
+  // Flip to the opposite placement if needed
+  flip: true,
+  // Shift on the cross axis to prevent the popper from overflowing
+  shift: true,
+  // Overflow padding (px)
+  overflowPadding: 0,
+  // Arrow padding (px)
+  arrowPadding: 0,
+  // Compute arrow overflow (useful to hide it)
+  arrowOverflow: true,
+  /**
+   * By default, compute autohide on 'click'.
+   */
+  autoHideOnMousedown: false,
+  // Themes
+  themes: {
+    tooltip: {
+      // Default tooltip placement relative to target element
+      placement: "top",
+      // Default events that trigger the tooltip
+      triggers: ["hover", "focus", "touch"],
+      // Close tooltip on click on tooltip target
+      hideTriggers: (e) => [...e, "click"],
+      // Delay (ms)
+      delay: {
+        show: 200,
+        hide: 0
+      },
+      // Update popper on content resize
+      handleResize: false,
+      // Enable HTML content in directive
+      html: false,
+      // Displayed when tooltip content is loading
+      loadingContent: "..."
+    },
+    dropdown: {
+      // Default dropdown placement relative to target element
+      placement: "bottom",
+      // Default events that trigger the dropdown
+      triggers: ["click"],
+      // Delay (ms)
+      delay: 0,
+      // Update popper on content resize
+      handleResize: true,
+      // Hide on clock outside
+      autoHide: true
+    },
+    menu: {
+      $extend: "dropdown",
+      triggers: ["hover", "focus"],
+      popperTriggers: ["hover"],
+      delay: {
+        show: 0,
+        hide: 400
+      }
+    }
+  }
+};
+function S(e, t) {
+  let o2 = h.themes[e] || {}, i2;
+  do
+    i2 = o2[t], typeof i2 > "u" ? o2.$extend ? o2 = h.themes[o2.$extend] || {} : (o2 = null, i2 = h[t]) : o2 = null;
+  while (o2);
+  return i2;
+}
+function Ze(e) {
+  const t = [e];
+  let o2 = h.themes[e] || {};
+  do
+    o2.$extend && !o2.$resetCss ? (t.push(o2.$extend), o2 = h.themes[o2.$extend] || {}) : o2 = null;
+  while (o2);
+  return t.map((i2) => `v-popper--theme-${i2}`);
+}
+function re(e) {
+  const t = [e];
+  let o2 = h.themes[e] || {};
+  do
+    o2.$extend ? (t.push(o2.$extend), o2 = h.themes[o2.$extend] || {}) : o2 = null;
+  while (o2);
+  return t;
+}
+let $ = false;
+if (typeof window < "u") {
+  $ = false;
+  try {
+    const e = Object.defineProperty({}, "passive", {
+      get() {
+        $ = true;
+      }
+    });
+    window.addEventListener("test", null, e);
+  } catch {
+  }
+}
+let _e = false;
+typeof window < "u" && typeof navigator < "u" && (_e = /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream);
+const Te = ["auto", "top", "bottom", "left", "right"].reduce((e, t) => e.concat([
+  t,
+  `${t}-start`,
+  `${t}-end`
+]), []), pe = {
+  hover: "mouseenter",
+  focus: "focus",
+  click: "click",
+  touch: "touchstart",
+  pointer: "pointerdown"
+}, ae = {
+  hover: "mouseleave",
+  focus: "blur",
+  click: "click",
+  touch: "touchend",
+  pointer: "pointerup"
+};
+function de(e, t) {
+  const o2 = e.indexOf(t);
+  o2 !== -1 && e.splice(o2, 1);
+}
+function G() {
+  return new Promise((e) => requestAnimationFrame(() => {
+    requestAnimationFrame(e);
+  }));
+}
+const d = [];
+let g = null;
+const le = {};
+function he(e) {
+  let t = le[e];
+  return t || (t = le[e] = []), t;
+}
+let Y = function() {
+};
+typeof window < "u" && (Y = window.Element);
+function n(e) {
+  return function(t) {
+    return S(t.theme, e);
+  };
+}
+const q = "__floating-vue__popper", Q = () => vue.defineComponent({
+  name: "VPopper",
+  provide() {
+    return {
+      [q]: {
+        parentPopper: this
+      }
+    };
+  },
+  inject: {
+    [q]: { default: null }
+  },
+  props: {
+    theme: {
+      type: String,
+      required: true
+    },
+    targetNodes: {
+      type: Function,
+      required: true
+    },
+    referenceNode: {
+      type: Function,
+      default: null
+    },
+    popperNode: {
+      type: Function,
+      required: true
+    },
+    shown: {
+      type: Boolean,
+      default: false
+    },
+    showGroup: {
+      type: String,
+      default: null
+    },
+    // eslint-disable-next-line vue/require-prop-types
+    ariaId: {
+      default: null
+    },
+    disabled: {
+      type: Boolean,
+      default: n("disabled")
+    },
+    positioningDisabled: {
+      type: Boolean,
+      default: n("positioningDisabled")
+    },
+    placement: {
+      type: String,
+      default: n("placement"),
+      validator: (e) => Te.includes(e)
+    },
+    delay: {
+      type: [String, Number, Object],
+      default: n("delay")
+    },
+    distance: {
+      type: [Number, String],
+      default: n("distance")
+    },
+    skidding: {
+      type: [Number, String],
+      default: n("skidding")
+    },
+    triggers: {
+      type: Array,
+      default: n("triggers")
+    },
+    showTriggers: {
+      type: [Array, Function],
+      default: n("showTriggers")
+    },
+    hideTriggers: {
+      type: [Array, Function],
+      default: n("hideTriggers")
+    },
+    popperTriggers: {
+      type: Array,
+      default: n("popperTriggers")
+    },
+    popperShowTriggers: {
+      type: [Array, Function],
+      default: n("popperShowTriggers")
+    },
+    popperHideTriggers: {
+      type: [Array, Function],
+      default: n("popperHideTriggers")
+    },
+    container: {
+      type: [String, Object, Y, Boolean],
+      default: n("container")
+    },
+    boundary: {
+      type: [String, Y],
+      default: n("boundary")
+    },
+    strategy: {
+      type: String,
+      validator: (e) => ["absolute", "fixed"].includes(e),
+      default: n("strategy")
+    },
+    autoHide: {
+      type: [Boolean, Function],
+      default: n("autoHide")
+    },
+    handleResize: {
+      type: Boolean,
+      default: n("handleResize")
+    },
+    instantMove: {
+      type: Boolean,
+      default: n("instantMove")
+    },
+    eagerMount: {
+      type: Boolean,
+      default: n("eagerMount")
+    },
+    popperClass: {
+      type: [String, Array, Object],
+      default: n("popperClass")
+    },
+    computeTransformOrigin: {
+      type: Boolean,
+      default: n("computeTransformOrigin")
+    },
+    /**
+     * @deprecated
+     */
+    autoMinSize: {
+      type: Boolean,
+      default: n("autoMinSize")
+    },
+    autoSize: {
+      type: [Boolean, String],
+      default: n("autoSize")
+    },
+    /**
+     * @deprecated
+     */
+    autoMaxSize: {
+      type: Boolean,
+      default: n("autoMaxSize")
+    },
+    autoBoundaryMaxSize: {
+      type: Boolean,
+      default: n("autoBoundaryMaxSize")
+    },
+    preventOverflow: {
+      type: Boolean,
+      default: n("preventOverflow")
+    },
+    overflowPadding: {
+      type: [Number, String],
+      default: n("overflowPadding")
+    },
+    arrowPadding: {
+      type: [Number, String],
+      default: n("arrowPadding")
+    },
+    arrowOverflow: {
+      type: Boolean,
+      default: n("arrowOverflow")
+    },
+    flip: {
+      type: Boolean,
+      default: n("flip")
+    },
+    shift: {
+      type: Boolean,
+      default: n("shift")
+    },
+    shiftCrossAxis: {
+      type: Boolean,
+      default: n("shiftCrossAxis")
+    },
+    noAutoFocus: {
+      type: Boolean,
+      default: n("noAutoFocus")
+    },
+    disposeTimeout: {
+      type: Number,
+      default: n("disposeTimeout")
+    }
+  },
+  emits: {
+    show: () => true,
+    hide: () => true,
+    "update:shown": (e) => true,
+    "apply-show": () => true,
+    "apply-hide": () => true,
+    "close-group": () => true,
+    "close-directive": () => true,
+    "auto-hide": () => true,
+    resize: () => true
+  },
+  data() {
+    return {
+      isShown: false,
+      isMounted: false,
+      skipTransition: false,
+      classes: {
+        showFrom: false,
+        showTo: false,
+        hideFrom: false,
+        hideTo: true
+      },
+      result: {
+        x: 0,
+        y: 0,
+        placement: "",
+        strategy: this.strategy,
+        arrow: {
+          x: 0,
+          y: 0,
+          centerOffset: 0
+        },
+        transformOrigin: null
+      },
+      randomId: `popper_${[Math.random(), Date.now()].map((e) => e.toString(36).substring(2, 10)).join("_")}`,
+      shownChildren: /* @__PURE__ */ new Set(),
+      lastAutoHide: true,
+      pendingHide: false,
+      containsGlobalTarget: false,
+      isDisposed: true,
+      mouseDownContains: false
+    };
+  },
+  computed: {
+    popperId() {
+      return this.ariaId != null ? this.ariaId : this.randomId;
+    },
+    shouldMountContent() {
+      return this.eagerMount || this.isMounted;
+    },
+    slotData() {
+      return {
+        popperId: this.popperId,
+        isShown: this.isShown,
+        shouldMountContent: this.shouldMountContent,
+        skipTransition: this.skipTransition,
+        autoHide: typeof this.autoHide == "function" ? this.lastAutoHide : this.autoHide,
+        show: this.show,
+        hide: this.hide,
+        handleResize: this.handleResize,
+        onResize: this.onResize,
+        classes: {
+          ...this.classes,
+          popperClass: this.popperClass
+        },
+        result: this.positioningDisabled ? null : this.result,
+        attrs: this.$attrs
+      };
+    },
+    parentPopper() {
+      var e;
+      return (e = this[q]) == null ? void 0 : e.parentPopper;
+    },
+    hasPopperShowTriggerHover() {
+      var e, t;
+      return ((e = this.popperTriggers) == null ? void 0 : e.includes("hover")) || ((t = this.popperShowTriggers) == null ? void 0 : t.includes("hover"));
+    }
+  },
+  watch: {
+    shown: "$_autoShowHide",
+    disabled(e) {
+      e ? this.dispose() : this.init();
+    },
+    async container() {
+      this.isShown && (this.$_ensureTeleport(), await this.$_computePosition());
+    },
+    triggers: {
+      handler: "$_refreshListeners",
+      deep: true
+    },
+    positioningDisabled: "$_refreshListeners",
+    ...[
+      "placement",
+      "distance",
+      "skidding",
+      "boundary",
+      "strategy",
+      "overflowPadding",
+      "arrowPadding",
+      "preventOverflow",
+      "shift",
+      "shiftCrossAxis",
+      "flip"
+    ].reduce((e, t) => (e[t] = "$_computePosition", e), {})
+  },
+  created() {
+    this.autoMinSize && console.warn('[floating-vue] `autoMinSize` option is deprecated. Use `autoSize="min"` instead.'), this.autoMaxSize && console.warn("[floating-vue] `autoMaxSize` option is deprecated. Use `autoBoundaryMaxSize` instead.");
+  },
+  mounted() {
+    this.init(), this.$_detachPopperNode();
+  },
+  activated() {
+    this.$_autoShowHide();
+  },
+  deactivated() {
+    this.hide();
+  },
+  beforeUnmount() {
+    this.dispose();
+  },
+  methods: {
+    show({ event: e = null, skipDelay: t = false, force: o2 = false } = {}) {
+      var i2, s2;
+      (i2 = this.parentPopper) != null && i2.lockedChild && this.parentPopper.lockedChild !== this || (this.pendingHide = false, (o2 || !this.disabled) && (((s2 = this.parentPopper) == null ? void 0 : s2.lockedChild) === this && (this.parentPopper.lockedChild = null), this.$_scheduleShow(e, t), this.$emit("show"), this.$_showFrameLocked = true, requestAnimationFrame(() => {
+        this.$_showFrameLocked = false;
+      })), this.$emit("update:shown", true));
+    },
+    hide({ event: e = null, skipDelay: t = false } = {}) {
+      var o2;
+      if (!this.$_hideInProgress) {
+        if (this.shownChildren.size > 0) {
+          this.pendingHide = true;
+          return;
+        }
+        if (this.hasPopperShowTriggerHover && this.$_isAimingPopper()) {
+          this.parentPopper && (this.parentPopper.lockedChild = this, clearTimeout(this.parentPopper.lockedChildTimer), this.parentPopper.lockedChildTimer = setTimeout(() => {
+            this.parentPopper.lockedChild === this && (this.parentPopper.lockedChild.hide({ skipDelay: t }), this.parentPopper.lockedChild = null);
+          }, 1e3));
+          return;
+        }
+        ((o2 = this.parentPopper) == null ? void 0 : o2.lockedChild) === this && (this.parentPopper.lockedChild = null), this.pendingHide = false, this.$_scheduleHide(e, t), this.$emit("hide"), this.$emit("update:shown", false);
+      }
+    },
+    init() {
+      var e;
+      this.isDisposed && (this.isDisposed = false, this.isMounted = false, this.$_events = [], this.$_preventShow = false, this.$_referenceNode = ((e = this.referenceNode) == null ? void 0 : e.call(this)) ?? this.$el, this.$_targetNodes = this.targetNodes().filter((t) => t.nodeType === t.ELEMENT_NODE), this.$_popperNode = this.popperNode(), this.$_innerNode = this.$_popperNode.querySelector(".v-popper__inner"), this.$_arrowNode = this.$_popperNode.querySelector(".v-popper__arrow-container"), this.$_swapTargetAttrs("title", "data-original-title"), this.$_detachPopperNode(), this.triggers.length && this.$_addEventListeners(), this.shown && this.show());
+    },
+    dispose() {
+      this.isDisposed || (this.isDisposed = true, this.$_removeEventListeners(), this.hide({ skipDelay: true }), this.$_detachPopperNode(), this.isMounted = false, this.isShown = false, this.$_updateParentShownChildren(false), this.$_swapTargetAttrs("data-original-title", "title"));
+    },
+    async onResize() {
+      this.isShown && (await this.$_computePosition(), this.$emit("resize"));
+    },
+    async $_computePosition() {
+      if (this.isDisposed || this.positioningDisabled)
+        return;
+      const e = {
+        strategy: this.strategy,
+        middleware: []
+      };
+      (this.distance || this.skidding) && e.middleware.push(offset({
+        mainAxis: this.distance,
+        crossAxis: this.skidding
+      }));
+      const t = this.placement.startsWith("auto");
+      if (t ? e.middleware.push(autoPlacement({
+        alignment: this.placement.split("-")[1] ?? ""
+      })) : e.placement = this.placement, this.preventOverflow && (this.shift && e.middleware.push(shift({
+        padding: this.overflowPadding,
+        boundary: this.boundary,
+        crossAxis: this.shiftCrossAxis
+      })), !t && this.flip && e.middleware.push(flip({
+        padding: this.overflowPadding,
+        boundary: this.boundary
+      }))), e.middleware.push(arrow({
+        element: this.$_arrowNode,
+        padding: this.arrowPadding
+      })), this.arrowOverflow && e.middleware.push({
+        name: "arrowOverflow",
+        fn: ({ placement: i2, rects: s2, middlewareData: r2 }) => {
+          let p2;
+          const { centerOffset: a2 } = r2.arrow;
+          return i2.startsWith("top") || i2.startsWith("bottom") ? p2 = Math.abs(a2) > s2.reference.width / 2 : p2 = Math.abs(a2) > s2.reference.height / 2, {
+            data: {
+              overflow: p2
+            }
+          };
+        }
+      }), this.autoMinSize || this.autoSize) {
+        const i2 = this.autoSize ? this.autoSize : this.autoMinSize ? "min" : null;
+        e.middleware.push({
+          name: "autoSize",
+          fn: ({ rects: s2, placement: r2, middlewareData: p2 }) => {
+            var u2;
+            if ((u2 = p2.autoSize) != null && u2.skip)
+              return {};
+            let a2, l2;
+            return r2.startsWith("top") || r2.startsWith("bottom") ? a2 = s2.reference.width : l2 = s2.reference.height, this.$_innerNode.style[i2 === "min" ? "minWidth" : i2 === "max" ? "maxWidth" : "width"] = a2 != null ? `${a2}px` : null, this.$_innerNode.style[i2 === "min" ? "minHeight" : i2 === "max" ? "maxHeight" : "height"] = l2 != null ? `${l2}px` : null, {
+              data: {
+                skip: true
+              },
+              reset: {
+                rects: true
+              }
+            };
+          }
+        });
+      }
+      (this.autoMaxSize || this.autoBoundaryMaxSize) && (this.$_innerNode.style.maxWidth = null, this.$_innerNode.style.maxHeight = null, e.middleware.push(size({
+        boundary: this.boundary,
+        padding: this.overflowPadding,
+        apply: ({ availableWidth: i2, availableHeight: s2 }) => {
+          this.$_innerNode.style.maxWidth = i2 != null ? `${i2}px` : null, this.$_innerNode.style.maxHeight = s2 != null ? `${s2}px` : null;
+        }
+      })));
+      const o2 = await B$1(this.$_referenceNode, this.$_popperNode, e);
+      Object.assign(this.result, {
+        x: o2.x,
+        y: o2.y,
+        placement: o2.placement,
+        strategy: o2.strategy,
+        arrow: {
+          ...o2.middlewareData.arrow,
+          ...o2.middlewareData.arrowOverflow
+        }
+      });
+    },
+    $_scheduleShow(e, t = false) {
+      if (this.$_updateParentShownChildren(true), this.$_hideInProgress = false, clearTimeout(this.$_scheduleTimer), g && this.instantMove && g.instantMove && g !== this.parentPopper) {
+        g.$_applyHide(true), this.$_applyShow(true);
+        return;
+      }
+      t ? this.$_applyShow() : this.$_scheduleTimer = setTimeout(this.$_applyShow.bind(this), this.$_computeDelay("show"));
+    },
+    $_scheduleHide(e, t = false) {
+      if (this.shownChildren.size > 0) {
+        this.pendingHide = true;
+        return;
+      }
+      this.$_updateParentShownChildren(false), this.$_hideInProgress = true, clearTimeout(this.$_scheduleTimer), this.isShown && (g = this), t ? this.$_applyHide() : this.$_scheduleTimer = setTimeout(this.$_applyHide.bind(this), this.$_computeDelay("hide"));
+    },
+    $_computeDelay(e) {
+      const t = this.delay;
+      return parseInt(t && t[e] || t || 0);
+    },
+    async $_applyShow(e = false) {
+      clearTimeout(this.$_disposeTimer), clearTimeout(this.$_scheduleTimer), this.skipTransition = e, !this.isShown && (this.$_ensureTeleport(), await G(), await this.$_computePosition(), await this.$_applyShowEffect(), this.positioningDisabled || this.$_registerEventListeners([
+        ...D(this.$_referenceNode),
+        ...D(this.$_popperNode)
+      ], "scroll", () => {
+        this.$_computePosition();
+      }));
+    },
+    async $_applyShowEffect() {
+      if (this.$_hideInProgress)
+        return;
+      if (this.computeTransformOrigin) {
+        const t = this.$_referenceNode.getBoundingClientRect(), o2 = this.$_popperNode.querySelector(".v-popper__wrapper"), i2 = o2.parentNode.getBoundingClientRect(), s2 = t.x + t.width / 2 - (i2.left + o2.offsetLeft), r2 = t.y + t.height / 2 - (i2.top + o2.offsetTop);
+        this.result.transformOrigin = `${s2}px ${r2}px`;
+      }
+      this.isShown = true, this.$_applyAttrsToTarget({
+        "aria-describedby": this.popperId,
+        "data-popper-shown": ""
+      });
+      const e = this.showGroup;
+      if (e) {
+        let t;
+        for (let o2 = 0; o2 < d.length; o2++)
+          t = d[o2], t.showGroup !== e && (t.hide(), t.$emit("close-group"));
+      }
+      d.push(this), document.body.classList.add("v-popper--some-open");
+      for (const t of re(this.theme))
+        he(t).push(this), document.body.classList.add(`v-popper--some-open--${t}`);
+      this.$emit("apply-show"), this.classes.showFrom = true, this.classes.showTo = false, this.classes.hideFrom = false, this.classes.hideTo = false, await G(), this.classes.showFrom = false, this.classes.showTo = true, this.noAutoFocus || this.$_popperNode.focus();
+    },
+    async $_applyHide(e = false) {
+      if (this.shownChildren.size > 0) {
+        this.pendingHide = true, this.$_hideInProgress = false;
+        return;
+      }
+      if (clearTimeout(this.$_scheduleTimer), !this.isShown)
+        return;
+      this.skipTransition = e, de(d, this), d.length === 0 && document.body.classList.remove("v-popper--some-open");
+      for (const o2 of re(this.theme)) {
+        const i2 = he(o2);
+        de(i2, this), i2.length === 0 && document.body.classList.remove(`v-popper--some-open--${o2}`);
+      }
+      g === this && (g = null), this.isShown = false, this.$_applyAttrsToTarget({
+        "aria-describedby": void 0,
+        "data-popper-shown": void 0
+      }), clearTimeout(this.$_disposeTimer);
+      const t = this.disposeTimeout;
+      t !== null && (this.$_disposeTimer = setTimeout(() => {
+        this.$_popperNode && (this.$_detachPopperNode(), this.isMounted = false);
+      }, t)), this.$_removeEventListeners("scroll"), this.$emit("apply-hide"), this.classes.showFrom = false, this.classes.showTo = false, this.classes.hideFrom = true, this.classes.hideTo = false, await G(), this.classes.hideFrom = false, this.classes.hideTo = true;
+    },
+    $_autoShowHide() {
+      this.shown ? this.show() : this.hide();
+    },
+    $_ensureTeleport() {
+      if (this.isDisposed)
+        return;
+      let e = this.container;
+      if (typeof e == "string" ? e = window.document.querySelector(e) : e === false && (e = this.$_targetNodes[0].parentNode), !e)
+        throw new Error("No container for popover: " + this.container);
+      e.appendChild(this.$_popperNode), this.isMounted = true;
+    },
+    $_addEventListeners() {
+      const e = (o2) => {
+        this.isShown && !this.$_hideInProgress || (o2.usedByTooltip = true, !this.$_preventShow && this.show({ event: o2 }));
+      };
+      this.$_registerTriggerListeners(this.$_targetNodes, pe, this.triggers, this.showTriggers, e), this.$_registerTriggerListeners([this.$_popperNode], pe, this.popperTriggers, this.popperShowTriggers, e);
+      const t = (o2) => {
+        o2.usedByTooltip || this.hide({ event: o2 });
+      };
+      this.$_registerTriggerListeners(this.$_targetNodes, ae, this.triggers, this.hideTriggers, t), this.$_registerTriggerListeners([this.$_popperNode], ae, this.popperTriggers, this.popperHideTriggers, t);
+    },
+    $_registerEventListeners(e, t, o2) {
+      this.$_events.push({ targetNodes: e, eventType: t, handler: o2 }), e.forEach((i2) => i2.addEventListener(t, o2, $ ? {
+        passive: true
+      } : void 0));
+    },
+    $_registerTriggerListeners(e, t, o2, i2, s2) {
+      let r2 = o2;
+      i2 != null && (r2 = typeof i2 == "function" ? i2(r2) : i2), r2.forEach((p2) => {
+        const a2 = t[p2];
+        a2 && this.$_registerEventListeners(e, a2, s2);
+      });
+    },
+    $_removeEventListeners(e) {
+      const t = [];
+      this.$_events.forEach((o2) => {
+        const { targetNodes: i2, eventType: s2, handler: r2 } = o2;
+        !e || e === s2 ? i2.forEach((p2) => p2.removeEventListener(s2, r2)) : t.push(o2);
+      }), this.$_events = t;
+    },
+    $_refreshListeners() {
+      this.isDisposed || (this.$_removeEventListeners(), this.$_addEventListeners());
+    },
+    $_handleGlobalClose(e, t = false) {
+      this.$_showFrameLocked || (this.hide({ event: e }), e.closePopover ? this.$emit("close-directive") : this.$emit("auto-hide"), t && (this.$_preventShow = true, setTimeout(() => {
+        this.$_preventShow = false;
+      }, 300)));
+    },
+    $_detachPopperNode() {
+      this.$_popperNode.parentNode && this.$_popperNode.parentNode.removeChild(this.$_popperNode);
+    },
+    $_swapTargetAttrs(e, t) {
+      for (const o2 of this.$_targetNodes) {
+        const i2 = o2.getAttribute(e);
+        i2 && (o2.removeAttribute(e), o2.setAttribute(t, i2));
+      }
+    },
+    $_applyAttrsToTarget(e) {
+      for (const t of this.$_targetNodes)
+        for (const o2 in e) {
+          const i2 = e[o2];
+          i2 == null ? t.removeAttribute(o2) : t.setAttribute(o2, i2);
+        }
+    },
+    $_updateParentShownChildren(e) {
+      let t = this.parentPopper;
+      for (; t; )
+        e ? t.shownChildren.add(this.randomId) : (t.shownChildren.delete(this.randomId), t.pendingHide && t.hide()), t = t.parentPopper;
+    },
+    $_isAimingPopper() {
+      const e = this.$_referenceNode.getBoundingClientRect();
+      if (y >= e.left && y <= e.right && _ >= e.top && _ <= e.bottom) {
+        const t = this.$_popperNode.getBoundingClientRect(), o2 = y - c, i2 = _ - m, r2 = t.left + t.width / 2 - c + (t.top + t.height / 2) - m + t.width + t.height, p2 = c + o2 * r2, a2 = m + i2 * r2;
+        return C(c, m, p2, a2, t.left, t.top, t.left, t.bottom) || // Left edge
+        C(c, m, p2, a2, t.left, t.top, t.right, t.top) || // Top edge
+        C(c, m, p2, a2, t.right, t.top, t.right, t.bottom) || // Right edge
+        C(c, m, p2, a2, t.left, t.bottom, t.right, t.bottom);
+      }
+      return false;
+    }
+  },
+  render() {
+    return this.$slots.default(this.slotData);
+  }
+});
+if (typeof document < "u" && typeof window < "u") {
+  if (_e) {
+    const e = $ ? {
+      passive: true,
+      capture: true
+    } : true;
+    document.addEventListener("touchstart", (t) => ue(t), e), document.addEventListener("touchend", (t) => fe(t, true), e);
+  } else
+    window.addEventListener("mousedown", (e) => ue(e), true), window.addEventListener("click", (e) => fe(e, false), true);
+  window.addEventListener("resize", tt);
+}
+function ue(e, t) {
+  for (let o2 = 0; o2 < d.length; o2++) {
+    const i2 = d[o2];
+    try {
+      i2.mouseDownContains = i2.popperNode().contains(e.target);
+    } catch {
+    }
+  }
+}
+function fe(e, t) {
+  Pe(e, t);
+}
+function Pe(e, t) {
+  const o2 = {};
+  for (let i2 = d.length - 1; i2 >= 0; i2--) {
+    const s2 = d[i2];
+    try {
+      const r2 = s2.containsGlobalTarget = s2.mouseDownContains || s2.popperNode().contains(e.target);
+      s2.pendingHide = false, requestAnimationFrame(() => {
+        if (s2.pendingHide = false, !o2[s2.randomId] && ce(s2, r2, e)) {
+          if (s2.$_handleGlobalClose(e, t), !e.closeAllPopover && e.closePopover && r2) {
+            let a2 = s2.parentPopper;
+            for (; a2; )
+              o2[a2.randomId] = true, a2 = a2.parentPopper;
+            return;
+          }
+          let p2 = s2.parentPopper;
+          for (; p2 && ce(p2, p2.containsGlobalTarget, e); ) {
+            p2.$_handleGlobalClose(e, t);
+            p2 = p2.parentPopper;
+          }
+        }
+      });
+    } catch {
+    }
+  }
+}
+function ce(e, t, o2) {
+  return o2.closeAllPopover || o2.closePopover && t || et(e, o2) && !t;
+}
+function et(e, t) {
+  if (typeof e.autoHide == "function") {
+    const o2 = e.autoHide(t);
+    return e.lastAutoHide = o2, o2;
+  }
+  return e.autoHide;
+}
+function tt() {
+  for (let e = 0; e < d.length; e++)
+    d[e].$_computePosition();
+}
+let c = 0, m = 0, y = 0, _ = 0;
+typeof window < "u" && window.addEventListener("mousemove", (e) => {
+  c = y, m = _, y = e.clientX, _ = e.clientY;
+}, $ ? {
+  passive: true
+} : void 0);
+function C(e, t, o2, i2, s2, r2, p2, a2) {
+  const l2 = ((p2 - s2) * (t - r2) - (a2 - r2) * (e - s2)) / ((a2 - r2) * (o2 - e) - (p2 - s2) * (i2 - t)), u2 = ((o2 - e) * (t - r2) - (i2 - t) * (e - s2)) / ((a2 - r2) * (o2 - e) - (p2 - s2) * (i2 - t));
+  return l2 >= 0 && l2 <= 1 && u2 >= 0 && u2 <= 1;
+}
+const ot = {
+  extends: Q()
+}, B = (e, t) => {
+  const o2 = e.__vccOpts || e;
+  for (const [i2, s2] of t)
+    o2[i2] = s2;
+  return o2;
+};
+function it(e, t, o2, i2, s2, r2) {
+  return vue.openBlock(), vue.createElementBlock("div", {
+    ref: "reference",
+    class: vue.normalizeClass(["v-popper", {
+      "v-popper--shown": e.slotData.isShown
+    }])
+  }, [
+    vue.renderSlot(e.$slots, "default", vue.normalizeProps(vue.guardReactiveProps(e.slotData)))
+  ], 2);
+}
+const st = /* @__PURE__ */ B(ot, [["render", it]]);
+function nt() {
+  var e = window.navigator.userAgent, t = e.indexOf("MSIE ");
+  if (t > 0)
+    return parseInt(e.substring(t + 5, e.indexOf(".", t)), 10);
+  var o2 = e.indexOf("Trident/");
+  if (o2 > 0) {
+    var i2 = e.indexOf("rv:");
+    return parseInt(e.substring(i2 + 3, e.indexOf(".", i2)), 10);
+  }
+  var s2 = e.indexOf("Edge/");
+  return s2 > 0 ? parseInt(e.substring(s2 + 5, e.indexOf(".", s2)), 10) : -1;
+}
+let z;
+function X() {
+  X.init || (X.init = true, z = nt() !== -1);
+}
+var E = {
+  name: "ResizeObserver",
+  props: {
+    emitOnMount: {
+      type: Boolean,
+      default: false
+    },
+    ignoreWidth: {
+      type: Boolean,
+      default: false
+    },
+    ignoreHeight: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: [
+    "notify"
+  ],
+  mounted() {
+    X(), vue.nextTick(() => {
+      this._w = this.$el.offsetWidth, this._h = this.$el.offsetHeight, this.emitOnMount && this.emitSize();
+    });
+    const e = document.createElement("object");
+    this._resizeObject = e, e.setAttribute("aria-hidden", "true"), e.setAttribute("tabindex", -1), e.onload = this.addResizeHandlers, e.type = "text/html", z && this.$el.appendChild(e), e.data = "about:blank", z || this.$el.appendChild(e);
+  },
+  beforeUnmount() {
+    this.removeResizeHandlers();
+  },
+  methods: {
+    compareAndNotify() {
+      (!this.ignoreWidth && this._w !== this.$el.offsetWidth || !this.ignoreHeight && this._h !== this.$el.offsetHeight) && (this._w = this.$el.offsetWidth, this._h = this.$el.offsetHeight, this.emitSize());
+    },
+    emitSize() {
+      this.$emit("notify", {
+        width: this._w,
+        height: this._h
+      });
+    },
+    addResizeHandlers() {
+      this._resizeObject.contentDocument.defaultView.addEventListener("resize", this.compareAndNotify), this.compareAndNotify();
+    },
+    removeResizeHandlers() {
+      this._resizeObject && this._resizeObject.onload && (!z && this._resizeObject.contentDocument && this._resizeObject.contentDocument.defaultView.removeEventListener("resize", this.compareAndNotify), this.$el.removeChild(this._resizeObject), this._resizeObject.onload = null, this._resizeObject = null);
+    }
+  }
+};
+const rt = /* @__PURE__ */ vue.withScopeId("data-v-b329ee4c");
+vue.pushScopeId("data-v-b329ee4c");
+const pt = {
+  class: "resize-observer",
+  tabindex: "-1"
+};
+vue.popScopeId();
+const at = /* @__PURE__ */ rt((e, t, o2, i2, s2, r2) => (vue.openBlock(), vue.createBlock("div", pt)));
+E.render = at;
+E.__scopeId = "data-v-b329ee4c";
+E.__file = "src/components/ResizeObserver.vue";
+const Z = (e = "theme") => ({
+  computed: {
+    themeClass() {
+      return Ze(this[e]);
+    }
+  }
+}), dt = vue.defineComponent({
+  name: "VPopperContent",
+  components: {
+    ResizeObserver: E
+  },
+  mixins: [
+    Z()
+  ],
+  props: {
+    popperId: String,
+    theme: String,
+    shown: Boolean,
+    mounted: Boolean,
+    skipTransition: Boolean,
+    autoHide: Boolean,
+    handleResize: Boolean,
+    classes: Object,
+    result: Object
+  },
+  emits: [
+    "hide",
+    "resize"
+  ],
+  methods: {
+    toPx(e) {
+      return e != null && !isNaN(e) ? `${e}px` : null;
+    }
+  }
+}), lt = ["id", "aria-hidden", "tabindex", "data-popper-placement"], ht = {
+  ref: "inner",
+  class: "v-popper__inner"
+}, ut = /* @__PURE__ */ vue.createElementVNode("div", { class: "v-popper__arrow-outer" }, null, -1), ft = /* @__PURE__ */ vue.createElementVNode("div", { class: "v-popper__arrow-inner" }, null, -1), ct = [
+  ut,
+  ft
+];
+function mt(e, t, o2, i2, s2, r2) {
+  const p2 = vue.resolveComponent("ResizeObserver");
+  return vue.openBlock(), vue.createElementBlock("div", {
+    id: e.popperId,
+    ref: "popover",
+    class: vue.normalizeClass(["v-popper__popper", [
+      e.themeClass,
+      e.classes.popperClass,
+      {
+        "v-popper__popper--shown": e.shown,
+        "v-popper__popper--hidden": !e.shown,
+        "v-popper__popper--show-from": e.classes.showFrom,
+        "v-popper__popper--show-to": e.classes.showTo,
+        "v-popper__popper--hide-from": e.classes.hideFrom,
+        "v-popper__popper--hide-to": e.classes.hideTo,
+        "v-popper__popper--skip-transition": e.skipTransition,
+        "v-popper__popper--arrow-overflow": e.result && e.result.arrow.overflow,
+        "v-popper__popper--no-positioning": !e.result
+      }
+    ]]),
+    style: vue.normalizeStyle(e.result ? {
+      position: e.result.strategy,
+      transform: `translate3d(${Math.round(e.result.x)}px,${Math.round(e.result.y)}px,0)`
+    } : void 0),
+    "aria-hidden": e.shown ? "false" : "true",
+    tabindex: e.autoHide ? 0 : void 0,
+    "data-popper-placement": e.result ? e.result.placement : void 0,
+    onKeyup: t[2] || (t[2] = vue.withKeys((a2) => e.autoHide && e.$emit("hide"), ["esc"]))
+  }, [
+    vue.createElementVNode("div", {
+      class: "v-popper__backdrop",
+      onClick: t[0] || (t[0] = (a2) => e.autoHide && e.$emit("hide"))
+    }),
+    vue.createElementVNode("div", {
+      class: "v-popper__wrapper",
+      style: vue.normalizeStyle(e.result ? {
+        transformOrigin: e.result.transformOrigin
+      } : void 0)
+    }, [
+      vue.createElementVNode("div", ht, [
+        e.mounted ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
+          vue.createElementVNode("div", null, [
+            vue.renderSlot(e.$slots, "default")
+          ]),
+          e.handleResize ? (vue.openBlock(), vue.createBlock(p2, {
+            key: 0,
+            onNotify: t[1] || (t[1] = (a2) => e.$emit("resize", a2))
+          })) : vue.createCommentVNode("", true)
+        ], 64)) : vue.createCommentVNode("", true)
+      ], 512),
+      vue.createElementVNode("div", {
+        ref: "arrow",
+        class: "v-popper__arrow-container",
+        style: vue.normalizeStyle(e.result ? {
+          left: e.toPx(e.result.arrow.x),
+          top: e.toPx(e.result.arrow.y)
+        } : void 0)
+      }, ct, 4)
+    ], 4)
+  ], 46, lt);
+}
+const ee = /* @__PURE__ */ B(dt, [["render", mt]]), te = {
+  methods: {
+    show(...e) {
+      return this.$refs.popper.show(...e);
+    },
+    hide(...e) {
+      return this.$refs.popper.hide(...e);
+    },
+    dispose(...e) {
+      return this.$refs.popper.dispose(...e);
+    },
+    onResize(...e) {
+      return this.$refs.popper.onResize(...e);
+    }
+  }
+};
+let K = function() {
+};
+typeof window < "u" && (K = window.Element);
+const gt = vue.defineComponent({
+  name: "VPopperWrapper",
+  components: {
+    Popper: st,
+    PopperContent: ee
+  },
+  mixins: [
+    te,
+    Z("finalTheme")
+  ],
+  props: {
+    theme: {
+      type: String,
+      default: null
+    },
+    referenceNode: {
+      type: Function,
+      default: null
+    },
+    shown: {
+      type: Boolean,
+      default: false
+    },
+    showGroup: {
+      type: String,
+      default: null
+    },
+    // eslint-disable-next-line vue/require-prop-types
+    ariaId: {
+      default: null
+    },
+    disabled: {
+      type: Boolean,
+      default: void 0
+    },
+    positioningDisabled: {
+      type: Boolean,
+      default: void 0
+    },
+    placement: {
+      type: String,
+      default: void 0
+    },
+    delay: {
+      type: [String, Number, Object],
+      default: void 0
+    },
+    distance: {
+      type: [Number, String],
+      default: void 0
+    },
+    skidding: {
+      type: [Number, String],
+      default: void 0
+    },
+    triggers: {
+      type: Array,
+      default: void 0
+    },
+    showTriggers: {
+      type: [Array, Function],
+      default: void 0
+    },
+    hideTriggers: {
+      type: [Array, Function],
+      default: void 0
+    },
+    popperTriggers: {
+      type: Array,
+      default: void 0
+    },
+    popperShowTriggers: {
+      type: [Array, Function],
+      default: void 0
+    },
+    popperHideTriggers: {
+      type: [Array, Function],
+      default: void 0
+    },
+    container: {
+      type: [String, Object, K, Boolean],
+      default: void 0
+    },
+    boundary: {
+      type: [String, K],
+      default: void 0
+    },
+    strategy: {
+      type: String,
+      default: void 0
+    },
+    autoHide: {
+      type: [Boolean, Function],
+      default: void 0
+    },
+    handleResize: {
+      type: Boolean,
+      default: void 0
+    },
+    instantMove: {
+      type: Boolean,
+      default: void 0
+    },
+    eagerMount: {
+      type: Boolean,
+      default: void 0
+    },
+    popperClass: {
+      type: [String, Array, Object],
+      default: void 0
+    },
+    computeTransformOrigin: {
+      type: Boolean,
+      default: void 0
+    },
+    /**
+     * @deprecated
+     */
+    autoMinSize: {
+      type: Boolean,
+      default: void 0
+    },
+    autoSize: {
+      type: [Boolean, String],
+      default: void 0
+    },
+    /**
+     * @deprecated
+     */
+    autoMaxSize: {
+      type: Boolean,
+      default: void 0
+    },
+    autoBoundaryMaxSize: {
+      type: Boolean,
+      default: void 0
+    },
+    preventOverflow: {
+      type: Boolean,
+      default: void 0
+    },
+    overflowPadding: {
+      type: [Number, String],
+      default: void 0
+    },
+    arrowPadding: {
+      type: [Number, String],
+      default: void 0
+    },
+    arrowOverflow: {
+      type: Boolean,
+      default: void 0
+    },
+    flip: {
+      type: Boolean,
+      default: void 0
+    },
+    shift: {
+      type: Boolean,
+      default: void 0
+    },
+    shiftCrossAxis: {
+      type: Boolean,
+      default: void 0
+    },
+    noAutoFocus: {
+      type: Boolean,
+      default: void 0
+    },
+    disposeTimeout: {
+      type: Number,
+      default: void 0
+    }
+  },
+  emits: {
+    show: () => true,
+    hide: () => true,
+    "update:shown": (e) => true,
+    "apply-show": () => true,
+    "apply-hide": () => true,
+    "close-group": () => true,
+    "close-directive": () => true,
+    "auto-hide": () => true,
+    resize: () => true
+  },
+  computed: {
+    finalTheme() {
+      return this.theme ?? this.$options.vPopperTheme;
+    }
+  },
+  methods: {
+    getTargetNodes() {
+      return Array.from(this.$el.children).filter((e) => e !== this.$refs.popperContent.$el);
+    }
+  }
+});
+function wt(e, t, o2, i2, s2, r2) {
+  const p2 = vue.resolveComponent("PopperContent"), a2 = vue.resolveComponent("Popper");
+  return vue.openBlock(), vue.createBlock(a2, vue.mergeProps({ ref: "popper" }, e.$props, {
+    theme: e.finalTheme,
+    "target-nodes": e.getTargetNodes,
+    "popper-node": () => e.$refs.popperContent.$el,
+    class: [
+      e.themeClass
+    ],
+    onShow: t[0] || (t[0] = () => e.$emit("show")),
+    onHide: t[1] || (t[1] = () => e.$emit("hide")),
+    "onUpdate:shown": t[2] || (t[2] = (l2) => e.$emit("update:shown", l2)),
+    onApplyShow: t[3] || (t[3] = () => e.$emit("apply-show")),
+    onApplyHide: t[4] || (t[4] = () => e.$emit("apply-hide")),
+    onCloseGroup: t[5] || (t[5] = () => e.$emit("close-group")),
+    onCloseDirective: t[6] || (t[6] = () => e.$emit("close-directive")),
+    onAutoHide: t[7] || (t[7] = () => e.$emit("auto-hide")),
+    onResize: t[8] || (t[8] = () => e.$emit("resize"))
+  }), {
+    default: vue.withCtx(({
+      popperId: l2,
+      isShown: u2,
+      shouldMountContent: L2,
+      skipTransition: D2,
+      autoHide: I,
+      show: F2,
+      hide: v2,
+      handleResize: R2,
+      onResize: j,
+      classes: V,
+      result: Ee
+    }) => [
+      vue.renderSlot(e.$slots, "default", {
+        shown: u2,
+        show: F2,
+        hide: v2
+      }),
+      vue.createVNode(p2, {
+        ref: "popperContent",
+        "popper-id": l2,
+        theme: e.finalTheme,
+        shown: u2,
+        mounted: L2,
+        "skip-transition": D2,
+        "auto-hide": I,
+        "handle-resize": R2,
+        classes: V,
+        result: Ee,
+        onHide: v2,
+        onResize: j
+      }, {
+        default: vue.withCtx(() => [
+          vue.renderSlot(e.$slots, "popper", {
+            shown: u2,
+            hide: v2
+          })
+        ]),
+        _: 2
+      }, 1032, ["popper-id", "theme", "shown", "mounted", "skip-transition", "auto-hide", "handle-resize", "classes", "result", "onHide", "onResize"])
+    ]),
+    _: 3
+  }, 16, ["theme", "target-nodes", "popper-node", "class"]);
+}
+const k = /* @__PURE__ */ B(gt, [["render", wt]]);
+({
+  ...k,
+  name: "VDropdown",
+  vPopperTheme: "dropdown"
+});
+({
+  ...k,
+  name: "VMenu",
+  vPopperTheme: "menu"
+});
+const Ce = {
+  ...k,
+  name: "VTooltip",
+  vPopperTheme: "tooltip"
+};
+vue.defineComponent({
+  name: "VTooltipDirective",
+  components: {
+    Popper: Q(),
+    PopperContent: ee
+  },
+  mixins: [
+    te
+  ],
+  inheritAttrs: false,
+  props: {
+    theme: {
+      type: String,
+      default: "tooltip"
+    },
+    html: {
+      type: Boolean,
+      default: (e) => S(e.theme, "html")
+    },
+    content: {
+      type: [String, Number, Function],
+      default: null
+    },
+    loadingContent: {
+      type: String,
+      default: (e) => S(e.theme, "loadingContent")
+    },
+    targetNodes: {
+      type: Function,
+      required: true
+    }
+  },
+  data() {
+    return {
+      asyncContent: null
+    };
+  },
+  computed: {
+    isContentAsync() {
+      return typeof this.content == "function";
+    },
+    loading() {
+      return this.isContentAsync && this.asyncContent == null;
+    },
+    finalContent() {
+      return this.isContentAsync ? this.loading ? this.loadingContent : this.asyncContent : this.content;
+    }
+  },
+  watch: {
+    content: {
+      handler() {
+        this.fetchContent(true);
+      },
+      immediate: true
+    },
+    async finalContent() {
+      await this.$nextTick(), this.$refs.popper.onResize();
+    }
+  },
+  created() {
+    this.$_fetchId = 0;
+  },
+  methods: {
+    fetchContent(e) {
+      if (typeof this.content == "function" && this.$_isShown && (e || !this.$_loading && this.asyncContent == null)) {
+        this.asyncContent = null, this.$_loading = true;
+        const t = ++this.$_fetchId, o2 = this.content(this);
+        o2.then ? o2.then((i2) => this.onResult(t, i2)) : this.onResult(t, o2);
+      }
+    },
+    onResult(e, t) {
+      e === this.$_fetchId && (this.$_loading = false, this.asyncContent = t);
+    },
+    onShow() {
+      this.$_isShown = true, this.fetchContent();
+    },
+    onHide() {
+      this.$_isShown = false;
+    }
+  }
+});
+const Vt = Ce;
 const _hoisted_1$6 = { class: "bh-text-[13px] bh-font-normal bh-rounded bh-overflow-hidden" };
 const __default__$3 = {
   name: "columnFilter"
@@ -2891,28 +5259,6 @@ function _sfc_render(_ctx, _cache) {
   return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$2, _hoisted_3$2);
 }
 const iconFilter = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render]]);
-const tooltipDirective = {
-  mounted(el, binding) {
-    const text = binding.value || "";
-    if (!text) return;
-    el.setAttribute("data-tooltip", text);
-    el.classList.add("has-tooltip");
-  },
-  updated(el, binding) {
-    const text = binding.value || "";
-    if (text) {
-      el.setAttribute("data-tooltip", text);
-      el.classList.add("has-tooltip");
-    } else {
-      el.removeAttribute("data-tooltip");
-      el.classList.remove("has-tooltip");
-    }
-  },
-  unmounted(el) {
-    el.removeAttribute("data-tooltip");
-    el.classList.remove("has-tooltip");
-  }
-};
 const _hoisted_1$1 = { key: "hdrrow" };
 const _hoisted_2$1 = { class: "bh-checkbox" };
 const _hoisted_3$1 = {
@@ -3261,7 +5607,7 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
       if (!condition || condition === "") return "";
       const type = ((_a = col.type) == null ? void 0 : _a.toLowerCase()) || "string";
       const conditions = FILTER_CONDITIONS[type] || FILTER_CONDITIONS.string;
-      const found = conditions.find((c) => c.value === condition);
+      const found = conditions.find((c2) => c2.value === condition);
       if (found) {
         if (props.columnFilterLang && props.columnFilterLang[condition]) {
           return props.columnFilterLang[condition];
@@ -3319,17 +5665,23 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
             ])
           ]),
           props.all.columnFilter && !props.isFooter && clearButtonLocation.value === "checkbox" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$1, [
-            props.showClearAllButton ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("button", {
-              key: 0,
-              type: "button",
-              class: vue.normalizeClass(["bh-clear-all-button", {
-                "bh-clear-all-button--active": hasAnyActiveFilterLocal.value
-              }]),
-              disabled: !hasAnyActiveFilterLocal.value,
-              onClick: vue.withModifiers(handleClearAllFilters, ["stop"])
-            }, _hoisted_6$1, 10, _hoisted_4$1)), [
-              [vue.unref(tooltipDirective), "Clear all filters"]
-            ]) : vue.createCommentVNode("", true)
+            vue.createVNode(vue.unref(Vt), null, {
+              popper: vue.withCtx(() => [
+                vue.createTextVNode("Clear all filters")
+              ]),
+              default: vue.withCtx(() => [
+                props.showClearAllButton ? (vue.openBlock(), vue.createElementBlock("button", {
+                  key: 0,
+                  type: "button",
+                  class: vue.normalizeClass(["bh-clear-all-button", {
+                    "bh-clear-all-button--active": hasAnyActiveFilterLocal.value
+                  }]),
+                  disabled: !hasAnyActiveFilterLocal.value,
+                  onClick: vue.withModifiers(handleClearAllFilters, ["stop"])
+                }, _hoisted_6$1, 10, _hoisted_4$1)) : vue.createCommentVNode("", true)
+              ]),
+              _: 1
+            })
           ])) : vue.createCommentVNode("", true)
         ], 6)) : vue.createCommentVNode("", true),
         props.all.hasRightPanel ? (vue.openBlock(), vue.createElementBlock("th", {
@@ -3345,17 +5697,23 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
           })
         }, [
           props.all.columnFilter && !props.isFooter && clearButtonLocation.value === "rightpanel" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7$1, [
-            props.showClearAllButton ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("button", {
-              key: 0,
-              type: "button",
-              class: vue.normalizeClass(["bh-clear-all-button", {
-                "bh-clear-all-button--active": hasAnyActiveFilterLocal.value
-              }]),
-              disabled: !hasAnyActiveFilterLocal.value,
-              onClick: vue.withModifiers(handleClearAllFilters, ["stop"])
-            }, _hoisted_10$1, 10, _hoisted_8$1)), [
-              [vue.unref(tooltipDirective), "Clear all filters"]
-            ]) : vue.createCommentVNode("", true)
+            vue.createVNode(vue.unref(Vt), null, {
+              popper: vue.withCtx(() => [
+                vue.createTextVNode("Clear all filters")
+              ]),
+              default: vue.withCtx(() => [
+                props.showClearAllButton ? (vue.openBlock(), vue.createElementBlock("button", {
+                  key: 0,
+                  type: "button",
+                  class: vue.normalizeClass(["bh-clear-all-button", {
+                    "bh-clear-all-button--active": hasAnyActiveFilterLocal.value
+                  }]),
+                  disabled: !hasAnyActiveFilterLocal.value,
+                  onClick: vue.withModifiers(handleClearAllFilters, ["stop"])
+                }, _hoisted_10$1, 10, _hoisted_8$1)) : vue.createCommentVNode("", true)
+              ]),
+              _: 1
+            })
           ])) : vue.createCommentVNode("", true)
         ], 6)) : vue.createCommentVNode("", true),
         props.all.hasSubtable ? (vue.openBlock(), vue.createElementBlock("th", {
@@ -3371,17 +5729,23 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
             expandall: props.all.expandall
           }, null, 8, ["expandedrows", "expandall"])) : vue.createCommentVNode("", true),
           props.all.columnFilter && !props.isFooter && clearButtonLocation.value === "subtable" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_11$1, [
-            props.showClearAllButton ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("button", {
-              key: 0,
-              type: "button",
-              class: vue.normalizeClass(["bh-clear-all-button", {
-                "bh-clear-all-button--active": hasAnyActiveFilterLocal.value
-              }]),
-              disabled: !hasAnyActiveFilterLocal.value,
-              onClick: vue.withModifiers(handleClearAllFilters, ["stop"])
-            }, _hoisted_14$1, 10, _hoisted_12$1)), [
-              [vue.unref(tooltipDirective), "Clear all filters"]
-            ]) : vue.createCommentVNode("", true)
+            vue.createVNode(vue.unref(Vt), null, {
+              popper: vue.withCtx(() => [
+                vue.createTextVNode("Clear all filters")
+              ]),
+              default: vue.withCtx(() => [
+                props.showClearAllButton ? (vue.openBlock(), vue.createElementBlock("button", {
+                  key: 0,
+                  type: "button",
+                  class: vue.normalizeClass(["bh-clear-all-button", {
+                    "bh-clear-all-button--active": hasAnyActiveFilterLocal.value
+                  }]),
+                  disabled: !hasAnyActiveFilterLocal.value,
+                  onClick: vue.withModifiers(handleClearAllFilters, ["stop"])
+                }, _hoisted_14$1, 10, _hoisted_12$1)) : vue.createCommentVNode("", true)
+              ]),
+              _: 1
+            })
           ])) : vue.createCommentVNode("", true)
         ], 4)) : vue.createCommentVNode("", true),
         (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(props.all.columns, (col, j) => {
@@ -3895,7 +6259,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       { deep: false }
     );
     const uniqueKey = vue.computed(() => {
-      const col = props.columns.find((d) => d.isUnique);
+      const col = props.columns.find((d2) => d2.isUnique);
       return (col == null ? void 0 : col.field) || null;
     });
     const hasAnyActiveFilter = vue.ref(false);
@@ -3943,119 +6307,119 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       var _a2, _b2, _c;
       let rows = props.rows || [];
       if (!props.isServerMode) {
-        (_a2 = props.columns) == null ? void 0 : _a2.forEach((d) => {
-          if (d.filter && (d.value !== void 0 && d.value !== null && d.value !== "" || d.condition === "IsNull" || d.condition == "IsNotNull")) {
-            if (d.type === "string") {
-              if (d.value && !d.condition) {
-                d.condition = "Contains";
+        (_a2 = props.columns) == null ? void 0 : _a2.forEach((d2) => {
+          if (d2.filter && (d2.value !== void 0 && d2.value !== null && d2.value !== "" || d2.condition === "IsNull" || d2.condition == "IsNotNull")) {
+            if (d2.type === "string") {
+              if (d2.value && !d2.condition) {
+                d2.condition = "Contains";
               }
-              if (d.condition === "Contains") {
+              if (d2.condition === "Contains") {
                 rows = rows.filter((item) => {
                   var _a3;
-                  return (_a3 = cellValue(item, d.field)) == null ? void 0 : _a3.toString().toLowerCase().includes(d.value.toLowerCase());
+                  return (_a3 = cellValue(item, d2.field)) == null ? void 0 : _a3.toString().toLowerCase().includes(d2.value.toLowerCase());
                 });
-              } else if (d.condition === "NotContains") {
+              } else if (d2.condition === "NotContains") {
                 rows = rows.filter((item) => {
                   var _a3;
-                  return !((_a3 = cellValue(item, d.field)) == null ? void 0 : _a3.toString().toLowerCase().includes(d.value.toLowerCase()));
+                  return !((_a3 = cellValue(item, d2.field)) == null ? void 0 : _a3.toString().toLowerCase().includes(d2.value.toLowerCase()));
                 });
-              } else if (d.condition === "Equal") {
+              } else if (d2.condition === "Equal") {
                 rows = rows.filter((item) => {
                   var _a3;
-                  return ((_a3 = cellValue(item, d.field)) == null ? void 0 : _a3.toString().toLowerCase()) === d.value.toLowerCase();
+                  return ((_a3 = cellValue(item, d2.field)) == null ? void 0 : _a3.toString().toLowerCase()) === d2.value.toLowerCase();
                 });
-              } else if (d.condition === "NotEqual") {
+              } else if (d2.condition === "NotEqual") {
                 rows = rows.filter((item) => {
                   var _a3;
-                  return ((_a3 = cellValue(item, d.field)) == null ? void 0 : _a3.toString().toLowerCase()) !== d.value.toLowerCase();
+                  return ((_a3 = cellValue(item, d2.field)) == null ? void 0 : _a3.toString().toLowerCase()) !== d2.value.toLowerCase();
                 });
-              } else if (d.condition == "StartsWith") {
+              } else if (d2.condition == "StartsWith") {
                 rows = rows.filter((item) => {
                   var _a3;
-                  return ((_a3 = cellValue(item, d.field)) == null ? void 0 : _a3.toString().toLowerCase().indexOf(d.value.toLowerCase())) === 0;
+                  return ((_a3 = cellValue(item, d2.field)) == null ? void 0 : _a3.toString().toLowerCase().indexOf(d2.value.toLowerCase())) === 0;
                 });
-              } else if (d.condition == "EndsWith") {
+              } else if (d2.condition == "EndsWith") {
                 rows = rows.filter((item) => {
                   var _a3;
-                  return ((_a3 = cellValue(item, d.field)) == null ? void 0 : _a3.toString().toLowerCase().substr(d.value.length * -1)) === d.value.toLowerCase();
+                  return ((_a3 = cellValue(item, d2.field)) == null ? void 0 : _a3.toString().toLowerCase().substr(d2.value.length * -1)) === d2.value.toLowerCase();
                 });
               }
-            } else if (d.type === "number") {
-              if (d.value && !d.condition) {
-                d.condition = "Equal";
+            } else if (d2.type === "number") {
+              if (d2.value && !d2.condition) {
+                d2.condition = "Equal";
               }
-              if (d.condition === "Equal") {
+              if (d2.condition === "Equal") {
                 rows = rows.filter((item) => {
-                  return cellValue(item, d.field) && parseFloat(cellValue(item, d.field)) === parseFloat(d.value);
+                  return cellValue(item, d2.field) && parseFloat(cellValue(item, d2.field)) === parseFloat(d2.value);
                 });
-              } else if (d.condition === "NotEqual") {
+              } else if (d2.condition === "NotEqual") {
                 rows = rows.filter((item) => {
-                  return cellValue(item, d.field) && parseFloat(cellValue(item, d.field)) !== parseFloat(d.value);
+                  return cellValue(item, d2.field) && parseFloat(cellValue(item, d2.field)) !== parseFloat(d2.value);
                 });
-              } else if (d.condition === "GreaterThan") {
+              } else if (d2.condition === "GreaterThan") {
                 rows = rows.filter((item) => {
-                  return cellValue(item, d.field) && parseFloat(cellValue(item, d.field)) > parseFloat(d.value);
+                  return cellValue(item, d2.field) && parseFloat(cellValue(item, d2.field)) > parseFloat(d2.value);
                 });
-              } else if (d.condition === "GreaterThanOrEqual") {
+              } else if (d2.condition === "GreaterThanOrEqual") {
                 rows = rows.filter((item) => {
-                  return cellValue(item, d.field) && parseFloat(cellValue(item, d.field)) >= parseFloat(d.value);
+                  return cellValue(item, d2.field) && parseFloat(cellValue(item, d2.field)) >= parseFloat(d2.value);
                 });
-              } else if (d.condition === "LessThan") {
+              } else if (d2.condition === "LessThan") {
                 rows = rows.filter((item) => {
-                  return cellValue(item, d.field) && parseFloat(cellValue(item, d.field)) < parseFloat(d.value);
+                  return cellValue(item, d2.field) && parseFloat(cellValue(item, d2.field)) < parseFloat(d2.value);
                 });
-              } else if (d.condition === "LessThanOrEqual") {
+              } else if (d2.condition === "LessThanOrEqual") {
                 rows = rows.filter((item) => {
-                  return cellValue(item, d.field) && parseFloat(cellValue(item, d.field)) <= parseFloat(d.value);
+                  return cellValue(item, d2.field) && parseFloat(cellValue(item, d2.field)) <= parseFloat(d2.value);
                 });
               }
-            } else if (d.type === "date") {
-              if (d.value && !d.condition) {
-                d.condition = "Equal";
+            } else if (d2.type === "date") {
+              if (d2.value && !d2.condition) {
+                d2.condition = "Equal";
               }
-              if (d.condition === "Equal") {
+              if (d2.condition === "Equal") {
                 rows = rows.filter((item) => {
-                  return cellValue(item, d.field) && dateFormat(cellValue(item, d.field)) === d.value;
+                  return cellValue(item, d2.field) && dateFormat(cellValue(item, d2.field)) === d2.value;
                 });
-              } else if (d.condition === "NotEqual") {
+              } else if (d2.condition === "NotEqual") {
                 rows = rows.filter((item) => {
-                  return cellValue(item, d.field) && dateFormat(cellValue(item, d.field)) !== d.value;
+                  return cellValue(item, d2.field) && dateFormat(cellValue(item, d2.field)) !== d2.value;
                 });
-              } else if (d.condition === "GreaterThan") {
+              } else if (d2.condition === "GreaterThan") {
                 rows = rows.filter((item) => {
-                  return cellValue(item, d.field) && dateFormat(cellValue(item, d.field)) > d.value;
+                  return cellValue(item, d2.field) && dateFormat(cellValue(item, d2.field)) > d2.value;
                 });
-              } else if (d.condition === "LessThan") {
+              } else if (d2.condition === "LessThan") {
                 rows = rows.filter((item) => {
-                  return cellValue(item, d.field) && dateFormat(cellValue(item, d.field)) < d.value;
+                  return cellValue(item, d2.field) && dateFormat(cellValue(item, d2.field)) < d2.value;
                 });
               }
-            } else if (d.type === "bool") {
+            } else if (d2.type === "bool") {
               rows = rows.filter((item) => {
-                return cellValue(item, d.field) === d.value;
+                return cellValue(item, d2.field) === d2.value;
               });
             }
-            if (d.condition === "IsNull") {
+            if (d2.condition === "IsNull") {
               rows = rows.filter((item) => {
-                return cellValue(item, d.field) == null || cellValue(item, d.field) == "";
+                return cellValue(item, d2.field) == null || cellValue(item, d2.field) == "";
               });
-              d.value = "";
-            } else if (d.condition === "IsNotNull") {
-              d.value = "";
+              d2.value = "";
+            } else if (d2.condition === "IsNotNull") {
+              d2.value = "";
               rows = rows.filter((item) => {
-                return cellValue(item, d.field);
+                return cellValue(item, d2.field);
               });
             }
           }
         });
         if (currentSearch.value && (rows == null ? void 0 : rows.length)) {
           let final = [];
-          const keys = (props.columns || []).filter((d) => d.search && !d.hide).map((d) => {
-            return d.field;
+          const keys = (props.columns || []).filter((d2) => d2.search && !d2.hide).map((d2) => {
+            return d2.field;
           });
           for (var j = 0; j < (rows == null ? void 0 : rows.length); j++) {
-            for (var i = 0; i < keys.length; i++) {
-              if ((_b2 = cellValue(rows[j], keys[i])) == null ? void 0 : _b2.toString().toLowerCase().includes(currentSearch.value.toLowerCase())) {
+            for (var i2 = 0; i2 < keys.length; i2++) {
+              if ((_b2 = cellValue(rows[j], keys[i2])) == null ? void 0 : _b2.toString().toLowerCase().includes(currentSearch.value.toLowerCase())) {
                 final.push(rows[j]);
                 break;
               }
@@ -4066,10 +6430,10 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         const isNumeric = ((_c = props.columns.find((col) => col.field == currentSortColumn.value)) == null ? void 0 : _c.type) === "number";
         const collator = getCollator(isNumeric || false);
         const sortOrder = currentSortDirection.value === "desc" ? -1 : 1;
-        rows.sort((a, b) => {
+        rows.sort((a2, b2) => {
           var _a3, _b3;
-          const valA = (_a3 = currentSortColumn.value) == null ? void 0 : _a3.split(".").reduce((obj, key) => obj == null ? void 0 : obj[key], a);
-          const valB = (_b3 = currentSortColumn.value) == null ? void 0 : _b3.split(".").reduce((obj, key) => obj == null ? void 0 : obj[key], b);
+          const valA = (_a3 = currentSortColumn.value) == null ? void 0 : _a3.split(".").reduce((obj, key) => obj == null ? void 0 : obj[key], a2);
+          const valB = (_b3 = currentSortColumn.value) == null ? void 0 : _b3.split(".").reduce((obj, key) => obj == null ? void 0 : obj[key], b2);
           return collator.compare(valA, valB) * sortOrder;
         });
       }
@@ -4084,7 +6448,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         result = rows;
       } else {
         filterRowCount.value = (rows == null ? void 0 : rows.length) || 0;
-        result = rows.slice(offset.value - 1, limit.value);
+        result = rows.slice(offset2.value - 1, limit.value);
       }
       if (props.hasSubtable) {
         result.forEach(function(value, index) {
@@ -4224,7 +6588,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       const totalPages = currentPageSize.value < 1 ? 1 : Math.ceil(filterRowCount.value / currentPageSize.value);
       return Math.max(totalPages || 0, 1);
     });
-    const offset = vue.computed(() => {
+    const offset2 = vue.computed(() => {
       return (currentPage.value - 1) * currentPageSize.value + 1;
     });
     const limit = vue.computed(() => {
@@ -4249,7 +6613,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         endPage = maxPage.value;
       }
       const pages = Array.from(Array(endPage + 1 - startPage).keys()).map(
-        (i) => startPage + i
+        (i2) => startPage + i2
       );
       return pages;
     });
@@ -4331,7 +6695,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           }
         }
       }
-      let offset2 = (currentPage.value - 1) * currentPageSize.value;
+      let offset22 = (currentPage.value - 1) * currentPageSize.value;
       let limit2 = currentPageSize.value;
       currentSortColumn.value = field;
       currentSortDirection.value = direction;
@@ -4340,14 +6704,14 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       if (props.isServerMode) {
         changeForServer("sort");
       } else {
-        emit("sortChange", { offset: offset2, limit: limit2, field, direction });
+        emit("sortChange", { offset: offset22, limit: limit2, field, direction });
       }
     };
     const checkboxChange = (value) => {
       selectedAll.value = value.length && filterItems.value.length && value.length === filterItems.value.length;
-      const rows = filterItems.value.filter((d, i) => {
+      const rows = filterItems.value.filter((d2, i2) => {
         var _a2;
-        const key = uniqueKey.value ? ((_a2 = rowKeys.value) == null ? void 0 : _a2.get(i)) ?? i : i;
+        const key = uniqueKey.value ? ((_a2 = rowKeys.value) == null ? void 0 : _a2.get(i2)) ?? i2 : i2;
         return selected.value.includes(key);
       });
       emit("rowSelect", rows);
@@ -4356,9 +6720,9 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const selectAll = (checked) => {
       if (checked) {
         selected.value = filterItems.value.map(
-          (d, i) => {
+          (d2, i2) => {
             var _a2;
-            return uniqueKey.value ? ((_a2 = rowKeys.value) == null ? void 0 : _a2.get(i)) ?? i : i;
+            return uniqueKey.value ? ((_a2 = rowKeys.value) == null ? void 0 : _a2.get(i2)) ?? i2 : i2;
           }
         );
       } else {
@@ -4409,10 +6773,10 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         if (!date) {
           return "";
         }
-        const dt = new Date(date);
-        const day = dt.getDate();
-        const month = dt.getMonth() + 1;
-        const year = dt.getFullYear();
+        const dt2 = new Date(date);
+        const day = dt2.getDate();
+        const month = dt2.getMonth() + 1;
+        const year = dt2.getFullYear();
         return year + "-" + (month > 9 ? month : "0" + month) + "-" + (day > 9 ? day : "0" + day);
       } catch {
       }
@@ -4442,7 +6806,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const changeForServer = (changeType, isResetPage = false) => {
       if (props.isServerMode) {
         setDefaultCondition();
-        props.columns.filter((c) => c.value || c.condition);
+        props.columns.filter((c2) => c2.value || c2.condition);
         const res = {
           current_page: isResetPage ? 1 : currentPage.value,
           pagesize: currentPageSize.value,
@@ -4457,25 +6821,25 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       }
     };
     const setDefaultCondition = () => {
-      for (let i = 0; i < props.columns.length; i++) {
-        let d = props.columns[i];
-        if (d.filter && (d.value !== void 0 && d.value !== null && d.value !== "" || d.condition === "IsNull" || d.condition === "IsNotNull")) {
-          if (d.type === "string" && d.value && !d.condition) {
-            d.condition = "Contains";
+      for (let i2 = 0; i2 < props.columns.length; i2++) {
+        let d2 = props.columns[i2];
+        if (d2.filter && (d2.value !== void 0 && d2.value !== null && d2.value !== "" || d2.condition === "IsNull" || d2.condition === "IsNotNull")) {
+          if (d2.type === "string" && d2.value && !d2.condition) {
+            d2.condition = "Contains";
           }
-          if (d.type === "number" && d.value && !d.condition) {
-            d.condition = "Equal";
+          if (d2.type === "number" && d2.value && !d2.condition) {
+            d2.condition = "Equal";
           }
-          if (d.type === "date" && d.value && !d.condition) {
-            d.condition = "Equal";
+          if (d2.type === "date" && d2.value && !d2.condition) {
+            d2.condition = "Equal";
           }
         }
       }
     };
     const reset = () => {
       selectAll(false);
-      for (let i = 0; i < props.columns.length; i++) {
-        props.columns[i].value = "";
+      for (let i2 = 0; i2 < props.columns.length; i2++) {
+        props.columns[i2].value = "";
       }
       currentSearch.value = "";
       currentPageSize.value = oldPageSize;
@@ -4493,9 +6857,9 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       }
     };
     const getSelectedRows = () => {
-      const rows = filterItems.value.filter((d, i) => {
+      const rows = filterItems.value.filter((d2, i2) => {
         var _a2;
-        const key = uniqueKey.value ? ((_a2 = rowKeys.value) == null ? void 0 : _a2.get(i)) ?? i : i;
+        const key = uniqueKey.value ? ((_a2 = rowKeys.value) == null ? void 0 : _a2.get(i2)) ?? i2 : i2;
         return selected.value.includes(key);
       });
       return rows;
@@ -4517,7 +6881,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       var _a2;
       if (isRowSelected(index)) {
         const key = uniqueKey.value ? ((_a2 = rowKeys.value) == null ? void 0 : _a2.get(index)) ?? index : index;
-        selected.value = selected.value.filter((d) => d !== key);
+        selected.value = selected.value.filter((d2) => d2 !== key);
       }
     };
     const isRowSelected = (index) => {
@@ -4594,7 +6958,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-        vue.createVNode(vue.unref(Pe), {
+        vue.createVNode(vue.unref(Pe$1), {
           class: "default-theme",
           style: vue.normalizeStyle({ height: props.height })
         }, {
@@ -4637,7 +7001,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                     ])) : vue.createCommentVNode("", true)
                   ], 4)) : vue.createCommentVNode("", true),
                   vue.createElementVNode("div", _hoisted_7, [
-                    _ctx.enabletopmenu ? (vue.openBlock(), vue.createBlock(vue.unref(Pe), {
+                    _ctx.enabletopmenu ? (vue.openBlock(), vue.createBlock(vue.unref(Pe$1), {
                       key: 0,
                       class: "default-theme",
                       horizontal: "horizontal",
@@ -4723,9 +7087,9 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                                   ]), 1032, ["expandedrows", "currentSortColumn", "currentSortDirection", "isOpenFilter", "checkAll", "columnFilterLang", "hasFilterDatetimeSlot", "showClearAllButton", "hasAnyActiveFilter", "filterUpdateTrigger"])
                                 ], 2),
                                 vue.createElementVNode("tbody", null, [
-                                  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(filterItems.value, (item, i) => {
+                                  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(filterItems.value, (item, i2) => {
                                     return vue.openBlock(), vue.createElementBlock(vue.Fragment, {
-                                      key: getRowKey(i)
+                                      key: getRowKey(i2)
                                     }, [
                                       filterRowCount.value ? (vue.openBlock(), vue.createElementBlock("tr", {
                                         key: 0,
@@ -4733,7 +7097,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                                           isRowClassFunction.value ? _ctx.rowClass(item) : props.rowClass,
                                           props.selectRowOnClick ? "bh-cursor-pointer" : ""
                                         ]),
-                                        onClick: vue.withModifiers(($event) => rowClick(item, i), ["prevent"])
+                                        onClick: vue.withModifiers(($event) => rowClick(item, i2), ["prevent"])
                                       }, [
                                         props.hasCheckbox ? (vue.openBlock(), vue.createElementBlock("td", {
                                           key: 0,
@@ -4749,7 +7113,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                                             vue.withDirectives(vue.createElementVNode("input", {
                                               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => selected.value = $event),
                                               type: "checkbox",
-                                              value: getRowKey(i),
+                                              value: getRowKey(i2),
                                               onClick: _cache[1] || (_cache[1] = vue.withModifiers(() => {
                                               }, ["stop"]))
                                             }, null, 8, _hoisted_13), [
@@ -4787,7 +7151,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                                           })
                                         }, [
                                           vue.createVNode(ButtonExpand, {
-                                            item: { ...item, _rowIndex: i },
+                                            item: { ...item, _rowIndex: i2 },
                                             expandedrows: expandedrows.value
                                           }, null, 8, ["item", "expandedrows"])
                                         ], 6)) : vue.createCommentVNode("", true),
@@ -4801,7 +7165,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                                                 props.hasCheckbox && j === 0 && props.stickyFirstColumn ? "bh-left-[52px]" : "",
                                                 col.cellClass ? col.cellClass : ""
                                               ]),
-                                              onContextmenu: ($event) => handleCellContextMenu($event, item, col, cellValue(item, col.field), i, j)
+                                              onContextmenu: ($event) => handleCellContextMenu($event, item, col, cellValue(item, col.field), i2, j)
                                             }, [
                                               vue.unref(slots)[col.field] ? vue.renderSlot(_ctx.$slots, col.field, {
                                                 key: 0,
@@ -4816,29 +7180,29 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                                           ], 64);
                                         }), 256))
                                       ], 10, _hoisted_11)) : vue.createCommentVNode("", true),
-                                      isRowExpanded(item, i) && props.hasSubtable ? (vue.openBlock(), vue.createElementBlock("tr", {
+                                      isRowExpanded(item, i2) && props.hasSubtable ? (vue.openBlock(), vue.createElementBlock("tr", {
                                         key: 1,
                                         class: vue.normalizeClass([
                                           isRowClassFunction.value ? _ctx.rowClass(item) : props.rowClass,
                                           props.selectRowOnClick ? "bh-cursor-pointer" : ""
                                         ]),
-                                        onClick: vue.withModifiers(($event) => rowClick(item, i), ["prevent"])
+                                        onClick: vue.withModifiers(($event) => rowClick(item, i2), ["prevent"])
                                       }, [
                                         vue.createElementVNode("td", {
                                           colspan: props.columns.length + vue.unref(extracolumnlength)
                                         }, [
                                           vue.renderSlot(_ctx.$slots, "tsub", {
                                             rowData: item,
-                                            rowIndex: i,
+                                            rowIndex: i2,
                                             filterItems: filterItems.value
                                           })
                                         ], 8, _hoisted_17)
                                       ], 10, _hoisted_16)) : vue.createCommentVNode("", true)
                                     ], 64);
                                   }), 128)),
-                                  !filterRowCount.value && currentLoader.value && _ctx.skeletonloader ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 0 }, vue.renderList(props.pageSize, (i) => {
+                                  !filterRowCount.value && currentLoader.value && _ctx.skeletonloader ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 0 }, vue.renderList(props.pageSize, (i2) => {
                                     return vue.openBlock(), vue.createElementBlock("tr", {
-                                      key: i,
+                                      key: i2,
                                       class: "!bh-bg-white bh-h-11 !bh-border-transparent"
                                     }, [
                                       vue.createElementVNode("td", {
@@ -4847,9 +7211,9 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                                       }, _hoisted_20, 8, _hoisted_18)
                                     ]);
                                   }), 128)) : vue.createCommentVNode("", true),
-                                  filterRowCount.value ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 1 }, vue.renderList(props.footerRows, (item, i) => {
+                                  filterRowCount.value ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 1 }, vue.renderList(props.footerRows, (item, i2) => {
                                     return vue.openBlock(), vue.createElementBlock("tr", {
-                                      key: item[uniqueKey.value] ? item[uniqueKey.value] : i,
+                                      key: item[uniqueKey.value] ? item[uniqueKey.value] : i2,
                                       class: "sticky-table-footer"
                                     }, [
                                       vue.unref(extracolumnlength) > 0 ? (vue.openBlock(), vue.createElementBlock("td", {
@@ -4867,8 +7231,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                                               col.cellClass ? col.cellClass : ""
                                             ])
                                           }, [
-                                            item.cells.find((x) => x.field == col.field) ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
-                                              vue.createTextVNode(vue.toDisplayString(item.cells.find((x) => x.field == col.field).text), 1)
+                                            item.cells.find((x2) => x2.field == col.field) ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
+                                              vue.createTextVNode(vue.toDisplayString(item.cells.find((x2) => x2.field == col.field).text), 1)
                                             ], 64)) : vue.createCommentVNode("", true)
                                           ], 2)) : vue.createCommentVNode("", true)
                                         ], 64);
@@ -4997,9 +7361,9 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                             ]), 1032, ["expandedrows", "currentSortColumn", "currentSortDirection", "isOpenFilter", "checkAll", "columnFilterLang", "hasFilterDatetimeSlot", "showClearAllButton", "hasAnyActiveFilter", "filterUpdateTrigger"])
                           ], 2),
                           vue.createElementVNode("tbody", null, [
-                            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(filterItems.value, (item, i) => {
+                            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(filterItems.value, (item, i2) => {
                               return vue.openBlock(), vue.createElementBlock(vue.Fragment, {
-                                key: getRowKey(i)
+                                key: getRowKey(i2)
                               }, [
                                 filterRowCount.value ? (vue.openBlock(), vue.createElementBlock("tr", {
                                   key: 0,
@@ -5007,7 +7371,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                                     isRowClassFunction.value ? _ctx.rowClass(item) : props.rowClass,
                                     props.selectRowOnClick ? "bh-cursor-pointer" : ""
                                   ]),
-                                  onClick: vue.withModifiers(($event) => rowClick(item, i), ["prevent"])
+                                  onClick: vue.withModifiers(($event) => rowClick(item, i2), ["prevent"])
                                 }, [
                                   props.hasCheckbox ? (vue.openBlock(), vue.createElementBlock("td", {
                                     key: 0,
@@ -5023,7 +7387,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                                       vue.withDirectives(vue.createElementVNode("input", {
                                         "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => selected.value = $event),
                                         type: "checkbox",
-                                        value: getRowKey(i),
+                                        value: getRowKey(i2),
                                         onClick: _cache[4] || (_cache[4] = vue.withModifiers(() => {
                                         }, ["stop"]))
                                       }, null, 8, _hoisted_25), [
@@ -5061,7 +7425,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                                     })
                                   }, [
                                     vue.createVNode(ButtonExpand, {
-                                      item: { ...item, _rowIndex: i },
+                                      item: { ...item, _rowIndex: i2 },
                                       expandedrows: expandedrows.value
                                     }, null, 8, ["item", "expandedrows"])
                                   ], 6)) : vue.createCommentVNode("", true),
@@ -5075,7 +7439,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                                           props.hasCheckbox && j === 0 && props.stickyFirstColumn ? "bh-left-[52px]" : "",
                                           col.cellClass ? col.cellClass : ""
                                         ]),
-                                        onContextmenu: ($event) => handleCellContextMenu($event, item, col, cellValue(item, col.field), i, j)
+                                        onContextmenu: ($event) => handleCellContextMenu($event, item, col, cellValue(item, col.field), i2, j)
                                       }, [
                                         vue.unref(slots)[col.field] ? vue.renderSlot(_ctx.$slots, col.field, {
                                           key: 0,
@@ -5090,13 +7454,13 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                                     ], 64);
                                   }), 256))
                                 ], 10, _hoisted_23)) : vue.createCommentVNode("", true),
-                                isRowExpanded(item, i) && props.hasSubtable ? (vue.openBlock(), vue.createElementBlock("tr", {
+                                isRowExpanded(item, i2) && props.hasSubtable ? (vue.openBlock(), vue.createElementBlock("tr", {
                                   key: 1,
                                   class: vue.normalizeClass([
                                     isRowClassFunction.value ? _ctx.rowClass(item) : props.rowClass,
                                     props.selectRowOnClick ? "bh-cursor-pointer" : ""
                                   ]),
-                                  onClick: vue.withModifiers(($event) => rowClick(item, i), ["prevent"])
+                                  onClick: vue.withModifiers(($event) => rowClick(item, i2), ["prevent"])
                                 }, [
                                   vue.createElementVNode("td", {
                                     colspan: props.columns.length + vue.unref(extracolumnlength)
@@ -5113,7 +7477,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                                     }, [
                                       vue.renderSlot(_ctx.$slots, "tsub", {
                                         rowData: item,
-                                        rowIndex: i,
+                                        rowIndex: i2,
                                         filterItems: filterItems.value
                                       })
                                     ], 4)
@@ -5121,9 +7485,9 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                                 ], 10, _hoisted_28)) : vue.createCommentVNode("", true)
                               ], 64);
                             }), 128)),
-                            !filterRowCount.value && currentLoader.value && _ctx.skeletonloader ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 0 }, vue.renderList(props.pageSize, (i) => {
+                            !filterRowCount.value && currentLoader.value && _ctx.skeletonloader ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 0 }, vue.renderList(props.pageSize, (i2) => {
                               return vue.openBlock(), vue.createElementBlock("tr", {
-                                key: i,
+                                key: i2,
                                 class: "!bh-bg-white bh-h-11 !bh-border-transparent"
                               }, [
                                 vue.createElementVNode("td", {
@@ -5132,9 +7496,9 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                                 }, _hoisted_32, 8, _hoisted_30)
                               ]);
                             }), 128)) : vue.createCommentVNode("", true),
-                            filterRowCount.value ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 1 }, vue.renderList(props.footerRows, (item, i) => {
+                            filterRowCount.value ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 1 }, vue.renderList(props.footerRows, (item, i2) => {
                               return vue.openBlock(), vue.createElementBlock("tr", {
-                                key: item[uniqueKey.value] ? item[uniqueKey.value] : i,
+                                key: item[uniqueKey.value] ? item[uniqueKey.value] : i2,
                                 class: "sticky-table-footer"
                               }, [
                                 vue.unref(extracolumnlength) > 0 ? (vue.openBlock(), vue.createElementBlock("td", {
@@ -5152,8 +7516,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                                         col.cellClass ? col.cellClass : ""
                                       ])
                                     }, [
-                                      item.cells.find((x) => x.field == col.field) ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
-                                        vue.createTextVNode(vue.toDisplayString(item.cells.find((x) => x.field == col.field).text), 1)
+                                      item.cells.find((x2) => x2.field == col.field) ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
+                                        vue.createTextVNode(vue.toDisplayString(item.cells.find((x2) => x2.field == col.field).text), 1)
                                       ], 64)) : vue.createCommentVNode("", true)
                                     ], 2)) : vue.createCommentVNode("", true)
                                   ], 64);
@@ -5233,7 +7597,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               key: 0,
               paginationInfo: _ctx.paginationInfo,
               filterRowCount: filterRowCount.value,
-              offset: offset.value,
+              offset: offset2.value,
               limit: limit.value,
               showPageSize: _ctx.showPageSize,
               pageSizeOptions: _ctx.pageSizeOptions,
@@ -5244,7 +7608,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               vue.createElementVNode("div", _hoisted_35, [
                 vue.createElementVNode("span", _hoisted_36, vue.toDisplayString(stringFormat(
                   props.paginationInfo,
-                  filterRowCount.value ? offset.value : 0,
+                  filterRowCount.value ? offset2.value : 0,
                   limit.value,
                   filterRowCount.value
                 )), 1),