doph-js 0.3.29 → 0.3.30

package/dist/dophJs.js

@@ -1,4 +1,4 @@
-import { useSlots as nt, computed as $, h as ft, openBlock as d, createBlock as A, unref as z, ref as R, createElementBlock as y, Fragment as Se, normalizeClass as Q, renderSlot as q, createCommentVNode as V, normalizeStyle as ae, resolveDynamicComponent as ke, createStaticVNode as wn, onMounted as Pe, toDisplayString as K, withDirectives as $e, createElementVNode as D, vModelDynamic as ct, withCtx as X, createTextVNode as pe, Transition as Ht, withModifiers as de, resolveComponent as Be, resolveDirective as Bt, normalizeProps as $n, guardReactiveProps as Cn, createVNode as B, renderList as De, pushScopeId as Dn, popScopeId as En, reactive as mt, Teleport as Tn, nextTick as An, getCurrentInstance as Rt, watch as vt, onUnmounted as Ln, mergeProps as qe, useCssVars as gt, shallowRef as cr, defineComponent as Ie, TransitionGroup as Fn, vModelCheckbox as In, vModelSelect as dr, toRef as fr, KeepAlive as pr, vShow as hr, toRefs as mr, vModelText as Ot } from "vue";
+import { useSlots as nt, computed as $, h as ft, openBlock as d, createBlock as L, unref as z, ref as R, createElementBlock as y, Fragment as Se, normalizeClass as Q, renderSlot as q, createCommentVNode as V, normalizeStyle as ae, resolveDynamicComponent as ke, createStaticVNode as wn, onMounted as Pe, toDisplayString as K, withDirectives as $e, createElementVNode as D, vModelDynamic as ct, withCtx as X, createTextVNode as pe, Transition as Ht, withModifiers as de, resolveComponent as Be, resolveDirective as Bt, normalizeProps as $n, guardReactiveProps as Cn, createVNode as B, renderList as De, pushScopeId as Dn, popScopeId as En, reactive as mt, Teleport as Tn, nextTick as An, getCurrentInstance as Rt, watch as vt, onUnmounted as Ln, mergeProps as qe, useCssVars as gt, shallowRef as cr, defineComponent as Ie, TransitionGroup as Fn, vModelCheckbox as In, vModelSelect as dr, toRef as fr, KeepAlive as pr, vShow as hr, toRefs as mr, vModelText as Ot } from "vue";
 const Oe = {
   __name: "DIcon",
   props: {
@@ -29,7 +29,7 @@ const Oe = {
       },
       e.component ? ft(e.component) : n
     ));
-    return (l, a) => (d(), A(z(i)));
+    return (l, a) => (d(), L(z(i)));
   }
 }, Te = {
   state: {},
@@ -124,7 +124,7 @@ const Le = (t, e) => {
       n("click", b);
     }, a = (b) => {
       n("contextmenu", b);
-    }, p = $(() => r.scale === "large" ? "button-lg" : r.scale === "small" ? "button-sm" : ""), h = $(() => r.disabled ? "disabled" : ""), m = (b) => !!o[b], g = $(() => m("default") ? "" : r.scale === "large" ? "d-button-lg-icon" : r.scale === "small" ? "d-button-sm-icon" : "d-button-icon"), L = $(() => {
+    }, p = $(() => r.scale === "large" ? "button-lg" : r.scale === "small" ? "button-sm" : ""), h = $(() => r.disabled ? "disabled" : ""), m = (b) => !!o[b], g = $(() => m("default") ? "" : r.scale === "large" ? "d-button-lg-icon" : r.scale === "small" ? "d-button-sm-icon" : "d-button-icon"), E = $(() => {
       const b = r.outline ? "-outline" : "";
       return r.type === "primary" ? `button${b}-blue` : r.type === "success" ? `button${b}-green` : r.type === "error" ? `button${b}-red` : r.type === "warning" ? `button${b}-orange` : r.type === "wait" ? `button${b}-violet` : r.outline ? `button${b}` : "";
     });
@@ -137,7 +137,7 @@ const Le = (t, e) => {
         ref: s,
         onClick: l,
         onContextmenu: a,
-        class: Q(["button", [r.class, p.value, L.value, h.value].join(" ")])
+        class: Q(["button", [r.class, p.value, E.value, h.value].join(" ")])
       }, [
         q(b.$slots, "default", {}, void 0, !0),
         r.loading ? (d(), y("svg", vr, yr)) : V("", !0)
@@ -148,10 +148,10 @@ const Le = (t, e) => {
         ref: s,
         onClick: l,
         onContextmenu: a,
-        class: Q(["button button-ext", [r.class, p.value, g.value, L.value, h.value].join(" ")]),
+        class: Q(["button button-ext", [r.class, p.value, g.value, E.value, h.value].join(" ")]),
         style: ae(r.style)
       }, [
-        r.icon ? (d(), A(ke(Oe), {
+        r.icon ? (d(), L(ke(Oe), {
           key: 0,
           component: i.value,
           color: "inherit"
@@ -241,7 +241,7 @@ const Le = (t, e) => {
             [ct, i.value]
           ])
         ]),
-        r.post.label ? (d(), A(xe, {
+        r.post.label ? (d(), L(xe, {
           key: 0,
           scale: r.scale,
           class: Q(["d-input-post-button", r.post.class]),
@@ -252,7 +252,7 @@ const Le = (t, e) => {
             pe(K(r.post.label), 1)
           ]),
           _: 1
-        }, 8, ["scale", "onClick", "icon", "class"])) : (d(), A(xe, {
+        }, 8, ["scale", "onClick", "icon", "class"])) : (d(), L(xe, {
           key: 1,
           scale: r.scale,
           class: Q(["d-input-post-button", r.post.class]),
@@ -263,7 +263,7 @@ const Le = (t, e) => {
     ])) : !r.post && r.pre && r.pre.click ? (d(), y("div", Fr, [
       r.label ? (d(), y("div", Ir, K(r.label), 1)) : V("", !0),
       D("div", Mr, [
-        r.pre.label ? (d(), A(xe, {
+        r.pre.label ? (d(), L(xe, {
           key: 0,
           scale: r.scale,
           class: Q(["d-input-pre-button", r.pre.class]),
@@ -274,7 +274,7 @@ const Le = (t, e) => {
             pe(K(r.pre.label), 1)
           ]),
           _: 1
-        }, 8, ["scale", "onClick", "icon", "class"])) : (d(), A(xe, {
+        }, 8, ["scale", "onClick", "icon", "class"])) : (d(), L(xe, {
           key: 1,
           scale: r.scale,
           class: Q(["d-input-pre-button", r.pre.class]),
@@ -362,8 +362,8 @@ const Le = (t, e) => {
       let { height: m } = getComputedStyle(a);
       return a.style.width = p.width, a.style.position = p.position, a.style.visibility = p.visibility, a.style.height = Me, a.style.overflow = "hidden", p.height && p.height !== Me ? p.height : m;
     }, o = (a, p, h, m, g) => {
-      const L = a.animate(m, g);
-      a.style.height = p.height, L.onfinish = () => {
+      const E = a.animate(m, g);
+      a.style.height = p.height, E.onfinish = () => {
         a.style.overflow = p.overflow, h();
       };
     }, s = (a, p) => [
@@ -388,15 +388,15 @@ const Le = (t, e) => {
         marginBottom: p.marginBottom
       }
     ], i = (a, p) => {
-      const h = a, m = n(h), g = r(h, m), L = s(g, m), C = { duration: e.duration, easing: e.easingEnter };
-      o(h, m, p, L, C);
+      const h = a, m = n(h), g = r(h, m), E = s(g, m), C = { duration: e.duration, easing: e.easingEnter };
+      o(h, m, p, E, C);
     }, l = (a, p) => {
       const h = a, m = n(h), { height: g } = getComputedStyle(h);
       h.style.height = g, h.style.overflow = "hidden";
-      const L = s(g, m).reverse(), C = { duration: e.duration, easing: e.easingLeave };
-      o(h, m, p, L, C);
+      const E = s(g, m).reverse(), C = { duration: e.duration, easing: e.easingLeave };
+      o(h, m, p, E, C);
     };
-    return (a, p) => (d(), A(Ht, {
+    return (a, p) => (d(), L(Ht, {
       css: !1,
       onEnter: i,
       onLeave: l
@@ -451,7 +451,7 @@ const Le = (t, e) => {
         e.transferData !== void 0 && (pt.data = e.transferData, a.dataTransfer.setData("text", "")), r.value = !0;
       }
     };
-    return (l, a) => (d(), A(ke(t.tag), {
+    return (l, a) => (d(), L(ke(t.tag), {
       draggable: e.draggable,
       onDrag: a[0] || (a[0] = (p) => i(z(be).drag, p)),
       onDragstart: a[1] || (a[1] = de((p) => i(z(be).dragstart, p), ["stop"])),
@@ -504,7 +504,7 @@ const Le = (t, e) => {
       e("nodefoldericonclick", Y);
     }, g = (Y) => {
       e("nodeclick", Y);
-    }, L = (Y) => {
+    }, E = (Y) => {
       e("nodedoubleclick", Y);
     }, C = (Y) => {
       e("nodedrop", Y);
@@ -537,9 +537,9 @@ const Le = (t, e) => {
         return !1;
       const ee = Y.y, le = r.value.getBoundingClientRect().top, w = r.value.getBoundingClientRect().height, _ = w / 3;
       ee > le && ee <= le + _ ? (o.value = !1, s.value = !0, i.value = !1) : ee < le + w && ee >= le + w - _ ? (o.value = !1, s.value = !1, i.value = !0) : (o.value = I.state.trees[n.treeId].dropInside, s.value = !1, i.value = !1);
-    }, T = () => {
+    }, A = () => {
       o.value = !1, s.value = !1, i.value = !1;
-    }, E = $(() => n.model.title.startsWith("-")), j = $(() => {
+    }, T = $(() => n.model.title.startsWith("-")), j = $(() => {
       if (n.model.title.startsWith("-")) {
         let [Y, ...U] = n.model.title.split(" ");
         return U = U.join(" "), U;
@@ -548,9 +548,9 @@ const Le = (t, e) => {
     });
     return (Y, U) => {
       const ee = Be("d-tree-item", !0), le = Bt("touch");
-      return z(I).actions.beforeItem(n.treeId, t.model) ? E.value && !j.value ? (d(), y("li", Ur, Xr)) : E.value && j.value ? (d(), y("li", Yr, [
+      return z(I).actions.beforeItem(n.treeId, t.model) ? T.value && !j.value ? (d(), y("li", Ur, Xr)) : T.value && j.value ? (d(), y("li", Yr, [
         D("div", Gr, K(z(I).actions.renderTitle(n.treeId, j.value)), 1)
-      ])) : n.model.component ? (d(), A(dn, {
+      ])) : n.model.component ? (d(), L(dn, {
         key: 3,
         tag: "li",
         class: "tree-item-component",
@@ -560,7 +560,7 @@ const Le = (t, e) => {
         onDragenter: U[1] || (U[1] = de(() => {
         }, ["prevent"])),
         onDragover: de(S, ["prevent", "stop"]),
-        onDragleave: de(T, ["prevent"])
+        onDragleave: de(A, ["prevent"])
       }, {
         default: X(() => [
           $e((d(), y("div", {
@@ -569,13 +569,13 @@ const Le = (t, e) => {
             class: Q(O.value),
             onContextmenu: U[0] || (U[0] = de((w) => e("nodecontext", { e: w, model: n.model }), ["prevent"]))
           }, [
-            (d(), A(ke(z(Ke).getters.getComponent(n.model.component).component), $n(Cn(z(Ke).getters.getComponent(n.model.component).props)), null, 16))
+            (d(), L(ke(z(Ke).getters.getComponent(n.model.component).component), $n(Cn(z(Ke).getters.getComponent(n.model.component).props)), null, 16))
           ], 34)), [
             [le, p, "press"]
           ])
         ]),
         _: 1
-      }, 8, ["transfer-data", "draggable", "onDrop", "onDragover", "onDragleave"])) : (d(), A(dn, {
+      }, 8, ["transfer-data", "draggable", "onDrop", "onDragover", "onDragleave"])) : (d(), L(dn, {
         key: 4,
         tag: "li",
         class: "tree-item",
@@ -585,7 +585,7 @@ const Le = (t, e) => {
         onDragenter: U[4] || (U[4] = de(() => {
         }, ["prevent"])),
         onDragover: de(S, ["prevent", "stop"]),
-        onDragleave: de(T, ["prevent"])
+        onDragleave: de(A, ["prevent"])
       }, {
         default: X(() => {
           var w, _;
@@ -599,7 +599,7 @@ const Le = (t, e) => {
               onContextmenu: U[3] || (U[3] = de((M) => e("nodecontext", { e: M, model: n.model }), ["prevent"]))
             }, [
               D("div", null, [
-                n.model.icons && n.model.icons.pre && l.value && !n.search && !E.value ? (d(), A(ke(Oe), {
+                n.model.icons && n.model.icons.pre && l.value && !n.search && !T.value ? (d(), L(ke(Oe), {
                   key: 0,
                   component: z(Te).getters.getIcon(n.model.icons.pre.component),
                   size: 18,
@@ -607,14 +607,14 @@ const Le = (t, e) => {
                   class: Q(a.value ? "tree-open-pre" : ""),
                   onPointerdownCapture: h
                 }, null, 40, ["component", "color", "class"])) : V("", !0),
-                n.model.icons && n.model.icons.pre && !l.value && !n.search && !E.value ? (d(), A(ke(Oe), {
+                n.model.icons && n.model.icons.pre && !l.value && !n.search && !T.value ? (d(), L(ke(Oe), {
                   key: 1,
                   component: z(Te).getters.getIcon(n.model.icons.pre.component),
                   size: 18,
                   color: "rgba(0,0,0,0)",
                   class: Q(a.value ? "tree-open-pre" : "")
                 }, null, 8, ["component", "class"])) : V("", !0),
-                n.model.icons && n.model.icons.icon && !E.value ? (d(), A(ke(Oe), {
+                n.model.icons && n.model.icons.icon && !T.value ? (d(), L(ke(Oe), {
                   key: 2,
                   component: z(Te).getters.getIcon(n.model.icons.icon.component),
                   color: n.model.icons.icon.color ? n.model.icons.icon.color : "inherit",
@@ -622,19 +622,19 @@ const Le = (t, e) => {
                   className: n.model.icons.icon.class ? n.model.icons.icon.class : null
                 }, null, 8, ["component", "color", "size", "className"])) : V("", !0),
                 D("div", qr, [
-                  E.value ? (d(), y("div", Kr)) : V("", !0),
-                  !E.value && Object.hasOwn(n.model, "link") ? (d(), y("a", {
+                  T.value ? (d(), y("div", Kr)) : V("", !0),
+                  !T.value && Object.hasOwn(n.model, "link") ? (d(), y("a", {
                     key: 1,
                     href: n.model.link,
                     target: Object.hasOwn(n.model, "target") ? n.model.target : "_self"
                   }, [
-                    E.value ? V("", !0) : (d(), y("div", Jr, K(z(I).actions.renderTitle(n.treeId, n.model.title)), 1))
+                    T.value ? V("", !0) : (d(), y("div", Jr, K(z(I).actions.renderTitle(n.treeId, n.model.title)), 1))
                   ], 8, Zr)) : V("", !0),
-                  !E.value && !Object.hasOwn(n.model, "link") ? (d(), y("div", Qr, K(z(I).actions.renderTitle(n.treeId, n.model.title)), 1)) : V("", !0)
+                  !T.value && !Object.hasOwn(n.model, "link") ? (d(), y("div", Qr, K(z(I).actions.renderTitle(n.treeId, n.model.title)), 1)) : V("", !0)
                 ])
               ]),
               D("div", eo, [
-                ((w = n.model.badge) == null ? void 0 : w.value) !== void 0 && !E.value ? (d(), A(ke(Rr), {
+                ((w = n.model.badge) == null ? void 0 : w.value) !== void 0 && !T.value ? (d(), L(ke(Rr), {
                   key: 0,
                   class: Q([(_ = n.model.badge) == null ? void 0 : _.class, "badge-sm"])
                 }, {
@@ -643,7 +643,7 @@ const Le = (t, e) => {
                   ]),
                   _: 1
                 }, 8, ["class"])) : V("", !0),
-                n.model.icons && n.model.icons.post && l.value && !n.search && !E.value ? (d(), A(ke(Oe), {
+                n.model.icons && n.model.icons.post && l.value && !n.search && !T.value ? (d(), L(ke(Oe), {
                   key: 1,
                   component: z(Te).getters.getIcon(n.model.icons.post.component),
                   size: 20,
@@ -656,14 +656,14 @@ const Le = (t, e) => {
             B(Or, null, {
               default: X(() => [
                 l.value && a.value && !n.search ? (d(), y("ul", to, [
-                  (d(!0), y(Se, null, De(t.model.children, (M) => (d(), A(ee, {
+                  (d(!0), y(Se, null, De(t.model.children, (M) => (d(), L(ee, {
                     key: M.id,
                     model: M,
                     treeId: n.treeId,
                     items: n.items,
                     search: n.search,
                     onNodeclick: g,
-                    onNodedoubleclick: L,
+                    onNodedoubleclick: E,
                     onNodedrop: C,
                     onNodecontext: b,
                     onNodefoldericonclick: m
@@ -844,7 +844,7 @@ const we = oo(), I = {
     };
     return e({
       elementSize: () => Mn(s)
-    }), (h, m) => (d(), A(ke(t.tag), {
+    }), (h, m) => (d(), L(ke(t.tag), {
       ref_key: "el",
       ref: s,
       onDragenter: m[0] || (m[0] = (g) => a(z(be).dragenter, g)),
@@ -897,10 +897,10 @@ const we = oo(), I = {
     const m = (g) => {
       n("select", g), g.model.children || l();
     };
-    return (g, L) => {
+    return (g, E) => {
       const C = Bt("click-outside");
-      return d(), A(Tn, { to: "body" }, [
-        z(s) ? $e((d(), A(Hn, {
+      return d(), L(Tn, { to: "body" }, [
+        z(s) ? $e((d(), L(Hn, {
           key: 0,
           ref_key: "treeRef",
           ref: o,
@@ -931,15 +931,15 @@ const we = oo(), I = {
       top: i.value + "px"
     })), a = (h) => {
       h.preventDefault(), o.value.show(), An(() => {
-        const m = o.value.elementSize(), g = window.innerWidth, L = window.innerHeight;
-        s.value = g - h.pageX < m.width ? h.pageX - m.width : h.pageX, i.value = L - h.pageY < m.height ? h.pageY - m.height : h.pageY, o.value.itemsCount() === 0 && o.value.hide();
+        const m = o.value.elementSize(), g = window.innerWidth, E = window.innerHeight;
+        s.value = g - h.pageX < m.width ? h.pageX - m.width : h.pageX, i.value = E - h.pageY < m.height ? h.pageY - m.height : h.pageY, o.value.itemsCount() === 0 && o.value.hide();
       });
     }, p = (h) => {
       n("select", h);
     };
     return e({
       show: a
-    }), (h, m) => (d(), A(Vn, {
+    }), (h, m) => (d(), L(Vn, {
       ref_key: "dMenuRef",
       ref: o,
       onSelect: p,
@@ -1018,7 +1018,7 @@ const we = oo(), I = {
       I.mutations.setItemSelect(l, _.model), r.doubleClickExpand || I.actions.toggleItem(l, _.model), n("select", _);
     }, g = (_ = null) => {
       r.doubleClickExpand && I.actions.toggleItem(l, _.model), n("doubleclick", _);
-    }, L = (_ = null) => {
+    }, E = (_ = null) => {
       r.doubleClickExpand && I.actions.toggleItem(l, _.model), n("foldericonclick", _);
     }, C = (_ = null) => {
       n("over", _);
@@ -1030,8 +1030,8 @@ const we = oo(), I = {
     }, P = () => {
       for (let _ = 0; _ < r.items.length; _++)
         r.items[_].expanded = !1;
-    }, S = () => l, T = (_) => I.actions.deepSearch(r.items, _), E = (_) => {
-      T(_) && I.mutations.setItemSelect(l, T(_));
+    }, S = () => l, A = (_) => I.actions.deepSearch(r.items, _), T = (_) => {
+      A(_) && I.mutations.setItemSelect(l, A(_));
     }, j = (_) => {
       r.contextClick({ e: _.e, model: _.model, target: i.value });
     }, Y = (_) => r.contextBeforeClick({ model: _, target: i.value }), U = $(() => r.context), ee = (_) => (U.value && (i.value = _.model, s.value.show(_.e)), !1), le = () => w(p.value), w = (_) => {
@@ -1045,11 +1045,11 @@ const we = oo(), I = {
       expandAll: W,
       collapseAll: P,
       getId: S,
-      getNode: T,
-      selectNode: E,
+      getNode: A,
+      selectNode: T,
       itemsCount: le,
       expandNode: h
-    }), (_, M) => (d(), A(so, {
+    }), (_, M) => (d(), L(so, {
       ref_key: "treeRef",
       ref: o,
       class: "tree",
@@ -1057,7 +1057,7 @@ const we = oo(), I = {
       onDrop: de(a, ["stop"])
     }, {
       default: X(() => [
-        (d(!0), y(Se, null, De(p.value, (Z) => (d(), A(ro, {
+        (d(!0), y(Se, null, De(p.value, (Z) => (d(), L(ro, {
           key: Z.id,
           model: Z,
           treeId: z(l),
@@ -1068,9 +1068,9 @@ const we = oo(), I = {
           onNodedragover: C,
           onNodedrop: b,
           onNodecontext: ee,
-          onNodefoldericonclick: L
+          onNodefoldericonclick: E
         }, null, 8, ["model", "treeId", "items", "search"]))), 128)),
-        U.value ? (d(), A(io, {
+        U.value ? (d(), L(io, {
           key: 0,
           ref_key: "contextTreeRef",
           ref: s,
@@ -1098,7 +1098,7 @@ const we = oo(), I = {
     const n = t, r = (o) => {
       e("move", o);
     };
-    return (o, s) => (d(), A(Hn, {
+    return (o, s) => (d(), L(Hn, {
       class: "accordion",
       items: n.items,
       "no-select": n.noSelect,
@@ -1445,39 +1445,39 @@ const mo = 1001, vo = 999, go = 998, Ga = {
   emits: ["update:sidebar-collapse", "sidebar-mask-click"],
   setup(t, { emit: e }) {
     const n = t, r = $(() => n.useMinWidthLayout ? `min-width:${n.minWidth}px;` : ""), o = $(() => n.useMinWidthLayout && (n.fixedHeaderAndTab || n.fixedFooter)), s = ho(o), i = $(() => n.fixedHeaderAndTab ? s.value : ""), l = $(() => n.fixedFooter ? s.value : ""), a = $(() => {
-      const { transitionDuration: E, transitionTimingFunction: j } = n;
+      const { transitionDuration: T, transitionTimingFunction: j } = n;
       return {
-        transitionDuration: E,
+        transitionDuration: T,
         transitionTimingFunction: j
       };
     }), p = $(() => n.mode === "vertical"), h = $(() => n.isMobile || p.value ? 1003 : 1e3), m = $({
       get() {
         return n.sidebarCollapse;
       },
-      set(E) {
-        e("update:sidebar-collapse", E);
+      set(T) {
+        e("update:sidebar-collapse", T);
       }
     });
     function g() {
       e("sidebar-mask-click");
     }
-    const L = $(() => n.isMobile && !m.value), C = $(() => {
-      const { transitionDuration: E, transitionTimingFunction: j } = n;
-      return `background-color:${n.maskBg};transition-duration:${E}ms;transition-timing-function:${j};`;
+    const E = $(() => n.isMobile && !m.value), C = $(() => {
+      const { transitionDuration: T, transitionTimingFunction: j } = n;
+      return `background-color:${n.maskBg};transition-duration:${T}ms;transition-timing-function:${j};`;
     }), b = $(() => {
-      const { sidebarWidth: E, sidebarCollapsedWidth: j } = n, Y = n.isMobile ? 0 : j, U = m.value ? Y : E;
+      const { sidebarWidth: T, sidebarCollapsedWidth: j } = n, Y = n.isMobile ? 0 : j, U = m.value ? Y : T;
       return n.sidebarVisible ? U : 0;
     }), O = $(() => n.isMobile ? 0 : b.value), W = $(() => p.value ? O.value : 0), P = $(
       () => !n.isMobile && !p.value && n.headerVisible ? n.headerHeight : 0
     ), S = $(() => {
-      let E = 0;
-      return n.fixedHeaderAndTab && (n.headerVisible && (E += n.headerHeight), n.tabVisible && (E += n.tabHeight)), E;
-    }), T = $(() => n.fixedFooter && n.footerVisible ? n.footerHeight : 0);
-    return (E, j) => (d(), y("div", {
+      let T = 0;
+      return n.fixedHeaderAndTab && (n.headerVisible && (T += n.headerHeight), n.tabVisible && (T += n.tabHeight)), T;
+    }), A = $(() => n.fixedFooter && n.footerVisible ? n.footerHeight : 0);
+    return (T, j) => (d(), y("div", {
       class: "d-layout",
       style: ae(r.value)
     }, [
-      t.headerVisible ? (d(), A(lo, qe({ key: 0 }, a.value, {
+      t.headerVisible ? (d(), L(lo, qe({ key: 0 }, a.value, {
         fixed: t.fixedHeaderAndTab,
         "z-index": mo,
         "min-width": t.minWidth,
@@ -1486,11 +1486,11 @@ const mo = 1001, vo = 999, go = 998, Ga = {
         style: i.value
       }), {
         default: X(() => [
-          q(E.$slots, "header")
+          q(T.$slots, "header")
         ]),
         _: 3
       }, 16, ["fixed", "min-width", "height", "padding-left", "style"])) : V("", !0),
-      t.tabVisible ? (d(), A(uo, qe({ key: 1 }, a.value, {
+      t.tabVisible ? (d(), L(uo, qe({ key: 1 }, a.value, {
         fixed: t.fixedHeaderAndTab,
         "z-index": vo,
         "min-width": t.minWidth,
@@ -1500,21 +1500,21 @@ const mo = 1001, vo = 999, go = 998, Ga = {
         style: i.value
       }), {
         default: X(() => [
-          q(E.$slots, "tab")
+          q(T.$slots, "tab")
         ]),
         _: 3
       }, 16, ["fixed", "min-width", "top", "height", "padding-left", "style"])) : V("", !0),
-      t.sidebarVisible ? (d(), A(fo, qe({ key: 2 }, a.value, {
+      t.sidebarVisible ? (d(), L(fo, qe({ key: 2 }, a.value, {
         "z-index": h.value,
         width: b.value,
         "padding-top": P.value
       }), {
         default: X(() => [
-          q(E.$slots, "sidebar")
+          q(T.$slots, "sidebar")
         ]),
         _: 3
       }, 16, ["z-index", "width", "padding-top"])) : V("", !0),
-      L.value ? (d(), y("div", {
+      E.value ? (d(), y("div", {
         key: 3,
         class: "d-layout-sidebar-mask",
         style: ae(C.value),
@@ -1522,16 +1522,16 @@ const mo = 1001, vo = 999, go = 998, Ga = {
       }, null, 4)) : V("", !0),
       B(po, qe(a.value, {
         "padding-top": S.value,
-        "padding-bottom": T.value,
+        "padding-bottom": A.value,
         "padding-left": O.value,
         "overflow-hidden": t.addMainOverflowHidden
       }), {
         default: X(() => [
-          q(E.$slots, "default")
+          q(T.$slots, "default")
         ]),
         _: 3
       }, 16, ["padding-top", "padding-bottom", "padding-left", "overflow-hidden"]),
-      t.footerVisible ? (d(), A(co, qe({ key: 4 }, a.value, {
+      t.footerVisible ? (d(), L(co, qe({ key: 4 }, a.value, {
         fixed: t.fixedFooter,
         "z-index": go,
         "min-width": t.minWidth,
@@ -1540,7 +1540,7 @@ const mo = 1001, vo = 999, go = 998, Ga = {
         style: l.value
       }), {
         default: X(() => [
-          q(E.$slots, "footer")
+          q(T.$slots, "footer")
         ]),
         _: 3
       }, 16, ["fixed", "min-width", "height", "padding-left", "style"])) : V("", !0)
@@ -1657,7 +1657,7 @@ const mo = 1001, vo = 999, go = 998, Ga = {
       hide: l
     }), (a, p) => {
       const h = Bt("keydown");
-      return d(), A(Tn, { to: "body" }, [
+      return d(), L(Tn, { to: "body" }, [
         B(Ht, { name: "fade" }, {
           default: X(() => [
             s.value ? $e((d(), y("div", {
@@ -1734,9 +1734,9 @@ const $o = Ie({
   }
 });
 function Co(t, e, n, r, o, s) {
-  return d(), A(Ht, $n(Cn(t.transitionAttrs)), {
+  return d(), L(Ht, $n(Cn(t.transitionAttrs)), {
     default: X(() => [
-      t.dialogRef && t.dialogRef.wrapper === t.name ? (d(), A(ke(t.dialogRef.dialog), qe({ key: 0 }, t.dialogRef.props, { ref: "dialogInstance" }), null, 16)) : V("", !0)
+      t.dialogRef && t.dialogRef.wrapper === t.name ? (d(), L(ke(t.dialogRef.dialog), qe({ key: 0 }, t.dialogRef.props, { ref: "dialogInstance" }), null, 16)) : V("", !0)
     ]),
     _: 1
   }, 16);
@@ -1839,8 +1839,8 @@ const Eo = { style: { display: "flex", "flex-direction": "row", "justify-content
   },
   emits: ["select", "click"],
   setup(t, { expose: e, emit: n }) {
-    const r = t, o = nt(), s = R(null), i = R(null), l = R(0), a = R(0), p = (L) => {
-      if (n("click", L), s.value.isShowed()) {
+    const r = t, o = nt(), s = R(null), i = R(null), l = R(0), a = R(0), p = (E) => {
+      if (n("click", E), s.value.isShowed()) {
         s.value.hide();
         return;
       }
@@ -1848,15 +1848,15 @@ const Eo = { style: { display: "flex", "flex-direction": "row", "justify-content
         const C = s.value.elementSize(), b = i.value.elementSize(), O = window.innerWidth, W = window.innerHeight;
         l.value = O - (b.x + b.width) < C.width ? b.left - C.width + b.width : b.left, a.value = W - (b.y + b.height) < C.height ? b.top - C.height - 5 : b.height + b.top + 5;
       });
-    }, h = (L) => {
-      n("select", L);
+    }, h = (E) => {
+      n("select", E);
     }, m = $(() => ({ left: l.value + "px", top: a.value + "px", position: r.bodyAsParent ? "absolute" : "fixed", ...r.menuStyle }));
     e({
       show: p
     });
-    const g = (L) => !!o[L];
-    return (L, C) => (d(), y("div", Fo, [
-      g("default") ? (d(), A(xe, {
+    const g = (E) => !!o[E];
+    return (E, C) => (d(), y("div", Fo, [
+      g("default") ? (d(), L(xe, {
         key: 0,
         ref_key: "buttonRef",
         ref: i,
@@ -1866,10 +1866,10 @@ const Eo = { style: { display: "flex", "flex-direction": "row", "justify-content
         type: r.type
       }, {
         default: X(() => [
-          q(L.$slots, "default")
+          q(E.$slots, "default")
         ]),
         _: 3
-      }, 8, ["class", "icon", "onClick", "type"])) : (d(), A(xe, {
+      }, 8, ["class", "icon", "onClick", "type"])) : (d(), L(xe, {
         key: 1,
         ref_key: "buttonRef",
         ref: i,
@@ -1907,7 +1907,7 @@ const Ho = /* @__PURE__ */ Le(Io, [["render", Vo]]), Bo = {
 }, Qa = {
   __name: "DCard",
   setup(t) {
-    return (e, n) => (d(), A(Ho, { class: "d-card" }, {
+    return (e, n) => (d(), L(Ho, { class: "d-card" }, {
       default: X(() => [
         e.$slots.header ? (d(), y("div", Bo, [
           q(e.$slots, "header")
@@ -2011,7 +2011,7 @@ const At = "[-+]?[0-9]*.?[0-9]+", fn = [
     }, o = () => {
       e("after-leave");
     };
-    return (s, i) => (d(), A(Fn, {
+    return (s, i) => (d(), L(Fn, {
       tag: "span",
       css: !1,
       onEnter: n,
@@ -2033,7 +2033,7 @@ const At = "[-+]?[0-9]*.?[0-9]+", fn = [
   },
   setup(t) {
     const e = t;
-    return (n, r) => (d(), A(Fn, {
+    return (n, r) => (d(), L(Fn, {
       tag: "span",
       name: e.name
     }, {
@@ -2124,8 +2124,8 @@ const At = "[-+]?[0-9]*.?[0-9]+", fn = [
         width: M + Z
       };
       return _ && (me[_] = "0px"), w && (w === "center" ? me.left = `calc(50% - ${+M / 2}${Z})` : me[w] = "0px"), me;
-    }), g = $(() => "bottom" in m.value), L = (w) => {
-      e("click", w), n.closeOnClick && T(w);
+    }), g = $(() => "bottom" in m.value), E = (w) => {
+      e("click", w), n.closeOnClick && A(w);
     }, C = () => {
       var w;
       n.pauseOnHover && ((w = s.value) == null || w.pause());
@@ -2149,24 +2149,24 @@ const At = "[-+]?[0-9]*.?[0-9]+", fn = [
         length: _ + 2 * M,
         data: J
       };
-      _ >= 0 && (s.value = new No(() => T(fe), fe.length, fe));
+      _ >= 0 && (s.value = new No(() => A(fe), fe.length, fe));
       const Ye = n.reverse ? !g.value : g.value;
       let Ge = -1;
       const Je = p.value.some((Qe) => Qe.title === w.title && Qe.text === w.text);
-      (!Z || !Je) && (Ye ? (o.value.push(fe), e("start", fe), p.value.length > n.max && (Ge = 0)) : (o.value.unshift(fe), e("start", fe), p.value.length > n.max && (Ge = p.value.length - 1)), Ge !== -1 && T(p.value[Ge]));
+      (!Z || !Je) && (Ye ? (o.value.push(fe), e("start", fe), p.value.length > n.max && (Ge = 0)) : (o.value.unshift(fe), e("start", fe), p.value.length > n.max && (Ge = p.value.length - 1)), Ge !== -1 && A(p.value[Ge]));
     }, W = (w) => {
-      E(w);
+      T(w);
     }, P = (w) => [
       "d-notification-template",
       n.classes,
       w.type || ""
-    ], S = (w) => l.value ? void 0 : { transition: `all ${w.speed}ms` }, T = (w) => {
+    ], S = (w) => l.value ? void 0 : { transition: `all ${w.speed}ms` }, A = (w) => {
       clearTimeout(w.timer), w.state = r.DESTROYED, le(), e("destroy", w);
-    }, E = (w) => {
+    }, T = (w) => {
       const _ = o.value.find((M) => M.id === w);
-      _ && T(_);
+      _ && A(_);
     }, j = () => {
-      p.value.forEach(T);
+      p.value.forEach(A);
     }, Y = (w, _) => {
       var Z;
       const M = (Z = n.animation) == null ? void 0 : Z[w];
@@ -2197,7 +2197,7 @@ const At = "[-+]?[0-9]*.?[0-9]+", fn = [
       class: "d-notification-group",
       style: ae(m.value)
     }, [
-      (d(), A(ke(a.value), {
+      (d(), L(ke(a.value), {
         name: t.animationName,
         onEnter: U,
         onLeave: ee,
@@ -2215,11 +2215,11 @@ const At = "[-+]?[0-9]*.?[0-9]+", fn = [
             q(w.$slots, "body", {
               class: Q([t.classes, M.type]),
               item: M,
-              close: () => T(M)
+              close: () => A(M)
             }, () => [
               D("div", {
                 class: Q(P(M)),
-                onClick: (Z) => L(M)
+                onClick: (Z) => E(M)
               }, [
                 t.dangerouslySetInnerHtml ? (d(), y(Se, { key: 0 }, [
                   M.title ? (d(), y("div", {
@@ -2264,7 +2264,7 @@ const At = "[-+]?[0-9]*.?[0-9]+", fn = [
     }, [
       D("div", ts, [
         D("div", ns, [
-          n.icon ? (d(), A(ke(Oe), {
+          n.icon ? (d(), L(ke(Oe), {
             key: 0,
             component: r.value,
             color: "inherit",
@@ -2330,7 +2330,7 @@ async function us(t, e) {
 const rl = {
   __name: "DDialogProvider",
   setup(t) {
-    return window.alert = us, window.confirm = ls, (e, n) => (d(), A(z(Do)));
+    return window.alert = us, window.confirm = ls, (e, n) => (d(), L(z(Do)));
   }
 }, cs = { class: "d-select" }, ds = {
   key: 0,
@@ -2437,16 +2437,16 @@ const rl = {
       }
     }), (m, g) => (d(), y(Se, null, [
       D("div", xs, [
-        (d(!0), y(Se, null, De(r.value, (L, C) => (d(), A(_s, {
+        (d(!0), y(Se, null, De(r.value, (E, C) => (d(), L(_s, {
           index: C,
-          tab: L,
+          tab: E,
           class: Q(["d-tab-title", C === s.value ? "active" : ""]),
           onClick: (b) => i(C)
         }, null, 8, ["index", "tab", "class", "onClick"]))), 256))
       ]),
-      (d(), A(pr, null, [
-        (d(!0), y(Se, null, De(r.value, (L, C) => (d(), y("div", null, [
-          $e((d(), A(ke(L.component), {
+      (d(), L(pr, null, [
+        (d(!0), y(Se, null, De(r.value, (E, C) => (d(), y("div", null, [
+          $e((d(), L(ke(E.component), {
             ref_for: !0,
             ref: l
           }, null, 512)), [
@@ -2547,7 +2547,7 @@ const rl = {
       (d(!0), y(Se, null, De(n.columns, (s, i) => (d(), y("td", {
         key: `${s.key}-${i}`
       }, [
-        s.render ? (d(), A(ke(s.render(n.item, n.index)), { key: 0 })) : (d(), y("span", Cs, K(n.item[s.key]), 1))
+        s.render ? (d(), L(ke(s.render(n.item, n.index)), { key: 0 })) : (d(), y("span", Cs, K(n.item[s.key]), 1))
       ]))), 128))
     ]));
   }
@@ -2617,7 +2617,7 @@ const rl = {
           ])
         ]),
         D("tbody", null, [
-          (d(!0), y(Se, null, De(z(G).getters.getItems(), (i, l) => (d(), A(Ds, {
+          (d(!0), y(Se, null, De(z(G).getters.getItems(), (i, l) => (d(), L(Ds, {
             item: i,
             index: l,
             columns: n.columns,
@@ -2695,8 +2695,8 @@ const rl = {
   setup(t, { expose: e, emit: n }) {
     const r = t, o = R(null), s = $(() => r.scale === "small" ? "d-textarea-small" : r.scale === "large" ? "d-textarea-large" : ""), i = $({
       get: () => r.modelValue,
-      set: (h) => {
-        n("update:modelValue", h);
+      set: (m) => {
+        n("update:modelValue", m);
       }
     });
     Pe(() => {
@@ -2707,18 +2707,21 @@ const rl = {
     }, a = () => {
       o.value.style.height = "auto";
     }, p = () => {
+      o.value.style.height = `${o.value.scrollHeight}px`;
+    }, h = () => {
       r.autoHeight && (o.value.style.resize = "none", o.value.style.overflow = "hidden", o.value.style.minHeight = r.minHeight, o.value.style.maxHeight = r.maxHeight, o.value.style.height = "auto", o.value.style.height = `${o.value.scrollHeight}px`);
     };
     return e({
       focus: l,
-      reset: a
-    }), (h, m) => (d(), y("div", Rs, [
+      reset: a,
+      update: p
+    }), (m, g) => (d(), y("div", Rs, [
       r.label ? (d(), y("div", Os, K(r.label), 1)) : V("", !0),
       $e(D("textarea", {
         ref_key: "inputRef",
         ref: o,
-        "onUpdate:modelValue": m[0] || (m[0] = (g) => i.value = g),
-        onInput: p,
+        "onUpdate:modelValue": g[0] || (g[0] = (E) => i.value = E),
+        onInput: h,
         rows: r.rows,
         cols: r.cols,
         placeholder: r.placeholder,
@@ -2730,7 +2733,7 @@ const rl = {
       ])
     ]));
   }
-}, ll = /* @__PURE__ */ Le(Ns, [["__scopeId", "data-v-7796d2fd"]]), zs = ["id", "checked", "disabled"], js = ["for"], ul = {
+}, ll = /* @__PURE__ */ Le(Ns, [["__scopeId", "data-v-a42d87ac"]]), zs = ["id", "checked", "disabled"], js = ["for"], ul = {
   __name: "DSwitcher",
   props: {
     modelValue: Boolean,
@@ -2882,7 +2885,7 @@ var zt = Ie({
 });
 const Ys = { ref: "canvasSaturation" };
 function Gs(t, e, n, r, o, s) {
-  return d(), A(
+  return d(), L(
     "div",
     {
       class: "saturation",
@@ -2968,7 +2971,7 @@ var jt = Ie({
 });
 const qs = { ref: "canvasHue" };
 function Ks(t, e, n, r, o, s) {
-  return d(), A(
+  return d(), L(
     "div",
     {
       class: "hue",
@@ -3063,7 +3066,7 @@ var Ut = Ie({
 });
 const Zs = { ref: "canvasAlpha" };
 function Js(t, e, n, r, o, s) {
-  return d(), A(
+  return d(), L(
     "div",
     {
       class: "color-alpha",
@@ -3130,7 +3133,7 @@ var Wt = Ie({
   }
 });
 function Qs(t, e, n, r, o, s) {
-  return d(), A("canvas");
+  return d(), L("canvas");
 }
 Wt.render = Qs;
 Wt.__file = "src/color/Preview.vue";
@@ -3166,7 +3169,7 @@ var Xt = Ie({
     },
     mousemoveHandler(t) {
       const { clientX: e, clientY: n } = t, { top: r, left: o, width: s, height: i } = this.suckerCanvas.getBoundingClientRect(), l = e - o, a = n - r, h = this.suckerCanvas.getContext("2d").getImageData(Math.min(l, s - 1), Math.min(a, i - 1), 1, 1);
-      let [m, g, L, C] = h.data;
+      let [m, g, E, C] = h.data;
       C = parseFloat((C / 255).toFixed(2));
       const b = this.suckerPreview.style;
       Object.assign(b, {
@@ -3178,7 +3181,7 @@ var Xt = Ie({
         borderRadius: "50%",
         border: "2px solid #fff",
         boxShadow: "0 0 8px 0 rgba(0, 0, 0, 0.16)",
-        background: `rgba(${m}, ${g}, ${L}, ${C})`,
+        background: `rgba(${m}, ${g}, ${E}, ${C})`,
         zIndex: 95
       }), this.suckerArea.length && // @ts-ignore
       e >= this.suckerArea[0] && // @ts-ignore
@@ -3189,8 +3192,8 @@ var Xt = Ie({
     suckColor(t) {
       t && t.tagName !== "CANVAS" || (this.suckerPreview = document.createElement("div"), this.suckerPreview && document.body.appendChild(this.suckerPreview), document.addEventListener("mousemove", this.mousemoveHandler), document.addEventListener("mouseup", this.mousemoveHandler), t.addEventListener("click", (e) => {
         const { clientX: n, clientY: r } = e, { top: o, left: s, width: i, height: l } = t.getBoundingClientRect(), a = n - s, p = r - o, m = t.getContext("2d").getImageData(Math.min(a, i - 1), Math.min(p, l - 1), 1, 1);
-        let [g, L, C, b] = m.data;
-        b = parseFloat((b / 255).toFixed(2)), this.$emit("selectSucker", { r: g, g: L, b: C, a: b });
+        let [g, E, C, b] = m.data;
+        b = parseFloat((b / 255).toFixed(2)), this.$emit("selectSucker", { r: g, g: E, b: C, a: b });
       }));
     }
   }
@@ -3240,8 +3243,8 @@ const ei = /* @__PURE__ */ B(
   /* HOISTED */
 );
 function ri(t, e, n, r, o, s) {
-  return d(), A("div", null, [
-    t.isSucking ? V("v-if", !0) : (d(), A(
+  return d(), L("div", null, [
+    t.isSucking ? V("v-if", !0) : (d(), L(
       "svg",
       {
         key: 0,
@@ -3256,7 +3259,7 @@ function ri(t, e, n, r, o, s) {
       2
       /* CLASS */
     )),
-    t.isSucking ? (d(), A("svg", ti, [
+    t.isSucking ? (d(), L("svg", ti, [
       ni
     ])) : V("v-if", !0)
   ]);
@@ -3296,7 +3299,7 @@ var Yt = Ie({
 });
 const oi = { class: "color-type" }, si = { class: "name" };
 function ii(t, e, n, r, o, s) {
-  return d(), A("div", oi, [
+  return d(), L("div", oi, [
     B(
       "span",
       si,
@@ -3367,12 +3370,12 @@ const ai = { class: "colors" }, li = {
   class: "colors history"
 };
 function ui(t, e, n, r, o, s) {
-  return d(), A("div", null, [
+  return d(), L("div", null, [
     B("ul", ai, [
-      (d(!0), A(
+      (d(!0), L(
         Se,
         null,
-        De(t.colorsDefault, (i) => (d(), A("li", {
+        De(t.colorsDefault, (i) => (d(), L("li", {
           key: i,
           class: "item",
           onClick: (l) => t.selectColor(i)
@@ -3402,11 +3405,11 @@ function ui(t, e, n, r, o, s) {
         /* KEYED_FRAGMENT */
       ))
     ]),
-    t.colorsHistory.length ? (d(), A("ul", li, [
-      (d(!0), A(
+    t.colorsHistory.length ? (d(), L("ul", li, [
+      (d(!0), L(
         Se,
         null,
-        De(t.colorsHistory, (i) => (d(), A("li", {
+        De(t.colorsHistory, (i) => (d(), L("li", {
           key: i,
           class: "item",
           onClick: (l) => t.selectColor(i)
@@ -3616,7 +3619,7 @@ var Ze = Ie({
 const ci = { class: "color-set" };
 function di(t, e, n, r, o, s) {
   const i = Be("Saturation"), l = Be("Hue"), a = Be("Alpha"), p = Be("Preview"), h = Be("Sucker"), m = Be("Box"), g = Be("Colors");
-  return d(), A(
+  return d(), L(
     "div",
     {
       class: ["hu-color-picker", { light: t.isLightTheme }],
@@ -3659,7 +3662,7 @@ function di(t, e, n, r, o, s) {
             width: t.previewWidth,
             height: t.previewHeight
           }, null, 8, ["color", "width", "height"]),
-          t.suckerHide ? V("v-if", !0) : (d(), A(h, {
+          t.suckerHide ? V("v-if", !0) : (d(), L(h, {
             key: 0,
             "sucker-canvas": t.suckerCanvas,
             "sucker-area": t.suckerArea,
@@ -3778,7 +3781,7 @@ const ki = new xi(), Ce = {
 };
 class wi {
   validate(e, n) {
-    var o, s, i, l, a, p, h, m, g, L, C, b, O, W;
+    var o, s, i, l, a, p, h, m, g, E, C, b, O, W;
     let r = "";
     if (n) {
       let P = !1;
@@ -3795,7 +3798,7 @@ class wi {
               r = Ce.RulesMin.validate(e, (a = n[S]) == null ? void 0 : a.value) ? "" : Ce.RulesMin.message((p = n[S]) != null && p.message ? (h = n[S]) == null ? void 0 : h.message : "very_small"), P = r !== "";
               break;
             case "max":
-              r = Ce.RulesMax.validate(e, (m = n[S]) == null ? void 0 : m.value) ? "" : Ce.RulesMax.message((g = n[S]) != null && g.message ? (L = n[S]) == null ? void 0 : L.message : "vary_large"), P = r !== "";
+              r = Ce.RulesMax.validate(e, (m = n[S]) == null ? void 0 : m.value) ? "" : Ce.RulesMax.message((g = n[S]) != null && g.message ? (E = n[S]) == null ? void 0 : E.message : "vary_large"), P = r !== "";
               break;
             case "email":
               r = Ce.RulesEmail.validate(e) ? "" : Ce.RulesMax.message((C = n[S]) != null && C.message ? (b = n[S]) == null ? void 0 : b.message : "email_incorrect"), P = r !== "";
@@ -3871,8 +3874,8 @@ const $i = new wi(), Ci = { style: { display: "flex", "flex-direction": "column"
         n("update:modelValue", S);
       }
     }), h = $(() => r.type), m = $(() => r.scale), g = (S) => {
-      n("input", S), L();
-    }, L = () => {
+      n("input", S), E();
+    }, E = () => {
       if (!(!r.form || !r.form.fields || !r.form.fields[r.name].rules))
         return s.value = $i.validate(p.value, r.form.fields[r.name].rules), !!s.value;
     };
@@ -3894,16 +3897,16 @@ const $i = new wi(), Ci = { style: { display: "flex", "flex-direction": "column"
     return e({
       focus: C,
       setError: W,
-      validate: L
-    }), (S, T) => {
-      var E, j;
+      validate: E
+    }), (S, A) => {
+      var T, j;
       return d(), y("div", {
         class: Q(["d-input-string", m.value])
       }, [
         D("div", Ci, [
           r.label ? (d(), y("div", Di, [
             pe(K(r.label), 1),
-            (E = r.form) != null && E.fields[r.name].rules && r.form.fields[r.name].rules.hasOwnProperty("required") ? (d(), y("span", Ei, "*")) : V("", !0)
+            (T = r.form) != null && T.fields[r.name].rules && r.form.fields[r.name].rules.hasOwnProperty("required") ? (d(), y("span", Ei, "*")) : V("", !0)
           ])) : V("", !0),
           D("div", Ti, [
             z(o).pre ? (d(), y("div", Ai, [
@@ -3914,14 +3917,14 @@ const $i = new wi(), Ci = { style: { display: "flex", "flex-direction": "column"
                 id: z(i),
                 ref_key: "inputRef",
                 ref: a,
-                "onUpdate:modelValue": T[0] || (T[0] = (Y) => p.value = Y),
+                "onUpdate:modelValue": A[0] || (A[0] = (Y) => p.value = Y),
                 style: { width: "100%" },
                 type: h.value,
                 placeholder: r.placeholder,
                 onInput: g,
-                onFocus: T[1] || (T[1] = (Y) => O(!0)),
+                onFocus: A[1] || (A[1] = (Y) => O(!0)),
                 onBlur: P,
-                onFocusout: T[2] || (T[2] = (Y) => O(!1)),
+                onFocusout: A[2] || (A[2] = (Y) => O(!1)),
                 class: Q([
                   z(o).pre ? "has-pre" : "",
                   z(o).post ? "has-post" : "",
@@ -3995,8 +3998,8 @@ const $i = new wi(), Ci = { style: { display: "flex", "flex-direction": "column"
       }
     }, h = () => {
       if (n.format === "rgba") {
-        const { r: m, g, b: L, a: C } = i.value;
-        r.value = `rgba(${m}, ${g}, ${L}, ${C})`;
+        const { r: m, g, b: E, a: C } = i.value;
+        r.value = `rgba(${m}, ${g}, ${E}, ${C})`;
       } else
         r.value = i.value;
       o.value.hide(), e("change", r.value);
@@ -4006,7 +4009,7 @@ const $i = new wi(), Ci = { style: { display: "flex", "flex-direction": "column"
         pre: p,
         label: n.label,
         modelValue: r.value,
-        "onUpdate:modelValue": g[0] || (g[0] = (L) => r.value = L),
+        "onUpdate:modelValue": g[0] || (g[0] = (E) => r.value = E),
         onClick: a,
         readonly: !0
       }, {
@@ -4035,7 +4038,7 @@ const $i = new wi(), Ci = { style: { display: "flex", "flex-direction": "column"
         "modal-footer": X(() => [
           D("div", Oi, [
             B(xe, {
-              onClick: g[1] || (g[1] = (L) => o.value.hide())
+              onClick: g[1] || (g[1] = (E) => o.value.hide())
             }, {
               default: X(() => [
                 pe(K(n.close), 1)
@@ -4570,7 +4573,7 @@ function jn(t) {
   return e.style = l[e.dir][e.ort], e;
 }
 function wa(t, e, n) {
-  var r = Yi(), o = qi(), s = o && Gi(), i = t, l, a, p, h, m, g = e.spectrum, L = [], C = [], b = [], O = 0, W = {}, P = t.ownerDocument, S = e.documentElement || P.documentElement, T = P.body, E = P.dir === "rtl" || e.ort === 1 ? 0 : 100;
+  var r = Yi(), o = qi(), s = o && Gi(), i = t, l, a, p, h, m, g = e.spectrum, E = [], C = [], b = [], O = 0, W = {}, P = t.ownerDocument, S = e.documentElement || P.documentElement, A = P.body, T = P.dir === "rtl" || e.ort === 1 ? 0 : 100;
   function j(u, c) {
     var f = P.createElement("div");
     return c && ye(f, c), u.appendChild(f), f;
@@ -4769,7 +4772,7 @@ function wa(t, e, n) {
   function _t(u, c) {
     c.handle && (dt(c.handle, e.cssClasses.active), O -= 1), c.listeners.forEach(function(f) {
       S.removeEventListener(f[0], f[1]);
-    }), O === 0 && (dt(i, e.cssClasses.drag), $t(), u.cursor && (T.style.cursor = "", T.removeEventListener("selectstart", vn))), e.events.smoothSteps && (c.handleNumbers.forEach(function(f) {
+    }), O === 0 && (dt(i, e.cssClasses.drag), $t(), u.cursor && (A.style.cursor = "", A.removeEventListener("selectstart", vn))), e.events.smoothSteps && (c.handleNumbers.forEach(function(f) {
       ze(f, C[f], !0, !0, !1, !1);
     }), c.handleNumbers.forEach(function(f) {
       ue("update", f);
@@ -4811,7 +4814,7 @@ function wa(t, e, n) {
         doNotReject: !0,
         handleNumbers: c.handleNumbers
       });
-      k.push.apply(k, x.concat(N, F)), u.cursor && (T.style.cursor = getComputedStyle(u.target).cursor, a.length > 1 && ye(i, e.cssClasses.drag), T.addEventListener("selectstart", vn, !1)), c.handleNumbers.forEach(function(re) {
+      k.push.apply(k, x.concat(N, F)), u.cursor && (A.style.cursor = getComputedStyle(u.target).cursor, a.length > 1 && ye(i, e.cssClasses.drag), A.addEventListener("selectstart", vn, !1)), c.handleNumbers.forEach(function(re) {
         ue("start", re);
       });
     }
@@ -4843,7 +4846,7 @@ function wa(t, e, n) {
       var ge = ne ? 0 : 1, he = an(c), ve = he[ge];
       if (ve === null)
         return !1;
-      ve === !1 && (ve = g.getDefaultStep(C[c], ne, e.keyboardDefaultStep)), re || F ? ve *= e.keyboardPageMultiplier : ve *= e.keyboardMultiplier, ve = Math.max(ve, 1e-7), ve = (ne ? -1 : 1) * ve, ce = L[c] + ve;
+      ve === !1 && (ve = g.getDefaultStep(C[c], ne, e.keyboardDefaultStep)), re || F ? ve *= e.keyboardPageMultiplier : ve *= e.keyboardMultiplier, ve = Math.max(ve, 1e-7), ve = (ne ? -1 : 1) * ve, ce = E[c] + ve;
     } else
       te ? ce = e.spectrum.xVal[e.spectrum.xVal.length - 1] : ce = e.spectrum.xVal[0];
     return ze(c, g.toStepping(ce), !0, !0), ue("slide", c), ue("update", c), ue("change", c), ue("set", c), !1;
@@ -4891,11 +4894,11 @@ function wa(t, e, n) {
           // Use the slider public API as the scope ('this')
           it,
           // Return values as array, so arg_1[arg_2] is always valid.
-          L.map(e.format.to),
+          E.map(e.format.to),
           // Handle index, 0 or 1
           c,
           // Un-formatted slider values
-          L.slice(),
+          E.slice(),
           // Event is fired by tap, true or false
           f || !1,
           // Left offset of the handle, in relation to the slider
@@ -4931,8 +4934,8 @@ function wa(t, e, n) {
     return e.dir ? 100 - u - c : u;
   }
   function rr(u, c) {
-    C[u] = c, L[u] = g.fromStepping(c);
-    var f = nn(c, 0) - E, v = "translate(" + wt(f + "%", "0") + ")";
+    C[u] = c, E[u] = g.fromStepping(c);
+    var f = nn(c, 0) - T, v = "translate(" + wt(f + "%", "0") + ")";
     a[u].style[e.transformRule] = v, rn(u), rn(u + 1);
   }
   function $t() {
@@ -4985,8 +4988,8 @@ function wa(t, e, n) {
   }
   function sn(u) {
     if (u === void 0 && (u = !1), u)
-      return L.length === 1 ? L[0] : L.slice(0);
-    var c = L.map(e.format.to);
+      return E.length === 1 ? E[0] : E.slice(0);
+    var c = E.map(e.format.to);
     return c.length === 1 ? c[0] : c;
   }
   function ir() {
@@ -4997,7 +5000,7 @@ function wa(t, e, n) {
     delete i.noUiSlider;
   }
   function an(u) {
-    var c = C[u], f = g.getNearbySteps(c), v = L[u], k = f.thisStep.step, x = null;
+    var c = C[u], f = g.getNearbySteps(c), v = E[u], k = f.thisStep.step, x = null;
     if (e.snap)
       return [
         v - f.stepBefore.startValue || null,
@@ -5204,20 +5207,20 @@ const Sn = {
       l = document.getElementById(o), Sn.create(l, i), n("init"), a();
     });
     const a = () => {
-      l.noUiSlider.on("start", (b, O, W, P, S, T) => {
-        s.value = O, n("start", { values: b, index: O, eunencoded: W, tap: P, positions: S, slider: T, selectedIndex: s });
-      }), l.noUiSlider.on("slide", (b, O, W, P, S, T) => {
-        s.value = O, n("slide", { values: b, index: O, eunencoded: W, tap: P, positions: S, slider: T, selectedIndex: s });
-      }), l.noUiSlider.on("drag", (b, O, W, P, S, T) => {
-        s.value = O, n("drag", { values: b, index: O, eunencoded: W, tap: P, positions: S, slider: T, selectedIndex: s });
-      }), l.noUiSlider.on("update", (b, O, W, P, S, T) => {
-        s.value = O, n("update", { values: b, index: O, eunencoded: W, tap: P, positions: S, slider: T, selectedIndex: s });
-      }), l.noUiSlider.on("change", (b, O, W, P, S, T) => {
-        s.value = O, n("change", { values: b, index: O, eunencoded: W, tap: P, positions: S, slider: T, selectedIndex: s });
-      }), l.noUiSlider.on("set", (b, O, W, P, S, T) => {
-        s.value = O, n("set", { values: b, index: O, eunencoded: W, tap: P, positions: S, slider: T, selectedIndex: s });
-      }), l.noUiSlider.on("end", (b, O, W, P, S, T) => {
-        s.value = O, n("end", { values: b, index: O, eunencoded: W, tap: P, positions: S, slider: T, selectedIndex: s });
+      l.noUiSlider.on("start", (b, O, W, P, S, A) => {
+        s.value = O, n("start", { values: b, index: O, eunencoded: W, tap: P, positions: S, slider: A, selectedIndex: s });
+      }), l.noUiSlider.on("slide", (b, O, W, P, S, A) => {
+        s.value = O, n("slide", { values: b, index: O, eunencoded: W, tap: P, positions: S, slider: A, selectedIndex: s });
+      }), l.noUiSlider.on("drag", (b, O, W, P, S, A) => {
+        s.value = O, n("drag", { values: b, index: O, eunencoded: W, tap: P, positions: S, slider: A, selectedIndex: s });
+      }), l.noUiSlider.on("update", (b, O, W, P, S, A) => {
+        s.value = O, n("update", { values: b, index: O, eunencoded: W, tap: P, positions: S, slider: A, selectedIndex: s });
+      }), l.noUiSlider.on("change", (b, O, W, P, S, A) => {
+        s.value = O, n("change", { values: b, index: O, eunencoded: W, tap: P, positions: S, slider: A, selectedIndex: s });
+      }), l.noUiSlider.on("set", (b, O, W, P, S, A) => {
+        s.value = O, n("set", { values: b, index: O, eunencoded: W, tap: P, positions: S, slider: A, selectedIndex: s });
+      }), l.noUiSlider.on("end", (b, O, W, P, S, A) => {
+        s.value = O, n("end", { values: b, index: O, eunencoded: W, tap: P, positions: S, slider: A, selectedIndex: s });
       });
     };
     return e({
@@ -5495,7 +5498,7 @@ Xe.parse = /* @__PURE__ */ function() {
       return Ye && (me(t.comma) || n("Missing comma before color stops")), {
         type: H,
         orientation: Ye,
-        colorStops: S(T)
+        colorStops: S(A)
       };
     });
   }
@@ -5521,7 +5524,7 @@ Xe.parse = /* @__PURE__ */ function() {
     return J && (H = [], H.push(J), oe = e, me(t.comma) && (J = g(), J ? H.push(J) : e = oe)), H;
   }
   function g() {
-    var H = L() || C();
+    var H = E() || C();
     if (H)
       H.at = O();
     else {
@@ -5540,7 +5543,7 @@ Xe.parse = /* @__PURE__ */ function() {
     }
     return H;
   }
-  function L() {
+  function E() {
     var H = Z("shape", /^(circle)/i, 0);
     return H && (H.style = M() || b()), H;
   }
@@ -5578,11 +5581,11 @@ Xe.parse = /* @__PURE__ */ function() {
         J = H(), J ? oe.push(J) : n("One extra comma");
     return oe;
   }
-  function T() {
-    var H = E();
+  function A() {
+    var H = T();
     return H || n("Expected color definition"), H.length = w(), H;
   }
-  function E() {
+  function T() {
     return Y() || ee() || U() || j();
   }
   function j() {
@@ -5696,9 +5699,9 @@ const Oa = {
     }), o = R(null), s = R(null), i = R([{ code: "#FFFFFF" }]), l = R(""), a = R("linear"), p = R("0"), h = R("");
     let m = 1;
     const g = () => {
-      o.value.show(), L();
-    }, L = () => {
-      const E = r.value.split(";")[1].trim().split(":")[1].trim(), j = Zt.parse(E), Y = j[0].type.split("-");
+      o.value.show(), E();
+    }, E = () => {
+      const T = r.value.split(";")[1].trim().split(":")[1].trim(), j = Zt.parse(T), Y = j[0].type.split("-");
       a.value = Y[0], a.value === "linear" && (p.value = j[0].orientation.value), i.value = [], m = j[0].colorStops.length;
       const U = [];
       for (let ee = 0; ee < j[0].colorStops.length; ee++) {
@@ -5718,36 +5721,36 @@ const Oa = {
     }, O = () => {
       if (m < n.maxColors) {
         i.value.push({ code: "#FFFFFF" }), m++;
-        const S = Math.round(100 / m), T = [];
-        for (let E = 0; E < m; E++)
-          T.push(E * S);
-        s.value.updateStart(T);
+        const S = Math.round(100 / m), A = [];
+        for (let T = 0; T < m; T++)
+          A.push(T * S);
+        s.value.updateStart(A);
       }
     }, W = (S) => {
       if (m > 1) {
-        const T = s.value.get();
-        T.splice(S, 1), i.value.splice(S, 1), s.value.updateStart(T), m--;
+        const A = s.value.get();
+        A.splice(S, 1), i.value.splice(S, 1), s.value.updateStart(A), m--;
       }
     };
     Pe(() => {
-      r.value || (r.value = "background: #FFFFFF;"), L(), h.value = `${n.text}: ${i.value.length}`;
+      r.value || (r.value = "background: #FFFFFF;"), E(), h.value = `${n.text}: ${i.value.length}`;
     });
     const P = () => {
       if (!s.value)
         return;
-      const S = a.value + "-gradient", T = s.value.position();
-      let E = [];
-      E.push(a.value === "radial" ? "circle" : `${p.value}deg`);
+      const S = a.value + "-gradient", A = s.value.position();
+      let T = [];
+      T.push(a.value === "radial" ? "circle" : `${p.value}deg`);
       for (let j = 0; j < i.value.length; j++)
-        E.push(`${i.value[j].code} ${parseInt(T[j])}%`);
-      l.value = `background: ${i.value[0].code};`, i.value.length > 1 && (l.value += `background: ${S}(${E.join(", ")})`);
+        T.push(`${i.value[j].code} ${parseInt(A[j])}%`);
+      l.value = `background: ${i.value[0].code};`, i.value.length > 1 && (l.value += `background: ${S}(${T.join(", ")})`);
     };
-    return (S, T) => (d(), y("div", null, [
+    return (S, A) => (d(), y("div", null, [
       B(qt, {
         pre: C,
         label: n.label,
         modelValue: h.value,
-        "onUpdate:modelValue": T[0] || (T[0] = (E) => h.value = E),
+        "onUpdate:modelValue": A[0] || (A[0] = (T) => h.value = T),
         onClick: g,
         readonly: !0
       }, {
@@ -5761,7 +5764,7 @@ const Oa = {
       }, 8, ["label", "modelValue"]),
       $e(D("input", {
         type: "hidden",
-        "onUpdate:modelValue": T[1] || (T[1] = (E) => r.value = E)
+        "onUpdate:modelValue": A[1] || (A[1] = (T) => r.value = T)
       }, null, 512), [
         [Ot, r.value]
       ]),
@@ -5785,7 +5788,7 @@ const Oa = {
             ref_key: "sliderRef",
             ref: s,
             start: 50,
-            tooltips: { to: (E) => parseInt(E) },
+            tooltips: { to: (T) => parseInt(T) },
             "tooltip-hide": !0
           }, null, 8, ["tooltips"]),
           D("div", Oa, [
@@ -5793,32 +5796,32 @@ const Oa = {
               B(hs, {
                 onChange: P,
                 modelValue: a.value,
-                "onUpdate:modelValue": T[2] || (T[2] = (E) => a.value = E),
+                "onUpdate:modelValue": A[2] || (A[2] = (T) => a.value = T),
                 options: [{ label: n.linear, value: "linear" }, { label: n.radial, value: "radial" }],
                 size: "wide"
               }, null, 8, ["modelValue", "options"])
             ]),
             D("div", null, [
-              a.value !== "radial" ? (d(), A(Ra, {
+              a.value !== "radial" ? (d(), L(Ra, {
                 key: 0,
                 onChange: P,
                 modelValue: p.value,
-                "onUpdate:modelValue": T[3] || (T[3] = (E) => p.value = E)
+                "onUpdate:modelValue": A[3] || (A[3] = (T) => p.value = T)
               }, null, 8, ["modelValue"])) : V("", !0)
             ])
           ]),
-          (d(!0), y(Se, null, De(i.value, (E, j) => (d(), y("div", {
+          (d(!0), y(Se, null, De(i.value, (T, j) => (d(), y("div", {
             style: { display: "flex", gap: "5px", "align-items": "center", "justify-content": "center" },
             key: j
           }, [
             B(Pi, {
-              modelValue: E.code,
-              "onUpdate:modelValue": (Y) => E.code = Y,
+              modelValue: T.code,
+              "onUpdate:modelValue": (Y) => T.code = Y,
               style: { flex: "1" },
               format: "rgba",
               onChange: P
             }, null, 8, ["modelValue", "onUpdate:modelValue"]),
-            z(m) > 1 ? (d(), A(xe, {
+            z(m) > 1 ? (d(), L(xe, {
               key: 0,
               icon: "MinusSharp",
               onClick: (Y) => W(j)
@@ -5836,7 +5839,7 @@ const Oa = {
         "modal-footer": X(() => [
           D("div", Na, [
             B(xe, {
-              onClick: T[4] || (T[4] = (E) => o.value.hide())
+              onClick: A[4] || (A[4] = (T) => o.value.hide())
             }, {
               default: X(() => [
                 pe(K(n.close), 1)