@citruslime/ui 2.6.5 → 2.6.6-beta.1

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

@@ -1,9 +1,9 @@
-import { Icon as x } from "@iconify/vue";
+import { Icon as H } from "@iconify/vue";
 import { defineComponent as Q, ref as I, openBlock as p, createElementBlock as y, renderSlot as V, normalizeProps as ce, guardReactiveProps as ve, Fragment as X, createElementVNode as b, normalizeClass as M, createVNode as S, unref as v, Transition as Te, withCtx as Y, withDirectives as le, mergeProps as fe, vShow as te, createBlock as G, Teleport as ll, renderList as se, toDisplayString as q, createCommentVNode as j, nextTick as Fe, computed as R, toHandlers as Vl, withModifiers as ne, useCssVars as Ll, vModelText as Pl, onMounted as Ze, watch as oe, vModelDynamic as Ul, toRefs as Bl, withKeys as Ee, onUnmounted as tl, resolveComponent as Tl, createTextVNode as de, watchEffect as zl, createSlots as al, normalizeStyle as _l } from "vue";
-import { generateStringId as xl, highlightText as Hl } from "@citruslime/utils";
+import { generateStringId as Hl, highlightText as xl } from "@citruslime/utils";
 import { useMediaQuery as Gl, useDebounceFn as ol, unrefElement as Zl, tryOnScopeDispose as Kl, onClickOutside as nl, useTimeoutFn as $l, useWindowSize as Ql } from "@vueuse/core";
 import { createI18n as Wl, useI18n as ie } from "vue-i18n";
-import { DateTime as H } from "luxon";
+import { DateTime as x } from "luxon";
 import { DatePicker as We } from "v-calendar";
 import { copy as ge } from "@citruslime/vue-utils";
 const Yl = { class: "cl-overflow-hidden" }, Jl = /* @__PURE__ */ Q({
@@ -54,7 +54,7 @@ const Yl = { class: "cl-overflow-hidden" }, Jl = /* @__PURE__ */ Q({
         onClick: t
       }, [
         b("div", Xl, [
-          S(v(x), {
+          S(v(H), {
             class: M(["cl-duration-300 cl-ease-in-out cl-text-grey-3 cl-transform-gpu cl-transition-transform", {
               "cl-rotate-180": n.open
             }]),
@@ -94,7 +94,7 @@ function nt(a, e) {
 const rt = /* @__PURE__ */ ke(at, [["render", nt]]), Pe = I([]);
 function sl(a) {
   const e = {
-    id: xl(),
+    id: Hl(),
     ...a
   };
   Pe.value.push(e), setTimeout(() => Cl(e), a.duration);
@@ -133,7 +133,7 @@ const st = ["onClick"], it = { class: "cl-flex-1 cl-select-none cl-text-ellipsis
           onClick: (c) => v(Cl)(t)
         }), [
           b("span", it, q(t.message), 1),
-          S(v(x), {
+          S(v(H), {
             class: "cl-inline-block cl-opacity-0 cl-transition-opacity group-hover:cl-opacity-100",
             icon: "ph:x",
             size: 16,
@@ -164,6 +164,7 @@ const st = ["onClick"], it = { class: "cl-flex-1 cl-select-none cl-text-ellipsis
         }, [
           V(e.$slots, "navigation"),
           b("div", {
+            id: "cl-ui-app-container",
             class: M(["cl-grow cl-max-h-full cl-overflow-x-hidden cl-overflow-y-auto cl-overscroll-y-none cl-w-auto", {
               "lg:cl-pb-0": e.removePadding,
               "lg:cl-pb-8 md:cl-px-8 cl-px-2 md:cl-pt-8 cl-pt-2": !e.removePadding
@@ -495,9 +496,9 @@ function $t(a, e, l, t, n) {
           o = t >= (Number(a) || 0), r = ye(o, he("input.greaterOrEqualToValue", { label: l, min: a.toString() }));
           break;
         case "date":
-          n ? (s = H.fromISO(t).setZone(n), i = H.fromISO(a).setZone(n)) : (s = H.fromISO(t, {
+          n ? (s = x.fromISO(t).setZone(n), i = x.fromISO(a).setZone(n)) : (s = x.fromISO(t, {
             zone: "UTC"
-          }), i = H.fromISO(a, {
+          }), i = x.fromISO(a, {
             zone: "UTC"
           })), o = s >= i, r = ye(o, he("input.afterOrEqualToValue", {
             label: l,
@@ -505,9 +506,9 @@ function $t(a, e, l, t, n) {
           }));
           break;
         case "datetime":
-          n ? (s = H.fromISO(t).setZone(n), i = H.fromISO(a).setZone(n)) : (s = H.fromISO(t, {
+          n ? (s = x.fromISO(t).setZone(n), i = x.fromISO(a).setZone(n)) : (s = x.fromISO(t, {
             zone: "UTC"
-          }), i = H.fromISO(a, {
+          }), i = x.fromISO(a, {
             zone: "UTC"
           })), o = s >= i, n && (i = i.setZone(n)), r = ye(o, he("input.afterOrEqualToValue", {
             label: l,
@@ -544,9 +545,9 @@ function Ct(a, e, l, t, n) {
           o = t <= (Number(a) || 0), r = ye(o, he("input.lessOrEqualToValue", { label: l, max: a.toString() }));
           break;
         case "date":
-          n ? (s = H.fromISO(t).setZone(n), i = H.fromISO(a).setZone(n)) : (s = H.fromISO(t, {
+          n ? (s = x.fromISO(t).setZone(n), i = x.fromISO(a).setZone(n)) : (s = x.fromISO(t, {
             zone: "UTC"
-          }), i = H.fromISO(a, {
+          }), i = x.fromISO(a, {
             zone: "UTC"
           })), o = s <= i, r = ye(o, he("input.beforeOrEqualToValue", {
             label: l,
@@ -554,9 +555,9 @@ function Ct(a, e, l, t, n) {
           }));
           break;
         case "datetime":
-          n ? (s = H.fromISO(t).setZone(n), i = H.fromISO(a).setZone(n)) : (s = H.fromISO(t, {
+          n ? (s = x.fromISO(t).setZone(n), i = x.fromISO(a).setZone(n)) : (s = x.fromISO(t, {
             zone: "UTC"
-          }), i = H.fromISO(a, {
+          }), i = x.fromISO(a, {
             zone: "UTC"
           })), o = s <= i, r = ye(o, he("input.beforeOrEqualToValue", {
             label: l,
@@ -643,7 +644,7 @@ const Nt = {
         onClick: s[0] || (s[0] = (i) => o.$emit("togglePopover"))
       }, {
         default: Y(() => [
-          S(v(x), {
+          S(v(H), {
             icon: "bi:calendar3",
             class: "cl-text-xl icon"
           })
@@ -661,7 +662,7 @@ const Nt = {
         onClick: s[1] || (s[1] = (i) => o.$emit("clear"))
       }, {
         default: Y(() => [
-          S(v(x), {
+          S(v(H), {
             icon: "ph:x",
             class: "clear-icon"
           })
@@ -678,7 +679,7 @@ const Nt = {
         disabled: o.disabled,
         placeholder: r.value
       }, Vl(o.events, !0)), null, 16, At),
-      le(S(v(x), {
+      le(S(v(H), {
         class: M(["cl-absolute cl-bg-transparent cl-cursor-text cl-left-2 cl-text-grey-4 cl-top-3.5 icon", {
           "!cl-bg-off-white": o.disabled
         }]),
@@ -688,13 +689,13 @@ const Nt = {
         [te, !o.disabled]
       ]),
       o.disabled ? j("", !0) : (p(), y("div", qt, [
-        o.type !== "time" ? (p(), G(v(x), {
+        o.type !== "time" ? (p(), G(v(H), {
           key: 0,
           class: "cl-cursor-pointer hover:cl-text-link-light",
           icon: "ph:arrow-counter-clockwise",
           onClick: s[2] || (s[2] = ne((i) => o.$emit("reset"), ["prevent"]))
         })) : j("", !0),
-        !o.required && o.date && (o.type !== "time" || o.date !== "00:00") ? (p(), G(v(x), {
+        !o.required && o.date && (o.type !== "time" || o.date !== "00:00") ? (p(), G(v(H), {
           key: 1,
           class: "cl-cursor-pointer clear-icon hover:cl-text-link-light md:cl-ml-0.5",
           icon: "ph:x",
@@ -891,26 +892,26 @@ const Ye = /* @__PURE__ */ ke(Rt, [["__scopeId", "data-v-905eee52"]]), Dt = { cl
   setup(a, { expose: e, emit: l }) {
     const t = a, n = R(() => t.timeZone ?? "UTC"), c = R({
       get() {
-        let u = null;
-        return t.type === "time" ? u = t.date === null ? "00:00" : t.date : t.date !== null && typeof t.date == "string" ? u = H.fromISO(t.date, {
+        let d = null;
+        return t.type === "time" ? d = t.date === null ? "00:00" : t.date : t.date !== null && typeof t.date == "string" ? d = x.fromISO(t.date, {
           zone: n.value
-        }).toJSDate() : t.date !== null && t.date.start && t.date.end && (u = {
-          start: H.fromISO(t.date.start, {
+        }).toJSDate() : t.date !== null && t.date.start && t.date.end && (d = {
+          start: x.fromISO(t.date.start, {
             zone: n.value
           }).toJSDate(),
-          end: H.fromISO(t.date.end, {
+          end: x.fromISO(t.date.end, {
             zone: n.value
           }).endOf("day").toJSDate()
-        }), u;
+        }), d;
       },
-      set(u) {
+      set(d) {
         let f = null;
         if (t.type === "time")
-          f = u;
-        else if (u !== null && t.type !== "dateRange")
-          f = r(u, !1);
-        else if (u !== null) {
-          const O = u;
+          f = d;
+        else if (d !== null && t.type !== "dateRange")
+          f = r(d, !1);
+        else if (d !== null) {
+          const O = d;
           f = {
             start: r(O.start, !0) ?? "",
             end: r(O.end, !1) ?? ""
@@ -919,8 +920,8 @@ const Ye = /* @__PURE__ */ ke(Rt, [["__scopeId", "data-v-905eee52"]]), Dt = { cl
         l("update:date", f);
       }
     });
-    function r(u, f) {
-      let O = H.fromJSDate(u, { zone: n.value }).setZone(n.value);
+    function r(d, f) {
+      let O = x.fromJSDate(d, { zone: n.value }).setZone(n.value);
       f && (O = O.startOf("day"));
       let $ = O.toISO();
       return t.timeZone === null && ($ = ($ == null ? void 0 : $.replace("Z", "")) ?? null), $;
@@ -929,26 +930,35 @@ const Ye = /* @__PURE__ */ ke(Rt, [["__scopeId", "data-v-905eee52"]]), Dt = { cl
       visibility: "focus",
       showDelay: 0,
       hideDelay: 250,
-      positionFixed: !0
+      positionFixed: !0,
+      placement: "auto",
+      modifiers: [
+        {
+          name: "preventOverflow",
+          options: {
+            boundary: document.querySelector("#cl-ui-app-container")
+          }
+        }
+      ]
     });
     function i() {
-      let u = m(H.now());
+      let d = m(x.now());
       if (t.max) {
-        const f = H.fromISO(t.max).setZone(n.value);
-        u > f && (u = m(f), u.equals(f) || (t.type === "date" ? u = u.minus({ days: 1 }) : u = u.minus({ minutes: 1 })));
+        const f = x.fromISO(t.max).setZone(n.value);
+        d > f && (d = m(f), d.equals(f) || (t.type === "date" ? d = d.minus({ days: 1 }) : d = d.minus({ minutes: 1 })));
       }
       if (t.min) {
-        const f = H.fromISO(t.min).setZone(n.value);
-        u < f && (u = m(f), u.equals(f) || (t.type === "date" ? u = u.plus({ days: 1 }) : u = u.plus({ minutes: 1 })));
+        const f = x.fromISO(t.min).setZone(n.value);
+        d < f && (d = m(f), d.equals(f) || (t.type === "date" ? d = d.plus({ days: 1 }) : d = d.plus({ minutes: 1 })));
       }
-      c.value = u.toJSDate();
+      c.value = d.toJSDate();
     }
-    function m(u) {
-      let f = u.set({ second: 0, millisecond: 0 }).setZone(n.value);
+    function m(d) {
+      let f = d.set({ second: 0, millisecond: 0 }).setZone(n.value);
       return t.type === "date" && (f = f.set({ hour: 0, minute: 0 }).setZone(n.value)), f;
     }
     const k = R(() => {
-      const u = H.fromObject({
+      const d = x.fromObject({
         day: 3,
         month: 4,
         year: 2e3,
@@ -956,60 +966,60 @@ const Ye = /* @__PURE__ */ ke(Rt, [["__scopeId", "data-v-905eee52"]]), Dt = { cl
         minute: 6
       }).setLocale(o.value);
       let f;
-      return t.type === "date" ? f = u.toFormat("D") : t.type === "datetime" ? f = u.toFormat("f") : f = u.toFormat("t"), f.replace("2000", "YYYY").replace("20", "YY").replace("04", "MM").replace("4", "M").replace("03", "DD").replace("3", "D").replace("05", "HH").replace("5", "H").replace("06", "mm").replace("6", "m").replace("AM", "A").trim();
-    }), d = I(null), h = R(() => {
-      let u;
+      return t.type === "date" ? f = d.toFormat("D") : t.type === "datetime" ? f = d.toFormat("f") : f = d.toFormat("t"), f.replace("2000", "YYYY").replace("20", "YY").replace("04", "MM").replace("4", "M").replace("03", "DD").replace("3", "D").replace("05", "HH").replace("5", "H").replace("06", "mm").replace("6", "m").replace("AM", "A").trim();
+    }), u = I(null), h = R(() => {
+      let d;
       if (t.date && t.type !== "dateRange")
-        u = H.fromISO(t.date, {
+        d = x.fromISO(t.date, {
           zone: n.value
         });
       else if (t.date && t.type === "dateRange") {
         const f = t.date;
-        u = H.fromISO(f.start, {
+        d = x.fromISO(f.start, {
           zone: n.value
         });
       } else
-        t.initialDate ? u = H.fromISO(t.initialDate, {
+        t.initialDate ? d = x.fromISO(t.initialDate, {
           zone: n.value
-        }) : u = H.utc().setZone(n.value);
-      return u;
+        }) : d = x.utc().setZone(n.value);
+      return d;
     });
     e({
       focus() {
-        var u;
-        (u = d.value) == null || u.focus();
+        var d;
+        (d = u.value) == null || d.focus();
       }
     });
     const A = I(null), P = I();
-    function U(u) {
-      const f = Z(u);
-      c.value = f, A.value = u, P.value.move(f.start), P.value.hidePopover();
+    function U(d) {
+      const f = Z(d);
+      c.value = f, A.value = d, P.value.move(f.start), P.value.hidePopover();
     }
-    function Z(u) {
-      const f = u.range, O = u.scope === "past" ? -1 : u.scope === "current" ? 0 : 1, $ = H.now().setZone(n.value).startOf(f).plus({ days: f === "day" ? O : 0, weeks: f === "week" ? O : 0, months: f === "month" ? O : 0, years: f === "year" ? O : 0 }), _ = $.endOf(f);
+    function Z(d) {
+      const f = d.range, O = d.scope === "past" ? -1 : d.scope === "current" ? 0 : 1, $ = x.now().setZone(n.value).startOf(f).plus({ days: f === "day" ? O : 0, weeks: f === "week" ? O : 0, months: f === "month" ? O : 0, years: f === "year" ? O : 0 }), _ = $.endOf(f);
       return {
         start: $.toJSDate(),
         end: _.toJSDate()
       };
     }
     const ae = R(() => {
-      let u = "";
+      let d = "";
       const f = c.value;
       if (f !== null && Object.hasOwn(f, "start") && Object.hasOwn(f, "end")) {
-        const O = H.fromJSDate(f.start).setZone(n.value).setLocale(o.value).toLocaleString(H.DATETIME_SHORT), $ = H.fromJSDate(f.end).setZone(n.value).setLocale(o.value).toLocaleString(H.DATETIME_SHORT);
-        u = `${O} - ${$}`;
+        const O = x.fromJSDate(f.start).setZone(n.value).setLocale(o.value).toLocaleString(x.DATETIME_SHORT), $ = x.fromJSDate(f.end).setZone(n.value).setLocale(o.value).toLocaleString(x.DATETIME_SHORT);
+        d = `${O} - ${$}`;
       }
-      return u;
+      return d;
     }), N = Gl("(min-width: 768px)"), B = R(() => N.value ? 2 : 1);
-    return (u, f) => u.type === "time" ? (p(), G(v(We), {
+    return (d, f) => d.type === "time" ? (p(), G(v(We), {
       key: 0,
       modelValue: c.value,
       "onUpdate:modelValue": f[1] || (f[1] = (O) => c.value = O),
       modelModifiers: { string: !0 },
       locale: v(o),
       is24hr: v(o) !== "en-US",
-      mode: u.type,
-      "is-required": u.required,
+      mode: d.type,
+      "is-required": d.required,
       "update-on-input": !1,
       masks: { modelValue: "HH:mm", input: k.value, inputTime: [k.value], inputTime24hr: [k.value] },
       color: "primary",
@@ -1018,20 +1028,20 @@ const Ye = /* @__PURE__ */ ke(Rt, [["__scopeId", "data-v-905eee52"]]), Dt = { cl
       popover: s.value
     }, {
       default: Y(({ inputValue: O, inputEvents: $ }) => [
-        S(Ye, fe(u.$attrs, {
+        S(Ye, fe(d.$attrs, {
           ref_key: "input",
-          ref: d,
+          ref: u,
           date: O,
           events: $,
-          type: u.type,
-          placeholder: u.placeholder,
-          required: u.required,
-          disabled: u.disabled,
+          type: d.type,
+          placeholder: d.placeholder,
+          required: d.required,
+          disabled: d.disabled,
           onClear: f[0] || (f[0] = (_) => c.value = null)
         }), null, 16, ["date", "events", "type", "placeholder", "required", "disabled"])
       ]),
       _: 1
-    }, 8, ["modelValue", "locale", "is24hr", "mode", "is-required", "masks", "popover"])) : u.type === "dateRange" ? (p(), G(v(We), {
+    }, 8, ["modelValue", "locale", "is24hr", "mode", "is-required", "masks", "popover"])) : d.type === "dateRange" ? (p(), G(v(We), {
       key: 1,
       ref_key: "calendar",
       ref: P,
@@ -1045,18 +1055,18 @@ const Ye = /* @__PURE__ */ ke(Rt, [["__scopeId", "data-v-905eee52"]]), Dt = { cl
       timezone: n.value,
       columns: B.value,
       popover: s.value,
-      "min-date": u.min,
-      "max-date": u.max,
+      "min-date": d.min,
+      "max-date": d.max,
       "initial-page": h.value,
       onDayclick: f[4] || (f[4] = (O) => A.value = null)
     }, {
       default: Y(({ togglePopover: O }) => [
-        S(Ye, fe(u.$attrs, {
+        S(Ye, fe(d.$attrs, {
           ref_key: "input",
-          ref: d,
-          type: u.type,
-          required: u.required,
-          disabled: u.disabled,
+          ref: u,
+          type: d.type,
+          required: d.required,
+          disabled: d.disabled,
           "range-selected": c.value !== null,
           title: ae.value,
           placeholder: null,
@@ -1067,9 +1077,9 @@ const Ye = /* @__PURE__ */ ke(Rt, [["__scopeId", "data-v-905eee52"]]), Dt = { cl
         }), null, 16, ["type", "required", "disabled", "range-selected", "title", "onTogglePopover"])
       ]),
       footer: Y(() => [
-        u.quickDateScope !== "none" ? (p(), G(Lt, {
+        d.quickDateScope !== "none" ? (p(), G(Lt, {
           key: 0,
-          scope: u.quickDateScope,
+          scope: d.quickDateScope,
           "selected-quick-date": A.value,
           "current-date-range": t.date,
           onQuickDateSelected: U
@@ -1083,11 +1093,11 @@ const Ye = /* @__PURE__ */ ke(Rt, [["__scopeId", "data-v-905eee52"]]), Dt = { cl
       locale: v(o),
       is24hr: v(o) !== "en-US",
       timezone: n.value,
-      mode: u.type,
-      "min-date": u.min,
-      "max-date": u.max,
+      mode: d.type,
+      "min-date": d.min,
+      "max-date": d.max,
       "initial-page": h.value,
-      "is-required": u.required,
+      "is-required": d.required,
       "update-on-input": !1,
       masks: { L: k.value, inputDateTime: [k.value], inputDateTime24hr: [k.value] },
       color: "primary",
@@ -1096,15 +1106,15 @@ const Ye = /* @__PURE__ */ ke(Rt, [["__scopeId", "data-v-905eee52"]]), Dt = { cl
       popover: s.value
     }, {
       default: Y(({ inputValue: O, inputEvents: $ }) => [
-        S(Ye, fe(u.$attrs, {
+        S(Ye, fe(d.$attrs, {
           ref_key: "input",
-          ref: d,
+          ref: u,
           date: O,
           events: $,
-          type: u.type,
-          placeholder: u.placeholder,
-          required: u.required,
-          disabled: u.disabled,
+          type: d.type,
+          placeholder: d.placeholder,
+          required: d.required,
+          disabled: d.disabled,
           onClear: f[5] || (f[5] = (_) => c.value = null),
           onReset: i
         }), null, 16, ["date", "events", "type", "placeholder", "required", "disabled"])
@@ -1151,7 +1161,7 @@ const Bt = [
   "text",
   "url",
   ...Re
-], zt = { class: "cl-flex cl-items-start" }, _t = { class: "cl-w-full" }, xt = ["min", "max", "step", "disabled"], Ht = { class: "cl-bg-transparent cl-text-center cl-text-sm cl-w-full" }, Gt = { class: "cl-bg-transparent cl-text-sm" }, Zt = {
+], zt = { class: "cl-flex cl-items-start" }, _t = { class: "cl-w-full" }, Ht = ["min", "max", "step", "disabled"], xt = { class: "cl-bg-transparent cl-text-center cl-text-sm cl-w-full" }, Gt = { class: "cl-bg-transparent cl-text-sm" }, Zt = {
   key: 1,
   class: "cl-emphasis-danger cl-text-sm cl-w-full"
 }, Kt = /* @__PURE__ */ Q({
@@ -1170,32 +1180,32 @@ const Bt = [
   },
   setup(a, { expose: e, emit: l }) {
     const t = a;
-    Ll((d) => ({
+    Ll((u) => ({
       44703202: i.value
     }));
     const { n, t: c } = ie(), r = I(), o = R({
       get: () => t.value,
-      set: (d) => l("update:value", d ?? "")
-    }), s = ol((d) => o.value = d || d === 0 ? d : t.min, 1e3), i = R(() => {
+      set: (u) => l("update:value", u ?? "")
+    }), s = ol((u) => o.value = u || u === 0 ? u : t.min, 1e3), i = R(() => {
       let h = ((typeof o.value == "number" ? o.value : t.min) - t.min) / (t.max - t.min) * 100;
       return h < 35 && h > 0 ? h < 20 ? h += 0.5 : h += 0.25 : h > 65 && h < 100 && (h > 80 ? h -= 0.5 : h -= 0.25), `${h}%`;
     }), m = R(() => t.min <= t.max && t.step > 0);
     e({
       focus() {
-        var d;
-        (d = r.value) == null || d.focus();
+        var u;
+        (u = r.value) == null || u.focus();
       }
     });
     const k = I(!1);
-    return (d, h) => m.value ? (p(), y("div", ce(fe({ key: 0 }, d.$attrs)), [
+    return (u, h) => m.value ? (p(), y("div", ce(fe({ key: 0 }, u.$attrs)), [
       b("div", zt, [
         b("span", {
           class: M(["cl-border cl-border-transparent cl-leading-6 cl-mr-1 cl-px-2 cl-rounded-full cl-select-none cl-shadow cl-text-center cl-text-xs", {
-            "cl-bg-white cl-cursor-pointer hover:cl-border-grey-1": !d.disabled,
-            "cl-bg-grey-0": d.disabled
+            "cl-bg-white cl-cursor-pointer hover:cl-border-grey-1": !u.disabled,
+            "cl-bg-grey-0": u.disabled
           }]),
-          onClick: h[0] || (h[0] = (A) => o.value = d.disabled ? o.value : d.min)
-        }, q(v(n)(d.min, Number.isInteger(d.min) ? v(ue).INTEGER : v(ue).DECIMAL)), 3),
+          onClick: h[0] || (h[0] = (A) => o.value = u.disabled ? o.value : u.min)
+        }, q(v(n)(u.min, Number.isInteger(u.min) ? v(ue).INTEGER : v(ue).DECIMAL)), 3),
         b("div", _t, [
           k.value ? (p(), G(v(me), {
             key: 0,
@@ -1208,11 +1218,11 @@ const Bt = [
             ],
             class: "cl-min-w-[8.5rem] cl-w-full",
             "input-type": "number",
-            min: d.min,
-            max: d.max,
-            step: d.step,
-            disabled: d.disabled,
-            "placeholder-text": d.placeholder,
+            min: u.min,
+            max: u.max,
+            step: u.step,
+            disabled: u.disabled,
+            "placeholder-text": u.placeholder,
             "show-validation-messages": !1
           }, null, 8, ["modelValue", "min", "max", "step", "disabled", "placeholder-text", "onUpdate:modelValue"])) : (p(), y(X, { key: 1 }, [
             le(b("input", {
@@ -1221,11 +1231,11 @@ const Bt = [
               "onUpdate:modelValue": h[2] || (h[2] = (A) => o.value = A),
               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: d.min,
-              max: d.max,
-              step: d.step,
-              disabled: d.disabled
-            }, null, 8, xt), [
+              min: u.min,
+              max: u.max,
+              step: u.step,
+              disabled: u.disabled
+            }, null, 8, Ht), [
               [
                 Pl,
                 o.value,
@@ -1233,22 +1243,22 @@ const Bt = [
                 { number: !0 }
               ]
             ]),
-            b("div", Ht, q(o.value), 1)
+            b("div", xt, q(o.value), 1)
           ], 64))
         ]),
         b("span", {
           class: M(["cl-border cl-border-transparent cl-leading-6 cl-ml-1 cl-px-2 cl-rounded-full cl-select-none cl-shadow cl-text-center cl-text-xs", {
-            "cl-bg-white cl-cursor-pointer hover:cl-border-grey-1": !d.disabled,
-            "cl-bg-grey-0": d.disabled
+            "cl-bg-white cl-cursor-pointer hover:cl-border-grey-1": !u.disabled,
+            "cl-bg-grey-0": u.disabled
           }]),
-          onClick: h[3] || (h[3] = (A) => o.value = d.disabled ? o.value : d.max)
-        }, q(v(n)(d.max, Number.isInteger(d.max) ? v(ue).INTEGER : v(ue).DECIMAL)), 3),
+          onClick: h[3] || (h[3] = (A) => o.value = u.disabled ? o.value : u.max)
+        }, q(v(n)(u.max, Number.isInteger(u.max) ? v(ue).INTEGER : v(ue).DECIMAL)), 3),
         b("div", Gt, [
           b("div", {
             class: "cl-bg-white cl-border cl-border-transparent cl-cursor-pointer cl-float-right cl-p-1.5 cl-px-2 cl-rounded-full cl-shadow cl-text-xs hover:cl-border-grey-1",
             onClick: h[4] || (h[4] = (A) => k.value = !k.value)
           }, [
-            S(v(x), { icon: "ph:arrows-left-right-thin" })
+            S(v(H), { icon: "ph:arrows-left-right-thin" })
           ])
         ])
       ])
@@ -1375,8 +1385,8 @@ const Jt = { class: "cl-flex cl-justify-between" }, Xt = { class: "cl-w-full" },
       set: (g) => f(g, !1)
     }), k = R({
       get: () => t.modelValue,
-      set: (g) => u(g)
-    }), d = R(() => typeof t.min == "number" ? t.min.toString() : t.min), h = R(() => typeof t.max == "number" ? t.max.toString() : t.max), A = R(() => typeof t.min == "number" || t.min === null ? t.min : parseFloat(t.min)), P = R(() => typeof t.max == "number" || t.max === null ? t.max : parseFloat(t.max)), U = R(() => t.messageWhenValid.trim() !== "" ? t.messageWhenValid : ""), Z = I(!0), ae = I(!0), N = I([]), B = R(() => {
+      set: (g) => d(g)
+    }), u = R(() => typeof t.min == "number" ? t.min.toString() : t.min), h = R(() => typeof t.max == "number" ? t.max.toString() : t.max), A = R(() => typeof t.min == "number" || t.min === null ? t.min : parseFloat(t.min)), P = R(() => typeof t.max == "number" || t.max === null ? t.max : parseFloat(t.max)), U = R(() => t.messageWhenValid.trim() !== "" ? t.messageWhenValid : ""), Z = I(!0), ae = I(!0), N = I([]), B = R(() => {
       var g, F;
       return [
         ...((g = N.value) == null ? void 0 : g.filter((K) => ((K == null ? void 0 : K.length) ?? 0) > 0)) ?? [],
@@ -1384,7 +1394,7 @@ const Jt = { class: "cl-flex cl-justify-between" }, Xt = { class: "cl-w-full" },
       ].join(`
 `);
     });
-    async function u(g) {
+    async function d(g) {
       t.validateOn === "input" && await O(g), l("update:model-value", g);
     }
     async function f(g, F) {
@@ -1536,14 +1546,14 @@ const Jt = { class: "cl-flex cl-justify-between" }, Xt = { class: "cl-w-full" },
           }, {
             default: Y(() => [
               g.inputType === "number" && !g.disabled && g.showArrows ? le((p(), y("div", oa, [
-                S(v(x), {
+                S(v(H), {
                   icon: "ph:caret-up-bold",
                   class: "cl-absolute cl-bg-link-default cl-right-1 cl-rounded-full cl-text-sm cl-text-white cl-top-1 hover:cl-bg-link-light hover:cl-cursor-pointer",
                   onClick: z,
                   onMousedown: F[4] || (F[4] = ne(() => {
                   }, ["prevent"]))
                 }),
-                S(v(x), {
+                S(v(H), {
                   icon: "ph:caret-down-bold",
                   class: "cl-absolute cl-bg-link-default cl-bottom-2 cl-right-1 cl-rounded-full cl-text-sm cl-text-white hover:cl-bg-link-light hover:cl-cursor-pointer",
                   onClick: T,
@@ -1570,7 +1580,7 @@ const Jt = { class: "cl-flex cl-justify-between" }, Xt = { class: "cl-w-full" },
           required: g.isRequired,
           type: v(Yt)(g.inputType),
           "time-zone": g.timeZone,
-          min: d.value,
+          min: u.value,
           max: h.value,
           placeholder: s.value,
           "initial-date": g.initialDate,
@@ -1610,7 +1620,7 @@ var Nl = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
   return a == null || (e = a.getRootNode) === null || e === void 0 ? void 0 : e.call(a);
 } : function(a) {
   return a == null ? void 0 : a.ownerDocument;
-}, xe = function a(e, l) {
+}, He = function a(e, l) {
   var t;
   l === void 0 && (l = !0);
   var n = e == null || (t = e.getAttribute) === null || t === void 0 ? void 0 : t.call(e, "inert"), c = n === "" || n === "true", r = c || l && e && a(e.parentNode);
@@ -1619,14 +1629,14 @@ var Nl = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
   var l, t = e == null || (l = e.getAttribute) === null || l === void 0 ? void 0 : l.call(e, "contenteditable");
   return t === "" || t === "true";
 }, Al = function(e, l, t) {
-  if (xe(e))
+  if (He(e))
     return [];
   var n = Array.prototype.slice.apply(e.querySelectorAll(ze));
   return l && Se.call(e, ze) && n.unshift(e), n = n.filter(t), n;
 }, ql = function a(e, l, t) {
   for (var n = [], c = Array.from(e); c.length; ) {
     var r = c.shift();
-    if (!xe(r, !1))
+    if (!He(r, !1))
       if (r.tagName === "SLOT") {
         var o = r.assignedElements(), s = o.length ? o : r.children, i = a(s, !0, t);
         t.flatten ? n.push.apply(n, i) : n.push({
@@ -1637,8 +1647,8 @@ var Nl = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
         var m = Se.call(r, ze);
         m && t.filter(r) && (l || !e.includes(r)) && n.push(r);
         var k = r.shadowRoot || // check for an undisclosed shadow
-        typeof t.getShadowRoot == "function" && t.getShadowRoot(r), d = !xe(k, !1) && (!t.shadowRootFilter || t.shadowRootFilter(r));
-        if (k && d) {
+        typeof t.getShadowRoot == "function" && t.getShadowRoot(r), u = !He(k, !1) && (!t.shadowRootFilter || t.shadowRootFilter(r));
+        if (k && u) {
           var h = a(k === !0 ? r.children : k.children, !0, t);
           t.flatten ? n.push.apply(n, h) : n.push({
             scopeParent: r,
@@ -1744,14 +1754,14 @@ var Nl = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
       l = l.parentElement;
     }
   return !1;
-}, He = function(e, l) {
+}, xe = function(e, l) {
   return !(l.disabled || // we must do an inert look up to filter out any elements inside an inert ancestor
   //  because we're limited in the type of selectors we can use in JSDom (see related
   //  note related to `candidateSelectors`)
-  xe(l) || fa(l) || ya(l, e) || // For a details element with a summary, the summary element gets the focus
+  He(l) || fa(l) || ya(l, e) || // For a details element with a summary, the summary element gets the focus
   pa(l) || wa(l));
 }, Xe = function(e, l) {
-  return !(ba(l) || Oe(l) < 0 || !He(e, l));
+  return !(ba(l) || Oe(l) < 0 || !xe(e, l));
 }, ka = function(e) {
   var l = parseInt(e.getAttribute("tabindex"), 10);
   return !!(isNaN(l) || l >= 0);
@@ -1782,10 +1792,10 @@ var Nl = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
   l = l || {};
   var t;
   return l.getShadowRoot ? t = ql([e], l.includeContainer, {
-    filter: He.bind(null, l),
+    filter: xe.bind(null, l),
     flatten: !0,
     getShadowRoot: l.getShadowRoot
-  }) : t = Al(e, l.includeContainer, He.bind(null, l)), t;
+  }) : t = Al(e, l.includeContainer, xe.bind(null, l)), t;
 }, Ne = function(e, l) {
   if (l = l || {}, !e)
     throw new Error("No node provided");
@@ -1793,7 +1803,7 @@ var Nl = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
 }, Oa = /* @__PURE__ */ Nl.concat("iframe").join(","), Je = function(e, l) {
   if (l = l || {}, !e)
     throw new Error("No node provided");
-  return Se.call(e, Oa) === !1 ? !1 : He(l, e);
+  return Se.call(e, Oa) === !1 ? !1 : xe(l, e);
 };
 /*!
 * focus-trap 7.5.2
@@ -1967,7 +1977,7 @@ var ml = {
     if (!T)
       throw new Error("Your focus-trap needs to have at least one focusable element");
     return T;
-  }, d = function() {
+  }, u = function() {
     if (r.containerGroups = r.containers.map(function(T) {
       var w = $a(T, c.tabbableOptions), E = Ca(T, c.tabbableOptions), L = w.length > 0 ? w[0] : void 0, C = w.length > 0 ? w[w.length - 1] : void 0, D = E.find(function(g) {
         return Ne(g);
@@ -2037,7 +2047,7 @@ var ml = {
     return w || (w === !1 ? !1 : T);
   }, P = function(T) {
     var w = T.target, E = T.event, L = T.isBackward, C = L === void 0 ? !1 : L;
-    w = w || Me(E), d();
+    w = w || Me(E), u();
     var D = null;
     if (r.tabbableGroups.length > 0) {
       var J = i(w, E), W = J >= 0 ? r.containerGroups[J] : void 0;
@@ -2133,7 +2143,7 @@ var ml = {
   }, B = function(T) {
     var w = Me(T);
     i(w, T) >= 0 || qe(c.clickOutsideDeactivates, T) || qe(c.allowOutsideClick, T) || (T.preventDefault(), T.stopImmediatePropagation());
-  }, u = function() {
+  }, d = function() {
     if (r.active)
       return ml.activateTrap(n, o), r.delayInitialFocusTimer = c.delayInitialFocus ? vl(function() {
         h(k());
@@ -2180,9 +2190,9 @@ var ml = {
       if (r.active)
         return this;
       var w = s(T, "onActivate"), E = s(T, "onPostActivate"), L = s(T, "checkCanFocusTrap");
-      L || d(), r.active = !0, r.paused = !1, r.nodeFocusedBeforeActivation = t.activeElement, w == null || w();
+      L || u(), r.active = !0, r.paused = !1, r.nodeFocusedBeforeActivation = t.activeElement, w == null || w();
       var C = function() {
-        L && d(), u(), _(), E == null || E();
+        L && u(), d(), _(), E == null || E();
       };
       return L ? (L(r.containers.concat()).then(C, C), this) : (C(), this);
     },
@@ -2214,13 +2224,13 @@ var ml = {
       if (!r.paused || !r.active)
         return this;
       var w = s(T, "onUnpause"), E = s(T, "onPostUnpause");
-      return r.paused = !1, w == null || w(), d(), u(), _(), E == null || E(), this;
+      return r.paused = !1, w == null || w(), u(), d(), _(), E == null || E(), this;
     },
     updateContainerElements: function(T) {
       var w = [].concat(T).filter(Boolean);
       return r.containers = w.map(function(E) {
         return typeof E == "string" ? t.querySelector(E) : E;
-      }), r.active && d(), _(), this;
+      }), r.active && u(), _(), this;
     }
   }, o.updateContainerElements(e), o;
 }, Fa = Object.defineProperty, Ma = Object.defineProperties, Va = Object.getOwnPropertyDescriptors, Ge = Object.getOwnPropertySymbols, Il = Object.prototype.hasOwnProperty, jl = Object.prototype.propertyIsEnumerable, bl = (a, e, l) => e in a ? Fa(a, e, { enumerable: !0, configurable: !0, writable: !0, value: l }) : a[e] = l, La = (a, e) => {
@@ -2241,15 +2251,15 @@ var ml = {
 };
 function Ba(a, e = {}) {
   let l;
-  const t = e, { immediate: n } = t, c = Ua(t, ["immediate"]), r = I(!1), o = I(!1), s = (d) => l && l.activate(d), i = (d) => l && l.deactivate(d), m = () => {
+  const t = e, { immediate: n } = t, c = Ua(t, ["immediate"]), r = I(!1), o = I(!1), s = (u) => l && l.activate(u), i = (u) => l && l.deactivate(u), m = () => {
     l && (l.pause(), o.value = !0);
   }, k = () => {
     l && (l.unpause(), o.value = !1);
   };
   return oe(
     () => Zl(a),
-    (d) => {
-      d && (l = ja(d, Pa(La({}, c), {
+    (u) => {
+      u && (l = ja(u, Pa(La({}, c), {
         onActivate() {
           r.value = !0, e.onActivate && e.onActivate();
         },
@@ -2268,10 +2278,10 @@ function Ba(a, e = {}) {
     unpause: k
   };
 }
-const za = /* @__PURE__ */ b("div", { tabindex: "0" }, null, -1), _a = ["onKeypress"], xa = {
+const za = /* @__PURE__ */ b("div", { tabindex: "0" }, null, -1), _a = ["onKeypress"], Ha = {
   key: 0,
   class: "cl-mt-1 cl-opacity-60 cl-text-primary-default"
-}, Ha = { class: "cl-overflow-y-auto cl-overscroll-y-none cl-p-2 cl-w-full" }, Fl = /* @__PURE__ */ Q({
+}, xa = { class: "cl-overflow-y-auto cl-overscroll-y-none cl-p-2 cl-w-full" }, Fl = /* @__PURE__ */ Q({
   inheritAttrs: !1,
   __name: "cl-ui-modal",
   props: {
@@ -2331,7 +2341,7 @@ const za = /* @__PURE__ */ b("div", { tabindex: "0" }, null, -1), _a = ["onKeypr
                   onKeypress: Ee(o, ["enter"]),
                   onClick: o
                 }, [
-                  S(v(x), { icon: "ph:x" })
+                  S(v(H), { icon: "ph:x" })
                 ], 42, _a), [
                   [te, !i.preventClose]
                 ]),
@@ -2342,9 +2352,9 @@ const za = /* @__PURE__ */ b("div", { tabindex: "0" }, null, -1), _a = ["onKeypr
                   }])
                 }, [
                   V(i.$slots, "title"),
-                  i.headerColour === "white" ? (p(), y("hr", xa)) : j("", !0)
+                  i.headerColour === "white" ? (p(), y("hr", Ha)) : j("", !0)
                 ], 2),
-                b("div", Ha, [
+                b("div", xa, [
                   V(i.$slots, "default", ce(ve({ close: o })))
                 ]),
                 V(i.$slots, "footer", ce(ve({ close: o })))
@@ -2384,7 +2394,7 @@ const za = /* @__PURE__ */ b("div", { tabindex: "0" }, null, -1), _a = ["onKeypr
         class: "cl-cursor-pointer cl-float-right",
         onMousedown: l[0] || (l[0] = (t) => e.$emit("clear-object"))
       }, [
-        S(v(x), {
+        S(v(H), {
           class: "cl-mt-1 cl-transition-colors hover:cl-text-link-default",
           icon: "ph:x"
         })
@@ -2429,7 +2439,7 @@ const za = /* @__PURE__ */ b("div", { tabindex: "0" }, null, -1), _a = ["onKeypr
       l.selectedIndex === l.index ? c.value = !0 : c.value = !1;
     }
     return oe(() => l.selectedIndex, () => s()), (i, m) => {
-      var k, d;
+      var k, u;
       return p(), y("div", {
         class: M(["cl-cursor-pointer cl-duration-75 cl-flex cl-p-1 cl-text-left cl-transition-colors", {
           "cl-bg-white": c.value === !1,
@@ -2440,7 +2450,7 @@ const za = /* @__PURE__ */ b("div", { tabindex: "0" }, null, -1), _a = ["onKeypr
         onMousemove: m[0] || (m[0] = (h) => o(!0)),
         onMouseleave: m[1] || (m[1] = (h) => o(!1))
       }, [
-        i.option !== null && ((k = i.option) == null ? void 0 : k.parentId) !== 0 && ((d = i.option) == null ? void 0 : d.parentId) !== void 0 ? (p(), y("div", Ka, q(n.value), 1)) : j("", !0),
+        i.option !== null && ((k = i.option) == null ? void 0 : k.parentId) !== 0 && ((u = i.option) == null ? void 0 : u.parentId) !== void 0 ? (p(), y("div", Ka, q(n.value), 1)) : j("", !0),
         b("div", {
           class: M({
             "cl-w-1/2": n.value !== "",
@@ -2448,7 +2458,7 @@ const za = /* @__PURE__ */ b("div", { tabindex: "0" }, null, -1), _a = ["onKeypr
           })
         }, q(t.value), 3),
         le(b("div", Qa, [
-          S(v(x), {
+          S(v(H), {
             class: "cl-transition-colors",
             icon: "ph:plus"
           })
@@ -2481,60 +2491,60 @@ const za = /* @__PURE__ */ b("div", { tabindex: "0" }, null, -1), _a = ["onKeypr
   },
   setup(a, { emit: e }) {
     const l = a, { t } = ie(), n = I(""), c = I(!1), r = I(-1), o = R(() => c.value ? -1 : 0), s = I();
-    function i(u) {
-      (u === void 0 || (u == null ? void 0 : u.code.startsWith("Arrow")) === !1 && (u == null ? void 0 : u.code.startsWith("Control")) === !1 && (u == null ? void 0 : u.code.startsWith("Shift")) === !1 && (u == null ? void 0 : u.code.startsWith("Tab")) === !1 && (u == null ? void 0 : u.code) !== "Enter") && (e("search", n.value), r.value = -2);
+    function i(d) {
+      (d === void 0 || (d == null ? void 0 : d.code.startsWith("Arrow")) === !1 && (d == null ? void 0 : d.code.startsWith("Control")) === !1 && (d == null ? void 0 : d.code.startsWith("Shift")) === !1 && (d == null ? void 0 : d.code.startsWith("Tab")) === !1 && (d == null ? void 0 : d.code) !== "Enter") && (e("search", n.value), r.value = -2);
     }
-    function m(u) {
-      e("select-object", u);
+    function m(d) {
+      e("select-object", d);
     }
     function k() {
-      e("create-object", n.value), d();
+      e("create-object", n.value), u();
     }
-    function d() {
+    function u() {
       e("hide-dropdown");
     }
-    function h(u) {
-      r.value < l.results.length - 1 ? (r.value === -2 && n.value === "" && r.value++, r.value++) : r.value = u, Z();
+    function h(d) {
+      r.value < l.results.length - 1 ? (r.value === -2 && n.value === "" && r.value++, r.value++) : r.value = d, Z();
     }
-    function A(u) {
-      r.value > u ? r.value-- : r.value = l.results.length - 1, Z();
+    function A(d) {
+      r.value > d ? r.value-- : r.value = l.results.length - 1, Z();
     }
     function P() {
       r.value >= 0 && l.results !== void 0 ? m(l.results[r.value].id) : r.value === -1 && k();
     }
-    function U(u) {
-      if (u.key === "Tab" && u.shiftKey === !0) {
+    function U(d) {
+      if (d.key === "Tab" && d.shiftKey === !0) {
         const f = document.getElementsByTagName("input");
         let O = -1;
         for (let $ = 0; $ < f.length; $++)
-          f[$] === u.target && (O = $ - 1);
-        O >= 0 && (f[O].focus(), d());
+          f[$] === d.target && (O = $ - 1);
+        O >= 0 && (f[O].focus(), u());
       }
     }
     function Z() {
-      var u;
-      l.results && l.results.length > 1 && ((u = s.value) == null || u.scrollTo(0, (r.value + 1) * 34 - 34 * 2));
+      var d;
+      l.results && l.results.length > 1 && ((d = s.value) == null || d.scrollTo(0, (r.value + 1) * 34 - 34 * 2));
     }
     function ae() {
-      let u = !1;
-      l.results !== null && l.results.length === 1 && (u = n.value.toUpperCase().trim() === l.results[0].name.toUpperCase().trim()), c.value = l.canCreateNewObject === !0 && l.errorMessage === "" && n.value.trim() !== "" && u === !1;
+      let d = !1;
+      l.results !== null && l.results.length === 1 && (d = n.value.toUpperCase().trim() === l.results[0].name.toUpperCase().trim()), c.value = l.canCreateNewObject === !0 && l.errorMessage === "" && n.value.trim() !== "" && d === !1;
     }
-    function N(u) {
-      r.value = u;
+    function N(d) {
+      r.value = d;
     }
     function B() {
       l.isVisible === !0 && (n.value = "", i(), Fe(() => {
-        var u, f;
-        return (f = (u = s.value) == null ? void 0 : u.querySelector("input")) == null ? void 0 : f.focus();
+        var d, f;
+        return (f = (d = s.value) == null ? void 0 : d.querySelector("input")) == null ? void 0 : f.focus();
       }));
     }
     return oe(() => l.results, () => ae()), oe(() => l.errorMessage, () => ae()), oe(() => l.isVisible, () => B()), Ze(() => {
-      var u;
-      return (u = s.value) == null ? void 0 : u.addEventListener("keydown", U);
+      var d;
+      return (d = s.value) == null ? void 0 : d.addEventListener("keydown", U);
     }), tl(() => {
-      var u;
-      return (u = s.value) == null ? void 0 : u.removeEventListener("keydown", U);
-    }), (u, f) => {
+      var d;
+      return (d = s.value) == null ? void 0 : d.removeEventListener("keydown", U);
+    }), (d, f) => {
       var O;
       return p(), y("div", {
         ref_key: "container",
@@ -2552,47 +2562,47 @@ const za = /* @__PURE__ */ b("div", { tabindex: "0" }, null, -1), _a = ["onKeypr
             "onUpdate:modelValue": f[0] || (f[0] = ($) => n.value = $),
             class: "!cl-mr-0 cl-w-full",
             "input-type": "text",
-            "placeholder-text": u.searchHint,
+            "placeholder-text": d.searchHint,
             onKeyup: i,
-            onBlur: d
+            onBlur: u
           }, null, 8, ["modelValue", "placeholder-text"]),
           le(S(Ke, { class: "cl-absolute cl-ml-2 cl-mt-11" }, null, 512), [
-            [te, u.loading]
+            [te, d.loading]
           ])
         ]),
-        u.currentObjectName !== "" ? (p(), G(Ve, {
+        d.currentObjectName !== "" ? (p(), G(Ve, {
           key: 0,
-          "show-clear-button": u.canClearSelectedObject,
-          text: u.currentObjectName,
-          onClearObject: f[1] || (f[1] = ($) => u.$emit("clear-object"))
+          "show-clear-button": d.canClearSelectedObject,
+          text: d.currentObjectName,
+          onClearObject: f[1] || (f[1] = ($) => d.$emit("clear-object"))
         }, null, 8, ["show-clear-button", "text"])) : j("", !0),
-        u.objectParentType !== "" && u.results !== void 0 && u.results.length > 0 && u.errorMessage === "" ? (p(), G(Ve, {
+        d.objectParentType !== "" && d.results !== void 0 && d.results.length > 0 && d.errorMessage === "" ? (p(), G(Ve, {
           key: 1,
-          text: u.objectType,
-          "additional-text": u.objectParentType,
+          text: d.objectType,
+          "additional-text": d.objectParentType,
           class: "cl-bg-grey-2 cl-mt-1"
         }, null, 8, ["text", "additional-text"])) : j("", !0),
-        u.results !== null && ((O = u.results) == null ? void 0 : O.length) === 0 && n.value.trim() !== "" && u.canCreateNewObject === !1 && u.errorMessage === "" ? (p(), G(Ve, {
+        d.results !== null && ((O = d.results) == null ? void 0 : O.length) === 0 && n.value.trim() !== "" && d.canCreateNewObject === !1 && d.errorMessage === "" ? (p(), G(Ve, {
           key: 2,
           text: v(t)("comboBox.noResults", { value: n.value })
         }, null, 8, ["text"])) : j("", !0),
-        u.errorMessage !== "" ? (p(), G(Ve, {
+        d.errorMessage !== "" ? (p(), G(Ve, {
           key: 3,
           class: "!cl-bg-danger-light cl-border-danger-light cl-rounded cl-text-danger-dark",
-          text: v(t)("comboBox.errorMessage", { error: u.errorMessage })
+          text: v(t)("comboBox.errorMessage", { error: d.errorMessage })
         }, null, 8, ["text"])) : j("", !0),
         c.value ? (p(), G(hl, {
           key: 4,
           "is-create-new-option": !0,
-          text: v(t)("comboBox.addPrompt", { value: n.value, object: u.objectType }),
+          text: v(t)("comboBox.addPrompt", { value: n.value, object: d.objectType }),
           index: -1,
           "selected-index": r.value,
           class: "cl-px-2",
           onCreateObject: k,
           onOptionHighlighted: N
         }, null, 8, ["text", "selected-index"])) : j("", !0),
-        u.errorMessage === "" && u.results !== null ? (p(), y("div", Ja, [
-          (p(!0), y(X, null, se(u.results, ($, _) => (p(), G(hl, {
+        d.errorMessage === "" && d.results !== null ? (p(), y("div", Ja, [
+          (p(!0), y(X, null, se(d.results, ($, _) => (p(), G(hl, {
             key: _,
             option: $,
             index: _,
@@ -2637,14 +2647,14 @@ const za = /* @__PURE__ */ b("div", { tabindex: "0" }, null, -1), _a = ["onKeypr
     const t = a, n = R(() => t.placeholderText ? t.placeholderText : r("comboBox.emptyHintText", { object: t.objectType })), c = R(() => t.searchHint ? t.searchHint : r("comboBox.searchHint", { object: t.objectType })), { t: r } = ie(), o = I(!1), s = R({
       get: () => t.currentObject,
       set: (C) => l("update:current-object", C)
-    }), i = I(null), m = I(null), k = R(() => w()), d = I(""), h = I(""), A = I(), P = I(!0), U = I(!1);
+    }), i = I(null), m = I(null), k = R(() => w()), u = I(""), h = I(""), A = I(), P = I(!0), U = I(!1);
     function Z(C) {
       var J, W;
       const D = ((J = L.value) == null ? void 0 : J.getBoundingClientRect().top) || 0;
       U.value = window.innerHeight - D < 280, t.disabled || (typeof C < "u" ? o.value = C : o.value = !o.value), (W = i.value) == null || W.blur();
     }
     function ae(C) {
-      d.value = C, l("search", C);
+      u.value = C, l("search", C);
     }
     function N(C) {
       h.value = C, l("search-parent", C);
@@ -2652,7 +2662,7 @@ const za = /* @__PURE__ */ b("div", { tabindex: "0" }, null, -1), _a = ["onKeypr
     function B() {
       s.value = null, Z(!1);
     }
-    function u(C) {
+    function d(C) {
       const D = f(C);
       s.value = D, Z(!1);
     }
@@ -2670,7 +2680,7 @@ const za = /* @__PURE__ */ b("div", { tabindex: "0" }, null, -1), _a = ["onKeypr
     function O() {
       var C;
       A.value = {
-        name: d.value,
+        name: u.value,
         parentId: ((C = m.value) == null ? void 0 : C.id) ?? 0
       }, l("create-object", A.value);
     }
@@ -2683,7 +2693,7 @@ const za = /* @__PURE__ */ b("div", { tabindex: "0" }, null, -1), _a = ["onKeypr
     function _() {
       var C, D;
       (C = t.objectCreatedResponse) != null && C.error ? sl({
-        message: r("comboBox.createFailed", { name: d.value, error: t.objectCreatedResponse.error }),
+        message: r("comboBox.createFailed", { name: u.value, error: t.objectCreatedResponse.error }),
         colour: "danger",
         duration: 1e4
       }) : (D = t.objectCreatedResponse) != null && D.id && T();
@@ -2716,9 +2726,9 @@ const za = /* @__PURE__ */ b("div", { tabindex: "0" }, null, -1), _a = ["onKeypr
     }
     function E() {
       let C = !0;
-      d.value === "" && (C = !1), t.objectParentType !== "" && m.value === null && (C = !1), P.value = C;
+      u.value === "" && (C = !1), t.objectParentType !== "" && m.value === null && (C = !1), P.value = C;
     }
-    oe(() => t.objectCreatedResponse, () => _()), oe(() => t.parentObjectCreatedResponse, () => z()), oe(() => d.value, () => E()), oe(() => m.value, () => E()), e({
+    oe(() => t.objectCreatedResponse, () => _()), oe(() => t.parentObjectCreatedResponse, () => z()), oe(() => u.value, () => E()), oe(() => m.value, () => E()), e({
       focus() {
         var C;
         (C = i.value) == null || C.focus();
@@ -2750,7 +2760,7 @@ const za = /* @__PURE__ */ b("div", { tabindex: "0" }, null, -1), _a = ["onKeypr
           le(b("div", lo, [
             b("div", to, [
               de(q(v(r)("comboBox.required")) + " ", 1),
-              S(v(x), {
+              S(v(H), {
                 class: "cl-ml-1 cl-mt-1",
                 icon: "ph:warning"
               })
@@ -2766,7 +2776,7 @@ const za = /* @__PURE__ */ b("div", { tabindex: "0" }, null, -1), _a = ["onKeypr
             }]),
             onClick: D[3] || (D[3] = (W) => Z(!1))
           }, [
-            S(v(x), {
+            S(v(H), {
               icon: "ph:caret-up-bold",
               class: "cl-ml-[4px] cl-mt-[12px]"
             })
@@ -2778,7 +2788,7 @@ const za = /* @__PURE__ */ b("div", { tabindex: "0" }, null, -1), _a = ["onKeypr
             }]),
             onClick: D[2] || (D[2] = (W) => Z(!0))
           }, [
-            S(v(x), {
+            S(v(H), {
               icon: "ph:caret-down-bold",
               class: "cl-ml-[4px] cl-mt-[12px]"
             })
@@ -2804,7 +2814,7 @@ const za = /* @__PURE__ */ b("div", { tabindex: "0" }, null, -1), _a = ["onKeypr
               }),
               "search-hint": c.value,
               onCreateObject: () => C.objectParentType === "" && C.skipObjectCreationModal === !0 ? O() : W(),
-              onSelectObject: u,
+              onSelectObject: d,
               onClearObject: B,
               onSearch: ae,
               onHideDropdown: D[4] || (D[4] = (g) => Z(!1))
@@ -2858,8 +2868,8 @@ const za = /* @__PURE__ */ b("div", { tabindex: "0" }, null, -1), _a = ["onKeypr
                 onCreateObject: $
               }, null, 8, ["current-object", "results", "loading", "object-type", "object-created-response", "can-create-new-object", "can-clear-selected-object", "error-message"])) : j("", !0),
               S(me, {
-                modelValue: d.value,
-                "onUpdate:modelValue": D[6] || (D[6] = (W) => d.value = W),
+                modelValue: u.value,
+                "onUpdate:modelValue": D[6] || (D[6] = (W) => u.value = W),
                 label: v(r)("comboBox.createProperty"),
                 class: "cl-mb-2 cl-pt-3 cl-w-full",
                 "input-type": "text"
@@ -3016,9 +3026,9 @@ const ho = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, yo = { class: "cl-gap-1
     const e = a, { t: l, locale: t, n } = ie();
     function c(o, s) {
       let i;
-      e.timeZone ? i = H.fromISO(o, {
+      e.timeZone ? i = x.fromISO(o, {
         locale: t.value
-      }).setZone(e.timeZone) : i = H.fromISO(o, {
+      }).setZone(e.timeZone) : i = x.fromISO(o, {
         locale: t.value,
         zone: "UTC"
       });
@@ -3048,7 +3058,7 @@ const ho = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, yo = { class: "cl-gap-1
     }
     function r() {
       let o = e.data[e.column.field];
-      return e.column.maxLength && (o = o.trimToLength(e.column.maxLength, e.column.format !== void 0 ? e.column.format === "ellipsis" : !1)), e.searchValue && e.column.searchable && (o = Hl(o, e.searchValue.split(" "))), e.column.format === "wrap-text" && (o = `<span class="cl-break-words cl-whitespace-pre-wrap">${o}</span>`), o;
+      return e.column.maxLength && (o = o.trimToLength(e.column.maxLength, e.column.format !== void 0 ? e.column.format === "ellipsis" : !1)), e.searchValue && e.column.searchable && (o = xl(o, e.searchValue.split(" "))), e.column.format === "wrap-text" && (o = `<span class="cl-break-words cl-whitespace-pre-wrap">${o}</span>`), o;
     }
     return (o, s) => {
       var i;
@@ -3194,15 +3204,15 @@ const ho = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, yo = { class: "cl-gap-1
     function c() {
       Object.keys(n.value.record).length !== 0 && (e("row-edit", ge(n.value)), n.value.record = {});
     }
-    function r(d) {
-      n.value.index !== -1 && n.value.index !== d && c(), n.value.index = d;
+    function r(u) {
+      n.value.index !== -1 && n.value.index !== u && c(), n.value.index = u;
     }
-    function o(d, h) {
-      r(d), h.field !== void 0 && (n.value.record[h.field] = h.value);
+    function o(u, h) {
+      r(u), h.field !== void 0 && (n.value.record[h.field] = h.value);
     }
-    function s(d) {
-      if (d !== void 0) {
-        const { [d]: h, ...A } = n.value.record;
+    function s(u) {
+      if (u !== void 0) {
+        const { [u]: h, ...A } = n.value.record;
         n.value.record = {
           ...A
         };
@@ -3210,8 +3220,8 @@ const ho = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, yo = { class: "cl-gap-1
     }
     const i = I({});
     oe(() => l.data, () => {
-      var d, h;
-      return i.value = Object.fromEntries(((h = (d = l.data) == null ? void 0 : d.results) == null ? void 0 : h.map((A, P) => [
+      var u, h;
+      return i.value = Object.fromEntries(((h = (u = l.data) == null ? void 0 : u.results) == null ? void 0 : h.map((A, P) => [
         [P],
         {
           count: 0,
@@ -3225,32 +3235,33 @@ const ho = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, yo = { class: "cl-gap-1
       deep: !0,
       immediate: !0
     });
-    function m(d, h, A) {
+    function m(u, h, A) {
       const { currentTarget: P } = A;
-      l.options.rowSelectionEnabled ? (k(P), e("row-select", h)) : (i.value[d].count++, i.value[d].target = P, i.value[d].count > 1 ? (i.value[d].reset.stop(), i.value[d].count = 0, k(P), i.value[d].target = null, e("row-select", h)) : i.value[d].reset.start());
+      l.options.rowSelectionEnabled ? (k(P), e("row-select", h)) : (i.value[u].count++, i.value[u].target = P, i.value[u].count > 1 ? (i.value[u].reset.stop(), i.value[u].count = 0, k(P), i.value[u].target = null, e("row-select", h)) : i.value[u].reset.start());
     }
-    function k(d) {
-      l.options.highlightRowSelection && (d == null || d.classList.toggle("!cl-bg-link-lighter"));
+    function k(u) {
+      l.options.highlightRowSelection && (u == null || u.classList.toggle("!cl-bg-link-lighter"));
     }
     return oe(() => l.editMode, () => {
       l.editMode || (c(), n.value.index = -1);
-    }), (d, h) => {
+    }), (u, h) => {
       var A;
       return p(), y("tbody", null, [
-        d.data && ((A = d.data.results) != null && A.length) ? (p(!0), y(X, { key: 0 }, se(d.data.results, (P, U) => (p(), G(Ro, {
+        u.data && ((A = u.data.results) != null && A.length) ? (p(!0), y(X, { key: 0 }, se(u.data.results, (P, U) => (p(), G(Ro, {
           key: U,
           data: P,
-          columns: d.columns,
-          "time-zone": d.timeZone,
-          "search-value": d.searchValue,
-          "edit-mode": d.editMode,
-          class: M(["cl-bg-opacity-100 cl-cursor-pointer cl-transition-colors", {
-            "cl-bg-white": U % 2 === 0 && d.data.totalRecords > 1,
-            "cl-bg-off-white": U % 2 === 1 || d.data.totalRecords === 1,
-            "cl-cursor-pointer hover:cl-bg-link-lighter": d.options.rowSelectionEnabled && d.options.highlightRowSelection && !d.editMode
+          columns: u.columns,
+          "time-zone": u.timeZone,
+          "search-value": u.searchValue,
+          "edit-mode": u.editMode,
+          class: M(["cl-bg-opacity-100 cl-transition-colors", {
+            "cl-bg-white": U % 2 === 0 && u.data.totalRecords > 1,
+            "cl-bg-off-white": U % 2 === 1 || u.data.totalRecords === 1,
+            "cl-cursor-pointer": (u.options.highlightRowSelection || u.options.rowSelectionEnabled) && !u.editMode,
+            "hover:cl-bg-link-lighter": u.options.rowSelectionEnabled && u.options.highlightRowSelection && !u.editMode
           }]),
           onClick: (Z) => {
-            d.editMode || m(U, P, Z);
+            u.editMode || m(U, P, Z);
           },
           onCellFocus: (Z) => {
             r(U);
@@ -3260,24 +3271,24 @@ const ho = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, yo = { class: "cl-gap-1
           },
           onCellUndo: s
         }, al({ _: 2 }, [
-          se(d.$slots, (Z, ae) => ({
+          se(u.$slots, (Z, ae) => ({
             name: ae,
             fn: Y((N) => [
-              V(d.$slots, ae, fe(N, { disabled: d.loading }))
+              V(u.$slots, ae, fe(N, { disabled: u.loading }))
             ])
           }))
-        ]), 1032, ["data", "columns", "time-zone", "search-value", "edit-mode", "class", "onClick", "onCellFocus", "onCellEdit"]))), 128)) : d.loading ? j("", !0) : (p(), y("tr", Do, [
+        ]), 1032, ["data", "columns", "time-zone", "search-value", "edit-mode", "class", "onClick", "onCellFocus", "onCellEdit"]))), 128)) : u.loading ? j("", !0) : (p(), y("tr", Do, [
           b("td", {
-            colspan: d.columns.length
+            colspan: u.columns.length
           }, [
             b("div", jo, [
               b("strong", Fo, q(v(t)("grid.noData")), 1),
-              d.request.filters.some((P) => P.filterValue !== "") ? (p(), y("div", Mo, [
+              u.request.filters.some((P) => P.filterValue !== "") ? (p(), y("div", Mo, [
                 b("div", Vo, q(v(t)("grid.noDataFiltersPresent")), 1),
                 S(be, {
                   size: "small",
                   colour: "danger",
-                  onClick: h[0] || (h[0] = ne((P) => d.$emit("clear-filters"), ["prevent"]))
+                  onClick: h[0] || (h[0] = ne((P) => u.$emit("clear-filters"), ["prevent"]))
                 }, {
                   default: Y(() => [
                     de(q(v(t)("grid.clearFilters")), 1)
@@ -3294,7 +3305,7 @@ const ho = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, yo = { class: "cl-gap-1
 }), Po = {
   key: 0,
   class: "cl-flex cl-flex-wrap cl-justify-end cl-mt-2 cl-w-full"
-}, Uo = { class: "cl-bg-off-white cl-border cl-border-grey-1 cl-flex cl-items-center cl-mb-2 cl-px-3 cl-rounded-lg cl-shadow-md cl-text-sm cl-w-full lg:cl-w-auto" }, Bo = { class: "cl-text-grey-3 cl-w-max" }, zo = { class: "cl-bg-off-white cl-border cl-border-grey-1 cl-flex cl-flex-wrap cl-items-center cl-mb-2 cl-px-3 cl-py-2 cl-rounded-lg cl-shadow-md cl-text-sm cl-w-full lg:cl-ml-2 lg:cl-w-auto mb:cl-flex-nowrap" }, _o = { class: "cl-flex cl-flex-wrap cl-mb-2 cl-text-sm cl-w-full lg:cl-p-2 md:cl-mb-0 md:cl-w-auto" }, xo = { class: "cl-flex cl-flex-wrap cl-mb-2 cl-w-full lg:cl-mb-0 lg:cl-mr-2 lg:cl-w-auto" }, Ho = { class: "cl-text-grey-3 cl-w-full lg:cl-mr-2 lg:cl-w-auto" }, Go = { class: "cl-flex cl-flex-wrap cl-text-sm mb:cl-flex-nowrap" }, Zo = { class: "cl-pr-2" }, Ko = ["onClick"], Qo = { class: "cl-flex cl-flex-wrap cl-mb-2 cl-text-sm cl-w-full lg:cl-p-2 md:cl-mb-0 md:cl-w-auto" }, Wo = { class: "cl-mb-2 cl-text-grey-3 cl-w-full lg:cl-mb-0 lg:cl-mr-2 lg:cl-w-auto" }, Yo = ["onClick"], Jo = { class: "cl-mb-2 cl-w-full lg:cl-p-2 md:cl-mb-0 md:cl-w-auto" }, Xo = { class: "cl-block cl-mb-2 cl-text-grey-3 cl-w-full lg:cl-inline-block lg:cl-mb-0 lg:cl-mr-1 lg:cl-w-auto" }, en = { class: "cl-block lg:cl-inline-block" }, ln = /* @__PURE__ */ Q({
+}, Uo = { class: "cl-bg-off-white cl-border cl-border-grey-1 cl-flex cl-items-center cl-mb-2 cl-px-3 cl-rounded-lg cl-shadow-md cl-text-sm cl-w-full lg:cl-w-auto" }, Bo = { class: "cl-text-grey-3 cl-w-max" }, zo = { class: "cl-bg-off-white cl-border cl-border-grey-1 cl-flex cl-flex-wrap cl-items-center cl-mb-2 cl-px-3 cl-py-2 cl-rounded-lg cl-shadow-md cl-text-sm cl-w-full lg:cl-ml-2 lg:cl-w-auto mb:cl-flex-nowrap" }, _o = { class: "cl-flex cl-flex-wrap cl-mb-2 cl-text-sm cl-w-full lg:cl-p-2 md:cl-mb-0 md:cl-w-auto" }, Ho = { class: "cl-flex cl-flex-wrap cl-mb-2 cl-w-full lg:cl-mb-0 lg:cl-mr-2 lg:cl-w-auto" }, xo = { class: "cl-text-grey-3 cl-w-full lg:cl-mr-2 lg:cl-w-auto" }, Go = { class: "cl-flex cl-flex-wrap cl-text-sm mb:cl-flex-nowrap" }, Zo = { class: "cl-pr-2" }, Ko = ["onClick"], Qo = { class: "cl-flex cl-flex-wrap cl-mb-2 cl-text-sm cl-w-full lg:cl-p-2 md:cl-mb-0 md:cl-w-auto" }, Wo = { class: "cl-mb-2 cl-text-grey-3 cl-w-full lg:cl-mb-0 lg:cl-mr-2 lg:cl-w-auto" }, Yo = ["onClick"], Jo = { class: "cl-mb-2 cl-w-full lg:cl-p-2 md:cl-mb-0 md:cl-w-auto" }, Xo = { class: "cl-block cl-mb-2 cl-text-grey-3 cl-w-full lg:cl-inline-block lg:cl-mb-0 lg:cl-mr-1 lg:cl-w-auto" }, en = { class: "cl-block lg:cl-inline-block" }, ln = /* @__PURE__ */ Q({
   __name: "cl-ui-grid-footer",
   props: {
     request: {},
@@ -3306,23 +3317,23 @@ const ho = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, yo = { class: "cl-gap-1
   },
   setup(a, { emit: e }) {
     const l = a, { n: t, t: n } = ie(), c = R(() => {
-      var d;
-      return l.data !== null ? Math.ceil((((d = l.data) == null ? void 0 : d.totalRecords) ?? 0) / l.request.pageSize) : 1;
+      var u;
+      return l.data !== null ? Math.ceil((((u = l.data) == null ? void 0 : u.totalRecords) ?? 0) / l.request.pageSize) : 1;
     }), r = R(() => {
-      const d = Array.from(Array(c.value + 1).keys());
+      const u = Array.from(Array(c.value + 1).keys());
       let h = [];
-      if (d.shift(), d.length) {
+      if (u.shift(), u.length) {
         const A = l.request.pageNumber === c.value || l.request.pageNumber === c.value - 1 ? c.value - 3 : l.request.pageNumber - 1;
-        h = d.slice(A, A + 3);
+        h = u.slice(A, A + 3);
       }
       return h;
     });
-    function o(d) {
+    function o(u) {
       const h = ge(l.request);
-      h.pageNumber !== d && (h.pageNumber = Math.max(Math.min(Math.trunc(d), c.value), 1), e("update:request", h));
+      h.pageNumber !== u && (h.pageNumber = Math.max(Math.min(Math.trunc(u), c.value), 1), e("update:request", h));
     }
-    function s(d) {
-      const h = parseInt(d == null ? void 0 : d.value) || 1;
+    function s(u) {
+      const h = parseInt(u == null ? void 0 : u.value) || 1;
       o(h);
     }
     const i = [
@@ -3333,21 +3344,21 @@ const ho = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, yo = { class: "cl-gap-1
       100,
       200
     ];
-    function m(d) {
+    function m(u) {
       const h = ge(l.request);
-      h.pageSize = d, h.pageNumber = 1, e("update:request", h);
+      h.pageSize = u, h.pageNumber = 1, e("update:request", h);
     }
     const k = ol(s, 750);
-    return (d, h) => {
+    return (u, h) => {
       var A, P;
-      return (P = (A = d.data) == null ? void 0 : A.results) != null && P.length && d.request ? (p(), y("div", Po, [
+      return (P = (A = u.data) == null ? void 0 : A.results) != null && P.length && u.request ? (p(), y("div", Po, [
         b("div", Uo, [
           b("span", Bo, q(v(n)("grid.jumpToPage")), 1),
           S(me, {
-            "model-value": d.request.pageNumber,
+            "model-value": u.request.pageNumber,
             class: "cl-ml-1 cl-mt-0.5 cl-text-sm",
             "input-type": "number",
-            disabled: d.loading,
+            disabled: u.loading,
             "show-label": !1,
             min: 1,
             max: c.value,
@@ -3356,62 +3367,62 @@ const ho = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, yo = { class: "cl-gap-1
         ]),
         b("div", zo, [
           b("div", _o, [
-            b("li", xo, [
-              b("span", Ho, q(v(n)("grid.page")), 1)
+            b("li", Ho, [
+              b("span", xo, q(v(n)("grid.page")), 1)
             ]),
             b("ul", Go, [
-              b("li", Zo, q(v(t)(d.request.pageNumber, v(ue).INTEGER)) + " / " + q(v(t)(c.value, v(ue).INTEGER)), 1),
+              b("li", Zo, q(v(t)(u.request.pageNumber, v(ue).INTEGER)) + " / " + q(v(t)(c.value, v(ue).INTEGER)), 1),
               le(b("li", {
                 class: "cl-cursor-pointer cl-mr-1 cl-mt-1 lg:cl-mr-2",
                 onClick: h[1] || (h[1] = (U) => o(1))
               }, [
-                S(v(x), {
+                S(v(H), {
                   icon: "ph:caret-double-left",
                   size: 14
                 })
               ], 512), [
-                [te, d.request.pageNumber > 1]
+                [te, u.request.pageNumber > 1]
               ]),
               le(b("li", {
                 class: "cl-cursor-pointer cl-mt-1 lg:cl-mr-2 mr-1",
-                onClick: h[2] || (h[2] = (U) => o(d.request.pageNumber - 1))
+                onClick: h[2] || (h[2] = (U) => o(u.request.pageNumber - 1))
               }, [
-                S(v(x), {
+                S(v(H), {
                   icon: "ph:caret-left",
                   size: 14
                 })
               ], 512), [
-                [te, d.request.pageNumber > 1]
+                [te, u.request.pageNumber > 1]
               ]),
               (p(!0), y(X, null, se(r.value, (U, Z) => (p(), y("li", {
                 key: Z,
                 class: M(["cl-cursor-pointer cl-mr-1 lg:cl-mr-2", {
-                  "cl-text-black cl-font-bold": d.request.pageNumber === U,
-                  "cl-text-grey-6": d.request.pageNumber !== U
+                  "cl-text-black cl-font-bold": u.request.pageNumber === U,
+                  "cl-text-grey-6": u.request.pageNumber !== U
                 }]),
                 onClick: (ae) => o(U)
               }, q(v(t)(U, v(ue).INTEGER)), 11, Ko))), 128)),
               le(b("li", {
                 class: "cl-cursor-pointer cl-mr-1 cl-mt-1 lg:cl-mr-2",
-                onClick: h[3] || (h[3] = (U) => o(d.request.pageNumber + 1))
+                onClick: h[3] || (h[3] = (U) => o(u.request.pageNumber + 1))
               }, [
-                S(v(x), {
+                S(v(H), {
                   icon: "ph:caret-right",
                   size: 14
                 })
               ], 512), [
-                [te, d.request.pageNumber < c.value]
+                [te, u.request.pageNumber < c.value]
               ]),
               le(b("li", {
                 class: "cl-cursor-pointer cl-mr-1 cl-mt-1 lg:cl-mr-2",
                 onClick: h[4] || (h[4] = (U) => o(c.value))
               }, [
-                S(v(x), {
+                S(v(H), {
                   icon: "ph:caret-double-right",
                   size: 14
                 })
               ], 512), [
-                [te, d.request.pageNumber < c.value]
+                [te, u.request.pageNumber < c.value]
               ])
             ])
           ]),
@@ -3420,15 +3431,15 @@ const ho = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, yo = { class: "cl-gap-1
             (p(), y(X, null, se(i, (U, Z) => b("li", {
               key: Z,
               class: M(["cl-cursor-pointer cl-mr-1 lg:cl-mr-2", {
-                "cl-text-black cl-font-bold": d.request.pageSize === U,
-                "cl-text-grey-6": d.request.pageSize !== U
+                "cl-text-black cl-font-bold": u.request.pageSize === U,
+                "cl-text-grey-6": u.request.pageSize !== U
               }]),
               onClick: (ae) => m(U)
             }, q(v(t)(U, v(ue).INTEGER)), 11, Yo)), 64))
           ]),
           b("ul", Jo, [
             b("li", Xo, q(v(n)("grid.totalRecords")), 1),
-            b("li", en, q(v(t)(d.data.totalRecords, v(ue).INTEGER)), 1)
+            b("li", en, q(v(t)(u.data.totalRecords, v(ue).INTEGER)), 1)
           ])
         ])
       ])) : j("", !0);
@@ -3662,7 +3673,7 @@ const dn = {
     }
     return (o, s) => (p(), y("div", mn, [
       b("div", vn, [
-        c.value ? (p(), G(v(x), {
+        c.value ? (p(), G(v(H), {
           key: 0,
           icon: c.value.icon,
           class: M(["cl-text-lg", {
@@ -3686,10 +3697,10 @@ const dn = {
             class: M(["cl-cursor-pointer cl-px-4 cl-py-1 cl-transition-colors cl-w-full hover:cl-bg-grey-0", {
               "cl-bg-primary-default cl-opacity-80": i.method === ((k = c.value) == null ? void 0 : k.method)
             }]),
-            onClick: ne((d) => r(i.method), ["prevent"])
+            onClick: ne((u) => r(i.method), ["prevent"])
           }, [
             de(q(i.description) + " ", 1),
-            S(v(x), {
+            S(v(H), {
               icon: i.icon,
               class: "cl-float-right cl-text-grey-4 cl-text-sm"
             }, null, 8, ["icon"])
@@ -3735,7 +3746,7 @@ const dn = {
                 filterValue: L.filterValue
               });
             } else if (f.filterOperation === ee.EQUAL_OR_LESS_THAN || f.filterOperation === ee.GREATER_THAN) {
-              let L = H.fromISO(f.filterValue, {
+              let L = x.fromISO(f.filterValue, {
                 zone: l.timeZone ?? "UTC"
               });
               l.column.type === "date" || l.column.type === "slot" && l.column.slotType === "date" ? L = L.minus({ days: 1 }) : L = L.minus({ minutes: 1 }), f = {
@@ -3765,7 +3776,7 @@ const dn = {
         if (o.value) {
           const $ = f, _ = ($ == null ? void 0 : $.filterMethod) && h($.filterMethod, $.filterValue, "equal"), z = ($ == null ? void 0 : $.filterMethod) && h($.filterMethod, $.filterValue, "equalorlessthan"), T = ($ == null ? void 0 : $.filterMethod) && h($.filterMethod, $.filterValue, "greaterthan");
           if (_) {
-            let w = H.fromISO($.filterValue, {
+            let w = x.fromISO($.filterValue, {
               zone: l.timeZone ?? "UTC"
             }).set({ second: 0, millisecond: 0 });
             const E = w.toISO();
@@ -3786,7 +3797,7 @@ const dn = {
               }
             ];
           } else if (z || T) {
-            let w = H.fromISO($.filterValue, {
+            let w = x.fromISO($.filterValue, {
               zone: l.timeZone ?? "UTC"
             }).set({ second: 0, millisecond: 0 });
             l.column.type === "date" || l.column.type === "slot" && l.column.slotType === "date" ? w = w.plus({ days: 1 }) : w = w.plus({ minutes: 1 }), O = [
@@ -3799,9 +3810,9 @@ const dn = {
             ];
           }
         } else if (s.value && (f != null && f.filterValue)) {
-          const $ = f.filterValue, _ = H.fromISO($.start, {
+          const $ = f.filterValue, _ = x.fromISO($.start, {
             zone: l.timeZone ?? "UTC"
-          }).toISO(), z = H.fromISO($.end, {
+          }).toISO(), z = x.fromISO($.end, {
             zone: l.timeZone ?? "UTC"
           }).toISO();
           O = [
@@ -3825,10 +3836,10 @@ const dn = {
         }
         if (O && (o.value || s.value))
           for (const $ of O)
-            l.timeZone ? $.filterValue = H.fromISO($.filterValue).setZone("UTC").toISO() ?? "" : $.filterValue = $.filterValue.replace("Z", "");
+            l.timeZone ? $.filterValue = x.fromISO($.filterValue).setZone("UTC").toISO() ?? "" : $.filterValue = $.filterValue.replace("Z", "");
         r.value = O;
       }
-    }), d = R({
+    }), u = R({
       get: () => k.value,
       set(f) {
         k.value = f;
@@ -3846,7 +3857,7 @@ const dn = {
       let $, _ = !1;
       const z = ((f == null ? void 0 : f.value) ?? O).trim();
       if (k.value)
-        _ = ((T = k.value) == null ? void 0 : T.filterValue) === z, $ = ge(d.value), $.filterValue = z;
+        _ = ((T = k.value) == null ? void 0 : T.filterValue) === z, $ = ge(u.value), $.filterValue = z;
       else if (z !== "" && typeof l.column.field < "u") {
         const w = c();
         $ = {
@@ -3863,7 +3874,7 @@ const dn = {
       let $, _ = (f == null ? void 0 : f.value) ?? O ?? 0;
       l.column.format === ue.INTEGER ? (typeof _ == "string" && (_ = parseInt(_)), $ = Math.round(_)) : (typeof _ == "string" && (_ = parseFloat(_.replace(Z.value, "."))), $ = _), N(null, isNaN($) ? "" : $.toString());
     }
-    function u(f) {
+    function d(f) {
       var _;
       let O, $ = !1;
       if (k.value)
@@ -3914,7 +3925,7 @@ const dn = {
         "input-type": "dateRange",
         "time-zone": f.timeZone,
         "quick-date-scope": f.quickDateScope,
-        "onUpdate:modelValue": O[2] || (O[2] = ($) => u($))
+        "onUpdate:modelValue": O[2] || (O[2] = ($) => d($))
       }, null, 8, ["model-value", "disabled", "time-zone", "quick-date-scope"])) : f.column.type === "number" || f.column.type === "slot" && f.column.slotType === "number" ? (p(), G(me, {
         key: 3,
         "model-value": A.value,
@@ -3945,8 +3956,8 @@ const dn = {
       ], 40, Cn)) : j("", !0),
       s.value ? j("", !0) : (p(), G(hn, {
         key: 6,
-        filter: d.value,
-        "onUpdate:filter": O[6] || (O[6] = ($) => d.value = $),
+        filter: u.value,
+        "onUpdate:filter": O[6] || (O[6] = ($) => u.value = $),
         loading: f.loading,
         column: f.column,
         "default-operation": c(),
@@ -3999,17 +4010,17 @@ const dn = {
           class: M(["cl-text-grey-3 cl-text-sm", {
             "cl-cursor-pointer": v(Le)(m) && s.loading === !1
           }]),
-          onClick: (d) => v(Le)(m) && s.loading === !1 ? r(m.field) : () => {
+          onClick: (u) => v(Le)(m) && s.loading === !1 ? r(m.field) : () => {
           }
         }, [
           de(q(m.caption) + " ", 1),
-          le(S(v(x), {
+          le(S(v(H), {
             class: "cl-inline-block",
             icon: "ph:caret-up"
           }, null, 512), [
             [te, c(m, !0)]
           ]),
-          le(S(v(x), {
+          le(S(v(H), {
             class: "cl-inline-block",
             icon: "ph:caret-down"
           }, null, 512), [
@@ -4023,7 +4034,7 @@ const dn = {
         }])
       }, [
         b("div", Rn, [
-          S(v(x), {
+          S(v(H), {
             class: "cl-text-grey-4 hover:cl-cursor-pointer hover:cl-text-link-default",
             icon: "ph:x",
             size: 16,
@@ -4040,18 +4051,18 @@ const dn = {
           v(Le)(m) ? (p(), y("div", {
             key: 0,
             class: "cl-col-span-2 cl-gap-1 cl-span lg:cl-hidden",
-            onClick: (d) => s.loading === !1 ? r(m.field) : void 0
+            onClick: (u) => s.loading === !1 ? r(m.field) : void 0
           }, [
             b("span", jn, q(v(t)("grid.sortBy")), 1),
-            c(m, !0) ? (p(), G(v(x), {
+            c(m, !0) ? (p(), G(v(H), {
               key: 0,
               class: "cl-cursor-pointer cl-inline-block",
               icon: "ph:caret-up"
-            })) : c(m, !1) ? (p(), G(v(x), {
+            })) : c(m, !1) ? (p(), G(v(H), {
               key: 1,
               class: "cl-cursor-pointer cl-inline-block",
               icon: "ph:caret-down"
-            })) : (p(), G(v(x), {
+            })) : (p(), G(v(H), {
               key: 2,
               class: "cl-cursor-pointer cl-inline-block",
               icon: "ph:minus"
@@ -4060,7 +4071,7 @@ const dn = {
           S(Nn, {
             class: "cl-col-span-4",
             loading: s.loading,
-            filter: n.value.filters.filter((d) => d.filterOnColumn === m.field),
+            filter: n.value.filters.filter((u) => u.filterOnColumn === m.field),
             column: m,
             "time-zone": s.timeZone,
             "quick-date-scope": m.quickDateScope ?? null,
@@ -4076,8 +4087,7 @@ const dn = {
   props: {
     searchValue: {},
     columns: {},
-    request: {},
-    loading: { type: Boolean }
+    request: {}
   },
   emits: ["update:searchValue", "update:request"],
   setup(a, { emit: e }) {
@@ -4123,7 +4133,7 @@ const dn = {
       ]);
     };
   }
-}), Ln = { class: "cl-fixed cl-flex cl-h-full cl-justify-end cl-right-0 cl-shadow-lg cl-top-0 cl-z-40" }, Pn = { class: "cl-bg-secondary-default cl-h-full cl-overflow-y-auto cl-overscroll-y-none cl-px-10 cl-py-20 cl-relative cl-text-grey-2 cl-w-80" }, Un = { class: "cl-mb-4 cl-text-2xl cl-text-off-white" }, Bn = { class: "cl-border-grey-3 cl-border-t cl-flex cl-flex-wrap cl-text-sm cl-w-full" }, zn = { class: "cl-border-b cl-border-grey-2 cl-flex cl-py-2 cl-text-sm cl-w-full" }, _n = { class: "cl-flex-1 cl-py-2" }, xn = { class: "cl-py-2 cl-w-1/4" }, Hn = { class: "cl-py-2 cl-w-1/5" }, Gn = { class: "cl-flex-1 cl-py-2" }, Zn = { class: "cl-py-2 cl-w-1/4" }, Kn = { class: "cl-py-2 cl-text-off-white cl-w-1/5" }, Qn = { key: 1 }, Wn = /* @__PURE__ */ Q({
+}), Ln = { class: "cl-fixed cl-flex cl-h-full cl-justify-end cl-right-0 cl-shadow-lg cl-top-0 cl-z-40" }, Pn = { class: "cl-bg-secondary-default cl-h-full cl-overflow-y-auto cl-overscroll-y-none cl-px-10 cl-py-20 cl-relative cl-text-grey-2 cl-w-80" }, Un = { class: "cl-mb-4 cl-text-2xl cl-text-off-white" }, Bn = { class: "cl-border-grey-3 cl-border-t cl-flex cl-flex-wrap cl-text-sm cl-w-full" }, zn = { class: "cl-border-b cl-border-grey-2 cl-flex cl-py-2 cl-text-sm cl-w-full" }, _n = { class: "cl-flex-1 cl-py-2" }, Hn = { class: "cl-py-2 cl-w-1/4" }, xn = { class: "cl-py-2 cl-w-1/5" }, Gn = { class: "cl-flex-1 cl-py-2" }, Zn = { class: "cl-py-2 cl-w-1/4" }, Kn = { class: "cl-py-2 cl-text-off-white cl-w-1/5" }, Qn = { key: 1 }, Wn = /* @__PURE__ */ Q({
   inheritAttrs: !1,
   __name: "cl-ui-grid-view-manager",
   props: {
@@ -4137,8 +4147,8 @@ const dn = {
       m < s.length && m >= 0 && s.splice(m, 0, s.splice(i, 1)[0]);
     }
     function r(s, i) {
-      const m = ge(l.columns), k = (s == null ? void 0 : s.checked) ?? !1, d = m.findIndex((h) => h.name === i.name);
-      d >= 0 && (m[d].visible = k), e("update:columns", m);
+      const m = ge(l.columns), k = (s == null ? void 0 : s.checked) ?? !1, u = m.findIndex((h) => h.name === i.name);
+      u >= 0 && (m[u].visible = k), e("update:columns", m);
     }
     function o(s, i) {
       const m = ge(l.columns), k = i === "up" ? s + 1 : s - 1;
@@ -4161,7 +4171,7 @@ const dn = {
           default: Y(() => [
             le(b("div", Ln, [
               b("div", Pn, [
-                S(v(x), {
+                S(v(H), {
                   class: "cl-absolute cl-cursor-pointer cl-right-3 cl-text-off-white cl-top-3",
                   icon: "ph:x",
                   size: 16,
@@ -4171,8 +4181,8 @@ const dn = {
                 b("ul", Bn, [
                   b("li", zn, [
                     b("strong", _n, q(v(t)("grid.column")), 1),
-                    b("strong", xn, q(v(t)("grid.visible")), 1),
-                    b("strong", Hn, q(v(t)("grid.order")), 1)
+                    b("strong", Hn, q(v(t)("grid.visible")), 1),
+                    b("strong", xn, q(v(t)("grid.order")), 1)
                   ]),
                   (p(!0), y(X, null, se(s.columns, (m, k) => (p(), y("li", {
                     key: k,
@@ -4183,22 +4193,22 @@ const dn = {
                       S(me, {
                         "model-value": m.visible === void 0 || m.visible === !0,
                         "input-type": "checkbox",
-                        onClick: (d) => r(d.target, m)
+                        onClick: (u) => r(u.target, m)
                       }, null, 8, ["model-value", "onClick"])
                     ]),
                     b("div", Kn, [
                       m.visible === void 0 || m.visible === !0 ? (p(), y(X, { key: 0 }, [
-                        k !== 0 ? (p(), G(v(x), {
+                        k !== 0 ? (p(), G(v(H), {
                           key: 0,
                           class: "cl-cursor-pointer cl-inline-block cl-mr-2",
                           icon: "ph:arrow-left",
-                          onClick: (d) => o(k, "down")
+                          onClick: (u) => o(k, "down")
                         }, null, 8, ["onClick"])) : j("", !0),
-                        k !== s.columns.length - 1 ? (p(), G(v(x), {
+                        k !== s.columns.length - 1 ? (p(), G(v(H), {
                           key: 1,
                           class: "cl-cursor-pointer cl-inline-block",
                           icon: "ph:arrow-right",
-                          onClick: (d) => o(k, "up")
+                          onClick: (u) => o(k, "up")
                         }, null, 8, ["onClick"])) : j("", !0)
                       ], 64)) : (p(), y("em", Qn, q(v(t)("grid.hidden")), 1))
                     ])
@@ -4234,8 +4244,8 @@ const dn = {
     function r() {
       const N = {};
       window.innerWidth >= 1024 && t.value.forEach((B) => {
-        const u = B.width ? `${B.width}px` : "";
-        N[`${B.name}`] = `width: ${u}; min-width: ${u};`;
+        const d = B.width ? `${B.width}px` : "";
+        N[`${B.name}`] = `width: ${d}; min-width: ${d};`;
       }), c.value = N;
     }
     function o(N) {
@@ -4257,8 +4267,8 @@ const dn = {
       deep: !0,
       immediate: !0
     });
-    const k = R(() => l.data), d = I(!1), h = I(!1);
-    oe(d, () => d.value ? e("edit-start") : e("edit-end"));
+    const k = R(() => l.data), u = I(!1), h = I(!1);
+    oe(u, () => u.value ? e("edit-start") : e("edit-end"));
     const A = R(() => ({
       highlightRowSelection: !0,
       ...l.options
@@ -4270,7 +4280,7 @@ const dn = {
       set(N) {
         const B = [
           ...N.filters,
-          ...s.value.filters.filter((u) => u.filterMethod === "andcontains" || u.filterOperation === ee.AND_CONTAINS)
+          ...s.value.filters.filter((d) => d.filterMethod === "andcontains" || d.filterOperation === ee.AND_CONTAINS)
         ];
         s.value = {
           ...N,
@@ -4282,17 +4292,16 @@ const dn = {
       Z.value.length > 0 ? (p(), G(Vn, {
         key: 0,
         "search-value": U.value,
-        "onUpdate:searchValue": B[0] || (B[0] = (u) => U.value = u),
+        "onUpdate:searchValue": B[0] || (B[0] = (d) => U.value = d),
         request: s.value,
-        "onUpdate:request": B[1] || (B[1] = (u) => s.value = u),
-        columns: Z.value,
-        loading: N.loading
+        "onUpdate:request": B[1] || (B[1] = (d) => s.value = d),
+        columns: Z.value
       }, {
-        search: Y((u) => [
-          V(N.$slots, "search", ce(ve(u)))
+        search: Y((d) => [
+          V(N.$slots, "search", ce(ve(d)))
         ]),
         _: 3
-      }, 8, ["search-value", "request", "columns", "loading"])) : j("", !0),
+      }, 8, ["search-value", "request", "columns"])) : j("", !0),
       S(Te, { name: "fade" }, {
         default: Y(() => [
           le(b("div", Jn, [
@@ -4304,23 +4313,23 @@ const dn = {
         _: 1
       }),
       S(Co, {
-        "edit-mode": d.value,
-        "onUpdate:editMode": B[3] || (B[3] = (u) => d.value = u),
+        "edit-mode": u.value,
+        "onUpdate:editMode": B[3] || (B[3] = (d) => u.value = d),
         "filter-panel-open": h.value,
-        "onUpdate:filterPanelOpen": B[4] || (B[4] = (u) => h.value = u),
+        "onUpdate:filterPanelOpen": B[4] || (B[4] = (d) => h.value = d),
         columns: N.columns,
         options: A.value,
         request: s.value,
         loading: N.loading,
         onClearFilters: i
       }, {
-        "additional-grid-actions": Y((u) => [
-          V(N.$slots, "additional-grid-actions", ce(ve(u)))
+        "additional-grid-actions": Y((d) => [
+          V(N.$slots, "additional-grid-actions", ce(ve(d)))
         ]),
         "view-manager": Y(() => [
           S(Wn, {
             columns: t.value,
-            "onUpdate:columns": B[2] || (B[2] = (u) => t.value = u),
+            "onUpdate:columns": B[2] || (B[2] = (d) => t.value = d),
             loading: N.loading
           }, null, 8, ["columns", "loading"])
         ]),
@@ -4333,17 +4342,17 @@ const dn = {
           }])
         }, [
           b("colgroup", er, [
-            (p(!0), y(X, null, se(n.value, (u, f) => (p(), y("col", {
+            (p(!0), y(X, null, se(n.value, (d, f) => (p(), y("col", {
               key: f,
-              style: _l(o(u.name)),
+              style: _l(o(d.name)),
               span: 1
             }, null, 4))), 128))
           ]),
           S(Fn, {
             request: P.value,
-            "onUpdate:request": B[5] || (B[5] = (u) => P.value = u),
+            "onUpdate:request": B[5] || (B[5] = (d) => P.value = d),
             "filter-panel-open": h.value,
-            "onUpdate:filterPanelOpen": B[6] || (B[6] = (u) => h.value = u),
+            "onUpdate:filterPanelOpen": B[6] || (B[6] = (d) => h.value = d),
             columns: n.value,
             options: A.value,
             loading: N.loading,
@@ -4357,12 +4366,12 @@ const dn = {
             loading: N.loading,
             "search-value": U.value,
             options: A.value,
-            "edit-mode": d.value,
+            "edit-mode": u.value,
             onClearFilters: i,
-            onRowEdit: B[7] || (B[7] = (u) => N.$emit("row-edit", u)),
-            onRowSelect: B[8] || (B[8] = (u) => N.$emit("row-select", u))
+            onRowEdit: B[7] || (B[7] = (d) => N.$emit("row-edit", d)),
+            onRowSelect: B[8] || (B[8] = (d) => N.$emit("row-select", d))
           }, al({ _: 2 }, [
-            se(N.$slots, (u, f) => ({
+            se(N.$slots, (d, f) => ({
               name: f,
               fn: Y((O) => [
                 V(N.$slots, f, ce(ve(O)))
@@ -4373,7 +4382,7 @@ const dn = {
       ]),
       S(ln, {
         request: s.value,
-        "onUpdate:request": B[9] || (B[9] = (u) => s.value = u),
+        "onUpdate:request": B[9] || (B[9] = (d) => s.value = d),
         loading: N.loading,
         data: N.data
       }, null, 8, ["request", "loading", "data"])
@@ -4430,7 +4439,7 @@ const dn = {
           key: 0,
           src: l.image,
           class: "cl-hidden cl-m-4 cl-max-h-12 cl-max-w-12 cl-ring-2 cl-ring-white cl-rounded-full md:cl-block"
-        }, null, 8, nr)) : (p(), G(v(x), {
+        }, null, 8, nr)) : (p(), G(v(H), {
           key: 1,
           class: "cl-hidden cl-m-4 cl-text-white md:cl-block",
           icon: "ph:user-circle",
@@ -4447,7 +4456,7 @@ const dn = {
           l.group ? (p(), y("div", sr, q(l.group), 1)) : j("", !0)
         ], 2),
         b("div", ir, [
-          S(v(x), {
+          S(v(H), {
             class: M(["cl-transform-gpu cl-transition-transform", {
               "cl-rotate-180": l.isOpen,
               "cl-text-secondary-default": e.colour === "default",
@@ -4526,7 +4535,7 @@ const pr = {
               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,
               "data-localecode": m.localeCode,
-              onClick: (d) => {
+              onClick: (u) => {
                 t.value = m.localeCode, o(), e("language-select", m.localeCode);
               }
             }, [
@@ -4565,17 +4574,17 @@ const pr = {
     function s() {
       e("update:errors", []);
     }
-    function i(k, d) {
+    function i(k, u) {
       const h = {
         valid: !0,
         message: ""
       };
-      return typeof d == "string" && d.trim() === "" && (h.valid = !1), h;
+      return typeof u == "string" && u.trim() === "" && (h.valid = !1), h;
     }
-    function m(k, d) {
+    function m(k, u) {
       r.value = k;
     }
-    return (k, d) => (p(), y("div", hr, [
+    return (k, u) => (p(), y("div", hr, [
       b("div", yr, [
         V(k.$slots, "background")
       ]),
@@ -4594,7 +4603,7 @@ const pr = {
         }, [
           b("div", $r, [
             b("div", Cr, [
-              S(v(x), {
+              S(v(H), {
                 class: "cl-absolute cl-left-3 cl-top-2.5 cl-z-10",
                 icon: "ph:user",
                 size: 18
@@ -4602,7 +4611,7 @@ const pr = {
               S(me, {
                 id: "cl-ui-login-usernameinput",
                 modelValue: t.value,
-                "onUpdate:modelValue": d[0] || (d[0] = (h) => t.value = h),
+                "onUpdate:modelValue": u[0] || (u[0] = (h) => t.value = h),
                 modelModifiers: { trim: !0 },
                 class: "!cl-border-2 !cl-mb-1 cl-w-full",
                 "input-type": "email",
@@ -4623,31 +4632,31 @@ const pr = {
           ]),
           b("div", Or, [
             b("div", Sr, [
-              S(v(x), {
+              S(v(H), {
                 class: "cl-absolute cl-left-3 cl-top-2.5 cl-z-10",
                 icon: "ph:lock",
                 size: 18
               }),
-              le(S(v(x), {
+              le(S(v(H), {
                 class: "cl-absolute cl-cursor-pointer cl-right-4 cl-top-2.5 cl-z-10",
                 icon: "ph:eye",
                 size: 18,
-                onClick: d[1] || (d[1] = (h) => c.value = "text")
+                onClick: u[1] || (u[1] = (h) => c.value = "text")
               }, null, 512), [
                 [te, c.value === "password"]
               ]),
-              le(S(v(x), {
+              le(S(v(H), {
                 class: "cl-absolute cl-cursor-pointer cl-right-4 cl-top-2.5 cl-z-10",
                 icon: "ph:eye-slash",
                 size: 18,
-                onClick: d[2] || (d[2] = (h) => c.value = "password")
+                onClick: u[2] || (u[2] = (h) => c.value = "password")
               }, null, 512), [
                 [te, c.value === "text"]
               ]),
               S(me, {
                 id: "cl-ui-login-passwordinput",
                 modelValue: n.value,
-                "onUpdate:modelValue": d[3] || (d[3] = (h) => n.value = h),
+                "onUpdate:modelValue": u[3] || (u[3] = (h) => n.value = h),
                 class: "!cl-border-2 cl-w-full",
                 "input-type": c.value,
                 "highlight-when-valid": n.value !== void 0 && n.value !== "",
@@ -4749,13 +4758,13 @@ const pr = {
       o.value = !o.value, s.value = !0, i();
     }
     const k = I();
-    function d() {
+    function u() {
       o.value === !1 && t.value === !0 && l.value.forEach((h) => {
         h.open = !1;
       });
     }
-    return nl(k, d), e({
-      closeNavigation: d
+    return nl(k, u), e({
+      closeNavigation: u
     }), (h, A) => (p(), y("div", {
       ref_key: "navElement",
       ref: k,
@@ -4784,10 +4793,10 @@ const pr = {
                 class: "cl-absolute cl-cursor-pointer cl-hidden cl-right-0 cl-top-1.5 lg:cl-block",
                 onClick: m
               }, [
-                o.value ? (p(), G(v(x), {
+                o.value ? (p(), G(v(H), {
                   key: 1,
                   icon: "ph:push-pin-slash"
-                })) : (p(), G(v(x), {
+                })) : (p(), G(v(H), {
                   key: 0,
                   icon: "ph:push-pin"
                 }))
@@ -4819,7 +4828,7 @@ const jr = /* @__PURE__ */ ke(Ir, [["__scopeId", "data-v-0958dcf5"]]), Fr = /* @
         "cl-bg-blue-light": e.open && e.colour === "secondary"
       }])
     }, [
-      S(v(x), {
+      S(v(H), {
         class: "cl-block",
         icon: e.iconValue,
         width: "24"
@@ -4862,13 +4871,13 @@ function _r(a, e) {
     ])
   ]);
 }
-const xr = /* @__PURE__ */ ke(Pr, [["render", _r]]), Hr = {}, Gr = { class: "cl-cursor-pointer cl-transition-colors cl-w-full hover:cl-text-primary-darker" };
+const Hr = /* @__PURE__ */ ke(Pr, [["render", _r]]), xr = {}, Gr = { class: "cl-cursor-pointer cl-transition-colors cl-w-full hover:cl-text-primary-darker" };
 function Zr(a, e) {
   return p(), y("div", Gr, [
     V(a.$slots, "default")
   ]);
 }
-const Kr = /* @__PURE__ */ ke(Hr, [["render", Zr]]), Qr = { class: "cl-w-full" }, Wr = /* @__PURE__ */ Q({
+const Kr = /* @__PURE__ */ ke(xr, [["render", Zr]]), Qr = { class: "cl-w-full" }, Wr = /* @__PURE__ */ Q({
   __name: "cl-ui-tab",
   props: {
     currentTab: { default: 0 },
@@ -4904,7 +4913,7 @@ const Kr = /* @__PURE__ */ ke(Hr, [["render", Zr]]), Qr = { class: "cl-w-full" }
           class: "cl-bg-white cl-cursor-pointer cl-float-left cl-h-11 cl-w-4",
           onClick: m[0] || (m[0] = (k) => s("left"))
         }, [
-          S(v(x), {
+          S(v(H), {
             icon: "ph:caret-left",
             class: "cl-mt-4 cl-text-secondary-default"
           })
@@ -4930,7 +4939,7 @@ const Kr = /* @__PURE__ */ ke(Hr, [["render", Zr]]), Qr = { class: "cl-w-full" }
           class: "cl-bg-white cl-bottom-12 cl-cursor-pointer cl-float-right cl-h-11 cl-relative cl-w-4",
           onClick: m[1] || (m[1] = (k) => s("right"))
         }, [
-          S(v(x), {
+          S(v(H), {
             icon: "ph:caret-right",
             class: "cl-mt-4 cl-text-secondary-default"
           })
@@ -5026,7 +5035,7 @@ const ls = /* @__PURE__ */ ke(Xr, [["render", es]]), ts = [
   clUiNavigationGroup: Lr,
   clUiNavigationIcon: Fr,
   clUiNavigationItem: Kr,
-  clUiNavigationSection: xr,
+  clUiNavigationSection: Hr,
   clUiNotification: Ol,
   clUiTab: Wr,
   clUiTabContent: ls,
@@ -5053,7 +5062,7 @@ const ls = /* @__PURE__ */ ke(Xr, [["render", es]]), ts = [
   tabScroll: as
 }, Symbol.toStringTag, { value: "Module" }));
 const hs = (a) => {
-  a.use(we), a.component("Icon", x), Object.entries(os).forEach(([
+  a.use(we), a.component("Icon", H), Object.entries(os).forEach(([
     e,
     l
   ]) => {
@@ -5089,7 +5098,7 @@ export {
   Lr as clUiNavigationGroup,
   Fr as clUiNavigationIcon,
   Kr as clUiNavigationItem,
-  xr as clUiNavigationSection,
+  Hr as clUiNavigationSection,
   Ol as clUiNotification,
   Wr as clUiTab,
   ls as clUiTabContent,