@coolon/angular-ui-powerups 12.4.0-alpha.0 → 12.4.0-alpha.10

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

@@ -1587,7 +1587,7 @@
         { type: i0.Component, args: [{
                     selector: 'aup-empty-state',
                     template: "\n      <div class=\"container\">\n          <ng-content></ng-content>\n      </div>\n  ",
-                    styles: [":host{display:flex;flex-direction:column;justify-content:center;align-items:center}.container{padding:var(--aup-default-padding);border:2px dashed rgba(0,0,0,.2);border-radius:5px;font-size:14px;font-weight:300}"]
+                    styles: [":host{display:flex;flex-direction:column;justify-content:center;align-items:center}.container{display:flex;flex-direction:column;align-items:stretch;padding:var(--aup-default-padding);border:2px dashed rgba(0,0,0,.2);border-radius:5px;font-size:14px;font-weight:300}"]
                 },] }
     ];
     EmptyStateComponent.ctorParameters = function () { return []; };
@@ -6993,250 +6993,6 @@
         PlaceComponent.injectDefinition = injectDefinition;
     })(exports.PlaceComponent || (exports.PlaceComponent = {}));
 
-    /**
-     * This a work around for the fact that an activated route with multiple segments doesn't
-     * include the segment params in the paramMap as well as each segment returns an empty
-     * param map even when `parameter`s has content.
-     */
-    var ConsolidatedParameterMap = /** @class */ (function () {
-        function ConsolidatedParameterMap(urlSegments, paramMap) {
-            this.paramMaps = [];
-            // TODO: can we get all our params from teh url segments? If so we can drop the paramMap altogether.
-            var segmentParams = (urlSegments || []).map(function (s) { return new ParamMapAdapter(s.parameters); });
-            this.paramMaps = segmentParams
-                .concat(paramMap)
-                .filter(function (m) { return !!m; }); // the activated route param map can be null
-        }
-        ConsolidatedParameterMap.prototype.get = function (name) {
-            var paramMap = this.paramMaps.find(function (m) { return m.has(name); });
-            return paramMap.get(name);
-        };
-        ConsolidatedParameterMap.prototype.getAll = function (name) {
-            var paramMap = this.paramMaps.find(function (m) { return m.has(name); });
-            return paramMap.getAll(name);
-        };
-        ConsolidatedParameterMap.prototype.has = function (name) {
-            return !!this.paramMaps.find(function (m) { return m.has(name); });
-        };
-        Object.defineProperty(ConsolidatedParameterMap.prototype, "keys", {
-            get: function () {
-                return this.paramMaps.reduce(function (result, params) { return result.concat(params.keys); }, []);
-            },
-            enumerable: false,
-            configurable: true
-        });
-        return ConsolidatedParameterMap;
-    }());
-    __decorate([
-        src.Memoize(),
-        __metadata("design:type", Array),
-        __metadata("design:paramtypes", [])
-    ], ConsolidatedParameterMap.prototype, "keys", null);
-    var ParamMapAdapter = /** @class */ (function () {
-        function ParamMapAdapter(params) {
-            this.params = params;
-        }
-        ParamMapAdapter.prototype.get = function (name) {
-            return this.params[name];
-        };
-        ParamMapAdapter.prototype.getAll = function (name) {
-            var value = this.get(name);
-            return Array.isArray(value) ? value : [value];
-        };
-        ParamMapAdapter.prototype.has = function (name) {
-            return this.keys.includes(name);
-        };
-        Object.defineProperty(ParamMapAdapter.prototype, "keys", {
-            get: function () {
-                return Object.keys(this.params);
-            },
-            enumerable: false,
-            configurable: true
-        });
-        return ParamMapAdapter;
-    }());
-
-    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 parameterDef the visit parameter definition
-         */
-        Visit.prototype.getParameterValue = function (parameterDef) {
-            return this.visitParameters[parameterDef.name];
-        };
-        // @Trace()
-        Visit.prototype.hasParameter = function (parameterDef) {
-            return Object.keys(this.visitParameters).includes(parameterDef.name);
-        };
-        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.getParameterValue(def);
-                    if (_this.hasParameter(def)) {
-                        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;
-    }());
-
-    function extractPrimarySegments(urlTree) {
-        return urlTree.root.children.primary.segments;
-    }
-    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) {
-            this.urlSerializer = urlSerializer;
-            this.url = url;
-            this.urlTree = urlSerializer.parse(url);
-        }
-        UrlSnapshot.prototype.updateVisitSegments = function (visit) {
-            var newUrlTree = this.urlSerializer.parse(this.url);
-            // Ugly, but it works for now.
-            var segments = __spreadArray([], __read(extractPrimarySegments(newUrlTree)));
-            var visitSegments = this.getSegmentsFor(visit);
-            var replaceAt = segments.findIndex(function (segment) { return segment.path === visitSegments[0].path; });
-            // do not use the return value, it's the items that were removed!
-            segments.splice.apply(segments, __spreadArray([replaceAt, visitSegments.length], __read(visitSegments)));
-            newUrlTree.root.children.primary.segments = segments;
-            return new UrlSnapshot(this.urlSerializer, newUrlTree.toString());
-        };
-        UrlSnapshot.prototype.getPrimarySegments = function () {
-            return extractPrimarySegments(this.urlTree);
-        };
-        /**
-         * Converts the visit into segments.  Please not that these segments are not e
-         * @param visit
-         */
-        UrlSnapshot.prototype.getSegmentsFor = function (visit) {
-            return visit.placeDefinition.hasRouteId() ?
-                [
-                    // NOTE:
-                    // It's important to attach the params to the root path and not the id.  If we attach them
-                    // to an empty id then the angular router won't match the pattern.
-                    new i1$1.UrlSegment(visit.placeDefinition.path, visit.placeDefinition.getFormattedRouteParameters(visit)),
-                    new i1$1.UrlSegment(visit.placeDefinition.getFormattedRouteId(visit), {})
-                ]
-                :
-                    [
-                        new i1$1.UrlSegment(visit.placeDefinition.path, visit.placeDefinition.getFormattedRouteParameters(visit))
-                    ];
-        };
-        UrlSnapshot.prototype.includesPathOf = function (placeDef) {
-            return this.getPrimarySegments().find(function (s) { return s.path === placeDef.path; });
-        };
-        UrlSnapshot.prototype.createVisitFor = function (placeDef) {
-            return new Visit(placeDef, new ConsolidatedParameterMap(this.getPrimarySegments()));
-        };
-        UrlSnapshot.prototype.getInteractionIds = function () {
-            var queryParam = this.urlTree.queryParams[UrlSnapshot.INTERACTION_QUERY_PARAM];
-            if (queryParam) {
-                return UrlSnapshot.parseInteractionIds(queryParam);
-            }
-            else {
-                return [];
-            }
-        };
-        UrlSnapshot.prototype.hasInteractions = function () {
-            return this.getInteractionIds().length > 0;
-        };
-        UrlSnapshot.prototype.hasInteractionIds = function (ids) {
-            return ___default['default'].isEqual(this.getInteractionIds(), ids);
-        };
-        // @Trace()
-        UrlSnapshot.prototype.updateInteractionIds = function (ids) {
-            if (ids.length === 0) {
-                return this.removeInteractionIds();
-            }
-            else {
-                var urlTree = this.urlSerializer.parse(this.url);
-                urlTree.queryParams[UrlSnapshot.INTERACTION_QUERY_PARAM] = UrlSnapshot.createPathIdFor(ids);
-                return new UrlSnapshot(this.urlSerializer, urlTree.toString());
-            }
-        };
-        // @Trace()
-        UrlSnapshot.prototype.removeInteractionIds = function () {
-            var urlTree = this.urlSerializer.parse(this.url);
-            if (urlTree.queryParams && urlTree.queryParams[UrlSnapshot.INTERACTION_QUERY_PARAM]) {
-                urlTree.queryParams = {}; //[UrlSnapshot.INTERACTION_ROUTER_OUTLET]
-            }
-            return new UrlSnapshot(this.urlSerializer, urlTree.toString());
-        };
-        UrlSnapshot.prototype.toString = function () {
-            return "UrlSnapshot(" + this.url + ")";
-        };
-        return UrlSnapshot;
-    }());
-    __decorate([
-        pectin.Trace(),
-        __metadata("design:type", Function),
-        __metadata("design:paramtypes", [Visit]),
-        __metadata("design:returntype", exports.UrlSnapshot)
-    ], exports.UrlSnapshot.prototype, "updateVisitSegments", null);
-    __decorate([
-        src.Memoize(),
-        __metadata("design:type", Function),
-        __metadata("design:paramtypes", []),
-        __metadata("design:returntype", Array)
-    ], exports.UrlSnapshot.prototype, "getPrimarySegments", null);
-    (function (UrlSnapshot) {
-        UrlSnapshot.INTERACTION_QUERY_PARAM = 'aup-interactions';
-        UrlSnapshot.INTERACTION_ID_SEPARATOR = '--';
-        function parseInteractionIds(path) {
-            return path.split(UrlSnapshot.INTERACTION_ID_SEPARATOR);
-        }
-        UrlSnapshot.parseInteractionIds = parseInteractionIds;
-        function createPathIdFor(interactionIds) {
-            return interactionIds.join(UrlSnapshot.INTERACTION_ID_SEPARATOR);
-        }
-        UrlSnapshot.createPathIdFor = createPathIdFor;
-    })(exports.UrlSnapshot || (exports.UrlSnapshot = {}));
-
     /**
      * This class handles the logic around canDeactivate for a given router state transition.  It's core responsibilities are:
      * 1. Ensure we only ask the component to deactivate once on a given navigation cycle (since visit sanitisation can result in multiple round trips to through the router.)
@@ -7287,6 +7043,7 @@
                 });
             });
         };
+        // @Trace()
         PlaceComponentDeactivationHandler.prototype.canDeactivateComponent = function (currentUrl, nextState) {
             return __awaiter(this, void 0, void 0, function () {
                 var routeIds, currentIds, canLeave;
@@ -7337,12 +7094,6 @@
         };
         return PlaceComponentDeactivationHandler;
     }());
-    __decorate([
-        pectin.Trace(),
-        __metadata("design:type", Function),
-        __metadata("design:paramtypes", [exports.UrlSnapshot, exports.UrlSnapshot]),
-        __metadata("design:returntype", Promise)
-    ], PlaceComponentDeactivationHandler.prototype, "canDeactivateComponent", null);
 
     /**
      * Transient states
@@ -8259,6 +8010,245 @@
         // }
     })(exports.PlaceHistory || (exports.PlaceHistory = {}));
 
+    /**
+     * This a work around for the fact that an activated route with multiple segments doesn't
+     * include the segment params in the paramMap as well as each segment returns an empty
+     * param map even when `parameter`s has content.
+     */
+    var ConsolidatedParameterMap = /** @class */ (function () {
+        function ConsolidatedParameterMap(urlSegments, paramMap) {
+            this.paramMaps = [];
+            // TODO: can we get all our params from teh url segments? If so we can drop the paramMap altogether.
+            var segmentParams = (urlSegments || []).map(function (s) { return new ParamMapAdapter(s.parameters); });
+            this.paramMaps = segmentParams
+                .concat(paramMap)
+                .filter(function (m) { return !!m; }); // the activated route param map can be null
+        }
+        ConsolidatedParameterMap.prototype.get = function (name) {
+            var paramMap = this.paramMaps.find(function (m) { return m.has(name); });
+            return paramMap.get(name);
+        };
+        ConsolidatedParameterMap.prototype.getAll = function (name) {
+            var paramMap = this.paramMaps.find(function (m) { return m.has(name); });
+            return paramMap.getAll(name);
+        };
+        ConsolidatedParameterMap.prototype.has = function (name) {
+            return !!this.paramMaps.find(function (m) { return m.has(name); });
+        };
+        Object.defineProperty(ConsolidatedParameterMap.prototype, "keys", {
+            get: function () {
+                return this.paramMaps.reduce(function (result, params) { return result.concat(params.keys); }, []);
+            },
+            enumerable: false,
+            configurable: true
+        });
+        return ConsolidatedParameterMap;
+    }());
+    __decorate([
+        src.Memoize(),
+        __metadata("design:type", Array),
+        __metadata("design:paramtypes", [])
+    ], ConsolidatedParameterMap.prototype, "keys", null);
+    var ParamMapAdapter = /** @class */ (function () {
+        function ParamMapAdapter(params) {
+            this.params = params;
+        }
+        ParamMapAdapter.prototype.get = function (name) {
+            return this.params[name];
+        };
+        ParamMapAdapter.prototype.getAll = function (name) {
+            var value = this.get(name);
+            return Array.isArray(value) ? value : [value];
+        };
+        ParamMapAdapter.prototype.has = function (name) {
+            return this.keys.includes(name);
+        };
+        Object.defineProperty(ParamMapAdapter.prototype, "keys", {
+            get: function () {
+                return Object.keys(this.params);
+            },
+            enumerable: false,
+            configurable: true
+        });
+        return ParamMapAdapter;
+    }());
+
+    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 parameterDef the visit parameter definition
+         */
+        Visit.prototype.getParameterValue = function (parameterDef) {
+            return this.visitParameters[parameterDef.name];
+        };
+        // @Trace()
+        Visit.prototype.hasParameter = function (parameterDef) {
+            return Object.keys(this.visitParameters).includes(parameterDef.name);
+        };
+        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.getParameterValue(def);
+                    if (_this.hasParameter(def)) {
+                        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;
+    }());
+
+    function extractPrimarySegments(urlTree) {
+        return urlTree.root.children.primary.segments;
+    }
+    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) {
+            this.urlSerializer = urlSerializer;
+            this.url = url;
+            this.urlTree = urlSerializer.parse(url);
+        }
+        // @Trace()
+        UrlSnapshot.prototype.updateVisitSegments = function (visit) {
+            var newUrlTree = this.urlSerializer.parse(this.url);
+            // Ugly, but it works for now.
+            var segments = __spreadArray([], __read(extractPrimarySegments(newUrlTree)));
+            var visitSegments = this.getSegmentsFor(visit);
+            var replaceAt = segments.findIndex(function (segment) { return segment.path === visitSegments[0].path; });
+            // do not use the return value, it's the items that were removed!
+            segments.splice.apply(segments, __spreadArray([replaceAt, visitSegments.length], __read(visitSegments)));
+            newUrlTree.root.children.primary.segments = segments;
+            return new UrlSnapshot(this.urlSerializer, newUrlTree.toString());
+        };
+        UrlSnapshot.prototype.getPrimarySegments = function () {
+            return extractPrimarySegments(this.urlTree);
+        };
+        /**
+         * Converts the visit into segments.  Please not that these segments are not e
+         * @param visit
+         */
+        UrlSnapshot.prototype.getSegmentsFor = function (visit) {
+            return visit.placeDefinition.hasRouteId() ?
+                [
+                    // NOTE:
+                    // It's important to attach the params to the root path and not the id.  If we attach them
+                    // to an empty id then the angular router won't match the pattern.
+                    new i1$1.UrlSegment(visit.placeDefinition.path, visit.placeDefinition.getFormattedRouteParameters(visit)),
+                    new i1$1.UrlSegment(visit.placeDefinition.getFormattedRouteId(visit), {})
+                ]
+                :
+                    [
+                        new i1$1.UrlSegment(visit.placeDefinition.path, visit.placeDefinition.getFormattedRouteParameters(visit))
+                    ];
+        };
+        UrlSnapshot.prototype.includesPathOf = function (placeDef) {
+            return this.getPrimarySegments().find(function (s) { return s.path === placeDef.path; });
+        };
+        UrlSnapshot.prototype.createVisitFor = function (placeDef) {
+            return new Visit(placeDef, new ConsolidatedParameterMap(this.getPrimarySegments()));
+        };
+        UrlSnapshot.prototype.getInteractionIds = function () {
+            var queryParam = this.urlTree.queryParams[UrlSnapshot.INTERACTION_QUERY_PARAM];
+            if (queryParam) {
+                return UrlSnapshot.parseInteractionIds(queryParam);
+            }
+            else {
+                return [];
+            }
+        };
+        UrlSnapshot.prototype.hasInteractions = function () {
+            return this.getInteractionIds().length > 0;
+        };
+        UrlSnapshot.prototype.hasInteractionIds = function (ids) {
+            return ___default['default'].isEqual(this.getInteractionIds(), ids);
+        };
+        // @Trace()
+        UrlSnapshot.prototype.updateInteractionIds = function (ids) {
+            if (ids.length === 0) {
+                return this.removeInteractionIds();
+            }
+            else {
+                var urlTree = this.urlSerializer.parse(this.url);
+                urlTree.queryParams[UrlSnapshot.INTERACTION_QUERY_PARAM] = UrlSnapshot.createPathIdFor(ids);
+                return new UrlSnapshot(this.urlSerializer, urlTree.toString());
+            }
+        };
+        // @Trace()
+        UrlSnapshot.prototype.removeInteractionIds = function () {
+            var urlTree = this.urlSerializer.parse(this.url);
+            if (urlTree.queryParams && urlTree.queryParams[UrlSnapshot.INTERACTION_QUERY_PARAM]) {
+                urlTree.queryParams = {}; //[UrlSnapshot.INTERACTION_ROUTER_OUTLET]
+            }
+            return new UrlSnapshot(this.urlSerializer, urlTree.toString());
+        };
+        UrlSnapshot.prototype.toString = function () {
+            return "UrlSnapshot(" + this.url + ")";
+        };
+        return UrlSnapshot;
+    }());
+    __decorate([
+        src.Memoize(),
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", []),
+        __metadata("design:returntype", Array)
+    ], exports.UrlSnapshot.prototype, "getPrimarySegments", null);
+    (function (UrlSnapshot) {
+        UrlSnapshot.INTERACTION_QUERY_PARAM = 'aup-interactions';
+        UrlSnapshot.INTERACTION_ID_SEPARATOR = '--';
+        function parseInteractionIds(path) {
+            return path.split(UrlSnapshot.INTERACTION_ID_SEPARATOR);
+        }
+        UrlSnapshot.parseInteractionIds = parseInteractionIds;
+        function createPathIdFor(interactionIds) {
+            return interactionIds.join(UrlSnapshot.INTERACTION_ID_SEPARATOR);
+        }
+        UrlSnapshot.createPathIdFor = createPathIdFor;
+    })(exports.UrlSnapshot || (exports.UrlSnapshot = {}));
+
     var UrlService = /** @class */ (function () {
         function UrlService(angularRouter, angularLocation, urlSerializer) {
             this.angularRouter = angularRouter;