@citruslime/ui 2.4.7-beta.2 → 2.4.8-beta.0

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

@@ -1,5 +1,5 @@
 import { Icon as U } from "@iconify/vue";
-import { defineComponent as B, ref as I, openBlock as u, createElementBlock as v, renderSlot as j, normalizeProps as oe, guardReactiveProps as ae, Fragment as D, createElementVNode as f, normalizeClass as _, createVNode as C, unref as p, Transition as ve, withCtx as P, withDirectives as H, mergeProps as re, vShow as Z, createBlock as V, Teleport as Re, renderList as ee, toDisplayString as S, createCommentVNode as N, nextTick as Ce, toHandlers as ol, withModifiers as Q, computed as A, useCssVars as sl, watch as Y, vModelText as nl, onMounted as Ae, vModelDynamic as al, withKeys as ke, onUnmounted as ze, resolveComponent as rl, createTextVNode as te, watchEffect as il, createSlots as Ue, normalizeStyle as cl } from "vue";
+import { defineComponent as B, ref as I, openBlock as u, createElementBlock as g, renderSlot as j, normalizeProps as oe, guardReactiveProps as ae, Fragment as D, createElementVNode as f, normalizeClass as _, createVNode as C, unref as p, Transition as ve, withCtx as P, withDirectives as H, mergeProps as re, vShow as Z, createBlock as V, Teleport as Re, renderList as ee, toDisplayString as S, createCommentVNode as N, nextTick as Ce, toHandlers as ol, withModifiers as Q, computed as A, useCssVars as sl, watch as Y, vModelText as nl, onMounted as Ae, vModelDynamic as al, withKeys as ke, onUnmounted as ze, resolveComponent as rl, createTextVNode as te, watchEffect as il, createSlots as Ue, normalizeStyle as cl } from "vue";
 import { generateStringId as ul } from "@citruslime/utils";
 import { onClickOutside as Me, useTimeoutFn as Qe, useDebounceFn as Ye, useWindowSize as dl } from "@vueuse/core";
 import { createI18n as pl, useI18n as se } from "vue-i18n";
@@ -26,7 +26,7 @@ const ml = { class: "cl-overflow-hidden" }, gl = /* @__PURE__ */ B({
         i.id !== d && (i.open = !1);
       }), a.open = !a.open);
     }
-    return (d, a) => (u(), v("div", ml, [
+    return (d, a) => (u(), g("div", ml, [
       j(d.$slots, "default", oe(ae({ isItemOpen: l, toggleItem: s })))
     ]));
   }
@@ -45,7 +45,7 @@ const ml = { class: "cl-overflow-hidden" }, gl = /* @__PURE__ */ B({
     function l() {
       e.disabled || o("toggle");
     }
-    return (s, d) => (u(), v(D, null, [
+    return (s, d) => (u(), g(D, null, [
       f("div", {
         class: _(["cl-border-b cl-border-grey-1 cl-relative", {
           "cl-bg-grey-0": s.disabled,
@@ -87,7 +87,7 @@ const ml = { class: "cl-overflow-hidden" }, gl = /* @__PURE__ */ B({
   return e;
 }, wl = {}, $l = { 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 kl(t, o) {
-  return u(), v("div", $l, [
+  return u(), g("div", $l, [
     j(t.$slots, "default")
   ]);
 }
@@ -121,7 +121,7 @@ const Tl = ["onClick"], Ol = { class: "cl-flex-1 cl-select-none cl-text-ellipsis
           "cl-bottom-5 cl-right-5": o.position === "bottom-right"
         }])
       }, [
-        (u(!0), v(D, null, ee(p(qe), (l, s) => (u(), v("div", re(o.$attrs, {
+        (u(!0), g(D, null, ee(p(qe), (l, s) => (u(), g("div", re(o.$attrs, {
           key: s,
           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": l.colour === "default",
@@ -149,7 +149,7 @@ const Tl = ["onClick"], Ol = { class: "cl-flex-1 cl-select-none cl-text-ellipsis
     removePadding: { type: Boolean, default: !1 }
   },
   setup(t) {
-    return (o, e) => (u(), v(D, null, [
+    return (o, e) => (u(), g(D, null, [
       C(Xe, {
         class: _({
           "first:cl-mt-[4.25rem]": o.$slots.header
@@ -178,7 +178,7 @@ const Tl = ["onClick"], Ol = { class: "cl-flex-1 cl-select-none cl-text-ellipsis
 });
 const ql = {}, Al = { class: "loading-spinner" };
 function Il(t, o) {
-  return u(), v("div", Al);
+  return u(), g("div", Al);
 }
 const Ie = /* @__PURE__ */ me(ql, [["render", Il], ["__scopeId", "data-v-a21dc5d2"]]), Nl = ["disabled"], ge = /* @__PURE__ */ B({
   inheritAttrs: !1,
@@ -195,7 +195,7 @@ const Ie = /* @__PURE__ */ me(ql, [["render", Il], ["__scopeId", "data-v-a21dc5d
       focus() {
         e.value && e.value.focus();
       }
-    }), (l, s) => (u(), v(D, null, [
+    }), (l, s) => (u(), g(D, null, [
       H(C(Ie, { class: "relative" }, null, 512), [
         [Z, l.loading]
       ]),
@@ -240,15 +240,15 @@ const Ie = /* @__PURE__ */ me(ql, [["render", Il], ["__scopeId", "data-v-a21dc5d
     hover: { type: Boolean, default: !1 }
   },
   setup(t) {
-    return (o, e) => (u(), v("div", {
+    return (o, e) => (u(), g("div", {
       class: _(["cl-border cl-border-transparent cl-overflow-hidden cl-relative cl-rounded-md cl-shadow-lg cl-transition-all", {
         "cl-cursor-pointer hover:cl-shadow-xl hover:cl-border-grey-0": o.hover
       }])
     }, [
-      o.$slots.image ? (u(), v("div", Rl, [
+      o.$slots.image ? (u(), g("div", Rl, [
         j(o.$slots, "image")
       ])) : N("", !0),
-      o.$slots.title ? (u(), v("div", {
+      o.$slots.title ? (u(), g("div", {
         key: 1,
         class: _(["cl-border-grey-2 cl-font-normal", {
           "cl-p-2 cl-text-2xl cl-leading-8": o.size === "small",
@@ -269,7 +269,7 @@ const Ie = /* @__PURE__ */ me(ql, [["render", Il], ["__scopeId", "data-v-a21dc5d
       }, [
         j(o.$slots, "default")
       ], 2),
-      o.$slots.footer ? (u(), v("div", {
+      o.$slots.footer ? (u(), g("div", {
         key: 2,
         class: _(["cl-border-grey-2 cl-border-t", {
           "cl-p-2": o.size === "small",
@@ -443,16 +443,16 @@ const Ml = {
   fallbackWarn: !1,
   warnHtmlMessage: !1
 });
-function Vn(t, o) {
+function Ln(t, o) {
   return fe.global.mergeLocaleMessage(t, o), Ce();
 }
-function Ln(t, o) {
+function Dn(t, o) {
   return fe.global.mergeNumberFormat(t, o), Ce();
 }
-function Dn(t, o) {
+function Pn(t, o) {
   return fe.global.mergeDateTimeFormat(t, o), Ce();
 }
-function Pn(t) {
+function Fn(t) {
   return fe.global.locale.value = t, Ce();
 }
 const { t: de } = fe.global;
@@ -594,7 +594,7 @@ const Hl = { class: "cl-relative" }, xl = ["value", "disabled", "placeholder"],
     }
     return o({
       focus: l
-    }), (s, d) => (u(), v("div", Hl, [
+    }), (s, d) => (u(), g("div", Hl, [
       f("input", re({
         ref_key: "element",
         ref: e
@@ -613,7 +613,7 @@ const Hl = { class: "cl-relative" }, xl = ["value", "disabled", "placeholder"],
       }, null, 8, ["class", "icon"]), [
         [Z, !s.disabled]
       ]),
-      s.disabled ? N("", !0) : (u(), v("div", Zl, [
+      s.disabled ? N("", !0) : (u(), g("div", Zl, [
         s.type !== "time" ? (u(), V(p(U), {
           key: 0,
           class: "cl-cursor-pointer hover:cl-text-link-light",
@@ -792,7 +792,7 @@ function Kl(t) {
       from: "@iconify/vue"
     };
 }
-function Fn() {
+function Hn() {
   return Kl;
 }
 const Ql = [
@@ -855,7 +855,7 @@ const Ql = [
       }
     });
     const k = I(!1);
-    return (n, b) => m.value ? (u(), v("div", oe(re({ key: 0 }, n.$attrs)), [
+    return (n, b) => m.value ? (u(), g("div", oe(re({ key: 0 }, n.$attrs)), [
       f("div", Yl, [
         f("span", {
           class: _(["cl-border cl-border-transparent cl-leading-6 cl-mr-1 cl-px-2 cl-rounded-full cl-select-none cl-shadow cl-text-center cl-text-xs", {
@@ -864,7 +864,7 @@ const Ql = [
           }]),
           onClick: b[0] || (b[0] = (h) => r.value = n.disabled ? r.value : n.min)
         }, S(p(s)(n.min, Number.isInteger(n.min) ? p(le).INTEGER : p(le).DECIMAL)), 3),
-        typeof r.value == "number" ? (u(), v("div", Jl, [
+        typeof r.value == "number" ? (u(), g("div", Jl, [
           k.value ? (u(), V(p(ie), {
             key: 0,
             ref_key: "sliderRef",
@@ -877,7 +877,7 @@ const Ql = [
             max: n.max,
             step: n.step,
             disabled: n.disabled
-          }, null, 8, ["modelValue", "min", "max", "step", "disabled"])) : (u(), v(D, { key: 1 }, [
+          }, null, 8, ["modelValue", "min", "max", "step", "disabled"])) : (u(), g(D, { key: 1 }, [
             H(f("input", {
               ref_key: "sliderRef",
               ref: i,
@@ -915,7 +915,7 @@ const Ql = [
           ])
         ])
       ])
-    ], 16)) : (u(), v("div", ot, S(p(d)("slider.invalidProps")), 1));
+    ], 16)) : (u(), g("div", ot, S(p(d)("slider.invalidProps")), 1));
   }
 });
 const nt = /* @__PURE__ */ me(st, [["__scopeId", "data-v-298c940f"]]);
@@ -1029,25 +1029,25 @@ const it = { class: "cl-flex cl-justify-between" }, ct = { class: "cl-w-full" },
   setup(t, { expose: o, emit: e }) {
     const l = t, s = I(null), d = I(!1), a = I(!1), i = A(F), r = A(() => l.placeholderText.trim() !== "" ? l.placeholderText : l.label), c = I(0), m = A({
       get: () => l.modelValue,
-      set: (g) => M(g, !1)
+      set: (v) => M(v, !1)
     }), k = A({
       get: () => l.modelValue,
-      set: (g) => w(g)
+      set: (v) => w(v)
     }), n = A(() => typeof l.min == "number" ? l.min.toString() : l.min), b = A(() => typeof l.max == "number" ? l.max.toString() : l.max), h = A(() => typeof l.min == "number" || l.min === null ? l.min : parseFloat(l.min)), y = A(() => typeof l.max == "number" || l.max === null ? l.max : parseFloat(l.max)), T = A(() => l.messageWhenValid.trim() !== "" ? l.messageWhenValid : ""), E = I(!0), $ = I(!0), z = I([]), q = A(() => {
-      var g, R;
+      var v, R;
       return [
-        ...((g = z.value) == null ? void 0 : g.filter((L) => ((L == null ? void 0 : L.length) ?? 0) > 0)) ?? [],
+        ...((v = z.value) == null ? void 0 : v.filter((L) => ((L == null ? void 0 : L.length) ?? 0) > 0)) ?? [],
         ...((R = l.externalErrors) == null ? void 0 : R.filter((L) => ((L == null ? void 0 : L.length) ?? 0) > 0)) ?? []
       ].join(`
 `);
     });
-    async function w(g) {
-      l.validateOn === "input" && await G(g), e("update:model-value", g);
+    async function w(v) {
+      l.validateOn === "input" && await G(v), e("update:model-value", v);
     }
-    async function M(g, R) {
-      l.onInputFunction !== void 0 && (g = l.onInputFunction(g)), l.validateOn === "change" && ($.value = !1), (R || l.validateOn === "input") && await G(g), e("update:model-value", g);
+    async function M(v, R) {
+      l.onInputFunction !== void 0 && (v = l.onInputFunction(v)), l.validateOn === "change" && ($.value = !1), (R || l.validateOn === "input") && await G(v), e("update:model-value", v);
     }
-    function G(g) {
+    function G(v) {
       const R = {
         message: "",
         valid: !0
@@ -1055,41 +1055,41 @@ const it = { class: "cl-flex cl-justify-between" }, ct = { class: "cl-w-full" },
         l.customValidationFunction === null || l.customValidationFunction === void 0 ? new Promise((he) => {
           he(R);
         }) : new Promise((he) => {
-          he(l.customValidationFunction(l.label, g));
+          he(l.customValidationFunction(l.label, v));
         })
       ];
-      return (typeof g == "string" || typeof g == "number") && (L.push(Ll(l.min, l.inputType, l.label, g, l.timeZone)), L.push(Dl(l.max, l.inputType, l.label, g, l.timeZone))), l.isRequired && L.push(Pl(l.label, g)), l.inputType === "email" && typeof g == "string" && L.push(Fl(l.label, g)), Promise.all(L).then((he) => {
+      return (typeof v == "string" || typeof v == "number") && (L.push(Ll(l.min, l.inputType, l.label, v, l.timeZone)), L.push(Dl(l.max, l.inputType, l.label, v, l.timeZone))), l.isRequired && L.push(Pl(l.label, v)), l.inputType === "email" && typeof v == "string" && L.push(Fl(l.label, v)), Promise.all(L).then((he) => {
         const tl = [...he.map((Te) => Te.message)], Ve = he.some((Te) => Te.message.length > 0 && Te.valid === !1) || l.externalErrors.length > 0;
-        $.value = !0, Ve ? (z.value = tl, e("validated", !1, g)) : (z.value = [], e("validated", !0, g)), E.value = !Ve;
+        $.value = !0, Ve ? (z.value = tl, e("validated", !1, v)) : (z.value = [], e("validated", !0, v)), E.value = !Ve;
       });
     }
     function K() {
-      let g = "";
-      return l.inputType === "color" && m.value && (l.disabled ? g = "background: #999999" : g = `background: ${m.value};`), g;
+      let v = "";
+      return l.inputType === "color" && m.value && (l.disabled ? v = "background: #999999" : v = `background: ${m.value};`), v;
     }
-    function ue(g) {
-      $e(l.inputType) ? (g.preventDefault(), e("click", g)) : l.inputType === "checkbox" && e("click", g);
+    function ue(v) {
+      $e(l.inputType) ? (v.preventDefault(), e("click", v)) : l.inputType === "checkbox" && e("click", v);
     }
-    function Ne(g) {
+    function Ne(v) {
       if (s.value) {
         s.value.stepUp(), s.value.focus(), M(s.value.valueAsNumber, !1);
         const R = {
           target: s.value
         };
-        e("input", R, s.value.valueAsNumber), e("change", g, s.value.valueAsNumber);
+        e("input", R, s.value.valueAsNumber), e("change", v, s.value.valueAsNumber);
       }
     }
-    function je(g) {
+    function je(v) {
       if (s.value) {
         s.value.stepDown(), s.value.focus(), M(s.value.valueAsNumber, !1);
         const R = {
           target: s.value
         };
-        e("input", R, s.value.valueAsNumber), e("change", g, s.value.valueAsNumber);
+        e("input", R, s.value.valueAsNumber), e("change", v, s.value.valueAsNumber);
       }
     }
-    function ye(g) {
-      d.value = g;
+    function ye(v) {
+      d.value = v;
     }
     async function be() {
       a.value = !0, ye(!1), l.validateOn === "change" && await G(m.value);
@@ -1097,18 +1097,18 @@ const it = { class: "cl-flex cl-justify-between" }, ct = { class: "cl-w-full" },
     function we() {
       c.value++;
     }
-    function O(g) {
-      g.target.blur();
+    function O(v) {
+      v.target.blur();
     }
     function F() {
       var L;
-      let g = !0;
+      let v = !0;
       const R = i.value;
-      return d.value ? g = R : a.value && ((L = m.value) == null ? void 0 : L.toString().trim()) === "" && l.requiredText.trim() !== "" && (g = !1), !l.hideRequiredAsterisk && g;
+      return d.value ? v = R : a.value && ((L = m.value) == null ? void 0 : L.toString().trim()) === "" && l.requiredText.trim() !== "" && (v = !1), !l.hideRequiredAsterisk && v;
     }
-    async function ne(g) {
-      const R = xe(g, l.inputType);
-      l.validateOn === "change" && await G(R), e("change", g, R);
+    async function ne(v) {
+      const R = xe(v, l.inputType);
+      l.validateOn === "change" && await G(R), e("change", v, R);
     }
     async function W() {
       await be(), we();
@@ -1124,14 +1124,14 @@ const it = { class: "cl-flex cl-justify-between" }, ct = { class: "cl-w-full" },
       }
     ), o({
       focus() {
-        var g;
-        (g = s.value) == null || g.focus();
+        var v;
+        (v = s.value) == null || v.focus();
       },
       blur() {
-        var g;
-        (g = s.value) == null || g.blur();
+        var v;
+        (v = s.value) == null || v.blur();
       }
-    }), (g, R) => (u(), v("div", re({ ...g.$attrs, id: void 0 }, {
+    }), (v, R) => (u(), g("div", re({ ...v.$attrs, id: void 0 }, {
       key: c.value,
       class: "cl-align-top cl-border-none cl-inline-block cl-text-left"
     }), [
@@ -1141,47 +1141,47 @@ const it = { class: "cl-flex cl-justify-between" }, ct = { class: "cl-w-full" },
       }, [
         f("div", it, [
           f("div", ct, [
-            H(f("label", { class: "cl-block cl-mb-1 cl-text-grey-4 cl-text-xs cl-tracking-widest" }, S(g.label), 513), [
-              [Z, g.showLabel && g.label !== ""]
+            H(f("label", { class: "cl-block cl-mb-1 cl-text-grey-4 cl-text-xs cl-tracking-widest" }, S(v.label), 513), [
+              [Z, v.showLabel && v.label !== ""]
             ])
           ]),
-          g.isRequired && i.value ? (u(), v("label", ut, " * ")) : N("", !0),
-          g.isRequired && !i.value && g.requiredText.length ? (u(), v("label", dt, S(g.requiredText), 1)) : N("", !0)
+          v.isRequired && i.value ? (u(), g("label", ut, " * ")) : N("", !0),
+          v.isRequired && !i.value && v.requiredText.length ? (u(), g("label", dt, S(v.requiredText), 1)) : N("", !0)
         ]),
-        g.inputType !== "range" && !p(He)(g.inputType) ? (u(), v("div", pt, [
+        v.inputType !== "range" && !p(He)(v.inputType) ? (u(), g("div", pt, [
           H(f("input", re({
             ref_key: "inputElement",
             ref: s,
             "onUpdate:modelValue": R[0] || (R[0] = (L) => m.value = L)
-          }, g.$attrs, {
+          }, 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", {
-              "hover:!cl-border-grey-3": g.disabled === !1 && !p($e)(g.inputType),
-              "!cl-cursor-default": g.disabled,
+              "hover:!cl-border-grey-3": v.disabled === !1 && !p($e)(v.inputType),
+              "!cl-cursor-default": v.disabled,
               "!cl-border-danger-default": !E.value,
-              "!cl-border-primary-default": E.value && g.highlightWhenValid,
-              "cl-border-grey-0 focus:cl-border-blue-light": E.value && !p($e)(g.inputType),
-              "!cl-p-2": g.inputType === "checkbox" || g.inputType === "radio",
-              "cl-p-3 cl-rounded-lg": !p($e)(g.inputType),
-              [`${g.inputSpecificClasses}`]: g.inputSpecificClasses !== ""
+              "!cl-border-primary-default": E.value && v.highlightWhenValid,
+              "cl-border-grey-0 focus:cl-border-blue-light": E.value && !p($e)(v.inputType),
+              "!cl-p-2": v.inputType === "checkbox" || v.inputType === "radio",
+              "cl-p-3 cl-rounded-lg": !p($e)(v.inputType),
+              [`${v.inputSpecificClasses}`]: v.inputSpecificClasses !== ""
             }],
             style: K(),
-            type: g.inputType,
-            disabled: g.disabled,
-            min: g.min ?? void 0,
-            max: g.max ?? void 0,
-            minlength: g.min !== null && p(Fe)(g.inputType) ? g.min : void 0,
-            maxlength: g.max !== null && p(Fe)(g.inputType) ? g.max : void 0,
-            step: g.step,
+            type: v.inputType,
+            disabled: v.disabled,
+            min: v.min ?? void 0,
+            max: v.max ?? void 0,
+            minlength: v.min !== null && p(Fe)(v.inputType) ? v.min : void 0,
+            maxlength: v.max !== null && p(Fe)(v.inputType) ? v.max : void 0,
+            step: v.step,
             placeholder: r.value,
-            accept: g.fileExtensions,
-            name: g.group,
-            autocomplete: g.autocomplete,
+            accept: v.fileExtensions,
+            name: v.group,
+            autocomplete: v.autocomplete,
             onClick: R[1] || (R[1] = (L) => ue(L)),
             onFocus: R[2] || (R[2] = (L) => e("focus")),
             onBlur: Q(W, ["self"]),
             onMousewheelPassive: O,
             onInput: R[3] || (R[3] = (L) => {
-              e("input", L, p(xe)(L, g.inputType));
+              e("input", L, p(xe)(L, v.inputType));
             }),
             onChange: ne
           }), null, 16, ft), [
@@ -1192,7 +1192,7 @@ const it = { class: "cl-flex cl-justify-between" }, ct = { class: "cl-w-full" },
             duration: 300
           }, {
             default: P(() => [
-              g.inputType === "number" && !g.disabled && g.showArrows ? H((u(), v("div", mt, [
+              v.inputType === "number" && !v.disabled && v.showArrows ? H((u(), g("div", mt, [
                 C(p(U), {
                   icon: "ph:caret-up-bold",
                   class: "cl-absolute cl-bg-link-default cl-right-1 cl-rounded-full cl-text-sm cl-text-white cl-top-1 hover:cl-bg-link-light hover:cl-cursor-pointer",
@@ -1213,26 +1213,26 @@ const it = { class: "cl-flex cl-justify-between" }, ct = { class: "cl-w-full" },
             ]),
             _: 1
           })
-        ])) : p(He)(g.inputType) ? (u(), V(p(Wl), re({ key: 1 }, g.$attrs, {
+        ])) : p(He)(v.inputType) ? (u(), V(p(Wl), re({ key: 1 }, v.$attrs, {
           ref_key: "inputElement",
           ref: s,
           date: k.value,
           "onUpdate:date": R[6] || (R[6] = (L) => k.value = L),
           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", {
-            "hover:cl-border-grey-3": !g.disabled,
+            "hover:cl-border-grey-3": !v.disabled,
             "!cl-border-danger-default": !E.value,
-            "!cl-border-primary-default": E.value && g.highlightWhenValid
+            "!cl-border-primary-default": E.value && v.highlightWhenValid
           }],
-          disabled: g.disabled,
-          required: g.isRequired,
-          type: p(rt)(g.inputType),
-          "time-zone": g.timeZone,
+          disabled: v.disabled,
+          required: v.isRequired,
+          type: p(rt)(v.inputType),
+          "time-zone": v.timeZone,
           min: n.value,
           max: b.value,
           placeholder: r.value,
           onBlur: Q(be, ["self"]),
           onFocus: R[7] || (R[7] = (L) => e("focus"))
-        }), null, 16, ["date", "class", "disabled", "required", "type", "time-zone", "min", "max", "placeholder", "onBlur"])) : g.inputType === "range" && typeof m.value == "number" ? (u(), v("div", gt, [
+        }), null, 16, ["date", "class", "disabled", "required", "type", "time-zone", "min", "max", "placeholder", "onBlur"])) : v.inputType === "range" && typeof m.value == "number" ? (u(), g("div", gt, [
           C(p(nt), {
             ref_key: "inputElement",
             ref: s,
@@ -1240,20 +1240,23 @@ const it = { class: "cl-flex cl-justify-between" }, ct = { class: "cl-w-full" },
             "onUpdate:value": R[8] || (R[8] = (L) => m.value = L),
             min: h.value ?? 0,
             max: y.value ?? 1e3,
-            step: g.step,
+            step: v.step,
             "enforce-step": !0,
-            disabled: g.disabled,
+            disabled: v.disabled,
             onBlur: Q(be, ["self"]),
             onFocus: R[9] || (R[9] = (L) => e("focus"))
           }, null, 8, ["value", "min", "max", "step", "disabled", "onBlur"])
         ])) : N("", !0)
       ], 32),
-      E.value && T.value && $.value ? (u(), v("div", vt, S(T.value), 1)) : N("", !0),
-      !E.value && q.value.length > 0 && g.showValidationMessages && $.value ? (u(), v("div", bt, S(q.value), 1)) : N("", !0)
+      E.value && T.value && $.value ? (u(), g("div", vt, S(T.value), 1)) : N("", !0),
+      !E.value && q.value.length > 0 && v.showValidationMessages && $.value ? (u(), g("div", bt, S(q.value), 1)) : N("", !0)
     ], 16));
   }
 });
-const ie = /* @__PURE__ */ me(ht, [["__scopeId", "data-v-e205e4b1"]]), yt = { class: "cl-align-items-center cl-bg-black cl-bg-opacity-40 cl-bottom-0 cl-fixed cl-flex cl-h-full cl-justify-center cl-left-0 cl-right-0 cl-top-0 cl-w-full cl-z-40 xl:cl-h-screen" }, wt = ["onKeypress"], $t = { class: "cl-overflow-y-auto cl-overscroll-y-none cl-p-2 cl-w-full" }, el = /* @__PURE__ */ B({
+const ie = /* @__PURE__ */ me(ht, [["__scopeId", "data-v-e205e4b1"]]), yt = { class: "cl-align-items-center cl-bg-black cl-bg-opacity-40 cl-bottom-0 cl-fixed cl-flex cl-h-full cl-justify-center cl-left-0 cl-right-0 cl-top-0 cl-w-full cl-z-40 xl:cl-h-screen" }, wt = ["onKeypress"], $t = {
+  key: 0,
+  class: "cl-mt-1 cl-opacity-60 cl-text-primary-default"
+}, kt = { class: "cl-overflow-y-auto cl-overscroll-y-none cl-p-2 cl-w-full" }, el = /* @__PURE__ */ B({
   inheritAttrs: !1,
   __name: "cl-ui-modal",
   props: {
@@ -1272,7 +1275,7 @@ const ie = /* @__PURE__ */ me(ht, [["__scopeId", "data-v-e205e4b1"]]), yt = { cl
     function d(a) {
       a.key === "Escape" && s();
     }
-    return (a, i) => (u(), v(D, null, [
+    return (a, i) => (u(), g(D, null, [
       j(a.$slots, "trigger", oe(ae({ open: l }))),
       (u(), V(Re, { to: "body" }, [
         C(ve, { name: "fade" }, {
@@ -1288,7 +1291,8 @@ const ie = /* @__PURE__ */ me(ht, [["__scopeId", "data-v-e205e4b1"]]), yt = { cl
               }), [
                 H(f("div", {
                   class: _(["cl-absolute cl-cursor-pointer cl-right-4 cl-top-4 cl-transition-colors cl-w-3", {
-                    "cl-text-white hover:cl-text-off-white": a.headerColour === "secondary" || a.headerColour === "primary",
+                    "cl-text-white hover:cl-text-off-white": a.headerColour === "secondary",
+                    "cl-text-secondary hover:cl-text-off-white": a.headerColour === "primary",
                     "cl-text-black hover:cl-text-grey-7": a.headerColour === "white"
                   }]),
                   tabindex: 0,
@@ -1300,15 +1304,15 @@ const ie = /* @__PURE__ */ me(ht, [["__scopeId", "data-v-e205e4b1"]]), yt = { cl
                   [Z, !a.preventClose]
                 ]),
                 f("div", {
-                  class: _(["cl-leading-[2.75rem] cl-min-h-12 cl-overflow-hidden cl-pl-3 cl-pr-8 cl-text-2xl cl-w-full", {
-                    "cl-border-b cl-border-grey-2": a.headerColour === "white",
+                  class: _(["cl-leading-[2.75rem] cl-min-h-12 cl-overflow-hidden cl-pb-2 cl-pl-4 cl-pr-8 cl-pt-2 cl-text-2xl cl-w-full", {
                     "cl-bg-secondary-default cl-text-white": a.headerColour === "secondary",
-                    "cl-bg-primary-default cl-text-white": a.headerColour === "primary"
+                    "cl-bg-primary-default cl-text-secondary": a.headerColour === "primary"
                   }])
                 }, [
-                  j(a.$slots, "title")
+                  j(a.$slots, "title"),
+                  a.headerColour === "white" ? (u(), g("hr", $t)) : N("", !0)
                 ], 2),
-                f("div", $t, [
+                f("div", kt, [
                   j(a.$slots, "default", oe(ae({ close: s })))
                 ]),
                 j(a.$slots, "footer", oe(ae({ close: s })))
@@ -1322,7 +1326,7 @@ const ie = /* @__PURE__ */ me(ht, [["__scopeId", "data-v-e205e4b1"]]), yt = { cl
       ]))
     ], 64));
   }
-}), kt = { class: "cl-bg-grey-0 cl-flex cl-p-1 cl-text-left" }, Ct = {
+}), Ct = { class: "cl-bg-grey-0 cl-flex cl-p-1 cl-text-left" }, Tt = {
   key: 0,
   class: "cl-w-1/2"
 }, Oe = /* @__PURE__ */ B({
@@ -1336,8 +1340,8 @@ const ie = /* @__PURE__ */ me(ht, [["__scopeId", "data-v-e205e4b1"]]), yt = { cl
     "clear-object": null
   },
   setup(t) {
-    return (o, e) => (u(), v("div", kt, [
-      o.additionalText !== "" ? (u(), v("div", Ct, S(o.additionalText), 1)) : N("", !0),
+    return (o, e) => (u(), g("div", Ct, [
+      o.additionalText !== "" ? (u(), g("div", Tt, S(o.additionalText), 1)) : N("", !0),
       f("div", {
         class: _({
           "cl-w-1/2": o.additionalText !== "",
@@ -1357,10 +1361,10 @@ const ie = /* @__PURE__ */ me(ht, [["__scopeId", "data-v-e205e4b1"]]), yt = { cl
       ])
     ]));
   }
-}), Tt = {
+}), Ot = {
   key: 0,
   class: "cl-w-1/2"
-}, Ot = { class: "cl-float-right cl-py-1" }, Ze = /* @__PURE__ */ B({
+}, St = { class: "cl-float-right cl-py-1" }, Ze = /* @__PURE__ */ B({
   __name: "cl-ui-combo-box-selectable",
   props: {
     isCreateNewOption: { type: Boolean, default: !1 },
@@ -1394,7 +1398,7 @@ const ie = /* @__PURE__ */ me(ht, [["__scopeId", "data-v-e205e4b1"]]), yt = { cl
     }
     return Y(() => e.selectedIndex, () => r()), (c, m) => {
       var k, n;
-      return u(), v("div", {
+      return u(), g("div", {
         class: _(["cl-cursor-pointer cl-duration-75 cl-flex cl-p-1 cl-text-left cl-transition-colors", {
           "cl-bg-white": d.value === !1,
           "cl-bg-link-light cl-text-white cl-opacity-90": d.value && c.isCreateNewOption === !1,
@@ -1404,14 +1408,14 @@ const ie = /* @__PURE__ */ me(ht, [["__scopeId", "data-v-e205e4b1"]]), yt = { cl
         onMousemove: m[0] || (m[0] = (b) => i(!0)),
         onMouseleave: m[1] || (m[1] = (b) => i(!1))
       }, [
-        c.option !== null && ((k = c.option) == null ? void 0 : k.parentId) !== 0 && ((n = c.option) == null ? void 0 : n.parentId) !== void 0 ? (u(), v("div", Tt, S(s.value), 1)) : N("", !0),
+        c.option !== null && ((k = c.option) == null ? void 0 : k.parentId) !== 0 && ((n = c.option) == null ? void 0 : n.parentId) !== void 0 ? (u(), g("div", Ot, S(s.value), 1)) : N("", !0),
         f("div", {
           class: _({
             "cl-w-1/2": s.value !== "",
             "cl-w-full": s.value === ""
           })
         }, S(l.value), 3),
-        H(f("div", Ot, [
+        H(f("div", St, [
           C(p(U), {
             class: _(["cl-transition-colors", {
               "cl-text-white": d.value,
@@ -1425,7 +1429,7 @@ const ie = /* @__PURE__ */ me(ht, [["__scopeId", "data-v-e205e4b1"]]), yt = { cl
       ], 34);
     };
   }
-}), St = ["onKeyup"], Et = { class: "cl-bg-white cl-flex cl-p-2 cl-pb-1 cl-sticky cl-top-0 cl-w-full cl-z-10" }, qt = { key: 5 }, At = /* @__PURE__ */ B({
+}), Et = ["onKeyup"], qt = { class: "cl-bg-white cl-flex cl-p-2 cl-pb-1 cl-sticky cl-top-0 cl-w-full cl-z-10" }, At = { key: 5 }, It = /* @__PURE__ */ B({
   __name: "cl-ui-combo-box-search",
   props: {
     loading: { type: Boolean, default: !1 },
@@ -1503,7 +1507,7 @@ const ie = /* @__PURE__ */ me(ht, [["__scopeId", "data-v-e205e4b1"]]), yt = { cl
       return (w = r.value) == null ? void 0 : w.removeEventListener("keydown", T);
     }), (w, M) => {
       var G;
-      return u(), v("div", {
+      return u(), g("div", {
         ref_key: "container",
         ref: r,
         class: "cl-absolute cl-bg-white cl-border cl-border-collapse cl-border-grey-0 cl-h-52 cl-overflow-y-auto cl-overscroll-y-none cl-rounded cl-text-sm cl-w-full cl-z-20",
@@ -1513,7 +1517,7 @@ const ie = /* @__PURE__ */ me(ht, [["__scopeId", "data-v-e205e4b1"]]), yt = { cl
         ],
         onKeyup: ke(Q(y, ["prevent", "stop"]), ["enter"])
       }, [
-        f("div", Et, [
+        f("div", qt, [
           C(ie, {
             modelValue: s.value,
             "onUpdate:modelValue": M[0] || (M[0] = (K) => s.value = K),
@@ -1558,8 +1562,8 @@ const ie = /* @__PURE__ */ me(ht, [["__scopeId", "data-v-e205e4b1"]]), yt = { cl
           onCreateObject: k,
           onOptionHighlighted: z
         }, null, 8, ["text", "selected-index"])) : N("", !0),
-        w.errorMessage === "" && w.results !== null ? (u(), v("div", qt, [
-          (u(!0), v(D, null, ee(w.results, (K, ue) => (u(), V(Ze, {
+        w.errorMessage === "" && w.results !== null ? (u(), g("div", At, [
+          (u(!0), g(D, null, ee(w.results, (K, ue) => (u(), V(Ze, {
             key: ue,
             option: K,
             index: ue,
@@ -1569,10 +1573,10 @@ const ie = /* @__PURE__ */ me(ht, [["__scopeId", "data-v-e205e4b1"]]), yt = { cl
             onOptionHighlighted: z
           }, null, 8, ["option", "index", "selected-index"]))), 128))
         ])) : N("", !0)
-      ], 40, St);
+      ], 40, Et);
     };
   }
-}), It = { class: "cl-flex" }, Nt = { class: "cl-relative cl-right-20 cl-top-0.5" }, jt = { class: "cl-absolute cl-flex cl-float-right cl-font-semibold cl-mt-2 cl-text-danger-default cl-text-sm cl-z-10" }, _t = { class: "cl-min-h-[16rem] cl-mx-4" }, Rt = { class: "cl-p-2 cl-text-right cl-w-full" }, zt = /* @__PURE__ */ B({
+}), Nt = { class: "cl-flex" }, jt = { class: "cl-relative cl-right-20 cl-top-0.5" }, _t = { class: "cl-absolute cl-flex cl-float-right cl-font-semibold cl-mt-2 cl-text-danger-default cl-text-sm cl-z-10" }, Rt = { class: "cl-min-h-[16rem] cl-mx-4" }, zt = { class: "cl-p-2 cl-text-right cl-w-full" }, Ut = /* @__PURE__ */ B({
   __name: "cl-ui-combo-box",
   props: {
     loading: { type: Boolean, default: !1 },
@@ -1662,7 +1666,7 @@ const ie = /* @__PURE__ */ me(ht, [["__scopeId", "data-v-e205e4b1"]]), yt = { cl
       });
     }
     function je() {
-      var F, ne, W, g, R;
+      var F, ne, W, v, R;
       De({
         message: a("comboBox.createSuccessful", { object: l.objectType, name: ((F = l.objectCreatedResponse) == null ? void 0 : F.name) ?? "" }),
         colour: "primary",
@@ -1671,7 +1675,7 @@ const ie = /* @__PURE__ */ me(ht, [["__scopeId", "data-v-e205e4b1"]]), yt = { cl
       let O = "";
       m.value && m.value.id === ((ne = l.objectCreatedResponse) == null ? void 0 : ne.parentId) && (O = m.value.name), r.value = {
         id: ((W = l.objectCreatedResponse) == null ? void 0 : W.id) ?? 0,
-        name: ((g = l.objectCreatedResponse) == null ? void 0 : g.name) ?? "",
+        name: ((v = l.objectCreatedResponse) == null ? void 0 : v.name) ?? "",
         parentId: ((R = l.objectCreatedResponse) == null ? void 0 : R.parentId) ?? 0,
         parentName: O
       };
@@ -1693,12 +1697,12 @@ const ie = /* @__PURE__ */ me(ht, [["__scopeId", "data-v-e205e4b1"]]), yt = { cl
     const we = I();
     return Me(we, () => i.value ? E(!1) : ""), (O, F) => {
       const ne = rl("cl-ui-combo-box", !0);
-      return u(), v("div", {
+      return u(), g("div", {
         ref_key: "outsideRef",
         ref: we,
         class: "cl-relative"
       }, [
-        f("div", It, [
+        f("div", Nt, [
           C(ie, {
             ref_key: "inputRef",
             ref: c,
@@ -1713,8 +1717,8 @@ const ie = /* @__PURE__ */ me(ht, [["__scopeId", "data-v-e205e4b1"]]), yt = { cl
               E(), O.$emit("focus");
             })
           }, null, 8, ["modelValue", "class", "placeholder-text"]),
-          H(f("div", Nt, [
-            f("div", jt, [
+          H(f("div", jt, [
+            f("div", _t, [
               te(S(p(a)("comboBox.required")) + " ", 1),
               C(p(U), {
                 class: "cl-ml-1 cl-mt-1",
@@ -1724,7 +1728,7 @@ const ie = /* @__PURE__ */ me(ht, [["__scopeId", "data-v-e205e4b1"]]), yt = { cl
           ], 512), [
             [Z, O.required && O.disabled === !1 && O.currentObject === null]
           ]),
-          i.value ? (u(), v("div", {
+          i.value ? (u(), g("div", {
             key: 1,
             class: _(["cl-bg-white cl-border cl-border-grey-1 cl-float-right cl-h-10 cl-rounded cl-rounded-l-none cl-text-grey-3 cl-transition-colors cl-w-[27px] hover:cl-bg-link-light hover:cl-opacity-90 hover:cl-text-white", {
               "cl-cursor-default": O.disabled,
@@ -1736,7 +1740,7 @@ const ie = /* @__PURE__ */ me(ht, [["__scopeId", "data-v-e205e4b1"]]), yt = { cl
               icon: "ph:caret-up-bold",
               class: "cl-ml-[5px] cl-mt-[12px]"
             })
-          ], 2)) : (u(), v("div", {
+          ], 2)) : (u(), g("div", {
             key: 0,
             class: _(["cl-bg-white cl-border cl-border-grey-1 cl-float-right cl-h-10 cl-rounded cl-rounded-l-none cl-text-grey-3 cl-transition-colors cl-w-[27px] hover:cl-bg-link-light hover:cl-opacity-90 hover:cl-text-white", {
               "cl-cursor-default": O.disabled,
@@ -1755,7 +1759,7 @@ const ie = /* @__PURE__ */ me(ht, [["__scopeId", "data-v-e205e4b1"]]), yt = { cl
             te(S(p(a)("comboBox.createTitle", { object: O.objectType })), 1)
           ]),
           trigger: P(({ open: W }) => [
-            H(C(At, {
+            H(C(It, {
               "can-create-new-object": O.canCreateNewObject,
               "can-clear-selected-object": O.canClearSelectedObject,
               loading: O.loading,
@@ -1773,13 +1777,13 @@ const ie = /* @__PURE__ */ me(ht, [["__scopeId", "data-v-e205e4b1"]]), yt = { cl
               onSelectObject: w,
               onClearObject: q,
               onSearch: $,
-              onHideDropdown: F[4] || (F[4] = (g) => E(!1))
+              onHideDropdown: F[4] || (F[4] = (v) => E(!1))
             }, null, 8, ["can-create-new-object", "can-clear-selected-object", "loading", "results", "object-type", "object-parent-type", "error-message", "current-object-name", "is-visible", "class", "search-hint", "onCreateObject"]), [
               [Z, i.value]
             ])
           ]),
           footer: P(({ close: W }) => [
-            f("div", Rt, [
+            f("div", zt, [
               C(ge, {
                 class: "cl-mr-3",
                 colour: "default",
@@ -1795,7 +1799,7 @@ const ie = /* @__PURE__ */ me(ht, [["__scopeId", "data-v-e205e4b1"]]), yt = { cl
                 colour: "primary",
                 size: "small",
                 disabled: !y.value,
-                onClick: (g) => {
+                onClick: (v) => {
                   G(), W();
                 }
               }, {
@@ -1807,7 +1811,7 @@ const ie = /* @__PURE__ */ me(ht, [["__scopeId", "data-v-e205e4b1"]]), yt = { cl
             ])
           ]),
           default: P(() => [
-            f("div", _t, [
+            f("div", Rt, [
               O.objectParentType ? (u(), V(ne, {
                 key: 0,
                 "current-object": m.value,
@@ -1838,35 +1842,35 @@ const ie = /* @__PURE__ */ me(ht, [["__scopeId", "data-v-e205e4b1"]]), yt = { cl
     };
   }
 });
-function Ut(t) {
+function Mt(t) {
   return typeof t.id == "number" && typeof t.name == "string";
 }
-function Mt(t) {
+function Bt(t) {
   return typeof t.name == "string";
 }
-const Bt = {}, Vt = { class: "cl-flex cl-flex-wrap cl-left-0 cl-mt-4 cl-w-full" }, Lt = {
+const Vt = {}, Lt = { class: "cl-flex cl-flex-wrap cl-left-0 cl-mt-4 cl-w-full" }, Dt = {
   key: 0,
   class: "cl-w-full"
-}, Dt = {
+}, Pt = {
   key: 1,
   class: "cl-leading-10 cl-text-sm cl-w-full"
-}, Pt = { class: "cl-float-left" }, Ft = { class: "cl-float-right" };
-function Ht(t, o) {
-  return u(), v("div", Vt, [
-    t.$slots.default ? (u(), v("div", Lt, [
+}, Ft = { class: "cl-float-left" }, Ht = { class: "cl-float-right" };
+function xt(t, o) {
+  return u(), g("div", Lt, [
+    t.$slots.default ? (u(), g("div", Dt, [
       j(t.$slots, "default")
     ])) : N("", !0),
-    t.$slots.left || t.$slots.right ? (u(), v("div", Dt, [
-      f("span", Pt, [
+    t.$slots.left || t.$slots.right ? (u(), g("div", Pt, [
+      f("span", Ft, [
         j(t.$slots, "left")
       ]),
-      f("span", Ft, [
+      f("span", Ht, [
         j(t.$slots, "right")
       ])
     ])) : N("", !0)
   ]);
 }
-const xt = /* @__PURE__ */ me(Bt, [["render", Ht]]);
+const Zt = /* @__PURE__ */ me(Vt, [["render", xt]]);
 function Ee(t) {
   const o = t.type !== "slot" || t.slotType !== void 0 && t.field !== void 0, e = t.sortable ?? !0;
   return o && e;
@@ -1875,16 +1879,16 @@ function Be(t) {
   const o = t.type !== "slot" || t.slotType !== void 0 && t.field !== void 0, e = t.filterable ?? !0;
   return o && e;
 }
-function Zt(t) {
+function Gt(t) {
   return t.some((o) => Ee(o));
 }
 function Ge(t) {
   return t.some((o) => Be(o));
 }
-const Gt = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, Wt = { class: "cl-gap-1 cl-grid cl-grid-cols-2 cl-justify-end cl-mb-2 lg:cl-flex lg:cl-gap-2" }, Kt = { class: "cl-basis-0 cl-col-span-2 cl-flex-grow" }, Qt = /* @__PURE__ */ f("hr", { class: "cl-block cl-border-grey-3 cl-col-span-2 cl-my-4 lg:cl-hidden" }, null, -1), Yt = {
+const Wt = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, Kt = { class: "cl-gap-1 cl-grid cl-grid-cols-2 cl-justify-end cl-mb-2 lg:cl-flex lg:cl-gap-2" }, Qt = { class: "cl-basis-0 cl-col-span-2 cl-flex-grow" }, Yt = /* @__PURE__ */ f("hr", { class: "cl-block cl-border-grey-3 cl-col-span-2 cl-my-4 lg:cl-hidden" }, null, -1), Jt = {
   key: 1,
   class: "cl-hidden lg:cl-block"
-}, Jt = { class: "cl-block lg:cl-hidden" }, Xt = /* @__PURE__ */ B({
+}, Xt = { class: "cl-block lg:cl-hidden" }, eo = /* @__PURE__ */ B({
   __name: "cl-ui-grid-action-row",
   props: {
     editMode: { type: Boolean },
@@ -1897,18 +1901,18 @@ const Gt = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, Wt = { class: "cl-gap-1
   emits: ["update:edit-mode", "update:filterPanelOpen", "clear-filters"],
   setup(t) {
     const o = t, { t: e } = se(), l = A(() => o.request.filters.some((s) => s.filterValue !== ""));
-    return (s, d) => (u(), v(D, null, [
-      f("div", Gt, [
+    return (s, d) => (u(), g(D, null, [
+      f("div", Wt, [
         f("strong", null, S(p(e)("grid.gridTools")), 1)
       ]),
-      f("div", Wt, [
-        f("div", Kt, [
+      f("div", Kt, [
+        f("div", Qt, [
           j(s.$slots, "additional-grid-actions", oe(ae({
             loading: s.loading,
             editMode: s.editMode
           })))
         ]),
-        Qt,
+        Yt,
         s.columns.some((a) => a.editable) ? (u(), V(ge, {
           key: 0,
           size: "small",
@@ -1916,19 +1920,19 @@ const Gt = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, Wt = { class: "cl-gap-1
           onClick: d[0] || (d[0] = Q((a) => s.$emit("update:edit-mode", !s.editMode), ["prevent"]))
         }, {
           default: P(() => [
-            s.editMode ? (u(), v(D, { key: 0 }, [
+            s.editMode ? (u(), g(D, { key: 0 }, [
               te(S(p(e)("grid.finishEditing")), 1)
-            ], 64)) : (u(), v(D, { key: 1 }, [
+            ], 64)) : (u(), g(D, { key: 1 }, [
               te(S(p(e)("grid.editData")), 1)
             ], 64))
           ]),
           _: 1
         })) : N("", !0),
-        s.options.hideViewManager ? N("", !0) : (u(), v("div", Yt, [
+        s.options.hideViewManager ? N("", !0) : (u(), g("div", Jt, [
           j(s.$slots, "view-manager")
         ])),
-        p(Ge)(s.columns) || p(Zt)(s.columns) ? (u(), v(D, { key: 2 }, [
-          f("div", Jt, [
+        p(Ge)(s.columns) || p(Gt)(s.columns) ? (u(), g(D, { key: 2 }, [
+          f("div", Xt, [
             C(ge, {
               class: "cl-w-full",
               size: "small",
@@ -1959,16 +1963,16 @@ const Gt = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, Wt = { class: "cl-gap-1
       ])
     ], 64));
   }
-}), eo = {
+}), lo = {
   key: 3,
   class: "cl-inline-block cl-whitespace-nowrap"
-}, lo = {
+}, to = {
   key: 4,
   class: "cl-inline-block cl-whitespace-nowrap"
-}, to = {
+}, oo = {
   key: 0,
   class: "cl-inline-block cl-whitespace-nowrap"
-}, oo = {
+}, so = {
   key: 1,
   class: "cl-inline-block cl-whitespace-nowrap"
 }, We = /* @__PURE__ */ B({
@@ -2017,20 +2021,20 @@ const Gt = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, Wt = { class: "cl-gap-1
         "input-type": "checkbox",
         "model-value": a.data[a.column.field],
         disabled: !0
-      }, null, 8, ["model-value"])) : (a.column.type === "date" || a.column.type === "datetime") && a.column.field !== void 0 ? (u(), v(D, { key: 2 }, [
-        a.column.format !== void 0 ? (u(), v(D, { key: 0 }, [
+      }, null, 8, ["model-value"])) : (a.column.type === "date" || a.column.type === "datetime") && a.column.field !== void 0 ? (u(), g(D, { key: 2 }, [
+        a.column.format !== void 0 ? (u(), g(D, { key: 0 }, [
           te(S(d(a.data[a.column.field], a.column.format)), 1)
-        ], 64)) : a.column.type === "date" ? (u(), v(D, { key: 1 }, [
+        ], 64)) : a.column.type === "date" ? (u(), g(D, { key: 1 }, [
           te(S(d(a.data[a.column.field], p(J).DATE)), 1)
-        ], 64)) : (u(), v(D, { key: 2 }, [
+        ], 64)) : (u(), g(D, { key: 2 }, [
           te(S(d(a.data[a.column.field], p(J).DATETIME)), 1)
         ], 64))
-      ], 64)) : a.column.type === "list" && a.column.field !== void 0 && a.column.listEntries !== void 0 ? (u(), v("span", eo, S(p(e)(((r = a.column.listEntries.find((c) => c.value === a.data[a.column.field])) == null ? void 0 : r.translationKey) ?? "")), 1)) : a.column.type === "number" && a.column.field !== void 0 ? (u(), v("span", lo, S(p(s)(a.data[a.column.field], a.column.format ?? p(le).DECIMAL)), 1)) : a.column.field !== void 0 ? (u(), v(D, { key: 5 }, [
-        a.column.maxLength !== void 0 ? (u(), v("span", to, S(a.data[a.column.field].trimToLength(a.column.maxLength, a.column.format !== void 0 ? a.column.format === "ellipsis" : !1)), 1)) : (u(), v("span", oo, S(a.data[a.column.field]), 1))
+      ], 64)) : a.column.type === "list" && a.column.field !== void 0 && a.column.listEntries !== void 0 ? (u(), g("span", lo, S(p(e)(((r = a.column.listEntries.find((c) => c.value === a.data[a.column.field])) == null ? void 0 : r.translationKey) ?? "")), 1)) : a.column.type === "number" && a.column.field !== void 0 ? (u(), g("span", to, S(p(s)(a.data[a.column.field], a.column.format ?? p(le).DECIMAL)), 1)) : a.column.field !== void 0 ? (u(), g(D, { key: 5 }, [
+        a.column.maxLength !== void 0 ? (u(), g("span", oo, S(a.data[a.column.field].trimToLength(a.column.maxLength, a.column.format !== void 0 ? a.column.format === "ellipsis" : !1)), 1)) : (u(), g("span", so, S(a.data[a.column.field]), 1))
       ], 64)) : N("", !0);
     };
   }
-}), so = { class: "cl-font-semibold lg:cl-hidden" }, no = /* @__PURE__ */ B({
+}), no = { class: "cl-font-semibold lg:cl-hidden" }, ao = /* @__PURE__ */ B({
   __name: "cl-ui-grid-cell",
   props: {
     data: {},
@@ -2052,12 +2056,12 @@ const Gt = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, Wt = { class: "cl-gap-1
       r !== "" && (i[r] !== e.data[r] ? o("edit", i[r]) : o("undo"));
     }, {
       deep: !0
-    }), (i, r) => (u(), v("td", {
+    }), (i, r) => (u(), g("td", {
       class: _(["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": d.value
       }])
     }, [
-      f("span", so, S(i.column.caption), 1),
+      f("span", no, S(i.column.caption), 1),
       i.editMode && i.column.editable === !0 ? j(i.$slots, `${i.column.name}Edit`, oe(re({ key: 0 }, {
         cellFocused: () => o("focus"),
         column: i.column,
@@ -2088,7 +2092,7 @@ const Gt = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, Wt = { class: "cl-gap-1
       }, 1032, ["column", "data", "time-zone"]))
     ], 2));
   }
-}), ao = /* @__PURE__ */ B({
+}), ro = /* @__PURE__ */ B({
   __name: "cl-ui-grid-row",
   props: {
     data: {},
@@ -2098,8 +2102,8 @@ const Gt = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, Wt = { class: "cl-gap-1
   },
   emits: ["cell-focus", "cell-edit", "cell-undo", "row-select"],
   setup(t) {
-    return (o, e) => (u(), v("tr", null, [
-      (u(!0), v(D, null, ee(o.columns, (l, s) => (u(), V(no, {
+    return (o, e) => (u(), g("tr", null, [
+      (u(!0), g(D, null, ee(o.columns, (l, s) => (u(), V(ao, {
         key: s,
         data: o.data,
         column: l,
@@ -2118,10 +2122,10 @@ const Gt = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, Wt = { class: "cl-gap-1
       ]), 1032, ["data", "column", "time-zone", "edit-mode", "onEdit", "onUndo"]))), 128))
     ]));
   }
-}), ro = { key: 1 }, io = ["colspan"], co = { class: "cl-flex cl-flex-wrap cl-justify-center cl-text-center cl-text-sm cl-w-full" }, uo = { class: "cl-mt-6 cl-w-full" }, po = {
+}), io = { key: 1 }, co = ["colspan"], uo = { class: "cl-flex cl-flex-wrap cl-justify-center cl-text-center cl-text-sm cl-w-full" }, po = { class: "cl-mt-6 cl-w-full" }, fo = {
   key: 0,
   class: "cl-mt-4"
-}, fo = { class: "cl-mb-2 cl-w-full" }, mo = /* @__PURE__ */ B({
+}, mo = { class: "cl-mb-2 cl-w-full" }, go = /* @__PURE__ */ B({
   __name: "cl-ui-grid-body",
   props: {
     columns: {},
@@ -2183,8 +2187,8 @@ const Gt = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, Wt = { class: "cl-gap-1
       e.editMode || (d(), s.value.index = -1);
     }), (n, b) => {
       var h;
-      return u(), v("tbody", null, [
-        n.data && ((h = n.data.results) != null && h.length) ? (u(!0), v(D, { key: 0 }, ee(n.data.results, (y, T) => (u(), V(ao, {
+      return u(), g("tbody", null, [
+        n.data && ((h = n.data.results) != null && h.length) ? (u(!0), g(D, { key: 0 }, ee(n.data.results, (y, T) => (u(), V(ro, {
           key: T,
           data: y,
           columns: n.columns,
@@ -2212,14 +2216,14 @@ const Gt = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, Wt = { class: "cl-gap-1
               j(n.$slots, $, oe(ae(z)))
             ])
           }))
-        ]), 1032, ["data", "columns", "time-zone", "edit-mode", "class", "onClick", "onCellFocus", "onCellEdit"]))), 128)) : n.loading ? N("", !0) : (u(), v("tr", ro, [
+        ]), 1032, ["data", "columns", "time-zone", "edit-mode", "class", "onClick", "onCellFocus", "onCellEdit"]))), 128)) : n.loading ? N("", !0) : (u(), g("tr", io, [
           f("td", {
             colspan: n.columns.length
           }, [
-            f("div", co, [
-              f("strong", uo, S(p(l)("grid.noData")), 1),
-              n.request.filters.some((y) => y.filterValue !== "") ? (u(), v("div", po, [
-                f("div", fo, S(p(l)("grid.noDataFiltersPresent")), 1),
+            f("div", uo, [
+              f("strong", po, S(p(l)("grid.noData")), 1),
+              n.request.filters.some((y) => y.filterValue !== "") ? (u(), g("div", fo, [
+                f("div", mo, S(p(l)("grid.noDataFiltersPresent")), 1),
                 C(ge, {
                   size: "small",
                   colour: "danger",
@@ -2232,15 +2236,15 @@ const Gt = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, Wt = { class: "cl-gap-1
                 })
               ])) : N("", !0)
             ])
-          ], 8, io)
+          ], 8, co)
         ]))
       ]);
     };
   }
-}), go = {
+}), vo = {
   key: 0,
   class: "cl-flex cl-flex-wrap cl-justify-end cl-mt-2 cl-w-full"
-}, vo = { 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" }, bo = { class: "cl-text-grey-3 cl-w-max" }, ho = { 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" }, yo = { 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" }, wo = { class: "cl-flex cl-flex-wrap cl-mb-2 cl-w-full lg:cl-mb-0 lg:cl-mr-2 lg:cl-w-auto" }, $o = { class: "cl-text-grey-3 cl-w-full lg:cl-mr-2 lg:cl-w-auto" }, ko = { class: "cl-flex cl-flex-wrap cl-text-sm mb:cl-flex-nowrap" }, Co = { class: "cl-pr-2" }, To = ["onClick"], Oo = { 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" }, So = { class: "cl-mb-2 cl-text-grey-3 cl-w-full lg:cl-mb-0 lg:cl-mr-2 lg:cl-w-auto" }, Eo = ["onClick"], qo = { class: "cl-mb-2 cl-w-full lg:cl-p-2 md:cl-mb-0 md:cl-w-auto" }, Ao = { 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" }, Io = { class: "cl-block lg:cl-inline-block" }, No = /* @__PURE__ */ B({
+}, bo = { 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" }, ho = { class: "cl-text-grey-3 cl-w-max" }, yo = { 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" }, wo = { 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" }, $o = { class: "cl-flex cl-flex-wrap cl-mb-2 cl-w-full lg:cl-mb-0 lg:cl-mr-2 lg:cl-w-auto" }, ko = { class: "cl-text-grey-3 cl-w-full lg:cl-mr-2 lg:cl-w-auto" }, Co = { class: "cl-flex cl-flex-wrap cl-text-sm mb:cl-flex-nowrap" }, To = { class: "cl-pr-2" }, Oo = ["onClick"], So = { 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" }, Eo = { class: "cl-mb-2 cl-text-grey-3 cl-w-full lg:cl-mb-0 lg:cl-mr-2 lg:cl-w-auto" }, qo = ["onClick"], Ao = { class: "cl-mb-2 cl-w-full lg:cl-p-2 md:cl-mb-0 md:cl-w-auto" }, Io = { 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" }, No = { class: "cl-block lg:cl-inline-block" }, jo = /* @__PURE__ */ B({
   __name: "cl-ui-grid-footer",
   props: {
     request: {},
@@ -2285,9 +2289,9 @@ const Gt = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, Wt = { class: "cl-gap-1
     const k = Ye(r, 750);
     return (n, b) => {
       var h, y;
-      return (y = (h = n.data) == null ? void 0 : h.results) != null && y.length && n.request ? (u(), v("div", go, [
-        f("div", vo, [
-          f("span", bo, S(p(s)("grid.jumpToPage")), 1),
+      return (y = (h = n.data) == null ? void 0 : h.results) != null && y.length && n.request ? (u(), g("div", vo, [
+        f("div", bo, [
+          f("span", ho, S(p(s)("grid.jumpToPage")), 1),
           C(ie, {
             "model-value": n.request.pageNumber,
             class: "cl-ml-1 cl-mt-0.5 cl-text-sm",
@@ -2299,13 +2303,13 @@ const Gt = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, Wt = { class: "cl-gap-1
             onInput: b[0] || (b[0] = (T) => p(k)(T.target))
           }, null, 8, ["model-value", "max"])
         ]),
-        f("div", ho, [
-          f("div", yo, [
-            f("li", wo, [
-              f("span", $o, S(p(s)("grid.page")), 1)
+        f("div", yo, [
+          f("div", wo, [
+            f("li", $o, [
+              f("span", ko, S(p(s)("grid.page")), 1)
             ]),
-            f("ul", ko, [
-              f("li", Co, S(p(l)(n.request.pageNumber, p(le).INTEGER)) + " / " + S(p(l)(d.value, p(le).INTEGER)), 1),
+            f("ul", Co, [
+              f("li", To, S(p(l)(n.request.pageNumber, p(le).INTEGER)) + " / " + S(p(l)(d.value, p(le).INTEGER)), 1),
               H(f("li", {
                 class: "cl-cursor-pointer cl-mr-1 cl-mt-1 lg:cl-mr-2",
                 onClick: b[1] || (b[1] = (T) => i(1))
@@ -2328,14 +2332,14 @@ const Gt = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, Wt = { class: "cl-gap-1
               ], 512), [
                 [Z, n.request.pageNumber > 1]
               ]),
-              (u(!0), v(D, null, ee(a.value, (T, E) => (u(), v("li", {
+              (u(!0), g(D, null, ee(a.value, (T, E) => (u(), g("li", {
                 key: E,
                 class: _(["cl-cursor-pointer cl-mr-1 lg:cl-mr-2", {
                   "cl-text-black cl-font-bold": n.request.pageNumber === T,
                   "cl-text-grey-6": n.request.pageNumber !== T
                 }]),
                 onClick: ($) => i(T)
-              }, S(p(l)(T, p(le).INTEGER)), 11, To))), 128)),
+              }, S(p(l)(T, p(le).INTEGER)), 11, Oo))), 128)),
               H(f("li", {
                 class: "cl-cursor-pointer cl-mr-1 cl-mt-1 lg:cl-mr-2",
                 onClick: b[3] || (b[3] = (T) => i(n.request.pageNumber + 1))
@@ -2360,26 +2364,26 @@ const Gt = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, Wt = { class: "cl-gap-1
               ])
             ])
           ]),
-          f("ul", Oo, [
-            f("li", So, S(p(s)("grid.pageSize")), 1),
-            (u(), v(D, null, ee(c, (T, E) => f("li", {
+          f("ul", So, [
+            f("li", Eo, S(p(s)("grid.pageSize")), 1),
+            (u(), g(D, null, ee(c, (T, E) => f("li", {
               key: E,
               class: _(["cl-cursor-pointer cl-mr-1 lg:cl-mr-2", {
                 "cl-text-black cl-font-bold": n.request.pageSize === T,
                 "cl-text-grey-6": n.request.pageSize !== T
               }]),
               onClick: ($) => m(T)
-            }, S(p(l)(T, p(le).INTEGER)), 11, Eo)), 64))
+            }, S(p(l)(T, p(le).INTEGER)), 11, qo)), 64))
           ]),
-          f("ul", qo, [
-            f("li", Ao, S(p(s)("grid.totalRecords")), 1),
-            f("li", Io, S(p(l)(n.data.totalRecords, p(le).INTEGER)), 1)
+          f("ul", Ao, [
+            f("li", Io, S(p(s)("grid.totalRecords")), 1),
+            f("li", No, S(p(l)(n.data.totalRecords, p(le).INTEGER)), 1)
           ])
         ])
       ])) : N("", !0);
     };
   }
-}), jo = [
+}), _o = [
   "string",
   "boolean",
   "number",
@@ -2391,7 +2395,7 @@ const Gt = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, Wt = { class: "cl-gap-1
 function ll(t) {
   return typeof t.caption == "string" && typeof t.name == "string" && typeof t.type == "string";
 }
-function _o(t) {
+function Ro(t) {
   let o = Array.isArray(t);
   if (o) {
     for (const e of t)
@@ -2402,9 +2406,9 @@ function _o(t) {
   }
   return o;
 }
-const Ro = ["ellipsis"];
+const zo = ["ellipsis"];
 var X = /* @__PURE__ */ ((t) => (t[t.CONTAINS = 0] = "CONTAINS", t[t.NOT_CONTAINS = 1] = "NOT_CONTAINS", t[t.EQUAL = 2] = "EQUAL", t[t.NOT_EQUAL = 3] = "NOT_EQUAL", t[t.STARTS_WITH = 4] = "STARTS_WITH", t[t.ENDS_WITH = 5] = "ENDS_WITH", t[t.GREATER_THAN = 6] = "GREATER_THAN", t[t.LESS_THAN = 7] = "LESS_THAN", t[t.EQUAL_OR_GREATER_THAN = 8] = "EQUAL_OR_GREATER_THAN", t[t.EQUAL_OR_LESS_THAN = 9] = "EQUAL_OR_LESS_THAN", t))(X || {});
-const zo = [
+const Uo = [
   "equal",
   "notequal",
   "contains",
@@ -2416,24 +2420,24 @@ const zo = [
   "equalorlessthan",
   "equalorgreaterthan"
 ];
-function Uo(t) {
+function Mo(t) {
   return typeof t.filterOnColumn == "string" && typeof t.filterOperation == "number" && typeof t.filterValue == "string";
 }
-function Mo(t) {
+function Bo(t) {
   return t === null || typeof t.sortByAscending == "boolean" && typeof t.sortOnColumn == "string";
 }
-function Bo(t) {
-  let o = typeof t.filters == "object" && Array.isArray(t.filters) && typeof t.pageNumber == "number" && typeof t.pageSize == "number" && typeof t.sort == "object" && Mo(t.sort);
+function Vo(t) {
+  let o = typeof t.filters == "object" && Array.isArray(t.filters) && typeof t.pageNumber == "number" && typeof t.pageSize == "number" && typeof t.sort == "object" && Bo(t.sort);
   if (o) {
     for (const e of t.filters)
-      if (!Uo(e)) {
+      if (!Mo(e)) {
         o = !1;
         break;
       }
   }
   return o;
 }
-function Vo(t, o) {
+function Lo(t, o) {
   let e = typeof t.results == "object" && Array.isArray(t.results) && typeof t.totalRecords == "number";
   if (e) {
     for (const l of t.results)
@@ -2444,7 +2448,7 @@ function Vo(t, o) {
   }
   return e;
 }
-const Lo = {
+const Do = {
   method: "equal",
   icon: "mdi:equal",
   description: "Equals",
@@ -2457,12 +2461,12 @@ const Lo = {
     "list"
   ],
   key: "equal"
-}, Do = {
+}, Po = {
   method: "contains",
   icon: "mdi:format-letter-matches",
   description: "Contains",
   allowedTypes: ["string"]
-}, Po = {
+}, Fo = {
   method: "lessthan",
   icon: "mdi:less-than",
   description: "Before",
@@ -2472,7 +2476,7 @@ const Lo = {
   ],
   key: "before"
 }, Ke = [
-  Do,
+  Po,
   {
     method: "notcontains",
     icon: "mdi:format-letter-spacing-variant",
@@ -2491,7 +2495,7 @@ const Lo = {
     description: "Ends with",
     allowedTypes: ["string"]
   },
-  Lo,
+  Do,
   {
     method: "notequal",
     icon: "mdi:not-equal",
@@ -2504,7 +2508,7 @@ const Lo = {
     ],
     key: "notequal"
   },
-  Po,
+  Fo,
   {
     method: "greaterthan",
     icon: "mdi:greater-than",
@@ -2559,7 +2563,7 @@ const Lo = {
     description: "Less than",
     allowedTypes: ["number"]
   }
-], Fo = { class: "cl-group cl-inline cl-relative cl-w-auto" }, Ho = { class: "cl-bg-off-white cl-border-grey-1 cl-border-r cl-flex cl-h-full cl-items-center cl-justify-center cl-rounded-md cl-w-10" }, xo = { class: "cl-p-2 cl-select-none" }, Zo = ["onClick"], Go = /* @__PURE__ */ B({
+], Ho = { class: "cl-group cl-inline cl-relative cl-w-auto" }, xo = { class: "cl-bg-off-white cl-border-grey-1 cl-border-r cl-flex cl-h-full cl-items-center cl-justify-center cl-rounded-md cl-w-10" }, Zo = { class: "cl-p-2 cl-select-none" }, Go = ["onClick"], Wo = /* @__PURE__ */ B({
   __name: "cl-ui-grid-method-selector",
   props: {
     filter: {},
@@ -2599,8 +2603,8 @@ const Lo = {
         return;
       o("update:filter", r);
     }
-    return (i, r) => (u(), v("div", Fo, [
-      f("div", Ho, [
+    return (i, r) => (u(), g("div", Ho, [
+      f("div", xo, [
         d.value ? (u(), V(p(U), {
           key: 0,
           icon: d.value.icon,
@@ -2616,10 +2620,10 @@ const Lo = {
           "cl--left-44": !i.firstHalf
         }])
       }, [
-        f("strong", xo, S(p(l)("grid.availableMethods")), 1),
-        (u(!0), v(D, null, ee(s.value, (c, m) => {
+        f("strong", Zo, S(p(l)("grid.availableMethods")), 1),
+        (u(!0), g(D, null, ee(s.value, (c, m) => {
           var k;
-          return u(), v("span", {
+          return u(), g("span", {
             key: m,
             class: _(["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": c.method === ((k = d.value) == null ? void 0 : k.method)
@@ -2631,15 +2635,15 @@ const Lo = {
               icon: c.icon,
               class: "cl-float-right cl-text-grey-4 cl-text-sm"
             }, null, 8, ["icon"])
-          ], 10, Zo);
+          ], 10, Go);
         }), 128))
       ], 2)
     ]));
   }
-}), Wo = {
+}), Ko = {
   key: 0,
   class: "cl-border cl-border-grey-2 cl-flex cl-overflow-hidden cl-rounded-md lg:cl-overflow-visible"
-}, Ko = /* @__PURE__ */ f("option", { value: void 0 }, null, -1), Qo = ["selected"], Yo = ["selected"], Jo = /* @__PURE__ */ f("option", { value: void 0 }, null, -1), Xo = ["value", "selected"], es = /* @__PURE__ */ B({
+}, Qo = /* @__PURE__ */ f("option", { value: void 0 }, null, -1), Yo = ["selected"], Jo = ["selected"], Xo = /* @__PURE__ */ f("option", { value: void 0 }, null, -1), es = ["value", "selected"], ls = /* @__PURE__ */ B({
   __name: "cl-ui-grid-filter",
   props: {
     filter: {},
@@ -2755,21 +2759,21 @@ const Lo = {
       let q, w = ($ == null ? void 0 : $.value) ?? z ?? 0;
       e.column.format === le.INTEGER ? (typeof w == "string" && (w = parseInt(w)), q = Math.round(w)) : (typeof w == "string" && (w = parseFloat(w.replace(h.value, "."))), q = w), T(null, isNaN(q) ? "" : q.toString());
     }
-    return ($, z) => y.value ? (u(), v("div", Wo, [
-      $.column.type === "boolean" || $.column.slotType === "boolean" ? (u(), v("select", {
+    return ($, z) => y.value ? (u(), g("div", Ko, [
+      $.column.type === "boolean" || $.column.slotType === "boolean" ? (u(), g("select", {
         key: 0,
         class: "!cl-h-[2rem] cl-border-none cl-mb-0 cl-rounded-md cl-w-full",
         onChange: z[0] || (z[0] = (q) => T(q.target))
       }, [
-        Ko,
+        Qo,
         f("option", {
           value: "true",
           selected: n.value === "true"
-        }, S(p(s)("grid.true")), 9, Qo),
+        }, S(p(s)("grid.true")), 9, Yo),
         f("option", {
           value: "false",
           selected: n.value === "false"
-        }, S(p(s)("grid.false")), 9, Yo)
+        }, S(p(s)("grid.false")), 9, Jo)
       ], 32)) : $.column.type === "date" || $.column.type === "datetime" || $.column.slotType === "date" || $.column.slotType === "datetime" ? (u(), V(ie, {
         key: 1,
         "model-value": b.value,
@@ -2792,19 +2796,19 @@ const Lo = {
         class: "!cl-h-[2rem] !cl-text-xs cl-border-none cl-mb-0 cl-w-full lg:!cl-text-base",
         "input-type": "text",
         onInput: z[3] || (z[3] = (q, w) => T(null, w))
-      }, null, 8, ["model-value"])) : r.value ? (u(), v("select", {
+      }, null, 8, ["model-value"])) : r.value ? (u(), g("select", {
         key: 4,
         class: "!cl-h-[2rem] cl-border-none cl-mb-0 cl-rounded-md cl-w-full",
         onChange: z[4] || (z[4] = (q) => c.value ? E(q.target) : T(q.target))
       }, [
-        Jo,
-        (u(!0), v(D, null, ee($.column.listEntries ?? [], (q) => (u(), v("option", {
+        Xo,
+        (u(!0), g(D, null, ee($.column.listEntries ?? [], (q) => (u(), g("option", {
           key: q.value,
           value: q.value,
           selected: n.value === q.value.toString()
-        }, S(p(s)(q.translationKey)), 9, Xo))), 128))
+        }, S(p(s)(q.translationKey)), 9, es))), 128))
       ], 32)) : N("", !0),
-      C(Go, {
+      C(Wo, {
         filter: m.value,
         "onUpdate:filter": z[5] || (z[5] = (q) => m.value = q),
         column: $.column,
@@ -2813,7 +2817,7 @@ const Lo = {
       }, null, 8, ["filter", "column", "default-operation", "first-half"])
     ])) : N("", !0);
   }
-}), ls = { class: "-cl-top-1 cl-bg-white cl-shadow-sm cl-sticky cl-z-20 lg:cl-bg-transparent lg:cl-relative lg:cl-shadow-none" }, ts = { class: "cl-hidden lg:cl-table-row" }, os = ["onClick"], ss = { class: "cl-flex cl-justify-end cl-w-full lg:cl-hidden" }, ns = { class: "cl-col-span-2 lg:cl-hidden" }, as = ["onClick"], rs = { class: "cl-font-normal cl-mr-1" }, is = /* @__PURE__ */ B({
+}), ts = { class: "-cl-top-1 cl-bg-white cl-shadow-sm cl-sticky cl-z-20 lg:cl-bg-transparent lg:cl-relative lg:cl-shadow-none" }, os = { class: "cl-hidden lg:cl-table-row" }, ss = ["onClick"], ns = { class: "cl-flex cl-justify-end cl-w-full lg:cl-hidden" }, as = { class: "cl-col-span-2 lg:cl-hidden" }, rs = ["onClick"], is = { class: "cl-font-normal cl-mr-1" }, cs = /* @__PURE__ */ B({
   __name: "cl-ui-grid-header",
   props: {
     request: {},
@@ -2850,9 +2854,9 @@ const Lo = {
         ], c.pageNumber = 1, s.value = c;
       }
     }
-    return (r, c) => (u(), v("thead", ls, [
-      f("tr", ts, [
-        (u(!0), v(D, null, ee(r.columns, (m, k) => (u(), v("th", {
+    return (r, c) => (u(), g("thead", ts, [
+      f("tr", os, [
+        (u(!0), g(D, null, ee(r.columns, (m, k) => (u(), g("th", {
           key: k,
           class: _(["cl-text-grey-3 cl-text-sm", {
             "cl-cursor-pointer": p(Ee)(m)
@@ -2873,14 +2877,14 @@ const Lo = {
           }, null, 512), [
             [Z, d(m, !1)]
           ])
-        ], 10, os))), 128))
+        ], 10, ss))), 128))
       ]),
       f("tr", {
         class: _(["cl-border cl-border-grey-2 cl-flex cl-flex-wrap cl-p-2 lg:cl-border-none lg:cl-p-0 lg:cl-table-row", {
           "cl-hidden lg:cl-table-row": !r.filterPanelOpen
         }])
       }, [
-        f("div", ss, [
+        f("div", ns, [
           C(p(U), {
             class: "cl-text-grey-4 hover:cl-cursor-pointer hover:cl-text-link-default",
             icon: "ph:x",
@@ -2888,19 +2892,19 @@ const Lo = {
             onClick: c[0] || (c[0] = Q((m) => r.$emit("update:filterPanelOpen", !1), ["prevent"]))
           })
         ]),
-        (u(!0), v(D, null, ee(r.columns, (m, k) => (u(), v("th", {
+        (u(!0), g(D, null, ee(r.columns, (m, k) => (u(), g("th", {
           key: k,
           class: _(["cl-grid cl-grid-cols-4 cl-py-1 cl-text-xs cl-w-full lg:cl-table-cell lg:cl-w-auto", {
             "cl-hidden lg:cl-table-cell": !p(Be)(m)
           }])
         }, [
-          f("div", ns, S(m.caption), 1),
-          p(Ee)(m) ? (u(), v("div", {
+          f("div", as, S(m.caption), 1),
+          p(Ee)(m) ? (u(), g("div", {
             key: 0,
             class: "cl-col-span-2 cl-gap-1 cl-span lg:cl-hidden",
             onClick: (n) => a(m.field)
           }, [
-            f("span", rs, S(p(l)("grid.sortBy")), 1),
+            f("span", is, S(p(l)("grid.sortBy")), 1),
             d(m, !0) ? (u(), V(p(U), {
               key: 0,
               class: "cl-cursor-pointer cl-inline-block",
@@ -2914,8 +2918,8 @@ const Lo = {
               class: "cl-cursor-pointer cl-inline-block",
               icon: "ph:minus"
             }))
-          ], 8, as)) : N("", !0),
-          C(es, {
+          ], 8, rs)) : N("", !0),
+          C(ls, {
             class: "cl-col-span-4",
             filter: s.value.filters.filter((n) => n.filterOnColumn === m.field),
             column: m,
@@ -2927,7 +2931,7 @@ const Lo = {
       ], 2)
     ]));
   }
-}), cs = { class: "cl-fixed cl-flex cl-h-full cl-justify-end cl-right-0 cl-shadow-lg cl-top-0 cl-z-40" }, us = { 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" }, ds = { class: "cl-mb-4 cl-text-2xl cl-text-off-white" }, ps = { class: "cl-border-grey-3 cl-border-t cl-flex cl-flex-wrap cl-text-sm cl-w-full" }, fs = { class: "cl-border-b cl-border-grey-2 cl-flex cl-py-2 cl-text-sm cl-w-full" }, ms = { class: "cl-flex-1 cl-py-2" }, gs = { class: "cl-py-2 cl-w-1/4" }, vs = { class: "cl-py-2 cl-w-1/5" }, bs = { class: "cl-flex-1 cl-py-2" }, hs = { class: "cl-py-2 cl-w-1/4" }, ys = { class: "cl-py-2 cl-text-off-white cl-w-1/5" }, ws = { key: 1 }, $s = /* @__PURE__ */ B({
+}), us = { class: "cl-fixed cl-flex cl-h-full cl-justify-end cl-right-0 cl-shadow-lg cl-top-0 cl-z-40" }, ds = { 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" }, ps = { class: "cl-mb-4 cl-text-2xl cl-text-off-white" }, fs = { class: "cl-border-grey-3 cl-border-t cl-flex cl-flex-wrap cl-text-sm cl-w-full" }, ms = { class: "cl-border-b cl-border-grey-2 cl-flex cl-py-2 cl-text-sm cl-w-full" }, gs = { class: "cl-flex-1 cl-py-2" }, vs = { class: "cl-py-2 cl-w-1/4" }, bs = { class: "cl-py-2 cl-w-1/5" }, hs = { class: "cl-flex-1 cl-py-2" }, ys = { class: "cl-py-2 cl-w-1/4" }, ws = { class: "cl-py-2 cl-text-off-white cl-w-1/5" }, $s = { key: 1 }, ks = /* @__PURE__ */ B({
   inheritAttrs: !1,
   __name: "cl-ui-grid-view-manager",
   props: {
@@ -2947,7 +2951,7 @@ const Lo = {
       const m = ce(e.columns), k = c === "up" ? r + 1 : r - 1;
       d(m, r, k), o("update:columns", m);
     }
-    return (r, c) => (u(), v(D, null, [
+    return (r, c) => (u(), g(D, null, [
       C(ge, re(r.$attrs, {
         class: "cl-w-full",
         size: "small",
@@ -2961,35 +2965,35 @@ const Lo = {
       (u(), V(Re, { to: "body" }, [
         C(ve, { name: "slide-left" }, {
           default: P(() => [
-            H(f("div", cs, [
-              f("div", us, [
+            H(f("div", us, [
+              f("div", ds, [
                 C(p(U), {
                   class: "cl-absolute cl-cursor-pointer cl-right-3 cl-text-off-white cl-top-3",
                   icon: "ph:x",
                   size: 16,
                   onClick: c[1] || (c[1] = (m) => s.value = !1)
                 }),
-                f("h3", ds, S(p(l)("grid.manageView")), 1),
-                f("ul", ps, [
-                  f("li", fs, [
-                    f("strong", ms, S(p(l)("grid.column")), 1),
-                    f("strong", gs, S(p(l)("grid.visible")), 1),
-                    f("strong", vs, S(p(l)("grid.order")), 1)
+                f("h3", ps, S(p(l)("grid.manageView")), 1),
+                f("ul", fs, [
+                  f("li", ms, [
+                    f("strong", gs, S(p(l)("grid.column")), 1),
+                    f("strong", vs, S(p(l)("grid.visible")), 1),
+                    f("strong", bs, S(p(l)("grid.order")), 1)
                   ]),
-                  (u(!0), v(D, null, ee(r.columns, (m, k) => (u(), v("li", {
+                  (u(!0), g(D, null, ee(r.columns, (m, k) => (u(), g("li", {
                     key: k,
                     class: "cl-border-b cl-border-grey-2 cl-flex cl-py-2 cl-text-sm cl-w-full"
                   }, [
-                    f("div", bs, S(m.caption), 1),
-                    f("div", hs, [
+                    f("div", hs, S(m.caption), 1),
+                    f("div", ys, [
                       C(ie, {
                         "model-value": m.visible === void 0 || m.visible === !0,
                         "input-type": "checkbox",
                         onClick: (n) => a(n.target, m)
                       }, null, 8, ["model-value", "onClick"])
                     ]),
-                    f("div", ys, [
-                      m.visible === void 0 || m.visible === !0 ? (u(), v(D, { key: 0 }, [
+                    f("div", ws, [
+                      m.visible === void 0 || m.visible === !0 ? (u(), g(D, { key: 0 }, [
                         k !== 0 ? (u(), V(p(U), {
                           key: 0,
                           class: "cl-cursor-pointer cl-inline-block cl-mr-2",
@@ -3002,7 +3006,7 @@ const Lo = {
                           icon: "ph:arrow-right",
                           onClick: (n) => i(k, "up")
                         }, null, 8, ["onClick"])) : N("", !0)
-                      ], 64)) : (u(), v("em", ws, S(p(l)("grid.hidden")), 1))
+                      ], 64)) : (u(), g("em", $s, S(p(l)("grid.hidden")), 1))
                     ])
                   ]))), 128))
                 ])
@@ -3016,7 +3020,7 @@ const Lo = {
       ]))
     ], 64));
   }
-}), ks = { class: "cl-relative cl-w-full grid-wrapper lg:cl-min-h-fit" }, Cs = { class: "cl-absolute cl-flex cl-items-center cl-justify-center cl-min-h-full cl-p-32 cl-w-full" }, Ts = { class: "cl-overflow-x-auto cl-overscroll-x-none cl-pt-1" }, Os = { class: "cl-hidden lg:cl-table-column-group" }, Ss = /* @__PURE__ */ B({
+}), Cs = { class: "cl-relative cl-w-full grid-wrapper lg:cl-min-h-fit" }, Ts = { class: "cl-absolute cl-flex cl-items-center cl-justify-center cl-min-h-full cl-p-32 cl-w-full" }, Os = { class: "cl-overflow-x-auto cl-overscroll-x-none cl-pt-1" }, Ss = { class: "cl-hidden lg:cl-table-column-group" }, Es = /* @__PURE__ */ B({
   __name: "cl-ui-grid",
   props: {
     columns: {},
@@ -3064,10 +3068,10 @@ const Lo = {
       highlightRowSelection: !0,
       ...e.options
     }));
-    return (y, T) => (u(), v("div", ks, [
+    return (y, T) => (u(), g("div", Cs, [
       C(ve, { name: "fade" }, {
         default: P(() => [
-          H(f("div", Cs, [
+          H(f("div", Ts, [
             C(Ie)
           ], 512), [
             [Z, y.loading]
@@ -3075,7 +3079,7 @@ const Lo = {
         ]),
         _: 1
       }),
-      C(Xt, {
+      C(eo, {
         "edit-mode": n.value,
         "onUpdate:editMode": T[1] || (T[1] = (E) => n.value = E),
         "filter-panel-open": b.value,
@@ -3090,27 +3094,27 @@ const Lo = {
           j(y.$slots, "additional-grid-actions", oe(ae(E)))
         ]),
         "view-manager": P(() => [
-          C($s, {
+          C(ks, {
             columns: l.value,
             "onUpdate:columns": T[0] || (T[0] = (E) => l.value = E)
           }, null, 8, ["columns"])
         ]),
         _: 3
       }, 8, ["edit-mode", "filter-panel-open", "columns", "options", "request", "loading"]),
-      f("div", Ts, [
+      f("div", Os, [
         f("table", {
           class: _(["cl-delay-75 cl-min-h-[276px] cl-overflow-x-auto cl-overscroll-x-none cl-text-left cl-transition-opacity cl-w-full", {
             "cl-opacity-40": y.loading
           }])
         }, [
-          f("colgroup", Os, [
-            (u(!0), v(D, null, ee(s.value, (E, $) => (u(), v("col", {
+          f("colgroup", Ss, [
+            (u(!0), g(D, null, ee(s.value, (E, $) => (u(), g("col", {
               key: $,
               style: cl(i(E.name)),
               span: 1
             }, null, 4))), 128))
           ]),
-          C(is, {
+          C(cs, {
             request: r.value,
             "onUpdate:request": T[3] || (T[3] = (E) => r.value = E),
             "filter-panel-open": b.value,
@@ -3119,7 +3123,7 @@ const Lo = {
             options: h.value,
             "time-zone": y.timeZone
           }, null, 8, ["request", "filter-panel-open", "columns", "options", "time-zone"]),
-          C(mo, {
+          C(go, {
             columns: s.value,
             request: r.value,
             data: k.value,
@@ -3140,14 +3144,14 @@ const Lo = {
           ]), 1032, ["columns", "request", "data", "time-zone", "loading", "edit-mode", "options"])
         ], 2)
       ]),
-      C(No, {
+      C(jo, {
         request: r.value,
         "onUpdate:request": T[7] || (T[7] = (E) => r.value = E),
         data: y.data
       }, null, 8, ["request", "data"])
     ]));
   }
-}), Es = { class: "cl-absolute cl-bg-secondary-default cl-flex cl-h-20 cl-items-center cl-justify-between cl-left-0 cl-top-0 cl-w-full cl-z-40" }, qs = /* @__PURE__ */ B({
+}), qs = { class: "cl-absolute cl-bg-secondary-default cl-flex cl-h-20 cl-items-center cl-justify-between cl-left-0 cl-top-0 cl-w-full cl-z-40" }, As = /* @__PURE__ */ B({
   __name: "cl-ui-header",
   props: {
     isOpen: { type: Boolean }
@@ -3157,7 +3161,7 @@ const Lo = {
     const e = t, l = I();
     return Me(l, () => {
       (e.isOpen ?? !1) && o("open-click");
-    }), (s, d) => (u(), v("header", Es, [
+    }), (s, d) => (u(), g("header", qs, [
       j(s.$slots, "logo"),
       f("div", {
         ref_key: "headerMenuElement",
@@ -3170,13 +3174,13 @@ const Lo = {
       ], 512)
     ]));
   }
-}), As = { class: "cl-bg-transparent cl-flex cl-items-center cl-select-none hover:cl-bg-opacity-10 hover:cl-bg-white md:cl-min-w-[320px]" }, Is = ["src"], Ns = {
+}), Is = { class: "cl-bg-transparent cl-flex cl-items-center cl-select-none hover:cl-bg-opacity-10 hover:cl-bg-white md:cl-min-w-[320px]" }, Ns = ["src"], js = {
   key: 0,
   class: "cl-text-ellipsis cl-whitespace-nowrap"
-}, js = {
+}, _s = {
   key: 1,
   class: "cl-text-ellipsis cl-text-xs cl-whitespace-nowrap"
-}, _s = { class: "cl-content-center cl-flex cl-h-20 cl-items-center cl-justify-center cl-justify-items-center cl-transition-all cl-w-10 md:cl-ml-4 md:cl-w-20" }, Rs = { class: "cl-absolute cl-bg-white cl-right-0 cl-shadow-2xl cl-top-20 cl-w-full cl-z-20" }, zs = /* @__PURE__ */ B({
+}, Rs = { class: "cl-content-center cl-flex cl-h-20 cl-items-center cl-justify-center cl-justify-items-center cl-transition-all cl-w-10 md:cl-ml-4 md:cl-w-20" }, zs = { class: "cl-absolute cl-bg-white cl-right-0 cl-shadow-2xl cl-top-20 cl-w-full cl-z-20" }, Us = /* @__PURE__ */ B({
   __name: "cl-ui-header-menu",
   props: {
     username: { default: "" },
@@ -3187,18 +3191,18 @@ const Lo = {
   },
   setup(t) {
     const o = t;
-    return (e, l) => (u(), v("div", {
+    return (e, l) => (u(), g("div", {
       class: _(["md:cl-relative", {
         "cl-bg-primary-default": (o == null ? void 0 : o.colour) === "default",
         "cl-bg-blue-light": o.colour === "secondary"
       }])
     }, [
-      f("div", As, [
-        e.image ? (u(), v("img", {
+      f("div", Is, [
+        e.image ? (u(), g("img", {
           key: 0,
           src: e.image,
           class: "cl-hidden cl-m-4 cl-max-h-12 cl-max-w-12 cl-ring-2 cl-ring-white cl-rounded-full md:cl-block"
-        }, null, 8, Is)) : (u(), V(p(U), {
+        }, null, 8, Ns)) : (u(), V(p(U), {
           key: 1,
           class: "cl-hidden cl-m-4 cl-text-white md:cl-block",
           icon: "ph:user-circle",
@@ -3211,10 +3215,10 @@ const Lo = {
             "cl-text-white": o.colour === "secondary"
           }])
         }, [
-          e.username ? (u(), v("div", Ns, S(e.username), 1)) : N("", !0),
-          e.group ? (u(), v("div", js, S(e.group), 1)) : N("", !0)
+          e.username ? (u(), g("div", js, S(e.username), 1)) : N("", !0),
+          e.group ? (u(), g("div", _s, S(e.group), 1)) : N("", !0)
         ], 2),
-        f("div", _s, [
+        f("div", Rs, [
           C(p(U), {
             class: _(["cl-transform-gpu cl-transition-transform", {
               "cl-rotate-180": e.isOpen,
@@ -3227,7 +3231,7 @@ const Lo = {
       ]),
       C(ve, { name: "fade" }, {
         default: P(() => [
-          H(f("div", Rs, [
+          H(f("div", zs, [
             j(e.$slots, "default")
           ], 512), [
             [Z, e.isOpen]
@@ -3241,24 +3245,24 @@ const Lo = {
 function _e(t) {
   return /[a-z]{2}-[A-Z]{2}/gm.test(t.localeCode);
 }
-function Us(t) {
+function Ms(t) {
   let o = Array.isArray(t);
   if (o) {
     for (const e of t)
-      if (!Ms(e)) {
+      if (!Bs(e)) {
         o = !1;
         break;
       }
   }
   return o;
 }
-function Ms(t) {
+function Bs(t) {
   return typeof t.name == "string" && typeof t.nativeName == "string" && typeof t.localeCode == "string";
 }
-const Bs = {
+const Vs = {
   key: 0,
   class: "cl-flex cl-relative cl-select-none cl-w-auto cl-z-30"
-}, Vs = { class: "cl-absolute cl-bg-white cl-border cl-border-grey-0 cl-overflow-hidden cl-right-0 cl-rounded cl-shadow-xl cl-text-black cl-top-6 cl-z-30" }, Ls = ["data-localename", "data-localecode", "onClick"], Ds = { class: "cl-text-xs" }, Ps = /* @__PURE__ */ B({
+}, Ls = { class: "cl-absolute cl-bg-white cl-border cl-border-grey-0 cl-overflow-hidden cl-right-0 cl-rounded cl-shadow-xl cl-text-black cl-top-6 cl-z-30" }, Ds = ["data-localename", "data-localecode", "onClick"], Ps = { class: "cl-text-xs" }, Fs = /* @__PURE__ */ B({
   __name: "cl-ui-language-switcher",
   props: {
     supportedLanguages: {},
@@ -3273,7 +3277,7 @@ const Bs = {
     }
     return Y(() => e.disabled, (r) => {
       r && (s.value = !1);
-    }), (r, c) => d.value !== null && p(_e)(d.value) ? (u(), v("div", Bs, [
+    }), (r, c) => d.value !== null && p(_e)(d.value) ? (u(), g("div", Vs, [
       f("div", {
         class: _(["cl-flex cl-items-center", {
           "cl-cursor-pointer": !r.disabled
@@ -3288,8 +3292,8 @@ const Bs = {
       ], 2),
       C(ve, { name: "fade" }, {
         default: P(() => [
-          H(f("div", Vs, [
-            (u(!0), v(D, null, ee(a.value, (m, k) => (u(), v("div", {
+          H(f("div", Ls, [
+            (u(!0), g(D, null, ee(a.value, (m, k) => (u(), g("div", {
               key: k,
               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,
@@ -3298,8 +3302,8 @@ const Bs = {
                 l.value = m.localeCode, i(), o("language-select", m.localeCode);
               }
             }, [
-              f("span", Ds, S(m.nativeName), 1)
-            ], 8, Ls))), 128))
+              f("span", Ps, S(m.nativeName), 1)
+            ], 8, Ds))), 128))
           ], 512), [
             [Z, s.value]
           ])
@@ -3308,10 +3312,10 @@ const Bs = {
       })
     ])) : N("", !0);
   }
-}), Fs = { class: "cl-relative" }, Hs = { class: "cl-h-full cl-z-0 xl:cl-h-screen" }, xs = { class: "cl-absolute cl-bg-secondary-default cl-gap-y-1 cl-grid cl-grid-cols-1 cl-left-0 cl-opacity-95 cl-p-6 cl-top-0 cl-w-full cl-z-10 lg:cl-gap-x-1 lg:cl-grid-cols-10 lg:cl-p-10" }, Zs = { class: "cl-col-span-10 lg:cl-col-span-3" }, Gs = {
+}), Hs = { class: "cl-relative" }, xs = { class: "cl-h-full cl-z-0 xl:cl-h-screen" }, Zs = { class: "cl-absolute cl-bg-secondary-default cl-gap-y-1 cl-grid cl-grid-cols-1 cl-left-0 cl-opacity-95 cl-p-6 cl-top-0 cl-w-full cl-z-10 lg:cl-gap-x-1 lg:cl-grid-cols-10 lg:cl-p-10" }, Gs = { class: "cl-col-span-10 lg:cl-col-span-3" }, Ws = {
   key: 0,
   class: "cl-col-span-10 cl-flex cl-items-start cl-justify-end cl-text-white lg:cl-col-span-1 lg:cl-p-2"
-}, Ws = { class: "cl-col-span-3" }, Ks = { class: "cl-inline cl-relative cl-text-grey-4" }, Qs = { class: "cl-col-span-3" }, Ys = { class: "cl-inline cl-relative cl-text-grey-4" }, Js = { class: "cl-col-span-10 cl-emphasis-danger cl-mt-10 cl-p-3 cl-rounded-md cl-text-sm md:cl-mt-3" }, Xs = /* @__PURE__ */ B({
+}, Ks = { class: "cl-col-span-3" }, Qs = { class: "cl-inline cl-relative cl-text-grey-4" }, Ys = { class: "cl-col-span-3" }, Js = { class: "cl-inline cl-relative cl-text-grey-4" }, Xs = { class: "cl-col-span-10 cl-emphasis-danger cl-mt-10 cl-p-3 cl-rounded-md cl-text-sm md:cl-mt-3" }, en = /* @__PURE__ */ B({
   __name: "cl-ui-login",
   props: {
     errors: { default: () => [] },
@@ -3343,15 +3347,15 @@ const Bs = {
     function m(k, n) {
       a.value = k;
     }
-    return (k, n) => (u(), v("div", Fs, [
-      f("div", Hs, [
+    return (k, n) => (u(), g("div", Hs, [
+      f("div", xs, [
         j(k.$slots, "background")
       ]),
-      f("form", xs, [
-        f("div", Zs, [
+      f("form", Zs, [
+        f("div", Gs, [
           j(k.$slots, "logo")
         ]),
-        k.$slots["language-switcher"] ? (u(), v("div", Gs, [
+        k.$slots["language-switcher"] ? (u(), g("div", Ws, [
           j(k.$slots, "language-switcher")
         ])) : N("", !0),
         f("div", {
@@ -3360,8 +3364,8 @@ const Bs = {
             "cl-col-span-6": k.$slots["language-switcher"]
           }])
         }, [
-          f("div", Ws, [
-            f("div", Ks, [
+          f("div", Ks, [
+            f("div", Qs, [
               C(p(U), {
                 class: "cl-absolute cl-left-3 cl-top-2.5 cl-z-10",
                 icon: "ph:user",
@@ -3389,8 +3393,8 @@ const Bs = {
               }, null, 8, ["modelValue", "highlight-when-valid", "label", "placeholder-text", "message-when-valid"])
             ])
           ]),
-          f("div", Qs, [
-            f("div", Ys, [
+          f("div", Ys, [
+            f("div", Js, [
               C(p(U), {
                 class: "cl-absolute cl-left-3 cl-top-2.5 cl-z-10",
                 icon: "ph:lock",
@@ -3454,8 +3458,8 @@ const Bs = {
           default: P(() => {
             var b;
             return [
-              H(f("span", Js, [
-                (u(!0), v(D, null, ee(k.errors, (h, y) => (u(), v("div", {
+              H(f("span", Xs, [
+                (u(!0), g(D, null, ee(k.errors, (h, y) => (u(), g("div", {
                   id: "cl-ui-login-errors",
                   key: y,
                   class: "cl-font-semibold"
@@ -3470,19 +3474,19 @@ const Bs = {
       ])
     ]));
   }
-}), en = [
+}), ln = [
   "x-small",
   "small",
   "medium",
   "large"
-], ln = [
+], tn = [
   "primary",
   "secondary",
   "white"
-], tn = {
+], on = {
   key: 0,
   class: "cl-h-0 cl-w-0"
-}, on = { class: "cl-relative cl-w-full" }, sn = /* @__PURE__ */ B({
+}, sn = { class: "cl-relative cl-w-full" }, nn = /* @__PURE__ */ B({
   __name: "cl-ui-navigation",
   props: {
     colour: { default: "default" }
@@ -3524,7 +3528,7 @@ const Bs = {
     }
     return Me(k, n), o({
       closeNavigation: n
-    }), (b, h) => (u(), v("div", {
+    }), (b, h) => (u(), g("div", {
       ref_key: "navElement",
       ref: k,
       class: "cl-flex cl-flex-nowrap cl-relative"
@@ -3538,7 +3542,7 @@ const Bs = {
       }, [
         j(b.$slots, "icon", re({ navcolour: b.colour }, { groupIsOpen: s, toggleOpen: d }), void 0, !0)
       ], 2),
-      r.value ? (u(), v("div", tn)) : N("", !0),
+      r.value ? (u(), g("div", on)) : N("", !0),
       C(ve, { name: "slide-right" }, {
         default: P(() => [
           H(f("div", {
@@ -3547,7 +3551,7 @@ const Bs = {
               "cl-absolute cl-left-20 cl-shadow-lg": !i.value
             }])
           }, [
-            f("div", on, [
+            f("div", sn, [
               f("span", {
                 class: "cl-absolute cl-cursor-pointer cl-hidden cl-right-0 cl-top-1.5 lg:cl-block",
                 onClick: m
@@ -3571,7 +3575,7 @@ const Bs = {
     ], 512));
   }
 });
-const nn = /* @__PURE__ */ me(sn, [["__scopeId", "data-v-0958dcf5"]]), an = /* @__PURE__ */ B({
+const an = /* @__PURE__ */ me(nn, [["__scopeId", "data-v-0958dcf5"]]), rn = /* @__PURE__ */ B({
   __name: "cl-ui-navigation-icon",
   props: {
     iconValue: {},
@@ -3579,7 +3583,7 @@ const nn = /* @__PURE__ */ me(sn, [["__scopeId", "data-v-0958dcf5"]]), an = /* @
     colour: { default: "default" }
   },
   setup(t) {
-    return (o, e) => (u(), v("div", {
+    return (o, e) => (u(), g("div", {
       class: _(["cl-cursor-pointer cl-flex cl-h-20 cl-items-center cl-justify-center cl-transition-colors cl-w-20", {
         "cl-text-secondary-default hover:cl-bg-primary-dark hover:cl-text-white": o.colour === "default",
         "cl-bg-primary-darker cl-text-white": o.open && o.colour === "default",
@@ -3594,45 +3598,45 @@ const nn = /* @__PURE__ */ me(sn, [["__scopeId", "data-v-0958dcf5"]]), an = /* @
       }, null, 8, ["icon"])
     ], 2));
   }
-}), rn = {
+}), cn = {
   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"
-}, cn = { class: "cl-flex cl-flex-wrap cl-space-y-8 cl-text-sm cl-w-full" }, un = /* @__PURE__ */ B({
+}, un = { class: "cl-flex cl-flex-wrap cl-space-y-8 cl-text-sm cl-w-full" }, dn = /* @__PURE__ */ B({
   __name: "cl-ui-navigation-group",
   props: {
     open: { type: Boolean }
   },
   setup(t) {
-    return (o, e) => o.open ? (u(), v(D, { key: 0 }, [
-      o.$slots.title ? (u(), v("div", rn, [
+    return (o, e) => o.open ? (u(), g(D, { key: 0 }, [
+      o.$slots.title ? (u(), g("div", cn, [
         j(o.$slots, "title")
       ])) : N("", !0),
-      f("div", cn, [
+      f("div", un, [
         j(o.$slots, "default")
       ])
     ], 64)) : N("", !0);
   }
-}), dn = {}, pn = { class: "cl-w-full" }, fn = {
+}), pn = {}, fn = { class: "cl-w-full" }, mn = {
   key: 0,
   class: "cl-font-bold cl-mb-4 cl-select-none"
-}, mn = { class: "cl-flex cl-flex-wrap cl-space-y-2" };
-function gn(t, o) {
-  return u(), v("div", pn, [
-    t.$slots.title ? (u(), v("div", fn, [
+}, gn = { class: "cl-flex cl-flex-wrap cl-space-y-2" };
+function vn(t, o) {
+  return u(), g("div", fn, [
+    t.$slots.title ? (u(), g("div", mn, [
       j(t.$slots, "title")
     ])) : N("", !0),
-    f("span", mn, [
+    f("span", gn, [
       j(t.$slots, "default")
     ])
   ]);
 }
-const vn = /* @__PURE__ */ me(dn, [["render", gn]]), bn = {}, hn = { class: "cl-cursor-pointer cl-transition-colors cl-w-full hover:cl-text-primary-darker" };
-function yn(t, o) {
-  return u(), v("div", hn, [
+const bn = /* @__PURE__ */ me(pn, [["render", vn]]), hn = {}, yn = { class: "cl-cursor-pointer cl-transition-colors cl-w-full hover:cl-text-primary-darker" };
+function wn(t, o) {
+  return u(), g("div", yn, [
     j(t.$slots, "default")
   ]);
 }
-const wn = /* @__PURE__ */ me(bn, [["render", yn]]), $n = { class: "cl-w-full" }, kn = /* @__PURE__ */ B({
+const $n = /* @__PURE__ */ me(hn, [["render", wn]]), kn = { class: "cl-w-full" }, Cn = /* @__PURE__ */ B({
   __name: "cl-ui-tab",
   props: {
     currentTab: { default: 0 },
@@ -3661,9 +3665,9 @@ const wn = /* @__PURE__ */ me(bn, [["render", yn]]), $n = { class: "cl-w-full" }
         c === "left" && (k = -m), e.value.scroll(e.value.scrollLeft + k, 0);
       }
     }
-    return Ae(() => i()), ze(() => window.removeEventListener("resize", a)), (c, m) => (u(), v("div", $n, [
+    return Ae(() => i()), ze(() => window.removeEventListener("resize", a)), (c, m) => (u(), g("div", kn, [
       f("div", null, [
-        l.value ? (u(), v("div", {
+        l.value ? (u(), g("div", {
           key: 0,
           class: "cl-bg-white cl-cursor-pointer cl-float-left cl-h-11 cl-w-4",
           onClick: m[0] || (m[0] = (k) => r("left"))
@@ -3689,7 +3693,7 @@ const wn = /* @__PURE__ */ me(bn, [["render", yn]]), $n = { class: "cl-w-full" }
         }, [
           j(c.$slots, "headings", oe(ae({ isTabOpen: d, disabled: c.disabled, colour: c.colour })))
         ], 34),
-        s.value ? (u(), v("div", {
+        s.value ? (u(), g("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] = (k) => r("right"))
@@ -3703,7 +3707,7 @@ const wn = /* @__PURE__ */ me(bn, [["render", yn]]), $n = { class: "cl-w-full" }
       j(c.$slots, "content", oe(ae({ isTabOpen: d, disabled: c.disabled, colour: c.colour })))
     ]));
   }
-}), Cn = ["onKeyup"], Tn = /* @__PURE__ */ B({
+}), Tn = ["onKeyup"], On = /* @__PURE__ */ B({
   __name: "cl-ui-tab-header",
   props: {
     id: {},
@@ -3719,7 +3723,7 @@ const wn = /* @__PURE__ */ me(bn, [["render", yn]]), $n = { class: "cl-w-full" }
     function a() {
       e.disabled || (l.value = !1, s.value = !1, o("update:currentTab", e.id));
     }
-    return (i, r) => (u(), v("div", {
+    return (i, r) => (u(), g("div", {
       class: _(["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", {
         "!cl-cursor-default cl-text-grey-4 !cl-border-grey-2": i.disabled,
         "cl-border cl-border-b-0 cl-rounded-t-md cl-shadow-[inset_0_-1px_0_#ffffff] cl-cursor-default": d.value,
@@ -3748,22 +3752,22 @@ const wn = /* @__PURE__ */ me(bn, [["render", yn]]), $n = { class: "cl-w-full" }
       onKeyup: ke(Q(a, ["self"]), ["enter"])
     }, [
       j(i.$slots, "default")
-    ], 42, Cn));
+    ], 42, Tn));
   }
-}), On = {};
-function Sn(t, o) {
+}), Sn = {};
+function En(t, o) {
   return j(t.$slots, "default");
 }
-const En = /* @__PURE__ */ me(On, [["render", Sn]]), qn = [
+const qn = /* @__PURE__ */ me(Sn, [["render", En]]), An = [
   "default",
   "primary",
   "secondary",
   "danger",
   "blue"
-], An = [
+], In = [
   "left",
   "right"
-], In = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+], Nn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   FilterOperation: X,
   buttonColours: jl,
@@ -3775,44 +3779,44 @@ const En = /* @__PURE__ */ me(On, [["render", Sn]]), qn = [
   clUiApp: El,
   clUiButton: ge,
   clUiCard: zl,
-  clUiComboBox: zt,
-  clUiFooter: xt,
-  clUiGrid: Ss,
-  clUiHeader: qs,
-  clUiHeaderMenu: zs,
+  clUiComboBox: Ut,
+  clUiFooter: Zt,
+  clUiGrid: Es,
+  clUiHeader: As,
+  clUiHeaderMenu: Us,
   clUiInput: ie,
-  clUiLanguageSwitcher: Ps,
+  clUiLanguageSwitcher: Fs,
   clUiLoadingSpinner: Ie,
-  clUiLogin: Xs,
+  clUiLogin: en,
   clUiModal: el,
-  clUiNavigation: nn,
-  clUiNavigationGroup: un,
-  clUiNavigationIcon: an,
-  clUiNavigationItem: wn,
-  clUiNavigationSection: vn,
+  clUiNavigation: an,
+  clUiNavigationGroup: dn,
+  clUiNavigationIcon: rn,
+  clUiNavigationItem: $n,
+  clUiNavigationSection: bn,
   clUiNotification: Xe,
-  clUiTab: kn,
-  clUiTabContent: En,
-  clUiTabHeader: Tn,
-  filterMethodTypes: zo,
-  gridColumnTypes: jo,
+  clUiTab: Cn,
+  clUiTabContent: qn,
+  clUiTabHeader: On,
+  filterMethodTypes: Uo,
+  gridColumnTypes: _o,
   inputTypes: Ql,
-  isComboBoxCreateRequest: Mt,
-  isComboBoxItem: Ut,
-  isFilterRequest: Bo,
-  isFilterResponse: Vo,
+  isComboBoxCreateRequest: Bt,
+  isComboBoxItem: Mt,
+  isFilterRequest: Vo,
+  isFilterResponse: Lo,
   isGridColumn: ll,
-  isGridColumnArray: _o,
-  isLanguageArray: Us,
+  isGridColumnArray: Ro,
+  isLanguageArray: Ms,
   isLanguageLocaleFormat: _e,
-  modalColours: ln,
-  modalSizes: en,
-  stringFormats: Ro,
-  tabColours: qn,
-  tabScroll: An
+  modalColours: tn,
+  modalSizes: ln,
+  stringFormats: zo,
+  tabColours: An,
+  tabScroll: In
 }, Symbol.toStringTag, { value: "Module" }));
-const Hn = (t) => {
-  t.use(fe), t.component("Icon", U), Object.entries(In).forEach(([
+const xn = (t) => {
+  t.use(fe), t.component("Icon", U), Object.entries(Nn).forEach(([
     o,
     e
   ]) => {
@@ -3820,7 +3824,7 @@ const Hn = (t) => {
   });
 };
 export {
-  Fn as CitrusLimeUI,
+  Hn as CitrusLimeUI,
   J as DateFormat,
   X as FilterOperation,
   le as NumberFormat,
@@ -3833,51 +3837,51 @@ export {
   El as clUiApp,
   ge as clUiButton,
   zl as clUiCard,
-  zt as clUiComboBox,
-  xt as clUiFooter,
-  Ss as clUiGrid,
-  qs as clUiHeader,
-  zs as clUiHeaderMenu,
+  Ut as clUiComboBox,
+  Zt as clUiFooter,
+  Es as clUiGrid,
+  As as clUiHeader,
+  Us as clUiHeaderMenu,
   ie as clUiInput,
-  Ps as clUiLanguageSwitcher,
+  Fs as clUiLanguageSwitcher,
   Ie as clUiLoadingSpinner,
-  Xs as clUiLogin,
+  en as clUiLogin,
   el as clUiModal,
-  nn as clUiNavigation,
-  un as clUiNavigationGroup,
-  an as clUiNavigationIcon,
-  wn as clUiNavigationItem,
-  vn as clUiNavigationSection,
+  an as clUiNavigation,
+  dn as clUiNavigationGroup,
+  rn as clUiNavigationIcon,
+  $n as clUiNavigationItem,
+  bn as clUiNavigationSection,
   Xe as clUiNotification,
-  kn as clUiTab,
-  En as clUiTabContent,
-  Tn as clUiTabHeader,
+  Cn as clUiTab,
+  qn as clUiTabContent,
+  On as clUiTabHeader,
   Vl as datetimeFormats,
-  Hn as default,
-  zo as filterMethodTypes,
-  jo as gridColumnTypes,
+  xn as default,
+  Uo as filterMethodTypes,
+  _o as gridColumnTypes,
   fe as i18n,
   Ql as inputTypes,
-  Mt as isComboBoxCreateRequest,
-  Ut as isComboBoxItem,
-  Bo as isFilterRequest,
-  Vo as isFilterResponse,
+  Bt as isComboBoxCreateRequest,
+  Mt as isComboBoxItem,
+  Vo as isFilterRequest,
+  Lo as isFilterResponse,
   ll as isGridColumn,
-  _o as isGridColumnArray,
-  Us as isLanguageArray,
+  Ro as isGridColumnArray,
+  Ms as isLanguageArray,
   _e as isLanguageLocaleFormat,
   Ml as messages,
-  ln as modalColours,
-  en as modalSizes,
+  tn as modalColours,
+  ln as modalSizes,
   Bl as numberFormats,
-  Pn as setCurrentLocale,
-  Dn as setLocaleDateTimeFormats,
-  Vn as setLocaleMessages,
-  Ln as setLocaleNumberFormats,
+  Fn as setCurrentLocale,
+  Pn as setLocaleDateTimeFormats,
+  Ln as setLocaleMessages,
+  Dn as setLocaleNumberFormats,
   De as showNotification,
-  Ro as stringFormats,
-  qn as tabColours,
-  An as tabScroll,
+  zo as stringFormats,
+  An as tabColours,
+  In as tabScroll,
   Fl as validateEmail,
   Dl as validateMaxValue,
   Ll as validateMinValue