@coolon/angular-ui-powerups 12.0.0-alpha.2 → 12.0.0-alpha.3

package/fesm2015/coolon-angular-ui-powerups.js

@@ -21,7 +21,7 @@ import { MatTableModule } from '@angular/material/table';
 import { MatTooltipModule } from '@angular/material/tooltip';
 import { FontAwesomeModule, FaIconLibrary } from '@fortawesome/angular-fontawesome';
 import { fas } from '@fortawesome/free-solid-svg-icons';
-import { GarbageCollector, DelegatingValueModel, assert, UnaryCommand, lang, Dsl, Logger, TrackExternal, ValueModel, StoreInValueModel, Command, MutableListModel, StoreInListModel, Disposable, MutableValueModel, DelegatingListModel, FocusManager, EventListenerList, Form, Guard, Binding, DebugContext, ListModel, MultipleSelectionModel, DelegatingSelectionModel, AbstractComputedListModel, DirtyTrackingForm, ComputedListModel, PageController, Deferred, Trace, Functions } from '@coolon/pectin';
+import { GarbageCollector, DelegatingValueModel, assert, UnaryCommand, lang, Dsl, Logger, TrackExternal, ValueModel, StoreInValueModel, Command, MutableListModel, StoreInListModel, Disposable, MutableValueModel, DelegatingListModel, FocusManager, EventListenerList, Form, Guard, Binding, DebugContext, ListModel, MultipleSelectionModel, DelegatingSelectionModel, AbstractComputedListModel, DirtyTrackingForm, ComputedListModel, PageController, Deferred, Functions } from '@coolon/pectin';
 import { __decorate, __metadata, __awaiter } from 'tslib';
 import { DomSanitizer } from '@angular/platform-browser';
 import * as _ from 'lodash';
@@ -35,7 +35,7 @@ import { FlexModule, GridModule } from '@angular/flex-layout';
 import * as i1$1 from '@angular/material/dialog';
 import { MatDialogModule, MatDialog, MatDialogConfig, MAT_DIALOG_DEFAULT_OPTIONS } from '@angular/material/dialog';
 import * as i1 from '@angular/router';
-import { RouterModule, ActivatedRouteSnapshot, NavigationStart, NavigationCancel, UrlSegment, Router, UrlSerializer, NavigationEnd, NavigationError } from '@angular/router';
+import { RouterModule, ActivatedRouteSnapshot, UrlSegment, Router, UrlSerializer, NavigationStart, NavigationEnd, NavigationError, NavigationCancel } from '@angular/router';
 import { Overlay, CdkScrollable } from '@angular/cdk/overlay';
 import { MatListModule } from '@angular/material/list';
 import { Memoize as Memoize$1 } from '@typescript-plus/fast-memoize-decorator';
@@ -5291,204 +5291,6 @@ InteractionModule.decorators = [
             },] }
 ];
 
-class PlaceHistory {
-    constructor() {
-        this._archive = new Map();
-        this.placeHistoryDepth = 4;
-    }
-    notifyNavigationStarted() {
-        if (this._activeVisits) {
-            this.archive(this._activeVisits.visits);
-            this._previousVisits = this._activeVisits;
-        }
-    }
-    notifyNavigationFinished(visits) {
-        this._activeVisits = new PlaceHistory.VisitRecord(visits);
-    }
-    updateVisit(visit) {
-        assert.isTruthy(this._activeVisits);
-        this._activeVisits.update(visit);
-    }
-    lastVisitIncluded(placeDef) {
-        var _a;
-        return !!((_a = this._previousVisits) === null || _a === void 0 ? void 0 : _a.getVisitFor(placeDef));
-    }
-    getMostRecentVisitFor(placeDef) {
-        return ___default.first(this.getHistory(placeDef));
-    }
-    getHistory(placeDef) {
-        let history = this._archive.get(placeDef);
-        if (!history) {
-            history = [];
-            this.setHistory(placeDef, history);
-        }
-        return history;
-    }
-    setHistory(placeDef, history) {
-        this._archive.set(placeDef, history);
-    }
-    archive(visits) {
-        visits.forEach(state => {
-            const history = this.getHistory(state.placeDefinition);
-            const previousState = ___default.first(history);
-            if (!previousState || state.hasChangedFrom(previousState)) {
-                history.unshift(state); // LIFO
-                this.setHistory(state.placeDefinition, history.slice(0, this.placeHistoryDepth));
-            }
-        });
-    }
-}
-PlaceHistory.ɵprov = i0.ɵɵdefineInjectable({ factory: function PlaceHistory_Factory() { return new PlaceHistory(); }, token: PlaceHistory, providedIn: "root" });
-PlaceHistory.decorators = [
-    { type: Injectable, args: [{
-                providedIn: 'root'
-            },] }
-];
-PlaceHistory.ctorParameters = () => [];
-(function (PlaceHistory) {
-    class VisitRecord {
-        constructor(visits) {
-            this.visits = visits;
-        }
-        update(visit) {
-            this.visits = this.visits.filter(v => v.placeDefinition !== visit.placeDefinition).concat(visit);
-        }
-        getVisitFor(placeDef) {
-            return this.visits.find(v => v.placeDefinition === placeDef);
-        }
-    }
-    PlaceHistory.VisitRecord = VisitRecord;
-    // export class Query {
-    //   private _history: Visit.State[];
-    //   private _places: Place[];
-    //   private _predicate: (visit: any) => boolean;
-    //   private _limit: number;
-    //
-    //   constructor(history, limit = history.length) {
-    //     this._history = history;
-    //     this._places = [];
-    //     this._predicate = (visit => true);
-    //     this._limit = limit;
-    //   }
-    //
-    //   to(...places:Place[]):this {
-    //     this._places = places;
-    //     return this;
-    //   }
-    //
-    //   with(parameters: { [parameter: string]: any }): this {
-    //     this.matching(state => {
-    //       return Object.keys(parameters).reduce((acc, key) => {
-    //         const matchValue = parameters[key];
-    //         const visitValue = state.get(key);
-    //         const matched = matchValue === '*' ? !_.isNil(visitValue) : visitValue == matchValue;
-    //         // Logger.get(this).info(`matched=${matched}`, parameters, visitValue);
-    //         return acc && matched;
-    //       }, true);
-    //     });
-    //     return this;
-    //   }
-    //
-    //   last(): Visit.State {
-    //     return _.findLast(this._history, visit => this._matches(visit))
-    //   }
-    //
-    //   // @trace
-    //   allThatMatch(): Visit.State[] {
-    //     return _.filter(this._history, visit => this._matches(visit)).slice(-this._limit);
-    //   }
-    //
-    //   // @trace
-    //   mostRecentValueOf<T=any>(param: string, defaultValue: T = null): T {
-    //     const lastStateWithParam = _.findLast(this.allThatMatch(), state => !_.isNil(state.get(param)));
-    //     return _.isNil(lastStateWithParam) ? defaultValue : lastStateWithParam.get(param);
-    //   }
-    //
-    //   limit(limit: number): this {
-    //     this._limit = limit;
-    //     return this;
-    //   }
-    //
-    //   matching(predicate: (visit: Visit.State) => boolean): this {
-    //     this._predicate = predicate;
-    //     return this;
-    //   }
-    //
-    //   _matches(visit: Visit.State) {
-    //     return this._isPlaceMatch(visit) && this._predicate(visit);
-    //   }
-    //
-    //   _isPlaceMatch(visit: Visit.State) {
-    //     return this._places.length < 1 || this._places.includes(visit.place)
-    //   }
-    //
-    // }
-})(PlaceHistory || (PlaceHistory = {}));
-
-class Visit {
-    constructor(placeDefinition, visitParameters = {}) {
-        this.placeDefinition = placeDefinition;
-        this.visitParameters = visitParameters;
-    }
-    // @Trace()
-    getRouteId() {
-        return this.placeDefinition.getRouteIdFrom(this);
-    }
-    // @Trace()
-    hasRouteId() {
-        return !_.isNil(this.getRouteId());
-    }
-    /**
-     * Returns the value of the place parameter with the specified name.  The parameter
-     * name is taken from the `as` option, e.g. {as: 'aCustomName'} otherwise it is the
-     * same as the the ValueModel property name.
-     * @param parameterName the field name of the property model or the `as` option if specified.
-     */
-    getParameter(parameterName) {
-        return this.visitParameters[parameterName];
-    }
-    // @Trace()
-    hasParameter(parameterName) {
-        return Object.keys(this.visitParameters).includes(parameterName);
-    }
-    replace(parameter, value) {
-        return new Visit(this.placeDefinition, Object.assign(Object.assign({}, this.visitParameters), { [parameter.name]: value }));
-    }
-    mergeRouteParameters(routeParams) {
-        // todo: whitelist parameters.
-        const routeParameterKeys = Object.keys(routeParams);
-        const params = {};
-        this.placeDefinition.getVisitParameterDefs().forEach(def => {
-            if (def.isRouteId || def.isRouteParameter) {
-                if (routeParameterKeys.includes(def.name)) {
-                    params[def.name] = routeParams[def.name];
-                }
-            }
-            else {
-                // copy non route params as is, but only if they already exist otherwise we'll inject nil values and break the
-                // defaults and remember sanitisation process.
-                const value = this.getParameter(def.name);
-                if (this.hasParameter(def.name)) {
-                    params[def.name] = value;
-                }
-            }
-        });
-        return new Visit(this.placeDefinition, params);
-    }
-    hasRoutingChangedFrom(other) {
-        const samePlace = other.placeDefinition === this.placeDefinition;
-        const sameRouteParameters = _.isEqual(this.placeDefinition.getFormattedRouteParameters(this, true), this.placeDefinition.getFormattedRouteParameters(other, true));
-        return !samePlace || !sameRouteParameters;
-    }
-    hasChangedFrom(other) {
-        const sameNonRouteParameters = _.isEqual(this.placeDefinition.getNonRouteParameters(this), this.placeDefinition.getNonRouteParameters(other));
-        return !sameNonRouteParameters || this.hasRoutingChangedFrom(other);
-    }
-    toDebugString() {
-        return Object.keys(this.visitParameters).map(k => `${k}=${this.visitParameters[k]}`).join(',');
-    }
-}
-
 class ParameterDefinition {
     constructor(propertyName, options, urlFormat) {
         this.propertyName = propertyName;
@@ -5507,6 +5309,7 @@ class ParameterDefinition {
     getOptionValue(key) {
         return this.options.getOptional(key, null);
     }
+    // @Trace()
     sanitise(value, visit, placeHistory, injector, isPopState) {
         return __awaiter(this, void 0, void 0, function* () {
             if (this.isMissingFrom(visit)) {
@@ -5527,12 +5330,6 @@ class ParameterDefinition {
         return !visit.hasParameter(this.name);
     }
 }
-__decorate([
-    Trace(),
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", [Object, Visit, PlaceHistory, Injector, Boolean]),
-    __metadata("design:returntype", Promise)
-], ParameterDefinition.prototype, "sanitise", null);
 (function (ParameterDefinition) {
     class RouteId extends ParameterDefinition {
         constructor() {
@@ -5730,6 +5527,7 @@ class PlaceComponent extends DisposableComponent {
         when(this._active).becomesTruthy(() => this.onPlaceReady());
         this.childPlaces = this.placeDefinition.children.map(d => d.component);
     }
+    // @Trace()
     initialiseVisit(visit, notifyVisitChanged) {
         assert.isNil(this.visitModel.value);
         const { when } = Dsl.disposeWith(this);
@@ -5750,17 +5548,18 @@ class PlaceComponent extends DisposableComponent {
     isInitialised() {
         return !!this.visitModel.value;
     }
+    // @Trace()
     installBinding(parameterDef) {
         const model = this[parameterDef.propertyName];
         DebugContext.tag(model, `${this.placeDefinition.component.name}.${parameterDef.propertyName}`);
         const binding = this.registerDisposable(new Binding(this.visitModel, model, {
             toRight(visit) {
                 const value = visit.getParameter(parameterDef.name);
-                console.log('push to component', { name: parameterDef.name, value, visit });
+                // console.log('push to component', { name: parameterDef.name, value, visit });
                 return value;
             },
             toLeft(value, currentVisit) {
-                console.log('push to route', { name: parameterDef.name, value, currentVisit });
+                // console.log('push to route', { name: parameterDef.name, value, currentVisit });
                 return currentVisit.replace(parameterDef, value);
             }
         }));
@@ -5785,18 +5584,6 @@ PlaceComponent.decorators = [
     { type: Directive }
 ];
 PlaceComponent.ctorParameters = () => [];
-__decorate([
-    Trace(),
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", [Visit, Function]),
-    __metadata("design:returntype", void 0)
-], PlaceComponent.prototype, "initialiseVisit", null);
-__decorate([
-    Trace(),
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", [ParameterDefinition]),
-    __metadata("design:returntype", void 0)
-], PlaceComponent.prototype, "installBinding", null);
 __decorate([
     Memoize$1(),
     __metadata("design:type", PlaceDefinition),
@@ -6340,9 +6127,11 @@ class WaitUntilLinkTriggeredNavigationInteractionCancellationTypeDetermined exte
         this.clickedLinkMatchedBackButtonUrl = false;
         this.debugPropertyKeys = ['idle', 'startingUrl', 'clickedLinkUrl', 'firstCancelEventUrl', 'clickedLinkMatchedBackButtonUrl', 'popStateEventUrl'];
     }
+    // @Trace()
     onRouterStarted(event) {
         this.ignore(event);
     }
+    // @Trace()
     onRouterCancelled(event) {
         if (event.url === this.clickedLinkUrl) {
             this.context.transitionTo(new WaitForLinkSameAsBackToPlayOut(this.context, this.startingUrl, this.clickedLinkUrl));
@@ -6357,18 +6146,6 @@ class WaitUntilLinkTriggeredNavigationInteractionCancellationTypeDetermined exte
         });
     }
 }
-__decorate([
-    Trace(),
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", [NavigationStart]),
-    __metadata("design:returntype", void 0)
-], WaitUntilLinkTriggeredNavigationInteractionCancellationTypeDetermined.prototype, "onRouterStarted", null);
-__decorate([
-    Trace(),
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", [NavigationCancel]),
-    __metadata("design:returntype", void 0)
-], WaitUntilLinkTriggeredNavigationInteractionCancellationTypeDetermined.prototype, "onRouterCancelled", null);
 class WaitForLinkSameAsBackToPlayOut extends EventCleanUpSession {
     constructor(context, startingUrl, clickedLinkUrl) {
         super(context, startingUrl);
@@ -6615,6 +6392,140 @@ var PlaceAccessGuard;
     PlaceAccessGuard.NoAuth = NoAuth;
 })(PlaceAccessGuard || (PlaceAccessGuard = {}));
 
+class PlaceHistory {
+    constructor() {
+        this._archive = new Map();
+        this.placeHistoryDepth = 4;
+    }
+    notifyNavigationStarted() {
+        if (this._activeVisits) {
+            this.archive(this._activeVisits.visits);
+            this._previousVisits = this._activeVisits;
+        }
+    }
+    notifyNavigationFinished(visits) {
+        this._activeVisits = new PlaceHistory.VisitRecord(visits);
+    }
+    updateVisit(visit) {
+        assert.isTruthy(this._activeVisits);
+        this._activeVisits.update(visit);
+    }
+    lastVisitIncluded(placeDef) {
+        var _a;
+        return !!((_a = this._previousVisits) === null || _a === void 0 ? void 0 : _a.getVisitFor(placeDef));
+    }
+    getMostRecentVisitFor(placeDef) {
+        return ___default.first(this.getHistory(placeDef));
+    }
+    getHistory(placeDef) {
+        let history = this._archive.get(placeDef);
+        if (!history) {
+            history = [];
+            this.setHistory(placeDef, history);
+        }
+        return history;
+    }
+    setHistory(placeDef, history) {
+        this._archive.set(placeDef, history);
+    }
+    archive(visits) {
+        visits.forEach(state => {
+            const history = this.getHistory(state.placeDefinition);
+            const previousState = ___default.first(history);
+            if (!previousState || state.hasChangedFrom(previousState)) {
+                history.unshift(state); // LIFO
+                this.setHistory(state.placeDefinition, history.slice(0, this.placeHistoryDepth));
+            }
+        });
+    }
+}
+PlaceHistory.ɵprov = i0.ɵɵdefineInjectable({ factory: function PlaceHistory_Factory() { return new PlaceHistory(); }, token: PlaceHistory, providedIn: "root" });
+PlaceHistory.decorators = [
+    { type: Injectable, args: [{
+                providedIn: 'root'
+            },] }
+];
+PlaceHistory.ctorParameters = () => [];
+(function (PlaceHistory) {
+    class VisitRecord {
+        constructor(visits) {
+            this.visits = visits;
+        }
+        update(visit) {
+            this.visits = this.visits.filter(v => v.placeDefinition !== visit.placeDefinition).concat(visit);
+        }
+        getVisitFor(placeDef) {
+            return this.visits.find(v => v.placeDefinition === placeDef);
+        }
+    }
+    PlaceHistory.VisitRecord = VisitRecord;
+    // export class Query {
+    //   private _history: Visit.State[];
+    //   private _places: Place[];
+    //   private _predicate: (visit: any) => boolean;
+    //   private _limit: number;
+    //
+    //   constructor(history, limit = history.length) {
+    //     this._history = history;
+    //     this._places = [];
+    //     this._predicate = (visit => true);
+    //     this._limit = limit;
+    //   }
+    //
+    //   to(...places:Place[]):this {
+    //     this._places = places;
+    //     return this;
+    //   }
+    //
+    //   with(parameters: { [parameter: string]: any }): this {
+    //     this.matching(state => {
+    //       return Object.keys(parameters).reduce((acc, key) => {
+    //         const matchValue = parameters[key];
+    //         const visitValue = state.get(key);
+    //         const matched = matchValue === '*' ? !_.isNil(visitValue) : visitValue == matchValue;
+    //         // Logger.get(this).info(`matched=${matched}`, parameters, visitValue);
+    //         return acc && matched;
+    //       }, true);
+    //     });
+    //     return this;
+    //   }
+    //
+    //   last(): Visit.State {
+    //     return _.findLast(this._history, visit => this._matches(visit))
+    //   }
+    //
+    //   // @trace
+    //   allThatMatch(): Visit.State[] {
+    //     return _.filter(this._history, visit => this._matches(visit)).slice(-this._limit);
+    //   }
+    //
+    //   // @trace
+    //   mostRecentValueOf<T=any>(param: string, defaultValue: T = null): T {
+    //     const lastStateWithParam = _.findLast(this.allThatMatch(), state => !_.isNil(state.get(param)));
+    //     return _.isNil(lastStateWithParam) ? defaultValue : lastStateWithParam.get(param);
+    //   }
+    //
+    //   limit(limit: number): this {
+    //     this._limit = limit;
+    //     return this;
+    //   }
+    //
+    //   matching(predicate: (visit: Visit.State) => boolean): this {
+    //     this._predicate = predicate;
+    //     return this;
+    //   }
+    //
+    //   _matches(visit: Visit.State) {
+    //     return this._isPlaceMatch(visit) && this._predicate(visit);
+    //   }
+    //
+    //   _isPlaceMatch(visit: Visit.State) {
+    //     return this._places.length < 1 || this._places.includes(visit.place)
+    //   }
+    //
+    // }
+})(PlaceHistory || (PlaceHistory = {}));
+
 class UrlSnapshot {
     // TODO: Update this accept a url Parser so it can be immutable and generate new trees on mutation using toString() are parseUrl.
     constructor(urlSerializer, url) {
@@ -7087,6 +6998,70 @@ PlaceRouter.ctorParameters = () => [
     PlaceRouter.State = State;
 })(PlaceRouter || (PlaceRouter = {}));
 
+class Visit {
+    constructor(placeDefinition, visitParameters = {}) {
+        this.placeDefinition = placeDefinition;
+        this.visitParameters = visitParameters;
+    }
+    // @Trace()
+    getRouteId() {
+        return this.placeDefinition.getRouteIdFrom(this);
+    }
+    // @Trace()
+    hasRouteId() {
+        return !_.isNil(this.getRouteId());
+    }
+    /**
+     * Returns the value of the place parameter with the specified name.  The parameter
+     * name is taken from the `as` option, e.g. {as: 'aCustomName'} otherwise it is the
+     * same as the the ValueModel property name.
+     * @param parameterName the field name of the property model or the `as` option if specified.
+     */
+    getParameter(parameterName) {
+        return this.visitParameters[parameterName];
+    }
+    // @Trace()
+    hasParameter(parameterName) {
+        return Object.keys(this.visitParameters).includes(parameterName);
+    }
+    replace(parameter, value) {
+        return new Visit(this.placeDefinition, Object.assign(Object.assign({}, this.visitParameters), { [parameter.name]: value }));
+    }
+    mergeRouteParameters(routeParams) {
+        // todo: whitelist parameters.
+        const routeParameterKeys = Object.keys(routeParams);
+        const params = {};
+        this.placeDefinition.getVisitParameterDefs().forEach(def => {
+            if (def.isRouteId || def.isRouteParameter) {
+                if (routeParameterKeys.includes(def.name)) {
+                    params[def.name] = routeParams[def.name];
+                }
+            }
+            else {
+                // copy non route params as is, but only if they already exist otherwise we'll inject nil values and break the
+                // defaults and remember sanitisation process.
+                const value = this.getParameter(def.name);
+                if (this.hasParameter(def.name)) {
+                    params[def.name] = value;
+                }
+            }
+        });
+        return new Visit(this.placeDefinition, params);
+    }
+    hasRoutingChangedFrom(other) {
+        const samePlace = other.placeDefinition === this.placeDefinition;
+        const sameRouteParameters = _.isEqual(this.placeDefinition.getFormattedRouteParameters(this, true), this.placeDefinition.getFormattedRouteParameters(other, true));
+        return !samePlace || !sameRouteParameters;
+    }
+    hasChangedFrom(other) {
+        const sameNonRouteParameters = _.isEqual(this.placeDefinition.getNonRouteParameters(this), this.placeDefinition.getNonRouteParameters(other));
+        return !sameNonRouteParameters || this.hasRoutingChangedFrom(other);
+    }
+    toDebugString() {
+        return Object.keys(this.visitParameters).map(k => `${k}=${this.visitParameters[k]}`).join(',');
+    }
+}
+
 const AUP_PLACE_CONFIG = new InjectionToken('AUP_PLACE_CONFIG');
 
 class NotAuthorisedNoticeComponent {