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

package/bundles/coolon-angular-ui-powerups.umd.js

@@ -6248,6 +6248,212 @@
                 },] }
     ];
 
+    exports.PlaceHistory = /** @class */ (function () {
+        function PlaceHistory() {
+            this._archive = new Map();
+            this.placeHistoryDepth = 4;
+        }
+        PlaceHistory.prototype.notifyNavigationStarted = function () {
+            if (this._activeVisits) {
+                this.archive(this._activeVisits.visits);
+                this._previousVisits = this._activeVisits;
+            }
+        };
+        PlaceHistory.prototype.notifyNavigationFinished = function (visits) {
+            this._activeVisits = new PlaceHistory.VisitRecord(visits);
+        };
+        PlaceHistory.prototype.updateVisit = function (visit) {
+            pectin.assert.isTruthy(this._activeVisits);
+            this._activeVisits.update(visit);
+        };
+        PlaceHistory.prototype.lastVisitIncluded = function (placeDef) {
+            var _a;
+            return !!((_a = this._previousVisits) === null || _a === void 0 ? void 0 : _a.getVisitFor(placeDef));
+        };
+        PlaceHistory.prototype.getMostRecentVisitFor = function (placeDef) {
+            return ___default['default'].first(this.getHistory(placeDef));
+        };
+        PlaceHistory.prototype.getHistory = function (placeDef) {
+            var history = this._archive.get(placeDef);
+            if (!history) {
+                history = [];
+                this.setHistory(placeDef, history);
+            }
+            return history;
+        };
+        PlaceHistory.prototype.setHistory = function (placeDef, history) {
+            this._archive.set(placeDef, history);
+        };
+        PlaceHistory.prototype.archive = function (visits) {
+            var _this = this;
+            visits.forEach(function (state) {
+                var history = _this.getHistory(state.placeDefinition);
+                var previousState = ___default['default'].first(history);
+                if (!previousState || state.hasChangedFrom(previousState)) {
+                    history.unshift(state); // LIFO
+                    _this.setHistory(state.placeDefinition, history.slice(0, _this.placeHistoryDepth));
+                }
+            });
+        };
+        return PlaceHistory;
+    }());
+    exports.PlaceHistory.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function PlaceHistory_Factory() { return new exports.PlaceHistory(); }, token: exports.PlaceHistory, providedIn: "root" });
+    exports.PlaceHistory.decorators = [
+        { type: i0.Injectable, args: [{
+                    providedIn: 'root'
+                },] }
+    ];
+    exports.PlaceHistory.ctorParameters = function () { return []; };
+    (function (PlaceHistory) {
+        var VisitRecord = /** @class */ (function () {
+            function VisitRecord(visits) {
+                this.visits = visits;
+            }
+            VisitRecord.prototype.update = function (visit) {
+                this.visits = this.visits.filter(function (v) { return v.placeDefinition !== visit.placeDefinition; }).concat(visit);
+            };
+            VisitRecord.prototype.getVisitFor = function (placeDef) {
+                return this.visits.find(function (v) { return v.placeDefinition === placeDef; });
+            };
+            return VisitRecord;
+        }());
+        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)
+        //   }
+        //
+        // }
+    })(exports.PlaceHistory || (exports.PlaceHistory = {}));
+
+    var Visit = /** @class */ (function () {
+        function Visit(placeDefinition, visitParameters) {
+            if (visitParameters === void 0) { visitParameters = {}; }
+            this.placeDefinition = placeDefinition;
+            this.visitParameters = visitParameters;
+        }
+        // @Trace()
+        Visit.prototype.getRouteId = function () {
+            return this.placeDefinition.getRouteIdFrom(this);
+        };
+        // @Trace()
+        Visit.prototype.hasRouteId = function () {
+            return !___namespace.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.
+         */
+        Visit.prototype.getParameter = function (parameterName) {
+            return this.visitParameters[parameterName];
+        };
+        // @Trace()
+        Visit.prototype.hasParameter = function (parameterName) {
+            return Object.keys(this.visitParameters).includes(parameterName);
+        };
+        Visit.prototype.replace = function (parameter, value) {
+            var _a;
+            return new Visit(this.placeDefinition, Object.assign(Object.assign({}, this.visitParameters), (_a = {}, _a[parameter.name] = value, _a)));
+        };
+        Visit.prototype.mergeRouteParameters = function (routeParams) {
+            var _this = this;
+            // todo: whitelist parameters.
+            var routeParameterKeys = Object.keys(routeParams);
+            var params = {};
+            this.placeDefinition.getVisitParameterDefs().forEach(function (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.
+                    var value = _this.getParameter(def.name);
+                    if (_this.hasParameter(def.name)) {
+                        params[def.name] = value;
+                    }
+                }
+            });
+            return new Visit(this.placeDefinition, params);
+        };
+        Visit.prototype.hasRoutingChangedFrom = function (other) {
+            var samePlace = other.placeDefinition === this.placeDefinition;
+            var sameRouteParameters = ___namespace.isEqual(this.placeDefinition.getFormattedRouteParameters(this, true), this.placeDefinition.getFormattedRouteParameters(other, true));
+            return !samePlace || !sameRouteParameters;
+        };
+        Visit.prototype.hasChangedFrom = function (other) {
+            var sameNonRouteParameters = ___namespace.isEqual(this.placeDefinition.getNonRouteParameters(this), this.placeDefinition.getNonRouteParameters(other));
+            return !sameNonRouteParameters || this.hasRoutingChangedFrom(other);
+        };
+        Visit.prototype.toDebugString = function () {
+            var _this = this;
+            return Object.keys(this.visitParameters).map(function (k) { return k + "=" + _this.visitParameters[k]; }).join(',');
+        };
+        return Visit;
+    }());
+
     exports.ParameterDefinition = /** @class */ (function () {
         function ParameterDefinition(propertyName, options, urlFormat) {
             this.propertyName = propertyName;
@@ -6274,7 +6480,6 @@
         ParameterDefinition.prototype.getOptionValue = function (key) {
             return this.options.getOptional(key, null);
         };
-        // @Trace()
         ParameterDefinition.prototype.sanitise = function (value, visit, placeHistory, injector, isPopState) {
             return __awaiter(this, void 0, void 0, function () {
                 var returningFromSomewhereElse, lastKnownVisit;
@@ -6299,6 +6504,12 @@
         };
         return ParameterDefinition;
     }());
+    __decorate([
+        pectin.Trace(),
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [Object, Visit, exports.PlaceHistory, i0.Injector, Boolean]),
+        __metadata("design:returntype", Promise)
+    ], exports.ParameterDefinition.prototype, "sanitise", null);
     (function (ParameterDefinition) {
         var RouteId = /** @class */ (function (_super) {
             __extends(RouteId, _super);
@@ -6512,7 +6723,6 @@
             _this.childPlaces = _this.placeDefinition.children.map(function (d) { return d.component; });
             return _this;
         }
-        // @Trace()
         PlaceComponent.prototype.initialiseVisit = function (visit, notifyVisitChanged) {
             var _this = this;
             pectin.assert.isNil(this.visitModel.value);
@@ -6535,18 +6745,17 @@
         PlaceComponent.prototype.isInitialised = function () {
             return !!this.visitModel.value;
         };
-        // @Trace()
         PlaceComponent.prototype.installBinding = function (parameterDef) {
             var model = this[parameterDef.propertyName];
             pectin.DebugContext.tag(model, this.placeDefinition.component.name + "." + parameterDef.propertyName);
             var binding = this.registerDisposable(new pectin.Binding(this.visitModel, model, {
                 toRight: function (visit) {
                     var value = visit.getParameter(parameterDef.name);
-                    // console.log('push to component', { name: parameterDef.name, value, visit });
+                    console.log('push to component', { name: parameterDef.name, value: value, visit: visit });
                     return value;
                 },
                 toLeft: function (value, currentVisit) {
-                    // console.log('push to route', { name: parameterDef.name, value, currentVisit });
+                    console.log('push to route', { name: parameterDef.name, value: value, currentVisit: currentVisit });
                     return currentVisit.replace(parameterDef, value);
                 }
             }));
@@ -6580,6 +6789,18 @@
         { type: i0.Directive }
     ];
     exports.PlaceComponent.ctorParameters = function () { return []; };
+    __decorate([
+        pectin.Trace(),
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [Visit, Function]),
+        __metadata("design:returntype", void 0)
+    ], exports.PlaceComponent.prototype, "initialiseVisit", null);
+    __decorate([
+        pectin.Trace(),
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [exports.ParameterDefinition]),
+        __metadata("design:returntype", void 0)
+    ], exports.PlaceComponent.prototype, "installBinding", null);
     __decorate([
         fastMemoizeDecorator.Memoize(),
         __metadata("design:type", PlaceDefinition),
@@ -7497,143 +7718,6 @@
         PlaceAccessGuard.NoAuth = NoAuth;
     })(exports.PlaceAccessGuard || (exports.PlaceAccessGuard = {}));
 
-    exports.PlaceHistory = /** @class */ (function () {
-        function PlaceHistory() {
-            this._archive = new Map();
-            this.placeHistoryDepth = 4;
-        }
-        PlaceHistory.prototype.notifyNavigationStarted = function () {
-            if (this._activeVisits) {
-                this.archive(this._activeVisits.visits);
-                this._previousVisits = this._activeVisits;
-            }
-        };
-        PlaceHistory.prototype.notifyNavigationFinished = function (visits) {
-            this._activeVisits = new PlaceHistory.VisitRecord(visits);
-        };
-        PlaceHistory.prototype.updateVisit = function (visit) {
-            pectin.assert.isTruthy(this._activeVisits);
-            this._activeVisits.update(visit);
-        };
-        PlaceHistory.prototype.lastVisitIncluded = function (placeDef) {
-            var _a;
-            return !!((_a = this._previousVisits) === null || _a === void 0 ? void 0 : _a.getVisitFor(placeDef));
-        };
-        PlaceHistory.prototype.getMostRecentVisitFor = function (placeDef) {
-            return ___default['default'].first(this.getHistory(placeDef));
-        };
-        PlaceHistory.prototype.getHistory = function (placeDef) {
-            var history = this._archive.get(placeDef);
-            if (!history) {
-                history = [];
-                this.setHistory(placeDef, history);
-            }
-            return history;
-        };
-        PlaceHistory.prototype.setHistory = function (placeDef, history) {
-            this._archive.set(placeDef, history);
-        };
-        PlaceHistory.prototype.archive = function (visits) {
-            var _this = this;
-            visits.forEach(function (state) {
-                var history = _this.getHistory(state.placeDefinition);
-                var previousState = ___default['default'].first(history);
-                if (!previousState || state.hasChangedFrom(previousState)) {
-                    history.unshift(state); // LIFO
-                    _this.setHistory(state.placeDefinition, history.slice(0, _this.placeHistoryDepth));
-                }
-            });
-        };
-        return PlaceHistory;
-    }());
-    exports.PlaceHistory.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function PlaceHistory_Factory() { return new exports.PlaceHistory(); }, token: exports.PlaceHistory, providedIn: "root" });
-    exports.PlaceHistory.decorators = [
-        { type: i0.Injectable, args: [{
-                    providedIn: 'root'
-                },] }
-    ];
-    exports.PlaceHistory.ctorParameters = function () { return []; };
-    (function (PlaceHistory) {
-        var VisitRecord = /** @class */ (function () {
-            function VisitRecord(visits) {
-                this.visits = visits;
-            }
-            VisitRecord.prototype.update = function (visit) {
-                this.visits = this.visits.filter(function (v) { return v.placeDefinition !== visit.placeDefinition; }).concat(visit);
-            };
-            VisitRecord.prototype.getVisitFor = function (placeDef) {
-                return this.visits.find(function (v) { return v.placeDefinition === placeDef; });
-            };
-            return VisitRecord;
-        }());
-        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)
-        //   }
-        //
-        // }
-    })(exports.PlaceHistory || (exports.PlaceHistory = {}));
-
     exports.UrlSnapshot = /** @class */ (function () {
         // TODO: Update this accept a url Parser so it can be immutable and generate new trees on mutation using toString() are parseUrl.
         function UrlSnapshot(urlSerializer, url) {
@@ -8159,75 +8243,6 @@
         PlaceRouter.State = State;
     })(exports.PlaceRouter || (exports.PlaceRouter = {}));
 
-    var Visit = /** @class */ (function () {
-        function Visit(placeDefinition, visitParameters) {
-            if (visitParameters === void 0) { visitParameters = {}; }
-            this.placeDefinition = placeDefinition;
-            this.visitParameters = visitParameters;
-        }
-        // @Trace()
-        Visit.prototype.getRouteId = function () {
-            return this.placeDefinition.getRouteIdFrom(this);
-        };
-        // @Trace()
-        Visit.prototype.hasRouteId = function () {
-            return !___namespace.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.
-         */
-        Visit.prototype.getParameter = function (parameterName) {
-            return this.visitParameters[parameterName];
-        };
-        // @Trace()
-        Visit.prototype.hasParameter = function (parameterName) {
-            return Object.keys(this.visitParameters).includes(parameterName);
-        };
-        Visit.prototype.replace = function (parameter, value) {
-            var _a;
-            return new Visit(this.placeDefinition, Object.assign(Object.assign({}, this.visitParameters), (_a = {}, _a[parameter.name] = value, _a)));
-        };
-        Visit.prototype.mergeRouteParameters = function (routeParams) {
-            var _this = this;
-            // todo: whitelist parameters.
-            var routeParameterKeys = Object.keys(routeParams);
-            var params = {};
-            this.placeDefinition.getVisitParameterDefs().forEach(function (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.
-                    var value = _this.getParameter(def.name);
-                    if (_this.hasParameter(def.name)) {
-                        params[def.name] = value;
-                    }
-                }
-            });
-            return new Visit(this.placeDefinition, params);
-        };
-        Visit.prototype.hasRoutingChangedFrom = function (other) {
-            var samePlace = other.placeDefinition === this.placeDefinition;
-            var sameRouteParameters = ___namespace.isEqual(this.placeDefinition.getFormattedRouteParameters(this, true), this.placeDefinition.getFormattedRouteParameters(other, true));
-            return !samePlace || !sameRouteParameters;
-        };
-        Visit.prototype.hasChangedFrom = function (other) {
-            var sameNonRouteParameters = ___namespace.isEqual(this.placeDefinition.getNonRouteParameters(this), this.placeDefinition.getNonRouteParameters(other));
-            return !sameNonRouteParameters || this.hasRoutingChangedFrom(other);
-        };
-        Visit.prototype.toDebugString = function () {
-            var _this = this;
-            return Object.keys(this.visitParameters).map(function (k) { return k + "=" + _this.visitParameters[k]; }).join(',');
-        };
-        return Visit;
-    }());
-
     var AUP_PLACE_CONFIG = new i0.InjectionToken('AUP_PLACE_CONFIG');
 
     var NotAuthorisedNoticeComponent = /** @class */ (function () {
@@ -9268,18 +9283,25 @@
         Formatter.BOOLEAN = new BooleanType();
     })(exports.Formatter || (exports.Formatter = {}));
 
-    function installMechanics(prototype, propertyKey, backingModel, tagPrefix, isEmpty) {
-        var mechanics = {
-            backingModel: backingModel,
-            binding: null
-        };
-        var tag = tagPrefix + "(" + prototype.constructor.name + "." + propertyKey.toString() + ")";
-        pectin.DebugContext.getOrCreate(mechanics.backingModel).tag(tag);
+    function installMechanics(prototype, propertyKey, backingModelFactory, tagPrefix, isEmpty) {
+        function getMechanics(instance, propertyName) {
+            var key = "__mechanics_" + propertyName.toString();
+            if (!instance[key]) {
+                instance[key] = {
+                    backingModel: backingModelFactory(),
+                    binding: null
+                };
+                var tag = tagPrefix + "(" + prototype.constructor.name + "." + propertyKey.toString() + ")";
+                pectin.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) {
+                var 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) {
@@ -9308,7 +9330,7 @@
         return function (prototype, propertyKey) {
             var param = new exports.ParameterDefinition.RouteId(propertyKey.toString(), options, type);
             typescriptUtilities.Klass.get(prototype).addToOwnMetadataList(ROUTE_PARAMETER_LIST_KEY, param);
-            installMechanics(prototype, propertyKey, new pectin.MutableValueModel(), '@RouteId', function (m) { return m.query().isNil(); });
+            installMechanics(prototype, propertyKey, function () { return new pectin.MutableValueModel(); }, '@RouteId', function (m) { return m.query().isNil(); });
         };
     }
     function VisitParameter(options) {
@@ -9316,7 +9338,7 @@
         return function (prototype, propertyKey) {
             var param = new exports.ParameterDefinition.ValueParameter(propertyKey.toString(), options, opts.getOptional('storeInUrl', null));
             typescriptUtilities.Klass.get(prototype).addToOwnMetadataList(ROUTE_PARAMETER_LIST_KEY, param);
-            installMechanics(prototype, propertyKey, new pectin.MutableValueModel(), '@VisitParameter', function (m) { return m.query().isNil(); });
+            installMechanics(prototype, propertyKey, function () { return new pectin.MutableValueModel(); }, '@VisitParameter', function (m) { return m.query().isNil(); });
         };
     }
     function VisitParameterList(options) {
@@ -9324,7 +9346,7 @@
         return function (prototype, propertyKey) {
             var param = new exports.ParameterDefinition.ArrayParameter(propertyKey.toString(), options, opts.getOptional('storeInUrl', null));
             typescriptUtilities.Klass.get(prototype).addToOwnMetadataList(ROUTE_PARAMETER_LIST_KEY, param);
-            installMechanics(prototype, propertyKey, new pectin.MutableListModel(), '@VisitParameterList', function (m) { return m.query().isEmpty(); });
+            installMechanics(prototype, propertyKey, function () { return new pectin.MutableListModel(); }, '@VisitParameterList', function (m) { return m.query().isEmpty(); });
         };
     }