@citruslime/ui 2.6.7-beta.0 → 2.6.7-beta.1

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

@@ -1,5 +1,5 @@
 import { Icon as H } from "@iconify/vue";
-import { defineComponent as Q, ref as I, openBlock as p, createElementBlock as h, renderSlot as P, normalizeProps as ce, guardReactiveProps as ve, Fragment as X, createElementVNode as b, normalizeClass as V, createVNode as S, unref as v, Transition as Te, withCtx as Y, withDirectives as le, mergeProps as fe, vShow as te, createBlock as G, Teleport as ll, renderList as se, toDisplayString as q, createCommentVNode as F, nextTick as Fe, computed as R, toHandlers as Vl, withModifiers as ne, useCssVars as Ll, vModelText as Pl, onMounted as Ze, watch as oe, vModelDynamic as Ul, toRefs as Bl, withKeys as Ee, onUnmounted as tl, resolveComponent as Tl, createTextVNode as de, watchEffect as zl, createSlots as al, normalizeStyle as _l } from "vue";
+import { defineComponent as Q, ref as I, openBlock as p, createElementBlock as h, renderSlot as P, normalizeProps as ce, guardReactiveProps as ve, Fragment as X, createElementVNode as b, normalizeClass as L, createVNode as S, unref as v, Transition as Te, withCtx as Y, withDirectives as le, mergeProps as fe, vShow as te, createBlock as G, Teleport as ll, renderList as se, toDisplayString as q, createCommentVNode as M, nextTick as Fe, computed as R, toHandlers as Vl, withModifiers as ne, useCssVars as Ll, vModelText as Pl, onMounted as Ze, watch as oe, vModelDynamic as Ul, toRefs as Bl, withKeys as Ee, onUnmounted as tl, resolveComponent as Tl, createTextVNode as de, watchEffect as zl, createSlots as al, normalizeStyle as _l } from "vue";
 import { generateStringId as Hl, highlightText as xl } from "@citruslime/utils";
 import { useMediaQuery as Gl, useDebounceFn as ol, unrefElement as Zl, tryOnScopeDispose as Kl, onClickOutside as nl, useTimeoutFn as $l, useWindowSize as Ql } from "@vueuse/core";
 import { createI18n as Wl, useI18n as ie } from "vue-i18n";
@@ -47,7 +47,7 @@ const Yl = { class: "cl-overflow-hidden" }, Jl = /* @__PURE__ */ Q({
     }
     return (n, c) => (p(), h(X, null, [
       b("div", {
-        class: V(["cl-border-b cl-border-grey-1 cl-relative", {
+        class: L(["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(H), {
-            class: V(["cl-duration-300 cl-ease-in-out cl-text-grey-3 cl-transform-gpu cl-transition-transform", {
+            class: L(["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",
@@ -112,7 +112,7 @@ const st = ["onClick"], it = { class: "cl-flex-1 cl-select-none cl-text-ellipsis
   setup(a) {
     return (e, l) => (p(), G(ll, { to: e.container }, [
       b("div", {
-        class: V(["cl-fixed cl-w-80 cl-z-50", {
+        class: L(["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,21 +151,21 @@ const st = ["onClick"], it = { class: "cl-flex-1 cl-select-none cl-text-ellipsis
   setup(a) {
     return (e, l) => (p(), h(X, null, [
       S(Ol, {
-        class: V({
+        class: L({
           "first:cl-mt-[4.25rem]": e.$slots.header
         })
       }, null, 8, ["class"]),
       b("div", ct, [
         P(e.$slots, "header"),
         b("div", {
-          class: V(["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: L(["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
           }])
         }, [
           P(e.$slots, "navigation"),
           b("div", {
             id: "cl-ui-app-container",
-            class: V(["cl-grow cl-max-h-full cl-overflow-x-hidden cl-overflow-y-auto cl-overscroll-y-none cl-w-auto", {
+            class: L(["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
             }])
@@ -242,16 +242,16 @@ const Ke = /* @__PURE__ */ ke(dt, [["render", pt], ["__scopeId", "data-v-a21dc5d
   },
   setup(a) {
     return (e, l) => (p(), h("div", {
-      class: V(["cl-border cl-border-transparent cl-overflow-hidden cl-relative cl-rounded-md cl-shadow-lg cl-transition-all", {
+      class: L(["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 ? (p(), h("div", bt, [
         P(e.$slots, "image")
-      ])) : F("", !0),
+      ])) : M("", !0),
       e.$slots.title ? (p(), h("div", {
         key: 1,
-        class: V(["cl-border-grey-2 cl-font-normal", {
+        class: L(["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",
@@ -259,9 +259,9 @@ const Ke = /* @__PURE__ */ ke(dt, [["render", pt], ["__scopeId", "data-v-a21dc5d
         }])
       }, [
         P(e.$slots, "title")
-      ], 2)) : F("", !0),
+      ], 2)) : M("", !0),
       b("div", {
-        class: V(["cl-border-grey-2", {
+        class: L(["cl-border-grey-2", {
           "cl-p-2": e.size === "small",
           "cl-p-4": e.size === "medium",
           "cl-p-6": e.size === "large",
@@ -272,14 +272,14 @@ const Ke = /* @__PURE__ */ ke(dt, [["render", pt], ["__scopeId", "data-v-a21dc5d
       ], 2),
       e.$slots.footer ? (p(), h("div", {
         key: 2,
-        class: V(["cl-border-grey-2 cl-border-t", {
+        class: L(["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"
         }])
       }, [
         P(e.$slots, "footer")
-      ], 2)) : F("", !0)
+      ], 2)) : M("", !0)
     ], 2));
   }
 }), yt = [
@@ -636,7 +636,7 @@ const Nt = {
       focus: n
     }), (o, s) => o.type === "dateRange" ? (p(), h("div", Nt, [
       S(be, {
-        class: V(["cl-basis-full cl-border-transparent cl-col-span-4 cl-flex cl-items-center cl-justify-center hover:cl-border-transparent", {
+        class: L(["cl-basis-full cl-border-transparent cl-col-span-4 cl-flex cl-items-center cl-justify-center hover:cl-border-transparent", {
           "cl-text-grey-4 hover:cl-text-grey-3": !o.rangeSelected,
           "cl-text-primary-darker hover:cl-text-primary-dark": o.rangeSelected
         }]),
@@ -651,10 +651,10 @@ const Nt = {
         ]),
         _: 1
       }, 8, ["disabled", "class"]),
-      o.required ? F("", !0) : (p(), G(be, {
+      o.required ? M("", !0) : (p(), G(be, {
         key: 0,
         size: "small",
-        class: V(["cl-basis-0 cl-border-transparent cl-flex cl-items-center cl-justify-center hover:cl-border-transparent", {
+        class: L(["cl-basis-0 cl-border-transparent cl-flex cl-items-center cl-justify-center hover:cl-border-transparent", {
           "cl-text-grey-4 hover:cl-text-grey-3": !o.rangeSelected,
           "cl-text-danger-dark hover:cl-text-danger-default": o.rangeSelected
         }]),
@@ -680,7 +680,7 @@ const Nt = {
         placeholder: r.value
       }, Vl(o.events, !0)), null, 16, At),
       le(S(v(H), {
-        class: V(["cl-absolute cl-bg-transparent cl-cursor-text cl-left-2 cl-text-grey-4 cl-top-3.5 icon", {
+        class: L(["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",
@@ -688,19 +688,19 @@ const Nt = {
       }, null, 8, ["class", "icon"]), [
         [te, !o.disabled]
       ]),
-      o.disabled ? F("", !0) : (p(), h("div", qt, [
+      o.disabled ? M("", !0) : (p(), h("div", qt, [
         o.type !== "time" ? (p(), G(v(H), {
           key: 0,
           class: "cl-cursor-pointer hover:cl-text-link-light",
           icon: "ph:arrow-counter-clockwise",
           onClick: s[2] || (s[2] = ne((i) => o.$emit("reset"), ["prevent"]))
-        })) : F("", !0),
+        })) : M("", !0),
         !o.required && o.date && (o.type !== "time" || o.date !== "00:00") ? (p(), G(v(H), {
           key: 1,
           class: "cl-cursor-pointer clear-icon hover:cl-text-link-light md:cl-ml-0.5",
           icon: "ph:x",
           onClick: s[3] || (s[3] = ne((i) => o.$emit("clear"), ["prevent"]))
-        })) : F("", !0)
+        })) : M("", !0)
       ]))
     ]));
   }
@@ -719,7 +719,7 @@ const Ye = /* @__PURE__ */ ke(Rt, [["__scopeId", "data-v-905eee52"]]), Dt = { cl
         var o, s;
         return p(), h("button", {
           key: r,
-          class: V(["cl-border cl-cursor-pointer cl-py-1 cl-rounded-md cl-text-center", {
+          class: L(["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
           }]),
@@ -869,7 +869,7 @@ const Ye = /* @__PURE__ */ ke(Rt, [["__scopeId", "data-v-905eee52"]]), Dt = { 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 ? (p(), h("div", Vt)) : F("", !0)
+        s < n.value.length - 1 ? (p(), h("div", Vt)) : M("", !0)
       ]))), 128))
     ]));
   }
@@ -990,10 +990,10 @@ const Ye = /* @__PURE__ */ ke(Rt, [["__scopeId", "data-v-905eee52"]]), Dt = { cl
         (d = u.value) == null || d.focus();
       }
     });
-    const N = I(null), L = I();
+    const N = I(null), F = I();
     function j(d) {
       const f = Z(d);
-      c.value = f, N.value = d, L.value.move(f.start), L.value.hidePopover();
+      c.value = f, N.value = d, F.value.move(f.start), F.value.hidePopover();
     }
     function Z(d) {
       const f = d.range, O = d.scope === "past" ? -1 : d.scope === "current" ? 0 : 1, $ = x.now().setZone(n.value).startOf(f).plus({ days: f === "day" ? O : 0, weeks: f === "week" ? O : 0, months: f === "month" ? O : 0, years: f === "year" ? O : 0 }), _ = $.endOf(f);
@@ -1044,7 +1044,7 @@ const Ye = /* @__PURE__ */ ke(Rt, [["__scopeId", "data-v-905eee52"]]), Dt = { cl
     }, 8, ["modelValue", "locale", "is24hr", "mode", "is-required", "masks", "popover"])) : d.type === "dateRange" ? (p(), G(v(We), {
       key: 1,
       ref_key: "calendar",
-      ref: L,
+      ref: F,
       modelValue: c.value,
       "onUpdate:modelValue": f[3] || (f[3] = (O) => c.value = O),
       modelModifiers: { range: !0 },
@@ -1072,7 +1072,7 @@ const Ye = /* @__PURE__ */ ke(Rt, [["__scopeId", "data-v-905eee52"]]), Dt = { cl
           placeholder: null,
           onTogglePopover: O,
           onClear: f[2] || (f[2] = ($) => {
-            c.value = null, N.value = null, L.value.hidePopover();
+            c.value = null, N.value = null, F.value.hidePopover();
           })
         }), null, 16, ["type", "required", "disabled", "range-selected", "title", "onTogglePopover"])
       ]),
@@ -1083,7 +1083,7 @@ const Ye = /* @__PURE__ */ ke(Rt, [["__scopeId", "data-v-905eee52"]]), Dt = { cl
           "selected-quick-date": N.value,
           "current-date-range": t.date,
           onQuickDateSelected: j
-        }, null, 8, ["scope", "selected-quick-date", "current-date-range"])) : F("", !0)
+        }, null, 8, ["scope", "selected-quick-date", "current-date-range"])) : M("", !0)
       ]),
       _: 1
     }, 8, ["modelValue", "locale", "timezone", "columns", "popover", "min-date", "max-date", "initial-page"])) : (p(), G(v(We), {
@@ -1200,7 +1200,7 @@ const Bt = [
     return (u, w) => m.value ? (p(), h("div", ce(fe({ key: 0 }, u.$attrs)), [
       b("div", zt, [
         b("span", {
-          class: V(["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: L(["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": !u.disabled,
             "cl-bg-grey-0": u.disabled
           }]),
@@ -1247,7 +1247,7 @@ const Bt = [
           ], 64))
         ]),
         b("span", {
-          class: V(["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: L(["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": !u.disabled,
             "cl-bg-grey-0": u.disabled
           }]),
@@ -1386,27 +1386,27 @@ const Jt = { class: "cl-flex cl-justify-between" }, Xt = { class: "cl-w-full" },
     }), k = R({
       get: () => t.modelValue,
       set: (g) => d(g)
-    }), u = R(() => typeof t.min == "number" ? t.min.toString() : t.min), w = R(() => typeof t.max == "number" ? t.max.toString() : t.max), N = R(() => typeof t.min == "number" || t.min === null ? t.min : parseFloat(t.min)), L = R(() => typeof t.max == "number" || t.max === null ? t.max : parseFloat(t.max)), j = R(() => t.messageWhenValid.trim() !== "" ? t.messageWhenValid : ""), Z = I(!0), ae = I(!0), E = I([]), B = R(() => {
-      var g, M;
+    }), u = R(() => typeof t.min == "number" ? t.min.toString() : t.min), w = R(() => typeof t.max == "number" ? t.max.toString() : t.max), N = R(() => typeof t.min == "number" || t.min === null ? t.min : parseFloat(t.min)), F = R(() => typeof t.max == "number" || t.max === null ? t.max : parseFloat(t.max)), j = R(() => t.messageWhenValid.trim() !== "" ? t.messageWhenValid : ""), Z = I(!0), ae = I(!0), E = I([]), B = R(() => {
+      var g, V;
       return [
         ...((g = E.value) == null ? void 0 : g.filter((K) => ((K == null ? void 0 : K.length) ?? 0) > 0)) ?? [],
-        ...((M = t.externalErrors) == null ? void 0 : M.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 d(g) {
       t.validateOn === "input" && await O(g), l("update:model-value", g);
     }
-    async function f(g, M) {
-      t.onInputFunction !== void 0 && (g = t.onInputFunction(g)), t.validateOn === "change" && (ae.value = !1), (M || t.validateOn === "input") && await O(g), l("update:model-value", g);
+    async function f(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 M = {
+      const V = {
         message: "",
         valid: !0
       }, K = [
         t.customValidationFunction === null || t.customValidationFunction === void 0 ? new Promise((pe) => {
-          pe(M);
+          pe(V);
         }) : new Promise((pe) => {
           pe(t.customValidationFunction(t.label, g));
         })
@@ -1426,19 +1426,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(), f(n.value.valueAsNumber, !1);
-        const M = {
+        const V = {
           target: n.value
         };
-        l("input", M, 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(), f(n.value.valueAsNumber, !1);
-        const M = {
+        const V = {
           target: n.value
         };
-        l("input", M, n.value.valueAsNumber), l("change", g, n.value.valueAsNumber);
+        l("input", V, n.value.valueAsNumber), l("change", g, n.value.valueAsNumber);
       }
     }
     function y(g) {
@@ -1456,12 +1456,12 @@ const Jt = { class: "cl-flex cl-justify-between" }, Xt = { class: "cl-w-full" },
     function D() {
       var K;
       let g = !0;
-      const M = o.value;
-      return c.value ? g = M : 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 M = ul(g, t.inputType);
-      t.validateOn === "change" && await O(M), l("change", g, M);
+      const V = ul(g, t.inputType);
+      t.validateOn === "change" && await O(V), l("change", g, V);
     }
     async function W() {
       await A(), U();
@@ -1484,13 +1484,13 @@ const Jt = { class: "cl-flex cl-justify-between" }, Xt = { class: "cl-w-full" },
         var g;
         (g = n.value) == null || g.blur();
       }
-    }), (g, M) => (p(), h("div", fe({ ...g.$attrs, id: void 0 }, {
+    }), (g, V) => (p(), h("div", fe({ ...g.$attrs, id: void 0 }, {
       key: i.value,
       class: "cl-align-top cl-border-none cl-inline-block cl-text-left"
     }), [
       b("div", {
-        onMouseenter: M[10] || (M[10] = (K) => y(!0)),
-        onMouseleave: M[11] || (M[11] = (K) => y(!1))
+        onMouseenter: V[10] || (V[10] = (K) => y(!0)),
+        onMouseleave: V[11] || (V[11] = (K) => y(!1))
       }, [
         b("div", Jt, [
           b("div", Xt, [
@@ -1498,14 +1498,14 @@ const Jt = { class: "cl-flex cl-justify-between" }, Xt = { class: "cl-w-full" },
               [te, g.showLabel && g.label !== ""]
             ])
           ]),
-          g.isRequired && o.value ? (p(), h("label", ea, " * ")) : F("", !0),
-          g.isRequired && !o.value && g.requiredText.length ? (p(), h("label", la, q(g.requiredText), 1)) : F("", !0)
+          g.isRequired && o.value ? (p(), h("label", ea, " * ")) : M("", !0),
+          g.isRequired && !o.value && g.requiredText.length ? (p(), h("label", la, q(g.requiredText), 1)) : M("", !0)
         ]),
         g.inputType !== "range" && !v(cl)(g.inputType) ? (p(), h("div", ta, [
           le(b("input", fe({
             ref_key: "inputElement",
             ref: n,
-            "onUpdate:modelValue": M[0] || (M[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(De)(g.inputType),
@@ -1529,11 +1529,11 @@ const Jt = { class: "cl-flex cl-justify-between" }, Xt = { class: "cl-w-full" },
             accept: g.fileExtensions,
             name: g.group,
             autocomplete: g.autocomplete,
-            onClick: M[1] || (M[1] = (K) => _(K)),
-            onFocus: M[2] || (M[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: M[3] || (M[3] = (K) => {
+            onInput: V[3] || (V[3] = (K) => {
               l("input", K, v(ul)(K, g.inputType));
             }),
             onChange: J
@@ -1550,19 +1550,19 @@ 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: M[4] || (M[4] = ne(() => {
+                  onMousedown: V[4] || (V[4] = ne(() => {
                   }, ["prevent"]))
                 }),
                 S(v(H), {
                   icon: "ph:caret-down-bold",
                   class: "cl-absolute cl-bg-link-default cl-bottom-2 cl-right-1 cl-rounded-full cl-text-sm cl-text-white hover:cl-bg-link-light hover:cl-cursor-pointer",
                   onClick: T,
-                  onMousedown: M[5] || (M[5] = ne(() => {
+                  onMousedown: V[5] || (V[5] = ne(() => {
                   }, ["prevent"]))
                 })
               ], 512)), [
                 [te, c.value]
-              ]) : F("", !0)
+              ]) : M("", !0)
             ]),
             _: 1
           })
@@ -1570,7 +1570,7 @@ const Jt = { class: "cl-flex cl-justify-between" }, Xt = { class: "cl-w-full" },
           ref_key: "inputElement",
           ref: n,
           date: k.value,
-          "onUpdate:date": M[6] || (M[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,
@@ -1586,26 +1586,26 @@ const Jt = { class: "cl-flex cl-justify-between" }, Xt = { class: "cl-w-full" },
           "initial-date": g.initialDate,
           "quick-date-scope": g.quickDateScope,
           onBlur: ne(A, ["self"]),
-          onFocus: M[7] || (M[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") ? (p(), h("div", na, [
           S(v(Qt), {
             ref_key: "inputElement",
             ref: n,
             value: m.value,
-            "onUpdate:value": M[8] || (M[8] = (K) => m.value = K),
+            "onUpdate:value": V[8] || (V[8] = (K) => m.value = K),
             min: N.value ?? 0,
-            max: L.value ?? 1e3,
+            max: F.value ?? 1e3,
             step: g.step,
             placeholder: s.value,
             "enforce-step": !0,
             disabled: g.disabled,
             onBlur: ne(A, ["self"]),
-            onFocus: M[9] || (M[9] = (K) => l("focus"))
+            onFocus: V[9] || (V[9] = (K) => l("focus"))
           }, null, 8, ["value", "min", "max", "step", "placeholder", "disabled", "onBlur"])
-        ])) : F("", !0)
+        ])) : M("", !0)
       ], 32),
-      Z.value && j.value && ae.value ? (p(), h("div", ra, q(j.value), 1)) : F("", !0),
-      !Z.value && B.value.length > 0 && g.showValidationMessages && ae.value ? (p(), h("div", sa, q(B.value), 1)) : F("", !0)
+      Z.value && j.value && ae.value ? (p(), h("div", ra, q(j.value), 1)) : M("", !0),
+      !Z.value && B.value.length > 0 && g.showValidationMessages && ae.value ? (p(), h("div", sa, q(B.value), 1)) : M("", !0)
     ], 16));
   }
 });
@@ -2015,11 +2015,11 @@ var ml = {
          *  in reverse.
          * @returns {HTMLElement|undefined} The next tabbable node, if any.
          */
-        nextTabbableNode: function(M) {
-          var K = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !0, pe = y.indexOf(M);
-          return pe < 0 ? K ? A.slice(A.indexOf(M) + 1).find(function(Ce) {
+        nextTabbableNode: function(V) {
+          var K = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !0, pe = y.indexOf(V);
+          return pe < 0 ? K ? A.slice(A.indexOf(V) + 1).find(function(Ce) {
             return Ne(Ce);
-          }) : A.slice(0, A.indexOf(M)).reverse().find(function(Ce) {
+          }) : A.slice(0, A.indexOf(V)).reverse().find(function(Ce) {
             return Ne(Ce);
           }) : y[pe + (K ? 1 : -1)];
         }
@@ -2045,7 +2045,7 @@ var ml = {
   }, N = function(T) {
     var y = m("setReturnFocus", T);
     return y || (y === !1 ? !1 : T);
-  }, L = function(T) {
+  }, F = function(T) {
     var y = T.target, A = T.event, U = T.isBackward, C = U === void 0 ? !1 : U;
     y = y || Me(A), u();
     var D = null;
@@ -2059,7 +2059,7 @@ var ml = {
           return y === Qe;
         });
         if (g < 0 && (W.container === y || Je(y, c.tabbableOptions) && !Ne(y, c.tabbableOptions) && !W.nextTabbableNode(y, !1)) && (g = J), g >= 0) {
-          var M = g === 0 ? r.tabbableGroups.length - 1 : g - 1, K = r.tabbableGroups[M];
+          var V = g === 0 ? r.tabbableGroups.length - 1 : g - 1, K = r.tabbableGroups[V];
           D = Oe(y) >= 0 ? K.lastTabbableNode : K.lastDomTabbableNode;
         } else
           je(A) || (D = W.nextTabbableNode(y, !1));
@@ -2112,13 +2112,13 @@ var ml = {
           }
         } else
           r.containerGroups.some(function(g) {
-            return g.tabbableNodes.some(function(M) {
-              return Oe(M) > 0;
+            return g.tabbableNodes.some(function(V) {
+              return Oe(V) > 0;
             });
           }) || (C = !1);
       else
         C = !1;
-      C && (U = L({
+      C && (U = F({
         // move FROM the MRU node, not event-related node (which will be the node that is
         //  outside the trap causing the focus escape we're trying to fix)
         target: r.mostRecentlyFocusedNode,
@@ -2129,7 +2129,7 @@ var ml = {
   }, ae = function(T) {
     var y = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1;
     r.recentNavEvent = T;
-    var A = L({
+    var A = F({
       event: T,
       isBackward: y
     });
@@ -2332,7 +2332,7 @@ const za = /* @__PURE__ */ b("div", { tabindex: "0" }, null, -1), _a = ["onKeypr
                 }]
               }), [
                 le(b("div", {
-                  class: V(["cl-absolute cl-cursor-pointer cl-right-4 cl-top-4 cl-transition-colors cl-w-3", {
+                  class: L(["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"
@@ -2346,13 +2346,13 @@ const za = /* @__PURE__ */ b("div", { tabindex: "0" }, null, -1), _a = ["onKeypr
                   [te, !i.preventClose]
                 ]),
                 b("div", {
-                  class: V(["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: L(["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"
                   }])
                 }, [
                   P(i.$slots, "title"),
-                  i.headerColour === "white" ? (p(), h("hr", Ha)) : F("", !0)
+                  i.headerColour === "white" ? (p(), h("hr", Ha)) : M("", !0)
                 ], 2),
                 b("div", xa, [
                   P(i.$slots, "default", ce(ve({ close: o })))
@@ -2383,9 +2383,9 @@ const za = /* @__PURE__ */ b("div", { tabindex: "0" }, null, -1), _a = ["onKeypr
   },
   setup(a) {
     return (e, l) => (p(), h("div", Ga, [
-      e.additionalText !== "" ? (p(), h("div", Za, q(e.additionalText), 1)) : F("", !0),
+      e.additionalText !== "" ? (p(), h("div", Za, q(e.additionalText), 1)) : M("", !0),
       b("div", {
-        class: V({
+        class: L({
           "cl-w-1/2": e.additionalText !== "",
           "cl-w-full": e.additionalText === ""
         })
@@ -2441,7 +2441,7 @@ const za = /* @__PURE__ */ b("div", { tabindex: "0" }, null, -1), _a = ["onKeypr
     return oe(() => l.selectedIndex, () => s()), (i, m) => {
       var k, u;
       return p(), h("div", {
-        class: V(["cl-cursor-pointer cl-duration-75 cl-flex cl-p-1 cl-text-left cl-transition-colors", {
+        class: L(["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
@@ -2450,9 +2450,9 @@ const za = /* @__PURE__ */ b("div", { tabindex: "0" }, null, -1), _a = ["onKeypr
         onMousemove: m[0] || (m[0] = (w) => o(!0)),
         onMouseleave: m[1] || (m[1] = (w) => o(!1))
       }, [
-        i.option !== null && ((k = i.option) == null ? void 0 : k.parentId) !== 0 && ((u = i.option) == null ? void 0 : u.parentId) !== void 0 ? (p(), h("div", Ka, q(n.value), 1)) : F("", !0),
+        i.option !== null && ((k = i.option) == null ? void 0 : k.parentId) !== 0 && ((u = i.option) == null ? void 0 : u.parentId) !== void 0 ? (p(), h("div", Ka, q(n.value), 1)) : M("", !0),
         b("div", {
-          class: V({
+          class: L({
             "cl-w-1/2": n.value !== "",
             "cl-w-full": n.value === ""
           })
@@ -2509,7 +2509,7 @@ const za = /* @__PURE__ */ b("div", { tabindex: "0" }, null, -1), _a = ["onKeypr
     function N(d) {
       r.value > d ? r.value-- : r.value = l.results.length - 1, Z();
     }
-    function L() {
+    function F() {
       r.value >= 0 && l.results !== void 0 ? m(l.results[r.value].id) : r.value === -1 && k();
     }
     function j(d) {
@@ -2554,7 +2554,7 @@ const za = /* @__PURE__ */ b("div", { tabindex: "0" }, null, -1), _a = ["onKeypr
           f[2] || (f[2] = Ee(ne(($) => N(o.value), ["prevent", "stop"]), ["up"])),
           f[3] || (f[3] = Ee(ne(($) => w(o.value), ["prevent", "stop"]), ["down"]))
         ],
-        onKeyup: Ee(ne(L, ["prevent", "stop"]), ["enter"])
+        onKeyup: Ee(ne(F, ["prevent", "stop"]), ["enter"])
       }, [
         b("div", Ya, [
           S(me, {
@@ -2575,22 +2575,22 @@ const za = /* @__PURE__ */ b("div", { tabindex: "0" }, null, -1), _a = ["onKeypr
           "show-clear-button": d.canClearSelectedObject,
           text: d.currentObjectName,
           onClearObject: f[1] || (f[1] = ($) => d.$emit("clear-object"))
-        }, null, 8, ["show-clear-button", "text"])) : F("", !0),
+        }, null, 8, ["show-clear-button", "text"])) : M("", !0),
         d.objectParentType !== "" && d.results !== void 0 && d.results.length > 0 && d.errorMessage === "" ? (p(), G(Ve, {
           key: 1,
           text: d.objectType,
           "additional-text": d.objectParentType,
           class: "cl-bg-grey-2 cl-mt-1"
-        }, null, 8, ["text", "additional-text"])) : F("", !0),
+        }, null, 8, ["text", "additional-text"])) : M("", !0),
         d.results !== null && ((O = d.results) == null ? void 0 : O.length) === 0 && n.value.trim() !== "" && d.canCreateNewObject === !1 && d.errorMessage === "" ? (p(), G(Ve, {
           key: 2,
           text: v(t)("comboBox.noResults", { value: n.value })
-        }, null, 8, ["text"])) : F("", !0),
+        }, null, 8, ["text"])) : M("", !0),
         d.errorMessage !== "" ? (p(), G(Ve, {
           key: 3,
           class: "!cl-bg-danger-light cl-border-danger-light cl-rounded cl-text-danger-dark",
           text: v(t)("comboBox.errorMessage", { error: d.errorMessage })
-        }, null, 8, ["text"])) : F("", !0),
+        }, null, 8, ["text"])) : M("", !0),
         c.value ? (p(), G(hl, {
           key: 4,
           "is-create-new-option": !0,
@@ -2600,7 +2600,7 @@ const za = /* @__PURE__ */ b("div", { tabindex: "0" }, null, -1), _a = ["onKeypr
           class: "cl-px-2",
           onCreateObject: k,
           onOptionHighlighted: E
-        }, null, 8, ["text", "selected-index"])) : F("", !0),
+        }, null, 8, ["text", "selected-index"])) : M("", !0),
         d.errorMessage === "" && d.results !== null ? (p(), h("div", Ja, [
           (p(!0), h(X, null, se(d.results, ($, _) => (p(), G(hl, {
             key: _,
@@ -2611,7 +2611,7 @@ const za = /* @__PURE__ */ b("div", { tabindex: "0" }, null, -1), _a = ["onKeypr
             onSelectObject: m,
             onOptionHighlighted: E
           }, null, 8, ["option", "index", "selected-index"]))), 128))
-        ])) : F("", !0)
+        ])) : M("", !0)
       ], 40, Wa);
     };
   }
@@ -2647,7 +2647,7 @@ const za = /* @__PURE__ */ b("div", { tabindex: "0" }, null, -1), _a = ["onKeypr
     const t = a, n = R(() => t.placeholderText ? t.placeholderText : r("comboBox.emptyHintText", { object: t.objectType })), c = R(() => t.searchHint ? t.searchHint : r("comboBox.searchHint", { object: t.objectType })), { t: r } = ie(), o = I(!1), s = R({
       get: () => t.currentObject,
       set: (C) => l("update:current-object", C)
-    }), i = I(null), m = I(null), k = R(() => y()), u = I(""), w = I(""), N = I(), L = I(!0), j = I(!1);
+    }), i = I(null), m = I(null), k = R(() => y()), u = I(""), w = I(""), N = I(), F = I(!0), j = I(!1);
     function Z(C) {
       var J, W;
       const D = ((J = U.value) == null ? void 0 : J.getBoundingClientRect().top) || 0;
@@ -2706,7 +2706,7 @@ const za = /* @__PURE__ */ b("div", { tabindex: "0" }, null, -1), _a = ["onKeypr
       });
     }
     function T() {
-      var D, J, W, g, M;
+      var D, J, W, g, V;
       sl({
         message: r("comboBox.createSuccessful", { object: t.objectType, name: ((D = t.objectCreatedResponse) == null ? void 0 : D.name) ?? "" }),
         colour: "primary",
@@ -2716,7 +2716,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: ((M = t.objectCreatedResponse) == null ? void 0 : M.parentId) ?? 0,
+        parentId: ((V = t.objectCreatedResponse) == null ? void 0 : V.parentId) ?? 0,
         parentName: C
       };
     }
@@ -2726,7 +2726,7 @@ const za = /* @__PURE__ */ b("div", { tabindex: "0" }, null, -1), _a = ["onKeypr
     }
     function A() {
       let C = !0;
-      u.value === "" && (C = !1), t.objectParentType !== "" && m.value === null && (C = !1), L.value = C;
+      u.value === "" && (C = !1), t.objectParentType !== "" && m.value === null && (C = !1), F.value = C;
     }
     oe(() => t.objectCreatedResponse, () => _()), oe(() => t.parentObjectCreatedResponse, () => z()), oe(() => u.value, () => A()), oe(() => m.value, () => A()), e({
       focus() {
@@ -2748,7 +2748,7 @@ const za = /* @__PURE__ */ b("div", { tabindex: "0" }, null, -1), _a = ["onKeypr
             ref: i,
             modelValue: k.value,
             "onUpdate:modelValue": D[0] || (D[0] = (W) => k.value = W),
-            class: V(["!cl-mr-0 cl-mb-0 cl-rounded-r-none cl-w-full cl-z-10", {
+            class: L(["!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",
@@ -2770,7 +2770,7 @@ const za = /* @__PURE__ */ b("div", { tabindex: "0" }, null, -1), _a = ["onKeypr
           ]),
           o.value ? (p(), h("div", {
             key: 1,
-            class: V(["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: L(["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
             }]),
@@ -2782,7 +2782,7 @@ const za = /* @__PURE__ */ b("div", { tabindex: "0" }, null, -1), _a = ["onKeypr
             })
           ], 2)) : (p(), h("div", {
             key: 0,
-            class: V(["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: L(["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
             }]),
@@ -2809,7 +2809,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: V({
+              class: L({
                 "cl-bottom-full": j.value
               }),
               "search-hint": c.value,
@@ -2838,7 +2838,7 @@ const za = /* @__PURE__ */ b("div", { tabindex: "0" }, null, -1), _a = ["onKeypr
               S(be, {
                 colour: "primary",
                 size: "small",
-                disabled: !L.value,
+                disabled: !F.value,
                 onClick: (g) => {
                   O(), W();
                 }
@@ -2866,7 +2866,7 @@ const za = /* @__PURE__ */ b("div", { tabindex: "0" }, null, -1), _a = ["onKeypr
                 "error-message": C.errorMessage,
                 onSearch: E,
                 onCreateObject: $
-              }, null, 8, ["current-object", "results", "loading", "object-type", "object-created-response", "can-create-new-object", "can-clear-selected-object", "error-message"])) : F("", !0),
+              }, null, 8, ["current-object", "results", "loading", "object-type", "object-created-response", "can-create-new-object", "can-clear-selected-object", "error-message"])) : M("", !0),
               S(me, {
                 modelValue: u.value,
                 "onUpdate:modelValue": D[6] || (D[6] = (W) => u.value = W),
@@ -2899,7 +2899,7 @@ function vo(a, e) {
   return p(), h("div", co, [
     a.$slots.default ? (p(), h("div", uo, [
       P(a.$slots, "default")
-    ])) : F("", !0),
+    ])) : M("", !0),
     a.$slots.left || a.$slots.right ? (p(), h("div", fo, [
       b("span", po, [
         P(a.$slots, "left")
@@ -2907,7 +2907,7 @@ function vo(a, e) {
       b("span", mo, [
         P(a.$slots, "right")
       ])
-    ])) : F("", !0)
+    ])) : M("", !0)
   ]);
 }
 const go = /* @__PURE__ */ ke(io, [["render", vo]]);
@@ -2968,8 +2968,8 @@ const ho = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, yo = { class: "cl-gap-1
             ], 64))
           ]),
           _: 1
-        }, 8, ["disabled"])) : F("", !0),
-        n.options.hideViewManager ? F("", !0) : (p(), h("div", To, [
+        }, 8, ["disabled"])) : M("", !0),
+        n.options.hideViewManager ? M("", !0) : (p(), h("div", To, [
           P(n.$slots, "view-manager")
         ])),
         v(yl)(n.columns) || v(bo)(n.columns) ? (p(), h(X, { key: 2 }, [
@@ -2991,7 +2991,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: V({
+            class: L({
               "cl-col-span-2": n.columns.some((r) => r.editable)
             }),
             onClick: c[2] || (c[2] = ne((r) => n.$emit("clear-filters"), ["prevent"]))
@@ -3000,8 +3000,8 @@ const ho = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, yo = { class: "cl-gap-1
               de(q(v(l)("grid.clearFilters")), 1)
             ]),
             _: 1
-          }, 8, ["disabled", "class"])) : F("", !0)
-        ], 64)) : F("", !0)
+          }, 8, ["disabled", "class"])) : M("", !0)
+        ], 64)) : M("", !0)
       ])
     ], 64));
   }
@@ -3079,7 +3079,7 @@ const ho = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, yo = { class: "cl-gap-1
         b("span", {
           innerHTML: r()
         }, null, 8, Eo)
-      ])) : F("", !0);
+      ])) : M("", !0);
     };
   }
 }), Ao = { class: "cl-font-semibold lg:cl-hidden" }, qo = /* @__PURE__ */ Q({
@@ -3106,7 +3106,7 @@ const ho = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, yo = { class: "cl-gap-1
     }, {
       deep: !0
     }), (o, s) => (p(), h("td", {
-      class: V(["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: L(["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
       }])
     }, [
@@ -3221,13 +3221,13 @@ const ho = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, yo = { class: "cl-gap-1
     const i = I({});
     oe(() => l.data, () => {
       var u, w;
-      return i.value = Object.fromEntries(((w = (u = l.data) == null ? void 0 : u.results) == null ? void 0 : w.map((N, L) => [
-        [L],
+      return i.value = Object.fromEntries(((w = (u = l.data) == null ? void 0 : u.results) == null ? void 0 : w.map((N, F) => [
+        [F],
         {
           count: 0,
           target: null,
           reset: $l(() => {
-            i.value[L] && (i.value[L].count = 0, i.value[L].target = null);
+            i.value[F] && (i.value[F].count = 0, i.value[F].target = null);
           }, 2500, { immediate: !1 })
         }
       ])) ?? []);
@@ -3236,8 +3236,8 @@ const ho = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, yo = { class: "cl-gap-1
       immediate: !0
     });
     function m(u, w, N) {
-      const { currentTarget: L } = N;
-      l.options.rowSelectionEnabled ? (k(L), e("row-select", w)) : (i.value[u].count++, i.value[u].target = L, i.value[u].count > 1 ? (i.value[u].reset.stop(), i.value[u].count = 0, k(L), i.value[u].target = null, e("row-select", w)) : i.value[u].reset.start());
+      const { currentTarget: F } = N;
+      l.options.rowSelectionEnabled ? (k(F), e("row-select", w)) : (i.value[u].count++, i.value[u].target = F, i.value[u].count > 1 ? (i.value[u].reset.stop(), i.value[u].count = 0, k(F), i.value[u].target = null, e("row-select", w)) : i.value[u].reset.start());
     }
     function k(u) {
       l.options.highlightRowSelection && (u == null || u.classList.toggle("!cl-bg-link-lighter"));
@@ -3247,21 +3247,21 @@ const ho = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, yo = { class: "cl-gap-1
     }), (u, w) => {
       var N;
       return p(), h("tbody", null, [
-        u.data && ((N = u.data.results) != null && N.length) ? (p(!0), h(X, { key: 0 }, se(u.data.results, (L, j) => (p(), G(Ro, {
+        u.data && ((N = u.data.results) != null && N.length) ? (p(!0), h(X, { key: 0 }, se(u.data.results, (F, j) => (p(), G(Ro, {
           key: j,
-          data: L,
+          data: F,
           columns: u.columns,
           "time-zone": u.timeZone,
           "search-value": u.searchValue,
           "edit-mode": u.editMode,
-          class: V(["cl-bg-opacity-100 cl-transition-colors", {
+          class: L(["cl-bg-opacity-100 cl-transition-colors", {
             "cl-bg-white": j % 2 === 0 && u.data.totalRecords > 1,
             "cl-bg-off-white": j % 2 === 1 || u.data.totalRecords === 1,
             "cl-cursor-pointer": (u.options.highlightRowSelection || u.options.rowSelectionEnabled) && !u.editMode,
             "hover:cl-bg-link-lighter": u.options.rowSelectionEnabled && u.options.highlightRowSelection && !u.editMode
           }]),
           onClick: (Z) => {
-            u.editMode || m(j, L, Z);
+            u.editMode || m(j, F, Z);
           },
           onCellFocus: (Z) => {
             r(j);
@@ -3277,25 +3277,25 @@ const ho = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, yo = { class: "cl-gap-1
               P(u.$slots, ae, fe(E, { disabled: u.loading }))
             ])
           }))
-        ]), 1032, ["data", "columns", "time-zone", "search-value", "edit-mode", "class", "onClick", "onCellFocus", "onCellEdit"]))), 128)) : u.loading ? F("", !0) : (p(), h("tr", Do, [
+        ]), 1032, ["data", "columns", "time-zone", "search-value", "edit-mode", "class", "onClick", "onCellFocus", "onCellEdit"]))), 128)) : u.loading ? M("", !0) : (p(), h("tr", Do, [
           b("td", {
             colspan: u.columns.length
           }, [
             b("div", jo, [
               b("strong", Fo, q(v(t)("grid.noData")), 1),
-              u.request.filters.some((L) => L.filterValue !== "") ? (p(), h("div", Mo, [
+              u.request.filters.some((F) => F.filterValue !== "") ? (p(), h("div", Mo, [
                 b("div", Vo, q(v(t)("grid.noDataFiltersPresent")), 1),
                 S(be, {
                   size: "small",
                   colour: "danger",
-                  onClick: w[0] || (w[0] = ne((L) => u.$emit("clear-filters"), ["prevent"]))
+                  onClick: w[0] || (w[0] = ne((F) => u.$emit("clear-filters"), ["prevent"]))
                 }, {
                   default: Y(() => [
                     de(q(v(t)("grid.clearFilters")), 1)
                   ]),
                   _: 1
                 })
-              ])) : F("", !0)
+              ])) : M("", !0)
             ])
           ], 8, Io)
         ]))
@@ -3350,8 +3350,8 @@ const ho = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, yo = { class: "cl-gap-1
     }
     const k = ol(s, 750);
     return (u, w) => {
-      var N, L;
-      return (L = (N = u.data) == null ? void 0 : N.results) != null && L.length && u.request ? (p(), h("div", Po, [
+      var N, F;
+      return (F = (N = u.data) == null ? void 0 : N.results) != null && F.length && u.request ? (p(), h("div", Po, [
         b("div", Uo, [
           b("span", Bo, q(v(n)("grid.jumpToPage")), 1),
           S(me, {
@@ -3396,7 +3396,7 @@ const ho = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, yo = { class: "cl-gap-1
               ]),
               (p(!0), h(X, null, se(r.value, (j, Z) => (p(), h("li", {
                 key: Z,
-                class: V(["cl-cursor-pointer cl-mr-1 lg:cl-mr-2", {
+                class: L(["cl-cursor-pointer cl-mr-1 lg:cl-mr-2", {
                   "cl-text-black cl-font-bold": u.request.pageNumber === j,
                   "cl-text-grey-6": u.request.pageNumber !== j
                 }]),
@@ -3430,7 +3430,7 @@ const ho = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, yo = { class: "cl-gap-1
             b("li", Wo, q(v(n)("grid.pageSize")), 1),
             (p(), h(X, null, se(i, (j, Z) => b("li", {
               key: Z,
-              class: V(["cl-cursor-pointer cl-mr-1 lg:cl-mr-2", {
+              class: L(["cl-cursor-pointer cl-mr-1 lg:cl-mr-2", {
                 "cl-text-black cl-font-bold": u.request.pageSize === j,
                 "cl-text-grey-6": u.request.pageSize !== j
               }]),
@@ -3442,7 +3442,7 @@ const ho = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, yo = { class: "cl-gap-1
             b("li", en, q(v(t)(u.data.totalRecords, v(ue).INTEGER)), 1)
           ])
         ])
-      ])) : F("", !0);
+      ])) : M("", !0);
     };
   }
 }), tn = [
@@ -3676,14 +3676,14 @@ const dn = {
         c.value ? (p(), G(v(H), {
           key: 0,
           icon: c.value.icon,
-          class: V(["cl-text-lg", {
+          class: L(["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"])) : F("", !0)
+        }, null, 8, ["icon", "class"])) : M("", !0)
       ]),
       b("div", {
-        class: V(["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", {
+        class: L(["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": o.loading === !1,
           "cl-left-0": o.firstHalf,
           "cl--left-44": !o.firstHalf
@@ -3694,7 +3694,7 @@ const dn = {
           var k;
           return p(), h("span", {
             key: m,
-            class: V(["cl-cursor-pointer cl-px-4 cl-py-1 cl-transition-colors cl-w-full hover:cl-bg-grey-0", {
+            class: L(["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((u) => r(i.method), ["prevent"])
@@ -3851,7 +3851,7 @@ const dn = {
     const N = R(() => {
       var f;
       return ((f = k.value) == null ? void 0 : f.filterValue) ?? "";
-    }), L = R(() => N.value === "" ? null : N.value), j = R(() => N.value === "" ? null : N.value), Z = R(() => Intl.NumberFormat(t.value).format(1.1).replace(/[0-9]+/g, "")), ae = R(() => rl(l.column));
+    }), F = R(() => N.value === "" ? null : N.value), j = R(() => N.value === "" ? null : N.value), Z = R(() => Intl.NumberFormat(t.value).format(1.1).replace(/[0-9]+/g, "")), ae = R(() => rl(l.column));
     function E(f, O) {
       var T;
       let $, _ = !1;
@@ -3909,7 +3909,7 @@ const dn = {
         }, q(v(n)("grid.false")), 9, $n)
       ], 40, wn)) : o.value ? (p(), G(me, {
         key: 1,
-        "model-value": L.value,
+        "model-value": F.value,
         class: "!cl-h-[2rem] !cl-text-xs cl-border-none cl-mb-0 cl-w-full lg:!cl-text-base",
         disabled: f.loading,
         label: f.column.caption,
@@ -3953,8 +3953,8 @@ const dn = {
           value: $.value,
           selected: N.value === $.value.toString()
         }, q(v(n)($.translationKey)), 9, Sn))), 128))
-      ], 40, Cn)) : F("", !0),
-      s.value ? F("", !0) : (p(), G(hn, {
+      ], 40, Cn)) : M("", !0),
+      s.value ? M("", !0) : (p(), G(hn, {
         key: 6,
         filter: u.value,
         "onUpdate:filter": O[6] || (O[6] = ($) => u.value = $),
@@ -3963,7 +3963,7 @@ const dn = {
         "default-operation": c(),
         "first-half": f.firstHalf
       }, null, 8, ["filter", "loading", "column", "default-operation", "first-half"]))
-    ])) : F("", !0);
+    ])) : M("", !0);
   }
 }), En = { 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" }, An = { class: "cl-hidden lg:cl-table-row" }, qn = ["onClick"], Rn = { class: "cl-flex cl-justify-end cl-w-full lg:cl-hidden" }, Dn = { class: "cl-col-span-2 lg:cl-hidden" }, In = ["onClick"], jn = { class: "cl-font-normal cl-mr-1" }, Fn = /* @__PURE__ */ Q({
   __name: "cl-ui-grid-header",
@@ -4007,7 +4007,7 @@ const dn = {
       b("tr", An, [
         (p(!0), h(X, null, se(s.columns, (m, k) => (p(), h("th", {
           key: k,
-          class: V(["cl-text-grey-3 cl-text-sm", {
+          class: L(["cl-text-grey-3 cl-text-sm", {
             "cl-cursor-pointer": v(Le)(m) && s.loading === !1
           }]),
           onClick: (u) => v(Le)(m) && s.loading === !1 ? r(m.field) : () => {
@@ -4029,7 +4029,7 @@ const dn = {
         ], 10, qn))), 128))
       ]),
       b("tr", {
-        class: V(["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: L(["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
         }])
       }, [
@@ -4043,7 +4043,7 @@ const dn = {
         ]),
         (p(!0), h(X, null, se(s.columns, (m, k) => (p(), h("th", {
           key: k,
-          class: V(["cl-grid cl-grid-cols-4 cl-py-1 cl-text-xs cl-w-full lg:cl-table-cell lg:cl-w-auto", {
+          class: L(["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(rl)(m)
           }])
         }, [
@@ -4067,7 +4067,7 @@ const dn = {
               class: "cl-cursor-pointer cl-inline-block",
               icon: "ph:minus"
             }))
-          ], 8, In)) : F("", !0),
+          ], 8, In)) : M("", !0),
           S(Nn, {
             class: "cl-col-span-4",
             loading: s.loading,
@@ -4203,13 +4203,13 @@ const dn = {
                           class: "cl-cursor-pointer cl-inline-block cl-mr-2",
                           icon: "ph:arrow-left",
                           onClick: (u) => o(k, "down")
-                        }, null, 8, ["onClick"])) : F("", !0),
+                        }, null, 8, ["onClick"])) : M("", !0),
                         k !== s.columns.length - 1 ? (p(), G(v(H), {
                           key: 1,
                           class: "cl-cursor-pointer cl-inline-block",
                           icon: "ph:arrow-right",
                           onClick: (u) => o(k, "up")
-                        }, null, 8, ["onClick"])) : F("", !0)
+                        }, null, 8, ["onClick"])) : M("", !0)
                       ], 64)) : (p(), h("em", Qn, q(v(t)("grid.hidden")), 1))
                     ])
                   ]))), 128))
@@ -4272,7 +4272,7 @@ const dn = {
     const N = R(() => ({
       highlightRowSelection: !0,
       ...l.options
-    })), L = R({
+    })), F = R({
       get() {
         const E = ge(s.value);
         return E.filters = E.filters.filter((B) => B.filterMethod !== "andcontains" && B.filterOperation !== ee.AND_CONTAINS), E;
@@ -4301,7 +4301,7 @@ const dn = {
           P(E.$slots, "search", ce(ve(d)))
         ]),
         _: 3
-      }, 8, ["search-value", "request", "columns"])) : F("", !0),
+      }, 8, ["search-value", "request", "columns"])) : M("", !0),
       S(Te, { name: "fade" }, {
         default: Y(() => [
           le(b("div", Jn, [
@@ -4337,7 +4337,7 @@ const dn = {
       }, 8, ["edit-mode", "filter-panel-open", "columns", "options", "request", "loading"]),
       b("div", Xn, [
         b("table", {
-          class: V(["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: L(["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 cl-pointer-events-none": E.loading
           }])
         }, [
@@ -4349,8 +4349,8 @@ const dn = {
             }, null, 4))), 128))
           ]),
           S(Fn, {
-            request: L.value,
-            "onUpdate:request": B[5] || (B[5] = (d) => L.value = d),
+            request: F.value,
+            "onUpdate:request": B[5] || (B[5] = (d) => F.value = d),
             "filter-panel-open": w.value,
             "onUpdate:filterPanelOpen": B[6] || (B[6] = (d) => w.value = d),
             columns: n.value,
@@ -4429,7 +4429,7 @@ const dn = {
   setup(a) {
     const e = a;
     return (l, t) => (p(), h("div", {
-      class: V(["md:cl-relative", {
+      class: L(["md:cl-relative", {
         "cl-bg-primary-default": (e == null ? void 0 : e.colour) === "default",
         "cl-bg-blue-light": e.colour === "secondary"
       }])
@@ -4447,17 +4447,17 @@ const dn = {
           height: "48"
         })),
         b("div", {
-          class: V(["cl-grow cl-hidden cl-my-4 md:cl-block", {
+          class: L(["cl-grow cl-hidden cl-my-4 md:cl-block", {
             "cl-text-secondary-default": e.colour === "default",
             "cl-text-white": e.colour === "secondary"
           }])
         }, [
-          l.username ? (p(), h("div", rr, q(l.username), 1)) : F("", !0),
-          l.group ? (p(), h("div", sr, q(l.group), 1)) : F("", !0)
+          l.username ? (p(), h("div", rr, q(l.username), 1)) : M("", !0),
+          l.group ? (p(), h("div", sr, q(l.group), 1)) : M("", !0)
         ], 2),
         b("div", ir, [
           S(v(H), {
-            class: V(["cl-transform-gpu cl-transition-transform", {
+            class: L(["cl-transform-gpu cl-transition-transform", {
               "cl-rotate-180": l.isOpen,
               "cl-text-secondary-default": e.colour === "default",
               "cl-text-white": e.colour === "secondary"
@@ -4516,13 +4516,13 @@ const pr = {
       s && (n.value = !1);
     }), (s, i) => c.value !== null && v(el)(c.value) ? (p(), h("div", pr, [
       b("div", {
-        class: V(["cl-flex cl-items-center", {
+        class: L(["cl-flex cl-items-center", {
           "cl-cursor-pointer": !s.disabled
         }]),
         onClick: o
       }, [
         b("span", {
-          class: V(["cl-font-semibold cl-text-xs", {
+          class: L(["cl-font-semibold cl-text-xs", {
             "cl-opacity-50": s.disabled
           }])
         }, q(c.value.nativeName), 3)
@@ -4547,7 +4547,7 @@ const pr = {
         ]),
         _: 1
       })
-    ])) : F("", !0);
+    ])) : M("", !0);
   }
 }), hr = { class: "cl-relative" }, yr = { class: "cl-h-full cl-z-0 xl:cl-h-screen" }, wr = { 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" }, kr = { class: "cl-col-span-10 lg:cl-col-span-3" }, Tr = {
   key: 0,
@@ -4594,9 +4594,9 @@ const pr = {
         ]),
         k.$slots["language-switcher"] ? (p(), h("div", Tr, [
           P(k.$slots, "language-switcher")
-        ])) : F("", !0),
+        ])) : M("", !0),
         b("div", {
-          class: V(["cl-gap-y-4 cl-grid cl-grid-cols-1 lg:cl-gap-x-2 lg:cl-grid-cols-8", {
+          class: L(["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"]
           }])
@@ -4672,7 +4672,7 @@ const pr = {
             ])
           ]),
           b("div", {
-            class: V(["cl-col-span-2", {
+            class: L(["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
             }])
           }, [
@@ -4696,9 +4696,9 @@ const pr = {
             var w;
             return [
               le(b("span", Nr, [
-                (p(!0), h(X, null, se(k.errors, (N, L) => (p(), h("div", {
+                (p(!0), h(X, null, se(k.errors, (N, F) => (p(), h("div", {
                   id: "cl-ui-login-errors",
-                  key: L,
+                  key: F,
                   class: "cl-font-semibold"
                 }, q(N), 1))), 128))
               ], 512), [
@@ -4728,19 +4728,19 @@ const pr = {
   props: {
     colour: { default: "default" }
   },
-  emits: ["pinned-state"],
+  emits: ["pinned-state", "open-state"],
   setup(a, { expose: e, emit: l }) {
     const t = I([]), n = R(() => t.value.filter((N) => N.open === !0).length > 0);
     function c(N) {
-      let L = t.value.find((j) => j.id === N);
-      return L || (L = {
+      let F = t.value.find((j) => j.id === N);
+      return F || (F = {
         id: N,
         open: !1
-      }, t.value.push(L)), L.open;
+      }, t.value.push(F)), F.open;
     }
     function r(N) {
-      const L = t.value.find((j) => j.id === N);
-      L && (L.open = !L.open, t.value.forEach((j) => {
+      const F = t.value.find((j) => j.id === N);
+      F && (F.open = !F.open, t.value.forEach((j) => {
         j.id !== N && (j.open = !1);
       }));
     }
@@ -4766,25 +4766,29 @@ const pr = {
     }
     return nl(u, w), e({
       closeNavigation: w
-    }), (N, L) => (p(), h("div", {
+    }), (N, F) => (p(), h("div", {
       ref_key: "navElement",
       ref: u,
       class: "cl-flex cl-flex-nowrap cl-relative"
     }, [
       b("div", {
         id: "group-container",
-        class: V(["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: L(["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": N.colour === "default",
           "cl-bg-blue-dark": N.colour === "secondary"
         }])
       }, [
         P(N.$slots, "icon", fe({ navcolour: N.colour }, { groupIsOpen: c, toggleOpen: r }), void 0, !0)
       ], 2),
-      i.value ? (p(), h("div", Rr)) : F("", !0),
-      S(Te, { name: "slide-right" }, {
+      i.value ? (p(), h("div", Rr)) : M("", !0),
+      S(Te, {
+        name: "slide-right",
+        onAfterEnter: F[0] || (F[0] = (j) => l("open-state", n.value)),
+        onAfterLeave: F[1] || (F[1] = (j) => l("open-state", n.value))
+      }, {
         default: Y(() => [
           le(b("div", {
-            class: V(["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: L(["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": s.value,
               "cl-absolute cl-left-20 cl-shadow-lg": !s.value
             }])
@@ -4813,7 +4817,7 @@ const pr = {
     ], 512));
   }
 });
-const jr = /* @__PURE__ */ ke(Ir, [["__scopeId", "data-v-0d50b687"]]), Fr = /* @__PURE__ */ Q({
+const jr = /* @__PURE__ */ ke(Ir, [["__scopeId", "data-v-9950f94e"]]), Fr = /* @__PURE__ */ Q({
   __name: "cl-ui-navigation-icon",
   props: {
     iconValue: {},
@@ -4822,7 +4826,7 @@ const jr = /* @__PURE__ */ ke(Ir, [["__scopeId", "data-v-0d50b687"]]), Fr = /* @
   },
   setup(a) {
     return (e, l) => (p(), h("div", {
-      class: V(["cl-cursor-pointer cl-flex cl-h-20 cl-items-center cl-justify-center cl-transition-colors cl-w-20", {
+      class: L(["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",
@@ -4846,13 +4850,13 @@ const jr = /* @__PURE__ */ ke(Ir, [["__scopeId", "data-v-0d50b687"]]), Fr = /* @
   },
   setup(a) {
     return (e, l) => (p(), h("div", {
-      class: V({
+      class: L({
         "cl-hidden": !e.open
       })
     }, [
       e.$slots.title ? (p(), h("div", Mr, [
         P(e.$slots, "title")
-      ])) : F("", !0),
+      ])) : M("", !0),
       b("div", Vr, [
         P(e.$slots, "default")
       ])
@@ -4866,7 +4870,7 @@ function _r(a, e) {
   return p(), h("div", Ur, [
     a.$slots.title ? (p(), h("div", Br, [
       P(a.$slots, "title")
-    ])) : F("", !0),
+    ])) : M("", !0),
     b("span", zr, [
       P(a.$slots, "default")
     ])
@@ -4918,11 +4922,11 @@ const Kr = /* @__PURE__ */ ke(xr, [["render", Zr]]), Qr = { class: "cl-w-full" }
             icon: "ph:caret-left",
             class: "cl-mt-4 cl-text-secondary-default"
           })
-        ])) : F("", !0),
+        ])) : M("", !0),
         b("div", {
           ref_key: "headerContainer",
           ref: l,
-          class: V(["cl-flex cl-overflow-x-auto cl-overscroll-x-none", {
+          class: L(["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",
@@ -4944,7 +4948,7 @@ const Kr = /* @__PURE__ */ ke(xr, [["render", Zr]]), Qr = { class: "cl-w-full" }
             icon: "ph:caret-right",
             class: "cl-mt-4 cl-text-secondary-default"
           })
-        ])) : F("", !0)
+        ])) : M("", !0)
       ]),
       P(i.$slots, "content", ce(ve({ isTabOpen: c, disabled: i.disabled, colour: i.colour })))
     ]));
@@ -4966,7 +4970,7 @@ const Kr = /* @__PURE__ */ ke(xr, [["render", Zr]]), Qr = { class: "cl-w-full" }
       l.disabled || (t.value = !1, n.value = !1, e("update:currentTab", l.id));
     }
     return (o, s) => (p(), h("div", {
-      class: V(["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: L(["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",