@citruslime/ui 2.6.23 → 2.6.24-beta.0

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

@@ -1,5 +1,5 @@
 import { Icon as H } from "@iconify/vue";
-import { defineComponent as Z, ref as R, openBlock as m, createElementBlock as k, renderSlot as U, normalizeProps as de, guardReactiveProps as ve, Fragment as J, createElementVNode as g, normalizeClass as z, createVNode as E, unref as h, Transition as Se, withCtx as Q, withDirectives as le, mergeProps as ue, vShow as te, createBlock as K, Teleport as rl, renderList as se, toDisplayString as A, createCommentVNode as P, nextTick as je, computed as N, toHandlers as xl, withModifiers as re, getCurrentInstance as _l, version as Hl, watch as ne, withKeys as De, useCssVars as Gl, vModelText as Kl, onMounted as Pe, vModelDynamic as Zl, toRefs as Wl, onUnmounted as Je, resolveComponent as Ol, createTextVNode as pe, inject as Ql, watchEffect as Yl, createSlots as il, provide as Jl, normalizeStyle as Xl } from "vue";
+import { defineComponent as Z, ref as A, openBlock as m, createElementBlock as k, renderSlot as U, normalizeProps as de, guardReactiveProps as ve, Fragment as J, createElementVNode as g, normalizeClass as z, createVNode as E, unref as h, Transition as Se, withCtx as Q, withDirectives as le, mergeProps as ue, vShow as te, createBlock as K, Teleport as rl, renderList as se, toDisplayString as I, createCommentVNode as P, nextTick as je, computed as N, toHandlers as xl, withModifiers as re, getCurrentInstance as _l, version as Hl, watch as ne, withKeys as De, useCssVars as Gl, vModelText as Kl, onMounted as Pe, vModelDynamic as Zl, toRefs as Wl, onUnmounted as Je, resolveComponent as Ol, createTextVNode as pe, inject as Ql, watchEffect as Yl, createSlots as il, provide as Jl, normalizeStyle as Xl } from "vue";
 import { generateStringId as et, highlightText as lt } from "@citruslime/utils";
 import { useMediaQuery as tt, useDebounceFn as sl, unrefElement as at, tryOnScopeDispose as nt, onClickOutside as cl, useTimeoutFn as El, useWindowSize as ot } from "@vueuse/core";
 import { createI18n as rt, useI18n as ce } from "vue-i18n";
@@ -12,7 +12,7 @@ const it = { class: "cl-overflow-hidden" }, st = /* @__PURE__ */ Z({
     exclusive: { type: Boolean, default: !1 }
   },
   setup(a) {
-    const e = a, l = R([]);
+    const e = a, l = A([]);
     function t(c) {
       let i = l.value.find((o) => o.id === c);
       return i || (i = {
@@ -91,7 +91,7 @@ function vt(a, e) {
     U(a.$slots, "default")
   ]);
 }
-const ht = /* @__PURE__ */ $e(pt, [["render", vt]]), He = R([]);
+const ht = /* @__PURE__ */ $e(pt, [["render", vt]]), He = A([]);
 function dl(a) {
   const e = {
     id: et(),
@@ -132,7 +132,7 @@ const gt = ["onClick"], bt = { class: "cl-flex-1 cl-select-none cl-text-ellipsis
           }],
           onClick: (c) => h(Dl)(t)
         }), [
-          g("span", bt, A(t.message), 1),
+          g("span", bt, I(t.message), 1),
           E(h(H), {
             class: "cl-inline-block cl-opacity-0 cl-transition-opacity group-hover:cl-opacity-100",
             icon: "ph:x",
@@ -191,7 +191,7 @@ const Xe = /* @__PURE__ */ $e(kt, [["render", $t], ["__scopeId", "data-v-a21dc5d
     disabled: { type: Boolean, default: !1 }
   },
   setup(a, { expose: e }) {
-    const l = R(null);
+    const l = A(null);
     return e({
       focus() {
         l.value && l.value.focus();
@@ -612,7 +612,7 @@ const Lt = {
   },
   emits: ["clear", "reset", "togglePopover"],
   setup(a, { expose: e }) {
-    const l = a, t = R(null);
+    const l = a, t = A(null);
     function n() {
       var o;
       (o = t.value) == null || o.focus();
@@ -725,7 +725,7 @@ const ll = /* @__PURE__ */ $e(Ut, [["__scopeId", "data-v-14711049"]]), Bt = { cl
           }]),
           onClick: (s) => e("quick-date-selected", c)
         }, [
-          g("span", null, A(h(l)(c.translationKey)), 1)
+          g("span", null, I(h(l)(c.translationKey)), 1)
         ], 10, xt);
       }), 128))
     ]));
@@ -859,7 +859,7 @@ const ll = /* @__PURE__ */ $e(Ut, [["__scopeId", "data-v-14711049"]]), Bt = { cl
       return c;
     });
     return (c, i) => (m(), k("div", Gt, [
-      g("div", null, A(h(t)("quickDates.quickDatesHeader")), 1),
+      g("div", null, I(h(t)("quickDates.quickDatesHeader")), 1),
       (m(!0), k(J, null, se(n.value, (o, r) => (m(), k("div", {
         key: r,
         class: "cl-pt-2"
@@ -968,7 +968,7 @@ const ll = /* @__PURE__ */ $e(Ut, [["__scopeId", "data-v-14711049"]]), Bt = { cl
       }).setLocale(r.value);
       let v;
       return t.type === "date" ? v = d.toFormat("D") : t.type === "datetime" ? v = d.toFormat("f") : v = d.toFormat("t"), r.value === "en-US" ? v = v.replace("05", "hh").replace("5", "h") : v = v.replace("05", "HH").replace("5", "H"), v.replace("2000", "YYYY").replace("20", "YY").replace("04", "MM").replace("4", "M").replace("03", "DD").replace("3", "D").replace("06", "mm").replace("6", "m").replace("AM", "A").trim();
-    }), b = R(null), S = N(() => {
+    }), b = A(null), S = N(() => {
       let d;
       if (t.date && t.type !== "dateRange")
         d = G.fromISO(t.date, {
@@ -991,7 +991,7 @@ const ll = /* @__PURE__ */ $e(Ut, [["__scopeId", "data-v-14711049"]]), Bt = { cl
         (d = b.value) == null || d.focus();
       }
     });
-    const D = R(null), F = R();
+    const D = A(null), F = A();
     function _(d) {
       const v = V(d);
       c.value = v, D.value = d, F.value.move(v.start), F.value.hidePopover();
@@ -1409,7 +1409,7 @@ const ta = (a) => a != null && a.matches("input") ? a : a == null ? void 0 : a.q
 function aa(a, e) {
   var l, t, n, c;
   let i;
-  const o = R(null), r = R(null), s = R(null), f = _l(), p = (f == null ? void 0 : f.emit) || ((t = (l = f == null ? void 0 : f.proxy) === null || l === void 0 ? void 0 : l.$emit) === null || t === void 0 ? void 0 : t.bind(f == null ? void 0 : f.proxy)), u = (f == null ? void 0 : f.props) || ((n = f == null ? void 0 : f.proxy) === null || n === void 0 ? void 0 : n.$props), b = Hl.startsWith("3"), S = b && ((c = f == null ? void 0 : f.attrs.modelModifiers) === null || c === void 0 ? void 0 : c.lazy), D = N(() => u == null ? void 0 : u[b ? "modelValue" : "value"]), F = b ? "update:modelValue" : "input", _ = S ? "update:modelValue" : "change";
+  const o = A(null), r = A(null), s = A(null), f = _l(), p = (f == null ? void 0 : f.emit) || ((t = (l = f == null ? void 0 : f.proxy) === null || l === void 0 ? void 0 : l.$emit) === null || t === void 0 ? void 0 : t.bind(f == null ? void 0 : f.proxy)), u = (f == null ? void 0 : f.props) || ((n = f == null ? void 0 : f.proxy) === null || n === void 0 ? void 0 : n.$props), b = Hl.startsWith("3"), S = b && ((c = f == null ? void 0 : f.attrs.modelModifiers) === null || c === void 0 ? void 0 : c.lazy), D = N(() => u == null ? void 0 : u[b ? "modelValue" : "value"]), F = b ? "update:modelValue" : "input", _ = S ? "update:modelValue" : "change";
   return ne(o, (V) => {
     var ee;
     if (V) {
@@ -1562,7 +1562,7 @@ const ia = [
     Gl((u) => ({
       44703202: s.value
     }));
-    const { n, t: c } = ce(), i = R(), o = N({
+    const { n, t: c } = ce(), i = A(), o = N({
       get: () => t.value,
       set: (u) => l("update:value", u ?? "")
     }), r = sl((u) => o.value = u || u === 0 ? u : t.min, 1e3), s = N(() => {
@@ -1575,7 +1575,7 @@ const ia = [
         (u = i.value) == null || u.focus();
       }
     });
-    const p = R(!1);
+    const p = A(!1);
     return (u, b) => f.value ? (m(), k("div", de(ue({ key: 0 }, u.$attrs)), [
       g("div", sa, [
         g("span", {
@@ -1584,7 +1584,7 @@ const ia = [
             "cl-bg-grey-0": u.disabled
           }]),
           onClick: b[0] || (b[0] = (S) => o.value = u.disabled ? o.value : u.min)
-        }, A(h(n)(u.min, Number.isInteger(u.min) ? h(fe).INTEGER : h(fe).DECIMAL)), 3),
+        }, I(h(n)(u.min, Number.isInteger(u.min) ? h(fe).INTEGER : h(fe).DECIMAL)), 3),
         g("div", ca, [
           p.value ? (m(), K(h(me), {
             key: 0,
@@ -1622,7 +1622,7 @@ const ia = [
                 { number: !0 }
               ]
             ]),
-            g("div", da, A(o.value), 1)
+            g("div", da, I(o.value), 1)
           ], 64))
         ]),
         g("span", {
@@ -1631,7 +1631,7 @@ const ia = [
             "cl-bg-grey-0": u.disabled
           }]),
           onClick: b[3] || (b[3] = (S) => o.value = u.disabled ? o.value : u.max)
-        }, A(h(n)(u.max, Number.isInteger(u.max) ? h(fe).INTEGER : h(fe).DECIMAL)), 3),
+        }, I(h(n)(u.max, Number.isInteger(u.max) ? h(fe).INTEGER : h(fe).DECIMAL)), 3),
         g("div", fa, [
           g("div", {
             class: "cl-bg-white cl-border cl-border-transparent cl-cursor-pointer cl-float-right cl-p-1.5 cl-px-2 cl-rounded-full cl-shadow cl-text-xs hover:cl-border-grey-1",
@@ -1641,7 +1641,7 @@ const ia = [
           ])
         ])
       ])
-    ], 16)) : (m(), k("div", pa, A(h(c)("slider.invalidProps")), 1));
+    ], 16)) : (m(), k("div", pa, I(h(c)("slider.invalidProps")), 1));
   }
 });
 const va = /* @__PURE__ */ $e(ma, [["__scopeId", "data-v-470989ac"]]);
@@ -1760,13 +1760,13 @@ const ba = { class: "cl-flex cl-justify-between" }, ya = { class: "cl-w-full" },
   },
   emits: ["update:model-value", "click", "focus", "input", "change", "validated"],
   setup(a, { expose: e, emit: l }) {
-    const t = a, n = R(null), c = R(null), i = R(!1), o = R(!1), r = N(W), s = N(() => t.placeholderText.trim() !== "" ? t.placeholderText : t.label), f = R(0), p = N({
+    const t = a, n = A(null), c = A(null), i = A(!1), o = A(!1), r = N(W), s = N(() => t.placeholderText.trim() !== "" ? t.placeholderText : t.label), f = A(0), p = N({
       get: () => t.modelValue,
       set: (y) => T(y, !1)
     }), u = N({
       get: () => t.modelValue,
       set: (y) => v(y)
-    }), b = N(() => typeof t.min == "number" ? t.min.toString() : t.min), S = N(() => typeof t.max == "number" ? t.max.toString() : t.max), D = N(() => typeof t.min == "number" || t.min === null ? t.min : parseFloat(t.min)), F = N(() => typeof t.max == "number" || t.max === null ? t.max : parseFloat(t.max)), _ = N(() => t.messageWhenValid.trim() !== "" ? t.messageWhenValid : ""), V = R(!0), ee = R(!0), oe = R([]), w = N(() => {
+    }), b = N(() => typeof t.min == "number" ? t.min.toString() : t.min), S = N(() => typeof t.max == "number" ? t.max.toString() : t.max), D = N(() => typeof t.min == "number" || t.min === null ? t.min : parseFloat(t.min)), F = N(() => typeof t.max == "number" || t.max === null ? t.max : parseFloat(t.max)), _ = N(() => t.messageWhenValid.trim() !== "" ? t.messageWhenValid : ""), V = A(!0), ee = A(!0), oe = A([]), w = N(() => {
       var y, M;
       return [
         ...((y = oe.value) == null ? void 0 : y.filter((x) => ((x == null ? void 0 : x.length) ?? 0) > 0)) ?? [],
@@ -1820,7 +1820,7 @@ const ba = { class: "cl-flex cl-justify-between" }, ya = { class: "cl-w-full" },
         l("input", M, n.value.valueAsNumber), l("change", y, n.value.valueAsNumber);
       }
     }
-    function I(y) {
+    function R(y) {
       if (n.value) {
         n.value.stepDown(), n.value.focus(), T(n.value.valueAsNumber, !1);
         const M = {
@@ -1884,12 +1884,12 @@ const ba = { class: "cl-flex cl-justify-between" }, ya = { class: "cl-w-full" },
       }, [
         g("div", ba, [
           g("div", ya, [
-            le(g("label", { class: "cl-block cl-mb-1 cl-text-grey-4 cl-text-xs cl-tracking-widest" }, A(y.label), 513), [
+            le(g("label", { class: "cl-block cl-mb-1 cl-text-grey-4 cl-text-xs cl-tracking-widest" }, I(y.label), 513), [
               [te, y.showLabel && y.label !== ""]
             ])
           ]),
           y.isRequired && r.value ? (m(), k("label", wa, " * ")) : P("", !0),
-          y.isRequired && !r.value && y.requiredText.length ? (m(), k("label", ka, A(y.requiredText), 1)) : P("", !0)
+          y.isRequired && !r.value && y.requiredText.length ? (m(), k("label", ka, I(y.requiredText), 1)) : P("", !0)
         ]),
         y.inputType !== "range" && y.inputType !== "currency" && !h(ml)(y.inputType) ? (m(), k("div", Ta, [
           le(g("input", ue({
@@ -1945,7 +1945,7 @@ const ba = { class: "cl-flex cl-justify-between" }, ya = { class: "cl-w-full" },
                 E(h(H), {
                   icon: "ph:caret-down-bold",
                   class: "cl-absolute cl-bg-link-default cl-bottom-2 cl-right-1 cl-rounded-full cl-text-sm cl-text-white hover:cl-bg-link-light hover:cl-cursor-pointer",
-                  onClick: I,
+                  onClick: R,
                   onMousedown: M[5] || (M[5] = re(() => {
                   }, ["prevent"]))
                 })
@@ -2014,8 +2014,8 @@ const ba = { class: "cl-flex cl-justify-between" }, ya = { class: "cl-w-full" },
           }, null, 8, ["value", "min", "max", "step", "placeholder", "disabled", "onBlur"])
         ])) : P("", !0)
       ], 32),
-      V.value && _.value && ee.value ? (m(), k("div", Ea, A(_.value), 1)) : P("", !0),
-      !V.value && w.value.length > 0 && y.showValidationMessages && ee.value ? (m(), k("div", Da, A(w.value), 1)) : P("", !0)
+      V.value && _.value && ee.value ? (m(), k("div", Ea, I(_.value), 1)) : P("", !0),
+      !V.value && w.value.length > 0 && y.showValidationMessages && ee.value ? (m(), k("div", Da, I(w.value), 1)) : P("", !0)
     ], 16));
   }
 });
@@ -2343,24 +2343,24 @@ var yl = {
     delayInitialFocusTimer: void 0,
     // the most recent KeyboardEvent for the configured nav key (typically [SHIFT+]TAB), if any
     recentNavEvent: void 0
-  }, o, r = function(O, $, I) {
-    return O && O[$] !== void 0 ? O[$] : c[I || $];
+  }, o, r = function(O, $, R) {
+    return O && O[$] !== void 0 ? O[$] : c[R || $];
   }, s = function(O, $) {
-    var I = typeof ($ == null ? void 0 : $.composedPath) == "function" ? $.composedPath() : void 0;
+    var R = typeof ($ == null ? void 0 : $.composedPath) == "function" ? $.composedPath() : void 0;
     return i.containerGroups.findIndex(function(B) {
       var C = B.container, q = B.tabbableNodes;
       return C.contains(O) || // fall back to explicit tabbable search which will take into consideration any
       //  web components if the `tabbableOptions.getShadowRoot` option was used for
       //  the trap, enabling shadow DOM support in tabbable (`Node.contains()` doesn't
       //  look inside web components even if open)
-      (I == null ? void 0 : I.includes(C)) || q.find(function(Y) {
+      (R == null ? void 0 : R.includes(C)) || q.find(function(Y) {
         return Y === O;
       });
     });
   }, f = function(O) {
     var $ = c[O];
     if (typeof $ == "function") {
-      for (var I = arguments.length, B = new Array(I > 1 ? I - 1 : 0), C = 1; C < I; C++)
+      for (var R = arguments.length, B = new Array(R > 1 ? R - 1 : 0), C = 1; C < R; C++)
         B[C - 1] = arguments[C];
       $ = $.apply(void 0, B);
     }
@@ -2381,17 +2381,17 @@ var yl = {
       if (s(t.activeElement) >= 0)
         O = t.activeElement;
       else {
-        var $ = i.tabbableGroups[0], I = $ && $.firstTabbableNode;
-        O = I || f("fallbackFocus");
+        var $ = i.tabbableGroups[0], R = $ && $.firstTabbableNode;
+        O = R || f("fallbackFocus");
       }
     if (!O)
       throw new Error("Your focus-trap needs to have at least one focusable element");
     return O;
   }, u = function() {
     if (i.containerGroups = i.containers.map(function(O) {
-      var $ = _a(O, c.tabbableOptions), I = Ha(O, c.tabbableOptions), B = $.length > 0 ? $[0] : void 0, C = $.length > 0 ? $[$.length - 1] : void 0, q = I.find(function(ae) {
+      var $ = _a(O, c.tabbableOptions), R = Ha(O, c.tabbableOptions), B = $.length > 0 ? $[0] : void 0, C = $.length > 0 ? $[$.length - 1] : void 0, q = R.find(function(ae) {
         return Ae(ae);
-      }), Y = I.slice().reverse().find(function(ae) {
+      }), Y = R.slice().reverse().find(function(ae) {
         return Ae(ae);
       }), W = !!$.find(function(ae) {
         return Oe(ae) > 0;
@@ -2399,7 +2399,7 @@ var yl = {
       return {
         container: O,
         tabbableNodes: $,
-        focusableNodes: I,
+        focusableNodes: R,
         /** True if at least one node with positive `tabindex` was found in this container. */
         posTabIndexesFound: W,
         /** First tabbable node in container, __tabindex__ order; `undefined` if none. */
@@ -2427,9 +2427,9 @@ var yl = {
          */
         nextTabbableNode: function(ge) {
           var y = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !0, M = $.indexOf(ge);
-          return M < 0 ? y ? I.slice(I.indexOf(ge) + 1).find(function(x) {
+          return M < 0 ? y ? R.slice(R.indexOf(ge) + 1).find(function(x) {
             return Ae(x);
-          }) : I.slice(0, I.indexOf(ge)).reverse().find(function(x) {
+          }) : R.slice(0, R.indexOf(ge)).reverse().find(function(x) {
             return Ae(x);
           }) : $[M + (y ? 1 : -1)];
         }
@@ -2456,11 +2456,11 @@ var yl = {
     var $ = f("setReturnFocus", O);
     return $ || ($ === !1 ? !1 : O);
   }, D = function(O) {
-    var $ = O.target, I = O.event, B = O.isBackward, C = B === void 0 ? !1 : B;
-    $ = $ || Ue(I), u();
+    var $ = O.target, R = O.event, B = O.isBackward, C = B === void 0 ? !1 : B;
+    $ = $ || Ue(R), u();
     var q = null;
     if (i.tabbableGroups.length > 0) {
-      var Y = s($, I), W = Y >= 0 ? i.containerGroups[Y] : void 0;
+      var Y = s($, R), W = Y >= 0 ? i.containerGroups[Y] : void 0;
       if (Y < 0)
         C ? q = i.tabbableGroups[i.tabbableGroups.length - 1].lastTabbableNode : q = i.tabbableGroups[0].firstTabbableNode;
       else if (C) {
@@ -2472,7 +2472,7 @@ var yl = {
           var ge = ae === 0 ? i.tabbableGroups.length - 1 : ae - 1, y = i.tabbableGroups[ge];
           q = Oe($) >= 0 ? y.lastTabbableNode : y.lastDomTabbableNode;
         } else
-          Le(I) || (q = W.nextTabbableNode($, !1));
+          Le(R) || (q = W.nextTabbableNode($, !1));
       } else {
         var M = kl(i.tabbableGroups, function(Ie) {
           var Ne = Ie.lastTabbableNode;
@@ -2482,7 +2482,7 @@ var yl = {
           var x = M === i.tabbableGroups.length - 1 ? 0 : M + 1, be = i.tabbableGroups[x];
           q = Oe($) >= 0 ? be.firstTabbableNode : be.firstDomTabbableNode;
         } else
-          Le(I) || (q = W.nextTabbableNode($));
+          Le(R) || (q = W.nextTabbableNode($));
       }
     } else
       q = f("fallbackFocus");
@@ -2505,9 +2505,9 @@ var yl = {
       Re(c.allowOutsideClick, O) || O.preventDefault();
     }
   }, _ = function(O) {
-    var $ = Ue(O), I = s($, O) >= 0;
-    if (I || $ instanceof Document)
-      I && (i.mostRecentlyFocusedNode = $);
+    var $ = Ue(O), R = s($, O) >= 0;
+    if (R || $ instanceof Document)
+      R && (i.mostRecentlyFocusedNode = $);
     else {
       O.stopImmediatePropagation();
       var B, C = !0;
@@ -2539,11 +2539,11 @@ var yl = {
   }, V = function(O) {
     var $ = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1;
     i.recentNavEvent = O;
-    var I = D({
+    var R = D({
       event: O,
       isBackward: $
     });
-    I && (Le(O) && O.preventDefault(), b(I));
+    R && (Le(O) && O.preventDefault(), b(R));
   }, ee = function(O) {
     if (Ya(O) && Re(c.escapeDeactivates, O) !== !1) {
       O.preventDefault(), o.deactivate();
@@ -2574,8 +2574,8 @@ var yl = {
     if (i.active)
       return t.removeEventListener("focusin", _, !0), t.removeEventListener("mousedown", F, !0), t.removeEventListener("touchstart", F, !0), t.removeEventListener("click", oe, !0), t.removeEventListener("keydown", ee, !0), o;
   }, v = function(O) {
-    var $ = O.some(function(I) {
-      var B = Array.from(I.removedNodes);
+    var $ = O.some(function(R) {
+      var B = Array.from(R.removedNodes);
       return B.some(function(C) {
         return C === i.mostRecentlyFocusedNode;
       });
@@ -2599,10 +2599,10 @@ var yl = {
     activate: function(O) {
       if (i.active)
         return this;
-      var $ = r(O, "onActivate"), I = r(O, "onPostActivate"), B = r(O, "checkCanFocusTrap");
+      var $ = r(O, "onActivate"), R = r(O, "onPostActivate"), B = r(O, "checkCanFocusTrap");
       B || u(), i.active = !0, i.paused = !1, i.nodeFocusedBeforeActivation = t.activeElement, $ == null || $();
       var C = function() {
-        B && u(), w(), L(), I == null || I();
+        B && u(), w(), L(), R == null || R();
       };
       return B ? (B(i.containers.concat()).then(C, C), this) : (C(), this);
     },
@@ -2615,8 +2615,8 @@ var yl = {
         checkCanReturnFocus: c.checkCanReturnFocus
       }, O);
       clearTimeout(i.delayInitialFocusTimer), i.delayInitialFocusTimer = void 0, d(), i.active = !1, i.paused = !1, L(), yl.deactivateTrap(n, o);
-      var I = r($, "onDeactivate"), B = r($, "onPostDeactivate"), C = r($, "checkCanReturnFocus"), q = r($, "returnFocus", "returnFocusOnDeactivate");
-      I == null || I();
+      var R = r($, "onDeactivate"), B = r($, "onPostDeactivate"), C = r($, "checkCanReturnFocus"), q = r($, "returnFocus", "returnFocusOnDeactivate");
+      R == null || R();
       var Y = function() {
         wl(function() {
           q && b(S(i.nodeFocusedBeforeActivation)), B == null || B();
@@ -2627,26 +2627,26 @@ var yl = {
     pause: function(O) {
       if (i.paused || !i.active)
         return this;
-      var $ = r(O, "onPause"), I = r(O, "onPostPause");
-      return i.paused = !0, $ == null || $(), d(), L(), I == null || I(), this;
+      var $ = r(O, "onPause"), R = r(O, "onPostPause");
+      return i.paused = !0, $ == null || $(), d(), L(), R == null || R(), this;
     },
     unpause: function(O) {
       if (!i.paused || !i.active)
         return this;
-      var $ = r(O, "onUnpause"), I = r(O, "onPostUnpause");
-      return i.paused = !1, $ == null || $(), u(), w(), L(), I == null || I(), this;
+      var $ = r(O, "onUnpause"), R = r(O, "onPostUnpause");
+      return i.paused = !1, $ == null || $(), u(), w(), L(), R == null || R(), this;
     },
     updateContainerElements: function(O) {
       var $ = [].concat(O).filter(Boolean);
-      return i.containers = $.map(function(I) {
-        return typeof I == "string" ? t.querySelector(I) : I;
+      return i.containers = $.map(function(R) {
+        return typeof R == "string" ? t.querySelector(R) : R;
       }), i.active && u(), L(), this;
     }
   }, o.updateContainerElements(e), o;
 };
 function tn(a, e = {}) {
   let l;
-  const { immediate: t, ...n } = e, c = R(!1), i = R(!1), o = (p) => l && l.activate(p), r = (p) => l && l.deactivate(p), s = () => {
+  const { immediate: t, ...n } = e, c = A(!1), i = A(!1), o = (p) => l && l.activate(p), r = (p) => l && l.deactivate(p), s = () => {
     l && (l.pause(), i.value = !0);
   }, f = () => {
     l && (l.unpause(), i.value = !1);
@@ -2687,7 +2687,7 @@ const an = /* @__PURE__ */ g("div", { tabindex: "0" }, null, -1), nn = ["onKeypr
     trapFocus: { type: Boolean, default: !1 }
   },
   setup(a) {
-    const e = a, { trapFocus: l } = Wl(e), t = R(!1), n = R(), c = tn(n);
+    const e = a, { trapFocus: l } = Wl(e), t = A(!1), n = A(), c = tn(n);
     ne([
       l,
       t
@@ -2779,13 +2779,13 @@ const an = /* @__PURE__ */ g("div", { tabindex: "0" }, null, -1), nn = ["onKeypr
   },
   setup(a) {
     return (e, l) => (m(), k("div", sn, [
-      e.additionalText !== "" ? (m(), k("div", cn, A(e.additionalText), 1)) : P("", !0),
+      e.additionalText !== "" ? (m(), k("div", cn, I(e.additionalText), 1)) : P("", !0),
       g("div", {
         class: z({
           "cl-w-1/2": e.additionalText !== "",
           "cl-w-full": e.additionalText === ""
         })
-      }, A(e.text), 3),
+      }, I(e.text), 3),
       le(g("div", {
         class: "cl-cursor-pointer cl-float-right",
         onMousedown: l[0] || (l[0] = (t) => e.$emit("clear-object"))
@@ -2823,7 +2823,7 @@ const an = /* @__PURE__ */ g("div", { tabindex: "0" }, null, -1), nn = ["onKeypr
     }), n = N(() => {
       var s;
       return ((s = l.option) == null ? void 0 : s.parentName) ?? "";
-    }), c = R(!1);
+    }), c = A(!1);
     function i() {
       var s;
       l.isCreateNewOption === !0 ? e("create-object") : e("select-object", (s = l.option) == null ? void 0 : s.id);
@@ -2846,13 +2846,13 @@ const an = /* @__PURE__ */ g("div", { tabindex: "0" }, null, -1), nn = ["onKeypr
         onMousemove: f[0] || (f[0] = (b) => o(!0)),
         onMouseleave: f[1] || (f[1] = (b) => o(!1))
       }, [
-        s.option !== null && ((p = s.option) == null ? void 0 : p.parentId) !== 0 && ((u = s.option) == null ? void 0 : u.parentId) !== void 0 ? (m(), k("div", un, A(n.value), 1)) : P("", !0),
+        s.option !== null && ((p = s.option) == null ? void 0 : p.parentId) !== 0 && ((u = s.option) == null ? void 0 : u.parentId) !== void 0 ? (m(), k("div", un, I(n.value), 1)) : P("", !0),
         g("div", {
           class: z({
             "cl-w-1/2": n.value !== "",
             "cl-w-full": n.value === ""
           })
-        }, A(t.value), 3),
+        }, I(t.value), 3),
         le(g("div", dn, [
           E(h(H), {
             class: "cl-transition-colors",
@@ -2886,7 +2886,7 @@ const an = /* @__PURE__ */ g("div", { tabindex: "0" }, null, -1), nn = ["onKeypr
     "hide-dropdown": null
   },
   setup(a, { emit: e }) {
-    const l = a, { t } = ce(), n = R(""), c = R(!1), i = R(-1), o = N(() => c.value ? -1 : 0), r = R();
+    const l = a, { t } = ce(), n = A(""), c = A(!1), i = A(-1), o = N(() => c.value ? -1 : 0), r = A();
     function s(w) {
       (w === void 0 || w.code && w.code.startsWith("Arrow") === !1 && w.code.startsWith("Control") === !1 && w.code.startsWith("Shift") === !1 && w.code.startsWith("Tab") === !1 && w.code !== "Enter") && (e("search", n.value), i.value = -2);
     }
@@ -3040,10 +3040,10 @@ const an = /* @__PURE__ */ g("div", { tabindex: "0" }, null, -1), nn = ["onKeypr
     "update:current-object": null
   },
   setup(a, { expose: e, emit: l }) {
-    const t = a, n = N(() => t.placeholderText ? t.placeholderText : i("comboBox.emptyHintText", { object: t.objectType })), c = N(() => t.searchHint ? t.searchHint : i("comboBox.searchHint", { object: t.objectType })), { t: i } = ce(), o = R(!1), r = N({
+    const t = a, n = N(() => t.placeholderText ? t.placeholderText : i("comboBox.emptyHintText", { object: t.objectType })), c = N(() => t.searchHint ? t.searchHint : i("comboBox.searchHint", { object: t.objectType })), { t: i } = ce(), o = A(!1), r = N({
       get: () => t.currentObject,
       set: (C) => l("update:current-object", C)
-    }), s = R(null), f = R(null), p = N(() => $()), u = R(""), b = R(""), S = R(), D = R(!0), F = R(!1);
+    }), s = A(null), f = A(null), p = N(() => $()), u = A(""), b = A(""), S = A(), D = A(!0), F = A(!1);
     function _(C) {
       var Y, W;
       const q = ((Y = B.value) == null ? void 0 : Y.getBoundingClientRect().top) || 0;
@@ -3120,17 +3120,17 @@ const an = /* @__PURE__ */ g("div", { tabindex: "0" }, null, -1), nn = ["onKeypr
       let C = "";
       return r.value && (r.value.parentName ? C = r.value.parentName + "; " + r.value.name : C = r.value.name), C;
     }
-    function I() {
+    function R() {
       let C = !0;
       u.value === "" && (C = !1), t.objectParentType !== "" && f.value === null && (C = !1), D.value = C;
     }
-    ne(() => t.objectCreatedResponse, () => L()), ne(() => t.parentObjectCreatedResponse, () => j()), ne(() => u.value, () => I()), ne(() => f.value, () => I()), e({
+    ne(() => t.objectCreatedResponse, () => L()), ne(() => t.parentObjectCreatedResponse, () => j()), ne(() => u.value, () => R()), ne(() => f.value, () => R()), e({
       focus() {
         var C;
         (C = s.value) == null || C.focus();
       }
     });
-    const B = R();
+    const B = A();
     return cl(B, () => o.value ? _(!1) : ""), (C, q) => {
       const Y = Ol("cl-ui-combo-box", !0);
       return m(), k("div", {
@@ -3155,7 +3155,7 @@ const an = /* @__PURE__ */ g("div", { tabindex: "0" }, null, -1), nn = ["onKeypr
           }, null, 8, ["modelValue", "class", "placeholder-text"]),
           le(g("div", gn, [
             g("div", bn, [
-              pe(A(h(i)("comboBox.required")) + " ", 1),
+              pe(I(h(i)("comboBox.required")) + " ", 1),
               E(h(H), {
                 class: "cl-ml-1 cl-mt-1",
                 icon: "ph:warning"
@@ -3192,7 +3192,7 @@ const an = /* @__PURE__ */ g("div", { tabindex: "0" }, null, -1), nn = ["onKeypr
         ]),
         E(zl, { size: "small" }, {
           title: Q(() => [
-            pe(A(h(i)("comboBox.createTitle", { object: C.objectType })), 1)
+            pe(I(h(i)("comboBox.createTitle", { object: C.objectType })), 1)
           ]),
           trigger: Q(({ open: W }) => [
             le(E(vn, {
@@ -3227,7 +3227,7 @@ const an = /* @__PURE__ */ g("div", { tabindex: "0" }, null, -1), nn = ["onKeypr
                 onClick: W
               }, {
                 default: Q(() => [
-                  pe(A(h(i)("comboBox.cancel")), 1)
+                  pe(I(h(i)("comboBox.cancel")), 1)
                 ]),
                 _: 2
               }, 1032, ["onClick"]),
@@ -3240,7 +3240,7 @@ const an = /* @__PURE__ */ g("div", { tabindex: "0" }, null, -1), nn = ["onKeypr
                 }
               }, {
                 default: Q(() => [
-                  pe(A(h(i)("comboBox.create")), 1)
+                  pe(I(h(i)("comboBox.create")), 1)
                 ]),
                 _: 2
               }, 1032, ["disabled", "onClick"])
@@ -3339,7 +3339,7 @@ const Rn = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, Vn = { class: "cl-gap-1
     const e = a, { t: l } = ce(), t = N(() => e.request.filters.some((n) => n.filterValue !== ""));
     return (n, c) => (m(), k(J, null, [
       g("div", Rn, [
-        g("strong", null, A(h(l)("grid.gridTools")), 1)
+        g("strong", null, I(h(l)("grid.gridTools")), 1)
       ]),
       g("div", Vn, [
         g("div", qn, [
@@ -3358,9 +3358,9 @@ const Rn = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, Vn = { class: "cl-gap-1
         }, {
           default: Q(() => [
             n.editMode ? (m(), k(J, { key: 0 }, [
-              pe(A(h(l)("grid.finishEditing")), 1)
+              pe(I(h(l)("grid.finishEditing")), 1)
             ], 64)) : (m(), k(J, { key: 1 }, [
-              pe(A(h(l)("grid.editData")), 1)
+              pe(I(h(l)("grid.editData")), 1)
             ], 64))
           ]),
           _: 1
@@ -3377,7 +3377,7 @@ const Rn = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, Vn = { class: "cl-gap-1
               onClick: c[1] || (c[1] = re((i) => n.$emit("update:filterPanelOpen", !n.filterPanelOpen), ["prevent"]))
             }, {
               default: Q(() => [
-                pe(A(h(l)("grid.modifyFilters")), 1)
+                pe(I(h(l)("grid.modifyFilters")), 1)
               ]),
               _: 1
             }, 8, ["disabled"])
@@ -3393,7 +3393,7 @@ const Rn = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, Vn = { class: "cl-gap-1
             onClick: c[2] || (c[2] = re((i) => n.$emit("clear-filters"), ["prevent"]))
           }, {
             default: Q(() => [
-              pe(A(h(l)("grid.clearFilters")), 1)
+              pe(I(h(l)("grid.clearFilters")), 1)
             ]),
             _: 1
           }, 8, ["disabled", "class"])) : P("", !0)
@@ -3465,13 +3465,13 @@ const Rn = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, Vn = { class: "cl-gap-1
         disabled: !0
       }, null, 8, ["model-value"])) : (r.column.type === "date" || r.column.type === "datetime" || r.column.type === "dateRange") && r.column.field !== void 0 ? (m(), k(J, { key: 2 }, [
         r.column.format !== void 0 ? (m(), k(J, { key: 0 }, [
-          pe(A(i(r.data[r.column.field], r.column.format)), 1)
+          pe(I(i(r.data[r.column.field], r.column.format)), 1)
         ], 64)) : r.column.type === "date" || r.column.type === "dateRange" ? (m(), k(J, { key: 1 }, [
-          pe(A(i(r.data[r.column.field], h(ie).DATE)), 1)
+          pe(I(i(r.data[r.column.field], h(ie).DATE)), 1)
         ], 64)) : (m(), k(J, { key: 2 }, [
-          pe(A(i(r.data[r.column.field], h(ie).DATETIME)), 1)
+          pe(I(i(r.data[r.column.field], h(ie).DATETIME)), 1)
         ], 64))
-      ], 64)) : r.column.type === "list" && r.column.field !== void 0 && r.column.listEntries !== void 0 ? (m(), k("span", zn, A(h(t)(((f = r.column.listEntries.find((p) => p.value === r.data[r.column.field])) == null ? void 0 : f.translationKey) ?? "")), 1)) : r.column.type === "number" && r.column.field !== void 0 ? (m(), k("span", Un, A(h(c)(r.data[r.column.field], r.column.format ?? h(fe).DECIMAL)), 1)) : r.column.field !== void 0 ? (m(), k("span", Bn, [
+      ], 64)) : r.column.type === "list" && r.column.field !== void 0 && r.column.listEntries !== void 0 ? (m(), k("span", zn, I(h(t)(((f = r.column.listEntries.find((p) => p.value === r.data[r.column.field])) == null ? void 0 : f.translationKey) ?? "")), 1)) : r.column.type === "number" && r.column.field !== void 0 ? (m(), k("span", Un, I(h(c)(r.data[r.column.field], r.column.format ?? h(fe).DECIMAL)), 1)) : r.column.field !== void 0 ? (m(), k("span", Bn, [
         g("span", {
           innerHTML: o()
         }, null, 8, xn)
@@ -3489,7 +3489,7 @@ const Rn = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, Vn = { class: "cl-gap-1
   },
   emits: ["edit", "focus", "undo"],
   setup(a, { emit: e }) {
-    const l = a, { t } = ce(), n = R(he(l.data)), c = N(() => l.column.field !== void 0 && n.value[l.column.field] !== l.data[l.column.field]), i = N(() => {
+    const l = a, { t } = ce(), n = A(he(l.data)), c = N(() => l.column.field !== void 0 && n.value[l.column.field] !== l.data[l.column.field]), i = N(() => {
       var o;
       return ((o = l.column.listEntries) == null ? void 0 : o.map((r, s) => ({
         id: s,
@@ -3506,7 +3506,7 @@ const Rn = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, Vn = { class: "cl-gap-1
         "cl-bg-link-lighter": c.value
       }])
     }, [
-      g("span", _n, A(o.column.caption), 1),
+      g("span", _n, I(o.column.caption), 1),
       o.editMode && o.column.editable === !0 ? U(o.$slots, `${o.column.name}Edit`, de(ue({ key: 0 }, {
         cellFocused: () => e("focus"),
         column: o.column,
@@ -3593,7 +3593,7 @@ const Rn = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, Vn = { class: "cl-gap-1
   },
   emits: ["row-select", "row-edit", "clear-filters"],
   setup(a, { emit: e }) {
-    const l = a, { t } = ce(), n = R({
+    const l = a, { t } = ce(), n = A({
       index: -1,
       record: {}
     });
@@ -3614,7 +3614,7 @@ const Rn = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, Vn = { class: "cl-gap-1
         };
       }
     }
-    const s = R({});
+    const s = A({});
     ne(() => l.data, () => {
       var u, b;
       return s.value = Object.fromEntries(((b = (u = l.data) == null ? void 0 : u.results) == null ? void 0 : b.map((S, D) => [
@@ -3678,16 +3678,16 @@ const Rn = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, Vn = { class: "cl-gap-1
             colspan: u.columns.length
           }, [
             g("div", Wn, [
-              g("strong", Qn, A(h(t)("grid.noData")), 1),
+              g("strong", Qn, I(h(t)("grid.noData")), 1),
               u.request.filters.some((D) => D.filterValue !== "") ? (m(), k("div", Yn, [
-                g("div", Jn, A(h(t)("grid.noDataFiltersPresent")), 1),
+                g("div", Jn, I(h(t)("grid.noDataFiltersPresent")), 1),
                 E(ye, {
                   size: "small",
                   colour: "danger",
                   onClick: b[0] || (b[0] = re((D) => u.$emit("clear-filters"), ["prevent"]))
                 }, {
                   default: Q(() => [
-                    pe(A(h(t)("grid.clearFilters")), 1)
+                    pe(I(h(t)("grid.clearFilters")), 1)
                   ]),
                   _: 1
                 })
@@ -3749,7 +3749,7 @@ const Rn = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, Vn = { class: "cl-gap-1
       var S, D;
       return (D = (S = u.data) == null ? void 0 : S.results) != null && D.length && u.request ? (m(), k("div", eo, [
         g("div", lo, [
-          g("span", to, A(h(n)("grid.jumpToPage")), 1),
+          g("span", to, I(h(n)("grid.jumpToPage")), 1),
           E(me, {
             "model-value": u.request.pageNumber,
             class: "cl-ml-1 cl-mt-0.5 cl-text-sm",
@@ -3764,10 +3764,10 @@ const Rn = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, Vn = { class: "cl-gap-1
         g("div", ao, [
           g("div", no, [
             g("li", oo, [
-              g("span", ro, A(h(n)("grid.page")), 1)
+              g("span", ro, I(h(n)("grid.page")), 1)
             ]),
             g("ul", io, [
-              g("li", so, A(h(t)(u.request.pageNumber, h(fe).INTEGER)) + " / " + A(h(t)(c.value, h(fe).INTEGER)), 1),
+              g("li", so, I(h(t)(u.request.pageNumber, h(fe).INTEGER)) + " / " + I(h(t)(c.value, h(fe).INTEGER)), 1),
               le(g("li", {
                 class: "cl-cursor-pointer cl-mr-1 cl-mt-1 lg:cl-mr-2",
                 onClick: b[1] || (b[1] = (F) => o(1))
@@ -3797,7 +3797,7 @@ const Rn = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, Vn = { class: "cl-gap-1
                   "cl-text-grey-6": u.request.pageNumber !== F
                 }]),
                 onClick: (V) => o(F)
-              }, A(h(t)(F, h(fe).INTEGER)), 11, co))), 128)),
+              }, I(h(t)(F, h(fe).INTEGER)), 11, co))), 128)),
               le(g("li", {
                 class: "cl-cursor-pointer cl-mr-1 cl-mt-1 lg:cl-mr-2",
                 onClick: b[3] || (b[3] = (F) => o(u.request.pageNumber + 1))
@@ -3823,7 +3823,7 @@ const Rn = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, Vn = { class: "cl-gap-1
             ])
           ]),
           g("ul", uo, [
-            g("li", fo, A(h(n)("grid.pageSize")), 1),
+            g("li", fo, I(h(n)("grid.pageSize")), 1),
             (m(), k(J, null, se(s, (F, _) => g("li", {
               key: _,
               class: z(["cl-cursor-pointer cl-mr-1 lg:cl-mr-2", {
@@ -3831,11 +3831,11 @@ const Rn = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, Vn = { class: "cl-gap-1
                 "cl-text-grey-6": u.request.pageSize !== F
               }]),
               onClick: (V) => f(F)
-            }, A(h(t)(F, h(fe).INTEGER)), 11, po)), 64))
+            }, I(h(t)(F, h(fe).INTEGER)), 11, po)), 64))
           ]),
           g("ul", mo, [
-            g("li", vo, A(h(n)("grid.totalRecords")), 1),
-            g("li", ho, A(h(t)(u.data.totalRecords, h(fe).INTEGER)), 1)
+            g("li", vo, I(h(n)("grid.totalRecords")), 1),
+            g("li", ho, I(h(t)(u.data.totalRecords, h(fe).INTEGER)), 1)
           ])
         ])
       ])) : P("", !0);
@@ -4085,7 +4085,7 @@ const Oo = {
           "cl--left-44": !o.firstHalf
         }])
       }, [
-        g("strong", Ao, A(h(t)("grid.availableMethods")), 1),
+        g("strong", Ao, I(h(t)("grid.availableMethods")), 1),
         (m(!0), k(J, null, se(n.value, (s, f) => {
           var p;
           return m(), k("span", {
@@ -4095,7 +4095,7 @@ const Oo = {
             }]),
             onClick: re((u) => i(s.method), ["prevent"])
           }, [
-            pe(A(s.description) + " ", 1),
+            pe(I(s.description) + " ", 1),
             E(h(H), {
               icon: s.icon,
               class: "cl-float-right cl-text-grey-4 cl-text-sm"
@@ -4130,7 +4130,7 @@ const Oo = {
       set: (d) => e("update:filter", d)
     }), o = N(() => l.column.type === "date" || l.column.type === "datetime" || l.column.type === "slot" && (l.column.slotType === "date" || l.column.slotType === "datetime")), r = N(() => l.column.type === "dateRange" || l.column.type === "slot" && l.column.slotType === "dateRange"), s = N(() => l.column.type === "list" || l.column.type === "slot" && l.column.slotType === "list"), f = N(() => s.value && l.column.listType === "number"), p = N({
       get() {
-        var v, T, L, j, O, $, I;
+        var v, T, L, j, O, $, R;
         let d = (v = i.value) == null ? void 0 : v[0];
         if (d) {
           if (o.value) {
@@ -4154,7 +4154,7 @@ const Oo = {
               };
             }
           } else if (r.value && (((O = l.filter) == null ? void 0 : O.length) ?? 0) > 1) {
-            const B = ($ = i.value) == null ? void 0 : $.find((q) => q.filterOperation === X.EQUAL_OR_GREATER_THAN), C = (I = i.value) == null ? void 0 : I.find((q) => q.filterOperation === X.EQUAL_OR_LESS_THAN);
+            const B = ($ = i.value) == null ? void 0 : $.find((q) => q.filterOperation === X.EQUAL_OR_GREATER_THAN), C = (R = i.value) == null ? void 0 : R.find((q) => q.filterOperation === X.EQUAL_OR_LESS_THAN);
             B && C && (d = {
               filterOnColumn: l.column.field,
               filterOperation: X.EQUAL,
@@ -4176,7 +4176,7 @@ const Oo = {
             let $ = G.fromISO(T.filterValue, {
               zone: l.timeZone ?? "UTC"
             }).set({ second: 0, millisecond: 0 });
-            const I = $.toISO();
+            const R = $.toISO();
             l.column.type === "date" || l.column.type === "slot" && l.column.slotType === "date" ? $ = $.plus({ days: 1 }) : $ = $.plus({ minutes: 1 });
             const B = $.toISO();
             v = [
@@ -4184,7 +4184,7 @@ const Oo = {
                 filterOnColumn: l.column.field,
                 filterOperation: X.EQUAL_OR_GREATER_THAN,
                 filterMethod: "equalorgreaterthan",
-                filterValue: I
+                filterValue: R
               },
               {
                 filterOnColumn: l.column.field,
@@ -4299,11 +4299,11 @@ const Oo = {
         g("option", {
           value: "true",
           selected: S.value === "true"
-        }, A(h(n)("grid.true")), 9, Lo),
+        }, I(h(n)("grid.true")), 9, Lo),
         g("option", {
           value: "false",
           selected: S.value === "false"
-        }, A(h(n)("grid.false")), 9, jo)
+        }, I(h(n)("grid.false")), 9, jo)
       ], 40, qo)) : o.value ? (m(), K(me, {
         key: 1,
         "model-value": D.value,
@@ -4351,7 +4351,7 @@ const Oo = {
           key: T.value,
           value: T.value,
           selected: S.value === T.value.toString()
-        }, A(h(n)(T.translationKey)), 9, Uo))), 128))
+        }, I(h(n)(T.translationKey)), 9, Uo))), 128))
       ], 40, Po)) : P("", !0),
       r.value ? P("", !0) : (m(), K(Ro, {
         key: 6,
@@ -4413,7 +4413,7 @@ const Oo = {
           onClick: (u) => h(_e)(f) && r.loading === !1 ? i(f.field) : () => {
           }
         }, [
-          pe(A(f.caption) + " ", 1),
+          pe(I(f.caption) + " ", 1),
           le(E(h(H), {
             class: "cl-inline-block",
             icon: "ph:caret-up"
@@ -4447,13 +4447,13 @@ const Oo = {
             "cl-hidden lg:cl-table-cell": !h(ul)(f)
           }])
         }, [
-          g("div", Ko, A(f.caption), 1),
+          g("div", Ko, I(f.caption), 1),
           h(_e)(f) ? (m(), k("div", {
             key: 0,
             class: "cl-col-span-2 cl-gap-1 cl-span lg:cl-hidden",
             onClick: (u) => r.loading === !1 ? i(f.field) : void 0
           }, [
-            g("span", Wo, A(h(t)("grid.sortBy")), 1),
+            g("span", Wo, I(h(t)("grid.sortBy")), 1),
             c(f, !0) ? (m(), K(h(H), {
               key: 0,
               class: "cl-cursor-pointer cl-inline-block",
@@ -4543,7 +4543,7 @@ const Oo = {
   },
   emits: ["update:columns"],
   setup(a, { emit: e }) {
-    const l = a, { t } = ce(), n = R(!1);
+    const l = a, { t } = ce(), n = A(!1);
     function c(r, s, f) {
       f < r.length && f >= 0 && r.splice(f, 0, r.splice(s, 1)[0]);
     }
@@ -4563,7 +4563,7 @@ const Oo = {
         onClick: s[0] || (s[0] = re((f) => n.value = !0, ["prevent"]))
       }), {
         default: Q(() => [
-          pe(A(h(t)("grid.manageView")), 1)
+          pe(I(h(t)("grid.manageView")), 1)
         ]),
         _: 1
       }, 16, ["disabled"]),
@@ -4578,18 +4578,18 @@ const Oo = {
                   size: 16,
                   onClick: s[1] || (s[1] = (f) => n.value = !1)
                 }),
-                g("h3", lr, A(h(t)("grid.manageView")), 1),
+                g("h3", lr, I(h(t)("grid.manageView")), 1),
                 g("ul", tr, [
                   g("li", ar, [
-                    g("strong", nr, A(h(t)("grid.column")), 1),
-                    g("strong", or, A(h(t)("grid.visible")), 1),
-                    g("strong", rr, A(h(t)("grid.order")), 1)
+                    g("strong", nr, I(h(t)("grid.column")), 1),
+                    g("strong", or, I(h(t)("grid.visible")), 1),
+                    g("strong", rr, I(h(t)("grid.order")), 1)
                   ]),
                   (m(!0), k(J, null, se(r.columns, (f, p) => (m(), k("li", {
                     key: p,
                     class: "cl-border-b cl-border-grey-2 cl-flex cl-py-2 cl-text-sm cl-w-full"
                   }, [
-                    g("div", ir, A(f.caption), 1),
+                    g("div", ir, I(f.caption), 1),
                     g("div", sr, [
                       E(me, {
                         "model-value": f.visible === void 0 || f.visible === !0,
@@ -4611,7 +4611,7 @@ const Oo = {
                           icon: "ph:arrow-right",
                           onClick: (u) => o(p, "up")
                         }, null, 8, ["onClick"])) : P("", !0)
-                      ], 64)) : (m(), k("em", ur, A(h(t)("grid.hidden")), 1))
+                      ], 64)) : (m(), k("em", ur, I(h(t)("grid.hidden")), 1))
                     ])
                   ]))), 128))
                 ])
@@ -4645,7 +4645,7 @@ const Oo = {
     const c = N({
       get: () => l.columns,
       set: (w) => e("update:columns", w)
-    }), i = N(() => c.value.filter((w) => w.visible ?? !0)), o = R({});
+    }), i = N(() => c.value.filter((w) => w.visible ?? !0)), o = A({});
     function r() {
       const w = {};
       window.innerWidth >= 1024 && c.value.forEach((d) => {
@@ -4672,7 +4672,7 @@ const Oo = {
       deep: !0,
       immediate: !0
     });
-    const b = N(() => l.data), S = R(!1), D = R(!1);
+    const b = N(() => l.data), S = A(!1), D = A(!1);
     ne(S, () => S.value ? e("edit-start") : e("edit-end"));
     const F = N(() => ({
       highlightRowSelection: !0,
@@ -4692,7 +4692,7 @@ const Oo = {
           filters: d
         };
       }
-    }), V = R(((oe = l.request.filters.find((w) => w.filterMethod === "andcontains" || w.filterOperation === X.AND_CONTAINS)) == null ? void 0 : oe.filterValue) ?? ""), ee = N(() => l.columns.filter((w) => (w.type === "string" || w.type === "slot" && w.slotType === "string") && w.searchable));
+    }), V = A(((oe = l.request.filters.find((w) => w.filterMethod === "andcontains" || w.filterOperation === X.AND_CONTAINS)) == null ? void 0 : oe.filterValue) ?? ""), ee = N(() => l.columns.filter((w) => (w.type === "string" || w.type === "slot" && w.slotType === "string") && w.searchable));
     return (w, d) => (m(), k("div", fr, [
       ee.value.length > 0 ? (m(), K(Jo, {
         key: 0,
@@ -4801,7 +4801,7 @@ const Oo = {
   },
   emits: ["open-click"],
   setup(a, { emit: e }) {
-    const l = a, t = R();
+    const l = a, t = A();
     return cl(t, () => {
       (l.isOpen ?? !1) && e("open-click");
     }), (n, c) => (m(), k("header", gr, [
@@ -4858,8 +4858,8 @@ const Oo = {
             "cl-text-white": e.colour === "secondary"
           }])
         }, [
-          l.username ? (m(), k("div", kr, A(l.username), 1)) : P("", !0),
-          l.group ? (m(), k("div", Tr, A(l.group), 1)) : P("", !0)
+          l.username ? (m(), k("div", kr, I(l.username), 1)) : P("", !0),
+          l.group ? (m(), k("div", Tr, I(l.group), 1)) : P("", !0)
         ], 2),
         g("div", $r, [
           E(h(H), {
@@ -4914,7 +4914,7 @@ const Dr = {
   },
   emits: ["language-select"],
   setup(a, { emit: e }) {
-    const l = a, { locale: t } = ce(), n = R(!1), c = N(() => l.supportedLanguages.find((s) => s.localeCode === t.value) ?? o(l.supportedLanguages, t.value) ?? l.defaultLangauge), i = N(() => l.supportedLanguages.filter((s) => ol(s)).sort((s, f) => s.nativeName > f.nativeName ? 1 : f.nativeName > s.nativeName ? -1 : 0));
+    const l = a, { locale: t } = ce(), n = A(!1), c = N(() => l.supportedLanguages.find((s) => s.localeCode === t.value) ?? o(l.supportedLanguages, t.value) ?? l.defaultLangauge), i = N(() => l.supportedLanguages.filter((s) => ol(s)).sort((s, f) => s.nativeName > f.nativeName ? 1 : f.nativeName > s.nativeName ? -1 : 0));
     function o(s, f) {
       const p = f.split("-")[0];
       return s.find((b) => b.localeCode.split("-")[0] === p) ?? null;
@@ -4935,7 +4935,7 @@ const Dr = {
           class: z(["cl-font-semibold cl-text-xs", {
             "cl-opacity-50": s.disabled
           }])
-        }, A(c.value.nativeName), 3)
+        }, I(c.value.nativeName), 3)
       ], 2),
       E(Se, { name: "fade" }, {
         default: Q(() => [
@@ -4949,7 +4949,7 @@ const Dr = {
                 t.value = p.localeCode, r(), e("language-select", p.localeCode);
               }
             }, [
-              g("span", Ar, A(p.nativeName), 1)
+              g("span", Ar, I(p.nativeName), 1)
             ], 8, Nr))), 128))
           ], 512), [
             [te, n.value]
@@ -4973,7 +4973,7 @@ const Dr = {
     "update:errors": null
   },
   setup(a, { emit: e }) {
-    const { t: l } = ce(), t = R(""), n = R(""), c = R("password"), i = R();
+    const { t: l } = ce(), t = A(""), n = A(""), c = A("password"), i = A();
     function o() {
       const p = {
         username: t.value,
@@ -5095,7 +5095,7 @@ const Dr = {
               onClick: re(o, ["prevent"])
             }, {
               default: Q(() => [
-                pe(A(h(l)("login.login")), 1)
+                pe(I(h(l)("login.login")), 1)
               ]),
               _: 1
             }, 8, ["loading", "disabled", "onClick"])
@@ -5110,7 +5110,7 @@ const Dr = {
                   id: "cl-ui-login-errors",
                   key: D,
                   class: "cl-font-semibold"
-                }, A(S), 1))), 128))
+                }, I(S), 1))), 128))
               ], 512), [
                 [te, (b = p.errors) == null ? void 0 : b.length]
               ])
@@ -5140,7 +5140,7 @@ const Dr = {
   },
   emits: ["pinned-state", "open-state"],
   setup(a, { expose: e, emit: l }) {
-    const t = R([]), n = N(() => t.value.filter((D) => D.open === !0).length > 0);
+    const t = A([]), n = N(() => t.value.filter((D) => D.open === !0).length > 0);
     function c(D) {
       let F = t.value.find((_) => _.id === D);
       return F || (F = {
@@ -5165,11 +5165,11 @@ const Dr = {
         deep: !0
       }
     );
-    const r = R(!1), s = R(!1), { start: f } = El(() => s.value = !1, 100);
+    const r = A(!1), s = A(!1), { start: f } = El(() => s.value = !1, 100);
     function p() {
       r.value = !r.value, l("pinned-state", r.value), s.value = !0, f();
     }
-    const u = R();
+    const u = A();
     function b(D) {
       p(), typeof D == "number" && i(D);
     }
@@ -5301,7 +5301,7 @@ const ci = /* @__PURE__ */ $e(ri, [["render", si]]), ui = { class: "cl-w-full" }
     colour: { default: "default" }
   },
   setup(a) {
-    const e = a, l = R(), t = R(!1), n = R(!1);
+    const e = a, l = A(), t = A(!1), n = A(!1);
     function c(s) {
       return s === e.currentTab;
     }
@@ -5376,7 +5376,7 @@ const ci = /* @__PURE__ */ $e(ri, [["render", si]]), ui = { class: "cl-w-full" }
     "update:currentTab": null
   },
   setup(a, { emit: e }) {
-    const l = a, t = R(), n = R(), c = N(() => l.id === l.currentTab);
+    const l = a, t = A(), n = A(), c = N(() => l.id === l.currentTab);
     function i() {
       l.disabled || (t.value = !1, n.value = !1, e("update:currentTab", l.id));
     }
@@ -5435,17 +5435,17 @@ const hi = /* @__PURE__ */ $e(mi, [["render", vi]]), gi = [
   emits: ["files-uploaded"],
   setup(a, { emit: e }) {
     const l = a;
-    function t(o) {
-      var r;
+    function t(f) {
+      var p;
       if (l.disabled === !1) {
-        const s = [...(r = o == null ? void 0 : o.dataTransfer) == null ? void 0 : r.files];
-        e("files-uploaded", s);
+        const u = [...(p = f == null ? void 0 : f.dataTransfer) == null ? void 0 : p.files];
+        e("files-uploaded", u), s();
       }
     }
-    function n(o) {
+    function n(f) {
       if (l.disabled === !1) {
-        const r = [...o.target.files];
-        e("files-uploaded", r);
+        const p = [...f.target.files];
+        e("files-uploaded", p), s();
       }
     }
     const c = [
@@ -5453,49 +5453,56 @@ const hi = /* @__PURE__ */ $e(mi, [["render", vi]]), gi = [
       "dragover",
       "dragleave",
       "drop"
-    ], i = R(!1);
-    return Pe(() => {
-      c.forEach((o) => {
-        document.body.addEventListener(o, (r) => r.preventDefault());
+    ], i = A(!1);
+    Pe(() => {
+      c.forEach((f) => {
+        document.body.addEventListener(f, (p) => p.preventDefault());
       });
     }), Je(() => {
-      c.forEach((o) => {
-        document.body.removeEventListener(o, (r) => r.preventDefault());
+      c.forEach((f) => {
+        document.body.removeEventListener(f, (p) => p.preventDefault());
       });
-    }), (o, r) => (m(), k("div", yi, [
-      o.uploaderType === "dragDrop" ? (m(), k("label", ue({ key: 0 }, o.$attrs, {
+    });
+    const o = A(null), r = A(null);
+    function s() {
+      o.value && (o.value.value = ""), r.value && (r.value.value = "");
+    }
+    return (f, p) => (m(), k("div", yi, [
+      f.uploaderType === "dragDrop" ? (m(), k("label", ue({ key: 0 }, f.$attrs, {
         role: "button",
         class: ["cl-bg-opacity-10 cl-border cl-border-dashed cl-duration-300 cl-ease-in-out cl-flex cl-justify-center cl-relative cl-rounded-lg", {
-          "cl-bg-grey-3 cl-border-grey-5 cl-cursor-default": o.disabled === !0,
-          "cl-bg-primary-light cl-border-primary-darker cl-cursor-pointer": o.disabled === !1,
-          "cl-bg-opacity-40 hover:cl-bg-opacity-40": i.value === !0 && o.disabled === !1,
-          "cl-bg-opacity-10 hover:cl-bg-opacity-40": i.value === !1 && o.disabled === !1
+          "cl-bg-grey-3 cl-border-grey-5 cl-cursor-default": f.disabled === !0,
+          "cl-bg-primary-light cl-border-primary-darker cl-cursor-pointer": f.disabled === !1,
+          "cl-bg-opacity-40 hover:cl-bg-opacity-40": i.value === !0 && f.disabled === !1,
+          "cl-bg-opacity-10 hover:cl-bg-opacity-40": i.value === !1 && f.disabled === !1
         }],
         onDrop: re(t, ["prevent"]),
-        onDragenter: r[0] || (r[0] = (s) => i.value = !0),
-        onDragleave: r[1] || (r[1] = (s) => i.value = !1)
+        onDragenter: p[0] || (p[0] = (u) => i.value = !0),
+        onDragleave: p[1] || (p[1] = (u) => i.value = !1)
       }), [
         g("input", {
-          ref: "fileRef",
+          ref_key: "fileRefDragDrop",
+          ref: o,
           type: "file",
-          multiple: o.allowMultipleFiles,
+          multiple: f.allowMultipleFiles,
           class: "cl-hidden",
-          accept: o.acceptedFileTypes,
-          disabled: o.disabled,
+          accept: f.acceptedFileTypes,
+          disabled: f.disabled,
           onInput: n
         }, null, 40, ki),
-        U(o.$slots, "default")
+        U(f.$slots, "default")
       ], 16, wi)) : (m(), k("input", {
         key: 1,
-        ref: "fileRef",
+        ref_key: "fileRefClassic",
+        ref: r,
         type: "file",
         class: z({
-          "cl-cursor-default": o.disabled === !0,
-          "cl-cursor-pointer": o.disabled === !1
+          "cl-cursor-default": f.disabled === !0,
+          "cl-cursor-pointer": f.disabled === !1
         }),
-        multiple: o.allowMultipleFiles,
-        accept: o.acceptedFileTypes,
-        disabled: o.disabled,
+        multiple: f.allowMultipleFiles,
+        accept: f.acceptedFileTypes,
+        disabled: f.disabled,
         onInput: n
       }, null, 42, Ti))
     ]));