@coolon/angular-ui-powerups 16.1.0-aplpha.14 → 16.1.0-aplpha.141

package/lib/interaction/components/slide-down-interaction-context/slide-down-interaction-context.component.d.ts

@@ -0,0 +1,53 @@
+import { AfterViewInit } from "@angular/core";
+import { MatTabsConfig } from "@angular/material/tabs";
+import { Constructable } from "@coolon/pectin";
+import { DisposableComponent } from "../../../components/disposable-component";
+import { Activity } from "../../activity";
+import { Alert } from "../../alert";
+import { Confirm } from "../../confirm";
+import { InPlaceInteractionContext } from "../../in-place-interaction-context";
+import { InteractionContext } from "../../interaction-context";
+import { InteractionService } from "../../services/interaction.service";
+import { ActivityContainerComponent } from "../activity-container/activity-container.component";
+import * as i0 from "@angular/core";
+/**
+ * This interaction context remains hidden (height: 0) until it is active.
+ * @example
+ *   <aup-slide-down-interaction-context #inPlaceInteractionContext>
+ *   </aup-slide-down-interaction-context>
+ *
+ *   in your component
+ *     @ViewChild(SlideDownInteractionContextComponent)
+ *     interactionContext: InteractionContext;
+ *
+ *
+ */
+export declare class SlideDownInteractionContextComponent<D, R, E> extends DisposableComponent implements InPlaceInteractionContext, AfterViewInit {
+    private readonly tabConfig;
+    activityContainerComponent: ActivityContainerComponent<any, any, any>;
+    dynamicHeight: boolean;
+    get active(): boolean;
+    protected clampShut: boolean;
+    readonly interactionService: InteractionService;
+    constructor(tabConfig: MatTabsConfig);
+    ngAfterViewInit(): void;
+    getAnimationState(): {
+        value: string;
+        params: {
+            duration: string;
+        };
+    };
+    onInplaceInteractionContextRegistered(id: string, api: InteractionService.Api): void;
+    get identifier(): string;
+    alert(alert: Alert): Promise<void>;
+    cancelActiveActivity(): Promise<boolean>;
+    confirm(confirm: Confirm): Promise<boolean>;
+    confirmOrReject(confirm: Confirm): Promise<void>;
+    confirmThen<D1, R1, E1>(confirm: Confirm, activityType: Constructable<Activity<D1, R1, E1>>, data?: D1): Promise<R1>;
+    confirmThenExecute<R1>(confirm: Confirm, operation: (interactionContext: InteractionContext) => (Promise<R1> | R1)): Promise<R1>;
+    isActive(): boolean;
+    startActivity<D1, R1, E1>(activityType: Constructable<Activity<D1, R1, E1>>, data?: D1, options?: InteractionContext.Options): Promise<R1>;
+    onAnimationDone(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SlideDownInteractionContextComponent<any, any, any>, [{ optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SlideDownInteractionContextComponent<any, any, any>, "aup-slide-down-interaction-context", never, { "dynamicHeight": { "alias": "dynamicHeight"; "required": false; }; }, {}, never, never, false, never>;
+}

package/lib/interaction/exports.d.ts

@@ -7,6 +7,7 @@ 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";
@@ -35,6 +36,7 @@ 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-provider.d.ts

@@ -0,0 +1,6 @@
+import { InjectionToken } from "@angular/core";
+import { InteractionContext } from "./interaction-context";
+export declare const INTERACTION_CONTEXT_PROVIDER: InjectionToken<InteractionContextProvider>;
+export interface InteractionContextProvider {
+    getInteractionContext(): InteractionContext;
+}

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

@@ -1,7 +1,9 @@
+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;

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

@@ -6,33 +6,33 @@ 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/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 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 "@angular/common";
+import * as i28 from "@angular/material/button";
+import * as i29 from "@angular/material/dialog";
+import * as i30 from "@angular/material/tabs";
+import * as i31 from "@angular/cdk/portal";
+import * as i32 from "@angular/router";
+import * as i33 from "@angular/material/icon";
+import * as i34 from "../directives/directives.module";
 import * as i35 from "../components/components.module";
 import * as i36 from "@angular/forms";
 import * as i37 from "@angular/material/input";
@@ -40,6 +40,6 @@ 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.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 ɵ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.CommonModule, typeof i28.MatButtonModule, typeof i29.MatDialogModule, typeof i30.MatTabsModule, typeof i31.PortalModule, typeof i32.RouterModule, typeof i33.MatIconModule, typeof i34.DirectivesModule, typeof i35.ComponentsModule, typeof i36.FormsModule, typeof i37.MatInputModule, typeof i38.MatFormFieldModule, typeof i39.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]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<InteractionModule>;
 }

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

@@ -1,5 +1,5 @@
 import { ComponentPortal } from '@angular/cdk/portal';
-import { ChangeDetectorRef, EventEmitter, InjectionToken } from '@angular/core';
+import { 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,7 +13,6 @@ 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>>;
@@ -37,7 +36,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, cdr: ChangeDetectorRef);
+    constructor(router: Router, placeRouter: PlaceRouter, placeConfig: PlaceConfig, unauthorisedPlaceNotice: Constructable<any>, parentOutlet: PlaceOutletComponent);
     getAnimationOrder(): number;
     get animationDuration(): string;
     get isAuthorised(): boolean;
@@ -53,6 +52,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; }, null]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PlaceOutletComponent, [null, null, { optional: true; }, { optional: true; }, { optional: true; skipSelf: true; }]>;
     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): Visit;
-    getAuthorisationFailureRedirectOptions(component: Constructable<PlaceComponent>): Visit[];
+    getAuthenticationFailureRedirect(activatedRoute: ActivatedRouteSnapshot, state: RouterStateSnapshot): Promise<Visit>;
+    getAuthorisationFailureRedirectOptions(component: Constructable<PlaceComponent>): Promise<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>;
+        redirectTo(activatedRoute?: ActivatedRouteSnapshot, state?: RouterStateSnapshot): Visit | Constructable<PlaceComponent> | Promise<Visit> | Promise<Constructable<PlaceComponent>>;
     }
     interface AuthorisationOptions extends ComputedModelMechanics.PostponeOptions {
         isAuthorised: AuthorisationCheck;
         dependsOn$?: HasValue<any>;
-        redirectTo(component: Constructable<PlaceComponent>): (Constructable<PlaceComponent> | Visit)[];
+        redirectTo(component: Constructable<PlaceComponent>): (Constructable<PlaceComponent> | Visit)[] | Promise<(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, ValueModel } from '@coolon/pectin';
+import { Constructable, ListModel } from '@coolon/pectin';
 import 'reflect-metadata';
-import { DisposableComponent } from '../components/disposable-component';
+import { LoadableComponent } from "../components/loadable-component";
 import { InteractionContext } from '../interaction/interaction-context';
 import { PlaceDefinition } from './place-definition';
 import { PlaceRouter } from "./place-router";
@@ -11,15 +11,17 @@ 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 DisposableComponent {
+export declare class PlaceComponent extends LoadableComponent {
     private readonly _placeReadyCallbacks;
-    private visitModel;
+    private visit$;
     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>[];
@@ -32,7 +34,7 @@ export declare class PlaceComponent extends DisposableComponent {
      */
     private installAndInitialiseBinding;
     get placeDefinition(): PlaceDefinition;
-    get active(): ValueModel<boolean>;
+    get active(): import("@coolon/pectin").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,9 +13,11 @@ 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

@@ -27,12 +27,16 @@ 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);
-    getAuthenticationFailureRedirect(activatedRoute: ActivatedRouteSnapshot, state: RouterStateSnapshot): Visit;
-    getAuthorisationFailureRedirectOptions(component: Constructable<PlaceComponent>): Visit[];
+    postponeRoutingUntil(condition$: ValueModel<boolean>): void;
+    getAuthenticationFailureRedirect(activatedRoute: ActivatedRouteSnapshot, state: RouterStateSnapshot): Promise<Visit>;
+    getAuthorisationFailureRedirectOptions(component: Constructable<PlaceComponent>): Promise<Visit[]>;
     get navigationSession(): NavigationSession;
     get currentSession(): NavigationSession;
     isNavigating(): boolean;
+    waitUntilRouterReady(): Promise<this>;
     waitUntilIdle(): Promise<this>;
     waitActivitiesSynchronised(): Promise<this>;
     onPopState(event: NavigationStart): void;

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

@@ -14,12 +14,11 @@ 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 "@angular/flex-layout";
-import * as i17 from "../components/components.module";
-import * as i18 from "@angular/cdk/portal";
-import * as i19 from "@angular/material/card";
+import * as i16 from "../components/components.module";
+import * as i17 from "@angular/cdk/portal";
+import * as i18 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.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 ɵ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 ɵinj: i0.ɵɵInjectorDeclaration<PlaceModule>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coolon/angular-ui-powerups",
-  "version": "16.1.0-aplpha.14",
+  "version": "16.1.0-aplpha.141",
   "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.2",
-    "@typescript-plus/fast-memoize-decorator": "^0.2.1",
+    "@coolon/pectin": "^5.0.0-alpha.78",
+    "fast-typescript-memoize": "^1.1.1",
     "lodash-es": "^4.17.21",
     "marked": "4.0.10",
     "reflect-metadata": "^0.1.13",
@@ -22,7 +22,9 @@
     "json5": "^2.1.0",
     "immer": ">=10.0.3",
     "escape-string-regexp": "^5.0.0",
-    "@coolon/typescript-utilities": "^5.0.0-alpha.3"
+    "@coolon/typescript-utilities": "^5.0.0-alpha.13",
+    "fractional-indexing": "^3.2.0",
+    "ng-table-virtual-scroll": "^1.6.1"
   },
   "optionalDependencies": {
     "@fortawesome/fontawesome-free": "^6.0.0"

package/esm2022/lib/components/tables/column/column-list-model.mjs

@@ -1,44 +0,0 @@
-import { AbstractComputedListModel, Dsl, lang, MutableListModel } from '@coolon/pectin';
-import { isNil } from 'lodash';
-export class ColumnListModel extends AbstractComputedListModel {
-    _allColumns$ = new MutableListModel();
-    columnsById$;
-    constructor() {
-        super();
-        const { chain } = Dsl.disposeWith(this);
-        this.columnsById$ = chain(this._allColumns$).indexBy('columnId');
-    }
-    get allColumns$() {
-        return this._allColumns$.readonly$;
-    }
-    getColumn(id) {
-        return this.columnsById$.get(id);
-    }
-    hasColumn(id) {
-        return !!this.columnsById$.get(id);
-    }
-    hasMatchingColumn(row, regex) {
-        // only search the visible columns
-        return !!this.value.find(c => regex.test(c.getSearchTextFor(row)));
-    }
-    addColumn(column, index) {
-        if (this.hasColumn(column.columnId)) {
-            lang.illegalState(`Column with id=${column.columnId} already exists`);
-        }
-        this.registerDisposable(column);
-        this.runInTransaction(() => {
-            if (!isNil(index)) {
-                this._allColumns$.insert(index, column);
-            }
-            else {
-                this._allColumns$.push(column);
-            }
-            this.registerDisposable(this.trackSource(column.visible$));
-        });
-        return column;
-    }
-    doComputeValue() {
-        return this._allColumns$.value.filter(c => c.visible$.value);
-    }
-}
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sdW1uLWxpc3QtbW9kZWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXItdWktcG93ZXJ1cHMvc3JjL2xpYi9jb21wb25lbnRzL3RhYmxlcy9jb2x1bW4vY29sdW1uLWxpc3QtbW9kZWwudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLHlCQUF5QixFQUFFLEdBQUcsRUFBRSxJQUFJLEVBQTRCLGdCQUFnQixFQUFDLE1BQU0sZ0JBQWdCLENBQUM7QUFFaEgsT0FBTyxFQUFDLEtBQUssRUFBQyxNQUFNLFFBQVEsQ0FBQztBQUc3QixNQUFNLE9BQU8sZUFBcUIsU0FBUSx5QkFBb0Q7SUFFM0UsWUFBWSxHQUFHLElBQUksZ0JBQWdCLEVBQW9CLENBQUM7SUFDeEQsWUFBWSxDQUEwQztJQUV2RTtRQUNFLEtBQUssRUFBRSxDQUFDO1FBQ1IsTUFBTSxFQUFFLEtBQUssRUFBRSxHQUFHLEdBQUcsQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDeEMsSUFBSSxDQUFDLFlBQVksR0FBRyxLQUFLLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxDQUFDLE9BQU8sQ0FBQyxVQUFVLENBQUMsQ0FBQztJQUNuRSxDQUFDO0lBRUQsSUFBSSxXQUFXO1FBQ2IsT0FBTyxJQUFJLENBQUMsWUFBWSxDQUFDLFNBQVMsQ0FBQztJQUNyQyxDQUFDO0lBRUQsU0FBUyxDQUFDLEVBQVU7UUFDbEIsT0FBTyxJQUFJLENBQUMsWUFBWSxDQUFDLEdBQUcsQ0FBQyxFQUFFLENBQUMsQ0FBQztJQUNuQyxDQUFDO0lBRUQsU0FBUyxDQUFDLEVBQVU7UUFDbEIsT0FBTyxDQUFDLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxHQUFHLENBQUMsRUFBRSxDQUFDLENBQUM7SUFDckMsQ0FBQztJQUVELGlCQUFpQixDQUFDLEdBQVEsRUFBRSxLQUFhO1FBQ3ZDLGtDQUFrQztRQUNsQyxPQUFPLENBQUMsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLGdCQUFnQixDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUNyRSxDQUFDO0lBRUQsU0FBUyxDQUE2QixNQUFTLEVBQUUsS0FBYztRQUM3RCxJQUFJLElBQUksQ0FBQyxTQUFTLENBQUMsTUFBTSxDQUFDLFFBQVEsQ0FBQyxFQUFFO1lBQ25DLElBQUksQ0FBQyxZQUFZLENBQUMsa0JBQWtCLE1BQU0sQ0FBQyxRQUFRLGlCQUFpQixDQUFDLENBQUM7U0FDdkU7UUFDRCxJQUFJLENBQUMsa0JBQWtCLENBQUMsTUFBTSxDQUFDLENBQUM7UUFDaEMsSUFBSSxDQUFDLGdCQUFnQixDQUFDLEdBQUcsRUFBRTtZQUN6QixJQUFJLENBQUMsS0FBSyxDQUFDLEtBQUssQ0FBQyxFQUFFO2dCQUNqQixJQUFJLENBQUMsWUFBWSxDQUFDLE1BQU0sQ0FBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLENBQUM7YUFDekM7aUJBQU07Z0JBQ0wsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7YUFDaEM7WUFDRCxJQUFJLENBQUMsa0JBQWtCLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxNQUFNLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQztRQUM3RCxDQUFDLENBQUMsQ0FBQztRQUNILE9BQU8sTUFBTSxDQUFDO0lBQ2hCLENBQUM7SUFFRCxjQUFjO1FBQ1osT0FBTyxJQUFJLENBQUMsWUFBWSxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQy9ELENBQUM7Q0FDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7QWJzdHJhY3RDb21wdXRlZExpc3RNb2RlbCwgRHNsLCBsYW5nLCBMaXN0TW9kZWwsIE1hcE1vZGVsQ2hhaW4sIE11dGFibGVMaXN0TW9kZWx9IGZyb20gJ0Bjb29sb24vcGVjdGluJztcblxuaW1wb3J0IHtpc05pbH0gZnJvbSAnbG9kYXNoJztcbmltcG9ydCB7Q29sdW1uTW9kZWx9IGZyb20gJy4vY29sdW1uLW1vZGVsJztcblxuZXhwb3J0IGNsYXNzIENvbHVtbkxpc3RNb2RlbDxSb3c+IGV4dGVuZHMgQWJzdHJhY3RDb21wdXRlZExpc3RNb2RlbDxDb2x1bW5Nb2RlbDxSb3c+LCBib29sZWFuPiB7XG5cbiAgcHJpdmF0ZSByZWFkb25seSBfYWxsQ29sdW1ucyQgPSBuZXcgTXV0YWJsZUxpc3RNb2RlbDxDb2x1bW5Nb2RlbDxSb3c+PigpO1xuICBwcml2YXRlIHJlYWRvbmx5IGNvbHVtbnNCeUlkJDogTWFwTW9kZWxDaGFpbjxzdHJpbmcsIENvbHVtbk1vZGVsPFJvdz4+O1xuXG4gIGNvbnN0cnVjdG9yKCkge1xuICAgIHN1cGVyKCk7XG4gICAgY29uc3QgeyBjaGFpbiB9ID0gRHNsLmRpc3Bvc2VXaXRoKHRoaXMpO1xuICAgIHRoaXMuY29sdW1uc0J5SWQkID0gY2hhaW4odGhpcy5fYWxsQ29sdW1ucyQpLmluZGV4QnkoJ2NvbHVtbklkJyk7XG4gIH1cblxuICBnZXQgYWxsQ29sdW1ucyQoKTogTGlzdE1vZGVsPENvbHVtbk1vZGVsPFJvdz4+IHtcbiAgICByZXR1cm4gdGhpcy5fYWxsQ29sdW1ucyQucmVhZG9ubHkkO1xuICB9XG5cbiAgZ2V0Q29sdW1uKGlkOiBzdHJpbmcpOiBDb2x1bW5Nb2RlbDxSb3c+IHtcbiAgICByZXR1cm4gdGhpcy5jb2x1bW5zQnlJZCQuZ2V0KGlkKTtcbiAgfVxuXG4gIGhhc0NvbHVtbihpZDogc3RyaW5nKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuICEhdGhpcy5jb2x1bW5zQnlJZCQuZ2V0KGlkKTtcbiAgfVxuXG4gIGhhc01hdGNoaW5nQ29sdW1uKHJvdzogUm93LCByZWdleDogUmVnRXhwKTogYm9vbGVhbiB7XG4gICAgLy8gb25seSBzZWFyY2ggdGhlIHZpc2libGUgY29sdW1uc1xuICAgIHJldHVybiAhIXRoaXMudmFsdWUuZmluZChjID0+IHJlZ2V4LnRlc3QoYy5nZXRTZWFyY2hUZXh0Rm9yKHJvdykpKTtcbiAgfVxuXG4gIGFkZENvbHVtbjxDIGV4dGVuZHMgQ29sdW1uTW9kZWw8Um93Pj4oY29sdW1uOiBDLCBpbmRleD86IG51bWJlcik6IEMge1xuICAgIGlmICh0aGlzLmhhc0NvbHVtbihjb2x1bW4uY29sdW1uSWQpKSB7XG4gICAgICBsYW5nLmlsbGVnYWxTdGF0ZShgQ29sdW1uIHdpdGggaWQ9JHtjb2x1bW4uY29sdW1uSWR9IGFscmVhZHkgZXhpc3RzYCk7XG4gICAgfVxuICAgIHRoaXMucmVnaXN0ZXJEaXNwb3NhYmxlKGNvbHVtbik7XG4gICAgdGhpcy5ydW5JblRyYW5zYWN0aW9uKCgpID0+IHtcbiAgICAgIGlmICghaXNOaWwoaW5kZXgpKSB7XG4gICAgICAgIHRoaXMuX2FsbENvbHVtbnMkLmluc2VydChpbmRleCwgY29sdW1uKTtcbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIHRoaXMuX2FsbENvbHVtbnMkLnB1c2goY29sdW1uKTtcbiAgICAgIH1cbiAgICAgIHRoaXMucmVnaXN0ZXJEaXNwb3NhYmxlKHRoaXMudHJhY2tTb3VyY2UoY29sdW1uLnZpc2libGUkKSk7XG4gICAgfSk7XG4gICAgcmV0dXJuIGNvbHVtbjtcbiAgfVxuXG4gIGRvQ29tcHV0ZVZhbHVlKCk6IENvbHVtbk1vZGVsPFJvdz5bXSB7XG4gICAgcmV0dXJuIHRoaXMuX2FsbENvbHVtbnMkLnZhbHVlLmZpbHRlcihjID0+IGMudmlzaWJsZSQudmFsdWUpO1xuICB9XG59XG4iXX0=

package/lib/components/tables/column/column-list-model.d.ts

@@ -1,13 +0,0 @@
-import { AbstractComputedListModel, ListModel } from '@coolon/pectin';
-import { ColumnModel } from './column-model';
-export declare class ColumnListModel<Row> extends AbstractComputedListModel<ColumnModel<Row>, boolean> {
-    private readonly _allColumns$;
-    private readonly columnsById$;
-    constructor();
-    get allColumns$(): ListModel<ColumnModel<Row>>;
-    getColumn(id: string): ColumnModel<Row>;
-    hasColumn(id: string): boolean;
-    hasMatchingColumn(row: Row, regex: RegExp): boolean;
-    addColumn<C extends ColumnModel<Row>>(column: C, index?: number): C;
-    doComputeValue(): ColumnModel<Row>[];
-}