@citruslime/ui 2.4.6 → 2.4.7-beta.1

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

@@ -647,77 +647,77 @@ const Pe = /* @__PURE__ */ me(Gl, [["__scopeId", "data-v-d680bbf4"]]), Wl = /* @
   setup(t, { expose: o, emit: e }) {
     const l = t, s = A(() => l.timeZone ?? "UTC"), d = A({
       get() {
-        let b = null;
-        return l.type === "time" ? b = l.date === null ? "00:00" : l.date : l.date !== null && (b = H.fromISO(l.date, {
+        let h = null;
+        return l.type === "time" ? h = l.date === null ? "00:00" : l.date : l.date !== null && (h = H.fromISO(l.date, {
           zone: s.value
-        }).toJSDate()), b;
+        }).toJSDate()), h;
       },
-      set(b) {
-        let w = null;
-        l.type === "time" ? w = b : b !== null && (w = H.fromJSDate(b, {
+      set(h) {
+        let y = null;
+        l.type === "time" ? y = h : h !== null && (y = H.fromJSDate(h, {
           zone: s.value
-        }).setZone(s.value).toISO(), l.timeZone === null && (w = (w == null ? void 0 : w.replace("Z", "")) ?? null)), e("update:date", w);
+        }).setZone(s.value).toISO(), l.timeZone === null && (y = (y == null ? void 0 : y.replace("Z", "")) ?? null)), e("update:date", y);
       }
     }), { locale: a, t: i } = se(), r = A(() => {
-      let b;
+      let h;
       switch (l.type) {
         case "date":
-          b = i("calendar.datePlaceholder");
+          h = i("calendar.datePlaceholder");
           break;
         case "datetime":
-          b = i("calendar.dateTimePlaceholder");
+          h = i("calendar.dateTimePlaceholder");
           break;
         case "time":
-          b = i("calendar.timePlaceholder");
+          h = i("calendar.timePlaceholder");
           break;
       }
-      return l.placeholder ?? b;
+      return l.placeholder ?? h;
     }), c = A(() => l.disabled ? !1 : {
       visibility: "focus",
       showDelay: 150,
       hideDelay: 100
     });
     function m() {
-      let b = k(H.now());
+      let h = k(H.now());
       if (l.max) {
-        const w = H.fromISO(l.max).setZone(s.value);
-        b > w && (b = k(w), b.equals(w) || (l.type === "date" ? b = b.minus({ days: 1 }) : b = b.minus({ minutes: 1 })));
+        const y = H.fromISO(l.max).setZone(s.value);
+        h > y && (h = k(y), h.equals(y) || (l.type === "date" ? h = h.minus({ days: 1 }) : h = h.minus({ minutes: 1 })));
       }
       if (l.min) {
-        const w = H.fromISO(l.min).setZone(s.value);
-        b < w && (b = k(w), b.equals(w) || (l.type === "date" ? b = b.plus({ days: 1 }) : b = b.plus({ minutes: 1 })));
+        const y = H.fromISO(l.min).setZone(s.value);
+        h < y && (h = k(y), h.equals(y) || (l.type === "date" ? h = h.plus({ days: 1 }) : h = h.plus({ minutes: 1 })));
       }
-      d.value = b.toJSDate();
+      d.value = h.toJSDate();
     }
-    function k(b) {
-      let w = b.set({ second: 0, millisecond: 0 }).setZone(s.value);
-      return l.type === "date" && (w = w.set({ hour: 0, minute: 0 }).setZone(s.value)), w;
+    function k(h) {
+      let y = h.set({ second: 0, millisecond: 0 }).setZone(s.value);
+      return l.type === "date" && (y = y.set({ hour: 0, minute: 0 }).setZone(s.value)), y;
     }
     const n = A(() => {
-      const b = H.fromObject({
+      const h = H.fromObject({
         day: 3,
         month: 4,
         year: 2e3,
         hour: 5,
         minute: 6
       }).setLocale(a.value);
-      let w;
-      return l.type === "datetime" || l.type === "date" ? w = b.toFormat("D") : w = b.toFormat("t"), w.replace("2000", "YYYY").replace("20", "YY").replace("04", "MM").replace("4", "M").replace("03", "DD").replace("3", "D").replace("05", "HH").replace("5", "H").replace("06", "mm").replace("6", "m").replace("AM", "A").trim();
-    }), h = I(null);
+      let y;
+      return l.type === "datetime" || l.type === "date" ? y = h.toFormat("D") : y = h.toFormat("t"), y.replace("2000", "YYYY").replace("20", "YY").replace("04", "MM").replace("4", "M").replace("03", "DD").replace("3", "D").replace("05", "HH").replace("5", "H").replace("06", "mm").replace("6", "m").replace("AM", "A").trim();
+    }), b = I(null);
     return o({
       focus() {
-        var b;
-        (b = h.value) == null || b.focus();
+        var h;
+        (h = b.value) == null || h.focus();
       }
-    }), (b, w) => b.type === "time" ? (u(), V(p(Le), {
+    }), (h, y) => h.type === "time" ? (u(), V(p(Le), {
       key: 0,
       modelValue: d.value,
-      "onUpdate:modelValue": w[1] || (w[1] = (T) => d.value = T),
+      "onUpdate:modelValue": y[1] || (y[1] = (T) => d.value = T),
       modelModifiers: { string: !0 },
       locale: p(a),
       is24hr: p(a) !== "en-US",
-      mode: b.type,
-      "is-required": b.required,
+      mode: h.type,
+      "is-required": h.required,
       "update-on-input": !1,
       masks: { modelValue: "HH:mm", input: n.value },
       color: "primary",
@@ -726,30 +726,30 @@ const Pe = /* @__PURE__ */ me(Gl, [["__scopeId", "data-v-d680bbf4"]]), Wl = /* @
       popover: c.value
     }, {
       default: P(({ inputValue: T, inputEvents: E }) => [
-        C(Pe, re(b.$attrs, {
+        C(Pe, re(h.$attrs, {
           ref_key: "input",
-          ref: h,
+          ref: b,
           date: T,
           events: E,
-          type: b.type,
+          type: h.type,
           placeholder: r.value,
-          required: b.required,
-          disabled: b.disabled,
-          onClear: w[0] || (w[0] = ($) => d.value = null)
+          required: h.required,
+          disabled: h.disabled,
+          onClear: y[0] || (y[0] = ($) => d.value = null)
         }), null, 16, ["date", "events", "type", "placeholder", "required", "disabled"])
       ]),
       _: 1
     }, 8, ["modelValue", "locale", "is24hr", "mode", "is-required", "masks", "popover"])) : (u(), V(p(Le), {
       key: 1,
       modelValue: d.value,
-      "onUpdate:modelValue": w[3] || (w[3] = (T) => d.value = T),
+      "onUpdate:modelValue": y[3] || (y[3] = (T) => d.value = T),
       locale: p(a),
       is24hr: p(a) !== "en-US",
       timezone: s.value,
-      mode: b.type,
-      "min-date": b.min,
-      "max-date": b.max,
-      "is-required": b.required,
+      mode: h.type,
+      "min-date": h.min,
+      "max-date": h.max,
+      "is-required": h.required,
       "update-on-input": !1,
       masks: { L: n.value },
       color: "primary",
@@ -758,16 +758,16 @@ const Pe = /* @__PURE__ */ me(Gl, [["__scopeId", "data-v-d680bbf4"]]), Wl = /* @
       popover: c.value
     }, {
       default: P(({ inputValue: T, inputEvents: E }) => [
-        C(Pe, re(b.$attrs, {
+        C(Pe, re(h.$attrs, {
           ref_key: "input",
-          ref: h,
+          ref: b,
           date: T,
           events: E,
-          type: b.type,
+          type: h.type,
           placeholder: r.value,
-          required: b.required,
-          disabled: b.disabled,
-          onClear: w[2] || (w[2] = ($) => d.value = null),
+          required: h.required,
+          disabled: h.disabled,
+          onClear: y[2] || (y[2] = ($) => d.value = null),
           onReset: m
         }), null, 16, ["date", "events", "type", "placeholder", "required", "disabled"])
       ]),
@@ -841,8 +841,8 @@ const Ql = [
       set: (n) => e("update:value", n || l.min)
     });
     Y(r, (n) => a(() => {
-      const h = Math.max(Math.min(n, l.max), l.min);
-      r.value = l.enforceStep ? Math.ceil(h / l.step) * l.step : h;
+      const b = Math.max(Math.min(n, l.max), l.min);
+      r.value = l.enforceStep ? Math.ceil(b / l.step) * l.step : b;
     }));
     const c = A(() => {
       let n = (r.value - l.min) / (l.max - l.min) * 100;
@@ -855,14 +855,14 @@ const Ql = [
       }
     });
     const k = I(!1);
-    return (n, h) => m.value ? (u(), g("div", oe(re({ key: 0 }, n.$attrs)), [
+    return (n, b) => m.value ? (u(), g("div", oe(re({ key: 0 }, n.$attrs)), [
       f("div", Yl, [
         f("span", {
           class: _(["cl-border cl-border-transparent cl-leading-6 cl-mr-1 cl-px-2 cl-rounded-full cl-select-none cl-shadow cl-text-center cl-text-xs", {
             "cl-bg-white cl-cursor-pointer hover:cl-border-grey-1": !n.disabled,
             "cl-bg-grey-0": n.disabled
           }]),
-          onClick: h[0] || (h[0] = (b) => r.value = n.disabled ? r.value : n.min)
+          onClick: b[0] || (b[0] = (h) => r.value = n.disabled ? r.value : n.min)
         }, S(p(s)(n.min, Number.isInteger(n.min) ? p(le).INTEGER : p(le).DECIMAL)), 3),
         typeof r.value == "number" ? (u(), g("div", Jl, [
           k.value ? (u(), V(p(ie), {
@@ -870,7 +870,7 @@ const Ql = [
             ref_key: "sliderRef",
             ref: i,
             modelValue: r.value,
-            "onUpdate:modelValue": h[1] || (h[1] = (b) => r.value = b),
+            "onUpdate:modelValue": b[1] || (b[1] = (h) => r.value = h),
             class: "cl-min-w-[8.5rem] cl-w-full",
             "input-type": "number",
             min: n.min,
@@ -881,7 +881,7 @@ const Ql = [
             F(f("input", {
               ref_key: "sliderRef",
               ref: i,
-              "onUpdate:modelValue": h[2] || (h[2] = (b) => r.value = b),
+              "onUpdate:modelValue": b[2] || (b[2] = (h) => r.value = h),
               class: "cl-align-middle cl-appearance-none cl-border cl-border-grey-2 cl-delay-500 cl-ease-in cl-flex-1 cl-h-5 cl-min-w-[8.5rem] cl-outline-none cl-rounded-full cl-transition-colors cl-w-full",
               type: "range",
               min: n.min,
@@ -904,13 +904,13 @@ const Ql = [
             "cl-bg-white cl-cursor-pointer hover:cl-border-grey-1": !n.disabled,
             "cl-bg-grey-0": n.disabled
           }]),
-          onClick: h[3] || (h[3] = (b) => r.value = n.disabled ? r.value : n.max)
+          onClick: b[3] || (b[3] = (h) => r.value = n.disabled ? r.value : n.max)
         }, S(p(s)(n.max, Number.isInteger(n.max) ? p(le).INTEGER : p(le).DECIMAL)), 3),
         f("div", lt, [
           f("div", tt, [
             C(p(U), {
               icon: "ph:arrows-left-right-thin",
-              onClick: h[4] || (h[4] = (b) => k.value = !k.value)
+              onClick: b[4] || (b[4] = (h) => k.value = !k.value)
             })
           ])
         ])
@@ -1032,8 +1032,8 @@ const it = { class: "cl-flex cl-justify-between" }, ct = { class: "cl-w-full" },
       set: (v) => M(v, !1)
     }), k = A({
       get: () => l.modelValue,
-      set: (v) => y(v)
-    }), n = A(() => typeof l.min == "number" ? l.min.toString() : l.min), h = A(() => typeof l.max == "number" ? l.max.toString() : l.max), b = A(() => typeof l.min == "number" || l.min === null ? l.min : parseFloat(l.min)), w = A(() => typeof l.max == "number" || l.max === null ? l.max : parseFloat(l.max)), T = A(() => l.messageWhenValid.trim() !== "" ? l.messageWhenValid : ""), E = I(!0), $ = I(!0), z = I([]), q = A(() => {
+      set: (v) => w(v)
+    }), n = A(() => typeof l.min == "number" ? l.min.toString() : l.min), b = A(() => typeof l.max == "number" ? l.max.toString() : l.max), h = A(() => typeof l.min == "number" || l.min === null ? l.min : parseFloat(l.min)), y = A(() => typeof l.max == "number" || l.max === null ? l.max : parseFloat(l.max)), T = A(() => l.messageWhenValid.trim() !== "" ? l.messageWhenValid : ""), E = I(!0), $ = I(!0), z = I([]), q = A(() => {
       var v, R;
       return [
         ...((v = z.value) == null ? void 0 : v.filter((L) => ((L == null ? void 0 : L.length) ?? 0) > 0)) ?? [],
@@ -1041,7 +1041,7 @@ const it = { class: "cl-flex cl-justify-between" }, ct = { class: "cl-w-full" },
       ].join(`
 `);
     });
-    async function y(v) {
+    async function w(v) {
       l.validateOn === "input" && await G(v), e("update:model-value", v);
     }
     async function M(v, R) {
@@ -1104,7 +1104,7 @@ const it = { class: "cl-flex cl-justify-between" }, ct = { class: "cl-w-full" },
       var L;
       let v = !0;
       const R = i.value;
-      return d.value ? v = R : a.value && ((L = m.value) == null ? void 0 : L.toString().trim()) === "" && (v = !1), !l.hideRequiredAsterisk && v;
+      return d.value ? v = R : a.value && ((L = m.value) == null ? void 0 : L.toString().trim()) === "" && l.requiredText.trim() !== "" && (v = !1), !l.hideRequiredAsterisk && v;
     }
     async function ne(v) {
       const R = xe(v, l.inputType);
@@ -1228,7 +1228,7 @@ const it = { class: "cl-flex cl-justify-between" }, ct = { class: "cl-w-full" },
           type: p(rt)(v.inputType),
           "time-zone": v.timeZone,
           min: n.value,
-          max: h.value,
+          max: b.value,
           placeholder: r.value,
           onBlur: Q(be, ["self"]),
           onFocus: R[7] || (R[7] = (L) => e("focus"))
@@ -1238,8 +1238,8 @@ const it = { class: "cl-flex cl-justify-between" }, ct = { class: "cl-w-full" },
             ref: s,
             value: m.value,
             "onUpdate:value": R[8] || (R[8] = (L) => m.value = L),
-            min: b.value ?? 0,
-            max: w.value ?? 1e3,
+            min: h.value ?? 0,
+            max: y.value ?? 1e3,
             step: v.step,
             "enforce-step": !0,
             disabled: v.disabled,
@@ -1253,7 +1253,7 @@ const it = { class: "cl-flex cl-justify-between" }, ct = { class: "cl-w-full" },
     ], 16));
   }
 });
-const ie = /* @__PURE__ */ me(ht, [["__scopeId", "data-v-f3656320"]]), yt = { class: "cl-align-items-center cl-bg-black cl-bg-opacity-40 cl-bottom-0 cl-fixed cl-flex cl-h-full cl-justify-center cl-left-0 cl-right-0 cl-top-0 cl-w-full cl-z-40 xl:cl-h-screen" }, wt = ["onKeypress"], $t = { class: "cl-overflow-y-auto cl-overscroll-y-none cl-p-2 cl-w-full" }, el = /* @__PURE__ */ B({
+const ie = /* @__PURE__ */ me(ht, [["__scopeId", "data-v-e205e4b1"]]), yt = { class: "cl-align-items-center cl-bg-black cl-bg-opacity-40 cl-bottom-0 cl-fixed cl-flex cl-h-full cl-justify-center cl-left-0 cl-right-0 cl-top-0 cl-w-full cl-z-40 xl:cl-h-screen" }, wt = ["onKeypress"], $t = { class: "cl-overflow-y-auto cl-overscroll-y-none cl-p-2 cl-w-full" }, el = /* @__PURE__ */ B({
   inheritAttrs: !1,
   __name: "cl-ui-modal",
   props: {
@@ -1401,8 +1401,8 @@ const ie = /* @__PURE__ */ me(ht, [["__scopeId", "data-v-f3656320"]]), yt = { cl
           "cl-bg-primary-default cl-text-white cl-opacity-90": d.value && c.isCreateNewOption
         }]),
         onMousedown: a,
-        onMousemove: m[0] || (m[0] = (h) => i(!0)),
-        onMouseleave: m[1] || (m[1] = (h) => i(!1))
+        onMousemove: m[0] || (m[0] = (b) => i(!0)),
+        onMouseleave: m[1] || (m[1] = (b) => i(!1))
       }, [
         c.option !== null && ((k = c.option) == null ? void 0 : k.parentId) !== 0 && ((n = c.option) == null ? void 0 : n.parentId) !== void 0 ? (u(), g("div", Tt, S(s.value), 1)) : N("", !0),
         f("div", {
@@ -1448,11 +1448,11 @@ const ie = /* @__PURE__ */ me(ht, [["__scopeId", "data-v-f3656320"]]), yt = { cl
   },
   setup(t, { emit: o }) {
     const e = t, { t: l } = se(), s = I(""), d = I(!1), a = I(-1), i = A(() => d.value ? -1 : 0), r = I();
-    function c(y) {
-      (y === void 0 || (y == null ? void 0 : y.code.startsWith("Arrow")) === !1 && (y == null ? void 0 : y.code.startsWith("Control")) === !1 && (y == null ? void 0 : y.code.startsWith("Shift")) === !1 && (y == null ? void 0 : y.code.startsWith("Tab")) === !1 && (y == null ? void 0 : y.code) !== "Enter") && (o("search", s.value), a.value = -2);
+    function c(w) {
+      (w === void 0 || (w == null ? void 0 : w.code.startsWith("Arrow")) === !1 && (w == null ? void 0 : w.code.startsWith("Control")) === !1 && (w == null ? void 0 : w.code.startsWith("Shift")) === !1 && (w == null ? void 0 : w.code.startsWith("Tab")) === !1 && (w == null ? void 0 : w.code) !== "Enter") && (o("search", s.value), a.value = -2);
     }
-    function m(y) {
-      o("select-object", y);
+    function m(w) {
+      o("select-object", w);
     }
     function k() {
       o("create-object", s.value), n();
@@ -1460,58 +1460,58 @@ const ie = /* @__PURE__ */ me(ht, [["__scopeId", "data-v-f3656320"]]), yt = { cl
     function n() {
       o("hide-dropdown");
     }
-    function h(y) {
-      a.value < e.results.length - 1 ? (a.value === -2 && s.value === "" && a.value++, a.value++) : a.value = y, E();
+    function b(w) {
+      a.value < e.results.length - 1 ? (a.value === -2 && s.value === "" && a.value++, a.value++) : a.value = w, E();
     }
-    function b(y) {
-      a.value > y ? a.value-- : a.value = e.results.length - 1, E();
+    function h(w) {
+      a.value > w ? a.value-- : a.value = e.results.length - 1, E();
     }
-    function w() {
+    function y() {
       a.value >= 0 && e.results !== void 0 ? m(e.results[a.value].id) : a.value === -1 && k();
     }
-    function T(y) {
-      if (y.key === "Tab" && y.shiftKey === !0) {
+    function T(w) {
+      if (w.key === "Tab" && w.shiftKey === !0) {
         const M = document.getElementsByTagName("input");
         let G = -1;
         for (let K = 0; K < M.length; K++)
-          M[K] === y.target && (G = K - 1);
+          M[K] === w.target && (G = K - 1);
         G >= 0 && (M[G].focus(), n());
       }
     }
     function E() {
-      var y;
-      e.results && e.results.length > 1 && ((y = r.value) == null || y.scrollTo(0, (a.value + 1) * 34 - 34 * 2));
+      var w;
+      e.results && e.results.length > 1 && ((w = r.value) == null || w.scrollTo(0, (a.value + 1) * 34 - 34 * 2));
     }
     function $() {
-      let y = !1;
-      e.results !== null && e.results.length === 1 && (y = s.value.toUpperCase().trim() === e.results[0].name.toUpperCase().trim()), d.value = e.canCreateNewObject === !0 && e.errorMessage === "" && s.value.trim() !== "" && y === !1;
+      let w = !1;
+      e.results !== null && e.results.length === 1 && (w = s.value.toUpperCase().trim() === e.results[0].name.toUpperCase().trim()), d.value = e.canCreateNewObject === !0 && e.errorMessage === "" && s.value.trim() !== "" && w === !1;
     }
-    function z(y) {
-      a.value = y;
+    function z(w) {
+      a.value = w;
     }
     function q() {
       e.isVisible === !0 && (s.value = "", c(), Ce(() => {
-        var y, M;
-        return (M = (y = r.value) == null ? void 0 : y.querySelector("input")) == null ? void 0 : M.focus();
+        var w, M;
+        return (M = (w = r.value) == null ? void 0 : w.querySelector("input")) == null ? void 0 : M.focus();
       }));
     }
     return Y(() => e.results, () => $()), Y(() => e.errorMessage, () => $()), Y(() => e.isVisible, () => q()), Ae(() => {
-      var y;
-      return (y = r.value) == null ? void 0 : y.addEventListener("keydown", T);
+      var w;
+      return (w = r.value) == null ? void 0 : w.addEventListener("keydown", T);
     }), ze(() => {
-      var y;
-      return (y = r.value) == null ? void 0 : y.removeEventListener("keydown", T);
-    }), (y, M) => {
+      var w;
+      return (w = r.value) == null ? void 0 : w.removeEventListener("keydown", T);
+    }), (w, M) => {
       var G;
       return u(), g("div", {
         ref_key: "container",
         ref: r,
         class: "cl-absolute cl-bg-white cl-border cl-border-collapse cl-border-grey-0 cl-h-52 cl-overflow-y-auto cl-overscroll-y-none cl-rounded cl-text-sm cl-w-full cl-z-20",
         onKeydown: [
-          M[2] || (M[2] = ke(Q((K) => b(i.value), ["prevent", "stop"]), ["up"])),
-          M[3] || (M[3] = ke(Q((K) => h(i.value), ["prevent", "stop"]), ["down"]))
+          M[2] || (M[2] = ke(Q((K) => h(i.value), ["prevent", "stop"]), ["up"])),
+          M[3] || (M[3] = ke(Q((K) => b(i.value), ["prevent", "stop"]), ["down"]))
         ],
-        onKeyup: ke(Q(w, ["prevent", "stop"]), ["enter"])
+        onKeyup: ke(Q(y, ["prevent", "stop"]), ["enter"])
       }, [
         f("div", Et, [
           C(ie, {
@@ -1519,47 +1519,47 @@ const ie = /* @__PURE__ */ me(ht, [["__scopeId", "data-v-f3656320"]]), yt = { cl
             "onUpdate:modelValue": M[0] || (M[0] = (K) => s.value = K),
             class: "!cl-mr-0 cl-w-full",
             "input-type": "text",
-            "placeholder-text": y.searchHint,
+            "placeholder-text": w.searchHint,
             onKeyup: c,
             onBlur: n
           }, null, 8, ["modelValue", "placeholder-text"]),
           F(C(Ie, { class: "cl-absolute cl-ml-2 cl-mt-11" }, null, 512), [
-            [Z, y.loading]
+            [Z, w.loading]
           ])
         ]),
-        y.currentObjectName !== "" ? (u(), V(Oe, {
+        w.currentObjectName !== "" ? (u(), V(Oe, {
           key: 0,
-          "show-clear-button": y.canClearSelectedObject,
-          text: y.currentObjectName,
-          onClearObject: M[1] || (M[1] = (K) => y.$emit("clear-object"))
+          "show-clear-button": w.canClearSelectedObject,
+          text: w.currentObjectName,
+          onClearObject: M[1] || (M[1] = (K) => w.$emit("clear-object"))
         }, null, 8, ["show-clear-button", "text"])) : N("", !0),
-        y.objectParentType !== "" && y.results !== void 0 && y.results.length > 0 && y.errorMessage === "" ? (u(), V(Oe, {
+        w.objectParentType !== "" && w.results !== void 0 && w.results.length > 0 && w.errorMessage === "" ? (u(), V(Oe, {
           key: 1,
-          text: y.objectType,
-          "additional-text": y.objectParentType,
+          text: w.objectType,
+          "additional-text": w.objectParentType,
           class: "cl-bg-grey-2 cl-mt-1"
         }, null, 8, ["text", "additional-text"])) : N("", !0),
-        y.results !== null && ((G = y.results) == null ? void 0 : G.length) === 0 && s.value.trim() !== "" && y.canCreateNewObject === !1 && y.errorMessage === "" ? (u(), V(Oe, {
+        w.results !== null && ((G = w.results) == null ? void 0 : G.length) === 0 && s.value.trim() !== "" && w.canCreateNewObject === !1 && w.errorMessage === "" ? (u(), V(Oe, {
           key: 2,
           text: p(l)("comboBox.noResults", { value: s.value })
         }, null, 8, ["text"])) : N("", !0),
-        y.errorMessage !== "" ? (u(), V(Oe, {
+        w.errorMessage !== "" ? (u(), V(Oe, {
           key: 3,
           class: "!cl-bg-danger-light cl-border-danger-light cl-rounded cl-text-danger-dark",
-          text: p(l)("comboBox.errorMessage", { error: y.errorMessage })
+          text: p(l)("comboBox.errorMessage", { error: w.errorMessage })
         }, null, 8, ["text"])) : N("", !0),
         d.value ? (u(), V(Ze, {
           key: 4,
           "is-create-new-option": !0,
-          text: p(l)("comboBox.addPrompt", { value: s.value, object: y.objectType }),
+          text: p(l)("comboBox.addPrompt", { value: s.value, object: w.objectType }),
           index: -1,
           "selected-index": a.value,
           class: "cl-px-2",
           onCreateObject: k,
           onOptionHighlighted: z
         }, null, 8, ["text", "selected-index"])) : N("", !0),
-        y.errorMessage === "" && y.results !== null ? (u(), g("div", qt, [
-          (u(!0), g(D, null, ee(y.results, (K, ue) => (u(), V(Ze, {
+        w.errorMessage === "" && w.results !== null ? (u(), g("div", qt, [
+          (u(!0), g(D, null, ee(w.results, (K, ue) => (u(), V(Ze, {
             key: ue,
             option: K,
             index: ue,
@@ -1603,7 +1603,7 @@ const ie = /* @__PURE__ */ me(ht, [["__scopeId", "data-v-f3656320"]]), yt = { cl
     const l = t, s = A(() => l.placeholderText ? l.placeholderText : a("comboBox.emptyHintText", { object: l.objectType })), d = A(() => l.searchHint ? l.searchHint : a("comboBox.searchHint", { object: l.objectType })), { t: a } = se(), i = I(!1), r = A({
       get: () => l.currentObject,
       set: (O) => e("update:current-object", O)
-    }), c = I(null), m = I(null), k = A(() => ye()), n = I(""), h = I(""), b = I(), w = I(!0), T = I(!1);
+    }), c = I(null), m = I(null), k = A(() => ye()), n = I(""), b = I(""), h = I(), y = I(!0), T = I(!1);
     function E(O) {
       var ne, W;
       const x = ((ne = we.value) == null ? void 0 : ne.getBoundingClientRect().top) || 0;
@@ -1613,12 +1613,12 @@ const ie = /* @__PURE__ */ me(ht, [["__scopeId", "data-v-f3656320"]]), yt = { cl
       n.value = O, e("search", O);
     }
     function z(O) {
-      h.value = O, e("search-parent", O);
+      b.value = O, e("search-parent", O);
     }
     function q() {
       r.value = null, E(!1);
     }
-    function y(O) {
+    function w(O) {
       const x = M(O);
       r.value = x, E(!1);
     }
@@ -1635,16 +1635,16 @@ const ie = /* @__PURE__ */ me(ht, [["__scopeId", "data-v-f3656320"]]), yt = { cl
     }
     function G() {
       var O;
-      b.value = {
+      h.value = {
         name: n.value,
         parentId: ((O = m.value) == null ? void 0 : O.id) ?? 0
-      }, e("create-object", b.value);
+      }, e("create-object", h.value);
     }
     function K() {
-      b.value = {
-        name: h.value,
+      h.value = {
+        name: b.value,
         parentId: 0
-      }, e("create-parent-object", b.value);
+      }, e("create-parent-object", h.value);
     }
     function ue() {
       var O, x;
@@ -1682,7 +1682,7 @@ const ie = /* @__PURE__ */ me(ht, [["__scopeId", "data-v-f3656320"]]), yt = { cl
     }
     function be() {
       let O = !0;
-      n.value === "" && (O = !1), l.objectParentType !== "" && m.value === null && (O = !1), w.value = O;
+      n.value === "" && (O = !1), l.objectParentType !== "" && m.value === null && (O = !1), y.value = O;
     }
     Y(() => l.objectCreatedResponse, () => ue()), Y(() => l.parentObjectCreatedResponse, () => Ne()), Y(() => n.value, () => be()), Y(() => m.value, () => be()), o({
       focus() {
@@ -1770,7 +1770,7 @@ const ie = /* @__PURE__ */ me(ht, [["__scopeId", "data-v-f3656320"]]), yt = { cl
               }),
               "search-hint": d.value,
               onCreateObject: W,
-              onSelectObject: y,
+              onSelectObject: w,
               onClearObject: q,
               onSearch: $
             }, null, 8, ["can-create-new-object", "can-clear-selected-object", "loading", "results", "object-type", "object-parent-type", "error-message", "current-object-name", "is-visible", "class", "search-hint", "onCreateObject"]), [
@@ -1793,7 +1793,7 @@ const ie = /* @__PURE__ */ me(ht, [["__scopeId", "data-v-f3656320"]]), yt = { cl
               C(ge, {
                 colour: "primary",
                 size: "small",
-                disabled: !w.value,
+                disabled: !y.value,
                 onClick: (v) => {
                   G(), W();
                 }
@@ -2143,27 +2143,27 @@ const Gt = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, Wt = { class: "cl-gap-1
     function a(n) {
       s.value.index !== -1 && s.value.index !== n && d(), s.value.index = n;
     }
-    function i(n, h) {
-      a(n), h.field !== void 0 && (s.value.record[h.field] = h.value);
+    function i(n, b) {
+      a(n), b.field !== void 0 && (s.value.record[b.field] = b.value);
     }
     function r(n) {
       if (n !== void 0) {
-        const { [n]: h, ...b } = s.value.record;
+        const { [n]: b, ...h } = s.value.record;
         s.value.record = {
-          ...b
+          ...h
         };
       }
     }
     const c = I({});
     Y(() => e.data, () => {
-      var n, h;
-      return c.value = Object.fromEntries(((h = (n = e.data) == null ? void 0 : n.results) == null ? void 0 : h.map((b, w) => [
-        [w],
+      var n, b;
+      return c.value = Object.fromEntries(((b = (n = e.data) == null ? void 0 : n.results) == null ? void 0 : b.map((h, y) => [
+        [y],
         {
           count: 0,
           target: null,
           reset: Qe(() => {
-            c.value[w] && (c.value[w].count = 0, c.value[w].target = null);
+            c.value[y] && (c.value[y].count = 0, c.value[y].target = null);
           }, 2500, { immediate: !1 })
         }
       ])) ?? []);
@@ -2171,21 +2171,21 @@ const Gt = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, Wt = { class: "cl-gap-1
       deep: !0,
       immediate: !0
     });
-    function m(n, h, b) {
-      const { currentTarget: w } = b;
-      e.options.rowSelectionEnabled ? (k(w), o("row-select", h)) : (c.value[n].count++, c.value[n].target = w, c.value[n].count > 1 ? (c.value[n].reset.stop(), c.value[n].count = 0, k(w), c.value[n].target = null, o("row-select", h)) : c.value[n].reset.start());
+    function m(n, b, h) {
+      const { currentTarget: y } = h;
+      e.options.rowSelectionEnabled ? (k(y), o("row-select", b)) : (c.value[n].count++, c.value[n].target = y, c.value[n].count > 1 ? (c.value[n].reset.stop(), c.value[n].count = 0, k(y), c.value[n].target = null, o("row-select", b)) : c.value[n].reset.start());
     }
     function k(n) {
       e.options.highlightRowSelection && (n == null || n.classList.toggle("!cl-bg-link-lighter"));
     }
     return Y(() => e.editMode, () => {
       e.editMode || (d(), s.value.index = -1);
-    }), (n, h) => {
-      var b;
+    }), (n, b) => {
+      var h;
       return u(), g("tbody", null, [
-        n.data && ((b = n.data.results) != null && b.length) ? (u(!0), g(D, { key: 0 }, ee(n.data.results, (w, T) => (u(), V(ao, {
+        n.data && ((h = n.data.results) != null && h.length) ? (u(!0), g(D, { key: 0 }, ee(n.data.results, (y, T) => (u(), V(ao, {
           key: T,
-          data: w,
+          data: y,
           columns: n.columns,
           "time-zone": n.timeZone,
           "edit-mode": n.editMode,
@@ -2195,7 +2195,7 @@ const Gt = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, Wt = { class: "cl-gap-1
             "cl-cursor-pointer hover:cl-bg-link-lighter": n.options.rowSelectionEnabled && n.options.highlightRowSelection && !n.editMode
           }]),
           onClick: (E) => {
-            n.editMode || m(T, w, E);
+            n.editMode || m(T, y, E);
           },
           onCellFocus: (E) => {
             a(T);
@@ -2217,12 +2217,12 @@ const Gt = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, Wt = { class: "cl-gap-1
           }, [
             f("div", co, [
               f("strong", uo, S(p(l)("grid.noData")), 1),
-              n.request.filters.some((w) => w.filterValue !== "") ? (u(), g("div", po, [
+              n.request.filters.some((y) => y.filterValue !== "") ? (u(), g("div", po, [
                 f("div", fo, S(p(l)("grid.noDataFiltersPresent")), 1),
                 C(ge, {
                   size: "small",
                   colour: "danger",
-                  onClick: h[0] || (h[0] = Q((w) => n.$emit("clear-filters"), ["prevent"]))
+                  onClick: b[0] || (b[0] = Q((y) => n.$emit("clear-filters"), ["prevent"]))
                 }, {
                   default: P(() => [
                     te(S(p(l)("grid.clearFilters")), 1)
@@ -2254,20 +2254,20 @@ const Gt = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, Wt = { class: "cl-gap-1
       return e.data !== null ? Math.ceil((((n = e.data) == null ? void 0 : n.totalRecords) ?? 0) / e.request.pageSize) : 1;
     }), a = A(() => {
       const n = Array.from(Array(d.value + 1).keys());
-      let h = [];
+      let b = [];
       if (n.shift(), n.length) {
-        const b = e.request.pageNumber === d.value || e.request.pageNumber === d.value - 1 ? d.value - 3 : e.request.pageNumber - 1;
-        h = n.slice(b, b + 3);
+        const h = e.request.pageNumber === d.value || e.request.pageNumber === d.value - 1 ? d.value - 3 : e.request.pageNumber - 1;
+        b = n.slice(h, h + 3);
       }
-      return h;
+      return b;
     });
     function i(n) {
-      const h = ce(e.request);
-      h.pageNumber !== n && (h.pageNumber = Math.max(Math.min(Math.trunc(n), d.value), 1), o("update:request", h));
+      const b = ce(e.request);
+      b.pageNumber !== n && (b.pageNumber = Math.max(Math.min(Math.trunc(n), d.value), 1), o("update:request", b));
     }
     function r(n) {
-      const h = parseInt(n == null ? void 0 : n.value) || 1;
-      i(h);
+      const b = parseInt(n == null ? void 0 : n.value) || 1;
+      i(b);
     }
     const c = [
       5,
@@ -2278,13 +2278,13 @@ const Gt = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, Wt = { class: "cl-gap-1
       200
     ];
     function m(n) {
-      const h = ce(e.request);
-      h.pageSize = n, h.pageNumber = 1, o("update:request", h);
+      const b = ce(e.request);
+      b.pageSize = n, b.pageNumber = 1, o("update:request", b);
     }
     const k = Ye(r, 750);
-    return (n, h) => {
-      var b, w;
-      return (w = (b = n.data) == null ? void 0 : b.results) != null && w.length && n.request ? (u(), g("div", go, [
+    return (n, b) => {
+      var h, y;
+      return (y = (h = n.data) == null ? void 0 : h.results) != null && y.length && n.request ? (u(), g("div", go, [
         f("div", vo, [
           f("span", bo, S(p(s)("grid.jumpToPage")), 1),
           C(ie, {
@@ -2295,7 +2295,7 @@ const Gt = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, Wt = { class: "cl-gap-1
             "show-label": !1,
             min: "1",
             max: d.value,
-            onInput: h[0] || (h[0] = (T) => p(k)(T.target))
+            onInput: b[0] || (b[0] = (T) => p(k)(T.target))
           }, null, 8, ["model-value", "max"])
         ]),
         f("div", ho, [
@@ -2307,7 +2307,7 @@ const Gt = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, Wt = { class: "cl-gap-1
               f("li", Co, S(p(l)(n.request.pageNumber, p(le).INTEGER)) + " / " + S(p(l)(d.value, p(le).INTEGER)), 1),
               F(f("li", {
                 class: "cl-cursor-pointer cl-mr-1 cl-mt-1 lg:cl-mr-2",
-                onClick: h[1] || (h[1] = (T) => i(1))
+                onClick: b[1] || (b[1] = (T) => i(1))
               }, [
                 C(p(U), {
                   icon: "ph:caret-double-left",
@@ -2318,7 +2318,7 @@ const Gt = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, Wt = { class: "cl-gap-1
               ]),
               F(f("li", {
                 class: "cl-cursor-pointer cl-mt-1 lg:cl-mr-2 mr-1",
-                onClick: h[2] || (h[2] = (T) => i(n.request.pageNumber - 1))
+                onClick: b[2] || (b[2] = (T) => i(n.request.pageNumber - 1))
               }, [
                 C(p(U), {
                   icon: "ph:caret-left",
@@ -2337,7 +2337,7 @@ const Gt = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, Wt = { class: "cl-gap-1
               }, S(p(l)(T, p(le).INTEGER)), 11, To))), 128)),
               F(f("li", {
                 class: "cl-cursor-pointer cl-mr-1 cl-mt-1 lg:cl-mr-2",
-                onClick: h[3] || (h[3] = (T) => i(n.request.pageNumber + 1))
+                onClick: b[3] || (b[3] = (T) => i(n.request.pageNumber + 1))
               }, [
                 C(p(U), {
                   icon: "ph:caret-right",
@@ -2348,7 +2348,7 @@ const Gt = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, Wt = { class: "cl-gap-1
               ]),
               F(f("li", {
                 class: "cl-cursor-pointer cl-mr-1 cl-mt-1 lg:cl-mr-2",
-                onClick: h[4] || (h[4] = (T) => i(d.value))
+                onClick: b[4] || (b[4] = (T) => i(d.value))
               }, [
                 C(p(U), {
                   icon: "ph:caret-double-right",
@@ -2657,11 +2657,11 @@ const Lo = {
       set: ($) => o("update:filter", $)
     }), i = A(() => e.column.type === "date" || e.column.type === "datetime" || e.column.type === "slot" && (e.column.slotType === "date" || e.column.slotType === "datetime")), r = A(() => e.column.type === "list" || e.column.type === "slot" && e.column.slotType === "list"), c = A(() => r.value && e.column.listType === "number"), m = A({
       get() {
-        var z, q, y, M;
+        var z, q, w, M;
         let $ = (z = a.value) == null ? void 0 : z[0];
         if ($ && i.value) {
           if ((((q = e.filter) == null ? void 0 : q.length) ?? 0) > 1) {
-            const G = (y = a.value) == null ? void 0 : y.find((ue) => ue.filterOperation === X.EQUAL_OR_GREATER_THAN), K = (M = a.value) == null ? void 0 : M.find((ue) => ue.filterOperation === X.LESS_THAN);
+            const G = (w = a.value) == null ? void 0 : w.find((ue) => ue.filterOperation === X.EQUAL_OR_GREATER_THAN), K = (M = a.value) == null ? void 0 : M.find((ue) => ue.filterOperation === X.LESS_THAN);
             G && K && ($ = {
               filterOnColumn: e.column.field,
               filterOperation: X.EQUAL,
@@ -2688,7 +2688,7 @@ const Lo = {
           let q = H.fromISO($.filterValue, {
             zone: e.timeZone ?? "UTC"
           }).set({ second: 0, millisecond: 0 });
-          const y = q.toISO();
+          const w = q.toISO();
           e.column.type === "date" || e.column.type === "slot" && e.column.slotType === "date" ? q = q.plus({ days: 1 }) : q = q.plus({ minutes: 1 });
           const M = q.toISO();
           z = [
@@ -2696,7 +2696,7 @@ const Lo = {
               filterOnColumn: e.column.field,
               filterOperation: X.EQUAL_OR_GREATER_THAN,
               filterMethod: "equalorgreaterthan",
-              filterValue: y
+              filterValue: w
             },
             {
               filterOnColumn: e.column.field,
@@ -2731,13 +2731,13 @@ const Lo = {
     const n = A(() => {
       var $;
       return (($ = m.value) == null ? void 0 : $.filterValue) ?? "";
-    }), h = A(() => n.value === "" ? null : n.value), b = A(() => Intl.NumberFormat(l.value).format(1.1).replace(/[0-9]+/g, "")), w = A(() => Be(e.column));
+    }), b = A(() => n.value === "" ? null : n.value), h = A(() => Intl.NumberFormat(l.value).format(1.1).replace(/[0-9]+/g, "")), y = A(() => Be(e.column));
     function T($, z) {
       var G;
-      let q, y = !1;
+      let q, w = !1;
       const M = (($ == null ? void 0 : $.value) ?? z).trim();
       if (m.value)
-        y = ((G = m.value) == null ? void 0 : G.filterValue) === M, q = ce(m.value), q.filterValue = M;
+        w = ((G = m.value) == null ? void 0 : G.filterValue) === M, q = ce(m.value), q.filterValue = M;
       else if (M !== "" && typeof e.column.field < "u") {
         const K = d();
         q = {
@@ -2748,13 +2748,13 @@ const Lo = {
         };
       } else
         return;
-      y === !1 && (m.value = q);
+      w === !1 && (m.value = q);
     }
     function E($, z) {
-      let q, y = ($ == null ? void 0 : $.value) ?? z ?? 0;
-      e.column.format === le.INTEGER ? (typeof y == "string" && (y = parseInt(y)), q = Math.round(y)) : (typeof y == "string" && (y = parseFloat(y.replace(b.value, "."))), q = y), T(null, isNaN(q) ? "" : q.toString());
+      let q, w = ($ == null ? void 0 : $.value) ?? z ?? 0;
+      e.column.format === le.INTEGER ? (typeof w == "string" && (w = parseInt(w)), q = Math.round(w)) : (typeof w == "string" && (w = parseFloat(w.replace(h.value, "."))), q = w), T(null, isNaN(q) ? "" : q.toString());
     }
-    return ($, z) => w.value ? (u(), g("div", Wo, [
+    return ($, z) => y.value ? (u(), g("div", Wo, [
       $.column.type === "boolean" || $.column.slotType === "boolean" ? (u(), g("select", {
         key: 0,
         class: "!cl-h-[2rem] cl-border-none cl-mb-0 cl-rounded-md cl-w-full",
@@ -2771,7 +2771,7 @@ const Lo = {
         }, S(p(s)("grid.false")), 9, Yo)
       ], 32)) : $.column.type === "date" || $.column.type === "datetime" || $.column.slotType === "date" || $.column.slotType === "datetime" ? (u(), V(ie, {
         key: 1,
-        "model-value": h.value,
+        "model-value": b.value,
         class: "!cl-h-[2rem] !cl-text-xs cl-border-none cl-mb-0 cl-w-full lg:!cl-text-base",
         label: $.column.caption,
         "show-label": !1,
@@ -2784,13 +2784,13 @@ const Lo = {
         class: "!cl-h-[2rem] !cl-text-xs cl-border-none cl-mb-0 cl-w-full lg:!cl-text-base",
         "input-type": "number",
         "show-arrows": !1,
-        onInput: z[2] || (z[2] = (q, y) => E(null, y))
+        onInput: z[2] || (z[2] = (q, w) => E(null, w))
       }, null, 8, ["model-value"])) : $.column.type === "string" || $.column.slotType === "string" ? (u(), V(ie, {
         key: 3,
         "model-value": n.value,
         class: "!cl-h-[2rem] !cl-text-xs cl-border-none cl-mb-0 cl-w-full lg:!cl-text-base",
         "input-type": "text",
-        onInput: z[3] || (z[3] = (q, y) => T(null, y))
+        onInput: z[3] || (z[3] = (q, w) => T(null, w))
       }, null, 8, ["model-value"])) : r.value ? (u(), g("select", {
         key: 4,
         class: "!cl-h-[2rem] cl-border-none cl-mb-0 cl-rounded-md cl-w-full",
@@ -2939,7 +2939,7 @@ const Lo = {
       m < r.length && m >= 0 && r.splice(m, 0, r.splice(c, 1)[0]);
     }
     function a(r, c) {
-      const m = ce(e.columns), k = (r == null ? void 0 : r.checked) ?? !1, n = m.findIndex((h) => h.name === c.name);
+      const m = ce(e.columns), k = (r == null ? void 0 : r.checked) ?? !1, n = m.findIndex((b) => b.name === c.name);
       n >= 0 && (m[n].visible = k), o("update:columns", m);
     }
     function i(r, c) {
@@ -3029,47 +3029,47 @@ const Lo = {
   setup(t, { emit: o }) {
     const e = t, l = A({
       get: () => e.columns,
-      set: (w) => o("update:columns", w)
-    }), s = A(() => l.value.filter((w) => w.visible ?? !0)), d = I({});
+      set: (y) => o("update:columns", y)
+    }), s = A(() => l.value.filter((y) => y.visible ?? !0)), d = I({});
     function a() {
-      const w = {};
+      const y = {};
       window.innerWidth >= 1024 && l.value.forEach((T) => {
         const E = T.width ? `${T.width}px` : "";
-        w[`${T.name}`] = `width: ${E}; min-width: ${E};`;
-      }), d.value = w;
+        y[`${T.name}`] = `width: ${E}; min-width: ${E};`;
+      }), d.value = y;
     }
-    function i(w) {
-      return d.value[w] ?? "";
+    function i(y) {
+      return d.value[y] ?? "";
     }
     Ae(() => {
       window.addEventListener("resize", a), a();
     }), ze(() => window.removeEventListener("resize", a));
     const r = A({
       get: () => e.request,
-      set: (w) => o("update:request", w)
+      set: (y) => o("update:request", y)
     });
     function c() {
-      const w = ce(r.value);
-      w.pageNumber = 1, w.filters = [], r.value = w;
+      const y = ce(r.value);
+      y.pageNumber = 1, y.filters = [], r.value = y;
     }
     const m = Ye(() => o("data-request"), 750);
     Y(r, m, {
       deep: !0,
       immediate: !0
     });
-    const k = A(() => e.data), n = I(!1), h = I(!1);
+    const k = A(() => e.data), n = I(!1), b = I(!1);
     Y(n, () => n.value ? o("edit-start") : o("edit-end"));
-    const b = A(() => ({
+    const h = A(() => ({
       highlightRowSelection: !0,
       ...e.options
     }));
-    return (w, T) => (u(), g("div", ks, [
+    return (y, T) => (u(), g("div", ks, [
       C(ve, { name: "fade" }, {
         default: P(() => [
           F(f("div", Cs, [
             C(Ie)
           ], 512), [
-            [Z, w.loading]
+            [Z, y.loading]
           ])
         ]),
         _: 1
@@ -3077,16 +3077,16 @@ const Lo = {
       C(Xt, {
         "edit-mode": n.value,
         "onUpdate:editMode": T[1] || (T[1] = (E) => n.value = E),
-        "filter-panel-open": h.value,
-        "onUpdate:filterPanelOpen": T[2] || (T[2] = (E) => h.value = E),
-        columns: w.columns,
-        options: b.value,
-        request: w.request,
-        loading: w.loading,
+        "filter-panel-open": b.value,
+        "onUpdate:filterPanelOpen": T[2] || (T[2] = (E) => b.value = E),
+        columns: y.columns,
+        options: h.value,
+        request: y.request,
+        loading: y.loading,
         onClearFilters: c
       }, {
         "additional-grid-actions": P((E) => [
-          j(w.$slots, "additional-grid-actions", oe(ae(E)))
+          j(y.$slots, "additional-grid-actions", oe(ae(E)))
         ]),
         "view-manager": P(() => [
           C($s, {
@@ -3099,7 +3099,7 @@ const Lo = {
       f("div", Ts, [
         f("table", {
           class: _(["cl-delay-75 cl-min-h-[276px] cl-overflow-x-auto cl-overscroll-x-none cl-text-left cl-transition-opacity cl-w-full", {
-            "cl-opacity-40": w.loading
+            "cl-opacity-40": y.loading
           }])
         }, [
           f("colgroup", Os, [
@@ -3112,28 +3112,28 @@ const Lo = {
           C(is, {
             request: r.value,
             "onUpdate:request": T[3] || (T[3] = (E) => r.value = E),
-            "filter-panel-open": h.value,
-            "onUpdate:filterPanelOpen": T[4] || (T[4] = (E) => h.value = E),
+            "filter-panel-open": b.value,
+            "onUpdate:filterPanelOpen": T[4] || (T[4] = (E) => b.value = E),
             columns: s.value,
-            options: b.value,
-            "time-zone": w.timeZone
+            options: h.value,
+            "time-zone": y.timeZone
           }, null, 8, ["request", "filter-panel-open", "columns", "options", "time-zone"]),
           C(mo, {
             columns: s.value,
             request: r.value,
             data: k.value,
-            "time-zone": w.timeZone,
-            loading: w.loading,
+            "time-zone": y.timeZone,
+            loading: y.loading,
             "edit-mode": n.value,
-            options: b.value,
+            options: h.value,
             onClearFilters: c,
-            onRowEdit: T[5] || (T[5] = (E) => w.$emit("row-edit", E)),
-            onRowSelect: T[6] || (T[6] = (E) => w.$emit("row-select", E))
+            onRowEdit: T[5] || (T[5] = (E) => y.$emit("row-edit", E)),
+            onRowSelect: T[6] || (T[6] = (E) => y.$emit("row-select", E))
           }, Ue({ _: 2 }, [
-            ee(w.$slots, (E, $) => ({
+            ee(y.$slots, (E, $) => ({
               name: $,
               fn: P((z) => [
-                j(w.$slots, $, oe(ae(z)))
+                j(y.$slots, $, oe(ae(z)))
               ])
             }))
           ]), 1032, ["columns", "request", "data", "time-zone", "loading", "edit-mode", "options"])
@@ -3142,7 +3142,7 @@ const Lo = {
       C(No, {
         request: r.value,
         "onUpdate:request": T[7] || (T[7] = (E) => r.value = E),
-        data: w.data
+        data: y.data
       }, null, 8, ["request", "data"])
     ]));
   }
@@ -3333,11 +3333,11 @@ const Bs = {
       o("update:errors", []);
     }
     function c(k, n) {
-      const h = {
+      const b = {
         valid: !0,
         message: ""
       };
-      return typeof n == "string" && n.trim() === "" && (h.valid = !1), h;
+      return typeof n == "string" && n.trim() === "" && (b.valid = !1), b;
     }
     function m(k, n) {
       a.value = k;
@@ -3369,7 +3369,7 @@ const Bs = {
               C(ie, {
                 id: "cl-ui-login-usernameinput",
                 modelValue: l.value,
-                "onUpdate:modelValue": n[0] || (n[0] = (h) => l.value = h),
+                "onUpdate:modelValue": n[0] || (n[0] = (b) => l.value = b),
                 modelModifiers: { trim: !0 },
                 class: "!cl-border-2 !cl-mb-1 cl-w-full",
                 "input-type": "email",
@@ -3399,7 +3399,7 @@ const Bs = {
                 class: "cl-absolute cl-cursor-pointer cl-right-4 cl-top-2.5 cl-z-10",
                 icon: "ph:eye",
                 size: 18,
-                onClick: n[1] || (n[1] = (h) => d.value = "text")
+                onClick: n[1] || (n[1] = (b) => d.value = "text")
               }, null, 512), [
                 [Z, d.value === "password"]
               ]),
@@ -3407,14 +3407,14 @@ const Bs = {
                 class: "cl-absolute cl-cursor-pointer cl-right-4 cl-top-2.5 cl-z-10",
                 icon: "ph:eye-slash",
                 size: 18,
-                onClick: n[2] || (n[2] = (h) => d.value = "password")
+                onClick: n[2] || (n[2] = (b) => d.value = "password")
               }, null, 512), [
                 [Z, d.value === "text"]
               ]),
               C(ie, {
                 id: "cl-ui-login-passwordinput",
                 modelValue: s.value,
-                "onUpdate:modelValue": n[3] || (n[3] = (h) => s.value = h),
+                "onUpdate:modelValue": n[3] || (n[3] = (b) => s.value = b),
                 class: "!cl-border-2 cl-w-full",
                 "input-type": d.value,
                 "highlight-when-valid": s.value !== void 0 && s.value !== "",
@@ -3451,16 +3451,16 @@ const Bs = {
         ], 2),
         C(ve, { name: "cl-grow-down" }, {
           default: P(() => {
-            var h;
+            var b;
             return [
               F(f("span", Js, [
-                (u(!0), g(D, null, ee(k.errors, (b, w) => (u(), g("div", {
+                (u(!0), g(D, null, ee(k.errors, (h, y) => (u(), g("div", {
                   id: "cl-ui-login-errors",
-                  key: w,
+                  key: y,
                   class: "cl-font-semibold"
-                }, S(b), 1))), 128))
+                }, S(h), 1))), 128))
               ], 512), [
-                [Z, (h = k.errors) == null ? void 0 : h.length]
+                [Z, (b = k.errors) == null ? void 0 : b.length]
               ])
             ];
           }),
@@ -3486,70 +3486,72 @@ const Bs = {
   props: {
     colour: { default: "default" }
   },
-  setup(t) {
-    const o = I([]), e = A(() => o.value.filter((n) => n.open === !0).length > 0);
-    function l(n) {
-      let h = o.value.find((b) => b.id === n);
+  setup(t, { expose: o }) {
+    const e = I([]), l = A(() => e.value.filter((b) => b.open === !0).length > 0);
+    function s(b) {
+      let h = e.value.find((y) => y.id === b);
       return h || (h = {
-        id: n,
+        id: b,
         open: !1
-      }, o.value.push(h)), h.open;
+      }, e.value.push(h)), h.open;
     }
-    function s(n) {
-      const h = o.value.find((b) => b.id === n);
-      h && (h.open = !h.open, o.value.forEach((b) => {
-        b.id !== n && (b.open = !1);
+    function d(b) {
+      const h = e.value.find((y) => y.id === b);
+      h && (h.open = !h.open, e.value.forEach((y) => {
+        y.id !== b && (y.open = !1);
       }));
     }
-    const d = dl();
+    const a = dl();
     Y(
-      () => d,
+      () => a,
       () => {
-        a.value = !1;
+        i.value = !1;
       },
       {
         deep: !0
       }
     );
-    const a = I(!1), i = I(!1), { start: r } = Qe(() => i.value = !1, 100);
-    function c() {
-      a.value = !a.value, i.value = !0, r();
+    const i = I(!1), r = I(!1), { start: c } = Qe(() => r.value = !1, 100);
+    function m() {
+      i.value = !i.value, r.value = !0, c();
     }
-    const m = I();
-    function k() {
-      a.value === !1 && e.value === !0 && o.value.forEach((n) => {
-        n.open = !1;
+    const k = I();
+    function n() {
+      i.value === !1 && l.value === !0 && e.value.forEach((b) => {
+        b.open = !1;
       });
     }
-    return Me(m, k), (n, h) => (u(), g("div", {
+    return Me(k, n), o({
+      closeNavigation: n
+    }), (b, h) => (u(), g("div", {
       ref_key: "navElement",
-      ref: m,
+      ref: k,
       class: "cl-flex cl-flex-nowrap cl-relative"
     }, [
       f("div", {
         id: "group-container",
         class: _(["cl-h-full cl-overflow-y-auto cl-overscroll-y-none cl-pb-20 cl-w-20 cl-z-40 xl:cl-pb-0", {
-          "cl-bg-primary-default": n.colour === "default",
-          "cl-bg-blue-dark": n.colour === "secondary"
+          "cl-bg-primary-default": b.colour === "default",
+          "cl-bg-blue-dark": b.colour === "secondary"
         }])
       }, [
-        j(n.$slots, "icon", re({ navcolour: n.colour }, { groupIsOpen: l, toggleOpen: s }), void 0, !0)
+        j(b.$slots, "icon", re({ navcolour: b.colour }, { groupIsOpen: s, toggleOpen: d }), void 0, !0)
       ], 2),
-      i.value ? (u(), g("div", tn)) : N("", !0),
+      r.value ? (u(), g("div", tn)) : N("", !0),
       C(ve, { name: "slide-right" }, {
         default: P(() => [
           F(f("div", {
             class: _(["cl-bg-grey-0 cl-border-grey-2 cl-border-r cl-duration-75 cl-h-full cl-min-w-[260px] cl-overflow-y-auto cl-overscroll-y-none cl-p-8 cl-pb-24 cl-top-0 cl-transition-shadow cl-w-[260px] cl-z-30 xl:cl-pb-0", {
-              "cl-relative": a.value,
-              "cl-absolute cl-left-20 cl-shadow-lg": !a.value
+              "cl-relative": i.value,
+              "cl-absolute cl-left-20 cl-shadow-lg": !i.value
             }])
           }, [
             f("div", on, [
               f("span", {
                 class: "cl-absolute cl-cursor-pointer cl-hidden cl-right-0 cl-top-1.5 lg:cl-block",
-                onClick: c
+                onClick: m
               }, [
-                a.value ? (u(), V(p(U), {
+                i.value ? (u(), V(p(U), {
                   key: 1,
                   icon: "ph:push-pin-slash"
                 })) : (u(), V(p(U), {
@@ -3557,10 +3559,10 @@ const Bs = {
                   icon: "ph:push-pin"
                 }))
               ]),
-              j(n.$slots, "default", oe(ae({ groupIsOpen: l })), void 0, !0)
+              j(b.$slots, "default", oe(ae({ groupIsOpen: s })), void 0, !0)
             ])
           ], 2), [
-            [Z, e.value]
+            [Z, l.value]
           ])
         ]),
         _: 3
@@ -3568,7 +3570,7 @@ const Bs = {
     ], 512));
   }
 });
-const nn = /* @__PURE__ */ me(sn, [["__scopeId", "data-v-971f01d8"]]), an = /* @__PURE__ */ B({
+const nn = /* @__PURE__ */ me(sn, [["__scopeId", "data-v-0958dcf5"]]), an = /* @__PURE__ */ B({
   __name: "cl-ui-navigation-icon",
   props: {
     iconValue: {},
@@ -3623,7 +3625,7 @@ function gn(t, o) {
     ])
   ]);
 }
-const vn = /* @__PURE__ */ me(dn, [["render", gn]]), bn = {}, hn = { class: "cl-cursor-pointer cl-transition-colors cl-w-full hover:cl-text-blue-light" };
+const vn = /* @__PURE__ */ me(dn, [["render", gn]]), bn = {}, hn = { class: "cl-cursor-pointer cl-transition-colors cl-w-full hover:cl-text-primary-darker" };
 function yn(t, o) {
   return u(), g("div", hn, [
     j(t.$slots, "default")