@citruslime/ui 2.4.0 → 2.4.1-beta.0

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

@@ -1,6 +1,6 @@
 import { Icon as I } from "@iconify/vue";
-import { defineComponent as z, ref as q, openBlock as c, createElementBlock as y, renderSlot as N, normalizeProps as oe, guardReactiveProps as ce, Fragment as L, createElementVNode as f, normalizeClass as j, createVNode as k, unref as p, Transition as me, withCtx as D, withDirectives as M, mergeProps as re, vShow as V, createBlock as B, Teleport as _e, renderList as Y, toDisplayString as O, createCommentVNode as A, nextTick as ye, toHandlers as ll, withModifiers as Z, computed as _, watch as W, normalizeStyle as Ze, vModelText as tl, onMounted as Ae, vModelDynamic as ol, withKeys as $e, onUnmounted as Ie, resolveComponent as nl, createTextVNode as J, watchEffect as sl, createSlots as Re } from "vue";
-import { generateStringId as al } from "@citruslime/utils";
+import { defineComponent as z, ref as q, openBlock as c, createElementBlock as y, renderSlot as N, normalizeProps as oe, guardReactiveProps as ce, Fragment as L, createElementVNode as f, normalizeClass as j, createVNode as k, unref as p, Transition as me, withCtx as D, withDirectives as M, mergeProps as re, vShow as V, createBlock as B, Teleport as _e, renderList as Y, toDisplayString as O, createCommentVNode as A, nextTick as ye, toHandlers as ll, withModifiers as Z, computed as _, watch as W, normalizeStyle as Ze, vModelText as tl, onMounted as Ae, vModelDynamic as ol, withKeys as $e, onUnmounted as Ie, resolveComponent as nl, createTextVNode as J, watchEffect as al, createSlots as Re } from "vue";
+import { generateStringId as sl } from "@citruslime/utils";
 import { onClickOutside as ze, useTimeoutFn as We, useDebounceFn as Ke, useWindowSize as rl } from "@vueuse/core";
 import { createI18n as cl, useI18n as ne } from "vue-i18n";
 import { DateTime as ke } from "luxon";
@@ -20,14 +20,14 @@ const ul = { class: "cl-overflow-hidden" }, dl = /* @__PURE__ */ z({
         open: !1
       }, l.value.push(i)), i.open;
     }
-    function s(n) {
+    function a(n) {
       const i = l.value.find((u) => u.id === n);
       i && (o.exclusive && l.value.forEach((u) => {
         u.id !== n && (u.open = !1);
       }), i.open = !i.open);
     }
     return (n, i) => (c(), y("div", ul, [
-      N(n.$slots, "default", oe(ce({ isItemOpen: e, toggleItem: s })))
+      N(n.$slots, "default", oe(ce({ isItemOpen: e, toggleItem: a })))
     ]));
   }
 }), pl = { class: "cl-absolute cl-left-5 cl-top-5" }, fl = { class: "cl-font-semibold cl-ml-10 cl-p-4 cl-select-none cl-text-grey-5" }, ml = { class: "cl-overflow-hidden" }, gl = /* @__PURE__ */ z({
@@ -45,34 +45,34 @@ const ul = { class: "cl-overflow-hidden" }, dl = /* @__PURE__ */ z({
     function e() {
       l.disabled || o("toggle");
     }
-    return (s, n) => (c(), y(L, null, [
+    return (a, n) => (c(), y(L, null, [
       f("div", {
         class: j(["cl-border-b cl-border-grey-1 cl-relative", {
-          "cl-bg-grey-0": s.disabled,
-          "cl-cursor-pointer": !s.disabled
+          "cl-bg-grey-0": a.disabled,
+          "cl-cursor-pointer": !a.disabled
         }]),
         onClick: e
       }, [
         f("div", pl, [
           k(p(I), {
             class: j(["cl-duration-300 cl-ease-in-out cl-text-grey-3 cl-transform-gpu cl-transition-transform", {
-              "cl-rotate-180": s.open
+              "cl-rotate-180": a.open
             }]),
             icon: "ph:caret-down-bold",
             width: "20"
           }, null, 8, ["class"])
         ]),
         f("div", fl, [
-          N(s.$slots, "title")
+          N(a.$slots, "title")
         ])
       ], 2),
       f("div", ml, [
         k(me, { name: "grow-down" }, {
           default: D(() => [
-            M(f("div", re(s.$attrs, { class: "cl-ml-10 cl-p-4" }), [
-              N(s.$slots, "default")
+            M(f("div", re(a.$attrs, { class: "cl-ml-10 cl-p-4" }), [
+              N(a.$slots, "default")
             ], 16), [
-              [V, s.open]
+              [V, a.open]
             ])
           ]),
           _: 3
@@ -82,8 +82,8 @@ const ul = { class: "cl-overflow-hidden" }, dl = /* @__PURE__ */ z({
   }
 }), pe = (t, o) => {
   const l = t.__vccOpts || t;
-  for (const [e, s] of o)
-    l[e] = s;
+  for (const [e, a] of o)
+    l[e] = a;
   return l;
 }, vl = {}, bl = { class: "cl-border-b cl-border-grey-1 cl-font-semibold cl-pl-14 cl-pr-4 cl-py-2 cl-text-grey-3 cl-text-sm" };
 function hl(t, o) {
@@ -94,7 +94,7 @@ function hl(t, o) {
 const yl = /* @__PURE__ */ pe(vl, [["render", hl]]), qe = q([]);
 function De(t) {
   const o = {
-    id: al(),
+    id: sl(),
     ...t
   };
   qe.value.push(o), setTimeout(() => Qe(o), t.duration);
@@ -121,8 +121,8 @@ const wl = ["onClick"], $l = { class: "cl-flex-1 cl-select-none cl-text-ellipsis
           "cl-bottom-5 cl-right-5": o.position === "bottom-right"
         }])
       }, [
-        (c(!0), y(L, null, Y(p(qe), (e, s) => (c(), y("div", re(o.$attrs, {
-          key: s,
+        (c(!0), y(L, null, Y(p(qe), (e, a) => (c(), y("div", re(o.$attrs, {
+          key: a,
           class: ["cl-break-words cl-cursor-pointer cl-flex cl-font-semibold cl-group cl-mb-2 cl-overflow-hidden cl-p-4 cl-rounded cl-shadow-lg cl-text-sm", {
             "cl-bg-white": e.colour === "default",
             "cl-bg-primary-default": e.colour === "primary",
@@ -191,7 +191,7 @@ const Se = /* @__PURE__ */ pe(Tl, [["render", Ol], ["__scopeId", "data-v-a21dc5d
       focus() {
         l.value && l.value.focus();
       }
-    }), (e, s) => (c(), y(L, null, [
+    }), (e, a) => (c(), y(L, null, [
       M(k(Se, { class: "relative" }, null, 512), [
         [V, e.loading]
       ]),
@@ -439,21 +439,21 @@ const Il = {
   fallbackWarn: !1,
   warnHtmlMessage: !1
 });
-function Ss(t, o) {
+function Sa(t, o) {
   return Q.global.mergeLocaleMessage(t, o), ye();
 }
-function Ns(t, o) {
+function Na(t, o) {
   return Q.global.mergeNumberFormat(t, o), ye();
 }
-function js(t, o) {
+function ja(t, o) {
   return Q.global.mergeDateTimeFormat(t, o), ye();
 }
-function _s(t) {
+function _a(t) {
   return Q.global.locale.value = t, ye();
 }
 const { t: ue } = Q.global;
 function Ul(t, o, l, e) {
-  const s = Q.global.locale.value;
+  const a = Q.global.locale.value;
   return new Promise((n) => {
     let i = {
       valid: !1,
@@ -475,10 +475,10 @@ function Ul(t, o, l, e) {
           u = e >= (Number(t) || 0), i = de(u, ue("input.greaterOrEqualToValue", { label: l, min: t.toString() }));
           break;
         case "date":
-          u = new Date(e).getTime() >= new Date(t).getTime(), i = de(u, ue("input.afterOrEqualToValue", { label: l, min: Q.global.d(new Date(t), x.DATE, s ?? Q.global.locale.value) }));
+          u = new Date(e).getTime() >= new Date(t).getTime(), i = de(u, ue("input.afterOrEqualToValue", { label: l, min: Q.global.d(new Date(t), x.DATE, a ?? Q.global.locale.value) }));
           break;
         case "datetime":
-          u = new Date(e).getTime() >= new Date(t).getTime(), i = de(u, ue("input.afterOrEqualToValue", { label: l, min: Q.global.d(new Date(t), x.DATETIME, s ?? Q.global.locale.value) }));
+          u = new Date(e).getTime() >= new Date(t).getTime(), i = de(u, ue("input.afterOrEqualToValue", { label: l, min: Q.global.d(new Date(t), x.DATETIME, a ?? Q.global.locale.value) }));
           break;
         default:
           i.valid = !0;
@@ -489,7 +489,7 @@ function Ul(t, o, l, e) {
   });
 }
 function Bl(t, o, l, e) {
-  const s = Q.global.locale.value;
+  const a = Q.global.locale.value;
   return new Promise((n) => {
     let i = {
       valid: !1,
@@ -511,10 +511,10 @@ function Bl(t, o, l, e) {
           u = e <= (Number(t) || 0), i = de(u, ue("input.lessOrEqualToValue", { label: l, max: t.toString() }));
           break;
         case "date":
-          u = new Date(e).getTime() <= new Date(t).getTime(), i = de(u, ue("input.beforeOrEqualToValue", { label: l, max: Q.global.d(new Date(t), x.DATE, s ?? Q.global.locale.value) }));
+          u = new Date(e).getTime() <= new Date(t).getTime(), i = de(u, ue("input.beforeOrEqualToValue", { label: l, max: Q.global.d(new Date(t), x.DATE, a ?? Q.global.locale.value) }));
           break;
         case "datetime":
-          u = new Date(e).getTime() <= new Date(t).getTime(), i = de(u, ue("input.beforeOrEqualToValue", { label: l, min: Q.global.d(new Date(t), x.DATETIME, s ?? Q.global.locale.value) }));
+          u = new Date(e).getTime() <= new Date(t).getTime(), i = de(u, ue("input.beforeOrEqualToValue", { label: l, min: Q.global.d(new Date(t), x.DATETIME, a ?? Q.global.locale.value) }));
           break;
         default:
           i.valid = !0;
@@ -526,13 +526,13 @@ function Bl(t, o, l, e) {
 }
 function Ml(t, o) {
   return new Promise((l) => {
-    const e = o != null && o !== "" && o.toString().trim() !== "", s = de(e, ue("input.valueIsRequired", { label: t }));
-    l(s);
+    const e = o != null && o !== "" && o.toString().trim() !== "", a = de(e, ue("input.valueIsRequired", { label: t }));
+    l(a);
   });
 }
 function Dl(t, o) {
   return new Promise((l) => {
-    const s = o === "" || /[a-zA-Z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-zA-Z0-9!#$%&'*+/=?^_`{|}~-]+)*@(?:[a-zA-Z0-9](?:[a-zA-Z0-9-]*[a-zA-Z0-9])?\.)+[a-zA-Z0-9](?:[a-zA-Z0-9-]*[a-zA-Z0-9])?/.exec(o) !== null, n = de(s, ue("input.valueNotValidEmail", { label: t }));
+    const a = o === "" || /[a-zA-Z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-zA-Z0-9!#$%&'*+/=?^_`{|}~-]+)*@(?:[a-zA-Z0-9](?:[a-zA-Z0-9-]*[a-zA-Z0-9])?\.)+[a-zA-Z0-9](?:[a-zA-Z0-9-]*[a-zA-Z0-9])?/.exec(o) !== null, n = de(a, ue("input.valueNotValidEmail", { label: t }));
     l(n);
   });
 }
@@ -563,7 +563,7 @@ const Ll = { class: "cl-relative" }, Vl = ["value", "disabled", "placeholder"],
         var e;
         (e = l.value) == null || e.focus();
       }
-    }), (e, s) => (c(), y("div", Ll, [
+    }), (e, a) => (c(), y("div", Ll, [
       f("input", re({
         ref_key: "element",
         ref: l
@@ -586,13 +586,13 @@ const Ll = { class: "cl-relative" }, Vl = ["value", "disabled", "placeholder"],
           key: 0,
           class: "cl-cursor-pointer hover:cl-text-link-light",
           icon: "ph:arrow-counter-clockwise",
-          onClick: s[0] || (s[0] = Z((n) => e.$emit("reset"), ["prevent"]))
+          onClick: a[0] || (a[0] = Z((n) => e.$emit("reset"), ["prevent"]))
         })) : A("", !0),
         !e.required && e.date && (e.type !== "time" || e.date !== "00:00") ? (c(), B(p(I), {
           key: 1,
           class: "cl-cursor-pointer hover:cl-text-link-light md:cl-ml-0.5",
           icon: "ph:x",
-          onClick: s[1] || (s[1] = Z((n) => e.$emit("clear"), ["prevent"]))
+          onClick: a[1] || (a[1] = Z((n) => e.$emit("clear"), ["prevent"]))
         })) : A("", !0)
       ]))
     ]));
@@ -613,7 +613,7 @@ const Le = /* @__PURE__ */ pe(Fl, [["__scopeId", "data-v-4c802181"]]), Hl = /* @
   },
   emits: ["update:date"],
   setup(t, { expose: o, emit: l }) {
-    const e = t, s = _({
+    const e = t, a = _({
       get() {
         let b = null;
         return e.type === "time" ? b = e.date === null ? "00:00" : e.date : e.date !== null && (b = ke.fromISO(e.date, {
@@ -621,10 +621,10 @@ const Le = /* @__PURE__ */ pe(Fl, [["__scopeId", "data-v-4c802181"]]), Hl = /* @
         }).toJSDate()), b;
       },
       set(b) {
-        let a = null;
-        e.type === "time" ? a = b : b !== null && (a = ke.fromJSDate(b, {
+        let s = null;
+        e.type === "time" ? s = b : b !== null && (s = ke.fromJSDate(b, {
           zone: e.timeZone
-        }).setZone(e.timeZone).toISO()), l("update:date", a);
+        }).setZone(e.timeZone).toISO()), l("update:date", s);
       }
     }), { locale: n, t: i } = ne(), u = _(() => {
       let b;
@@ -647,7 +647,7 @@ const Le = /* @__PURE__ */ pe(Fl, [["__scopeId", "data-v-4c802181"]]), Hl = /* @
     });
     function d() {
       let b = ke.now().set({ second: 0, millisecond: 0 }).setZone(e.timeZone);
-      e.type === "date" && (b = b.set({ hour: 0, minute: 0 }).setZone(e.timeZone)), s.value = b.toJSDate();
+      e.type === "date" && (b = b.set({ hour: 0, minute: 0 }).setZone(e.timeZone)), a.value = b.toJSDate();
     }
     const m = q(null);
     return o({
@@ -655,10 +655,10 @@ const Le = /* @__PURE__ */ pe(Fl, [["__scopeId", "data-v-4c802181"]]), Hl = /* @
         var b;
         (b = m.value) == null || b.focus();
       }
-    }), (b, a) => b.type === "time" ? (c(), B(p(Me), {
+    }), (b, s) => b.type === "time" ? (c(), B(p(Me), {
       key: 0,
-      modelValue: s.value,
-      "onUpdate:modelValue": a[1] || (a[1] = (w) => s.value = w),
+      modelValue: a.value,
+      "onUpdate:modelValue": s[1] || (s[1] = (w) => a.value = w),
       modelModifiers: { string: !0 },
       locale: p(n),
       is24hr: p(n) !== "en-US",
@@ -680,15 +680,15 @@ const Le = /* @__PURE__ */ pe(Fl, [["__scopeId", "data-v-4c802181"]]), Hl = /* @
           placeholder: u.value,
           required: b.required,
           disabled: b.disabled,
-          onClear: a[0] || (a[0] = (T) => s.value = null),
+          onClear: s[0] || (s[0] = (T) => a.value = null),
           onReset: d
         }), null, 16, ["date", "events", "type", "placeholder", "required", "disabled"])
       ]),
       _: 1
     }, 8, ["modelValue", "locale", "is24hr", "mode", "is-required", "masks", "popover"])) : (c(), B(p(Me), {
       key: 1,
-      modelValue: s.value,
-      "onUpdate:modelValue": a[3] || (a[3] = (w) => s.value = w),
+      modelValue: a.value,
+      "onUpdate:modelValue": s[3] || (s[3] = (w) => a.value = w),
       locale: p(n),
       is24hr: p(n) !== "en-US",
       timezone: b.timeZone,
@@ -711,7 +711,7 @@ const Le = /* @__PURE__ */ pe(Fl, [["__scopeId", "data-v-4c802181"]]), Hl = /* @
           placeholder: u.value,
           required: b.required,
           disabled: b.disabled,
-          onClear: a[2] || (a[2] = (T) => s.value = null),
+          onClear: s[2] || (s[2] = (T) => a.value = null),
           onReset: d
         }), null, 16, ["date", "events", "type", "placeholder", "required", "disabled"])
       ]),
@@ -736,7 +736,7 @@ function xl(t) {
       from: "@iconify/vue"
     };
 }
-function Is() {
+function Ia() {
   return xl;
 }
 const Gl = [
@@ -777,13 +777,13 @@ const Gl = [
     "update:value": null
   },
   setup(t, { expose: o, emit: l }) {
-    const e = t, { n: s, t: n } = ne(), { debounce: i } = il(), u = q(e.value), r = q(), d = _({
+    const e = t, { n: a, t: n } = ne(), { debounce: i } = il(), u = q(e.value), r = q(), d = _({
       get: () => e.value,
       set: (h) => l("update:value", h)
     }), m = _(() => e.disabled ? "rgba(153, 153, 153, 0.8)" : "#9acd32"), b = _(() => {
       let h = (d.value - e.min) / (e.max - e.min) * 100;
       return h < 35 && h > 0 ? h < 20 ? h += 0.5 : h += 0.25 : h > 65 && h < 100 && (h > 80 ? h -= 0.5 : h -= 0.25), h;
-    }), a = _(() => e.min <= e.max && e.step > 0);
+    }), s = _(() => e.min <= e.max && e.step > 0);
     function w(h, T) {
       const g = (h == null ? void 0 : h.value) ?? "", E = Math.max(Math.min(parseFloat(g) || e.min, e.max), e.min);
       d.value = e.enforceStep ? Math.ceil(E / e.step) * e.step : E, ye(() => T());
@@ -793,12 +793,12 @@ const Gl = [
         var h;
         (h = r.value) == null || h.focus();
       }
-    }), (h, T) => a.value ? (c(), y("div", oe(re({ key: 0 }, h.$attrs)), [
+    }), (h, T) => s.value ? (c(), y("div", oe(re({ key: 0 }, h.$attrs)), [
       M(f("div", { class: "cl-bg-transparent cl-relative cl-text-center cl-text-sm" }, O(d.value), 513), [
         [V, !h.showNumericInput]
       ]),
       f("div", Zl, [
-        M(k(p(ae), {
+        M(k(p(se), {
           modelValue: u.value,
           "onUpdate:modelValue": T[0] || (T[0] = (g) => u.value = g),
           class: "!cl-text-sm md:!cl-w-auto",
@@ -812,7 +812,7 @@ const Gl = [
           [V, h.showNumericInput]
         ]),
         f("div", Wl, [
-          f("span", Kl, O(p(s)(h.min, Number.isInteger(h.min) ? p(K).INTEGER : p(K).DECIMAL)), 1),
+          f("span", Kl, O(p(a)(h.min, Number.isInteger(h.min) ? p(K).INTEGER : p(K).DECIMAL)), 1),
           typeof d.value == "number" ? (c(), y("div", Ql, [
             M(f("input", {
               ref_key: "sliderRef",
@@ -836,7 +836,7 @@ const Gl = [
               ]
             ])
           ])) : A("", !0),
-          f("span", Yl, O(p(s)(h.max, Number.isInteger(h.max) ? p(K).INTEGER : p(K).DECIMAL)), 1)
+          f("span", Yl, O(p(a)(h.max, Number.isInteger(h.max) ? p(K).INTEGER : p(K).DECIMAL)), 1)
         ])
       ])
     ], 16)) : (c(), y("div", Xl, O(p(n)("slider.invalidProps")), 1));
@@ -900,7 +900,7 @@ function Fe(t, o) {
   const l = t.target;
   return tt(o) ? l.valueAsNumber : we(o) ? l.checked : l.value;
 }
-const nt = { class: "cl-flex cl-justify-between" }, st = { class: "cl-w-full" }, at = {
+const nt = { class: "cl-flex cl-justify-between" }, at = { class: "cl-w-full" }, st = {
   key: 0,
   class: "cl-block cl-left-auto cl-relative cl-text-danger-default"
 }, rt = {
@@ -949,13 +949,13 @@ const nt = { class: "cl-flex cl-justify-between" }, st = { class: "cl-w-full" },
   },
   emits: ["update:model-value", "click", "focus", "input", "change", "validated"],
   setup(t, { expose: o, emit: l }) {
-    const e = t, s = q(null), n = q(!1), i = q(!1), u = _(te), r = _(() => e.placeholderText.trim() !== "" ? e.placeholderText : e.label), d = q(0), m = _({
+    const e = t, a = q(null), n = q(!1), i = q(!1), u = _(te), r = _(() => e.placeholderText.trim() !== "" ? e.placeholderText : e.label), d = q(0), m = _({
       get: () => e.modelValue,
       set: (v) => $(v, !1)
     }), b = _({
       get: () => e.modelValue,
-      set: (v) => se(v)
-    }), a = _(() => typeof e.min == "number" ? e.min.toString() : e.min), w = _(() => typeof e.max == "number" ? e.max.toString() : e.max), h = _(() => typeof e.min == "number" || e.min === null ? e.min : parseFloat(e.min)), T = _(() => typeof e.max == "number" || e.max === null ? e.max : parseFloat(e.max)), g = _(() => e.messageWhenValid.trim() !== "" ? e.messageWhenValid : ""), E = q(!0), R = q([]), H = _(() => {
+      set: (v) => ae(v)
+    }), s = _(() => typeof e.min == "number" ? e.min.toString() : e.min), w = _(() => typeof e.max == "number" ? e.max.toString() : e.max), h = _(() => typeof e.min == "number" || e.min === null ? e.min : parseFloat(e.min)), T = _(() => typeof e.max == "number" || e.max === null ? e.max : parseFloat(e.max)), g = _(() => e.messageWhenValid.trim() !== "" ? e.messageWhenValid : ""), E = q(!0), R = q([]), H = _(() => {
       var v, S;
       return [
         ...((v = R.value) == null ? void 0 : v.filter((U) => ((U == null ? void 0 : U.length) ?? 0) > 0)) ?? [],
@@ -963,7 +963,7 @@ const nt = { class: "cl-flex cl-justify-between" }, st = { class: "cl-w-full" },
       ].join(`
 `);
     });
-    async function se(v) {
+    async function ae(v) {
       e.validateOn === "input" && await P(v), l("update:model-value", v);
     }
     async function $(v, S) {
@@ -993,21 +993,21 @@ const nt = { class: "cl-flex cl-justify-between" }, st = { class: "cl-w-full" },
       we(e.inputType) ? (v.preventDefault(), l("click", v)) : e.inputType === "checkbox" && l("click", v);
     }
     function ve(v) {
-      if (s.value) {
-        s.value.stepUp(), s.value.focus(), $(s.value.valueAsNumber, !1);
+      if (a.value) {
+        a.value.stepUp(), a.value.focus(), $(a.value.valueAsNumber, !1);
         const S = {
-          target: s.value
+          target: a.value
         };
-        l("input", S, s.value.valueAsNumber), l("change", v, s.value.valueAsNumber);
+        l("input", S, a.value.valueAsNumber), l("change", v, a.value.valueAsNumber);
       }
     }
     function Ne(v) {
-      if (s.value) {
-        s.value.stepDown(), s.value.focus(), $(s.value.valueAsNumber, !1);
+      if (a.value) {
+        a.value.stepDown(), a.value.focus(), $(a.value.valueAsNumber, !1);
         const S = {
-          target: s.value
+          target: a.value
         };
-        l("input", S, s.value.valueAsNumber), l("change", v, s.value.valueAsNumber);
+        l("input", S, a.value.valueAsNumber), l("change", v, a.value.valueAsNumber);
       }
     }
     function be(v) {
@@ -1036,14 +1036,14 @@ const nt = { class: "cl-flex cl-justify-between" }, st = { class: "cl-w-full" },
       e.validateImmediately && $(e.modelValue, !0);
     }), W(() => e.isRequired, () => $(e.modelValue, !0)), W(() => e.externalErrors, async () => {
       await P(m.value), l("update:model-value", m.value);
-    }), o({
+    }), W(() => e.modelValue, () => $(e.modelValue, !0)), o({
       focus() {
         var v;
-        (v = s.value) == null || v.focus();
+        (v = a.value) == null || v.focus();
       },
       blur() {
         var v;
-        (v = s.value) == null || v.blur();
+        (v = a.value) == null || v.blur();
       }
     }), (v, S) => (c(), y("div", {
       key: d.value,
@@ -1054,18 +1054,18 @@ const nt = { class: "cl-flex cl-justify-between" }, st = { class: "cl-w-full" },
         onMouseleave: S[12] || (S[12] = (U) => be(!1))
       }, [
         f("div", nt, [
-          f("div", st, [
+          f("div", at, [
             M(f("label", { class: "cl-block cl-mb-1 cl-text-grey-4 cl-text-xs cl-tracking-widest" }, O(v.label), 513), [
               [V, v.showLabel && v.label !== ""]
             ])
           ]),
-          v.isRequired && u.value ? (c(), y("label", at, " * ")) : A("", !0),
+          v.isRequired && u.value ? (c(), y("label", st, " * ")) : A("", !0),
           v.isRequired && !u.value && v.requiredText.length ? (c(), y("label", rt, O(v.requiredText), 1)) : A("", !0)
         ]),
         v.inputType !== "range" && !p(Pe)(v.inputType) ? (c(), y("div", ct, [
           M(f("input", re({
             ref_key: "inputElement",
-            ref: s,
+            ref: a,
             "onUpdate:modelValue": S[0] || (S[0] = (U) => m.value = U)
           }, v.$attrs, {
             class: ["!cl-mb-1 cl-block cl-border cl-duration-300 cl-h-full cl-transition cl-w-full focus:cl-outline-none", {
@@ -1131,7 +1131,7 @@ const nt = { class: "cl-flex cl-justify-between" }, st = { class: "cl-w-full" },
           })
         ])) : p(Pe)(v.inputType) ? (c(), B(p(Hl), re({ key: 1 }, v.$attrs, {
           ref_key: "inputElement",
-          ref: s,
+          ref: a,
           date: b.value,
           "onUpdate:date": S[7] || (S[7] = (U) => b.value = U),
           class: ["cl-block cl-duration-300 cl-h-fit cl-mb-1 cl-rounded-lg cl-text-sm cl-transition cl-w-full focus:cl-outline-none", {
@@ -1143,7 +1143,7 @@ const nt = { class: "cl-flex cl-justify-between" }, st = { class: "cl-w-full" },
           required: v.isRequired,
           type: p(ot)(v.inputType),
           "time-zone": v.timeZone,
-          min: a.value,
+          min: s.value,
           max: w.value,
           placeholder: r.value,
           onBlur: Z(ge, ["self"]),
@@ -1151,7 +1151,7 @@ const nt = { class: "cl-flex cl-justify-between" }, st = { class: "cl-w-full" },
         }), null, 16, ["date", "class", "disabled", "required", "type", "time-zone", "min", "max", "placeholder", "onBlur"])) : v.inputType === "range" && typeof m.value == "number" ? (c(), y("div", dt, [
           k(p(lt), {
             ref_key: "inputElement",
-            ref: s,
+            ref: a,
             value: m.value,
             "onUpdate:value": S[9] || (S[9] = (U) => m.value = U),
             min: h.value ?? 0,
@@ -1169,7 +1169,7 @@ const nt = { class: "cl-flex cl-justify-between" }, st = { class: "cl-w-full" },
     ]));
   }
 });
-const ae = /* @__PURE__ */ pe(mt, [["__scopeId", "data-v-de22c826"]]), gt = { class: "cl-align-items-center cl-bg-black cl-bg-opacity-40 cl-bottom-0 cl-fixed cl-flex cl-h-screen cl-justify-center cl-left-0 cl-right-0 cl-top-0 cl-w-full cl-z-40" }, vt = ["onKeypress"], bt = { class: "cl-overflow-y-auto cl-overscroll-y-none cl-p-2 cl-w-full" }, Ye = /* @__PURE__ */ z({
+const se = /* @__PURE__ */ pe(mt, [["__scopeId", "data-v-d8904ca5"]]), gt = { class: "cl-align-items-center cl-bg-black cl-bg-opacity-40 cl-bottom-0 cl-fixed cl-flex cl-h-screen cl-justify-center cl-left-0 cl-right-0 cl-top-0 cl-w-full cl-z-40" }, vt = ["onKeypress"], bt = { class: "cl-overflow-y-auto cl-overscroll-y-none cl-p-2 cl-w-full" }, Ye = /* @__PURE__ */ z({
   inheritAttrs: !1,
   __name: "cl-ui-modal",
   props: {
@@ -1182,11 +1182,11 @@ const ae = /* @__PURE__ */ pe(mt, [["__scopeId", "data-v-de22c826"]]), gt = { cl
     function e() {
       l.value = !0, document.addEventListener("keydown", n);
     }
-    function s() {
+    function a() {
       o.preventClose || (l.value = !1, document.removeEventListener("keydown", n));
     }
     function n(i) {
-      i.key === "Escape" && s();
+      i.key === "Escape" && a();
     }
     return (i, u) => (c(), y(L, null, [
       N(i.$slots, "trigger", oe(ce({ open: e }))),
@@ -1208,8 +1208,8 @@ const ae = /* @__PURE__ */ pe(mt, [["__scopeId", "data-v-de22c826"]]), gt = { cl
                     "cl-text-black hover:cl-text-grey-7": i.headerColour === "white"
                   }]),
                   tabindex: 0,
-                  onKeypress: $e(s, ["enter"]),
-                  onClick: s
+                  onKeypress: $e(a, ["enter"]),
+                  onClick: a
                 }, [
                   k(p(I), { icon: "ph:x" })
                 ], 42, vt), [
@@ -1225,9 +1225,9 @@ const ae = /* @__PURE__ */ pe(mt, [["__scopeId", "data-v-de22c826"]]), gt = { cl
                   N(i.$slots, "title")
                 ], 2),
                 f("div", bt, [
-                  N(i.$slots, "default", oe(ce({ close: s })))
+                  N(i.$slots, "default", oe(ce({ close: a })))
                 ]),
-                N(i.$slots, "footer", oe(ce({ close: s })))
+                N(i.$slots, "footer", oe(ce({ close: a })))
               ], 16)
             ], 512), [
               [V, l.value]
@@ -1294,7 +1294,7 @@ const ae = /* @__PURE__ */ pe(mt, [["__scopeId", "data-v-de22c826"]]), gt = { cl
     const l = t, e = _(() => {
       var d;
       return ((d = l.option) == null ? void 0 : d.name) ?? l.text;
-    }), s = _(() => {
+    }), a = _(() => {
       var d;
       return ((d = l.option) == null ? void 0 : d.parentName) ?? "";
     }), n = q(!1);
@@ -1309,7 +1309,7 @@ const ae = /* @__PURE__ */ pe(mt, [["__scopeId", "data-v-de22c826"]]), gt = { cl
       l.selectedIndex === l.index ? n.value = !0 : n.value = !1;
     }
     return W(() => l.selectedIndex, () => r()), (d, m) => {
-      var b, a;
+      var b, s;
       return c(), y("div", {
         class: j(["cl-cursor-pointer cl-duration-75 cl-flex cl-p-1 cl-text-left cl-transition-colors", {
           "cl-bg-white": n.value === !1,
@@ -1320,11 +1320,11 @@ const ae = /* @__PURE__ */ pe(mt, [["__scopeId", "data-v-de22c826"]]), gt = { cl
         onMousemove: m[0] || (m[0] = (w) => u(!0)),
         onMouseleave: m[1] || (m[1] = (w) => u(!1))
       }, [
-        d.option !== null && ((b = d.option) == null ? void 0 : b.parentId) !== 0 && ((a = d.option) == null ? void 0 : a.parentId) !== void 0 ? (c(), y("div", wt, O(s.value), 1)) : A("", !0),
+        d.option !== null && ((b = d.option) == null ? void 0 : b.parentId) !== 0 && ((s = d.option) == null ? void 0 : s.parentId) !== void 0 ? (c(), y("div", wt, O(a.value), 1)) : A("", !0),
         f("div", {
           class: j({
-            "cl-w-1/2": s.value !== "",
-            "cl-w-full": s.value === ""
+            "cl-w-1/2": a.value !== "",
+            "cl-w-full": a.value === ""
           })
         }, O(e.value), 3),
         M(f("div", $t, [
@@ -1362,21 +1362,21 @@ const ae = /* @__PURE__ */ pe(mt, [["__scopeId", "data-v-de22c826"]]), gt = { cl
     "hide-dropdown": null
   },
   setup(t, { emit: o }) {
-    const l = t, { t: e } = ne(), s = q(""), n = q(!1), i = q(-1), u = _(() => n.value ? -1 : 0), r = q();
+    const l = t, { t: e } = ne(), a = q(""), n = q(!1), i = q(-1), u = _(() => n.value ? -1 : 0), r = q();
     function d($) {
-      ($ === void 0 || ($ == null ? void 0 : $.code.startsWith("Arrow")) === !1 && ($ == null ? void 0 : $.code.startsWith("Control")) === !1 && ($ == null ? void 0 : $.code.startsWith("Shift")) === !1 && ($ == null ? void 0 : $.code.startsWith("Tab")) === !1 && ($ == null ? void 0 : $.code) !== "Enter") && (o("search", s.value), i.value = -2);
+      ($ === void 0 || ($ == null ? void 0 : $.code.startsWith("Arrow")) === !1 && ($ == null ? void 0 : $.code.startsWith("Control")) === !1 && ($ == null ? void 0 : $.code.startsWith("Shift")) === !1 && ($ == null ? void 0 : $.code.startsWith("Tab")) === !1 && ($ == null ? void 0 : $.code) !== "Enter") && (o("search", a.value), i.value = -2);
     }
     function m($) {
       o("select-object", $);
     }
     function b() {
-      o("create-object", s.value), a();
+      o("create-object", a.value), s();
     }
-    function a() {
+    function s() {
       o("hide-dropdown");
     }
     function w($) {
-      i.value < l.results.length - 1 ? (i.value === -2 && s.value === "" && i.value++, i.value++) : i.value = $, E();
+      i.value < l.results.length - 1 ? (i.value === -2 && a.value === "" && i.value++, i.value++) : i.value = $, E();
     }
     function h($) {
       i.value > $ ? i.value-- : i.value = l.results.length - 1, E();
@@ -1390,7 +1390,7 @@ const ae = /* @__PURE__ */ pe(mt, [["__scopeId", "data-v-de22c826"]]), gt = { cl
         let le = -1;
         for (let X = 0; X < P.length; X++)
           P[X] === $.target && (le = X - 1);
-        le >= 0 && (P[le].focus(), a());
+        le >= 0 && (P[le].focus(), s());
       }
     }
     function E() {
@@ -1399,18 +1399,18 @@ const ae = /* @__PURE__ */ pe(mt, [["__scopeId", "data-v-de22c826"]]), gt = { cl
     }
     function R() {
       let $ = !1;
-      l.results !== null && l.results.length === 1 && ($ = s.value.toUpperCase().trim() === l.results[0].name.toUpperCase().trim()), n.value = l.canCreateNewObject === !0 && l.errorMessage === "" && s.value.trim() !== "" && $ === !1;
+      l.results !== null && l.results.length === 1 && ($ = a.value.toUpperCase().trim() === l.results[0].name.toUpperCase().trim()), n.value = l.canCreateNewObject === !0 && l.errorMessage === "" && a.value.trim() !== "" && $ === !1;
     }
     function H($) {
       i.value = $;
     }
-    function se() {
-      l.isVisible === !0 && (s.value = "", d(), ye(() => {
+    function ae() {
+      l.isVisible === !0 && (a.value = "", d(), ye(() => {
         var $, P;
         return (P = ($ = r.value) == null ? void 0 : $.querySelector("input")) == null ? void 0 : P.focus();
       }));
     }
-    return W(() => l.results, () => R()), W(() => l.errorMessage, () => R()), W(() => l.isVisible, () => se()), Ae(() => {
+    return W(() => l.results, () => R()), W(() => l.errorMessage, () => R()), W(() => l.isVisible, () => ae()), Ae(() => {
       var $;
       return ($ = r.value) == null ? void 0 : $.addEventListener("keydown", g);
     }), Ie(() => {
@@ -1429,14 +1429,14 @@ const ae = /* @__PURE__ */ pe(mt, [["__scopeId", "data-v-de22c826"]]), gt = { cl
         onKeyup: $e(Z(T, ["prevent", "stop"]), ["enter"])
       }, [
         f("div", Ct, [
-          k(ae, {
-            modelValue: s.value,
-            "onUpdate:modelValue": P[0] || (P[0] = (X) => s.value = X),
+          k(se, {
+            modelValue: a.value,
+            "onUpdate:modelValue": P[0] || (P[0] = (X) => a.value = X),
             class: "!cl-mr-0 cl-w-full",
             "input-type": "text",
             "placeholder-text": p(e)("comboBox.searchHint", { object: $.objectType }),
             onKeyup: d,
-            onBlur: a
+            onBlur: s
           }, null, 8, ["modelValue", "placeholder-text"]),
           M(k(Se, { class: "cl-absolute cl-ml-2 cl-mt-11" }, null, 512), [
             [V, $.loading]
@@ -1454,9 +1454,9 @@ const ae = /* @__PURE__ */ pe(mt, [["__scopeId", "data-v-de22c826"]]), gt = { cl
           "additional-text": $.objectParentType,
           class: "cl-bg-grey-2 cl-mt-1"
         }, null, 8, ["text", "additional-text"])) : A("", !0),
-        $.results !== null && ((le = $.results) == null ? void 0 : le.length) === 0 && s.value.trim() !== "" && $.canCreateNewObject === !1 && $.errorMessage === "" ? (c(), B(Te, {
+        $.results !== null && ((le = $.results) == null ? void 0 : le.length) === 0 && a.value.trim() !== "" && $.canCreateNewObject === !1 && $.errorMessage === "" ? (c(), B(Te, {
           key: 2,
-          text: p(e)("comboBox.noResults", { value: s.value })
+          text: p(e)("comboBox.noResults", { value: a.value })
         }, null, 8, ["text"])) : A("", !0),
         $.errorMessage !== "" ? (c(), B(Te, {
           key: 3,
@@ -1466,7 +1466,7 @@ const ae = /* @__PURE__ */ pe(mt, [["__scopeId", "data-v-de22c826"]]), gt = { cl
         n.value ? (c(), B(He, {
           key: 4,
           "is-create-new-option": !0,
-          text: p(e)("comboBox.addPrompt", { value: s.value, object: $.objectType }),
+          text: p(e)("comboBox.addPrompt", { value: a.value, object: $.objectType }),
           index: -1,
           "selected-index": i.value,
           class: "cl-px-2",
@@ -1513,10 +1513,10 @@ const ae = /* @__PURE__ */ pe(mt, [["__scopeId", "data-v-de22c826"]]), gt = { cl
     "update:current-object": null
   },
   setup(t, { expose: o, emit: l }) {
-    const e = t, { t: s } = ne(), n = q(!1), i = _({
+    const e = t, { t: a } = ne(), n = q(!1), i = _({
       get: () => e.currentObject,
       set: (C) => l("update:current-object", C)
-    }), u = q(null), r = q(null), d = _(() => Ne()), m = q(""), b = q(""), a = q(), w = q(!0), h = q(!1);
+    }), u = q(null), r = q(null), d = _(() => Ne()), m = q(""), b = q(""), s = q(), w = q(!0), h = q(!1);
     function T(C) {
       var te, G;
       const F = ((te = ge.value) == null ? void 0 : te.getBoundingClientRect().top) || 0;
@@ -1532,10 +1532,10 @@ const ae = /* @__PURE__ */ pe(mt, [["__scopeId", "data-v-de22c826"]]), gt = { cl
       i.value = null, T(!1);
     }
     function H(C) {
-      const F = se(C);
+      const F = ae(C);
       i.value = F, T(!1);
     }
-    function se(C) {
+    function ae(C) {
       let F = null;
       if (e.results !== null) {
         for (let te = 0; te < e.results.length; te++)
@@ -1548,21 +1548,21 @@ const ae = /* @__PURE__ */ pe(mt, [["__scopeId", "data-v-de22c826"]]), gt = { cl
     }
     function $() {
       var C;
-      a.value = {
+      s.value = {
         name: m.value,
         parentId: ((C = r.value) == null ? void 0 : C.id) ?? 0
-      }, l("create-object", a.value);
+      }, l("create-object", s.value);
     }
     function P() {
-      a.value = {
+      s.value = {
         name: b.value,
         parentId: 0
-      }, l("create-parent-object", a.value);
+      }, l("create-parent-object", s.value);
     }
     function le() {
       var C, F;
       (C = e.objectCreatedResponse) != null && C.error ? De({
-        message: s("comboBox.createFailed", { name: m.value, error: e.objectCreatedResponse.error }),
+        message: a("comboBox.createFailed", { name: m.value, error: e.objectCreatedResponse.error }),
         colour: "danger",
         duration: 1e4
       }) : (F = e.objectCreatedResponse) != null && F.id && ve();
@@ -1577,7 +1577,7 @@ const ae = /* @__PURE__ */ pe(mt, [["__scopeId", "data-v-de22c826"]]), gt = { cl
     function ve() {
       var F, te, G, v, S;
       De({
-        message: s("comboBox.createSuccessful", { object: e.objectType, name: ((F = e.objectCreatedResponse) == null ? void 0 : F.name) ?? "" }),
+        message: a("comboBox.createSuccessful", { object: e.objectType, name: ((F = e.objectCreatedResponse) == null ? void 0 : F.name) ?? "" }),
         colour: "primary",
         duration: 1e4
       });
@@ -1612,7 +1612,7 @@ const ae = /* @__PURE__ */ pe(mt, [["__scopeId", "data-v-de22c826"]]), gt = { cl
         class: "cl-relative"
       }, [
         f("div", Ot, [
-          k(ae, {
+          k(se, {
             ref_key: "inputRef",
             ref: u,
             modelValue: d.value,
@@ -1621,14 +1621,14 @@ const ae = /* @__PURE__ */ pe(mt, [["__scopeId", "data-v-de22c826"]]), gt = { cl
               "cl-cursor-pointer": C.disabled === !1
             }]),
             "input-type": "text",
-            "placeholder-text": p(s)("comboBox.emptyHintText", { object: C.objectType }),
+            "placeholder-text": p(a)("comboBox.emptyHintText", { object: C.objectType }),
             onFocus: F[1] || (F[1] = (G) => {
               T(), C.$emit("focus");
             })
           }, null, 8, ["modelValue", "class", "placeholder-text"]),
           M(f("div", qt, [
             f("div", At, [
-              J(O(p(s)("comboBox.required")) + " ", 1),
+              J(O(p(a)("comboBox.required")) + " ", 1),
               k(p(I), {
                 class: "cl-ml-1 cl-mt-1",
                 icon: "ph:warning"
@@ -1665,7 +1665,7 @@ const ae = /* @__PURE__ */ pe(mt, [["__scopeId", "data-v-de22c826"]]), gt = { cl
         ]),
         k(Ye, { size: "small" }, {
           title: D(() => [
-            J(O(p(s)("comboBox.createTitle", { object: C.objectType })), 1)
+            J(O(p(a)("comboBox.createTitle", { object: C.objectType })), 1)
           ]),
           trigger: D(({ open: G }) => [
             M(k(Et, {
@@ -1698,7 +1698,7 @@ const ae = /* @__PURE__ */ pe(mt, [["__scopeId", "data-v-de22c826"]]), gt = { cl
                 onClick: G
               }, {
                 default: D(() => [
-                  J(O(p(s)("comboBox.cancel")), 1)
+                  J(O(p(a)("comboBox.cancel")), 1)
                 ]),
                 _: 2
               }, 1032, ["onClick"]),
@@ -1711,7 +1711,7 @@ const ae = /* @__PURE__ */ pe(mt, [["__scopeId", "data-v-de22c826"]]), gt = { cl
                 }
               }, {
                 default: D(() => [
-                  J(O(p(s)("comboBox.create")), 1)
+                  J(O(p(a)("comboBox.create")), 1)
                 ]),
                 _: 2
               }, 1032, ["disabled", "onClick"])
@@ -1734,10 +1734,10 @@ const ae = /* @__PURE__ */ pe(mt, [["__scopeId", "data-v-de22c826"]]), gt = { cl
                 onSearch: E,
                 onCreateObject: P
               }, null, 8, ["current-object", "results", "loading", "object-type", "object-created-response", "can-create-new-object", "can-clear-selected-object", "error-message"])) : A("", !0),
-              k(ae, {
+              k(se, {
                 modelValue: m.value,
                 "onUpdate:modelValue": F[5] || (F[5] = (G) => m.value = G),
-                label: p(s)("comboBox.createProperty"),
+                label: p(a)("comboBox.createProperty"),
                 class: "cl-mb-2 cl-pt-3 cl-w-full",
                 "input-type": "text"
               }, null, 8, ["modelValue", "label"])
@@ -1806,11 +1806,11 @@ const Pt = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, Ft = { class: "cl-gap-1
         f("strong", null, O(p(o)("grid.gridTools")), 1)
       ]),
       f("div", Ft, [
-        l.columns.some((s) => s.editable) ? (c(), B(fe, {
+        l.columns.some((a) => a.editable) ? (c(), B(fe, {
           key: 0,
           size: "small",
           colour: "default",
-          onClick: e[0] || (e[0] = Z((s) => l.$emit("update:edit-mode", !l.editMode), ["prevent"]))
+          onClick: e[0] || (e[0] = Z((a) => l.$emit("update:edit-mode", !l.editMode), ["prevent"]))
         }, {
           default: D(() => [
             l.editMode ? (c(), y(L, { key: 0 }, [
@@ -1824,12 +1824,12 @@ const Pt = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, Ft = { class: "cl-gap-1
         l.options.hideViewManager ? A("", !0) : (c(), y("div", Ht, [
           N(l.$slots, "view-manager")
         ])),
-        l.columns.some((s) => p(Ue)(s) || p(Oe)(s)) ? (c(), y(L, { key: 2 }, [
+        l.columns.some((a) => p(Ue)(a) || p(Oe)(a)) ? (c(), y(L, { key: 2 }, [
           f("div", xt, [
             k(fe, {
               class: "cl-w-full",
               size: "small",
-              onClick: e[1] || (e[1] = Z((s) => l.$emit("update:filterPanelOpen", !l.filterPanelOpen), ["prevent"]))
+              onClick: e[1] || (e[1] = Z((a) => l.$emit("update:filterPanelOpen", !l.filterPanelOpen), ["prevent"]))
             }, {
               default: D(() => [
                 J(O(p(o)("grid.modifyFilters")), 1)
@@ -1839,11 +1839,11 @@ const Pt = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, Ft = { class: "cl-gap-1
           ]),
           k(fe, {
             size: "small",
-            colour: l.request.filters.some((s) => s.filterValue !== "") ? "danger" : "default",
+            colour: l.request.filters.some((a) => a.filterValue !== "") ? "danger" : "default",
             class: j({
-              "cl-col-span-2": l.columns.some((s) => s.editable)
+              "cl-col-span-2": l.columns.some((a) => a.editable)
             }),
-            onClick: e[2] || (e[2] = Z((s) => l.$emit("clear-filters"), ["prevent"]))
+            onClick: e[2] || (e[2] = Z((a) => l.$emit("clear-filters"), ["prevent"]))
           }, {
             default: D(() => [
               J(O(p(o)("grid.clearFilters")), 1)
@@ -1872,7 +1872,7 @@ const Pt = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, Ft = { class: "cl-gap-1
   },
   setup(t) {
     const o = t, { locale: l, n: e } = ne();
-    function s(n, i) {
+    function a(n, i) {
       const u = ke.fromISO(n, {
         locale: l.value
       }).setZone(o.timeZone);
@@ -1898,18 +1898,18 @@ const Pt = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, Ft = { class: "cl-gap-1
       }
       return r;
     }
-    return (n, i) => n.column.type === "slot" ? N(n.$slots, n.column.name, { key: 0 }) : n.column.type === "boolean" && n.column.field !== void 0 ? (c(), B(ae, {
+    return (n, i) => n.column.type === "slot" ? N(n.$slots, n.column.name, { key: 0 }) : n.column.type === "boolean" && n.column.field !== void 0 ? (c(), B(se, {
       key: 1,
       "input-type": "checkbox",
       "model-value": n.data[n.column.field],
       disabled: !0
     }, null, 8, ["model-value"])) : (n.column.type === "date" || n.column.type === "datetime") && n.column.field !== void 0 ? (c(), y(L, { key: 2 }, [
       n.column.format !== void 0 ? (c(), y(L, { key: 0 }, [
-        J(O(s(n.data[n.column.field], n.column.format)), 1)
+        J(O(a(n.data[n.column.field], n.column.format)), 1)
       ], 64)) : n.column.type === "date" ? (c(), y(L, { key: 1 }, [
-        J(O(s(n.data[n.column.field], p(x).DATE)), 1)
+        J(O(a(n.data[n.column.field], p(x).DATE)), 1)
       ], 64)) : (c(), y(L, { key: 2 }, [
-        J(O(s(n.data[n.column.field], p(x).DATETIME)), 1)
+        J(O(a(n.data[n.column.field], p(x).DATETIME)), 1)
       ], 64))
     ], 64)) : n.column.type === "number" && n.column.field !== void 0 ? (c(), y("span", Zt, O(p(e)(n.data[n.column.field], n.column.format ?? p(K).DECIMAL)), 1)) : n.column.field !== void 0 ? (c(), y(L, { key: 4 }, [
       n.column.maxLength !== void 0 ? (c(), y("span", Wt, O(n.data[n.column.field].trimToLength(n.column.maxLength, n.column.format !== void 0 ? n.column.format === "ellipsis" : !1)), 1)) : (c(), y("span", Kt, O(n.data[n.column.field]), 1))
@@ -1925,22 +1925,22 @@ const Pt = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, Ft = { class: "cl-gap-1
   },
   emits: ["edit", "focus", "undo"],
   setup(t, { emit: o }) {
-    const l = t, e = q(ie(l.data)), s = _(() => l.column.field !== void 0 && e.value[l.column.field] !== l.data[l.column.field]);
-    return sl(() => e.value = ie(l.data)), W(e, (n) => {
+    const l = t, e = q(ie(l.data)), a = _(() => l.column.field !== void 0 && e.value[l.column.field] !== l.data[l.column.field]);
+    return al(() => e.value = ie(l.data)), W(e, (n) => {
       const i = l.column.field ?? "";
       i !== "" && (n[i] !== l.data[i] ? o("edit", n[i]) : o("undo"));
     }, {
       deep: !0
     }), (n, i) => (c(), y("td", {
       class: j(["cl-border-b cl-border-grey-1 cl-gap-1 cl-grid cl-grid-cols-2 cl-m-1 cl-mb-0 cl-py-2 cl-text-xs lg:cl-border-b-0 lg:cl-m-0 lg:cl-px-1 lg:cl-table-cell lg:cl-text-base", {
-        "cl-bg-link-lighter": s.value
+        "cl-bg-link-lighter": a.value
       }])
     }, [
       f("span", Qt, O(n.column.caption), 1),
       n.editMode && n.column.editable === !0 ? N(n.$slots, `${n.column.name}Edit`, oe(re({ key: 0 }, {
         cellFocused: () => o("focus"),
         column: n.column,
-        edited: s.value,
+        edited: a.value,
         record: e.value
       })), () => [
         k(xe, {
@@ -1977,8 +1977,8 @@ const Pt = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, Ft = { class: "cl-gap-1
   emits: ["cell-focus", "cell-edit", "cell-undo", "row-select"],
   setup(t) {
     return (o, l) => (c(), y("tr", null, [
-      (c(!0), y(L, null, Y(o.columns, (e, s) => (c(), B(Jt, {
-        key: s,
+      (c(!0), y(L, null, Y(o.columns, (e, a) => (c(), B(Jt, {
+        key: a,
         data: o.data,
         column: e,
         "time-zone": o.timeZone,
@@ -1999,7 +1999,7 @@ const Pt = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, Ft = { class: "cl-gap-1
 }), Xt = { key: 1 }, eo = ["colspan"], lo = { class: "cl-flex cl-flex-wrap cl-justify-center cl-text-center cl-text-sm cl-w-full" }, to = { class: "cl-mt-6 cl-w-full" }, oo = {
   key: 0,
   class: "cl-mt-4"
-}, no = { class: "cl-mb-2 cl-w-full" }, so = /* @__PURE__ */ z({
+}, no = { class: "cl-mb-2 cl-w-full" }, ao = /* @__PURE__ */ z({
   __name: "cl-ui-grid-body",
   props: {
     columns: {},
@@ -2012,31 +2012,31 @@ const Pt = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, Ft = { class: "cl-gap-1
   },
   emits: ["row-select", "row-edit", "clear-filters"],
   setup(t, { emit: o }) {
-    const l = t, { t: e } = ne(), s = q({
+    const l = t, { t: e } = ne(), a = q({
       index: -1,
       record: {}
     });
     function n() {
-      Object.keys(s.value.record).length !== 0 && (o("row-edit", ie(s.value)), s.value.record = {});
+      Object.keys(a.value.record).length !== 0 && (o("row-edit", ie(a.value)), a.value.record = {});
     }
-    function i(a) {
-      s.value.index !== -1 && s.value.index !== a && n(), s.value.index = a;
+    function i(s) {
+      a.value.index !== -1 && a.value.index !== s && n(), a.value.index = s;
     }
-    function u(a, w) {
-      i(a), w.field !== void 0 && (s.value.record[w.field] = w.value);
+    function u(s, w) {
+      i(s), w.field !== void 0 && (a.value.record[w.field] = w.value);
     }
-    function r(a) {
-      if (a !== void 0) {
-        const { [a]: w, ...h } = s.value.record;
-        s.value.record = {
+    function r(s) {
+      if (s !== void 0) {
+        const { [s]: w, ...h } = a.value.record;
+        a.value.record = {
           ...h
         };
       }
     }
     const d = q({});
     W(() => l.data, () => {
-      var a, w;
-      return d.value = Object.fromEntries(((w = (a = l.data) == null ? void 0 : a.results) == null ? void 0 : w.map((h, T) => [
+      var s, w;
+      return d.value = Object.fromEntries(((w = (s = l.data) == null ? void 0 : s.results) == null ? void 0 : w.map((h, T) => [
         [T],
         {
           count: 0,
@@ -2050,31 +2050,31 @@ const Pt = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, Ft = { class: "cl-gap-1
       deep: !0,
       immediate: !0
     });
-    function m(a, w, h) {
+    function m(s, w, h) {
       const { currentTarget: T } = h;
-      l.selectionEnabled ? o("row-select", w) : (d.value[a].count++, d.value[a].target = T, d.value[a].count > 1 ? (d.value[a].reset.stop(), d.value[a].count = 0, b(T), d.value[a].target = null, o("row-select", w)) : (d.value[a].reset.start(), b(T)));
+      l.selectionEnabled ? o("row-select", w) : (d.value[s].count++, d.value[s].target = T, d.value[s].count > 1 ? (d.value[s].reset.stop(), d.value[s].count = 0, b(T), d.value[s].target = null, o("row-select", w)) : (d.value[s].reset.start(), b(T)));
     }
-    function b(a) {
-      a == null || a.classList.toggle("!cl-bg-link-lighter");
+    function b(s) {
+      s == null || s.classList.toggle("!cl-bg-link-lighter");
     }
     return W(() => l.editMode, () => {
-      l.editMode || (n(), s.value.index = -1);
-    }), (a, w) => {
+      l.editMode || (n(), a.value.index = -1);
+    }), (s, w) => {
       var h;
       return c(), y("tbody", null, [
-        a.data && ((h = a.data.results) != null && h.length) ? (c(!0), y(L, { key: 0 }, Y(a.data.results, (T, g) => (c(), B(Yt, {
+        s.data && ((h = s.data.results) != null && h.length) ? (c(!0), y(L, { key: 0 }, Y(s.data.results, (T, g) => (c(), B(Yt, {
           key: g,
           data: T,
-          columns: a.columns,
-          "time-zone": a.timeZone,
-          "edit-mode": a.editMode,
+          columns: s.columns,
+          "time-zone": s.timeZone,
+          "edit-mode": s.editMode,
           class: j(["cl-bg-opacity-100 cl-cursor-pointer cl-transition-colors", {
-            "cl-bg-white": g % 2 === 0 && a.data.totalRecords > 1,
-            "cl-bg-off-white": g % 2 === 1 || a.data.totalRecords === 1,
-            "cl-cursor-pointer hover:cl-bg-link-lighter": a.selectionEnabled && !a.editMode
+            "cl-bg-white": g % 2 === 0 && s.data.totalRecords > 1,
+            "cl-bg-off-white": g % 2 === 1 || s.data.totalRecords === 1,
+            "cl-cursor-pointer hover:cl-bg-link-lighter": s.selectionEnabled && !s.editMode
           }]),
           onClick: (E) => {
-            a.editMode || m(g, T, E);
+            s.editMode || m(g, T, E);
           },
           onCellFocus: (E) => {
             i(g);
@@ -2084,24 +2084,24 @@ const Pt = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, Ft = { class: "cl-gap-1
           },
           onCellUndo: r
         }, Re({ _: 2 }, [
-          Y(a.$slots, (E, R) => ({
+          Y(s.$slots, (E, R) => ({
             name: R,
             fn: D((H) => [
-              N(a.$slots, R, oe(ce(H)))
+              N(s.$slots, R, oe(ce(H)))
             ])
           }))
-        ]), 1032, ["data", "columns", "time-zone", "edit-mode", "class", "onClick", "onCellFocus", "onCellEdit"]))), 128)) : a.loading ? A("", !0) : (c(), y("tr", Xt, [
+        ]), 1032, ["data", "columns", "time-zone", "edit-mode", "class", "onClick", "onCellFocus", "onCellEdit"]))), 128)) : s.loading ? A("", !0) : (c(), y("tr", Xt, [
           f("td", {
-            colspan: a.columns.length
+            colspan: s.columns.length
           }, [
             f("div", lo, [
               f("strong", to, O(p(e)("grid.noData")), 1),
-              a.request.filters.length > 0 ? (c(), y("div", oo, [
+              s.request.filters.length > 0 ? (c(), y("div", oo, [
                 f("div", no, O(p(e)("grid.noDataFiltersPresent")), 1),
                 k(fe, {
                   size: "small",
                   colour: "danger",
-                  onClick: w[0] || (w[0] = Z((T) => a.$emit("clear-filters"), ["prevent"]))
+                  onClick: w[0] || (w[0] = Z((T) => s.$emit("clear-filters"), ["prevent"]))
                 }, {
                   default: D(() => [
                     J(O(p(e)("grid.clearFilters")), 1)
@@ -2115,7 +2115,7 @@ const Pt = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, Ft = { class: "cl-gap-1
       ]);
     };
   }
-}), ao = {
+}), so = {
   key: 0,
   class: "cl-flex cl-flex-wrap cl-justify-end cl-mt-2 cl-w-full"
 }, ro = { class: "cl-bg-off-white cl-border cl-border-grey-1 cl-flex cl-items-center cl-mb-2 cl-px-3 cl-rounded cl-shadow-md cl-text-sm cl-w-full lg:cl-w-auto" }, co = { class: "cl-text-grey-3 cl-w-max" }, io = { class: "cl-bg-off-white cl-border cl-border-grey-1 cl-flex cl-flex-wrap cl-items-center cl-mb-2 cl-px-3 cl-py-2 cl-rounded cl-shadow-md cl-text-sm cl-w-full lg:cl-ml-2 lg:cl-w-auto mb:cl-flex-nowrap" }, uo = { class: "cl-flex cl-flex-wrap cl-mb-2 cl-text-sm cl-w-full lg:cl-p-2 md:cl-mb-0 md:cl-w-auto" }, po = { class: "cl-flex cl-flex-wrap cl-mb-2 cl-w-full lg:cl-mb-0 lg:cl-mr-2 lg:cl-w-auto" }, fo = { class: "cl-text-grey-3 cl-w-full lg:cl-mr-2 lg:cl-w-auto" }, mo = { class: "cl-flex cl-flex-wrap cl-text-sm mb:cl-flex-nowrap" }, go = { class: "cl-pr-2" }, vo = ["onClick"], bo = { class: "cl-flex cl-flex-wrap cl-mb-2 cl-text-sm cl-w-full lg:cl-p-2 md:cl-mb-0 md:cl-w-auto" }, ho = { class: "cl-mb-2 cl-text-grey-3 cl-w-full lg:cl-mb-0 lg:cl-mr-2 lg:cl-w-auto" }, yo = ["onClick"], wo = { class: "cl-mb-2 cl-w-full lg:cl-p-2 md:cl-mb-0 md:cl-w-auto" }, $o = { class: "cl-block cl-mb-2 cl-text-grey-3 cl-w-full lg:cl-inline-block lg:cl-mb-0 lg:cl-mr-1 lg:cl-w-auto" }, ko = { class: "cl-block lg:cl-inline-block" }, Co = /* @__PURE__ */ z({
@@ -2128,24 +2128,24 @@ const Pt = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, Ft = { class: "cl-gap-1
     "update:request": null
   },
   setup(t, { emit: o }) {
-    const l = t, { n: e, t: s } = ne(), n = _(() => {
-      var a;
-      return l.data !== null ? Math.ceil((((a = l.data) == null ? void 0 : a.totalRecords) ?? 0) / l.request.pageSize) : 1;
+    const l = t, { n: e, t: a } = ne(), n = _(() => {
+      var s;
+      return l.data !== null ? Math.ceil((((s = l.data) == null ? void 0 : s.totalRecords) ?? 0) / l.request.pageSize) : 1;
     }), i = _(() => {
-      const a = Array.from(Array(n.value + 1).keys());
+      const s = Array.from(Array(n.value + 1).keys());
       let w = [];
-      if (a.shift(), a.length) {
+      if (s.shift(), s.length) {
         const h = l.request.pageNumber === n.value || l.request.pageNumber === n.value - 1 ? n.value - 3 : l.request.pageNumber - 1;
-        w = a.slice(h, h + 3);
+        w = s.slice(h, h + 3);
       }
       return w;
     });
-    function u(a) {
+    function u(s) {
       const w = ie(l.request);
-      w.pageNumber !== a && (w.pageNumber = Math.max(Math.min(Math.trunc(a), n.value), 1), o("update:request", w));
+      w.pageNumber !== s && (w.pageNumber = Math.max(Math.min(Math.trunc(s), n.value), 1), o("update:request", w));
     }
-    function r(a) {
-      const w = parseInt(a == null ? void 0 : a.value) || 1;
+    function r(s) {
+      const w = parseInt(s == null ? void 0 : s.value) || 1;
       u(w);
     }
     const d = [
@@ -2156,18 +2156,18 @@ const Pt = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, Ft = { class: "cl-gap-1
       100,
       200
     ];
-    function m(a) {
+    function m(s) {
       const w = ie(l.request);
-      w.pageSize = a, w.pageNumber = 1, o("update:request", w);
+      w.pageSize = s, w.pageNumber = 1, o("update:request", w);
     }
     const b = Ke(r, 750);
-    return (a, w) => {
+    return (s, w) => {
       var h, T;
-      return (T = (h = a.data) == null ? void 0 : h.results) != null && T.length && a.request ? (c(), y("div", ao, [
+      return (T = (h = s.data) == null ? void 0 : h.results) != null && T.length && s.request ? (c(), y("div", so, [
         f("div", ro, [
-          f("span", co, O(p(s)("grid.jumpToPage")), 1),
-          k(ae, {
-            "model-value": a.request.pageNumber,
+          f("span", co, O(p(a)("grid.jumpToPage")), 1),
+          k(se, {
+            "model-value": s.request.pageNumber,
             class: "cl-ml-1 cl-mt-0.5 cl-text-sm",
             "input-type": "number",
             label: "Page",
@@ -2180,10 +2180,10 @@ const Pt = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, Ft = { class: "cl-gap-1
         f("div", io, [
           f("div", uo, [
             f("li", po, [
-              f("span", fo, O(p(s)("grid.page")), 1)
+              f("span", fo, O(p(a)("grid.page")), 1)
             ]),
             f("ul", mo, [
-              f("li", go, O(p(e)(a.request.pageNumber, p(K).INTEGER)) + " / " + O(p(e)(n.value, p(K).INTEGER)), 1),
+              f("li", go, O(p(e)(s.request.pageNumber, p(K).INTEGER)) + " / " + O(p(e)(n.value, p(K).INTEGER)), 1),
               M(f("li", {
                 class: "cl-cursor-pointer cl-mr-1 cl-mt-1 lg:cl-mr-2",
                 onClick: w[1] || (w[1] = (g) => u(1))
@@ -2193,37 +2193,37 @@ const Pt = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, Ft = { class: "cl-gap-1
                   size: 14
                 })
               ], 512), [
-                [V, a.request.pageNumber > 1]
+                [V, s.request.pageNumber > 1]
               ]),
               M(f("li", {
                 class: "cl-cursor-pointer cl-mt-1 lg:cl-mr-2 mr-1",
-                onClick: w[2] || (w[2] = (g) => u(a.request.pageNumber - 1))
+                onClick: w[2] || (w[2] = (g) => u(s.request.pageNumber - 1))
               }, [
                 k(p(I), {
                   icon: "ph:caret-left",
                   size: 14
                 })
               ], 512), [
-                [V, a.request.pageNumber > 1]
+                [V, s.request.pageNumber > 1]
               ]),
               (c(!0), y(L, null, Y(i.value, (g, E) => (c(), y("li", {
                 key: E,
                 class: j(["cl-cursor-pointer cl-mr-1 lg:cl-mr-2", {
-                  "cl-text-black cl-font-bold": a.request.pageNumber === g,
-                  "cl-text-grey-6": a.request.pageNumber !== g
+                  "cl-text-black cl-font-bold": s.request.pageNumber === g,
+                  "cl-text-grey-6": s.request.pageNumber !== g
                 }]),
                 onClick: (R) => u(g)
               }, O(p(e)(g, p(K).INTEGER)), 11, vo))), 128)),
               M(f("li", {
                 class: "cl-cursor-pointer cl-mr-1 cl-mt-1 lg:cl-mr-2",
-                onClick: w[3] || (w[3] = (g) => u(a.request.pageNumber + 1))
+                onClick: w[3] || (w[3] = (g) => u(s.request.pageNumber + 1))
               }, [
                 k(p(I), {
                   icon: "ph:caret-right",
                   size: 14
                 })
               ], 512), [
-                [V, a.request.pageNumber < n.value]
+                [V, s.request.pageNumber < n.value]
               ]),
               M(f("li", {
                 class: "cl-cursor-pointer cl-mr-1 cl-mt-1 lg:cl-mr-2",
@@ -2234,24 +2234,24 @@ const Pt = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, Ft = { class: "cl-gap-1
                   size: 14
                 })
               ], 512), [
-                [V, a.request.pageNumber < n.value]
+                [V, s.request.pageNumber < n.value]
               ])
             ])
           ]),
           f("ul", bo, [
-            f("li", ho, O(p(s)("grid.pageSize")), 1),
+            f("li", ho, O(p(a)("grid.pageSize")), 1),
             (c(), y(L, null, Y(d, (g, E) => f("li", {
               key: E,
               class: j(["cl-cursor-pointer cl-mr-1 lg:cl-mr-2", {
-                "cl-text-black cl-font-bold": a.request.pageSize === g,
-                "cl-text-grey-6": a.request.pageSize !== g
+                "cl-text-black cl-font-bold": s.request.pageSize === g,
+                "cl-text-grey-6": s.request.pageSize !== g
               }]),
               onClick: (R) => m(g)
             }, O(p(e)(g, p(K).INTEGER)), 11, yo)), 64))
           ]),
           f("ul", wo, [
-            f("li", $o, O(p(s)("grid.totalRecords")), 1),
-            f("li", ko, O(p(e)(a.data.totalRecords, p(K).INTEGER)), 1)
+            f("li", $o, O(p(a)("grid.totalRecords")), 1),
+            f("li", ko, O(p(e)(s.data.totalRecords, p(K).INTEGER)), 1)
           ])
         ])
       ])) : A("", !0);
@@ -2444,7 +2444,7 @@ const _o = {
   },
   emits: ["update:filter"],
   setup(t, { emit: o }) {
-    const l = t, { t: e } = ne(), s = _(() => {
+    const l = t, { t: e } = ne(), a = _(() => {
       let u = [];
       return l.column.type !== "slot" ? u = Ge.filter((r) => r.allowedTypes.includes(l.column.type)) : typeof l.column.slotType < "u" && typeof l.column.field < "u" && (u = Ge.filter((r) => r.allowedTypes.includes(l.column.slotType))), l.column.type === "date" || l.column.type === "datetime" || l.column.slotType === "date" || l.column.slotType === "datetime" ? u.forEach((r) => {
         r.description = e(`grid.${r.key}`);
@@ -2454,7 +2454,7 @@ const _o = {
     }), n = _(() => {
       var r;
       let u = (r = l.filter) == null ? void 0 : r.filterMethod;
-      return typeof u > "u" && (u = ee[l.defaultOperation].toLowerCase()), s.value.find((d) => {
+      return typeof u > "u" && (u = ee[l.defaultOperation].toLowerCase()), a.value.find((d) => {
         var m;
         return d.method.toLowerCase() === ((m = u == null ? void 0 : u.removeNonAlphanumeric()) == null ? void 0 : m.toLowerCase());
       });
@@ -2492,14 +2492,14 @@ const _o = {
         }])
       }, [
         f("strong", Bo, O(p(e)("grid.availableMethods")), 1),
-        (c(!0), y(L, null, Y(s.value, (d, m) => {
+        (c(!0), y(L, null, Y(a.value, (d, m) => {
           var b;
           return c(), y("span", {
             key: m,
             class: j(["cl-cursor-pointer cl-px-4 cl-py-1 cl-transition-colors cl-w-full hover:cl-bg-grey-0", {
               "cl-bg-primary-default cl-opacity-80": d.method === ((b = n.value) == null ? void 0 : b.method)
             }]),
-            onClick: Z((a) => i(d.method), ["prevent"])
+            onClick: Z((s) => i(d.method), ["prevent"])
           }, [
             J(O(d.description) + " ", 1),
             k(p(I), {
@@ -2524,7 +2524,7 @@ const _o = {
   },
   emits: ["update:filter"],
   setup(t, { emit: o }) {
-    const l = t, { locale: e, t: s } = ne();
+    const l = t, { locale: e, t: a } = ne();
     function n() {
       return l.column.type === "string" || l.column.slotType === "string" ? ee.CONTAINS : l.column.type === "datetime" || l.column.slotType === "datetime" || l.column.type === "date" || l.column.slotType === "date" ? ee.LESS_THAN : ee.EQUAL;
     }
@@ -2533,10 +2533,10 @@ const _o = {
       set: (g) => o("update:filter", g)
     }), u = _(() => l.column.type === "date" || l.column.type === "datetime" || l.column.type === "slot" && (l.column.slotType === "date" || l.column.slotType === "datetime")), r = _({
       get() {
-        var E, R, H, se;
+        var E, R, H, ae;
         let g = (E = i.value) == null ? void 0 : E[0];
         if (g && u.value && (((R = l.filter) == null ? void 0 : R.length) ?? 0 > 1)) {
-          const $ = (H = i.value) == null ? void 0 : H.find((le) => le.filterOperation === ee.EQUAL_OR_GREATER_THAN), P = (se = i.value) == null ? void 0 : se.find((le) => le.filterOperation === ee.LESS_THAN);
+          const $ = (H = i.value) == null ? void 0 : H.find((le) => le.filterOperation === ee.EQUAL_OR_GREATER_THAN), P = (ae = i.value) == null ? void 0 : ae.find((le) => le.filterOperation === ee.LESS_THAN);
           $ && P && (g = {
             filterOnColumn: l.column.field,
             filterOperation: ee.EQUAL,
@@ -2579,20 +2579,20 @@ const _o = {
     const m = _(() => {
       var g;
       return ((g = r.value) == null ? void 0 : g.filterValue) ?? "";
-    }), b = _(() => m.value === "" ? null : m.value), a = _(() => Intl.NumberFormat(e.value).format(1.1).replace(/[0-9]+/g, "")), w = _(() => Ue(l.column));
+    }), b = _(() => m.value === "" ? null : m.value), s = _(() => Intl.NumberFormat(e.value).format(1.1).replace(/[0-9]+/g, "")), w = _(() => Ue(l.column));
     function h(g, E) {
       var $;
       let R, H = !1;
-      const se = ((g == null ? void 0 : g.value) ?? E).trim();
+      const ae = ((g == null ? void 0 : g.value) ?? E).trim();
       if (r.value)
-        H = (($ = r.value) == null ? void 0 : $.filterValue) === se, R = ie(r.value), R.filterValue = se;
-      else if (se !== "" && typeof l.column.field < "u") {
+        H = (($ = r.value) == null ? void 0 : $.filterValue) === ae, R = ie(r.value), R.filterValue = ae;
+      else if (ae !== "" && typeof l.column.field < "u") {
         const P = n();
         R = {
           filterOnColumn: l.column.field,
           filterMethod: ee[P].toLowerCase(),
           filterOperation: P,
-          filterValue: se
+          filterValue: ae
         };
       } else
         return;
@@ -2600,7 +2600,7 @@ const _o = {
     }
     function T(g) {
       let E;
-      l.column.format === K.INTEGER ? (typeof g == "string" && (g = parseInt(g)), E = Math.round(g)) : (typeof g == "string" && (g = parseFloat(g.replace(a.value, "."))), E = g), h(null, isNaN(E) ? "" : E.toString());
+      l.column.format === K.INTEGER ? (typeof g == "string" && (g = parseInt(g)), E = Math.round(g)) : (typeof g == "string" && (g = parseFloat(g.replace(s.value, "."))), E = g), h(null, isNaN(E) ? "" : E.toString());
     }
     return (g, E) => w.value ? (c(), y("div", Lo, [
       g.column.type === "boolean" || g.column.slotType === "boolean" ? (c(), y("select", {
@@ -2612,12 +2612,12 @@ const _o = {
         f("option", {
           value: "true",
           selected: m.value === "true"
-        }, O(p(s)("grid.true")), 9, Po),
+        }, O(p(a)("grid.true")), 9, Po),
         f("option", {
           value: "false",
           selected: m.value === "false"
-        }, O(p(s)("grid.false")), 9, Fo)
-      ], 32)) : g.column.type === "date" || g.column.type === "datetime" || g.column.slotType === "date" || g.column.slotType === "datetime" ? (c(), B(ae, {
+        }, O(p(a)("grid.false")), 9, Fo)
+      ], 32)) : g.column.type === "date" || g.column.type === "datetime" || g.column.slotType === "date" || g.column.slotType === "datetime" ? (c(), B(se, {
         key: 1,
         "model-value": b.value,
         class: "!cl-h-[2rem] !cl-text-xs cl-border-none cl-mb-0 cl-w-full lg:!cl-text-base",
@@ -2626,14 +2626,14 @@ const _o = {
         "input-type": g.column.type === "slot" ? g.column.slotType : g.column.type,
         "time-zone": g.timeZone,
         "onUpdate:modelValue": E[1] || (E[1] = (R) => h(null, R ?? ""))
-      }, null, 8, ["model-value", "label", "input-type", "time-zone"])) : g.column.type === "number" || g.column.slotType === "number" ? (c(), B(ae, {
+      }, null, 8, ["model-value", "label", "input-type", "time-zone"])) : g.column.type === "number" || g.column.slotType === "number" ? (c(), B(se, {
         key: 2,
         "model-value": m.value,
         class: "!cl-h-[2rem] !cl-text-xs cl-border-none cl-mb-0 cl-w-full lg:!cl-text-base",
         "input-type": "number",
         "show-arrows": !1,
         onInput: E[2] || (E[2] = (R, H) => T(H))
-      }, null, 8, ["model-value"])) : g.column.type === "string" || g.column.slotType === "string" ? (c(), B(ae, {
+      }, null, 8, ["model-value"])) : g.column.type === "string" || g.column.slotType === "string" ? (c(), B(se, {
         key: 3,
         "model-value": m.value,
         class: "!cl-h-[2rem] !cl-text-xs cl-border-none cl-mb-0 cl-w-full lg:!cl-text-base",
@@ -2660,13 +2660,13 @@ const _o = {
   },
   emits: ["update:request", "update:filterPanelOpen"],
   setup(t, { emit: o }) {
-    const l = t, { t: e } = ne(), s = _({
+    const l = t, { t: e } = ne(), a = _({
       get: () => l.request,
       set: (r) => o("update:request", r)
     });
     function n(r, d) {
       var m, b;
-      return ((m = s.value.sort) == null ? void 0 : m.sortOnColumn) === r.field && ((b = s.value.sort) == null ? void 0 : b.sortByAscending) === d;
+      return ((m = a.value.sort) == null ? void 0 : m.sortOnColumn) === r.field && ((b = a.value.sort) == null ? void 0 : b.sortByAscending) === d;
     }
     function i(r) {
       if (typeof r < "u") {
@@ -2674,16 +2674,16 @@ const _o = {
         d.sort === null || d.sort.sortOnColumn !== r ? d.sort = {
           sortOnColumn: r,
           sortByAscending: !0
-        } : d.sort.sortOnColumn === r && d.sort.sortByAscending === !0 ? d.sort.sortByAscending = !1 : d.sort = null, s.value = d;
+        } : d.sort.sortOnColumn === r && d.sort.sortByAscending === !0 ? d.sort.sortByAscending = !1 : d.sort = null, a.value = d;
       }
     }
     function u(r) {
       if (r) {
-        const d = ie(s.value);
+        const d = ie(a.value);
         d.filters = [
           ...d.filters.filter((m) => m.filterOnColumn !== r[0].filterOnColumn),
           ...r
-        ], d.pageNumber = 1, s.value = d;
+        ], d.pageNumber = 1, a.value = d;
       }
     }
     return (r, d) => (c(), y("thead", xo, [
@@ -2693,7 +2693,7 @@ const _o = {
           class: j(["cl-text-grey-3 cl-text-sm", {
             "cl-cursor-pointer": p(Oe)(m)
           }]),
-          onClick: (a) => p(Oe)(m) ? i(m.field) : () => {
+          onClick: (s) => p(Oe)(m) ? i(m.field) : () => {
           }
         }, [
           J(O(m.caption) + " ", 1),
@@ -2734,7 +2734,7 @@ const _o = {
           p(Oe)(m) ? (c(), y("div", {
             key: 0,
             class: "cl-col-span-2 cl-gap-1 cl-span lg:cl-hidden",
-            onClick: (a) => i(m.field)
+            onClick: (s) => i(m.field)
           }, [
             f("span", Jo, O(p(e)("grid.sortBy")), 1),
             n(m, !0) ? (c(), B(p(I), {
@@ -2753,7 +2753,7 @@ const _o = {
           ], 8, Qo)) : A("", !0),
           k(Ho, {
             class: "cl-col-span-4",
-            filter: s.value.filters.filter((a) => a.filterOnColumn === m.field),
+            filter: a.value.filters.filter((s) => s.filterOnColumn === m.field),
             column: m,
             "time-zone": r.timeZone,
             "first-half": b <= r.columns.length / 2,
@@ -2763,7 +2763,7 @@ const _o = {
       ], 2)
     ]));
   }
-}), Xo = { class: "cl-fixed cl-flex cl-h-full cl-justify-end cl-right-0 cl-shadow-lg cl-top-0 cl-z-50" }, en = { class: "cl-bg-secondary-default cl-h-full cl-overflow-y-auto cl-overscroll-y-none cl-px-10 cl-py-20 cl-relative cl-text-grey-2 cl-w-80" }, ln = { class: "cl-mb-4 cl-text-2xl cl-text-off-white" }, tn = { class: "cl-border-grey-3 cl-border-t cl-flex cl-flex-wrap cl-text-sm cl-w-full" }, on = { class: "cl-border-b cl-border-grey-2 cl-flex cl-py-2 cl-text-sm cl-w-full" }, nn = { class: "cl-flex-1 cl-py-2" }, sn = { class: "cl-py-2 cl-w-1/4" }, an = { class: "cl-py-2 cl-w-1/5" }, rn = { class: "cl-flex-1 cl-py-2" }, cn = { class: "cl-py-2 cl-w-1/4" }, un = { class: "cl-py-2 cl-text-off-white cl-w-1/5" }, dn = { key: 1 }, pn = /* @__PURE__ */ z({
+}), Xo = { class: "cl-fixed cl-flex cl-h-full cl-justify-end cl-right-0 cl-shadow-lg cl-top-0 cl-z-50" }, en = { class: "cl-bg-secondary-default cl-h-full cl-overflow-y-auto cl-overscroll-y-none cl-px-10 cl-py-20 cl-relative cl-text-grey-2 cl-w-80" }, ln = { class: "cl-mb-4 cl-text-2xl cl-text-off-white" }, tn = { class: "cl-border-grey-3 cl-border-t cl-flex cl-flex-wrap cl-text-sm cl-w-full" }, on = { class: "cl-border-b cl-border-grey-2 cl-flex cl-py-2 cl-text-sm cl-w-full" }, nn = { class: "cl-flex-1 cl-py-2" }, an = { class: "cl-py-2 cl-w-1/4" }, sn = { class: "cl-py-2 cl-w-1/5" }, rn = { class: "cl-flex-1 cl-py-2" }, cn = { class: "cl-py-2 cl-w-1/4" }, un = { class: "cl-py-2 cl-text-off-white cl-w-1/5" }, dn = { key: 1 }, pn = /* @__PURE__ */ z({
   inheritAttrs: !1,
   __name: "cl-ui-grid-view-manager",
   props: {
@@ -2771,13 +2771,13 @@ const _o = {
   },
   emits: ["update:columns"],
   setup(t, { emit: o }) {
-    const l = t, { t: e } = ne(), s = q(!1);
+    const l = t, { t: e } = ne(), a = q(!1);
     function n(r, d, m) {
       m < r.length && m >= 0 && r.splice(m, 0, r.splice(d, 1)[0]);
     }
     function i(r, d) {
-      const m = ie(l.columns), b = (r == null ? void 0 : r.checked) ?? !1, a = m.findIndex((w) => w.name === d.name);
-      a >= 0 && (m[a].visible = b), o("update:columns", m);
+      const m = ie(l.columns), b = (r == null ? void 0 : r.checked) ?? !1, s = m.findIndex((w) => w.name === d.name);
+      s >= 0 && (m[s].visible = b), o("update:columns", m);
     }
     function u(r, d) {
       const m = ie(l.columns), b = d === "up" ? r + 1 : r - 1;
@@ -2787,7 +2787,7 @@ const _o = {
       k(fe, re(r.$attrs, {
         class: "cl-w-full",
         size: "small",
-        onClick: d[0] || (d[0] = Z((m) => s.value = !0, ["prevent"]))
+        onClick: d[0] || (d[0] = Z((m) => a.value = !0, ["prevent"]))
       }), {
         default: D(() => [
           J(O(p(e)("grid.manageView")), 1)
@@ -2803,14 +2803,14 @@ const _o = {
                   class: "cl-absolute cl-cursor-pointer cl-right-3 cl-text-off-white cl-top-3",
                   icon: "ph:x",
                   size: 16,
-                  onClick: d[1] || (d[1] = (m) => s.value = !1)
+                  onClick: d[1] || (d[1] = (m) => a.value = !1)
                 }),
                 f("h3", ln, O(p(e)("grid.manageView")), 1),
                 f("ul", tn, [
                   f("li", on, [
                     f("strong", nn, O(p(e)("grid.column")), 1),
-                    f("strong", sn, O(p(e)("grid.visible")), 1),
-                    f("strong", an, O(p(e)("grid.order")), 1)
+                    f("strong", an, O(p(e)("grid.visible")), 1),
+                    f("strong", sn, O(p(e)("grid.order")), 1)
                   ]),
                   (c(!0), y(L, null, Y(r.columns, (m, b) => (c(), y("li", {
                     key: b,
@@ -2818,10 +2818,10 @@ const _o = {
                   }, [
                     f("div", rn, O(m.caption), 1),
                     f("div", cn, [
-                      k(ae, {
+                      k(se, {
                         "model-value": m.visible === void 0 || m.visible === !0,
                         "input-type": "checkbox",
-                        onClick: (a) => i(a.target, m)
+                        onClick: (s) => i(s.target, m)
                       }, null, 8, ["model-value", "onClick"])
                     ]),
                     f("div", un, [
@@ -2830,13 +2830,13 @@ const _o = {
                           key: 0,
                           class: "cl-cursor-pointer cl-inline-block cl-mr-2",
                           icon: "ph:arrow-left",
-                          onClick: (a) => u(b, "down")
+                          onClick: (s) => u(b, "down")
                         }, null, 8, ["onClick"])) : A("", !0),
                         b !== r.columns.length - 1 ? (c(), B(p(I), {
                           key: 1,
                           class: "cl-cursor-pointer cl-inline-block",
                           icon: "ph:arrow-right",
-                          onClick: (a) => u(b, "up")
+                          onClick: (s) => u(b, "up")
                         }, null, 8, ["onClick"])) : A("", !0)
                       ], 64)) : (c(), y("em", dn, O(p(e)("grid.hidden")), 1))
                     ])
@@ -2844,7 +2844,7 @@ const _o = {
                 ])
               ])
             ], 512), [
-              [V, s.value]
+              [V, a.value]
             ])
           ]),
           _: 1
@@ -2867,7 +2867,7 @@ const _o = {
     const l = t, e = _({
       get: () => l.columns,
       set: (h) => o("update:columns", h)
-    }), s = _(() => e.value.filter((h) => h.visible ?? !0)), n = q({});
+    }), a = _(() => e.value.filter((h) => h.visible ?? !0)), n = q({});
     function i() {
       const h = {};
       window.innerWidth >= 1024 && e.value.forEach((T) => {
@@ -2894,8 +2894,8 @@ const _o = {
       deep: !0,
       immediate: !0
     });
-    const b = _(() => l.data), a = q(!1), w = q(!1);
-    return W(a, () => a.value ? o("edit-start") : o("edit-end")), (h, T) => (c(), y("div", fn, [
+    const b = _(() => l.data), s = q(!1), w = q(!1);
+    return W(s, () => s.value ? o("edit-start") : o("edit-end")), (h, T) => (c(), y("div", fn, [
       k(me, { name: "fade" }, {
         default: D(() => [
           M(f("div", mn, [
@@ -2907,8 +2907,8 @@ const _o = {
         _: 1
       }),
       k(Gt, {
-        "edit-mode": a.value,
-        "onUpdate:editMode": T[1] || (T[1] = (g) => a.value = g),
+        "edit-mode": s.value,
+        "onUpdate:editMode": T[1] || (T[1] = (g) => s.value = g),
         "filter-panel-open": w.value,
         "onUpdate:filterPanelOpen": T[2] || (T[2] = (g) => w.value = g),
         columns: h.columns,
@@ -2931,7 +2931,7 @@ const _o = {
           }])
         }, [
           f("colgroup", vn, [
-            (c(!0), y(L, null, Y(s.value, (g, E) => (c(), y("col", {
+            (c(!0), y(L, null, Y(a.value, (g, E) => (c(), y("col", {
               key: E,
               style: Ze(u(g.name)),
               span: 1
@@ -2942,17 +2942,17 @@ const _o = {
             "onUpdate:request": T[3] || (T[3] = (g) => r.value = g),
             "filter-panel-open": w.value,
             "onUpdate:filterPanelOpen": T[4] || (T[4] = (g) => w.value = g),
-            columns: s.value,
+            columns: a.value,
             options: h.options,
             "time-zone": h.timeZone
           }, null, 8, ["request", "filter-panel-open", "columns", "options", "time-zone"]),
-          k(so, {
-            columns: s.value,
+          k(ao, {
+            columns: a.value,
             request: r.value,
             data: b.value,
             "time-zone": h.timeZone,
             loading: h.loading,
-            "edit-mode": a.value,
+            "edit-mode": s.value,
             "selection-enabled": h.options.rowSelectionEnabled,
             onClearFilters: d,
             onRowEdit: T[5] || (T[5] = (g) => h.$emit("row-edit", g)),
@@ -3007,8 +3007,8 @@ const _o = {
   emits: ["update:is-open"],
   setup(t, { emit: o }) {
     const l = t, e = q();
-    ze(e, s);
-    function s() {
+    ze(e, a);
+    function a() {
       l.isOpen === !0 && o("update:is-open", !1);
     }
     return (n, i) => (c(), y("div", {
@@ -3093,12 +3093,12 @@ const Sn = {
   },
   emits: ["language-select"],
   setup(t, { emit: o }) {
-    const l = t, { locale: e } = ne(), s = q(!1), n = _(() => l.supportedLanguages.find((r) => r.localeCode === e.value) ?? l.defaultLangauge), i = _(() => l.supportedLanguages.filter((r) => je(r)).sort((r, d) => r.nativeName > d.nativeName ? 1 : d.nativeName > r.nativeName ? -1 : 0));
+    const l = t, { locale: e } = ne(), a = q(!1), n = _(() => l.supportedLanguages.find((r) => r.localeCode === e.value) ?? l.defaultLangauge), i = _(() => l.supportedLanguages.filter((r) => je(r)).sort((r, d) => r.nativeName > d.nativeName ? 1 : d.nativeName > r.nativeName ? -1 : 0));
     function u() {
-      l.disabled || (s.value = !s.value);
+      l.disabled || (a.value = !a.value);
     }
     return W(() => l.disabled, (r) => {
-      r && (s.value = !1);
+      r && (a.value = !1);
     }), (r, d) => n.value !== null && p(je)(n.value) ? (c(), y("div", Sn, [
       f("div", {
         class: j(["cl-flex cl-items-center", {
@@ -3120,14 +3120,14 @@ const Sn = {
               class: "cl-border-b cl-border-grey-0 cl-cursor-pointer cl-flex cl-items-center cl-justify-center cl-p-1 cl-text-center cl-transition-colors cl-w-28 hover:cl-bg-grey-0 last-child:cl-border-b-0 last:cl-border-b-0 lg:cl-p-2",
               "data-localename": m.name,
               "data-localecode": m.localeCode,
-              onClick: (a) => {
+              onClick: (s) => {
                 e.value = m.localeCode, u(), o("language-select", m.localeCode);
               }
             }, [
               f("span", _n, O(m.nativeName), 1)
             ], 8, jn))), 128))
           ], 512), [
-            [V, s.value]
+            [V, a.value]
           ])
         ]),
         _: 1
@@ -3148,28 +3148,28 @@ const Sn = {
     "update:errors": null
   },
   setup(t, { emit: o }) {
-    const { t: l } = ne(), e = q(""), s = q(""), n = q("password"), i = q();
+    const { t: l } = ne(), e = q(""), a = q(""), n = q("password"), i = q();
     function u() {
       const b = {
         username: e.value,
-        password: s.value
+        password: a.value
       };
       o("login", b);
     }
     function r() {
       o("update:errors", []);
     }
-    function d(b, a) {
+    function d(b, s) {
       const w = {
         valid: !0,
         message: ""
       };
-      return typeof a == "string" && a.trim() === "" && (w.valid = !1), w;
+      return typeof s == "string" && s.trim() === "" && (w.valid = !1), w;
     }
-    function m(b, a) {
+    function m(b, s) {
       i.value = b;
     }
-    return (b, a) => (c(), y("div", Rn, [
+    return (b, s) => (c(), y("div", Rn, [
       f("div", zn, [
         N(b.$slots, "background")
       ]),
@@ -3193,9 +3193,9 @@ const Sn = {
                 icon: "ph:user",
                 size: 18
               }),
-              k(ae, {
+              k(se, {
                 modelValue: e.value,
-                "onUpdate:modelValue": a[0] || (a[0] = (w) => e.value = w),
+                "onUpdate:modelValue": s[0] || (s[0] = (w) => e.value = w),
                 modelModifiers: { trim: !0 },
                 class: "!cl-border-2 !cl-mb-1 cl-w-full",
                 "input-type": "email",
@@ -3224,7 +3224,7 @@ const Sn = {
                 class: "cl-absolute cl-cursor-pointer cl-right-4 cl-top-2.5 cl-z-10",
                 icon: "ph:eye",
                 size: 18,
-                onClick: a[1] || (a[1] = (w) => n.value = "text")
+                onClick: s[1] || (s[1] = (w) => n.value = "text")
               }, null, 512), [
                 [V, n.value === "password"]
               ]),
@@ -3232,16 +3232,16 @@ const Sn = {
                 class: "cl-absolute cl-cursor-pointer cl-right-4 cl-top-2.5 cl-z-10",
                 icon: "ph:eye-slash",
                 size: 18,
-                onClick: a[2] || (a[2] = (w) => n.value = "password")
+                onClick: s[2] || (s[2] = (w) => n.value = "password")
               }, null, 512), [
                 [V, n.value === "text"]
               ]),
-              k(ae, {
-                modelValue: s.value,
-                "onUpdate:modelValue": a[3] || (a[3] = (w) => s.value = w),
+              k(se, {
+                modelValue: a.value,
+                "onUpdate:modelValue": s[3] || (s[3] = (w) => a.value = w),
                 class: "!cl-border-2 cl-w-full",
                 "input-type": n.value,
-                "highlight-when-valid": s.value !== void 0 && s.value !== "",
+                "highlight-when-valid": a.value !== void 0 && a.value !== "",
                 label: p(l)("login.password"),
                 "show-label": !1,
                 "placeholder-text": p(l)("login.password"),
@@ -3262,7 +3262,7 @@ const Sn = {
               class: "cl-w-full",
               colour: "blue",
               loading: b.loading,
-              disabled: !i.value || s.value === "",
+              disabled: !i.value || a.value === "",
               onClick: Z(u, ["prevent"])
             }, {
               default: D(() => [
@@ -3309,18 +3309,18 @@ const Sn = {
     colour: { default: "default" }
   },
   setup(t) {
-    const o = q([]), l = _(() => o.value.filter((a) => a.open === !0).length > 0);
-    function e(a) {
-      let w = o.value.find((h) => h.id === a);
+    const o = q([]), l = _(() => o.value.filter((s) => s.open === !0).length > 0);
+    function e(s) {
+      let w = o.value.find((h) => h.id === s);
       return w || (w = {
-        id: a,
+        id: s,
         open: !1
       }, o.value.push(w)), w.open;
     }
-    function s(a) {
-      const w = o.value.find((h) => h.id === a);
+    function a(s) {
+      const w = o.value.find((h) => h.id === s);
       w && (w.open = !w.open, o.value.forEach((h) => {
-        h.id !== a && (h.open = !1);
+        h.id !== s && (h.open = !1);
       }));
     }
     const n = rl();
@@ -3339,11 +3339,11 @@ const Sn = {
     }
     const m = q();
     function b() {
-      i.value === !1 && l.value === !0 && o.value.forEach((a) => {
-        a.open = !1;
+      i.value === !1 && l.value === !0 && o.value.forEach((s) => {
+        s.open = !1;
       });
     }
-    return ze(m, b), (a, w) => (c(), y("div", {
+    return ze(m, b), (s, w) => (c(), y("div", {
       ref_key: "navElement",
       ref: m,
       class: "cl-flex cl-flex-nowrap cl-relative"
@@ -3351,11 +3351,11 @@ const Sn = {
       f("div", {
         id: "group-container",
         class: j(["cl-h-full cl-overflow-y-auto cl-overscroll-y-none cl-pb-20 cl-w-20 cl-z-30 xl:cl-pb-0", {
-          "cl-bg-primary-default": a.colour === "default",
-          "cl-bg-blue-dark": a.colour === "secondary"
+          "cl-bg-primary-default": s.colour === "default",
+          "cl-bg-blue-dark": s.colour === "secondary"
         }])
       }, [
-        N(a.$slots, "icon", re({ navcolour: a.colour }, { groupIsOpen: e, toggleOpen: s }), void 0, !0)
+        N(s.$slots, "icon", re({ navcolour: s.colour }, { groupIsOpen: e, toggleOpen: a }), void 0, !0)
       ], 2),
       u.value ? (c(), y("div", Zn)) : A("", !0),
       k(me, { name: "slide-right" }, {
@@ -3379,7 +3379,7 @@ const Sn = {
                   icon: "ph:push-pin"
                 }))
               ]),
-              N(a.$slots, "default", oe(ce({ groupIsOpen: e })), void 0, !0)
+              N(s.$slots, "default", oe(ce({ groupIsOpen: e })), void 0, !0)
             ])
           ], 2), [
             [V, l.value]
@@ -3416,7 +3416,7 @@ const Qn = /* @__PURE__ */ pe(Kn, [["__scopeId", "data-v-7db412a7"]]), Jn = /* @
 }), Yn = {
   key: 0,
   class: "cl-font-bold cl-leading-8 cl-mb-8 cl-pr-8 cl-select-none cl-text-lg cl-text-secondary-default"
-}, Xn = { class: "cl-flex cl-flex-wrap cl-space-y-8 cl-text-sm cl-w-full" }, es = /* @__PURE__ */ z({
+}, Xn = { class: "cl-flex cl-flex-wrap cl-space-y-8 cl-text-sm cl-w-full" }, ea = /* @__PURE__ */ z({
   __name: "cl-ui-navigation-group",
   props: {
     open: { type: Boolean }
@@ -3431,27 +3431,27 @@ const Qn = /* @__PURE__ */ pe(Kn, [["__scopeId", "data-v-7db412a7"]]), Jn = /* @
       ])
     ], 64)) : A("", !0);
   }
-}), ls = {}, ts = { class: "cl-w-full" }, os = {
+}), la = {}, ta = { class: "cl-w-full" }, oa = {
   key: 0,
   class: "cl-font-bold cl-mb-4 cl-select-none"
-}, ns = { class: "cl-flex cl-flex-wrap cl-space-y-2" };
-function ss(t, o) {
-  return c(), y("div", ts, [
-    t.$slots.title ? (c(), y("div", os, [
+}, na = { class: "cl-flex cl-flex-wrap cl-space-y-2" };
+function aa(t, o) {
+  return c(), y("div", ta, [
+    t.$slots.title ? (c(), y("div", oa, [
       N(t.$slots, "title")
     ])) : A("", !0),
-    f("span", ns, [
+    f("span", na, [
       N(t.$slots, "default")
     ])
   ]);
 }
-const as = /* @__PURE__ */ pe(ls, [["render", ss]]), rs = {}, cs = { class: "cl-cursor-pointer cl-transition-colors cl-w-full hover:cl-text-blue-light" };
-function is(t, o) {
-  return c(), y("div", cs, [
+const sa = /* @__PURE__ */ pe(la, [["render", aa]]), ra = {}, ca = { class: "cl-cursor-pointer cl-transition-colors cl-w-full hover:cl-text-blue-light" };
+function ia(t, o) {
+  return c(), y("div", ca, [
     N(t.$slots, "default")
   ]);
 }
-const us = /* @__PURE__ */ pe(rs, [["render", is]]), ds = { class: "cl-w-full" }, ps = /* @__PURE__ */ z({
+const ua = /* @__PURE__ */ pe(ra, [["render", ia]]), da = { class: "cl-w-full" }, pa = /* @__PURE__ */ z({
   __name: "cl-ui-tab",
   props: {
     currentTab: { default: 0 },
@@ -3459,16 +3459,16 @@ const us = /* @__PURE__ */ pe(rs, [["render", is]]), ds = { class: "cl-w-full" }
     colour: { default: "default" }
   },
   setup(t) {
-    const o = t, l = q(), e = q(!1), s = q(!1);
+    const o = t, l = q(), e = q(!1), a = q(!1);
     function n(d) {
       return d === o.currentTab;
     }
     function i() {
       if (l.value) {
         const d = l.value.scrollWidth - l.value.clientWidth;
-        e.value = l.value.scrollLeft > 0, s.value = l.value.scrollLeft < d;
+        e.value = l.value.scrollLeft > 0, a.value = l.value.scrollLeft < d;
       } else
-        e.value = !1, s.value = !1;
+        e.value = !1, a.value = !1;
     }
     function u() {
       i(), window.addEventListener("resize", i);
@@ -3480,7 +3480,7 @@ const us = /* @__PURE__ */ pe(rs, [["render", is]]), ds = { class: "cl-w-full" }
         d === "left" && (b = -m), l.value.scroll(l.value.scrollLeft + b, 0);
       }
     }
-    return Ae(() => u()), Ie(() => window.removeEventListener("resize", i)), (d, m) => (c(), y("div", ds, [
+    return Ae(() => u()), Ie(() => window.removeEventListener("resize", i)), (d, m) => (c(), y("div", da, [
       f("div", null, [
         e.value ? (c(), y("div", {
           key: 0,
@@ -3502,13 +3502,13 @@ const us = /* @__PURE__ */ pe(rs, [["render", is]]), ds = { class: "cl-w-full" }
             "cl-shadow-[inset_0_-1px_0_#f0506e]": !d.disabled && d.colour === "danger",
             "cl-shadow-[inset_0_-1px_0_#1e90ff]": !d.disabled && d.colour === "blue",
             "cl-shadow-[inset_0_-1px_0_#d7d7d7]": d.disabled,
-            "cl-mr-4": s.value
+            "cl-mr-4": a.value
           }]),
           onScrollPassive: i
         }, [
           N(d.$slots, "headings", oe(ce({ isTabOpen: n, disabled: d.disabled, colour: d.colour })))
         ], 34),
-        s.value ? (c(), y("div", {
+        a.value ? (c(), y("div", {
           key: 1,
           class: "cl-bg-white cl-bottom-12 cl-cursor-pointer cl-float-right cl-h-11 cl-relative cl-w-4",
           onClick: m[1] || (m[1] = (b) => r("right"))
@@ -3522,7 +3522,7 @@ const us = /* @__PURE__ */ pe(rs, [["render", is]]), ds = { class: "cl-w-full" }
       N(d.$slots, "content", oe(ce({ isTabOpen: n, disabled: d.disabled, colour: d.colour })))
     ]));
   }
-}), fs = ["onKeyup"], ms = /* @__PURE__ */ z({
+}), fa = ["onKeyup"], ma = /* @__PURE__ */ z({
   __name: "cl-ui-tab-header",
   props: {
     id: {},
@@ -3534,9 +3534,9 @@ const us = /* @__PURE__ */ pe(rs, [["render", is]]), ds = { class: "cl-w-full" }
     "update:currentTab": null
   },
   setup(t, { emit: o }) {
-    const l = t, e = q(), s = q(), n = _(() => l.id === l.currentTab);
+    const l = t, e = q(), a = q(), n = _(() => l.id === l.currentTab);
     function i() {
-      l.disabled || (e.value = !1, s.value = !1, o("update:currentTab", l.id));
+      l.disabled || (e.value = !1, a.value = !1, o("update:currentTab", l.id));
     }
     return (u, r) => (c(), y("div", {
       class: j(["cl-border-b cl-cursor-pointer cl-flex cl-items-center cl-px-4 cl-py-2 cl-rounded-b-none cl-rounded-sm cl-select-none cl-text-xl cl-transition cl-whitespace-nowrap focus:cl-outline-none", {
@@ -3560,29 +3560,29 @@ const us = /* @__PURE__ */ pe(rs, [["render", is]]), ds = { class: "cl-w-full" }
       }]),
       tabindex: "0",
       onClick: i,
-      onMouseover: r[0] || (r[0] = (d) => s.value = !0),
-      onMouseout: r[1] || (r[1] = (d) => s.value = !1),
+      onMouseover: r[0] || (r[0] = (d) => a.value = !0),
+      onMouseout: r[1] || (r[1] = (d) => a.value = !1),
       onFocusin: r[2] || (r[2] = (d) => e.value = !0),
       onFocusout: r[3] || (r[3] = (d) => e.value = !1),
       onKeyup: $e(Z(i, ["self"]), ["enter"])
     }, [
       N(u.$slots, "default")
-    ], 42, fs));
+    ], 42, fa));
   }
-}), gs = {};
-function vs(t, o) {
+}), ga = {};
+function va(t, o) {
   return N(t.$slots, "default");
 }
-const bs = /* @__PURE__ */ pe(gs, [["render", vs]]), hs = [
+const ba = /* @__PURE__ */ pe(ga, [["render", va]]), ha = [
   "default",
   "primary",
   "secondary",
   "danger",
   "blue"
-], ys = [
+], ya = [
   "left",
   "right"
-], ws = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+], wa = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   FilterOperation: ee,
   buttonColours: Al,
@@ -3599,20 +3599,20 @@ const bs = /* @__PURE__ */ pe(gs, [["render", vs]]), hs = [
   clUiGrid: bn,
   clUiHeader: yn,
   clUiHeaderMenu: On,
-  clUiInput: ae,
+  clUiInput: se,
   clUiLanguageSwitcher: In,
   clUiLoadingSpinner: Se,
   clUiLogin: Hn,
   clUiModal: Ye,
   clUiNavigation: Qn,
-  clUiNavigationGroup: es,
+  clUiNavigationGroup: ea,
   clUiNavigationIcon: Jn,
-  clUiNavigationItem: us,
-  clUiNavigationSection: as,
+  clUiNavigationItem: ua,
+  clUiNavigationSection: sa,
   clUiNotification: Je,
-  clUiTab: ps,
-  clUiTabContent: bs,
-  clUiTabHeader: ms,
+  clUiTab: pa,
+  clUiTabContent: ba,
+  clUiTabHeader: ma,
   filterMethodTypes: qo,
   gridColumnTypes: To,
   inputTypes: Gl,
@@ -3627,11 +3627,11 @@ const bs = /* @__PURE__ */ pe(gs, [["render", vs]]), hs = [
   modalColours: Gn,
   modalSizes: xn,
   stringFormats: Oo,
-  tabColours: hs,
-  tabScroll: ys
+  tabColours: ha,
+  tabScroll: ya
 }, Symbol.toStringTag, { value: "Module" }));
-const Rs = (t) => {
-  t.use(Q), t.component("Icon", I), Object.entries(ws).forEach(([
+const Ra = (t) => {
+  t.use(Q), t.component("Icon", I), Object.entries(wa).forEach(([
     o,
     l
   ]) => {
@@ -3639,7 +3639,7 @@ const Rs = (t) => {
   });
 };
 export {
-  Is as CitrusLimeUI,
+  Ia as CitrusLimeUI,
   x as DateFormat,
   ee as FilterOperation,
   K as NumberFormat,
@@ -3657,22 +3657,22 @@ export {
   bn as clUiGrid,
   yn as clUiHeader,
   On as clUiHeaderMenu,
-  ae as clUiInput,
+  se as clUiInput,
   In as clUiLanguageSwitcher,
   Se as clUiLoadingSpinner,
   Hn as clUiLogin,
   Ye as clUiModal,
   Qn as clUiNavigation,
-  es as clUiNavigationGroup,
+  ea as clUiNavigationGroup,
   Jn as clUiNavigationIcon,
-  us as clUiNavigationItem,
-  as as clUiNavigationSection,
+  ua as clUiNavigationItem,
+  sa as clUiNavigationSection,
   Je as clUiNotification,
-  ps as clUiTab,
-  bs as clUiTabContent,
-  ms as clUiTabHeader,
+  pa as clUiTab,
+  ba as clUiTabContent,
+  ma as clUiTabHeader,
   zl as datetimeFormats,
-  Rs as default,
+  Ra as default,
   qo as filterMethodTypes,
   To as gridColumnTypes,
   Q as i18n,
@@ -3689,14 +3689,14 @@ export {
   Gn as modalColours,
   xn as modalSizes,
   Rl as numberFormats,
-  _s as setCurrentLocale,
-  js as setLocaleDateTimeFormats,
-  Ss as setLocaleMessages,
-  Ns as setLocaleNumberFormats,
+  _a as setCurrentLocale,
+  ja as setLocaleDateTimeFormats,
+  Sa as setLocaleMessages,
+  Na as setLocaleNumberFormats,
   De as showNotification,
   Oo as stringFormats,
-  hs as tabColours,
-  ys as tabScroll,
+  ha as tabColours,
+  ya as tabScroll,
   Dl as validateEmail,
   Bl as validateMaxValue,
   Ul as validateMinValue