@signal24/vue-foundation 4.28.1 → 4.28.2

package/package.json

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

package/src/components/overlay-container.ts

@@ -14,9 +14,12 @@ import {
     renderList,
     Teleport,
     type VNode,
-    type VNodeProps
+    type VNodeProps,
+    watch
 } from 'vue';
 
+import { VfOptions } from '@/config';
+
 import OverlayAnchor from './overlay-anchor.vue';
 import type { OverlayAnchorOptions } from './overlay-types';
 
@@ -36,6 +39,9 @@ export interface OverlayInjection<C extends OverlayComponent, R extends Componen
 
 let overlayCount = 0;
 const OverlayInjections: OverlayInjection<any, any>[] = reactive([]);
+watch(OverlayInjections, () => {
+    VfOptions.onOverlaysChanged?.(OverlayInjections.length);
+});
 
 export const OverlayContainer = defineComponent({
     setup() {

package/src/config.ts

@@ -4,6 +4,7 @@ interface IOptions {
     defaultDateFormat: string;
     defaultTimeFormat: string;
     defaultCurrencyDivisor: number;
+    onOverlaysChanged?: (count: number) => void;
 }
 
 export const VfOptions: IOptions = {