@citruslime/ui 2.5.0 → 2.5.1-beta.0

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

@@ -1,7 +1,7 @@
 import { Icon as z } from "@iconify/vue";
-import { defineComponent as B, ref as A, openBlock as d, createElementBlock as y, renderSlot as N, normalizeProps as ee, guardReactiveProps as se, Fragment as x, createElementVNode as g, normalizeClass as I, createVNode as T, unref as f, Transition as ve, withCtx as F, withDirectives as Z, mergeProps as re, vShow as G, createBlock as L, Teleport as _e, renderList as le, toDisplayString as S, createCommentVNode as q, nextTick as Ce, computed as E, toHandlers as ol, withModifiers as Y, useCssVars as al, vModelText as sl, onMounted as qe, watch as J, vModelDynamic as nl, withKeys as ye, onUnmounted as Ve, resolveComponent as rl, createTextVNode as ae, watchEffect as il, createSlots as ze, normalizeStyle as cl } from "vue";
+import { defineComponent as B, ref as A, openBlock as d, createElementBlock as y, renderSlot as N, normalizeProps as ee, guardReactiveProps as se, Fragment as x, createElementVNode as g, normalizeClass as I, createVNode as T, unref as f, Transition as ve, withCtx as F, withDirectives as Z, mergeProps as re, vShow as G, createBlock as L, Teleport as Ve, renderList as le, toDisplayString as S, createCommentVNode as q, nextTick as Ce, computed as E, toHandlers as al, withModifiers as Y, useCssVars as sl, vModelText as nl, onMounted as qe, watch as J, vModelDynamic as rl, withKeys as ye, onUnmounted as _e, resolveComponent as Qe, createTextVNode as ae, watchEffect as il, createSlots as ze, normalizeStyle as cl } from "vue";
 import { generateStringId as ul, highlightText as dl } from "@citruslime/utils";
-import { onClickOutside as Ue, useTimeoutFn as Qe, useDebounceFn as Ye, useWindowSize as pl } from "@vueuse/core";
+import { onClickOutside as Ue, useTimeoutFn as Ye, useDebounceFn as Je, useWindowSize as pl } from "@vueuse/core";
 import { createI18n as fl, useI18n as te } from "vue-i18n";
 import { DateTime as P } from "luxon";
 import { DatePicker as Le } from "v-calendar";
@@ -97,12 +97,12 @@ function De(o) {
     id: ul(),
     ...o
   };
-  Ae.value.push(a), setTimeout(() => Je(a), o.duration);
+  Ae.value.push(a), setTimeout(() => Xe(a), o.duration);
 }
-function Je(o) {
+function Xe(o) {
   Ae.value = Ae.value.filter((a) => a.id !== o.id);
 }
-const Tl = ["onClick"], Ol = { class: "cl-flex-1 cl-select-none cl-text-ellipsis cl-w-64" }, Xe = /* @__PURE__ */ B({
+const Tl = ["onClick"], Ol = { class: "cl-flex-1 cl-select-none cl-text-ellipsis cl-w-64" }, el = /* @__PURE__ */ B({
   inheritAttrs: !1,
   __name: "cl-ui-notification",
   props: {
@@ -110,7 +110,7 @@ const Tl = ["onClick"], Ol = { class: "cl-flex-1 cl-select-none cl-text-ellipsis
     position: { default: "top-right" }
   },
   setup(o) {
-    return (a, e) => (d(), L(_e, { to: a.container }, [
+    return (a, e) => (d(), L(Ve, { to: a.container }, [
       g("div", {
         class: I(["cl-fixed cl-w-80 cl-z-50", {
           "cl-top-5 cl-left-5": a.position === "top-left",
@@ -130,7 +130,7 @@ const Tl = ["onClick"], Ol = { class: "cl-flex-1 cl-select-none cl-text-ellipsis
             "cl-bg-danger-default": l.colour === "danger",
             "cl-bg-warning-default": l.colour === "warning"
           }],
-          onClick: (p) => f(Je)(l)
+          onClick: (p) => f(Xe)(l)
         }), [
           g("span", Ol, S(l.message), 1),
           T(f(z), {
@@ -150,7 +150,7 @@ const Tl = ["onClick"], Ol = { class: "cl-flex-1 cl-select-none cl-text-ellipsis
   },
   setup(o) {
     return (a, e) => (d(), y(x, null, [
-      T(Xe, {
+      T(el, {
         class: I({
           "first:cl-mt-[4.25rem]": a.$slots.header
         })
@@ -233,7 +233,7 @@ const Ne = /* @__PURE__ */ me(Al, [["render", Nl], ["__scopeId", "data-v-a21dc5d
   "small",
   "medium",
   "large"
-], _l = { key: 0 }, Vl = /* @__PURE__ */ B({
+], Vl = { key: 0 }, _l = /* @__PURE__ */ B({
   __name: "cl-ui-card",
   props: {
     size: { default: "medium" },
@@ -245,7 +245,7 @@ const Ne = /* @__PURE__ */ me(Al, [["render", Nl], ["__scopeId", "data-v-a21dc5d
         "cl-cursor-pointer hover:cl-shadow-xl hover:cl-border-grey-0": a.hover
       }])
     }, [
-      a.$slots.image ? (d(), y("div", _l, [
+      a.$slots.image ? (d(), y("div", Vl, [
         N(a.$slots, "image")
       ])) : q("", !0),
       a.$slots.title ? (d(), y("div", {
@@ -445,16 +445,16 @@ const Ul = {
   fallbackWarn: !1,
   warnHtmlMessage: !1
 });
-function Ls(o, a) {
+function Ds(o, a) {
   return fe.global.mergeLocaleMessage(o, a), Ce();
 }
-function Ds(o, a) {
+function Ps(o, a) {
   return fe.global.mergeNumberFormat(o, a), Ce();
 }
-function Ps(o, a) {
+function Fs(o, a) {
   return fe.global.mergeDateTimeFormat(o, a), Ce();
 }
-function Fs(o) {
+function Hs(o) {
   return fe.global.locale.value = o, Ce();
 }
 const { t: de } = fe.global;
@@ -620,7 +620,7 @@ const Hl = { class: "cl-relative" }, xl = ["value", "disabled", "placeholder"],
         type: "text",
         disabled: t.disabled,
         placeholder: i.value
-      }, ol(t.events, !0)), null, 16, xl),
+      }, al(t.events, !0)), null, 16, xl),
       Z(T(f(z), {
         class: I(["cl-absolute cl-bg-transparent cl-cursor-text cl-left-2 cl-text-grey-4 cl-top-3.5 icon", {
           "!cl-bg-off-white": t.disabled
@@ -804,7 +804,7 @@ function Kl(o) {
       from: "@iconify/vue"
     };
 }
-function Hs() {
+function xs() {
   return Kl;
 }
 const Ql = [
@@ -845,7 +845,7 @@ const Ql = [
   },
   setup(o, { expose: a, emit: e }) {
     const l = o;
-    al((h) => ({
+    sl((h) => ({
       "1e2ffb88": n.value
     }));
     const { n: s, t: p } = te(), i = A(), t = E({
@@ -897,7 +897,7 @@ const Ql = [
               disabled: h.disabled
             }, null, 8, Xl), [
               [
-                sl,
+                nl,
                 t.value,
                 void 0,
                 { number: !0 }
@@ -1042,33 +1042,33 @@ const it = { class: "cl-flex cl-justify-between" }, ct = { class: "cl-w-full" },
       get: () => l.modelValue,
       set: (b) => w(b)
     }), c = E(() => typeof l.min == "number" ? l.min.toString() : l.min), u = E(() => typeof l.max == "number" ? l.max.toString() : l.max), $ = E(() => typeof l.min == "number" || l.min === null ? l.min : parseFloat(l.min)), j = E(() => typeof l.max == "number" || l.max === null ? l.max : parseFloat(l.max)), R = E(() => l.messageWhenValid.trim() !== "" ? l.messageWhenValid : ""), M = A(!0), v = A(!0), C = A([]), k = E(() => {
-      var b, V;
+      var b, _;
       return [
         ...((b = C.value) == null ? void 0 : b.filter((D) => ((D == null ? void 0 : D.length) ?? 0) > 0)) ?? [],
-        ...((V = l.externalErrors) == null ? void 0 : V.filter((D) => ((D == null ? void 0 : D.length) ?? 0) > 0)) ?? []
+        ...((_ = l.externalErrors) == null ? void 0 : _.filter((D) => ((D == null ? void 0 : D.length) ?? 0) > 0)) ?? []
       ].join(`
 `);
     });
     async function w(b) {
-      l.validateOn === "input" && await _(b), e("update:model-value", b);
+      l.validateOn === "input" && await V(b), e("update:model-value", b);
     }
-    async function U(b, V) {
-      l.onInputFunction !== void 0 && (b = l.onInputFunction(b)), l.validateOn === "change" && (v.value = !1), (V || l.validateOn === "input") && await _(b), e("update:model-value", b);
+    async function U(b, _) {
+      l.onInputFunction !== void 0 && (b = l.onInputFunction(b)), l.validateOn === "change" && (v.value = !1), (_ || l.validateOn === "input") && await V(b), e("update:model-value", b);
     }
-    function _(b) {
-      const V = {
+    function V(b) {
+      const _ = {
         message: "",
         valid: !0
       }, D = [
         l.customValidationFunction === null || l.customValidationFunction === void 0 ? new Promise((be) => {
-          be(V);
+          be(_);
         }) : new Promise((be) => {
           be(l.customValidationFunction(l.label, b));
         })
       ];
       return (typeof b == "string" || typeof b == "number") && (D.push(Ll(l.min, l.inputType, l.label, b, l.timeZone)), D.push(Dl(l.max, l.inputType, l.label, b, l.timeZone))), l.isRequired && D.push(Pl(l.label, b)), l.inputType === "email" && typeof b == "string" && D.push(Fl(l.label, b)), Promise.all(D).then((be) => {
-        const tl = [...be.map((Te) => Te.message)], Be = be.some((Te) => Te.message.length > 0 && Te.valid === !1) || l.externalErrors.length > 0;
-        v.value = !0, Be ? (C.value = tl, e("validated", !1, b)) : (C.value = [], e("validated", !0, b)), M.value = !Be;
+        const ol = [...be.map((Te) => Te.message)], Be = be.some((Te) => Te.message.length > 0 && Te.valid === !1) || l.externalErrors.length > 0;
+        v.value = !0, Be ? (C.value = ol, e("validated", !1, b)) : (C.value = [], e("validated", !0, b)), M.value = !Be;
       });
     }
     function K() {
@@ -1081,26 +1081,26 @@ const it = { class: "cl-flex cl-justify-between" }, ct = { class: "cl-w-full" },
     function Ie(b) {
       if (s.value) {
         s.value.stepUp(), s.value.focus(), U(s.value.valueAsNumber, !1);
-        const V = {
+        const _ = {
           target: s.value
         };
-        e("input", V, s.value.valueAsNumber), e("change", b, s.value.valueAsNumber);
+        e("input", _, s.value.valueAsNumber), e("change", b, s.value.valueAsNumber);
       }
     }
     function je(b) {
       if (s.value) {
         s.value.stepDown(), s.value.focus(), U(s.value.valueAsNumber, !1);
-        const V = {
+        const _ = {
           target: s.value
         };
-        e("input", V, s.value.valueAsNumber), e("change", b, s.value.valueAsNumber);
+        e("input", _, s.value.valueAsNumber), e("change", b, s.value.valueAsNumber);
       }
     }
     function we(b) {
       p.value = b;
     }
     async function he() {
-      i.value = !0, we(!1), l.validateOn === "change" && await _(m.value);
+      i.value = !0, we(!1), l.validateOn === "change" && await V(m.value);
     }
     function $e() {
       r.value++;
@@ -1111,12 +1111,12 @@ const it = { class: "cl-flex cl-justify-between" }, ct = { class: "cl-w-full" },
     function H() {
       var D;
       let b = !0;
-      const V = t.value;
-      return p.value ? b = V : i.value && ((D = m.value) == null ? void 0 : D.toString().trim()) === "" && l.requiredText.trim() !== "" && (b = !1), !l.hideRequiredAsterisk && b;
+      const _ = t.value;
+      return p.value ? b = _ : i.value && ((D = m.value) == null ? void 0 : D.toString().trim()) === "" && l.requiredText.trim() !== "" && (b = !1), !l.hideRequiredAsterisk && b;
     }
     async function ne(b) {
-      const V = xe(b, l.inputType);
-      l.validateOn === "change" && await _(V), e("change", b, V);
+      const _ = xe(b, l.inputType);
+      l.validateOn === "change" && await V(_), e("change", b, _);
     }
     async function Q() {
       await he(), $e();
@@ -1124,7 +1124,7 @@ const it = { class: "cl-flex cl-justify-between" }, ct = { class: "cl-w-full" },
     return qe(() => {
       l.validateImmediately && U(l.modelValue, !0);
     }), J(() => l.isRequired, () => U(l.modelValue, !0)), J(() => l.externalErrors, async () => {
-      await _(m.value), e("update:model-value", m.value);
+      await V(m.value), e("update:model-value", m.value);
     }), J(
       () => l.modelValue,
       () => {
@@ -1139,13 +1139,13 @@ const it = { class: "cl-flex cl-justify-between" }, ct = { class: "cl-w-full" },
         var b;
         (b = s.value) == null || b.blur();
       }
-    }), (b, V) => (d(), y("div", re({ ...b.$attrs, id: void 0 }, {
+    }), (b, _) => (d(), y("div", re({ ...b.$attrs, id: void 0 }, {
       key: r.value,
       class: "cl-align-top cl-border-none cl-inline-block cl-text-left"
     }), [
       g("div", {
-        onMouseenter: V[10] || (V[10] = (D) => we(!0)),
-        onMouseleave: V[11] || (V[11] = (D) => we(!1))
+        onMouseenter: _[10] || (_[10] = (D) => we(!0)),
+        onMouseleave: _[11] || (_[11] = (D) => we(!1))
       }, [
         g("div", it, [
           g("div", ct, [
@@ -1160,7 +1160,7 @@ const it = { class: "cl-flex cl-justify-between" }, ct = { class: "cl-w-full" },
           Z(g("input", re({
             ref_key: "inputElement",
             ref: s,
-            "onUpdate:modelValue": V[0] || (V[0] = (D) => m.value = D)
+            "onUpdate:modelValue": _[0] || (_[0] = (D) => m.value = D)
           }, b.$attrs, {
             class: ["!cl-mb-1 cl-block cl-border cl-duration-300 cl-h-full cl-transition cl-w-full focus:cl-outline-none", {
               "hover:!cl-border-grey-3": b.disabled === !1 && !f(ke)(b.inputType),
@@ -1184,16 +1184,16 @@ const it = { class: "cl-flex cl-justify-between" }, ct = { class: "cl-w-full" },
             accept: b.fileExtensions,
             name: b.group,
             autocomplete: b.autocomplete,
-            onClick: V[1] || (V[1] = (D) => ue(D)),
-            onFocus: V[2] || (V[2] = (D) => e("focus")),
+            onClick: _[1] || (_[1] = (D) => ue(D)),
+            onFocus: _[2] || (_[2] = (D) => e("focus")),
             onBlur: Y(Q, ["self"]),
             onMousewheelPassive: O,
-            onInput: V[3] || (V[3] = (D) => {
+            onInput: _[3] || (_[3] = (D) => {
               e("input", D, f(xe)(D, b.inputType));
             }),
             onChange: ne
           }), null, 16, ft), [
-            [nl, m.value]
+            [rl, m.value]
           ]),
           T(ve, {
             name: "fade",
@@ -1205,14 +1205,14 @@ const it = { class: "cl-flex cl-justify-between" }, ct = { class: "cl-w-full" },
                   icon: "ph:caret-up-bold",
                   class: "cl-absolute cl-bg-link-default cl-right-1 cl-rounded-full cl-text-sm cl-text-white cl-top-1 hover:cl-bg-link-light hover:cl-cursor-pointer",
                   onClick: Ie,
-                  onMousedown: V[4] || (V[4] = Y(() => {
+                  onMousedown: _[4] || (_[4] = Y(() => {
                   }, ["prevent"]))
                 }),
                 T(f(z), {
                   icon: "ph:caret-down-bold",
                   class: "cl-absolute cl-bg-link-default cl-bottom-2 cl-right-1 cl-rounded-full cl-text-sm cl-text-white hover:cl-bg-link-light hover:cl-cursor-pointer",
                   onClick: je,
-                  onMousedown: V[5] || (V[5] = Y(() => {
+                  onMousedown: _[5] || (_[5] = Y(() => {
                   }, ["prevent"]))
                 })
               ], 512)), [
@@ -1225,7 +1225,7 @@ const it = { class: "cl-flex cl-justify-between" }, ct = { class: "cl-w-full" },
           ref_key: "inputElement",
           ref: s,
           date: h.value,
-          "onUpdate:date": V[6] || (V[6] = (D) => h.value = D),
+          "onUpdate:date": _[6] || (_[6] = (D) => h.value = D),
           class: ["cl-block cl-duration-300 cl-h-fit cl-mb-1 cl-rounded-lg cl-text-sm cl-transition cl-w-full focus:cl-outline-none", {
             "hover:cl-border-grey-3": !b.disabled,
             "!cl-border-danger-default": !M.value,
@@ -1240,20 +1240,20 @@ const it = { class: "cl-flex cl-justify-between" }, ct = { class: "cl-w-full" },
           placeholder: n.value,
           "initial-date": b.initialDate,
           onBlur: Y(he, ["self"]),
-          onFocus: V[7] || (V[7] = (D) => e("focus"))
+          onFocus: _[7] || (_[7] = (D) => e("focus"))
         }), null, 16, ["date", "class", "disabled", "required", "type", "time-zone", "min", "max", "placeholder", "initial-date", "onBlur"])) : b.inputType === "range" && typeof m.value == "number" ? (d(), y("div", gt, [
           T(f(st), {
             ref_key: "inputElement",
             ref: s,
             value: m.value,
-            "onUpdate:value": V[8] || (V[8] = (D) => m.value = D),
+            "onUpdate:value": _[8] || (_[8] = (D) => m.value = D),
             min: $.value ?? 0,
             max: j.value ?? 1e3,
             step: b.step,
             "enforce-step": !0,
             disabled: b.disabled,
             onBlur: Y(he, ["self"]),
-            onFocus: V[9] || (V[9] = (D) => e("focus"))
+            onFocus: _[9] || (_[9] = (D) => e("focus"))
           }, null, 8, ["value", "min", "max", "step", "disabled", "onBlur"])
         ])) : q("", !0)
       ], 32),
@@ -1265,7 +1265,7 @@ const it = { class: "cl-flex cl-justify-between" }, ct = { class: "cl-w-full" },
 const ie = /* @__PURE__ */ me(bt, [["__scopeId", "data-v-b573d104"]]), yt = { class: "cl-align-items-center cl-bg-black cl-bg-opacity-40 cl-bottom-0 cl-fixed cl-flex cl-h-full cl-justify-center cl-left-0 cl-right-0 cl-top-0 cl-w-full cl-z-40 xl:cl-h-screen" }, wt = ["onKeypress"], $t = {
   key: 0,
   class: "cl-mt-1 cl-opacity-60 cl-text-primary-default"
-}, kt = { class: "cl-overflow-y-auto cl-overscroll-y-none cl-p-2 cl-w-full" }, el = /* @__PURE__ */ B({
+}, kt = { class: "cl-overflow-y-auto cl-overscroll-y-none cl-p-2 cl-w-full" }, ll = /* @__PURE__ */ B({
   inheritAttrs: !1,
   __name: "cl-ui-modal",
   props: {
@@ -1286,7 +1286,7 @@ const ie = /* @__PURE__ */ me(bt, [["__scopeId", "data-v-b573d104"]]), yt = { cl
     }
     return (i, t) => (d(), y(x, null, [
       N(i.$slots, "trigger", ee(se({ open: l }))),
-      (d(), L(_e, { to: "body" }, [
+      (d(), L(Ve, { to: "body" }, [
         T(ve, { name: "fade" }, {
           default: F(() => [
             Z(g("div", yt, [
@@ -1485,10 +1485,10 @@ const ie = /* @__PURE__ */ me(bt, [["__scopeId", "data-v-b573d104"]]), yt = { cl
     function R(w) {
       if (w.key === "Tab" && w.shiftKey === !0) {
         const U = document.getElementsByTagName("input");
-        let _ = -1;
+        let V = -1;
         for (let K = 0; K < U.length; K++)
-          U[K] === w.target && (_ = K - 1);
-        _ >= 0 && (U[_].focus(), c());
+          U[K] === w.target && (V = K - 1);
+        V >= 0 && (U[V].focus(), c());
       }
     }
     function M() {
@@ -1511,11 +1511,11 @@ const ie = /* @__PURE__ */ me(bt, [["__scopeId", "data-v-b573d104"]]), yt = { cl
     return J(() => e.results, () => v()), J(() => e.errorMessage, () => v()), J(() => e.isVisible, () => k()), qe(() => {
       var w;
       return (w = n.value) == null ? void 0 : w.addEventListener("keydown", R);
-    }), Ve(() => {
+    }), _e(() => {
       var w;
       return (w = n.value) == null ? void 0 : w.removeEventListener("keydown", R);
     }), (w, U) => {
-      var _;
+      var V;
       return d(), y("div", {
         ref_key: "container",
         ref: n,
@@ -1552,7 +1552,7 @@ const ie = /* @__PURE__ */ me(bt, [["__scopeId", "data-v-b573d104"]]), yt = { cl
           "additional-text": w.objectParentType,
           class: "cl-bg-grey-2 cl-mt-1"
         }, null, 8, ["text", "additional-text"])) : q("", !0),
-        w.results !== null && ((_ = w.results) == null ? void 0 : _.length) === 0 && s.value.trim() !== "" && w.canCreateNewObject === !1 && w.errorMessage === "" ? (d(), L(Oe, {
+        w.results !== null && ((V = w.results) == null ? void 0 : V.length) === 0 && s.value.trim() !== "" && w.canCreateNewObject === !1 && w.errorMessage === "" ? (d(), L(Oe, {
           key: 2,
           text: f(l)("comboBox.noResults", { value: s.value })
         }, null, 8, ["text"])) : q("", !0),
@@ -1585,7 +1585,7 @@ const ie = /* @__PURE__ */ me(bt, [["__scopeId", "data-v-b573d104"]]), yt = { cl
       ], 40, Et);
     };
   }
-}), It = { class: "cl-flex" }, jt = { class: "cl-relative cl-right-20 cl-top-0.5" }, Rt = { class: "cl-absolute cl-flex cl-float-right cl-font-semibold cl-mt-2 cl-text-danger-default cl-text-sm cl-z-10" }, _t = { class: "cl-min-h-[16rem] cl-mx-4" }, Vt = { class: "cl-p-2 cl-text-right cl-w-full" }, zt = /* @__PURE__ */ B({
+}), It = { class: "cl-flex" }, jt = { class: "cl-relative cl-right-20 cl-top-0.5" }, Rt = { class: "cl-absolute cl-flex cl-float-right cl-font-semibold cl-mt-2 cl-text-danger-default cl-text-sm cl-z-10" }, Vt = { class: "cl-min-h-[16rem] cl-mx-4" }, _t = { class: "cl-p-2 cl-text-right cl-w-full" }, zt = /* @__PURE__ */ B({
   __name: "cl-ui-combo-box",
   props: {
     loading: { type: Boolean, default: !1 },
@@ -1646,7 +1646,7 @@ const ie = /* @__PURE__ */ me(bt, [["__scopeId", "data-v-b573d104"]]), yt = { cl
       }
       return H;
     }
-    function _() {
+    function V() {
       var O;
       $.value = {
         name: c.value,
@@ -1675,7 +1675,7 @@ const ie = /* @__PURE__ */ me(bt, [["__scopeId", "data-v-b573d104"]]), yt = { cl
       });
     }
     function je() {
-      var H, ne, Q, b, V;
+      var H, ne, Q, b, _;
       De({
         message: i("comboBox.createSuccessful", { object: l.objectType, name: ((H = l.objectCreatedResponse) == null ? void 0 : H.name) ?? "" }),
         colour: "primary",
@@ -1685,7 +1685,7 @@ const ie = /* @__PURE__ */ me(bt, [["__scopeId", "data-v-b573d104"]]), yt = { cl
       m.value && m.value.id === ((ne = l.objectCreatedResponse) == null ? void 0 : ne.parentId) && (O = m.value.name), n.value = {
         id: ((Q = l.objectCreatedResponse) == null ? void 0 : Q.id) ?? 0,
         name: ((b = l.objectCreatedResponse) == null ? void 0 : b.name) ?? "",
-        parentId: ((V = l.objectCreatedResponse) == null ? void 0 : V.parentId) ?? 0,
+        parentId: ((_ = l.objectCreatedResponse) == null ? void 0 : _.parentId) ?? 0,
         parentName: O
       };
     }
@@ -1705,7 +1705,7 @@ const ie = /* @__PURE__ */ me(bt, [["__scopeId", "data-v-b573d104"]]), yt = { cl
     });
     const $e = A();
     return Ue($e, () => t.value ? M(!1) : ""), (O, H) => {
-      const ne = rl("cl-ui-combo-box", !0);
+      const ne = Qe("cl-ui-combo-box", !0);
       return d(), y("div", {
         ref_key: "outsideRef",
         ref: $e,
@@ -1763,7 +1763,7 @@ const ie = /* @__PURE__ */ me(bt, [["__scopeId", "data-v-b573d104"]]), yt = { cl
             })
           ], 2))
         ]),
-        T(el, { size: "small" }, {
+        T(ll, { size: "small" }, {
           title: F(() => [
             ae(S(f(i)("comboBox.createTitle", { object: O.objectType })), 1)
           ]),
@@ -1792,7 +1792,7 @@ const ie = /* @__PURE__ */ me(bt, [["__scopeId", "data-v-b573d104"]]), yt = { cl
             ])
           ]),
           footer: F(({ close: Q }) => [
-            g("div", Vt, [
+            g("div", _t, [
               T(ge, {
                 class: "cl-mr-3",
                 colour: "default",
@@ -1809,7 +1809,7 @@ const ie = /* @__PURE__ */ me(bt, [["__scopeId", "data-v-b573d104"]]), yt = { cl
                 size: "small",
                 disabled: !j.value,
                 onClick: (b) => {
-                  _(), Q();
+                  V(), Q();
                 }
               }, {
                 default: F(() => [
@@ -1820,7 +1820,7 @@ const ie = /* @__PURE__ */ me(bt, [["__scopeId", "data-v-b573d104"]]), yt = { cl
             ])
           ]),
           default: F(() => [
-            g("div", _t, [
+            g("div", Vt, [
               O.objectParentType ? (d(), L(ne, {
                 key: 0,
                 "current-object": m.value,
@@ -2023,7 +2023,7 @@ const Wt = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, Kt = { class: "cl-gap-1
     }
     function i() {
       let t = a.data[a.column.field];
-      return a.column.maxLength && (t = t.trimToLength(a.column.maxLength, a.column.format !== void 0 ? a.column.format === "ellipsis" : !1)), a.searchValue && a.column.searchable && (t = dl(t, a.searchValue.split(" "))), t;
+      return a.column.maxLength && (t = t.trimToLength(a.column.maxLength, a.column.format !== void 0 ? a.column.format === "ellipsis" : !1)), a.searchValue && a.column.searchable && (t = dl(t, a.searchValue.split(" "))), a.column.format === "wrap-text" && (t = `<span class="cl-break-words cl-whitespace-pre-wrap">${t}</span>`), t;
     }
     return (t, n) => {
       var r;
@@ -2107,7 +2107,7 @@ const Wt = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, Kt = { class: "cl-gap-1
         "search-value": t.searchValue
       }, {
         [t.column.name]: F(() => [
-          N(t.$slots, t.column.name, ee(se({ column: t.column, record: t.data })))
+          N(t.$slots, t.column.name, ee(se({ column: t.column, record: t.data, searchValue: t.searchValue })))
         ]),
         _: 2
       }, 1032, ["column", "data", "time-zone", "search-value"]))
@@ -2191,7 +2191,7 @@ const Wt = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, Kt = { class: "cl-gap-1
         {
           count: 0,
           target: null,
-          reset: Qe(() => {
+          reset: Ye(() => {
             r.value[j] && (r.value[j].count = 0, r.value[j].target = null);
           }, 2500, { immediate: !1 })
         }
@@ -2312,7 +2312,7 @@ const Wt = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, Kt = { class: "cl-gap-1
       const u = ce(e.request);
       u.pageSize = c, u.pageNumber = 1, a("update:request", u);
     }
-    const h = Ye(n, 750);
+    const h = Je(n, 750);
     return (c, u) => {
       var $, j;
       return (j = ($ = c.data) == null ? void 0 : $.results) != null && j.length && c.request ? (d(), y("div", vo, [
@@ -2418,21 +2418,24 @@ const Wt = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, Kt = { class: "cl-gap-1
   "list",
   "slot"
 ];
-function ll(o) {
+function tl(o) {
   return typeof o.caption == "string" && typeof o.name == "string" && typeof o.type == "string";
 }
-function _o(o) {
+function Vo(o) {
   let a = Array.isArray(o);
   if (a) {
     for (const e of o)
-      if (!ll(e)) {
+      if (!tl(e)) {
         a = !1;
         break;
       }
   }
   return a;
 }
-const Vo = ["ellipsis"];
+const _o = [
+  "ellipsis",
+  "wrap-text"
+];
 var W = /* @__PURE__ */ ((o) => (o[o.CONTAINS = 0] = "CONTAINS", o[o.NOT_CONTAINS = 1] = "NOT_CONTAINS", o[o.EQUAL = 2] = "EQUAL", o[o.NOT_EQUAL = 3] = "NOT_EQUAL", o[o.STARTS_WITH = 4] = "STARTS_WITH", o[o.ENDS_WITH = 5] = "ENDS_WITH", o[o.GREATER_THAN = 6] = "GREATER_THAN", o[o.LESS_THAN = 7] = "LESS_THAN", o[o.EQUAL_OR_GREATER_THAN = 8] = "EQUAL_OR_GREATER_THAN", o[o.EQUAL_OR_LESS_THAN = 9] = "EQUAL_OR_LESS_THAN", o[o.AND_CONTAINS = 10] = "AND_CONTAINS", o))(W || {});
 const zo = [
   "equal",
@@ -2693,22 +2696,22 @@ const Do = {
         let v = (C = i.value) == null ? void 0 : C[0];
         if (v && t.value) {
           if ((((k = e.filter) == null ? void 0 : k.length) ?? 0) > 1) {
-            const _ = (w = i.value) == null ? void 0 : w.find((ue) => ue.filterOperation === W.EQUAL_OR_GREATER_THAN), K = (U = i.value) == null ? void 0 : U.find((ue) => ue.filterOperation === W.LESS_THAN);
-            _ && K && (v = {
+            const V = (w = i.value) == null ? void 0 : w.find((ue) => ue.filterOperation === W.EQUAL_OR_GREATER_THAN), K = (U = i.value) == null ? void 0 : U.find((ue) => ue.filterOperation === W.LESS_THAN);
+            V && K && (v = {
               filterOnColumn: e.column.field,
               filterOperation: W.EQUAL,
               filterMethod: "equal",
-              filterValue: _.filterValue
+              filterValue: V.filterValue
             });
           } else if (v.filterOperation === W.EQUAL_OR_LESS_THAN || v.filterOperation === W.GREATER_THAN) {
-            let _ = P.fromISO(v.filterValue, {
+            let V = P.fromISO(v.filterValue, {
               zone: e.timeZone ?? "UTC"
             });
-            e.column.type === "date" || e.column.type === "slot" && e.column.slotType === "date" ? _ = _.minus({ days: 1 }) : _ = _.minus({ minutes: 1 }), v = {
+            e.column.type === "date" || e.column.type === "slot" && e.column.slotType === "date" ? V = V.minus({ days: 1 }) : V = V.minus({ minutes: 1 }), v = {
               filterOnColumn: e.column.field,
               filterOperation: v.filterOperation,
               filterMethod: v.filterOperation === W.EQUAL_OR_LESS_THAN ? "equalorlessthan" : "greaterthan",
-              filterValue: _.plus({ milliseconds: 1 }).toISO() ?? ""
+              filterValue: V.plus({ milliseconds: 1 }).toISO() ?? ""
             };
           }
         }
@@ -2718,12 +2721,12 @@ const Do = {
         let C;
         const k = (v == null ? void 0 : v.filterMethod) && h(v.filterMethod, v.filterValue, "equal"), w = (v == null ? void 0 : v.filterMethod) && h(v.filterMethod, v.filterValue, "equalorlessthan"), U = (v == null ? void 0 : v.filterMethod) && h(v.filterMethod, v.filterValue, "greaterthan");
         if (k) {
-          let _ = P.fromISO(v.filterValue, {
+          let V = P.fromISO(v.filterValue, {
             zone: e.timeZone ?? "UTC"
           }).set({ second: 0, millisecond: 0 });
-          const K = _.toISO();
-          e.column.type === "date" || e.column.type === "slot" && e.column.slotType === "date" ? _ = _.plus({ days: 1 }) : _ = _.plus({ minutes: 1 });
-          const ue = _.toISO();
+          const K = V.toISO();
+          e.column.type === "date" || e.column.type === "slot" && e.column.slotType === "date" ? V = V.plus({ days: 1 }) : V = V.plus({ minutes: 1 });
+          const ue = V.toISO();
           C = [
             {
               filterOnColumn: e.column.field,
@@ -2739,22 +2742,22 @@ const Do = {
             }
           ];
         } else if (w || U) {
-          let _ = P.fromISO(v.filterValue, {
+          let V = P.fromISO(v.filterValue, {
             zone: e.timeZone ?? "UTC"
           }).set({ second: 0, millisecond: 0 });
-          e.column.type === "date" || e.column.type === "slot" && e.column.slotType === "date" ? _ = _.plus({ days: 1 }) : _ = _.plus({ minutes: 1 }), C = [
+          e.column.type === "date" || e.column.type === "slot" && e.column.slotType === "date" ? V = V.plus({ days: 1 }) : V = V.plus({ minutes: 1 }), C = [
             {
               filterOnColumn: e.column.field,
               filterOperation: w ? W.EQUAL_OR_LESS_THAN : W.GREATER_THAN,
               filterMethod: w ? "equalorlessthan" : "greaterthan",
-              filterValue: _.minus({ milliseconds: 1 }).toISO()
+              filterValue: V.minus({ milliseconds: 1 }).toISO()
             }
           ];
         } else
           C = v && [v];
         if (C && t.value)
-          for (const _ of C)
-            e.timeZone ? _.filterValue = P.fromISO(_.filterValue).setZone("UTC").toISO() ?? "" : _.filterValue = _.filterValue.replace("Z", "");
+          for (const V of C)
+            e.timeZone ? V.filterValue = P.fromISO(V.filterValue).setZone("UTC").toISO() ?? "" : V.filterValue = V.filterValue.replace("Z", "");
         i.value = C;
       }
     });
@@ -2766,11 +2769,11 @@ const Do = {
       return ((v = m.value) == null ? void 0 : v.filterValue) ?? "";
     }), u = E(() => c.value === "" ? null : c.value), $ = E(() => Intl.NumberFormat(l.value).format(1.1).replace(/[0-9]+/g, "")), j = E(() => Me(e.column));
     function R(v, C) {
-      var _;
+      var V;
       let k, w = !1;
       const U = ((v == null ? void 0 : v.value) ?? C).trim();
       if (m.value)
-        w = ((_ = m.value) == null ? void 0 : _.filterValue) === U, k = ce(m.value), k.filterValue = U;
+        w = ((V = m.value) == null ? void 0 : V.filterValue) === U, k = ce(m.value), k.filterValue = U;
       else if (U !== "" && typeof e.column.field < "u") {
         const K = p();
         k = {
@@ -2959,7 +2962,7 @@ const Do = {
       ], 2)
     ]));
   }
-}), ua = /* @__PURE__ */ B({
+}), ua = { class: "cl-flex cl-mb-2" }, da = /* @__PURE__ */ B({
   __name: "cl-ui-grid-search",
   props: {
     searchValue: {},
@@ -2989,19 +2992,29 @@ const Do = {
     }
     J(() => e.columns, () => s(e.searchValue));
     const { t: p } = te();
-    return (i, t) => N(i.$slots, "search", ee(se({ searchValue: i.searchValue, performSearch: s })), () => [
-      T(ie, {
-        "model-value": i.searchValue,
-        class: "cl-mb-2 cl-w-full",
-        "input-type": "text",
-        disabled: i.loading,
-        "placeholder-text": i.columns.length > 4 ? f(p)("grid.search") : f(p)("grid.searchSpecific", { columns: i.columns.map((n) => n.caption).join(", ") }),
-        onKeypress: t[0] || (t[0] = ye((n) => s(n.target.value), ["enter"])),
-        onBlur: t[1] || (t[1] = (n) => s(n.target.value))
-      }, null, 8, ["model-value", "disabled", "placeholder-text"])
-    ]);
+    return (i, t) => {
+      const n = Qe("icon");
+      return N(i.$slots, "search", ee(se({ searchValue: i.searchValue, performSearch: s })), () => [
+        g("div", ua, [
+          T(ie, {
+            "model-value": i.searchValue,
+            class: "cl-grow",
+            "input-type": "text",
+            disabled: i.loading,
+            "placeholder-text": i.columns.length > 4 ? f(p)("grid.search") : f(p)("grid.searchSpecific", { columns: i.columns.map((r) => r.caption).join(", ") }),
+            onKeypress: t[0] || (t[0] = ye((r) => s(r.target.value), ["enter"])),
+            onBlur: t[1] || (t[1] = (r) => s(r.target.value))
+          }, null, 8, ["model-value", "disabled", "placeholder-text"]),
+          T(n, {
+            class: "cl-absolute cl-cursor-pointer cl-right-4 cl-top-3 cl-z-10 hover:cl-text-primary-darker",
+            icon: "ph:x-bold",
+            onClick: t[2] || (t[2] = Y((r) => s(""), ["prevent"]))
+          })
+        ])
+      ]);
+    };
   }
-}), da = { class: "cl-fixed cl-flex cl-h-full cl-justify-end cl-right-0 cl-shadow-lg cl-top-0 cl-z-40" }, pa = { class: "cl-bg-secondary-default cl-h-full cl-overflow-y-auto cl-overscroll-y-none cl-px-10 cl-py-20 cl-relative cl-text-grey-2 cl-w-80" }, fa = { class: "cl-mb-4 cl-text-2xl cl-text-off-white" }, ma = { class: "cl-border-grey-3 cl-border-t cl-flex cl-flex-wrap cl-text-sm cl-w-full" }, ga = { class: "cl-border-b cl-border-grey-2 cl-flex cl-py-2 cl-text-sm cl-w-full" }, va = { class: "cl-flex-1 cl-py-2" }, ha = { class: "cl-py-2 cl-w-1/4" }, ba = { class: "cl-py-2 cl-w-1/5" }, ya = { class: "cl-flex-1 cl-py-2" }, wa = { class: "cl-py-2 cl-w-1/4" }, $a = { class: "cl-py-2 cl-text-off-white cl-w-1/5" }, ka = { key: 1 }, Ca = /* @__PURE__ */ B({
+}), pa = { class: "cl-fixed cl-flex cl-h-full cl-justify-end cl-right-0 cl-shadow-lg cl-top-0 cl-z-40" }, fa = { class: "cl-bg-secondary-default cl-h-full cl-overflow-y-auto cl-overscroll-y-none cl-px-10 cl-py-20 cl-relative cl-text-grey-2 cl-w-80" }, ma = { class: "cl-mb-4 cl-text-2xl cl-text-off-white" }, ga = { class: "cl-border-grey-3 cl-border-t cl-flex cl-flex-wrap cl-text-sm cl-w-full" }, va = { class: "cl-border-b cl-border-grey-2 cl-flex cl-py-2 cl-text-sm cl-w-full" }, ha = { class: "cl-flex-1 cl-py-2" }, ba = { class: "cl-py-2 cl-w-1/4" }, ya = { class: "cl-py-2 cl-w-1/5" }, wa = { class: "cl-flex-1 cl-py-2" }, $a = { class: "cl-py-2 cl-w-1/4" }, ka = { class: "cl-py-2 cl-text-off-white cl-w-1/5" }, Ca = { key: 1 }, Ta = /* @__PURE__ */ B({
   inheritAttrs: !1,
   __name: "cl-ui-grid-view-manager",
   props: {
@@ -3032,37 +3045,37 @@ const Do = {
         ]),
         _: 1
       }, 16),
-      (d(), L(_e, { to: "body" }, [
+      (d(), L(Ve, { to: "body" }, [
         T(ve, { name: "slide-left" }, {
           default: F(() => [
-            Z(g("div", da, [
-              g("div", pa, [
+            Z(g("div", pa, [
+              g("div", fa, [
                 T(f(z), {
                   class: "cl-absolute cl-cursor-pointer cl-right-3 cl-text-off-white cl-top-3",
                   icon: "ph:x",
                   size: 16,
                   onClick: r[1] || (r[1] = (m) => s.value = !1)
                 }),
-                g("h3", fa, S(f(l)("grid.manageView")), 1),
-                g("ul", ma, [
-                  g("li", ga, [
-                    g("strong", va, S(f(l)("grid.column")), 1),
-                    g("strong", ha, S(f(l)("grid.visible")), 1),
-                    g("strong", ba, S(f(l)("grid.order")), 1)
+                g("h3", ma, S(f(l)("grid.manageView")), 1),
+                g("ul", ga, [
+                  g("li", va, [
+                    g("strong", ha, S(f(l)("grid.column")), 1),
+                    g("strong", ba, S(f(l)("grid.visible")), 1),
+                    g("strong", ya, S(f(l)("grid.order")), 1)
                   ]),
                   (d(!0), y(x, null, le(n.columns, (m, h) => (d(), y("li", {
                     key: h,
                     class: "cl-border-b cl-border-grey-2 cl-flex cl-py-2 cl-text-sm cl-w-full"
                   }, [
-                    g("div", ya, S(m.caption), 1),
-                    g("div", wa, [
+                    g("div", wa, S(m.caption), 1),
+                    g("div", $a, [
                       T(ie, {
                         "model-value": m.visible === void 0 || m.visible === !0,
                         "input-type": "checkbox",
                         onClick: (c) => i(c.target, m)
                       }, null, 8, ["model-value", "onClick"])
                     ]),
-                    g("div", $a, [
+                    g("div", ka, [
                       m.visible === void 0 || m.visible === !0 ? (d(), y(x, { key: 0 }, [
                         h !== 0 ? (d(), L(f(z), {
                           key: 0,
@@ -3076,7 +3089,7 @@ const Do = {
                           icon: "ph:arrow-right",
                           onClick: (c) => t(h, "up")
                         }, null, 8, ["onClick"])) : q("", !0)
-                      ], 64)) : (d(), y("em", ka, S(f(l)("grid.hidden")), 1))
+                      ], 64)) : (d(), y("em", Ca, S(f(l)("grid.hidden")), 1))
                     ])
                   ]))), 128))
                 ])
@@ -3090,7 +3103,7 @@ const Do = {
       ]))
     ], 64));
   }
-}), Ta = { class: "cl-relative cl-w-full grid-wrapper lg:cl-min-h-fit" }, Oa = { class: "cl-absolute cl-flex cl-items-center cl-justify-center cl-min-h-full cl-p-28 cl-pt-0 cl-w-full" }, Sa = { class: "cl-overflow-x-auto cl-overscroll-x-none cl-pt-1" }, Ea = { class: "cl-hidden lg:cl-table-column-group" }, Aa = /* @__PURE__ */ B({
+}), Oa = { class: "cl-relative cl-w-full grid-wrapper lg:cl-min-h-fit" }, Sa = { class: "cl-absolute cl-flex cl-items-center cl-justify-center cl-min-h-full cl-p-28 cl-pt-0 cl-w-full" }, Ea = { class: "cl-overflow-x-auto cl-overscroll-x-none cl-pt-1" }, Aa = { class: "cl-hidden lg:cl-table-column-group" }, qa = /* @__PURE__ */ B({
   __name: "cl-ui-grid",
   props: {
     columns: {},
@@ -3118,7 +3131,7 @@ const Do = {
     }
     qe(() => {
       window.addEventListener("resize", i), i();
-    }), Ve(() => window.removeEventListener("resize", i));
+    }), _e(() => window.removeEventListener("resize", i));
     const n = E({
       get: () => e.request,
       set: (v) => a("update:request", v)
@@ -3127,7 +3140,7 @@ const Do = {
       const v = ce(n.value);
       v.pageNumber = 1, v.filters = [], R.value = "", n.value = v;
     }
-    const m = Ye(() => a("data-request"), 750);
+    const m = Je(() => a("data-request"), 750);
     J(n, m, {
       deep: !0,
       immediate: !0
@@ -3153,8 +3166,8 @@ const Do = {
         };
       }
     }), R = A(""), M = E(() => e.columns.filter((v) => (v.type === "string" || v.type === "slot" && v.slotType === "string") && v.searchable));
-    return (v, C) => (d(), y("div", Ta, [
-      M.value.length > 0 ? (d(), L(ua, {
+    return (v, C) => (d(), y("div", Oa, [
+      M.value.length > 0 ? (d(), L(da, {
         key: 0,
         "search-value": R.value,
         "onUpdate:searchValue": C[0] || (C[0] = (k) => R.value = k),
@@ -3170,7 +3183,7 @@ const Do = {
       }, 8, ["search-value", "request", "columns", "loading"])) : q("", !0),
       T(ve, { name: "fade" }, {
         default: F(() => [
-          Z(g("div", Oa, [
+          Z(g("div", Sa, [
             T(Ne, { class: "after:!cl-h-20 after:!cl-w-20 cl-h-20 cl-w-20" })
           ], 512), [
             [G, v.loading]
@@ -3193,20 +3206,20 @@ const Do = {
           N(v.$slots, "additional-grid-actions", ee(se(k)))
         ]),
         "view-manager": F(() => [
-          T(Ca, {
+          T(Ta, {
             columns: l.value,
             "onUpdate:columns": C[2] || (C[2] = (k) => l.value = k)
           }, null, 8, ["columns"])
         ]),
         _: 3
       }, 8, ["edit-mode", "filter-panel-open", "columns", "options", "request", "loading"]),
-      g("div", Sa, [
+      g("div", Ea, [
         g("table", {
           class: I(["cl-delay-75 cl-min-h-[276px] cl-overflow-x-auto cl-overscroll-x-none cl-text-left cl-transition-opacity cl-w-full", {
             "cl-opacity-40": v.loading
           }])
         }, [
-          g("colgroup", Ea, [
+          g("colgroup", Aa, [
             (d(!0), y(x, null, le(s.value, (k, w) => (d(), y("col", {
               key: w,
               style: cl(t(k.name)),
@@ -3252,7 +3265,7 @@ const Do = {
       }, null, 8, ["request", "loading", "data"])
     ]));
   }
-}), qa = { 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" }, Na = /* @__PURE__ */ B({
+}), Na = { 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" }, Ia = /* @__PURE__ */ B({
   __name: "cl-ui-header",
   props: {
     isOpen: { type: Boolean }
@@ -3262,7 +3275,7 @@ const Do = {
     const e = o, l = A();
     return Ue(l, () => {
       (e.isOpen ?? !1) && a("open-click");
-    }), (s, p) => (d(), y("header", qa, [
+    }), (s, p) => (d(), y("header", Na, [
       N(s.$slots, "logo"),
       g("div", {
         ref_key: "headerMenuElement",
@@ -3275,13 +3288,13 @@ const Do = {
       ], 512)
     ]));
   }
-}), Ia = { class: "cl-bg-transparent cl-flex cl-items-center cl-select-none hover:cl-bg-opacity-10 hover:cl-bg-white md:cl-min-w-[320px]" }, ja = ["src"], Ra = {
+}), ja = { class: "cl-bg-transparent cl-flex cl-items-center cl-select-none hover:cl-bg-opacity-10 hover:cl-bg-white md:cl-min-w-[320px]" }, Ra = ["src"], Va = {
   key: 0,
   class: "cl-text-ellipsis cl-whitespace-nowrap"
 }, _a = {
   key: 1,
   class: "cl-text-ellipsis cl-text-xs cl-whitespace-nowrap"
-}, Va = { class: "cl-content-center cl-flex cl-h-20 cl-items-center cl-justify-center cl-justify-items-center cl-transition-all cl-w-10 md:cl-ml-4 md:cl-w-20" }, za = { class: "cl-absolute cl-bg-white cl-right-0 cl-shadow-2xl cl-top-20 cl-w-full cl-z-20" }, Ua = /* @__PURE__ */ B({
+}, za = { class: "cl-content-center cl-flex cl-h-20 cl-items-center cl-justify-center cl-justify-items-center cl-transition-all cl-w-10 md:cl-ml-4 md:cl-w-20" }, Ua = { class: "cl-absolute cl-bg-white cl-right-0 cl-shadow-2xl cl-top-20 cl-w-full cl-z-20" }, Ma = /* @__PURE__ */ B({
   __name: "cl-ui-header-menu",
   props: {
     username: { default: "" },
@@ -3298,12 +3311,12 @@ const Do = {
         "cl-bg-blue-light": a.colour === "secondary"
       }])
     }, [
-      g("div", Ia, [
+      g("div", ja, [
         e.image ? (d(), y("img", {
           key: 0,
           src: e.image,
           class: "cl-hidden cl-m-4 cl-max-h-12 cl-max-w-12 cl-ring-2 cl-ring-white cl-rounded-full md:cl-block"
-        }, null, 8, ja)) : (d(), L(f(z), {
+        }, null, 8, Ra)) : (d(), L(f(z), {
           key: 1,
           class: "cl-hidden cl-m-4 cl-text-white md:cl-block",
           icon: "ph:user-circle",
@@ -3316,10 +3329,10 @@ const Do = {
             "cl-text-white": a.colour === "secondary"
           }])
         }, [
-          e.username ? (d(), y("div", Ra, S(e.username), 1)) : q("", !0),
+          e.username ? (d(), y("div", Va, S(e.username), 1)) : q("", !0),
           e.group ? (d(), y("div", _a, S(e.group), 1)) : q("", !0)
         ], 2),
-        g("div", Va, [
+        g("div", za, [
           T(f(z), {
             class: I(["cl-transform-gpu cl-transition-transform", {
               "cl-rotate-180": e.isOpen,
@@ -3332,7 +3345,7 @@ const Do = {
       ]),
       T(ve, { name: "fade" }, {
         default: F(() => [
-          Z(g("div", za, [
+          Z(g("div", Ua, [
             N(e.$slots, "default")
           ], 512), [
             [G, e.isOpen]
@@ -3346,24 +3359,24 @@ const Do = {
 function Re(o) {
   return /[a-z]{2}-[A-Z]{2}/gm.test(o.localeCode);
 }
-function Ma(o) {
+function Ba(o) {
   let a = Array.isArray(o);
   if (a) {
     for (const e of o)
-      if (!Ba(e)) {
+      if (!La(e)) {
         a = !1;
         break;
       }
   }
   return a;
 }
-function Ba(o) {
+function La(o) {
   return typeof o.name == "string" && typeof o.nativeName == "string" && typeof o.localeCode == "string";
 }
-const La = {
+const Da = {
   key: 0,
   class: "cl-flex cl-relative cl-select-none cl-w-auto cl-z-30"
-}, Da = { class: "cl-absolute cl-bg-white cl-border cl-border-grey-0 cl-overflow-hidden cl-right-0 cl-rounded cl-shadow-xl cl-text-black cl-top-6 cl-z-30" }, Pa = ["data-localename", "data-localecode", "onClick"], Fa = { class: "cl-text-xs" }, Ha = /* @__PURE__ */ B({
+}, Pa = { class: "cl-absolute cl-bg-white cl-border cl-border-grey-0 cl-overflow-hidden cl-right-0 cl-rounded cl-shadow-xl cl-text-black cl-top-6 cl-z-30" }, Fa = ["data-localename", "data-localecode", "onClick"], Ha = { class: "cl-text-xs" }, xa = /* @__PURE__ */ B({
   __name: "cl-ui-language-switcher",
   props: {
     supportedLanguages: {},
@@ -3378,7 +3391,7 @@ const La = {
     }
     return J(() => e.disabled, (n) => {
       n && (s.value = !1);
-    }), (n, r) => p.value !== null && f(Re)(p.value) ? (d(), y("div", La, [
+    }), (n, r) => p.value !== null && f(Re)(p.value) ? (d(), y("div", Da, [
       g("div", {
         class: I(["cl-flex cl-items-center", {
           "cl-cursor-pointer": !n.disabled
@@ -3393,7 +3406,7 @@ const La = {
       ], 2),
       T(ve, { name: "fade" }, {
         default: F(() => [
-          Z(g("div", Da, [
+          Z(g("div", Pa, [
             (d(!0), y(x, null, le(i.value, (m, h) => (d(), y("div", {
               key: h,
               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",
@@ -3403,8 +3416,8 @@ const La = {
                 l.value = m.localeCode, t(), a("language-select", m.localeCode);
               }
             }, [
-              g("span", Fa, S(m.nativeName), 1)
-            ], 8, Pa))), 128))
+              g("span", Ha, S(m.nativeName), 1)
+            ], 8, Fa))), 128))
           ], 512), [
             [G, s.value]
           ])
@@ -3413,10 +3426,10 @@ const La = {
       })
     ])) : q("", !0);
   }
-}), xa = { class: "cl-relative" }, Za = { class: "cl-h-full cl-z-0 xl:cl-h-screen" }, Ga = { class: "cl-absolute cl-bg-secondary-default cl-gap-y-1 cl-grid cl-grid-cols-1 cl-left-0 cl-opacity-95 cl-p-6 cl-top-0 cl-w-full cl-z-10 lg:cl-gap-x-1 lg:cl-grid-cols-10 lg:cl-p-10" }, Wa = { class: "cl-col-span-10 lg:cl-col-span-3" }, Ka = {
+}), Za = { class: "cl-relative" }, Ga = { class: "cl-h-full cl-z-0 xl:cl-h-screen" }, Wa = { class: "cl-absolute cl-bg-secondary-default cl-gap-y-1 cl-grid cl-grid-cols-1 cl-left-0 cl-opacity-95 cl-p-6 cl-top-0 cl-w-full cl-z-10 lg:cl-gap-x-1 lg:cl-grid-cols-10 lg:cl-p-10" }, Ka = { class: "cl-col-span-10 lg:cl-col-span-3" }, Qa = {
   key: 0,
   class: "cl-col-span-10 cl-flex cl-items-start cl-justify-end cl-text-white lg:cl-col-span-1 lg:cl-p-2"
-}, Qa = { class: "cl-col-span-3" }, Ya = { class: "cl-inline cl-relative cl-text-grey-4" }, Ja = { class: "cl-col-span-3" }, Xa = { class: "cl-inline cl-relative cl-text-grey-4" }, es = { class: "cl-col-span-10 cl-emphasis-danger cl-mt-10 cl-p-3 cl-rounded-md cl-text-sm md:cl-mt-3" }, ls = /* @__PURE__ */ B({
+}, Ya = { class: "cl-col-span-3" }, Ja = { class: "cl-inline cl-relative cl-text-grey-4" }, Xa = { class: "cl-col-span-3" }, es = { class: "cl-inline cl-relative cl-text-grey-4" }, ls = { class: "cl-col-span-10 cl-emphasis-danger cl-mt-10 cl-p-3 cl-rounded-md cl-text-sm md:cl-mt-3" }, ts = /* @__PURE__ */ B({
   __name: "cl-ui-login",
   props: {
     errors: { default: () => [] },
@@ -3448,15 +3461,15 @@ const La = {
     function m(h, c) {
       i.value = h;
     }
-    return (h, c) => (d(), y("div", xa, [
-      g("div", Za, [
+    return (h, c) => (d(), y("div", Za, [
+      g("div", Ga, [
         N(h.$slots, "background")
       ]),
-      g("form", Ga, [
-        g("div", Wa, [
+      g("form", Wa, [
+        g("div", Ka, [
           N(h.$slots, "logo")
         ]),
-        h.$slots["language-switcher"] ? (d(), y("div", Ka, [
+        h.$slots["language-switcher"] ? (d(), y("div", Qa, [
           N(h.$slots, "language-switcher")
         ])) : q("", !0),
         g("div", {
@@ -3465,8 +3478,8 @@ const La = {
             "cl-col-span-6": h.$slots["language-switcher"]
           }])
         }, [
-          g("div", Qa, [
-            g("div", Ya, [
+          g("div", Ya, [
+            g("div", Ja, [
               T(f(z), {
                 class: "cl-absolute cl-left-3 cl-top-2.5 cl-z-10",
                 icon: "ph:user",
@@ -3494,8 +3507,8 @@ const La = {
               }, null, 8, ["modelValue", "highlight-when-valid", "label", "placeholder-text", "message-when-valid"])
             ])
           ]),
-          g("div", Ja, [
-            g("div", Xa, [
+          g("div", Xa, [
+            g("div", es, [
               T(f(z), {
                 class: "cl-absolute cl-left-3 cl-top-2.5 cl-z-10",
                 icon: "ph:lock",
@@ -3559,7 +3572,7 @@ const La = {
           default: F(() => {
             var u;
             return [
-              Z(g("span", es, [
+              Z(g("span", ls, [
                 (d(!0), y(x, null, le(h.errors, ($, j) => (d(), y("div", {
                   id: "cl-ui-login-errors",
                   key: j,
@@ -3575,19 +3588,19 @@ const La = {
       ])
     ]));
   }
-}), ts = [
+}), os = [
   "x-small",
   "small",
   "medium",
   "large"
-], os = [
+], as = [
   "primary",
   "secondary",
   "white"
-], as = {
+], ss = {
   key: 0,
   class: "cl-h-0 cl-w-0"
-}, ss = { class: "cl-relative cl-w-full" }, ns = /* @__PURE__ */ B({
+}, ns = { class: "cl-relative cl-w-full" }, rs = /* @__PURE__ */ B({
   __name: "cl-ui-navigation",
   props: {
     colour: { default: "default" }
@@ -3617,7 +3630,7 @@ const La = {
         deep: !0
       }
     );
-    const t = A(!1), n = A(!1), { start: r } = Qe(() => n.value = !1, 100);
+    const t = A(!1), n = A(!1), { start: r } = Ye(() => n.value = !1, 100);
     function m() {
       t.value = !t.value, n.value = !0, r();
     }
@@ -3643,7 +3656,7 @@ const La = {
       }, [
         N(u.$slots, "icon", re({ navcolour: u.colour }, { groupIsOpen: s, toggleOpen: p }), void 0, !0)
       ], 2),
-      n.value ? (d(), y("div", as)) : q("", !0),
+      n.value ? (d(), y("div", ss)) : q("", !0),
       T(ve, { name: "slide-right" }, {
         default: F(() => [
           Z(g("div", {
@@ -3652,7 +3665,7 @@ const La = {
               "cl-absolute cl-left-20 cl-shadow-lg": !t.value
             }])
           }, [
-            g("div", ss, [
+            g("div", ns, [
               g("span", {
                 class: "cl-absolute cl-cursor-pointer cl-hidden cl-right-0 cl-top-1.5 lg:cl-block",
                 onClick: m
@@ -3676,7 +3689,7 @@ const La = {
     ], 512));
   }
 });
-const rs = /* @__PURE__ */ me(ns, [["__scopeId", "data-v-0958dcf5"]]), is = /* @__PURE__ */ B({
+const is = /* @__PURE__ */ me(rs, [["__scopeId", "data-v-0958dcf5"]]), cs = /* @__PURE__ */ B({
   __name: "cl-ui-navigation-icon",
   props: {
     iconValue: {},
@@ -3699,10 +3712,10 @@ const rs = /* @__PURE__ */ me(ns, [["__scopeId", "data-v-0958dcf5"]]), is = /* @
       }, null, 8, ["icon"])
     ], 2));
   }
-}), cs = {
+}), us = {
   key: 0,
   class: "cl-font-bold cl-leading-8 cl-mb-8 cl-pr-8 cl-select-none cl-text-lg cl-text-secondary-default"
-}, us = { class: "cl-flex cl-flex-wrap cl-space-y-8 cl-text-sm cl-w-full" }, ds = /* @__PURE__ */ B({
+}, ds = { class: "cl-flex cl-flex-wrap cl-space-y-8 cl-text-sm cl-w-full" }, ps = /* @__PURE__ */ B({
   __name: "cl-ui-navigation-group",
   props: {
     open: { type: Boolean }
@@ -3713,35 +3726,35 @@ const rs = /* @__PURE__ */ me(ns, [["__scopeId", "data-v-0958dcf5"]]), is = /* @
         "cl-hidden": !a.open
       })
     }, [
-      a.$slots.title ? (d(), y("div", cs, [
+      a.$slots.title ? (d(), y("div", us, [
         N(a.$slots, "title")
       ])) : q("", !0),
-      g("div", us, [
+      g("div", ds, [
         N(a.$slots, "default")
       ])
     ], 2));
   }
-}), ps = {}, fs = { class: "cl-w-full" }, ms = {
+}), fs = {}, ms = { class: "cl-w-full" }, gs = {
   key: 0,
   class: "cl-font-bold cl-mb-4 cl-select-none"
-}, gs = { class: "cl-flex cl-flex-wrap cl-space-y-2" };
-function vs(o, a) {
-  return d(), y("div", fs, [
-    o.$slots.title ? (d(), y("div", ms, [
+}, vs = { class: "cl-flex cl-flex-wrap cl-space-y-2" };
+function hs(o, a) {
+  return d(), y("div", ms, [
+    o.$slots.title ? (d(), y("div", gs, [
       N(o.$slots, "title")
     ])) : q("", !0),
-    g("span", gs, [
+    g("span", vs, [
       N(o.$slots, "default")
     ])
   ]);
 }
-const hs = /* @__PURE__ */ me(ps, [["render", vs]]), bs = {}, ys = { class: "cl-cursor-pointer cl-transition-colors cl-w-full hover:cl-text-primary-darker" };
-function ws(o, a) {
-  return d(), y("div", ys, [
+const bs = /* @__PURE__ */ me(fs, [["render", hs]]), ys = {}, ws = { class: "cl-cursor-pointer cl-transition-colors cl-w-full hover:cl-text-primary-darker" };
+function $s(o, a) {
+  return d(), y("div", ws, [
     N(o.$slots, "default")
   ]);
 }
-const $s = /* @__PURE__ */ me(bs, [["render", ws]]), ks = { class: "cl-w-full" }, Cs = /* @__PURE__ */ B({
+const ks = /* @__PURE__ */ me(ys, [["render", $s]]), Cs = { class: "cl-w-full" }, Ts = /* @__PURE__ */ B({
   __name: "cl-ui-tab",
   props: {
     currentTab: { default: 0 },
@@ -3770,7 +3783,7 @@ const $s = /* @__PURE__ */ me(bs, [["render", ws]]), ks = { class: "cl-w-full" }
         r === "left" && (h = -m), e.value.scroll(e.value.scrollLeft + h, 0);
       }
     }
-    return qe(() => t()), Ve(() => window.removeEventListener("resize", i)), (r, m) => (d(), y("div", ks, [
+    return qe(() => t()), _e(() => window.removeEventListener("resize", i)), (r, m) => (d(), y("div", Cs, [
       g("div", null, [
         l.value ? (d(), y("div", {
           key: 0,
@@ -3812,7 +3825,7 @@ const $s = /* @__PURE__ */ me(bs, [["render", ws]]), ks = { class: "cl-w-full" }
       N(r.$slots, "content", ee(se({ isTabOpen: p, disabled: r.disabled, colour: r.colour })))
     ]));
   }
-}), Ts = ["onKeyup"], Os = /* @__PURE__ */ B({
+}), Os = ["onKeyup"], Ss = /* @__PURE__ */ B({
   __name: "cl-ui-tab-header",
   props: {
     id: {},
@@ -3857,22 +3870,22 @@ const $s = /* @__PURE__ */ me(bs, [["render", ws]]), ks = { class: "cl-w-full" }
       onKeyup: ye(Y(i, ["self"]), ["enter"])
     }, [
       N(t.$slots, "default")
-    ], 42, Ts));
+    ], 42, Os));
   }
-}), Ss = {};
-function Es(o, a) {
+}), Es = {};
+function As(o, a) {
   return N(o.$slots, "default");
 }
-const As = /* @__PURE__ */ me(Ss, [["render", Es]]), qs = [
+const qs = /* @__PURE__ */ me(Es, [["render", As]]), Ns = [
   "default",
   "primary",
   "secondary",
   "danger",
   "blue"
-], Ns = [
+], Is = [
   "left",
   "right"
-], Is = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+], js = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   FilterOperation: W,
   buttonColours: jl,
@@ -3883,26 +3896,26 @@ const As = /* @__PURE__ */ me(Ss, [["render", Es]]), qs = [
   clUiAccordionItem: yl,
   clUiApp: El,
   clUiButton: ge,
-  clUiCard: Vl,
+  clUiCard: _l,
   clUiComboBox: zt,
   clUiFooter: Zt,
-  clUiGrid: Aa,
-  clUiHeader: Na,
-  clUiHeaderMenu: Ua,
+  clUiGrid: qa,
+  clUiHeader: Ia,
+  clUiHeaderMenu: Ma,
   clUiInput: ie,
-  clUiLanguageSwitcher: Ha,
+  clUiLanguageSwitcher: xa,
   clUiLoadingSpinner: Ne,
-  clUiLogin: ls,
-  clUiModal: el,
-  clUiNavigation: rs,
-  clUiNavigationGroup: ds,
-  clUiNavigationIcon: is,
-  clUiNavigationItem: $s,
-  clUiNavigationSection: hs,
-  clUiNotification: Xe,
-  clUiTab: Cs,
-  clUiTabContent: As,
-  clUiTabHeader: Os,
+  clUiLogin: ts,
+  clUiModal: ll,
+  clUiNavigation: is,
+  clUiNavigationGroup: ps,
+  clUiNavigationIcon: cs,
+  clUiNavigationItem: ks,
+  clUiNavigationSection: bs,
+  clUiNotification: el,
+  clUiTab: Ts,
+  clUiTabContent: qs,
+  clUiTabHeader: Ss,
   filterMethodTypes: zo,
   gridColumnTypes: Ro,
   inputTypes: Ql,
@@ -3910,18 +3923,18 @@ const As = /* @__PURE__ */ me(Ss, [["render", Es]]), qs = [
   isComboBoxItem: Ut,
   isFilterRequest: Bo,
   isFilterResponse: Lo,
-  isGridColumn: ll,
-  isGridColumnArray: _o,
-  isLanguageArray: Ma,
+  isGridColumn: tl,
+  isGridColumnArray: Vo,
+  isLanguageArray: Ba,
   isLanguageLocaleFormat: Re,
-  modalColours: os,
-  modalSizes: ts,
-  stringFormats: Vo,
-  tabColours: qs,
-  tabScroll: Ns
+  modalColours: as,
+  modalSizes: os,
+  stringFormats: _o,
+  tabColours: Ns,
+  tabScroll: Is
 }, Symbol.toStringTag, { value: "Module" }));
-const xs = (o) => {
-  o.use(fe), o.component("Icon", z), Object.entries(Is).forEach(([
+const Zs = (o) => {
+  o.use(fe), o.component("Icon", z), Object.entries(js).forEach(([
     a,
     e
   ]) => {
@@ -3929,7 +3942,7 @@ const xs = (o) => {
   });
 };
 export {
-  Hs as CitrusLimeUI,
+  xs as CitrusLimeUI,
   X as DateFormat,
   W as FilterOperation,
   oe as NumberFormat,
@@ -3941,28 +3954,28 @@ export {
   yl as clUiAccordionItem,
   El as clUiApp,
   ge as clUiButton,
-  Vl as clUiCard,
+  _l as clUiCard,
   zt as clUiComboBox,
   Zt as clUiFooter,
-  Aa as clUiGrid,
-  Na as clUiHeader,
-  Ua as clUiHeaderMenu,
+  qa as clUiGrid,
+  Ia as clUiHeader,
+  Ma as clUiHeaderMenu,
   ie as clUiInput,
-  Ha as clUiLanguageSwitcher,
+  xa as clUiLanguageSwitcher,
   Ne as clUiLoadingSpinner,
-  ls as clUiLogin,
-  el as clUiModal,
-  rs as clUiNavigation,
-  ds as clUiNavigationGroup,
-  is as clUiNavigationIcon,
-  $s as clUiNavigationItem,
-  hs as clUiNavigationSection,
-  Xe as clUiNotification,
-  Cs as clUiTab,
-  As as clUiTabContent,
-  Os as clUiTabHeader,
+  ts as clUiLogin,
+  ll as clUiModal,
+  is as clUiNavigation,
+  ps as clUiNavigationGroup,
+  cs as clUiNavigationIcon,
+  ks as clUiNavigationItem,
+  bs as clUiNavigationSection,
+  el as clUiNotification,
+  Ts as clUiTab,
+  qs as clUiTabContent,
+  Ss as clUiTabHeader,
   Bl as datetimeFormats,
-  xs as default,
+  Zs as default,
   zo as filterMethodTypes,
   Ro as gridColumnTypes,
   fe as i18n,
@@ -3971,22 +3984,22 @@ export {
   Ut as isComboBoxItem,
   Bo as isFilterRequest,
   Lo as isFilterResponse,
-  ll as isGridColumn,
-  _o as isGridColumnArray,
-  Ma as isLanguageArray,
+  tl as isGridColumn,
+  Vo as isGridColumnArray,
+  Ba as isLanguageArray,
   Re as isLanguageLocaleFormat,
   Ul as messages,
-  os as modalColours,
-  ts as modalSizes,
+  as as modalColours,
+  os as modalSizes,
   Ml as numberFormats,
-  Fs as setCurrentLocale,
-  Ps as setLocaleDateTimeFormats,
-  Ls as setLocaleMessages,
-  Ds as setLocaleNumberFormats,
+  Hs as setCurrentLocale,
+  Fs as setLocaleDateTimeFormats,
+  Ds as setLocaleMessages,
+  Ps as setLocaleNumberFormats,
   De as showNotification,
-  Vo as stringFormats,
-  qs as tabColours,
-  Ns as tabScroll,
+  _o as stringFormats,
+  Ns as tabColours,
+  Is as tabScroll,
   Fl as validateEmail,
   Dl as validateMaxValue,
   Ll as validateMinValue