@signal24/vue-foundation 4.3.0 → 4.3.1

package/dist/vue-foundation.es.js

@@ -1,7 +1,7 @@
 var De = Object.defineProperty;
 var Ae = (e, t, n) => t in e ? De(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var p = (e, t, n) => (Ae(e, typeof t != "symbol" ? t + "" : t, n), n);
-import { defineComponent as I, defineProps as $e, defineEmits as Ve, ref as $, computed as V, openBlock as a, createElementBlock as d, createElementVNode as g, toDisplayString as k, withDirectives as B, createCommentVNode as y, Fragment as F, renderList as q, vModelSelect as Be, reactive as Fe, h as me, markRaw as _e, onMounted as z, onBeforeUnmount as X, getCurrentInstance as ve, createBlock as Y, Teleport as Ne, normalizeClass as T, withModifiers as Ke, renderSlot as R, resolveDirective as ge, createSlots as Re, withCtx as U, createTextVNode as te, vModelText as Ue, watch as ne, onActivated as ye, onDeactivated as Ee } from "vue";
+import { defineComponent as I, defineProps as $e, defineEmits as Ve, ref as $, computed as V, openBlock as c, createElementBlock as d, createElementVNode as g, toDisplayString as k, withDirectives as B, createCommentVNode as y, Fragment as F, renderList as q, vModelSelect as Be, reactive as Fe, h as me, markRaw as _e, getCurrentInstance as ve, onMounted as z, onBeforeUnmount as X, createBlock as Y, Teleport as Ne, normalizeClass as T, withModifiers as Ke, renderSlot as R, resolveDirective as ge, createSlots as Re, withCtx as U, createTextVNode as te, vModelText as Ue, watch as ne, onActivated as ye, onDeactivated as Ee } from "vue";
 import { debounce as je, isEqual as Te, upperFirst as Pe, startCase as We, cloneDeep as qe, remove as ze } from "lodash";
 import { escapeHtml as Xe } from "@vue/shared";
 import { escapeHtml as Un } from "@vue/shared";
@@ -45,21 +45,21 @@ const Ye = I({
   value: null
 }, Qe = ["value"];
 function Je(e, t, n, i, s, o) {
-  return e.renderOptions ? B((a(), d("select", {
+  return e.renderOptions ? B((c(), d("select", {
     key: 1,
-    "onUpdate:modelValue": t[0] || (t[0] = (l) => e.selectedItem = l)
+    "onUpdate:modelValue": t[0] || (t[0] = (r) => e.selectedItem = r)
   }, [
-    e.props.nullText ? (a(), d("option", Ge, k(e.props.nullText), 1)) : y("", !0),
-    (a(!0), d(F, null, q(e.renderOptions, (l, r) => {
-      var c;
-      return a(), d("option", {
-        key: r,
-        value: (c = e.options) == null ? void 0 : c[r]
-      }, k(l), 9, Qe);
+    e.props.nullText ? (c(), d("option", Ge, k(e.props.nullText), 1)) : y("", !0),
+    (c(!0), d(F, null, q(e.renderOptions, (r, l) => {
+      var a;
+      return c(), d("option", {
+        key: l,
+        value: (a = e.options) == null ? void 0 : a[l]
+      }, k(r), 9, Qe);
     }), 128))
   ], 512)), [
     [Be, e.selectedItem]
-  ]) : (a(), d("select", Ze, [
+  ]) : (c(), d("select", Ze, [
     g("option", null, k(e.props.loadingText || "Loading..."), 1)
   ]));
 }
@@ -103,8 +103,8 @@ function tt(e) {
 async function Z(e, t) {
   return new Promise((n) => {
     let i = null;
-    const o = { ...t, callback: (l) => {
-      we(i), n(l);
+    const o = { ...t, callback: (r) => {
+      we(i), n(r);
     } };
     i = be(e, o);
   });
@@ -184,50 +184,49 @@ const it = ["id"], st = {
   },
   emits: ["formSubmit"],
   setup(e) {
-    const t = e, n = $();
+    const t = e, n = ve(), i = $();
     z(() => {
       var l;
-      window.addEventListener("keydown", s), document.body.classList.add("vf-modal-open"), t.closeOnMaskClick && ((l = n.value) == null || l.addEventListener("click", i));
+      document.body.classList.add("vf-modal-open"), t.closeOnMaskClick && (window.addEventListener("keydown", o), (l = i.value) == null || l.addEventListener("click", s));
     }), X(() => {
-      document.body.querySelectorAll(".vf-modal").length > 0 || document.body.classList.remove("vf-modal-open");
+      window.removeEventListener("keydown", o), document.body.querySelectorAll(".vf-modal").length > 0 || document.body.classList.remove("vf-modal-open");
     });
-    function i(l) {
-      l.target == n.value && o();
-    }
     function s(l) {
+      l.target == i.value && r();
+    }
+    function o(l) {
       if (l.key === "Esc" || l.key === "Escape") {
-        const r = document.querySelectorAll(".vf-modal-wrap");
-        r[r.length - 1] === n.value && o();
+        const a = document.querySelectorAll(".vf-modal-wrap");
+        a[a.length - 1] === i.value && r();
       }
     }
-    function o() {
-      const l = ve();
-      Se(l);
+    function r() {
+      Se(n);
     }
-    return (l, r) => (a(), Y(Ne, { to: "#vf-modal-target" }, [
+    return (l, a) => (c(), Y(Ne, { to: "#vf-modal-target" }, [
       g("div", {
         id: l.id,
         class: T(["vf-overlay vf-modal-wrap", t.class]),
         ref_key: "overlay",
-        ref: n
+        ref: i
       }, [
         g("form", {
           action: ".",
           class: T(["vf-modal", { scrolls: l.scrolls }]),
-          onSubmit: r[0] || (r[0] = Ke((c) => l.$emit("formSubmit"), ["prevent"]))
+          onSubmit: a[0] || (a[0] = Ke((m) => l.$emit("formSubmit"), ["prevent"]))
         }, [
-          l.$slots.header ? (a(), d("div", st, [
+          l.$slots.header ? (c(), d("div", st, [
             R(l.$slots, "header"),
-            t.closeX ? (a(), d("i", {
+            t.closeX ? (c(), d("i", {
               key: 0,
               class: "close",
-              onClick: o
+              onClick: r
             })) : y("", !0)
           ])) : y("", !0),
           g("div", ot, [
             R(l.$slots, "default")
           ]),
-          l.$slots.footer ? (a(), d("div", lt, [
+          l.$slots.footer ? (c(), d("div", lt, [
             R(l.$slots, "footer")
           ])) : y("", !0)
         ], 34)
@@ -250,15 +249,15 @@ const at = ["innerHtml"], ct = ["innerText"], K = /* @__PURE__ */ I({
     const t = e, n = V(() => t.message instanceof Error ? nt(t.message) : t.message);
     return (i, s) => {
       const o = ge("autofocus");
-      return a(), Y(rt, {
+      return c(), Y(rt, {
         class: T(["vf-alert", i.classes])
       }, Re({
         default: U(() => [
-          i.isHtml ? (a(), d("div", {
+          i.isHtml ? (c(), d("div", {
             key: 0,
             innerHtml: i.message,
             class: "user-message"
-          }, null, 8, at)) : (a(), d("div", {
+          }, null, 8, at)) : (c(), d("div", {
             key: 1,
             innerText: n.value
           }, null, 8, ct))
@@ -275,8 +274,8 @@ const at = ["innerHtml"], ct = ["innerText"], K = /* @__PURE__ */ I({
         i.isBare ? void 0 : {
           name: "footer",
           fn: U(() => [
-            i.shouldConfirm ? (a(), d(F, { key: 0 }, [
-              B((a(), d("button", {
+            i.shouldConfirm ? (c(), d(F, { key: 0 }, [
+              B((c(), d("button", {
                 class: "primary",
                 onClick: s[0] || (s[0] = () => i.callback(!0))
               }, [
@@ -288,7 +287,7 @@ const at = ["innerHtml"], ct = ["innerText"], K = /* @__PURE__ */ I({
                 class: "default",
                 onClick: s[1] || (s[1] = () => i.callback(!1))
               }, "Cancel")
-            ], 64)) : B((a(), d("button", {
+            ], 64)) : B((c(), d("button", {
               key: 1,
               class: "default",
               onClick: s[2] || (s[2] = () => i.callback(!0))
@@ -426,16 +425,16 @@ const b = Symbol("null"), oe = Symbol("create"), yt = "`1234567890-=[]\\;',./~!@
     },
     optionsDescriptors() {
       return this.allOptions.map((e, t) => {
-        var r, c;
-        const n = this.formatter(e), i = (r = this.subtitleFormatter) == null ? void 0 : r.call(this, e), s = n ? n.trim().toLowerCase() : "", o = i ? i.trim().toLowerCase() : "", l = [];
+        var l, a;
+        const n = this.formatter(e), i = (l = this.subtitleFormatter) == null ? void 0 : l.call(this, e), s = n ? n.trim().toLowerCase() : "", o = i ? i.trim().toLowerCase() : "", r = [];
         return this.searchFields ? this.searchFields.forEach((m) => {
-          e[m] && l.push(String(e[m]).toLowerCase());
-        }) : (l.push(s), o && l.push(o)), {
+          e[m] && r.push(String(e[m]).toLowerCase());
+        }) : (r.push(s), o && r.push(o)), {
           // eslint-disable-next-line vue/no-use-computed-property-like-method
-          key: ((c = this.effectiveKeyExtractor) == null ? void 0 : c.call(this, e)) ?? String(t),
+          key: ((a = this.effectiveKeyExtractor) == null ? void 0 : a.call(this, e)) ?? String(t),
           title: n,
           subtitle: i,
-          searchContent: l.join(""),
+          searchContent: r.join(""),
           ref: e
         };
       });
@@ -627,50 +626,50 @@ const Tt = ["placeholder"], Ot = {
   key: 0,
   class: "no-results"
 };
-function xt(e, t, n, i, s, o) {
-  const l = ge("disabled");
-  return a(), d("div", {
+function Lt(e, t, n, i, s, o) {
+  const r = ge("disabled");
+  return c(), d("div", {
     class: T(["vf-smart-select", { disabled: o.effectiveDisabled, open: e.shouldDisplayOptions }])
   }, [
     B(g("input", {
-      "onUpdate:modelValue": t[0] || (t[0] = (r) => e.searchText = r),
+      "onUpdate:modelValue": t[0] || (t[0] = (l) => e.searchText = l),
       ref: "searchField",
       type: "text",
       class: T({ nullable: !!n.nullTitle }),
-      onKeydown: t[1] || (t[1] = (...r) => o.handleKeyDown && o.handleKeyDown(...r)),
+      onKeydown: t[1] || (t[1] = (...l) => o.handleKeyDown && o.handleKeyDown(...l)),
       placeholder: o.effectivePlaceholder,
-      onFocus: t[2] || (t[2] = (...r) => o.handleInputFocused && o.handleInputFocused(...r)),
-      onBlur: t[3] || (t[3] = (...r) => o.handleInputBlurred && o.handleInputBlurred(...r))
+      onFocus: t[2] || (t[2] = (...l) => o.handleInputFocused && o.handleInputFocused(...l)),
+      onBlur: t[3] || (t[3] = (...l) => o.handleInputBlurred && o.handleInputBlurred(...l))
     }, null, 42, Tt), [
       [Ue, e.searchText],
-      [l, o.effectiveDisabled]
+      [r, o.effectiveDisabled]
     ]),
-    e.shouldDisplayOptions ? (a(), d("div", Ot, [
-      e.isLoaded ? (a(), d(F, { key: 1 }, [
-        (a(!0), d(F, null, q(o.effectiveOptions, (r) => (a(), d("div", {
-          key: String(r.key),
+    e.shouldDisplayOptions ? (c(), d("div", Ot, [
+      e.isLoaded ? (c(), d(F, { key: 1 }, [
+        (c(!0), d(F, null, q(o.effectiveOptions, (l) => (c(), d("div", {
+          key: String(l.key),
           class: T(["option", {
-            highlighted: e.highlightedOptionKey === r.key
+            highlighted: e.highlightedOptionKey === l.key
           }]),
-          onMousemove: (c) => o.handleOptionHover(r),
-          onMousedown: (c) => o.selectOption(r)
+          onMousemove: (a) => o.handleOptionHover(l),
+          onMousedown: (a) => o.selectOption(l)
         }, [
           g("div", {
             class: "title",
-            innerHTML: r.title
+            innerHTML: l.title
           }, null, 8, St),
-          r.subtitle ? (a(), d("div", {
+          l.subtitle ? (c(), d("div", {
             key: 0,
             class: "subtitle",
-            innerHTML: r.subtitle
+            innerHTML: l.subtitle
           }, null, 8, kt)) : y("", !0)
         ], 42, wt))), 128)),
-        !o.effectiveOptions.length && e.searchText ? (a(), d("div", Mt, k(o.effectiveNoResultsText), 1)) : y("", !0)
-      ], 64)) : (a(), d("div", bt, "Loading..."))
+        !o.effectiveOptions.length && e.searchText ? (c(), d("div", Mt, k(o.effectiveNoResultsText), 1)) : y("", !0)
+      ], 64)) : (c(), d("div", bt, "Loading..."))
     ], 512)) : y("", !0)
   ], 2);
 }
-const Lt = /* @__PURE__ */ Oe(Et, [["render", xt]]), Mn = /* @__PURE__ */ I({
+const xt = /* @__PURE__ */ Oe(Et, [["render", Lt]]), Mn = /* @__PURE__ */ I({
   __name: "ez-smart-select",
   props: {
     modelValue: {},
@@ -681,27 +680,27 @@ const Lt = /* @__PURE__ */ Oe(Et, [["render", xt]]), Mn = /* @__PURE__ */ I({
   },
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
-    const n = e, i = V(() => Array.isArray(n.options) ? n.options.map((l) => ({ value: l, label: l })) : Object.entries(n.options).map(([l, r]) => ({
-      value: l,
-      label: r
-    }))), s = V(() => n.formatter ? (l) => {
-      var r;
-      return (r = n.formatter) == null ? void 0 : r.call(n, l.label);
-    } : (l) => l.label), o = $(i.value.find((l) => l.value === n.modelValue) ?? null);
+    const n = e, i = V(() => Array.isArray(n.options) ? n.options.map((r) => ({ value: r, label: r })) : Object.entries(n.options).map(([r, l]) => ({
+      value: r,
+      label: l
+    }))), s = V(() => n.formatter ? (r) => {
+      var l;
+      return (l = n.formatter) == null ? void 0 : l.call(n, r.label);
+    } : (r) => r.label), o = $(i.value.find((r) => r.value === n.modelValue) ?? null);
     return ne(
       () => n.modelValue,
-      (l) => {
-        o.value = i.value.find((r) => r.value === l) ?? null;
+      (r) => {
+        o.value = i.value.find((l) => l.value === r) ?? null;
       }
-    ), ne(o, (l) => {
-      var r;
-      t("update:modelValue", l ? ((r = i.value.find((c) => Te(c, l))) == null ? void 0 : r.value) ?? null : null);
-    }), (l, r) => (a(), Y(Lt, {
+    ), ne(o, (r) => {
+      var l;
+      t("update:modelValue", r ? ((l = i.value.find((a) => Te(a, r))) == null ? void 0 : l.value) ?? null : null);
+    }), (r, l) => (c(), Y(xt, {
       modelValue: o.value,
-      "onUpdate:modelValue": r[0] || (r[0] = (c) => o.value = c),
+      "onUpdate:modelValue": l[0] || (l[0] = (a) => o.value = a),
       options: i.value,
       formatter: s.value,
-      "null-title": l.nullTitle
+      "null-title": r.nullTitle
     }, null, 8, ["modelValue", "options", "formatter", "null-title"]));
   }
 });
@@ -747,11 +746,11 @@ const le = {
   upperCase: Bt,
   desnake: Ft,
   usCurrency: _t
-}, xn = (e) => ({
+}, Ln = (e) => ({
   ...le,
   ...e(le)
 });
-function Ln(e, t, n) {
+function xn(e, t, n) {
   const i = typeof t == "function" ? e.findIndex(t) : e.indexOf(t);
   return i === -1 ? !1 : (e.splice(i, 1, n), !0);
 }
@@ -770,7 +769,7 @@ function Cn(e, t) {
     const v = document.createElement("div");
     v.classList.add("item"), v.style.userSelect = "none", v.innerText = h.title, i.appendChild(v), h.class && v.classList.add(h.class), h.shouldConfirm ? v.addEventListener("click", () => h.handler()) : v.addEventListener("click", () => He(v, h.handler));
   });
-  const o = window.innerWidth - e.clientX, l = window.innerHeight - e.clientY, r = i.offsetHeight, c = i.offsetWidth, m = o < c ? e.clientX - c - 1 : e.clientX + 1, f = l < r ? e.clientY - r - 1 : e.clientY + 1;
+  const o = window.innerWidth - e.clientX, r = window.innerHeight - e.clientY, l = i.offsetHeight, a = i.offsetWidth, m = o < a ? e.clientX - a - 1 : e.clientX + 1, f = r < l ? e.clientY - l - 1 : e.clientY + 1;
   i.style.left = m + "px", i.style.top = f + "px", setTimeout(() => {
     i.style.width = i.offsetWidth + "px";
   }, 50);
@@ -813,9 +812,9 @@ function An(e, t, n) {
   i.classList.add("vf-masked");
   const s = t instanceof Element ? t : i.querySelectorAll(t ?? "button:not([disabled])")[0], o = s.tagName === "INPUT" ? s.value : s.innerHTML;
   s.setAttribute("disabled", "disabled"), s.innerText = n ?? "Please wait...";
-  const r = [...i.querySelectorAll("input:not([disabled]), select:not([disabled]), textarea:not([disabled]), button:not([disabled])")];
-  return r.forEach((c) => c.setAttribute("disabled", "disabled")), i[W] = {
-    disabledElements: r,
+  const l = [...i.querySelectorAll("input:not([disabled]), select:not([disabled]), textarea:not([disabled]), button:not([disabled])")];
+  return l.forEach((a) => a.setAttribute("disabled", "disabled")), i[W] = {
+    disabledElements: l,
     waitButton: s,
     buttonHtml: o
   }, () => Rt(i);
@@ -845,19 +844,19 @@ function jt(e) {
 }
 function Bn({ apiClient: e, onRequest: t, onError: n, CancelablePromise: i }) {
   const s = e.request.request.bind(e.request);
-  e.request.request = (o) => (t && (o = t(o)), new i((l, r, c) => {
+  e.request.request = (o) => (t && (o = t(o)), new i((r, l, a) => {
     const m = s(o);
-    c(m.cancel), m.then(l).catch((f) => {
+    a(m.cancel), m.then(r).catch((f) => {
       if (jt(f) && typeof f.body == "object" && "error" in f.body && f.status === 422)
-        return r(new N(f.body.error));
+        return l(new N(f.body.error));
       if (n) {
         const O = n(f, o);
         if (O === null)
           return;
         if (O instanceof Error)
-          return r(O);
+          return l(O);
       }
-      r(f);
+      l(f);
     });
   }));
 }
@@ -868,11 +867,11 @@ function Fn(e, t) {
 }
 function Pt(e, t) {
   const n = {};
-  if (t.elScrolledToBottom && (n.el = new x(e.vnode.el, t.elScrolledToBottom)), t.ancestorScrolledToBottom) {
-    const i = xe(e.vnode.el);
-    i ? n.ancestor = new x(i, t.ancestorScrolledToBottom) : console.warn("[VueFoundation] No scollable ancestor found for component:", e);
+  if (t.elScrolledToBottom && (n.el = new L(e.vnode.el, t.elScrolledToBottom)), t.ancestorScrolledToBottom) {
+    const i = Le(e.vnode.el);
+    i ? n.ancestor = new L(i, t.ancestorScrolledToBottom) : console.warn("[VueFoundation] No scollable ancestor found for component:", e);
   }
-  t.windowScrolledToBottom && (n.window = new x(window, t.windowScrolledToBottom)), e[Q] = n;
+  t.windowScrolledToBottom && (n.window = new L(window, t.windowScrolledToBottom)), e[Q] = n;
 }
 function Wt(e) {
   var n, i, s;
@@ -885,14 +884,14 @@ function re(e) {
   (n = t == null ? void 0 : t.el) == null || n.uninstall(), (i = t == null ? void 0 : t.ancestor) == null || i.uninstall(), (s = t == null ? void 0 : t.window) == null || s.uninstall();
 }
 const j = ["auto", "scroll"];
-function xe(e) {
+function Le(e) {
   const t = e.parentElement;
   if (!t)
     return null;
   const n = window.getComputedStyle(t);
-  return j.includes(n.overflow) || j.includes(n.overflowX) || j.includes(n.overflowY) ? t : xe(t);
+  return j.includes(n.overflow) || j.includes(n.overflowX) || j.includes(n.overflowY) ? t : Le(t);
 }
-class x {
+class L {
   constructor(t, n) {
     p(this, "isTripped", !1);
     p(this, "onScrollWithContext", this.onScroll.bind(this));
@@ -964,20 +963,20 @@ function de(e, t) {
   t.value == t.oldValue && e.innerHTML.length || (e.innerText = Qt(e, t));
 }
 function Qt(e, t) {
-  var c, m;
+  var a, m;
   if (!t.value)
-    return ((c = e.attributes.getNamedItem("placeholder")) == null ? void 0 : c.value) ?? "";
+    return ((a = e.attributes.getNamedItem("placeholder")) == null ? void 0 : a.value) ?? "";
   let n = "";
   const i = t.value.replace(/ /g, "T").replace(/\.\d+Z$/, "Z"), s = e.attributes.getNamedItem("local") !== null ? i.replace(/Z$/, "") : i.replace(/(Z|\+00:00)?$/, "Z"), o = new Date(s);
   !e.attributes.getNamedItem("display-utc") !== null && o.setMinutes(o.getMinutes() - o.getTimezoneOffset());
-  let l = (m = e.attributes.getNamedItem("format")) == null ? void 0 : m.value;
-  if (!l && e.attributes.getNamedItem("relative-date") !== null) {
+  let r = (m = e.attributes.getNamedItem("format")) == null ? void 0 : m.value;
+  if (!r && e.attributes.getNamedItem("relative-date") !== null) {
     const f = /* @__PURE__ */ new Date();
-    f.getFullYear() == o.getFullYear() && f.getMonth() == o.getMonth() && f.getDate() == o.getDate() && (n = "at", l = "HH:mm");
+    f.getFullYear() == o.getFullYear() && f.getMonth() == o.getMonth() && f.getDate() == o.getDate() && (n = "at", r = "HH:mm");
   }
-  l || (l = H.defaultDateTimeFormat);
-  let r = P(o, l);
-  return n && (r = n + " " + r), r;
+  r || (r = H.defaultDateTimeFormat);
+  let l = P(o, r);
+  return n && (l = n + " " + l), l;
 }
 const Jt = {
   beforeMount: ue,
@@ -996,22 +995,22 @@ const tn = {
   unmounted: Ce
 }, C = Symbol("HasAutoFocused"), J = [];
 function nn() {
-  J.forEach(Le);
+  J.forEach(xe);
 }
 setInterval(nn, 1e3);
 function he(e, t) {
-  var l;
+  var r;
   if (t.value == t.oldValue)
     return;
   if (!t.value)
     return Ce(e);
-  const n = new Date(t.value), i = (l = e.attributes.getNamedItem("base-time")) == null ? void 0 : l.value, s = n.getTime() - (i ? new Date(i).getTime() - t.value * 1e3 : 0), o = e.getAttribute("no-seconds") === null;
+  const n = new Date(t.value), i = (r = e.attributes.getNamedItem("base-time")) == null ? void 0 : r.value, s = n.getTime() - (i ? new Date(i).getTime() - t.value * 1e3 : 0), o = e.getAttribute("no-seconds") === null;
   e[C] || J.push(e), e[C] = {
     startTs: s,
     includeSeconds: o
-  }, Le(e);
+  }, xe(e);
 }
-function Le(e) {
+function xe(e) {
   const t = e[C], n = Math.round((Date.now() - t.startTs) / 1e3);
   e.innerText = sn(n, t.includeSeconds);
 }
@@ -1028,11 +1027,11 @@ function sn(e, t) {
 }
 const S = Symbol("InfiniteScrollHandler"), on = {
   mounted(e, t) {
-    e[S] = new x(e, t.value);
+    e[S] = new L(e, t.value);
   },
   updated(e, t) {
     var n;
-    (n = e[S]) == null || n.uninstall(), e[S] = new x(e, t.value);
+    (n = e[S]) == null || n.uninstall(), e[S] = new L(e, t.value);
   },
   unmounted(e) {
     var t;
@@ -1049,7 +1048,7 @@ const rn = {
   mounted: pe,
   updated: pe,
   unmounted: Ie
-}, L = Symbol("TooltipState");
+}, x = Symbol("TooltipState");
 function pe(e, t) {
   var i;
   let n = ((i = e.attributes.getNamedItem("tip")) == null ? void 0 : i.value) ?? t.value;
@@ -1058,13 +1057,13 @@ function pe(e, t) {
       content: n,
       html: e.getAttribute("html") !== null
     };
-    e[L] ? e[L].configure(s) : e[L] = new an(e, s);
+    e[x] ? e[x].configure(s) : e[x] = new an(e, s);
   } else
     Ie(e);
 }
 function Ie(e) {
   var t;
-  (t = e[L]) == null || t.destroy(), delete e[L];
+  (t = e[x]) == null || t.destroy(), delete e[x];
 }
 class an {
   constructor(t, n) {
@@ -1103,8 +1102,8 @@ class an {
   }
   handleMouseMove(t) {
     const n = this.tipEl.offsetWidth, i = this.tipEl.offsetHeight, s = window.innerWidth, o = window.innerHeight;
-    let l = t.pageX + 10, r = t.pageY + 20;
-    l + n > s && (l = t.pageX - 5 - n), r + i > o && (r = t.pageY - 5 - i), this.tipEl.style.left = l + "px", this.tipEl.style.top = r + "px", this.lastMoveEvt = t;
+    let r = t.pageX + 10, l = t.pageY + 20;
+    r + n > s && (r = t.pageX - 5 - n), l + i > o && (l = t.pageY - 5 - i), this.tipEl.style.left = r + "px", this.tipEl.style.top = l + "px", this.lastMoveEvt = t;
   }
   checkMoveEvent() {
     var t;
@@ -1127,10 +1126,10 @@ export {
   K as VfAlertModal,
   Mn as VfEzSmartSelect,
   rt as VfModal,
-  Lt as VfSmartSelect,
+  xt as VfSmartSelect,
   $n as cloneProp,
   On as configureVf,
-  xn as createFilters,
+  Ln as createFilters,
   be as createModalInjection,
   mt as desnakeCase,
   Un as escapeHtml,
@@ -1153,7 +1152,7 @@ export {
   gn as removeModalInjectionByInstance,
   Se as removeModalInjectionByInternalInstance,
   tt as removeModalInjectionByVnode,
-  Ln as replaceElement,
+  xn as replaceElement,
   ie as showAlert,
   yn as showConfirm,
   En as showConfirmDestroy,

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@signal24/vue-foundation",
     "type": "module",
-    "version": "4.3.0",
+    "version": "4.3.1",
     "description": "Common components, directives, and helpers for Vue 3 apps",
     "module": "./dist/vue-foundation.es.js",
     "bin": {
@@ -25,6 +25,7 @@
     "scripts": {
         "dev": "vite",
         "build": "rm -rf dist && vite build && vue-tsc --declaration --emitDeclarationOnly -p tsconfig.app.json && tsc -p tsconfig.vite-plugins.json && find dist -name '*.tsbuildinfo' -delete && chmod +x dist/src/vite-plugins/vite-openapi-plugin.cli.js",
+        "build:watch": "fswatch -o src | xargs -n1 -I{} yarn build",
         "preview": "vite preview",
         "test:types": "vue-tsc --noEmit -p tsconfig.vitest.json --composite false",
         "test:unit": "vitest",

package/src/components/modal.vue

@@ -22,6 +22,8 @@ import { getCurrentInstance, onBeforeUnmount, onMounted, ref } from 'vue';
 
 import { removeModalInjectionByInternalInstance } from './modal-container';
 
+const instance = getCurrentInstance();
+
 const props = defineProps<{
     id?: string;
     closeOnMaskClick?: boolean;
@@ -35,16 +37,18 @@ defineEmits(['formSubmit']);
 const overlay = ref<HTMLElement>();
 
 onMounted(() => {
-    window.addEventListener('keydown', handleEscapeKey);
     document.body.classList.add('vf-modal-open');
 
     if (props.closeOnMaskClick) {
+        window.addEventListener('keydown', handleEscapeKey);
         overlay.value?.addEventListener('click', handleOverlayClick);
     }
 });
 
 onBeforeUnmount(() => {
-    let areOtherModalsOpen = document.body.querySelectorAll('.vf-modal').length > 0;
+    window.removeEventListener('keydown', handleEscapeKey);
+
+    const areOtherModalsOpen = document.body.querySelectorAll('.vf-modal').length > 0;
     areOtherModalsOpen || document.body.classList.remove('vf-modal-open');
 });
 
@@ -65,7 +69,6 @@ function handleEscapeKey(e: KeyboardEvent) {
 }
 
 function closeParent() {
-    const instance = getCurrentInstance();
     removeModalInjectionByInternalInstance(instance!);
 }
 </script>