doph-js 0.3.83 → 0.3.84

package/dist/dophJs.js

@@ -124,17 +124,17 @@ const Me = (n, t) => {
   },
   emits: ["click", "contextmenu"],
   setup(n, { expose: t, emit: e }) {
-    const r = n, a = kt(), s = O(null), o = C(() => r.icon ? Xe.getters.getIcon(r.icon) : null), l = (h) => {
-      e("click", h);
-    }, i = (h) => {
-      e("contextmenu", h);
-    }, d = C(() => r.scale === "large" ? "button-lg" : r.scale === "small" ? "button-sm" : ""), f = C(() => r.disabled ? "disabled" : ""), p = (h) => !!a[h], x = C(() => p("default") ? "" : r.scale === "large" ? "d-button-lg-icon" : r.scale === "small" ? "d-button-sm-icon" : "d-button-icon"), y = C(() => {
-      const h = r.outline ? "-outline" : "";
-      return r.type === "primary" ? `button${h}-blue` : r.type === "success" ? `button${h}-green` : r.type === "error" ? `button${h}-red` : r.type === "warning" ? `button${h}-orange` : r.type === "wait" ? `button${h}-violet` : r.outline ? `button${h}` : "";
+    const r = n, a = kt(), s = O(null), o = C(() => r.icon ? Xe.getters.getIcon(r.icon) : null), l = (p) => {
+      e("click", p);
+    }, i = (p) => {
+      e("contextmenu", p);
+    }, d = C(() => r.scale === "large" ? "button-lg" : r.scale === "small" ? "button-sm" : ""), f = C(() => r.disabled ? "disabled" : ""), h = (p) => !!a[p], x = C(() => h("default") ? "" : r.scale === "large" ? "d-button-lg-icon" : r.scale === "small" ? "d-button-sm-icon" : "d-button-icon"), b = C(() => {
+      const p = r.outline ? "-outline" : "";
+      return r.type === "primary" ? `button${p}-blue` : r.type === "success" ? `button${p}-green` : r.type === "error" ? `button${p}-red` : r.type === "warning" ? `button${p}-orange` : r.type === "wait" ? `button${p}-violet` : r.outline ? `button${p}` : "";
     });
     return t({
       elementSize: () => Wr(s)
-    }), (h, _) => (u(), w(ge, null, [
+    }), (p, D) => (u(), w(ge, null, [
       o.value ? F("", !0) : (u(), w("div", {
         key: 0,
         title: r.title,
@@ -142,10 +142,10 @@ const Me = (n, t) => {
         ref: s,
         onClick: l,
         onContextmenu: i,
-        class: ae(["button", [r.class, d.value, y.value, f.value].join(" ")]),
+        class: ae(["button", [r.class, d.value, b.value, f.value].join(" ")]),
         style: le(r.style)
       }, [
-        oe(h.$slots, "default", {}, void 0, !0),
+        oe(p.$slots, "default", {}, void 0, !0),
         r.loading ? (u(), w("svg", Ha, Na)) : F("", !0)
       ], 46, Ra)),
       o.value ? (u(), w("div", {
@@ -155,7 +155,7 @@ const Me = (n, t) => {
         ref: s,
         onClick: l,
         onContextmenu: i,
-        class: ae(["button button-ext", [r.class, d.value, x.value, y.value, f.value].join(" ")]),
+        class: ae(["button button-ext", [r.class, d.value, x.value, b.value, f.value].join(" ")]),
         style: le(r.style)
       }, [
         r.icon ? (u(), R(Ye(Ue), {
@@ -164,7 +164,7 @@ const Me = (n, t) => {
           color: "inherit"
         }, null, 8, ["component"])) : F("", !0),
         U(a).default ? (u(), w("div", Wa, [
-          oe(h.$slots, "default", {}, void 0, !0)
+          oe(p.$slots, "default", {}, void 0, !0)
         ])) : F("", !0),
         r.loading ? (u(), w("svg", ja, Ua)) : F("", !0)
       ], 46, Ya)) : F("", !0)
@@ -366,11 +366,11 @@ const Me = (n, t) => {
     }), r = (i, d) => {
       const { width: f } = getComputedStyle(i);
       i.style.width = f, i.style.position = "absolute", i.style.visibility = "hidden", i.style.height = "";
-      let { height: p } = getComputedStyle(i);
-      return i.style.width = d.width, i.style.position = d.position, i.style.visibility = d.visibility, i.style.height = ot, i.style.overflow = "hidden", d.height && d.height !== ot ? d.height : p;
-    }, a = (i, d, f, p, x) => {
-      const y = i.animate(p, x);
-      i.style.height = d.height, y.onfinish = () => {
+      let { height: h } = getComputedStyle(i);
+      return i.style.width = d.width, i.style.position = d.position, i.style.visibility = d.visibility, i.style.height = ot, i.style.overflow = "hidden", d.height && d.height !== ot ? d.height : h;
+    }, a = (i, d, f, h, x) => {
+      const b = i.animate(h, x);
+      i.style.height = d.height, b.onfinish = () => {
         i.style.overflow = d.overflow, f();
       };
     }, s = (i, d) => [
@@ -395,13 +395,13 @@ const Me = (n, t) => {
         marginBottom: d.marginBottom
       }
     ], o = (i, d) => {
-      const f = i, p = e(f), x = r(f, p), y = s(x, p), S = { duration: t.duration, easing: t.easingEnter };
-      a(f, p, d, y, S);
+      const f = i, h = e(f), x = r(f, h), b = s(x, h), S = { duration: t.duration, easing: t.easingEnter };
+      a(f, h, d, b, S);
     }, l = (i, d) => {
-      const f = i, p = e(f), { height: x } = getComputedStyle(f);
+      const f = i, h = e(f), { height: x } = getComputedStyle(f);
       f.style.height = x, f.style.overflow = "hidden";
-      const y = s(x, p).reverse(), S = { duration: t.duration, easing: t.easingLeave };
-      a(f, p, d, y, S);
+      const b = s(x, h).reverse(), S = { duration: t.duration, easing: t.easingLeave };
+      a(f, h, d, b, S);
     };
     return (i, d) => (u(), R(Fn, {
       css: !1,
@@ -507,22 +507,22 @@ const Me = (n, t) => {
       t("nodeclick", { event: L, model: e.model });
     }, f = (L) => {
       t("nodefoldericonclick", { event: L, model: e.model });
-    }, p = (L) => {
+    }, h = (L) => {
       t("nodefoldericonclick", { event: L.event, model: L.model });
     }, x = (L) => {
       t("nodeclick", L);
-    }, y = (L) => {
+    }, b = (L) => {
       t("nodedoubleclick", L);
     }, S = (L) => {
       t("nodedrop", L);
-    }, h = (L) => {
+    }, p = (L) => {
       t("nodecontext", L);
-    }, _ = C(() => [
+    }, D = C(() => [
       G.actions.isItemSelected(e.treeId, e.model.id) ? "selected" : "",
       a.value ? "node-over " : "",
       s.value ? "node-top " : "",
       o.value ? "node-bottom " : ""
-    ]), D = C(() => e.search ? !1 : e.model.draggable === !0), M = (L) => {
+    ]), _ = C(() => e.search ? !1 : e.model.draggable === !0), M = (L) => {
       var me;
       let z = nn.data;
       if (z === void 0 || z.model === void 0)
@@ -562,7 +562,7 @@ const Me = (n, t) => {
         tag: "li",
         class: "tree-item-component",
         "transfer-data": { id: e.treeId, model: e.model },
-        draggable: D.value,
+        draggable: _.value,
         onDrop: _e(M, ["stop"]),
         onDragenter: z[1] || (z[1] = _e(() => {
         }, ["prevent"])),
@@ -573,7 +573,7 @@ const Me = (n, t) => {
           Re((u(), w("div", {
             ref_key: "node",
             ref: r,
-            class: ae(_.value),
+            class: ae(D.value),
             onContextmenu: z[0] || (z[0] = _e((Y) => t("nodecontext", { e: Y, model: e.model }), ["prevent"]))
           }, [
             (u(), R(Ye(U(Tt).getters.getComponent(e.model.component).component), Ar(Vr(U(Tt).getters.getComponent(e.model.component).props)), null, 16))
@@ -587,7 +587,7 @@ const Me = (n, t) => {
         tag: "li",
         class: "tree-item",
         "transfer-data": { id: e.treeId, model: e.model },
-        draggable: D.value,
+        draggable: _.value,
         onDrop: _e(M, ["stop"]),
         onDragenter: z[4] || (z[4] = _e(() => {
         }, ["prevent"])),
@@ -600,7 +600,7 @@ const Me = (n, t) => {
             T("div", {
               ref_key: "node",
               ref: r,
-              class: ae(_.value),
+              class: ae(D.value),
               onDblclick: z[2] || (z[2] = _e((te) => t("nodedoubleclick", { e: te, model: e.model }), ["prevent"])),
               onContextmenu: z[3] || (z[3] = _e((te) => t("nodecontext", { e: te, model: e.model }), ["prevent"]))
             }, [
@@ -675,10 +675,10 @@ const Me = (n, t) => {
                     items: e.items,
                     search: e.search,
                     onNodeclick: x,
-                    onNodedoubleclick: y,
+                    onNodedoubleclick: b,
                     onNodedrop: S,
-                    onNodecontext: h,
-                    onNodefoldericonclick: p
+                    onNodecontext: p,
+                    onNodefoldericonclick: h
                   }, null, 8, ["model", "treeId", "items", "search"]))), 128))
                 ])) : F("", !0)
               ]),
@@ -852,18 +852,18 @@ const Ge = Ps(), G = {
   emits: Object.keys(Ne),
   setup(n, { expose: t, emit: e }) {
     let r = Ht({});
-    const a = O("false"), s = O(null), o = /* @__PURE__ */ new Set(), l = C(() => a.value && r), i = (f, p) => {
-      r = nn.data, e(f, p, r), f === Ne.dragenter && (o.size || p.target === s.value) && o.add(p.target), f === Ne.dragleave && o.delete(p.target), f === Ne.drop && o.clear(), a.value = !!o.size;
+    const a = O("false"), s = O(null), o = /* @__PURE__ */ new Set(), l = C(() => a.value && r), i = (f, h) => {
+      r = nn.data, e(f, h, r), f === Ne.dragenter && (o.size || h.target === s.value) && o.add(h.target), f === Ne.dragleave && o.delete(h.target), f === Ne.drop && o.clear(), a.value = !!o.size;
     };
     return t({
       elementSize: () => Wr(s)
-    }), (f, p) => (u(), R(Ye(n.tag), {
+    }), (f, h) => (u(), R(Ye(n.tag), {
       ref_key: "el",
       ref: s,
-      onDragenter: p[0] || (p[0] = (x) => i(U(Ne).dragenter, x)),
-      onDragleave: p[1] || (p[1] = (x) => i(U(Ne).dragleave, x)),
-      onDragover: p[2] || (p[2] = _e((x) => i(U(Ne).dragover, x), ["prevent"])),
-      onDrop: p[3] || (p[3] = _e((x) => i(U(Ne).drop, x), ["prevent"]))
+      onDragenter: h[0] || (h[0] = (x) => i(U(Ne).dragenter, x)),
+      onDragleave: h[1] || (h[1] = (x) => i(U(Ne).dragleave, x)),
+      onDragover: h[2] || (h[2] = _e((x) => i(U(Ne).dragover, x), ["prevent"])),
+      onDrop: h[3] || (h[3] = _e((x) => i(U(Ne).drop, x), ["prevent"]))
     }, {
       default: Z(() => [
         oe(f.$slots, "default", { transferData: l.value })
@@ -901,37 +901,37 @@ const Ge = Ps(), G = {
     let s = O(null), o = O(!1);
     const l = () => {
       Ge.emit("menu-show-request", a), o.value = !0;
-    }, i = (h = 1) => {
-      var _;
-      (_ = s.value) == null || _.collapseAll(), setTimeout(() => {
+    }, i = (p = 1) => {
+      var D;
+      (D = s.value) == null || D.collapseAll(), setTimeout(() => {
         o.value = !1;
-      }, h);
+      }, p);
     }, d = () => o.value;
-    Ge.on("menu-show-request", (h) => {
-      a !== h && i();
+    Ge.on("menu-show-request", (p) => {
+      a !== p && i();
     }), t({
       show: l,
       hide: i,
       elementSize: () => s.value.elementSize(),
       isShowed: d,
       itemsCount: () => {
-        var h;
-        return (h = s.value) == null ? void 0 : h.itemsCount();
+        var p;
+        return (p = s.value) == null ? void 0 : p.itemsCount();
       },
-      selectNode: (h) => {
-        var _;
-        (_ = s.value) == null || _.selectNode(h);
+      selectNode: (p) => {
+        var D;
+        (D = s.value) == null || D.selectNode(p);
       },
       unSelect: () => {
-        var h;
-        (h = s.value) == null || h.unSelect();
+        var p;
+        (p = s.value) == null || p.unSelect();
       }
     });
-    const S = (h) => {
-      e("select", h), h.model.children || i(r.delayClick);
+    const S = (p) => {
+      e("select", p), p.model.children || i(r.delayClick);
     };
-    return (h, _) => {
-      const D = zn("click-outside");
+    return (p, D) => {
+      const _ = zn("click-outside");
       return u(), R(Rr, { to: "body" }, [
         U(o) ? Re((u(), R(jr, {
           key: 0,
@@ -947,7 +947,7 @@ const Ge = Ps(), G = {
           "multi-select": r.multiSelect,
           search: r.search
         }, null, 8, ["items", "no-select", "class", "style", "render-title", "before-item", "multi-select", "search"])), [
-          [D, () => i()]
+          [_, () => i()]
         ]) : F("", !0)
       ]);
     };
@@ -966,15 +966,15 @@ const Ge = Ps(), G = {
       top: o.value + "px"
     })), i = (f) => {
       f.preventDefault(), a.value.show(), mt(() => {
-        const p = a.value.elementSize(), x = window.innerWidth, y = window.innerHeight;
-        s.value = x - f.pageX < p.width ? f.pageX - p.width : f.pageX, o.value = y - f.pageY < p.height ? f.pageY - p.height : f.pageY, a.value.itemsCount() === 0 && a.value.hide();
+        const h = a.value.elementSize(), x = window.innerWidth, b = window.innerHeight;
+        s.value = x - f.pageX < h.width ? f.pageX - h.width : f.pageX, o.value = b - f.pageY < h.height ? f.pageY - h.height : f.pageY, a.value.itemsCount() === 0 && a.value.hide();
       });
     }, d = (f) => {
       e("select", f);
     };
     return t({
       show: i
-    }), (f, p) => (u(), R(jt, {
+    }), (f, h) => (u(), R(jt, {
       ref_key: "dMenuRef",
       ref: a,
       onSelect: d,
@@ -1052,23 +1052,23 @@ const Ge = Ps(), G = {
       e("move", V);
     });
     const d = C(() => r.search ? G.actions.deepSearchByTitle(r.items, r.search) : r.items), f = (V) => {
-      p(r.items, V);
-    }, p = (V, fe, ke = "id", Q = "children", se = {}) => fe && V && (V.find((ce) => {
+      h(r.items, V);
+    }, h = (V, fe, ke = "id", Q = "children", se = {}) => fe && V && (V.find((ce) => {
       if (ce[ke] === fe)
         return se.found = ce, ce.expanded = !0, !0;
-      if (p(ce[Q], fe, ke, Q, se))
+      if (h(ce[Q], fe, ke, Q, se))
         return ce.expanded = !0, !0;
     }), se.found) ? se.found : !1, x = (V = null) => {
       G.mutations.setItemSelect(l, V.model), !r.doubleClickExpand && r.clickExpand && G.actions.toggleItem(l, V.model), e("select", V);
-    }, y = (V = null) => {
+    }, b = (V = null) => {
       r.doubleClickExpand && G.actions.toggleItem(l, V.model), e("doubleclick", V);
     }, S = (V = null) => {
       G.actions.toggleItem(l, V.model), e("foldericonclick", V);
-    }, h = (V = null) => {
+    }, p = (V = null) => {
       e("over", V);
-    }, _ = (V = null) => {
+    }, D = (V = null) => {
       e("drop", V);
-    }, D = () => a.value.elementSize(), M = () => {
+    }, _ = () => a.value.elementSize(), M = () => {
       for (let V = 0; V < r.items.length; V++)
         r.items[V].expanded = !0;
     }, k = () => {
@@ -1087,7 +1087,7 @@ const Ge = Ps(), G = {
       return fe;
     };
     return t({
-      elementSize: D,
+      elementSize: _,
       expandAll: M,
       collapseAll: k,
       getId: g,
@@ -1111,9 +1111,9 @@ const Ge = Ps(), G = {
           items: r.items,
           search: r.search,
           onNodeclick: x,
-          onNodedoubleclick: y,
-          onNodedragover: h,
-          onNodedrop: _,
+          onNodedoubleclick: b,
+          onNodedragover: p,
+          onNodedrop: D,
           onNodecontext: Y,
           onNodefoldericonclick: S
         }, null, 8, ["model", "treeId", "items", "search"]))), 128)),
@@ -1189,8 +1189,8 @@ const Ge = Ps(), G = {
   },
   setup(n) {
     const t = n, e = C(() => {
-      const { fixed: r, zIndex: a, minWidth: s, height: o, paddingLeft: l, transitionDuration: i, transitionTimingFunction: d } = t, f = r ? "fixed" : "static", p = t.useMinWidthLayout ? `min-width:${s}px;` : "";
-      return `position:${f};z-index:${a};${p}height:${o}px;padding-left:${l}px;transition-duration:${i}ms;transition-timing-function:${d};`;
+      const { fixed: r, zIndex: a, minWidth: s, height: o, paddingLeft: l, transitionDuration: i, transitionTimingFunction: d } = t, f = r ? "fixed" : "static", h = t.useMinWidthLayout ? `min-width:${s}px;` : "";
+      return `position:${f};z-index:${a};${h}height:${o}px;padding-left:${l}px;transition-duration:${i}ms;transition-timing-function:${d};`;
     });
     return (r, a) => (u(), w("header", {
       class: "d-layout-header",
@@ -1238,8 +1238,8 @@ const Ge = Ps(), G = {
   },
   setup(n) {
     const t = n, e = C(() => {
-      const { fixed: r, top: a, zIndex: s, minWidth: o, height: l, paddingLeft: i, transitionDuration: d, transitionTimingFunction: f } = t, p = r ? "fixed" : "static", x = t.useMinWidthLayout ? `min-width: ${o}px;` : "";
-      return `position:${p};top:${a}px;z-index:${s};${x}height:${l}px;padding-left:${i}px;transition-duration:${d}ms;transition-timing-function:${f};`;
+      const { fixed: r, top: a, zIndex: s, minWidth: o, height: l, paddingLeft: i, transitionDuration: d, transitionTimingFunction: f } = t, h = r ? "fixed" : "static", x = t.useMinWidthLayout ? `min-width: ${o}px;` : "";
+      return `position:${h};top:${a}px;z-index:${s};${x}height:${l}px;padding-left:${i}px;transition-duration:${d}ms;transition-timing-function:${f};`;
     });
     return (r, a) => (u(), w("div", {
       class: "d-layout-tab",
@@ -1283,8 +1283,8 @@ const Ge = Ps(), G = {
   },
   setup(n) {
     const t = n, e = C(() => {
-      const { fixed: r, zIndex: a, minWidth: s, height: o, paddingLeft: l, transitionDuration: i, transitionTimingFunction: d } = t, f = r ? "fixed" : "static", p = t.useMinWidthLayout ? `min-width:${s}px;` : "";
-      return `position:${f};z-index:${a};${p}height:${o}px;padding-left:${l}px;transition-duration:${i}ms;transition-timing-function:${d};`;
+      const { fixed: r, zIndex: a, minWidth: s, height: o, paddingLeft: l, transitionDuration: i, transitionTimingFunction: d } = t, f = r ? "fixed" : "static", h = t.useMinWidthLayout ? `min-width:${s}px;` : "";
+      return `position:${f};z-index:${a};${h}height:${o}px;padding-left:${l}px;transition-duration:${i}ms;transition-timing-function:${d};`;
     });
     return (r, a) => (u(), w("footer", {
       class: "d-layout-footer",
@@ -1379,8 +1379,8 @@ function Vs(n) {
   }
   function s() {
     var f;
-    const p = ((f = document.scrollingElement) === null || f === void 0 ? void 0 : f.scrollLeft) || 0;
-    a(p);
+    const h = ((f = document.scrollingElement) === null || f === void 0 ? void 0 : f.scrollLeft) || 0;
+    a(h);
   }
   function o() {
     s();
@@ -1497,7 +1497,7 @@ const Rs = 1001, Hs = 999, Bs = 998, yp = {
         transitionDuration: v,
         transitionTimingFunction: $
       };
-    }), d = C(() => e.mode === "vertical"), f = C(() => e.isMobile || d.value ? 1003 : 1e3), p = C({
+    }), d = C(() => e.mode === "vertical"), f = C(() => e.isMobile || d.value ? 1003 : 1e3), h = C({
       get() {
         return e.sidebarCollapse;
       },
@@ -1508,13 +1508,13 @@ const Rs = 1001, Hs = 999, Bs = 998, yp = {
     function x() {
       t("sidebar-mask-click");
     }
-    const y = C(() => e.isMobile && !p.value), S = C(() => {
+    const b = C(() => e.isMobile && !h.value), S = C(() => {
       const { transitionDuration: v, transitionTimingFunction: $ } = e;
       return `background-color:${e.maskBg};transition-duration:${v}ms;transition-timing-function:${$};`;
-    }), h = C(() => {
-      const { sidebarWidth: v, sidebarCollapsedWidth: $ } = e, L = e.isMobile ? 0 : $, z = p.value ? L : v;
+    }), p = C(() => {
+      const { sidebarWidth: v, sidebarCollapsedWidth: $ } = e, L = e.isMobile ? 0 : $, z = h.value ? L : v;
       return e.sidebarVisible ? z : 0;
-    }), _ = C(() => e.isMobile ? 0 : h.value), D = C(() => d.value ? _.value : 0), M = C(
+    }), D = C(() => e.isMobile ? 0 : p.value), _ = C(() => d.value ? D.value : 0), M = C(
       () => !e.isMobile && !d.value && e.headerVisible ? e.headerHeight : 0
     ), k = C(() => {
       let v = 0;
@@ -1529,7 +1529,7 @@ const Rs = 1001, Hs = 999, Bs = 998, yp = {
         "z-index": Rs,
         "min-width": n.minWidth,
         height: n.headerHeight,
-        "padding-left": D.value,
+        "padding-left": _.value,
         style: o.value
       }), {
         default: Z(() => [
@@ -1543,7 +1543,7 @@ const Rs = 1001, Hs = 999, Bs = 998, yp = {
         "min-width": n.minWidth,
         top: n.headerHeight,
         height: n.tabHeight,
-        "padding-left": _.value,
+        "padding-left": D.value,
         style: o.value
       }), {
         default: Z(() => [
@@ -1553,7 +1553,7 @@ const Rs = 1001, Hs = 999, Bs = 998, yp = {
       }, 16, ["fixed", "min-width", "top", "height", "padding-left", "style"])) : F("", !0),
       n.sidebarVisible ? (u(), R(zs, Pt({ key: 2 }, i.value, {
         "z-index": f.value,
-        width: h.value,
+        width: p.value,
         "padding-top": M.value
       }), {
         default: Z(() => [
@@ -1561,7 +1561,7 @@ const Rs = 1001, Hs = 999, Bs = 998, yp = {
         ]),
         _: 3
       }, 16, ["z-index", "width", "padding-top"])) : F("", !0),
-      y.value ? (u(), w("div", {
+      b.value ? (u(), w("div", {
         key: 3,
         class: "d-layout-sidebar-mask",
         style: le(S.value),
@@ -1570,7 +1570,7 @@ const Rs = 1001, Hs = 999, Bs = 998, yp = {
       H(As, Pt(i.value, {
         "padding-top": k.value,
         "padding-bottom": g.value,
-        "padding-left": _.value,
+        "padding-left": D.value,
         "overflow-hidden": n.addMainOverflowHidden
       }), {
         default: Z(() => [
@@ -1583,7 +1583,7 @@ const Rs = 1001, Hs = 999, Bs = 998, yp = {
         "z-index": Bs,
         "min-width": n.minWidth,
         height: n.footerHeight,
-        "padding-left": _.value,
+        "padding-left": D.value,
         style: l.value
       }), {
         default: Z(() => [
@@ -1896,23 +1896,23 @@ const Zs = { style: { display: "flex", "flex-direction": "row", "justify-content
   },
   emits: ["select", "click", "open"],
   setup(n, { expose: t, emit: e }) {
-    const r = n, a = kt(), s = O(null), o = O(null), l = O(0), i = O(0), d = (y) => {
-      if (e("click", y), s.value.isShowed()) {
+    const r = n, a = kt(), s = O(null), o = O(null), l = O(0), i = O(0), d = (b) => {
+      if (e("click", b), s.value.isShowed()) {
         s.value.hide();
         return;
       }
       s.value.show(), e("open"), mt(() => {
-        const S = s.value.elementSize(), h = o.value.elementSize(), _ = window.innerWidth, D = window.innerHeight;
-        l.value = _ - (h.x + h.width) < S.width ? h.left - S.width + h.width : h.left, i.value = D - (h.y + h.height) < S.height ? h.top - S.height - 5 : h.height + h.top + 5;
+        const S = s.value.elementSize(), p = o.value.elementSize(), D = window.innerWidth, _ = window.innerHeight;
+        l.value = D - (p.x + p.width) < S.width ? p.left - S.width + p.width : p.left, i.value = _ - (p.y + p.height) < S.height ? p.top - S.height - 5 : p.height + p.top + 5;
       });
-    }, f = (y) => {
-      e("select", y);
-    }, p = C(() => ({ left: l.value + "px", top: i.value + "px", position: r.bodyAsParent ? "absolute" : "fixed", ...r.menuStyle }));
+    }, f = (b) => {
+      e("select", b);
+    }, h = C(() => ({ left: l.value + "px", top: i.value + "px", position: r.bodyAsParent ? "absolute" : "fixed", ...r.menuStyle }));
     t({
       show: d
     });
-    const x = (y) => !!a[y];
-    return (y, S) => (u(), w("div", no, [
+    const x = (b) => !!a[b];
+    return (b, S) => (u(), w("div", no, [
       x("default") ? (u(), R(we, {
         key: 0,
         ref_key: "buttonRef",
@@ -1923,7 +1923,7 @@ const Zs = { style: { display: "flex", "flex-direction": "row", "justify-content
         type: r.type
       }, {
         default: Z(() => [
-          oe(y.$slots, "default")
+          oe(b.$slots, "default")
         ]),
         _: 3
       }, 8, ["class", "icon", "onClick", "type"])) : (u(), R(we, {
@@ -1940,7 +1940,7 @@ const Zs = { style: { display: "flex", "flex-direction": "row", "justify-content
         ref: s,
         items: r.items,
         class: "dropdown-menu",
-        style: le(p.value),
+        style: le(h.value),
         "no-select": !0,
         onSelect: f,
         "render-item-title": r.renderItemTitle,
@@ -2177,20 +2177,20 @@ const xn = "[-+]?[0-9]*.?[0-9]+", yr = [
     const e = n, r = {
       IDLE: 0,
       DESTROYED: 2
-    }, a = O([]), s = O(null), o = O(co.get("velocity")), l = C(() => e.animationType === "velocity"), i = C(() => l.value ? yo : bo), d = C(() => a.value.filter((Y) => Y.state !== r.DESTROYED)), f = C(() => ho(e.width)), p = C(() => {
+    }, a = O([]), s = O(null), o = O(co.get("velocity")), l = C(() => e.animationType === "velocity"), i = C(() => l.value ? yo : bo), d = C(() => a.value.filter((Y) => Y.state !== r.DESTROYED)), f = C(() => ho(e.width)), h = C(() => {
       const { x: Y, y: de } = go(e.position), te = f.value.value, V = f.value.type, fe = {
         width: te + V
       };
       return de && (fe[de] = "0px"), Y && (Y === "center" ? fe.left = `calc(50% - ${+te / 2}${V})` : fe[Y] = "0px"), fe;
-    }), x = C(() => "bottom" in p.value), y = (Y) => {
+    }), x = C(() => "bottom" in h.value), b = (Y) => {
       t("click", Y), e.closeOnClick && g(Y);
     }, S = () => {
       var Y;
       e.pauseOnHover && ((Y = s.value) == null || Y.pause());
-    }, h = () => {
+    }, p = () => {
       var Y;
       e.pauseOnHover && ((Y = s.value) == null || Y.resume());
-    }, _ = (Y) => {
+    }, D = (Y) => {
       if (Y.group || (Y.group = ""), Y.data || (Y.data = {}), e.group !== Y.group)
         return;
       if (Y.clean || Y.clear) {
@@ -2212,7 +2212,7 @@ const xn = "[-+]?[0-9]*.?[0-9]+", yr = [
       let nt = -1;
       const vt = d.value.some((I) => I.title === Y.title && I.text === Y.text);
       (!V || !vt) && (ct ? (a.value.push(Pe), t("start", Pe), d.value.length > e.max && (nt = 0)) : (a.value.unshift(Pe), t("start", Pe), d.value.length > e.max && (nt = d.value.length - 1)), nt !== -1 && g(d.value[nt]));
-    }, D = (Y) => {
+    }, _ = (Y) => {
       v(Y);
     }, M = (Y) => [
       "d-notification-template",
@@ -2250,10 +2250,10 @@ const xn = "[-+]?[0-9]*.?[0-9]+", yr = [
       a.value = a.value.filter((Y) => Y.state !== r.DESTROYED);
     }
     return Ke(() => {
-      Ge.on("notification-add", _), Ge.on("notification-close", D);
+      Ge.on("notification-add", D), Ge.on("notification-close", _);
     }), (Y, de) => (u(), w("div", {
       class: "d-notification-group",
-      style: le(p.value)
+      style: le(h.value)
     }, [
       (u(), R(Ye(i.value), {
         name: n.animationName,
@@ -2268,7 +2268,7 @@ const xn = "[-+]?[0-9]*.?[0-9]+", yr = [
             style: le(k(te)),
             "data-id": te.id,
             onMouseenter: S,
-            onMouseleave: h
+            onMouseleave: p
           }, [
             oe(Y.$slots, "body", {
               class: ae([n.classes, te.type]),
@@ -2277,7 +2277,7 @@ const xn = "[-+]?[0-9]*.?[0-9]+", yr = [
             }, () => [
               T("div", {
                 class: ae(M(te)),
-                onClick: (V) => y(te)
+                onClick: (V) => b(te)
               }, [
                 n.dangerouslySetInnerHtml ? (u(), w(ge, { key: 0 }, [
                   te.title ? (u(), w("div", {
@@ -2493,32 +2493,32 @@ const Cp = {
     tabs: Array
   },
   setup(n, { expose: t }) {
-    const e = n, r = Fa(e, "tabs"), a = O([]), s = O(0), o = (p) => {
-      s.value = p, Ge.emit("change_tab", {
+    const e = n, r = Fa(e, "tabs"), a = O([]), s = O(0), o = (h) => {
+      s.value = h, Ge.emit("change_tab", {
         id: e.id,
         index: s.value
       });
-    }, l = (p) => {
-      p && !a.value.includes(p) && a.value.push(p);
+    }, l = (h) => {
+      h && !a.value.includes(h) && a.value.push(h);
     };
     return t({
       refs: () => a.value,
       getSelectedIndex: () => s.value,
-      setSelectedIndex: (p) => {
-        o(p);
+      setSelectedIndex: (h) => {
+        o(h);
       }
-    }), (p, x) => (u(), w(ge, null, [
+    }), (h, x) => (u(), w(ge, null, [
       T("div", qo, [
-        (u(!0), w(ge, null, Fe(r.value, (y, S) => (u(), R(jo, {
+        (u(!0), w(ge, null, Fe(r.value, (b, S) => (u(), R(jo, {
           index: S,
-          tab: y,
+          tab: b,
           class: ae(["d-tab-title", S === s.value ? "active" : ""]),
-          onClick: (h) => o(S)
+          onClick: (p) => o(S)
         }, null, 8, ["index", "tab", "class", "onClick"]))), 256))
       ]),
       (u(), R(za, null, [
-        (u(!0), w(ge, null, Fe(r.value, (y, S) => (u(), w("div", null, [
-          Re((u(), R(Ye(y.component), {
+        (u(!0), w(ge, null, Fe(r.value, (b, S) => (u(), w("div", null, [
+          Re((u(), R(Ye(b.component), {
             ref_for: !0,
             ref: l
           }, null, 512)), [
@@ -2560,7 +2560,7 @@ const Cp = {
     let d = null;
     for (let f = 0; f < i.length; f++)
       d || (d = i[0]), f > 0 && (i[f] ? d = i[f] : i[f] = d);
-    return (f, p) => (u(), w("div", Xo, [
+    return (f, h) => (u(), w("div", Xo, [
       oe(f.$slots, "default", {}, void 0, !0)
     ]));
   }
@@ -2707,7 +2707,7 @@ const ii = new oi(), Ze = {
 };
 class li {
   validate(t, e) {
-    var a, s, o, l, i, d, f, p, x, y, S, h, _, D;
+    var a, s, o, l, i, d, f, h, x, b, S, p, D, _;
     let r = "";
     if (e) {
       let M = !1;
@@ -2724,14 +2724,14 @@ class li {
               r = Ze.RulesMin.validate(t, (i = e[k]) == null ? void 0 : i.value) ? "" : Ze.RulesMin.message((d = e[k]) != null && d.message ? (f = e[k]) == null ? void 0 : f.message : "very_small"), M = r !== "";
               break;
             case "max":
-              r = Ze.RulesMax.validate(t, (p = e[k]) == null ? void 0 : p.value) ? "" : Ze.RulesMax.message((x = e[k]) != null && x.message ? (y = e[k]) == null ? void 0 : y.message : "vary_large"), M = r !== "";
+              r = Ze.RulesMax.validate(t, (h = e[k]) == null ? void 0 : h.value) ? "" : Ze.RulesMax.message((x = e[k]) != null && x.message ? (b = e[k]) == null ? void 0 : b.message : "vary_large"), M = r !== "";
               break;
             case "email":
-              r = Ze.RulesEmail.validate(t) ? "" : Ze.RulesMax.message((S = e[k]) != null && S.message ? (h = e[k]) == null ? void 0 : h.message : "email_incorrect"), M = r !== "";
+              r = Ze.RulesEmail.validate(t) ? "" : Ze.RulesMax.message((S = e[k]) != null && S.message ? (p = e[k]) == null ? void 0 : p.message : "email_incorrect"), M = r !== "";
               break;
             case "number":
               r = Ze.RulesNumber.validate(t) ? "" : Ze.RulesNumber.message(
-                (_ = e[k]) != null && _.message ? (D = e[k]) == null ? void 0 : D.message : "number_incorrect"
+                (D = e[k]) != null && D.message ? (_ = e[k]) == null ? void 0 : _.message : "number_incorrect"
               ), M = r !== "";
               break;
           }
@@ -2800,7 +2800,7 @@ const Ur = new li(), ui = { style: { display: "flex", "flex-direction": "column"
       set: (g) => {
         e("update:modelValue", g);
       }
-    }), p = C(() => r.type), x = C(() => r.scale), y = (g) => {
+    }), h = C(() => r.type), x = C(() => r.scale), b = (g) => {
       e("input", g), S();
     }, S = () => {
       if (!(!r.form || !r.form.fields || !r.form.fields[r.name].rules))
@@ -2809,14 +2809,14 @@ const Ur = new li(), ui = { style: { display: "flex", "flex-direction": "column"
     Ke(() => {
       i.value = r.readonly, !r.autocomplete && !i.value && (i.value = !0, setTimeout(() => {
         i.value = !1;
-      }, 500)), h();
+      }, 500)), p();
     });
-    const h = () => {
+    const p = () => {
       var g;
       (g = d.value) == null || g.focus();
-    }, _ = () => {
+    }, D = () => {
       f.value = "";
-    }, D = (g) => {
+    }, _ = (g) => {
       l.value = g;
     }, M = (g) => {
       s.value = g;
@@ -2824,7 +2824,7 @@ const Ur = new li(), ui = { style: { display: "flex", "flex-direction": "column"
       e("blur", g);
     };
     return t({
-      focus: h,
+      focus: p,
       setError: M,
       validate: S
     }), (g, v) => {
@@ -2848,14 +2848,14 @@ const Ur = new li(), ui = { style: { display: "flex", "flex-direction": "column"
                 ref: d,
                 "onUpdate:modelValue": v[0] || (v[0] = (z) => f.value = z),
                 style: le([{ width: "100%" }, r.inputStyle]),
-                type: p.value,
+                type: h.value,
                 placeholder: r.placeholder,
-                onInput: y,
-                onFocus: v[1] || (v[1] = (z) => D(!0)),
+                onInput: b,
+                onFocus: v[1] || (v[1] = (z) => _(!0)),
                 onBlur: k,
                 minlength: r.minLength,
                 maxlength: r.maxLength,
-                onFocusout: v[2] || (v[2] = (z) => D(!1)),
+                onFocusout: v[2] || (v[2] = (z) => _(!1)),
                 class: ae([
                   U(a).pre ? "has-pre" : "",
                   U(a).post ? "has-post" : "",
@@ -2873,7 +2873,7 @@ const Ur = new li(), ui = { style: { display: "flex", "flex-direction": "column"
               r.clear && ((L = f.value) == null ? void 0 : L.length) > 0 ? (u(), w("div", {
                 key: 0,
                 class: "d-post-inside-button",
-                onClick: _
+                onClick: D
               }, gi)) : F("", !0)
             ]),
             U(a).post ? (u(), w("div", yi, [
@@ -3181,18 +3181,18 @@ const Ur = new li(), ui = { style: { display: "flex", "flex-direction": "column"
         z ? z === "asc" ? (K.mutations.setSortDirection(e.id, "desc"), localStorage.setItem(`${e.id}-grid-dir`, "desc")) : (K.mutations.setSortField(e.id, null), K.mutations.setSortDirection(e.id, null), localStorage.removeItem(`${e.id}-grid-field`), localStorage.removeItem(`${e.id}-grid-dir`)) : (K.mutations.setSortDirection(e.id, "asc"), localStorage.setItem(`${e.id}-grid-dir`, "asc"));
       } else
         K.mutations.setSortField(e.id, $), K.mutations.setSortDirection(e.id, "asc"), localStorage.setItem(`${e.id}-grid-field`, $), localStorage.setItem(`${e.id}-grid-dir`, "asc");
-    }, p = () => {
-      for (let v = 0; v < y.value.length; v++)
-        i.value[y.value[v].id] = !!K.getters.getSelected(e.id).includes(y.value[v].id);
+    }, h = () => {
+      for (let v = 0; v < b.value.length; v++)
+        i.value[b.value[v].id] = !!K.getters.getSelected(e.id).includes(b.value[v].id);
     }, x = () => {
       let v = [];
-      for (let $ = 0; $ < y.value.length; $++)
-        i.value[y.value[$].id] && v.push(y.value[$].id);
+      for (let $ = 0; $ < b.value.length; $++)
+        i.value[b.value[$].id] && v.push(b.value[$].id);
       i.value = {};
       for (let $ = 0; $ < v.length; $++)
         i.value[v[$]] = !0;
       K.mutations.setSelect(e.id, v);
-    }, y = C(() => {
+    }, b = C(() => {
       const v = r.value * a.value - a.value, $ = r.value * a.value - 1;
       let L = K.getters.getItems(e.id);
       for (let z = 0; z < e.columns.length; z++)
@@ -3200,7 +3200,7 @@ const Ur = new li(), ui = { style: { display: "flex", "flex-direction": "column"
       return L.map((z, ee) => ee >= v && ee <= $ ? L[ee] : null).filter((z) => z);
     });
     Qe(
-      () => y.value,
+      () => b.value,
       () => {
         x();
       }
@@ -3210,16 +3210,16 @@ const Ur = new li(), ui = { style: { display: "flex", "flex-direction": "column"
       for (let $ in e.perPageOptions)
         v.push({ label: e.perPageOptions[$], value: e.perPageOptions[$].toString() });
       return v;
-    }), h = (v) => {
+    }), p = (v) => {
       e.selectable === "one" && (K.getters.getSelected(e.id).includes(v.id) ? (K.actions.unselectAll(e.id), t("unselect")) : (K.mutations.select(e.id, v.id), t("select", v)));
-    }, _ = (v, $) => {
+    }, D = (v, $) => {
       v.target.checked ? K.mutations.addSelect(e.id, $) : K.mutations.unSelect(e.id, $);
-    }, D = (v) => {
-      v.target.checked ? K.actions.selectAll(e.id) : K.actions.unselectAll(e.id), p();
+    }, _ = (v) => {
+      v.target.checked ? K.actions.selectAll(e.id) : K.actions.unselectAll(e.id), h();
     }, M = C(() => {
-      let v = y.value.length > 0;
-      for (let $ = 0; $ < y.value.length; $++)
-        K.getters.getSelected(e.id).includes(y.value[$].id) || (v = !1);
+      let v = b.value.length > 0;
+      for (let $ = 0; $ < b.value.length; $++)
+        K.getters.getSelected(e.id).includes(b.value[$].id) || (v = !1);
       return v;
     }), k = (v) => {
       a.value = parseInt(v.target.value), localStorage.setItem("datagrid-perpage", v.target.value);
@@ -3234,7 +3234,7 @@ const Ur = new li(), ui = { style: { display: "flex", "flex-direction": "column"
               e.selectable === "check" ? (u(), w("th", Ki, [
                 H(wr, {
                   checked: M.value,
-                  onChange: $[0] || ($[0] = (L) => D(L))
+                  onChange: $[0] || ($[0] = (L) => _(L))
                 }, null, 8, ["checked"])
               ])) : F("", !0),
               (u(!0), w(ge, null, Fe(e.columns, (L) => (u(), w("th", {
@@ -3278,16 +3278,16 @@ const Ur = new li(), ui = { style: { display: "flex", "flex-direction": "column"
                 }, null, 8, ["modelValue", "onUpdate:modelValue", "options"])) : F("", !0)
               ]))), 128))
             ]),
-            (u(!0), w(ge, null, Fe(y.value, (L) => (u(), w("tr", {
+            (u(!0), w(ge, null, Fe(b.value, (L) => (u(), w("tr", {
               key: L.id,
               class: ae(["d-row", U(K).getters.getSelected(e.id).includes(L.id) ? "active" : ""]),
-              onClick: (z) => h(L)
+              onClick: (z) => p(L)
             }, [
               e.selectable === "check" ? (u(), w("td", cl, [
                 H(wr, {
                   modelValue: i.value[L.id],
                   "onUpdate:modelValue": (z) => i.value[L.id] = z,
-                  onChange: (z) => _(z, L.id)
+                  onChange: (z) => D(z, L.id)
                 }, null, 8, ["modelValue", "onUpdate:modelValue", "onChange"])
               ])) : F("", !0),
               (u(!0), w(ge, null, Fe(e.columns, (z, ee) => (u(), w("td", {
@@ -3309,7 +3309,7 @@ const Ur = new li(), ui = { style: { display: "flex", "flex-direction": "column"
           "per-page": parseInt(a.value)
         }, null, 8, ["modelValue", "total-records", "per-page"]),
         T("div", hl, [
-          T("div", ml, J(e.pageReport.replace("{startCount}", r.value * a.value - a.value + 1).replace("{endCount}", r.value * a.value - a.value + y.value.length).replace("{totalCount}", y.value.length)), 1),
+          T("div", ml, J(e.pageReport.replace("{startCount}", r.value * a.value - a.value + 1).replace("{endCount}", r.value * a.value - a.value + b.value.length).replace("{totalCount}", b.value.length)), 1),
           H($n, {
             modelValue: s.value,
             "onUpdate:modelValue": $[2] || ($[2] = (L) => s.value = L),
@@ -3381,31 +3381,31 @@ const Ur = new li(), ui = { style: { display: "flex", "flex-direction": "column"
       if (e.canvas) {
         const {
           offsetX: f,
-          offsetY: p,
+          offsetY: h,
           width: x,
-          height: y
+          height: b
         } = d(e.width, e.height, i.width, i.height);
-        a.drawImage(i, f, p, x, y), t("loaded"), l.value = !1;
+        a.drawImage(i, f, h, x, b), t("loaded"), l.value = !1;
       } else
         o.value = i.src, t("loaded"), l.value = !1;
     }, i.onerror = () => {
       i.src = e.srcFail, t("loaded"), l.value = !1;
     };
-    const d = (f, p, x, y, S = 1, h = 0.5, _ = 0.5) => {
-      const D = x / y, M = f / p;
-      let k = f * S, g = p * S;
-      return D < M ? g = k / D : k = g * D, {
+    const d = (f, h, x, b, S = 1, p = 0.5, D = 0.5) => {
+      const _ = x / b, M = f / h;
+      let k = f * S, g = h * S;
+      return _ < M ? g = k / _ : k = g * _, {
         width: k,
         height: g,
-        offsetX: (f - k) * h,
-        offsetY: (p - g) * _
+        offsetX: (f - k) * p,
+        offsetY: (h - g) * D
       };
     };
     return Ke(() => {
       e.canvas && (r = s.value, a = r.getContext("2d")), t("loading"), l.value = !0, i.src = e.src;
-    }), Qe(() => e.src, (f, p) => {
+    }), Qe(() => e.src, (f, h) => {
       t("loading"), l.value = !0, i.src = e.src;
-    }), (f, p) => (u(), w("div", {
+    }), (f, h) => (u(), w("div", {
       style: le([{ position: "relative", display: "inline-block" }, {
         width: `${e.width}px`,
         height: `${e.height}px`,
@@ -3482,8 +3482,8 @@ const Ur = new li(), ui = { style: { display: "flex", "flex-direction": "column"
   setup(n, { expose: t, emit: e }) {
     const r = n, a = O(null), s = C(() => r.scale === "small" ? "d-textarea-small" : r.scale === "large" ? "d-textarea-large" : ""), o = C({
       get: () => r.modelValue,
-      set: (y) => {
-        e("update:modelValue", y);
+      set: (b) => {
+        e("update:modelValue", b);
       }
     });
     Ke(() => {
@@ -3493,24 +3493,24 @@ const Ur = new li(), ui = { style: { display: "flex", "flex-direction": "column"
       a.value.focus();
     }, i = () => {
       a.value.style.height = "auto";
-    }, d = (y) => {
-      e("input", y), r.autoHeight && (a.value.style.overflow = "hidden", a.value.style.minHeight = r.minHeight, a.value.style.maxHeight = r.maxHeight, a.value.style.height = "auto", a.value.style.height = `${a.value.scrollHeight}px`);
+    }, d = (b) => {
+      e("input", b), r.autoHeight && (a.value.style.overflow = "hidden", a.value.style.minHeight = r.minHeight, a.value.style.maxHeight = r.maxHeight, a.value.style.height = "auto", a.value.style.height = `${a.value.scrollHeight}px`);
     }, f = () => {
       r.autoHeight && (a.value.style.height = "auto", a.value.style.height = `${a.value.scrollHeight}px`);
-    }, p = () => a, x = (y) => {
-      e("change", y);
+    }, h = () => a, x = (b) => {
+      e("change", b);
     };
     return t({
       focus: l,
       reset: i,
       update: f,
-      element: p
-    }), (y, S) => (u(), w("div", _l, [
+      element: h
+    }), (b, S) => (u(), w("div", _l, [
       r.label ? (u(), w("div", kl, J(r.label), 1)) : F("", !0),
       Re(T("textarea", {
         ref_key: "inputRef",
         ref: a,
-        "onUpdate:modelValue": S[0] || (S[0] = (h) => o.value = h),
+        "onUpdate:modelValue": S[0] || (S[0] = (p) => o.value = p),
         "on:update:modelValue": f,
         onInput: d,
         onChange: x,
@@ -3586,29 +3586,29 @@ const Ur = new li(), ui = { style: { display: "flex", "flex-direction": "column"
   setup(n, { expose: t, emit: e }) {
     const r = n, a = kt(), s = O(r.error), o = Ot(), l = O(!1), i = O(!1), d = O("password"), f = O(null);
     //!props.form ? ref(null) : props.form.fields[props.name].ref
-    const p = C({
+    const h = C({
       get: () => r.modelValue,
       //props.form?.fields[props.name].model.value,
       set: (g) => {
         e("update:modelValue", g);
       }
-    }), x = C(() => r.scale), y = (g) => {
+    }), x = C(() => r.scale), b = (g) => {
       e("input", g), S();
     }, S = () => {
       if (!(!r.form || !r.form.fields || !r.form.fields[r.name].rules))
-        return s.value = Ur.validate(p.value, r.form.fields[r.name].rules), !!s.value;
+        return s.value = Ur.validate(h.value, r.form.fields[r.name].rules), !!s.value;
     };
     Ke(() => {
       i.value = r.readonly, !r.autocomplete && !i.value && (i.value = !0, setTimeout(() => {
         i.value = !1;
-      }, 500)), h();
+      }, 500)), p();
     });
-    const h = () => {
+    const p = () => {
       var g;
       (g = f.value) == null || g.focus();
-    }, _ = () => {
+    }, D = () => {
       d.value = d.value === "password" ? "text" : "password";
-    }, D = (g) => {
+    }, _ = (g) => {
       l.value = g;
     }, M = (g) => {
       s.value = g;
@@ -3616,7 +3616,7 @@ const Ur = new li(), ui = { style: { display: "flex", "flex-direction": "column"
       e("blur", g);
     };
     return t({
-      focus: h,
+      focus: p,
       setError: M,
       validate: S
     }), (g, v) => {
@@ -3635,14 +3635,14 @@ const Ur = new li(), ui = { style: { display: "flex", "flex-direction": "column"
                 id: U(o),
                 ref_key: "inputRef",
                 ref: f,
-                "onUpdate:modelValue": v[0] || (v[0] = (L) => p.value = L),
+                "onUpdate:modelValue": v[0] || (v[0] = (L) => h.value = L),
                 style: { width: "100%" },
                 type: d.value,
                 placeholder: r.placeholder,
-                onInput: y,
-                onFocus: v[1] || (v[1] = (L) => D(!0)),
+                onInput: b,
+                onFocus: v[1] || (v[1] = (L) => _(!0)),
                 onBlur: k,
-                onFocusout: v[2] || (v[2] = (L) => D(!1)),
+                onFocusout: v[2] || (v[2] = (L) => _(!1)),
                 class: ae([
                   U(a).pre ? "has-pre" : "",
                   U(a).post ? "has-post" : "",
@@ -3651,12 +3651,12 @@ const Ur = new li(), ui = { style: { display: "flex", "flex-direction": "column"
                 disabled: r.disabled,
                 readonly: i.value
               }, null, 42, El), [
-                [Vt, p.value]
+                [Vt, h.value]
               ]),
               r.toggleView ? (u(), w("div", {
                 key: 0,
                 class: "d-post-inside-button",
-                onClick: _
+                onClick: D
               }, [
                 d.value === "password" ? (u(), w("svg", Ll, Il)) : (u(), w("svg", Fl, Al))
               ])) : F("", !0)
@@ -3807,8 +3807,8 @@ var Nn = qe({
           left: l - 5 + "px",
           top: i - 5 + "px"
         };
-        const d = r.getImageData(Math.min(l, this.size - 1), Math.min(i, this.size - 1), 1, 1), [f, p, x] = d.data;
-        this.$emit("selectSaturation", { r: f, g: p, b: x });
+        const d = r.getImageData(Math.min(l, this.size - 1), Math.min(i, this.size - 1), 1, 1), [f, h, x] = d.data;
+        this.$emit("selectSaturation", { r: f, g: h, b: x });
       };
       a(n);
       const s = () => {
@@ -4104,10 +4104,10 @@ var qn = qe({
     },
     mousemoveHandler(n) {
       const { clientX: t, clientY: e } = n, { top: r, left: a, width: s, height: o } = this.suckerCanvas.getBoundingClientRect(), l = t - a, i = e - r, f = this.suckerCanvas.getContext("2d").getImageData(Math.min(l, s - 1), Math.min(i, o - 1), 1, 1);
-      let [p, x, y, S] = f.data;
+      let [h, x, b, S] = f.data;
       S = parseFloat((S / 255).toFixed(2));
-      const h = this.suckerPreview.style;
-      Object.assign(h, {
+      const p = this.suckerPreview.style;
+      Object.assign(p, {
         position: "absolute",
         left: t + 20 + "px",
         top: e - 36 + "px",
@@ -4116,19 +4116,19 @@ var qn = qe({
         borderRadius: "50%",
         border: "2px solid #fff",
         boxShadow: "0 0 8px 0 rgba(0, 0, 0, 0.16)",
-        background: `rgba(${p}, ${x}, ${y}, ${S})`,
+        background: `rgba(${h}, ${x}, ${b}, ${S})`,
         zIndex: 95
       }), this.suckerArea.length && // @ts-ignore
       t >= this.suckerArea[0] && // @ts-ignore
       e >= this.suckerArea[1] && // @ts-ignore
       t <= this.suckerArea[2] && // @ts-ignore
-      e <= this.suckerArea[3] ? h.display = "" : h.display = "none";
+      e <= this.suckerArea[3] ? p.display = "" : p.display = "none";
     },
     suckColor(n) {
       n && n.tagName !== "CANVAS" || (this.suckerPreview = document.createElement("div"), this.suckerPreview && document.body.appendChild(this.suckerPreview), document.addEventListener("mousemove", this.mousemoveHandler), document.addEventListener("mouseup", this.mousemoveHandler), n.addEventListener("click", (t) => {
-        const { clientX: e, clientY: r } = t, { top: a, left: s, width: o, height: l } = n.getBoundingClientRect(), i = e - s, d = r - a, p = n.getContext("2d").getImageData(Math.min(i, o - 1), Math.min(d, l - 1), 1, 1);
-        let [x, y, S, h] = p.data;
-        h = parseFloat((h / 255).toFixed(2)), this.$emit("selectSucker", { r: x, g: y, b: S, a: h });
+        const { clientX: e, clientY: r } = t, { top: a, left: s, width: o, height: l } = n.getBoundingClientRect(), i = e - s, d = r - a, h = n.getContext("2d").getImageData(Math.min(i, o - 1), Math.min(d, l - 1), 1, 1);
+        let [x, b, S, p] = h.data;
+        p = parseFloat((p / 255).toFixed(2)), this.$emit("selectSucker", { r: x, g: b, b: S, a: p });
       }));
     }
   }
@@ -4553,7 +4553,7 @@ var Et = qe({
 });
 const lu = { class: "color-set" };
 function uu(n, t, e, r, a, s) {
-  const o = pt("Saturation"), l = pt("Hue"), i = pt("Alpha"), d = pt("Preview"), f = pt("Sucker"), p = pt("Box"), x = pt("Colors");
+  const o = pt("Saturation"), l = pt("Hue"), i = pt("Alpha"), d = pt("Preview"), f = pt("Sucker"), h = pt("Box"), x = pt("Colors");
   return u(), R(
     "div",
     {
@@ -4608,14 +4608,14 @@ function uu(n, t, e, r, a, s) {
         4
         /* STYLE */
       ),
-      H(p, {
+      H(h, {
         name: "HEX",
         color: n.modelHex,
         onInputColor: n.inputHex,
         onInputFocus: n.handleFocus,
         onInputBlur: n.handleBlur
       }, null, 8, ["color", "onInputColor", "onInputFocus", "onInputBlur"]),
-      H(p, {
+      H(h, {
         name: "RGBA",
         color: n.modelRgba,
         onInputColor: n.inputRgba,
@@ -4665,16 +4665,16 @@ const cu = /* @__PURE__ */ T("div", { class: "color-indicator" }, null, -1), du
   emits: ["update:modelValue", "change"],
   setup(n, { emit: t }) {
     const e = n;
-    ln((p) => ({
+    ln((h) => ({
       "2c1f41d3": r.value
     }));
     const r = C({
       get: () => e.modelValue,
-      set: (p) => {
-        t("update:modelValue", p);
+      set: (h) => {
+        t("update:modelValue", h);
       }
-    }), a = O(null), s = O(r), o = O(null), l = (p) => {
-      o.value = e.format === "rgba" ? p.rgba : p.hex;
+    }), a = O(null), s = O(r), o = O(null), l = (h) => {
+      o.value = e.format === "rgba" ? h.rgba : h.hex;
     }, i = () => {
       a.value.show();
     }, d = {
@@ -4683,18 +4683,18 @@ const cu = /* @__PURE__ */ T("div", { class: "color-indicator" }, null, -1), du
       }
     }, f = () => {
       if (e.format === "rgba") {
-        const { r: p, g: x, b: y, a: S } = o.value;
-        r.value = `rgba(${p}, ${x}, ${y}, ${S})`;
+        const { r: h, g: x, b, a: S } = o.value;
+        r.value = `rgba(${h}, ${x}, ${b}, ${S})`;
       } else
         r.value = o.value;
       a.value.hide(), t("change", r.value);
     };
-    return (p, x) => (u(), w("div", null, [
+    return (h, x) => (u(), w("div", null, [
       H(lt, {
         pre: d,
         label: e.label,
         modelValue: r.value,
-        "onUpdate:modelValue": x[0] || (x[0] = (y) => r.value = y),
+        "onUpdate:modelValue": x[0] || (x[0] = (b) => r.value = b),
         onClick: i,
         readonly: !0
       }, {
@@ -4723,7 +4723,7 @@ const cu = /* @__PURE__ */ T("div", { class: "color-indicator" }, null, -1), du
         "modal-footer": Z(() => [
           T("div", du, [
             H(we, {
-              onClick: x[1] || (x[1] = (y) => a.value.hide())
+              onClick: x[1] || (x[1] = (b) => a.value.hide())
             }, {
               default: Z(() => [
                 pe(J(e.close), 1)
@@ -4908,9 +4908,9 @@ var Qr = (
           a++;
       else t === this.xPct[this.xPct.length - 1] && (a = this.xPct.length - 2);
       !r && t === this.xPct[a + 1] && a++, e === null && (e = []);
-      var s, o = 1, l = e[a], i = 0, d = 0, f = 0, p = 0;
+      var s, o = 1, l = e[a], i = 0, d = 0, f = 0, h = 0;
       for (r ? s = (t - this.xPct[a]) / (this.xPct[a + 1] - this.xPct[a]) : s = (this.xPct[a + 1] - t) / (this.xPct[a + 1] - this.xPct[a]); l > 0; )
-        i = this.xPct[a + 1 + p] - this.xPct[a + p], e[a + p] * o + 100 - s * 100 > 100 ? (d = i * s, o = (l - 100 * s) / e[a + p], s = 1) : (d = e[a + p] * i / 100 * o, o = 0), r ? (f = f - d, this.xPct.length + p >= 1 && p--) : (f = f + d, this.xPct.length - p >= 1 && p++), l = e[a + p] * o;
+        i = this.xPct[a + 1 + h] - this.xPct[a + h], e[a + h] * o + 100 - s * 100 > 100 ? (d = i * s, o = (l - 100 * s) / e[a + h], s = 1) : (d = e[a + h] * i / 100 * o, o = 0), r ? (f = f - d, this.xPct.length + h >= 1 && h--) : (f = f + d, this.xPct.length - h >= 1 && h++), l = e[a + h] * o;
       return t + f;
     }, n.prototype.toStepping = function(t) {
       return t = Su(this.xVal, this.xPct, t), t;
@@ -5257,13 +5257,13 @@ function Jr(n) {
   return t.style = l[t.dir][t.ort], t;
 }
 function Qu(n, t, e) {
-  var r = bu(), a = xu(), s = a && wu(), o = n, l, i, d, f, p, x = t.spectrum, y = [], S = [], h = [], _ = 0, D = {}, M = n.ownerDocument, k = t.documentElement || M.documentElement, g = M.body, v = M.dir === "rtl" || t.ort === 1 ? 0 : 100;
+  var r = bu(), a = xu(), s = a && wu(), o = n, l, i, d, f, h, x = t.spectrum, b = [], S = [], p = [], D = 0, _ = {}, M = n.ownerDocument, k = t.documentElement || M.documentElement, g = M.body, v = M.dir === "rtl" || t.ort === 1 ? 0 : 100;
   function $(c, m) {
-    var b = M.createElement("div");
-    return m && Be(b, m), c.appendChild(b), b;
+    var y = M.createElement("div");
+    return m && Be(y, m), c.appendChild(y), y;
   }
   function L(c, m) {
-    var b = $(c, t.cssClasses.origin), E = $(b, t.cssClasses.handle);
+    var y = $(c, t.cssClasses.origin), E = $(y, t.cssClasses.handle);
     if ($(E, t.cssClasses.touchArea), E.setAttribute("data-handle", String(m)), t.keyboardSupport && (E.setAttribute("tabindex", "0"), E.addEventListener("keydown", function(N) {
       return xa(N, m);
     })), t.handleAttributes !== void 0) {
@@ -5272,16 +5272,16 @@ function Qu(n, t, e) {
         E.setAttribute(N, W[N]);
       });
     }
-    return E.setAttribute("role", "slider"), E.setAttribute("aria-orientation", t.ort ? "vertical" : "horizontal"), m === 0 ? Be(E, t.cssClasses.handleLower) : m === t.handles - 1 && Be(E, t.cssClasses.handleUpper), b.handle = E, b;
+    return E.setAttribute("role", "slider"), E.setAttribute("aria-orientation", t.ort ? "vertical" : "horizontal"), m === 0 ? Be(E, t.cssClasses.handleLower) : m === t.handles - 1 && Be(E, t.cssClasses.handleUpper), y.handle = E, y;
   }
   function z(c, m) {
     return m ? $(c, t.cssClasses.connect) : !1;
   }
   function ee(c, m) {
-    var b = $(m, t.cssClasses.connects);
-    i = [], d = [], d.push(z(b, c[0]));
+    var y = $(m, t.cssClasses.connects);
+    i = [], d = [], d.push(z(y, c[0]));
     for (var E = 0; E < t.handles; E++)
-      i.push(L(m, E)), h[E] = E, d.push(z(b, c[E + 1]));
+      i.push(L(m, E)), p[E] = E, d.push(z(y, c[E + 1]));
   }
   function me(c) {
     Be(c, t.cssClasses.target), t.dir === 0 ? Be(c, t.cssClasses.ltr) : Be(c, t.cssClasses.rtl), t.ort === 0 ? Be(c, t.cssClasses.horizontal) : Be(c, t.cssClasses.vertical);
@@ -5309,22 +5309,22 @@ function Qu(n, t, e) {
     }));
   }
   function ke() {
-    p && (Ft("update" + dt.tooltips), p.forEach(function(c) {
+    h && (Ft("update" + dt.tooltips), h.forEach(function(c) {
       c && _r(c);
-    }), p = null);
+    }), h = null);
   }
   function Q() {
-    ke(), p = i.map(Y), hn("update" + dt.tooltips, function(c, m, b) {
-      if (!(!p || !t.tooltips) && p[m] !== !1) {
+    ke(), h = i.map(Y), hn("update" + dt.tooltips, function(c, m, y) {
+      if (!(!h || !t.tooltips) && h[m] !== !1) {
         var E = c[m];
-        t.tooltips[m] !== !0 && (E = t.tooltips[m].to(b[m])), p[m].innerHTML = E;
+        t.tooltips[m] !== !0 && (E = t.tooltips[m].to(y[m])), h[m].innerHTML = E;
       }
     });
   }
   function se() {
-    Ft("update" + dt.aria), hn("update" + dt.aria, function(c, m, b, E, W) {
-      h.forEach(function(N) {
-        var re = i[N], X = Xt(S, N, 0, !0, !0, !0), xe = Xt(S, N, 100, !0, !0, !0), be = W[N], Se = String(t.ariaFormat.to(b[N]));
+    Ft("update" + dt.aria), hn("update" + dt.aria, function(c, m, y, E, W) {
+      p.forEach(function(N) {
+        var re = i[N], X = Xt(S, N, 0, !0, !0, !0), xe = Xt(S, N, 100, !0, !0, !0), be = W[N], Se = String(t.ariaFormat.to(y[N]));
         X = x.fromStepping(X).toFixed(1), xe = x.fromStepping(xe).toFixed(1), be = x.fromStepping(be).toFixed(1), re.children[0].setAttribute("aria-valuemin", X), re.children[0].setAttribute("aria-valuemax", xe), re.children[0].setAttribute("aria-valuenow", be), re.children[0].setAttribute("aria-valuetext", Se);
       });
     });
@@ -5335,8 +5335,8 @@ function Qu(n, t, e) {
     if (c.mode === ht.Count) {
       if (c.values < 2)
         throw new Error("noUiSlider: 'values' (>= 2) required for mode 'count'.");
-      for (var m = c.values - 1, b = 100 / m, E = []; m--; )
-        E[m] = m * b;
+      for (var m = c.values - 1, y = 100 / m, E = []; m--; )
+        E[m] = m * y;
       return E.push(100), Pe(E, c.stepped);
     }
     return c.mode === ht.Positions ? Pe(c.values, c.stepped) : c.mode === ht.Values ? c.stepped ? c.values.map(function(W) {
@@ -5344,27 +5344,27 @@ function Qu(n, t, e) {
     }) : c.values : [];
   }
   function Pe(c, m) {
-    return c.map(function(b) {
-      return x.fromStepping(m ? x.getStep(b) : b);
+    return c.map(function(y) {
+      return x.fromStepping(m ? x.getStep(y) : y);
     });
   }
   function ct(c) {
     function m(be, Se) {
       return Number((be + Se).toFixed(7));
     }
-    var b = ce(c), E = {}, W = x.xVal[0], N = x.xVal[x.xVal.length - 1], re = !1, X = !1, xe = 0;
-    return b = hu(b.slice().sort(function(be, Se) {
+    var y = ce(c), E = {}, W = x.xVal[0], N = x.xVal[x.xVal.length - 1], re = !1, X = !1, xe = 0;
+    return y = hu(y.slice().sort(function(be, Se) {
       return be - Se;
-    })), b[0] !== W && (b.unshift(W), re = !0), b[b.length - 1] !== N && (b.push(N), X = !0), b.forEach(function(be, Se) {
-      var De, ve, Ie, He = be, Ae = b[Se + 1], Ve, gn, yn, bn, hr, wn, mr, vr = c.mode === ht.Steps;
+    })), y[0] !== W && (y.unshift(W), re = !0), y[y.length - 1] !== N && (y.push(N), X = !0), y.forEach(function(be, Se) {
+      var De, ve, Ie, He = be, Ae = y[Se + 1], Ve, gn, yn, bn, hr, wn, mr, vr = c.mode === ht.Steps;
       for (vr && (De = x.xNumSteps[Se]), De || (De = Ae - He), Ae === void 0 && (Ae = He), De = Math.max(De, 1e-7), ve = He; ve <= Ae; ve = m(ve, De)) {
         for (Ve = x.toStepping(ve), gn = Ve - xe, hr = gn / (c.density || 1), wn = Math.round(hr), mr = gn / wn, Ie = 1; Ie <= wn; Ie += 1)
           yn = xe + Ie * mr, E[yn.toFixed(5)] = [x.fromStepping(yn), 0];
-        bn = b.indexOf(ve) > -1 ? je.LargeValue : vr ? je.SmallValue : je.NoValue, !Se && re && ve !== Ae && (bn = 0), ve === Ae && X || (E[Ve.toFixed(5)] = [ve, bn]), xe = Ve;
+        bn = y.indexOf(ve) > -1 ? je.LargeValue : vr ? je.SmallValue : je.NoValue, !Se && re && ve !== Ae && (bn = 0), ve === Ae && X || (E[Ve.toFixed(5)] = [ve, bn]), xe = Ve;
       }
     }), E;
   }
-  function nt(c, m, b) {
+  function nt(c, m, y) {
     var E, W, N = M.createElement("div"), re = (E = {}, E[je.None] = "", E[je.NoValue] = t.cssClasses.valueNormal, E[je.LargeValue] = t.cssClasses.valueLarge, E[je.SmallValue] = t.cssClasses.valueSub, E), X = (W = {}, W[je.None] = "", W[je.NoValue] = t.cssClasses.markerNormal, W[je.LargeValue] = t.cssClasses.markerLarge, W[je.SmallValue] = t.cssClasses.markerSub, W), xe = [t.cssClasses.valueHorizontal, t.cssClasses.valueVertical], be = [t.cssClasses.markerHorizontal, t.cssClasses.markerVertical];
     Be(N, t.cssClasses.pips), Be(N, t.ort === 0 ? t.cssClasses.pipsHorizontal : t.cssClasses.pipsVertical);
     function Se(ve, Ie) {
@@ -5374,7 +5374,7 @@ function Qu(n, t, e) {
     function De(ve, Ie, He) {
       if (He = m ? m(Ie, He) : He, He !== je.None) {
         var Ae = $(N, !1);
-        Ae.className = Se(He, t.cssClasses.marker), Ae.style[t.style] = ve + "%", He > je.NoValue && (Ae = $(N, !1), Ae.className = Se(He, t.cssClasses.value), Ae.setAttribute("data-value", String(Ie)), Ae.style[t.style] = ve + "%", Ae.innerHTML = String(b.to(Ie)));
+        Ae.className = Se(He, t.cssClasses.marker), Ae.style[t.style] = ve + "%", He > je.NoValue && (Ae = $(N, !1), Ae.className = Se(He, t.cssClasses.value), Ae.setAttribute("data-value", String(Ie)), Ae.style[t.style] = ve + "%", Ae.innerHTML = String(y.to(Ie)));
       }
     }
     return Object.keys(c).forEach(function(ve) {
@@ -5386,36 +5386,36 @@ function Qu(n, t, e) {
   }
   function P(c) {
     vt();
-    var m = ct(c), b = c.filter, E = c.format || {
+    var m = ct(c), y = c.filter, E = c.format || {
       to: function(W) {
         return String(Math.round(W));
       }
     };
-    return f = o.appendChild(nt(m, b, E)), f;
+    return f = o.appendChild(nt(m, y, E)), f;
   }
   function I() {
     var c = l.getBoundingClientRect(), m = "offset" + ["Width", "Height"][t.ort];
     return t.ort === 0 ? c.width || l[m] : c.height || l[m];
   }
-  function B(c, m, b, E) {
+  function B(c, m, y, E) {
     var W = function(re) {
       var X = A(re, E.pageOffset, E.target || m);
       if (!X || de() && !E.doNotReject || yu(o, t.cssClasses.tap) && !E.doNotReject || c === r.start && X.buttons !== void 0 && X.buttons > 1 || E.hover && X.buttons)
         return !1;
-      s || X.preventDefault(), X.calcPoint = X.points[t.ort], b(X, E);
+      s || X.preventDefault(), X.calcPoint = X.points[t.ort], y(X, E);
     }, N = [];
     return c.split(" ").forEach(function(re) {
       m.addEventListener(re, W, s ? { passive: !0 } : !1), N.push([re, W]);
     }), N;
   }
-  function A(c, m, b) {
+  function A(c, m, y) {
     var E = c.type.indexOf("touch") === 0, W = c.type.indexOf("mouse") === 0, N = c.type.indexOf("pointer") === 0, re = 0, X = 0;
     if (c.type.indexOf("MSPointer") === 0 && (N = !0), c.type === "mousedown" && !c.buttons && !c.touches)
       return !1;
     if (E) {
       var xe = function(De) {
         var ve = De.target;
-        return ve === b || b.contains(ve) || c.composed && c.composedPath().shift() === b;
+        return ve === y || y.contains(ve) || c.composed && c.composedPath().shift() === y;
       };
       if (c.type === "touchstart") {
         var be = Array.prototype.filter.call(c.touches, xe);
@@ -5432,17 +5432,17 @@ function Qu(n, t, e) {
     return m = m || Gr(M), (W || N) && (re = c.clientX + m.x, X = c.clientY + m.y), c.pageOffset = m, c.points = [re, X], c.cursor = W || N, c;
   }
   function j(c) {
-    var m = c - vu(l, t.ort), b = m * 100 / I();
-    return b = Dr(b), t.dir ? 100 - b : b;
+    var m = c - vu(l, t.ort), y = m * 100 / I();
+    return y = Dr(y), t.dir ? 100 - y : y;
   }
   function ne(c) {
-    var m = 100, b = !1;
+    var m = 100, y = !1;
     return i.forEach(function(E, W) {
       if (!te(W)) {
         var N = S[W], re = Math.abs(N - c), X = re === 100 && m === 100, xe = re < m, be = re <= m && c > N;
-        (xe || be || X) && (b = W, m = re);
+        (xe || be || X) && (y = W, m = re);
       }
-    }), b;
+    }), y;
   }
   function ue(c, m) {
     c.type === "mouseout" && c.target.nodeName === "HTML" && c.relatedTarget === null && We(c, m);
@@ -5450,33 +5450,33 @@ function Qu(n, t, e) {
   function ze(c, m) {
     if (navigator.appVersion.indexOf("MSIE 9") === -1 && c.buttons === 0 && m.buttonsProperty !== 0)
       return We(c, m);
-    var b = (t.dir ? -1 : 1) * (c.calcPoint - m.startCalcPoint), E = b * 100 / m.baseSize;
-    lr(b > 0, E, m.locations, m.handleNumbers, m.connect);
+    var y = (t.dir ? -1 : 1) * (c.calcPoint - m.startCalcPoint), E = y * 100 / m.baseSize;
+    lr(y > 0, E, m.locations, m.handleNumbers, m.connect);
   }
   function We(c, m) {
-    m.handle && (tn(m.handle, t.cssClasses.active), _ -= 1), m.listeners.forEach(function(b) {
-      k.removeEventListener(b[0], b[1]);
-    }), _ === 0 && (tn(o, t.cssClasses.drag), vn(), c.cursor && (g.style.cursor = "", g.removeEventListener("selectstart", kr))), t.events.smoothSteps && (m.handleNumbers.forEach(function(b) {
-      gt(b, S[b], !0, !0, !1, !1);
-    }), m.handleNumbers.forEach(function(b) {
-      Ee("update", b);
-    })), m.handleNumbers.forEach(function(b) {
-      Ee("change", b), Ee("set", b), Ee("end", b);
+    m.handle && (tn(m.handle, t.cssClasses.active), D -= 1), m.listeners.forEach(function(y) {
+      k.removeEventListener(y[0], y[1]);
+    }), D === 0 && (tn(o, t.cssClasses.drag), vn(), c.cursor && (g.style.cursor = "", g.removeEventListener("selectstart", kr))), t.events.smoothSteps && (m.handleNumbers.forEach(function(y) {
+      gt(y, S[y], !0, !0, !1, !1);
+    }), m.handleNumbers.forEach(function(y) {
+      Ee("update", y);
+    })), m.handleNumbers.forEach(function(y) {
+      Ee("change", y), Ee("set", y), Ee("end", y);
     });
   }
   function Ct(c, m) {
     if (!m.handleNumbers.some(te)) {
-      var b;
+      var y;
       if (m.handleNumbers.length === 1) {
         var E = i[m.handleNumbers[0]];
-        b = E.children[0], _ += 1, Be(b, t.cssClasses.active);
+        y = E.children[0], D += 1, Be(y, t.cssClasses.active);
       }
       c.stopPropagation();
       var W = [], N = B(r.move, k, ze, {
         // The event target has changed so we need to propagate the original one so that we keep
         // relying on it to extract target touches.
         target: c.target,
-        handle: b,
+        handle: y,
         connect: m.connect,
         listeners: W,
         startCalcPoint: c.calcPoint,
@@ -5487,13 +5487,13 @@ function Qu(n, t, e) {
         locations: S.slice()
       }), re = B(r.end, k, We, {
         target: c.target,
-        handle: b,
+        handle: y,
         listeners: W,
         doNotReject: !0,
         handleNumbers: m.handleNumbers
       }), X = B("mouseout", k, ue, {
         target: c.target,
-        handle: b,
+        handle: y,
         listeners: W,
         doNotReject: !0,
         handleNumbers: m.handleNumbers
@@ -5505,13 +5505,13 @@ function Qu(n, t, e) {
   }
   function pn(c) {
     c.stopPropagation();
-    var m = j(c.calcPoint), b = ne(m);
-    b !== !1 && (t.events.snap || Sr(o, t.cssClasses.tap, t.animationDuration), gt(b, m, !0, !0), vn(), Ee("slide", b, !0), Ee("update", b, !0), t.events.snap ? Ct(c, { handleNumbers: [b] }) : (Ee("change", b, !0), Ee("set", b, !0)));
+    var m = j(c.calcPoint), y = ne(m);
+    y !== !1 && (t.events.snap || Sr(o, t.cssClasses.tap, t.animationDuration), gt(y, m, !0, !0), vn(), Ee("slide", y, !0), Ee("update", y, !0), t.events.snap ? Ct(c, { handleNumbers: [y] }) : (Ee("change", y, !0), Ee("set", y, !0)));
   }
   function Ut(c) {
-    var m = j(c.calcPoint), b = x.getStep(m), E = x.fromStepping(b);
-    Object.keys(D).forEach(function(W) {
-      W.split(".")[0] === "hover" && D[W].forEach(function(N) {
+    var m = j(c.calcPoint), y = x.getStep(m), E = x.fromStepping(y);
+    Object.keys(_).forEach(function(W) {
+      W.split(".")[0] === "hover" && _[W].forEach(function(N) {
         N.call(Qt, E);
       });
     });
@@ -5519,9 +5519,9 @@ function Qu(n, t, e) {
   function xa(c, m) {
     if (de() || te(m))
       return !1;
-    var b = ["Left", "Right"], E = ["Down", "Up"], W = ["PageDown", "PageUp"], N = ["Home", "End"];
-    t.dir && !t.ort ? b.reverse() : t.ort && !t.dir && (E.reverse(), W.reverse());
-    var re = c.key.replace("Arrow", ""), X = re === W[0], xe = re === W[1], be = re === E[0] || re === b[0] || X, Se = re === E[1] || re === b[1] || xe, De = re === N[0], ve = re === N[1];
+    var y = ["Left", "Right"], E = ["Down", "Up"], W = ["PageDown", "PageUp"], N = ["Home", "End"];
+    t.dir && !t.ort ? y.reverse() : t.ort && !t.dir && (E.reverse(), W.reverse());
+    var re = c.key.replace("Arrow", ""), X = re === W[0], xe = re === W[1], be = re === E[0] || re === y[0] || X, Se = re === E[1] || re === y[1] || xe, De = re === N[0], ve = re === N[1];
     if (!be && !Se && !De && !ve)
       return !0;
     c.preventDefault();
@@ -5530,21 +5530,21 @@ function Qu(n, t, e) {
       var He = be ? 0 : 1, Ae = pr(m), Ve = Ae[He];
       if (Ve === null)
         return !1;
-      Ve === !1 && (Ve = x.getDefaultStep(S[m], be, t.keyboardDefaultStep)), xe || X ? Ve *= t.keyboardPageMultiplier : Ve *= t.keyboardMultiplier, Ve = Math.max(Ve, 1e-7), Ve = (be ? -1 : 1) * Ve, Ie = y[m] + Ve;
+      Ve === !1 && (Ve = x.getDefaultStep(S[m], be, t.keyboardDefaultStep)), xe || X ? Ve *= t.keyboardPageMultiplier : Ve *= t.keyboardMultiplier, Ve = Math.max(Ve, 1e-7), Ve = (be ? -1 : 1) * Ve, Ie = b[m] + Ve;
     } else ve ? Ie = t.spectrum.xVal[t.spectrum.xVal.length - 1] : Ie = t.spectrum.xVal[0];
     return gt(m, x.toStepping(Ie), !0, !0), Ee("slide", m), Ee("update", m), Ee("change", m), Ee("set", m), !1;
   }
   function _a(c) {
-    c.fixed || i.forEach(function(m, b) {
+    c.fixed || i.forEach(function(m, y) {
       B(r.start, m.children[0], Ct, {
-        handleNumbers: [b]
+        handleNumbers: [y]
       });
     }), c.tap && B(r.start, l, pn, {}), c.hover && B(r.move, l, Ut, {
       hover: !0
-    }), c.drag && d.forEach(function(m, b) {
-      if (!(m === !1 || b === 0 || b === d.length - 1)) {
-        var E = i[b - 1], W = i[b], N = [m], re = [E, W], X = [b - 1, b];
-        Be(m, t.cssClasses.draggable), c.fixed && (N.push(E.children[0]), N.push(W.children[0])), c.dragAll && (re = i, X = h), N.forEach(function(xe) {
+    }), c.drag && d.forEach(function(m, y) {
+      if (!(m === !1 || y === 0 || y === d.length - 1)) {
+        var E = i[y - 1], W = i[y], N = [m], re = [E, W], X = [y - 1, y];
+        Be(m, t.cssClasses.draggable), c.fixed && (N.push(E.children[0]), N.push(W.children[0])), c.dragAll && (re = i, X = p), N.forEach(function(xe) {
           B(r.start, xe, Ct, {
             handles: re,
             handleNumbers: X,
@@ -5555,7 +5555,7 @@ function Qu(n, t, e) {
     });
   }
   function hn(c, m) {
-    D[c] = D[c] || [], D[c].push(m), c.split(".")[0] === "update" && i.forEach(function(b, E) {
+    _[c] = _[c] || [], _[c].push(m), c.split(".")[0] === "update" && i.forEach(function(y, E) {
       Ee("update", E);
     });
   }
@@ -5563,27 +5563,27 @@ function Qu(n, t, e) {
     return c === dt.aria || c === dt.tooltips;
   }
   function Ft(c) {
-    var m = c && c.split(".")[0], b = m ? c.substring(m.length) : c;
-    Object.keys(D).forEach(function(E) {
+    var m = c && c.split(".")[0], y = m ? c.substring(m.length) : c;
+    Object.keys(_).forEach(function(E) {
       var W = E.split(".")[0], N = E.substring(W.length);
-      (!m || m === W) && (!b || b === N) && (!ka(N) || b === N) && delete D[E];
+      (!m || m === W) && (!y || y === N) && (!ka(N) || y === N) && delete _[E];
     });
   }
-  function Ee(c, m, b) {
-    Object.keys(D).forEach(function(E) {
+  function Ee(c, m, y) {
+    Object.keys(_).forEach(function(E) {
       var W = E.split(".")[0];
-      c === W && D[E].forEach(function(N) {
+      c === W && _[E].forEach(function(N) {
         N.call(
           // Use the slider public API as the scope ('this')
           Qt,
           // Return values as array, so arg_1[arg_2] is always valid.
-          y.map(t.format.to),
+          b.map(t.format.to),
           // Handle index, 0 or 1
           m,
           // Un-formatted slider values
-          y.slice(),
+          b.slice(),
           // Event is fired by tap, true or false
-          b || !1,
+          y || !1,
           // Left offset of the handle, in relation to the slider
           S.slice(),
           // add the slider public API to an accessible parameter when this is unavailable
@@ -5592,23 +5592,23 @@ function Qu(n, t, e) {
       });
     });
   }
-  function Xt(c, m, b, E, W, N, re) {
+  function Xt(c, m, y, E, W, N, re) {
     var X;
-    return i.length > 1 && !t.events.unconstrained && (E && m > 0 && (X = x.getAbsoluteDistance(c[m - 1], t.margin, !1), b = Math.max(b, X)), W && m < i.length - 1 && (X = x.getAbsoluteDistance(c[m + 1], t.margin, !0), b = Math.min(b, X))), i.length > 1 && t.limit && (E && m > 0 && (X = x.getAbsoluteDistance(c[m - 1], t.limit, !1), b = Math.min(b, X)), W && m < i.length - 1 && (X = x.getAbsoluteDistance(c[m + 1], t.limit, !0), b = Math.max(b, X))), t.padding && (m === 0 && (X = x.getAbsoluteDistance(0, t.padding[0], !1), b = Math.max(b, X)), m === i.length - 1 && (X = x.getAbsoluteDistance(100, t.padding[1], !0), b = Math.min(b, X))), re || (b = x.getStep(b)), b = Dr(b), b === c[m] && !N ? !1 : b;
+    return i.length > 1 && !t.events.unconstrained && (E && m > 0 && (X = x.getAbsoluteDistance(c[m - 1], t.margin, !1), y = Math.max(y, X)), W && m < i.length - 1 && (X = x.getAbsoluteDistance(c[m + 1], t.margin, !0), y = Math.min(y, X))), i.length > 1 && t.limit && (E && m > 0 && (X = x.getAbsoluteDistance(c[m - 1], t.limit, !1), y = Math.min(y, X)), W && m < i.length - 1 && (X = x.getAbsoluteDistance(c[m + 1], t.limit, !0), y = Math.max(y, X))), t.padding && (m === 0 && (X = x.getAbsoluteDistance(0, t.padding[0], !1), y = Math.max(y, X)), m === i.length - 1 && (X = x.getAbsoluteDistance(100, t.padding[1], !0), y = Math.min(y, X))), re || (y = x.getStep(y)), y = Dr(y), y === c[m] && !N ? !1 : y;
   }
   function mn(c, m) {
-    var b = t.ort;
-    return (b ? m : c) + ", " + (b ? c : m);
+    var y = t.ort;
+    return (y ? m : c) + ", " + (y ? c : m);
   }
-  function lr(c, m, b, E, W) {
-    var N = b.slice(), re = E[0], X = t.events.smoothSteps, xe = [!c, c], be = [c, !c];
+  function lr(c, m, y, E, W) {
+    var N = y.slice(), re = E[0], X = t.events.smoothSteps, xe = [!c, c], be = [c, !c];
     E = E.slice(), c && E.reverse(), E.length > 1 ? E.forEach(function(De, ve) {
       var Ie = Xt(N, De, N[De] + m, xe[ve], be[ve], !1, X);
       Ie === !1 ? m = 0 : (m = Ie - N[De], N[De] = Ie);
     }) : xe = be = [!0];
     var Se = !1;
     E.forEach(function(De, ve) {
-      Se = gt(De, b[De] + m, xe[ve], be[ve], !1, X) || Se;
+      Se = gt(De, y[De] + m, xe[ve], be[ve], !1, X) || Se;
     }), Se && (E.forEach(function(De) {
       Ee("update", De), Ee("slide", De);
     }), W != null && Ee("drag", re));
@@ -5617,62 +5617,62 @@ function Qu(n, t, e) {
     return t.dir ? 100 - c - m : c;
   }
   function Sa(c, m) {
-    S[c] = m, y[c] = x.fromStepping(m);
-    var b = ur(m, 0) - v, E = "translate(" + mn(b + "%", "0") + ")";
+    S[c] = m, b[c] = x.fromStepping(m);
+    var y = ur(m, 0) - v, E = "translate(" + mn(y + "%", "0") + ")";
     i[c].style[t.transformRule] = E, cr(c), cr(c + 1);
   }
   function vn() {
-    h.forEach(function(c) {
-      var m = S[c] > 50 ? -1 : 1, b = 3 + (i.length + m * c);
-      i[c].style.zIndex = String(b);
+    p.forEach(function(c) {
+      var m = S[c] > 50 ? -1 : 1, y = 3 + (i.length + m * c);
+      i[c].style.zIndex = String(y);
     });
   }
-  function gt(c, m, b, E, W, N) {
-    return W || (m = Xt(S, c, m, b, E, !1, N)), m === !1 ? !1 : (Sa(c, m), !0);
+  function gt(c, m, y, E, W, N) {
+    return W || (m = Xt(S, c, m, y, E, !1, N)), m === !1 ? !1 : (Sa(c, m), !0);
   }
   function cr(c) {
     if (d[c]) {
-      var m = 0, b = 100;
-      c !== 0 && (m = S[c - 1]), c !== d.length - 1 && (b = S[c]);
-      var E = b - m, W = "translate(" + mn(ur(m, E) + "%", "0") + ")", N = "scale(" + mn(E / 100, "1") + ")";
+      var m = 0, y = 100;
+      c !== 0 && (m = S[c - 1]), c !== d.length - 1 && (y = S[c]);
+      var E = y - m, W = "translate(" + mn(ur(m, E) + "%", "0") + ")", N = "scale(" + mn(E / 100, "1") + ")";
       d[c].style[t.transformRule] = W + " " + N;
     }
   }
   function dr(c, m) {
     return c === null || c === !1 || c === void 0 || (typeof c == "number" && (c = String(c)), c = t.format.from(c), c !== !1 && (c = x.toStepping(c)), c === !1 || isNaN(c)) ? S[m] : c;
   }
-  function Gt(c, m, b) {
+  function Gt(c, m, y) {
     var E = dn(c), W = S[0] === void 0;
-    m = m === void 0 ? !0 : m, t.animate && !W && Sr(o, t.cssClasses.tap, t.animationDuration), h.forEach(function(X) {
-      gt(X, dr(E[X], X), !0, !1, b);
+    m = m === void 0 ? !0 : m, t.animate && !W && Sr(o, t.cssClasses.tap, t.animationDuration), p.forEach(function(X) {
+      gt(X, dr(E[X], X), !0, !1, y);
     });
-    var N = h.length === 1 ? 0 : 1;
-    if (W && x.hasNoSize() && (b = !0, S[0] = 0, h.length > 1)) {
-      var re = 100 / (h.length - 1);
-      h.forEach(function(X) {
+    var N = p.length === 1 ? 0 : 1;
+    if (W && x.hasNoSize() && (y = !0, S[0] = 0, p.length > 1)) {
+      var re = 100 / (p.length - 1);
+      p.forEach(function(X) {
         S[X] = X * re;
       });
     }
-    for (; N < h.length; ++N)
-      h.forEach(function(X) {
-        gt(X, S[X], !0, !0, b);
+    for (; N < p.length; ++N)
+      p.forEach(function(X) {
+        gt(X, S[X], !0, !0, y);
       });
-    vn(), h.forEach(function(X) {
+    vn(), p.forEach(function(X) {
       Ee("update", X), E[X] !== null && m && Ee("set", X);
     });
   }
   function Da(c) {
     Gt(t.start, c);
   }
-  function Ca(c, m, b, E) {
-    if (c = Number(c), !(c >= 0 && c < h.length))
+  function Ca(c, m, y, E) {
+    if (c = Number(c), !(c >= 0 && c < p.length))
       throw new Error("noUiSlider: invalid handle number, got: " + c);
-    gt(c, dr(m, c), !0, !0, E), Ee("update", c), b && Ee("set", c);
+    gt(c, dr(m, c), !0, !0, E), Ee("update", c), y && Ee("set", c);
   }
   function fr(c) {
     if (c === void 0 && (c = !1), c)
-      return y.length === 1 ? y[0] : y.slice(0);
-    var m = y.map(t.format.to);
+      return b.length === 1 ? b[0] : b.slice(0);
+    var m = b.map(t.format.to);
     return m.length === 1 ? m[0] : m;
   }
   function $a() {
@@ -5683,21 +5683,21 @@ function Qu(n, t, e) {
     delete o.noUiSlider;
   }
   function pr(c) {
-    var m = S[c], b = x.getNearbySteps(m), E = y[c], W = b.thisStep.step, N = null;
+    var m = S[c], y = x.getNearbySteps(m), E = b[c], W = y.thisStep.step, N = null;
     if (t.snap)
       return [
-        E - b.stepBefore.startValue || null,
-        b.stepAfter.startValue - E || null
+        E - y.stepBefore.startValue || null,
+        y.stepAfter.startValue - E || null
       ];
-    W !== !1 && E + W > b.stepAfter.startValue && (W = b.stepAfter.startValue - E), E > b.thisStep.startValue ? N = b.thisStep.step : b.stepBefore.step === !1 ? N = !1 : N = E - b.stepBefore.highestStep, m === 100 ? W = null : m === 0 && (N = null);
+    W !== !1 && E + W > y.stepAfter.startValue && (W = y.stepAfter.startValue - E), E > y.thisStep.startValue ? N = y.thisStep.step : y.stepBefore.step === !1 ? N = !1 : N = E - y.stepBefore.highestStep, m === 100 ? W = null : m === 0 && (N = null);
     var re = x.countStepDecimals();
     return W !== null && W !== !1 && (W = Number(W.toFixed(re))), N !== null && N !== !1 && (N = Number(N.toFixed(re))), [N, W];
   }
   function Ma() {
-    return h.map(pr);
+    return p.map(pr);
   }
   function Pa(c, m) {
-    var b = fr(), E = [
+    var y = fr(), E = [
       "margin",
       "limit",
       "padding",
@@ -5715,7 +5715,7 @@ function Qu(n, t, e) {
     var W = Jr(e);
     E.forEach(function(N) {
       c[N] !== void 0 && (t[N] = W[N]);
-    }), x = W.spectrum, t.margin = W.margin, t.limit = W.limit, t.padding = W.padding, t.pips ? P(t.pips) : vt(), t.tooltips ? Q() : ke(), S = [], Gt(Pn(c.start) ? c.start : b, m);
+    }), x = W.spectrum, t.margin = W.margin, t.limit = W.limit, t.padding = W.padding, t.pips ? P(t.pips) : vt(), t.tooltips ? Q() : ke(), S = [], Gt(Pn(c.start) ? c.start : y, m);
   }
   function Ta() {
     l = me(o), ee(t.connect, l), _a(t.events), Gt(t.start), t.pips && P(t.pips), t.tooltips && Q(), se();
@@ -5733,8 +5733,8 @@ function Qu(n, t, e) {
     disable: V,
     enable: fe,
     // Exposed for unit testing, don't use this in your application.
-    __moveHandles: function(c, m, b) {
-      lr(c, m, S, b);
+    __moveHandles: function(c, m, y) {
+      lr(c, m, S, y);
     },
     options: e,
     updateOptions: Pa,
@@ -5745,7 +5745,7 @@ function Qu(n, t, e) {
       return S.slice();
     },
     getTooltips: function() {
-      return p;
+      return h;
     },
     getOrigins: function() {
       return i;
@@ -5879,46 +5879,46 @@ const $r = {
       animationDuration: r.duration
     };
     let l = null;
-    Qe(() => s.value, (h, _) => {
+    Qe(() => s.value, (p, D) => {
       if (!r.selectable)
         return;
       const M = document.querySelector(`#${a}`).querySelectorAll("[data-handle]");
       for (let k in M) M.hasOwnProperty(k) && M[k].classList.remove("selected");
-      h !== null && document.querySelector(`#${a} [data-handle="${h}"]`).classList.add("selected");
+      p !== null && document.querySelector(`#${a} [data-handle="${p}"]`).classList.add("selected");
     }), Ke(() => {
       l = document.getElementById(a), $r.create(l, o), e("init"), i();
     });
     const i = () => {
-      l.noUiSlider.on("start", (h, _, D, M, k, g) => {
-        s.value = _, e("start", { values: h, index: _, eunencoded: D, tap: M, positions: k, slider: g, selectedIndex: s });
-      }), l.noUiSlider.on("slide", (h, _, D, M, k, g) => {
-        s.value = _, e("slide", { values: h, index: _, eunencoded: D, tap: M, positions: k, slider: g, selectedIndex: s });
-      }), l.noUiSlider.on("drag", (h, _, D, M, k, g) => {
-        s.value = _, e("drag", { values: h, index: _, eunencoded: D, tap: M, positions: k, slider: g, selectedIndex: s });
-      }), l.noUiSlider.on("update", (h, _, D, M, k, g) => {
-        s.value = _, e("update", { values: h, index: _, eunencoded: D, tap: M, positions: k, slider: g, selectedIndex: s });
-      }), l.noUiSlider.on("change", (h, _, D, M, k, g) => {
-        s.value = _, e("change", { values: h, index: _, eunencoded: D, tap: M, positions: k, slider: g, selectedIndex: s });
-      }), l.noUiSlider.on("set", (h, _, D, M, k, g) => {
-        s.value = _, e("set", { values: h, index: _, eunencoded: D, tap: M, positions: k, slider: g, selectedIndex: s });
-      }), l.noUiSlider.on("end", (h, _, D, M, k, g) => {
-        s.value = _, e("end", { values: h, index: _, eunencoded: D, tap: M, positions: k, slider: g, selectedIndex: s });
+      l.noUiSlider.on("start", (p, D, _, M, k, g) => {
+        s.value = D, e("start", { values: p, index: D, eunencoded: _, tap: M, positions: k, slider: g, selectedIndex: s });
+      }), l.noUiSlider.on("slide", (p, D, _, M, k, g) => {
+        s.value = D, e("slide", { values: p, index: D, eunencoded: _, tap: M, positions: k, slider: g, selectedIndex: s });
+      }), l.noUiSlider.on("drag", (p, D, _, M, k, g) => {
+        s.value = D, e("drag", { values: p, index: D, eunencoded: _, tap: M, positions: k, slider: g, selectedIndex: s });
+      }), l.noUiSlider.on("update", (p, D, _, M, k, g) => {
+        s.value = D, e("update", { values: p, index: D, eunencoded: _, tap: M, positions: k, slider: g, selectedIndex: s });
+      }), l.noUiSlider.on("change", (p, D, _, M, k, g) => {
+        s.value = D, e("change", { values: p, index: D, eunencoded: _, tap: M, positions: k, slider: g, selectedIndex: s });
+      }), l.noUiSlider.on("set", (p, D, _, M, k, g) => {
+        s.value = D, e("set", { values: p, index: D, eunencoded: _, tap: M, positions: k, slider: g, selectedIndex: s });
+      }), l.noUiSlider.on("end", (p, D, _, M, k, g) => {
+        s.value = D, e("end", { values: p, index: D, eunencoded: _, tap: M, positions: k, slider: g, selectedIndex: s });
       });
     };
     return t({
       get: () => l.noUiSlider.get(),
-      set: (h) => {
-        l.noUiSlider.set(h);
+      set: (p) => {
+        l.noUiSlider.set(p);
       },
       position: () => l.noUiSlider.getPositions(),
       getSelectedIndex: () => s.value,
-      updateOptions: (h) => {
-        l.noUiSlider.updateOptions(h);
+      updateOptions: (p) => {
+        l.noUiSlider.updateOptions(p);
       },
-      updateStart: (h) => {
-        s.value = null, l.noUiSlider.destroy(), o.start = h, $r.create(l, o), e("init"), i();
+      updateStart: (p) => {
+        s.value = null, l.noUiSlider.destroy(), o.start = p, $r.create(l, o), e("init"), i();
       }
-    }), (h, _) => (u(), w("div", {
+    }), (p, D) => (u(), w("div", {
       id: a,
       class: ae(["slider-styled slider-round", [r.type, r.tooltipHide ? "slider-tooltip-hide" : null]])
     }, null, 2));
@@ -5939,10 +5939,10 @@ const $r = {
     Qe(() => e.angle, (i) => {
       a.value = -~i;
     });
-    const o = (i, d, f, p) => Math.atan2(i - f, d - p) * (180 / Math.PI) * -1 + 180, l = (i) => {
+    const o = (i, d, f, h) => Math.atan2(i - f, d - h) * (180 / Math.PI) * -1 + 180, l = (i) => {
       if (s.value) {
-        let d = -~(r.value.offsetHeight || r.value.height) / 2, f = -~(r.value.offsetWidth || r.value.width) / 2, p = o(i.offsetX, i.offsetY, d, f);
-        a.value = -~p, t("angle", p);
+        let d = -~(r.value.offsetHeight || r.value.height) / 2, f = -~(r.value.offsetWidth || r.value.width) / 2, h = o(i.offsetX, i.offsetY, d, f);
+        a.value = -~h, t("angle", h);
       }
     };
     return (i, d) => (u(), w("div", null, [
@@ -6149,11 +6149,11 @@ St.parse = /* @__PURE__ */ function() {
     ) || o(
       "radial-gradient",
       n.radialGradient,
-      p
+      h
     ) || o(
       "repeating-radial-gradient",
       n.repeatingRadialGradient,
-      p
+      h
     );
   }
   function o(Q, se, ce) {
@@ -6183,22 +6183,22 @@ St.parse = /* @__PURE__ */ function() {
   function f() {
     return V("angular", n.angleValue, 1);
   }
-  function p() {
+  function h() {
     var Q, se = x(), ce;
     return se && (Q = [], Q.push(se), ce = t, fe(n.comma) && (se = x(), se ? Q.push(se) : t = ce)), Q;
   }
   function x() {
-    var Q = y() || S();
+    var Q = b() || S();
     if (Q)
-      Q.at = _();
+      Q.at = D();
     else {
-      var se = h();
+      var se = p();
       if (se) {
         Q = se;
-        var ce = _();
+        var ce = D();
         ce && (Q.at = ce);
       } else {
-        var Pe = D();
+        var Pe = _();
         Pe && (Q = {
           type: "default-radial",
           at: Pe
@@ -6207,24 +6207,24 @@ St.parse = /* @__PURE__ */ function() {
     }
     return Q;
   }
-  function y() {
+  function b() {
     var Q = V("shape", /^(circle)/i, 0);
-    return Q && (Q.style = te() || h()), Q;
+    return Q && (Q.style = te() || p()), Q;
   }
   function S() {
     var Q = V("shape", /^(ellipse)/i, 0);
-    return Q && (Q.style = Y() || h()), Q;
+    return Q && (Q.style = Y() || p()), Q;
   }
-  function h() {
+  function p() {
     return V("extent-keyword", n.extentKeywords, 1);
   }
-  function _() {
+  function D() {
     if (V("position", /^at/, 0)) {
-      var Q = D();
+      var Q = _();
       return Q || e("Missing positioning value"), Q;
     }
   }
-  function D() {
+  function _() {
     var Q = M();
     if (Q.x || Q.y)
       return {
@@ -6361,12 +6361,12 @@ const ic = {
         t("update:modelValue", k);
       }
     }), a = O(null), s = O(null), o = O([{ code: "#FFFFFF" }]), l = O(""), i = O("linear"), d = O("0"), f = O("");
-    let p = 1;
+    let h = 1;
     const x = () => {
-      a.value.show(), y();
-    }, y = () => {
+      a.value.show(), b();
+    }, b = () => {
       const v = r.value.split(";")[1].trim().split(":")[1].trim(), $ = Qn.parse(v), L = $[0].type.split("-");
-      i.value = L[0], i.value === "linear" && (d.value = $[0].orientation.value), o.value = [], p = $[0].colorStops.length;
+      i.value = L[0], i.value === "linear" && (d.value = $[0].orientation.value), o.value = [], h = $[0].colorStops.length;
       const z = [];
       for (let ee = 0; ee < $[0].colorStops.length; ee++) {
         const me = $[0].colorStops[ee].type === "hex" ? `#${$[0].colorStops[ee].value}` : `rgba(${$[0].colorStops[ee].value.join(",")})`;
@@ -6380,24 +6380,24 @@ const ic = {
       outside: {
         component: Rt("div", { class: "color-indicator", style: r.value })
       }
-    }, h = () => {
+    }, p = () => {
       r.value = l.value, a.value.hide(), f.value = `${e.text}: ${o.value.length}`, t("change", r.value);
-    }, _ = () => {
-      if (p < e.maxColors) {
-        o.value.push({ code: "#FFFFFF" }), p++;
-        const k = Math.round(100 / p), g = [];
-        for (let v = 0; v < p; v++)
+    }, D = () => {
+      if (h < e.maxColors) {
+        o.value.push({ code: "#FFFFFF" }), h++;
+        const k = Math.round(100 / h), g = [];
+        for (let v = 0; v < h; v++)
           g.push(v * k);
         s.value.updateStart(g);
       }
-    }, D = (k) => {
-      if (p > 1) {
+    }, _ = (k) => {
+      if (h > 1) {
         const g = s.value.get();
-        g.splice(k, 1), o.value.splice(k, 1), s.value.updateStart(g), p--;
+        g.splice(k, 1), o.value.splice(k, 1), s.value.updateStart(g), h--;
       }
     };
     Ke(() => {
-      r.value || (r.value = "background: #FFFFFF;"), y(), f.value = `${e.text}: ${o.value.length}`;
+      r.value || (r.value = "background: #FFFFFF;"), b(), f.value = `${e.text}: ${o.value.length}`;
     });
     const M = () => {
       if (!s.value)
@@ -6485,14 +6485,14 @@ const ic = {
               format: "rgba",
               onChange: M
             }, null, 8, ["modelValue", "onUpdate:modelValue"]),
-            U(p) > 1 ? (u(), R(we, {
+            U(h) > 1 ? (u(), R(we, {
               key: 0,
               icon: "MinusSharp",
-              onClick: (L) => D($)
+              onClick: (L) => _($)
             }, null, 8, ["onClick"])) : F("", !0)
           ]))), 128)),
-          U(p) < e.maxColors ? (u(), w("div", lc, [
-            H(we, { onClick: _ }, {
+          U(h) < e.maxColors ? (u(), w("div", lc, [
+            H(we, { onClick: D }, {
               default: Z(() => [
                 pe(J(e.add), 1)
               ]),
@@ -6512,7 +6512,7 @@ const ic = {
             }),
             H(we, {
               type: "success",
-              onClick: h
+              onClick: p
             }, {
               default: Z(() => [
                 pe(J(e.select), 1)
@@ -6548,23 +6548,23 @@ const ic = {
       // Used to detect double click on touch devices.
       splitter: null,
       timeoutId: null
-    }), p = () => {
-      document.addEventListener("mousemove", S, { passive: !1 }), document.addEventListener("mouseup", h), "ontouchstart" in window && (document.addEventListener("touchmove", S, { passive: !1 }), document.addEventListener("touchend", h));
+    }), h = () => {
+      document.addEventListener("mousemove", S, { passive: !1 }), document.addEventListener("mouseup", p), "ontouchstart" in window && (document.addEventListener("touchmove", S, { passive: !1 }), document.addEventListener("touchend", p));
     }, x = () => {
-      document.removeEventListener("mousemove", S, { passive: !1 }), document.removeEventListener("mouseup", h), "ontouchstart" in window && (document.removeEventListener("touchmove", S, { passive: !1 }), document.removeEventListener("touchend", h));
-    }, y = (P, I) => {
-      p(), d.value.mouseDown = !0, d.value.activeSplitter = I;
+      document.removeEventListener("mousemove", S, { passive: !1 }), document.removeEventListener("mouseup", p), "ontouchstart" in window && (document.removeEventListener("touchmove", S, { passive: !1 }), document.removeEventListener("touchend", p));
+    }, b = (P, I) => {
+      h(), d.value.mouseDown = !0, d.value.activeSplitter = I;
     }, S = (P) => {
       e.movable && d.value.mouseDown && (P.preventDefault(), d.value.dragging = !0, v(k(P)), t("resize", a.value.map((I) => ({ min: I.min, max: I.max, size: I.size }))));
-    }, h = () => {
+    }, p = () => {
       d.value.dragging && t("resized", a.value.map((P) => ({ min: P.min, max: P.max, size: P.size }))), d.value.mouseDown = !1, setTimeout(() => {
         d.value.dragging = !1, x();
       }, 100);
-    }, _ = (P, I) => {
-      "ontouchstart" in window && (P.preventDefault(), e.dblClickSplitter && (f.value.splitter === I ? (clearTimeout(f.value.timeoutId), f.value.timeoutId = null, D(P, I), f.value.splitter = null) : (f.value.splitter = I, f.value.timeoutId = setTimeout(() => {
+    }, D = (P, I) => {
+      "ontouchstart" in window && (P.preventDefault(), e.dblClickSplitter && (f.value.splitter === I ? (clearTimeout(f.value.timeoutId), f.value.timeoutId = null, _(P, I), f.value.splitter = null) : (f.value.splitter = I, f.value.timeoutId = setTimeout(() => {
         f.value.splitter = null;
       }, 500)))), d.value.dragging || t("splitter-click", a.value[I]);
-    }, D = (P, I) => {
+    }, _ = (P, I) => {
       let B = 0;
       a.value = a.value.map((A, j) => (A.size = j === I ? A.max : A.min, j !== I && (B += A.min), A)), a.value[I].size -= B, t("pane-maximize", a.value[I]), t("resized", a.value.map((A) => ({ min: A.min, max: A.max, size: A.size })));
     }, M = (P, I) => {
@@ -6619,7 +6619,7 @@ const ic = {
       });
     }, de = (P, I, B = !1) => {
       const A = P - 1, j = document.createElement("div");
-      j.classList.add("d-splitter__splitter"), j.style.width = `${e.horizontal ? "auto" : e.size + "px"}`, j.style.height = `${e.horizontal ? e.size + "px" : "auto"}`, j.style.display = `${e.size === 0 ? "none" : "block"}`, B || (j.onmousedown = (ne) => y(ne, A), typeof window < "u" && "ontouchstart" in window && (j.ontouchstart = (ne) => y(ne, A)), j.onclick = (ne) => _(ne, A + 1)), e.dblClickSplitter && (j.ondblclick = (ne) => D(ne, A + 1)), I.parentNode.insertBefore(j, I);
+      j.classList.add("d-splitter__splitter"), j.style.width = `${e.horizontal ? "auto" : e.size + "px"}`, j.style.height = `${e.horizontal ? e.size + "px" : "auto"}`, j.style.display = `${e.size === 0 ? "none" : "block"}`, B || (j.onmousedown = (ne) => b(ne, A), typeof window < "u" && "ontouchstart" in window && (j.ontouchstart = (ne) => b(ne, A)), j.onclick = (ne) => D(ne, A + 1)), e.dblClickSplitter && (j.ondblclick = (ne) => _(ne, A + 1)), I.parentNode.insertBefore(j, I);
     }, te = (P) => {
       P.onmousedown = void 0, P.onclick = void 0, P.ondblclick = void 0, P.remove();
     }, V = () => {
@@ -6690,7 +6690,7 @@ const ic = {
     };
     Qe(() => e.firstSplitter, () => V()), Qe(() => e.dblClickSplitter, (P) => {
       [...l.value.querySelectorAll(".d-splitter__splitter")].forEach((B, A) => {
-        B.ondblclick = P ? (j) => D(j, A) : void 0;
+        B.ondblclick = P ? (j) => _(j, A) : void 0;
       });
     }), Yr(() => i.value = !1), Ke(() => {
       Y(), V(), se(), t("ready"), i.value = !0;
@@ -6720,39 +6720,39 @@ const ic = {
     maxSize: { type: [Number, String], default: 100 }
   },
   setup(n) {
-    var h;
-    const t = n, e = $t("requestUpdate"), r = $t("onPaneAdd"), a = $t("horizontal"), s = $t("onPaneRemove"), o = $t("onPaneClick"), l = (h = on()) == null ? void 0 : h.uid, i = $t("indexedPanes"), d = C(() => i.value[l]), f = O(null), p = C(() => {
-      const _ = isNaN(t.size) || t.size === void 0 ? 0 : parseFloat(t.size);
-      return Math.max(Math.min(_, y.value), x.value);
+    var p;
+    const t = n, e = $t("requestUpdate"), r = $t("onPaneAdd"), a = $t("horizontal"), s = $t("onPaneRemove"), o = $t("onPaneClick"), l = (p = on()) == null ? void 0 : p.uid, i = $t("indexedPanes"), d = C(() => i.value[l]), f = O(null), h = C(() => {
+      const D = isNaN(t.size) || t.size === void 0 ? 0 : parseFloat(t.size);
+      return Math.max(Math.min(D, b.value), x.value);
     }), x = C(() => {
-      const _ = parseFloat(t.minSize);
-      return isNaN(_) ? 0 : _;
-    }), y = C(() => {
-      const _ = parseFloat(t.maxSize);
-      return isNaN(_) ? 100 : _;
+      const D = parseFloat(t.minSize);
+      return isNaN(D) ? 0 : D;
+    }), b = C(() => {
+      const D = parseFloat(t.maxSize);
+      return isNaN(D) ? 100 : D;
     }), S = C(() => {
-      var _;
-      return `${a.value ? "height" : "width"}: ${(_ = d.value) == null ? void 0 : _.size}%`;
+      var D;
+      return `${a.value ? "height" : "width"}: ${(D = d.value) == null ? void 0 : D.size}%`;
     });
     return Ke(() => {
       r({
         id: l,
         el: f.value,
         min: x.value,
-        max: y.value,
+        max: b.value,
         // The given size (useful to know the user intention).
-        givenSize: t.size === void 0 ? null : p.value,
-        size: p.value
+        givenSize: t.size === void 0 ? null : h.value,
+        size: h.value
         // The computed current size at any time.
       });
-    }), Qe(() => p.value, (_) => e({ uid: l, size: _ })), Qe(() => x.value, (_) => e({ uid: l, min: _ })), Qe(() => y.value, (_) => e({ uid: l, max: _ })), Yr(() => s(l)), (_, D) => (u(), w("div", {
+    }), Qe(() => h.value, (D) => e({ uid: l, size: D })), Qe(() => x.value, (D) => e({ uid: l, min: D })), Qe(() => b.value, (D) => e({ uid: l, max: D })), Yr(() => s(l)), (D, _) => (u(), w("div", {
       ref_key: "paneEl",
       ref: f,
       class: "d-splitter__panel",
-      onClick: D[0] || (D[0] = (M) => U(o)(M, _._.uid)),
+      onClick: _[0] || (_[0] = (M) => U(o)(M, D._.uid)),
       style: le(S.value)
     }, [
-      oe(_.$slots, "default")
+      oe(D.$slots, "default")
     ], 4));
   }
 }, cc = {
@@ -6827,31 +6827,31 @@ const ic = {
   setup(n, { emit: t }) {
     const e = n, r = C({
       get: () => e.modelValue,
-      set: (y) => {
-        t("update:modelValue", y);
+      set: (b) => {
+        t("update:modelValue", b);
       }
-    }), a = O(null), s = O(null), o = O(0), l = O(0), i = O(0), d = O(""), f = (y) => {
-      if (t("click", y), a.value.isShowed()) {
+    }), a = O(null), s = O(null), o = O(0), l = O(0), i = O(0), d = O(""), f = (b) => {
+      if (t("click", b), a.value.isShowed()) {
         a.value.hide();
         return;
       }
       a.value.show(), t("open"), mt(() => {
-        const S = a.value.elementSize(), h = s.value.getBoundingClientRect(), _ = window.innerHeight;
-        o.value = h.left, l.value = h.width, i.value = _ - (h.y + h.height) < S.height ? h.top - S.height - 5 : h.height + h.top + 5;
+        const S = a.value.elementSize(), p = s.value.getBoundingClientRect(), D = window.innerHeight;
+        o.value = p.left, l.value = p.width, i.value = D - (p.y + p.height) < S.height ? p.top - S.height - 5 : p.height + p.top + 5;
       });
-    }, p = (y) => {
-      r.value = y.model.id, d.value = y.model.title, t("select", y);
+    }, h = (b) => {
+      r.value = b.model.id, d.value = b.model.title, t("select", b);
     }, x = C(() => ({ left: o.value + "px", width: l.value + "px", top: i.value + "px", position: e.bodyAsParent ? "absolute" : "fixed", ...e.menuStyle }));
     return Ke(() => {
       if (r.value)
-        for (let y = 0; y < e.items.length; y++)
-          e.items[y].id === r.value && (d.value = e.items[y].title);
-    }), (y, S) => {
-      var h;
+        for (let b = 0; b < e.items.length; b++)
+          e.items[b].id === r.value && (d.value = e.items[b].title);
+    }), (b, S) => {
+      var p;
       return u(), w(ge, null, [
         e.label ? (u(), w("div", fc, [
           pe(J(e.label), 1),
-          (h = e.form) != null && h.fields[e.name].rules && e.form.fields[e.name].rules.hasOwnProperty("required") ? (u(), w("span", pc, "*")) : F("", !0)
+          (p = e.form) != null && p.fields[e.name].rules && e.form.fields[e.name].rules.hasOwnProperty("required") ? (u(), w("span", pc, "*")) : F("", !0)
         ])) : F("", !0),
         T("div", hc, [
           T("div", {
@@ -6874,7 +6874,7 @@ const ic = {
             class: "dropdown-menu",
             style: le(x.value),
             "no-select": !0,
-            onSelect: p,
+            onSelect: h,
             "render-item-title": e.renderItemTitle,
             "before-item": e.beforeItem,
             "body-as-parent": e.bodyAsParent,
@@ -6923,43 +6923,43 @@ const ic = {
     Xe.mutations.addIcons({ PlusSharp: Xr });
     const r = C({
       get: () => e.modelValue,
-      set: (D) => {
-        t("update:modelValue", D);
+      set: (_) => {
+        t("update:modelValue", _);
       }
     });
     Qe(() => r, () => {
-      var D;
-      e.sort && r.value.sort, ((D = a.value) == null ? void 0 : D.itemsCount()) === 0 && a.value.hide();
+      var _;
+      e.sort && r.value.sort, ((_ = a.value) == null ? void 0 : _.itemsCount()) === 0 && a.value.hide();
     });
     const a = O(null), s = O(null), o = O(0), l = O(0), i = O(0), d = O(""), f = C(() => {
-      let D = r.value;
-      return e.sort && D.sort(), D;
-    }), p = (D, M = !0) => {
-      if (t("click", D), a.value.isShowed() && M) {
+      let _ = r.value;
+      return e.sort && _.sort(), _;
+    }), h = (_, M = !0) => {
+      if (t("click", _), a.value.isShowed() && M) {
         a.value.hide();
         return;
       }
       a.value.show(), t("open"), mt(() => {
         var $, L;
         const k = a.value.elementSize(), g = s.value.getBoundingClientRect(), v = window.innerHeight;
-        o.value = g.left, l.value = g.width, i.value = v - (g.y + g.height) < k.height ? g.top - k.height - 5 : g.height + g.top + 5, y(), ((($ = a.value) == null ? void 0 : $.itemsCount()) === 0 || ((L = a.value) == null ? void 0 : L.itemsCount()) === void 0) && a.value.hide();
+        o.value = g.left, l.value = g.width, i.value = v - (g.y + g.height) < k.height ? g.top - k.height - 5 : g.height + g.top + 5, b(), ((($ = a.value) == null ? void 0 : $.itemsCount()) === 0 || ((L = a.value) == null ? void 0 : L.itemsCount()) === void 0) && a.value.hide();
       });
-    }, x = (D) => {
+    }, x = (_) => {
       let M = -1;
       for (let k = 0; k < r.value.length; k++)
-        r.value[k] === D.model.title && (M = k);
-      M >= 0 ? r.value.splice(M, 1) : r.value.push(D.model.title), t("select", D);
-    }, y = () => {
+        r.value[k] === _.model.title && (M = k);
+      M >= 0 ? r.value.splice(M, 1) : r.value.push(_.model.title), t("select", _);
+    }, b = () => {
       a.value.unSelect();
-      for (let D = 0; D < e.items.length; D++)
-        r.value.includes(e.items[D].title) && a.value.selectNode(e.items[D].id);
-    }, S = C(() => ({ left: o.value + "px", width: l.value + "px", top: i.value + "px", position: e.bodyAsParent ? "absolute" : "fixed", ...e.menuStyle })), h = (D, M, k) => {
+      for (let _ = 0; _ < e.items.length; _++)
+        r.value.includes(e.items[_].title) && a.value.selectNode(e.items[_].id);
+    }, S = C(() => ({ left: o.value + "px", width: l.value + "px", top: i.value + "px", position: e.bodyAsParent ? "absolute" : "fixed", ...e.menuStyle })), p = (_, M, k) => {
       r.value.splice(M, 1);
-    }, _ = () => {
+    }, D = () => {
       if (d.value) {
-        const D = d.value.split(",");
-        for (let M = 0; M < D.length; M++) {
-          const k = D[M].toLowerCase().trim();
+        const _ = d.value.split(",");
+        for (let M = 0; M < _.length; M++) {
+          const k = _[M].toLowerCase().trim();
           let g = !1;
           for (let v = 0; v < r.value.length; v++)
             r.value[v] === k && (g = !0);
@@ -6968,7 +6968,7 @@ const ic = {
         d.value = "";
       }
     };
-    return (D, M) => {
+    return (_, M) => {
       var k;
       return u(), w(ge, null, [
         e.label ? (u(), w("div", _c, [
@@ -6980,12 +6980,12 @@ const ic = {
             class: "d-input-select",
             ref_key: "buttonRef",
             ref: s,
-            onClick: _e(p, ["stop", "prevent"])
+            onClick: _e(h, ["stop", "prevent"])
           }, [
             T("div", Cc, [
               (u(!0), w(ge, null, Fe(f.value, (g, v) => (u(), R(U(we), {
                 key: v,
-                onClick: _e(($) => h($, v), ["stop"]),
+                onClick: _e(($) => p($, v), ["stop"]),
                 scale: "small"
               }, {
                 default: Z(() => [
@@ -7000,14 +7000,14 @@ const ic = {
               "onUpdate:modelValue": M[0] || (M[0] = (g) => d.value = g),
               style: { "margin-bottom": "3px", "margin-top": "3px" },
               onKeyup: [
-                Va(_, ["enter"]),
-                M[1] || (M[1] = (g) => p(g, !1))
+                Va(D, ["enter"]),
+                M[1] || (M[1] = (g) => h(g, !1))
               ]
             }, {
               post: Z(() => [
                 H(U(we), {
                   icon: "PlusSharp",
-                  onClick: _
+                  onClick: D
                 })
               ]),
               _: 1
@@ -7032,7 +7032,7 @@ const ic = {
       ], 64);
     };
   }
-}, Hp = /* @__PURE__ */ Me($c, [["__scopeId", "data-v-d4d57c98"]]), Mc = (n) => (An("data-v-1f744736"), n = n(), Vn(), n), Pc = {
+}, Hp = /* @__PURE__ */ Me($c, [["__scopeId", "data-v-d4d57c98"]]), Mc = (n) => (An("data-v-7e844df0"), n = n(), Vn(), n), Pc = {
   key: 0,
   class: "d-label"
 }, Tc = {
@@ -7068,40 +7068,42 @@ const ic = {
     modelValue: String,
     label: String
   },
-  emits: ["update:modelValue", "select", "click", "open"],
+  emits: ["update:modelValue", "select", "click", "open", "input"],
   setup(n, { emit: t }) {
     const e = n;
     Xe.mutations.addIcons({ PlusSharp: Xr });
     const r = C({
       get: () => e.modelValue,
-      set: (y) => {
-        t("update:modelValue", y);
+      set: (S) => {
+        t("update:modelValue", S);
       }
     }), a = O(null), s = O(null), o = O(0), l = O(0), i = O(0);
     O("");
-    const d = O(""), f = (y, S = !0) => {
-      if (t("click", y), a.value.isShowed() && S) {
+    const d = O(""), f = (S, p = !0) => {
+      if (t("click", S), a.value.isShowed() && p) {
         a.value.hide();
         return;
       }
       a.value.show(), t("open"), mt(() => {
-        var M, k;
-        const h = a.value.elementSize(), _ = s.value.getBoundingClientRect(), D = window.innerHeight;
-        o.value = _.left, l.value = _.width, i.value = D - (_.y + _.height) < h.height ? _.top - h.height - 5 : _.height + _.top + 5, (((M = a.value) == null ? void 0 : M.itemsCount()) === 0 || ((k = a.value) == null ? void 0 : k.itemsCount()) === void 0) && a.value.hide();
+        var k, g;
+        const D = a.value.elementSize(), _ = s.value.getBoundingClientRect(), M = window.innerHeight;
+        o.value = _.left, l.value = _.width, i.value = M - (_.y + _.height) < D.height ? _.top - D.height - 5 : _.height + _.top + 5, (((k = a.value) == null ? void 0 : k.itemsCount()) === 0 || ((g = a.value) == null ? void 0 : g.itemsCount()) === void 0) && a.value.hide();
       });
     };
     Qe(() => r, () => {
       r.value = "", a.value === "" && a.value.hide();
     });
-    const p = (y) => {
-      r.value = y.model.id, d.value = y.model.title, t("select", y);
-    }, x = C(() => ({ left: o.value + "px", width: l.value + "px", top: i.value + "px", position: e.bodyAsParent ? "absolute" : "fixed", ...e.menuStyle }));
-    return (y, S) => {
-      var h;
+    const h = (S) => {
+      r.value = S.model.id, d.value = S.model.title, t("select", S);
+    }, x = C(() => ({ left: o.value + "px", width: l.value + "px", top: i.value + "px", position: e.bodyAsParent ? "absolute" : "fixed", ...e.menuStyle })), b = (S) => {
+      t("input", S);
+    };
+    return (S, p) => {
+      var D;
       return u(), w(ge, null, [
         e.label ? (u(), w("div", Pc, [
           pe(J(e.label), 1),
-          (h = e.form) != null && h.fields[e.name].rules && e.form.fields[e.name].rules.hasOwnProperty("required") ? (u(), w("span", Tc, "*")) : F("", !0)
+          (D = e.form) != null && D.fields[e.name].rules && e.form.fields[e.name].rules.hasOwnProperty("required") ? (u(), w("span", Tc, "*")) : F("", !0)
         ])) : F("", !0),
         T("div", Ec, [
           T("div", {
@@ -7113,13 +7115,14 @@ const ic = {
             H(U(lt), {
               type: "hidden",
               modelValue: r.value,
-              "onUpdate:modelValue": S[0] || (S[0] = (_) => r.value = _)
+              "onUpdate:modelValue": p[0] || (p[0] = (_) => r.value = _)
             }, null, 8, ["modelValue"]),
             H(U(lt), {
               modelValue: d.value,
-              "onUpdate:modelValue": S[1] || (S[1] = (_) => d.value = _),
+              "onUpdate:modelValue": p[1] || (p[1] = (_) => d.value = _),
               style: { "margin-bottom": "3px", "margin-top": "3px" },
-              onKeyup: S[2] || (S[2] = (_) => f(_, !1))
+              onKeyup: p[2] || (p[2] = (_) => f(_, !1)),
+              onInput: b
             }, {
               post: Z(() => [
                 T("div", Oc, [
@@ -7136,7 +7139,7 @@ const ic = {
             class: "dropdown-menu",
             style: le(x.value),
             "no-select": !1,
-            onSelect: p,
+            onSelect: h,
             "render-item-title": e.renderItemTitle,
             "before-item": e.beforeItem,
             "body-as-parent": e.bodyAsParent,
@@ -7148,7 +7151,7 @@ const ic = {
       ], 64);
     };
   }
-}, Bp = /* @__PURE__ */ Me(Ac, [["__scopeId", "data-v-1f744736"]]);
+}, Bp = /* @__PURE__ */ Me(Ac, [["__scopeId", "data-v-7e844df0"]]);
 class Np {
   constructor(t) {
     this.fields = t;
@@ -7605,9 +7608,9 @@ function At(n) {
     const r = e.width, a = r && n.matchPatterns[r] || n.matchPatterns[n.defaultMatchWidth], s = t.match(a);
     if (!s)
       return null;
-    const o = s[0], l = r && n.parsePatterns[r] || n.parsePatterns[n.defaultParseWidth], i = Array.isArray(l) ? gd(l, (p) => p.test(o)) : (
+    const o = s[0], l = r && n.parsePatterns[r] || n.parsePatterns[n.defaultParseWidth], i = Array.isArray(l) ? gd(l, (h) => h.test(o)) : (
       // [TODO] -- I challenge you to fix the type
-      vd(l, (p) => p.test(o))
+      vd(l, (h) => h.test(o))
     );
     let d;
     d = n.valueCallback ? n.valueCallback(i) : i, d = e.valueCallback ? (
@@ -7765,8 +7768,8 @@ function ia(n, t) {
   return Math.round(r / ea) + 1;
 }
 function er(n, t) {
-  var f, p, x, y;
-  const e = ie(n, t == null ? void 0 : t.in), r = e.getFullYear(), a = Dt(), s = (t == null ? void 0 : t.firstWeekContainsDate) ?? ((p = (f = t == null ? void 0 : t.locale) == null ? void 0 : f.options) == null ? void 0 : p.firstWeekContainsDate) ?? a.firstWeekContainsDate ?? ((y = (x = a.locale) == null ? void 0 : x.options) == null ? void 0 : y.firstWeekContainsDate) ?? 1, o = $e((t == null ? void 0 : t.in) || n, 0);
+  var f, h, x, b;
+  const e = ie(n, t == null ? void 0 : t.in), r = e.getFullYear(), a = Dt(), s = (t == null ? void 0 : t.firstWeekContainsDate) ?? ((h = (f = t == null ? void 0 : t.locale) == null ? void 0 : f.options) == null ? void 0 : h.firstWeekContainsDate) ?? a.firstWeekContainsDate ?? ((b = (x = a.locale) == null ? void 0 : x.options) == null ? void 0 : b.firstWeekContainsDate) ?? 1, o = $e((t == null ? void 0 : t.in) || n, 0);
   o.setFullYear(r + 1, 0, s), o.setHours(0, 0, 0, 0);
   const l = ut(o, t), i = $e((t == null ? void 0 : t.in) || n, 0);
   i.setFullYear(r, 0, s), i.setHours(0, 0, 0, 0);
@@ -8412,8 +8415,8 @@ function Vd(n, t, e) {
 }
 const Rd = /[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g, Hd = /P+p+|P+|p+|''|'(''|[^'])+('|$)|./g, Bd = /^'([^]*?)'?$/, Nd = /''/g, Yd = /[a-zA-Z]/;
 function it(n, t, e) {
-  var f, p, x, y, S, h, _, D;
-  const r = Dt(), a = (e == null ? void 0 : e.locale) ?? r.locale ?? oa, s = (e == null ? void 0 : e.firstWeekContainsDate) ?? ((p = (f = e == null ? void 0 : e.locale) == null ? void 0 : f.options) == null ? void 0 : p.firstWeekContainsDate) ?? r.firstWeekContainsDate ?? ((y = (x = r.locale) == null ? void 0 : x.options) == null ? void 0 : y.firstWeekContainsDate) ?? 1, o = (e == null ? void 0 : e.weekStartsOn) ?? ((h = (S = e == null ? void 0 : e.locale) == null ? void 0 : S.options) == null ? void 0 : h.weekStartsOn) ?? r.weekStartsOn ?? ((D = (_ = r.locale) == null ? void 0 : _.options) == null ? void 0 : D.weekStartsOn) ?? 0, l = ie(n, e == null ? void 0 : e.in);
+  var f, h, x, b, S, p, D, _;
+  const r = Dt(), a = (e == null ? void 0 : e.locale) ?? r.locale ?? oa, s = (e == null ? void 0 : e.firstWeekContainsDate) ?? ((h = (f = e == null ? void 0 : e.locale) == null ? void 0 : f.options) == null ? void 0 : h.firstWeekContainsDate) ?? r.firstWeekContainsDate ?? ((b = (x = r.locale) == null ? void 0 : x.options) == null ? void 0 : b.firstWeekContainsDate) ?? 1, o = (e == null ? void 0 : e.weekStartsOn) ?? ((p = (S = e == null ? void 0 : e.locale) == null ? void 0 : S.options) == null ? void 0 : p.weekStartsOn) ?? r.weekStartsOn ?? ((_ = (D = r.locale) == null ? void 0 : D.options) == null ? void 0 : _.weekStartsOn) ?? 0, l = ie(n, e == null ? void 0 : e.in);
   if (!qc(l))
     throw new RangeError("Invalid time value");
   let i = t.match(Hd).map((M) => {
@@ -9264,8 +9267,8 @@ class mf extends he {
   }
 }
 function fn(n, t, e) {
-  var p, x, y, S;
-  const r = Dt(), a = (e == null ? void 0 : e.weekStartsOn) ?? ((x = (p = e == null ? void 0 : e.locale) == null ? void 0 : p.options) == null ? void 0 : x.weekStartsOn) ?? r.weekStartsOn ?? ((S = (y = r.locale) == null ? void 0 : y.options) == null ? void 0 : S.weekStartsOn) ?? 0, s = ie(n, e == null ? void 0 : e.in), o = s.getDay(), i = (t % 7 + 7) % 7, d = 7 - a, f = t < 0 || t > 6 ? t - (o + d) % 7 : (i + d) % 7 - (o + d) % 7;
+  var h, x, b, S;
+  const r = Dt(), a = (e == null ? void 0 : e.weekStartsOn) ?? ((x = (h = e == null ? void 0 : e.locale) == null ? void 0 : h.options) == null ? void 0 : x.weekStartsOn) ?? r.weekStartsOn ?? ((S = (b = r.locale) == null ? void 0 : b.options) == null ? void 0 : S.weekStartsOn) ?? 0, s = ie(n, e == null ? void 0 : e.in), o = s.getDay(), i = (t % 7 + 7) % 7, d = 7 - a, f = t < 0 || t > 6 ? t - (o + d) % 7 : (i + d) % 7 - (o + d) % 7;
   return ta(s, f, e);
 }
 class vf extends he {
@@ -9940,15 +9943,15 @@ const Ff = {
   T: new If()
 }, zf = /[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g, Af = /P+p+|P+|p+|''|'(''|[^'])+('|$)|./g, Vf = /^'([^]*?)'?$/, Rf = /''/g, Hf = /\S/, Bf = /[a-zA-Z]/;
 function Nf(n, t, e, r) {
-  var _, D, M, k;
-  const a = () => $e(e, NaN), s = jd(), o = s.locale ?? oa, l = s.firstWeekContainsDate ?? ((D = (_ = s.locale) == null ? void 0 : _.options) == null ? void 0 : D.firstWeekContainsDate) ?? 1, i = s.weekStartsOn ?? ((k = (M = s.locale) == null ? void 0 : M.options) == null ? void 0 : k.weekStartsOn) ?? 0;
+  var D, _, M, k;
+  const a = () => $e(e, NaN), s = jd(), o = s.locale ?? oa, l = s.firstWeekContainsDate ?? ((_ = (D = s.locale) == null ? void 0 : D.options) == null ? void 0 : _.firstWeekContainsDate) ?? 1, i = s.weekStartsOn ?? ((k = (M = s.locale) == null ? void 0 : M.options) == null ? void 0 : k.weekStartsOn) ?? 0;
   if (!t)
     return n ? a() : ie(e, r == null ? void 0 : r.in);
   const d = {
     firstWeekContainsDate: l,
     weekStartsOn: i,
     locale: o
-  }, f = [new Kd(r == null ? void 0 : r.in, e)], p = t.match(Af).map((g) => {
+  }, f = [new Kd(r == null ? void 0 : r.in, e)], h = t.match(Af).map((g) => {
     const v = g[0];
     if (v in En) {
       const $ = En[v];
@@ -9956,7 +9959,7 @@ function Nf(n, t, e, r) {
     }
     return g;
   }).join("").match(zf), x = [];
-  for (let g of p) {
+  for (let g of h) {
     da(g) && Ln(g, t, n), ca(g) && Ln(g, t, n);
     const v = g[0], $ = Ff[v];
     if ($) {
@@ -9996,17 +9999,17 @@ function Nf(n, t, e, r) {
   }
   if (n.length > 0 && Hf.test(n))
     return a();
-  const y = f.map((g) => g.priority).sort((g, v) => v - g).filter((g, v, $) => $.indexOf(g) === v).map(
+  const b = f.map((g) => g.priority).sort((g, v) => v - g).filter((g, v, $) => $.indexOf(g) === v).map(
     (g) => f.filter((v) => v.priority === g).sort((v, $) => $.subPriority - v.subPriority)
   ).map((g) => g[0]);
   let S = ie(e, r == null ? void 0 : r.in);
   if (isNaN(+S)) return a();
-  const h = {};
-  for (const g of y) {
+  const p = {};
+  for (const g of b) {
     if (!g.validate(S, d))
       return a();
-    const v = g.set(S, h, d);
-    Array.isArray(v) ? (S = v[0], Object.assign(h, v[1])) : S = v;
+    const v = g.set(S, p, d);
+    Array.isArray(v) ? (S = v[0], Object.assign(p, v[1])) : S = v;
   }
   return S;
 }
@@ -10106,7 +10109,7 @@ const Uf = {
   },
   emits: ["update:pageDate", "yearClick", "select"],
   setup(n, { emit: t }) {
-    const e = n, r = C(() => jf(e.pageDate)), a = C(() => Zc(e.pageDate)), s = (y, S, h) => !S && !h ? !0 : S && Je(y) < Je(S) ? !1 : !(h && Je(y) > Je(h)), o = C(
+    const e = n, r = C(() => jf(e.pageDate)), a = C(() => Zc(e.pageDate)), s = (b, S, p) => !S && !p ? !0 : S && Je(b) < Je(S) ? !1 : !(p && Je(b) > Je(p)), o = C(
       () => e.lowerLimit && (Kt(e.lowerLimit) === Kt(e.pageDate) || Wt(e.pageDate, e.lowerLimit))
     ), l = C(
       () => e.upperLimit && (Kt(e.upperLimit) === Kt(e.pageDate) || Yt(e.pageDate, e.upperLimit))
@@ -10115,24 +10118,24 @@ const Uf = {
         start: r.value,
         end: a.value
       }).map(
-        (y) => ({
-          value: y,
-          key: String(Je(y)),
-          display: Je(y),
-          selected: !!e.selected && Je(y) === Je(e.selected),
-          disabled: !s(y, e.lowerLimit, e.upperLimit)
+        (b) => ({
+          value: b,
+          key: String(Je(b)),
+          display: Je(b),
+          selected: !!e.selected && Je(b) === Je(e.selected),
+          disabled: !s(b, e.lowerLimit, e.upperLimit)
         })
       )
     ), d = C(() => {
-      const y = Je(r.value), S = Je(a.value);
-      return `${y} - ${S}`;
-    }), f = (y, S) => {
+      const b = Je(r.value), S = Je(a.value);
+      return `${b} - ${S}`;
+    }), f = (b, S) => {
       t("update:pageDate", S.value), t("yearClick");
-    }, p = () => t("update:pageDate", va(e.pageDate, 10)), x = () => t("update:pageDate", Zn(e.pageDate, 10));
-    return (y, S) => (u(), w(ge, null, [
+    }, h = () => t("update:pageDate", va(e.pageDate, 10)), x = () => t("update:pageDate", Zn(e.pageDate, 10));
+    return (b, S) => (u(), w(ge, null, [
       T("div", Xf, [
         H(Ue, {
-          onClick: p,
+          onClick: h,
           component: U(un),
           size: "20",
           style: { cursor: "pointer" },
@@ -10148,13 +10151,13 @@ const Uf = {
         }, null, 8, ["component", "class"])
       ]),
       T("div", Gf, [
-        (u(!0), w(ge, null, Fe(i.value, (h) => (u(), R(nr, {
+        (u(!0), w(ge, null, Fe(i.value, (p) => (u(), R(nr, {
           class: "cell",
-          key: h.key,
-          day: h.display,
-          disabled: h.disabled,
+          key: p.key,
+          day: p.display,
+          disabled: p.disabled,
           wide: !0,
-          onSelect: (_) => f(_, h)
+          onSelect: (D) => f(D, p)
         }, null, 8, ["day", "disabled", "onSelect"]))), 128))
       ])
     ], 64));
@@ -10214,7 +10217,7 @@ const Uf = {
     ), i = C(() => aa(e.pageDate)), d = C(() => ra(e.pageDate)), f = C(() => ({
       start: i.value,
       end: d.value
-    })), p = C(() => ({
+    })), h = C(() => ({
       start: ut(i.value, {
         weekStartsOn: e.weekStartsOn
       }),
@@ -10228,9 +10231,9 @@ const Uf = {
           weekStartsOn: e.weekStartsOn
         })
       ).map(g);
-    }), y = C(() => {
+    }), b = C(() => {
       const k = /* @__PURE__ */ new Date(), g = r.value(e.format);
-      return Xc(p.value).map(
+      return Xc(h.value).map(
         (v) => ({
           value: v,
           display: g(v),
@@ -10248,15 +10251,15 @@ const Uf = {
       );
     }), S = () => {
       t("monthClick");
-    }, h = () => {
+    }, p = () => {
       t("yearClick");
-    }, _ = (k, g) => {
+    }, D = (k, g) => {
       t("update:pageDate", g.value), t("select", g);
-    }, D = () => t("update:pageDate", qf(e.pageDate, 1)), M = () => t("update:pageDate", Kn(e.pageDate, 1));
+    }, _ = () => t("update:pageDate", qf(e.pageDate, 1)), M = () => t("update:pageDate", Kn(e.pageDate, 1));
     return (k, g) => (u(), w(ge, null, [
       T("div", Kf, [
         H(Ue, {
-          onClick: D,
+          onClick: _,
           component: U(un),
           size: "20",
           style: { cursor: "pointer" },
@@ -10268,7 +10271,7 @@ const Uf = {
         }, J(a.value(e.pageDate)), 1),
         T("div", {
           style: { cursor: "pointer" },
-          onClick: h
+          onClick: p
         }, J(U(Je)(e.pageDate)), 1),
         H(Ue, {
           onClick: M,
@@ -10287,13 +10290,13 @@ const Uf = {
             class: ae([[5, 6].includes($) ? "weekend" : ""])
           }, J(v), 3)
         ]))), 128)),
-        (u(!0), w(ge, null, Fe(y.value, (v) => (u(), R(nr, {
+        (u(!0), w(ge, null, Fe(b.value, (v) => (u(), R(nr, {
           key: v.key,
           day: v.display,
           disabled: v.disabled,
           selected: v.selected,
           wide: !0,
-          onSelect: ($) => _($, v)
+          onSelect: ($) => D($, v)
         }, null, 8, ["day", "disabled", "selected", "onSelect"]))), 128))
       ])
     ], 64));
@@ -10324,10 +10327,10 @@ const Uf = {
   emits: ["update:pageDate", "yearClick", "dayClick", "select"],
   setup(n, { emit: t }) {
     const e = n, r = C(() => sa(e.pageDate)), a = C(() => Qc(e.pageDate)), s = C(
-      () => (h) => it(h, e.format, {
+      () => (p) => it(p, e.format, {
         locale: e.locale
       })
-    ), o = (h, _, D) => !_ && !D ? !0 : _ && Wt(h, aa(_)) ? !1 : !(D && Yt(h, ra(D))), l = C(
+    ), o = (p, D, _) => !D && !_ ? !0 : D && Wt(p, aa(D)) ? !1 : !(_ && Yt(p, ra(_))), l = C(
       () => e.lowerLimit && (Or(e.lowerLimit, e.pageDate) || Wt(e.pageDate, e.lowerLimit))
     ), i = C(
       () => e.upperLimit && (Or(e.upperLimit, e.pageDate) || Yt(e.pageDate, e.upperLimit))
@@ -10336,23 +10339,23 @@ const Uf = {
         start: r.value,
         end: a.value
       }).map(
-        (h) => ({
-          value: h,
-          display: s.value(h),
-          key: s.value(h),
-          selected: !!e.selected && On(e.selected, h),
-          disabled: !o(h, e.lowerLimit, e.upperLimit)
+        (p) => ({
+          value: p,
+          display: s.value(p),
+          key: s.value(p),
+          selected: !!e.selected && On(e.selected, p),
+          disabled: !o(p, e.lowerLimit, e.upperLimit)
         })
       )
-    ), f = C(() => Je(e.pageDate)), p = () => {
+    ), f = C(() => Je(e.pageDate)), h = () => {
       t("yearClick");
-    }, x = (h, _) => {
-      t("update:pageDate", _.value), t("dayClick");
-    }, y = () => t("update:pageDate", va(e.pageDate, 1)), S = () => t("update:pageDate", Zn(e.pageDate, 1));
-    return (h, _) => (u(), w(ge, null, [
+    }, x = (p, D) => {
+      t("update:pageDate", D.value), t("dayClick");
+    }, b = () => t("update:pageDate", va(e.pageDate, 1)), S = () => t("update:pageDate", Zn(e.pageDate, 1));
+    return (p, D) => (u(), w(ge, null, [
       T("div", ep, [
         H(Ue, {
-          onClick: y,
+          onClick: b,
           component: U(un),
           size: "20",
           style: { cursor: "pointer" },
@@ -10360,7 +10363,7 @@ const Uf = {
         }, null, 8, ["component", "class"]),
         T("div", {
           style: { cursor: "pointer" },
-          onClick: p
+          onClick: h
         }, J(f.value), 1),
         H(Ue, {
           onClick: S,
@@ -10371,13 +10374,13 @@ const Uf = {
         }, null, 8, ["component", "class"])
       ]),
       T("div", tp, [
-        (u(!0), w(ge, null, Fe(d.value, (D) => (u(), R(nr, {
+        (u(!0), w(ge, null, Fe(d.value, (_) => (u(), R(nr, {
           class: "cell",
-          key: D.key,
-          day: D.display,
+          key: _.key,
+          day: _.display,
           wide: !0,
-          disabled: D.disabled,
-          onSelect: (M) => x(M, D)
+          disabled: _.disabled,
+          onSelect: (M) => x(M, _)
         }, null, 8, ["day", "disabled", "onSelect"]))), 128))
       ])
     ], 64));
@@ -10421,7 +10424,7 @@ const Uf = {
   },
   emits: ["select", "monthPageChanged", "yearPageChanged", "decadePageChanged"],
   setup(n, { emit: t }) {
-    const e = n, r = O(e.initDate ? e.initDate : /* @__PURE__ */ new Date()), a = O(e.mode), s = (p, x) => {
+    const e = n, r = O(e.initDate ? e.initDate : /* @__PURE__ */ new Date()), a = O(e.mode), s = (h, x) => {
       r.value = x, t("monthPageChanged", x);
     }, o = () => {
       a.value = "day";
@@ -10431,17 +10434,17 @@ const Uf = {
       a.value = "year";
     }, d = C(() => it(r.value, e.inputFormat, {
       locale: e.locale
-    })), f = (p) => {
-      t("select", p);
+    })), f = (h) => {
+      t("select", h);
     };
-    return (p, x) => (u(), w("div", null, [
+    return (h, x) => (u(), w("div", null, [
       a.value === "day" ? (u(), R(ar, {
         key: 0,
         "page-date": r.value,
         locale: e.locale,
         "lower-limit": e.lowerLimit,
         "upper-limit": e.upperLimit,
-        "onUpdate:pageDate": x[0] || (x[0] = (y) => s("day", y)),
+        "onUpdate:pageDate": x[0] || (x[0] = (b) => s("day", b)),
         onMonthClick: l,
         onYearClick: i,
         onSelect: f
@@ -10452,7 +10455,7 @@ const Uf = {
         locale: e.locale,
         "lower-limit": e.lowerLimit,
         "upper-limit": e.upperLimit,
-        "onUpdate:pageDate": x[1] || (x[1] = (y) => s("day", y)),
+        "onUpdate:pageDate": x[1] || (x[1] = (b) => s("day", b)),
         onDayClick: o,
         onYearClick: i
       }, null, 8, ["page-date", "locale", "lower-limit", "upper-limit"])) : F("", !0),
@@ -10462,7 +10465,7 @@ const Uf = {
         locale: e.locale,
         "lower-limit": e.lowerLimit,
         "upper-limit": e.upperLimit,
-        "onUpdate:pageDate": x[2] || (x[2] = (y) => s("day", y)),
+        "onUpdate:pageDate": x[2] || (x[2] = (b) => s("day", b)),
         onYearClick: l
       }, null, 8, ["page-date", "locale", "lower-limit", "upper-limit"])) : F("", !0),
       e.showCurrentDate ? (u(), w("div", rp, J(d.value), 1)) : F("", !0)
@@ -10523,33 +10526,33 @@ const Uf = {
   setup(n, { emit: t }) {
     const e = n, r = C({
       get: () => e.modelValue,
-      set: (h) => {
-        t("update:modelValue", h);
+      set: (p) => {
+        t("update:modelValue", p);
       }
     }), a = O(null), s = O(r.value ? Nf(r.value, e.inputFormat, /* @__PURE__ */ new Date()) : /* @__PURE__ */ new Date()), o = O(e.mode), l = () => {
       o.value = e.mode, a.value.show();
-    }, i = (h, _) => {
-      s.value = _, t("monthPageChanged", _);
+    }, i = (p, D) => {
+      s.value = D, t("monthPageChanged", D);
     }, d = () => {
       o.value = "day";
     }, f = () => {
       o.value = "month";
-    }, p = () => {
+    }, h = () => {
       o.value = "year";
     }, x = C(() => it(s.value, e.inputFormat, {
       locale: e.locale
-    })), y = (h) => {
-      t("select", h);
+    })), b = (p) => {
+      t("select", p);
     }, S = () => {
       r.value = it(s.value, e.inputFormat, {
         locale: e.locale
       }), t("apply", it(s.value, e.inputFormat, { locale: e.locale })), a.value.hide();
     };
-    return (h, _) => (u(), w("div", null, [
+    return (p, D) => (u(), w("div", null, [
       H(lt, {
         label: e.label,
         modelValue: r.value,
-        "onUpdate:modelValue": _[0] || (_[0] = (D) => r.value = D),
+        "onUpdate:modelValue": D[0] || (D[0] = (_) => r.value = _),
         onClick: l,
         readonly: e.readOnly
       }, null, 8, ["label", "modelValue", "readonly"]),
@@ -10569,10 +10572,10 @@ const Uf = {
             locale: e.locale,
             "lower-limit": e.lowerLimit,
             "upper-limit": e.upperLimit,
-            "onUpdate:pageDate": _[1] || (_[1] = (D) => i("day", D)),
+            "onUpdate:pageDate": D[1] || (D[1] = (_) => i("day", _)),
             onMonthClick: f,
-            onYearClick: p,
-            onSelect: y
+            onYearClick: h,
+            onSelect: b
           }, null, 8, ["page-date", "locale", "lower-limit", "upper-limit"])) : F("", !0),
           o.value === "month" ? (u(), R(sr, {
             key: 1,
@@ -10580,9 +10583,9 @@ const Uf = {
             locale: e.locale,
             "lower-limit": e.lowerLimit,
             "upper-limit": e.upperLimit,
-            "onUpdate:pageDate": _[2] || (_[2] = (D) => i("day", D)),
+            "onUpdate:pageDate": D[2] || (D[2] = (_) => i("day", _)),
             onDayClick: d,
-            onYearClick: p
+            onYearClick: h
           }, null, 8, ["page-date", "locale", "lower-limit", "upper-limit"])) : F("", !0),
           o.value === "year" ? (u(), R(rr, {
             key: 2,
@@ -10590,7 +10593,7 @@ const Uf = {
             locale: e.locale,
             "lower-limit": e.lowerLimit,
             "upper-limit": e.upperLimit,
-            "onUpdate:pageDate": _[3] || (_[3] = (D) => i("day", D)),
+            "onUpdate:pageDate": D[3] || (D[3] = (_) => i("day", _)),
             onYearClick: f
           }, null, 8, ["page-date", "locale", "lower-limit", "upper-limit"])) : F("", !0),
           n.showCurrentDate ? (u(), w("div", sp, J(x.value), 1)) : F("", !0)
@@ -10607,7 +10610,7 @@ const Uf = {
               _: 1
             }),
             H(we, {
-              onClick: _[4] || (_[4] = (D) => a.value.hide())
+              onClick: D[4] || (D[4] = (_) => a.value.hide())
             }, {
               default: Z(() => [
                 pe(J(e.close), 1)
@@ -10674,26 +10677,26 @@ const Uf = {
   setup(n, { expose: t, emit: e }) {
     const r = n, a = O(null), s = O(r.initDate ? r.initDate : /* @__PURE__ */ new Date()), o = O(r.mode), l = () => {
       o.value = r.mode, a.value.show();
-    }, i = (D, M) => {
+    }, i = (_, M) => {
       s.value = M, e("monthPageChanged", M);
     }, d = () => {
       o.value = "day";
     }, f = () => {
       o.value = "month";
-    }, p = () => {
+    }, h = () => {
       o.value = "year";
     }, x = C(() => it(s.value, r.inputFormat, {
       locale: r.locale
-    })), y = (D) => {
-      e("select", D);
+    })), b = (_) => {
+      e("select", _);
     }, S = () => {
       e("apply", it(s.value, r.inputFormat, { locale: r.locale })), a.value.hide();
     };
     return t({ show: () => {
       l();
-    }, setDate: (D) => {
-      s.value = D;
-    } }), (D, M) => (u(), w("div", null, [
+    }, setDate: (_) => {
+      s.value = _;
+    } }), (_, M) => (u(), w("div", null, [
       H(It, {
         ref_key: "modalRef",
         ref: a,
@@ -10712,8 +10715,8 @@ const Uf = {
             "upper-limit": r.upperLimit,
             "onUpdate:pageDate": M[0] || (M[0] = (k) => i("day", k)),
             onMonthClick: f,
-            onYearClick: p,
-            onSelect: y
+            onYearClick: h,
+            onSelect: b
           }, null, 8, ["page-date", "locale", "lower-limit", "upper-limit"])) : F("", !0),
           o.value === "month" ? (u(), R(sr, {
             key: 1,
@@ -10723,7 +10726,7 @@ const Uf = {
             "upper-limit": r.upperLimit,
             "onUpdate:pageDate": M[1] || (M[1] = (k) => i("day", k)),
             onDayClick: d,
-            onYearClick: p
+            onYearClick: h
           }, null, 8, ["page-date", "locale", "lower-limit", "upper-limit"])) : F("", !0),
           o.value === "year" ? (u(), R(rr, {
             key: 2,