@signal24/vue-foundation 4.7.2 → 4.7.3

package/dist/vue-foundation.es.js

@@ -252,8 +252,9 @@ const Q = Symbol("FormMaskState");
 function ft(e, t, n) {
   const i = e instanceof Element ? e : _e(e);
   i.classList.add("vf-masked");
-  const s = t instanceof Element ? t : i.querySelectorAll(t ?? 'button:not([disabled]):not([type="button"])')[0], o = s.tagName === "INPUT" ? s.value : s.innerHTML;
-  s.setAttribute("disabled", "disabled"), s.innerText = n ?? "Please wait...";
+  const s = t instanceof Element ? t : i.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((c) => c.setAttribute("disabled", "disabled")), i[Q] = {
     disabledElements: l,
@@ -263,7 +264,7 @@ function ft(e, t, n) {
 }
 function He(e) {
   const t = e instanceof Element ? e : _e(e), n = t[Q];
-  n && (t.classList.remove("vf-masked"), n.disabledElements.forEach((i) => i.removeAttribute("disabled")), n.waitButton.innerHTML = n.buttonHtml, n.waitButton.removeAttribute("disabled"), delete 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]);
 }
 function _e(e) {
   const t = e.$.vnode.el;

package/package.json

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

package/src/helpers/mask.ts

@@ -50,8 +50,8 @@ const FormMaskState = Symbol('FormMaskState');
 interface IFormMaskState {
     [FormMaskState]?: {
         disabledElements: HTMLElement[];
-        waitButton: HTMLElement;
-        buttonHtml: string;
+        waitButton?: HTMLElement;
+        buttonHtml?: string;
     };
 }
 type FormMaskElement = Element & IFormMaskState;
@@ -62,10 +62,13 @@ export function maskForm(formOrCmp: Element | AnyComponentPublicInstance, button
 
     const buttonEl = (
         buttonSelector instanceof Element ? buttonSelector : form.querySelectorAll(buttonSelector ?? 'button:not([disabled]):not([type="button"])')[0]
-    ) as HTMLElement;
-    const originalButtonHtml = buttonEl.tagName === 'INPUT' ? (buttonEl as HTMLInputElement).value : buttonEl.innerHTML;
-    buttonEl.setAttribute('disabled', 'disabled');
-    buttonEl.innerText = buttonText ?? 'Please wait...';
+    ) as HTMLElement | undefined;
+    let originalButtonHtml: string | undefined;
+    if (buttonEl) {
+        originalButtonHtml = buttonEl.tagName === 'INPUT' ? (buttonEl as HTMLInputElement).value : buttonEl.innerHTML;
+        buttonEl.setAttribute('disabled', 'disabled');
+        buttonEl.innerText = buttonText ?? 'Please wait...';
+    }
 
     const inputsQR = form.querySelectorAll('input:not([disabled]), select:not([disabled]), textarea:not([disabled]), button:not([disabled])');
     const inputs = [...inputsQR] as HTMLElement[];
@@ -89,8 +92,11 @@ export function unmaskForm(formOrCmp: Element | AnyComponentPublicInstance) {
     form.classList.remove('vf-masked');
 
     state.disabledElements.forEach(el => el.removeAttribute('disabled'));
-    state.waitButton.innerHTML = state.buttonHtml;
-    state.waitButton.removeAttribute('disabled');
+
+    if (state.waitButton) {
+        state.waitButton.innerHTML = state.buttonHtml!;
+        state.waitButton.removeAttribute('disabled');
+    }
 
     delete (form as FormMaskElement)[FormMaskState];
 }