@citruslime/ui 2.4.1-beta.5 → 2.4.1-beta.6

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

@@ -1,8 +1,8 @@
 import { Icon as _ } from "@iconify/vue";
-import { defineComponent as M, ref as A, openBlock as c, createElementBlock as v, renderSlot as j, normalizeProps as le, guardReactiveProps as ne, Fragment as F, createElementVNode as p, normalizeClass as I, createVNode as k, unref as d, Transition as me, withCtx as P, withDirectives as L, mergeProps as se, vShow as H, createBlock as V, Teleport as Ie, renderList as Q, toDisplayString as T, createCommentVNode as N, nextTick as ge, toHandlers as tl, withModifiers as W, computed as S, watch as K, normalizeStyle as We, vModelText as ol, onMounted as Ae, vModelDynamic as nl, withKeys as we, onUnmounted as _e, resolveComponent as sl, createTextVNode as ee, watchEffect as al, createSlots as Re } from "vue";
+import { defineComponent as M, ref as A, openBlock as i, createElementBlock as v, renderSlot as j, normalizeProps as le, guardReactiveProps as ne, Fragment as F, createElementVNode as p, normalizeClass as I, createVNode as k, unref as d, Transition as me, withCtx as P, withDirectives as L, mergeProps as se, vShow as H, createBlock as V, Teleport as Ie, renderList as Q, toDisplayString as T, createCommentVNode as N, nextTick as ge, toHandlers as tl, withModifiers as W, computed as S, watch as K, normalizeStyle as We, vModelText as ol, onMounted as Ae, vModelDynamic as nl, withKeys as we, onUnmounted as _e, resolveComponent as sl, createTextVNode as ee, watchEffect as al, createSlots as Re } from "vue";
 import { generateStringId as rl } from "@citruslime/utils";
-import { onClickOutside as ze, useTimeoutFn as Ke, useDebounceFn as Qe, useWindowSize as il } from "@vueuse/core";
-import { createI18n as cl, useI18n as oe } from "vue-i18n";
+import { onClickOutside as ze, useTimeoutFn as Ke, useDebounceFn as Qe, useWindowSize as cl } from "@vueuse/core";
+import { createI18n as il, useI18n as oe } from "vue-i18n";
 import { DateTime as $e } from "luxon";
 import { DatePicker as Me } from "v-calendar";
 import { useDebouncer as ul, copy as re } from "@citruslime/vue-utils";
@@ -26,7 +26,7 @@ const dl = { class: "cl-overflow-hidden" }, pl = /* @__PURE__ */ M({
         a.id !== m && (a.open = !1);
       }), n.open = !n.open);
     }
-    return (m, n) => (c(), v("div", dl, [
+    return (m, n) => (i(), v("div", dl, [
       j(m.$slots, "default", le(ne({ isItemOpen: l, toggleItem: s })))
     ]));
   }
@@ -45,7 +45,7 @@ const dl = { class: "cl-overflow-hidden" }, pl = /* @__PURE__ */ M({
     function l() {
       e.disabled || o("toggle");
     }
-    return (s, m) => (c(), v(F, null, [
+    return (s, m) => (i(), v(F, null, [
       p("div", {
         class: I(["cl-border-b cl-border-grey-1 cl-relative", {
           "cl-bg-grey-0": s.disabled,
@@ -87,7 +87,7 @@ const dl = { class: "cl-overflow-hidden" }, pl = /* @__PURE__ */ M({
   return e;
 }, bl = {}, hl = { class: "cl-border-b cl-border-grey-1 cl-font-semibold cl-pl-14 cl-pr-4 cl-py-2 cl-text-grey-3 cl-text-sm" };
 function yl(t, o) {
-  return c(), v("div", hl, [
+  return i(), v("div", hl, [
     j(t.$slots, "default")
   ]);
 }
@@ -110,7 +110,7 @@ const $l = ["onClick"], kl = { class: "cl-flex-1 cl-select-none cl-text-ellipsis
     position: { default: "top-right" }
   },
   setup(t) {
-    return (o, e) => (c(), V(Ie, { to: o.container }, [
+    return (o, e) => (i(), V(Ie, { to: o.container }, [
       p("div", {
         class: I(["cl-fixed cl-w-80 cl-z-40", {
           "cl-top-5 cl-left-5": o.position === "top-left",
@@ -121,7 +121,7 @@ const $l = ["onClick"], kl = { class: "cl-flex-1 cl-select-none cl-text-ellipsis
           "cl-bottom-5 cl-right-5": o.position === "bottom-right"
         }])
       }, [
-        (c(!0), v(F, null, Q(d(qe), (l, s) => (c(), v("div", se(o.$attrs, {
+        (i(!0), v(F, null, Q(d(qe), (l, s) => (i(), v("div", se(o.$attrs, {
           key: s,
           class: ["cl-break-words cl-cursor-pointer cl-flex cl-font-semibold cl-group cl-mb-2 cl-overflow-hidden cl-p-4 cl-rounded cl-shadow-lg cl-text-sm", {
             "cl-bg-white": l.colour === "default",
@@ -143,18 +143,18 @@ const $l = ["onClick"], kl = { class: "cl-flex-1 cl-select-none cl-text-ellipsis
       ], 2)
     ], 8, ["to"]));
   }
-}), Cl = { class: "cl-absolute cl-flex cl-flex-wrap cl-h-screen cl-max-h-screen cl-max-w-full cl-min-h-screen cl-min-w-full cl-w-full" }, Tl = /* @__PURE__ */ M({
+}), Cl = { class: "cl-absolute cl-flex cl-flex-wrap cl-h-full cl-max-h-full cl-max-w-full cl-min-h-full cl-min-w-full cl-w-full xl:cl-h-screen xl:cl-max-h-screen xl:cl-min-h-screen" }, Tl = /* @__PURE__ */ M({
   __name: "cl-ui-app",
   props: {
     removePadding: { type: Boolean, default: !1 }
   },
   setup(t) {
-    return (o, e) => (c(), v(F, null, [
+    return (o, e) => (i(), v(F, null, [
       k(Ye),
       p("div", Cl, [
         j(o.$slots, "header"),
         p("div", {
-          class: I(["cl-content-start cl-flex cl-flex-nowrap cl-items-stretch cl-max-h-screen cl-relative cl-w-full", {
+          class: I(["cl-content-start cl-flex cl-flex-nowrap cl-items-stretch cl-max-h-full cl-relative cl-w-full xl:cl-max-h-screen", {
             "cl-pt-20": o.$slots.header
           }])
         }, [
@@ -174,7 +174,7 @@ const $l = ["onClick"], kl = { class: "cl-flex-1 cl-select-none cl-text-ellipsis
 });
 const El = {}, Ol = { class: "loading-spinner" };
 function ql(t, o) {
-  return c(), v("div", Ol);
+  return i(), v("div", Ol);
 }
 const Se = /* @__PURE__ */ de(El, [["render", ql], ["__scopeId", "data-v-a21dc5d2"]]), Al = ["disabled"], fe = /* @__PURE__ */ M({
   inheritAttrs: !1,
@@ -191,7 +191,7 @@ const Se = /* @__PURE__ */ de(El, [["render", ql], ["__scopeId", "data-v-a21dc5d
       focus() {
         e.value && e.value.focus();
       }
-    }), (l, s) => (c(), v(F, null, [
+    }), (l, s) => (i(), v(F, null, [
       L(k(Se, { class: "relative" }, null, 512), [
         [H, l.loading]
       ]),
@@ -203,7 +203,7 @@ const Se = /* @__PURE__ */ de(El, [["render", ql], ["__scopeId", "data-v-a21dc5d
           "cl-py-[9px] cl-px-8 cl-text-sm": l.size === "medium",
           "cl-px-10 cl-py-4": l.size === "large",
           "cl-bg-white cl-border-grey-0 hover:cl-border-grey-2 cl-text-secondary": l.colour === "default",
-          "cl-border-primary-default cl-bg-primary-default cl-text-white hover:cl-bg-primary-light hover:cl-border-primary-light": l.colour === "primary",
+          "cl-border-primary-default cl-bg-primary-default cl-text-white hover:cl-bg-primary-dark hover:cl-border-primary-dark": l.colour === "primary",
           "cl-border-secondary-default cl-bg-secondary-default cl-text-white hover:cl-bg-secondary-light hover:cl-border-secondary-light": l.colour === "secondary",
           "cl-border-danger-default cl-bg-danger-default cl-text-white hover:cl-bg-danger-dark hover:cl-border-danger-dark": l.colour === "danger",
           "cl-border-link-default cl-bg-link-default cl-text-white hover:cl-bg-link-light hover:cl-border-link-light": l.colour === "blue",
@@ -236,15 +236,15 @@ const Se = /* @__PURE__ */ de(El, [["render", ql], ["__scopeId", "data-v-a21dc5d
     hover: { type: Boolean, default: !1 }
   },
   setup(t) {
-    return (o, e) => (c(), v("div", {
+    return (o, e) => (i(), v("div", {
       class: I(["cl-border cl-border-transparent cl-overflow-hidden cl-relative cl-rounded-md cl-shadow-lg cl-transition-all", {
         "cl-cursor-pointer hover:cl-shadow-xl hover:cl-border-grey-0": o.hover
       }])
     }, [
-      o.$slots.image ? (c(), v("div", jl, [
+      o.$slots.image ? (i(), v("div", jl, [
         j(o.$slots, "image")
       ])) : N("", !0),
-      o.$slots.title ? (c(), v("div", {
+      o.$slots.title ? (i(), v("div", {
         key: 1,
         class: I(["cl-border-grey-2 cl-font-normal", {
           "cl-p-2 cl-text-2xl cl-leading-8": o.size === "small",
@@ -265,7 +265,7 @@ const Se = /* @__PURE__ */ de(El, [["render", ql], ["__scopeId", "data-v-a21dc5d
       }, [
         j(o.$slots, "default")
       ], 2),
-      o.$slots.footer ? (c(), v("div", {
+      o.$slots.footer ? (i(), v("div", {
         key: 2,
         class: I(["cl-border-grey-2 cl-border-t", {
           "cl-p-2": o.size === "small",
@@ -282,7 +282,7 @@ const Se = /* @__PURE__ */ de(El, [["render", ql], ["__scopeId", "data-v-a21dc5d
   "medium",
   "large"
 ];
-var Y = /* @__PURE__ */ ((t) => (t.CURRENCY = "currency", t.PERCENTAGE = "percentage", t.INTEGER = "integer", t.DECIMAL = "decimal", t.MULTIPLIER = "multiplier", t))(Y || {}), Z = /* @__PURE__ */ ((t) => (t.SHORT_DATE = "short-date", t.SHORT_DATETIME = "short-datetime", t.DATE = "date", t.DATETIME = "datetime", t.LONG_DATE = "long-date", t.LONG_DATETIME = "long-datetime", t.TIME = "time", t.MONTH_YEAR = "month-year", t))(Z || {});
+var Y = /* @__PURE__ */ ((t) => (t.CURRENCY = "currency", t.PERCENTAGE = "percentage", t.INTEGER = "integer", t.DECIMAL = "decimal", t.MULTIPLIER = "multiplier", t))(Y || {}), G = /* @__PURE__ */ ((t) => (t.SHORT_DATE = "short-date", t.SHORT_DATETIME = "short-datetime", t.DATE = "date", t.DATETIME = "datetime", t.LONG_DATE = "long-date", t.LONG_DATETIME = "long-datetime", t.TIME = "time", t.MONTH_YEAR = "month-year", t))(G || {});
 const Rl = {
   "en-GB": {
     comboBox: {
@@ -383,52 +383,52 @@ const Rl = {
   }
 }, Ul = {
   "en-GB": {
-    [Z.SHORT_DATE]: {
+    [G.SHORT_DATE]: {
       day: "numeric",
       month: "numeric",
       year: "2-digit"
     },
-    [Z.SHORT_DATETIME]: {
+    [G.SHORT_DATETIME]: {
       day: "numeric",
       month: "numeric",
       year: "2-digit",
       hour: "numeric",
       minute: "numeric"
     },
-    [Z.DATE]: {
+    [G.DATE]: {
       day: "numeric",
       month: "numeric",
       year: "numeric"
     },
-    [Z.DATETIME]: {
+    [G.DATETIME]: {
       day: "numeric",
       month: "numeric",
       year: "numeric",
       hour: "numeric",
       minute: "numeric"
     },
-    [Z.LONG_DATE]: {
+    [G.LONG_DATE]: {
       day: "numeric",
       month: "long",
       year: "numeric"
     },
-    [Z.LONG_DATETIME]: {
+    [G.LONG_DATETIME]: {
       day: "numeric",
       month: "long",
       year: "numeric",
       hour: "numeric",
       minute: "numeric"
     },
-    [Z.TIME]: {
+    [G.TIME]: {
       hour: "numeric",
       minute: "numeric"
     },
-    [Z.MONTH_YEAR]: {
+    [G.MONTH_YEAR]: {
       month: "long",
       year: "numeric"
     }
   }
-}, X = cl({
+}, X = il({
   locale: "en-GB",
   fallbackLocale: "en-GB",
   messages: Rl,
@@ -451,7 +451,7 @@ function Ms(t, o) {
 function Vs(t) {
   return X.global.locale.value = t, ge();
 }
-const { t: ce } = X.global;
+const { t: ie } = X.global;
 function Bl(t, o, e, l) {
   const s = X.global.locale.value;
   return new Promise((m) => {
@@ -468,17 +468,17 @@ function Bl(t, o, e, l) {
         case "tel":
         case "text":
         case "url":
-          a = ((l == null ? void 0 : l.length) ?? 0) >= (Number(t) || 0), n = ue(a, ce("input.greaterOrEqualToCharacters", { label: e, min: t.toString() }));
+          a = ((l == null ? void 0 : l.length) ?? 0) >= (Number(t) || 0), n = ue(a, ie("input.greaterOrEqualToCharacters", { label: e, min: t.toString() }));
           break;
         case "number":
         case "range":
-          a = l >= (Number(t) || 0), n = ue(a, ce("input.greaterOrEqualToValue", { label: e, min: t.toString() }));
+          a = l >= (Number(t) || 0), n = ue(a, ie("input.greaterOrEqualToValue", { label: e, min: t.toString() }));
           break;
         case "date":
-          a = new Date(l).getTime() >= new Date(t).getTime(), n = ue(a, ce("input.afterOrEqualToValue", { label: e, min: X.global.d(new Date(t), Z.DATE, s ?? X.global.locale.value) }));
+          a = new Date(l).getTime() >= new Date(t).getTime(), n = ue(a, ie("input.afterOrEqualToValue", { label: e, min: X.global.d(new Date(t), G.DATE, s ?? X.global.locale.value) }));
           break;
         case "datetime":
-          a = new Date(l).getTime() >= new Date(t).getTime(), n = ue(a, ce("input.afterOrEqualToValue", { label: e, min: X.global.d(new Date(t), Z.DATETIME, s ?? X.global.locale.value) }));
+          a = new Date(l).getTime() >= new Date(t).getTime(), n = ue(a, ie("input.afterOrEqualToValue", { label: e, min: X.global.d(new Date(t), G.DATETIME, s ?? X.global.locale.value) }));
           break;
         default:
           n.valid = !0;
@@ -504,17 +504,17 @@ function Ml(t, o, e, l) {
         case "tel":
         case "text":
         case "url":
-          a = ((l == null ? void 0 : l.length) ?? 0) <= (Number(t) || 0), n = ue(a, ce("input.lessOrEqualToCharacters", { label: e, max: t.toString() }));
+          a = ((l == null ? void 0 : l.length) ?? 0) <= (Number(t) || 0), n = ue(a, ie("input.lessOrEqualToCharacters", { label: e, max: t.toString() }));
           break;
         case "number":
         case "range":
-          a = l <= (Number(t) || 0), n = ue(a, ce("input.lessOrEqualToValue", { label: e, max: t.toString() }));
+          a = l <= (Number(t) || 0), n = ue(a, ie("input.lessOrEqualToValue", { label: e, max: t.toString() }));
           break;
         case "date":
-          a = new Date(l).getTime() <= new Date(t).getTime(), n = ue(a, ce("input.beforeOrEqualToValue", { label: e, max: X.global.d(new Date(t), Z.DATE, s ?? X.global.locale.value) }));
+          a = new Date(l).getTime() <= new Date(t).getTime(), n = ue(a, ie("input.beforeOrEqualToValue", { label: e, max: X.global.d(new Date(t), G.DATE, s ?? X.global.locale.value) }));
           break;
         case "datetime":
-          a = new Date(l).getTime() <= new Date(t).getTime(), n = ue(a, ce("input.beforeOrEqualToValue", { label: e, min: X.global.d(new Date(t), Z.DATETIME, s ?? X.global.locale.value) }));
+          a = new Date(l).getTime() <= new Date(t).getTime(), n = ue(a, ie("input.beforeOrEqualToValue", { label: e, min: X.global.d(new Date(t), G.DATETIME, s ?? X.global.locale.value) }));
           break;
         default:
           n.valid = !0;
@@ -526,13 +526,13 @@ function Ml(t, o, e, l) {
 }
 function Vl(t, o) {
   return new Promise((e) => {
-    const l = o != null && o !== "" && o.toString().trim() !== "", s = ue(l, ce("input.valueIsRequired", { label: t }));
+    const l = o != null && o !== "" && o.toString().trim() !== "", s = ue(l, ie("input.valueIsRequired", { label: t }));
     e(s);
   });
 }
 function Dl(t, o) {
   return new Promise((e) => {
-    const s = o === "" || /[a-zA-Z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-zA-Z0-9!#$%&'*+/=?^_`{|}~-]+)*@(?:[a-zA-Z0-9](?:[a-zA-Z0-9-]*[a-zA-Z0-9])?\.)+[a-zA-Z0-9](?:[a-zA-Z0-9-]*[a-zA-Z0-9])?/.exec(o) !== null, m = ue(s, ce("input.valueNotValidEmail", { label: t }));
+    const s = o === "" || /[a-zA-Z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-zA-Z0-9!#$%&'*+/=?^_`{|}~-]+)*@(?:[a-zA-Z0-9](?:[a-zA-Z0-9-]*[a-zA-Z0-9])?\.)+[a-zA-Z0-9](?:[a-zA-Z0-9-]*[a-zA-Z0-9])?/.exec(o) !== null, m = ue(s, ie("input.valueNotValidEmail", { label: t }));
     e(m);
   });
 }
@@ -563,7 +563,7 @@ const Ll = { class: "cl-relative" }, Pl = ["value", "disabled", "placeholder"],
         var l;
         (l = e.value) == null || l.focus();
       }
-    }), (l, s) => (c(), v("div", Ll, [
+    }), (l, s) => (i(), v("div", Ll, [
       p("input", se({
         ref_key: "element",
         ref: e
@@ -581,14 +581,14 @@ const Ll = { class: "cl-relative" }, Pl = ["value", "disabled", "placeholder"],
       }, null, 8, ["class", "icon"]), [
         [H, !l.disabled]
       ]),
-      l.disabled ? N("", !0) : (c(), v("div", Fl, [
-        l.type !== "time" ? (c(), V(d(_), {
+      l.disabled ? N("", !0) : (i(), v("div", Fl, [
+        l.type !== "time" ? (i(), V(d(_), {
           key: 0,
           class: "cl-cursor-pointer hover:cl-text-link-light",
           icon: "ph:arrow-counter-clockwise",
           onClick: s[0] || (s[0] = W((m) => l.$emit("reset"), ["prevent"]))
         })) : N("", !0),
-        !l.required && l.date && (l.type !== "time" || l.date !== "00:00") ? (c(), V(d(_), {
+        !l.required && l.date && (l.type !== "time" || l.date !== "00:00") ? (i(), V(d(_), {
           key: 1,
           class: "cl-cursor-pointer hover:cl-text-link-light md:cl-ml-0.5",
           icon: "ph:x",
@@ -598,7 +598,7 @@ const Ll = { class: "cl-relative" }, Pl = ["value", "disabled", "placeholder"],
     ]));
   }
 });
-const De = /* @__PURE__ */ de(Hl, [["__scopeId", "data-v-4c802181"]]), Gl = /* @__PURE__ */ M({
+const De = /* @__PURE__ */ de(Hl, [["__scopeId", "data-v-4c802181"]]), xl = /* @__PURE__ */ M({
   inheritAttrs: !1,
   __name: "cl-ui-calendar",
   props: {
@@ -640,7 +640,7 @@ const De = /* @__PURE__ */ de(Hl, [["__scopeId", "data-v-4c802181"]]), Gl = /* @
           break;
       }
       return l.placeholder ?? b;
-    }), i = S(() => l.disabled ? !1 : {
+    }), c = S(() => l.disabled ? !1 : {
       visibility: "focus",
       showDelay: 150,
       hideDelay: 100
@@ -655,7 +655,7 @@ const De = /* @__PURE__ */ de(Hl, [["__scopeId", "data-v-4c802181"]]), Gl = /* @
         var b;
         (b = g.value) == null || b.focus();
       }
-    }), (b, r) => b.type === "time" ? (c(), V(d(Me), {
+    }), (b, r) => b.type === "time" ? (i(), V(d(Me), {
       key: 0,
       modelValue: s.value,
       "onUpdate:modelValue": r[1] || (r[1] = (w) => s.value = w),
@@ -668,7 +668,7 @@ const De = /* @__PURE__ */ de(Hl, [["__scopeId", "data-v-4c802181"]]), Gl = /* @
       color: "primary",
       "title-position": "left",
       "hide-time-header": "",
-      popover: i.value
+      popover: c.value
     }, {
       default: P(({ inputValue: w, inputEvents: h }) => [
         k(De, se(b.$attrs, {
@@ -685,7 +685,7 @@ const De = /* @__PURE__ */ de(Hl, [["__scopeId", "data-v-4c802181"]]), Gl = /* @
         }), null, 16, ["date", "events", "type", "placeholder", "required", "disabled"])
       ]),
       _: 1
-    }, 8, ["modelValue", "locale", "is24hr", "mode", "is-required", "masks", "popover"])) : (c(), V(d(Me), {
+    }, 8, ["modelValue", "locale", "is24hr", "mode", "is-required", "masks", "popover"])) : (i(), V(d(Me), {
       key: 1,
       modelValue: s.value,
       "onUpdate:modelValue": r[3] || (r[3] = (w) => s.value = w),
@@ -699,7 +699,7 @@ const De = /* @__PURE__ */ de(Hl, [["__scopeId", "data-v-4c802181"]]), Gl = /* @
       color: "primary",
       "title-position": "left",
       "hide-time-header": "",
-      popover: i.value
+      popover: c.value
     }, {
       default: P(({ inputValue: w, inputEvents: h }) => [
         k(De, se(b.$attrs, {
@@ -724,7 +724,7 @@ const Ee = [
   "datetime",
   "time"
 ];
-function Zl(t) {
+function Gl(t) {
   if (t.startsWith("ClUi"))
     return {
       name: `clUi${t.slice(4)}`,
@@ -737,9 +737,9 @@ function Zl(t) {
     };
 }
 function Ds() {
-  return Zl;
+  return Gl;
 }
-const xl = [
+const Zl = [
   "button",
   "checkbox",
   "color",
@@ -777,7 +777,7 @@ const xl = [
     "update:value": null
   },
   setup(t, { expose: o, emit: e }) {
-    const l = t, { n: s, t: m } = oe(), { debounce: n } = ul(), a = A(l.value), i = A(), u = S({
+    const l = t, { n: s, t: m } = oe(), { debounce: n } = ul(), a = A(l.value), c = A(), u = S({
       get: () => l.value,
       set: (h) => e("update:value", h)
     }), g = S(() => l.disabled ? "rgba(153, 153, 153, 0.8)" : "#9acd32"), b = S(() => {
@@ -791,9 +791,9 @@ const xl = [
     return K(() => l.value, () => a.value = l.value), o({
       focus() {
         var h;
-        (h = i.value) == null || h.focus();
+        (h = c.value) == null || h.focus();
       }
-    }), (h, q) => r.value ? (c(), v("div", le(se({ key: 0 }, h.$attrs)), [
+    }), (h, q) => r.value ? (i(), v("div", le(se({ key: 0 }, h.$attrs)), [
       L(p("div", { class: "cl-bg-transparent cl-relative cl-text-center cl-text-sm" }, T(u.value), 513), [
         [H, !h.showNumericInput]
       ]),
@@ -813,10 +813,10 @@ const xl = [
         ]),
         p("div", Kl, [
           p("span", Ql, T(d(s)(h.min, Number.isInteger(h.min) ? d(Y).INTEGER : d(Y).DECIMAL)), 1),
-          typeof u.value == "number" ? (c(), v("div", Jl, [
+          typeof u.value == "number" ? (i(), v("div", Jl, [
             L(p("input", {
               ref_key: "sliderRef",
-              ref: i,
+              ref: c,
               "onUpdate:modelValue": q[2] || (q[2] = ($) => u.value = $),
               class: "cl-align-middle cl-appearance-none cl-bg-gradient-to-r cl-border cl-border-grey-2 cl-delay-500 cl-ease-in cl-flex-1 cl-h-5 cl-mb-2 cl-outline-none cl-rounded-full cl-transition-colors cl-w-full",
               style: We({
@@ -839,7 +839,7 @@ const xl = [
           p("span", Xl, T(d(s)(h.max, Number.isInteger(h.max) ? d(Y).INTEGER : d(Y).DECIMAL)), 1)
         ])
       ])
-    ], 16)) : (c(), v("div", et, T(d(m)("slider.invalidProps")), 1));
+    ], 16)) : (i(), v("div", et, T(d(m)("slider.invalidProps")), 1));
   }
 });
 const tt = /* @__PURE__ */ de(lt, [["__scopeId", "data-v-849763cf"]]);
@@ -903,10 +903,10 @@ function Fe(t, o) {
 const st = { class: "cl-flex cl-justify-between" }, at = { class: "cl-w-full" }, rt = {
   key: 0,
   class: "cl-block cl-left-auto cl-relative cl-text-danger-default"
-}, it = {
+}, ct = {
   key: 1,
   class: "cl-bg-danger-light cl-block cl-max-h-6 cl-mb-1 cl-ml-2 cl-px-2 cl-rounded-md cl-text-center cl-text-danger-default cl-text-xs"
-}, ct = {
+}, it = {
   key: 0,
   class: "cl-relative"
 }, ut = ["type", "disabled", "min", "max", "minlength", "maxlength", "step", "placeholder", "accept", "name", "autocomplete"], dt = { key: 0 }, pt = {
@@ -950,7 +950,7 @@ const st = { class: "cl-flex cl-justify-between" }, at = { class: "cl-w-full" },
   },
   emits: ["update:model-value", "click", "focus", "input", "change", "validated"],
   setup(t, { expose: o, emit: e }) {
-    const l = t, s = A(null), m = A(!1), n = A(!1), a = S(C), i = S(() => l.placeholderText.trim() !== "" ? l.placeholderText : l.label), u = A(0), g = S({
+    const l = t, s = A(null), m = A(!1), n = A(!1), a = S(C), c = S(() => l.placeholderText.trim() !== "" ? l.placeholderText : l.label), u = A(0), g = S({
       get: () => l.modelValue,
       set: (f) => y(f, !1)
     }), b = S({
@@ -990,10 +990,10 @@ const st = { class: "cl-flex cl-justify-between" }, at = { class: "cl-w-full" },
       let f = "";
       return l.inputType === "color" && g.value && (l.disabled ? f = "background: #999999" : f = `background: ${g.value};`), f;
     }
-    function x(f) {
+    function Z(f) {
       ye(l.inputType) ? (f.preventDefault(), e("click", f)) : l.inputType === "checkbox" && e("click", f);
     }
-    function ie(f) {
+    function ce(f) {
       if (s.value) {
         s.value.stepUp(), s.value.focus(), y(s.value.valueAsNumber, !1);
         const E = {
@@ -1029,7 +1029,7 @@ const st = { class: "cl-flex cl-justify-between" }, at = { class: "cl-w-full" },
       const E = a.value;
       return m.value ? f = E : n.value && ((B = g.value) == null ? void 0 : B.toString().trim()) === "" && (f = !1), f;
     }
-    async function G(f) {
+    async function x(f) {
       const E = Fe(f, l.inputType);
       l.validateOn === "change" && await D(E), e("change", f, E);
     }
@@ -1046,7 +1046,7 @@ const st = { class: "cl-flex cl-justify-between" }, at = { class: "cl-w-full" },
         var f;
         (f = s.value) == null || f.blur();
       }
-    }), (f, E) => (c(), v("div", se({ ...f.$attrs, id: void 0 }, {
+    }), (f, E) => (i(), v("div", se({ ...f.$attrs, id: void 0 }, {
       key: u.value,
       class: "cl-align-top cl-border-none cl-inline-block cl-text-left"
     }), [
@@ -1060,10 +1060,10 @@ const st = { class: "cl-flex cl-justify-between" }, at = { class: "cl-w-full" },
               [H, f.showLabel && f.label !== ""]
             ])
           ]),
-          f.isRequired && a.value ? (c(), v("label", rt, " * ")) : N("", !0),
-          f.isRequired && !a.value && f.requiredText.length ? (c(), v("label", it, T(f.requiredText), 1)) : N("", !0)
+          f.isRequired && a.value ? (i(), v("label", rt, " * ")) : N("", !0),
+          f.isRequired && !a.value && f.requiredText.length ? (i(), v("label", ct, T(f.requiredText), 1)) : N("", !0)
         ]),
-        f.inputType !== "range" && !d(Pe)(f.inputType) ? (c(), v("div", ct, [
+        f.inputType !== "range" && !d(Pe)(f.inputType) ? (i(), v("div", it, [
           L(p("input", se({
             ref_key: "inputElement",
             ref: s,
@@ -1087,11 +1087,11 @@ const st = { class: "cl-flex cl-justify-between" }, at = { class: "cl-w-full" },
             minlength: f.min !== null && d(Le)(f.inputType) ? f.min : void 0,
             maxlength: f.max !== null && d(Le)(f.inputType) ? f.max : void 0,
             step: f.step,
-            placeholder: i.value,
+            placeholder: c.value,
             accept: f.fileExtensions,
             name: f.group,
             autocomplete: f.autocomplete,
-            onClick: E[1] || (E[1] = (B) => x(B)),
+            onClick: E[1] || (E[1] = (B) => Z(B)),
             onFocus: E[2] || (E[2] = (B) => e("focus")),
             onBlur: E[3] || (E[3] = W((B) => {
               be(), ke();
@@ -1100,7 +1100,7 @@ const st = { class: "cl-flex cl-justify-between" }, at = { class: "cl-w-full" },
             onInput: E[4] || (E[4] = (B) => {
               e("input", B, d(Fe)(B, f.inputType));
             }),
-            onChange: G
+            onChange: x
           }), null, 16, ut), [
             [nl, g.value]
           ]),
@@ -1109,11 +1109,11 @@ const st = { class: "cl-flex cl-justify-between" }, at = { class: "cl-w-full" },
             duration: 300
           }, {
             default: P(() => [
-              f.inputType === "number" && !f.disabled && f.showArrows ? L((c(), v("div", dt, [
+              f.inputType === "number" && !f.disabled && f.showArrows ? L((i(), v("div", dt, [
                 k(d(_), {
                   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: ie,
+                  onClick: ce,
                   onMousedown: E[5] || (E[5] = W(() => {
                   }, ["prevent"]))
                 }),
@@ -1130,7 +1130,7 @@ const st = { class: "cl-flex cl-justify-between" }, at = { class: "cl-w-full" },
             ]),
             _: 1
           })
-        ])) : d(Pe)(f.inputType) ? (c(), V(d(Gl), se({ key: 1 }, f.$attrs, {
+        ])) : d(Pe)(f.inputType) ? (i(), V(d(xl), se({ key: 1 }, f.$attrs, {
           ref_key: "inputElement",
           ref: s,
           date: b.value,
@@ -1146,10 +1146,10 @@ const st = { class: "cl-flex cl-justify-between" }, at = { class: "cl-w-full" },
           "time-zone": f.timeZone,
           min: r.value,
           max: w.value,
-          placeholder: i.value,
+          placeholder: c.value,
           onBlur: W(be, ["self"]),
           onFocus: E[8] || (E[8] = (B) => e("focus"))
-        }), null, 16, ["date", "class", "disabled", "required", "type", "time-zone", "min", "max", "placeholder", "onBlur"])) : f.inputType === "range" && typeof g.value == "number" ? (c(), v("div", pt, [
+        }), null, 16, ["date", "class", "disabled", "required", "type", "time-zone", "min", "max", "placeholder", "onBlur"])) : f.inputType === "range" && typeof g.value == "number" ? (i(), v("div", pt, [
           k(d(tt), {
             ref_key: "inputElement",
             ref: s,
@@ -1165,12 +1165,12 @@ const st = { class: "cl-flex cl-justify-between" }, at = { class: "cl-w-full" },
           }, null, 8, ["value", "min", "max", "step", "disabled", "onBlur"])
         ])) : N("", !0)
       ], 32),
-      R.value && $.value ? (c(), v("div", ft, T($.value), 1)) : N("", !0),
-      !R.value && z.value.length > 0 && f.showValidationMessages ? (c(), v("div", mt, T(z.value), 1)) : N("", !0)
+      R.value && $.value ? (i(), v("div", ft, T($.value), 1)) : N("", !0),
+      !R.value && z.value.length > 0 && f.showValidationMessages ? (i(), v("div", mt, T(z.value), 1)) : N("", !0)
     ], 16));
   }
 });
-const ae = /* @__PURE__ */ de(gt, [["__scopeId", "data-v-d01c4a47"]]), vt = { class: "cl-align-items-center cl-bg-black cl-bg-opacity-40 cl-bottom-0 cl-fixed cl-flex cl-h-screen cl-justify-center cl-left-0 cl-right-0 cl-top-0 cl-w-full cl-z-40" }, bt = ["onKeypress"], ht = { class: "cl-overflow-y-auto cl-overscroll-y-none cl-p-2 cl-w-full" }, Xe = /* @__PURE__ */ M({
+const ae = /* @__PURE__ */ de(gt, [["__scopeId", "data-v-39c68789"]]), vt = { 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" }, bt = ["onKeypress"], ht = { class: "cl-overflow-y-auto cl-overscroll-y-none cl-p-2 cl-w-full" }, Xe = /* @__PURE__ */ M({
   inheritAttrs: !1,
   __name: "cl-ui-modal",
   props: {
@@ -1189,14 +1189,14 @@ const ae = /* @__PURE__ */ de(gt, [["__scopeId", "data-v-d01c4a47"]]), vt = { cl
     function m(n) {
       n.key === "Escape" && s();
     }
-    return (n, a) => (c(), v(F, null, [
+    return (n, a) => (i(), v(F, null, [
       j(n.$slots, "trigger", le(ne({ open: l }))),
-      (c(), V(Ie, { to: "body" }, [
+      (i(), V(Ie, { to: "body" }, [
         k(me, { name: "fade" }, {
           default: P(() => [
             L(p("div", vt, [
               p("div", se(n.$attrs, {
-                class: ["cl-bg-white cl-flex cl-flex-wrap cl-max-h-[calc(100vh-8rem)] cl-mx-0 cl-my-auto cl-overflow-y-auto cl-overscroll-y-none cl-relative cl-rounded-lg cl-shadow-lg", {
+                class: ["cl-bg-white cl-flex cl-flex-wrap cl-max-h-[calc(100%-8rem)] cl-mx-0 cl-my-auto cl-overflow-y-auto cl-overscroll-y-none cl-relative cl-rounded-lg cl-shadow-lg xl:cl-max-h-[calc(100vh-8rem)]", {
                   "lg:cl-w-2/12 cl-w-10/12": n.size === "x-small",
                   "cl-w-6/12": n.size === "small",
                   "cl-w-8/12": n.size === "medium",
@@ -1253,8 +1253,8 @@ const ae = /* @__PURE__ */ de(gt, [["__scopeId", "data-v-d01c4a47"]]), vt = { cl
     "clear-object": null
   },
   setup(t) {
-    return (o, e) => (c(), v("div", yt, [
-      o.additionalText !== "" ? (c(), v("div", wt, T(o.additionalText), 1)) : N("", !0),
+    return (o, e) => (i(), v("div", yt, [
+      o.additionalText !== "" ? (i(), v("div", wt, T(o.additionalText), 1)) : N("", !0),
       p("div", {
         class: I({
           "cl-w-1/2": o.additionalText !== "",
@@ -1306,12 +1306,12 @@ const ae = /* @__PURE__ */ de(gt, [["__scopeId", "data-v-d01c4a47"]]), vt = { cl
     function a(u) {
       u === !0 ? (m.value = !0, o("option-highlighted", e.index)) : e.index !== e.selectedIndex && (m.value = !1);
     }
-    function i() {
+    function c() {
       e.selectedIndex === e.index ? m.value = !0 : m.value = !1;
     }
-    return K(() => e.selectedIndex, () => i()), (u, g) => {
+    return K(() => e.selectedIndex, () => c()), (u, g) => {
       var b, r;
-      return c(), v("div", {
+      return i(), v("div", {
         class: I(["cl-cursor-pointer cl-duration-75 cl-flex cl-p-1 cl-text-left cl-transition-colors", {
           "cl-bg-white": m.value === !1,
           "cl-bg-link-light cl-text-white cl-opacity-90": m.value && u.isCreateNewOption === !1,
@@ -1321,7 +1321,7 @@ const ae = /* @__PURE__ */ de(gt, [["__scopeId", "data-v-d01c4a47"]]), vt = { cl
         onMousemove: g[0] || (g[0] = (w) => a(!0)),
         onMouseleave: g[1] || (g[1] = (w) => a(!1))
       }, [
-        u.option !== null && ((b = u.option) == null ? void 0 : b.parentId) !== 0 && ((r = u.option) == null ? void 0 : r.parentId) !== void 0 ? (c(), v("div", $t, T(s.value), 1)) : N("", !0),
+        u.option !== null && ((b = u.option) == null ? void 0 : b.parentId) !== 0 && ((r = u.option) == null ? void 0 : r.parentId) !== void 0 ? (i(), v("div", $t, T(s.value), 1)) : N("", !0),
         p("div", {
           class: I({
             "cl-w-1/2": s.value !== "",
@@ -1364,7 +1364,7 @@ const ae = /* @__PURE__ */ de(gt, [["__scopeId", "data-v-d01c4a47"]]), vt = { cl
     "hide-dropdown": null
   },
   setup(t, { emit: o }) {
-    const e = t, { t: l } = oe(), s = A(""), m = A(!1), n = A(-1), a = S(() => m.value ? -1 : 0), i = A();
+    const e = t, { t: l } = oe(), s = A(""), m = A(!1), n = A(-1), a = S(() => m.value ? -1 : 0), c = A();
     function u(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), n.value = -2);
     }
@@ -1390,14 +1390,14 @@ const ae = /* @__PURE__ */ de(gt, [["__scopeId", "data-v-d01c4a47"]]), vt = { cl
       if (y.key === "Tab" && y.shiftKey === !0) {
         const D = document.getElementsByTagName("input");
         let J = -1;
-        for (let x = 0; x < D.length; x++)
-          D[x] === y.target && (J = x - 1);
+        for (let Z = 0; Z < D.length; Z++)
+          D[Z] === y.target && (J = Z - 1);
         J >= 0 && (D[J].focus(), r());
       }
     }
     function R() {
       var y;
-      e.results && e.results.length > 1 && ((y = i.value) == null || y.scrollTo(0, (n.value + 1) * 34 - 34 * 2));
+      e.results && e.results.length > 1 && ((y = c.value) == null || y.scrollTo(0, (n.value + 1) * 34 - 34 * 2));
     }
     function O() {
       let y = !1;
@@ -1409,31 +1409,31 @@ const ae = /* @__PURE__ */ de(gt, [["__scopeId", "data-v-d01c4a47"]]), vt = { cl
     function U() {
       e.isVisible === !0 && (s.value = "", u(), ge(() => {
         var y, D;
-        return (D = (y = i.value) == null ? void 0 : y.querySelector("input")) == null ? void 0 : D.focus();
+        return (D = (y = c.value) == null ? void 0 : y.querySelector("input")) == null ? void 0 : D.focus();
       }));
     }
     return K(() => e.results, () => O()), K(() => e.errorMessage, () => O()), K(() => e.isVisible, () => U()), Ae(() => {
       var y;
-      return (y = i.value) == null ? void 0 : y.addEventListener("keydown", $);
+      return (y = c.value) == null ? void 0 : y.addEventListener("keydown", $);
     }), _e(() => {
       var y;
-      return (y = i.value) == null ? void 0 : y.removeEventListener("keydown", $);
+      return (y = c.value) == null ? void 0 : y.removeEventListener("keydown", $);
     }), (y, D) => {
       var J;
-      return c(), v("div", {
+      return i(), v("div", {
         ref_key: "container",
-        ref: i,
+        ref: c,
         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: [
-          D[2] || (D[2] = we(W((x) => h(a.value), ["prevent", "stop"]), ["up"])),
-          D[3] || (D[3] = we(W((x) => w(a.value), ["prevent", "stop"]), ["down"]))
+          D[2] || (D[2] = we(W((Z) => h(a.value), ["prevent", "stop"]), ["up"])),
+          D[3] || (D[3] = we(W((Z) => w(a.value), ["prevent", "stop"]), ["down"]))
         ],
         onKeyup: we(W(q, ["prevent", "stop"]), ["enter"])
       }, [
         p("div", Tt, [
           k(ae, {
             modelValue: s.value,
-            "onUpdate:modelValue": D[0] || (D[0] = (x) => s.value = x),
+            "onUpdate:modelValue": D[0] || (D[0] = (Z) => s.value = Z),
             class: "!cl-mr-0 cl-w-full",
             "input-type": "text",
             "placeholder-text": y.searchHint,
@@ -1444,28 +1444,28 @@ const ae = /* @__PURE__ */ de(gt, [["__scopeId", "data-v-d01c4a47"]]), vt = { cl
             [H, y.loading]
           ])
         ]),
-        y.currentObjectName !== "" ? (c(), V(Te, {
+        y.currentObjectName !== "" ? (i(), V(Te, {
           key: 0,
           "show-clear-button": y.canClearSelectedObject,
           text: y.currentObjectName,
-          onClearObject: D[1] || (D[1] = (x) => y.$emit("clear-object"))
+          onClearObject: D[1] || (D[1] = (Z) => y.$emit("clear-object"))
         }, null, 8, ["show-clear-button", "text"])) : N("", !0),
-        y.objectParentType !== "" && y.results !== void 0 && y.results.length > 0 && y.errorMessage === "" ? (c(), V(Te, {
+        y.objectParentType !== "" && y.results !== void 0 && y.results.length > 0 && y.errorMessage === "" ? (i(), V(Te, {
           key: 1,
           text: y.objectType,
           "additional-text": y.objectParentType,
           class: "cl-bg-grey-2 cl-mt-1"
         }, null, 8, ["text", "additional-text"])) : N("", !0),
-        y.results !== null && ((J = y.results) == null ? void 0 : J.length) === 0 && s.value.trim() !== "" && y.canCreateNewObject === !1 && y.errorMessage === "" ? (c(), V(Te, {
+        y.results !== null && ((J = y.results) == null ? void 0 : J.length) === 0 && s.value.trim() !== "" && y.canCreateNewObject === !1 && y.errorMessage === "" ? (i(), V(Te, {
           key: 2,
           text: d(l)("comboBox.noResults", { value: s.value })
         }, null, 8, ["text"])) : N("", !0),
-        y.errorMessage !== "" ? (c(), V(Te, {
+        y.errorMessage !== "" ? (i(), V(Te, {
           key: 3,
           class: "!cl-bg-danger-light cl-border-danger-light cl-rounded cl-text-danger-dark",
           text: d(l)("comboBox.errorMessage", { error: y.errorMessage })
         }, null, 8, ["text"])) : N("", !0),
-        m.value ? (c(), V(He, {
+        m.value ? (i(), V(He, {
           key: 4,
           "is-create-new-option": !0,
           text: d(l)("comboBox.addPrompt", { value: s.value, object: y.objectType }),
@@ -1475,11 +1475,11 @@ const ae = /* @__PURE__ */ de(gt, [["__scopeId", "data-v-d01c4a47"]]), vt = { cl
           onCreateObject: b,
           onOptionHighlighted: z
         }, null, 8, ["text", "selected-index"])) : N("", !0),
-        y.errorMessage === "" && y.results !== null ? (c(), v("div", Et, [
-          (c(!0), v(F, null, Q(y.results, (x, ie) => (c(), V(He, {
-            key: ie,
-            option: x,
-            index: ie,
+        y.errorMessage === "" && y.results !== null ? (i(), v("div", Et, [
+          (i(!0), v(F, null, Q(y.results, (Z, ce) => (i(), V(He, {
+            key: ce,
+            option: Z,
+            index: ce,
             class: "cl-px-2",
             "selected-index": n.value,
             onSelectObject: g,
@@ -1517,14 +1517,14 @@ const ae = /* @__PURE__ */ de(gt, [["__scopeId", "data-v-d01c4a47"]]), vt = { cl
     "update:current-object": null
   },
   setup(t, { expose: o, emit: e }) {
-    const l = t, s = S(() => l.placeholderText ? l.placeholderText : n("comboBox.emptyHintText", { object: l.objectType })), m = S(() => l.searchHint ? l.searchHint : n("comboBox.searchHint", { object: l.objectType })), { t: n } = oe(), a = A(!1), i = S({
+    const l = t, s = S(() => l.placeholderText ? l.placeholderText : n("comboBox.emptyHintText", { object: l.objectType })), m = S(() => l.searchHint ? l.searchHint : n("comboBox.searchHint", { object: l.objectType })), { t: n } = oe(), a = A(!1), c = S({
       get: () => l.currentObject,
       set: (C) => e("update:current-object", C)
     }), u = A(null), g = A(null), b = S(() => be()), r = A(""), w = A(""), h = A(), q = A(!0), $ = A(!1);
     function R(C) {
       var f, E;
-      const G = ((f = he.value) == null ? void 0 : f.getBoundingClientRect().top) || 0;
-      $.value = window.innerHeight - G < 280, l.disabled || (typeof C < "u" ? a.value = C : a.value = !a.value), (E = u.value) == null || E.blur();
+      const x = ((f = he.value) == null ? void 0 : f.getBoundingClientRect().top) || 0;
+      $.value = window.innerHeight - x < 280, l.disabled || (typeof C < "u" ? a.value = C : a.value = !a.value), (E = u.value) == null || E.blur();
     }
     function O(C) {
       r.value = C, e("search", C);
@@ -1533,22 +1533,22 @@ const ae = /* @__PURE__ */ de(gt, [["__scopeId", "data-v-d01c4a47"]]), vt = { cl
       w.value = C, e("search-parent", C);
     }
     function U() {
-      i.value = null, R(!1);
+      c.value = null, R(!1);
     }
     function y(C) {
-      const G = D(C);
-      i.value = G, R(!1);
+      const x = D(C);
+      c.value = x, R(!1);
     }
     function D(C) {
-      let G = null;
+      let x = null;
       if (l.results !== null) {
         for (let f = 0; f < l.results.length; f++)
           if (l.results[f].id === C) {
-            G = l.results[f];
+            x = l.results[f];
             break;
           }
       }
-      return G;
+      return x;
     }
     function J() {
       var C;
@@ -1557,19 +1557,19 @@ const ae = /* @__PURE__ */ de(gt, [["__scopeId", "data-v-d01c4a47"]]), vt = { cl
         parentId: ((C = g.value) == null ? void 0 : C.id) ?? 0
       }, e("create-object", h.value);
     }
-    function x() {
+    function Z() {
       h.value = {
         name: w.value,
         parentId: 0
       }, e("create-parent-object", h.value);
     }
-    function ie() {
-      var C, G;
+    function ce() {
+      var C, x;
       (C = l.objectCreatedResponse) != null && C.error ? Ve({
         message: n("comboBox.createFailed", { name: r.value, error: l.objectCreatedResponse.error }),
         colour: "danger",
         duration: 1e4
-      }) : (G = l.objectCreatedResponse) != null && G.id && ve();
+      }) : (x = l.objectCreatedResponse) != null && x.id && ve();
     }
     function Ne() {
       var C;
@@ -1579,14 +1579,14 @@ const ae = /* @__PURE__ */ de(gt, [["__scopeId", "data-v-d01c4a47"]]), vt = { cl
       });
     }
     function ve() {
-      var G, f, E, B, pe;
+      var x, f, E, B, pe;
       Ve({
-        message: n("comboBox.createSuccessful", { object: l.objectType, name: ((G = l.objectCreatedResponse) == null ? void 0 : G.name) ?? "" }),
+        message: n("comboBox.createSuccessful", { object: l.objectType, name: ((x = l.objectCreatedResponse) == null ? void 0 : x.name) ?? "" }),
         colour: "primary",
         duration: 1e4
       });
       let C = "";
-      g.value && g.value.id === ((f = l.objectCreatedResponse) == null ? void 0 : f.parentId) && (C = g.value.name), i.value = {
+      g.value && g.value.id === ((f = l.objectCreatedResponse) == null ? void 0 : f.parentId) && (C = g.value.name), c.value = {
         id: ((E = l.objectCreatedResponse) == null ? void 0 : E.id) ?? 0,
         name: ((B = l.objectCreatedResponse) == null ? void 0 : B.name) ?? "",
         parentId: ((pe = l.objectCreatedResponse) == null ? void 0 : pe.parentId) ?? 0,
@@ -1595,22 +1595,22 @@ const ae = /* @__PURE__ */ de(gt, [["__scopeId", "data-v-d01c4a47"]]), vt = { cl
     }
     function be() {
       let C = "";
-      return i.value && (i.value.parentName ? C = i.value.parentName + "; " + i.value.name : C = i.value.name), C;
+      return c.value && (c.value.parentName ? C = c.value.parentName + "; " + c.value.name : C = c.value.name), C;
     }
     function ke() {
       let C = !0;
       r.value === "" && (C = !1), l.objectParentType !== "" && g.value === null && (C = !1), q.value = C;
     }
-    K(() => l.objectCreatedResponse, () => ie()), K(() => l.parentObjectCreatedResponse, () => Ne()), K(() => r.value, () => ke()), K(() => g.value, () => ke()), o({
+    K(() => l.objectCreatedResponse, () => ce()), K(() => l.parentObjectCreatedResponse, () => Ne()), K(() => r.value, () => ke()), K(() => g.value, () => ke()), o({
       focus() {
         var C;
         (C = u.value) == null || C.focus();
       }
     });
     const he = A();
-    return ze(he, () => a.value ? R(!1) : ""), (C, G) => {
+    return ze(he, () => a.value ? R(!1) : ""), (C, x) => {
       const f = sl("cl-ui-combo-box", !0);
-      return c(), v("div", {
+      return i(), v("div", {
         ref_key: "outsideRef",
         ref: he,
         class: "cl-relative"
@@ -1620,13 +1620,13 @@ const ae = /* @__PURE__ */ de(gt, [["__scopeId", "data-v-d01c4a47"]]), vt = { cl
             ref_key: "inputRef",
             ref: u,
             modelValue: b.value,
-            "onUpdate:modelValue": G[0] || (G[0] = (E) => b.value = E),
+            "onUpdate:modelValue": x[0] || (x[0] = (E) => b.value = E),
             class: I(["!cl-mr-0 cl-mb-0 cl-rounded-r-none cl-w-full cl-z-10", {
               "cl-cursor-pointer": C.disabled === !1
             }]),
             "input-type": "text",
             "placeholder-text": s.value,
-            onFocus: G[1] || (G[1] = (E) => {
+            onFocus: x[1] || (x[1] = (E) => {
               R(), C.$emit("focus");
             })
           }, null, 8, ["modelValue", "class", "placeholder-text"]),
@@ -1641,25 +1641,25 @@ const ae = /* @__PURE__ */ de(gt, [["__scopeId", "data-v-d01c4a47"]]), vt = { cl
           ], 512), [
             [H, C.required && C.disabled === !1 && C.currentObject === null]
           ]),
-          a.value ? (c(), v("div", {
+          a.value ? (i(), v("div", {
             key: 1,
             class: I(["cl-bg-white cl-border cl-border-grey-1 cl-float-right cl-h-10 cl-rounded cl-rounded-l-none cl-text-grey-3 cl-transition-colors cl-w-[27px] hover:cl-bg-link-light hover:cl-opacity-90 hover:cl-text-white", {
               "cl-cursor-default": C.disabled,
               "cl-cursor-pointer": C.disabled === !1
             }]),
-            onClick: G[3] || (G[3] = (E) => R(!1))
+            onClick: x[3] || (x[3] = (E) => R(!1))
           }, [
             k(d(_), {
               icon: "ph:caret-up-bold",
               class: "cl-ml-[5px] cl-mt-[12px]"
             })
-          ], 2)) : (c(), v("div", {
+          ], 2)) : (i(), v("div", {
             key: 0,
             class: I(["cl-bg-white cl-border cl-border-grey-1 cl-float-right cl-h-10 cl-rounded cl-rounded-l-none cl-text-grey-3 cl-transition-colors cl-w-[27px] hover:cl-bg-link-light hover:cl-opacity-90 hover:cl-text-white", {
               "cl-cursor-default": C.disabled,
               "cl-cursor-pointer": C.disabled === !1
             }]),
-            onClick: G[2] || (G[2] = (E) => R(!0))
+            onClick: x[2] || (x[2] = (E) => R(!0))
           }, [
             k(d(_), {
               icon: "ph:caret-down-bold",
@@ -1724,10 +1724,10 @@ const ae = /* @__PURE__ */ de(gt, [["__scopeId", "data-v-d01c4a47"]]), vt = { cl
           ]),
           default: P(() => [
             p("div", Nt, [
-              C.objectParentType ? (c(), V(f, {
+              C.objectParentType ? (i(), V(f, {
                 key: 0,
                 "current-object": g.value,
-                "onUpdate:currentObject": G[4] || (G[4] = (E) => g.value = E),
+                "onUpdate:currentObject": x[4] || (x[4] = (E) => g.value = E),
                 class: "cl-mt-3",
                 results: C.parentResults,
                 loading: C.loading,
@@ -1737,11 +1737,11 @@ const ae = /* @__PURE__ */ de(gt, [["__scopeId", "data-v-d01c4a47"]]), vt = { cl
                 "can-clear-selected-object": C.canClearSelectedObject,
                 "error-message": C.errorMessage,
                 onSearch: z,
-                onCreateObject: x
+                onCreateObject: Z
               }, null, 8, ["current-object", "results", "loading", "object-type", "object-created-response", "can-create-new-object", "can-clear-selected-object", "error-message"])) : N("", !0),
               k(ae, {
                 modelValue: r.value,
-                "onUpdate:modelValue": G[5] || (G[5] = (E) => r.value = E),
+                "onUpdate:modelValue": x[5] || (x[5] = (E) => r.value = E),
                 label: d(n)("comboBox.createProperty"),
                 class: "cl-mb-2 cl-pt-3 cl-w-full",
                 "input-type": "text"
@@ -1768,11 +1768,11 @@ const zt = {}, Ut = { class: "cl-flex cl-flex-wrap cl-left-0 cl-mt-4 cl-w-full"
   class: "cl-leading-10 cl-text-sm cl-w-full"
 }, Vt = { class: "cl-float-left" }, Dt = { class: "cl-float-right" };
 function Lt(t, o) {
-  return c(), v("div", Ut, [
-    t.$slots.default ? (c(), v("div", Bt, [
+  return i(), v("div", Ut, [
+    t.$slots.default ? (i(), v("div", Bt, [
       j(t.$slots, "default")
     ])) : N("", !0),
-    t.$slots.left || t.$slots.right ? (c(), v("div", Mt, [
+    t.$slots.left || t.$slots.right ? (i(), v("div", Mt, [
       p("span", Vt, [
         j(t.$slots, "left")
       ]),
@@ -1794,10 +1794,10 @@ function Ue(t) {
 function Ft(t) {
   return t.some((o) => Oe(o));
 }
-function Ge(t) {
+function xe(t) {
   return t.some((o) => Ue(o));
 }
-const Ht = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, Gt = { class: "cl-gap-1 cl-grid cl-grid-cols-2 cl-justify-end cl-mb-2 lg:cl-flex lg:cl-gap-2" }, Zt = { class: "cl-basis-0 cl-col-span-2 cl-flex-grow" }, xt = /* @__PURE__ */ p("hr", { class: "cl-block cl-border-grey-3 cl-col-span-2 cl-my-4 lg:cl-hidden" }, null, -1), Wt = {
+const Ht = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, xt = { class: "cl-gap-1 cl-grid cl-grid-cols-2 cl-justify-end cl-mb-2 lg:cl-flex lg:cl-gap-2" }, Gt = { class: "cl-basis-0 cl-col-span-2 cl-flex-grow" }, Zt = /* @__PURE__ */ p("hr", { class: "cl-block cl-border-grey-3 cl-col-span-2 cl-my-4 lg:cl-hidden" }, null, -1), Wt = {
   key: 1,
   class: "cl-hidden lg:cl-block"
 }, Kt = { class: "cl-block lg:cl-hidden" }, Qt = /* @__PURE__ */ M({
@@ -1813,37 +1813,37 @@ const Ht = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, Gt = { class: "cl-gap-1
   emits: ["update:edit-mode", "update:filterPanelOpen", "clear-filters"],
   setup(t) {
     const { t: o } = oe();
-    return (e, l) => (c(), v(F, null, [
+    return (e, l) => (i(), v(F, null, [
       p("div", Ht, [
         p("strong", null, T(d(o)("grid.gridTools")), 1)
       ]),
-      p("div", Gt, [
-        p("div", Zt, [
+      p("div", xt, [
+        p("div", Gt, [
           j(e.$slots, "additional-grid-actions", le(ne({
             loading: e.loading,
             editMode: e.editMode
           })))
         ]),
-        xt,
-        e.columns.some((s) => s.editable) ? (c(), V(fe, {
+        Zt,
+        e.columns.some((s) => s.editable) ? (i(), V(fe, {
           key: 0,
           size: "small",
           colour: "default",
           onClick: l[0] || (l[0] = W((s) => e.$emit("update:edit-mode", !e.editMode), ["prevent"]))
         }, {
           default: P(() => [
-            e.editMode ? (c(), v(F, { key: 0 }, [
+            e.editMode ? (i(), v(F, { key: 0 }, [
               ee(T(d(o)("grid.finishEditing")), 1)
-            ], 64)) : (c(), v(F, { key: 1 }, [
+            ], 64)) : (i(), v(F, { key: 1 }, [
               ee(T(d(o)("grid.editData")), 1)
             ], 64))
           ]),
           _: 1
         })) : N("", !0),
-        e.options.hideViewManager ? N("", !0) : (c(), v("div", Wt, [
+        e.options.hideViewManager ? N("", !0) : (i(), v("div", Wt, [
           j(e.$slots, "view-manager")
         ])),
-        d(Ge)(e.columns) || d(Ft)(e.columns) ? (c(), v(F, { key: 2 }, [
+        d(xe)(e.columns) || d(Ft)(e.columns) ? (i(), v(F, { key: 2 }, [
           p("div", Kt, [
             k(fe, {
               class: "cl-w-full",
@@ -1856,7 +1856,7 @@ const Ht = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, Gt = { class: "cl-gap-1
               _: 1
             })
           ]),
-          d(Ge)(e.columns) ? (c(), V(fe, {
+          d(xe)(e.columns) ? (i(), V(fe, {
             key: 0,
             size: "small",
             colour: e.request.filters.some((s) => s.filterValue !== "") ? "danger" : "default",
@@ -1886,7 +1886,7 @@ const Ht = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, Gt = { class: "cl-gap-1
 }, eo = {
   key: 1,
   class: "cl-inline-block cl-whitespace-nowrap"
-}, Ze = /* @__PURE__ */ M({
+}, Ge = /* @__PURE__ */ M({
   __name: "cl-ui-grid-cell-value",
   props: {
     data: {},
@@ -1896,48 +1896,48 @@ const Ht = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, Gt = { class: "cl-gap-1
   setup(t) {
     const o = t, { t: e, locale: l, n: s } = oe();
     function m(n, a) {
-      const i = $e.fromISO(n, {
+      const c = $e.fromISO(n, {
         locale: l.value
       }).setZone(o.timeZone);
       let u = "";
       switch (a) {
-        case Z.SHORT_DATE:
-        case Z.DATE:
-          u = i.toFormat("D");
+        case G.SHORT_DATE:
+        case G.DATE:
+          u = c.toFormat("D");
           break;
-        case Z.LONG_DATE:
-          u = i.toFormat("DDD");
+        case G.LONG_DATE:
+          u = c.toFormat("DDD");
           break;
-        case Z.SHORT_DATETIME:
-        case Z.DATETIME:
-          u = i.toFormat("f");
+        case G.SHORT_DATETIME:
+        case G.DATETIME:
+          u = c.toFormat("f");
           break;
-        case Z.LONG_DATETIME:
-          u = i.toFormat("fff");
+        case G.LONG_DATETIME:
+          u = c.toFormat("fff");
           break;
-        case Z.TIME:
-          u = i.toFormat("t");
+        case G.TIME:
+          u = c.toFormat("t");
           break;
       }
       return u;
     }
     return (n, a) => {
-      var i;
-      return n.column.type === "slot" ? j(n.$slots, n.column.name, { key: 0 }) : n.column.type === "boolean" && n.column.field !== void 0 ? (c(), V(ae, {
+      var c;
+      return n.column.type === "slot" ? j(n.$slots, n.column.name, { key: 0 }) : n.column.type === "boolean" && n.column.field !== void 0 ? (i(), V(ae, {
         key: 1,
         "input-type": "checkbox",
         "model-value": n.data[n.column.field],
         disabled: !0
-      }, null, 8, ["model-value"])) : (n.column.type === "date" || n.column.type === "datetime") && n.column.field !== void 0 ? (c(), v(F, { key: 2 }, [
-        n.column.format !== void 0 ? (c(), v(F, { key: 0 }, [
+      }, null, 8, ["model-value"])) : (n.column.type === "date" || n.column.type === "datetime") && n.column.field !== void 0 ? (i(), v(F, { key: 2 }, [
+        n.column.format !== void 0 ? (i(), v(F, { key: 0 }, [
           ee(T(m(n.data[n.column.field], n.column.format)), 1)
-        ], 64)) : n.column.type === "date" ? (c(), v(F, { key: 1 }, [
-          ee(T(m(n.data[n.column.field], d(Z).DATE)), 1)
-        ], 64)) : (c(), v(F, { key: 2 }, [
-          ee(T(m(n.data[n.column.field], d(Z).DATETIME)), 1)
+        ], 64)) : n.column.type === "date" ? (i(), v(F, { key: 1 }, [
+          ee(T(m(n.data[n.column.field], d(G).DATE)), 1)
+        ], 64)) : (i(), v(F, { key: 2 }, [
+          ee(T(m(n.data[n.column.field], d(G).DATETIME)), 1)
         ], 64))
-      ], 64)) : n.column.type === "list" && n.column.field !== void 0 && n.column.listEntries !== void 0 ? (c(), v("span", Jt, T(d(e)(((i = n.column.listEntries.find((u) => u.value === n.data[n.column.field])) == null ? void 0 : i.translationKey) ?? "")), 1)) : n.column.type === "number" && n.column.field !== void 0 ? (c(), v("span", Yt, T(d(s)(n.data[n.column.field], n.column.format ?? d(Y).DECIMAL)), 1)) : n.column.field !== void 0 ? (c(), v(F, { key: 5 }, [
-        n.column.maxLength !== void 0 ? (c(), v("span", Xt, T(n.data[n.column.field].trimToLength(n.column.maxLength, n.column.format !== void 0 ? n.column.format === "ellipsis" : !1)), 1)) : (c(), v("span", eo, T(n.data[n.column.field]), 1))
+      ], 64)) : n.column.type === "list" && n.column.field !== void 0 && n.column.listEntries !== void 0 ? (i(), v("span", Jt, T(d(e)(((c = n.column.listEntries.find((u) => u.value === n.data[n.column.field])) == null ? void 0 : c.translationKey) ?? "")), 1)) : n.column.type === "number" && n.column.field !== void 0 ? (i(), v("span", Yt, T(d(s)(n.data[n.column.field], n.column.format ?? d(Y).DECIMAL)), 1)) : n.column.field !== void 0 ? (i(), v(F, { key: 5 }, [
+        n.column.maxLength !== void 0 ? (i(), v("span", Xt, T(n.data[n.column.field].trimToLength(n.column.maxLength, n.column.format !== void 0 ? n.column.format === "ellipsis" : !1)), 1)) : (i(), v("span", eo, T(n.data[n.column.field]), 1))
       ], 64)) : N("", !0);
     };
   }
@@ -1953,17 +1953,17 @@ const Ht = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, Gt = { class: "cl-gap-1
   setup(t, { emit: o }) {
     const e = t, { t: l } = oe(), s = A(re(e.data)), m = S(() => e.column.field !== void 0 && s.value[e.column.field] !== e.data[e.column.field]), n = S(() => {
       var a;
-      return ((a = e.column.listEntries) == null ? void 0 : a.map((i, u) => ({
+      return ((a = e.column.listEntries) == null ? void 0 : a.map((c, u) => ({
         id: u,
-        name: l(i.translationKey)
+        name: l(c.translationKey)
       }))) ?? [];
     });
     return al(() => s.value = re(e.data)), K(s, (a) => {
-      const i = e.column.field ?? "";
-      i !== "" && (a[i] !== e.data[i] ? o("edit", a[i]) : o("undo"));
+      const c = e.column.field ?? "";
+      c !== "" && (a[c] !== e.data[c] ? o("edit", a[c]) : o("undo"));
     }, {
       deep: !0
-    }), (a, i) => (c(), v("td", {
+    }), (a, c) => (i(), v("td", {
       class: I(["cl-border-b cl-border-grey-1 cl-gap-1 cl-grid cl-grid-cols-2 cl-m-1 cl-mb-0 cl-py-2 cl-text-xs lg:cl-border-b-0 lg:cl-m-0 lg:cl-px-1 lg:cl-table-cell lg:cl-text-base", {
         "cl-bg-link-lighter": m.value
       }])
@@ -1976,7 +1976,7 @@ const Ht = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, Gt = { class: "cl-gap-1
         record: s.value,
         listEntries: n.value
       })), () => [
-        k(Ze, {
+        k(Ge, {
           column: a.column,
           data: a.data,
           "time-zone": a.timeZone
@@ -1986,7 +1986,7 @@ const Ht = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, Gt = { class: "cl-gap-1
           ]),
           _: 2
         }, 1032, ["column", "data", "time-zone"])
-      ]) : (c(), V(Ze, {
+      ]) : (i(), V(Ge, {
         key: 1,
         column: a.column,
         data: a.data,
@@ -2009,8 +2009,8 @@ const Ht = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, Gt = { class: "cl-gap-1
   },
   emits: ["cell-focus", "cell-edit", "cell-undo", "row-select"],
   setup(t) {
-    return (o, e) => (c(), v("tr", null, [
-      (c(!0), v(F, null, Q(o.columns, (l, s) => (c(), V(to, {
+    return (o, e) => (i(), v("tr", null, [
+      (i(!0), v(F, null, Q(o.columns, (l, s) => (i(), V(to, {
         key: s,
         data: o.data,
         column: l,
@@ -2029,10 +2029,10 @@ const Ht = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, Gt = { class: "cl-gap-1
       ]), 1032, ["data", "column", "time-zone", "edit-mode", "onEdit", "onUndo"]))), 128))
     ]));
   }
-}), no = { key: 1 }, so = ["colspan"], ao = { class: "cl-flex cl-flex-wrap cl-justify-center cl-text-center cl-text-sm cl-w-full" }, ro = { class: "cl-mt-6 cl-w-full" }, io = {
+}), no = { key: 1 }, so = ["colspan"], ao = { class: "cl-flex cl-flex-wrap cl-justify-center cl-text-center cl-text-sm cl-w-full" }, ro = { class: "cl-mt-6 cl-w-full" }, co = {
   key: 0,
   class: "cl-mt-4"
-}, co = { class: "cl-mb-2 cl-w-full" }, uo = /* @__PURE__ */ M({
+}, io = { class: "cl-mb-2 cl-w-full" }, uo = /* @__PURE__ */ M({
   __name: "cl-ui-grid-body",
   props: {
     columns: {},
@@ -2058,7 +2058,7 @@ const Ht = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, Gt = { class: "cl-gap-1
     function a(r, w) {
       n(r), w.field !== void 0 && (s.value.record[w.field] = w.value);
     }
-    function i(r) {
+    function c(r) {
       if (r !== void 0) {
         const { [r]: w, ...h } = s.value.record;
         s.value.record = {
@@ -2094,8 +2094,8 @@ const Ht = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, Gt = { class: "cl-gap-1
       e.editMode || (m(), s.value.index = -1);
     }), (r, w) => {
       var h;
-      return c(), v("tbody", null, [
-        r.data && ((h = r.data.results) != null && h.length) ? (c(!0), v(F, { key: 0 }, Q(r.data.results, (q, $) => (c(), V(oo, {
+      return i(), v("tbody", null, [
+        r.data && ((h = r.data.results) != null && h.length) ? (i(!0), v(F, { key: 0 }, Q(r.data.results, (q, $) => (i(), V(oo, {
           key: $,
           data: q,
           columns: r.columns,
@@ -2115,7 +2115,7 @@ const Ht = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, Gt = { class: "cl-gap-1
           onCellEdit: (R) => {
             a($, R);
           },
-          onCellUndo: i
+          onCellUndo: c
         }, Re({ _: 2 }, [
           Q(r.$slots, (R, O) => ({
             name: O,
@@ -2123,14 +2123,14 @@ const Ht = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, Gt = { class: "cl-gap-1
               j(r.$slots, O, le(ne(z)))
             ])
           }))
-        ]), 1032, ["data", "columns", "time-zone", "edit-mode", "class", "onClick", "onCellFocus", "onCellEdit"]))), 128)) : r.loading ? N("", !0) : (c(), v("tr", no, [
+        ]), 1032, ["data", "columns", "time-zone", "edit-mode", "class", "onClick", "onCellFocus", "onCellEdit"]))), 128)) : r.loading ? N("", !0) : (i(), v("tr", no, [
           p("td", {
             colspan: r.columns.length
           }, [
             p("div", ao, [
               p("strong", ro, T(d(l)("grid.noData")), 1),
-              r.request.filters.length > 0 ? (c(), v("div", io, [
-                p("div", co, T(d(l)("grid.noDataFiltersPresent")), 1),
+              r.request.filters.length > 0 ? (i(), v("div", co, [
+                p("div", io, T(d(l)("grid.noDataFiltersPresent")), 1),
                 k(fe, {
                   size: "small",
                   colour: "danger",
@@ -2177,7 +2177,7 @@ const Ht = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, Gt = { class: "cl-gap-1
       const w = re(e.request);
       w.pageNumber !== r && (w.pageNumber = Math.max(Math.min(Math.trunc(r), m.value), 1), o("update:request", w));
     }
-    function i(r) {
+    function c(r) {
       const w = parseInt(r == null ? void 0 : r.value) || 1;
       a(w);
     }
@@ -2193,10 +2193,10 @@ const Ht = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, Gt = { class: "cl-gap-1
       const w = re(e.request);
       w.pageSize = r, w.pageNumber = 1, o("update:request", w);
     }
-    const b = Qe(i, 750);
+    const b = Qe(c, 750);
     return (r, w) => {
       var h, q;
-      return (q = (h = r.data) == null ? void 0 : h.results) != null && q.length && r.request ? (c(), v("div", po, [
+      return (q = (h = r.data) == null ? void 0 : h.results) != null && q.length && r.request ? (i(), v("div", po, [
         p("div", fo, [
           p("span", mo, T(d(s)("grid.jumpToPage")), 1),
           k(ae, {
@@ -2239,7 +2239,7 @@ const Ht = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, Gt = { class: "cl-gap-1
               ], 512), [
                 [H, r.request.pageNumber > 1]
               ]),
-              (c(!0), v(F, null, Q(n.value, ($, R) => (c(), v("li", {
+              (i(!0), v(F, null, Q(n.value, ($, R) => (i(), v("li", {
                 key: R,
                 class: I(["cl-cursor-pointer cl-mr-1 lg:cl-mr-2", {
                   "cl-text-black cl-font-bold": r.request.pageNumber === $,
@@ -2273,7 +2273,7 @@ const Ht = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, Gt = { class: "cl-gap-1
           ]),
           p("ul", ko, [
             p("li", Co, T(d(s)("grid.pageSize")), 1),
-            (c(), v(F, null, Q(u, ($, R) => p("li", {
+            (i(), v(F, null, Q(u, ($, R) => p("li", {
               key: R,
               class: I(["cl-cursor-pointer cl-mr-1 lg:cl-mr-2", {
                 "cl-text-black cl-font-bold": r.request.pageSize === $,
@@ -2382,7 +2382,7 @@ const Bo = {
     "datetime"
   ],
   key: "before"
-}, xe = [
+}, Ze = [
   Mo,
   {
     method: "notcontains",
@@ -2482,25 +2482,25 @@ const Bo = {
   setup(t, { emit: o }) {
     const e = t, { t: l } = oe(), s = S(() => {
       let a = [];
-      return e.column.type !== "slot" ? a = xe.filter((i) => i.allowedTypes.includes(e.column.type)) : typeof e.column.slotType < "u" && typeof e.column.field < "u" && (a = xe.filter((i) => i.allowedTypes.includes(e.column.slotType))), e.column.type === "date" || e.column.type === "datetime" || e.column.slotType === "date" || e.column.slotType === "datetime" ? a.forEach((i) => {
-        i.description = l(`grid.${i.key}`);
-      }) : a.forEach((i) => {
-        i.description = l(`grid.${i.method}`);
+      return e.column.type !== "slot" ? a = Ze.filter((c) => c.allowedTypes.includes(e.column.type)) : typeof e.column.slotType < "u" && typeof e.column.field < "u" && (a = Ze.filter((c) => c.allowedTypes.includes(e.column.slotType))), e.column.type === "date" || e.column.type === "datetime" || e.column.slotType === "date" || e.column.slotType === "datetime" ? a.forEach((c) => {
+        c.description = l(`grid.${c.key}`);
+      }) : a.forEach((c) => {
+        c.description = l(`grid.${c.method}`);
       }), a;
     }), m = S(() => {
-      var i;
-      let a = (i = e.filter) == null ? void 0 : i.filterMethod;
+      var c;
+      let a = (c = e.filter) == null ? void 0 : c.filterMethod;
       return typeof a > "u" && (a = te[e.defaultOperation].toLowerCase()), s.value.find((u) => {
         var g;
         return u.method.toLowerCase() === ((g = a == null ? void 0 : a.removeNonAlphanumeric()) == null ? void 0 : g.toLowerCase());
       });
     });
     function n(a) {
-      let i;
+      let c;
       if (e.filter)
-        i = re(e.filter), i.filterOperation = te[a.toUpperCase()], i.filterMethod = a.toLowerCase();
+        c = re(e.filter), c.filterOperation = te[a.toUpperCase()], c.filterMethod = a.toLowerCase();
       else if (typeof e.column.field < "u")
-        i = {
+        c = {
           filterOnColumn: e.column.field,
           filterMethod: a.toLowerCase(),
           filterOperation: te[a.toUpperCase()],
@@ -2508,11 +2508,11 @@ const Bo = {
         };
       else
         return;
-      o("update:filter", i);
+      o("update:filter", c);
     }
-    return (a, i) => (c(), v("div", Do, [
+    return (a, c) => (i(), v("div", Do, [
       p("div", Lo, [
-        m.value ? (c(), V(d(_), {
+        m.value ? (i(), V(d(_), {
           key: 0,
           icon: m.value.icon,
           class: I(["cl-text-lg", {
@@ -2528,9 +2528,9 @@ const Bo = {
         }])
       }, [
         p("strong", Po, T(d(l)("grid.availableMethods")), 1),
-        (c(!0), v(F, null, Q(s.value, (u, g) => {
+        (i(!0), v(F, null, Q(s.value, (u, g) => {
           var b;
-          return c(), v("span", {
+          return i(), v("span", {
             key: g,
             class: I(["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": u.method === ((b = m.value) == null ? void 0 : b.method)
@@ -2547,10 +2547,10 @@ const Bo = {
       ], 2)
     ]));
   }
-}), Go = {
+}), xo = {
   key: 0,
   class: "cl-border cl-border-grey-2 cl-flex cl-overflow-hidden cl-rounded-md lg:cl-overflow-visible"
-}, Zo = /* @__PURE__ */ p("option", { value: void 0 }, null, -1), xo = ["selected"], Wo = ["selected"], Ko = /* @__PURE__ */ p("option", { value: void 0 }, null, -1), Qo = ["value", "selected"], Jo = /* @__PURE__ */ M({
+}, Go = /* @__PURE__ */ p("option", { value: void 0 }, null, -1), Zo = ["selected"], Wo = ["selected"], Ko = /* @__PURE__ */ p("option", { value: void 0 }, null, -1), Qo = ["value", "selected"], Jo = /* @__PURE__ */ M({
   __name: "cl-ui-grid-filter",
   props: {
     filter: {},
@@ -2567,13 +2567,13 @@ const Bo = {
     const n = S({
       get: () => e.filter,
       set: (O) => o("update:filter", O)
-    }), a = S(() => e.column.type === "date" || e.column.type === "datetime" || e.column.type === "slot" && (e.column.slotType === "date" || e.column.slotType === "datetime")), i = S(() => e.column.type === "list" || e.column.type === "slot" && e.column.slotType === "list"), u = S(() => i.value && e.column.listType === "number"), g = S({
+    }), a = S(() => e.column.type === "date" || e.column.type === "datetime" || e.column.type === "slot" && (e.column.slotType === "date" || e.column.slotType === "datetime")), c = S(() => e.column.type === "list" || e.column.type === "slot" && e.column.slotType === "list"), u = S(() => c.value && e.column.listType === "number"), g = S({
       get() {
         var z, U, y, D;
         let O = (z = n.value) == null ? void 0 : z[0];
         if (O && a.value && (((U = e.filter) == null ? void 0 : U.length) ?? 0 > 1)) {
-          const J = (y = n.value) == null ? void 0 : y.find((ie) => ie.filterOperation === te.EQUAL_OR_GREATER_THAN), x = (D = n.value) == null ? void 0 : D.find((ie) => ie.filterOperation === te.LESS_THAN);
-          J && x && (O = {
+          const J = (y = n.value) == null ? void 0 : y.find((ce) => ce.filterOperation === te.EQUAL_OR_GREATER_THAN), Z = (D = n.value) == null ? void 0 : D.find((ce) => ce.filterOperation === te.LESS_THAN);
+          J && Z && (O = {
             filterOnColumn: e.column.field,
             filterOperation: te.EQUAL,
             filterMethod: "equal",
@@ -2623,11 +2623,11 @@ const Bo = {
       if (g.value)
         y = ((J = g.value) == null ? void 0 : J.filterValue) === D, U = re(g.value), U.filterValue = D;
       else if (D !== "" && typeof e.column.field < "u") {
-        const x = m();
+        const Z = m();
         U = {
           filterOnColumn: e.column.field,
-          filterMethod: te[x].toLowerCase(),
-          filterOperation: x,
+          filterMethod: te[Z].toLowerCase(),
+          filterOperation: Z,
           filterValue: D
         };
       } else
@@ -2638,22 +2638,22 @@ const Bo = {
       let U, y = (O == null ? void 0 : O.value) ?? z ?? 0;
       e.column.format === Y.INTEGER ? (typeof y == "string" && (y = parseInt(y)), U = Math.round(y)) : (typeof y == "string" && (y = parseFloat(y.replace(h.value, "."))), U = y), $(null, isNaN(U) ? "" : U.toString());
     }
-    return (O, z) => q.value ? (c(), v("div", Go, [
-      O.column.type === "boolean" || O.column.slotType === "boolean" ? (c(), v("select", {
+    return (O, z) => q.value ? (i(), v("div", xo, [
+      O.column.type === "boolean" || O.column.slotType === "boolean" ? (i(), v("select", {
         key: 0,
         class: "!cl-h-[2rem] cl-border-none cl-mb-0 cl-rounded-md cl-w-full",
         onChange: z[0] || (z[0] = (U) => $(U.target))
       }, [
-        Zo,
+        Go,
         p("option", {
           value: "true",
           selected: r.value === "true"
-        }, T(d(s)("grid.true")), 9, xo),
+        }, T(d(s)("grid.true")), 9, Zo),
         p("option", {
           value: "false",
           selected: r.value === "false"
         }, T(d(s)("grid.false")), 9, Wo)
-      ], 32)) : O.column.type === "date" || O.column.type === "datetime" || O.column.slotType === "date" || O.column.slotType === "datetime" ? (c(), V(ae, {
+      ], 32)) : O.column.type === "date" || O.column.type === "datetime" || O.column.slotType === "date" || O.column.slotType === "datetime" ? (i(), V(ae, {
         key: 1,
         "model-value": w.value,
         class: "!cl-h-[2rem] !cl-text-xs cl-border-none cl-mb-0 cl-w-full lg:!cl-text-base",
@@ -2662,26 +2662,26 @@ const Bo = {
         "input-type": O.column.type === "slot" ? O.column.slotType : O.column.type,
         "time-zone": O.timeZone,
         "onUpdate:modelValue": z[1] || (z[1] = (U) => $(null, U ?? ""))
-      }, null, 8, ["model-value", "label", "input-type", "time-zone"])) : O.column.type === "number" || O.column.slotType === "number" ? (c(), V(ae, {
+      }, null, 8, ["model-value", "label", "input-type", "time-zone"])) : O.column.type === "number" || O.column.slotType === "number" ? (i(), V(ae, {
         key: 2,
         "model-value": r.value,
         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] = (U, y) => R(null, y))
-      }, null, 8, ["model-value"])) : O.column.type === "string" || O.column.slotType === "string" ? (c(), V(ae, {
+      }, null, 8, ["model-value"])) : O.column.type === "string" || O.column.slotType === "string" ? (i(), V(ae, {
         key: 3,
         "model-value": r.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] = (U, y) => $(null, y))
-      }, null, 8, ["model-value"])) : i.value ? (c(), v("select", {
+      }, null, 8, ["model-value"])) : c.value ? (i(), v("select", {
         key: 4,
         class: "!cl-h-[2rem] cl-border-none cl-mb-0 cl-rounded-md cl-w-full",
         onChange: z[4] || (z[4] = (U) => u.value ? R(U.target) : $(U.target))
       }, [
         Ko,
-        (c(!0), v(F, null, Q(O.column.listEntries ?? [], (U) => (c(), v("option", {
+        (i(!0), v(F, null, Q(O.column.listEntries ?? [], (U) => (i(), v("option", {
           key: U.value,
           value: U.value,
           selected: r.value === U.value.toString()
@@ -2709,33 +2709,33 @@ const Bo = {
   setup(t, { emit: o }) {
     const e = t, { t: l } = oe(), s = S({
       get: () => e.request,
-      set: (i) => o("update:request", i)
+      set: (c) => o("update:request", c)
     });
-    function m(i, u) {
+    function m(c, u) {
       var g, b;
-      return ((g = s.value.sort) == null ? void 0 : g.sortOnColumn) === i.field && ((b = s.value.sort) == null ? void 0 : b.sortByAscending) === u;
+      return ((g = s.value.sort) == null ? void 0 : g.sortOnColumn) === c.field && ((b = s.value.sort) == null ? void 0 : b.sortByAscending) === u;
     }
-    function n(i) {
-      if (typeof i < "u") {
+    function n(c) {
+      if (typeof c < "u") {
         const u = re(e.request);
-        u.sort === null || u.sort.sortOnColumn !== i ? u.sort = {
-          sortOnColumn: i,
+        u.sort === null || u.sort.sortOnColumn !== c ? u.sort = {
+          sortOnColumn: c,
           sortByAscending: !0
-        } : u.sort.sortOnColumn === i && u.sort.sortByAscending === !0 ? u.sort.sortByAscending = !1 : u.sort = null, s.value = u;
+        } : u.sort.sortOnColumn === c && u.sort.sortByAscending === !0 ? u.sort.sortByAscending = !1 : u.sort = null, s.value = u;
       }
     }
-    function a(i) {
-      if (i) {
+    function a(c) {
+      if (c) {
         const u = re(s.value);
         u.filters = [
-          ...u.filters.filter((g) => g.filterOnColumn !== i[0].filterOnColumn),
-          ...i
+          ...u.filters.filter((g) => g.filterOnColumn !== c[0].filterOnColumn),
+          ...c
         ], u.pageNumber = 1, s.value = u;
       }
     }
-    return (i, u) => (c(), v("thead", Yo, [
+    return (c, u) => (i(), v("thead", Yo, [
       p("tr", Xo, [
-        (c(!0), v(F, null, Q(i.columns, (g, b) => (c(), v("th", {
+        (i(!0), v(F, null, Q(c.columns, (g, b) => (i(), v("th", {
           key: b,
           class: I(["cl-text-grey-3 cl-text-sm", {
             "cl-cursor-pointer": d(Oe)(g)
@@ -2760,7 +2760,7 @@ const Bo = {
       ]),
       p("tr", {
         class: I(["cl-border cl-border-grey-2 cl-flex cl-flex-wrap cl-p-2 lg:cl-border-none lg:cl-p-0 lg:cl-table-row", {
-          "cl-hidden lg:cl-table-row": !i.filterPanelOpen
+          "cl-hidden lg:cl-table-row": !c.filterPanelOpen
         }])
       }, [
         p("div", ln, [
@@ -2768,31 +2768,31 @@ const Bo = {
             class: "cl-text-grey-4 hover:cl-cursor-pointer hover:cl-text-link-default",
             icon: "ph:x",
             size: 16,
-            onClick: u[0] || (u[0] = W((g) => i.$emit("update:filterPanelOpen", !1), ["prevent"]))
+            onClick: u[0] || (u[0] = W((g) => c.$emit("update:filterPanelOpen", !1), ["prevent"]))
           })
         ]),
-        (c(!0), v(F, null, Q(i.columns, (g, b) => (c(), v("th", {
+        (i(!0), v(F, null, Q(c.columns, (g, b) => (i(), v("th", {
           key: b,
           class: I(["cl-grid cl-grid-cols-4 cl-py-1 cl-text-xs cl-w-full lg:cl-table-cell lg:cl-w-auto", {
             "cl-hidden lg:cl-table-cell": !d(Ue)(g)
           }])
         }, [
           p("div", tn, T(g.caption), 1),
-          d(Oe)(g) ? (c(), v("div", {
+          d(Oe)(g) ? (i(), v("div", {
             key: 0,
             class: "cl-col-span-2 cl-gap-1 cl-span lg:cl-hidden",
             onClick: (r) => n(g.field)
           }, [
             p("span", nn, T(d(l)("grid.sortBy")), 1),
-            m(g, !0) ? (c(), V(d(_), {
+            m(g, !0) ? (i(), V(d(_), {
               key: 0,
               class: "cl-cursor-pointer cl-inline-block",
               icon: "ph:caret-up"
-            })) : m(g, !1) ? (c(), V(d(_), {
+            })) : m(g, !1) ? (i(), V(d(_), {
               key: 1,
               class: "cl-cursor-pointer cl-inline-block",
               icon: "ph:caret-down"
-            })) : (c(), V(d(_), {
+            })) : (i(), V(d(_), {
               key: 2,
               class: "cl-cursor-pointer cl-inline-block",
               icon: "ph:minus"
@@ -2802,8 +2802,8 @@ const Bo = {
             class: "cl-col-span-4",
             filter: s.value.filters.filter((r) => r.filterOnColumn === g.field),
             column: g,
-            "time-zone": i.timeZone,
-            "first-half": b <= i.columns.length / 2,
+            "time-zone": c.timeZone,
+            "first-half": b <= c.columns.length / 2,
             "onUpdate:filter": a
           }, null, 8, ["filter", "column", "time-zone", "first-half"])
         ], 2))), 128))
@@ -2819,19 +2819,19 @@ const Bo = {
   emits: ["update:columns"],
   setup(t, { emit: o }) {
     const e = t, { t: l } = oe(), s = A(!1);
-    function m(i, u, g) {
-      g < i.length && g >= 0 && i.splice(g, 0, i.splice(u, 1)[0]);
+    function m(c, u, g) {
+      g < c.length && g >= 0 && c.splice(g, 0, c.splice(u, 1)[0]);
     }
-    function n(i, u) {
-      const g = re(e.columns), b = (i == null ? void 0 : i.checked) ?? !1, r = g.findIndex((w) => w.name === u.name);
+    function n(c, u) {
+      const g = re(e.columns), b = (c == null ? void 0 : c.checked) ?? !1, r = g.findIndex((w) => w.name === u.name);
       r >= 0 && (g[r].visible = b), o("update:columns", g);
     }
-    function a(i, u) {
-      const g = re(e.columns), b = u === "up" ? i + 1 : i - 1;
-      m(g, i, b), o("update:columns", g);
+    function a(c, u) {
+      const g = re(e.columns), b = u === "up" ? c + 1 : c - 1;
+      m(g, c, b), o("update:columns", g);
     }
-    return (i, u) => (c(), v(F, null, [
-      k(fe, se(i.$attrs, {
+    return (c, u) => (i(), v(F, null, [
+      k(fe, se(c.$attrs, {
         class: "cl-w-full",
         size: "small",
         onClick: u[0] || (u[0] = W((g) => s.value = !0, ["prevent"]))
@@ -2841,7 +2841,7 @@ const Bo = {
         ]),
         _: 1
       }, 16),
-      (c(), V(Ie, { to: "body" }, [
+      (i(), V(Ie, { to: "body" }, [
         k(me, { name: "slide-left" }, {
           default: P(() => [
             L(p("div", an, [
@@ -2859,7 +2859,7 @@ const Bo = {
                     p("strong", fn, T(d(l)("grid.visible")), 1),
                     p("strong", mn, T(d(l)("grid.order")), 1)
                   ]),
-                  (c(!0), v(F, null, Q(i.columns, (g, b) => (c(), v("li", {
+                  (i(!0), v(F, null, Q(c.columns, (g, b) => (i(), v("li", {
                     key: b,
                     class: "cl-border-b cl-border-grey-2 cl-flex cl-py-2 cl-text-sm cl-w-full"
                   }, [
@@ -2872,20 +2872,20 @@ const Bo = {
                       }, null, 8, ["model-value", "onClick"])
                     ]),
                     p("div", bn, [
-                      g.visible === void 0 || g.visible === !0 ? (c(), v(F, { key: 0 }, [
-                        b !== 0 ? (c(), V(d(_), {
+                      g.visible === void 0 || g.visible === !0 ? (i(), v(F, { key: 0 }, [
+                        b !== 0 ? (i(), V(d(_), {
                           key: 0,
                           class: "cl-cursor-pointer cl-inline-block cl-mr-2",
                           icon: "ph:arrow-left",
                           onClick: (r) => a(b, "down")
                         }, null, 8, ["onClick"])) : N("", !0),
-                        b !== i.columns.length - 1 ? (c(), V(d(_), {
+                        b !== c.columns.length - 1 ? (i(), V(d(_), {
                           key: 1,
                           class: "cl-cursor-pointer cl-inline-block",
                           icon: "ph:arrow-right",
                           onClick: (r) => a(b, "up")
                         }, null, 8, ["onClick"])) : N("", !0)
-                      ], 64)) : (c(), v("em", hn, T(d(l)("grid.hidden")), 1))
+                      ], 64)) : (i(), v("em", hn, T(d(l)("grid.hidden")), 1))
                     ])
                   ]))), 128))
                 ])
@@ -2928,21 +2928,21 @@ const Bo = {
     Ae(() => {
       window.addEventListener("resize", n), n();
     }), _e(() => window.removeEventListener("resize", n));
-    const i = S({
+    const c = S({
       get: () => e.request,
       set: (h) => o("update:request", h)
     });
     function u() {
-      const h = re(i.value);
-      h.pageNumber = 1, h.filters = [], i.value = h;
+      const h = re(c.value);
+      h.pageNumber = 1, h.filters = [], c.value = h;
     }
     const g = Qe(() => o("data-request"), 750);
-    K(i, g, {
+    K(c, g, {
       deep: !0,
       immediate: !0
     });
     const b = S(() => e.data), r = A(!1), w = A(!1);
-    return K(r, () => r.value ? o("edit-start") : o("edit-end")), (h, q) => (c(), v("div", wn, [
+    return K(r, () => r.value ? o("edit-start") : o("edit-end")), (h, q) => (i(), v("div", wn, [
       k(me, { name: "fade" }, {
         default: P(() => [
           L(p("div", $n, [
@@ -2982,15 +2982,15 @@ const Bo = {
           }])
         }, [
           p("colgroup", Cn, [
-            (c(!0), v(F, null, Q(s.value, ($, R) => (c(), v("col", {
+            (i(!0), v(F, null, Q(s.value, ($, R) => (i(), v("col", {
               key: R,
               style: We(a($.name)),
               span: 1
             }, null, 4))), 128))
           ]),
           k(sn, {
-            request: i.value,
-            "onUpdate:request": q[3] || (q[3] = ($) => i.value = $),
+            request: c.value,
+            "onUpdate:request": q[3] || (q[3] = ($) => c.value = $),
             "filter-panel-open": w.value,
             "onUpdate:filterPanelOpen": q[4] || (q[4] = ($) => w.value = $),
             columns: s.value,
@@ -2999,7 +2999,7 @@ const Bo = {
           }, null, 8, ["request", "filter-panel-open", "columns", "options", "time-zone"]),
           k(uo, {
             columns: s.value,
-            request: i.value,
+            request: c.value,
             data: b.value,
             "time-zone": h.timeZone,
             loading: h.loading,
@@ -3019,8 +3019,8 @@ const Bo = {
         ], 2)
       ]),
       k(Ao, {
-        request: i.value,
-        "onUpdate:request": q[7] || (q[7] = ($) => i.value = $),
+        request: c.value,
+        "onUpdate:request": q[7] || (q[7] = ($) => c.value = $),
         data: h.data
       }, null, 8, ["request", "data"])
     ]));
@@ -3035,7 +3035,7 @@ const Bo = {
     const e = t, l = A();
     return ze(l, () => {
       (e.isOpen ?? !1) && o("open-click");
-    }), (s, m) => (c(), v("header", En, [
+    }), (s, m) => (i(), v("header", En, [
       j(s.$slots, "logo"),
       p("div", {
         ref_key: "headerMenuElement",
@@ -3065,18 +3065,18 @@ const Bo = {
   },
   setup(t) {
     const o = t;
-    return (e, l) => (c(), v("div", {
+    return (e, l) => (i(), v("div", {
       class: I(["md:cl-relative", {
         "cl-bg-primary-default": (o == null ? void 0 : o.colour) === "default",
         "cl-bg-blue-light": o.colour === "secondary"
       }])
     }, [
       p("div", qn, [
-        e.image ? (c(), v("img", {
+        e.image ? (i(), v("img", {
           key: 0,
           src: e.image,
           class: "cl-hidden cl-m-4 cl-max-h-12 cl-max-w-12 cl-ring-2 cl-ring-white cl-rounded-full md:cl-block"
-        }, null, 8, An)) : (c(), V(d(_), {
+        }, null, 8, An)) : (i(), V(d(_), {
           key: 1,
           class: "cl-hidden cl-m-4 cl-text-white md:cl-block",
           icon: "ph:user-circle",
@@ -3089,8 +3089,8 @@ const Bo = {
             "cl-text-white": o.colour === "secondary"
           }])
         }, [
-          e.username ? (c(), v("div", Sn, T(e.username), 1)) : N("", !0),
-          e.group ? (c(), v("div", Nn, T(e.group), 1)) : N("", !0)
+          e.username ? (i(), v("div", Sn, T(e.username), 1)) : N("", !0),
+          e.group ? (i(), v("div", Nn, T(e.group), 1)) : N("", !0)
         ], 2),
         p("div", jn, [
           k(d(_), {
@@ -3145,29 +3145,29 @@ const Un = {
   },
   emits: ["language-select"],
   setup(t, { emit: o }) {
-    const e = t, { locale: l } = oe(), s = A(!1), m = S(() => e.supportedLanguages.find((i) => i.localeCode === l.value) ?? e.defaultLangauge), n = S(() => e.supportedLanguages.filter((i) => je(i)).sort((i, u) => i.nativeName > u.nativeName ? 1 : u.nativeName > i.nativeName ? -1 : 0));
+    const e = t, { locale: l } = oe(), s = A(!1), m = S(() => e.supportedLanguages.find((c) => c.localeCode === l.value) ?? e.defaultLangauge), n = S(() => e.supportedLanguages.filter((c) => je(c)).sort((c, u) => c.nativeName > u.nativeName ? 1 : u.nativeName > c.nativeName ? -1 : 0));
     function a() {
       e.disabled || (s.value = !s.value);
     }
-    return K(() => e.disabled, (i) => {
-      i && (s.value = !1);
-    }), (i, u) => m.value !== null && d(je)(m.value) ? (c(), v("div", Un, [
+    return K(() => e.disabled, (c) => {
+      c && (s.value = !1);
+    }), (c, u) => m.value !== null && d(je)(m.value) ? (i(), v("div", Un, [
       p("div", {
         class: I(["cl-flex cl-items-center", {
-          "cl-cursor-pointer": !i.disabled
+          "cl-cursor-pointer": !c.disabled
         }]),
         onClick: a
       }, [
         p("span", {
           class: I(["cl-font-semibold cl-text-xs", {
-            "cl-opacity-50": i.disabled
+            "cl-opacity-50": c.disabled
           }])
         }, T(m.value.nativeName), 3)
       ], 2),
       k(me, { name: "fade" }, {
         default: P(() => [
           L(p("div", Bn, [
-            (c(!0), v(F, null, Q(n.value, (g, b) => (c(), v("div", {
+            (i(!0), v(F, null, Q(n.value, (g, b) => (i(), v("div", {
               key: b,
               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": g.name,
@@ -3186,10 +3186,10 @@ const Un = {
       })
     ])) : N("", !0);
   }
-}), Ln = { class: "cl-relative" }, Pn = { class: "cl-h-screen cl-z-0" }, Fn = { class: "cl-absolute cl-bg-secondary-default cl-gap-y-1 cl-grid cl-grid-cols-1 cl-left-0 cl-opacity-95 cl-p-6 cl-top-0 cl-w-full cl-z-10 lg:cl-gap-x-1 lg:cl-grid-cols-10 lg:cl-p-10" }, Hn = { class: "cl-col-span-10 lg:cl-col-span-3" }, Gn = {
+}), Ln = { class: "cl-relative" }, Pn = { class: "cl-h-full cl-z-0 xl:cl-h-screen" }, Fn = { class: "cl-absolute cl-bg-secondary-default cl-gap-y-1 cl-grid cl-grid-cols-1 cl-left-0 cl-opacity-95 cl-p-6 cl-top-0 cl-w-full cl-z-10 lg:cl-gap-x-1 lg:cl-grid-cols-10 lg:cl-p-10" }, Hn = { class: "cl-col-span-10 lg:cl-col-span-3" }, xn = {
   key: 0,
   class: "cl-col-span-10 cl-flex cl-items-start cl-justify-end cl-text-white lg:cl-col-span-1 lg:cl-p-2"
-}, Zn = { class: "cl-col-span-3" }, xn = { class: "cl-inline cl-relative cl-text-grey-4" }, Wn = { class: "cl-col-span-3" }, Kn = { class: "cl-inline cl-relative cl-text-grey-4" }, Qn = { class: "cl-col-span-10 cl-emphasis-danger cl-mt-10 cl-p-3 cl-rounded-md cl-text-sm md:cl-mt-3" }, Jn = /* @__PURE__ */ M({
+}, Gn = { class: "cl-col-span-3" }, Zn = { class: "cl-inline cl-relative cl-text-grey-4" }, Wn = { class: "cl-col-span-3" }, Kn = { class: "cl-inline cl-relative cl-text-grey-4" }, Qn = { class: "cl-col-span-10 cl-emphasis-danger cl-mt-10 cl-p-3 cl-rounded-md cl-text-sm md:cl-mt-3" }, Jn = /* @__PURE__ */ M({
   __name: "cl-ui-login",
   props: {
     errors: { default: () => [] },
@@ -3208,7 +3208,7 @@ const Un = {
       };
       o("login", b);
     }
-    function i() {
+    function c() {
       o("update:errors", []);
     }
     function u(b, r) {
@@ -3221,7 +3221,7 @@ const Un = {
     function g(b, r) {
       n.value = b;
     }
-    return (b, r) => (c(), v("div", Ln, [
+    return (b, r) => (i(), v("div", Ln, [
       p("div", Pn, [
         j(b.$slots, "background")
       ]),
@@ -3229,7 +3229,7 @@ const Un = {
         p("div", Hn, [
           j(b.$slots, "logo")
         ]),
-        b.$slots["language-switcher"] ? (c(), v("div", Gn, [
+        b.$slots["language-switcher"] ? (i(), v("div", xn, [
           j(b.$slots, "language-switcher")
         ])) : N("", !0),
         p("div", {
@@ -3238,8 +3238,8 @@ const Un = {
             "cl-col-span-6": b.$slots["language-switcher"]
           }])
         }, [
-          p("div", Zn, [
-            p("div", xn, [
+          p("div", Gn, [
+            p("div", Zn, [
               k(d(_), {
                 class: "cl-absolute cl-left-3 cl-top-2.5 cl-z-10",
                 icon: "ph:user",
@@ -3261,7 +3261,7 @@ const Un = {
                 "custom-validation-function": u,
                 "input-specific-classes": "!cl-pl-9",
                 "message-when-valid": l.value ? d(e)("login.validEmail") : "",
-                onInput: i,
+                onInput: c,
                 onValidated: g
               }, null, 8, ["modelValue", "highlight-when-valid", "label", "placeholder-text", "message-when-valid"])
             ])
@@ -3303,7 +3303,7 @@ const Un = {
                 "validate-immediately": !0,
                 "input-specific-classes": "!cl-pl-9 !cl-pr-9",
                 "custom-validation-function": u,
-                onInput: i
+                onInput: c
               }, null, 8, ["modelValue", "input-type", "highlight-when-valid", "label", "placeholder-text"])
             ])
           ]),
@@ -3332,7 +3332,7 @@ const Un = {
             var w;
             return [
               L(p("span", Qn, [
-                (c(!0), v(F, null, Q(b.errors, (h, q) => (c(), v("div", {
+                (i(!0), v(F, null, Q(b.errors, (h, q) => (i(), v("div", {
                   id: "cl-ui-login-errors",
                   key: q,
                   class: "cl-font-semibold"
@@ -3379,7 +3379,7 @@ const Un = {
         h.id !== r && (h.open = !1);
       }));
     }
-    const m = il();
+    const m = cl();
     K(
       () => m,
       () => {
@@ -3389,9 +3389,9 @@ const Un = {
         deep: !0
       }
     );
-    const n = A(!1), a = A(!1), { start: i } = Ke(() => a.value = !1, 100);
+    const n = A(!1), a = A(!1), { start: c } = Ke(() => a.value = !1, 100);
     function u() {
-      n.value = !n.value, a.value = !0, i();
+      n.value = !n.value, a.value = !0, c();
     }
     const g = A();
     function b() {
@@ -3399,7 +3399,7 @@ const Un = {
         r.open = !1;
       });
     }
-    return ze(g, b), (r, w) => (c(), v("div", {
+    return ze(g, b), (r, w) => (i(), v("div", {
       ref_key: "navElement",
       ref: g,
       class: "cl-flex cl-flex-nowrap cl-relative"
@@ -3413,7 +3413,7 @@ const Un = {
       }, [
         j(r.$slots, "icon", se({ navcolour: r.colour }, { groupIsOpen: l, toggleOpen: s }), void 0, !0)
       ], 2),
-      a.value ? (c(), v("div", es)) : N("", !0),
+      a.value ? (i(), v("div", es)) : N("", !0),
       k(me, { name: "slide-right" }, {
         default: P(() => [
           L(p("div", {
@@ -3427,10 +3427,10 @@ const Un = {
                 class: "cl-absolute cl-cursor-pointer cl-hidden cl-right-0 cl-top-1.5 lg:cl-block",
                 onClick: u
               }, [
-                n.value ? (c(), V(d(_), {
+                n.value ? (i(), V(d(_), {
                   key: 1,
                   icon: "ph:push-pin-slash"
-                })) : (c(), V(d(_), {
+                })) : (i(), V(d(_), {
                   key: 0,
                   icon: "ph:push-pin"
                 }))
@@ -3454,7 +3454,7 @@ const os = /* @__PURE__ */ de(ts, [["__scopeId", "data-v-7db412a7"]]), ns = /* @
     colour: { default: "default" }
   },
   setup(t) {
-    return (o, e) => (c(), v("div", {
+    return (o, e) => (i(), v("div", {
       class: I(["cl-cursor-pointer cl-flex cl-h-20 cl-items-center cl-justify-center cl-transition-colors cl-w-20", {
         "cl-text-secondary-default hover:cl-bg-primary-dark hover:cl-text-white": o.colour === "default",
         "cl-bg-primary-darker cl-text-white": o.open && o.colour === "default",
@@ -3478,8 +3478,8 @@ const os = /* @__PURE__ */ de(ts, [["__scopeId", "data-v-7db412a7"]]), ns = /* @
     open: { type: Boolean }
   },
   setup(t) {
-    return (o, e) => o.open ? (c(), v(F, { key: 0 }, [
-      o.$slots.title ? (c(), v("div", ss, [
+    return (o, e) => o.open ? (i(), v(F, { key: 0 }, [
+      o.$slots.title ? (i(), v("div", ss, [
         j(o.$slots, "title")
       ])) : N("", !0),
       p("div", as, [
@@ -3487,13 +3487,13 @@ const os = /* @__PURE__ */ de(ts, [["__scopeId", "data-v-7db412a7"]]), ns = /* @
       ])
     ], 64)) : N("", !0);
   }
-}), is = {}, cs = { class: "cl-w-full" }, us = {
+}), cs = {}, is = { class: "cl-w-full" }, us = {
   key: 0,
   class: "cl-font-bold cl-mb-4 cl-select-none"
 }, ds = { class: "cl-flex cl-flex-wrap cl-space-y-2" };
 function ps(t, o) {
-  return c(), v("div", cs, [
-    t.$slots.title ? (c(), v("div", us, [
+  return i(), v("div", is, [
+    t.$slots.title ? (i(), v("div", us, [
       j(t.$slots, "title")
     ])) : N("", !0),
     p("span", ds, [
@@ -3501,9 +3501,9 @@ function ps(t, o) {
     ])
   ]);
 }
-const fs = /* @__PURE__ */ de(is, [["render", ps]]), ms = {}, gs = { class: "cl-cursor-pointer cl-transition-colors cl-w-full hover:cl-text-blue-light" };
+const fs = /* @__PURE__ */ de(cs, [["render", ps]]), ms = {}, gs = { class: "cl-cursor-pointer cl-transition-colors cl-w-full hover:cl-text-blue-light" };
 function vs(t, o) {
-  return c(), v("div", gs, [
+  return i(), v("div", gs, [
     j(t.$slots, "default")
   ]);
 }
@@ -3529,19 +3529,19 @@ const bs = /* @__PURE__ */ de(ms, [["render", vs]]), hs = { class: "cl-w-full" }
     function a() {
       n(), window.addEventListener("resize", n);
     }
-    function i(u) {
+    function c(u) {
       if (e.value) {
         const g = e.value.scrollWidth / 5;
         let b = g;
         u === "left" && (b = -g), e.value.scroll(e.value.scrollLeft + b, 0);
       }
     }
-    return Ae(() => a()), _e(() => window.removeEventListener("resize", n)), (u, g) => (c(), v("div", hs, [
+    return Ae(() => a()), _e(() => window.removeEventListener("resize", n)), (u, g) => (i(), v("div", hs, [
       p("div", null, [
-        l.value ? (c(), v("div", {
+        l.value ? (i(), v("div", {
           key: 0,
           class: "cl-bg-white cl-cursor-pointer cl-float-left cl-h-11 cl-w-4",
-          onClick: g[0] || (g[0] = (b) => i("left"))
+          onClick: g[0] || (g[0] = (b) => c("left"))
         }, [
           k(d(_), {
             icon: "ph:caret-left",
@@ -3564,10 +3564,10 @@ const bs = /* @__PURE__ */ de(ms, [["render", vs]]), hs = { class: "cl-w-full" }
         }, [
           j(u.$slots, "headings", le(ne({ isTabOpen: m, disabled: u.disabled, colour: u.colour })))
         ], 34),
-        s.value ? (c(), v("div", {
+        s.value ? (i(), v("div", {
           key: 1,
           class: "cl-bg-white cl-bottom-12 cl-cursor-pointer cl-float-right cl-h-11 cl-relative cl-w-4",
-          onClick: g[1] || (g[1] = (b) => i("right"))
+          onClick: g[1] || (g[1] = (b) => c("right"))
         }, [
           k(d(_), {
             icon: "ph:caret-right",
@@ -3594,7 +3594,7 @@ const bs = /* @__PURE__ */ de(ms, [["render", vs]]), hs = { class: "cl-w-full" }
     function n() {
       e.disabled || (l.value = !1, s.value = !1, o("update:currentTab", e.id));
     }
-    return (a, i) => (c(), v("div", {
+    return (a, c) => (i(), v("div", {
       class: I(["cl-border-b cl-cursor-pointer cl-flex cl-items-center cl-px-4 cl-py-2 cl-rounded-b-none cl-rounded-sm cl-select-none cl-text-xl cl-transition cl-whitespace-nowrap focus:cl-outline-none", {
         "!cl-cursor-default cl-text-grey-4 !cl-border-grey-2": a.disabled,
         "cl-border cl-border-b-0 cl-rounded-t-md cl-shadow-[inset_0_-1px_0_#ffffff] cl-cursor-default": m.value,
@@ -3609,17 +3609,17 @@ const bs = /* @__PURE__ */ de(ms, [["render", vs]]), hs = { class: "cl-w-full" }
         "hover:cl-bg-danger-light": !m.value && !a.disabled && a.colour === "danger",
         "hover:cl-bg-link-lighter": !m.value && !a.disabled && a.colour === "blue",
         "cl-bg-grey-0": l.value && !a.disabled && a.colour === "default",
-        "cl-bg-primary-lighter": l.value && !a.disabled && a.colour === "primary",
+        "cl-bg-primary-light": l.value && !a.disabled && a.colour === "primary",
         "cl-bg-secondary-light cl-text-white": l.value && !a.disabled && a.colour === "secondary",
         "cl-bg-danger-light": l.value && !a.disabled && a.colour === "danger",
         "cl-bg-link-lighter": l.value && !a.disabled && a.colour === "blue"
       }]),
       tabindex: "0",
       onClick: n,
-      onMouseover: i[0] || (i[0] = (u) => s.value = !0),
-      onMouseout: i[1] || (i[1] = (u) => s.value = !1),
-      onFocusin: i[2] || (i[2] = (u) => l.value = !0),
-      onFocusout: i[3] || (i[3] = (u) => l.value = !1),
+      onMouseover: c[0] || (c[0] = (u) => s.value = !0),
+      onMouseout: c[1] || (c[1] = (u) => s.value = !1),
+      onFocusin: c[2] || (c[2] = (u) => l.value = !0),
+      onFocusout: c[3] || (c[3] = (u) => l.value = !1),
       onKeyup: we(W(n, ["self"]), ["enter"])
     }, [
       j(a.$slots, "default")
@@ -3671,7 +3671,7 @@ const Ts = /* @__PURE__ */ de(ks, [["render", Cs]]), Es = [
   clUiTabHeader: $s,
   filterMethodTypes: Io,
   gridColumnTypes: So,
-  inputTypes: xl,
+  inputTypes: Zl,
   isComboBoxCreateRequest: Rt,
   isComboBoxItem: _t,
   isFilterRequest: zo,
@@ -3696,7 +3696,7 @@ const Ls = (t) => {
 };
 export {
   Ds as CitrusLimeUI,
-  Z as DateFormat,
+  G as DateFormat,
   te as FilterOperation,
   Y as NumberFormat,
   Sl as buttonColours,
@@ -3732,7 +3732,7 @@ export {
   Io as filterMethodTypes,
   So as gridColumnTypes,
   X as i18n,
-  xl as inputTypes,
+  Zl as inputTypes,
   Rt as isComboBoxCreateRequest,
   _t as isComboBoxItem,
   zo as isFilterRequest,