@signal24/vue-foundation 4.3.2 → 4.3.3

package/dist/src/components/alert-modal.vue.d.ts

@@ -1,27 +1,50 @@
-declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
-    isBare?: boolean | undefined;
-    isHtml?: boolean | undefined;
-    classes?: string[] | undefined;
-    title?: string | undefined;
-    message: string | Error;
-    shouldConfirm?: boolean | undefined;
-    callback: (ok: boolean) => void;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
-    isBare?: boolean | undefined;
-    isHtml?: boolean | undefined;
-    classes?: string[] | undefined;
-    title?: string | undefined;
-    message: string | Error;
-    shouldConfirm?: boolean | undefined;
-    callback: (ok: boolean) => void;
-}>>>, {}, {}>;
-export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
+declare const _default: import("vue").DefineComponent<{
+    isBare: {
+        type: import("vue").PropType<boolean>;
+    };
+    isHtml: {
+        type: import("vue").PropType<boolean>;
+    };
+    classes: {
+        type: import("vue").PropType<string[]>;
+    };
+    title: {
+        type: import("vue").PropType<string>;
+    };
+    message: {
+        type: import("vue").PropType<string | Error>;
+        required: true;
+    };
+    shouldConfirm: {
+        type: import("vue").PropType<boolean>;
+    };
+    callback: {
+        type: import("vue").PropType<(ok: boolean) => void>;
+        required: true;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    isBare: {
+        type: import("vue").PropType<boolean>;
+    };
+    isHtml: {
+        type: import("vue").PropType<boolean>;
+    };
+    classes: {
+        type: import("vue").PropType<string[]>;
+    };
+    title: {
+        type: import("vue").PropType<string>;
+    };
+    message: {
+        type: import("vue").PropType<string | Error>;
         required: true;
     };
-};
+    shouldConfirm: {
+        type: import("vue").PropType<boolean>;
+    };
+    callback: {
+        type: import("vue").PropType<(ok: boolean) => void>;
+        required: true;
+    };
+}>>, {}, {}>;
+export default _default;

package/dist/src/components/ez-smart-select.vue.d.ts

@@ -1,27 +1,42 @@
-declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
-    modelValue: string | null | undefined;
-    nullTitle?: string | undefined;
-    placeholder?: string | undefined;
-    options: string[] | Record<string, string>;
-    formatter?: ((value: any) => string) | undefined;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const _default: import("vue").DefineComponent<{
+    modelValue: {
+        type: import("vue").PropType<string | null | undefined>;
+        required: true;
+    };
+    nullTitle: {
+        type: import("vue").PropType<string>;
+    };
+    placeholder: {
+        type: import("vue").PropType<string>;
+    };
+    options: {
+        type: import("vue").PropType<string[] | Record<string, string>>;
+        required: true;
+    };
+    formatter: {
+        type: import("vue").PropType<(value: any) => string>;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: string | null) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
-    modelValue: string | null | undefined;
-    nullTitle?: string | undefined;
-    placeholder?: string | undefined;
-    options: string[] | Record<string, string>;
-    formatter?: ((value: any) => string) | undefined;
-}>>> & {
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: import("vue").PropType<string | null | undefined>;
+        required: true;
+    };
+    nullTitle: {
+        type: import("vue").PropType<string>;
+    };
+    placeholder: {
+        type: import("vue").PropType<string>;
+    };
+    options: {
+        type: import("vue").PropType<string[] | Record<string, string>>;
+        required: true;
+    };
+    formatter: {
+        type: import("vue").PropType<(value: any) => string>;
+    };
+}>> & {
     "onUpdate:modelValue"?: ((value: string | null) => any) | undefined;
 }, {}, {}>;
 export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};

package/dist/src/components/modal.vue.d.ts

@@ -1,16 +1,36 @@
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
-    id?: string | undefined;
-    closeOnMaskClick?: boolean | undefined;
-    scrolls?: boolean | undefined;
-    closeX?: boolean | undefined;
-    class?: string | undefined;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "formSubmit"[], "formSubmit", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
-    id?: string | undefined;
-    closeOnMaskClick?: boolean | undefined;
-    scrolls?: boolean | undefined;
-    closeX?: boolean | undefined;
-    class?: string | undefined;
-}>>> & {
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    id: {
+        type: import("vue").PropType<string>;
+    };
+    closeOnMaskClick: {
+        type: import("vue").PropType<boolean>;
+    };
+    scrolls: {
+        type: import("vue").PropType<boolean>;
+    };
+    closeX: {
+        type: import("vue").PropType<boolean>;
+    };
+    class: {
+        type: import("vue").PropType<string>;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "formSubmit"[], "formSubmit", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    id: {
+        type: import("vue").PropType<string>;
+    };
+    closeOnMaskClick: {
+        type: import("vue").PropType<boolean>;
+    };
+    scrolls: {
+        type: import("vue").PropType<boolean>;
+    };
+    closeX: {
+        type: import("vue").PropType<boolean>;
+    };
+    class: {
+        type: import("vue").PropType<string>;
+    };
+}>> & {
     onFormSubmit?: ((...args: any[]) => any) | undefined;
 }, {}, {}>, {
     header?(_: {}): any;
@@ -18,15 +38,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     footer?(_: {}): any;
 }>;
 export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;

package/dist/vue-foundation.es.js

@@ -1,16 +1,16 @@
 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 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";
+var $e = (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) => ($e(e, typeof t != "symbol" ? t + "" : t, n), n);
+import { defineComponent as I, defineProps as Ae, defineEmits as Ve, ref as A, 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";
 import { format as P } from "date-fns";
 const Ye = I({
   setup() {
-    const e = $e();
+    const e = Ae();
     Ve(["update:modelValue"]);
-    const t = $(null), n = V(() => t.value ? t.value.map((o) => e.preprocesor ? e.preprocesor(o) : o[e.displayKey ?? ""]) : null), i = $(e.modelValue ?? null);
+    const t = A(null), n = V(() => t.value ? t.value.map((o) => e.preprocesor ? e.preprocesor(o) : o[e.displayKey ?? ""]) : null), i = A(e.modelValue ?? null);
     return { props: e, options: t, renderOptions: n, selectedItem: i };
   },
   watch: {
@@ -184,7 +184,7 @@ const it = ["id"], st = {
   },
   emits: ["formSubmit"],
   setup(e) {
-    const t = e, n = ve(), i = $();
+    const t = e, n = ve(), i = A();
     z(() => {
       var l;
       document.body.classList.add("vf-modal-open"), t.closeOnMaskClick && (window.addEventListener("keydown", o), (l = i.value) == null || l.addEventListener("click", s));
@@ -303,12 +303,12 @@ const at = ["innerHtml"], ct = ["innerText"], K = /* @__PURE__ */ I({
     };
   }
 });
-let A;
+let $;
 const dt = new Uint8Array(16);
 function ut() {
-  if (!A && (A = typeof crypto < "u" && crypto.getRandomValues && crypto.getRandomValues.bind(crypto), !A))
+  if (!$ && ($ = typeof crypto < "u" && crypto.getRandomValues && crypto.getRandomValues.bind(crypto), !$))
     throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
-  return A(dt);
+  return $(dt);
 }
 const u = [];
 for (let e = 0; e < 256; ++e)
@@ -686,7 +686,7 @@ const xt = /* @__PURE__ */ Oe(Et, [["render", Lt]]), Mn = /* @__PURE__ */ I({
     }))), 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);
+    } : (r) => r.label), o = A(i.value.find((r) => r.value === n.modelValue) ?? null);
     return ne(
       () => n.modelValue,
       (r) => {
@@ -717,10 +717,10 @@ function Ht(e) {
 function Dt(e) {
   return e === null || typeof e == "string" && !/^\d+$/.test(e) ? e : Ut(Number(e));
 }
-function At(e) {
+function $t(e) {
   return e && vt(e);
 }
-function $t(e) {
+function At(e) {
   return e ? Pe(e) : null;
 }
 function Vt(e) {
@@ -740,8 +740,8 @@ const le = {
   dash: It,
   dashZeros: Ht,
   number: Dt,
-  phone: At,
-  upperFirst: $t,
+  phone: $t,
+  upperFirst: At,
   startCase: Vt,
   upperCase: Bt,
   desnake: Ft,
@@ -760,31 +760,31 @@ function Cn(e, t) {
   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((h) => {
-    if (h == "-") {
+  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) => {
+    if (f == "-") {
       const D = document.createElement("div");
       D.classList.add("separator"), i.appendChild(D);
       return;
     }
     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));
+    v.classList.add("item"), v.style.userSelect = "none", v.innerText = f.title, i.appendChild(v), f.class && v.classList.add(f.class), f.shouldConfirm ? v.addEventListener("click", () => f.handler()) : v.addEventListener("click", () => He(v, f.handler));
   });
-  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(() => {
+  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, h = r < l ? e.clientY - l - 1 : e.clientY + 1;
+  i.style.left = m + "px", i.style.top = h + "px", setTimeout(() => {
     i.style.width = i.offsetWidth + "px";
   }, 50);
   function O() {
     t.targetClass && s.classList.remove(t.targetClass), s.classList.remove("context-menu-active"), s.style.userSelect = "", n.remove();
   }
-  function He(h, v) {
-    if (h.classList.contains("pending-confirm"))
+  function He(f, v) {
+    if (f.classList.contains("pending-confirm"))
       return v();
-    const D = h.innerHTML;
-    h.classList.add("pending-confirm"), h.innerText = "Confirm";
+    const D = f.innerHTML;
+    f.classList.add("pending-confirm"), f.innerText = "Confirm";
     const ee = () => {
-      h.classList.remove("pending-confirm"), h.innerHTML = D, h.removeEventListener("mouseleave", ee);
+      f.classList.remove("pending-confirm"), f.innerHTML = D, f.removeEventListener("mouseleave", ee);
     };
-    h.addEventListener("mouseleave", ee), e.stopPropagation();
+    f.addEventListener("mouseleave", ee), e.stopPropagation();
   }
 }
 const Nt = (e) => new Promise((t) => setTimeout(t, e)), In = (e) => Nt(e * 1e3), M = Symbol("MaskState");
@@ -807,7 +807,7 @@ function ke(e) {
   e[M] && e.removeChild(e[M].maskEl);
 }
 const W = Symbol("FormMaskState");
-function An(e, t, n) {
+function $n(e, t, n) {
   const i = e instanceof Element ? e : Me(e);
   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;
@@ -830,7 +830,7 @@ function Me(e) {
 function Ut(e) {
   return e.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
 }
-function $n(e, t) {
+function An(e, t) {
   return e != null ? qe(e) : t;
 }
 function Vn(e, t) {
@@ -846,17 +846,20 @@ 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((r, l, a) => {
     const m = s(o);
-    a(m.cancel), m.then(r).catch((f) => {
-      if (jt(f) && typeof f.body == "object" && "error" in f.body && f.status === 422)
-        return l(new N(f.body.error));
+    a(m.cancel), m.then(r).catch((h) => {
+      if (jt(h) && typeof h.body == "object" && "error" in h.body) {
+        if (h.status === 422)
+          return l(new N(h.body.error));
+        h.message = `${h.body.error} (${h.status})`;
+      }
       if (n) {
-        const O = n(f, o);
+        const O = n(h, o);
         if (O === null)
           return;
         if (O instanceof Error)
           return l(O);
       }
-      l(f);
+      l(h);
     });
   }));
 }
@@ -971,8 +974,8 @@ function Qt(e, t) {
   e.attributes.getNamedItem("display-utc") !== null && o.setMinutes(o.getMinutes() - o.getTimezoneOffset());
   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", r = "HH:mm");
+    const h = /* @__PURE__ */ new Date();
+    h.getFullYear() == o.getFullYear() && h.getMonth() == o.getMonth() && h.getDate() == o.getDate() && (n = "at", r = "HH:mm");
   }
   r || (r = H.defaultDateTimeFormat);
   let l = P(o, r);
@@ -1127,7 +1130,7 @@ export {
   Mn as VfEzSmartSelect,
   rt as VfModal,
   xt as VfSmartSelect,
-  $n as cloneProp,
+  An as cloneProp,
   On as configureVf,
   Ln as createFilters,
   be as createModalInjection,
@@ -1144,7 +1147,7 @@ export {
   jt as isApiError,
   Hn as maskComponent,
   Kt as maskEl,
-  An as maskForm,
+  $n as maskForm,
   Sn as nl2br,
   Vn as nullifyEmptyInputs,
   Z as presentModal,

package/package.json

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

package/src/helpers/openapi.ts

@@ -65,6 +65,8 @@ export function installApiClientInterceptors({ apiClient, onRequest, onError, Ca
                     if (err.status === 422) {
                         return reject(new UserError(err.body.error));
                     }
+
+                    err.message = `${err.body.error} (${err.status})`;
                 }
                 if (onError) {
                     const handlerResult = onError(err, options);