@citruslime/ui 4.0.1-beta.9 → 4.0.2-beta.0

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

@@ -1,5 +1,5 @@
 import { Icon as ee } from "@iconify/vue";
-import { defineComponent as P, ref as M, createElementBlock as v, openBlock as c, renderSlot as E, normalizeProps as ge, guardReactiveProps as he, Fragment as K, createElementVNode as h, normalizeClass as I, createVNode as O, unref as g, Transition as Ve, withCtx as V, withDirectives as ae, mergeProps as Q, vShow as fe, createBlock as F, Teleport as Dl, renderList as x, toDisplayString as U, createCommentVNode as B, computed as S, createTextVNode as re, mergeModels as ie, useModel as ve, watch as _, createSlots as be, vModelDynamic as et, shallowRef as zl, toValue as rl, toRefs as lt, withKeys as le, onMounted as Ke, onUnmounted as Ol, withModifiers as X, nextTick as Pe, useAttrs as Qe, resolveComponent as Te, inject as fl, vModelCheckbox as At, watchEffect as Mt, vModelText as El, useCssVars as tt, toHandlers as Vt, useSlots as Nt, provide as kl, normalizeStyle as ot, isRef as Rt } from "vue";
+import { defineComponent as P, ref as A, createElementBlock as v, openBlock as c, renderSlot as E, normalizeProps as ge, guardReactiveProps as he, Fragment as K, createElementVNode as h, normalizeClass as I, createVNode as O, unref as g, Transition as Ve, withCtx as V, withDirectives as ae, mergeProps as Q, vShow as fe, createBlock as F, Teleport as Dl, renderList as x, toDisplayString as U, createCommentVNode as B, computed as S, createTextVNode as re, mergeModels as ie, useModel as ve, watch as _, createSlots as be, vModelDynamic as et, shallowRef as zl, toValue as rl, toRefs as lt, withKeys as le, onMounted as Ke, onUnmounted as Ol, withModifiers as X, nextTick as Pe, useAttrs as Qe, resolveComponent as Te, inject as fl, vModelCheckbox as Mt, watchEffect as At, vModelText as El, useCssVars as tt, toHandlers as Vt, useSlots as Nt, provide as kl, normalizeStyle as ot, isRef as Rt } from "vue";
 import { generateStringId as Ut, highlightText as Bt, validateEmail as zt, isTouchDevice as Ft, escapeStringForRegExp as Lt } from "@citruslime/utils";
 import { useFocusWithin as Il, onKeyDown as $l, toArray as Pt, unrefElement as jt, tryOnScopeDispose as Ht, onClickOutside as ll, useTimeoutFn as at, useMouseInElement as Gt, useMediaQuery as il, useThrottle as Zt, useDebounceFn as el, useBreakpoints as Wt, breakpointsTailwind as Kt, useThrottleFn as Qt, useWindowSize as Yt, useElementSize as Fl, useElementBounding as Ll } from "@vueuse/core";
 import { useI18n as ue, createI18n as Jt } from "vue-i18n";
@@ -14,7 +14,7 @@ const _t = { class: "cl:overflow-hidden" }, eo = /* @__PURE__ */ P({
     exclusive: { type: Boolean, default: !1 }
   },
   setup(o) {
-    const t = o, l = M([]);
+    const t = o, l = A([]);
     function e(n) {
       let i = l.value.find((p) => p.id === n);
       return i || (i = {
@@ -91,7 +91,7 @@ function ro(o, t) {
     E(o.$slots, "default")
   ]);
 }
-const io = /* @__PURE__ */ Ce(no, [["render", ro]]), ul = M([]);
+const io = /* @__PURE__ */ Ce(no, [["render", ro]]), ul = A([]);
 function Pl(o) {
   const t = {
     id: Ut(),
@@ -195,7 +195,7 @@ const tl = /* @__PURE__ */ Ce(mo, [["render", vo], ["__scopeId", "data-v-1eee625
     disabled: { type: Boolean, default: !1 }
   },
   setup(o, { expose: t }) {
-    const l = M(null);
+    const l = A(null);
     return t({
       focus() {
         l.value && l.value.focus();
@@ -305,7 +305,7 @@ const tl = /* @__PURE__ */ Ce(mo, [["render", vo], ["__scopeId", "data-v-1eee625
 }, Eo = { class: "cl:flex cl:flex-col cl:flex-nowrap cl:gap-1 cl:w-full" }, Io = {
   key: 1,
   class: "cl:pt-1 cl:select-none cl:text-xs"
-}, Ao = { class: "cl:text-xs cl:w-full" }, Re = /* @__PURE__ */ P({
+}, Mo = { class: "cl:text-xs cl:w-full" }, Re = /* @__PURE__ */ P({
   __name: "cl-ui-input-layout-wrapper",
   props: {
     showRequiredAsterisk: { type: Boolean },
@@ -336,7 +336,7 @@ const tl = /* @__PURE__ */ Ce(mo, [["render", vo], ["__scopeId", "data-v-1eee625
           }, U(n), 1))), 128))
         ])
       ])) : e.errors || e.$slots.helpText ? (c(), v("div", Io, [
-        h("span", Ao, [
+        h("span", Mo, [
           E(e.$slots, "helpText", {}, () => [
             s[0] || (s[0] = re(" "))
           ])
@@ -344,7 +344,7 @@ const tl = /* @__PURE__ */ Ce(mo, [["render", vo], ["__scopeId", "data-v-1eee625
       ])) : B("", !0)
     ]));
   }
-}), Mo = ["type", "maxlength", "disabled", "placeholder"], Be = /* @__PURE__ */ P({
+}), Ao = ["type", "maxlength", "disabled", "placeholder"], Be = /* @__PURE__ */ P({
   inheritAttrs: !1,
   __name: "cl-ui-input-text",
   props: /* @__PURE__ */ ie({
@@ -361,7 +361,7 @@ const tl = /* @__PURE__ */ Ce(mo, [["render", vo], ["__scopeId", "data-v-1eee625
   }),
   emits: /* @__PURE__ */ ie(["focus", "blur", "keySinglePress"], ["update:modelValue"]),
   setup(o, { expose: t, emit: l }) {
-    const e = o, s = ve(o, "modelValue"), n = l, i = M(), { focused: p } = Il(i);
+    const e = o, s = ve(o, "modelValue"), n = l, i = A(), { focused: p } = Il(i);
     return _(p, () => {
       var m;
       p.value && e.selectOnFocus && ((m = i.value) == null || m.select());
@@ -397,7 +397,7 @@ const tl = /* @__PURE__ */ Ce(mo, [["render", vo], ["__scopeId", "data-v-1eee625
           placeholder: m.placeholder ?? void 0,
           onFocus: r[1] || (r[1] = (a) => n("focus")),
           onBlur: r[2] || (r[2] = (a) => n("blur"))
-        }), null, 16, Mo), [
+        }), null, 16, Ao), [
           [et, s.value]
         ])
       ]),
@@ -475,7 +475,7 @@ const Ro = {
   }),
   emits: ["update:visible"],
   setup(o) {
-    const t = o, l = ve(o, "visible"), { trapFocus: e } = lt(t), s = M(), n = No(s);
+    const t = o, l = ve(o, "visible"), { trapFocus: e } = lt(t), s = A(), n = No(s);
     _([
       e,
       l
@@ -605,7 +605,7 @@ const Ro = {
     }), n = S(() => {
       var a;
       return ((a = l.option) == null ? void 0 : a.parentName) ?? "";
-    }), i = M(!1);
+    }), i = A(!1);
     function p() {
       var a;
       l.isCreateNewOption === !0 ? e("create-object") : e("select-object", (a = l.option) == null ? void 0 : a.id);
@@ -665,7 +665,7 @@ const Ro = {
   },
   emits: ["clear-object", "create-object", "select-object", "search", "hide-dropdown"],
   setup(o, { emit: t }) {
-    const l = o, e = t, { t: s } = ue(), n = M(""), i = M(!1), p = M(-1), m = S(() => i.value ? -1 : 0), r = M();
+    const l = o, e = t, { t: s } = ue(), n = A(""), i = A(!1), p = A(-1), m = S(() => i.value ? -1 : 0), r = A();
     function a(D) {
       (D === void 0 || D.code && D.code.startsWith("Arrow") === !1 && D.code.startsWith("Control") === !1 && D.code.startsWith("Shift") === !1 && D.code.startsWith("Tab") === !1 && D.code !== "Enter") && (e("search", n.value), p.value = -2);
     }
@@ -679,10 +679,10 @@ const Ro = {
       e("hide-dropdown");
     }
     function w(D) {
-      p.value < l.results.length - 1 ? (p.value === -2 && n.value === "" && p.value++, p.value++) : p.value = D, A();
+      p.value < l.results.length - 1 ? (p.value === -2 && n.value === "" && p.value++, p.value++) : p.value = D, M();
     }
     function b(D) {
-      p.value > D ? p.value-- : p.value = l.results.length - 1, A();
+      p.value > D ? p.value-- : p.value = l.results.length - 1, M();
     }
     function k() {
       p.value >= 0 && l.results !== void 0 ? d(l.results[p.value].id) : p.value === -1 && f();
@@ -696,7 +696,7 @@ const Ro = {
         oe >= 0 && (J[oe].focus(), y());
       }
     }
-    function A() {
+    function M() {
       var D;
       l.results && l.results.length > 1 && ((D = r.value) == null || D.scrollTo(0, (p.value + 1) * 34 - 34 * 2));
     }
@@ -825,10 +825,10 @@ const Ro = {
   },
   emits: ["focus", "search", "search-parent", "create-object", "create-parent-object", "update:current-object"],
   setup(o, { expose: t, emit: l }) {
-    const e = o, s = l, { id: n, ...i } = Qe(), p = n ?? `cl-ui-combo-box-input-${e.objectType}`, m = S(() => e.placeholderText ? e.placeholderText : a("comboBox.emptyHintText", { object: e.objectType })), r = S(() => e.searchHint ? e.searchHint : a("comboBox.searchHint", { object: e.objectType })), { t: a } = ue(), d = M(!1), f = S({
+    const e = o, s = l, { id: n, ...i } = Qe(), p = n ?? `cl-ui-combo-box-input-${e.objectType}`, m = S(() => e.placeholderText ? e.placeholderText : a("comboBox.emptyHintText", { object: e.objectType })), r = S(() => e.searchHint ? e.searchHint : a("comboBox.searchHint", { object: e.objectType })), { t: a } = ue(), d = A(!1), f = S({
       get: () => e.currentObject,
       set: (u) => s("update:current-object", u)
-    }), y = M(null), w = S(() => j()), b = M(""), k = M(""), q = M(), A = M(!0), H = M(!1);
+    }), y = A(null), w = S(() => j()), b = A(""), k = A(""), q = A(), M = A(!0), H = A(!1);
     function N(u) {
       var T;
       const $ = ((T = me.value) == null ? void 0 : T.getBoundingClientRect().top) || 0;
@@ -914,14 +914,14 @@ const Ro = {
     }
     function L() {
       let u = !0;
-      b.value === "" && (u = !1), e.objectParentType !== "" && y.value === null && (u = !1), A.value = u;
+      b.value === "" && (u = !1), e.objectParentType !== "" && y.value === null && (u = !1), M.value = u;
     }
     _(() => e.objectCreatedResponse, () => C()), _(() => e.parentObjectCreatedResponse, () => z()), _(() => b.value, () => L()), _(() => y.value, () => L());
-    const me = M();
+    const me = A();
     ll(me, () => {
       d.value && N(!1);
     });
-    const Se = M();
+    const Se = A();
     function je() {
       var u;
       N(!1), e.openDropDownOnFocus || (u = Se.value) == null || u.focus();
@@ -1048,7 +1048,7 @@ const Ro = {
               O(qe, {
                 colour: "primary",
                 size: "small",
-                disabled: !A.value,
+                disabled: !M.value,
                 onClick: (ce) => {
                   pe(), Z();
                 }
@@ -1131,7 +1131,7 @@ const ga = /* @__PURE__ */ Ce(pa, [["render", ma]]), va = {}, ha = { class: "cl:
 function ba(o, t) {
   return c(), v("div", ha);
 }
-const Al = /* @__PURE__ */ Ce(va, [["render", ba]]), Cl = /* @__PURE__ */ P({
+const Ml = /* @__PURE__ */ Ce(va, [["render", ba]]), Cl = /* @__PURE__ */ P({
   inheritAttrs: !1,
   __name: "cl-ui-skeleton-text",
   props: {
@@ -1184,7 +1184,8 @@ const ya = {
     columns: {},
     options: {},
     request: {},
-    canBulkEdit: { type: Boolean }
+    canBulkEdit: { type: Boolean },
+    disableEditMode: { type: Boolean }
   },
   emits: ["update:edit-mode", "update:filterPanelOpen", "clear-filters"],
   setup(o) {
@@ -1215,7 +1216,7 @@ const ya = {
           size: "small",
           colour: "blue",
           class: "cl:flex-1 cl:lg:flex-none",
-          disabled: n.loading,
+          disabled: n.loading || n.disableEditMode,
           onClick: i[0] || (i[0] = X((p) => n.$emit("update:edit-mode", !n.editMode), ["prevent"]))
         }, {
           default: V(() => [
@@ -1232,7 +1233,7 @@ const ya = {
           size: "small",
           colour: "blue",
           class: "cl:flex-1 cl:lg:flex-none",
-          disabled: n.loading,
+          disabled: n.loading || n.disableEditMode,
           onClick: i[1] || (i[1] = X((p) => n.$emit("update:edit-mode", !n.editMode), ["prevent"]))
         }, {
           default: V(() => [
@@ -1297,7 +1298,7 @@ const ya = {
   }),
   emits: /* @__PURE__ */ ie(["focus", "blur"], ["update:modelValue"]),
   setup(o, { expose: t, emit: l }) {
-    const e = ve(o, "modelValue"), s = l, n = M();
+    const e = ve(o, "modelValue"), s = l, n = A();
     return t({
       focus: () => {
         var i;
@@ -1332,7 +1333,7 @@ const ya = {
           onFocus: p[2] || (p[2] = (m) => s("focus")),
           onBlur: p[3] || (p[3] = (m) => s("blur"))
         }), null, 16, qa), [
-          [At, e.value]
+          [Mt, e.value]
         ])
       ]),
       _: 2
@@ -1559,20 +1560,20 @@ function lc(o, t) {
 function tc(o) {
   return De.global.locale.value = o, Pe();
 }
-const { locale: Aa, getNumberFormat: Ma } = De.global, vl = te.DECIMAL;
+const { locale: Ma, getNumberFormat: Aa } = De.global, vl = te.DECIMAL;
 function Oe(o) {
-  return Me(o, te.DECIMAL, { additionalOptions: {
+  return Ae(o, te.DECIMAL, { additionalOptions: {
     minimumFractionDigits: 0,
     maximumFractionDigits: 0
   } });
 }
 function yl(o, t) {
-  return Me(o, te.DECIMAL, { additionalOptions: {
+  return Ae(o, te.DECIMAL, { additionalOptions: {
     minimumFractionDigits: 0,
     maximumFractionDigits: t
   } });
 }
-function Me(o, t, l) {
+function Ae(o, t, l) {
   if (hl(t)) {
     const e = We(vl, l);
     return t.replace(/\{0\}/g, Zl(o, e) ?? "");
@@ -1596,7 +1597,7 @@ function it(o, t, l) {
   } else
     return Gl(o, Vl(t), l);
 }
-function Ml(o, t) {
+function Al(o, t) {
   return hl(o) ? We(vl, t) : We(Vl(o), t);
 }
 function Va(o, t, l) {
@@ -1664,7 +1665,7 @@ function ol(o) {
   }
 }
 function We(o, t) {
-  const l = rl(t == null ? void 0 : t.locale) || g(Aa), e = Ma(l), s = ye(rl(t == null ? void 0 : t.additionalOptions) ?? {});
+  const l = rl(t == null ? void 0 : t.locale) || g(Ma), e = Aa(l), s = ye(rl(t == null ? void 0 : t.additionalOptions) ?? {});
   let n = "decimal";
   switch (o) {
     case te.PERCENTAGE:
@@ -1729,14 +1730,14 @@ function za(o, t, l, e, s) {
         case "tel":
         case "text":
         case "url":
-          p = ((e == null ? void 0 : e.length) ?? 0) >= (Number(o) || 0), i = Ae(p, Ie("input.greaterOrEqualToCharacters", {
+          p = ((e == null ? void 0 : e.length) ?? 0) >= (Number(o) || 0), i = Me(p, Ie("input.greaterOrEqualToCharacters", {
             label: l,
             min: o.toString()
           }));
           break;
         case "number":
         case "range":
-          p = e >= (Number(o) || 0), i = Ae(p, Ie("input.greaterOrEqualToValue", {
+          p = e >= (Number(o) || 0), i = Me(p, Ie("input.greaterOrEqualToValue", {
             label: l,
             min: o.toString()
           }));
@@ -1746,7 +1747,7 @@ function za(o, t, l, e, s) {
             zone: "UTC"
           }), r = Y.fromISO(o, {
             zone: "UTC"
-          })), p = m >= r, i = Ae(p, Ie("input.afterOrEqualToValue", {
+          })), p = m >= r, i = Me(p, Ie("input.afterOrEqualToValue", {
             label: l,
             min: r.setLocale(De.global.locale.value).toFormat("D")
           }));
@@ -1756,7 +1757,7 @@ function za(o, t, l, e, s) {
             zone: "UTC"
           }), r = Y.fromISO(o, {
             zone: "UTC"
-          })), p = m >= r, s && (r = r.setZone(s)), i = Ae(p, Ie("input.afterOrEqualToValue", {
+          })), p = m >= r, s && (r = r.setZone(s)), i = Me(p, Ie("input.afterOrEqualToValue", {
             label: l,
             min: r.setLocale(De.global.locale.value).toFormat("f")
           }));
@@ -1784,14 +1785,14 @@ function Fa(o, t, l, e, s) {
         case "tel":
         case "text":
         case "url":
-          p = ((e == null ? void 0 : e.length) ?? 0) <= (Number(o) || 0), i = Ae(p, Ie("input.lessOrEqualToCharacters", {
+          p = ((e == null ? void 0 : e.length) ?? 0) <= (Number(o) || 0), i = Me(p, Ie("input.lessOrEqualToCharacters", {
             label: l,
             max: o.toString()
           }));
           break;
         case "number":
         case "range":
-          p = e <= (Number(o) || 0), i = Ae(p, Ie("input.lessOrEqualToValue", {
+          p = e <= (Number(o) || 0), i = Me(p, Ie("input.lessOrEqualToValue", {
             label: l,
             max: o.toString()
           }));
@@ -1801,7 +1802,7 @@ function Fa(o, t, l, e, s) {
             zone: "UTC"
           }), r = Y.fromISO(o, {
             zone: "UTC"
-          })), p = m <= r, i = Ae(p, Ie("input.beforeOrEqualToValue", {
+          })), p = m <= r, i = Me(p, Ie("input.beforeOrEqualToValue", {
             label: l,
             max: r.setLocale(De.global.locale.value).toFormat("D")
           }));
@@ -1811,7 +1812,7 @@ function Fa(o, t, l, e, s) {
             zone: "UTC"
           }), r = Y.fromISO(o, {
             zone: "UTC"
-          })), p = m <= r, i = Ae(p, Ie("input.beforeOrEqualToValue", {
+          })), p = m <= r, i = Me(p, Ie("input.beforeOrEqualToValue", {
             label: l,
             max: r.setLocale(De.global.locale.value).toFormat("f")
           }));
@@ -1826,17 +1827,17 @@ function Fa(o, t, l, e, s) {
 }
 function La(o, t) {
   return new Promise((l) => {
-    const e = t != null && t !== "" && t.toString().trim() !== "", s = Ae(e, Ie("input.valueIsRequired", { label: o }));
+    const e = t != null && t !== "" && t.toString().trim() !== "", s = Me(e, Ie("input.valueIsRequired", { label: o }));
     l(s);
   });
 }
 function Pa(o, t) {
   return new Promise((l) => {
-    const s = t === "" || /[a-zA-Z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-zA-Z0-9!#$%&'*+/=?^_`{|}~-]+)*@(?:[a-zA-Z0-9](?:[a-zA-Z0-9-]*[a-zA-Z0-9])?\.)+[a-zA-Z0-9](?:[a-zA-Z0-9-]*[a-zA-Z0-9])?/.exec(t) !== null, n = Ae(s, Ie("input.valueNotValidEmail", { label: o }));
+    const s = t === "" || /[a-zA-Z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-zA-Z0-9!#$%&'*+/=?^_`{|}~-]+)*@(?:[a-zA-Z0-9](?:[a-zA-Z0-9-]*[a-zA-Z0-9])?\.)+[a-zA-Z0-9](?:[a-zA-Z0-9-]*[a-zA-Z0-9])?/.exec(t) !== null, n = Me(s, Ie("input.valueNotValidEmail", { label: o }));
     l(n);
   });
 }
-function Ae(o, t) {
+function Me(o, t) {
   return {
     valid: o,
     message: o ? "" : t
@@ -1902,13 +1903,13 @@ const ja = {
       return r ? (t.column.maxLength && (r = r.trimToLength(t.column.maxLength, t.column.format !== void 0 ? t.column.format === "ellipsis" : !1)), t.searchValue && t.column.searchable && (r = Bt(r, t.searchValue.split(" "))), t.column.format === "wrap-text" && (r = `<span class="cl:break-words cl:whitespace-pre-wrap">${r}</span>`), r) : "";
     }
     function m(r, a) {
-      return t.column.format === te.INTEGER ? Me(r, te.DECIMAL, {
+      return t.column.format === te.INTEGER ? Ae(r, te.DECIMAL, {
         locale: a,
         additionalOptions: {
           maximumFractionDigits: 0,
           minimumFractionDigits: 0
         }
-      }) : Me(r, t.column.format ?? te.DECIMAL, {
+      }) : Ae(r, t.column.format ?? te.DECIMAL, {
         locale: a,
         additionalOptions: {
           maximumFractionDigits: t.column.precision ?? 2,
@@ -1952,14 +1953,14 @@ const ja = {
   },
   emits: ["edit", "focus", "undo"],
   setup(o, { emit: t }) {
-    const l = o, e = t, { t: s } = ue(), n = M(ye(l.data)), i = S(() => l.column.field !== void 0 && n.value[l.column.field] !== l.data[l.column.field]), p = S(() => {
+    const l = o, e = t, { t: s } = ue(), n = A(ye(l.data)), i = S(() => l.column.field !== void 0 && n.value[l.column.field] !== l.data[l.column.field]), p = S(() => {
       var r;
       return ((r = l.column.listEntries) == null ? void 0 : r.map((a, d) => ({
         id: d,
         name: s(a.translationKey)
       }))) ?? [];
     });
-    Mt(() => n.value = ye(l.data)), _(n, (r) => {
+    At(() => n.value = ye(l.data)), _(n, (r) => {
       const a = l.column.field ?? "";
       a !== "" && (r[a] !== l.data[a] ? e("edit", r[a]) : e("undo"));
     }, {
@@ -2079,7 +2080,7 @@ const ja = {
   }),
   emits: /* @__PURE__ */ ie(["row-select", "row-edit", "row-edit-cancelled", "clear-filters"], ["update:selectedRowIndex"]),
   setup(o, { emit: t }) {
-    const l = o, e = ve(o, "selectedRowIndex"), s = t, { t: n } = ue(), i = M({
+    const l = o, e = ve(o, "selectedRowIndex"), s = t, { t: n } = ue(), i = A({
       index: -1,
       record: {}
     });
@@ -2100,16 +2101,16 @@ const ja = {
         }, s("row-edit-cancelled", ye(i.value));
       }
     }
-    const d = M({});
+    const d = A({});
     _(() => l.data, () => {
       var b, k;
-      return d.value = Object.fromEntries(((k = (b = l.data) == null ? void 0 : b.results) == null ? void 0 : k.map((q, A) => [
-        [A],
+      return d.value = Object.fromEntries(((k = (b = l.data) == null ? void 0 : b.results) == null ? void 0 : k.map((q, M) => [
+        [M],
         {
           count: 0,
           target: null,
           reset: at(() => {
-            d.value[A] && (d.value[A].count = 0, d.value[A].target = null);
+            d.value[M] && (d.value[M].count = 0, d.value[M].target = null);
           }, 400, { immediate: !1 })
         }
       ])) ?? []);
@@ -2118,8 +2119,8 @@ const ja = {
       immediate: !0
     });
     function f(b, k, q) {
-      const { currentTarget: A } = q;
-      l.options.rowSelectionEnabled ? y(b, k) : (d.value[b].count++, d.value[b].target = A, d.value[b].count > 1 ? (d.value[b].reset.stop(), d.value[b].count = 0, y(b, k), d.value[b].target = null) : d.value[b].reset.start());
+      const { currentTarget: M } = q;
+      l.options.rowSelectionEnabled ? y(b, k) : (d.value[b].count++, d.value[b].target = M, d.value[b].count > 1 ? (d.value[b].reset.stop(), d.value[b].count = 0, y(b, k), d.value[b].target = null) : d.value[b].reset.start());
     }
     function y(b, k) {
       b !== e.value ? e.value = b : s("row-select", k);
@@ -2138,20 +2139,20 @@ const ja = {
     }), (b, k) => {
       var q;
       return c(), v("tbody", null, [
-        b.initialLoad ? (c(!0), v(K, { key: 0 }, x(b.request.pageSize, (A) => (c(), v("tr", { key: A }, [
+        b.initialLoad ? (c(!0), v(K, { key: 0 }, x(b.request.pageSize, (M) => (c(), v("tr", { key: M }, [
           h("td", {
             colspan: b.columns.length,
             class: I(
               {
-                "cl:border-t cl:border-off-white": A % 2 === 0
+                "cl:border-t cl:border-off-white": M % 2 === 0
               }
             )
           }, "   ", 10, Qa)
         ]))), 128)) : B("", !0),
         b.data && ((q = b.data.results) != null && q.length) && !b.initialLoad ? (c(), v(K, { key: 1 }, [
-          (c(!0), v(K, null, x(b.data.results, (A, H) => (c(), F(Ka, {
+          (c(!0), v(K, null, x(b.data.results, (M, H) => (c(), F(Ka, {
             key: H,
-            data: A,
+            data: M,
             options: b.options,
             columns: b.columns,
             "time-zone": b.timeZone,
@@ -2166,7 +2167,7 @@ const ja = {
             }]),
             "row-index": H,
             onClick: (N) => {
-              b.editMode || f(H, A, N);
+              b.editMode || f(H, M, N);
             },
             onCellFocus: (N) => {
               m(H);
@@ -2183,8 +2184,8 @@ const ja = {
               ])
             }))
           ]), 1032, ["data", "options", "columns", "time-zone", "search-value", "edit-mode", "class", "row-index", "onClick", "onCellFocus", "onCellEdit"]))), 128)),
-          b.data.results.length < b.request.pageSize ? (c(!0), v(K, { key: 0 }, x(Math.max(5 - b.data.results.length, 0), (A) => (c(), v("tr", {
-            key: A,
+          b.data.results.length < b.request.pageSize ? (c(!0), v(K, { key: 0 }, x(Math.max(5 - b.data.results.length, 0), (M) => (c(), v("tr", {
+            key: M,
             class: I(["cl:lg:table-row", {
               "cl:hidden": l.options.hideGridMobileView === !1
             }])
@@ -2199,15 +2200,15 @@ const ja = {
             colspan: b.columns.length
           }, [
             h("div", xa, [
-              b.$slots.noData && b.request.filters.some((A) => A.filterValue !== "") === !1 ? (c(), v("div", _a, [
+              b.$slots.noData && b.request.filters.some((M) => M.filterValue !== "") === !1 ? (c(), v("div", _a, [
                 E(b.$slots, "noData")
               ])) : (c(), v("strong", en, U(g(n)("grid.noData")), 1)),
-              b.request.filters.some((A) => A.filterValue !== "") ? (c(), v("div", ln, [
+              b.request.filters.some((M) => M.filterValue !== "") ? (c(), v("div", ln, [
                 h("div", tn, U(g(n)("grid.noDataFiltersPresent")), 1),
                 O(qe, {
                   size: "small",
                   colour: "danger",
-                  onClick: k[0] || (k[0] = X((A) => b.$emit("clear-filters"), ["prevent"]))
+                  onClick: k[0] || (k[0] = X((M) => b.$emit("clear-filters"), ["prevent"]))
                 }, {
                   default: V(() => [
                     re(U(g(n)("grid.clearFilters")), 1)
@@ -2245,12 +2246,12 @@ const ja = {
   }),
   emits: /* @__PURE__ */ ie(["focus", "blur"], ["update:modelValue"]),
   setup(o, { expose: t, emit: l }) {
-    const e = o, s = ve(o, "modelValue"), n = l, i = M(0), p = M(), m = M(), { isOutside: r } = Gt(m), { focused: a } = Il(p), d = S(() => e.showArrows && r.value === !1);
+    const e = o, s = ve(o, "modelValue"), n = l, i = A(0), p = A(), m = A(), { isOutside: r } = Gt(m), { focused: a } = Il(p), d = S(() => e.showArrows && r.value === !1);
     _(a, () => {
-      a.value ? (q.value = N.value, A.value = !1, (pe.value || e.selectOnFocus || s.value === 0) && setTimeout(() => {
+      a.value ? (q.value = N.value, M.value = !1, (pe.value || e.selectOnFocus || s.value === 0) && setTimeout(() => {
         var C, z;
         (z = m.value) == null || z.setSelectionRange(0, ((C = q.value) == null ? void 0 : C.length) ?? 0);
-      }), pe.value = !1, n("focus")) : (A.value && D(N.value, !0), q.value = void 0, A.value = !1, n("blur"));
+      }), pe.value = !1, n("focus")) : (M.value && D(N.value, !0), q.value = void 0, M.value = !1, n("blur"));
     });
     const f = S(() => ({
       style: e.format === te.CURRENCY ? "currency" : void 0,
@@ -2258,10 +2259,10 @@ const ja = {
       currencyDisplay: "narrowSymbol",
       minimumFractionDigits: e.precision,
       maximumFractionDigits: e.precision
-    })), y = S(() => e.format ? Ml(e.format, {
+    })), y = S(() => e.format ? Al(e.format, {
       locale: e.locale,
       additionalOptions: f.value
-    }) : f.value), w = S(() => Math.pow(10, y.value.maximumFractionDigits ?? 0)), b = S(() => Math.pow(10, e.format === te.PERCENTAGE ? 2 : 0)), k = S(() => w.value * b.value), q = M(void 0), A = M(!1);
+    }) : f.value), w = S(() => Math.pow(10, y.value.maximumFractionDigits ?? 0)), b = S(() => Math.pow(10, e.format === te.PERCENTAGE ? 2 : 0)), k = S(() => w.value * b.value), q = A(void 0), M = A(!1);
     _(s, () => q.value = void 0);
     const H = S({
       get: () => q.value ? oe(q.value) : s.value,
@@ -2272,7 +2273,7 @@ const ja = {
         return q.value ?? z;
       },
       set(C) {
-        q.value = C, A.value = !0;
+        q.value = C, M.value = !0;
       }
     });
     function G(C) {
@@ -2287,7 +2288,7 @@ const ja = {
       }
     }
     function J(C) {
-      return C === null ? "" : e.format ? Me(C, e.format, {
+      return C === null ? "" : e.format ? Ae(C, e.format, {
         locale: e.locale,
         additionalOptions: f.value
       }) : C.toString();
@@ -2304,7 +2305,7 @@ const ja = {
         D(z, !1);
       }
     }
-    const pe = M(!1);
+    const pe = A(!1);
     function we() {
       var C;
       pe.value = !0, (C = m.value) == null || C.focus();
@@ -2344,7 +2345,7 @@ const ja = {
               onInput: z[0] || (z[0] = (j) => N.value = j.target.value),
               onKeydown: [
                 z[1] || (z[1] = le(X((j) => {
-                  D(j.target.value, A.value), A.value = !1;
+                  D(j.target.value, M.value), M.value = !1;
                 }, ["stop", "prevent"]), ["enter"])),
                 z[2] || (z[2] = le(X((j) => W(!0), ["prevent"]), ["down"])),
                 z[3] || (z[3] = le(X((j) => W(!1), ["prevent"]), ["up"]))
@@ -2458,7 +2459,7 @@ const ja = {
           })
         ]),
         h("div", dn, [
-          O(g(Al), { class: "cl:w-64" })
+          O(g(Ml), { class: "cl:w-64" })
         ])
       ])) : a.loading || (y = (f = a.data) == null ? void 0 : f.results) != null && y.length && a.request ? (c(), v("div", {
         key: 1,
@@ -2687,7 +2688,7 @@ function mt(o, t, l, e) {
   }
   return l;
 }
-const An = { class: "cl:gap-1 cl:grid cl:grid-cols-2" }, Mn = ["onClick"], Vn = /* @__PURE__ */ P({
+const Mn = { class: "cl:gap-1 cl:grid cl:grid-cols-2" }, An = ["onClick"], Vn = /* @__PURE__ */ P({
   __name: "cl-ui-quick-dates-group",
   props: {
     dates: {},
@@ -2696,7 +2697,7 @@ const An = { class: "cl:gap-1 cl:grid cl:grid-cols-2" }, Mn = ["onClick"], Vn =
   emits: ["quick-date-selected"],
   setup(o, { emit: t }) {
     const l = t, { t: e } = ue();
-    return (s, n) => (c(), v("div", An, [
+    return (s, n) => (c(), v("div", Mn, [
       (c(!0), v(K, null, x(s.dates, (i, p) => {
         var m, r;
         return c(), v("button", {
@@ -2708,7 +2709,7 @@ const An = { class: "cl:gap-1 cl:grid cl:grid-cols-2" }, Mn = ["onClick"], Vn =
           onClick: (a) => l("quick-date-selected", i)
         }, [
           h("span", null, U(g(e)(i.translationKey)), 1)
-        ], 10, Mn);
+        ], 10, An);
       }), 128))
     ]));
   }
@@ -2958,7 +2959,7 @@ const An = { class: "cl:gap-1 cl:grid cl:grid-cols-2" }, Mn = ["onClick"], Vn =
         } else
           l.value = null;
       }
-    }), { locale: n } = ue(), i = S(() => t.dateFormatLocale ?? n.value), p = S(() => Nl(t.disabled, t.popoverPlacement)), m = S(() => Rl(l.value, t.initialCalendarDate, e.value, "dateRange")), r = S(() => pt(s.value, e.value, i.value)), a = M(null), d = M(null);
+    }), { locale: n } = ue(), i = S(() => t.dateFormatLocale ?? n.value), p = S(() => Nl(t.disabled, t.popoverPlacement)), m = S(() => Rl(l.value, t.initialCalendarDate, e.value, "dateRange")), r = S(() => pt(s.value, e.value, i.value)), a = A(null), d = A(null);
     function f(k) {
       const q = dt(k, e.value);
       s.value = q, a.value = k, d.value.move(q.start), d.value.hidePopover();
@@ -2973,7 +2974,7 @@ const An = { class: "cl:gap-1 cl:grid cl:grid-cols-2" }, Mn = ["onClick"], Vn =
           ref_key: "calendar",
           ref: d,
           modelValue: s.value,
-          "onUpdate:modelValue": q[1] || (q[1] = (A) => s.value = A),
+          "onUpdate:modelValue": q[1] || (q[1] = (M) => s.value = M),
           modelModifiers: { range: !0 },
           mode: "date",
           color: "primary",
@@ -2985,15 +2986,15 @@ const An = { class: "cl:gap-1 cl:grid cl:grid-cols-2" }, Mn = ["onClick"], Vn =
           "min-date": k.minDate,
           "max-date": k.maxDate,
           "initial-page": m.value,
-          onDayclick: q[2] || (q[2] = (A) => a.value = null)
+          onDayclick: q[2] || (q[2] = (M) => a.value = null)
         }, {
-          default: V(({ togglePopover: A }) => [
+          default: V(({ togglePopover: M }) => [
             O(Bl, Q(k.$attrs, {
               required: k.required,
               disabled: k.disabled,
               "date-range-selected": !!s.value,
               title: r.value,
-              onTogglePopover: A,
+              onTogglePopover: M,
               onClear: q[0] || (q[0] = (H) => {
                 s.value = null, a.value = null, d.value.hidePopover();
               })
@@ -3041,7 +3042,7 @@ const An = { class: "cl:gap-1 cl:grid cl:grid-cols-2" }, Mn = ["onClick"], Vn =
   }),
   emits: /* @__PURE__ */ ie(["focus", "blur"], ["update:modelValue"]),
   setup(o, { expose: t }) {
-    const l = o, e = ve(o, "modelValue"), { resizability: s } = lt(l), n = M();
+    const l = o, e = ve(o, "modelValue"), { resizability: s } = lt(l), n = A();
     _([
       e,
       n,
@@ -3135,7 +3136,7 @@ const An = { class: "cl:gap-1 cl:grid cl:grid-cols-2" }, Mn = ["onClick"], Vn =
     tt((d) => ({
       fa14ae6c: p.value
     }));
-    const l = o, e = ve(o, "modelValue"), { t: s } = ue(), n = M(), i = M(), p = S(() => `${100 * (e.value - l.min) / (l.max - l.min)}%`), m = M(!1), r = Zt(e, 50);
+    const l = o, e = ve(o, "modelValue"), { t: s } = ue(), n = A(), i = A(), p = S(() => `${100 * (e.value - l.min) / (l.max - l.min)}%`), m = A(!1), r = Zt(e, 50);
     function a(d) {
       var f;
       e.value = d, (f = n.value) == null || f.focus();
@@ -3274,7 +3275,7 @@ const An = { class: "cl:gap-1 cl:grid cl:grid-cols-2" }, Mn = ["onClick"], Vn =
   },
   emits: ["clear", "reset", "togglePopover", "focus", "blur"],
   setup(o, { expose: t }) {
-    const l = o, e = M(null);
+    const l = o, e = A(null);
     function s() {
       var p;
       (p = e.value) == null || p.focus();
@@ -3366,7 +3367,7 @@ const An = { class: "cl:gap-1 cl:grid cl:grid-cols-2" }, Mn = ["onClick"], Vn =
       set(y) {
         l.type === "time" ? e.value = y : y !== null ? e.value = Ge(y, null, !1, l.timeZone) : e.value = null;
       }
-    }), { locale: i } = ue(), p = S(() => l.dateFormatLocale ?? i.value), m = S(() => l.showPopover !== void 0 ? l.showPopover : l.type !== "time"), r = S(() => Nl(l.disabled || !m.value, l.popoverPlacement)), a = S(() => ct(p.value, l.type)), d = M(null), f = S(() => Rl(e.value, l.initialCalendarDate, s.value, l.type));
+    }), { locale: i } = ue(), p = S(() => l.dateFormatLocale ?? i.value), m = S(() => l.showPopover !== void 0 ? l.showPopover : l.type !== "time"), r = S(() => Nl(l.disabled || !m.value, l.popoverPlacement)), a = S(() => ct(p.value, l.type)), d = A(null), f = S(() => Rl(e.value, l.initialCalendarDate, s.value, l.type));
     return _(() => [
       l.minDate,
       l.maxDate
@@ -3494,7 +3495,7 @@ const An = { class: "cl:gap-1 cl:grid cl:grid-cols-2" }, Mn = ["onClick"], Vn =
   }),
   emits: ["update:modelValue"],
   setup(o, { expose: t }) {
-    const l = o, e = ve(o, "modelValue"), s = M(-1), n = M(), i = M(), p = M(!1), m = M(), { focused: r } = Il(m), a = S(() => Array.isArray(e.value)), d = Qe().id ?? "select";
+    const l = o, e = ve(o, "modelValue"), s = A(-1), n = A(), i = A(), p = A(!1), m = A(), { focused: r } = Il(m), a = S(() => Array.isArray(e.value)), d = Qe().id ?? "select";
     function f(C) {
       typeof C < "u" ? p.value = C : l.disabled === !1 && (p.value = !p.value), p.value === !1 && (s.value = -1);
     }
@@ -3528,7 +3529,7 @@ const An = { class: "cl:gap-1 cl:grid cl:grid-cols-2" }, Mn = ["onClick"], Vn =
     function q(C) {
       (p.value || a.value) && (C.stopPropagation(), s.value < l.list.length - 1 ? (s.value++, H()) : w(C));
     }
-    function A(C) {
+    function M(C) {
       return !!C && typeof C == "object" && "name" in C && typeof C.name == "string" && "id" in C && typeof C.id == "number";
     }
     function H() {
@@ -3552,7 +3553,7 @@ const An = { class: "cl:gap-1 cl:grid cl:grid-cols-2" }, Mn = ["onClick"], Vn =
         return e.value.some((R) => z(R, C)) ?? !1;
       return z(e.value, C);
       function z(R, j) {
-        return A(R) && A(j) ? R.id === j.id : R === j;
+        return M(R) && M(j) ? R.id === j.id : R === j;
       }
     }
     function J(C) {
@@ -3610,7 +3611,7 @@ const An = { class: "cl:gap-1 cl:grid cl:grid-cols-2" }, Mn = ["onClick"], Vn =
                       readonly: "",
                       class: [oe.value, "cl:disabled:border-grey-2 cl:disabled:placeholder-grey-3 cl:outline-none cl:overflow-hidden cl:px-2 cl:py-1 cl:rounded-lg cl:text-ellipsis cl:transition-colors cl:w-full cl:whitespace-nowrap"],
                       placeholder: e.value === null || e.value === void 0 ? C.placeholder ?? void 0 : void 0,
-                      value: A(e.value) ? e.value.name : e.value,
+                      value: M(e.value) ? e.value.name : e.value,
                       disabled: C.disabled,
                       onMousedown: we,
                       onFocus: pe,
@@ -3674,7 +3675,7 @@ const An = { class: "cl:gap-1 cl:grid cl:grid-cols-2" }, Mn = ["onClick"], Vn =
                 (c(!0), v(K, null, x(C.list, (L, me) => (c(), v("div", { key: me }, [
                   E(C.$slots, "default", Q({ ref_for: !0 }, { option: L, index: me, select: y, highlightIndex: s.value, isSelected: D }), () => [
                     (c(), F(j, {
-                      id: g(d) + "-option-" + (A(L) ? L.id : me),
+                      id: g(d) + "-option-" + (M(L) ? L.id : me),
                       key: me,
                       disabled: C.disabled,
                       "is-highlighted": s.value === me,
@@ -3682,7 +3683,7 @@ const An = { class: "cl:gap-1 cl:grid cl:grid-cols-2" }, Mn = ["onClick"], Vn =
                       onSelect: (Se) => y(L)
                     }, {
                       default: V(() => [
-                        re(U(A(L) ? L.name : L), 1)
+                        re(U(M(L) ? L.name : L), 1)
                       ]),
                       _: 2
                     }, 1032, ["id", "disabled", "is-highlighted", "is-selected", "onSelect"]))
@@ -3952,7 +3953,7 @@ const ds = {
         return;
       e("selection-changed"), e("update:filter", a);
     }
-    const m = M();
+    const m = A();
     return (r, a) => (c(), v("div", {
       ref_key: "gridMethodSelectElement",
       ref: m,
@@ -4054,11 +4055,11 @@ const ds = {
           value: $.value.toString()
         }))) ?? []
       ];
-    }), k = S(() => b.value.find((u) => u.value === W.value && u.id === q.value) ?? b.value.find((u) => u.value === W.value) ?? null), q = M(Ye.id);
-    function A(u) {
+    }), k = S(() => b.value.find((u) => u.value === W.value && u.id === q.value) ?? b.value.find((u) => u.value === W.value) ?? null), q = A(Ye.id);
+    function M(u) {
       u && !Array.isArray(u) && (q.value = u.id), d.value ? R(null, u == null ? void 0 : u.value) : z(null, u == null ? void 0 : u.value);
     }
-    const H = M(!1), N = S(() => H.value || f.value === !1), G = S({
+    const H = A(!1), N = S(() => H.value || f.value === !1), G = S({
       get() {
         var $, T, Z, ce, ke, de, ze;
         let u = ($ = p.value) == null ? void 0 : $[0];
@@ -4235,7 +4236,7 @@ const ds = {
         return;
       T === !1 && (G.value = $);
     }
-    const L = M("");
+    const L = A("");
     function me(u) {
       H.value = !1, u === "Enter" && (H.value = !0, z(null, L.value));
     }
@@ -4244,7 +4245,7 @@ const ds = {
     }, {
       immediate: !0
     });
-    const Se = M(), je = M();
+    const Se = A(), je = A();
     $l("Enter", () => e("perform-data-request"), {
       target: Se,
       dedupe: !0
@@ -4313,7 +4314,7 @@ const ds = {
           id: `${g(Ee)}-${u.column.name}`,
           "model-value": W.value === "" || isNaN(+W.value) ? null : +W.value,
           format: y.value,
-          precision: u.column.format === g(te).INTEGER ? 0 : g(Ml)(y.value, { locale: g(n), additionalOptions: { maximumFractionDigits: u.column.precision ?? 2 } }).maximumFractionDigits,
+          precision: u.column.format === g(te).INTEGER ? 0 : g(Al)(y.value, { locale: g(n), additionalOptions: { maximumFractionDigits: u.column.precision ?? 2 } }).maximumFractionDigits,
           class: "cl:border-none cl:font-normal cl:h-[2rem] cl:lg:text-base cl:mb-0 cl:text-xs cl:w-full readonly-filter",
           readonly: u.loading,
           "show-arrows": !1,
@@ -4350,7 +4351,7 @@ const ds = {
         class: "cl:bg-white cl:font-normal cl:max-h-52! cl:min-h-0! cl:rounded-lg!",
         "is-grid-filter": !0,
         disabled: u.loading,
-        "onUpdate:modelValue": $[6] || ($[6] = (T) => A(T))
+        "onUpdate:modelValue": $[6] || ($[6] = (T) => M(T))
       }, {
         default: V(({ select: T, option: Z, index: ce, highlightIndex: ke, isSelected: de }) => [
           O(Sl, {
@@ -4399,7 +4400,7 @@ const ds = {
   emits: ["update:filter", "perform-data-request"],
   setup(o) {
     const t = o, l = S(() => Ze(t.column));
-    return (e, s) => e.initialLoad && g(Ze)(e.column) ? (c(), F(g(Al), {
+    return (e, s) => e.initialLoad && g(Ze)(e.column) ? (c(), F(g(Ml), {
       key: 0,
       class: "cl:h-[34px]"
     })) : e.bulkEditMode && e.column.editable ? (c(), v("div", Cs, [
@@ -4596,7 +4597,7 @@ const ds = {
       ], 2)
     ], 2));
   }
-}), Is = { class: "cl:flex cl:mb-2" }, As = { class: "cl:basis-full cl:grow" }, Ms = /* @__PURE__ */ P({
+}), Is = { class: "cl:flex cl:mb-2" }, Ms = { class: "cl:basis-full cl:grow" }, As = /* @__PURE__ */ P({
   __name: "cl-ui-grid-search",
   props: /* @__PURE__ */ ie({
     columns: {},
@@ -4629,7 +4630,7 @@ const ds = {
     _(() => e.columns, () => p(s.value));
     const m = el((d) => {
       d !== !1 && p(d);
-    }, 1e3), { t: r } = ue(), a = M();
+    }, 1e3), { t: r } = ue(), a = A();
     return t({
       focusMegaSearch: () => {
         var d;
@@ -4639,7 +4640,7 @@ const ds = {
       const y = Te("icon");
       return E(d.$slots, "search", ge(he({ searchValue: s.value, performSearch: p })), () => [
         h("div", Is, [
-          h("div", As, [
+          h("div", Ms, [
             O(Be, {
               ref_key: "gridSearchInputRef",
               ref: a,
@@ -4678,7 +4679,7 @@ const ds = {
   },
   emits: ["update:columns", "view-manager-visible"],
   setup(o, { emit: t }) {
-    const l = o, e = t, { t: s } = ue(), n = M(!1), i = S(() => l.columns.filter((a) => !a.hideFromViewManager));
+    const l = o, e = t, { t: s } = ue(), n = A(!1), i = S(() => l.columns.filter((a) => !a.hideFromViewManager));
     function p(a, d, f) {
       f < a.length && f >= 0 && a.splice(f, 0, a.splice(d, 1)[0]);
     }
@@ -4778,7 +4779,8 @@ const ds = {
     options: { default: () => ({}) },
     timeZone: { default: null },
     headerDisplayTimezone: { default: null },
-    dateFormatLocale: { default: null }
+    dateFormatLocale: { default: null },
+    disableEditMode: { type: Boolean, default: !1 }
   }, {
     selectedRowIndex: { default: void 0 },
     selectedRowIndexModifiers: {}
@@ -4793,7 +4795,7 @@ const ds = {
     const d = S({
       get: () => e.columns,
       set: (R) => n("update:columns", R)
-    }), f = S(() => d.value.filter((R) => R.visible ?? !0)), y = M({});
+    }), f = S(() => d.value.filter((R) => R.visible ?? !0)), y = A({});
     function w() {
       var j;
       const R = {};
@@ -4813,19 +4815,19 @@ const ds = {
       const R = ye(k.value);
       R.pageNumber = 1, R.filters = [], W.value = "", k.value = R, n("clear-filters-clicked");
     }
-    const A = Qt(() => n("data-request"), 400);
+    const M = Qt(() => n("data-request"), 400);
     _(k, () => {
-      A();
+      M();
     }, {
       deep: !0,
       immediate: !0
     });
-    const H = S(() => e.data), N = M(!1), G = S({
+    const H = S(() => e.data), N = A(!1), G = S({
       get: () => e.options.forceEditMode || N.value,
       set(R) {
         N.value = R;
       }
-    }), D = M(!1);
+    }), D = A(!1);
     _(G, () => {
       G.value ? n("edit-start") : Pe(() => n("edit-end"));
     });
@@ -4855,7 +4857,7 @@ const ds = {
           filters: j
         };
       }
-    }), W = M(((z = e.request.filters.find((R) => R.filterMethod === "andcontains" || R.filterOperation === ne.AND_CONTAINS)) == null ? void 0 : z.filterValue) ?? ""), pe = S(() => e.columns.filter((R) => (R.type === "string" || R.type === "slot" && R.slotType === "string") && R.searchable)), we = M(!0);
+    }), W = A(((z = e.request.filters.find((R) => R.filterMethod === "andcontains" || R.filterOperation === ne.AND_CONTAINS)) == null ? void 0 : z.filterValue) ?? ""), pe = S(() => e.columns.filter((R) => (R.type === "string" || R.type === "slot" && R.slotType === "string") && R.searchable)), we = A(!0);
     _(() => e.loading, () => {
       we.value = !1;
     }, {
@@ -4869,17 +4871,17 @@ const ds = {
         ((j = e.data) == null ? void 0 : j.results.length) === 0 && k.value.pageNumber > 1 && (k.value.pageNumber = e.data.totalRecords > 0 ? Math.ceil(e.data.totalRecords / k.value.pageSize) : 1);
       }
     });
-    const C = M();
+    const C = A();
     return t({
       focusMegaSearch: () => {
         var R;
         return (R = C.value) == null ? void 0 : R.focusMegaSearch();
       }
     }), (R, j) => (c(), v("div", Ws, [
-      we.value && pe.value.length > 0 ? (c(), F(g(Al), {
+      we.value && pe.value.length > 0 ? (c(), F(g(Ml), {
         key: 0,
         class: "cl:h-[39px] cl:mb-2"
-      })) : pe.value.length > 0 ? (c(), F(Ms, {
+      })) : pe.value.length > 0 ? (c(), F(As, {
         key: 1,
         ref_key: "gridSearchRef",
         ref: C,
@@ -4913,6 +4915,7 @@ const ds = {
         request: k.value,
         loading: R.loading,
         "initial-load": we.value,
+        "disable-edit-mode": R.disableEditMode,
         onClearFilters: q
       }, {
         "additional-grid-actions": V((L) => [
@@ -4927,7 +4930,7 @@ const ds = {
           }, null, 8, ["columns", "loading"])
         ]),
         _: 3
-      }, 8, ["edit-mode", "filter-panel-open", "can-bulk-edit", "columns", "options", "request", "loading", "initial-load"]),
+      }, 8, ["edit-mode", "filter-panel-open", "can-bulk-edit", "columns", "options", "request", "loading", "initial-load", "disable-edit-mode"]),
       h("div", Qs, [
         h("table", {
           class: I(["cl:delay-75 cl:min-h-[276px] cl:overflow-x-auto cl:overscroll-x-none cl:text-left cl:transition-opacity cl:w-full", {
@@ -5038,7 +5041,7 @@ const ds = {
       smallGridText: !1,
       showPageSizeOptions: !0,
       ...t.options
-    })), f = M(t.loading);
+    })), f = A(t.loading);
     return _(() => t.loading, () => {
       f.value = !1;
     }, {
@@ -5335,13 +5338,13 @@ const _s = { class: "cl:col-[1_/_-1] cl:grid cl:grid-cols-subgrid" }, er = ["id"
       return a ? (t.column.maxLength && (a = a.trimToLength(t.column.maxLength, t.column.format !== void 0 ? t.column.format === "ellipsis" : !1)), t.column.format === "wrap-text" && (a = `<span class="cl:break-words cl:whitespace-pre-wrap">${a}</span>`), a) : "";
     }
     function r(a, d) {
-      return t.column.format === te.INTEGER ? Me(a, te.DECIMAL, {
+      return t.column.format === te.INTEGER ? Ae(a, te.DECIMAL, {
         locale: d,
         additionalOptions: {
           maximumFractionDigits: 0,
           minimumFractionDigits: 0
         }
-      }) : Me(a, t.column.format ?? te.DECIMAL, {
+      }) : Ae(a, t.column.format ?? te.DECIMAL, {
         locale: d,
         additionalOptions: {
           maximumFractionDigits: t.column.precision ?? 2,
@@ -5547,7 +5550,7 @@ const Dt = /* @__PURE__ */ Ce(ir, [["render", cr]]), dr = { class: "cl:flex cl:g
   },
   emits: ["open-click"],
   setup(o, { emit: t }) {
-    const l = o, e = t, s = M();
+    const l = o, e = t, s = A();
     return ll(s, () => {
       (l.isOpen ?? !1) && e("open-click");
     }), (n, i) => (c(), v("header", $r, [
@@ -5631,10 +5634,10 @@ const Dt = /* @__PURE__ */ Ce(ir, [["render", cr]]), dr = { class: "cl:flex cl:g
       })
     ], 2));
   }
-}), Ar = [
+}), Mr = [
   "default",
   "secondary"
-], Mr = /* @__PURE__ */ P({
+], Ar = /* @__PURE__ */ P({
   inheritAttrs: !1,
   __name: "cl-ui-calendar",
   props: {
@@ -5681,12 +5684,12 @@ const Dt = /* @__PURE__ */ Ce(ir, [["render", cr]]), dr = { class: "cl:flex cl:g
         }
         s("update:date", G);
       }
-    }), { locale: p } = ue(), m = S(() => e.dateFormatLocale ?? p.value), r = S(() => Nl(e.disabled, "auto")), a = S(() => ct(m.value, e.type)), d = M(null), f = S(() => Rl(e.date, e.initialDate, n.value, e.type)), y = M(null), w = M();
+    }), { locale: p } = ue(), m = S(() => e.dateFormatLocale ?? p.value), r = S(() => Nl(e.disabled, "auto")), a = S(() => ct(m.value, e.type)), d = A(null), f = S(() => Rl(e.date, e.initialDate, n.value, e.type)), y = A(null), w = A();
     function b(N) {
       const G = dt(N, n.value);
       i.value = G, y.value = N, w.value.move(G.start), w.value.hidePopover();
     }
-    const k = S(() => pt(i.value, n.value, m.value)), q = il("(min-width: 768px)"), A = S(() => q.value ? 2 : 1), H = il("(min-height: 800px)");
+    const k = S(() => pt(i.value, n.value, m.value)), q = il("(min-width: 768px)"), M = S(() => q.value ? 2 : 1), H = il("(min-height: 800px)");
     return t({
       focus() {
         var N;
@@ -5735,7 +5738,7 @@ const Dt = /* @__PURE__ */ Ce(ir, [["render", cr]]), dr = { class: "cl:flex cl:g
       locale: g(p),
       is24hr: g(p) !== "en-US",
       timezone: n.value,
-      columns: A.value,
+      columns: M.value,
       popover: r.value,
       "min-date": N.min,
       "max-date": N.max,
@@ -5900,10 +5903,10 @@ const Dt = /* @__PURE__ */ Ce(ir, [["render", cr]]), dr = { class: "cl:flex cl:g
     tt((r) => ({
       "1f0967fd": i.value
     }));
-    const l = o, e = ve(o, "value"), { t: s } = ue(), n = M(), i = S(() => {
+    const l = o, e = ve(o, "value"), { t: s } = ue(), n = A(), i = S(() => {
       let r = (e.value - l.min) / (l.max - l.min) * 100;
       return r < 35 && r > 0 ? r < 20 ? r += 0.5 : r += 0.25 : r > 65 && r < 100 && (r > 80 ? r -= 0.5 : r -= 0.25), `${r}%`;
-    }), p = S(() => l.min <= l.max && l.step > 0), m = M(!1);
+    }), p = S(() => l.min <= l.max && l.step > 0), m = A(!1);
     return t({
       focus() {
         var r;
@@ -5917,7 +5920,7 @@ const Dt = /* @__PURE__ */ Ce(ir, [["render", cr]]), dr = { class: "cl:flex cl:g
             "cl:bg-grey-0": r.disabled
           }]),
           onClick: a[0] || (a[0] = (d) => e.value = r.disabled ? e.value : r.min)
-        }, U(Number.isInteger(r.min) ? g(Oe)(r.min) : g(Me)(r.min, g(te).DECIMAL)), 3),
+        }, U(Number.isInteger(r.min) ? g(Oe)(r.min) : g(Ae)(r.min, g(te).DECIMAL)), 3),
         h("div", Ur, [
           m.value ? (c(), F(al, {
             key: 0,
@@ -5927,7 +5930,7 @@ const Dt = /* @__PURE__ */ Ce(ir, [["render", cr]]), dr = { class: "cl:flex cl:g
             "onUpdate:modelValue": a[1] || (a[1] = (d) => e.value = d),
             class: "cl:min-w-[8.5rem] cl:w-full",
             format: g(te).DECIMAL,
-            precision: Number.isInteger(r.min) ? 0 : g(Ml)(g(te).DECIMAL).maximumFractionDigits,
+            precision: Number.isInteger(r.min) ? 0 : g(Al)(g(te).DECIMAL).maximumFractionDigits,
             min: r.min,
             max: r.max,
             step: r.step,
@@ -5957,7 +5960,7 @@ const Dt = /* @__PURE__ */ Ce(ir, [["render", cr]]), dr = { class: "cl:flex cl:g
                 { number: !0 }
               ]
             ]),
-            h("div", zr, U(Number.isInteger(e.value) ? g(Oe)(e.value) : g(Me)(e.value, g(te).DECIMAL)), 1)
+            h("div", zr, U(Number.isInteger(e.value) ? g(Oe)(e.value) : g(Ae)(e.value, g(te).DECIMAL)), 1)
           ], 64))
         ]),
         h("span", {
@@ -5966,7 +5969,7 @@ const Dt = /* @__PURE__ */ Ce(ir, [["render", cr]]), dr = { class: "cl:flex cl:g
             "cl:bg-grey-0": r.disabled
           }]),
           onClick: a[3] || (a[3] = (d) => e.value = r.disabled ? e.value : r.max)
-        }, U(Number.isInteger(r.max) ? g(Oe)(r.max) : g(Me)(r.max, g(te).DECIMAL)), 3),
+        }, U(Number.isInteger(r.max) ? g(Oe)(r.max) : g(Ae)(r.max, g(te).DECIMAL)), 3),
         h("div", Fr, [
           h("div", {
             class: "cl:bg-white cl:border cl:border-transparent cl:cursor-pointer cl:float-right cl:hover:border-grey-1 cl:p-1.5 cl:px-2 cl:rounded-full cl:shadow cl:text-xs",
@@ -6094,17 +6097,17 @@ const Zr = { class: "cl:flex cl:justify-between" }, Wr = { class: "cl:w-full" },
   },
   emits: ["update:model-value", "click", "focus", "input", "change", "validated"],
   setup(o, { expose: t, emit: l }) {
-    const e = o, s = l, n = M(null), i = M(null), p = M(!1), m = M(!1), r = S(() => {
+    const e = o, s = l, n = A(null), i = A(null), p = A(!1), m = A(!1), r = S(() => {
       var $;
       let u = e.isRequired;
       return m.value && (($ = f.value) == null ? void 0 : $.toString().trim()) === "" && e.requiredText.trim() !== "" && (u = !1), !e.hideRequiredAsterisk && u;
-    }), a = S(() => e.placeholderText.trim() !== "" ? e.placeholderText : e.label), d = M(0), f = S({
+    }), a = S(() => e.placeholderText.trim() !== "" ? e.placeholderText : e.label), d = A(0), f = S({
       get: () => e.modelValue,
       set: (u) => W(u, !1)
     }), y = S({
       get: () => e.modelValue,
       set: (u) => oe(u)
-    }), w = S(() => typeof e.min == "number" ? e.min.toString() : e.min), b = S(() => typeof e.max == "number" ? e.max.toString() : e.max), k = S(() => typeof e.min == "number" || e.min === null ? e.min : parseFloat(e.min)), q = S(() => typeof e.max == "number" || e.max === null ? e.max : parseFloat(e.max)), A = S(() => e.messageWhenValid.trim() !== "" ? e.messageWhenValid : ""), H = M(!0), N = M(!0), G = M([]), D = S(() => {
+    }), w = S(() => typeof e.min == "number" ? e.min.toString() : e.min), b = S(() => typeof e.max == "number" ? e.max.toString() : e.max), k = S(() => typeof e.min == "number" || e.min === null ? e.min : parseFloat(e.min)), q = S(() => typeof e.max == "number" || e.max === null ? e.max : parseFloat(e.max)), M = S(() => e.messageWhenValid.trim() !== "" ? e.messageWhenValid : ""), H = A(!0), N = A(!0), G = A([]), D = S(() => {
       var u, $;
       return [
         ...((u = G.value) == null ? void 0 : u.filter((T) => ((T == null ? void 0 : T.length) ?? 0) > 0)) ?? [],
@@ -6306,7 +6309,7 @@ const Zr = { class: "cl:flex cl:justify-between" }, Wr = { class: "cl:w-full" },
             onFocus: $[8] || ($[8] = (T) => s("focus")),
             onBlur: L
           }), null, 16, ["modelValue", "disabled", "placeholder", "is-valid", "highlight-when-valid", "input-specific-classes", "group", "step", "currency-options"])
-        ])) : g(Xl)(u.inputType) ? (c(), F(g(Mr), Q({ key: 2 }, u.$attrs, {
+        ])) : g(Xl)(u.inputType) ? (c(), F(g(Ar), Q({ key: 2 }, u.$attrs, {
           ref_key: "inputElement",
           ref: n,
           date: y.value,
@@ -6345,7 +6348,7 @@ const Zr = { class: "cl:flex cl:justify-between" }, Wr = { class: "cl:w-full" },
           }, null, 8, ["value", "min", "max", "step", "placeholder", "disabled"])
         ])) : B("", !0)
       ], 32),
-      H.value && A.value && N.value ? (c(), v("div", ei, U(A.value), 1)) : B("", !0),
+      H.value && M.value && N.value ? (c(), v("div", ei, U(M.value), 1)) : B("", !0),
       !H.value && D.value.length > 0 && u.showValidationMessages && N.value ? (c(), v("div", li, U(D.value), 1)) : B("", !0)
     ], 16));
   }
@@ -6397,7 +6400,7 @@ const ri = {
   },
   emits: ["language-select"],
   setup(o, { emit: t }) {
-    const l = o, e = t, { locale: s } = ue(), n = M(!1), i = S(() => l.supportedLanguages.find((a) => a.localeCode === s.value) ?? m(l.supportedLanguages, s.value) ?? l.defaultLangauge), p = S(() => l.supportedLanguages.filter((a) => ql(a)).sort((a, d) => a.nativeName > d.nativeName ? 1 : d.nativeName > a.nativeName ? -1 : 0));
+    const l = o, e = t, { locale: s } = ue(), n = A(!1), i = S(() => l.supportedLanguages.find((a) => a.localeCode === s.value) ?? m(l.supportedLanguages, s.value) ?? l.defaultLangauge), p = S(() => l.supportedLanguages.filter((a) => ql(a)).sort((a, d) => a.nativeName > d.nativeName ? 1 : d.nativeName > a.nativeName ? -1 : 0));
     function m(a, d) {
       const f = d.split("-")[0];
       return a.find((w) => w.localeCode.split("-")[0] === f) ?? null;
@@ -6456,7 +6459,7 @@ const ri = {
   },
   emits: ["login", "update:errors"],
   setup(o, { emit: t }) {
-    const l = t, { t: e } = ue(), s = M(""), n = M(""), i = M("password"), p = S(() => zt(s.value)), m = S(() => s.value ? p.value ? null : [e("input.valueNotValidEmail", { label: e("login.email") })] : []);
+    const l = t, { t: e } = ue(), s = A(""), n = A(""), i = A("password"), p = S(() => zt(s.value)), m = S(() => s.value ? p.value ? null : [e("input.valueNotValidEmail", { label: e("login.email") })] : []);
     function r() {
       const d = {
         username: s.value,
@@ -6614,9 +6617,9 @@ const ri = {
   },
   emits: ["pinned-state", "open-state"],
   setup(o, { expose: t, emit: l }) {
-    const e = l, s = M([]), n = S(() => s.value.filter((k) => k.open === !0).length > 0);
+    const e = l, s = A([]), n = S(() => s.value.filter((k) => k.open === !0).length > 0);
     function i(k) {
-      let q = s.value.find((A) => A.id === k);
+      let q = s.value.find((M) => M.id === k);
       return q || (q = {
         id: k,
         open: !1
@@ -6624,10 +6627,10 @@ const ri = {
     }
     function p(k) {
       const q = s.value.find((H) => H.id === k);
-      let A;
-      q && (q.open = !q.open, q.open && (A = q.id), s.value.forEach((H) => {
+      let M;
+      q && (q.open = !q.open, q.open && (M = q.id), s.value.forEach((H) => {
         H.id !== k && (H.open = !1);
-      })), e("open-state", !!(q != null && q.open), A);
+      })), e("open-state", !!(q != null && q.open), M);
     }
     const m = Yt();
     _(
@@ -6639,11 +6642,11 @@ const ri = {
         deep: !0
       }
     );
-    const r = M(!1), a = M(!1), { start: d } = at(() => a.value = !1, 100);
+    const r = A(!1), a = A(!1), { start: d } = at(() => a.value = !1, 100);
     function f() {
       r.value = !r.value, e("pinned-state", r.value), a.value = !0, d();
     }
-    const y = M();
+    const y = A();
     function w(k) {
       f(), typeof k == "number" && p(k);
     }
@@ -6701,7 +6704,7 @@ const ri = {
       })
     ], 512));
   }
-}), Ai = /* @__PURE__ */ Ce(Ii, [["__scopeId", "data-v-4ef1ab95"]]), Mi = /* @__PURE__ */ P({
+}), Mi = /* @__PURE__ */ Ce(Ii, [["__scopeId", "data-v-4ef1ab95"]]), Ai = /* @__PURE__ */ P({
   __name: "cl-ui-navigation-icon",
   props: {
     iconValue: {},
@@ -6776,7 +6779,7 @@ const Zi = /* @__PURE__ */ Ce(ji, [["render", Gi]]), Wi = /* @__PURE__ */ P({
   },
   emits: ["tab-opened"],
   setup(o, { expose: t, emit: l }) {
-    const e = o, s = l, n = M([]), i = S(() => n.value.filter((f) => f.open).length > 0), p = M(), m = S(() => e.layout === "horizontal");
+    const e = o, s = l, n = A([]), i = S(() => n.value.filter((f) => f.open).length > 0), p = A(), m = S(() => e.layout === "horizontal");
     function r(f) {
       let y = n.value.find((w) => w.id === f);
       return y || (y = {
@@ -6898,7 +6901,7 @@ const Zi = /* @__PURE__ */ Ce(ji, [["render", Gi]]), Wi = /* @__PURE__ */ P({
   },
   emits: ["files-uploaded", "invalid-files"],
   setup(o, { emit: t }) {
-    const l = o, e = t, { t: s } = ue(), n = M([]), i = S(() => {
+    const l = o, e = t, { t: s } = ue(), n = A([]), i = S(() => {
       switch (l.uploaderType) {
         case "dragDrop":
           return !1;
@@ -6924,20 +6927,20 @@ const Zi = /* @__PURE__ */ Ce(ji, [["render", Gi]]), Wi = /* @__PURE__ */ P({
       }
     }
     function r(b) {
-      const k = l.acceptedFileTypes.split(",").map((H) => H.trim()), q = [], A = [];
+      const k = l.acceptedFileTypes.split(",").map((H) => H.trim()), q = [], M = [];
       b.forEach((H) => {
         k.some((N) => {
           const G = Lt(N).replace(/\\\*/g, ".*?");
           return new RegExp(`^${G}$`).test(H.type) || H.name.endsWith(N);
-        }) ? q.push(H) : A.push(H);
-      }), q.length && e("files-uploaded", q), n.value = A, A.length && e("invalid-files", A), w();
+        }) ? q.push(H) : M.push(H);
+      }), q.length && e("files-uploaded", q), n.value = M, M.length && e("invalid-files", M), w();
     }
     const a = [
       "dragenter",
       "dragover",
       "dragleave",
       "drop"
-    ], d = M(!1);
+    ], d = A(!1);
     Ke(() => {
       a.forEach((b) => {
         document.body.addEventListener(b, (k) => k.preventDefault());
@@ -6947,7 +6950,7 @@ const Zi = /* @__PURE__ */ Ce(ji, [["render", Gi]]), Wi = /* @__PURE__ */ P({
         document.body.removeEventListener(b, (k) => k.preventDefault());
       });
     });
-    const f = M(null), y = M(null);
+    const f = A(null), y = A(null);
     function w() {
       f.value && (f.value.value = ""), y.value && (y.value.value = "");
     }
@@ -7068,7 +7071,7 @@ const Zi = /* @__PURE__ */ Ce(ji, [["render", Gi]]), Wi = /* @__PURE__ */ P({
   setup(o) {
     return (t, l) => (c(), F(qe, {
       class: I({
-        "cl:bg-primary-default! cl:border-primary-dark cl:hover:border-primary-dark cl:text-black cl:font-bold": t.isSelected,
+        "cl:bg-primary-default/40! cl:border-primary-dark cl:hover:border-primary-dark cl:text-black cl:font-bold": t.isSelected,
         "cl:border-secondary-light/40 cl:hover:shadow-md cl:hover:border-secondary-light/100 cl:text-secondary-default! cl:hover:bg-primary-default/15 cl:hover:font-bold": t.isSelected === !1,
         "cl:rounded-none!": t.orientation === "horizontal"
       })
@@ -7144,7 +7147,7 @@ const Zi = /* @__PURE__ */ Ce(ji, [["render", Gi]]), Wi = /* @__PURE__ */ P({
   },
   emits: /* @__PURE__ */ ie(["search-clicked"], ["update:open", "update:pinned"]),
   setup(o) {
-    const t = ve(o, "open"), l = ve(o, "pinned"), e = M([]), s = M(!1);
+    const t = ve(o, "open"), l = ve(o, "pinned"), e = A([]), s = A(!1);
     function n(r) {
       let a = e.value.find((d) => d.id === r);
       return a || (a = {
@@ -7160,7 +7163,7 @@ const Zi = /* @__PURE__ */ Ce(ji, [["render", Gi]]), Wi = /* @__PURE__ */ P({
     function p() {
       t.value = !t.value;
     }
-    const m = M();
+    const m = A();
     return ll(m, () => {
       t.value === !0 && l.value === !1 && (t.value = !1);
     }), (r, a) => {
@@ -7370,7 +7373,7 @@ const Zi = /* @__PURE__ */ Ce(ji, [["render", Gi]]), Wi = /* @__PURE__ */ P({
 function Iu(...o) {
   return o.map((t) => t.replace(/ /g, "_")).join(" ");
 }
-function Au(o, t) {
+function Mu(o, t) {
   var s;
   const l = t.split(" ");
   let e;
@@ -7379,7 +7382,7 @@ function Au(o, t) {
       break;
   return e ?? null;
 }
-const Mu = { class: "cl:flex cl:flex-nowrap cl:flex-row cl:w-full" }, Vu = { class: "cl:h-8 cl:px-1.5 cl:py-[3px] cl:w-8" }, Nu = ["id"], Ru = {
+const Au = { class: "cl:flex cl:flex-nowrap cl:flex-row cl:w-full" }, Vu = { class: "cl:h-8 cl:px-1.5 cl:py-[3px] cl:w-8" }, Nu = ["id"], Ru = {
   key: 0,
   class: "cl:w-8"
 }, Uu = ["id"], Bu = ["id"], zu = {
@@ -7400,12 +7403,12 @@ const Mu = { class: "cl:flex cl:flex-nowrap cl:flex-row cl:w-full" }, Vu = { cla
   emits: /* @__PURE__ */ ie(["recalculate-tree-path", "set-child-node-height"], ["update:selectedPath"]),
   setup(o, { emit: t }) {
     var q;
-    const l = o, e = ve(o, "selectedPath"), s = t, n = S(() => Iu(...l.pathFragments)), i = Rt(l.rootNode.expanded) ? l.rootNode.expanded : M(l.rootNode.expanded ?? !1), p = M(), { height: m } = Fl(p), r = Ll(p), a = M([]), d = S(() => a.value.map((A) => Fl(A))), f = S(() => a.value.map((A) => Ll(A))), y = M(new Array(((q = l.rootNode.children) == null ? void 0 : q.length) ?? 0).fill(0)), w = M([]);
+    const l = o, e = ve(o, "selectedPath"), s = t, n = S(() => Iu(...l.pathFragments)), i = Rt(l.rootNode.expanded) ? l.rootNode.expanded : A(l.rootNode.expanded ?? !1), p = A(), { height: m } = Fl(p), r = Ll(p), a = A([]), d = S(() => a.value.map((M) => Fl(M))), f = S(() => a.value.map((M) => Ll(M))), y = A(new Array(((q = l.rootNode.children) == null ? void 0 : q.length) ?? 0).fill(0)), w = A([]);
     function b() {
-      r.update(), w.value = f.value.map((A, H) => (A.update(), A.top.value - r.bottom.value + y.value[H] / 2 + 3)), s("recalculate-tree-path");
+      r.update(), w.value = f.value.map((M, H) => (M.update(), M.top.value - r.bottom.value + y.value[H] / 2 + 3)), s("recalculate-tree-path");
     }
     const k = el(b, 1);
-    return _(m, (A) => s("set-child-node-height", A), {
+    return _(m, (M) => s("set-child-node-height", M), {
       immediate: !0,
       flush: "sync"
     }), _([
@@ -7414,13 +7417,13 @@ const Mu = { class: "cl:flex cl:flex-nowrap cl:flex-row cl:w-full" }, Vu = { cla
     ], k, {
       flush: "post",
       deep: !0
-    }), Ke(k), (A, H) => {
+    }), Ke(k), (M, H) => {
       const N = Te("icon"), G = Te("cl-ui-tree-list-subtree", !0);
-      return c(), v("div", Mu, [
+      return c(), v("div", Au, [
         h("div", Vu, [
-          A.rootNode.children && A.rootNode.children.length > 0 ? (c(), v("button", {
+          M.rootNode.children && M.rootNode.children.length > 0 ? (c(), v("button", {
             key: 0,
-            id: `${A.idPrefix}-expand-button`,
+            id: `${M.idPrefix}-expand-button`,
             class: "cl:basis-0 cl:bg-white cl:p-1 cl:text-base cl:text-secondary-light",
             onClick: H[0] || (H[0] = (D) => i.value = !g(i))
           }, [
@@ -7429,7 +7432,7 @@ const Mu = { class: "cl:flex cl:flex-nowrap cl:flex-row cl:w-full" }, Vu = { cla
             }, null, 8, ["icon"])
           ], 8, Nu)) : B("", !0)
         ]),
-        A.depth > 0 ? (c(), v("div", Ru)) : B("", !0),
+        M.depth > 0 ? (c(), v("div", Ru)) : B("", !0),
         h("div", {
           class: I(["cl:basis-full cl:relative", {
             "cl-tree-list-selection": e.value === n.value
@@ -7437,23 +7440,23 @@ const Mu = { class: "cl:flex cl:flex-nowrap cl:flex-row cl:w-full" }, Vu = { cla
         }, [
           e.value === null ? (c(), v("div", {
             key: 0,
-            id: `${A.idPrefix}-node-content`,
+            id: `${M.idPrefix}-node-content`,
             ref_key: "nodeContentDiv",
             ref: p,
             class: "cl:bg-white cl:border cl:border-grey-2 cl:px-2 cl:py-1 cl:rounded"
           }, [
-            E(A.$slots, A.rootNode.slotName ?? "default", {
-              node: A.rootNode,
+            E(M.$slots, M.rootNode.slotName ?? "default", {
+              node: M.rootNode,
               path: n.value,
-              depth: A.depth,
-              breadth: A.breadth,
+              depth: M.depth,
+              breadth: M.breadth,
               isSelected: e.value === n.value,
               isExpanded: g(i),
               expand: (D) => i.value = D
             })
           ], 8, Uu)) : (c(), v("button", {
             key: 1,
-            id: `${A.idPrefix}-node-content`,
+            id: `${M.idPrefix}-node-content`,
             ref_key: "nodeContentDiv",
             ref: p,
             class: I(["cl:border cl:border-grey-2 cl:px-2 cl:py-1 cl:rounded-sm cl:text-left cl:w-full", {
@@ -7462,23 +7465,23 @@ const Mu = { class: "cl:flex cl:flex-nowrap cl:flex-row cl:w-full" }, Vu = { cla
             }]),
             onClick: H[1] || (H[1] = (D) => e.value = e.value === n.value ? "" : n.value)
           }, [
-            E(A.$slots, A.rootNode.slotName ?? "default", {
-              node: A.rootNode,
+            E(M.$slots, M.rootNode.slotName ?? "default", {
+              node: M.rootNode,
               path: n.value,
-              depth: A.depth,
-              breadth: A.breadth,
+              depth: M.depth,
+              breadth: M.breadth,
               isSelected: e.value === n.value,
               isExpanded: g(i),
               expand: (D) => i.value = D
             })
           ], 10, Bu)),
-          A.rootNode.children && A.rootNode.children.length > 0 && g(i) ? (c(), F(Eu, {
+          M.rootNode.children && M.rootNode.children.length > 0 && g(i) ? (c(), F(Eu, {
             key: 2,
             class: "cl-tree-list-path",
             "branches-at": w.value
           }, null, 8, ["branches-at"])) : B("", !0),
-          A.rootNode.children && A.rootNode.children.length > 0 && g(i) ? (c(), v("div", zu, [
-            (c(!0), v(K, null, x(A.rootNode.children, (D, J) => (c(), v("div", {
+          M.rootNode.children && M.rootNode.children.length > 0 && g(i) ? (c(), v("div", zu, [
+            (c(!0), v(K, null, x(M.rootNode.children, (D, J) => (c(), v("div", {
               key: D.id,
               ref_for: !0,
               ref_key: "childSubtreeDivs",
@@ -7487,18 +7490,18 @@ const Mu = { class: "cl:flex cl:flex-nowrap cl:flex-row cl:w-full" }, Vu = { cla
               O(G, {
                 "selected-path": e.value,
                 "onUpdate:selectedPath": H[2] || (H[2] = (oe) => e.value = oe),
-                "id-prefix": `${A.idPrefix}-${D.id}`,
-                depth: A.depth + 1,
+                "id-prefix": `${M.idPrefix}-${D.id}`,
+                depth: M.depth + 1,
                 breadth: J,
-                "path-fragments": [...A.pathFragments, D.id],
+                "path-fragments": [...M.pathFragments, D.id],
                 "root-node": D,
                 onRecalculateTreePath: g(k),
                 onSetChildNodeHeight: (oe) => y.value[J] = oe
               }, be({ _: 2 }, [
-                x(A.$slots, (oe, W) => ({
+                x(M.$slots, (oe, W) => ({
                   name: W,
                   fn: V((pe) => [
-                    E(A.$slots, W, Q({ ref_for: !0 }, pe))
+                    E(M.$slots, W, Q({ ref_for: !0 }, pe))
                   ])
                 }))
               ]), 1032, ["selected-path", "id-prefix", "depth", "breadth", "path-fragments", "root-node", "onRecalculateTreePath", "onSetChildNodeHeight"])
@@ -7519,10 +7522,10 @@ const Mu = { class: "cl:flex cl:flex-nowrap cl:flex-row cl:w-full" }, Vu = { cla
   },
   emits: ["select"],
   setup(o, { emit: t }) {
-    const l = o, e = t, s = M(""), n = S({
+    const l = o, e = t, s = A(""), n = S({
       get: () => l.allowSelect ? s.value : null,
       set(i) {
-        i ? (s.value = i, e("select", Au(l.rootNodes, i))) : l.allowDeselect && (s.value = "", e("select", null));
+        i ? (s.value = i, e("select", Mu(l.rootNodes, i))) : l.allowDeselect && (s.value = "", e("select", null));
       }
     });
     return (i, p) => (c(), v("div", Lu, [
@@ -7594,9 +7597,9 @@ const Mu = { class: "cl:flex cl:flex-nowrap cl:flex-row cl:w-full" }, Vu = { cla
   clUiMenuItem: Su,
   clUiMenuSection: It,
   clUiModal: rt,
-  clUiNavigation: Ai,
+  clUiNavigation: Mi,
   clUiNavigationGroup: Ri,
-  clUiNavigationIcon: Mi,
+  clUiNavigationIcon: Ai,
   clUiNavigationItem: Zi,
   clUiNavigationSection: Pi,
   clUiNotification: st,
@@ -7615,7 +7618,7 @@ const Mu = { class: "cl:flex cl:flex-nowrap cl:flex-row cl:w-full" }, Vu = { cla
   filterMethodTypes: ss,
   futureQuickDates: dl,
   gridColumnTypes: os,
-  headerColour: Ar,
+  headerColour: Mr,
   inputTextTypes: Bn,
   inputTypes: ai,
   isComboBoxCreateRequest: oa,
@@ -7690,9 +7693,9 @@ export {
   Su as clUiMenuItem,
   It as clUiMenuSection,
   rt as clUiModal,
-  Ai as clUiNavigation,
+  Mi as clUiNavigation,
   Ri as clUiNavigationGroup,
-  Mi as clUiNavigationIcon,
+  Ai as clUiNavigationIcon,
   Zi as clUiNavigationItem,
   Pi as clUiNavigationSection,
   st as clUiNotification,
@@ -7712,13 +7715,13 @@ export {
   ac as default,
   Va as doesNumberStringContainPart,
   ss as filterMethodTypes,
-  Me as formatNumber,
+  Ae as formatNumber,
   yl as formatNumberAsDecimal,
   Oe as formatNumberAsInteger,
   dl as futureQuickDates,
-  Ml as getMergedFormatOptions,
+  Al as getMergedFormatOptions,
   os as gridColumnTypes,
-  Ar as headerColour,
+  Mr as headerColour,
   De as i18n,
   Bn as inputTextTypes,
   ai as inputTypes,