doph-js 0.0.60 → 0.0.62

package/dist/dophJs.js

@@ -1,5 +1,5 @@
-import { useSlots as de, computed as p, h as pe, openBlock as h, createBlock as w, unref as E, createElementBlock as D, Fragment as J, normalizeClass as k, renderSlot as _, createCommentVNode as N, resolveDynamicComponent as R, createElementVNode as P, toDisplayString as le, withDirectives as se, normalizeStyle as C, vModelText as Ee, Transition as ze, withCtx as H, ref as V, withModifiers as W, resolveComponent as Le, createTextVNode as Ne, createVNode as ue, renderList as ce, reactive as ae, getCurrentInstance as Be, watch as K, onUnmounted as ee, mergeProps as Y, defineComponent as Te, shallowRef as A, setBlockTracking as he, vShow as ge, onMounted as ke, watchEffect as He } from "vue";
-const Z = {
+import { useSlots as En, computed as V, h as Zn, openBlock as R, createBlock as st, unref as nt, createElementBlock as at, Fragment as Bn, normalizeClass as Ft, renderSlot as ot, createCommentVNode as pt, resolveDynamicComponent as Wt, createElementVNode as ie, toDisplayString as bn, withDirectives as cs, normalizeStyle as Yt, vModelText as as, Transition as ls, withCtx as vt, ref as St, withModifiers as Qt, resolveComponent as ds, createTextVNode as us, createVNode as ko, renderList as Co, reactive as Ln, getCurrentInstance as fs, watch as ce, onUnmounted as Oo, mergeProps as $e, shallowRef as wn, defineComponent as ps, toRefs as ms, onMounted as Io, watchPostEffect as gs } from "vue";
+const _e = {
   __name: "DIcon",
   props: {
     component: [Object, String],
@@ -8,90 +8,94 @@ const Z = {
     className: String
   },
   setup(t) {
-    const n = t, e = de(), i = p(() => {
-      const { className: s } = n;
-      return s === void 0 ? "icon" : ["icon", s].join(" ");
-    }), o = p(() => {
-      const { color: s } = n;
-      return s === void 0 ? null : s;
-    }), l = p(() => {
-      const s = n.size ?? null;
-      if (s !== void 0)
-        return typeof s == "number" || /^\d+$/.test(s) ? `${s}px` : s;
-    }), r = p(() => pe(
+    const e = t, n = En(), o = V(() => {
+      const { className: l } = e;
+      return l === void 0 ? "icon" : ["icon", l].join(" ");
+    }), s = V(() => {
+      const { color: l } = e;
+      return l === void 0 ? null : l;
+    }), r = V(() => {
+      const l = e.size ?? null;
+      if (l !== void 0)
+        return typeof l == "number" || /^\d+$/.test(l) ? `${l}px` : l;
+    }), c = V(() => Zn(
       "i",
       {
-        class: i.value,
+        class: o.value,
         style: {
-          color: o.value,
-          fontSize: l.value
+          color: s.value,
+          fontSize: r.value
         }
       },
-      n.component ? pe(n.component) : e
+      e.component ? Zn(e.component) : n
     ));
-    return (s, a) => (h(), w(E(r)));
+    return (l, i) => (R(), st(nt(c)));
   }
-}, F = {
+}, Rt = {
   state: {},
   getters: {
     getIcon(t) {
-      return F.state[t];
+      return Rt.state[t];
     },
     getIcons() {
-      return F.state;
+      return Rt.state;
     }
   },
   mutations: {
-    addIcon(t, n) {
-      F.state.name = n;
+    addIcon(t, e) {
+      Rt.state.name = e;
     },
     addIcons(t) {
-      for (const n in t)
-        t.hasOwnProperty(n) && (F.state[n] = t[n]);
+      for (const e in t)
+        t.hasOwnProperty(e) && (Rt.state[e] = t[e]);
     }
   }
-}, Me = { key: 1 }, tn = {
+}, hs = { key: 1 }, gi = {
   __name: "DButton",
   props: {
     class: String,
     icon: String
   },
-  emits: ["click"],
-  setup(t, { emit: n }) {
-    const e = t, i = de(), o = p(() => e.icon ? F.getters.getIcon(e.icon) : null), l = (r) => {
-      n("click", r);
+  emits: ["click", "contextmenu"],
+  setup(t, { emit: e }) {
+    const n = t, o = En(), s = V(() => n.icon ? Rt.getters.getIcon(n.icon) : null), r = (l) => {
+      e("click", l);
+    }, c = (l) => {
+      e("contextmenu", l);
     };
-    return (r, s) => (h(), D(J, null, [
-      o.value ? N("", !0) : (h(), D("div", {
+    return (l, i) => (R(), at(Bn, null, [
+      s.value ? pt("", !0) : (R(), at("div", {
         key: 0,
-        onClick: l,
-        class: k(["button", e.class])
+        onClick: r,
+        onContextmenu: c,
+        class: Ft(["button", n.class])
       }, [
-        _(r.$slots, "default")
-      ], 2)),
-      o.value ? (h(), D("div", {
+        ot(l.$slots, "default")
+      ], 34)),
+      s.value ? (R(), at("div", {
         key: 1,
-        onClick: l,
-        class: k(["button button-ext", e.class])
+        onClick: r,
+        onContextmenu: c,
+        class: Ft(["button button-ext", n.class])
       }, [
-        e.icon ? (h(), w(R(Z), {
+        n.icon ? (R(), st(Wt(_e), {
           key: 0,
-          component: o.value,
+          component: s.value,
           color: "inherit"
-        }, null, 8, ["component"])) : N("", !0),
-        E(i).default ? (h(), D("div", Me, [
-          _(r.$slots, "default")
-        ])) : N("", !0)
-      ], 2)) : N("", !0)
+        }, null, 8, ["component"])) : pt("", !0),
+        nt(o).default ? (R(), at("div", hs, [
+          ot(l.$slots, "default")
+        ])) : pt("", !0)
+      ], 34)) : pt("", !0)
     ], 64));
   }
 };
-const fe = (t, n) => {
-  const e = t.__vccOpts || t;
-  for (const [i, o] of n)
-    e[i] = o;
-  return e;
-}, Ce = { class: "d-input" }, Pe = { class: "label" }, Oe = ["placeholder"], We = {
+const je = (t, e) => {
+  const n = t.__vccOpts || t;
+  for (const [o, s] of e)
+    n[o] = s;
+  return n;
+}, vs = { class: "d-input" }, ys = { class: "label" }, bs = ["placeholder"], ws = {
   __name: "DInput",
   props: {
     label: String,
@@ -102,40 +106,40 @@ const fe = (t, n) => {
     modelValue: String
   },
   emits: ["update:modelValue"],
-  setup(t, { emit: n }) {
-    const e = t, i = p(() => e.font === "small" ? "d-input-small" : e.font === "big" ? "d-input-big" : ""), o = p({
-      get: () => e.modelValue,
-      set: (l) => {
-        n("update:modelValue", l);
+  setup(t, { emit: e }) {
+    const n = t, o = V(() => n.font === "small" ? "d-input-small" : n.font === "big" ? "d-input-big" : ""), s = V({
+      get: () => n.modelValue,
+      set: (r) => {
+        e("update:modelValue", r);
       }
     });
-    return (l, r) => (h(), D("div", Ce, [
-      P("div", Pe, le(e.label), 1),
-      se(P("input", {
-        "onUpdate:modelValue": r[0] || (r[0] = (s) => o.value = s),
+    return (r, c) => (R(), at("div", vs, [
+      ie("div", ys, bn(n.label), 1),
+      cs(ie("input", {
+        "onUpdate:modelValue": c[0] || (c[0] = (l) => s.value = l),
         type: "text",
-        class: k(i.value),
-        placeholder: e.placeholder,
-        style: C(e.size === "wide" ? "width:100%" : "")
-      }, null, 14, Oe), [
-        [Ee, o.value]
+        class: Ft(o.value),
+        placeholder: n.placeholder,
+        style: Yt(n.size === "wide" ? "width:100%" : "")
+      }, null, 14, bs), [
+        [as, s.value]
       ])
     ]));
   }
-}, nn = /* @__PURE__ */ fe(We, [["__scopeId", "data-v-11679fd8"]]), Ae = {
+}, hi = /* @__PURE__ */ je(ws, [["__scopeId", "data-v-11679fd8"]]), Ss = {
   __name: "DBadge",
   props: {
     class: String
   },
   setup(t) {
-    const n = t;
-    return (e, i) => (h(), D("div", {
-      class: k(["badge", n.class])
+    const e = t;
+    return (n, o) => (R(), at("div", {
+      class: Ft(["badge", e.class])
     }, [
-      _(e.$slots, "default")
+      ot(n.$slots, "default")
     ], 2));
   }
-}, O = "0px", Fe = {
+}, Mt = "0px", xs = {
   __name: "DCollapse",
   props: {
     duration: {
@@ -160,72 +164,72 @@ const fe = (t, n) => {
     }
   },
   setup(t) {
-    const n = t, e = (a) => ({
-      height: a.style.height,
-      width: a.style.width,
-      position: a.style.position,
-      visibility: a.style.visibility,
-      overflow: a.style.overflow,
-      paddingTop: a.style.paddingTop,
-      paddingBottom: a.style.paddingBottom,
-      borderTopWidth: a.style.borderTopWidth,
-      borderBottomWidth: a.style.borderBottomWidth,
-      marginTop: a.style.marginTop,
-      marginBottom: a.style.marginBottom
-    }), i = (a, d) => {
-      const { width: u } = getComputedStyle(a);
-      a.style.width = u, a.style.position = "absolute", a.style.visibility = "hidden", a.style.height = "";
-      let { height: m } = getComputedStyle(a);
-      return a.style.width = d.width, a.style.position = d.position, a.style.visibility = d.visibility, a.style.height = O, a.style.overflow = "hidden", d.height && d.height !== O ? d.height : m;
-    }, o = (a, d, u, m, y) => {
-      const I = a.animate(m, y);
-      a.style.height = d.height, I.onfinish = () => {
-        a.style.overflow = d.overflow, u();
+    const e = t, n = (i) => ({
+      height: i.style.height,
+      width: i.style.width,
+      position: i.style.position,
+      visibility: i.style.visibility,
+      overflow: i.style.overflow,
+      paddingTop: i.style.paddingTop,
+      paddingBottom: i.style.paddingBottom,
+      borderTopWidth: i.style.borderTopWidth,
+      borderBottomWidth: i.style.borderBottomWidth,
+      marginTop: i.style.marginTop,
+      marginBottom: i.style.marginBottom
+    }), o = (i, a) => {
+      const { width: d } = getComputedStyle(i);
+      i.style.width = d, i.style.position = "absolute", i.style.visibility = "hidden", i.style.height = "";
+      let { height: u } = getComputedStyle(i);
+      return i.style.width = a.width, i.style.position = a.position, i.style.visibility = a.visibility, i.style.height = Mt, i.style.overflow = "hidden", a.height && a.height !== Mt ? a.height : u;
+    }, s = (i, a, d, u, f) => {
+      const m = i.animate(u, f);
+      i.style.height = a.height, m.onfinish = () => {
+        i.style.overflow = a.overflow, d();
       };
-    }, l = (a, d) => [
+    }, r = (i, a) => [
       {
-        height: O,
-        opacity: n.opacityClosed,
-        paddingTop: O,
-        paddingBottom: O,
-        borderTopWidth: O,
-        borderBottomWidth: O,
-        marginTop: O,
-        marginBottom: O
+        height: Mt,
+        opacity: e.opacityClosed,
+        paddingTop: Mt,
+        paddingBottom: Mt,
+        borderTopWidth: Mt,
+        borderBottomWidth: Mt,
+        marginTop: Mt,
+        marginBottom: Mt
       },
       {
-        height: a,
-        opacity: n.opacityOpened,
-        paddingTop: d.paddingTop,
-        paddingBottom: d.paddingBottom,
-        borderTopWidth: d.borderTopWidth,
-        borderBottomWidth: d.borderBottomWidth,
-        marginTop: d.marginTop,
-        marginBottom: d.marginBottom
+        height: i,
+        opacity: e.opacityOpened,
+        paddingTop: a.paddingTop,
+        paddingBottom: a.paddingBottom,
+        borderTopWidth: a.borderTopWidth,
+        borderBottomWidth: a.borderBottomWidth,
+        marginTop: a.marginTop,
+        marginBottom: a.marginBottom
       }
-    ], r = (a, d) => {
-      const u = a, m = e(u), y = i(u, m), I = l(y, m), B = { duration: n.duration, easing: n.easingEnter };
-      o(u, m, d, I, B);
-    }, s = (a, d) => {
-      const u = a, m = e(u), { height: y } = getComputedStyle(u);
-      u.style.height = y, u.style.overflow = "hidden";
-      const I = l(y, m).reverse(), B = { duration: n.duration, easing: n.easingLeave };
-      o(u, m, d, I, B);
+    ], c = (i, a) => {
+      const d = i, u = n(d), f = o(d, u), m = r(f, u), S = { duration: e.duration, easing: e.easingEnter };
+      s(d, u, a, m, S);
+    }, l = (i, a) => {
+      const d = i, u = n(d), { height: f } = getComputedStyle(d);
+      d.style.height = f, d.style.overflow = "hidden";
+      const m = r(f, u).reverse(), S = { duration: e.duration, easing: e.easingLeave };
+      s(d, u, a, m, S);
     };
-    return (a, d) => (h(), w(ze, {
+    return (i, a) => (R(), st(ls, {
       css: !1,
-      onEnter: r,
-      onLeave: s
+      onEnter: c,
+      onLeave: l
     }, {
-      default: H(() => [
-        _(a.$slots, "default")
+      default: vt(() => [
+        ot(i.$slots, "default")
       ]),
       _: 3
     }));
   }
-}, te = {
+}, Ve = {
   data: void 0
-}, me = (t) => t.reduce((n, e) => (n[e] = e) && n, {}), L = me([
+}, zn = (t) => t.reduce((e, n) => (e[n] = n) && e, {}), dt = zn([
   "drag",
   "dragend",
   "dragenter",
@@ -233,7 +237,7 @@ const fe = (t, n) => {
   "dragstart",
   "dragover",
   "drop"
-]), Re = me(["copy", "move", "link", "none"]), Ve = me([
+]), $s = zn(["copy", "move", "link", "none"]), _s = zn([
   "none",
   "copy",
   "copyLink",
@@ -243,13 +247,13 @@ const fe = (t, n) => {
   "move",
   "all",
   "uninitialized"
-]), je = {
+]), Ts = {
   __name: "DDrag",
   props: {
     draggable: { type: Boolean, default: !0 },
     transferData: {},
-    dropEffect: { validator: (t) => t in Re },
-    effectAllowed: { validator: (t) => t in Ve },
+    dropEffect: { validator: (t) => t in $s },
+    effectAllowed: { validator: (t) => t in _s },
     image: String,
     imageXOffset: { type: Number, default: 0 },
     imageYOffset: { type: Number, default: 0 },
@@ -257,44 +261,44 @@ const fe = (t, n) => {
     tag: { type: String, default: "div" }
   },
   setup(t) {
-    const n = t, e = de(), i = V(!1), o = p(() => i && n.transferData), l = p(() => ({ position: "fixed", top: "-1000px" })), r = (s, a) => {
-      const d = a.dataTransfer;
-      if ([L.dragenter, L.dragover].includes(s) && n.dropEffect && (d.dropEffect = n.dropEffect), s === L.dragstart) {
-        if (n.effectAllowed && (d.effectAllowed = n.effectAllowed), n.image || e.image) {
-          let u;
-          n.image ? (u = new Image(), u.src = n.image) : e.image && (u = e.image[0].elm), d.setDragImage && d.setDragImage(u, n.imageXOffset, n.imageYOffset);
+    const e = t, n = En(), o = St(!1), s = V(() => o && e.transferData), r = V(() => ({ position: "fixed", top: "-1000px" })), c = (l, i) => {
+      const a = i.dataTransfer;
+      if ([dt.dragenter, dt.dragover].includes(l) && e.dropEffect && (a.dropEffect = e.dropEffect), l === dt.dragstart) {
+        if (e.effectAllowed && (a.effectAllowed = e.effectAllowed), e.image || n.image) {
+          let d;
+          e.image ? (d = new Image(), d.src = e.image) : n.image && (d = n.image[0].elm), a.setDragImage && a.setDragImage(d, e.imageXOffset, e.imageYOffset);
         }
-        n.transferData !== void 0 && (te.data = n.transferData, a.dataTransfer.setData("text", "")), i.value = !0;
+        e.transferData !== void 0 && (Ve.data = e.transferData, i.dataTransfer.setData("text", "")), o.value = !0;
       }
     };
-    return (s, a) => (h(), w(R(t.tag), {
-      draggable: n.draggable,
-      onDrag: a[0] || (a[0] = (d) => r(E(L).drag, d)),
-      onDragstart: a[1] || (a[1] = W((d) => r(E(L).dragstart, d), ["stop"])),
-      onDragenter: a[2] || (a[2] = (d) => r(E(L).dragenter, d)),
-      onDragleave: a[3] || (a[3] = (d) => r(E(L).dragleave, d)),
-      onDragend: a[4] || (a[4] = (d) => r(E(L).dragend, d))
+    return (l, i) => (R(), st(Wt(t.tag), {
+      draggable: e.draggable,
+      onDrag: i[0] || (i[0] = (a) => c(nt(dt).drag, a)),
+      onDragstart: i[1] || (i[1] = Qt((a) => c(nt(dt).dragstart, a), ["stop"])),
+      onDragenter: i[2] || (i[2] = (a) => c(nt(dt).dragenter, a)),
+      onDragleave: i[3] || (i[3] = (a) => c(nt(dt).dragleave, a)),
+      onDragend: i[4] || (i[4] = (a) => c(nt(dt).dragend, a))
     }, {
-      default: H(() => [
-        _(s.$slots, "default", { transferData: o.value }),
-        t.hideImageHtml ? (h(), D("div", {
+      default: vt(() => [
+        ot(l.$slots, "default", { transferData: s.value }),
+        t.hideImageHtml ? (R(), at("div", {
           key: 0,
-          style: C(l.value)
+          style: Yt(r.value)
         }, [
-          _(s.$slots, "image", { transferData: o.value })
-        ], 4)) : _(s.$slots, "image", {
+          ot(l.$slots, "image", { transferData: s.value })
+        ], 4)) : ot(l.$slots, "image", {
           key: 1,
-          transferData: o.value
+          transferData: s.value
         })
       ]),
       _: 3
     }, 40, ["draggable"]));
   }
 };
-const Xe = { class: "item-title" }, Ye = { style: { display: "flex", "flex-direction": "row", "justify-content": "flex-end" } }, Ue = {
+const Ds = { class: "item-title" }, ks = { style: { display: "flex", "flex-direction": "row", "justify-content": "flex-end" } }, Cs = {
   key: 0,
   class: "sub-menu"
-}, Ge = {
+}, Os = {
   __name: "DTreeItem",
   props: {
     model: Object,
@@ -303,108 +307,108 @@ const Xe = { class: "item-title" }, Ye = { style: { display: "flex", "flex-direc
     search: String
   },
   emits: ["nodedrop", "nodedragover", "nodedragleave", "nodeclick"],
-  setup(t, { emit: n }) {
-    const e = t, i = V(null), o = V(!1), l = V(!1), r = V(!1), s = p(() => e.model.children && e.model.children.length), a = p(() => (f.actions.isTreeExpanded(e.treeId) && (e.model.expanded = e.model.expanded === void 0 ? !0 : e.model.expanded), e.model.expanded)), d = (x) => {
-      n("nodeclick", { event: x, model: e.model });
-    }, u = (x) => {
-      n("nodeclick", x);
-    }, m = p(() => (f.actions.isItemSelected(e.treeId, e.model.id) ? "selected" : "") + (o.value ? "node-over " : "") + (l.value ? "node-top " : "") + (r.value ? "node-bottom " : "")), y = p(() => e.search ? !1 : e.model.draggable === !0), I = (x) => {
-      let b = te.data;
-      if (b.model.id === e.model.id || f.actions.isChildOfParent(e.treeId, e.items, e.model.id, b.model.id) || f.actions.isParentOfChild(e.treeId, e.items, b.model.id, e.model.id))
-        return o.value = !1, l.value = !1, r.value = !1, !1;
-      if (!f.state.trees[e.treeId].transfer && b.id !== e.treeId)
+  setup(t, { emit: e }) {
+    const n = t, o = St(null), s = St(!1), r = St(!1), c = St(!1), l = V(() => n.model.children && n.model.children.length), i = V(() => (N.actions.isTreeExpanded(n.treeId) && (n.model.expanded = n.model.expanded === void 0 ? !0 : n.model.expanded), n.model.expanded)), a = (w) => {
+      e("nodeclick", { event: w, model: n.model });
+    }, d = (w) => {
+      e("nodeclick", w);
+    }, u = V(() => (N.actions.isItemSelected(n.treeId, n.model.id) ? "selected" : "") + (s.value ? "node-over " : "") + (r.value ? "node-top " : "") + (c.value ? "node-bottom " : "")), f = V(() => n.search ? !1 : n.model.draggable === !0), m = (w) => {
+      let y = Ve.data;
+      if (y.model.id === n.model.id || N.actions.isChildOfParent(n.treeId, n.items, n.model.id, y.model.id) || N.actions.isParentOfChild(n.treeId, n.items, y.model.id, n.model.id))
+        return s.value = !1, r.value = !1, c.value = !1, !1;
+      if (!N.state.trees[n.treeId].transfer && y.id !== n.treeId)
         return !1;
-      let $ = "";
-      l.value ? $ = "before" : r.value ? $ = "after" : $ = "inside", f.actions.moveTreeNode(b.id, e.treeId, e.items, b.model.id, e.model.id, $), o.value = !1, l.value = !1, r.value = !1;
-    }, B = (x) => {
-      let b = te.data;
-      if (b.model.id === e.model.id || f.actions.isChildOfParent(e.treeId, e.items, e.model.id, b.model.id) || f.actions.isParentOfChild(e.treeId, e.items, b.model.id, e.model.id))
+      let p = "";
+      r.value ? p = "before" : c.value ? p = "after" : p = "inside", N.actions.moveTreeNode(y.id, n.treeId, n.items, y.model.id, n.model.id, p), s.value = !1, r.value = !1, c.value = !1;
+    }, S = (w) => {
+      let y = Ve.data;
+      if (y.model.id === n.model.id || N.actions.isChildOfParent(n.treeId, n.items, n.model.id, y.model.id) || N.actions.isParentOfChild(n.treeId, n.items, y.model.id, n.model.id))
         return !1;
-      const $ = x.y, z = i.value.getBoundingClientRect().top, S = i.value.getBoundingClientRect().height, g = S / 3;
-      $ > z && $ <= z + g ? (o.value = !1, l.value = !0, r.value = !1) : $ < z + S && $ >= z + S - g ? (o.value = !1, l.value = !1, r.value = !0) : (o.value = !0, l.value = !1, r.value = !1);
-    }, M = () => {
-      o.value = !1, l.value = !1, r.value = !1;
+      const p = w.y, g = o.value.getBoundingClientRect().top, T = o.value.getBoundingClientRect().height, x = T / 3;
+      p > g && p <= g + x ? (s.value = !1, r.value = !0, c.value = !1) : p < g + T && p >= g + T - x ? (s.value = !1, r.value = !1, c.value = !0) : (s.value = !0, r.value = !1, c.value = !1);
+    }, h = () => {
+      s.value = !1, r.value = !1, c.value = !1;
     };
-    return (x, b) => {
-      const $ = Le("d-tree-item", !0);
-      return h(), w(je, {
+    return (w, y) => {
+      const p = ds("d-tree-item", !0);
+      return R(), st(Ts, {
         tag: "li",
         class: "tree-item",
-        "transfer-data": { id: e.treeId, model: e.model },
-        draggable: y.value,
-        onDrop: W(I, ["stop"]),
-        onDragenter: b[0] || (b[0] = W(() => {
+        "transfer-data": { id: n.treeId, model: n.model },
+        draggable: f.value,
+        onDrop: Qt(m, ["stop"]),
+        onDragenter: y[0] || (y[0] = Qt(() => {
         }, ["prevent"])),
-        onDragover: W(B, ["prevent", "stop"]),
-        onDragleave: W(M, ["prevent"])
+        onDragover: Qt(S, ["prevent", "stop"]),
+        onDragleave: Qt(h, ["prevent"])
       }, {
-        default: H(() => {
-          var z, S;
+        default: vt(() => {
+          var g, T;
           return [
-            P("div", {
+            ie("div", {
               ref_key: "node",
-              ref: i,
-              class: k(m.value),
-              onClick: d
+              ref: o,
+              class: Ft(u.value),
+              onClick: a
             }, [
-              P("div", null, [
-                e.model.icons && e.model.icons.pre && s.value && !e.search ? (h(), w(R(Z), {
+              ie("div", null, [
+                n.model.icons && n.model.icons.pre && l.value && !n.search ? (R(), st(Wt(_e), {
                   key: 0,
-                  component: E(F).getters.getIcon(e.model.icons.pre.component),
+                  component: nt(Rt).getters.getIcon(n.model.icons.pre.component),
                   size: 18,
-                  color: e.model.icons.pre.color ? e.model.icons.pre.color : "inherit",
-                  class: k(a.value ? "tree-open-pre" : "")
-                }, null, 8, ["component", "color", "class"])) : N("", !0),
-                e.model.icons && e.model.icons.pre && !s.value && !e.search ? (h(), w(R(Z), {
+                  color: n.model.icons.pre.color ? n.model.icons.pre.color : "inherit",
+                  class: Ft(i.value ? "tree-open-pre" : "")
+                }, null, 8, ["component", "color", "class"])) : pt("", !0),
+                n.model.icons && n.model.icons.pre && !l.value && !n.search ? (R(), st(Wt(_e), {
                   key: 1,
-                  component: E(F).getters.getIcon(e.model.icons.pre.component),
+                  component: nt(Rt).getters.getIcon(n.model.icons.pre.component),
                   size: 18,
                   color: "rgba(0,0,0,0)",
-                  class: k(a.value ? "tree-open-pre" : "")
-                }, null, 8, ["component", "class"])) : N("", !0),
-                e.model.icons && e.model.icons.icon ? (h(), w(R(Z), {
+                  class: Ft(i.value ? "tree-open-pre" : "")
+                }, null, 8, ["component", "class"])) : pt("", !0),
+                n.model.icons && n.model.icons.icon ? (R(), st(Wt(_e), {
                   key: 2,
-                  component: E(F).getters.getIcon(e.model.icons.icon.component),
-                  color: e.model.icons.icon.color ? e.model.icons.icon.color : "inherit",
-                  size: e.model.icons.icon.size ? e.model.icons.icon.size : null,
-                  className: e.model.icons.icon.class ? e.model.icons.icon.class : null
-                }, null, 8, ["component", "color", "size", "className"])) : N("", !0),
-                P("div", Xe, [
-                  P("div", null, le(E(f).actions.renderTitle(e.treeId, e.model.title)), 1)
+                  component: nt(Rt).getters.getIcon(n.model.icons.icon.component),
+                  color: n.model.icons.icon.color ? n.model.icons.icon.color : "inherit",
+                  size: n.model.icons.icon.size ? n.model.icons.icon.size : null,
+                  className: n.model.icons.icon.class ? n.model.icons.icon.class : null
+                }, null, 8, ["component", "color", "size", "className"])) : pt("", !0),
+                ie("div", Ds, [
+                  ie("div", null, bn(nt(N).actions.renderTitle(n.treeId, n.model.title)), 1)
                 ])
               ]),
-              P("div", Ye, [
-                ((z = e.model.badge) == null ? void 0 : z.value) !== void 0 ? (h(), w(R(Ae), {
+              ie("div", ks, [
+                ((g = n.model.badge) == null ? void 0 : g.value) !== void 0 ? (R(), st(Wt(Ss), {
                   key: 0,
-                  class: k([(S = e.model.badge) == null ? void 0 : S.class, "badge-sm"])
+                  class: Ft([(T = n.model.badge) == null ? void 0 : T.class, "badge-sm"])
                 }, {
-                  default: H(() => [
-                    Ne(le(e.model.badge.value), 1)
+                  default: vt(() => [
+                    us(bn(n.model.badge.value), 1)
                   ]),
                   _: 1
-                }, 8, ["class"])) : N("", !0),
-                e.model.icons && e.model.icons.post && s.value && !e.search ? (h(), w(R(Z), {
+                }, 8, ["class"])) : pt("", !0),
+                n.model.icons && n.model.icons.post && l.value && !n.search ? (R(), st(Wt(_e), {
                   key: 1,
-                  component: E(F).getters.getIcon(e.model.icons.post.component),
+                  component: nt(Rt).getters.getIcon(n.model.icons.post.component),
                   size: 20,
-                  color: e.model.icons.post.color ? e.model.icons.post.color : "inherit",
-                  class: k(a.value ? "tree-open-post" : "")
-                }, null, 8, ["component", "color", "class"])) : N("", !0)
+                  color: n.model.icons.post.color ? n.model.icons.post.color : "inherit",
+                  class: Ft(i.value ? "tree-open-post" : "")
+                }, null, 8, ["component", "color", "class"])) : pt("", !0)
               ])
             ], 2),
-            ue(Fe, null, {
-              default: H(() => [
-                s.value && a.value && !e.search ? (h(), D("ul", Ue, [
-                  (h(!0), D(J, null, ce(t.model.children, (g) => (h(), w($, {
+            ko(xs, null, {
+              default: vt(() => [
+                l.value && i.value && !n.search ? (R(), at("ul", Cs, [
+                  (R(!0), at(Bn, null, Co(t.model.children, (x) => (R(), st(p, {
                     class: "tree-item",
-                    key: g.id,
-                    model: g,
-                    treeId: e.treeId,
-                    items: e.items,
-                    search: e.search,
-                    onNodeclick: u
+                    key: x.id,
+                    model: x,
+                    treeId: n.treeId,
+                    items: n.items,
+                    search: n.search,
+                    onNodeclick: d
                   }, null, 8, ["model", "treeId", "items", "search"]))), 128))
-                ])) : N("", !0)
+                ])) : pt("", !0)
               ]),
               _: 1
             })
@@ -414,8 +418,8 @@ const Xe = { class: "item-title" }, Ye = { style: { display: "flex", "flex-direc
       }, 8, ["transfer-data", "draggable", "onDrop", "onDragover", "onDragleave"]);
     };
   }
-}, Ze = /* @__PURE__ */ fe(Ge, [["__scopeId", "data-v-00a53150"]]);
-function Ke(t) {
+}, Is = /* @__PURE__ */ je(Os, [["__scopeId", "data-v-417927d7"]]);
+function Es(t) {
   return t = t || /* @__PURE__ */ new Map(), {
     /**
      * A Map of event names to registered handler functions.
@@ -427,9 +431,9 @@ function Ke(t) {
      * @param {Function} handler Function to call in response to given event
      * @memberOf eventsBus
      */
-    on(n, e) {
-      const i = t.get(n);
-      i ? i.push(e) : t.set(n, [e]);
+    on(e, n) {
+      const o = t.get(e);
+      o ? o.push(n) : t.set(e, [n]);
     },
     /**
      * Remove an event handler for the given type.
@@ -438,9 +442,9 @@ function Ke(t) {
      * @param {Function} [handler] Handler function to remove
      * @memberOf eventsBus
      */
-    off(n, e) {
-      const i = t.get(n);
-      i && (e ? i.splice(i.indexOf(e) >>> 0, 1) : t.set(n, []));
+    off(e, n) {
+      const o = t.get(e);
+      o && (n ? o.splice(o.indexOf(n) >>> 0, 1) : t.set(e, []));
     },
     /**
      * Invoke all handlers for the given type.
@@ -452,142 +456,143 @@ function Ke(t) {
      * @param {Any} [evt] Any value (object is recommended and powerful), passed to each handler
      * @memberOf eventsBus
      */
-    emit(n, e) {
-      let i = t.get(n);
-      i && i.slice().map((o) => {
-        o(e);
-      }), i = t.get("*"), i && i.slice().map((o) => {
-        o(n, e);
+    emit(e, n) {
+      let o = t.get(e);
+      o && o.slice().map((s) => {
+        s(n);
+      }), o = t.get("*"), o && o.slice().map((s) => {
+        s(e, n);
       });
     }
   };
 }
-const j = Ke(), f = {
-  state: ae({
+const ve = Es(), N = {
+  state: Ln({
     trees: {}
   }),
   getters: {
     getItems(t) {
-      return f.state.trees[t].items;
+      return N.state.trees[t].items;
     },
     getItemsSelect(t) {
-      return f.state.trees[t].selected;
+      return N.state.trees[t].selected;
     },
     // data - ноды, dataId - ID ноды родителя data
-    getParentId(t, n, e, i = "id", o = "children", l = {}) {
-      return e && t && (t.find((r) => r[i] === e ? (l.found = n, r) : f.getters.getParentId(r[o], r.id, e, i, o, l)), l.found) ? l.found : !1;
+    getParentId(t, e, n, o = "id", s = "children", r = {}) {
+      return n && t && (t.find((c) => c[o] === n ? (r.found = e, c) : N.getters.getParentId(c[s], c.id, n, o, s, r)), r.found) ? r.found : !1;
     }
   },
   mutations: {
-    setTreeItems(t, n) {
-      f.state.trees[t].items = n;
+    setTreeItems(t, e) {
+      N.state.trees[t].items = e;
     },
-    setItemSelect(t, n) {
-      f.state.trees[t].noSelect || (f.state.trees[t].multiSelect ? f.state.trees[t].selected.includes(n.id) ? f.state.trees[t].selected = f.state.trees[t].selected.filter(function(e) {
-        return e !== n.id;
-      }) : f.state.trees[t].selected = [...f.state.trees[t].selected, n.id] : f.state.trees[t].selected = [n.id]);
+    setItemSelect(t, e) {
+      N.state.trees[t].noSelect || (N.state.trees[t].multiSelect ? N.state.trees[t].selected.includes(e.id) ? N.state.trees[t].selected = N.state.trees[t].selected.filter(function(n) {
+        return n !== e.id;
+      }) : N.state.trees[t].selected = [...N.state.trees[t].selected, e.id] : N.state.trees[t].selected = [e.id]);
     }
   },
   actions: {
-    initTreeStore(t, n, e, i, o, l) {
-      f.state.trees[t] = [], f.state.trees[t].selected = [], f.state.trees[t].noSelect = n, f.state.trees[t].multiSelect = e, f.state.trees[t].expanded = i, f.state.trees[t].transfer = o, f.state.trees[t].renderTitle = l;
+    initTreeStore(t, e, n, o, s, r) {
+      N.state.trees[t] = [], N.state.trees[t].selected = [], N.state.trees[t].noSelect = e, N.state.trees[t].multiSelect = n, N.state.trees[t].expanded = o, N.state.trees[t].transfer = s, N.state.trees[t].renderTitle = r;
     },
-    renderTitle(t, n) {
-      return f.state.trees[t].renderTitle ? f.state.trees[t].renderTitle(n) : n;
+    renderTitle(t, e) {
+      return N.state.trees[t].renderTitle ? N.state.trees[t].renderTitle(e) : e;
     },
-    isItemSelected(t, n) {
-      return f.state.trees[t].selected.includes(n);
+    isItemSelected(t, e) {
+      return N.state.trees[t].selected.includes(e);
     },
-    toggleItem(t, n, e) {
-      const i = f.actions.deepSearch(n, e);
-      i.expanded = i.expanded === void 0 || !i.expanded, i.children && i.children.length && (i.expanded ? j.emit(`expand-${t}`, { id: t, model: i }) : j.emit(`collapse-${t}`, { id: t, model: i }));
+    toggleItem(t, e) {
+      e.expanded = e.expanded === void 0 || !e.expanded, e.children && e.children.length && (e.expanded ? ve.emit(`expand-${t}`, { id: t, model: e }) : ve.emit(`collapse-${t}`, { id: t, model: e }));
     },
     isTreeExpanded(t) {
-      return f.state.trees[t].expanded;
+      return N.state.trees[t].expanded;
     },
-    isChildOfParent(t, n, e, i) {
-      const o = f.actions.deepSearch(n, e);
-      if (o && o.children) {
-        for (let l = 0; l < o.children.length; l++)
-          if (o.children[l].id === i)
+    isChildOfParent(t, e, n, o) {
+      const s = N.actions.deepSearch(e, n);
+      if (s && s.children) {
+        for (let r = 0; r < s.children.length; r++)
+          if (s.children[r].id === o)
             return !0;
       }
       return !1;
     },
     // Является ли нода родителем указанного потомка
-    isParentOfChild(t, n, e, i) {
-      const o = f.actions.deepSearch(n, e);
-      return !!(o && o.children && f.actions.deepSearch(o.children, i));
-    },
-    deepSearch(t, n, e = "id", i = "children", o = {}) {
-      return n && t && (t.find((l) => l[e] === n ? (o.found = l, l) : f.actions.deepSearch(l[i], n, e, i, o)), o.found) ? o.found : !1;
-    },
-    deepSearchByTitle(t, n, e = "title", i = "children", o = []) {
-      if (n && t && (t.find((l) => {
-        const r = new RegExp(n, "gi");
-        l[e].toString().toLowerCase().match(r) !== null && o.push(l), f.actions.deepSearchByTitle(l[i], n, e, i, o);
-      }), o)) {
-        for (let l = 0; l < o.length; l++)
+    isParentOfChild(t, e, n, o) {
+      const s = N.actions.deepSearch(e, n);
+      return !!(s && s.children && N.actions.deepSearch(s.children, o));
+    },
+    deepSearch(t, e, n = "id", o = "children", s = {}) {
+      return e && t && (t.find((r) => r[n] === e ? (s.found = r, r) : N.actions.deepSearch(r[o], e, n, o, s)), s.found) ? s.found : !1;
+    },
+    deepSearchByTitle(t, e, n = "title", o = "children", s = []) {
+      if (e && t && (t.find((r) => {
+        const c = new RegExp(e, "gi");
+        r[n].toString().toLowerCase().match(c) !== null && s.push(r), N.actions.deepSearchByTitle(r[o], e, n, o, s);
+      }), s)) {
+        for (let r = 0; r < s.length; r++)
           ;
-        return o;
+        return s;
       }
-      return o;
+      return s;
     },
-    moveTreeNode(t, n, e, i, o, l) {
-      const r = f.actions.deleteTreeNode(e, i);
-      f.actions.insertTreeNode(e, o, r, l), j.emit(`move-${n}`, { fromTreeId: t, toTreeId: n, moved: r.id, target: o, position: l });
+    moveTreeNode(t, e, n, o, s, r) {
+      const c = N.actions.deleteTreeNode(n, o);
+      N.actions.insertTreeNode(n, s, c, r), ve.emit(`move-${e}`, { fromTreeId: t, toTreeId: e, moved: c.id, target: s, position: r });
     },
-    insertTreeNode(t, n, e, i) {
+    insertTreeNode(t, e, n, o) {
       if (t)
-        for (let o = 0; o < t.length; o++) {
-          if (t[o].id === n) {
-            let r = o;
-            return i === "after" ? (r++, t.splice(r, 0, e)) : i === "before" ? t.splice(r, 0, e) : i === "inside" && (Object.hasOwn(t[o], "children") || (t[o].children = [], t[o].opened = !0), t[o].children.splice(0, 0, e)), t[o];
+        for (let s = 0; s < t.length; s++) {
+          if (t[s].id === e) {
+            let c = s;
+            return o === "after" ? (c++, t.splice(c, 0, n)) : o === "before" ? t.splice(c, 0, n) : o === "inside" && (Object.hasOwn(t[s], "children") || (t[s].children = [], t[s].opened = !0), t[s].children.splice(0, 0, n)), t[s];
           }
-          const l = this.insertTreeNode(t[o].children, n, e, i);
-          if (l)
-            return l;
+          const r = this.insertTreeNode(t[s].children, e, n, o);
+          if (r)
+            return r;
         }
     },
-    deleteTreeNode(t, n) {
+    deleteTreeNode(t, e) {
       if (t)
-        for (let e = 0; e < t.length; e++) {
-          if (t[e].id === n) {
-            const o = t[e];
-            return t.splice(e, 1), o;
+        for (let n = 0; n < t.length; n++) {
+          if (t[n].id === e) {
+            const s = t[n];
+            return t.splice(n, 1), s;
           }
-          const i = f.actions.deleteTreeNode(t[e].children, n);
-          if (i)
-            return i;
+          const o = N.actions.deleteTreeNode(t[n].children, e);
+          if (o)
+            return o;
         }
     }
   }
-}, qe = {
+}, Bs = {
   __name: "DDrop",
   props: {
     tag: { type: String, default: "div" }
   },
-  emits: Object.keys(L),
-  setup(t, { emit: n }) {
-    let e = ae({});
-    const i = V("false"), o = V(null), l = /* @__PURE__ */ new Set(), r = p(() => i.value && e), s = (a, d) => {
-      e = te.data, n(a, d, e), a === L.dragenter && (l.size || d.target === o.value) && l.add(d.target), a === L.dragleave && l.delete(d.target), a === L.drop && l.clear(), i.value = !!l.size;
+  emits: Object.keys(dt),
+  setup(t, { expose: e, emit: n }) {
+    let o = Ln({});
+    const s = St("false"), r = St(null), c = /* @__PURE__ */ new Set(), l = V(() => s.value && o), i = (d, u) => {
+      o = Ve.data, n(d, u, o), d === dt.dragenter && (c.size || u.target === r.value) && c.add(u.target), d === dt.dragleave && c.delete(u.target), d === dt.drop && c.clear(), s.value = !!c.size;
     };
-    return (a, d) => (h(), w(R(t.tag), {
+    return e({
+      elementSize: () => r.value.getBoundingClientRect()
+    }), (d, u) => (R(), st(Wt(t.tag), {
       ref_key: "el",
-      ref: o,
-      onDragenter: d[0] || (d[0] = (u) => s(E(L).dragenter, u)),
-      onDragleave: d[1] || (d[1] = (u) => s(E(L).dragleave, u)),
-      onDragover: d[2] || (d[2] = W((u) => s(E(L).dragover, u), ["prevent"])),
-      onDrop: d[3] || (d[3] = W((u) => s(E(L).drop, u), ["prevent"]))
+      ref: r,
+      onDragenter: u[0] || (u[0] = (f) => i(nt(dt).dragenter, f)),
+      onDragleave: u[1] || (u[1] = (f) => i(nt(dt).dragleave, f)),
+      onDragover: u[2] || (u[2] = Qt((f) => i(nt(dt).dragover, f), ["prevent"])),
+      onDrop: u[3] || (u[3] = Qt((f) => i(nt(dt).drop, f), ["prevent"]))
     }, {
-      default: H(() => [
-        _(a.$slots, "default", { transferData: r.value })
+      default: vt(() => [
+        ot(d.$slots, "default", { transferData: l.value })
       ]),
       _: 3
     }, 544));
   }
-}, Je = {
+}, Ls = {
   __name: "DTree",
   props: {
     items: Array,
@@ -606,57 +611,59 @@ const j = Ke(), f = {
     // строка поиска
   },
   emits: ["select", "collapse", "expand", "move"],
-  setup(t, { emit: n }) {
-    const e = t, i = Be().uid;
-    f.actions.initTreeStore(i, e.noSelect, e.multiSelect, e.expanded, e.transfer, e.renderTitle);
-    const o = (s, a) => {
-      console.log(s, a);
+  setup(t, { expose: e, emit: n }) {
+    const o = t, s = St(null), r = fs().uid;
+    N.actions.initTreeStore(r, o.noSelect, o.multiSelect, o.expanded, o.transfer, o.renderTitle);
+    const c = (d, u) => {
+      console.log(d, u);
     };
-    j.on(`select-${i}`, (s) => {
-      n("select", s);
-    }), j.on(`expand-${i}`, (s) => {
-      n("expand", s);
-    }), j.on(`collapse-${i}`, (s) => {
-      n("collapse", s);
-    }), j.on(`move-${i}`, (s) => {
-      n("move", s);
+    ve.on(`expand-${r}`, (d) => {
+      n("expand", d);
+    }), ve.on(`collapse-${r}`, (d) => {
+      n("collapse", d);
+    }), ve.on(`move-${r}`, (d) => {
+      n("move", d);
     });
-    const l = p(() => e.search ? f.actions.deepSearchByTitle(e.items, e.search) : e.items), r = (s = null) => {
-      f.mutations.setItemSelect(i, s.model), f.actions.toggleItem(i, e.items, s.model.id);
+    const l = V(() => o.search ? N.actions.deepSearchByTitle(o.items, o.search) : o.items), i = (d = null) => {
+      N.mutations.setItemSelect(r, d.model), N.actions.toggleItem(r, d.model), n("select", d);
     };
-    return (s, a) => (h(), w(qe, {
+    return e({
+      elementSize: () => s.value.elementSize()
+    }), (d, u) => (R(), st(Bs, {
+      ref_key: "treeRef",
+      ref: s,
       class: "tree",
       tag: "ul",
-      onDrop: W(o, ["stop"])
+      onDrop: Qt(c, ["stop"])
     }, {
-      default: H(() => [
-        (h(!0), D(J, null, ce(l.value, (d) => (h(), w(Ze, {
-          key: d.id,
-          model: d,
-          treeId: E(i),
-          items: e.items,
-          search: e.search,
-          onNodeclick: r
+      default: vt(() => [
+        (R(!0), at(Bn, null, Co(l.value, (f) => (R(), st(Is, {
+          key: f.id,
+          model: f,
+          treeId: nt(r),
+          items: o.items,
+          search: o.search,
+          onNodeclick: i
         }, null, 8, ["model", "treeId", "items", "search"]))), 128))
       ]),
       _: 1
     }, 8, ["onDrop"]));
   }
 };
-const Qe = {
+const zs = {
   __name: "DAccordion",
   props: {
     items: Array
   },
   setup(t) {
-    const n = t;
-    return (e, i) => (h(), w(Je, {
+    const e = t;
+    return (n, o) => (R(), st(Ls, {
       class: "accordion",
-      items: n.items,
+      items: e.items,
       "no-select": !0
     }, null, 8, ["items"]));
   }
-}, on = /* @__PURE__ */ fe(Qe, [["__scopeId", "data-v-4c920528"]]), et = {
+}, vi = /* @__PURE__ */ je(zs, [["__scopeId", "data-v-4c920528"]]), Ns = {
   __name: "DLayoutHeader",
   props: {
     fixed: {
@@ -690,18 +697,18 @@ const Qe = {
     useMinWidthLayout: Boolean
   },
   setup(t) {
-    const n = t, e = p(() => {
-      const { fixed: i, zIndex: o, minWidth: l, height: r, paddingLeft: s, transitionDuration: a, transitionTimingFunction: d } = n, u = i ? "fixed" : "static", m = n.useMinWidthLayout ? `min-width:${l}px;` : "";
-      return `position:${u};z-index:${o};${m}height:${r}px;padding-left:${s}px;transition-duration:${a}ms;transition-timing-function:${d};`;
+    const e = t, n = V(() => {
+      const { fixed: o, zIndex: s, minWidth: r, height: c, paddingLeft: l, transitionDuration: i, transitionTimingFunction: a } = e, d = o ? "fixed" : "static", u = e.useMinWidthLayout ? `min-width:${r}px;` : "";
+      return `position:${d};z-index:${s};${u}height:${c}px;padding-left:${l}px;transition-duration:${i}ms;transition-timing-function:${a};`;
     });
-    return (i, o) => (h(), D("header", {
+    return (o, s) => (R(), at("header", {
       class: "d-layout-header",
-      style: C(e.value)
+      style: Yt(n.value)
     }, [
-      _(i.$slots, "default")
+      ot(o.$slots, "default")
     ], 4));
   }
-}, tt = {
+}, Hs = {
   __name: "DLayoutTab",
   props: {
     fixed: {
@@ -739,18 +746,18 @@ const Qe = {
     useMinWidthLayout: Boolean
   },
   setup(t) {
-    const n = t, e = p(() => {
-      const { fixed: i, top: o, zIndex: l, minWidth: r, height: s, paddingLeft: a, transitionDuration: d, transitionTimingFunction: u } = n, m = i ? "fixed" : "static", y = n.useMinWidthLayout ? `min-width: ${r}px;` : "";
-      return `position:${m};top:${o}px;z-index:${l};${y}height:${s}px;padding-left:${a}px;transition-duration:${d}ms;transition-timing-function:${u};`;
+    const e = t, n = V(() => {
+      const { fixed: o, top: s, zIndex: r, minWidth: c, height: l, paddingLeft: i, transitionDuration: a, transitionTimingFunction: d } = e, u = o ? "fixed" : "static", f = e.useMinWidthLayout ? `min-width: ${c}px;` : "";
+      return `position:${u};top:${s}px;z-index:${r};${f}height:${l}px;padding-left:${i}px;transition-duration:${a}ms;transition-timing-function:${d};`;
     });
-    return (i, o) => (h(), D("div", {
+    return (o, s) => (R(), at("div", {
       class: "d-layout-tab",
-      style: C(e.value)
+      style: Yt(n.value)
     }, [
-      _(i.$slots, "default")
+      ot(o.$slots, "default")
     ], 4));
   }
-}, nt = {
+}, As = {
   __name: "DLayoutFooter",
   props: {
     fixed: {
@@ -784,18 +791,18 @@ const Qe = {
     useMinWidthLayout: Boolean
   },
   setup(t) {
-    const n = t, e = p(() => {
-      const { fixed: i, zIndex: o, minWidth: l, height: r, paddingLeft: s, transitionDuration: a, transitionTimingFunction: d } = n, u = i ? "fixed" : "static", m = n.useMinWidthLayout ? `min-width:${l}px;` : "";
-      return `position:${u};z-index:${o};${m}height:${r}px;padding-left:${s}px;transition-duration:${a}ms;transition-timing-function:${d};`;
+    const e = t, n = V(() => {
+      const { fixed: o, zIndex: s, minWidth: r, height: c, paddingLeft: l, transitionDuration: i, transitionTimingFunction: a } = e, d = o ? "fixed" : "static", u = e.useMinWidthLayout ? `min-width:${r}px;` : "";
+      return `position:${d};z-index:${s};${u}height:${c}px;padding-left:${l}px;transition-duration:${i}ms;transition-timing-function:${a};`;
     });
-    return (i, o) => (h(), D("footer", {
+    return (o, s) => (R(), at("footer", {
       class: "d-layout-footer",
-      style: C(e.value)
+      style: Yt(n.value)
     }, [
-      _(i.$slots, "default")
+      ot(o.$slots, "default")
     ], 4));
   }
-}, ot = {
+}, Ps = {
   __name: "DLayoutSidebar",
   props: {
     zIndex: {
@@ -824,18 +831,18 @@ const Qe = {
     }
   },
   setup(t) {
-    const n = t, e = p(() => {
-      const { zIndex: i, width: o, paddingTop: l, transitionDuration: r, transitionTimingFunction: s } = n;
-      return `z-index:${i};width:${o}px;padding-top:${l}px;transition-duration:${r}ms;transition-timing-function:${s};`;
+    const e = t, n = V(() => {
+      const { zIndex: o, width: s, paddingTop: r, transitionDuration: c, transitionTimingFunction: l } = e;
+      return `z-index:${o};width:${s}px;padding-top:${r}px;transition-duration:${c}ms;transition-timing-function:${l};`;
     });
-    return (i, o) => (h(), D("aside", {
+    return (o, s) => (R(), at("aside", {
       class: "d-layout-sidebar",
-      style: C(e.value)
+      style: Yt(n.value)
     }, [
-      _(i.$slots, "default")
+      ot(o.$slots, "default")
     ], 4));
   }
-}, it = {
+}, Ms = {
   __name: "DLayoutContent",
   props: {
     paddingTop: {
@@ -861,48 +868,48 @@ const Qe = {
     }
   },
   setup(t) {
-    const n = t, e = p(() => {
-      const { paddingTop: i, paddingBottom: o, paddingLeft: l, transitionDuration: r, transitionTimingFunction: s } = n, a = `overflow:${n.overflowHidden ? "hidden" : "visible"};`;
-      return `padding-top:${i}px;padding-bottom:${o}px;padding-left:${l}px;${a}transition-duration:${r}ms;transition-timing-function:${s};`;
+    const e = t, n = V(() => {
+      const { paddingTop: o, paddingBottom: s, paddingLeft: r, transitionDuration: c, transitionTimingFunction: l } = e, i = `overflow:${e.overflowHidden ? "hidden" : "visible"};`;
+      return `padding-top:${o}px;padding-bottom:${s}px;padding-left:${r}px;${i}transition-duration:${c}ms;transition-timing-function:${l};`;
     });
-    return (i, o) => (h(), D("main", {
-      style: C(e.value),
+    return (o, s) => (R(), at("main", {
+      style: Yt(n.value),
       class: "d-layout-content"
     }, [
-      _(i.$slots, "default")
+      ot(o.$slots, "default")
     ], 4));
   }
 };
-function at(t) {
-  const n = V(0), e = p(() => `transform: translateX(${-n.value}px);`);
-  let i = !1;
-  function o(u) {
-    n.value = u;
-  }
-  function l() {
-    var u;
-    const m = ((u = document.scrollingElement) === null || u === void 0 ? void 0 : u.scrollLeft) || 0;
-    o(m);
+function Fs(t) {
+  const e = St(0), n = V(() => `transform: translateX(${-e.value}px);`);
+  let o = !1;
+  function s(d) {
+    e.value = d;
   }
   function r() {
-    l();
+    var d;
+    const u = ((d = document.scrollingElement) === null || d === void 0 ? void 0 : d.scrollLeft) || 0;
+    s(u);
   }
-  function s() {
-    document.addEventListener("scroll", l);
+  function c() {
+    r();
   }
-  function a() {
-    i && document.removeEventListener("scroll", l);
+  function l() {
+    document.addEventListener("scroll", r);
   }
-  function d() {
-    r(), s(), i = !0;
+  function i() {
+    o && document.removeEventListener("scroll", r);
   }
-  return K(t, (u) => {
-    u ? d() : a();
-  }, { immediate: !0 }), ee(() => {
-    a();
-  }), e;
+  function a() {
+    c(), l(), o = !0;
+  }
+  return ce(t, (d) => {
+    d ? a() : i();
+  }, { immediate: !0 }), Oo(() => {
+    i();
+  }), n;
 }
-const rt = 1001, lt = 999, st = 998, an = {
+const Ws = 1001, Rs = 999, Vs = 998, yi = {
   __name: "DLayoutAdmin",
   props: {
     mode: {
@@ -991,130 +998,130 @@ const rt = 1001, lt = 999, st = 998, an = {
       default: "rgba(0,0,0,0.3)"
     }
   },
-  emits: ["update:sidebar-collapse"],
-  setup(t, { emit: n }) {
-    const e = t, i = p(() => e.useMinWidthLayout ? `min-width:${e.minWidth}px;` : ""), o = p(() => e.useMinWidthLayout && (e.fixedHeaderAndTab || e.fixedFooter)), l = at(o), r = p(() => e.fixedHeaderAndTab ? l.value : ""), s = p(() => e.fixedFooter ? l.value : ""), a = p(() => {
-      const { transitionDuration: g, transitionTimingFunction: c } = e;
+  emits: ["update:sidebar-collapse", "sidebar-mask-click"],
+  setup(t, { emit: e }) {
+    const n = t, o = V(() => n.useMinWidthLayout ? `min-width:${n.minWidth}px;` : ""), s = V(() => n.useMinWidthLayout && (n.fixedHeaderAndTab || n.fixedFooter)), r = Fs(s), c = V(() => n.fixedHeaderAndTab ? r.value : ""), l = V(() => n.fixedFooter ? r.value : ""), i = V(() => {
+      const { transitionDuration: x, transitionTimingFunction: A } = n;
       return {
-        transitionDuration: g,
-        transitionTimingFunction: c
+        transitionDuration: x,
+        transitionTimingFunction: A
       };
-    }), d = p(() => e.mode === "vertical"), u = p(() => e.isMobile || d.value ? 1003 : 1e3), m = p({
+    }), a = V(() => n.mode === "vertical"), d = V(() => n.isMobile || a.value ? 1003 : 1e3), u = V({
       get() {
-        return e.sidebarCollapse;
+        return n.sidebarCollapse;
       },
-      set(g) {
-        n("update:sidebar-collapse", g);
+      set(x) {
+        e("update:sidebar-collapse", x);
       }
     });
-    function y() {
-      m.value = !0;
+    function f() {
+      e("sidebar-mask-click");
     }
-    const I = p(() => e.isMobile && !m.value), B = p(() => {
-      const { transitionDuration: g, transitionTimingFunction: c } = e;
-      return `background-color:${e.maskBg};transition-duration:${g}ms;transition-timing-function:${c};`;
-    }), M = p(() => {
-      const { sidebarWidth: g, sidebarCollapsedWidth: c } = e, v = e.isMobile ? 0 : c, T = m.value ? v : g;
-      return e.sidebarVisible ? T : 0;
-    }), x = p(() => e.isMobile ? 0 : M.value), b = p(() => d.value ? x.value : 0), $ = p(
-      () => !e.isMobile && !d.value && e.headerVisible ? e.headerHeight : 0
-    ), z = p(() => {
-      let g = 0;
-      return e.fixedHeaderAndTab && (e.headerVisible && (g += e.headerHeight), e.tabVisible && (g += e.tabHeight)), g;
-    }), S = p(() => e.fixedFooter && e.footerVisible ? e.footerHeight : 0);
-    return (g, c) => (h(), D("div", {
+    const m = V(() => n.isMobile && !u.value), S = V(() => {
+      const { transitionDuration: x, transitionTimingFunction: A } = n;
+      return `background-color:${n.maskBg};transition-duration:${x}ms;transition-timing-function:${A};`;
+    }), h = V(() => {
+      const { sidebarWidth: x, sidebarCollapsedWidth: A } = n, P = n.isMobile ? 0 : A, H = u.value ? P : x;
+      return n.sidebarVisible ? H : 0;
+    }), w = V(() => n.isMobile ? 0 : h.value), y = V(() => a.value ? w.value : 0), p = V(
+      () => !n.isMobile && !a.value && n.headerVisible ? n.headerHeight : 0
+    ), g = V(() => {
+      let x = 0;
+      return n.fixedHeaderAndTab && (n.headerVisible && (x += n.headerHeight), n.tabVisible && (x += n.tabHeight)), x;
+    }), T = V(() => n.fixedFooter && n.footerVisible ? n.footerHeight : 0);
+    return (x, A) => (R(), at("div", {
       class: "d-layout",
-      style: C(i.value)
+      style: Yt(o.value)
     }, [
-      t.headerVisible ? (h(), w(et, Y({ key: 0 }, a.value, {
+      t.headerVisible ? (R(), st(Ns, $e({ key: 0 }, i.value, {
         fixed: t.fixedHeaderAndTab,
-        "z-index": rt,
+        "z-index": Ws,
         "min-width": t.minWidth,
         height: t.headerHeight,
-        "padding-left": b.value,
-        style: r.value
+        "padding-left": y.value,
+        style: c.value
       }), {
-        default: H(() => [
-          _(g.$slots, "header")
+        default: vt(() => [
+          ot(x.$slots, "header")
         ]),
         _: 3
-      }, 16, ["fixed", "min-width", "height", "padding-left", "style"])) : N("", !0),
-      t.tabVisible ? (h(), w(tt, Y({ key: 1 }, a.value, {
+      }, 16, ["fixed", "min-width", "height", "padding-left", "style"])) : pt("", !0),
+      t.tabVisible ? (R(), st(Hs, $e({ key: 1 }, i.value, {
         fixed: t.fixedHeaderAndTab,
-        "z-index": lt,
+        "z-index": Rs,
         "min-width": t.minWidth,
         top: t.headerHeight,
         height: t.tabHeight,
-        "padding-left": x.value,
-        style: r.value
+        "padding-left": w.value,
+        style: c.value
       }), {
-        default: H(() => [
-          _(g.$slots, "tab")
+        default: vt(() => [
+          ot(x.$slots, "tab")
         ]),
         _: 3
-      }, 16, ["fixed", "min-width", "top", "height", "padding-left", "style"])) : N("", !0),
-      t.sidebarVisible ? (h(), w(ot, Y({ key: 2 }, a.value, {
-        "z-index": u.value,
-        width: M.value,
-        "padding-top": $.value
+      }, 16, ["fixed", "min-width", "top", "height", "padding-left", "style"])) : pt("", !0),
+      t.sidebarVisible ? (R(), st(Ps, $e({ key: 2 }, i.value, {
+        "z-index": d.value,
+        width: h.value,
+        "padding-top": p.value
       }), {
-        default: H(() => [
-          _(g.$slots, "sidebar")
+        default: vt(() => [
+          ot(x.$slots, "sidebar")
         ]),
         _: 3
-      }, 16, ["z-index", "width", "padding-top"])) : N("", !0),
-      I.value ? (h(), D("div", {
+      }, 16, ["z-index", "width", "padding-top"])) : pt("", !0),
+      m.value ? (R(), at("div", {
         key: 3,
         class: "d-layout-sidebar-mask",
-        style: C(B.value),
-        onClick: y
-      }, null, 4)) : N("", !0),
-      ue(it, Y(a.value, {
-        "padding-top": z.value,
-        "padding-bottom": S.value,
-        "padding-left": x.value,
+        style: Yt(S.value),
+        onClick: f
+      }, null, 4)) : pt("", !0),
+      ko(Ms, $e(i.value, {
+        "padding-top": g.value,
+        "padding-bottom": T.value,
+        "padding-left": w.value,
         "overflow-hidden": t.addMainOverflowHidden
       }), {
-        default: H(() => [
-          _(g.$slots, "default")
+        default: vt(() => [
+          ot(x.$slots, "default")
         ]),
         _: 3
       }, 16, ["padding-top", "padding-bottom", "padding-left", "overflow-hidden"]),
-      t.footerVisible ? (h(), w(nt, Y({ key: 4 }, a.value, {
+      t.footerVisible ? (R(), st(As, $e({ key: 4 }, i.value, {
         fixed: t.fixedFooter,
-        "z-index": st,
+        "z-index": Vs,
         "min-width": t.minWidth,
         height: t.footerHeight,
-        "padding-left": x.value,
-        style: s.value
+        "padding-left": w.value,
+        style: l.value
       }), {
-        default: H(() => [
-          _(g.$slots, "footer")
+        default: vt(() => [
+          ot(x.$slots, "footer")
         ]),
         _: 3
-      }, 16, ["fixed", "min-width", "height", "padding-left", "style"])) : N("", !0)
+      }, 16, ["fixed", "min-width", "height", "padding-left", "style"])) : pt("", !0)
     ], 4));
   }
-}, U = {
-  state: ae({
+}, Jt = {
+  state: Ln({
     theme: "dark"
   }),
   getters: {
     theme() {
-      return U.state.theme;
+      return Jt.state.theme;
     }
   },
   mutations: {
     setTheme(t) {
-      U.state.theme = t, document.documentElement.setAttribute("class", t);
+      Jt.state.theme = t, document.documentElement.setAttribute("class", t);
     }
   },
   actions: {
     toggleTheme() {
-      U.state.theme = U.state.theme === "dark" ? "light" : "dark", document.documentElement.setAttribute("class", U.state.theme);
+      Jt.state.theme = Jt.state.theme === "dark" ? "light" : "dark", document.documentElement.setAttribute("class", Jt.state.theme);
     }
   }
-}, rn = {
+}, bi = {
   __name: "DConfigProvider",
   props: {
     theme: {
@@ -1123,439 +1130,1587 @@ const rt = 1001, lt = 999, st = 998, an = {
     }
   },
   setup(t) {
-    const n = t;
-    return U.mutations.setTheme(n.theme), (e, i) => _(e.$slots, "default");
+    const e = t;
+    return Jt.mutations.setTheme(e.theme), (n, o) => ot(n.$slots, "default");
   }
 };
-var dt = typeof global == "object" && global && global.Object === Object && global;
-const ut = dt;
-var ct = typeof self == "object" && self && self.Object === Object && self, ft = ut || ct || Function("return this")();
-const $e = ft;
-var mt = $e.Symbol;
-const ne = mt;
-var _e = Object.prototype, pt = _e.hasOwnProperty, ht = _e.toString, G = ne ? ne.toStringTag : void 0;
-function gt(t) {
-  var n = pt.call(t, G), e = t[G];
-  try {
-    t[G] = void 0;
-    var i = !0;
-  } catch {
-  }
-  var o = ht.call(t);
-  return i && (n ? t[G] = e : delete t[G]), o;
-}
-var vt = Object.prototype, yt = vt.toString;
-function bt(t) {
-  return yt.call(t);
-}
-var St = "[object Null]", xt = "[object Undefined]", ve = ne ? ne.toStringTag : void 0;
-function Tt(t) {
-  return t == null ? t === void 0 ? xt : St : ve && ve in Object(t) ? gt(t) : bt(t);
-}
-function $t(t) {
-  return t != null && typeof t == "object";
-}
-var _t = "[object Symbol]";
-function Dt(t) {
-  return typeof t == "symbol" || $t(t) && Tt(t) == _t;
-}
-var wt = /\s/;
-function It(t) {
-  for (var n = t.length; n-- && wt.test(t.charAt(n)); )
-    ;
-  return n;
-}
-var Et = /^\s+/;
-function zt(t) {
-  return t && t.slice(0, It(t) + 1).replace(Et, "");
-}
-function oe(t) {
-  var n = typeof t;
-  return t != null && (n == "object" || n == "function");
+/*!
+ * OverlayScrollbars
+ * Version: 2.3.0
+ *
+ * Copyright (c) Rene Haas | KingSora.
+ * https://github.com/KingSora
+ *
+ * Released under the MIT license.
+ */
+function Y(t, e) {
+  if (Ze(t))
+    for (let n = 0; n < t.length && e(t[n], n, t) !== !1; n++)
+      ;
+  else
+    t && Y(Object.keys(t), (n) => e(t[n], n, t));
+  return t;
 }
-var ye = 0 / 0, Lt = /^[-+]0x[0-9a-f]+$/i, Nt = /^0b[01]+$/i, Bt = /^0o[0-7]+$/i, kt = parseInt;
-function q(t) {
-  if (typeof t == "number")
-    return t;
-  if (Dt(t))
-    return ye;
-  if (oe(t)) {
-    var n = typeof t.valueOf == "function" ? t.valueOf() : t;
-    t = oe(n) ? n + "" : n;
+function ft(t, e) {
+  const n = ne(e);
+  if (Tt(e) || n) {
+    let s = n ? "" : {};
+    if (t) {
+      const r = window.getComputedStyle(t, null);
+      s = n ? eo(t, r, e) : e.reduce((c, l) => (c[l] = eo(t, r, l), c), s);
+    }
+    return s;
   }
-  if (typeof t != "string")
-    return t === 0 ? t : +t;
-  t = zt(t);
-  var e = Nt.test(t);
-  return e || Bt.test(t) ? kt(t.slice(2), e ? 2 : 8) : Lt.test(t) ? ye : +t;
-}
-function Ht(t, n, e) {
-  return t === t && (e !== void 0 && (t = t <= e ? t : e), n !== void 0 && (t = t >= n ? t : n)), t;
+  t && Y(xt(e), (s) => rr(t, s, e[s]));
 }
-function Q(t, n, e) {
-  return e === void 0 && (e = n, n = void 0), e !== void 0 && (e = q(e), e = e === e ? e : 0), n !== void 0 && (n = q(n), n = n === n ? n : 0), Ht(q(t), n, e);
-}
-var Mt = function() {
-  return $e.Date.now();
-};
-const re = Mt;
-var Ct = "Expected a function", Pt = Math.max, Ot = Math.min;
-function De(t, n, e) {
-  var i, o, l, r, s, a, d = 0, u = !1, m = !1, y = !0;
-  if (typeof t != "function")
-    throw new TypeError(Ct);
-  n = q(n) || 0, oe(e) && (u = !!e.leading, m = "maxWait" in e, l = m ? Pt(q(e.maxWait) || 0, n) : l, y = "trailing" in e ? !!e.trailing : y);
-  function I(c) {
-    var v = i, T = o;
-    return i = o = void 0, d = c, r = t.apply(T, v), r;
+const Ct = (t, e) => {
+  const { o: n, u: o, _: s } = t;
+  let r = n, c;
+  const l = (d, u) => {
+    const f = r, m = d, S = u || (o ? !o(f, m) : f !== m);
+    return (S || s) && (r = m, c = f), [r, S, c];
+  };
+  return [e ? (d) => l(e(r, c), d) : l, (d) => [r, !!d, c]];
+}, Oe = () => typeof window < "u", Eo = Oe() && Node.ELEMENT_NODE, { toString: Us, hasOwnProperty: ln } = Object.prototype, Xt = (t) => t === void 0, Ke = (t) => t === null, Ys = (t) => Xt(t) || Ke(t) ? `${t}` : Us.call(t).replace(/^\[object (.+)\]$/, "$1").toLowerCase(), ee = (t) => typeof t == "number", ne = (t) => typeof t == "string", Nn = (t) => typeof t == "boolean", Et = (t) => typeof t == "function", Tt = (t) => Array.isArray(t), De = (t) => typeof t == "object" && !Tt(t) && !Ke(t), Ze = (t) => {
+  const e = !!t && t.length, n = ee(e) && e > -1 && e % 1 == 0;
+  return Tt(t) || !Et(t) && n ? e > 0 && De(t) ? e - 1 in t : !0 : !1;
+}, Sn = (t) => {
+  if (!t || !De(t) || Ys(t) !== "object")
+    return !1;
+  let e;
+  const n = "constructor", o = t[n], s = o && o.prototype, r = ln.call(t, n), c = s && ln.call(s, "isPrototypeOf");
+  if (o && !r && !c)
+    return !1;
+  for (e in t)
+    ;
+  return Xt(e) || ln.call(t, e);
+}, Te = (t) => {
+  const e = HTMLElement;
+  return t ? e ? t instanceof e : t.nodeType === Eo : !1;
+}, Je = (t) => {
+  const e = Element;
+  return t ? e ? t instanceof e : t.nodeType === Eo : !1;
+}, Hn = (t, e, n) => t.indexOf(e, n), Z = (t, e, n) => (!n && !ne(e) && Ze(e) ? Array.prototype.push.apply(t, e) : t.push(e), t), de = (t) => {
+  const e = Array.from, n = [];
+  return e && t ? e(t) : (t instanceof Set ? t.forEach((o) => {
+    Z(n, o);
+  }) : Y(t, (o) => {
+    Z(n, o);
+  }), n);
+}, An = (t) => !!t && t.length === 0, At = (t, e, n) => {
+  Y(t, (s) => s && s.apply(void 0, e || [])), !n && (t.length = 0);
+}, Qe = (t, e) => Object.prototype.hasOwnProperty.call(t, e), xt = (t) => t ? Object.keys(t) : [], et = (t, e, n, o, s, r, c) => {
+  const l = [e, n, o, s, r, c];
+  return (typeof t != "object" || Ke(t)) && !Et(t) && (t = {}), Y(l, (i) => {
+    Y(xt(i), (a) => {
+      const d = i[a];
+      if (t === d)
+        return !0;
+      const u = Tt(d);
+      if (d && (Sn(d) || u)) {
+        const f = t[a];
+        let m = f;
+        u && !Tt(f) ? m = [] : !u && !Sn(f) && (m = {}), t[a] = et(m, d);
+      } else
+        t[a] = d;
+    });
+  }), t;
+}, Pn = (t) => {
+  for (const e in t)
+    return !1;
+  return !0;
+}, Bo = (t, e, n, o) => {
+  if (Xt(o))
+    return n ? n[t] : e;
+  n && (ne(o) || ee(o)) && (n[t] = o);
+}, ut = (t, e, n) => {
+  if (Xt(n))
+    return t ? t.getAttribute(e) : null;
+  t && t.setAttribute(e, n);
+}, ht = (t, e) => {
+  t && t.removeAttribute(e);
+}, ae = (t, e, n, o) => {
+  if (n) {
+    const s = ut(t, e) || "", r = new Set(s.split(" "));
+    r[o ? "add" : "delete"](n);
+    const c = de(r).join(" ").trim();
+    ut(t, e, c);
   }
-  function B(c) {
-    return d = c, s = setTimeout(b, n), u ? I(c) : r;
+}, qs = (t, e, n) => {
+  const o = ut(t, e) || "";
+  return new Set(o.split(" ")).has(n);
+}, It = (t, e) => Bo("scrollLeft", 0, t, e), Vt = (t, e) => Bo("scrollTop", 0, t, e), xn = Oe() && Element.prototype, Lo = (t, e) => {
+  const n = [], o = e ? Je(e) ? e : null : document;
+  return o ? Z(n, o.querySelectorAll(t)) : n;
+}, Xs = (t, e) => {
+  const n = e ? Je(e) ? e : null : document;
+  return n ? n.querySelector(t) : null;
+}, Ue = (t, e) => Je(t) ? (xn.matches || xn.msMatchesSelector).call(t, e) : !1, Mn = (t) => t ? de(t.childNodes) : [], qt = (t) => t ? t.parentElement : null, me = (t, e) => {
+  if (Je(t)) {
+    const n = xn.closest;
+    if (n)
+      return n.call(t, e);
+    do {
+      if (Ue(t, e))
+        return t;
+      t = qt(t);
+    } while (t);
   }
-  function M(c) {
-    var v = c - a, T = c - d, X = n - v;
-    return m ? Ot(X, l - T) : X;
+  return null;
+}, Gs = (t, e, n) => {
+  const o = t && me(t, e), s = t && Xs(n, o), r = me(s, e) === o;
+  return o && s ? o === t || s === t || r && me(me(t, n), e) !== o : !1;
+}, Fn = (t, e, n) => {
+  if (n && t) {
+    let o = e, s;
+    Ze(n) ? (s = document.createDocumentFragment(), Y(n, (r) => {
+      r === o && (o = r.previousSibling), s.appendChild(r);
+    })) : s = n, e && (o ? o !== e && (o = o.nextSibling) : o = t.firstChild), t.insertBefore(s, o || null);
   }
-  function x(c) {
-    var v = c - a, T = c - d;
-    return a === void 0 || v >= n || v < 0 || m && T >= l;
+}, _t = (t, e) => {
+  Fn(t, null, e);
+}, js = (t, e) => {
+  Fn(qt(t), t, e);
+}, Jn = (t, e) => {
+  Fn(qt(t), t && t.nextSibling, e);
+}, Ht = (t) => {
+  if (Ze(t))
+    Y(de(t), (e) => Ht(e));
+  else if (t) {
+    const e = qt(t);
+    e && e.removeChild(t);
   }
-  function b() {
-    var c = re();
-    if (x(c))
-      return $(c);
-    s = setTimeout(b, M(c));
+}, le = (t) => {
+  const e = document.createElement("div");
+  return t && ut(e, "class", t), e;
+}, zo = (t) => {
+  const e = le();
+  return e.innerHTML = t.trim(), Y(Mn(e), (n) => Ht(n));
+}, $n = (t) => t.charAt(0).toUpperCase() + t.slice(1), Ks = () => le().style, Zs = ["-webkit-", "-moz-", "-o-", "-ms-"], Js = ["WebKit", "Moz", "O", "MS", "webkit", "moz", "o", "ms"], dn = {}, un = {}, Qs = (t) => {
+  let e = un[t];
+  if (Qe(un, t))
+    return e;
+  const n = $n(t), o = Ks();
+  return Y(Zs, (s) => {
+    const r = s.replace(/-/g, "");
+    return !(e = [t, s + t, r + n, $n(r) + n].find((l) => o[l] !== void 0));
+  }), un[t] = e || "";
+}, Se = (t) => {
+  if (Oe()) {
+    let e = dn[t] || window[t];
+    return Qe(dn, t) || (Y(Js, (n) => (e = e || window[n + $n(t)], !e)), dn[t] = e), e;
   }
-  function $(c) {
-    return s = void 0, y && i ? I(c) : (i = o = void 0, r);
+}, tr = Se("MutationObserver"), Qn = Se("IntersectionObserver"), ge = Se("ResizeObserver"), No = Se("cancelAnimationFrame"), Ho = Se("requestAnimationFrame"), _n = Se("ScrollTimeline"), Ye = Oe() && window.setTimeout, Tn = Oe() && window.clearTimeout, er = /[^\x20\t\r\n\f]+/g, Ao = (t, e, n) => {
+  const o = t && t.classList;
+  let s, r = 0, c = !1;
+  if (o && e && ne(e)) {
+    const l = e.match(er) || [];
+    for (c = l.length > 0; s = l[r++]; )
+      c = !!n(o, s) && c;
   }
-  function z() {
-    s !== void 0 && clearTimeout(s), d = 0, i = a = o = s = void 0;
+  return c;
+}, Wn = (t, e) => {
+  Ao(t, e, (n, o) => n.remove(o));
+}, Ut = (t, e) => (Ao(t, e, (n, o) => n.add(o)), Wn.bind(0, t, e)), tn = (t, e, n, o) => {
+  if (t && e) {
+    let s = !0;
+    return Y(n, (r) => {
+      const c = o ? o(t[r]) : t[r], l = o ? o(e[r]) : e[r];
+      c !== l && (s = !1);
+    }), s;
   }
-  function S() {
-    return s === void 0 ? r : $(re());
+  return !1;
+}, Po = (t, e) => tn(t, e, ["w", "h"]), Mo = (t, e) => tn(t, e, ["x", "y"]), nr = (t, e) => tn(t, e, ["t", "r", "b", "l"]), to = (t, e, n) => tn(t, e, ["width", "height"], n && ((o) => Math.round(o))), wt = () => {
+}, re = (t) => {
+  let e;
+  const n = t ? Ye : Ho, o = t ? Tn : No;
+  return [(s) => {
+    o(e), e = n(s, Et(t) ? t() : t);
+  }, () => o(e)];
+}, Rn = (t, e) => {
+  let n, o, s, r = wt;
+  const { g: c, v: l, p: i } = e || {}, a = function(S) {
+    r(), Tn(n), n = o = void 0, r = wt, t.apply(this, S);
+  }, d = (m) => i && o ? i(o, m) : m, u = () => {
+    r !== wt && a(d(s) || s);
+  }, f = function() {
+    const S = de(arguments), h = Et(c) ? c() : c;
+    if (ee(h) && h >= 0) {
+      const y = Et(l) ? l() : l, p = ee(y) && y >= 0, g = h > 0 ? Ye : Ho, T = h > 0 ? Tn : No, A = d(S) || S, P = a.bind(0, A);
+      r();
+      const H = g(P, h);
+      r = () => T(H), p && !n && (n = Ye(u, y)), o = s = A;
+    } else
+      a(S);
+  };
+  return f.m = u, f;
+}, or = {
+  opacity: 1,
+  zIndex: 1
+}, Ne = (t, e) => {
+  const n = t || "", o = e ? parseFloat(n) : parseInt(n, 10);
+  return o === o ? o : 0;
+}, sr = (t, e) => !or[t] && ee(e) ? `${e}px` : e, eo = (t, e, n) => String((e != null ? e[n] || e.getPropertyValue(n) : t.style[n]) || ""), rr = (t, e, n) => {
+  try {
+    const { style: o } = t;
+    Xt(o[e]) ? o.setProperty(e, n) : o[e] = sr(e, n);
+  } catch {
   }
-  function g() {
-    var c = re(), v = x(c);
-    if (i = arguments, o = this, a = c, v) {
-      if (s === void 0)
-        return B(a);
-      if (m)
-        return clearTimeout(s), s = setTimeout(b, n), I(a);
+}, ke = (t) => ft(t, "direction") === "rtl", no = (t, e, n) => {
+  const o = e ? `${e}-` : "", s = n ? `-${n}` : "", r = `${o}top${s}`, c = `${o}right${s}`, l = `${o}bottom${s}`, i = `${o}left${s}`, a = ft(t, [r, c, l, i]);
+  return {
+    t: Ne(a[r], !0),
+    r: Ne(a[c], !0),
+    b: Ne(a[l], !0),
+    l: Ne(a[i], !0)
+  };
+}, we = (t, e) => `translate${Tt(t) ? `(${t[0]},${t[1]})` : `${e ? "X" : "Y"}(${t})`}`, { round: oo } = Math, Vn = {
+  w: 0,
+  h: 0
+}, Ce = (t) => t ? {
+  w: t.offsetWidth,
+  h: t.offsetHeight
+} : Vn, Re = (t) => t ? {
+  w: t.clientWidth,
+  h: t.clientHeight
+} : Vn, qe = (t) => t ? {
+  w: t.scrollWidth,
+  h: t.scrollHeight
+} : Vn, Xe = (t) => {
+  const e = parseFloat(ft(t, "height")) || 0, n = parseFloat(ft(t, "width")) || 0;
+  return {
+    w: n - oo(n),
+    h: e - oo(e)
+  };
+}, Nt = (t) => t.getBoundingClientRect(), he = (t) => !!(t && (t.height || t.width));
+let He;
+const ir = () => {
+  if (Xt(He)) {
+    He = !1;
+    try {
+      window.addEventListener("test", null, Object.defineProperty({}, "passive", {
+        get() {
+          He = !0;
+        }
+      }));
+    } catch {
     }
-    return s === void 0 && (s = setTimeout(b, n)), r;
   }
-  return g.cancel = z, g.flush = S, g;
-}
-var Wt = "Expected a function";
-function we(t, n, e) {
-  var i = !0, o = !0;
-  if (typeof t != "function")
-    throw new TypeError(Wt);
-  return oe(e) && (i = "leading" in e ? !!e.leading : i, o = "trailing" in e ? !!e.trailing : o), De(t, n, {
-    leading: i,
-    maxWait: n,
-    trailing: o
+  return He;
+}, Fo = (t) => t.split(" "), cr = (t, e, n, o) => {
+  Y(Fo(e), (s) => {
+    t.removeEventListener(s, n, o);
   });
-}
-var At = Object.defineProperty, Ft = Object.defineProperties, Rt = Object.getOwnPropertyDescriptors, be = Object.getOwnPropertySymbols, Vt = Object.prototype.hasOwnProperty, jt = Object.prototype.propertyIsEnumerable, Se = (t, n, e) => n in t ? At(t, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[n] = e, ie = (t, n) => {
-  for (var e in n || (n = {}))
-    Vt.call(n, e) && Se(t, e, n[e]);
-  if (be)
-    for (var e of be(n))
-      jt.call(n, e) && Se(t, e, n[e]);
-  return t;
-}, Ie = (t, n) => Ft(t, Rt(n));
-const Xt = ["onPointerdown"], Yt = {
-  name: "ScrollbarThumb"
-};
-function Ut(t, { expose: n }) {
-  const e = t;
-  let i = null, o = A(null);
-  const l = { pageX: 0, pageY: 0, scrollPos: 0 };
-  let r = null;
-  const s = () => {
-    i = setTimeout(() => {
-      o.value && o.value.classList.remove("scrollbar__thumbPlaceholder--scrolling"), i = null;
-    }, e.autoHideDelay);
-  }, a = () => {
-    i !== null && clearTimeout(i);
+}, it = (t, e, n, o) => {
+  var s;
+  const r = ir(), c = (s = r && o && o.S) != null ? s : r, l = o && o.$ || !1, i = o && o.C || !1, a = [], d = r ? {
+    passive: c,
+    capture: l
+  } : l;
+  return Y(Fo(e), (u) => {
+    const f = i ? (m) => {
+      t.removeEventListener(u, f, l), n && n(m);
+    } : n;
+    Z(a, cr.bind(null, t, u, f, l)), t.addEventListener(u, f, d);
+  }), At.bind(0, a);
+}, Wo = (t) => t.stopPropagation(), Ro = (t) => t.preventDefault(), ar = {
+  x: 0,
+  y: 0
+}, fn = (t) => {
+  const e = t ? Nt(t) : 0;
+  return e ? {
+    x: e.left + window.pageYOffset,
+    y: e.top + window.pageXOffset
+  } : ar;
+}, so = (t, e) => {
+  Y(Tt(e) ? e : [e], t);
+}, Un = (t) => {
+  const e = /* @__PURE__ */ new Map(), n = (r, c) => {
+    if (r) {
+      const l = e.get(r);
+      so((i) => {
+        l && l[i ? "delete" : "clear"](i);
+      }, c);
+    } else
+      e.forEach((l) => {
+        l.clear();
+      }), e.clear();
+  }, o = (r, c) => {
+    if (ne(r)) {
+      const a = e.get(r) || /* @__PURE__ */ new Set();
+      return e.set(r, a), so((d) => {
+        Et(d) && a.add(d);
+      }, c), n.bind(0, r, c);
+    }
+    Nn(c) && c && n();
+    const l = xt(r), i = [];
+    return Y(l, (a) => {
+      const d = r[a];
+      d && Z(i, o(a, d));
+    }), At.bind(0, i);
+  }, s = (r, c) => {
+    const l = e.get(r);
+    Y(de(l), (i) => {
+      c && !An(c) ? i.apply(0, c) : i();
+    });
   };
-  ee(a);
-  const d = we((c) => {
-    c.stopPropagation(), c.preventDefault();
-    const v = e.type === "horizontal" ? "pageX" : "pageY", T = (c[v] - l[v]) / e.scrollInfo.wrapperMainSize * e.scrollInfo.contentMainSize;
-    e.wrapperEl.scrollTo({ [e.type === "horizontal" ? "left" : "top"]: l.scrollPos + T, behavior: "auto" });
-  }, 16), u = () => {
-    s(), o.value.removeEventListener("pointermove", d), o.value.removeEventListener("pointerup", u), o.value.removeEventListener("pointercancel", u), o.value.removeEventListener("mousewheel", u), document.removeEventListener("mousewheel", u), typeof r == "number" && o.value.releasePointerCapture(r), r = null;
-  }, m = (c) => {
-    c.ctrlKey || c.button !== 0 || (a(), l.pageX = c.pageX, l.pageY = c.pageY, l.scrollPos = e.wrapperEl[e.type === "horizontal" ? "scrollLeft" : "scrollTop"], r = c == null ? void 0 : c.pointerId, o.value.setPointerCapture(r), o.value.addEventListener("pointermove", d), o.value.addEventListener("pointerup", u), o.value.addEventListener("pointercancel", u), o.value.addEventListener("mousewheel", u, { passive: !1 }), document.addEventListener("mousewheel", u, { passive: !1 }), o.value.classList.add("scrollbar__thumbPlaceholder--scrolling"));
+  return o(t || {}), [o, n, s];
+}, ro = (t) => JSON.stringify(t, (e, n) => {
+  if (Et(n))
+    throw new Error();
+  return n;
+}), lr = {
+  paddingAbsolute: !1,
+  showNativeOverlaidScrollbars: !1,
+  update: {
+    elementEvents: [["img", "load"]],
+    debounce: [0, 33],
+    attributes: null,
+    ignoreMutation: null
+  },
+  overflow: {
+    x: "scroll",
+    y: "scroll"
+  },
+  scrollbars: {
+    theme: "os-theme-dark",
+    visibility: "auto",
+    autoHide: "never",
+    autoHideDelay: 1300,
+    autoHideSuspend: !1,
+    dragScroll: !0,
+    clickScroll: !1,
+    pointers: ["mouse", "touch", "pen"]
+  }
+}, Vo = (t, e) => {
+  const n = {}, o = xt(e).concat(xt(t));
+  return Y(o, (s) => {
+    const r = t[s], c = e[s];
+    if (De(r) && De(c))
+      et(n[s] = {}, Vo(r, c)), Pn(n[s]) && delete n[s];
+    else if (Qe(e, s) && c !== r) {
+      let l = !0;
+      if (Tt(r) || Tt(c))
+        try {
+          ro(r) === ro(c) && (l = !1);
+        } catch {
+        }
+      l && (n[s] = c);
+    }
+  }), n;
+}, Ie = "data-overlayscrollbars", Uo = "os-environment", Yo = `${Uo}-flexbox-glue`, dr = `${Yo}-max`, qo = "os-scrollbar-hidden", pn = `${Ie}-initialize`, Ot = Ie, Xo = `${Ot}-overflow-x`, Go = `${Ot}-overflow-y`, ye = "overflowVisible", ur = "scrollbarHidden", io = "scrollbarPressed", Ge = "updating", Kt = `${Ie}-viewport`, mn = "arrange", jo = "scrollbarHidden", be = ye, Dn = `${Ie}-padding`, fr = be, co = `${Ie}-content`, Yn = "os-size-observer", pr = `${Yn}-appear`, mr = `${Yn}-listener`, gr = "os-trinsic-observer", hr = "os-no-css-vars", vr = "os-theme-none", yt = "os-scrollbar", yr = `${yt}-rtl`, br = `${yt}-horizontal`, wr = `${yt}-vertical`, Ko = `${yt}-track`, qn = `${yt}-handle`, Sr = `${yt}-visible`, xr = `${yt}-cornerless`, ao = `${yt}-transitionless`, lo = `${yt}-interaction`, uo = `${yt}-unusable`, kn = `${yt}-auto-hide`, fo = `${kn}-hidden`, po = `${yt}-wheel`, $r = `${Ko}-interactive`, _r = `${qn}-interactive`, Zo = {}, ue = () => Zo, Tr = (t) => {
+  const e = [];
+  return Y(Tt(t) ? t : [t], (n) => {
+    const o = xt(n);
+    Y(o, (s) => {
+      Z(e, Zo[s] = n[s]);
+    });
+  }), e;
+}, Dr = "__osOptionsValidationPlugin", kr = "__osSizeObserverPlugin", Xn = "__osScrollbarsHidingPlugin", Cr = "__osClickScrollPlugin";
+let gn;
+const mo = (t, e, n, o) => {
+  _t(t, e);
+  const s = Re(e), r = Ce(e), c = Xe(n);
+  return o && Ht(e), {
+    x: r.h - s.h + c.h,
+    y: r.w - s.w + c.w
   };
-  n({
-    autoHideAfterScroll: () => {
-      a(), o.value && o.value.classList.add("scrollbar__thumbPlaceholder--scrolling"), s();
+}, Or = (t) => {
+  let e = !1;
+  const n = Ut(t, qo);
+  try {
+    e = ft(t, Qs("scrollbar-width")) === "none" || window.getComputedStyle(t, "::-webkit-scrollbar").getPropertyValue("display") === "none";
+  } catch {
+  }
+  return n(), e;
+}, Ir = (t, e) => {
+  const n = "hidden";
+  ft(t, {
+    overflowX: n,
+    overflowY: n,
+    direction: "rtl"
+  }), It(t, 0);
+  const o = fn(t), s = fn(e);
+  It(t, -999);
+  const r = fn(e);
+  return {
+    i: o.x === s.x,
+    n: s.x !== r.x
+  };
+}, Er = (t, e) => {
+  const n = Ut(t, Yo), o = Nt(t), s = Nt(e), r = to(s, o, !0), c = Ut(t, dr), l = Nt(t), i = Nt(e), a = to(i, l, !0);
+  return n(), c(), r && a;
+}, Br = () => {
+  const { body: t } = document, n = zo(`<div class="${Uo}"><div></div></div>`)[0], o = n.firstChild, [s, , r] = Un(), [c, l] = Ct({
+    o: mo(t, n, o),
+    u: Mo
+  }, mo.bind(0, t, n, o, !0)), [i] = l(), a = Or(n), d = {
+    x: i.x === 0,
+    y: i.y === 0
+  }, u = {
+    elements: {
+      host: null,
+      padding: !a,
+      viewport: (p) => a && p === p.ownerDocument.body && p,
+      content: !1
+    },
+    scrollbars: {
+      slot: !0
+    },
+    cancel: {
+      nativeScrollbarsOverlaid: !1,
+      body: null
     }
+  }, f = et({}, lr), m = et.bind(0, {}, f), S = et.bind(0, {}, u), h = {
+    k: i,
+    I: d,
+    A: a,
+    H: ft(n, "zIndex") === "-1",
+    B: !!_n,
+    V: Ir(n, o),
+    Y: Er(n, o),
+    j: s.bind(0, "z"),
+    N: s.bind(0, "r"),
+    q: S,
+    F: (p) => et(u, p) && S(),
+    G: m,
+    X: (p) => et(f, p) && m(),
+    U: et({}, u),
+    W: et({}, f)
+  }, w = window.addEventListener, y = Rn((p) => r(p ? "z" : "r"), {
+    g: 33,
+    v: 99
   });
-  let I = A(!1), B = A(!1), M = A(null), x = null, b = null, $ = p(() => e.fixedThumb && !B.value);
-  const z = ([c]) => B.value = c.isIntersecting, S = ([c]) => I.value = c.isIntersecting, g = () => {
-    x && (x.disconnect(), x = null), b && (b.disconnect(), b = null);
+  if (ht(n, "style"), Ht(n), w("resize", y.bind(0, !1)), !a && (!d.x || !d.y)) {
+    let p;
+    w("resize", () => {
+      const g = ue()[Xn];
+      p = p || g && g.R(), p && p(h, c, y.bind(0, !0));
+    });
+  }
+  return h;
+}, bt = () => (gn || (gn = Br()), gn), Gn = (t, e) => Et(e) ? e.apply(0, t) : e, Lr = (t, e, n, o) => {
+  const s = Xt(o) ? n : o;
+  return Gn(t, s) || e.apply(0, t);
+}, Jo = (t, e, n, o) => {
+  const s = Xt(o) ? n : o, r = Gn(t, s);
+  return !!r && (Te(r) ? r : e.apply(0, t));
+}, zr = (t, e, n) => {
+  const { nativeScrollbarsOverlaid: o, body: s } = n || {}, { I: r, A: c } = bt(), { nativeScrollbarsOverlaid: l, body: i } = e, a = o ?? l, d = Xt(s) ? i : s, u = (r.x || r.y) && a, f = t && (Ke(d) ? !c : d);
+  return !!u || !!f;
+}, jn = /* @__PURE__ */ new WeakMap(), Nr = (t, e) => {
+  jn.set(t, e);
+}, Hr = (t) => {
+  jn.delete(t);
+}, Qo = (t) => jn.get(t), go = (t, e) => t ? e.split(".").reduce((n, o) => n && Qe(n, o) ? n[o] : void 0, t) : void 0, Cn = (t, e, n) => (o) => [go(t, o), n || go(e, o) !== void 0], ts = (t) => {
+  let e = t;
+  return [() => e, (n) => {
+    e = et({}, e, n);
+  }];
+}, Ae = "tabindex", Pe = le.bind(0, ""), hn = (t) => {
+  _t(qt(t), Mn(t)), Ht(t);
+}, Ar = (t) => {
+  const e = bt(), { q: n, A: o } = e, s = ue()[Xn], r = s && s.T, { elements: c } = n(), { host: l, padding: i, viewport: a, content: d } = c, u = Te(t), f = u ? {} : t, { elements: m } = f, { host: S, padding: h, viewport: w, content: y } = m || {}, p = u ? t : f.target, g = Ue(p, "textarea"), T = p.ownerDocument, x = T.documentElement, A = p === T.body, P = T.defaultView, H = Lr.bind(0, [p]), F = Jo.bind(0, [p]), tt = Gn.bind(0, [p]), q = H.bind(0, Pe, a), M = F.bind(0, Pe, d), b = q(w), v = b === p, $ = v && A, D = !v && M(y), B = !v && Te(b) && b === D, E = B && !!tt(d), k = E ? q() : b, I = E ? D : M(), U = $ ? x : B ? k : b, G = g ? H(Pe, l, S) : p, _ = $ ? U : G, C = B ? I : D, O = T.activeElement, W = !v && P.top === P && O === p, L = {
+    Z: p,
+    J: _,
+    K: U,
+    tt: !v && F(Pe, i, h),
+    nt: C,
+    ot: !v && !o && r && r(e),
+    st: $ ? x : U,
+    et: $ ? T : U,
+    ct: P,
+    rt: T,
+    lt: g,
+    it: A,
+    ut: u,
+    ft: v,
+    dt: B,
+    _t: (ct, mt) => qs(U, v ? Ot : Kt, v ? mt : ct),
+    ht: (ct, mt, gt) => ae(U, v ? Ot : Kt, v ? mt : ct, gt)
+  }, j = xt(L).reduce((ct, mt) => {
+    const gt = L[mt];
+    return Z(ct, gt && Te(gt) && !qt(gt) ? gt : !1);
+  }, []), J = (ct) => ct ? Hn(j, ct) > -1 : null, { Z: Q, J: rt, tt: K, K: X, nt: lt, ot: Dt } = L, $t = [() => {
+    ht(rt, Ot), ht(rt, pn), ht(Q, pn), A && (ht(x, Ot), ht(x, pn));
+  }], Gt = g && J(rt);
+  let oe = g ? Q : Mn([lt, X, K, rt, Q].find((ct) => J(ct) === !1));
+  const fe = $ ? Q : lt || X;
+  return [L, () => {
+    ut(rt, Ot, v ? "viewport" : "host"), ut(K, Dn, ""), ut(lt, co, ""), v || ut(X, Kt, "");
+    const ct = A && !v ? Ut(qt(p), qo) : wt;
+    if (Gt && (Jn(Q, rt), Z($t, () => {
+      Jn(rt, Q), Ht(rt);
+    })), _t(fe, oe), _t(rt, K), _t(K || rt, !v && X), _t(X, lt), Z($t, () => {
+      ct(), ht(K, Dn), ht(lt, co), ht(X, Xo), ht(X, Go), ht(X, Kt), J(lt) && hn(lt), J(X) && hn(X), J(K) && hn(K);
+    }), o && !v && (ae(X, Kt, jo, !0), Z($t, ht.bind(0, X, Kt))), Dt && (js(X, Dt), Z($t, Ht.bind(0, Dt))), W) {
+      const mt = ut(X, Ae);
+      ut(X, Ae, "-1"), X.focus();
+      const gt = () => mt ? ut(X, Ae, mt) : ht(X, Ae), kt = it(T, "pointerdown keydown", () => {
+        gt(), kt();
+      });
+      Z($t, [gt, kt]);
+    } else
+      O && O.focus && O.focus();
+    oe = 0;
+  }, At.bind(0, $t)];
+}, Pr = (t, e) => {
+  const { nt: n } = t, [o] = e;
+  return (s) => {
+    const { Y: r } = bt(), { gt: c } = o(), { vt: l } = s, i = (n || !r) && l;
+    return i && ft(n, {
+      height: c ? "" : "100%"
+    }), {
+      wt: i,
+      bt: i
+    };
   };
-  return K(() => [e.fixedThumb, e.wrapperEl], () => {
-    if (!e.fixedThumb || !e.wrapperEl)
-      return g();
-    g(), b = new IntersectionObserver(S, { threshold: [0, 0.5] }), b.observe(e.wrapperEl), x = new IntersectionObserver(z), x.observe(M.value);
-  }), ee(g), (c, v) => (h(), D(J, null, [
-    se(P("div", {
-      class: k([
-        "scrollbar__thumbPlaceholder",
-        `scrollbar__thumbPlaceholder--${t.type}`,
-        {
-          "scrollbar__thumbPlaceholder--autoHide": t.autoHide,
-          "scrollbar__thumbPlaceholder--autoExpand": t.autoExpand
-        }
-      ]),
-      style: C({
-        width: t.type === "horizontal" ? `${t.scrollInfo.thumbSize}px` : "",
-        height: t.type === "vertical" ? `${t.scrollInfo.thumbSize}px` : "",
-        position: $.value ? "fixed" : "absolute",
-        [t.type === "vertical" ? "top" : "left"]: $.value ? `${t.scrollInfo.boundaryDistance + 3}px` : "3px"
-      }),
-      ref: (T, X) => {
-        X.thumbEl = T, o.value = T;
+}, Mr = (t, e) => {
+  const [n, o] = e, { J: s, tt: r, K: c, ft: l } = t, [i, a] = Ct({
+    u: nr,
+    o: no()
+  }, no.bind(0, s, "padding", ""));
+  return (d, u, f) => {
+    let [m, S] = a(f);
+    const { A: h, Y: w } = bt(), { yt: y } = n(), { wt: p, bt: g, St: T } = d, [x, A] = u("paddingAbsolute");
+    (p || S || !w && g) && ([m, S] = i(f));
+    const H = !l && (A || T || S);
+    if (H) {
+      const F = !x || !r && !h, tt = m.r + m.l, q = m.t + m.b, M = {
+        marginRight: F && !y ? -tt : 0,
+        marginBottom: F ? -q : 0,
+        marginLeft: F && y ? -tt : 0,
+        top: F ? -m.t : 0,
+        right: F ? y ? -m.r : "auto" : 0,
+        left: F ? y ? "auto" : -m.l : 0,
+        width: F ? `calc(100% + ${tt}px)` : ""
+      }, b = {
+        paddingTop: F ? m.t : 0,
+        paddingRight: F ? m.r : 0,
+        paddingBottom: F ? m.b : 0,
+        paddingLeft: F ? m.l : 0
+      };
+      ft(r || c, M), ft(c, b), o({
+        tt: m,
+        $t: !F,
+        P: r ? b : et({}, M, b)
+      });
+    }
+    return {
+      xt: H
+    };
+  };
+}, { max: On } = Math, Zt = On.bind(0, 0), es = "visible", ho = "hidden", Fr = 42, Me = {
+  u: Po,
+  o: {
+    w: 0,
+    h: 0
+  }
+}, Wr = {
+  u: Mo,
+  o: {
+    x: ho,
+    y: ho
+  }
+}, Rr = (t, e) => {
+  const n = window.devicePixelRatio % 1 !== 0 ? 1 : 0, o = {
+    w: Zt(t.w - e.w),
+    h: Zt(t.h - e.h)
+  };
+  return {
+    w: o.w > n ? o.w : 0,
+    h: o.h > n ? o.h : 0
+  };
+}, Fe = (t) => t.indexOf(es) === 0, Vr = (t, e) => {
+  const [n, o] = e, { J: s, tt: r, K: c, ot: l, ft: i, ht: a, it: d, ct: u } = t, { k: f, Y: m, A: S, I: h } = bt(), w = ue()[Xn], y = !i && !S && (h.x || h.y), p = d && i, [g, T] = Ct(Me, Xe.bind(0, c)), [x, A] = Ct(Me, qe.bind(0, c)), [P, H] = Ct(Me), [F, tt] = Ct(Me), [q] = Ct(Wr), M = (E, k) => {
+    if (ft(c, {
+      height: ""
+    }), k) {
+      const { $t: I, tt: z } = n(), { Ct: U, M: G } = E, _ = Xe(s), C = Re(s), O = ft(c, "boxSizing") === "content-box", W = I || O ? z.b + z.t : 0, L = !(h.x && O);
+      ft(c, {
+        height: C.h + _.h + (U.x && L ? G.x : 0) - W
+      });
+    }
+  }, b = (E, k) => {
+    const I = !S && !E ? Fr : 0, z = (J, Q, rt) => {
+      const K = ft(c, J), lt = (k ? k[J] : K) === "scroll";
+      return [K, lt, lt && !S ? Q ? I : rt : 0, Q && !!I];
+    }, [U, G, _, C] = z("overflowX", h.x, f.x), [O, W, L, j] = z("overflowY", h.y, f.y);
+    return {
+      Ot: {
+        x: U,
+        y: O
       },
-      onPointerdown: W(m, ["stop"])
-    }, [
-      v[0] || (he(-1), v[0] = P("div", {
-        class: k(["scrollbar__thumb", `scrollbar__thumb--${t.type}`])
-      }, null, 2), he(1), v[0])
-    ], 46, Xt), [
-      [ge, !!t.scrollInfo.thumbSize && (t.fixedThumb ? I.value : !0)]
-    ]),
-    e.fixedThumb ? se((h(), D("div", {
-      key: 0,
-      ref: (T, X) => {
-        X.shepherdEl = T, M.value = T;
+      Ct: {
+        x: G,
+        y: W
       },
-      class: k(["scrollbar__shepherd", `scrollbar__shepherd--${t.type}`])
-    }, null, 2)), [
-      [ge, !!t.scrollInfo.thumbSize]
-    ]) : N("", !0)
-  ], 64));
-}
-const Gt = /* @__PURE__ */ Te(Ie(ie({}, Yt), {
-  props: {
-    type: null,
-    autoExpand: null,
-    autoHide: null,
-    autoHideDelay: null,
-    fixedThumb: null,
-    scrollInfo: null,
-    wrapperEl: null
-  },
-  setup: Ut
-})), Zt = {
-  wait: 333,
-  type: "debounce"
-};
-function xe(...t) {
-  const n = "value" in (t == null ? void 0 : t[0]);
-  let e;
-  n ? e = t == null ? void 0 : t[1] : e = t == null ? void 0 : t[0];
-  const { wait: i, type: o, callback: l } = ie(ie({}, Zt), e), r = n ? t[0] : A(null), s = ae({ left: 0, top: 0, right: 0, bottom: 0, width: 0, height: 0, x: 0, y: 0 }), a = () => {
-    const y = r.value.getBoundingClientRect();
-    s.left = y.left, s.top = y.top, s.right = y.right, s.bottom = y.bottom, s.width = y.width, s.height = y.height, s.x = y.x, s.y = y.y, l == null || l();
+      M: {
+        x: _,
+        y: L
+      },
+      D: {
+        x: C,
+        y: j
+      }
+    };
+  }, v = (E, k, I, z) => {
+    const U = (W, L) => {
+      const j = Fe(W), J = L && j && W.replace(`${es}-`, "") || "";
+      return [L && !j ? W : "", Fe(J) ? "hidden" : J];
+    }, [G, _] = U(I.x, k.x), [C, O] = U(I.y, k.y);
+    return z.overflowX = _ && C ? _ : G, z.overflowY = O && G ? O : C, b(E, z);
+  }, $ = (E, k, I, z) => {
+    const { M: U, D: G } = E, { x: _, y: C } = G, { x: O, y: W } = U, { P: L } = n(), j = k ? "marginLeft" : "marginRight", J = k ? "paddingLeft" : "paddingRight", Q = L[j], rt = L.marginBottom, K = L[J], X = L.paddingBottom;
+    z.width = `calc(100% + ${W + -1 * Q}px)`, z[j] = -W + Q, z.marginBottom = -O + rt, I && (z[J] = K + (C ? W : 0), z.paddingBottom = X + (_ ? O : 0));
+  }, [D, B] = w ? w.L(y, m, c, l, n, b, $) : [() => y, () => [wt]];
+  return (E, k, I) => {
+    const { wt: z, Tt: U, bt: G, xt: _, vt: C, St: O } = E, { gt: W, yt: L } = n(), [j, J] = k("showNativeOverlaidScrollbars"), [Q, rt] = k("overflow"), K = j && h.x && h.y, X = !i && !m && (z || G || U || J || C), lt = Fe(Q.x), Dt = Fe(Q.y), $t = lt || Dt;
+    let Gt = T(I), oe = A(I), fe = H(I), pe = tt(I), ct;
+    if (J && S && a(jo, ur, !K), X && (ct = b(K), M(ct, W)), z || _ || G || O || J) {
+      $t && a(be, ye, !1);
+      const [Pt, jt] = B(K, L, ct), [Lt, ze] = Gt = g(I), [zt, xe] = oe = x(I), se = Re(c);
+      let cn = zt, an = se;
+      Pt(), (xe || ze || J) && jt && !K && D(jt, zt, Lt, L) && (an = Re(c), cn = qe(c));
+      const is = {
+        w: Zt(On(zt.w, cn.w) + Lt.w),
+        h: Zt(On(zt.h, cn.h) + Lt.h)
+      }, Kn = {
+        w: Zt((p ? u.innerWidth : an.w + Zt(se.w - zt.w)) + Lt.w),
+        h: Zt((p ? u.innerHeight + Lt.h : an.h + Zt(se.h - zt.h)) + Lt.h)
+      };
+      pe = F(Kn), fe = P(Rr(is, Kn), I);
+    }
+    const [mt, gt] = pe, [kt, Ee] = fe, [en, nn] = oe, [on, sn] = Gt, Bt = {
+      x: kt.w > 0,
+      y: kt.h > 0
+    }, Be = lt && Dt && (Bt.x || Bt.y) || lt && Bt.x && !Bt.y || Dt && Bt.y && !Bt.x;
+    if (_ || O || sn || nn || gt || Ee || rt || J || X) {
+      const Pt = {
+        marginRight: 0,
+        marginBottom: 0,
+        marginLeft: 0,
+        width: "",
+        overflowY: "",
+        overflowX: ""
+      }, jt = v(K, Bt, Q, Pt), Lt = D(jt, en, on, L);
+      i || $(jt, L, Lt, Pt), X && M(jt, W), i ? (ut(s, Xo, Pt.overflowX), ut(s, Go, Pt.overflowY)) : ft(c, Pt);
+    }
+    ae(s, Ot, ye, Be), ae(r, Dn, fr, Be), i || ae(c, Kt, be, $t);
+    const [rn, Le] = q(b(K).Ot);
+    return o({
+      Ot: rn,
+      zt: {
+        x: mt.w,
+        y: mt.h
+      },
+      Et: {
+        x: kt.w,
+        y: kt.h
+      },
+      At: Bt
+    }), {
+      It: Le,
+      Ht: gt,
+      Lt: Ee
+    };
   };
-  let d = null, u = null;
-  const m = () => {
-    d && window.removeEventListener("resize", d), u && (u.disconnect(), u = null);
+}, vo = (t, e, n) => {
+  const o = {}, s = e || {}, r = xt(t).concat(xt(s));
+  return Y(r, (c) => {
+    const l = t[c], i = s[c];
+    o[c] = !!(n || l || i);
+  }), o;
+}, Ur = (t, e) => {
+  const { Z: n, K: o, ht: s, ft: r } = t, { A: c, I: l, Y: i } = bt(), a = !c && (l.x || l.y), d = [Pr(t, e), Mr(t, e), Vr(t, e)];
+  return (u, f, m) => {
+    const S = vo(et({
+      wt: !1,
+      xt: !1,
+      St: !1,
+      vt: !1,
+      Ht: !1,
+      Lt: !1,
+      It: !1,
+      Tt: !1,
+      bt: !1,
+      Pt: !1
+    }, f), {}, m), h = a || !i, w = h && It(o), y = h && Vt(o);
+    s("", Ge, !0);
+    let p = S;
+    return Y(d, (g) => {
+      p = vo(p, g(p, u, !!m) || {}, m);
+    }), It(o, w), Vt(o, y), s("", Ge), r || (It(n, 0), Vt(n, 0)), p;
   };
-  return He(() => {
-    r.value && (m(), d = a, o === "throttle" && i >= 4 ? d = we(d, i) : o === "debounce" && i >= 4 && (d = De(d, i)), window.addEventListener("resize", d), u = new ResizeObserver(d), u.observe(r.value));
-  }), ee(m), n ? s : [r, s];
-}
-const Kt = { class: "scrollbar__wrapper" }, qt = {
-  name: "CustomScrollbar",
-  inheritAttrs: !1
-};
-function Jt(t, { expose: n, emit: e }) {
-  const i = t, o = {
-    horizontal: { el: null, instance: null },
-    vertical: { el: null, instance: null }
-  }, l = (S, g) => {
-    o[g].instance || (o[g].instance = S);
+}, Yr = (t, e, n) => {
+  let o, s = !1;
+  const r = () => {
+    s = !0;
+  }, c = (l) => {
+    if (n) {
+      const i = n.reduce((a, d) => {
+        if (d) {
+          const [u, f] = d, m = f && u && (l ? l(u) : Lo(u, t));
+          m && m.length && f && ne(f) && Z(a, [m, f.trim()], !0);
+        }
+        return a;
+      }, []);
+      Y(i, (a) => Y(a[0], (d) => {
+        const u = a[1], f = o.get(d) || [];
+        if (t.contains(d)) {
+          const S = it(d, u, (h) => {
+            s ? (S(), o.delete(d)) : e(h);
+          });
+          o.set(d, Z(f, S));
+        } else
+          At(f), o.delete(d);
+      }));
+    }
+  };
+  return n && (o = /* @__PURE__ */ new WeakMap(), c()), [r, c];
+}, yo = (t, e, n, o) => {
+  let s = !1;
+  const { Mt: r, Dt: c, Rt: l, kt: i, Bt: a, Vt: d } = o || {}, u = Rn(() => {
+    s && n(!0);
+  }, {
+    g: 33,
+    v: 99
+  }), [f, m] = Yr(t, u, l), S = r || [], h = c || [], w = S.concat(h), y = (g, T) => {
+    const x = a || wt, A = d || wt, P = /* @__PURE__ */ new Set(), H = /* @__PURE__ */ new Set();
+    let F = !1, tt = !1;
+    if (Y(g, (q) => {
+      const { attributeName: M, target: b, type: v, oldValue: $, addedNodes: D, removedNodes: B } = q, E = v === "attributes", k = v === "childList", I = t === b, z = E && ne(M) ? ut(b, M) : 0, U = z !== 0 && $ !== z, G = Hn(h, M) > -1 && U;
+      if (e && (k || !I)) {
+        const _ = !E, C = E && U, O = C && i && Ue(b, i), L = (O ? !x(b, M, $, z) : _ || C) && !A(q, !!O, t, o);
+        Y(D, (j) => P.add(j)), Y(B, (j) => P.add(j)), tt = tt || L;
+      }
+      !e && I && U && !x(b, M, $, z) && (H.add(M), F = F || G);
+    }), P.size > 0 && m((q) => de(P).reduce((M, b) => (Z(M, Lo(q, b)), Ue(b, q) ? Z(M, b) : M), [])), e)
+      return !T && tt && n(!1), [!1];
+    if (H.size > 0 || F) {
+      const q = [de(H), F];
+      return !T && n.apply(0, q), q;
+    }
+  }, p = new tr((g) => y(g));
+  return p.observe(t, {
+    attributes: !0,
+    attributeOldValue: !0,
+    attributeFilter: w,
+    subtree: e,
+    childList: e,
+    characterData: e
+  }), s = !0, [() => {
+    s && (f(), p.disconnect(), s = !1);
+  }, () => {
+    if (s) {
+      u.m();
+      const g = p.takeRecords();
+      return !An(g) && y(g, !0);
+    }
+  }];
+}, We = 3333333, ns = (t, e, n) => {
+  const { Yt: o = !1, Pt: s = !1 } = n || {}, r = ue()[kr], { V: c } = bt(), i = zo(`<div class="${Yn}"><div class="${mr}"></div></div>`)[0], a = i.firstChild, d = ke.bind(0, t), [u] = Ct({
+    o: void 0,
+    _: !0,
+    u: (h, w) => !(!h || !he(h) && he(w))
+  }), f = (h) => {
+    const w = Tt(h) && h.length > 0 && De(h[0]), y = !w && Nn(h[0]);
+    let p = !1, g = !1, T = !0;
+    if (w) {
+      const [x, , A] = u(h.pop().contentRect), P = he(x), H = he(A);
+      p = !A && !!H || !P, g = !H && P, T = !p;
+    } else
+      y ? [, T] = h : g = h === !0;
+    if (o && T) {
+      const x = y ? h[0] : ke(i);
+      It(i, x ? c.n ? -We : c.i ? 0 : We : We), Vt(i, We);
+    }
+    p || e({
+      wt: !y,
+      jt: y ? h : void 0,
+      Pt: !!g
+    });
+  }, m = [];
+  let S = s ? f : !1;
+  return [() => {
+    At(m), Ht(i);
+  }, () => {
+    if (ge) {
+      const h = new ge(f);
+      h.observe(a), Z(m, () => {
+        h.disconnect();
+      });
+    } else if (r) {
+      const [h, w] = r.O(a, f, s);
+      S = h, Z(m, w);
+    }
+    if (o) {
+      const [h] = Ct({
+        o: void 0
+      }, d);
+      Z(m, it(i, "scroll", (w) => {
+        const y = h(), [p, g, T] = y;
+        g && (Wn(a, "ltr rtl"), p ? Ut(a, "rtl") : Ut(a, "ltr"), f([!!p, g, T])), Wo(w);
+      }));
+    }
+    S && (Ut(i, pr), Z(m, it(i, "animationstart", S, {
+      C: !!ge
+    }))), (ge || r) && _t(t, i);
+  }];
+}, qr = (t) => t.h === 0 || t.isIntersecting || t.intersectionRatio > 0, Xr = (t, e) => {
+  let n;
+  const o = le(gr), s = [], [r] = Ct({
+    o: !1
+  }), c = (i, a) => {
+    if (i) {
+      const d = r(qr(i)), [, u] = d;
+      if (u)
+        return !a && e(d), [d];
+    }
+  }, l = (i, a) => {
+    if (i && i.length > 0)
+      return c(i.pop(), a);
   };
-  let r = A(null), s = A(null);
-  ke(() => {
-    var S;
-    const g = Array.from((S = r.value.parentElement) == null ? void 0 : S.childNodes);
-    for (const c in o)
-      o[c].el = g.find((v) => {
-        var T;
-        return (T = v == null ? void 0 : v.classList) == null ? void 0 : T.contains(`scrollbar__thumbPlaceholder--${c}`);
+  return [() => {
+    At(s), Ht(o);
+  }, () => {
+    if (Qn)
+      n = new Qn((i) => l(i), {
+        root: t
+      }), n.observe(o), Z(s, () => {
+        n.disconnect();
       });
+    else {
+      const i = () => {
+        const u = Ce(o);
+        c(u);
+      }, [a, d] = ns(o, i);
+      Z(s, a), d(), i();
+    }
+    _t(t, o);
+  }, () => {
+    if (n)
+      return l(n.takeRecords(), !0);
+  }];
+}, bo = `[${Ot}]`, Gr = `[${Kt}]`, vn = ["tabindex"], wo = ["wrap", "cols", "rows"], yn = ["id", "class", "style", "open"], jr = (t, e, n) => {
+  let o, s, r;
+  const { J: c, K: l, nt: i, lt: a, ft: d, _t: u, ht: f } = t, { Y: m } = bt(), [S] = Ct({
+    u: Po,
+    o: {
+      w: 0,
+      h: 0
+    }
+  }, () => {
+    const $ = u(be, ye), D = u(mn, ""), B = D && It(l), E = D && Vt(l);
+    f(be, ye), f(mn, ""), f("", Ge, !0);
+    const k = qe(i), I = qe(l), z = Xe(l);
+    return f(be, ye, $), f(mn, "", D), f("", Ge), It(l, B), Vt(l, E), {
+      w: I.w + k.w + z.w,
+      h: I.h + k.h + z.h
+    };
+  }), h = a ? wo : yn.concat(wo), w = Rn(n, {
+    g: () => o,
+    v: () => s,
+    p($, D) {
+      const [B] = $, [E] = D;
+      return [xt(B).concat(xt(E)).reduce((k, I) => (k[I] = B[I] || E[I], k), {})];
+    }
+  }), y = ($) => {
+    Y($ || vn, (D) => {
+      if (Hn(vn, D) > -1) {
+        const B = ut(c, D);
+        ne(B) ? ut(l, D, B) : ht(l, D);
+      }
+    });
+  }, p = ($, D) => {
+    const [B, E] = $, k = {
+      vt: E
+    };
+    return e({
+      gt: B
+    }), !D && n(k), k;
+  }, g = ({ wt: $, jt: D, Pt: B }) => {
+    const E = !$ || B ? n : w;
+    let k = !1;
+    if (D) {
+      const [I, z] = D;
+      k = z, e({
+        yt: I
+      });
+    }
+    E({
+      wt: $,
+      Pt: B,
+      St: k
+    });
+  }, T = ($, D) => {
+    const [, B] = S(), E = {
+      bt: B
+    };
+    return B && !D && ($ ? n : w)(E), E;
+  }, x = ($, D, B) => {
+    const E = {
+      Tt: D
+    };
+    return D ? !B && w(E) : d || y($), E;
+  }, [A, P, H] = i || !m ? Xr(c, p) : [wt, wt, wt], [F, tt] = d ? [wt, wt] : ns(c, g, {
+    Pt: !0,
+    Yt: !0
+  }), [q, M] = yo(c, !1, x, {
+    Dt: yn,
+    Mt: yn.concat(vn)
   });
-  const a = xe(r, { wait: i.throttleWait, type: i.throttleType, callback: y }), d = xe(s, { wait: i.throttleWait, type: i.throttleType, callback: y });
-  let u = A(0), m = A(0);
-  function y() {
-    u.value = Math.max(r.value.scrollHeight - a.height | 0, 0), m.value = Math.max(r.value.scrollWidth - a.width | 0, 0);
-  }
-  let I = p(() => ({
-    thumbSize: m.value ? Q(a.width / r.value.scrollWidth * a.width, i.thumbMinSize > a.width ? 48 : i.thumbMinSize, i.thumbMaxSize) : 0,
-    contentMainSize: d.width,
-    wrapperMainSize: a.width,
-    boundaryDistance: Math.abs(a.left)
-  })), B = p(() => ({
-    thumbSize: u.value ? Q(a.height / r.value.scrollHeight * a.height, i.thumbMinSize > a.height ? 48 : i.thumbMinSize, i.thumbMaxSize) : 0,
-    contentMainSize: d.height,
-    wrapperMainSize: a.height,
-    boundaryDistance: Math.abs(a.top)
-  })), M = p(() => a.height - B.value.thumbSize - 5), x = p(() => a.width - I.value.thumbSize - 5);
-  const b = () => {
-    m.value && (o.horizontal.el.style.transform = `translate3d(${r.value.scrollLeft / m.value * x.value}px, 0, 0)`, o.horizontal.instance.autoHideAfterScroll()), u.value && (o.vertical.el.style.transform = `translate3d(0, ${r.value.scrollTop / u.value * M.value}px, 0)`, o.vertical.instance.autoHideAfterScroll());
+  let b;
+  const v = d && ge && new ge(($) => {
+    const D = $[$.length - 1].contentRect, B = he(D), k = !he(b) && B;
+    g({
+      wt: !0,
+      Pt: k
+    }), b = D;
+  });
+  return [() => {
+    A(), F(), r && r[0](), v && v.disconnect(), q();
+  }, () => {
+    v && v.observe(c), y(), tt(), P();
+  }, () => {
+    const $ = {}, D = M(), B = H(), E = r && r[1]();
+    return D && et($, x.apply(0, Z(D, !0))), B && et($, p.apply(0, Z(B, !0))), E && et($, T.apply(0, Z(E, !0))), $;
+  }, ($) => {
+    const [D] = $("update.ignoreMutation"), [B, E] = $("update.attributes"), [k, I] = $("update.elementEvents"), [z, U] = $("update.debounce"), G = I || E, _ = (C) => Et(D) && D(C);
+    if (G && (r && (r[1](), r[0]()), r = yo(i || l, !0, T, {
+      Mt: h.concat(B || []),
+      Rt: k,
+      kt: bo,
+      Vt: (C, O) => {
+        const { target: W, attributeName: L } = C;
+        return (!O && L && !d ? Gs(W, bo, Gr) : !1) || !!me(W, `.${yt}`) || !!_(C);
+      }
+    })), U)
+      if (w.m(), Tt(z)) {
+        const C = z[0], O = z[1];
+        o = ee(C) && C, s = ee(O) && O;
+      } else
+        ee(z) ? (o = z, s = !1) : (o = !1, s = !1);
+  }];
+}, So = {
+  x: 0,
+  y: 0
+}, Kr = (t) => ({
+  tt: {
+    t: 0,
+    r: 0,
+    b: 0,
+    l: 0
+  },
+  $t: !1,
+  P: {
+    marginRight: 0,
+    marginBottom: 0,
+    marginLeft: 0,
+    paddingTop: 0,
+    paddingRight: 0,
+    paddingBottom: 0,
+    paddingLeft: 0
+  },
+  zt: So,
+  Et: So,
+  Ot: {
+    x: "hidden",
+    y: "hidden"
+  },
+  At: {
+    x: !1,
+    y: !1
+  },
+  gt: !1,
+  yt: ke(t.J)
+}), Zr = (t, e) => {
+  const n = Cn(e, {}), [o, s, r] = Un(), [c, l, i] = Ar(t), a = ts(Kr(c)), [d, u] = a, f = Ur(c, a), m = (g, T, x) => {
+    const P = xt(g).some((H) => !!g[H]) || !Pn(T) || x;
+    return P && r("u", [g, T, x]), P;
+  }, [S, h, w, y] = jr(c, u, (g) => m(f(n, g), {}, !1)), p = d.bind(0);
+  return p.Nt = (g) => o("u", g), p.qt = () => {
+    const { Z: g, K: T, rt: x, it: A } = c, P = A ? x.documentElement : g, H = It(P), F = Vt(P);
+    h(), l(), It(T, H), Vt(T, F);
+  }, p.Ft = c, [(g, T) => {
+    const x = Cn(e, g, T);
+    return y(x), m(f(x, w(), T), g, !!T);
+  }, p, () => {
+    s(), S(), i();
+  }];
+}, { round: xo } = Math, Jr = (t) => {
+  const { width: e, height: n } = Nt(t), { w: o, h: s } = Ce(t);
+  return {
+    x: xo(e) / o || 1,
+    y: xo(n) / s || 1
+  };
+}, Qr = (t, e, n) => {
+  const o = e.scrollbars, { button: s, isPrimary: r, pointerType: c } = t, { pointers: l } = o;
+  return s === 0 && r && o[n ? "dragScroll" : "clickScroll"] && (l || []).includes(c);
+}, $o = "pointerup pointerleave pointercancel lostpointercapture", ti = (t) => ({
+  transform: [we("0%", t), we("-100%", t)],
+  [t ? "left" : "top"]: ["0%", "100%"]
+}), ei = (t, e) => it(t, "mousedown", it.bind(0, e, "click", Wo, {
+  C: !0,
+  $: !0
+}), {
+  $: !0
+}), ni = (t, e, n, o, s, r, c) => {
+  const { V: l } = bt(), { Gt: i, Xt: a, Ut: d } = o, u = `scroll${c ? "Left" : "Top"}`, f = `client${c ? "X" : "Y"}`, m = c ? "width" : "height", S = c ? "left" : "top", h = c ? "w" : "h", w = c ? "x" : "y", y = (p, g) => (T) => {
+    const { Et: x } = r(), A = Ce(a)[h] - Ce(i)[h], H = g * T / A * x[w], tt = ke(d) && c ? l.n || l.i ? 1 : -1 : 1;
+    s[u] = p + H * tt;
   };
-  K(() => [m.value, u.value], b);
-  const $ = (S) => {
-    S.stopPropagation();
-    const g = r.value.scrollLeft, c = r.value.scrollTop, v = Q(g + ((S == null ? void 0 : S.deltaX) || 0), 0, m.value) | 0, T = Q(c + ((S == null ? void 0 : S.deltaY) || 0), 0, u.value) | 0;
-    r.value.scrollLeft = v, r.value.scrollTop = T, m.value && (o.horizontal.el.style.transform = `translate3d(${v / m.value * x.value}px, 0, 0)`, o.horizontal.instance.autoHideAfterScroll()), u.value && (o.vertical.el.style.transform = `translate3d(0, ${T / u.value * M.value}px, 0)`, o.vertical.instance.autoHideAfterScroll()), e("scroll", { target: r.value, scrollLeft: v, scrollTop: T });
-  }, z = (S) => {
-    i.simulateScroll ? $(S) : b();
+  return it(a, "pointerdown", (p) => {
+    const g = me(p.target, `.${qn}`) === i, T = g ? i : a;
+    if (ae(e, Ot, io, !0), Qr(p, t, g)) {
+      const x = !g && p.shiftKey, A = () => Nt(i), P = () => Nt(a), H = (k, I) => (k || A())[S] - (I || P())[S], F = y(s[u] || 0, 1 / Jr(s)[w]), tt = p[f], q = A(), M = P(), b = q[m], v = H(q, M) + b / 2, $ = tt - M[S], D = g ? 0 : $ - v, B = (k) => {
+        At(E), T.releasePointerCapture(k.pointerId);
+      }, E = [ae.bind(0, e, Ot, io), it(n, $o, B), it(n, "selectstart", (k) => Ro(k), {
+        S: !1
+      }), it(a, $o, B), it(a, "pointermove", (k) => {
+        const I = k[f] - tt;
+        (g || x) && F(D + I);
+      })];
+      if (x)
+        F(D);
+      else if (!g) {
+        const k = ue()[Cr];
+        k && Z(E, k.O(F, H, D, b, $));
+      }
+      T.setPointerCapture(p.pointerId);
+    }
+  });
+}, oi = ({ Gt: t }, e, n) => {
+  if (!e)
+    return wt;
+  const o = t.animate(ti(n), {
+    timeline: e
+  });
+  return () => {
+    o.cancel();
+  };
+}, si = (t, e) => (n, o, s, r, c, l, i) => {
+  const { Ut: a } = n, [d, u] = re(333), f = !!c.scrollBy;
+  let m = !0;
+  return At.bind(0, [it(a, "pointerenter", () => {
+    o(lo, !0);
+  }), it(a, "pointerleave pointercancel", () => {
+    o(lo);
+  }), it(a, "wheel", (S) => {
+    const { deltaX: h, deltaY: w, deltaMode: y } = S;
+    f && m && y === 0 && qt(a) === r && c.scrollBy({
+      left: h,
+      top: w,
+      behavior: "smooth"
+    }), m = !1, o(po, !0), d(() => {
+      m = !0, o(po);
+    }), Ro(S);
+  }, {
+    S: !1,
+    $: !0
+  }), ei(a, s), ni(t, r, s, n, c, e, i), oi(n, l, i), u]);
+}, { min: In, max: _o, abs: ri, round: ii } = Math, os = (t, e, n, o) => {
+  if (o) {
+    const l = n ? "x" : "y", { Et: i, zt: a } = o, d = a[l], u = i[l];
+    return _o(0, In(1, d / (d + u)));
+  }
+  const s = n ? "width" : "height", r = Nt(t)[s], c = Nt(e)[s];
+  return _o(0, In(1, r / c));
+}, ci = (t, e, n, o, s, r) => {
+  const { V: c } = bt(), l = r ? "x" : "y", i = r ? "Left" : "Top", { Et: a } = o, d = ii(a[l]), u = ri(n[`scroll${i}`]), f = r && s, m = c.i ? u : d - u, h = In(1, (f ? m : u) / d), w = os(t, e, r);
+  return 1 / w * (1 - w) * h;
+}, ai = (t) => `${Math.max(0, t - 0.5)}px`, To = (t, e, n, o) => t.animate({
+  transform: [we("0px", o), we(ai(n), o)]
+}, {
+  timeline: e,
+  composite: "add"
+}), Do = (t, e) => _n ? new _n({
+  source: t,
+  axis: e
+}) : null, li = (t, e, n) => {
+  const { q: o, H: s } = bt(), { scrollbars: r } = o(), { slot: c } = r, { rt: l, Z: i, J: a, K: d, ut: u, st: f, it: m, ft: S } = e, { scrollbars: h } = u ? {} : t, { slot: w } = h || {}, y = /* @__PURE__ */ new Map(), p = Do(f, "x"), g = Do(f, "y"), T = Jo([i, a, d], () => S && m ? i : a, c, w), x = (_) => S && !m && qt(_) === d, A = () => {
+    y.forEach((_) => {
+      (_ || []).forEach((C) => {
+        C.cancel();
+      });
+    });
+  }, P = (_, C, O) => {
+    const W = O ? Ut : Wn;
+    Y(_, (L) => {
+      W(L.Ut, C);
+    });
+  }, H = (_, C) => {
+    Y(_, (O) => {
+      const [W, L] = C(O);
+      ft(W, L);
+    });
+  }, F = (_, C, O) => {
+    H(_, (W) => {
+      const { Gt: L, Xt: j } = W;
+      return [L, {
+        [O ? "width" : "height"]: `${(100 * os(L, j, O, C)).toFixed(3)}%`
+      }];
+    });
+  }, tt = (_, C, O) => {
+    !g && !g && H(_, (W) => {
+      const { Gt: L, Xt: j, Ut: J } = W, Q = ci(L, j, f, C, ke(J), O);
+      return [L, {
+        transform: Q === Q ? we(`${(100 * Q).toFixed(3)}%`, O) : ""
+      }];
+    });
+  }, q = (_) => {
+    const { Ut: C } = _, O = x(C) && C;
+    return [O, {
+      transform: O ? we([`${It(f)}px`, `${Vt(f)}px`]) : ""
+    }];
+  }, M = [], b = [], v = [], $ = (_, C, O) => {
+    const W = Nn(O), L = W ? O : !0, j = W ? !O : !0;
+    L && P(b, _, C), j && P(v, _, C);
+  }, D = (_) => {
+    F(b, _, !0), F(v, _);
+  }, B = (_) => {
+    tt(b, _, !0), tt(v, _);
+  }, E = () => {
+    !g && !g && (S && H(b, q), S && H(v, q));
+  }, k = ({ Et: _ }) => {
+    A(), v.concat(b).forEach(({ Ut: C }) => {
+      x(C) && y.set(C, [To(C, p, _.x, !0), To(C, g, _.y)]);
+    });
+  }, I = (_) => {
+    const C = _ ? br : wr, O = _ ? b : v, W = An(O) ? ao : "", L = le(`${yt} ${C} ${W}`), j = le(Ko), J = le(qn), Q = {
+      Ut: L,
+      Xt: j,
+      Gt: J
+    };
+    return s || Ut(L, hr), _t(L, j), _t(j, J), Z(O, Q), Z(M, [() => {
+      A(), y.clear();
+    }, Ht.bind(0, L), n(Q, $, l, a, f, _ ? p : g, _)]), Q;
+  }, z = I.bind(0, !0), U = I.bind(0, !1), G = () => {
+    _t(T, b[0].Ut), _t(T, v[0].Ut), Ye(() => {
+      $(ao);
+    }, 300);
   };
-  return K(a, () => e("wrapperResize", a)), K(d, () => e("contentResize", d)), n({
-    scrollEl: r
-  }), (S, g) => (h(), D("div", Kt, [
-    P("div", Y({
-      ref: (c, v) => {
-        v.wrapperEl = c, r.value = c;
+  return z(), U(), [{
+    Wt: D,
+    Zt: B,
+    Jt: k,
+    Kt: E,
+    Qt: $,
+    tn: {
+      B: p,
+      nn: b,
+      sn: z,
+      en: H.bind(0, b)
+    },
+    cn: {
+      B: g,
+      nn: v,
+      sn: U,
+      en: H.bind(0, v)
+    }
+  }, G, At.bind(0, M)];
+}, di = (t, e, n, o) => {
+  let s, r, c, l, i, a = 0;
+  const d = ts({}), [u] = d, [f, m] = re(), [S, h] = re(), [w, y] = re(100), [p, g] = re(100), [T, x] = re(100), [A, P] = re(() => a), [H, F, tt] = li(t, n.Ft, si(e, n)), { J: q, et: M, it: b } = n.Ft, { Qt: v, Wt: $, Zt: D, Jt: B, Kt: E } = H, k = (_) => {
+    v(kn, _, !0), v(kn, _, !1);
+  }, I = (_, C) => {
+    if (P(), _)
+      v(fo);
+    else {
+      const O = () => v(fo, !0);
+      a > 0 && !C ? A(O) : O();
+    }
+  }, z = () => {
+    l = r, l && I(!0);
+  }, U = [y, P, g, x, h, m, tt, it(q, "pointerover", z, {
+    C: !0
+  }), it(q, "pointerenter", z), it(q, "pointerleave", () => {
+    l = !1, r && I(!1);
+  }), it(q, "pointermove", () => {
+    s && f(() => {
+      y(), I(!0), p(() => {
+        s && I(!1);
+      });
+    });
+  }), it(M, "scroll", (_) => {
+    S(() => {
+      D(n()), c && I(!0), w(() => {
+        c && !l && I(!1);
+      });
+    }), o(_), E();
+  })], G = u.bind(0);
+  return G.Ft = H, G.qt = F, [(_, C, O) => {
+    const { Ht: W, Lt: L, It: j, St: J, Pt: Q } = O, { I: rt } = bt(), K = Cn(e, _, C), X = n(), { Et: lt, Ot: Dt, yt: $t, At: Gt } = X, [oe, fe] = K("showNativeOverlaidScrollbars"), [pe, ct] = K("scrollbars.theme"), [mt, gt] = K("scrollbars.visibility"), [kt, Ee] = K("scrollbars.autoHide"), [en, nn] = K("scrollbars.autoHideSuspend"), [on] = K("scrollbars.autoHideDelay"), [sn, Bt] = K("scrollbars.dragScroll"), [Be, rn] = K("scrollbars.clickScroll"), Le = Q && !C, Pt = W || L || J, jt = j || gt, Lt = oe && rt.x && rt.y, ze = (zt, xe) => {
+      const se = mt === "visible" || mt === "auto" && zt === "scroll";
+      return v(Sr, se, xe), se;
+    };
+    if (a = on, fe && v(vr, Lt), ct && (v(i), v(pe, !0), i = pe), (nn || Le) && (en && Le && (Gt.x || Gt.y) ? (k(!1), T(() => U.push(it(M, "scroll", k.bind(0, !0), {
+      C: !0
+    })))) : k(!0)), Ee && (s = kt === "move", r = kt === "leave", c = kt !== "never", I(!c, !0)), Bt && v(_r, sn), rn && v($r, Be), jt) {
+      const zt = ze(Dt.x, !0), xe = ze(Dt.y, !1);
+      v(xr, !(zt && xe));
+    }
+    Pt && ($(X), D(X), B(X), E(), v(uo, !lt.x, !0), v(uo, !lt.y, !1), v(yr, $t && !b));
+  }, G, At.bind(0, U)];
+}, ss = (t, e, n) => {
+  Et(t) && t(e || void 0, n || void 0);
+}, te = (t, e, n) => {
+  const { G: o, q: s, j: r, N: c } = bt(), l = ue(), i = Te(t), a = i ? t : t.target, d = Qo(a);
+  if (e && !d) {
+    let u = !1;
+    const f = (b) => {
+      const v = ue()[Dr], $ = v && v.O;
+      return $ ? $(b, !0) : b;
+    }, m = et({}, o(), f(e)), [S, h, w] = Un(n), [y, p, g] = Zr(t, m), [T, x, A] = di(t, m, p, (b) => w("scroll", [M, b])), P = (b, v) => y(b, !!v), H = P.bind(0, {}, !0), F = r(H), tt = c(H), q = (b) => {
+      Hr(a), F(), tt(), A(), g(), u = !0, w("destroyed", [M, !!b]), h();
+    }, M = {
+      options(b, v) {
+        if (b) {
+          const $ = v ? o() : {}, D = Vo(m, et($, f(b)));
+          Pn(D) || (et(m, D), P(D));
+        }
+        return et({}, m);
+      },
+      on: S,
+      off: (b, v) => {
+        b && v && h(b, v);
+      },
+      state() {
+        const { zt: b, Et: v, Ot: $, At: D, tt: B, $t: E, yt: k } = p();
+        return et({}, {
+          overflowEdge: b,
+          overflowAmount: v,
+          overflowStyle: $,
+          hasOverflow: D,
+          padding: B,
+          paddingAbsolute: E,
+          directionRTL: k,
+          destroyed: u
+        });
+      },
+      elements() {
+        const { Z: b, J: v, tt: $, K: D, nt: B, st: E, et: k } = p.Ft, { tn: I, cn: z } = x.Ft, U = (_) => {
+          const { Gt: C, Xt: O, Ut: W } = _;
+          return {
+            scrollbar: W,
+            track: O,
+            handle: C
+          };
+        }, G = (_) => {
+          const { nn: C, sn: O } = _, W = U(C[0]);
+          return et({}, W, {
+            clone: () => {
+              const L = U(O());
+              return T({}, !0, {}), L;
+            }
+          });
+        };
+        return et({}, {
+          target: b,
+          host: v,
+          padding: $ || D,
+          viewport: D,
+          content: B || D,
+          scrollOffsetElement: E,
+          scrollEventElement: k,
+          scrollbarHorizontal: G(I),
+          scrollbarVertical: G(z)
+        });
       },
-      class: "scrollbar__scroller"
-    }, S.$attrs, {
-      onWheel: z,
-      onScroll: z
-    }), [
-      P("div", {
-        ref: (c, v) => {
-          v.contentEl = c, s.value = c;
+      update: (b) => P({}, b),
+      destroy: q.bind(0)
+    };
+    return p.Nt((b, v, $) => {
+      T(v, $, b);
+    }), Nr(a, M), Y(xt(l), (b) => ss(l[b], 0, M)), zr(p.Ft.it, s().cancel, !i && t.cancel) ? (q(!0), M) : (p.qt(), x.qt(), w("initialized", [M]), p.Nt((b, v, $) => {
+      const { wt: D, St: B, vt: E, Ht: k, Lt: I, It: z, bt: U, Tt: G } = b;
+      w("updated", [M, {
+        updateHints: {
+          sizeChanged: D,
+          directionChanged: B,
+          heightIntrinsicChanged: E,
+          overflowEdgeChanged: k,
+          overflowAmountChanged: I,
+          overflowStyleChanged: z,
+          contentMutation: U,
+          hostMutation: G
         },
-        class: k(["scrollbar__content", t.contentClass, { "scrollbar__content--fixedThumb": t.fixedThumb, [`scrollbar__content--${t.direction}`]: t.direction }]),
-        style: C(t.contentStyle)
-      }, [
-        _(S.$slots, "default")
-      ], 6)
-    ], 16),
-    (h(), D(J, null, ce(o, (c, v) => ue(Gt, {
-      ref: (T) => l(T, v),
-      key: v,
-      autoExpand: t.autoExpand,
-      autoHide: t.autoHide,
-      autoHideDelay: t.autoHideDelay,
-      fixedThumb: v === t.direction ? !1 : t.fixedThumb,
-      type: v,
-      scrollInfo: v === "vertical" ? B.value : I.value,
-      wrapperEl: r.value
-    }, null, 8, ["autoExpand", "autoHide", "autoHideDelay", "fixedThumb", "type", "scrollInfo", "wrapperEl"])), 64))
-  ]));
-}
-const Qt = /* @__PURE__ */ Te(Ie(ie({}, qt), {
+        changedOptions: v,
+        force: $
+      }]);
+    }), M.update(!0), M);
+  }
+  return d;
+};
+te.plugin = (t) => {
+  Y(Tr(t), (e) => ss(e, te));
+};
+te.valid = (t) => {
+  const e = t && t.elements, n = Et(e) && e();
+  return Sn(n) && !!Qo(n.target);
+};
+te.env = () => {
+  const { k: t, I: e, A: n, V: o, Y: s, H: r, B: c, U: l, W: i, q: a, F: d, G: u, X: f } = bt();
+  return et({}, {
+    scrollbarsSize: t,
+    scrollbarsOverlaid: e,
+    scrollbarsHiding: n,
+    rtlScrollBehavior: o,
+    flexboxGlue: s,
+    cssCustomProperties: r,
+    scrollTimeline: c,
+    staticDefaultInitialization: l,
+    staticDefaultOptions: i,
+    getDefaultInitialization: a,
+    setDefaultInitialization: d,
+    getDefaultOptions: u,
+    setDefaultOptions: f
+  });
+};
+const ui = () => {
+  if (typeof window > "u") {
+    const a = () => {
+    };
+    return [a, a];
+  }
+  let t, e;
+  const n = window, o = typeof n.requestIdleCallback == "function", s = n.requestAnimationFrame, r = n.cancelAnimationFrame, c = o ? n.requestIdleCallback : s, l = o ? n.cancelIdleCallback : r, i = () => {
+    l(t), r(e);
+  };
+  return [
+    (a, d) => {
+      i(), t = c(
+        o ? () => {
+          i(), e = s(a);
+        } : a,
+        typeof d == "object" ? d : { timeout: 2233 }
+      );
+    },
+    i
+  ];
+}, rs = (t) => {
+  let e = null, n, o, s;
+  const r = wn(t || {}), [c, l] = ui();
+  return ce(
+    () => {
+      var i;
+      return nt((i = r.value) == null ? void 0 : i.defer);
+    },
+    (i) => {
+      s = i;
+    },
+    { deep: !0, immediate: !0 }
+  ), ce(
+    () => {
+      var i;
+      return nt((i = r.value) == null ? void 0 : i.options);
+    },
+    (i) => {
+      n = i, te.valid(e) && e.options(n || {}, !0);
+    },
+    { deep: !0, immediate: !0 }
+  ), ce(
+    () => {
+      var i;
+      return nt((i = r.value) == null ? void 0 : i.events);
+    },
+    (i) => {
+      o = i, te.valid(e) && e.on(
+        o || {},
+        !0
+      );
+    },
+    { deep: !0, immediate: !0 }
+  ), Oo(() => {
+    l(), e == null || e.destroy();
+  }), [
+    (i) => {
+      if (te.valid(e))
+        return e;
+      const a = () => e = te(i, n || {}, o || {});
+      s ? c(a, s) : a();
+    },
+    () => e
+  ];
+}, fi = /* @__PURE__ */ ps({
+  __name: "OverlayScrollbarsComponent",
   props: {
-    contentClass: null,
-    contentStyle: null,
-    direction: { default: "vertical" },
-    thumbMinSize: { default: 48 },
-    thumbMaxSize: { default: 1 / 0 },
-    autoHide: { default: !0 },
-    autoHideDelay: { default: 900 },
-    autoExpand: { default: !0 },
-    fixedThumb: null,
-    throttleType: { default: "debounce" },
-    throttleWait: { default: 333 },
-    simulateScroll: null
+    element: { default: "div" },
+    options: { type: [Boolean, null] },
+    events: { type: [Boolean, null] },
+    defer: { type: Boolean }
   },
-  emits: ["wrapperResize", "contentResize", "scroll"],
-  setup: Jt
-})), ln = {
-  __name: "DScrollbars",
+  emits: ["osInitialized", "osUpdated", "osDestroyed", "osScroll"],
+  setup(t, { expose: e, emit: n }) {
+    const o = t, s = {
+      initialized: "osInitialized",
+      updated: "osUpdated",
+      destroyed: "osDestroyed",
+      scroll: "osScroll"
+    }, { element: r, options: c, events: l, defer: i } = ms(o), a = wn(null), d = wn(null), u = St(), f = St(!1), [m, S] = rs({ options: c, events: u, defer: i });
+    return e({
+      osInstance: S,
+      getElement: () => a.value
+    }), Io(() => {
+      f.value = !0;
+    }), gs((h) => {
+      const { value: w } = a, { value: y } = d;
+      f.value && w && y && (m({
+        target: w,
+        elements: {
+          viewport: y,
+          content: y
+        }
+      }), h(() => {
+        var p;
+        return (p = S()) == null ? void 0 : p.destroy();
+      }));
+    }), ce(
+      () => nt(l),
+      (h) => {
+        const w = h || {};
+        u.value = Object.keys(s).reduce((y, p) => {
+          const g = w[p];
+          return y[p] = [
+            (...T) => n(
+              s[p],
+              ...T
+            ),
+            ...(Array.isArray(g) ? g : [g]).filter(Boolean)
+          ], y;
+        }, {});
+      },
+      { deep: !0, immediate: !0 }
+    ), (h, w) => (R(), st(Wt(nt(r)), {
+      "data-overlayscrollbars-initialize": "",
+      ref_key: "elementRef",
+      ref: a
+    }, {
+      default: vt(() => [
+        f.value ? (R(), at("div", {
+          key: 0,
+          ref_key: "slotRef",
+          ref: d,
+          "data-overlayscrollbars-contents": ""
+        }, [
+          ot(h.$slots, "default")
+        ], 512)) : ot(h.$slots, "default", { key: 1 })
+      ]),
+      _: 3
+    }, 512));
+  }
+}), wi = {
+  __name: "DScrollProvider",
   props: {
-    height: {
-      type: String,
-      default: "200px"
-    },
-    // высота блока
-    class: String,
-    // класс контейнера для установки высоты
-    style: Object,
-    // стиль контейнера
-    contentClass: String,
-    // класс контента для установки отступов, отображения
-    contentStyle: Object,
-    // стиль контента
-    direction: {
+    autoHide: {
       type: String,
-      default: "vertical"
-    },
-    // horizontal, vertical
-    thumbMinSize: Number,
-    // 48 - минимальный размер скролла
-    thumbMaxSize: Number,
-    // 48 - максимальный размер скролла
+      default: "never"
+    }
+    // 'never', 'scroll', 'leave' and 'move' - когда гасить
+  },
+  setup(t) {
+    const e = t, n = St(null), [o, s] = rs({
+      defer: !0,
+      events: {
+        initialized: () => {
+          n.value = !0;
+        },
+        destroyed: () => {
+          n.value = !1;
+        }
+      },
+      options: {
+        scrollbars: {
+          theme: "os-theme-light",
+          autoHide: e.autoHide
+        }
+      }
+    });
+    return ce(() => Jt.state.theme, (r) => {
+      s().options({
+        scrollbars: {
+          theme: r === "dark" ? "os-theme-light" : "os-theme-dark",
+          autoHide: e.autoHide
+        }
+      });
+    }), Io(() => o(document.body)), (r, c) => ot(r.$slots, "default");
+  }
+};
+const pi = {
+  __name: "DScroll",
+  props: {
     autoHide: {
-      type: Boolean,
-      default: !0
-    },
-    // true - гасить скролл, если мышь за пределами
-    autoHideDelay: {
-      type: Number,
-      default: 900
-    },
-    // 900 - гасить через, мс
-    autoExpand: {
-      type: Boolean,
-      default: !0
+      type: String,
+      default: "never"
     }
-    // true - расширить скролл при наведении мыши с 8px до 12px
+    // 'never', 'scroll', 'leave' and 'move' - когда гасить
   },
   setup(t) {
-    const n = t, e = p(() => ({ ...n.style, height: n.height }));
-    return (i, o) => (h(), w(E(Qt), {
-      class: k(n.class),
-      style: C(e.value),
-      contentClass: n.contentClass,
-      contentStyle: n.contentStyle,
-      direction: n.direction,
-      thumbMinSize: n.thumbMinSize,
-      thumbMaxSize: n.thumbMaxSize,
-      autoHide: n.autoHide,
-      autoHideDelay: n.autoHideDelay,
-      autoExpand: n.autoExpand
+    const e = t, n = St(null);
+    return ce(() => Jt.state.theme, (o) => {
+      n.value.osInstance().options({
+        scrollbars: {
+          theme: o === "dark" ? "os-theme-light" : "os-theme-dark",
+          autoHide: e.autoHide
+        }
+      });
+    }), (o, s) => (R(), st(nt(fi), {
+      class: "os-vue",
+      ref_key: "osRef",
+      ref: n,
+      options: {
+        scrollbars: {
+          theme: "os-theme-light",
+          autoHide: e.autoHide
+        }
+      },
+      events: {
+        // initialized: () => activateEvent('initialized'),
+        // destroyed: () => activateEvent('destroyed'),
+        // updated: () => activateEvent('updated'),
+        // scroll: () => activateEvent('scroll'),
+      },
+      defer: ""
     }, {
-      default: H(() => [
-        _(i.$slots, "default")
+      default: vt(() => [
+        ot(o.$slots, "default", {}, void 0, !0)
       ]),
       _: 3
-    }, 8, ["class", "style", "contentClass", "contentStyle", "direction", "thumbMinSize", "thumbMaxSize", "autoHide", "autoHideDelay", "autoExpand"]));
+    }, 8, ["options", "events"]));
+  }
+}, Si = /* @__PURE__ */ je(pi, [["__scopeId", "data-v-04ffe0b9"]]), xi = {
+  mounted: function(t, e) {
+    t.clickOutsideEvent = function(n) {
+      t === n.target || t.contains(n.target) || e.value(n, t);
+    }, document.addEventListener("click", t.clickOutsideEvent);
+  },
+  unmounted: function(t) {
+    document.removeEventListener("click", t.clickOutsideEvent);
   }
 };
 export {
-  on as DAccordion,
-  Ae as DBadge,
-  tn as DButton,
-  Fe as DCollapse,
-  rn as DConfigProvider,
-  U as DGlobalStore,
-  Z as DIcon,
-  F as DIconStore,
-  nn as DInput,
-  an as DLayoutAdmin,
-  it as DLayoutContent,
-  nt as DLayoutFooter,
-  et as DLayoutHeader,
-  ot as DLayoutSidebar,
-  tt as DLayoutTab,
-  ln as DScrollbars,
-  te as DTransferStore,
-  Je as DTree,
-  Ze as DTreeItem,
-  f as DTreeStore,
-  j as emitter,
-  Ke as eventsBus
+  vi as DAccordion,
+  Ss as DBadge,
+  gi as DButton,
+  xs as DCollapse,
+  bi as DConfigProvider,
+  Jt as DGlobalStore,
+  _e as DIcon,
+  Rt as DIconStore,
+  hi as DInput,
+  yi as DLayoutAdmin,
+  Ms as DLayoutContent,
+  As as DLayoutFooter,
+  Ns as DLayoutHeader,
+  Ps as DLayoutSidebar,
+  Hs as DLayoutTab,
+  Si as DScroll,
+  wi as DScrollProvider,
+  Ve as DTransferStore,
+  Ls as DTree,
+  Is as DTreeItem,
+  N as DTreeStore,
+  xi as clickOutside,
+  ve as emitter,
+  Es as eventsBus
 };