@coolon/angular-ui-powerups 16.1.0-aplpha.146 → 16.1.0-aplpha.148

package/fesm2022/coolon-angular-ui-powerups.mjs

@@ -6939,7 +6939,6 @@ class ActivityContext extends InteractionContextProvider {
  * </aup-activity-actions>
  */
 class ActivityActionsComponent extends DisposableComponent {
-    activityContext;
     confirmCommandComponent;
     cancelCommandComponent;
     #confirmCommand_accessor_storage = proxify((Command));
@@ -6969,13 +6968,14 @@ class ActivityActionsComponent extends DisposableComponent {
     layout = ActivityActionsComponent.Layout.BLOCK;
     align = ActivityActionsComponent.Align.STRETCH;
     alignContent = ActivityActionsComponent.AlignContent.CENTER;
-    constructor(activityContext) {
+    activityContext = this.inject(ActivityContext, {
+        optional: true
+    });
+    constructor() {
         super();
-        this.activityContext = activityContext;
-        console.log(activityContext);
-        if (activityContext) {
-            this.confirmCommand = activityContext.confirmCommand;
-            this.cancelCommand = activityContext.cancelCommand;
+        if (this.activityContext) {
+            this.confirmCommand = this.activityContext.confirmCommand;
+            this.cancelCommand = this.activityContext.cancelCommand;
         }
     }
     hasConfirmFace() {
@@ -6990,7 +6990,7 @@ class ActivityActionsComponent extends DisposableComponent {
     focusCancel() {
         this.cancelCommandComponent.requestFocus();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: ActivityActionsComponent, deps: [{ token: ActivityContext, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: ActivityActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: ActivityActionsComponent, selector: "aup-activity-actions", inputs: { confirmCommand: "confirmCommand", cancelCommand: "cancelCommand", faces: "faces", confirmFace: "confirmFace", cancelFace: "cancelFace", style: "style", layout: "layout", align: "align", alignContent: "alignContent" }, host: { properties: { "attr.layout": "this.layout", "attr.align": "this.align", "attr.align-content": "this.alignContent" } }, viewQueries: [{ propertyName: "confirmCommandComponent", first: true, predicate: ["confirmCommandComponent"], descendants: true }, { propertyName: "cancelCommandComponent", first: true, predicate: ["cancelCommandComponent"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"content\">\n  <ng-content></ng-content>\n</div>\n<ng-container *ngIf=\"hasCancelFace()\">\n  <aup-command #cancelCommandComponent class=\"cancel\" [command]=\"cancelCommand\" [face]=\"cancelFace\" data-cy=\"cancel-command\"></aup-command>\n</ng-container>\n<ng-container *ngIf=\"hasConfirmFace()\">\n  <aup-command #confirmCommandComponent class=\"confirm\" [command]=\"confirmCommand\" [face]=\"confirmFace\" data-cy=\"confirm-command\"></aup-command>\n</ng-container>\n", styles: [":host{display:grid;grid-template-rows:auto;align-items:center;justify-content:end;--resolved-activity-actions-gap: var(--activity-actions-gap, 8px);grid-gap:var(--resolved-activity-actions-gap)}:host[layout=block][align=start]{grid-template-areas:\"cancel confirm content\";grid-template-columns:auto auto 1fr}:host[layout=block][align=start] .confirm{margin-left:var(--resolved-activity-actions-gap)}:host[layout=block][align=end]{grid-template-areas:\"content cancel confirm\";grid-template-columns:1fr auto auto}:host[layout=block][align=end] .confirm{margin-left:var(--resolved-activity-actions-gap)}:host[layout=block][align=stretch]{grid-template-areas:\"cancel content confirm\";grid-template-columns:auto 1fr auto}:host[layout=inline]{grid-template-areas:\"confirm cancel content\";grid-template-columns:auto auto 1fr}:host[layout=inline] .cancel{margin-left:var(--resolved-activity-actions-gap)}:host .cancel{grid-area:cancel}:host .confirm{grid-area:confirm}:host .content{display:flex;flex-direction:row;align-items:center}:host[align-content=start] .content{justify-items:start}:host[align-content=end]{justify-items:end}:host[align-content=center]{justify-items:center}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: CommandComponent, selector: "aup-command", inputs: ["command", "face$", "face", "busyFace$", "busyFace", "alignFace"] }] });
 }
 __decorate([
@@ -7004,9 +7004,7 @@ __decorate([
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: ActivityActionsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'aup-activity-actions', template: "<div class=\"content\">\n  <ng-content></ng-content>\n</div>\n<ng-container *ngIf=\"hasCancelFace()\">\n  <aup-command #cancelCommandComponent class=\"cancel\" [command]=\"cancelCommand\" [face]=\"cancelFace\" data-cy=\"cancel-command\"></aup-command>\n</ng-container>\n<ng-container *ngIf=\"hasConfirmFace()\">\n  <aup-command #confirmCommandComponent class=\"confirm\" [command]=\"confirmCommand\" [face]=\"confirmFace\" data-cy=\"confirm-command\"></aup-command>\n</ng-container>\n", styles: [":host{display:grid;grid-template-rows:auto;align-items:center;justify-content:end;--resolved-activity-actions-gap: var(--activity-actions-gap, 8px);grid-gap:var(--resolved-activity-actions-gap)}:host[layout=block][align=start]{grid-template-areas:\"cancel confirm content\";grid-template-columns:auto auto 1fr}:host[layout=block][align=start] .confirm{margin-left:var(--resolved-activity-actions-gap)}:host[layout=block][align=end]{grid-template-areas:\"content cancel confirm\";grid-template-columns:1fr auto auto}:host[layout=block][align=end] .confirm{margin-left:var(--resolved-activity-actions-gap)}:host[layout=block][align=stretch]{grid-template-areas:\"cancel content confirm\";grid-template-columns:auto 1fr auto}:host[layout=inline]{grid-template-areas:\"confirm cancel content\";grid-template-columns:auto auto 1fr}:host[layout=inline] .cancel{margin-left:var(--resolved-activity-actions-gap)}:host .cancel{grid-area:cancel}:host .confirm{grid-area:confirm}:host .content{display:flex;flex-direction:row;align-items:center}:host[align-content=start] .content{justify-items:start}:host[align-content=end]{justify-items:end}:host[align-content=center]{justify-items:center}\n"] }]
-        }], ctorParameters: function () { return [{ type: ActivityContext, decorators: [{
-                    type: Optional
-                }] }]; }, propDecorators: { confirmCommandComponent: [{
+        }], ctorParameters: function () { return []; }, propDecorators: { confirmCommandComponent: [{
                 type: ViewChild,
                 args: ["confirmCommandComponent"]
             }], cancelCommandComponent: [{
@@ -7075,11 +7073,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImpor
 class InteractionServiceRoutingAdapter {
     activeInteractionContextIds;
     activeModalContext;
-    createExclusiveInteractionContext;
-    constructor(activeInteractionContextIds, activeModalContext, createExclusiveInteractionContext) {
+    createNavigationSessionInteractionContext;
+    constructor(activeInteractionContextIds, activeModalContext, createNavigationSessionInteractionContext) {
         this.activeInteractionContextIds = activeInteractionContextIds;
         this.activeModalContext = activeModalContext;
-        this.createExclusiveInteractionContext = createExclusiveInteractionContext;
+        this.createNavigationSessionInteractionContext = createNavigationSessionInteractionContext;
     }
     isActive() {
         return this.getActiveInteractionContextIds().length > 0;
@@ -7117,7 +7115,7 @@ class InteractionService {
     // private readonly _activeContext: ValueModelChain<InteractionContext>;
     _navigationInProgress = new DelegatingValueModel().withDefault(false);
     placeRouter;
-    exclusiveInteractionRegistry;
+    navigationSessionInteractionRegistry;
     modalInteractionRegistry;
     inPlaceInteractionRegistry;
     activeModalContext;
@@ -7126,11 +7124,11 @@ class InteractionService {
     constructor(modelInteractionContextFactory) {
         this.modelInteractionContextFactory = modelInteractionContextFactory;
         const { chain, valueOf, before, when, after, observe, switchOn } = Dsl.disposeWith(this.garbage);
-        this.exclusiveInteractionRegistry = new InteractionService.ContextRegistry();
+        this.navigationSessionInteractionRegistry = new InteractionService.ContextRegistry();
         this.modalInteractionRegistry = new InteractionService.ContextRegistry();
         this.inPlaceInteractionRegistry = new InteractionService.ContextRegistry();
-        this.modalInteractionRegistry.disableWhen(valueOf.any(this.exclusiveInteractionRegistry.active, this.modalInteractionRegistry.active).areTruthy());
-        this.inPlaceInteractionRegistry.disableWhen(valueOf.any(this.exclusiveInteractionRegistry.active, this.modalInteractionRegistry.active, this.inPlaceInteractionRegistry.active).areTruthy());
+        this.modalInteractionRegistry.disableWhen(valueOf.any(this.navigationSessionInteractionRegistry.active, this.modalInteractionRegistry.active).areTruthy());
+        this.inPlaceInteractionRegistry.disableWhen(valueOf.any(this.navigationSessionInteractionRegistry.active, this.modalInteractionRegistry.active, this.inPlaceInteractionRegistry.active).areTruthy());
         this.active = valueOf.any(this.inPlaceInteractionRegistry.active, this.modalInteractionRegistry.active).areTruthy();
         // TODO: chain.concat(listOrValueModels) would be nice.
         this.activeInteractionContextIds = chain(this.inPlaceInteractionRegistry.interactionContextIds)
@@ -7141,6 +7139,18 @@ class InteractionService {
     isActive() {
         return this.active.value;
     }
+    cancelAllActivities() {
+        this.modalInteractionRegistry.interactionContexts.value.forEach(async (interaction) => {
+            while (interaction.isActive()) {
+                await interaction.cancelActiveActivity();
+            }
+        });
+        this.inPlaceInteractionRegistry.interactionContexts.value.forEach(async (interaction) => {
+            while (interaction.isActive()) {
+                await interaction.cancelActiveActivity();
+            }
+        });
+    }
     /**
      * @deprecated use #createModalInteractionContextDisposedWith instead.
      * @param disposable
@@ -7175,7 +7185,7 @@ class InteractionService {
         this._navigationInProgress.setDelegate(this.placeRouter.navigationInProgress$);
         // const self = this;
         return new InteractionServiceRoutingAdapter(this.activeInteractionContextIds, this.activeModalContext, () => {
-            return this.modelInteractionContextFactory.createInteractionContext("exclusive", new InteractionService.ApiAdapter(this.placeRouter, this.exclusiveInteractionRegistry));
+            return this.modelInteractionContextFactory.createInteractionContext("exclusive", new InteractionService.ApiAdapter(this.placeRouter, this.navigationSessionInteractionRegistry));
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: InteractionService, deps: [{ token: ModalInteractionContextFactory }], target: i0.ɵɵFactoryTarget.Injectable });
@@ -8074,7 +8084,7 @@ class NavigationSession extends GarbageCollector {
         this.startingUrl = startingUrl;
         // console.log(`new ${this.constructor.name}`)
         // TODO: can I get away without creating one every time?
-        this._interactionContext = this.context.routerInteractionAdapter.createExclusiveInteractionContext();
+        this._interactionContext = this.context.routerInteractionAdapter.createNavigationSessionInteractionContext();
         this.onDispose(() => {
             // the interaction context can be detached during the back button cancellation state transition
             // as the transition is synchronous and activityCancellation isn't.  Otherwise dispose will be
@@ -9935,7 +9945,7 @@ class ActivityContextImpl extends ActivityContext {
         return this.activityContainer;
     }
     getInteractionContext() {
-        return this.interactionContext;
+        return this.activityContainer;
     }
     onActivityReady(callback) {
         if (this.activity) {
@@ -9975,12 +9985,12 @@ class ActivityOutletComponent {
     }
     loadActivity(activityRef) {
         this.viewContainerRef.clear();
-        const activityContext = new ActivityContextImpl(this.interactionContext);
+        const activityContext = new ActivityContextImpl(this.nestedInteractionContext);
         const injector = Injector.create({
             providers: [
                 { provide: ACTIVITY_DATA, useValue: activityRef.activityData },
                 { provide: ActivityContext, useValue: activityContext },
-                { provide: INTERACTION_CONTEXT, useValue: this.interactionContext },
+                { provide: INTERACTION_CONTEXT, useValue: this.nestedInteractionContext },
                 { provide: InteractionContextProvider, useValue: activityContext },
             ],
             parent: this.injector