@citruslime/ui 3.0.0-beta.8 → 3.0.0-beta.9

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

@@ -1,5 +1,5 @@
 import { Icon as G } from "@iconify/vue";
-import { defineComponent as P, ref as I, openBlock as p, createElementBlock as b, renderSlot as M, normalizeProps as de, guardReactiveProps as fe, Fragment as Y, createElementVNode as f, normalizeClass as j, createVNode as E, unref as m, Transition as Ce, withCtx as R, withDirectives as Q, mergeProps as oe, vShow as X, createBlock as W, Teleport as ol, renderList as re, toDisplayString as N, createCommentVNode as U, computed as D, mergeModels as ve, useModel as Ee, createSlots as Ae, vModelDynamic as Tl, watch as le, toRefs as Zl, withKeys as me, onMounted as Le, onUnmounted as Ye, withModifiers as ee, nextTick as Ne, resolveComponent as Fe, createTextVNode as ue, inject as al, vModelCheckbox as Gl, watchEffect as Kl, toValue as pl, toHandlers as xl, useCssVars as Ol, vModelText as ql, pushScopeId as Ql, popScopeId as Yl, useAttrs as _l, provide as fl, normalizeStyle as Jl } from "vue";
+import { defineComponent as P, ref as I, openBlock as p, createElementBlock as b, renderSlot as M, normalizeProps as de, guardReactiveProps as fe, Fragment as Y, createElementVNode as f, normalizeClass as j, createVNode as E, unref as m, Transition as Ce, withCtx as R, withDirectives as Q, mergeProps as ae, vShow as X, createBlock as W, Teleport as ol, renderList as re, toDisplayString as N, createCommentVNode as U, computed as D, mergeModels as ve, useModel as Ee, createSlots as Ae, vModelDynamic as Tl, watch as le, toRefs as Zl, withKeys as me, onMounted as Le, onUnmounted as Ye, withModifiers as ee, nextTick as Ne, resolveComponent as Fe, createTextVNode as ue, inject as al, vModelCheckbox as Gl, watchEffect as Kl, toValue as pl, toHandlers as xl, useCssVars as Ol, vModelText as ql, pushScopeId as Ql, popScopeId as Yl, useAttrs as _l, provide as fl, normalizeStyle as Jl } from "vue";
 import { generateStringId as Xl, highlightText as et, validateEmail as lt } from "@citruslime/utils";
 import { unrefElement as tt, tryOnScopeDispose as ot, onClickOutside as nl, useTimeoutFn as Sl, useMouseInElement as at, useFocusWithin as nt, useMediaQuery as st, useThrottle as rt, useElementBounding as it, useDebounceFn as ct, useWindowSize as ut } from "@vueuse/core";
 import { useI18n as se, createI18n as dt } from "vue-i18n";
@@ -69,7 +69,7 @@ const mt = { class: "cl-overflow-hidden" }, gt = /* @__PURE__ */ P({
       f("div", ht, [
         E(Ce, { name: "grow-down" }, {
           default: R(() => [
-            Q(f("div", oe(a.$attrs, { class: "cl-ml-10 cl-p-4" }), [
+            Q(f("div", ae(a.$attrs, { class: "cl-ml-10 cl-p-4" }), [
               M(a.$slots, "default")
             ], 16), [
               [X, a.open]
@@ -121,7 +121,7 @@ const Tt = ["onClick"], Ot = { class: "cl-flex-1 cl-select-none cl-text-ellipsis
           "cl-bottom-5 cl-right-5": o.position === "bottom-right"
         }])
       }, [
-        (p(!0), b(Y, null, re(m(Ke), (e, c) => (p(), b("div", oe(o.$attrs, {
+        (p(!0), b(Y, null, re(m(Ke), (e, c) => (p(), b("div", ae(o.$attrs, {
           key: c,
           class: ["cl-break-words cl-cursor-pointer cl-flex cl-font-semibold cl-group cl-mb-2 cl-overflow-hidden cl-p-4 cl-rounded cl-shadow-lg cl-text-sm", {
             "cl-bg-white": e.colour === "default",
@@ -199,7 +199,7 @@ const _e = /* @__PURE__ */ ye(Dt, [["render", At], ["__scopeId", "data-v-a21dc5d
       Q(E(_e, { class: "relative" }, null, 512), [
         [X, e.loading]
       ]),
-      Q(f("button", oe(e.$attrs, {
+      Q(f("button", ae(e.$attrs, {
         ref_key: "buttonRef",
         ref: t,
         class: ["cl-align-middle cl-border cl-font-semibold cl-inline-block cl-rounded cl-select-none cl-shadow cl-text-center cl-transition-colors", {
@@ -355,7 +355,7 @@ const _e = /* @__PURE__ */ ye(Dt, [["render", At], ["__scopeId", "data-v-a21dc5d
       errors: d.errors
     }, Ae({
       default: R(() => [
-        Q(f("input", oe(d.$attrs, {
+        Q(f("input", ae(d.$attrs, {
           ref_key: "inputRef",
           ref: a,
           "onUpdate:modelValue": i[0] || (i[0] = (u) => e.value = u),
@@ -458,7 +458,7 @@ const Kt = /* @__PURE__ */ f("div", { tabindex: "0" }, null, -1), xt = {
               class: "cl-align-items-center cl-bg-black cl-bg-opacity-40 cl-bottom-0 cl-fixed cl-flex cl-h-full cl-justify-center cl-left-0 cl-right-0 cl-top-0 cl-w-full cl-z-40 xl:cl-h-screen"
             }, [
               Kt,
-              f("div", oe(s.$attrs, {
+              f("div", ae(s.$attrs, {
                 class: ["cl-bg-white cl-flex cl-flex-wrap cl-max-h-[calc(100%-8rem)] cl-mx-0 cl-my-auto cl-overflow-y-auto cl-overscroll-y-none cl-relative cl-rounded-lg cl-shadow-lg xl:cl-max-h-[calc(100vh-8rem)]", {
                   "lg:cl-w-2/12 cl-w-10/12": s.size === "x-small",
                   "cl-w-6/12": s.size === "small",
@@ -778,7 +778,7 @@ const Kt = /* @__PURE__ */ f("div", { tabindex: "0" }, null, -1), xt = {
     }), r = I(null), n = D(() => x()), g = I(""), y = I(""), k = I(), S = I(!0), C = I(!1);
     function T(V) {
       var ie;
-      const H = ((ie = ae.value) == null ? void 0 : ie.getBoundingClientRect().top) || 0;
+      const H = ((ie = ne.value) == null ? void 0 : ie.getBoundingClientRect().top) || 0;
       C.value = window.innerHeight - H < 280, e.disabled || (typeof V < "u" ? u.value = V : u.value = !u.value);
     }
     function L(V) {
@@ -863,8 +863,8 @@ const Kt = /* @__PURE__ */ f("div", { tabindex: "0" }, null, -1), xt = {
       g.value === "" && (V = !1), e.objectParentType !== "" && r.value === null && (V = !1), S.value = V;
     }
     le(() => e.objectCreatedResponse, () => v()), le(() => e.parentObjectCreatedResponse, () => $()), le(() => g.value, () => ge()), le(() => r.value, () => ge());
-    const ae = I();
-    return nl(ae, () => u.value ? T(!1) : ""), o({
+    const ne = I();
+    return nl(ne, () => u.value ? T(!1) : ""), o({
       focus() {
         T(), c("focus");
       }
@@ -872,7 +872,7 @@ const Kt = /* @__PURE__ */ f("div", { tabindex: "0" }, null, -1), xt = {
       const ie = Fe("cl-ui-combo-box", !0);
       return p(), b("div", {
         ref_key: "outsideRef",
-        ref: ae,
+        ref: ne,
         class: "cl-relative"
       }, [
         f("div", ro, [
@@ -1178,7 +1178,7 @@ const Eo = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, Ao = { class: "cl-gap-1
       errors: d.errors
     }, Ae({
       default: R(() => [
-        Q(f("input", oe({
+        Q(f("input", ae({
           ref_key: "inputRef",
           ref: a
         }, d.$attrs, {
@@ -1208,7 +1208,7 @@ const Eo = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, Ao = { class: "cl-gap-1
     ]), 1032, ["show-required-asterisk", "errors"]));
   }
 }), rl = /* @__PURE__ */ ye(jo, [["__scopeId", "data-v-d8bbd8db"]]);
-var ne = /* @__PURE__ */ ((l) => (l.CURRENCY = "currency", l.PERCENTAGE = "percentage", l.INTEGER = "integer", l.DECIMAL = "decimal", l.MULTIPLIER = "multiplier", l))(ne || {}), ce = /* @__PURE__ */ ((l) => (l.SHORT_DATE = "short-date", l.SHORT_DATETIME = "short-datetime", l.DATE = "date", l.DATETIME = "datetime", l.LONG_DATE = "long-date", l.LONG_DATETIME = "long-datetime", l.TIME = "time", l.MONTH_YEAR = "month-year", l))(ce || {});
+var oe = /* @__PURE__ */ ((l) => (l.CURRENCY = "currency", l.PERCENTAGE = "percentage", l.INTEGER = "integer", l.DECIMAL = "decimal", l.MULTIPLIER = "multiplier", l))(oe || {}), ce = /* @__PURE__ */ ((l) => (l.SHORT_DATE = "short-date", l.SHORT_DATETIME = "short-datetime", l.DATE = "date", l.DATETIME = "datetime", l.LONG_DATE = "long-date", l.LONG_DATETIME = "long-datetime", l.TIME = "time", l.MONTH_YEAR = "month-year", l))(ce || {});
 const zo = {
   key: 3,
   class: "cl-inline-block cl-whitespace-nowrap"
@@ -1279,7 +1279,7 @@ const zo = {
         ], 64)) : (p(), b(Y, { key: 2 }, [
           ue(N(d(u.data[u.column.field], m(ce).DATETIME)), 1)
         ], 64))
-      ], 64)) : u.column.type === "list" && u.column.field !== void 0 && u.column.listEntries !== void 0 ? (p(), b("span", zo, N(m(e)(((r = u.column.listEntries.find((n) => n.value === u.data[u.column.field])) == null ? void 0 : r.translationKey) ?? "")), 1)) : u.column.type === "number" && u.column.field !== void 0 ? (p(), b("span", Lo, N(m(a)(u.data[u.column.field], u.column.format ?? m(ne).DECIMAL)), 1)) : u.column.field !== void 0 ? (p(), b("span", Fo, [
+      ], 64)) : u.column.type === "list" && u.column.field !== void 0 && u.column.listEntries !== void 0 ? (p(), b("span", zo, N(m(e)(((r = u.column.listEntries.find((n) => n.value === u.data[u.column.field])) == null ? void 0 : r.translationKey) ?? "")), 1)) : u.column.type === "number" && u.column.field !== void 0 ? (p(), b("span", Lo, N(m(a)(u.data[u.column.field], u.column.format ?? m(oe).DECIMAL)), 1)) : u.column.field !== void 0 ? (p(), b("span", Fo, [
         f("span", {
           innerHTML: i()
         }, null, 8, Bo)
@@ -1315,7 +1315,7 @@ const zo = {
       }])
     }, [
       f("span", Po, N(u.column.caption), 1),
-      u.editMode && u.column.editable === !0 ? M(u.$slots, `${u.column.name}Edit`, de(oe({ key: 0 }, {
+      u.editMode && u.column.editable === !0 ? M(u.$slots, `${u.column.name}Edit`, de(ae({ key: 0 }, {
         cellFocused: () => e("focus"),
         column: u.column,
         edited: d.value,
@@ -1478,7 +1478,7 @@ const zo = {
           re(y.$slots, (L, B) => ({
             name: B,
             fn: R((A) => [
-              M(y.$slots, B, oe(A, { disabled: y.loading }))
+              M(y.$slots, B, ae(A, { disabled: y.loading }))
             ])
           }))
         ]), 1032, ["data", "columns", "time-zone", "search-value", "edit-mode", "class", "onClick", "onCellFocus", "onCellEdit"]))), 128)) : y.loading ? U("", !0) : (p(), b("tr", Zo, [
@@ -1608,20 +1608,20 @@ const zo = {
   }
 }, Xo = {
   "en-GB": {
-    [ne.PERCENTAGE]: {
+    [oe.PERCENTAGE]: {
       style: "percent",
       maximumFractionDigits: 2,
       minimumFractionDigits: 0
     },
-    [ne.INTEGER]: {
+    [oe.INTEGER]: {
       maximumFractionDigits: 0,
       minimumFractionDigits: 0
     },
-    [ne.DECIMAL]: {
+    [oe.DECIMAL]: {
       maximumFractionDigits: 2,
       minimumFractionDigits: 1
     },
-    [ne.CURRENCY]: {
+    [oe.CURRENCY]: {
       style: "currency",
       currency: "GBP",
       currencyDisplay: "symbol",
@@ -1687,27 +1687,27 @@ const zo = {
   fallbackWarn: !1,
   warnHtmlMessage: !1
 });
-function ai(l, o) {
+function ni(l, o) {
   return he.global.mergeLocaleMessage(l, o), Ne();
 }
-function ni(l, o) {
+function si(l, o) {
   return he.global.mergeNumberFormat(l, o), Ne();
 }
-function si(l, o) {
+function ri(l, o) {
   return he.global.mergeDateTimeFormat(l, o), Ne();
 }
-function ri(l) {
+function ii(l) {
   return he.global.locale.value = l, Ne();
 }
-const { n: la, locale: ta, getNumberFormat: oa } = he.global, il = ne.DECIMAL;
+const { n: la, locale: ta, getNumberFormat: oa } = he.global, il = oe.DECIMAL;
 function qe(l) {
-  return Ve(l, ne.DECIMAL, { additionalOptions: {
+  return Ve(l, oe.DECIMAL, { additionalOptions: {
     minimumFractionDigits: 0,
     maximumFractionDigits: 0
   } });
 }
 function el(l, o) {
-  return Ve(l, ne.DECIMAL, { additionalOptions: {
+  return Ve(l, oe.DECIMAL, { additionalOptions: {
     minimumFractionDigits: 0,
     maximumFractionDigits: o
   } });
@@ -1811,7 +1811,7 @@ function ze(l, o) {
   };
 }
 function cl(l) {
-  return na(l) ? l : ne.CURRENCY;
+  return na(l) ? l : oe.CURRENCY;
 }
 function Xe(l) {
   return l.includes("{0}");
@@ -1831,7 +1831,7 @@ function sa(l) {
       from: "@iconify/vue"
     };
 }
-function ii() {
+function ci() {
   return sa;
 }
 const { t: we } = he.global;
@@ -1968,7 +1968,7 @@ const da = ["value", "inputmode", "required", "disabled", "placeholder"], pa = {
   __name: "cl-ui-input-number",
   props: /* @__PURE__ */ ve({
     errors: { default: () => [] },
-    format: { default: ne.DECIMAL },
+    format: { default: oe.DECIMAL },
     locale: { default: null },
     currency: { default: null },
     required: { type: Boolean, default: !1 },
@@ -1997,7 +1997,7 @@ const da = ["value", "inputmode", "required", "disabled", "placeholder"], pa = {
     })), y = D(() => e.format ? Il(e.format, {
       locale: e.locale,
       additionalOptions: g.value
-    }) : g.value), k = D(() => Math.pow(10, y.value.maximumFractionDigits ?? 0)), S = D(() => Math.pow(10, e.format === ne.PERCENTAGE ? 2 : 0)), C = D(() => k.value * S.value), T = I(void 0);
+    }) : g.value), k = D(() => Math.pow(10, y.value.maximumFractionDigits ?? 0)), S = D(() => Math.pow(10, e.format === oe.PERCENTAGE ? 2 : 0)), C = D(() => k.value * S.value), T = I(void 0);
     le(c, () => T.value = void 0);
     const L = D({
       get: () => T.value ? q(T.value) : c.value,
@@ -2014,7 +2014,7 @@ const da = ["value", "inputmode", "required", "disabled", "placeholder"], pa = {
         c.value = null;
       else if (v !== "") {
         let _ = typeof v == "number" ? v : q(v);
-        $ && e.format === ne.PERCENTAGE && (_ = _ / S.value), isNaN(_) === !1 && (c.value = A(Math.round(_ * C.value) / C.value));
+        $ && e.format === oe.PERCENTAGE && (_ = _ / S.value), isNaN(_) === !1 && (c.value = A(Math.round(_ * C.value) / C.value));
       }
     }
     function O(v) {
@@ -2054,14 +2054,14 @@ const da = ["value", "inputmode", "required", "disabled", "placeholder"], pa = {
             ref: i,
             class: "cl-relative cl-w-full"
           }, [
-            (p(), b("input", oe(v.$attrs, {
+            (p(), b("input", ae(v.$attrs, {
               ref_key: "inputRef",
               ref: u,
               key: d.value,
               value: B.value,
               class: "cl-bg-white cl-border cl-border-grey-2 cl-outline-none cl-p-1 cl-px-2 cl-rounded-lg cl-transition-colors disabled:cl-bg-grey-1 disabled:cl-border-grey-2 disabled:cl-placeholder-grey-3 focus-within:cl-border-link-light hover:cl-border-grey-3",
               type: "text",
-              inputmode: v.format === m(ne).DECIMAL && v.precision === 0 ? "numeric" : "decimal",
+              inputmode: v.format === m(oe).DECIMAL && v.precision === 0 ? "numeric" : "decimal",
               required: v.required,
               disabled: v.disabled,
               placeholder: v.placeholder ?? void 0,
@@ -2422,7 +2422,7 @@ const Ma = {
         _: 1
       }, 8, ["disabled", "class"]))
     ])) : (p(), b("div", Ra, [
-      f("input", oe({
+      f("input", ae({
         ref_key: "element",
         ref: e
       }, i.$attrs, {
@@ -2714,7 +2714,7 @@ const Ma = {
       popover: s.value
     }, {
       default: R(({ inputValue: O, inputEvents: q }) => [
-        E(Ue, oe(A.$attrs, {
+        E(Ue, ae(A.$attrs, {
           ref_key: "input",
           ref: n,
           date: O,
@@ -2748,7 +2748,7 @@ const Ma = {
       onDayclick: z[4] || (z[4] = (O) => y.value = null)
     }, {
       default: R(({ togglePopover: O }) => [
-        E(Ue, oe(A.$attrs, {
+        E(Ue, ae(A.$attrs, {
           ref_key: "input",
           ref: n,
           type: A.type,
@@ -2793,7 +2793,7 @@ const Ma = {
       popover: s.value
     }, {
       default: R(({ inputValue: O, inputEvents: q }) => [
-        E(Ue, oe(A.$attrs, {
+        E(Ue, ae(A.$attrs, {
           ref_key: "input",
           ref: n,
           date: O,
@@ -2864,7 +2864,7 @@ const Ma = {
             }, N(m(el)(n.min, n.precision)), 9, Qa),
             f("div", Ya, [
               Q(f("div", _a, [
-                Q(f("input", oe({
+                Q(f("input", ae({
                   ref_key: "sliderRef",
                   ref: a,
                   "onUpdate:modelValue": g[1] || (g[1] = (k) => e.value = k)
@@ -2888,7 +2888,7 @@ const Ma = {
               ], 512), [
                 [X, u.value === !1]
               ]),
-              Q(E(Be, oe({
+              Q(E(Be, ae({
                 ref_key: "inputRef",
                 ref: d,
                 modelValue: e.value,
@@ -2995,7 +2995,7 @@ const Ma = {
             popover: r.value
           }, {
             default: R(({ inputValue: T, inputEvents: L }) => [
-              E(Ue, oe(k.$attrs, {
+              E(Ue, ae(k.$attrs, {
                 ref_key: "input",
                 ref: g,
                 date: T,
@@ -3028,7 +3028,7 @@ const Ma = {
             popover: r.value
           }, {
             default: R(({ inputValue: T, inputEvents: L }) => [
-              E(Ue, oe(k.$attrs, {
+              E(Ue, ae(k.$attrs, {
                 ref_key: "input",
                 ref: g,
                 date: T,
@@ -3157,7 +3157,7 @@ const Ma = {
         var s;
         (s = a.value) == null || s.focus();
       }
-    }), (s, r) => i.value ? (p(), b("div", de(oe({ key: 0 }, s.$attrs)), [
+    }), (s, r) => i.value ? (p(), b("div", de(ae({ key: 0 }, s.$attrs)), [
       f("div", cn, [
         f("span", {
           class: j(["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", {
@@ -3165,7 +3165,7 @@ const Ma = {
             "cl-bg-grey-0": s.disabled
           }]),
           onClick: r[0] || (r[0] = (n) => e.value = s.disabled ? e.value : s.min)
-        }, N(Number.isInteger(s.min) ? m(qe)(s.min) : m(Ve)(s.min, m(ne).DECIMAL)), 3),
+        }, N(Number.isInteger(s.min) ? m(qe)(s.min) : m(Ve)(s.min, m(oe).DECIMAL)), 3),
         f("div", un, [
           u.value ? (p(), W(Be, {
             key: 0,
@@ -3174,8 +3174,8 @@ const Ma = {
             modelValue: e.value,
             "onUpdate:modelValue": r[1] || (r[1] = (n) => e.value = n),
             class: "cl-min-w-[8.5rem] cl-w-full",
-            format: m(ne).DECIMAL,
-            precision: Number.isInteger(s.min) ? 0 : m(Il)(m(ne).DECIMAL).maximumFractionDigits,
+            format: m(oe).DECIMAL,
+            precision: Number.isInteger(s.min) ? 0 : m(Il)(m(oe).DECIMAL).maximumFractionDigits,
             min: s.min,
             max: s.max,
             step: s.step,
@@ -3205,7 +3205,7 @@ const Ma = {
                 { number: !0 }
               ]
             ]),
-            f("div", fn, N(Number.isInteger(e.value) ? m(qe)(e.value) : m(Ve)(e.value, m(ne).DECIMAL)), 1)
+            f("div", fn, N(Number.isInteger(e.value) ? m(qe)(e.value) : m(Ve)(e.value, m(oe).DECIMAL)), 1)
           ], 64))
         ]),
         f("span", {
@@ -3214,7 +3214,7 @@ const Ma = {
             "cl-bg-grey-0": s.disabled
           }]),
           onClick: r[3] || (r[3] = (n) => e.value = s.disabled ? e.value : s.max)
-        }, N(Number.isInteger(s.max) ? m(qe)(s.max) : m(Ve)(s.max, m(ne).DECIMAL)), 3),
+        }, N(Number.isInteger(s.max) ? m(qe)(s.max) : m(Ve)(s.max, m(oe).DECIMAL)), 3),
         f("div", mn, [
           f("div", {
             class: "cl-bg-white cl-border cl-border-transparent cl-cursor-pointer cl-float-right cl-p-1.5 cl-px-2 cl-rounded-full cl-shadow cl-text-xs hover:cl-border-grey-1",
@@ -3406,7 +3406,7 @@ const wn = { class: "cl-flex cl-justify-between" }, kn = { class: "cl-w-full" },
         c("input", F, a.value.valueAsNumber), c("change", w, a.value.valueAsNumber);
       }
     }
-    function ae(w) {
+    function ne(w) {
       if (a.value) {
         a.value.stepDown(), a.value.focus(), v(a.value.valueAsNumber, !1);
         const F = {
@@ -3454,7 +3454,7 @@ const wn = { class: "cl-flex cl-justify-between" }, kn = { class: "cl-w-full" },
         var w, F;
         e.inputType === "currency" ? (w = d == null ? void 0 : d.value) == null || w.blur() : (F = a.value) == null || F.blur();
       }
-    }), (w, F) => (p(), b("div", oe({ ...w.$attrs, id: void 0 }, {
+    }), (w, F) => (p(), b("div", ae({ ...w.$attrs, id: void 0 }, {
       key: n.value,
       class: "cl-align-top cl-border-none cl-inline-block cl-text-left"
     }), [
@@ -3471,7 +3471,7 @@ const wn = { class: "cl-flex cl-justify-between" }, kn = { class: "cl-w-full" },
           s.value ? (p(), b("label", $n, " * ")) : w.isRequired && w.requiredText.length ? (p(), b("label", Cn, N(w.requiredText), 1)) : U("", !0)
         ]),
         w.inputType !== "range" && w.inputType !== "currency" && !m(kl)(w.inputType) ? (p(), b("div", Tn, [
-          Q(f("input", oe({
+          Q(f("input", ae({
             ref_key: "inputElement",
             ref: a,
             "onUpdate:modelValue": F[0] || (F[0] = (K) => g.value = K)
@@ -3524,7 +3524,7 @@ const wn = { class: "cl-flex cl-justify-between" }, kn = { class: "cl-w-full" },
                 E(m(G), {
                   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: ae,
+                  onClick: ne,
                   onMousedown: F[5] || (F[5] = ee(() => {
                   }, ["prevent"]))
                 })
@@ -3535,7 +3535,7 @@ const wn = { class: "cl-flex cl-justify-between" }, kn = { class: "cl-w-full" },
             _: 1
           })
         ])) : w.inputType === "currency" ? (p(), b("div", Sn, [
-          E(sn, oe({
+          E(sn, ae({
             ref_key: "currencyInputRef",
             ref: d,
             modelValue: g.value,
@@ -3554,7 +3554,7 @@ const wn = { class: "cl-flex cl-justify-between" }, kn = { class: "cl-w-full" },
             onFocus: F[8] || (F[8] = (K) => c("focus")),
             onBlur: H
           }), null, 16, ["modelValue", "disabled", "placeholder", "is-valid", "highlight-when-valid", "input-specific-classes", "group", "step", "currency-options"])
-        ])) : m(kl)(w.inputType) ? (p(), W(m(Ga), oe({ key: 2 }, w.$attrs, {
+        ])) : m(kl)(w.inputType) ? (p(), W(m(Ga), ae({ key: 2 }, w.$attrs, {
           ref_key: "inputElement",
           ref: a,
           date: y.value,
@@ -3868,10 +3868,13 @@ const Fn = {
 }), Kn = {
   key: 0,
   class: "cl-border cl-border-grey-2 cl-flex cl-overflow-hidden cl-rounded-md lg:cl-overflow-visible"
-}, xn = ["id", "disabled"], Qn = /* @__PURE__ */ f("option", { value: void 0 }, null, -1), Yn = ["selected"], _n = ["selected"], Jn = /* @__PURE__ */ f("span", null, null, -1), Xn = {
+}, xn = ["id", "disabled"], Qn = /* @__PURE__ */ f("option", { value: void 0 }, null, -1), Yn = ["selected"], _n = ["selected"], Jn = {
+  key: 3,
+  class: "cl-w-full"
+}, Xn = /* @__PURE__ */ f("span", null, null, -1), es = {
   key: 4,
   class: "cl-w-full"
-}, es = /* @__PURE__ */ f("span", null, null, -1), ls = ["id", "disabled"], ts = /* @__PURE__ */ f("option", { value: void 0 }, null, -1), os = ["value", "selected"], as = /* @__PURE__ */ P({
+}, ls = /* @__PURE__ */ f("span", null, null, -1), ts = ["id", "disabled"], os = /* @__PURE__ */ f("option", { value: void 0 }, null, -1), as = ["value", "selected"], ns = /* @__PURE__ */ P({
   __name: "cl-ui-grid-filter",
   props: {
     loading: { type: Boolean },
@@ -3892,7 +3895,7 @@ const Fn = {
       set: (h) => e("update:filter", h)
     }), s = D(() => t.column.type === "date" || t.column.type === "datetime" || t.column.type === "slot" && (t.column.slotType === "date" || t.column.slotType === "datetime")), r = D(() => t.column.type === "dateRange" || t.column.type === "slot" && t.column.slotType === "dateRange"), n = D(() => t.column.type === "list" || t.column.type === "slot" && t.column.slotType === "list"), g = D(() => n.value && t.column.listType === "number"), y = D({
       get() {
-        var v, $, _, x, ge, ae, V;
+        var v, $, _, x, ge, ne, V;
         let h = (v = u.value) == null ? void 0 : v[0];
         if (h) {
           if (s.value) {
@@ -3916,7 +3919,7 @@ const Fn = {
               };
             }
           } else if (r.value && (((ge = t.filter) == null ? void 0 : ge.length) ?? 0) > 1) {
-            const H = (ae = u.value) == null ? void 0 : ae.find((te) => te.filterOperation === J.EQUAL_OR_GREATER_THAN), ie = (V = u.value) == null ? void 0 : V.find((te) => te.filterOperation === J.EQUAL_OR_LESS_THAN);
+            const H = (ne = u.value) == null ? void 0 : ne.find((te) => te.filterOperation === J.EQUAL_OR_GREATER_THAN), ie = (V = u.value) == null ? void 0 : V.find((te) => te.filterOperation === J.EQUAL_OR_LESS_THAN);
             H && ie && (h = {
               filterOnColumn: t.column.field,
               filterOperation: J.EQUAL,
@@ -3935,15 +3938,15 @@ const Fn = {
         if (s.value) {
           const $ = h, _ = ($ == null ? void 0 : $.filterMethod) && S($.filterMethod, $.filterValue, "equal"), x = ($ == null ? void 0 : $.filterMethod) && S($.filterMethod, $.filterValue, "equalorlessthan"), ge = ($ == null ? void 0 : $.filterMethod) && S($.filterMethod, $.filterValue, "greaterthan");
           if (_) {
-            let ae = Z.fromISO($.filterValue, {
+            let ne = Z.fromISO($.filterValue, {
               zone: t.timeZone ?? "UTC"
             }).set({
               second: 0,
               millisecond: 0
             });
-            const V = ae.toISO();
-            t.column.type === "date" || t.column.type === "slot" && t.column.slotType === "date" ? ae = ae.plus({ days: 1 }) : ae = ae.plus({ minutes: 1 });
-            const H = ae.toISO();
+            const V = ne.toISO();
+            t.column.type === "date" || t.column.type === "slot" && t.column.slotType === "date" ? ne = ne.plus({ days: 1 }) : ne = ne.plus({ minutes: 1 });
+            const H = ne.toISO();
             v = [
               {
                 filterOnColumn: t.column.field,
@@ -3959,18 +3962,18 @@ const Fn = {
               }
             ];
           } else if (x || ge) {
-            let ae = Z.fromISO($.filterValue, {
+            let ne = Z.fromISO($.filterValue, {
               zone: t.timeZone ?? "UTC"
             }).set({
               second: 0,
               millisecond: 0
             });
-            t.column.type === "date" || t.column.type === "slot" && t.column.slotType === "date" ? ae = ae.plus({ days: 1 }) : ae = ae.plus({ minutes: 1 }), v = [
+            t.column.type === "date" || t.column.type === "slot" && t.column.slotType === "date" ? ne = ne.plus({ days: 1 }) : ne = ne.plus({ minutes: 1 }), v = [
               {
                 filterOnColumn: t.column.field,
                 filterOperation: x ? J.EQUAL_OR_LESS_THAN : J.GREATER_THAN,
                 filterMethod: x ? "equalorlessthan" : "greaterthan",
-                filterValue: ae.minus({ milliseconds: 1 }).toISO()
+                filterValue: ne.minus({ milliseconds: 1 }).toISO()
               }
             ];
           }
@@ -4024,11 +4027,11 @@ const Fn = {
       if (y.value)
         _ = ((ge = y.value) == null ? void 0 : ge.filterValue) === x, $ = pe(k.value), $.filterValue = x;
       else if (x !== "" && typeof t.column.field < "u") {
-        const ae = i();
+        const ne = i();
         $ = {
           filterOnColumn: t.column.field,
-          filterMethod: J[ae].replace("_", "").toLowerCase(),
-          filterOperation: ae,
+          filterMethod: J[ne].replace("_", "").toLowerCase(),
+          filterOperation: ne,
           filterValue: x
         };
       } else
@@ -4038,7 +4041,7 @@ const Fn = {
     function z(h, v) {
       let $ = (h == null ? void 0 : h.value) ?? v ?? 0;
       if (typeof $ == "string") {
-        const _ = t.column.format === ne.INTEGER, x = _ ? ne.DECIMAL : t.column.format;
+        const _ = t.column.format === oe.INTEGER, x = (_ ? oe.DECIMAL : t.column.format) ?? oe.DECIMAL;
         $ = Nl($, x, { additionalOptions: {
           maximumFractionDigits: _ ? 0 : void 0,
           minimumFractionDigits: _ ? 0 : void 0
@@ -4102,25 +4105,26 @@ const Fn = {
         "time-zone": h.headerDisplayTimezone,
         "quick-date-scope": h.quickDateScope,
         "onUpdate:modelValue": v[2] || (v[2] = ($) => O($))
-      }, null, 8, ["id", "model-value", "disabled", "time-zone", "quick-date-scope"])) : h.column.type === "number" || h.column.type === "slot" && h.column.slotType === "number" ? (p(), W(Be, {
-        key: 3,
-        id: `${m(q)}-${h.column.name}`,
-        "model-value": C.value === "" || isNaN(+C.value) ? null : +C.value,
-        format: h.column.format === m(ne).INTEGER ? m(ne).DECIMAL : h.column.format,
-        precision: m(a)(m(d))[h.column.format ?? m(ne).DECIMAL].maximumFractionDigits,
-        class: "cl-border-none cl-font-normal cl-h-[2rem] cl-mb-0 cl-text-xs cl-w-full lg:cl-text-base",
-        disabled: h.loading,
-        readonly: h.loading,
-        "show-arrows": !1,
-        "allow-empty": !0,
-        "show-currency-symbol": !1,
-        "onUpdate:modelValue": v[3] || (v[3] = ($) => $ !== null ? z(null, $) : A(null, ""))
-      }, {
-        default: R(() => [
-          Jn
-        ]),
-        _: 1
-      }, 8, ["id", "model-value", "format", "precision", "disabled", "readonly"])) : h.column.type === "string" || h.column.type === "slot" && h.column.slotType === "string" ? (p(), b("div", Xn, [
+      }, null, 8, ["id", "model-value", "disabled", "time-zone", "quick-date-scope"])) : h.column.type === "number" || h.column.type === "slot" && h.column.slotType === "number" ? (p(), b("div", Jn, [
+        E(Be, {
+          id: `${m(q)}-${h.column.name}`,
+          "model-value": C.value === "" || isNaN(+C.value) ? null : +C.value,
+          format: h.column.format === m(oe).INTEGER ? m(oe).DECIMAL : h.column.format,
+          precision: m(a)(m(d))[h.column.format ?? m(oe).DECIMAL].maximumFractionDigits,
+          class: "cl-border-none cl-font-normal cl-h-[2rem] cl-mb-0 cl-text-xs cl-w-full lg:cl-text-base",
+          disabled: h.loading,
+          readonly: h.loading,
+          "show-arrows": !1,
+          "allow-empty": !0,
+          "show-currency-symbol": !1,
+          "onUpdate:modelValue": v[3] || (v[3] = ($) => $ !== null ? z(null, $) : A(null, ""))
+        }, {
+          default: R(() => [
+            Xn
+          ]),
+          _: 1
+        }, 8, ["id", "model-value", "format", "precision", "disabled", "readonly"])
+      ])) : h.column.type === "string" || h.column.type === "slot" && h.column.slotType === "string" ? (p(), b("div", es, [
         E(Se, {
           id: `${m(q)}-${h.column.name}`,
           "model-value": C.value,
@@ -4129,7 +4133,7 @@ const Fn = {
           "onUpdate:modelValue": v[4] || (v[4] = ($) => A(null, $))
         }, {
           default: R(() => [
-            es
+            ls
           ]),
           _: 1
         }, 8, ["id", "model-value", "disabled"])
@@ -4140,13 +4144,13 @@ const Fn = {
         disabled: h.loading,
         onChange: v[5] || (v[5] = ($) => g.value ? z($.target) : A($.target))
       }, [
-        ts,
+        os,
         (p(!0), b(Y, null, re(h.column.listEntries ?? [], ($) => (p(), b("option", {
           key: $.value,
           value: $.value,
           selected: C.value === $.value.toString()
-        }, N(m(c)($.translationKey)), 9, os))), 128))
-      ], 40, ls)) : U("", !0),
+        }, N(m(c)($.translationKey)), 9, as))), 128))
+      ], 40, ts)) : U("", !0),
       r.value ? U("", !0) : (p(), W(Gn, {
         key: 6,
         filter: k.value,
@@ -4157,7 +4161,7 @@ const Fn = {
       }, null, 8, ["filter", "loading", "column", "default-operation"]))
     ])) : U("", !0);
   }
-}), ns = { 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" }, ss = { class: "cl-hidden lg:cl-table-row" }, rs = ["onClick"], is = { class: "cl-flex cl-justify-end cl-w-full lg:cl-hidden" }, cs = { class: "cl-col-span-2 lg:cl-hidden" }, us = ["onClick"], ds = { class: "cl-font-normal cl-mr-1" }, ps = /* @__PURE__ */ P({
+}), ss = { 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" }, rs = { class: "cl-hidden lg:cl-table-row" }, is = ["onClick"], cs = { class: "cl-flex cl-justify-end cl-w-full lg:cl-hidden" }, us = { class: "cl-col-span-2 lg:cl-hidden" }, ds = ["onClick"], ps = { class: "cl-font-normal cl-mr-1" }, fs = /* @__PURE__ */ P({
   __name: "cl-ui-grid-header",
   props: {
     request: {},
@@ -4195,8 +4199,8 @@ const Fn = {
         ], r.pageNumber = 1, a.value = r;
       }
     }
-    return (s, r) => (p(), b("thead", ns, [
-      f("tr", ss, [
+    return (s, r) => (p(), b("thead", ss, [
+      f("tr", rs, [
         (p(!0), b(Y, null, re(s.columns, (n, g) => (p(), b("th", {
           key: g,
           class: j(["cl-text-grey-3 cl-text-sm", {
@@ -4218,14 +4222,14 @@ const Fn = {
           }, null, 512), [
             [X, d(n, !1)]
           ])
-        ], 10, rs))), 128))
+        ], 10, is))), 128))
       ]),
       f("tr", {
         class: j(["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
         }])
       }, [
-        f("div", is, [
+        f("div", cs, [
           E(m(G), {
             class: "cl-text-grey-4 hover:cl-cursor-pointer hover:cl-text-link-default",
             icon: "ph:x",
@@ -4239,13 +4243,13 @@ const Fn = {
             "cl-hidden lg:cl-table-cell": !m(sl)(n)
           }])
         }, [
-          f("div", cs, N(n.caption), 1),
+          f("div", us, N(n.caption), 1),
           m(Ze)(n) ? (p(), b("div", {
             key: 0,
             class: "cl-col-span-2 cl-gap-1 cl-span lg:cl-hidden",
             onClick: (y) => s.loading === !1 ? i(n.field) : void 0
           }, [
-            f("span", ds, N(m(c)("grid.sortBy")), 1),
+            f("span", ps, N(m(c)("grid.sortBy")), 1),
             d(n, !0) ? (p(), W(m(G), {
               key: 0,
               class: "cl-cursor-pointer cl-inline-block",
@@ -4259,8 +4263,8 @@ const Fn = {
               class: "cl-cursor-pointer cl-inline-block",
               icon: "ph:minus"
             }))
-          ], 8, us)) : U("", !0),
-          E(as, {
+          ], 8, ds)) : U("", !0),
+          E(ns, {
             class: "cl-col-span-4",
             loading: s.loading,
             filter: a.value.filters.filter((y) => y.filterOnColumn === n.field),
@@ -4274,7 +4278,7 @@ const Fn = {
       ], 2)
     ]));
   }
-}), fs = { class: "cl-flex cl-mb-2" }, ms = { class: "cl-basis-full cl-grow" }, gs = /* @__PURE__ */ f("span", null, null, -1), vs = /* @__PURE__ */ P({
+}), ms = { class: "cl-flex cl-mb-2" }, gs = { class: "cl-basis-full cl-grow" }, vs = /* @__PURE__ */ f("span", null, null, -1), bs = /* @__PURE__ */ P({
   __name: "cl-ui-grid-search",
   props: /* @__PURE__ */ ve({
     columns: {},
@@ -4308,8 +4312,8 @@ const Fn = {
     return (u, s) => {
       const r = Fe("icon");
       return M(u.$slots, "search", de(fe({ searchValue: e.value, performSearch: d })), () => [
-        f("div", fs, [
-          f("div", ms, [
+        f("div", ms, [
+          f("div", gs, [
             E(Se, {
               modelValue: e.value,
               "onUpdate:modelValue": s[0] || (s[0] = (n) => e.value = n),
@@ -4320,7 +4324,7 @@ const Fn = {
               onBlur: s[2] || (s[2] = (n) => d(e.value))
             }, {
               default: R(() => [
-                gs
+                vs
               ]),
               _: 1
             }, 8, ["modelValue", "placeholder"])
@@ -4334,7 +4338,7 @@ const Fn = {
       ]);
     };
   }
-}), bs = { class: "cl-fixed cl-flex cl-h-full cl-justify-end cl-right-0 cl-shadow-lg cl-top-0 cl-z-40" }, hs = { 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" }, ys = { class: "cl-mb-4 cl-text-2xl cl-text-off-white" }, ws = { class: "cl-border-grey-3 cl-border-t cl-flex cl-flex-wrap cl-text-sm cl-w-full" }, ks = { class: "cl-border-b cl-border-grey-2 cl-flex cl-py-2 cl-text-sm cl-w-full" }, $s = { class: "cl-flex-1 cl-py-2" }, Cs = { class: "cl-py-2 cl-w-1/4" }, Ts = { class: "cl-py-2 cl-w-1/5" }, Os = { class: "cl-flex-1 cl-py-2" }, qs = { class: "cl-py-2 cl-w-1/4" }, Ss = { class: "cl-py-2 cl-text-off-white cl-w-1/5" }, Ds = { key: 1 }, Es = /* @__PURE__ */ P({
+}), hs = { class: "cl-fixed cl-flex cl-h-full cl-justify-end cl-right-0 cl-shadow-lg cl-top-0 cl-z-40" }, ys = { 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" }, ws = { class: "cl-mb-4 cl-text-2xl cl-text-off-white" }, ks = { class: "cl-border-grey-3 cl-border-t cl-flex cl-flex-wrap cl-text-sm cl-w-full" }, $s = { class: "cl-border-b cl-border-grey-2 cl-flex cl-py-2 cl-text-sm cl-w-full" }, Cs = { class: "cl-flex-1 cl-py-2" }, Ts = { class: "cl-py-2 cl-w-1/4" }, Os = { class: "cl-py-2 cl-w-1/5" }, qs = { class: "cl-flex-1 cl-py-2" }, Ss = { class: "cl-py-2 cl-w-1/4" }, Ds = { class: "cl-py-2 cl-text-off-white cl-w-1/5" }, Es = { key: 1 }, As = /* @__PURE__ */ P({
   inheritAttrs: !1,
   __name: "cl-ui-grid-view-manager",
   props: {
@@ -4356,7 +4360,7 @@ const Fn = {
       d(n, s, g), e("update:columns", n);
     }
     return (s, r) => (p(), b(Y, null, [
-      E(be, oe(s.$attrs, {
+      E(be, ae(s.$attrs, {
         class: "cl-w-full",
         size: "small",
         disabled: s.loading,
@@ -4370,33 +4374,33 @@ const Fn = {
       (p(), W(ol, { to: "body" }, [
         E(Ce, { name: "slide-left" }, {
           default: R(() => [
-            Q(f("div", bs, [
-              f("div", hs, [
+            Q(f("div", hs, [
+              f("div", ys, [
                 E(m(G), {
                   class: "cl-absolute cl-cursor-pointer cl-right-3 cl-text-off-white cl-top-3",
                   icon: "ph:x",
                   size: 16,
                   onClick: r[1] || (r[1] = (n) => a.value = !1)
                 }),
-                f("h3", ys, N(m(c)("grid.manageView")), 1),
-                f("ul", ws, [
-                  f("li", ks, [
-                    f("strong", $s, N(m(c)("grid.column")), 1),
-                    f("strong", Cs, N(m(c)("grid.visible")), 1),
-                    f("strong", Ts, N(m(c)("grid.order")), 1)
+                f("h3", ws, N(m(c)("grid.manageView")), 1),
+                f("ul", ks, [
+                  f("li", $s, [
+                    f("strong", Cs, N(m(c)("grid.column")), 1),
+                    f("strong", Ts, N(m(c)("grid.visible")), 1),
+                    f("strong", Os, N(m(c)("grid.order")), 1)
                   ]),
                   (p(!0), b(Y, null, re(s.columns, (n, g) => (p(), b("li", {
                     key: g,
                     class: "cl-border-b cl-border-grey-2 cl-flex cl-py-2 cl-text-sm cl-w-full"
                   }, [
-                    f("div", Os, N(n.caption), 1),
-                    f("div", qs, [
+                    f("div", qs, N(n.caption), 1),
+                    f("div", Ss, [
                       E(rl, {
                         "model-value": n.visible === void 0 || n.visible === !0,
                         "onUpdate:modelValue": (y) => i(y, n)
                       }, null, 8, ["model-value", "onUpdate:modelValue"])
                     ]),
-                    f("div", Ss, [
+                    f("div", Ds, [
                       n.visible === void 0 || n.visible === !0 ? (p(), b(Y, { key: 0 }, [
                         g !== 0 ? (p(), W(m(G), {
                           key: 0,
@@ -4410,7 +4414,7 @@ const Fn = {
                           icon: "ph:arrow-right",
                           onClick: (y) => u(g, "up")
                         }, null, 8, ["onClick"])) : U("", !0)
-                      ], 64)) : (p(), b("em", Ds, N(m(c)("grid.hidden")), 1))
+                      ], 64)) : (p(), b("em", Es, N(m(c)("grid.hidden")), 1))
                     ])
                   ]))), 128))
                 ])
@@ -4424,7 +4428,7 @@ const Fn = {
       ]))
     ], 64));
   }
-}), As = { class: "cl-relative cl-w-full grid-wrapper lg:cl-min-h-fit" }, Vs = { class: "cl-absolute cl-flex cl-items-center cl-justify-center cl-min-h-full cl-p-28 cl-pt-0 cl-w-full" }, Ns = { class: "cl-overflow-x-auto cl-overscroll-x-none cl-pt-1" }, Is = { class: "cl-hidden lg:cl-table-column-group" }, Ms = /* @__PURE__ */ P({
+}), Vs = { class: "cl-relative cl-w-full grid-wrapper lg:cl-min-h-fit" }, Ns = { class: "cl-absolute cl-flex cl-items-center cl-justify-center cl-min-h-full cl-p-28 cl-pt-0 cl-w-full" }, Is = { class: "cl-overflow-x-auto cl-overscroll-x-none cl-pt-1" }, Ms = { class: "cl-hidden lg:cl-table-column-group" }, Rs = /* @__PURE__ */ P({
   __name: "cl-ui-grid",
   props: {
     columns: {},
@@ -4497,8 +4501,8 @@ const Fn = {
         };
       }
     }), A = I(((O = t.request.filters.find((q) => q.filterMethod === "andcontains" || q.filterOperation === J.AND_CONTAINS)) == null ? void 0 : O.filterValue) ?? ""), z = D(() => t.columns.filter((q) => (q.type === "string" || q.type === "slot" && q.slotType === "string") && q.searchable));
-    return (q, h) => (p(), b("div", As, [
-      z.value.length > 0 ? (p(), W(vs, {
+    return (q, h) => (p(), b("div", Vs, [
+      z.value.length > 0 ? (p(), W(bs, {
         key: 0,
         "search-value": A.value,
         "onUpdate:searchValue": h[0] || (h[0] = (v) => A.value = v),
@@ -4513,7 +4517,7 @@ const Fn = {
       }, 8, ["search-value", "request", "columns"])) : U("", !0),
       E(Ce, { name: "fade" }, {
         default: R(() => [
-          Q(f("div", Vs, [
+          Q(f("div", Ns, [
             E(_e, { class: "after:!cl-h-20 after:!cl-w-20 cl-h-20 cl-w-20" })
           ], 512), [
             [X, q.loading]
@@ -4536,7 +4540,7 @@ const Fn = {
           M(q.$slots, "additional-grid-actions", de(fe(v)))
         ]),
         "view-manager": R(() => [
-          E(Es, {
+          E(As, {
             columns: i.value,
             "onUpdate:columns": h[2] || (h[2] = (v) => i.value = v),
             loading: q.loading
@@ -4544,20 +4548,20 @@ const Fn = {
         ]),
         _: 3
       }, 8, ["edit-mode", "filter-panel-open", "columns", "options", "request", "loading"]),
-      f("div", Ns, [
+      f("div", Is, [
         f("table", {
           class: j(["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": q.loading
           }])
         }, [
-          f("colgroup", Is, [
+          f("colgroup", Ms, [
             (p(!0), b(Y, null, re(u.value, (v, $) => (p(), b("col", {
               key: $,
               style: Jl(n(v.name)),
               span: 1
             }, null, 4))), 128))
           ]),
-          E(ps, {
+          E(fs, {
             request: B.value,
             "onUpdate:request": h[5] || (h[5] = (v) => B.value = v),
             "filter-panel-open": T.value,
@@ -4602,7 +4606,7 @@ const Fn = {
       }, null, 8, ["request", "loading", "show-unsaved-changes-warning", "data"])
     ]));
   }
-}), Rs = { class: "cl-absolute cl-bg-secondary-default cl-flex cl-h-20 cl-items-center cl-justify-between cl-left-0 cl-top-0 cl-w-full cl-z-40" }, Us = /* @__PURE__ */ P({
+}), Us = { class: "cl-absolute cl-bg-secondary-default cl-flex cl-h-20 cl-items-center cl-justify-between cl-left-0 cl-top-0 cl-w-full cl-z-40" }, js = /* @__PURE__ */ P({
   __name: "cl-ui-header",
   props: {
     isOpen: { type: Boolean }
@@ -4612,7 +4616,7 @@ const Fn = {
     const t = l, e = o, c = I();
     return nl(c, () => {
       (t.isOpen ?? !1) && e("open-click");
-    }), (a, d) => (p(), b("header", Rs, [
+    }), (a, d) => (p(), b("header", Us, [
       M(a.$slots, "logo"),
       f("div", {
         ref_key: "headerMenuElement",
@@ -4625,15 +4629,15 @@ const Fn = {
       ], 512)
     ]));
   }
-}), js = { class: "cl-bg-transparent cl-flex cl-items-center cl-select-none hover:cl-bg-opacity-10 hover:cl-bg-white md:cl-min-w-[320px]" }, zs = ["src"], Ls = {
+}), zs = { class: "cl-bg-transparent cl-flex cl-items-center cl-select-none hover:cl-bg-opacity-10 hover:cl-bg-white md:cl-min-w-[320px]" }, Ls = ["src"], Fs = {
   key: 0,
   id: "cl-ui-header-menu-username",
   class: "cl-text-ellipsis cl-whitespace-nowrap"
-}, Fs = {
+}, Bs = {
   key: 1,
   id: "cl-ui-header-menu-group",
   class: "cl-text-ellipsis cl-text-xs cl-whitespace-nowrap"
-}, Bs = { class: "cl-content-center cl-flex cl-h-20 cl-items-center cl-justify-center cl-justify-items-center cl-transition-all cl-w-10 md:cl-ml-4 md:cl-w-20" }, Ps = { class: "cl-absolute cl-bg-white cl-right-0 cl-shadow-2xl cl-top-20 cl-w-full cl-z-20" }, Hs = /* @__PURE__ */ P({
+}, Ps = { class: "cl-content-center cl-flex cl-h-20 cl-items-center cl-justify-center cl-justify-items-center cl-transition-all cl-w-10 md:cl-ml-4 md:cl-w-20" }, Hs = { class: "cl-absolute cl-bg-white cl-right-0 cl-shadow-2xl cl-top-20 cl-w-full cl-z-20" }, Ws = /* @__PURE__ */ P({
   __name: "cl-ui-header-menu",
   props: {
     username: { default: "" },
@@ -4649,12 +4653,12 @@ const Fn = {
         "cl-bg-blue-light": o.colour === "secondary"
       }])
     }, [
-      f("div", js, [
+      f("div", zs, [
         o.image ? (p(), b("img", {
           key: 0,
           src: o.image,
           class: "cl-hidden cl-m-4 cl-max-h-12 cl-max-w-12 cl-ring-2 cl-ring-white cl-rounded-full md:cl-block"
-        }, null, 8, zs)) : (p(), W(m(G), {
+        }, null, 8, Ls)) : (p(), W(m(G), {
           key: 1,
           class: "cl-hidden cl-m-4 cl-text-white md:cl-block",
           icon: "ph:user-circle",
@@ -4667,10 +4671,10 @@ const Fn = {
             "cl-text-white": o.colour === "secondary"
           }])
         }, [
-          o.username ? (p(), b("div", Ls, N(o.username), 1)) : U("", !0),
-          o.group ? (p(), b("div", Fs, N(o.group), 1)) : U("", !0)
+          o.username ? (p(), b("div", Fs, N(o.username), 1)) : U("", !0),
+          o.group ? (p(), b("div", Bs, N(o.group), 1)) : U("", !0)
         ], 2),
-        f("div", Bs, [
+        f("div", Ps, [
           E(m(G), {
             class: j(["cl-transform-gpu cl-transition-transform", {
               "cl-rotate-180": o.isOpen,
@@ -4683,7 +4687,7 @@ const Fn = {
       ]),
       E(Ce, { name: "fade" }, {
         default: R(() => [
-          Q(f("div", Ps, [
+          Q(f("div", Hs, [
             M(o.$slots, "default")
           ], 512), [
             [X, o.isOpen]
@@ -4693,10 +4697,10 @@ const Fn = {
       })
     ], 2));
   }
-}), Ws = [
+}), Zs = [
   "default",
   "secondary"
-], Zs = [
+], Gs = [
   "button",
   "checkbox",
   "color",
@@ -4718,24 +4722,24 @@ const Fn = {
 function tl(l) {
   return /[a-z]{2}-[A-Z]{2}/gm.test(l.localeCode);
 }
-function Gs(l) {
+function Ks(l) {
   let o = Array.isArray(l);
   if (o) {
     for (const t of l)
-      if (!Ks(t)) {
+      if (!xs(t)) {
         o = !1;
         break;
       }
   }
   return o;
 }
-function Ks(l) {
+function xs(l) {
   return typeof l.name == "string" && typeof l.nativeName == "string" && typeof l.localeCode == "string";
 }
-const xs = {
+const Qs = {
   key: 0,
   class: "cl-flex cl-relative cl-select-none cl-w-auto cl-z-30"
-}, Qs = { class: "cl-absolute cl-bg-white cl-border cl-border-grey-0 cl-overflow-hidden cl-right-0 cl-rounded cl-shadow-xl cl-text-black cl-top-6 cl-z-30" }, Ys = ["data-localename", "data-localecode", "onClick"], _s = { class: "cl-text-xs" }, Js = /* @__PURE__ */ P({
+}, Ys = { class: "cl-absolute cl-bg-white cl-border cl-border-grey-0 cl-overflow-hidden cl-right-0 cl-rounded cl-shadow-xl cl-text-black cl-top-6 cl-z-30" }, _s = ["data-localename", "data-localecode", "onClick"], Js = { class: "cl-text-xs" }, Xs = /* @__PURE__ */ P({
   __name: "cl-ui-language-switcher",
   props: {
     supportedLanguages: {},
@@ -4754,7 +4758,7 @@ const xs = {
     }
     return le(() => t.disabled, (r) => {
       r && (a.value = !1);
-    }), (r, n) => d.value !== null && m(tl)(d.value) ? (p(), b("div", xs, [
+    }), (r, n) => d.value !== null && m(tl)(d.value) ? (p(), b("div", Qs, [
       f("div", {
         class: j(["cl-flex cl-items-center", {
           "cl-cursor-pointer": !r.disabled
@@ -4769,7 +4773,7 @@ const xs = {
       ], 2),
       E(Ce, { name: "fade" }, {
         default: R(() => [
-          Q(f("div", Qs, [
+          Q(f("div", Ys, [
             (p(!0), b(Y, null, re(i.value, (g, y) => (p(), b("div", {
               key: y,
               class: "cl-border-b cl-border-grey-0 cl-cursor-pointer cl-flex cl-items-center cl-justify-center cl-p-1 cl-text-center cl-transition-colors cl-w-28 hover:cl-bg-grey-0 last-child:cl-border-b-0 last:cl-border-b-0 lg:cl-p-2",
@@ -4779,8 +4783,8 @@ const xs = {
                 c.value = g.localeCode, s(), e("language-select", g.localeCode);
               }
             }, [
-              f("span", _s, N(g.nativeName), 1)
-            ], 8, Ys))), 128))
+              f("span", Js, N(g.nativeName), 1)
+            ], 8, _s))), 128))
           ], 512), [
             [X, a.value]
           ])
@@ -4789,13 +4793,13 @@ const xs = {
       })
     ])) : U("", !0);
   }
-}), Xs = { class: "cl-relative" }, er = { class: "cl-h-full cl-z-0 xl:cl-h-screen" }, lr = { 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" }, tr = { class: "cl-col-span-10 lg:cl-col-span-3" }, or = {
+}), er = { class: "cl-relative" }, lr = { class: "cl-h-full cl-z-0 xl:cl-h-screen" }, tr = { 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" }, or = { class: "cl-col-span-10 lg:cl-col-span-3" }, ar = {
   key: 0,
   class: "cl-col-span-10 cl-flex cl-items-start cl-justify-end cl-text-white lg:cl-col-span-1 lg:cl-p-2"
-}, ar = { class: "cl-col-span-3" }, nr = { class: "cl-relative cl-text-grey-4" }, sr = { class: "cl-w-full" }, rr = /* @__PURE__ */ f("span", null, null, -1), ir = {
+}, nr = { class: "cl-col-span-3" }, sr = { class: "cl-relative cl-text-grey-4" }, rr = { class: "cl-w-full" }, ir = /* @__PURE__ */ f("span", null, null, -1), cr = {
   key: 0,
   class: "cl-bg-primary-lighter cl-mt-1 cl-rounded-md cl-text-center cl-text-secondary-default cl-text-xs cl-w-full"
-}, cr = { class: "cl-col-span-3" }, ur = { class: "cl-relative cl-text-grey-4" }, dr = /* @__PURE__ */ f("span", null, null, -1), pr = { class: "cl-col-span-10 cl-emphasis-danger cl-mt-10 cl-p-3 cl-rounded-md cl-text-sm md:cl-mt-3" }, fr = /* @__PURE__ */ P({
+}, ur = { class: "cl-col-span-3" }, dr = { class: "cl-relative cl-text-grey-4" }, pr = /* @__PURE__ */ f("span", null, null, -1), fr = { class: "cl-col-span-10 cl-emphasis-danger cl-mt-10 cl-p-3 cl-rounded-md cl-text-sm md:cl-mt-3" }, mr = /* @__PURE__ */ P({
   __name: "cl-ui-login",
   props: {
     errors: { default: () => [] },
@@ -4817,15 +4821,15 @@ const xs = {
     return le([
       c,
       a
-    ], s), (r, n) => (p(), b("div", Xs, [
-      f("div", er, [
+    ], s), (r, n) => (p(), b("div", er, [
+      f("div", lr, [
         M(r.$slots, "background")
       ]),
-      f("form", lr, [
-        f("div", tr, [
+      f("form", tr, [
+        f("div", or, [
           M(r.$slots, "logo")
         ]),
-        r.$slots["language-switcher"] ? (p(), b("div", or, [
+        r.$slots["language-switcher"] ? (p(), b("div", ar, [
           M(r.$slots, "language-switcher")
         ])) : U("", !0),
         f("div", {
@@ -4834,14 +4838,14 @@ const xs = {
             "cl-col-span-6": r.$slots["language-switcher"]
           }])
         }, [
-          f("div", ar, [
-            f("div", nr, [
+          f("div", nr, [
+            f("div", sr, [
               E(m(G), {
                 class: "cl-absolute cl-left-3 cl-top-3 cl-z-10",
                 icon: "ph:user",
                 size: 18
               }),
-              f("div", sr, [
+              f("div", rr, [
                 E(Se, {
                   id: "cl-ui-login-usernameinput",
                   modelValue: c.value,
@@ -4857,16 +4861,16 @@ const xs = {
                   autocomplete: "username"
                 }, {
                   default: R(() => [
-                    rr
+                    ir
                   ]),
                   _: 1
                 }, 8, ["modelValue", "class", "errors", "placeholder"]),
-                i.value ? (p(), b("div", ir, N(m(e)("login.validEmail")), 1)) : U("", !0)
+                i.value ? (p(), b("div", cr, N(m(e)("login.validEmail")), 1)) : U("", !0)
               ])
             ])
           ]),
-          f("div", cr, [
-            f("div", ur, [
+          f("div", ur, [
+            f("div", dr, [
               E(m(G), {
                 class: "cl-absolute cl-left-3 cl-top-3 cl-z-10",
                 icon: "ph:lock",
@@ -4900,7 +4904,7 @@ const xs = {
                 autocomplete: "current-password"
               }, {
                 default: R(() => [
-                  dr
+                  pr
                 ]),
                 _: 1
               }, 8, ["modelValue", "class", "type", "placeholder"])
@@ -4930,7 +4934,7 @@ const xs = {
           default: R(() => {
             var g;
             return [
-              Q(f("span", pr, [
+              Q(f("span", fr, [
                 (p(!0), b(Y, null, re(r.errors, (y, k) => (p(), b("div", {
                   id: "cl-ui-login-errors",
                   key: k,
@@ -4946,19 +4950,19 @@ const xs = {
       ])
     ]));
   }
-}), mr = [
+}), gr = [
   "x-small",
   "small",
   "medium",
   "large"
-], gr = [
+], vr = [
   "primary",
   "secondary",
   "white"
-], vr = {
+], br = {
   key: 0,
   class: "cl-h-0 cl-w-0"
-}, br = { class: "cl-relative cl-w-full" }, hr = /* @__PURE__ */ P({
+}, hr = { class: "cl-relative cl-w-full" }, yr = /* @__PURE__ */ P({
   __name: "cl-ui-navigation",
   props: {
     colour: { default: "default" }
@@ -5018,9 +5022,9 @@ const xs = {
           "cl-bg-blue-dark": C.colour === "secondary"
         }])
       }, [
-        M(C.$slots, "icon", oe({ navcolour: C.colour }, { groupIsOpen: d, toggleOpen: i }), void 0, !0)
+        M(C.$slots, "icon", ae({ navcolour: C.colour }, { groupIsOpen: d, toggleOpen: i }), void 0, !0)
       ], 2),
-      r.value ? (p(), b("div", vr)) : U("", !0),
+      r.value ? (p(), b("div", br)) : U("", !0),
       E(Ce, { name: "slide-right" }, {
         default: R(() => [
           Q(f("div", {
@@ -5029,7 +5033,7 @@ const xs = {
               "cl-absolute cl-left-20 cl-shadow-lg": !s.value
             }])
           }, [
-            f("div", br, [
+            f("div", hr, [
               f("span", {
                 class: "cl-absolute cl-cursor-pointer cl-hidden cl-right-0 cl-top-1.5 lg:cl-block",
                 onClick: T[0] || (T[0] = () => g())
@@ -5052,7 +5056,7 @@ const xs = {
       })
     ], 512));
   }
-}), yr = /* @__PURE__ */ ye(hr, [["__scopeId", "data-v-db3283cd"]]), wr = /* @__PURE__ */ P({
+}), wr = /* @__PURE__ */ ye(yr, [["__scopeId", "data-v-db3283cd"]]), kr = /* @__PURE__ */ P({
   __name: "cl-ui-navigation-icon",
   props: {
     iconValue: {},
@@ -5075,10 +5079,10 @@ const xs = {
       }, null, 8, ["icon"])
     ], 2));
   }
-}), kr = {
+}), $r = {
   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"
-}, $r = { class: "cl-flex cl-flex-wrap cl-space-y-8 cl-text-sm cl-w-full" }, Cr = /* @__PURE__ */ P({
+}, Cr = { class: "cl-flex cl-flex-wrap cl-space-y-8 cl-text-sm cl-w-full" }, Tr = /* @__PURE__ */ P({
   __name: "cl-ui-navigation-group",
   props: {
     open: { type: Boolean }
@@ -5089,35 +5093,35 @@ const xs = {
         "cl-hidden": !o.open
       })
     }, [
-      o.$slots.title ? (p(), b("div", kr, [
+      o.$slots.title ? (p(), b("div", $r, [
         M(o.$slots, "title")
       ])) : U("", !0),
-      f("div", $r, [
+      f("div", Cr, [
         M(o.$slots, "default")
       ])
     ], 2));
   }
-}), Tr = {}, Or = { class: "cl-w-full" }, qr = {
+}), Or = {}, qr = { class: "cl-w-full" }, Sr = {
   key: 0,
   class: "cl-font-bold cl-mb-4 cl-select-none"
-}, Sr = { class: "cl-flex cl-flex-wrap cl-space-y-2" };
-function Dr(l, o) {
-  return p(), b("div", Or, [
-    l.$slots.title ? (p(), b("div", qr, [
+}, Dr = { class: "cl-flex cl-flex-wrap cl-space-y-2" };
+function Er(l, o) {
+  return p(), b("div", qr, [
+    l.$slots.title ? (p(), b("div", Sr, [
       M(l.$slots, "title")
     ])) : U("", !0),
-    f("span", Sr, [
+    f("span", Dr, [
       M(l.$slots, "default")
     ])
   ]);
 }
-const Er = /* @__PURE__ */ ye(Tr, [["render", Dr]]), Ar = {}, Vr = { class: "cl-cursor-pointer cl-transition-colors cl-w-full hover:cl-text-primary-darker" };
-function Nr(l, o) {
-  return p(), b("div", Vr, [
+const Ar = /* @__PURE__ */ ye(Or, [["render", Er]]), Vr = {}, Nr = { class: "cl-cursor-pointer cl-transition-colors cl-w-full hover:cl-text-primary-darker" };
+function Ir(l, o) {
+  return p(), b("div", Nr, [
     M(l.$slots, "default")
   ]);
 }
-const Ir = /* @__PURE__ */ ye(Ar, [["render", Nr]]), Mr = /* @__PURE__ */ P({
+const Mr = /* @__PURE__ */ ye(Vr, [["render", Ir]]), Rr = /* @__PURE__ */ P({
   __name: "cl-ui-tab",
   props: {
     colour: { default: "default" },
@@ -5216,7 +5220,7 @@ const Ir = /* @__PURE__ */ ye(Ar, [["render", Nr]]), Mr = /* @__PURE__ */ P({
       ])
     ], 2));
   }
-}), Rr = ["inert"], Ur = /* @__PURE__ */ P({
+}), Ur = ["inert"], jr = /* @__PURE__ */ P({
   __name: "cl-ui-tab-header",
   props: {
     open: { type: Boolean },
@@ -5244,35 +5248,35 @@ const Ir = /* @__PURE__ */ ye(Ar, [["render", Nr]]), Mr = /* @__PURE__ */ P({
       M(e.$slots, "default", {}, () => [
         ue(N(e.title), 1)
       ])
-    ], 10, Rr));
+    ], 10, Ur));
   }
-}), jr = { key: 0 }, zr = { class: "cl-font-bold cl-mb-4" }, Lr = /* @__PURE__ */ P({
+}), zr = { key: 0 }, Lr = { class: "cl-font-bold cl-mb-4" }, Fr = /* @__PURE__ */ P({
   __name: "cl-ui-tab-content",
   props: {
     open: { type: Boolean },
     title: { default: "" }
   },
   setup(l) {
-    return (o, t) => o.open ? (p(), b("div", jr, [
+    return (o, t) => o.open ? (p(), b("div", zr, [
       M(o.$slots, "header", {}, () => [
-        f("h4", zr, N(o.title), 1)
+        f("h4", Lr, N(o.title), 1)
       ]),
       M(o.$slots, "default")
     ])) : U("", !0);
   }
-}), Fr = [
+}), Br = [
   "default",
   "primary",
   "secondary",
   "danger",
   "blue"
-], Br = [
+], Pr = [
   "left",
   "right"
-], Pr = [
+], Hr = [
   "horizontal",
   "vertical"
-], Hr = { class: "cl-block cl-h-full cl-w-full" }, Wr = ["multiple", "accept", "disabled"], Zr = ["multiple", "accept", "disabled"], Gr = /* @__PURE__ */ P({
+], Wr = { class: "cl-block cl-h-full cl-w-full" }, Zr = ["multiple", "accept", "disabled"], Gr = ["multiple", "accept", "disabled"], Kr = /* @__PURE__ */ P({
   inheritAttrs: !1,
   __name: "cl-ui-file-uploader",
   props: {
@@ -5316,8 +5320,8 @@ const Ir = /* @__PURE__ */ ye(Ar, [["render", Nr]]), Mr = /* @__PURE__ */ P({
     function r() {
       u.value && (u.value.value = ""), s.value && (s.value.value = "");
     }
-    return (n, g) => (p(), b("div", Hr, [
-      n.uploaderType === "dragDrop" ? (p(), b("label", oe({ key: 0 }, n.$attrs, {
+    return (n, g) => (p(), b("div", Wr, [
+      n.uploaderType === "dragDrop" ? (p(), b("label", ae({ key: 0 }, n.$attrs, {
         role: "button",
         class: ["cl-bg-opacity-10 cl-border cl-border-dashed cl-duration-300 cl-ease-in-out cl-flex cl-justify-center cl-relative cl-rounded-lg", {
           "cl-bg-grey-3 cl-border-grey-5 cl-cursor-default": n.disabled === !0,
@@ -5338,7 +5342,7 @@ const Ir = /* @__PURE__ */ ye(Ar, [["render", Nr]]), Mr = /* @__PURE__ */ P({
           accept: n.acceptedFileTypes,
           disabled: n.disabled,
           onInput: a
-        }, null, 40, Wr),
+        }, null, 40, Zr),
         M(n.$slots, "default")
       ], 16)) : (p(), b("input", {
         key: 1,
@@ -5353,10 +5357,10 @@ const Ir = /* @__PURE__ */ ye(Ar, [["render", Nr]]), Mr = /* @__PURE__ */ P({
         accept: n.acceptedFileTypes,
         disabled: n.disabled,
         onInput: a
-      }, null, 42, Zr))
+      }, null, 42, Gr))
     ]));
   }
-}), Kr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), xr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   FilterOperation: J,
   allQuickDates: Bl,
@@ -5370,56 +5374,56 @@ const Ir = /* @__PURE__ */ ye(Ar, [["render", Nr]]), Mr = /* @__PURE__ */ P({
   clUiButton: be,
   clUiCard: Rt,
   clUiComboBox: bo,
-  clUiFileUploader: Gr,
+  clUiFileUploader: Kr,
   clUiFooter: So,
-  clUiGrid: Ms,
-  clUiHeader: Us,
-  clUiHeaderMenu: Hs,
+  clUiGrid: Rs,
+  clUiHeader: js,
+  clUiHeaderMenu: Ws,
   clUiInput: ll,
   clUiInputCheckbox: rl,
   clUiInputDateTime: an,
   clUiInputNumber: Be,
   clUiInputRange: on,
   clUiInputText: Se,
-  clUiLanguageSwitcher: Js,
+  clUiLanguageSwitcher: Xs,
   clUiLoadingSpinner: _e,
-  clUiLogin: fr,
+  clUiLogin: mr,
   clUiModal: Al,
-  clUiNavigation: yr,
-  clUiNavigationGroup: Cr,
-  clUiNavigationIcon: wr,
-  clUiNavigationItem: Ir,
-  clUiNavigationSection: Er,
+  clUiNavigation: wr,
+  clUiNavigationGroup: Tr,
+  clUiNavigationIcon: kr,
+  clUiNavigationItem: Mr,
+  clUiNavigationSection: Ar,
   clUiNotification: El,
-  clUiTab: Mr,
-  clUiTabContent: Lr,
-  clUiTabHeader: Ur,
+  clUiTab: Rr,
+  clUiTabContent: Fr,
+  clUiTabHeader: jr,
   currentQuickDates: je,
   dateTimeCalendarTypes: Pl,
   filterMethodTypes: Rn,
   futureQuickDates: Qe,
   gridColumnTypes: Nn,
-  headerColour: Ws,
+  headerColour: Zs,
   inputTextTypes: Ka,
-  inputTypes: Zs,
+  inputTypes: Gs,
   isComboBoxCreateRequest: yo,
   isComboBoxItem: ho,
   isFilterRequest: zn,
   isFilterResponse: Ln,
   isGridColumn: Hl,
   isGridColumnArray: In,
-  isLanguageArray: Gs,
+  isLanguageArray: Ks,
   isLanguageLocaleFormat: tl,
-  modalColours: gr,
-  modalSizes: mr,
+  modalColours: vr,
+  modalSizes: gr,
   pastQuickDates: xe,
   quickDateNames: Pa,
   stringFormats: Mn,
-  tabColours: Fr,
-  tabLayout: Pr,
-  tabScroll: Br
-}, Symbol.toStringTag, { value: "Module" })), ci = (l) => {
-  l.use(he), l.component("Icon", G), Object.entries(Kr).forEach(([
+  tabColours: Br,
+  tabLayout: Hr,
+  tabScroll: Pr
+}, Symbol.toStringTag, { value: "Module" })), ui = (l) => {
+  l.use(he), l.component("Icon", G), Object.entries(xr).forEach(([
     o,
     t
   ]) => {
@@ -5427,10 +5431,10 @@ const Ir = /* @__PURE__ */ ye(Ar, [["render", Nr]]), Mr = /* @__PURE__ */ P({
   });
 };
 export {
-  ii as CitrusLimeUI,
+  ci as CitrusLimeUI,
   ce as DateFormat,
   J as FilterOperation,
-  ne as NumberFormat,
+  oe as NumberFormat,
   Bl as allQuickDates,
   Nt as buttonColours,
   It as buttonSizes,
@@ -5442,34 +5446,34 @@ export {
   be as clUiButton,
   Rt as clUiCard,
   bo as clUiComboBox,
-  Gr as clUiFileUploader,
+  Kr as clUiFileUploader,
   So as clUiFooter,
-  Ms as clUiGrid,
-  Us as clUiHeader,
-  Hs as clUiHeaderMenu,
+  Rs as clUiGrid,
+  js as clUiHeader,
+  Ws as clUiHeaderMenu,
   ll as clUiInput,
   rl as clUiInputCheckbox,
   an as clUiInputDateTime,
   Be as clUiInputNumber,
   on as clUiInputRange,
   Se as clUiInputText,
-  Js as clUiLanguageSwitcher,
+  Xs as clUiLanguageSwitcher,
   _e as clUiLoadingSpinner,
-  fr as clUiLogin,
+  mr as clUiLogin,
   Al as clUiModal,
-  yr as clUiNavigation,
-  Cr as clUiNavigationGroup,
-  wr as clUiNavigationIcon,
-  Ir as clUiNavigationItem,
-  Er as clUiNavigationSection,
+  wr as clUiNavigation,
+  Tr as clUiNavigationGroup,
+  kr as clUiNavigationIcon,
+  Mr as clUiNavigationItem,
+  Ar as clUiNavigationSection,
   El as clUiNotification,
-  Mr as clUiTab,
-  Lr as clUiTabContent,
-  Ur as clUiTabHeader,
+  Rr as clUiTab,
+  Fr as clUiTabContent,
+  jr as clUiTabHeader,
   je as currentQuickDates,
   Pl as dateTimeCalendarTypes,
   ea as datetimeFormats,
-  ci as default,
+  ui as default,
   Rn as filterMethodTypes,
   Ve as formatNumber,
   el as formatNumberAsDecimal,
@@ -5477,33 +5481,33 @@ export {
   Qe as futureQuickDates,
   Il as getMergedFormatOptions,
   Nn as gridColumnTypes,
-  Ws as headerColour,
+  Zs as headerColour,
   he as i18n,
   Ka as inputTextTypes,
-  Zs as inputTypes,
+  Gs as inputTypes,
   yo as isComboBoxCreateRequest,
   ho as isComboBoxItem,
   zn as isFilterRequest,
   Ln as isFilterResponse,
   Hl as isGridColumn,
   In as isGridColumnArray,
-  Gs as isLanguageArray,
+  Ks as isLanguageArray,
   tl as isLanguageLocaleFormat,
   Jo as messages,
-  gr as modalColours,
-  mr as modalSizes,
+  vr as modalColours,
+  gr as modalSizes,
   Xo as numberFormats,
   xe as pastQuickDates,
   Pa as quickDateNames,
-  ri as setCurrentLocale,
-  si as setLocaleDateTimeFormats,
-  ai as setLocaleMessages,
-  ni as setLocaleNumberFormats,
+  ii as setCurrentLocale,
+  ri as setLocaleDateTimeFormats,
+  ni as setLocaleMessages,
+  si as setLocaleNumberFormats,
   ml as showNotification,
   Mn as stringFormats,
-  Fr as tabColours,
-  Pr as tabLayout,
-  Br as tabScroll,
+  Br as tabColours,
+  Hr as tabLayout,
+  Pr as tabScroll,
   Nl as unformatNumber,
   ua as validateEmail,
   ia as validateMaxValue,