@signal24/vue-foundation 4.13.6 → 4.13.8

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

@@ -39,7 +39,7 @@ interface PropsWithCallback<T> {
 }
 type ComponentReturn<M extends OverlayComponent> = OverlayComponentProps<M> extends PropsWithCallback<infer R> ? R : never;
 export type AnyComponentPublicInstance = {
-    $: ComponentInternalInstance;
+    $?: ComponentInternalInstance;
 };
 export declare function createOverlayInjection<C extends OverlayComponent>(component: C, props: OverlayComponentProps<C>, options?: OverlayOptions): OverlayInjection<C>;
 export declare function dismissOverlayInjectionByInstance(instance: AnyComponentPublicInstance): void;

package/dist/vue-foundation.es.js

@@ -74,6 +74,8 @@ const Mn = /* @__PURE__ */ Ce(nt, [["render", rt]]), lt = /* @__PURE__ */ x({
     const t = e, n = t.anchor instanceof HTMLElement ? t.anchor : t.anchor.el, i = O({ visibility: "hidden", top: "0", left: "0" }), s = O([]), o = ee();
     L(l);
     function l() {
+      if (!o)
+        return;
       const p = o.vnode.el, { styles: g, classes: m } = r(p, n);
       i.value = g, s.value = m;
     }
@@ -142,7 +144,7 @@ function ie(e, t, n) {
   return S.push(a), a;
 }
 function Hn(e) {
-  Le(e.$);
+  e.$ && Le(e.$);
 }
 function Le(e) {
   let t = e;
@@ -233,11 +235,13 @@ async function Fn(e) {
 }
 const B = Symbol("MaskState");
 function _n(e, t) {
-  const n = e.$.vnode.el, i = n.closest(".vf-modal");
+  var s;
+  const n = (s = e.$) == null ? void 0 : s.vnode.el, i = n.closest(".vf-modal");
   return ht(i ?? n, t);
 }
 function Nn(e) {
-  const t = e.$.vnode.el, n = t.closest(".vf-modal");
+  var i;
+  const t = (i = e.$) == null ? void 0 : i.vnode.el, n = t.closest(".vf-modal");
   return Me(n ?? t);
 }
 function ht(e, t) {
@@ -253,6 +257,9 @@ function Me(e) {
 const Q = Symbol("FormMaskState");
 function ft(e, t, n) {
   const i = e instanceof Element ? e : He(e);
+  if (!i)
+    return () => {
+    };
   i.classList.add("vf-masked");
   const s = t instanceof Element ? t : i.querySelectorAll(t ?? 'button:not([disabled]):not([type="button"])')[0];
   let o;
@@ -265,12 +272,16 @@ function ft(e, t, n) {
   }, () => Ie(i);
 }
 function Ie(e) {
-  const t = e instanceof Element ? e : He(e), n = t[Q];
+  const t = e instanceof Element ? e : He(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]);
 }
 function He(e) {
-  const t = e.$.vnode.el;
-  return t.tagName === "FORM" ? t : t.querySelector("form");
+  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;
 }
 const pt = ["id"], mt = {
   key: 0,

package/package.json

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

package/src/components/overlay-anchor.vue

@@ -25,7 +25,8 @@ const instance = getCurrentInstance();
 onMounted(updateAttributes);
 
 function updateAttributes() {
-    const overlayEl = instance!.vnode.el as HTMLElement;
+    if (!instance) return;
+    const overlayEl = instance.vnode.el as HTMLElement;
     const { styles, classes } = computeAnchoredStyle(overlayEl, anchorEl);
     anchorStyles.value = styles;
     anchorClasses.value = classes;

package/src/components/overlay-container.ts

@@ -90,7 +90,7 @@ interface PropsWithCallback<T> {
 }
 type ComponentReturn<M extends OverlayComponent> = OverlayComponentProps<M> extends PropsWithCallback<infer R> ? R : never;
 
-export type AnyComponentPublicInstance = { $: ComponentInternalInstance };
+export type AnyComponentPublicInstance = { $?: ComponentInternalInstance };
 
 export function createOverlayInjection<C extends OverlayComponent>(
     component: C,
@@ -124,7 +124,7 @@ export function createOverlayInjection<C extends OverlayComponent>(
 }
 
 export function dismissOverlayInjectionByInstance(instance: AnyComponentPublicInstance) {
-    dismissOverlayInjectionByInternalInstance(instance.$);
+    instance.$ && dismissOverlayInjectionByInternalInstance(instance.$);
 }
 
 export function dismissOverlayInjectionByInternalInstance(instance: ComponentInternalInstance) {

package/src/helpers/mask.ts

@@ -12,13 +12,13 @@ interface IMaskState {
 type MaskElement = Element & IMaskState;
 
 export function maskComponent(cmp: AnyComponentPublicInstance, message?: string) {
-    const el = cmp.$.vnode.el;
+    const el = cmp.$?.vnode.el;
     const modalParentlEl = el!.closest('.vf-modal');
     return maskEl(modalParentlEl ?? el, message);
 }
 
 export function unmaskComponent(cmp: AnyComponentPublicInstance) {
-    const el = cmp.$.vnode.el;
+    const el = cmp.$?.vnode.el;
     const modalParentlEl = el!.closest('.vf-modal');
     return unmaskEl(modalParentlEl ?? el);
 }
@@ -58,6 +58,8 @@ type FormMaskElement = Element & IFormMaskState;
 
 export function maskForm(formOrCmp: Element | AnyComponentPublicInstance, buttonSelector?: string | Element, buttonText?: string) {
     const form = formOrCmp instanceof Element ? formOrCmp : getFormFromCmp(formOrCmp);
+    if (!form) return () => {};
+
     form.classList.add('vf-masked');
 
     const buttonEl = (
@@ -85,6 +87,7 @@ export function maskForm(formOrCmp: Element | AnyComponentPublicInstance, button
 
 export function unmaskForm(formOrCmp: Element | AnyComponentPublicInstance) {
     const form = formOrCmp instanceof Element ? formOrCmp : getFormFromCmp(formOrCmp);
+    if (!form) return;
 
     const state = (form as FormMaskElement)[FormMaskState];
     if (!state) return;
@@ -101,8 +104,9 @@ export function unmaskForm(formOrCmp: Element | AnyComponentPublicInstance) {
     delete (form as FormMaskElement)[FormMaskState];
 }
 
-function getFormFromCmp(cmp: AnyComponentPublicInstance) {
-    const cmpEl = cmp.$.vnode.el!;
+function getFormFromCmp(cmp: AnyComponentPublicInstance | null) {
+    const cmpEl = cmp?.$?.vnode.el;
+    if (!cmpEl) return null;
     if (cmpEl.tagName === 'FORM') {
         return cmpEl as HTMLElement;
     } else {