@signal24/vue-foundation 4.25.8 → 4.26.0

package/package.json

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

package/src/components/alert-helpers.ts

@@ -1,4 +1,4 @@
-import { createOverlayInjection, presentOverlay, removeOverlayInjection } from './overlay-container';
+import { createOverlayInjection, presentOverlay, removeOverlayInjection, updateOverlayProps } from './overlay-container';
 import AlertModal from './vf-alert-modal.vue';
 
 interface IAlertOptions {
@@ -64,3 +64,26 @@ export function showWait(arg0: string | IAlertOptions, arg1?: string): () => voi
     });
     return () => removeOverlayInjection(injection);
 }
+
+interface IMutableWait {
+    update: (message: string) => void;
+    dismiss: () => void;
+}
+export function showMutableWait(title: string, message: string): IMutableWait;
+export function showMutableWait(message: string): IMutableWait;
+export function showMutableWait(options: IAlertOptions): IMutableWait;
+export function showMutableWait(arg0: string | IAlertOptions, arg1?: string): IMutableWait {
+    const params = resolveAlertParams(arg0, arg1);
+    const injection = createOverlayInjection(AlertModal, {
+        ...params,
+        isBare: true,
+        classes: ['wait', ...params.classes],
+        callback: () => {}
+    });
+    return {
+        update: (message: string) => {
+            updateOverlayProps(injection, { message });
+        },
+        dismiss: () => removeOverlayInjection(injection)
+    };
+}

package/src/components/overlay-container.ts

@@ -189,3 +189,13 @@ export async function presentOverlay<C extends OverlayComponent, R extends Compo
         overlayInjection = createOverlayInjection(component, resolvedProps, options);
     });
 }
+
+export async function updateOverlayProps<C extends OverlayComponent>(
+    injection: OverlayInjection<C, any>,
+    props: Partial<Omit<OverlayComponentProps<C>, 'callback'>>
+) {
+    const targetProps = injection.vnode.component!.props;
+    for (const key in props) {
+        targetProps[key] = props[key];
+    }
+}