@citruslime/ui 3.0.3-beta.7 → 3.0.3-beta.8

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

@@ -1,5 +1,5 @@
 import { Icon as x } from "@iconify/vue";
-import { defineComponent as G, ref as N, openBlock as u, createElementBlock as b, renderSlot as E, normalizeProps as ie, guardReactiveProps as pe, Fragment as W, createElementVNode as g, normalizeClass as A, createVNode as k, unref as m, Transition as Ie, withCtx as D, withDirectives as te, mergeProps as Y, vShow as ue, createBlock as P, Teleport as kl, renderList as _, toDisplayString as M, createCommentVNode as L, computed as $, mergeModels as fe, useModel as be, createSlots as he, vModelDynamic as Gl, watch as ee, toRefs as Hl, withKeys as we, onMounted as We, onUnmounted as il, withModifiers as ae, nextTick as Ue, useAttrs as Ke, resolveComponent as Se, createTextVNode as se, inject as cl, vModelCheckbox as Ct, toValue as Vl, watchEffect as Tt, vModelText as Cl, useCssVars as Zl, toHandlers as St, pushScopeId as Wl, popScopeId as Kl, provide as bl, normalizeStyle as Ql } from "vue";
+import { defineComponent as G, ref as N, openBlock as u, createElementBlock as b, renderSlot as A, normalizeProps as ie, guardReactiveProps as pe, Fragment as W, createElementVNode as g, normalizeClass as V, createVNode as k, unref as m, Transition as Ie, withCtx as E, withDirectives as te, mergeProps as Y, vShow as ue, createBlock as P, Teleport as kl, renderList as _, toDisplayString as M, createCommentVNode as L, computed as $, mergeModels as fe, useModel as be, createSlots as he, vModelDynamic as Gl, watch as ee, toRefs as Hl, withKeys as we, onMounted as We, onUnmounted as il, withModifiers as ae, nextTick as Ue, useAttrs as Ke, resolveComponent as Se, createTextVNode as se, inject as cl, vModelCheckbox as Ct, toValue as Vl, watchEffect as Tt, vModelText as Cl, useCssVars as Zl, toHandlers as St, pushScopeId as Wl, popScopeId as Kl, provide as bl, normalizeStyle as Ql } from "vue";
 import { generateStringId as qt, highlightText as Ot, validateEmail as Dt } from "@citruslime/utils";
 import { onKeyDown as hl, unrefElement as Et, tryOnScopeDispose as At, onClickOutside as Qe, useTimeoutFn as Yl, useMouseInElement as Vt, useFocusWithin as It, useMediaQuery as xl, useThrottle as Mt, useElementBounding as Nt, useDebounceFn as ll, useThrottleFn as Rt, useWindowSize as Ut, useBreakpoints as zt, breakpointsTailwind as Lt } from "@vueuse/core";
 import { useI18n as ce, createI18n as Bt } from "vue-i18n";
@@ -29,7 +29,7 @@ const Pt = { class: "cl-overflow-hidden" }, Gt = /* @__PURE__ */ G({
       }), c.open = !c.open);
     }
     return (n, c) => (u(), b("div", Pt, [
-      E(n.$slots, "default", ie(pe({ isItemOpen: e, toggleItem: s })))
+      A(n.$slots, "default", ie(pe({ isItemOpen: e, toggleItem: s })))
     ]));
   }
 }), Ht = { class: "cl-absolute cl-left-5 cl-top-5" }, Zt = { class: "cl-font-semibold cl-ml-10 cl-p-4 cl-select-none cl-text-grey-5" }, Wt = { class: "cl-overflow-hidden" }, Kt = /* @__PURE__ */ G({
@@ -47,7 +47,7 @@ const Pt = { class: "cl-overflow-hidden" }, Gt = /* @__PURE__ */ G({
     }
     return (n, c) => (u(), b(W, null, [
       g("div", {
-        class: A(["cl-border-b cl-border-grey-1 cl-relative", {
+        class: V(["cl-border-b cl-border-grey-1 cl-relative", {
           "cl-bg-grey-0": n.disabled,
           "cl-cursor-pointer": !n.disabled
         }]),
@@ -55,7 +55,7 @@ const Pt = { class: "cl-overflow-hidden" }, Gt = /* @__PURE__ */ G({
       }, [
         g("div", Ht, [
           k(m(x), {
-            class: A(["cl-duration-300 cl-ease-in-out cl-text-grey-3 cl-transform-gpu cl-transition-transform", {
+            class: V(["cl-duration-300 cl-ease-in-out cl-text-grey-3 cl-transform-gpu cl-transition-transform", {
               "cl-rotate-180": n.open
             }]),
             icon: "ph:caret-down-bold",
@@ -63,14 +63,14 @@ const Pt = { class: "cl-overflow-hidden" }, Gt = /* @__PURE__ */ G({
           }, null, 8, ["class"])
         ]),
         g("div", Zt, [
-          E(n.$slots, "title")
+          A(n.$slots, "title")
         ])
       ], 2),
       g("div", Wt, [
         k(Ie, { name: "grow-down" }, {
-          default: D(() => [
+          default: E(() => [
             te(g("div", Y(n.$attrs, { class: "cl-ml-10 cl-p-4" }), [
-              E(n.$slots, "default")
+              A(n.$slots, "default")
             ], 16), [
               [ue, n.open]
             ])
@@ -88,7 +88,7 @@ const Pt = { class: "cl-overflow-hidden" }, Gt = /* @__PURE__ */ G({
 }, Qt = {}, Yt = { class: "cl-border-b cl-border-grey-1 cl-font-semibold cl-pl-14 cl-pr-4 cl-py-2 cl-text-grey-3 cl-text-sm" };
 function xt(o, t) {
   return u(), b("div", Yt, [
-    E(o.$slots, "default")
+    A(o.$slots, "default")
   ]);
 }
 const Jt = /* @__PURE__ */ ye(Qt, [["render", xt]]), tl = N([]);
@@ -113,7 +113,7 @@ const _t = ["onClick"], Xt = { class: "cl-flex-1 cl-select-none cl-text-ellipsis
   setup(o) {
     return (t, l) => (u(), P(kl, { to: t.container }, [
       g("div", {
-        class: A(["cl-fixed cl-w-80 cl-z-50", {
+        class: V(["cl-fixed cl-w-80 cl-z-50", {
           "cl-top-[5.5rem] cl-left-5": t.position === "top-left" && t.headerVisible,
           "cl-top-[5.5rem] cl-left-1/2": t.position === "top-centre" && t.headerVisible,
           "cl-top-[5.5rem] cl-right-5": t.position === "top-right" && t.headerVisible,
@@ -158,21 +158,21 @@ const _t = ["onClick"], Xt = { class: "cl-flex-1 cl-select-none cl-text-ellipsis
         "header-visible": !!t.$slots.header
       }, null, 8, ["header-visible"]),
       g("div", eo, [
-        E(t.$slots, "header"),
+        A(t.$slots, "header"),
         g("div", {
-          class: A(["cl-content-start cl-flex cl-flex-nowrap cl-h-dscreen cl-items-stretch cl-max-h-full cl-relative cl-w-full xl:cl-max-h-screen", {
+          class: V(["cl-content-start cl-flex cl-flex-nowrap cl-h-dscreen cl-items-stretch cl-max-h-full cl-relative cl-w-full xl:cl-max-h-screen", {
             "cl-pt-20": t.$slots.header
           }])
         }, [
-          E(t.$slots, "navigation"),
+          A(t.$slots, "navigation"),
           g("div", {
             id: "cl-ui-app-container",
-            class: A(["cl-grow cl-max-h-full cl-overflow-x-hidden cl-overflow-y-auto cl-overscroll-y-none cl-w-auto", {
+            class: V(["cl-grow cl-max-h-full cl-overflow-x-hidden cl-overflow-y-auto cl-overscroll-y-none cl-w-auto", {
               "lg:cl-pb-0": t.removePadding,
               "lg:cl-pb-8 md:cl-px-8 cl-px-2 md:cl-pt-8 cl-pt-2": !t.removePadding
             }])
           }, [
-            E(t.$slots, "default")
+            A(t.$slots, "default")
           ], 2)
         ], 2)
       ])
@@ -218,7 +218,7 @@ const Ye = /* @__PURE__ */ ye(to, [["render", ao], ["__scopeId", "data-v-a21dc5d
         }],
         disabled: e.disabled
       }), [
-        E(e.$slots, "default")
+        A(e.$slots, "default")
       ], 16, no), [
         [ue, !e.loading]
       ])
@@ -243,43 +243,43 @@ const Ye = /* @__PURE__ */ ye(to, [["render", ao], ["__scopeId", "data-v-a21dc5d
   },
   setup(o) {
     return (t, l) => (u(), b("div", {
-      class: A(["cl-border cl-border-transparent cl-overflow-hidden cl-relative cl-rounded-md cl-shadow-lg cl-transition-all", {
+      class: V(["cl-border cl-border-transparent cl-overflow-hidden cl-relative cl-rounded-md cl-shadow-lg cl-transition-all", {
         "cl-cursor-pointer hover:cl-shadow-xl hover:cl-border-grey-0": t.hover
       }])
     }, [
       t.$slots.image ? (u(), b("div", io, [
-        E(t.$slots, "image")
+        A(t.$slots, "image")
       ])) : L("", !0),
       t.$slots.title ? (u(), b("div", {
         key: 1,
-        class: A(["cl-border-grey-2 cl-font-normal", {
+        class: V(["cl-border-grey-2 cl-font-normal", {
           "cl-p-2 cl-text-2xl cl-leading-8": t.size === "small",
           "cl-p-4 cl-text-3xl cl-leading-9": t.size === "medium",
           "cl-p-6 cl-text-4xl cl-leading-10": t.size === "large",
           "cl-border-t": t.$slots.image
         }])
       }, [
-        E(t.$slots, "title")
+        A(t.$slots, "title")
       ], 2)) : L("", !0),
       g("div", {
-        class: A(["cl-border-grey-2", {
+        class: V(["cl-border-grey-2", {
           "cl-p-2": t.size === "small",
           "cl-p-4": t.size === "medium",
           "cl-p-6": t.size === "large",
           "cl-border-t": t.$slots.image || t.$slots.title
         }])
       }, [
-        E(t.$slots, "default")
+        A(t.$slots, "default")
       ], 2),
       t.$slots.footer ? (u(), b("div", {
         key: 2,
-        class: A(["cl-border-grey-2 cl-border-t", {
+        class: V(["cl-border-grey-2 cl-border-t", {
           "cl-p-2": t.size === "small",
           "cl-p-4": t.size === "medium",
           "cl-p-6": t.size === "large"
         }])
       }, [
-        E(t.$slots, "footer")
+        A(t.$slots, "footer")
       ], 2)) : L("", !0)
     ], 2));
   }
@@ -310,16 +310,16 @@ const Ye = /* @__PURE__ */ ye(to, [["render", ao], ["__scopeId", "data-v-a21dc5d
     const t = o, l = $(() => Object.keys(t.errors ?? []).length > 0);
     return (e, s) => (u(), b("div", po, [
       g("div", {
-        class: A(["cl-flex", { "cl-flex-col": e.labelPosition === "above", "cl-flex-row-reverse cl-gap-2 cl-items-center cl-justify-end": e.labelPosition === "right" }])
+        class: V(["cl-flex", { "cl-flex-col": e.labelPosition === "above", "cl-flex-row-reverse cl-gap-2 cl-items-center cl-justify-end": e.labelPosition === "right" }])
       }, [
         g("div", fo, [
           e.$slots.label ? (u(), b("span", mo, [
-            E(e.$slots, "label")
+            A(e.$slots, "label")
           ])) : L("", !0),
           e.showRequiredAsterisk ? (u(), b("span", go, "*")) : L("", !0)
         ]),
         g("div", null, [
-          E(e.$slots, "default")
+          A(e.$slots, "default")
         ])
       ], 2),
       l.value ? (u(), b("div", vo, [
@@ -331,7 +331,7 @@ const Ye = /* @__PURE__ */ ye(to, [["render", ao], ["__scopeId", "data-v-a21dc5d
         ])
       ])) : e.errors || e.$slots.helpText ? (u(), b("div", ho, [
         g("span", yo, [
-          E(e.$slots, "helpText")
+          A(e.$slots, "helpText")
         ])
       ])) : L("", !0)
     ]));
@@ -369,7 +369,7 @@ const Ye = /* @__PURE__ */ ye(to, [["render", ao], ["__scopeId", "data-v-a21dc5d
       "show-required-asterisk": c.required,
       errors: c.errors
     }, he({
-      default: D(() => [
+      default: E(() => [
         te(g("input", Y(c.$attrs, {
           ref_key: "inputRef",
           ref: n,
@@ -389,15 +389,15 @@ const Ye = /* @__PURE__ */ ye(to, [["render", ao], ["__scopeId", "data-v-a21dc5d
     }, [
       c.$slots.default ? {
         name: "label",
-        fn: D(() => [
-          E(c.$slots, "default")
+        fn: E(() => [
+          A(c.$slots, "default")
         ]),
         key: "0"
       } : void 0,
       c.$slots["help-text"] ? {
         name: "helpText",
-        fn: D(() => [
-          E(c.$slots, "help-text")
+        fn: E(() => [
+          A(c.$slots, "help-text")
         ]),
         key: "1"
       } : void 0
@@ -469,10 +469,10 @@ const ko = /* @__PURE__ */ g("div", { tabindex: "0" }, null, -1), Co = {
       r.key === "Escape" && d();
     }
     return (r, a) => (u(), b(W, null, [
-      E(r.$slots, "trigger", ie(pe({ open: c }))),
+      A(r.$slots, "trigger", ie(pe({ open: c }))),
       (u(), P(kl, { to: "body" }, [
         k(Ie, { name: "fade" }, {
-          default: D(() => [
+          default: E(() => [
             te(g("div", {
               ref_key: "clUiModal",
               ref: s,
@@ -488,7 +488,7 @@ const ko = /* @__PURE__ */ g("div", { tabindex: "0" }, null, -1), Co = {
                 }]
               }), [
                 te(g("div", {
-                  class: A(["cl-absolute cl-cursor-pointer cl-right-4 cl-top-4 cl-transition-colors cl-w-3", {
+                  class: V(["cl-absolute cl-cursor-pointer cl-right-4 cl-top-4 cl-transition-colors cl-w-3", {
                     "cl-text-white hover:cl-text-off-white": r.headerColour === "secondary",
                     "cl-text-secondary hover:cl-text-off-white": r.headerColour === "primary",
                     "cl-text-black hover:cl-text-grey-7": r.headerColour === "white"
@@ -502,18 +502,18 @@ const ko = /* @__PURE__ */ g("div", { tabindex: "0" }, null, -1), Co = {
                   [ue, !r.preventClose]
                 ]),
                 g("div", {
-                  class: A(["cl-leading-[2.75rem] cl-min-h-12 cl-overflow-hidden cl-pb-2 cl-pl-4 cl-pr-8 cl-pt-2 cl-text-2xl cl-w-full", {
+                  class: V(["cl-leading-[2.75rem] cl-min-h-12 cl-overflow-hidden cl-pb-2 cl-pl-4 cl-pr-8 cl-pt-2 cl-text-2xl cl-w-full", {
                     "cl-bg-secondary-default cl-text-white": r.headerColour === "secondary",
                     "cl-bg-primary-default cl-text-secondary": r.headerColour === "primary"
                   }])
                 }, [
-                  E(r.$slots, "title"),
+                  A(r.$slots, "title"),
                   r.headerColour === "white" ? (u(), b("hr", Co)) : L("", !0)
                 ], 2),
                 g("div", To, [
-                  E(r.$slots, "default", ie(pe({ close: d })))
+                  A(r.$slots, "default", ie(pe({ close: d })))
                 ]),
-                E(r.$slots, "footer", ie(pe({ close: d })))
+                A(r.$slots, "footer", ie(pe({ close: d })))
               ], 16)
             ], 512), [
               [ue, e.value]
@@ -539,7 +539,7 @@ const ko = /* @__PURE__ */ g("div", { tabindex: "0" }, null, -1), Co = {
     return (t, l) => (u(), b("div", So, [
       t.additionalText !== "" ? (u(), b("div", qo, M(t.additionalText), 1)) : L("", !0),
       g("div", {
-        class: A({
+        class: V({
           "cl-w-1/2": t.additionalText !== "",
           "cl-w-full": t.additionalText === ""
         })
@@ -591,7 +591,7 @@ const ko = /* @__PURE__ */ g("div", { tabindex: "0" }, null, -1), Co = {
     return ee(() => l.selectedIndex, () => r()), (a, i) => {
       var f, y;
       return u(), b("div", {
-        class: A(["cl-cursor-pointer cl-duration-75 cl-flex cl-p-1 cl-text-left cl-transition-colors", {
+        class: V(["cl-cursor-pointer cl-duration-75 cl-flex cl-p-1 cl-text-left cl-transition-colors", {
           "cl-bg-white": c.value === !1,
           "cl-bg-link-light cl-text-white cl-opacity-90": c.value && a.isCreateNewOption === !1,
           "cl-bg-primary-default cl-text-black cl-opacity-90": c.value && a.isCreateNewOption
@@ -602,7 +602,7 @@ const ko = /* @__PURE__ */ g("div", { tabindex: "0" }, null, -1), Co = {
       }, [
         a.option !== null && ((f = a.option) == null ? void 0 : f.parentId) !== 0 && ((y = a.option) == null ? void 0 : y.parentId) !== void 0 ? (u(), b("div", Oo, M(n.value), 1)) : L("", !0),
         g("div", {
-          class: A({
+          class: V({
             "cl-w-1/2": n.value !== "",
             "cl-w-full": n.value === ""
           })
@@ -696,7 +696,7 @@ const ko = /* @__PURE__ */ g("div", { tabindex: "0" }, null, -1), Co = {
       return u(), b("div", {
         ref_key: "container",
         ref: r,
-        class: A(["cl-absolute cl-bg-white cl-border cl-border-collapse cl-border-grey-0 cl-h-52 cl-mt-2 cl-overflow-y-auto cl-overscroll-y-none cl-rounded cl-text-sm cl-w-full cl-z-20", {
+        class: V(["cl-absolute cl-bg-white cl-border cl-border-collapse cl-border-grey-0 cl-h-52 cl-mt-2 cl-overflow-y-auto cl-overscroll-y-none cl-rounded cl-text-sm cl-w-full cl-z-20", {
           "cl-overflow-y-hidden": R.loading
         }]),
         onKeydown: [
@@ -720,7 +720,7 @@ const ko = /* @__PURE__ */ g("div", { tabindex: "0" }, null, -1), Co = {
               onKeyup: a,
               onBlur: y
             }, {
-              default: D(() => [
+              default: E(() => [
                 Mo
               ]),
               _: 1
@@ -881,11 +881,11 @@ const ko = /* @__PURE__ */ g("div", { tabindex: "0" }, null, -1), Co = {
       let w = "";
       return f.value && (f.value.parentName ? w = f.value.parentName + "; " + f.value.name : w = f.value.name), w;
     }
-    function V() {
+    function D() {
       let w = !0;
       v.value === "" && (w = !1), e.objectParentType !== "" && y.value === null && (w = !1), B.value = w;
     }
-    ee(() => e.objectCreatedResponse, () => me()), ee(() => e.parentObjectCreatedResponse, () => ge()), ee(() => v.value, () => V()), ee(() => y.value, () => V());
+    ee(() => e.objectCreatedResponse, () => me()), ee(() => e.parentObjectCreatedResponse, () => ge()), ee(() => v.value, () => D()), ee(() => y.value, () => D());
     const H = N();
     return Qe(H, () => i.value ? F(!1) : ""), t({
       focus() {
@@ -903,7 +903,7 @@ const ko = /* @__PURE__ */ g("div", { tabindex: "0" }, null, -1), Co = {
               id: m(d),
               modelValue: S.value,
               "onUpdate:modelValue": U[0] || (U[0] = (h) => S.value = h),
-              class: A(["cl-box-border cl-font-light cl-mb-0 cl-p-2 cl-placeholder-grey-3 cl-rounded-r-none cl-text-sm", {
+              class: V(["cl-box-border cl-font-light cl-mb-0 cl-p-2 cl-placeholder-grey-3 cl-rounded-r-none cl-text-sm", {
                 "cl-cursor-pointer": w.disabled === !1
               }]),
               placeholder: p.value,
@@ -912,7 +912,7 @@ const ko = /* @__PURE__ */ g("div", { tabindex: "0" }, null, -1), Co = {
                 F(), w.$emit("focus");
               })
             }, {
-              default: D(() => [
+              default: E(() => [
                 Lo
               ]),
               _: 1
@@ -931,7 +931,7 @@ const ko = /* @__PURE__ */ g("div", { tabindex: "0" }, null, -1), Co = {
           ]),
           i.value ? (u(), b("div", {
             key: 1,
-            class: A(["cl-border cl-border-grey-2 cl-border-l-0 cl-float-right cl-rounded cl-rounded-l-none cl-text-grey-3 cl-transition-colors cl-w-[27px]", {
+            class: V(["cl-border cl-border-grey-2 cl-border-l-0 cl-float-right cl-rounded cl-rounded-l-none cl-text-grey-3 cl-transition-colors cl-w-[27px]", {
               "cl-cursor-default cl-bg-off-white": w.disabled,
               "cl-cursor-pointer hover:cl-bg-link-light hover:cl-opacity-90 hover:cl-text-white cl-bg-white": w.disabled === !1
             }]),
@@ -944,7 +944,7 @@ const ko = /* @__PURE__ */ g("div", { tabindex: "0" }, null, -1), Co = {
             })
           ], 10, Po)) : (u(), b("div", {
             key: 0,
-            class: A(["cl-border cl-border-grey-2 cl-border-l-0 cl-float-right cl-rounded cl-rounded-l-none cl-text-grey-3 cl-transition-colors cl-w-[27px]", {
+            class: V(["cl-border cl-border-grey-2 cl-border-l-0 cl-float-right cl-rounded cl-rounded-l-none cl-text-grey-3 cl-transition-colors cl-w-[27px]", {
               "cl-cursor-default cl-bg-off-white": w.disabled,
               "cl-cursor-pointer hover:cl-bg-link-light hover:cl-opacity-90 hover:cl-text-white cl-bg-white": w.disabled === !1
             }]),
@@ -958,10 +958,10 @@ const ko = /* @__PURE__ */ g("div", { tabindex: "0" }, null, -1), Co = {
           ], 10, jo))
         ]),
         k(Xl, { size: "small" }, {
-          title: D(() => [
+          title: E(() => [
             se(M(m(a)("comboBox.createTitle", { object: w.objectType })), 1)
           ]),
-          trigger: D(({ open: h }) => [
+          trigger: E(({ open: h }) => [
             te(k(Ro, {
               "can-create-new-object": w.canCreateNewObject,
               "can-clear-selected-object": w.canClearSelectedObject,
@@ -972,7 +972,7 @@ const ko = /* @__PURE__ */ g("div", { tabindex: "0" }, null, -1), Co = {
               "error-message": w.errorMessage,
               "current-object-name": S.value,
               "is-visible": i.value,
-              class: A({
+              class: V({
                 "cl-bottom-full": q.value
               }),
               "search-hint": r.value,
@@ -985,7 +985,7 @@ const ko = /* @__PURE__ */ g("div", { tabindex: "0" }, null, -1), Co = {
               [ue, i.value]
             ])
           ]),
-          footer: D(({ close: h }) => [
+          footer: E(({ close: h }) => [
             g("div", Ho, [
               k(ke, {
                 class: "cl-mr-3",
@@ -993,7 +993,7 @@ const ko = /* @__PURE__ */ g("div", { tabindex: "0" }, null, -1), Co = {
                 size: "small",
                 onClick: h
               }, {
-                default: D(() => [
+                default: E(() => [
                   se(M(m(a)("comboBox.cancel")), 1)
                 ]),
                 _: 2
@@ -1006,14 +1006,14 @@ const ko = /* @__PURE__ */ g("div", { tabindex: "0" }, null, -1), Co = {
                   O(), h();
                 }
               }, {
-                default: D(() => [
+                default: E(() => [
                   se(M(m(a)("comboBox.create")), 1)
                 ]),
                 _: 2
               }, 1032, ["disabled", "onClick"])
             ])
           ]),
-          default: D(() => [
+          default: E(() => [
             g("div", Go, [
               w.objectParentType ? (u(), P(Q, {
                 key: 0,
@@ -1035,7 +1035,7 @@ const ko = /* @__PURE__ */ g("div", { tabindex: "0" }, null, -1), Co = {
                 "onUpdate:modelValue": U[6] || (U[6] = (h) => v.value = h),
                 class: "cl-box-border cl-font-light cl-mb-2 cl-p-2 cl-placeholder-grey-3 cl-text-sm"
               }, {
-                default: D(() => [
+                default: E(() => [
                   se(M(m(a)("comboBox.createProperty")), 1)
                 ]),
                 _: 1
@@ -1064,14 +1064,14 @@ const Qo = {}, Yo = { class: "cl-flex cl-flex-wrap cl-left-0 cl-mt-4 cl-w-full"
 function ea(o, t) {
   return u(), b("div", Yo, [
     o.$slots.default ? (u(), b("div", xo, [
-      E(o.$slots, "default")
+      A(o.$slots, "default")
     ])) : L("", !0),
     o.$slots.left || o.$slots.right ? (u(), b("div", Jo, [
       g("span", _o, [
-        E(o.$slots, "left")
+        A(o.$slots, "left")
       ]),
       g("span", Xo, [
-        E(o.$slots, "right")
+        A(o.$slots, "right")
       ])
     ])) : L("", !0)
   ]);
@@ -1097,7 +1097,7 @@ const Tl = /* @__PURE__ */ ye(sa, [["render", ia]]), yl = /* @__PURE__ */ G({
         key: s,
         class: "cl-animate-pulse cl-bg-off-white cl-rounded-full cl-w-16"
       }, [
-        E(t.$slots, "default", {}, () => [
+        A(t.$slots, "default", {}, () => [
           se("   ")
         ])
       ]))), 128))
@@ -1145,7 +1145,7 @@ const ca = {
       })), 64))
     ])) : (u(), b("div", ua, [
       g("div", {
-        class: A(["cl-mb-2 cl-text-sm lg:cl-hidden", {
+        class: V(["cl-mb-2 cl-text-sm lg:cl-hidden", {
           "cl-hidden": n.options.hideGridMobileView
         }])
       }, [
@@ -1153,7 +1153,7 @@ const ca = {
       ], 2),
       g("div", da, [
         g("div", pa, [
-          E(n.$slots, "additional-grid-actions", ie(pe({
+          A(n.$slots, "additional-grid-actions", ie(pe({
             loading: n.loading,
             editMode: n.editMode
           })))
@@ -1167,7 +1167,7 @@ const ca = {
           disabled: n.loading,
           onClick: c[0] || (c[0] = ae((d) => n.$emit("update:edit-mode", !n.editMode), ["prevent"]))
         }, {
-          default: D(() => [
+          default: E(() => [
             n.editMode ? (u(), b(W, { key: 0 }, [
               se(M(m(l)("grid.finishEditing")), 1)
             ], 64)) : (u(), b(W, { key: 1 }, [
@@ -1177,11 +1177,11 @@ const ca = {
           _: 1
         }, 8, ["disabled"])) : L("", !0),
         n.options.hideViewManager === !1 ? (u(), b("div", ma, [
-          E(n.$slots, "view-manager")
+          A(n.$slots, "view-manager")
         ])) : L("", !0),
         m(ml)(n.columns) || m(Nl)(n.columns) ? (u(), b(W, { key: 2 }, [
           g("div", {
-            class: A(["cl-block cl-flex-1 lg:cl-flex-none lg:cl-hidden", {
+            class: V(["cl-block cl-flex-1 lg:cl-flex-none lg:cl-hidden", {
               "cl-hidden": n.options.hideGridMobileView
             }])
           }, [
@@ -1191,7 +1191,7 @@ const ca = {
               disabled: n.loading,
               onClick: c[1] || (c[1] = ae((d) => n.$emit("update:filterPanelOpen", !n.filterPanelOpen), ["prevent"]))
             }, {
-              default: D(() => [
+              default: E(() => [
                 se(M(m(l)("grid.modifyFilters")), 1)
               ]),
               _: 1
@@ -1206,7 +1206,7 @@ const ca = {
             class: "cl-basis-full lg:cl-flex-none",
             onClick: c[2] || (c[2] = ae((d) => n.$emit("clear-filters"), ["prevent"]))
           }, {
-            default: D(() => [
+            default: E(() => [
               se(M(m(l)("grid.clearFilters")), 1)
             ]),
             _: 1
@@ -1243,7 +1243,7 @@ const ca = {
       errors: c.errors,
       "label-position": "right"
     }, he({
-      default: D(() => [
+      default: E(() => [
         te(g("input", Y({
           ref_key: "inputRef",
           ref: n
@@ -1266,19 +1266,19 @@ const ca = {
     }, [
       c.$slots.default ? {
         name: "label",
-        fn: D(() => [
+        fn: E(() => [
           g("label", {
             for: c.$attrs.id ? c.$attrs.id.toString() : ""
           }, [
-            E(c.$slots, "default", {}, void 0, !0)
+            A(c.$slots, "default", {}, void 0, !0)
           ], 8, va)
         ]),
         key: "0"
       } : void 0,
       c.$slots["help-text"] ? {
         name: "helpText",
-        fn: D(() => [
-          E(c.$slots, "help-text", {}, void 0, !0)
+        fn: E(() => [
+          A(c.$slots, "help-text", {}, void 0, !0)
         ]),
         key: "1"
       } : void 0
@@ -1836,7 +1836,7 @@ const Ma = {
     }
     return (p, r) => {
       var a;
-      return p.column.type === "slot" ? E(p.$slots, p.column.name, { key: 0 }) : p.column.type === "boolean" && p.column.field !== void 0 ? (u(), P(dl, {
+      return p.column.type === "slot" ? A(p.$slots, p.column.name, { key: 0 }) : p.column.type === "boolean" && p.column.field !== void 0 ? (u(), P(dl, {
         key: 1,
         id: `checkbox-${p.column.field}-${p.rowIndex}`,
         class: "disabled:checked:cl-bg-primary-light disabled:checked:cl-border-primary-light",
@@ -1885,7 +1885,7 @@ const Ma = {
     });
     const p = $(() => l.options.textSize === "x-small" ? "lg:cl-text-xs" : l.options.textSize === "small" ? "lg:cl-text-sm" : l.options.textSize === "medium" ? "lg:cl-text-base" : l.options.textSize === "large" ? "lg:cl-text-lg" : "lg:cl-text-sm");
     return (r, a) => (u(), b("td", {
-      class: A(["cl-gap-1 cl-py-2 cl-text-xs lg:cl-px-1", [
+      class: V(["cl-gap-1 cl-py-2 cl-text-xs lg:cl-px-1", [
         r.options.hideGridMobileView ? "cl-table-cell cl-m-0" : "cl-border-b cl-border-grey-1 cl-grid cl-grid-cols-2 cl-m-1 cl-mb-0  lg:cl-border-b-0 lg:cl-m-0 lg:cl-table-cell",
         {
           "cl-bg-link-lighter": c.value
@@ -1894,11 +1894,11 @@ const Ma = {
       ]])
     }, [
       g("span", {
-        class: A(["cl-font-semibold lg:cl-hidden", {
+        class: V(["cl-font-semibold lg:cl-hidden", {
           "cl-hidden": r.options.hideGridMobileView
         }])
       }, M(r.column.caption), 3),
-      r.editMode && r.column.editable === !0 ? E(r.$slots, `${r.column.name}Edit`, ie(Y({ key: 0 }, {
+      r.editMode && r.column.editable === !0 ? A(r.$slots, `${r.column.name}Edit`, ie(Y({ key: 0 }, {
         cellFocused: () => e("focus"),
         column: r.column,
         edited: c.value,
@@ -1913,8 +1913,8 @@ const Ma = {
           "search-value": r.searchValue,
           "row-index": r.rowIndex
         }, {
-          [r.column.name]: D(() => [
-            E(r.$slots, r.column.name, ie(pe({
+          [r.column.name]: E(() => [
+            A(r.$slots, r.column.name, ie(pe({
               column: r.column,
               record: r.data,
               searchValue: r.searchValue
@@ -1930,8 +1930,8 @@ const Ma = {
         "search-value": r.searchValue,
         "row-index": r.rowIndex
       }, {
-        [r.column.name]: D(() => [
-          E(r.$slots, r.column.name, ie(pe({ column: r.column, record: r.data, searchValue: r.searchValue })))
+        [r.column.name]: E(() => [
+          A(r.$slots, r.column.name, ie(pe({ column: r.column, record: r.data, searchValue: r.searchValue })))
         ]),
         _: 2
       }, 1032, ["column", "data", "time-zone", "search-value", "row-index"]))
@@ -1966,8 +1966,8 @@ const Ma = {
       }, he({ _: 2 }, [
         _(t.$slots, (n, c) => ({
           name: c,
-          fn: D((d) => [
-            E(t.$slots, c, ie(pe(d)))
+          fn: E((d) => [
+            A(t.$slots, c, ie(pe(d)))
           ])
         }))
       ]), 1032, ["data", "column", "options", "time-zone", "search-value", "edit-mode", "row-index", "onEdit", "onUndo"]))), 128))
@@ -2054,7 +2054,7 @@ const Ma = {
         v.initialLoad ? (u(!0), b(W, { key: 0 }, _(v.request.pageSize, (B) => (u(), b("tr", { key: B }, [
           g("td", {
             colspan: v.columns.length,
-            class: A(
+            class: V(
               {
                 "cl-border-t cl-border-off-white": B % 2 === 0
               }
@@ -2070,7 +2070,7 @@ const Ma = {
             "time-zone": v.timeZone,
             "search-value": v.searchValue,
             "edit-mode": v.editMode,
-            class: A(["cl-bg-opacity-100 cl-transition-colors", {
+            class: V(["cl-bg-opacity-100 cl-transition-colors", {
               "cl-bg-white": q % 2 === 0 && v.data.totalRecords > 1,
               "cl-bg-off-white": q % 2 === 1 || v.data.totalRecords === 1,
               "cl-cursor-pointer": (v.options.highlightRowSelection || v.options.rowSelectionEnabled) && !v.editMode,
@@ -2091,14 +2091,14 @@ const Ma = {
           }, he({ _: 2 }, [
             _(v.$slots, (F, X) => ({
               name: X,
-              fn: D((R) => [
-                E(v.$slots, X, ie(pe(R)))
+              fn: E((R) => [
+                A(v.$slots, X, ie(pe(R)))
               ])
             }))
           ]), 1032, ["data", "options", "columns", "time-zone", "search-value", "edit-mode", "class", "row-index", "onClick", "onCellFocus", "onCellEdit"]))), 128)),
           v.data.results.length < v.request.pageSize ? (u(!0), b(W, { key: 0 }, _(Math.max(5 - v.data.results.length, 0), (B) => (u(), b("tr", {
             key: B,
-            class: A(["lg:cl-table-row", {
+            class: V(["lg:cl-table-row", {
               "cl-hidden": l.options.hideGridMobileView === !1
             }])
           }, [
@@ -2113,7 +2113,7 @@ const Ma = {
           }, [
             g("div", Ga, [
               v.$slots.noData && v.request.filters.some((B) => B.filterValue !== "") === !1 ? (u(), b("div", Ha, [
-                E(v.$slots, "noData")
+                A(v.$slots, "noData")
               ])) : (u(), b("strong", Za, M(m(s)("grid.noData")), 1)),
               v.request.filters.some((B) => B.filterValue !== "") ? (u(), b("div", Wa, [
                 g("div", Ka, M(m(s)("grid.noDataFiltersPresent")), 1),
@@ -2122,7 +2122,7 @@ const Ma = {
                   colour: "danger",
                   onClick: T[0] || (T[0] = ae((B) => v.$emit("clear-filters"), ["prevent"]))
                 }, {
-                  default: D(() => [
+                  default: E(() => [
                     se(M(m(s)("grid.clearFilters")), 1)
                   ]),
                   _: 1
@@ -2224,7 +2224,7 @@ const Ma = {
         "show-required-asterisk": O.required,
         errors: O.errors
       }, he({
-        default: D(() => [
+        default: E(() => [
           g("div", {
             ref_key: "focusWithinRef",
             ref: d,
@@ -2281,15 +2281,15 @@ const Ma = {
       }, [
         O.$slots.default ? {
           name: "label",
-          fn: D(() => [
-            E(O.$slots, "default")
+          fn: E(() => [
+            A(O.$slots, "default")
           ]),
           key: "0"
         } : void 0,
         O.$slots["help-text"] ? {
           name: "helpText",
-          fn: D(() => [
-            E(O.$slots, "help-text")
+          fn: E(() => [
+            A(O.$slots, "help-text")
           ]),
           key: "1"
         } : void 0
@@ -2357,7 +2357,7 @@ const Ma = {
         ])
       ])) : a.loading || (y = (f = a.data) == null ? void 0 : f.results) != null && y.length && a.request ? (u(), b("div", {
         key: 1,
-        class: A(["cl-flex cl-flex-wrap lg:cl-gap-2", {
+        class: V(["cl-flex cl-flex-wrap lg:cl-gap-2", {
           "cl-opacity-40": a.loading
         }]),
         inert: a.loading
@@ -2377,7 +2377,7 @@ const Ma = {
               g("ul", pn, [
                 (u(), b(W, null, _(p, (v, T) => g("li", {
                   key: T,
-                  class: A(["cl-mr-1 last:cl-mr-0", {
+                  class: V(["cl-mr-1 last:cl-mr-0", {
                     "cl-text-black cl-font-bold": a.request.pageSize === v,
                     "cl-cursor-pointer": a.request.pageSize !== v
                   }]),
@@ -2388,7 +2388,7 @@ const Ma = {
             g("div", null, [
               g("ul", mn, [
                 g("li", {
-                  class: A({
+                  class: V({
                     "cl-text-grey-2 cl-pointer-events-none": a.request.pageNumber === 1,
                     "cl-cursor-pointer": a.request.pageNumber > 1
                   }),
@@ -2400,7 +2400,7 @@ const Ma = {
                   })
                 ], 2),
                 g("li", {
-                  class: A({
+                  class: V({
                     "cl-cursor-pointer": a.request.pageNumber > 1,
                     "cl-text-grey-2 cl-pointer-events-none": a.request.pageNumber < 2
                   }),
@@ -2413,7 +2413,7 @@ const Ma = {
                 ], 2),
                 (u(!0), b(W, null, _(c.value, (v, T) => (u(), b("li", {
                   key: T,
-                  class: A(["cl-border cl-border-grey-2 cl-px-1.5 cl-rounded cl-text-secondary-default", {
+                  class: V(["cl-border cl-border-grey-2 cl-px-1.5 cl-rounded cl-text-secondary-default", {
                     "cl-font-bold cl-bg-primary-lighter cl-border-primary-default": a.request.pageNumber === v && !a.loading,
                     "cl-cursor-pointer ": a.request.pageNumber !== v,
                     "cl-bg-grey-0": a.loading
@@ -2421,7 +2421,7 @@ const Ma = {
                   onClick: (C) => d(v)
                 }, M(m($e)(v)), 11, gn))), 128)),
                 g("li", {
-                  class: A({
+                  class: V({
                     "cl-text-grey-2 cl-pointer-events-none": a.request.pageNumber >= n.value,
                     "cl-cursor-pointer": a.request.pageNumber < n.value
                   }),
@@ -2433,7 +2433,7 @@ const Ma = {
                   })
                 ], 2),
                 g("li", {
-                  class: A({
+                  class: V({
                     "cl-text-grey-2 cl-pointer-events-none": a.request.pageNumber >= n.value,
                     "cl-cursor-pointer": a.request.pageNumber < n.value
                   }),
@@ -2460,7 +2460,7 @@ const Ma = {
               autocomplete: "off",
               "onUpdate:modelValue": d
             }, {
-              default: D(() => [
+              default: E(() => [
                 yn
               ]),
               _: 1
@@ -2593,7 +2593,7 @@ const kn = { class: "cl-gap-1 cl-grid cl-grid-cols-2" }, Cn = ["onClick"], Tn =
         var p, r;
         return u(), b("button", {
           key: d,
-          class: A(["cl-border cl-cursor-pointer cl-py-1 cl-rounded-md cl-text-center", {
+          class: V(["cl-border cl-cursor-pointer cl-py-1 cl-rounded-md cl-text-center", {
             "cl-bg-primary-lighter cl-bg-opacity-30 cl-border-primary-default cl-font-bold hover:cl-border-primary-darker": ((p = s.selectedQuickDate) == null ? void 0 : p.name) === c.name,
             "cl-border-grey-2 hover:cl-border-grey-3 hover:cl-opacity-95 cl-opacity-60": ((r = s.selectedQuickDate) == null ? void 0 : r.name) !== c.name
           }]),
@@ -2763,7 +2763,7 @@ const kn = { class: "cl-gap-1 cl-grid cl-grid-cols-2" }, Cn = ["onClick"], Tn =
     return (e, s) => {
       const n = Se("icon");
       return u(), b("div", {
-        class: A(["cl-border cl-border-grey-1 cl-flex cl-flex-nowrap cl-flex-row cl-overflow-hidden cl-rounded-sm range-input", [
+        class: V(["cl-border cl-border-grey-1 cl-flex cl-flex-nowrap cl-flex-row cl-overflow-hidden cl-rounded-sm range-input", [
           e.$attrs.class,
           {
             "cl-bg-grey-3 ": e.disabled
@@ -2778,7 +2778,7 @@ const kn = { class: "cl-gap-1 cl-grid cl-grid-cols-2" }, Cn = ["onClick"], Tn =
           disabled: e.disabled,
           onClick: s[0] || (s[0] = (c) => e.$emit("togglePopover"))
         }), {
-          default: D(() => [
+          default: E(() => [
             k(n, {
               icon: "bi:calendar3",
               class: "cl-text-xl icon"
@@ -2791,14 +2791,14 @@ const kn = { class: "cl-gap-1 cl-grid cl-grid-cols-2" }, Cn = ["onClick"], Tn =
           id: e.$attrs.id ? e.$attrs.id + "Clear" : "clUiDateRangeInputClear",
           title: m(t)("input.clearDateRange"),
           size: "small",
-          class: A(["cl-basis-0 cl-border-transparent cl-flex cl-items-center cl-justify-center hover:cl-border-transparent", {
+          class: V(["cl-basis-0 cl-border-transparent cl-flex cl-items-center cl-justify-center hover:cl-border-transparent", {
             "cl-text-grey-4 hover:cl-text-grey-3": !e.dateRangeSelected && !e.disabled,
             "cl-text-danger-dark hover:cl-text-danger-default": e.dateRangeSelected && !e.disabled
           }]),
           disabled: e.disabled,
           onClick: s[1] || (s[1] = (c) => e.$emit("clear"))
         }, {
-          default: D(() => [
+          default: E(() => [
             k(n, {
               icon: "ph:x",
               class: "cl-text-sm clear-icon"
@@ -2857,10 +2857,10 @@ const kn = { class: "cl-gap-1 cl-grid cl-grid-cols-2" }, Cn = ["onClick"], Tn =
     }
     const y = xl("(min-width: 768px)"), S = $(() => y.value ? 2 : 1);
     return (v, T) => (u(), P(Me, { "show-required-asterisk": v.required }, he({
-      label: D(() => [
-        E(v.$slots, "default")
+      label: E(() => [
+        A(v.$slots, "default")
       ]),
-      default: D(() => [
+      default: E(() => [
         k(m(Le), {
           ref_key: "calendar",
           ref: i,
@@ -2879,7 +2879,7 @@ const kn = { class: "cl-gap-1 cl-grid cl-grid-cols-2" }, Cn = ["onClick"], Tn =
           "initial-page": p.value,
           onDayclick: T[2] || (T[2] = (C) => a.value = null)
         }, {
-          default: D(({ togglePopover: C }) => [
+          default: E(({ togglePopover: C }) => [
             k(Al, Y(v.$attrs, {
               required: v.required,
               disabled: v.disabled,
@@ -2891,7 +2891,7 @@ const kn = { class: "cl-gap-1 cl-grid cl-grid-cols-2" }, Cn = ["onClick"], Tn =
               })
             }), null, 16, ["required", "disabled", "date-range-selected", "title", "onTogglePopover"])
           ]),
-          footer: D(() => [
+          footer: E(() => [
             v.quickDateScope !== "none" ? (u(), P(it, {
               key: 0,
               scope: v.quickDateScope,
@@ -2907,8 +2907,8 @@ const kn = { class: "cl-gap-1 cl-grid cl-grid-cols-2" }, Cn = ["onClick"], Tn =
     }, [
       v.$slots["help-text"] ? {
         name: "helpText",
-        fn: D(() => [
-          E(v.$slots, "help-text")
+        fn: E(() => [
+          A(v.$slots, "help-text")
         ]),
         key: "0"
       } : void 0
@@ -2971,7 +2971,7 @@ const kn = { class: "cl-gap-1 cl-grid cl-grid-cols-2" }, Cn = ["onClick"], Tn =
       errors: d.errors,
       "show-required-asterisk": d.required
     }, he({
-      default: D(() => [
+      default: E(() => [
         te(g("textarea", Y({
           ref_key: "inputRef",
           ref: n
@@ -2993,15 +2993,15 @@ const kn = { class: "cl-gap-1 cl-grid cl-grid-cols-2" }, Cn = ["onClick"], Tn =
     }, [
       d.$slots.default ? {
         name: "label",
-        fn: D(() => [
-          E(d.$slots, "default")
+        fn: E(() => [
+          A(d.$slots, "default")
         ]),
         key: "0"
       } : void 0,
       d.$slots["help-text"] ? {
         name: "helpText",
-        fn: D(() => [
-          E(d.$slots, "help-text")
+        fn: E(() => [
+          A(d.$slots, "help-text")
         ]),
         key: "1"
       } : void 0
@@ -3047,7 +3047,7 @@ const kn = { class: "cl-gap-1 cl-grid cl-grid-cols-2" }, Cn = ["onClick"], Tn =
         errors: i.errors,
         "show-required-asterisk": i.required
       }, he({
-        default: D(() => [
+        default: E(() => [
           g("div", An, [
             g("button", {
               disabled: i.disabled,
@@ -3115,15 +3115,15 @@ const kn = { class: "cl-gap-1 cl-grid cl-grid-cols-2" }, Cn = ["onClick"], Tn =
       }, [
         i.$slots.default ? {
           name: "label",
-          fn: D(() => [
-            E(i.$slots, "default", {}, void 0, !0)
+          fn: E(() => [
+            A(i.$slots, "default", {}, void 0, !0)
           ]),
           key: "0"
         } : void 0,
         i.$slots["help-text"] ? {
           name: "helpText",
-          fn: D(() => [
-            E(i.$slots, "help-text", {}, void 0, !0)
+          fn: E(() => [
+            A(i.$slots, "help-text", {}, void 0, !0)
           ]),
           key: "1"
         } : void 0
@@ -3268,10 +3268,10 @@ const kn = { class: "cl-gap-1 cl-grid cl-grid-cols-2" }, Cn = ["onClick"], Tn =
         (v = y.value) == null || v.focus(), n("focus");
       }
     }), (v, T) => (u(), P(Me, { "show-required-asterisk": v.required }, he({
-      label: D(() => [
-        E(v.$slots, "default")
+      label: E(() => [
+        A(v.$slots, "default")
       ]),
-      default: D(() => [
+      default: E(() => [
         v.type === "time" ? (u(), P(m(Le), {
           key: 0,
           modelValue: d.value,
@@ -3288,7 +3288,7 @@ const kn = { class: "cl-gap-1 cl-grid cl-grid-cols-2" }, Cn = ["onClick"], Tn =
           "hide-time-header": "",
           popover: i.value
         }, {
-          default: D(({ inputValue: C, inputEvents: B }) => [
+          default: E(({ inputValue: C, inputEvents: B }) => [
             k(Ze, Y(v.$attrs, {
               ref_key: "input",
               ref: y,
@@ -3321,7 +3321,7 @@ const kn = { class: "cl-gap-1 cl-grid cl-grid-cols-2" }, Cn = ["onClick"], Tn =
           "hide-time-header": "",
           popover: i.value
         }, {
-          default: D(({ inputValue: C, inputEvents: B }) => [
+          default: E(({ inputValue: C, inputEvents: B }) => [
             k(Ze, Y(v.$attrs, {
               ref_key: "input",
               ref: y,
@@ -3342,8 +3342,8 @@ const kn = { class: "cl-gap-1 cl-grid cl-grid-cols-2" }, Cn = ["onClick"], Tn =
     }, [
       v.$slots["help-text"] ? {
         name: "helpText",
-        fn: D(() => [
-          E(v.$slots, "help-text")
+        fn: E(() => [
+          A(v.$slots, "help-text")
         ]),
         key: "0"
       } : void 0
@@ -3359,7 +3359,7 @@ const kn = { class: "cl-gap-1 cl-grid cl-grid-cols-2" }, Cn = ["onClick"], Tn =
       l("toggleModal");
     }
     return (s, n) => (u(), b("div", ie(pe(s.$attrs)), [
-      E(s.$slots, "default", ie(pe({ toggleModalInput: e })))
+      A(s.$slots, "default", ie(pe({ toggleModalInput: e })))
     ], 16));
   }
 }), Zn = ["placeholder"], Wn = ["value", "disabled"], Kn = ["value", "disabled"], Qn = ["disabled"], wl = /* @__PURE__ */ G({
@@ -3412,22 +3412,22 @@ const kn = { class: "cl-gap-1 cl-grid cl-grid-cols-2" }, Cn = ["onClick"], Tn =
           "show-required-asterisk": a.required,
           errors: a.errors
         }, he({
-          label: D(() => [
-            E(a.$slots, "label")
+          label: E(() => [
+            A(a.$slots, "label")
           ]),
-          default: D(() => [
+          default: E(() => [
             g("div", {
-              class: A(["cl-w-full", {
+              class: V(["cl-w-full", {
                 "cl-relative": a.isGridFilter === !1
               }])
             }, [
-              E(a.$slots, "input", ie(pe({ selectModalVisible: s.value, toggleSelectModalState: c })), () => [
+              A(a.$slots, "input", ie(pe({ selectModalVisible: s.value, toggleSelectModalState: c })), () => [
                 n.value === !1 ? (u(), P(sl, {
                   key: 0,
-                  class: A([r.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"]),
+                  class: V([r.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: c
                 }, {
-                  default: D(() => [
+                  default: E(() => [
                     l.value === null || l.value === void 0 ? (u(), b("input", Y({ key: 0 }, a.$attrs, {
                       readonly: "",
                       class: [r.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"],
@@ -3467,7 +3467,7 @@ const kn = { class: "cl-gap-1 cl-grid cl-grid-cols-2" }, Cn = ["onClick"], Tn =
                   "cl-overflow-hidden": a.disabled
                 }]
               }), [
-                E(a.$slots, "default", ie(pe({ select: d })))
+                A(a.$slots, "default", ie(pe({ select: d })))
               ], 16)) : L("", !0)
             ], 2)
           ]),
@@ -3475,8 +3475,8 @@ const kn = { class: "cl-gap-1 cl-grid cl-grid-cols-2" }, Cn = ["onClick"], Tn =
         }, [
           a.$slots["help-text"] ? {
             name: "helpText",
-            fn: D(() => [
-              E(a.$slots, "help-text")
+            fn: E(() => [
+              A(a.$slots, "help-text")
             ]),
             key: "0"
           } : void 0
@@ -3494,7 +3494,7 @@ const kn = { class: "cl-gap-1 cl-grid cl-grid-cols-2" }, Cn = ["onClick"], Tn =
   setup(o, { emit: t }) {
     const l = t;
     return (e, s) => (u(), b("div", {
-      class: A(["cl-px-2 cl-py-0.5", {
+      class: V(["cl-px-2 cl-py-0.5", {
         "cl-bg-primary-lighter": e.isSelected && e.disabled === !1,
         "hover:cl-bg-link-lighter": e.isSelected === !1 && e.disabled === !1,
         "cl-cursor-pointer": e.disabled === !1,
@@ -3502,7 +3502,7 @@ const kn = { class: "cl-gap-1 cl-grid cl-grid-cols-2" }, Cn = ["onClick"], Tn =
       }]),
       onClick: s[0] || (s[0] = (n) => e.disabled ? null : l("select"))
     }, [
-      E(e.$slots, "default")
+      A(e.$slots, "default")
     ], 2));
   }
 }), Yn = [
@@ -3740,14 +3740,14 @@ const os = {
         c.value ? (u(), P(m(x), {
           key: 0,
           icon: c.value.icon,
-          class: A(["cl-text-lg", {
+          class: V(["cl-text-lg", {
             "cl-text-grey-4": l.filter === void 0 || l.filter.filterValue === "",
             "cl-text-primary-default": l.filter && l.filter.filterValue !== ""
           }])
         }, null, 8, ["icon", "class"])) : L("", !0)
       ]),
       g("div", {
-        class: A(["cl-absolute cl-bg-white cl-border cl-border-grey-0 cl-flex-wrap cl-font-normal cl-h-0 cl-hidden cl-rounded cl-shadow-lg cl-text-left cl-text-xs cl-top-8 cl-z-10", {
+        class: V(["cl-absolute cl-bg-white cl-border cl-border-grey-0 cl-flex-wrap cl-font-normal cl-h-0 cl-hidden cl-rounded cl-shadow-lg cl-text-left cl-text-xs cl-top-8 cl-z-10", {
           "group-hover:cl-flex group-hover:cl-h-auto group-hover:cl-w-52": i.loading === !1,
           "cl-right-0": a.value === !1,
           "cl-left-0": a.value
@@ -3758,7 +3758,7 @@ const os = {
           var v;
           return u(), b("span", {
             key: S,
-            class: A(["cl-cursor-pointer cl-px-4 cl-py-1 cl-transition-colors cl-w-full hover:cl-bg-grey-0", {
+            class: V(["cl-cursor-pointer cl-px-4 cl-py-1 cl-transition-colors cl-w-full hover:cl-bg-grey-0", {
               "cl-bg-primary-default cl-opacity-80": y.method === ((v = c.value) == null ? void 0 : v.method)
             }]),
             onClick: ae((T) => d(y.method), ["prevent"])
@@ -3773,7 +3773,7 @@ const os = {
       ], 2)
     ], 512));
   }
-}), ft = (o) => (Wl("data-v-59ca84b3"), o = o(), Kl(), o), us = ["onClick"], ds = { class: "cl-p-1" }, ps = ["disabled"], fs = {
+}), ft = (o) => (Wl("data-v-821d32cc"), o = o(), Kl(), o), us = ["onClick"], ds = { class: "cl-p-1" }, ps = ["disabled"], fs = {
   key: 1,
   class: "cl-w-full"
 }, ms = {
@@ -3805,35 +3805,35 @@ const os = {
     }
     const d = $({
       get: () => l.filter,
-      set: (V) => e("update:filter", V)
+      set: (D) => e("update:filter", D)
     }), p = $(() => l.column.type === "date" || l.column.type === "datetime" || l.column.type === "slot" && (l.column.slotType === "date" || l.column.slotType === "datetime")), r = $(() => l.column.type === "dateRange" || l.column.type === "slot" && l.column.slotType === "dateRange"), a = $(() => l.column.type === "list" || l.column.type === "slot" && l.column.slotType === "list"), i = $(() => a.value && l.column.listType === "number"), f = $(() => l.column.type === "string" || l.column.type === "slot" && l.column.slotType === "string"), y = $(() => l.column.format === le.INTEGER ? le.DECIMAL : l.column.format ?? le.DECIMAL), S = N(!1), v = $(() => S.value || f.value === !1), T = $({
       get() {
         var H, w, U, Q, h, z, Z;
-        let V = (H = d.value) == null ? void 0 : H[0];
-        if (V) {
+        let D = (H = d.value) == null ? void 0 : H[0];
+        if (D) {
           if (p.value) {
             if ((((w = l.filter) == null ? void 0 : w.length) ?? 0) > 1) {
               const re = (U = d.value) == null ? void 0 : U.find((qe) => qe.filterOperation === oe.EQUAL_OR_GREATER_THAN), Ae = (Q = d.value) == null ? void 0 : Q.find((qe) => qe.filterOperation === oe.LESS_THAN);
-              re && Ae && (V = {
+              re && Ae && (D = {
                 filterOnColumn: l.column.field,
                 filterOperation: oe.EQUAL,
                 filterMethod: "equal",
                 filterValue: re.filterValue
               });
-            } else if (V.filterOperation === oe.EQUAL_OR_LESS_THAN || V.filterOperation === oe.GREATER_THAN) {
-              let re = K.fromISO(V.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 }), V = {
+              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: V.filterOperation,
-                filterMethod: V.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 (r.value && (((h = l.filter) == null ? void 0 : h.length) ?? 0) > 1) {
             const re = (z = d.value) == null ? void 0 : z.find((qe) => qe.filterOperation === oe.EQUAL_OR_GREATER_THAN), Ae = (Z = d.value) == null ? void 0 : Z.find((qe) => qe.filterOperation === oe.EQUAL_OR_LESS_THAN);
-            re && Ae && (V = {
+            re && Ae && (D = {
               filterOnColumn: l.column.field,
               filterOperation: oe.EQUAL,
               filterMethod: "equal",
@@ -3844,12 +3844,12 @@ const os = {
             });
           }
         }
-        return V;
+        return D;
       },
-      set(V) {
+      set(D) {
         let H = null;
         if (p.value) {
-          const w = V, U = (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, U = (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 (U) {
             let z = K.fromISO(w.filterValue, {
               zone: l.timeZone ?? "UTC"
@@ -3890,8 +3890,8 @@ const os = {
               }
             ];
           }
-        } else if (r.value && (V != null && V.filterValue)) {
-          const w = V.filterValue, U = K.fromISO(w.start, {
+        } else if (r.value && (D != null && D.filterValue)) {
+          const w = D.filterValue, U = K.fromISO(w.start, {
             zone: l.timeZone ?? "UTC"
           }).toISO(), Q = K.fromISO(w.end, {
             zone: l.timeZone ?? "UTC"
@@ -3912,32 +3912,32 @@ const os = {
           ];
         }
         if (H === null) {
-          const w = V;
+          const w = D;
           H = w && [w];
         }
         if (H && (p.value || r.value))
           for (const w of H)
             l.timeZone ? w.filterValue = K.fromISO(w.filterValue).setZone("UTC").toISO() ?? "" : w.filterValue = w.filterValue.replace("Z", "");
-        v.value ? (d.value = H, S.value = !1) : C(H);
+        (D == null ? void 0 : D.filterValue) === "" || v.value ? (C(!1), d.value = H, S.value = !1) : C(H);
       }
-    }), C = ll((V) => {
-      d.value = V;
+    }), C = ll((D) => {
+      D !== !1 && (d.value = D);
     }, 1e3), B = $({
       get: () => T.value,
-      set(V) {
-        T.value = V;
+      set(D) {
+        T.value = D;
       }
     });
-    function q(V, H, w) {
-      return H !== void 0 && H !== "" && V === w && p.value;
+    function q(D, H, w) {
+      return H !== void 0 && H !== "" && D === w && p.value;
     }
     const F = $(() => {
-      var V;
-      return ((V = T.value) == null ? void 0 : V.filterValue) ?? "";
+      var D;
+      return ((D = T.value) == null ? void 0 : D.filterValue) ?? "";
     }), X = $(() => F.value === "" ? null : F.value), R = $(() => F.value === "" ? null : F.value), J = $(() => ol(l.column));
-    function de(V, H) {
+    function de(D, H) {
       var re;
-      let w, U = (V == null ? void 0 : V.value) ?? H;
+      let w, U = (D == null ? void 0 : D.value) ?? H;
       const Q = ((re = T.value) == null ? void 0 : re.filterValue.toString()) ?? "", h = !!U.trim(), z = !!Q.trim();
       if (h === !1 && z && (U = ""), h || z) {
         if (T.value)
@@ -3955,8 +3955,8 @@ const os = {
         T.value = w;
       }
     }
-    function I(V, H) {
-      let w = (V == null ? void 0 : V.value) ?? H ?? 0;
+    function I(D, H) {
+      let w = (D == null ? void 0 : D.value) ?? H ?? 0;
       if (typeof w == "string") {
         const U = l.column.format === le.INTEGER, Q = (U ? le.DECIMAL : l.column.format) ?? le.DECIMAL;
         w = et(w, Q, { additionalOptions: {
@@ -3966,26 +3966,26 @@ const os = {
       }
       de(null, isNaN(w) ? "" : w.toString());
     }
-    function O(V) {
+    function O(D) {
       var U;
       let H, w = !1;
       if (T.value)
-        w = ((U = T.value) == null ? void 0 : U.filterValue) === V, H = ve(T.value), H.filterValue = V ?? "";
-      else if (V !== null && typeof l.column.field < "u") {
+        w = ((U = T.value) == null ? void 0 : U.filterValue) === D, H = ve(T.value), H.filterValue = D ?? "";
+      else if (D !== null && typeof l.column.field < "u") {
         const Q = c();
         H = {
           filterOnColumn: l.column.field,
           filterMethod: oe[Q].replace("_", "").toLowerCase(),
           filterOperation: Q,
-          filterValue: V
+          filterValue: D
         };
       } else
         return;
       w === !1 && (T.value = H);
     }
     const j = N("");
-    function me(V) {
-      S.value = !1, V === "Enter" && (S.value = !0, de(null, j.value));
+    function me(D) {
+      S.value = !1, D === "Enter" && (S.value = !0, de(null, j.value));
     }
     ee(() => F.value, () => {
       j.value = F.value;
@@ -4001,29 +4001,29 @@ const os = {
       dedupe: !0
     });
     const Ce = cl("cl-ui-grid-id") ?? "cl-ui-grid-filter";
-    return (V, H) => {
+    return (D, H) => {
       const w = Se("icon");
-      return V.initialLoad && m(ol)(V.column) ? (u(), P(m(Tl), {
+      return D.initialLoad && m(ol)(D.column) ? (u(), P(m(Tl), {
         key: 0,
         class: "cl-h-[34px]"
       })) : J.value ? (u(), b("div", {
         key: 1,
-        class: A(["cl-border cl-border-grey-2 cl-flex cl-relative cl-rounded-md", [
-          V.options.hideGridMobileView || a.value || V.column.type === "boolean" || V.column.type === "slot" && V.column.slotType === "boolean" ? "cl-overflow-visible" : "cl-overflow-hidden lg:cl-overflow-visible"
+        class: V(["cl-border cl-border-grey-2 cl-flex cl-relative cl-rounded-md", [
+          D.options.hideGridMobileView || a.value || D.column.type === "boolean" || D.column.type === "slot" && D.column.slotType === "boolean" ? "cl-overflow-visible" : "cl-overflow-hidden lg:cl-overflow-visible"
         ]])
       }, [
-        V.column.type === "boolean" || V.column.type === "slot" && V.column.slotType === "boolean" ? (u(), P(wl, {
+        D.column.type === "boolean" || D.column.type === "slot" && D.column.slotType === "boolean" ? (u(), P(wl, {
           key: 0,
           id: "`${gridId}-${column.name}`",
-          disabled: V.loading,
+          disabled: D.loading,
           "is-grid-filter": !0,
           class: "!cl-border-t !cl-min-h-0 !cl-rounded-lg cl-bg-white cl-font-normal",
           "model-value": F.value,
           "onUpdate:modelValue": H[0] || (H[0] = (U) => de(null, U))
         }, {
-          input: D(({ selectModalVisible: U, toggleSelectModalState: Q }) => [
+          input: E(({ selectModalVisible: U, toggleSelectModalState: Q }) => [
             k(sl, { onToggleModal: Q }, {
-              default: D(({ toggleModalInput: h }) => [
+              default: E(({ toggleModalInput: h }) => [
                 g("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
@@ -4031,7 +4031,7 @@ const os = {
                   g("span", ds, M(F.value === "" ? "" : F.value === "true" ? m(s)("grid.true") : m(s)("grid.false")), 1),
                   g("div", {
                     class: "cl-absolute cl-flex cl-items-center cl-right-11 cl-text-grey-3 cl-z-10",
-                    disabled: V.loading
+                    disabled: D.loading
                   }, [
                     k(w, {
                       icon: U ? "ph:caret-up-bold" : "ph:caret-down-bold"
@@ -4042,12 +4042,12 @@ const os = {
               _: 2
             }, 1032, ["onToggleModal"])
           ]),
-          default: D(({ select: U }) => [
+          default: E(({ select: U }) => [
             k(ze, {
               class: "!cl-py-0 cl-text-xs",
               onSelect: (Q) => U("")
             }, {
-              default: D(() => [
+              default: E(() => [
                 se("   ")
               ]),
               _: 2
@@ -4057,7 +4057,7 @@ const os = {
               class: "!cl-py-0 cl-text-xs",
               onSelect: (Q) => U("true")
             }, {
-              default: D(() => [
+              default: E(() => [
                 se(M(m(s)("grid.true")), 1)
               ]),
               _: 2
@@ -4067,7 +4067,7 @@ const os = {
               class: "!cl-py-0 cl-text-xs",
               onSelect: (Q) => U("false")
             }, {
-              default: D(() => [
+              default: E(() => [
                 se(M(m(s)("grid.false")), 1)
               ]),
               _: 2
@@ -4076,82 +4076,82 @@ const os = {
           _: 1
         }, 8, ["disabled", "model-value"])) : p.value ? (u(), b("div", fs, [
           k(dt, {
-            id: `${m(Ce)}-${V.column.name}`,
+            id: `${m(Ce)}-${D.column.name}`,
             "model-value": X.value,
-            "time-zone": V.timeZone,
-            readonly: V.loading,
-            type: V.column.type === "slot" ? V.column.slotType : V.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": H[1] || (H[1] = (U) => de(null, U ?? ""))
           }, null, 8, ["id", "model-value", "time-zone", "readonly", "type"])
         ])) : r.value ? (u(), b("div", ms, [
           k(ct, {
-            id: `${m(Ce)}-${V.column.name}`,
+            id: `${m(Ce)}-${D.column.name}`,
             "model-value": R.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: V.loading,
-            "time-zone": V.headerDisplayTimezone,
-            "quick-date-scope": V.quickDateScope,
+            disabled: D.loading,
+            "time-zone": D.headerDisplayTimezone,
+            "quick-date-scope": D.quickDateScope,
             "popover-placement": "bottom-start",
             "onUpdate:modelValue": H[2] || (H[2] = (U) => O(U))
           }, null, 8, ["id", "model-value", "disabled", "time-zone", "quick-date-scope"])
-        ])) : V.column.type === "number" || V.column.type === "slot" && V.column.slotType === "number" ? (u(), b("div", gs, [
+        ])) : D.column.type === "number" || D.column.type === "slot" && D.column.slotType === "number" ? (u(), b("div", gs, [
           k(Je, {
-            id: `${m(Ce)}-${V.column.name}`,
+            id: `${m(Ce)}-${D.column.name}`,
             "model-value": F.value === "" || isNaN(+F.value) ? null : +F.value,
             format: y.value,
-            precision: V.column.format === m(le).INTEGER ? 0 : m(Sl)(y.value, { locale: m(n), additionalOptions: { maximumFractionDigits: V.column.precision ?? 2 } }).maximumFractionDigits,
+            precision: D.column.format === m(le).INTEGER ? 0 : m(Sl)(y.value, { locale: m(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: V.loading,
+            readonly: D.loading,
             "show-arrows": !1,
             "allow-empty": !0,
             "onUpdate:modelValue": H[3] || (H[3] = (U) => U !== null ? I(null, U) : de(null, ""))
           }, {
-            default: D(() => [
+            default: E(() => [
               vs
             ]),
             _: 1
           }, 8, ["id", "model-value", "format", "precision", "readonly"])
-        ])) : V.column.type === "string" || V.column.type === "slot" && V.column.slotType === "string" ? (u(), b("div", bs, [
+        ])) : D.column.type === "string" || D.column.type === "slot" && D.column.slotType === "string" ? (u(), b("div", bs, [
           k(Re, {
-            id: `${m(Ce)}-${V.column.name}`,
+            id: `${m(Ce)}-${D.column.name}`,
             modelValue: j.value,
             "onUpdate:modelValue": [
               H[4] || (H[4] = (U) => j.value = U),
               H[5] || (H[5] = (U) => de(null, U))
             ],
             class: "cl-border-none cl-font-normal cl-h-[2rem] cl-px-3 cl-text-xs lg:cl-text-base readonly-filter",
-            readonly: V.loading,
+            readonly: D.loading,
             onKeySinglePress: me
           }, {
-            default: D(() => [
+            default: E(() => [
               hs
             ]),
             _: 1
           }, 8, ["id", "modelValue", "readonly"])
         ])) : a.value ? (u(), P(wl, {
           key: 5,
-          id: `${m(Ce)}-${V.column.name}`,
+          id: `${m(Ce)}-${D.column.name}`,
           "model-value": F.value,
           class: "!cl-border-t !cl-max-h-52 !cl-min-h-0 !cl-rounded-lg cl-bg-white cl-font-normal",
-          disabled: V.loading,
+          disabled: D.loading,
           "is-grid-filter": !0,
           "onUpdate:modelValue": H[6] || (H[6] = (U) => i.value ? I(null, U) : de(null, U))
         }, {
-          input: D(({ selectModalVisible: U, toggleSelectModalState: Q }) => [
+          input: E(({ selectModalVisible: U, toggleSelectModalState: Q }) => [
             k(sl, { onToggleModal: Q }, {
-              default: D(({ toggleModalInput: h }) => {
+              default: E(({ toggleModalInput: h }) => {
                 var z, Z;
                 return [
                   g("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
                   }, [
-                    g("span", ws, M(m(s)(((Z = (z = V.column.listEntries) == null ? void 0 : z.find((re) => re.value.toString() === F.value)) == null ? void 0 : Z.translationKey) ?? "")), 1),
+                    g("span", ws, M(m(s)(((Z = (z = D.column.listEntries) == null ? void 0 : z.find((re) => re.value.toString() === F.value)) == null ? void 0 : Z.translationKey) ?? "")), 1),
                     g("div", {
                       class: "cl-absolute cl-flex cl-items-center cl-right-11 cl-text-grey-3 cl-z-10",
-                      disabled: V.loading
+                      disabled: D.loading
                     }, [
                       k(w, {
                         icon: U ? "ph:caret-up-bold" : "ph:caret-down-bold"
@@ -4163,23 +4163,23 @@ const os = {
               _: 2
             }, 1032, ["onToggleModal"])
           ]),
-          default: D(({ select: U }) => [
+          default: E(({ select: U }) => [
             k(ze, {
               class: "!cl-py-0",
               onSelect: (Q) => U("")
             }, {
-              default: D(() => [
+              default: E(() => [
                 se("   ")
               ]),
               _: 2
             }, 1032, ["onSelect"]),
-            (u(!0), b(W, null, _(V.column.listEntries ?? [], (Q) => (u(), P(ze, {
+            (u(!0), b(W, null, _(D.column.listEntries ?? [], (Q) => (u(), P(ze, {
               key: Q.value,
               "is-selected": F.value === Q.value.toString(),
               class: "cl-text-xs",
               onSelect: (h) => U(Q.value)
             }, {
-              default: D(() => [
+              default: E(() => [
                 se(M(m(s)(Q.translationKey)), 1)
               ]),
               _: 2
@@ -4191,15 +4191,15 @@ const os = {
           key: 6,
           filter: B.value,
           "onUpdate:filter": H[7] || (H[7] = (U) => B.value = U),
-          loading: V.loading,
-          column: V.column,
+          loading: D.loading,
+          column: D.column,
           "default-operation": c(),
           onSelectionChanged: H[8] || (H[8] = (U) => S.value = !0)
         }, null, 8, ["filter", "loading", "column", "default-operation"]))
       ], 2)) : L("", !0);
     };
   }
-}), Cs = /* @__PURE__ */ ye(ks, [["__scopeId", "data-v-59ca84b3"]]), Ts = ["onClick"], Ss = { key: 1 }, qs = ["onClick"], Os = { class: "cl-font-normal cl-mr-1" }, Ds = /* @__PURE__ */ G({
+}), Cs = /* @__PURE__ */ ye(ks, [["__scopeId", "data-v-821d32cc"]]), Ts = ["onClick"], Ss = { key: 1 }, qs = ["onClick"], Os = { class: "cl-font-normal cl-mr-1" }, Ds = /* @__PURE__ */ G({
   __name: "cl-ui-grid-header",
   props: {
     request: {},
@@ -4240,18 +4240,18 @@ const os = {
       }
     }
     return (r, a) => (u(), b("thead", {
-      class: A(["-cl-top-1 cl-bg-white cl-z-20", [
+      class: V(["-cl-top-1 cl-bg-white cl-z-20", [
         r.options.hideGridMobileView ? "cl-relative" : "cl-shadow-sm cl-sticky lg:cl-bg-transparent lg:cl-relative lg:cl-shadow-none"
       ]])
     }, [
       g("tr", {
-        class: A(["cl-table-row", {
+        class: V(["cl-table-row", {
           "cl-hidden lg:cl-table-row": r.options.hideGridMobileView === !1
         }])
       }, [
         (u(!0), b(W, null, _(r.columns, (i, f) => (u(), b("th", {
           key: f,
-          class: A(["cl-text-grey-3 cl-text-sm", {
+          class: V(["cl-text-grey-3 cl-text-sm", {
             "cl-cursor-pointer": m(el)(i) && r.loading === !1
           }]),
           onClick: (y) => m(el)(i) && r.loading === !1 ? d(i.field) : () => {
@@ -4275,13 +4275,13 @@ const os = {
         ], 10, Ts))), 128))
       ], 2),
       g("tr", {
-        class: A(["cl-border cl-border-grey-2 cl-flex cl-flex-wrap cl-p-2 lg:cl-border-none lg:cl-p-0 lg:cl-table-row", {
+        class: V(["cl-border cl-border-grey-2 cl-flex cl-flex-wrap cl-p-2 lg:cl-border-none lg:cl-p-0 lg:cl-table-row", {
           "cl-hidden lg:cl-table-row": !r.filterPanelOpen && r.options.hideGridMobileView === !1,
           "cl-border-none cl-p-0 cl-table-row": r.options.hideGridMobileView
         }])
       }, [
         g("div", {
-          class: A(["cl-flex cl-justify-end cl-w-full lg:cl-hidden", {
+          class: V(["cl-flex cl-justify-end cl-w-full lg:cl-hidden", {
             "cl-hidden": r.options.hideGridMobileView
           }])
         }, [
@@ -4294,7 +4294,7 @@ const os = {
         ], 2),
         (u(!0), b(W, null, _(r.columns, (i, f) => (u(), b("th", {
           key: f,
-          class: A(["cl-py-1 cl-text-xs lg:cl-table-cell lg:cl-w-auto", [
+          class: V(["cl-py-1 cl-text-xs lg:cl-table-cell lg:cl-w-auto", [
             r.options.hideGridMobileView ? "cl-table-cell cl-w-auto" : "cl-grid cl-grid-cols-4 cl-w-full",
             {
               "cl-hidden": !m(ol)(i) && r.options.hideGridMobileView == !1
@@ -4302,13 +4302,13 @@ const os = {
           ]])
         }, [
           g("div", {
-            class: A(["cl-col-span-2 lg:cl-hidden", {
+            class: V(["cl-col-span-2 lg:cl-hidden", {
               "cl-hidden": r.options.hideGridMobileView
             }])
           }, M(i.caption), 3),
           m(el)(i) ? (u(), b("div", {
             key: 0,
-            class: A(["cl-col-span-2 cl-gap-1 cl-span lg:cl-hidden", {
+            class: V(["cl-col-span-2 cl-gap-1 cl-span lg:cl-hidden", {
               "cl-hidden": r.options.hideGridMobileView
             }]),
             onClick: (y) => r.loading === !1 ? d(i.field) : void 0
@@ -4361,7 +4361,7 @@ const os = {
       set: (r) => s("update:request", r)
     });
     function c(r) {
-      r === "" && (e.value = r);
+      d(!1), r === "" && (e.value = r);
       const a = n.value.filters.filter((i) => i.filterMethod !== "andcontains" && i.filterOperation !== oe.AND_CONTAINS);
       for (const i of l.columns)
         i.field && r && a.push({
@@ -4376,34 +4376,36 @@ const os = {
       };
     }
     ee(() => l.columns, () => c(e.value));
-    const d = ll(c, 1e3), { t: p } = ce();
+    const d = ll((r) => {
+      r !== !1 && c(r);
+    }, 1e3), { t: p } = ce();
     return (r, a) => {
       const i = Se("icon");
-      return E(r.$slots, "search", ie(pe({ searchValue: e.value, performSearch: c })), () => [
+      return A(r.$slots, "search", ie(pe({ searchValue: e.value, performSearch: c })), () => [
         g("div", Es, [
           g("div", As, [
             k(Re, {
               modelValue: e.value,
               "onUpdate:modelValue": [
                 a[0] || (a[0] = (f) => e.value = f),
-                m(d)
+                a[1] || (a[1] = (f) => f === "" ? c(f) : m(d)(f))
               ],
               class: "cl-box-border cl-font-light cl-p-2 cl-placeholder-grey-3 cl-pr-9 cl-text-sm",
               type: "search",
               placeholder: r.columns.length > 4 ? m(p)("grid.search") : m(p)("grid.searchSpecific", { columns: r.columns.map((f) => f.caption).join(", ") }),
-              onKeypress: a[1] || (a[1] = we((f) => c(e.value), ["enter"]))
+              onKeypress: a[2] || (a[2] = we((f) => c(e.value), ["enter"]))
             }, {
-              default: D(() => [
+              default: E(() => [
                 Vs
               ]),
               _: 1
-            }, 8, ["modelValue", "placeholder", "onUpdate:modelValue"])
+            }, 8, ["modelValue", "placeholder"])
           ]),
           e.value ? (u(), P(i, {
             key: 0,
             class: "cl-absolute cl-cursor-pointer cl-right-1 cl-text-grey-4 cl-top-3 cl-z-10 hover:cl-text-link-light lg:cl-right-4",
             icon: "ph:x-bold",
-            onClick: a[2] || (a[2] = ae((f) => c(""), ["prevent"]))
+            onClick: a[3] || (a[3] = ae((f) => c(""), ["prevent"]))
           })) : L("", !0)
         ])
       ]);
@@ -4437,14 +4439,14 @@ const os = {
         disabled: r.loading,
         onClick: a[0] || (a[0] = ae((i) => n.value = !0, ["prevent"]))
       }), {
-        default: D(() => [
+        default: E(() => [
           se(M(m(s)("grid.manageView")), 1)
         ]),
         _: 1
       }, 16, ["disabled"]),
       (u(), P(kl, { to: "body" }, [
         k(Ie, { name: "slide-left" }, {
-          default: D(() => [
+          default: E(() => [
             te(g("div", Ms, [
               g("div", Ns, [
                 k(m(x), {
@@ -4610,13 +4612,13 @@ const os = {
         "onUpdate:request": O[1] || (O[1] = (j) => f.value = j),
         columns: R.value
       }, {
-        search: D((j) => [
-          E(I.$slots, "search", ie(pe(j)))
+        search: E((j) => [
+          A(I.$slots, "search", ie(pe(j)))
         ]),
         _: 3
       }, 8, ["search-value", "request", "columns"])) : L("", !0),
       k(Ie, { name: "fade" }, {
-        default: D(() => [
+        default: E(() => [
           I.loading && J.value === !1 ? (u(), b("div", Ks, [
             k(Ye, { class: "after:!cl-h-20 after:!cl-w-20 cl-h-20 cl-w-20" })
           ])) : L("", !0)
@@ -4635,10 +4637,10 @@ const os = {
         "initial-load": J.value,
         onClearFilters: y
       }, {
-        "additional-grid-actions": D((j) => [
-          E(I.$slots, "additional-grid-actions", ie(pe(j)))
+        "additional-grid-actions": E((j) => [
+          A(I.$slots, "additional-grid-actions", ie(pe(j)))
         ]),
-        "view-manager": D(() => [
+        "view-manager": E(() => [
           k(Zs, {
             columns: d.value,
             "onUpdate:columns": O[2] || (O[2] = (j) => d.value = j),
@@ -4649,12 +4651,12 @@ const os = {
       }, 8, ["edit-mode", "filter-panel-open", "columns", "options", "request", "loading", "initial-load"]),
       g("div", Qs, [
         g("table", {
-          class: A(["cl-delay-75 cl-min-h-[276px] cl-overflow-x-auto cl-overscroll-x-none cl-text-left cl-transition-opacity cl-w-full", {
+          class: V(["cl-delay-75 cl-min-h-[276px] cl-overflow-x-auto cl-overscroll-x-none cl-text-left cl-transition-opacity cl-w-full", {
             "cl-opacity-40 cl-pointer-events-none": I.loading && J.value === !1
           }])
         }, [
           g("colgroup", {
-            class: A([
+            class: V([
               I.options.hideGridMobileView ? "cl-table-column-group" : "cl-hidden lg:cl-table-column-group"
             ])
           }, [
@@ -4694,8 +4696,8 @@ const os = {
           }, he({ _: 2 }, [
             _(I.$slots, (j, me) => ({
               name: me,
-              fn: D((ge) => [
-                E(I.$slots, me, Y(ge, { disabled: I.loading }))
+              fn: E((ge) => [
+                A(I.$slots, me, Y(ge, { disabled: I.loading }))
               ])
             }))
           ]), 1032, ["columns", "request", "data", "time-zone", "loading", "initial-load", "search-value", "options", "edit-mode"])
@@ -4781,8 +4783,8 @@ const os = {
           }, he({ _: 2 }, [
             _(y.$slots, (v, T) => ({
               name: T,
-              fn: D((C) => [
-                E(y.$slots, T, ie(pe(C)))
+              fn: E((C) => [
+                A(y.$slots, T, ie(pe(C)))
               ])
             }))
           ]), 1032, ["grid-id", "columns", "data", "options", "page-size", "time-zone", "initial-load"])
@@ -4856,12 +4858,12 @@ const Xs = { class: "cl-col-[1_/_-1] cl-grid cl-grid-cols-subgrid" }, er = ["id"
           }
         }), [
           g("span", {
-            class: A(["cl-tracking-wide cl-whitespace-nowrap", {
+            class: V(["cl-tracking-wide cl-whitespace-nowrap", {
               "cl-opacity-0": n.initialLoad
             }])
           }, M(p.caption ? m(l)(p.caption) : p.name), 3),
           te(g("div", {
-            class: A(["cl-px-0.5 cl-py-1 cl-rounded hover:cl-bg-link-lighter", {
+            class: V(["cl-px-0.5 cl-py-1 cl-rounded hover:cl-bg-link-lighter", {
               "cl-bg-link-lighter": e(p, !1) || e(p, !0),
               "cl-opacity-0": n.initialLoad
             }])
@@ -4899,7 +4901,7 @@ const Xs = { class: "cl-col-[1_/_-1] cl-grid cl-grid-cols-subgrid" }, er = ["id"
     }, [
       (u(!0), b(W, null, _(t.columnCount, (s) => (u(), b("div", {
         key: s,
-        class: A(["cl-border-off-white cl-p-2 cl-w-full", {
+        class: V(["cl-border-off-white cl-p-2 cl-w-full", {
           "cl-border-r": s !== s - 1
         }])
       }, "   ", 2))), 128))
@@ -4930,8 +4932,8 @@ const Xs = { class: "cl-col-[1_/_-1] cl-grid cl-grid-cols-subgrid" }, er = ["id"
       }), he({ _: 2 }, [
         _(t.$slots, (n, c) => ({
           name: c,
-          fn: D((d) => [
-            E(t.$slots, c, ie(pe(d)))
+          fn: E((d) => [
+            A(t.$slots, c, ie(pe(d)))
           ])
         }))
       ]), 1040, ["id", "data", "time-zone", "column", "is-small-grid", "class"]))), 128))
@@ -4959,11 +4961,11 @@ const Xs = { class: "cl-col-[1_/_-1] cl-grid cl-grid-cols-subgrid" }, er = ["id"
           "column-count": n.columns.length
         }, null, 8, ["page-size", "column-count"])) : (((d = n.data) == null ? void 0 : d.results.length) ?? 0) < 1 && n.initialLoad === !1 ? (u(), b("div", {
           key: 1,
-          class: A(["cl-col-[1_/_-1] cl-text-center cl-w-full", [
+          class: V(["cl-col-[1_/_-1] cl-text-center cl-w-full", [
             e.value ? "cl-p-1" : "cl-p-2"
           ]])
         }, [
-          E(n.$slots, "noData", {}, () => [
+          A(n.$slots, "noData", {}, () => [
             se(M(m(l)("grid.noData")), 1)
           ])
         ], 2)) : (u(!0), b(W, { key: 2 }, _(n.data.results, (p, r) => (u(), P(vt, {
@@ -4972,7 +4974,7 @@ const Xs = { class: "cl-col-[1_/_-1] cl-grid cl-grid-cols-subgrid" }, er = ["id"
           "grid-id": `${n.gridId}-r${r}`,
           row: p,
           columns: n.columns,
-          class: A(
+          class: V(
             {
               "cl-border-b cl-border-off-white": r !== n.data.results.length - 1,
               "cl-bg-off-white cl-bg-opacity-75": r % 2 != 0 && s.value
@@ -4983,8 +4985,8 @@ const Xs = { class: "cl-col-[1_/_-1] cl-grid cl-grid-cols-subgrid" }, er = ["id"
         }, he({ _: 2 }, [
           _(n.$slots, (a, i) => ({
             name: i,
-            fn: D((f) => [
-              E(n.$slots, i, ie(pe(f)))
+            fn: E((f) => [
+              A(n.$slots, i, ie(pe(f)))
             ])
           }))
         ]), 1032, ["id", "grid-id", "row", "columns", "class", "time-zone", "is-small-grid"]))), 128))
@@ -5063,7 +5065,7 @@ const Xs = { class: "cl-col-[1_/_-1] cl-grid cl-grid-cols-subgrid" }, er = ["id"
           a.isSmallGrid ? "cl-px-1 cl-py-1.5 cl-text-xs" : "cl-p-2 cl-text-sm"
         ]
       }, e), [
-        a.$slots[a.column.name] ? E(a.$slots, a.column.name, ie(Y({ key: 0 }, { column: a.column, data: a.data }))) : a.column.type === "boolean" && a.column.field !== void 0 ? (u(), P(dl, {
+        a.$slots[a.column.name] ? A(a.$slots, a.column.name, ie(Y({ key: 0 }, { column: a.column, data: a.data }))) : a.column.type === "boolean" && a.column.field !== void 0 ? (u(), P(dl, {
           key: 1,
           id: m(l),
           class: "disabled:checked:cl-bg-primary-light disabled:checked:cl-border-primary-light",
@@ -5157,7 +5159,7 @@ const yt = /* @__PURE__ */ ye(ir, [["render", fr]]), mr = { class: "cl-flex cl-g
       const f = Se("icon");
       return a.initialLoad ? (u(), P(yt, { key: 0 })) : (y = a.data) != null && y.results.length && l.value && s.value > 1 ? (u(), b("div", {
         key: 1,
-        class: A(["cl-border-off-white cl-border-t cl-flex cl-justify-between cl-p-2 cl-text-grey-4", [
+        class: V(["cl-border-off-white cl-border-t cl-flex cl-justify-between cl-p-2 cl-text-grey-4", [
           a.isSmallGrid ? "cl-px-1 cl-py-1.5 cl-text-xs" : "cl-p-2 cl-text-sm"
         ]])
       }, [
@@ -5171,7 +5173,7 @@ const yt = /* @__PURE__ */ ye(ir, [["render", fr]]), mr = { class: "cl-flex cl-g
             (u(!0), b(W, null, _(p.value, (S, v) => (u(), b("li", {
               id: `${a.gridId}-page-size-${S}`,
               key: v,
-              class: A(["cl-border-b cl-px-1", {
+              class: V(["cl-border-b cl-px-1", {
                 "cl-text-link-default": l.value.pageSize === S,
                 "cl-border-b-transparent hover:cl-border-b-link-lighter hover:cl-text-link-light cl-cursor-pointer": l.value.pageSize !== S
               }]),
@@ -5183,7 +5185,7 @@ const yt = /* @__PURE__ */ ye(ir, [["render", fr]]), mr = { class: "cl-flex cl-g
           g("ul", yr, [
             g("li", {
               id: `${a.gridId}-page-first`,
-              class: A({
+              class: V({
                 "cl-text-grey-2 cl-pointer-events-none": l.value.pageNumber === 1,
                 "cl-cursor-pointer": l.value.pageNumber > 1
               }),
@@ -5196,7 +5198,7 @@ const yt = /* @__PURE__ */ ye(ir, [["render", fr]]), mr = { class: "cl-flex cl-g
             ], 10, wr),
             g("li", {
               id: `${a.gridId}-page-previous`,
-              class: A({
+              class: V({
                 "cl-cursor-pointer": l.value.pageNumber > 1,
                 "cl-text-grey-2 cl-pointer-events-none": l.value.pageNumber < 2
               }),
@@ -5210,7 +5212,7 @@ const yt = /* @__PURE__ */ ye(ir, [["render", fr]]), mr = { class: "cl-flex cl-g
             (u(!0), b(W, null, _(n.value, (S, v) => (u(), b("li", {
               id: `${a.gridId}-page-${S}`,
               key: v,
-              class: A(["cl-border cl-border-grey-2 cl-px-1.5 cl-rounded hover:cl-bg-primary-lighter", {
+              class: V(["cl-border cl-border-grey-2 cl-px-1.5 cl-rounded hover:cl-bg-primary-lighter", {
                 "cl-text-secondary-default cl-bg-primary-lighter cl-border-primary-lighter": l.value.pageNumber === S,
                 "cl-cursor-pointer ": l.value.pageNumber !== S
               }]),
@@ -5218,7 +5220,7 @@ const yt = /* @__PURE__ */ ye(ir, [["render", fr]]), mr = { class: "cl-flex cl-g
             }, M(m($e)(S)), 11, kr))), 128)),
             g("li", {
               id: `${a.gridId}-page-next`,
-              class: A({
+              class: V({
                 "cl-text-grey-2 cl-pointer-events-none": l.value.pageNumber >= s.value,
                 "cl-cursor-pointer": l.value.pageNumber < s.value
               }),
@@ -5231,7 +5233,7 @@ const yt = /* @__PURE__ */ ye(ir, [["render", fr]]), mr = { class: "cl-flex cl-g
             ], 10, Cr),
             g("li", {
               id: `${a.gridId}-page-last`,
-              class: A({
+              class: V({
                 "cl-text-grey-2 cl-pointer-events-none": l.value.pageNumber >= s.value,
                 "cl-cursor-pointer": l.value.pageNumber < s.value
               }),
@@ -5258,15 +5260,15 @@ const yt = /* @__PURE__ */ ye(ir, [["render", fr]]), mr = { class: "cl-flex cl-g
     return Qe(s, () => {
       (l.isOpen ?? !1) && e("open-click");
     }), (n, c) => (u(), b("header", Sr, [
-      E(n.$slots, "logo"),
+      A(n.$slots, "logo"),
       g("div", {
         ref_key: "headerMenuElement",
         ref: s,
         class: "cl-cursor-pointer cl-flex cl-flex-nowrap",
         onClick: c[0] || (c[0] = (d) => n.$emit("open-click"))
       }, [
-        E(n.$slots, "menu"),
-        E(n.$slots, "icon")
+        A(n.$slots, "menu"),
+        A(n.$slots, "icon")
       ], 512)
     ]));
   }
@@ -5289,7 +5291,7 @@ const yt = /* @__PURE__ */ ye(ir, [["render", fr]]), mr = { class: "cl-flex cl-g
   },
   setup(o) {
     return (t, l) => (u(), b("div", {
-      class: A(["md:cl-relative", {
+      class: V(["md:cl-relative", {
         "cl-bg-primary-default": t.colour === "default",
         "cl-bg-blue-light": t.colour === "secondary"
       }])
@@ -5307,7 +5309,7 @@ const yt = /* @__PURE__ */ ye(ir, [["render", fr]]), mr = { class: "cl-flex cl-g
           height: "48"
         })),
         g("div", {
-          class: A(["cl-grow cl-hidden cl-my-4 md:cl-block", {
+          class: V(["cl-grow cl-hidden cl-my-4 md:cl-block", {
             "cl-text-secondary-default": t.colour === "default",
             "cl-text-white": t.colour === "secondary"
           }])
@@ -5317,7 +5319,7 @@ const yt = /* @__PURE__ */ ye(ir, [["render", fr]]), mr = { class: "cl-flex cl-g
         ], 2),
         g("div", Vr, [
           k(m(x), {
-            class: A(["cl-transform-gpu cl-transition-transform", {
+            class: V(["cl-transform-gpu cl-transition-transform", {
               "cl-rotate-180": t.isOpen,
               "cl-text-secondary-default": t.colour === "default",
               "cl-text-white": t.colour === "secondary"
@@ -5327,9 +5329,9 @@ const yt = /* @__PURE__ */ ye(ir, [["render", fr]]), mr = { class: "cl-flex cl-g
         ])
       ]),
       k(Ie, { name: "fade" }, {
-        default: D(() => [
+        default: E(() => [
           te(g("div", Ir, [
-            E(t.$slots, "default")
+            A(t.$slots, "default")
           ], 512), [
             [ue, t.isOpen]
           ])
@@ -5415,7 +5417,7 @@ const yt = /* @__PURE__ */ ye(ir, [["render", fr]]), mr = { class: "cl-flex cl-g
       "hide-time-header": "",
       popover: r.value
     }, {
-      default: D(({ inputValue: X, inputEvents: R }) => [
+      default: E(({ inputValue: X, inputEvents: R }) => [
         k(Ze, Y(q.$attrs, {
           ref_key: "input",
           ref: i,
@@ -5449,7 +5451,7 @@ const yt = /* @__PURE__ */ ye(ir, [["render", fr]]), mr = { class: "cl-flex cl-g
       "initial-page": f.value,
       onDayclick: F[4] || (F[4] = (X) => y.value = null)
     }, {
-      default: D(({ togglePopover: X }) => [
+      default: E(({ togglePopover: X }) => [
         k(Ze, Y(q.$attrs, {
           ref_key: "input",
           ref: i,
@@ -5465,7 +5467,7 @@ const yt = /* @__PURE__ */ ye(ir, [["render", fr]]), mr = { class: "cl-flex cl-g
           })
         }), null, 16, ["type", "required", "disabled", "range-selected", "title", "onTogglePopover"])
       ]),
-      footer: D(() => [
+      footer: E(() => [
         q.quickDateScope !== "none" ? (u(), P(it, {
           key: 0,
           scope: q.quickDateScope,
@@ -5494,7 +5496,7 @@ const yt = /* @__PURE__ */ ye(ir, [["render", fr]]), mr = { class: "cl-flex cl-g
       "hide-time-header": "",
       popover: r.value
     }, {
-      default: D(({ inputValue: X, inputEvents: R }) => [
+      default: E(({ inputValue: X, inputEvents: R }) => [
         k(Ze, Y(q.$attrs, {
           ref_key: "input",
           ref: i,
@@ -5569,7 +5571,7 @@ const yt = /* @__PURE__ */ ye(ir, [["render", fr]]), mr = { class: "cl-flex cl-g
       ref: n,
       type: "text",
       disabled: v.disabled,
-      class: A(["!cl-mb-1 cl-block cl-border cl-duration-300 cl-h-full cl-p-3 cl-rounded-lg cl-transition cl-w-full focus:cl-outline-none", {
+      class: V(["!cl-mb-1 cl-block cl-border cl-duration-300 cl-h-full cl-p-3 cl-rounded-lg cl-transition cl-w-full focus:cl-outline-none", {
         "hover:!cl-border-grey-3": v.disabled === !1,
         "!cl-cursor-default": v.disabled,
         "!cl-border-danger-default": !v.isValid,
@@ -5619,7 +5621,7 @@ const yt = /* @__PURE__ */ ye(ir, [["render", fr]]), mr = { class: "cl-flex cl-g
     }), (r, a) => d.value ? (u(), b("div", ie(Y({ key: 0 }, r.$attrs)), [
       g("div", Br, [
         g("span", {
-          class: A(["cl-border cl-border-transparent cl-leading-6 cl-mr-1 cl-px-2 cl-rounded-full cl-select-none cl-shadow cl-text-center cl-text-xs", {
+          class: V(["cl-border cl-border-transparent cl-leading-6 cl-mr-1 cl-px-2 cl-rounded-full cl-select-none cl-shadow cl-text-center cl-text-xs", {
             "cl-bg-white cl-cursor-pointer hover:cl-border-grey-1": !r.disabled,
             "cl-bg-grey-0": r.disabled
           }]),
@@ -5641,7 +5643,7 @@ const yt = /* @__PURE__ */ ye(ir, [["render", fr]]), mr = { class: "cl-flex cl-g
             disabled: r.disabled,
             placeholder: r.placeholder
           }, {
-            default: D(() => [
+            default: E(() => [
               jr
             ]),
             _: 1
@@ -5668,7 +5670,7 @@ const yt = /* @__PURE__ */ ye(ir, [["render", fr]]), mr = { class: "cl-flex cl-g
           ], 64))
         ]),
         g("span", {
-          class: A(["cl-border cl-border-transparent cl-leading-6 cl-ml-1 cl-px-2 cl-rounded-full cl-select-none cl-shadow cl-text-center cl-text-xs", {
+          class: V(["cl-border cl-border-transparent cl-leading-6 cl-ml-1 cl-px-2 cl-rounded-full cl-select-none cl-shadow cl-text-center cl-text-xs", {
             "cl-bg-white cl-cursor-pointer hover:cl-border-grey-1": !r.disabled,
             "cl-bg-grey-0": r.disabled
           }]),
@@ -5877,7 +5879,7 @@ const xr = { class: "cl-flex cl-justify-between" }, Jr = { class: "cl-w-full" },
     function Ce(h) {
       d.value = h;
     }
-    async function V() {
+    async function D() {
       p.value = !0, Ce(!1), e.validateOn === "change" && await O(f.value);
     }
     function H() {
@@ -5893,7 +5895,7 @@ const xr = { class: "cl-flex cl-justify-between" }, Jr = { class: "cl-w-full" },
       }
     }
     async function Q() {
-      await V(), H();
+      await D(), H();
     }
     return We(() => {
       e.validateImmediately && I(e.modelValue, !0);
@@ -5971,7 +5973,7 @@ const xr = { class: "cl-flex cl-justify-between" }, Jr = { class: "cl-w-full" },
             name: "fade",
             duration: 300
           }, {
-            default: D(() => [
+            default: E(() => [
               h.inputType === "number" && !h.disabled && h.showArrows ? te((u(), b("div", ti, [
                 k(m(x), {
                   icon: "ph:caret-up-bold",
@@ -6011,7 +6013,7 @@ const xr = { class: "cl-flex cl-justify-between" }, Jr = { class: "cl-w-full" },
             "currency-options": J.value,
             onChange: z[7] || (z[7] = (Z, re) => U(Z, re)),
             onFocus: z[8] || (z[8] = (Z) => s("focus")),
-            onBlur: V
+            onBlur: D
           }), null, 16, ["modelValue", "disabled", "placeholder", "is-valid", "highlight-when-valid", "input-specific-classes", "group", "step", "currency-options"])
         ])) : m(Fl)(h.inputType) ? (u(), P(m(Rr), Y({ key: 2 }, h.$attrs, {
           ref_key: "inputElement",
@@ -6033,7 +6035,7 @@ const xr = { class: "cl-flex cl-justify-between" }, Jr = { class: "cl-w-full" },
           "initial-date": h.initialDate,
           "quick-date-scope": h.quickDateScope,
           "date-format-locale": h.dateFormatLocale,
-          onBlur: ae(V, ["self"]),
+          onBlur: ae(D, ["self"]),
           onFocus: z[10] || (z[10] = (Z) => 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" ? (u(), b("div", ai, [
           k(m(Kr), {
@@ -6047,7 +6049,7 @@ const xr = { class: "cl-flex cl-justify-between" }, Jr = { class: "cl-w-full" },
             placeholder: a.value,
             "enforce-step": !0,
             disabled: h.disabled,
-            onBlur: ae(V, ["self"]),
+            onBlur: ae(D, ["self"]),
             onFocus: z[12] || (z[12] = (Z) => s("focus"))
           }, null, 8, ["value", "min", "max", "step", "placeholder", "disabled"])
         ])) : L("", !0)
@@ -6116,19 +6118,19 @@ const pi = {
       a && (n.value = !1);
     }), (a, i) => c.value !== null && m($l)(c.value) ? (u(), b("div", pi, [
       g("div", {
-        class: A(["cl-flex cl-items-center", {
+        class: V(["cl-flex cl-items-center", {
           "cl-cursor-pointer": !a.disabled
         }]),
         onClick: r
       }, [
         g("span", {
-          class: A(["cl-font-semibold cl-text-xs", {
+          class: V(["cl-font-semibold cl-text-xs", {
             "cl-opacity-50": a.disabled
           }])
         }, M(c.value.nativeName), 3)
       ], 2),
       k(Ie, { name: "fade" }, {
-        default: D(() => [
+        default: E(() => [
           te(g("div", fi, [
             (u(!0), b(W, null, _(d.value, (f, y) => (u(), b("div", {
               key: y,
@@ -6179,17 +6181,17 @@ const pi = {
       n
     ], a), (i, f) => (u(), b("div", bi, [
       g("div", hi, [
-        E(i.$slots, "background")
+        A(i.$slots, "background")
       ]),
       g("form", yi, [
         g("div", wi, [
-          E(i.$slots, "logo")
+          A(i.$slots, "logo")
         ]),
         i.$slots["language-switcher"] ? (u(), b("div", $i, [
-          E(i.$slots, "language-switcher")
+          A(i.$slots, "language-switcher")
         ])) : L("", !0),
         g("div", {
-          class: A(["cl-gap-y-4 cl-grid cl-grid-cols-1 lg:cl-gap-x-2 lg:cl-grid-cols-8", {
+          class: V(["cl-gap-y-4 cl-grid cl-grid-cols-1 lg:cl-gap-x-2 lg:cl-grid-cols-8", {
             "cl-col-span-7": !i.$slots["language-switcher"],
             "cl-col-span-6": i.$slots["language-switcher"]
           }])
@@ -6207,7 +6209,7 @@ const pi = {
                   modelValue: s.value,
                   "onUpdate:modelValue": f[0] || (f[0] = (y) => s.value = y),
                   modelModifiers: { trim: !0 },
-                  class: A(["cl-border-2 cl-outline-none cl-p-2 cl-pl-9 cl-text-grey-5 cl-text-sm", {
+                  class: V(["cl-border-2 cl-outline-none cl-p-2 cl-pl-9 cl-text-grey-5 cl-text-sm", {
                     "!cl-border-primary-default hover:!cl-border-grey-3 focus-within:!cl-border-link-light": s.value !== "" && d.value,
                     "!cl-border-danger-dark hover:!cl-border-grey-3 focus-within:!cl-border-link-light": s.value !== "" && !d.value
                   }]),
@@ -6216,7 +6218,7 @@ const pi = {
                   placeholder: m(e)("login.email"),
                   autocomplete: "username"
                 }, {
-                  default: D(() => [
+                  default: E(() => [
                     Si
                   ]),
                   _: 1
@@ -6252,14 +6254,14 @@ const pi = {
                 id: "cl-ui-login-passwordinput",
                 modelValue: n.value,
                 "onUpdate:modelValue": f[3] || (f[3] = (y) => n.value = y),
-                class: A(["cl-border-2 cl-outline-none cl-p-2 cl-px-9 cl-text-grey-5 cl-text-sm", {
+                class: V(["cl-border-2 cl-outline-none cl-p-2 cl-px-9 cl-text-grey-5 cl-text-sm", {
                   "!cl-border-primary-default hover:!cl-border-grey-3 focus-within:!cl-border-link-light": n.value
                 }]),
                 type: c.value,
                 placeholder: m(e)("login.password"),
                 autocomplete: "current-password"
               }, {
-                default: D(() => [
+                default: E(() => [
                   Ei
                 ]),
                 _: 1
@@ -6267,7 +6269,7 @@ const pi = {
             ])
           ]),
           g("div", {
-            class: A(["cl-col-span-2", {
+            class: V(["cl-col-span-2", {
               "cl-mt-1.5 cl-mb-1 md:cl-mt-0.5 md:cl-mb-7 lg:cl-mb-0": i.loading
             }])
           }, [
@@ -6279,7 +6281,7 @@ const pi = {
               disabled: !d.value || n.value === "",
               onClick: ae(r, ["prevent"])
             }, {
-              default: D(() => [
+              default: E(() => [
                 se(M(m(e)("login.login")), 1)
               ]),
               _: 1
@@ -6287,7 +6289,7 @@ const pi = {
           ], 2)
         ], 2),
         k(Ie, { name: "cl-grow-down" }, {
-          default: D(() => {
+          default: E(() => {
             var y;
             return [
               te(g("span", Ai, [
@@ -6373,18 +6375,18 @@ const pi = {
     }, [
       g("div", {
         id: "group-container",
-        class: A(["cl-h-full cl-overflow-y-auto cl-overscroll-y-none cl-pb-20 cl-w-20 cl-z-40 xl:cl-pb-0", {
+        class: V(["cl-h-full cl-overflow-y-auto cl-overscroll-y-none cl-pb-20 cl-w-20 cl-z-40 xl:cl-pb-0", {
           "cl-bg-primary-default": T.colour === "default",
           "cl-bg-blue-dark": T.colour === "secondary"
         }])
       }, [
-        E(T.$slots, "icon", Y({ navcolour: T.colour }, { groupIsOpen: c, toggleOpen: d }), void 0, !0)
+        A(T.$slots, "icon", Y({ navcolour: T.colour }, { groupIsOpen: c, toggleOpen: d }), void 0, !0)
       ], 2),
       a.value ? (u(), b("div", Ni)) : L("", !0),
       k(Ie, { name: "slide-right" }, {
-        default: D(() => [
+        default: E(() => [
           te(g("div", {
-            class: A(["cl-bg-grey-0 cl-border-grey-2 cl-border-r cl-duration-75 cl-h-full cl-min-w-[260px] cl-overflow-y-auto cl-overscroll-y-none cl-p-8 cl-pb-24 cl-top-0 cl-transition-shadow cl-w-[260px] cl-z-30 xl:cl-pb-0", {
+            class: V(["cl-bg-grey-0 cl-border-grey-2 cl-border-r cl-duration-75 cl-h-full cl-min-w-[260px] cl-overflow-y-auto cl-overscroll-y-none cl-p-8 cl-pb-24 cl-top-0 cl-transition-shadow cl-w-[260px] cl-z-30 xl:cl-pb-0", {
               "cl-relative": r.value,
               "cl-absolute cl-left-20 cl-shadow-lg": !r.value
             }])
@@ -6402,7 +6404,7 @@ const pi = {
                   icon: "ph:push-pin"
                 }))
               ]),
-              E(T.$slots, "default", ie(pe({ groupIsOpen: c })), void 0, !0)
+              A(T.$slots, "default", ie(pe({ groupIsOpen: c })), void 0, !0)
             ])
           ], 2), [
             [ue, n.value]
@@ -6421,7 +6423,7 @@ const pi = {
   },
   setup(o) {
     return (t, l) => (u(), b("div", {
-      class: A(["cl-cursor-pointer cl-flex cl-h-20 cl-items-center cl-justify-center cl-transition-colors cl-w-20", {
+      class: V(["cl-cursor-pointer cl-flex cl-h-20 cl-items-center cl-justify-center cl-transition-colors cl-w-20", {
         "cl-text-secondary-default hover:cl-bg-primary-dark hover:cl-text-white": t.colour === "default",
         "cl-bg-primary-darker cl-text-white": t.open && t.colour === "default",
         "cl-text-white hover:cl-bg-blue-light": t.colour === "secondary",
@@ -6445,15 +6447,15 @@ const pi = {
   },
   setup(o) {
     return (t, l) => (u(), b("div", {
-      class: A({
+      class: V({
         "cl-hidden": !t.open
       })
     }, [
       t.$slots.title ? (u(), b("div", Bi, [
-        E(t.$slots, "title")
+        A(t.$slots, "title")
       ])) : L("", !0),
       g("div", Fi, [
-        E(t.$slots, "default")
+        A(t.$slots, "default")
       ])
     ], 2));
   }
@@ -6464,17 +6466,17 @@ const pi = {
 function Wi(o, t) {
   return u(), b("div", Gi, [
     o.$slots.title ? (u(), b("div", Hi, [
-      E(o.$slots, "title")
+      A(o.$slots, "title")
     ])) : L("", !0),
     g("span", Zi, [
-      E(o.$slots, "default")
+      A(o.$slots, "default")
     ])
   ]);
 }
 const Ki = /* @__PURE__ */ ye(Pi, [["render", Wi]]), Qi = {}, Yi = { class: "cl-cursor-pointer cl-transition-colors cl-w-full hover:cl-text-primary-darker" };
 function xi(o, t) {
   return u(), b("div", Yi, [
-    E(o.$slots, "default")
+    A(o.$slots, "default")
   ]);
 }
 const Ji = /* @__PURE__ */ ye(Qi, [["render", xi]]), _i = /* @__PURE__ */ G({
@@ -6525,12 +6527,12 @@ const Ji = /* @__PURE__ */ ye(Qi, [["render", xi]]), _i = /* @__PURE__ */ G({
     }), il(() => window.removeEventListener("resize", i)), t({
       setTab: T
     }), (C, B) => (u(), b("div", {
-      class: A(["cl-w-full", {
+      class: V(["cl-w-full", {
         "cl-flex cl-flex-row cl-gap-4 xl:cl-gap-6 cl-h-full": a.value === !1
       }])
     }, [
       g("div", {
-        class: A(["cl-flex cl-flex-nowrap", [
+        class: V(["cl-flex cl-flex-nowrap", [
           a.value === !1 ? "cl-items-start" : "cl-items-center cl-w-full",
           {
             "cl-border-r cl-h-full cl-border-grey-1": a.value === !1
@@ -6550,14 +6552,14 @@ const Ji = /* @__PURE__ */ ye(Qi, [["render", xi]]), _i = /* @__PURE__ */ G({
         g("div", {
           ref_key: "headerContainer",
           ref: d,
-          class: A(["cl-border-b cl-border-grey-1 cl-flex cl-flex-nowrap cl-flex-row", {
+          class: V(["cl-border-b cl-border-grey-1 cl-flex cl-flex-nowrap cl-flex-row", {
             "cl-mr-4": r.value && a.value,
             "cl-mb-4 xl:cl-mb-6 cl-overflow-x-auto cl-overscroll-x-none cl-w-full": a.value,
             "cl-flex-col cl-border-b-0": a.value === !1
           }]),
           onScrollPassive: i
         }, [
-          E(C.$slots, "headings", ie(pe({ isTabOpen: S, toggleOpen: v, colour: C.colour, layout: C.layout })))
+          A(C.$slots, "headings", ie(pe({ isTabOpen: S, toggleOpen: v, colour: C.colour, layout: C.layout })))
         ], 34),
         r.value && a.value ? (u(), b("div", {
           key: 1,
@@ -6571,11 +6573,11 @@ const Ji = /* @__PURE__ */ ye(Qi, [["render", xi]]), _i = /* @__PURE__ */ G({
         ])) : L("", !0)
       ], 2),
       te(g("div", {
-        class: A(["cl-basis-full", {
+        class: V(["cl-basis-full", {
           "cl-overflow-hidden": C.overflowHidden
         }])
       }, [
-        E(C.$slots, "content", ie(pe({ isTabOpen: S })))
+        A(C.$slots, "content", ie(pe({ isTabOpen: S })))
       ], 2), [
         [ue, c.value]
       ])
@@ -6593,7 +6595,7 @@ const Ji = /* @__PURE__ */ ye(Qi, [["render", xi]]), _i = /* @__PURE__ */ G({
   setup(o) {
     const t = o, l = $(() => t.layout === "horizontal");
     return (e, s) => (u(), b("div", {
-      class: A(["cl-flex cl-font-bold cl-items-center cl-px-4 cl-py-2 cl-whitespace-nowrap xl:cl-px-6 xl:cl-py-3 xl:cl-text-lg", {
+      class: V(["cl-flex cl-font-bold cl-items-center cl-px-4 cl-py-2 cl-whitespace-nowrap xl:cl-px-6 xl:cl-py-3 xl:cl-text-lg", {
         "cl-border-b-4": l.value,
         "cl-border-b-0 cl-border-r-4": l.value === !1,
         "cl-cursor-pointer hover:cl-border-opacity-100 cl-border-link-lighter cl-border-opacity-0 cl-text-secondary-light hover:cl-text-black": e.open === !1 && !e.disabled,
@@ -6606,7 +6608,7 @@ const Ji = /* @__PURE__ */ ye(Qi, [["render", xi]]), _i = /* @__PURE__ */ G({
       }]),
       inert: e.disabled
     }, [
-      E(e.$slots, "default", {}, () => [
+      A(e.$slots, "default", {}, () => [
         se(M(e.title), 1)
       ])
     ], 10, Xi));
@@ -6619,10 +6621,10 @@ const Ji = /* @__PURE__ */ ye(Qi, [["render", xi]]), _i = /* @__PURE__ */ G({
   },
   setup(o) {
     return (t, l) => t.open ? (u(), b("div", lc, [
-      t.$slots.header || t.title ? E(t.$slots, "header", { key: 0 }, () => [
+      t.$slots.header || t.title ? A(t.$slots, "header", { key: 0 }, () => [
         g("h4", tc, M(t.title), 1)
       ]) : L("", !0),
-      E(t.$slots, "default")
+      A(t.$slots, "default")
     ])) : L("", !0);
   }
 }), ac = [
@@ -6704,13 +6706,13 @@ const Ji = /* @__PURE__ */ ye(Qi, [["render", xi]]), _i = /* @__PURE__ */ G({
           disabled: i.disabled,
           onInput: n
         }, null, 40, ic),
-        E(i.$slots, "default")
+        A(i.$slots, "default")
       ], 16)) : (u(), b("input", {
         key: 1,
         ref_key: "fileRefClassic",
         ref: r,
         type: "file",
-        class: A({
+        class: V({
           "cl-cursor-default": i.disabled === !0,
           "cl-cursor-pointer": i.disabled === !1
         }),
@@ -6749,25 +6751,25 @@ const Ji = /* @__PURE__ */ ye(Qi, [["render", xi]]), _i = /* @__PURE__ */ G({
     }), (p, r) => (u(), P(Me, {
       "show-required-asterisk": p.required && p.$slots.label !== void 0
     }, he({
-      label: D(() => [
-        E(p.$slots, "label")
+      label: E(() => [
+        A(p.$slots, "label")
       ]),
-      default: D(() => [
+      default: E(() => [
         g("div", Y(p.$attrs, {
           class: ["cl-flex", {
             "cl-gap-0 [&_>_div:not(:first-child):has(>_input[type=radio])]:cl-pl-2 [&_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": p.orientation === "horizontal",
             "cl-gap-1 cl-flex-col": p.orientation === "vertical"
           }]
         }), [
-          E(p.$slots, "default", { select: n })
+          A(p.$slots, "default", { select: n })
         ], 16)
       ]),
       _: 2
     }, [
       p.$slots["help-text"] ? {
         name: "helpText",
-        fn: D(() => [
-          E(p.$slots, "help-text")
+        fn: E(() => [
+          A(p.$slots, "help-text")
         ]),
         key: "0"
       } : void 0
@@ -6781,14 +6783,14 @@ const Ji = /* @__PURE__ */ ye(Qi, [["render", xi]]), _i = /* @__PURE__ */ G({
   },
   setup(o) {
     return (t, l) => (u(), P(ke, {
-      class: A({
+      class: V({
         "!cl-bg-primary-default cl-border-primary-dark hover:cl-border-primary-dark cl-text-black !cl-bg-opacity-40 cl-font-bold": t.isSelected,
         "cl-border-secondary-light hover:cl-shadow-md cl-border-opacity-40 hover:cl-border-opacity-100 !cl-text-secondary-default hover:cl-bg-primary-default hover:cl-bg-opacity-15 hover:cl-font-bold": t.isSelected === !1,
         "cl-rounded-none ": t.orientation === "horizontal"
       })
     }, {
-      default: D(() => [
-        E(t.$slots, "default")
+      default: E(() => [
+        A(t.$slots, "default")
       ]),
       _: 3
     }, 8, ["class"]));
@@ -6811,7 +6813,7 @@ const Ji = /* @__PURE__ */ ye(Qi, [["render", xi]]), _i = /* @__PURE__ */ G({
         class: "after:checked:cl-bg-secondary-default after:cl-h-1.5 after:cl-m-1 after:cl-rounded-full after:cl-w-1.5 checked:cl-bg-primary-default checked:cl-border-primary-darker cl-appearance-none cl-bg-clip-content cl-border cl-border-grey-3 cl-cursor-pointer cl-flex cl-gap-2 cl-h-4 cl-items-center cl-rounded-full cl-w-4",
         onClick: l[0] || (l[0] = (e) => t.$emit("click"))
       }, null, 8, mc),
-      E(t.$slots, "default")
+      A(t.$slots, "default")
     ]));
   }
 }), gc = /* @__PURE__ */ G({
@@ -6830,8 +6832,8 @@ const Ji = /* @__PURE__ */ ye(Qi, [["render", xi]]), _i = /* @__PURE__ */ G({
       name: t.name,
       onClick: (c) => t.$emit("select", n)
     }, {
-      default: D(() => [
-        E(t.$slots, s, {
+      default: E(() => [
+        A(t.$slots, s, {
           id: t.id + "-radio-" + s
         })
       ]),
@@ -6889,7 +6891,7 @@ const Ji = /* @__PURE__ */ ye(Qi, [["render", xi]]), _i = /* @__PURE__ */ G({
         }]
       }), [
         g("div", {
-          class: A(["cl-flex cl-items-center cl-rounded-lg cl-w-full", {
+          class: V(["cl-flex cl-items-center cl-rounded-lg cl-w-full", {
             "hover:cl-bg-primary-lighter cl-cursor-pointer cl-transition-colors": t.value === !1,
             "cl-gap-3": t.value
           }]),
@@ -6901,19 +6903,19 @@ const Ji = /* @__PURE__ */ ye(Qi, [["render", xi]]), _i = /* @__PURE__ */ G({
         }, [
           k(m(rl), {
             "icon-value": t.value ? "ph:caret-double-left" : c.value ? "ph:caret-double-right" : "ph:list",
-            class: A({
+            class: V({
               "cl-rounded-lg hover:cl-bg-grey-1 cl-text-grey-3 hover:cl-text-secondary-default cl-transition-colors cl-cursor-pointer": t.value,
               "cl-text-secondary-default": t.value === !1
             }),
             onClick: a[0] || (a[0] = ae(() => n(), ["stop"]))
           }, null, 8, ["icon-value", "class"]),
           t.value && r.$slots.menuHeader ? (u(), b("div", vc, [
-            E(r.$slots, "menuHeader")
+            A(r.$slots, "menuHeader")
           ])) : L("", !0)
         ], 34),
         r.$slots.searchInput ? (u(), b("div", {
           key: 0,
-          class: A(["cl-w-full", {
+          class: V(["cl-w-full", {
             "hover:cl-bg-primary-lighter cl-cursor-pointer cl-rounded-lg cl-transition-colors": t.value === !1
           }]),
           onClick: a[4] || (a[4] = () => {
@@ -6922,20 +6924,20 @@ const Ji = /* @__PURE__ */ ye(Qi, [["render", xi]]), _i = /* @__PURE__ */ G({
         }, [
           k(m(rl), {
             "icon-value": "ph:magnifying-glass",
-            class: A({
+            class: V({
               "cl-absolute cl-z-10 cl-text-grey-3": t.value,
               "cl-text-secondary-default": t.value === !1
             })
           }, null, 8, ["class"]),
           t.value ? (u(), b("div", bc, [
-            E(r.$slots, "searchInput")
+            A(r.$slots, "searchInput")
           ])) : L("", !0)
         ], 2)) : L("", !0),
         g("div", hc, [
-          E(r.$slots, "default", ie(pe({ toggleOpen: s, groupIsOpen: e })))
+          A(r.$slots, "default", ie(pe({ toggleOpen: s, groupIsOpen: e })))
         ]),
         r.$slots.footer ? (u(), b("div", yc, [
-          E(r.$slots, "footer", ie(pe({ toggleOpen: s, groupIsOpen: e })))
+          A(r.$slots, "footer", ie(pe({ toggleOpen: s, groupIsOpen: e })))
         ])) : L("", !0)
       ], 16),
       m(d) === !1 && t.value ? (u(), b("div", wc)) : L("", !0)
@@ -6977,8 +6979,8 @@ const Ji = /* @__PURE__ */ ye(Qi, [["render", xi]]), _i = /* @__PURE__ */ G({
         g("div", qc, [
           t.open && t.menuOpen === !0 ? (u(), b("div", Oc, [
             k(m(kt), null, {
-              default: D(() => [
-                E(t.$slots, "default")
+              default: E(() => [
+                A(t.$slots, "default")
               ]),
               _: 3
             })
@@ -7012,7 +7014,7 @@ const Ji = /* @__PURE__ */ ye(Qi, [["render", xi]]), _i = /* @__PURE__ */ G({
     return (t, l) => (u(), b("div", Ac, [
       Vc,
       g("div", Ic, [
-        E(t.$slots, "default")
+        A(t.$slots, "default")
       ])
     ]));
   }
@@ -7020,7 +7022,7 @@ const Ji = /* @__PURE__ */ ye(Qi, [["render", xi]]), _i = /* @__PURE__ */ G({
   __name: "cl-ui-menu-item",
   setup(o) {
     return (t, l) => (u(), b("div", Mc, [
-      E(t.$slots, "default")
+      A(t.$slots, "default")
     ]));
   }
 }), Rc = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({