@citruslime/ui 2.4.7-beta.0 → 2.4.7-beta.2

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",
@@ -647,77 +647,77 @@ const Pe = /* @__PURE__ */ me(Gl, [["__scopeId", "data-v-d680bbf4"]]), Wl = /* @
   setup(t, { expose: o, emit: e }) {
     const l = t, s = A(() => l.timeZone ?? "UTC"), d = A({
       get() {
-        let b = null;
-        return l.type === "time" ? b = l.date === null ? "00:00" : l.date : l.date !== null && (b = H.fromISO(l.date, {
+        let h = null;
+        return l.type === "time" ? h = l.date === null ? "00:00" : l.date : l.date !== null && (h = x.fromISO(l.date, {
           zone: s.value
-        }).toJSDate()), b;
+        }).toJSDate()), h;
       },
-      set(b) {
-        let w = null;
-        l.type === "time" ? w = b : b !== null && (w = H.fromJSDate(b, {
+      set(h) {
+        let y = null;
+        l.type === "time" ? y = h : h !== null && (y = x.fromJSDate(h, {
           zone: s.value
-        }).setZone(s.value).toISO(), l.timeZone === null && (w = (w == null ? void 0 : w.replace("Z", "")) ?? null)), e("update:date", w);
+        }).setZone(s.value).toISO(), l.timeZone === null && (y = (y == null ? void 0 : y.replace("Z", "")) ?? null)), e("update:date", y);
       }
     }), { locale: a, t: i } = se(), r = A(() => {
-      let b;
+      let h;
       switch (l.type) {
         case "date":
-          b = i("calendar.datePlaceholder");
+          h = i("calendar.datePlaceholder");
           break;
         case "datetime":
-          b = i("calendar.dateTimePlaceholder");
+          h = i("calendar.dateTimePlaceholder");
           break;
         case "time":
-          b = i("calendar.timePlaceholder");
+          h = i("calendar.timePlaceholder");
           break;
       }
-      return l.placeholder ?? b;
+      return l.placeholder ?? h;
     }), c = A(() => l.disabled ? !1 : {
       visibility: "focus",
       showDelay: 150,
       hideDelay: 100
     });
     function m() {
-      let b = k(H.now());
+      let h = k(x.now());
       if (l.max) {
-        const w = H.fromISO(l.max).setZone(s.value);
-        b > w && (b = k(w), b.equals(w) || (l.type === "date" ? b = b.minus({ days: 1 }) : b = b.minus({ minutes: 1 })));
+        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 w = H.fromISO(l.min).setZone(s.value);
-        b < w && (b = k(w), b.equals(w) || (l.type === "date" ? b = b.plus({ days: 1 }) : b = b.plus({ minutes: 1 })));
+        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 = b.toJSDate();
+      d.value = h.toJSDate();
     }
-    function k(b) {
-      let w = b.set({ second: 0, millisecond: 0 }).setZone(s.value);
-      return l.type === "date" && (w = w.set({ hour: 0, minute: 0 }).setZone(s.value)), w;
+    function k(h) {
+      let y = h.set({ second: 0, millisecond: 0 }).setZone(s.value);
+      return l.type === "date" && (y = y.set({ hour: 0, minute: 0 }).setZone(s.value)), y;
     }
     const n = A(() => {
-      const b = H.fromObject({
+      const h = x.fromObject({
         day: 3,
         month: 4,
         year: 2e3,
         hour: 5,
         minute: 6
       }).setLocale(a.value);
-      let w;
-      return l.type === "datetime" || l.type === "date" ? w = b.toFormat("D") : w = b.toFormat("t"), w.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();
-    }), h = I(null);
+      let y;
+      return l.type === "datetime" || l.type === "date" ? y = h.toFormat("D") : y = h.toFormat("t"), y.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();
+    }), b = I(null);
     return o({
       focus() {
-        var b;
-        (b = h.value) == null || b.focus();
+        var h;
+        (h = b.value) == null || h.focus();
       }
-    }), (b, w) => b.type === "time" ? (u(), V(p(Le), {
+    }), (h, y) => h.type === "time" ? (u(), V(p(Le), {
       key: 0,
       modelValue: d.value,
-      "onUpdate:modelValue": w[1] || (w[1] = (T) => d.value = T),
+      "onUpdate:modelValue": y[1] || (y[1] = (T) => d.value = T),
       modelModifiers: { string: !0 },
       locale: p(a),
       is24hr: p(a) !== "en-US",
-      mode: b.type,
-      "is-required": b.required,
+      mode: h.type,
+      "is-required": h.required,
       "update-on-input": !1,
       masks: { modelValue: "HH:mm", input: n.value },
       color: "primary",
@@ -726,30 +726,30 @@ const Pe = /* @__PURE__ */ me(Gl, [["__scopeId", "data-v-d680bbf4"]]), Wl = /* @
       popover: c.value
     }, {
       default: P(({ inputValue: T, inputEvents: E }) => [
-        C(Pe, re(b.$attrs, {
+        C(Pe, re(h.$attrs, {
           ref_key: "input",
-          ref: h,
+          ref: b,
           date: T,
           events: E,
-          type: b.type,
+          type: h.type,
           placeholder: r.value,
-          required: b.required,
-          disabled: b.disabled,
-          onClear: w[0] || (w[0] = ($) => d.value = null)
+          required: h.required,
+          disabled: h.disabled,
+          onClear: y[0] || (y[0] = ($) => d.value = null)
         }), null, 16, ["date", "events", "type", "placeholder", "required", "disabled"])
       ]),
       _: 1
     }, 8, ["modelValue", "locale", "is24hr", "mode", "is-required", "masks", "popover"])) : (u(), V(p(Le), {
       key: 1,
       modelValue: d.value,
-      "onUpdate:modelValue": w[3] || (w[3] = (T) => d.value = T),
+      "onUpdate:modelValue": y[3] || (y[3] = (T) => d.value = T),
       locale: p(a),
       is24hr: p(a) !== "en-US",
       timezone: s.value,
-      mode: b.type,
-      "min-date": b.min,
-      "max-date": b.max,
-      "is-required": b.required,
+      mode: h.type,
+      "min-date": h.min,
+      "max-date": h.max,
+      "is-required": h.required,
       "update-on-input": !1,
       masks: { L: n.value },
       color: "primary",
@@ -758,16 +758,16 @@ const Pe = /* @__PURE__ */ me(Gl, [["__scopeId", "data-v-d680bbf4"]]), Wl = /* @
       popover: c.value
     }, {
       default: P(({ inputValue: T, inputEvents: E }) => [
-        C(Pe, re(b.$attrs, {
+        C(Pe, re(h.$attrs, {
           ref_key: "input",
-          ref: h,
+          ref: b,
           date: T,
           events: E,
-          type: b.type,
+          type: h.type,
           placeholder: r.value,
-          required: b.required,
-          disabled: b.disabled,
-          onClear: w[2] || (w[2] = ($) => d.value = null),
+          required: h.required,
+          disabled: h.disabled,
+          onClear: y[2] || (y[2] = ($) => d.value = null),
           onReset: m
         }), null, 16, ["date", "events", "type", "placeholder", "required", "disabled"])
       ]),
@@ -841,8 +841,8 @@ const Ql = [
       set: (n) => e("update:value", n || l.min)
     });
     Y(r, (n) => a(() => {
-      const h = Math.max(Math.min(n, l.max), l.min);
-      r.value = l.enforceStep ? Math.ceil(h / l.step) * l.step : h;
+      const b = Math.max(Math.min(n, l.max), l.min);
+      r.value = l.enforceStep ? Math.ceil(b / l.step) * l.step : b;
     }));
     const c = A(() => {
       let n = (r.value - l.min) / (l.max - l.min) * 100;
@@ -855,33 +855,33 @@ const Ql = [
       }
     });
     const k = I(!1);
-    return (n, h) => 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", {
             "cl-bg-white cl-cursor-pointer hover:cl-border-grey-1": !n.disabled,
             "cl-bg-grey-0": n.disabled
           }]),
-          onClick: h[0] || (h[0] = (b) => r.value = n.disabled ? r.value : n.min)
+          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",
             ref: i,
             modelValue: r.value,
-            "onUpdate:modelValue": h[1] || (h[1] = (b) => r.value = b),
+            "onUpdate:modelValue": b[1] || (b[1] = (h) => r.value = h),
             class: "cl-min-w-[8.5rem] cl-w-full",
             "input-type": "number",
             min: n.min,
             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": h[2] || (h[2] = (b) => r.value = b),
+              "onUpdate:modelValue": b[2] || (b[2] = (h) => r.value = h),
               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: n.min,
@@ -904,18 +904,18 @@ const Ql = [
             "cl-bg-white cl-cursor-pointer hover:cl-border-grey-1": !n.disabled,
             "cl-bg-grey-0": n.disabled
           }]),
-          onClick: h[3] || (h[3] = (b) => r.value = n.disabled ? r.value : n.max)
+          onClick: b[3] || (b[3] = (h) => r.value = n.disabled ? r.value : n.max)
         }, S(p(s)(n.max, Number.isInteger(n.max) ? p(le).INTEGER : p(le).DECIMAL)), 3),
         f("div", lt, [
           f("div", tt, [
             C(p(U), {
               icon: "ph:arrows-left-right-thin",
-              onClick: h[4] || (h[4] = (b) => k.value = !k.value)
+              onClick: b[4] || (b[4] = (h) => k.value = !k.value)
             })
           ])
         ])
       ])
-    ], 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) => y(v)
-    }), n = A(() => typeof l.min == "number" ? l.min.toString() : l.min), h = A(() => typeof l.max == "number" ? l.max.toString() : l.max), b = A(() => typeof l.min == "number" || l.min === null ? l.min : parseFloat(l.min)), w = 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;
+      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 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 y(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,43 +1213,43 @@ 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: h.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,
             value: m.value,
             "onUpdate:value": R[8] || (R[8] = (L) => m.value = L),
-            min: b.value ?? 0,
-            max: w.value ?? 1e3,
-            step: v.step,
+            min: h.value ?? 0,
+            max: y.value ?? 1e3,
+            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,24 +1394,24 @@ 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,
           "cl-bg-primary-default cl-text-white cl-opacity-90": d.value && c.isCreateNewOption
         }]),
         onMousedown: a,
-        onMousemove: m[0] || (m[0] = (h) => i(!0)),
-        onMouseleave: m[1] || (m[1] = (h) => i(!1))
+        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,
@@ -1448,11 +1448,11 @@ const ie = /* @__PURE__ */ me(ht, [["__scopeId", "data-v-e205e4b1"]]), yt = { cl
   },
   setup(t, { emit: o }) {
     const e = t, { t: l } = se(), s = I(""), d = I(!1), a = I(-1), i = A(() => d.value ? -1 : 0), r = I();
-    function c(y) {
-      (y === void 0 || (y == null ? void 0 : y.code.startsWith("Arrow")) === !1 && (y == null ? void 0 : y.code.startsWith("Control")) === !1 && (y == null ? void 0 : y.code.startsWith("Shift")) === !1 && (y == null ? void 0 : y.code.startsWith("Tab")) === !1 && (y == null ? void 0 : y.code) !== "Enter") && (o("search", s.value), a.value = -2);
+    function c(w) {
+      (w === void 0 || (w == null ? void 0 : w.code.startsWith("Arrow")) === !1 && (w == null ? void 0 : w.code.startsWith("Control")) === !1 && (w == null ? void 0 : w.code.startsWith("Shift")) === !1 && (w == null ? void 0 : w.code.startsWith("Tab")) === !1 && (w == null ? void 0 : w.code) !== "Enter") && (o("search", s.value), a.value = -2);
     }
-    function m(y) {
-      o("select-object", y);
+    function m(w) {
+      o("select-object", w);
     }
     function k() {
       o("create-object", s.value), n();
@@ -1460,58 +1460,58 @@ const ie = /* @__PURE__ */ me(ht, [["__scopeId", "data-v-e205e4b1"]]), yt = { cl
     function n() {
       o("hide-dropdown");
     }
-    function h(y) {
-      a.value < e.results.length - 1 ? (a.value === -2 && s.value === "" && a.value++, a.value++) : a.value = y, E();
+    function b(w) {
+      a.value < e.results.length - 1 ? (a.value === -2 && s.value === "" && a.value++, a.value++) : a.value = w, E();
     }
-    function b(y) {
-      a.value > y ? a.value-- : a.value = e.results.length - 1, E();
+    function h(w) {
+      a.value > w ? a.value-- : a.value = e.results.length - 1, E();
     }
-    function w() {
+    function y() {
       a.value >= 0 && e.results !== void 0 ? m(e.results[a.value].id) : a.value === -1 && k();
     }
-    function T(y) {
-      if (y.key === "Tab" && y.shiftKey === !0) {
+    function T(w) {
+      if (w.key === "Tab" && w.shiftKey === !0) {
         const M = document.getElementsByTagName("input");
         let G = -1;
         for (let K = 0; K < M.length; K++)
-          M[K] === y.target && (G = K - 1);
+          M[K] === w.target && (G = K - 1);
         G >= 0 && (M[G].focus(), n());
       }
     }
     function E() {
-      var y;
-      e.results && e.results.length > 1 && ((y = r.value) == null || y.scrollTo(0, (a.value + 1) * 34 - 34 * 2));
+      var w;
+      e.results && e.results.length > 1 && ((w = r.value) == null || w.scrollTo(0, (a.value + 1) * 34 - 34 * 2));
     }
     function $() {
-      let y = !1;
-      e.results !== null && e.results.length === 1 && (y = s.value.toUpperCase().trim() === e.results[0].name.toUpperCase().trim()), d.value = e.canCreateNewObject === !0 && e.errorMessage === "" && s.value.trim() !== "" && y === !1;
+      let w = !1;
+      e.results !== null && e.results.length === 1 && (w = s.value.toUpperCase().trim() === e.results[0].name.toUpperCase().trim()), d.value = e.canCreateNewObject === !0 && e.errorMessage === "" && s.value.trim() !== "" && w === !1;
     }
-    function z(y) {
-      a.value = y;
+    function z(w) {
+      a.value = w;
     }
     function q() {
       e.isVisible === !0 && (s.value = "", c(), Ce(() => {
-        var y, M;
-        return (M = (y = r.value) == null ? void 0 : y.querySelector("input")) == null ? void 0 : M.focus();
+        var w, M;
+        return (M = (w = r.value) == null ? void 0 : w.querySelector("input")) == null ? void 0 : M.focus();
       }));
     }
     return Y(() => e.results, () => $()), Y(() => e.errorMessage, () => $()), Y(() => e.isVisible, () => q()), Ae(() => {
-      var y;
-      return (y = r.value) == null ? void 0 : y.addEventListener("keydown", T);
+      var w;
+      return (w = r.value) == null ? void 0 : w.addEventListener("keydown", T);
     }), ze(() => {
-      var y;
-      return (y = r.value) == null ? void 0 : y.removeEventListener("keydown", T);
-    }), (y, M) => {
+      var w;
+      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",
         onKeydown: [
-          M[2] || (M[2] = ke(Q((K) => b(i.value), ["prevent", "stop"]), ["up"])),
-          M[3] || (M[3] = ke(Q((K) => h(i.value), ["prevent", "stop"]), ["down"]))
+          M[2] || (M[2] = ke(Q((K) => h(i.value), ["prevent", "stop"]), ["up"])),
+          M[3] || (M[3] = ke(Q((K) => b(i.value), ["prevent", "stop"]), ["down"]))
         ],
-        onKeyup: ke(Q(w, ["prevent", "stop"]), ["enter"])
+        onKeyup: ke(Q(y, ["prevent", "stop"]), ["enter"])
       }, [
         f("div", Et, [
           C(ie, {
@@ -1519,47 +1519,47 @@ const ie = /* @__PURE__ */ me(ht, [["__scopeId", "data-v-e205e4b1"]]), yt = { cl
             "onUpdate:modelValue": M[0] || (M[0] = (K) => s.value = K),
             class: "!cl-mr-0 cl-w-full",
             "input-type": "text",
-            "placeholder-text": y.searchHint,
+            "placeholder-text": w.searchHint,
             onKeyup: c,
             onBlur: n
           }, null, 8, ["modelValue", "placeholder-text"]),
-          F(C(Ie, { class: "cl-absolute cl-ml-2 cl-mt-11" }, null, 512), [
-            [Z, y.loading]
+          H(C(Ie, { class: "cl-absolute cl-ml-2 cl-mt-11" }, null, 512), [
+            [Z, w.loading]
           ])
         ]),
-        y.currentObjectName !== "" ? (u(), V(Oe, {
+        w.currentObjectName !== "" ? (u(), V(Oe, {
           key: 0,
-          "show-clear-button": y.canClearSelectedObject,
-          text: y.currentObjectName,
-          onClearObject: M[1] || (M[1] = (K) => y.$emit("clear-object"))
+          "show-clear-button": w.canClearSelectedObject,
+          text: w.currentObjectName,
+          onClearObject: M[1] || (M[1] = (K) => w.$emit("clear-object"))
         }, null, 8, ["show-clear-button", "text"])) : N("", !0),
-        y.objectParentType !== "" && y.results !== void 0 && y.results.length > 0 && y.errorMessage === "" ? (u(), V(Oe, {
+        w.objectParentType !== "" && w.results !== void 0 && w.results.length > 0 && w.errorMessage === "" ? (u(), V(Oe, {
           key: 1,
-          text: y.objectType,
-          "additional-text": y.objectParentType,
+          text: w.objectType,
+          "additional-text": w.objectParentType,
           class: "cl-bg-grey-2 cl-mt-1"
         }, null, 8, ["text", "additional-text"])) : N("", !0),
-        y.results !== null && ((G = y.results) == null ? void 0 : G.length) === 0 && s.value.trim() !== "" && y.canCreateNewObject === !1 && y.errorMessage === "" ? (u(), V(Oe, {
+        w.results !== null && ((G = w.results) == null ? void 0 : G.length) === 0 && s.value.trim() !== "" && w.canCreateNewObject === !1 && w.errorMessage === "" ? (u(), V(Oe, {
           key: 2,
           text: p(l)("comboBox.noResults", { value: s.value })
         }, null, 8, ["text"])) : N("", !0),
-        y.errorMessage !== "" ? (u(), V(Oe, {
+        w.errorMessage !== "" ? (u(), V(Oe, {
           key: 3,
           class: "!cl-bg-danger-light cl-border-danger-light cl-rounded cl-text-danger-dark",
-          text: p(l)("comboBox.errorMessage", { error: y.errorMessage })
+          text: p(l)("comboBox.errorMessage", { error: w.errorMessage })
         }, null, 8, ["text"])) : N("", !0),
         d.value ? (u(), V(Ze, {
           key: 4,
           "is-create-new-option": !0,
-          text: p(l)("comboBox.addPrompt", { value: s.value, object: y.objectType }),
+          text: p(l)("comboBox.addPrompt", { value: s.value, object: w.objectType }),
           index: -1,
           "selected-index": a.value,
           class: "cl-px-2",
           onCreateObject: k,
           onOptionHighlighted: z
         }, null, 8, ["text", "selected-index"])) : N("", !0),
-        y.errorMessage === "" && y.results !== null ? (u(), g("div", qt, [
-          (u(!0), g(D, null, ee(y.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,
@@ -1603,56 +1603,56 @@ const ie = /* @__PURE__ */ me(ht, [["__scopeId", "data-v-e205e4b1"]]), yt = { cl
     const l = t, s = A(() => l.placeholderText ? l.placeholderText : a("comboBox.emptyHintText", { object: l.objectType })), d = A(() => l.searchHint ? l.searchHint : a("comboBox.searchHint", { object: l.objectType })), { t: a } = se(), i = I(!1), r = A({
       get: () => l.currentObject,
       set: (O) => e("update:current-object", O)
-    }), c = I(null), m = I(null), k = A(() => ye()), n = I(""), h = I(""), b = I(), w = I(!0), T = I(!1);
+    }), 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);
     }
     function z(O) {
-      h.value = O, e("search-parent", O);
+      b.value = O, e("search-parent", O);
     }
     function q() {
       r.value = null, E(!1);
     }
-    function y(O) {
-      const x = M(O);
-      r.value = x, E(!1);
+    function w(O) {
+      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;
-      b.value = {
+      h.value = {
         name: n.value,
         parentId: ((O = m.value) == null ? void 0 : O.id) ?? 0
-      }, e("create-object", b.value);
+      }, e("create-object", h.value);
     }
     function K() {
-      b.value = {
-        name: h.value,
+      h.value = {
+        name: b.value,
         parentId: 0
-      }, e("create-parent-object", b.value);
+      }, 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
       };
@@ -1682,7 +1682,7 @@ const ie = /* @__PURE__ */ me(ht, [["__scopeId", "data-v-e205e4b1"]]), yt = { cl
     }
     function be() {
       let O = !0;
-      n.value === "" && (O = !1), l.objectParentType !== "" && m.value === null && (O = !1), w.value = O;
+      n.value === "" && (O = !1), l.objectParentType !== "" && m.value === null && (O = !1), y.value = O;
     }
     Y(() => l.objectCreatedResponse, () => ue()), Y(() => l.parentObjectCreatedResponse, () => Ne()), Y(() => n.value, () => be()), Y(() => m.value, () => be()), o({
       focus() {
@@ -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,
@@ -1770,9 +1770,10 @@ const ie = /* @__PURE__ */ me(ht, [["__scopeId", "data-v-e205e4b1"]]), yt = { cl
               }),
               "search-hint": d.value,
               onCreateObject: W,
-              onSelectObject: y,
+              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]
             ])
@@ -1793,8 +1794,8 @@ const ie = /* @__PURE__ */ me(ht, [["__scopeId", "data-v-e205e4b1"]]), yt = { cl
               C(ge, {
                 colour: "primary",
                 size: "small",
-                disabled: !w.value,
-                onClick: (v) => {
+                disabled: !y.value,
+                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,
@@ -2143,27 +2144,27 @@ const Gt = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, Wt = { class: "cl-gap-1
     function a(n) {
       s.value.index !== -1 && s.value.index !== n && d(), s.value.index = n;
     }
-    function i(n, h) {
-      a(n), h.field !== void 0 && (s.value.record[h.field] = h.value);
+    function i(n, b) {
+      a(n), b.field !== void 0 && (s.value.record[b.field] = b.value);
     }
     function r(n) {
       if (n !== void 0) {
-        const { [n]: h, ...b } = s.value.record;
+        const { [n]: b, ...h } = s.value.record;
         s.value.record = {
-          ...b
+          ...h
         };
       }
     }
     const c = I({});
     Y(() => e.data, () => {
-      var n, h;
-      return c.value = Object.fromEntries(((h = (n = e.data) == null ? void 0 : n.results) == null ? void 0 : h.map((b, w) => [
-        [w],
+      var n, b;
+      return c.value = Object.fromEntries(((b = (n = e.data) == null ? void 0 : n.results) == null ? void 0 : b.map((h, y) => [
+        [y],
         {
           count: 0,
           target: null,
           reset: Qe(() => {
-            c.value[w] && (c.value[w].count = 0, c.value[w].target = null);
+            c.value[y] && (c.value[y].count = 0, c.value[y].target = null);
           }, 2500, { immediate: !1 })
         }
       ])) ?? []);
@@ -2171,21 +2172,21 @@ const Gt = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, Wt = { class: "cl-gap-1
       deep: !0,
       immediate: !0
     });
-    function m(n, h, b) {
-      const { currentTarget: w } = b;
-      e.options.rowSelectionEnabled ? (k(w), o("row-select", h)) : (c.value[n].count++, c.value[n].target = w, c.value[n].count > 1 ? (c.value[n].reset.stop(), c.value[n].count = 0, k(w), c.value[n].target = null, o("row-select", h)) : c.value[n].reset.start());
+    function m(n, b, h) {
+      const { currentTarget: y } = h;
+      e.options.rowSelectionEnabled ? (k(y), o("row-select", b)) : (c.value[n].count++, c.value[n].target = y, c.value[n].count > 1 ? (c.value[n].reset.stop(), c.value[n].count = 0, k(y), c.value[n].target = null, o("row-select", b)) : c.value[n].reset.start());
     }
     function k(n) {
       e.options.highlightRowSelection && (n == null || n.classList.toggle("!cl-bg-link-lighter"));
     }
     return Y(() => e.editMode, () => {
       e.editMode || (d(), s.value.index = -1);
-    }), (n, h) => {
-      var b;
-      return u(), g("tbody", null, [
-        n.data && ((b = n.data.results) != null && b.length) ? (u(!0), g(D, { key: 0 }, ee(n.data.results, (w, T) => (u(), V(ao, {
+    }), (n, b) => {
+      var h;
+      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: w,
+          data: y,
           columns: n.columns,
           "time-zone": n.timeZone,
           "edit-mode": n.editMode,
@@ -2195,7 +2196,7 @@ const Gt = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, Wt = { class: "cl-gap-1
             "cl-cursor-pointer hover:cl-bg-link-lighter": n.options.rowSelectionEnabled && n.options.highlightRowSelection && !n.editMode
           }]),
           onClick: (E) => {
-            n.editMode || m(T, w, E);
+            n.editMode || m(T, y, E);
           },
           onCellFocus: (E) => {
             a(T);
@@ -2211,18 +2212,18 @@ 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((w) => w.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",
                   colour: "danger",
-                  onClick: h[0] || (h[0] = Q((w) => n.$emit("clear-filters"), ["prevent"]))
+                  onClick: b[0] || (b[0] = Q((y) => n.$emit("clear-filters"), ["prevent"]))
                 }, {
                   default: P(() => [
                     te(S(p(l)("grid.clearFilters")), 1)
@@ -2254,20 +2255,20 @@ const Gt = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, Wt = { class: "cl-gap-1
       return e.data !== null ? Math.ceil((((n = e.data) == null ? void 0 : n.totalRecords) ?? 0) / e.request.pageSize) : 1;
     }), a = A(() => {
       const n = Array.from(Array(d.value + 1).keys());
-      let h = [];
+      let b = [];
       if (n.shift(), n.length) {
-        const b = e.request.pageNumber === d.value || e.request.pageNumber === d.value - 1 ? d.value - 3 : e.request.pageNumber - 1;
-        h = n.slice(b, b + 3);
+        const h = e.request.pageNumber === d.value || e.request.pageNumber === d.value - 1 ? d.value - 3 : e.request.pageNumber - 1;
+        b = n.slice(h, h + 3);
       }
-      return h;
+      return b;
     });
     function i(n) {
-      const h = ce(e.request);
-      h.pageNumber !== n && (h.pageNumber = Math.max(Math.min(Math.trunc(n), d.value), 1), o("update:request", h));
+      const b = ce(e.request);
+      b.pageNumber !== n && (b.pageNumber = Math.max(Math.min(Math.trunc(n), d.value), 1), o("update:request", b));
     }
     function r(n) {
-      const h = parseInt(n == null ? void 0 : n.value) || 1;
-      i(h);
+      const b = parseInt(n == null ? void 0 : n.value) || 1;
+      i(b);
     }
     const c = [
       5,
@@ -2278,13 +2279,13 @@ const Gt = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, Wt = { class: "cl-gap-1
       200
     ];
     function m(n) {
-      const h = ce(e.request);
-      h.pageSize = n, h.pageNumber = 1, o("update:request", h);
+      const b = ce(e.request);
+      b.pageSize = n, b.pageNumber = 1, o("update:request", b);
     }
     const k = Ye(r, 750);
-    return (n, h) => {
-      var b, w;
-      return (w = (b = n.data) == null ? void 0 : b.results) != null && w.length && n.request ? (u(), g("div", go, [
+    return (n, b) => {
+      var h, y;
+      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, {
@@ -2295,7 +2296,7 @@ const Gt = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, Wt = { class: "cl-gap-1
             "show-label": !1,
             min: "1",
             max: d.value,
-            onInput: h[0] || (h[0] = (T) => p(k)(T.target))
+            onInput: b[0] || (b[0] = (T) => p(k)(T.target))
           }, null, 8, ["model-value", "max"])
         ]),
         f("div", ho, [
@@ -2305,9 +2306,9 @@ 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: h[1] || (h[1] = (T) => i(1))
+                onClick: b[1] || (b[1] = (T) => i(1))
               }, [
                 C(p(U), {
                   icon: "ph:caret-double-left",
@@ -2316,9 +2317,9 @@ 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: h[2] || (h[2] = (T) => i(n.request.pageNumber - 1))
+                onClick: b[2] || (b[2] = (T) => i(n.request.pageNumber - 1))
               }, [
                 C(p(U), {
                   icon: "ph:caret-left",
@@ -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,9 +2336,9 @@ 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: h[3] || (h[3] = (T) => i(n.request.pageNumber + 1))
+                onClick: b[3] || (b[3] = (T) => i(n.request.pageNumber + 1))
               }, [
                 C(p(U), {
                   icon: "ph:caret-right",
@@ -2346,9 +2347,9 @@ 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: h[4] || (h[4] = (T) => i(d.value))
+                onClick: b[4] || (b[4] = (T) => i(d.value))
               }, [
                 C(p(U), {
                   icon: "ph:caret-double-right",
@@ -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)
@@ -2657,11 +2658,11 @@ const Lo = {
       set: ($) => o("update:filter", $)
     }), i = A(() => e.column.type === "date" || e.column.type === "datetime" || e.column.type === "slot" && (e.column.slotType === "date" || e.column.slotType === "datetime")), r = A(() => e.column.type === "list" || e.column.type === "slot" && e.column.slotType === "list"), c = A(() => r.value && e.column.listType === "number"), m = A({
       get() {
-        var z, q, y, M;
+        var z, q, w, M;
         let $ = (z = a.value) == null ? void 0 : z[0];
         if ($ && i.value) {
           if ((((q = e.filter) == null ? void 0 : q.length) ?? 0) > 1) {
-            const G = (y = a.value) == null ? void 0 : y.find((ue) => ue.filterOperation === X.EQUAL_OR_GREATER_THAN), K = (M = a.value) == null ? void 0 : M.find((ue) => ue.filterOperation === X.LESS_THAN);
+            const G = (w = a.value) == null ? void 0 : w.find((ue) => ue.filterOperation === X.EQUAL_OR_GREATER_THAN), K = (M = a.value) == null ? void 0 : M.find((ue) => ue.filterOperation === X.LESS_THAN);
             G && K && ($ = {
               filterOnColumn: e.column.field,
               filterOperation: X.EQUAL,
@@ -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,10 +2686,10 @@ 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 y = q.toISO();
+          const w = q.toISO();
           e.column.type === "date" || e.column.type === "slot" && e.column.slotType === "date" ? q = q.plus({ days: 1 }) : q = q.plus({ minutes: 1 });
           const M = q.toISO();
           z = [
@@ -2696,7 +2697,7 @@ const Lo = {
               filterOnColumn: e.column.field,
               filterOperation: X.EQUAL_OR_GREATER_THAN,
               filterMethod: "equalorgreaterthan",
-              filterValue: y
+              filterValue: w
             },
             {
               filterOnColumn: e.column.field,
@@ -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;
       }
     });
@@ -2731,13 +2732,13 @@ const Lo = {
     const n = A(() => {
       var $;
       return (($ = m.value) == null ? void 0 : $.filterValue) ?? "";
-    }), h = A(() => n.value === "" ? null : n.value), b = A(() => Intl.NumberFormat(l.value).format(1.1).replace(/[0-9]+/g, "")), w = A(() => Be(e.column));
+    }), b = A(() => n.value === "" ? null : n.value), h = A(() => Intl.NumberFormat(l.value).format(1.1).replace(/[0-9]+/g, "")), y = A(() => Be(e.column));
     function T($, z) {
       var G;
-      let q, y = !1;
+      let q, w = !1;
       const M = (($ == null ? void 0 : $.value) ?? z).trim();
       if (m.value)
-        y = ((G = m.value) == null ? void 0 : G.filterValue) === M, q = ce(m.value), q.filterValue = M;
+        w = ((G = m.value) == null ? void 0 : G.filterValue) === M, q = ce(m.value), q.filterValue = M;
       else if (M !== "" && typeof e.column.field < "u") {
         const K = d();
         q = {
@@ -2748,14 +2749,14 @@ const Lo = {
         };
       } else
         return;
-      y === !1 && (m.value = q);
+      w === !1 && (m.value = q);
     }
     function E($, z) {
-      let q, y = ($ == null ? void 0 : $.value) ?? z ?? 0;
-      e.column.format === le.INTEGER ? (typeof y == "string" && (y = parseInt(y)), q = Math.round(y)) : (typeof y == "string" && (y = parseFloat(y.replace(b.value, "."))), q = y), T(null, isNaN(q) ? "" : q.toString());
+      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) => w.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))
@@ -2771,7 +2772,7 @@ const Lo = {
         }, S(p(s)("grid.false")), 9, Yo)
       ], 32)) : $.column.type === "date" || $.column.type === "datetime" || $.column.slotType === "date" || $.column.slotType === "datetime" ? (u(), V(ie, {
         key: 1,
-        "model-value": h.value,
+        "model-value": b.value,
         class: "!cl-h-[2rem] !cl-text-xs cl-border-none cl-mb-0 cl-w-full lg:!cl-text-base",
         label: $.column.caption,
         "show-label": !1,
@@ -2784,20 +2785,20 @@ const Lo = {
         class: "!cl-h-[2rem] !cl-text-xs cl-border-none cl-mb-0 cl-w-full lg:!cl-text-base",
         "input-type": "number",
         "show-arrows": !1,
-        onInput: z[2] || (z[2] = (q, y) => E(null, y))
+        onInput: z[2] || (z[2] = (q, w) => E(null, w))
       }, null, 8, ["model-value"])) : $.column.type === "string" || $.column.slotType === "string" ? (u(), V(ie, {
         key: 3,
         "model-value": n.value,
         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, y) => T(null, y))
-      }, null, 8, ["model-value"])) : r.value ? (u(), g("select", {
+        onInput: z[3] || (z[3] = (q, w) => T(null, w))
+      }, 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)
@@ -2939,14 +2940,14 @@ const Lo = {
       m < r.length && m >= 0 && r.splice(m, 0, r.splice(c, 1)[0]);
     }
     function a(r, c) {
-      const m = ce(e.columns), k = (r == null ? void 0 : r.checked) ?? !1, n = m.findIndex((h) => h.name === c.name);
+      const m = ce(e.columns), k = (r == null ? void 0 : r.checked) ?? !1, n = m.findIndex((b) => b.name === c.name);
       n >= 0 && (m[n].visible = k), o("update:columns", m);
     }
     function i(r, c) {
       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))
                 ])
@@ -3029,47 +3030,47 @@ const Lo = {
   setup(t, { emit: o }) {
     const e = t, l = A({
       get: () => e.columns,
-      set: (w) => o("update:columns", w)
-    }), s = A(() => l.value.filter((w) => w.visible ?? !0)), d = I({});
+      set: (y) => o("update:columns", y)
+    }), s = A(() => l.value.filter((y) => y.visible ?? !0)), d = I({});
     function a() {
-      const w = {};
+      const y = {};
       window.innerWidth >= 1024 && l.value.forEach((T) => {
         const E = T.width ? `${T.width}px` : "";
-        w[`${T.name}`] = `width: ${E}; min-width: ${E};`;
-      }), d.value = w;
+        y[`${T.name}`] = `width: ${E}; min-width: ${E};`;
+      }), d.value = y;
     }
-    function i(w) {
-      return d.value[w] ?? "";
+    function i(y) {
+      return d.value[y] ?? "";
     }
     Ae(() => {
       window.addEventListener("resize", a), a();
     }), ze(() => window.removeEventListener("resize", a));
     const r = A({
       get: () => e.request,
-      set: (w) => o("update:request", w)
+      set: (y) => o("update:request", y)
     });
     function c() {
-      const w = ce(r.value);
-      w.pageNumber = 1, w.filters = [], r.value = w;
+      const y = ce(r.value);
+      y.pageNumber = 1, y.filters = [], r.value = y;
     }
     const m = Ye(() => o("data-request"), 750);
     Y(r, m, {
       deep: !0,
       immediate: !0
     });
-    const k = A(() => e.data), n = I(!1), h = I(!1);
+    const k = A(() => e.data), n = I(!1), b = I(!1);
     Y(n, () => n.value ? o("edit-start") : o("edit-end"));
-    const b = A(() => ({
+    const h = A(() => ({
       highlightRowSelection: !0,
       ...e.options
     }));
-    return (w, 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, w.loading]
+            [Z, y.loading]
           ])
         ]),
         _: 1
@@ -3077,16 +3078,16 @@ const Lo = {
       C(Xt, {
         "edit-mode": n.value,
         "onUpdate:editMode": T[1] || (T[1] = (E) => n.value = E),
-        "filter-panel-open": h.value,
-        "onUpdate:filterPanelOpen": T[2] || (T[2] = (E) => h.value = E),
-        columns: w.columns,
-        options: b.value,
-        request: w.request,
-        loading: w.loading,
+        "filter-panel-open": b.value,
+        "onUpdate:filterPanelOpen": T[2] || (T[2] = (E) => b.value = E),
+        columns: y.columns,
+        options: h.value,
+        request: y.request,
+        loading: y.loading,
         onClearFilters: c
       }, {
         "additional-grid-actions": P((E) => [
-          j(w.$slots, "additional-grid-actions", oe(ae(E)))
+          j(y.$slots, "additional-grid-actions", oe(ae(E)))
         ]),
         "view-manager": P(() => [
           C($s, {
@@ -3099,11 +3100,11 @@ const Lo = {
       f("div", Ts, [
         f("table", {
           class: _(["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": w.loading
+            "cl-opacity-40": y.loading
           }])
         }, [
           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
@@ -3112,28 +3113,28 @@ const Lo = {
           C(is, {
             request: r.value,
             "onUpdate:request": T[3] || (T[3] = (E) => r.value = E),
-            "filter-panel-open": h.value,
-            "onUpdate:filterPanelOpen": T[4] || (T[4] = (E) => h.value = E),
+            "filter-panel-open": b.value,
+            "onUpdate:filterPanelOpen": T[4] || (T[4] = (E) => b.value = E),
             columns: s.value,
-            options: b.value,
-            "time-zone": w.timeZone
+            options: h.value,
+            "time-zone": y.timeZone
           }, null, 8, ["request", "filter-panel-open", "columns", "options", "time-zone"]),
           C(mo, {
             columns: s.value,
             request: r.value,
             data: k.value,
-            "time-zone": w.timeZone,
-            loading: w.loading,
+            "time-zone": y.timeZone,
+            loading: y.loading,
             "edit-mode": n.value,
-            options: b.value,
+            options: h.value,
             onClearFilters: c,
-            onRowEdit: T[5] || (T[5] = (E) => w.$emit("row-edit", E)),
-            onRowSelect: T[6] || (T[6] = (E) => w.$emit("row-select", E))
+            onRowEdit: T[5] || (T[5] = (E) => y.$emit("row-edit", E)),
+            onRowSelect: T[6] || (T[6] = (E) => y.$emit("row-select", E))
           }, Ue({ _: 2 }, [
-            ee(w.$slots, (E, $) => ({
+            ee(y.$slots, (E, $) => ({
               name: $,
               fn: P((z) => [
-                j(w.$slots, $, oe(ae(z)))
+                j(y.$slots, $, oe(ae(z)))
               ])
             }))
           ]), 1032, ["columns", "request", "data", "time-zone", "loading", "edit-mode", "options"])
@@ -3142,7 +3143,7 @@ const Lo = {
       C(No, {
         request: r.value,
         "onUpdate:request": T[7] || (T[7] = (E) => r.value = E),
-        data: w.data
+        data: y.data
       }, null, 8, ["request", "data"])
     ]));
   }
@@ -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,
@@ -3333,16 +3334,16 @@ const Bs = {
       o("update:errors", []);
     }
     function c(k, n) {
-      const h = {
+      const b = {
         valid: !0,
         message: ""
       };
-      return typeof n == "string" && n.trim() === "" && (h.valid = !1), h;
+      return typeof n == "string" && n.trim() === "" && (b.valid = !1), b;
     }
     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", {
@@ -3369,7 +3370,7 @@ const Bs = {
               C(ie, {
                 id: "cl-ui-login-usernameinput",
                 modelValue: l.value,
-                "onUpdate:modelValue": n[0] || (n[0] = (h) => l.value = h),
+                "onUpdate:modelValue": n[0] || (n[0] = (b) => l.value = b),
                 modelModifiers: { trim: !0 },
                 class: "!cl-border-2 !cl-mb-1 cl-w-full",
                 "input-type": "email",
@@ -3395,26 +3396,26 @@ 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,
-                onClick: n[1] || (n[1] = (h) => d.value = "text")
+                onClick: n[1] || (n[1] = (b) => d.value = "text")
               }, 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,
-                onClick: n[2] || (n[2] = (h) => d.value = "password")
+                onClick: n[2] || (n[2] = (b) => d.value = "password")
               }, null, 512), [
                 [Z, d.value === "text"]
               ]),
               C(ie, {
                 id: "cl-ui-login-passwordinput",
                 modelValue: s.value,
-                "onUpdate:modelValue": n[3] || (n[3] = (h) => s.value = h),
+                "onUpdate:modelValue": n[3] || (n[3] = (b) => s.value = b),
                 class: "!cl-border-2 cl-w-full",
                 "input-type": d.value,
                 "highlight-when-valid": s.value !== void 0 && s.value !== "",
@@ -3451,16 +3452,16 @@ const Bs = {
         ], 2),
         C(ve, { name: "cl-grow-down" }, {
           default: P(() => {
-            var h;
+            var b;
             return [
-              F(f("span", Js, [
-                (u(!0), g(D, null, ee(k.errors, (b, w) => (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: w,
+                  key: y,
                   class: "cl-font-semibold"
-                }, S(b), 1))), 128))
+                }, S(h), 1))), 128))
               ], 512), [
-                [Z, (h = k.errors) == null ? void 0 : h.length]
+                [Z, (b = k.errors) == null ? void 0 : b.length]
               ])
             ];
           }),
@@ -3486,70 +3487,72 @@ const Bs = {
   props: {
     colour: { default: "default" }
   },
-  setup(t) {
-    const o = I([]), e = A(() => o.value.filter((n) => n.open === !0).length > 0);
-    function l(n) {
-      let h = o.value.find((b) => b.id === n);
+  setup(t, { expose: o }) {
+    const e = I([]), l = A(() => e.value.filter((b) => b.open === !0).length > 0);
+    function s(b) {
+      let h = e.value.find((y) => y.id === b);
       return h || (h = {
-        id: n,
+        id: b,
         open: !1
-      }, o.value.push(h)), h.open;
+      }, e.value.push(h)), h.open;
     }
-    function s(n) {
-      const h = o.value.find((b) => b.id === n);
-      h && (h.open = !h.open, o.value.forEach((b) => {
-        b.id !== n && (b.open = !1);
+    function d(b) {
+      const h = e.value.find((y) => y.id === b);
+      h && (h.open = !h.open, e.value.forEach((y) => {
+        y.id !== b && (y.open = !1);
       }));
     }
-    const d = dl();
+    const a = dl();
     Y(
-      () => d,
+      () => a,
       () => {
-        a.value = !1;
+        i.value = !1;
       },
       {
         deep: !0
       }
     );
-    const a = I(!1), i = I(!1), { start: r } = Qe(() => i.value = !1, 100);
-    function c() {
-      a.value = !a.value, i.value = !0, r();
+    const i = I(!1), r = I(!1), { start: c } = Qe(() => r.value = !1, 100);
+    function m() {
+      i.value = !i.value, r.value = !0, c();
     }
-    const m = I();
-    function k() {
-      a.value === !1 && e.value === !0 && o.value.forEach((n) => {
-        n.open = !1;
+    const k = I();
+    function n() {
+      i.value === !1 && l.value === !0 && e.value.forEach((b) => {
+        b.open = !1;
       });
     }
-    return Me(m, k), (n, h) => (u(), g("div", {
+    return Me(k, n), o({
+      closeNavigation: n
+    }), (b, h) => (u(), v("div", {
       ref_key: "navElement",
-      ref: m,
+      ref: k,
       class: "cl-flex cl-flex-nowrap cl-relative"
     }, [
       f("div", {
         id: "group-container",
         class: _(["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"
+          "cl-bg-primary-default": b.colour === "default",
+          "cl-bg-blue-dark": b.colour === "secondary"
         }])
       }, [
-        j(n.$slots, "icon", re({ navcolour: n.colour }, { groupIsOpen: l, toggleOpen: s }), void 0, !0)
+        j(b.$slots, "icon", re({ navcolour: b.colour }, { groupIsOpen: s, toggleOpen: d }), void 0, !0)
       ], 2),
-      i.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": a.value,
-              "cl-absolute cl-left-20 cl-shadow-lg": !a.value
+              "cl-relative": i.value,
+              "cl-absolute cl-left-20 cl-shadow-lg": !i.value
             }])
           }, [
             f("div", on, [
               f("span", {
                 class: "cl-absolute cl-cursor-pointer cl-hidden cl-right-0 cl-top-1.5 lg:cl-block",
-                onClick: c
+                onClick: m
               }, [
-                a.value ? (u(), V(p(U), {
+                i.value ? (u(), V(p(U), {
                   key: 1,
                   icon: "ph:push-pin-slash"
                 })) : (u(), V(p(U), {
@@ -3557,10 +3560,10 @@ const Bs = {
                   icon: "ph:push-pin"
                 }))
               ]),
-              j(n.$slots, "default", oe(ae({ groupIsOpen: l })), void 0, !0)
+              j(b.$slots, "default", oe(ae({ groupIsOpen: s })), void 0, !0)
             ])
           ], 2), [
-            [Z, e.value]
+            [Z, l.value]
           ])
         ]),
         _: 3
@@ -3568,7 +3571,7 @@ const Bs = {
     ], 512));
   }
 });
-const nn = /* @__PURE__ */ me(sn, [["__scopeId", "data-v-971f01d8"]]), an = /* @__PURE__ */ B({
+const nn = /* @__PURE__ */ me(sn, [["__scopeId", "data-v-0958dcf5"]]), an = /* @__PURE__ */ B({
   __name: "cl-ui-navigation-icon",
   props: {
     iconValue: {},
@@ -3576,7 +3579,7 @@ const nn = /* @__PURE__ */ me(sn, [["__scopeId", "data-v-971f01d8"]]), 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",
@@ -3600,8 +3603,8 @@ const nn = /* @__PURE__ */ me(sn, [["__scopeId", "data-v-971f01d8"]]), 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, [
@@ -3614,8 +3617,8 @@ const nn = /* @__PURE__ */ me(sn, [["__scopeId", "data-v-971f01d8"]]), 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, [
@@ -3623,9 +3626,9 @@ 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-blue-light" };
+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")
   ]);
 }
@@ -3658,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"))
@@ -3686,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"))
@@ -3716,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,