npm - doph-js - Versions diffs - 0.3.15 → 0.3.16 - Mend

doph-js 0.3.15 → 0.3.16

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4) hide show

package/dist/dophJs.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { useSlots as Ee, computed as g, h as Ae, openBlock as d, createBlock as y, unref as B, ref as D, createElementBlock as f, Fragment as Q, normalizeClass as T, renderSlot as F, createCommentVNode as k, normalizeStyle as P, resolveDynamicComponent as q, createStaticVNode as Dt, onMounted as be, toDisplayString as N, withDirectives as Z, createElementVNode as $, vModelDynamic as Be, withCtx as I, createTextVNode as G, Transition as ze, withModifiers as O, resolveComponent as de, resolveDirective as Pe, normalizeProps as Tt, guardReactiveProps as Lt, createVNode as x, renderList as ue, pushScopeId as Xt, popScopeId as Yt, reactive as je, Teleport as Bt, nextTick as It, getCurrentInstance as We, watch as Et, onUnmounted as Ft, mergeProps as ge, useCssVars as Fe, shallowRef as Ut, defineComponent as le, TransitionGroup as Ht, vModelCheckbox as Rt, vModelSelect as qt, toRef as Gt, KeepAlive as Kt, vShow as Zt, toRefs as Jt, vModelText as Mt } from "vue";
+import { useSlots as Ee, computed as g, h as Ae, openBlock as d, createBlock as y, unref as B, ref as D, createElementBlock as f, Fragment as Q, normalizeClass as T, renderSlot as F, createCommentVNode as k, normalizeStyle as P, resolveDynamicComponent as q, createStaticVNode as Dt, onMounted as be, toDisplayString as N, withDirectives as Z, createElementVNode as S, vModelDynamic as Be, withCtx as I, createTextVNode as G, Transition as ze, withModifiers as O, resolveComponent as de, resolveDirective as Pe, normalizeProps as Tt, guardReactiveProps as Lt, createVNode as x, renderList as ue, pushScopeId as Xt, popScopeId as Yt, reactive as je, Teleport as Bt, nextTick as It, getCurrentInstance as We, watch as Et, onUnmounted as Ft, mergeProps as ge, useCssVars as Fe, shallowRef as Ut, defineComponent as ae, TransitionGroup as Ht, vModelCheckbox as Rt, vModelSelect as qt, toRef as Gt, KeepAlive as Kt, vShow as Zt, toRefs as Jt, vModelText as Mt } from "vue";
 const ce = {
   __name: "DIcon",
   props: {
@@ -9,15 +9,15 @@ const ce = {
   },
   setup(e) {
     const t = e, o = Ee(), s = g(() => {
-      const { className: l } = t;
-      return l === void 0 ? "icon" : ["icon", l].join(" ");
+      const { className: a } = t;
+      return a === void 0 ? "icon" : ["icon", a].join(" ");
     }), n = g(() => {
-      const { color: l } = t;
-      return l === void 0 ? null : l;
+      const { color: a } = t;
+      return a === void 0 ? null : a;
     }), i = g(() => {
-      const l = t.size ?? null;
-      if (l !== void 0)
-        return typeof l == "number" || /^\d+$/.test(l) ? `${l}px` : l;
+      const a = t.size ?? null;
+      if (a !== void 0)
+        return typeof a == "number" || /^\d+$/.test(a) ? `${a}px` : a;
     }), r = g(() => Ae(
       "i",
       {
@@ -29,7 +29,7 @@ const ce = {
       },
       t.component ? Ae(t.component) : o
     ));
-    return (l, a) => (d(), y(B(r)));
+    return (a, l) => (d(), y(B(r)));
   }
 }, ne = {
   state: {},
@@ -95,7 +95,7 @@ const ie = (e, t) => {
   viewBox: "0 0 24 24"
 }, io = /* @__PURE__ */ Dt('<g fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" data-v-e5cd6ccd><path d="M8.56 3.69a9 9 0 0 0-2.92 1.95" data-v-e5cd6ccd></path><path d="M3.69 8.56A9 9 0 0 0 3 12" data-v-e5cd6ccd></path><path d="M3.69 15.44a9 9 0 0 0 1.95 2.92" data-v-e5cd6ccd></path><path d="M8.56 20.31A9 9 0 0 0 12 21" data-v-e5cd6ccd></path><path d="M15.44 20.31a9 9 0 0 0 2.92-1.95" data-v-e5cd6ccd></path><path d="M20.31 15.44A9 9 0 0 0 21 12" data-v-e5cd6ccd></path><path d="M20.31 8.56a9 9 0 0 0-1.95-2.92" data-v-e5cd6ccd></path><path d="M15.44 3.69A9 9 0 0 0 12 3" data-v-e5cd6ccd></path></g>', 1), ro = [
   io
-], ao = {
+], lo = {
   __name: "DButton",
   props: {
     class: String,
@@ -120,34 +120,34 @@ const ie = (e, t) => {
   },
   emits: ["click", "contextmenu"],
   setup(e, { expose: t, emit: o }) {
-    const s = e, n = Ee(), i = D(null), r = g(() => s.icon ? ne.getters.getIcon(s.icon) : null), l = (S) => {
-      o("click", S);
-    }, a = (S) => {
-      o("contextmenu", S);
-    }, c = g(() => s.scale === "large" ? "button-lg" : s.scale === "small" ? "button-sm" : ""), u = g(() => s.disabled ? "disabled" : ""), p = (S) => !!n[S], v = g(() => p("default") ? "" : s.scale === "large" ? "d-button-lg-icon" : s.scale === "small" ? "d-button-sm-icon" : "d-button-icon"), w = g(() => {
-      const S = s.outline ? "-outline" : "";
-      return s.type === "primary" ? `button${S}-blue` : s.type === "success" ? `button${S}-green` : s.type === "error" ? `button${S}-red` : s.type === "warning" ? `button${S}-orange` : s.type === "wait" ? `button${S}-violet` : s.outline ? `button${S}` : "";
+    const s = e, n = Ee(), i = D(null), r = g(() => s.icon ? ne.getters.getIcon(s.icon) : null), a = ($) => {
+      o("click", $);
+    }, l = ($) => {
+      o("contextmenu", $);
+    }, c = g(() => s.scale === "large" ? "button-lg" : s.scale === "small" ? "button-sm" : ""), u = g(() => s.disabled ? "disabled" : ""), p = ($) => !!n[$], v = g(() => p("default") ? "" : s.scale === "large" ? "d-button-lg-icon" : s.scale === "small" ? "d-button-sm-icon" : "d-button-icon"), w = g(() => {
+      const $ = s.outline ? "-outline" : "";
+      return s.type === "primary" ? `button${$}-blue` : s.type === "success" ? `button${$}-green` : s.type === "error" ? `button${$}-red` : s.type === "warning" ? `button${$}-orange` : s.type === "wait" ? `button${$}-violet` : s.outline ? `button${$}` : "";
     });
     return t({
       elementSize: () => Nt(i)
-    }), (S, V) => (d(), f(Q, null, [
+    }), ($, V) => (d(), f(Q, null, [
       r.value ? k("", !0) : (d(), f("div", {
         key: 0,
         ref_key: "el",
         ref: i,
-        onClick: l,
-        onContextmenu: a,
+        onClick: a,
+        onContextmenu: l,
         class: T(["button", [s.class, c.value, w.value, u.value].join(" ")])
       }, [
-        F(S.$slots, "default", {}, void 0, !0),
+        F($.$slots, "default", {}, void 0, !0),
         s.loading ? (d(), f("svg", eo, oo)) : k("", !0)
       ], 34)),
       r.value ? (d(), f("div", {
         key: 1,
         ref_key: "el",
         ref: i,
-        onClick: l,
-        onContextmenu: a,
+        onClick: a,
+        onContextmenu: l,
         class: T(["button button-ext", [s.class, c.value, v.value, w.value, u.value].join(" ")]),
         style: P(s.style)
       }, [
@@ -157,14 +157,14 @@ const ie = (e, t) => {
           color: "inherit"
         }, null, 8, ["component"])) : k("", !0),
         B(n).default ? (d(), f("div", so, [
-          F(S.$slots, "default", {}, void 0, !0)
+          F($.$slots, "default", {}, void 0, !0)
         ])) : k("", !0),
         s.loading ? (d(), f("svg", no, ro)) : k("", !0)
       ], 38)) : k("", !0)
     ], 64));
   }
-}, te = /* @__PURE__ */ ie(ao, [["__scopeId", "data-v-e5cd6ccd"]]);
-const lo = {
+}, te = /* @__PURE__ */ ie(lo, [["__scopeId", "data-v-e5cd6ccd"]]);
+const ao = {
   key: 0,
   class: "d-input"
 }, co = {
@@ -184,7 +184,7 @@ const lo = {
 }, yo = {
   key: 0,
   class: "label"
-}, bo = { style: { display: "flex", "align-items": "flex-end", "justify-content": "flex-start" } }, _o = { style: { flex: "1" } }, ko = ["type", "placeholder"], $o = {
+}, bo = { style: { display: "flex", "align-items": "flex-end", "justify-content": "flex-start" } }, _o = { style: { flex: "1" } }, ko = ["type", "placeholder"], So = {
   __name: "DInput",
   props: {
     label: String,
@@ -201,21 +201,21 @@ const lo = {
   setup(e, { expose: t, emit: o }) {
     const s = e, n = D(null), i = g(() => s.scale === "small" ? "d-input-small" : s.scale === "large" ? "d-input-large" : ""), r = g({
       get: () => s.modelValue,
-      set: (a) => {
-        o("update:modelValue", a);
+      set: (l) => {
+        o("update:modelValue", l);
       }
     });
     be(() => {
-      s.focus && l();
+      s.focus && a();
     });
-    const l = () => {
+    const a = () => {
       n.value.focus();
     };
     return t({
-      focus: l
-    }), (a, c) => !s.post && !s.pre ? (d(), f("div", lo, [
+      focus: a
+    }), (l, c) => !s.post && !s.pre ? (d(), f("div", ao, [
       s.label ? (d(), f("div", co, N(s.label), 1)) : k("", !0),
-      Z($("input", {
+      Z(S("input", {
         ref_key: "inputRef",
         ref: n,
         "onUpdate:modelValue": c[0] || (c[0] = (u) => r.value = u),
@@ -228,9 +228,9 @@ const lo = {
       ])
     ])) : s.post && s.post.click && !s.pre ? (d(), f("div", po, [
       s.label ? (d(), f("div", fo, N(s.label), 1)) : k("", !0),
-      $("div", ho, [
-        $("div", mo, [
-          Z($("input", {
+      S("div", ho, [
+        S("div", mo, [
+          Z(S("input", {
             ref_key: "inputRef",
             ref: n,
             class: T(["d-input-post-field", i.value]),
@@ -263,7 +263,7 @@ const lo = {
       ])
     ])) : !s.post && s.pre && s.pre.click ? (d(), f("div", vo, [
       s.label ? (d(), f("div", yo, N(s.label), 1)) : k("", !0),
-      $("div", bo, [
+      S("div", bo, [
         s.pre.label ? (d(), y(te, {
           key: 0,
           scale: s.scale,
@@ -282,8 +282,8 @@ const lo = {
           onClick: s.pre.click,
           icon: s.pre.icon
         }, null, 8, ["scale", "onClick", "icon", "class"])),
-        $("div", _o, [
-          Z($("input", {
+        S("div", _o, [
+          Z(S("input", {
             ref_key: "inputRef",
             ref: n,
             class: T(["d-input-pre-field", i.value]),
@@ -298,7 +298,7 @@ const lo = {
       ])
     ])) : k("", !0);
   }
-}, vi = /* @__PURE__ */ ie($o, [["__scopeId", "data-v-a972038a"]]), So = {
+}, vi = /* @__PURE__ */ ie(So, [["__scopeId", "data-v-a972038a"]]), $o = {
   __name: "DBadge",
   props: {
     scale: String,
@@ -320,7 +320,7 @@ const lo = {
       F(n.$slots, "default")
     ], 2));
   }
-}, ae = "0px", xo = {
+}, le = "0px", xo = {
   __name: "DCollapse",
   props: {
     duration: {
@@ -345,41 +345,41 @@ const lo = {
     }
   },
   setup(e) {
-    const t = e, o = (a) => ({
-      height: a == null ? void 0 : a.style.height,
-      width: a == null ? void 0 : a.style.width,
-      position: a == null ? void 0 : a.style.position,
-      visibility: a == null ? void 0 : a.style.visibility,
-      overflow: a == null ? void 0 : a.style.overflow,
-      paddingTop: a == null ? void 0 : a.style.paddingTop,
-      paddingBottom: a == null ? void 0 : a.style.paddingBottom,
-      borderTopWidth: a == null ? void 0 : a.style.borderTopWidth,
-      borderBottomWidth: a == null ? void 0 : a.style.borderBottomWidth,
-      marginTop: a == null ? void 0 : a.style.marginTop,
-      marginBottom: a == null ? void 0 : a.style.marginBottom
-    }), s = (a, c) => {
-      const { width: u } = getComputedStyle(a);
-      a.style.width = u, a.style.position = "absolute", a.style.visibility = "hidden", a.style.height = "";
-      let { height: p } = getComputedStyle(a);
-      return a.style.width = c.width, a.style.position = c.position, a.style.visibility = c.visibility, a.style.height = ae, a.style.overflow = "hidden", c.height && c.height !== ae ? c.height : p;
-    }, n = (a, c, u, p, v) => {
-      const w = a.animate(p, v);
-      a.style.height = c.height, w.onfinish = () => {
-        a.style.overflow = c.overflow, u();
+    const t = e, o = (l) => ({
+      height: l == null ? void 0 : l.style.height,
+      width: l == null ? void 0 : l.style.width,
+      position: l == null ? void 0 : l.style.position,
+      visibility: l == null ? void 0 : l.style.visibility,
+      overflow: l == null ? void 0 : l.style.overflow,
+      paddingTop: l == null ? void 0 : l.style.paddingTop,
+      paddingBottom: l == null ? void 0 : l.style.paddingBottom,
+      borderTopWidth: l == null ? void 0 : l.style.borderTopWidth,
+      borderBottomWidth: l == null ? void 0 : l.style.borderBottomWidth,
+      marginTop: l == null ? void 0 : l.style.marginTop,
+      marginBottom: l == null ? void 0 : l.style.marginBottom
+    }), s = (l, c) => {
+      const { width: u } = getComputedStyle(l);
+      l.style.width = u, l.style.position = "absolute", l.style.visibility = "hidden", l.style.height = "";
+      let { height: p } = getComputedStyle(l);
+      return l.style.width = c.width, l.style.position = c.position, l.style.visibility = c.visibility, l.style.height = le, l.style.overflow = "hidden", c.height && c.height !== le ? c.height : p;
+    }, n = (l, c, u, p, v) => {
+      const w = l.animate(p, v);
+      l.style.height = c.height, w.onfinish = () => {
+        l.style.overflow = c.overflow, u();
       };
-    }, i = (a, c) => [
+    }, i = (l, c) => [
       {
-        height: ae,
+        height: le,
         opacity: t.opacityClosed,
-        paddingTop: ae,
-        paddingBottom: ae,
-        borderTopWidth: ae,
-        borderBottomWidth: ae,
-        marginTop: ae,
-        marginBottom: ae
+        paddingTop: le,
+        paddingBottom: le,
+        borderTopWidth: le,
+        borderBottomWidth: le,
+        marginTop: le,
+        marginBottom: le
       },
       {
-        height: a,
+        height: l,
         opacity: t.opacityOpened,
         paddingTop: c.paddingTop,
         paddingBottom: c.paddingBottom,
@@ -388,22 +388,22 @@ const lo = {
         marginTop: c.marginTop,
         marginBottom: c.marginBottom
       }
-    ], r = (a, c) => {
-      const u = a, p = o(u), v = s(u, p), w = i(v, p), E = { duration: t.duration, easing: t.easingEnter };
+    ], r = (l, c) => {
+      const u = l, p = o(u), v = s(u, p), w = i(v, p), E = { duration: t.duration, easing: t.easingEnter };
       n(u, p, c, w, E);
-    }, l = (a, c) => {
-      const u = a, p = o(u), { height: v } = getComputedStyle(u);
+    }, a = (l, c) => {
+      const u = l, p = o(u), { height: v } = getComputedStyle(u);
       u.style.height = v, u.style.overflow = "hidden";
       const w = i(v, p).reverse(), E = { duration: t.duration, easing: t.easingLeave };
       n(u, p, c, w, E);
     };
-    return (a, c) => (d(), y(ze, {
+    return (l, c) => (d(), y(ze, {
       css: !1,
       onEnter: r,
-      onLeave: l
+      onLeave: a
     }, {
       default: I(() => [
-        F(a.$slots, "default")
+        F(l.$slots, "default")
       ]),
       _: 3
     }));
@@ -442,32 +442,32 @@ const lo = {
     tag: { type: String, default: "div" }
   },
   setup(e) {
-    const t = e, o = Ee(), s = D(!1), n = g(() => s && t.transferData), i = g(() => ({ position: "fixed", top: "-1000px" })), r = (l, a) => {
-      const c = a.dataTransfer;
-      if ([Y.dragenter, Y.dragover].includes(l) && t.dropEffect && (c.dropEffect = t.dropEffect), l === Y.dragstart) {
+    const t = e, o = Ee(), s = D(!1), n = g(() => s && t.transferData), i = g(() => ({ position: "fixed", top: "-1000px" })), r = (a, l) => {
+      const c = l.dataTransfer;
+      if ([Y.dragenter, Y.dragover].includes(a) && t.dropEffect && (c.dropEffect = t.dropEffect), a === Y.dragstart) {
         if (t.effectAllowed && (c.effectAllowed = t.effectAllowed), t.image || o.image) {
           let u;
           t.image ? (u = new Image(), u.src = t.image) : o.image && (u = o.image[0].elm), c.setDragImage && c.setDragImage(u, t.imageXOffset, t.imageYOffset);
         }
-        t.transferData !== void 0 && (Ie.data = t.transferData, a.dataTransfer.setData("text", "")), s.value = !0;
+        t.transferData !== void 0 && (Ie.data = t.transferData, l.dataTransfer.setData("text", "")), s.value = !0;
       }
     };
-    return (l, a) => (d(), y(q(e.tag), {
+    return (a, l) => (d(), y(q(e.tag), {
       draggable: t.draggable,
-      onDrag: a[0] || (a[0] = (c) => r(B(Y).drag, c)),
-      onDragstart: a[1] || (a[1] = O((c) => r(B(Y).dragstart, c), ["stop"])),
-      onDragenter: a[2] || (a[2] = (c) => r(B(Y).dragenter, c)),
-      onDragleave: a[3] || (a[3] = (c) => r(B(Y).dragleave, c)),
-      onDragend: a[4] || (a[4] = (c) => r(B(Y).dragend, c))
+      onDrag: l[0] || (l[0] = (c) => r(B(Y).drag, c)),
+      onDragstart: l[1] || (l[1] = O((c) => r(B(Y).dragstart, c), ["stop"])),
+      onDragenter: l[2] || (l[2] = (c) => r(B(Y).dragenter, c)),
+      onDragleave: l[3] || (l[3] = (c) => r(B(Y).dragleave, c)),
+      onDragend: l[4] || (l[4] = (c) => r(B(Y).dragend, c))
     }, {
       default: I(() => [
-        F(l.$slots, "default", { transferData: n.value }),
+        F(a.$slots, "default", { transferData: n.value }),
         e.hideImageHtml ? (d(), f("div", {
           key: 0,
           style: P(i.value)
         }, [
-          F(l.$slots, "image", { transferData: n.value })
-        ], 4)) : F(l.$slots, "image", {
+          F(a.$slots, "image", { transferData: n.value })
+        ], 4)) : F(a.$slots, "image", {
           key: 1,
           transferData: n.value
         })
@@ -479,7 +479,7 @@ const lo = {
 const Do = (e) => (Xt("data-v-09adec49"), e = e(), Yt(), e), To = {
   key: 0,
   style: { display: "none" }
-}, Lo = { key: 1 }, Bo = /* @__PURE__ */ Do(() => /* @__PURE__ */ $("div", { class: "tree-divider" }, null, -1)), Io = [
+}, Lo = { key: 1 }, Bo = /* @__PURE__ */ Do(() => /* @__PURE__ */ S("div", { class: "tree-divider" }, null, -1)), Io = [
   Bo
 ], Eo = { key: 2 }, Fo = { class: "tree-divider-header" }, Ho = { class: "item-title" }, Ro = {
   key: 0,
@@ -498,7 +498,7 @@ const Do = (e) => (Xt("data-v-09adec49"), e = e(), Yt(), e), To = {
   },
   emits: ["nodedrop", "nodedragover", "nodedragleave", "nodeclick", "nodecontext", "nodedoubleclick", "nodefoldericonclick"],
   setup(e, { emit: t }) {
-    const o = e, s = D(null), n = D(!1), i = D(!1), r = D(!1), l = g(() => o.model.children && o.model.children.length), a = g(() => (b.actions.isTreeExpanded(o.treeId) && (o.model.expanded = o.model.expanded === void 0 ? !0 : o.model.expanded), o.model.expanded)), c = (M) => {
+    const o = e, s = D(null), n = D(!1), i = D(!1), r = D(!1), a = g(() => o.model.children && o.model.children.length), l = g(() => (b.actions.isTreeExpanded(o.treeId) && (o.model.expanded = o.model.expanded === void 0 ? !0 : o.model.expanded), o.model.expanded)), c = (M) => {
       t("nodeclick", { event: M, model: o.model });
     }, u = (M) => {
       t("nodefoldericonclick", { event: M, model: o.model });
@@ -510,7 +510,7 @@ const Do = (e) => (Xt("data-v-09adec49"), e = e(), Yt(), e), To = {
       t("nodedoubleclick", M);
     }, E = (M) => {
       t("nodedrop", M);
-    }, S = (M) => {
+    }, $ = (M) => {
       t("nodecontext", M);
     }, V = g(() => [
       b.actions.isItemSelected(o.treeId, o.model.id) ? "selected" : "",
@@ -551,7 +551,7 @@ const Do = (e) => (Xt("data-v-09adec49"), e = e(), Yt(), e), To = {
     return (M, C) => {
       const z = de("d-tree-item", !0), X = Pe("touch");
       return B(b).actions.beforeItem(o.treeId, e.model) ? L.value && !W.value ? (d(), f("li", Lo, Io)) : L.value && W.value ? (d(), f("li", Eo, [
-        $("div", Fo, N(B(b).actions.renderTitle(o.treeId, W.value)), 1)
+        S("div", Fo, N(B(b).actions.renderTitle(o.treeId, W.value)), 1)
       ])) : o.model.component ? (d(), y(_t, {
         key: 3,
         tag: "li",
@@ -592,7 +592,7 @@ const Do = (e) => (Xt("data-v-09adec49"), e = e(), Yt(), e), To = {
         default: I(() => {
           var m, h;
           return [
-            $("div", {
+            S("div", {
               ref_key: "node",
               ref: s,
               class: T(V.value),
@@ -600,21 +600,21 @@ const Do = (e) => (Xt("data-v-09adec49"), e = e(), Yt(), e), To = {
               onDblclick: C[2] || (C[2] = O((_) => t("nodedoubleclick", { e: _, model: o.model }), ["prevent"])),
               onContextmenu: C[3] || (C[3] = O((_) => t("nodecontext", { e: _, model: o.model }), ["prevent"]))
             }, [
-              $("div", null, [
-                o.model.icons && o.model.icons.pre && l.value && !o.search && !L.value ? (d(), y(q(ce), {
+              S("div", null, [
+                o.model.icons && o.model.icons.pre && a.value && !o.search && !L.value ? (d(), y(q(ce), {
                   key: 0,
                   component: B(ne).getters.getIcon(o.model.icons.pre.component),
                   size: 18,
                   color: o.model.icons.pre.color ? o.model.icons.pre.color : "inherit",
-                  class: T(a.value ? "tree-open-pre" : ""),
+                  class: T(l.value ? "tree-open-pre" : ""),
                   onPointerdownCapture: u
                 }, null, 40, ["component", "color", "class"])) : k("", !0),
-                o.model.icons && o.model.icons.pre && !l.value && !o.search && !L.value ? (d(), y(q(ce), {
+                o.model.icons && o.model.icons.pre && !a.value && !o.search && !L.value ? (d(), y(q(ce), {
                   key: 1,
                   component: B(ne).getters.getIcon(o.model.icons.pre.component),
                   size: 18,
                   color: "rgba(0,0,0,0)",
-                  class: T(a.value ? "tree-open-pre" : "")
+                  class: T(l.value ? "tree-open-pre" : "")
                 }, null, 8, ["component", "class"])) : k("", !0),
                 o.model.icons && o.model.icons.icon && !L.value ? (d(), y(q(ce), {
                   key: 2,
@@ -623,7 +623,7 @@ const Do = (e) => (Xt("data-v-09adec49"), e = e(), Yt(), e), To = {
                   size: o.model.icons.icon.size ? o.model.icons.icon.size : null,
                   className: o.model.icons.icon.class ? o.model.icons.icon.class : null
                 }, null, 8, ["component", "color", "size", "className"])) : k("", !0),
-                $("div", Ho, [
+                S("div", Ho, [
                   L.value ? (d(), f("div", Ro)) : k("", !0),
                   !L.value && Object.hasOwn(o.model, "link") ? (d(), f("a", {
                     key: 1,
@@ -635,8 +635,8 @@ const Do = (e) => (Xt("data-v-09adec49"), e = e(), Yt(), e), To = {
                   !L.value && !Object.hasOwn(o.model, "link") ? (d(), f("div", Ao, N(B(b).actions.renderTitle(o.treeId, o.model.title)), 1)) : k("", !0)
                 ])
               ]),
-              $("div", Oo, [
-                ((m = o.model.badge) == null ? void 0 : m.value) !== void 0 && !L.value ? (d(), y(q(So), {
+              S("div", Oo, [
+                ((m = o.model.badge) == null ? void 0 : m.value) !== void 0 && !L.value ? (d(), y(q($o), {
                   key: 0,
                   class: T([(h = o.model.badge) == null ? void 0 : h.class, "badge-sm"])
                 }, {
@@ -645,19 +645,19 @@ const Do = (e) => (Xt("data-v-09adec49"), e = e(), Yt(), e), To = {
                   ]),
                   _: 1
                 }, 8, ["class"])) : k("", !0),
-                o.model.icons && o.model.icons.post && l.value && !o.search && !L.value ? (d(), y(q(ce), {
+                o.model.icons && o.model.icons.post && a.value && !o.search && !L.value ? (d(), y(q(ce), {
                   key: 1,
                   component: B(ne).getters.getIcon(o.model.icons.post.component),
                   size: 20,
                   color: o.model.icons.post.color ? o.model.icons.post.color : "inherit",
-                  class: T(a.value ? "tree-open-post" : ""),
+                  class: T(l.value ? "tree-open-post" : ""),
                   onPointerdownCapture: u
                 }, null, 40, ["component", "color", "class"])) : k("", !0)
               ])
             ], 34),
             x(xo, null, {
               default: I(() => [
-                l.value && a.value && !o.search ? (d(), f("ul", Vo, [
+                a.value && l.value && !o.search ? (d(), f("ul", Vo, [
                   (d(!0), f(Q, null, ue(e.model.children, (_) => (d(), y(z, {
                     key: _.id,
                     model: _,
@@ -667,7 +667,7 @@ const Do = (e) => (Xt("data-v-09adec49"), e = e(), Yt(), e), To = {
                     onNodeclick: v,
                     onNodedoubleclick: w,
                     onNodedrop: E,
-                    onNodecontext: S,
+                    onNodecontext: $,
                     onNodefoldericonclick: p
                   }, null, 8, ["model", "treeId", "items", "search"]))), 128))
                 ])) : k("", !0)
@@ -755,8 +755,8 @@ const K = jo(), b = {
     }
   },
   actions: {
-    initTreeStore(e, t, o, s, n, i, r, l = !0) {
-      b.state.trees[e] = [], b.state.trees[e].selected = [], b.state.trees[e].noSelect = t, b.state.trees[e].multiSelect = o, b.state.trees[e].expanded = s, b.state.trees[e].transfer = n, b.state.trees[e].renderTitle = i, b.state.trees[e].beforeItem = r, b.state.trees[e].dropInside = l;
+    initTreeStore(e, t, o, s, n, i, r, a = !0) {
+      b.state.trees[e] = [], b.state.trees[e].selected = [], b.state.trees[e].noSelect = t, b.state.trees[e].multiSelect = o, b.state.trees[e].expanded = s, b.state.trees[e].transfer = n, b.state.trees[e].renderTitle = i, b.state.trees[e].beforeItem = r, b.state.trees[e].dropInside = a;
     },
     renderTitle(e, t) {
       return b.state.trees[e].renderTitle ? b.state.trees[e].renderTitle(t) : t;
@@ -803,8 +803,8 @@ const K = jo(), b = {
     },
     moveTreeNode(e, t, o, s, n, i, r = !0) {
       if (r) {
-        const l = b.actions.deleteTreeNode(o, s);
-        b.actions.insertTreeNode(o, n, l, i), K.emit(`move-${t}`, { fromTreeId: e, toTreeId: t, moved: l == null ? void 0 : l.id, target: n, position: i });
+        const a = b.actions.deleteTreeNode(o, s);
+        b.actions.insertTreeNode(o, n, a, i), K.emit(`move-${t}`, { fromTreeId: e, toTreeId: t, moved: a == null ? void 0 : a.id, target: n, position: i });
       } else
         K.emit(`move-${t}`, { fromTreeId: e, toTreeId: t, moved: s, target: n, position: i });
     },
@@ -841,7 +841,7 @@ const K = jo(), b = {
   emits: Object.keys(Y),
   setup(e, { expose: t, emit: o }) {
     let s = je({});
-    const n = D("false"), i = D(null), r = /* @__PURE__ */ new Set(), l = g(() => n.value && s), a = (u, p) => {
+    const n = D("false"), i = D(null), r = /* @__PURE__ */ new Set(), a = g(() => n.value && s), l = (u, p) => {
       s = Ie.data, o(u, p, s), u === Y.dragenter && (r.size || p.target === i.value) && r.add(p.target), u === Y.dragleave && r.delete(p.target), u === Y.drop && r.clear(), n.value = !!r.size;
     };
     return t({
@@ -849,13 +849,13 @@ const K = jo(), b = {
     }), (u, p) => (d(), y(q(e.tag), {
       ref_key: "el",
       ref: i,
-      onDragenter: p[0] || (p[0] = (v) => a(B(Y).dragenter, v)),
-      onDragleave: p[1] || (p[1] = (v) => a(B(Y).dragleave, v)),
-      onDragover: p[2] || (p[2] = O((v) => a(B(Y).dragover, v), ["prevent"])),
-      onDrop: p[3] || (p[3] = O((v) => a(B(Y).drop, v), ["prevent"]))
+      onDragenter: p[0] || (p[0] = (v) => l(B(Y).dragenter, v)),
+      onDragleave: p[1] || (p[1] = (v) => l(B(Y).dragleave, v)),
+      onDragover: p[2] || (p[2] = O((v) => l(B(Y).dragover, v), ["prevent"])),
+      onDrop: p[3] || (p[3] = O((v) => l(B(Y).drop, v), ["prevent"]))
     }, {
       default: I(() => [
-        F(u.$slots, "default", { transferData: l.value })
+        F(u.$slots, "default", { transferData: a.value })
       ]),
       _: 3
     }, 544));
@@ -883,21 +883,21 @@ const K = jo(), b = {
     let n = D(null), i = D(!1);
     const r = () => {
       K.emit("menu-show-request"), i.value = !0;
-    }, l = () => {
+    }, a = () => {
       var v;
       (v = n.value) == null || v.collapseAll(), i.value = !1;
-    }, a = () => i.value;
+    }, l = () => i.value;
     K.on("menu-show-request", () => {
-      l();
+      a();
     }), t({
       show: r,
-      hide: l,
+      hide: a,
       elementSize: () => n.value.elementSize(),
-      isShowed: a,
+      isShowed: l,
       itemsCount: () => n.value.itemsCount()
     });
     const p = (v) => {
-      o("select", v), v.model.children || l();
+      o("select", v), v.model.children || a();
     };
     return (v, w) => {
       const E = Pe("click-outside");
@@ -914,7 +914,7 @@ const K = jo(), b = {
           "render-title": s.renderItemTitle,
           "before-item": s.beforeItem
         }, null, 8, ["items", "no-select", "class", "style", "render-title", "before-item"])), [
-          [E, () => l()]
+          [E, () => a()]
         ]) : k("", !0)
       ]);
     };
@@ -928,10 +928,10 @@ const K = jo(), b = {
   },
   emits: ["select"],
   setup(e, { expose: t, emit: o }) {
-    const s = e, n = D(null), i = D(0), r = D(0), l = g(() => ({
+    const s = e, n = D(null), i = D(0), r = D(0), a = g(() => ({
       left: i.value + "px",
       top: r.value + "px"
-    })), a = (u) => {
+    })), l = (u) => {
       n.value.show(), It(() => {
         const p = n.value.elementSize(), v = window.innerWidth, w = window.innerHeight;
         i.value = v - u.pageX < p.width ? u.pageX - p.width : u.pageX, r.value = w - u.pageY < p.height ? u.pageY - p.height : u.pageY, n.value.itemsCount() === 0 && n.value.hide();
@@ -940,13 +940,13 @@ const K = jo(), b = {
       o("select", u);
     };
     return t({
-      show: a
+      show: l
     }), (u, p) => (d(), y(At, {
       ref_key: "dMenuRef",
       ref: n,
       onSelect: c,
       items: s.items,
-      style: P(l.value),
+      style: P(a.value),
       class: "context-menu",
       "no-select": !0,
       "render-item-title": s.renderItemTitle,
@@ -1001,30 +1001,30 @@ const K = jo(), b = {
   },
   emits: ["select", "collapse", "expand", "move", "over", "drop", "doubleclick", "foldericonclick"],
   setup(e, { expose: t, emit: o }) {
-    const s = e, n = D(null), i = D(!1), r = D(null), l = We().uid;
-    b.actions.initTreeStore(l, s.noSelect, s.multiSelect, s.expanded, s.transfer, s.renderTitle, s.beforeItem, s.dropInside);
-    const a = (h, _) => {
+    const s = e, n = D(null), i = D(!1), r = D(null), a = We().uid;
+    b.actions.initTreeStore(a, s.noSelect, s.multiSelect, s.expanded, s.transfer, s.renderTitle, s.beforeItem, s.dropInside);
+    const l = (h, _) => {
       console.log(h, _);
     };
-    K.on(`expand-${l}`, (h) => {
+    K.on(`expand-${a}`, (h) => {
       o("expand", h);
-    }), K.on(`collapse-${l}`, (h) => {
+    }), K.on(`collapse-${a}`, (h) => {
       o("collapse", h);
-    }), K.on(`move-${l}`, (h) => {
+    }), K.on(`move-${a}`, (h) => {
       o("move", h);
     });
     const c = g(() => s.search ? b.actions.deepSearchByTitle(s.items, s.search) : s.items), u = (h) => {
       for (let _ = 0; _ < s.items.length; _++)
-        s.items[_].id === h && b.actions.toggleItem(l, s.items[_]), s.items[_].expanded = !0;
+        s.items[_].id === h && b.actions.toggleItem(a, s.items[_]), s.items[_].expanded = !0;
     }, p = (h = null) => {
-      b.mutations.setItemSelect(l, h.model), s.doubleClickExpand || b.actions.toggleItem(l, h.model), o("select", h);
+      b.mutations.setItemSelect(a, h.model), s.doubleClickExpand || b.actions.toggleItem(a, h.model), o("select", h);
     }, v = (h = null) => {
-      s.doubleClickExpand && b.actions.toggleItem(l, h.model), o("doubleclick", h);
+      s.doubleClickExpand && b.actions.toggleItem(a, h.model), o("doubleclick", h);
     }, w = (h = null) => {
-      s.doubleClickExpand && b.actions.toggleItem(l, h.model), o("foldericonclick", h);
+      s.doubleClickExpand && b.actions.toggleItem(a, h.model), o("foldericonclick", h);
     }, E = (h = null) => {
       o("over", h);
-    }, S = (h = null) => {
+    }, $ = (h = null) => {
       o("drop", h);
     }, V = () => n.value.elementSize(), U = () => {
       for (let h = 0; h < s.items.length; h++)
@@ -1032,14 +1032,14 @@ const K = jo(), b = {
     }, R = () => {
       for (let h = 0; h < s.items.length; h++)
         s.items[h].expanded = !1;
-    }, H = () => l, j = (h) => b.actions.deepSearch(s.items, h), L = (h) => {
-      j(h) && b.mutations.setItemSelect(l, j(h));
+    }, H = () => a, j = (h) => b.actions.deepSearch(s.items, h), L = (h) => {
+      j(h) && b.mutations.setItemSelect(a, j(h));
     }, W = (h) => {
       s.contextClick({ e: h.e, model: h.model, target: r.value });
     }, M = (h) => s.contextBeforeClick({ model: h, target: r.value }), C = g(() => s.context), z = (h) => (C.value && (r.value = h.model, i.value.show(h.e)), !1), X = () => m(c.value), m = (h) => {
       let _ = 0;
       for (let A = 0; A < h.length; A++)
-        _ += b.actions.beforeItem(l, h[A]) ? 1 : 0, h[A].children && h[A].children.length > 0 && (_ += m(h[A].children));
+        _ += b.actions.beforeItem(a, h[A]) ? 1 : 0, h[A].children && h[A].children.length > 0 && (_ += m(h[A].children));
       return _;
     };
     return t({
@@ -1056,19 +1056,19 @@ const K = jo(), b = {
       ref: n,
       class: "tree",
       tag: "ul",
-      onDrop: O(a, ["stop"])
+      onDrop: O(l, ["stop"])
     }, {
       default: I(() => [
         (d(!0), f(Q, null, ue(c.value, (A) => (d(), y(Po, {
           key: A.id,
           model: A,
-          treeId: B(l),
+          treeId: B(a),
           items: s.items,
           search: s.search,
           onNodeclick: p,
           onNodedoubleclick: v,
           onNodedragover: E,
-          onNodedrop: S,
+          onNodedrop: $,
           onNodecontext: z,
           onNodefoldericonclick: w
         }, null, 8, ["model", "treeId", "items", "search"]))), 128)),
@@ -1145,8 +1145,8 @@ const Yo = {
   },
   setup(e) {
     const t = e, o = g(() => {
-      const { fixed: s, zIndex: n, minWidth: i, height: r, paddingLeft: l, transitionDuration: a, transitionTimingFunction: c } = t, u = s ? "fixed" : "static", p = t.useMinWidthLayout ? `min-width:${i}px;` : "";
-      return `position:${u};z-index:${n};${p}height:${r}px;padding-left:${l}px;transition-duration:${a}ms;transition-timing-function:${c};`;
+      const { fixed: s, zIndex: n, minWidth: i, height: r, paddingLeft: a, transitionDuration: l, transitionTimingFunction: c } = t, u = s ? "fixed" : "static", p = t.useMinWidthLayout ? `min-width:${i}px;` : "";
+      return `position:${u};z-index:${n};${p}height:${r}px;padding-left:${a}px;transition-duration:${l}ms;transition-timing-function:${c};`;
     });
     return (s, n) => (d(), f("header", {
       class: "d-layout-header",
@@ -1194,8 +1194,8 @@ const Yo = {
   },
   setup(e) {
     const t = e, o = g(() => {
-      const { fixed: s, top: n, zIndex: i, minWidth: r, height: l, paddingLeft: a, transitionDuration: c, transitionTimingFunction: u } = t, p = s ? "fixed" : "static", v = t.useMinWidthLayout ? `min-width: ${r}px;` : "";
-      return `position:${p};top:${n}px;z-index:${i};${v}height:${l}px;padding-left:${a}px;transition-duration:${c}ms;transition-timing-function:${u};`;
+      const { fixed: s, top: n, zIndex: i, minWidth: r, height: a, paddingLeft: l, transitionDuration: c, transitionTimingFunction: u } = t, p = s ? "fixed" : "static", v = t.useMinWidthLayout ? `min-width: ${r}px;` : "";
+      return `position:${p};top:${n}px;z-index:${i};${v}height:${a}px;padding-left:${l}px;transition-duration:${c}ms;transition-timing-function:${u};`;
     });
     return (s, n) => (d(), f("div", {
       class: "d-layout-tab",
@@ -1239,8 +1239,8 @@ const Yo = {
   },
   setup(e) {
     const t = e, o = g(() => {
-      const { fixed: s, zIndex: n, minWidth: i, height: r, paddingLeft: l, transitionDuration: a, transitionTimingFunction: c } = t, u = s ? "fixed" : "static", p = t.useMinWidthLayout ? `min-width:${i}px;` : "";
-      return `position:${u};z-index:${n};${p}height:${r}px;padding-left:${l}px;transition-duration:${a}ms;transition-timing-function:${c};`;
+      const { fixed: s, zIndex: n, minWidth: i, height: r, paddingLeft: a, transitionDuration: l, transitionTimingFunction: c } = t, u = s ? "fixed" : "static", p = t.useMinWidthLayout ? `min-width:${i}px;` : "";
+      return `position:${u};z-index:${n};${p}height:${r}px;padding-left:${a}px;transition-duration:${l}ms;transition-timing-function:${c};`;
     });
     return (s, n) => (d(), f("footer", {
       class: "d-layout-footer",
@@ -1279,8 +1279,8 @@ const Yo = {
   },
   setup(e) {
     const t = e, o = g(() => {
-      const { zIndex: s, width: n, paddingTop: i, transitionDuration: r, transitionTimingFunction: l } = t;
-      return `z-index:${s};width:${n}px;padding-top:${i}px;transition-duration:${r}ms;transition-timing-function:${l};`;
+      const { zIndex: s, width: n, paddingTop: i, transitionDuration: r, transitionTimingFunction: a } = t;
+      return `z-index:${s};width:${n}px;padding-top:${i}px;transition-duration:${r}ms;transition-timing-function:${a};`;
     });
     return (s, n) => (d(), f("aside", {
       class: "d-layout-sidebar",
@@ -1316,8 +1316,8 @@ const Yo = {
   },
   setup(e) {
     const t = e, o = g(() => {
-      const { paddingTop: s, paddingBottom: n, paddingLeft: i, transitionDuration: r, transitionTimingFunction: l } = t, a = `overflow:${t.overflowHidden ? "hidden" : "visible"};`;
-      return `padding-top:${s}px;padding-bottom:${n}px;padding-left:${i}px;${a}transition-duration:${r}ms;transition-timing-function:${l};`;
+      const { paddingTop: s, paddingBottom: n, paddingLeft: i, transitionDuration: r, transitionTimingFunction: a } = t, l = `overflow:${t.overflowHidden ? "hidden" : "visible"};`;
+      return `padding-top:${s}px;padding-bottom:${n}px;padding-left:${i}px;${l}transition-duration:${r}ms;transition-timing-function:${a};`;
     });
     return (s, n) => (d(), f("main", {
       style: P(o.value),
@@ -1341,19 +1341,19 @@ function Jo(e) {
   function r() {
     i();
   }
-  function l() {
+  function a() {
     document.addEventListener("scroll", i);
   }
-  function a() {
+  function l() {
     s && document.removeEventListener("scroll", i);
   }
   function c() {
-    r(), l(), s = !0;
+    r(), a(), s = !0;
   }
   return Et(e, (u) => {
-    u ? c() : a();
+    u ? c() : l();
   }, { immediate: !0 }), Ft(() => {
-    a();
+    l();
   }), o;
 }
 const Qo = 1001, es = 999, ts = 998, bi = {
@@ -1447,7 +1447,7 @@ const Qo = 1001, es = 999, ts = 998, bi = {
   },
   emits: ["update:sidebar-collapse", "sidebar-mask-click"],
   setup(e, { emit: t }) {
-    const o = e, s = g(() => o.useMinWidthLayout ? `min-width:${o.minWidth}px;` : ""), n = g(() => o.useMinWidthLayout && (o.fixedHeaderAndTab || o.fixedFooter)), i = Jo(n), r = g(() => o.fixedHeaderAndTab ? i.value : ""), l = g(() => o.fixedFooter ? i.value : ""), a = g(() => {
+    const o = e, s = g(() => o.useMinWidthLayout ? `min-width:${o.minWidth}px;` : ""), n = g(() => o.useMinWidthLayout && (o.fixedHeaderAndTab || o.fixedFooter)), i = Jo(n), r = g(() => o.fixedHeaderAndTab ? i.value : ""), a = g(() => o.fixedFooter ? i.value : ""), l = g(() => {
       const { transitionDuration: L, transitionTimingFunction: W } = o;
       return {
         transitionDuration: L,
@@ -1467,10 +1467,10 @@ const Qo = 1001, es = 999, ts = 998, bi = {
     const w = g(() => o.isMobile && !p.value), E = g(() => {
       const { transitionDuration: L, transitionTimingFunction: W } = o;
       return `background-color:${o.maskBg};transition-duration:${L}ms;transition-timing-function:${W};`;
-    }), S = g(() => {
+    }), $ = g(() => {
       const { sidebarWidth: L, sidebarCollapsedWidth: W } = o, M = o.isMobile ? 0 : W, C = p.value ? M : L;
       return o.sidebarVisible ? C : 0;
-    }), V = g(() => o.isMobile ? 0 : S.value), U = g(() => c.value ? V.value : 0), R = g(
+    }), V = g(() => o.isMobile ? 0 : $.value), U = g(() => c.value ? V.value : 0), R = g(
       () => !o.isMobile && !c.value && o.headerVisible ? o.headerHeight : 0
     ), H = g(() => {
       let L = 0;
@@ -1480,7 +1480,7 @@ const Qo = 1001, es = 999, ts = 998, bi = {
       class: "d-layout",
       style: P(s.value)
     }, [
-      e.headerVisible ? (d(), y(Uo, ge({ key: 0 }, a.value, {
+      e.headerVisible ? (d(), y(Uo, ge({ key: 0 }, l.value, {
         fixed: e.fixedHeaderAndTab,
         "z-index": Qo,
         "min-width": e.minWidth,
@@ -1493,7 +1493,7 @@ const Qo = 1001, es = 999, ts = 998, bi = {
         ]),
         _: 3
       }, 16, ["fixed", "min-width", "height", "padding-left", "style"])) : k("", !0),
-      e.tabVisible ? (d(), y(qo, ge({ key: 1 }, a.value, {
+      e.tabVisible ? (d(), y(qo, ge({ key: 1 }, l.value, {
         fixed: e.fixedHeaderAndTab,
         "z-index": es,
         "min-width": e.minWidth,
@@ -1507,9 +1507,9 @@ const Qo = 1001, es = 999, ts = 998, bi = {
         ]),
         _: 3
       }, 16, ["fixed", "min-width", "top", "height", "padding-left", "style"])) : k("", !0),
-      e.sidebarVisible ? (d(), y(Ko, ge({ key: 2 }, a.value, {
+      e.sidebarVisible ? (d(), y(Ko, ge({ key: 2 }, l.value, {
         "z-index": u.value,
-        width: S.value,
+        width: $.value,
         "padding-top": R.value
       }), {
         default: I(() => [
@@ -1523,7 +1523,7 @@ const Qo = 1001, es = 999, ts = 998, bi = {
         style: P(E.value),
         onClick: v
       }, null, 4)) : k("", !0),
-      x(Zo, ge(a.value, {
+      x(Zo, ge(l.value, {
         "padding-top": H.value,
         "padding-bottom": j.value,
         "padding-left": V.value,
@@ -1534,13 +1534,13 @@ const Qo = 1001, es = 999, ts = 998, bi = {
         ]),
         _: 3
       }, 16, ["padding-top", "padding-bottom", "padding-left", "overflow-hidden"]),
-      e.footerVisible ? (d(), y(Go, ge({ key: 4 }, a.value, {
+      e.footerVisible ? (d(), y(Go, ge({ key: 4 }, l.value, {
         fixed: e.fixedFooter,
         "z-index": ts,
         "min-width": e.minWidth,
         height: e.footerHeight,
         "padding-left": V.value,
-        style: l.value
+        style: a.value
       }), {
         default: I(() => [
           F(L.$slots, "footer")
@@ -1638,7 +1638,7 @@ const os = {
       F(n.$slots, "default", {}, void 0, !0)
     ], 2));
   }
-}, $i = /* @__PURE__ */ ie(os, [["__scopeId", "data-v-d50b3609"]]), ss = { class: "modal-content" }, ns = { class: "modal-header" }, is = { class: "modal-title" }, rs = { class: "modal-body" }, as = { class: "modal-footer" }, Ye = {
+}, Si = /* @__PURE__ */ ie(os, [["__scopeId", "data-v-d50b3609"]]), ss = { class: "modal-content" }, ns = { class: "modal-header" }, is = { class: "modal-title" }, rs = { class: "modal-body" }, ls = { class: "modal-footer" }, Ye = {
   __name: "DModal",
   props: {
     show: Boolean,
@@ -1654,13 +1654,13 @@ const os = {
     i.value = s == null ? void 0 : s.show;
     const r = () => {
       i.value = !0, o("open", n);
-    }, l = () => {
+    }, a = () => {
       i.value = !1, o("close", n);
     };
     return t({
       show: r,
-      hide: l
-    }), (a, c) => {
+      hide: a
+    }), (l, c) => {
       const u = Pe("keydown");
       return d(), y(Bt, { to: "body" }, [
         x(ze, { name: "fade" }, {
@@ -1671,26 +1671,26 @@ const os = {
               ref: n,
               class: T(["modal", s.class])
             }, [
-              $("div", {
+              S("div", {
                 class: "modal-dialog",
                 style: P({ width: s.width, maxWidth: s.maxWidth })
               }, [
-                $("div", ss, [
-                  $("div", ns, [
-                    $("h5", is, [
-                      F(a.$slots, "modal-title")
+                S("div", ss, [
+                  S("div", ns, [
+                    S("h5", is, [
+                      F(l.$slots, "modal-title")
                     ])
                   ]),
-                  $("div", rs, [
-                    F(a.$slots, "default")
+                  S("div", rs, [
+                    F(l.$slots, "default")
                   ]),
-                  $("div", as, [
-                    F(a.$slots, "modal-footer")
+                  S("div", ls, [
+                    F(l.$slots, "modal-footer")
                   ])
                 ])
               ], 4)
             ], 2)), [
-              [u, l, "Escape"]
+              [u, a, "Escape"]
             ]) : k("", !0)
           ]),
           _: 3
@@ -1712,13 +1712,13 @@ function Vt(e, t, o = "default") {
     };
   });
 }
-var ls = (e, t) => {
+var as = (e, t) => {
   const o = e.__vccOpts || e;
   for (const [s, n] of t)
     o[s] = n;
   return o;
 };
-const ds = le({
+const ds = ae({
   name: "DialogWrapper",
   components: {},
   props: {
@@ -1746,7 +1746,7 @@ function cs(e, t, o, s, n, i) {
     _: 1
   }, 16);
 }
-var us = /* @__PURE__ */ ls(ds, [["render", cs]]);
+var us = /* @__PURE__ */ as(ds, [["render", cs]]);
 const ps = { style: { display: "flex", "flex-direction": "row", "justify-content": "center", gap: "5px" } }, fs = {
   __name: "DAlertDialog",
   props: {
@@ -1766,7 +1766,7 @@ const ps = { style: { display: "flex", "flex-direction": "row", "justify-content
           G(N(o.message), 1)
         ]),
         "modal-footer": I(() => [
-          $("div", ps, [
+          S("div", ps, [
             x(te, {
               onClick: i[0] || (i[0] = (r) => B(Oe)())
             }, {
@@ -1800,7 +1800,7 @@ const ps = { style: { display: "flex", "flex-direction": "row", "justify-content
           G(N(o.message), 1)
         ]),
         "modal-footer": I(() => [
-          $("div", hs, [
+          S("div", hs, [
             x(te, {
               onClick: i[0] || (i[0] = (r) => B(Oe)())
             }, {
@@ -1824,7 +1824,7 @@ const ps = { style: { display: "flex", "flex-direction": "row", "justify-content
       })
     ]));
   }
-}, gs = { class: "dropdown" }, Si = {
+}, gs = { class: "dropdown" }, $i = {
   __name: "DDropdown",
   props: {
     class: String,
@@ -1844,18 +1844,18 @@ const ps = { style: { display: "flex", "flex-direction": "row", "justify-content
   },
   emits: ["select", "click"],
   setup(e, { expose: t, emit: o }) {
-    const s = e, n = Ee(), i = D(null), r = D(null), l = D(0), a = D(0), c = (w) => {
+    const s = e, n = Ee(), i = D(null), r = D(null), a = D(0), l = D(0), c = (w) => {
       if (o("click", w), i.value.isShowed()) {
         i.value.hide();
         return;
       }
       i.value.show(), It(() => {
-        const E = i.value.elementSize(), S = r.value.elementSize(), V = window.innerWidth, U = window.innerHeight;
-        l.value = V - (S.x + S.width) < E.width ? S.left - E.width + S.width : S.left, a.value = U - (S.y + S.height) < E.height ? S.top - E.height - 5 : S.height + S.top + 5;
+        const E = i.value.elementSize(), $ = r.value.elementSize(), V = window.innerWidth, U = window.innerHeight;
+        a.value = V - ($.x + $.width) < E.width ? $.left - E.width + $.width : $.left, l.value = U - ($.y + $.height) < E.height ? $.top - E.height - 5 : $.height + $.top + 5;
       });
     }, u = (w) => {
       o("select", w);
-    }, p = g(() => ({ left: l.value + "px", top: a.value + "px", position: s.bodyAsParent ? "absolute" : "fixed", ...s.menuStyle }));
+    }, p = g(() => ({ left: a.value + "px", top: l.value + "px", position: s.bodyAsParent ? "absolute" : "fixed", ...s.menuStyle }));
     t({
       show: c
     });
@@ -1906,7 +1906,7 @@ function bs(e, t) {
 const _s = /* @__PURE__ */ ie(vs, [["render", bs]]), ks = {
   key: 0,
   class: "card-header"
-}, $s = { class: "card-body" }, Ss = {
+}, Ss = { class: "card-body" }, $s = {
   key: 1,
   class: "card-footer"
 }, xi = {
@@ -1917,10 +1917,10 @@ const _s = /* @__PURE__ */ ie(vs, [["render", bs]]), ks = {
         t.$slots.header ? (d(), f("div", ks, [
           F(t.$slots, "header")
         ])) : k("", !0),
-        $("div", $s, [
+        S("div", Ss, [
           F(t.$slots, "default")
         ]),
-        t.$slots.footer ? (d(), f("div", Ss, [
+        t.$slots.footer ? (d(), f("div", $s, [
           F(t.$slots, "footer")
         ])) : k("", !0)
       ]),
@@ -1983,14 +1983,14 @@ const Me = "[-+]?[0-9]*.?[0-9]+", kt = [
     default:
       return { type: "", value: e };
   }
-}, $t = {
+}, St = {
   x: /* @__PURE__ */ new Set(["left", "center", "right"]),
   y: /* @__PURE__ */ new Set(["top", "bottom"])
 }, Ts = ((e) => () => e++)(0), Ls = (e) => typeof e != "string" ? [] : e.split(/\s+/gi).filter(Boolean), Bs = (e) => {
   typeof e == "string" && (e = Ls(e));
   let t = null, o = null;
   return e.forEach((s) => {
-    $t.y.has(s) && (o = s), $t.x.has(s) && (t = s);
+    St.y.has(s) && (o = s), St.x.has(s) && (t = s);
   }), { x: t, y: o };
 }, Ne = {
   position: ["top", "right"],
@@ -2124,7 +2124,7 @@ const Me = "[-+]?[0-9]*.?[0-9]+", kt = [
     const o = e, s = {
       IDLE: 0,
       DESTROYED: 2
-    }, n = D([]), i = D(null), r = D(xs.get("velocity")), l = g(() => o.animationType === "velocity"), a = g(() => l.value ? Is : Es), c = g(() => n.value.filter((m) => m.state !== s.DESTROYED)), u = g(() => Ds(o.width)), p = g(() => {
+    }, n = D([]), i = D(null), r = D(xs.get("velocity")), a = g(() => o.animationType === "velocity"), l = g(() => a.value ? Is : Es), c = g(() => n.value.filter((m) => m.state !== s.DESTROYED)), u = g(() => Ds(o.width)), p = g(() => {
       const { x: m, y: h } = Bs(o.position), _ = u.value.value, A = u.value.type, re = {
         width: _ + A
       };
@@ -2134,7 +2134,7 @@ const Me = "[-+]?[0-9]*.?[0-9]+", kt = [
     }, E = () => {
       var m;
       o.pauseOnHover && ((m = i.value) == null || m.pause());
-    }, S = () => {
+    }, $ = () => {
       var m;
       o.pauseOnHover && ((m = i.value) == null || m.resume());
     }, V = (m) => {
@@ -2144,15 +2144,15 @@ const Me = "[-+]?[0-9]*.?[0-9]+", kt = [
         W();
         return;
       }
-      const h = typeof m.duration == "number" ? m.duration : o.duration, _ = typeof m.speed == "number" ? m.speed : o.speed, A = typeof m.ignoreDuplicates == "boolean" ? m.ignoreDuplicates : o.ignoreDuplicates, { title: re, text: ke, type: $e, data: Se, id: xe } = m, oe = {
+      const h = typeof m.duration == "number" ? m.duration : o.duration, _ = typeof m.speed == "number" ? m.speed : o.speed, A = typeof m.ignoreDuplicates == "boolean" ? m.ignoreDuplicates : o.ignoreDuplicates, { title: re, text: ke, type: Se, data: $e, id: xe } = m, oe = {
         id: xe || Ts(),
         title: re,
         text: ke,
-        type: $e,
+        type: Se,
         state: s.IDLE,
         speed: _,
         length: h + 2 * _,
-        data: Se
+        data: $e
       };
       h >= 0 && (i.value = new ws(() => j(oe), oe.length, oe));
       const we = o.reverse ? !v.value : v.value;
@@ -2165,7 +2165,7 @@ const Me = "[-+]?[0-9]*.?[0-9]+", kt = [
       "d-notification-template",
       o.classes,
       m.type || ""
-    ], H = (m) => l.value ? void 0 : { transition: `all ${m.speed}ms` }, j = (m) => {
+    ], H = (m) => a.value ? void 0 : { transition: `all ${m.speed}ms` }, j = (m) => {
       clearTimeout(m.timer), m.state = s.DESTROYED, X(), t("destroy", m);
     }, L = (m) => {
       const h = n.value.find((_) => _.id === m);
@@ -2177,7 +2177,7 @@ const Me = "[-+]?[0-9]*.?[0-9]+", kt = [
       const _ = (A = o.animation) == null ? void 0 : A[m];
       return typeof _ == "function" ? _(h) : _;
     }, C = (m, h) => {
-      if (!l.value)
+      if (!a.value)
         return;
       const _ = M("enter", m);
       r.value(m, _, {
@@ -2185,7 +2185,7 @@ const Me = "[-+]?[0-9]*.?[0-9]+", kt = [
         complete: h
       });
     }, z = (m, h) => {
-      if (!l.value)
+      if (!a.value)
         return;
       const _ = M("leave", m);
       r.value(m, _, {
@@ -2202,7 +2202,7 @@ const Me = "[-+]?[0-9]*.?[0-9]+", kt = [
       class: "d-notification-group",
       style: P(p.value)
     }, [
-      (d(), y(q(a.value), {
+      (d(), y(q(l.value), {
         name: e.animationName,
         onEnter: C,
         onLeave: z,
@@ -2215,14 +2215,14 @@ const Me = "[-+]?[0-9]*.?[0-9]+", kt = [
             style: P(H(_)),
             "data-id": _.id,
             onMouseenter: E,
-            onMouseleave: S
+            onMouseleave: $
           }, [
             F(m.$slots, "body", {
               class: T([e.classes, _.type]),
               item: _,
               close: () => j(_)
             }, () => [
-              $("div", {
+              S("div", {
                 class: T(R(_)),
                 onClick: (A) => w(_)
               }, [
@@ -2232,13 +2232,13 @@ const Me = "[-+]?[0-9]*.?[0-9]+", kt = [
                     class: "d-notification-title",
                     innerHTML: _.timer
                   }, null, 8, Rs)) : k("", !0),
-                  $("div", {
+                  S("div", {
                     class: "notification-content",
                     innerHTML: _.text
                   }, null, 8, Ms)
                 ], 64)) : (d(), f(Q, { key: 1 }, [
                   _.title ? (d(), f("div", Ns, N(_.title), 1)) : k("", !0),
-                  $("div", As, N(_.text), 1)
+                  S("div", As, N(_.text), 1)
                 ], 64))
               ], 10, Hs)
             ])
@@ -2267,8 +2267,8 @@ const Me = "[-+]?[0-9]*.?[0-9]+", kt = [
         t("click", r);
       })
     }, [
-      $("div", Os, [
-        $("div", Vs, [
+      S("div", Os, [
+        S("div", Vs, [
           o.icon ? (d(), y(q(ce), {
             key: 0,
             component: s.value,
@@ -2277,12 +2277,12 @@ const Me = "[-+]?[0-9]*.?[0-9]+", kt = [
           }, null, 8, ["component"])) : k("", !0)
         ])
       ]),
-      $("div", zs, [
-        $("div", {
+      S("div", zs, [
+        S("div", {
           class: "d-info-progress-line",
           style: P("width: " + o.progress + "%;")
         }, null, 4),
-        $("div", {
+        S("div", {
           class: "d-info-progress-label",
           innerHTML: e.label
         }, null, 8, Ps)
@@ -2309,18 +2309,18 @@ const Me = "[-+]?[0-9]*.?[0-9]+", kt = [
         t("update:modelValue", r);
       }
     });
-    return (r, l) => (d(), f("div", js, [
-      Z($("input", {
-        "onUpdate:modelValue": l[0] || (l[0] = (a) => i.value = a),
+    return (r, a) => (d(), f("div", js, [
+      Z(S("input", {
+        "onUpdate:modelValue": a[0] || (a[0] = (l) => i.value = l),
         id: `i-${B(n)}`,
         type: "checkbox",
         checked: o.checked,
         disabled: o.disabled,
-        onChange: l[1] || (l[1] = (...a) => o.change && o.change(...a))
+        onChange: a[1] || (a[1] = (...l) => o.change && o.change(...l))
       }, null, 40, Ws), [
         [Rt, i.value]
       ]),
-      $("label", {
+      S("label", {
         for: `i-${B(n)}`
       }, N(o.label), 9, Xs)
     ]));
@@ -2369,18 +2369,18 @@ const Ti = {
       }
     return (i, r) => (d(), f("div", qs, [
       o.label ? (d(), f("div", Gs, N(o.label), 1)) : k("", !0),
-      Z($("select", {
-        "onUpdate:modelValue": r[0] || (r[0] = (l) => n.value = l),
+      Z(S("select", {
+        "onUpdate:modelValue": r[0] || (r[0] = (a) => n.value = a),
         class: T(s.value),
         style: P(o.size === "wide" ? "width:100%" : ""),
         disabled: o.disabled
       }, [
-        (d(!0), f(Q, null, ue(o.options, (l, a) => (d(), f("option", {
-          key: a,
-          value: l.value,
-          selected: l.selected,
-          disabled: l.disabled
-        }, N(l.label), 9, Zs))), 128))
+        (d(!0), f(Q, null, ue(o.options, (a, l) => (d(), f("option", {
+          key: l,
+          value: a.value,
+          selected: a.selected,
+          disabled: a.disabled
+        }, N(a.label), 9, Zs))), 128))
       ], 14, Ks), [
         [qt, n.value]
       ])
@@ -2399,12 +2399,12 @@ const Js = ["title"], Qs = { class: "tab-icon" }, en = { class: "tab-label" }, t
       title: t.tab.title ? t.tab.title : "",
       style: { display: "flex", "flex-direction": "column" }
     }, [
-      $("div", Qs, [
+      S("div", Qs, [
         x(B(ce), {
           component: t.tab.icon
         }, null, 8, ["component"])
       ]),
-      $("div", en, N(t.tab.label), 1)
+      S("div", en, N(t.tab.label), 1)
     ], 8, Js)) : t.tab.label ? (d(), f("span", {
       key: 1,
       title: t.tab.title ? t.tab.title : ""
@@ -2418,7 +2418,7 @@ const Js = ["title"], Qs = { class: "tab-icon" }, en = { class: "tab-label" }, t
     ], 8, on)) : k("", !0);
   }
 }, nn = /* @__PURE__ */ ie(sn, [["__scopeId", "data-v-9262b225"]]);
-const rn = { class: "d-tabs" }, an = {
+const rn = { class: "d-tabs" }, ln = {
   __name: "DTabs",
   props: {
     tabs: Array
@@ -2426,13 +2426,13 @@ const rn = { class: "d-tabs" }, an = {
   setup(e, { expose: t }) {
     const s = Gt(e, "tabs"), n = D([]), i = D(0), r = (c) => {
       i.value = c;
-    }, l = (c) => {
+    }, a = (c) => {
       c && !n.value.includes(c) && n.value.push(c);
     };
     return t({
       refs: () => n.value
     }), (c, u) => (d(), f(Q, null, [
-      $("div", rn, [
+      S("div", rn, [
         (d(!0), f(Q, null, ue(s.value, (p, v) => (d(), y(nn, {
           index: v,
           tab: p,
@@ -2444,7 +2444,7 @@ const rn = { class: "d-tabs" }, an = {
         (d(!0), f(Q, null, ue(s.value, (p, v) => (d(), f("div", null, [
           Z((d(), y(q(p.component), {
             ref_for: !0,
-            ref: l
+            ref: a
           }, null, 512)), [
             [Zt, v === i.value]
           ])
@@ -2452,8 +2452,8 @@ const rn = { class: "d-tabs" }, an = {
       ], 1024))
     ], 64));
   }
-}, Bi = /* @__PURE__ */ ie(an, [["__scopeId", "data-v-4b44471a"]]);
-const ln = { class: "d-grid" }, dn = {
+}, Bi = /* @__PURE__ */ ie(ln, [["__scopeId", "data-v-4b44471a"]]);
+const an = { class: "d-grid" }, dn = {
   __name: "DGrid",
   props: {
     gap: {
@@ -2473,19 +2473,19 @@ const ln = { class: "d-grid" }, dn = {
   setup(e) {
     const t = e;
     Fe((u) => ({
-      "09eba472": a[0],
-      "09eba434": a[1],
-      "09eba3f6": a[2],
-      "09eba3b8": a[3],
-      "09eba37a": a[4],
-      "09eba33c": a[5],
+      "09eba472": l[0],
+      "09eba434": l[1],
+      "09eba3f6": l[2],
+      "09eba3b8": l[3],
+      "09eba37a": l[4],
+      "09eba33c": l[5],
       "898eb2ac": t.gap
     }));
-    const { colXs: o, colSm: s, colMd: n, colLg: i, colXl: r, colXxl: l } = Jt(t), a = [o.value, s.value, n.value, i.value, r.value, l.value];
+    const { colXs: o, colSm: s, colMd: n, colLg: i, colXl: r, colXxl: a } = Jt(t), l = [o.value, s.value, n.value, i.value, r.value, a.value];
     let c = null;
-    for (let u = 0; u < a.length; u++)
-      c || (c = a[0]), u > 0 && (a[u] ? c = a[u] : a[u] = c);
-    return (u, p) => (d(), f("div", ln, [
+    for (let u = 0; u < l.length; u++)
+      c || (c = l[0]), u > 0 && (l[u] ? c = l[u] : l[u] = c);
+    return (u, p) => (d(), f("div", an, [
       F(u.$slots, "default", {}, void 0, !0)
     ]));
   }
@@ -2543,21 +2543,21 @@ const un = { class: "d-textarea" }, pn = {
   setup(e, { expose: t, emit: o }) {
     const s = e, n = D(null), i = g(() => s.scale === "small" ? "d-textarea-small" : s.scale === "large" ? "d-textarea-large" : ""), r = g({
       get: () => s.modelValue,
-      set: (a) => {
-        o("update:modelValue", a);
+      set: (l) => {
+        o("update:modelValue", l);
       }
     });
     be(() => {
-      s.focus && l();
+      s.focus && a();
     });
-    const l = () => {
+    const a = () => {
       n.value.focus();
     };
     return t({
-      focus: l
-    }), (a, c) => (d(), f("div", un, [
+      focus: a
+    }), (l, c) => (d(), f("div", un, [
       s.label ? (d(), f("div", pn, N(s.label), 1)) : k("", !0),
-      Z($("textarea", {
+      Z(S("textarea", {
         ref_key: "inputRef",
         ref: n,
         "onUpdate:modelValue": c[0] || (c[0] = (u) => r.value = u),
@@ -2595,20 +2595,20 @@ const un = { class: "d-textarea" }, pn = {
         t("update:modelValue", r);
       }
     });
-    return (r, l) => (d(), f("div", {
+    return (r, a) => (d(), f("div", {
       class: T(["d-switcher", o.type])
     }, [
-      Z($("input", {
-        "onUpdate:modelValue": l[0] || (l[0] = (a) => i.value = a),
+      Z(S("input", {
+        "onUpdate:modelValue": a[0] || (a[0] = (l) => i.value = l),
         id: `i-${B(n)}`,
         type: "checkbox",
         checked: o.checked,
         disabled: o.disabled,
-        onChange: l[1] || (l[1] = (a) => t("change", a))
+        onChange: a[1] || (a[1] = (l) => t("change", l))
       }, null, 40, mn), [
         [Rt, i.value]
       ]),
-      $("label", {
+      S("label", {
         for: `i-${B(n)}`,
         class: T(o.type)
       }, "Toggle", 10, gn)
@@ -2622,17 +2622,17 @@ const un = { class: "d-textarea" }, pn = {
   */
 function fe(e) {
   let t = { r: 0, g: 0, b: 0, a: 1 };
-  /#/.test(e) ? t = yn(e) : /rgb/.test(e) ? t = St(e) : typeof e == "string" ? t = St(`rgba(${e})`) : Object.prototype.toString.call(e) === "[object Object]" && (t = e);
-  const { r: o, g: s, b: n, a: i } = t, { h: r, s: l, v: a } = bn(t);
-  return { r: o, g: s, b: n, a: i === void 0 ? 1 : i, h: r, s: l, v: a };
+  /#/.test(e) ? t = yn(e) : /rgb/.test(e) ? t = $t(e) : typeof e == "string" ? t = $t(`rgba(${e})`) : Object.prototype.toString.call(e) === "[object Object]" && (t = e);
+  const { r: o, g: s, b: n, a: i } = t, { h: r, s: a, v: l } = bn(t);
+  return { r: o, g: s, b: n, a: i === void 0 ? 1 : i, h: r, s: a, v: l };
 }
 function Ue(e) {
   const t = document.createElement("canvas"), o = t.getContext("2d"), s = e * 2;
   return t.width = s, t.height = s, o.fillStyle = "#ffffff", o.fillRect(0, 0, s, s), o.fillStyle = "#ccd5db", o.fillRect(0, 0, e, e), o.fillRect(e, e, e, e), t;
 }
 function Ve(e, t, o, s, n, i) {
-  const r = e === "l", l = t.createLinearGradient(0, 0, r ? o : 0, r ? 0 : s);
-  l.addColorStop(0.01, n), l.addColorStop(0.99, i), t.fillStyle = l, t.fillRect(0, 0, o, s);
+  const r = e === "l", a = t.createLinearGradient(0, 0, r ? o : 0, r ? 0 : s);
+  a.addColorStop(0.01, n), a.addColorStop(0.99, i), t.fillStyle = a, t.fillRect(0, 0, o, s);
 }
 function vn({ r: e, g: t, b: o }, s) {
   const n = (r) => ("0" + Number(r).toString(16)).slice(-2), i = `#${n(e)}${n(t)}${n(o)}`;
@@ -2647,7 +2647,7 @@ function yn(e) {
     b: t(e.slice(4, 6))
   };
 }
-function St(e) {
+function $t(e) {
   return typeof e == "string" ? (e = (/rgba?\((.*?)\)/.exec(e) || ["", "0,0,0,1"])[1].split(","), {
     r: Number(e[0]) || 0,
     g: Number(e[1]) || 0,
@@ -2660,10 +2660,10 @@ function bn({ r: e, g: t, b: o }) {
   const s = Math.max(e, t, o), n = Math.min(e, t, o), i = s - n;
   let r = 0;
   s === n ? r = 0 : s === e ? t >= o ? r = 60 * (t - o) / i : r = 60 * (t - o) / i + 360 : s === t ? r = 60 * (o - e) / i + 120 : s === o && (r = 60 * (e - t) / i + 240), r = Math.floor(r);
-  let l = parseFloat((s === 0 ? 0 : 1 - n / s).toFixed(2)), a = parseFloat(s.toFixed(2));
-  return { h: r, s: l, v: a };
+  let a = parseFloat((s === 0 ? 0 : 1 - n / s).toFixed(2)), l = parseFloat(s.toFixed(2));
+  return { h: r, s: a, v: l };
 }
-var qe = le({
+var qe = ae({
   props: {
     color: {
       type: String,
@@ -2706,12 +2706,12 @@ var qe = le({
     },
     selectSaturation(e) {
       const { top: t, left: o } = this.$el.getBoundingClientRect(), s = e.target.getContext("2d"), n = (r) => {
-        let l = r.clientX - o, a = r.clientY - t;
-        l < 0 && (l = 0), a < 0 && (a = 0), l > this.size && (l = this.size), a > this.size && (a = this.size), this.slideSaturationStyle = {
-          left: l - 5 + "px",
-          top: a - 5 + "px"
+        let a = r.clientX - o, l = r.clientY - t;
+        a < 0 && (a = 0), l < 0 && (l = 0), a > this.size && (a = this.size), l > this.size && (l = this.size), this.slideSaturationStyle = {
+          left: a - 5 + "px",
+          top: l - 5 + "px"
         };
-        const c = s.getImageData(Math.min(l, this.size - 1), Math.min(a, this.size - 1), 1, 1), [u, p, v] = c.data;
+        const c = s.getImageData(Math.min(a, this.size - 1), Math.min(l, this.size - 1), 1, 1), [u, p, v] = c.data;
         this.$emit("selectSaturation", { r: u, g: p, b: v });
       };
       n(e);
@@ -2755,7 +2755,7 @@ function kn(e, t, o, s, n, i) {
 }
 qe.render = kn;
 qe.__file = "src/color/Saturation.vue";
-var Ge = le({
+var Ge = ae({
   props: {
     hsv: {
       type: Object,
@@ -2797,8 +2797,8 @@ var Ge = le({
         r < 0 && (r = 0), r > this.height && (r = this.height), this.slideHueStyle = {
           top: r - 2 + "px"
         };
-        const l = o.getImageData(0, Math.min(r, this.height - 1), 1, 1), [a, c, u] = l.data;
-        this.$emit("selectHue", { r: a, g: c, b: u });
+        const a = o.getImageData(0, Math.min(r, this.height - 1), 1, 1), [l, c, u] = a.data;
+        this.$emit("selectHue", { r: l, g: c, b: u });
       };
       s(e);
       const n = () => {
@@ -2808,8 +2808,8 @@ var Ge = le({
     }
   }
 });
-const $n = { ref: "canvasHue" };
-function Sn(e, t, o, s, n, i) {
+const Sn = { ref: "canvasHue" };
+function $n(e, t, o, s, n, i) {
   return d(), y(
     "div",
     {
@@ -2819,7 +2819,7 @@ function Sn(e, t, o, s, n, i) {
     [
       x(
         "canvas",
-        $n,
+        Sn,
         null,
         512
         /* NEED_PATCH */
@@ -2839,9 +2839,9 @@ function Sn(e, t, o, s, n, i) {
     /* HYDRATE_EVENTS */
   );
 }
-Ge.render = Sn;
+Ge.render = $n;
 Ge.__file = "src/color/Hue.vue";
-var Ke = le({
+var Ke = ae({
   props: {
     color: {
       type: String,
@@ -2936,7 +2936,7 @@ function wn(e, t, o, s, n, i) {
 }
 Ke.render = wn;
 Ke.__file = "src/color/Alpha.vue";
-var Ze = le({
+var Ze = ae({
   props: {
     color: {
       type: String,
@@ -2976,7 +2976,7 @@ function Cn(e, t, o, s, n, i) {
 }
 Ze.render = Cn;
 Ze.__file = "src/color/Preview.vue";
-var Je = le({
+var Je = ae({
   props: {
     suckerCanvas: {
       type: Object,
@@ -3007,11 +3007,11 @@ var Je = le({
       e.keyCode === 27 && (this.isOpenSucker = !1, this.isSucking = !1, this.$emit("openSucker", !1), document.removeEventListener("keydown", this.keydownHandler), document.removeEventListener("mousemove", this.mousemoveHandler), document.removeEventListener("mouseup", this.mousemoveHandler), this.suckerPreview && (document.body.removeChild(this.suckerPreview), this.suckerPreview = null));
     },
     mousemoveHandler(e) {
-      const { clientX: t, clientY: o } = e, { top: s, left: n, width: i, height: r } = this.suckerCanvas.getBoundingClientRect(), l = t - n, a = o - s, u = this.suckerCanvas.getContext("2d").getImageData(Math.min(l, i - 1), Math.min(a, r - 1), 1, 1);
+      const { clientX: t, clientY: o } = e, { top: s, left: n, width: i, height: r } = this.suckerCanvas.getBoundingClientRect(), a = t - n, l = o - s, u = this.suckerCanvas.getContext("2d").getImageData(Math.min(a, i - 1), Math.min(l, r - 1), 1, 1);
       let [p, v, w, E] = u.data;
       E = parseFloat((E / 255).toFixed(2));
-      const S = this.suckerPreview.style;
-      Object.assign(S, {
+      const $ = this.suckerPreview.style;
+      Object.assign($, {
         position: "absolute",
         left: t + 20 + "px",
         top: o - 36 + "px",
@@ -3026,13 +3026,13 @@ var Je = le({
       t >= this.suckerArea[0] && // @ts-ignore
       o >= this.suckerArea[1] && // @ts-ignore
       t <= this.suckerArea[2] && // @ts-ignore
-      o <= this.suckerArea[3] ? S.display = "" : S.display = "none";
+      o <= this.suckerArea[3] ? $.display = "" : $.display = "none";
     },
     suckColor(e) {
       e && e.tagName !== "CANVAS" || (this.suckerPreview = document.createElement("div"), this.suckerPreview && document.body.appendChild(this.suckerPreview), document.addEventListener("mousemove", this.mousemoveHandler), document.addEventListener("mouseup", this.mousemoveHandler), e.addEventListener("click", (t) => {
-        const { clientX: o, clientY: s } = t, { top: n, left: i, width: r, height: l } = e.getBoundingClientRect(), a = o - i, c = s - n, p = e.getContext("2d").getImageData(Math.min(a, r - 1), Math.min(c, l - 1), 1, 1);
-        let [v, w, E, S] = p.data;
-        S = parseFloat((S / 255).toFixed(2)), this.$emit("selectSucker", { r: v, g: w, b: E, a: S });
+        const { clientX: o, clientY: s } = t, { top: n, left: i, width: r, height: a } = e.getBoundingClientRect(), l = o - i, c = s - n, p = e.getContext("2d").getImageData(Math.min(l, r - 1), Math.min(c, a - 1), 1, 1);
+        let [v, w, E, $] = p.data;
+        $ = parseFloat(($ / 255).toFixed(2)), this.$emit("selectSucker", { r: v, g: w, b: E, a: $ });
       }));
     }
   }
@@ -3105,7 +3105,7 @@ function Bn(e, t, o, s, n, i) {
 }
 Je.render = Bn;
 Je.__file = "src/color/Sucker.vue";
-var Qe = le({
+var Qe = ae({
   props: {
     name: {
       type: String,
@@ -3164,7 +3164,7 @@ function Fn(e, t, o, s, n, i) {
 }
 Qe.render = Fn;
 Qe.__file = "src/color/Box.vue";
-var et = le({
+var et = ae({
   name: "ColorPicker",
   props: {
     color: {
@@ -3186,14 +3186,14 @@ var et = le({
     e.colorsHistoryKey && localStorage && (s.value = JSON.parse(localStorage.getItem(e.colorsHistoryKey)) || []), n.value = Ue(4).toDataURL(), Ft(() => {
       i(o.value);
     });
-    function i(l) {
-      if (!l)
+    function i(a) {
+      if (!a)
         return;
-      const a = s.value || [], c = a.indexOf(l);
-      c >= 0 && a.splice(c, 1), a.length >= 8 && (a.length = 7), a.unshift(l), s.value = a || [], localStorage && e.colorsHistoryKey && localStorage.setItem(e.colorsHistoryKey, JSON.stringify(a));
+      const l = s.value || [], c = l.indexOf(a);
+      c >= 0 && l.splice(c, 1), l.length >= 8 && (l.length = 7), l.unshift(a), s.value = l || [], localStorage && e.colorsHistoryKey && localStorage.setItem(e.colorsHistoryKey, JSON.stringify(l));
     }
-    function r(l) {
-      t("selectColor", l);
+    function r(a) {
+      t("selectColor", a);
     }
     return {
       setColorsHistory: i,
@@ -3217,7 +3217,7 @@ function Mn(e, t, o, s, n, i) {
         ue(e.colorsDefault, (r) => (d(), y("li", {
           key: r,
           class: "item",
-          onClick: (l) => e.selectColor(r)
+          onClick: (a) => e.selectColor(r)
         }, [
           x(
             "div",
@@ -3251,7 +3251,7 @@ function Mn(e, t, o, s, n, i) {
         ue(e.colorsHistory, (r) => (d(), y("li", {
           key: r,
           class: "item",
-          onClick: (l) => e.selectColor(r)
+          onClick: (a) => e.selectColor(r)
         }, [
           x(
             "div",
@@ -3282,7 +3282,7 @@ function Mn(e, t, o, s, n, i) {
 }
 et.render = Mn;
 et.__file = "src/color/Colors.vue";
-var ye = le({
+var ye = ae({
   components: {
     Saturation: qe,
     Hue: Ge,
@@ -3424,14 +3424,14 @@ var ye = le({
       this.a = e, this.setText();
     },
     inputHex(e) {
-      const { r: t, g: o, b: s, a: n, h: i, s: r, v: l } = fe(e);
-      Object.assign(this, { r: t, g: o, b: s, a: n, h: i, s: r, v: l }), this.modelHex = e, this.modelRgba = this.rgbaStringShort, this.$nextTick(() => {
+      const { r: t, g: o, b: s, a: n, h: i, s: r, v: a } = fe(e);
+      Object.assign(this, { r: t, g: o, b: s, a: n, h: i, s: r, v: a }), this.modelHex = e, this.modelRgba = this.rgbaStringShort, this.$nextTick(() => {
         this.$refs.saturation.renderColor(), this.$refs.saturation.renderSlide(), this.$refs.hue.renderSlide();
       });
     },
     inputRgba(e) {
-      const { r: t, g: o, b: s, a: n, h: i, s: r, v: l } = fe(e);
-      Object.assign(this, { r: t, g: o, b: s, a: n, h: i, s: r, v: l }), this.modelHex = this.hexString, this.modelRgba = e, this.$nextTick(() => {
+      const { r: t, g: o, b: s, a: n, h: i, s: r, v: a } = fe(e);
+      Object.assign(this, { r: t, g: o, b: s, a: n, h: i, s: r, v: a }), this.modelHex = this.hexString, this.modelRgba = e, this.$nextTick(() => {
         this.$refs.saturation.renderColor(), this.$refs.saturation.renderSlide(), this.$refs.hue.renderSlide();
       });
     },
@@ -3442,14 +3442,14 @@ var ye = le({
       this.$emit("openSucker", e);
     },
     selectSucker(e) {
-      const { r: t, g: o, b: s, a: n, h: i, s: r, v: l } = fe(e);
-      Object.assign(this, { r: t, g: o, b: s, a: n, h: i, s: r, v: l }), this.setText(), this.$nextTick(() => {
+      const { r: t, g: o, b: s, a: n, h: i, s: r, v: a } = fe(e);
+      Object.assign(this, { r: t, g: o, b: s, a: n, h: i, s: r, v: a }), this.setText(), this.$nextTick(() => {
         this.$refs.saturation.renderColor(), this.$refs.saturation.renderSlide(), this.$refs.hue.renderSlide();
       });
     },
     selectColor(e) {
-      const { r: t, g: o, b: s, a: n, h: i, s: r, v: l } = fe(e);
-      Object.assign(this, { r: t, g: o, b: s, a: n, h: i, s: r, v: l }), this.setText(), this.$nextTick(() => {
+      const { r: t, g: o, b: s, a: n, h: i, s: r, v: a } = fe(e);
+      Object.assign(this, { r: t, g: o, b: s, a: n, h: i, s: r, v: a }), this.setText(), this.$nextTick(() => {
         this.$refs.saturation.renderColor(), this.$refs.saturation.renderSlide(), this.$refs.hue.renderSlide();
       });
     }
@@ -3457,7 +3457,7 @@ var ye = le({
 });
 const Nn = { class: "color-set" };
 function An(e, t, o, s, n, i) {
-  const r = de("Saturation"), l = de("Hue"), a = de("Alpha"), c = de("Preview"), u = de("Sucker"), p = de("Box"), v = de("Colors");
+  const r = de("Saturation"), a = de("Hue"), l = de("Alpha"), c = de("Preview"), u = de("Sucker"), p = de("Box"), v = de("Colors");
   return d(), y(
     "div",
     {
@@ -3473,14 +3473,14 @@ function An(e, t, o, s, n, i) {
           size: e.hueHeight,
           onSelectSaturation: e.selectSaturation
         }, null, 8, ["color", "hsv", "size", "onSelectSaturation"]),
-        x(l, {
+        x(a, {
           ref: "hue",
           hsv: e.hsv,
           width: e.hueWidth,
           height: e.hueHeight,
           onSelectHue: e.selectHue
         }, null, 8, ["hsv", "width", "height", "onSelectHue"]),
-        x(a, {
+        x(l, {
           ref: "alpha",
           color: e.rgbString,
           rgba: e.rgba,
@@ -3620,7 +3620,7 @@ const Kn = new Gn(), J = {
 };
 class Zn {
   validate(t, o) {
-    var n, i, r, l, a, c, u, p, v, w, E, S, V, U;
+    var n, i, r, a, l, c, u, p, v, w, E, $, V, U;
     let s = "";
     if (o) {
       let R = !1;
@@ -3631,16 +3631,16 @@ class Zn {
               s = J.RulesUrl.validate(t, "https") || t.length === 0 ? "" : J.RulesUrl.message("url", (n = o[H]) != null && n.message ? (i = o[H]) == null ? void 0 : i.message : "url_incorrect"), R = s !== "";
               break;
             case "required":
-              s = J.RulesRequired.validate(t) ? "" : J.RulesRequired.message((r = o[H]) != null && r.message ? (l = o[H]) == null ? void 0 : l.message : "required"), R = s !== "";
+              s = J.RulesRequired.validate(t) ? "" : J.RulesRequired.message((r = o[H]) != null && r.message ? (a = o[H]) == null ? void 0 : a.message : "required"), R = s !== "";
               break;
             case "min":
-              s = J.RulesMin.validate(t, (a = o[H]) == null ? void 0 : a.value) ? "" : J.RulesMin.message((c = o[H]) != null && c.message ? (u = o[H]) == null ? void 0 : u.message : "very_small"), R = s !== "";
+              s = J.RulesMin.validate(t, (l = o[H]) == null ? void 0 : l.value) ? "" : J.RulesMin.message((c = o[H]) != null && c.message ? (u = o[H]) == null ? void 0 : u.message : "very_small"), R = s !== "";
               break;
             case "max":
               s = J.RulesMax.validate(t, (p = o[H]) == null ? void 0 : p.value) ? "" : J.RulesMax.message((v = o[H]) != null && v.message ? (w = o[H]) == null ? void 0 : w.message : "vary_large"), R = s !== "";
               break;
             case "email":
-              s = J.RulesEmail.validate(t) ? "" : J.RulesMax.message((E = o[H]) != null && E.message ? (S = o[H]) == null ? void 0 : S.message : "email_incorrect"), R = s !== "";
+              s = J.RulesEmail.validate(t) ? "" : J.RulesMax.message((E = o[H]) != null && E.message ? ($ = o[H]) == null ? void 0 : $.message : "email_incorrect"), R = s !== "";
               break;
             case "number":
               s = J.RulesNumber.validate(t) ? "" : J.RulesNumber.message(
@@ -3658,26 +3658,26 @@ const Jn = new Zn(), Qn = { style: { display: "flex", "flex-direction": "column"
 }, ti = {
   key: 0,
   class: "text-red"
-}, oi = { style: { display: "flex", "flex-direction": "row" } }, si = { style: { flex: "1", position: "relative" } }, ni = /* @__PURE__ */ $("svg", {
+}, oi = { style: { display: "flex", "flex-direction": "row" } }, si = { style: { flex: "1", position: "relative" } }, ni = /* @__PURE__ */ S("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24"
 }, [
-  /* @__PURE__ */ $("path", {
+  /* @__PURE__ */ S("path", {
     d: "M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12L19 6.41z",
     fill: "currentColor"
   })
 ], -1), ii = [
   ni
-], ri = ["id", "type", "placeholder", "disabled"], ai = /* @__PURE__ */ $("svg", {
+], ri = ["id", "type", "placeholder", "disabled"], li = /* @__PURE__ */ S("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24"
 }, [
-  /* @__PURE__ */ $("path", {
+  /* @__PURE__ */ S("path", {
     d: "M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12L19 6.41z",
     fill: "currentColor"
   })
-], -1), li = [
-  ai
+], -1), ai = [
+  li
 ], di = {
   key: 1,
   class: "d-help"
@@ -3708,9 +3708,9 @@ const Jn = new Zn(), Qn = { style: { display: "flex", "flex-direction": "column"
   },
   emits: ["update:modelValue", "input", "blur"],
   setup(e, { expose: t, emit: o }) {
-    const s = e, n = D(s.error), i = Qt(), r = D(!1), l = D(null);
+    const s = e, n = D(s.error), i = Qt(), r = D(!1), a = D(null);
     //!props.form ? ref(null) : props.form.fields[props.name].ref
-    const a = g({
+    const l = g({
       get: () => s.modelValue,
       //props.form?.fields[props.name].model.value,
       set: (R) => {
@@ -3720,17 +3720,17 @@ const Jn = new Zn(), Qn = { style: { display: "flex", "flex-direction": "column"
       o("input", R), v();
     }, v = () => {
       if (!(!s.form || !s.form.fields || !s.form.fields[s.name].rules))
-        return n.value = Jn.validate(a.value, s.form.fields[s.name].rules), !!n.value;
+        return n.value = Jn.validate(l.value, s.form.fields[s.name].rules), !!n.value;
     };
     be(() => {
       w();
     });
     const w = () => {
       var R;
-      (R = l.value) == null || R.focus();
+      (R = a.value) == null || R.focus();
     }, E = () => {
-      a.value = "";
-    }, S = (R) => {
+      l.value = "";
+    }, $ = (R) => {
       r.value = R;
     }, V = (R) => {
       n.value = R;
@@ -3742,16 +3742,16 @@ const Jn = new Zn(), Qn = { style: { display: "flex", "flex-direction": "column"
       setError: V,
       validate: v
     }), (R, H) => {
-      var j, L, W, M, C, z, X, m, h, _, A, re, ke, $e, Se, xe, oe, we, pe, Ce, He, _e, st, nt, it, rt, at, lt, dt, ct, ut, pt, ft, ht, mt, gt, vt, yt, bt;
+      var j, L, W, M, C, z, X, m, h, _, A, re, ke, Se, $e, xe, oe, we, pe, Ce, He, _e, st, nt, it, rt, lt, at, dt, ct, ut, pt, ft, ht, mt, gt, vt, yt, bt;
       return d(), f("div", {
         class: T(["d-input-string", u.value])
       }, [
-        $("div", Qn, [
+        S("div", Qn, [
           s.label ? (d(), f("div", ei, [
             G(N(s.label), 1),
             (j = s.form) != null && j.fields[s.name].rules && s.form.fields[s.name].rules.hasOwnProperty("required") ? (d(), f("span", ti, "*")) : k("", !0)
           ])) : k("", !0),
-          $("div", oi, [
+          S("div", oi, [
             (W = (L = s.pre) == null ? void 0 : L.outside) != null && W.component ? (d(), f("div", {
               key: 0,
               class: T(["d-pre", s.disabled ? "disabled" : ""])
@@ -3761,30 +3761,30 @@ const Jn = new Zn(), Qn = { style: { display: "flex", "flex-direction": "column"
               key: 1,
               class: T(["d-pre", s.disabled ? "disabled" : ""])
             }, [
-              $("div", {
+              S("div", {
                 class: T(["d-text", r.value ? "focused" : ""])
               }, N((h = (m = s.pre) == null ? void 0 : m.outside) == null ? void 0 : h.text), 3)
             ], 2)) : k("", !0),
-            $("div", si, [
-              (A = (_ = s.pre) == null ? void 0 : _.inside) != null && A.action && ((ke = (re = s.pre) == null ? void 0 : re.inside) == null ? void 0 : ke.action) === "clear" && (($e = a.value) == null ? void 0 : $e.length) > 0 ? (d(), f("div", {
+            S("div", si, [
+              (A = (_ = s.pre) == null ? void 0 : _.inside) != null && A.action && ((ke = (re = s.pre) == null ? void 0 : re.inside) == null ? void 0 : ke.action) === "clear" && ((Se = l.value) == null ? void 0 : Se.length) > 0 ? (d(), f("div", {
                 key: 0,
                 class: "d-pre-inside-button",
                 onClick: E
               }, ii)) : k("", !0),
-              Z($("input", {
+              Z(S("input", {
                 id: B(i),
                 ref_key: "inputRef",
-                ref: l,
-                "onUpdate:modelValue": H[0] || (H[0] = (Re) => a.value = Re),
+                ref: a,
+                "onUpdate:modelValue": H[0] || (H[0] = (Re) => l.value = Re),
                 style: { width: "100%" },
                 type: c.value,
                 placeholder: s.placeholder,
                 onInput: p,
-                onFocus: H[1] || (H[1] = (Re) => S(!0)),
+                onFocus: H[1] || (H[1] = (Re) => $(!0)),
                 onBlur: U,
-                onFocusout: H[2] || (H[2] = (Re) => S(!1)),
+                onFocusout: H[2] || (H[2] = (Re) => $(!1)),
                 class: T([
-                  (xe = (Se = s.pre) == null ? void 0 : Se.outside) != null && xe.component || (we = (oe = s.pre) == null ? void 0 : oe.outside) != null && we.text ? "has-pre" : "",
+                  (xe = ($e = s.pre) == null ? void 0 : $e.outside) != null && xe.component || (we = (oe = s.pre) == null ? void 0 : oe.outside) != null && we.text ? "has-pre" : "",
                   (Ce = (pe = s.post) == null ? void 0 : pe.outside) != null && Ce.component || (_e = (He = s.post) == null ? void 0 : He.outside) != null && _e.text ? "has-post" : "",
                   (nt = (st = s.pre) == null ? void 0 : st.inside) != null && nt.action ? "has-pre-inside-button" : "",
                   (rt = (it = s.post) == null ? void 0 : it.inside) != null && rt.action ? "has-post-inside-button" : "",
@@ -3792,13 +3792,13 @@ const Jn = new Zn(), Qn = { style: { display: "flex", "flex-direction": "column"
                 ]),
                 disabled: s.disabled
               }, null, 42, ri), [
-                [Be, a.value]
+                [Be, l.value]
               ]),
-              (lt = (at = s.post) == null ? void 0 : at.inside) != null && lt.action && ((ct = (dt = s.post) == null ? void 0 : dt.inside) == null ? void 0 : ct.action) === "clear" && ((ut = a.value) == null ? void 0 : ut.length) > 0 ? (d(), f("div", {
+              (at = (lt = s.post) == null ? void 0 : lt.inside) != null && at.action && ((ct = (dt = s.post) == null ? void 0 : dt.inside) == null ? void 0 : ct.action) === "clear" && ((ut = l.value) == null ? void 0 : ut.length) > 0 ? (d(), f("div", {
                 key: 1,
                 class: "d-post-inside-button",
                 onClick: E
-              }, li)) : k("", !0)
+              }, ai)) : k("", !0)
             ]),
             (ft = (pt = s.post) == null ? void 0 : pt.outside) != null && ft.component ? (d(), f("div", {
               key: 2,
@@ -3809,7 +3809,7 @@ const Jn = new Zn(), Qn = { style: { display: "flex", "flex-direction": "column"
               key: 3,
               class: T(["d-post", s.disabled ? "disabled" : ""])
             }, [
-              $("div", {
+              S("div", {
                 class: T(["d-text", r.value ? "focused" : ""])
               }, N((bt = (yt = s.post) == null ? void 0 : yt.outside) == null ? void 0 : bt.text), 3)
             ], 2)) : k("", !0)
@@ -3829,22 +3829,34 @@ const pi = { style: { "text-align": "center" } }, Ri = {
     format: {
       type: String,
       default: "rgba"
+    },
+    title: {
+      type: String,
+      default: "Выбор цвета"
+    },
+    close: {
+      type: String,
+      default: "Закрыть"
+    },
+    select: {
+      type: String,
+      default: "Выбрать"
     }
   },
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
     const o = e;
     Fe((p) => ({
-      aff54402: s.value
+      c187db06: s.value
     }));
     const s = g({
       get: () => o.modelValue,
       set: (p) => {
         t("update:modelValue", p);
       }
-    }), n = D(null), i = D(s), r = D(null), l = (p) => {
+    }), n = D(null), i = D(s), r = D(null), a = (p) => {
       r.value = o.format === "rgba" ? p.rgba : p.hex;
-    }, a = () => {
+    }, l = () => {
       n.value.show();
     }, c = {
       outside: {
@@ -3864,7 +3876,7 @@ const pi = { style: { "text-align": "center" } }, Ri = {
         label: o.label,
         modelValue: s.value,
         "onUpdate:modelValue": v[0] || (v[0] = (w) => s.value = w),
-        onClick: a
+        onClick: l
       }, null, 8, ["label", "modelValue"]),
       x(Ye, {
         ref_key: "modalRef",
@@ -3873,23 +3885,23 @@ const pi = { style: { "text-align": "center" } }, Ri = {
         "max-width": "250px"
       }, {
         "modal-title": I(() => [
-          G("Выбор цвета")
+          G(N(o.title), 1)
         ]),
         default: I(() => [
           x(B(ye), {
             theme: B(he).getters.theme(),
             color: i.value,
             "sucker-hide": !0,
-            onChangeColor: l
+            onChangeColor: a
           }, null, 8, ["theme", "color"])
         ]),
         "modal-footer": I(() => [
-          $("div", pi, [
+          S("div", pi, [
             x(te, {
               onClick: v[1] || (v[1] = (w) => n.value.hide())
             }, {
               default: I(() => [
-                G("Закрыть")
+                G(N(o.close), 1)
               ]),
               _: 1
             }),
@@ -3898,7 +3910,7 @@ const pi = { style: { "text-align": "center" } }, Ri = {
               onClick: u
             }, {
               default: I(() => [
-                G("Выбрать")
+                G(N(o.select), 1)
               ]),
               _: 1
             })
@@ -4020,12 +4032,12 @@ function Te(e) {
     t.touchMoved = Math.abs(t.startX - t.currentX) > i || Math.abs(t.startY - t.currentY) > i, t.touchMoved && (ot(t), se(e, this, "drag.once"));
   }
   if (ee(this, "rollover") && n) {
-    var l = e.timeStamp, a = t.options.rollOverFrequency;
-    (t.touchRollTime == null || l > t.touchRollTime + a) && (t.touchRollTime = l, se(e, this, "rollover"));
+    var a = e.timeStamp, l = t.options.rollOverFrequency;
+    (t.touchRollTime == null || a > t.touchRollTime + l) && (t.touchRollTime = a, se(e, this, "rollover"));
   }
   if (ee(this, "drag") && t.touchStarted && t.touchMoved && n) {
-    var l = e.timeStamp, a = t.options.dragFrequency;
-    (t.touchDragTime == null || l > t.touchDragTime + a) && (t.touchDragTime = l, se(e, this, "drag"));
+    var a = e.timeStamp, l = t.options.dragFrequency;
+    (t.touchDragTime == null || a > t.touchDragTime + l) && (t.touchDragTime = a, se(e, this, "drag"));
   }
 }
 function xt() {
@@ -4039,8 +4051,8 @@ function Le(e) {
   if (ot(t), t.touchStarted = !1, tt(this), !(s && t.lastTouchEndTime && e.timeStamp - t.lastTouchEndTime < 350))
     if (se(e, this, "release"), t.touchMoved) {
       if (t.hasSwipe && !t.swipeOutBounded) {
-        var i = t.options.swipeTolerance, r, l = Math.abs(t.startY - t.currentY), a = Math.abs(t.startX - t.currentX);
-        (l > i || a > i) && (l > i ? r = t.startY > t.currentY ? "top" : "bottom" : r = t.startX > t.currentX ? "left" : "right", ee(this, "swipe." + r) ? se(e, this, "swipe." + r, r) : se(e, this, "swipe", r));
+        var i = t.options.swipeTolerance, r, a = Math.abs(t.startY - t.currentY), l = Math.abs(t.startX - t.currentX);
+        (a > i || l > i) && (a > i ? r = t.startY > t.currentY ? "top" : "bottom" : r = t.startX > t.currentX ? "left" : "right", ee(this, "swipe." + r) ? se(e, this, "swipe." + r, r) : se(e, this, "swipe", r));
       }
     } else if (ee(this, "longtap") && e.timeStamp - t.touchStartTime > t.options.longTapTimeInterval)
       e.cancelable && e.preventDefault(), se(e, this, "longtap");
@@ -4065,8 +4077,8 @@ function se(e, t, o, s) {
   if (i == null || i.length === 0)
     return null;
   for (var r = 0; r < i.length; r++) {
-    var l = i[r];
-    l.modifiers.stop && e.stopPropagation(), l.modifiers.prevent && e.preventDefault(), !(l.modifiers.self && e.target !== e.currentTarget) && typeof l.value == "function" && (s ? l.value(s, e) : l.value(e));
+    var a = i[r];
+    a.modifiers.stop && e.stopPropagation(), a.modifiers.prevent && e.preventDefault(), !(a.modifiers.self && e.target !== e.currentTarget) && typeof a.value == "function" && (s ? a.value(s, e) : a.value(e));
   }
 }
 function Wt(e) {
@@ -4103,8 +4115,8 @@ const zi = {
         if (i.left || i.right || i.top || i.bottom) {
           for (let r in t.modifiers)
             if (["left", "right", "top", "bottom"].indexOf(r) >= 0) {
-              let l = "swipe." + r;
-              o.callbacks[l] = o.callbacks[l] || [], o.callbacks[l].push(t);
+              let a = "swipe." + r;
+              o.callbacks[a] = o.callbacks[a] || [], o.callbacks[a].push(t);
             }
         } else
           o.callbacks.swipe = o.callbacks.swipe || [], o.callbacks.swipe.push(t);
@@ -4124,7 +4136,7 @@ const zi = {
 export {
   yi as DAccordion,
   fs as DAlertDialog,
-  So as DBadge,
+  $o as DBadge,
   te as DButton,
   xi as DCard,
   Di as DCheckbox,
@@ -4137,7 +4149,7 @@ export {
   Ti as DDialogProvider,
   _t as DDrag,
   Wo as DDrop,
-  Si as DDropdown,
+  $i as DDropdown,
   Mi as DForm,
   he as DGlobalStore,
   Ii as DGrid,
@@ -4157,7 +4169,7 @@ export {
   Ye as DModal,
   wi as DNotificationProvider,
   _s as DPanel,
-  $i as DScroll,
+  Si as DScroll,
   ki as DScrollProvider,
   Li as DSelect,
   Hi as DSwitcher,