@citruslime/ui 2.0.2-beta.3 → 2.0.2-beta.4

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

@@ -1,5 +1,5 @@
 import { Icon as nl } from "@iconify/vue";
-import { defineComponent as G, ref as q, openBlock as a, createElementBlock as d, renderSlot as R, normalizeProps as ie, guardReactiveProps as ve, resolveComponent as ee, Fragment as B, createElementVNode as s, normalizeClass as z, createVNode as k, Transition as xe, withCtx as Y, withDirectives as V, vShow as H, createBlock as K, Teleport as Le, renderList as ce, unref as n, mergeProps as de, toDisplayString as y, createCommentVNode as N, nextTick as $e, computed as A, watch as le, onMounted as Se, onUnmounted as Me, isRef as ge, normalizeStyle as Te, vModelText as ol, withModifiers as ae, vModelDynamic as cl, withKeys as Ce, createTextVNode as _, watchEffect as al, createSlots as il } from "vue";
+import { defineComponent as G, ref as q, openBlock as a, createElementBlock as u, renderSlot as R, normalizeProps as ie, guardReactiveProps as ve, resolveComponent as ee, Fragment as L, createElementVNode as s, normalizeClass as z, createVNode as $, Transition as xe, withCtx as Y, withDirectives as V, vShow as H, createBlock as K, Teleport as Le, renderList as ce, unref as n, mergeProps as de, toDisplayString as y, createCommentVNode as N, nextTick as $e, computed as j, watch as le, onMounted as Se, onUnmounted as Me, isRef as ge, normalizeStyle as Te, vModelText as ol, withModifiers as ae, vModelDynamic as cl, withKeys as Ce, createTextVNode as _, watchEffect as al, createSlots as il } from "vue";
 import { generateStringId as sl } from "@citruslime/utils";
 import { createI18n as rl, useI18n as se } from "vue-i18n";
 import Ve from "flatpickr";
@@ -12,19 +12,19 @@ const ul = { class: "cl-overflow-hidden" }, dl = /* @__PURE__ */ G({
   setup(e) {
     const t = e, l = q([]);
     function o(f) {
-      let i = l.value.find((u) => u.id === f);
+      let i = l.value.find((d) => d.id === f);
       return i || (i = {
         id: f,
         open: !1
       }, l.value.push(i)), i.open;
     }
     function c(f) {
-      const i = l.value.find((u) => u.id === f);
-      i && (t.exclusive && l.value.forEach((u) => {
-        u.id !== f && (u.open = !1);
+      const i = l.value.find((d) => d.id === f);
+      i && (t.exclusive && l.value.forEach((d) => {
+        d.id !== f && (d.open = !1);
       }), i.open = !i.open);
     }
-    return (f, i) => (a(), d("div", ul, [
+    return (f, i) => (a(), u("div", ul, [
       R(f.$slots, "default", ie(ve({ isItemOpen: o, toggleItem: c })))
     ]));
   }
@@ -44,7 +44,7 @@ const ul = { class: "cl-overflow-hidden" }, dl = /* @__PURE__ */ G({
     }
     return (c, f) => {
       const i = ee("icon");
-      return a(), d(B, null, [
+      return a(), u(L, null, [
         s("div", {
           class: z(["cl-border-b cl-border-grey-1 cl-relative", {
             "cl-bg-grey-0": e.disabled,
@@ -53,7 +53,7 @@ const ul = { class: "cl-overflow-hidden" }, dl = /* @__PURE__ */ G({
           onClick: o
         }, [
           s("div", fl, [
-            k(i, {
+            $(i, {
               class: z(["cl-duration-300 cl-ease-in-out cl-text-grey-3 cl-transform-gpu cl-transition-transform", {
                 "cl-rotate-180": e.open
               }]),
@@ -66,7 +66,7 @@ const ul = { class: "cl-overflow-hidden" }, dl = /* @__PURE__ */ G({
           ])
         ], 2),
         s("div", gl, [
-          k(xe, { name: "grow-down" }, {
+          $(xe, { name: "grow-down" }, {
             default: Y(() => [
               V(s("div", bl, [
                 R(c.$slots, "default")
@@ -87,20 +87,20 @@ const ul = { class: "cl-overflow-hidden" }, dl = /* @__PURE__ */ G({
   return l;
 }, vl = {}, pl = { 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(e, t) {
-  return a(), d("div", pl, [
+  return a(), u("div", pl, [
     R(e.$slots, "default")
   ]);
 }
-const wl = /* @__PURE__ */ me(vl, [["render", yl]]), Oe = q([]);
+const wl = /* @__PURE__ */ me(vl, [["render", yl]]), Ae = q([]);
 function Fe(e) {
   const t = {
     id: sl(),
     ...e
   };
-  Oe.value.push(t), setTimeout(() => Xe(t), e.duration);
+  Ae.value.push(t), setTimeout(() => Xe(t), e.duration);
 }
 function Xe(e) {
-  Oe.value = Oe.value.filter((t) => t.id !== e.id);
+  Ae.value = Ae.value.filter((t) => t.id !== e.id);
 }
 const xl = ["onClick"], $l = { class: "cl-flex-1 cl-select-none cl-text-ellipsis cl-w-64" }, kl = {
   inheritAttrs: !1
@@ -125,7 +125,7 @@ const xl = ["onClick"], $l = { class: "cl-flex-1 cl-select-none cl-text-ellipsis
             "cl-bottom-5 cl-right-5": e.position === "bottom-right"
           }])
         }, [
-          (a(!0), d(B, null, ce(n(Oe), (c, f) => (a(), d("div", de(t.$attrs, {
+          (a(!0), u(L, null, ce(n(Ae), (c, f) => (a(), u("div", de(t.$attrs, {
             key: f,
             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": c.colour === "default",
@@ -137,7 +137,7 @@ const xl = ["onClick"], $l = { class: "cl-flex-1 cl-select-none cl-text-ellipsis
             onClick: (i) => n(Xe)(c)
           }), [
             s("span", $l, y(c.message), 1),
-            k(o, {
+            $(o, {
               class: "cl-inline-block cl-opacity-0 cl-transition-opacity group-hover:cl-opacity-100",
               icon: "ph:x",
               size: 16,
@@ -154,8 +154,8 @@ const xl = ["onClick"], $l = { class: "cl-flex-1 cl-select-none cl-text-ellipsis
     removePadding: { type: Boolean, default: !1 }
   },
   setup(e) {
-    return (t, l) => (a(), d(B, null, [
-      k(_e),
+    return (t, l) => (a(), u(L, null, [
+      $(_e),
       s("div", Tl, [
         R(t.$slots, "header"),
         s("div", {
@@ -177,13 +177,13 @@ const xl = ["onClick"], $l = { class: "cl-flex-1 cl-select-none cl-text-ellipsis
   }
 });
 const Sl = {}, El = { class: "loading-spinner" };
-function jl(e, t) {
-  return a(), d("div", El);
+function Ol(e, t) {
+  return a(), u("div", El);
 }
-const el = /* @__PURE__ */ me(Sl, [["render", jl], ["__scopeId", "data-v-a21dc5d2"]]), Al = ["disabled"], Ol = {
+const el = /* @__PURE__ */ me(Sl, [["render", Ol], ["__scopeId", "data-v-a21dc5d2"]]), jl = ["disabled"], Al = {
   inheritAttrs: !1
 }, we = /* @__PURE__ */ G({
-  ...Ol,
+  ...Al,
   __name: "cl-ui-button",
   props: {
     colour: { default: "default" },
@@ -192,8 +192,8 @@ const el = /* @__PURE__ */ me(Sl, [["render", jl], ["__scopeId", "data-v-a21dc5d
     disabled: { type: Boolean, default: !1 }
   },
   setup(e) {
-    return (t, l) => (a(), d(B, null, [
-      V(k(el, { class: "cl-absolute" }, null, 512), [
+    return (t, l) => (a(), u(L, null, [
+      V($(el, { class: "cl-absolute" }, null, 512), [
         [H, e.loading]
       ]),
       V(s("button", de(t.$attrs, {
@@ -211,7 +211,7 @@ const el = /* @__PURE__ */ me(Sl, [["render", jl], ["__scopeId", "data-v-a21dc5d
         disabled: e.disabled
       }), [
         R(t.$slots, "default")
-      ], 16, Al), [
+      ], 16, jl), [
         [H, !e.loading]
       ])
     ], 64));
@@ -233,15 +233,15 @@ const el = /* @__PURE__ */ me(Sl, [["render", jl], ["__scopeId", "data-v-a21dc5d
     hover: { type: Boolean, default: !1 }
   },
   setup(e) {
-    return (t, l) => (a(), d("div", {
+    return (t, l) => (a(), u("div", {
       class: z(["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": e.hover
       }])
     }, [
-      t.$slots.image ? (a(), d("div", Nl, [
+      t.$slots.image ? (a(), u("div", Nl, [
         R(t.$slots, "image")
       ])) : N("", !0),
-      t.$slots.title ? (a(), d("div", {
+      t.$slots.title ? (a(), u("div", {
         key: 1,
         class: z(["cl-border-grey-2 cl-font-normal", {
           "cl-p-2 cl-text-2xl cl-leading-8": e.size === "small",
@@ -262,7 +262,7 @@ const el = /* @__PURE__ */ me(Sl, [["render", jl], ["__scopeId", "data-v-a21dc5d
       }, [
         R(t.$slots, "default")
       ], 2),
-      t.$slots.footer ? (a(), d("div", {
+      t.$slots.footer ? (a(), u("div", {
         key: 2,
         class: z(["cl-border-grey-2 cl-border-t", {
           "cl-p-2": e.size === "small",
@@ -452,7 +452,7 @@ const { t: re } = oe.global;
 function Bl(e, t, l, o) {
   const c = oe.global.locale.value;
   return o instanceof Date && (o = o.getTime()), new Promise((f) => {
-    var u;
+    var d;
     let i = {
       valid: !1,
       message: ""
@@ -466,7 +466,7 @@ function Bl(e, t, l, o) {
         case "tel":
         case "text":
         case "url":
-          r = ((u = o == null ? void 0 : o.length) != null ? u : 0) >= e, i = ue(r, re("input.greaterOrEqualToCharacters", { label: l, min: e.toString() }));
+          r = ((d = o == null ? void 0 : o.length) != null ? d : 0) >= e, i = ue(r, re("input.greaterOrEqualToCharacters", { label: l, min: e.toString() }));
           break;
         case "number":
         case "range":
@@ -492,7 +492,7 @@ function Bl(e, t, l, o) {
 function Ll(e, t, l, o) {
   const c = oe.global.locale.value;
   return o instanceof Date && (o = o.getTime()), new Promise((f) => {
-    var u;
+    var d;
     let i = {
       valid: !1,
       message: ""
@@ -506,7 +506,7 @@ function Ll(e, t, l, o) {
         case "tel":
         case "text":
         case "url":
-          r = ((u = o == null ? void 0 : o.length) != null ? u : 0) <= e, i = ue(r, re("input.lessOrEqualToCharacters", { label: l, max: e.toString() }));
+          r = ((d = o == null ? void 0 : o.length) != null ? d : 0) <= e, i = ue(r, re("input.lessOrEqualToCharacters", { label: l, max: e.toString() }));
           break;
         case "number":
         case "range":
@@ -1008,11 +1008,11 @@ const Wl = ["placeholder", "disabled"], Jl = { class: "cl-absolute cl-bg-white c
     valueOutOfRange: null
   },
   setup(e, { emit: t }) {
-    const l = e, { d: o, getDateTimeFormat: c, locale: f, t: i } = se(), u = q(null), r = q(null), m = A(() => o(Fl(), l.type)), g = A(() => c(f.value)[l.type]), p = A(() => w()), b = A(() => J()), T = A(() => L()), C = A(() => He(l.min, f.value)), P = A(() => He(l.max, f.value)), F = q(!1), U = A(() => {
+    const l = e, { d: o, getDateTimeFormat: c, locale: f, t: i } = se(), d = q(null), r = q(null), m = j(() => o(Fl(), l.type)), g = j(() => c(f.value)[l.type]), p = j(() => w()), b = j(() => J()), T = j(() => B()), C = j(() => He(l.min, f.value)), P = j(() => He(l.max, f.value)), F = q(!1), U = j(() => {
       var x, D;
       let I = "H", W = "Y";
       return ((x = g.value) == null ? void 0 : x.hour12) === !0 && (I = "h"), ((D = g.value) == null ? void 0 : D.year) === "2-digit" && (W = "y"), Hl(m.value, I, W);
-    }), X = A(() => {
+    }), X = j(() => {
       var W, x;
       const I = {
         ...Ve.defaultConfig,
@@ -1036,11 +1036,11 @@ const Wl = ["placeholder", "disabled"], Jl = { class: "cl-absolute cl-bg-white c
       const D = I.length > 0 ? I[0] : null;
       D !== l.date && !F.value && (t("update:date", D), D === null && t("valueOutOfRange")), F.value = !1;
     }
-    function j() {
+    function O() {
       F.value = !0, t("update:date", null);
     }
     function v() {
-      if (u.value !== null) {
+      if (d.value !== null) {
         let I = new Date();
         I.setHours(12, 0, 0, 0);
         let W;
@@ -1048,19 +1048,19 @@ const Wl = ["placeholder", "disabled"], Jl = { class: "cl-absolute cl-bg-white c
       }
     }
     function h() {
-      u.value === null && r.value !== null && (u.value = Ve(r.value, X.value), u.value.config.onChange.push(E));
+      d.value === null && r.value !== null && (d.value = Ve(r.value, X.value), d.value.config.onChange.push(E));
     }
-    function $() {
-      u.value !== null && (u.value.set(X.value), u.value.config.onChange.push(E));
+    function k() {
+      d.value !== null && (d.value.set(X.value), d.value.config.onChange.push(E));
     }
     function M(I) {
-      u.value !== null && u.value.setDate(I, !0);
+      d.value !== null && d.value.setDate(I, !0);
     }
     function S() {
-      u.value !== null && u.value.clear();
+      d.value !== null && d.value.clear();
     }
-    function O() {
-      u.value !== null && (u.value.destroy(), u.value = null);
+    function A() {
+      d.value !== null && (d.value.destroy(), d.value = null);
     }
     function w() {
       let I = l.dateTimePlaceholder;
@@ -1084,7 +1084,7 @@ const Wl = ["placeholder", "disabled"], Jl = { class: "cl-absolute cl-bg-white c
       let I;
       return (l.type === Q.TIME || l.type === Q.DATETIME) && (I = Ge(l.min)), I;
     }
-    function L() {
+    function B() {
       let I;
       return (l.type === Q.TIME || l.type === Q.DATETIME) && (I = Ge(l.max)), I;
     }
@@ -1092,15 +1092,15 @@ const Wl = ["placeholder", "disabled"], Jl = { class: "cl-absolute cl-bg-white c
       I !== null && W !== null ? I.getTime() !== W.getTime() && M(I) : I === null && W !== null && S();
     }, {
       deep: !0
-    }), le(() => X.value, $, {
+    }), le(() => X.value, k, {
       deep: !0
     }), le(() => l.type, () => {
-      O(), $e(() => h());
+      A(), $e(() => h());
     }, {
       immediate: !1
-    }), Se(() => h()), Me(() => O()), (I, W) => {
+    }), Se(() => h()), Me(() => A()), (I, W) => {
       const x = ee("icon");
-      return a(), d("div", de(I.$attrs, { class: "cl-relative" }), [
+      return a(), u("div", de(I.$attrs, { class: "cl-relative" }), [
         s("input", de({
           ref_key: "element",
           ref: r
@@ -1110,7 +1110,7 @@ const Wl = ["placeholder", "disabled"], Jl = { class: "cl-absolute cl-bg-white c
           placeholder: n(p),
           disabled: e.disabled
         }), null, 16, Wl),
-        V(k(x, {
+        V($(x, {
           class: z(["cl-absolute cl-bg-white cl-right-2 cl-text-grey-4 cl-top-3.5", {
             "!cl-bg-off-white": e.disabled
           }]),
@@ -1120,7 +1120,7 @@ const Wl = ["placeholder", "disabled"], Jl = { class: "cl-absolute cl-bg-white c
         }, null, 8, ["class"]), [
           [H, (e.date === null || e.disabled) && e.type !== "time"]
         ]),
-        V(k(x, {
+        V($(x, {
           class: z(["cl-absolute cl-bg-white cl-right-2 cl-text-grey-4 cl-top-3.5", {
             "!cl-bg-off-white": e.disabled
           }]),
@@ -1131,17 +1131,17 @@ const Wl = ["placeholder", "disabled"], Jl = { class: "cl-absolute cl-bg-white c
           [H, (e.date === null || e.disabled) && e.type === "time"]
         ]),
         V(s("div", Jl, [
-          k(x, {
+          $(x, {
             class: "cl-cursor-pointer cl-mr-0.5 md:cl-mr-1",
             icon: "ph:arrow-counter-clockwise",
             size: 16,
             onClick: v
           }),
-          k(x, {
+          $(x, {
             class: "cl-cursor-pointer",
             icon: "ph:x",
             size: 16,
-            onClick: j
+            onClick: O
           })
         ], 512), [
           [H, e.date !== null && !e.disabled]
@@ -1175,26 +1175,26 @@ const Zl = /* @__PURE__ */ me(Kl, [["__scopeId", "data-v-97cfbfe4"]]), Ie = [
     "update:value": null
   },
   setup(e, { emit: t }) {
-    const l = e, { n: o, t: c } = se(), { debounce: f } = Pe(), i = q(l.value), u = A({
+    const l = e, { n: o, t: c } = se(), { debounce: f } = Pe(), i = q(l.value), d = j({
       get: () => l.value,
       set: (b) => t("update:value", b)
-    }), r = A(() => l.disabled ? "rgba(153, 153, 153, 0.8)" : "#9acd32"), m = A(() => {
-      let b = (u.value - l.min) / (l.max - l.min) * 100;
+    }), r = j(() => l.disabled ? "rgba(153, 153, 153, 0.8)" : "#9acd32"), m = j(() => {
+      let b = (d.value - l.min) / (l.max - l.min) * 100;
       return b < 35 && b > 0 ? b < 20 ? b += 0.5 : b += 0.25 : b > 65 && b < 100 && (b > 80 ? b -= 0.5 : b -= 0.25), b;
-    }), g = A(() => l.min <= l.max && l.step > 0);
+    }), g = j(() => l.min <= l.max && l.step > 0);
     function p(b, T) {
       var F;
       const C = (F = b == null ? void 0 : b.value) != null ? F : "", P = Math.max(Math.min(parseFloat(C) || l.min, l.max), l.min);
-      u.value = l.enforceStep ? Math.ceil(P / l.step) * l.step : P, $e(() => T());
+      d.value = l.enforceStep ? Math.ceil(P / l.step) * l.step : P, $e(() => T());
     }
     return le(() => l.value, () => i.value = l.value), (b, T) => {
       const C = ee("cl-ui-input");
-      return n(g) ? (a(), d("div", ie(de({ key: 0 }, b.$attrs)), [
-        V(s("div", { class: "cl-bg-transparent cl-relative cl-text-center cl-text-sm" }, y(n(u)), 513), [
+      return n(g) ? (a(), u("div", ie(de({ key: 0 }, b.$attrs)), [
+        V(s("div", { class: "cl-bg-transparent cl-relative cl-text-center cl-text-sm" }, y(n(d)), 513), [
           [H, !e.showNumericInput]
         ]),
         s("div", Ql, [
-          V(k(C, {
+          V($(C, {
             modelValue: i.value,
             "onUpdate:modelValue": T[0] || (T[0] = (P) => i.value = P),
             class: "!cl-text-sm md:!cl-w-auto",
@@ -1209,9 +1209,9 @@ const Zl = /* @__PURE__ */ me(Kl, [["__scopeId", "data-v-97cfbfe4"]]), Ie = [
           ]),
           s("div", Yl, [
             s("span", Xl, y(n(o)(e.min, Number.isInteger(e.min) ? n(ne).INTEGER : n(ne).DECIMAL)), 1),
-            typeof n(u) == "number" ? (a(), d("div", _l, [
+            typeof n(d) == "number" ? (a(), u("div", _l, [
               V(s("input", {
-                "onUpdate:modelValue": T[2] || (T[2] = (P) => ge(u) ? u.value = P : null),
+                "onUpdate:modelValue": T[2] || (T[2] = (P) => ge(d) ? d.value = P : null),
                 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: Te({
                   background: `linear-gradient(to right, ${n(r)} 0%, ${n(r)} ${n(m)}%, white ${n(m)}%, white 100%)`
@@ -1224,7 +1224,7 @@ const Zl = /* @__PURE__ */ me(Kl, [["__scopeId", "data-v-97cfbfe4"]]), Ie = [
               }, null, 12, et), [
                 [
                   ol,
-                  n(u),
+                  n(d),
                   void 0,
                   { number: !0 }
                 ]
@@ -1233,7 +1233,7 @@ const Zl = /* @__PURE__ */ me(Kl, [["__scopeId", "data-v-97cfbfe4"]]), Ie = [
             s("span", lt, y(n(o)(e.max, Number.isInteger(e.max) ? n(ne).INTEGER : n(ne).DECIMAL)), 1)
           ])
         ])
-      ], 16)) : (a(), d("div", tt, y(n(c)("slider.invalidProps")), 1));
+      ], 16)) : (a(), u("div", tt, y(n(c)("slider.invalidProps")), 1));
     };
   }
 });
@@ -1269,7 +1269,7 @@ function Je(e) {
   }
   return t;
 }
-function je(e) {
+function Oe(e) {
   return e === "button" || e === "submit" || e === "reset";
 }
 function ct(e) {
@@ -1337,13 +1337,13 @@ const at = { class: "cl-align-top cl-border-none cl-inline-block cl-text-left" }
     validated: null
   },
   setup(e, { emit: t }) {
-    const l = e, o = q(null), c = q(!1), f = q(!1), i = A(I), u = A(() => l.placeholderText.trim() !== "" ? l.placeholderText : l.label), r = q(!1), { t: m } = se(), g = A({
+    const l = e, o = q(null), c = q(!1), f = q(!1), i = j(I), d = j(() => l.placeholderText.trim() !== "" ? l.placeholderText : l.label), r = q(!1), { t: m } = se(), g = j({
       get: () => l.modelValue,
       set: (x) => v(x)
-    }), p = A({
+    }), p = j({
       get: () => l.modelValue,
-      set: (x) => j(x)
-    }), b = A(() => typeof l.min == "number" ? l.min.toString() : l.min), T = A(() => typeof l.max == "number" ? l.max.toString() : l.max), C = A(() => typeof l.min == "number" ? l.min : parseFloat(l.min)), P = A(() => typeof l.max == "number" ? l.max : parseFloat(l.max)), F = A(() => l.messageWhenValid.trim() !== "" ? l.messageWhenValid : ""), U = q(!0), X = q([]), E = A(() => {
+      set: (x) => O(x)
+    }), b = j(() => typeof l.min == "number" ? l.min.toString() : l.min), T = j(() => typeof l.max == "number" ? l.max.toString() : l.max), C = j(() => typeof l.min == "number" ? l.min : parseFloat(l.min)), P = j(() => typeof l.max == "number" ? l.max : parseFloat(l.max)), F = j(() => l.messageWhenValid.trim() !== "" ? l.messageWhenValid : ""), U = q(!0), X = q([]), E = j(() => {
       var x, D, te, Z;
       return [
         ...(D = (x = X.value) == null ? void 0 : x.filter((he) => {
@@ -1357,7 +1357,7 @@ const at = { class: "cl-align-top cl-border-none cl-inline-block cl-text-left" }
       ].join(`
 `);
     });
-    function j(x) {
+    function O(x) {
       h(x), r.value = !1;
     }
     function v(x) {
@@ -1380,12 +1380,12 @@ const at = { class: "cl-align-top cl-border-none cl-inline-block cl-text-left" }
         r.value && (he.push(m("input.dateOutOfRange")), pe = !0), pe ? (X.value = he, t("validated", !1, x)) : (X.value = [], t("validated", !0, x)), U.value = !pe, t("update:modelValue", x);
       });
     }
-    function $() {
+    function k() {
       let x = "";
       return l.inputType === "color" && g.value && (l.disabled ? x = "background: #999999" : x = `background: ${g.value};`), x;
     }
     function M(x) {
-      je(l.inputType) ? (x.preventDefault(), t("click", x)) : l.inputType === "checkbox" && t("click", x);
+      Oe(l.inputType) ? (x.preventDefault(), t("click", x)) : l.inputType === "checkbox" && t("click", x);
     }
     function S() {
       if (o.value) {
@@ -1396,7 +1396,7 @@ const at = { class: "cl-align-top cl-border-none cl-inline-block cl-text-left" }
         t("input", x);
       }
     }
-    function O() {
+    function A() {
       if (o.value) {
         o.value.stepDown(), o.value.focus(), v(o.value.valueAsNumber);
         const x = {
@@ -1411,7 +1411,7 @@ const at = { class: "cl-align-top cl-border-none cl-inline-block cl-text-left" }
     function J() {
       f.value = !0, w(!1);
     }
-    function L(x) {
+    function B(x) {
       x.target.blur();
     }
     function I() {
@@ -1427,7 +1427,7 @@ const at = { class: "cl-align-top cl-border-none cl-inline-block cl-text-left" }
       l.validateImmediately && v(l.modelValue);
     }), le(() => l.isRequired, () => v(l.modelValue)), le(() => l.externalErrors, () => h(g.value)), (x, D) => {
       const te = ee("icon");
-      return a(), d("div", at, [
+      return a(), u("div", at, [
         s("div", {
           onMouseenter: D[10] || (D[10] = (Z) => w(!0)),
           onMouseleave: D[11] || (D[11] = (Z) => w(!1))
@@ -1438,26 +1438,26 @@ const at = { class: "cl-align-top cl-border-none cl-inline-block cl-text-left" }
                 [H, e.showLabel && e.label !== ""]
               ])
             ]),
-            e.isRequired && n(i) ? (a(), d("label", rt, " * ")) : N("", !0),
-            e.isRequired && !n(i) ? (a(), d("label", ut, y(e.requiredText), 1)) : N("", !0)
+            e.isRequired && n(i) ? (a(), u("label", rt, " * ")) : N("", !0),
+            e.isRequired && !n(i) ? (a(), u("label", ut, y(e.requiredText), 1)) : N("", !0)
           ]),
-          e.inputType !== "range" && !n(Je)(e.inputType) ? V((a(), d("input", de({
+          e.inputType !== "range" && !n(Je)(e.inputType) ? V((a(), u("input", de({
             key: 0,
             ref_key: "inputElement",
             ref: o,
             "onUpdate:modelValue": D[0] || (D[0] = (Z) => ge(g) ? g.value = Z : null)
           }, x.$attrs, {
             class: ["cl-block cl-border cl-duration-300 cl-h-full cl-mb-1 cl-transition cl-w-full focus:cl-outline-none", {
-              "hover:!cl-border-grey-3": e.disabled === !1 && !n(je)(e.inputType),
+              "hover:!cl-border-grey-3": e.disabled === !1 && !n(Oe)(e.inputType),
               "!cl-cursor-default": e.disabled,
               "!cl-border-danger-default": !U.value,
               "!cl-border-primary-default": U.value && e.highlightWhenValid,
-              "cl-border-grey-0 focus:cl-border-blue-light": U.value && !n(je)(e.inputType),
+              "cl-border-grey-0 focus:cl-border-blue-light": U.value && !n(Oe)(e.inputType),
               "!cl-p-2": e.inputType === "checkbox" || e.inputType === "radio",
-              "cl-p-3 cl-rounded-lg": !n(je)(e.inputType),
+              "cl-p-3 cl-rounded-lg": !n(Oe)(e.inputType),
               [`${e.inputSpecificClasses}`]: e.inputSpecificClasses !== ""
             }],
-            style: $(),
+            style: k(),
             type: e.inputType,
             disabled: e.disabled,
             min: e.min,
@@ -1465,14 +1465,14 @@ const at = { class: "cl-align-top cl-border-none cl-inline-block cl-text-left" }
             minlength: n(We)(e.inputType) ? e.min : 0,
             maxlength: n(We)(e.inputType) ? e.max : 0,
             step: e.step,
-            placeholder: n(u),
+            placeholder: n(d),
             accept: e.fileExtensions,
             name: e.group,
             autocomplete: e.autocomplete,
             onClick: D[1] || (D[1] = (Z) => M(Z)),
             onFocus: D[2] || (D[2] = (Z) => t("focus")),
             onBlur: ae(J, ["self"]),
-            onMousewheelPassive: L,
+            onMousewheelPassive: B,
             onInput: D[3] || (D[3] = (Z) => {
               t("input", Z), x.$forceUpdate();
             })
@@ -1492,14 +1492,14 @@ const at = { class: "cl-align-top cl-border-none cl-inline-block cl-text-left" }
             type: n(ct)(e.inputType),
             min: n(b),
             max: n(T),
-            "date-placeholder": n(u),
-            "date-time-placeholder": n(u),
-            "time-placeholder": n(u),
+            "date-placeholder": n(d),
+            "date-time-placeholder": n(d),
+            "time-placeholder": n(d),
             onBlur: ae(J, ["self"]),
             onValueOutOfRange: W,
             onFocus: D[5] || (D[5] = (Z) => t("focus"))
-          }), null, 16, ["date", "class", "disabled", "type", "min", "max", "date-placeholder", "date-time-placeholder", "time-placeholder", "onBlur"])) : e.inputType === "range" && typeof n(g) == "number" ? (a(), d("div", ft, [
-            k(n(ot), {
+          }), null, 16, ["date", "class", "disabled", "type", "min", "max", "date-placeholder", "date-time-placeholder", "time-placeholder", "onBlur"])) : e.inputType === "range" && typeof n(g) == "number" ? (a(), u("div", ft, [
+            $(n(ot), {
               ref_key: "inputElement",
               ref: o,
               value: n(g),
@@ -1514,14 +1514,14 @@ const at = { class: "cl-align-top cl-border-none cl-inline-block cl-text-left" }
             }, null, 8, ["value", "min", "max", "step", "disabled", "onBlur"])
           ])) : N("", !0),
           s("div", mt, [
-            e.inputType === "number" && !e.disabled && e.showArrows ? (a(), d("div", {
+            e.inputType === "number" && !e.disabled && e.showArrows ? (a(), u("div", {
               key: 0,
               class: z(["cl-absolute cl-duration-300 cl-right-1 cl-transition", {
                 "cl-opacity-0": !c.value
               }]),
               style: { bottom: "1.625rem" }
             }, [
-              k(te, {
+              $(te, {
                 icon: "ph:caret-up-bold",
                 class: "cl-bg-link-default cl-rounded-md cl-text-sm cl-text-white hover:cl-bg-link-light hover:cl-cursor-pointer",
                 onClick: S,
@@ -1529,24 +1529,24 @@ const at = { class: "cl-align-top cl-border-none cl-inline-block cl-text-left" }
                 }, ["prevent"]))
               })
             ], 2)) : N("", !0),
-            e.inputType === "number" && !e.disabled && e.showArrows ? (a(), d("div", {
+            e.inputType === "number" && !e.disabled && e.showArrows ? (a(), u("div", {
               key: 1,
               class: z(["cl-absolute cl-bottom-2 cl-duration-300 cl-right-1 cl-transition", {
                 "cl-opacity-0": !c.value
               }])
             }, [
-              k(te, {
+              $(te, {
                 icon: "ph:caret-down-bold",
                 class: "cl-bg-link-default cl-rounded-md cl-text-sm cl-text-white hover:cl-bg-link-light hover:cl-cursor-pointer",
-                onClick: O,
+                onClick: A,
                 onMousedown: D[9] || (D[9] = ae(() => {
                 }, ["prevent"]))
               })
             ], 2)) : N("", !0)
           ])
         ], 32),
-        U.value && n(F) ? (a(), d("div", gt, y(n(F)), 1)) : N("", !0),
-        !U.value && n(E).length > 0 ? (a(), d("div", bt, y(n(E)), 1)) : N("", !0)
+        U.value && n(F) ? (a(), u("div", gt, y(n(F)), 1)) : N("", !0),
+        !U.value && n(E).length > 0 ? (a(), u("div", bt, y(n(E)), 1)) : N("", !0)
       ]);
     };
   }
@@ -1572,12 +1572,12 @@ const fe = /* @__PURE__ */ me(ht, [["__scopeId", "data-v-80cbc6a7"]]), vt = { cl
     function f(i) {
       i.key === "Escape" && c();
     }
-    return (i, u) => {
+    return (i, d) => {
       const r = ee("icon");
-      return a(), d(B, null, [
+      return a(), u(L, null, [
         R(i.$slots, "trigger", ie(ve({ open: o }))),
         (a(), K(Le, { to: "body" }, [
-          k(xe, { name: "fade" }, {
+          $(xe, { name: "fade" }, {
             default: Y(() => [
               V(s("div", vt, [
                 s("div", de(i.$attrs, {
@@ -1597,7 +1597,7 @@ const fe = /* @__PURE__ */ me(ht, [["__scopeId", "data-v-80cbc6a7"]]), vt = { cl
                     onKeypress: Ce(c, ["enter"]),
                     onClick: c
                   }, [
-                    k(r, { icon: "ph:x" })
+                    $(r, { icon: "ph:x" })
                   ], 42, pt), [
                     [H, !e.preventClose]
                   ]),
@@ -1625,10 +1625,10 @@ const fe = /* @__PURE__ */ me(ht, [["__scopeId", "data-v-80cbc6a7"]]), vt = { cl
       ], 64);
     };
   }
-}), xt = { class: "cl-bg-grey-2 cl-border-b cl-border-grey-2 cl-border-t cl-flex cl-p-1" }, $t = {
+}), xt = { class: "cl-bg-grey-0 cl-flex cl-p-1" }, $t = {
   key: 0,
   class: "cl-w-1/2"
-}, Ae = /* @__PURE__ */ G({
+}, je = /* @__PURE__ */ G({
   __name: "cl-ui-combo-box-header",
   props: {
     showClearButton: { type: Boolean, default: !1 },
@@ -1641,8 +1641,8 @@ const fe = /* @__PURE__ */ me(ht, [["__scopeId", "data-v-80cbc6a7"]]), vt = { cl
   setup(e) {
     return (t, l) => {
       const o = ee("icon");
-      return a(), d("div", xt, [
-        e.additionalText !== "" ? (a(), d("div", $t, y(e.additionalText), 1)) : N("", !0),
+      return a(), u("div", xt, [
+        e.additionalText !== "" ? (a(), u("div", $t, y(e.additionalText), 1)) : N("", !0),
         s("div", {
           class: z({
             "cl-w-1/2": e.additionalText !== "",
@@ -1653,9 +1653,9 @@ const fe = /* @__PURE__ */ me(ht, [["__scopeId", "data-v-80cbc6a7"]]), vt = { cl
           class: "cl-cursor-pointer cl-float-right",
           onMousedown: l[0] || (l[0] = (c) => t.$emit("clear-object"))
         }, [
-          k(o, {
-            class: "cl-mt-0.5 cl-rounded-full cl-transition-colors hover:cl-text-link-default",
-            icon: "ph:x-circle"
+          $(o, {
+            class: "cl-mt-1 cl-transition-colors hover:cl-text-link-default",
+            icon: "ph:x"
           })
         ], 544), [
           [H, e.showClearButton]
@@ -1666,7 +1666,7 @@ const fe = /* @__PURE__ */ me(ht, [["__scopeId", "data-v-80cbc6a7"]]), vt = { cl
 }), kt = {
   key: 0,
   class: "cl-w-1/2"
-}, Tt = { class: "cl-float-right cl-py-1.5" }, Ke = /* @__PURE__ */ G({
+}, Tt = { class: "cl-float-right cl-py-1" }, Ke = /* @__PURE__ */ G({
   __name: "cl-ui-combo-box-selectable",
   props: {
     isCreateNewOption: { type: Boolean, default: !1 },
@@ -1681,10 +1681,10 @@ const fe = /* @__PURE__ */ me(ht, [["__scopeId", "data-v-80cbc6a7"]]), vt = { cl
     "option-highlighted": null
   },
   setup(e, { emit: t }) {
-    const l = e, o = A(() => {
+    const l = e, o = j(() => {
       var m, g;
       return (g = (m = l.option) == null ? void 0 : m.name) != null ? g : l.text;
-    }), c = A(() => {
+    }), c = j(() => {
       var m, g;
       return (g = (m = l.option) == null ? void 0 : m.parentName) != null ? g : "";
     }), f = q(!1);
@@ -1692,7 +1692,7 @@ const fe = /* @__PURE__ */ me(ht, [["__scopeId", "data-v-80cbc6a7"]]), vt = { cl
       var m;
       l.isCreateNewOption === !0 ? t("create-object") : t("select-object", (m = l.option) == null ? void 0 : m.id);
     }
-    function u(m) {
+    function d(m) {
       m === !0 ? (f.value = !0, t("option-highlighted", l.index)) : l.index !== l.selectedIndex && (f.value = !1);
     }
     function r() {
@@ -1701,16 +1701,17 @@ const fe = /* @__PURE__ */ me(ht, [["__scopeId", "data-v-80cbc6a7"]]), vt = { cl
     return le(() => l.selectedIndex, () => r()), (m, g) => {
       var b, T;
       const p = ee("icon");
-      return a(), d("div", {
-        class: z(["cl-border-b cl-border-grey-0 cl-border-t cl-cursor-pointer cl-duration-75 cl-flex cl-p-1 cl-transition-colors", {
-          "cl-bg-grey-0": f.value === !1,
-          "cl-bg-primary-default cl-text-white": f.value
+      return a(), u("div", {
+        class: z(["cl-cursor-pointer cl-duration-75 cl-flex cl-p-1 cl-transition-colors", {
+          "cl-bg-white": f.value === !1,
+          "cl-bg-link-light cl-text-white cl-opacity-90": f.value && e.isCreateNewOption === !1,
+          "cl-bg-primary-default cl-text-white cl-opacity-90": f.value && e.isCreateNewOption
         }]),
         onMousedown: i,
-        onMousemove: g[0] || (g[0] = (C) => u(!0)),
-        onMouseleave: g[1] || (g[1] = (C) => u(!1))
+        onMousemove: g[0] || (g[0] = (C) => d(!0)),
+        onMouseleave: g[1] || (g[1] = (C) => d(!1))
       }, [
-        e.option !== null && ((b = e.option) == null ? void 0 : b.parentId) !== 0 && ((T = e.option) == null ? void 0 : T.parentId) !== void 0 ? (a(), d("div", kt, y(n(c)), 1)) : N("", !0),
+        e.option !== null && ((b = e.option) == null ? void 0 : b.parentId) !== 0 && ((T = e.option) == null ? void 0 : T.parentId) !== void 0 ? (a(), u("div", kt, y(n(c)), 1)) : N("", !0),
         s("div", {
           class: z({
             "cl-w-1/2": n(c) !== "",
@@ -1718,17 +1719,20 @@ const fe = /* @__PURE__ */ me(ht, [["__scopeId", "data-v-80cbc6a7"]]), vt = { cl
           })
         }, y(n(o)), 3),
         V(s("div", Tt, [
-          k(p, {
-            class: "cl-bg-primary-default cl-rounded-full cl-text-white",
-            icon: "ph:plus-circle"
-          })
+          $(p, {
+            class: z(["cl-transition-colors", {
+              "cl-text-white": f.value,
+              "cl-text-black ": !f.value
+            }]),
+            icon: "ph:plus"
+          }, null, 8, ["class"])
         ], 512), [
           [H, e.isCreateNewOption]
         ])
       ], 34);
     };
   }
-}), Ct = ["onKeyup"], St = { class: "cl-flex" }, Et = { key: 5 }, jt = /* @__PURE__ */ G({
+}), Ct = ["onKeyup"], St = { class: "cl-flex" }, Et = { key: 5 }, Ot = /* @__PURE__ */ G({
   __name: "cl-ui-combo-box-search",
   props: {
     loading: { type: Boolean, default: !1 },
@@ -1749,7 +1753,7 @@ const fe = /* @__PURE__ */ me(ht, [["__scopeId", "data-v-80cbc6a7"]]), vt = { cl
     "hide-dropdown": null
   },
   setup(e, { emit: t }) {
-    const l = e, { t: o } = se(), c = q(""), f = q(!1), i = q(-1), u = A(() => f.value ? -1 : 0), r = q();
+    const l = e, { t: o } = se(), c = q(""), f = q(!1), i = q(-1), d = j(() => f.value ? -1 : 0), r = q();
     function m(v) {
       (v === void 0 || (v == null ? void 0 : v.code.startsWith("Arrow")) === !1 && (v == null ? void 0 : v.code.startsWith("Control")) === !1 && (v == null ? void 0 : v.code.startsWith("Shift")) === !1 && (v == null ? void 0 : v.code.startsWith("Tab")) === !1 && (v == null ? void 0 : v.code) !== "Enter") && (t("search", c.value), i.value = -2);
     }
@@ -1774,10 +1778,10 @@ const fe = /* @__PURE__ */ me(ht, [["__scopeId", "data-v-80cbc6a7"]]), vt = { cl
     function F(v) {
       if (v.key === "Tab" && v.shiftKey === !0) {
         const h = document.getElementsByTagName("input");
-        let $ = -1;
+        let k = -1;
         for (let M = 0; M < h.length; M++)
-          h[M] === v.target && ($ = M - 1);
-        $ >= 0 && (h[$].focus(), b());
+          h[M] === v.target && (k = M - 1);
+        k >= 0 && (h[k].focus(), b());
       }
     }
     function U() {
@@ -1791,13 +1795,13 @@ const fe = /* @__PURE__ */ me(ht, [["__scopeId", "data-v-80cbc6a7"]]), vt = { cl
     function E(v) {
       i.value = v;
     }
-    function j() {
+    function O() {
       l.isVisible === !0 && (c.value = "", m(), $e(() => {
         var v, h;
         return (h = (v = r.value) == null ? void 0 : v.querySelector("input")) == null ? void 0 : h.focus();
       }));
     }
-    return le(() => l.results, () => X()), le(() => l.errorMessage, () => X()), le(() => l.isVisible, () => j()), Se(() => {
+    return le(() => l.results, () => X()), le(() => l.errorMessage, () => X()), le(() => l.isVisible, () => O()), Se(() => {
       var v;
       return (v = r.value) == null ? void 0 : v.addEventListener("keydown", F);
     }), Me(() => {
@@ -1805,19 +1809,19 @@ const fe = /* @__PURE__ */ me(ht, [["__scopeId", "data-v-80cbc6a7"]]), vt = { cl
       return (v = r.value) == null ? void 0 : v.removeEventListener("keydown", F);
     }), (v, h) => {
       var M;
-      const $ = ee("cl-ui-loading-spinner");
-      return a(), d("div", {
+      const k = ee("cl-ui-loading-spinner");
+      return a(), u("div", {
         ref_key: "container",
         ref: r,
         class: "cl-bg-white cl-border cl-border-collapse cl-border-grey-0 cl-h-52 cl-overflow-y-auto cl-p-2 cl-rounded cl-text-sm",
         onKeydown: [
-          h[2] || (h[2] = Ce(ae((S) => C(n(u)), ["prevent", "stop"]), ["up"])),
-          h[3] || (h[3] = Ce(ae((S) => T(n(u)), ["prevent", "stop"]), ["down"]))
+          h[2] || (h[2] = Ce(ae((S) => C(n(d)), ["prevent", "stop"]), ["up"])),
+          h[3] || (h[3] = Ce(ae((S) => T(n(d)), ["prevent", "stop"]), ["down"]))
         ],
         onKeyup: Ce(ae(P, ["prevent", "stop"]), ["enter"])
       }, [
         s("div", St, [
-          k(fe, {
+          $(fe, {
             modelValue: c.value,
             "onUpdate:modelValue": h[0] || (h[0] = (S) => c.value = S),
             class: "!cl-mr-0 cl-mb-1 cl-w-full",
@@ -1826,26 +1830,27 @@ const fe = /* @__PURE__ */ me(ht, [["__scopeId", "data-v-80cbc6a7"]]), vt = { cl
             onKeyup: m,
             onBlur: b
           }, null, 8, ["modelValue", "placeholder-text"]),
-          V(k($, { class: "cl-absolute cl-ml-2 cl-mt-11" }, null, 512), [
+          V($(k, { class: "cl-absolute cl-ml-2 cl-mt-11" }, null, 512), [
             [H, e.loading]
           ])
         ]),
-        e.currentObjectName !== "" ? (a(), K(Ae, {
+        e.currentObjectName !== "" ? (a(), K(je, {
           key: 0,
           "show-clear-button": e.canClearSelectedObject,
           text: e.currentObjectName,
           onClearObject: h[1] || (h[1] = (S) => v.$emit("clear-object"))
         }, null, 8, ["show-clear-button", "text"])) : N("", !0),
-        e.objectParentType !== "" && e.results !== void 0 && e.results.length > 0 && e.errorMessage === "" ? (a(), K(Ae, {
+        e.objectParentType !== "" && e.results !== void 0 && e.results.length > 0 && e.errorMessage === "" ? (a(), K(je, {
           key: 1,
           text: e.objectType,
-          "additional-text": e.objectParentType
+          "additional-text": e.objectParentType,
+          class: "cl-bg-grey-2 cl-mt-1"
         }, null, 8, ["text", "additional-text"])) : N("", !0),
-        e.results !== null && ((M = e.results) == null ? void 0 : M.length) === 0 && c.value.trim() !== "" && e.canCreateNewObject === !1 && e.errorMessage === "" ? (a(), K(Ae, {
+        e.results !== null && ((M = e.results) == null ? void 0 : M.length) === 0 && c.value.trim() !== "" && e.canCreateNewObject === !1 && e.errorMessage === "" ? (a(), K(je, {
           key: 2,
           text: n(o)("comboBox.noResults", { value: c.value })
         }, null, 8, ["text"])) : N("", !0),
-        e.errorMessage !== "" ? (a(), K(Ae, {
+        e.errorMessage !== "" ? (a(), K(je, {
           key: 3,
           class: "!cl-bg-danger-light cl-border-danger-light cl-rounded cl-text-danger-dark",
           text: n(o)("comboBox.errorMessage", { error: e.errorMessage })
@@ -1859,11 +1864,11 @@ const fe = /* @__PURE__ */ me(ht, [["__scopeId", "data-v-80cbc6a7"]]), vt = { cl
           onCreateObject: p,
           onOptionHighlighted: E
         }, null, 8, ["text", "selected-index"])) : N("", !0),
-        e.errorMessage === "" && e.results !== null ? (a(), d("div", Et, [
-          (a(!0), d(B, null, ce(e.results, (S, O) => (a(), K(Ke, {
-            key: O,
+        e.errorMessage === "" && e.results !== null ? (a(), u("div", Et, [
+          (a(!0), u(L, null, ce(e.results, (S, A) => (a(), K(Ke, {
+            key: A,
             option: S,
-            index: O,
+            index: A,
             "selected-index": i.value,
             onSelectObject: g,
             onOptionHighlighted: E
@@ -1872,7 +1877,7 @@ const fe = /* @__PURE__ */ me(ht, [["__scopeId", "data-v-80cbc6a7"]]), vt = { cl
       ], 40, Ct);
     };
   }
-}), At = { class: "cl-flex" }, Ot = { class: "cl-relative cl-right-20 cl-top-0.5" }, Mt = { class: "cl-absolute cl-flex cl-float-right cl-font-semibold cl-mt-2 cl-text-danger-default cl-text-sm" }, It = { class: "cl-ml-4 cl-w-11/12" }, Nt = { class: "cl-p-2 cl-text-right cl-w-full" }, qt = /* @__PURE__ */ G({
+}), jt = { class: "cl-flex" }, At = { class: "cl-relative cl-right-20 cl-top-0.5" }, Mt = { class: "cl-absolute cl-flex cl-float-right cl-font-semibold cl-mt-2 cl-text-danger-default cl-text-sm" }, It = { class: "cl-ml-4 cl-w-11/12" }, Nt = { class: "cl-p-2 cl-text-right cl-w-full" }, qt = /* @__PURE__ */ G({
   __name: "cl-ui-combo-box",
   props: {
     loading: { type: Boolean, default: !1 },
@@ -1898,10 +1903,10 @@ const fe = /* @__PURE__ */ me(ht, [["__scopeId", "data-v-80cbc6a7"]]), vt = { cl
     "update:current-object": null
   },
   setup(e, { emit: t }) {
-    const l = e, { t: o } = se(), c = q(!1), f = A({
+    const l = e, { t: o } = se(), c = q(!1), f = j({
       get: () => l.currentObject,
       set: (S) => t("update:current-object", S)
-    }), i = q(null), u = A(() => $()), r = q(""), m = q(""), g = q(), p = q(!0);
+    }), i = q(null), d = j(() => k()), r = q(""), m = q(""), g = q(), p = q(!0);
     function b(S) {
       l.disabled || (typeof S < "u" ? c.value = S : c.value = !c.value);
     }
@@ -1915,25 +1920,25 @@ const fe = /* @__PURE__ */ me(ht, [["__scopeId", "data-v-80cbc6a7"]]), vt = { cl
       f.value = null, b(!1);
     }
     function F(S) {
-      const O = U(S);
-      f.value = O, b(!1);
+      const A = U(S);
+      f.value = A, b(!1);
     }
     function U(S) {
-      let O = null;
+      let A = null;
       if (l.results !== null) {
         for (let w = 0; w < l.results.length; w++)
           if (l.results[w].id === S) {
-            O = l.results[w];
+            A = l.results[w];
             break;
           }
       }
-      return O;
+      return A;
     }
     function X() {
-      var S, O;
+      var S, A;
       g.value = {
         name: r.value,
-        parentId: (O = (S = i.value) == null ? void 0 : S.id) != null ? O : 0
+        parentId: (A = (S = i.value) == null ? void 0 : S.id) != null ? A : 0
       }, t("create-object", g.value);
     }
     function E() {
@@ -1942,37 +1947,37 @@ const fe = /* @__PURE__ */ me(ht, [["__scopeId", "data-v-80cbc6a7"]]), vt = { cl
         parentId: 0
       }, t("create-parent-object", g.value);
     }
-    function j() {
-      var S, O;
+    function O() {
+      var S, A;
       (S = l.objectCreatedResponse) != null && S.error ? Fe({
         message: o("comboBox.createFailed", { name: r.value, error: l.objectCreatedResponse.error }),
         colour: "danger",
         duration: 1e4
-      }) : (O = l.objectCreatedResponse) != null && O.id && h();
+      }) : (A = l.objectCreatedResponse) != null && A.id && h();
     }
     function v() {
-      var S, O;
+      var S, A;
       (S = l.parentObjectCreatedResponse) != null && S.id && (i.value = {
         id: l.parentObjectCreatedResponse.id,
-        name: (O = l.parentObjectCreatedResponse.name) != null ? O : ""
+        name: (A = l.parentObjectCreatedResponse.name) != null ? A : ""
       });
     }
     function h() {
-      var O, w, J, L, I, W, x, D, te;
+      var A, w, J, B, I, W, x, D, te;
       Fe({
-        message: o("comboBox.createSuccessful", { object: l.objectType, name: (w = (O = l.objectCreatedResponse) == null ? void 0 : O.name) != null ? w : "" }),
+        message: o("comboBox.createSuccessful", { object: l.objectType, name: (w = (A = l.objectCreatedResponse) == null ? void 0 : A.name) != null ? w : "" }),
         colour: "primary",
         duration: 1e4
       });
       let S = "";
       i.value && i.value.id === ((J = l.objectCreatedResponse) == null ? void 0 : J.parentId) && (S = i.value.name), f.value = {
-        id: (I = (L = l.objectCreatedResponse) == null ? void 0 : L.id) != null ? I : 0,
+        id: (I = (B = l.objectCreatedResponse) == null ? void 0 : B.id) != null ? I : 0,
         name: (x = (W = l.objectCreatedResponse) == null ? void 0 : W.name) != null ? x : "",
         parentId: (te = (D = l.objectCreatedResponse) == null ? void 0 : D.parentId) != null ? te : 0,
         parentName: S
       };
     }
-    function $() {
+    function k() {
       let S = "";
       return f.value && (f.value.parentName ? S = f.value.parentName + "; " + f.value.name : S = f.value.name), S;
     }
@@ -1980,26 +1985,26 @@ const fe = /* @__PURE__ */ me(ht, [["__scopeId", "data-v-80cbc6a7"]]), vt = { cl
       let S = !0;
       r.value === "" && (S = !1), l.objectParentType !== "" && i.value === null && (S = !1), p.value = S;
     }
-    return le(() => l.objectCreatedResponse, () => j()), le(() => l.parentObjectCreatedResponse, () => v()), le(() => r.value, () => M()), le(() => i.value, () => M()), (S, O) => {
+    return le(() => l.objectCreatedResponse, () => O()), le(() => l.parentObjectCreatedResponse, () => v()), le(() => r.value, () => M()), le(() => i.value, () => M()), (S, A) => {
       const w = ee("icon"), J = ee("cl-ui-combo-box", !0);
-      return a(), d("div", null, [
-        s("div", At, [
-          k(fe, {
-            modelValue: n(u),
-            "onUpdate:modelValue": O[0] || (O[0] = (L) => ge(u) ? u.value = L : null),
+      return a(), u("div", null, [
+        s("div", jt, [
+          $(fe, {
+            modelValue: n(d),
+            "onUpdate:modelValue": A[0] || (A[0] = (B) => ge(d) ? d.value = B : null),
             class: z(["!cl-bg-transparent !cl-mr-0 cl-mb-0 cl-rounded-r-none cl-w-full cl-z-10", {
               "cl-cursor-pointer": e.disabled === !1
             }]),
             "input-type": "text",
             "placeholder-text": n(o)("comboBox.emptyHintText", { object: e.objectType }),
-            onFocus: O[1] || (O[1] = (L) => {
+            onFocus: A[1] || (A[1] = (B) => {
               b(!0), S.$emit("focus");
             })
           }, null, 8, ["modelValue", "class", "placeholder-text"]),
-          V(s("div", Ot, [
+          V(s("div", At, [
             s("div", Mt, [
               _(y(n(o)("comboBox.required")) + " ", 1),
-              k(w, {
+              $(w, {
                 class: "cl-ml-1 cl-mt-1",
                 icon: "ph:warning"
               })
@@ -2007,25 +2012,38 @@ const fe = /* @__PURE__ */ me(ht, [["__scopeId", "data-v-80cbc6a7"]]), vt = { cl
           ], 512), [
             [H, e.required && e.disabled === !1 && e.currentObject === null]
           ]),
-          s("div", {
-            class: z(["cl-border cl-border-grey-1 cl-float-right cl-h-10 cl-px-1 cl-py-2.5 cl-rounded cl-rounded-l-none cl-text-grey-3 cl-transition-colors cl-w-min hover:cl-bg-primary-default hover:cl-text-white", {
-              "cl-bg-off-white cl-cursor-default hover:cl-bg-off-white hover:cl-text-grey-3": e.disabled,
+          c.value ? (a(), u("div", {
+            key: 1,
+            class: z(["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": e.disabled,
               "cl-cursor-pointer": e.disabled === !1
             }]),
-            onClick: O[2] || (O[2] = (L) => b(!0))
+            onClick: A[3] || (A[3] = (B) => b(!1))
           }, [
-            k(w, {
-              icon: "ph:caret-down",
-              weight: "fill"
+            $(w, {
+              icon: "ph:caret-up-bold",
+              class: "cl-ml-[5px] cl-mt-[12px]"
             })
-          ], 2)
+          ], 2)) : (a(), u("div", {
+            key: 0,
+            class: z(["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": e.disabled,
+              "cl-cursor-pointer": e.disabled === !1
+            }]),
+            onClick: A[2] || (A[2] = (B) => b(!0))
+          }, [
+            $(w, {
+              icon: "ph:caret-down-bold",
+              class: "cl-ml-[5px] cl-mt-[12px]"
+            })
+          ], 2))
         ]),
-        k(ll, { size: "x-small" }, {
+        $(ll, { size: "x-small" }, {
           title: Y(() => [
             _(y(n(o)("comboBox.createTitle", { object: e.objectType })), 1)
           ]),
-          trigger: Y(({ open: L }) => [
-            V(k(jt, {
+          trigger: Y(({ open: B }) => [
+            V($(Ot, {
               "can-create-new-object": e.canCreateNewObject,
               "can-clear-selected-object": e.canClearSelectedObject,
               loading: e.loading,
@@ -2033,26 +2051,26 @@ const fe = /* @__PURE__ */ me(ht, [["__scopeId", "data-v-80cbc6a7"]]), vt = { cl
               "object-type": e.objectType,
               "object-parent-type": e.objectParentType,
               "error-message": e.errorMessage,
-              "current-object-name": n(u),
+              "current-object-name": n(d),
               "is-visible": c.value,
-              onCreateObject: L,
+              onCreateObject: B,
               onSelectObject: F,
               onClearObject: P,
               onSearch: T,
-              onHideDropdown: O[3] || (O[3] = (I) => b(!1))
+              onHideDropdown: A[4] || (A[4] = (I) => b(!1))
             }, null, 8, ["can-create-new-object", "can-clear-selected-object", "loading", "results", "object-type", "object-parent-type", "error-message", "current-object-name", "is-visible", "onCreateObject"]), [
               [H, c.value]
             ])
           ]),
-          footer: Y(({ close: L }) => [
+          footer: Y(({ close: B }) => [
             s("div", Nt, [
-              k(we, {
+              $(we, {
                 class: "cl-mr-4",
                 colour: "primary",
                 size: "small",
                 disabled: !p.value,
                 onClick: (I) => {
-                  X(), L();
+                  X(), B();
                 }
               }, {
                 default: Y(() => [
@@ -2060,10 +2078,10 @@ const fe = /* @__PURE__ */ me(ht, [["__scopeId", "data-v-80cbc6a7"]]), vt = { cl
                 ]),
                 _: 2
               }, 1032, ["disabled", "onClick"]),
-              k(we, {
+              $(we, {
                 colour: "danger",
                 size: "small",
-                onClick: L
+                onClick: B
               }, {
                 default: Y(() => [
                   _(y(n(o)("comboBox.cancel")), 1)
@@ -2077,7 +2095,7 @@ const fe = /* @__PURE__ */ me(ht, [["__scopeId", "data-v-80cbc6a7"]]), vt = { cl
               e.objectParentType ? (a(), K(J, {
                 key: 0,
                 "current-object": i.value,
-                "onUpdate:current-object": O[4] || (O[4] = (L) => i.value = L),
+                "onUpdate:current-object": A[5] || (A[5] = (B) => i.value = B),
                 class: "cl-mt-3",
                 results: e.parentResults,
                 loading: e.loading,
@@ -2089,9 +2107,9 @@ const fe = /* @__PURE__ */ me(ht, [["__scopeId", "data-v-80cbc6a7"]]), vt = { cl
                 onSearch: C,
                 onCreateObject: E
               }, null, 8, ["current-object", "results", "loading", "object-type", "object-created-response", "can-create-new-object", "can-clear-selected-object", "error-message"])) : N("", !0),
-              k(fe, {
+              $(fe, {
                 modelValue: r.value,
-                "onUpdate:modelValue": O[5] || (O[5] = (L) => r.value = L),
+                "onUpdate:modelValue": A[6] || (A[6] = (B) => r.value = B),
                 label: n(o)("comboBox.createProperty"),
                 class: "cl-mb-2 cl-pt-2 cl-w-full",
                 "input-type": "text"
@@ -2118,11 +2136,11 @@ const Ut = {}, zt = { class: "cl-flex cl-flex-wrap cl-left-0 cl-mt-4 cl-w-full"
   class: "cl-leading-10 cl-text-sm cl-w-full"
 }, Pt = { class: "cl-float-left" }, Vt = { class: "cl-float-right" };
 function Ft(e, t) {
-  return a(), d("div", zt, [
-    e.$slots.default ? (a(), d("div", Bt, [
+  return a(), u("div", zt, [
+    e.$slots.default ? (a(), u("div", Bt, [
       R(e.$slots, "default")
     ])) : N("", !0),
-    e.$slots.left || e.$slots.right ? (a(), d("div", Lt, [
+    e.$slots.left || e.$slots.right ? (a(), u("div", Lt, [
       s("span", Pt, [
         R(e.$slots, "left")
       ]),
@@ -2154,11 +2172,11 @@ const Ht = /* @__PURE__ */ me(Ut, [["render", Ft]]), Gt = { class: "cl-mr-2 lg:c
     "undo-edit": null
   },
   setup(e, { emit: t }) {
-    const l = e, { d: o, n: c } = se(), f = q(be(l.record)), i = A(() => {
+    const l = e, { d: o, n: c } = se(), f = q(be(l.record)), i = j(() => {
       var p, b;
       return f.value[(p = l.column.field) != null ? p : ""] !== l.record[(b = l.column.field) != null ? b : ""];
     });
-    function u(p, b) {
+    function d(p, b) {
       return p[b];
     }
     function r(p, b) {
@@ -2176,7 +2194,7 @@ const Ht = /* @__PURE__ */ me(Ut, [["render", Ft]]), Gt = { class: "cl-mr-2 lg:c
       b !== "" && (p[b] !== l.record[b] ? t("edit", p[b]) : t("undo-edit"));
     }, {
       deep: !0
-    }), (p, b) => e.editMode && e.column.field && e.column.editable ? (a(), d("td", de({ key: 0 }, p.$attrs, {
+    }), (p, b) => e.editMode && e.column.field && e.column.editable ? (a(), u("td", de({ key: 0 }, p.$attrs, {
       class: ["cl-transition-colours", {
         "cl-bg-link-lighter": n(i)
       }]
@@ -2188,31 +2206,31 @@ const Ht = /* @__PURE__ */ me(Ut, [["render", Ft]]), Gt = { class: "cl-mr-2 lg:c
         edited: n(i),
         record: f.value
       })))
-    ], 16)) : (a(), d("td", ie(de({ key: 1 }, p.$attrs)), [
+    ], 16)) : (a(), u("td", ie(de({ key: 1 }, p.$attrs)), [
       s("strong", Wt, y(e.column.caption), 1),
       e.column.type === "slot" ? R(p.$slots, e.column.name, ie(de({ key: 0 }, { column: e.column, record: e.record }))) : e.column.type === "boolean" && e.column.field !== void 0 ? (a(), K(fe, {
         key: 1,
         "input-type": "checkbox",
         "model-value": m(e.record, e.column.field),
         disabled: !0
-      }, null, 8, ["model-value"])) : (e.column.type === "date" || e.column.type === "datetime") && e.column.field !== void 0 ? (a(), d(B, { key: 2 }, [
-        e.column.format !== void 0 ? (a(), d(B, { key: 0 }, [
-          _(y(n(o)(new Date(u(e.record, e.column.field)), e.column.format)), 1)
-        ], 64)) : e.column.type === "date" ? (a(), d(B, { key: 1 }, [
-          _(y(n(o)(new Date(u(e.record, e.column.field)), n(Q).DATE)), 1)
-        ], 64)) : (a(), d(B, { key: 2 }, [
-          _(y(n(o)(new Date(u(e.record, e.column.field)), n(Q).DATETIME)), 1)
+      }, null, 8, ["model-value"])) : (e.column.type === "date" || e.column.type === "datetime") && e.column.field !== void 0 ? (a(), u(L, { key: 2 }, [
+        e.column.format !== void 0 ? (a(), u(L, { key: 0 }, [
+          _(y(n(o)(new Date(d(e.record, e.column.field)), e.column.format)), 1)
+        ], 64)) : e.column.type === "date" ? (a(), u(L, { key: 1 }, [
+          _(y(n(o)(new Date(d(e.record, e.column.field)), n(Q).DATE)), 1)
+        ], 64)) : (a(), u(L, { key: 2 }, [
+          _(y(n(o)(new Date(d(e.record, e.column.field)), n(Q).DATETIME)), 1)
         ], 64))
-      ], 64)) : e.column.type === "number" && e.column.field ? (a(), d(B, { key: 3 }, [
-        e.column.format === n(ne).MULTIPLIER ? (a(), d(B, { key: 0 }, [
+      ], 64)) : e.column.type === "number" && e.column.field ? (a(), u(L, { key: 3 }, [
+        e.column.format === n(ne).MULTIPLIER ? (a(), u(L, { key: 0 }, [
           _(" \xD7" + y(r(e.record, e.column.field)), 1)
-        ], 64)) : e.column.format !== void 0 ? (a(), d(B, { key: 1 }, [
+        ], 64)) : e.column.format !== void 0 ? (a(), u(L, { key: 1 }, [
           _(y(n(c)(r(e.record, e.column.field), e.column.format)), 1)
-        ], 64)) : (a(), d(B, { key: 2 }, [
+        ], 64)) : (a(), u(L, { key: 2 }, [
           _(y(r(e.record, e.column.field)), 1)
         ], 64))
-      ], 64)) : e.column.field !== void 0 ? (a(), d(B, { key: 4 }, [
-        e.column.maxLength !== void 0 ? (a(), d("span", Jt, y(u(e.record, e.column.field).trimToLength(e.column.maxLength, e.column.format !== void 0 ? e.column.format === "ellipsis" : !1)), 1)) : (a(), d("span", Kt, y(u(e.record, e.column.field)), 1))
+      ], 64)) : e.column.field !== void 0 ? (a(), u(L, { key: 4 }, [
+        e.column.maxLength !== void 0 ? (a(), u("span", Jt, y(d(e.record, e.column.field).trimToLength(e.column.maxLength, e.column.format !== void 0 ? e.column.format === "ellipsis" : !1)), 1)) : (a(), u("span", Kt, y(d(e.record, e.column.field)), 1))
       ], 64)) : N("", !0)
     ], 16));
   }
@@ -2384,22 +2402,22 @@ const cn = {
     "update:request": null
   },
   setup(e, { emit: t }) {
-    const l = e, { locale: o, t: c } = se(), { debounce: f } = Pe(750), i = A(() => {
+    const l = e, { locale: o, t: c } = se(), { debounce: f } = Pe(750), i = j(() => {
       const E = C();
-      return E.forEach((j) => {
-        j.description = c(`grid.${j.method}`);
+      return E.forEach((O) => {
+        O.description = c(`grid.${O.method}`);
       }), E;
-    }), u = A(() => {
-      var j;
-      let E = (j = l.request.filters.find((v) => v.filterOnColumn === l.column.field)) == null ? void 0 : j.filterMethod;
+    }), d = j(() => {
+      var O;
+      let E = (O = l.request.filters.find((v) => v.filterOnColumn === l.column.field)) == null ? void 0 : O.filterMethod;
       return typeof E > "u" && (E = ye[T()]), i.value.find((v) => {
         var h;
         return v.method.toLowerCase() === ((h = E == null ? void 0 : E.removeNonAlphanumeric()) == null ? void 0 : h.toLowerCase());
       });
-    }), r = A(() => {
-      var E, j;
-      return (j = (E = l.request.filters.find((v) => v.filterOnColumn === l.column.field)) == null ? void 0 : E.filterValue) != null ? j : "";
-    }), m = A(() => r.value !== "" ? new Date(r.value) : null), g = q(r.value), p = A(() => Intl.NumberFormat(o.value).format(1.1).replace(/[0-9]+/g, "")), b = A(() => {
+    }), r = j(() => {
+      var E, O;
+      return (O = (E = l.request.filters.find((v) => v.filterOnColumn === l.column.field)) == null ? void 0 : E.filterValue) != null ? O : "";
+    }), m = j(() => r.value !== "" ? new Date(r.value) : null), g = q(r.value), p = j(() => Intl.NumberFormat(o.value).format(1.1).replace(/[0-9]+/g, "")), b = j(() => {
       let E = "text";
       return l.column.slotType === "date" || l.column.type === "date" ? E = "date" : (l.column.slotType === "datetime" || l.column.type === "datetime") && (E = "datetime"), E;
     });
@@ -2408,56 +2426,56 @@ const cn = {
     }
     function C() {
       let E = [];
-      return l.column.type !== "slot" ? E = Ze.filter((j) => j.allowedTypes.includes(l.column.type)) : typeof l.column.slotType < "u" && typeof l.column.field < "u" && (E = Ze.filter((j) => j.allowedTypes.includes(l.column.slotType))), E;
+      return l.column.type !== "slot" ? E = Ze.filter((O) => O.allowedTypes.includes(l.column.type)) : typeof l.column.slotType < "u" && typeof l.column.field < "u" && (E = Ze.filter((O) => O.allowedTypes.includes(l.column.slotType))), E;
     }
     function P(E) {
-      const j = be(l.request), v = j.filters.findIndex((h) => h.filterOnColumn === l.column.field);
-      v >= 0 ? (j.filters[v].filterOperation = ye[E.toUpperCase()], j.filters[v].filterMethod = E.toUpperCase()) : typeof l.column.field < "u" && j.filters.push({
+      const O = be(l.request), v = O.filters.findIndex((h) => h.filterOnColumn === l.column.field);
+      v >= 0 ? (O.filters[v].filterOperation = ye[E.toUpperCase()], O.filters[v].filterMethod = E.toUpperCase()) : typeof l.column.field < "u" && O.filters.push({
         filterOnColumn: l.column.field,
         filterMethod: E.toUpperCase(),
         filterOperation: ye[E.toUpperCase()],
         filterValue: ""
-      }), t("update:request", j);
+      }), t("update:request", O);
     }
-    function F(E, j) {
+    function F(E, O) {
       var S;
-      const v = ((S = E == null ? void 0 : E.value) != null ? S : j).trim(), h = be(l.request), $ = h.filters.findIndex((O) => O.filterOnColumn === l.column.field);
+      const v = ((S = E == null ? void 0 : E.value) != null ? S : O).trim(), h = be(l.request), k = h.filters.findIndex((A) => A.filterOnColumn === l.column.field);
       let M = !1;
-      if (h.pageNumber = 1, $ >= 0)
-        M = h.filters[$].filterValue === v, h.filters[$].filterValue = v;
+      if (h.pageNumber = 1, k >= 0)
+        M = h.filters[k].filterValue === v, h.filters[k].filterValue = v;
       else if (v !== "" && typeof l.column.field < "u") {
-        const O = T();
+        const A = T();
         h.filters.push({
           filterOnColumn: l.column.field,
-          filterMethod: ye[O],
-          filterOperation: O,
+          filterMethod: ye[A],
+          filterOperation: A,
           filterValue: v
         });
       }
       M === !1 && t("update:request", h);
     }
     function U(E) {
-      var h, $;
-      let j = ($ = (h = E == null ? void 0 : E.value) == null ? void 0 : h.replace(new RegExp(`[^0-9\\${p.value}]`, "g"), "")) != null ? $ : "", v = "";
-      l.column.format === ne.INTEGER ? v = parseInt(j) : (j = j.replace(p.value, "."), v = parseFloat(j)), typeof v == "number" && isNaN(v) && (v = ""), F(null, v.toString());
+      var h, k;
+      let O = (k = (h = E == null ? void 0 : E.value) == null ? void 0 : h.replace(new RegExp(`[^0-9\\${p.value}]`, "g"), "")) != null ? k : "", v = "";
+      l.column.format === ne.INTEGER ? v = parseInt(O) : (O = O.replace(p.value, "."), v = parseFloat(O)), typeof v == "number" && isNaN(v) && (v = ""), F(null, v.toString());
     }
     function X(E) {
-      var j;
-      F(null, (j = E == null ? void 0 : E.toISOString()) != null ? j : "");
+      var O;
+      F(null, (O = E == null ? void 0 : E.toISOString()) != null ? O : "");
     }
-    return (E, j) => {
-      var h, $;
+    return (E, O) => {
+      var h, k;
       const v = ee("icon");
-      return e.column.filterable === void 0 || e.column.filterable === !0 ? (a(), d("div", {
+      return e.column.filterable === void 0 || e.column.filterable === !0 ? (a(), u("div", {
         key: 0,
         class: z(["cl-border-grey-2 cl-flex cl-h-[2.6rem] cl-rounded cl-w-full", {
           "cl-border-b cl-p-5": e.column.type === "slot" && (e.column.slotType === void 0 || e.column.field === void 0),
           "cl-border": e.column.type !== "slot" || e.column.slotType !== void 0 && e.column.field !== void 0
         }])
       }, [
-        e.column.type !== "slot" || e.column.slotType !== void 0 && e.column.field !== void 0 ? (a(), d("div", rn, [
+        e.column.type !== "slot" || e.column.slotType !== void 0 && e.column.field !== void 0 ? (a(), u("div", rn, [
           s("div", un, [
-            k(v, {
+            $(v, {
               icon: "ph:sliders-horizontal",
               size: 20
             })
@@ -2470,17 +2488,17 @@ const cn = {
           }, [
             s("strong", dn, y(n(c)("grid.currentMethod")), 1),
             s("span", fn, [
-              _(y((h = n(u)) == null ? void 0 : h.description) + " ", 1),
+              _(y((h = n(d)) == null ? void 0 : h.description) + " ", 1),
               s("span", {
                 class: "cl-float-right",
-                innerHTML: ($ = n(u)) == null ? void 0 : $.icon
+                innerHTML: (k = n(d)) == null ? void 0 : k.icon
               }, null, 8, mn)
             ]),
             s("strong", gn, y(n(c)("grid.availableMethods")), 1),
-            (a(!0), d(B, null, ce(n(i), (M, S) => (a(), d("span", {
+            (a(!0), u(L, null, ce(n(i), (M, S) => (a(), u("span", {
               key: S,
               class: "cl-cursor-pointer cl-px-4 cl-py-1 cl-transition-colors cl-w-full hover:cl-bg-off-white",
-              onClick: ae((O) => P(M.method), ["prevent"])
+              onClick: ae((A) => P(M.method), ["prevent"])
             }, [
               _(y(M.description) + " ", 1),
               s("span", {
@@ -2490,10 +2508,10 @@ const cn = {
             ], 8, bn))), 128))
           ], 2)
         ])) : N("", !0),
-        e.column.type === "boolean" || e.column.slotType === "boolean" && typeof e.column.field < "u" ? (a(), d("select", {
+        e.column.type === "boolean" || e.column.slotType === "boolean" && typeof e.column.field < "u" ? (a(), u("select", {
           key: 1,
           class: "cl-border-none cl-w-full",
-          onChange: j[0] || (j[0] = (M) => F(M.target))
+          onChange: O[0] || (O[0] = (M) => F(M.target))
         }, [
           vn,
           s("option", {
@@ -2513,30 +2531,30 @@ const cn = {
           label: e.column.name,
           "show-label": !1,
           "input-type": n(b),
-          "onUpdate:modelValue": j[1] || (j[1] = (M) => X(M))
+          "onUpdate:modelValue": O[1] || (O[1] = (M) => X(M))
         }, null, 8, ["model-value", "label", "input-type"])) : e.column.type === "number" || e.column.slotType === "number" && typeof e.column.field < "u" ? (a(), K(fe, {
           key: 3,
           modelValue: g.value,
-          "onUpdate:modelValue": j[2] || (j[2] = (M) => g.value = M),
+          "onUpdate:modelValue": O[2] || (O[2] = (M) => g.value = M),
           class: "cl-border-none cl-mb-0 cl-w-full",
           "input-type": "number",
           "show-arrows": !1,
-          onInput: j[3] || (j[3] = (M) => n(f)(U, M.target))
+          onInput: O[3] || (O[3] = (M) => n(f)(U, M.target))
         }, null, 8, ["modelValue"])) : e.column.type !== "slot" || e.column.slotType === "string" && typeof e.column.field < "u" ? (a(), K(fe, {
           key: 4,
           modelValue: g.value,
-          "onUpdate:modelValue": j[4] || (j[4] = (M) => g.value = M),
+          "onUpdate:modelValue": O[4] || (O[4] = (M) => g.value = M),
           class: "cl-border-none cl-mb-0 cl-w-full",
           "input-type": "text",
-          onInput: j[5] || (j[5] = (M) => n(f)(F, M.target))
+          onInput: O[5] || (O[5] = (M) => n(f)(F, M.target))
         }, null, 8, ["modelValue"])) : N("", !0)
-      ], 2)) : (a(), d("div", wn, " \xA0 "));
+      ], 2)) : (a(), u("div", wn, " \xA0 "));
     };
   }
 }), xn = {
   key: 0,
   class: "cl-flex cl-flex-wrap cl-justify-end cl-mt-4 cl-w-full"
-}, $n = { class: "cl-bg-off-white cl-border cl-border-grey-0 cl-flex cl-items-center cl-mb-2 cl-px-3 cl-rounded cl-shadow-md cl-text-sm cl-w-full lg:cl-w-auto" }, kn = { class: "cl-text-grey-3 cl-w-max" }, Tn = { class: "cl-bg-off-white cl-border cl-border-grey-0 cl-flex cl-flex-wrap cl-items-center cl-mb-2 cl-px-3 cl-py-2 cl-rounded cl-shadow-md cl-text-sm cl-w-full lg:cl-ml-2 lg:cl-w-auto mb:cl-flex-nowrap" }, Cn = { class: "cl-flex cl-flex-wrap cl-mb-2 cl-text-sm cl-w-full lg:cl-p-2 md:cl-mb-0 md:cl-w-auto" }, Sn = { class: "cl-flex cl-flex-wrap cl-mb-2 cl-w-full lg:cl-mb-0 lg:cl-mr-2 lg:cl-w-auto" }, En = { class: "cl-text-grey-3 cl-w-full lg:cl-mr-2 lg:cl-w-auto" }, jn = { class: "cl-flex cl-flex-wrap cl-text-sm mb:cl-flex-nowrap" }, An = { class: "cl-pr-2" }, On = ["onClick"], Mn = { class: "cl-flex cl-flex-wrap cl-mb-2 cl-text-sm cl-w-full lg:cl-p-2 md:cl-mb-0 md:cl-w-auto" }, In = { class: "cl-mb-2 cl-text-grey-3 cl-w-full lg:cl-mb-0 lg:cl-mr-2 lg:cl-w-auto" }, Nn = ["onClick"], qn = { class: "cl-mb-2 cl-w-full lg:cl-p-2 md:cl-mb-0 md:cl-w-auto" }, Dn = { class: "cl-block cl-mb-2 cl-text-grey-3 cl-w-full lg:cl-inline-block lg:cl-mb-0 lg:cl-mr-1 lg:cl-w-auto" }, Rn = { class: "cl-block lg:cl-inline-block" }, Un = /* @__PURE__ */ G({
+}, $n = { class: "cl-bg-off-white cl-border cl-border-grey-0 cl-flex cl-items-center cl-mb-2 cl-px-3 cl-rounded cl-shadow-md cl-text-sm cl-w-full lg:cl-w-auto" }, kn = { class: "cl-text-grey-3 cl-w-max" }, Tn = { class: "cl-bg-off-white cl-border cl-border-grey-0 cl-flex cl-flex-wrap cl-items-center cl-mb-2 cl-px-3 cl-py-2 cl-rounded cl-shadow-md cl-text-sm cl-w-full lg:cl-ml-2 lg:cl-w-auto mb:cl-flex-nowrap" }, Cn = { class: "cl-flex cl-flex-wrap cl-mb-2 cl-text-sm cl-w-full lg:cl-p-2 md:cl-mb-0 md:cl-w-auto" }, Sn = { class: "cl-flex cl-flex-wrap cl-mb-2 cl-w-full lg:cl-mb-0 lg:cl-mr-2 lg:cl-w-auto" }, En = { class: "cl-text-grey-3 cl-w-full lg:cl-mr-2 lg:cl-w-auto" }, On = { class: "cl-flex cl-flex-wrap cl-text-sm mb:cl-flex-nowrap" }, jn = { class: "cl-pr-2" }, An = ["onClick"], Mn = { class: "cl-flex cl-flex-wrap cl-mb-2 cl-text-sm cl-w-full lg:cl-p-2 md:cl-mb-0 md:cl-w-auto" }, In = { class: "cl-mb-2 cl-text-grey-3 cl-w-full lg:cl-mb-0 lg:cl-mr-2 lg:cl-w-auto" }, Nn = ["onClick"], qn = { class: "cl-mb-2 cl-w-full lg:cl-p-2 md:cl-mb-0 md:cl-w-auto" }, Dn = { class: "cl-block cl-mb-2 cl-text-grey-3 cl-w-full lg:cl-inline-block lg:cl-mb-0 lg:cl-mr-1 lg:cl-w-auto" }, Rn = { class: "cl-block lg:cl-inline-block" }, Un = /* @__PURE__ */ G({
   __name: "cl-ui-grid-footer",
   props: {
     request: null,
@@ -2552,10 +2570,10 @@ const cn = {
       50,
       100,
       200
-    ], { n: c, t: f } = se(), { debounce: i } = Pe(), u = q(l.request.pageNumber), r = A(() => {
+    ], { n: c, t: f } = se(), { debounce: i } = Pe(), d = q(l.request.pageNumber), r = j(() => {
       var T, C;
       return l.data !== null ? Math.ceil(((C = (T = l.data) == null ? void 0 : T.totalRecords) != null ? C : 0) / l.request.pageSize) : 1;
-    }), m = A(() => {
+    }), m = j(() => {
       const T = Array.from(Array(r.value + 1).keys());
       let C = [];
       if (T.shift(), T.length) {
@@ -2576,15 +2594,15 @@ const cn = {
       const C = be(l.request);
       C.pageSize = T, C.pageNumber = 1, t("update:request", C);
     }
-    return le(() => l.request.pageNumber, () => u.value = l.request.pageNumber), (T, C) => {
+    return le(() => l.request.pageNumber, () => d.value = l.request.pageNumber), (T, C) => {
       var F;
       const P = ee("icon");
-      return e.data && ((F = e.data.results) == null ? void 0 : F.length) && e.request ? (a(), d("div", xn, [
+      return e.data && ((F = e.data.results) == null ? void 0 : F.length) && e.request ? (a(), u("div", xn, [
         s("div", $n, [
           s("span", kn, y(n(f)("grid.jumpToPage")), 1),
-          k(fe, {
-            modelValue: u.value,
-            "onUpdate:modelValue": C[0] || (C[0] = (U) => u.value = U),
+          $(fe, {
+            modelValue: d.value,
+            "onUpdate:modelValue": C[0] || (C[0] = (U) => d.value = U),
             class: "cl-ml-1 cl-mt-0.5 cl-text-sm",
             "input-type": "number",
             label: "Page",
@@ -2599,13 +2617,13 @@ const cn = {
             s("li", Sn, [
               s("span", En, y(n(f)("grid.page")), 1)
             ]),
-            s("ul", jn, [
-              s("li", An, y(n(c)(e.request.pageNumber, n(ne).INTEGER)) + " / " + y(n(c)(n(r), n(ne).INTEGER)), 1),
+            s("ul", On, [
+              s("li", jn, y(n(c)(e.request.pageNumber, n(ne).INTEGER)) + " / " + y(n(c)(n(r), n(ne).INTEGER)), 1),
               V(s("li", {
                 class: "cl-cursor-pointer cl-mr-1 cl-mt-1 lg:cl-mr-2",
                 onClick: C[2] || (C[2] = (U) => g(1))
               }, [
-                k(P, {
+                $(P, {
                   icon: "ph:caret-double-left",
                   size: 14
                 })
@@ -2616,26 +2634,26 @@ const cn = {
                 class: "cl-cursor-pointer cl-mt-1 lg:cl-mr-2 mr-1",
                 onClick: C[3] || (C[3] = (U) => g(e.request.pageNumber - 1))
               }, [
-                k(P, {
+                $(P, {
                   icon: "ph:caret-left",
                   size: 14
                 })
               ], 512), [
                 [H, e.request.pageNumber > 1]
               ]),
-              (a(!0), d(B, null, ce(n(m), (U, X) => (a(), d("li", {
+              (a(!0), u(L, null, ce(n(m), (U, X) => (a(), u("li", {
                 key: X,
                 class: z(["cl-cursor-pointer cl-mr-1 lg:cl-mr-2", {
                   "cl-text-black cl-font-bold": e.request.pageNumber === U,
                   "cl-text-grey-6": e.request.pageNumber !== U
                 }]),
                 onClick: (E) => g(U)
-              }, y(n(c)(U, n(ne).INTEGER)), 11, On))), 128)),
+              }, y(n(c)(U, n(ne).INTEGER)), 11, An))), 128)),
               V(s("li", {
                 class: "cl-cursor-pointer cl-mr-1 cl-mt-1 lg:cl-mr-2",
                 onClick: C[4] || (C[4] = (U) => g(e.request.pageNumber + 1))
               }, [
-                k(P, {
+                $(P, {
                   icon: "ph:caret-right",
                   size: 14
                 })
@@ -2646,7 +2664,7 @@ const cn = {
                 class: "cl-cursor-pointer cl-mr-1 cl-mt-1 lg:cl-mr-2",
                 onClick: C[5] || (C[5] = (U) => g(n(r)))
               }, [
-                k(P, {
+                $(P, {
                   icon: "ph:caret-double-right",
                   size: 14
                 })
@@ -2657,7 +2675,7 @@ const cn = {
           ]),
           s("ul", Mn, [
             s("li", In, y(n(f)("grid.pageSize")), 1),
-            (a(), d(B, null, ce(o, (U, X) => s("li", {
+            (a(), u(L, null, ce(o, (U, X) => s("li", {
               key: X,
               class: z(["cl-cursor-pointer cl-mr-1 lg:cl-mr-2", {
                 "cl-text-black cl-font-bold": e.request.pageSize === U,
@@ -2695,14 +2713,14 @@ const cn = {
       const g = be(l.columns), p = (T = r == null ? void 0 : r.checked) != null ? T : !1, b = g.findIndex((C) => C.name === m.name);
       b >= 0 && (g[b].visible = p), t("update:columns", g);
     }
-    function u(r, m) {
+    function d(r, m) {
       const g = be(l.columns), p = m === "up" ? r + 1 : r - 1;
       f(g, r, p), t("update:columns", g);
     }
     return (r, m) => {
       const g = ee("icon");
-      return a(), d(B, null, [
-        k(we, de(r.$attrs, {
+      return a(), u(L, null, [
+        $(we, de(r.$attrs, {
           class: "cl-w-full",
           size: "small",
           onClick: m[0] || (m[0] = ae((p) => c.value = !0, ["prevent"]))
@@ -2713,11 +2731,11 @@ const cn = {
           _: 1
         }, 16),
         (a(), K(Le, { to: "body" }, [
-          k(xe, { name: "slide-left" }, {
+          $(xe, { name: "slide-left" }, {
             default: Y(() => [
               V(s("div", zn, [
                 s("div", Bn, [
-                  k(g, {
+                  $(g, {
                     class: "cl-absolute cl-cursor-pointer cl-right-3 cl-text-off-white cl-top-3",
                     icon: "ph:x",
                     size: 16,
@@ -2730,33 +2748,33 @@ const cn = {
                       s("strong", Hn, y(n(o)("grid.visible")), 1),
                       s("strong", Gn, y(n(o)("grid.order")), 1)
                     ]),
-                    (a(!0), d(B, null, ce(e.columns, (p, b) => (a(), d("li", {
+                    (a(!0), u(L, null, ce(e.columns, (p, b) => (a(), u("li", {
                       key: b,
                       class: "cl-border-b cl-border-grey-2 cl-flex cl-py-2 cl-text-sm cl-w-full"
                     }, [
                       s("div", Wn, y(p.caption), 1),
                       s("div", Jn, [
-                        k(fe, {
+                        $(fe, {
                           "model-value": p.visible === void 0 || p.visible === !0,
                           "input-type": "checkbox",
                           onClick: (T) => i(T.target, p)
                         }, null, 8, ["model-value", "onClick"])
                       ]),
                       s("div", Kn, [
-                        p.visible === void 0 || p.visible === !0 ? (a(), d(B, { key: 0 }, [
+                        p.visible === void 0 || p.visible === !0 ? (a(), u(L, { key: 0 }, [
                           b !== 0 ? (a(), K(g, {
                             key: 0,
                             class: "cl-cursor-pointer cl-inline-block cl-mr-2",
                             icon: "ph:arrow-left",
-                            onClick: (T) => u(b, "down")
+                            onClick: (T) => d(b, "down")
                           }, null, 8, ["onClick"])) : N("", !0),
                           b !== e.columns.length - 1 ? (a(), K(g, {
                             key: 1,
                             class: "cl-cursor-pointer cl-inline-block",
                             icon: "ph:arrow-right",
-                            onClick: (T) => u(b, "up")
+                            onClick: (T) => d(b, "up")
                           }, null, 8, ["onClick"])) : N("", !0)
-                        ], 64)) : (a(), d("em", Zn, y(n(o)("grid.hidden")), 1))
+                        ], 64)) : (a(), u("em", Zn, y(n(o)("grid.hidden")), 1))
                       ])
                     ]))), 128))
                   ])
@@ -2795,27 +2813,27 @@ const cn = {
     "update:filter-panel-open": null
   },
   setup(e, { emit: t }) {
-    const l = e, { t: o } = se(), c = A(() => {
+    const l = e, { t: o } = se(), c = j(() => {
       let i = !1;
-      return l.columns.forEach((u) => {
-        (u.filterable === !0 || u.filterable === void 0 || u.sortable === !0 || u.sortable === void 0) && (i = !0);
+      return l.columns.forEach((d) => {
+        (d.filterable === !0 || d.filterable === void 0 || d.sortable === !0 || d.sortable === void 0) && (i = !0);
       }), i;
-    }), f = A({
+    }), f = j({
       get: () => l.columns,
       set: (i) => t("update:columns", i)
     });
-    return (i, u) => (a(), d(B, null, [
-      e.editEnabled ? (a(), d("span", Xn, [
-        k(we, {
+    return (i, d) => (a(), u(L, null, [
+      e.editEnabled ? (a(), u("span", Xn, [
+        $(we, {
           class: "cl-w-full lg:cl-w-auto",
           size: "small",
           colour: "default",
-          onClick: u[0] || (u[0] = (r) => i.$emit("update:edit-mode", !e.editMode))
+          onClick: d[0] || (d[0] = (r) => i.$emit("update:edit-mode", !e.editMode))
         }, {
           default: Y(() => [
-            e.editMode ? (a(), d(B, { key: 0 }, [
+            e.editMode ? (a(), u(L, { key: 0 }, [
               _(y(n(o)("grid.finishEditing")), 1)
-            ], 64)) : (a(), d(B, { key: 1 }, [
+            ], 64)) : (a(), u(L, { key: 1 }, [
               _(y(n(o)("grid.editData")), 1)
             ], 64))
           ]),
@@ -2823,16 +2841,16 @@ const cn = {
         })
       ])) : N("", !0),
       s("span", _n, [
-        k(Yn, {
+        $(Yn, {
           columns: n(f),
-          "onUpdate:columns": u[1] || (u[1] = (r) => ge(f) ? f.value = r : null)
+          "onUpdate:columns": d[1] || (d[1] = (r) => ge(f) ? f.value = r : null)
         }, null, 8, ["columns"])
       ]),
-      n(c) ? (a(), d("span", eo, [
-        k(we, {
+      n(c) ? (a(), u("span", eo, [
+        $(we, {
           class: "cl-w-full lg:cl-w-auto",
           size: "small",
-          onClick: u[2] || (u[2] = ae((r) => i.$emit("reset-filters"), ["prevent"]))
+          onClick: d[2] || (d[2] = ae((r) => i.$emit("reset-filters"), ["prevent"]))
         }, {
           default: Y(() => [
             _(y(n(o)("grid.clearFilters")), 1)
@@ -2840,12 +2858,12 @@ const cn = {
           _: 1
         })
       ])) : N("", !0),
-      n(c) ? (a(), d("span", lo, [
-        k(we, {
+      n(c) ? (a(), u("span", lo, [
+        $(we, {
           class: "cl-w-full",
           colour: "blue",
           size: "small",
-          onClick: u[3] || (u[3] = ae((r) => i.$emit("update:filter-panel-open", !0), ["prevent"]))
+          onClick: d[3] || (d[3] = ae((r) => i.$emit("update:filter-panel-open", !0), ["prevent"]))
         }, {
           default: Y(() => [
             _(y(n(o)("grid.modifyFilters")), 1)
@@ -2861,7 +2879,7 @@ const cn = {
 }, vo = { class: "cl-overflow-auto cl-w-full" }, po = { class: "cl-min-w-full cl-table-fixed" }, yo = { class: "cl-hidden lg:cl-table-column-group" }, wo = { class: "cl-hidden lg:cl-table-header-group" }, xo = ["onClick"], $o = { key: 1 }, ko = { key: 0 }, To = { key: 1 }, Co = ["colspan"], So = { class: "cl-my-10 cl-py-1 cl-text-center cl-text-sm cl-w-full" }, Eo = {
   key: 0,
   class: "cl-w-full"
-}, jo = /* @__PURE__ */ G({
+}, Oo = /* @__PURE__ */ G({
   __name: "cl-ui-grid",
   props: {
     columns: null,
@@ -2881,41 +2899,41 @@ const cn = {
     const l = e, { t: o } = se(), c = q({}), f = q(!1), i = q({
       index: -1,
       record: {}
-    }), u = q(!1), r = A({
+    }), d = q(!1), r = j({
       get: () => l.columns,
       set: (h) => t("update:columns", h)
-    }), m = A({
+    }), m = j({
       get: () => l.request,
       set: (h) => t("update:request", h)
-    }), g = A(() => r.value.filter((h) => typeof h.visible > "u" || h.visible !== !1)), p = A(() => {
+    }), g = j(() => r.value.filter((h) => typeof h.visible > "u" || h.visible !== !1)), p = j(() => {
       let h = !1;
-      return g.value.forEach(($) => {
-        ($.sortable || $.sortable === void 0) && (h = !0);
+      return g.value.forEach((k) => {
+        (k.sortable || k.sortable === void 0) && (h = !0);
       }), h;
-    }), b = A(() => {
+    }), b = j(() => {
       let h = !1;
-      return g.value.forEach(($) => {
-        ($.filterable || $.filterable === void 0) && (h = !0);
+      return g.value.forEach((k) => {
+        (k.filterable || k.filterable === void 0) && (h = !0);
       }), h;
-    }), T = A(() => l.columns.find((h) => h.editable === !0) !== void 0);
+    }), T = j(() => l.columns.find((h) => h.editable === !0) !== void 0);
     function C() {
       const h = {};
-      window.innerWidth >= 1024 && r.value.forEach(($) => {
-        const M = $.width ? `${$.width}px` : "";
-        h[`${$.name}`] = `width: ${M}; min-width: ${M};`;
+      window.innerWidth >= 1024 && r.value.forEach((k) => {
+        const M = k.width ? `${k.width}px` : "";
+        h[`${k.name}`] = `width: ${M}; min-width: ${M};`;
       }), c.value = h;
     }
     function P(h) {
-      var $;
-      return ($ = c.value[h]) != null ? $ : "";
+      var k;
+      return (k = c.value[h]) != null ? k : "";
     }
     function F(h) {
       if (typeof h < "u") {
-        const $ = be(l.request);
-        $.sort === null || $.sort.sortOnColumn !== h ? $.sort = {
+        const k = be(l.request);
+        k.sort === null || k.sort.sortOnColumn !== h ? k.sort = {
           sortOnColumn: h,
           sortByAscending: !0
-        } : $.sort.sortOnColumn === h && $.sort.sortByAscending === !0 ? $.sort.sortByAscending = !1 : $.sort = null, m.value = $;
+        } : k.sort.sortOnColumn === h && k.sort.sortByAscending === !0 ? k.sort.sortByAscending = !1 : k.sort = null, m.value = k;
       }
     }
     function U() {
@@ -2925,12 +2943,12 @@ const cn = {
     function X(h) {
       i.value.index !== -1 && i.value.index !== h && v(), i.value.index = h;
     }
-    function E(h, $) {
-      $ !== void 0 && (i.value.record[$] = h);
+    function E(h, k) {
+      k !== void 0 && (i.value.record[k] = h);
     }
-    function j(h) {
+    function O(h) {
       if (h !== void 0) {
-        const { [h]: $, ...M } = i.value.record;
+        const { [h]: k, ...M } = i.value.record;
         i.value.record = {
           ...M
         };
@@ -2946,16 +2964,16 @@ const cn = {
       immediate: !0
     }), le(() => f.value, () => {
       f.value ? t("edit-start") : (v(), t("edit-end"), i.value.index = -1);
-    }), (h, $) => {
-      var S, O;
+    }), (h, k) => {
+      var S, A;
       const M = ee("icon");
-      return a(), d(B, null, [
+      return a(), u(L, null, [
         s("div", to, [
-          k(Ye, {
+          $(Ye, {
             columns: n(r),
-            "onUpdate:columns": $[0] || ($[0] = (w) => ge(r) ? r.value = w : null),
+            "onUpdate:columns": k[0] || (k[0] = (w) => ge(r) ? r.value = w : null),
             "edit-mode": f.value,
-            "onUpdate:edit-mode": $[1] || ($[1] = (w) => f.value = w),
+            "onUpdate:edit-mode": k[1] || (k[1] = (w) => f.value = w),
             "edit-enabled": n(T),
             onResetFilters: U
           }, null, 8, ["columns", "edit-mode", "edit-enabled"])
@@ -2964,7 +2982,7 @@ const cn = {
           class: "cl-relative cl-w-full grid-wrapper",
           "data-loading": e.loading
         }, [
-          k(xe, { name: "fade" }, {
+          $(xe, { name: "fade" }, {
             default: Y(() => [
               V(s("div", oo, null, 512), [
                 [H, e.loading]
@@ -2976,28 +2994,28 @@ const cn = {
             s("div", ao, [
               s("strong", io, y(n(o)("grid.gridTools")), 1),
               s("div", so, [
-                k(Ye, {
+                $(Ye, {
                   columns: n(r),
-                  "onUpdate:columns": $[2] || ($[2] = (w) => ge(r) ? r.value = w : null),
+                  "onUpdate:columns": k[2] || (k[2] = (w) => ge(r) ? r.value = w : null),
                   "edit-mode": f.value,
-                  "onUpdate:edit-mode": $[3] || ($[3] = (w) => f.value = w),
-                  "filter-panel-open": u.value,
-                  "onUpdate:filter-panel-open": $[4] || ($[4] = (w) => u.value = w),
+                  "onUpdate:edit-mode": k[3] || (k[3] = (w) => f.value = w),
+                  "filter-panel-open": d.value,
+                  "onUpdate:filter-panel-open": k[4] || (k[4] = (w) => d.value = w),
                   "edit-enabled": n(T),
                   onResetFilters: U
                 }, null, 8, ["columns", "edit-mode", "filter-panel-open", "edit-enabled"])
               ])
             ]),
-            k(xe, { name: "grow-down" }, {
+            $(xe, { name: "grow-down" }, {
               default: Y(() => [
                 V(s("div", ro, [
                   s("div", uo, [
-                    k(M, {
+                    $(M, {
                       class: "cl--mt-1 cl-inline-block cl-text-grey-5",
                       icon: "ph:x",
                       size: 16,
-                      onClick: $[5] || ($[5] = (w) => {
-                        u.value = !1;
+                      onClick: k[5] || (k[5] = (w) => {
+                        d.value = !1;
                       })
                     })
                   ]),
@@ -3008,10 +3026,10 @@ const cn = {
                     }])
                   }, [
                     s("div", null, y(n(o)("grid.field")), 1),
-                    n(b) ? (a(), d("div", fo, y(n(o)("grid.filter")), 1)) : N("", !0),
-                    n(p) ? (a(), d("div", mo, y(n(o)("grid.sortBy")), 1)) : N("", !0)
+                    n(b) ? (a(), u("div", fo, y(n(o)("grid.filter")), 1)) : N("", !0),
+                    n(p) ? (a(), u("div", mo, y(n(o)("grid.sortBy")), 1)) : N("", !0)
                   ], 2),
-                  (a(!0), d(B, null, ce(n(g).filter((w) => w.filterable || w.filterable === void 0 || w.sortable || w.sortable === void 0), (w, J) => (a(), d("div", {
+                  (a(!0), u(L, null, ce(n(g).filter((w) => w.filterable || w.filterable === void 0 || w.sortable || w.sortable === void 0), (w, J) => (a(), u("div", {
                     key: J,
                     class: "cl-grid cl-grid-cols-3 cl-mb-4 cl-w-full"
                   }, [
@@ -3019,33 +3037,33 @@ const cn = {
                     w.filterable || w.filterable === void 0 ? (a(), K(Qe, {
                       key: 0,
                       request: n(m),
-                      "onUpdate:request": $[6] || ($[6] = (L) => ge(m) ? m.value = L : null),
+                      "onUpdate:request": k[6] || (k[6] = (B) => ge(m) ? m.value = B : null),
                       column: w,
                       class: z({
                         "cl-col-span-2": !n(p)
                       })
-                    }, null, 8, ["request", "column", "class"])) : n(b) ? (a(), d("div", bo)) : N("", !0),
-                    (w.type !== "slot" || w.slotType !== void 0 && w.field !== void 0) && (w.sortable === void 0 || w.sortable === !0) ? (a(), d(B, { key: 2 }, [
+                    }, null, 8, ["request", "column", "class"])) : n(b) ? (a(), u("div", bo)) : N("", !0),
+                    (w.type !== "slot" || w.slotType !== void 0 && w.field !== void 0) && (w.sortable === void 0 || w.sortable === !0) ? (a(), u(L, { key: 2 }, [
                       n(m).sort === null || n(m).sort.sortOnColumn !== w.field ? (a(), K(M, {
                         key: 0,
                         class: "cl-cursor-pointer cl-ml-2 cl-self-center",
                         icon: "ph:minus",
-                        onClick: (L) => F(w.field)
+                        onClick: (B) => F(w.field)
                       }, null, 8, ["onClick"])) : n(m).sort.sortByAscending === !1 ? (a(), K(M, {
                         key: 1,
                         class: "cl-cursor-pointer cl-ml-2 cl-self-center",
                         icon: "ph:caret-down",
-                        onClick: (L) => F(w.field)
+                        onClick: (B) => F(w.field)
                       }, null, 8, ["onClick"])) : (a(), K(M, {
                         key: 2,
                         class: "cl-cursor-pointer cl-ml-2 cl-self-center",
                         icon: "ph:caret-up",
-                        onClick: (L) => F(w.field)
+                        onClick: (B) => F(w.field)
                       }, null, 8, ["onClick"]))
-                    ], 64)) : (a(), d("div", ho, " \xA0 "))
+                    ], 64)) : (a(), u("div", ho, " \xA0 "))
                   ]))), 128))
                 ], 512), [
-                  [H, u.value]
+                  [H, d.value]
                 ])
               ]),
               _: 1
@@ -3054,7 +3072,7 @@ const cn = {
           s("div", vo, [
             s("table", po, [
               s("colgroup", yo, [
-                (a(!0), d(B, null, ce(n(g), (w, J) => (a(), d("col", {
+                (a(!0), u(L, null, ce(n(g), (w, J) => (a(), u("col", {
                   key: J,
                   style: Te(P(w.name)),
                   span: 1
@@ -3062,44 +3080,44 @@ const cn = {
               ]),
               s("thead", wo, [
                 s("tr", null, [
-                  (a(!0), d(B, null, ce(n(g), (w, J) => {
-                    var L;
-                    return a(), d("th", {
+                  (a(!0), u(L, null, ce(n(g), (w, J) => {
+                    var B;
+                    return a(), u("th", {
                       key: J,
                       class: "cl-border-b cl-border-grey-2 cl-font-semibold cl-p-1 cl-text-grey-3 cl-text-left cl-text-sm",
                       style: Te(P(w.name))
                     }, [
-                      e.data && ((L = e.data.results) == null ? void 0 : L.length) && (w.type !== "slot" || w.slotType !== void 0 && w.field !== void 0) && (w.sortable === void 0 || w.sortable === !0) ? (a(), d("span", {
+                      e.data && ((B = e.data.results) == null ? void 0 : B.length) && (w.type !== "slot" || w.slotType !== void 0 && w.field !== void 0) && (w.sortable === void 0 || w.sortable === !0) ? (a(), u("span", {
                         key: 0,
                         class: "cl-cursor-pointer",
                         onClick: (I) => F(w.field)
                       }, [
                         _(y(w.caption) + " ", 1),
-                        V(k(M, {
+                        V($(M, {
                           class: "cl--mt-1 cl-inline-block",
                           icon: "ph:caret-up"
                         }, null, 512), [
                           [H, n(m).sort !== null && n(m).sort.sortOnColumn === w.field && n(m).sort.sortByAscending === !0]
                         ]),
-                        V(k(M, {
+                        V($(M, {
                           class: "cl--mt-1 cl-inline-block",
                           icon: "ph:caret-down"
                         }, null, 512), [
                           [H, n(m).sort !== null && n(m).sort.sortOnColumn === w.field && n(m).sort.sortByAscending === !1]
                         ])
-                      ], 8, xo)) : (a(), d("span", $o, y(w.caption), 1))
+                      ], 8, xo)) : (a(), u("span", $o, y(w.caption), 1))
                     ], 4);
                   }), 128))
                 ]),
-                e.data && ((S = e.data.results) == null ? void 0 : S.length) || n(m).filters.length > 0 ? (a(), d("tr", ko, [
-                  (a(!0), d(B, null, ce(n(g), (w, J) => (a(), d("th", {
+                e.data && ((S = e.data.results) == null ? void 0 : S.length) || n(m).filters.length > 0 ? (a(), u("tr", ko, [
+                  (a(!0), u(L, null, ce(n(g), (w, J) => (a(), u("th", {
                     key: J,
                     class: "cl-p-1",
                     style: Te(P(w.name))
                   }, [
-                    k(Qe, {
+                    $(Qe, {
                       request: n(m),
-                      "onUpdate:request": $[7] || ($[7] = (L) => ge(m) ? m.value = L : null),
+                      "onUpdate:request": k[7] || (k[7] = (B) => ge(m) ? m.value = B : null),
                       column: w,
                       "first-half": J <= n(g).length / 2
                     }, null, 8, ["request", "column", "first-half"])
@@ -3107,25 +3125,25 @@ const cn = {
                 ])) : N("", !0)
               ]),
               s("tbody", null, [
-                e.data && ((O = e.data.results) == null ? void 0 : O.length) ? (a(!0), d(B, { key: 0 }, ce(e.data.results, (w, J) => (a(), d("tr", {
+                e.data && ((A = e.data.results) == null ? void 0 : A.length) ? (a(!0), u(L, { key: 0 }, ce(e.data.results, (w, J) => (a(), u("tr", {
                   key: J,
                   class: z({
                     "cl-bg-white": J % 2 !== 1,
                     "cl-bg-off-white": J % 2 === 1
                   })
                 }, [
-                  (a(!0), d(B, null, ce(n(g), (L, I) => (a(), K(Qt, {
+                  (a(!0), u(L, null, ce(n(g), (B, I) => (a(), K(Qt, {
                     key: I,
                     class: "cl-p-2 cl-rounded cl-whitespace-nowrap",
-                    style: Te(P(L.name)),
-                    column: L,
+                    style: Te(P(B.name)),
+                    column: B,
                     record: w,
                     "edit-mode": f.value,
                     onFocus: (W) => X(J),
                     onEdit: (W) => {
-                      X(J), E(W, L.field);
+                      X(J), E(W, B.field);
                     },
-                    onUndoEdit: (W) => j(L.field)
+                    onUndoEdit: (W) => O(B.field)
                   }, il({ _: 2 }, [
                     ce(h.$slots, (W, x) => ({
                       name: x,
@@ -3134,15 +3152,15 @@ const cn = {
                       ])
                     }))
                   ]), 1032, ["style", "column", "record", "edit-mode", "onFocus", "onEdit", "onUndoEdit"]))), 128))
-                ], 2))), 128)) : (a(), d("tr", To, [
+                ], 2))), 128)) : (a(), u("tr", To, [
                   s("td", {
                     colspan: n(g).length
                   }, [
                     s("div", So, [
                       s("strong", null, y(n(o)("grid.noData")), 1),
-                      n(m).filters.length > 0 ? (a(), d("div", Eo, [
+                      n(m).filters.length > 0 ? (a(), u("div", Eo, [
                         _(y(n(o)("grid.noDataFiltersPresent")) + " ", 1),
-                        k(we, {
+                        $(we, {
                           size: "small",
                           onClick: ae(U, ["prevent"])
                         }, {
@@ -3158,9 +3176,9 @@ const cn = {
               ])
             ])
           ]),
-          k(Un, {
+          $(Un, {
             request: n(m),
-            "onUpdate:request": $[8] || ($[8] = (w) => ge(m) ? m.value = w : null),
+            "onUpdate:request": k[8] || (k[8] = (w) => ge(m) ? m.value = w : null),
             data: e.data
           }, null, 8, ["request", "data"])
         ], 8, no)
@@ -3168,9 +3186,9 @@ const cn = {
     };
   }
 });
-const Ao = /* @__PURE__ */ me(jo, [["__scopeId", "data-v-fd5a46a8"]]), Oo = {}, Mo = { class: "cl-absolute cl-bg-secondary-default cl-flex cl-h-20 cl-items-center cl-justify-between cl-left-0 cl-top-0 cl-w-full cl-z-40" }, Io = { class: "cl-flex cl-flex-nowrap" };
+const jo = /* @__PURE__ */ me(Oo, [["__scopeId", "data-v-fd5a46a8"]]), Ao = {}, Mo = { class: "cl-absolute cl-bg-secondary-default cl-flex cl-h-20 cl-items-center cl-justify-between cl-left-0 cl-top-0 cl-w-full cl-z-40" }, Io = { class: "cl-flex cl-flex-nowrap" };
 function No(e, t) {
-  return a(), d("header", Mo, [
+  return a(), u("header", Mo, [
     R(e.$slots, "logo"),
     s("div", Io, [
       R(e.$slots, "menu"),
@@ -3178,7 +3196,7 @@ function No(e, t) {
     ])
   ]);
 }
-const qo = /* @__PURE__ */ me(Oo, [["render", No]]), Do = { class: "md:cl-relative" }, Ro = { class: "cl-bg-blue-light cl-flex cl-items-center cl-select-none md:cl-min-w-[320px]" }, Uo = ["src"], zo = { class: "cl-cursor-default cl-grow cl-hidden cl-my-4 cl-text-white md:cl-block" }, Bo = {
+const qo = /* @__PURE__ */ me(Ao, [["render", No]]), Do = { class: "md:cl-relative" }, Ro = { class: "cl-bg-blue-light cl-flex cl-items-center cl-select-none md:cl-min-w-[320px]" }, Uo = ["src"], zo = { class: "cl-cursor-default cl-grow cl-hidden cl-my-4 cl-text-white md:cl-block" }, Bo = {
   key: 0,
   class: "cl-cursor-default cl-text-ellipsis cl-whitespace-nowrap"
 }, Lo = {
@@ -3195,9 +3213,9 @@ const qo = /* @__PURE__ */ me(Oo, [["render", No]]), Do = { class: "md:cl-relati
     const t = q(!1);
     return (l, o) => {
       const c = ee("icon");
-      return a(), d("div", Do, [
+      return a(), u("div", Do, [
         s("div", Ro, [
-          e.image ? (a(), d("img", {
+          e.image ? (a(), u("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"
@@ -3209,14 +3227,14 @@ const qo = /* @__PURE__ */ me(Oo, [["render", No]]), Do = { class: "md:cl-relati
             height: "48"
           })),
           s("div", zo, [
-            e.username ? (a(), d("div", Bo, y(e.username), 1)) : N("", !0),
-            e.group ? (a(), d("div", Lo, y(e.group), 1)) : N("", !0)
+            e.username ? (a(), u("div", Bo, y(e.username), 1)) : N("", !0),
+            e.group ? (a(), u("div", Lo, y(e.group), 1)) : N("", !0)
           ]),
           s("div", {
             class: "cl-bg-transparent cl-content-center cl-cursor-pointer cl-flex cl-h-20 cl-items-center cl-justify-center cl-justify-items-center cl-transition-all cl-w-10 hover:cl-bg-opacity-10 hover:cl-bg-white md:cl-ml-4 md:cl-w-20",
             onClick: o[0] || (o[0] = (f) => t.value = !t.value)
           }, [
-            k(c, {
+            $(c, {
               class: z(["cl-text-white cl-transform-gpu cl-transition-transform", {
                 "cl-rotate-180": t.value
               }]),
@@ -3224,7 +3242,7 @@ const qo = /* @__PURE__ */ me(Oo, [["render", No]]), Do = { class: "md:cl-relati
             }, null, 8, ["class"])
           ])
         ]),
-        k(xe, { name: "fade" }, {
+        $(xe, { name: "fade" }, {
           default: Y(() => [
             V(s("div", Po, [
               R(l.$slots, "default")
@@ -3284,16 +3302,16 @@ const Wo = {
     disabled: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const t = e, { locale: l } = se(), o = q(!1), c = A(() => {
-      var u;
-      return (u = t.supportedLanguages.find((r) => r.localeCode === l.value)) != null ? u : null;
-    }), f = A(() => t.supportedLanguages.filter((u) => Be(u)).sort((u, r) => u.nativeName > r.nativeName ? 1 : r.nativeName > u.nativeName ? -1 : 0));
+    const t = e, { locale: l } = se(), o = q(!1), c = j(() => {
+      var d;
+      return (d = t.supportedLanguages.find((r) => r.localeCode === l.value)) != null ? d : null;
+    }), f = j(() => t.supportedLanguages.filter((d) => Be(d)).sort((d, r) => d.nativeName > r.nativeName ? 1 : r.nativeName > d.nativeName ? -1 : 0));
     function i() {
       t.disabled || (o.value = !o.value);
     }
-    return le(() => t.disabled, (u) => {
-      u && (o.value = !1);
-    }), (u, r) => n(c) !== null && n(Be)(n(c)) ? (a(), d("div", Wo, [
+    return le(() => t.disabled, (d) => {
+      d && (o.value = !1);
+    }), (d, r) => n(c) !== null && n(Be)(n(c)) ? (a(), u("div", Wo, [
       s("div", {
         class: z(["cl-flex cl-items-center", {
           "cl-cursor-pointer": !e.disabled
@@ -3306,10 +3324,10 @@ const Wo = {
           }])
         }, y(n(c).nativeName), 3)
       ], 2),
-      k(xe, { name: "fade" }, {
+      $(xe, { name: "fade" }, {
         default: Y(() => [
           V(s("div", Jo, [
-            (a(!0), d(B, null, ce(n(f), (m, g) => (a(), d("div", {
+            (a(!0), u(L, null, ce(n(f), (m, g) => (a(), u("div", {
               key: g,
               class: "cl-border-b cl-border-grey-0 cl-cursor-pointer cl-flex cl-items-center cl-justify-center cl-p-1 cl-text-center cl-transition-colors cl-w-28 hover:cl-bg-grey-0 last-child:cl-border-b-0 last:cl-border-b-0 lg:cl-p-2",
               "data-localename": m.name,
@@ -3343,7 +3361,7 @@ const Wo = {
   },
   setup(e, { emit: t }) {
     const { t: l } = se(), o = q(""), c = q(""), f = q("password"), i = q();
-    function u() {
+    function d() {
       const p = {
         username: o.value,
         password: c.value
@@ -3365,7 +3383,7 @@ const Wo = {
     }
     return (p, b) => {
       const T = ee("icon");
-      return a(), d("div", Yo, [
+      return a(), u("div", Yo, [
         s("div", Xo, [
           R(p.$slots, "background")
         ]),
@@ -3373,7 +3391,7 @@ const Wo = {
           s("div", ec, [
             R(p.$slots, "logo")
           ]),
-          p.$slots["language-switcher"] ? (a(), d("div", lc, [
+          p.$slots["language-switcher"] ? (a(), u("div", lc, [
             R(p.$slots, "language-switcher")
           ])) : N("", !0),
           s("div", {
@@ -3384,12 +3402,12 @@ const Wo = {
           }, [
             s("div", tc, [
               s("div", nc, [
-                k(T, {
+                $(T, {
                   class: "cl-absolute cl-left-3 cl-top-2.5",
                   icon: "ph:user",
                   size: 18
                 }),
-                k(fe, {
+                $(fe, {
                   modelValue: o.value,
                   "onUpdate:modelValue": b[0] || (b[0] = (C) => o.value = C),
                   modelModifiers: { trim: !0 },
@@ -3411,12 +3429,12 @@ const Wo = {
             ]),
             s("div", oc, [
               s("div", cc, [
-                k(T, {
+                $(T, {
                   class: "cl-absolute cl-left-3 cl-top-2.5",
                   icon: "ph:lock",
                   size: 18
                 }),
-                V(k(T, {
+                V($(T, {
                   class: "cl-absolute cl-cursor-pointer cl-right-6 cl-top-2.5",
                   icon: "ph:eye",
                   size: 18,
@@ -3424,7 +3442,7 @@ const Wo = {
                 }, null, 512), [
                   [H, f.value === "password"]
                 ]),
-                V(k(T, {
+                V($(T, {
                   class: "cl-absolute cl-cursor-pointer cl-right-6 cl-top-2.5",
                   icon: "ph:eye-slash",
                   size: 18,
@@ -3432,7 +3450,7 @@ const Wo = {
                 }, null, 512), [
                   [H, f.value === "text"]
                 ]),
-                k(fe, {
+                $(fe, {
                   modelValue: c.value,
                   "onUpdate:modelValue": b[3] || (b[3] = (C) => c.value = C),
                   class: "!cl-border-2 cl-w-full",
@@ -3454,12 +3472,12 @@ const Wo = {
                 "cl-mt-1.5 cl-mb-1 md:cl-mt-0.5 md:cl-mb-7 lg:cl-mb-0": e.loading
               }])
             }, [
-              k(we, {
+              $(we, {
                 class: "!cl-leading-9 cl-w-full",
                 colour: "blue",
                 loading: e.loading,
                 disabled: !i.value || c.value === "",
-                onClick: ae(u, ["prevent"])
+                onClick: ae(d, ["prevent"])
               }, {
                 default: Y(() => [
                   _(y(n(l)("login.login")), 1)
@@ -3468,12 +3486,12 @@ const Wo = {
               }, 8, ["loading", "disabled", "onClick"])
             ], 2)
           ], 2),
-          k(xe, { name: "cl-grow-down" }, {
+          $(xe, { name: "cl-grow-down" }, {
             default: Y(() => {
               var C;
               return [
                 V(s("span", ac, [
-                  (a(!0), d(B, null, ce(e.errors, (P, F) => (a(), d("div", {
+                  (a(!0), u(L, null, ce(e.errors, (P, F) => (a(), u("div", {
                     key: F,
                     class: "cl-font-semibold"
                   }, y(P), 1))), 128))
@@ -3503,27 +3521,27 @@ const Wo = {
 }, fc = { class: "cl-relative cl-w-full" }, mc = /* @__PURE__ */ G({
   __name: "cl-ui-navigation",
   setup(e) {
-    const t = A(() => l.value.filter((i) => i.open === !0).length > 0), l = q([]), o = q(!1);
+    const t = j(() => l.value.filter((i) => i.open === !0).length > 0), l = q([]), o = q(!1);
     function c(i) {
-      let u = l.value.find((r) => r.id === i);
-      return u || (u = {
+      let d = l.value.find((r) => r.id === i);
+      return d || (d = {
         id: i,
         open: !1
-      }, l.value.push(u)), u.open;
+      }, l.value.push(d)), d.open;
     }
     function f(i) {
-      const u = l.value.find((r) => r.id === i);
-      u && (u.open = !u.open, l.value.forEach((r) => {
+      const d = l.value.find((r) => r.id === i);
+      d && (d.open = !d.open, l.value.forEach((r) => {
         r.id !== i && (r.open = !1);
       }));
     }
-    return (i, u) => {
+    return (i, d) => {
       const r = ee("icon");
-      return a(), d("div", uc, [
+      return a(), u("div", uc, [
         s("div", dc, [
           R(i.$slots, "icon", ie(ve({ groupIsOpen: c, toggleOpen: f })), void 0, !0)
         ]),
-        k(xe, { name: "slide-right" }, {
+        $(xe, { name: "slide-right" }, {
           default: Y(() => [
             V(s("div", {
               class: z(["cl-bg-grey-0 cl-border-grey-2 cl-border-r cl-max-h-full cl-min-h-full cl-min-w-[260px] cl-overflow-y-auto cl-p-8 cl-self-start cl-top-0 cl-w-[260px] cl-z-20", {
@@ -3534,7 +3552,7 @@ const Wo = {
               s("div", fc, [
                 s("span", {
                   class: "cl-absolute cl-cursor-pointer cl-h-8 cl-hidden cl-leading-8 cl-right-0 cl-text-center cl-top-0 cl-w-8 md:cl-inline-block",
-                  onClick: u[0] || (u[0] = (m) => o.value = !o.value)
+                  onClick: d[0] || (d[0] = (m) => o.value = !o.value)
                 }, [
                   o.value ? (a(), K(r, {
                     key: 1,
@@ -3567,12 +3585,12 @@ const gc = /* @__PURE__ */ me(mc, [["__scopeId", "data-v-2b734d16"]]), bc = /* @
   setup(e) {
     return (t, l) => {
       const o = ee("icon");
-      return a(), d("div", {
+      return a(), u("div", {
         class: z(["cl-cursor-pointer cl-flex cl-h-20 cl-items-center cl-justify-center cl-text-off-white cl-transition-colors cl-w-20 hover:cl-bg-blue-light", {
           "cl-bg-blue-light": e.open
         }])
       }, [
-        k(o, {
+        $(o, {
           class: "cl-block",
           icon: e.icon,
           width: "24"
@@ -3589,8 +3607,8 @@ const gc = /* @__PURE__ */ me(mc, [["__scopeId", "data-v-2b734d16"]]), bc = /* @
     open: { type: Boolean }
   },
   setup(e) {
-    return (t, l) => e.open ? (a(), d(B, { key: 0 }, [
-      t.$slots.title ? (a(), d("div", hc, [
+    return (t, l) => e.open ? (a(), u(L, { key: 0 }, [
+      t.$slots.title ? (a(), u("div", hc, [
         R(t.$slots, "title")
       ])) : N("", !0),
       s("div", vc, [
@@ -3603,8 +3621,8 @@ const gc = /* @__PURE__ */ me(mc, [["__scopeId", "data-v-2b734d16"]]), bc = /* @
   class: "cl-font-bold cl-mb-4 cl-select-none"
 }, $c = { class: "cl-flex cl-flex-wrap cl-space-y-2" };
 function kc(e, t) {
-  return a(), d("div", wc, [
-    e.$slots.title ? (a(), d("div", xc, [
+  return a(), u("div", wc, [
+    e.$slots.title ? (a(), u("div", xc, [
       R(e.$slots, "title")
     ])) : N("", !0),
     s("span", $c, [
@@ -3614,11 +3632,11 @@ function kc(e, t) {
 }
 const Tc = /* @__PURE__ */ me(yc, [["render", kc]]), Cc = {}, Sc = { class: "cl-cursor-pointer cl-transition-colors cl-w-full hover:cl-text-blue-light" };
 function Ec(e, t) {
-  return a(), d("div", Sc, [
+  return a(), u("div", Sc, [
     R(e.$slots, "default")
   ]);
 }
-const jc = /* @__PURE__ */ me(Cc, [["render", Ec]]), Ac = { class: "cl-w-full" }, Oc = /* @__PURE__ */ G({
+const Oc = /* @__PURE__ */ me(Cc, [["render", Ec]]), jc = { class: "cl-w-full" }, Ac = /* @__PURE__ */ G({
   __name: "cl-ui-tab",
   props: {
     currentTab: { default: 0 },
@@ -3637,7 +3655,7 @@ const jc = /* @__PURE__ */ me(Cc, [["render", Ec]]), Ac = { class: "cl-w-full" }
       } else
         o.value = !1, c.value = !1;
     }
-    function u() {
+    function d() {
       i(), window.addEventListener("resize", i);
     }
     function r(m) {
@@ -3647,16 +3665,16 @@ const jc = /* @__PURE__ */ me(Cc, [["render", Ec]]), Ac = { class: "cl-w-full" }
         m === "left" && (p = -g), l.value.scroll(l.value.scrollLeft + p, 0);
       }
     }
-    return Se(() => u()), Me(() => window.removeEventListener("resize", i)), (m, g) => {
+    return Se(() => d()), Me(() => window.removeEventListener("resize", i)), (m, g) => {
       const p = ee("icon");
-      return a(), d("div", Ac, [
+      return a(), u("div", jc, [
         s("div", null, [
-          o.value ? (a(), d("div", {
+          o.value ? (a(), u("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) => r("left"))
           }, [
-            k(p, {
+            $(p, {
               icon: "ph:caret-left",
               class: "cl-mt-4 cl-text-secondary-default"
             })
@@ -3677,12 +3695,12 @@ const jc = /* @__PURE__ */ me(Cc, [["render", Ec]]), Ac = { class: "cl-w-full" }
           }, [
             R(m.$slots, "headings", ie(ve({ isTabOpen: f, disabled: e.disabled, colour: e.colour })))
           ], 34),
-          c.value ? (a(), d("div", {
+          c.value ? (a(), u("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) => r("right"))
           }, [
-            k(p, {
+            $(p, {
               icon: "ph:caret-right",
               class: "cl-mt-4 cl-text-secondary-default"
             })
@@ -3704,11 +3722,11 @@ const jc = /* @__PURE__ */ me(Cc, [["render", Ec]]), Ac = { class: "cl-w-full" }
     "update:currentTab": null
   },
   setup(e, { emit: t }) {
-    const l = e, o = q(), c = q(), f = A(() => l.id === l.currentTab);
+    const l = e, o = q(), c = q(), f = j(() => l.id === l.currentTab);
     function i() {
       l.disabled || (o.value = !1, c.value = !1, t("update:currentTab", l.id));
     }
-    return (u, r) => (a(), d("div", {
+    return (d, r) => (a(), u("div", {
       class: z(["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": e.disabled,
         "cl-border cl-border-b-0 cl-rounded-t-md cl-shadow-[inset_0_-1px_0_#ffffff] cl-cursor-default": n(f),
@@ -3736,7 +3754,7 @@ const jc = /* @__PURE__ */ me(Cc, [["render", Ec]]), Ac = { class: "cl-w-full" }
       onFocusout: r[3] || (r[3] = (m) => o.value = !1),
       onKeyup: Ce(ae(i, ["self"]), ["enter"])
     }, [
-      R(u.$slots, "default")
+      R(d.$slots, "default")
     ], 42, Mc));
   }
 }), Nc = {};
@@ -3767,7 +3785,7 @@ const Dc = /* @__PURE__ */ me(Nc, [["render", qc]]), Rc = [
   isComboBoxItem: Dt,
   isComboBoxCreateRequest: Rt,
   clUiFooter: Ht,
-  clUiGrid: Ao,
+  clUiGrid: jo,
   gridColumnTypes: Yt,
   isGridColumn: tl,
   isGridColumnArray: Xt,
@@ -3792,9 +3810,9 @@ const Dc = /* @__PURE__ */ me(Nc, [["render", qc]]), Rc = [
   clUiNavigationIcon: bc,
   clUiNavigationGroup: pc,
   clUiNavigationSection: Tc,
-  clUiNavigationItem: jc,
+  clUiNavigationItem: Oc,
   clUiNotification: _e,
-  clUiTab: Oc,
+  clUiTab: Ac,
   clUiTabHeader: Ic,
   clUiTabContent: Dc,
   tabColours: Rc,
@@ -3823,7 +3841,7 @@ export {
   ql as clUiCard,
   qt as clUiComboBox,
   Ht as clUiFooter,
-  Ao as clUiGrid,
+  jo as clUiGrid,
   qo as clUiHeader,
   Vo as clUiHeaderMenu,
   fe as clUiInput,
@@ -3834,10 +3852,10 @@ export {
   gc as clUiNavigation,
   pc as clUiNavigationGroup,
   bc as clUiNavigationIcon,
-  jc as clUiNavigationItem,
+  Oc as clUiNavigationItem,
   Tc as clUiNavigationSection,
   _e as clUiNotification,
-  Oc as clUiTab,
+  Ac as clUiTab,
   Dc as clUiTabContent,
   Ic as clUiTabHeader,
   zl as datetimeFormats,