@coolon/angular-ui-powerups 16.1.0-aplpha.189 → 16.1.0-aplpha.19

package/lib/interaction/components/activity-title/activity-title.component.d.ts

@@ -13,5 +13,5 @@ export declare class ActivityTitleComponent extends DisposableComponent {
     set color(color: ThemePalette);
     get color(): ThemePalette;
     static ɵfac: i0.ɵɵFactoryDeclaration<ActivityTitleComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ActivityTitleComponent, "aup-activity-title", never, { "hasTransparentBackground": { "alias": "hasTransparentBackground"; "required": false; }; "color": { "alias": "color"; "required": false; }; }, {}, never, ["*", "[slot='title-end']"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ActivityTitleComponent, "aup-activity-title", never, { "hasTransparentBackground": { "alias": "hasTransparentBackground"; "required": false; }; "color": { "alias": "color"; "required": false; }; }, {}, never, ["*"], false, never>;
 }

package/lib/interaction/components/alert-dialog/alert-dialog.component.d.ts

@@ -1,12 +1,7 @@
-import { CommandFace } from "../../../components/commands/command-face";
 import { Alert } from '../../alert';
 import { AbstractDialogComponent } from '../abstract-dialog.component';
 import * as i0 from "@angular/core";
-export declare class AlertDialogComponent extends AbstractDialogComponent<Alert, Alert, void> {
-    readonly confirmFace: CommandFace;
-    readonly title: string;
-    readonly content: string[];
-    readonly color?: 'primary' | 'accent' | 'warn';
+export declare class AlertDialogComponent extends AbstractDialogComponent<Alert, void> {
     constructor(alert: Alert);
     static ɵfac: i0.ɵɵFactoryDeclaration<AlertDialogComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AlertDialogComponent, "aup-alert-dialog", never, {}, {}, never, never, false, never>;

package/lib/interaction/components/editors/edit-context.d.ts

@@ -1,3 +1,3 @@
 export interface EditContext<T> {
-    injectError(error: string): void;
+    injectError(error: string): any;
 }

package/lib/interaction/components/inplace-interaction-context/in-place-interaction-context.component.d.ts

@@ -1,4 +1,4 @@
-import { AfterViewInit, EventEmitter } from "@angular/core";
+import { AfterViewInit } from "@angular/core";
 import { MatTabChangeEvent, MatTabsConfig } from "@angular/material/tabs";
 import { Constructable } from "@coolon/pectin";
 import { DisposableComponent } from "../../../components/disposable-component";
@@ -16,7 +16,7 @@ import * as i0 from "@angular/core";
  *   </aup-in-place-interaction-context>
  *
  *   in your component
- *     @ViewChild(InPlaceInteractionContextComponent)
+ *     @ViewChild('inPlaceInteractionContext', { static: true })
  *     interactionContext: InteractionContext;
  *
  *
@@ -35,8 +35,6 @@ export declare class InPlaceInteractionContextComponent<D, R, E> extends Disposa
      * active interactions.
      */
     syncWithRoutes: boolean;
-    started: EventEmitter<void>;
-    finished: EventEmitter<void>;
     get animationDuration(): string;
     get animationDurationMillis(): number;
     get active(): boolean;
@@ -55,5 +53,5 @@ export declare class InPlaceInteractionContextComponent<D, R, E> extends Disposa
     startActivity<D1, R1, E1>(activityType: Constructable<Activity<D1, R1, E1>>, data?: D1, options?: InteractionContext.Options): Promise<R1>;
     onTabChanged($event: MatTabChangeEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<InPlaceInteractionContextComponent<any, any, any>, [{ optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<InPlaceInteractionContextComponent<any, any, any>, "aup-in-place-interaction-context", never, { "animateFirstActivity": { "alias": "animateFirstActivity"; "required": false; }; "syncWithRoutes": { "alias": "syncWithRoutes"; "required": false; }; }, { "started": "started"; "finished": "finished"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InPlaceInteractionContextComponent<any, any, any>, "aup-in-place-interaction-context", never, { "animateFirstActivity": { "alias": "animateFirstActivity"; "required": false; }; "syncWithRoutes": { "alias": "syncWithRoutes"; "required": false; }; }, {}, never, ["*"], false, never>;
 }

package/lib/interaction/confirm.d.ts

@@ -3,7 +3,3 @@ export interface Confirm extends Alert {
     destructive?: () => boolean;
     cancel(): string;
 }
-export declare namespace Confirm {
-    function checkColor(config: Alert | Confirm): 'primary' | 'accent' | 'warn';
-    function isDestructive(config: Alert | Confirm): boolean;
-}

package/lib/interaction/exports.d.ts

@@ -2,13 +2,11 @@
  * @file Automatically generated by barrelsby.
  */
 export * from "./abstract-interaction-context";
-export * from "./activity-context";
 export * from "./activity-ref";
 export * from "./activity";
 export * from "./alert";
 export * from "./confirm";
 export * from "./in-place-interaction-context";
-export * from "./interaction-context-provider";
 export * from "./interaction-context";
 export * from "./interaction.module";
 export * from "./route-synchronisation-adapter";
@@ -26,8 +24,6 @@ export * from "./components/activity-triggers/popup-activity-trigger/popup-activ
 export * from "./components/add-card-activity/add-card-activity.component";
 export * from "./components/add-item-interaction-context/add-item-interaction-context.component";
 export * from "./components/alert-dialog/alert-dialog.component";
-export * from "./components/alert-renderer/alert-renderer.component";
-export * from "./components/confirm-renderer/confirm-renderer.component";
 export * from "./components/confirm-then-dialog/confirm-then-dialog.component";
 export * from "./components/confirm-then-execute-dialog/confirm-then-execute-dialog.component";
 export * from "./components/confirmation-dialog/confirmation-dialog.component";
@@ -39,7 +35,6 @@ export * from "./components/input-activities/input-activity";
 export * from "./components/input-activities/select-input-activity";
 export * from "./components/input-activities/string-input-activity";
 export * from "./components/popup-interaction-context/popup-interaction-context.component";
-export * from "./components/slide-down-interaction-context/slide-down-interaction-context.component";
 export * from "./directives/interaction-context-trigger-for.directive";
 export * from "./services/interaction-service-routing-adapter";
 export * from "./services/interaction.service";

package/lib/interaction/interaction-context.d.ts

@@ -1,9 +1,7 @@
-import { InjectionToken } from "@angular/core";
 import { Constructable, Disposable } from '@coolon/pectin';
 import { Activity } from './activity';
 import { Alert } from './alert';
 import { Confirm } from './confirm';
-export declare const INTERACTION_CONTEXT: InjectionToken<InteractionContext>;
 export interface InteractionContext extends Disposable, Disposable.Collector {
     readonly identifier: string;
     isActive(): boolean;
@@ -17,10 +15,6 @@ export interface InteractionContext extends Disposable, Disposable.Collector {
 }
 export declare namespace InteractionContext {
     interface Options {
-        /**
-         * @deprecated use Activity.disableCloseWhile(condition$);
-         */
-        disableClose?: boolean;
-        enableCloseOnBackdropClick?: boolean;
+        disableClose: boolean;
     }
 }

package/lib/interaction/interaction.module.d.ts

@@ -6,42 +6,40 @@ import * as i4 from "./components/confirm-then-execute-dialog/confirm-then-execu
 import * as i5 from "./components/alert-dialog/alert-dialog.component";
 import * as i6 from "./components/activity-container/activity-outlet/activity-outlet.component";
 import * as i7 from "./components/inplace-interaction-context/in-place-interaction-context.component";
-import * as i8 from "./components/slide-down-interaction-context/slide-down-interaction-context.component";
-import * as i9 from "./components/add-item-interaction-context/add-item-interaction-context.component";
-import * as i10 from "./components/activity-actions/activity-actions.component";
-import * as i11 from "./components/popup-interaction-context/popup-interaction-context.component";
-import * as i12 from "./components/input-activities/string-input-activity";
-import * as i13 from "./components/input-activities/select-input-activity";
-import * as i14 from "./components/input-activities/input-activity";
-import * as i15 from "./directives/interaction-context-trigger-for.directive";
-import * as i16 from "./activity";
-import * as i17 from "./components/activity-title/activity-title.component";
-import * as i18 from "./components/activity-body/activity-body.component";
-import * as i19 from "./components/activity-triggers/abstract-activity-trigger.component";
-import * as i20 from "./components/activity-triggers/popup-activity-trigger/popup-activity-trigger.component";
-import * as i21 from "./components/activity-triggers/inline-activity-trigger/inline-activity-trigger.component";
-import * as i22 from "./components/activity-triggers/modal-activity-trigger/modal-activity-trigger.component";
-import * as i23 from "./components/add-card-activity/add-card-activity.component";
-import * as i24 from "./components/editors/inline-string-editor/inline-string-editor.component";
-import * as i25 from "./components/abstract-dialog.component";
-import * as i26 from "./components/abstract-confirm-dialog.component";
-import * as i27 from "./components/confirm-renderer/confirm-renderer.component";
-import * as i28 from "./components/alert-renderer/alert-renderer.component";
-import * as i29 from "@angular/common";
-import * as i30 from "@angular/material/button";
-import * as i31 from "@angular/material/dialog";
-import * as i32 from "@angular/material/tabs";
-import * as i33 from "@angular/cdk/portal";
-import * as i34 from "@angular/router";
-import * as i35 from "@angular/material/icon";
-import * as i36 from "../directives/directives.module";
-import * as i37 from "../components/components.module";
-import * as i38 from "@angular/forms";
-import * as i39 from "@angular/material/input";
-import * as i40 from "@angular/material/form-field";
-import * as i41 from "@angular/cdk/a11y";
+import * as i8 from "./components/add-item-interaction-context/add-item-interaction-context.component";
+import * as i9 from "./components/activity-actions/activity-actions.component";
+import * as i10 from "./components/popup-interaction-context/popup-interaction-context.component";
+import * as i11 from "./components/input-activities/string-input-activity";
+import * as i12 from "./components/input-activities/select-input-activity";
+import * as i13 from "./components/input-activities/input-activity";
+import * as i14 from "./directives/interaction-context-trigger-for.directive";
+import * as i15 from "./activity";
+import * as i16 from "./components/activity-title/activity-title.component";
+import * as i17 from "./components/activity-body/activity-body.component";
+import * as i18 from "./components/activity-triggers/abstract-activity-trigger.component";
+import * as i19 from "./components/activity-triggers/popup-activity-trigger/popup-activity-trigger.component";
+import * as i20 from "./components/activity-triggers/inline-activity-trigger/inline-activity-trigger.component";
+import * as i21 from "./components/activity-triggers/modal-activity-trigger/modal-activity-trigger.component";
+import * as i22 from "./components/add-card-activity/add-card-activity.component";
+import * as i23 from "./components/editors/inline-string-editor/inline-string-editor.component";
+import * as i24 from "./components/abstract-dialog.component";
+import * as i25 from "./components/abstract-confirm-dialog.component";
+import * as i26 from "@angular/common";
+import * as i27 from "@angular/material/button";
+import * as i28 from "@angular/material/dialog";
+import * as i29 from "@angular/material/tabs";
+import * as i30 from "@angular/cdk/portal";
+import * as i31 from "@angular/router";
+import * as i32 from "@angular/material/icon";
+import * as i33 from "../directives/directives.module";
+import * as i34 from "@angular/flex-layout";
+import * as i35 from "../components/components.module";
+import * as i36 from "@angular/forms";
+import * as i37 from "@angular/material/input";
+import * as i38 from "@angular/material/form-field";
+import * as i39 from "@angular/cdk/a11y";
 export declare class InteractionModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<InteractionModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<InteractionModule, [typeof i1.ActivityContainerComponent, typeof i2.ConfirmationDialogComponent, typeof i3.ConfirmThenDialogComponent, typeof i4.ConfirmThenExecuteDialogComponent, typeof i5.AlertDialogComponent, typeof i6.ActivityOutletComponent, typeof i7.InPlaceInteractionContextComponent, typeof i8.SlideDownInteractionContextComponent, typeof i9.AddItemInteractionContextComponent, typeof i10.ActivityActionsComponent, typeof i11.PopupInteractionContextComponent, typeof i12.StringInputActivity, typeof i13.SelectInputActivity, typeof i14.InputActivity, typeof i15.InteractionContextTriggerForDirective, typeof i16.Activity, typeof i17.ActivityTitleComponent, typeof i18.ActivityBodyComponent, typeof i10.ActivityActionsComponent, typeof i19.AbstractActivityTriggerComponent, typeof i20.PopupActivityTriggerComponent, typeof i21.InlineActivityTriggerComponent, typeof i22.ModalActivityTriggerComponent, typeof i23.AddCardActivityComponent, typeof i24.InlineStringEditorComponent, typeof i25.AbstractDialogComponent, typeof i26.AbstractConfirmDialogComponent, typeof i27.ConfirmRendererComponent, typeof i28.AlertRendererComponent], [typeof i29.CommonModule, typeof i30.MatButtonModule, typeof i31.MatDialogModule, typeof i32.MatTabsModule, typeof i33.PortalModule, typeof i34.RouterModule, typeof i35.MatIconModule, typeof i36.DirectivesModule, typeof i37.ComponentsModule, typeof i38.FormsModule, typeof i39.MatInputModule, typeof i40.MatFormFieldModule, typeof i41.A11yModule], [typeof i1.ActivityContainerComponent, typeof i6.ActivityOutletComponent, typeof i17.ActivityTitleComponent, typeof i7.InPlaceInteractionContextComponent, typeof i9.AddItemInteractionContextComponent, typeof i10.ActivityActionsComponent, typeof i11.PopupInteractionContextComponent, typeof i15.InteractionContextTriggerForDirective, typeof i12.StringInputActivity, typeof i13.SelectInputActivity, typeof i18.ActivityBodyComponent, typeof i20.PopupActivityTriggerComponent, typeof i21.InlineActivityTriggerComponent, typeof i22.ModalActivityTriggerComponent, typeof i23.AddCardActivityComponent, typeof i24.InlineStringEditorComponent, typeof i8.SlideDownInteractionContextComponent, typeof i27.ConfirmRendererComponent, typeof i28.AlertRendererComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<InteractionModule, [typeof i1.ActivityContainerComponent, typeof i2.ConfirmationDialogComponent, typeof i3.ConfirmThenDialogComponent, typeof i4.ConfirmThenExecuteDialogComponent, typeof i5.AlertDialogComponent, typeof i6.ActivityOutletComponent, typeof i7.InPlaceInteractionContextComponent, typeof i8.AddItemInteractionContextComponent, typeof i9.ActivityActionsComponent, typeof i10.PopupInteractionContextComponent, typeof i11.StringInputActivity, typeof i12.SelectInputActivity, typeof i13.InputActivity, typeof i14.InteractionContextTriggerForDirective, typeof i15.Activity, typeof i16.ActivityTitleComponent, typeof i17.ActivityBodyComponent, typeof i9.ActivityActionsComponent, typeof i18.AbstractActivityTriggerComponent, typeof i19.PopupActivityTriggerComponent, typeof i20.InlineActivityTriggerComponent, typeof i21.ModalActivityTriggerComponent, typeof i22.AddCardActivityComponent, typeof i23.InlineStringEditorComponent, typeof i24.AbstractDialogComponent, typeof i25.AbstractConfirmDialogComponent], [typeof i26.CommonModule, typeof i27.MatButtonModule, typeof i28.MatDialogModule, typeof i29.MatTabsModule, typeof i30.PortalModule, typeof i31.RouterModule, typeof i32.MatIconModule, typeof i33.DirectivesModule, typeof i34.FlexModule, typeof i34.GridModule, typeof i35.ComponentsModule, typeof i36.FormsModule, typeof i37.MatInputModule, typeof i38.MatFormFieldModule, typeof i39.A11yModule], [typeof i1.ActivityContainerComponent, typeof i6.ActivityOutletComponent, typeof i16.ActivityTitleComponent, typeof i7.InPlaceInteractionContextComponent, typeof i8.AddItemInteractionContextComponent, typeof i9.ActivityActionsComponent, typeof i10.PopupInteractionContextComponent, typeof i14.InteractionContextTriggerForDirective, typeof i11.StringInputActivity, typeof i12.SelectInputActivity, typeof i17.ActivityBodyComponent, typeof i19.PopupActivityTriggerComponent, typeof i20.InlineActivityTriggerComponent, typeof i21.ModalActivityTriggerComponent, typeof i22.AddCardActivityComponent, typeof i23.InlineStringEditorComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<InteractionModule>;
 }

package/lib/interaction/services/interaction-service-routing-adapter.d.ts

@@ -4,8 +4,8 @@ import { InteractionContext } from '../interaction-context';
 export declare class InteractionServiceRoutingAdapter {
     private readonly activeInteractionContextIds;
     private readonly activeModalContext;
-    readonly createNavigationSessionInteractionContext: () => InteractionContext;
-    constructor(activeInteractionContextIds: ListModel<string>, activeModalContext: ValueModel<InteractionContext>, createNavigationSessionInteractionContext: () => InteractionContext);
+    readonly createExclusiveInteractionContext: () => InteractionContext;
+    constructor(activeInteractionContextIds: ListModel<string>, activeModalContext: ValueModel<InteractionContext>, createExclusiveInteractionContext: () => InteractionContext);
     isActive(): boolean;
     isModalActive(): boolean;
     isComponentInteracting(component: PlaceComponent): boolean;

package/lib/interaction/services/interaction.service.d.ts

@@ -11,7 +11,7 @@ export declare class InteractionService {
     readonly active: BooleanValueModelChain;
     private readonly _navigationInProgress;
     private placeRouter;
-    private navigationSessionInteractionRegistry;
+    private exclusiveInteractionRegistry;
     private modalInteractionRegistry;
     private inPlaceInteractionRegistry;
     private activeModalContext;
@@ -19,7 +19,6 @@ export declare class InteractionService {
     readonly inModalInteraction: BooleanValueModelChain;
     constructor(modelInteractionContextFactory: ModalInteractionContextFactory);
     isActive(): boolean;
-    cancelAllActivities(): Promise<void>;
     /**
      * @deprecated use #createModalInteractionContextDisposedWith instead.
      * @param disposable

package/lib/interaction/services/mat-dialog-interaction/dialog-interaction-context-factory.d.ts

@@ -12,7 +12,7 @@ export declare class DialogInteractionContextFactory extends ModalInteractionCon
     readonly matDialogDefaultConfig: MatDialogConfig<any>;
     readonly active: BooleanValueModelChain;
     constructor(dialogService: MatDialog, dialogServiceDefaults: MatDialogConfig<any>, matDialogDefaultConfig: MatDialogConfig<any>);
-    createInteractionContext(identifier: string, api: InteractionService.Api): InteractionContext;
+    createInteractionContext(identifier: string, api: InteractionService.Api, disableClose?: boolean): InteractionContext;
     static ɵfac: i0.ɵɵFactoryDeclaration<DialogInteractionContextFactory, [null, { optional: true; }, { optional: true; }]>;
     static ɵprov: i0.ɵɵInjectableDeclaration<DialogInteractionContextFactory>;
 }

package/lib/interaction/services/mat-dialog-interaction/dialog-interaction-context.d.ts

@@ -2,7 +2,6 @@ import { MatDialog, MatDialogConfig } from '@angular/material/dialog';
 import { Constructable, Disposable } from '@coolon/pectin';
 import { AbstractInteractionContext } from '../../abstract-interaction-context';
 import { Activity } from '../../activity';
-import { InteractionContext } from '../../interaction-context';
 import { InteractionService } from '../interaction.service';
 export declare class DialogInteractionContext extends AbstractInteractionContext {
     readonly identifier: string;
@@ -17,6 +16,5 @@ export declare class DialogInteractionContext extends AbstractInteractionContext
     dispose(): void;
     registerDisposable<T extends Disposable>(disposable: T): T;
     isActive(): boolean;
-    protected createAndLaunchActivity<D, R, E>(activityType: Constructable<Activity<D, R, E>>, data: D, options?: InteractionContext.Options): Promise<R>;
-    private canClose;
+    protected createAndLaunchActivity<D, R, E>(activityType: Constructable<Activity<D, R, E>>, data: D, disableClose: boolean): Promise<R>;
 }

package/lib/place/components/place-outlet/place-outlet.component.d.ts

@@ -1,5 +1,5 @@
 import { ComponentPortal } from '@angular/cdk/portal';
-import { EventEmitter, InjectionToken } from '@angular/core';
+import { ChangeDetectorRef, EventEmitter, InjectionToken } from '@angular/core';
 import { ActivatedRoute, Router, RouterOutlet } from '@angular/router';
 import { BooleanValueModelChain, Constructable, ListModel, ValueModel, ValueModelChain } from '@coolon/pectin';
 import { DisposableComponent } from '../../../components/disposable-component';
@@ -13,6 +13,7 @@ export declare class PlaceOutletComponent extends DisposableComponent {
     private readonly router;
     private readonly placeRouter;
     readonly placeConfig: PlaceConfig;
+    private readonly cdr;
     accessor animate$: ValueModel<boolean>;
     accessor animate: boolean;
     accessor customPlaceAnimationOrder$: ListModel<Constructable<PlaceComponent>>;
@@ -36,7 +37,7 @@ export declare class PlaceOutletComponent extends DisposableComponent {
     readonly animationEnabled: BooleanValueModelChain;
     readonly authorised: ValueModelChain<boolean>;
     readonly notAuthorisedNoticePortal: ComponentPortal<any>;
-    constructor(router: Router, placeRouter: PlaceRouter, placeConfig: PlaceConfig, unauthorisedPlaceNotice: Constructable<any>, parentOutlet: PlaceOutletComponent);
+    constructor(router: Router, placeRouter: PlaceRouter, placeConfig: PlaceConfig, unauthorisedPlaceNotice: Constructable<any>, parentOutlet: PlaceOutletComponent, cdr: ChangeDetectorRef);
     getAnimationOrder(): number;
     get animationDuration(): string;
     get isAuthorised(): boolean;
@@ -52,6 +53,6 @@ export declare class PlaceOutletComponent extends DisposableComponent {
     private notifyComponentVisitSegmentChanged;
     animationStarted(): void;
     animationDone(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<PlaceOutletComponent, [null, null, { optional: true; }, { optional: true; }, { optional: true; skipSelf: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PlaceOutletComponent, [null, null, { optional: true; }, { optional: true; }, { optional: true; skipSelf: true; }, null]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<PlaceOutletComponent, "aup-place-outlet", never, { "animate$": { "alias": "animate$"; "required": false; }; "animate": { "alias": "animate"; "required": false; }; "customPlaceAnimationOrder$": { "alias": "placeAnimationOrderModel"; "required": false; }; "customPlaceAnimationOrder": { "alias": "placeAnimationOrder"; "required": false; }; }, { "placeChanged": "placeChanged"; }, never, never, false, never>;
 }

package/lib/place/place-auth-service.d.ts

@@ -19,8 +19,8 @@ export declare class PlaceAuthService extends GarbageCollector {
     enablePlace(placeDefinition: Constructable<PlaceComponent>, options: PlaceAuthService.AuthPlaceOptions): void;
     waitUntilAuthenticationReady(): Promise<void>;
     waitUntilAuthorisationReadyFor(placeDef: PlaceDefinition): Promise<void>;
-    getAuthenticationFailureRedirect(activatedRoute: ActivatedRouteSnapshot, state: RouterStateSnapshot): Promise<Visit>;
-    getAuthorisationFailureRedirectOptions(component: Constructable<PlaceComponent>): Promise<Visit[]>;
+    getAuthenticationFailureRedirect(activatedRoute: ActivatedRouteSnapshot, state: RouterStateSnapshot): Visit;
+    getAuthorisationFailureRedirectOptions(component: Constructable<PlaceComponent>): Visit[];
     isAuthenticated(): boolean;
     isAuthorised(c: PlaceDefinition): boolean;
 }
@@ -28,12 +28,12 @@ export declare namespace PlaceAuthService {
     type AuthorisationCheck = (def: PlaceDefinition) => boolean;
     interface AuthenticationOptions extends ComputedModelMechanics.PostponeOptions {
         isAuthenticated$: ValueModel<boolean>;
-        redirectTo(activatedRoute?: ActivatedRouteSnapshot, state?: RouterStateSnapshot): Visit | Constructable<PlaceComponent> | Promise<Visit> | Promise<Constructable<PlaceComponent>>;
+        redirectTo(activatedRoute?: ActivatedRouteSnapshot, state?: RouterStateSnapshot): Visit | Constructable<PlaceComponent>;
     }
     interface AuthorisationOptions extends ComputedModelMechanics.PostponeOptions {
         isAuthorised: AuthorisationCheck;
         dependsOn$?: HasValue<any>;
-        redirectTo(component: Constructable<PlaceComponent>): (Constructable<PlaceComponent> | Visit)[] | Promise<(Constructable<PlaceComponent> | Visit)[]>;
+        redirectTo(component: Constructable<PlaceComponent>): (Constructable<PlaceComponent> | Visit)[];
     }
     interface AuthPlaceOptions extends ComputedModelMechanics.PostponeOptions {
         when$?: ValueModel<boolean>;

package/lib/place/place-component.d.ts

@@ -1,7 +1,7 @@
 import { ActivatedRouteSnapshot } from '@angular/router';
-import { Constructable, ListModel } from '@coolon/pectin';
+import { Constructable, ListModel, ValueModel } from '@coolon/pectin';
 import 'reflect-metadata';
-import { LoadableComponent } from "../components/loadable-component";
+import { DisposableComponent } from '../components/disposable-component';
 import { InteractionContext } from '../interaction/interaction-context';
 import { PlaceDefinition } from './place-definition';
 import { PlaceRouter } from "./place-router";
@@ -11,17 +11,15 @@ import { VisitSegment } from './visit-segment';
 import * as i0 from "@angular/core";
 export declare const DEFINITION_META_DATA_KEY = "PLACE_DEFINITION_OPTIONS";
 export declare const ROUTE_PARAMETER_LIST_KEY: unique symbol;
-export declare class PlaceComponent extends LoadableComponent {
+export declare class PlaceComponent extends DisposableComponent {
     private readonly _placeReadyCallbacks;
-    private visit$;
+    private visitModel;
     private _inVisitUpdate;
     private _active;
     interactionContext?: InteractionContext;
     readonly childPlaces$: ListModel<Constructable<PlaceComponent>>;
-    readonly placeId: string;
     canDeactivate?(interactionContext: InteractionContext): boolean | Promise<boolean>;
     protected readonly placeRouter: PlaceRouter;
-    private readonly activatedRoute;
     constructor();
     initialiseVisit(visit: VisitSegment, notifyVisitChanged: (current: VisitSegment, previous: VisitSegment) => void): void;
     get childPlaces(): readonly Constructable<PlaceComponent>[];
@@ -34,7 +32,7 @@ export declare class PlaceComponent extends LoadableComponent {
      */
     private installAndInitialiseBinding;
     get placeDefinition(): PlaceDefinition;
-    get active(): import("@coolon/pectin").ValueModel<boolean>;
+    get active(): ValueModel<boolean>;
     /**
      * Called by the router to see if this component can deactivate.  This isn't called for route parameter changes.
      * @param interactionContext

package/lib/place/place-definition.d.ts

@@ -13,11 +13,9 @@ export declare class PlaceDefinition {
     readonly children: PlaceDefinition[];
     readonly redirectToFirstChild: boolean;
     private _parent;
-    readonly name: string;
     constructor(component: Constructable<PlaceComponent>, path: string, authenticate: boolean, role: any, data: Record<string, any>, routeParameters: ParameterDefinition<any>[], children: PlaceDefinition[], redirectToFirstChild: boolean);
     ancestors(): PlaceDefinition[];
     ancestorsAndSelf(): PlaceDefinition[];
-    get placeId(): string;
     protected setParent(parent: PlaceDefinition): void;
     get parent(): PlaceDefinition;
     isRoot(): boolean;

package/lib/place/place-router.d.ts

@@ -1,6 +1,6 @@
 import { Location } from "@angular/common";
 import { ActivatedRouteSnapshot, NavigationCancel, NavigationEnd, NavigationError, NavigationExtras, NavigationStart, Router, RouterStateSnapshot } from "@angular/router";
-import { DisposedWith, GarbageCollector, ListModel, MutableValueModel, ValueModel, ValueModelChain } from '@coolon/pectin';
+import { GarbageCollector, MutableValueModel, ValueModel, ValueModelChain } from "@coolon/pectin";
 import { Constructable } from "@coolon/typescript-utilities";
 import { InteractionService } from "../interaction/services/interaction.service";
 import { NavigationSession } from "./navigation/session/navigation-session";
@@ -27,16 +27,12 @@ export declare class PlaceRouter extends GarbageCollector {
     private readonly routerInteractionAdapter;
     private sessionFinishedJobs;
     readonly authService: PlaceAuthService;
-    private readonly _ready$;
-    readonly ready$: ValueModel<boolean>;
     constructor(angularRouter: Router, angularLocation: Location, interactionService: InteractionService, urlService: UrlService, placeHistory: PlaceHistory);
-    postponeRoutingUntil(condition$: ValueModel<boolean>): void;
-    getAuthenticationFailureRedirect(activatedRoute: ActivatedRouteSnapshot, state: RouterStateSnapshot): Promise<Visit>;
-    getAuthorisationFailureRedirectOptions(component: Constructable<PlaceComponent>): Promise<Visit[]>;
+    getAuthenticationFailureRedirect(activatedRoute: ActivatedRouteSnapshot, state: RouterStateSnapshot): Visit;
+    getAuthorisationFailureRedirectOptions(component: Constructable<PlaceComponent>): Visit[];
     get navigationSession(): NavigationSession;
     get currentSession(): NavigationSession;
     isNavigating(): boolean;
-    waitUntilRouterReady(): Promise<this>;
     waitUntilIdle(): Promise<this>;
     waitActivitiesSynchronised(): Promise<this>;
     onPopState(event: NavigationStart): void;
@@ -50,7 +46,6 @@ export declare class PlaceRouter extends GarbageCollector {
     doNavigation(visit: Visit, runNavigationCommands: (router: Router) => any): Promise<void>;
     navigateByUrl(urlSnapshot: UrlSnapshot, navigationExtras?: NavigationExtras): Promise<boolean>;
     get activeVisit$(): ValueModel<Visit>;
-    filterAuthorizedPlaces(places: ReadonlyArray<Constructable<PlaceComponent>>, options: DisposedWith): ListModel<Constructable<PlaceComponent>>;
     notifyVisitSegmentChanged(is: VisitSegment, was: VisitSegment): Promise<void>;
     private createNavigationSession;
     protected transitionTo(next: NavigationSession): void;

package/lib/place/place.module.d.ts

@@ -14,11 +14,12 @@ import * as i12 from "@angular/material/list";
 import * as i13 from "@angular/material/tooltip";
 import * as i14 from "@angular/material/icon";
 import * as i15 from "../directives/directives.module";
-import * as i16 from "../components/components.module";
-import * as i17 from "@angular/cdk/portal";
-import * as i18 from "@angular/material/card";
+import * as i16 from "@angular/flex-layout";
+import * as i17 from "../components/components.module";
+import * as i18 from "@angular/cdk/portal";
+import * as i19 from "@angular/material/card";
 export declare class PlaceModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<PlaceModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<PlaceModule, [typeof i1.PlaceOutletComponent, typeof i2.TabbedPlaceNavigationComponent, typeof i3.ListPlaceNavComponent, typeof i4.SidePlaceNavigationComponent, typeof i5.AbstractPlaceNavigationComponent, typeof i6.NotAuthorisedNoticeComponent], [typeof i7.CommonModule, typeof i8.BrowserAnimationsModule, typeof i9.MatProgressSpinnerModule, typeof i10.RouterModule, typeof i11.MatTabsModule, typeof i12.MatListModule, typeof i13.MatTooltipModule, typeof i14.MatIconModule, typeof i15.DirectivesModule, typeof i16.ComponentsModule, typeof i17.PortalModule, typeof i18.MatCardModule], [typeof i1.PlaceOutletComponent, typeof i2.TabbedPlaceNavigationComponent, typeof i3.ListPlaceNavComponent, typeof i4.SidePlaceNavigationComponent, typeof i5.AbstractPlaceNavigationComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<PlaceModule, [typeof i1.PlaceOutletComponent, typeof i2.TabbedPlaceNavigationComponent, typeof i3.ListPlaceNavComponent, typeof i4.SidePlaceNavigationComponent, typeof i5.AbstractPlaceNavigationComponent, typeof i6.NotAuthorisedNoticeComponent], [typeof i7.CommonModule, typeof i8.BrowserAnimationsModule, typeof i9.MatProgressSpinnerModule, typeof i10.RouterModule, typeof i11.MatTabsModule, typeof i12.MatListModule, typeof i13.MatTooltipModule, typeof i14.MatIconModule, typeof i15.DirectivesModule, typeof i16.FlexModule, typeof i17.ComponentsModule, typeof i18.PortalModule, typeof i19.MatCardModule], [typeof i1.PlaceOutletComponent, typeof i2.TabbedPlaceNavigationComponent, typeof i3.ListPlaceNavComponent, typeof i4.SidePlaceNavigationComponent, typeof i5.AbstractPlaceNavigationComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<PlaceModule>;
 }

package/lib/place/route/parameter-decorators.d.ts

@@ -1,3 +1,4 @@
+import { Constructable } from '@coolon/pectin';
 import { Formatter } from './formatter';
 import { ParameterSanitiser } from './parameter-sanitiser';
 export interface RouteIdOptions<T> {
@@ -5,7 +6,7 @@ export interface RouteIdOptions<T> {
     optional?: boolean;
     remember?: boolean;
     defaultValue?: T;
-    sanitiser?: ParameterSanitiser.Def<T>;
+    sanitiser?: Constructable<ParameterSanitiser<T>> | ParameterSanitiser<T>;
 }
 export interface RouteParameterOptions<T> {
     as?: string;
@@ -13,7 +14,7 @@ export interface RouteParameterOptions<T> {
     remember?: boolean;
     defaultValue?: T;
     storeInUrl?: Formatter<T>;
-    sanitiser?: ParameterSanitiser.Def<T>;
+    sanitiser?: Constructable<ParameterSanitiser<T>> | ParameterSanitiser<T>;
 }
 export interface RouteListParameterOptions<T> {
     as?: string;
@@ -21,7 +22,7 @@ export interface RouteListParameterOptions<T> {
     remember?: boolean;
     defaultValue?: T[];
     storeInUrl?: Formatter<T>;
-    sanitiser?: ParameterSanitiser.Def<T[]>;
+    sanitiser?: Constructable<ParameterSanitiser<T[]>> | ParameterSanitiser<T[]>;
 }
 export declare function RouteId<T extends string | number>(formatter: Formatter<T>, options?: RouteIdOptions<T>): PropertyDecorator;
 export declare function VisitParameter<T>(options?: RouteParameterOptions<T>): PropertyDecorator;

package/lib/place/route/parameter-definition.d.ts

@@ -1,5 +1,5 @@
 import { Injector } from '@angular/core';
-import { HasValue, ListModel, MutableListModel, MutableValueModel, ValueModel } from '@coolon/pectin';
+import { Constructable, HasValue, ListModel, MutableListModel, MutableValueModel, ValueModel } from '@coolon/pectin';
 import { PlaceHistory } from '../place-history';
 import { VisitSegment } from '../visit-segment';
 import { Formatter } from './formatter';
@@ -32,7 +32,7 @@ export declare namespace ParameterDefinition {
         optional?: boolean;
         remember?: boolean;
         defaultValue?: T;
-        sanitiser?: ParameterSanitiser.Def<T>;
+        sanitiser?: Constructable<ParameterSanitiser<T>> | ParameterSanitiser<T>;
     }
     class RouteId<T> extends ParameterDefinition<T> {
         readonly isRouteId = true;

package/lib/place/route/parameter-sanitiser.d.ts

@@ -1,12 +1,5 @@
 import { Injector } from '@angular/core';
-import { Constructable } from '@coolon/pectin';
 import { VisitSegment } from '../visit-segment';
 export interface ParameterSanitiser<T> {
     sanitise(parameterValue: T, visit?: VisitSegment, injector?: Injector): Promise<T> | T;
 }
-export declare namespace ParameterSanitiser {
-    abstract class Factory<T> {
-        abstract create(injector: Injector): ParameterSanitiser<T>;
-    }
-    type Def<T> = ParameterSanitiser<T> | Constructable<ParameterSanitiser<T>> | Factory<T>;
-}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coolon/angular-ui-powerups",
-  "version": "16.1.0-aplpha.189",
+  "version": "16.1.0-aplpha.19",
   "peerDependencies": {
     "@angular/animations": "^16.2.9",
     "@angular/common": "^16.2.9",
@@ -12,8 +12,8 @@
     "@angular/platform-browser-dynamic": "^16.2.9",
     "@angular/material-moment-adapter": "^16.2.10",
     "@angular/router": "^16.2.9",
-    "@coolon/pectin": "^5.0.0-alpha.94",
-    "fast-typescript-memoize": "^1.1.1",
+    "@coolon/pectin": "^5.0.0-alpha.6",
+    "@typescript-plus/fast-memoize-decorator": "^0.2.1",
     "lodash-es": "^4.17.21",
     "marked": "4.0.10",
     "reflect-metadata": "^0.1.13",
@@ -22,9 +22,7 @@
     "json5": "^2.1.0",
     "immer": ">=10.0.3",
     "escape-string-regexp": "^5.0.0",
-    "@coolon/typescript-utilities": "^5.0.0-alpha.14",
-    "fractional-indexing": "^3.2.0",
-    "ng-table-virtual-scroll": "^1.6.1"
+    "@coolon/typescript-utilities": "^5.0.0-alpha.3"
   },
   "optionalDependencies": {
     "@fortawesome/fontawesome-free": "^6.0.0"

package/assets/draw.scss

@@ -1,20 +0,0 @@
-mat-drawer-container {
-  background-color: white;
-  &.flex, &[flex] {
-    flex: 1;
-    ::ng-deep {
-      .mat-drawer-inner-container {
-        display:flex;
-        flex-direction: column;
-        align-items: stretch;
-      }
-    }
-
-    mat-drawer-content {
-      display:flex;
-      flex-direction: column;
-      align-items: stretch;
-    }
-
-  }
-}

package/assets/layout.scss

@@ -1,3 +0,0 @@
-[flex], .flex {
-  flex:1;
-}