@signal24/vue-foundation 4.30.9 → 4.30.11

package/dist/vue-foundation.es.js

@@ -1,4 +1,4 @@
-import { defineComponent as q, ref as N, computed as O, watch as $, onMounted as z, createElementBlock as I, withDirectives as fe, openBlock as S, createElementVNode as U, toDisplayString as J, createCommentVNode as W, Fragment as he, renderList as pe, vModelSelect as _t, getCurrentInstance as Le, withModifiers as ve, normalizeStyle as Wt, normalizeClass as j, renderSlot as K, reactive as jt, h as me, Teleport as Pt, markRaw as Ut, onBeforeUnmount as ye, resolveDirective as zt, createBlock as lt, createSlots as qt, withCtx as Ie, createTextVNode as te, onUpdated as Jt, vModelText as Kt, onActivated as ut, onDeactivated as ct } from "vue";
+import { defineComponent as q, ref as N, computed as O, watch as $, onMounted as z, createElementBlock as I, withDirectives as he, openBlock as S, createElementVNode as U, toDisplayString as J, createCommentVNode as W, Fragment as pe, renderList as ve, vModelSelect as _t, getCurrentInstance as Le, withModifiers as ie, normalizeStyle as Wt, normalizeClass as j, renderSlot as K, reactive as jt, h as me, Teleport as Pt, markRaw as Ut, onBeforeUnmount as ye, resolveDirective as zt, createBlock as lt, createSlots as qt, withCtx as Ie, createTextVNode as te, onUpdated as Jt, vModelText as Kt, onActivated as ut, onDeactivated as ct } from "vue";
 import { compact as dt, cloneDeep as Yt, isMatch as Xt, isEqual as ge, uniq as Zt, groupBy as Gt, debounce as Qt, startCase as en, upperFirst as tn, remove as nn, last as on } from "lodash";
 import { configureOpenApiClient as rn, OpenApiError as an } from "@signal24/openapi-client-codegen";
 import { escapeHtml as Fr } from "@vue/shared";
@@ -32,12 +32,12 @@ const un = {
     async function y() {
       c.value = await o.loadFn();
     }
-    return z(y), (E, v) => l.value ? fe((S(), I("select", {
+    return z(y), (E, v) => l.value ? he((S(), I("select", {
       key: 1,
       "onUpdate:modelValue": v[0] || (v[0] = (d) => g.value = d)
     }, [
       o.nullText ? (S(), I("option", cn, J(o.nullText), 1)) : W("", !0),
-      (S(!0), I(he, null, pe(l.value, (d, n) => (S(), I("option", {
+      (S(!0), I(pe, null, ve(l.value, (d, n) => (S(), I("option", {
         key: n,
         value: c.value?.[n]
       }, J(d), 9, dn))), 128))
@@ -108,7 +108,7 @@ const fn = /* @__PURE__ */ q({
     }), (v, d) => (S(), I("div", {
       class: j(["vf-overlay-anchor", c.value]),
       style: Wt(i.value),
-      onClick: ve(E, ["stop"])
+      onClick: ie(E, ["stop"])
     }, [
       K(v.$slots, "default")
     ], 6));
@@ -122,7 +122,7 @@ $(P, () => {
 const nr = q({
   setup() {
     return () => me("div", [
-      pe(P, (e) => me(Pt, { key: e.id, to: "#vf-overlay-target" }, [e.wrapperVnode ?? e.vnode]))
+      ve(P, (e) => me(Pt, { key: e.id, to: "#vf-overlay-target" }, [e.wrapperVnode ?? e.vnode]))
     ]);
   }
 });
@@ -155,7 +155,7 @@ function vn(e) {
   const t = P.findIndex((o) => o.id === e);
   return t >= 0 ? (P[t].props.callback?.(), !0) : !1;
 }
-function ie(e) {
+function ae(e) {
   const t = P.indexOf(e);
   t >= 0 && P.splice(t, 1);
 }
@@ -168,7 +168,7 @@ async function Re(e, t, o) {
         if (typeof E == "object" && "then" in E && typeof E.then == "function" && await E === !1)
           return;
       }
-      ie(c), i(y);
+      ae(c), i(y);
     } };
     c = Ee(e, g, o);
   });
@@ -178,42 +178,42 @@ async function mn(e, t) {
   for (const i in t)
     o[i] = t[i];
 }
-function se(e, t) {
+function le(e, t) {
   return typeof e == "object" && !(e instanceof Error) ? {
     ...e,
     classes: e.classes ?? []
   } : { title: t ? e : void 0, message: t ?? e, classes: [] };
 }
 async function ht(e, t) {
-  await Re(le, se(e, t));
+  await Re(ue, le(e, t));
 }
 async function rr(e, t) {
-  const o = se(e, t);
-  return await Re(le, {
+  const o = le(e, t);
+  return await Re(ue, {
     ...o,
     shouldConfirm: !0
   }) === !0;
 }
 async function ir(e, t) {
-  const o = se(e, t);
-  return await Re(le, {
+  const o = le(e, t);
+  return await Re(ue, {
     ...o,
     shouldConfirm: !0,
     classes: ["destructive", ...o.classes]
   }) === !0;
 }
 function ar(e, t) {
-  const o = se(e, t), i = Ee(le, {
+  const o = le(e, t), i = Ee(ue, {
     ...o,
     isBare: !0,
     classes: ["wait", ...o.classes],
     callback: () => {
     }
   });
-  return () => ie(i);
+  return () => ae(i);
 }
 function sr(e, t) {
-  const o = se(e, t), i = Ee(le, {
+  const o = le(e, t), i = Ee(ue, {
     ...o,
     isBare: !0,
     classes: ["wait", ...o.classes],
@@ -224,7 +224,7 @@ function sr(e, t) {
     update: (c) => {
       mn(i, { message: c });
     },
-    dismiss: () => ie(i)
+    dismiss: () => ae(i)
   };
 }
 class ke extends Error {
@@ -233,11 +233,11 @@ class ke extends Error {
   }
 }
 function gn(e) {
-  return e instanceof ke ? e.message : `An application error has occurred:
+  return e instanceof ke ? e.message : (e = xe(e), `An application error has occurred:
 
-${xe(e).message}
+${e.message || String(e)}
 
-Please refresh the page and try again. If this error persists, ${D.unhandledErrorSupportText}.`;
+Please refresh the page and try again. If this error persists, ${D.unhandledErrorSupportText}.`);
 }
 function xe(e, t) {
   const o = yn(e) ? e : new Error(String(e));
@@ -364,7 +364,7 @@ const xn = ["id"], wn = {
         ref: l,
         action: ".",
         class: j(["vf-modal", { scrolls: e.scrolls }]),
-        onSubmit: p[0] || (p[0] = ve((h) => u.$emit("formSubmit"), ["prevent"]))
+        onSubmit: p[0] || (p[0] = ie((h) => u.$emit("formSubmit"), ["prevent"]))
       }, [
         u.$slots.header ? (S(), I("div", wn, [
           K(u.$slots, "header"),
@@ -383,7 +383,7 @@ const xn = ["id"], wn = {
       ], 34)
     ], 10, xn));
   }
-}), In = ["innerHTML"], Mn = ["innerText"], le = /* @__PURE__ */ q({
+}), In = ["innerHTML"], Mn = ["innerText"], ue = /* @__PURE__ */ q({
   __name: "vf-alert-modal",
   props: {
     isBare: { type: Boolean },
@@ -401,7 +401,9 @@ const xn = ["id"], wn = {
       const l = zt("autofocus");
       return S(), lt(Sn, {
         class: j(["vf-alert", ...e.classes ?? []]),
-        scrolls: ""
+        scrolls: "",
+        onClick: c[3] || (c[3] = ie(() => {
+        }, ["stop"]))
       }, qt({
         default: Ie(() => [
           e.iconClass ? (S(), I("i", {
@@ -429,11 +431,11 @@ const xn = ["id"], wn = {
         e.isBare ? void 0 : {
           name: "footer",
           fn: Ie(() => [
-            e.shouldConfirm ? (S(), I(he, { key: 0 }, [
-              fe((S(), I("button", {
+            e.shouldConfirm ? (S(), I(pe, { key: 0 }, [
+              he((S(), I("button", {
                 class: "primary",
                 onClick: c[0] || (c[0] = () => e.callback(!0))
-              }, [...c[3] || (c[3] = [
+              }, [...c[4] || (c[4] = [
                 te("Confirm", -1)
               ])])), [
                 [l]
@@ -442,11 +444,11 @@ const xn = ["id"], wn = {
                 class: "default",
                 onClick: c[1] || (c[1] = () => e.callback(!1))
               }, "Cancel")
-            ], 64)) : fe((S(), I("button", {
+            ], 64)) : he((S(), I("button", {
               key: 1,
               class: "default",
               onClick: c[2] || (c[2] = () => e.callback(!0))
-            }, [...c[4] || (c[4] = [
+            }, [...c[5] || (c[5] = [
               te("OK", -1)
             ])])), [
               [l]
@@ -461,8 +463,8 @@ const xn = ["id"], wn = {
 function Cn(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var ce = { exports: {} };
-var On = ce.exports, Ke;
+var de = { exports: {} };
+var On = de.exports, Ke;
 function Nn() {
   return Ke || (Ke = 1, (function(e, t) {
     (function(o, i) {
@@ -1076,7 +1078,7 @@ function Nn() {
       }
       return E;
     }));
-  })(ce)), ce.exports;
+  })(de)), de.exports;
 }
 var Ln = Nn();
 const Rn = /* @__PURE__ */ Cn(Ln);
@@ -1198,10 +1200,10 @@ function _(e, t) {
   var o = this;
   if (!(o instanceof _))
     return new _(e, t);
-  var i = Object.assign({}, Bn, t), c = Fe(i.precision), l = de(e, i);
+  var i = Object.assign({}, Bn, t), c = Fe(i.precision), l = fe(e, i);
   o.intValue = l, o.value = l / c, i.increment = i.increment || 1 / c, i.useVedic ? i.groups = jn : i.groups = Wn, this.s = i, this.p = c;
 }
-function de(e, t) {
+function fe(e, t) {
   var o = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : !0, i = 0, c = t.decimal, l = t.errorOnInvalid, g = t.precision, y = t.fromCents, E = Fe(g), v = typeof e == "number", d = e instanceof _;
   if (d && y)
     return e.intValue;
@@ -1229,7 +1231,7 @@ _.prototype = {
    */
   add: function(t) {
     var o = this.intValue, i = this.s, c = this.p;
-    return _((o += de(t, i)) / (i.fromCents ? 1 : c), i);
+    return _((o += fe(t, i)) / (i.fromCents ? 1 : c), i);
   },
   /**
    * Subtracts value.
@@ -1238,7 +1240,7 @@ _.prototype = {
    */
   subtract: function(t) {
     var o = this.intValue, i = this.s, c = this.p;
-    return _((o -= de(t, i)) / (i.fromCents ? 1 : c), i);
+    return _((o -= fe(t, i)) / (i.fromCents ? 1 : c), i);
   },
   /**
    * Multiplies values.
@@ -1256,7 +1258,7 @@ _.prototype = {
    */
   divide: function(t) {
     var o = this.intValue, i = this.s;
-    return _(o /= de(t, i, !1), i);
+    return _(o /= fe(t, i, !1), i);
   },
   /**
    * Takes the currency amount and distributes the values evenly. Any extra pennies
@@ -1405,17 +1407,17 @@ const Qn = ["disabled", "placeholder", "required", "name"], eo = {
       addRemoteOption: Bt
     });
     const y = N(), E = N(), v = N(), d = N(!1), n = N(), a = N(!1), r = N(""), s = N(null), u = N(null), p = N(!1), h = N(null), m = N(!1), w = O(() => l.showCreateTextOnNewItem ?? !0), T = O(() => !!(l.options || n.value)), C = O(() => l.options ?? n.value ?? []), L = O(() => l.prependOptions ?? []), R = O(() => l.appendOptions ?? []), F = O(() => !!l.disabled || !T.value && !l.loadOptions), H = O(() => l.loadingText || "..."), we = O(() => !T.value && (!l.loadOptions || l.preload || l.modelValue && (l.valueField || l.valueExtractor)) ? H.value : l.nullTitle ? l.nullTitle : l.placeholder || ""), It = O(() => l.noResultsText || "No options match your search."), Z = O(() => l.valueExtractor ? l.valueExtractor : l.valueField ? (f) => f[l.valueField] : null), be = O(() => l.keyExtractor ? l.keyExtractor : l.keyField ? (f) => String(f[l.keyField]) : Z.value ? (f) => String(Z.value(f)) : null), Mt = O(() => l.groupFormatter ? l.groupFormatter : l.groupField ? (f) => String(f[l.groupField]) : null), Ve = O(() => l.formatter ? l.formatter : l.labelField ? (f) => String(f[l.labelField]) : (f) => String(f)), $e = O(() => l.selectionFormatter ? l.selectionFormatter : Ve.value), He = O(() => [...L.value, ...C.value, ...R.value]), Be = O(() => !!(l.groupField || l.groupFormatter)), Te = O(() => He.value.map((f, b) => {
-      const k = Mt.value?.(f), x = Ve.value(f), M = l.subtitleFormatter?.(f), B = x ? x.trim().toLowerCase() : "", qe = M ? M.trim().toLowerCase() : "", ue = [];
+      const k = Mt.value?.(f), x = Ve.value(f), M = l.subtitleFormatter?.(f), B = x ? x.trim().toLowerCase() : "", qe = M ? M.trim().toLowerCase() : "", ce = [];
       return l.searchFields ? l.searchFields.forEach((Je) => {
-        f[Je] && ue.push(
+        f[Je] && ce.push(
           String(f[Je]).toLowerCase().replace(/^[a-z0-9 ]+$/i, "")
         );
-      }) : (ue.push(B), qe && ue.push(qe)), {
+      }) : (ce.push(B), qe && ce.push(qe)), {
         key: be.value?.(f) ?? String(b),
         group: k,
         title: x,
         subtitle: M,
-        searchContent: ue.join(""),
+        searchContent: ce.join(""),
         ref: f
       };
     })), V = O(() => {
@@ -1595,7 +1597,7 @@ const Qn = ["disabled", "placeholder", "required", "name"], eo = {
       ref: y,
       class: j(["vf-smart-select", { disabled: F.value, open: p.value }])
     }, [
-      fe(U("input", {
+      he(U("input", {
         ref_key: "searchField",
         ref: E,
         "onUpdate:modelValue": b[0] || (b[0] = (k) => r.value = k),
@@ -1619,7 +1621,7 @@ const Qn = ["disabled", "placeholder", "required", "name"], eo = {
         ref: v,
         class: j(["vf-smart-select-options", { grouped: Be.value }])
       }, [
-        T.value ? (S(!0), I(he, { key: 1 }, pe(Ct.value, (k) => (S(), I("div", {
+        T.value ? (S(!0), I(pe, { key: 1 }, ve(Ct.value, (k) => (S(), I("div", {
           key: k.groupTitle,
           class: "group"
         }, [
@@ -1630,7 +1632,7 @@ const Qn = ["disabled", "placeholder", "required", "name"], eo = {
               te(J(k.groupTitle), 1)
             ])
           ])) : W("", !0),
-          (S(!0), I(he, null, pe(k.options, (x) => (S(), I("div", {
+          (S(!0), I(pe, null, ve(k.options, (x) => (S(), I("div", {
             key: x.key,
             class: j(["option", [h.value === x.key && "highlighted", x.ref && e.classForOption?.(x.ref)]]),
             onMousemove: (M) => Ht(x),
@@ -1726,14 +1728,14 @@ const lo = { class: "content" }, uo = { class: "message" }, co = {
       }), setTimeout(() => t.callback(), l * 1e3);
     }), (l, g) => (S(), I("div", {
       class: j(["vf-toast", [e.className, { top: e.position === "top", bottom: e.position !== "top" }]]),
-      onClick: ve(o, ["stop"])
+      onClick: ie(o, ["stop"])
     }, [
       U("div", lo, [
         U("div", uo, J(e.message), 1),
         e.disableClose ? W("", !0) : (S(), I("div", {
           key: 0,
           class: "close",
-          onClick: ve(i, ["stop"])
+          onClick: ie(i, ["stop"])
         }, "x"))
       ]),
       e.durationSecs !== null ? (S(), I("div", co, [
@@ -1749,9 +1751,9 @@ const lo = { class: "content" }, uo = { class: "message" }, co = {
 function Ir(e) {
   const t = Ee(fo, {
     ...e,
-    callback: () => ie(t)
+    callback: () => ae(t)
   });
-  return () => ie(t);
+  return () => ae(t);
 }
 function ho(e) {
   const t = Math.floor(Math.log(e) / Math.log(1024)), i = (e / Math.pow(1024, t)).toFixed(2), c = ["B", "KB", "MB", "GB", "TB"][t];
@@ -1958,7 +1960,7 @@ const Bo = {
   beforeMount: ot,
   updated: ot,
   unmounted: xt
-}, ae = /* @__PURE__ */ Symbol("HasAutoFocused"), De = [];
+}, se = /* @__PURE__ */ Symbol("HasAutoFocused"), De = [];
 function _o() {
   De.forEach(kt);
 }
@@ -1967,17 +1969,17 @@ function ot(e, t) {
   if (t.value == t.oldValue) return;
   if (!t.value) return xt(e);
   const o = new Date(t.value), i = e.attributes.getNamedItem("base-time")?.value, c = o.getTime() - (i ? new Date(i).getTime() - t.value * 1e3 : 0), l = e.getAttribute("no-seconds") === null;
-  e[ae] || De.push(e), e[ae] = {
+  e[se] || De.push(e), e[se] = {
     startTs: c,
     includeSeconds: l
   }, kt(e);
 }
 function kt(e) {
-  const t = e[ae], o = Math.round((Date.now() - t.startTs) / 1e3);
+  const t = e[se], o = Math.round((Date.now() - t.startTs) / 1e3);
   e.innerText = Wo(o, t.includeSeconds);
 }
 function xt(e) {
-  e[ae] && (nn(De, e), delete e[ae]), e.innerText = "-";
+  e[se] && (nn(De, e), delete e[se]), e.innerText = "-";
 }
 function Wo(e, t) {
   const o = [], i = Math.floor(e / 86400);
@@ -2134,7 +2136,7 @@ export {
   nr as OverlayContainer,
   ke as UserError,
   er as VfAjaxSelect,
-  le as VfAlertModal,
+  ue as VfAlertModal,
   Tr as VfEzSmartSelect,
   Sn as VfModal,
   so as VfSmartSelect,
@@ -2171,7 +2173,7 @@ export {
   Dn as objectKeys,
   Er as patchObject,
   Re as presentOverlay,
-  ie as removeOverlayInjection,
+  ae as removeOverlayInjection,
   fr as replaceElement,
   ht as showAlert,
   rr as showConfirm,

package/package.json

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

package/src/components/vf-alert-modal.vue

@@ -1,5 +1,5 @@
 <template>
-    <Modal :class="['vf-alert', ...(classes ?? [])]" scrolls>
+    <Modal :class="['vf-alert', ...(classes ?? [])]" scrolls @click.stop>
         <template v-if="title" #header>
             {{ title }}
         </template>

package/src/helpers/error.ts

@@ -18,7 +18,8 @@ export function formatError(err: any): string {
         return err.message;
     }
 
-    const errMessage = toError(err).message;
+    err = toError(err);
+    const errMessage = err.message || String(err);
     return `An application error has occurred:\n\n${errMessage}\n\nPlease refresh the page and try again. If this error persists, ${VfOptions.unhandledErrorSupportText}.`;
 }