@signal24/vue-foundation 4.14.1 → 4.15.1

package/dist/src/components/alert-helpers.d.ts

@@ -1,8 +1,18 @@
+interface IAlertOptions {
+    title?: string;
+    message: string | Error;
+    classes?: string[];
+}
 export declare function showAlert(title: string, message: string | Error): Promise<void>;
 export declare function showAlert(message: string | Error): Promise<void>;
+export declare function showAlert(options: IAlertOptions): Promise<void>;
 export declare function showConfirm(title: string, message: string): Promise<boolean>;
 export declare function showConfirm(message: string): Promise<boolean>;
+export declare function showConfirm(options: IAlertOptions): Promise<boolean>;
 export declare function showConfirmDestroy(title: string, message: string): Promise<boolean>;
 export declare function showConfirmDestroy(message: string): Promise<boolean>;
+export declare function showConfirmDestroy(options: IAlertOptions): Promise<boolean>;
 export declare function showWait(title: string, message: string): () => void;
 export declare function showWait(message: string): () => void;
+export declare function showWait(options: IAlertOptions): () => void;
+export {};

package/dist/src/helpers/error.d.ts

@@ -3,5 +3,10 @@ export declare class UserError extends Error {
 }
 export declare function formatError(err: any): string;
 export declare function toError(err: any): Error;
-export declare function handleErrorAndAlert(errIn: any, alertTitle?: string): Promise<void>;
+interface IErrorAlertOptions {
+    title?: string;
+    classes?: string[];
+}
+export declare function handleErrorAndAlert(errIn: any, options?: IErrorAlertOptions): Promise<void>;
 export declare function handleError(errIn: any): Promise<void>;
+export {};

package/dist/vue-foundation.es.js

@@ -1,18 +1,18 @@
-var Ve = Object.defineProperty;
-var Fe = (e, t, n) => t in e ? Ve(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
-var E = (e, t, n) => Fe(e, typeof t != "symbol" ? t + "" : t, n);
-import { defineComponent as C, defineProps as _e, defineEmits as Re, ref as b, computed as _, openBlock as d, createElementBlock as h, createElementVNode as w, toDisplayString as x, withDirectives as j, createCommentVNode as O, Fragment as U, renderList as J, vModelSelect as Ne, getCurrentInstance as ee, onMounted as L, normalizeClass as k, normalizeStyle as Ke, withModifiers as te, renderSlot as K, reactive as je, h as W, Teleport as Ue, markRaw as We, onBeforeUnmount as ne, resolveDirective as be, createBlock as Oe, createSlots as Pe, withCtx as Y, createTextVNode as ae, vModelText as qe, watch as ce, onActivated as ke, onDeactivated as Se } from "vue";
-import { compact as ze, debounce as Xe, isEqual as Ce, upperFirst as Ye, startCase as Ze, cloneDeep as Ge, remove as Qe } from "lodash";
-import { escapeHtml as Je } from "@vue/shared";
-import { escapeHtml as ni } from "@vue/shared";
-import { installOpenApiClientInterceptors as et, isOpenApiError as tt } from "@signal24/openapi-client-codegen/browser";
+var Be = Object.defineProperty;
+var Ve = (e, t, n) => t in e ? Be(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
+var E = (e, t, n) => Ve(e, typeof t != "symbol" ? t + "" : t, n);
+import { defineComponent as C, defineProps as Fe, defineEmits as _e, ref as b, computed as _, openBlock as d, createElementBlock as h, createElementVNode as w, toDisplayString as x, withDirectives as j, createCommentVNode as O, Fragment as W, renderList as J, vModelSelect as Re, getCurrentInstance as ee, onMounted as L, normalizeClass as k, normalizeStyle as Ne, withModifiers as te, renderSlot as K, reactive as Ke, h as U, Teleport as je, markRaw as We, onBeforeUnmount as ne, resolveDirective as we, createBlock as be, createSlots as Ue, withCtx as Y, createTextVNode as ae, vModelText as Pe, watch as ce, onActivated as Oe, onDeactivated as ke } from "vue";
+import { compact as qe, debounce as ze, isEqual as Se, upperFirst as Xe, startCase as Ye, cloneDeep as Ze, remove as Ge } from "lodash";
+import { escapeHtml as Qe } from "@vue/shared";
+import { escapeHtml as ns } from "@vue/shared";
+import { installOpenApiClientInterceptors as Je, isOpenApiError as et } from "@signal24/openapi-client-codegen/browser";
 import { format as G } from "date-fns";
-const nt = C({
+const tt = C({
   setup() {
-    const e = _e();
-    Re(["update:modelValue"]);
-    const t = b(null), n = _(() => t.value ? t.value.map((o) => e.preprocesor ? e.preprocesor(o) : o[e.displayKey ?? ""]) : null), i = b(e.modelValue ?? null);
-    return { props: e, options: t, renderOptions: n, selectedItem: i };
+    const e = Fe();
+    _e(["update:modelValue"]);
+    const t = b(null), n = _(() => t.value ? t.value.map((o) => e.preprocesor ? e.preprocesor(o) : o[e.displayKey ?? ""]) : null), s = b(e.modelValue ?? null);
+    return { props: e, options: t, renderOptions: n, selectedItem: s };
   },
   watch: {
     loadFn() {
@@ -33,50 +33,50 @@ const nt = C({
       this.options = await this.props.loadFn();
     }
   }
-}), xe = (e, t) => {
+}), Ce = (e, t) => {
   const n = e.__vccOpts || e;
-  for (const [i, s] of t)
-    n[i] = s;
+  for (const [s, i] of t)
+    n[s] = i;
   return n;
-}, it = {
+}, nt = {
   key: 0,
   disabled: ""
 }, st = {
   key: 0,
   value: null
-}, ot = ["value"];
-function lt(e, t, n, i, s, o) {
+}, it = ["value"];
+function ot(e, t, n, s, i, o) {
   return e.renderOptions ? j((d(), h("select", {
     key: 1,
     "onUpdate:modelValue": t[0] || (t[0] = (r) => e.selectedItem = r)
   }, [
     e.props.nullText ? (d(), h("option", st, x(e.props.nullText), 1)) : O("", !0),
-    (d(!0), h(U, null, J(e.renderOptions, (r, l) => {
+    (d(!0), h(W, null, J(e.renderOptions, (r, l) => {
       var a;
       return d(), h("option", {
         key: l,
         value: (a = e.options) == null ? void 0 : a[l]
-      }, x(r), 9, ot);
+      }, x(r), 9, it);
     }), 128))
   ], 512)), [
-    [Ne, e.selectedItem]
-  ]) : (d(), h("select", it, [
+    [Re, e.selectedItem]
+  ]) : (d(), h("select", nt, [
     w("option", null, x(e.props.loadingText || "Loading..."), 1)
   ]));
 }
-const Mn = /* @__PURE__ */ xe(nt, [["render", lt]]), rt = /* @__PURE__ */ C({
+const Mn = /* @__PURE__ */ Ce(tt, [["render", ot]]), lt = /* @__PURE__ */ C({
   __name: "overlay-anchor",
   props: {
     overlayId: {},
     anchor: {}
   },
   setup(e) {
-    const t = e, n = t.anchor instanceof HTMLElement ? t.anchor : t.anchor.el, i = b({ visibility: "hidden", top: "0", left: "0" }), s = b([]), o = ee();
+    const t = e, n = t.anchor instanceof HTMLElement ? t.anchor : t.anchor.el, s = b({ visibility: "hidden", top: "0", left: "0" }), i = b([]), o = ee();
     L(r);
     function r() {
       if (!o) return;
       const p = o.vnode.el, { styles: g, classes: m } = l(p, n);
-      i.value = g, s.value = m;
+      s.value = g, i.value = m;
     }
     function l(p, g) {
       const m = t.anchor instanceof HTMLElement ? {} : t.anchor, v = g.getBoundingClientRect(), f = p.getBoundingClientRect();
@@ -106,34 +106,34 @@ const Mn = /* @__PURE__ */ xe(nt, [["render", lt]]), rt = /* @__PURE__ */ C({
       };
     }
     function a() {
-      window.removeEventListener("click", a), dt(t.overlayId);
+      window.removeEventListener("click", a), ct(t.overlayId);
     }
     return L(() => {
       setTimeout(() => {
         window.addEventListener("click", a);
       }, 10);
     }), (p, g) => (d(), h("div", {
-      class: k(["vf-overlay-anchor", s.value]),
-      style: Ke(i.value),
+      class: k(["vf-overlay-anchor", i.value]),
+      style: Ne(s.value),
       onClick: te(a, ["stop"])
     }, [
       K(p.$slots, "default")
     ], 6));
   }
 });
-let at = 0;
-const S = je([]), In = C({
+let rt = 0;
+const S = Ke([]), In = C({
   setup() {
-    return () => W("div", [
-      J(S, (e) => W(Ue, { key: e.id, to: "#vf-overlay-target" }, [e.wrapperVnode ?? e.vnode]))
+    return () => U("div", [
+      J(S, (e) => U(je, { key: e.id, to: "#vf-overlay-target" }, [e.wrapperVnode ?? e.vnode]))
     ]);
   }
 });
-function ie(e, t, n) {
-  const i = document.getElementById("vf-overlay-target") ?? document.createElement("div");
-  i.id = "vf-overlay-target", i.removeAttribute("inert"), document.body.appendChild(i);
-  const s = String(++at), o = We(e), r = W(o, t), l = n != null && n.anchor ? W(rt, { overlayId: s, anchor: n.anchor }, () => [r]) : void 0, a = {
-    id: s,
+function se(e, t, n) {
+  const s = document.getElementById("vf-overlay-target") ?? document.createElement("div");
+  s.id = "vf-overlay-target", s.removeAttribute("inert"), document.body.appendChild(s);
+  const i = String(++rt), o = We(e), r = U(o, t), l = n != null && n.anchor ? U(lt, { overlayId: i, anchor: n.anchor }, () => [r]) : void 0, a = {
+    id: i,
     component: o,
     props: t,
     options: n ?? {},
@@ -143,18 +143,18 @@ function ie(e, t, n) {
   return S.push(a), a;
 }
 function Hn(e) {
-  e.$ && Le(e.$);
+  e.$ && xe(e.$);
 }
-function Le(e) {
+function xe(e) {
   let t = e;
-  for (; t && !ct(t.vnode); )
+  for (; t && !at(t.vnode); )
     t = t.parent;
 }
-function ct(e) {
+function at(e) {
   const t = S.findIndex((n) => n.vnode.component === e.component);
   return t >= 0 ? (S[t].props.callback(), !0) : !1;
 }
-function dt(e) {
+function ct(e) {
   const t = S.findIndex((n) => n.id === e);
   return t >= 0 ? (S[t].props.callback(), !0) : !1;
 }
@@ -162,48 +162,53 @@ function P(e) {
   const t = S.indexOf(e);
   t >= 0 && S.splice(t, 1);
 }
-async function se(e, t, n) {
-  return new Promise((i) => {
-    let s = null;
+async function ie(e, t, n) {
+  return new Promise((s) => {
+    let i = null;
     const r = { ...t, callback: async (l) => {
       if (n != null && n.onCallback) {
         const a = n.onCallback(l);
         if (typeof a == "object" && "then" in a && typeof a.then == "function" && await a === !1)
           return;
       }
-      P(s), i(l);
+      P(i), s(l);
     } };
-    s = ie(e, r, n);
+    i = se(e, r, n);
   });
 }
 function q(e, t) {
-  return { title: t ? e : void 0, message: t ?? e };
+  return typeof e == "object" && !(e instanceof Error) ? {
+    ...e,
+    classes: e.classes ?? []
+  } : { title: t ? e : void 0, message: t ?? e, classes: [] };
 }
-async function de(e, t) {
-  await se(X, q(e, t));
+async function dt(e, t) {
+  await ie(X, q(e, t));
 }
 async function Dn(e, t) {
-  return await se(X, {
-    ...q(e, t),
+  const n = q(e, t);
+  return await ie(X, {
+    ...n,
     shouldConfirm: !0
   }) === !0;
 }
 async function An(e, t) {
-  return await se(X, {
-    ...q(e, t),
+  const n = q(e, t);
+  return await ie(X, {
+    ...n,
     shouldConfirm: !0,
-    classes: ["destructive"]
+    classes: ["destructive", ...n.classes]
   }) === !0;
 }
 function $n(e, t) {
-  const n = ie(X, {
-    ...q(e, t),
+  const n = q(e, t), s = se(X, {
+    ...n,
     isBare: !0,
-    classes: ["wait"],
+    classes: ["wait", ...n.classes],
     callback: () => {
     }
   });
-  return () => P(n);
+  return () => P(s);
 }
 const M = {
   unhandledErrorSupportText: "please contact support",
@@ -231,7 +236,11 @@ function oe(e) {
 }
 async function Vn(e, t) {
   const n = oe(e);
-  return n instanceof z || M.errorHandler(n), t ? de(t, n) : de(n);
+  return n instanceof z || M.errorHandler(n), dt({
+    title: t == null ? void 0 : t.title,
+    message: n,
+    classes: t == null ? void 0 : t.classes
+  });
 }
 async function Fn(e) {
   const t = oe(e);
@@ -239,48 +248,48 @@ async function Fn(e) {
 }
 const B = Symbol("MaskState");
 function _n(e, t) {
-  var s;
-  const n = (s = e.$) == null ? void 0 : s.vnode.el, i = n.closest(".vf-modal");
-  return ht(i ?? n, t);
+  var i;
+  const n = (i = e.$) == null ? void 0 : i.vnode.el, s = n.closest(".vf-modal");
+  return ht(s ?? n, t);
 }
 function Rn(e) {
-  var i;
-  const t = (i = e.$) == null ? void 0 : i.vnode.el, n = t.closest(".vf-modal");
-  return Me(n ?? t);
+  var s;
+  const t = (s = e.$) == null ? void 0 : s.vnode.el, n = t.closest(".vf-modal");
+  return Le(n ?? t);
 }
 function ht(e, t) {
   if (!e[B]) {
     const n = document.createElement("div");
     n.classList.add("vf-mask"), e.appendChild(n), e[B] = { maskEl: n };
   }
-  return e[B].maskEl.innerText = t ?? "", () => Me(e);
+  return e[B].maskEl.innerText = t ?? "", () => Le(e);
 }
-function Me(e) {
+function Le(e) {
   e[B] && e.removeChild(e[B].maskEl);
 }
 const Q = Symbol("FormMaskState");
 function ft(e, t, n) {
-  const i = e instanceof Element ? e : He(e);
-  if (!i) return () => {
+  const s = e instanceof Element ? e : Ie(e);
+  if (!s) return () => {
   };
-  i.classList.add("vf-masked");
-  const s = t instanceof Element ? t : i.querySelectorAll(t ?? 'button:not([disabled]):not([type="button"])')[0];
+  s.classList.add("vf-masked");
+  const i = t instanceof Element ? t : s.querySelectorAll(t ?? 'button:not([disabled]):not([type="button"])')[0];
   let o;
-  s && (o = s.tagName === "INPUT" ? s.value : s.innerHTML, s.setAttribute("disabled", "disabled"), s.innerText = n ?? "Please wait...");
-  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[Q] = {
+  i && (o = i.tagName === "INPUT" ? i.value : i.innerHTML, i.setAttribute("disabled", "disabled"), i.innerText = n ?? "Please wait...");
+  const l = [...s.querySelectorAll("input:not([disabled]), select:not([disabled]), textarea:not([disabled]), button:not([disabled])")];
+  return l.forEach((a) => a.setAttribute("disabled", "disabled")), s[Q] = {
     disabledElements: l,
-    waitButton: s,
+    waitButton: i,
     buttonHtml: o
-  }, () => Ie(i);
+  }, () => Me(s);
 }
-function Ie(e) {
-  const t = e instanceof Element ? e : He(e);
+function Me(e) {
+  const t = e instanceof Element ? e : Ie(e);
   if (!t) return;
   const n = t[Q];
-  n && (t.classList.remove("vf-masked"), n.disabledElements.forEach((i) => i.removeAttribute("disabled")), n.waitButton && (n.waitButton.innerHTML = n.buttonHtml, n.waitButton.removeAttribute("disabled")), delete t[Q]);
+  n && (t.classList.remove("vf-masked"), n.disabledElements.forEach((s) => s.removeAttribute("disabled")), n.waitButton && (n.waitButton.innerHTML = n.buttonHtml, n.waitButton.removeAttribute("disabled")), delete t[Q]);
 }
-function He(e) {
+function Ie(e) {
   var n;
   const t = (n = e == null ? void 0 : e.$) == null ? void 0 : n.vnode.el;
   return t ? t.tagName === "FORM" ? t : t.querySelector("form") : null;
@@ -302,32 +311,32 @@ const pt = ["id"], mt = {
   },
   emits: ["formSubmit"],
   setup(e, { expose: t }) {
-    const n = ee(), i = e;
+    const n = ee(), s = e;
     t({ mask: m, unmask: v, hide: f, unhide: u });
-    const s = b(), o = b(), r = b(!1), l = _(() => ze([i.class, r.value && "hidden"]));
+    const i = b(), o = b(), r = b(!1), l = _(() => qe([s.class, r.value && "hidden"]));
     L(() => {
       var c;
-      document.body.classList.add("vf-modal-open"), i.closeOnMaskClick && (window.addEventListener("keydown", p), (c = s.value) == null || c.addEventListener("click", a));
+      document.body.classList.add("vf-modal-open"), s.closeOnMaskClick && (window.addEventListener("keydown", p), (c = i.value) == null || c.addEventListener("click", a));
     }), ne(() => {
       window.removeEventListener("keydown", p), document.body.querySelectorAll(".vf-modal").length > 0 || document.body.classList.remove("vf-modal-open");
     });
     function a(c) {
-      c.target == s.value && g();
+      c.target == i.value && g();
     }
     function p(c) {
       if (c.key === "Esc" || c.key === "Escape") {
         const T = document.querySelectorAll(".vf-modal-wrap");
-        T[T.length - 1] === s.value && g();
+        T[T.length - 1] === i.value && g();
       }
     }
     function g() {
-      Le(n);
+      xe(n);
     }
     function m() {
       return ft(o.value), () => v();
     }
     function v() {
-      Ie(o.value);
+      Me(o.value);
     }
     function f() {
       return r.value = !0, () => u();
@@ -339,7 +348,7 @@ const pt = ["id"], mt = {
       id: c.id,
       class: k(["vf-overlay vf-modal-wrap", l.value]),
       ref_key: "overlay",
-      ref: s
+      ref: i
     }, [
       w("form", {
         action: ".",
@@ -350,7 +359,7 @@ const pt = ["id"], mt = {
       }, [
         c.$slots.header ? (d(), h("div", mt, [
           K(c.$slots, "header"),
-          i.closeX ? (d(), h("i", {
+          s.closeX ? (d(), h("i", {
             key: 0,
             class: "close",
             onClick: g
@@ -378,15 +387,15 @@ const pt = ["id"], mt = {
   },
   setup(e) {
     const t = e, n = _(() => t.message instanceof Error ? ut(t.message) : t.message);
-    return (i, s) => {
-      const o = be("autofocus");
-      return d(), Oe(gt, {
-        class: k(["vf-alert", i.classes])
-      }, Pe({
+    return (s, i) => {
+      const o = we("autofocus");
+      return d(), be(gt, {
+        class: k(["vf-alert", s.classes])
+      }, Ue({
         default: Y(() => [
-          i.isHtml ? (d(), h("div", {
+          s.isHtml ? (d(), h("div", {
             key: 0,
-            innerHtml: i.message,
+            innerHtml: s.message,
             class: "user-message"
           }, null, 8, Et)) : (d(), h("div", {
             key: 1,
@@ -395,20 +404,20 @@ const pt = ["id"], mt = {
         ]),
         _: 2
       }, [
-        i.title ? {
+        s.title ? {
           name: "header",
           fn: Y(() => [
-            w("h1", null, x(i.title), 1)
+            w("h1", null, x(s.title), 1)
           ]),
           key: "0"
         } : void 0,
-        i.isBare ? void 0 : {
+        s.isBare ? void 0 : {
           name: "footer",
           fn: Y(() => [
-            i.shouldConfirm ? (d(), h(U, { key: 0 }, [
+            s.shouldConfirm ? (d(), h(W, { key: 0 }, [
               j((d(), h("button", {
                 class: "primary",
-                onClick: s[0] || (s[0] = () => i.callback(!0))
+                onClick: i[0] || (i[0] = () => s.callback(!0))
               }, [
                 ae("Confirm")
               ])), [
@@ -416,12 +425,12 @@ const pt = ["id"], mt = {
               ]),
               w("button", {
                 class: "default",
-                onClick: s[1] || (s[1] = () => i.callback(!1))
+                onClick: i[1] || (i[1] = () => s.callback(!1))
               }, "Cancel")
             ], 64)) : j((d(), h("button", {
               key: 1,
               class: "default",
-              onClick: s[2] || (s[2] = () => i.callback(!0))
+              onClick: i[2] || (i[2] = () => s.callback(!0))
             }, [
               ae("OK")
             ])), [
@@ -447,15 +456,15 @@ for (let e = 0; e < 256; ++e)
 function Ot(e, t = 0) {
   return y[e[t + 0]] + y[e[t + 1]] + y[e[t + 2]] + y[e[t + 3]] + "-" + y[e[t + 4]] + y[e[t + 5]] + "-" + y[e[t + 6]] + y[e[t + 7]] + "-" + y[e[t + 8]] + y[e[t + 9]] + "-" + y[e[t + 10]] + y[e[t + 11]] + y[e[t + 12]] + y[e[t + 13]] + y[e[t + 14]] + y[e[t + 15]];
 }
-const kt = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), ue = {
+const kt = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), de = {
   randomUUID: kt
 };
 function St(e, t, n) {
-  if (ue.randomUUID && !t && !e)
-    return ue.randomUUID();
+  if (de.randomUUID && !t && !e)
+    return de.randomUUID();
   e = e || {};
-  const i = e.random || (e.rng || bt)();
-  return i[6] = i[6] & 15 | 64, i[8] = i[8] & 63 | 128, Ot(i);
+  const s = e.random || (e.rng || bt)();
+  return s[6] = s[6] & 15 | 64, s[8] = s[8] & 63 | 128, Ot(s);
 }
 function Nn(e) {
   return e.replace(/\n/g, "<br>");
@@ -473,7 +482,7 @@ function Lt(e, t = 1) {
 function Kn() {
   return St();
 }
-const D = Symbol("null"), he = Symbol("create"), Mt = "`1234567890-=[]\\;',./~!@#$%^&*()_+{}|:\"<>?qwertyuiopasdfghjklzxcvbnmQWERTYUIOPASDFGHJKLZXCVBNM", It = {
+const D = Symbol("null"), ue = Symbol("create"), Mt = "`1234567890-=[]\\;',./~!@#$%^&*()_+{}|:\"<>?qwertyuiopasdfghjklzxcvbnmQWERTYUIOPASDFGHJKLZXCVBNM", It = {
   props: {
     modelValue: {
       type: null,
@@ -551,14 +560,14 @@ const D = Symbol("null"), he = Symbol("create"), Mt = "`1234567890-=[]\\;',./~!@
     optionsDescriptors() {
       return this.allOptions.map((e, t) => {
         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 = [];
+        const n = this.formatter(e), s = (l = this.subtitleFormatter) == null ? void 0 : l.call(this, e), i = n ? n.trim().toLowerCase() : "", o = s ? s.trim().toLowerCase() : "", r = [];
         return this.searchFields ? this.searchFields.forEach((p) => {
           e[p] && r.push(String(e[p]).toLowerCase());
-        }) : (r.push(s), o && r.push(o)), {
+        }) : (r.push(i), o && r.push(o)), {
           // eslint-disable-next-line vue/no-use-computed-property-like-method
           key: ((a = this.effectiveKeyExtractor) == null ? void 0 : a.call(this, e)) ?? String(t),
           title: n,
-          subtitle: i,
+          subtitle: s,
           searchContent: r.join(""),
           ref: e
         };
@@ -569,17 +578,17 @@ const D = Symbol("null"), he = Symbol("create"), Mt = "`1234567890-=[]\\;',./~!@
       if (this.isSearching) {
         const t = this.searchText.trim().toLowerCase();
         if (t.length) {
-          e = e.filter((s) => s.searchContent.includes(t));
-          const n = Je(this.searchText).replace(/[-/\\^$*+?.()|[\]{}]/g, "\\$&"), i = new RegExp(`(${n})`, "ig");
-          e = e.map((s) => {
+          e = e.filter((i) => i.searchContent.includes(t));
+          const n = Qe(this.searchText).replace(/[-/\\^$*+?.()|[\]{}]/g, "\\$&"), s = new RegExp(`(${n})`, "ig");
+          e = e.map((i) => {
             var o;
             return {
-              ...s,
-              title: s.title.replace(i, "<mark>$1</mark>"),
-              subtitle: (o = s.subtitle) == null ? void 0 : o.replace(i, "<mark>$1</mark>")
+              ...i,
+              title: i.title.replace(s, "<mark>$1</mark>"),
+              subtitle: (o = i.subtitle) == null ? void 0 : o.replace(s, "<mark>$1</mark>")
             };
           }), this.shouldShowCreateOption && (e.find((o) => o.searchContent === t) !== void 0 || e.push({
-            key: he,
+            key: ue,
             title: "Create <strong>" + this.searchText.trim() + "</strong>..."
           }));
         }
@@ -619,7 +628,7 @@ const D = Symbol("null"), he = Symbol("create"), Mt = "`1234567890-=[]\\;',./~!@
         "update:modelValue",
         this.selectedOption && this.valueExtractor ? this.valueExtractor(this.selectedOption) : this.selectedOption
       );
-    }), this.remoteSearch && this.$watch("searchText", Xe(this.reloadOptionsIfSearching, 250));
+    }), this.remoteSearch && this.$watch("searchText", ze(this.reloadOptionsIfSearching, 250));
   },
   methods: {
     async loadRemoteOptions() {
@@ -673,11 +682,11 @@ const D = Symbol("null"), he = Symbol("create"), Mt = "`1234567890-=[]\\;',./~!@
       return this.effectiveKeyExtractor ? this.effectiveKeyExtractor(this.selectedOption) : ((t = this.getOptionDescriptor(e)) == null ? void 0 : t.key) ?? "";
     },
     getOptionDescriptor(e) {
-      const t = this.effectiveOptions.find((s) => s.ref === e);
+      const t = this.effectiveOptions.find((i) => i.ref === e);
       if (t)
         return t;
-      const n = this.keyExtractor ? (s, o) => this.keyExtractor(s) === this.keyExtractor(o) : Ce, i = this.effectiveOptions.find((s) => n(s.ref, e));
-      return i || null;
+      const n = this.keyExtractor ? (i, o) => this.keyExtractor(i) === this.keyExtractor(o) : Se, s = this.effectiveOptions.find((i) => n(i.ref, e));
+      return s || null;
     },
     handleInputBlurred() {
       this.debug || (!this.searchText.length && this.nullTitle && (this.selectedOption = null, this.selectedOptionTitle = null), this.shouldDisplayOptions = !1);
@@ -686,18 +695,18 @@ const D = Symbol("null"), he = Symbol("create"), Mt = "`1234567890-=[]\\;',./~!@
       this.isLoaded || this.loadRemoteOptions(), this.optionsListId && this.$refs.optionsContainer.setAttribute("id", this.optionsListId), this.teleportOptionsContainer();
     },
     teleportOptionsContainer() {
-      const e = this.$el.getBoundingClientRect(), t = e.y + e.height + 2, n = e.x, i = this.$refs.optionsContainer, s = window.getComputedStyle(this.$el);
-      for (let o in s)
-        /^(font|text)/.test(o) && (i.style[o] = s[o]);
-      if (i.style.top = t + "px", i.style.left = n + "px", i.style.minWidth = e.width + "px", !s.maxHeight || s.maxHeight == "none") {
+      const e = this.$el.getBoundingClientRect(), t = e.y + e.height + 2, n = e.x, s = this.$refs.optionsContainer, i = window.getComputedStyle(this.$el);
+      for (let o in i)
+        /^(font|text)/.test(o) && (s.style[o] = i[o]);
+      if (s.style.top = t + "px", s.style.left = n + "px", s.style.minWidth = e.width + "px", !i.maxHeight || i.maxHeight == "none") {
         const o = window.innerHeight - t - 12;
-        i.style.maxHeight = o + "px";
+        s.style.maxHeight = o + "px";
       }
-      i.style.visibility = "visible", document.body.appendChild(i), setTimeout(this.highlightInitialOption, 0);
+      s.style.visibility = "visible", document.body.appendChild(s), setTimeout(this.highlightInitialOption, 0);
     },
     highlightInitialOption() {
       if (!this.isLoaded || !this.highlightedOptionKey) return;
-      const e = this.effectiveOptions.findIndex((i) => i.key == this.highlightedOptionKey), t = this.$refs.optionsContainer, n = t.querySelectorAll(".option")[e];
+      const e = this.effectiveOptions.findIndex((s) => s.key == this.highlightedOptionKey), t = this.$refs.optionsContainer, n = t.querySelectorAll(".option")[e];
       t.scrollTop = n.offsetTop;
     },
     handleOptionHover(e) {
@@ -708,19 +717,19 @@ const D = Symbol("null"), he = Symbol("create"), Mt = "`1234567890-=[]\\;',./~!@
       let n = t + e;
       if (n < 0 ? n = 0 : n >= this.effectiveOptions.length && (n = this.effectiveOptions.length - 1), t == n) return;
       this.highlightedOptionKey = this.effectiveOptions[n].key;
-      const i = this.$refs.optionsContainer, s = i.querySelectorAll(".option")[n];
-      s.offsetTop < i.scrollTop ? i.scrollTop = s.offsetTop : s.offsetTop + s.offsetHeight > i.scrollTop + i.clientHeight && (i.scrollTop = s.offsetTop + s.offsetHeight - i.clientHeight);
+      const s = this.$refs.optionsContainer, i = s.querySelectorAll(".option")[n];
+      i.offsetTop < s.scrollTop ? s.scrollTop = i.offsetTop : i.offsetTop + i.offsetHeight > s.scrollTop + s.clientHeight && (s.scrollTop = i.offsetTop + i.offsetHeight - s.clientHeight);
     },
     selectOption(e) {
       var t;
       if (this.isSearching = !1, e.key == D)
         this.searchText = "", this.selectedOption = null, this.selectedOptionTitle = null;
-      else if (e.key === he) {
+      else if (e.key === ue) {
         const n = this.searchText.trim();
         this.searchText = "", this.selectedOption = null, this.selectedOptionTitle = null, (t = this.onCreateItem) == null || t.call(this, n);
       } else {
-        const i = this.optionsDescriptors.find((s) => s.key == e.key).ref;
-        this.selectedOption = i, this.selectedOptionTitle = this.formatter(i), this.searchText = this.selectedOptionTitle || "";
+        const s = this.optionsDescriptors.find((i) => i.key == e.key).ref;
+        this.selectedOption = s, this.selectedOptionTitle = this.formatter(s), this.searchText = this.selectedOptionTitle || "";
       }
       this.$refs.searchField.blur();
     },
@@ -742,8 +751,8 @@ const D = Symbol("null"), he = Symbol("create"), Mt = "`1234567890-=[]\\;',./~!@
   key: 0,
   class: "no-results"
 };
-function _t(e, t, n, i, s, o) {
-  const r = be("disabled");
+function _t(e, t, n, s, i, o) {
+  const r = we("disabled");
   return d(), h("div", {
     class: k(["vf-smart-select", { disabled: o.effectiveDisabled, open: e.shouldDisplayOptions }])
   }, [
@@ -759,12 +768,12 @@ function _t(e, t, n, i, s, o) {
       required: n.required,
       "data-1p-ignore": ""
     }, null, 42, Ht), [
-      [qe, e.searchText],
+      [Pe, e.searchText],
       [r, o.effectiveDisabled]
     ]),
     e.shouldDisplayOptions ? (d(), h("div", Dt, [
-      e.isLoaded ? (d(), h(U, { key: 1 }, [
-        (d(!0), h(U, null, J(o.effectiveOptions, (l) => (d(), h("div", {
+      e.isLoaded ? (d(), h(W, { key: 1 }, [
+        (d(!0), h(W, null, J(o.effectiveOptions, (l) => (d(), h("div", {
           key: String(l.key),
           class: k(["option", {
             highlighted: e.highlightedOptionKey === l.key
@@ -787,7 +796,7 @@ function _t(e, t, n, i, s, o) {
     ], 512)) : O("", !0)
   ], 2);
 }
-const Rt = /* @__PURE__ */ xe(It, [["render", _t]]), jn = /* @__PURE__ */ C({
+const Rt = /* @__PURE__ */ Ce(It, [["render", _t]]), jn = /* @__PURE__ */ C({
   __name: "ez-smart-select",
   props: {
     modelValue: {},
@@ -798,36 +807,36 @@ const Rt = /* @__PURE__ */ xe(It, [["render", _t]]), jn = /* @__PURE__ */ C({
   },
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
-    const n = e, i = _(() => Array.isArray(n.options) ? n.options.map((l) => ({ value: l, label: l })) : Object.entries(n.options).map(([l, a]) => ({
+    const n = e, s = _(() => Array.isArray(n.options) ? n.options.map((l) => ({ value: l, label: l })) : Object.entries(n.options).map(([l, a]) => ({
       value: l,
       label: a
-    }))), s = _(() => n.formatter ? (l) => {
+    }))), i = _(() => n.formatter ? (l) => {
       var a;
       return (a = n.formatter) == null ? void 0 : a.call(n, l.label);
-    } : (l) => l.label), o = t, r = b(i.value.find((l) => l.value === n.modelValue) ?? null);
+    } : (l) => l.label), o = t, r = b(s.value.find((l) => l.value === n.modelValue) ?? null);
     return ce(
       () => n.modelValue,
       (l) => {
-        r.value = i.value.find((a) => a.value === l) ?? null;
+        r.value = s.value.find((a) => a.value === l) ?? null;
       }
     ), ce(r, (l) => {
       var a;
-      o("update:modelValue", l ? ((a = i.value.find((p) => Ce(p, l))) == null ? void 0 : a.value) ?? null : null);
-    }), (l, a) => (d(), Oe(Rt, {
+      o("update:modelValue", l ? ((a = s.value.find((p) => Se(p, l))) == null ? void 0 : a.value) ?? null : null);
+    }), (l, a) => (d(), be(Rt, {
       modelValue: r.value,
       "onUpdate:modelValue": a[0] || (a[0] = (p) => r.value = p),
-      options: i.value,
-      formatter: s.value,
+      options: s.value,
+      formatter: i.value,
       "null-title": l.nullTitle
     }, null, 8, ["modelValue", "options", "formatter", "null-title"]));
   }
 }), Nt = { class: "content" }, Kt = { class: "message" }, jt = {
   key: 0,
   class: "close"
-}, Ut = {
+}, Wt = {
   key: 0,
   class: "progress-bar"
-}, Wt = /* @__PURE__ */ C({
+}, Ut = /* @__PURE__ */ C({
   __name: "toast",
   props: {
     message: {},
@@ -842,42 +851,42 @@ const Rt = /* @__PURE__ */ xe(It, [["render", _t]]), jn = /* @__PURE__ */ C({
     function n() {
       t.onClick ? t.onClick() : t.disableClose || t.callback();
     }
-    const i = b();
+    const s = b();
     return t.durationSecs !== null && L(() => {
       var o;
-      const s = t.durationSecs ?? 5;
-      (o = i.value) == null || o.animate([{ width: "0%" }, { width: "100%" }], {
-        duration: s * 1e3,
+      const i = t.durationSecs ?? 5;
+      (o = s.value) == null || o.animate([{ width: "0%" }, { width: "100%" }], {
+        duration: i * 1e3,
         easing: "linear"
-      }), setTimeout(() => t.callback(), s * 1e3);
-    }), (s, o) => (d(), h("div", {
-      class: k(["vf-toast", s.className]),
+      }), setTimeout(() => t.callback(), i * 1e3);
+    }), (i, o) => (d(), h("div", {
+      class: k(["vf-toast", i.className]),
       onClick: te(n, ["stop"])
     }, [
       w("div", Nt, [
-        w("div", Kt, x(s.message), 1),
-        s.disableClose ? O("", !0) : (d(), h("div", jt, "x"))
+        w("div", Kt, x(i.message), 1),
+        i.disableClose ? O("", !0) : (d(), h("div", jt, "x"))
       ]),
-      s.durationSecs !== null ? (d(), h("div", Ut, [
+      i.durationSecs !== null ? (d(), h("div", Wt, [
         w("div", {
           ref_key: "progressInnerEl",
-          ref: i,
+          ref: s,
           class: "inner"
         }, null, 512)
       ])) : O("", !0)
     ], 2));
   }
 });
-function Un(e) {
-  const t = ie(Wt, {
+function Wn(e) {
+  const t = se(Ut, {
     ...e,
     callback: () => P(t)
   });
   return () => P(t);
 }
 function Pt(e) {
-  const t = Math.floor(Math.log(e) / Math.log(1024)), i = (e / Math.pow(1024, t)).toFixed(2), s = ["B", "KB", "MB", "GB", "TB"][t];
-  return `${i} ${s}`;
+  const t = Math.floor(Math.log(e) / Math.log(1024)), s = (e / Math.pow(1024, t)).toFixed(2), i = ["B", "KB", "MB", "GB", "TB"][t];
+  return `${s} ${i}`;
 }
 function qt(e) {
   return e != null && String(e).length ? e : "-";
@@ -892,10 +901,10 @@ function Yt(e) {
   return e && xt(e);
 }
 function Zt(e) {
-  return e ? Ye(e) : null;
+  return e ? Xe(e) : null;
 }
 function Gt(e) {
-  return e ? Ze(e) : null;
+  return e ? Ye(e) : null;
 }
 function Qt(e) {
   return e ? e.toUpperCase() : null;
@@ -906,7 +915,7 @@ function Jt(e) {
 function en(e, t = 1) {
   return Lt(e, t);
 }
-const fe = {
+const he = {
   bytes: Pt,
   dash: qt,
   dashZeros: zt,
@@ -917,35 +926,35 @@ const fe = {
   upperCase: Qt,
   desnake: Jt,
   usCurrency: en
-}, Wn = (e) => ({
-  ...fe,
-  ...e(fe)
+}, Un = (e) => ({
+  ...he,
+  ...e(he)
 });
 function Pn(e, t, n) {
-  const i = typeof t == "function" ? e.findIndex(t) : e.indexOf(t);
-  return i === -1 ? !1 : (e.splice(i, 1, n), !0);
+  const s = typeof t == "function" ? e.findIndex(t) : e.indexOf(t);
+  return s === -1 ? !1 : (e.splice(s, 1, n), !0);
 }
 function qn(e, t) {
   const n = document.createElement("div");
   n.classList.add("vf-overlay"), n.addEventListener("click", m), document.body.appendChild(n);
-  const i = document.createElement("div");
-  i.classList.add("vf-context-menu"), i.style.position = "absolute", n.appendChild(i);
-  const s = e.currentTarget;
-  s.style.userSelect = "none", s.classList.add("context-menu-active"), t.targetClass && s.classList.add(t.targetClass), t.class && i.classList.add(t.class), t.items.forEach((f) => {
+  const s = document.createElement("div");
+  s.classList.add("vf-context-menu"), s.style.position = "absolute", n.appendChild(s);
+  const i = e.currentTarget;
+  i.style.userSelect = "none", i.classList.add("context-menu-active"), t.targetClass && i.classList.add(t.targetClass), t.class && s.classList.add(t.class), t.items.forEach((f) => {
     if (f == "-") {
       const c = document.createElement("div");
-      c.classList.add("separator"), i.appendChild(c);
+      c.classList.add("separator"), s.appendChild(c);
       return;
     }
     const u = document.createElement("div");
-    u.classList.add("item"), u.style.userSelect = "none", u.innerText = f.title, i.appendChild(u), f.class && u.classList.add(f.class), f.shouldConfirm ? u.addEventListener("click", (c) => v(c, u, f.handler)) : u.addEventListener("click", () => f.handler());
+    u.classList.add("item"), u.style.userSelect = "none", u.innerText = f.title, s.appendChild(u), f.class && u.classList.add(f.class), f.shouldConfirm ? u.addEventListener("click", (c) => v(c, u, f.handler)) : u.addEventListener("click", () => f.handler());
   });
-  const o = window.innerWidth - e.clientX, r = window.innerHeight - e.clientY, l = i.offsetHeight, a = i.offsetWidth, p = o < a ? e.clientX - a - 1 : e.clientX + 1, g = r < l ? e.clientY - l - 1 : e.clientY + 1;
-  i.style.left = p + "px", i.style.top = g + "px", setTimeout(() => {
-    i.style.width = i.offsetWidth + "px";
+  const o = window.innerWidth - e.clientX, r = window.innerHeight - e.clientY, l = s.offsetHeight, a = s.offsetWidth, p = o < a ? e.clientX - a - 1 : e.clientX + 1, g = r < l ? e.clientY - l - 1 : e.clientY + 1;
+  s.style.left = p + "px", s.style.top = g + "px", setTimeout(() => {
+    s.style.width = s.offsetWidth + "px";
   }, 50);
   function m() {
-    t.targetClass && s.classList.remove(t.targetClass), s.classList.remove("context-menu-active"), s.style.userSelect = "", n.remove();
+    t.targetClass && i.classList.remove(t.targetClass), i.classList.remove("context-menu-active"), i.style.userSelect = "", n.remove();
   }
   function v(f, u, c) {
     if (u.classList.contains("pending-confirm"))
@@ -963,54 +972,54 @@ function nn(e) {
   return e.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
 }
 function Xn(e, t) {
-  return e != null ? Ge(e) : t;
+  return e != null ? Ze(e) : t;
 }
 function Yn(e, t) {
   const n = { ...e };
-  for (const i of t)
-    n[i] === "" && (n[i] = null);
+  for (const s of t)
+    n[s] === "" && (n[s] = null);
   return n;
 }
 function Zn(e) {
-  et({
+  Je({
     ...e,
     onError(t, n) {
-      var s;
-      tt(t) && t.status === 422 && typeof t.body == "object" && "error" in t.body && (t = new z(t.body.error));
-      const i = (s = e.onError) == null ? void 0 : s.call(e, t, n);
-      return i !== void 0 ? i : t;
+      var i;
+      et(t) && t.status === 422 && typeof t.body == "object" && "error" in t.body && (t = new z(t.body.error));
+      const s = (i = e.onError) == null ? void 0 : i.call(e, t, n);
+      return s !== void 0 ? s : t;
     }
   });
 }
 const le = Symbol("HookState");
 function Gn(e, t) {
   const n = t ?? ee();
-  L(() => sn(n, e), n), ke(() => on(n), n), Se(() => pe(n), n), ne(() => pe(n), n);
+  L(() => sn(n, e), n), Oe(() => on(n), n), ke(() => fe(n), n), ne(() => fe(n), n);
 }
 function sn(e, t) {
   const n = {};
   if (t.elScrolledToBottom && (n.el = new V(e.vnode.el, t.elScrolledToBottom)), t.ancestorScrolledToBottom) {
-    const i = De(e.vnode.el);
-    i ? n.ancestor = new V(i, t.ancestorScrolledToBottom) : console.warn("[VueFoundation] No scollable ancestor found for component:", e);
+    const s = He(e.vnode.el);
+    s ? n.ancestor = new V(s, t.ancestorScrolledToBottom) : console.warn("[VueFoundation] No scollable ancestor found for component:", e);
   }
   t.windowScrolledToBottom && (n.window = new V(window, t.windowScrolledToBottom)), e[le] = n;
 }
 function on(e) {
-  var n, i, s;
+  var n, s, i;
   const t = e[le];
-  (n = t == null ? void 0 : t.el) == null || n.install(), (i = t == null ? void 0 : t.ancestor) == null || i.install(), (s = t == null ? void 0 : t.window) == null || s.install();
+  (n = t == null ? void 0 : t.el) == null || n.install(), (s = t == null ? void 0 : t.ancestor) == null || s.install(), (i = t == null ? void 0 : t.window) == null || i.install();
 }
-function pe(e) {
-  var n, i, s;
+function fe(e) {
+  var n, s, i;
   const t = e[le];
-  (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();
+  (n = t == null ? void 0 : t.el) == null || n.uninstall(), (s = t == null ? void 0 : t.ancestor) == null || s.uninstall(), (i = t == null ? void 0 : t.window) == null || i.uninstall();
 }
 const Z = ["auto", "scroll"];
-function De(e) {
+function He(e) {
   const t = e.parentElement;
   if (!t) return null;
   const n = window.getComputedStyle(t);
-  return Z.includes(n.overflow) || Z.includes(n.overflowX) || Z.includes(n.overflowY) ? t : De(t);
+  return Z.includes(n.overflow) || Z.includes(n.overflowX) || Z.includes(n.overflowY) ? t : He(t);
 }
 class V {
   constructor(t, n) {
@@ -1029,15 +1038,15 @@ class V {
   }
 }
 function Qn(e) {
-  L(() => window.addEventListener("resize", e)), ke(() => window.addEventListener("resize", e)), Se(() => window.removeEventListener("resize", e)), ne(() => window.removeEventListener("resize", e));
+  L(() => window.addEventListener("resize", e)), Oe(() => window.addEventListener("resize", e)), ke(() => window.removeEventListener("resize", e)), ne(() => window.removeEventListener("resize", e));
 }
 const ln = {
-  mounted: ve,
-  updated: ve
-}, me = Symbol("HasAutoFocused");
-function ve(e, t) {
-  if (t.value === void 0 && e[me] || t.value !== void 0 && !t.value || t.oldValue !== void 0 && t.value == t.oldValue) return;
-  e[me] = !0;
+  mounted: me,
+  updated: me
+}, pe = Symbol("HasAutoFocused");
+function me(e, t) {
+  if (t.value === void 0 && e[pe] || t.value !== void 0 && !t.value || t.oldValue !== void 0 && t.value == t.oldValue) return;
+  e[pe] = !0;
   const n = ["BUTTON", "INPUT", "TEXTAREA", "SELECT"].indexOf(e.tagName) > -1 ? e : e.querySelectorAll("input")[0];
   setTimeout(() => n.focus(), 10);
 }
@@ -1047,23 +1056,23 @@ const rn = {
 function an(e, t) {
   e.addEventListener("click", (n) => {
     var r, l;
-    const i = Date.now(), s = ((r = t.value) == null ? void 0 : r.text) !== void 0 ? t.value.text : "Confirm";
+    const s = Date.now(), i = ((r = t.value) == null ? void 0 : r.text) !== void 0 ? t.value.text : "Confirm";
     if (e[A]) {
-      if (i - e[A].initTime < 300)
+      if (s - e[A].initTime < 300)
         return;
       e[A].resetHandler(), e.dispatchEvent(new Event("confirm"));
       return;
     }
     n.preventDefault(), n.stopImmediatePropagation();
     const o = {
-      initTime: i,
+      initTime: s,
       preconfirmHtml: e.innerHTML,
       resetHandler: () => {
         var a;
-        s && (e.innerHTML = o.preconfirmHtml), (a = t.value) != null && a.class && e.classList.remove(t.value.class), e.blur(), e.removeEventListener("mouseout", o.resetHandler), delete e[A];
+        i && (e.innerHTML = o.preconfirmHtml), (a = t.value) != null && a.class && e.classList.remove(t.value.class), e.blur(), e.removeEventListener("mouseout", o.resetHandler), delete e[A];
       }
     };
-    e[A] = o, s && (e.innerHTML = s), (l = t.value) != null && l.class && e.classList.add(t.value.class), e.addEventListener("mouseout", o.resetHandler);
+    e[A] = o, i && (e.innerHTML = i), (l = t.value) != null && l.class && e.classList.add(t.value.class), e.addEventListener("mouseout", o.resetHandler);
   });
 }
 const cn = {
@@ -1078,10 +1087,10 @@ function dn(e) {
   });
 }
 const un = {
-  beforeMount: ye,
-  updated: ye
+  beforeMount: ve,
+  updated: ve
 };
-function ye(e, t) {
+function ve(e, t) {
   t.value == t.oldValue && e.innerHTML.length || (e.innerText = hn(e, t));
 }
 function hn(e, t) {
@@ -1089,7 +1098,7 @@ function hn(e, t) {
   if (!t.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);
+  const s = t.value.replace(/ /g, "T").replace(/\.\d+Z$/, "Z"), i = e.attributes.getNamedItem("local") !== null ? s.replace(/Z$/, "") : s.replace(/(Z|\+00:00)?$/, "Z"), o = new Date(i);
   e.attributes.getNamedItem("display-utc") !== null && o.setMinutes(o.getMinutes() - o.getTimezoneOffset());
   let r = (p = e.attributes.getNamedItem("format")) == null ? void 0 : p.value;
   if (!r && e.attributes.getNamedItem("relative-date") !== null) {
@@ -1101,49 +1110,49 @@ function hn(e, t) {
   return n && (l = n + " " + l), l;
 }
 const fn = {
-  beforeMount: ge,
-  updated: ge,
+  beforeMount: ye,
+  updated: ye,
   unmounted: pn
 };
-function ge(e, t) {
+function ye(e, t) {
   e.tagName === "LABEL" && (t.value ? e.classList.remove("disabled") : e.classList.add("disabled"), e = e.querySelector("input")), t.value ? e.setAttribute("disabled", "disabled") : e.removeAttribute("disabled");
 }
 function pn(e) {
   e.tagName === "LABEL" && (e.classList.remove("disabled"), e = e.querySelector("input")), e.removeAttribute("disabled");
 }
 const mn = {
-  beforeMount: Ee,
-  updated: Ee,
-  unmounted: $e
+  beforeMount: ge,
+  updated: ge,
+  unmounted: Ae
 }, R = Symbol("HasAutoFocused"), re = [];
 function vn() {
-  re.forEach(Ae);
+  re.forEach(De);
 }
 setInterval(vn, 1e3);
-function Ee(e, t) {
+function ge(e, t) {
   var r;
   if (t.value == t.oldValue) return;
-  if (!t.value) return $e(e);
-  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;
+  if (!t.value) return Ae(e);
+  const n = new Date(t.value), s = (r = e.attributes.getNamedItem("base-time")) == null ? void 0 : r.value, i = n.getTime() - (s ? new Date(s).getTime() - t.value * 1e3 : 0), o = e.getAttribute("no-seconds") === null;
   e[R] || re.push(e), e[R] = {
-    startTs: s,
+    startTs: i,
     includeSeconds: o
-  }, Ae(e);
+  }, De(e);
 }
-function Ae(e) {
+function De(e) {
   const t = e[R], n = Math.round((Date.now() - t.startTs) / 1e3);
   e.innerText = yn(n, t.includeSeconds);
 }
-function $e(e) {
-  e[R] && (Qe(re, e), delete e[R]), e.innerText = "-";
+function Ae(e) {
+  e[R] && (Ge(re, e), delete e[R]), e.innerText = "-";
 }
 function yn(e, t) {
-  const n = [], i = Math.floor(e / 86400);
-  i && n.push(i + "d"), e -= i * 86400;
-  const s = Math.floor(e / 3600);
-  (i || s) && n.push(s + "h"), e -= s * 3600;
+  const n = [], s = Math.floor(e / 86400);
+  s && n.push(s + "d"), e -= s * 86400;
+  const i = Math.floor(e / 3600);
+  (s || i) && n.push(i + "h"), e -= i * 3600;
   const o = Math.floor(e / 60);
-  return (i || s || o) && n.push(o + "m"), t ? n.length || n.push("0m") : (e -= o * 60, n.push(e + "s")), n.join(" ");
+  return (s || i || o) && n.push(o + "m"), t ? n.length || n.push("0m") : (e -= o * 60, n.push(e + "s")), n.join(" ");
 }
 const $ = Symbol("InfiniteScrollHandler"), gn = {
   mounted(e, t) {
@@ -1158,30 +1167,30 @@ const $ = Symbol("InfiniteScrollHandler"), gn = {
     (t = e[$]) == null || t.uninstall(), delete e[$];
   }
 }, En = {
-  beforeMount: Te,
-  updated: Te
+  beforeMount: Ee,
+  updated: Ee
 };
-function Te(e, t) {
+function Ee(e, t) {
   e.tagName == "LABEL" && (e = e.querySelector("input")), t.value ? e.setAttribute("readonly", "readonly") : e.removeAttribute("readonly");
 }
 const Tn = {
-  mounted: we,
-  updated: we,
-  unmounted: Be
+  mounted: Te,
+  updated: Te,
+  unmounted: $e
 }, F = Symbol("TooltipState");
-function we(e, t) {
-  var i;
-  let n = ((i = e.attributes.getNamedItem("tip")) == null ? void 0 : i.value) ?? t.value;
+function Te(e, t) {
+  var s;
+  let n = ((s = e.attributes.getNamedItem("tip")) == null ? void 0 : s.value) ?? t.value;
   if (t.value || (n = null), n) {
-    const s = {
+    const i = {
       content: n,
       html: e.getAttribute("html") !== null
     };
-    e[F] ? e[F].configure(s) : e[F] = new wn(e, s);
+    e[F] ? e[F].configure(i) : e[F] = new wn(e, i);
   } else
-    Be(e);
+    $e(e);
 }
-function Be(e) {
+function $e(e) {
   var t;
   (t = e[F]) == null || t.destroy(), delete e[F];
 }
@@ -1197,7 +1206,7 @@ class wn {
     E(this, "handleMouseMoveWithContext", this.handleMouseMove.bind(this));
     E(this, "handleTargetMouseEnterWithContext", this.handleTargetMouseEnter.bind(this));
     E(this, "handleTargetMouseLeaveWithContext", this.handleTargetMouseLeave.bind(this));
-    this.el = t, this.config = n, t.addEventListener("mouseenter", this.handleTargetMouseEnterWithContext), t.addEventListener("mouseleave", this.handleTargetMouseLeaveWithContext);
+    this.el = t, this.config = n, t.addEventListener("mouseenter", this.handleTargetMouseEnterWithContext), t.addEventListener("mouseleave", this.handleTargetMouseLeaveWithContext), t.addEventListener("click", this.handleTargetMouseLeaveWithContext);
   }
   configure(t) {
     this.config = t;
@@ -1221,16 +1230,16 @@ class wn {
     this.shouldShow || this.tipEl && (this.tipEl.remove(), this.tipEl = void 0, this.titleEl = void 0, this.contentEl = void 0, this.checkInterval && (clearInterval(this.checkInterval), this.checkInterval = void 0), window.removeEventListener("mousemove", this.handleMouseMoveWithContext), this.mouseMoveBound = !1);
   }
   handleMouseMove(t) {
-    const n = this.tipEl.offsetWidth, i = this.tipEl.offsetHeight, s = window.innerWidth, o = window.innerHeight;
+    const n = this.tipEl.offsetWidth, s = this.tipEl.offsetHeight, i = window.innerWidth, o = window.innerHeight;
     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;
+    r + n > i && (r = t.pageX - 5 - n), l + s > o && (l = t.pageY - 5 - s), this.tipEl.style.left = r + "px", this.tipEl.style.top = l + "px", this.lastMoveEvt = t;
   }
   checkMoveEvent() {
     var t;
     this.lastMoveEvt && this.tipEl !== this.lastMoveEvt.target && ((t = this.tipEl) != null && t.contains(this.lastMoveEvt.target) || this.handleTargetMouseLeave());
   }
   destroy() {
-    this.shouldShow = !1, this.removeTooltip(), this.el.removeEventListener("mouseenter", this.handleTargetMouseEnterWithContext), this.el.removeEventListener("mouseleave", this.handleTargetMouseLeaveWithContext);
+    this.shouldShow = !1, this.removeTooltip(), this.el.removeEventListener("mouseenter", this.handleTargetMouseEnterWithContext), this.el.removeEventListener("mouseleave", this.handleTargetMouseLeaveWithContext), this.el.removeEventListener("click", this.handleTargetMouseLeaveWithContext);
   }
 }
 function bn(e) {
@@ -1249,14 +1258,14 @@ export {
   Rt as VfSmartSelect,
   Xn as cloneProp,
   Bn as configureVf,
-  Wn as createFilters,
-  ie as createOverlayInjection,
+  Un as createFilters,
+  se as createOverlayInjection,
   Ct as desnakeCase,
-  dt as dismissOverlayInjectionById,
+  ct as dismissOverlayInjectionById,
   Hn as dismissOverlayInjectionByInstance,
-  Le as dismissOverlayInjectionByInternalInstance,
-  ct as dismissOverlayInjectionByVnode,
-  ni as escapeHtml,
+  xe as dismissOverlayInjectionByInternalInstance,
+  at as dismissOverlayInjectionByVnode,
+  ns as escapeHtml,
   ut as formatError,
   nn as formatNumber,
   xt as formatPhone,
@@ -1270,21 +1279,21 @@ export {
   ft as maskForm,
   Nn as nl2br,
   Yn as nullifyEmptyInputs,
-  se as presentOverlay,
+  ie as presentOverlay,
   P as removeOverlayInjection,
   Pn as replaceElement,
-  de as showAlert,
+  dt as showAlert,
   Dn as showConfirm,
   An as showConfirmDestroy,
   qn as showContextMenu,
-  Un as showToast,
+  Wn as showToast,
   $n as showWait,
   tn as sleep,
   zn as sleepSecs,
   oe as toError,
   Rn as unmaskComponent,
-  Me as unmaskEl,
-  Ie as unmaskForm,
+  Le as unmaskEl,
+  Me as unmaskForm,
   Gn as useInfiniteScroll,
   Qn as useResizeWatcher,
   Kn as uuid

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@signal24/vue-foundation",
     "type": "module",
-    "version": "4.14.1",
+    "version": "4.15.1",
     "description": "Common components, directives, and helpers for Vue 3 apps",
     "module": "./dist/vue-foundation.es.js",
     "exports": {

package/src/components/alert-helpers.ts

@@ -1,23 +1,37 @@
 import AlertModal from './alert-modal.vue';
 import { createOverlayInjection, presentOverlay, removeOverlayInjection } from './overlay-container';
 
-function resolveAlertParams(titleOrMessage: string | Error, message?: string | Error) {
-    const title = message ? (titleOrMessage as string) : undefined;
-    const resolvedMessage = message ?? titleOrMessage;
-    return { title, message: resolvedMessage };
+interface IAlertOptions {
+    title?: string;
+    message: string | Error;
+    classes?: string[];
+}
+
+function resolveAlertParams(arg0: string | Error | IAlertOptions, arg1?: string | Error) {
+    if (typeof arg0 === 'object' && !(arg0 instanceof Error)) {
+        return {
+            ...arg0,
+            classes: arg0.classes ?? []
+        };
+    }
+    const title = arg1 ? (arg0 as string) : undefined;
+    return { title, message: arg1 ?? arg0, classes: [] };
 }
 
 export async function showAlert(title: string, message: string | Error): Promise<void>;
 export async function showAlert(message: string | Error): Promise<void>;
-export async function showAlert(titleOrMessage: string | Error, message?: string | Error): Promise<void> {
-    await presentOverlay(AlertModal, resolveAlertParams(titleOrMessage, message));
+export async function showAlert(options: IAlertOptions): Promise<void>;
+export async function showAlert(arg0: string | Error | IAlertOptions, arg1?: string | Error): Promise<void> {
+    await presentOverlay(AlertModal, resolveAlertParams(arg0, arg1));
 }
 
 export async function showConfirm(title: string, message: string): Promise<boolean>;
 export async function showConfirm(message: string): Promise<boolean>;
-export async function showConfirm(titleOrMessage: string, message?: string): Promise<boolean> {
+export async function showConfirm(options: IAlertOptions): Promise<boolean>;
+export async function showConfirm(arg0: string | IAlertOptions, arg1?: string): Promise<boolean> {
+    const params = resolveAlertParams(arg0, arg1);
     const result = await presentOverlay(AlertModal, {
-        ...resolveAlertParams(titleOrMessage, message),
+        ...params,
         shouldConfirm: true
     });
     return result === true;
@@ -25,22 +39,26 @@ export async function showConfirm(titleOrMessage: string, message?: string): Pro
 
 export async function showConfirmDestroy(title: string, message: string): Promise<boolean>;
 export async function showConfirmDestroy(message: string): Promise<boolean>;
-export async function showConfirmDestroy(titleOrMessage: string, message?: string): Promise<boolean> {
+export async function showConfirmDestroy(options: IAlertOptions): Promise<boolean>;
+export async function showConfirmDestroy(arg0: string | IAlertOptions, arg1?: string): Promise<boolean> {
+    const params = resolveAlertParams(arg0, arg1);
     const result = await presentOverlay(AlertModal, {
-        ...resolveAlertParams(titleOrMessage, message),
+        ...params,
         shouldConfirm: true,
-        classes: ['destructive']
+        classes: ['destructive', ...params.classes]
     });
     return result === true;
 }
 
 export function showWait(title: string, message: string): () => void;
 export function showWait(message: string): () => void;
-export function showWait(titleOrMessage: string, message?: string): () => void {
+export function showWait(options: IAlertOptions): () => void;
+export function showWait(arg0: string | IAlertOptions, arg1?: string): () => void {
+    const params = resolveAlertParams(arg0, arg1);
     const injection = createOverlayInjection(AlertModal, {
-        ...resolveAlertParams(titleOrMessage, message),
+        ...params,
         isBare: true,
-        classes: ['wait'],
+        classes: ['wait', ...params.classes],
         callback: () => {}
     });
     return () => removeOverlayInjection(injection);

package/src/directives/tooltip.ts

@@ -47,6 +47,8 @@ interface ITooltipOptions {
     class?: string | string[];
 }
 
+// todo: improve with mutation observer to see removal of node
+
 class VfTooltip {
     private lastMoveEvt?: MouseEvent;
     private checkInterval?: ReturnType<typeof setInterval>;
@@ -66,6 +68,7 @@ class VfTooltip {
     ) {
         el.addEventListener('mouseenter', this.handleTargetMouseEnterWithContext);
         el.addEventListener('mouseleave', this.handleTargetMouseLeaveWithContext);
+        el.addEventListener('click', this.handleTargetMouseLeaveWithContext);
     }
 
     configure(config: ITooltipOptions) {
@@ -189,5 +192,6 @@ class VfTooltip {
 
         this.el.removeEventListener('mouseenter', this.handleTargetMouseEnterWithContext);
         this.el.removeEventListener('mouseleave', this.handleTargetMouseLeaveWithContext);
+        this.el.removeEventListener('click', this.handleTargetMouseLeaveWithContext);
     }
 }

package/src/helpers/error.ts

@@ -21,14 +21,22 @@ export function toError(err: any) {
     return err instanceof Error ? err : new Error(String(err));
 }
 
-export async function handleErrorAndAlert(errIn: any, alertTitle?: string) {
+interface IErrorAlertOptions {
+    title?: string;
+    classes?: string[];
+}
+export async function handleErrorAndAlert(errIn: any, options?: IErrorAlertOptions) {
     const err = toError(errIn);
 
     if (!(err instanceof UserError)) {
         VfOptions.errorHandler(err);
     }
 
-    return alertTitle ? showAlert(alertTitle, err) : showAlert(err);
+    return showAlert({
+        title: options?.title,
+        message: err,
+        classes: options?.classes
+    });
 }
 
 export async function handleError(errIn: any) {