@ng-atomic/common 20.6.0 → 20.20.4

package/fesm2022/ng-atomic-common-directives-active-control.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { inject, ElementRef, input, output, signal, effect, Directive } from '@angular/core';
+import { inject, ElementRef, input, output, signal, computed, effect, Directive } from '@angular/core';
 
 function resolveFocusTarget(ctx) {
     return ctx.focusTargetSelector
@@ -327,6 +327,9 @@ class ActiveControlDirective {
         this.eventCleanupFunctions = [];
         this.scrollCleanupFunctions = [];
         this.eventHandlersInitialized = false;
+        this.handlersInstalled = signal(false, ...(ngDevMode ? [{ debugName: "handlersInstalled" }] : []));
+        this.scrollPending = signal(true, ...(ngDevMode ? [{ debugName: "scrollPending" }] : []));
+        this.listenersReady = computed(() => this.handlersInstalled() && !this.scrollPending(), ...(ngDevMode ? [{ debugName: "listenersReady" }] : []));
         effect(() => {
             if (!this.eventHandlersInitialized) {
                 this.initTimer = setTimeout(() => this.initializeEventHandlers(), 100);
@@ -336,6 +339,7 @@ class ActiveControlDirective {
         effect(() => {
             const selectors = this.getScrollSelectors();
             clearTimeout(this.scrollTimer);
+            this.scrollPending.set(true);
             this.scrollTimer = setTimeout(() => this.setupScrollControls(selectors), 150);
         });
     }
@@ -356,6 +360,7 @@ class ActiveControlDirective {
             alwaysActive: this.alwaysActive(),
         });
         this.eventCleanupFunctions.push(...eventHandlers.setupAll());
+        this.handlersInstalled.set(true);
     }
     setupScrollControls(selectors) {
         this.scrollCleanupFunctions.forEach(cleanup => cleanup());
@@ -369,6 +374,7 @@ class ActiveControlDirective {
                 this.scrollCleanupFunctions.push(...scrollControl.setup());
             });
         }
+        this.scrollPending.set(false);
     }
     getScrollSelectors() {
         const multiple = this.scrollSelectors();
@@ -379,7 +385,7 @@ class ActiveControlDirective {
         return single ? [single] : [];
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: ActiveControlDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.6", type: ActiveControlDirective, isStandalone: true, selector: "[appActiveControl]", inputs: { scrollSelector: { classPropertyName: "scrollSelector", publicName: "scrollSelector", isSignal: true, isRequired: false, transformFunction: null }, scrollSelectors: { classPropertyName: "scrollSelectors", publicName: "scrollSelectors", isSignal: true, isRequired: false, transformFunction: null }, disableStopPropagation: { classPropertyName: "disableStopPropagation", publicName: "disableStopPropagation", isSignal: true, isRequired: false, transformFunction: null }, disableTouchDeactivate: { classPropertyName: "disableTouchDeactivate", publicName: "disableTouchDeactivate", isSignal: true, isRequired: false, transformFunction: null }, disableScrollLock: { classPropertyName: "disableScrollLock", publicName: "disableScrollLock", isSignal: true, isRequired: false, transformFunction: null }, disableNodrag: { classPropertyName: "disableNodrag", publicName: "disableNodrag", isSignal: true, isRequired: false, transformFunction: null }, focusTargetSelector: { classPropertyName: "focusTargetSelector", publicName: "focusTargetSelector", isSignal: true, isRequired: false, transformFunction: null }, alwaysActive: { classPropertyName: "alwaysActive", publicName: "alwaysActive", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { activeChange: "activeChange" }, host: { properties: { "class.active": "isActive()", "class.nodrag": "!disableNodrag()", "class.nowheel": "isActive()" } }, ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.6", type: ActiveControlDirective, isStandalone: true, selector: "[appActiveControl]", inputs: { scrollSelector: { classPropertyName: "scrollSelector", publicName: "scrollSelector", isSignal: true, isRequired: false, transformFunction: null }, scrollSelectors: { classPropertyName: "scrollSelectors", publicName: "scrollSelectors", isSignal: true, isRequired: false, transformFunction: null }, disableStopPropagation: { classPropertyName: "disableStopPropagation", publicName: "disableStopPropagation", isSignal: true, isRequired: false, transformFunction: null }, disableTouchDeactivate: { classPropertyName: "disableTouchDeactivate", publicName: "disableTouchDeactivate", isSignal: true, isRequired: false, transformFunction: null }, disableScrollLock: { classPropertyName: "disableScrollLock", publicName: "disableScrollLock", isSignal: true, isRequired: false, transformFunction: null }, disableNodrag: { classPropertyName: "disableNodrag", publicName: "disableNodrag", isSignal: true, isRequired: false, transformFunction: null }, focusTargetSelector: { classPropertyName: "focusTargetSelector", publicName: "focusTargetSelector", isSignal: true, isRequired: false, transformFunction: null }, alwaysActive: { classPropertyName: "alwaysActive", publicName: "alwaysActive", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { activeChange: "activeChange" }, host: { properties: { "class.active": "isActive()", "class.nodrag": "!disableNodrag()", "class.nowheel": "isActive()", "attr.data-active-control-ready": "listenersReady() ? \"\" : null" } }, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: ActiveControlDirective, decorators: [{
             type: Directive,
@@ -390,6 +396,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
                         '[class.active]': 'isActive()',
                         '[class.nodrag]': '!disableNodrag()',
                         '[class.nowheel]': 'isActive()',
+                        '[attr.data-active-control-ready]': 'listenersReady() ? "" : null',
                     }
                 }]
         }], ctorParameters: () => [], propDecorators: { scrollSelector: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollSelector", required: false }] }], scrollSelectors: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollSelectors", required: false }] }], disableStopPropagation: [{ type: i0.Input, args: [{ isSignal: true, alias: "disableStopPropagation", required: false }] }], disableTouchDeactivate: [{ type: i0.Input, args: [{ isSignal: true, alias: "disableTouchDeactivate", required: false }] }], disableScrollLock: [{ type: i0.Input, args: [{ isSignal: true, alias: "disableScrollLock", required: false }] }], disableNodrag: [{ type: i0.Input, args: [{ isSignal: true, alias: "disableNodrag", required: false }] }], focusTargetSelector: [{ type: i0.Input, args: [{ isSignal: true, alias: "focusTargetSelector", required: false }] }], alwaysActive: [{ type: i0.Input, args: [{ isSignal: true, alias: "alwaysActive", required: false }] }], activeChange: [{ type: i0.Output, args: ["activeChange"] }] } });

package/fesm2022/ng-atomic-common-services-navigator-actions.mjs

@@ -0,0 +1,24 @@
+import * as i0 from '@angular/core';
+import { signal, Injectable } from '@angular/core';
+
+class NavigatorActionsService {
+    constructor() {
+        this.entries = signal([], ...(ngDevMode ? [{ debugName: "entries" }] : []));
+    }
+    register(entry) {
+        this.entries.update((entries) => [...entries, entry]);
+        return () => this.entries.update((entries) => entries.filter((e) => e !== entry));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: NavigatorActionsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: NavigatorActionsService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: NavigatorActionsService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { NavigatorActionsService };

package/fesm2022/ng-atomic-common.mjs

@@ -461,6 +461,9 @@ class ActiveControlDirective {
         this.eventCleanupFunctions = [];
         this.scrollCleanupFunctions = [];
         this.eventHandlersInitialized = false;
+        this.handlersInstalled = signal(false, ...(ngDevMode ? [{ debugName: "handlersInstalled" }] : []));
+        this.scrollPending = signal(true, ...(ngDevMode ? [{ debugName: "scrollPending" }] : []));
+        this.listenersReady = computed(() => this.handlersInstalled() && !this.scrollPending(), ...(ngDevMode ? [{ debugName: "listenersReady" }] : []));
         effect(() => {
             if (!this.eventHandlersInitialized) {
                 this.initTimer = setTimeout(() => this.initializeEventHandlers(), 100);
@@ -470,6 +473,7 @@ class ActiveControlDirective {
         effect(() => {
             const selectors = this.getScrollSelectors();
             clearTimeout(this.scrollTimer);
+            this.scrollPending.set(true);
             this.scrollTimer = setTimeout(() => this.setupScrollControls(selectors), 150);
         });
     }
@@ -490,6 +494,7 @@ class ActiveControlDirective {
             alwaysActive: this.alwaysActive(),
         });
         this.eventCleanupFunctions.push(...eventHandlers.setupAll());
+        this.handlersInstalled.set(true);
     }
     setupScrollControls(selectors) {
         this.scrollCleanupFunctions.forEach(cleanup => cleanup());
@@ -503,6 +508,7 @@ class ActiveControlDirective {
                 this.scrollCleanupFunctions.push(...scrollControl.setup());
             });
         }
+        this.scrollPending.set(false);
     }
     getScrollSelectors() {
         const multiple = this.scrollSelectors();
@@ -513,7 +519,7 @@ class ActiveControlDirective {
         return single ? [single] : [];
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: ActiveControlDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.6", type: ActiveControlDirective, isStandalone: true, selector: "[appActiveControl]", inputs: { scrollSelector: { classPropertyName: "scrollSelector", publicName: "scrollSelector", isSignal: true, isRequired: false, transformFunction: null }, scrollSelectors: { classPropertyName: "scrollSelectors", publicName: "scrollSelectors", isSignal: true, isRequired: false, transformFunction: null }, disableStopPropagation: { classPropertyName: "disableStopPropagation", publicName: "disableStopPropagation", isSignal: true, isRequired: false, transformFunction: null }, disableTouchDeactivate: { classPropertyName: "disableTouchDeactivate", publicName: "disableTouchDeactivate", isSignal: true, isRequired: false, transformFunction: null }, disableScrollLock: { classPropertyName: "disableScrollLock", publicName: "disableScrollLock", isSignal: true, isRequired: false, transformFunction: null }, disableNodrag: { classPropertyName: "disableNodrag", publicName: "disableNodrag", isSignal: true, isRequired: false, transformFunction: null }, focusTargetSelector: { classPropertyName: "focusTargetSelector", publicName: "focusTargetSelector", isSignal: true, isRequired: false, transformFunction: null }, alwaysActive: { classPropertyName: "alwaysActive", publicName: "alwaysActive", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { activeChange: "activeChange" }, host: { properties: { "class.active": "isActive()", "class.nodrag": "!disableNodrag()", "class.nowheel": "isActive()" } }, ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.6", type: ActiveControlDirective, isStandalone: true, selector: "[appActiveControl]", inputs: { scrollSelector: { classPropertyName: "scrollSelector", publicName: "scrollSelector", isSignal: true, isRequired: false, transformFunction: null }, scrollSelectors: { classPropertyName: "scrollSelectors", publicName: "scrollSelectors", isSignal: true, isRequired: false, transformFunction: null }, disableStopPropagation: { classPropertyName: "disableStopPropagation", publicName: "disableStopPropagation", isSignal: true, isRequired: false, transformFunction: null }, disableTouchDeactivate: { classPropertyName: "disableTouchDeactivate", publicName: "disableTouchDeactivate", isSignal: true, isRequired: false, transformFunction: null }, disableScrollLock: { classPropertyName: "disableScrollLock", publicName: "disableScrollLock", isSignal: true, isRequired: false, transformFunction: null }, disableNodrag: { classPropertyName: "disableNodrag", publicName: "disableNodrag", isSignal: true, isRequired: false, transformFunction: null }, focusTargetSelector: { classPropertyName: "focusTargetSelector", publicName: "focusTargetSelector", isSignal: true, isRequired: false, transformFunction: null }, alwaysActive: { classPropertyName: "alwaysActive", publicName: "alwaysActive", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { activeChange: "activeChange" }, host: { properties: { "class.active": "isActive()", "class.nodrag": "!disableNodrag()", "class.nowheel": "isActive()", "attr.data-active-control-ready": "listenersReady() ? \"\" : null" } }, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: ActiveControlDirective, decorators: [{
             type: Directive,
@@ -524,6 +530,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
                         '[class.active]': 'isActive()',
                         '[class.nodrag]': '!disableNodrag()',
                         '[class.nowheel]': 'isActive()',
+                        '[attr.data-active-control-ready]': 'listenersReady() ? "" : null',
                     }
                 }]
         }], ctorParameters: () => [], propDecorators: { scrollSelector: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollSelector", required: false }] }], scrollSelectors: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollSelectors", required: false }] }], disableStopPropagation: [{ type: i0.Input, args: [{ isSignal: true, alias: "disableStopPropagation", required: false }] }], disableTouchDeactivate: [{ type: i0.Input, args: [{ isSignal: true, alias: "disableTouchDeactivate", required: false }] }], disableScrollLock: [{ type: i0.Input, args: [{ isSignal: true, alias: "disableScrollLock", required: false }] }], disableNodrag: [{ type: i0.Input, args: [{ isSignal: true, alias: "disableNodrag", required: false }] }], focusTargetSelector: [{ type: i0.Input, args: [{ isSignal: true, alias: "focusTargetSelector", required: false }] }], alwaysActive: [{ type: i0.Input, args: [{ isSignal: true, alias: "alwaysActive", required: false }] }], activeChange: [{ type: i0.Output, args: ["activeChange"] }] } });

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@ng-atomic/common",
-  "version": "20.6.0",
+  "version": "20.20.4",
   "license": "MIT",
   "peerDependencies": {
-    "@nx-ddd/core": "20.6.0",
-    "@nx-ddd/common": "20.6.0"
+    "@nx-ddd/core": "20.20.4",
+    "@nx-ddd/common": "20.20.4"
   },
   "dependencies": {
     "tslib": "^2.3.0"
@@ -231,6 +231,10 @@
       "types": "./types/ng-atomic-common-services-navigation-history.d.ts",
       "default": "./fesm2022/ng-atomic-common-services-navigation-history.mjs"
     },
+    "./services/navigator-actions": {
+      "types": "./types/ng-atomic-common-services-navigator-actions.d.ts",
+      "default": "./fesm2022/ng-atomic-common-services-navigator-actions.mjs"
+    },
     "./services/query-resolver": {
       "types": "./types/ng-atomic-common-services-query-resolver.d.ts",
       "default": "./fesm2022/ng-atomic-common-services-query-resolver.mjs"

package/types/ng-atomic-common-directives-active-control.d.ts

@@ -18,6 +18,9 @@ declare class ActiveControlDirective implements OnDestroy {
     private eventHandlersInitialized;
     private initTimer?;
     private scrollTimer?;
+    private readonly handlersInstalled;
+    private readonly scrollPending;
+    readonly listenersReady: _angular_core.Signal<boolean>;
     constructor();
     ngOnDestroy(): void;
     private initializeEventHandlers;

package/types/ng-atomic-common-services-navigator-actions.d.ts

@@ -0,0 +1,18 @@
+import * as i0 from '@angular/core';
+import { Signal } from '@angular/core';
+import { Action } from '@ng-atomic/core';
+
+interface NavigatorActionsEntry {
+    element: HTMLElement;
+    actions: Signal<Action[]>;
+    dispatch: (action: Action) => void;
+}
+declare class NavigatorActionsService {
+    readonly entries: i0.WritableSignal<NavigatorActionsEntry[]>;
+    register(entry: NavigatorActionsEntry): () => void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NavigatorActionsService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<NavigatorActionsService>;
+}
+
+export { NavigatorActionsService };
+export type { NavigatorActionsEntry };

package/types/ng-atomic-common.d.ts

@@ -46,6 +46,9 @@ declare class ActiveControlDirective implements OnDestroy {
     private eventHandlersInitialized;
     private initTimer?;
     private scrollTimer?;
+    private readonly handlersInstalled;
+    private readonly scrollPending;
+    readonly listenersReady: _angular_core.Signal<boolean>;
     constructor();
     ngOnDestroy(): void;
     private initializeEventHandlers;