doph-js 0.0.54 → 0.0.56

package/dist/dophJs.js

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