doph-js 0.3.26 → 0.3.28

package/dist/dophJs.js

@@ -1,4 +1,4 @@
-import { useSlots as nt, computed as $, h as ft, openBlock as d, createBlock as A, unref as z, ref as R, createElementBlock as y, Fragment as Se, normalizeClass as Q, renderSlot as q, createCommentVNode as V, normalizeStyle as ae, resolveDynamicComponent as ke, createStaticVNode as wn, onMounted as Pe, toDisplayString as K, withDirectives as $e, createElementVNode as D, vModelDynamic as ct, withCtx as X, createTextVNode as pe, Transition as Bt, withModifiers as de, resolveComponent as He, resolveDirective as Ht, normalizeProps as $n, guardReactiveProps as Cn, createVNode as H, renderList as De, pushScopeId as Dn, popScopeId as En, reactive as mt, Teleport as Tn, nextTick as An, getCurrentInstance as Rt, watch as vt, onUnmounted as Ln, mergeProps as qe, useCssVars as gt, shallowRef as cr, defineComponent as Ie, TransitionGroup as Fn, vModelCheckbox as In, vModelSelect as dr, toRef as fr, KeepAlive as pr, vShow as hr, toRefs as mr, vModelText as Ot } from "vue";
+import { useSlots as nt, computed as $, h as ft, openBlock as d, createBlock as A, unref as z, ref as R, createElementBlock as y, Fragment as Se, normalizeClass as Q, renderSlot as q, createCommentVNode as V, normalizeStyle as ae, resolveDynamicComponent as ke, createStaticVNode as wn, onMounted as Pe, toDisplayString as K, withDirectives as $e, createElementVNode as D, vModelDynamic as ct, withCtx as X, createTextVNode as pe, Transition as Ht, withModifiers as de, resolveComponent as Be, resolveDirective as Bt, normalizeProps as $n, guardReactiveProps as Cn, createVNode as B, renderList as De, pushScopeId as Dn, popScopeId as En, reactive as mt, Teleport as Tn, nextTick as An, getCurrentInstance as Rt, watch as vt, onUnmounted as Ln, mergeProps as qe, useCssVars as gt, shallowRef as cr, defineComponent as Ie, TransitionGroup as Fn, vModelCheckbox as In, vModelSelect as dr, toRef as fr, KeepAlive as pr, vShow as hr, toRefs as mr, vModelText as Ot } from "vue";
 const Oe = {
   __name: "DIcon",
   props: {
@@ -183,7 +183,7 @@ const Le = (t, e) => {
 }, Ir = {
   key: 0,
   class: "label"
-}, Mr = { style: { display: "flex", "align-items": "flex-end", "justify-content": "flex-start" } }, Vr = { style: { flex: "1" } }, Br = ["type", "placeholder"], Hr = {
+}, Mr = { style: { display: "flex", "align-items": "flex-end", "justify-content": "flex-start" } }, Vr = { style: { flex: "1" } }, Hr = ["type", "placeholder"], Br = {
   __name: "DInput",
   props: {
     label: String,
@@ -290,14 +290,14 @@ const Le = (t, e) => {
             type: r.password ? "password" : "text",
             placeholder: r.placeholder,
             style: { width: "100%" }
-          }, null, 10, Br), [
+          }, null, 10, Hr), [
             [ct, i.value]
           ])
         ])
       ])
     ])) : V("", !0);
   }
-}, Xa = /* @__PURE__ */ Le(Hr, [["__scopeId", "data-v-a972038a"]]), Rr = {
+}, Xa = /* @__PURE__ */ Le(Br, [["__scopeId", "data-v-a972038a"]]), Rr = {
   __name: "DBadge",
   props: {
     scale: String,
@@ -396,7 +396,7 @@ const Le = (t, e) => {
       const L = s(g, m).reverse(), C = { duration: e.duration, easing: e.easingLeave };
       o(h, m, p, L, C);
     };
-    return (a, p) => (d(), A(Bt, {
+    return (a, p) => (d(), A(Ht, {
       css: !1,
       onEnter: i,
       onLeave: l
@@ -547,7 +547,7 @@ const Le = (t, e) => {
       return null;
     });
     return (Y, U) => {
-      const ee = He("d-tree-item", !0), le = Ht("touch");
+      const ee = Be("d-tree-item", !0), le = Bt("touch");
       return z(I).actions.beforeItem(n.treeId, t.model) ? E.value && !j.value ? (d(), y("li", Ur, Xr)) : E.value && j.value ? (d(), y("li", Yr, [
         D("div", Gr, K(z(I).actions.renderTitle(n.treeId, j.value)), 1)
       ])) : n.model.component ? (d(), A(dn, {
@@ -653,7 +653,7 @@ const Le = (t, e) => {
                 }, null, 40, ["component", "color", "class"])) : V("", !0)
               ])
             ], 34),
-            H(Or, null, {
+            B(Or, null, {
               default: X(() => [
                 l.value && a.value && !n.search ? (d(), y("ul", to, [
                   (d(!0), y(Se, null, De(t.model.children, (M) => (d(), A(ee, {
@@ -898,9 +898,9 @@ const we = oo(), I = {
       n("select", g), g.model.children || l();
     };
     return (g, L) => {
-      const C = Ht("click-outside");
+      const C = Bt("click-outside");
       return d(), A(Tn, { to: "body" }, [
-        z(s) ? $e((d(), A(Bn, {
+        z(s) ? $e((d(), A(Hn, {
           key: 0,
           ref_key: "treeRef",
           ref: o,
@@ -951,7 +951,7 @@ const we = oo(), I = {
       "before-item": r.beforeItem
     }, null, 8, ["items", "style", "render-item-title", "before-item"]));
   }
-}, Bn = {
+}, Hn = {
   __name: "DTree",
   props: {
     items: Array,
@@ -1098,7 +1098,7 @@ const we = oo(), I = {
     const n = t, r = (o) => {
       e("move", o);
     };
-    return (o, s) => (d(), A(Bn, {
+    return (o, s) => (d(), A(Hn, {
       class: "accordion",
       items: n.items,
       "no-select": n.noSelect,
@@ -1520,7 +1520,7 @@ const mo = 1001, vo = 999, go = 998, Ga = {
         style: ae(C.value),
         onClick: g
       }, null, 4)) : V("", !0),
-      H(po, qe(a.value, {
+      B(po, qe(a.value, {
         "padding-top": S.value,
         "padding-bottom": T.value,
         "padding-left": O.value,
@@ -1656,9 +1656,9 @@ const mo = 1001, vo = 999, go = 998, Ga = {
       show: i,
       hide: l
     }), (a, p) => {
-      const h = Ht("keydown");
+      const h = Bt("keydown");
       return d(), A(Tn, { to: "body" }, [
-        H(Bt, { name: "fade" }, {
+        B(Ht, { name: "fade" }, {
           default: X(() => [
             s.value ? $e((d(), y("div", {
               key: 0,
@@ -1697,7 +1697,7 @@ const mo = 1001, vo = 999, go = 998, Ga = {
 function Ft(t) {
   t === void 0 && (t = We.value.comp.returnValue()), We.value.resolve(t), We.value = null;
 }
-function Hn(t, e, n = "default") {
+function Bn(t, e, n = "default") {
   return new Promise((r) => {
     We.value = {
       dialog: t,
@@ -1734,7 +1734,7 @@ const $o = Ie({
   }
 });
 function Co(t, e, n, r, o, s) {
-  return d(), A(Bt, $n(Cn(t.transitionAttrs)), {
+  return d(), A(Ht, $n(Cn(t.transitionAttrs)), {
     default: X(() => [
       t.dialogRef && t.dialogRef.wrapper === t.name ? (d(), A(ke(t.dialogRef.dialog), qe({ key: 0 }, t.dialogRef.props, { ref: "dialogInstance" }), null, 16)) : V("", !0)
     ]),
@@ -1753,7 +1753,7 @@ const Eo = { style: { display: "flex", "flex-direction": "row", "justify-content
     return e({
       returnValue: () => !0
     }), (o, s) => (d(), y("div", null, [
-      H(bt, { show: !0 }, {
+      B(bt, { show: !0 }, {
         "modal-title": X(() => [
           pe(K(n.title), 1)
         ]),
@@ -1762,7 +1762,7 @@ const Eo = { style: { display: "flex", "flex-direction": "row", "justify-content
         ]),
         "modal-footer": X(() => [
           D("div", Eo, [
-            H(xe, {
+            B(xe, {
               onClick: s[0] || (s[0] = (i) => z(Ft)())
             }, {
               default: X(() => [
@@ -1787,7 +1787,7 @@ const Eo = { style: { display: "flex", "flex-direction": "row", "justify-content
     return e({
       returnValue: () => !0
     }), (o, s) => (d(), y("div", null, [
-      H(bt, { show: !0 }, {
+      B(bt, { show: !0 }, {
         "modal-title": X(() => [
           pe(K(n.title), 1)
         ]),
@@ -1796,7 +1796,7 @@ const Eo = { style: { display: "flex", "flex-direction": "row", "justify-content
         ]),
         "modal-footer": X(() => [
           D("div", Ao, [
-            H(xe, {
+            B(xe, {
               onClick: s[0] || (s[0] = (i) => z(Ft)())
             }, {
               default: X(() => [
@@ -1804,7 +1804,7 @@ const Eo = { style: { display: "flex", "flex-direction": "row", "justify-content
               ]),
               _: 1
             }),
-            H(xe, {
+            B(xe, {
               class: "button-red",
               onClick: s[1] || (s[1] = (i) => z(Ft)(!1))
             }, {
@@ -1878,7 +1878,7 @@ const Eo = { style: { display: "flex", "flex-direction": "row", "justify-content
         onClick: de(p, ["stop", "prevent"]),
         type: r.type
       }, null, 8, ["class", "icon", "onClick", "type"])),
-      H(Vn, {
+      B(Vn, {
         ref_key: "dMenuRef",
         ref: s,
         items: r.items,
@@ -1898,7 +1898,7 @@ function Vo(t, e) {
     q(t.$slots, "default")
   ]);
 }
-const Bo = /* @__PURE__ */ Le(Io, [["render", Vo]]), Ho = {
+const Ho = /* @__PURE__ */ Le(Io, [["render", Vo]]), Bo = {
   key: 0,
   class: "card-header"
 }, Ro = { class: "card-body" }, Oo = {
@@ -1907,9 +1907,9 @@ const Bo = /* @__PURE__ */ Le(Io, [["render", Vo]]), Ho = {
 }, Qa = {
   __name: "DCard",
   setup(t) {
-    return (e, n) => (d(), A(Bo, { class: "d-card" }, {
+    return (e, n) => (d(), A(Ho, { class: "d-card" }, {
       default: X(() => [
-        e.$slots.header ? (d(), y("div", Ho, [
+        e.$slots.header ? (d(), y("div", Bo, [
           q(e.$slots, "header")
         ])) : V("", !0),
         D("div", Ro, [
@@ -2139,11 +2139,11 @@ const At = "[-+]?[0-9]*.?[0-9]+", fn = [
         j();
         return;
       }
-      const _ = typeof w.duration == "number" ? w.duration : n.duration, M = typeof w.speed == "number" ? w.speed : n.speed, Z = typeof w.ignoreDuplicates == "boolean" ? w.ignoreDuplicates : n.ignoreDuplicates, { title: me, text: Ve, type: B, data: J, id: oe } = w, fe = {
+      const _ = typeof w.duration == "number" ? w.duration : n.duration, M = typeof w.speed == "number" ? w.speed : n.speed, Z = typeof w.ignoreDuplicates == "boolean" ? w.ignoreDuplicates : n.ignoreDuplicates, { title: me, text: Ve, type: H, data: J, id: oe } = w, fe = {
         id: oe || Uo(),
         title: me,
         text: Ve,
-        type: B,
+        type: H,
         state: r.IDLE,
         speed: M,
         length: _ + 2 * M,
@@ -2322,10 +2322,10 @@ const At = "[-+]?[0-9]*.?[0-9]+", fn = [
   }
 };
 async function ls(t, e) {
-  return await Hn(Lo, { title: t, message: e });
+  return await Bn(Lo, { title: t, message: e });
 }
 async function us(t, e) {
-  return await Hn(To, { title: t, message: e });
+  return await Bn(To, { title: t, message: e });
 }
 const rl = {
   __name: "DDialogProvider",
@@ -2394,7 +2394,7 @@ const rl = {
       style: { display: "flex", "flex-direction": "column" }
     }, [
       D("div", vs, [
-        H(z(Oe), {
+        B(z(Oe), {
           component: e.tab.icon
         }, null, 8, ["component"])
       ]),
@@ -2406,7 +2406,7 @@ const rl = {
       key: 2,
       title: e.tab.title ? e.tab.title : ""
     }, [
-      H(z(Oe), {
+      B(z(Oe), {
         component: e.tab.icon
       }, null, 8, ["component"])
     ], 8, bs)) : V("", !0);
@@ -2574,7 +2574,7 @@ const rl = {
   fill: "currentColor"
 }, null, -1)), Vs = [
   Ms
-], Bs = {
+], Hs = {
   __name: "DDataGrid",
   props: {
     id: {
@@ -2630,7 +2630,7 @@ const rl = {
       ])
     ]));
   }
-}, il = /* @__PURE__ */ Le(Bs, [["__scopeId", "data-v-601ce12c"]]), Hs = ["src", "alt", "title"], al = {
+}, il = /* @__PURE__ */ Le(Hs, [["__scopeId", "data-v-601ce12c"]]), Bs = ["src", "alt", "title"], al = {
   __name: "DImage",
   props: {
     src: String,
@@ -2655,7 +2655,7 @@ const rl = {
       alt: e.alt,
       title: e.title,
       style: ae({ width: e.width, height: e.height, borderRadius: e.radius })
-    }, null, 12, Hs)) : V("", !0);
+    }, null, 12, Bs)) : V("", !0);
   }
 }, Rs = { class: "d-textarea" }, Os = {
   key: 0,
@@ -2676,6 +2676,18 @@ const rl = {
       type: Number,
       default: null
     },
+    autoHeight: {
+      type: Boolean,
+      default: !1
+    },
+    minHeight: {
+      type: String,
+      default: "auto"
+    },
+    maxHeight: {
+      type: String,
+      default: "120px"
+    },
     focus: Boolean,
     disabled: Boolean
   },
@@ -2683,8 +2695,8 @@ const rl = {
   setup(t, { expose: e, emit: n }) {
     const r = t, o = R(null), s = $(() => r.scale === "small" ? "d-textarea-small" : r.scale === "large" ? "d-textarea-large" : ""), i = $({
       get: () => r.modelValue,
-      set: (a) => {
-        n("update:modelValue", a);
+      set: (p) => {
+        n("update:modelValue", p);
       }
     });
     Pe(() => {
@@ -2692,27 +2704,30 @@ const rl = {
     });
     const l = () => {
       o.value.focus();
+    }, a = () => {
+      r.autoHeight && (o.value.style.resize = "none", o.value.style.overflow = "hidden", o.value.style.minHeight = r.minHeight, o.value.style.maxHeight = r.maxHeight, o.value.style.height = "auto", o.value.style.height = `${o.value.scrollHeight}px`);
     };
     return e({
       focus: l
-    }), (a, p) => (d(), y("div", Rs, [
+    }), (p, h) => (d(), y("div", Rs, [
       r.label ? (d(), y("div", Os, K(r.label), 1)) : V("", !0),
       $e(D("textarea", {
         ref_key: "inputRef",
         ref: o,
-        "onUpdate:modelValue": p[0] || (p[0] = (h) => i.value = h),
+        "onUpdate:modelValue": h[0] || (h[0] = (m) => i.value = m),
+        onInput: a,
         rows: r.rows,
         cols: r.cols,
         placeholder: r.placeholder,
         disabled: r.disabled,
         class: Q(s.value),
         style: { width: "100%" }
-      }, null, 10, Ps), [
+      }, null, 42, Ps), [
         [Ot, i.value]
       ])
     ]));
   }
-}, ll = /* @__PURE__ */ Le(Ns, [["__scopeId", "data-v-27aecc37"]]), zs = ["id", "checked", "disabled"], js = ["for"], ul = {
+}, ll = /* @__PURE__ */ Le(Ns, [["__scopeId", "data-v-ff11518c"]]), zs = ["id", "checked", "disabled"], js = ["for"], ul = {
   __name: "DSwitcher",
   props: {
     modelValue: Boolean,
@@ -2871,14 +2886,14 @@ function Gs(t, e, n, r, o, s) {
       onMousedown: e[1] || (e[1] = de((...i) => t.selectSaturation && t.selectSaturation(...i), ["prevent", "stop"]))
     },
     [
-      H(
+      B(
         "canvas",
         Ys,
         null,
         512
         /* NEED_PATCH */
       ),
-      H(
+      B(
         "div",
         {
           style: t.slideSaturationStyle,
@@ -2957,14 +2972,14 @@ function Ks(t, e, n, r, o, s) {
       onMousedown: e[1] || (e[1] = de((...i) => t.selectHue && t.selectHue(...i), ["prevent", "stop"]))
     },
     [
-      H(
+      B(
         "canvas",
         qs,
         null,
         512
         /* NEED_PATCH */
       ),
-      H(
+      B(
         "div",
         {
           style: t.slideHueStyle,
@@ -3052,14 +3067,14 @@ function Js(t, e, n, r, o, s) {
       onMousedown: e[1] || (e[1] = de((...i) => t.selectAlpha && t.selectAlpha(...i), ["prevent", "stop"]))
     },
     [
-      H(
+      B(
         "canvas",
         Zs,
         null,
         512
         /* NEED_PATCH */
       ),
-      H(
+      B(
         "div",
         {
           style: t.slideAlphaStyle,
@@ -3177,7 +3192,7 @@ var Xt = Ie({
     }
   }
 });
-const ei = /* @__PURE__ */ H(
+const ei = /* @__PURE__ */ B(
   "path",
   { d: "M13.1,8.2l5.6,5.6c0.4,0.4,0.5,1.1,0.1,1.5s-1.1,0.5-1.5,0.1c0,0-0.1,0-0.1-0.1l-1.4-1.4l-7.7,7.7C7.9,21.9,7.6,22,7.3,22H3.1C2.5,22,2,21.5,2,20.9l0,0v-4.2c0-0.3,0.1-0.6,0.3-0.8l5.8-5.8C8.5,9.7,9.2,9.6,9.7,10s0.5,1.1,0.1,1.5c0,0,0,0.1-0.1,0.1l-5.5,5.5v2.7h2.7l7.4-7.4L8.7,6.8c-0.5-0.4-0.5-1-0.1-1.5s1.1-0.5,1.5-0.1c0,0,0.1,0,0.1,0.1l1.4,1.4l3.5-3.5c1.6-1.6,4.1-1.6,5.8-0.1c1.6,1.6,1.6,4.1,0.1,5.8L20.9,9l-3.6,3.6c-0.4,0.4-1.1,0.5-1.5,0.1" },
   null,
@@ -3189,25 +3204,25 @@ const ei = /* @__PURE__ */ H(
   viewBox: "-16 -16 68 68",
   xmlns: "http://www.w3.org/2000/svg",
   stroke: "#9099a4"
-}, ni = /* @__PURE__ */ H(
+}, ni = /* @__PURE__ */ B(
   "g",
   {
     fill: "none",
     "fill-rule": "evenodd"
   },
   [
-    /* @__PURE__ */ H("g", {
+    /* @__PURE__ */ B("g", {
       transform: "translate(1 1)",
       "stroke-width": "4"
     }, [
-      /* @__PURE__ */ H("circle", {
+      /* @__PURE__ */ B("circle", {
         "stroke-opacity": ".5",
         cx: "18",
         cy: "18",
         r: "18"
       }),
-      /* @__PURE__ */ H("path", { d: "M36 18c0-9.94-8.06-18-18-18" }, [
-        /* @__PURE__ */ H("animateTransform", {
+      /* @__PURE__ */ B("path", { d: "M36 18c0-9.94-8.06-18-18-18" }, [
+        /* @__PURE__ */ B("animateTransform", {
           attributeName: "transform",
           type: "rotate",
           from: "0 18 18",
@@ -3279,14 +3294,14 @@ var Yt = Ie({
 const oi = { class: "color-type" }, si = { class: "name" };
 function ii(t, e, n, r, o, s) {
   return d(), A("div", oi, [
-    H(
+    B(
       "span",
       si,
       K(t.name),
       1
       /* TEXT */
     ),
-    $e(H(
+    $e(B(
       "input",
       {
         "onUpdate:modelValue": e[1] || (e[1] = (i) => t.modelColor = i),
@@ -3350,7 +3365,7 @@ const ai = { class: "colors" }, li = {
 };
 function ui(t, e, n, r, o, s) {
   return d(), A("div", null, [
-    H("ul", ai, [
+    B("ul", ai, [
       (d(!0), A(
         Se,
         null,
@@ -3359,7 +3374,7 @@ function ui(t, e, n, r, o, s) {
           class: "item",
           onClick: (l) => t.selectColor(i)
         }, [
-          H(
+          B(
             "div",
             {
               style: { background: `url(${t.imgAlphaBase64})` },
@@ -3369,7 +3384,7 @@ function ui(t, e, n, r, o, s) {
             4
             /* STYLE */
           ),
-          H(
+          B(
             "div",
             {
               style: { background: i },
@@ -3393,7 +3408,7 @@ function ui(t, e, n, r, o, s) {
           class: "item",
           onClick: (l) => t.selectColor(i)
         }, [
-          H(
+          B(
             "div",
             {
               style: { background: `url(${t.imgAlphaBase64})` },
@@ -3403,7 +3418,7 @@ function ui(t, e, n, r, o, s) {
             4
             /* STYLE */
           ),
-          H(
+          B(
             "div",
             {
               style: { background: i },
@@ -3597,7 +3612,7 @@ var Ze = Ie({
 });
 const ci = { class: "color-set" };
 function di(t, e, n, r, o, s) {
-  const i = He("Saturation"), l = He("Hue"), a = He("Alpha"), p = He("Preview"), h = He("Sucker"), m = He("Box"), g = He("Colors");
+  const i = Be("Saturation"), l = Be("Hue"), a = Be("Alpha"), p = Be("Preview"), h = Be("Sucker"), m = Be("Box"), g = Be("Colors");
   return d(), A(
     "div",
     {
@@ -3605,22 +3620,22 @@ function di(t, e, n, r, o, s) {
       style: { width: t.totalWidth + "px" }
     },
     [
-      H("div", ci, [
-        H(i, {
+      B("div", ci, [
+        B(i, {
           ref: "saturation",
           color: t.rgbString,
           hsv: t.hsv,
           size: t.hueHeight,
           onSelectSaturation: t.selectSaturation
         }, null, 8, ["color", "hsv", "size", "onSelectSaturation"]),
-        H(l, {
+        B(l, {
           ref: "hue",
           hsv: t.hsv,
           width: t.hueWidth,
           height: t.hueHeight,
           onSelectHue: t.selectHue
         }, null, 8, ["hsv", "width", "height", "onSelectHue"]),
-        H(a, {
+        B(a, {
           ref: "alpha",
           color: t.rgbString,
           rgba: t.rgba,
@@ -3629,14 +3644,14 @@ function di(t, e, n, r, o, s) {
           onSelectAlpha: t.selectAlpha
         }, null, 8, ["color", "rgba", "width", "height", "onSelectAlpha"])
       ]),
-      H(
+      B(
         "div",
         {
           style: { height: t.previewHeight + "px" },
           class: "color-show"
         },
         [
-          H(p, {
+          B(p, {
             color: t.rgbaString,
             width: t.previewWidth,
             height: t.previewHeight
@@ -3652,21 +3667,21 @@ function di(t, e, n, r, o, s) {
         4
         /* STYLE */
       ),
-      H(m, {
+      B(m, {
         name: "HEX",
         color: t.modelHex,
         onInputColor: t.inputHex,
         onInputFocus: t.handleFocus,
         onInputBlur: t.handleBlur
       }, null, 8, ["color", "onInputColor", "onInputFocus", "onInputBlur"]),
-      H(m, {
+      B(m, {
         name: "RGBA",
         color: t.modelRgba,
         onInputColor: t.inputRgba,
         onInputFocus: t.handleFocus,
         onInputBlur: t.handleBlur
       }, null, 8, ["color", "onInputColor", "onInputFocus", "onInputBlur"]),
-      H(g, {
+      B(g, {
         color: t.rgbaString,
         "colors-default": t.colorsDefault,
         "colors-history-key": t.colorsHistoryKey,
@@ -3814,10 +3829,10 @@ const $i = new wi(), Ci = { style: { display: "flex", "flex-direction": "column"
 ], Vi = {
   key: 1,
   class: "d-post"
-}, Bi = {
+}, Hi = {
   key: 1,
   class: "d-help"
-}, Hi = {
+}, Bi = {
   key: 2,
   class: "d-error text-red"
 }, qt = {
@@ -3928,8 +3943,8 @@ const $i = new wi(), Ci = { style: { display: "flex", "flex-direction": "column"
               q(S.$slots, "post")
             ])) : V("", !0)
           ]),
-          r.help ? (d(), y("div", Bi, K(r.help), 1)) : V("", !0),
-          s.value ? (d(), y("div", Hi, K(s.value), 1)) : V("", !0)
+          r.help ? (d(), y("div", Hi, K(r.help), 1)) : V("", !0),
+          s.value ? (d(), y("div", Bi, K(s.value), 1)) : V("", !0)
         ])
       ], 2);
     };
@@ -3984,7 +3999,7 @@ const $i = new wi(), Ci = { style: { display: "flex", "flex-direction": "column"
       o.value.hide(), e("change", r.value);
     };
     return (m, g) => (d(), y("div", null, [
-      H(qt, {
+      B(qt, {
         pre: p,
         label: n.label,
         modelValue: r.value,
@@ -3997,7 +4012,7 @@ const $i = new wi(), Ci = { style: { display: "flex", "flex-direction": "column"
         ]),
         _: 1
       }, 8, ["label", "modelValue"]),
-      H(bt, {
+      B(bt, {
         ref_key: "modalRef",
         ref: o,
         width: "100%",
@@ -4007,7 +4022,7 @@ const $i = new wi(), Ci = { style: { display: "flex", "flex-direction": "column"
           pe(K(n.title), 1)
         ]),
         default: X(() => [
-          H(z(Ze), {
+          B(z(Ze), {
             theme: z(Ue).getters.theme(),
             color: s.value,
             "sucker-hide": !0,
@@ -4016,7 +4031,7 @@ const $i = new wi(), Ci = { style: { display: "flex", "flex-direction": "column"
         ]),
         "modal-footer": X(() => [
           D("div", Oi, [
-            H(xe, {
+            B(xe, {
               onClick: g[1] || (g[1] = (L) => o.value.hide())
             }, {
               default: X(() => [
@@ -4024,7 +4039,7 @@ const $i = new wi(), Ci = { style: { display: "flex", "flex-direction": "column"
               ]),
               _: 1
             }),
-            H(xe, {
+            B(xe, {
               type: "success",
               onClick: h
             }, {
@@ -4303,7 +4318,7 @@ var Pn = (
   valueNormal: "value-normal",
   valueLarge: "value-large",
   valueSub: "value-sub"
-}, Be = {
+}, He = {
   tooltips: ".__tooltips",
   aria: ".__aria"
 };
@@ -4604,12 +4619,12 @@ function wa(t, e, n) {
     }));
   }
   function Ve() {
-    m && (et("update" + Be.tooltips), m.forEach(function(u) {
+    m && (et("update" + He.tooltips), m.forEach(function(u) {
       u && mn(u);
     }), m = null);
   }
-  function B() {
-    Ve(), m = a.map(w), kt("update" + Be.tooltips, function(u, c, f) {
+  function H() {
+    Ve(), m = a.map(w), kt("update" + He.tooltips, function(u, c, f) {
       if (!(!m || !e.tooltips) && m[c] !== !1) {
         var v = u[c];
         e.tooltips[c] !== !0 && (v = e.tooltips[c].to(f[c])), m[c].innerHTML = v;
@@ -4617,7 +4632,7 @@ function wa(t, e, n) {
     });
   }
   function J() {
-    et("update" + Be.aria), kt("update" + Be.aria, function(u, c, f, v, k) {
+    et("update" + He.aria), kt("update" + He.aria, function(u, c, f, v, k) {
       b.forEach(function(x) {
         var N = a[x], F = ot(C, x, 0, !0, !0, !0), re = ot(C, x, 100, !0, !0, !0), ne = k[x], se = String(e.ariaFormat.to(f[x]));
         F = g.fromStepping(F).toFixed(1), re = g.fromStepping(re).toFixed(1), ne = g.fromStepping(ne).toFixed(1), N.children[0].setAttribute("aria-valuemin", F), N.children[0].setAttribute("aria-valuemax", re), N.children[0].setAttribute("aria-valuenow", ne), N.children[0].setAttribute("aria-valuetext", se);
@@ -4856,7 +4871,7 @@ function wa(t, e, n) {
     });
   }
   function nr(u) {
-    return u === Be.aria || u === Be.tooltips;
+    return u === He.aria || u === He.tooltips;
   }
   function et(u) {
     var c = u && u.split(".")[0], f = c ? u.substring(c.length) : u;
@@ -4972,7 +4987,7 @@ function wa(t, e, n) {
     return c.length === 1 ? c[0] : c;
   }
   function ir() {
-    for (et(Be.aria), et(Be.tooltips), Object.keys(e.cssClasses).forEach(function(u) {
+    for (et(He.aria), et(He.tooltips), Object.keys(e.cssClasses).forEach(function(u) {
       dt(i, e.cssClasses[u]);
     }); i.firstChild; )
       i.removeChild(i.firstChild);
@@ -5011,10 +5026,10 @@ function wa(t, e, n) {
     var k = jn(n);
     v.forEach(function(x) {
       u[x] !== void 0 && (e[x] = k[x]);
-    }), g = k.spectrum, e.margin = k.margin, e.limit = k.limit, e.padding = k.padding, e.pips ? rt(e.pips) : Je(), e.tooltips ? B() : Ve(), C = [], st(Mt(u.start) ? u.start : f, c);
+    }), g = k.spectrum, e.margin = k.margin, e.limit = k.limit, e.padding = k.padding, e.pips ? rt(e.pips) : Je(), e.tooltips ? H() : Ve(), C = [], st(Mt(u.start) ? u.start : f, c);
   }
   function ur() {
-    l = le(i), ee(e.connect, l), tr(e.events), st(e.start), e.pips && rt(e.pips), e.tooltips && B(), J();
+    l = le(i), ee(e.connect, l), tr(e.events), st(e.start), e.pips && rt(e.pips), e.tooltips && H(), J();
   }
   ur();
   var it = {
@@ -5280,10 +5295,10 @@ const Sn = {
 }, Ma = { class: "d-input-angle" }, Va = {
   key: 0,
   class: "d-label"
-}, Ba = {
+}, Ha = {
   key: 0,
   class: "text-red"
-}, Ha = { style: { display: "flex", gap: "5px", "justify-content": "center", "align-items": "center" } }, Ra = {
+}, Ba = { style: { display: "flex", gap: "5px", "justify-content": "center", "align-items": "center" } }, Ra = {
   __name: "DInputAngle",
   props: {
     form: Object,
@@ -5307,14 +5322,14 @@ const Sn = {
       return d(), y("div", Ma, [
         n.label ? (d(), y("div", Va, [
           pe(K(n.label), 1),
-          (a = n.form) != null && a.fields[n.name].rules && n.form.fields[n.name].rules.hasOwnProperty("required") ? (d(), y("span", Ba, "*")) : V("", !0)
+          (a = n.form) != null && a.fields[n.name].rules && n.form.fields[n.name].rules.hasOwnProperty("required") ? (d(), y("span", Ha, "*")) : V("", !0)
         ])) : V("", !0),
-        D("div", Ha, [
-          H(Ia, {
+        D("div", Ba, [
+          B(Ia, {
             angle: r.value,
             onAngle: o
           }, null, 8, ["angle"]),
-          H(qt, {
+          B(qt, {
             style: { flex: "1" },
             modelValue: r.value,
             "onUpdate:modelValue": l[0] || (l[0] = (p) => r.value = p),
@@ -5441,13 +5456,13 @@ Xe.parse = /* @__PURE__ */ function() {
     rgbaColor: /^rgba/i,
     number: /^(([0-9]*\.[0-9]+)|([0-9]+\.?))/
   }, e = "";
-  function n(B) {
-    var J = new Error(e + ": " + B);
+  function n(H) {
+    var J = new Error(e + ": " + H);
     throw J.source = e, J;
   }
   function r() {
-    var B = o();
-    return e.length > 0 && n("Invalid input not EOF"), B;
+    var H = o();
+    return e.length > 0 && n("Invalid input not EOF"), H;
   }
   function o() {
     return S(s);
@@ -5471,18 +5486,18 @@ Xe.parse = /* @__PURE__ */ function() {
       m
     );
   }
-  function i(B, J, oe) {
+  function i(H, J, oe) {
     return l(J, function(fe) {
       var Ye = oe();
       return Ye && (me(t.comma) || n("Missing comma before color stops")), {
-        type: B,
+        type: H,
         orientation: Ye,
         colorStops: S(T)
       };
     });
   }
-  function l(B, J) {
-    var oe = me(B);
+  function l(H, J) {
+    var oe = me(H);
     if (oe) {
       me(t.startCall) || n("Missing (");
       var fe = J(oe);
@@ -5499,52 +5514,52 @@ Xe.parse = /* @__PURE__ */ function() {
     return Z("angular", t.angleValue, 1);
   }
   function m() {
-    var B, J = g(), oe;
-    return J && (B = [], B.push(J), oe = e, me(t.comma) && (J = g(), J ? B.push(J) : e = oe)), B;
+    var H, J = g(), oe;
+    return J && (H = [], H.push(J), oe = e, me(t.comma) && (J = g(), J ? H.push(J) : e = oe)), H;
   }
   function g() {
-    var B = L() || C();
-    if (B)
-      B.at = O();
+    var H = L() || C();
+    if (H)
+      H.at = O();
     else {
       var J = b();
       if (J) {
-        B = J;
+        H = J;
         var oe = O();
-        oe && (B.at = oe);
+        oe && (H.at = oe);
       } else {
         var fe = W();
-        fe && (B = {
+        fe && (H = {
           type: "default-radial",
           at: fe
         });
       }
     }
-    return B;
+    return H;
   }
   function L() {
-    var B = Z("shape", /^(circle)/i, 0);
-    return B && (B.style = M() || b()), B;
+    var H = Z("shape", /^(circle)/i, 0);
+    return H && (H.style = M() || b()), H;
   }
   function C() {
-    var B = Z("shape", /^(ellipse)/i, 0);
-    return B && (B.style = w() || b()), B;
+    var H = Z("shape", /^(ellipse)/i, 0);
+    return H && (H.style = w() || b()), H;
   }
   function b() {
     return Z("extent-keyword", t.extentKeywords, 1);
   }
   function O() {
     if (Z("position", /^at/, 0)) {
-      var B = W();
-      return B || n("Missing positioning value"), B;
+      var H = W();
+      return H || n("Missing positioning value"), H;
     }
   }
   function W() {
-    var B = P();
-    if (B.x || B.y)
+    var H = P();
+    if (H.x || H.y)
       return {
         type: "position",
-        value: B
+        value: H
       };
   }
   function P() {
@@ -5553,16 +5568,16 @@ Xe.parse = /* @__PURE__ */ function() {
       y: w()
     };
   }
-  function S(B) {
-    var J = B(), oe = [];
+  function S(H) {
+    var J = H(), oe = [];
     if (J)
       for (oe.push(J); me(t.comma); )
-        J = B(), J ? oe.push(J) : n("One extra comma");
+        J = H(), J ? oe.push(J) : n("One extra comma");
     return oe;
   }
   function T() {
-    var B = E();
-    return B || n("Expected color definition"), B.length = w(), B;
+    var H = E();
+    return H || n("Expected color definition"), H.length = w(), H;
   }
   function E() {
     return Y() || ee() || U() || j();
@@ -5601,23 +5616,23 @@ Xe.parse = /* @__PURE__ */ function() {
   function M() {
     return Z("px", t.pixelValue, 1) || Z("em", t.emValue, 1);
   }
-  function Z(B, J, oe) {
+  function Z(H, J, oe) {
     var fe = me(J);
     if (fe)
       return {
-        type: B,
+        type: H,
         value: fe[oe]
       };
   }
-  function me(B) {
+  function me(H) {
     var J, oe;
-    return oe = /^[\n\r\t\s]+/.exec(e), oe && Ve(oe[0].length), J = B.exec(e), J && Ve(J[0].length), J;
+    return oe = /^[\n\r\t\s]+/.exec(e), oe && Ve(oe[0].length), J = H.exec(e), J && Ve(J[0].length), J;
   }
-  function Ve(B) {
-    e = e.substr(B);
+  function Ve(H) {
+    e = e.substr(H);
   }
-  return function(B) {
-    return e = B.toString(), r();
+  return function(H) {
+    return e = H.toString(), r();
   };
 }();
 Zt.parse = Xe.parse;
@@ -5725,7 +5740,7 @@ const Oa = {
       l.value = `background: ${i.value[0].code};`, i.value.length > 1 && (l.value += `background: ${S}(${E.join(", ")})`);
     };
     return (S, T) => (d(), y("div", null, [
-      H(qt, {
+      B(qt, {
         pre: C,
         label: n.label,
         modelValue: h.value,
@@ -5747,7 +5762,7 @@ const Oa = {
       }, null, 512), [
         [Ot, r.value]
       ]),
-      H(bt, {
+      B(bt, {
         ref_key: "modalRef",
         ref: o,
         width: "100%",
@@ -5761,7 +5776,7 @@ const Oa = {
             class: "mb-1",
             style: ae([{ height: "100px", width: "100%" }, l.value])
           }, null, 4),
-          H(Ca, {
+          B(Ca, {
             onUpdate: P,
             class: "mb-1",
             ref_key: "sliderRef",
@@ -5772,7 +5787,7 @@ const Oa = {
           }, null, 8, ["tooltips"]),
           D("div", Oa, [
             D("div", null, [
-              H(hs, {
+              B(hs, {
                 onChange: P,
                 modelValue: a.value,
                 "onUpdate:modelValue": T[2] || (T[2] = (E) => a.value = E),
@@ -5793,7 +5808,7 @@ const Oa = {
             style: { display: "flex", gap: "5px", "align-items": "center", "justify-content": "center" },
             key: j
           }, [
-            H(Pi, {
+            B(Pi, {
               modelValue: E.code,
               "onUpdate:modelValue": (Y) => E.code = Y,
               style: { flex: "1" },
@@ -5807,7 +5822,7 @@ const Oa = {
             }, null, 8, ["onClick"])) : V("", !0)
           ]))), 128)),
           z(m) < n.maxColors ? (d(), y("div", Pa, [
-            H(xe, { onClick: O }, {
+            B(xe, { onClick: O }, {
               default: X(() => [
                 pe(K(n.add), 1)
               ]),
@@ -5817,7 +5832,7 @@ const Oa = {
         ]),
         "modal-footer": X(() => [
           D("div", Na, [
-            H(xe, {
+            B(xe, {
               onClick: T[4] || (T[4] = (E) => o.value.hide())
             }, {
               default: X(() => [
@@ -5825,7 +5840,7 @@ const Oa = {
               ]),
               _: 1
             }),
-            H(xe, {
+            B(xe, {
               type: "success",
               onClick: b
             }, {
@@ -6092,7 +6107,7 @@ export {
   Vn as DMenu,
   bt as DModal,
   el as DNotificationProvider,
-  Bo as DPanel,
+  Ho as DPanel,
   Ca as DRangeSlider,
   Za as DScroll,
   Ka as DScrollProvider,
@@ -6101,7 +6116,7 @@ export {
   ol as DTabs,
   ll as DTextarea,
   pt as DTransferStore,
-  Bn as DTree,
+  Hn as DTree,
   ro as DTreeItem,
   I as DTreeStore,
   Ce as Rules,