@citruslime/ui 2.6.20-beta.1 → 2.6.21-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 T, 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 ol, renderList as se, toDisplayString as A, createCommentVNode as P, nextTick as je, computed as F, toHandlers as xl, withModifiers as re, getCurrentInstance as _l, version as Hl, watch as ne, withKeys as Ne, useCssVars as Gl, vModelText as Kl, onMounted as Ye, vModelDynamic as Zl, toRefs as Wl, onUnmounted as rl, 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 R, openBlock as m, createElementBlock as T, 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 $e, withCtx as Q, withDirectives as le, mergeProps as ue, vShow as te, createBlock as K, Teleport as ol, renderList as se, toDisplayString as A, createCommentVNode as P, nextTick as je, computed as F, toHandlers as xl, withModifiers as re, getCurrentInstance as _l, version as Hl, watch as ne, withKeys as Ne, useCssVars as Gl, vModelText as Kl, onMounted as Ye, vModelDynamic as Zl, toRefs as Wl, onUnmounted as rl, 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";
@@ -67,7 +67,7 @@ const it = { class: "cl-overflow-hidden" }, st = /* @__PURE__ */ Z({
         ])
       ], 2),
       g("div", dt, [
-        E(Se, { name: "grow-down" }, {
+        E($e, { name: "grow-down" }, {
           default: Q(() => [
             le(g("div", ue(n.$attrs, { class: "cl-ml-10 cl-p-4" }), [
               U(n.$slots, "default")
@@ -80,7 +80,7 @@ const it = { class: "cl-overflow-hidden" }, st = /* @__PURE__ */ Z({
       ])
     ], 64));
   }
-}), $e = (a, e) => {
+}), Se = (a, e) => {
   const l = a.__vccOpts || a;
   for (const [t, n] of e)
     l[t] = n;
@@ -91,7 +91,7 @@ function vt(a, e) {
     U(a.$slots, "default")
   ]);
 }
-const ht = /* @__PURE__ */ $e(pt, [["render", vt]]), _e = R([]);
+const ht = /* @__PURE__ */ Se(pt, [["render", vt]]), _e = R([]);
 function dl(a) {
   const e = {
     id: et(),
@@ -178,10 +178,10 @@ const gt = ["onClick"], bt = { class: "cl-flex-1 cl-select-none cl-text-ellipsis
   }
 });
 const kt = {}, Tt = { class: "loading-spinner" };
-function $t(a, e) {
+function St(a, e) {
   return m(), T("div", Tt);
 }
-const Je = /* @__PURE__ */ $e(kt, [["render", $t], ["__scopeId", "data-v-a21dc5d2"]]), St = ["disabled"], ye = /* @__PURE__ */ Z({
+const Je = /* @__PURE__ */ Se(kt, [["render", St], ["__scopeId", "data-v-a21dc5d2"]]), $t = ["disabled"], ye = /* @__PURE__ */ Z({
   inheritAttrs: !1,
   __name: "cl-ui-button",
   props: {
@@ -218,7 +218,7 @@ const Je = /* @__PURE__ */ $e(kt, [["render", $t], ["__scopeId", "data-v-a21dc5d
         disabled: t.disabled
       }), [
         U(t.$slots, "default")
-      ], 16, St), [
+      ], 16, $t), [
         [te, !t.loading]
       ])
     ], 64));
@@ -705,7 +705,7 @@ const Lt = {
     ]));
   }
 });
-const el = /* @__PURE__ */ $e(Bt, [["__scopeId", "data-v-14711049"]]), Ut = { class: "cl-gap-1 cl-grid cl-grid-cols-2" }, xt = ["onClick"], _t = /* @__PURE__ */ Z({
+const el = /* @__PURE__ */ Se(Bt, [["__scopeId", "data-v-14711049"]]), Ut = { class: "cl-gap-1 cl-grid cl-grid-cols-2" }, xt = ["onClick"], _t = /* @__PURE__ */ Z({
   __name: "cl-ui-quick-dates-group",
   props: {
     dates: {},
@@ -968,7 +968,7 @@ const el = /* @__PURE__ */ $e(Bt, [["__scopeId", "data-v-14711049"]]), Ut = { 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 = F(() => {
+    }), b = R(null), $ = F(() => {
       let d;
       if (t.date && t.type !== "dateRange")
         d = G.fromISO(t.date, {
@@ -1059,7 +1059,7 @@ const el = /* @__PURE__ */ $e(Bt, [["__scopeId", "data-v-14711049"]]), Ut = { cl
       popover: s.value,
       "min-date": d.min,
       "max-date": d.max,
-      "initial-page": S.value,
+      "initial-page": $.value,
       onDayclick: v[4] || (v[4] = (k) => N.value = null)
     }, {
       default: Q(({ togglePopover: k }) => [
@@ -1098,7 +1098,7 @@ const el = /* @__PURE__ */ $e(Bt, [["__scopeId", "data-v-14711049"]]), Ut = { cl
       mode: d.type,
       "min-date": d.min,
       "max-date": d.max,
-      "initial-page": S.value,
+      "initial-page": $.value,
       "is-required": d.required,
       "update-on-input": !1,
       masks: { L: u.value, inputDateTime: [u.value], inputDateTime24hr: [u.value] },
@@ -1156,10 +1156,10 @@ class Yt {
       currencySign: u ? "accounting" : void 0,
       currencyDisplay: s !== Ee.hidden ? s : void 0
     };
-    const S = new Intl.NumberFormat(f, this.options), N = S.formatToParts(123456);
-    this.currency = (l = N.find(({ type: V }) => V === "currency")) === null || l === void 0 ? void 0 : l.value, this.digits = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9].map((V) => V.toLocaleString(f)), this.decimalSymbol = (t = N.find(({ type: V }) => V === "decimal")) === null || t === void 0 ? void 0 : t.value, this.groupingSymbol = (n = N.find(({ type: V }) => V === "group")) === null || n === void 0 ? void 0 : n.value, this.minusSign = (c = S.formatToParts(-1).find(({ type: V }) => V === "minusSign")) === null || c === void 0 ? void 0 : c.value, this.decimalSymbol === void 0 ? this.minimumFractionDigits = this.maximumFractionDigits = 0 : typeof p == "number" ? this.minimumFractionDigits = this.maximumFractionDigits = p : (this.minimumFractionDigits = (i = p == null ? void 0 : p.min) !== null && i !== void 0 ? i : S.resolvedOptions().minimumFractionDigits, this.maximumFractionDigits = (o = p == null ? void 0 : p.max) !== null && o !== void 0 ? o : S.resolvedOptions().maximumFractionDigits);
+    const $ = new Intl.NumberFormat(f, this.options), N = $.formatToParts(123456);
+    this.currency = (l = N.find(({ type: V }) => V === "currency")) === null || l === void 0 ? void 0 : l.value, this.digits = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9].map((V) => V.toLocaleString(f)), this.decimalSymbol = (t = N.find(({ type: V }) => V === "decimal")) === null || t === void 0 ? void 0 : t.value, this.groupingSymbol = (n = N.find(({ type: V }) => V === "group")) === null || n === void 0 ? void 0 : n.value, this.minusSign = (c = $.formatToParts(-1).find(({ type: V }) => V === "minusSign")) === null || c === void 0 ? void 0 : c.value, this.decimalSymbol === void 0 ? this.minimumFractionDigits = this.maximumFractionDigits = 0 : typeof p == "number" ? this.minimumFractionDigits = this.maximumFractionDigits = p : (this.minimumFractionDigits = (i = p == null ? void 0 : p.min) !== null && i !== void 0 ? i : $.resolvedOptions().minimumFractionDigits, this.maximumFractionDigits = (o = p == null ? void 0 : p.max) !== null && o !== void 0 ? o : $.resolvedOptions().maximumFractionDigits);
     const D = (V) => Qt(V, this.digits[1]), _ = (V) => V.substring(V.lastIndexOf(this.decimalSymbol ? this.digits[0] : this.digits[1]) + 1);
-    this.prefix = D(S.format(1)), this.suffix = _(S.format(1)), this.negativePrefix = D(S.format(-1)), this.negativeSuffix = _(S.format(-1));
+    this.prefix = D($.format(1)), this.suffix = _($.format(1)), this.negativePrefix = D($.format(-1)), this.negativeSuffix = _($.format(-1));
   }
   parse(e) {
     if (e) {
@@ -1229,14 +1229,14 @@ class Rl {
 }
 class Jt extends Rl {
   conformToMask(e, l = "") {
-    const t = this.currencyFormat.isNegative(e), n = (S) => S === "" && t && !(this.currencyFormat.minusSign === void 0 ? l === this.currencyFormat.negativePrefix + this.currencyFormat.negativeSuffix : l === this.currencyFormat.negativePrefix), c = (S) => {
-      if (n(S))
+    const t = this.currencyFormat.isNegative(e), n = ($) => $ === "" && t && !(this.currencyFormat.minusSign === void 0 ? l === this.currencyFormat.negativePrefix + this.currencyFormat.negativeSuffix : l === this.currencyFormat.negativePrefix), c = ($) => {
+      if (n($))
         return "";
       if (this.currencyFormat.maximumFractionDigits > 0) {
-        if (this.currencyFormat.isFractionIncomplete(S))
-          return S;
-        if (S.startsWith(this.currencyFormat.decimalSymbol))
-          return this.currencyFormat.toFraction(S);
+        if (this.currencyFormat.isFractionIncomplete($))
+          return $;
+        if ($.startsWith(this.currencyFormat.decimalSymbol))
+          return this.currencyFormat.toFraction($);
       }
       return null;
     };
@@ -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), N = F(() => u == null ? void 0 : u[b ? "modelValue" : "value"]), D = b ? "update:modelValue" : "input", _ = S ? "update:modelValue" : "change";
+  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"), $ = b && ((c = f == null ? void 0 : f.attrs.modelModifiers) === null || c === void 0 ? void 0 : c.lazy), N = F(() => u == null ? void 0 : u[b ? "modelValue" : "value"]), D = b ? "update:modelValue" : "input", _ = $ ? "update:modelValue" : "change";
   return ne(o, (V) => {
     var ee;
     if (V) {
@@ -1418,7 +1418,7 @@ function aa(a, e) {
         el: oe,
         options: a,
         onInput: (w) => {
-          !S && e !== !1 && N.value !== w.number && (p == null || p(D, w.number)), s.value = w.number, r.value = w.formatted;
+          !$ && e !== !1 && N.value !== w.number && (p == null || p(D, w.number)), s.value = w.number, r.value = w.formatted;
         },
         onChange: (w) => {
           e !== !1 && (p == null || p(_, w.number));
@@ -1450,8 +1450,8 @@ const na = ["disabled", "step", "placeholder", "name", "onKeydown"], oa = /* @__
   emits: ["update:modelValue", "focus", "change"],
   setup(a, { expose: e, emit: l }) {
     const t = a, { inputRef: n, setOptions: c, setValue: i, numberValue: o } = aa(t.currencyOptions, !1), r = F(() => s(t.modelValue) ? t.modelValue : 0);
-    function s(S) {
-      return typeof S == "number" && isNaN(S) === !1;
+    function s($) {
+      return typeof $ == "number" && isNaN($) === !1;
     }
     function f() {
       s(o.value) ? l("update:modelValue", o.value ?? 0) : l("update:modelValue", r.value);
@@ -1459,47 +1459,47 @@ const na = ["disabled", "step", "placeholder", "name", "onKeydown"], oa = /* @__
     function p() {
       s(o.value) === !1 && i(r.value), l("update:modelValue", o.value);
     }
-    function u(S) {
-      return Object.values(S).some((N) => N !== "");
+    function u($) {
+      return Object.values($).some((N) => N !== "");
     }
-    function b(S) {
-      s(o.value) && l("change", S, o.value ?? 0);
+    function b($) {
+      s(o.value) && l("change", $, o.value ?? 0);
     }
     return ne(
       () => t.modelValue,
-      (S) => {
-        s(S) ? i(S) : i(0);
+      ($) => {
+        s($) ? i($) : i(0);
       }
     ), ne(
       () => t.currencyOptions,
-      (S) => {
-        u(S) && c(S);
+      ($) => {
+        u($) && c($);
       }
     ), e({
       focus() {
-        var S;
-        (S = n.value) == null || S.focus();
+        var $;
+        ($ = n.value) == null || $.focus();
       },
       blur() {
-        var S;
-        (S = n.value) == null || S.blur();
+        var $;
+        ($ = n.value) == null || $.blur();
       }
-    }), (S, N) => (m(), T("input", {
+    }), ($, N) => (m(), T("input", {
       ref_key: "inputRef",
       ref: n,
       type: "text",
-      disabled: S.disabled,
+      disabled: $.disabled,
       class: z(["!cl-mb-1 cl-block cl-border cl-duration-300 cl-h-full cl-p-3 cl-rounded-lg cl-transition cl-w-full focus:cl-outline-none", {
-        "hover:!cl-border-grey-3": S.disabled === !1,
-        "!cl-cursor-default": S.disabled,
-        "!cl-border-danger-default": !S.isValid,
-        "!cl-border-primary-default": S.isValid && S.highlightWhenValid,
-        "cl-border-grey-0 focus:cl-border-blue-light": S.isValid,
-        [`${S.inputSpecificClasses}`]: S.inputSpecificClasses !== ""
+        "hover:!cl-border-grey-3": $.disabled === !1,
+        "!cl-cursor-default": $.disabled,
+        "!cl-border-danger-default": !$.isValid,
+        "!cl-border-primary-default": $.isValid && $.highlightWhenValid,
+        "cl-border-grey-0 focus:cl-border-blue-light": $.isValid,
+        [`${$.inputSpecificClasses}`]: $.inputSpecificClasses !== ""
       }]),
-      step: S.step,
-      placeholder: S.placeholder,
-      name: S.group,
+      step: $.step,
+      placeholder: $.placeholder,
+      name: $.group,
       onKeydown: Ne(f, ["enter"]),
       onChange: b,
       onBlur: p,
@@ -1583,7 +1583,7 @@ const ia = [
             "cl-bg-white cl-cursor-pointer hover:cl-border-grey-1": !u.disabled,
             "cl-bg-grey-0": u.disabled
           }]),
-          onClick: b[0] || (b[0] = (S) => o.value = u.disabled ? o.value : u.min)
+          onClick: b[0] || (b[0] = ($) => o.value = u.disabled ? o.value : u.min)
         }, A(h(n)(u.min, Number.isInteger(u.min) ? h(fe).INTEGER : h(fe).DECIMAL)), 3),
         g("div", ca, [
           p.value ? (m(), K(h(me), {
@@ -1592,7 +1592,7 @@ const ia = [
             ref: i,
             modelValue: o.value,
             "onUpdate:modelValue": [
-              b[1] || (b[1] = (S) => o.value = S),
+              b[1] || (b[1] = ($) => o.value = $),
               h(r)
             ],
             class: "cl-min-w-[8.5rem] cl-w-full",
@@ -1607,7 +1607,7 @@ const ia = [
             le(g("input", {
               ref_key: "sliderRef",
               ref: i,
-              "onUpdate:modelValue": b[2] || (b[2] = (S) => o.value = S),
+              "onUpdate:modelValue": b[2] || (b[2] = ($) => o.value = $),
               class: "cl-align-middle cl-appearance-none cl-border cl-border-grey-2 cl-delay-500 cl-ease-in cl-flex-1 cl-h-5 cl-min-w-[8.5rem] cl-outline-none cl-rounded-full cl-transition-colors cl-w-full",
               type: "range",
               min: u.min,
@@ -1630,12 +1630,12 @@ const ia = [
             "cl-bg-white cl-cursor-pointer hover:cl-border-grey-1": !u.disabled,
             "cl-bg-grey-0": u.disabled
           }]),
-          onClick: b[3] || (b[3] = (S) => o.value = u.disabled ? o.value : u.max)
+          onClick: b[3] || (b[3] = ($) => o.value = u.disabled ? o.value : u.max)
         }, A(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",
-            onClick: b[4] || (b[4] = (S) => p.value = !p.value)
+            onClick: b[4] || (b[4] = ($) => p.value = !p.value)
           }, [
             E(h(H), { icon: "ph:arrows-left-right-thin" })
           ])
@@ -1644,7 +1644,7 @@ const ia = [
     ], 16)) : (m(), T("div", pa, A(h(c)("slider.invalidProps")), 1));
   }
 });
-const va = /* @__PURE__ */ $e(ma, [["__scopeId", "data-v-470989ac"]]);
+const va = /* @__PURE__ */ Se(ma, [["__scopeId", "data-v-470989ac"]]);
 function pl(a) {
   let e = !1;
   switch (a) {
@@ -1715,7 +1715,7 @@ const ba = { class: "cl-flex cl-justify-between" }, ya = { class: "cl-w-full" },
 }, Ta = {
   key: 0,
   class: "cl-relative"
-}, $a = ["type", "disabled", "min", "max", "minlength", "maxlength", "step", "placeholder", "accept", "name", "autocomplete", "onBlur"], Sa = { key: 0 }, Ca = { key: 1 }, Oa = {
+}, Sa = ["type", "disabled", "min", "max", "minlength", "maxlength", "step", "placeholder", "accept", "name", "autocomplete", "onBlur"], $a = { key: 0 }, Ca = { key: 1 }, Oa = {
   key: 3,
   class: "cl-max-h-[2.75rem] cl-pb-0.5"
 }, Ea = {
@@ -1767,7 +1767,7 @@ const ba = { class: "cl-flex cl-justify-between" }, ya = { class: "cl-w-full" },
     }), u = F({
       get: () => t.modelValue,
       set: (y) => v(y)
-    }), b = F(() => typeof t.min == "number" ? t.min.toString() : t.min), S = F(() => typeof t.max == "number" ? t.max.toString() : t.max), N = F(() => typeof t.min == "number" || t.min === null ? t.min : parseFloat(t.min)), D = F(() => typeof t.max == "number" || t.max === null ? t.max : parseFloat(t.max)), _ = F(() => t.messageWhenValid.trim() !== "" ? t.messageWhenValid : ""), V = R(!0), ee = R(!0), oe = R([]), w = F(() => {
+    }), b = F(() => typeof t.min == "number" ? t.min.toString() : t.min), $ = F(() => typeof t.max == "number" ? t.max.toString() : t.max), N = F(() => typeof t.min == "number" || t.min === null ? t.min : parseFloat(t.min)), D = F(() => typeof t.max == "number" || t.max === null ? t.max : parseFloat(t.max)), _ = F(() => t.messageWhenValid.trim() !== "" ? t.messageWhenValid : ""), V = R(!0), ee = R(!0), oe = R([]), w = F(() => {
       var y, M;
       return [
         ...((y = oe.value) == null ? void 0 : y.filter((x) => ((x == null ? void 0 : x.length) ?? 0) > 0)) ?? [],
@@ -1812,7 +1812,7 @@ const ba = { class: "cl-flex cl-justify-between" }, ya = { class: "cl-w-full" },
     function O(y) {
       qe(t.inputType) ? (y.preventDefault(), l("click", y)) : t.inputType === "checkbox" && l("click", y);
     }
-    function $(y) {
+    function S(y) {
       if (n.value) {
         n.value.stepUp(), n.value.focus(), k(n.value.valueAsNumber, !1);
         const M = {
@@ -1837,7 +1837,7 @@ const ba = { class: "cl-flex cl-justify-between" }, ya = { class: "cl-w-full" },
       o.value = !0, B(!1), t.validateOn === "change" && await L(p.value);
     }
     function q() {
-      f.value++;
+      document.querySelectorAll(":autofill, :-webkit-autofill").length < 1 && f.value++;
     }
     function Y(y) {
       y.target.blur();
@@ -1928,19 +1928,19 @@ const ba = { class: "cl-flex cl-justify-between" }, ya = { class: "cl-w-full" },
               l("input", x, h(vl)(x, y.inputType));
             }),
             onChange: ae
-          }), null, 16, $a), [
+          }), null, 16, Sa), [
             [Zl, p.value]
           ]),
-          E(Se, {
+          E($e, {
             name: "fade",
             duration: 300
           }, {
             default: Q(() => [
-              y.inputType === "number" && !y.disabled && y.showArrows ? le((m(), T("div", Sa, [
+              y.inputType === "number" && !y.disabled && y.showArrows ? le((m(), T("div", $a, [
                 E(h(H), {
                   icon: "ph:caret-up-bold",
                   class: "cl-absolute cl-bg-link-default cl-right-1 cl-rounded-full cl-text-sm cl-text-white cl-top-1 hover:cl-bg-link-light hover:cl-cursor-pointer",
-                  onClick: $,
+                  onClick: S,
                   onMousedown: M[4] || (M[4] = re(() => {
                   }, ["prevent"]))
                 }),
@@ -1992,7 +1992,7 @@ const ba = { class: "cl-flex cl-justify-between" }, ya = { class: "cl-w-full" },
           type: h(ga)(y.inputType),
           "time-zone": y.timeZone,
           min: b.value,
-          max: S.value,
+          max: $.value,
           placeholder: s.value,
           "initial-date": y.initialDate,
           "quick-date-scope": y.quickDateScope,
@@ -2021,7 +2021,7 @@ const ba = { class: "cl-flex cl-justify-between" }, ya = { class: "cl-w-full" },
     ], 16));
   }
 });
-const me = /* @__PURE__ */ $e(Da, [["__scopeId", "data-v-28747171"]]);
+const me = /* @__PURE__ */ Se(Da, [["__scopeId", "data-v-bf93edb6"]]);
 /*!
 * tabbable 6.2.0
 * @license MIT, https://github.com/focus-trap/tabbable/blob/master/LICENSE
@@ -2345,10 +2345,10 @@ 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 || $];
-  }, s = function(O, $) {
-    var I = typeof ($ == null ? void 0 : $.composedPath) == "function" ? $.composedPath() : void 0;
+  }, o, r = function(O, S, I) {
+    return O && O[S] !== void 0 ? O[S] : c[I || S];
+  }, s = function(O, S) {
+    var I = typeof (S == null ? void 0 : S.composedPath) == "function" ? S.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
@@ -2360,19 +2360,19 @@ var yl = {
       });
     });
   }, f = function(O) {
-    var $ = c[O];
-    if (typeof $ == "function") {
+    var S = c[O];
+    if (typeof S == "function") {
       for (var I = arguments.length, B = new Array(I > 1 ? I - 1 : 0), C = 1; C < I; C++)
         B[C - 1] = arguments[C];
-      $ = $.apply(void 0, B);
+      S = S.apply(void 0, B);
     }
-    if ($ === !0 && ($ = void 0), !$) {
-      if ($ === void 0 || $ === !1)
-        return $;
+    if (S === !0 && (S = void 0), !S) {
+      if (S === void 0 || S === !1)
+        return S;
       throw new Error("`".concat(O, "` was specified but was not a node, or did not return a node"));
     }
-    var q = $;
-    if (typeof $ == "string" && (q = t.querySelector($), !q))
+    var q = S;
+    if (typeof S == "string" && (q = t.querySelector(S), !q))
       throw new Error("`".concat(O, "` as selector refers to no known node"));
     return q;
   }, p = function() {
@@ -2383,7 +2383,7 @@ var yl = {
       if (s(t.activeElement) >= 0)
         O = t.activeElement;
       else {
-        var $ = i.tabbableGroups[0], I = $ && $.firstTabbableNode;
+        var S = i.tabbableGroups[0], I = S && S.firstTabbableNode;
         O = I || f("fallbackFocus");
       }
     if (!O)
@@ -2391,16 +2391,16 @@ var yl = {
     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 S = _a(O, c.tabbableOptions), I = Ha(O, c.tabbableOptions), B = S.length > 0 ? S[0] : void 0, C = S.length > 0 ? S[S.length - 1] : void 0, q = I.find(function(ae) {
         return Ae(ae);
       }), Y = I.slice().reverse().find(function(ae) {
         return Ae(ae);
-      }), W = !!$.find(function(ae) {
+      }), W = !!S.find(function(ae) {
         return Oe(ae) > 0;
       });
       return {
         container: O,
-        tabbableNodes: $,
+        tabbableNodes: S,
         focusableNodes: I,
         /** True if at least one node with positive `tabindex` was found in this container. */
         posTabIndexesFound: W,
@@ -2428,12 +2428,12 @@ var yl = {
          * @returns {HTMLElement|undefined} The next tabbable node, if any.
          */
         nextTabbableNode: function(ge) {
-          var y = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !0, M = $.indexOf(ge);
+          var y = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !0, M = S.indexOf(ge);
           return M < 0 ? y ? I.slice(I.indexOf(ge) + 1).find(function(x) {
             return Ae(x);
           }) : I.slice(0, I.indexOf(ge)).reverse().find(function(x) {
             return Ae(x);
-          }) : $[M + (y ? 1 : -1)];
+          }) : S[M + (y ? 1 : -1)];
         }
       };
     }), i.tabbableGroups = i.containerGroups.filter(function(O) {
@@ -2454,44 +2454,44 @@ var yl = {
         preventScroll: !!c.preventScroll
       }), i.mostRecentlyFocusedNode = O, Qa(O) && O.select();
     }
-  }, S = function(O) {
-    var $ = f("setReturnFocus", O);
-    return $ || ($ === !1 ? !1 : O);
+  }, $ = function(O) {
+    var S = f("setReturnFocus", O);
+    return S || (S === !1 ? !1 : O);
   }, N = function(O) {
-    var $ = O.target, I = O.event, B = O.isBackward, C = B === void 0 ? !1 : B;
-    $ = $ || ze(I), u();
+    var S = O.target, I = O.event, B = O.isBackward, C = B === void 0 ? !1 : B;
+    S = S || ze(I), u();
     var q = null;
     if (i.tabbableGroups.length > 0) {
-      var Y = s($, I), W = Y >= 0 ? i.containerGroups[Y] : void 0;
+      var Y = s(S, I), 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) {
         var ae = kl(i.tabbableGroups, function(Ie) {
           var Fe = Ie.firstTabbableNode;
-          return $ === Fe;
+          return S === Fe;
         });
-        if (ae < 0 && (W.container === $ || tl($, c.tabbableOptions) && !Ae($, c.tabbableOptions) && !W.nextTabbableNode($, !1)) && (ae = Y), ae >= 0) {
+        if (ae < 0 && (W.container === S || tl(S, c.tabbableOptions) && !Ae(S, c.tabbableOptions) && !W.nextTabbableNode(S, !1)) && (ae = Y), ae >= 0) {
           var ge = ae === 0 ? i.tabbableGroups.length - 1 : ae - 1, y = i.tabbableGroups[ge];
-          q = Oe($) >= 0 ? y.lastTabbableNode : y.lastDomTabbableNode;
+          q = Oe(S) >= 0 ? y.lastTabbableNode : y.lastDomTabbableNode;
         } else
-          Le(I) || (q = W.nextTabbableNode($, !1));
+          Le(I) || (q = W.nextTabbableNode(S, !1));
       } else {
         var M = kl(i.tabbableGroups, function(Ie) {
           var Fe = Ie.lastTabbableNode;
-          return $ === Fe;
+          return S === Fe;
         });
-        if (M < 0 && (W.container === $ || tl($, c.tabbableOptions) && !Ae($, c.tabbableOptions) && !W.nextTabbableNode($)) && (M = Y), M >= 0) {
+        if (M < 0 && (W.container === S || tl(S, c.tabbableOptions) && !Ae(S, c.tabbableOptions) && !W.nextTabbableNode(S)) && (M = Y), M >= 0) {
           var x = M === i.tabbableGroups.length - 1 ? 0 : M + 1, be = i.tabbableGroups[x];
-          q = Oe($) >= 0 ? be.firstTabbableNode : be.firstDomTabbableNode;
+          q = Oe(S) >= 0 ? be.firstTabbableNode : be.firstDomTabbableNode;
         } else
-          Le(I) || (q = W.nextTabbableNode($));
+          Le(I) || (q = W.nextTabbableNode(S));
       }
     } else
       q = f("fallbackFocus");
     return q;
   }, D = function(O) {
-    var $ = ze(O);
-    if (!(s($, O) >= 0)) {
+    var S = ze(O);
+    if (!(s(S, O) >= 0)) {
       if (Re(c.clickOutsideDeactivates, O)) {
         o.deactivate({
           // NOTE: by setting `returnFocus: false`, deactivate() will do nothing,
@@ -2507,9 +2507,9 @@ var yl = {
       Re(c.allowOutsideClick, O) || O.preventDefault();
     }
   }, _ = function(O) {
-    var $ = ze(O), I = s($, O) >= 0;
-    if (I || $ instanceof Document)
-      I && (i.mostRecentlyFocusedNode = $);
+    var S = ze(O), I = s(S, O) >= 0;
+    if (I || S instanceof Document)
+      I && (i.mostRecentlyFocusedNode = S);
     else {
       O.stopImmediatePropagation();
       var B, C = !0;
@@ -2539,11 +2539,11 @@ var yl = {
     }
     i.recentNavEvent = void 0;
   }, V = function(O) {
-    var $ = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1;
+    var S = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1;
     i.recentNavEvent = O;
     var I = N({
       event: O,
-      isBackward: $
+      isBackward: S
     });
     I && (Le(O) && O.preventDefault(), b(I));
   }, ee = function(O) {
@@ -2553,8 +2553,8 @@ var yl = {
     }
     (c.isKeyForward(O) || c.isKeyBackward(O)) && V(O, c.isKeyBackward(O));
   }, oe = function(O) {
-    var $ = ze(O);
-    s($, O) >= 0 || Re(c.clickOutsideDeactivates, O) || Re(c.allowOutsideClick, O) || (O.preventDefault(), O.stopImmediatePropagation());
+    var S = ze(O);
+    s(S, O) >= 0 || Re(c.clickOutsideDeactivates, O) || Re(c.allowOutsideClick, O) || (O.preventDefault(), O.stopImmediatePropagation());
   }, w = function() {
     if (i.active)
       return yl.activateTrap(n, o), i.delayInitialFocusTimer = c.delayInitialFocus ? wl(function() {
@@ -2576,13 +2576,13 @@ var yl = {
     if (i.active)
       return t.removeEventListener("focusin", _, !0), t.removeEventListener("mousedown", D, !0), t.removeEventListener("touchstart", D, !0), t.removeEventListener("click", oe, !0), t.removeEventListener("keydown", ee, !0), o;
   }, v = function(O) {
-    var $ = O.some(function(I) {
+    var S = O.some(function(I) {
       var B = Array.from(I.removedNodes);
       return B.some(function(C) {
         return C === i.mostRecentlyFocusedNode;
       });
     });
-    $ && b(p());
+    S && b(p());
   }, k = typeof window < "u" && "MutationObserver" in window ? new MutationObserver(v) : void 0, L = function() {
     k && (k.disconnect(), i.active && !i.paused && i.containers.map(function(O) {
       k.observe(O, {
@@ -2601,8 +2601,8 @@ var yl = {
     activate: function(O) {
       if (i.active)
         return this;
-      var $ = r(O, "onActivate"), I = r(O, "onPostActivate"), B = r(O, "checkCanFocusTrap");
-      B || u(), i.active = !0, i.paused = !1, i.nodeFocusedBeforeActivation = t.activeElement, $ == null || $();
+      var S = r(O, "onActivate"), I = r(O, "onPostActivate"), B = r(O, "checkCanFocusTrap");
+      B || u(), i.active = !0, i.paused = !1, i.nodeFocusedBeforeActivation = t.activeElement, S == null || S();
       var C = function() {
         B && u(), w(), L(), I == null || I();
       };
@@ -2611,36 +2611,36 @@ var yl = {
     deactivate: function(O) {
       if (!i.active)
         return this;
-      var $ = bl({
+      var S = bl({
         onDeactivate: c.onDeactivate,
         onPostDeactivate: c.onPostDeactivate,
         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");
+      var I = r(S, "onDeactivate"), B = r(S, "onPostDeactivate"), C = r(S, "checkCanReturnFocus"), q = r(S, "returnFocus", "returnFocusOnDeactivate");
       I == null || I();
       var Y = function() {
         wl(function() {
-          q && b(S(i.nodeFocusedBeforeActivation)), B == null || B();
+          q && b($(i.nodeFocusedBeforeActivation)), B == null || B();
         });
       };
-      return q && C ? (C(S(i.nodeFocusedBeforeActivation)).then(Y, Y), this) : (Y(), this);
+      return q && C ? (C($(i.nodeFocusedBeforeActivation)).then(Y, Y), this) : (Y(), this);
     },
     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 S = r(O, "onPause"), I = r(O, "onPostPause");
+      return i.paused = !0, S == null || S(), d(), L(), I == null || I(), 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 S = r(O, "onUnpause"), I = r(O, "onPostUnpause");
+      return i.paused = !1, S == null || S(), u(), w(), L(), I == null || I(), this;
     },
     updateContainerElements: function(O) {
-      var $ = [].concat(O).filter(Boolean);
-      return i.containers = $.map(function(I) {
+      var S = [].concat(O).filter(Boolean);
+      return i.containers = S.map(function(I) {
         return typeof I == "string" ? t.querySelector(I) : I;
       }), i.active && u(), L(), this;
     }
@@ -2713,7 +2713,7 @@ const an = /* @__PURE__ */ g("div", { tabindex: "0" }, null, -1), nn = ["onKeypr
     return (s, f) => (m(), T(J, null, [
       U(s.$slots, "trigger", de(ve({ open: i }))),
       (m(), K(ol, { to: "body" }, [
-        E(Se, { name: "fade" }, {
+        E($e, { name: "fade" }, {
           default: Q(() => [
             le(g("div", {
               ref_key: "clUiModal",
@@ -2904,7 +2904,7 @@ const an = /* @__PURE__ */ g("div", { tabindex: "0" }, null, -1), nn = ["onKeypr
     function b(w) {
       i.value < l.results.length - 1 ? (i.value === -2 && n.value === "" && i.value++, i.value++) : i.value = w, _();
     }
-    function S(w) {
+    function $(w) {
       i.value > w ? i.value-- : i.value = l.results.length - 1, _();
     }
     function N() {
@@ -2949,7 +2949,7 @@ const an = /* @__PURE__ */ g("div", { tabindex: "0" }, null, -1), nn = ["onKeypr
         ref: r,
         class: "cl-absolute cl-bg-white cl-border cl-border-collapse cl-border-grey-0 cl-h-52 cl-overflow-y-auto cl-overscroll-y-none cl-rounded cl-text-sm cl-w-full cl-z-20",
         onKeydown: [
-          d[2] || (d[2] = Ne(re((k) => S(o.value), ["prevent", "stop"]), ["up"])),
+          d[2] || (d[2] = Ne(re((k) => $(o.value), ["prevent", "stop"]), ["up"])),
           d[3] || (d[3] = Ne(re((k) => b(o.value), ["prevent", "stop"]), ["down"]))
         ],
         onKeyup: Ne(re(N, ["prevent", "stop"]), ["enter"])
@@ -3045,7 +3045,7 @@ const an = /* @__PURE__ */ g("div", { tabindex: "0" }, null, -1), nn = ["onKeypr
     const t = a, n = F(() => t.placeholderText ? t.placeholderText : i("comboBox.emptyHintText", { object: t.objectType })), c = F(() => t.searchHint ? t.searchHint : i("comboBox.searchHint", { object: t.objectType })), { t: i } = ce(), o = R(!1), r = F({
       get: () => t.currentObject,
       set: (C) => l("update:current-object", C)
-    }), s = R(null), f = R(null), p = F(() => $()), u = R(""), b = R(""), S = R(), N = R(!0), D = R(!1);
+    }), s = R(null), f = R(null), p = F(() => S()), u = R(""), b = R(""), $ = R(), N = R(!0), D = R(!1);
     function _(C) {
       var Y, W;
       const q = ((Y = B.value) == null ? void 0 : Y.getBoundingClientRect().top) || 0;
@@ -3077,16 +3077,16 @@ const an = /* @__PURE__ */ g("div", { tabindex: "0" }, null, -1), nn = ["onKeypr
     }
     function v() {
       var C;
-      S.value = {
+      $.value = {
         name: u.value,
         parentId: ((C = f.value) == null ? void 0 : C.id) ?? 0
-      }, l("create-object", S.value);
+      }, l("create-object", $.value);
     }
     function k() {
-      S.value = {
+      $.value = {
         name: b.value,
         parentId: 0
-      }, l("create-parent-object", S.value);
+      }, l("create-parent-object", $.value);
     }
     function L() {
       var C, q;
@@ -3118,7 +3118,7 @@ const an = /* @__PURE__ */ g("div", { tabindex: "0" }, null, -1), nn = ["onKeypr
         parentName: C
       };
     }
-    function $() {
+    function S() {
       let C = "";
       return r.value && (r.value.parentName ? C = r.value.parentName + "; " + r.value.name : C = r.value.name), C;
     }
@@ -3283,10 +3283,10 @@ const an = /* @__PURE__ */ g("div", { tabindex: "0" }, null, -1), nn = ["onKeypr
 function Tn(a) {
   return typeof a.id == "number" && typeof a.name == "string";
 }
-function $n(a) {
+function Sn(a) {
   return typeof a.name == "string";
 }
-const Sn = {}, Cn = { class: "cl-flex cl-flex-wrap cl-left-0 cl-mt-4 cl-w-full" }, On = {
+const $n = {}, Cn = { class: "cl-flex cl-flex-wrap cl-left-0 cl-mt-4 cl-w-full" }, On = {
   key: 0,
   class: "cl-w-full"
 }, En = {
@@ -3308,7 +3308,7 @@ function Fn(a, e) {
     ])) : P("", !0)
   ]);
 }
-const An = /* @__PURE__ */ $e(Sn, [["render", Fn]]), Bl = Symbol();
+const An = /* @__PURE__ */ Se($n, [["render", Fn]]), Bl = Symbol();
 function xe(a) {
   const e = a.type !== "slot" || a.slotType !== void 0 && a.field !== void 0, l = a.sortable ?? !0;
   return e && l;
@@ -3320,7 +3320,7 @@ function ul(a) {
 function In(a) {
   return a.some((e) => xe(e));
 }
-function $l(a) {
+function Sl(a) {
   return a.some((e) => ul(e));
 }
 const Rn = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, Vn = { class: "cl-gap-1 cl-grid cl-grid-cols-2 cl-justify-end cl-mb-2 lg:cl-flex lg:cl-gap-2" }, qn = { class: "cl-basis-0 cl-col-span-2 cl-flex-grow" }, Mn = /* @__PURE__ */ g("hr", { class: "cl-block cl-border-grey-3 cl-col-span-2 cl-my-4 lg:cl-hidden" }, null, -1), Ln = {
@@ -3370,7 +3370,7 @@ const Rn = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, Vn = { class: "cl-gap-1
         n.options.hideViewManager ? P("", !0) : (m(), T("div", Ln, [
           U(n.$slots, "view-manager")
         ])),
-        h($l)(n.columns) || h(In)(n.columns) ? (m(), T(J, { key: 2 }, [
+        h(Sl)(n.columns) || h(In)(n.columns) ? (m(), T(J, { key: 2 }, [
           g("div", jn, [
             E(ye, {
               class: "cl-w-full",
@@ -3384,7 +3384,7 @@ const Rn = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, Vn = { class: "cl-gap-1
               _: 1
             }, 8, ["disabled"])
           ]),
-          h($l)(n.columns) ? (m(), K(ye, {
+          h(Sl)(n.columns) ? (m(), K(ye, {
             key: 0,
             size: "small",
             colour: "danger",
@@ -3412,7 +3412,7 @@ const Rn = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, Vn = { class: "cl-gap-1
 }, Un = {
   key: 5,
   class: "cl-inline-block cl-whitespace-nowrap"
-}, xn = ["innerHTML"], Sl = /* @__PURE__ */ Z({
+}, xn = ["innerHTML"], $l = /* @__PURE__ */ Z({
   __name: "cl-ui-grid-cell-value",
   props: {
     data: {},
@@ -3517,7 +3517,7 @@ const Rn = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, Vn = { class: "cl-gap-1
         listEntries: i.value,
         searchValue: o.searchValue
       })), () => [
-        E(Sl, {
+        E($l, {
           column: o.column,
           data: o.data,
           "time-zone": o.timeZone,
@@ -3532,7 +3532,7 @@ const Rn = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, Vn = { class: "cl-gap-1
           ]),
           _: 2
         }, 1032, ["column", "data", "time-zone", "search-value"])
-      ]) : (m(), K(Sl, {
+      ]) : (m(), K($l, {
         key: 1,
         column: o.column,
         data: o.data,
@@ -3610,16 +3610,16 @@ const Rn = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, Vn = { class: "cl-gap-1
     }
     function r(u) {
       if (u !== void 0) {
-        const { [u]: b, ...S } = n.value.record;
+        const { [u]: b, ...$ } = n.value.record;
         n.value.record = {
-          ...S
+          ...$
         };
       }
     }
     const s = R({});
     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, N) => [
+      return s.value = Object.fromEntries(((b = (u = l.data) == null ? void 0 : u.results) == null ? void 0 : b.map(($, N) => [
         [N],
         {
           count: 0,
@@ -3633,8 +3633,8 @@ const Rn = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, Vn = { class: "cl-gap-1
       deep: !0,
       immediate: !0
     });
-    function f(u, b, S) {
-      const { currentTarget: N } = S;
+    function f(u, b, $) {
+      const { currentTarget: N } = $;
       l.options.rowSelectionEnabled ? (p(N), e("row-select", b)) : (s.value[u].count++, s.value[u].target = N, s.value[u].count > 1 ? (s.value[u].reset.stop(), s.value[u].count = 0, p(N), s.value[u].target = null, e("row-select", b)) : s.value[u].reset.start());
     }
     function p(u) {
@@ -3643,9 +3643,9 @@ const Rn = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, Vn = { class: "cl-gap-1
     return ne(() => l.editMode, () => {
       l.editMode || (c(), n.value.index = -1);
     }), (u, b) => {
-      var S;
+      var $;
       return m(), T("tbody", null, [
-        u.data && ((S = u.data.results) != null && S.length) ? (m(!0), T(J, { key: 0 }, se(u.data.results, (N, D) => (m(), K(Gn, {
+        u.data && (($ = u.data.results) != null && $.length) ? (m(!0), T(J, { key: 0 }, se(u.data.results, (N, D) => (m(), K(Gn, {
           key: D,
           data: N,
           columns: u.columns,
@@ -3721,8 +3721,8 @@ const Rn = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, Vn = { class: "cl-gap-1
       const u = Array.from(Array(c.value + 1).keys());
       let b = [];
       if (u.shift(), u.length) {
-        const S = l.request.pageNumber === c.value || l.request.pageNumber === c.value - 1 ? c.value - 3 : l.request.pageNumber - 1;
-        b = u.slice(S, S + 3);
+        const $ = l.request.pageNumber === c.value || l.request.pageNumber === c.value - 1 ? c.value - 3 : l.request.pageNumber - 1;
+        b = u.slice($, $ + 3);
       }
       return b;
     });
@@ -3748,8 +3748,8 @@ const Rn = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, Vn = { class: "cl-gap-1
     }
     const p = sl(r, 750);
     return (u, b) => {
-      var S, N;
-      return (N = (S = u.data) == null ? void 0 : S.results) != null && N.length && u.request ? (m(), T("div", eo, [
+      var $, N;
+      return (N = ($ = u.data) == null ? void 0 : $.results) != null && N.length && u.request ? (m(), T("div", eo, [
         g("div", lo, [
           g("span", to, A(h(n)("grid.jumpToPage")), 1),
           E(me, {
@@ -3888,11 +3888,11 @@ const ko = [
 function To(a) {
   return typeof a.filterOnColumn == "string" && typeof a.filterOperation == "number" && typeof a.filterValue == "string";
 }
-function $o(a) {
+function So(a) {
   return a === null || typeof a.sortByAscending == "boolean" && typeof a.sortOnColumn == "string";
 }
-function So(a) {
-  let e = typeof a.filters == "object" && Array.isArray(a.filters) && typeof a.pageNumber == "number" && typeof a.pageSize == "number" && typeof a.sort == "object" && $o(a.sort);
+function $o(a) {
+  let e = typeof a.filters == "object" && Array.isArray(a.filters) && typeof a.pageNumber == "number" && typeof a.pageSize == "number" && typeof a.sort == "object" && So(a.sort);
   if (e) {
     for (const l of a.filters)
       if (!To(l)) {
@@ -4132,7 +4132,7 @@ const Oo = {
       set: (d) => e("update:filter", d)
     }), o = F(() => l.column.type === "date" || l.column.type === "datetime" || l.column.type === "slot" && (l.column.slotType === "date" || l.column.slotType === "datetime")), r = F(() => l.column.type === "dateRange" || l.column.type === "slot" && l.column.slotType === "dateRange"), s = F(() => l.column.type === "list" || l.column.type === "slot" && l.column.slotType === "list"), f = F(() => s.value && l.column.listType === "number"), p = F({
       get() {
-        var v, k, L, j, O, $, I;
+        var v, k, L, j, O, S, I;
         let d = (v = i.value) == null ? void 0 : v[0];
         if (d) {
           if (o.value) {
@@ -4156,7 +4156,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 = (S = i.value) == null ? void 0 : S.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);
             B && C && (d = {
               filterOnColumn: l.column.field,
               filterOperation: X.EQUAL,
@@ -4175,12 +4175,12 @@ const Oo = {
         if (o.value) {
           const k = d, L = (k == null ? void 0 : k.filterMethod) && b(k.filterMethod, k.filterValue, "equal"), j = (k == null ? void 0 : k.filterMethod) && b(k.filterMethod, k.filterValue, "equalorlessthan"), O = (k == null ? void 0 : k.filterMethod) && b(k.filterMethod, k.filterValue, "greaterthan");
           if (L) {
-            let $ = G.fromISO(k.filterValue, {
+            let S = G.fromISO(k.filterValue, {
               zone: l.timeZone ?? "UTC"
             }).set({ second: 0, millisecond: 0 });
-            const I = $.toISO();
-            l.column.type === "date" || l.column.type === "slot" && l.column.slotType === "date" ? $ = $.plus({ days: 1 }) : $ = $.plus({ minutes: 1 });
-            const B = $.toISO();
+            const I = S.toISO();
+            l.column.type === "date" || l.column.type === "slot" && l.column.slotType === "date" ? S = S.plus({ days: 1 }) : S = S.plus({ minutes: 1 });
+            const B = S.toISO();
             v = [
               {
                 filterOnColumn: l.column.field,
@@ -4196,15 +4196,15 @@ const Oo = {
               }
             ];
           } else if (j || O) {
-            let $ = G.fromISO(k.filterValue, {
+            let S = G.fromISO(k.filterValue, {
               zone: l.timeZone ?? "UTC"
             }).set({ second: 0, millisecond: 0 });
-            l.column.type === "date" || l.column.type === "slot" && l.column.slotType === "date" ? $ = $.plus({ days: 1 }) : $ = $.plus({ minutes: 1 }), v = [
+            l.column.type === "date" || l.column.type === "slot" && l.column.slotType === "date" ? S = S.plus({ days: 1 }) : S = S.plus({ minutes: 1 }), v = [
               {
                 filterOnColumn: l.column.field,
                 filterOperation: j ? X.EQUAL_OR_LESS_THAN : X.GREATER_THAN,
                 filterMethod: j ? "equalorlessthan" : "greaterthan",
-                filterValue: $.minus({ milliseconds: 1 }).toISO()
+                filterValue: S.minus({ milliseconds: 1 }).toISO()
               }
             ];
           }
@@ -4247,10 +4247,10 @@ const Oo = {
     function b(d, v, k) {
       return v !== void 0 && v !== "" && d === k && o.value;
     }
-    const S = F(() => {
+    const $ = F(() => {
       var d;
       return ((d = p.value) == null ? void 0 : d.filterValue) ?? "";
-    }), N = F(() => S.value === "" ? null : S.value), D = F(() => S.value === "" ? null : S.value), _ = F(() => Intl.NumberFormat(t.value).format(1.1).replace(/[0-9]+/g, "")), V = F(() => ul(l.column));
+    }), N = F(() => $.value === "" ? null : $.value), D = F(() => $.value === "" ? null : $.value), _ = F(() => Intl.NumberFormat(t.value).format(1.1).replace(/[0-9]+/g, "")), V = F(() => ul(l.column));
     function ee(d, v) {
       var O;
       let k, L = !1;
@@ -4258,11 +4258,11 @@ const Oo = {
       if (p.value)
         L = ((O = p.value) == null ? void 0 : O.filterValue) === j, k = he(u.value), k.filterValue = j;
       else if (j !== "" && typeof l.column.field < "u") {
-        const $ = c();
+        const S = c();
         k = {
           filterOnColumn: l.column.field,
-          filterMethod: X[$].replace("_", "").toLowerCase(),
-          filterOperation: $,
+          filterMethod: X[S].replace("_", "").toLowerCase(),
+          filterOperation: S,
           filterValue: j
         };
       } else
@@ -4300,11 +4300,11 @@ const Oo = {
         Mo,
         g("option", {
           value: "true",
-          selected: S.value === "true"
+          selected: $.value === "true"
         }, A(h(n)("grid.true")), 9, Lo),
         g("option", {
           value: "false",
-          selected: S.value === "false"
+          selected: $.value === "false"
         }, A(h(n)("grid.false")), 9, jo)
       ], 40, qo)) : o.value ? (m(), K(me, {
         key: 1,
@@ -4327,7 +4327,7 @@ const Oo = {
         "onUpdate:modelValue": v[2] || (v[2] = (k) => w(k))
       }, null, 8, ["model-value", "disabled", "time-zone", "quick-date-scope"])) : d.column.type === "number" || d.column.type === "slot" && d.column.slotType === "number" ? (m(), K(me, {
         key: 3,
-        "model-value": S.value,
+        "model-value": $.value,
         class: "!cl-h-[2rem] !cl-text-xs cl-border-none cl-mb-0 cl-w-full lg:!cl-text-base",
         "aria-disabled": d.loading,
         readonly: d.loading,
@@ -4336,7 +4336,7 @@ const Oo = {
         onInput: v[3] || (v[3] = (k, L) => oe(null, L))
       }, null, 8, ["model-value", "aria-disabled", "readonly"])) : d.column.type === "string" || d.column.type === "slot" && d.column.slotType === "string" ? (m(), K(me, {
         key: 4,
-        "model-value": S.value,
+        "model-value": $.value,
         class: "!cl-h-[2rem] !cl-text-xs cl-border-none cl-mb-0 cl-w-full lg:!cl-text-base",
         "aria-disabled": d.loading,
         readonly: d.loading,
@@ -4352,7 +4352,7 @@ const Oo = {
         (m(!0), T(J, null, se(d.column.listEntries ?? [], (k) => (m(), T("option", {
           key: k.value,
           value: k.value,
-          selected: S.value === k.value.toString()
+          selected: $.value === k.value.toString()
         }, A(h(n)(k.translationKey)), 9, Bo))), 128))
       ], 40, Po)) : P("", !0),
       r.value ? P("", !0) : (m(), K(Ro, {
@@ -4570,7 +4570,7 @@ const Oo = {
         _: 1
       }, 16, ["disabled"]),
       (m(), K(ol, { to: "body" }, [
-        E(Se, { name: "slide-left" }, {
+        E($e, { name: "slide-left" }, {
           default: Q(() => [
             le(g("div", Xo, [
               g("div", er, [
@@ -4674,8 +4674,8 @@ const Oo = {
       deep: !0,
       immediate: !0
     });
-    const b = F(() => l.data), S = R(!1), N = R(!1);
-    ne(S, () => S.value ? e("edit-start") : e("edit-end"));
+    const b = F(() => l.data), $ = R(!1), N = R(!1);
+    ne($, () => $.value ? e("edit-start") : e("edit-end"));
     const D = F(() => ({
       highlightRowSelection: !0,
       ...l.options
@@ -4709,7 +4709,7 @@ const Oo = {
         ]),
         _: 3
       }, 8, ["search-value", "request", "columns"])) : P("", !0),
-      E(Se, { name: "fade" }, {
+      E($e, { name: "fade" }, {
         default: Q(() => [
           le(g("div", pr, [
             E(Je, { class: "after:!cl-h-20 after:!cl-w-20 cl-h-20 cl-w-20" })
@@ -4720,8 +4720,8 @@ const Oo = {
         _: 1
       }),
       E(Pn, {
-        "edit-mode": S.value,
-        "onUpdate:editMode": d[3] || (d[3] = (v) => S.value = v),
+        "edit-mode": $.value,
+        "onUpdate:editMode": d[3] || (d[3] = (v) => $.value = v),
         "filter-panel-open": N.value,
         "onUpdate:filterPanelOpen": d[4] || (d[4] = (v) => N.value = v),
         columns: w.columns,
@@ -4774,7 +4774,7 @@ const Oo = {
             loading: w.loading,
             "search-value": V.value,
             options: D.value,
-            "edit-mode": S.value,
+            "edit-mode": $.value,
             onClearFilters: p,
             onRowEdit: d[7] || (d[7] = (v) => w.$emit("row-edit", v)),
             onRowSelect: d[8] || (d[8] = (v) => w.$emit("row-select", v))
@@ -4825,7 +4825,7 @@ const Oo = {
 }, Tr = {
   key: 1,
   class: "cl-text-ellipsis cl-text-xs cl-whitespace-nowrap"
-}, $r = { class: "cl-content-center cl-flex cl-h-20 cl-items-center cl-justify-center cl-justify-items-center cl-transition-all cl-w-10 md:cl-ml-4 md:cl-w-20" }, Sr = { class: "cl-absolute cl-bg-white cl-right-0 cl-shadow-2xl cl-top-20 cl-w-full cl-z-20" }, Cr = /* @__PURE__ */ Z({
+}, Sr = { class: "cl-content-center cl-flex cl-h-20 cl-items-center cl-justify-center cl-justify-items-center cl-transition-all cl-w-10 md:cl-ml-4 md:cl-w-20" }, $r = { class: "cl-absolute cl-bg-white cl-right-0 cl-shadow-2xl cl-top-20 cl-w-full cl-z-20" }, Cr = /* @__PURE__ */ Z({
   __name: "cl-ui-header-menu",
   props: {
     username: { default: "" },
@@ -4863,7 +4863,7 @@ const Oo = {
           l.username ? (m(), T("div", kr, A(l.username), 1)) : P("", !0),
           l.group ? (m(), T("div", Tr, A(l.group), 1)) : P("", !0)
         ], 2),
-        g("div", $r, [
+        g("div", Sr, [
           E(h(H), {
             class: z(["cl-transform-gpu cl-transition-transform", {
               "cl-rotate-180": l.isOpen,
@@ -4874,9 +4874,9 @@ const Oo = {
           }, null, 8, ["class"])
         ])
       ]),
-      E(Se, { name: "fade" }, {
+      E($e, { name: "fade" }, {
         default: Q(() => [
-          le(g("div", Sr, [
+          le(g("div", $r, [
             U(l.$slots, "default")
           ], 512), [
             [te, l.isOpen]
@@ -4939,7 +4939,7 @@ const Nr = {
           }])
         }, A(c.value.nativeName), 3)
       ], 2),
-      E(Se, { name: "fade" }, {
+      E($e, { name: "fade" }, {
         default: Q(() => [
           le(g("div", Dr, [
             (m(!0), T(J, null, se(i.value, (p, u) => (m(), T("div", {
@@ -5103,16 +5103,16 @@ const Nr = {
             }, 8, ["loading", "disabled", "onClick"])
           ], 2)
         ], 2),
-        E(Se, { name: "cl-grow-down" }, {
+        E($e, { name: "cl-grow-down" }, {
           default: Q(() => {
             var b;
             return [
               le(g("span", Ur, [
-                (m(!0), T(J, null, se(p.errors, (S, N) => (m(), T("div", {
+                (m(!0), T(J, null, se(p.errors, ($, N) => (m(), T("div", {
                   id: "cl-ui-login-errors",
                   key: N,
                   class: "cl-font-semibold"
-                }, A(S), 1))), 128))
+                }, A($), 1))), 128))
               ], 512), [
                 [te, (b = p.errors) == null ? void 0 : b.length]
               ])
@@ -5175,13 +5175,13 @@ const Nr = {
     function b(N) {
       p(), typeof N == "number" && i(N);
     }
-    function S() {
+    function $() {
       r.value === !1 && n.value === !0 && (t.value.forEach((N) => {
         N.open = !1;
       }), l("open-state", !1, void 0));
     }
-    return cl(u, S), e({
-      closeNavigation: S,
+    return cl(u, $), e({
+      closeNavigation: $,
       restorePinnedNavigation: b
     }), (N, D) => (m(), T("div", {
       ref_key: "navElement",
@@ -5198,7 +5198,7 @@ const Nr = {
         U(N.$slots, "icon", ue({ navcolour: N.colour }, { groupIsOpen: c, toggleOpen: i }), void 0, !0)
       ], 2),
       s.value ? (m(), T("div", Gr)) : P("", !0),
-      E(Se, { name: "slide-right" }, {
+      E($e, { name: "slide-right" }, {
         default: Q(() => [
           le(g("div", {
             class: z(["cl-bg-grey-0 cl-border-grey-2 cl-border-r cl-duration-75 cl-h-full cl-min-w-[260px] cl-overflow-y-auto cl-overscroll-y-none cl-p-8 cl-pb-24 cl-top-0 cl-transition-shadow cl-w-[260px] cl-z-30 xl:cl-pb-0", {
@@ -5230,7 +5230,7 @@ const Nr = {
     ], 512));
   }
 });
-const Wr = /* @__PURE__ */ $e(Zr, [["__scopeId", "data-v-2b989df8"]]), Qr = /* @__PURE__ */ Z({
+const Wr = /* @__PURE__ */ Se(Zr, [["__scopeId", "data-v-2b989df8"]]), Qr = /* @__PURE__ */ Z({
   __name: "cl-ui-navigation-icon",
   props: {
     iconValue: {},
@@ -5289,13 +5289,13 @@ function ni(a, e) {
     ])
   ]);
 }
-const oi = /* @__PURE__ */ $e(ei, [["render", ni]]), ri = {}, ii = { class: "cl-cursor-pointer cl-transition-colors cl-w-full hover:cl-text-primary-darker" };
+const oi = /* @__PURE__ */ Se(ei, [["render", ni]]), ri = {}, ii = { class: "cl-cursor-pointer cl-transition-colors cl-w-full hover:cl-text-primary-darker" };
 function si(a, e) {
   return m(), T("div", ii, [
     U(a.$slots, "default")
   ]);
 }
-const ci = /* @__PURE__ */ $e(ri, [["render", si]]), ui = { class: "cl-w-full" }, di = /* @__PURE__ */ Z({
+const ci = /* @__PURE__ */ Se(ri, [["render", si]]), ui = { class: "cl-w-full" }, di = /* @__PURE__ */ Z({
   __name: "cl-ui-tab",
   props: {
     currentTab: { default: 0 },
@@ -5417,7 +5417,7 @@ const ci = /* @__PURE__ */ $e(ri, [["render", si]]), ui = { class: "cl-w-full" }
 function vi(a, e) {
   return U(a.$slots, "default");
 }
-const hi = /* @__PURE__ */ $e(mi, [["render", vi]]), gi = [
+const hi = /* @__PURE__ */ Se(mi, [["render", vi]]), gi = [
   "default",
   "primary",
   "secondary",
@@ -5463,9 +5463,9 @@ const hi = /* @__PURE__ */ $e(mi, [["render", vi]]), gi = [
   futureQuickDates: Ge,
   gridColumnTypes: bo,
   inputTypes: ia,
-  isComboBoxCreateRequest: $n,
+  isComboBoxCreateRequest: Sn,
   isComboBoxItem: Tn,
-  isFilterRequest: So,
+  isFilterRequest: $o,
   isFilterResponse: Co,
   isGridColumn: Ul,
   isGridColumnArray: yo,
@@ -5529,9 +5529,9 @@ export {
   bo as gridColumnTypes,
   Te as i18n,
   ia as inputTypes,
-  $n as isComboBoxCreateRequest,
+  Sn as isComboBoxCreateRequest,
   Tn as isComboBoxItem,
-  So as isFilterRequest,
+  $o as isFilterRequest,
   Co as isFilterResponse,
   Ul as isGridColumn,
   yo as isGridColumnArray,