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

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

@@ -5291,6 +5291,204 @@ 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;
@@ -5309,7 +5507,6 @@ 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)) {
@@ -5330,6 +5527,12 @@ 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() {
@@ -5527,7 +5730,6 @@ 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);
@@ -5548,18 +5750,17 @@ 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);
             }
         }));
@@ -5584,6 +5785,18 @@ 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),
@@ -6402,140 +6615,6 @@ 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) {
@@ -7008,70 +7087,6 @@ 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 {
@@ -7996,18 +8011,25 @@ var Formatter;
     Formatter.BOOLEAN = new BooleanType();
 })(Formatter || (Formatter = {}));
 
-function installMechanics(prototype, propertyKey, backingModel, tagPrefix, isEmpty) {
-    const mechanics = {
-        backingModel: backingModel,
-        binding: null
-    };
-    const tag = `${tagPrefix}(${prototype.constructor.name}.${propertyKey.toString()})`;
-    DebugContext.getOrCreate(mechanics.backingModel).tag(tag);
+function installMechanics(prototype, propertyKey, backingModelFactory, tagPrefix, isEmpty) {
+    function getMechanics(instance, propertyName) {
+        const key = `__mechanics_${propertyName.toString()}`;
+        if (!instance[key]) {
+            instance[key] = {
+                backingModel: backingModelFactory(),
+                binding: null
+            };
+            const tag = `${tagPrefix}(${prototype.constructor.name}.${propertyKey.toString()})`;
+            DebugContext.getOrCreate(instance[key].backingModel).tag(tag);
+        }
+        return instance[key];
+    }
     Object.defineProperty(prototype, propertyKey, {
         get: function () {
-            return mechanics.backingModel;
+            return getMechanics(this, propertyKey).backingModel;
         },
         set: function (userModel) {
+            const mechanics = getMechanics(this, propertyKey);
             // This handles the scenario where we want to push an existing value model (such as a form model)
             // to and from the route.
             if (mechanics.binding) {
@@ -8036,7 +8058,7 @@ function RouteId(type, options) {
     return (prototype, propertyKey) => {
         const param = new ParameterDefinition.RouteId(propertyKey.toString(), options, type);
         Klass.get(prototype).addToOwnMetadataList(ROUTE_PARAMETER_LIST_KEY, param);
-        installMechanics(prototype, propertyKey, new MutableValueModel(), '@RouteId', m => m.query().isNil());
+        installMechanics(prototype, propertyKey, () => new MutableValueModel(), '@RouteId', m => m.query().isNil());
     };
 }
 function VisitParameter(options) {
@@ -8044,7 +8066,7 @@ function VisitParameter(options) {
     return (prototype, propertyKey) => {
         const param = new ParameterDefinition.ValueParameter(propertyKey.toString(), options, opts.getOptional('storeInUrl', null));
         Klass.get(prototype).addToOwnMetadataList(ROUTE_PARAMETER_LIST_KEY, param);
-        installMechanics(prototype, propertyKey, new MutableValueModel(), '@VisitParameter', m => m.query().isNil());
+        installMechanics(prototype, propertyKey, () => new MutableValueModel(), '@VisitParameter', m => m.query().isNil());
     };
 }
 function VisitParameterList(options) {
@@ -8052,7 +8074,7 @@ function VisitParameterList(options) {
     return (prototype, propertyKey) => {
         const param = new ParameterDefinition.ArrayParameter(propertyKey.toString(), options, opts.getOptional('storeInUrl', null));
         Klass.get(prototype).addToOwnMetadataList(ROUTE_PARAMETER_LIST_KEY, param);
-        installMechanics(prototype, propertyKey, new MutableListModel(), '@VisitParameterList', m => m.query().isEmpty());
+        installMechanics(prototype, propertyKey, () => new MutableListModel(), '@VisitParameterList', m => m.query().isEmpty());
     };
 }