@citruslime/ui 2.4.7-beta.1 → 2.4.7

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

@@ -1,9 +1,9 @@
 import { Icon as U } from "@iconify/vue";
-import { defineComponent as B, ref as I, openBlock as u, createElementBlock as g, renderSlot as j, normalizeProps as oe, guardReactiveProps as ae, Fragment as D, createElementVNode as f, normalizeClass as _, createVNode as C, unref as p, Transition as ve, withCtx as P, withDirectives as F, mergeProps as re, vShow as Z, createBlock as V, Teleport as Re, renderList as ee, toDisplayString as S, createCommentVNode as N, nextTick as Ce, toHandlers as ol, withModifiers as Q, computed as A, useCssVars as sl, watch as Y, vModelText as nl, onMounted as Ae, vModelDynamic as al, withKeys as ke, onUnmounted as ze, resolveComponent as rl, createTextVNode as te, watchEffect as il, createSlots as Ue, normalizeStyle as cl } from "vue";
+import { defineComponent as B, ref as I, openBlock as u, createElementBlock as v, renderSlot as j, normalizeProps as oe, guardReactiveProps as ae, Fragment as D, createElementVNode as f, normalizeClass as _, createVNode as C, unref as p, Transition as ve, withCtx as P, withDirectives as H, mergeProps as re, vShow as Z, createBlock as V, Teleport as Re, renderList as ee, toDisplayString as S, createCommentVNode as N, nextTick as Ce, toHandlers as ol, withModifiers as Q, computed as A, useCssVars as sl, watch as Y, vModelText as nl, onMounted as Ae, vModelDynamic as al, withKeys as ke, onUnmounted as ze, resolveComponent as rl, createTextVNode as te, watchEffect as il, createSlots as Ue, normalizeStyle as cl } from "vue";
 import { generateStringId as ul } from "@citruslime/utils";
 import { onClickOutside as Me, useTimeoutFn as Qe, useDebounceFn as Ye, useWindowSize as dl } from "@vueuse/core";
 import { createI18n as pl, useI18n as se } from "vue-i18n";
-import { DateTime as H } from "luxon";
+import { DateTime as x } from "luxon";
 import { DatePicker as Le } from "v-calendar";
 import { useDebouncer as fl, copy as ce } from "@citruslime/vue-utils";
 const ml = { class: "cl-overflow-hidden" }, gl = /* @__PURE__ */ B({
@@ -26,7 +26,7 @@ const ml = { class: "cl-overflow-hidden" }, gl = /* @__PURE__ */ B({
         i.id !== d && (i.open = !1);
       }), a.open = !a.open);
     }
-    return (d, a) => (u(), g("div", ml, [
+    return (d, a) => (u(), v("div", ml, [
       j(d.$slots, "default", oe(ae({ isItemOpen: l, toggleItem: s })))
     ]));
   }
@@ -45,7 +45,7 @@ const ml = { class: "cl-overflow-hidden" }, gl = /* @__PURE__ */ B({
     function l() {
       e.disabled || o("toggle");
     }
-    return (s, d) => (u(), g(D, null, [
+    return (s, d) => (u(), v(D, null, [
       f("div", {
         class: _(["cl-border-b cl-border-grey-1 cl-relative", {
           "cl-bg-grey-0": s.disabled,
@@ -69,7 +69,7 @@ const ml = { class: "cl-overflow-hidden" }, gl = /* @__PURE__ */ B({
       f("div", hl, [
         C(ve, { name: "grow-down" }, {
           default: P(() => [
-            F(f("div", re(s.$attrs, { class: "cl-ml-10 cl-p-4" }), [
+            H(f("div", re(s.$attrs, { class: "cl-ml-10 cl-p-4" }), [
               j(s.$slots, "default")
             ], 16), [
               [Z, s.open]
@@ -87,7 +87,7 @@ const ml = { class: "cl-overflow-hidden" }, gl = /* @__PURE__ */ B({
   return e;
 }, wl = {}, $l = { 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 kl(t, o) {
-  return u(), g("div", $l, [
+  return u(), v("div", $l, [
     j(t.$slots, "default")
   ]);
 }
@@ -121,7 +121,7 @@ const Tl = ["onClick"], Ol = { class: "cl-flex-1 cl-select-none cl-text-ellipsis
           "cl-bottom-5 cl-right-5": o.position === "bottom-right"
         }])
       }, [
-        (u(!0), g(D, null, ee(p(qe), (l, s) => (u(), g("div", re(o.$attrs, {
+        (u(!0), v(D, null, ee(p(qe), (l, s) => (u(), v("div", re(o.$attrs, {
           key: s,
           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": l.colour === "default",
@@ -149,7 +149,7 @@ const Tl = ["onClick"], Ol = { class: "cl-flex-1 cl-select-none cl-text-ellipsis
     removePadding: { type: Boolean, default: !1 }
   },
   setup(t) {
-    return (o, e) => (u(), g(D, null, [
+    return (o, e) => (u(), v(D, null, [
       C(Xe, {
         class: _({
           "first:cl-mt-[4.25rem]": o.$slots.header
@@ -165,8 +165,8 @@ const Tl = ["onClick"], Ol = { class: "cl-flex-1 cl-select-none cl-text-ellipsis
           j(o.$slots, "navigation"),
           f("div", {
             class: _(["cl-grow cl-max-h-full cl-overflow-x-hidden cl-overflow-y-auto cl-overscroll-y-none cl-w-auto", {
-              "cl-pb-20 lg:cl-pb-0": o.removePadding,
-              "lg:cl-pb-8 md:cl-px-8 cl-px-2 md:cl-pt-8 cl-pt-2 cl-pb-20": !o.removePadding
+              "lg:cl-pb-0": o.removePadding,
+              "lg:cl-pb-8 md:cl-px-8 cl-px-2 md:cl-pt-8 cl-pt-2": !o.removePadding
             }])
           }, [
             j(o.$slots, "default")
@@ -178,7 +178,7 @@ const Tl = ["onClick"], Ol = { class: "cl-flex-1 cl-select-none cl-text-ellipsis
 });
 const ql = {}, Al = { class: "loading-spinner" };
 function Il(t, o) {
-  return u(), g("div", Al);
+  return u(), v("div", Al);
 }
 const Ie = /* @__PURE__ */ me(ql, [["render", Il], ["__scopeId", "data-v-a21dc5d2"]]), Nl = ["disabled"], ge = /* @__PURE__ */ B({
   inheritAttrs: !1,
@@ -195,11 +195,11 @@ const Ie = /* @__PURE__ */ me(ql, [["render", Il], ["__scopeId", "data-v-a21dc5d
       focus() {
         e.value && e.value.focus();
       }
-    }), (l, s) => (u(), g(D, null, [
-      F(C(Ie, { class: "relative" }, null, 512), [
+    }), (l, s) => (u(), v(D, null, [
+      H(C(Ie, { class: "relative" }, null, 512), [
         [Z, l.loading]
       ]),
-      F(f("button", re(l.$attrs, {
+      H(f("button", re(l.$attrs, {
         ref_key: "buttonRef",
         ref: e,
         class: ["cl-align-middle cl-border cl-font-semibold cl-inline-block cl-rounded cl-select-none cl-shadow cl-text-center cl-transition-colors", {
@@ -240,15 +240,15 @@ const Ie = /* @__PURE__ */ me(ql, [["render", Il], ["__scopeId", "data-v-a21dc5d
     hover: { type: Boolean, default: !1 }
   },
   setup(t) {
-    return (o, e) => (u(), g("div", {
+    return (o, e) => (u(), v("div", {
       class: _(["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": o.hover
       }])
     }, [
-      o.$slots.image ? (u(), g("div", Rl, [
+      o.$slots.image ? (u(), v("div", Rl, [
         j(o.$slots, "image")
       ])) : N("", !0),
-      o.$slots.title ? (u(), g("div", {
+      o.$slots.title ? (u(), v("div", {
         key: 1,
         class: _(["cl-border-grey-2 cl-font-normal", {
           "cl-p-2 cl-text-2xl cl-leading-8": o.size === "small",
@@ -269,7 +269,7 @@ const Ie = /* @__PURE__ */ me(ql, [["render", Il], ["__scopeId", "data-v-a21dc5d
       }, [
         j(o.$slots, "default")
       ], 2),
-      o.$slots.footer ? (u(), g("div", {
+      o.$slots.footer ? (u(), v("div", {
         key: 2,
         class: _(["cl-border-grey-2 cl-border-t", {
           "cl-p-2": o.size === "small",
@@ -478,9 +478,9 @@ function Ll(t, o, e, l, s) {
           i = l >= (Number(t) || 0), a = pe(i, de("input.greaterOrEqualToValue", { label: e, min: t.toString() }));
           break;
         case "date":
-          s ? (r = H.fromISO(l).setZone(s), c = H.fromISO(t).setZone(s)) : (r = H.fromISO(l, {
+          s ? (r = x.fromISO(l).setZone(s), c = x.fromISO(t).setZone(s)) : (r = x.fromISO(l, {
             zone: "UTC"
-          }), c = H.fromISO(t, {
+          }), c = x.fromISO(t, {
             zone: "UTC"
           })), i = r >= c, a = pe(i, de("input.afterOrEqualToValue", {
             label: e,
@@ -488,9 +488,9 @@ function Ll(t, o, e, l, s) {
           }));
           break;
         case "datetime":
-          s ? (r = H.fromISO(l).setZone(s), c = H.fromISO(t).setZone(s)) : (r = H.fromISO(l, {
+          s ? (r = x.fromISO(l).setZone(s), c = x.fromISO(t).setZone(s)) : (r = x.fromISO(l, {
             zone: "UTC"
-          }), c = H.fromISO(t, {
+          }), c = x.fromISO(t, {
             zone: "UTC"
           })), i = r >= c, s && (c = c.setZone(s)), a = pe(i, de("input.afterOrEqualToValue", {
             label: e,
@@ -527,9 +527,9 @@ function Dl(t, o, e, l, s) {
           i = l <= (Number(t) || 0), a = pe(i, de("input.lessOrEqualToValue", { label: e, max: t.toString() }));
           break;
         case "date":
-          s ? (r = H.fromISO(l).setZone(s), c = H.fromISO(t).setZone(s)) : (r = H.fromISO(l, {
+          s ? (r = x.fromISO(l).setZone(s), c = x.fromISO(t).setZone(s)) : (r = x.fromISO(l, {
             zone: "UTC"
-          }), c = H.fromISO(t, {
+          }), c = x.fromISO(t, {
             zone: "UTC"
           })), i = r <= c, a = pe(i, de("input.beforeOrEqualToValue", {
             label: e,
@@ -537,9 +537,9 @@ function Dl(t, o, e, l, s) {
           }));
           break;
         case "datetime":
-          s ? (r = H.fromISO(l).setZone(s), c = H.fromISO(t).setZone(s)) : (r = H.fromISO(l, {
+          s ? (r = x.fromISO(l).setZone(s), c = x.fromISO(t).setZone(s)) : (r = x.fromISO(l, {
             zone: "UTC"
-          }), c = H.fromISO(t, {
+          }), c = x.fromISO(t, {
             zone: "UTC"
           })), i = r <= c, a = pe(i, de("input.beforeOrEqualToValue", {
             label: e,
@@ -594,7 +594,7 @@ const Hl = { class: "cl-relative" }, xl = ["value", "disabled", "placeholder"],
     }
     return o({
       focus: l
-    }), (s, d) => (u(), g("div", Hl, [
+    }), (s, d) => (u(), v("div", Hl, [
       f("input", re({
         ref_key: "element",
         ref: e
@@ -604,7 +604,7 @@ const Hl = { class: "cl-relative" }, xl = ["value", "disabled", "placeholder"],
         disabled: s.disabled,
         placeholder: s.placeholder
       }, ol(s.events, !0)), null, 16, xl),
-      F(C(p(U), {
+      H(C(p(U), {
         class: _(["cl-absolute cl-bg-transparent cl-cursor-text cl-left-2 cl-text-grey-4 cl-top-3.5 icon", {
           "!cl-bg-off-white": s.disabled
         }]),
@@ -613,7 +613,7 @@ const Hl = { class: "cl-relative" }, xl = ["value", "disabled", "placeholder"],
       }, null, 8, ["class", "icon"]), [
         [Z, !s.disabled]
       ]),
-      s.disabled ? N("", !0) : (u(), g("div", Zl, [
+      s.disabled ? N("", !0) : (u(), v("div", Zl, [
         s.type !== "time" ? (u(), V(p(U), {
           key: 0,
           class: "cl-cursor-pointer hover:cl-text-link-light",
@@ -648,13 +648,13 @@ const Pe = /* @__PURE__ */ me(Gl, [["__scopeId", "data-v-d680bbf4"]]), Wl = /* @
     const l = t, s = A(() => l.timeZone ?? "UTC"), d = A({
       get() {
         let h = null;
-        return l.type === "time" ? h = l.date === null ? "00:00" : l.date : l.date !== null && (h = H.fromISO(l.date, {
+        return l.type === "time" ? h = l.date === null ? "00:00" : l.date : l.date !== null && (h = x.fromISO(l.date, {
           zone: s.value
         }).toJSDate()), h;
       },
       set(h) {
         let y = null;
-        l.type === "time" ? y = h : h !== null && (y = H.fromJSDate(h, {
+        l.type === "time" ? y = h : h !== null && (y = x.fromJSDate(h, {
           zone: s.value
         }).setZone(s.value).toISO(), l.timeZone === null && (y = (y == null ? void 0 : y.replace("Z", "")) ?? null)), e("update:date", y);
       }
@@ -678,13 +678,13 @@ const Pe = /* @__PURE__ */ me(Gl, [["__scopeId", "data-v-d680bbf4"]]), Wl = /* @
       hideDelay: 100
     });
     function m() {
-      let h = k(H.now());
+      let h = k(x.now());
       if (l.max) {
-        const y = H.fromISO(l.max).setZone(s.value);
+        const y = x.fromISO(l.max).setZone(s.value);
         h > y && (h = k(y), h.equals(y) || (l.type === "date" ? h = h.minus({ days: 1 }) : h = h.minus({ minutes: 1 })));
       }
       if (l.min) {
-        const y = H.fromISO(l.min).setZone(s.value);
+        const y = x.fromISO(l.min).setZone(s.value);
         h < y && (h = k(y), h.equals(y) || (l.type === "date" ? h = h.plus({ days: 1 }) : h = h.plus({ minutes: 1 })));
       }
       d.value = h.toJSDate();
@@ -694,7 +694,7 @@ const Pe = /* @__PURE__ */ me(Gl, [["__scopeId", "data-v-d680bbf4"]]), Wl = /* @
       return l.type === "date" && (y = y.set({ hour: 0, minute: 0 }).setZone(s.value)), y;
     }
     const n = A(() => {
-      const h = H.fromObject({
+      const h = x.fromObject({
         day: 3,
         month: 4,
         year: 2e3,
@@ -855,7 +855,7 @@ const Ql = [
       }
     });
     const k = I(!1);
-    return (n, b) => m.value ? (u(), g("div", oe(re({ key: 0 }, n.$attrs)), [
+    return (n, b) => m.value ? (u(), v("div", oe(re({ key: 0 }, n.$attrs)), [
       f("div", Yl, [
         f("span", {
           class: _(["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", {
@@ -864,7 +864,7 @@ const Ql = [
           }]),
           onClick: b[0] || (b[0] = (h) => r.value = n.disabled ? r.value : n.min)
         }, S(p(s)(n.min, Number.isInteger(n.min) ? p(le).INTEGER : p(le).DECIMAL)), 3),
-        typeof r.value == "number" ? (u(), g("div", Jl, [
+        typeof r.value == "number" ? (u(), v("div", Jl, [
           k.value ? (u(), V(p(ie), {
             key: 0,
             ref_key: "sliderRef",
@@ -877,8 +877,8 @@ const Ql = [
             max: n.max,
             step: n.step,
             disabled: n.disabled
-          }, null, 8, ["modelValue", "min", "max", "step", "disabled"])) : (u(), g(D, { key: 1 }, [
-            F(f("input", {
+          }, null, 8, ["modelValue", "min", "max", "step", "disabled"])) : (u(), v(D, { key: 1 }, [
+            H(f("input", {
               ref_key: "sliderRef",
               ref: i,
               "onUpdate:modelValue": b[2] || (b[2] = (h) => r.value = h),
@@ -915,7 +915,7 @@ const Ql = [
           ])
         ])
       ])
-    ], 16)) : (u(), g("div", ot, S(p(d)("slider.invalidProps")), 1));
+    ], 16)) : (u(), v("div", ot, S(p(d)("slider.invalidProps")), 1));
   }
 });
 const nt = /* @__PURE__ */ me(st, [["__scopeId", "data-v-298c940f"]]);
@@ -1027,27 +1027,27 @@ const it = { class: "cl-flex cl-justify-between" }, ct = { class: "cl-w-full" },
   },
   emits: ["update:model-value", "click", "focus", "input", "change", "validated"],
   setup(t, { expose: o, emit: e }) {
-    const l = t, s = I(null), d = I(!1), a = I(!1), i = A(x), r = A(() => l.placeholderText.trim() !== "" ? l.placeholderText : l.label), c = I(0), m = A({
+    const l = t, s = I(null), d = I(!1), a = I(!1), i = A(F), r = A(() => l.placeholderText.trim() !== "" ? l.placeholderText : l.label), c = I(0), m = A({
       get: () => l.modelValue,
-      set: (v) => M(v, !1)
+      set: (g) => M(g, !1)
     }), k = A({
       get: () => l.modelValue,
-      set: (v) => w(v)
+      set: (g) => w(g)
     }), n = A(() => typeof l.min == "number" ? l.min.toString() : l.min), b = A(() => typeof l.max == "number" ? l.max.toString() : l.max), h = A(() => typeof l.min == "number" || l.min === null ? l.min : parseFloat(l.min)), y = A(() => typeof l.max == "number" || l.max === null ? l.max : parseFloat(l.max)), T = A(() => l.messageWhenValid.trim() !== "" ? l.messageWhenValid : ""), E = I(!0), $ = I(!0), z = I([]), q = A(() => {
-      var v, R;
+      var g, R;
       return [
-        ...((v = z.value) == null ? void 0 : v.filter((L) => ((L == null ? void 0 : L.length) ?? 0) > 0)) ?? [],
+        ...((g = z.value) == null ? void 0 : g.filter((L) => ((L == null ? void 0 : L.length) ?? 0) > 0)) ?? [],
         ...((R = l.externalErrors) == null ? void 0 : R.filter((L) => ((L == null ? void 0 : L.length) ?? 0) > 0)) ?? []
       ].join(`
 `);
     });
-    async function w(v) {
-      l.validateOn === "input" && await G(v), e("update:model-value", v);
+    async function w(g) {
+      l.validateOn === "input" && await G(g), e("update:model-value", g);
     }
-    async function M(v, R) {
-      l.onInputFunction !== void 0 && (v = l.onInputFunction(v)), l.validateOn === "change" && ($.value = !1), (R || l.validateOn === "input") && await G(v), e("update:model-value", v);
+    async function M(g, R) {
+      l.onInputFunction !== void 0 && (g = l.onInputFunction(g)), l.validateOn === "change" && ($.value = !1), (R || l.validateOn === "input") && await G(g), e("update:model-value", g);
     }
-    function G(v) {
+    function G(g) {
       const R = {
         message: "",
         valid: !0
@@ -1055,41 +1055,41 @@ const it = { class: "cl-flex cl-justify-between" }, ct = { class: "cl-w-full" },
         l.customValidationFunction === null || l.customValidationFunction === void 0 ? new Promise((he) => {
           he(R);
         }) : new Promise((he) => {
-          he(l.customValidationFunction(l.label, v));
+          he(l.customValidationFunction(l.label, g));
         })
       ];
-      return (typeof v == "string" || typeof v == "number") && (L.push(Ll(l.min, l.inputType, l.label, v, l.timeZone)), L.push(Dl(l.max, l.inputType, l.label, v, l.timeZone))), l.isRequired && L.push(Pl(l.label, v)), l.inputType === "email" && typeof v == "string" && L.push(Fl(l.label, v)), Promise.all(L).then((he) => {
+      return (typeof g == "string" || typeof g == "number") && (L.push(Ll(l.min, l.inputType, l.label, g, l.timeZone)), L.push(Dl(l.max, l.inputType, l.label, g, l.timeZone))), l.isRequired && L.push(Pl(l.label, g)), l.inputType === "email" && typeof g == "string" && L.push(Fl(l.label, g)), Promise.all(L).then((he) => {
         const tl = [...he.map((Te) => Te.message)], Ve = he.some((Te) => Te.message.length > 0 && Te.valid === !1) || l.externalErrors.length > 0;
-        $.value = !0, Ve ? (z.value = tl, e("validated", !1, v)) : (z.value = [], e("validated", !0, v)), E.value = !Ve;
+        $.value = !0, Ve ? (z.value = tl, e("validated", !1, g)) : (z.value = [], e("validated", !0, g)), E.value = !Ve;
       });
     }
     function K() {
-      let v = "";
-      return l.inputType === "color" && m.value && (l.disabled ? v = "background: #999999" : v = `background: ${m.value};`), v;
+      let g = "";
+      return l.inputType === "color" && m.value && (l.disabled ? g = "background: #999999" : g = `background: ${m.value};`), g;
     }
-    function ue(v) {
-      $e(l.inputType) ? (v.preventDefault(), e("click", v)) : l.inputType === "checkbox" && e("click", v);
+    function ue(g) {
+      $e(l.inputType) ? (g.preventDefault(), e("click", g)) : l.inputType === "checkbox" && e("click", g);
     }
-    function Ne(v) {
+    function Ne(g) {
       if (s.value) {
         s.value.stepUp(), s.value.focus(), M(s.value.valueAsNumber, !1);
         const R = {
           target: s.value
         };
-        e("input", R, s.value.valueAsNumber), e("change", v, s.value.valueAsNumber);
+        e("input", R, s.value.valueAsNumber), e("change", g, s.value.valueAsNumber);
       }
     }
-    function je(v) {
+    function je(g) {
       if (s.value) {
         s.value.stepDown(), s.value.focus(), M(s.value.valueAsNumber, !1);
         const R = {
           target: s.value
         };
-        e("input", R, s.value.valueAsNumber), e("change", v, s.value.valueAsNumber);
+        e("input", R, s.value.valueAsNumber), e("change", g, s.value.valueAsNumber);
       }
     }
-    function ye(v) {
-      d.value = v;
+    function ye(g) {
+      d.value = g;
     }
     async function be() {
       a.value = !0, ye(!1), l.validateOn === "change" && await G(m.value);
@@ -1097,18 +1097,18 @@ const it = { class: "cl-flex cl-justify-between" }, ct = { class: "cl-w-full" },
     function we() {
       c.value++;
     }
-    function O(v) {
-      v.target.blur();
+    function O(g) {
+      g.target.blur();
     }
-    function x() {
+    function F() {
       var L;
-      let v = !0;
+      let g = !0;
       const R = i.value;
-      return d.value ? v = R : a.value && ((L = m.value) == null ? void 0 : L.toString().trim()) === "" && l.requiredText.trim() !== "" && (v = !1), !l.hideRequiredAsterisk && v;
+      return d.value ? g = R : a.value && ((L = m.value) == null ? void 0 : L.toString().trim()) === "" && l.requiredText.trim() !== "" && (g = !1), !l.hideRequiredAsterisk && g;
     }
-    async function ne(v) {
-      const R = xe(v, l.inputType);
-      l.validateOn === "change" && await G(R), e("change", v, R);
+    async function ne(g) {
+      const R = xe(g, l.inputType);
+      l.validateOn === "change" && await G(R), e("change", g, R);
     }
     async function W() {
       await be(), we();
@@ -1124,14 +1124,14 @@ const it = { class: "cl-flex cl-justify-between" }, ct = { class: "cl-w-full" },
       }
     ), o({
       focus() {
-        var v;
-        (v = s.value) == null || v.focus();
+        var g;
+        (g = s.value) == null || g.focus();
       },
       blur() {
-        var v;
-        (v = s.value) == null || v.blur();
+        var g;
+        (g = s.value) == null || g.blur();
       }
-    }), (v, R) => (u(), g("div", re({ ...v.$attrs, id: void 0 }, {
+    }), (g, R) => (u(), v("div", re({ ...g.$attrs, id: void 0 }, {
       key: c.value,
       class: "cl-align-top cl-border-none cl-inline-block cl-text-left"
     }), [
@@ -1141,47 +1141,47 @@ const it = { class: "cl-flex cl-justify-between" }, ct = { class: "cl-w-full" },
       }, [
         f("div", it, [
           f("div", ct, [
-            F(f("label", { class: "cl-block cl-mb-1 cl-text-grey-4 cl-text-xs cl-tracking-widest" }, S(v.label), 513), [
-              [Z, v.showLabel && v.label !== ""]
+            H(f("label", { class: "cl-block cl-mb-1 cl-text-grey-4 cl-text-xs cl-tracking-widest" }, S(g.label), 513), [
+              [Z, g.showLabel && g.label !== ""]
             ])
           ]),
-          v.isRequired && i.value ? (u(), g("label", ut, " * ")) : N("", !0),
-          v.isRequired && !i.value && v.requiredText.length ? (u(), g("label", dt, S(v.requiredText), 1)) : N("", !0)
+          g.isRequired && i.value ? (u(), v("label", ut, " * ")) : N("", !0),
+          g.isRequired && !i.value && g.requiredText.length ? (u(), v("label", dt, S(g.requiredText), 1)) : N("", !0)
         ]),
-        v.inputType !== "range" && !p(He)(v.inputType) ? (u(), g("div", pt, [
-          F(f("input", re({
+        g.inputType !== "range" && !p(He)(g.inputType) ? (u(), v("div", pt, [
+          H(f("input", re({
             ref_key: "inputElement",
             ref: s,
             "onUpdate:modelValue": R[0] || (R[0] = (L) => m.value = L)
-          }, v.$attrs, {
+          }, 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": v.disabled === !1 && !p($e)(v.inputType),
-              "!cl-cursor-default": v.disabled,
+              "hover:!cl-border-grey-3": g.disabled === !1 && !p($e)(g.inputType),
+              "!cl-cursor-default": g.disabled,
               "!cl-border-danger-default": !E.value,
-              "!cl-border-primary-default": E.value && v.highlightWhenValid,
-              "cl-border-grey-0 focus:cl-border-blue-light": E.value && !p($e)(v.inputType),
-              "!cl-p-2": v.inputType === "checkbox" || v.inputType === "radio",
-              "cl-p-3 cl-rounded-lg": !p($e)(v.inputType),
-              [`${v.inputSpecificClasses}`]: v.inputSpecificClasses !== ""
+              "!cl-border-primary-default": E.value && g.highlightWhenValid,
+              "cl-border-grey-0 focus:cl-border-blue-light": E.value && !p($e)(g.inputType),
+              "!cl-p-2": g.inputType === "checkbox" || g.inputType === "radio",
+              "cl-p-3 cl-rounded-lg": !p($e)(g.inputType),
+              [`${g.inputSpecificClasses}`]: g.inputSpecificClasses !== ""
             }],
             style: K(),
-            type: v.inputType,
-            disabled: v.disabled,
-            min: v.min ?? void 0,
-            max: v.max ?? void 0,
-            minlength: v.min !== null && p(Fe)(v.inputType) ? v.min : void 0,
-            maxlength: v.max !== null && p(Fe)(v.inputType) ? v.max : void 0,
-            step: v.step,
+            type: g.inputType,
+            disabled: g.disabled,
+            min: g.min ?? void 0,
+            max: g.max ?? void 0,
+            minlength: g.min !== null && p(Fe)(g.inputType) ? g.min : void 0,
+            maxlength: g.max !== null && p(Fe)(g.inputType) ? g.max : void 0,
+            step: g.step,
             placeholder: r.value,
-            accept: v.fileExtensions,
-            name: v.group,
-            autocomplete: v.autocomplete,
+            accept: g.fileExtensions,
+            name: g.group,
+            autocomplete: g.autocomplete,
             onClick: R[1] || (R[1] = (L) => ue(L)),
             onFocus: R[2] || (R[2] = (L) => e("focus")),
             onBlur: Q(W, ["self"]),
             onMousewheelPassive: O,
             onInput: R[3] || (R[3] = (L) => {
-              e("input", L, p(xe)(L, v.inputType));
+              e("input", L, p(xe)(L, g.inputType));
             }),
             onChange: ne
           }), null, 16, ft), [
@@ -1192,7 +1192,7 @@ const it = { class: "cl-flex cl-justify-between" }, ct = { class: "cl-w-full" },
             duration: 300
           }, {
             default: P(() => [
-              v.inputType === "number" && !v.disabled && v.showArrows ? F((u(), g("div", mt, [
+              g.inputType === "number" && !g.disabled && g.showArrows ? H((u(), v("div", mt, [
                 C(p(U), {
                   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",
@@ -1213,26 +1213,26 @@ const it = { class: "cl-flex cl-justify-between" }, ct = { class: "cl-w-full" },
             ]),
             _: 1
           })
-        ])) : p(He)(v.inputType) ? (u(), V(p(Wl), re({ key: 1 }, v.$attrs, {
+        ])) : p(He)(g.inputType) ? (u(), V(p(Wl), re({ key: 1 }, g.$attrs, {
           ref_key: "inputElement",
           ref: s,
           date: k.value,
           "onUpdate:date": R[6] || (R[6] = (L) => k.value = L),
           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": !v.disabled,
+            "hover:cl-border-grey-3": !g.disabled,
             "!cl-border-danger-default": !E.value,
-            "!cl-border-primary-default": E.value && v.highlightWhenValid
+            "!cl-border-primary-default": E.value && g.highlightWhenValid
           }],
-          disabled: v.disabled,
-          required: v.isRequired,
-          type: p(rt)(v.inputType),
-          "time-zone": v.timeZone,
+          disabled: g.disabled,
+          required: g.isRequired,
+          type: p(rt)(g.inputType),
+          "time-zone": g.timeZone,
           min: n.value,
           max: b.value,
           placeholder: r.value,
           onBlur: Q(be, ["self"]),
           onFocus: R[7] || (R[7] = (L) => e("focus"))
-        }), null, 16, ["date", "class", "disabled", "required", "type", "time-zone", "min", "max", "placeholder", "onBlur"])) : v.inputType === "range" && typeof m.value == "number" ? (u(), g("div", gt, [
+        }), null, 16, ["date", "class", "disabled", "required", "type", "time-zone", "min", "max", "placeholder", "onBlur"])) : g.inputType === "range" && typeof m.value == "number" ? (u(), v("div", gt, [
           C(p(nt), {
             ref_key: "inputElement",
             ref: s,
@@ -1240,16 +1240,16 @@ const it = { class: "cl-flex cl-justify-between" }, ct = { class: "cl-w-full" },
             "onUpdate:value": R[8] || (R[8] = (L) => m.value = L),
             min: h.value ?? 0,
             max: y.value ?? 1e3,
-            step: v.step,
+            step: g.step,
             "enforce-step": !0,
-            disabled: v.disabled,
+            disabled: g.disabled,
             onBlur: Q(be, ["self"]),
             onFocus: R[9] || (R[9] = (L) => e("focus"))
           }, null, 8, ["value", "min", "max", "step", "disabled", "onBlur"])
         ])) : N("", !0)
       ], 32),
-      E.value && T.value && $.value ? (u(), g("div", vt, S(T.value), 1)) : N("", !0),
-      !E.value && q.value.length > 0 && v.showValidationMessages && $.value ? (u(), g("div", bt, S(q.value), 1)) : N("", !0)
+      E.value && T.value && $.value ? (u(), v("div", vt, S(T.value), 1)) : N("", !0),
+      !E.value && q.value.length > 0 && g.showValidationMessages && $.value ? (u(), v("div", bt, S(q.value), 1)) : N("", !0)
     ], 16));
   }
 });
@@ -1272,12 +1272,12 @@ const ie = /* @__PURE__ */ me(ht, [["__scopeId", "data-v-e205e4b1"]]), yt = { cl
     function d(a) {
       a.key === "Escape" && s();
     }
-    return (a, i) => (u(), g(D, null, [
+    return (a, i) => (u(), v(D, null, [
       j(a.$slots, "trigger", oe(ae({ open: l }))),
       (u(), V(Re, { to: "body" }, [
         C(ve, { name: "fade" }, {
           default: P(() => [
-            F(f("div", yt, [
+            H(f("div", yt, [
               f("div", re(a.$attrs, {
                 class: ["cl-bg-white cl-flex cl-flex-wrap cl-max-h-[calc(100%-8rem)] cl-mx-0 cl-my-auto cl-overflow-y-auto cl-overscroll-y-none cl-relative cl-rounded-lg cl-shadow-lg xl:cl-max-h-[calc(100vh-8rem)]", {
                   "lg:cl-w-2/12 cl-w-10/12": a.size === "x-small",
@@ -1286,7 +1286,7 @@ const ie = /* @__PURE__ */ me(ht, [["__scopeId", "data-v-e205e4b1"]]), yt = { cl
                   "cl-w-10/12": a.size === "large"
                 }]
               }), [
-                F(f("div", {
+                H(f("div", {
                   class: _(["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": a.headerColour === "secondary" || a.headerColour === "primary",
                     "cl-text-black hover:cl-text-grey-7": a.headerColour === "white"
@@ -1336,15 +1336,15 @@ const ie = /* @__PURE__ */ me(ht, [["__scopeId", "data-v-e205e4b1"]]), yt = { cl
     "clear-object": null
   },
   setup(t) {
-    return (o, e) => (u(), g("div", kt, [
-      o.additionalText !== "" ? (u(), g("div", Ct, S(o.additionalText), 1)) : N("", !0),
+    return (o, e) => (u(), v("div", kt, [
+      o.additionalText !== "" ? (u(), v("div", Ct, S(o.additionalText), 1)) : N("", !0),
       f("div", {
         class: _({
           "cl-w-1/2": o.additionalText !== "",
           "cl-w-full": o.additionalText === ""
         })
       }, S(o.text), 3),
-      F(f("div", {
+      H(f("div", {
         class: "cl-cursor-pointer cl-float-right",
         onMousedown: e[0] || (e[0] = (l) => o.$emit("clear-object"))
       }, [
@@ -1394,7 +1394,7 @@ const ie = /* @__PURE__ */ me(ht, [["__scopeId", "data-v-e205e4b1"]]), yt = { cl
     }
     return Y(() => e.selectedIndex, () => r()), (c, m) => {
       var k, n;
-      return u(), g("div", {
+      return u(), v("div", {
         class: _(["cl-cursor-pointer cl-duration-75 cl-flex cl-p-1 cl-text-left cl-transition-colors", {
           "cl-bg-white": d.value === !1,
           "cl-bg-link-light cl-text-white cl-opacity-90": d.value && c.isCreateNewOption === !1,
@@ -1404,14 +1404,14 @@ const ie = /* @__PURE__ */ me(ht, [["__scopeId", "data-v-e205e4b1"]]), yt = { cl
         onMousemove: m[0] || (m[0] = (b) => i(!0)),
         onMouseleave: m[1] || (m[1] = (b) => i(!1))
       }, [
-        c.option !== null && ((k = c.option) == null ? void 0 : k.parentId) !== 0 && ((n = c.option) == null ? void 0 : n.parentId) !== void 0 ? (u(), g("div", Tt, S(s.value), 1)) : N("", !0),
+        c.option !== null && ((k = c.option) == null ? void 0 : k.parentId) !== 0 && ((n = c.option) == null ? void 0 : n.parentId) !== void 0 ? (u(), v("div", Tt, S(s.value), 1)) : N("", !0),
         f("div", {
           class: _({
             "cl-w-1/2": s.value !== "",
             "cl-w-full": s.value === ""
           })
         }, S(l.value), 3),
-        F(f("div", Ot, [
+        H(f("div", Ot, [
           C(p(U), {
             class: _(["cl-transition-colors", {
               "cl-text-white": d.value,
@@ -1503,7 +1503,7 @@ const ie = /* @__PURE__ */ me(ht, [["__scopeId", "data-v-e205e4b1"]]), yt = { cl
       return (w = r.value) == null ? void 0 : w.removeEventListener("keydown", T);
     }), (w, M) => {
       var G;
-      return u(), g("div", {
+      return u(), v("div", {
         ref_key: "container",
         ref: r,
         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",
@@ -1523,7 +1523,7 @@ const ie = /* @__PURE__ */ me(ht, [["__scopeId", "data-v-e205e4b1"]]), yt = { cl
             onKeyup: c,
             onBlur: n
           }, null, 8, ["modelValue", "placeholder-text"]),
-          F(C(Ie, { class: "cl-absolute cl-ml-2 cl-mt-11" }, null, 512), [
+          H(C(Ie, { class: "cl-absolute cl-ml-2 cl-mt-11" }, null, 512), [
             [Z, w.loading]
           ])
         ]),
@@ -1558,8 +1558,8 @@ const ie = /* @__PURE__ */ me(ht, [["__scopeId", "data-v-e205e4b1"]]), yt = { cl
           onCreateObject: k,
           onOptionHighlighted: z
         }, null, 8, ["text", "selected-index"])) : N("", !0),
-        w.errorMessage === "" && w.results !== null ? (u(), g("div", qt, [
-          (u(!0), g(D, null, ee(w.results, (K, ue) => (u(), V(Ze, {
+        w.errorMessage === "" && w.results !== null ? (u(), v("div", qt, [
+          (u(!0), v(D, null, ee(w.results, (K, ue) => (u(), V(Ze, {
             key: ue,
             option: K,
             index: ue,
@@ -1606,8 +1606,8 @@ const ie = /* @__PURE__ */ me(ht, [["__scopeId", "data-v-e205e4b1"]]), yt = { cl
     }), c = I(null), m = I(null), k = A(() => ye()), n = I(""), b = I(""), h = I(), y = I(!0), T = I(!1);
     function E(O) {
       var ne, W;
-      const x = ((ne = we.value) == null ? void 0 : ne.getBoundingClientRect().top) || 0;
-      T.value = window.innerHeight - x < 280, l.disabled || (typeof O < "u" ? i.value = O : i.value = !i.value), (W = c.value) == null || W.blur();
+      const F = ((ne = we.value) == null ? void 0 : ne.getBoundingClientRect().top) || 0;
+      T.value = window.innerHeight - F < 280, l.disabled || (typeof O < "u" ? i.value = O : i.value = !i.value), (W = c.value) == null || W.blur();
     }
     function $(O) {
       n.value = O, e("search", O);
@@ -1619,19 +1619,19 @@ const ie = /* @__PURE__ */ me(ht, [["__scopeId", "data-v-e205e4b1"]]), yt = { cl
       r.value = null, E(!1);
     }
     function w(O) {
-      const x = M(O);
-      r.value = x, E(!1);
+      const F = M(O);
+      r.value = F, E(!1);
     }
     function M(O) {
-      let x = null;
+      let F = null;
       if (l.results !== null) {
         for (let ne = 0; ne < l.results.length; ne++)
           if (l.results[ne].id === O) {
-            x = l.results[ne];
+            F = l.results[ne];
             break;
           }
       }
-      return x;
+      return F;
     }
     function G() {
       var O;
@@ -1647,12 +1647,12 @@ const ie = /* @__PURE__ */ me(ht, [["__scopeId", "data-v-e205e4b1"]]), yt = { cl
       }, e("create-parent-object", h.value);
     }
     function ue() {
-      var O, x;
+      var O, F;
       (O = l.objectCreatedResponse) != null && O.error ? De({
         message: a("comboBox.createFailed", { name: n.value, error: l.objectCreatedResponse.error }),
         colour: "danger",
         duration: 1e4
-      }) : (x = l.objectCreatedResponse) != null && x.id && je();
+      }) : (F = l.objectCreatedResponse) != null && F.id && je();
     }
     function Ne() {
       var O;
@@ -1662,16 +1662,16 @@ const ie = /* @__PURE__ */ me(ht, [["__scopeId", "data-v-e205e4b1"]]), yt = { cl
       });
     }
     function je() {
-      var x, ne, W, v, R;
+      var F, ne, W, g, R;
       De({
-        message: a("comboBox.createSuccessful", { object: l.objectType, name: ((x = l.objectCreatedResponse) == null ? void 0 : x.name) ?? "" }),
+        message: a("comboBox.createSuccessful", { object: l.objectType, name: ((F = l.objectCreatedResponse) == null ? void 0 : F.name) ?? "" }),
         colour: "primary",
         duration: 1e4
       });
       let O = "";
       m.value && m.value.id === ((ne = l.objectCreatedResponse) == null ? void 0 : ne.parentId) && (O = m.value.name), r.value = {
         id: ((W = l.objectCreatedResponse) == null ? void 0 : W.id) ?? 0,
-        name: ((v = l.objectCreatedResponse) == null ? void 0 : v.name) ?? "",
+        name: ((g = l.objectCreatedResponse) == null ? void 0 : g.name) ?? "",
         parentId: ((R = l.objectCreatedResponse) == null ? void 0 : R.parentId) ?? 0,
         parentName: O
       };
@@ -1691,9 +1691,9 @@ const ie = /* @__PURE__ */ me(ht, [["__scopeId", "data-v-e205e4b1"]]), yt = { cl
       }
     });
     const we = I();
-    return Me(we, () => i.value ? E(!1) : ""), (O, x) => {
+    return Me(we, () => i.value ? E(!1) : ""), (O, F) => {
       const ne = rl("cl-ui-combo-box", !0);
-      return u(), g("div", {
+      return u(), v("div", {
         ref_key: "outsideRef",
         ref: we,
         class: "cl-relative"
@@ -1703,17 +1703,17 @@ const ie = /* @__PURE__ */ me(ht, [["__scopeId", "data-v-e205e4b1"]]), yt = { cl
             ref_key: "inputRef",
             ref: c,
             modelValue: k.value,
-            "onUpdate:modelValue": x[0] || (x[0] = (W) => k.value = W),
+            "onUpdate:modelValue": F[0] || (F[0] = (W) => k.value = W),
             class: _(["!cl-mr-0 cl-mb-0 cl-rounded-r-none cl-w-full cl-z-10", {
               "cl-cursor-pointer": O.disabled === !1
             }]),
             "input-type": "text",
             "placeholder-text": s.value,
-            onFocus: x[1] || (x[1] = (W) => {
+            onFocus: F[1] || (F[1] = (W) => {
               E(), O.$emit("focus");
             })
           }, null, 8, ["modelValue", "class", "placeholder-text"]),
-          F(f("div", Nt, [
+          H(f("div", Nt, [
             f("div", jt, [
               te(S(p(a)("comboBox.required")) + " ", 1),
               C(p(U), {
@@ -1724,25 +1724,25 @@ const ie = /* @__PURE__ */ me(ht, [["__scopeId", "data-v-e205e4b1"]]), yt = { cl
           ], 512), [
             [Z, O.required && O.disabled === !1 && O.currentObject === null]
           ]),
-          i.value ? (u(), g("div", {
+          i.value ? (u(), v("div", {
             key: 1,
             class: _(["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": O.disabled,
               "cl-cursor-pointer": O.disabled === !1
             }]),
-            onClick: x[3] || (x[3] = (W) => E(!1))
+            onClick: F[3] || (F[3] = (W) => E(!1))
           }, [
             C(p(U), {
               icon: "ph:caret-up-bold",
               class: "cl-ml-[5px] cl-mt-[12px]"
             })
-          ], 2)) : (u(), g("div", {
+          ], 2)) : (u(), v("div", {
             key: 0,
             class: _(["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": O.disabled,
               "cl-cursor-pointer": O.disabled === !1
             }]),
-            onClick: x[2] || (x[2] = (W) => E(!0))
+            onClick: F[2] || (F[2] = (W) => E(!0))
           }, [
             C(p(U), {
               icon: "ph:caret-down-bold",
@@ -1755,7 +1755,7 @@ const ie = /* @__PURE__ */ me(ht, [["__scopeId", "data-v-e205e4b1"]]), yt = { cl
             te(S(p(a)("comboBox.createTitle", { object: O.objectType })), 1)
           ]),
           trigger: P(({ open: W }) => [
-            F(C(At, {
+            H(C(At, {
               "can-create-new-object": O.canCreateNewObject,
               "can-clear-selected-object": O.canClearSelectedObject,
               loading: O.loading,
@@ -1772,7 +1772,8 @@ const ie = /* @__PURE__ */ me(ht, [["__scopeId", "data-v-e205e4b1"]]), yt = { cl
               onCreateObject: W,
               onSelectObject: w,
               onClearObject: q,
-              onSearch: $
+              onSearch: $,
+              onHideDropdown: F[4] || (F[4] = (g) => E(!1))
             }, null, 8, ["can-create-new-object", "can-clear-selected-object", "loading", "results", "object-type", "object-parent-type", "error-message", "current-object-name", "is-visible", "class", "search-hint", "onCreateObject"]), [
               [Z, i.value]
             ])
@@ -1794,7 +1795,7 @@ const ie = /* @__PURE__ */ me(ht, [["__scopeId", "data-v-e205e4b1"]]), yt = { cl
                 colour: "primary",
                 size: "small",
                 disabled: !y.value,
-                onClick: (v) => {
+                onClick: (g) => {
                   G(), W();
                 }
               }, {
@@ -1810,7 +1811,7 @@ const ie = /* @__PURE__ */ me(ht, [["__scopeId", "data-v-e205e4b1"]]), yt = { cl
               O.objectParentType ? (u(), V(ne, {
                 key: 0,
                 "current-object": m.value,
-                "onUpdate:currentObject": x[4] || (x[4] = (W) => m.value = W),
+                "onUpdate:currentObject": F[5] || (F[5] = (W) => m.value = W),
                 class: "cl-mt-3",
                 results: O.parentResults,
                 loading: O.loading,
@@ -1824,7 +1825,7 @@ const ie = /* @__PURE__ */ me(ht, [["__scopeId", "data-v-e205e4b1"]]), yt = { cl
               }, null, 8, ["current-object", "results", "loading", "object-type", "object-created-response", "can-create-new-object", "can-clear-selected-object", "error-message"])) : N("", !0),
               C(ie, {
                 modelValue: n.value,
-                "onUpdate:modelValue": x[5] || (x[5] = (W) => n.value = W),
+                "onUpdate:modelValue": F[6] || (F[6] = (W) => n.value = W),
                 label: p(a)("comboBox.createProperty"),
                 class: "cl-mb-2 cl-pt-3 cl-w-full",
                 "input-type": "text"
@@ -1851,11 +1852,11 @@ const Bt = {}, Vt = { 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"
 }, Pt = { class: "cl-float-left" }, Ft = { class: "cl-float-right" };
 function Ht(t, o) {
-  return u(), g("div", Vt, [
-    t.$slots.default ? (u(), g("div", Lt, [
+  return u(), v("div", Vt, [
+    t.$slots.default ? (u(), v("div", Lt, [
       j(t.$slots, "default")
     ])) : N("", !0),
-    t.$slots.left || t.$slots.right ? (u(), g("div", Dt, [
+    t.$slots.left || t.$slots.right ? (u(), v("div", Dt, [
       f("span", Pt, [
         j(t.$slots, "left")
       ]),
@@ -1896,7 +1897,7 @@ const Gt = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, Wt = { class: "cl-gap-1
   emits: ["update:edit-mode", "update:filterPanelOpen", "clear-filters"],
   setup(t) {
     const o = t, { t: e } = se(), l = A(() => o.request.filters.some((s) => s.filterValue !== ""));
-    return (s, d) => (u(), g(D, null, [
+    return (s, d) => (u(), v(D, null, [
       f("div", Gt, [
         f("strong", null, S(p(e)("grid.gridTools")), 1)
       ]),
@@ -1915,18 +1916,18 @@ const Gt = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, Wt = { class: "cl-gap-1
           onClick: d[0] || (d[0] = Q((a) => s.$emit("update:edit-mode", !s.editMode), ["prevent"]))
         }, {
           default: P(() => [
-            s.editMode ? (u(), g(D, { key: 0 }, [
+            s.editMode ? (u(), v(D, { key: 0 }, [
               te(S(p(e)("grid.finishEditing")), 1)
-            ], 64)) : (u(), g(D, { key: 1 }, [
+            ], 64)) : (u(), v(D, { key: 1 }, [
               te(S(p(e)("grid.editData")), 1)
             ], 64))
           ]),
           _: 1
         })) : N("", !0),
-        s.options.hideViewManager ? N("", !0) : (u(), g("div", Yt, [
+        s.options.hideViewManager ? N("", !0) : (u(), v("div", Yt, [
           j(s.$slots, "view-manager")
         ])),
-        p(Ge)(s.columns) || p(Zt)(s.columns) ? (u(), g(D, { key: 2 }, [
+        p(Ge)(s.columns) || p(Zt)(s.columns) ? (u(), v(D, { key: 2 }, [
           f("div", Jt, [
             C(ge, {
               class: "cl-w-full",
@@ -1981,9 +1982,9 @@ const Gt = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, Wt = { class: "cl-gap-1
     const o = t, { t: e, locale: l, n: s } = se();
     function d(a, i) {
       let r;
-      o.timeZone ? r = H.fromISO(a, {
+      o.timeZone ? r = x.fromISO(a, {
         locale: l.value
-      }).setZone(o.timeZone) : r = H.fromISO(a, {
+      }).setZone(o.timeZone) : r = x.fromISO(a, {
         locale: l.value,
         zone: "UTC"
       });
@@ -2016,16 +2017,16 @@ const Gt = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, Wt = { class: "cl-gap-1
         "input-type": "checkbox",
         "model-value": a.data[a.column.field],
         disabled: !0
-      }, null, 8, ["model-value"])) : (a.column.type === "date" || a.column.type === "datetime") && a.column.field !== void 0 ? (u(), g(D, { key: 2 }, [
-        a.column.format !== void 0 ? (u(), g(D, { key: 0 }, [
+      }, null, 8, ["model-value"])) : (a.column.type === "date" || a.column.type === "datetime") && a.column.field !== void 0 ? (u(), v(D, { key: 2 }, [
+        a.column.format !== void 0 ? (u(), v(D, { key: 0 }, [
           te(S(d(a.data[a.column.field], a.column.format)), 1)
-        ], 64)) : a.column.type === "date" ? (u(), g(D, { key: 1 }, [
+        ], 64)) : a.column.type === "date" ? (u(), v(D, { key: 1 }, [
           te(S(d(a.data[a.column.field], p(J).DATE)), 1)
-        ], 64)) : (u(), g(D, { key: 2 }, [
+        ], 64)) : (u(), v(D, { key: 2 }, [
           te(S(d(a.data[a.column.field], p(J).DATETIME)), 1)
         ], 64))
-      ], 64)) : a.column.type === "list" && a.column.field !== void 0 && a.column.listEntries !== void 0 ? (u(), g("span", eo, S(p(e)(((r = a.column.listEntries.find((c) => c.value === a.data[a.column.field])) == null ? void 0 : r.translationKey) ?? "")), 1)) : a.column.type === "number" && a.column.field !== void 0 ? (u(), g("span", lo, S(p(s)(a.data[a.column.field], a.column.format ?? p(le).DECIMAL)), 1)) : a.column.field !== void 0 ? (u(), g(D, { key: 5 }, [
-        a.column.maxLength !== void 0 ? (u(), g("span", to, S(a.data[a.column.field].trimToLength(a.column.maxLength, a.column.format !== void 0 ? a.column.format === "ellipsis" : !1)), 1)) : (u(), g("span", oo, S(a.data[a.column.field]), 1))
+      ], 64)) : a.column.type === "list" && a.column.field !== void 0 && a.column.listEntries !== void 0 ? (u(), v("span", eo, S(p(e)(((r = a.column.listEntries.find((c) => c.value === a.data[a.column.field])) == null ? void 0 : r.translationKey) ?? "")), 1)) : a.column.type === "number" && a.column.field !== void 0 ? (u(), v("span", lo, S(p(s)(a.data[a.column.field], a.column.format ?? p(le).DECIMAL)), 1)) : a.column.field !== void 0 ? (u(), v(D, { key: 5 }, [
+        a.column.maxLength !== void 0 ? (u(), v("span", to, S(a.data[a.column.field].trimToLength(a.column.maxLength, a.column.format !== void 0 ? a.column.format === "ellipsis" : !1)), 1)) : (u(), v("span", oo, S(a.data[a.column.field]), 1))
       ], 64)) : N("", !0);
     };
   }
@@ -2051,7 +2052,7 @@ const Gt = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, Wt = { class: "cl-gap-1
       r !== "" && (i[r] !== e.data[r] ? o("edit", i[r]) : o("undo"));
     }, {
       deep: !0
-    }), (i, r) => (u(), g("td", {
+    }), (i, r) => (u(), v("td", {
       class: _(["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": d.value
       }])
@@ -2097,8 +2098,8 @@ const Gt = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, Wt = { class: "cl-gap-1
   },
   emits: ["cell-focus", "cell-edit", "cell-undo", "row-select"],
   setup(t) {
-    return (o, e) => (u(), g("tr", null, [
-      (u(!0), g(D, null, ee(o.columns, (l, s) => (u(), V(no, {
+    return (o, e) => (u(), v("tr", null, [
+      (u(!0), v(D, null, ee(o.columns, (l, s) => (u(), V(no, {
         key: s,
         data: o.data,
         column: l,
@@ -2182,8 +2183,8 @@ const Gt = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, Wt = { class: "cl-gap-1
       e.editMode || (d(), s.value.index = -1);
     }), (n, b) => {
       var h;
-      return u(), g("tbody", null, [
-        n.data && ((h = n.data.results) != null && h.length) ? (u(!0), g(D, { key: 0 }, ee(n.data.results, (y, T) => (u(), V(ao, {
+      return u(), v("tbody", null, [
+        n.data && ((h = n.data.results) != null && h.length) ? (u(!0), v(D, { key: 0 }, ee(n.data.results, (y, T) => (u(), V(ao, {
           key: T,
           data: y,
           columns: n.columns,
@@ -2211,13 +2212,13 @@ const Gt = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, Wt = { class: "cl-gap-1
               j(n.$slots, $, oe(ae(z)))
             ])
           }))
-        ]), 1032, ["data", "columns", "time-zone", "edit-mode", "class", "onClick", "onCellFocus", "onCellEdit"]))), 128)) : n.loading ? N("", !0) : (u(), g("tr", ro, [
+        ]), 1032, ["data", "columns", "time-zone", "edit-mode", "class", "onClick", "onCellFocus", "onCellEdit"]))), 128)) : n.loading ? N("", !0) : (u(), v("tr", ro, [
           f("td", {
             colspan: n.columns.length
           }, [
             f("div", co, [
               f("strong", uo, S(p(l)("grid.noData")), 1),
-              n.request.filters.some((y) => y.filterValue !== "") ? (u(), g("div", po, [
+              n.request.filters.some((y) => y.filterValue !== "") ? (u(), v("div", po, [
                 f("div", fo, S(p(l)("grid.noDataFiltersPresent")), 1),
                 C(ge, {
                   size: "small",
@@ -2284,7 +2285,7 @@ const Gt = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, Wt = { class: "cl-gap-1
     const k = Ye(r, 750);
     return (n, b) => {
       var h, y;
-      return (y = (h = n.data) == null ? void 0 : h.results) != null && y.length && n.request ? (u(), g("div", go, [
+      return (y = (h = n.data) == null ? void 0 : h.results) != null && y.length && n.request ? (u(), v("div", go, [
         f("div", vo, [
           f("span", bo, S(p(s)("grid.jumpToPage")), 1),
           C(ie, {
@@ -2305,7 +2306,7 @@ const Gt = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, Wt = { class: "cl-gap-1
             ]),
             f("ul", ko, [
               f("li", Co, S(p(l)(n.request.pageNumber, p(le).INTEGER)) + " / " + S(p(l)(d.value, p(le).INTEGER)), 1),
-              F(f("li", {
+              H(f("li", {
                 class: "cl-cursor-pointer cl-mr-1 cl-mt-1 lg:cl-mr-2",
                 onClick: b[1] || (b[1] = (T) => i(1))
               }, [
@@ -2316,7 +2317,7 @@ const Gt = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, Wt = { class: "cl-gap-1
               ], 512), [
                 [Z, n.request.pageNumber > 1]
               ]),
-              F(f("li", {
+              H(f("li", {
                 class: "cl-cursor-pointer cl-mt-1 lg:cl-mr-2 mr-1",
                 onClick: b[2] || (b[2] = (T) => i(n.request.pageNumber - 1))
               }, [
@@ -2327,7 +2328,7 @@ const Gt = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, Wt = { class: "cl-gap-1
               ], 512), [
                 [Z, n.request.pageNumber > 1]
               ]),
-              (u(!0), g(D, null, ee(a.value, (T, E) => (u(), g("li", {
+              (u(!0), v(D, null, ee(a.value, (T, E) => (u(), v("li", {
                 key: E,
                 class: _(["cl-cursor-pointer cl-mr-1 lg:cl-mr-2", {
                   "cl-text-black cl-font-bold": n.request.pageNumber === T,
@@ -2335,7 +2336,7 @@ const Gt = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, Wt = { class: "cl-gap-1
                 }]),
                 onClick: ($) => i(T)
               }, S(p(l)(T, p(le).INTEGER)), 11, To))), 128)),
-              F(f("li", {
+              H(f("li", {
                 class: "cl-cursor-pointer cl-mr-1 cl-mt-1 lg:cl-mr-2",
                 onClick: b[3] || (b[3] = (T) => i(n.request.pageNumber + 1))
               }, [
@@ -2346,7 +2347,7 @@ const Gt = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, Wt = { class: "cl-gap-1
               ], 512), [
                 [Z, n.request.pageNumber < d.value]
               ]),
-              F(f("li", {
+              H(f("li", {
                 class: "cl-cursor-pointer cl-mr-1 cl-mt-1 lg:cl-mr-2",
                 onClick: b[4] || (b[4] = (T) => i(d.value))
               }, [
@@ -2361,7 +2362,7 @@ const Gt = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, Wt = { class: "cl-gap-1
           ]),
           f("ul", Oo, [
             f("li", So, S(p(s)("grid.pageSize")), 1),
-            (u(), g(D, null, ee(c, (T, E) => f("li", {
+            (u(), v(D, null, ee(c, (T, E) => f("li", {
               key: E,
               class: _(["cl-cursor-pointer cl-mr-1 lg:cl-mr-2", {
                 "cl-text-black cl-font-bold": n.request.pageSize === T,
@@ -2598,7 +2599,7 @@ const Lo = {
         return;
       o("update:filter", r);
     }
-    return (i, r) => (u(), g("div", Fo, [
+    return (i, r) => (u(), v("div", Fo, [
       f("div", Ho, [
         d.value ? (u(), V(p(U), {
           key: 0,
@@ -2616,9 +2617,9 @@ const Lo = {
         }])
       }, [
         f("strong", xo, S(p(l)("grid.availableMethods")), 1),
-        (u(!0), g(D, null, ee(s.value, (c, m) => {
+        (u(!0), v(D, null, ee(s.value, (c, m) => {
           var k;
-          return u(), g("span", {
+          return u(), v("span", {
             key: m,
             class: _(["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": c.method === ((k = d.value) == null ? void 0 : k.method)
@@ -2669,7 +2670,7 @@ const Lo = {
               filterValue: G.filterValue
             });
           } else if ($.filterOperation === X.EQUAL_OR_LESS_THAN) {
-            let G = H.fromISO($.filterValue, {
+            let G = x.fromISO($.filterValue, {
               zone: e.timeZone ?? "UTC"
             });
             e.column.type === "date" || e.column.type === "slot" && e.column.slotType === "date" ? G = G.minus({ days: 1 }) : G = G.minus({ minutes: 1 }), $ = {
@@ -2685,7 +2686,7 @@ const Lo = {
       set($) {
         let z;
         if ($ != null && $.filterMethod && k($.filterMethod, $.filterValue)) {
-          let q = H.fromISO($.filterValue, {
+          let q = x.fromISO($.filterValue, {
             zone: e.timeZone ?? "UTC"
           }).set({ second: 0, millisecond: 0 });
           const w = q.toISO();
@@ -2706,7 +2707,7 @@ const Lo = {
             }
           ];
         } else if ($ != null && $.filterMethod && k($.filterMethod, $.filterValue, "equalorlessthan")) {
-          let q = H.fromISO($.filterValue, {
+          let q = x.fromISO($.filterValue, {
             zone: e.timeZone ?? "UTC"
           }).set({ second: 0, millisecond: 0 });
           e.column.type === "date" || e.column.type === "slot" && e.column.slotType === "date" ? q = q.plus({ days: 1 }) : q = q.plus({ minutes: 1 }), z = [
@@ -2721,7 +2722,7 @@ const Lo = {
           z = $ && [$];
         if (z && i.value)
           for (const q of z)
-            e.timeZone ? q.filterValue = H.fromISO(q.filterValue).setZone("UTC").toISO() ?? "" : q.filterValue = q.filterValue.replace("Z", "");
+            e.timeZone ? q.filterValue = x.fromISO(q.filterValue).setZone("UTC").toISO() ?? "" : q.filterValue = q.filterValue.replace("Z", "");
         a.value = z;
       }
     });
@@ -2754,8 +2755,8 @@ const Lo = {
       let q, w = ($ == null ? void 0 : $.value) ?? z ?? 0;
       e.column.format === le.INTEGER ? (typeof w == "string" && (w = parseInt(w)), q = Math.round(w)) : (typeof w == "string" && (w = parseFloat(w.replace(h.value, "."))), q = w), T(null, isNaN(q) ? "" : q.toString());
     }
-    return ($, z) => y.value ? (u(), g("div", Wo, [
-      $.column.type === "boolean" || $.column.slotType === "boolean" ? (u(), g("select", {
+    return ($, z) => y.value ? (u(), v("div", Wo, [
+      $.column.type === "boolean" || $.column.slotType === "boolean" ? (u(), v("select", {
         key: 0,
         class: "!cl-h-[2rem] cl-border-none cl-mb-0 cl-rounded-md cl-w-full",
         onChange: z[0] || (z[0] = (q) => T(q.target))
@@ -2791,13 +2792,13 @@ const Lo = {
         class: "!cl-h-[2rem] !cl-text-xs cl-border-none cl-mb-0 cl-w-full lg:!cl-text-base",
         "input-type": "text",
         onInput: z[3] || (z[3] = (q, w) => T(null, w))
-      }, null, 8, ["model-value"])) : r.value ? (u(), g("select", {
+      }, null, 8, ["model-value"])) : r.value ? (u(), v("select", {
         key: 4,
         class: "!cl-h-[2rem] cl-border-none cl-mb-0 cl-rounded-md cl-w-full",
         onChange: z[4] || (z[4] = (q) => c.value ? E(q.target) : T(q.target))
       }, [
         Jo,
-        (u(!0), g(D, null, ee($.column.listEntries ?? [], (q) => (u(), g("option", {
+        (u(!0), v(D, null, ee($.column.listEntries ?? [], (q) => (u(), v("option", {
           key: q.value,
           value: q.value,
           selected: n.value === q.value.toString()
@@ -2849,9 +2850,9 @@ const Lo = {
         ], c.pageNumber = 1, s.value = c;
       }
     }
-    return (r, c) => (u(), g("thead", ls, [
+    return (r, c) => (u(), v("thead", ls, [
       f("tr", ts, [
-        (u(!0), g(D, null, ee(r.columns, (m, k) => (u(), g("th", {
+        (u(!0), v(D, null, ee(r.columns, (m, k) => (u(), v("th", {
           key: k,
           class: _(["cl-text-grey-3 cl-text-sm", {
             "cl-cursor-pointer": p(Ee)(m)
@@ -2860,13 +2861,13 @@ const Lo = {
           }
         }, [
           te(S(m.caption) + " ", 1),
-          F(C(p(U), {
+          H(C(p(U), {
             class: "cl-inline-block",
             icon: "ph:caret-up"
           }, null, 512), [
             [Z, d(m, !0)]
           ]),
-          F(C(p(U), {
+          H(C(p(U), {
             class: "cl-inline-block",
             icon: "ph:caret-down"
           }, null, 512), [
@@ -2887,14 +2888,14 @@ const Lo = {
             onClick: c[0] || (c[0] = Q((m) => r.$emit("update:filterPanelOpen", !1), ["prevent"]))
           })
         ]),
-        (u(!0), g(D, null, ee(r.columns, (m, k) => (u(), g("th", {
+        (u(!0), v(D, null, ee(r.columns, (m, k) => (u(), v("th", {
           key: k,
           class: _(["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": !p(Be)(m)
           }])
         }, [
           f("div", ns, S(m.caption), 1),
-          p(Ee)(m) ? (u(), g("div", {
+          p(Ee)(m) ? (u(), v("div", {
             key: 0,
             class: "cl-col-span-2 cl-gap-1 cl-span lg:cl-hidden",
             onClick: (n) => a(m.field)
@@ -2946,7 +2947,7 @@ const Lo = {
       const m = ce(e.columns), k = c === "up" ? r + 1 : r - 1;
       d(m, r, k), o("update:columns", m);
     }
-    return (r, c) => (u(), g(D, null, [
+    return (r, c) => (u(), v(D, null, [
       C(ge, re(r.$attrs, {
         class: "cl-w-full",
         size: "small",
@@ -2960,7 +2961,7 @@ const Lo = {
       (u(), V(Re, { to: "body" }, [
         C(ve, { name: "slide-left" }, {
           default: P(() => [
-            F(f("div", cs, [
+            H(f("div", cs, [
               f("div", us, [
                 C(p(U), {
                   class: "cl-absolute cl-cursor-pointer cl-right-3 cl-text-off-white cl-top-3",
@@ -2975,7 +2976,7 @@ const Lo = {
                     f("strong", gs, S(p(l)("grid.visible")), 1),
                     f("strong", vs, S(p(l)("grid.order")), 1)
                   ]),
-                  (u(!0), g(D, null, ee(r.columns, (m, k) => (u(), g("li", {
+                  (u(!0), v(D, null, ee(r.columns, (m, k) => (u(), v("li", {
                     key: k,
                     class: "cl-border-b cl-border-grey-2 cl-flex cl-py-2 cl-text-sm cl-w-full"
                   }, [
@@ -2988,7 +2989,7 @@ const Lo = {
                       }, null, 8, ["model-value", "onClick"])
                     ]),
                     f("div", ys, [
-                      m.visible === void 0 || m.visible === !0 ? (u(), g(D, { key: 0 }, [
+                      m.visible === void 0 || m.visible === !0 ? (u(), v(D, { key: 0 }, [
                         k !== 0 ? (u(), V(p(U), {
                           key: 0,
                           class: "cl-cursor-pointer cl-inline-block cl-mr-2",
@@ -3001,7 +3002,7 @@ const Lo = {
                           icon: "ph:arrow-right",
                           onClick: (n) => i(k, "up")
                         }, null, 8, ["onClick"])) : N("", !0)
-                      ], 64)) : (u(), g("em", ws, S(p(l)("grid.hidden")), 1))
+                      ], 64)) : (u(), v("em", ws, S(p(l)("grid.hidden")), 1))
                     ])
                   ]))), 128))
                 ])
@@ -3063,10 +3064,10 @@ const Lo = {
       highlightRowSelection: !0,
       ...e.options
     }));
-    return (y, T) => (u(), g("div", ks, [
+    return (y, T) => (u(), v("div", ks, [
       C(ve, { name: "fade" }, {
         default: P(() => [
-          F(f("div", Cs, [
+          H(f("div", Cs, [
             C(Ie)
           ], 512), [
             [Z, y.loading]
@@ -3103,7 +3104,7 @@ const Lo = {
           }])
         }, [
           f("colgroup", Os, [
-            (u(!0), g(D, null, ee(s.value, (E, $) => (u(), g("col", {
+            (u(!0), v(D, null, ee(s.value, (E, $) => (u(), v("col", {
               key: $,
               style: cl(i(E.name)),
               span: 1
@@ -3156,7 +3157,7 @@ const Lo = {
     const e = t, l = I();
     return Me(l, () => {
       (e.isOpen ?? !1) && o("open-click");
-    }), (s, d) => (u(), g("header", Es, [
+    }), (s, d) => (u(), v("header", Es, [
       j(s.$slots, "logo"),
       f("div", {
         ref_key: "headerMenuElement",
@@ -3186,14 +3187,14 @@ const Lo = {
   },
   setup(t) {
     const o = t;
-    return (e, l) => (u(), g("div", {
+    return (e, l) => (u(), v("div", {
       class: _(["md:cl-relative", {
         "cl-bg-primary-default": (o == null ? void 0 : o.colour) === "default",
         "cl-bg-blue-light": o.colour === "secondary"
       }])
     }, [
       f("div", As, [
-        e.image ? (u(), g("img", {
+        e.image ? (u(), v("img", {
           key: 0,
           src: e.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"
@@ -3210,8 +3211,8 @@ const Lo = {
             "cl-text-white": o.colour === "secondary"
           }])
         }, [
-          e.username ? (u(), g("div", Ns, S(e.username), 1)) : N("", !0),
-          e.group ? (u(), g("div", js, S(e.group), 1)) : N("", !0)
+          e.username ? (u(), v("div", Ns, S(e.username), 1)) : N("", !0),
+          e.group ? (u(), v("div", js, S(e.group), 1)) : N("", !0)
         ], 2),
         f("div", _s, [
           C(p(U), {
@@ -3226,7 +3227,7 @@ const Lo = {
       ]),
       C(ve, { name: "fade" }, {
         default: P(() => [
-          F(f("div", Rs, [
+          H(f("div", Rs, [
             j(e.$slots, "default")
           ], 512), [
             [Z, e.isOpen]
@@ -3272,7 +3273,7 @@ const Bs = {
     }
     return Y(() => e.disabled, (r) => {
       r && (s.value = !1);
-    }), (r, c) => d.value !== null && p(_e)(d.value) ? (u(), g("div", Bs, [
+    }), (r, c) => d.value !== null && p(_e)(d.value) ? (u(), v("div", Bs, [
       f("div", {
         class: _(["cl-flex cl-items-center", {
           "cl-cursor-pointer": !r.disabled
@@ -3287,8 +3288,8 @@ const Bs = {
       ], 2),
       C(ve, { name: "fade" }, {
         default: P(() => [
-          F(f("div", Vs, [
-            (u(!0), g(D, null, ee(a.value, (m, k) => (u(), g("div", {
+          H(f("div", Vs, [
+            (u(!0), v(D, null, ee(a.value, (m, k) => (u(), v("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,
@@ -3342,7 +3343,7 @@ const Bs = {
     function m(k, n) {
       a.value = k;
     }
-    return (k, n) => (u(), g("div", Fs, [
+    return (k, n) => (u(), v("div", Fs, [
       f("div", Hs, [
         j(k.$slots, "background")
       ]),
@@ -3350,7 +3351,7 @@ const Bs = {
         f("div", Zs, [
           j(k.$slots, "logo")
         ]),
-        k.$slots["language-switcher"] ? (u(), g("div", Gs, [
+        k.$slots["language-switcher"] ? (u(), v("div", Gs, [
           j(k.$slots, "language-switcher")
         ])) : N("", !0),
         f("div", {
@@ -3395,7 +3396,7 @@ const Bs = {
                 icon: "ph:lock",
                 size: 18
               }),
-              F(C(p(U), {
+              H(C(p(U), {
                 class: "cl-absolute cl-cursor-pointer cl-right-4 cl-top-2.5 cl-z-10",
                 icon: "ph:eye",
                 size: 18,
@@ -3403,7 +3404,7 @@ const Bs = {
               }, null, 512), [
                 [Z, d.value === "password"]
               ]),
-              F(C(p(U), {
+              H(C(p(U), {
                 class: "cl-absolute cl-cursor-pointer cl-right-4 cl-top-2.5 cl-z-10",
                 icon: "ph:eye-slash",
                 size: 18,
@@ -3453,8 +3454,8 @@ const Bs = {
           default: P(() => {
             var b;
             return [
-              F(f("span", Js, [
-                (u(!0), g(D, null, ee(k.errors, (h, y) => (u(), g("div", {
+              H(f("span", Js, [
+                (u(!0), v(D, null, ee(k.errors, (h, y) => (u(), v("div", {
                   id: "cl-ui-login-errors",
                   key: y,
                   class: "cl-font-semibold"
@@ -3523,7 +3524,7 @@ const Bs = {
     }
     return Me(k, n), o({
       closeNavigation: n
-    }), (b, h) => (u(), g("div", {
+    }), (b, h) => (u(), v("div", {
       ref_key: "navElement",
       ref: k,
       class: "cl-flex cl-flex-nowrap cl-relative"
@@ -3537,10 +3538,10 @@ const Bs = {
       }, [
         j(b.$slots, "icon", re({ navcolour: b.colour }, { groupIsOpen: s, toggleOpen: d }), void 0, !0)
       ], 2),
-      r.value ? (u(), g("div", tn)) : N("", !0),
+      r.value ? (u(), v("div", tn)) : N("", !0),
       C(ve, { name: "slide-right" }, {
         default: P(() => [
-          F(f("div", {
+          H(f("div", {
             class: _(["cl-bg-grey-0 cl-border-grey-2 cl-border-r cl-duration-75 cl-h-full cl-min-w-[260px] cl-overflow-y-auto cl-overscroll-y-none cl-p-8 cl-pb-24 cl-top-0 cl-transition-shadow cl-w-[260px] cl-z-30 xl:cl-pb-0", {
               "cl-relative": i.value,
               "cl-absolute cl-left-20 cl-shadow-lg": !i.value
@@ -3578,7 +3579,7 @@ const nn = /* @__PURE__ */ me(sn, [["__scopeId", "data-v-0958dcf5"]]), an = /* @
     colour: { default: "default" }
   },
   setup(t) {
-    return (o, e) => (u(), g("div", {
+    return (o, e) => (u(), v("div", {
       class: _(["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": o.colour === "default",
         "cl-bg-primary-darker cl-text-white": o.open && o.colour === "default",
@@ -3602,8 +3603,8 @@ const nn = /* @__PURE__ */ me(sn, [["__scopeId", "data-v-0958dcf5"]]), an = /* @
     open: { type: Boolean }
   },
   setup(t) {
-    return (o, e) => o.open ? (u(), g(D, { key: 0 }, [
-      o.$slots.title ? (u(), g("div", rn, [
+    return (o, e) => o.open ? (u(), v(D, { key: 0 }, [
+      o.$slots.title ? (u(), v("div", rn, [
         j(o.$slots, "title")
       ])) : N("", !0),
       f("div", cn, [
@@ -3616,8 +3617,8 @@ const nn = /* @__PURE__ */ me(sn, [["__scopeId", "data-v-0958dcf5"]]), an = /* @
   class: "cl-font-bold cl-mb-4 cl-select-none"
 }, mn = { class: "cl-flex cl-flex-wrap cl-space-y-2" };
 function gn(t, o) {
-  return u(), g("div", pn, [
-    t.$slots.title ? (u(), g("div", fn, [
+  return u(), v("div", pn, [
+    t.$slots.title ? (u(), v("div", fn, [
       j(t.$slots, "title")
     ])) : N("", !0),
     f("span", mn, [
@@ -3627,7 +3628,7 @@ function gn(t, o) {
 }
 const vn = /* @__PURE__ */ me(dn, [["render", gn]]), bn = {}, hn = { class: "cl-cursor-pointer cl-transition-colors cl-w-full hover:cl-text-primary-darker" };
 function yn(t, o) {
-  return u(), g("div", hn, [
+  return u(), v("div", hn, [
     j(t.$slots, "default")
   ]);
 }
@@ -3660,9 +3661,9 @@ const wn = /* @__PURE__ */ me(bn, [["render", yn]]), $n = { class: "cl-w-full" }
         c === "left" && (k = -m), e.value.scroll(e.value.scrollLeft + k, 0);
       }
     }
-    return Ae(() => i()), ze(() => window.removeEventListener("resize", a)), (c, m) => (u(), g("div", $n, [
+    return Ae(() => i()), ze(() => window.removeEventListener("resize", a)), (c, m) => (u(), v("div", $n, [
       f("div", null, [
-        l.value ? (u(), g("div", {
+        l.value ? (u(), v("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) => r("left"))
@@ -3688,7 +3689,7 @@ const wn = /* @__PURE__ */ me(bn, [["render", yn]]), $n = { class: "cl-w-full" }
         }, [
           j(c.$slots, "headings", oe(ae({ isTabOpen: d, disabled: c.disabled, colour: c.colour })))
         ], 34),
-        s.value ? (u(), g("div", {
+        s.value ? (u(), v("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) => r("right"))
@@ -3718,7 +3719,7 @@ const wn = /* @__PURE__ */ me(bn, [["render", yn]]), $n = { class: "cl-w-full" }
     function a() {
       e.disabled || (l.value = !1, s.value = !1, o("update:currentTab", e.id));
     }
-    return (i, r) => (u(), g("div", {
+    return (i, r) => (u(), v("div", {
       class: _(["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": i.disabled,
         "cl-border cl-border-b-0 cl-rounded-t-md cl-shadow-[inset_0_-1px_0_#ffffff] cl-cursor-default": d.value,