@signal24/vue-foundation 4.6.0 → 4.6.1

package/dist/src/components/overlay-container.d.ts

@@ -4,7 +4,7 @@ import type { OverlayAnchorOptions } from './overlay-types';
 interface OverlayOptions {
     anchor?: OverlayAnchorOptions;
 }
-interface OverlayInjection<C extends OverlayComponent> {
+export interface OverlayInjection<C extends OverlayComponent> {
     id: string;
     component: OverlayComponentUnwrapped<C>;
     props: OverlayComponentProps<C>;

package/dist/vue-foundation.es.js

@@ -1,11 +1,11 @@
 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 v = (e, t, n) => (Fe(e, typeof t != "symbol" ? t + "" : t, n), n);
-import { defineComponent as S, defineProps as Ne, defineEmits as Re, ref as T, computed as K, openBlock as d, createElementBlock as u, createElementVNode as E, toDisplayString as x, withDirectives as U, createCommentVNode as O, Fragment as j, renderList as Q, vModelSelect as Ke, getCurrentInstance as J, onMounted as C, normalizeClass as w, normalizeStyle as Ue, withModifiers as ee, renderSlot as R, reactive as je, h as W, Teleport as We, markRaw as Pe, onBeforeUnmount as te, resolveDirective as Te, createBlock as ke, createSlots as qe, withCtx as X, createTextVNode as ae, vModelText as ze, watch as ce, onActivated as Se, onDeactivated as xe } from "vue";
+import { defineComponent as S, defineProps as Ne, defineEmits as Re, ref as T, computed as K, openBlock as d, createElementBlock as u, createElementVNode as E, toDisplayString as x, withDirectives as U, createCommentVNode as O, Fragment as j, renderList as J, vModelSelect as Ke, getCurrentInstance as ee, onMounted as C, normalizeClass as w, normalizeStyle as Ue, withModifiers as te, renderSlot as R, reactive as je, h as W, Teleport as We, markRaw as Pe, onBeforeUnmount as ne, resolveDirective as Te, createBlock as ke, createSlots as qe, withCtx as Y, createTextVNode as ae, vModelText as ze, watch as ce, onActivated as Se, onDeactivated as xe } from "vue";
 import { 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 ss } from "@vue/shared";
-import { format as Z } from "date-fns";
+import { format as G } from "date-fns";
 const et = S({
   setup() {
     const e = Ne();
@@ -50,7 +50,7 @@ function it(e, t, n, s, i, o) {
     "onUpdate:modelValue": t[0] || (t[0] = (r) => e.selectedItem = r)
   }, [
     e.props.nullText ? (d(), u("option", nt, x(e.props.nullText), 1)) : O("", !0),
-    (d(!0), u(j, null, Q(e.renderOptions, (r, l) => {
+    (d(!0), u(j, null, J(e.renderOptions, (r, l) => {
       var c;
       return d(), u("option", {
         key: l,
@@ -70,7 +70,7 @@ const In = /* @__PURE__ */ Le(et, [["render", it]]), ot = ["onClick"], lt = /* @
     anchor: {}
   },
   setup(e) {
-    const t = e, n = t.anchor instanceof HTMLElement ? t.anchor : t.anchor.el, s = T({ visibility: "hidden", top: "0", left: "0" }), i = T([]), o = J();
+    const t = e, n = t.anchor instanceof HTMLElement ? t.anchor : t.anchor.el, s = T({ visibility: "hidden", top: "0", left: "0" }), i = T([]), o = ee();
     C(r);
     function r() {
       const y = o.vnode.el, { styles: h, classes: a } = l(y, n);
@@ -113,7 +113,7 @@ const In = /* @__PURE__ */ Le(et, [["render", it]]), ot = ["onClick"], lt = /* @
     }), (y, h) => (d(), u("div", {
       class: w(["vf-overlay-anchor", i.value]),
       style: Ue(s.value),
-      onClick: ee(c, ["stop"])
+      onClick: te(c, ["stop"])
     }, [
       R(y.$slots, "default")
     ], 14, ot));
@@ -123,11 +123,11 @@ let rt = 0;
 const k = je([]), _n = S({
   setup() {
     return () => W("div", [
-      Q(k, (e) => W(We, { key: e.id, to: "#vf-overlay-target" }, [e.wrapperVnode ?? e.vnode]))
+      J(k, (e) => W(We, { key: e.id, to: "#vf-overlay-target" }, [e.wrapperVnode ?? e.vnode]))
     ]);
   }
 });
-function ne(e, t, n) {
+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 = Pe(e), r = W(o, t), l = n != null && n.anchor ? W(lt, { overlayId: i, anchor: n.anchor }, () => [r]) : void 0, c = {
@@ -156,7 +156,7 @@ function ct(e) {
   const t = k.findIndex((n) => n.id === e);
   return t >= 0 ? (k[t].props.callback(), !0) : !1;
 }
-function se(e) {
+function P(e) {
   const t = k.indexOf(e);
   t >= 0 && k.splice(t, 1);
 }
@@ -164,39 +164,39 @@ async function ie(e, t, n) {
   return new Promise((s) => {
     let i = null;
     const r = { ...t, callback: (l) => {
-      se(i), s(l);
+      P(i), s(l);
     } };
-    i = ne(e, r, n);
+    i = se(e, r, n);
   });
 }
-function P(e, t) {
+function q(e, t) {
   return { title: t ? e : void 0, message: t ?? e };
 }
 async function de(e, t) {
-  await ie(z, P(e, t));
+  await ie(X, q(e, t));
 }
 async function Dn(e, t) {
-  return await ie(z, {
-    ...P(e, t),
+  return await ie(X, {
+    ...q(e, t),
     shouldConfirm: !0
   }) === !0;
 }
 async function $n(e, t) {
-  return await ie(z, {
-    ...P(e, t),
+  return await ie(X, {
+    ...q(e, t),
     shouldConfirm: !0,
     classes: ["destructive"]
   }) === !0;
 }
 function An(e, t) {
-  const n = ne(z, {
-    ...P(e, t),
+  const n = se(X, {
+    ...q(e, t),
     isBare: !0,
     classes: ["wait"],
     callback: () => {
     }
   });
-  return () => se(n);
+  return () => P(n);
 }
 const V = {
   unhandledErrorSupportText: "please contact support",
@@ -206,13 +206,13 @@ const V = {
 function Bn(e) {
   Object.assign(V, e);
 }
-class q extends Error {
+class z extends Error {
   constructor(t) {
     super(t), this.name = "UserError";
   }
 }
 function dt(e) {
-  return e instanceof q ? e.message : `An application error has occurred:
+  return e instanceof z ? e.message : `An application error has occurred:
 
 ${oe(e).message}
 
@@ -223,11 +223,11 @@ function oe(e) {
 }
 async function Vn(e, t) {
   const n = oe(e);
-  return n instanceof q || V.errorHandler(n), t ? de(t, n) : de(n);
+  return n instanceof z || V.errorHandler(n), t ? de(t, n) : de(n);
 }
 async function Fn(e) {
   const t = oe(e);
-  t instanceof q || V.errorHandler(t);
+  t instanceof z || V.errorHandler(t);
 }
 const D = Symbol("MaskState");
 function Nn(e, t) {
@@ -248,22 +248,22 @@ function ut(e, t) {
 function Ie(e) {
   e[D] && e.removeChild(e[D].maskEl);
 }
-const G = Symbol("FormMaskState");
+const Q = Symbol("FormMaskState");
 function ht(e, t, n) {
   const s = e instanceof Element ? e : He(e);
   s.classList.add("vf-masked");
   const i = t instanceof Element ? t : s.querySelectorAll(t ?? 'button:not([disabled]):not([type="button"])')[0], 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((c) => c.setAttribute("disabled", "disabled")), s[G] = {
+  return l.forEach((c) => c.setAttribute("disabled", "disabled")), s[Q] = {
     disabledElements: l,
     waitButton: i,
     buttonHtml: o
   }, () => _e(s);
 }
 function _e(e) {
-  const t = e instanceof Element ? e : He(e), n = t[G];
-  n && (t.classList.remove("vf-masked"), n.disabledElements.forEach((s) => s.removeAttribute("disabled")), n.waitButton.innerHTML = n.buttonHtml, n.waitButton.removeAttribute("disabled"), delete t[G]);
+  const t = e instanceof Element ? e : He(e), n = t[Q];
+  n && (t.classList.remove("vf-masked"), n.disabledElements.forEach((s) => s.removeAttribute("disabled")), n.waitButton.innerHTML = n.buttonHtml, n.waitButton.removeAttribute("disabled"), delete t[Q]);
 }
 function He(e) {
   const t = e.$.vnode.el;
@@ -286,13 +286,13 @@ const ft = ["id"], pt = {
   },
   emits: ["formSubmit"],
   setup(e, { expose: t }) {
-    const n = e, s = J();
+    const n = e, s = ee();
     t({ mask: y, unmask: h });
     const i = T(), o = T();
     C(() => {
       var a;
       document.body.classList.add("vf-modal-open"), n.closeOnMaskClick && (window.addEventListener("keydown", l), (a = i.value) == null || a.addEventListener("click", r));
-    }), te(() => {
+    }), ne(() => {
       window.removeEventListener("keydown", l), document.body.querySelectorAll(".vf-modal").length > 0 || document.body.classList.remove("vf-modal-open");
     });
     function r(a) {
@@ -322,7 +322,7 @@ const ft = ["id"], pt = {
       E("form", {
         action: ".",
         class: w(["vf-modal", { scrolls: a.scrolls }]),
-        onSubmit: m[0] || (m[0] = ee((p) => a.$emit("formSubmit"), ["prevent"])),
+        onSubmit: m[0] || (m[0] = te((p) => a.$emit("formSubmit"), ["prevent"])),
         ref_key: "form",
         ref: o
       }, [
@@ -344,7 +344,7 @@ const ft = ["id"], pt = {
     ], 10, ft));
   }
 });
-const gt = ["innerHtml"], bt = ["innerText"], z = /* @__PURE__ */ S({
+const gt = ["innerHtml"], bt = ["innerText"], X = /* @__PURE__ */ S({
   __name: "alert-modal",
   props: {
     isBare: { type: Boolean },
@@ -362,7 +362,7 @@ const gt = ["innerHtml"], bt = ["innerText"], z = /* @__PURE__ */ S({
       return d(), ke(yt, {
         class: w(["vf-alert", s.classes])
       }, qe({
-        default: X(() => [
+        default: Y(() => [
           s.isHtml ? (d(), u("div", {
             key: 0,
             innerHtml: s.message,
@@ -376,14 +376,14 @@ const gt = ["innerHtml"], bt = ["innerText"], z = /* @__PURE__ */ S({
       }, [
         s.title ? {
           name: "header",
-          fn: X(() => [
+          fn: Y(() => [
             E("h1", null, x(s.title), 1)
           ]),
           key: "0"
         } : void 0,
         s.isBare ? void 0 : {
           name: "footer",
-          fn: X(() => [
+          fn: Y(() => [
             s.shouldConfirm ? (d(), u(j, { key: 0 }, [
               U((d(), u("button", {
                 class: "primary",
@@ -756,7 +756,7 @@ function Vt(e, t, n, s, i, o) {
     ]),
     e.shouldDisplayOptions ? (d(), u("div", _t, [
       e.isLoaded ? (d(), u(j, { key: 1 }, [
-        (d(!0), u(j, null, Q(o.effectiveOptions, (l) => (d(), u("div", {
+        (d(!0), u(j, null, J(o.effectiveOptions, (l) => (d(), u("div", {
           key: String(l.key),
           class: w(["option", {
             highlighted: e.highlightedOptionKey === l.key
@@ -844,7 +844,7 @@ const Ft = /* @__PURE__ */ Le(Mt, [["render", Vt]]), jn = /* @__PURE__ */ S({
       }), setTimeout(() => t.callback(), i * 1e3);
     }), (i, o) => (d(), u("div", {
       class: w(["vf-toast", i.className]),
-      onClick: ee(n, ["stop"])
+      onClick: te(n, ["stop"])
     }, [
       E("div", Rt, [
         E("div", Kt, x(i.message), 1),
@@ -861,12 +861,11 @@ const Ft = /* @__PURE__ */ Le(Mt, [["render", Vt]]), jn = /* @__PURE__ */ S({
   }
 });
 function Wn(e) {
-  const t = ne(Wt, {
+  const t = se(Wt, {
     ...e,
-    callback: () => {
-    }
+    callback: () => P(t)
   });
-  return () => se(t);
+  return () => P(t);
 }
 function Pt(e) {
   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];
@@ -974,7 +973,7 @@ function Gn({ apiClient: e, onRequest: t, onError: n, CancelablePromise: s }) {
     c(y.cancel), y.then(r).catch((h) => {
       if (sn(h) && typeof h.body == "object" && "error" in h.body) {
         if (h.status === 422)
-          return l(new q(h.body.error));
+          return l(new z(h.body.error));
         h.message = `${h.body.error} (${h.status})`;
       }
       if (n) {
@@ -1014,8 +1013,8 @@ function on(e) {
 }
 const le = Symbol("HookState");
 function Qn(e, t) {
-  const n = t ?? J();
-  C(() => ln(n, e), n), Se(() => rn(n), n), xe(() => me(n), n), te(() => me(n), n);
+  const n = t ?? ee();
+  C(() => ln(n, e), n), Se(() => rn(n), n), xe(() => me(n), n), ne(() => me(n), n);
 }
 function ln(e, t) {
   const n = {};
@@ -1035,13 +1034,13 @@ function me(e) {
   const t = e[le];
   (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 Y = ["auto", "scroll"];
+const Z = ["auto", "scroll"];
 function De(e) {
   const t = e.parentElement;
   if (!t)
     return null;
   const n = window.getComputedStyle(t);
-  return Y.includes(n.overflow) || Y.includes(n.overflowX) || Y.includes(n.overflowY) ? t : De(t);
+  return Z.includes(n.overflow) || Z.includes(n.overflowX) || Z.includes(n.overflowY) ? t : De(t);
 }
 class $ {
   constructor(t, n) {
@@ -1060,7 +1059,7 @@ class $ {
   }
 }
 function Jn(e) {
-  C(() => window.addEventListener("resize", e)), Se(() => window.addEventListener("resize", e)), xe(() => window.removeEventListener("resize", e)), te(() => window.removeEventListener("resize", e));
+  C(() => window.addEventListener("resize", e)), Se(() => window.addEventListener("resize", e)), xe(() => window.removeEventListener("resize", e)), ne(() => window.removeEventListener("resize", e));
 }
 const an = {
   mounted: ye,
@@ -1102,9 +1101,9 @@ const un = {
 function hn(e) {
   e.addEventListener("blur", () => {
     let t = e.value;
-    /^\d{1,2}\/\d{1,2}$/.test(t) && (t += "/" + Z(/* @__PURE__ */ new Date(), "yy"));
+    /^\d{1,2}\/\d{1,2}$/.test(t) && (t += "/" + G(/* @__PURE__ */ new Date(), "yy"));
     const n = Date.parse(t);
-    isNaN(n) ? e.value = "" : e.value = Z(n, "MM/dd/yyyy"), e.dispatchEvent(new Event("input"));
+    isNaN(n) ? e.value = "" : e.value = G(n, "MM/dd/yyyy"), e.dispatchEvent(new Event("input"));
   });
 }
 const fn = {
@@ -1127,7 +1126,7 @@ function pn(e, t) {
     h.getFullYear() == o.getFullYear() && h.getMonth() == o.getMonth() && h.getDate() == o.getDate() && (n = "at", r = "HH:mm");
   }
   r || (r = V.defaultDateTimeFormat);
-  let l = Z(o, r);
+  let l = G(o, r);
   return n && (l = n + " " + l), l;
 }
 const mn = {
@@ -1274,16 +1273,16 @@ function es(e) {
 export {
   pe as FileUploadRequest,
   _n as OverlayContainer,
-  q as UserError,
+  z as UserError,
   In as VfAjaxSelect,
-  z as VfAlertModal,
+  X as VfAlertModal,
   jn as VfEzSmartSelect,
   yt as VfModal,
   Ft as VfSmartSelect,
   Yn as cloneProp,
   Bn as configureVf,
   Pn as createFilters,
-  ne as createOverlayInjection,
+  se as createOverlayInjection,
   St as desnakeCase,
   ct as dismissOverlayInjectionById,
   Hn as dismissOverlayInjectionByInstance,
@@ -1305,7 +1304,7 @@ export {
   Kn as nl2br,
   Zn as nullifyEmptyInputs,
   ie as presentOverlay,
-  se as removeOverlayInjection,
+  P as removeOverlayInjection,
   qn as replaceElement,
   de as showAlert,
   Dn as showConfirm,

package/package.json

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

package/src/components/overlay-container.ts

@@ -23,7 +23,7 @@ interface OverlayOptions {
     anchor?: OverlayAnchorOptions;
 }
 
-interface OverlayInjection<C extends OverlayComponent> {
+export interface OverlayInjection<C extends OverlayComponent> {
     id: string;
     component: OverlayComponentUnwrapped<C>;
     props: OverlayComponentProps<C>;

package/src/components/toast-helpers.ts

@@ -1,10 +1,10 @@
-import { createOverlayInjection, removeOverlayInjection } from './overlay-container';
+import { createOverlayInjection, type OverlayInjection, removeOverlayInjection } from './overlay-container';
 import Toast, { type IToastOptions } from './toast.vue';
 
 export function showToast(options: IToastOptions) {
-    const injection = createOverlayInjection(Toast, {
+    const injection: OverlayInjection<typeof Toast> = createOverlayInjection(Toast, {
         ...options,
-        callback: () => {}
+        callback: () => removeOverlayInjection(injection)
     });
     return () => removeOverlayInjection(injection);
 }