doph-js 0.0.56 → 0.0.57

package/dist/dophJs.js

@@ -1,5 +1,5 @@
-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 = {
+import { useSlots as de, computed as p, h as pe, openBlock as h, createBlock as w, unref as E, createElementBlock as D, Fragment as J, normalizeClass as B, renderSlot as $, createCommentVNode as N, resolveDynamicComponent as R, createElementVNode as M, toDisplayString as le, withDirectives as se, normalizeStyle as O, vModelText as Ee, Transition as Le, withCtx as P, ref as V, withModifiers as C, resolveComponent as ze, createTextVNode as Ne, createVNode as ue, renderList as ce, reactive as re, getCurrentInstance as ke, watch as K, onUnmounted as ee, mergeProps as Y, defineComponent as Te, shallowRef as A, setBlockTracking as he, vShow as ge, onMounted as Be, watchEffect as Pe } from "vue";
+const Z = {
   __name: "DIcon",
   props: {
     component: [Object, String],
@@ -7,91 +7,91 @@ const K = {
     color: String,
     className: String
   },
-  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(
+  setup(t) {
+    const n = t, e = de(), i = p(() => {
+      const { className: s } = n;
+      return s === void 0 ? "icon" : ["icon", s].join(" ");
+    }), o = p(() => {
+      const { color: s } = n;
+      return s === void 0 ? null : s;
+    }), l = p(() => {
+      const s = n.size ?? null;
+      if (s !== void 0)
+        return typeof s == "number" || /^\d+$/.test(s) ? `${s}px` : s;
+    }), a = p(() => pe(
       "i",
       {
-        class: o.value,
+        class: i.value,
         style: {
-          color: s.value,
-          fontSize: i.value
+          color: o.value,
+          fontSize: l.value
         }
       },
-      t.component ? le(t.component) : e
+      n.component ? pe(n.component) : e
     ));
-    return (a, r) => (m(), b(S(l)));
+    return (s, r) => (h(), w(E(a)));
   }
-}, z = {
+}, F = {
   state: {},
   getters: {
-    getIcon(n) {
-      return z.state[n];
+    getIcon(t) {
+      return F.state[t];
     },
     getIcons() {
-      return z.state;
+      return F.state;
     }
   },
   mutations: {
-    addIcon(n, t) {
-      z.state.name = t;
+    addIcon(t, n) {
+      F.state.name = n;
     },
-    addIcons(n) {
-      for (const t in n)
-        n.hasOwnProperty(t) && (z.state[t] = n[t]);
+    addIcons(t) {
+      for (const n in t)
+        t.hasOwnProperty(n) && (F.state[n] = t[n]);
     }
   }
-}, be = { key: 1 }, Ke = {
+}, He = { key: 1 }, tn = {
   __name: "DButton",
   props: {
     class: String,
     icon: String
   },
   emits: ["click"],
-  setup(n, { emit: t }) {
-    const e = n, o = ne(), s = f(() => e.icon ? z.getters.getIcon(e.icon) : null), i = (l) => {
-      t("click", l);
+  setup(t, { emit: n }) {
+    const e = t, i = de(), o = p(() => e.icon ? F.getters.getIcon(e.icon) : null), l = (a) => {
+      n("click", a);
     };
-    return (l, a) => (m(), D(oe, null, [
-      s.value ? L("", !0) : (m(), D("div", {
+    return (a, s) => (h(), D(J, null, [
+      o.value ? N("", !0) : (h(), D("div", {
         key: 0,
-        onClick: i,
-        class: W(["button", e.class])
+        onClick: l,
+        class: B(["button", e.class])
       }, [
-        v(l.$slots, "default")
+        $(a.$slots, "default")
       ], 2)),
-      s.value ? (m(), D("div", {
+      o.value ? (h(), D("div", {
         key: 1,
-        onClick: i,
-        class: W(["button button-ext", e.class])
+        onClick: l,
+        class: B(["button button-ext", e.class])
       }, [
-        e.icon ? (m(), b(P(K), {
+        e.icon ? (h(), w(R(Z), {
           key: 0,
-          component: s.value,
+          component: o.value,
           color: "inherit"
-        }, null, 8, ["component"])) : L("", !0),
-        S(o).default ? (m(), D("div", be, [
-          v(l.$slots, "default")
-        ])) : L("", !0)
-      ], 2)) : L("", !0)
+        }, null, 8, ["component"])) : N("", !0),
+        E(i).default ? (h(), D("div", He, [
+          $(a.$slots, "default")
+        ])) : N("", !0)
+      ], 2)) : N("", !0)
     ], 64));
   }
 };
-const se = (n, t) => {
-  const e = n.__vccOpts || n;
-  for (const [o, s] of t)
-    e[o] = s;
+const fe = (t, n) => {
+  const e = t.__vccOpts || t;
+  for (const [i, o] of n)
+    e[i] = o;
   return e;
-}, Te = { class: "d-input" }, _e = { class: "label" }, Se = ["placeholder"], De = {
+}, Me = { class: "d-input" }, Oe = { class: "label" }, We = ["placeholder"], Ce = {
   __name: "DInput",
   props: {
     label: String,
@@ -102,40 +102,40 @@ const se = (n, t) => {
     modelValue: String
   },
   emits: ["update:modelValue"],
-  setup(n, { emit: t }) {
-    const e = n, o = f(() => e.font === "small" ? "d-input-small" : e.font === "big" ? "d-input-big" : ""), s = f({
+  setup(t, { emit: n }) {
+    const e = t, i = p(() => e.font === "small" ? "d-input-small" : e.font === "big" ? "d-input-big" : ""), o = p({
       get: () => e.modelValue,
-      set: (i) => {
-        t("update:modelValue", i);
+      set: (l) => {
+        n("update:modelValue", 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),
+    return (l, a) => (h(), D("div", Me, [
+      M("div", Oe, le(e.label), 1),
+      se(M("input", {
+        "onUpdate:modelValue": a[0] || (a[0] = (s) => o.value = s),
         type: "text",
-        class: W(o.value),
+        class: B(i.value),
         placeholder: e.placeholder,
-        style: A(e.size === "wide" ? "width:100%" : "")
-      }, null, 14, Se), [
-        [fe, s.value]
+        style: O(e.size === "wide" ? "width:100%" : "")
+      }, null, 14, We), [
+        [Ee, o.value]
       ])
     ]));
   }
-}, qe = /* @__PURE__ */ se(De, [["__scopeId", "data-v-11679fd8"]]), xe = {
+}, nn = /* @__PURE__ */ fe(Ce, [["__scopeId", "data-v-11679fd8"]]), Ae = {
   __name: "DBadge",
   props: {
     class: String
   },
-  setup(n) {
-    const t = n;
-    return (e, o) => (m(), D("div", {
-      class: W(["badge", t.class])
+  setup(t) {
+    const n = t;
+    return (e, i) => (h(), D("div", {
+      class: B(["badge", n.class])
     }, [
-      v(e.$slots, "default")
+      $(e.$slots, "default")
     ], 2));
   }
-}, M = "0px", $e = {
+}, W = "0px", Fe = {
   __name: "DCollapse",
   props: {
     duration: {
@@ -159,8 +159,8 @@ const se = (n, t) => {
       default: 1
     }
   },
-  setup(n) {
-    const t = n, e = (r) => ({
+  setup(t) {
+    const n = t, e = (r) => ({
       height: r.style.height,
       width: r.style.width,
       position: r.style.position,
@@ -172,30 +172,30 @@ const se = (n, t) => {
       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();
+    }), i = (r, d) => {
+      const { width: u } = getComputedStyle(r);
+      r.style.width = u, r.style.position = "absolute", r.style.visibility = "hidden", r.style.height = "";
+      let { height: m } = getComputedStyle(r);
+      return r.style.width = d.width, r.style.position = d.position, r.style.visibility = d.visibility, r.style.height = W, r.style.overflow = "hidden", d.height && d.height !== W ? d.height : m;
+    }, o = (r, d, u, m, y) => {
+      const I = r.animate(m, y);
+      r.style.height = d.height, I.onfinish = () => {
+        r.style.overflow = d.overflow, u();
       };
-    }, i = (r, d) => [
+    }, l = (r, d) => [
       {
-        height: M,
-        opacity: t.opacityClosed,
-        paddingTop: M,
-        paddingBottom: M,
-        borderTopWidth: M,
-        borderBottomWidth: M,
-        marginTop: M,
-        marginBottom: M
+        height: W,
+        opacity: n.opacityClosed,
+        paddingTop: W,
+        paddingBottom: W,
+        borderTopWidth: W,
+        borderBottomWidth: W,
+        marginTop: W,
+        marginBottom: W
       },
       {
         height: r,
-        opacity: t.opacityOpened,
+        opacity: n.opacityOpened,
         paddingTop: d.paddingTop,
         paddingBottom: d.paddingBottom,
         borderTopWidth: d.borderTopWidth,
@@ -203,29 +203,29 @@ const se = (n, t) => {
         marginTop: d.marginTop,
         marginBottom: d.marginBottom
       }
-    ], 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);
+    ], a = (r, d) => {
+      const u = r, m = e(u), y = i(u, m), I = l(y, m), k = { duration: n.duration, easing: n.easingEnter };
+      o(u, m, d, I, k);
+    }, s = (r, d) => {
+      const u = r, m = e(u), { height: y } = getComputedStyle(u);
+      u.style.height = y, u.style.overflow = "hidden";
+      const I = l(y, m).reverse(), k = { duration: n.duration, easing: n.easingLeave };
+      o(u, m, d, I, k);
     };
-    return (r, d) => (m(), b(me, {
+    return (r, d) => (h(), w(Le, {
       css: !1,
-      onEnter: l,
-      onLeave: a
+      onEnter: a,
+      onLeave: s
     }, {
-      default: I(() => [
-        v(r.$slots, "default")
+      default: P(() => [
+        $(r.$slots, "default")
       ]),
       _: 3
     }));
   }
-}, q = {
+}, te = {
   data: void 0
-}, re = (n) => n.reduce((t, e) => (t[e] = e) && t, {}), $ = re([
+}, me = (t) => t.reduce((n, e) => (n[e] = e) && n, {}), z = me([
   "drag",
   "dragend",
   "dragenter",
@@ -233,7 +233,7 @@ const se = (n, t) => {
   "dragstart",
   "dragover",
   "drop"
-]), we = re(["copy", "move", "link", "none"]), Le = re([
+]), Re = me(["copy", "move", "link", "none"]), Ve = me([
   "none",
   "copy",
   "copyLink",
@@ -243,58 +243,58 @@ const se = (n, t) => {
   "move",
   "all",
   "uninitialized"
-]), ke = {
+]), je = {
   __name: "DDrag",
   props: {
     draggable: { type: Boolean, default: !0 },
     transferData: {},
-    dropEffect: { validator: (n) => n in we },
-    effectAllowed: { validator: (n) => n in Le },
+    dropEffect: { validator: (t) => t in Re },
+    effectAllowed: { validator: (t) => t in Ve },
     image: String,
     imageXOffset: { type: Number, default: 0 },
     imageYOffset: { type: Number, default: 0 },
     hideImageHtml: { type: Boolean, default: !1 },
     tag: { type: String, default: "div" }
   },
-  setup(n) {
-    const t = n, e = ne(), o = O(!1), s = f(() => o && t.transferData), i = f(() => ({ position: "fixed", top: "-1000px" })), l = (a, r) => {
+  setup(t) {
+    const n = t, e = de(), i = V(!1), o = p(() => i && n.transferData), l = p(() => ({ position: "fixed", top: "-1000px" })), a = (s, 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);
+      if ([z.dragenter, z.dragover].includes(s) && n.dropEffect && (d.dropEffect = n.dropEffect), s === z.dragstart) {
+        if (n.effectAllowed && (d.effectAllowed = n.effectAllowed), n.image || e.image) {
+          let u;
+          n.image ? (u = new Image(), u.src = n.image) : e.image && (u = e.image[0].elm), d.setDragImage && d.setDragImage(u, n.imageXOffset, n.imageYOffset);
         }
-        t.transferData !== void 0 && (q.data = t.transferData, r.dataTransfer.setData("text", "")), o.value = !0;
+        n.transferData !== void 0 && (te.data = n.transferData, r.dataTransfer.setData("text", "")), i.value = !0;
       }
     };
-    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))
+    return (s, r) => (h(), w(R(t.tag), {
+      draggable: n.draggable,
+      onDrag: r[0] || (r[0] = (d) => a(E(z).drag, d)),
+      onDragstart: r[1] || (r[1] = C((d) => a(E(z).dragstart, d), ["stop"])),
+      onDragenter: r[2] || (r[2] = (d) => a(E(z).dragenter, d)),
+      onDragleave: r[3] || (r[3] = (d) => a(E(z).dragleave, d)),
+      onDragend: r[4] || (r[4] = (d) => a(E(z).dragend, d))
     }, {
-      default: I(() => [
-        v(a.$slots, "default", { transferData: s.value }),
-        n.hideImageHtml ? (m(), D("div", {
+      default: P(() => [
+        $(s.$slots, "default", { transferData: o.value }),
+        t.hideImageHtml ? (h(), D("div", {
           key: 0,
-          style: A(i.value)
+          style: O(l.value)
         }, [
-          v(a.$slots, "image", { transferData: s.value })
-        ], 4)) : v(a.$slots, "image", {
+          $(s.$slots, "image", { transferData: o.value })
+        ], 4)) : $(s.$slots, "image", {
           key: 1,
-          transferData: s.value
+          transferData: o.value
         })
       ]),
       _: 3
     }, 40, ["draggable"]));
   }
 };
-const Ee = { class: "item-title" }, Be = { style: { display: "flex", "flex-direction": "row", "justify-content": "flex-end" } }, Ie = {
+const Xe = { class: "item-title" }, Ye = { style: { display: "flex", "flex-direction": "row", "justify-content": "flex-end" } }, Ue = {
   key: 0,
   class: "sub-menu"
-}, Ne = {
+}, Ge = {
   __name: "DTreeItem",
   props: {
     model: Object,
@@ -303,108 +303,108 @@ const Ee = { class: "item-title" }, Be = { style: { display: "flex", "flex-direc
     search: String
   },
   emits: ["nodedrop", "nodedragover", "nodedragleave", "nodeclick"],
-  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)
+  setup(t, { emit: n }) {
+    const e = t, i = V(null), o = V(!1), l = V(!1), a = V(!1), s = p(() => e.model.children && e.model.children.length), r = p(() => (f.actions.isTreeExpanded(e.treeId) && (e.model.expanded = e.model.expanded === void 0 ? !0 : e.model.expanded), e.model.expanded)), d = (S) => {
+      n("nodeclick", { event: S, model: e.model });
+    }, u = (S) => {
+      n("nodeclick", S);
+    }, m = p(() => (f.actions.isItemSelected(e.treeId, e.model.id) ? "selected" : "") + (o.value ? "node-over " : "") + (l.value ? "node-top " : "") + (a.value ? "node-bottom " : "")), y = p(() => e.search ? !1 : e.model.draggable === !0), I = (S) => {
+      let b = te.data;
+      if (b.model.id === e.model.id || f.actions.isChildOfParent(e.treeId, e.items, e.model.id, b.model.id) || f.actions.isParentOfChild(e.treeId, e.items, b.model.id, e.model.id))
+        return o.value = !1, l.value = !1, a.value = !1, !1;
+      if (!f.state.trees[e.treeId].transfer && b.id !== e.treeId)
         return !1;
-      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))
+      let _ = "";
+      l.value ? _ = "before" : a.value ? _ = "after" : _ = "inside", f.actions.moveTreeNode(b.id, e.treeId, e.items, b.model.id, e.model.id, _), o.value = !1, l.value = !1, a.value = !1;
+    }, k = (S) => {
+      let b = te.data;
+      if (b.model.id === e.model.id || f.actions.isChildOfParent(e.treeId, e.items, e.model.id, b.model.id) || f.actions.isParentOfChild(e.treeId, e.items, b.model.id, e.model.id))
         return !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;
+      const _ = S.y, L = i.value.getBoundingClientRect().top, x = i.value.getBoundingClientRect().height, g = x / 3;
+      _ > L && _ <= L + g ? (o.value = !1, l.value = !0, a.value = !1) : _ < L + x && _ >= L + x - g ? (o.value = !1, l.value = !1, a.value = !0) : (o.value = !0, l.value = !1, a.value = !1);
+    }, H = () => {
+      o.value = !1, l.value = !1, a.value = !1;
     };
-    return (k, T) => {
-      const w = pe("d-tree-item", !0);
-      return m(), b(ke, {
+    return (S, b) => {
+      const _ = ze("d-tree-item", !0);
+      return h(), w(je, {
         tag: "li",
         class: "tree-item",
         "transfer-data": { id: e.treeId, model: e.model },
         draggable: y.value,
-        onDrop: V(B, ["stop"]),
-        onDragenter: T[0] || (T[0] = V(() => {
+        onDrop: C(I, ["stop"]),
+        onDragenter: b[0] || (b[0] = C(() => {
         }, ["prevent"])),
-        onDragover: V(x, ["prevent", "stop"]),
-        onDragleave: V(U, ["prevent"])
+        onDragover: C(k, ["prevent", "stop"]),
+        onDragleave: C(H, ["prevent"])
       }, {
-        default: I(() => {
-          var N, H;
+        default: P(() => {
+          var L, x;
           return [
-            Z("div", {
+            M("div", {
               ref_key: "node",
-              ref: o,
-              class: W(p.value),
+              ref: i,
+              class: B(m.value),
               onClick: d
             }, [
-              Z("div", null, [
-                e.model.icons && e.model.icons.pre && a.value && !e.search ? (m(), b(P(K), {
+              M("div", null, [
+                e.model.icons && e.model.icons.pre && s.value && !e.search ? (h(), w(R(Z), {
                   key: 0,
-                  component: S(z).getters.getIcon(e.model.icons.pre.component),
+                  component: E(F).getters.getIcon(e.model.icons.pre.component),
                   size: 18,
                   color: e.model.icons.pre.color ? e.model.icons.pre.color : "inherit",
-                  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), {
+                  class: B(r.value ? "tree-open-pre" : "")
+                }, null, 8, ["component", "color", "class"])) : N("", !0),
+                e.model.icons && e.model.icons.pre && !s.value && !e.search ? (h(), w(R(Z), {
                   key: 1,
-                  component: S(z).getters.getIcon(e.model.icons.pre.component),
+                  component: E(F).getters.getIcon(e.model.icons.pre.component),
                   size: 18,
                   color: "rgba(0,0,0,0)",
-                  class: W(r.value ? "tree-open-pre" : "")
-                }, null, 8, ["component", "class"])) : L("", !0),
-                e.model.icons && e.model.icons.icon ? (m(), b(P(K), {
+                  class: B(r.value ? "tree-open-pre" : "")
+                }, null, 8, ["component", "class"])) : N("", !0),
+                e.model.icons && e.model.icons.icon ? (h(), w(R(Z), {
                   key: 2,
-                  component: S(z).getters.getIcon(e.model.icons.icon.component),
+                  component: E(F).getters.getIcon(e.model.icons.icon.component),
                   color: e.model.icons.icon.color ? e.model.icons.icon.color : "inherit",
                   size: e.model.icons.icon.size ? e.model.icons.icon.size : null,
                   className: e.model.icons.icon.class ? e.model.icons.icon.class : null
-                }, null, 8, ["component", "color", "size", "className"])) : L("", !0),
-                Z("div", Ee, [
-                  Z("div", null, te(S(u).actions.renderTitle(e.treeId, e.model.title)), 1)
+                }, null, 8, ["component", "color", "size", "className"])) : N("", !0),
+                M("div", Xe, [
+                  M("div", null, le(E(f).actions.renderTitle(e.treeId, e.model.title)), 1)
                 ])
               ]),
-              Z("div", Be, [
-                ((N = e.model.badge) == null ? void 0 : N.value) !== void 0 ? (m(), b(P(xe), {
+              M("div", Ye, [
+                ((L = e.model.badge) == null ? void 0 : L.value) !== void 0 ? (h(), w(R(Ae), {
                   key: 0,
-                  class: W([(H = e.model.badge) == null ? void 0 : H.class, "badge-sm"])
+                  class: B([(x = e.model.badge) == null ? void 0 : x.class, "badge-sm"])
                 }, {
-                  default: I(() => [
-                    ge(te(e.model.badge.value), 1)
+                  default: P(() => [
+                    Ne(le(e.model.badge.value), 1)
                   ]),
                   _: 1
-                }, 8, ["class"])) : L("", !0),
-                e.model.icons && e.model.icons.post && a.value && !e.search ? (m(), b(P(K), {
+                }, 8, ["class"])) : N("", !0),
+                e.model.icons && e.model.icons.post && s.value && !e.search ? (h(), w(R(Z), {
                   key: 1,
-                  component: S(z).getters.getIcon(e.model.icons.post.component),
+                  component: E(F).getters.getIcon(e.model.icons.post.component),
                   size: 20,
                   color: e.model.icons.post.color ? e.model.icons.post.color : "inherit",
-                  class: W(r.value ? "tree-open-post" : "")
-                }, null, 8, ["component", "color", "class"])) : L("", !0)
+                  class: B(r.value ? "tree-open-post" : "")
+                }, null, 8, ["component", "color", "class"])) : N("", !0)
               ])
             ], 2),
-            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, {
+            ue(Fe, null, {
+              default: P(() => [
+                s.value && r.value && !e.search ? (h(), D("ul", Ue, [
+                  (h(!0), D(J, null, ce(t.model.children, (g) => (h(), w(_, {
                     class: "tree-item",
-                    key: h.id,
-                    model: h,
+                    key: g.id,
+                    model: g,
                     treeId: e.treeId,
                     items: e.items,
                     search: e.search,
-                    onNodeclick: c
+                    onNodeclick: u
                   }, null, 8, ["model", "treeId", "items", "search"]))), 128))
-                ])) : L("", !0)
+                ])) : N("", !0)
               ]),
               _: 1
             })
@@ -414,22 +414,22 @@ const Ee = { class: "item-title" }, Be = { style: { display: "flex", "flex-direc
       }, 8, ["transfer-data", "draggable", "onDrop", "onDragover", "onDragleave"]);
     };
   }
-}, He = /* @__PURE__ */ se(Ne, [["__scopeId", "data-v-00a53150"]]);
-function Ce(n) {
-  return n = n || /* @__PURE__ */ new Map(), {
+}, Ze = /* @__PURE__ */ fe(Ge, [["__scopeId", "data-v-00a53150"]]);
+function Ke(t) {
+  return t = t || /* @__PURE__ */ new Map(), {
     /**
      * A Map of event names to registered handler functions.
      */
-    all: n,
+    all: t,
     /**
      * 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(t, e) {
-      const o = n.get(t);
-      o ? o.push(e) : n.set(t, [e]);
+    on(n, e) {
+      const i = t.get(n);
+      i ? i.push(e) : t.set(n, [e]);
     },
     /**
      * Remove an event handler for the given type.
@@ -438,9 +438,9 @@ function Ce(n) {
      * @param {Function} [handler] Handler function to remove
      * @memberOf eventsBus
      */
-    off(t, e) {
-      const o = n.get(t);
-      o && (e ? o.splice(o.indexOf(e) >>> 0, 1) : n.set(t, []));
+    off(n, e) {
+      const i = t.get(n);
+      i && (e ? i.splice(i.indexOf(e) >>> 0, 1) : t.set(n, []));
     },
     /**
      * Invoke all handlers for the given type.
@@ -452,142 +452,142 @@ function Ce(n) {
      * @param {Any} [evt] Any value (object is recommended and powerful), passed to each handler
      * @memberOf eventsBus
      */
-    emit(t, e) {
-      let o = n.get(t);
-      o && o.slice().map((s) => {
-        s(e);
-      }), o = n.get("*"), o && o.slice().map((s) => {
-        s(t, e);
+    emit(n, e) {
+      let i = t.get(n);
+      i && i.slice().map((o) => {
+        o(e);
+      }), i = t.get("*"), i && i.slice().map((o) => {
+        o(n, e);
       });
     }
   };
 }
-const X = Ce(), u = {
-  state: ie({
+const j = Ke(), f = {
+  state: re({
     trees: {}
   }),
   getters: {
-    getItems(n) {
-      return u.state.trees[n].items;
+    getItems(t) {
+      return f.state.trees[t].items;
     },
-    getItemsSelect(n) {
-      return u.state.trees[n].selected;
+    getItemsSelect(t) {
+      return f.state.trees[t].selected;
     },
     // data - ноды, dataId - ID ноды родителя data
-    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;
+    getParentId(t, n, e, i = "id", o = "children", l = {}) {
+      return e && t && (t.find((a) => a[i] === e ? (l.found = n, a) : f.getters.getParentId(a[o], a.id, e, i, o, l)), l.found) ? l.found : !1;
     }
   },
   mutations: {
-    setTreeItems(n, t) {
-      u.state.trees[n].items = t;
+    setTreeItems(t, n) {
+      f.state.trees[t].items = n;
     },
-    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]);
+    setItemSelect(t, n) {
+      f.state.trees[t].noSelect || (f.state.trees[t].multiSelect ? f.state.trees[t].selected.includes(n.id) ? f.state.trees[t].selected = f.state.trees[t].selected.filter(function(e) {
+        return e !== n.id;
+      }) : f.state.trees[t].selected = [...f.state.trees[t].selected, n.id] : f.state.trees[t].selected = [n.id]);
     }
   },
   actions: {
-    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;
+    initTreeStore(t, n, e, i, o, l) {
+      f.state.trees[t] = [], f.state.trees[t].selected = [], f.state.trees[t].noSelect = n, f.state.trees[t].multiSelect = e, f.state.trees[t].expanded = i, f.state.trees[t].transfer = o, f.state.trees[t].renderTitle = l;
     },
-    renderTitle(n, t) {
-      return u.state.trees[n].renderTitle ? u.state.trees[n].renderTitle(t) : t;
+    renderTitle(t, n) {
+      return f.state.trees[t].renderTitle ? f.state.trees[t].renderTitle(n) : n;
     },
-    isItemSelected(n, t) {
-      return u.state.trees[n].selected.includes(t);
+    isItemSelected(t, n) {
+      return f.state.trees[t].selected.includes(n);
     },
-    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 }));
+    toggleItem(t, n, e) {
+      const i = f.actions.deepSearch(n, e);
+      i.expanded = i.expanded === void 0 || !i.expanded, i.children && i.children.length && (i.expanded ? j.emit(`expand-${t}`, { id: t, model: i }) : j.emit(`collapse-${t}`, { id: t, model: i }));
     },
-    isTreeExpanded(n) {
-      return u.state.trees[n].expanded;
+    isTreeExpanded(t) {
+      return f.state.trees[t].expanded;
     },
-    isChildOfParent(n, t, e, o) {
-      const s = u.actions.deepSearch(t, e);
-      if (s && s.children) {
-        for (let i = 0; i < s.children.length; i++)
-          if (s.children[i].id === o)
+    isChildOfParent(t, n, e, i) {
+      const o = f.actions.deepSearch(n, e);
+      if (o && o.children) {
+        for (let l = 0; l < o.children.length; l++)
+          if (o.children[l].id === i)
             return !0;
       }
       return !1;
     },
     // Является ли нода родителем указанного потомка
-    isParentOfChild(n, t, e, o) {
-      const s = u.actions.deepSearch(t, e);
-      return !!(s && s.children && u.actions.deepSearch(s.children, o));
-    },
-    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(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 i = 0; i < s.length; i++)
+    isParentOfChild(t, n, e, i) {
+      const o = f.actions.deepSearch(n, e);
+      return !!(o && o.children && f.actions.deepSearch(o.children, i));
+    },
+    deepSearch(t, n, e = "id", i = "children", o = {}) {
+      return n && t && (t.find((l) => l[e] === n ? (o.found = l, l) : f.actions.deepSearch(l[i], n, e, i, o)), o.found) ? o.found : !1;
+    },
+    deepSearchByTitle(t, n, e = "title", i = "children", o = []) {
+      if (n && t && (t.find((l) => {
+        const a = new RegExp(n, "gi");
+        l[e].toString().toLowerCase().match(a) !== null && o.push(l), f.actions.deepSearchByTitle(l[i], n, e, i, o);
+      }), o)) {
+        for (let l = 0; l < o.length; l++)
           ;
-        return s;
+        return o;
       }
-      return s;
-    },
-    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(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];
+      return o;
+    },
+    moveTreeNode(t, n, e, i, o, l) {
+      const a = f.actions.deleteTreeNode(e, i);
+      f.actions.insertTreeNode(e, o, a, l), j.emit(`move-${n}`, { fromTreeId: t, toTreeId: n, moved: a.id, target: o, position: l });
+    },
+    insertTreeNode(t, n, e, i) {
+      if (t)
+        for (let o = 0; o < t.length; o++) {
+          if (t[o].id === n) {
+            let a = o;
+            return i === "after" ? (a++, t.splice(a, 0, e)) : i === "before" ? t.splice(a, 0, e) : i === "inside" && (Object.hasOwn(t[o], "children") || (t[o].children = [], t[o].opened = !0), t[o].children.splice(0, 0, e)), t[o];
           }
-          const i = this.insertTreeNode(n[s].children, t, e, o);
-          if (i)
-            return i;
+          const l = this.insertTreeNode(t[o].children, n, e, i);
+          if (l)
+            return l;
         }
     },
-    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;
+    deleteTreeNode(t, n) {
+      if (t)
+        for (let e = 0; e < t.length; e++) {
+          if (t[e].id === n) {
+            const o = t[e];
+            return t.splice(e, 1), o;
           }
-          const o = u.actions.deleteTreeNode(n[e].children, t);
-          if (o)
-            return o;
+          const i = f.actions.deleteTreeNode(t[e].children, n);
+          if (i)
+            return i;
         }
     }
   }
-}, Me = {
+}, qe = {
   __name: "DDrop",
   props: {
     tag: { type: String, default: "div" }
   },
-  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;
+  emits: Object.keys(z),
+  setup(t, { emit: n }) {
+    let e = re({});
+    const i = V("false"), o = V(null), l = /* @__PURE__ */ new Set(), a = p(() => i.value && e), s = (r, d) => {
+      e = te.data, n(r, d, e), r === z.dragenter && (l.size || d.target === o.value) && l.add(d.target), r === z.dragleave && l.delete(d.target), r === z.drop && l.clear(), i.value = !!l.size;
     };
-    return (r, d) => (m(), b(P(n.tag), {
+    return (r, d) => (h(), w(R(t.tag), {
       ref_key: "el",
-      ref: s,
-      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"]))
+      ref: o,
+      onDragenter: d[0] || (d[0] = (u) => s(E(z).dragenter, u)),
+      onDragleave: d[1] || (d[1] = (u) => s(E(z).dragleave, u)),
+      onDragover: d[2] || (d[2] = C((u) => s(E(z).dragover, u), ["prevent"])),
+      onDrop: d[3] || (d[3] = C((u) => s(E(z).drop, u), ["prevent"]))
     }, {
-      default: I(() => [
-        v(r.$slots, "default", { transferData: l.value })
+      default: P(() => [
+        $(r.$slots, "default", { transferData: a.value })
       ]),
       _: 3
     }, 544));
   }
-}, We = {
+}, Je = {
   __name: "DTree",
   props: {
     items: Array,
@@ -606,57 +606,57 @@ const X = Ce(), u = {
     // строка поиска
   },
   emits: ["select", "collapse", "expand", "move"],
-  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);
+  setup(t, { emit: n }) {
+    const e = t, i = ke().uid;
+    f.actions.initTreeStore(i, e.noSelect, e.multiSelect, e.expanded, e.transfer, e.renderTitle);
+    const o = (s, r) => {
+      console.log(s, r);
     };
-    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);
+    j.on(`select-${i}`, (s) => {
+      n("select", s);
+    }), j.on(`expand-${i}`, (s) => {
+      n("expand", s);
+    }), j.on(`collapse-${i}`, (s) => {
+      n("collapse", s);
+    }), j.on(`move-${i}`, (s) => {
+      n("move", s);
     });
-    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);
+    const l = p(() => e.search ? f.actions.deepSearchByTitle(e.items, e.search) : e.items), a = (s = null) => {
+      f.mutations.setItemSelect(i, s.model), f.actions.toggleItem(i, e.items, s.model.id);
     };
-    return (a, r) => (m(), b(Me, {
+    return (s, r) => (h(), w(qe, {
       class: "tree",
       tag: "ul",
-      onDrop: V(s, ["stop"])
+      onDrop: C(o, ["stop"])
     }, {
-      default: I(() => [
-        (m(!0), D(oe, null, de(i.value, (d) => (m(), b(He, {
+      default: P(() => [
+        (h(!0), D(J, null, ce(l.value, (d) => (h(), w(Ze, {
           key: d.id,
           model: d,
-          treeId: S(o),
+          treeId: E(i),
           items: e.items,
           search: e.search,
-          onNodeclick: l
+          onNodeclick: a
         }, null, 8, ["model", "treeId", "items", "search"]))), 128))
       ]),
       _: 1
     }, 8, ["onDrop"]));
   }
 };
-const ze = {
+const Qe = {
   __name: "DAccordion",
   props: {
     items: Array
   },
-  setup(n) {
-    const t = n;
-    return (e, o) => (m(), b(We, {
+  setup(t) {
+    const n = t;
+    return (e, i) => (h(), w(Je, {
       class: "accordion",
-      items: t.items,
+      items: n.items,
       "no-select": !0
     }, null, 8, ["items"]));
   }
-}, Je = /* @__PURE__ */ se(ze, [["__scopeId", "data-v-4c920528"]]), Ae = {
+}, on = /* @__PURE__ */ fe(Qe, [["__scopeId", "data-v-4c920528"]]), et = {
   __name: "DLayoutHeader",
   props: {
     fixed: {
@@ -689,19 +689,19 @@ const ze = {
     },
     useMinWidthLayout: Boolean
   },
-  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};`;
+  setup(t) {
+    const n = t, e = p(() => {
+      const { fixed: i, zIndex: o, minWidth: l, height: a, paddingLeft: s, transitionDuration: r, transitionTimingFunction: d } = n, u = i ? "fixed" : "static", m = n.useMinWidthLayout ? `min-width:${l}px;` : "";
+      return `position:${u};z-index:${o};${m}height:${a}px;padding-left:${s}px;transition-duration:${r}ms;transition-timing-function:${d};`;
     });
-    return (o, s) => (m(), D("header", {
+    return (i, o) => (h(), D("header", {
       class: "d-layout-header",
-      style: A(e.value)
+      style: O(e.value)
     }, [
-      v(o.$slots, "default")
+      $(i.$slots, "default")
     ], 4));
   }
-}, Fe = {
+}, tt = {
   __name: "DLayoutTab",
   props: {
     fixed: {
@@ -738,19 +738,19 @@ const ze = {
     },
     useMinWidthLayout: Boolean
   },
-  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};`;
+  setup(t) {
+    const n = t, e = p(() => {
+      const { fixed: i, top: o, zIndex: l, minWidth: a, height: s, paddingLeft: r, transitionDuration: d, transitionTimingFunction: u } = n, m = i ? "fixed" : "static", y = n.useMinWidthLayout ? `min-width: ${a}px;` : "";
+      return `position:${m};top:${o}px;z-index:${l};${y}height:${s}px;padding-left:${r}px;transition-duration:${d}ms;transition-timing-function:${u};`;
     });
-    return (o, s) => (m(), D("div", {
+    return (i, o) => (h(), D("div", {
       class: "d-layout-tab",
-      style: A(e.value)
+      style: O(e.value)
     }, [
-      v(o.$slots, "default")
+      $(i.$slots, "default")
     ], 4));
   }
-}, Pe = {
+}, nt = {
   __name: "DLayoutFooter",
   props: {
     fixed: {
@@ -783,19 +783,19 @@ const ze = {
     },
     useMinWidthLayout: Boolean
   },
-  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};`;
+  setup(t) {
+    const n = t, e = p(() => {
+      const { fixed: i, zIndex: o, minWidth: l, height: a, paddingLeft: s, transitionDuration: r, transitionTimingFunction: d } = n, u = i ? "fixed" : "static", m = n.useMinWidthLayout ? `min-width:${l}px;` : "";
+      return `position:${u};z-index:${o};${m}height:${a}px;padding-left:${s}px;transition-duration:${r}ms;transition-timing-function:${d};`;
     });
-    return (o, s) => (m(), D("footer", {
+    return (i, o) => (h(), D("footer", {
       class: "d-layout-footer",
-      style: A(e.value)
+      style: O(e.value)
     }, [
-      v(o.$slots, "default")
+      $(i.$slots, "default")
     ], 4));
   }
-}, Oe = {
+}, ot = {
   __name: "DLayoutSidebar",
   props: {
     zIndex: {
@@ -823,19 +823,19 @@ const ze = {
       default: !1
     }
   },
-  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};`;
+  setup(t) {
+    const n = t, e = p(() => {
+      const { zIndex: i, width: o, paddingTop: l, transitionDuration: a, transitionTimingFunction: s } = n;
+      return `z-index:${i};width:${o}px;padding-top:${l}px;transition-duration:${a}ms;transition-timing-function:${s};`;
     });
-    return (o, s) => (m(), D("aside", {
+    return (i, o) => (h(), D("aside", {
       class: "d-layout-sidebar",
-      style: A(e.value)
+      style: O(e.value)
     }, [
-      v(o.$slots, "default")
+      $(i.$slots, "default")
     ], 4));
   }
-}, Ve = {
+}, it = {
   __name: "DLayoutContent",
   props: {
     paddingTop: {
@@ -860,49 +860,49 @@ const ze = {
       default: "ease-in-out"
     }
   },
-  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};`;
+  setup(t) {
+    const n = t, e = p(() => {
+      const { paddingTop: i, paddingBottom: o, paddingLeft: l, transitionDuration: a, transitionTimingFunction: s } = n, r = `overflow:${n.overflowHidden ? "hidden" : "visible"};`;
+      return `padding-top:${i}px;padding-bottom:${o}px;padding-left:${l}px;${r}transition-duration:${a}ms;transition-timing-function:${s};`;
     });
-    return (o, s) => (m(), D("main", {
-      style: A(e.value),
+    return (i, o) => (h(), D("main", {
+      style: O(e.value),
       class: "d-layout-content"
     }, [
-      v(o.$slots, "default")
+      $(i.$slots, "default")
     ], 4));
   }
 };
-function Re(n) {
-  const t = O(0), e = f(() => `transform: translateX(${-t.value}px);`);
-  let o = !1;
-  function s(c) {
-    t.value = c;
-  }
-  function i() {
-    var c;
-    const p = ((c = document.scrollingElement) === null || c === void 0 ? void 0 : c.scrollLeft) || 0;
-    s(p);
+function rt(t) {
+  const n = V(0), e = p(() => `transform: translateX(${-n.value}px);`);
+  let i = !1;
+  function o(u) {
+    n.value = u;
   }
   function l() {
-    i();
+    var u;
+    const m = ((u = document.scrollingElement) === null || u === void 0 ? void 0 : u.scrollLeft) || 0;
+    o(m);
   }
   function a() {
-    document.addEventListener("scroll", i);
+    l();
+  }
+  function s() {
+    document.addEventListener("scroll", l);
   }
   function r() {
-    o && document.removeEventListener("scroll", i);
+    i && document.removeEventListener("scroll", l);
   }
   function d() {
-    l(), a(), o = !0;
+    a(), s(), i = !0;
   }
-  return he(n, (c) => {
-    c ? d() : r();
-  }, { immediate: !0 }), ve(() => {
+  return K(t, (u) => {
+    u ? d() : r();
+  }, { immediate: !0 }), ee(() => {
     r();
   }), e;
 }
-const Ye = 1001, Ze = 999, Xe = 998, Qe = {
+const at = 1001, lt = 999, st = 998, rn = {
   __name: "DLayoutAdmin",
   props: {
     mode: {
@@ -992,129 +992,129 @@ const Ye = 1001, Ze = 999, Xe = 998, Qe = {
     }
   },
   emits: ["update:sidebar-collapse"],
-  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;
+  setup(t, { emit: n }) {
+    const e = t, i = p(() => e.useMinWidthLayout ? `min-width:${e.minWidth}px;` : ""), o = p(() => e.useMinWidthLayout && (e.fixedHeaderAndTab || e.fixedFooter)), l = rt(o), a = p(() => e.fixedHeaderAndTab ? l.value : ""), s = p(() => e.fixedFooter ? l.value : ""), r = p(() => {
+      const { transitionDuration: g, transitionTimingFunction: c } = e;
       return {
-        transitionDuration: h,
-        transitionTimingFunction: F
+        transitionDuration: g,
+        transitionTimingFunction: c
       };
-    }), d = f(() => e.mode === "vertical"), c = f(() => e.isMobile || d.value ? 1003 : 1e3), p = f({
+    }), d = p(() => e.mode === "vertical"), u = p(() => e.isMobile || d.value ? 1003 : 1e3), m = p({
       get() {
         return e.sidebarCollapse;
       },
-      set(h) {
-        t("update:sidebar-collapse", h);
+      set(g) {
+        n("update:sidebar-collapse", g);
       }
     });
     function y() {
-      p.value = !0;
+      m.value = !0;
     }
-    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(
+    const I = p(() => e.isMobile && !m.value), k = p(() => {
+      const { transitionDuration: g, transitionTimingFunction: c } = e;
+      return `background-color:${e.maskBg};transition-duration:${g}ms;transition-timing-function:${c};`;
+    }), H = p(() => {
+      const { sidebarWidth: g, sidebarCollapsedWidth: c } = e, v = e.isMobile ? 0 : c, T = m.value ? v : g;
+      return e.sidebarVisible ? T : 0;
+    }), S = p(() => e.isMobile ? 0 : H.value), b = p(() => d.value ? S.value : 0), _ = p(
       () => !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", {
+    ), L = p(() => {
+      let g = 0;
+      return e.fixedHeaderAndTab && (e.headerVisible && (g += e.headerHeight), e.tabVisible && (g += e.tabHeight)), g;
+    }), x = p(() => e.fixedFooter && e.footerVisible ? e.footerHeight : 0);
+    return (g, c) => (h(), D("div", {
       class: "d-layout",
-      style: A(o.value)
+      style: O(i.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
+      t.headerVisible ? (h(), w(et, Y({ key: 0 }, r.value, {
+        fixed: t.fixedHeaderAndTab,
+        "z-index": at,
+        "min-width": t.minWidth,
+        height: t.headerHeight,
+        "padding-left": b.value,
+        style: a.value
       }), {
-        default: I(() => [
-          v(h.$slots, "header")
+        default: P(() => [
+          $(g.$slots, "header")
         ]),
         _: 3
-      }, 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
+      }, 16, ["fixed", "min-width", "height", "padding-left", "style"])) : N("", !0),
+      t.tabVisible ? (h(), w(tt, Y({ key: 1 }, r.value, {
+        fixed: t.fixedHeaderAndTab,
+        "z-index": lt,
+        "min-width": t.minWidth,
+        top: t.headerHeight,
+        height: t.tabHeight,
+        "padding-left": S.value,
+        style: a.value
       }), {
-        default: I(() => [
-          v(h.$slots, "tab")
+        default: P(() => [
+          $(g.$slots, "tab")
         ]),
         _: 3
-      }, 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
+      }, 16, ["fixed", "min-width", "top", "height", "padding-left", "style"])) : N("", !0),
+      t.sidebarVisible ? (h(), w(ot, Y({ key: 2 }, r.value, {
+        "z-index": u.value,
+        width: H.value,
+        "padding-top": _.value
       }), {
-        default: I(() => [
-          v(h.$slots, "sidebar")
+        default: P(() => [
+          $(g.$slots, "sidebar")
         ]),
         _: 3
-      }, 16, ["z-index", "width", "padding-top"])) : L("", !0),
-      B.value ? (m(), D("div", {
+      }, 16, ["z-index", "width", "padding-top"])) : N("", !0),
+      I.value ? (h(), D("div", {
         key: 3,
         class: "d-layout-sidebar-mask",
-        style: A(x.value),
+        style: O(k.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
+      }, null, 4)) : N("", !0),
+      ue(it, Y(r.value, {
+        "padding-top": L.value,
+        "padding-bottom": x.value,
+        "padding-left": S.value,
+        "overflow-hidden": t.addMainOverflowHidden
       }), {
-        default: I(() => [
-          v(h.$slots, "default")
+        default: P(() => [
+          $(g.$slots, "default")
         ]),
         _: 3
       }, 16, ["padding-top", "padding-bottom", "padding-left", "overflow-hidden"]),
-      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
+      t.footerVisible ? (h(), w(nt, Y({ key: 4 }, r.value, {
+        fixed: t.fixedFooter,
+        "z-index": st,
+        "min-width": t.minWidth,
+        height: t.footerHeight,
+        "padding-left": S.value,
+        style: s.value
       }), {
-        default: I(() => [
-          v(h.$slots, "footer")
+        default: P(() => [
+          $(g.$slots, "footer")
         ]),
         _: 3
-      }, 16, ["fixed", "min-width", "height", "padding-left", "style"])) : L("", !0)
+      }, 16, ["fixed", "min-width", "height", "padding-left", "style"])) : N("", !0)
     ], 4));
   }
-}, j = {
-  state: ie({
+}, U = {
+  state: re({
     theme: "dark"
   }),
   getters: {
     theme() {
-      return j.state.theme;
+      return U.state.theme;
     }
   },
   mutations: {
-    setTheme(n) {
-      j.state.theme = n, document.documentElement.setAttribute("class", n);
+    setTheme(t) {
+      U.state.theme = t, document.documentElement.setAttribute("class", t);
     }
   },
   actions: {
     toggleTheme() {
-      j.state.theme = j.state.theme === "dark" ? "light" : "dark", document.documentElement.setAttribute("class", j.state.theme);
+      U.state.theme = U.state.theme === "dark" ? "light" : "dark", document.documentElement.setAttribute("class", U.state.theme);
     }
   }
-}, et = {
+}, an = {
   __name: "DConfigProvider",
   props: {
     theme: {
@@ -1122,216 +1122,389 @@ const Ye = 1001, Ze = 999, Xe = 998, Qe = {
       default: "dark"
     }
   },
-  setup(n) {
-    const t = n;
-    return j.mutations.setTheme(t.theme), (e, o) => v(e.$slots, "default");
+  setup(t) {
+    const n = t;
+    return U.mutations.setTheme(n.theme), (e, i) => $(e.$slots, "default");
   }
 };
-class Ue {
-  constructor(t) {
-    const e = {
-      selector: "defaultId",
-      config: {
-        dimensions: {
-          width: "100%",
-          height: "500px"
-        },
-        scroll: {
-          bottomOffset: 0,
-          autoHide: !1
-        }
-      },
-      onComplete: function() {
-      },
-      onEnd: function() {
-      },
-      onTop: function() {
-      },
-      onMove: function() {
-      },
-      onDragStart: function() {
-      },
-      onDragStop: function() {
-      },
-      onTouchStart: function() {
-      },
-      onTouchStop: function() {
-      }
-    };
-    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";
-    }
-    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));
-    };
-    this.hideElement = function(g, _) {
-      g.style.opacity = _;
-    };
-    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;
-      }
-      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;
-      }
-    }, 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");
-    };
-    function J(E, g) {
-      var _;
-      return function() {
-        var C = this, R = arguments, Y = function() {
-          _ = !1;
-        };
-        _ || (E.apply(C, R), _ = !0, setTimeout(Y, g));
-      };
-    }
-    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);
+var dt = typeof global == "object" && global && global.Object === Object && global;
+const ut = dt;
+var ct = typeof self == "object" && self && self.Object === Object && self, ft = ut || ct || Function("return this")();
+const _e = ft;
+var mt = _e.Symbol;
+const ne = mt;
+var $e = Object.prototype, pt = $e.hasOwnProperty, ht = $e.toString, G = ne ? ne.toStringTag : void 0;
+function gt(t) {
+  var n = pt.call(t, G), e = t[G];
+  try {
+    t[G] = void 0;
+    var i = !0;
+  } catch {
+  }
+  var o = ht.call(t);
+  return i && (n ? t[G] = e : delete t[G]), o;
+}
+var vt = Object.prototype, yt = vt.toString;
+function bt(t) {
+  return yt.call(t);
+}
+var xt = "[object Null]", St = "[object Undefined]", ve = ne ? ne.toStringTag : void 0;
+function Tt(t) {
+  return t == null ? t === void 0 ? St : xt : ve && ve in Object(t) ? gt(t) : bt(t);
+}
+function _t(t) {
+  return t != null && typeof t == "object";
+}
+var $t = "[object Symbol]";
+function Dt(t) {
+  return typeof t == "symbol" || _t(t) && Tt(t) == $t;
+}
+var wt = /\s/;
+function It(t) {
+  for (var n = t.length; n-- && wt.test(t.charAt(n)); )
+    ;
+  return n;
+}
+var Et = /^\s+/;
+function Lt(t) {
+  return t && t.slice(0, It(t) + 1).replace(Et, "");
+}
+function oe(t) {
+  var n = typeof t;
+  return t != null && (n == "object" || n == "function");
+}
+var ye = 0 / 0, zt = /^[-+]0x[0-9a-f]+$/i, Nt = /^0b[01]+$/i, kt = /^0o[0-7]+$/i, Bt = parseInt;
+function q(t) {
+  if (typeof t == "number")
+    return t;
+  if (Dt(t))
+    return ye;
+  if (oe(t)) {
+    var n = typeof t.valueOf == "function" ? t.valueOf() : t;
+    t = oe(n) ? n + "" : n;
+  }
+  if (typeof t != "string")
+    return t === 0 ? t : +t;
+  t = Lt(t);
+  var e = Nt.test(t);
+  return e || kt.test(t) ? Bt(t.slice(2), e ? 2 : 8) : zt.test(t) ? ye : +t;
+}
+function Pt(t, n, e) {
+  return t === t && (e !== void 0 && (t = t <= e ? t : e), n !== void 0 && (t = t >= n ? t : n)), t;
+}
+function Q(t, n, e) {
+  return e === void 0 && (e = n, n = void 0), e !== void 0 && (e = q(e), e = e === e ? e : 0), n !== void 0 && (n = q(n), n = n === n ? n : 0), Pt(q(t), n, e);
+}
+var Ht = function() {
+  return _e.Date.now();
+};
+const ae = Ht;
+var Mt = "Expected a function", Ot = Math.max, Wt = Math.min;
+function De(t, n, e) {
+  var i, o, l, a, s, r, d = 0, u = !1, m = !1, y = !0;
+  if (typeof t != "function")
+    throw new TypeError(Mt);
+  n = q(n) || 0, oe(e) && (u = !!e.leading, m = "maxWait" in e, l = m ? Ot(q(e.maxWait) || 0, n) : l, y = "trailing" in e ? !!e.trailing : y);
+  function I(c) {
+    var v = i, T = o;
+    return i = o = void 0, d = c, a = t.apply(T, v), a;
   }
-  /*
-  ** 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;
+  function k(c) {
+    return d = c, s = setTimeout(b, n), u ? I(c) : a;
   }
-  // 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");
+  function H(c) {
+    var v = c - r, T = c - d, X = n - v;
+    return m ? Wt(X, l - T) : X;
   }
-  // Refresh scroll
-  refresh() {
-    this.refreshScroll(), this.scrollTo(this.scrollElement.scrollTop);
+  function S(c) {
+    var v = c - r, T = c - d;
+    return r === void 0 || v >= n || v < 0 || m && T >= l;
   }
-  // rebuild scroll
-  build() {
-    this.SetupScroll();
+  function b() {
+    var c = ae();
+    if (S(c))
+      return _(c);
+    s = setTimeout(b, H(c));
   }
-  // Append items to scroll container
-  async appendTo(t) {
-    function e(l) {
-      typeof l == "function" && l();
-    }
-    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);
+  function _(c) {
+    return s = void 0, y && i ? I(c) : (i = o = void 0, a);
   }
-  /*
-  ** API > Gets
-  */
-  // Get main element Id
-  get mainElementId() {
-    return "scroll_content_" + this.randomID;
+  function L() {
+    s !== void 0 && clearTimeout(s), d = 0, i = r = o = s = void 0;
   }
-  // Get scrollbar id
-  get scrollbarId() {
-    return "lms_scroller_" + this.randomID;
+  function x() {
+    return s === void 0 ? a : _(ae());
   }
-  // Get trackbar id
-  get trackbarId() {
-    return "lms_track_" + this.randomID;
+  function g() {
+    var c = ae(), v = S(c);
+    if (i = arguments, o = this, r = c, v) {
+      if (s === void 0)
+        return k(r);
+      if (m)
+        return clearTimeout(s), s = setTimeout(b, n), I(r);
+    }
+    return s === void 0 && (s = setTimeout(b, n)), a;
   }
+  return g.cancel = L, g.flush = x, g;
 }
-const je = ["id"], tt = {
-  __name: "DScrollbars",
-  setup(n) {
-    const e = ce().uid;
-    return ye(() => {
-      new Ue({
-        selector: `#scr${e}`,
-        config: {
-          dimensions: {
-            width: "auto",
-            height: "200px"
-          },
-          scroll: {
-            bottomOffset: 0,
-            autoHide: !0
-          }
+var Ct = "Expected a function";
+function we(t, n, e) {
+  var i = !0, o = !0;
+  if (typeof t != "function")
+    throw new TypeError(Ct);
+  return oe(e) && (i = "leading" in e ? !!e.leading : i, o = "trailing" in e ? !!e.trailing : o), De(t, n, {
+    leading: i,
+    maxWait: n,
+    trailing: o
+  });
+}
+var At = Object.defineProperty, Ft = Object.defineProperties, Rt = Object.getOwnPropertyDescriptors, be = Object.getOwnPropertySymbols, Vt = Object.prototype.hasOwnProperty, jt = Object.prototype.propertyIsEnumerable, xe = (t, n, e) => n in t ? At(t, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[n] = e, ie = (t, n) => {
+  for (var e in n || (n = {}))
+    Vt.call(n, e) && xe(t, e, n[e]);
+  if (be)
+    for (var e of be(n))
+      jt.call(n, e) && xe(t, e, n[e]);
+  return t;
+}, Ie = (t, n) => Ft(t, Rt(n));
+const Xt = ["onPointerdown"], Yt = {
+  name: "ScrollbarThumb"
+};
+function Ut(t, { expose: n }) {
+  const e = t;
+  let i = null, o = A(null);
+  const l = { pageX: 0, pageY: 0, scrollPos: 0 };
+  let a = null;
+  const s = () => {
+    i = setTimeout(() => {
+      o.value && o.value.classList.remove("scrollbar__thumbPlaceholder--scrolling"), i = null;
+    }, e.autoHideDelay);
+  }, r = () => {
+    i !== null && clearTimeout(i);
+  };
+  ee(r);
+  const d = we((c) => {
+    c.stopPropagation(), c.preventDefault();
+    const v = e.type === "horizontal" ? "pageX" : "pageY", T = (c[v] - l[v]) / e.scrollInfo.wrapperMainSize * e.scrollInfo.contentMainSize;
+    e.wrapperEl.scrollTo({ [e.type === "horizontal" ? "left" : "top"]: l.scrollPos + T, behavior: "auto" });
+  }, 16), u = () => {
+    s(), o.value.removeEventListener("pointermove", d), o.value.removeEventListener("pointerup", u), o.value.removeEventListener("pointercancel", u), o.value.removeEventListener("mousewheel", u), document.removeEventListener("mousewheel", u), typeof a == "number" && o.value.releasePointerCapture(a), a = null;
+  }, m = (c) => {
+    c.ctrlKey || c.button !== 0 || (r(), l.pageX = c.pageX, l.pageY = c.pageY, l.scrollPos = e.wrapperEl[e.type === "horizontal" ? "scrollLeft" : "scrollTop"], a = c == null ? void 0 : c.pointerId, o.value.setPointerCapture(a), o.value.addEventListener("pointermove", d), o.value.addEventListener("pointerup", u), o.value.addEventListener("pointercancel", u), o.value.addEventListener("mousewheel", u, { passive: !1 }), document.addEventListener("mousewheel", u, { passive: !1 }), o.value.classList.add("scrollbar__thumbPlaceholder--scrolling"));
+  };
+  n({
+    autoHideAfterScroll: () => {
+      r(), o.value && o.value.classList.add("scrollbar__thumbPlaceholder--scrolling"), s();
+    }
+  });
+  let I = A(!1), k = A(!1), H = A(null), S = null, b = null, _ = p(() => e.fixedThumb && !k.value);
+  const L = ([c]) => k.value = c.isIntersecting, x = ([c]) => I.value = c.isIntersecting, g = () => {
+    S && (S.disconnect(), S = null), b && (b.disconnect(), b = null);
+  };
+  return K(() => [e.fixedThumb, e.wrapperEl], () => {
+    if (!e.fixedThumb || !e.wrapperEl)
+      return g();
+    g(), b = new IntersectionObserver(x, { threshold: [0, 0.5] }), b.observe(e.wrapperEl), S = new IntersectionObserver(L), S.observe(H.value);
+  }), ee(g), (c, v) => (h(), D(J, null, [
+    se(M("div", {
+      class: B([
+        "scrollbar__thumbPlaceholder",
+        `scrollbar__thumbPlaceholder--${t.type}`,
+        {
+          "scrollbar__thumbPlaceholder--autoHide": t.autoHide,
+          "scrollbar__thumbPlaceholder--autoExpand": t.autoExpand
         }
-      });
-    }), (o, s) => (m(), D("div", {
-      id: `scr${S(e)}`,
-      style: { overflow: "auto" }
+      ]),
+      style: O({
+        width: t.type === "horizontal" ? `${t.scrollInfo.thumbSize}px` : "",
+        height: t.type === "vertical" ? `${t.scrollInfo.thumbSize}px` : "",
+        position: _.value ? "fixed" : "absolute",
+        [t.type === "vertical" ? "top" : "left"]: _.value ? `${t.scrollInfo.boundaryDistance + 3}px` : "3px"
+      }),
+      ref: (T, X) => {
+        X.thumbEl = T, o.value = T;
+      },
+      onPointerdown: C(m, ["stop"])
     }, [
-      v(o.$slots, "default")
-    ], 8, je));
+      v[0] || (he(-1), v[0] = M("div", {
+        class: B(["scrollbar__thumb", `scrollbar__thumb--${t.type}`])
+      }, null, 2), he(1), v[0])
+    ], 46, Xt), [
+      [ge, !!t.scrollInfo.thumbSize && (t.fixedThumb ? I.value : !0)]
+    ]),
+    e.fixedThumb ? se((h(), D("div", {
+      key: 0,
+      ref: (T, X) => {
+        X.shepherdEl = T, H.value = T;
+      },
+      class: B(["scrollbar__shepherd", `scrollbar__shepherd--${t.type}`])
+    }, null, 2)), [
+      [ge, !!t.scrollInfo.thumbSize]
+    ]) : N("", !0)
+  ], 64));
+}
+const Gt = /* @__PURE__ */ Te(Ie(ie({}, Yt), {
+  props: {
+    type: null,
+    autoExpand: null,
+    autoHide: null,
+    autoHideDelay: null,
+    fixedThumb: null,
+    scrollInfo: null,
+    wrapperEl: null
+  },
+  setup: Ut
+})), Zt = {
+  wait: 333,
+  type: "debounce"
+};
+function Se(...t) {
+  const n = "value" in (t == null ? void 0 : t[0]);
+  let e;
+  n ? e = t == null ? void 0 : t[1] : e = t == null ? void 0 : t[0];
+  const { wait: i, type: o, callback: l } = ie(ie({}, Zt), e), a = n ? t[0] : A(null), s = re({ left: 0, top: 0, right: 0, bottom: 0, width: 0, height: 0, x: 0, y: 0 }), r = () => {
+    const y = a.value.getBoundingClientRect();
+    s.left = y.left, s.top = y.top, s.right = y.right, s.bottom = y.bottom, s.width = y.width, s.height = y.height, s.x = y.x, s.y = y.y, l == null || l();
+  };
+  let d = null, u = null;
+  const m = () => {
+    d && window.removeEventListener("resize", d), u && (u.disconnect(), u = null);
+  };
+  return Pe(() => {
+    a.value && (m(), d = r, o === "throttle" && i >= 4 ? d = we(d, i) : o === "debounce" && i >= 4 && (d = De(d, i)), window.addEventListener("resize", d), u = new ResizeObserver(d), u.observe(a.value));
+  }), ee(m), n ? s : [a, s];
+}
+const Kt = { class: "scrollbar__wrapper" }, qt = {
+  name: "CustomScrollbar",
+  inheritAttrs: !1
+};
+function Jt(t, { expose: n, emit: e }) {
+  const i = t, o = {
+    horizontal: { el: null, instance: null },
+    vertical: { el: null, instance: null }
+  }, l = (x, g) => {
+    o[g].instance || (o[g].instance = x);
+  };
+  let a = A(null), s = A(null);
+  Be(() => {
+    var x;
+    const g = Array.from((x = a.value.parentElement) == null ? void 0 : x.childNodes);
+    for (const c in o)
+      o[c].el = g.find((v) => {
+        var T;
+        return (T = v == null ? void 0 : v.classList) == null ? void 0 : T.contains(`scrollbar__thumbPlaceholder--${c}`);
+      });
+  });
+  const r = Se(a, { wait: i.throttleWait, type: i.throttleType, callback: y }), d = Se(s, { wait: i.throttleWait, type: i.throttleType, callback: y });
+  let u = A(0), m = A(0);
+  function y() {
+    u.value = Math.max(a.value.scrollHeight - r.height | 0, 0), m.value = Math.max(a.value.scrollWidth - r.width | 0, 0);
+  }
+  let I = p(() => ({
+    thumbSize: m.value ? Q(r.width / a.value.scrollWidth * r.width, i.thumbMinSize > r.width ? 48 : i.thumbMinSize, i.thumbMaxSize) : 0,
+    contentMainSize: d.width,
+    wrapperMainSize: r.width,
+    boundaryDistance: Math.abs(r.left)
+  })), k = p(() => ({
+    thumbSize: u.value ? Q(r.height / a.value.scrollHeight * r.height, i.thumbMinSize > r.height ? 48 : i.thumbMinSize, i.thumbMaxSize) : 0,
+    contentMainSize: d.height,
+    wrapperMainSize: r.height,
+    boundaryDistance: Math.abs(r.top)
+  })), H = p(() => r.height - k.value.thumbSize - 5), S = p(() => r.width - I.value.thumbSize - 5);
+  const b = () => {
+    m.value && (o.horizontal.el.style.transform = `translate3d(${a.value.scrollLeft / m.value * S.value}px, 0, 0)`, o.horizontal.instance.autoHideAfterScroll()), u.value && (o.vertical.el.style.transform = `translate3d(0, ${a.value.scrollTop / u.value * H.value}px, 0)`, o.vertical.instance.autoHideAfterScroll());
+  };
+  K(() => [m.value, u.value], b);
+  const _ = (x) => {
+    x.stopPropagation();
+    const g = a.value.scrollLeft, c = a.value.scrollTop, v = Q(g + ((x == null ? void 0 : x.deltaX) || 0), 0, m.value) | 0, T = Q(c + ((x == null ? void 0 : x.deltaY) || 0), 0, u.value) | 0;
+    a.value.scrollLeft = v, a.value.scrollTop = T, m.value && (o.horizontal.el.style.transform = `translate3d(${v / m.value * S.value}px, 0, 0)`, o.horizontal.instance.autoHideAfterScroll()), u.value && (o.vertical.el.style.transform = `translate3d(0, ${T / u.value * H.value}px, 0)`, o.vertical.instance.autoHideAfterScroll()), e("scroll", { target: a.value, scrollLeft: v, scrollTop: T });
+  }, L = (x) => {
+    i.simulateScroll ? _(x) : b();
+  };
+  return K(r, () => e("wrapperResize", r)), K(d, () => e("contentResize", d)), n({
+    scrollEl: a
+  }), (x, g) => (h(), D("div", Kt, [
+    M("div", Y({
+      ref: (c, v) => {
+        v.wrapperEl = c, a.value = c;
+      },
+      class: "scrollbar__scroller"
+    }, x.$attrs, {
+      onWheel: L,
+      onScroll: L
+    }), [
+      M("div", {
+        ref: (c, v) => {
+          v.contentEl = c, s.value = c;
+        },
+        class: B(["scrollbar__content", t.contentClass, { "scrollbar__content--fixedThumb": t.fixedThumb, [`scrollbar__content--${t.direction}`]: t.direction }]),
+        style: O(t.contentStyle)
+      }, [
+        $(x.$slots, "default")
+      ], 6)
+    ], 16),
+    (h(), D(J, null, ce(o, (c, v) => ue(Gt, {
+      ref: (T) => l(T, v),
+      key: v,
+      autoExpand: t.autoExpand,
+      autoHide: t.autoHide,
+      autoHideDelay: t.autoHideDelay,
+      fixedThumb: v === t.direction ? !1 : t.fixedThumb,
+      type: v,
+      scrollInfo: v === "vertical" ? k.value : I.value,
+      wrapperEl: a.value
+    }, null, 8, ["autoExpand", "autoHide", "autoHideDelay", "fixedThumb", "type", "scrollInfo", "wrapperEl"])), 64))
+  ]));
+}
+const Qt = /* @__PURE__ */ Te(Ie(ie({}, qt), {
+  props: {
+    contentClass: null,
+    contentStyle: null,
+    direction: { default: "vertical" },
+    thumbMinSize: { default: 48 },
+    thumbMaxSize: { default: 1 / 0 },
+    autoHide: { default: !0 },
+    autoHideDelay: { default: 900 },
+    autoExpand: { default: !0 },
+    fixedThumb: null,
+    throttleType: { default: "debounce" },
+    throttleWait: { default: 333 },
+    simulateScroll: null
+  },
+  emits: ["wrapperResize", "contentResize", "scroll"],
+  setup: Jt
+})), ln = {
+  __name: "DScrollbars",
+  setup(t) {
+    return (n, e) => (h(), w(E(Qt), { style: { height: "200px" } }, {
+      default: P(() => [
+        $(n.$slots, "default")
+      ]),
+      _: 3
+    }));
   }
 };
 export {
-  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
+  on as DAccordion,
+  Ae as DBadge,
+  tn as DButton,
+  Fe as DCollapse,
+  an as DConfigProvider,
+  U as DGlobalStore,
+  Z as DIcon,
+  F as DIconStore,
+  nn as DInput,
+  rn as DLayoutAdmin,
+  it as DLayoutContent,
+  nt as DLayoutFooter,
+  et as DLayoutHeader,
+  ot as DLayoutSidebar,
+  tt as DLayoutTab,
+  ln as DScrollbars,
+  te as DTransferStore,
+  Je as DTree,
+  Ze as DTreeItem,
+  f as DTreeStore,
+  j as emitter,
+  Ke as eventsBus
 };