@citruslime/ui 3.0.2-beta.1 → 3.0.2-beta.3

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

@@ -1,7 +1,7 @@
 import { Icon as _ } from "@iconify/vue";
-import { defineComponent as P, ref as V, openBlock as p, createElementBlock as v, renderSlot as M, normalizeProps as ce, guardReactiveProps as pe, Fragment as Y, createElementVNode as m, normalizeClass as O, createVNode as C, unref as g, Transition as Me, withCtx as A, withDirectives as le, mergeProps as J, vShow as ue, createBlock as G, Teleport as wl, renderList as ne, toDisplayString as D, createCommentVNode as L, computed as $, mergeModels as fe, useModel as ve, createSlots as Te, vModelDynamic as jl, watch as te, toRefs as Pl, withKeys as be, onMounted as We, onUnmounted as sl, withModifiers as ae, nextTick as Ue, useAttrs as Ke, resolveComponent as Se, createTextVNode as ie, inject as rl, vModelCheckbox as yt, toValue as El, watchEffect as wt, vModelText as kl, useCssVars as Gl, toHandlers as kt, pushScopeId as Hl, popScopeId as Zl, provide as vl, normalizeStyle as il } from "vue";
+import { defineComponent as P, ref as V, openBlock as p, createElementBlock as v, renderSlot as M, normalizeProps as ce, guardReactiveProps as pe, Fragment as Y, createElementVNode as m, normalizeClass as O, createVNode as C, unref as g, Transition as Me, withCtx as E, withDirectives as le, mergeProps as J, vShow as ue, createBlock as G, Teleport as wl, renderList as ne, toDisplayString as A, createCommentVNode as L, computed as $, mergeModels as fe, useModel as ve, createSlots as Te, vModelDynamic as jl, watch as te, toRefs as Pl, withKeys as be, onMounted as We, onUnmounted as sl, withModifiers as ae, nextTick as Ue, useAttrs as Ke, resolveComponent as Se, createTextVNode as ie, inject as rl, vModelCheckbox as yt, toValue as Al, watchEffect as wt, vModelText as kl, useCssVars as Gl, toHandlers as kt, pushScopeId as Hl, popScopeId as Zl, provide as vl, normalizeStyle as il } from "vue";
 import { generateStringId as $t, highlightText as Ct, validateEmail as Tt } from "@citruslime/utils";
-import { onKeyDown as bl, unrefElement as St, tryOnScopeDispose as qt, onClickOutside as Qe, useTimeoutFn as Wl, useMouseInElement as Ot, useFocusWithin as Dt, useMediaQuery as Kl, useThrottle as Et, useElementBounding as At, useDebounceFn as el, useThrottleFn as Vt, useWindowSize as Mt, useBreakpoints as It, breakpointsTailwind as Nt } from "@vueuse/core";
+import { onKeyDown as bl, unrefElement as St, tryOnScopeDispose as qt, onClickOutside as Qe, useTimeoutFn as Wl, useMouseInElement as Ot, useFocusWithin as Dt, useMediaQuery as Kl, useThrottle as At, useElementBounding as Et, useDebounceFn as el, useThrottleFn as Vt, useWindowSize as Mt, useBreakpoints as It, breakpointsTailwind as Nt } from "@vueuse/core";
 import { useI18n as de, createI18n as Rt } from "vue-i18n";
 import { createFocusTrap as Ut } from "focus-trap";
 import { copy as me } from "@citruslime/vue-utils";
@@ -68,7 +68,7 @@ const Lt = { class: "cl-overflow-hidden" }, Bt = /* @__PURE__ */ P({
       ], 2),
       m("div", Pt, [
         C(Me, { name: "grow-down" }, {
-          default: A(() => [
+          default: E(() => [
             le(m("div", J(n.$attrs, { class: "cl-ml-10 cl-p-4" }), [
               M(n.$slots, "default")
             ], 16), [
@@ -92,7 +92,7 @@ function Wt(o, t) {
   ]);
 }
 const Kt = /* @__PURE__ */ ye(Ht, [["render", Wt]]), ll = V([]);
-function Al(o) {
+function El(o) {
   const t = {
     id: $t(),
     ...o
@@ -132,7 +132,7 @@ const Qt = ["onClick"], Yt = { class: "cl-flex-1 cl-select-none cl-text-ellipsis
           }],
           onClick: (n) => g(Ql)(e)
         }), [
-          m("span", Yt, D(e.message), 1),
+          m("span", Yt, A(e.message), 1),
           C(g(_), {
             class: "cl-inline-block cl-opacity-0 cl-transition-opacity group-hover:cl-opacity-100",
             icon: "ph:x",
@@ -322,7 +322,7 @@ const cl = /* @__PURE__ */ ye(xt, [["render", eo], ["__scopeId", "data-v-a21dc5d
           (p(!0), v(Y, null, ne(e.errors, (n, d) => (p(), v("div", {
             key: d,
             class: "cl-bg-danger-light cl-px-2 cl-rounded-md cl-text-center cl-text-danger-default cl-text-xs cl-w-full cl-whitespace-pre-line"
-          }, D(n), 1))), 128))
+          }, A(n), 1))), 128))
         ])
       ])) : e.errors ? (p(), v("div", vo, "   ")) : L("", !0)
     ]));
@@ -360,7 +360,7 @@ const cl = /* @__PURE__ */ ye(xt, [["render", eo], ["__scopeId", "data-v-a21dc5d
       "show-required-asterisk": d.required,
       errors: d.errors
     }, Te({
-      default: A(() => [
+      default: E(() => [
         le(m("input", J(d.$attrs, {
           ref_key: "inputRef",
           ref: n,
@@ -380,7 +380,7 @@ const cl = /* @__PURE__ */ ye(xt, [["render", eo], ["__scopeId", "data-v-a21dc5d
     }, [
       d.$slots.default ? {
         name: "label",
-        fn: A(() => [
+        fn: E(() => [
           M(d.$slots, "default")
         ]),
         key: "0"
@@ -456,7 +456,7 @@ const yo = /* @__PURE__ */ m("div", { tabindex: "0" }, null, -1), wo = {
       M(i.$slots, "trigger", ce(pe({ open: d }))),
       (p(), G(wl, { to: "body" }, [
         C(Me, { name: "fade" }, {
-          default: A(() => [
+          default: E(() => [
             le(m("div", {
               ref_key: "clUiModal",
               ref: s,
@@ -521,13 +521,13 @@ const yo = /* @__PURE__ */ m("div", { tabindex: "0" }, null, -1), wo = {
   emits: ["clear-object"],
   setup(o) {
     return (t, l) => (p(), v("div", $o, [
-      t.additionalText !== "" ? (p(), v("div", Co, D(t.additionalText), 1)) : L("", !0),
+      t.additionalText !== "" ? (p(), v("div", Co, A(t.additionalText), 1)) : L("", !0),
       m("div", {
         class: O({
           "cl-w-1/2": t.additionalText !== "",
           "cl-w-full": t.additionalText === ""
         })
-      }, D(t.text), 3),
+      }, A(t.text), 3),
       le(m("div", {
         class: "cl-cursor-pointer cl-float-right",
         onMousedown: l[0] || (l[0] = (e) => t.$emit("clear-object"))
@@ -584,13 +584,13 @@ const yo = /* @__PURE__ */ m("div", { tabindex: "0" }, null, -1), wo = {
         onMousemove: r[0] || (r[0] = (k) => c(!0)),
         onMouseleave: r[1] || (r[1] = (k) => c(!1))
       }, [
-        a.option !== null && ((f = a.option) == null ? void 0 : f.parentId) !== 0 && ((y = a.option) == null ? void 0 : y.parentId) !== void 0 ? (p(), v("div", To, D(n.value), 1)) : L("", !0),
+        a.option !== null && ((f = a.option) == null ? void 0 : f.parentId) !== 0 && ((y = a.option) == null ? void 0 : y.parentId) !== void 0 ? (p(), v("div", To, A(n.value), 1)) : L("", !0),
         m("div", {
           class: O({
             "cl-w-1/2": n.value !== "",
             "cl-w-full": n.value === ""
           })
-        }, D(s.value), 3),
+        }, A(s.value), 3),
         le(m("div", So, [
           C(g(_), {
             class: "cl-transition-colors",
@@ -605,7 +605,7 @@ const yo = /* @__PURE__ */ m("div", { tabindex: "0" }, null, -1), wo = {
 }), qo = ["onKeyup"], Oo = {
   key: 0,
   class: "cl-absolute cl-bg-off-white cl-flex cl-h-full cl-items-center cl-justify-center cl-top-0 cl-w-full cl-z-20"
-}, Do = { class: "cl-bg-white cl-flex cl-p-2 cl-pb-1 cl-sticky cl-top-0 cl-w-full cl-z-10" }, Eo = { class: "cl-inline-block cl-w-full" }, Ao = /* @__PURE__ */ m("span", null, null, -1), Vo = { key: 6 }, Mo = /* @__PURE__ */ P({
+}, Do = { class: "cl-bg-white cl-flex cl-p-2 cl-pb-1 cl-sticky cl-top-0 cl-w-full cl-z-10" }, Ao = { class: "cl-inline-block cl-w-full" }, Eo = /* @__PURE__ */ m("span", null, null, -1), Vo = { key: 6 }, Mo = /* @__PURE__ */ P({
   __name: "cl-ui-combo-box-search",
   props: {
     loading: { type: Boolean, default: !1 },
@@ -693,7 +693,7 @@ const yo = /* @__PURE__ */ m("div", { tabindex: "0" }, null, -1), wo = {
           C(cl)
         ])) : L("", !0),
         m("div", Do, [
-          m("div", Eo, [
+          m("div", Ao, [
             C(Re, {
               id: `cl-ui-combo-box-search-input-${I.objectType}`,
               modelValue: n.value,
@@ -704,8 +704,8 @@ const yo = /* @__PURE__ */ m("div", { tabindex: "0" }, null, -1), wo = {
               onKeyup: a,
               onBlur: y
             }, {
-              default: A(() => [
-                Ao
+              default: E(() => [
+                Eo
               ]),
               _: 1
             }, 8, ["id", "modelValue", "placeholder"])
@@ -827,7 +827,7 @@ const yo = /* @__PURE__ */ m("div", { tabindex: "0" }, null, -1), wo = {
     }
     function he() {
       var w, N;
-      (w = e.objectCreatedResponse) != null && w.error ? Al({
+      (w = e.objectCreatedResponse) != null && w.error ? El({
         message: a("comboBox.createFailed", {
           name: b.value,
           error: e.objectCreatedResponse.error
@@ -845,7 +845,7 @@ const yo = /* @__PURE__ */ m("div", { tabindex: "0" }, null, -1), wo = {
     }
     function je() {
       var N, Q, h, U, W;
-      Al({
+      El({
         message: a("comboBox.createSuccessful", {
           object: e.objectType,
           name: ((N = e.objectCreatedResponse) == null ? void 0 : N.name) ?? ""
@@ -865,11 +865,11 @@ const yo = /* @__PURE__ */ m("div", { tabindex: "0" }, null, -1), wo = {
       let w = "";
       return f.value && (f.value.parentName ? w = f.value.parentName + "; " + f.value.name : w = f.value.name), w;
     }
-    function E() {
+    function D() {
       let w = !0;
       b.value === "" && (w = !1), e.objectParentType !== "" && y.value === null && (w = !1), B.value = w;
     }
-    te(() => e.objectCreatedResponse, () => he()), te(() => e.parentObjectCreatedResponse, () => ge()), te(() => b.value, () => E()), te(() => y.value, () => E());
+    te(() => e.objectCreatedResponse, () => he()), te(() => e.parentObjectCreatedResponse, () => ge()), te(() => b.value, () => D()), te(() => y.value, () => D());
     const Z = V();
     return Qe(Z, () => r.value ? z(!1) : ""), t({
       focus() {
@@ -896,7 +896,7 @@ const yo = /* @__PURE__ */ m("div", { tabindex: "0" }, null, -1), wo = {
                 z(), w.$emit("focus");
               })
             }, {
-              default: A(() => [
+              default: E(() => [
                 Ro
               ]),
               _: 1
@@ -904,7 +904,7 @@ const yo = /* @__PURE__ */ m("div", { tabindex: "0" }, null, -1), wo = {
           ]),
           le(m("div", Uo, [
             m("div", zo, [
-              ie(D(g(a)("comboBox.required")) + " ", 1),
+              ie(A(g(a)("comboBox.required")) + " ", 1),
               C(g(_), {
                 class: "cl-ml-1 cl-mt-1",
                 icon: "ph:warning"
@@ -942,10 +942,10 @@ const yo = /* @__PURE__ */ m("div", { tabindex: "0" }, null, -1), wo = {
           ], 10, Lo))
         ]),
         C(_l, { size: "small" }, {
-          title: A(() => [
-            ie(D(g(a)("comboBox.createTitle", { object: w.objectType })), 1)
+          title: E(() => [
+            ie(A(g(a)("comboBox.createTitle", { object: w.objectType })), 1)
           ]),
-          trigger: A(({ open: h }) => [
+          trigger: E(({ open: h }) => [
             le(C(Mo, {
               "can-create-new-object": w.canCreateNewObject,
               "can-clear-selected-object": w.canClearSelectedObject,
@@ -969,7 +969,7 @@ const yo = /* @__PURE__ */ m("div", { tabindex: "0" }, null, -1), wo = {
               [ue, r.value]
             ])
           ]),
-          footer: A(({ close: h }) => [
+          footer: E(({ close: h }) => [
             m("div", jo, [
               C(ke, {
                 class: "cl-mr-3",
@@ -977,8 +977,8 @@ const yo = /* @__PURE__ */ m("div", { tabindex: "0" }, null, -1), wo = {
                 size: "small",
                 onClick: h
               }, {
-                default: A(() => [
-                  ie(D(g(a)("comboBox.cancel")), 1)
+                default: E(() => [
+                  ie(A(g(a)("comboBox.cancel")), 1)
                 ]),
                 _: 2
               }, 1032, ["onClick"]),
@@ -990,14 +990,14 @@ const yo = /* @__PURE__ */ m("div", { tabindex: "0" }, null, -1), wo = {
                   j(), h();
                 }
               }, {
-                default: A(() => [
-                  ie(D(g(a)("comboBox.create")), 1)
+                default: E(() => [
+                  ie(A(g(a)("comboBox.create")), 1)
                 ]),
                 _: 2
               }, 1032, ["disabled", "onClick"])
             ])
           ]),
-          default: A(() => [
+          default: E(() => [
             m("div", Fo, [
               w.objectParentType ? (p(), G(Q, {
                 key: 0,
@@ -1019,8 +1019,8 @@ const yo = /* @__PURE__ */ m("div", { tabindex: "0" }, null, -1), wo = {
                 "onUpdate:modelValue": N[6] || (N[6] = (h) => b.value = h),
                 class: "cl-box-border cl-font-light cl-mb-2 cl-p-2 cl-placeholder-grey-3 cl-text-sm"
               }, {
-                default: A(() => [
-                  ie(D(g(a)("comboBox.createProperty")), 1)
+                default: E(() => [
+                  ie(A(g(a)("comboBox.createProperty")), 1)
                 ]),
                 _: 1
               }, 8, ["modelValue"])
@@ -1094,7 +1094,7 @@ const ea = { class: "cl-flex cl-flex-wrap cl-gap-1 cl-overflow-auto cl-pb-2 lg:c
           "cl-hidden": n.options.hideGridMobileView
         }])
       }, [
-        m("strong", null, D(g(l)("grid.gridTools")), 1)
+        m("strong", null, A(g(l)("grid.gridTools")), 1)
       ], 2),
       m("div", ea, [
         m("div", la, [
@@ -1112,11 +1112,11 @@ const ea = { class: "cl-flex cl-flex-wrap cl-gap-1 cl-overflow-auto cl-pb-2 lg:c
           disabled: n.loading,
           onClick: d[0] || (d[0] = ae((u) => n.$emit("update:edit-mode", !n.editMode), ["prevent"]))
         }, {
-          default: A(() => [
+          default: E(() => [
             n.editMode ? (p(), v(Y, { key: 0 }, [
-              ie(D(g(l)("grid.finishEditing")), 1)
+              ie(A(g(l)("grid.finishEditing")), 1)
             ], 64)) : (p(), v(Y, { key: 1 }, [
-              ie(D(g(l)("grid.editData")), 1)
+              ie(A(g(l)("grid.editData")), 1)
             ], 64))
           ]),
           _: 1
@@ -1141,8 +1141,8 @@ const ea = { class: "cl-flex cl-flex-wrap cl-gap-1 cl-overflow-auto cl-pb-2 lg:c
               disabled: n.loading,
               onClick: d[1] || (d[1] = ae((u) => n.$emit("update:filterPanelOpen", !n.filterPanelOpen), ["prevent"]))
             }, {
-              default: A(() => [
-                ie(D(g(l)("grid.modifyFilters")), 1)
+              default: E(() => [
+                ie(A(g(l)("grid.modifyFilters")), 1)
               ]),
               _: 1
             }, 8, ["disabled"])
@@ -1156,8 +1156,8 @@ const ea = { class: "cl-flex cl-flex-wrap cl-gap-1 cl-overflow-auto cl-pb-2 lg:c
             class: "cl-basis-full lg:cl-flex-none",
             onClick: d[2] || (d[2] = ae((u) => n.$emit("clear-filters"), ["prevent"]))
           }, {
-            default: A(() => [
-              ie(D(g(l)("grid.clearFilters")), 1)
+            default: E(() => [
+              ie(A(g(l)("grid.clearFilters")), 1)
             ]),
             _: 1
           }, 8, ["id", "disabled"])) : L("", !0)
@@ -1192,7 +1192,7 @@ const ea = { class: "cl-flex cl-flex-wrap cl-gap-1 cl-overflow-auto cl-pb-2 lg:c
       "show-required-asterisk": d.required,
       errors: d.errors
     }, Te({
-      default: A(() => [
+      default: E(() => [
         le(m("input", J({
           ref_key: "inputRef",
           ref: n
@@ -1215,7 +1215,7 @@ const ea = { class: "cl-flex cl-flex-wrap cl-gap-1 cl-overflow-auto cl-pb-2 lg:c
     }, [
       d.$slots.default ? {
         name: "label",
-        fn: A(() => [
+        fn: E(() => [
           M(d.$slots, "default", {}, void 0, !0)
         ]),
         key: "0"
@@ -1420,18 +1420,18 @@ function qc(o) {
 }
 const { locale: ca, getNumberFormat: ua } = Ce.global, pl = X.DECIMAL;
 function we(o) {
-  return Ee(o, X.DECIMAL, { additionalOptions: {
+  return Ae(o, X.DECIMAL, { additionalOptions: {
     minimumFractionDigits: 0,
     maximumFractionDigits: 0
   } });
 }
 function ml(o, t) {
-  return Ee(o, X.DECIMAL, { additionalOptions: {
+  return Ae(o, X.DECIMAL, { additionalOptions: {
     minimumFractionDigits: 0,
     maximumFractionDigits: t
   } });
 }
-function Ee(o, t, l) {
+function Ae(o, t, l) {
   if (fl(t)) {
     const e = Fe(pl, l);
     return t.replace(/\{0\}/g, Nl(o, e) ?? "");
@@ -1523,7 +1523,7 @@ function Ye(o) {
   }
 }
 function Fe(o, t) {
-  const l = El(t == null ? void 0 : t.locale) || g(ca), e = ua(l), s = me(El(t == null ? void 0 : t.additionalOptions) ?? {});
+  const l = Al(t == null ? void 0 : t.locale) || g(ca), e = ua(l), s = me(Al(t == null ? void 0 : t.additionalOptions) ?? {});
   let n = "decimal";
   switch (o) {
     case X.PERCENTAGE:
@@ -1757,13 +1757,19 @@ const wa = {
       return t.column.maxLength && (c = c.trimToLength(t.column.maxLength, t.column.format !== void 0 ? t.column.format === "ellipsis" : !1)), t.searchValue && t.column.searchable && (c = Ct(c, t.searchValue.split(" "))), t.column.format === "wrap-text" && (c = `<span class="cl-break-words cl-whitespace-pre-wrap">${c}</span>`), c;
     }
     function u(c, i) {
-      return t.column.format === X.INTEGER ? Ee(c, X.DECIMAL, {
+      return t.column.format === X.INTEGER ? Ae(c, X.DECIMAL, {
         locale: i,
         additionalOptions: {
           maximumFractionDigits: 0,
           minimumFractionDigits: 0
         }
-      }) : Ee(c, t.column.format ?? X.DECIMAL, { locale: i });
+      }) : Ae(c, t.column.format ?? X.DECIMAL, {
+        locale: i,
+        additionalOptions: {
+          maximumFractionDigits: t.column.precision ?? 2,
+          minimumFractionDigits: t.column.precision ?? 2
+        }
+      });
     }
     return (c, i) => {
       var a;
@@ -1774,13 +1780,13 @@ const wa = {
         disabled: !0
       }, null, 8, ["model-value"])) : (c.column.type === "date" || c.column.type === "datetime" || c.column.type === "dateRange") && c.column.field !== void 0 ? (p(), v(Y, { key: 2 }, [
         c.column.format !== void 0 ? (p(), v(Y, { key: 0 }, [
-          ie(D(n(c.data[c.column.field], c.column.format)), 1)
+          ie(A(n(c.data[c.column.field], c.column.format)), 1)
         ], 64)) : c.column.type === "date" || c.column.type === "dateRange" ? (p(), v(Y, { key: 1 }, [
-          ie(D(n(c.data[c.column.field], g(se).DATE)), 1)
+          ie(A(n(c.data[c.column.field], g(se).DATE)), 1)
         ], 64)) : (p(), v(Y, { key: 2 }, [
-          ie(D(n(c.data[c.column.field], g(se).DATETIME)), 1)
+          ie(A(n(c.data[c.column.field], g(se).DATETIME)), 1)
         ], 64))
-      ], 64)) : c.column.type === "list" && c.column.field !== void 0 && c.column.listEntries !== void 0 ? (p(), v("span", wa, D(g(e)(((a = c.column.listEntries.find((r) => r.value === c.data[c.column.field])) == null ? void 0 : a.translationKey) ?? "")), 1)) : c.column.type === "number" && c.column.field !== void 0 ? (p(), v("span", ka, D(u(c.data[c.column.field], g(s))), 1)) : c.column.field !== void 0 ? (p(), v("span", $a, [
+      ], 64)) : c.column.type === "list" && c.column.field !== void 0 && c.column.listEntries !== void 0 ? (p(), v("span", wa, A(g(e)(((a = c.column.listEntries.find((r) => r.value === c.data[c.column.field])) == null ? void 0 : a.translationKey) ?? "")), 1)) : c.column.type === "number" && c.column.field !== void 0 ? (p(), v("span", ka, A(u(c.data[c.column.field], g(s))), 1)) : c.column.field !== void 0 ? (p(), v("span", $a, [
         m("span", {
           innerHTML: d()
         }, null, 8, Ca)
@@ -1823,7 +1829,7 @@ const wa = {
         class: O(["cl-font-semibold lg:cl-hidden", {
           "cl-hidden": c.options.hideGridMobileView
         }])
-      }, D(c.column.caption), 3),
+      }, A(c.column.caption), 3),
       c.editMode && c.column.editable === !0 ? M(c.$slots, `${c.column.name}Edit`, ce(J({ key: 0 }, {
         cellFocused: () => e("focus"),
         column: c.column,
@@ -1838,7 +1844,7 @@ const wa = {
           "time-zone": c.timeZone,
           "search-value": c.searchValue
         }, {
-          [c.column.name]: A(() => [
+          [c.column.name]: E(() => [
             M(c.$slots, c.column.name, ce(pe({
               column: c.column,
               record: c.data,
@@ -1854,7 +1860,7 @@ const wa = {
         "time-zone": c.timeZone,
         "search-value": c.searchValue
       }, {
-        [c.column.name]: A(() => [
+        [c.column.name]: E(() => [
           M(c.$slots, c.column.name, ce(pe({ column: c.column, record: c.data, searchValue: c.searchValue })))
         ]),
         _: 2
@@ -1888,14 +1894,14 @@ const wa = {
       }, Te({ _: 2 }, [
         ne(t.$slots, (n, d) => ({
           name: d,
-          fn: A((u) => [
+          fn: E((u) => [
             M(t.$slots, d, ce(pe(u)))
           ])
         }))
       ]), 1032, ["data", "column", "options", "time-zone", "search-value", "edit-mode", "onEdit", "onUndo"]))), 128))
     ]));
   }
-}), qa = { key: 1 }, Oa = ["colspan"], Da = { class: "cl-flex cl-flex-wrap cl-justify-center cl-text-center cl-text-sm cl-w-full" }, Ea = { key: 0 }, Aa = {
+}), qa = { key: 1 }, Oa = ["colspan"], Da = { class: "cl-flex cl-flex-wrap cl-justify-center cl-text-center cl-text-sm cl-w-full" }, Aa = { key: 0 }, Ea = {
   key: 1,
   class: "cl-mt-6 cl-w-full"
 }, Va = {
@@ -2000,7 +2006,7 @@ const wa = {
         }, Te({ _: 2 }, [
           ne(b.$slots, (z, ee) => ({
             name: ee,
-            fn: A((I) => [
+            fn: E((I) => [
               M(b.$slots, ee, J(I, { disabled: b.loading }))
             ])
           }))
@@ -2009,18 +2015,18 @@ const wa = {
             colspan: b.columns.length
           }, [
             m("div", Da, [
-              b.$slots.noData && b.request.filters.some((B) => B.filterValue !== "") === !1 ? (p(), v("div", Ea, [
+              b.$slots.noData && b.request.filters.some((B) => B.filterValue !== "") === !1 ? (p(), v("div", Aa, [
                 M(b.$slots, "noData")
-              ])) : (p(), v("strong", Aa, D(g(s)("grid.noData")), 1)),
+              ])) : (p(), v("strong", Ea, A(g(s)("grid.noData")), 1)),
               b.request.filters.some((B) => B.filterValue !== "") ? (p(), v("div", Va, [
-                m("div", Ma, D(g(s)("grid.noDataFiltersPresent")), 1),
+                m("div", Ma, A(g(s)("grid.noDataFiltersPresent")), 1),
                 C(ke, {
                   size: "small",
                   colour: "danger",
                   onClick: T[0] || (T[0] = ae((B) => b.$emit("clear-filters"), ["prevent"]))
                 }, {
-                  default: A(() => [
-                    ie(D(g(s)("grid.clearFilters")), 1)
+                  default: E(() => [
+                    ie(A(g(s)("grid.clearFilters")), 1)
                   ]),
                   _: 1
                 })
@@ -2091,7 +2097,7 @@ const wa = {
       }
     }
     function R(j) {
-      return j === null ? "" : e.format ? Ee(j, e.format, {
+      return j === null ? "" : e.format ? Ae(j, e.format, {
         locale: e.locale,
         additionalOptions: f.value
       }) : j.toString();
@@ -2121,7 +2127,7 @@ const wa = {
         "show-required-asterisk": j.required,
         errors: j.errors
       }, Te({
-        default: A(() => [
+        default: E(() => [
           m("div", {
             ref_key: "focusWithinRef",
             ref: u,
@@ -2178,7 +2184,7 @@ const wa = {
       }, [
         j.$slots.default ? {
           name: "label",
-          fn: A(() => [
+          fn: E(() => [
             M(j.$slots, "default")
           ]),
           key: "0"
@@ -2237,15 +2243,15 @@ const wa = {
         m("div", Ba, [
           m("div", Fa, [
             m("div", ja, [
-              m("span", Pa, D(g(s)("grid.page")), 1),
-              m("span", null, D(g(we)(a.request.pageNumber)) + " / " + D(g(we)(n.value)), 1)
+              m("span", Pa, A(g(s)("grid.page")), 1),
+              m("span", null, A(g(we)(a.request.pageNumber)) + " / " + A(g(we)(n.value)), 1)
             ]),
             m("div", Ga, [
-              m("span", Ha, D(g(s)("grid.totalRecords")), 1),
-              m("span", null, D(g(we)(a.data.totalRecords)), 1)
+              m("span", Ha, A(g(s)("grid.totalRecords")), 1),
+              m("span", null, A(g(we)(a.data.totalRecords)), 1)
             ]),
             m("div", Za, [
-              m("span", Wa, D(g(s)("grid.pageSize")), 1),
+              m("span", Wa, A(g(s)("grid.pageSize")), 1),
               m("ul", Ka, [
                 (p(), v(Y, null, ne(c, (k, b) => m("li", {
                   key: b,
@@ -2254,7 +2260,7 @@ const wa = {
                     "cl-cursor-pointer": a.request.pageSize !== k
                   }]),
                   onClick: (T) => i(k)
-                }, D(g(we)(k)), 11, Qa)), 64))
+                }, A(g(we)(k)), 11, Qa)), 64))
               ])
             ]),
             m("div", null, [
@@ -2290,7 +2296,7 @@ const wa = {
                     "cl-cursor-pointer ": a.request.pageNumber !== k
                   }]),
                   onClick: (T) => u(k)
-                }, D(g(we)(k)), 11, _a))), 128)),
+                }, A(g(we)(k)), 11, _a))), 128)),
                 m("li", {
                   class: O({
                     "cl-text-grey-2 cl-pointer-events-none": a.request.pageNumber >= n.value,
@@ -2321,7 +2327,7 @@ const wa = {
         ]),
         m("div", Ja, [
           m("div", xa, [
-            m("span", Xa, D(g(s)("grid.jumpToPage")), 1),
+            m("span", Xa, A(g(s)("grid.jumpToPage")), 1),
             C(_e, {
               "model-value": a.request.pageNumber,
               min: 1,
@@ -2331,7 +2337,7 @@ const wa = {
               autocomplete: "off",
               "onUpdate:modelValue": u
             }, {
-              default: A(() => [
+              default: E(() => [
                 en
               ]),
               _: 1
@@ -2470,7 +2476,7 @@ const on = { class: "cl-gap-1 cl-grid cl-grid-cols-2" }, an = ["onClick"], nn =
           }]),
           onClick: (a) => l("quick-date-selected", d)
         }, [
-          m("span", null, D(g(e)(d.translationKey)), 1)
+          m("span", null, A(g(e)(d.translationKey)), 1)
         ], 10, an);
       }), 128))
     ]));
@@ -2603,7 +2609,7 @@ const on = { class: "cl-gap-1 cl-grid cl-grid-cols-2" }, an = ["onClick"], nn =
       return d;
     });
     return (d, u) => (p(), v("div", rn, [
-      m("div", null, D(g(s)("quickDates.quickDatesHeader")), 1),
+      m("div", null, A(g(s)("quickDates.quickDatesHeader")), 1),
       (p(!0), v(Y, null, ne(n.value, (c, i) => (p(), v("div", {
         key: i,
         class: "cl-pt-2"
@@ -2649,7 +2655,7 @@ const on = { class: "cl-gap-1 cl-grid cl-grid-cols-2" }, an = ["onClick"], nn =
           disabled: e.disabled,
           onClick: s[0] || (s[0] = (d) => e.$emit("togglePopover"))
         }), {
-          default: A(() => [
+          default: E(() => [
             C(n, {
               icon: "bi:calendar3",
               class: "cl-text-xl icon"
@@ -2669,7 +2675,7 @@ const on = { class: "cl-gap-1 cl-grid cl-grid-cols-2" }, an = ["onClick"], nn =
           disabled: e.disabled,
           onClick: s[1] || (s[1] = (d) => e.$emit("clear"))
         }, {
-          default: A(() => [
+          default: E(() => [
             C(n, {
               icon: "ph:x",
               class: "cl-text-sm clear-icon"
@@ -2728,10 +2734,10 @@ const on = { class: "cl-gap-1 cl-grid cl-grid-cols-2" }, an = ["onClick"], nn =
     }
     const y = Kl("(min-width: 768px)"), k = $(() => y.value ? 2 : 1);
     return (b, T) => (p(), G(Ie, { "show-required-asterisk": b.required }, {
-      label: A(() => [
+      label: E(() => [
         M(b.$slots, "default")
       ]),
-      default: A(() => [
+      default: E(() => [
         C(g(Le), {
           ref_key: "calendar",
           ref: r,
@@ -2750,7 +2756,7 @@ const on = { class: "cl-gap-1 cl-grid cl-grid-cols-2" }, an = ["onClick"], nn =
           "initial-page": c.value,
           onDayclick: T[2] || (T[2] = (S) => a.value = null)
         }, {
-          default: A(({ togglePopover: S }) => [
+          default: E(({ togglePopover: S }) => [
             C(Dl, J(b.$attrs, {
               required: b.required,
               disabled: b.disabled,
@@ -2762,7 +2768,7 @@ const on = { class: "cl-gap-1 cl-grid cl-grid-cols-2" }, an = ["onClick"], nn =
               })
             }), null, 16, ["required", "disabled", "date-range-selected", "title", "onTogglePopover"])
           ]),
-          footer: A(() => [
+          footer: E(() => [
             b.quickDateScope !== "none" ? (p(), G(nt, {
               key: 0,
               scope: b.quickDateScope,
@@ -2834,7 +2840,7 @@ const on = { class: "cl-gap-1 cl-grid cl-grid-cols-2" }, an = ["onClick"], nn =
       errors: u.errors,
       "show-required-asterisk": u.required
     }, Te({
-      default: A(() => [
+      default: E(() => [
         le(m("textarea", J({
           ref_key: "inputRef",
           ref: n
@@ -2856,7 +2862,7 @@ const on = { class: "cl-gap-1 cl-grid cl-grid-cols-2" }, an = ["onClick"], nn =
     }, [
       u.$slots.default ? {
         name: "label",
-        fn: A(() => [
+        fn: E(() => [
           M(u.$slots, "default")
         ]),
         key: "0"
@@ -2883,7 +2889,7 @@ const on = { class: "cl-gap-1 cl-grid cl-grid-cols-2" }, an = ["onClick"], nn =
     Gl((r) => ({
       "5aa4acec": u.value
     }));
-    const l = o, e = ve(o, "modelValue"), { t: s } = de(), n = V(), d = V(), u = $(() => `${100 * (e.value - l.min) / (l.max - l.min)}%`), c = V(!1), i = Et(e, 50);
+    const l = o, e = ve(o, "modelValue"), { t: s } = de(), n = V(), d = V(), u = $(() => `${100 * (e.value - l.min) / (l.max - l.min)}%`), c = V(!1), i = At(e, 50);
     function a(r) {
       var f;
       e.value = r, (f = n.value) == null || f.focus();
@@ -2903,13 +2909,13 @@ const on = { class: "cl-gap-1 cl-grid cl-grid-cols-2" }, an = ["onClick"], nn =
         errors: r.errors,
         "show-required-asterisk": r.required
       }, Te({
-        default: A(() => [
+        default: E(() => [
           m("div", pn, [
             m("button", {
               disabled: r.disabled,
               class: "active:cl-bg-grey-0 cl-bg-white cl-border cl-border-grey-2 cl-leading-none cl-min-w-[26px] cl-p-[5px] cl-rounded-full cl-shadow cl-text-xs cl-transition-colors disabled:cl-bg-grey-1 hover:cl-bg-off-white",
               onClick: f[0] || (f[0] = (k) => a(r.min))
-            }, D(g(ml)(r.min, r.precision)), 9, fn),
+            }, A(g(ml)(r.min, r.precision)), 9, fn),
             m("div", mn, [
               le(m("div", gn, [
                 le(m("input", J({
@@ -2932,7 +2938,7 @@ const on = { class: "cl-gap-1 cl-grid cl-grid-cols-2" }, an = ["onClick"], nn =
                     { number: !0 }
                   ]
                 ]),
-                m("div", bn, D(g(ml)(g(i), r.precision)), 1)
+                m("div", bn, A(g(ml)(g(i), r.precision)), 1)
               ], 512), [
                 [ue, c.value === !1]
               ]),
@@ -2956,7 +2962,7 @@ const on = { class: "cl-gap-1 cl-grid cl-grid-cols-2" }, an = ["onClick"], nn =
               disabled: r.disabled,
               class: "active:cl-bg-grey-0 cl-bg-white cl-border cl-border-grey-2 cl-leading-none cl-min-w-[26px] cl-p-[5px] cl-rounded-full cl-shadow cl-text-xs cl-transition-colors disabled:cl-bg-grey-1 hover:cl-bg-off-white",
               onClick: f[3] || (f[3] = (k) => a(r.max))
-            }, D(g(ml)(r.max, r.precision)), 9, hn),
+            }, A(g(ml)(r.max, r.precision)), 9, hn),
             m("button", {
               disabled: r.disabled,
               class: "active:cl-bg-grey-0 cl-bg-white cl-border cl-border-grey-2 cl-leading-none cl-min-w-0 cl-p-[5px] cl-rounded-full cl-shadow cl-text-xs cl-transition-colors disabled:cl-bg-grey-1 hover:cl-bg-off-white",
@@ -2971,7 +2977,7 @@ const on = { class: "cl-gap-1 cl-grid cl-grid-cols-2" }, an = ["onClick"], nn =
       }, [
         r.$slots.default ? {
           name: "label",
-          fn: A(() => [
+          fn: E(() => [
             M(r.$slots, "default", {}, void 0, !0)
           ]),
           key: "0"
@@ -3117,10 +3123,10 @@ const on = { class: "cl-gap-1 cl-grid cl-grid-cols-2" }, an = ["onClick"], nn =
         (b = y.value) == null || b.focus(), n("focus");
       }
     }), (b, T) => (p(), G(Ie, { "show-required-asterisk": b.required }, {
-      label: A(() => [
+      label: E(() => [
         M(b.$slots, "default")
       ]),
-      default: A(() => [
+      default: E(() => [
         b.type === "time" ? (p(), G(g(Le), {
           key: 0,
           modelValue: u.value,
@@ -3137,7 +3143,7 @@ const on = { class: "cl-gap-1 cl-grid cl-grid-cols-2" }, an = ["onClick"], nn =
           "hide-time-header": "",
           popover: r.value
         }, {
-          default: A(({ inputValue: S, inputEvents: B }) => [
+          default: E(({ inputValue: S, inputEvents: B }) => [
             C(Ze, J(b.$attrs, {
               ref_key: "input",
               ref: y,
@@ -3170,7 +3176,7 @@ const on = { class: "cl-gap-1 cl-grid cl-grid-cols-2" }, an = ["onClick"], nn =
           "hide-time-header": "",
           popover: r.value
         }, {
-          default: A(({ inputValue: S, inputEvents: B }) => [
+          default: E(({ inputValue: S, inputEvents: B }) => [
             C(Ze, J(b.$attrs, {
               ref_key: "input",
               ref: y,
@@ -3203,7 +3209,7 @@ const on = { class: "cl-gap-1 cl-grid cl-grid-cols-2" }, an = ["onClick"], nn =
       M(s.$slots, "default", ce(pe({ toggleModalInput: e })))
     ], 16));
   }
-}), On = { class: "cl-relative cl-w-full" }, Dn = ["placeholder"], En = ["value", "disabled"], An = ["value", "disabled"], Vn = ["disabled"], hl = /* @__PURE__ */ P({
+}), On = { class: "cl-relative cl-w-full" }, Dn = ["placeholder"], An = ["value", "disabled"], En = ["value", "disabled"], Vn = ["disabled"], hl = /* @__PURE__ */ P({
   inheritAttrs: !1,
   __name: "cl-ui-select",
   props: /* @__PURE__ */ fe({
@@ -3252,10 +3258,10 @@ const on = { class: "cl-gap-1 cl-grid cl-grid-cols-2" }, an = ["onClick"], nn =
           "show-required-asterisk": a.required,
           errors: a.errors
         }, {
-          label: A(() => [
+          label: E(() => [
             M(a.$slots, "label")
           ]),
-          default: A(() => [
+          default: E(() => [
             m("div", On, [
               M(a.$slots, "input", ce(pe({ selectModalVisible: s.value, toggleSelectModalState: d })), () => [
                 n.value === !1 ? (p(), G(al, {
@@ -3263,7 +3269,7 @@ const on = { class: "cl-gap-1 cl-grid cl-grid-cols-2" }, an = ["onClick"], nn =
                   class: O([i.value, "cl-border cl-border-grey-2 cl-flex cl-gap-2 cl-items-center cl-justify-between cl-min-h-8 cl-rounded-lg cl-select-none cl-transition-colors cl-w-full disabled:cl-bg-grey-1 disabled:cl-border-grey-2 disabled:cl-placeholder-grey-3"]),
                   onToggleModal: d
                 }, {
-                  default: A(() => [
+                  default: E(() => [
                     l.value === null || l.value === void 0 ? (p(), v("input", J({ key: 0 }, a.$attrs, {
                       readonly: "",
                       class: [i.value, "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"],
@@ -3275,13 +3281,13 @@ const on = { class: "cl-gap-1 cl-grid cl-grid-cols-2" }, an = ["onClick"], nn =
                       value: l.value.name,
                       disabled: a.disabled,
                       onClick: r[1] || (r[1] = (y) => d())
-                    }), null, 16, En)) : (p(), v("input", J({ key: 2 }, a.$attrs, {
+                    }), null, 16, An)) : (p(), v("input", J({ key: 2 }, a.$attrs, {
                       readonly: "",
                       class: [i.value, "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"],
                       value: l.value,
                       disabled: a.disabled,
                       onClick: r[2] || (r[2] = (y) => d())
-                    }), null, 16, An)),
+                    }), null, 16, En)),
                     m("div", {
                       class: "cl-flex cl-items-center cl-px-2 cl-py-1 cl-relative cl-text-grey-3 cl-z-10",
                       disabled: a.disabled,
@@ -3558,7 +3564,7 @@ const Fn = {
         return;
       e("selection-changed"), e("update:filter", f);
     }
-    const c = V(), { left: i } = At(c), a = $(() => i.value / 2 < 208);
+    const c = V(), { left: i } = Et(c), a = $(() => i.value / 2 < 208);
     return (r, f) => (p(), v("div", {
       ref_key: "gridMethodSelectElement",
       ref: c,
@@ -3581,7 +3587,7 @@ const Fn = {
           "cl-left-0": a.value
         }])
       }, [
-        m("strong", Hn, D(g(s)("grid.availableMethods")), 1),
+        m("strong", Hn, A(g(s)("grid.availableMethods")), 1),
         (p(!0), v(Y, null, ne(n.value, (y, k) => {
           var b;
           return p(), v("span", {
@@ -3591,7 +3597,7 @@ const Fn = {
             }]),
             onClick: ae((T) => u(y.method), ["prevent"])
           }, [
-            ie(D(y.description) + " ", 1),
+            ie(A(y.description) + " ", 1),
             C(g(_), {
               icon: y.icon,
               class: "cl-float-right cl-text-grey-4 cl-text-sm"
@@ -3601,7 +3607,7 @@ const Fn = {
       ], 2)
     ], 512));
   }
-}), ut = (o) => (Hl("data-v-908ee937"), o = o(), Zl(), o), Kn = ["onClick"], Qn = { class: "cl-p-1" }, Yn = ["disabled"], _n = {
+}), ut = (o) => (Hl("data-v-448a7917"), o = o(), Zl(), o), Kn = ["onClick"], Qn = { class: "cl-p-1" }, Yn = ["disabled"], _n = {
   key: 1,
   class: "cl-w-full"
 }, Jn = {
@@ -3632,51 +3638,51 @@ const Fn = {
     }
     const u = $({
       get: () => l.filter,
-      set: (E) => e("update:filter", E)
+      set: (D) => e("update:filter", D)
     }), c = $(() => l.column.type === "date" || l.column.type === "datetime" || l.column.type === "slot" && (l.column.slotType === "date" || l.column.slotType === "datetime")), i = $(() => 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"), r = $(() => a.value && l.column.listType === "number"), f = $(() => l.column.type === "string" || l.column.type === "slot" && l.column.slotType === "string"), y = $(() => l.column.format === X.INTEGER ? X.DECIMAL : l.column.format ?? X.DECIMAL), k = V(!1), b = $(() => k.value || f.value === !1), T = $({
       get() {
         var Z, w, N, Q, h, U, W;
-        let E = (Z = u.value) == null ? void 0 : Z[0];
-        if (E) {
+        let D = (Z = u.value) == null ? void 0 : Z[0];
+        if (D) {
           if (c.value) {
             if ((((w = l.filter) == null ? void 0 : w.length) ?? 0) > 1) {
-              const re = (N = u.value) == null ? void 0 : N.find((qe) => qe.filterOperation === oe.EQUAL_OR_GREATER_THAN), Ae = (Q = u.value) == null ? void 0 : Q.find((qe) => qe.filterOperation === oe.LESS_THAN);
-              re && Ae && (E = {
+              const re = (N = u.value) == null ? void 0 : N.find((qe) => qe.filterOperation === oe.EQUAL_OR_GREATER_THAN), Ee = (Q = u.value) == null ? void 0 : Q.find((qe) => qe.filterOperation === oe.LESS_THAN);
+              re && Ee && (D = {
                 filterOnColumn: l.column.field,
                 filterOperation: oe.EQUAL,
                 filterMethod: "equal",
                 filterValue: re.filterValue
               });
-            } else if (E.filterOperation === oe.EQUAL_OR_LESS_THAN || E.filterOperation === oe.GREATER_THAN) {
-              let re = K.fromISO(E.filterValue, {
+            } else if (D.filterOperation === oe.EQUAL_OR_LESS_THAN || D.filterOperation === oe.GREATER_THAN) {
+              let re = K.fromISO(D.filterValue, {
                 zone: l.timeZone ?? "UTC"
               });
-              l.column.type === "date" || l.column.type === "slot" && l.column.slotType === "date" ? re = re.minus({ days: 1 }) : re = re.minus({ minutes: 1 }), E = {
+              l.column.type === "date" || l.column.type === "slot" && l.column.slotType === "date" ? re = re.minus({ days: 1 }) : re = re.minus({ minutes: 1 }), D = {
                 filterOnColumn: l.column.field,
-                filterOperation: E.filterOperation,
-                filterMethod: E.filterOperation === oe.EQUAL_OR_LESS_THAN ? "equalorlessthan" : "greaterthan",
+                filterOperation: D.filterOperation,
+                filterMethod: D.filterOperation === oe.EQUAL_OR_LESS_THAN ? "equalorlessthan" : "greaterthan",
                 filterValue: re.plus({ milliseconds: 1 }).toISO() ?? ""
               };
             }
           } else if (i.value && (((h = l.filter) == null ? void 0 : h.length) ?? 0) > 1) {
-            const re = (U = u.value) == null ? void 0 : U.find((qe) => qe.filterOperation === oe.EQUAL_OR_GREATER_THAN), Ae = (W = u.value) == null ? void 0 : W.find((qe) => qe.filterOperation === oe.EQUAL_OR_LESS_THAN);
-            re && Ae && (E = {
+            const re = (U = u.value) == null ? void 0 : U.find((qe) => qe.filterOperation === oe.EQUAL_OR_GREATER_THAN), Ee = (W = u.value) == null ? void 0 : W.find((qe) => qe.filterOperation === oe.EQUAL_OR_LESS_THAN);
+            re && Ee && (D = {
               filterOnColumn: l.column.field,
               filterOperation: oe.EQUAL,
               filterMethod: "equal",
               filterValue: {
                 start: re.filterValue,
-                end: Ae.filterValue
+                end: Ee.filterValue
               }
             });
           }
         }
-        return E;
+        return D;
       },
-      set(E) {
+      set(D) {
         let Z = null;
         if (c.value) {
-          const w = E, N = (w == null ? void 0 : w.filterMethod) && q(w.filterMethod, w.filterValue, "equal"), Q = (w == null ? void 0 : w.filterMethod) && q(w.filterMethod, w.filterValue, "equalorlessthan"), h = (w == null ? void 0 : w.filterMethod) && q(w.filterMethod, w.filterValue, "greaterthan");
+          const w = D, N = (w == null ? void 0 : w.filterMethod) && q(w.filterMethod, w.filterValue, "equal"), Q = (w == null ? void 0 : w.filterMethod) && q(w.filterMethod, w.filterValue, "equalorlessthan"), h = (w == null ? void 0 : w.filterMethod) && q(w.filterMethod, w.filterValue, "greaterthan");
           if (N) {
             let U = K.fromISO(w.filterValue, {
               zone: l.timeZone ?? "UTC"
@@ -3717,8 +3723,8 @@ const Fn = {
               }
             ];
           }
-        } else if (i.value && (E != null && E.filterValue)) {
-          const w = E.filterValue, N = K.fromISO(w.start, {
+        } else if (i.value && (D != null && D.filterValue)) {
+          const w = D.filterValue, N = K.fromISO(w.start, {
             zone: l.timeZone ?? "UTC"
           }).toISO(), Q = K.fromISO(w.end, {
             zone: l.timeZone ?? "UTC"
@@ -3739,7 +3745,7 @@ const Fn = {
           ];
         }
         if (Z === null) {
-          const w = E;
+          const w = D;
           Z = w && [w];
         }
         if (Z && (c.value || i.value))
@@ -3747,34 +3753,34 @@ const Fn = {
             l.timeZone ? w.filterValue = K.fromISO(w.filterValue).setZone("UTC").toISO() ?? "" : w.filterValue = w.filterValue.replace("Z", "");
         b.value ? (u.value = Z, k.value = !1) : S(Z);
       }
-    }), S = el((E) => {
-      u.value = E;
+    }), S = el((D) => {
+      u.value = D;
     }, 1e3), B = $({
       get: () => T.value,
-      set(E) {
-        T.value = E;
+      set(D) {
+        T.value = D;
       }
     });
-    function q(E, Z, w) {
-      return Z !== void 0 && Z !== "" && E === w && c.value;
+    function q(D, Z, w) {
+      return Z !== void 0 && Z !== "" && D === w && c.value;
     }
     const z = $(() => {
-      var E;
-      return ((E = T.value) == null ? void 0 : E.filterValue) ?? "";
+      var D;
+      return ((D = T.value) == null ? void 0 : D.filterValue) ?? "";
     }), ee = $(() => z.value === "" ? null : z.value), I = $(() => z.value === "" ? null : z.value), R = $(() => $l(l.column));
-    function H(E, Z) {
+    function H(D, Z) {
       var re;
-      let w, N = (E == null ? void 0 : E.value) ?? Z;
+      let w, N = (D == null ? void 0 : D.value) ?? Z;
       const Q = ((re = T.value) == null ? void 0 : re.filterValue.toString()) ?? "", h = !!N.trim(), U = !!Q.trim();
       if (h === !1 && U && (N = ""), h || U) {
         if (T.value)
           w = me(B.value), w.filterValue = N;
         else if (h && typeof l.column.field < "u") {
-          const Ae = d();
+          const Ee = d();
           w = {
             filterOnColumn: l.column.field,
-            filterMethod: oe[Ae].replace("_", "").toLowerCase(),
-            filterOperation: Ae,
+            filterMethod: oe[Ee].replace("_", "").toLowerCase(),
+            filterOperation: Ee,
             filterValue: N
           };
         } else
@@ -3782,8 +3788,8 @@ const Fn = {
         T.value = w;
       }
     }
-    function F(E, Z) {
-      let w = (E == null ? void 0 : E.value) ?? Z ?? 0;
+    function F(D, Z) {
+      let w = (D == null ? void 0 : D.value) ?? Z ?? 0;
       if (typeof w == "string") {
         const N = l.column.format === X.INTEGER, Q = (N ? X.DECIMAL : l.column.format) ?? X.DECIMAL;
         w = Jl(w, Q, { additionalOptions: {
@@ -3793,26 +3799,26 @@ const Fn = {
       }
       H(null, isNaN(w) ? "" : w.toString());
     }
-    function j(E) {
+    function j(D) {
       var N;
       let Z, w = !1;
       if (T.value)
-        w = ((N = T.value) == null ? void 0 : N.filterValue) === E, Z = me(T.value), Z.filterValue = E ?? "";
-      else if (E !== null && typeof l.column.field < "u") {
+        w = ((N = T.value) == null ? void 0 : N.filterValue) === D, Z = me(T.value), Z.filterValue = D ?? "";
+      else if (D !== null && typeof l.column.field < "u") {
         const Q = d();
         Z = {
           filterOnColumn: l.column.field,
           filterMethod: oe[Q].replace("_", "").toLowerCase(),
           filterOperation: Q,
-          filterValue: E
+          filterValue: D
         };
       } else
         return;
       w === !1 && (T.value = Z);
     }
     const x = V("");
-    function he(E) {
-      k.value = !1, E === "Enter" && (k.value = !0, H(null, x.value));
+    function he(D) {
+      k.value = !1, D === "Enter" && (k.value = !0, H(null, x.value));
     }
     te(() => z.value, () => {
       x.value = z.value;
@@ -3828,33 +3834,33 @@ const Fn = {
       dedupe: !0
     });
     const $e = rl("cl-ui-grid-id") ?? "cl-ui-grid-filter";
-    return (E, Z) => {
+    return (D, Z) => {
       const w = Se("icon");
       return R.value ? (p(), v("div", {
         key: 0,
         class: O(["cl-border cl-border-grey-2 cl-flex cl-rounded-md", [
-          E.options.hideGridMobileView ? "cl-overflow-visible" : "cl-overflow-hidden lg:cl-overflow-visible"
+          D.options.hideGridMobileView ? "cl-overflow-visible" : "cl-overflow-hidden lg:cl-overflow-visible"
         ]])
       }, [
-        E.column.type === "boolean" || E.column.type === "slot" && E.column.slotType === "boolean" ? (p(), G(hl, {
+        D.column.type === "boolean" || D.column.type === "slot" && D.column.slotType === "boolean" ? (p(), G(hl, {
           key: 0,
           id: "`${gridId}-${column.name}`",
-          disabled: E.loading,
+          disabled: D.loading,
           class: "!cl-border-t !cl-min-h-0 !cl-rounded-lg cl-bg-white cl-font-normal cl-max-h-max",
           "model-value": z.value,
           "onUpdate:modelValue": Z[0] || (Z[0] = (N) => H(null, N))
         }, {
-          input: A(({ selectModalVisible: N, toggleSelectModalState: Q }) => [
+          input: E(({ selectModalVisible: N, toggleSelectModalState: Q }) => [
             C(al, { onToggleModal: Q }, {
-              default: A(({ toggleModalInput: h }) => [
+              default: E(({ toggleModalInput: h }) => [
                 m("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",
                   onClick: h
                 }, [
-                  m("span", Qn, D(z.value === "" ? "" : z.value === "true" ? g(s)("grid.true") : g(s)("grid.false")), 1),
+                  m("span", Qn, A(z.value === "" ? "" : z.value === "true" ? g(s)("grid.true") : g(s)("grid.false")), 1),
                   m("div", {
                     class: "cl-absolute cl-flex cl-items-center cl-right-1 cl-text-grey-3 cl-z-10",
-                    disabled: E.loading
+                    disabled: D.loading
                   }, [
                     C(w, {
                       icon: N ? "ph:caret-up-bold" : "ph:caret-down-bold"
@@ -3865,12 +3871,12 @@ const Fn = {
               _: 2
             }, 1032, ["onToggleModal"])
           ]),
-          default: A(({ select: N }) => [
+          default: E(({ select: N }) => [
             C(ze, {
               class: "!cl-py-0 cl-text-xs",
               onSelect: (Q) => N("")
             }, {
-              default: A(() => [
+              default: E(() => [
                 ie("   ")
               ]),
               _: 2
@@ -3880,8 +3886,8 @@ const Fn = {
               class: "!cl-py-0 cl-text-xs",
               onSelect: (Q) => N("true")
             }, {
-              default: A(() => [
-                ie(D(g(s)("grid.true")), 1)
+              default: E(() => [
+                ie(A(g(s)("grid.true")), 1)
               ]),
               _: 2
             }, 1032, ["is-selected", "onSelect"]),
@@ -3890,8 +3896,8 @@ const Fn = {
               class: "!cl-py-0 cl-text-xs",
               onSelect: (Q) => N("false")
             }, {
-              default: A(() => [
-                ie(D(g(s)("grid.false")), 1)
+              default: E(() => [
+                ie(A(g(s)("grid.false")), 1)
               ]),
               _: 2
             }, 1032, ["is-selected", "onSelect"])
@@ -3899,81 +3905,81 @@ const Fn = {
           _: 1
         }, 8, ["disabled", "model-value"])) : c.value ? (p(), v("div", _n, [
           C(it, {
-            id: `${g($e)}-${E.column.name}`,
+            id: `${g($e)}-${D.column.name}`,
             "model-value": ee.value,
-            "time-zone": E.timeZone,
-            readonly: E.loading,
-            type: E.column.type === "slot" ? E.column.slotType : E.column.type,
+            "time-zone": D.timeZone,
+            readonly: D.loading,
+            type: D.column.type === "slot" ? D.column.slotType : D.column.type,
             class: "!cl-h-[2rem] cl-border-none cl-mb-0 cl-text-xs cl-w-full lg:!cl-text-base readonly-filter",
             "popover-placement": "bottom-start",
             "onUpdate:modelValue": Z[1] || (Z[1] = (N) => H(null, N ?? ""))
           }, null, 8, ["id", "model-value", "time-zone", "readonly", "type"])
         ])) : i.value ? (p(), v("div", Jn, [
           C(st, {
-            id: `${g($e)}-${E.column.name}`,
+            id: `${g($e)}-${D.column.name}`,
             "model-value": I.value,
             class: "[&_.clear-icon]:-cl-pb-4 [&_.icon]:cl-text-sm [&_.range-input]:cl-h-[2rem] cl-border-none cl-h-[2rem] cl-mb-0 cl-w-full cl-z-50",
-            disabled: E.loading,
-            "time-zone": E.headerDisplayTimezone,
-            "quick-date-scope": E.quickDateScope,
+            disabled: D.loading,
+            "time-zone": D.headerDisplayTimezone,
+            "quick-date-scope": D.quickDateScope,
             "popover-placement": "bottom-start",
             "onUpdate:modelValue": Z[2] || (Z[2] = (N) => j(N))
           }, null, 8, ["id", "model-value", "disabled", "time-zone", "quick-date-scope"])
-        ])) : E.column.type === "number" || E.column.type === "slot" && E.column.slotType === "number" ? (p(), v("div", xn, [
+        ])) : D.column.type === "number" || D.column.type === "slot" && D.column.slotType === "number" ? (p(), v("div", xn, [
           C(_e, {
-            id: `${g($e)}-${E.column.name}`,
+            id: `${g($e)}-${D.column.name}`,
             "model-value": z.value === "" || isNaN(+z.value) ? null : +z.value,
             format: y.value,
-            precision: E.column.format === g(X).INTEGER ? 0 : g(Cl)(y.value, { locale: g(n), additionalOptions: { maximumFractionDigits: 2 } }).maximumFractionDigits,
+            precision: D.column.format === g(X).INTEGER ? 0 : g(Cl)(y.value, { locale: g(n), additionalOptions: { maximumFractionDigits: D.column.precision ?? 2 } }).maximumFractionDigits,
             class: "cl-border-none cl-font-normal cl-h-[2rem] cl-mb-0 cl-text-xs cl-w-full lg:cl-text-base readonly-filter",
-            readonly: E.loading,
+            readonly: D.loading,
             "show-arrows": !1,
             "allow-empty": !0,
             "onUpdate:modelValue": Z[3] || (Z[3] = (N) => N !== null ? F(null, N) : H(null, ""))
           }, {
-            default: A(() => [
+            default: E(() => [
               Xn
             ]),
             _: 1
           }, 8, ["id", "model-value", "format", "precision", "readonly"])
-        ])) : E.column.type === "string" || E.column.type === "slot" && E.column.slotType === "string" ? (p(), v("div", es, [
+        ])) : D.column.type === "string" || D.column.type === "slot" && D.column.slotType === "string" ? (p(), v("div", es, [
           C(Re, {
-            id: `${g($e)}-${E.column.name}`,
+            id: `${g($e)}-${D.column.name}`,
             modelValue: x.value,
             "onUpdate:modelValue": [
               Z[4] || (Z[4] = (N) => x.value = N),
               Z[5] || (Z[5] = (N) => H(null, N))
             ],
             class: "cl-border-none cl-font-normal cl-h-[2rem] cl-px-3 cl-text-xs lg:cl-text-base readonly-filter",
-            readonly: E.loading,
+            readonly: D.loading,
             onKeySinglePress: he
           }, {
-            default: A(() => [
+            default: E(() => [
               ls
             ]),
             _: 1
           }, 8, ["id", "modelValue", "readonly"])
         ])) : a.value ? (p(), G(hl, {
           key: 5,
-          id: `${g($e)}-${E.column.name}`,
+          id: `${g($e)}-${D.column.name}`,
           "model-value": z.value,
           class: "!cl-border-t !cl-min-h-0 !cl-rounded-lg cl-bg-white cl-font-normal cl-max-h-max",
-          disabled: E.loading,
+          disabled: D.loading,
           "onUpdate:modelValue": Z[6] || (Z[6] = (N) => r.value ? F(null, N) : H(null, N))
         }, {
-          input: A(({ selectModalVisible: N, toggleSelectModalState: Q }) => [
+          input: E(({ selectModalVisible: N, toggleSelectModalState: Q }) => [
             C(al, { onToggleModal: Q }, {
-              default: A(({ toggleModalInput: h }) => {
+              default: E(({ toggleModalInput: h }) => {
                 var U, W;
                 return [
                   m("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",
                     onClick: h
                   }, [
-                    m("span", os, D(g(s)(((W = (U = E.column.listEntries) == null ? void 0 : U.find((re) => re.value.toString() === z.value)) == null ? void 0 : W.translationKey) ?? "")), 1),
+                    m("span", os, A(g(s)(((W = (U = D.column.listEntries) == null ? void 0 : U.find((re) => re.value.toString() === z.value)) == null ? void 0 : W.translationKey) ?? "")), 1),
                     m("div", {
                       class: "cl-absolute cl-flex cl-items-center cl-right-1 cl-text-grey-3 cl-z-10",
-                      disabled: E.loading
+                      disabled: D.loading
                     }, [
                       C(w, {
                         icon: N ? "ph:caret-up-bold" : "ph:caret-down-bold"
@@ -3985,24 +3991,24 @@ const Fn = {
               _: 2
             }, 1032, ["onToggleModal"])
           ]),
-          default: A(({ select: N }) => [
+          default: E(({ select: N }) => [
             C(ze, {
               class: "!cl-py-0 cl-text-xs",
               onSelect: (Q) => N("")
             }, {
-              default: A(() => [
+              default: E(() => [
                 ie("   ")
               ]),
               _: 2
             }, 1032, ["onSelect"]),
-            (p(!0), v(Y, null, ne(E.column.listEntries ?? [], (Q) => (p(), G(ze, {
+            (p(!0), v(Y, null, ne(D.column.listEntries ?? [], (Q) => (p(), G(ze, {
               key: Q.value,
               "is-selected": z.value === Q.value.toString(),
               class: "!cl-py-0 cl-text-xs",
               onSelect: (h) => N(Q.value)
             }, {
-              default: A(() => [
-                ie(D(g(s)(Q.translationKey)), 1)
+              default: E(() => [
+                ie(A(g(s)(Q.translationKey)), 1)
               ]),
               _: 2
             }, 1032, ["is-selected", "onSelect"]))), 128))
@@ -4013,15 +4019,15 @@ const Fn = {
           key: 6,
           filter: B.value,
           "onUpdate:filter": Z[7] || (Z[7] = (N) => B.value = N),
-          loading: E.loading,
-          column: E.column,
+          loading: D.loading,
+          column: D.column,
           "default-operation": d(),
           onSelectionChanged: Z[8] || (Z[8] = (N) => k.value = !0)
         }, null, 8, ["filter", "loading", "column", "default-operation"]))
       ], 2)) : L("", !0);
     };
   }
-}), ss = /* @__PURE__ */ ye(ns, [["__scopeId", "data-v-908ee937"]]), rs = ["onClick"], is = ["onClick"], cs = { class: "cl-font-normal cl-mr-1" }, us = /* @__PURE__ */ P({
+}), ss = /* @__PURE__ */ ye(ns, [["__scopeId", "data-v-448a7917"]]), rs = ["onClick"], is = ["onClick"], cs = { class: "cl-font-normal cl-mr-1" }, us = /* @__PURE__ */ P({
   __name: "cl-ui-grid-header",
   props: {
     request: {},
@@ -4078,7 +4084,7 @@ const Fn = {
           onClick: (y) => g(Xe)(r) && i.loading === !1 ? u(r.field) : () => {
           }
         }, [
-          ie(D(r.caption) + " ", 1),
+          ie(A(r.caption) + " ", 1),
           le(C(g(_), {
             class: "cl-inline-block",
             icon: "ph:caret-up"
@@ -4124,7 +4130,7 @@ const Fn = {
             class: O(["cl-col-span-2 lg:cl-hidden", {
               "cl-hidden": i.options.hideGridMobileView
             }])
-          }, D(r.caption), 3),
+          }, A(r.caption), 3),
           g(Xe)(r) ? (p(), v("div", {
             key: 0,
             class: O(["cl-col-span-2 cl-gap-1 cl-span lg:cl-hidden", {
@@ -4132,7 +4138,7 @@ const Fn = {
             }]),
             onClick: (y) => i.loading === !1 ? u(r.field) : void 0
           }, [
-            m("span", cs, D(g(s)("grid.sortBy")), 1),
+            m("span", cs, A(g(s)("grid.sortBy")), 1),
             d(r, !0) ? (p(), G(g(_), {
               key: 0,
               class: "cl-cursor-pointer cl-inline-block",
@@ -4211,7 +4217,7 @@ const Fn = {
               placeholder: i.columns.length > 4 ? g(c)("grid.search") : g(c)("grid.searchSpecific", { columns: i.columns.map((f) => f.caption).join(", ") }),
               onKeypress: a[1] || (a[1] = be((f) => d(e.value), ["enter"]))
             }, {
-              default: A(() => [
+              default: E(() => [
                 fs
               ]),
               _: 1
@@ -4255,14 +4261,14 @@ const Fn = {
         disabled: i.loading,
         onClick: a[0] || (a[0] = ae((r) => n.value = !0, ["prevent"]))
       }), {
-        default: A(() => [
-          ie(D(g(s)("grid.manageView")), 1)
+        default: E(() => [
+          ie(A(g(s)("grid.manageView")), 1)
         ]),
         _: 1
       }, 16, ["disabled"]),
       (p(), G(wl, { to: "body" }, [
         C(Me, { name: "slide-left" }, {
-          default: A(() => [
+          default: E(() => [
             le(m("div", gs, [
               m("div", vs, [
                 C(g(_), {
@@ -4271,18 +4277,18 @@ const Fn = {
                   size: 16,
                   onClick: a[1] || (a[1] = (r) => n.value = !1)
                 }),
-                m("h3", bs, D(g(s)("grid.manageView")), 1),
+                m("h3", bs, A(g(s)("grid.manageView")), 1),
                 m("ul", hs, [
                   m("li", ys, [
-                    m("strong", ws, D(g(s)("grid.column")), 1),
-                    m("strong", ks, D(g(s)("grid.visible")), 1),
-                    m("strong", $s, D(g(s)("grid.order")), 1)
+                    m("strong", ws, A(g(s)("grid.column")), 1),
+                    m("strong", ks, A(g(s)("grid.visible")), 1),
+                    m("strong", $s, A(g(s)("grid.order")), 1)
                   ]),
                   (p(!0), v(Y, null, ne(i.columns, (r, f) => (p(), v("li", {
                     key: f,
                     class: "cl-border-b cl-border-grey-2 cl-flex cl-py-2 cl-text-sm cl-w-full"
                   }, [
-                    m("div", Cs, D(r.caption), 1),
+                    m("div", Cs, A(r.caption), 1),
                     m("div", Ts, [
                       C(dl, {
                         "model-value": r.visible === void 0 || r.visible === !0,
@@ -4303,7 +4309,7 @@ const Fn = {
                           icon: "ph:arrow-right",
                           onClick: (y) => c(f, "up")
                         }, null, 8, ["onClick"])) : L("", !0)
-                      ], 64)) : (p(), v("em", qs, D(g(s)("grid.hidden")), 1))
+                      ], 64)) : (p(), v("em", qs, A(g(s)("grid.hidden")), 1))
                     ])
                   ]))), 128))
                 ])
@@ -4317,7 +4323,7 @@ const Fn = {
       ]))
     ], 64));
   }
-}), Ds = { class: "cl-relative cl-w-full grid-wrapper lg:cl-min-h-fit" }, Es = { class: "cl-absolute cl-flex cl-items-center cl-justify-center cl-min-h-full cl-p-28 cl-pt-0 cl-w-full" }, As = { class: "cl-overflow-x-auto cl-overscroll-x-none cl-pt-1" }, Vs = /* @__PURE__ */ P({
+}), Ds = { class: "cl-relative cl-w-full grid-wrapper lg:cl-min-h-fit" }, As = { class: "cl-absolute cl-flex cl-items-center cl-justify-center cl-min-h-full cl-p-28 cl-pt-0 cl-w-full" }, Es = { class: "cl-overflow-x-auto cl-overscroll-x-none cl-pt-1" }, Vs = /* @__PURE__ */ P({
   __name: "cl-ui-grid",
   props: {
     columns: {},
@@ -4403,14 +4409,14 @@ const Fn = {
         "onUpdate:request": H[1] || (H[1] = (F) => f.value = F),
         columns: ee.value
       }, {
-        search: A((F) => [
+        search: E((F) => [
           M(R.$slots, "search", ce(pe(F)))
         ]),
         _: 3
       }, 8, ["search-value", "request", "columns"])) : L("", !0),
       C(Me, { name: "fade" }, {
-        default: A(() => [
-          le(m("div", Es, [
+        default: E(() => [
+          le(m("div", As, [
             C(cl, { class: "after:!cl-h-20 after:!cl-w-20 cl-h-20 cl-w-20" })
           ], 512), [
             [ue, R.loading]
@@ -4429,10 +4435,10 @@ const Fn = {
         loading: R.loading,
         onClearFilters: y
       }, {
-        "additional-grid-actions": A((F) => [
+        "additional-grid-actions": E((F) => [
           M(R.$slots, "additional-grid-actions", ce(pe(F)))
         ]),
-        "view-manager": A(() => [
+        "view-manager": E(() => [
           C(Os, {
             columns: u.value,
             "onUpdate:columns": H[2] || (H[2] = (F) => u.value = F),
@@ -4441,7 +4447,7 @@ const Fn = {
         ]),
         _: 3
       }, 8, ["edit-mode", "filter-panel-open", "columns", "options", "request", "loading"]),
-      m("div", As, [
+      m("div", Es, [
         m("table", {
           class: O(["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": R.loading
@@ -4486,7 +4492,7 @@ const Fn = {
           }, Te({ _: 2 }, [
             ne(R.$slots, (F, j) => ({
               name: j,
-              fn: A((x) => [
+              fn: E((x) => [
                 M(R.$slots, j, ce(pe(x)))
               ])
             }))
@@ -4551,7 +4557,7 @@ const Fn = {
           }, Te({ _: 2 }, [
             ne(r.$slots, (y, k) => ({
               name: k,
-              fn: A((b) => [
+              fn: E((b) => [
                 M(r.$slots, k, ce(pe(b)))
               ])
             }))
@@ -4627,7 +4633,7 @@ const Us = ["id", "onClick"], dt = /* @__PURE__ */ P({
             class: O(["cl-tracking-wide", {
               "cl-opacity-0": d.loading
             }])
-          }, D(i.caption ? g(e)(i.caption) : i.name), 3),
+          }, A(i.caption ? g(e)(i.caption) : i.name), 3),
           le(m("div", {
             class: O(["cl-px-0.5 cl-py-1 cl-rounded hover:cl-bg-link-lighter", {
               "cl-bg-link-lighter": s(i, !1) || s(i, !0),
@@ -4708,7 +4714,7 @@ const Us = ["id", "onClick"], dt = /* @__PURE__ */ P({
       }, Te({ _: 2 }, [
         ne(t.$slots, (n, d) => ({
           name: d,
-          fn: A((u) => [
+          fn: E((u) => [
             M(t.$slots, d, ce(pe(u)))
           ])
         }))
@@ -4744,7 +4750,7 @@ const Us = ["id", "onClick"], dt = /* @__PURE__ */ P({
           ]])
         }, [
           M(n.$slots, "noData", {}, () => [
-            ie(D(g(l)("grid.noData")), 1)
+            ie(A(g(l)("grid.noData")), 1)
           ])
         ], 2)) : (p(!0), v(Y, { key: 2 }, ne(n.data.results, (c, i) => {
           var a, r;
@@ -4766,7 +4772,7 @@ const Us = ["id", "onClick"], dt = /* @__PURE__ */ P({
           }, Te({ _: 2 }, [
             ne(n.$slots, (f, y) => ({
               name: y,
-              fn: A((k) => [
+              fn: E((k) => [
                 M(n.$slots, y, ce(pe(k)))
               ])
             }))
@@ -4826,13 +4832,19 @@ const Us = ["id", "onClick"], dt = /* @__PURE__ */ P({
       return 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 i(a, r) {
-      return t.column.format === X.INTEGER ? Ee(a, X.DECIMAL, {
+      return t.column.format === X.INTEGER ? Ae(a, X.DECIMAL, {
         locale: r,
         additionalOptions: {
           maximumFractionDigits: 0,
           minimumFractionDigits: 0
         }
-      }) : Ee(a, t.column.format ?? X.DECIMAL, { locale: r });
+      }) : Ae(a, t.column.format ?? X.DECIMAL, {
+        locale: r,
+        additionalOptions: {
+          maximumFractionDigits: t.column.precision ?? 2,
+          minimumFractionDigits: t.column.precision ?? 2
+        }
+      });
     }
     return (a, r) => {
       var f;
@@ -4852,21 +4864,21 @@ const Us = ["id", "onClick"], dt = /* @__PURE__ */ P({
           id: g(l)
         }, [
           a.column.format !== void 0 ? (p(), v(Y, { key: 0 }, [
-            ie(D(u(a.data[a.column.field], a.column.format)), 1)
+            ie(A(u(a.data[a.column.field], a.column.format)), 1)
           ], 64)) : a.column.type === "date" || a.column.type === "dateRange" ? (p(), v(Y, { key: 1 }, [
-            ie(D(u(a.data[a.column.field], g(se).DATE)), 1)
+            ie(A(u(a.data[a.column.field], g(se).DATE)), 1)
           ], 64)) : (p(), v(Y, { key: 2 }, [
-            ie(D(u(a.data[a.column.field], g(se).DATETIME)), 1)
+            ie(A(u(a.data[a.column.field], g(se).DATETIME)), 1)
           ], 64))
         ], 8, Ls)) : a.column.type === "list" && a.column.field !== void 0 && a.column.listEntries !== void 0 ? (p(), v("span", {
           key: 3,
           id: g(l),
           class: "cl-inline-block cl-whitespace-nowrap"
-        }, D(g(n)(((f = a.column.listEntries.find((y) => y.value === a.data[a.column.field])) == null ? void 0 : f.translationKey) ?? "")), 9, Bs)) : a.column.type === "number" && a.column.field !== void 0 ? (p(), v("span", {
+        }, A(g(n)(((f = a.column.listEntries.find((y) => y.value === a.data[a.column.field])) == null ? void 0 : f.translationKey) ?? "")), 9, Bs)) : a.column.type === "number" && a.column.field !== void 0 ? (p(), v("span", {
           key: 4,
           id: g(l),
           class: "cl-inline-block cl-whitespace-nowrap"
-        }, D(i(a.data[a.column.field], g(d))), 9, Fs)) : a.column.field !== void 0 ? (p(), v("span", js, [
+        }, A(i(a.data[a.column.field], g(d))), 9, Fs)) : a.column.field !== void 0 ? (p(), v("span", js, [
           m("span", {
             id: g(l),
             innerHTML: c()
@@ -4941,11 +4953,11 @@ const vt = /* @__PURE__ */ ye(Gs, [["render", Qs]]), Ys = { class: "cl-flex cl-g
       }, [
         m("div", Ys, [
           m("div", null, [
-            m("span", _s, D(g(e)("grid.page")), 1),
-            m("span", null, D(g(we)(l.value.pageNumber)) + " / " + D(g(we)(s.value)), 1)
+            m("span", _s, A(g(e)("grid.page")), 1),
+            m("span", null, A(g(we)(l.value.pageNumber)) + " / " + A(g(we)(s.value)), 1)
           ]),
           c.value.length ? (p(), v("ul", Js, [
-            m("li", xs, D(g(e)("grid.pageSize")), 1),
+            m("li", xs, A(g(e)("grid.pageSize")), 1),
             (p(!0), v(Y, null, ne(c.value, (k, b) => (p(), v("li", {
               id: `${a.gridId}-page-size-${k}`,
               key: b,
@@ -4954,7 +4966,7 @@ const vt = /* @__PURE__ */ ye(Gs, [["render", Qs]]), Ys = { class: "cl-flex cl-g
                 "cl-border-b-transparent hover:cl-border-b-link-lighter hover:cl-text-link-light cl-cursor-pointer": l.value.pageSize !== k
               }]),
               onClick: (T) => l.value.pageSize !== k ? i(k) : null
-            }, D(g(we)(k)), 11, Xs))), 128))
+            }, A(g(we)(k)), 11, Xs))), 128))
           ])) : L("", !0)
         ]),
         m("div", null, [
@@ -4993,7 +5005,7 @@ const vt = /* @__PURE__ */ ye(Gs, [["render", Qs]]), Ys = { class: "cl-flex cl-g
                 "cl-cursor-pointer ": l.value.pageNumber !== k
               }]),
               onClick: (T) => l.value.pageNumber !== k ? d(k) : null
-            }, D(g(we)(k)), 11, or))), 128)),
+            }, A(g(we)(k)), 11, or))), 128)),
             m("li", {
               id: `${a.gridId}-page-next`,
               class: O({
@@ -5090,8 +5102,8 @@ const vt = /* @__PURE__ */ ye(Gs, [["render", Qs]]), Ys = { class: "cl-flex cl-g
             "cl-text-white": t.colour === "secondary"
           }])
         }, [
-          t.username ? (p(), v("div", ur, D(t.username), 1)) : L("", !0),
-          t.group ? (p(), v("div", dr, D(t.group), 1)) : L("", !0)
+          t.username ? (p(), v("div", ur, A(t.username), 1)) : L("", !0),
+          t.group ? (p(), v("div", dr, A(t.group), 1)) : L("", !0)
         ], 2),
         m("div", pr, [
           C(g(_), {
@@ -5105,7 +5117,7 @@ const vt = /* @__PURE__ */ ye(Gs, [["render", Qs]]), Ys = { class: "cl-flex cl-g
         ])
       ]),
       C(Me, { name: "fade" }, {
-        default: A(() => [
+        default: E(() => [
           le(m("div", fr, [
             M(t.$slots, "default")
           ], 512), [
@@ -5193,7 +5205,7 @@ const vt = /* @__PURE__ */ ye(Gs, [["render", Qs]]), Ys = { class: "cl-flex cl-g
       "hide-time-header": "",
       popover: i.value
     }, {
-      default: A(({ inputValue: ee, inputEvents: I }) => [
+      default: E(({ inputValue: ee, inputEvents: I }) => [
         C(Ze, J(q.$attrs, {
           ref_key: "input",
           ref: r,
@@ -5227,7 +5239,7 @@ const vt = /* @__PURE__ */ ye(Gs, [["render", Qs]]), Ys = { class: "cl-flex cl-g
       "initial-page": f.value,
       onDayclick: z[4] || (z[4] = (ee) => y.value = null)
     }, {
-      default: A(({ togglePopover: ee }) => [
+      default: E(({ togglePopover: ee }) => [
         C(Ze, J(q.$attrs, {
           ref_key: "input",
           ref: r,
@@ -5243,7 +5255,7 @@ const vt = /* @__PURE__ */ ye(Gs, [["render", Qs]]), Ys = { class: "cl-flex cl-g
           })
         }), null, 16, ["type", "required", "disabled", "range-selected", "title", "onTogglePopover"])
       ]),
-      footer: A(() => [
+      footer: E(() => [
         q.quickDateScope !== "none" ? (p(), G(nt, {
           key: 0,
           scope: q.quickDateScope,
@@ -5272,7 +5284,7 @@ const vt = /* @__PURE__ */ ye(Gs, [["render", Qs]]), Ys = { class: "cl-flex cl-g
       "hide-time-header": "",
       popover: i.value
     }, {
-      default: A(({ inputValue: ee, inputEvents: I }) => [
+      default: E(({ inputValue: ee, inputEvents: I }) => [
         C(Ze, J(q.$attrs, {
           ref_key: "input",
           ref: r,
@@ -5402,7 +5414,7 @@ const vt = /* @__PURE__ */ ye(Gs, [["render", Qs]]), Ys = { class: "cl-flex cl-g
             "cl-bg-grey-0": i.disabled
           }]),
           onClick: a[0] || (a[0] = (r) => e.value = i.disabled ? e.value : i.min)
-        }, D(Number.isInteger(i.min) ? g(we)(i.min) : g(Ee)(i.min, g(X).DECIMAL)), 3),
+        }, A(Number.isInteger(i.min) ? g(we)(i.min) : g(Ae)(i.min, g(X).DECIMAL)), 3),
         m("div", kr, [
           c.value ? (p(), G(_e, {
             key: 0,
@@ -5419,7 +5431,7 @@ const vt = /* @__PURE__ */ ye(Gs, [["render", Qs]]), Ys = { class: "cl-flex cl-g
             disabled: i.disabled,
             placeholder: i.placeholder
           }, {
-            default: A(() => [
+            default: E(() => [
               $r
             ]),
             _: 1
@@ -5442,7 +5454,7 @@ const vt = /* @__PURE__ */ ye(Gs, [["render", Qs]]), Ys = { class: "cl-flex cl-g
                 { number: !0 }
               ]
             ]),
-            m("div", Tr, D(Number.isInteger(e.value) ? g(we)(e.value) : g(Ee)(e.value, g(X).DECIMAL)), 1)
+            m("div", Tr, A(Number.isInteger(e.value) ? g(we)(e.value) : g(Ae)(e.value, g(X).DECIMAL)), 1)
           ], 64))
         ]),
         m("span", {
@@ -5451,7 +5463,7 @@ const vt = /* @__PURE__ */ ye(Gs, [["render", Qs]]), Ys = { class: "cl-flex cl-g
             "cl-bg-grey-0": i.disabled
           }]),
           onClick: a[3] || (a[3] = (r) => e.value = i.disabled ? e.value : i.max)
-        }, D(Number.isInteger(i.max) ? g(we)(i.max) : g(Ee)(i.max, g(X).DECIMAL)), 3),
+        }, A(Number.isInteger(i.max) ? g(we)(i.max) : g(Ae)(i.max, g(X).DECIMAL)), 3),
         m("div", Sr, [
           m("div", {
             class: "cl-bg-white cl-border cl-border-transparent cl-cursor-pointer cl-float-right cl-p-1.5 cl-px-2 cl-rounded-full cl-shadow cl-text-xs hover:cl-border-grey-1",
@@ -5461,7 +5473,7 @@ const vt = /* @__PURE__ */ ye(Gs, [["render", Qs]]), Ys = { class: "cl-flex cl-g
           ])
         ])
       ])
-    ], 16)) : (p(), v("div", qr, D(g(s)("slider.invalidProps")), 1));
+    ], 16)) : (p(), v("div", qr, A(g(s)("slider.invalidProps")), 1));
   }
 }), Dr = /* @__PURE__ */ ye(Or, [["__scopeId", "data-v-5cb4ccea"]]);
 function zl(o) {
@@ -5481,7 +5493,7 @@ function zl(o) {
   }
   return t;
 }
-function Er(o) {
+function Ar(o) {
   return o === "number" || o === "range";
 }
 function Ll(o) {
@@ -5502,7 +5514,7 @@ function Ll(o) {
 function Ge(o) {
   return o === "button" || o === "submit" || o === "reset";
 }
-function Ar(o) {
+function Er(o) {
   let t;
   switch (o) {
     case "datetime":
@@ -5523,7 +5535,7 @@ function Ar(o) {
 }
 function Bl(o, t) {
   const l = o.target;
-  return Er(t) ? l.valueAsNumber : Ge(t) ? l.checked : l.value;
+  return Ar(t) ? l.valueAsNumber : Ge(t) ? l.checked : l.value;
 }
 const Vr = { class: "cl-flex cl-justify-between" }, Mr = { class: "cl-w-full" }, Ir = {
   key: 0,
@@ -5623,8 +5635,8 @@ const Vr = { class: "cl-flex cl-justify-between" }, Mr = { class: "cl-w-full" },
         })
       ];
       return (typeof h == "string" || typeof h == "number") && (W.push(va(e.min, e.inputType, e.label, h, e.timeZone)), W.push(ba(e.max, e.inputType, e.label, h, e.timeZone))), e.isRequired && W.push(ha(e.label, h)), e.inputType === "email" && typeof h == "string" && W.push(ya(e.label, h)), Promise.all(W).then((re) => {
-        const Ae = [...re.map((Je) => Je.message)], qe = re.some((Je) => Je.message.length > 0 && Je.valid === !1) || e.externalErrors.length > 0;
-        z.value = !0, qe ? (ee.value = Ae, s("validated", !1, h)) : (ee.value = [], s("validated", !0, h)), q.value = !qe;
+        const Ee = [...re.map((Je) => Je.message)], qe = re.some((Je) => Je.message.length > 0 && Je.valid === !1) || e.externalErrors.length > 0;
+        z.value = !0, qe ? (ee.value = Ee, s("validated", !1, h)) : (ee.value = [], s("validated", !0, h)), q.value = !qe;
       });
     }
     function x() {
@@ -5655,7 +5667,7 @@ const Vr = { class: "cl-flex cl-justify-between" }, Mr = { class: "cl-w-full" },
     function $e(h) {
       u.value = h;
     }
-    async function E() {
+    async function D() {
       c.value = !0, $e(!1), e.validateOn === "change" && await j(f.value);
     }
     function Z() {
@@ -5671,7 +5683,7 @@ const Vr = { class: "cl-flex cl-justify-between" }, Mr = { class: "cl-w-full" },
       }
     }
     async function Q() {
-      await E(), Z();
+      await D(), Z();
     }
     return We(() => {
       e.validateImmediately && F(e.modelValue, !0);
@@ -5701,11 +5713,11 @@ const Vr = { class: "cl-flex cl-justify-between" }, Mr = { class: "cl-w-full" },
       }, [
         m("div", Vr, [
           m("div", Mr, [
-            le(m("label", { class: "cl-block cl-mb-1 cl-text-grey-4 cl-text-xs cl-tracking-widest" }, D(h.label), 513), [
+            le(m("label", { class: "cl-block cl-mb-1 cl-text-grey-4 cl-text-xs cl-tracking-widest" }, A(h.label), 513), [
               [ue, h.showLabel && h.label !== ""]
             ])
           ]),
-          i.value ? (p(), v("label", Ir, " * ")) : h.isRequired && h.requiredText.length ? (p(), v("label", Nr, D(h.requiredText), 1)) : L("", !0)
+          i.value ? (p(), v("label", Ir, " * ")) : h.isRequired && h.requiredText.length ? (p(), v("label", Nr, A(h.requiredText), 1)) : L("", !0)
         ]),
         h.inputType !== "range" && h.inputType !== "currency" && !g(Ll)(h.inputType) ? (p(), v("div", Rr, [
           le(m("input", J({
@@ -5749,7 +5761,7 @@ const Vr = { class: "cl-flex cl-justify-between" }, Mr = { class: "cl-w-full" },
             name: "fade",
             duration: 300
           }, {
-            default: A(() => [
+            default: E(() => [
               h.inputType === "number" && !h.disabled && h.showArrows ? le((p(), v("div", zr, [
                 C(g(_), {
                   icon: "ph:caret-up-bold",
@@ -5789,7 +5801,7 @@ const Vr = { class: "cl-flex cl-justify-between" }, Mr = { class: "cl-w-full" },
             "currency-options": R.value,
             onChange: U[7] || (U[7] = (W, re) => N(W, re)),
             onFocus: U[8] || (U[8] = (W) => s("focus")),
-            onBlur: E
+            onBlur: D
           }), null, 16, ["modelValue", "disabled", "placeholder", "is-valid", "highlight-when-valid", "input-specific-classes", "group", "step", "currency-options"])
         ])) : g(Ll)(h.inputType) ? (p(), G(g(vr), J({ key: 2 }, h.$attrs, {
           ref_key: "inputElement",
@@ -5803,7 +5815,7 @@ const Vr = { class: "cl-flex cl-justify-between" }, Mr = { class: "cl-w-full" },
           }],
           disabled: h.disabled,
           required: h.isRequired,
-          type: g(Ar)(h.inputType),
+          type: g(Er)(h.inputType),
           "time-zone": h.timeZone,
           min: k.value,
           max: b.value,
@@ -5811,7 +5823,7 @@ const Vr = { class: "cl-flex cl-justify-between" }, Mr = { class: "cl-w-full" },
           "initial-date": h.initialDate,
           "quick-date-scope": h.quickDateScope,
           "date-format-locale": h.dateFormatLocale,
-          onBlur: ae(E, ["self"]),
+          onBlur: ae(D, ["self"]),
           onFocus: U[10] || (U[10] = (W) => s("focus"))
         }), null, 16, ["date", "class", "disabled", "required", "type", "time-zone", "min", "max", "placeholder", "initial-date", "quick-date-scope", "date-format-locale"])) : h.inputType === "range" && typeof f.value == "number" ? (p(), v("div", Br, [
           C(g(Dr), {
@@ -5825,13 +5837,13 @@ const Vr = { class: "cl-flex cl-justify-between" }, Mr = { class: "cl-w-full" },
             placeholder: a.value,
             "enforce-step": !0,
             disabled: h.disabled,
-            onBlur: ae(E, ["self"]),
+            onBlur: ae(D, ["self"]),
             onFocus: U[12] || (U[12] = (W) => s("focus"))
           }, null, 8, ["value", "min", "max", "step", "placeholder", "disabled"])
         ])) : L("", !0)
       ], 32),
-      q.value && B.value && z.value ? (p(), v("div", Fr, D(B.value), 1)) : L("", !0),
-      !q.value && I.value.length > 0 && h.showValidationMessages && z.value ? (p(), v("div", jr, D(I.value), 1)) : L("", !0)
+      q.value && B.value && z.value ? (p(), v("div", Fr, A(B.value), 1)) : L("", !0),
+      !q.value && I.value.length > 0 && h.showValidationMessages && z.value ? (p(), v("div", jr, A(I.value), 1)) : L("", !0)
     ], 16));
   }
 }), Gr = /* @__PURE__ */ ye(Pr, [["__scopeId", "data-v-2373f106"]]), Hr = [
@@ -5903,10 +5915,10 @@ const Kr = {
           class: O(["cl-font-semibold cl-text-xs", {
             "cl-opacity-50": a.disabled
           }])
-        }, D(d.value.nativeName), 3)
+        }, A(d.value.nativeName), 3)
       ], 2),
       C(Me, { name: "fade" }, {
-        default: A(() => [
+        default: E(() => [
           le(m("div", Qr, [
             (p(!0), v(Y, null, ne(u.value, (f, y) => (p(), v("div", {
               key: y,
@@ -5917,7 +5929,7 @@ const Kr = {
                 s.value = f.localeCode, i(), e("language-select", f.localeCode);
               }
             }, [
-              m("span", _r, D(f.nativeName), 1)
+              m("span", _r, A(f.nativeName), 1)
             ], 8, Yr))), 128))
           ], 512), [
             [ue, n.value]
@@ -5994,12 +6006,12 @@ const Kr = {
                   placeholder: g(e)("login.email"),
                   autocomplete: "username"
                 }, {
-                  default: A(() => [
+                  default: E(() => [
                     si
                   ]),
                   _: 1
                 }, 8, ["modelValue", "class", "errors", "placeholder"]),
-                u.value ? (p(), v("div", ri, D(g(e)("login.validEmail")), 1)) : L("", !0)
+                u.value ? (p(), v("div", ri, A(g(e)("login.validEmail")), 1)) : L("", !0)
               ])
             ])
           ]),
@@ -6037,7 +6049,7 @@ const Kr = {
                 placeholder: g(e)("login.password"),
                 autocomplete: "current-password"
               }, {
-                default: A(() => [
+                default: E(() => [
                   ui
                 ]),
                 _: 1
@@ -6057,15 +6069,15 @@ const Kr = {
               disabled: !u.value || n.value === "",
               onClick: ae(i, ["prevent"])
             }, {
-              default: A(() => [
-                ie(D(g(e)("login.login")), 1)
+              default: E(() => [
+                ie(A(g(e)("login.login")), 1)
               ]),
               _: 1
             }, 8, ["loading", "disabled"])
           ], 2)
         ], 2),
         C(Me, { name: "cl-grow-down" }, {
-          default: A(() => {
+          default: E(() => {
             var y;
             return [
               le(m("span", di, [
@@ -6073,7 +6085,7 @@ const Kr = {
                   id: "cl-ui-login-errors",
                   key: b,
                   class: "cl-font-semibold"
-                }, D(k), 1))), 128))
+                }, A(k), 1))), 128))
               ], 512), [
                 [ue, (y = r.errors) == null ? void 0 : y.length]
               ])
@@ -6160,7 +6172,7 @@ const Kr = {
       ], 2),
       a.value ? (p(), v("div", gi)) : L("", !0),
       C(Me, { name: "slide-right" }, {
-        default: A(() => [
+        default: E(() => [
           le(m("div", {
             class: O(["cl-bg-grey-0 cl-border-grey-2 cl-border-r cl-duration-75 cl-h-full cl-min-w-[260px] cl-overflow-y-auto cl-overscroll-y-none cl-p-8 cl-pb-24 cl-top-0 cl-transition-shadow cl-w-[260px] cl-z-30 xl:cl-pb-0", {
               "cl-relative": i.value,
@@ -6249,13 +6261,13 @@ function Oi(o, t) {
     ])
   ]);
 }
-const Di = /* @__PURE__ */ ye(Ci, [["render", Oi]]), Ei = {}, Ai = { class: "cl-cursor-pointer cl-transition-colors cl-w-full hover:cl-text-primary-darker" };
+const Di = /* @__PURE__ */ ye(Ci, [["render", Oi]]), Ai = {}, Ei = { class: "cl-cursor-pointer cl-transition-colors cl-w-full hover:cl-text-primary-darker" };
 function Vi(o, t) {
-  return p(), v("div", Ai, [
+  return p(), v("div", Ei, [
     M(o.$slots, "default")
   ]);
 }
-const Mi = /* @__PURE__ */ ye(Ei, [["render", Vi]]), Ii = /* @__PURE__ */ P({
+const Mi = /* @__PURE__ */ ye(Ai, [["render", Vi]]), Ii = /* @__PURE__ */ P({
   __name: "cl-ui-tab",
   props: {
     colour: { default: "default" },
@@ -6385,7 +6397,7 @@ const Mi = /* @__PURE__ */ ye(Ei, [["render", Vi]]), Ii = /* @__PURE__ */ P({
       inert: e.disabled
     }, [
       M(e.$slots, "default", {}, () => [
-        ie(D(e.title), 1)
+        ie(A(e.title), 1)
       ])
     ], 10, Ni));
   }
@@ -6398,7 +6410,7 @@ const Mi = /* @__PURE__ */ ye(Ei, [["render", Vi]]), Ii = /* @__PURE__ */ P({
   setup(o) {
     return (t, l) => t.open ? (p(), v("div", Ui, [
       M(t.$slots, "header", {}, () => [
-        m("h4", zi, D(t.title), 1)
+        m("h4", zi, A(t.title), 1)
       ]),
       M(t.$slots, "default")
     ])) : L("", !0);
@@ -6527,10 +6539,10 @@ const Mi = /* @__PURE__ */ ye(Ei, [["render", Vi]]), Ii = /* @__PURE__ */ P({
     }), (c, i) => (p(), G(Ie, {
       "show-required-asterisk": c.required && c.$slots.label !== void 0
     }, {
-      label: A(() => [
+      label: E(() => [
         M(c.$slots, "label")
       ]),
-      default: A(() => [
+      default: E(() => [
         m("div", J(c.$attrs, {
           class: ["cl-flex", {
             "cl-gap-0 [&_button:not(:last-of-type)]:cl-border-r-0 cl-flex-wrap [&_button:first-of-type]:cl-rounded-l-lg [&_button:last-of-type]:cl-rounded-r-lg": c.orientation === "horizontal",
@@ -6557,7 +6569,7 @@ const Mi = /* @__PURE__ */ ye(Ei, [["render", Vi]]), Ii = /* @__PURE__ */ P({
         "cl-rounded-none ": t.orientation === "horizontal"
       })
     }, {
-      default: A(() => [
+      default: E(() => [
         M(t.$slots, "default")
       ]),
       _: 3
@@ -6571,11 +6583,12 @@ const Mi = /* @__PURE__ */ ye(Ei, [["render", Vi]]), Ii = /* @__PURE__ */ P({
   class: "cl-mb-1 cl-mt-0.5"
 }, _i = { class: "cl-overflow-y-auto cl-w-full" }, Ji = {
   key: 1,
-  class: "cl-mt-auto cl-w-full"
+  class: "cl-mt-auto cl-text-white cl-w-full hover:cl-text-secondary-default"
 }, xi = {
   key: 0,
   class: "cl-flex cl-flex-shrink-0 cl-w-16"
 }, Xi = /* @__PURE__ */ P({
+  inheritAttrs: !1,
   __name: "cl-ui-menu",
   props: {
     open: { type: Boolean, required: !0 },
@@ -6603,14 +6616,15 @@ const Mi = /* @__PURE__ */ ye(Ei, [["render", Vi]]), Ii = /* @__PURE__ */ P({
     return Qe(u, () => {
       t.value === !0 && d.value === !1 && (t.value = !1);
     }), (c, i) => (p(), v(Y, null, [
-      m("div", {
+      m("div", J({
         ref_key: "menuElement",
-        ref: u,
-        class: O(["cl-bg-white cl-border-grey-2 cl-border-r cl-duration-0 cl-flex cl-flex-col cl-flex-shrink-0 cl-items-start cl-justify-start cl-overflow-hidden cl-p-2 cl-transition-all", {
+        ref: u
+      }, c.$attrs, {
+        class: ["cl-bg-secondary-default cl-flex cl-flex-col cl-flex-shrink-0 cl-items-start cl-justify-start cl-overflow-hidden cl-p-2", {
           "cl-w-16": t.value === !1,
-          "cl-w-72 cl-absolute lg:cl-static lg:cl-h-full cl-h-[calc(100%_-_5rem)] cl-top-20 lg:cl-top-0 cl-left-0": t.value
-        }])
-      }, [
+          "cl-w-72 cl-absolute lg:cl-static lg:cl-h-full cl-h-[calc(100%_-_5rem)] cl-top-20 lg:cl-top-0 cl-left-0 lg:cl-z-50": t.value
+        }]
+      }), [
         m("div", {
           class: O(["cl-flex cl-items-center cl-rounded cl-w-full", {
             "hover:cl-bg-primary-lighter cl-cursor-pointer": t.value === !1,
@@ -6625,9 +6639,10 @@ const Mi = /* @__PURE__ */ ye(Ei, [["render", Vi]]), Ii = /* @__PURE__ */ P({
           ])) : L("", !0),
           C(g(nl), {
             "icon-value": t.value ? "ph:caret-circle-left" : "ph:list",
-            class: O({
-              "!cl-justify-end cl-opacity-25 hover:cl-opacity-100 cl-cursor-pointer cl-transition-opacity": t.value
-            }),
+            class: O(["cl-text-white", {
+              "!cl-justify-end cl-opacity-50 hover:cl-opacity-100 cl-cursor-pointer hover:cl-transition-opacity": t.value,
+              "hover:cl-text-secondary-default": t.value === !1
+            }]),
             onClick: i[0] || (i[0] = ae(() => n(), ["stop"]))
           }, null, 8, ["icon-value", "class"])
         ], 2),
@@ -6642,7 +6657,8 @@ const Mi = /* @__PURE__ */ ye(Ei, [["render", Vi]]), Ii = /* @__PURE__ */ P({
         }, [
           t.value === !1 ? (p(), G(g(nl), {
             key: 0,
-            "icon-value": "ph:magnifying-glass"
+            "icon-value": "ph:magnifying-glass",
+            class: "cl-text-white hover:cl-text-secondary-default"
           })) : (p(), v("div", Yi, [
             M(c.$slots, "searchInput")
           ]))
@@ -6653,11 +6669,11 @@ const Mi = /* @__PURE__ */ ye(Ei, [["render", Vi]]), Ii = /* @__PURE__ */ P({
         c.$slots.footer ? (p(), v("div", Ji, [
           M(c.$slots, "footer", ce(pe({ toggleOpen: s, groupIsOpen: e })))
         ])) : L("", !0)
-      ], 2),
+      ], 16),
       g(d) === !1 && t.value ? (p(), v("div", xi)) : L("", !0)
     ], 64));
   }
-}), ec = { class: "cl-overflow-hidden cl-w-full" }, lc = { class: "cl-flex cl-flex-1 cl-items-center cl-justify-between" }, tc = { class: "cl-font-bold cl-whitespace-nowrap" }, oc = { class: "cl-overflow-hidden" }, ac = {
+}), ec = { class: "cl-overflow-hidden cl-w-full" }, lc = { class: "cl-flex cl-flex-1 cl-items-center cl-justify-between" }, tc = { class: "cl-font-semibold" }, oc = { class: "cl-overflow-hidden" }, ac = {
   key: 0,
   class: "cl-mt-1"
 }, nc = /* @__PURE__ */ P({
@@ -6674,12 +6690,12 @@ const Mi = /* @__PURE__ */ ye(Ei, [["render", Vi]]), Ii = /* @__PURE__ */ P({
       const e = Se("icon");
       return p(), v("div", ec, [
         m("div", {
-          class: "cl-cursor-pointer cl-flex cl-items-center cl-rounded hover:cl-bg-primary-lighter",
+          class: "cl-cursor-pointer cl-flex cl-items-center cl-rounded cl-text-white hover:cl-bg-primary-lighter hover:cl-text-secondary-default",
           onClick: l[0] || (l[0] = (s) => t.$emit("toggle-open"))
         }, [
           C(g(nl), { "icon-value": t.iconValue }, null, 8, ["icon-value"]),
           le(m("div", lc, [
-            m("span", tc, D(t.title), 1),
+            m("span", tc, A(t.title), 1),
             t.$slots.default ? (p(), G(e, {
               key: 0,
               icon: t.open ? "ph:caret-up" : "ph:caret-down",
@@ -6692,7 +6708,7 @@ const Mi = /* @__PURE__ */ ye(Ei, [["render", Vi]]), Ii = /* @__PURE__ */ P({
         m("div", oc, [
           t.open && t.menuOpen === !0 ? (p(), v("div", ac, [
             C(g(ht), null, {
-              default: A(() => [
+              default: E(() => [
                 M(t.$slots, "default")
               ]),
               _: 3
@@ -6719,9 +6735,9 @@ const Mi = /* @__PURE__ */ ye(Ei, [["render", Vi]]), Ii = /* @__PURE__ */ P({
       ]);
     };
   }
-}), rc = { class: "cl-flex cl-flex-row" }, ic = /* @__PURE__ */ m("div", { class: "cl-flex cl-justify-center cl-w-[47px]" }, [
-  /* @__PURE__ */ m("div", { class: "cl-bg-grey-2 cl-w-[1px]" }, "   ")
-], -1), cc = { class: "cl-flex cl-flex-col cl-gap-1" }, ht = /* @__PURE__ */ P({
+}), rc = { class: "cl-flex cl-flex-row" }, ic = /* @__PURE__ */ m("div", { class: "cl-flex cl-flex-shrink-0 cl-justify-center cl-w-[47px]" }, [
+  /* @__PURE__ */ m("div", { class: "cl-bg-secondary-light cl-w-[1px]" }, "   ")
+], -1), cc = { class: "cl-flex cl-flex-1 cl-flex-col" }, ht = /* @__PURE__ */ P({
   __name: "cl-ui-menu-section",
   setup(o) {
     return (t, l) => (p(), v("div", rc, [
@@ -6731,7 +6747,7 @@ const Mi = /* @__PURE__ */ ye(Ei, [["render", Vi]]), Ii = /* @__PURE__ */ P({
       ])
     ]));
   }
-}), uc = { class: "cl-cursor-pointer cl-text-sm cl-transition-colors cl-w-full hover:cl-text-primary-darker" }, dc = /* @__PURE__ */ P({
+}), uc = { class: "cl-cursor-pointer cl-py-1 cl-text-sm cl-text-white cl-transition-colors cl-w-full hover:cl-text-primary-default" }, dc = /* @__PURE__ */ P({
   __name: "cl-ui-menu-item",
   setup(o) {
     return (t, l) => (p(), v("div", uc, [
@@ -6897,7 +6913,7 @@ export {
   Dc as default,
   da as doesNumberStringContainPart,
   Rn as filterMethodTypes,
-  Ee as formatNumber,
+  Ae as formatNumber,
   ml as formatNumberAsDecimal,
   we as formatNumberAsInteger,
   ol as futureQuickDates,
@@ -6927,7 +6943,7 @@ export {
   Sc as setLocaleDateTimeFormats,
   Cc as setLocaleMessages,
   Tc as setLocaleNumberFormats,
-  Al as showNotification,
+  El as showNotification,
   Nn as stringFormats,
   Bi as tabColours,
   ji as tabLayout,