@citruslime/ui 3.1.0-beta.0 → 3.1.0-beta.2

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

@@ -1,7 +1,7 @@
 import { Icon as J } from "@iconify/vue";
-import { defineComponent as j, ref as R, openBlock as u, createElementBlock as g, renderSlot as A, normalizeProps as pe, guardReactiveProps as me, Fragment as Z, createElementVNode as v, normalizeClass as M, createVNode as k, unref as m, Transition as Me, withCtx as V, withDirectives as te, mergeProps as K, vShow as ue, createBlock as P, Teleport as Cl, renderList as X, toDisplayString as U, createCommentVNode as L, computed as $, createTextVNode as re, mergeModels as de, useModel as he, createSlots as be, vModelDynamic as Wl, watch as ee, toRefs as Kl, withKeys as we, onMounted as je, onUnmounted as il, withModifiers as ae, nextTick as Ue, useAttrs as Qe, resolveComponent as $e, inject as cl, vModelCheckbox as Ct, toValue as Ml, watchEffect as Tt, vModelText as Tl, useCssVars as Ql, toHandlers as St, provide as hl, normalizeStyle as xl, isRef as qt } from "vue";
+import { defineComponent as j, ref as R, openBlock as u, createElementBlock as g, renderSlot as A, normalizeProps as pe, guardReactiveProps as me, Fragment as Z, createElementVNode as v, normalizeClass as M, createVNode as k, unref as m, Transition as Me, withCtx as V, withDirectives as te, mergeProps as K, vShow as ue, createBlock as P, Teleport as Cl, renderList as X, toDisplayString as U, createCommentVNode as L, computed as $, createTextVNode as re, mergeModels as de, useModel as he, createSlots as be, vModelDynamic as Wl, watch as ee, toRefs as Kl, withKeys as we, onMounted as je, onUnmounted as il, withModifiers as ae, nextTick as Ue, useAttrs as Qe, resolveComponent as $e, inject as cl, vModelCheckbox as Ct, toValue as Ml, watchEffect as Tt, vModelText as Tl, useCssVars as Ql, toHandlers as St, provide as hl, normalizeStyle as Yl, isRef as qt } from "vue";
 import { generateStringId as Ot, highlightText as Dt, validateEmail as At } from "@citruslime/utils";
-import { onKeyDown as bl, unrefElement as Et, tryOnScopeDispose as Vt, onClickOutside as xe, useTimeoutFn as Yl, useMouseInElement as Mt, useFocusWithin as Nt, useMediaQuery as Jl, useThrottle as It, useElementBounding as yl, useDebounceFn as Ke, useThrottleFn as Rt, useWindowSize as Ut, useBreakpoints as zt, breakpointsTailwind as Lt, useElementSize as Nl } from "@vueuse/core";
+import { onKeyDown as bl, unrefElement as Et, tryOnScopeDispose as Vt, onClickOutside as Ye, useTimeoutFn as xl, useMouseInElement as Mt, useFocusWithin as Nt, useMediaQuery as Jl, useThrottle as It, useElementBounding as yl, useDebounceFn as Ke, useThrottleFn as Rt, useWindowSize as Ut, useBreakpoints as zt, breakpointsTailwind as Lt, useElementSize as Nl } from "@vueuse/core";
 import { useI18n as ce, createI18n as Bt } from "vue-i18n";
 import { createFocusTrap as Ft } from "focus-trap";
 import { copy as ve } from "@citruslime/vue-utils";
@@ -85,13 +85,13 @@ const Pt = { class: "cl-overflow-hidden" }, Gt = /* @__PURE__ */ j({
   for (const [e, s] of t)
     l[e] = s;
   return l;
-}, Qt = {}, xt = { class: "cl-border-b cl-border-grey-1 cl-font-semibold cl-pl-14 cl-pr-4 cl-py-2 cl-text-grey-3 cl-text-sm" };
-function Yt(o, t) {
-  return u(), g("div", xt, [
+}, Qt = {}, Yt = { class: "cl-border-b cl-border-grey-1 cl-font-semibold cl-pl-14 cl-pr-4 cl-py-2 cl-text-grey-3 cl-text-sm" };
+function xt(o, t) {
+  return u(), g("div", Yt, [
     A(o.$slots, "default")
   ]);
 }
-const Jt = /* @__PURE__ */ ye(Qt, [["render", Yt]]), tl = R([]);
+const Jt = /* @__PURE__ */ ye(Qt, [["render", xt]]), tl = R([]);
 function Il(o) {
   const t = {
     id: Ot(),
@@ -182,7 +182,7 @@ const Xt = ["onClick"], _t = { class: "cl-flex-1 cl-select-none cl-text-ellipsis
 function ao(o, t) {
   return u(), g("div", oo);
 }
-const Ye = /* @__PURE__ */ ye(to, [["render", ao], ["__scopeId", "data-v-a21dc5d2"]]), no = ["disabled"], Ce = /* @__PURE__ */ j({
+const xe = /* @__PURE__ */ ye(to, [["render", ao], ["__scopeId", "data-v-a21dc5d2"]]), no = ["disabled"], Ce = /* @__PURE__ */ j({
   inheritAttrs: !1,
   __name: "cl-ui-button",
   props: {
@@ -198,7 +198,7 @@ const Ye = /* @__PURE__ */ ye(to, [["render", ao], ["__scopeId", "data-v-a21dc5d
         l.value && l.value.focus();
       }
     }), (e, s) => (u(), g(Z, null, [
-      te(k(Ye, { class: "relative" }, null, 512), [
+      te(k(xe, { class: "relative" }, null, 512), [
         [ue, e.loading]
       ]),
       te(v("button", K(e.$attrs, {
@@ -453,17 +453,21 @@ const Co = {
 }, To = { class: "cl-overflow-y-auto cl-overscroll-y-none cl-p-2 cl-w-full" }, et = /* @__PURE__ */ j({
   inheritAttrs: !1,
   __name: "cl-ui-modal",
-  props: {
+  props: /* @__PURE__ */ de({
     headerColour: { default: "white" },
     preventClose: { type: Boolean, default: !1 },
     size: { default: "medium" },
     trapFocus: { type: Boolean, default: !1 }
-  },
+  }, {
+    visible: { type: Boolean, required: !1, default: !1 },
+    visibleModifiers: {}
+  }),
+  emits: ["update:visible"],
   setup(o) {
-    const t = o, { trapFocus: l } = Kl(t), e = R(!1), s = R(), n = ko(s);
+    const t = o, l = he(o, "visible"), { trapFocus: e } = Kl(t), s = R(), n = ko(s);
     ee([
-      l,
-      e
+      e,
+      l
     ], ([
       r,
       a
@@ -473,10 +477,10 @@ const Co = {
       });
     });
     function c() {
-      e.value = !0, document.addEventListener("keydown", p);
+      l.value = !0, document.addEventListener("keydown", p);
     }
     function d() {
-      t.preventClose || (e.value = !1, document.removeEventListener("keydown", p));
+      t.preventClose || (l.value = !1, document.removeEventListener("keydown", p));
     }
     function p(r) {
       r.key === "Escape" && d();
@@ -529,7 +533,7 @@ const Co = {
                 A(r.$slots, "footer", pe(me({ close: d })))
               ], 16)
             ], 512), [
-              [ue, e.value]
+              [ue, l.value]
             ])
           ]),
           _: 3
@@ -674,11 +678,11 @@ const Co = {
     }
     function T(N) {
       if (N.key === "Tab" && N.shiftKey === !0) {
-        const Y = document.getElementsByTagName("input");
+        const x = document.getElementsByTagName("input");
         let ne = -1;
-        for (let I = 0; I < Y.length; I++)
-          Y[I] === N.target && (ne = I - 1);
-        ne >= 0 && (Y[ne].focus(), y());
+        for (let I = 0; I < x.length; I++)
+          x[I] === N.target && (ne = I - 1);
+        ne >= 0 && (x[ne].focus(), y());
       }
     }
     function S() {
@@ -694,8 +698,8 @@ const Co = {
     }
     function _() {
       l.isVisible === !0 && (n.value = "", a(), Ue(() => {
-        var N, Y;
-        return (Y = (N = r.value) == null ? void 0 : N.querySelector("input")) == null ? void 0 : Y.focus();
+        var N, x;
+        return (x = (N = r.value) == null ? void 0 : N.querySelector("input")) == null ? void 0 : x.focus();
       }));
     }
     return ee(() => l.results, () => q()), ee(() => l.errorMessage, () => q()), ee(() => l.isVisible, () => _()), je(() => {
@@ -704,7 +708,7 @@ const Co = {
     }), il(() => {
       var N;
       return (N = r.value) == null ? void 0 : N.removeEventListener("keydown", T);
-    }), (N, Y) => {
+    }), (N, x) => {
       var ne;
       return u(), g("div", {
         ref_key: "container",
@@ -713,27 +717,27 @@ const Co = {
           "cl-overflow-y-hidden": N.loading
         }]),
         onKeydown: [
-          Y[2] || (Y[2] = we(ae((I) => h(p.value), ["prevent", "stop"]), ["up"])),
-          Y[3] || (Y[3] = we(ae((I) => C(p.value), ["prevent", "stop"]), ["down"]))
+          x[2] || (x[2] = we(ae((I) => h(p.value), ["prevent", "stop"]), ["up"])),
+          x[3] || (x[3] = we(ae((I) => C(p.value), ["prevent", "stop"]), ["down"]))
         ],
         onKeyup: we(ae(O, ["prevent", "stop"]), ["enter"])
       }, [
         N.loading ? (u(), g("div", Eo, [
-          k(Ye)
+          k(xe)
         ])) : L("", !0),
         v("div", Vo, [
           v("div", Mo, [
             k(Re, {
               id: `cl-ui-combo-box-search-input-${N.objectType}`,
               modelValue: n.value,
-              "onUpdate:modelValue": Y[0] || (Y[0] = (I) => n.value = I),
+              "onUpdate:modelValue": x[0] || (x[0] = (I) => n.value = I),
               class: "cl-box-border cl-font-light cl-mb-2 cl-p-2 cl-placeholder-grey-3 cl-text-sm",
               placeholder: N.searchHint,
               type: "search",
               onKeyup: a,
               onBlur: y
             }, {
-              default: V(() => Y[4] || (Y[4] = [
+              default: V(() => x[4] || (x[4] = [
                 v("span", null, null, -1)
               ])),
               _: 1
@@ -744,7 +748,7 @@ const Co = {
           key: 1,
           "show-clear-button": N.canClearSelectedObject,
           text: N.currentObjectName,
-          onClearObject: Y[1] || (Y[1] = (I) => N.$emit("clear-object"))
+          onClearObject: x[1] || (x[1] = (I) => N.$emit("clear-object"))
         }, null, 8, ["show-clear-button", "text"])) : L("", !0),
         N.objectParentType !== "" && N.results !== void 0 && N.results.length > 0 && N.errorMessage === "" ? (u(), P(el, {
           key: 2,
@@ -813,8 +817,8 @@ const Co = {
       set: (w) => s("update:current-object", w)
     }), y = R(null), C = $(() => Te()), h = R(""), O = R(""), T = R(), S = R(!0), q = R(!1);
     function F(w) {
-      var x;
-      const z = ((x = H.value) == null ? void 0 : x.getBoundingClientRect().top) || 0;
+      var Y;
+      const z = ((Y = H.value) == null ? void 0 : Y.getBoundingClientRect().top) || 0;
       q.value = window.innerHeight - z < 280, e.disabled || (typeof w < "u" ? i.value = w : i.value = !i.value);
     }
     function _(w) {
@@ -823,7 +827,7 @@ const Co = {
     function N(w) {
       O.value = w, s("search-parent", w);
     }
-    function Y() {
+    function x() {
       f.value = null, F(!1);
     }
     function ne(w) {
@@ -833,9 +837,9 @@ const Co = {
     function I(w) {
       let z = null;
       if (e.results !== null) {
-        for (let x = 0; x < e.results.length; x++)
-          if (e.results[x].id === w) {
-            z = e.results[x];
+        for (let Y = 0; Y < e.results.length; Y++)
+          if (e.results[Y].id === w) {
+            z = e.results[Y];
             break;
           }
       }
@@ -873,7 +877,7 @@ const Co = {
       });
     }
     function Pe() {
-      var z, x, b, B, W;
+      var z, Y, b, B, W;
       Il({
         message: a("comboBox.createSuccessful", {
           object: e.objectType,
@@ -883,7 +887,7 @@ const Co = {
         duration: 1e4
       });
       let w = "";
-      y.value && y.value.id === ((x = e.objectCreatedResponse) == null ? void 0 : x.parentId) && (w = y.value.name), f.value = {
+      y.value && y.value.id === ((Y = e.objectCreatedResponse) == null ? void 0 : Y.parentId) && (w = y.value.name), f.value = {
         id: ((b = e.objectCreatedResponse) == null ? void 0 : b.id) ?? 0,
         name: ((B = e.objectCreatedResponse) == null ? void 0 : B.name) ?? "",
         parentId: ((W = e.objectCreatedResponse) == null ? void 0 : W.parentId) ?? 0,
@@ -900,12 +904,12 @@ const Co = {
     }
     ee(() => e.objectCreatedResponse, () => fe()), ee(() => e.parentObjectCreatedResponse, () => ge()), ee(() => h.value, () => E()), ee(() => y.value, () => E());
     const H = R();
-    return xe(H, () => i.value ? F(!1) : ""), t({
+    return Ye(H, () => i.value ? F(!1) : ""), t({
       focus() {
         F(), s("focus");
       }
     }), (w, z) => {
-      const x = $e("cl-ui-combo-box", !0);
+      const Y = $e("cl-ui-combo-box", !0);
       return u(), g("div", K({
         ref_key: "outsideRef",
         ref: H
@@ -991,7 +995,7 @@ const Co = {
               "search-hint": r.value,
               onCreateObject: () => w.objectParentType === "" && w.skipObjectCreationModal === !0 ? D() : b(),
               onSelectObject: ne,
-              onClearObject: Y,
+              onClearObject: x,
               onSearch: _,
               onHideDropdown: z[4] || (z[4] = (B) => F(!1))
             }, null, 8, ["can-create-new-object", "can-clear-selected-object", "loading", "results", "object-type", "object-parent-type", "error-message", "current-object-name", "is-visible", "class", "search-hint", "onCreateObject"]), [
@@ -1028,7 +1032,7 @@ const Co = {
           ]),
           default: V(() => [
             v("div", jo, [
-              w.objectParentType ? (u(), P(x, {
+              w.objectParentType ? (u(), P(Y, {
                 key: 0,
                 "current-object": y.value,
                 "onUpdate:currentObject": z[5] || (z[5] = (b) => y.value = b),
@@ -1070,17 +1074,17 @@ function Zo(o) {
 const Wo = {}, Ko = { class: "cl-flex cl-flex-wrap cl-left-0 cl-mt-4 cl-w-full" }, Qo = {
   key: 0,
   class: "cl-w-full"
-}, xo = {
+}, Yo = {
   key: 1,
   class: "cl-leading-10 cl-text-sm cl-w-full"
-}, Yo = { class: "cl-float-left" }, Jo = { class: "cl-float-right" };
+}, xo = { class: "cl-float-left" }, Jo = { class: "cl-float-right" };
 function Xo(o, t) {
   return u(), g("div", Ko, [
     o.$slots.default ? (u(), g("div", Qo, [
       A(o.$slots, "default")
     ])) : L("", !0),
-    o.$slots.left || o.$slots.right ? (u(), g("div", xo, [
-      v("span", Yo, [
+    o.$slots.left || o.$slots.right ? (u(), g("div", Yo, [
+      v("span", xo, [
         A(o.$slots, "left")
       ]),
       v("span", Jo, [
@@ -1490,10 +1494,10 @@ function Kc(o, t) {
 function Qc(o, t) {
   return Se.global.mergeNumberFormat(o, t), Ue();
 }
-function xc(o, t) {
+function Yc(o, t) {
   return Se.global.mergeDateTimeFormat(o, t), Ue();
 }
-function Yc(o) {
+function xc(o) {
   return Se.global.locale.value = o, Ue();
 }
 const { locale: ya, getNumberFormat: wa } = Se.global, pl = le.DECIMAL;
@@ -2039,7 +2043,7 @@ const Ea = {
         {
           count: 0,
           target: null,
-          reset: Yl(() => {
+          reset: xl(() => {
             a.value[S] && (a.value[S].count = 0, a.value[S].target = null);
           }, 400, { immediate: !1 })
         }
@@ -2150,7 +2154,7 @@ const Ea = {
       ]);
     };
   }
-}), Wa = ["value", "inputmode", "disabled", "placeholder"], Ka = { class: "cl-absolute cl-flex-col cl-flex-nowrap cl-h-full cl-hidden cl-justify-between cl-py-0.5 cl-right-1 cl-text-xs cl-top-0 xl:cl-flex" }, Qa = ["disabled"], xa = ["disabled"], Xe = /* @__PURE__ */ j({
+}), Wa = ["value", "inputmode", "disabled", "placeholder"], Ka = { class: "cl-absolute cl-flex-col cl-flex-nowrap cl-h-full cl-hidden cl-justify-between cl-py-0.5 cl-right-1 cl-text-xs cl-top-0 xl:cl-flex" }, Qa = ["disabled"], Ya = ["disabled"], Xe = /* @__PURE__ */ j({
   inheritAttrs: !1,
   __name: "cl-ui-input-number",
   props: /* @__PURE__ */ de({
@@ -2191,9 +2195,9 @@ const Ea = {
     ee(s, () => T.value = void 0);
     const q = $({
       get: () => T.value ? ne(T.value) : s.value,
-      set: (D) => T.value = Y(D)
+      set: (D) => T.value = x(D)
     }), F = $({
-      get: () => T.value ?? Y(s.value),
+      get: () => T.value ?? x(s.value),
       set(D) {
         T.value = D, S.value = !0;
       }
@@ -2209,7 +2213,7 @@ const Ea = {
         G && e.format === le.PERCENTAGE && !$a(F.value, "percentSign", y.value) && (fe = fe / h.value), isNaN(fe) === !1 && (s.value = _(Math.round(fe * O.value) / O.value));
       }
     }
-    function Y(D) {
+    function x(D) {
       return D === null ? "" : e.format ? Ae(D, e.format, {
         locale: e.locale,
         additionalOptions: f.value
@@ -2287,7 +2291,7 @@ const Ea = {
                 ]
               }, [
                 k(fe, { icon: "ph:caret-down-bold" })
-              ], 40, xa)
+              ], 40, Ya)
             ], 512), [
               [ue, i.value && !D.disabled]
             ])
@@ -2312,7 +2316,7 @@ const Ea = {
       ]), 1032, ["show-required-asterisk", "errors"]);
     };
   }
-}), Ya = {
+}), xa = {
   key: 0,
   class: "cl-flex cl-flex-col lg:cl-flex-row lg:cl-gap-2"
 }, Ja = { class: "cl-border cl-border-off-white cl-flex cl-items-center cl-mt-2 cl-p-2 cl-rounded-lg cl-w-full lg:cl-px-4 lg:cl-py-3" }, Xa = { class: "cl-border cl-border-off-white cl-mt-2 cl-p-2 cl-rounded-lg lg:cl-px-4 lg:cl-py-3" }, _a = ["inert"], en = { class: "cl-basis-full cl-bg-off-white cl-border cl-border-grey-1 cl-flex cl-flex-1 cl-items-center cl-justify-between cl-mt-2 cl-p-2 cl-rounded-lg cl-shadow cl-text-sm lg:cl-basis-0 lg:cl-px-4 lg:cl-py-3" }, ln = { class: "cl-flex cl-flex-wrap cl-gap-x-4 cl-gap-y-2 cl-items-center cl-w-full" }, tn = { class: "cl-flex cl-flex-col lg:cl-flex-row" }, on = { class: "cl-mr-2 cl-text-grey-3" }, an = { class: "cl-flex cl-flex-col lg:cl-flex-row" }, nn = { class: "cl-mr-1 cl-text-grey-3" }, sn = { class: "cl-flex cl-flex-col cl-mr-auto lg:cl-flex-row" }, rn = { class: "cl-basis-full cl-mr-1 cl-text-grey-3" }, cn = { class: "cl-flex cl-gap-0.5" }, un = ["onClick"], dn = { class: "cl-flex cl-gap-1 cl-items-center" }, pn = ["onClick"], fn = { class: "cl-basis-full cl-bg-off-white cl-border cl-border-grey-1 cl-flex cl-gap-2 cl-items-center cl-justify-between cl-mt-2 cl-px-2 cl-py-1 cl-rounded-lg cl-shadow cl-text-sm lg:cl-basis-auto lg:cl-px-4 lg:cl-py-3" }, mn = { class: "cl-flex cl-items-center" }, gn = { class: "cl-mr-2 cl-text-grey-3" }, vn = /* @__PURE__ */ j({
@@ -2360,7 +2364,7 @@ const Ea = {
     }
     return (a, i) => {
       var f, y, C;
-      return a.initialLoad ? (u(), g("div", Ya, [
+      return a.initialLoad ? (u(), g("div", xa, [
         v("div", Ja, [
           k(m(wl), { words: 3 }),
           k(m(wl), {
@@ -3411,7 +3415,7 @@ const bn = { class: "cl-gap-1 cl-grid cl-grid-cols-2" }, yn = ["onClick"], wn =
     function p(a) {
       return a.name !== void 0 && a.id !== void 0;
     }
-    xe(e, () => s.value ? c(!1) : "");
+    Ye(e, () => s.value ? c(!1) : "");
     const r = $(() => ({
       "cl-cursor-pointer cl-bg-white": !t.disabled,
       "cl-border-b-transparent cl-rounded-b-none": s.value,
@@ -3563,17 +3567,17 @@ const Qn = [
   "equalorgreaterthan",
   "andcontains"
 ];
-function xn(o) {
+function Yn(o) {
   return typeof o.filterOnColumn == "string" && typeof o.filterOperation == "number" && typeof o.filterValue == "string";
 }
-function Yn(o) {
+function xn(o) {
   return o === null || typeof o.sortByAscending == "boolean" && typeof o.sortOnColumn == "string";
 }
 function Jn(o) {
-  let t = typeof o.filters == "object" && Array.isArray(o.filters) && typeof o.pageNumber == "number" && typeof o.pageSize == "number" && typeof o.sort == "object" && Yn(o.sort);
+  let t = typeof o.filters == "object" && Array.isArray(o.filters) && typeof o.pageNumber == "number" && typeof o.pageSize == "number" && typeof o.sort == "object" && xn(o.sort);
   if (t) {
     for (const l of o.filters)
-      if (!xn(l)) {
+      if (!Yn(l)) {
         t = !1;
         break;
       }
@@ -3824,12 +3828,12 @@ const _n = {
       set: (E) => e("update:filter", E)
     }), p = $(() => l.column.type === "date" || l.column.type === "datetime" || l.column.type === "slot" && (l.column.slotType === "date" || l.column.slotType === "datetime")), r = $(() => l.column.type === "dateRange" || l.column.type === "slot" && l.column.slotType === "dateRange"), a = $(() => l.column.type === "list" || l.column.type === "slot" && l.column.slotType === "list"), i = $(() => a.value && l.column.listType === "number"), f = $(() => l.column.type === "string" || l.column.type === "slot" && l.column.slotType === "string"), y = $(() => l.column.format === le.INTEGER ? le.DECIMAL : l.column.format ?? le.DECIMAL), C = R(!1), h = $(() => C.value || f.value === !1), O = $({
       get() {
-        var H, w, z, x, b, B, W;
+        var H, w, z, Y, b, B, W;
         let E = (H = d.value) == null ? void 0 : H[0];
         if (E) {
           if (p.value) {
             if ((((w = l.filter) == null ? void 0 : w.length) ?? 0) > 1) {
-              const ie = (z = d.value) == null ? void 0 : z.find((qe) => qe.filterOperation === oe.EQUAL_OR_GREATER_THAN), Ee = (x = d.value) == null ? void 0 : x.find((qe) => qe.filterOperation === oe.LESS_THAN);
+              const ie = (z = d.value) == null ? void 0 : z.find((qe) => qe.filterOperation === oe.EQUAL_OR_GREATER_THAN), Ee = (Y = d.value) == null ? void 0 : Y.find((qe) => qe.filterOperation === oe.LESS_THAN);
               ie && Ee && (E = {
                 filterOnColumn: l.column.field,
                 filterOperation: oe.EQUAL,
@@ -3865,7 +3869,7 @@ const _n = {
       set(E) {
         let H = null;
         if (p.value) {
-          const w = E, z = (w == null ? void 0 : w.filterMethod) && q(w.filterMethod, w.filterValue, "equal"), x = (w == null ? void 0 : w.filterMethod) && q(w.filterMethod, w.filterValue, "equalorlessthan"), b = (w == null ? void 0 : w.filterMethod) && q(w.filterMethod, w.filterValue, "greaterthan");
+          const w = E, z = (w == null ? void 0 : w.filterMethod) && q(w.filterMethod, w.filterValue, "equal"), Y = (w == null ? void 0 : w.filterMethod) && q(w.filterMethod, w.filterValue, "equalorlessthan"), b = (w == null ? void 0 : w.filterMethod) && q(w.filterMethod, w.filterValue, "greaterthan");
           if (z) {
             let B = Q.fromISO(w.filterValue, {
               zone: l.timeZone ?? "UTC"
@@ -3890,7 +3894,7 @@ const _n = {
                 filterValue: ie
               }
             ];
-          } else if (x || b) {
+          } else if (Y || b) {
             let B = Q.fromISO(w.filterValue, {
               zone: l.timeZone ?? "UTC"
             }).set({
@@ -3900,8 +3904,8 @@ const _n = {
             l.column.type === "date" || l.column.type === "slot" && l.column.slotType === "date" ? B = B.plus({ days: 1 }) : B = B.plus({ minutes: 1 }), H = [
               {
                 filterOnColumn: l.column.field,
-                filterOperation: x ? oe.EQUAL_OR_LESS_THAN : oe.GREATER_THAN,
-                filterMethod: x ? "equalorlessthan" : "greaterthan",
+                filterOperation: Y ? oe.EQUAL_OR_LESS_THAN : oe.GREATER_THAN,
+                filterMethod: Y ? "equalorlessthan" : "greaterthan",
                 filterValue: B.minus({ milliseconds: 1 }).toISO()
               }
             ];
@@ -3909,7 +3913,7 @@ const _n = {
         } else if (r.value && (E != null && E.filterValue)) {
           const w = E.filterValue, z = Q.fromISO(w.start, {
             zone: l.timeZone ?? "UTC"
-          }).toISO(), x = Q.fromISO(w.end, {
+          }).toISO(), Y = Q.fromISO(w.end, {
             zone: l.timeZone ?? "UTC"
           }).toISO();
           H = [
@@ -3923,7 +3927,7 @@ const _n = {
               filterOnColumn: l.column.field,
               filterOperation: oe.EQUAL_OR_LESS_THAN,
               filterMethod: "equalorlessthan",
-              filterValue: x
+              filterValue: Y
             }
           ];
         }
@@ -3950,11 +3954,11 @@ const _n = {
     const F = $(() => {
       var E;
       return ((E = O.value) == null ? void 0 : E.filterValue) ?? "";
-    }), _ = $(() => F.value === "" ? null : F.value), N = $(() => F.value === "" ? null : F.value), Y = $(() => ol(l.column));
+    }), _ = $(() => F.value === "" ? null : F.value), N = $(() => F.value === "" ? null : F.value), x = $(() => ol(l.column));
     function ne(E, H) {
       var ie;
       let w, z = (E == null ? void 0 : E.value) ?? H;
-      const x = ((ie = O.value) == null ? void 0 : ie.filterValue.toString()) ?? "", b = !!z.trim(), B = !!x.trim();
+      const Y = ((ie = O.value) == null ? void 0 : ie.filterValue.toString()) ?? "", b = !!z.trim(), B = !!Y.trim();
       if (b === !1 && B && (z = ""), b || B) {
         if (O.value)
           w = ve(S.value), w.filterValue = z;
@@ -3974,8 +3978,8 @@ const _n = {
     function I(E, H) {
       let w = (E == null ? void 0 : E.value) ?? H ?? 0;
       if (typeof w == "string") {
-        const z = l.column.format === le.INTEGER, x = (z ? le.DECIMAL : l.column.format) ?? le.DECIMAL;
-        w = lt(w, x, { additionalOptions: {
+        const z = l.column.format === le.INTEGER, Y = (z ? le.DECIMAL : l.column.format) ?? le.DECIMAL;
+        w = lt(w, Y, { additionalOptions: {
           maximumFractionDigits: z ? 0 : void 0,
           minimumFractionDigits: z ? 0 : void 0
         } });
@@ -3988,11 +3992,11 @@ const _n = {
       if (O.value)
         w = ((z = O.value) == null ? void 0 : z.filterValue) === E, H = ve(O.value), H.filterValue = E ?? "";
       else if (E !== null && typeof l.column.field < "u") {
-        const x = c();
+        const Y = c();
         H = {
           filterOnColumn: l.column.field,
-          filterMethod: oe[x].replace("_", "").toLowerCase(),
-          filterOperation: x,
+          filterMethod: oe[Y].replace("_", "").toLowerCase(),
+          filterOperation: Y,
           filterValue: E
         };
       } else
@@ -4022,7 +4026,7 @@ const _n = {
       return E.initialLoad && m(ol)(E.column) ? (u(), P(m(Sl), {
         key: 0,
         class: "cl-h-[34px]"
-      })) : Y.value ? (u(), g("div", {
+      })) : x.value ? (u(), g("div", {
         key: 1,
         class: M(["cl-border cl-border-grey-2 cl-flex cl-relative cl-rounded-md", [
           E.options.hideGridMobileView || a.value || E.column.type === "boolean" || E.column.type === "slot" && E.column.slotType === "boolean" ? "cl-overflow-visible" : "cl-overflow-hidden lg:cl-overflow-visible"
@@ -4037,8 +4041,8 @@ const _n = {
           "model-value": F.value,
           "onUpdate:modelValue": H[0] || (H[0] = (z) => ne(null, z))
         }, {
-          input: V(({ selectModalVisible: z, toggleSelectModalState: x }) => [
-            k(sl, { onToggleModal: x }, {
+          input: V(({ selectModalVisible: z, toggleSelectModalState: Y }) => [
+            k(sl, { onToggleModal: Y }, {
               default: V(({ toggleModalInput: b }) => [
                 v("div", {
                   class: "!cl-h-[2rem] cl-bg-white cl-flex cl-font-normal cl-items-center cl-mb-0 cl-rounded-md cl-w-full",
@@ -4061,7 +4065,7 @@ const _n = {
           default: V(({ select: z }) => [
             k(ze, {
               class: "!cl-py-0 cl-text-xs",
-              onSelect: (x) => z("")
+              onSelect: (Y) => z("")
             }, {
               default: V(() => H[9] || (H[9] = [
                 re("   ")
@@ -4071,7 +4075,7 @@ const _n = {
             k(ze, {
               "is-selected": F.value === "true",
               class: "!cl-py-0 cl-text-xs",
-              onSelect: (x) => z("true")
+              onSelect: (Y) => z("true")
             }, {
               default: V(() => [
                 re(U(m(s)("grid.true")), 1)
@@ -4081,7 +4085,7 @@ const _n = {
             k(ze, {
               "is-selected": F.value === "false",
               class: "!cl-py-0 cl-text-xs",
-              onSelect: (x) => z("false")
+              onSelect: (Y) => z("false")
             }, {
               default: V(() => [
                 re(U(m(s)("grid.false")), 1)
@@ -4155,8 +4159,8 @@ const _n = {
           "is-grid-filter": !0,
           "onUpdate:modelValue": H[6] || (H[6] = (z) => i.value ? I(null, z) : ne(null, z))
         }, {
-          input: V(({ selectModalVisible: z, toggleSelectModalState: x }) => [
-            k(sl, { onToggleModal: x }, {
+          input: V(({ selectModalVisible: z, toggleSelectModalState: Y }) => [
+            k(sl, { onToggleModal: Y }, {
               default: V(({ toggleModalInput: b }) => {
                 var B, W;
                 return [
@@ -4182,21 +4186,21 @@ const _n = {
           default: V(({ select: z }) => [
             k(ze, {
               class: "!cl-py-0",
-              onSelect: (x) => z("")
+              onSelect: (Y) => z("")
             }, {
               default: V(() => H[12] || (H[12] = [
                 re("   ")
               ])),
               _: 2
             }, 1032, ["onSelect"]),
-            (u(!0), g(Z, null, X(E.column.listEntries ?? [], (x) => (u(), P(ze, {
-              key: x.value,
-              "is-selected": F.value === x.value.toString(),
+            (u(!0), g(Z, null, X(E.column.listEntries ?? [], (Y) => (u(), P(ze, {
+              key: Y.value,
+              "is-selected": F.value === Y.value.toString(),
               class: "cl-text-xs",
-              onSelect: (b) => z(x.value)
+              onSelect: (b) => z(Y.value)
             }, {
               default: V(() => [
-                re(U(m(s)(x.translationKey)), 1)
+                re(U(m(s)(Y.translationKey)), 1)
               ]),
               _: 2
             }, 1032, ["is-selected", "onSelect"]))), 128))
@@ -4603,9 +4607,9 @@ const _n = {
           filters: D
         };
       }
-    }), _ = R(((ne = l.request.filters.find((I) => I.filterMethod === "andcontains" || I.filterOperation === oe.AND_CONTAINS)) == null ? void 0 : ne.filterValue) ?? ""), N = $(() => l.columns.filter((I) => (I.type === "string" || I.type === "slot" && I.slotType === "string") && I.searchable)), Y = R(!0);
+    }), _ = R(((ne = l.request.filters.find((I) => I.filterMethod === "andcontains" || I.filterOperation === oe.AND_CONTAINS)) == null ? void 0 : ne.filterValue) ?? ""), N = $(() => l.columns.filter((I) => (I.type === "string" || I.type === "slot" && I.slotType === "string") && I.searchable)), x = R(!0);
     return ee(() => l.loading, () => {
-      Y.value = !1;
+      x.value = !1;
     }, {
       once: !0
     }), je(() => {
@@ -4617,7 +4621,7 @@ const _n = {
         ((D = l.data) == null ? void 0 : D.results.length) === 0 && f.value.pageNumber > 1 && (f.value.pageNumber = l.data.totalRecords > 0 ? Math.ceil(l.data.totalRecords / f.value.pageSize) : 1);
       }
     }), (I, D) => (u(), g("div", Bs, [
-      Y.value && N.value.length > 0 ? (u(), P(m(Sl), {
+      x.value && N.value.length > 0 ? (u(), P(m(Sl), {
         key: 0,
         class: "cl-h-[39px] cl-mb-2"
       })) : N.value.length > 0 ? (u(), P(Ss, {
@@ -4635,8 +4639,8 @@ const _n = {
       }, 8, ["search-value", "request", "columns"])) : L("", !0),
       k(Me, { name: "fade" }, {
         default: V(() => [
-          I.loading && Y.value === !1 ? (u(), g("div", Fs, [
-            k(Ye, { class: "after:!cl-h-20 after:!cl-w-20 cl-h-20 cl-w-20" })
+          I.loading && x.value === !1 ? (u(), g("div", Fs, [
+            k(xe, { class: "after:!cl-h-20 after:!cl-w-20 cl-h-20 cl-w-20" })
           ])) : L("", !0)
         ]),
         _: 1
@@ -4650,7 +4654,7 @@ const _n = {
         options: q.value,
         request: f.value,
         loading: I.loading,
-        "initial-load": Y.value,
+        "initial-load": x.value,
         onClearFilters: y
       }, {
         "additional-grid-actions": V((G) => [
@@ -4668,7 +4672,7 @@ const _n = {
       v("div", js, [
         v("table", {
           class: M(["cl-delay-75 cl-min-h-[276px] cl-overflow-x-auto cl-overscroll-x-none cl-text-left cl-transition-opacity cl-w-full", {
-            "cl-opacity-40 cl-pointer-events-none": I.loading && Y.value === !1
+            "cl-opacity-40 cl-pointer-events-none": I.loading && x.value === !1
           }])
         }, [
           v("colgroup", {
@@ -4678,7 +4682,7 @@ const _n = {
           }, [
             (u(!0), g(Z, null, X(p.value, (G, fe) => (u(), g("col", {
               key: fe,
-              style: xl(i(G.name)),
+              style: Yl(i(G.name)),
               span: 1
             }, null, 4))), 128))
           ], 2),
@@ -4690,7 +4694,7 @@ const _n = {
             columns: p.value,
             options: q.value,
             loading: I.loading,
-            "initial-load": Y.value,
+            "initial-load": x.value,
             "time-zone": I.timeZone,
             "header-display-timezone": n.value,
             onPerformDataRequest: D[7] || (D[7] = (G) => e("data-request"))
@@ -4701,7 +4705,7 @@ const _n = {
             data: h.value,
             "time-zone": I.timeZone,
             loading: I.loading,
-            "initial-load": Y.value,
+            "initial-load": x.value,
             "search-value": _.value,
             options: q.value,
             "edit-mode": T.value,
@@ -4723,7 +4727,7 @@ const _n = {
         key: 2,
         request: f.value,
         loading: I.loading,
-        "initial-load": Y.value,
+        "initial-load": x.value,
         "show-unsaved-changes-warning": T.value && q.value.disableUnsavedChangesWarning === !1,
         data: I.data,
         "onUpdate:request": D[11] || (D[11] = (G) => {
@@ -4777,7 +4781,7 @@ const _n = {
       }), [
         v("div", {
           class: "0 cl-grid cl-min-w-full cl-overflow-auto",
-          style: xl(r())
+          style: Yl(r())
         }, [
           k(m(mt), {
             request: e.value,
@@ -4816,7 +4820,7 @@ const _n = {
           "is-small-grid": i.value.smallGridText
         }, null, 8, ["request", "inert", "grid-id", "data", "initial-load", "is-small-grid"])) : L("", !0)
       ], 16, Hs),
-      y.loading && !f.value ? (u(), P(Ye, {
+      y.loading && !f.value ? (u(), P(xe, {
         key: 0,
         class: "after:!cl-h-14 after:!cl-w-14 cl-absolute cl-left-1/2 cl-top-20"
       })) : L("", !0)
@@ -4955,7 +4959,7 @@ const Ws = { class: "cl-col-[1_/_-1] cl-grid cl-grid-cols-subgrid" }, Ks = ["id"
       ]), 1040, ["id", "data", "time-zone", "column", "is-small-grid", "class"]))), 128))
     ]));
   }
-}), xs = { class: "cl-col-[1_/_-1] cl-grid cl-grid-cols-subgrid" }, ht = /* @__PURE__ */ j({
+}), Ys = { class: "cl-col-[1_/_-1] cl-grid cl-grid-cols-subgrid" }, ht = /* @__PURE__ */ j({
   __name: "cl-ui-grid-lite-body",
   props: {
     columns: {},
@@ -4970,7 +4974,7 @@ const Ws = { class: "cl-col-[1_/_-1] cl-grid cl-grid-cols-subgrid" }, Ks = ["id"
     const t = o, { t: l } = ce(), e = $(() => t.options.smallGridText ?? !1), s = $(() => t.options.alternatingRows ?? !1);
     return (n, c) => {
       var d;
-      return u(), g("div", xs, [
+      return u(), g("div", Ys, [
         n.initialLoad && n.pageSize > 0 ? (u(), P(gt, {
           key: 0,
           "page-size": n.pageSize,
@@ -5009,7 +5013,7 @@ const Ws = { class: "cl-col-[1_/_-1] cl-grid cl-grid-cols-subgrid" }, Ks = ["id"
       ]);
     };
   }
-}), Ys = ["id"], Js = ["id"], Xs = ["id"], _s = {
+}), xs = ["id"], Js = ["id"], Xs = ["id"], _s = {
   key: 5,
   class: "cl-inline-block cl-whitespace-nowrap"
 }, er = ["id", "innerHTML"], bt = /* @__PURE__ */ j({
@@ -5098,7 +5102,7 @@ const Ws = { class: "cl-col-[1_/_-1] cl-grid cl-grid-cols-subgrid" }, Ks = ["id"
           ], 64)) : (u(), g(Z, { key: 2 }, [
             re(U(d(a.data[a.column.field], m(se).DATETIME)), 1)
           ], 64))
-        ], 8, Ys)) : a.column.type === "list" && a.column.field !== void 0 && a.column.listEntries !== void 0 ? (u(), g("span", {
+        ], 8, xs)) : a.column.type === "list" && a.column.field !== void 0 && a.column.listEntries !== void 0 ? (u(), g("span", {
           key: 3,
           id: m(l),
           class: "cl-inline-block cl-whitespace-nowrap"
@@ -5273,7 +5277,7 @@ const yt = /* @__PURE__ */ ye(lr, [["render", or]]), ar = { class: "cl-flex cl-g
   emits: ["open-click"],
   setup(o, { emit: t }) {
     const l = o, e = t, s = R();
-    return xe(s, () => {
+    return Ye(s, () => {
       (l.isOpen ?? !1) && e("open-click");
     }), (n, c) => (u(), g("header", gr, [
       A(n.$slots, "logo"),
@@ -5443,7 +5447,7 @@ const yt = /* @__PURE__ */ ye(lr, [["render", or]]), ar = { class: "cl-flex cl-g
           placeholder: q.placeholder,
           required: q.required,
           disabled: q.disabled,
-          onClear: F[0] || (F[0] = (Y) => c.value = null)
+          onClear: F[0] || (F[0] = (x) => c.value = null)
         }), null, 16, ["date", "events", "type", "placeholder", "required", "disabled"])
       ]),
       _: 1
@@ -5522,8 +5526,8 @@ const yt = /* @__PURE__ */ ye(lr, [["render", or]]), ar = { class: "cl-flex cl-g
           placeholder: q.placeholder,
           required: q.required,
           disabled: q.disabled,
-          onClear: F[5] || (F[5] = (Y) => c.value = null),
-          onReset: F[6] || (F[6] = (Y) => c.value = m(tt)(e.min, e.max, n.value, q.type))
+          onClear: F[5] || (F[5] = (x) => c.value = null),
+          onReset: F[6] || (F[6] = (x) => c.value = m(tt)(e.min, e.max, n.value, q.type))
         }), null, 16, ["date", "events", "type", "placeholder", "required", "disabled"])
       ]),
       _: 1
@@ -5783,7 +5787,7 @@ const Lr = { class: "cl-flex cl-justify-between" }, Br = { class: "cl-w-full" },
 }, Qr = {
   key: 1,
   class: "cl-bg-danger-light cl-px-2 cl-rounded-md cl-text-center cl-text-danger-default cl-text-xs cl-w-auto cl-whitespace-pre-line"
-}, xr = /* @__PURE__ */ j({
+}, Yr = /* @__PURE__ */ j({
   inheritAttrs: !1,
   __name: "cl-ui-input",
   props: {
@@ -5836,7 +5840,7 @@ const Lr = { class: "cl-flex cl-justify-between" }, Br = { class: "cl-w-full" },
         ...((B = e.externalErrors) == null ? void 0 : B.filter((W) => ((W == null ? void 0 : W.length) ?? 0) > 0)) ?? []
       ].join(`
 `);
-    }), Y = $(() => ({
+    }), x = $(() => ({
       currency: "GBP",
       locale: "en-GB",
       valueRange: {
@@ -5910,7 +5914,7 @@ const Lr = { class: "cl-flex cl-justify-between" }, Br = { class: "cl-w-full" },
         e.validateOn === "change" && await D(W), s("change", b, W);
       }
     }
-    async function x() {
+    async function Y() {
       await E(), H();
     }
     return je(() => {
@@ -5976,7 +5980,7 @@ const Lr = { class: "cl-flex cl-justify-between" }, Br = { class: "cl-w-full" },
             autocomplete: b.autocomplete,
             onClick: B[1] || (B[1] = (W) => fe(W)),
             onFocus: B[2] || (B[2] = (W) => s("focus")),
-            onBlur: ae(x, ["self"]),
+            onBlur: ae(Y, ["self"]),
             onMousewheelPassive: w,
             onInput: B[3] || (B[3] = (W) => {
               s("input", W, m(Hl)(W, b.inputType));
@@ -6026,7 +6030,7 @@ const Lr = { class: "cl-flex cl-justify-between" }, Br = { class: "cl-w-full" },
             "input-specific-classes": b.inputSpecificClasses,
             group: b.group,
             step: b.step,
-            "currency-options": Y.value,
+            "currency-options": x.value,
             onChange: B[7] || (B[7] = (W, ie) => z(W, ie)),
             onFocus: B[8] || (B[8] = (W) => s("focus")),
             onBlur: E
@@ -6074,7 +6078,7 @@ const Lr = { class: "cl-flex cl-justify-between" }, Br = { class: "cl-w-full" },
       !q.value && N.value.length > 0 && b.showValidationMessages && F.value ? (u(), g("div", Qr, U(N.value), 1)) : L("", !0)
     ], 16));
   }
-}), Yr = /* @__PURE__ */ ye(xr, [["__scopeId", "data-v-2373f106"]]), Jr = [
+}), xr = /* @__PURE__ */ ye(Yr, [["__scopeId", "data-v-2373f106"]]), Jr = [
   "button",
   "checkbox",
   "color",
@@ -6368,7 +6372,7 @@ const ei = {
         deep: !0
       }
     );
-    const r = R(!1), a = R(!1), { start: i } = Yl(() => a.value = !1, 100);
+    const r = R(!1), a = R(!1), { start: i } = xl(() => a.value = !1, 100);
     function f() {
       r.value = !r.value, e("pinned-state", r.value), a.value = !0, i();
     }
@@ -6381,7 +6385,7 @@ const ei = {
         O.open = !1;
       }), e("open-state", !1, void 0));
     }
-    return xe(y, h), t({
+    return Ye(y, h), t({
       closeNavigation: h,
       restorePinnedNavigation: C
     }), (O, T) => (u(), g("div", {
@@ -6570,7 +6574,7 @@ const zi = /* @__PURE__ */ ye(Ii, [["render", Ui]]), Li = /* @__PURE__ */ j({
           ref: d,
           class: M(["cl-border-b cl-border-grey-1 cl-flex cl-flex-nowrap cl-flex-row", {
             "cl-mr-4": r.value && a.value,
-            "cl-mb-4 xl:cl-mb-6 cl-overflow-x-auto cl-overscroll-x-none cl-w-full": a.value,
+            "cl-mb-4 xl:cl-mb-6 cl-overflow-x-auto cl-overscroll-x-none cl-w-full cl-gap-4 xl:cl-gap-6": a.value,
             "cl-flex-col cl-border-b-0": a.value === !1
           }]),
           onScrollPassive: i
@@ -6611,16 +6615,18 @@ const zi = /* @__PURE__ */ ye(Ii, [["render", Ui]]), Li = /* @__PURE__ */ j({
   setup(o) {
     const t = o, l = $(() => t.layout === "horizontal");
     return (e, s) => (u(), g("div", {
-      class: M(["cl-flex cl-font-bold cl-items-center cl-px-4 cl-py-2 cl-whitespace-nowrap xl:cl-px-6 xl:cl-py-3 xl:cl-text-lg", {
-        "cl-border-b-4": l.value,
-        "cl-border-b-0 cl-border-r-4": l.value === !1,
+      class: M(["cl-flex cl-items-center cl-whitespace-nowrap", {
+        "cl-border-b-4 cl-pb-2": l.value,
+        "cl-border-b-0 cl-border-r-4 cl-pr-4 cl-py-2": l.value === !1,
         "cl-cursor-pointer hover:cl-border-opacity-100 cl-border-link-lighter cl-border-opacity-0 cl-text-secondary-light hover:cl-text-black": e.open === !1 && !e.disabled,
         "cl-border-primary-default": e.open && (e.colour === "primary" || e.colour === "default") && !e.disabled,
         "cl-border-secondary-default": e.open && e.colour === "secondary" && !e.disabled,
         "cl-border-danger-default": e.open && e.colour === "danger" && !e.disabled,
         "cl-border-blue-default": e.open && e.colour === "blue" && !e.disabled,
         "cl-text-grey-2 cl-border-link-lighter cl-border-opacity-0": e.disabled,
-        "cl-border-grey-1": e.disabled && e.open
+        "cl-border-grey-1": e.disabled && e.open,
+        "cl-text-secondary-default": e.disabled == !1,
+        "cl-font-bold": e.open
       }]),
       inert: e.disabled
     }, [
@@ -6655,7 +6661,7 @@ const zi = /* @__PURE__ */ ye(Ii, [["render", Ui]]), Li = /* @__PURE__ */ j({
 ], Wi = [
   "horizontal",
   "vertical"
-], Ki = { class: "cl-block cl-h-full cl-w-full" }, Qi = ["multiple", "accept", "disabled"], xi = ["multiple", "accept", "disabled"], Yi = /* @__PURE__ */ j({
+], Ki = { class: "cl-block cl-h-full cl-w-full" }, Qi = ["multiple", "accept", "disabled"], Yi = ["multiple", "accept", "disabled"], xi = /* @__PURE__ */ j({
   inheritAttrs: !1,
   __name: "cl-ui-file-uploader",
   props: {
@@ -6736,7 +6742,7 @@ const zi = /* @__PURE__ */ ye(Ii, [["render", Ui]]), Li = /* @__PURE__ */ j({
         accept: i.acceptedFileTypes,
         disabled: i.disabled,
         onInput: n
-      }, null, 42, xi))
+      }, null, 42, Yi))
     ]));
   }
 }), Ji = /* @__PURE__ */ j({
@@ -6894,7 +6900,7 @@ const zi = /* @__PURE__ */ ye(Ii, [["render", Ui]]), Li = /* @__PURE__ */ j({
       t.value = !t.value;
     }
     const c = R(!1), { lg: d } = zt(Lt), p = R();
-    return xe(p, () => {
+    return Ye(p, () => {
       t.value === !0 && d.value === !1 && (t.value = !1);
     }), (r, a) => (u(), g(Z, null, [
       v("div", K({
@@ -7185,7 +7191,7 @@ const qc = { class: "cl-flex cl-flex-nowrap cl-flex-row cl-w-full" }, Oc = { cla
             "branches-at": C.value
           }, null, 8, ["branches-at"])) : L("", !0),
           S.rootNode.children && S.rootNode.children.length > 0 && m(c) ? (u(), g("div", Mc, [
-            (u(!0), g(Z, null, X(S.rootNode.children, (N, Y) => (u(), g("div", {
+            (u(!0), g(Z, null, X(S.rootNode.children, (N, x) => (u(), g("div", {
               key: N.id,
               ref_for: !0,
               ref_key: "childSubtreeDivs",
@@ -7196,11 +7202,11 @@ const qc = { class: "cl-flex cl-flex-nowrap cl-flex-row cl-w-full" }, Oc = { cla
                 "onUpdate:selectedPath": q[2] || (q[2] = (ne) => e.value = ne),
                 "id-prefix": `${S.idPrefix}-${N.id}`,
                 depth: S.depth + 1,
-                breadth: Y,
+                breadth: x,
                 "path-fragments": [...S.pathFragments, N.id],
                 "root-node": N,
                 onRecalculateTreePath: m(O),
-                onSetChildNodeHeight: (ne) => y.value[Y] = ne
+                onSetChildNodeHeight: (ne) => y.value[x] = ne
               }, be({ _: 2 }, [
                 X(S.$slots, (ne, I) => ({
                   name: I,
@@ -7270,7 +7276,7 @@ const qc = { class: "cl-flex cl-flex-nowrap cl-flex-row cl-w-full" }, Oc = { cla
   clUiButton: Ce,
   clUiCard: co,
   clUiComboBox: Go,
-  clUiFileUploader: Yi,
+  clUiFileUploader: xi,
   clUiFooter: _o,
   clUiGrid: Ps,
   clUiGridLite: Zs,
@@ -7283,7 +7289,7 @@ const qc = { class: "cl-flex cl-flex-nowrap cl-flex-row cl-w-full" }, Oc = { cla
   clUiGridLiteRow: vt,
   clUiHeader: vr,
   clUiHeaderMenu: Cr,
-  clUiInput: Yr,
+  clUiInput: xr,
   clUiInputCheckbox: dl,
   clUiInputDateRange: ut,
   clUiInputDateRangeInput: Vl,
@@ -7293,7 +7299,7 @@ const qc = { class: "cl-flex cl-flex-nowrap cl-flex-row cl-w-full" }, Oc = { cla
   clUiInputText: Re,
   clUiInputTextArea: Sn,
   clUiLanguageSwitcher: ai,
-  clUiLoadingSpinner: Ye,
+  clUiLoadingSpinner: xe,
   clUiLogin: hi,
   clUiMenu: rc,
   clUiMenuGroup: mc,
@@ -7367,7 +7373,7 @@ export {
   Ce as clUiButton,
   co as clUiCard,
   Go as clUiComboBox,
-  Yi as clUiFileUploader,
+  xi as clUiFileUploader,
   _o as clUiFooter,
   Ps as clUiGrid,
   Zs as clUiGridLite,
@@ -7380,7 +7386,7 @@ export {
   vt as clUiGridLiteRow,
   vr as clUiHeader,
   Cr as clUiHeaderMenu,
-  Yr as clUiInput,
+  xr as clUiInput,
   dl as clUiInputCheckbox,
   ut as clUiInputDateRange,
   Vl as clUiInputDateRangeInput,
@@ -7390,7 +7396,7 @@ export {
   Re as clUiInputText,
   Sn as clUiInputTextArea,
   ai as clUiLanguageSwitcher,
-  Ye as clUiLoadingSpinner,
+  xe as clUiLoadingSpinner,
   hi as clUiLogin,
   rc as clUiMenu,
   mc as clUiMenuGroup,
@@ -7446,8 +7452,8 @@ export {
   Un as popoverPlacements,
   $n as quickDateNames,
   Ta as scrubGroupSeparatorsFromFormattedValue,
-  Yc as setCurrentLocale,
-  xc as setLocaleDateTimeFormats,
+  xc as setCurrentLocale,
+  Yc as setLocaleDateTimeFormats,
   Kc as setLocaleMessages,
   Qc as setLocaleNumberFormats,
   Il as showNotification,