@citruslime/ui 4.0.0-beta.6 → 4.0.0-beta.7

package/dist/citrus-lime-ui.es.js

@@ -1,12 +1,12 @@
 import { Icon as le } from "@iconify/vue";
-import { defineComponent as j, ref as V, openBlock as u, createElementBlock as g, renderSlot as D, normalizeProps as me, guardReactiveProps as be, Fragment as K, createElementVNode as h, normalizeClass as O, createVNode as q, unref as m, Transition as Ne, withCtx as M, withDirectives as se, mergeProps as Q, vShow as fe, createBlock as L, Teleport as Tl, renderList as _, toDisplayString as R, createCommentVNode as U, computed as $, createTextVNode as ue, mergeModels as de, useModel as ke, createSlots as ye, vModelDynamic as Yl, watch as te, toRefs as Jl, withKeys as re, onMounted as Ge, onUnmounted as Cl, withModifiers as x, nextTick as Fe, useAttrs as Ze, resolveComponent as Se, inject as il, vModelCheckbox as At, toValue as Il, watchEffect as Vt, vModelText as Sl, useCssVars as Xl, toHandlers as Mt, useSlots as It, provide as vl, normalizeStyle as xl, isRef as Nt } from "vue";
+import { defineComponent as j, ref as V, openBlock as u, createElementBlock as g, renderSlot as D, normalizeProps as me, guardReactiveProps as be, Fragment as K, createElementVNode as h, normalizeClass as O, createVNode as q, unref as m, Transition as Ne, withCtx as M, withDirectives as se, mergeProps as Q, vShow as fe, createBlock as L, Teleport as Tl, renderList as _, toDisplayString as R, useAttrs as Fe, createCommentVNode as U, computed as $, createTextVNode as ue, mergeModels as de, useModel as ke, createSlots as ye, vModelDynamic as Yl, watch as te, toRefs as Jl, withKeys as re, onMounted as Ze, onUnmounted as Cl, withModifiers as x, nextTick as je, resolveComponent as Se, inject as il, vModelCheckbox as At, toValue as Il, watchEffect as Vt, vModelText as Sl, useCssVars as Xl, toHandlers as Mt, useSlots as It, provide as vl, normalizeStyle as xl, isRef as Nt } from "vue";
 import { generateStringId as Rt, highlightText as Ut, validateEmail as zt, escapeStringForRegExp as Bt } from "@citruslime/utils";
 import { onKeyDown as hl, unrefElement as Lt, tryOnScopeDispose as Ft, onClickOutside as xe, useTimeoutFn as _l, useMouseInElement as jt, useFocusWithin as Pt, useMediaQuery as et, useThrottle as Ht, useElementBounding as bl, useDebounceFn as Je, useBreakpoints as lt, breakpointsTailwind as tt, useThrottleFn as Gt, useWindowSize as Zt, useElementSize as Nl } from "@vueuse/core";
 import { useI18n as ce, createI18n as Wt } from "vue-i18n";
 import { createFocusTrap as Kt } from "focus-trap";
 import { copy as we } from "@citruslime/vue-utils";
 import { DateTime as Y } from "luxon";
-import { DatePicker as je } from "v-calendar";
+import { DatePicker as Pe } from "v-calendar";
 import { useCurrencyInput as Qt } from "vue-currency-input";
 const Yt = { class: "cl-overflow-hidden" }, Jt = /* @__PURE__ */ j({
   __name: "cl-ui-accordion",
@@ -192,43 +192,43 @@ const _e = /* @__PURE__ */ Te(uo, [["render", po], ["__scopeId", "data-v-a21dc5d
     disabled: { type: Boolean, default: !1 }
   },
   setup(o, { expose: l }) {
-    const t = V(null);
+    const t = Fe(), { class: e } = t, r = V(null);
     return l({
       focus() {
-        t.value && t.value.focus();
+        r.value && r.value.focus();
       }
-    }), (e, r) => (u(), g("button", Q(e.$attrs, {
+    }), (a, i) => (u(), g("button", Q(m(t), {
       ref_key: "buttonRef",
-      ref: t,
+      ref: r,
       class: ["cl-align-middle cl-border cl-font-semibold cl-inline-block cl-relative cl-rounded cl-select-none cl-shadow cl-text-center cl-transition-colors", {
-        "cl-cursor-default": e.loading,
-        "cl-py-[5px] cl-px-4 cl-text-sm": e.size === "small",
-        "cl-py-[9px] cl-px-8 cl-text-sm": e.size === "medium",
-        "cl-px-10 cl-py-4": e.size === "large",
-        "cl-bg-white cl-border-grey-0 cl-text-secondary": e.colour === "default" && !e.disabled,
-        "hover:cl-border-grey-2": e.colour === "default" && !e.disabled && !e.loading,
-        "cl-border-primary-default cl-bg-primary-default cl-text-secondary-default": e.colour === "primary" && !e.disabled,
-        "hover:cl-bg-primary-dark hover:cl-text-white hover:cl-border-primary-dark": e.colour === "primary" && !e.disabled && !e.loading,
-        "cl-border-secondary-default cl-bg-secondary-default cl-text-white": e.colour === "secondary" && !e.disabled,
-        "hover:cl-bg-secondary-light hover:cl-border-secondary-light": e.colour === "secondary" && !e.disabled && !e.loading,
-        "cl-border-danger-default cl-bg-danger-default cl-text-white": e.colour === "danger" && !e.disabled,
-        "hover:cl-bg-danger-dark hover:cl-border-danger-dark": e.colour === "danger" && !e.disabled && !e.loading,
-        "cl-border-link-default cl-bg-link-default cl-text-white": e.colour === "blue" && !e.disabled,
-        "hover:cl-bg-link-light hover:cl-border-link-light": e.colour === "blue" && !e.disabled && !e.loading,
-        "cl-border-orange-default cl-bg-orange-default cl-opacity-100 cl-text-white": e.colour === "orange" && !e.disabled,
-        "hover:cl-bg-orange-dark hover:cl-border-orange-dark": e.colour === "orange" && !e.disabled && !e.loading,
-        "cl-border-grey-3 cl-bg-grey-3 cl-text-grey-0 hover:cl-bg-grey-3 hover:cl-border-grey-3 cl-cursor-default": e.disabled
+        "cl-cursor-default": a.loading,
+        "cl-py-[5px] cl-px-4 cl-text-sm": a.size === "small",
+        "cl-py-[9px] cl-px-8 cl-text-sm": a.size === "medium",
+        "cl-px-10 cl-py-4": a.size === "large",
+        "cl-bg-white cl-border-grey-0 cl-text-secondary": a.colour === "default" && !a.disabled,
+        "hover:cl-border-grey-2": a.colour === "default" && !a.disabled && !a.loading,
+        "cl-border-primary-default cl-bg-primary-default cl-text-secondary-default": a.colour === "primary" && !a.disabled,
+        "hover:cl-bg-primary-dark hover:cl-text-white hover:cl-border-primary-dark": a.colour === "primary" && !a.disabled && !a.loading,
+        "cl-border-secondary-default cl-bg-secondary-default cl-text-white": a.colour === "secondary" && !a.disabled,
+        "hover:cl-bg-secondary-light hover:cl-border-secondary-light": a.colour === "secondary" && !a.disabled && !a.loading,
+        "cl-border-danger-default cl-bg-danger-default cl-text-white": a.colour === "danger" && !a.disabled,
+        "hover:cl-bg-danger-dark hover:cl-border-danger-dark": a.colour === "danger" && !a.disabled && !a.loading,
+        "cl-border-link-default cl-bg-link-default cl-text-white": a.colour === "blue" && !a.disabled,
+        "hover:cl-bg-link-light hover:cl-border-link-light": a.colour === "blue" && !a.disabled && !a.loading,
+        "cl-border-orange-default cl-bg-orange-default cl-opacity-100 cl-text-white": a.colour === "orange" && !a.disabled,
+        "hover:cl-bg-orange-dark hover:cl-border-orange-dark": a.colour === "orange" && !a.disabled && !a.loading,
+        "cl-border-grey-3 cl-bg-grey-3 cl-text-grey-0 hover:cl-bg-grey-3 hover:cl-border-grey-3 cl-cursor-default": a.disabled
       }],
-      disabled: e.disabled
+      disabled: a.disabled
     }), [
       h("div", {
-        class: O({ "cl-opacity-50": e.loading })
+        class: O([{ "cl-opacity-50": a.loading }, m(e)])
       }, [
-        D(e.$slots, "default")
+        D(a.$slots, "default")
       ], 2),
-      e.loading ? (u(), g("div", {
+      a.loading ? (u(), g("div", {
         key: 0,
-        class: O(["cl-absolute cl-bg-black cl-bg-opacity-20 cl-flex cl-h-full cl-items-center cl-justify-center cl-left-0 cl-rounded cl-top-0 cl-w-full", { "cl-bg-opacity-30": e.colour === "default" }])
+        class: O(["cl-absolute cl-bg-black cl-bg-opacity-20 cl-flex cl-h-full cl-items-center cl-justify-center cl-left-0 cl-rounded cl-top-0 cl-w-full", { "cl-bg-opacity-30": a.colour === "default" }])
       }, [
         q(_e, { class: "!cl-h-6 !cl-w-6 after:!cl-h-6 after:!cl-w-6 cl--translate-x-1/2" })
       ], 2)) : U("", !0)
@@ -707,12 +707,12 @@ const Ao = {
       d.value = k;
     }
     function I() {
-      t.isVisible === !0 && (a.value = "", s(), Fe(() => {
+      t.isVisible === !0 && (a.value = "", s(), je(() => {
         var k, W;
         return (W = (k = n.value) == null ? void 0 : k.querySelector("input")) == null ? void 0 : W.focus();
       }));
     }
-    return te(() => t.results, () => S()), te(() => t.errorMessage, () => S()), te(() => t.isVisible, () => I()), Ge(() => {
+    return te(() => t.results, () => S()), te(() => t.errorMessage, () => S()), te(() => t.isVisible, () => I()), Ze(() => {
       var k;
       return (k = n.value) == null ? void 0 : k.addEventListener("keydown", A);
     }), Cl(() => {
@@ -823,7 +823,7 @@ const Ao = {
   },
   emits: ["focus", "search", "search-parent", "create-object", "create-parent-object", "update:current-object"],
   setup(o, { expose: l, emit: t }) {
-    const e = o, r = t, { id: a, ...i } = Ze(), d = a ?? `cl-ui-combo-box-input-${e.objectType}`, b = $(() => e.placeholderText ? e.placeholderText : s("comboBox.emptyHintText", { object: e.objectType })), n = $(() => e.searchHint ? e.searchHint : s("comboBox.searchHint", { object: e.objectType })), { t: s } = ce(), c = V(!1), p = $({
+    const e = o, r = t, { id: a, ...i } = Fe(), d = a ?? `cl-ui-combo-box-input-${e.objectType}`, b = $(() => e.placeholderText ? e.placeholderText : s("comboBox.emptyHintText", { object: e.objectType })), n = $(() => e.searchHint ? e.searchHint : s("comboBox.searchHint", { object: e.objectType })), { t: s } = ce(), c = V(!1), p = $({
       get: () => e.currentObject,
       set: (F) => r("update:current-object", F)
     }), w = V(null), y = $(() => J()), f = V(""), C = V(""), A = V(), E = V(!0), S = V(!1);
@@ -1524,16 +1524,16 @@ const Ta = {
   warnHtmlMessage: !1
 });
 function Qu(o, l) {
-  return qe.global.mergeLocaleMessage(o, l), Fe();
+  return qe.global.mergeLocaleMessage(o, l), je();
 }
 function Yu(o, l) {
-  return qe.global.mergeNumberFormat(o, l), Fe();
+  return qe.global.mergeNumberFormat(o, l), je();
 }
 function Ju(o, l) {
-  return qe.global.mergeDateTimeFormat(o, l), Fe();
+  return qe.global.mergeDateTimeFormat(o, l), je();
 }
 function Xu(o) {
-  return qe.global.locale.value = o, Fe();
+  return qe.global.locale.value = o, je();
 }
 const { locale: qa, getNumberFormat: Da } = qe.global, dl = ae.DECIMAL;
 function De(o) {
@@ -1550,10 +1550,10 @@ function ml(o, l) {
 }
 function Me(o, l, t) {
   if (pl(l)) {
-    const e = He(dl, t);
+    const e = Ge(dl, t);
     return l.replace(/\{0\}/g, Fl(o, e) ?? "");
   } else {
-    const e = He(Ol(l), t);
+    const e = Ge(Ol(l), t);
     let r = Fl(o, e) ?? "";
     if (l === "currency-without-symbol") {
       const a = el(e);
@@ -1573,7 +1573,7 @@ function st(o, l, t) {
     return Ll(o, Ol(l), t);
 }
 function Dl(o, l) {
-  return pl(o) ? He(dl, l) : He(Ol(o), l);
+  return pl(o) ? Ge(dl, l) : Ge(Ol(o), l);
 }
 function Oa(o, l, t) {
   const e = el(t);
@@ -1599,7 +1599,7 @@ function Ea(o, l) {
 function Ll(o, l, t) {
   if (!o)
     return NaN;
-  const e = He(l, t), r = el(e);
+  const e = Ge(l, t), r = el(e);
   if (r === null)
     return NaN;
   const a = [
@@ -1639,7 +1639,7 @@ function el(o) {
     return console.error(l), null;
   }
 }
-function He(o, l) {
+function Ge(o, l) {
   const t = Il(l == null ? void 0 : l.locale) || m(qa), e = Da(t), r = we(Il(l == null ? void 0 : l.additionalOptions) ?? {});
   let a = "decimal";
   switch (o) {
@@ -1668,7 +1668,7 @@ function Aa(o) {
   return !pl(o) && o !== "currency-without-symbol";
 }
 function Va(o, l) {
-  const t = He(dl, l), e = el(t);
+  const t = Ge(dl, l), e = el(t);
   if (e === null)
     return o;
   const r = Ie(e, 10000.11111, "group");
@@ -2536,7 +2536,7 @@ const za = {
     };
   }
 });
-function Pe(o, l, t, e) {
+function He(o, l, t, e) {
   const r = e ?? "UTC";
   let a = Y.fromJSDate(o, { zone: r }).setZone(r);
   l === "start" ? a = a.startOf("day") : l === "end" && (a = a.endOf("day").set({ millisecond: 0 }));
@@ -2822,7 +2822,7 @@ const qn = { class: "cl-gap-1 cl-grid cl-grid-cols-2" }, Dn = ["onClick"], On =
   emits: ["togglePopover", "clear"],
   setup(o) {
     const { t: l } = ce(), t = $(() => {
-      const { class: e, ...r } = Ze();
+      const { class: e, ...r } = Fe();
       return r;
     });
     return (e, r) => {
@@ -2909,8 +2909,8 @@ const qn = { class: "cl-gap-1 cl-grid cl-grid-cols-2" }, Dn = ["onClick"], On =
         if (f !== null) {
           const C = f;
           t.value = {
-            start: Pe(C.start, "start", !1, l.timeZone) ?? "",
-            end: Pe(C.end, "end", !1, l.timeZone) ?? ""
+            start: He(C.start, "start", !1, l.timeZone) ?? "",
+            end: He(C.end, "end", !1, l.timeZone) ?? ""
           };
         } else
           t.value = null;
@@ -2926,7 +2926,7 @@ const qn = { class: "cl-gap-1 cl-grid cl-grid-cols-2" }, Dn = ["onClick"], On =
         D(f.$slots, "default")
       ]),
       default: M(() => [
-        q(m(je), {
+        q(m(Pe), {
           ref_key: "calendar",
           ref: c,
           modelValue: r.value,
@@ -3004,7 +3004,7 @@ const qn = { class: "cl-gap-1 cl-grid cl-grid-cols-2" }, Dn = ["onClick"], On =
       a,
       r
     ], () => {
-      Fe(() => {
+      je(() => {
         a.value && r.value === "auto" && (a.value.style.height = "auto", i());
       });
     }, {
@@ -3319,7 +3319,7 @@ const qn = { class: "cl-gap-1 cl-grid cl-grid-cols-2" }, Dn = ["onClick"], On =
         }).toJSDate()), f;
       },
       set(f) {
-        e.type === "time" ? r.value = f : f !== null ? r.value = Pe(f, null, !1, e.timeZone) : r.value = null;
+        e.type === "time" ? r.value = f : f !== null ? r.value = He(f, null, !1, e.timeZone) : r.value = null;
       }
     }), { locale: b } = ce(), n = $(() => e.dateFormatLocale ?? b.value), s = $(() => e.showPopover !== void 0 ? e.showPopover : e.type !== "time"), c = $(() => El(e.disabled || !s.value, e.popoverPlacement)), p = $(() => it(n.value, e.type)), w = V(null), y = $(() => Al(r.value, e.initialCalendarDate, i.value, e.type));
     return te(() => [
@@ -3337,7 +3337,7 @@ const qn = { class: "cl-gap-1 cl-grid cl-grid-cols-2" }, Dn = ["onClick"], On =
         D(f.$slots, "default")
       ]),
       default: M(() => [
-        f.type === "time" ? (u(), L(m(je), {
+        f.type === "time" ? (u(), L(m(Pe), {
           key: 0,
           modelValue: d.value,
           "onUpdate:modelValue": C[1] || (C[1] = (A) => d.value = A),
@@ -3367,7 +3367,7 @@ const qn = { class: "cl-gap-1 cl-grid cl-grid-cols-2" }, Dn = ["onClick"], On =
             }), null, 16, ["date", "events", "type", "placeholder", "required", "disabled"])
           ]),
           _: 1
-        }, 8, ["modelValue", "locale", "is24hr", "mode", "is-required", "masks", "popover"])) : (u(), L(m(je), {
+        }, 8, ["modelValue", "locale", "is24hr", "mode", "is-required", "masks", "popover"])) : (u(), L(m(Pe), {
           key: 1,
           modelValue: d.value,
           "onUpdate:modelValue": C[4] || (C[4] = (A) => d.value = A),
@@ -3444,7 +3444,7 @@ const qn = { class: "cl-gap-1 cl-grid cl-grid-cols-2" }, Dn = ["onClick"], On =
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const l = o, t = ke(o, "modelValue"), e = V(-1), r = V(), a = V(), i = V(!1), d = $(() => Array.isArray(t.value)), b = Ze().id ?? "select";
+    const l = o, t = ke(o, "modelValue"), e = V(-1), r = V(), a = V(), i = V(!1), d = $(() => Array.isArray(t.value)), b = Fe().id ?? "select";
     function n(I) {
       typeof I < "u" ? i.value = I : l.disabled === !1 && (i.value = !i.value), i.value === !1 && (e.value = -1);
     }
@@ -4693,7 +4693,7 @@ const ss = {
   emits: ["update:columns", "update:request", "data-request", "row-edit", "row-edit-cancelled", "edit-start", "edit-end", "row-select"],
   setup(o, { expose: l, emit: t }) {
     var $e;
-    const e = o, r = t, { lg: a } = lt(tt), i = Object.keys(It()).some((z) => z.endsWith("BulkEdit")), d = Ze();
+    const e = o, r = t, { lg: a } = lt(tt), i = Object.keys(It()).some((z) => z.endsWith("BulkEdit")), d = Fe();
     vl("cl-ui-grid-id", d.id);
     const b = $(() => e.headerDisplayTimezone ?? e.timeZone), n = $(() => e.dateFormatLocale);
     vl(ul, n);
@@ -4734,7 +4734,7 @@ const ss = {
       }
     }), I = V(!1);
     te(P, () => {
-      P.value ? r("edit-start") : Fe(() => r("edit-end"));
+      P.value ? r("edit-start") : je(() => r("edit-end"));
     });
     const k = $(() => ({
       rowSelectionEnabled: !1,
@@ -4767,7 +4767,7 @@ const ss = {
       B.value = !1;
     }, {
       once: !0
-    }), Ge(() => {
+    }), Ze(() => {
       window.addEventListener("resize", Je(w, 50)), w();
     }), Cl(() => window.removeEventListener("resize", Je(w, 50))), te(() => e.data, () => {
       z();
@@ -4927,7 +4927,7 @@ const ss = {
   }),
   emits: ["update:columns", "update:request"],
   setup(o) {
-    const l = o, t = ke(o, "columns"), e = ke(o, "request"), { id: r, ...a } = Ze(), i = r ?? "cl-ui-grid-lite", d = $(() => l.dateFormatLocale);
+    const l = o, t = ke(o, "columns"), e = ke(o, "request"), { id: r, ...a } = Fe(), i = r ?? "cl-ui-grid-lite", d = $(() => l.dateFormatLocale);
     vl(ul, d);
     const b = $(() => t.value.filter((w) => w.visible ?? !0));
     function n() {
@@ -5201,7 +5201,7 @@ const Qs = { class: "cl-col-[1_/_-1] cl-grid cl-grid-cols-subgrid" }, Ys = ["id"
     isSmallGrid: { type: Boolean }
   },
   setup(o) {
-    const l = o, { id: t, ...e } = Ze(), r = il(ul), { t: a, locale: i } = ce();
+    const l = o, { id: t, ...e } = Fe(), r = il(ul), { t: a, locale: i } = ce();
     function d(s, c) {
       let p;
       l.timeZone ? p = Y.fromISO(s, {
@@ -5575,12 +5575,12 @@ const qt = /* @__PURE__ */ Te(or, [["render", nr]]), sr = { class: "cl-flex cl-g
         if (e.type === "time")
           P = S;
         else if (S !== null && e.type !== "dateRange")
-          P = Pe(S, null, !0, e.timeZone);
+          P = He(S, null, !0, e.timeZone);
         else if (S !== null) {
           const I = S;
           P = {
-            start: Pe(I.start, "start", !1, e.timeZone) ?? "",
-            end: Pe(I.end, "end", !1, e.timeZone) ?? ""
+            start: He(I.start, "start", !1, e.timeZone) ?? "",
+            end: He(I.end, "end", !1, e.timeZone) ?? ""
           };
         }
         r("update:date", P);
@@ -5596,7 +5596,7 @@ const qt = /* @__PURE__ */ Te(or, [["render", nr]]), sr = { class: "cl-flex cl-g
         var S;
         (S = c.value) == null || S.focus();
       }
-    }), (S, P) => S.type === "time" ? (u(), L(m(je), {
+    }), (S, P) => S.type === "time" ? (u(), L(m(Pe), {
       key: 0,
       modelValue: i.value,
       "onUpdate:modelValue": P[1] || (P[1] = (I) => i.value = I),
@@ -5626,7 +5626,7 @@ const qt = /* @__PURE__ */ Te(or, [["render", nr]]), sr = { class: "cl-flex cl-g
         }), null, 16, ["date", "events", "type", "placeholder", "required", "disabled"])
       ]),
       _: 1
-    }, 8, ["modelValue", "locale", "is24hr", "mode", "is-required", "masks", "popover"])) : S.type === "dateRange" ? (u(), L(m(je), {
+    }, 8, ["modelValue", "locale", "is24hr", "mode", "is-required", "masks", "popover"])) : S.type === "dateRange" ? (u(), L(m(Pe), {
       key: 1,
       ref_key: "calendar",
       ref: y,
@@ -5672,7 +5672,7 @@ const qt = /* @__PURE__ */ Te(or, [["render", nr]]), sr = { class: "cl-flex cl-g
         }, null, 8, ["scope", "selected-quick-date", "current-date-range"])) : U("", !0)
       ]),
       _: 1
-    }, 8, ["modelValue", "locale", "is24hr", "timezone", "columns", "popover", "min-date", "max-date", "initial-page"])) : (u(), L(m(je), {
+    }, 8, ["modelValue", "locale", "is24hr", "timezone", "columns", "popover", "min-date", "max-date", "initial-page"])) : (u(), L(m(Pe), {
       key: 2,
       modelValue: i.value,
       "onUpdate:modelValue": P[7] || (P[7] = (I) => i.value = I),
@@ -6092,7 +6092,7 @@ const Fr = { class: "cl-flex cl-justify-between" }, jr = { class: "cl-w-full" },
     async function H() {
       await he(), Oe();
     }
-    return Ge(() => {
+    return Ze(() => {
       e.validateImmediately && G(e.modelValue, !0);
     }), te(() => e.isRequired, () => G(e.modelValue, !0)), te(() => e.externalErrors, async () => {
       await B(p.value), r("update:model-value", p.value);
@@ -6700,7 +6700,7 @@ const Li = /* @__PURE__ */ Te(Ui, [["render", Bi]]), Fi = /* @__PURE__ */ j({
     function c(p) {
       typeof p == "number" && s(p);
     }
-    return Ge(() => {
+    return Ze(() => {
       s(a.value[0].id);
     }), l({
       setTab: c
@@ -6833,7 +6833,7 @@ const Li = /* @__PURE__ */ Te(Ui, [["render", Bi]]), Fi = /* @__PURE__ */ j({
       "dragleave",
       "drop"
     ], s = V(!1);
-    Ge(() => {
+    Ze(() => {
       n.forEach((y) => {
         document.body.addEventListener(y, (f) => f.preventDefault());
       });
@@ -7284,7 +7284,7 @@ const Du = { class: "cl-flex cl-flex-nowrap cl-flex-row cl-w-full" }, Ou = { cla
     ], C, {
       flush: "post",
       deep: !0
-    }), Ge(C), (E, S) => {
+    }), Ze(C), (E, S) => {
       const P = Se("icon"), I = Se("cl-ui-tree-list-subtree", !0);
       return u(), g("div", Du, [
         h("div", Ou, [