@citruslime/ui 2.6.6-beta.1 → 2.6.6

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

@@ -1,5 +1,5 @@
 import { Icon as H } from "@iconify/vue";
-import { defineComponent as Q, ref as I, openBlock as p, createElementBlock as y, renderSlot as V, normalizeProps as ce, guardReactiveProps as ve, Fragment as X, createElementVNode as b, normalizeClass as M, createVNode as S, unref as v, Transition as Te, withCtx as Y, withDirectives as le, mergeProps as fe, vShow as te, createBlock as G, Teleport as ll, renderList as se, toDisplayString as q, createCommentVNode as j, nextTick as Fe, computed as R, toHandlers as Vl, withModifiers as ne, useCssVars as Ll, vModelText as Pl, onMounted as Ze, watch as oe, vModelDynamic as Ul, toRefs as Bl, withKeys as Ee, onUnmounted as tl, resolveComponent as Tl, createTextVNode as de, watchEffect as zl, createSlots as al, normalizeStyle as _l } from "vue";
+import { defineComponent as Q, ref as I, openBlock as p, createElementBlock as h, renderSlot as P, normalizeProps as ce, guardReactiveProps as ve, Fragment as X, createElementVNode as b, normalizeClass as V, createVNode as S, unref as v, Transition as Te, withCtx as Y, withDirectives as le, mergeProps as fe, vShow as te, createBlock as G, Teleport as ll, renderList as se, toDisplayString as q, createCommentVNode as F, nextTick as Fe, computed as R, toHandlers as Vl, withModifiers as ne, useCssVars as Ll, vModelText as Pl, onMounted as Ze, watch as oe, vModelDynamic as Ul, toRefs as Bl, withKeys as Ee, onUnmounted as tl, resolveComponent as Tl, createTextVNode as de, watchEffect as zl, createSlots as al, normalizeStyle as _l } from "vue";
 import { generateStringId as Hl, highlightText as xl } from "@citruslime/utils";
 import { useMediaQuery as Gl, useDebounceFn as ol, unrefElement as Zl, tryOnScopeDispose as Kl, onClickOutside as nl, useTimeoutFn as $l, useWindowSize as Ql } from "@vueuse/core";
 import { createI18n as Wl, useI18n as ie } from "vue-i18n";
@@ -26,8 +26,8 @@ const Yl = { class: "cl-overflow-hidden" }, Jl = /* @__PURE__ */ Q({
         o.id !== c && (o.open = !1);
       }), r.open = !r.open);
     }
-    return (c, r) => (p(), y("div", Yl, [
-      V(c.$slots, "default", ce(ve({ isItemOpen: t, toggleItem: n })))
+    return (c, r) => (p(), h("div", Yl, [
+      P(c.$slots, "default", ce(ve({ isItemOpen: t, toggleItem: n })))
     ]));
   }
 }), Xl = { class: "cl-absolute cl-left-5 cl-top-5" }, et = { class: "cl-font-semibold cl-ml-10 cl-p-4 cl-select-none cl-text-grey-5" }, lt = { class: "cl-overflow-hidden" }, tt = /* @__PURE__ */ Q({
@@ -45,9 +45,9 @@ const Yl = { class: "cl-overflow-hidden" }, Jl = /* @__PURE__ */ Q({
     function t() {
       l.disabled || e("toggle");
     }
-    return (n, c) => (p(), y(X, null, [
+    return (n, c) => (p(), h(X, null, [
       b("div", {
-        class: M(["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 Yl = { class: "cl-overflow-hidden" }, Jl = /* @__PURE__ */ Q({
       }, [
         b("div", Xl, [
           S(v(H), {
-            class: M(["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 Yl = { class: "cl-overflow-hidden" }, Jl = /* @__PURE__ */ Q({
           }, null, 8, ["class"])
         ]),
         b("div", et, [
-          V(n.$slots, "title")
+          P(n.$slots, "title")
         ])
       ], 2),
       b("div", lt, [
         S(Te, { name: "grow-down" }, {
           default: Y(() => [
             le(b("div", fe(n.$attrs, { class: "cl-ml-10 cl-p-4" }), [
-              V(n.$slots, "default")
+              P(n.$slots, "default")
             ], 16), [
               [te, n.open]
             ])
@@ -87,8 +87,8 @@ const Yl = { class: "cl-overflow-hidden" }, Jl = /* @__PURE__ */ Q({
   return l;
 }, at = {}, ot = { 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 nt(a, e) {
-  return p(), y("div", ot, [
-    V(a.$slots, "default")
+  return p(), h("div", ot, [
+    P(a.$slots, "default")
   ]);
 }
 const rt = /* @__PURE__ */ ke(at, [["render", nt]]), Pe = I([]);
@@ -112,7 +112,7 @@ const st = ["onClick"], it = { class: "cl-flex-1 cl-select-none cl-text-ellipsis
   setup(a) {
     return (e, l) => (p(), G(ll, { to: e.container }, [
       b("div", {
-        class: M(["cl-fixed cl-w-80 cl-z-50", {
+        class: V(["cl-fixed cl-w-80 cl-z-50", {
           "cl-top-5 cl-left-5": e.position === "top-left",
           "cl-top-5 cl-left-1/2": e.position === "top-centre",
           "cl-top-5 cl-right-5": e.position === "top-right",
@@ -121,7 +121,7 @@ const st = ["onClick"], it = { class: "cl-flex-1 cl-select-none cl-text-ellipsis
           "cl-bottom-5 cl-right-5": e.position === "bottom-right"
         }])
       }, [
-        (p(!0), y(X, null, se(v(Pe), (t, n) => (p(), y("div", fe(e.$attrs, {
+        (p(!0), h(X, null, se(v(Pe), (t, n) => (p(), h("div", fe(e.$attrs, {
           key: n,
           class: ["cl-break-words cl-cursor-pointer cl-flex cl-font-semibold cl-group cl-mb-2 cl-overflow-hidden cl-p-4 cl-rounded cl-shadow-lg cl-text-sm", {
             "cl-bg-white": t.colour === "default",
@@ -149,28 +149,28 @@ const st = ["onClick"], it = { class: "cl-flex-1 cl-select-none cl-text-ellipsis
     removePadding: { type: Boolean, default: !1 }
   },
   setup(a) {
-    return (e, l) => (p(), y(X, null, [
+    return (e, l) => (p(), h(X, null, [
       S(Ol, {
-        class: M({
+        class: V({
           "first:cl-mt-[4.25rem]": e.$slots.header
         })
       }, null, 8, ["class"]),
       b("div", ct, [
-        V(e.$slots, "header"),
+        P(e.$slots, "header"),
         b("div", {
-          class: M(["cl-content-start cl-flex cl-flex-nowrap 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-items-stretch cl-max-h-full cl-relative cl-w-full xl:cl-max-h-screen", {
             "cl-pt-20": e.$slots.header
           }])
         }, [
-          V(e.$slots, "navigation"),
+          P(e.$slots, "navigation"),
           b("div", {
             id: "cl-ui-app-container",
-            class: M(["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": e.removePadding,
               "lg:cl-pb-8 md:cl-px-8 cl-px-2 md:cl-pt-8 cl-pt-2": !e.removePadding
             }])
           }, [
-            V(e.$slots, "default")
+            P(e.$slots, "default")
           ], 2)
         ], 2)
       ])
@@ -179,7 +179,7 @@ const st = ["onClick"], it = { class: "cl-flex-1 cl-select-none cl-text-ellipsis
 });
 const dt = {}, ft = { class: "loading-spinner" };
 function pt(a, e) {
-  return p(), y("div", ft);
+  return p(), h("div", ft);
 }
 const Ke = /* @__PURE__ */ ke(dt, [["render", pt], ["__scopeId", "data-v-a21dc5d2"]]), mt = ["disabled"], be = /* @__PURE__ */ Q({
   inheritAttrs: !1,
@@ -196,7 +196,7 @@ const Ke = /* @__PURE__ */ ke(dt, [["render", pt], ["__scopeId", "data-v-a21dc5d
       focus() {
         l.value && l.value.focus();
       }
-    }), (t, n) => (p(), y(X, null, [
+    }), (t, n) => (p(), h(X, null, [
       le(S(Ke, { class: "relative" }, null, 512), [
         [te, t.loading]
       ]),
@@ -217,7 +217,7 @@ const Ke = /* @__PURE__ */ ke(dt, [["render", pt], ["__scopeId", "data-v-a21dc5d
         }],
         disabled: t.disabled
       }), [
-        V(t.$slots, "default")
+        P(t.$slots, "default")
       ], 16, mt), [
         [te, !t.loading]
       ])
@@ -241,45 +241,45 @@ const Ke = /* @__PURE__ */ ke(dt, [["render", pt], ["__scopeId", "data-v-a21dc5d
     hover: { type: Boolean, default: !1 }
   },
   setup(a) {
-    return (e, l) => (p(), y("div", {
-      class: M(["cl-border cl-border-transparent cl-overflow-hidden cl-relative cl-rounded-md cl-shadow-lg cl-transition-all", {
+    return (e, l) => (p(), h("div", {
+      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": e.hover
       }])
     }, [
-      e.$slots.image ? (p(), y("div", bt, [
-        V(e.$slots, "image")
-      ])) : j("", !0),
-      e.$slots.title ? (p(), y("div", {
+      e.$slots.image ? (p(), h("div", bt, [
+        P(e.$slots, "image")
+      ])) : F("", !0),
+      e.$slots.title ? (p(), h("div", {
         key: 1,
-        class: M(["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": e.size === "small",
           "cl-p-4 cl-text-3xl cl-leading-9": e.size === "medium",
           "cl-p-6 cl-text-4xl cl-leading-10": e.size === "large",
           "cl-border-t": e.$slots.image
         }])
       }, [
-        V(e.$slots, "title")
-      ], 2)) : j("", !0),
+        P(e.$slots, "title")
+      ], 2)) : F("", !0),
       b("div", {
-        class: M(["cl-border-grey-2", {
+        class: V(["cl-border-grey-2", {
           "cl-p-2": e.size === "small",
           "cl-p-4": e.size === "medium",
           "cl-p-6": e.size === "large",
           "cl-border-t": e.$slots.image || e.$slots.title
         }])
       }, [
-        V(e.$slots, "default")
+        P(e.$slots, "default")
       ], 2),
-      e.$slots.footer ? (p(), y("div", {
+      e.$slots.footer ? (p(), h("div", {
         key: 2,
-        class: M(["cl-border-grey-2 cl-border-t", {
+        class: V(["cl-border-grey-2 cl-border-t", {
           "cl-p-2": e.size === "small",
           "cl-p-4": e.size === "medium",
           "cl-p-6": e.size === "large"
         }])
       }, [
-        V(e.$slots, "footer")
-      ], 2)) : j("", !0)
+        P(e.$slots, "footer")
+      ], 2)) : F("", !0)
     ], 2));
   }
 }), yt = [
@@ -634,9 +634,9 @@ const Nt = {
     });
     return e({
       focus: n
-    }), (o, s) => o.type === "dateRange" ? (p(), y("div", Nt, [
+    }), (o, s) => o.type === "dateRange" ? (p(), h("div", Nt, [
       S(be, {
-        class: M(["cl-basis-full cl-border-transparent cl-col-span-4 cl-flex cl-items-center cl-justify-center hover:cl-border-transparent", {
+        class: V(["cl-basis-full cl-border-transparent cl-col-span-4 cl-flex cl-items-center cl-justify-center hover:cl-border-transparent", {
           "cl-text-grey-4 hover:cl-text-grey-3": !o.rangeSelected,
           "cl-text-primary-darker hover:cl-text-primary-dark": o.rangeSelected
         }]),
@@ -651,10 +651,10 @@ const Nt = {
         ]),
         _: 1
       }, 8, ["disabled", "class"]),
-      o.required ? j("", !0) : (p(), G(be, {
+      o.required ? F("", !0) : (p(), G(be, {
         key: 0,
         size: "small",
-        class: M(["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": !o.rangeSelected,
           "cl-text-danger-dark hover:cl-text-danger-default": o.rangeSelected
         }]),
@@ -669,7 +669,7 @@ const Nt = {
         ]),
         _: 1
       }, 8, ["disabled", "class"]))
-    ])) : (p(), y("div", Et, [
+    ])) : (p(), h("div", Et, [
       b("input", fe({
         ref_key: "element",
         ref: t
@@ -680,7 +680,7 @@ const Nt = {
         placeholder: r.value
       }, Vl(o.events, !0)), null, 16, At),
       le(S(v(H), {
-        class: M(["cl-absolute cl-bg-transparent cl-cursor-text cl-left-2 cl-text-grey-4 cl-top-3.5 icon", {
+        class: V(["cl-absolute cl-bg-transparent cl-cursor-text cl-left-2 cl-text-grey-4 cl-top-3.5 icon", {
           "!cl-bg-off-white": o.disabled
         }]),
         icon: o.type === "time" ? "ph-clock" : "ph:calendar",
@@ -688,19 +688,19 @@ const Nt = {
       }, null, 8, ["class", "icon"]), [
         [te, !o.disabled]
       ]),
-      o.disabled ? j("", !0) : (p(), y("div", qt, [
+      o.disabled ? F("", !0) : (p(), h("div", qt, [
         o.type !== "time" ? (p(), G(v(H), {
           key: 0,
           class: "cl-cursor-pointer hover:cl-text-link-light",
           icon: "ph:arrow-counter-clockwise",
           onClick: s[2] || (s[2] = ne((i) => o.$emit("reset"), ["prevent"]))
-        })) : j("", !0),
+        })) : F("", !0),
         !o.required && o.date && (o.type !== "time" || o.date !== "00:00") ? (p(), G(v(H), {
           key: 1,
           class: "cl-cursor-pointer clear-icon hover:cl-text-link-light md:cl-ml-0.5",
           icon: "ph:x",
           onClick: s[3] || (s[3] = ne((i) => o.$emit("clear"), ["prevent"]))
-        })) : j("", !0)
+        })) : F("", !0)
       ]))
     ]));
   }
@@ -714,12 +714,12 @@ const Ye = /* @__PURE__ */ ke(Rt, [["__scopeId", "data-v-905eee52"]]), Dt = { cl
   emits: ["quick-date-selected"],
   setup(a, { emit: e }) {
     const { t: l } = ie();
-    return (t, n) => (p(), y("div", Dt, [
-      (p(!0), y(X, null, se(t.dates, (c, r) => {
+    return (t, n) => (p(), h("div", Dt, [
+      (p(!0), h(X, null, se(t.dates, (c, r) => {
         var o, s;
-        return p(), y("button", {
+        return p(), h("button", {
           key: r,
-          class: M(["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": ((o = t.selectedQuickDate) == null ? void 0 : o.name) === c.name,
             "cl-border-grey-2 hover:cl-border-grey-3 hover:cl-opacity-95 cl-opacity-60": ((s = t.selectedQuickDate) == null ? void 0 : s.name) !== c.name
           }]),
@@ -858,9 +858,9 @@ const Ye = /* @__PURE__ */ ke(Rt, [["__scopeId", "data-v-905eee52"]]), Dt = { cl
       }
       return c;
     });
-    return (c, r) => (p(), y("div", Mt, [
+    return (c, r) => (p(), h("div", Mt, [
       b("div", null, q(v(t)("quickDates.quickDatesHeader")), 1),
-      (p(!0), y(X, null, se(n.value, (o, s) => (p(), y("div", {
+      (p(!0), h(X, null, se(n.value, (o, s) => (p(), h("div", {
         key: s,
         class: "cl-pt-2"
       }, [
@@ -869,7 +869,7 @@ const Ye = /* @__PURE__ */ ke(Rt, [["__scopeId", "data-v-905eee52"]]), Dt = { cl
           "selected-quick-date": c.selectedQuickDate,
           onQuickDateSelected: r[0] || (r[0] = (i) => e("quick-date-selected", i))
         }, null, 8, ["dates", "selected-quick-date"]),
-        s < n.value.length - 1 ? (p(), y("div", Vt)) : j("", !0)
+        s < n.value.length - 1 ? (p(), h("div", Vt)) : F("", !0)
       ]))), 128))
     ]));
   }
@@ -967,7 +967,7 @@ const Ye = /* @__PURE__ */ ke(Rt, [["__scopeId", "data-v-905eee52"]]), Dt = { cl
       }).setLocale(o.value);
       let f;
       return t.type === "date" ? f = d.toFormat("D") : t.type === "datetime" ? f = d.toFormat("f") : f = d.toFormat("t"), f.replace("2000", "YYYY").replace("20", "YY").replace("04", "MM").replace("4", "M").replace("03", "DD").replace("3", "D").replace("05", "HH").replace("5", "H").replace("06", "mm").replace("6", "m").replace("AM", "A").trim();
-    }), u = I(null), h = R(() => {
+    }), u = I(null), w = R(() => {
       let d;
       if (t.date && t.type !== "dateRange")
         d = x.fromISO(t.date, {
@@ -990,10 +990,10 @@ const Ye = /* @__PURE__ */ ke(Rt, [["__scopeId", "data-v-905eee52"]]), Dt = { cl
         (d = u.value) == null || d.focus();
       }
     });
-    const A = I(null), P = I();
-    function U(d) {
+    const N = I(null), L = I();
+    function j(d) {
       const f = Z(d);
-      c.value = f, A.value = d, P.value.move(f.start), P.value.hidePopover();
+      c.value = f, N.value = d, L.value.move(f.start), L.value.hidePopover();
     }
     function Z(d) {
       const f = d.range, O = d.scope === "past" ? -1 : d.scope === "current" ? 0 : 1, $ = x.now().setZone(n.value).startOf(f).plus({ days: f === "day" ? O : 0, weeks: f === "week" ? O : 0, months: f === "month" ? O : 0, years: f === "year" ? O : 0 }), _ = $.endOf(f);
@@ -1010,7 +1010,7 @@ const Ye = /* @__PURE__ */ ke(Rt, [["__scopeId", "data-v-905eee52"]]), Dt = { cl
         d = `${O} - ${$}`;
       }
       return d;
-    }), N = Gl("(min-width: 768px)"), B = R(() => N.value ? 2 : 1);
+    }), E = Gl("(min-width: 768px)"), B = R(() => E.value ? 2 : 1);
     return (d, f) => d.type === "time" ? (p(), G(v(We), {
       key: 0,
       modelValue: c.value,
@@ -1044,7 +1044,7 @@ const Ye = /* @__PURE__ */ ke(Rt, [["__scopeId", "data-v-905eee52"]]), Dt = { cl
     }, 8, ["modelValue", "locale", "is24hr", "mode", "is-required", "masks", "popover"])) : d.type === "dateRange" ? (p(), G(v(We), {
       key: 1,
       ref_key: "calendar",
-      ref: P,
+      ref: L,
       modelValue: c.value,
       "onUpdate:modelValue": f[3] || (f[3] = (O) => c.value = O),
       modelModifiers: { range: !0 },
@@ -1057,8 +1057,8 @@ const Ye = /* @__PURE__ */ ke(Rt, [["__scopeId", "data-v-905eee52"]]), Dt = { cl
       popover: s.value,
       "min-date": d.min,
       "max-date": d.max,
-      "initial-page": h.value,
-      onDayclick: f[4] || (f[4] = (O) => A.value = null)
+      "initial-page": w.value,
+      onDayclick: f[4] || (f[4] = (O) => N.value = null)
     }, {
       default: Y(({ togglePopover: O }) => [
         S(Ye, fe(d.$attrs, {
@@ -1072,7 +1072,7 @@ const Ye = /* @__PURE__ */ ke(Rt, [["__scopeId", "data-v-905eee52"]]), Dt = { cl
           placeholder: null,
           onTogglePopover: O,
           onClear: f[2] || (f[2] = ($) => {
-            c.value = null, A.value = null, P.value.hidePopover();
+            c.value = null, N.value = null, L.value.hidePopover();
           })
         }), null, 16, ["type", "required", "disabled", "range-selected", "title", "onTogglePopover"])
       ]),
@@ -1080,10 +1080,10 @@ const Ye = /* @__PURE__ */ ke(Rt, [["__scopeId", "data-v-905eee52"]]), Dt = { cl
         d.quickDateScope !== "none" ? (p(), G(Lt, {
           key: 0,
           scope: d.quickDateScope,
-          "selected-quick-date": A.value,
+          "selected-quick-date": N.value,
           "current-date-range": t.date,
-          onQuickDateSelected: U
-        }, null, 8, ["scope", "selected-quick-date", "current-date-range"])) : j("", !0)
+          onQuickDateSelected: j
+        }, null, 8, ["scope", "selected-quick-date", "current-date-range"])) : F("", !0)
       ]),
       _: 1
     }, 8, ["modelValue", "locale", "timezone", "columns", "popover", "min-date", "max-date", "initial-page"])) : (p(), G(v(We), {
@@ -1096,7 +1096,7 @@ const Ye = /* @__PURE__ */ ke(Rt, [["__scopeId", "data-v-905eee52"]]), Dt = { cl
       mode: d.type,
       "min-date": d.min,
       "max-date": d.max,
-      "initial-page": h.value,
+      "initial-page": w.value,
       "is-required": d.required,
       "update-on-input": !1,
       masks: { L: k.value, inputDateTime: [k.value], inputDateTime24hr: [k.value] },
@@ -1187,8 +1187,8 @@ const Bt = [
       get: () => t.value,
       set: (u) => l("update:value", u ?? "")
     }), s = ol((u) => o.value = u || u === 0 ? u : t.min, 1e3), i = R(() => {
-      let h = ((typeof o.value == "number" ? o.value : t.min) - t.min) / (t.max - t.min) * 100;
-      return h < 35 && h > 0 ? h < 20 ? h += 0.5 : h += 0.25 : h > 65 && h < 100 && (h > 80 ? h -= 0.5 : h -= 0.25), `${h}%`;
+      let w = ((typeof o.value == "number" ? o.value : t.min) - t.min) / (t.max - t.min) * 100;
+      return w < 35 && w > 0 ? w < 20 ? w += 0.5 : w += 0.25 : w > 65 && w < 100 && (w > 80 ? w -= 0.5 : w -= 0.25), `${w}%`;
     }), m = R(() => t.min <= t.max && t.step > 0);
     e({
       focus() {
@@ -1197,14 +1197,14 @@ const Bt = [
       }
     });
     const k = I(!1);
-    return (u, h) => m.value ? (p(), y("div", ce(fe({ key: 0 }, u.$attrs)), [
+    return (u, w) => m.value ? (p(), h("div", ce(fe({ key: 0 }, u.$attrs)), [
       b("div", zt, [
         b("span", {
-          class: M(["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": !u.disabled,
             "cl-bg-grey-0": u.disabled
           }]),
-          onClick: h[0] || (h[0] = (A) => o.value = u.disabled ? o.value : u.min)
+          onClick: w[0] || (w[0] = (N) => o.value = u.disabled ? o.value : u.min)
         }, q(v(n)(u.min, Number.isInteger(u.min) ? v(ue).INTEGER : v(ue).DECIMAL)), 3),
         b("div", _t, [
           k.value ? (p(), G(v(me), {
@@ -1213,7 +1213,7 @@ const Bt = [
             ref: r,
             modelValue: o.value,
             "onUpdate:modelValue": [
-              h[1] || (h[1] = (A) => o.value = A),
+              w[1] || (w[1] = (N) => o.value = N),
               v(s)
             ],
             class: "cl-min-w-[8.5rem] cl-w-full",
@@ -1224,11 +1224,11 @@ const Bt = [
             disabled: u.disabled,
             "placeholder-text": u.placeholder,
             "show-validation-messages": !1
-          }, null, 8, ["modelValue", "min", "max", "step", "disabled", "placeholder-text", "onUpdate:modelValue"])) : (p(), y(X, { key: 1 }, [
+          }, null, 8, ["modelValue", "min", "max", "step", "disabled", "placeholder-text", "onUpdate:modelValue"])) : (p(), h(X, { key: 1 }, [
             le(b("input", {
               ref_key: "sliderRef",
               ref: r,
-              "onUpdate:modelValue": h[2] || (h[2] = (A) => o.value = A),
+              "onUpdate:modelValue": w[2] || (w[2] = (N) => o.value = N),
               class: "cl-align-middle cl-appearance-none cl-border cl-border-grey-2 cl-delay-500 cl-ease-in cl-flex-1 cl-h-5 cl-min-w-[8.5rem] cl-outline-none cl-rounded-full cl-transition-colors cl-w-full",
               type: "range",
               min: u.min,
@@ -1247,22 +1247,22 @@ const Bt = [
           ], 64))
         ]),
         b("span", {
-          class: M(["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": !u.disabled,
             "cl-bg-grey-0": u.disabled
           }]),
-          onClick: h[3] || (h[3] = (A) => o.value = u.disabled ? o.value : u.max)
+          onClick: w[3] || (w[3] = (N) => o.value = u.disabled ? o.value : u.max)
         }, q(v(n)(u.max, Number.isInteger(u.max) ? v(ue).INTEGER : v(ue).DECIMAL)), 3),
         b("div", Gt, [
           b("div", {
             class: "cl-bg-white cl-border cl-border-transparent cl-cursor-pointer cl-float-right cl-p-1.5 cl-px-2 cl-rounded-full cl-shadow cl-text-xs hover:cl-border-grey-1",
-            onClick: h[4] || (h[4] = (A) => k.value = !k.value)
+            onClick: w[4] || (w[4] = (N) => k.value = !k.value)
           }, [
             S(v(H), { icon: "ph:arrows-left-right-thin" })
           ])
         ])
       ])
-    ], 16)) : (p(), y("div", Zt, q(v(c)("slider.invalidProps")), 1));
+    ], 16)) : (p(), h("div", Zt, q(v(c)("slider.invalidProps")), 1));
   }
 });
 const Qt = /* @__PURE__ */ ke(Kt, [["__scopeId", "data-v-470989ac"]]);
@@ -1386,34 +1386,34 @@ const Jt = { class: "cl-flex cl-justify-between" }, Xt = { class: "cl-w-full" },
     }), k = R({
       get: () => t.modelValue,
       set: (g) => d(g)
-    }), u = R(() => typeof t.min == "number" ? t.min.toString() : t.min), h = R(() => typeof t.max == "number" ? t.max.toString() : t.max), A = R(() => typeof t.min == "number" || t.min === null ? t.min : parseFloat(t.min)), P = R(() => typeof t.max == "number" || t.max === null ? t.max : parseFloat(t.max)), U = R(() => t.messageWhenValid.trim() !== "" ? t.messageWhenValid : ""), Z = I(!0), ae = I(!0), N = I([]), B = R(() => {
-      var g, F;
+    }), u = R(() => typeof t.min == "number" ? t.min.toString() : t.min), w = R(() => typeof t.max == "number" ? t.max.toString() : t.max), N = R(() => typeof t.min == "number" || t.min === null ? t.min : parseFloat(t.min)), L = R(() => typeof t.max == "number" || t.max === null ? t.max : parseFloat(t.max)), j = R(() => t.messageWhenValid.trim() !== "" ? t.messageWhenValid : ""), Z = I(!0), ae = I(!0), E = I([]), B = R(() => {
+      var g, M;
       return [
-        ...((g = N.value) == null ? void 0 : g.filter((K) => ((K == null ? void 0 : K.length) ?? 0) > 0)) ?? [],
-        ...((F = t.externalErrors) == null ? void 0 : F.filter((K) => ((K == null ? void 0 : K.length) ?? 0) > 0)) ?? []
+        ...((g = E.value) == null ? void 0 : g.filter((K) => ((K == null ? void 0 : K.length) ?? 0) > 0)) ?? [],
+        ...((M = t.externalErrors) == null ? void 0 : M.filter((K) => ((K == null ? void 0 : K.length) ?? 0) > 0)) ?? []
       ].join(`
 `);
     });
     async function d(g) {
       t.validateOn === "input" && await O(g), l("update:model-value", g);
     }
-    async function f(g, F) {
-      t.onInputFunction !== void 0 && (g = t.onInputFunction(g)), t.validateOn === "change" && (ae.value = !1), (F || t.validateOn === "input") && await O(g), l("update:model-value", g);
+    async function f(g, M) {
+      t.onInputFunction !== void 0 && (g = t.onInputFunction(g)), t.validateOn === "change" && (ae.value = !1), (M || t.validateOn === "input") && await O(g), l("update:model-value", g);
     }
     function O(g) {
-      const F = {
+      const M = {
         message: "",
         valid: !0
       }, K = [
         t.customValidationFunction === null || t.customValidationFunction === void 0 ? new Promise((pe) => {
-          pe(F);
+          pe(M);
         }) : new Promise((pe) => {
           pe(t.customValidationFunction(t.label, g));
         })
       ];
       return (typeof g == "string" || typeof g == "number") && (K.push($t(t.min, t.inputType, t.label, g, t.timeZone)), K.push(Ct(t.max, t.inputType, t.label, g, t.timeZone))), t.isRequired && K.push(Ot(t.label, g)), t.inputType === "email" && typeof g == "string" && K.push(St(t.label, g)), Promise.all(K).then((pe) => {
         const Ce = [...pe.map(($e) => $e.message)], Ae = pe.some(($e) => $e.message.length > 0 && $e.valid === !1) || t.externalErrors.length > 0;
-        ae.value = !0, Ae ? (N.value = Ce, l("validated", !1, g)) : (N.value = [], l("validated", !0, g)), Z.value = !Ae;
+        ae.value = !0, Ae ? (E.value = Ce, l("validated", !1, g)) : (E.value = [], l("validated", !0, g)), Z.value = !Ae;
       });
     }
     function $() {
@@ -1426,28 +1426,28 @@ const Jt = { class: "cl-flex cl-justify-between" }, Xt = { class: "cl-w-full" },
     function z(g) {
       if (n.value) {
         n.value.stepUp(), n.value.focus(), f(n.value.valueAsNumber, !1);
-        const F = {
+        const M = {
           target: n.value
         };
-        l("input", F, n.value.valueAsNumber), l("change", g, n.value.valueAsNumber);
+        l("input", M, n.value.valueAsNumber), l("change", g, n.value.valueAsNumber);
       }
     }
     function T(g) {
       if (n.value) {
         n.value.stepDown(), n.value.focus(), f(n.value.valueAsNumber, !1);
-        const F = {
+        const M = {
           target: n.value
         };
-        l("input", F, n.value.valueAsNumber), l("change", g, n.value.valueAsNumber);
+        l("input", M, n.value.valueAsNumber), l("change", g, n.value.valueAsNumber);
       }
     }
-    function w(g) {
+    function y(g) {
       c.value = g;
     }
-    async function E() {
-      r.value = !0, w(!1), t.validateOn === "change" && await O(m.value);
+    async function A() {
+      r.value = !0, y(!1), t.validateOn === "change" && await O(m.value);
     }
-    function L() {
+    function U() {
       i.value++;
     }
     function C(g) {
@@ -1456,15 +1456,15 @@ const Jt = { class: "cl-flex cl-justify-between" }, Xt = { class: "cl-w-full" },
     function D() {
       var K;
       let g = !0;
-      const F = o.value;
-      return c.value ? g = F : r.value && ((K = m.value) == null ? void 0 : K.toString().trim()) === "" && t.requiredText.trim() !== "" && (g = !1), !t.hideRequiredAsterisk && g;
+      const M = o.value;
+      return c.value ? g = M : r.value && ((K = m.value) == null ? void 0 : K.toString().trim()) === "" && t.requiredText.trim() !== "" && (g = !1), !t.hideRequiredAsterisk && g;
     }
     async function J(g) {
-      const F = ul(g, t.inputType);
-      t.validateOn === "change" && await O(F), l("change", g, F);
+      const M = ul(g, t.inputType);
+      t.validateOn === "change" && await O(M), l("change", g, M);
     }
     async function W() {
-      await E(), L();
+      await A(), U();
     }
     return Ze(() => {
       t.validateImmediately && f(t.modelValue, !0);
@@ -1484,13 +1484,13 @@ const Jt = { class: "cl-flex cl-justify-between" }, Xt = { class: "cl-w-full" },
         var g;
         (g = n.value) == null || g.blur();
       }
-    }), (g, F) => (p(), y("div", fe({ ...g.$attrs, id: void 0 }, {
+    }), (g, M) => (p(), h("div", fe({ ...g.$attrs, id: void 0 }, {
       key: i.value,
       class: "cl-align-top cl-border-none cl-inline-block cl-text-left"
     }), [
       b("div", {
-        onMouseenter: F[10] || (F[10] = (K) => w(!0)),
-        onMouseleave: F[11] || (F[11] = (K) => w(!1))
+        onMouseenter: M[10] || (M[10] = (K) => y(!0)),
+        onMouseleave: M[11] || (M[11] = (K) => y(!1))
       }, [
         b("div", Jt, [
           b("div", Xt, [
@@ -1498,14 +1498,14 @@ const Jt = { class: "cl-flex cl-justify-between" }, Xt = { class: "cl-w-full" },
               [te, g.showLabel && g.label !== ""]
             ])
           ]),
-          g.isRequired && o.value ? (p(), y("label", ea, " * ")) : j("", !0),
-          g.isRequired && !o.value && g.requiredText.length ? (p(), y("label", la, q(g.requiredText), 1)) : j("", !0)
+          g.isRequired && o.value ? (p(), h("label", ea, " * ")) : F("", !0),
+          g.isRequired && !o.value && g.requiredText.length ? (p(), h("label", la, q(g.requiredText), 1)) : F("", !0)
         ]),
-        g.inputType !== "range" && !v(cl)(g.inputType) ? (p(), y("div", ta, [
+        g.inputType !== "range" && !v(cl)(g.inputType) ? (p(), h("div", ta, [
           le(b("input", fe({
             ref_key: "inputElement",
             ref: n,
-            "onUpdate:modelValue": F[0] || (F[0] = (K) => m.value = K)
+            "onUpdate:modelValue": M[0] || (M[0] = (K) => m.value = K)
           }, g.$attrs, {
             class: ["!cl-mb-1 cl-block cl-border cl-duration-300 cl-h-full cl-transition cl-w-full focus:cl-outline-none", {
               "hover:!cl-border-grey-3": g.disabled === !1 && !v(De)(g.inputType),
@@ -1529,11 +1529,11 @@ const Jt = { class: "cl-flex cl-justify-between" }, Xt = { class: "cl-w-full" },
             accept: g.fileExtensions,
             name: g.group,
             autocomplete: g.autocomplete,
-            onClick: F[1] || (F[1] = (K) => _(K)),
-            onFocus: F[2] || (F[2] = (K) => l("focus")),
+            onClick: M[1] || (M[1] = (K) => _(K)),
+            onFocus: M[2] || (M[2] = (K) => l("focus")),
             onBlur: ne(W, ["self"]),
             onMousewheelPassive: C,
-            onInput: F[3] || (F[3] = (K) => {
+            onInput: M[3] || (M[3] = (K) => {
               l("input", K, v(ul)(K, g.inputType));
             }),
             onChange: J
@@ -1545,24 +1545,24 @@ const Jt = { class: "cl-flex cl-justify-between" }, Xt = { class: "cl-w-full" },
             duration: 300
           }, {
             default: Y(() => [
-              g.inputType === "number" && !g.disabled && g.showArrows ? le((p(), y("div", oa, [
+              g.inputType === "number" && !g.disabled && g.showArrows ? le((p(), h("div", oa, [
                 S(v(H), {
                   icon: "ph:caret-up-bold",
                   class: "cl-absolute cl-bg-link-default cl-right-1 cl-rounded-full cl-text-sm cl-text-white cl-top-1 hover:cl-bg-link-light hover:cl-cursor-pointer",
                   onClick: z,
-                  onMousedown: F[4] || (F[4] = ne(() => {
+                  onMousedown: M[4] || (M[4] = ne(() => {
                   }, ["prevent"]))
                 }),
                 S(v(H), {
                   icon: "ph:caret-down-bold",
                   class: "cl-absolute cl-bg-link-default cl-bottom-2 cl-right-1 cl-rounded-full cl-text-sm cl-text-white hover:cl-bg-link-light hover:cl-cursor-pointer",
                   onClick: T,
-                  onMousedown: F[5] || (F[5] = ne(() => {
+                  onMousedown: M[5] || (M[5] = ne(() => {
                   }, ["prevent"]))
                 })
               ], 512)), [
                 [te, c.value]
-              ]) : j("", !0)
+              ]) : F("", !0)
             ]),
             _: 1
           })
@@ -1570,7 +1570,7 @@ const Jt = { class: "cl-flex cl-justify-between" }, Xt = { class: "cl-w-full" },
           ref_key: "inputElement",
           ref: n,
           date: k.value,
-          "onUpdate:date": F[6] || (F[6] = (K) => k.value = K),
+          "onUpdate:date": M[6] || (M[6] = (K) => k.value = K),
           class: ["cl-block cl-duration-300 cl-h-fit cl-mb-1 cl-rounded-lg cl-text-sm cl-transition cl-w-full focus:cl-outline-none", {
             "hover:cl-border-grey-3": !g.disabled && g.inputType !== "dateRange",
             "!cl-border-danger-default": !Z.value,
@@ -1581,31 +1581,31 @@ const Jt = { class: "cl-flex cl-justify-between" }, Xt = { class: "cl-w-full" },
           type: v(Yt)(g.inputType),
           "time-zone": g.timeZone,
           min: u.value,
-          max: h.value,
+          max: w.value,
           placeholder: s.value,
           "initial-date": g.initialDate,
           "quick-date-scope": g.quickDateScope,
-          onBlur: ne(E, ["self"]),
-          onFocus: F[7] || (F[7] = (K) => l("focus"))
-        }), null, 16, ["date", "class", "disabled", "required", "type", "time-zone", "min", "max", "placeholder", "initial-date", "quick-date-scope", "onBlur"])) : g.inputType === "range" && (typeof m.value == "number" || typeof m.value == "string") ? (p(), y("div", na, [
+          onBlur: ne(A, ["self"]),
+          onFocus: M[7] || (M[7] = (K) => l("focus"))
+        }), null, 16, ["date", "class", "disabled", "required", "type", "time-zone", "min", "max", "placeholder", "initial-date", "quick-date-scope", "onBlur"])) : g.inputType === "range" && (typeof m.value == "number" || typeof m.value == "string") ? (p(), h("div", na, [
           S(v(Qt), {
             ref_key: "inputElement",
             ref: n,
             value: m.value,
-            "onUpdate:value": F[8] || (F[8] = (K) => m.value = K),
-            min: A.value ?? 0,
-            max: P.value ?? 1e3,
+            "onUpdate:value": M[8] || (M[8] = (K) => m.value = K),
+            min: N.value ?? 0,
+            max: L.value ?? 1e3,
             step: g.step,
             placeholder: s.value,
             "enforce-step": !0,
             disabled: g.disabled,
-            onBlur: ne(E, ["self"]),
-            onFocus: F[9] || (F[9] = (K) => l("focus"))
+            onBlur: ne(A, ["self"]),
+            onFocus: M[9] || (M[9] = (K) => l("focus"))
           }, null, 8, ["value", "min", "max", "step", "placeholder", "disabled", "onBlur"])
-        ])) : j("", !0)
+        ])) : F("", !0)
       ], 32),
-      Z.value && U.value && ae.value ? (p(), y("div", ra, q(U.value), 1)) : j("", !0),
-      !Z.value && B.value.length > 0 && g.showValidationMessages && ae.value ? (p(), y("div", sa, q(B.value), 1)) : j("", !0)
+      Z.value && j.value && ae.value ? (p(), h("div", ra, q(j.value), 1)) : F("", !0),
+      !Z.value && B.value.length > 0 && g.showValidationMessages && ae.value ? (p(), h("div", sa, q(B.value), 1)) : F("", !0)
     ], 16));
   }
 });
@@ -1649,10 +1649,10 @@ var Nl = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
         var k = r.shadowRoot || // check for an undisclosed shadow
         typeof t.getShadowRoot == "function" && t.getShadowRoot(r), u = !He(k, !1) && (!t.shadowRootFilter || t.shadowRootFilter(r));
         if (k && u) {
-          var h = a(k === !0 ? r.children : k.children, !0, t);
-          t.flatten ? n.push.apply(n, h) : n.push({
+          var w = a(k === !0 ? r.children : k.children, !0, t);
+          t.flatten ? n.push.apply(n, w) : n.push({
             scopeParent: r,
-            candidates: h
+            candidates: w
           });
         } else
           c.unshift.apply(c, r.children);
@@ -1933,34 +1933,34 @@ var ml = {
     delayInitialFocusTimer: void 0,
     // the most recent KeyboardEvent for the configured nav key (typically [SHIFT+]TAB), if any
     recentNavEvent: void 0
-  }, o, s = function(T, w, E) {
-    return T && T[w] !== void 0 ? T[w] : c[E || w];
-  }, i = function(T, w) {
-    var E = typeof (w == null ? void 0 : w.composedPath) == "function" ? w.composedPath() : void 0;
-    return r.containerGroups.findIndex(function(L) {
-      var C = L.container, D = L.tabbableNodes;
+  }, o, s = function(T, y, A) {
+    return T && T[y] !== void 0 ? T[y] : c[A || y];
+  }, i = function(T, y) {
+    var A = typeof (y == null ? void 0 : y.composedPath) == "function" ? y.composedPath() : void 0;
+    return r.containerGroups.findIndex(function(U) {
+      var C = U.container, D = U.tabbableNodes;
       return C.contains(T) || // fall back to explicit tabbable search which will take into consideration any
       //  web components if the `tabbableOptions.getShadowRoot` option was used for
       //  the trap, enabling shadow DOM support in tabbable (`Node.contains()` doesn't
       //  look inside web components even if open)
-      (E == null ? void 0 : E.includes(C)) || D.find(function(J) {
+      (A == null ? void 0 : A.includes(C)) || D.find(function(J) {
         return J === T;
       });
     });
   }, m = function(T) {
-    var w = c[T];
-    if (typeof w == "function") {
-      for (var E = arguments.length, L = new Array(E > 1 ? E - 1 : 0), C = 1; C < E; C++)
-        L[C - 1] = arguments[C];
-      w = w.apply(void 0, L);
+    var y = c[T];
+    if (typeof y == "function") {
+      for (var A = arguments.length, U = new Array(A > 1 ? A - 1 : 0), C = 1; C < A; C++)
+        U[C - 1] = arguments[C];
+      y = y.apply(void 0, U);
     }
-    if (w === !0 && (w = void 0), !w) {
-      if (w === void 0 || w === !1)
-        return w;
+    if (y === !0 && (y = void 0), !y) {
+      if (y === void 0 || y === !1)
+        return y;
       throw new Error("`".concat(T, "` was specified but was not a node, or did not return a node"));
     }
-    var D = w;
-    if (typeof w == "string" && (D = t.querySelector(w), !D))
+    var D = y;
+    if (typeof y == "string" && (D = t.querySelector(y), !D))
       throw new Error("`".concat(T, "` as selector refers to no known node"));
     return D;
   }, k = function() {
@@ -1971,29 +1971,29 @@ var ml = {
       if (i(t.activeElement) >= 0)
         T = t.activeElement;
       else {
-        var w = r.tabbableGroups[0], E = w && w.firstTabbableNode;
-        T = E || m("fallbackFocus");
+        var y = r.tabbableGroups[0], A = y && y.firstTabbableNode;
+        T = A || m("fallbackFocus");
       }
     if (!T)
       throw new Error("Your focus-trap needs to have at least one focusable element");
     return T;
   }, u = function() {
     if (r.containerGroups = r.containers.map(function(T) {
-      var w = $a(T, c.tabbableOptions), E = Ca(T, c.tabbableOptions), L = w.length > 0 ? w[0] : void 0, C = w.length > 0 ? w[w.length - 1] : void 0, D = E.find(function(g) {
+      var y = $a(T, c.tabbableOptions), A = Ca(T, c.tabbableOptions), U = y.length > 0 ? y[0] : void 0, C = y.length > 0 ? y[y.length - 1] : void 0, D = A.find(function(g) {
         return Ne(g);
-      }), J = E.slice().reverse().find(function(g) {
+      }), J = A.slice().reverse().find(function(g) {
         return Ne(g);
-      }), W = !!w.find(function(g) {
+      }), W = !!y.find(function(g) {
         return Oe(g) > 0;
       });
       return {
         container: T,
-        tabbableNodes: w,
-        focusableNodes: E,
+        tabbableNodes: y,
+        focusableNodes: A,
         /** True if at least one node with positive `tabindex` was found in this container. */
         posTabIndexesFound: W,
         /** First tabbable node in container, __tabindex__ order; `undefined` if none. */
-        firstTabbableNode: L,
+        firstTabbableNode: U,
         /** Last tabbable node in container, __tabindex__ order; `undefined` if none. */
         lastTabbableNode: C,
         // NOTE: DOM order is NOT NECESSARILY "document position" order, but figuring that out
@@ -2015,13 +2015,13 @@ var ml = {
          *  in reverse.
          * @returns {HTMLElement|undefined} The next tabbable node, if any.
          */
-        nextTabbableNode: function(F) {
-          var K = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !0, pe = w.indexOf(F);
-          return pe < 0 ? K ? E.slice(E.indexOf(F) + 1).find(function(Ce) {
+        nextTabbableNode: function(M) {
+          var K = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !0, pe = y.indexOf(M);
+          return pe < 0 ? K ? A.slice(A.indexOf(M) + 1).find(function(Ce) {
             return Ne(Ce);
-          }) : E.slice(0, E.indexOf(F)).reverse().find(function(Ce) {
+          }) : A.slice(0, A.indexOf(M)).reverse().find(function(Ce) {
             return Ne(Ce);
-          }) : w[pe + (K ? 1 : -1)];
+          }) : y[pe + (K ? 1 : -1)];
         }
       };
     }), r.tabbableGroups = r.containerGroups.filter(function(T) {
@@ -2032,7 +2032,7 @@ var ml = {
       return T.posTabIndexesFound;
     }) && r.containerGroups.length > 1)
       throw new Error("At least one node with a positive tabindex was found in one of your focus-trap's multiple containers. Positive tabindexes are only supported in single-container focus-traps.");
-  }, h = function z(T) {
+  }, w = function z(T) {
     if (T !== !1 && T !== t.activeElement) {
       if (!T || !T.focus) {
         z(k());
@@ -2042,44 +2042,44 @@ var ml = {
         preventScroll: !!c.preventScroll
       }), r.mostRecentlyFocusedNode = T, Aa(T) && T.select();
     }
-  }, A = function(T) {
-    var w = m("setReturnFocus", T);
-    return w || (w === !1 ? !1 : T);
-  }, P = function(T) {
-    var w = T.target, E = T.event, L = T.isBackward, C = L === void 0 ? !1 : L;
-    w = w || Me(E), u();
+  }, N = function(T) {
+    var y = m("setReturnFocus", T);
+    return y || (y === !1 ? !1 : T);
+  }, L = function(T) {
+    var y = T.target, A = T.event, U = T.isBackward, C = U === void 0 ? !1 : U;
+    y = y || Me(A), u();
     var D = null;
     if (r.tabbableGroups.length > 0) {
-      var J = i(w, E), W = J >= 0 ? r.containerGroups[J] : void 0;
+      var J = i(y, A), W = J >= 0 ? r.containerGroups[J] : void 0;
       if (J < 0)
         C ? D = r.tabbableGroups[r.tabbableGroups.length - 1].lastTabbableNode : D = r.tabbableGroups[0].firstTabbableNode;
       else if (C) {
         var g = gl(r.tabbableGroups, function($e) {
           var Qe = $e.firstTabbableNode;
-          return w === Qe;
+          return y === Qe;
         });
-        if (g < 0 && (W.container === w || Je(w, c.tabbableOptions) && !Ne(w, c.tabbableOptions) && !W.nextTabbableNode(w, !1)) && (g = J), g >= 0) {
-          var F = g === 0 ? r.tabbableGroups.length - 1 : g - 1, K = r.tabbableGroups[F];
-          D = Oe(w) >= 0 ? K.lastTabbableNode : K.lastDomTabbableNode;
+        if (g < 0 && (W.container === y || Je(y, c.tabbableOptions) && !Ne(y, c.tabbableOptions) && !W.nextTabbableNode(y, !1)) && (g = J), g >= 0) {
+          var M = g === 0 ? r.tabbableGroups.length - 1 : g - 1, K = r.tabbableGroups[M];
+          D = Oe(y) >= 0 ? K.lastTabbableNode : K.lastDomTabbableNode;
         } else
-          je(E) || (D = W.nextTabbableNode(w, !1));
+          je(A) || (D = W.nextTabbableNode(y, !1));
       } else {
         var pe = gl(r.tabbableGroups, function($e) {
           var Qe = $e.lastTabbableNode;
-          return w === Qe;
+          return y === Qe;
         });
-        if (pe < 0 && (W.container === w || Je(w, c.tabbableOptions) && !Ne(w, c.tabbableOptions) && !W.nextTabbableNode(w)) && (pe = J), pe >= 0) {
+        if (pe < 0 && (W.container === y || Je(y, c.tabbableOptions) && !Ne(y, c.tabbableOptions) && !W.nextTabbableNode(y)) && (pe = J), pe >= 0) {
           var Ce = pe === r.tabbableGroups.length - 1 ? 0 : pe + 1, Ae = r.tabbableGroups[Ce];
-          D = Oe(w) >= 0 ? Ae.firstTabbableNode : Ae.firstDomTabbableNode;
+          D = Oe(y) >= 0 ? Ae.firstTabbableNode : Ae.firstDomTabbableNode;
         } else
-          je(E) || (D = W.nextTabbableNode(w));
+          je(A) || (D = W.nextTabbableNode(y));
       }
     } else
       D = m("fallbackFocus");
     return D;
-  }, U = function(T) {
-    var w = Me(T);
-    if (!(i(w, T) >= 0)) {
+  }, j = function(T) {
+    var y = Me(T);
+    if (!(i(y, T) >= 0)) {
       if (qe(c.clickOutsideDeactivates, T)) {
         o.deactivate({
           // NOTE: by setting `returnFocus: false`, deactivate() will do nothing,
@@ -2095,12 +2095,12 @@ var ml = {
       qe(c.allowOutsideClick, T) || T.preventDefault();
     }
   }, Z = function(T) {
-    var w = Me(T), E = i(w, T) >= 0;
-    if (E || w instanceof Document)
-      E && (r.mostRecentlyFocusedNode = w);
+    var y = Me(T), A = i(y, T) >= 0;
+    if (A || y instanceof Document)
+      A && (r.mostRecentlyFocusedNode = y);
     else {
       T.stopImmediatePropagation();
-      var L, C = !0;
+      var U, C = !0;
       if (r.mostRecentlyFocusedNode)
         if (Oe(r.mostRecentlyFocusedNode) > 0) {
           var D = i(r.mostRecentlyFocusedNode), J = r.containerGroups[D].tabbableNodes;
@@ -2108,69 +2108,69 @@ var ml = {
             var W = J.findIndex(function(g) {
               return g === r.mostRecentlyFocusedNode;
             });
-            W >= 0 && (c.isKeyForward(r.recentNavEvent) ? W + 1 < J.length && (L = J[W + 1], C = !1) : W - 1 >= 0 && (L = J[W - 1], C = !1));
+            W >= 0 && (c.isKeyForward(r.recentNavEvent) ? W + 1 < J.length && (U = J[W + 1], C = !1) : W - 1 >= 0 && (U = J[W - 1], C = !1));
           }
         } else
           r.containerGroups.some(function(g) {
-            return g.tabbableNodes.some(function(F) {
-              return Oe(F) > 0;
+            return g.tabbableNodes.some(function(M) {
+              return Oe(M) > 0;
             });
           }) || (C = !1);
       else
         C = !1;
-      C && (L = P({
+      C && (U = L({
         // move FROM the MRU node, not event-related node (which will be the node that is
         //  outside the trap causing the focus escape we're trying to fix)
         target: r.mostRecentlyFocusedNode,
         isBackward: c.isKeyBackward(r.recentNavEvent)
-      })), h(L || r.mostRecentlyFocusedNode || k());
+      })), w(U || r.mostRecentlyFocusedNode || k());
     }
     r.recentNavEvent = void 0;
   }, ae = function(T) {
-    var w = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1;
+    var y = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1;
     r.recentNavEvent = T;
-    var E = P({
+    var A = L({
       event: T,
-      isBackward: w
+      isBackward: y
     });
-    E && (je(T) && T.preventDefault(), h(E));
-  }, N = function(T) {
+    A && (je(T) && T.preventDefault(), w(A));
+  }, E = function(T) {
     if (qa(T) && qe(c.escapeDeactivates, T) !== !1) {
       T.preventDefault(), o.deactivate();
       return;
     }
     (c.isKeyForward(T) || c.isKeyBackward(T)) && ae(T, c.isKeyBackward(T));
   }, B = function(T) {
-    var w = Me(T);
-    i(w, T) >= 0 || qe(c.clickOutsideDeactivates, T) || qe(c.allowOutsideClick, T) || (T.preventDefault(), T.stopImmediatePropagation());
+    var y = Me(T);
+    i(y, T) >= 0 || qe(c.clickOutsideDeactivates, T) || qe(c.allowOutsideClick, T) || (T.preventDefault(), T.stopImmediatePropagation());
   }, d = function() {
     if (r.active)
       return ml.activateTrap(n, o), r.delayInitialFocusTimer = c.delayInitialFocus ? vl(function() {
-        h(k());
-      }) : h(k()), t.addEventListener("focusin", Z, !0), t.addEventListener("mousedown", U, {
+        w(k());
+      }) : w(k()), t.addEventListener("focusin", Z, !0), t.addEventListener("mousedown", j, {
         capture: !0,
         passive: !1
-      }), t.addEventListener("touchstart", U, {
+      }), t.addEventListener("touchstart", j, {
         capture: !0,
         passive: !1
       }), t.addEventListener("click", B, {
         capture: !0,
         passive: !1
-      }), t.addEventListener("keydown", N, {
+      }), t.addEventListener("keydown", E, {
         capture: !0,
         passive: !1
       }), o;
   }, f = function() {
     if (r.active)
-      return t.removeEventListener("focusin", Z, !0), t.removeEventListener("mousedown", U, !0), t.removeEventListener("touchstart", U, !0), t.removeEventListener("click", B, !0), t.removeEventListener("keydown", N, !0), o;
+      return t.removeEventListener("focusin", Z, !0), t.removeEventListener("mousedown", j, !0), t.removeEventListener("touchstart", j, !0), t.removeEventListener("click", B, !0), t.removeEventListener("keydown", E, !0), o;
   }, O = function(T) {
-    var w = T.some(function(E) {
-      var L = Array.from(E.removedNodes);
-      return L.some(function(C) {
+    var y = T.some(function(A) {
+      var U = Array.from(A.removedNodes);
+      return U.some(function(C) {
         return C === r.mostRecentlyFocusedNode;
       });
     });
-    w && h(k());
+    y && w(k());
   }, $ = typeof window < "u" && "MutationObserver" in window ? new MutationObserver(O) : void 0, _ = function() {
     $ && ($.disconnect(), r.active && !r.paused && r.containers.map(function(T) {
       $.observe(T, {
@@ -2189,47 +2189,47 @@ var ml = {
     activate: function(T) {
       if (r.active)
         return this;
-      var w = s(T, "onActivate"), E = s(T, "onPostActivate"), L = s(T, "checkCanFocusTrap");
-      L || u(), r.active = !0, r.paused = !1, r.nodeFocusedBeforeActivation = t.activeElement, w == null || w();
+      var y = s(T, "onActivate"), A = s(T, "onPostActivate"), U = s(T, "checkCanFocusTrap");
+      U || u(), r.active = !0, r.paused = !1, r.nodeFocusedBeforeActivation = t.activeElement, y == null || y();
       var C = function() {
-        L && u(), d(), _(), E == null || E();
+        U && u(), d(), _(), A == null || A();
       };
-      return L ? (L(r.containers.concat()).then(C, C), this) : (C(), this);
+      return U ? (U(r.containers.concat()).then(C, C), this) : (C(), this);
     },
     deactivate: function(T) {
       if (!r.active)
         return this;
-      var w = pl({
+      var y = pl({
         onDeactivate: c.onDeactivate,
         onPostDeactivate: c.onPostDeactivate,
         checkCanReturnFocus: c.checkCanReturnFocus
       }, T);
       clearTimeout(r.delayInitialFocusTimer), r.delayInitialFocusTimer = void 0, f(), r.active = !1, r.paused = !1, _(), ml.deactivateTrap(n, o);
-      var E = s(w, "onDeactivate"), L = s(w, "onPostDeactivate"), C = s(w, "checkCanReturnFocus"), D = s(w, "returnFocus", "returnFocusOnDeactivate");
-      E == null || E();
+      var A = s(y, "onDeactivate"), U = s(y, "onPostDeactivate"), C = s(y, "checkCanReturnFocus"), D = s(y, "returnFocus", "returnFocusOnDeactivate");
+      A == null || A();
       var J = function() {
         vl(function() {
-          D && h(A(r.nodeFocusedBeforeActivation)), L == null || L();
+          D && w(N(r.nodeFocusedBeforeActivation)), U == null || U();
         });
       };
-      return D && C ? (C(A(r.nodeFocusedBeforeActivation)).then(J, J), this) : (J(), this);
+      return D && C ? (C(N(r.nodeFocusedBeforeActivation)).then(J, J), this) : (J(), this);
     },
     pause: function(T) {
       if (r.paused || !r.active)
         return this;
-      var w = s(T, "onPause"), E = s(T, "onPostPause");
-      return r.paused = !0, w == null || w(), f(), _(), E == null || E(), this;
+      var y = s(T, "onPause"), A = s(T, "onPostPause");
+      return r.paused = !0, y == null || y(), f(), _(), A == null || A(), this;
     },
     unpause: function(T) {
       if (!r.paused || !r.active)
         return this;
-      var w = s(T, "onUnpause"), E = s(T, "onPostUnpause");
-      return r.paused = !1, w == null || w(), u(), d(), _(), E == null || E(), this;
+      var y = s(T, "onUnpause"), A = s(T, "onPostUnpause");
+      return r.paused = !1, y == null || y(), u(), d(), _(), A == null || A(), this;
     },
     updateContainerElements: function(T) {
-      var w = [].concat(T).filter(Boolean);
-      return r.containers = w.map(function(E) {
-        return typeof E == "string" ? t.querySelector(E) : E;
+      var y = [].concat(T).filter(Boolean);
+      return r.containers = y.map(function(A) {
+        return typeof A == "string" ? t.querySelector(A) : A;
       }), r.active && u(), _(), this;
     }
   }, o.updateContainerElements(e), o;
@@ -2312,8 +2312,8 @@ const za = /* @__PURE__ */ b("div", { tabindex: "0" }, null, -1), _a = ["onKeypr
     function s(i) {
       i.key === "Escape" && o();
     }
-    return (i, m) => (p(), y(X, null, [
-      V(i.$slots, "trigger", ce(ve({ open: r }))),
+    return (i, m) => (p(), h(X, null, [
+      P(i.$slots, "trigger", ce(ve({ open: r }))),
       (p(), G(ll, { to: "body" }, [
         S(Te, { name: "fade" }, {
           default: Y(() => [
@@ -2332,7 +2332,7 @@ const za = /* @__PURE__ */ b("div", { tabindex: "0" }, null, -1), _a = ["onKeypr
                 }]
               }), [
                 le(b("div", {
-                  class: M(["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": i.headerColour === "secondary",
                     "cl-text-secondary hover:cl-text-off-white": i.headerColour === "primary",
                     "cl-text-black hover:cl-text-grey-7": i.headerColour === "white"
@@ -2346,18 +2346,18 @@ const za = /* @__PURE__ */ b("div", { tabindex: "0" }, null, -1), _a = ["onKeypr
                   [te, !i.preventClose]
                 ]),
                 b("div", {
-                  class: M(["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": i.headerColour === "secondary",
                     "cl-bg-primary-default cl-text-secondary": i.headerColour === "primary"
                   }])
                 }, [
-                  V(i.$slots, "title"),
-                  i.headerColour === "white" ? (p(), y("hr", Ha)) : j("", !0)
+                  P(i.$slots, "title"),
+                  i.headerColour === "white" ? (p(), h("hr", Ha)) : F("", !0)
                 ], 2),
                 b("div", xa, [
-                  V(i.$slots, "default", ce(ve({ close: o })))
+                  P(i.$slots, "default", ce(ve({ close: o })))
                 ]),
-                V(i.$slots, "footer", ce(ve({ close: o })))
+                P(i.$slots, "footer", ce(ve({ close: o })))
               ], 16)
             ], 512), [
               [te, t.value]
@@ -2382,10 +2382,10 @@ const za = /* @__PURE__ */ b("div", { tabindex: "0" }, null, -1), _a = ["onKeypr
     "clear-object": null
   },
   setup(a) {
-    return (e, l) => (p(), y("div", Ga, [
-      e.additionalText !== "" ? (p(), y("div", Za, q(e.additionalText), 1)) : j("", !0),
+    return (e, l) => (p(), h("div", Ga, [
+      e.additionalText !== "" ? (p(), h("div", Za, q(e.additionalText), 1)) : F("", !0),
       b("div", {
-        class: M({
+        class: V({
           "cl-w-1/2": e.additionalText !== "",
           "cl-w-full": e.additionalText === ""
         })
@@ -2440,19 +2440,19 @@ const za = /* @__PURE__ */ b("div", { tabindex: "0" }, null, -1), _a = ["onKeypr
     }
     return oe(() => l.selectedIndex, () => s()), (i, m) => {
       var k, u;
-      return p(), y("div", {
-        class: M(["cl-cursor-pointer cl-duration-75 cl-flex cl-p-1 cl-text-left cl-transition-colors", {
+      return p(), h("div", {
+        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 && i.isCreateNewOption === !1,
           "cl-bg-primary-default cl-text-black cl-opacity-90": c.value && i.isCreateNewOption
         }]),
         onMousedown: r,
-        onMousemove: m[0] || (m[0] = (h) => o(!0)),
-        onMouseleave: m[1] || (m[1] = (h) => o(!1))
+        onMousemove: m[0] || (m[0] = (w) => o(!0)),
+        onMouseleave: m[1] || (m[1] = (w) => o(!1))
       }, [
-        i.option !== null && ((k = i.option) == null ? void 0 : k.parentId) !== 0 && ((u = i.option) == null ? void 0 : u.parentId) !== void 0 ? (p(), y("div", Ka, q(n.value), 1)) : j("", !0),
+        i.option !== null && ((k = i.option) == null ? void 0 : k.parentId) !== 0 && ((u = i.option) == null ? void 0 : u.parentId) !== void 0 ? (p(), h("div", Ka, q(n.value), 1)) : F("", !0),
         b("div", {
-          class: M({
+          class: V({
             "cl-w-1/2": n.value !== "",
             "cl-w-full": n.value === ""
           })
@@ -2503,16 +2503,16 @@ const za = /* @__PURE__ */ b("div", { tabindex: "0" }, null, -1), _a = ["onKeypr
     function u() {
       e("hide-dropdown");
     }
-    function h(d) {
+    function w(d) {
       r.value < l.results.length - 1 ? (r.value === -2 && n.value === "" && r.value++, r.value++) : r.value = d, Z();
     }
-    function A(d) {
+    function N(d) {
       r.value > d ? r.value-- : r.value = l.results.length - 1, Z();
     }
-    function P() {
+    function L() {
       r.value >= 0 && l.results !== void 0 ? m(l.results[r.value].id) : r.value === -1 && k();
     }
-    function U(d) {
+    function j(d) {
       if (d.key === "Tab" && d.shiftKey === !0) {
         const f = document.getElementsByTagName("input");
         let O = -1;
@@ -2529,7 +2529,7 @@ const za = /* @__PURE__ */ b("div", { tabindex: "0" }, null, -1), _a = ["onKeypr
       let d = !1;
       l.results !== null && l.results.length === 1 && (d = n.value.toUpperCase().trim() === l.results[0].name.toUpperCase().trim()), c.value = l.canCreateNewObject === !0 && l.errorMessage === "" && n.value.trim() !== "" && d === !1;
     }
-    function N(d) {
+    function E(d) {
       r.value = d;
     }
     function B() {
@@ -2540,21 +2540,21 @@ const za = /* @__PURE__ */ b("div", { tabindex: "0" }, null, -1), _a = ["onKeypr
     }
     return oe(() => l.results, () => ae()), oe(() => l.errorMessage, () => ae()), oe(() => l.isVisible, () => B()), Ze(() => {
       var d;
-      return (d = s.value) == null ? void 0 : d.addEventListener("keydown", U);
+      return (d = s.value) == null ? void 0 : d.addEventListener("keydown", j);
     }), tl(() => {
       var d;
-      return (d = s.value) == null ? void 0 : d.removeEventListener("keydown", U);
+      return (d = s.value) == null ? void 0 : d.removeEventListener("keydown", j);
     }), (d, f) => {
       var O;
-      return p(), y("div", {
+      return p(), h("div", {
         ref_key: "container",
         ref: s,
         class: "cl-absolute cl-bg-white cl-border cl-border-collapse cl-border-grey-0 cl-h-52 cl-overflow-y-auto cl-overscroll-y-none cl-rounded cl-text-sm cl-w-full cl-z-20",
         onKeydown: [
-          f[2] || (f[2] = Ee(ne(($) => A(o.value), ["prevent", "stop"]), ["up"])),
-          f[3] || (f[3] = Ee(ne(($) => h(o.value), ["prevent", "stop"]), ["down"]))
+          f[2] || (f[2] = Ee(ne(($) => N(o.value), ["prevent", "stop"]), ["up"])),
+          f[3] || (f[3] = Ee(ne(($) => w(o.value), ["prevent", "stop"]), ["down"]))
         ],
-        onKeyup: Ee(ne(P, ["prevent", "stop"]), ["enter"])
+        onKeyup: Ee(ne(L, ["prevent", "stop"]), ["enter"])
       }, [
         b("div", Ya, [
           S(me, {
@@ -2575,22 +2575,22 @@ const za = /* @__PURE__ */ b("div", { tabindex: "0" }, null, -1), _a = ["onKeypr
           "show-clear-button": d.canClearSelectedObject,
           text: d.currentObjectName,
           onClearObject: f[1] || (f[1] = ($) => d.$emit("clear-object"))
-        }, null, 8, ["show-clear-button", "text"])) : j("", !0),
+        }, null, 8, ["show-clear-button", "text"])) : F("", !0),
         d.objectParentType !== "" && d.results !== void 0 && d.results.length > 0 && d.errorMessage === "" ? (p(), G(Ve, {
           key: 1,
           text: d.objectType,
           "additional-text": d.objectParentType,
           class: "cl-bg-grey-2 cl-mt-1"
-        }, null, 8, ["text", "additional-text"])) : j("", !0),
+        }, null, 8, ["text", "additional-text"])) : F("", !0),
         d.results !== null && ((O = d.results) == null ? void 0 : O.length) === 0 && n.value.trim() !== "" && d.canCreateNewObject === !1 && d.errorMessage === "" ? (p(), G(Ve, {
           key: 2,
           text: v(t)("comboBox.noResults", { value: n.value })
-        }, null, 8, ["text"])) : j("", !0),
+        }, null, 8, ["text"])) : F("", !0),
         d.errorMessage !== "" ? (p(), G(Ve, {
           key: 3,
           class: "!cl-bg-danger-light cl-border-danger-light cl-rounded cl-text-danger-dark",
           text: v(t)("comboBox.errorMessage", { error: d.errorMessage })
-        }, null, 8, ["text"])) : j("", !0),
+        }, null, 8, ["text"])) : F("", !0),
         c.value ? (p(), G(hl, {
           key: 4,
           "is-create-new-option": !0,
@@ -2599,19 +2599,19 @@ const za = /* @__PURE__ */ b("div", { tabindex: "0" }, null, -1), _a = ["onKeypr
           "selected-index": r.value,
           class: "cl-px-2",
           onCreateObject: k,
-          onOptionHighlighted: N
-        }, null, 8, ["text", "selected-index"])) : j("", !0),
-        d.errorMessage === "" && d.results !== null ? (p(), y("div", Ja, [
-          (p(!0), y(X, null, se(d.results, ($, _) => (p(), G(hl, {
+          onOptionHighlighted: E
+        }, null, 8, ["text", "selected-index"])) : F("", !0),
+        d.errorMessage === "" && d.results !== null ? (p(), h("div", Ja, [
+          (p(!0), h(X, null, se(d.results, ($, _) => (p(), G(hl, {
             key: _,
             option: $,
             index: _,
             class: "cl-px-2",
             "selected-index": r.value,
             onSelectObject: m,
-            onOptionHighlighted: N
+            onOptionHighlighted: E
           }, null, 8, ["option", "index", "selected-index"]))), 128))
-        ])) : j("", !0)
+        ])) : F("", !0)
       ], 40, Wa);
     };
   }
@@ -2647,17 +2647,17 @@ const za = /* @__PURE__ */ b("div", { tabindex: "0" }, null, -1), _a = ["onKeypr
     const t = a, n = R(() => t.placeholderText ? t.placeholderText : r("comboBox.emptyHintText", { object: t.objectType })), c = R(() => t.searchHint ? t.searchHint : r("comboBox.searchHint", { object: t.objectType })), { t: r } = ie(), o = I(!1), s = R({
       get: () => t.currentObject,
       set: (C) => l("update:current-object", C)
-    }), i = I(null), m = I(null), k = R(() => w()), u = I(""), h = I(""), A = I(), P = I(!0), U = I(!1);
+    }), i = I(null), m = I(null), k = R(() => y()), u = I(""), w = I(""), N = I(), L = I(!0), j = I(!1);
     function Z(C) {
       var J, W;
-      const D = ((J = L.value) == null ? void 0 : J.getBoundingClientRect().top) || 0;
-      U.value = window.innerHeight - D < 280, t.disabled || (typeof C < "u" ? o.value = C : o.value = !o.value), (W = i.value) == null || W.blur();
+      const D = ((J = U.value) == null ? void 0 : J.getBoundingClientRect().top) || 0;
+      j.value = window.innerHeight - D < 280, t.disabled || (typeof C < "u" ? o.value = C : o.value = !o.value), (W = i.value) == null || W.blur();
     }
     function ae(C) {
       u.value = C, l("search", C);
     }
-    function N(C) {
-      h.value = C, l("search-parent", C);
+    function E(C) {
+      w.value = C, l("search-parent", C);
     }
     function B() {
       s.value = null, Z(!1);
@@ -2679,16 +2679,16 @@ const za = /* @__PURE__ */ b("div", { tabindex: "0" }, null, -1), _a = ["onKeypr
     }
     function O() {
       var C;
-      A.value = {
+      N.value = {
         name: u.value,
         parentId: ((C = m.value) == null ? void 0 : C.id) ?? 0
-      }, l("create-object", A.value);
+      }, l("create-object", N.value);
     }
     function $() {
-      A.value = {
-        name: h.value,
+      N.value = {
+        name: w.value,
         parentId: 0
-      }, l("create-parent-object", A.value);
+      }, l("create-parent-object", N.value);
     }
     function _() {
       var C, D;
@@ -2706,7 +2706,7 @@ const za = /* @__PURE__ */ b("div", { tabindex: "0" }, null, -1), _a = ["onKeypr
       });
     }
     function T() {
-      var D, J, W, g, F;
+      var D, J, W, g, M;
       sl({
         message: r("comboBox.createSuccessful", { object: t.objectType, name: ((D = t.objectCreatedResponse) == null ? void 0 : D.name) ?? "" }),
         colour: "primary",
@@ -2716,30 +2716,30 @@ const za = /* @__PURE__ */ b("div", { tabindex: "0" }, null, -1), _a = ["onKeypr
       m.value && m.value.id === ((J = t.objectCreatedResponse) == null ? void 0 : J.parentId) && (C = m.value.name), s.value = {
         id: ((W = t.objectCreatedResponse) == null ? void 0 : W.id) ?? 0,
         name: ((g = t.objectCreatedResponse) == null ? void 0 : g.name) ?? "",
-        parentId: ((F = t.objectCreatedResponse) == null ? void 0 : F.parentId) ?? 0,
+        parentId: ((M = t.objectCreatedResponse) == null ? void 0 : M.parentId) ?? 0,
         parentName: C
       };
     }
-    function w() {
+    function y() {
       let C = "";
       return s.value && (s.value.parentName ? C = s.value.parentName + "; " + s.value.name : C = s.value.name), C;
     }
-    function E() {
+    function A() {
       let C = !0;
-      u.value === "" && (C = !1), t.objectParentType !== "" && m.value === null && (C = !1), P.value = C;
+      u.value === "" && (C = !1), t.objectParentType !== "" && m.value === null && (C = !1), L.value = C;
     }
-    oe(() => t.objectCreatedResponse, () => _()), oe(() => t.parentObjectCreatedResponse, () => z()), oe(() => u.value, () => E()), oe(() => m.value, () => E()), e({
+    oe(() => t.objectCreatedResponse, () => _()), oe(() => t.parentObjectCreatedResponse, () => z()), oe(() => u.value, () => A()), oe(() => m.value, () => A()), e({
       focus() {
         var C;
         (C = i.value) == null || C.focus();
       }
     });
-    const L = I();
-    return nl(L, () => o.value ? Z(!1) : ""), (C, D) => {
+    const U = I();
+    return nl(U, () => o.value ? Z(!1) : ""), (C, D) => {
       const J = Tl("cl-ui-combo-box", !0);
-      return p(), y("div", {
+      return p(), h("div", {
         ref_key: "outsideRef",
-        ref: L,
+        ref: U,
         class: "cl-relative"
       }, [
         b("div", eo, [
@@ -2748,7 +2748,7 @@ const za = /* @__PURE__ */ b("div", { tabindex: "0" }, null, -1), _a = ["onKeypr
             ref: i,
             modelValue: k.value,
             "onUpdate:modelValue": D[0] || (D[0] = (W) => k.value = W),
-            class: M(["!cl-mr-0 cl-mb-0 cl-rounded-r-none cl-w-full cl-z-10", {
+            class: V(["!cl-mr-0 cl-mb-0 cl-rounded-r-none cl-w-full cl-z-10", {
               "cl-cursor-pointer": C.disabled === !1
             }]),
             "input-type": "text",
@@ -2768,9 +2768,9 @@ const za = /* @__PURE__ */ b("div", { tabindex: "0" }, null, -1), _a = ["onKeypr
           ], 512), [
             [te, C.required && C.disabled === !1 && C.currentObject === null]
           ]),
-          o.value ? (p(), y("div", {
+          o.value ? (p(), h("div", {
             key: 1,
-            class: M(["cl-bg-white cl-border cl-border-grey-1 cl-float-right cl-h-10 cl-rounded cl-rounded-l-none cl-text-grey-3 cl-transition-colors cl-w-[27px] hover:cl-bg-link-light hover:cl-opacity-90 hover:cl-text-white", {
+            class: V(["cl-bg-white cl-border cl-border-grey-1 cl-float-right cl-h-10 cl-rounded cl-rounded-l-none cl-text-grey-3 cl-transition-colors cl-w-[27px] hover:cl-bg-link-light hover:cl-opacity-90 hover:cl-text-white", {
               "cl-cursor-default": C.disabled,
               "cl-cursor-pointer": C.disabled === !1
             }]),
@@ -2780,9 +2780,9 @@ const za = /* @__PURE__ */ b("div", { tabindex: "0" }, null, -1), _a = ["onKeypr
               icon: "ph:caret-up-bold",
               class: "cl-ml-[4px] cl-mt-[12px]"
             })
-          ], 2)) : (p(), y("div", {
+          ], 2)) : (p(), h("div", {
             key: 0,
-            class: M(["cl-bg-white cl-border cl-border-grey-1 cl-float-right cl-h-10 cl-rounded cl-rounded-l-none cl-text-grey-3 cl-transition-colors cl-w-[27px] hover:cl-bg-link-light hover:cl-opacity-90 hover:cl-text-white", {
+            class: V(["cl-bg-white cl-border cl-border-grey-1 cl-float-right cl-h-10 cl-rounded cl-rounded-l-none cl-text-grey-3 cl-transition-colors cl-w-[27px] hover:cl-bg-link-light hover:cl-opacity-90 hover:cl-text-white", {
               "cl-cursor-default": C.disabled,
               "cl-cursor-pointer": C.disabled === !1
             }]),
@@ -2809,8 +2809,8 @@ const za = /* @__PURE__ */ b("div", { tabindex: "0" }, null, -1), _a = ["onKeypr
               "error-message": C.errorMessage,
               "current-object-name": k.value,
               "is-visible": o.value,
-              class: M({
-                "cl-bottom-full": U.value
+              class: V({
+                "cl-bottom-full": j.value
               }),
               "search-hint": c.value,
               onCreateObject: () => C.objectParentType === "" && C.skipObjectCreationModal === !0 ? O() : W(),
@@ -2838,7 +2838,7 @@ const za = /* @__PURE__ */ b("div", { tabindex: "0" }, null, -1), _a = ["onKeypr
               S(be, {
                 colour: "primary",
                 size: "small",
-                disabled: !P.value,
+                disabled: !L.value,
                 onClick: (g) => {
                   O(), W();
                 }
@@ -2864,9 +2864,9 @@ const za = /* @__PURE__ */ b("div", { tabindex: "0" }, null, -1), _a = ["onKeypr
                 "can-create-new-object": C.canCreateNewObject,
                 "can-clear-selected-object": C.canClearSelectedObject,
                 "error-message": C.errorMessage,
-                onSearch: N,
+                onSearch: E,
                 onCreateObject: $
-              }, null, 8, ["current-object", "results", "loading", "object-type", "object-created-response", "can-create-new-object", "can-clear-selected-object", "error-message"])) : j("", !0),
+              }, null, 8, ["current-object", "results", "loading", "object-type", "object-created-response", "can-create-new-object", "can-clear-selected-object", "error-message"])) : F("", !0),
               S(me, {
                 modelValue: u.value,
                 "onUpdate:modelValue": D[6] || (D[6] = (W) => u.value = W),
@@ -2896,18 +2896,18 @@ const io = {}, co = { class: "cl-flex cl-flex-wrap cl-left-0 cl-mt-4 cl-w-full"
   class: "cl-leading-10 cl-text-sm cl-w-full"
 }, po = { class: "cl-float-left" }, mo = { class: "cl-float-right" };
 function vo(a, e) {
-  return p(), y("div", co, [
-    a.$slots.default ? (p(), y("div", uo, [
-      V(a.$slots, "default")
-    ])) : j("", !0),
-    a.$slots.left || a.$slots.right ? (p(), y("div", fo, [
+  return p(), h("div", co, [
+    a.$slots.default ? (p(), h("div", uo, [
+      P(a.$slots, "default")
+    ])) : F("", !0),
+    a.$slots.left || a.$slots.right ? (p(), h("div", fo, [
       b("span", po, [
-        V(a.$slots, "left")
+        P(a.$slots, "left")
       ]),
       b("span", mo, [
-        V(a.$slots, "right")
+        P(a.$slots, "right")
       ])
-    ])) : j("", !0)
+    ])) : F("", !0)
   ]);
 }
 const go = /* @__PURE__ */ ke(io, [["render", vo]]);
@@ -2941,13 +2941,13 @@ const ho = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, yo = { class: "cl-gap-1
   emits: ["update:edit-mode", "update:filterPanelOpen", "clear-filters"],
   setup(a) {
     const e = a, { t: l } = ie(), t = R(() => e.request.filters.some((n) => n.filterValue !== ""));
-    return (n, c) => (p(), y(X, null, [
+    return (n, c) => (p(), h(X, null, [
       b("div", ho, [
         b("strong", null, q(v(l)("grid.gridTools")), 1)
       ]),
       b("div", yo, [
         b("div", wo, [
-          V(n.$slots, "additional-grid-actions", ce(ve({
+          P(n.$slots, "additional-grid-actions", ce(ve({
             loading: n.loading,
             editMode: n.editMode
           })))
@@ -2961,18 +2961,18 @@ const ho = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, yo = { class: "cl-gap-1
           onClick: c[0] || (c[0] = ne((r) => n.$emit("update:edit-mode", !n.editMode), ["prevent"]))
         }, {
           default: Y(() => [
-            n.editMode ? (p(), y(X, { key: 0 }, [
+            n.editMode ? (p(), h(X, { key: 0 }, [
               de(q(v(l)("grid.finishEditing")), 1)
-            ], 64)) : (p(), y(X, { key: 1 }, [
+            ], 64)) : (p(), h(X, { key: 1 }, [
               de(q(v(l)("grid.editData")), 1)
             ], 64))
           ]),
           _: 1
-        }, 8, ["disabled"])) : j("", !0),
-        n.options.hideViewManager ? j("", !0) : (p(), y("div", To, [
-          V(n.$slots, "view-manager")
+        }, 8, ["disabled"])) : F("", !0),
+        n.options.hideViewManager ? F("", !0) : (p(), h("div", To, [
+          P(n.$slots, "view-manager")
         ])),
-        v(yl)(n.columns) || v(bo)(n.columns) ? (p(), y(X, { key: 2 }, [
+        v(yl)(n.columns) || v(bo)(n.columns) ? (p(), h(X, { key: 2 }, [
           b("div", $o, [
             S(be, {
               class: "cl-w-full",
@@ -2991,7 +2991,7 @@ const ho = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, yo = { class: "cl-gap-1
             size: "small",
             colour: "danger",
             disabled: !t.value || n.loading,
-            class: M({
+            class: V({
               "cl-col-span-2": n.columns.some((r) => r.editable)
             }),
             onClick: c[2] || (c[2] = ne((r) => n.$emit("clear-filters"), ["prevent"]))
@@ -3000,8 +3000,8 @@ const ho = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, yo = { class: "cl-gap-1
               de(q(v(l)("grid.clearFilters")), 1)
             ]),
             _: 1
-          }, 8, ["disabled", "class"])) : j("", !0)
-        ], 64)) : j("", !0)
+          }, 8, ["disabled", "class"])) : F("", !0)
+        ], 64)) : F("", !0)
       ])
     ], 64));
   }
@@ -3062,24 +3062,24 @@ const ho = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, yo = { class: "cl-gap-1
     }
     return (o, s) => {
       var i;
-      return o.column.type === "slot" ? V(o.$slots, o.column.name, { key: 0 }) : o.column.type === "boolean" && o.column.field !== void 0 ? (p(), G(me, {
+      return o.column.type === "slot" ? P(o.$slots, o.column.name, { key: 0 }) : o.column.type === "boolean" && o.column.field !== void 0 ? (p(), G(me, {
         key: 1,
         "input-type": "checkbox",
         "model-value": o.data[o.column.field],
         disabled: !0
-      }, null, 8, ["model-value"])) : (o.column.type === "date" || o.column.type === "datetime" || o.column.type === "dateRange") && o.column.field !== void 0 ? (p(), y(X, { key: 2 }, [
-        o.column.format !== void 0 ? (p(), y(X, { key: 0 }, [
+      }, null, 8, ["model-value"])) : (o.column.type === "date" || o.column.type === "datetime" || o.column.type === "dateRange") && o.column.field !== void 0 ? (p(), h(X, { key: 2 }, [
+        o.column.format !== void 0 ? (p(), h(X, { key: 0 }, [
           de(q(c(o.data[o.column.field], o.column.format)), 1)
-        ], 64)) : o.column.type === "date" || o.column.type === "dateRange" ? (p(), y(X, { key: 1 }, [
+        ], 64)) : o.column.type === "date" || o.column.type === "dateRange" ? (p(), h(X, { key: 1 }, [
           de(q(c(o.data[o.column.field], v(re).DATE)), 1)
-        ], 64)) : (p(), y(X, { key: 2 }, [
+        ], 64)) : (p(), h(X, { key: 2 }, [
           de(q(c(o.data[o.column.field], v(re).DATETIME)), 1)
         ], 64))
-      ], 64)) : o.column.type === "list" && o.column.field !== void 0 && o.column.listEntries !== void 0 ? (p(), y("span", Oo, q(v(l)(((i = o.column.listEntries.find((m) => m.value === o.data[o.column.field])) == null ? void 0 : i.translationKey) ?? "")), 1)) : o.column.type === "number" && o.column.field !== void 0 ? (p(), y("span", So, q(v(n)(o.data[o.column.field], o.column.format ?? v(ue).DECIMAL)), 1)) : o.column.field !== void 0 ? (p(), y("span", No, [
+      ], 64)) : o.column.type === "list" && o.column.field !== void 0 && o.column.listEntries !== void 0 ? (p(), h("span", Oo, q(v(l)(((i = o.column.listEntries.find((m) => m.value === o.data[o.column.field])) == null ? void 0 : i.translationKey) ?? "")), 1)) : o.column.type === "number" && o.column.field !== void 0 ? (p(), h("span", So, q(v(n)(o.data[o.column.field], o.column.format ?? v(ue).DECIMAL)), 1)) : o.column.field !== void 0 ? (p(), h("span", No, [
         b("span", {
           innerHTML: r()
         }, null, 8, Eo)
-      ])) : j("", !0);
+      ])) : F("", !0);
     };
   }
 }), Ao = { class: "cl-font-semibold lg:cl-hidden" }, qo = /* @__PURE__ */ Q({
@@ -3105,13 +3105,13 @@ const ho = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, yo = { class: "cl-gap-1
       s !== "" && (o[s] !== l.data[s] ? e("edit", o[s]) : e("undo"));
     }, {
       deep: !0
-    }), (o, s) => (p(), y("td", {
-      class: M(["cl-border-b cl-border-grey-1 cl-gap-1 cl-grid cl-grid-cols-2 cl-m-1 cl-mb-0 cl-py-2 cl-text-xs lg:cl-border-b-0 lg:cl-m-0 lg:cl-px-1 lg:cl-table-cell lg:cl-text-base", {
+    }), (o, s) => (p(), h("td", {
+      class: V(["cl-border-b cl-border-grey-1 cl-gap-1 cl-grid cl-grid-cols-2 cl-m-1 cl-mb-0 cl-py-2 cl-text-xs lg:cl-border-b-0 lg:cl-m-0 lg:cl-px-1 lg:cl-table-cell lg:cl-text-base", {
         "cl-bg-link-lighter": c.value
       }])
     }, [
       b("span", Ao, q(o.column.caption), 1),
-      o.editMode && o.column.editable === !0 ? V(o.$slots, `${o.column.name}Edit`, ce(fe({ key: 0 }, {
+      o.editMode && o.column.editable === !0 ? P(o.$slots, `${o.column.name}Edit`, ce(fe({ key: 0 }, {
         cellFocused: () => e("focus"),
         column: o.column,
         edited: c.value,
@@ -3126,7 +3126,7 @@ const ho = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, yo = { class: "cl-gap-1
           "search-value": o.searchValue
         }, {
           [o.column.name]: Y(() => [
-            V(o.$slots, o.column.name, ce(ve({
+            P(o.$slots, o.column.name, ce(ve({
               column: o.column,
               record: o.data,
               searchValue: o.searchValue
@@ -3142,7 +3142,7 @@ const ho = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, yo = { class: "cl-gap-1
         "search-value": o.searchValue
       }, {
         [o.column.name]: Y(() => [
-          V(o.$slots, o.column.name, ce(ve({ column: o.column, record: o.data, searchValue: o.searchValue })))
+          P(o.$slots, o.column.name, ce(ve({ column: o.column, record: o.data, searchValue: o.searchValue })))
         ]),
         _: 2
       }, 1032, ["column", "data", "time-zone", "search-value"]))
@@ -3159,8 +3159,8 @@ const ho = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, yo = { class: "cl-gap-1
   },
   emits: ["cell-focus", "cell-edit", "cell-undo", "row-select"],
   setup(a) {
-    return (e, l) => (p(), y("tr", null, [
-      (p(!0), y(X, null, se(e.columns, (t, n) => (p(), G(qo, {
+    return (e, l) => (p(), h("tr", null, [
+      (p(!0), h(X, null, se(e.columns, (t, n) => (p(), G(qo, {
         key: n,
         data: e.data,
         column: t,
@@ -3174,7 +3174,7 @@ const ho = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, yo = { class: "cl-gap-1
         se(e.$slots, (c, r) => ({
           name: r,
           fn: Y((o) => [
-            V(e.$slots, r, ce(ve(o)))
+            P(e.$slots, r, ce(ve(o)))
           ])
         }))
       ]), 1032, ["data", "column", "time-zone", "search-value", "edit-mode", "onEdit", "onUndo"]))), 128))
@@ -3207,27 +3207,27 @@ const ho = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, yo = { class: "cl-gap-1
     function r(u) {
       n.value.index !== -1 && n.value.index !== u && c(), n.value.index = u;
     }
-    function o(u, h) {
-      r(u), h.field !== void 0 && (n.value.record[h.field] = h.value);
+    function o(u, w) {
+      r(u), w.field !== void 0 && (n.value.record[w.field] = w.value);
     }
     function s(u) {
       if (u !== void 0) {
-        const { [u]: h, ...A } = n.value.record;
+        const { [u]: w, ...N } = n.value.record;
         n.value.record = {
-          ...A
+          ...N
         };
       }
     }
     const i = I({});
     oe(() => l.data, () => {
-      var u, h;
-      return i.value = Object.fromEntries(((h = (u = l.data) == null ? void 0 : u.results) == null ? void 0 : h.map((A, P) => [
-        [P],
+      var u, w;
+      return i.value = Object.fromEntries(((w = (u = l.data) == null ? void 0 : u.results) == null ? void 0 : w.map((N, L) => [
+        [L],
         {
           count: 0,
           target: null,
           reset: $l(() => {
-            i.value[P] && (i.value[P].count = 0, i.value[P].target = null);
+            i.value[L] && (i.value[L].count = 0, i.value[L].target = null);
           }, 2500, { immediate: !1 })
         }
       ])) ?? []);
@@ -3235,67 +3235,67 @@ const ho = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, yo = { class: "cl-gap-1
       deep: !0,
       immediate: !0
     });
-    function m(u, h, A) {
-      const { currentTarget: P } = A;
-      l.options.rowSelectionEnabled ? (k(P), e("row-select", h)) : (i.value[u].count++, i.value[u].target = P, i.value[u].count > 1 ? (i.value[u].reset.stop(), i.value[u].count = 0, k(P), i.value[u].target = null, e("row-select", h)) : i.value[u].reset.start());
+    function m(u, w, N) {
+      const { currentTarget: L } = N;
+      l.options.rowSelectionEnabled ? (k(L), e("row-select", w)) : (i.value[u].count++, i.value[u].target = L, i.value[u].count > 1 ? (i.value[u].reset.stop(), i.value[u].count = 0, k(L), i.value[u].target = null, e("row-select", w)) : i.value[u].reset.start());
     }
     function k(u) {
       l.options.highlightRowSelection && (u == null || u.classList.toggle("!cl-bg-link-lighter"));
     }
     return oe(() => l.editMode, () => {
       l.editMode || (c(), n.value.index = -1);
-    }), (u, h) => {
-      var A;
-      return p(), y("tbody", null, [
-        u.data && ((A = u.data.results) != null && A.length) ? (p(!0), y(X, { key: 0 }, se(u.data.results, (P, U) => (p(), G(Ro, {
-          key: U,
-          data: P,
+    }), (u, w) => {
+      var N;
+      return p(), h("tbody", null, [
+        u.data && ((N = u.data.results) != null && N.length) ? (p(!0), h(X, { key: 0 }, se(u.data.results, (L, j) => (p(), G(Ro, {
+          key: j,
+          data: L,
           columns: u.columns,
           "time-zone": u.timeZone,
           "search-value": u.searchValue,
           "edit-mode": u.editMode,
-          class: M(["cl-bg-opacity-100 cl-transition-colors", {
-            "cl-bg-white": U % 2 === 0 && u.data.totalRecords > 1,
-            "cl-bg-off-white": U % 2 === 1 || u.data.totalRecords === 1,
+          class: V(["cl-bg-opacity-100 cl-transition-colors", {
+            "cl-bg-white": j % 2 === 0 && u.data.totalRecords > 1,
+            "cl-bg-off-white": j % 2 === 1 || u.data.totalRecords === 1,
             "cl-cursor-pointer": (u.options.highlightRowSelection || u.options.rowSelectionEnabled) && !u.editMode,
             "hover:cl-bg-link-lighter": u.options.rowSelectionEnabled && u.options.highlightRowSelection && !u.editMode
           }]),
           onClick: (Z) => {
-            u.editMode || m(U, P, Z);
+            u.editMode || m(j, L, Z);
           },
           onCellFocus: (Z) => {
-            r(U);
+            r(j);
           },
           onCellEdit: (Z) => {
-            o(U, Z);
+            o(j, Z);
           },
           onCellUndo: s
         }, al({ _: 2 }, [
           se(u.$slots, (Z, ae) => ({
             name: ae,
-            fn: Y((N) => [
-              V(u.$slots, ae, fe(N, { disabled: u.loading }))
+            fn: Y((E) => [
+              P(u.$slots, ae, fe(E, { disabled: u.loading }))
             ])
           }))
-        ]), 1032, ["data", "columns", "time-zone", "search-value", "edit-mode", "class", "onClick", "onCellFocus", "onCellEdit"]))), 128)) : u.loading ? j("", !0) : (p(), y("tr", Do, [
+        ]), 1032, ["data", "columns", "time-zone", "search-value", "edit-mode", "class", "onClick", "onCellFocus", "onCellEdit"]))), 128)) : u.loading ? F("", !0) : (p(), h("tr", Do, [
           b("td", {
             colspan: u.columns.length
           }, [
             b("div", jo, [
               b("strong", Fo, q(v(t)("grid.noData")), 1),
-              u.request.filters.some((P) => P.filterValue !== "") ? (p(), y("div", Mo, [
+              u.request.filters.some((L) => L.filterValue !== "") ? (p(), h("div", Mo, [
                 b("div", Vo, q(v(t)("grid.noDataFiltersPresent")), 1),
                 S(be, {
                   size: "small",
                   colour: "danger",
-                  onClick: h[0] || (h[0] = ne((P) => u.$emit("clear-filters"), ["prevent"]))
+                  onClick: w[0] || (w[0] = ne((L) => u.$emit("clear-filters"), ["prevent"]))
                 }, {
                   default: Y(() => [
                     de(q(v(t)("grid.clearFilters")), 1)
                   ]),
                   _: 1
                 })
-              ])) : j("", !0)
+              ])) : F("", !0)
             ])
           ], 8, Io)
         ]))
@@ -3321,20 +3321,20 @@ const ho = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, yo = { class: "cl-gap-1
       return l.data !== null ? Math.ceil((((u = l.data) == null ? void 0 : u.totalRecords) ?? 0) / l.request.pageSize) : 1;
     }), r = R(() => {
       const u = Array.from(Array(c.value + 1).keys());
-      let h = [];
+      let w = [];
       if (u.shift(), u.length) {
-        const A = l.request.pageNumber === c.value || l.request.pageNumber === c.value - 1 ? c.value - 3 : l.request.pageNumber - 1;
-        h = u.slice(A, A + 3);
+        const N = l.request.pageNumber === c.value || l.request.pageNumber === c.value - 1 ? c.value - 3 : l.request.pageNumber - 1;
+        w = u.slice(N, N + 3);
       }
-      return h;
+      return w;
     });
     function o(u) {
-      const h = ge(l.request);
-      h.pageNumber !== u && (h.pageNumber = Math.max(Math.min(Math.trunc(u), c.value), 1), e("update:request", h));
+      const w = ge(l.request);
+      w.pageNumber !== u && (w.pageNumber = Math.max(Math.min(Math.trunc(u), c.value), 1), e("update:request", w));
     }
     function s(u) {
-      const h = parseInt(u == null ? void 0 : u.value) || 1;
-      o(h);
+      const w = parseInt(u == null ? void 0 : u.value) || 1;
+      o(w);
     }
     const i = [
       5,
@@ -3345,13 +3345,13 @@ const ho = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, yo = { class: "cl-gap-1
       200
     ];
     function m(u) {
-      const h = ge(l.request);
-      h.pageSize = u, h.pageNumber = 1, e("update:request", h);
+      const w = ge(l.request);
+      w.pageSize = u, w.pageNumber = 1, e("update:request", w);
     }
     const k = ol(s, 750);
-    return (u, h) => {
-      var A, P;
-      return (P = (A = u.data) == null ? void 0 : A.results) != null && P.length && u.request ? (p(), y("div", Po, [
+    return (u, w) => {
+      var N, L;
+      return (L = (N = u.data) == null ? void 0 : N.results) != null && L.length && u.request ? (p(), h("div", Po, [
         b("div", Uo, [
           b("span", Bo, q(v(n)("grid.jumpToPage")), 1),
           S(me, {
@@ -3362,7 +3362,7 @@ const ho = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, yo = { class: "cl-gap-1
             "show-label": !1,
             min: 1,
             max: c.value,
-            onInput: h[0] || (h[0] = (U) => v(k)(U.target))
+            onInput: w[0] || (w[0] = (j) => v(k)(j.target))
           }, null, 8, ["model-value", "disabled", "max"])
         ]),
         b("div", zo, [
@@ -3374,7 +3374,7 @@ const ho = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, yo = { class: "cl-gap-1
               b("li", Zo, q(v(t)(u.request.pageNumber, v(ue).INTEGER)) + " / " + q(v(t)(c.value, v(ue).INTEGER)), 1),
               le(b("li", {
                 class: "cl-cursor-pointer cl-mr-1 cl-mt-1 lg:cl-mr-2",
-                onClick: h[1] || (h[1] = (U) => o(1))
+                onClick: w[1] || (w[1] = (j) => o(1))
               }, [
                 S(v(H), {
                   icon: "ph:caret-double-left",
@@ -3385,7 +3385,7 @@ const ho = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, yo = { class: "cl-gap-1
               ]),
               le(b("li", {
                 class: "cl-cursor-pointer cl-mt-1 lg:cl-mr-2 mr-1",
-                onClick: h[2] || (h[2] = (U) => o(u.request.pageNumber - 1))
+                onClick: w[2] || (w[2] = (j) => o(u.request.pageNumber - 1))
               }, [
                 S(v(H), {
                   icon: "ph:caret-left",
@@ -3394,17 +3394,17 @@ const ho = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, yo = { class: "cl-gap-1
               ], 512), [
                 [te, u.request.pageNumber > 1]
               ]),
-              (p(!0), y(X, null, se(r.value, (U, Z) => (p(), y("li", {
+              (p(!0), h(X, null, se(r.value, (j, Z) => (p(), h("li", {
                 key: Z,
-                class: M(["cl-cursor-pointer cl-mr-1 lg:cl-mr-2", {
-                  "cl-text-black cl-font-bold": u.request.pageNumber === U,
-                  "cl-text-grey-6": u.request.pageNumber !== U
+                class: V(["cl-cursor-pointer cl-mr-1 lg:cl-mr-2", {
+                  "cl-text-black cl-font-bold": u.request.pageNumber === j,
+                  "cl-text-grey-6": u.request.pageNumber !== j
                 }]),
-                onClick: (ae) => o(U)
-              }, q(v(t)(U, v(ue).INTEGER)), 11, Ko))), 128)),
+                onClick: (ae) => o(j)
+              }, q(v(t)(j, v(ue).INTEGER)), 11, Ko))), 128)),
               le(b("li", {
                 class: "cl-cursor-pointer cl-mr-1 cl-mt-1 lg:cl-mr-2",
-                onClick: h[3] || (h[3] = (U) => o(u.request.pageNumber + 1))
+                onClick: w[3] || (w[3] = (j) => o(u.request.pageNumber + 1))
               }, [
                 S(v(H), {
                   icon: "ph:caret-right",
@@ -3415,7 +3415,7 @@ const ho = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, yo = { class: "cl-gap-1
               ]),
               le(b("li", {
                 class: "cl-cursor-pointer cl-mr-1 cl-mt-1 lg:cl-mr-2",
-                onClick: h[4] || (h[4] = (U) => o(c.value))
+                onClick: w[4] || (w[4] = (j) => o(c.value))
               }, [
                 S(v(H), {
                   icon: "ph:caret-double-right",
@@ -3428,21 +3428,21 @@ const ho = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, yo = { class: "cl-gap-1
           ]),
           b("ul", Qo, [
             b("li", Wo, q(v(n)("grid.pageSize")), 1),
-            (p(), y(X, null, se(i, (U, Z) => b("li", {
+            (p(), h(X, null, se(i, (j, Z) => b("li", {
               key: Z,
-              class: M(["cl-cursor-pointer cl-mr-1 lg:cl-mr-2", {
-                "cl-text-black cl-font-bold": u.request.pageSize === U,
-                "cl-text-grey-6": u.request.pageSize !== U
+              class: V(["cl-cursor-pointer cl-mr-1 lg:cl-mr-2", {
+                "cl-text-black cl-font-bold": u.request.pageSize === j,
+                "cl-text-grey-6": u.request.pageSize !== j
               }]),
-              onClick: (ae) => m(U)
-            }, q(v(t)(U, v(ue).INTEGER)), 11, Yo)), 64))
+              onClick: (ae) => m(j)
+            }, q(v(t)(j, v(ue).INTEGER)), 11, Yo)), 64))
           ]),
           b("ul", Jo, [
             b("li", Xo, q(v(n)("grid.totalRecords")), 1),
             b("li", en, q(v(t)(u.data.totalRecords, v(ue).INTEGER)), 1)
           ])
         ])
-      ])) : j("", !0);
+      ])) : F("", !0);
     };
   }
 }), tn = [
@@ -3671,30 +3671,30 @@ const dn = {
         return;
       e("update:filter", s);
     }
-    return (o, s) => (p(), y("div", mn, [
+    return (o, s) => (p(), h("div", mn, [
       b("div", vn, [
         c.value ? (p(), G(v(H), {
           key: 0,
           icon: c.value.icon,
-          class: M(["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"])) : j("", !0)
+        }, null, 8, ["icon", "class"])) : F("", !0)
       ]),
       b("div", {
-        class: M(["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": o.loading === !1,
           "cl-left-0": o.firstHalf,
           "cl--left-44": !o.firstHalf
         }])
       }, [
         b("strong", gn, q(v(t)("grid.availableMethods")), 1),
-        (p(!0), y(X, null, se(n.value, (i, m) => {
+        (p(!0), h(X, null, se(n.value, (i, m) => {
           var k;
-          return p(), y("span", {
+          return p(), h("span", {
             key: m,
-            class: M(["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": i.method === ((k = c.value) == null ? void 0 : k.method)
             }]),
             onClick: ne((u) => r(i.method), ["prevent"])
@@ -3733,37 +3733,37 @@ const dn = {
       set: (f) => e("update:filter", f)
     }), o = R(() => l.column.type === "date" || l.column.type === "datetime" || l.column.type === "slot" && (l.column.slotType === "date" || l.column.slotType === "datetime")), s = R(() => l.column.type === "dateRange" || l.column.type === "slot" && l.column.slotType === "dateRange"), i = R(() => l.column.type === "list" || l.column.type === "slot" && l.column.slotType === "list"), m = R(() => i.value && l.column.listType === "number"), k = R({
       get() {
-        var O, $, _, z, T, w, E;
+        var O, $, _, z, T, y, A;
         let f = (O = r.value) == null ? void 0 : O[0];
         if (f) {
           if (o.value) {
             if (((($ = l.filter) == null ? void 0 : $.length) ?? 0) > 1) {
-              const L = (_ = r.value) == null ? void 0 : _.find((D) => D.filterOperation === ee.EQUAL_OR_GREATER_THAN), C = (z = r.value) == null ? void 0 : z.find((D) => D.filterOperation === ee.LESS_THAN);
-              L && C && (f = {
+              const U = (_ = r.value) == null ? void 0 : _.find((D) => D.filterOperation === ee.EQUAL_OR_GREATER_THAN), C = (z = r.value) == null ? void 0 : z.find((D) => D.filterOperation === ee.LESS_THAN);
+              U && C && (f = {
                 filterOnColumn: l.column.field,
                 filterOperation: ee.EQUAL,
                 filterMethod: "equal",
-                filterValue: L.filterValue
+                filterValue: U.filterValue
               });
             } else if (f.filterOperation === ee.EQUAL_OR_LESS_THAN || f.filterOperation === ee.GREATER_THAN) {
-              let L = x.fromISO(f.filterValue, {
+              let U = x.fromISO(f.filterValue, {
                 zone: l.timeZone ?? "UTC"
               });
-              l.column.type === "date" || l.column.type === "slot" && l.column.slotType === "date" ? L = L.minus({ days: 1 }) : L = L.minus({ minutes: 1 }), f = {
+              l.column.type === "date" || l.column.type === "slot" && l.column.slotType === "date" ? U = U.minus({ days: 1 }) : U = U.minus({ minutes: 1 }), f = {
                 filterOnColumn: l.column.field,
                 filterOperation: f.filterOperation,
                 filterMethod: f.filterOperation === ee.EQUAL_OR_LESS_THAN ? "equalorlessthan" : "greaterthan",
-                filterValue: L.plus({ milliseconds: 1 }).toISO() ?? ""
+                filterValue: U.plus({ milliseconds: 1 }).toISO() ?? ""
               };
             }
           } else if (s.value && (((T = l.filter) == null ? void 0 : T.length) ?? 0) > 1) {
-            const L = (w = r.value) == null ? void 0 : w.find((D) => D.filterOperation === ee.EQUAL_OR_GREATER_THAN), C = (E = r.value) == null ? void 0 : E.find((D) => D.filterOperation === ee.EQUAL_OR_LESS_THAN);
-            L && C && (f = {
+            const U = (y = r.value) == null ? void 0 : y.find((D) => D.filterOperation === ee.EQUAL_OR_GREATER_THAN), C = (A = r.value) == null ? void 0 : A.find((D) => D.filterOperation === ee.EQUAL_OR_LESS_THAN);
+            U && C && (f = {
               filterOnColumn: l.column.field,
               filterOperation: ee.EQUAL,
               filterMethod: "equal",
               filterValue: {
-                start: L.filterValue,
+                start: U.filterValue,
                 end: C.filterValue
               }
             });
@@ -3774,38 +3774,38 @@ const dn = {
       set(f) {
         let O = null;
         if (o.value) {
-          const $ = f, _ = ($ == null ? void 0 : $.filterMethod) && h($.filterMethod, $.filterValue, "equal"), z = ($ == null ? void 0 : $.filterMethod) && h($.filterMethod, $.filterValue, "equalorlessthan"), T = ($ == null ? void 0 : $.filterMethod) && h($.filterMethod, $.filterValue, "greaterthan");
+          const $ = f, _ = ($ == null ? void 0 : $.filterMethod) && w($.filterMethod, $.filterValue, "equal"), z = ($ == null ? void 0 : $.filterMethod) && w($.filterMethod, $.filterValue, "equalorlessthan"), T = ($ == null ? void 0 : $.filterMethod) && w($.filterMethod, $.filterValue, "greaterthan");
           if (_) {
-            let w = x.fromISO($.filterValue, {
+            let y = x.fromISO($.filterValue, {
               zone: l.timeZone ?? "UTC"
             }).set({ second: 0, millisecond: 0 });
-            const E = w.toISO();
-            l.column.type === "date" || l.column.type === "slot" && l.column.slotType === "date" ? w = w.plus({ days: 1 }) : w = w.plus({ minutes: 1 });
-            const L = w.toISO();
+            const A = y.toISO();
+            l.column.type === "date" || l.column.type === "slot" && l.column.slotType === "date" ? y = y.plus({ days: 1 }) : y = y.plus({ minutes: 1 });
+            const U = y.toISO();
             O = [
               {
                 filterOnColumn: l.column.field,
                 filterOperation: ee.EQUAL_OR_GREATER_THAN,
                 filterMethod: "equalorgreaterthan",
-                filterValue: E
+                filterValue: A
               },
               {
                 filterOnColumn: l.column.field,
                 filterOperation: ee.LESS_THAN,
                 filterMethod: "lessthan",
-                filterValue: L
+                filterValue: U
               }
             ];
           } else if (z || T) {
-            let w = x.fromISO($.filterValue, {
+            let y = x.fromISO($.filterValue, {
               zone: l.timeZone ?? "UTC"
             }).set({ second: 0, millisecond: 0 });
-            l.column.type === "date" || l.column.type === "slot" && l.column.slotType === "date" ? w = w.plus({ days: 1 }) : w = w.plus({ minutes: 1 }), O = [
+            l.column.type === "date" || l.column.type === "slot" && l.column.slotType === "date" ? y = y.plus({ days: 1 }) : y = y.plus({ minutes: 1 }), O = [
               {
                 filterOnColumn: l.column.field,
                 filterOperation: z ? ee.EQUAL_OR_LESS_THAN : ee.GREATER_THAN,
                 filterMethod: z ? "equalorlessthan" : "greaterthan",
-                filterValue: w.minus({ milliseconds: 1 }).toISO()
+                filterValue: y.minus({ milliseconds: 1 }).toISO()
               }
             ];
           }
@@ -3845,25 +3845,25 @@ const dn = {
         k.value = f;
       }
     });
-    function h(f, O, $) {
+    function w(f, O, $) {
       return O !== void 0 && O !== "" && f === $ && o.value;
     }
-    const A = R(() => {
+    const N = R(() => {
       var f;
       return ((f = k.value) == null ? void 0 : f.filterValue) ?? "";
-    }), P = R(() => A.value === "" ? null : A.value), U = R(() => A.value === "" ? null : A.value), Z = R(() => Intl.NumberFormat(t.value).format(1.1).replace(/[0-9]+/g, "")), ae = R(() => rl(l.column));
-    function N(f, O) {
+    }), L = R(() => N.value === "" ? null : N.value), j = R(() => N.value === "" ? null : N.value), Z = R(() => Intl.NumberFormat(t.value).format(1.1).replace(/[0-9]+/g, "")), ae = R(() => rl(l.column));
+    function E(f, O) {
       var T;
       let $, _ = !1;
       const z = ((f == null ? void 0 : f.value) ?? O).trim();
       if (k.value)
         _ = ((T = k.value) == null ? void 0 : T.filterValue) === z, $ = ge(u.value), $.filterValue = z;
       else if (z !== "" && typeof l.column.field < "u") {
-        const w = c();
+        const y = c();
         $ = {
           filterOnColumn: l.column.field,
-          filterMethod: ee[w].replace("_", "").toLowerCase(),
-          filterOperation: w,
+          filterMethod: ee[y].replace("_", "").toLowerCase(),
+          filterOperation: y,
           filterValue: z
         };
       } else
@@ -3872,7 +3872,7 @@ const dn = {
     }
     function B(f, O) {
       let $, _ = (f == null ? void 0 : f.value) ?? O ?? 0;
-      l.column.format === ue.INTEGER ? (typeof _ == "string" && (_ = parseInt(_)), $ = Math.round(_)) : (typeof _ == "string" && (_ = parseFloat(_.replace(Z.value, "."))), $ = _), N(null, isNaN($) ? "" : $.toString());
+      l.column.format === ue.INTEGER ? (typeof _ == "string" && (_ = parseInt(_)), $ = Math.round(_)) : (typeof _ == "string" && (_ = parseFloat(_.replace(Z.value, "."))), $ = _), E(null, isNaN($) ? "" : $.toString());
     }
     function d(f) {
       var _;
@@ -3891,35 +3891,35 @@ const dn = {
         return;
       $ === !1 && (k.value = O);
     }
-    return (f, O) => ae.value ? (p(), y("div", yn, [
-      f.column.type === "boolean" || f.column.type === "slot" && f.column.slotType === "boolean" ? (p(), y("select", {
+    return (f, O) => ae.value ? (p(), h("div", yn, [
+      f.column.type === "boolean" || f.column.type === "slot" && f.column.slotType === "boolean" ? (p(), h("select", {
         key: 0,
         disabled: f.loading,
         class: "!cl-h-[2rem] cl-bg-white cl-border-none cl-mb-0 cl-rounded-md cl-w-full",
-        onChange: O[0] || (O[0] = ($) => N($.target))
+        onChange: O[0] || (O[0] = ($) => E($.target))
       }, [
         kn,
         b("option", {
           value: "true",
-          selected: A.value === "true"
+          selected: N.value === "true"
         }, q(v(n)("grid.true")), 9, Tn),
         b("option", {
           value: "false",
-          selected: A.value === "false"
+          selected: N.value === "false"
         }, q(v(n)("grid.false")), 9, $n)
       ], 40, wn)) : o.value ? (p(), G(me, {
         key: 1,
-        "model-value": P.value,
+        "model-value": L.value,
         class: "!cl-h-[2rem] !cl-text-xs cl-border-none cl-mb-0 cl-w-full lg:!cl-text-base",
         disabled: f.loading,
         label: f.column.caption,
         "show-label": !1,
         "input-type": f.column.type === "slot" ? f.column.slotType : f.column.type,
         "time-zone": f.timeZone,
-        "onUpdate:modelValue": O[1] || (O[1] = ($) => N(null, $ ?? ""))
+        "onUpdate:modelValue": O[1] || (O[1] = ($) => E(null, $ ?? ""))
       }, null, 8, ["model-value", "disabled", "label", "input-type", "time-zone"])) : s.value ? (p(), G(me, {
         key: 2,
-        "model-value": U.value,
+        "model-value": j.value,
         class: "!cl-h-[2rem] [&_.clear-icon]:-cl-m-1 [&_.icon]:cl-text-sm cl-border-none cl-mb-0 cl-w-full",
         disabled: f.loading,
         "input-type": "dateRange",
@@ -3928,7 +3928,7 @@ const dn = {
         "onUpdate:modelValue": O[2] || (O[2] = ($) => d($))
       }, null, 8, ["model-value", "disabled", "time-zone", "quick-date-scope"])) : f.column.type === "number" || f.column.type === "slot" && f.column.slotType === "number" ? (p(), G(me, {
         key: 3,
-        "model-value": A.value,
+        "model-value": N.value,
         class: "!cl-h-[2rem] !cl-text-xs cl-border-none cl-mb-0 cl-w-full lg:!cl-text-base",
         disabled: f.loading,
         "input-type": "number",
@@ -3936,25 +3936,25 @@ const dn = {
         onInput: O[3] || (O[3] = ($, _) => B(null, _))
       }, null, 8, ["model-value", "disabled"])) : f.column.type === "string" || f.column.type === "slot" && f.column.slotType === "string" ? (p(), G(me, {
         key: 4,
-        "model-value": A.value,
+        "model-value": N.value,
         class: "!cl-h-[2rem] !cl-text-xs cl-border-none cl-mb-0 cl-w-full lg:!cl-text-base",
         disabled: f.loading,
         "input-type": "text",
-        onInput: O[4] || (O[4] = ($, _) => N(null, _))
-      }, null, 8, ["model-value", "disabled"])) : i.value ? (p(), y("select", {
+        onInput: O[4] || (O[4] = ($, _) => E(null, _))
+      }, null, 8, ["model-value", "disabled"])) : i.value ? (p(), h("select", {
         key: 5,
         class: "!cl-h-[2rem] cl-bg-white cl-border-none cl-mb-0 cl-rounded-md cl-w-full",
         disabled: f.loading,
-        onChange: O[5] || (O[5] = ($) => m.value ? B($.target) : N($.target))
+        onChange: O[5] || (O[5] = ($) => m.value ? B($.target) : E($.target))
       }, [
         On,
-        (p(!0), y(X, null, se(f.column.listEntries ?? [], ($) => (p(), y("option", {
+        (p(!0), h(X, null, se(f.column.listEntries ?? [], ($) => (p(), h("option", {
           key: $.value,
           value: $.value,
-          selected: A.value === $.value.toString()
+          selected: N.value === $.value.toString()
         }, q(v(n)($.translationKey)), 9, Sn))), 128))
-      ], 40, Cn)) : j("", !0),
-      s.value ? j("", !0) : (p(), G(hn, {
+      ], 40, Cn)) : F("", !0),
+      s.value ? F("", !0) : (p(), G(hn, {
         key: 6,
         filter: u.value,
         "onUpdate:filter": O[6] || (O[6] = ($) => u.value = $),
@@ -3963,7 +3963,7 @@ const dn = {
         "default-operation": c(),
         "first-half": f.firstHalf
       }, null, 8, ["filter", "loading", "column", "default-operation", "first-half"]))
-    ])) : j("", !0);
+    ])) : F("", !0);
   }
 }), En = { class: "-cl-top-1 cl-bg-white cl-shadow-sm cl-sticky cl-z-20 lg:cl-bg-transparent lg:cl-relative lg:cl-shadow-none" }, An = { class: "cl-hidden lg:cl-table-row" }, qn = ["onClick"], Rn = { class: "cl-flex cl-justify-end cl-w-full lg:cl-hidden" }, Dn = { class: "cl-col-span-2 lg:cl-hidden" }, In = ["onClick"], jn = { class: "cl-font-normal cl-mr-1" }, Fn = /* @__PURE__ */ Q({
   __name: "cl-ui-grid-header",
@@ -4003,11 +4003,11 @@ const dn = {
         ], i.pageNumber = 1, n.value = i;
       }
     }
-    return (s, i) => (p(), y("thead", En, [
+    return (s, i) => (p(), h("thead", En, [
       b("tr", An, [
-        (p(!0), y(X, null, se(s.columns, (m, k) => (p(), y("th", {
+        (p(!0), h(X, null, se(s.columns, (m, k) => (p(), h("th", {
           key: k,
-          class: M(["cl-text-grey-3 cl-text-sm", {
+          class: V(["cl-text-grey-3 cl-text-sm", {
             "cl-cursor-pointer": v(Le)(m) && s.loading === !1
           }]),
           onClick: (u) => v(Le)(m) && s.loading === !1 ? r(m.field) : () => {
@@ -4029,7 +4029,7 @@ const dn = {
         ], 10, qn))), 128))
       ]),
       b("tr", {
-        class: M(["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": !s.filterPanelOpen
         }])
       }, [
@@ -4041,14 +4041,14 @@ const dn = {
             onClick: i[0] || (i[0] = ne((m) => s.loading === !1 ? s.$emit("update:filterPanelOpen", !1) : void 0, ["prevent"]))
           })
         ]),
-        (p(!0), y(X, null, se(s.columns, (m, k) => (p(), y("th", {
+        (p(!0), h(X, null, se(s.columns, (m, k) => (p(), h("th", {
           key: k,
-          class: M(["cl-grid cl-grid-cols-4 cl-py-1 cl-text-xs cl-w-full lg:cl-table-cell lg:cl-w-auto", {
+          class: V(["cl-grid cl-grid-cols-4 cl-py-1 cl-text-xs cl-w-full lg:cl-table-cell lg:cl-w-auto", {
             "cl-hidden lg:cl-table-cell": !v(rl)(m)
           }])
         }, [
           b("div", Dn, q(m.caption), 1),
-          v(Le)(m) ? (p(), y("div", {
+          v(Le)(m) ? (p(), h("div", {
             key: 0,
             class: "cl-col-span-2 cl-gap-1 cl-span lg:cl-hidden",
             onClick: (u) => s.loading === !1 ? r(m.field) : void 0
@@ -4067,7 +4067,7 @@ const dn = {
               class: "cl-cursor-pointer cl-inline-block",
               icon: "ph:minus"
             }))
-          ], 8, In)) : j("", !0),
+          ], 8, In)) : F("", !0),
           S(Nn, {
             class: "cl-col-span-4",
             loading: s.loading,
@@ -4113,7 +4113,7 @@ const dn = {
     const { t: c } = ie();
     return (r, o) => {
       const s = Tl("icon");
-      return V(r.$slots, "search", ce(ve({ searchValue: r.searchValue, performSearch: n })), () => [
+      return P(r.$slots, "search", ce(ve({ searchValue: r.searchValue, performSearch: n })), () => [
         b("div", Mn, [
           S(me, {
             "model-value": r.searchValue,
@@ -4147,14 +4147,14 @@ const dn = {
       m < s.length && m >= 0 && s.splice(m, 0, s.splice(i, 1)[0]);
     }
     function r(s, i) {
-      const m = ge(l.columns), k = (s == null ? void 0 : s.checked) ?? !1, u = m.findIndex((h) => h.name === i.name);
+      const m = ge(l.columns), k = (s == null ? void 0 : s.checked) ?? !1, u = m.findIndex((w) => w.name === i.name);
       u >= 0 && (m[u].visible = k), e("update:columns", m);
     }
     function o(s, i) {
       const m = ge(l.columns), k = i === "up" ? s + 1 : s - 1;
       c(m, s, k), e("update:columns", m);
     }
-    return (s, i) => (p(), y(X, null, [
+    return (s, i) => (p(), h(X, null, [
       S(be, fe(s.$attrs, {
         class: "cl-w-full",
         size: "small",
@@ -4184,7 +4184,7 @@ const dn = {
                     b("strong", Hn, q(v(t)("grid.visible")), 1),
                     b("strong", xn, q(v(t)("grid.order")), 1)
                   ]),
-                  (p(!0), y(X, null, se(s.columns, (m, k) => (p(), y("li", {
+                  (p(!0), h(X, null, se(s.columns, (m, k) => (p(), h("li", {
                     key: k,
                     class: "cl-border-b cl-border-grey-2 cl-flex cl-py-2 cl-text-sm cl-w-full"
                   }, [
@@ -4197,20 +4197,20 @@ const dn = {
                       }, null, 8, ["model-value", "onClick"])
                     ]),
                     b("div", Kn, [
-                      m.visible === void 0 || m.visible === !0 ? (p(), y(X, { key: 0 }, [
+                      m.visible === void 0 || m.visible === !0 ? (p(), h(X, { key: 0 }, [
                         k !== 0 ? (p(), G(v(H), {
                           key: 0,
                           class: "cl-cursor-pointer cl-inline-block cl-mr-2",
                           icon: "ph:arrow-left",
                           onClick: (u) => o(k, "down")
-                        }, null, 8, ["onClick"])) : j("", !0),
+                        }, null, 8, ["onClick"])) : F("", !0),
                         k !== s.columns.length - 1 ? (p(), G(v(H), {
                           key: 1,
                           class: "cl-cursor-pointer cl-inline-block",
                           icon: "ph:arrow-right",
                           onClick: (u) => o(k, "up")
-                        }, null, 8, ["onClick"])) : j("", !0)
-                      ], 64)) : (p(), y("em", Qn, q(v(t)("grid.hidden")), 1))
+                        }, null, 8, ["onClick"])) : F("", !0)
+                      ], 64)) : (p(), h("em", Qn, q(v(t)("grid.hidden")), 1))
                     ])
                   ]))), 128))
                 ])
@@ -4239,75 +4239,75 @@ const dn = {
     var ae;
     const l = a, t = R({
       get: () => l.columns,
-      set: (N) => e("update:columns", N)
-    }), n = R(() => t.value.filter((N) => N.visible ?? !0)), c = I({});
+      set: (E) => e("update:columns", E)
+    }), n = R(() => t.value.filter((E) => E.visible ?? !0)), c = I({});
     function r() {
-      const N = {};
+      const E = {};
       window.innerWidth >= 1024 && t.value.forEach((B) => {
         const d = B.width ? `${B.width}px` : "";
-        N[`${B.name}`] = `width: ${d}; min-width: ${d};`;
-      }), c.value = N;
+        E[`${B.name}`] = `width: ${d}; min-width: ${d};`;
+      }), c.value = E;
     }
-    function o(N) {
-      return c.value[N] ?? "";
+    function o(E) {
+      return c.value[E] ?? "";
     }
     Ze(() => {
       window.addEventListener("resize", r), r();
     }), tl(() => window.removeEventListener("resize", r));
     const s = R({
       get: () => l.request,
-      set: (N) => e("update:request", N)
+      set: (E) => e("update:request", E)
     });
     function i() {
-      const N = ge(s.value);
-      N.pageNumber = 1, N.filters = [], U.value = "", s.value = N;
+      const E = ge(s.value);
+      E.pageNumber = 1, E.filters = [], j.value = "", s.value = E;
     }
     const m = ol(() => e("data-request"), 750);
     oe(s, m, {
       deep: !0,
       immediate: !0
     });
-    const k = R(() => l.data), u = I(!1), h = I(!1);
+    const k = R(() => l.data), u = I(!1), w = I(!1);
     oe(u, () => u.value ? e("edit-start") : e("edit-end"));
-    const A = R(() => ({
+    const N = R(() => ({
       highlightRowSelection: !0,
       ...l.options
-    })), P = R({
+    })), L = R({
       get() {
-        const N = ge(s.value);
-        return N.filters = N.filters.filter((B) => B.filterMethod !== "andcontains" && B.filterOperation !== ee.AND_CONTAINS), N;
+        const E = ge(s.value);
+        return E.filters = E.filters.filter((B) => B.filterMethod !== "andcontains" && B.filterOperation !== ee.AND_CONTAINS), E;
       },
-      set(N) {
+      set(E) {
         const B = [
-          ...N.filters,
+          ...E.filters,
           ...s.value.filters.filter((d) => d.filterMethod === "andcontains" || d.filterOperation === ee.AND_CONTAINS)
         ];
         s.value = {
-          ...N,
+          ...E,
           filters: B
         };
       }
-    }), U = I(((ae = l.request.filters.find((N) => N.filterMethod === "andcontains" || N.filterOperation === ee.AND_CONTAINS)) == null ? void 0 : ae.filterValue) ?? ""), Z = R(() => l.columns.filter((N) => (N.type === "string" || N.type === "slot" && N.slotType === "string") && N.searchable));
-    return (N, B) => (p(), y("div", Yn, [
+    }), j = I(((ae = l.request.filters.find((E) => E.filterMethod === "andcontains" || E.filterOperation === ee.AND_CONTAINS)) == null ? void 0 : ae.filterValue) ?? ""), Z = R(() => l.columns.filter((E) => (E.type === "string" || E.type === "slot" && E.slotType === "string") && E.searchable));
+    return (E, B) => (p(), h("div", Yn, [
       Z.value.length > 0 ? (p(), G(Vn, {
         key: 0,
-        "search-value": U.value,
-        "onUpdate:searchValue": B[0] || (B[0] = (d) => U.value = d),
+        "search-value": j.value,
+        "onUpdate:searchValue": B[0] || (B[0] = (d) => j.value = d),
         request: s.value,
         "onUpdate:request": B[1] || (B[1] = (d) => s.value = d),
         columns: Z.value
       }, {
         search: Y((d) => [
-          V(N.$slots, "search", ce(ve(d)))
+          P(E.$slots, "search", ce(ve(d)))
         ]),
         _: 3
-      }, 8, ["search-value", "request", "columns"])) : j("", !0),
+      }, 8, ["search-value", "request", "columns"])) : F("", !0),
       S(Te, { name: "fade" }, {
         default: Y(() => [
           le(b("div", Jn, [
             S(Ke, { class: "after:!cl-h-20 after:!cl-w-20 cl-h-20 cl-w-20" })
           ], 512), [
-            [te, N.loading]
+            [te, E.loading]
           ])
         ]),
         _: 1
@@ -4315,66 +4315,66 @@ const dn = {
       S(Co, {
         "edit-mode": u.value,
         "onUpdate:editMode": B[3] || (B[3] = (d) => u.value = d),
-        "filter-panel-open": h.value,
-        "onUpdate:filterPanelOpen": B[4] || (B[4] = (d) => h.value = d),
-        columns: N.columns,
-        options: A.value,
+        "filter-panel-open": w.value,
+        "onUpdate:filterPanelOpen": B[4] || (B[4] = (d) => w.value = d),
+        columns: E.columns,
+        options: N.value,
         request: s.value,
-        loading: N.loading,
+        loading: E.loading,
         onClearFilters: i
       }, {
         "additional-grid-actions": Y((d) => [
-          V(N.$slots, "additional-grid-actions", ce(ve(d)))
+          P(E.$slots, "additional-grid-actions", ce(ve(d)))
         ]),
         "view-manager": Y(() => [
           S(Wn, {
             columns: t.value,
             "onUpdate:columns": B[2] || (B[2] = (d) => t.value = d),
-            loading: N.loading
+            loading: E.loading
           }, null, 8, ["columns", "loading"])
         ]),
         _: 3
       }, 8, ["edit-mode", "filter-panel-open", "columns", "options", "request", "loading"]),
       b("div", Xn, [
         b("table", {
-          class: M(["cl-delay-75 cl-min-h-[276px] cl-overflow-x-auto cl-overscroll-x-none cl-text-left cl-transition-opacity cl-w-full", {
-            "cl-opacity-40 cl-pointer-events-none": N.loading
+          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": E.loading
           }])
         }, [
           b("colgroup", er, [
-            (p(!0), y(X, null, se(n.value, (d, f) => (p(), y("col", {
+            (p(!0), h(X, null, se(n.value, (d, f) => (p(), h("col", {
               key: f,
               style: _l(o(d.name)),
               span: 1
             }, null, 4))), 128))
           ]),
           S(Fn, {
-            request: P.value,
-            "onUpdate:request": B[5] || (B[5] = (d) => P.value = d),
-            "filter-panel-open": h.value,
-            "onUpdate:filterPanelOpen": B[6] || (B[6] = (d) => h.value = d),
+            request: L.value,
+            "onUpdate:request": B[5] || (B[5] = (d) => L.value = d),
+            "filter-panel-open": w.value,
+            "onUpdate:filterPanelOpen": B[6] || (B[6] = (d) => w.value = d),
             columns: n.value,
-            options: A.value,
-            loading: N.loading,
-            "time-zone": N.timeZone
+            options: N.value,
+            loading: E.loading,
+            "time-zone": E.timeZone
           }, null, 8, ["request", "filter-panel-open", "columns", "options", "loading", "time-zone"]),
           S(Lo, {
             columns: n.value,
             request: s.value,
             data: k.value,
-            "time-zone": N.timeZone,
-            loading: N.loading,
-            "search-value": U.value,
-            options: A.value,
+            "time-zone": E.timeZone,
+            loading: E.loading,
+            "search-value": j.value,
+            options: N.value,
             "edit-mode": u.value,
             onClearFilters: i,
-            onRowEdit: B[7] || (B[7] = (d) => N.$emit("row-edit", d)),
-            onRowSelect: B[8] || (B[8] = (d) => N.$emit("row-select", d))
+            onRowEdit: B[7] || (B[7] = (d) => E.$emit("row-edit", d)),
+            onRowSelect: B[8] || (B[8] = (d) => E.$emit("row-select", d))
           }, al({ _: 2 }, [
-            se(N.$slots, (d, f) => ({
+            se(E.$slots, (d, f) => ({
               name: f,
               fn: Y((O) => [
-                V(N.$slots, f, ce(ve(O)))
+                P(E.$slots, f, ce(ve(O)))
               ])
             }))
           ]), 1032, ["columns", "request", "data", "time-zone", "loading", "search-value", "options", "edit-mode"])
@@ -4383,8 +4383,8 @@ const dn = {
       S(ln, {
         request: s.value,
         "onUpdate:request": B[9] || (B[9] = (d) => s.value = d),
-        loading: N.loading,
-        data: N.data
+        loading: E.loading,
+        data: E.data
       }, null, 8, ["request", "loading", "data"])
     ]));
   }
@@ -4398,16 +4398,16 @@ const dn = {
     const l = a, t = I();
     return nl(t, () => {
       (l.isOpen ?? !1) && e("open-click");
-    }), (n, c) => (p(), y("header", tr, [
-      V(n.$slots, "logo"),
+    }), (n, c) => (p(), h("header", tr, [
+      P(n.$slots, "logo"),
       b("div", {
         ref_key: "headerMenuElement",
         ref: t,
         class: "cl-cursor-pointer cl-flex cl-flex-nowrap",
         onClick: c[0] || (c[0] = (r) => n.$emit("open-click"))
       }, [
-        V(n.$slots, "menu"),
-        V(n.$slots, "icon")
+        P(n.$slots, "menu"),
+        P(n.$slots, "icon")
       ], 512)
     ]));
   }
@@ -4428,14 +4428,14 @@ const dn = {
   },
   setup(a) {
     const e = a;
-    return (l, t) => (p(), y("div", {
-      class: M(["md:cl-relative", {
+    return (l, t) => (p(), h("div", {
+      class: V(["md:cl-relative", {
         "cl-bg-primary-default": (e == null ? void 0 : e.colour) === "default",
         "cl-bg-blue-light": e.colour === "secondary"
       }])
     }, [
       b("div", or, [
-        l.image ? (p(), y("img", {
+        l.image ? (p(), h("img", {
           key: 0,
           src: l.image,
           class: "cl-hidden cl-m-4 cl-max-h-12 cl-max-w-12 cl-ring-2 cl-ring-white cl-rounded-full md:cl-block"
@@ -4447,17 +4447,17 @@ const dn = {
           height: "48"
         })),
         b("div", {
-          class: M(["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": e.colour === "default",
             "cl-text-white": e.colour === "secondary"
           }])
         }, [
-          l.username ? (p(), y("div", rr, q(l.username), 1)) : j("", !0),
-          l.group ? (p(), y("div", sr, q(l.group), 1)) : j("", !0)
+          l.username ? (p(), h("div", rr, q(l.username), 1)) : F("", !0),
+          l.group ? (p(), h("div", sr, q(l.group), 1)) : F("", !0)
         ], 2),
         b("div", ir, [
           S(v(H), {
-            class: M(["cl-transform-gpu cl-transition-transform", {
+            class: V(["cl-transform-gpu cl-transition-transform", {
               "cl-rotate-180": l.isOpen,
               "cl-text-secondary-default": e.colour === "default",
               "cl-text-white": e.colour === "secondary"
@@ -4469,7 +4469,7 @@ const dn = {
       S(Te, { name: "fade" }, {
         default: Y(() => [
           le(b("div", cr, [
-            V(l.$slots, "default")
+            P(l.$slots, "default")
           ], 512), [
             [te, l.isOpen]
           ])
@@ -4514,15 +4514,15 @@ const pr = {
     }
     return oe(() => l.disabled, (s) => {
       s && (n.value = !1);
-    }), (s, i) => c.value !== null && v(el)(c.value) ? (p(), y("div", pr, [
+    }), (s, i) => c.value !== null && v(el)(c.value) ? (p(), h("div", pr, [
       b("div", {
-        class: M(["cl-flex cl-items-center", {
+        class: V(["cl-flex cl-items-center", {
           "cl-cursor-pointer": !s.disabled
         }]),
         onClick: o
       }, [
         b("span", {
-          class: M(["cl-font-semibold cl-text-xs", {
+          class: V(["cl-font-semibold cl-text-xs", {
             "cl-opacity-50": s.disabled
           }])
         }, q(c.value.nativeName), 3)
@@ -4530,7 +4530,7 @@ const pr = {
       S(Te, { name: "fade" }, {
         default: Y(() => [
           le(b("div", mr, [
-            (p(!0), y(X, null, se(r.value, (m, k) => (p(), y("div", {
+            (p(!0), h(X, null, se(r.value, (m, k) => (p(), h("div", {
               key: k,
               class: "cl-border-b cl-border-grey-0 cl-cursor-pointer cl-flex cl-items-center cl-justify-center cl-p-1 cl-text-center cl-transition-colors cl-w-28 hover:cl-bg-grey-0 last-child:cl-border-b-0 last:cl-border-b-0 lg:cl-p-2",
               "data-localename": m.name,
@@ -4547,7 +4547,7 @@ const pr = {
         ]),
         _: 1
       })
-    ])) : j("", !0);
+    ])) : F("", !0);
   }
 }), hr = { class: "cl-relative" }, yr = { class: "cl-h-full cl-z-0 xl:cl-h-screen" }, wr = { class: "cl-absolute cl-bg-secondary-default cl-gap-y-1 cl-grid cl-grid-cols-1 cl-left-0 cl-opacity-95 cl-p-6 cl-top-0 cl-w-full cl-z-10 lg:cl-gap-x-1 lg:cl-grid-cols-10 lg:cl-p-10" }, kr = { class: "cl-col-span-10 lg:cl-col-span-3" }, Tr = {
   key: 0,
@@ -4575,28 +4575,28 @@ const pr = {
       e("update:errors", []);
     }
     function i(k, u) {
-      const h = {
+      const w = {
         valid: !0,
         message: ""
       };
-      return typeof u == "string" && u.trim() === "" && (h.valid = !1), h;
+      return typeof u == "string" && u.trim() === "" && (w.valid = !1), w;
     }
     function m(k, u) {
       r.value = k;
     }
-    return (k, u) => (p(), y("div", hr, [
+    return (k, u) => (p(), h("div", hr, [
       b("div", yr, [
-        V(k.$slots, "background")
+        P(k.$slots, "background")
       ]),
       b("form", wr, [
         b("div", kr, [
-          V(k.$slots, "logo")
+          P(k.$slots, "logo")
         ]),
-        k.$slots["language-switcher"] ? (p(), y("div", Tr, [
-          V(k.$slots, "language-switcher")
-        ])) : j("", !0),
+        k.$slots["language-switcher"] ? (p(), h("div", Tr, [
+          P(k.$slots, "language-switcher")
+        ])) : F("", !0),
         b("div", {
-          class: M(["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": !k.$slots["language-switcher"],
             "cl-col-span-6": k.$slots["language-switcher"]
           }])
@@ -4611,7 +4611,7 @@ const pr = {
               S(me, {
                 id: "cl-ui-login-usernameinput",
                 modelValue: t.value,
-                "onUpdate:modelValue": u[0] || (u[0] = (h) => t.value = h),
+                "onUpdate:modelValue": u[0] || (u[0] = (w) => t.value = w),
                 modelModifiers: { trim: !0 },
                 class: "!cl-border-2 !cl-mb-1 cl-w-full",
                 "input-type": "email",
@@ -4641,7 +4641,7 @@ const pr = {
                 class: "cl-absolute cl-cursor-pointer cl-right-4 cl-top-2.5 cl-z-10",
                 icon: "ph:eye",
                 size: 18,
-                onClick: u[1] || (u[1] = (h) => c.value = "text")
+                onClick: u[1] || (u[1] = (w) => c.value = "text")
               }, null, 512), [
                 [te, c.value === "password"]
               ]),
@@ -4649,14 +4649,14 @@ const pr = {
                 class: "cl-absolute cl-cursor-pointer cl-right-4 cl-top-2.5 cl-z-10",
                 icon: "ph:eye-slash",
                 size: 18,
-                onClick: u[2] || (u[2] = (h) => c.value = "password")
+                onClick: u[2] || (u[2] = (w) => c.value = "password")
               }, null, 512), [
                 [te, c.value === "text"]
               ]),
               S(me, {
                 id: "cl-ui-login-passwordinput",
                 modelValue: n.value,
-                "onUpdate:modelValue": u[3] || (u[3] = (h) => n.value = h),
+                "onUpdate:modelValue": u[3] || (u[3] = (w) => n.value = w),
                 class: "!cl-border-2 cl-w-full",
                 "input-type": c.value,
                 "highlight-when-valid": n.value !== void 0 && n.value !== "",
@@ -4672,7 +4672,7 @@ const pr = {
             ])
           ]),
           b("div", {
-            class: M(["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": k.loading
             }])
           }, [
@@ -4693,16 +4693,16 @@ const pr = {
         ], 2),
         S(Te, { name: "cl-grow-down" }, {
           default: Y(() => {
-            var h;
+            var w;
             return [
               le(b("span", Nr, [
-                (p(!0), y(X, null, se(k.errors, (A, P) => (p(), y("div", {
+                (p(!0), h(X, null, se(k.errors, (N, L) => (p(), h("div", {
                   id: "cl-ui-login-errors",
-                  key: P,
+                  key: L,
                   class: "cl-font-semibold"
-                }, q(A), 1))), 128))
+                }, q(N), 1))), 128))
               ], 512), [
-                [te, (h = k.errors) == null ? void 0 : h.length]
+                [te, (w = k.errors) == null ? void 0 : w.length]
               ])
             ];
           }),
@@ -4728,72 +4728,73 @@ const pr = {
   props: {
     colour: { default: "default" }
   },
-  setup(a, { expose: e }) {
-    const l = I([]), t = R(() => l.value.filter((h) => h.open === !0).length > 0);
-    function n(h) {
-      let A = l.value.find((P) => P.id === h);
-      return A || (A = {
-        id: h,
+  emits: ["pinned-state"],
+  setup(a, { expose: e, emit: l }) {
+    const t = I([]), n = R(() => t.value.filter((N) => N.open === !0).length > 0);
+    function c(N) {
+      let L = t.value.find((j) => j.id === N);
+      return L || (L = {
+        id: N,
         open: !1
-      }, l.value.push(A)), A.open;
+      }, t.value.push(L)), L.open;
     }
-    function c(h) {
-      const A = l.value.find((P) => P.id === h);
-      A && (A.open = !A.open, l.value.forEach((P) => {
-        P.id !== h && (P.open = !1);
+    function r(N) {
+      const L = t.value.find((j) => j.id === N);
+      L && (L.open = !L.open, t.value.forEach((j) => {
+        j.id !== N && (j.open = !1);
       }));
     }
-    const r = Ql();
+    const o = Ql();
     oe(
-      () => r,
+      () => o,
       () => {
-        o.value = !1;
+        s.value = !1;
       },
       {
         deep: !0
       }
     );
-    const o = I(!1), s = I(!1), { start: i } = $l(() => s.value = !1, 100);
-    function m() {
-      o.value = !o.value, s.value = !0, i();
+    const s = I(!1), i = I(!1), { start: m } = $l(() => i.value = !1, 100);
+    function k() {
+      s.value = !s.value, l("pinned-state", s.value), i.value = !0, m();
     }
-    const k = I();
-    function u() {
-      o.value === !1 && t.value === !0 && l.value.forEach((h) => {
-        h.open = !1;
+    const u = I();
+    function w() {
+      s.value === !1 && n.value === !0 && t.value.forEach((N) => {
+        N.open = !1;
       });
     }
-    return nl(k, u), e({
-      closeNavigation: u
-    }), (h, A) => (p(), y("div", {
+    return nl(u, w), e({
+      closeNavigation: w
+    }), (N, L) => (p(), h("div", {
       ref_key: "navElement",
-      ref: k,
+      ref: u,
       class: "cl-flex cl-flex-nowrap cl-relative"
     }, [
       b("div", {
         id: "group-container",
-        class: M(["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": h.colour === "default",
-          "cl-bg-blue-dark": h.colour === "secondary"
+        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": N.colour === "default",
+          "cl-bg-blue-dark": N.colour === "secondary"
         }])
       }, [
-        V(h.$slots, "icon", fe({ navcolour: h.colour }, { groupIsOpen: n, toggleOpen: c }), void 0, !0)
+        P(N.$slots, "icon", fe({ navcolour: N.colour }, { groupIsOpen: c, toggleOpen: r }), void 0, !0)
       ], 2),
-      s.value ? (p(), y("div", Rr)) : j("", !0),
+      i.value ? (p(), h("div", Rr)) : F("", !0),
       S(Te, { name: "slide-right" }, {
         default: Y(() => [
           le(b("div", {
-            class: M(["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": o.value,
-              "cl-absolute cl-left-20 cl-shadow-lg": !o.value
+            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": s.value,
+              "cl-absolute cl-left-20 cl-shadow-lg": !s.value
             }])
           }, [
             b("div", Dr, [
               b("span", {
                 class: "cl-absolute cl-cursor-pointer cl-hidden cl-right-0 cl-top-1.5 lg:cl-block",
-                onClick: m
+                onClick: k
               }, [
-                o.value ? (p(), G(v(H), {
+                s.value ? (p(), G(v(H), {
                   key: 1,
                   icon: "ph:push-pin-slash"
                 })) : (p(), G(v(H), {
@@ -4801,10 +4802,10 @@ const pr = {
                   icon: "ph:push-pin"
                 }))
               ]),
-              V(h.$slots, "default", ce(ve({ groupIsOpen: n })), void 0, !0)
+              P(N.$slots, "default", ce(ve({ groupIsOpen: c })), void 0, !0)
             ])
           ], 2), [
-            [te, t.value]
+            [te, n.value]
           ])
         ]),
         _: 3
@@ -4812,7 +4813,7 @@ const pr = {
     ], 512));
   }
 });
-const jr = /* @__PURE__ */ ke(Ir, [["__scopeId", "data-v-0958dcf5"]]), Fr = /* @__PURE__ */ Q({
+const jr = /* @__PURE__ */ ke(Ir, [["__scopeId", "data-v-0d50b687"]]), Fr = /* @__PURE__ */ Q({
   __name: "cl-ui-navigation-icon",
   props: {
     iconValue: {},
@@ -4820,8 +4821,8 @@ const jr = /* @__PURE__ */ ke(Ir, [["__scopeId", "data-v-0958dcf5"]]), Fr = /* @
     colour: { default: "default" }
   },
   setup(a) {
-    return (e, l) => (p(), y("div", {
-      class: M(["cl-cursor-pointer cl-flex cl-h-20 cl-items-center cl-justify-center cl-transition-colors cl-w-20", {
+    return (e, l) => (p(), h("div", {
+      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": e.colour === "default",
         "cl-bg-primary-darker cl-text-white": e.open && e.colour === "default",
         "cl-text-white hover:cl-bg-blue-light": e.colour === "secondary",
@@ -4844,16 +4845,16 @@ const jr = /* @__PURE__ */ ke(Ir, [["__scopeId", "data-v-0958dcf5"]]), Fr = /* @
     open: { type: Boolean }
   },
   setup(a) {
-    return (e, l) => (p(), y("div", {
-      class: M({
+    return (e, l) => (p(), h("div", {
+      class: V({
         "cl-hidden": !e.open
       })
     }, [
-      e.$slots.title ? (p(), y("div", Mr, [
-        V(e.$slots, "title")
-      ])) : j("", !0),
+      e.$slots.title ? (p(), h("div", Mr, [
+        P(e.$slots, "title")
+      ])) : F("", !0),
       b("div", Vr, [
-        V(e.$slots, "default")
+        P(e.$slots, "default")
       ])
     ], 2));
   }
@@ -4862,19 +4863,19 @@ const jr = /* @__PURE__ */ ke(Ir, [["__scopeId", "data-v-0958dcf5"]]), Fr = /* @
   class: "cl-font-bold cl-mb-4 cl-select-none"
 }, zr = { class: "cl-flex cl-flex-wrap cl-space-y-2" };
 function _r(a, e) {
-  return p(), y("div", Ur, [
-    a.$slots.title ? (p(), y("div", Br, [
-      V(a.$slots, "title")
-    ])) : j("", !0),
+  return p(), h("div", Ur, [
+    a.$slots.title ? (p(), h("div", Br, [
+      P(a.$slots, "title")
+    ])) : F("", !0),
     b("span", zr, [
-      V(a.$slots, "default")
+      P(a.$slots, "default")
     ])
   ]);
 }
 const Hr = /* @__PURE__ */ ke(Pr, [["render", _r]]), xr = {}, Gr = { class: "cl-cursor-pointer cl-transition-colors cl-w-full hover:cl-text-primary-darker" };
 function Zr(a, e) {
-  return p(), y("div", Gr, [
-    V(a.$slots, "default")
+  return p(), h("div", Gr, [
+    P(a.$slots, "default")
   ]);
 }
 const Kr = /* @__PURE__ */ ke(xr, [["render", Zr]]), Qr = { class: "cl-w-full" }, Wr = /* @__PURE__ */ Q({
@@ -4906,9 +4907,9 @@ const Kr = /* @__PURE__ */ ke(xr, [["render", Zr]]), Qr = { class: "cl-w-full" }
         i === "left" && (k = -m), l.value.scroll(l.value.scrollLeft + k, 0);
       }
     }
-    return Ze(() => o()), tl(() => window.removeEventListener("resize", r)), (i, m) => (p(), y("div", Qr, [
+    return Ze(() => o()), tl(() => window.removeEventListener("resize", r)), (i, m) => (p(), h("div", Qr, [
       b("div", null, [
-        t.value ? (p(), y("div", {
+        t.value ? (p(), h("div", {
           key: 0,
           class: "cl-bg-white cl-cursor-pointer cl-float-left cl-h-11 cl-w-4",
           onClick: m[0] || (m[0] = (k) => s("left"))
@@ -4917,11 +4918,11 @@ const Kr = /* @__PURE__ */ ke(xr, [["render", Zr]]), Qr = { class: "cl-w-full" }
             icon: "ph:caret-left",
             class: "cl-mt-4 cl-text-secondary-default"
           })
-        ])) : j("", !0),
+        ])) : F("", !0),
         b("div", {
           ref_key: "headerContainer",
           ref: l,
-          class: M(["cl-flex cl-overflow-x-auto cl-overscroll-x-none", {
+          class: V(["cl-flex cl-overflow-x-auto cl-overscroll-x-none", {
             "cl-shadow-[inset_0_-1px_0_#eeeeee]": !i.disabled && i.colour === "default",
             "cl-shadow-[inset_0_-1px_0_#dae32c]": !i.disabled && i.colour === "primary",
             "cl-shadow-[inset_0_-1px_0_#30363e]": !i.disabled && i.colour === "secondary",
@@ -4932,9 +4933,9 @@ const Kr = /* @__PURE__ */ ke(xr, [["render", Zr]]), Qr = { class: "cl-w-full" }
           }]),
           onScrollPassive: r
         }, [
-          V(i.$slots, "headings", ce(ve({ isTabOpen: c, disabled: i.disabled, colour: i.colour })))
+          P(i.$slots, "headings", ce(ve({ isTabOpen: c, disabled: i.disabled, colour: i.colour })))
         ], 34),
-        n.value ? (p(), y("div", {
+        n.value ? (p(), h("div", {
           key: 1,
           class: "cl-bg-white cl-bottom-12 cl-cursor-pointer cl-float-right cl-h-11 cl-relative cl-w-4",
           onClick: m[1] || (m[1] = (k) => s("right"))
@@ -4943,9 +4944,9 @@ const Kr = /* @__PURE__ */ ke(xr, [["render", Zr]]), Qr = { class: "cl-w-full" }
             icon: "ph:caret-right",
             class: "cl-mt-4 cl-text-secondary-default"
           })
-        ])) : j("", !0)
+        ])) : F("", !0)
       ]),
-      V(i.$slots, "content", ce(ve({ isTabOpen: c, disabled: i.disabled, colour: i.colour })))
+      P(i.$slots, "content", ce(ve({ isTabOpen: c, disabled: i.disabled, colour: i.colour })))
     ]));
   }
 }), Yr = ["onKeyup"], Jr = /* @__PURE__ */ Q({
@@ -4964,8 +4965,8 @@ const Kr = /* @__PURE__ */ ke(xr, [["render", Zr]]), Qr = { class: "cl-w-full" }
     function r() {
       l.disabled || (t.value = !1, n.value = !1, e("update:currentTab", l.id));
     }
-    return (o, s) => (p(), y("div", {
-      class: M(["cl-border-b cl-cursor-pointer cl-flex cl-items-center cl-px-4 cl-py-2 cl-rounded-b-none cl-rounded-sm cl-select-none cl-text-xl cl-transition cl-whitespace-nowrap focus:cl-outline-none", {
+    return (o, s) => (p(), h("div", {
+      class: V(["cl-border-b cl-cursor-pointer cl-flex cl-items-center cl-px-4 cl-py-2 cl-rounded-b-none cl-rounded-sm cl-select-none cl-text-xl cl-transition cl-whitespace-nowrap focus:cl-outline-none", {
         "!cl-cursor-default cl-text-grey-4 !cl-border-grey-2": o.disabled,
         "cl-border cl-border-b-0 cl-rounded-t-md cl-shadow-[inset_0_-1px_0_#ffffff] cl-cursor-default": c.value,
         "cl-border-grey-0": o.colour === "default",
@@ -4992,12 +4993,12 @@ const Kr = /* @__PURE__ */ ke(xr, [["render", Zr]]), Qr = { class: "cl-w-full" }
       onFocusout: s[3] || (s[3] = (i) => t.value = !1),
       onKeyup: Ee(ne(r, ["self"]), ["enter"])
     }, [
-      V(o.$slots, "default")
+      P(o.$slots, "default")
     ], 42, Yr));
   }
 }), Xr = {};
 function es(a, e) {
-  return V(a.$slots, "default");
+  return P(a.$slots, "default");
 }
 const ls = /* @__PURE__ */ ke(Xr, [["render", es]]), ts = [
   "default",