@citruslime/ui 2.6.3 → 2.6.4-beta.0

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

@@ -1,5 +1,5 @@
 import { Icon as x } from "@iconify/vue";
-import { defineComponent as Q, ref as I, openBlock as f, createElementBlock as y, renderSlot as V, normalizeProps as ce, guardReactiveProps as fe, Fragment as X, createElementVNode as b, normalizeClass as M, createVNode as S, unref as v, Transition as Te, withCtx as Y, withDirectives as le, mergeProps as ve, vShow as te, createBlock as G, Teleport as ll, renderList as re, toDisplayString as A, createCommentVNode as j, nextTick as Fe, computed as D, resolveComponent as tl, toHandlers as Vl, withModifiers as ne, useCssVars as Ul, vModelText as Pl, onMounted as Ze, watch as oe, vModelDynamic as Ll, toRefs as Bl, withKeys as Ee, onUnmounted as al, createTextVNode as de, watchEffect as zl, createSlots as ol, normalizeStyle as _l } from "vue";
+import { defineComponent as Q, ref as I, openBlock as f, createElementBlock as y, renderSlot as M, normalizeProps as ce, guardReactiveProps as fe, Fragment as X, createElementVNode as b, normalizeClass as F, createVNode as S, unref as v, Transition as Te, withCtx as Y, withDirectives as le, mergeProps as ve, vShow as te, createBlock as G, Teleport as ll, renderList as re, toDisplayString as A, createCommentVNode as j, nextTick as Ve, computed as D, resolveComponent as tl, toHandlers as Ml, withModifiers as ne, useCssVars as Ul, vModelText as Pl, onMounted as Ze, watch as oe, vModelDynamic as Ll, toRefs as Bl, withKeys as Ee, onUnmounted as al, createTextVNode as de, watchEffect as zl, createSlots as ol, normalizeStyle as _l } from "vue";
 import { generateStringId as xl, highlightText as Hl } from "@citruslime/utils";
 import { useMediaQuery as Gl, useDebounceFn as nl, unrefElement as Zl, tryOnScopeDispose as Kl, onClickOutside as rl, useTimeoutFn as $l, useWindowSize as Ql } from "@vueuse/core";
 import { createI18n as Wl, useI18n as se } from "vue-i18n";
@@ -27,7 +27,7 @@ const Yl = { class: "cl-overflow-hidden" }, Jl = /* @__PURE__ */ Q({
       }), r.open = !r.open);
     }
     return (c, r) => (f(), y("div", Yl, [
-      V(c.$slots, "default", ce(fe({ isItemOpen: t, toggleItem: n })))
+      M(c.$slots, "default", ce(fe({ isItemOpen: t, toggleItem: n })))
     ]));
   }
 }), Xl = { class: "cl-absolute cl-left-5 cl-top-5" }, et = { class: "cl-font-semibold cl-ml-10 cl-p-4 cl-select-none cl-text-grey-5" }, lt = { class: "cl-overflow-hidden" }, tt = /* @__PURE__ */ Q({
@@ -47,7 +47,7 @@ const Yl = { class: "cl-overflow-hidden" }, Jl = /* @__PURE__ */ Q({
     }
     return (n, c) => (f(), y(X, null, [
       b("div", {
-        class: M(["cl-border-b cl-border-grey-1 cl-relative", {
+        class: F(["cl-border-b cl-border-grey-1 cl-relative", {
           "cl-bg-grey-0": n.disabled,
           "cl-cursor-pointer": !n.disabled
         }]),
@@ -55,7 +55,7 @@ const Yl = { class: "cl-overflow-hidden" }, Jl = /* @__PURE__ */ Q({
       }, [
         b("div", Xl, [
           S(v(x), {
-            class: M(["cl-duration-300 cl-ease-in-out cl-text-grey-3 cl-transform-gpu cl-transition-transform", {
+            class: F(["cl-duration-300 cl-ease-in-out cl-text-grey-3 cl-transform-gpu cl-transition-transform", {
               "cl-rotate-180": n.open
             }]),
             icon: "ph:caret-down-bold",
@@ -63,14 +63,14 @@ const Yl = { class: "cl-overflow-hidden" }, Jl = /* @__PURE__ */ Q({
           }, null, 8, ["class"])
         ]),
         b("div", et, [
-          V(n.$slots, "title")
+          M(n.$slots, "title")
         ])
       ], 2),
       b("div", lt, [
         S(Te, { name: "grow-down" }, {
           default: Y(() => [
             le(b("div", ve(n.$attrs, { class: "cl-ml-10 cl-p-4" }), [
-              V(n.$slots, "default")
+              M(n.$slots, "default")
             ], 16), [
               [te, n.open]
             ])
@@ -88,7 +88,7 @@ const Yl = { class: "cl-overflow-hidden" }, Jl = /* @__PURE__ */ Q({
 }, at = {}, ot = { 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 nt(a, e) {
   return f(), y("div", ot, [
-    V(a.$slots, "default")
+    M(a.$slots, "default")
   ]);
 }
 const rt = /* @__PURE__ */ we(at, [["render", nt]]), Pe = I([]);
@@ -112,7 +112,7 @@ const st = ["onClick"], it = { class: "cl-flex-1 cl-select-none cl-text-ellipsis
   setup(a) {
     return (e, l) => (f(), G(ll, { to: e.container }, [
       b("div", {
-        class: M(["cl-fixed cl-w-80 cl-z-50", {
+        class: F(["cl-fixed cl-w-80 cl-z-50", {
           "cl-top-5 cl-left-5": e.position === "top-left",
           "cl-top-5 cl-left-1/2": e.position === "top-centre",
           "cl-top-5 cl-right-5": e.position === "top-right",
@@ -151,25 +151,25 @@ const st = ["onClick"], it = { class: "cl-flex-1 cl-select-none cl-text-ellipsis
   setup(a) {
     return (e, l) => (f(), y(X, null, [
       S(Ol, {
-        class: M({
+        class: F({
           "first:cl-mt-[4.25rem]": e.$slots.header
         })
       }, null, 8, ["class"]),
       b("div", ct, [
-        V(e.$slots, "header"),
+        M(e.$slots, "header"),
         b("div", {
-          class: M(["cl-content-start cl-flex cl-flex-nowrap cl-items-stretch cl-max-h-full cl-relative cl-w-full xl:cl-max-h-screen", {
+          class: F(["cl-content-start cl-flex cl-flex-nowrap cl-items-stretch cl-max-h-full cl-relative cl-w-full xl:cl-max-h-screen", {
             "cl-pt-20": e.$slots.header
           }])
         }, [
-          V(e.$slots, "navigation"),
+          M(e.$slots, "navigation"),
           b("div", {
-            class: M(["cl-grow cl-max-h-full cl-overflow-x-hidden cl-overflow-y-auto cl-overscroll-y-none cl-w-auto", {
+            class: F(["cl-grow cl-max-h-full cl-overflow-x-hidden cl-overflow-y-auto cl-overscroll-y-none cl-w-auto", {
               "lg:cl-pb-0": e.removePadding,
               "lg:cl-pb-8 md:cl-px-8 cl-px-2 md:cl-pt-8 cl-pt-2": !e.removePadding
             }])
           }, [
-            V(e.$slots, "default")
+            M(e.$slots, "default")
           ], 2)
         ], 2)
       ])
@@ -216,7 +216,7 @@ const Ke = /* @__PURE__ */ we(dt, [["render", pt], ["__scopeId", "data-v-a21dc5d
         }],
         disabled: t.disabled
       }), [
-        V(t.$slots, "default")
+        M(t.$slots, "default")
       ], 16, mt), [
         [te, !t.loading]
       ])
@@ -241,43 +241,43 @@ const Ke = /* @__PURE__ */ we(dt, [["render", pt], ["__scopeId", "data-v-a21dc5d
   },
   setup(a) {
     return (e, l) => (f(), y("div", {
-      class: M(["cl-border cl-border-transparent cl-overflow-hidden cl-relative cl-rounded-md cl-shadow-lg cl-transition-all", {
+      class: F(["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": e.hover
       }])
     }, [
       e.$slots.image ? (f(), y("div", bt, [
-        V(e.$slots, "image")
+        M(e.$slots, "image")
       ])) : j("", !0),
       e.$slots.title ? (f(), y("div", {
         key: 1,
-        class: M(["cl-border-grey-2 cl-font-normal", {
+        class: F(["cl-border-grey-2 cl-font-normal", {
           "cl-p-2 cl-text-2xl cl-leading-8": e.size === "small",
           "cl-p-4 cl-text-3xl cl-leading-9": e.size === "medium",
           "cl-p-6 cl-text-4xl cl-leading-10": e.size === "large",
           "cl-border-t": e.$slots.image
         }])
       }, [
-        V(e.$slots, "title")
+        M(e.$slots, "title")
       ], 2)) : j("", !0),
       b("div", {
-        class: M(["cl-border-grey-2", {
+        class: F(["cl-border-grey-2", {
           "cl-p-2": e.size === "small",
           "cl-p-4": e.size === "medium",
           "cl-p-6": e.size === "large",
           "cl-border-t": e.$slots.image || e.$slots.title
         }])
       }, [
-        V(e.$slots, "default")
+        M(e.$slots, "default")
       ], 2),
       e.$slots.footer ? (f(), y("div", {
         key: 2,
-        class: M(["cl-border-grey-2 cl-border-t", {
+        class: F(["cl-border-grey-2 cl-border-t", {
           "cl-p-2": e.size === "small",
           "cl-p-4": e.size === "medium",
           "cl-p-6": e.size === "large"
         }])
       }, [
-        V(e.$slots, "footer")
+        M(e.$slots, "footer")
       ], 2)) : j("", !0)
     ], 2));
   }
@@ -461,16 +461,16 @@ const wt = {
   warnHtmlMessage: !1
 });
 function ds(a, e) {
-  return ye.global.mergeLocaleMessage(a, e), Fe();
+  return ye.global.mergeLocaleMessage(a, e), Ve();
 }
 function fs(a, e) {
-  return ye.global.mergeNumberFormat(a, e), Fe();
+  return ye.global.mergeNumberFormat(a, e), Ve();
 }
 function ps(a, e) {
-  return ye.global.mergeDateTimeFormat(a, e), Fe();
+  return ye.global.mergeDateTimeFormat(a, e), Ve();
 }
 function ms(a) {
-  return ye.global.locale.value = a, Fe();
+  return ye.global.locale.value = a, Ve();
 }
 const { t: be } = ye.global;
 function $t(a, e, l, t, n) {
@@ -644,7 +644,7 @@ const Nt = {
           default: Y(() => [
             S(v(x), {
               icon: "bi:calendar3",
-              class: M(["cl-text-xl icon", {
+              class: F(["cl-text-xl icon", {
                 "cl-text-grey-4": !o.rangeSelected,
                 "cl-text-primary-dark": o.rangeSelected
               }])
@@ -662,7 +662,7 @@ const Nt = {
           default: Y(() => [
             S(v(x), {
               icon: "ph:x",
-              class: M(["clear-icon", {
+              class: F(["clear-icon", {
                 "cl-text-grey-4": !o.rangeSelected,
                 "cl-text-danger-default": o.rangeSelected
               }])
@@ -679,9 +679,9 @@ const Nt = {
           type: "text",
           disabled: o.disabled,
           placeholder: r.value
-        }, Vl(o.events, !0)), null, 16, qt),
+        }, Ml(o.events, !0)), null, 16, qt),
         le(S(v(x), {
-          class: M(["cl-absolute cl-bg-transparent cl-cursor-text cl-left-2 cl-text-grey-4 cl-top-3.5 icon", {
+          class: F(["cl-absolute cl-bg-transparent cl-cursor-text cl-left-2 cl-text-grey-4 cl-top-3.5 icon", {
             "!cl-bg-off-white": o.disabled
           }]),
           icon: o.type === "time" ? "ph-clock" : "ph:calendar",
@@ -721,7 +721,7 @@ const Ye = /* @__PURE__ */ we(Dt, [["__scopeId", "data-v-62c35053"]]), Rt = { cl
         var o, s;
         return f(), y("button", {
           key: r,
-          class: M(["cl-border cl-cursor-pointer cl-py-1 cl-rounded-md cl-text-center", {
+          class: F(["cl-border cl-cursor-pointer cl-py-1 cl-rounded-md cl-text-center", {
             "cl-bg-primary-lighter cl-bg-opacity-30 cl-border-primary-default cl-font-bold hover:cl-border-primary-darker": ((o = t.selectedQuickDate) == null ? void 0 : o.name) === c.name,
             "cl-border-grey-2 hover:cl-border-grey-3 hover:cl-opacity-95 cl-opacity-60": ((s = t.selectedQuickDate) == null ? void 0 : s.name) !== c.name
           }]),
@@ -732,7 +732,7 @@ const Ye = /* @__PURE__ */ we(Dt, [["__scopeId", "data-v-62c35053"]]), Rt = { cl
       }), 128))
     ]));
   }
-}), Ft = [
+}), Vt = [
   "today",
   "this week",
   "this month",
@@ -824,7 +824,7 @@ const Ye = /* @__PURE__ */ we(Dt, [["__scopeId", "data-v-62c35053"]]), Rt = { cl
   ...Le,
   ...Be,
   ...Ie
-], Mt = { class: "cl-p-2 cl-pt-0" }, Vt = {
+], Ft = { class: "cl-p-2 cl-pt-0" }, Mt = {
   key: 0,
   class: "cl-mt-2 cl-opacity-20"
 }, Ut = /* @__PURE__ */ Q({
@@ -860,7 +860,7 @@ const Ye = /* @__PURE__ */ we(Dt, [["__scopeId", "data-v-62c35053"]]), Rt = { cl
       }
       return c;
     });
-    return (c, r) => (f(), y("div", Mt, [
+    return (c, r) => (f(), y("div", Ft, [
       b("div", null, A(v(t)("quickDates.quickDatesHeader")), 1),
       (f(!0), y(X, null, re(n.value, (o, s) => (f(), y("div", {
         key: s,
@@ -871,7 +871,7 @@ const Ye = /* @__PURE__ */ we(Dt, [["__scopeId", "data-v-62c35053"]]), Rt = { cl
           "selected-quick-date": c.selectedQuickDate,
           onQuickDateSelected: r[0] || (r[0] = (i) => e("quick-date-selected", i))
         }, null, 8, ["dates", "selected-quick-date"]),
-        s < n.value.length - 1 ? (f(), y("div", Vt)) : j("", !0)
+        s < n.value.length - 1 ? (f(), y("div", Mt)) : j("", !0)
       ]))), 128))
     ]));
   }
@@ -1173,12 +1173,12 @@ const Bt = [
   setup(a, { expose: e, emit: l }) {
     const t = a;
     Ul((d) => ({
-      "64bbf7e6": i.value
+      44703202: i.value
     }));
     const { n, t: c } = se(), r = I(), o = D({
       get: () => t.value,
       set: (d) => l("update:value", d ?? "")
-    }), s = nl((d) => o.value = d || t.min, 1e3), i = D(() => {
+    }), s = nl((d) => o.value = d || d === 0 ? d : t.min, 1e3), i = D(() => {
       let h = ((typeof o.value == "number" ? o.value : t.min) - t.min) / (t.max - t.min) * 100;
       return h < 35 && h > 0 ? h < 20 ? h += 0.5 : h += 0.25 : h > 65 && h < 100 && (h > 80 ? h -= 0.5 : h -= 0.25), `${h}%`;
     }), m = D(() => t.min <= t.max && t.step > 0);
@@ -1192,7 +1192,7 @@ const Bt = [
     return (d, h) => m.value ? (f(), y("div", ce(ve({ key: 0 }, d.$attrs)), [
       b("div", zt, [
         b("span", {
-          class: M(["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", {
+          class: F(["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", {
             "cl-bg-white cl-cursor-pointer hover:cl-border-grey-1": !d.disabled,
             "cl-bg-grey-0": d.disabled
           }]),
@@ -1239,7 +1239,7 @@ const Bt = [
           ], 64))
         ]),
         b("span", {
-          class: M(["cl-border cl-border-transparent cl-leading-6 cl-ml-1 cl-px-2 cl-rounded-full cl-select-none cl-shadow cl-text-center cl-text-xs", {
+          class: F(["cl-border cl-border-transparent cl-leading-6 cl-ml-1 cl-px-2 cl-rounded-full cl-select-none cl-shadow cl-text-center cl-text-xs", {
             "cl-bg-white cl-cursor-pointer hover:cl-border-grey-1": !d.disabled,
             "cl-bg-grey-0": d.disabled
           }]),
@@ -1257,7 +1257,7 @@ const Bt = [
     ], 16)) : (f(), y("div", Zt, A(v(c)("slider.invalidProps")), 1));
   }
 });
-const Qt = /* @__PURE__ */ we(Kt, [["__scopeId", "data-v-cba99bc9"]]);
+const Qt = /* @__PURE__ */ we(Kt, [["__scopeId", "data-v-470989ac"]]);
 function cl(a) {
   let e = !1;
   switch (a) {
@@ -1379,26 +1379,26 @@ const Jt = { class: "cl-flex cl-justify-between" }, Xt = { class: "cl-w-full" },
       get: () => t.modelValue,
       set: (g) => u(g)
     }), d = D(() => typeof t.min == "number" ? t.min.toString() : t.min), h = D(() => typeof t.max == "number" ? t.max.toString() : t.max), q = D(() => typeof t.min == "number" || t.min === null ? t.min : parseFloat(t.min)), P = D(() => typeof t.max == "number" || t.max === null ? t.max : parseFloat(t.max)), L = D(() => t.messageWhenValid.trim() !== "" ? t.messageWhenValid : ""), Z = I(!0), ae = I(!0), N = I([]), B = D(() => {
-      var g, F;
+      var g, V;
       return [
         ...((g = N.value) == null ? void 0 : g.filter((K) => ((K == null ? void 0 : K.length) ?? 0) > 0)) ?? [],
-        ...((F = t.externalErrors) == null ? void 0 : F.filter((K) => ((K == null ? void 0 : K.length) ?? 0) > 0)) ?? []
+        ...((V = t.externalErrors) == null ? void 0 : V.filter((K) => ((K == null ? void 0 : K.length) ?? 0) > 0)) ?? []
       ].join(`
 `);
     });
     async function u(g) {
       t.validateOn === "input" && await O(g), l("update:model-value", g);
     }
-    async function p(g, F) {
-      t.onInputFunction !== void 0 && (g = t.onInputFunction(g)), t.validateOn === "change" && (ae.value = !1), (F || t.validateOn === "input") && await O(g), l("update:model-value", g);
+    async function p(g, V) {
+      t.onInputFunction !== void 0 && (g = t.onInputFunction(g)), t.validateOn === "change" && (ae.value = !1), (V || t.validateOn === "input") && await O(g), l("update:model-value", g);
     }
     function O(g) {
-      const F = {
+      const V = {
         message: "",
         valid: !0
       }, K = [
         t.customValidationFunction === null || t.customValidationFunction === void 0 ? new Promise((pe) => {
-          pe(F);
+          pe(V);
         }) : new Promise((pe) => {
           pe(t.customValidationFunction(t.label, g));
         })
@@ -1418,19 +1418,19 @@ const Jt = { class: "cl-flex cl-justify-between" }, Xt = { class: "cl-w-full" },
     function z(g) {
       if (n.value) {
         n.value.stepUp(), n.value.focus(), p(n.value.valueAsNumber, !1);
-        const F = {
+        const V = {
           target: n.value
         };
-        l("input", F, n.value.valueAsNumber), l("change", g, n.value.valueAsNumber);
+        l("input", V, n.value.valueAsNumber), l("change", g, n.value.valueAsNumber);
       }
     }
     function T(g) {
       if (n.value) {
         n.value.stepDown(), n.value.focus(), p(n.value.valueAsNumber, !1);
-        const F = {
+        const V = {
           target: n.value
         };
-        l("input", F, n.value.valueAsNumber), l("change", g, n.value.valueAsNumber);
+        l("input", V, n.value.valueAsNumber), l("change", g, n.value.valueAsNumber);
       }
     }
     function w(g) {
@@ -1448,12 +1448,12 @@ const Jt = { class: "cl-flex cl-justify-between" }, Xt = { class: "cl-w-full" },
     function R() {
       var K;
       let g = !0;
-      const F = o.value;
-      return c.value ? g = F : r.value && ((K = m.value) == null ? void 0 : K.toString().trim()) === "" && t.requiredText.trim() !== "" && (g = !1), !t.hideRequiredAsterisk && g;
+      const V = o.value;
+      return c.value ? g = V : r.value && ((K = m.value) == null ? void 0 : K.toString().trim()) === "" && t.requiredText.trim() !== "" && (g = !1), !t.hideRequiredAsterisk && g;
     }
     async function J(g) {
-      const F = dl(g, t.inputType);
-      t.validateOn === "change" && await O(F), l("change", g, F);
+      const V = dl(g, t.inputType);
+      t.validateOn === "change" && await O(V), l("change", g, V);
     }
     async function W() {
       await E(), U();
@@ -1476,13 +1476,13 @@ const Jt = { class: "cl-flex cl-justify-between" }, Xt = { class: "cl-w-full" },
         var g;
         (g = n.value) == null || g.blur();
       }
-    }), (g, F) => (f(), y("div", ve({ ...g.$attrs, id: void 0 }, {
+    }), (g, V) => (f(), y("div", ve({ ...g.$attrs, id: void 0 }, {
       key: i.value,
       class: "cl-align-top cl-border-none cl-inline-block cl-text-left"
     }), [
       b("div", {
-        onMouseenter: F[10] || (F[10] = (K) => w(!0)),
-        onMouseleave: F[11] || (F[11] = (K) => w(!1))
+        onMouseenter: V[10] || (V[10] = (K) => w(!0)),
+        onMouseleave: V[11] || (V[11] = (K) => w(!1))
       }, [
         b("div", Jt, [
           b("div", Xt, [
@@ -1497,7 +1497,7 @@ const Jt = { class: "cl-flex cl-justify-between" }, Xt = { class: "cl-w-full" },
           le(b("input", ve({
             ref_key: "inputElement",
             ref: n,
-            "onUpdate:modelValue": F[0] || (F[0] = (K) => m.value = K)
+            "onUpdate:modelValue": V[0] || (V[0] = (K) => m.value = K)
           }, g.$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 && !v(Re)(g.inputType),
@@ -1521,11 +1521,11 @@ const Jt = { class: "cl-flex cl-justify-between" }, Xt = { class: "cl-w-full" },
             accept: g.fileExtensions,
             name: g.group,
             autocomplete: g.autocomplete,
-            onClick: F[1] || (F[1] = (K) => _(K)),
-            onFocus: F[2] || (F[2] = (K) => l("focus")),
+            onClick: V[1] || (V[1] = (K) => _(K)),
+            onFocus: V[2] || (V[2] = (K) => l("focus")),
             onBlur: ne(W, ["self"]),
             onMousewheelPassive: C,
-            onInput: F[3] || (F[3] = (K) => {
+            onInput: V[3] || (V[3] = (K) => {
               l("input", K, v(dl)(K, g.inputType));
             }),
             onChange: J
@@ -1542,14 +1542,14 @@ const Jt = { class: "cl-flex cl-justify-between" }, Xt = { class: "cl-w-full" },
                   icon: "ph:caret-up-bold",
                   class: "cl-absolute cl-bg-link-default cl-right-1 cl-rounded-full cl-text-sm cl-text-white cl-top-1 hover:cl-bg-link-light hover:cl-cursor-pointer",
                   onClick: z,
-                  onMousedown: F[4] || (F[4] = ne(() => {
+                  onMousedown: V[4] || (V[4] = ne(() => {
                   }, ["prevent"]))
                 }),
                 S(v(x), {
                   icon: "ph:caret-down-bold",
                   class: "cl-absolute cl-bg-link-default cl-bottom-2 cl-right-1 cl-rounded-full cl-text-sm cl-text-white hover:cl-bg-link-light hover:cl-cursor-pointer",
                   onClick: T,
-                  onMousedown: F[5] || (F[5] = ne(() => {
+                  onMousedown: V[5] || (V[5] = ne(() => {
                   }, ["prevent"]))
                 })
               ], 512)), [
@@ -1562,7 +1562,7 @@ const Jt = { class: "cl-flex cl-justify-between" }, Xt = { class: "cl-w-full" },
           ref_key: "inputElement",
           ref: n,
           date: k.value,
-          "onUpdate:date": F[6] || (F[6] = (K) => k.value = K),
+          "onUpdate:date": V[6] || (V[6] = (K) => k.value = K),
           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 && g.inputType !== "dateRange",
             "!cl-border-danger-default": !Z.value,
@@ -1578,13 +1578,13 @@ const Jt = { class: "cl-flex cl-justify-between" }, Xt = { class: "cl-w-full" },
           "initial-date": g.initialDate,
           "quick-date-scope": g.quickDateScope,
           onBlur: ne(E, ["self"]),
-          onFocus: F[7] || (F[7] = (K) => l("focus"))
+          onFocus: V[7] || (V[7] = (K) => l("focus"))
         }), null, 16, ["date", "class", "disabled", "required", "type", "time-zone", "min", "max", "placeholder", "initial-date", "quick-date-scope", "onBlur"])) : g.inputType === "range" && (typeof m.value == "number" || typeof m.value == "string") ? (f(), y("div", na, [
           S(v(Qt), {
             ref_key: "inputElement",
             ref: n,
             value: m.value,
-            "onUpdate:value": F[8] || (F[8] = (K) => m.value = K),
+            "onUpdate:value": V[8] || (V[8] = (K) => m.value = K),
             min: q.value ?? 0,
             max: P.value ?? 1e3,
             step: g.step,
@@ -1592,7 +1592,7 @@ const Jt = { class: "cl-flex cl-justify-between" }, Xt = { class: "cl-w-full" },
             "enforce-step": !0,
             disabled: g.disabled,
             onBlur: ne(E, ["self"]),
-            onFocus: F[9] || (F[9] = (K) => l("focus"))
+            onFocus: V[9] || (V[9] = (K) => l("focus"))
           }, null, 8, ["value", "min", "max", "step", "placeholder", "disabled", "onBlur"])
         ])) : j("", !0)
       ], 32),
@@ -1880,7 +1880,7 @@ var vl = {
   for (var l = arguments.length, t = new Array(l > 1 ? l - 1 : 0), n = 1; n < l; n++)
     t[n - 1] = arguments[n];
   return typeof e == "function" ? e.apply(void 0, t) : e;
-}, Me = function(e) {
+}, Fe = function(e) {
   return e.target.shadowRoot && typeof e.composedPath == "function" ? e.composedPath()[0] : e.target;
 }, Ia = [], ja = function(e, l) {
   var t = (l == null ? void 0 : l.document) || document, n = (l == null ? void 0 : l.trapStack) || Ia, c = ml({
@@ -2007,11 +2007,11 @@ var vl = {
          *  in reverse.
          * @returns {HTMLElement|undefined} The next tabbable node, if any.
          */
-        nextTabbableNode: function(F) {
-          var K = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !0, pe = w.indexOf(F);
-          return pe < 0 ? K ? E.slice(E.indexOf(F) + 1).find(function(Ce) {
+        nextTabbableNode: function(V) {
+          var K = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !0, pe = w.indexOf(V);
+          return pe < 0 ? K ? E.slice(E.indexOf(V) + 1).find(function(Ce) {
             return Ne(Ce);
-          }) : E.slice(0, E.indexOf(F)).reverse().find(function(Ce) {
+          }) : E.slice(0, E.indexOf(V)).reverse().find(function(Ce) {
             return Ne(Ce);
           }) : w[pe + (K ? 1 : -1)];
         }
@@ -2039,7 +2039,7 @@ var vl = {
     return w || (w === !1 ? !1 : T);
   }, P = function(T) {
     var w = T.target, E = T.event, U = T.isBackward, C = U === void 0 ? !1 : U;
-    w = w || Me(E), d();
+    w = w || Fe(E), d();
     var R = null;
     if (r.tabbableGroups.length > 0) {
       var J = i(w, E), W = J >= 0 ? r.containerGroups[J] : void 0;
@@ -2051,7 +2051,7 @@ var vl = {
           return w === Qe;
         });
         if (g < 0 && (W.container === w || Je(w, c.tabbableOptions) && !Ne(w, c.tabbableOptions) && !W.nextTabbableNode(w, !1)) && (g = J), g >= 0) {
-          var F = g === 0 ? r.tabbableGroups.length - 1 : g - 1, K = r.tabbableGroups[F];
+          var V = g === 0 ? r.tabbableGroups.length - 1 : g - 1, K = r.tabbableGroups[V];
           R = Oe(w) >= 0 ? K.lastTabbableNode : K.lastDomTabbableNode;
         } else
           je(E) || (R = W.nextTabbableNode(w, !1));
@@ -2070,7 +2070,7 @@ var vl = {
       R = m("fallbackFocus");
     return R;
   }, L = function(T) {
-    var w = Me(T);
+    var w = Fe(T);
     if (!(i(w, T) >= 0)) {
       if (Ae(c.clickOutsideDeactivates, T)) {
         o.deactivate({
@@ -2087,7 +2087,7 @@ var vl = {
       Ae(c.allowOutsideClick, T) || T.preventDefault();
     }
   }, Z = function(T) {
-    var w = Me(T), E = i(w, T) >= 0;
+    var w = Fe(T), E = i(w, T) >= 0;
     if (E || w instanceof Document)
       E && (r.mostRecentlyFocusedNode = w);
     else {
@@ -2104,8 +2104,8 @@ var vl = {
           }
         } else
           r.containerGroups.some(function(g) {
-            return g.tabbableNodes.some(function(F) {
-              return Oe(F) > 0;
+            return g.tabbableNodes.some(function(V) {
+              return Oe(V) > 0;
             });
           }) || (C = !1);
       else
@@ -2133,7 +2133,7 @@ var vl = {
     }
     (c.isKeyForward(T) || c.isKeyBackward(T)) && ae(T, c.isKeyBackward(T));
   }, B = function(T) {
-    var w = Me(T);
+    var w = Fe(T);
     i(w, T) >= 0 || Ae(c.clickOutsideDeactivates, T) || Ae(c.allowOutsideClick, T) || (T.preventDefault(), T.stopImmediatePropagation());
   }, u = function() {
     if (r.active)
@@ -2225,14 +2225,14 @@ var vl = {
       }), r.active && d(), _(), this;
     }
   }, o.updateContainerElements(e), o;
-}, Fa = Object.defineProperty, Ma = Object.defineProperties, Va = Object.getOwnPropertyDescriptors, Ge = Object.getOwnPropertySymbols, Il = Object.prototype.hasOwnProperty, jl = Object.prototype.propertyIsEnumerable, hl = (a, e, l) => e in a ? Fa(a, e, { enumerable: !0, configurable: !0, writable: !0, value: l }) : a[e] = l, Ua = (a, e) => {
+}, Va = Object.defineProperty, Fa = Object.defineProperties, Ma = Object.getOwnPropertyDescriptors, Ge = Object.getOwnPropertySymbols, Il = Object.prototype.hasOwnProperty, jl = Object.prototype.propertyIsEnumerable, hl = (a, e, l) => e in a ? Va(a, e, { enumerable: !0, configurable: !0, writable: !0, value: l }) : a[e] = l, Ua = (a, e) => {
   for (var l in e || (e = {}))
     Il.call(e, l) && hl(a, l, e[l]);
   if (Ge)
     for (var l of Ge(e))
       jl.call(e, l) && hl(a, l, e[l]);
   return a;
-}, Pa = (a, e) => Ma(a, Va(e)), La = (a, e) => {
+}, Pa = (a, e) => Fa(a, Ma(e)), La = (a, e) => {
   var l = {};
   for (var t in a)
     Il.call(a, t) && e.indexOf(t) < 0 && (l[t] = a[t]);
@@ -2273,7 +2273,7 @@ function Ba(a, e = {}) {
 const za = /* @__PURE__ */ b("div", { tabindex: "0" }, null, -1), _a = ["onKeypress"], xa = {
   key: 0,
   class: "cl-mt-1 cl-opacity-60 cl-text-primary-default"
-}, Ha = { class: "cl-overflow-y-auto cl-overscroll-y-none cl-p-2 cl-w-full" }, Fl = /* @__PURE__ */ Q({
+}, Ha = { class: "cl-overflow-y-auto cl-overscroll-y-none cl-p-2 cl-w-full" }, Vl = /* @__PURE__ */ Q({
   inheritAttrs: !1,
   __name: "cl-ui-modal",
   props: {
@@ -2305,7 +2305,7 @@ const za = /* @__PURE__ */ b("div", { tabindex: "0" }, null, -1), _a = ["onKeypr
       i.key === "Escape" && o();
     }
     return (i, m) => (f(), y(X, null, [
-      V(i.$slots, "trigger", ce(fe({ open: r }))),
+      M(i.$slots, "trigger", ce(fe({ open: r }))),
       (f(), G(ll, { to: "body" }, [
         S(Te, { name: "fade" }, {
           default: Y(() => [
@@ -2324,7 +2324,7 @@ const za = /* @__PURE__ */ b("div", { tabindex: "0" }, null, -1), _a = ["onKeypr
                 }]
               }), [
                 le(b("div", {
-                  class: M(["cl-absolute cl-cursor-pointer cl-right-4 cl-top-4 cl-transition-colors cl-w-3", {
+                  class: F(["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": i.headerColour === "secondary",
                     "cl-text-secondary hover:cl-text-off-white": i.headerColour === "primary",
                     "cl-text-black hover:cl-text-grey-7": i.headerColour === "white"
@@ -2338,18 +2338,18 @@ const za = /* @__PURE__ */ b("div", { tabindex: "0" }, null, -1), _a = ["onKeypr
                   [te, !i.preventClose]
                 ]),
                 b("div", {
-                  class: M(["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", {
+                  class: F(["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": i.headerColour === "secondary",
                     "cl-bg-primary-default cl-text-secondary": i.headerColour === "primary"
                   }])
                 }, [
-                  V(i.$slots, "title"),
+                  M(i.$slots, "title"),
                   i.headerColour === "white" ? (f(), y("hr", xa)) : j("", !0)
                 ], 2),
                 b("div", Ha, [
-                  V(i.$slots, "default", ce(fe({ close: o })))
+                  M(i.$slots, "default", ce(fe({ close: o })))
                 ]),
-                V(i.$slots, "footer", ce(fe({ close: o })))
+                M(i.$slots, "footer", ce(fe({ close: o })))
               ], 16)
             ], 512), [
               [te, t.value]
@@ -2363,7 +2363,7 @@ const za = /* @__PURE__ */ b("div", { tabindex: "0" }, null, -1), _a = ["onKeypr
 }), Ga = { class: "cl-bg-grey-0 cl-flex cl-p-1 cl-text-left" }, Za = {
   key: 0,
   class: "cl-w-1/2"
-}, Ve = /* @__PURE__ */ Q({
+}, Me = /* @__PURE__ */ Q({
   __name: "cl-ui-combo-box-header",
   props: {
     showClearButton: { type: Boolean, default: !1 },
@@ -2377,7 +2377,7 @@ const za = /* @__PURE__ */ b("div", { tabindex: "0" }, null, -1), _a = ["onKeypr
     return (e, l) => (f(), y("div", Ga, [
       e.additionalText !== "" ? (f(), y("div", Za, A(e.additionalText), 1)) : j("", !0),
       b("div", {
-        class: M({
+        class: F({
           "cl-w-1/2": e.additionalText !== "",
           "cl-w-full": e.additionalText === ""
         })
@@ -2433,7 +2433,7 @@ const za = /* @__PURE__ */ b("div", { tabindex: "0" }, null, -1), _a = ["onKeypr
     return oe(() => l.selectedIndex, () => s()), (i, m) => {
       var k, d;
       return f(), y("div", {
-        class: M(["cl-cursor-pointer cl-duration-75 cl-flex cl-p-1 cl-text-left cl-transition-colors", {
+        class: F(["cl-cursor-pointer cl-duration-75 cl-flex cl-p-1 cl-text-left cl-transition-colors", {
           "cl-bg-white": c.value === !1,
           "cl-bg-link-light cl-text-white cl-opacity-90": c.value && i.isCreateNewOption === !1,
           "cl-bg-primary-default cl-text-black cl-opacity-90": c.value && i.isCreateNewOption
@@ -2444,7 +2444,7 @@ const za = /* @__PURE__ */ b("div", { tabindex: "0" }, null, -1), _a = ["onKeypr
       }, [
         i.option !== null && ((k = i.option) == null ? void 0 : k.parentId) !== 0 && ((d = i.option) == null ? void 0 : d.parentId) !== void 0 ? (f(), y("div", Ka, A(n.value), 1)) : j("", !0),
         b("div", {
-          class: M({
+          class: F({
             "cl-w-1/2": n.value !== "",
             "cl-w-full": n.value === ""
           })
@@ -2525,7 +2525,7 @@ const za = /* @__PURE__ */ b("div", { tabindex: "0" }, null, -1), _a = ["onKeypr
       r.value = u;
     }
     function B() {
-      l.isVisible === !0 && (n.value = "", i(), Fe(() => {
+      l.isVisible === !0 && (n.value = "", i(), Ve(() => {
         var u, p;
         return (p = (u = s.value) == null ? void 0 : u.querySelector("input")) == null ? void 0 : p.focus();
       }));
@@ -2562,23 +2562,23 @@ const za = /* @__PURE__ */ b("div", { tabindex: "0" }, null, -1), _a = ["onKeypr
             [te, u.loading]
           ])
         ]),
-        u.currentObjectName !== "" ? (f(), G(Ve, {
+        u.currentObjectName !== "" ? (f(), G(Me, {
           key: 0,
           "show-clear-button": u.canClearSelectedObject,
           text: u.currentObjectName,
           onClearObject: p[1] || (p[1] = ($) => u.$emit("clear-object"))
         }, null, 8, ["show-clear-button", "text"])) : j("", !0),
-        u.objectParentType !== "" && u.results !== void 0 && u.results.length > 0 && u.errorMessage === "" ? (f(), G(Ve, {
+        u.objectParentType !== "" && u.results !== void 0 && u.results.length > 0 && u.errorMessage === "" ? (f(), G(Me, {
           key: 1,
           text: u.objectType,
           "additional-text": u.objectParentType,
           class: "cl-bg-grey-2 cl-mt-1"
         }, null, 8, ["text", "additional-text"])) : j("", !0),
-        u.results !== null && ((O = u.results) == null ? void 0 : O.length) === 0 && n.value.trim() !== "" && u.canCreateNewObject === !1 && u.errorMessage === "" ? (f(), G(Ve, {
+        u.results !== null && ((O = u.results) == null ? void 0 : O.length) === 0 && n.value.trim() !== "" && u.canCreateNewObject === !1 && u.errorMessage === "" ? (f(), G(Me, {
           key: 2,
           text: v(t)("comboBox.noResults", { value: n.value })
         }, null, 8, ["text"])) : j("", !0),
-        u.errorMessage !== "" ? (f(), G(Ve, {
+        u.errorMessage !== "" ? (f(), G(Me, {
           key: 3,
           class: "!cl-bg-danger-light cl-border-danger-light cl-rounded cl-text-danger-dark",
           text: v(t)("comboBox.errorMessage", { error: u.errorMessage })
@@ -2698,7 +2698,7 @@ const za = /* @__PURE__ */ b("div", { tabindex: "0" }, null, -1), _a = ["onKeypr
       });
     }
     function T() {
-      var R, J, W, g, F;
+      var R, J, W, g, V;
       il({
         message: r("comboBox.createSuccessful", { object: t.objectType, name: ((R = t.objectCreatedResponse) == null ? void 0 : R.name) ?? "" }),
         colour: "primary",
@@ -2708,7 +2708,7 @@ const za = /* @__PURE__ */ b("div", { tabindex: "0" }, null, -1), _a = ["onKeypr
       m.value && m.value.id === ((J = t.objectCreatedResponse) == null ? void 0 : J.parentId) && (C = m.value.name), s.value = {
         id: ((W = t.objectCreatedResponse) == null ? void 0 : W.id) ?? 0,
         name: ((g = t.objectCreatedResponse) == null ? void 0 : g.name) ?? "",
-        parentId: ((F = t.objectCreatedResponse) == null ? void 0 : F.parentId) ?? 0,
+        parentId: ((V = t.objectCreatedResponse) == null ? void 0 : V.parentId) ?? 0,
         parentName: C
       };
     }
@@ -2740,7 +2740,7 @@ const za = /* @__PURE__ */ b("div", { tabindex: "0" }, null, -1), _a = ["onKeypr
             ref: i,
             modelValue: k.value,
             "onUpdate:modelValue": R[0] || (R[0] = (W) => k.value = W),
-            class: M(["!cl-mr-0 cl-mb-0 cl-rounded-r-none cl-w-full cl-z-10", {
+            class: F(["!cl-mr-0 cl-mb-0 cl-rounded-r-none cl-w-full cl-z-10", {
               "cl-cursor-pointer": C.disabled === !1
             }]),
             "input-type": "text",
@@ -2762,7 +2762,7 @@ const za = /* @__PURE__ */ b("div", { tabindex: "0" }, null, -1), _a = ["onKeypr
           ]),
           o.value ? (f(), y("div", {
             key: 1,
-            class: M(["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", {
+            class: F(["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": C.disabled,
               "cl-cursor-pointer": C.disabled === !1
             }]),
@@ -2774,7 +2774,7 @@ const za = /* @__PURE__ */ b("div", { tabindex: "0" }, null, -1), _a = ["onKeypr
             })
           ], 2)) : (f(), y("div", {
             key: 0,
-            class: M(["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", {
+            class: F(["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": C.disabled,
               "cl-cursor-pointer": C.disabled === !1
             }]),
@@ -2786,7 +2786,7 @@ const za = /* @__PURE__ */ b("div", { tabindex: "0" }, null, -1), _a = ["onKeypr
             })
           ], 2))
         ]),
-        S(Fl, { size: "small" }, {
+        S(Vl, { size: "small" }, {
           title: Y(() => [
             de(A(v(r)("comboBox.createTitle", { object: C.objectType })), 1)
           ]),
@@ -2801,7 +2801,7 @@ const za = /* @__PURE__ */ b("div", { tabindex: "0" }, null, -1), _a = ["onKeypr
               "error-message": C.errorMessage,
               "current-object-name": k.value,
               "is-visible": o.value,
-              class: M({
+              class: F({
                 "cl-bottom-full": L.value
               }),
               "search-hint": c.value,
@@ -2890,14 +2890,14 @@ const io = {}, co = { class: "cl-flex cl-flex-wrap cl-left-0 cl-mt-4 cl-w-full"
 function vo(a, e) {
   return f(), y("div", co, [
     a.$slots.default ? (f(), y("div", uo, [
-      V(a.$slots, "default")
+      M(a.$slots, "default")
     ])) : j("", !0),
     a.$slots.left || a.$slots.right ? (f(), y("div", fo, [
       b("span", po, [
-        V(a.$slots, "left")
+        M(a.$slots, "left")
       ]),
       b("span", mo, [
-        V(a.$slots, "right")
+        M(a.$slots, "right")
       ])
     ])) : j("", !0)
   ]);
@@ -2939,7 +2939,7 @@ const ho = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, yo = { class: "cl-gap-1
       ]),
       b("div", yo, [
         b("div", wo, [
-          V(n.$slots, "additional-grid-actions", ce(fe({
+          M(n.$slots, "additional-grid-actions", ce(fe({
             loading: n.loading,
             editMode: n.editMode
           })))
@@ -2961,7 +2961,7 @@ const ho = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, yo = { class: "cl-gap-1
           _: 1
         })) : j("", !0),
         n.options.hideViewManager ? j("", !0) : (f(), y("div", To, [
-          V(n.$slots, "view-manager")
+          M(n.$slots, "view-manager")
         ])),
         v(wl)(n.columns) || v(bo)(n.columns) ? (f(), y(X, { key: 2 }, [
           b("div", $o, [
@@ -2981,7 +2981,7 @@ const ho = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, yo = { class: "cl-gap-1
             size: "small",
             colour: "danger",
             disabled: !t.value || n.loading,
-            class: M({
+            class: F({
               "cl-col-span-2": n.columns.some((r) => r.editable)
             }),
             onClick: c[2] || (c[2] = ne((r) => n.$emit("clear-filters"), ["prevent"]))
@@ -3050,7 +3050,7 @@ const ho = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, yo = { class: "cl-gap-1
     }
     return (o, s) => {
       var i;
-      return o.column.type === "slot" ? V(o.$slots, o.column.name, { key: 0 }) : o.column.type === "boolean" && o.column.field !== void 0 ? (f(), G(me, {
+      return o.column.type === "slot" ? M(o.$slots, o.column.name, { key: 0 }) : o.column.type === "boolean" && o.column.field !== void 0 ? (f(), G(me, {
         key: 1,
         "input-type": "checkbox",
         "model-value": o.data[o.column.field],
@@ -3094,12 +3094,12 @@ const ho = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, yo = { class: "cl-gap-1
     }, {
       deep: !0
     }), (o, s) => (f(), y("td", {
-      class: M(["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", {
+      class: F(["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": c.value
       }])
     }, [
       b("span", qo, A(o.column.caption), 1),
-      o.editMode && o.column.editable === !0 ? V(o.$slots, `${o.column.name}Edit`, ce(ve({ key: 0 }, {
+      o.editMode && o.column.editable === !0 ? M(o.$slots, `${o.column.name}Edit`, ce(ve({ key: 0 }, {
         cellFocused: () => e("focus"),
         column: o.column,
         edited: c.value,
@@ -3114,7 +3114,7 @@ const ho = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, yo = { class: "cl-gap-1
           "search-value": o.searchValue
         }, {
           [o.column.name]: Y(() => [
-            V(o.$slots, o.column.name, ce(fe({
+            M(o.$slots, o.column.name, ce(fe({
               column: o.column,
               record: o.data,
               searchValue: o.searchValue
@@ -3130,7 +3130,7 @@ const ho = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, yo = { class: "cl-gap-1
         "search-value": o.searchValue
       }, {
         [o.column.name]: Y(() => [
-          V(o.$slots, o.column.name, ce(fe({ column: o.column, record: o.data, searchValue: o.searchValue })))
+          M(o.$slots, o.column.name, ce(fe({ column: o.column, record: o.data, searchValue: o.searchValue })))
         ]),
         _: 2
       }, 1032, ["column", "data", "time-zone", "search-value"]))
@@ -3162,16 +3162,16 @@ const ho = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, yo = { class: "cl-gap-1
         re(e.$slots, (c, r) => ({
           name: r,
           fn: Y((o) => [
-            V(e.$slots, r, ce(fe(o)))
+            M(e.$slots, r, ce(fe(o)))
           ])
         }))
       ]), 1032, ["data", "column", "time-zone", "search-value", "edit-mode", "onEdit", "onUndo"]))), 128))
     ]));
   }
-}), Ro = { key: 1 }, Io = ["colspan"], jo = { class: "cl-flex cl-flex-wrap cl-justify-center cl-text-center cl-text-sm cl-w-full" }, Fo = { class: "cl-mt-6 cl-w-full" }, Mo = {
+}), Ro = { key: 1 }, Io = ["colspan"], jo = { class: "cl-flex cl-flex-wrap cl-justify-center cl-text-center cl-text-sm cl-w-full" }, Vo = { class: "cl-mt-6 cl-w-full" }, Fo = {
   key: 0,
   class: "cl-mt-4"
-}, Vo = { class: "cl-mb-2 cl-w-full" }, Uo = /* @__PURE__ */ Q({
+}, Mo = { class: "cl-mb-2 cl-w-full" }, Uo = /* @__PURE__ */ Q({
   __name: "cl-ui-grid-body",
   props: {
     columns: {},
@@ -3242,7 +3242,7 @@ const ho = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, yo = { class: "cl-gap-1
           "time-zone": d.timeZone,
           "search-value": d.searchValue,
           "edit-mode": d.editMode,
-          class: M(["cl-bg-opacity-100 cl-cursor-pointer cl-transition-colors", {
+          class: F(["cl-bg-opacity-100 cl-cursor-pointer cl-transition-colors", {
             "cl-bg-white": L % 2 === 0 && d.data.totalRecords > 1,
             "cl-bg-off-white": L % 2 === 1 || d.data.totalRecords === 1,
             "cl-cursor-pointer hover:cl-bg-link-lighter": d.options.rowSelectionEnabled && d.options.highlightRowSelection && !d.editMode
@@ -3261,7 +3261,7 @@ const ho = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, yo = { class: "cl-gap-1
           re(d.$slots, (Z, ae) => ({
             name: ae,
             fn: Y((N) => [
-              V(d.$slots, ae, ce(fe(N)))
+              M(d.$slots, ae, ce(fe(N)))
             ])
           }))
         ]), 1032, ["data", "columns", "time-zone", "search-value", "edit-mode", "class", "onClick", "onCellFocus", "onCellEdit"]))), 128)) : d.loading ? j("", !0) : (f(), y("tr", Ro, [
@@ -3269,9 +3269,9 @@ const ho = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, yo = { class: "cl-gap-1
             colspan: d.columns.length
           }, [
             b("div", jo, [
-              b("strong", Fo, A(v(t)("grid.noData")), 1),
-              d.request.filters.some((P) => P.filterValue !== "") ? (f(), y("div", Mo, [
-                b("div", Vo, A(v(t)("grid.noDataFiltersPresent")), 1),
+              b("strong", Vo, A(v(t)("grid.noData")), 1),
+              d.request.filters.some((P) => P.filterValue !== "") ? (f(), y("div", Fo, [
+                b("div", Mo, A(v(t)("grid.noDataFiltersPresent")), 1),
                 S(ke, {
                   size: "small",
                   colour: "danger",
@@ -3383,7 +3383,7 @@ const ho = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, yo = { class: "cl-gap-1
               ]),
               (f(!0), y(X, null, re(r.value, (L, Z) => (f(), y("li", {
                 key: Z,
-                class: M(["cl-cursor-pointer cl-mr-1 lg:cl-mr-2", {
+                class: F(["cl-cursor-pointer cl-mr-1 lg:cl-mr-2", {
                   "cl-text-black cl-font-bold": d.request.pageNumber === L,
                   "cl-text-grey-6": d.request.pageNumber !== L
                 }]),
@@ -3417,7 +3417,7 @@ const ho = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, yo = { class: "cl-gap-1
             b("li", Wo, A(v(n)("grid.pageSize")), 1),
             (f(), y(X, null, re(i, (L, Z) => b("li", {
               key: Z,
-              class: M(["cl-cursor-pointer cl-mr-1 lg:cl-mr-2", {
+              class: F(["cl-cursor-pointer cl-mr-1 lg:cl-mr-2", {
                 "cl-text-black cl-font-bold": d.request.pageSize === L,
                 "cl-text-grey-6": d.request.pageSize !== L
               }]),
@@ -3442,14 +3442,14 @@ const ho = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, yo = { class: "cl-gap-1
   "list",
   "slot"
 ];
-function Ml(a) {
+function Fl(a) {
   return typeof a.caption == "string" && typeof a.name == "string" && typeof a.type == "string";
 }
 function an(a) {
   let e = Array.isArray(a);
   if (e) {
     for (const l of a)
-      if (!Ml(l)) {
+      if (!Fl(l)) {
         e = !1;
         break;
       }
@@ -3662,14 +3662,14 @@ const dn = {
         c.value ? (f(), G(v(x), {
           key: 0,
           icon: c.value.icon,
-          class: M(["cl-text-lg", {
+          class: F(["cl-text-lg", {
             "cl-text-grey-4": l.filter === void 0 || l.filter.filterValue === "",
             "cl-text-primary-default": l.filter && l.filter.filterValue !== ""
           }])
         }, null, 8, ["icon", "class"])) : j("", !0)
       ]),
       b("div", {
-        class: M(["cl-absolute cl-bg-white cl-border cl-border-grey-0 cl-flex-wrap cl-font-normal cl-h-0 cl-hidden cl-rounded cl-shadow-lg cl-text-left cl-text-xs cl-top-8 cl-z-10 group-hover:cl-flex group-hover:cl-h-auto group-hover:cl-w-52", {
+        class: F(["cl-absolute cl-bg-white cl-border cl-border-grey-0 cl-flex-wrap cl-font-normal cl-h-0 cl-hidden cl-rounded cl-shadow-lg cl-text-left cl-text-xs cl-top-8 cl-z-10 group-hover:cl-flex group-hover:cl-h-auto group-hover:cl-w-52", {
           "cl-left-0": o.firstHalf,
           "cl--left-44": !o.firstHalf
         }])
@@ -3679,7 +3679,7 @@ const dn = {
           var k;
           return f(), y("span", {
             key: m,
-            class: M(["cl-cursor-pointer cl-px-4 cl-py-1 cl-transition-colors cl-w-full hover:cl-bg-grey-0", {
+            class: F(["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": i.method === ((k = c.value) == null ? void 0 : k.method)
             }]),
             onClick: ne((d) => r(i.method), ["prevent"])
@@ -3984,7 +3984,7 @@ const dn = {
       b("tr", Nn, [
         (f(!0), y(X, null, re(s.columns, (m, k) => (f(), y("th", {
           key: k,
-          class: M(["cl-text-grey-3 cl-text-sm", {
+          class: F(["cl-text-grey-3 cl-text-sm", {
             "cl-cursor-pointer": v(Ue)(m)
           }]),
           onClick: (d) => v(Ue)(m) ? r(m.field) : () => {
@@ -4006,7 +4006,7 @@ const dn = {
         ], 10, En))), 128))
       ]),
       b("tr", {
-        class: M(["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", {
+        class: F(["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": !s.filterPanelOpen
         }])
       }, [
@@ -4020,7 +4020,7 @@ const dn = {
         ]),
         (f(!0), y(X, null, re(s.columns, (m, k) => (f(), y("th", {
           key: k,
-          class: M(["cl-grid cl-grid-cols-4 cl-py-1 cl-text-xs cl-w-full lg:cl-table-cell lg:cl-w-auto", {
+          class: F(["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": !v(sl)(m)
           }])
         }, [
@@ -4058,7 +4058,7 @@ const dn = {
       ], 2)
     ]));
   }
-}), jn = { class: "cl-flex cl-mb-2" }, Fn = /* @__PURE__ */ Q({
+}), jn = { class: "cl-flex cl-mb-2" }, Vn = /* @__PURE__ */ Q({
   __name: "cl-ui-grid-search",
   props: {
     searchValue: {},
@@ -4090,7 +4090,7 @@ const dn = {
     const { t: c } = se();
     return (r, o) => {
       const s = tl("icon");
-      return V(r.$slots, "search", ce(fe({ searchValue: r.searchValue, performSearch: n })), () => [
+      return M(r.$slots, "search", ce(fe({ searchValue: r.searchValue, performSearch: n })), () => [
         b("div", jn, [
           S(me, {
             "model-value": r.searchValue,
@@ -4110,7 +4110,7 @@ const dn = {
       ]);
     };
   }
-}), Mn = { class: "cl-fixed cl-flex cl-h-full cl-justify-end cl-right-0 cl-shadow-lg cl-top-0 cl-z-40" }, Vn = { 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" }, Un = { class: "cl-mb-4 cl-text-2xl cl-text-off-white" }, Pn = { class: "cl-border-grey-3 cl-border-t cl-flex cl-flex-wrap cl-text-sm cl-w-full" }, Ln = { class: "cl-border-b cl-border-grey-2 cl-flex cl-py-2 cl-text-sm cl-w-full" }, Bn = { class: "cl-flex-1 cl-py-2" }, zn = { class: "cl-py-2 cl-w-1/4" }, _n = { class: "cl-py-2 cl-w-1/5" }, xn = { class: "cl-flex-1 cl-py-2" }, Hn = { class: "cl-py-2 cl-w-1/4" }, Gn = { class: "cl-py-2 cl-text-off-white cl-w-1/5" }, Zn = { key: 1 }, Kn = /* @__PURE__ */ Q({
+}), Fn = { class: "cl-fixed cl-flex cl-h-full cl-justify-end cl-right-0 cl-shadow-lg cl-top-0 cl-z-40" }, Mn = { 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" }, Un = { class: "cl-mb-4 cl-text-2xl cl-text-off-white" }, Pn = { class: "cl-border-grey-3 cl-border-t cl-flex cl-flex-wrap cl-text-sm cl-w-full" }, Ln = { class: "cl-border-b cl-border-grey-2 cl-flex cl-py-2 cl-text-sm cl-w-full" }, Bn = { class: "cl-flex-1 cl-py-2" }, zn = { class: "cl-py-2 cl-w-1/4" }, _n = { class: "cl-py-2 cl-w-1/5" }, xn = { class: "cl-flex-1 cl-py-2" }, Hn = { class: "cl-py-2 cl-w-1/4" }, Gn = { class: "cl-py-2 cl-text-off-white cl-w-1/5" }, Zn = { key: 1 }, Kn = /* @__PURE__ */ Q({
   inheritAttrs: !1,
   __name: "cl-ui-grid-view-manager",
   props: {
@@ -4144,8 +4144,8 @@ const dn = {
       (f(), G(ll, { to: "body" }, [
         S(Te, { name: "slide-left" }, {
           default: Y(() => [
-            le(b("div", Mn, [
-              b("div", Vn, [
+            le(b("div", Fn, [
+              b("div", Mn, [
                 S(v(x), {
                   class: "cl-absolute cl-cursor-pointer cl-right-3 cl-text-off-white cl-top-3",
                   icon: "ph:x",
@@ -4265,7 +4265,7 @@ const dn = {
       }
     }), L = I(((ae = l.request.filters.find((N) => N.filterMethod === "andcontains" || N.filterOperation === ee.AND_CONTAINS)) == null ? void 0 : ae.filterValue) ?? ""), Z = D(() => l.columns.filter((N) => (N.type === "string" || N.type === "slot" && N.slotType === "string") && N.searchable));
     return (N, B) => (f(), y("div", Qn, [
-      Z.value.length > 0 ? (f(), G(Fn, {
+      Z.value.length > 0 ? (f(), G(Vn, {
         key: 0,
         "search-value": L.value,
         "onUpdate:searchValue": B[0] || (B[0] = (u) => L.value = u),
@@ -4275,7 +4275,7 @@ const dn = {
         loading: N.loading
       }, {
         search: Y((u) => [
-          V(N.$slots, "search", ce(fe(u)))
+          M(N.$slots, "search", ce(fe(u)))
         ]),
         _: 3
       }, 8, ["search-value", "request", "columns", "loading"])) : j("", !0),
@@ -4301,7 +4301,7 @@ const dn = {
         onClearFilters: i
       }, {
         "additional-grid-actions": Y((u) => [
-          V(N.$slots, "additional-grid-actions", ce(fe(u)))
+          M(N.$slots, "additional-grid-actions", ce(fe(u)))
         ]),
         "view-manager": Y(() => [
           S(Kn, {
@@ -4313,7 +4313,7 @@ const dn = {
       }, 8, ["edit-mode", "filter-panel-open", "columns", "options", "request", "loading"]),
       b("div", Yn, [
         b("table", {
-          class: M(["cl-delay-75 cl-min-h-[276px] cl-overflow-x-auto cl-overscroll-x-none cl-text-left cl-transition-opacity cl-w-full", {
+          class: F(["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": N.loading
           }])
         }, [
@@ -4350,7 +4350,7 @@ const dn = {
             re(N.$slots, (u, p) => ({
               name: p,
               fn: Y((O) => [
-                V(N.$slots, p, ce(fe(O)))
+                M(N.$slots, p, ce(fe(O)))
               ])
             }))
           ]), 1032, ["columns", "request", "data", "time-zone", "loading", "search-value", "options", "edit-mode"])
@@ -4375,15 +4375,15 @@ const dn = {
     return rl(t, () => {
       (l.isOpen ?? !1) && e("open-click");
     }), (n, c) => (f(), y("header", er, [
-      V(n.$slots, "logo"),
+      M(n.$slots, "logo"),
       b("div", {
         ref_key: "headerMenuElement",
         ref: t,
         class: "cl-cursor-pointer cl-flex cl-flex-nowrap",
         onClick: c[0] || (c[0] = (r) => n.$emit("open-click"))
       }, [
-        V(n.$slots, "menu"),
-        V(n.$slots, "icon")
+        M(n.$slots, "menu"),
+        M(n.$slots, "icon")
       ], 512)
     ]));
   }
@@ -4405,7 +4405,7 @@ const dn = {
   setup(a) {
     const e = a;
     return (l, t) => (f(), y("div", {
-      class: M(["md:cl-relative", {
+      class: F(["md:cl-relative", {
         "cl-bg-primary-default": (e == null ? void 0 : e.colour) === "default",
         "cl-bg-blue-light": e.colour === "secondary"
       }])
@@ -4423,7 +4423,7 @@ const dn = {
           height: "48"
         })),
         b("div", {
-          class: M(["cl-grow cl-hidden cl-my-4 md:cl-block", {
+          class: F(["cl-grow cl-hidden cl-my-4 md:cl-block", {
             "cl-text-secondary-default": e.colour === "default",
             "cl-text-white": e.colour === "secondary"
           }])
@@ -4433,7 +4433,7 @@ const dn = {
         ], 2),
         b("div", rr, [
           S(v(x), {
-            class: M(["cl-transform-gpu cl-transition-transform", {
+            class: F(["cl-transform-gpu cl-transition-transform", {
               "cl-rotate-180": l.isOpen,
               "cl-text-secondary-default": e.colour === "default",
               "cl-text-white": e.colour === "secondary"
@@ -4445,7 +4445,7 @@ const dn = {
       S(Te, { name: "fade" }, {
         default: Y(() => [
           le(b("div", sr, [
-            V(l.$slots, "default")
+            M(l.$slots, "default")
           ], 512), [
             [te, l.isOpen]
           ])
@@ -4492,13 +4492,13 @@ const dr = {
       s && (n.value = !1);
     }), (s, i) => c.value !== null && v(el)(c.value) ? (f(), y("div", dr, [
       b("div", {
-        class: M(["cl-flex cl-items-center", {
+        class: F(["cl-flex cl-items-center", {
           "cl-cursor-pointer": !s.disabled
         }]),
         onClick: o
       }, [
         b("span", {
-          class: M(["cl-font-semibold cl-text-xs", {
+          class: F(["cl-font-semibold cl-text-xs", {
             "cl-opacity-50": s.disabled
           }])
         }, A(c.value.nativeName), 3)
@@ -4562,17 +4562,17 @@ const dr = {
     }
     return (k, d) => (f(), y("div", gr, [
       b("div", br, [
-        V(k.$slots, "background")
+        M(k.$slots, "background")
       ]),
       b("form", hr, [
         b("div", yr, [
-          V(k.$slots, "logo")
+          M(k.$slots, "logo")
         ]),
         k.$slots["language-switcher"] ? (f(), y("div", wr, [
-          V(k.$slots, "language-switcher")
+          M(k.$slots, "language-switcher")
         ])) : j("", !0),
         b("div", {
-          class: M(["cl-gap-y-4 cl-grid cl-grid-cols-1 lg:cl-gap-x-2 lg:cl-grid-cols-8", {
+          class: F(["cl-gap-y-4 cl-grid cl-grid-cols-1 lg:cl-gap-x-2 lg:cl-grid-cols-8", {
             "cl-col-span-7": !k.$slots["language-switcher"],
             "cl-col-span-6": k.$slots["language-switcher"]
           }])
@@ -4648,7 +4648,7 @@ const dr = {
             ])
           ]),
           b("div", {
-            class: M(["cl-col-span-2", {
+            class: F(["cl-col-span-2", {
               "cl-mt-1.5 cl-mb-1 md:cl-mt-0.5 md:cl-mb-7 lg:cl-mb-0": k.loading
             }])
           }, [
@@ -4748,18 +4748,18 @@ const dr = {
     }, [
       b("div", {
         id: "group-container",
-        class: M(["cl-h-full cl-overflow-y-auto cl-overscroll-y-none cl-pb-20 cl-w-20 cl-z-40 xl:cl-pb-0", {
+        class: F(["cl-h-full cl-overflow-y-auto cl-overscroll-y-none cl-pb-20 cl-w-20 cl-z-40 xl:cl-pb-0", {
           "cl-bg-primary-default": h.colour === "default",
           "cl-bg-blue-dark": h.colour === "secondary"
         }])
       }, [
-        V(h.$slots, "icon", ve({ navcolour: h.colour }, { groupIsOpen: n, toggleOpen: c }), void 0, !0)
+        M(h.$slots, "icon", ve({ navcolour: h.colour }, { groupIsOpen: n, toggleOpen: c }), void 0, !0)
       ], 2),
       s.value ? (f(), y("div", qr)) : j("", !0),
       S(Te, { name: "slide-right" }, {
         default: Y(() => [
           le(b("div", {
-            class: M(["cl-bg-grey-0 cl-border-grey-2 cl-border-r cl-duration-75 cl-h-full cl-min-w-[260px] cl-overflow-y-auto cl-overscroll-y-none cl-p-8 cl-pb-24 cl-top-0 cl-transition-shadow cl-w-[260px] cl-z-30 xl:cl-pb-0", {
+            class: F(["cl-bg-grey-0 cl-border-grey-2 cl-border-r cl-duration-75 cl-h-full cl-min-w-[260px] cl-overflow-y-auto cl-overscroll-y-none cl-p-8 cl-pb-24 cl-top-0 cl-transition-shadow cl-w-[260px] cl-z-30 xl:cl-pb-0", {
               "cl-relative": o.value,
               "cl-absolute cl-left-20 cl-shadow-lg": !o.value
             }])
@@ -4777,7 +4777,7 @@ const dr = {
                   icon: "ph:push-pin"
                 }))
               ]),
-              V(h.$slots, "default", ce(fe({ groupIsOpen: n })), void 0, !0)
+              M(h.$slots, "default", ce(fe({ groupIsOpen: n })), void 0, !0)
             ])
           ], 2), [
             [te, t.value]
@@ -4797,7 +4797,7 @@ const Rr = /* @__PURE__ */ we(Dr, [["__scopeId", "data-v-0958dcf5"]]), Ir = /* @
   },
   setup(a) {
     return (e, l) => (f(), y("div", {
-      class: M(["cl-cursor-pointer cl-flex cl-h-20 cl-items-center cl-justify-center cl-transition-colors cl-w-20", {
+      class: F(["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": e.colour === "default",
         "cl-bg-primary-darker cl-text-white": e.open && e.colour === "default",
         "cl-text-white hover:cl-bg-blue-light": e.colour === "secondary",
@@ -4814,43 +4814,43 @@ const Rr = /* @__PURE__ */ we(Dr, [["__scopeId", "data-v-0958dcf5"]]), Ir = /* @
 }), jr = {
   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"
-}, Fr = { class: "cl-flex cl-flex-wrap cl-space-y-8 cl-text-sm cl-w-full" }, Mr = /* @__PURE__ */ Q({
+}, Vr = { class: "cl-flex cl-flex-wrap cl-space-y-8 cl-text-sm cl-w-full" }, Fr = /* @__PURE__ */ Q({
   __name: "cl-ui-navigation-group",
   props: {
     open: { type: Boolean }
   },
   setup(a) {
     return (e, l) => (f(), y("div", {
-      class: M({
+      class: F({
         "cl-hidden": !e.open
       })
     }, [
       e.$slots.title ? (f(), y("div", jr, [
-        V(e.$slots, "title")
+        M(e.$slots, "title")
       ])) : j("", !0),
-      b("div", Fr, [
-        V(e.$slots, "default")
+      b("div", Vr, [
+        M(e.$slots, "default")
       ])
     ], 2));
   }
-}), Vr = {}, Ur = { class: "cl-w-full" }, Pr = {
+}), Mr = {}, Ur = { class: "cl-w-full" }, Pr = {
   key: 0,
   class: "cl-font-bold cl-mb-4 cl-select-none"
 }, Lr = { class: "cl-flex cl-flex-wrap cl-space-y-2" };
 function Br(a, e) {
   return f(), y("div", Ur, [
     a.$slots.title ? (f(), y("div", Pr, [
-      V(a.$slots, "title")
+      M(a.$slots, "title")
     ])) : j("", !0),
     b("span", Lr, [
-      V(a.$slots, "default")
+      M(a.$slots, "default")
     ])
   ]);
 }
-const zr = /* @__PURE__ */ we(Vr, [["render", Br]]), _r = {}, xr = { class: "cl-cursor-pointer cl-transition-colors cl-w-full hover:cl-text-primary-darker" };
+const zr = /* @__PURE__ */ we(Mr, [["render", Br]]), _r = {}, xr = { class: "cl-cursor-pointer cl-transition-colors cl-w-full hover:cl-text-primary-darker" };
 function Hr(a, e) {
   return f(), y("div", xr, [
-    V(a.$slots, "default")
+    M(a.$slots, "default")
   ]);
 }
 const Gr = /* @__PURE__ */ we(_r, [["render", Hr]]), Zr = { class: "cl-w-full" }, Kr = /* @__PURE__ */ Q({
@@ -4897,7 +4897,7 @@ const Gr = /* @__PURE__ */ we(_r, [["render", Hr]]), Zr = { class: "cl-w-full" }
         b("div", {
           ref_key: "headerContainer",
           ref: l,
-          class: M(["cl-flex cl-overflow-x-auto cl-overscroll-x-none", {
+          class: F(["cl-flex cl-overflow-x-auto cl-overscroll-x-none", {
             "cl-shadow-[inset_0_-1px_0_#eeeeee]": !i.disabled && i.colour === "default",
             "cl-shadow-[inset_0_-1px_0_#dae32c]": !i.disabled && i.colour === "primary",
             "cl-shadow-[inset_0_-1px_0_#30363e]": !i.disabled && i.colour === "secondary",
@@ -4908,7 +4908,7 @@ const Gr = /* @__PURE__ */ we(_r, [["render", Hr]]), Zr = { class: "cl-w-full" }
           }]),
           onScrollPassive: r
         }, [
-          V(i.$slots, "headings", ce(fe({ isTabOpen: c, disabled: i.disabled, colour: i.colour })))
+          M(i.$slots, "headings", ce(fe({ isTabOpen: c, disabled: i.disabled, colour: i.colour })))
         ], 34),
         n.value ? (f(), y("div", {
           key: 1,
@@ -4921,7 +4921,7 @@ const Gr = /* @__PURE__ */ we(_r, [["render", Hr]]), Zr = { class: "cl-w-full" }
           })
         ])) : j("", !0)
       ]),
-      V(i.$slots, "content", ce(fe({ isTabOpen: c, disabled: i.disabled, colour: i.colour })))
+      M(i.$slots, "content", ce(fe({ isTabOpen: c, disabled: i.disabled, colour: i.colour })))
     ]));
   }
 }), Qr = ["onKeyup"], Wr = /* @__PURE__ */ Q({
@@ -4941,7 +4941,7 @@ const Gr = /* @__PURE__ */ we(_r, [["render", Hr]]), Zr = { class: "cl-w-full" }
       l.disabled || (t.value = !1, n.value = !1, e("update:currentTab", l.id));
     }
     return (o, s) => (f(), y("div", {
-      class: M(["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", {
+      class: F(["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": o.disabled,
         "cl-border cl-border-b-0 cl-rounded-t-md cl-shadow-[inset_0_-1px_0_#ffffff] cl-cursor-default": c.value,
         "cl-border-grey-0": o.colour === "default",
@@ -4968,12 +4968,12 @@ const Gr = /* @__PURE__ */ we(_r, [["render", Hr]]), Zr = { class: "cl-w-full" }
       onFocusout: s[3] || (s[3] = (i) => t.value = !1),
       onKeyup: Ee(ne(r, ["self"]), ["enter"])
     }, [
-      V(o.$slots, "default")
+      M(o.$slots, "default")
     ], 42, Qr));
   }
 }), Yr = {};
 function Jr(a, e) {
-  return V(a.$slots, "default");
+  return M(a.$slots, "default");
 }
 const Xr = /* @__PURE__ */ we(Yr, [["render", Jr]]), es = [
   "default",
@@ -5006,9 +5006,9 @@ const Xr = /* @__PURE__ */ we(Yr, [["render", Jr]]), es = [
   clUiLanguageSwitcher: vr,
   clUiLoadingSpinner: Ke,
   clUiLogin: Sr,
-  clUiModal: Fl,
+  clUiModal: Vl,
   clUiNavigation: Rr,
-  clUiNavigationGroup: Mr,
+  clUiNavigationGroup: Fr,
   clUiNavigationIcon: Ir,
   clUiNavigationItem: Gr,
   clUiNavigationSection: zr,
@@ -5025,14 +5025,14 @@ const Xr = /* @__PURE__ */ we(Yr, [["render", Jr]]), es = [
   isComboBoxItem: ro,
   isFilterRequest: cn,
   isFilterResponse: un,
-  isGridColumn: Ml,
+  isGridColumn: Fl,
   isGridColumnArray: an,
   isLanguageArray: cr,
   isLanguageLocaleFormat: el,
   modalColours: Er,
   modalSizes: Nr,
   pastQuickDates: Le,
-  quickDateNames: Ft,
+  quickDateNames: Vt,
   stringFormats: on,
   tabColours: es,
   tabScroll: ls
@@ -5069,9 +5069,9 @@ export {
   vr as clUiLanguageSwitcher,
   Ke as clUiLoadingSpinner,
   Sr as clUiLogin,
-  Fl as clUiModal,
+  Vl as clUiModal,
   Rr as clUiNavigation,
-  Mr as clUiNavigationGroup,
+  Fr as clUiNavigationGroup,
   Ir as clUiNavigationIcon,
   Gr as clUiNavigationItem,
   zr as clUiNavigationSection,
@@ -5091,7 +5091,7 @@ export {
   ro as isComboBoxItem,
   cn as isFilterRequest,
   un as isFilterResponse,
-  Ml as isGridColumn,
+  Fl as isGridColumn,
   an as isGridColumnArray,
   cr as isLanguageArray,
   el as isLanguageLocaleFormat,
@@ -5100,7 +5100,7 @@ export {
   Nr as modalSizes,
   kt as numberFormats,
   Le as pastQuickDates,
-  Ft as quickDateNames,
+  Vt as quickDateNames,
   ms as setCurrentLocale,
   ps as setLocaleDateTimeFormats,
   ds as setLocaleMessages,