@citruslime/ui 3.0.0-beta.6 → 3.0.0-beta.7

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

@@ -1,12 +1,12 @@
 import { Icon as Z } from "@iconify/vue";
-import { defineComponent as K, ref as L, openBlock as m, createElementBlock as w, renderSlot as z, normalizeProps as me, guardReactiveProps as ge, Fragment as ee, createElementVNode as g, normalizeClass as B, createVNode as N, unref as b, Transition as Ee, withCtx as x, withDirectives as J, mergeProps as ie, vShow as te, createBlock as _, Teleport as kl, renderList as ue, toDisplayString as M, createCommentVNode as U, computed as A, mergeModels as Te, useModel as Pe, createSlots as Re, vModelDynamic as Kl, watch as ne, toRefs as vt, withKeys as he, onMounted as Ze, onUnmounted as sl, withModifiers as ae, nextTick as Ue, resolveComponent as cl, createTextVNode as pe, inject as $l, vModelCheckbox as gt, watchEffect as ht, toValue as Fl, toHandlers as bt, getCurrentInstance as yt, version as wt, useCssVars as Zl, vModelText as _l, pushScopeId as kt, popScopeId as $t, useAttrs as St, provide as Dl, normalizeStyle as Tt } from "vue";
+import { defineComponent as K, ref as L, openBlock as m, createElementBlock as w, renderSlot as z, normalizeProps as me, guardReactiveProps as ge, Fragment as ee, createElementVNode as g, normalizeClass as B, createVNode as N, unref as b, Transition as Ee, withCtx as x, withDirectives as J, mergeProps as ie, vShow as te, createBlock as _, Teleport as kl, renderList as ue, toDisplayString as M, createCommentVNode as P, computed as A, mergeModels as Te, useModel as Ue, createSlots as Re, vModelDynamic as Kl, watch as ne, toRefs as vt, withKeys as he, onMounted as Ze, onUnmounted as sl, withModifiers as ae, nextTick as Pe, resolveComponent as cl, createTextVNode as pe, inject as $l, vModelCheckbox as gt, watchEffect as ht, toValue as Fl, toHandlers as bt, getCurrentInstance as yt, version as wt, useCssVars as Zl, vModelText as _l, pushScopeId as kt, popScopeId as $t, useAttrs as St, provide as Dl, normalizeStyle as Tt } from "vue";
 import { generateStringId as Ct, highlightText as Ot, validateEmail as Et } from "@citruslime/utils";
 import { unrefElement as Ft, tryOnScopeDispose as Dt, onClickOutside as Sl, useTimeoutFn as Ql, useMouseInElement as Nt, useFocusWithin as At, useMediaQuery as Vt, useElementBounding as qt, useDebounceFn as It, useWindowSize as Rt, useThrottle as Mt } from "@vueuse/core";
 import { useI18n as de, createI18n as Lt } from "vue-i18n";
 import { copy as ve } from "@citruslime/vue-utils";
 import { DateTime as Y } from "luxon";
 import { DatePicker as pl } from "v-calendar";
-const jt = { class: "cl-overflow-hidden" }, Pt = /* @__PURE__ */ K({
+const jt = { class: "cl-overflow-hidden" }, Ut = /* @__PURE__ */ K({
   __name: "cl-ui-accordion",
   props: {
     exclusive: { type: Boolean, default: !1 }
@@ -30,7 +30,7 @@ const jt = { class: "cl-overflow-hidden" }, Pt = /* @__PURE__ */ K({
       z(n.$slots, "default", me(ge({ isItemOpen: l, toggleItem: r })))
     ]));
   }
-}), Ut = { class: "cl-absolute cl-left-5 cl-top-5" }, zt = { class: "cl-font-semibold cl-ml-10 cl-p-4 cl-select-none cl-text-grey-5" }, Bt = { class: "cl-overflow-hidden" }, xt = /* @__PURE__ */ K({
+}), Pt = { class: "cl-absolute cl-left-5 cl-top-5" }, zt = { class: "cl-font-semibold cl-ml-10 cl-p-4 cl-select-none cl-text-grey-5" }, Bt = { class: "cl-overflow-hidden" }, xt = /* @__PURE__ */ K({
   inheritAttrs: !1,
   __name: "cl-ui-accordion-item",
   props: {
@@ -51,7 +51,7 @@ const jt = { class: "cl-overflow-hidden" }, Pt = /* @__PURE__ */ K({
         }]),
         onClick: r
       }, [
-        g("div", Ut, [
+        g("div", Pt, [
           N(b(Z), {
             class: B(["cl-duration-300 cl-ease-in-out cl-text-grey-3 cl-transform-gpu cl-transition-transform", {
               "cl-rotate-180": n.open
@@ -245,7 +245,7 @@ const ul = /* @__PURE__ */ ke(Jt, [["render", eo], ["__scopeId", "data-v-a21dc5d
     }, [
       e.$slots.image ? (m(), w("div", ao, [
         z(e.$slots, "image")
-      ])) : U("", !0),
+      ])) : P("", !0),
       e.$slots.title ? (m(), w("div", {
         key: 1,
         class: B(["cl-border-grey-2 cl-font-normal", {
@@ -256,7 +256,7 @@ const ul = /* @__PURE__ */ ke(Jt, [["render", eo], ["__scopeId", "data-v-a21dc5d
         }])
       }, [
         z(e.$slots, "title")
-      ], 2)) : U("", !0),
+      ], 2)) : P("", !0),
       g("div", {
         class: B(["cl-border-grey-2", {
           "cl-p-2": e.size === "small",
@@ -276,7 +276,7 @@ const ul = /* @__PURE__ */ ke(Jt, [["render", eo], ["__scopeId", "data-v-a21dc5d
         }])
       }, [
         z(e.$slots, "footer")
-      ], 2)) : U("", !0)
+      ], 2)) : P("", !0)
     ], 2));
   }
 }), ro = [
@@ -305,8 +305,8 @@ const ul = /* @__PURE__ */ ke(Jt, [["render", eo], ["__scopeId", "data-v-a21dc5d
         g("div", co, [
           l.$slots.label ? (m(), w("span", uo, [
             z(l.$slots, "label")
-          ])) : U("", !0),
-          l.showRequiredAsterisk ? (m(), w("span", fo, "*")) : U("", !0)
+          ])) : P("", !0),
+          l.showRequiredAsterisk ? (m(), w("span", fo, "*")) : P("", !0)
         ]),
         g("div", po, [
           z(l.$slots, "default")
@@ -319,7 +319,7 @@ const ul = /* @__PURE__ */ ke(Jt, [["render", eo], ["__scopeId", "data-v-a21dc5d
             class: "cl-bg-danger-light cl-px-2 cl-rounded-md cl-text-center cl-text-danger-default cl-text-xs cl-w-full cl-whitespace-pre-line"
           }, M(n), 1))), 128))
         ])
-      ])) : U("", !0)
+      ])) : P("", !0)
     ]));
   }
 }), go = ["type", "maxlength", "required", "disabled", "placeholder"], Ne = /* @__PURE__ */ K({
@@ -338,7 +338,7 @@ const ul = /* @__PURE__ */ ke(Jt, [["render", eo], ["__scopeId", "data-v-a21dc5d
   }),
   emits: /* @__PURE__ */ Te(["focus", "blur"], ["update:modelValue"]),
   setup(o, { expose: e, emit: t }) {
-    const l = Pe(o, "modelValue"), r = t, n = L();
+    const l = Ue(o, "modelValue"), r = t, n = L();
     return e({
       focus: () => {
         var a;
@@ -644,9 +644,9 @@ var Il = {
   return (e == null ? void 0 : e.key) === "Escape" || (e == null ? void 0 : e.key) === "Esc" || (e == null ? void 0 : e.keyCode) === 27;
 }, Ge = function(e) {
   return (e == null ? void 0 : e.key) === "Tab" || (e == null ? void 0 : e.keyCode) === 9;
-}, Po = function(e) {
-  return Ge(e) && !e.shiftKey;
 }, Uo = function(e) {
+  return Ge(e) && !e.shiftKey;
+}, Po = function(e) {
   return Ge(e) && e.shiftKey;
 }, Rl = function(e) {
   return setTimeout(e, 0);
@@ -666,8 +666,8 @@ var Il = {
     returnFocusOnDeactivate: !0,
     escapeDeactivates: !0,
     delayInitialFocus: !0,
-    isKeyForward: Po,
-    isKeyBackward: Uo
+    isKeyForward: Uo,
+    isKeyBackward: Po
   }, t), a = {
     // containers given to createFocusTrap()
     // @type {Array<HTMLElement>}
@@ -704,34 +704,34 @@ var Il = {
     delayInitialFocusTimer: void 0,
     // the most recent KeyboardEvent for the configured nav key (typically [SHIFT+]TAB), if any
     recentNavEvent: void 0
-  }, d, u = function($, T, V) {
-    return $ && $[T] !== void 0 ? $[T] : n[V || T];
-  }, c = function($, T) {
-    var V = typeof (T == null ? void 0 : T.composedPath) == "function" ? T.composedPath() : void 0;
+  }, d, u = function($, C, q) {
+    return $ && $[C] !== void 0 ? $[C] : n[q || C];
+  }, c = function($, C) {
+    var q = typeof (C == null ? void 0 : C.composedPath) == "function" ? C.composedPath() : void 0;
     return a.containerGroups.findIndex(function(E) {
       var R = E.container, Q = E.tabbableNodes;
       return R.contains($) || // fall back to explicit tabbable search which will take into consideration any
       //  web components if the `tabbableOptions.getShadowRoot` option was used for
       //  the trap, enabling shadow DOM support in tabbable (`Node.contains()` doesn't
       //  look inside web components even if open)
-      (V == null ? void 0 : V.includes(R)) || Q.find(function(G) {
+      (q == null ? void 0 : q.includes(R)) || Q.find(function(G) {
         return G === $;
       });
     });
   }, i = function($) {
-    var T = n[$];
-    if (typeof T == "function") {
-      for (var V = arguments.length, E = new Array(V > 1 ? V - 1 : 0), R = 1; R < V; R++)
+    var C = n[$];
+    if (typeof C == "function") {
+      for (var q = arguments.length, E = new Array(q > 1 ? q - 1 : 0), R = 1; R < q; R++)
         E[R - 1] = arguments[R];
-      T = T.apply(void 0, E);
+      C = C.apply(void 0, E);
     }
-    if (T === !0 && (T = void 0), !T) {
-      if (T === void 0 || T === !1)
-        return T;
+    if (C === !0 && (C = void 0), !C) {
+      if (C === void 0 || C === !1)
+        return C;
       throw new Error("`".concat($, "` was specified but was not a node, or did not return a node"));
     }
-    var Q = T;
-    if (typeof T == "string" && (Q = l.querySelector(T), !Q))
+    var Q = C;
+    if (typeof C == "string" && (Q = l.querySelector(C), !Q))
       throw new Error("`".concat($, "` as selector refers to no known node"));
     return Q;
   }, s = function() {
@@ -742,25 +742,25 @@ var Il = {
       if (c(l.activeElement) >= 0)
         $ = l.activeElement;
       else {
-        var T = a.tabbableGroups[0], V = T && T.firstTabbableNode;
-        $ = V || i("fallbackFocus");
+        var C = a.tabbableGroups[0], q = C && C.firstTabbableNode;
+        $ = q || i("fallbackFocus");
       }
     if (!$)
       throw new Error("Your focus-trap needs to have at least one focusable element");
     return $;
   }, p = function() {
     if (a.containerGroups = a.containers.map(function($) {
-      var T = Ao($, n.tabbableOptions), V = Vo($, n.tabbableOptions), E = T.length > 0 ? T[0] : void 0, R = T.length > 0 ? T[T.length - 1] : void 0, Q = V.find(function(ce) {
+      var C = Ao($, n.tabbableOptions), q = Vo($, n.tabbableOptions), E = C.length > 0 ? C[0] : void 0, R = C.length > 0 ? C[C.length - 1] : void 0, Q = q.find(function(ce) {
         return Le(ce);
-      }), G = V.slice().reverse().find(function(ce) {
+      }), G = q.slice().reverse().find(function(ce) {
         return Le(ce);
-      }), se = !!T.find(function(ce) {
+      }), se = !!C.find(function(ce) {
         return Ae(ce) > 0;
       });
       return {
         container: $,
-        tabbableNodes: T,
-        focusableNodes: V,
+        tabbableNodes: C,
+        focusableNodes: q,
         /** True if at least one node with positive `tabindex` was found in this container. */
         posTabIndexesFound: se,
         /** First tabbable node in container, __tabindex__ order; `undefined` if none. */
@@ -787,12 +787,12 @@ var Il = {
          * @returns {HTMLElement|undefined} The next tabbable node, if any.
          */
         nextTabbableNode: function(Ce) {
-          var S = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !0, P = T.indexOf(Ce);
-          return P < 0 ? S ? V.slice(V.indexOf(Ce) + 1).find(function(W) {
+          var S = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !0, U = C.indexOf(Ce);
+          return U < 0 ? S ? q.slice(q.indexOf(Ce) + 1).find(function(W) {
             return Le(W);
-          }) : V.slice(0, V.indexOf(Ce)).reverse().find(function(W) {
+          }) : q.slice(0, q.indexOf(Ce)).reverse().find(function(W) {
             return Le(W);
-          }) : T[P + (S ? 1 : -1)];
+          }) : C[U + (S ? 1 : -1)];
         }
       };
     }), a.tabbableGroups = a.containerGroups.filter(function($) {
@@ -804,10 +804,10 @@ var Il = {
     }) && a.containerGroups.length > 1)
       throw new Error("At least one node with a positive tabindex was found in one of your focus-trap's multiple containers. Positive tabindexes are only supported in single-container focus-traps.");
   }, y = function j($) {
-    var T = $.activeElement;
-    if (T)
-      return T.shadowRoot && T.shadowRoot.activeElement !== null ? j(T.shadowRoot) : T;
-  }, C = function j($) {
+    var C = $.activeElement;
+    if (C)
+      return C.shadowRoot && C.shadowRoot.activeElement !== null ? j(C.shadowRoot) : C;
+  }, O = function j($) {
     if ($ !== !1 && $ !== y(document)) {
       if (!$ || !$.focus) {
         j(s());
@@ -818,43 +818,43 @@ var Il = {
       }), a.mostRecentlyFocusedNode = $, Lo($) && $.select();
     }
   }, D = function($) {
-    var T = i("setReturnFocus", $);
-    return T || (T === !1 ? !1 : $);
-  }, O = function($) {
-    var T = $.target, V = $.event, E = $.isBackward, R = E === void 0 ? !1 : E;
-    T = T || Ye(V), p();
+    var C = i("setReturnFocus", $);
+    return C || (C === !1 ? !1 : $);
+  }, T = function($) {
+    var C = $.target, q = $.event, E = $.isBackward, R = E === void 0 ? !1 : E;
+    C = C || Ye(q), p();
     var Q = null;
     if (a.tabbableGroups.length > 0) {
-      var G = c(T, V), se = G >= 0 ? a.containerGroups[G] : void 0;
+      var G = c(C, q), se = G >= 0 ? a.containerGroups[G] : void 0;
       if (G < 0)
         R ? Q = a.tabbableGroups[a.tabbableGroups.length - 1].lastTabbableNode : Q = a.tabbableGroups[0].firstTabbableNode;
       else if (R) {
         var ce = Ml(a.tabbableGroups, function(ze) {
           var Me = ze.firstTabbableNode;
-          return T === Me;
+          return C === Me;
         });
-        if (ce < 0 && (se.container === T || ml(T, n.tabbableOptions) && !Le(T, n.tabbableOptions) && !se.nextTabbableNode(T, !1)) && (ce = G), ce >= 0) {
+        if (ce < 0 && (se.container === C || ml(C, n.tabbableOptions) && !Le(C, n.tabbableOptions) && !se.nextTabbableNode(C, !1)) && (ce = G), ce >= 0) {
           var Ce = ce === 0 ? a.tabbableGroups.length - 1 : ce - 1, S = a.tabbableGroups[Ce];
-          Q = Ae(T) >= 0 ? S.lastTabbableNode : S.lastDomTabbableNode;
+          Q = Ae(C) >= 0 ? S.lastTabbableNode : S.lastDomTabbableNode;
         } else
-          Ge(V) || (Q = se.nextTabbableNode(T, !1));
+          Ge(q) || (Q = se.nextTabbableNode(C, !1));
       } else {
-        var P = Ml(a.tabbableGroups, function(ze) {
+        var U = Ml(a.tabbableGroups, function(ze) {
           var Me = ze.lastTabbableNode;
-          return T === Me;
+          return C === Me;
         });
-        if (P < 0 && (se.container === T || ml(T, n.tabbableOptions) && !Le(T, n.tabbableOptions) && !se.nextTabbableNode(T)) && (P = G), P >= 0) {
-          var W = P === a.tabbableGroups.length - 1 ? 0 : P + 1, be = a.tabbableGroups[W];
-          Q = Ae(T) >= 0 ? be.firstTabbableNode : be.firstDomTabbableNode;
+        if (U < 0 && (se.container === C || ml(C, n.tabbableOptions) && !Le(C, n.tabbableOptions) && !se.nextTabbableNode(C)) && (U = G), U >= 0) {
+          var W = U === a.tabbableGroups.length - 1 ? 0 : U + 1, be = a.tabbableGroups[W];
+          Q = Ae(C) >= 0 ? be.firstTabbableNode : be.firstDomTabbableNode;
         } else
-          Ge(V) || (Q = se.nextTabbableNode(T));
+          Ge(q) || (Q = se.nextTabbableNode(C));
       }
     } else
       Q = i("fallbackFocus");
     return Q;
   }, F = function($) {
-    var T = Ye($);
-    if (!(c(T, $) >= 0)) {
+    var C = Ye($);
+    if (!(c(C, $) >= 0)) {
       if (Be(n.clickOutsideDeactivates, $)) {
         d.deactivate({
           // NOTE: by setting `returnFocus: false`, deactivate() will do nothing,
@@ -869,10 +869,10 @@ var Il = {
       }
       Be(n.allowOutsideClick, $) || $.preventDefault();
     }
-  }, q = function($) {
-    var T = Ye($), V = c(T, $) >= 0;
-    if (V || T instanceof Document)
-      V && (a.mostRecentlyFocusedNode = T);
+  }, V = function($) {
+    var C = Ye($), q = c(C, $) >= 0;
+    if (q || C instanceof Document)
+      q && (a.mostRecentlyFocusedNode = C);
     else {
       $.stopImmediatePropagation();
       var E, R = !0;
@@ -893,22 +893,22 @@ var Il = {
           }) || (R = !1);
       else
         R = !1;
-      R && (E = O({
+      R && (E = T({
         // move FROM the MRU node, not event-related node (which will be the node that is
         //  outside the trap causing the focus escape we're trying to fix)
         target: a.mostRecentlyFocusedNode,
         isBackward: n.isKeyBackward(a.recentNavEvent)
-      })), C(E || a.mostRecentlyFocusedNode || s());
+      })), O(E || a.mostRecentlyFocusedNode || s());
     }
     a.recentNavEvent = void 0;
   }, H = function($) {
-    var T = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1;
+    var C = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1;
     a.recentNavEvent = $;
-    var V = O({
+    var q = T({
       event: $,
-      isBackward: T
+      isBackward: C
     });
-    V && (Ge($) && $.preventDefault(), C(V));
+    q && (Ge($) && $.preventDefault(), O(q));
   }, X = function($) {
     if (jo($) && Be(n.escapeDeactivates, $) !== !1) {
       $.preventDefault(), d.deactivate();
@@ -916,13 +916,13 @@ var Il = {
     }
     (n.isKeyForward($) || n.isKeyBackward($)) && H($, n.isKeyBackward($));
   }, oe = function($) {
-    var T = Ye($);
-    c(T, $) >= 0 || Be(n.clickOutsideDeactivates, $) || Be(n.allowOutsideClick, $) || ($.preventDefault(), $.stopImmediatePropagation());
+    var C = Ye($);
+    c(C, $) >= 0 || Be(n.clickOutsideDeactivates, $) || Be(n.allowOutsideClick, $) || ($.preventDefault(), $.stopImmediatePropagation());
   }, I = function() {
     if (a.active)
       return Il.activateTrap(r, d), a.delayInitialFocusTimer = n.delayInitialFocus ? Rl(function() {
-        C(s());
-      }) : C(s()), l.addEventListener("focusin", q, !0), l.addEventListener("mousedown", F, {
+        O(s());
+      }) : O(s()), l.addEventListener("focusin", V, !0), l.addEventListener("mousedown", F, {
         capture: !0,
         passive: !1
       }), l.addEventListener("touchstart", F, {
@@ -937,15 +937,15 @@ var Il = {
       }), d;
   }, h = function() {
     if (a.active)
-      return l.removeEventListener("focusin", q, !0), l.removeEventListener("mousedown", F, !0), l.removeEventListener("touchstart", F, !0), l.removeEventListener("click", oe, !0), l.removeEventListener("keydown", X, !0), d;
+      return l.removeEventListener("focusin", V, !0), l.removeEventListener("mousedown", F, !0), l.removeEventListener("touchstart", F, !0), l.removeEventListener("click", oe, !0), l.removeEventListener("keydown", X, !0), d;
   }, f = function($) {
-    var T = $.some(function(V) {
-      var E = Array.from(V.removedNodes);
+    var C = $.some(function(q) {
+      var E = Array.from(q.removedNodes);
       return E.some(function(R) {
         return R === a.mostRecentlyFocusedNode;
       });
     });
-    T && C(s());
+    C && O(s());
   }, v = typeof window < "u" && "MutationObserver" in window ? new MutationObserver(f) : void 0, k = function() {
     v && (v.disconnect(), a.active && !a.paused && a.containers.map(function($) {
       v.observe($, {
@@ -964,27 +964,27 @@ var Il = {
     activate: function($) {
       if (a.active)
         return this;
-      var T = u($, "onActivate"), V = u($, "onPostActivate"), E = u($, "checkCanFocusTrap");
-      E || p(), a.active = !0, a.paused = !1, a.nodeFocusedBeforeActivation = l.activeElement, T == null || T();
+      var C = u($, "onActivate"), q = u($, "onPostActivate"), E = u($, "checkCanFocusTrap");
+      E || p(), a.active = !0, a.paused = !1, a.nodeFocusedBeforeActivation = l.activeElement, C == null || C();
       var R = function() {
-        E && p(), I(), k(), V == null || V();
+        E && p(), I(), k(), q == null || q();
       };
       return E ? (E(a.containers.concat()).then(R, R), this) : (R(), this);
     },
     deactivate: function($) {
       if (!a.active)
         return this;
-      var T = ql({
+      var C = ql({
         onDeactivate: n.onDeactivate,
         onPostDeactivate: n.onPostDeactivate,
         checkCanReturnFocus: n.checkCanReturnFocus
       }, $);
       clearTimeout(a.delayInitialFocusTimer), a.delayInitialFocusTimer = void 0, h(), a.active = !1, a.paused = !1, k(), Il.deactivateTrap(r, d);
-      var V = u(T, "onDeactivate"), E = u(T, "onPostDeactivate"), R = u(T, "checkCanReturnFocus"), Q = u(T, "returnFocus", "returnFocusOnDeactivate");
-      V == null || V();
+      var q = u(C, "onDeactivate"), E = u(C, "onPostDeactivate"), R = u(C, "checkCanReturnFocus"), Q = u(C, "returnFocus", "returnFocusOnDeactivate");
+      q == null || q();
       var G = function() {
         Rl(function() {
-          Q && C(D(a.nodeFocusedBeforeActivation)), E == null || E();
+          Q && O(D(a.nodeFocusedBeforeActivation)), E == null || E();
         });
       };
       return Q && R ? (R(D(a.nodeFocusedBeforeActivation)).then(G, G), this) : (G(), this);
@@ -992,19 +992,19 @@ var Il = {
     pause: function($) {
       if (a.paused || !a.active)
         return this;
-      var T = u($, "onPause"), V = u($, "onPostPause");
-      return a.paused = !0, T == null || T(), h(), k(), V == null || V(), this;
+      var C = u($, "onPause"), q = u($, "onPostPause");
+      return a.paused = !0, C == null || C(), h(), k(), q == null || q(), this;
     },
     unpause: function($) {
       if (!a.paused || !a.active)
         return this;
-      var T = u($, "onUnpause"), V = u($, "onPostUnpause");
-      return a.paused = !1, T == null || T(), p(), I(), k(), V == null || V(), this;
+      var C = u($, "onUnpause"), q = u($, "onPostUnpause");
+      return a.paused = !1, C == null || C(), p(), I(), k(), q == null || q(), this;
     },
     updateContainerElements: function($) {
-      var T = [].concat($).filter(Boolean);
-      return a.containers = T.map(function(V) {
-        return typeof V == "string" ? l.querySelector(V) : V;
+      var C = [].concat($).filter(Boolean);
+      return a.containers = C.map(function(q) {
+        return typeof q == "string" ? l.querySelector(q) : q;
       }), a.active && p(), k(), this;
     }
   }, d.updateContainerElements(e), d;
@@ -1113,7 +1113,7 @@ const Ho = /* @__PURE__ */ g("div", { tabindex: "0" }, null, -1), Go = {
                   }])
                 }, [
                   z(c.$slots, "title"),
-                  c.headerColour === "white" ? (m(), w("hr", Go)) : U("", !0)
+                  c.headerColour === "white" ? (m(), w("hr", Go)) : P("", !0)
                 ], 2),
                 g("div", Wo, [
                   z(c.$slots, "default", me(ge({ close: d })))
@@ -1142,7 +1142,7 @@ const Ho = /* @__PURE__ */ g("div", { tabindex: "0" }, null, -1), Go = {
   emits: ["clear-object"],
   setup(o) {
     return (e, t) => (m(), w("div", Ko, [
-      e.additionalText !== "" ? (m(), w("div", Zo, M(e.additionalText), 1)) : U("", !0),
+      e.additionalText !== "" ? (m(), w("div", Zo, M(e.additionalText), 1)) : P("", !0),
       g("div", {
         class: B({
           "cl-w-1/2": e.additionalText !== "",
@@ -1202,10 +1202,10 @@ const Ho = /* @__PURE__ */ g("div", { tabindex: "0" }, null, -1), Go = {
           "cl-bg-primary-default cl-text-black cl-opacity-90": a.value && i.isCreateNewOption
         }]),
         onMousedown: d,
-        onMousemove: s[0] || (s[0] = (C) => u(!0)),
-        onMouseleave: s[1] || (s[1] = (C) => u(!1))
+        onMousemove: s[0] || (s[0] = (O) => u(!0)),
+        onMouseleave: s[1] || (s[1] = (O) => u(!1))
       }, [
-        i.option !== null && ((p = i.option) == null ? void 0 : p.parentId) !== 0 && ((y = i.option) == null ? void 0 : y.parentId) !== void 0 ? (m(), w("div", _o, M(n.value), 1)) : U("", !0),
+        i.option !== null && ((p = i.option) == null ? void 0 : p.parentId) !== 0 && ((y = i.option) == null ? void 0 : y.parentId) !== void 0 ? (m(), w("div", _o, M(n.value), 1)) : P("", !0),
         g("div", {
           class: B({
             "cl-w-1/2": n.value !== "",
@@ -1255,13 +1255,13 @@ const Ho = /* @__PURE__ */ g("div", { tabindex: "0" }, null, -1), Go = {
     function y() {
       l("hide-dropdown");
     }
-    function C(I) {
-      d.value < t.results.length - 1 ? (d.value === -2 && n.value === "" && d.value++, d.value++) : d.value = I, q();
+    function O(I) {
+      d.value < t.results.length - 1 ? (d.value === -2 && n.value === "" && d.value++, d.value++) : d.value = I, V();
     }
     function D(I) {
-      d.value > I ? d.value-- : d.value = t.results.length - 1, q();
+      d.value > I ? d.value-- : d.value = t.results.length - 1, V();
     }
-    function O() {
+    function T() {
       d.value >= 0 && t.results !== void 0 ? s(t.results[d.value].id) : d.value === -1 && p();
     }
     function F(I) {
@@ -1273,7 +1273,7 @@ const Ho = /* @__PURE__ */ g("div", { tabindex: "0" }, null, -1), Go = {
         f >= 0 && (h[f].focus(), y());
       }
     }
-    function q() {
+    function V() {
       var I;
       t.results && t.results.length > 1 && ((I = c.value) == null || I.scrollTo(0, (d.value + 1) * 34 - 34 * 2));
     }
@@ -1285,7 +1285,7 @@ const Ho = /* @__PURE__ */ g("div", { tabindex: "0" }, null, -1), Go = {
       d.value = I;
     }
     function oe() {
-      t.isVisible === !0 && (n.value = "", i(), Ue(() => {
+      t.isVisible === !0 && (n.value = "", i(), Pe(() => {
         var I, h;
         return (h = (I = c.value) == null ? void 0 : I.querySelector("input")) == null ? void 0 : h.focus();
       }));
@@ -1306,13 +1306,13 @@ const Ho = /* @__PURE__ */ g("div", { tabindex: "0" }, null, -1), Go = {
         }]),
         onKeydown: [
           h[2] || (h[2] = he(ae((v) => D(u.value), ["prevent", "stop"]), ["up"])),
-          h[3] || (h[3] = he(ae((v) => C(u.value), ["prevent", "stop"]), ["down"]))
+          h[3] || (h[3] = he(ae((v) => O(u.value), ["prevent", "stop"]), ["down"]))
         ],
-        onKeyup: he(ae(O, ["prevent", "stop"]), ["enter"])
+        onKeyup: he(ae(T, ["prevent", "stop"]), ["enter"])
       }, [
         I.loading ? (m(), w("div", Jo, [
           N(ul)
-        ])) : U("", !0),
+        ])) : P("", !0),
         g("div", Xo, [
           g("div", ea, [
             N(Ne, {
@@ -1336,22 +1336,22 @@ const Ho = /* @__PURE__ */ g("div", { tabindex: "0" }, null, -1), Go = {
           "show-clear-button": I.canClearSelectedObject,
           text: I.currentObjectName,
           onClearObject: h[1] || (h[1] = (v) => I.$emit("clear-object"))
-        }, null, 8, ["show-clear-button", "text"])) : U("", !0),
+        }, null, 8, ["show-clear-button", "text"])) : P("", !0),
         I.objectParentType !== "" && I.results !== void 0 && I.results.length > 0 && I.errorMessage === "" ? (m(), _(Je, {
           key: 2,
           text: I.objectType,
           "additional-text": I.objectParentType,
           class: "cl-bg-grey-2 cl-mt-1"
-        }, null, 8, ["text", "additional-text"])) : U("", !0),
+        }, null, 8, ["text", "additional-text"])) : P("", !0),
         I.results !== null && ((f = I.results) == null ? void 0 : f.length) === 0 && n.value.trim() !== "" && I.canCreateNewObject === !1 && I.errorMessage === "" ? (m(), _(Je, {
           key: 3,
           text: b(r)("comboBox.noResults", { value: n.value })
-        }, null, 8, ["text"])) : U("", !0),
+        }, null, 8, ["text"])) : P("", !0),
         I.errorMessage !== "" ? (m(), _(Je, {
           key: 4,
           class: "!cl-bg-danger-light cl-border-danger-light cl-rounded cl-text-danger-dark",
           text: b(r)("comboBox.errorMessage", { error: I.errorMessage })
-        }, null, 8, ["text"])) : U("", !0),
+        }, null, 8, ["text"])) : P("", !0),
         a.value ? (m(), _(Ll, {
           key: 5,
           "is-create-new-option": !0,
@@ -1361,7 +1361,7 @@ const Ho = /* @__PURE__ */ g("div", { tabindex: "0" }, null, -1), Go = {
           class: "cl-px-2",
           onCreateObject: p,
           onOptionHighlighted: X
-        }, null, 8, ["text", "selected-index"])) : U("", !0),
+        }, null, 8, ["text", "selected-index"])) : P("", !0),
         I.errorMessage === "" && I.results !== null ? (m(), w("div", ta, [
           (m(!0), w(ee, null, ue(I.results, (v, k) => (m(), _(Ll, {
             key: k,
@@ -1372,7 +1372,7 @@ const Ho = /* @__PURE__ */ g("div", { tabindex: "0" }, null, -1), Go = {
             onSelectObject: s,
             onOptionHighlighted: X
           }, null, 8, ["option", "index", "selected-index"]))), 128))
-        ])) : U("", !0)
+        ])) : P("", !0)
       ], 42, Yo);
     };
   }
@@ -1401,13 +1401,13 @@ const Ho = /* @__PURE__ */ g("div", { tabindex: "0" }, null, -1), Go = {
     const l = o, r = t, n = A(() => l.placeholderText ? l.placeholderText : d("comboBox.emptyHintText", { object: l.objectType })), a = A(() => l.searchHint ? l.searchHint : d("comboBox.searchHint", { object: l.objectType })), { t: d } = de(), u = L(!1), c = A({
       get: () => l.currentObject,
       set: (E) => r("update:current-object", E)
-    }), i = L(null), s = A(() => $()), p = L(""), y = L(""), C = L(), D = L(!0), O = L(!1);
+    }), i = L(null), s = A(() => $()), p = L(""), y = L(""), O = L(), D = L(!0), T = L(!1);
     function F(E) {
       var Q;
-      const R = ((Q = V.value) == null ? void 0 : Q.getBoundingClientRect().top) || 0;
-      O.value = window.innerHeight - R < 280, l.disabled || (typeof E < "u" ? u.value = E : u.value = !u.value);
+      const R = ((Q = q.value) == null ? void 0 : Q.getBoundingClientRect().top) || 0;
+      T.value = window.innerHeight - R < 280, l.disabled || (typeof E < "u" ? u.value = E : u.value = !u.value);
     }
-    function q(E) {
+    function V(E) {
       p.value = E, r("search", E);
     }
     function H(E) {
@@ -1433,16 +1433,16 @@ const Ho = /* @__PURE__ */ g("div", { tabindex: "0" }, null, -1), Go = {
     }
     function h() {
       var E;
-      C.value = {
+      O.value = {
         name: p.value,
         parentId: ((E = i.value) == null ? void 0 : E.id) ?? 0
-      }, r("create-object", C.value);
+      }, r("create-object", O.value);
     }
     function f() {
-      C.value = {
+      O.value = {
         name: y.value,
         parentId: 0
-      }, r("create-parent-object", C.value);
+      }, r("create-parent-object", O.value);
     }
     function v() {
       var E, R;
@@ -1484,13 +1484,13 @@ const Ho = /* @__PURE__ */ g("div", { tabindex: "0" }, null, -1), Go = {
       let E = "";
       return c.value && (c.value.parentName ? E = c.value.parentName + "; " + c.value.name : E = c.value.name), E;
     }
-    function T() {
+    function C() {
       let E = !0;
       p.value === "" && (E = !1), l.objectParentType !== "" && i.value === null && (E = !1), D.value = E;
     }
-    ne(() => l.objectCreatedResponse, () => v()), ne(() => l.parentObjectCreatedResponse, () => k()), ne(() => p.value, () => T()), ne(() => i.value, () => T());
-    const V = L();
-    return Sl(V, () => u.value ? F(!1) : ""), e({
+    ne(() => l.objectCreatedResponse, () => v()), ne(() => l.parentObjectCreatedResponse, () => k()), ne(() => p.value, () => C()), ne(() => i.value, () => C());
+    const q = L();
+    return Sl(q, () => u.value ? F(!1) : ""), e({
       focus() {
         F(), r("focus");
       }
@@ -1498,7 +1498,7 @@ const Ho = /* @__PURE__ */ g("div", { tabindex: "0" }, null, -1), Go = {
       const Q = cl("cl-ui-combo-box", !0);
       return m(), w("div", {
         ref_key: "outsideRef",
-        ref: V,
+        ref: q,
         class: "cl-relative"
       }, [
         g("div", aa, [
@@ -1577,13 +1577,13 @@ const Ho = /* @__PURE__ */ g("div", { tabindex: "0" }, null, -1), Go = {
               "current-object-name": s.value,
               "is-visible": u.value,
               class: B({
-                "cl-bottom-full": O.value
+                "cl-bottom-full": T.value
               }),
               "search-hint": a.value,
               onCreateObject: () => E.objectParentType === "" && E.skipObjectCreationModal === !0 ? h() : G(),
               onSelectObject: oe,
               onClearObject: X,
-              onSearch: q,
+              onSearch: V,
               onHideDropdown: R[4] || (R[4] = (se) => F(!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", "class", "search-hint", "onCreateObject"]), [
               [te, u.value]
@@ -1633,7 +1633,7 @@ const Ho = /* @__PURE__ */ g("div", { tabindex: "0" }, null, -1), Go = {
                 "error-message": E.errorMessage,
                 onSearch: H,
                 onCreateObject: f
-              }, null, 8, ["current-object", "results", "loading", "object-type", "object-created-response", "can-create-new-object", "can-clear-selected-object", "error-message"])) : U("", !0),
+              }, null, 8, ["current-object", "results", "loading", "object-type", "object-created-response", "can-create-new-object", "can-clear-selected-object", "error-message"])) : P("", !0),
               N(Ne, {
                 modelValue: p.value,
                 "onUpdate:modelValue": R[6] || (R[6] = (G) => p.value = G),
@@ -1669,7 +1669,7 @@ function $a(o, e) {
   return m(), w("div", ha, [
     o.$slots.default ? (m(), w("div", ba, [
       z(o.$slots, "default")
-    ])) : U("", !0),
+    ])) : P("", !0),
     o.$slots.left || o.$slots.right ? (m(), w("div", ya, [
       g("span", wa, [
         z(o.$slots, "left")
@@ -1677,7 +1677,7 @@ function $a(o, e) {
       g("span", ka, [
         z(o.$slots, "right")
       ])
-    ])) : U("", !0)
+    ])) : P("", !0)
   ]);
 }
 const Sa = /* @__PURE__ */ ke(ga, [["render", $a]]), rt = Symbol();
@@ -1738,8 +1738,8 @@ const Ca = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, Oa = { class: "cl-gap-1
             ], 64))
           ]),
           _: 1
-        }, 8, ["disabled"])) : U("", !0),
-        n.options.hideViewManager ? U("", !0) : (m(), w("div", Da, [
+        }, 8, ["disabled"])) : P("", !0),
+        n.options.hideViewManager ? P("", !0) : (m(), w("div", Da, [
           z(n.$slots, "view-manager")
         ])),
         b(jl)(n.columns) || b(Ta)(n.columns) ? (m(), w(ee, { key: 2 }, [
@@ -1771,8 +1771,8 @@ const Ca = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, Oa = { class: "cl-gap-1
               pe(M(b(t)("grid.clearFilters")), 1)
             ]),
             _: 1
-          }, 8, ["id", "disabled", "class"])) : U("", !0)
-        ], 64)) : U("", !0)
+          }, 8, ["id", "disabled", "class"])) : P("", !0)
+        ], 64)) : P("", !0)
       ])
     ], 64));
   }
@@ -1789,7 +1789,7 @@ const Ca = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, Oa = { class: "cl-gap-1
   }),
   emits: /* @__PURE__ */ Te(["focus", "blur"], ["update:modelValue"]),
   setup(o, { expose: e, emit: t }) {
-    const l = Pe(o, "modelValue"), r = t, n = L();
+    const l = Ue(o, "modelValue"), r = t, n = L();
     return e({
       focus: () => {
         var a;
@@ -1844,7 +1844,7 @@ const Ia = {
 }, Ma = {
   key: 5,
   class: "cl-inline-block cl-whitespace-nowrap"
-}, La = ["innerHTML"], Pl = /* @__PURE__ */ K({
+}, La = ["innerHTML"], Ul = /* @__PURE__ */ K({
   __name: "cl-ui-grid-cell-value",
   props: {
     data: {},
@@ -1909,10 +1909,10 @@ const Ia = {
         g("span", {
           innerHTML: d()
         }, null, 8, La)
-      ])) : U("", !0);
+      ])) : P("", !0);
     };
   }
-}), ja = { class: "cl-font-semibold lg:cl-hidden" }, Pa = /* @__PURE__ */ K({
+}), ja = { class: "cl-font-semibold lg:cl-hidden" }, Ua = /* @__PURE__ */ K({
   __name: "cl-ui-grid-cell",
   props: {
     data: {},
@@ -1949,7 +1949,7 @@ const Ia = {
         listEntries: d.value,
         searchValue: u.searchValue
       })), () => [
-        N(Pl, {
+        N(Ul, {
           column: u.column,
           data: u.data,
           "time-zone": u.timeZone,
@@ -1964,7 +1964,7 @@ const Ia = {
           ]),
           _: 2
         }, 1032, ["column", "data", "time-zone", "search-value"])
-      ]) : (m(), _(Pl, {
+      ]) : (m(), _(Ul, {
         key: 1,
         column: u.column,
         data: u.data,
@@ -1978,7 +1978,7 @@ const Ia = {
       }, 1032, ["column", "data", "time-zone", "search-value"]))
     ], 2));
   }
-}), Ua = /* @__PURE__ */ K({
+}), Pa = /* @__PURE__ */ K({
   __name: "cl-ui-grid-row",
   props: {
     data: {},
@@ -1990,7 +1990,7 @@ const Ia = {
   emits: ["cell-focus", "cell-edit", "cell-undo"],
   setup(o) {
     return (e, t) => (m(), w("tr", null, [
-      (m(!0), w(ee, null, ue(e.columns, (l, r) => (m(), _(Pa, {
+      (m(!0), w(ee, null, ue(e.columns, (l, r) => (m(), _(Ua, {
         key: r,
         data: e.data,
         column: l,
@@ -2037,12 +2037,12 @@ const Ia = {
     function d(y) {
       n.value.index !== -1 && n.value.index !== y && a(), n.value.index = y;
     }
-    function u(y, C) {
-      d(y), C.field !== void 0 && (n.value.record[C.field] = C.value);
+    function u(y, O) {
+      d(y), O.field !== void 0 && (n.value.record[O.field] = O.value);
     }
     function c(y) {
       if (y !== void 0) {
-        const { [y]: C, ...D } = n.value.record;
+        const { [y]: O, ...D } = n.value.record;
         n.value.record = {
           ...D
         }, l("row-edit-cancelled", ve(n.value));
@@ -2050,14 +2050,14 @@ const Ia = {
     }
     const i = L({});
     ne(() => t.data, () => {
-      var y, C;
-      return i.value = Object.fromEntries(((C = (y = t.data) == null ? void 0 : y.results) == null ? void 0 : C.map((D, O) => [
-        [O],
+      var y, O;
+      return i.value = Object.fromEntries(((O = (y = t.data) == null ? void 0 : y.results) == null ? void 0 : O.map((D, T) => [
+        [T],
         {
           count: 0,
           target: null,
           reset: Ql(() => {
-            i.value[O] && (i.value[O].count = 0, i.value[O].target = null);
+            i.value[T] && (i.value[T].count = 0, i.value[T].target = null);
           }, 2500, { immediate: !1 })
         }
       ])) ?? []);
@@ -2065,21 +2065,21 @@ const Ia = {
       deep: !0,
       immediate: !0
     });
-    function s(y, C, D) {
-      const { currentTarget: O } = D;
-      t.options.rowSelectionEnabled ? (p(O), l("row-select", C)) : (i.value[y].count++, i.value[y].target = O, i.value[y].count > 1 ? (i.value[y].reset.stop(), i.value[y].count = 0, p(O), i.value[y].target = null, l("row-select", C)) : i.value[y].reset.start());
+    function s(y, O, D) {
+      const { currentTarget: T } = D;
+      t.options.rowSelectionEnabled ? (p(T), l("row-select", O)) : (i.value[y].count++, i.value[y].target = T, i.value[y].count > 1 ? (i.value[y].reset.stop(), i.value[y].count = 0, p(T), i.value[y].target = null, l("row-select", O)) : i.value[y].reset.start());
     }
     function p(y) {
       t.options.highlightRowSelection && (y == null || y.classList.toggle("!cl-bg-link-lighter"));
     }
     return ne(() => t.editMode, () => {
       t.editMode || (a(), n.value.index = -1);
-    }), (y, C) => {
+    }), (y, O) => {
       var D;
       return m(), w("tbody", null, [
-        y.data && ((D = y.data.results) != null && D.length) ? (m(!0), w(ee, { key: 0 }, ue(y.data.results, (O, F) => (m(), _(Ua, {
+        y.data && ((D = y.data.results) != null && D.length) ? (m(!0), w(ee, { key: 0 }, ue(y.data.results, (T, F) => (m(), _(Pa, {
           key: F,
-          data: O,
+          data: T,
           columns: y.columns,
           "time-zone": y.timeZone,
           "search-value": y.searchValue,
@@ -2090,42 +2090,42 @@ const Ia = {
             "cl-cursor-pointer": (y.options.highlightRowSelection || y.options.rowSelectionEnabled) && !y.editMode,
             "hover:cl-bg-link-lighter": y.options.rowSelectionEnabled && y.options.highlightRowSelection && !y.editMode
           }]),
-          onClick: (q) => {
-            y.editMode || s(F, O, q);
+          onClick: (V) => {
+            y.editMode || s(F, T, V);
           },
-          onCellFocus: (q) => {
+          onCellFocus: (V) => {
             d(F);
           },
-          onCellEdit: (q) => {
-            u(F, q);
+          onCellEdit: (V) => {
+            u(F, V);
           },
           onCellUndo: c
         }, Re({ _: 2 }, [
-          ue(y.$slots, (q, H) => ({
+          ue(y.$slots, (V, H) => ({
             name: H,
             fn: x((X) => [
               z(y.$slots, H, ie(X, { disabled: y.loading }))
             ])
           }))
-        ]), 1032, ["data", "columns", "time-zone", "search-value", "edit-mode", "class", "onClick", "onCellFocus", "onCellEdit"]))), 128)) : y.loading ? U("", !0) : (m(), w("tr", za, [
+        ]), 1032, ["data", "columns", "time-zone", "search-value", "edit-mode", "class", "onClick", "onCellFocus", "onCellEdit"]))), 128)) : y.loading ? P("", !0) : (m(), w("tr", za, [
           g("td", {
             colspan: y.columns.length
           }, [
             g("div", xa, [
               g("strong", Ha, M(b(r)("grid.noData")), 1),
-              y.request.filters.some((O) => O.filterValue !== "") ? (m(), w("div", Ga, [
+              y.request.filters.some((T) => T.filterValue !== "") ? (m(), w("div", Ga, [
                 g("div", Wa, M(b(r)("grid.noDataFiltersPresent")), 1),
                 N(ye, {
                   size: "small",
                   colour: "danger",
-                  onClick: C[0] || (C[0] = ae((O) => y.$emit("clear-filters"), ["prevent"]))
+                  onClick: O[0] || (O[0] = ae((T) => y.$emit("clear-filters"), ["prevent"]))
                 }, {
                   default: x(() => [
                     pe(M(b(r)("grid.clearFilters")), 1)
                   ]),
                   _: 1
                 })
-              ])) : U("", !0)
+              ])) : P("", !0)
             ])
           ], 8, Ba)
         ]))
@@ -2181,6 +2181,7 @@ const Ia = {
       pageSize: "Page Size",
       totalRecords: "Total Records",
       jumpToPage: "Jump to Page",
+      unsavedChangesWarningMessage: "The grid is currently in edit mode, and you may lose any unsaved changes. Do you still wish to continue?",
       manageView: "Manage View",
       column: "Column",
       visible: "Visible",
@@ -2313,16 +2314,16 @@ const Ia = {
   warnHtmlMessage: !1
 });
 function ac(o, e) {
-  return we.global.mergeLocaleMessage(o, e), Ue();
+  return we.global.mergeLocaleMessage(o, e), Pe();
 }
 function nc(o, e) {
-  return we.global.mergeNumberFormat(o, e), Ue();
+  return we.global.mergeNumberFormat(o, e), Pe();
 }
 function rc(o, e) {
-  return we.global.mergeDateTimeFormat(o, e), Ue();
+  return we.global.mergeDateTimeFormat(o, e), Pe();
 }
 function ic(o) {
-  return we.global.locale.value = o, Ue();
+  return we.global.locale.value = o, Pe();
 }
 const { n: Ya, locale: Ja, getNumberFormat: Xa } = we.global, Ol = re.DECIMAL;
 function De(o) {
@@ -2357,9 +2358,9 @@ function je(o, e, t) {
 function it(o, e, t) {
   if (fl(e)) {
     const l = en(o, e);
-    return Ul(l ?? o, Ol, t);
+    return Pl(l ?? o, Ol, t);
   } else
-    return Ul(o, El(e), t);
+    return Pl(o, El(e), t);
 }
 function st(o, e) {
   return fl(o) ? Ke(Ol, e) : Ke(El(o), e);
@@ -2381,22 +2382,22 @@ function en(o, e) {
   }
   return o !== "" && (t = null), t;
 }
-function Ul(o, e, t) {
+function Pl(o, e, t) {
   if (!o)
     return NaN;
   const l = Ke(e, t), r = ct(l);
   if (r === null)
     return NaN;
-  const n = Fe(r, 10000.11111, "group"), a = Fe(r, 1.111, "decimal"), d = Fe(r, 1, "currency", "unit"), u = Fe(r, 1, "percentSign"), c = Fe(r, 1, "plusSign"), i = Fe(r, -1, "minusSign"), s = Fe(r, -10000.11111, "literal", "unknown"), p = i.some((F) => o.startsWith(F) || o.endsWith(F)) || o.startsWith("(") && o.endsWith(")"), y = u.some((F) => o.startsWith(F) || o.endsWith(F)), C = a.some((F) => o.includes(F)), D = (p ? -1 : 1) * (y ? 0.01 : 1);
-  let O = o;
-  if (C) {
-    const F = O.indexOf(a[0]);
-    if (n.some((q) => O.substring(F).includes(q)))
+  const n = Fe(r, 10000.11111, "group"), a = Fe(r, 1.111, "decimal"), d = Fe(r, 1, "currency", "unit"), u = Fe(r, 1, "percentSign"), c = Fe(r, 1, "plusSign"), i = Fe(r, -1, "minusSign"), s = Fe(r, -10000.11111, "literal", "unknown"), p = i.some((F) => o.startsWith(F) || o.endsWith(F)) || o.startsWith("(") && o.endsWith(")"), y = u.some((F) => o.startsWith(F) || o.endsWith(F)), O = a.some((F) => o.includes(F)), D = (p ? -1 : 1) * (y ? 0.01 : 1);
+  let T = o;
+  if (O) {
+    const F = T.indexOf(a[0]);
+    if (n.some((V) => T.substring(F).includes(V)))
       return NaN;
-    O = Oe(O, n, "", F, !0);
+    T = Oe(T, n, "", F, !0);
   } else
-    O = Oe(O, n, "", void 0, !0);
-  return O = Oe(O, a, "."), O = Oe(O, d, ""), O = Oe(O, u, ""), O = Oe(O, c, ""), O = Oe(O, i, ""), O = Oe(O, s, ""), +O * D;
+    T = Oe(T, n, "", void 0, !0);
+  return T = Oe(T, a, "."), T = Oe(T, d, ""), T = Oe(T, u, ""), T = Oe(T, c, ""), T = Oe(T, i, ""), T = Oe(T, s, ""), +T * D;
 }
 function Oe(o, e, t, l = o.length + 1, r = !1) {
   let n = o.substring(0, l);
@@ -2610,7 +2611,7 @@ const sn = ["value", "inputmode", "required", "disabled", "placeholder"], cn = {
   }),
   emits: /* @__PURE__ */ Te(["focus", "blur"], ["update:modelValue"]),
   setup(o, { expose: e, emit: t }) {
-    const l = o, r = Pe(o, "modelValue"), n = t, a = L(0), d = L(), u = L(), { isOutside: c } = Nt(u), { focused: i } = At(d), s = A(() => l.showArrows && c.value === !1);
+    const l = o, r = Ue(o, "modelValue"), n = t, a = L(0), d = L(), u = L(), { isOutside: c } = Nt(u), { focused: i } = At(d), s = A(() => l.showArrows && c.value === !1);
     ne(i, () => {
       i.value ? n("focus") : (oe(H.value, !0), F.value = void 0, n("blur"));
     });
@@ -2622,9 +2623,9 @@ const sn = ["value", "inputmode", "required", "disabled", "placeholder"], cn = {
     })), y = A(() => l.format ? st(l.format, {
       locale: l.locale,
       additionalOptions: p.value
-    }) : p.value), C = A(() => Math.pow(10, y.value.maximumFractionDigits ?? 0)), D = A(() => Math.pow(10, l.format === re.PERCENTAGE ? 2 : 0)), O = A(() => C.value * D.value), F = L(void 0);
+    }) : p.value), O = A(() => Math.pow(10, y.value.maximumFractionDigits ?? 0)), D = A(() => Math.pow(10, l.format === re.PERCENTAGE ? 2 : 0)), T = A(() => O.value * D.value), F = L(void 0);
     ne(r, () => F.value = void 0);
-    const q = A({
+    const V = A({
       get: () => F.value ? h(F.value) : r.value,
       set: (v) => F.value = I(v)
     }), H = A({
@@ -2639,7 +2640,7 @@ const sn = ["value", "inputmode", "required", "disabled", "placeholder"], cn = {
         r.value = null;
       else if (v !== "") {
         let j = typeof v == "number" ? v : h(v);
-        k && l.format === re.PERCENTAGE && (j = j / D.value), isNaN(j) === !1 && (r.value = X(Math.round(j * O.value) / O.value));
+        k && l.format === re.PERCENTAGE && (j = j / D.value), isNaN(j) === !1 && (r.value = X(Math.round(j * T.value) / T.value));
       }
     }
     function I(v) {
@@ -2655,7 +2656,7 @@ const sn = ["value", "inputmode", "required", "disabled", "placeholder"], cn = {
       }) : +v;
     }
     function f(v) {
-      const k = (q.value || 0) + (v ? -1 : 1) / O.value;
+      const k = (V.value || 0) + (v ? -1 : 1) / T.value;
       oe(k, !1);
     }
     return e({
@@ -2745,6 +2746,7 @@ const sn = ["value", "inputmode", "required", "disabled", "placeholder"], cn = {
   props: {
     request: {},
     loading: { type: Boolean },
+    showUnsavedChangesWarning: { type: Boolean },
     data: { default: null }
   },
   emits: ["update:request"],
@@ -2762,8 +2764,10 @@ const sn = ["value", "inputmode", "required", "disabled", "placeholder"], cn = {
       return s;
     });
     function d(i) {
-      const s = ve(t.request);
-      i ?? (i = 1), s.pageNumber !== i && (s.pageNumber = Math.max(Math.min(Math.trunc(i), n.value), 1), l("update:request", s));
+      if (t.showUnsavedChangesWarning === !1 || window.confirm(r("grid.unsavedChangesWarningMessage"))) {
+        const s = ve(t.request);
+        i ?? (i = 1), s.pageNumber !== i && (s.pageNumber = Math.max(Math.min(Math.trunc(i), n.value), 1), l("update:request", s));
+      }
     }
     const u = [
       5,
@@ -2774,8 +2778,10 @@ const sn = ["value", "inputmode", "required", "disabled", "placeholder"], cn = {
       200
     ];
     function c(i) {
-      const s = ve(t.request);
-      s.pageSize = i, s.pageNumber = 1, l("update:request", s);
+      if (t.showUnsavedChangesWarning === !1 || window.confirm(r("grid.unsavedChangesWarningMessage"))) {
+        const s = ve(t.request);
+        s.pageSize = i, s.pageNumber = 1, l("update:request", s);
+      }
     }
     return (i, s) => {
       var p, y;
@@ -2806,7 +2812,7 @@ const sn = ["value", "inputmode", "required", "disabled", "placeholder"], cn = {
               g("li", kn, M(b(De)(i.request.pageNumber)) + " / " + M(b(De)(n.value)), 1),
               J(g("li", {
                 class: "cl-cursor-pointer cl-mr-1 cl-mt-1 lg:cl-mr-2",
-                onClick: s[0] || (s[0] = (C) => d(1))
+                onClick: s[0] || (s[0] = (O) => d(1))
               }, [
                 N(b(Z), {
                   icon: "ph:caret-double-left",
@@ -2817,7 +2823,7 @@ const sn = ["value", "inputmode", "required", "disabled", "placeholder"], cn = {
               ]),
               J(g("li", {
                 class: "cl-cursor-pointer cl-mt-1 lg:cl-mr-2 mr-1",
-                onClick: s[1] || (s[1] = (C) => d(i.request.pageNumber - 1))
+                onClick: s[1] || (s[1] = (O) => d(i.request.pageNumber - 1))
               }, [
                 N(b(Z), {
                   icon: "ph:caret-left",
@@ -2826,17 +2832,17 @@ const sn = ["value", "inputmode", "required", "disabled", "placeholder"], cn = {
               ], 512), [
                 [te, i.request.pageNumber > 1]
               ]),
-              (m(!0), w(ee, null, ue(a.value, (C, D) => (m(), w("li", {
+              (m(!0), w(ee, null, ue(a.value, (O, D) => (m(), w("li", {
                 key: D,
                 class: B(["cl-cursor-pointer cl-mr-1 lg:cl-mr-2", {
-                  "cl-text-black cl-font-bold": i.request.pageNumber === C,
-                  "cl-text-grey-6": i.request.pageNumber !== C
+                  "cl-text-black cl-font-bold": i.request.pageNumber === O,
+                  "cl-text-grey-6": i.request.pageNumber !== O
                 }]),
-                onClick: (O) => d(C)
-              }, M(b(De)(C)), 11, $n))), 128)),
+                onClick: (T) => d(O)
+              }, M(b(De)(O)), 11, $n))), 128)),
               J(g("li", {
                 class: "cl-cursor-pointer cl-mr-1 cl-mt-1 lg:cl-mr-2",
-                onClick: s[2] || (s[2] = (C) => d(i.request.pageNumber + 1))
+                onClick: s[2] || (s[2] = (O) => d(i.request.pageNumber + 1))
               }, [
                 N(b(Z), {
                   icon: "ph:caret-right",
@@ -2847,7 +2853,7 @@ const sn = ["value", "inputmode", "required", "disabled", "placeholder"], cn = {
               ]),
               J(g("li", {
                 class: "cl-cursor-pointer cl-mr-1 cl-mt-1 lg:cl-mr-2",
-                onClick: s[3] || (s[3] = (C) => d(n.value))
+                onClick: s[3] || (s[3] = (O) => d(n.value))
               }, [
                 N(b(Z), {
                   icon: "ph:caret-double-right",
@@ -2860,21 +2866,21 @@ const sn = ["value", "inputmode", "required", "disabled", "placeholder"], cn = {
           ]),
           g("ul", Sn, [
             g("li", Tn, M(b(r)("grid.pageSize")), 1),
-            (m(), w(ee, null, ue(u, (C, D) => g("li", {
+            (m(), w(ee, null, ue(u, (O, D) => g("li", {
               key: D,
               class: B(["cl-cursor-pointer cl-mr-1 lg:cl-mr-2", {
-                "cl-text-black cl-font-bold": i.request.pageSize === C,
-                "cl-text-grey-6": i.request.pageSize !== C
+                "cl-text-black cl-font-bold": i.request.pageSize === O,
+                "cl-text-grey-6": i.request.pageSize !== O
               }]),
-              onClick: (O) => c(C)
-            }, M(b(De)(C)), 11, Cn)), 64))
+              onClick: (T) => c(O)
+            }, M(b(De)(O)), 11, Cn)), 64))
           ]),
           g("ul", On, [
             g("li", En, M(b(r)("grid.totalRecords")), 1),
             g("li", Fn, M(b(De)(i.data.totalRecords)), 1)
           ])
         ])
-      ])) : U("", !0);
+      ])) : P("", !0);
     };
   }
 }), Nn = {
@@ -2939,7 +2945,7 @@ const sn = ["value", "inputmode", "required", "disabled", "placeholder"], cn = {
         ]),
         _: 1
       }, 8, ["disabled", "class"]),
-      d.required ? U("", !0) : (m(), _(ye, {
+      d.required ? P("", !0) : (m(), _(ye, {
         key: 0,
         size: "small",
         class: B(["cl-basis-0 cl-border-transparent cl-flex cl-items-center cl-justify-center hover:cl-border-transparent", {
@@ -2976,19 +2982,19 @@ const sn = ["value", "inputmode", "required", "disabled", "placeholder"], cn = {
       }, null, 8, ["class", "icon"]), [
         [te, !d.disabled]
       ]),
-      d.disabled ? U("", !0) : (m(), w("div", qn, [
+      d.disabled ? P("", !0) : (m(), w("div", qn, [
         d.type !== "time" ? (m(), _(b(Z), {
           key: 0,
           class: "cl-cursor-pointer hover:cl-text-link-light",
           icon: "ph:arrow-counter-clockwise",
           onClick: u[2] || (u[2] = ae((c) => d.$emit("reset"), ["prevent"]))
-        })) : U("", !0),
+        })) : P("", !0),
         !d.required && d.date && (d.type !== "time" || d.date !== "00:00") ? (m(), _(b(Z), {
           key: 1,
           class: "cl-cursor-pointer clear-icon hover:cl-text-link-light md:cl-ml-0.5",
           icon: "ph:x",
           onClick: u[3] || (u[3] = ae((c) => d.$emit("clear"), ["prevent"]))
-        })) : U("", !0)
+        })) : P("", !0)
       ]))
     ]));
   }
@@ -3109,7 +3115,7 @@ const sn = ["value", "inputmode", "required", "disabled", "placeholder"], cn = {
   ...rl,
   ...il,
   ...We
-], Pn = { class: "cl-p-2 cl-pt-0" }, Un = {
+], Un = { class: "cl-p-2 cl-pt-0" }, Pn = {
   key: 0,
   class: "cl-mt-2 cl-opacity-20"
 }, zn = /* @__PURE__ */ K({
@@ -3144,7 +3150,7 @@ const sn = ["value", "inputmode", "required", "disabled", "placeholder"], cn = {
       }
       return a;
     });
-    return (a, d) => (m(), w("div", Pn, [
+    return (a, d) => (m(), w("div", Un, [
       g("div", null, M(b(r)("quickDates.quickDatesHeader")), 1),
       (m(!0), w(ee, null, ue(n.value, (u, c) => (m(), w("div", {
         key: c,
@@ -3155,7 +3161,7 @@ const sn = ["value", "inputmode", "required", "disabled", "placeholder"], cn = {
           "selected-quick-date": a.selectedQuickDate,
           onQuickDateSelected: d[0] || (d[0] = (i) => l("quick-date-selected", i))
         }, null, 8, ["dates", "selected-quick-date"]),
-        c < n.value.length - 1 ? (m(), w("div", Un)) : U("", !0)
+        c < n.value.length - 1 ? (m(), w("div", Pn)) : P("", !0)
       ]))), 128))
     ]));
   }
@@ -3260,7 +3266,7 @@ const sn = ["value", "inputmode", "required", "disabled", "placeholder"], cn = {
       }).setLocale(c.value);
       let f;
       return l.type === "date" ? f = h.toFormat("D") : l.type === "datetime" ? f = h.toFormat("f") : f = h.toFormat("t"), c.value === "en-US" ? f = f.replace("05", "hh").replace("5", "h") : f = f.replace("05", "HH").replace("5", "H"), f.replace("2000", "YYYY").replace("20", "YY").replace("04", "MM").replace("4", "M").replace("03", "DD").replace("3", "D").replace("06", "mm").replace("6", "m").replace("AM", "A").trim();
-    }), C = L(null), D = A(() => {
+    }), O = L(null), D = A(() => {
       let h;
       if (l.date && l.type !== "dateRange")
         h = Y.fromISO(l.date, {
@@ -3276,10 +3282,10 @@ const sn = ["value", "inputmode", "required", "disabled", "placeholder"], cn = {
           zone: n.value
         }) : h = Y.utc().setZone(n.value);
       return h;
-    }), O = L(null), F = L();
-    function q(h) {
+    }), T = L(null), F = L();
+    function V(h) {
       const f = H(h);
-      a.value = f, O.value = h, F.value.move(f.start), F.value.hidePopover();
+      a.value = f, T.value = h, F.value.move(f.start), F.value.hidePopover();
     }
     function H(h) {
       const f = h.range, v = h.scope === "past" ? -1 : h.scope === "current" ? 0 : 1, k = Y.now().setZone(n.value).startOf(f).plus({
@@ -3305,7 +3311,7 @@ const sn = ["value", "inputmode", "required", "disabled", "placeholder"], cn = {
     return e({
       focus() {
         var h;
-        (h = C.value) == null || h.focus();
+        (h = O.value) == null || h.focus();
       }
     }), (h, f) => h.type === "time" ? (m(), _(b(pl), {
       key: 0,
@@ -3326,7 +3332,7 @@ const sn = ["value", "inputmode", "required", "disabled", "placeholder"], cn = {
       default: x(({ inputValue: v, inputEvents: k }) => [
         N(gl, ie(h.$attrs, {
           ref_key: "input",
-          ref: C,
+          ref: O,
           date: v,
           events: k,
           type: h.type,
@@ -3355,12 +3361,12 @@ const sn = ["value", "inputmode", "required", "disabled", "placeholder"], cn = {
       "min-date": h.min,
       "max-date": h.max,
       "initial-page": D.value,
-      onDayclick: f[4] || (f[4] = (v) => O.value = null)
+      onDayclick: f[4] || (f[4] = (v) => T.value = null)
     }, {
       default: x(({ togglePopover: v }) => [
         N(gl, ie(h.$attrs, {
           ref_key: "input",
-          ref: C,
+          ref: O,
           type: h.type,
           required: h.required,
           disabled: h.disabled,
@@ -3369,7 +3375,7 @@ const sn = ["value", "inputmode", "required", "disabled", "placeholder"], cn = {
           placeholder: null,
           onTogglePopover: v,
           onClear: f[2] || (f[2] = (k) => {
-            a.value = null, O.value = null, F.value.hidePopover();
+            a.value = null, T.value = null, F.value.hidePopover();
           })
         }), null, 16, ["type", "required", "disabled", "range-selected", "title", "onTogglePopover"])
       ]),
@@ -3377,10 +3383,10 @@ const sn = ["value", "inputmode", "required", "disabled", "placeholder"], cn = {
         h.quickDateScope !== "none" ? (m(), _(zn, {
           key: 0,
           scope: h.quickDateScope,
-          "selected-quick-date": O.value,
+          "selected-quick-date": T.value,
           "current-date-range": l.date,
-          onQuickDateSelected: q
-        }, null, 8, ["scope", "selected-quick-date", "current-date-range"])) : U("", !0)
+          onQuickDateSelected: V
+        }, null, 8, ["scope", "selected-quick-date", "current-date-range"])) : P("", !0)
       ]),
       _: 1
     }, 8, ["modelValue", "locale", "is24hr", "timezone", "columns", "popover", "min-date", "max-date", "initial-page"])) : (m(), _(b(pl), {
@@ -3405,7 +3411,7 @@ const sn = ["value", "inputmode", "required", "disabled", "placeholder"], cn = {
       default: x(({ inputValue: v, inputEvents: k }) => [
         N(gl, ie(h.$attrs, {
           ref_key: "input",
-          ref: C,
+          ref: O,
           date: v,
           events: k,
           type: h.type,
@@ -3455,10 +3461,10 @@ class Hn {
       currencySign: p ? "accounting" : void 0,
       currencyDisplay: c !== qe.hidden ? c : void 0
     };
-    const C = new Intl.NumberFormat(i, this.options), D = C.formatToParts(123456);
-    this.currency = (t = D.find(({ type: q }) => q === "currency")) === null || t === void 0 ? void 0 : t.value, this.digits = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9].map((q) => q.toLocaleString(i)), this.decimalSymbol = (l = D.find(({ type: q }) => q === "decimal")) === null || l === void 0 ? void 0 : l.value, this.groupingSymbol = (r = D.find(({ type: q }) => q === "group")) === null || r === void 0 ? void 0 : r.value, this.minusSign = (n = C.formatToParts(-1).find(({ type: q }) => q === "minusSign")) === null || n === void 0 ? void 0 : n.value, this.decimalSymbol === void 0 ? this.minimumFractionDigits = this.maximumFractionDigits = 0 : typeof s == "number" ? this.minimumFractionDigits = this.maximumFractionDigits = s : (this.minimumFractionDigits = (a = s == null ? void 0 : s.min) !== null && a !== void 0 ? a : C.resolvedOptions().minimumFractionDigits, this.maximumFractionDigits = (d = s == null ? void 0 : s.max) !== null && d !== void 0 ? d : C.resolvedOptions().maximumFractionDigits);
-    const O = (q) => xn(q, this.digits[1]), F = (q) => q.substring(q.lastIndexOf(this.decimalSymbol ? this.digits[0] : this.digits[1]) + 1);
-    this.prefix = O(C.format(1)), this.suffix = F(C.format(1)), this.negativePrefix = O(C.format(-1)), this.negativeSuffix = F(C.format(-1));
+    const O = new Intl.NumberFormat(i, this.options), D = O.formatToParts(123456);
+    this.currency = (t = D.find(({ type: V }) => V === "currency")) === null || t === void 0 ? void 0 : t.value, this.digits = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9].map((V) => V.toLocaleString(i)), this.decimalSymbol = (l = D.find(({ type: V }) => V === "decimal")) === null || l === void 0 ? void 0 : l.value, this.groupingSymbol = (r = D.find(({ type: V }) => V === "group")) === null || r === void 0 ? void 0 : r.value, this.minusSign = (n = O.formatToParts(-1).find(({ type: V }) => V === "minusSign")) === null || n === void 0 ? void 0 : n.value, this.decimalSymbol === void 0 ? this.minimumFractionDigits = this.maximumFractionDigits = 0 : typeof s == "number" ? this.minimumFractionDigits = this.maximumFractionDigits = s : (this.minimumFractionDigits = (a = s == null ? void 0 : s.min) !== null && a !== void 0 ? a : O.resolvedOptions().minimumFractionDigits, this.maximumFractionDigits = (d = s == null ? void 0 : s.max) !== null && d !== void 0 ? d : O.resolvedOptions().maximumFractionDigits);
+    const T = (V) => xn(V, this.digits[1]), F = (V) => V.substring(V.lastIndexOf(this.decimalSymbol ? this.digits[0] : this.digits[1]) + 1);
+    this.prefix = T(O.format(1)), this.suffix = F(O.format(1)), this.negativePrefix = T(O.format(-1)), this.negativeSuffix = F(O.format(-1));
   }
   parse(e) {
     if (e) {
@@ -3528,14 +3534,14 @@ class pt {
 }
 class Gn extends pt {
   conformToMask(e, t = "") {
-    const l = this.currencyFormat.isNegative(e), r = (C) => C === "" && l && !(this.currencyFormat.minusSign === void 0 ? t === this.currencyFormat.negativePrefix + this.currencyFormat.negativeSuffix : t === this.currencyFormat.negativePrefix), n = (C) => {
-      if (r(C))
+    const l = this.currencyFormat.isNegative(e), r = (O) => O === "" && l && !(this.currencyFormat.minusSign === void 0 ? t === this.currencyFormat.negativePrefix + this.currencyFormat.negativeSuffix : t === this.currencyFormat.negativePrefix), n = (O) => {
+      if (r(O))
         return "";
       if (this.currencyFormat.maximumFractionDigits > 0) {
-        if (this.currencyFormat.isFractionIncomplete(C))
-          return C;
-        if (C.startsWith(this.currencyFormat.decimalSymbol))
-          return this.currencyFormat.toFraction(C);
+        if (this.currencyFormat.isFractionIncomplete(O))
+          return O;
+        if (O.startsWith(this.currencyFormat.decimalSymbol))
+          return this.currencyFormat.toFraction(O);
       }
       return null;
     };
@@ -3708,16 +3714,16 @@ const _n = (o) => o != null && o.matches("input") ? o : o == null ? void 0 : o.q
 function Qn(o, e) {
   var t, l, r, n;
   let a;
-  const d = L(null), u = L(null), c = L(null), i = yt(), s = (i == null ? void 0 : i.emit) || ((l = (t = i == null ? void 0 : i.proxy) === null || t === void 0 ? void 0 : t.$emit) === null || l === void 0 ? void 0 : l.bind(i == null ? void 0 : i.proxy)), p = (i == null ? void 0 : i.props) || ((r = i == null ? void 0 : i.proxy) === null || r === void 0 ? void 0 : r.$props), y = wt.startsWith("3"), C = y && ((n = i == null ? void 0 : i.attrs.modelModifiers) === null || n === void 0 ? void 0 : n.lazy), D = A(() => p == null ? void 0 : p[y ? "modelValue" : "value"]), O = y ? "update:modelValue" : "input", F = C ? "update:modelValue" : "change";
-  return ne(d, (q) => {
+  const d = L(null), u = L(null), c = L(null), i = yt(), s = (i == null ? void 0 : i.emit) || ((l = (t = i == null ? void 0 : i.proxy) === null || t === void 0 ? void 0 : t.$emit) === null || l === void 0 ? void 0 : l.bind(i == null ? void 0 : i.proxy)), p = (i == null ? void 0 : i.props) || ((r = i == null ? void 0 : i.proxy) === null || r === void 0 ? void 0 : r.$props), y = wt.startsWith("3"), O = y && ((n = i == null ? void 0 : i.attrs.modelModifiers) === null || n === void 0 ? void 0 : n.lazy), D = A(() => p == null ? void 0 : p[y ? "modelValue" : "value"]), T = y ? "update:modelValue" : "input", F = O ? "update:modelValue" : "change";
+  return ne(d, (V) => {
     var H;
-    if (q) {
-      const X = _n((H = q == null ? void 0 : q.$el) !== null && H !== void 0 ? H : q);
+    if (V) {
+      const X = _n((H = V == null ? void 0 : V.$el) !== null && H !== void 0 ? H : V);
       X ? (a = new Zn({
         el: X,
         options: o,
         onInput: (oe) => {
-          !C && e !== !1 && D.value !== oe.number && (s == null || s(O, oe.number)), c.value = oe.number, u.value = oe.formatted;
+          !O && e !== !1 && D.value !== oe.number && (s == null || s(T, oe.number)), c.value = oe.number, u.value = oe.formatted;
         },
         onChange: (oe) => {
           e !== !1 && (s == null || s(F, oe.number));
@@ -3729,8 +3735,8 @@ function Qn(o, e) {
     inputRef: d,
     numberValue: c,
     formattedValue: u,
-    setValue: (q) => a == null ? void 0 : a.setValue(q),
-    setOptions: (q) => a == null ? void 0 : a.setOptions(q)
+    setValue: (V) => a == null ? void 0 : a.setValue(V),
+    setOptions: (V) => a == null ? void 0 : a.setOptions(V)
   };
 }
 const Yn = ["disabled", "step", "placeholder", "name"], Jn = /* @__PURE__ */ K({
@@ -3759,9 +3765,9 @@ const Yn = ["disabled", "step", "placeholder", "name"], Jn = /* @__PURE__ */ K({
       i(u.value) === !1 && d(c.value), r("update:modelValue", u.value);
     }
     function y(D) {
-      return Object.values(D).some((O) => O !== "");
+      return Object.values(D).some((T) => T !== "");
     }
-    function C(D) {
+    function O(D) {
       i(u.value) && r("change", D, u.value ?? 0);
     }
     return ne(
@@ -3783,7 +3789,7 @@ const Yn = ["disabled", "step", "placeholder", "name"], Jn = /* @__PURE__ */ K({
         var D;
         (D = n.value) == null || D.blur();
       }
-    }), (D, O) => (m(), w("input", {
+    }), (D, T) => (m(), w("input", {
       ref_key: "inputRef",
       ref: n,
       type: "text",
@@ -3800,9 +3806,9 @@ const Yn = ["disabled", "step", "placeholder", "name"], Jn = /* @__PURE__ */ K({
       placeholder: D.placeholder,
       name: D.group,
       onKeydown: he(s, ["enter"]),
-      onChange: C,
+      onChange: O,
       onBlur: p,
-      onFocus: O[0] || (O[0] = (F) => r("focus"))
+      onFocus: T[0] || (T[0] = (F) => r("focus"))
     }, null, 42, Yn));
   }
 }), Xn = (o) => (kt("data-v-5cb4ccea"), o = o(), $t(), o), er = { class: "cl-flex cl-items-start" }, lr = { class: "cl-w-full" }, tr = /* @__PURE__ */ Xn(() => /* @__PURE__ */ g("span", null, null, -1)), or = ["min", "max", "step", "disabled"], ar = { class: "cl-bg-transparent cl-text-center cl-text-sm cl-w-full" }, nr = { class: "cl-bg-transparent cl-text-sm" }, rr = {
@@ -3826,7 +3832,7 @@ const Yn = ["disabled", "step", "placeholder", "name"], Jn = /* @__PURE__ */ K({
     Zl((c) => ({
       "59055b28": a.value
     }));
-    const t = o, l = Pe(o, "value"), { t: r } = de(), n = L(), a = A(() => {
+    const t = o, l = Ue(o, "value"), { t: r } = de(), n = L(), a = A(() => {
       let c = (l.value - t.min) / (t.max - t.min) * 100;
       return c < 35 && c > 0 ? c < 20 ? c += 0.5 : c += 0.25 : c > 65 && c < 100 && (c > 80 ? c -= 0.5 : c -= 0.25), `${c}%`;
     }), d = A(() => t.min <= t.max && t.step > 0), u = L(!1);
@@ -4026,11 +4032,11 @@ const dr = { class: "cl-flex cl-justify-between" }, fr = { class: "cl-w-full" },
     }), y = A({
       get: () => l.modelValue,
       set: (S) => f(S)
-    }), C = A(() => typeof l.min == "number" ? l.min.toString() : l.min), D = A(() => typeof l.max == "number" ? l.max.toString() : l.max), O = A(() => typeof l.min == "number" || l.min === null ? l.min : parseFloat(l.min)), F = A(() => typeof l.max == "number" || l.max === null ? l.max : parseFloat(l.max)), q = A(() => l.messageWhenValid.trim() !== "" ? l.messageWhenValid : ""), H = L(!0), X = L(!0), oe = L([]), I = A(() => {
-      var S, P;
+    }), O = A(() => typeof l.min == "number" ? l.min.toString() : l.min), D = A(() => typeof l.max == "number" ? l.max.toString() : l.max), T = A(() => typeof l.min == "number" || l.min === null ? l.min : parseFloat(l.min)), F = A(() => typeof l.max == "number" || l.max === null ? l.max : parseFloat(l.max)), V = A(() => l.messageWhenValid.trim() !== "" ? l.messageWhenValid : ""), H = L(!0), X = L(!0), oe = L([]), I = A(() => {
+      var S, U;
       return [
         ...((S = oe.value) == null ? void 0 : S.filter((W) => ((W == null ? void 0 : W.length) ?? 0) > 0)) ?? [],
-        ...((P = l.externalErrors) == null ? void 0 : P.filter((W) => ((W == null ? void 0 : W.length) ?? 0) > 0)) ?? []
+        ...((U = l.externalErrors) == null ? void 0 : U.filter((W) => ((W == null ? void 0 : W.length) ?? 0) > 0)) ?? []
       ].join(`
 `);
     }), h = A(() => ({
@@ -4045,16 +4051,16 @@ const dr = { class: "cl-flex cl-justify-between" }, fr = { class: "cl-w-full" },
     async function f(S) {
       l.validateOn === "input" && await k(S), r("update:model-value", S);
     }
-    async function v(S, P) {
-      l.onInputFunction !== void 0 && (S = l.onInputFunction(S)), l.validateOn === "change" && (X.value = !1), (P || l.validateOn === "input") && await k(S), r("update:model-value", S);
+    async function v(S, U) {
+      l.onInputFunction !== void 0 && (S = l.onInputFunction(S)), l.validateOn === "change" && (X.value = !1), (U || l.validateOn === "input") && await k(S), r("update:model-value", S);
     }
     function k(S) {
-      const P = {
+      const U = {
         message: "",
         valid: !0
       }, W = [
         l.customValidationFunction === null || l.customValidationFunction === void 0 ? new Promise((be) => {
-          be(P);
+          be(U);
         }) : new Promise((be) => {
           be(l.customValidationFunction(l.label, S));
         })
@@ -4071,22 +4077,22 @@ const dr = { class: "cl-flex cl-justify-between" }, fr = { class: "cl-w-full" },
     function $(S) {
       He(l.inputType) ? (S.preventDefault(), r("click", S)) : l.inputType === "checkbox" && r("click", S);
     }
-    function T(S) {
+    function C(S) {
       if (n.value) {
         n.value.stepUp(), n.value.focus(), v(n.value.valueAsNumber, !1);
-        const P = {
+        const U = {
           target: n.value
         };
-        r("input", P, n.value.valueAsNumber), r("change", S, n.value.valueAsNumber);
+        r("input", U, n.value.valueAsNumber), r("change", S, n.value.valueAsNumber);
       }
     }
-    function V(S) {
+    function q(S) {
       if (n.value) {
         n.value.stepDown(), n.value.focus(), v(n.value.valueAsNumber, !1);
-        const P = {
+        const U = {
           target: n.value
         };
-        r("input", P, n.value.valueAsNumber), r("change", S, n.value.valueAsNumber);
+        r("input", U, n.value.valueAsNumber), r("change", S, n.value.valueAsNumber);
       }
     }
     function E(S) {
@@ -4104,12 +4110,12 @@ const dr = { class: "cl-flex cl-justify-between" }, fr = { class: "cl-w-full" },
     function se() {
       var W;
       let S = !0;
-      const P = c.value;
-      return d.value ? S = P : u.value && ((W = p.value) == null ? void 0 : W.toString().trim()) === "" && l.requiredText.trim() !== "" && (S = !1), !l.hideRequiredAsterisk && S;
+      const U = c.value;
+      return d.value ? S = U : u.value && ((W = p.value) == null ? void 0 : W.toString().trim()) === "" && l.requiredText.trim() !== "" && (S = !1), !l.hideRequiredAsterisk && S;
     }
-    async function ce(S, P) {
+    async function ce(S, U) {
       if (S) {
-        const W = l.inputType === "currency" ? P ?? 0 : Gl(S, l.inputType);
+        const W = l.inputType === "currency" ? U ?? 0 : Gl(S, l.inputType);
         l.validateOn === "change" && await k(W), r("change", S, W);
       }
     }
@@ -4127,20 +4133,20 @@ const dr = { class: "cl-flex cl-justify-between" }, fr = { class: "cl-w-full" },
       }
     ), e({
       focus() {
-        var S, P;
-        l.inputType === "currency" ? (S = a == null ? void 0 : a.value) == null || S.focus() : (P = n.value) == null || P.focus();
+        var S, U;
+        l.inputType === "currency" ? (S = a == null ? void 0 : a.value) == null || S.focus() : (U = n.value) == null || U.focus();
       },
       blur() {
-        var S, P;
-        l.inputType === "currency" ? (S = a == null ? void 0 : a.value) == null || S.blur() : (P = n.value) == null || P.blur();
+        var S, U;
+        l.inputType === "currency" ? (S = a == null ? void 0 : a.value) == null || S.blur() : (U = n.value) == null || U.blur();
       }
-    }), (S, P) => (m(), w("div", ie({ ...S.$attrs, id: void 0 }, {
+    }), (S, U) => (m(), w("div", ie({ ...S.$attrs, id: void 0 }, {
       key: s.value,
       class: "cl-align-top cl-border-none cl-inline-block cl-text-left"
     }), [
       g("div", {
-        onMouseenter: P[13] || (P[13] = (W) => E(!0)),
-        onMouseleave: P[14] || (P[14] = (W) => E(!1))
+        onMouseenter: U[13] || (U[13] = (W) => E(!0)),
+        onMouseleave: U[14] || (U[14] = (W) => E(!1))
       }, [
         g("div", dr, [
           g("div", fr, [
@@ -4148,14 +4154,14 @@ const dr = { class: "cl-flex cl-justify-between" }, fr = { class: "cl-w-full" },
               [te, S.showLabel && S.label !== ""]
             ])
           ]),
-          S.isRequired && c.value ? (m(), w("label", pr, " * ")) : U("", !0),
-          S.isRequired && !c.value && S.requiredText.length ? (m(), w("label", mr, M(S.requiredText), 1)) : U("", !0)
+          S.isRequired && c.value ? (m(), w("label", pr, " * ")) : P("", !0),
+          S.isRequired && !c.value && S.requiredText.length ? (m(), w("label", mr, M(S.requiredText), 1)) : P("", !0)
         ]),
         S.inputType !== "range" && S.inputType !== "currency" && !b(Hl)(S.inputType) ? (m(), w("div", vr, [
           J(g("input", ie({
             ref_key: "inputElement",
             ref: n,
-            "onUpdate:modelValue": P[0] || (P[0] = (W) => p.value = W)
+            "onUpdate:modelValue": U[0] || (U[0] = (W) => p.value = W)
           }, S.$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": S.disabled === !1 && !b(He)(S.inputType),
@@ -4178,11 +4184,11 @@ const dr = { class: "cl-flex cl-justify-between" }, fr = { class: "cl-w-full" },
             placeholder: i.value,
             name: S.group,
             autocomplete: S.autocomplete,
-            onClick: P[1] || (P[1] = (W) => $(W)),
-            onFocus: P[2] || (P[2] = (W) => r("focus")),
+            onClick: U[1] || (U[1] = (W) => $(W)),
+            onFocus: U[2] || (U[2] = (W) => r("focus")),
             onBlur: ae(Ce, ["self"]),
             onMousewheelPassive: G,
-            onInput: P[3] || (P[3] = (W) => {
+            onInput: U[3] || (U[3] = (W) => {
               r("input", W, b(Gl)(W, S.inputType));
             }),
             onChange: ce
@@ -4198,20 +4204,20 @@ const dr = { class: "cl-flex cl-justify-between" }, fr = { class: "cl-w-full" },
                 N(b(Z), {
                   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: T,
-                  onMousedown: P[4] || (P[4] = ae(() => {
+                  onClick: C,
+                  onMousedown: U[4] || (U[4] = ae(() => {
                   }, ["prevent"]))
                 }),
                 N(b(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: V,
-                  onMousedown: P[5] || (P[5] = ae(() => {
+                  onClick: q,
+                  onMousedown: U[5] || (U[5] = ae(() => {
                   }, ["prevent"]))
                 })
               ], 512)), [
                 [te, d.value]
-              ]) : U("", !0)
+              ]) : P("", !0)
             ]),
             _: 1
           })
@@ -4220,7 +4226,7 @@ const dr = { class: "cl-flex cl-justify-between" }, fr = { class: "cl-w-full" },
             ref_key: "currencyInputRef",
             ref: a,
             modelValue: p.value,
-            "onUpdate:modelValue": P[6] || (P[6] = (W) => p.value = W),
+            "onUpdate:modelValue": U[6] || (U[6] = (W) => p.value = W),
             modelModifiers: { lazy: !0 }
           }, S.$attrs, {
             disabled: S.disabled,
@@ -4231,15 +4237,15 @@ const dr = { class: "cl-flex cl-justify-between" }, fr = { class: "cl-w-full" },
             group: S.group,
             step: S.step,
             "currency-options": h.value,
-            onChange: P[7] || (P[7] = (W, be) => ce(W, be)),
-            onFocus: P[8] || (P[8] = (W) => r("focus")),
+            onChange: U[7] || (U[7] = (W, be) => ce(W, be)),
+            onFocus: U[8] || (U[8] = (W) => r("focus")),
             onBlur: R
           }), null, 16, ["modelValue", "disabled", "placeholder", "is-valid", "highlight-when-valid", "input-specific-classes", "group", "step", "currency-options"])
         ])) : b(Hl)(S.inputType) ? (m(), _(b(Bn), ie({ key: 2 }, S.$attrs, {
           ref_key: "inputElement",
           ref: n,
           date: y.value,
-          "onUpdate:date": P[9] || (P[9] = (W) => y.value = W),
+          "onUpdate:date": U[9] || (U[9] = (W) => y.value = W),
           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": !S.disabled && S.inputType !== "dateRange",
             "!cl-border-danger-default": !H.value,
@@ -4249,33 +4255,33 @@ const dr = { class: "cl-flex cl-justify-between" }, fr = { class: "cl-w-full" },
           required: S.isRequired,
           type: b(ur)(S.inputType),
           "time-zone": S.timeZone,
-          min: C.value,
+          min: O.value,
           max: D.value,
           placeholder: i.value,
           "initial-date": S.initialDate,
           "quick-date-scope": S.quickDateScope,
           "date-format-locale": S.dateFormatLocale,
           onBlur: ae(R, ["self"]),
-          onFocus: P[10] || (P[10] = (W) => r("focus"))
+          onFocus: U[10] || (U[10] = (W) => r("focus"))
         }), null, 16, ["date", "class", "disabled", "required", "type", "time-zone", "min", "max", "placeholder", "initial-date", "quick-date-scope", "date-format-locale"])) : S.inputType === "range" && typeof p.value == "number" ? (m(), w("div", yr, [
           N(b(sr), {
             ref_key: "inputElement",
             ref: n,
             value: p.value,
-            "onUpdate:value": P[11] || (P[11] = (W) => p.value = W),
-            min: O.value ?? 0,
+            "onUpdate:value": U[11] || (U[11] = (W) => p.value = W),
+            min: T.value ?? 0,
             max: F.value ?? 1e3,
             step: S.step,
             placeholder: i.value,
             "enforce-step": !0,
             disabled: S.disabled,
             onBlur: ae(R, ["self"]),
-            onFocus: P[12] || (P[12] = (W) => r("focus"))
+            onFocus: U[12] || (U[12] = (W) => r("focus"))
           }, null, 8, ["value", "min", "max", "step", "placeholder", "disabled"])
-        ])) : U("", !0)
+        ])) : P("", !0)
       ], 32),
-      H.value && q.value && X.value ? (m(), w("div", wr, M(q.value), 1)) : U("", !0),
-      !H.value && I.value.length > 0 && S.showValidationMessages && X.value ? (m(), w("div", kr, M(I.value), 1)) : U("", !0)
+      H.value && V.value && X.value ? (m(), w("div", wr, M(V.value), 1)) : P("", !0),
+      !H.value && I.value.length > 0 && S.showValidationMessages && X.value ? (m(), w("div", kr, M(I.value), 1)) : P("", !0)
     ], 16));
   }
 }), yl = /* @__PURE__ */ ke($r, [["__scopeId", "data-v-7748b62a"]]), Sr = [
@@ -4484,8 +4490,8 @@ const Ar = {
       var p;
       let s = (p = t.filter) == null ? void 0 : p.filterMethod;
       return typeof s > "u" && (s = le[t.defaultOperation].replace("_", "").toLowerCase()), n.value.find((y) => {
-        var C;
-        return y.method.toLowerCase() === ((C = s == null ? void 0 : s.removeNonAlphanumeric()) == null ? void 0 : C.toLowerCase());
+        var O;
+        return y.method.toLowerCase() === ((O = s == null ? void 0 : s.removeNonAlphanumeric()) == null ? void 0 : O.toLowerCase());
       });
     });
     function d(s) {
@@ -4517,7 +4523,7 @@ const Ar = {
             "cl-text-grey-4": t.filter === void 0 || t.filter.filterValue === "",
             "cl-text-primary-default": t.filter && t.filter.filterValue !== ""
           }])
-        }, null, 8, ["icon", "class"])) : U("", !0)
+        }, null, 8, ["icon", "class"])) : P("", !0)
       ]),
       g("div", {
         class: B(["cl-absolute cl-bg-white cl-border cl-border-grey-0 cl-flex-wrap cl-font-normal cl-h-0 cl-hidden cl-rounded cl-shadow-lg cl-text-left cl-text-xs cl-top-8 cl-z-10", {
@@ -4527,14 +4533,14 @@ const Ar = {
         }])
       }, [
         g("strong", Rr, M(b(r)("grid.availableMethods")), 1),
-        (m(!0), w(ee, null, ue(n.value, (y, C) => {
+        (m(!0), w(ee, null, ue(n.value, (y, O) => {
           var D;
           return m(), w("span", {
-            key: C,
+            key: O,
             class: B(["cl-cursor-pointer cl-px-4 cl-py-1 cl-transition-colors cl-w-full hover:cl-bg-grey-0", {
               "cl-bg-primary-default cl-opacity-80": y.method === ((D = a.value) == null ? void 0 : D.method)
             }]),
-            onClick: ae((O) => d(y.method), ["prevent"])
+            onClick: ae((T) => d(y.method), ["prevent"])
           }, [
             pe(M(y.description) + " ", 1),
             N(b(Z), {
@@ -4549,7 +4555,7 @@ const Ar = {
 }), jr = {
   key: 0,
   class: "cl-border cl-border-grey-2 cl-flex cl-overflow-hidden cl-rounded-md lg:cl-overflow-visible"
-}, Pr = ["id", "disabled"], Ur = /* @__PURE__ */ g("option", { value: void 0 }, null, -1), zr = ["selected"], Br = ["selected"], xr = /* @__PURE__ */ g("span", null, null, -1), Hr = {
+}, Ur = ["id", "disabled"], Pr = /* @__PURE__ */ g("option", { value: void 0 }, null, -1), zr = ["selected"], Br = ["selected"], xr = /* @__PURE__ */ g("span", null, null, -1), Hr = {
   key: 4,
   class: "cl-w-full"
 }, Gr = /* @__PURE__ */ g("span", null, null, -1), Wr = ["id", "disabled"], Kr = /* @__PURE__ */ g("option", { value: void 0 }, null, -1), Zr = ["value", "selected"], _r = /* @__PURE__ */ K({
@@ -4573,7 +4579,7 @@ const Ar = {
       set: (f) => l("update:filter", f)
     }), c = A(() => t.column.type === "date" || t.column.type === "datetime" || t.column.type === "slot" && (t.column.slotType === "date" || t.column.slotType === "datetime")), i = A(() => t.column.type === "dateRange" || t.column.type === "slot" && t.column.slotType === "dateRange"), s = A(() => t.column.type === "list" || t.column.type === "slot" && t.column.slotType === "list"), p = A(() => s.value && t.column.listType === "number"), y = A({
       get() {
-        var v, k, j, $, T, V, E;
+        var v, k, j, $, C, q, E;
         let f = (v = u.value) == null ? void 0 : v[0];
         if (f) {
           if (c.value) {
@@ -4596,8 +4602,8 @@ const Ar = {
                 filterValue: R.plus({ milliseconds: 1 }).toISO() ?? ""
               };
             }
-          } else if (i.value && (((T = t.filter) == null ? void 0 : T.length) ?? 0) > 1) {
-            const R = (V = u.value) == null ? void 0 : V.find((G) => G.filterOperation === le.EQUAL_OR_GREATER_THAN), Q = (E = u.value) == null ? void 0 : E.find((G) => G.filterOperation === le.EQUAL_OR_LESS_THAN);
+          } else if (i.value && (((C = t.filter) == null ? void 0 : C.length) ?? 0) > 1) {
+            const R = (q = u.value) == null ? void 0 : q.find((G) => G.filterOperation === le.EQUAL_OR_GREATER_THAN), Q = (E = u.value) == null ? void 0 : E.find((G) => G.filterOperation === le.EQUAL_OR_LESS_THAN);
             R && Q && (f = {
               filterOnColumn: t.column.field,
               filterOperation: le.EQUAL,
@@ -4614,17 +4620,17 @@ const Ar = {
       set(f) {
         let v = null;
         if (c.value) {
-          const k = f, j = (k == null ? void 0 : k.filterMethod) && D(k.filterMethod, k.filterValue, "equal"), $ = (k == null ? void 0 : k.filterMethod) && D(k.filterMethod, k.filterValue, "equalorlessthan"), T = (k == null ? void 0 : k.filterMethod) && D(k.filterMethod, k.filterValue, "greaterthan");
+          const k = f, j = (k == null ? void 0 : k.filterMethod) && D(k.filterMethod, k.filterValue, "equal"), $ = (k == null ? void 0 : k.filterMethod) && D(k.filterMethod, k.filterValue, "equalorlessthan"), C = (k == null ? void 0 : k.filterMethod) && D(k.filterMethod, k.filterValue, "greaterthan");
           if (j) {
-            let V = Y.fromISO(k.filterValue, {
+            let q = Y.fromISO(k.filterValue, {
               zone: t.timeZone ?? "UTC"
             }).set({
               second: 0,
               millisecond: 0
             });
-            const E = V.toISO();
-            t.column.type === "date" || t.column.type === "slot" && t.column.slotType === "date" ? V = V.plus({ days: 1 }) : V = V.plus({ minutes: 1 });
-            const R = V.toISO();
+            const E = q.toISO();
+            t.column.type === "date" || t.column.type === "slot" && t.column.slotType === "date" ? q = q.plus({ days: 1 }) : q = q.plus({ minutes: 1 });
+            const R = q.toISO();
             v = [
               {
                 filterOnColumn: t.column.field,
@@ -4639,19 +4645,19 @@ const Ar = {
                 filterValue: R
               }
             ];
-          } else if ($ || T) {
-            let V = Y.fromISO(k.filterValue, {
+          } else if ($ || C) {
+            let q = Y.fromISO(k.filterValue, {
               zone: t.timeZone ?? "UTC"
             }).set({
               second: 0,
               millisecond: 0
             });
-            t.column.type === "date" || t.column.type === "slot" && t.column.slotType === "date" ? V = V.plus({ days: 1 }) : V = V.plus({ minutes: 1 }), v = [
+            t.column.type === "date" || t.column.type === "slot" && t.column.slotType === "date" ? q = q.plus({ days: 1 }) : q = q.plus({ minutes: 1 }), v = [
               {
                 filterOnColumn: t.column.field,
                 filterOperation: $ ? le.EQUAL_OR_LESS_THAN : le.GREATER_THAN,
                 filterMethod: $ ? "equalorlessthan" : "greaterthan",
-                filterValue: V.minus({ milliseconds: 1 }).toISO()
+                filterValue: q.minus({ milliseconds: 1 }).toISO()
               }
             ];
           }
@@ -4685,7 +4691,7 @@ const Ar = {
             t.timeZone ? k.filterValue = Y.fromISO(k.filterValue).setZone("UTC").toISO() ?? "" : k.filterValue = k.filterValue.replace("Z", "");
         u.value = v;
       }
-    }), C = A({
+    }), O = A({
       get: () => y.value,
       set(f) {
         y.value = f;
@@ -4694,22 +4700,22 @@ const Ar = {
     function D(f, v, k) {
       return v !== void 0 && v !== "" && f === k && c.value;
     }
-    const O = A(() => {
+    const T = A(() => {
       var f;
       return ((f = y.value) == null ? void 0 : f.filterValue) ?? "";
-    }), F = A(() => O.value === "" ? null : O.value), q = A(() => O.value === "" ? null : O.value), H = A(() => Tl(t.column));
+    }), F = A(() => T.value === "" ? null : T.value), V = A(() => T.value === "" ? null : T.value), H = A(() => Tl(t.column));
     function X(f, v) {
-      var T;
+      var C;
       let k, j = !1;
       const $ = ((f == null ? void 0 : f.value) ?? v).trim();
       if (y.value)
-        j = ((T = y.value) == null ? void 0 : T.filterValue) === $, k = ve(C.value), k.filterValue = $;
+        j = ((C = y.value) == null ? void 0 : C.filterValue) === $, k = ve(O.value), k.filterValue = $;
       else if ($ !== "" && typeof t.column.field < "u") {
-        const V = d();
+        const q = d();
         k = {
           filterOnColumn: t.column.field,
-          filterMethod: le[V].replace("_", "").toLowerCase(),
-          filterOperation: V,
+          filterMethod: le[q].replace("_", "").toLowerCase(),
+          filterOperation: q,
           filterValue: $
         };
       } else
@@ -4753,16 +4759,16 @@ const Ar = {
         class: "!cl-h-[2rem] cl-bg-white cl-border-none cl-font-normal cl-mb-0 cl-rounded-md cl-w-full",
         onChange: v[0] || (v[0] = (k) => X(k.target))
       }, [
-        Ur,
+        Pr,
         g("option", {
           value: "true",
-          selected: O.value === "true"
+          selected: T.value === "true"
         }, M(b(r)("grid.true")), 9, zr),
         g("option", {
           value: "false",
-          selected: O.value === "false"
+          selected: T.value === "false"
         }, M(b(r)("grid.false")), 9, Br)
-      ], 40, Pr)) : c.value ? (m(), _(yl, {
+      ], 40, Ur)) : c.value ? (m(), _(yl, {
         key: 1,
         id: `${b(h)}-${f.column.name}`,
         "model-value": F.value,
@@ -4776,7 +4782,7 @@ const Ar = {
       }, null, 8, ["id", "model-value", "disabled", "label", "input-type", "time-zone"])) : i.value ? (m(), _(yl, {
         key: 2,
         id: `${b(h)}-${f.column.name}`,
-        "model-value": q.value,
+        "model-value": V.value,
         class: "!cl-h-[2rem] [&_.clear-icon]:-cl-m-1 [&_.icon]:cl-text-sm cl-border-none cl-mb-0 cl-w-full",
         disabled: f.loading,
         "input-type": "dateRange",
@@ -4786,7 +4792,7 @@ const Ar = {
       }, null, 8, ["id", "model-value", "disabled", "time-zone", "quick-date-scope"])) : f.column.type === "number" || f.column.type === "slot" && f.column.slotType === "number" ? (m(), _(_e, {
         key: 3,
         id: `${b(h)}-${f.column.name}`,
-        "model-value": O.value === "" || isNaN(+O.value) ? null : +O.value,
+        "model-value": T.value === "" || isNaN(+T.value) ? null : +T.value,
         format: f.column.format === b(re).INTEGER ? b(re).DECIMAL : f.column.format,
         precision: b(n)(b(a))[f.column.format ?? b(re).DECIMAL].maximumFractionDigits,
         class: "cl-border-none cl-font-normal cl-h-[2rem] cl-mb-0 cl-text-xs cl-w-full lg:cl-text-base",
@@ -4804,7 +4810,7 @@ const Ar = {
       }, 8, ["id", "model-value", "format", "precision", "disabled", "readonly"])) : f.column.type === "string" || f.column.type === "slot" && f.column.slotType === "string" ? (m(), w("div", Hr, [
         N(Ne, {
           id: `${b(h)}-${f.column.name}`,
-          "model-value": O.value,
+          "model-value": T.value,
           class: "cl-border-none cl-font-normal cl-h-[2rem] cl-px-3 cl-text-xs lg:cl-text-base",
           disabled: f.loading,
           "onUpdate:modelValue": v[4] || (v[4] = (k) => X(null, k))
@@ -4825,18 +4831,18 @@ const Ar = {
         (m(!0), w(ee, null, ue(f.column.listEntries ?? [], (k) => (m(), w("option", {
           key: k.value,
           value: k.value,
-          selected: O.value === k.value.toString()
+          selected: T.value === k.value.toString()
         }, M(b(r)(k.translationKey)), 9, Zr))), 128))
-      ], 40, Wr)) : U("", !0),
-      i.value ? U("", !0) : (m(), _(Lr, {
+      ], 40, Wr)) : P("", !0),
+      i.value ? P("", !0) : (m(), _(Lr, {
         key: 6,
-        filter: C.value,
-        "onUpdate:filter": v[6] || (v[6] = (k) => C.value = k),
+        filter: O.value,
+        "onUpdate:filter": v[6] || (v[6] = (k) => O.value = k),
         loading: f.loading,
         column: f.column,
         "default-operation": d()
       }, null, 8, ["filter", "loading", "column", "default-operation"]))
-    ])) : U("", !0);
+    ])) : P("", !0);
   }
 }), Qr = { class: "-cl-top-1 cl-bg-white cl-shadow-sm cl-sticky cl-z-20 lg:cl-bg-transparent lg:cl-relative lg:cl-shadow-none" }, Yr = { class: "cl-hidden lg:cl-table-row" }, Jr = ["onClick"], Xr = { class: "cl-flex cl-justify-end cl-w-full lg:cl-hidden" }, ei = { class: "cl-col-span-2 lg:cl-hidden" }, li = ["onClick"], ti = { class: "cl-font-normal cl-mr-1" }, oi = /* @__PURE__ */ K({
   __name: "cl-ui-grid-header",
@@ -4940,7 +4946,7 @@ const Ar = {
               class: "cl-cursor-pointer cl-inline-block",
               icon: "ph:minus"
             }))
-          ], 8, li)) : U("", !0),
+          ], 8, li)) : P("", !0),
           N(_r, {
             class: "cl-col-span-4",
             loading: c.loading,
@@ -4966,7 +4972,7 @@ const Ar = {
   }),
   emits: /* @__PURE__ */ Te(["update:request"], ["update:searchValue"]),
   setup(o, { emit: e }) {
-    const t = o, l = Pe(o, "searchValue"), r = e, n = A({
+    const t = o, l = Ue(o, "searchValue"), r = e, n = A({
       get: () => t.request,
       set: (u) => r("update:request", u)
     });
@@ -5084,13 +5090,13 @@ const Ar = {
                           class: "cl-cursor-pointer cl-inline-block cl-mr-2",
                           icon: "ph:arrow-left",
                           onClick: (y) => u(p, "down")
-                        }, null, 8, ["onClick"])) : U("", !0),
+                        }, null, 8, ["onClick"])) : P("", !0),
                         p !== c.columns.length - 1 ? (m(), _(b(Z), {
                           key: 1,
                           class: "cl-cursor-pointer cl-inline-block",
                           icon: "ph:arrow-right",
                           onClick: (y) => u(p, "up")
-                        }, null, 8, ["onClick"])) : U("", !0)
+                        }, null, 8, ["onClick"])) : P("", !0)
                       ], 64)) : (m(), w("em", yi, M(b(r)("grid.hidden")), 1))
                     ])
                   ]))), 128))
@@ -5149,17 +5155,18 @@ const Ar = {
       const h = ve(p.value);
       h.pageNumber = 1, h.filters = [], X.value = "", p.value = h;
     }
-    const C = It(() => l("data-request"), 750);
-    ne(p, C, {
+    const O = It(() => l("data-request"), 750);
+    ne(p, O, {
       deep: !0,
       immediate: !0
     });
-    const D = A(() => t.data), O = L(!1), F = L(!1);
-    ne(O, () => {
-      O.value ? l("edit-start") : Ue(() => l("edit-end"));
+    const D = A(() => t.data), T = L(!1), F = L(!1);
+    ne(T, () => {
+      T.value ? l("edit-start") : Pe(() => l("edit-end"));
     });
-    const q = A(() => ({
+    const V = A(() => ({
       highlightRowSelection: !0,
+      disableUnsavedChangesWarning: !1,
       ...t.options
     })), H = A({
       get() {
@@ -5190,7 +5197,7 @@ const Ar = {
           z(h.$slots, "search", me(ge(v)))
         ]),
         _: 3
-      }, 8, ["search-value", "request", "columns"])) : U("", !0),
+      }, 8, ["search-value", "request", "columns"])) : P("", !0),
       N(Ee, { name: "fade" }, {
         default: x(() => [
           J(g("div", $i, [
@@ -5202,12 +5209,12 @@ const Ar = {
         _: 1
       }),
       N(Aa, {
-        "edit-mode": O.value,
-        "onUpdate:editMode": f[3] || (f[3] = (v) => O.value = v),
+        "edit-mode": T.value,
+        "onUpdate:editMode": f[3] || (f[3] = (v) => T.value = v),
         "filter-panel-open": F.value,
         "onUpdate:filterPanelOpen": f[4] || (f[4] = (v) => F.value = v),
         columns: h.columns,
-        options: q.value,
+        options: V.value,
         request: p.value,
         loading: h.loading,
         onClearFilters: y
@@ -5243,7 +5250,7 @@ const Ar = {
             "filter-panel-open": F.value,
             "onUpdate:filterPanelOpen": f[6] || (f[6] = (v) => F.value = v),
             columns: u.value,
-            options: q.value,
+            options: V.value,
             loading: h.loading,
             "time-zone": h.timeZone,
             "header-display-timezone": n.value
@@ -5255,8 +5262,8 @@ const Ar = {
             "time-zone": h.timeZone,
             loading: h.loading,
             "search-value": X.value,
-            options: q.value,
-            "edit-mode": O.value,
+            options: V.value,
+            "edit-mode": T.value,
             onClearFilters: y,
             onRowEdit: f[7] || (f[7] = (v) => h.$emit("row-edit", v)),
             onRowEditCancelled: f[8] || (f[8] = (v) => h.$emit("row-edit-cancelled", v)),
@@ -5273,10 +5280,13 @@ const Ar = {
       ]),
       N(Dn, {
         request: p.value,
-        "onUpdate:request": f[10] || (f[10] = (v) => p.value = v),
         loading: h.loading,
-        data: h.data
-      }, null, 8, ["request", "loading", "data"])
+        "show-unsaved-changes-warning": T.value && V.value.disableUnsavedChangesWarning === !1,
+        data: h.data,
+        "onUpdate:request": f[10] || (f[10] = (v) => {
+          T.value = !1, p.value = v;
+        })
+      }, null, 8, ["request", "loading", "show-unsaved-changes-warning", "data"])
     ]));
   }
 }), Oi = { 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" }, Ei = /* @__PURE__ */ K({
@@ -5344,8 +5354,8 @@ const Ar = {
             "cl-text-white": e.colour === "secondary"
           }])
         }, [
-          e.username ? (m(), w("div", Ni, M(e.username), 1)) : U("", !0),
-          e.group ? (m(), w("div", Ai, M(e.group), 1)) : U("", !0)
+          e.username ? (m(), w("div", Ni, M(e.username), 1)) : P("", !0),
+          e.group ? (m(), w("div", Ai, M(e.group), 1)) : P("", !0)
         ], 2),
         g("div", Vi, [
           N(b(Z), {
@@ -5409,10 +5419,10 @@ function Li(o) {
 function ji(o) {
   return typeof o.name == "string" && typeof o.nativeName == "string" && typeof o.localeCode == "string";
 }
-const Pi = {
+const Ui = {
   key: 0,
   class: "cl-flex cl-relative cl-select-none cl-w-auto cl-z-30"
-}, Ui = { 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" }, zi = ["data-localename", "data-localecode", "onClick"], Bi = { class: "cl-text-xs" }, xi = /* @__PURE__ */ K({
+}, Pi = { 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" }, zi = ["data-localename", "data-localecode", "onClick"], Bi = { class: "cl-text-xs" }, xi = /* @__PURE__ */ K({
   __name: "cl-ui-language-switcher",
   props: {
     supportedLanguages: {},
@@ -5424,14 +5434,14 @@ const Pi = {
     const t = o, l = e, { locale: r } = de(), n = L(!1), a = A(() => t.supportedLanguages.find((i) => i.localeCode === r.value) ?? u(t.supportedLanguages, r.value) ?? t.defaultLangauge), d = A(() => t.supportedLanguages.filter((i) => wl(i)).sort((i, s) => i.nativeName > s.nativeName ? 1 : s.nativeName > i.nativeName ? -1 : 0));
     function u(i, s) {
       const p = s.split("-")[0];
-      return i.find((C) => C.localeCode.split("-")[0] === p) ?? null;
+      return i.find((O) => O.localeCode.split("-")[0] === p) ?? null;
     }
     function c() {
       t.disabled || (n.value = !n.value);
     }
     return ne(() => t.disabled, (i) => {
       i && (n.value = !1);
-    }), (i, s) => a.value !== null && b(wl)(a.value) ? (m(), w("div", Pi, [
+    }), (i, s) => a.value !== null && b(wl)(a.value) ? (m(), w("div", Ui, [
       g("div", {
         class: B(["cl-flex cl-items-center", {
           "cl-cursor-pointer": !i.disabled
@@ -5446,13 +5456,13 @@ const Pi = {
       ], 2),
       N(Ee, { name: "fade" }, {
         default: x(() => [
-          J(g("div", Ui, [
+          J(g("div", Pi, [
             (m(!0), w(ee, null, ue(d.value, (p, y) => (m(), w("div", {
               key: y,
               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": p.name,
               "data-localecode": p.localeCode,
-              onClick: (C) => {
+              onClick: (O) => {
                 r.value = p.localeCode, c(), l("language-select", p.localeCode);
               }
             }, [
@@ -5464,7 +5474,7 @@ const Pi = {
         ]),
         _: 1
       })
-    ])) : U("", !0);
+    ])) : P("", !0);
   }
 }), Hi = { class: "cl-relative" }, Gi = { class: "cl-h-full cl-z-0 xl:cl-h-screen" }, Wi = { 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" }, Ki = { class: "cl-col-span-10 lg:cl-col-span-3" }, Zi = {
   key: 0,
@@ -5504,7 +5514,7 @@ const Pi = {
         ]),
         i.$slots["language-switcher"] ? (m(), w("div", Zi, [
           z(i.$slots, "language-switcher")
-        ])) : U("", !0),
+        ])) : P("", !0),
         g("div", {
           class: B(["cl-gap-y-4 cl-grid cl-grid-cols-1 lg:cl-gap-x-2 lg:cl-grid-cols-8", {
             "cl-col-span-7": !i.$slots["language-switcher"],
@@ -5538,7 +5548,7 @@ const Pi = {
                   ]),
                   _: 1
                 }, 8, ["modelValue", "class", "errors", "placeholder"]),
-                d.value ? (m(), w("div", Xi, M(b(l)("login.validEmail")), 1)) : U("", !0)
+                d.value ? (m(), w("div", Xi, M(b(l)("login.validEmail")), 1)) : P("", !0)
               ])
             ])
           ]),
@@ -5608,9 +5618,9 @@ const Pi = {
             var p;
             return [
               J(g("span", os, [
-                (m(!0), w(ee, null, ue(i.errors, (y, C) => (m(), w("div", {
+                (m(!0), w(ee, null, ue(i.errors, (y, O) => (m(), w("div", {
                   id: "cl-ui-login-errors",
-                  key: C,
+                  key: O,
                   class: "cl-font-semibold"
                 }, M(y), 1))), 128))
               ], 512), [
@@ -5642,20 +5652,20 @@ const Pi = {
   },
   emits: ["pinned-state", "open-state"],
   setup(o, { expose: e, emit: t }) {
-    const l = t, r = L([]), n = A(() => r.value.filter((O) => O.open === !0).length > 0);
-    function a(O) {
-      let F = r.value.find((q) => q.id === O);
+    const l = t, r = L([]), n = A(() => r.value.filter((T) => T.open === !0).length > 0);
+    function a(T) {
+      let F = r.value.find((V) => V.id === T);
       return F || (F = {
-        id: O,
+        id: T,
         open: !1
       }, r.value.push(F)), F.open;
     }
-    function d(O) {
-      const F = r.value.find((H) => H.id === O);
-      let q;
-      F && (F.open = !F.open, F.open && (q = F.id), r.value.forEach((H) => {
-        H.id !== O && (H.open = !1);
-      })), l("open-state", !!(F != null && F.open), q);
+    function d(T) {
+      const F = r.value.find((H) => H.id === T);
+      let V;
+      F && (F.open = !F.open, F.open && (V = F.id), r.value.forEach((H) => {
+        H.id !== T && (H.open = !1);
+      })), l("open-state", !!(F != null && F.open), V);
     }
     const u = Rt();
     ne(
@@ -5672,18 +5682,18 @@ const Pi = {
       c.value = !c.value, l("pinned-state", c.value), i.value = !0, s();
     }
     const y = L();
-    function C(O) {
-      p(), typeof O == "number" && d(O);
+    function O(T) {
+      p(), typeof T == "number" && d(T);
     }
     function D() {
-      c.value === !1 && n.value === !0 && (r.value.forEach((O) => {
-        O.open = !1;
+      c.value === !1 && n.value === !0 && (r.value.forEach((T) => {
+        T.open = !1;
       }), l("open-state", !1, void 0));
     }
     return Sl(y, D), e({
       closeNavigation: D,
-      restorePinnedNavigation: C
-    }), (O, F) => (m(), w("div", {
+      restorePinnedNavigation: O
+    }), (T, F) => (m(), w("div", {
       ref_key: "navElement",
       ref: y,
       class: "cl-flex cl-flex-nowrap cl-relative"
@@ -5691,13 +5701,13 @@ const Pi = {
       g("div", {
         id: "group-container",
         class: B(["cl-h-full cl-overflow-y-auto cl-overscroll-y-none cl-pb-20 cl-w-20 cl-z-40 xl:cl-pb-0", {
-          "cl-bg-primary-default": O.colour === "default",
-          "cl-bg-blue-dark": O.colour === "secondary"
+          "cl-bg-primary-default": T.colour === "default",
+          "cl-bg-blue-dark": T.colour === "secondary"
         }])
       }, [
-        z(O.$slots, "icon", ie({ navcolour: O.colour }, { groupIsOpen: a, toggleOpen: d }), void 0, !0)
+        z(T.$slots, "icon", ie({ navcolour: T.colour }, { groupIsOpen: a, toggleOpen: d }), void 0, !0)
       ], 2),
-      i.value ? (m(), w("div", is)) : U("", !0),
+      i.value ? (m(), w("div", is)) : P("", !0),
       N(Ee, { name: "slide-right" }, {
         default: x(() => [
           J(g("div", {
@@ -5719,7 +5729,7 @@ const Pi = {
                   icon: "ph:push-pin"
                 }))
               ]),
-              z(O.$slots, "default", me(ge({ groupIsOpen: a })), void 0, !0)
+              z(T.$slots, "default", me(ge({ groupIsOpen: a })), void 0, !0)
             ])
           ], 2), [
             [te, n.value]
@@ -5768,7 +5778,7 @@ const Pi = {
     }, [
       e.$slots.title ? (m(), w("div", fs, [
         z(e.$slots, "title")
-      ])) : U("", !0),
+      ])) : P("", !0),
       g("div", ps, [
         z(e.$slots, "default")
       ])
@@ -5782,7 +5792,7 @@ function ys(o, e) {
   return m(), w("div", gs, [
     o.$slots.title ? (m(), w("div", hs, [
       z(o.$slots, "title")
-    ])) : U("", !0),
+    ])) : P("", !0),
     g("span", bs, [
       z(o.$slots, "default")
     ])
@@ -5815,32 +5825,32 @@ const Ts = /* @__PURE__ */ ke(ks, [["render", Ss]]), Cs = /* @__PURE__ */ K({
     }
     function y(F) {
       if (d.value) {
-        const q = d.value.scrollWidth / 5;
-        let H = q;
-        F === "left" && (H = -q), d.value.scroll(d.value.scrollLeft + H, 0);
+        const V = d.value.scrollWidth / 5;
+        let H = V;
+        F === "left" && (H = -V), d.value.scroll(d.value.scrollLeft + H, 0);
       }
     }
-    function C(F) {
-      let q = n.value.find((H) => H.id === F);
-      return q || (q = {
+    function O(F) {
+      let V = n.value.find((H) => H.id === F);
+      return V || (V = {
         id: F,
         open: !1
-      }, n.value.push(q)), q.open;
+      }, n.value.push(V)), V.open;
     }
     function D(F) {
-      const q = n.value.find((H) => H.id === F);
-      q && q.open === !1 && (q.open = !q.open, n.value.forEach((H) => {
+      const V = n.value.find((H) => H.id === F);
+      V && V.open === !1 && (V.open = !V.open, n.value.forEach((H) => {
         H.id !== F && (H.open = !1);
       }), r("tab-opened", F));
     }
-    function O(F) {
+    function T(F) {
       typeof F == "number" && D(F);
     }
     return Ze(() => {
       p(), D(n.value[0].id);
     }), sl(() => window.removeEventListener("resize", s)), e({
-      setTab: O
-    }), (F, q) => (m(), w("div", {
+      setTab: T
+    }), (F, V) => (m(), w("div", {
       class: B(["cl-w-full", {
         "cl-flex cl-flex-row cl-gap-4 xl:cl-gap-6 cl-h-full": i.value === !1
       }])
@@ -5856,13 +5866,13 @@ const Ts = /* @__PURE__ */ ke(ks, [["render", Ss]]), Cs = /* @__PURE__ */ K({
         u.value && i.value ? (m(), w("div", {
           key: 0,
           class: "cl-bg-white cl-cursor-pointer cl-float-left cl-h-11 cl-w-4",
-          onClick: q[0] || (q[0] = (H) => y("left"))
+          onClick: V[0] || (V[0] = (H) => y("left"))
         }, [
           N(b(Z), {
             icon: "ph:caret-left",
             class: "cl-mt-4 cl-text-secondary-default"
           })
-        ])) : U("", !0),
+        ])) : P("", !0),
         g("div", {
           ref_key: "headerContainer",
           ref: d,
@@ -5873,21 +5883,21 @@ const Ts = /* @__PURE__ */ ke(ks, [["render", Ss]]), Cs = /* @__PURE__ */ K({
           }]),
           onScrollPassive: s
         }, [
-          z(F.$slots, "headings", me(ge({ isTabOpen: C, toggleOpen: D, colour: F.colour, layout: F.layout })))
+          z(F.$slots, "headings", me(ge({ isTabOpen: O, toggleOpen: D, colour: F.colour, layout: F.layout })))
         ], 34),
         c.value && i.value ? (m(), w("div", {
           key: 1,
           class: "cl-bg-white cl-cursor-pointer cl-float-right cl-h-11 cl-relative cl-w-4",
-          onClick: q[1] || (q[1] = (H) => y("right"))
+          onClick: V[1] || (V[1] = (H) => y("right"))
         }, [
           N(b(Z), {
             icon: "ph:caret-right",
             class: "cl-mt-4 cl-text-secondary-default"
           })
-        ])) : U("", !0)
+        ])) : P("", !0)
       ], 2),
       J(g("div", null, [
-        z(F.$slots, "content", me(ge({ isTabOpen: C })))
+        z(F.$slots, "content", me(ge({ isTabOpen: O })))
       ], 512), [
         [te, a.value]
       ])
@@ -5935,7 +5945,7 @@ const Ts = /* @__PURE__ */ ke(ks, [["render", Ss]]), Cs = /* @__PURE__ */ K({
         g("h4", Ds, M(e.title), 1)
       ]),
       z(e.$slots, "default")
-    ])) : U("", !0);
+    ])) : P("", !0);
   }
 }), As = [
   "default",
@@ -6039,7 +6049,7 @@ const Ts = /* @__PURE__ */ ke(ks, [["render", Ss]]), Cs = /* @__PURE__ */ K({
   "tel",
   "password",
   "search"
-], Ps = { class: "cl-gap-1 cl-grid cl-grid-cols-[auto_1fr_auto_auto] cl-pt-0.5 cl-w-full" }, Us = ["disabled"], zs = { class: "cl-max-w-max" }, Bs = { class: "cl-flex cl-flex-col cl-gap-1 cl-w-full" }, xs = ["min", "disabled", "required", "step", "max"], Hs = { class: "cl-bg-white cl-border cl-border-grey-2 cl-leading-none cl-rounded-full cl-text-center cl-text-xs" }, Gs = ["disabled"], Ws = ["disabled", "title"], Ks = /* @__PURE__ */ K({
+], Us = { class: "cl-gap-1 cl-grid cl-grid-cols-[auto_1fr_auto_auto] cl-pt-0.5 cl-w-full" }, Ps = ["disabled"], zs = { class: "cl-max-w-max" }, Bs = { class: "cl-flex cl-flex-col cl-gap-1 cl-w-full" }, xs = ["min", "disabled", "required", "step", "max"], Hs = { class: "cl-bg-white cl-border cl-border-grey-2 cl-leading-none cl-rounded-full cl-text-center cl-text-xs" }, Gs = ["disabled"], Ws = ["disabled", "title"], Ks = /* @__PURE__ */ K({
   inheritAttrs: !1,
   __name: "cl-ui-input-range",
   props: /* @__PURE__ */ Te({
@@ -6059,7 +6069,7 @@ const Ts = /* @__PURE__ */ ke(ks, [["render", Ss]]), Cs = /* @__PURE__ */ K({
     Zl((s) => ({
       "28c20101": d.value
     }));
-    const t = o, l = Pe(o, "modelValue"), { t: r } = de(), n = L(), a = L(), d = A(() => `${100 * (l.value - t.min) / (t.max - t.min)}%`), u = L(!1), c = Mt(l, 50);
+    const t = o, l = Ue(o, "modelValue"), { t: r } = de(), n = L(), a = L(), d = A(() => `${100 * (l.value - t.min) / (t.max - t.min)}%`), u = L(!1), c = Mt(l, 50);
     function i(s) {
       var p;
       l.value = s, (p = n.value) == null || p.focus();
@@ -6080,18 +6090,18 @@ const Ts = /* @__PURE__ */ ke(ks, [["render", Ss]]), Cs = /* @__PURE__ */ K({
         "show-required-asterisk": s.required
       }, Re({
         default: x(() => [
-          g("div", Ps, [
+          g("div", Us, [
             g("button", {
               disabled: s.disabled,
               class: "active:cl-bg-grey-0 cl-bg-white cl-border cl-border-grey-2 cl-leading-none cl-min-w-[26px] cl-p-[5px] cl-rounded-full cl-shadow cl-text-xs cl-transition-colors disabled:cl-bg-grey-1 hover:cl-bg-off-white",
-              onClick: p[0] || (p[0] = (C) => i(s.min))
-            }, M(b(vl)(s.min, s.precision)), 9, Us),
+              onClick: p[0] || (p[0] = (O) => i(s.min))
+            }, M(b(vl)(s.min, s.precision)), 9, Ps),
             g("div", zs, [
               J(g("div", Bs, [
                 J(g("input", ie({
                   ref_key: "sliderRef",
                   ref: n,
-                  "onUpdate:modelValue": p[1] || (p[1] = (C) => l.value = C)
+                  "onUpdate:modelValue": p[1] || (p[1] = (O) => l.value = O)
                 }, s.$attrs, {
                   class: "cl-appearance-none cl-bg-transparent cl-cursor-pointer cl-outline-none cl-w-48 disabled:cl-cursor-default",
                   type: "range",
@@ -6116,7 +6126,7 @@ const Ts = /* @__PURE__ */ ke(ks, [["render", Ss]]), Cs = /* @__PURE__ */ K({
                 ref_key: "inputRef",
                 ref: a,
                 modelValue: l.value,
-                "onUpdate:modelValue": p[2] || (p[2] = (C) => l.value = C),
+                "onUpdate:modelValue": p[2] || (p[2] = (O) => l.value = O),
                 class: "cl-py-0.5 cl-w-48"
               }, s.$attrs, {
                 min: s.min,
@@ -6131,13 +6141,13 @@ const Ts = /* @__PURE__ */ ke(ks, [["render", Ss]]), Cs = /* @__PURE__ */ K({
             g("button", {
               disabled: s.disabled,
               class: "active:cl-bg-grey-0 cl-bg-white cl-border cl-border-grey-2 cl-leading-none cl-min-w-[26px] cl-p-[5px] cl-rounded-full cl-shadow cl-text-xs cl-transition-colors disabled:cl-bg-grey-1 hover:cl-bg-off-white",
-              onClick: p[3] || (p[3] = (C) => i(s.max))
+              onClick: p[3] || (p[3] = (O) => i(s.max))
             }, M(b(vl)(s.max, s.precision)), 9, Gs),
             g("button", {
               disabled: s.disabled,
               class: "active:cl-bg-grey-0 cl-bg-white cl-border cl-border-grey-2 cl-leading-none cl-min-w-0 cl-p-[5px] cl-rounded-full cl-shadow cl-text-xs cl-transition-colors disabled:cl-bg-grey-1 hover:cl-bg-off-white",
               title: b(r)("input.switchInputMode"),
-              onClick: p[4] || (p[4] = (C) => u.value = !u.value)
+              onClick: p[4] || (p[4] = (O) => u.value = !u.value)
             }, [
               N(y, { icon: "ph:arrows-left-right-thin" })
             ], 8, Ws)
@@ -6162,7 +6172,7 @@ const Ts = /* @__PURE__ */ ke(ks, [["render", Ss]]), Cs = /* @__PURE__ */ K({
   buttonColours: to,
   buttonSizes: oo,
   cardSizes: ro,
-  clUiAccordion: Pt,
+  clUiAccordion: Ut,
   clUiAccordionHeader: Kt,
   clUiAccordionItem: xt,
   clUiApp: Yt,
@@ -6232,7 +6242,7 @@ export {
   to as buttonColours,
   oo as buttonSizes,
   ro as cardSizes,
-  Pt as clUiAccordion,
+  Ut as clUiAccordion,
   Kt as clUiAccordionHeader,
   xt as clUiAccordionItem,
   Yt as clUiApp,