@citruslime/ui 2.6.27 → 2.6.28-beta.0

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

@@ -1011,7 +1011,7 @@ const ll = /* @__PURE__ */ $e(Ut, [["__scopeId", "data-v-14711049"]]), Bt = { cl
         d = `${T} - ${L}`;
       }
       return d;
-    }), oe = tt("(min-width: 768px)"), w = N(() => oe.value ? 2 : 1);
+    }), oe = tt("(min-width: 768px)"), y = N(() => oe.value ? 2 : 1);
     return (d, v) => d.type === "time" ? (m(), K(h(el), {
       key: 0,
       modelValue: c.value,
@@ -1055,7 +1055,7 @@ const ll = /* @__PURE__ */ $e(Ut, [["__scopeId", "data-v-14711049"]]), Bt = { cl
       locale: h(o),
       is24hr: h(o) !== "en-US",
       timezone: n.value,
-      columns: w.value,
+      columns: y.value,
       popover: s.value,
       "min-date": d.min,
       "max-date": d.max,
@@ -1417,11 +1417,11 @@ function aa(a, e) {
       oe ? (i = new la({
         el: oe,
         options: a,
-        onInput: (w) => {
-          !S && e !== !1 && D.value !== w.number && (p == null || p(F, w.number)), s.value = w.number, r.value = w.formatted;
+        onInput: (y) => {
+          !S && e !== !1 && D.value !== y.number && (p == null || p(F, y.number)), s.value = y.number, r.value = y.formatted;
         },
-        onChange: (w) => {
-          e !== !1 && (p == null || p(_, w.number));
+        onChange: (y) => {
+          e !== !1 && (p == null || p(_, y.number));
         }
       }), i.setValue(D.value)) : console.error('No input element found. Please make sure that the "inputRef" template ref is properly assigned.');
     } else
@@ -1762,14 +1762,14 @@ const ba = { class: "cl-flex cl-justify-between" }, ya = { class: "cl-w-full" },
   setup(a, { expose: e, emit: l }) {
     const t = a, n = A(null), c = A(null), i = A(!1), o = A(!1), r = N(W), s = N(() => t.placeholderText.trim() !== "" ? t.placeholderText : t.label), f = A(0), p = N({
       get: () => t.modelValue,
-      set: (y) => T(y, !1)
+      set: (w) => T(w, !1)
     }), u = N({
       get: () => t.modelValue,
-      set: (y) => v(y)
-    }), b = N(() => typeof t.min == "number" ? t.min.toString() : t.min), S = N(() => typeof t.max == "number" ? t.max.toString() : t.max), D = N(() => typeof t.min == "number" || t.min === null ? t.min : parseFloat(t.min)), F = N(() => typeof t.max == "number" || t.max === null ? t.max : parseFloat(t.max)), _ = N(() => t.messageWhenValid.trim() !== "" ? t.messageWhenValid : ""), V = A(!0), ee = A(!0), oe = A([]), w = N(() => {
-      var y, M;
+      set: (w) => v(w)
+    }), b = N(() => typeof t.min == "number" ? t.min.toString() : t.min), S = N(() => typeof t.max == "number" ? t.max.toString() : t.max), D = N(() => typeof t.min == "number" || t.min === null ? t.min : parseFloat(t.min)), F = N(() => typeof t.max == "number" || t.max === null ? t.max : parseFloat(t.max)), _ = N(() => t.messageWhenValid.trim() !== "" ? t.messageWhenValid : ""), V = A(!0), ee = A(!0), oe = A([]), y = N(() => {
+      var w, M;
       return [
-        ...((y = oe.value) == null ? void 0 : y.filter((x) => ((x == null ? void 0 : x.length) ?? 0) > 0)) ?? [],
+        ...((w = oe.value) == null ? void 0 : w.filter((x) => ((x == null ? void 0 : x.length) ?? 0) > 0)) ?? [],
         ...((M = t.externalErrors) == null ? void 0 : M.filter((x) => ((x == null ? void 0 : x.length) ?? 0) > 0)) ?? []
       ].join(`
 `);
@@ -1782,13 +1782,13 @@ const ba = { class: "cl-flex cl-justify-between" }, ya = { class: "cl-w-full" },
       },
       ...t.currencyOptions
     }));
-    async function v(y) {
-      t.validateOn === "input" && await L(y), l("update:model-value", y);
+    async function v(w) {
+      t.validateOn === "input" && await L(w), l("update:model-value", w);
     }
-    async function T(y, M) {
-      t.onInputFunction !== void 0 && (y = t.onInputFunction(y)), t.validateOn === "change" && (ee.value = !1), (M || t.validateOn === "input") && await L(y), l("update:model-value", y);
+    async function T(w, M) {
+      t.onInputFunction !== void 0 && (w = t.onInputFunction(w)), t.validateOn === "change" && (ee.value = !1), (M || t.validateOn === "input") && await L(w), l("update:model-value", w);
     }
-    function L(y) {
+    function L(w) {
       const M = {
         message: "",
         valid: !0
@@ -1796,41 +1796,41 @@ const ba = { class: "cl-flex cl-justify-between" }, ya = { class: "cl-w-full" },
         t.customValidationFunction === null || t.customValidationFunction === void 0 ? new Promise((be) => {
           be(M);
         }) : new Promise((be) => {
-          be(t.customValidationFunction(t.label, y));
+          be(t.customValidationFunction(t.label, w));
         })
       ];
-      return (typeof y == "string" || typeof y == "number") && (x.push(Rt(t.min, t.inputType, t.label, y, t.timeZone)), x.push(Vt(t.max, t.inputType, t.label, y, t.timeZone))), t.isRequired && x.push(qt(t.label, y)), t.inputType === "email" && typeof y == "string" && x.push(Mt(t.label, y)), Promise.all(x).then((be) => {
+      return (typeof w == "string" || typeof w == "number") && (x.push(Rt(t.min, t.inputType, t.label, w, t.timeZone)), x.push(Vt(t.max, t.inputType, t.label, w, t.timeZone))), t.isRequired && x.push(qt(t.label, w)), t.inputType === "email" && typeof w == "string" && x.push(Mt(t.label, w)), Promise.all(x).then((be) => {
         const Re = [...be.map((ze) => ze.message)], Ne = be.some((ze) => ze.message.length > 0 && ze.valid === !1) || t.externalErrors.length > 0;
-        ee.value = !0, Ne ? (oe.value = Re, l("validated", !1, y)) : (oe.value = [], l("validated", !0, y)), V.value = !Ne;
+        ee.value = !0, Ne ? (oe.value = Re, l("validated", !1, w)) : (oe.value = [], l("validated", !0, w)), V.value = !Ne;
       });
     }
     function j() {
-      let y = "";
-      return t.inputType === "color" && p.value && (t.disabled ? y = "background: #999999" : y = `background: ${p.value};`), y;
+      let w = "";
+      return t.inputType === "color" && p.value && (t.disabled ? w = "background: #999999" : w = `background: ${p.value};`), w;
     }
-    function O(y) {
-      Me(t.inputType) ? (y.preventDefault(), l("click", y)) : t.inputType === "checkbox" && l("click", y);
+    function O(w) {
+      Me(t.inputType) ? (w.preventDefault(), l("click", w)) : t.inputType === "checkbox" && l("click", w);
     }
-    function $(y) {
+    function $(w) {
       if (n.value) {
         n.value.stepUp(), n.value.focus(), T(n.value.valueAsNumber, !1);
         const M = {
           target: n.value
         };
-        l("input", M, n.value.valueAsNumber), l("change", y, n.value.valueAsNumber);
+        l("input", M, n.value.valueAsNumber), l("change", w, n.value.valueAsNumber);
       }
     }
-    function R(y) {
+    function R(w) {
       if (n.value) {
         n.value.stepDown(), n.value.focus(), T(n.value.valueAsNumber, !1);
         const M = {
           target: n.value
         };
-        l("input", M, n.value.valueAsNumber), l("change", y, n.value.valueAsNumber);
+        l("input", M, n.value.valueAsNumber), l("change", w, n.value.valueAsNumber);
       }
     }
-    function B(y) {
-      i.value = y;
+    function B(w) {
+      i.value = w;
     }
     async function C() {
       o.value = !0, B(!1), t.validateOn === "change" && await L(p.value);
@@ -1838,19 +1838,19 @@ const ba = { class: "cl-flex cl-justify-between" }, ya = { class: "cl-w-full" },
     function q() {
       document.querySelectorAll(":-webkit-autofill").length < 1 && f.value++;
     }
-    function Y(y) {
-      y.target.blur();
+    function Y(w) {
+      w.target.blur();
     }
     function W() {
       var x;
-      let y = !0;
+      let w = !0;
       const M = r.value;
-      return i.value ? y = M : o.value && ((x = p.value) == null ? void 0 : x.toString().trim()) === "" && t.requiredText.trim() !== "" && (y = !1), !t.hideRequiredAsterisk && y;
+      return i.value ? w = M : o.value && ((x = p.value) == null ? void 0 : x.toString().trim()) === "" && t.requiredText.trim() !== "" && (w = !1), !t.hideRequiredAsterisk && w;
     }
-    async function ae(y, M) {
-      if (y) {
-        const x = t.inputType === "currency" ? M ?? 0 : vl(y, t.inputType);
-        t.validateOn === "change" && await L(x), l("change", y, x);
+    async function ae(w, M) {
+      if (w) {
+        const x = t.inputType === "currency" ? M ?? 0 : vl(w, t.inputType);
+        t.validateOn === "change" && await L(x), l("change", w, x);
       }
     }
     async function ge() {
@@ -1867,14 +1867,14 @@ const ba = { class: "cl-flex cl-justify-between" }, ya = { class: "cl-w-full" },
       }
     ), e({
       focus() {
-        var y, M;
-        t.inputType === "currency" ? (y = c == null ? void 0 : c.value) == null || y.focus() : (M = n.value) == null || M.focus();
+        var w, M;
+        t.inputType === "currency" ? (w = c == null ? void 0 : c.value) == null || w.focus() : (M = n.value) == null || M.focus();
       },
       blur() {
-        var y, M;
-        t.inputType === "currency" ? (y = c == null ? void 0 : c.value) == null || y.blur() : (M = n.value) == null || M.blur();
+        var w, M;
+        t.inputType === "currency" ? (w = c == null ? void 0 : c.value) == null || w.blur() : (M = n.value) == null || M.blur();
       }
-    }), (y, M) => (m(), k("div", ue({ ...y.$attrs, id: void 0 }, {
+    }), (w, M) => (m(), k("div", ue({ ...w.$attrs, id: void 0 }, {
       key: f.value,
       class: "cl-align-top cl-border-none cl-inline-block cl-text-left"
     }), [
@@ -1884,46 +1884,46 @@ const ba = { class: "cl-flex cl-justify-between" }, ya = { class: "cl-w-full" },
       }, [
         g("div", ba, [
           g("div", ya, [
-            le(g("label", { class: "cl-block cl-mb-1 cl-text-grey-4 cl-text-xs cl-tracking-widest" }, I(y.label), 513), [
-              [te, y.showLabel && y.label !== ""]
+            le(g("label", { class: "cl-block cl-mb-1 cl-text-grey-4 cl-text-xs cl-tracking-widest" }, I(w.label), 513), [
+              [te, w.showLabel && w.label !== ""]
             ])
           ]),
-          y.isRequired && r.value ? (m(), k("label", wa, " * ")) : P("", !0),
-          y.isRequired && !r.value && y.requiredText.length ? (m(), k("label", ka, I(y.requiredText), 1)) : P("", !0)
+          w.isRequired && r.value ? (m(), k("label", wa, " * ")) : P("", !0),
+          w.isRequired && !r.value && w.requiredText.length ? (m(), k("label", ka, I(w.requiredText), 1)) : P("", !0)
         ]),
-        y.inputType !== "range" && y.inputType !== "currency" && !h(ml)(y.inputType) ? (m(), k("div", Ta, [
+        w.inputType !== "range" && w.inputType !== "currency" && !h(ml)(w.inputType) ? (m(), k("div", Ta, [
           le(g("input", ue({
             ref_key: "inputElement",
             ref: n,
             "onUpdate:modelValue": M[0] || (M[0] = (x) => p.value = x)
-          }, y.$attrs, {
+          }, w.$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": y.disabled === !1 && !h(Me)(y.inputType),
-              "!cl-cursor-default": y.disabled,
+              "hover:!cl-border-grey-3": w.disabled === !1 && !h(Me)(w.inputType),
+              "!cl-cursor-default": w.disabled,
               "!cl-border-danger-default": !V.value,
-              "!cl-border-primary-default": V.value && y.highlightWhenValid,
-              "cl-border-grey-0 focus:cl-border-blue-light": V.value && !h(Me)(y.inputType),
-              "!cl-p-2": y.inputType === "checkbox" || y.inputType === "radio",
-              "cl-p-3 cl-rounded-lg": !h(Me)(y.inputType),
-              [`${y.inputSpecificClasses}`]: y.inputSpecificClasses !== ""
+              "!cl-border-primary-default": V.value && w.highlightWhenValid,
+              "cl-border-grey-0 focus:cl-border-blue-light": V.value && !h(Me)(w.inputType),
+              "!cl-p-2": w.inputType === "checkbox" || w.inputType === "radio",
+              "cl-p-3 cl-rounded-lg": !h(Me)(w.inputType),
+              [`${w.inputSpecificClasses}`]: w.inputSpecificClasses !== ""
             }],
             style: j(),
-            type: y.inputType,
-            disabled: y.disabled,
-            min: y.min ?? void 0,
-            max: y.max ?? void 0,
-            minlength: y.min !== null && h(pl)(y.inputType) ? y.min : void 0,
-            maxlength: y.max !== null && h(pl)(y.inputType) ? y.max : void 0,
-            step: y.step,
+            type: w.inputType,
+            disabled: w.disabled,
+            min: w.min ?? void 0,
+            max: w.max ?? void 0,
+            minlength: w.min !== null && h(pl)(w.inputType) ? w.min : void 0,
+            maxlength: w.max !== null && h(pl)(w.inputType) ? w.max : void 0,
+            step: w.step,
             placeholder: s.value,
-            name: y.group,
-            autocomplete: y.autocomplete,
+            name: w.group,
+            autocomplete: w.autocomplete,
             onClick: M[1] || (M[1] = (x) => O(x)),
             onFocus: M[2] || (M[2] = (x) => l("focus")),
             onBlur: re(ge, ["self"]),
             onMousewheelPassive: Y,
             onInput: M[3] || (M[3] = (x) => {
-              l("input", x, h(vl)(x, y.inputType));
+              l("input", x, h(vl)(x, w.inputType));
             }),
             onChange: ae
           }), null, 16, $a), [
@@ -1934,7 +1934,7 @@ const ba = { class: "cl-flex cl-justify-between" }, ya = { class: "cl-w-full" },
             duration: 300
           }, {
             default: Q(() => [
-              y.inputType === "number" && !y.disabled && y.showArrows ? le((m(), k("div", Sa, [
+              w.inputType === "number" && !w.disabled && w.showArrows ? le((m(), k("div", Sa, [
                 E(h(H), {
                   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",
@@ -1955,49 +1955,49 @@ const ba = { class: "cl-flex cl-justify-between" }, ya = { class: "cl-w-full" },
             ]),
             _: 1
           })
-        ])) : y.inputType === "currency" ? (m(), k("div", Ca, [
+        ])) : w.inputType === "currency" ? (m(), k("div", Ca, [
           E(oa, ue({
             ref_key: "currencyInputRef",
             ref: c,
             modelValue: p.value,
             "onUpdate:modelValue": M[6] || (M[6] = (x) => p.value = x),
             modelModifiers: { lazy: !0 }
-          }, y.$attrs, {
-            disabled: y.disabled,
+          }, w.$attrs, {
+            disabled: w.disabled,
             placeholder: s.value,
             "is-valid": V.value,
-            "highlight-when-valid": y.highlightWhenValid,
-            "input-specific-classes": y.inputSpecificClasses,
-            group: y.group,
-            step: y.step,
+            "highlight-when-valid": w.highlightWhenValid,
+            "input-specific-classes": w.inputSpecificClasses,
+            group: w.group,
+            step: w.step,
             "currency-options": d.value,
             onChange: M[7] || (M[7] = (x, be) => ae(x, be)),
             onFocus: M[8] || (M[8] = (x) => l("focus")),
             onBlur: C
           }), null, 16, ["modelValue", "disabled", "placeholder", "is-valid", "highlight-when-valid", "input-specific-classes", "group", "step", "currency-options"])
-        ])) : h(ml)(y.inputType) ? (m(), K(h(Wt), ue({ key: 2 }, y.$attrs, {
+        ])) : h(ml)(w.inputType) ? (m(), K(h(Wt), ue({ key: 2 }, w.$attrs, {
           ref_key: "inputElement",
           ref: n,
           date: u.value,
           "onUpdate:date": M[9] || (M[9] = (x) => u.value = x),
           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": !y.disabled && y.inputType !== "dateRange",
+            "hover:cl-border-grey-3": !w.disabled && w.inputType !== "dateRange",
             "!cl-border-danger-default": !V.value,
-            "!cl-border-primary-default": V.value && y.highlightWhenValid
+            "!cl-border-primary-default": V.value && w.highlightWhenValid
           }],
-          disabled: y.disabled,
-          required: y.isRequired,
-          type: h(ga)(y.inputType),
-          "time-zone": y.timeZone,
+          disabled: w.disabled,
+          required: w.isRequired,
+          type: h(ga)(w.inputType),
+          "time-zone": w.timeZone,
           min: b.value,
           max: S.value,
           placeholder: s.value,
-          "initial-date": y.initialDate,
-          "quick-date-scope": y.quickDateScope,
-          "date-format-locale": y.dateFormatLocale,
+          "initial-date": w.initialDate,
+          "quick-date-scope": w.quickDateScope,
+          "date-format-locale": w.dateFormatLocale,
           onBlur: re(C, ["self"]),
           onFocus: M[10] || (M[10] = (x) => l("focus"))
-        }), null, 16, ["date", "class", "disabled", "required", "type", "time-zone", "min", "max", "placeholder", "initial-date", "quick-date-scope", "date-format-locale", "onBlur"])) : y.inputType === "range" && (typeof p.value == "number" || typeof p.value == "string") ? (m(), k("div", Oa, [
+        }), null, 16, ["date", "class", "disabled", "required", "type", "time-zone", "min", "max", "placeholder", "initial-date", "quick-date-scope", "date-format-locale", "onBlur"])) : w.inputType === "range" && (typeof p.value == "number" || typeof p.value == "string") ? (m(), k("div", Oa, [
           E(h(va), {
             ref_key: "inputElement",
             ref: n,
@@ -2005,17 +2005,17 @@ const ba = { class: "cl-flex cl-justify-between" }, ya = { class: "cl-w-full" },
             "onUpdate:value": M[11] || (M[11] = (x) => p.value = x),
             min: D.value ?? 0,
             max: F.value ?? 1e3,
-            step: y.step,
+            step: w.step,
             placeholder: s.value,
             "enforce-step": !0,
-            disabled: y.disabled,
+            disabled: w.disabled,
             onBlur: re(C, ["self"]),
             onFocus: M[12] || (M[12] = (x) => l("focus"))
           }, null, 8, ["value", "min", "max", "step", "placeholder", "disabled", "onBlur"])
         ])) : P("", !0)
       ], 32),
       V.value && _.value && ee.value ? (m(), k("div", Ea, I(_.value), 1)) : P("", !0),
-      !V.value && w.value.length > 0 && y.showValidationMessages && ee.value ? (m(), k("div", Da, I(w.value), 1)) : P("", !0)
+      !V.value && y.value.length > 0 && w.showValidationMessages && ee.value ? (m(), k("div", Da, I(y.value), 1)) : P("", !0)
     ], 16));
   }
 });
@@ -2426,12 +2426,12 @@ var yl = {
          * @returns {HTMLElement|undefined} The next tabbable node, if any.
          */
         nextTabbableNode: function(ge) {
-          var y = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !0, M = $.indexOf(ge);
-          return M < 0 ? y ? R.slice(R.indexOf(ge) + 1).find(function(x) {
+          var w = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !0, M = $.indexOf(ge);
+          return M < 0 ? w ? R.slice(R.indexOf(ge) + 1).find(function(x) {
             return Ae(x);
           }) : R.slice(0, R.indexOf(ge)).reverse().find(function(x) {
             return Ae(x);
-          }) : $[M + (y ? 1 : -1)];
+          }) : $[M + (w ? 1 : -1)];
         }
       };
     }), i.tabbableGroups = i.containerGroups.filter(function(O) {
@@ -2469,8 +2469,8 @@ var yl = {
           return $ === Ne;
         });
         if (ae < 0 && (W.container === $ || al($, c.tabbableOptions) && !Ae($, c.tabbableOptions) && !W.nextTabbableNode($, !1)) && (ae = Y), ae >= 0) {
-          var ge = ae === 0 ? i.tabbableGroups.length - 1 : ae - 1, y = i.tabbableGroups[ge];
-          q = Oe($) >= 0 ? y.lastTabbableNode : y.lastDomTabbableNode;
+          var ge = ae === 0 ? i.tabbableGroups.length - 1 : ae - 1, w = i.tabbableGroups[ge];
+          q = Oe($) >= 0 ? w.lastTabbableNode : w.lastDomTabbableNode;
         } else
           je(R) || (q = W.nextTabbableNode($, !1));
       } else {
@@ -2553,7 +2553,7 @@ var yl = {
   }, oe = function(O) {
     var $ = Ue(O);
     s($, O) >= 0 || Ve(c.clickOutsideDeactivates, O) || Ve(c.allowOutsideClick, O) || (O.preventDefault(), O.stopImmediatePropagation());
-  }, w = function() {
+  }, y = function() {
     if (i.active)
       return yl.activateTrap(n, o), i.delayInitialFocusTimer = c.delayInitialFocus ? wl(function() {
         b(p());
@@ -2602,7 +2602,7 @@ var yl = {
       var $ = r(O, "onActivate"), R = r(O, "onPostActivate"), B = r(O, "checkCanFocusTrap");
       B || u(), i.active = !0, i.paused = !1, i.nodeFocusedBeforeActivation = t.activeElement, $ == null || $();
       var C = function() {
-        B && u(), w(), L(), R == null || R();
+        B && u(), y(), L(), R == null || R();
       };
       return B ? (B(i.containers.concat()).then(C, C), this) : (C(), this);
     },
@@ -2634,7 +2634,7 @@ var yl = {
       if (!i.paused || !i.active)
         return this;
       var $ = r(O, "onUnpause"), R = r(O, "onPostUnpause");
-      return i.paused = !1, $ == null || $(), u(), w(), L(), R == null || R(), this;
+      return i.paused = !1, $ == null || $(), u(), y(), L(), R == null || R(), this;
     },
     updateContainerElements: function(O) {
       var $ = [].concat(O).filter(Boolean);
@@ -2887,11 +2887,11 @@ const an = /* @__PURE__ */ g("div", { tabindex: "0" }, null, -1), nn = ["onKeypr
   },
   setup(a, { emit: e }) {
     const l = a, { t } = ce(), n = A(""), c = A(!1), i = A(-1), o = N(() => c.value ? -1 : 0), r = A();
-    function s(w) {
-      (w === void 0 || w.code && w.code.startsWith("Arrow") === !1 && w.code.startsWith("Control") === !1 && w.code.startsWith("Shift") === !1 && w.code.startsWith("Tab") === !1 && w.code !== "Enter") && (e("search", n.value), i.value = -2);
+    function s(y) {
+      (y === void 0 || y.code && y.code.startsWith("Arrow") === !1 && y.code.startsWith("Control") === !1 && y.code.startsWith("Shift") === !1 && y.code.startsWith("Tab") === !1 && y.code !== "Enter") && (e("search", n.value), i.value = -2);
     }
-    function f(w) {
-      e("select-object", w);
+    function f(y) {
+      e("select-object", y);
     }
     function p() {
       e("create-object", n.value), u();
@@ -2899,48 +2899,48 @@ const an = /* @__PURE__ */ g("div", { tabindex: "0" }, null, -1), nn = ["onKeypr
     function u() {
       e("hide-dropdown");
     }
-    function b(w) {
-      i.value < l.results.length - 1 ? (i.value === -2 && n.value === "" && i.value++, i.value++) : i.value = w, _();
+    function b(y) {
+      i.value < l.results.length - 1 ? (i.value === -2 && n.value === "" && i.value++, i.value++) : i.value = y, _();
     }
-    function S(w) {
-      i.value > w ? i.value-- : i.value = l.results.length - 1, _();
+    function S(y) {
+      i.value > y ? i.value-- : i.value = l.results.length - 1, _();
     }
     function D() {
       i.value >= 0 && l.results !== void 0 ? f(l.results[i.value].id) : i.value === -1 && p();
     }
-    function F(w) {
-      if (w.key === "Tab" && w.shiftKey === !0) {
+    function F(y) {
+      if (y.key === "Tab" && y.shiftKey === !0) {
         const d = document.getElementsByTagName("input");
         let v = -1;
         for (let T = 0; T < d.length; T++)
-          d[T] === w.target && (v = T - 1);
+          d[T] === y.target && (v = T - 1);
         v >= 0 && (d[v].focus(), u());
       }
     }
     function _() {
-      var w;
-      l.results && l.results.length > 1 && ((w = r.value) == null || w.scrollTo(0, (i.value + 1) * 34 - 34 * 2));
+      var y;
+      l.results && l.results.length > 1 && ((y = r.value) == null || y.scrollTo(0, (i.value + 1) * 34 - 34 * 2));
     }
     function V() {
-      let w = !1;
-      l.results !== null && l.results.length === 1 && (w = n.value.toUpperCase().trim() === l.results[0].name.toUpperCase().trim()), c.value = l.canCreateNewObject === !0 && l.errorMessage === "" && n.value.trim() !== "" && w === !1;
+      let y = !1;
+      l.results !== null && l.results.length === 1 && (y = n.value.toUpperCase().trim() === l.results[0].name.toUpperCase().trim()), c.value = l.canCreateNewObject === !0 && l.errorMessage === "" && n.value.trim() !== "" && y === !1;
     }
-    function ee(w) {
-      i.value = w;
+    function ee(y) {
+      i.value = y;
     }
     function oe() {
       l.isVisible === !0 && (n.value = "", s(), Ie(() => {
-        var w, d;
-        return (d = (w = r.value) == null ? void 0 : w.querySelector("input")) == null ? void 0 : d.focus();
+        var y, d;
+        return (d = (y = r.value) == null ? void 0 : y.querySelector("input")) == null ? void 0 : d.focus();
       }));
     }
     return ne(() => l.results, () => V()), ne(() => l.errorMessage, () => V()), ne(() => l.isVisible, () => oe()), Pe(() => {
-      var w;
-      return (w = r.value) == null ? void 0 : w.addEventListener("keydown", F);
+      var y;
+      return (y = r.value) == null ? void 0 : y.addEventListener("keydown", F);
     }), Je(() => {
-      var w;
-      return (w = r.value) == null ? void 0 : w.removeEventListener("keydown", F);
-    }), (w, d) => {
+      var y;
+      return (y = r.value) == null ? void 0 : y.removeEventListener("keydown", F);
+    }), (y, d) => {
       var v;
       return m(), k("div", {
         ref_key: "container",
@@ -2958,47 +2958,47 @@ const an = /* @__PURE__ */ g("div", { tabindex: "0" }, null, -1), nn = ["onKeypr
             "onUpdate:modelValue": d[0] || (d[0] = (T) => n.value = T),
             class: "!cl-mr-0 cl-w-full",
             "input-type": "text",
-            "placeholder-text": w.searchHint,
+            "placeholder-text": y.searchHint,
             onKeyup: s,
             onBlur: u
           }, null, 8, ["modelValue", "placeholder-text"]),
           le(E(Xe, { class: "cl-absolute cl-ml-2 cl-mt-11" }, null, 512), [
-            [te, w.loading]
+            [te, y.loading]
           ])
         ]),
-        w.currentObjectName !== "" ? (m(), K(Be, {
+        y.currentObjectName !== "" ? (m(), K(Be, {
           key: 0,
-          "show-clear-button": w.canClearSelectedObject,
-          text: w.currentObjectName,
-          onClearObject: d[1] || (d[1] = (T) => w.$emit("clear-object"))
+          "show-clear-button": y.canClearSelectedObject,
+          text: y.currentObjectName,
+          onClearObject: d[1] || (d[1] = (T) => y.$emit("clear-object"))
         }, null, 8, ["show-clear-button", "text"])) : P("", !0),
-        w.objectParentType !== "" && w.results !== void 0 && w.results.length > 0 && w.errorMessage === "" ? (m(), K(Be, {
+        y.objectParentType !== "" && y.results !== void 0 && y.results.length > 0 && y.errorMessage === "" ? (m(), K(Be, {
           key: 1,
-          text: w.objectType,
-          "additional-text": w.objectParentType,
+          text: y.objectType,
+          "additional-text": y.objectParentType,
           class: "cl-bg-grey-2 cl-mt-1"
         }, null, 8, ["text", "additional-text"])) : P("", !0),
-        w.results !== null && ((v = w.results) == null ? void 0 : v.length) === 0 && n.value.trim() !== "" && w.canCreateNewObject === !1 && w.errorMessage === "" ? (m(), K(Be, {
+        y.results !== null && ((v = y.results) == null ? void 0 : v.length) === 0 && n.value.trim() !== "" && y.canCreateNewObject === !1 && y.errorMessage === "" ? (m(), K(Be, {
           key: 2,
           text: h(t)("comboBox.noResults", { value: n.value })
         }, null, 8, ["text"])) : P("", !0),
-        w.errorMessage !== "" ? (m(), K(Be, {
+        y.errorMessage !== "" ? (m(), K(Be, {
           key: 3,
           class: "!cl-bg-danger-light cl-border-danger-light cl-rounded cl-text-danger-dark",
-          text: h(t)("comboBox.errorMessage", { error: w.errorMessage })
+          text: h(t)("comboBox.errorMessage", { error: y.errorMessage })
         }, null, 8, ["text"])) : P("", !0),
         c.value ? (m(), K(Tl, {
           key: 4,
           "is-create-new-option": !0,
-          text: h(t)("comboBox.addPrompt", { value: n.value, object: w.objectType }),
+          text: h(t)("comboBox.addPrompt", { value: n.value, object: y.objectType }),
           index: -1,
           "selected-index": i.value,
           class: "cl-px-2",
           onCreateObject: p,
           onOptionHighlighted: ee
         }, null, 8, ["text", "selected-index"])) : P("", !0),
-        w.errorMessage === "" && w.results !== null ? (m(), k("div", mn, [
-          (m(!0), k(J, null, se(w.results, (T, L) => (m(), K(Tl, {
+        y.errorMessage === "" && y.results !== null ? (m(), k("div", mn, [
+          (m(!0), k(J, null, se(y.results, (T, L) => (m(), K(Tl, {
             key: L,
             option: T,
             index: L,
@@ -3058,7 +3058,7 @@ const an = /* @__PURE__ */ g("div", { tabindex: "0" }, null, -1), nn = ["onKeypr
     function oe() {
       r.value = null, _(!1);
     }
-    function w(C) {
+    function y(C) {
       const q = d(C);
       r.value = q, _(!1);
     }
@@ -3210,7 +3210,7 @@ const an = /* @__PURE__ */ g("div", { tabindex: "0" }, null, -1), nn = ["onKeypr
               }),
               "search-hint": c.value,
               onCreateObject: () => C.objectParentType === "" && C.skipObjectCreationModal === !0 ? v() : W(),
-              onSelectObject: w,
+              onSelectObject: y,
               onClearObject: oe,
               onSearch: V,
               onHideDropdown: q[4] || (q[4] = (ae) => _(!1))
@@ -3591,7 +3591,7 @@ const Rn = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, Vn = { class: "cl-gap-1
     searchValue: {},
     editMode: { type: Boolean, default: !1 }
   },
-  emits: ["row-select", "row-edit", "clear-filters"],
+  emits: ["row-select", "row-edit", "row-edit-cancelled", "clear-filters"],
   setup(a, { emit: e }) {
     const l = a, { t } = ce(), n = A({
       index: -1,
@@ -3611,7 +3611,7 @@ const Rn = { class: "cl-mb-2 cl-text-sm lg:cl-hidden" }, Vn = { class: "cl-gap-1
         const { [u]: b, ...S } = n.value.record;
         n.value.record = {
           ...S
-        };
+        }, e("row-edit-cancelled", he(n.value));
       }
     }
     const s = A({});
@@ -4271,7 +4271,7 @@ const Oo = {
       let T, L = (d == null ? void 0 : d.value) ?? v ?? 0;
       l.column.format === fe.INTEGER ? (typeof L == "string" && (L = parseInt(L)), T = Math.round(L)) : (typeof L == "string" && (L = parseFloat(L.replace(_.value, "."))), T = L), ee(null, isNaN(T) ? "" : T.toString());
     }
-    function w(d) {
+    function y(d) {
       var L;
       let v, T = !1;
       if (p.value)
@@ -4322,7 +4322,7 @@ const Oo = {
         "input-type": "dateRange",
         "time-zone": d.headerDisplayTimezone,
         "quick-date-scope": d.quickDateScope,
-        "onUpdate:modelValue": v[2] || (v[2] = (T) => w(T))
+        "onUpdate:modelValue": v[2] || (v[2] = (T) => y(T))
       }, null, 8, ["model-value", "disabled", "time-zone", "quick-date-scope"])) : d.column.type === "number" || d.column.type === "slot" && d.column.slotType === "number" ? (m(), K(me, {
         key: 3,
         "model-value": S.value,
@@ -4637,35 +4637,35 @@ const Oo = {
     headerDisplayTimezone: { default: null },
     dateFormatLocale: { default: null }
   },
-  emits: ["update:columns", "update:request", "data-request", "row-edit", "edit-start", "edit-end", "row-select"],
+  emits: ["update:columns", "update:request", "data-request", "row-edit", "row-edit-cancelled", "edit-start", "edit-end", "row-select"],
   setup(a, { emit: e }) {
     var oe;
     const l = a, t = N(() => l.headerDisplayTimezone ?? l.timeZone), n = N(() => l.dateFormatLocale);
     Jl(Ul, n);
     const c = N({
       get: () => l.columns,
-      set: (w) => e("update:columns", w)
-    }), i = N(() => c.value.filter((w) => w.visible ?? !0)), o = A({});
+      set: (y) => e("update:columns", y)
+    }), i = N(() => c.value.filter((y) => y.visible ?? !0)), o = A({});
     function r() {
-      const w = {};
+      const y = {};
       window.innerWidth >= 1024 && c.value.forEach((d) => {
         const v = d.width ? `${d.width}px` : "";
-        w[`${d.name}`] = `width: ${v}; min-width: ${v};`;
-      }), o.value = w;
+        y[`${d.name}`] = `width: ${v}; min-width: ${v};`;
+      }), o.value = y;
     }
-    function s(w) {
-      return o.value[w] ?? "";
+    function s(y) {
+      return o.value[y] ?? "";
     }
     Pe(() => {
       window.addEventListener("resize", r), r();
     }), Je(() => window.removeEventListener("resize", r));
     const f = N({
       get: () => l.request,
-      set: (w) => e("update:request", w)
+      set: (y) => e("update:request", y)
     });
     function p() {
-      const w = he(f.value);
-      w.pageNumber = 1, w.filters = [], V.value = "", f.value = w;
+      const y = he(f.value);
+      y.pageNumber = 1, y.filters = [], V.value = "", f.value = y;
     }
     const u = sl(() => e("data-request"), 750);
     ne(f, u, {
@@ -4681,21 +4681,21 @@ const Oo = {
       ...l.options
     })), _ = N({
       get() {
-        const w = he(f.value);
-        return w.filters = w.filters.filter((d) => d.filterMethod !== "andcontains" && d.filterOperation !== X.AND_CONTAINS), w;
+        const y = he(f.value);
+        return y.filters = y.filters.filter((d) => d.filterMethod !== "andcontains" && d.filterOperation !== X.AND_CONTAINS), y;
       },
-      set(w) {
+      set(y) {
         const d = [
-          ...w.filters,
+          ...y.filters,
           ...f.value.filters.filter((v) => v.filterMethod === "andcontains" || v.filterOperation === X.AND_CONTAINS)
         ];
         f.value = {
-          ...w,
+          ...y,
           filters: d
         };
       }
-    }), V = A(((oe = l.request.filters.find((w) => w.filterMethod === "andcontains" || w.filterOperation === X.AND_CONTAINS)) == null ? void 0 : oe.filterValue) ?? ""), ee = N(() => l.columns.filter((w) => (w.type === "string" || w.type === "slot" && w.slotType === "string") && w.searchable));
-    return (w, d) => (m(), k("div", fr, [
+    }), V = A(((oe = l.request.filters.find((y) => y.filterMethod === "andcontains" || y.filterOperation === X.AND_CONTAINS)) == null ? void 0 : oe.filterValue) ?? ""), ee = N(() => l.columns.filter((y) => (y.type === "string" || y.type === "slot" && y.slotType === "string") && y.searchable));
+    return (y, d) => (m(), k("div", fr, [
       ee.value.length > 0 ? (m(), K(Jo, {
         key: 0,
         "search-value": V.value,
@@ -4705,7 +4705,7 @@ const Oo = {
         columns: ee.value
       }, {
         search: Q((v) => [
-          U(w.$slots, "search", de(ve(v)))
+          U(y.$slots, "search", de(ve(v)))
         ]),
         _: 3
       }, 8, ["search-value", "request", "columns"])) : P("", !0),
@@ -4714,7 +4714,7 @@ const Oo = {
           le(g("div", pr, [
             E(Xe, { class: "after:!cl-h-20 after:!cl-w-20 cl-h-20 cl-w-20" })
           ], 512), [
-            [te, w.loading]
+            [te, y.loading]
           ])
         ]),
         _: 1
@@ -4724,20 +4724,20 @@ const Oo = {
         "onUpdate:editMode": d[3] || (d[3] = (v) => S.value = v),
         "filter-panel-open": D.value,
         "onUpdate:filterPanelOpen": d[4] || (d[4] = (v) => D.value = v),
-        columns: w.columns,
+        columns: y.columns,
         options: F.value,
         request: f.value,
-        loading: w.loading,
+        loading: y.loading,
         onClearFilters: p
       }, {
         "additional-grid-actions": Q((v) => [
-          U(w.$slots, "additional-grid-actions", de(ve(v)))
+          U(y.$slots, "additional-grid-actions", de(ve(v)))
         ]),
         "view-manager": Q(() => [
           E(dr, {
             columns: c.value,
             "onUpdate:columns": d[2] || (d[2] = (v) => c.value = v),
-            loading: w.loading
+            loading: y.loading
           }, null, 8, ["columns", "loading"])
         ]),
         _: 3
@@ -4745,7 +4745,7 @@ const Oo = {
       g("div", mr, [
         g("table", {
           class: z(["cl-delay-75 cl-min-h-[276px] cl-overflow-x-auto cl-overscroll-x-none cl-text-left cl-transition-opacity cl-w-full", {
-            "cl-opacity-40 cl-pointer-events-none": w.loading
+            "cl-opacity-40 cl-pointer-events-none": y.loading
           }])
         }, [
           g("colgroup", vr, [
@@ -4762,27 +4762,28 @@ const Oo = {
             "onUpdate:filterPanelOpen": d[6] || (d[6] = (v) => D.value = v),
             columns: i.value,
             options: F.value,
-            loading: w.loading,
-            "time-zone": w.timeZone,
+            loading: y.loading,
+            "time-zone": y.timeZone,
             "header-display-timezone": t.value
           }, null, 8, ["request", "filter-panel-open", "columns", "options", "loading", "time-zone", "header-display-timezone"]),
           E(Xn, {
             columns: i.value,
             request: f.value,
             data: b.value,
-            "time-zone": w.timeZone,
-            loading: w.loading,
+            "time-zone": y.timeZone,
+            loading: y.loading,
             "search-value": V.value,
             options: F.value,
             "edit-mode": S.value,
             onClearFilters: p,
-            onRowEdit: d[7] || (d[7] = (v) => w.$emit("row-edit", v)),
-            onRowSelect: d[8] || (d[8] = (v) => w.$emit("row-select", v))
+            onRowEdit: d[7] || (d[7] = (v) => y.$emit("row-edit", v)),
+            onRowEditCancelled: d[8] || (d[8] = (v) => y.$emit("row-edit-cancelled", v)),
+            onRowSelect: d[9] || (d[9] = (v) => y.$emit("row-select", v))
           }, il({ _: 2 }, [
-            se(w.$slots, (v, T) => ({
+            se(y.$slots, (v, T) => ({
               name: T,
               fn: Q((L) => [
-                U(w.$slots, T, de(ve(L)))
+                U(y.$slots, T, de(ve(L)))
               ])
             }))
           ]), 1032, ["columns", "request", "data", "time-zone", "loading", "search-value", "options", "edit-mode"])
@@ -4790,9 +4791,9 @@ const Oo = {
       ]),
       E(go, {
         request: f.value,
-        "onUpdate:request": d[9] || (d[9] = (v) => f.value = v),
-        loading: w.loading,
-        data: w.data
+        "onUpdate:request": d[10] || (d[10] = (v) => f.value = v),
+        loading: y.loading,
+        data: y.data
       }, null, 8, ["request", "loading", "data"])
     ]));
   }