@coolon/angular-ui-powerups 12.4.0-alpha.45 → 12.4.0-alpha.47

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

@@ -2535,24 +2535,32 @@
     ];
     ScrollContainerComponent.ctorParameters = function () { return []; };
 
-    var SectionHeaderComponent = /** @class */ (function () {
+    var SectionHeaderComponent = /** @class */ (function (_super) {
+        __extends(SectionHeaderComponent, _super);
         function SectionHeaderComponent() {
-            this.underline = false;
+            var _this = _super.call(this) || this;
+            // readonly i18n = I18nMarsUi.components.layout.header;
+            _this.size = 'medium';
+            _this.borderTop = false;
+            _this.borderBottom = false;
+            return _this;
         }
         SectionHeaderComponent.prototype.ngOnInit = function () {
         };
         return SectionHeaderComponent;
-    }());
+    }(DisposableComponent));
     SectionHeaderComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'aup-section-header',
-                    template: "<ng-content></ng-content>\n",
-                    styles: [":host{--def-border-bottom-color:var(--border-bottom-color,rgba(0,0,0,0.07));display:block;padding:8px 16px;font-size:12px;line-height:12px;color:rgba(0,0,0,.5)}:host.underline{border-bottom:1px solid var(--def-border-bottom-color)}"]
+                    template: "<span class=\"container-start\"><ng-content select=\"[header-start]\"></ng-content><ng-content></ng-content></span>\n<span class=\"container-middle\"><ng-content select=\"[header-center]\"></ng-content></span>\n<span class=\"container-end\"><ng-content select=\"[header-end]\"></ng-content></span>\n",
+                    styles: [":host{display:flex;flex-direction:row;align-items:center;--resolved-padding:var(--padding,var(--default-padding));--resolved-padding-right:var(--padding-right,calc(var(--default-padding)/2));padding-left:var(--resolved-padding);padding-right:var(--resolved-padding-right);box-sizing:border-box}:host.has-back-button{padding-left:0}:host.toolbar{height:56px;min-height:56px}:host.toolbar span{font-weight:500;font-size:18px;color:rgba(0,0,0,.67)}:host.large{height:48px;min-height:48px}:host.large span{font-weight:500;font-size:14px;color:rgba(0,0,0,.67)}:host.medium{height:48px;min-height:48px}:host.medium span{font-weight:500;font-size:13px;color:rgba(0,0,0,.67)}:host.small{height:30px;min-height:30px}:host.small span{font-weight:300;font-size:12px;color:rgba(0,0,0,.67)}:host.border-top{border-top:var(--pinstripe-border)}:host.border-bottom{border-bottom:var(--pinstripe-border)}span{white-space:nowrap;display:inline-flex;flex-direction:row;align-items:center}span.container-start{justify-content:flex-start}span.container-middle{justify-content:center;flex:1;width:0;overflow:hidden}span.container-end{justify-content:flex-end}"]
                 },] }
     ];
     SectionHeaderComponent.ctorParameters = function () { return []; };
     SectionHeaderComponent.propDecorators = {
-        underline: [{ type: i0.Input }, { type: i0.HostBinding, args: ['class.underline',] }]
+        size: [{ type: i0.Input }, { type: i0.HostBinding, args: ['class',] }],
+        borderTop: [{ type: i0.Input }, { type: i0.HostBinding, args: ['class.border-top',] }],
+        borderBottom: [{ type: i0.Input }, { type: i0.HostBinding, args: ['class.border-bottom',] }]
     };
 
     var SwitchCaseOption = /** @class */ (function () {
@@ -9025,6 +9033,9 @@
         { type: i1$1.UrlSerializer }
     ]; };
 
+    function asArray(item) {
+        return Array.isArray(item) ? item : [item];
+    }
     exports.PlaceRouter = /** @class */ (function (_super) {
         __extends(PlaceRouter, _super);
         function PlaceRouter(angularRouter, angularLocation, interactionService, urlService, placeHistory) {
@@ -9204,17 +9215,15 @@
         };
         PlaceRouter.prototype.navigate = function (visit, options) {
             var _this = this;
+            var commands = asArray(visit).reduce(function (result, v) {
+                return __spreadArray(__spreadArray(__spreadArray([], __read(result)), [v.placeDefinition.path]), __read(_this.createRouteParameters(v)));
+            }, []);
             return this.doNavigation(visit, function (router) { return __awaiter(_this, void 0, void 0, function () {
-                var commands;
                 return __generator(this, function (_a) {
                     switch (_a.label) {
-                        case 0:
-                            commands = __spreadArray([
-                                visit.placeDefinition.path
-                            ], __read(this.createRouteParameters(visit)));
-                            return [4 /*yield*/, this.angularRouter.navigate(commands, {
-                                    relativeTo: options ? options.relativeTo : null
-                                })];
+                        case 0: return [4 /*yield*/, this.angularRouter.navigate(commands, {
+                                relativeTo: options ? options.relativeTo : null
+                            })];
                         case 1:
                             _a.sent();
                             return [2 /*return*/];
@@ -9233,7 +9242,7 @@
                                 pectin.lang.illegalState('Navigation already in progress');
                             }
                             navigation = this.createNavigationSession(this.urlService.getCurrentRouterUrl());
-                            navigation.storeVisit(visit);
+                            asArray(visit).forEach(function (v) { return navigation.storeVisit(v); });
                             this.transitionTo(navigation);
                             _a.label = 1;
                         case 1: