@coolon/angular-ui-powerups 0.0.76 → 0.0.78

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

@@ -1676,6 +1676,7 @@ var ActivityContainerComponent = /** @class */ (function (_super) {
      */
     function (activityType, data) {
         var _this = this;
+        this.cleanupStaleNestedActivities();
         /** @type {?} */
         var self = this;
         return new Promise((/**
@@ -1777,10 +1778,7 @@ var ActivityContainerComponent = /** @class */ (function (_super) {
      * @return {?}
      */
     function () {
-        // don't do anything if job already queued up.
-        if (this.synchroniseSelectedTabIndex()) {
-            this.cleanupStaleNestedActivities();
-        }
+        this.synchroniseSelectedTabIndex();
         this.updateActivityList();
     };
     // @Trace()
@@ -3729,8 +3727,7 @@ if (false) {
  * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 var PlaceHistory = /** @class */ (function () {
-    function PlaceHistory(router) {
-        this.router = router;
+    function PlaceHistory() {
         this._history = new Map();
     }
     // @Trace()
@@ -3749,7 +3746,7 @@ var PlaceHistory = /** @class */ (function () {
         /** @type {?} */
         var history = this.getHistory(state.placeDefinition);
         /** @type {?} */
-        var previousState = ___default.last(history);
+        var previousState = ___default.first(history);
         if (!previousState || state.hasChangedFrom(previousState)) {
             history.unshift(state); // LIFO
             this.setHistory(state.placeDefinition, history.slice(0, 3)); // limit our history to 4 visits
@@ -3793,10 +3790,8 @@ var PlaceHistory = /** @class */ (function () {
                 },] }
     ];
     /** @nocollapse */
-    PlaceHistory.ctorParameters = function () { return [
-        { type: Router }
-    ]; };
-    /** @nocollapse */ PlaceHistory.ngInjectableDef = ɵɵdefineInjectable({ factory: function PlaceHistory_Factory() { return new PlaceHistory(ɵɵinject(Router)); }, token: PlaceHistory, providedIn: "root" });
+    PlaceHistory.ctorParameters = function () { return []; };
+    /** @nocollapse */ PlaceHistory.ngInjectableDef = ɵɵdefineInjectable({ factory: function PlaceHistory_Factory() { return new PlaceHistory(); }, token: PlaceHistory, providedIn: "root" });
     return PlaceHistory;
 }());
 if (false) {
@@ -3805,11 +3800,6 @@ if (false) {
      * @private
      */
     PlaceHistory.prototype._history;
-    /**
-     * @type {?}
-     * @private
-     */
-    PlaceHistory.prototype.router;
 }
 
 /**
@@ -4466,7 +4456,7 @@ var PlaceOutletComponent = /** @class */ (function (_super) {
                     selector: 'aup-place-outlet',
                     template: "<div class=\"router-outlet-container\"\n     [@routeAnimations]=\"placeAnimationOrder.value\"\n     (@routeAnimations.done)=\"animationDone()\"\n>\n  <router-outlet #routerOutlet=\"outlet\"\n                 (activate)=\"onOutletActivated(routerOutlet, $event)\"\n                 (deactivate)=\"onOutletDeactivated(routerOutlet, $event)\">\n  </router-outlet>\n</div>\n\n",
                     animations: [LEFT_RIGHT_PLACE_ANIMATION],
-                    styles: [":host{display:flex;flex-direction:column;min-height:0}.router-outlet-container{flex:1;display:block;position:relative;min-height:0}router-outlet{display:none}"]
+                    styles: [":host{display:flex;flex-direction:column;min-height:0;overflow-x:hidden}.router-outlet-container{flex:1;display:block;position:relative;min-height:0}router-outlet{display:none}"]
                 }] }
     ];
     /** @nocollapse */
@@ -4572,11 +4562,6 @@ var AbstractPlaceNavigationComponent = /** @class */ (function (_super) {
          * @return {?}
          */
         function (c) { return PlaceComponent.getDefinition(c); }));
-        _this.relativeToModel = chain(_this.placeOutletModel).pullValueModel((/**
-         * @param {?} o
-         * @return {?}
-         */
-        function (o) { return o.activatedRouteModel; }));
         _this.commandFactory = Command.createFactory((/**
          * @param {?} placeDefinition
          * @return {?}
@@ -4584,6 +4569,11 @@ var AbstractPlaceNavigationComponent = /** @class */ (function (_super) {
         function (placeDefinition) {
             _this.placeOutlet.navigate(new Visit(placeDefinition));
         }));
+        _this.activePlaceDefinition = chain(_this.placeOutletModel).pullValueModel((/**
+         * @param {?} o
+         * @return {?}
+         */
+        function (o) { return o.activePlaceModel; })).pluck("placeDefinition");
         return _this;
     }
     /**
@@ -4612,6 +4602,17 @@ var AbstractPlaceNavigationComponent = /** @class */ (function (_super) {
             function () { return navItem && navItem.icon ? navItem.icon() : placeDef.getPlaceData('navIcon', null); })
         };
     };
+    /**
+     * @param {?} place
+     * @return {?}
+     */
+    AbstractPlaceNavigationComponent.prototype.isActive = /**
+     * @param {?} place
+     * @return {?}
+     */
+    function (place) {
+        return this.activePlaceDefinition.query().equals(place);
+    };
     /**
      * @return {?}
      */
@@ -4661,13 +4662,10 @@ if (false) {
     AbstractPlaceNavigationComponent.prototype.placeOutletModel;
     /** @type {?} */
     AbstractPlaceNavigationComponent.prototype.placeDefinitions;
-    /**
-     * @type {?}
-     * @protected
-     */
-    AbstractPlaceNavigationComponent.prototype.relativeToModel;
     /** @type {?} */
     AbstractPlaceNavigationComponent.prototype.commandFactory;
+    /** @type {?} */
+    AbstractPlaceNavigationComponent.prototype.activePlaceDefinition;
 }
 
 /**
@@ -4711,8 +4709,8 @@ var ListPlaceNavComponent = /** @class */ (function (_super) {
     ListPlaceNavComponent.decorators = [
         { type: Component, args: [{
                     selector: 'aup-list-place-nav',
-                    template: "<mat-nav-list class=\"app-menu\">\n  <a mat-list-item *ngFor=\"let place of placeDefinitions.value\"\n     [pectinCommand]=\"commandFactory.create(place)\"\n     routerLinkActive #rla=\"routerLinkActive\"\n     [matTooltip]=\"getNav(place).tooltip()\">\n    <mat-icon *ngIf=\"getNav(place).icon()\">{{getNav(place).icon()}}</mat-icon>\n    <span class=\"expanded-only\">{{getNav(place).title()}}</span>\n  </a>\n</mat-nav-list>\n",
-                    styles: [":host{display:flex;flex-direction:column;--expanded-width:235px;--nav-item-width:var(--nav-bar-height);width:var(--nav-item-width);transition:width 125ms linear}:host.expanded{width:var(--expanded-width);max-width:var(--expanded-width)}.expanded-only{max-width:0;overflow:hidden}.collapsed-only{max-width:100%;overflow:hidden}.header{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;height:var(--nav-bar-height);border-bottom:var(--pinstripe-border);cursor:pointer}.header .menu{flex:1}.header button{color:inherit;width:var(--nav-item-width);height:var(--nav-bar-height)}mat-nav-list{flex:1;display:flex;flex-direction:column}.mat-list-item{width:var(--nav-item-width);height:var(--nav-bar-height);color:inherit}mat-icon{color:inherit}mat-icon.flip-horizontal{transform:scaleX(-1)}:host-context(.expanded) .expanded-only{max-width:100%}:host-context(.expanded) .collapsed-only{max-width:0}:host-context(.expanded) .mat-list-item mat-icon{margin-right:12px}:host-context(.expanded) .mat-list-item span{text-wrap:none;white-space:nowrap}a[ng-reflect-router-link=manage-instruments] mat-icon{transform:rotate(90deg)}.app-menu{padding-top:0}"]
+                    template: "<mat-nav-list class=\"app-menu\">\n  <a mat-list-item *ngFor=\"let placeDefinition of placeDefinitions.value\"\n     [pectinCommand]=\"commandFactory.create(placeDefinition)\"\n     [class.active]=\"isActive(placeDefinition)\"\n     [matTooltip]=\"getNav(placeDefinition).tooltip()\">\n    <mat-icon *ngIf=\"getNav(placeDefinition).icon()\">{{getNav(placeDefinition).icon()}}</mat-icon>\n    <span class=\"expanded-only\">{{getNav(placeDefinition).title()}}</span>\n  </a>\n</mat-nav-list>\n",
+                    styles: [":host{display:flex;flex-direction:column;--expanded-width:235px;--nav-item-width:var(--nav-bar-height);width:var(--nav-item-width);transition:width 125ms linear}:host.expanded{width:var(--expanded-width);max-width:var(--expanded-width)}.expanded-only{max-width:0;overflow:hidden}.collapsed-only{max-width:100%;overflow:hidden}.header{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;height:var(--nav-bar-height);border-bottom:var(--pinstripe-border);cursor:pointer}.header .menu{flex:1}.header button{color:inherit;width:var(--nav-item-width);height:var(--nav-bar-height)}mat-nav-list{flex:1;display:flex;flex-direction:column}.mat-list-item{width:var(--nav-item-width);height:var(--nav-bar-height);color:rgba(0,0,0,.6)}.mat-list-item.active{background-color:rgba(0,0,0,.1);color:rgba(0,0,0,.9)}mat-icon{color:inherit}mat-icon.flip-horizontal{transform:scaleX(-1)}:host-context(.expanded) .expanded-only{max-width:100%}:host-context(.expanded) .collapsed-only{max-width:0}:host-context(.expanded) .mat-list-item mat-icon{margin-right:12px}:host-context(.expanded) .mat-list-item span{text-wrap:none;white-space:nowrap}a[ng-reflect-router-link=manage-instruments] mat-icon{transform:rotate(90deg)}.app-menu{padding-top:0}"]
                 }] }
     ];
     /** @nocollapse */
@@ -4739,7 +4737,7 @@ var TabbedPlaceNavigationComponent = /** @class */ (function (_super) {
     TabbedPlaceNavigationComponent.decorators = [
         { type: Component, args: [{
                     selector: 'aup-tabbed-place-navigation',
-                    template: "<nav mat-tab-nav-bar>\n  <a mat-tab-link *ngFor=\"let place of placeDefinitions.value\"\n     [pectinCommand]=\"commandFactory.create(place)\"\n     routerLinkActive #rla=\"routerLinkActive\"\n     [active]=\"rla.isActive\"\n     [matTooltip]=\"getNav(place).tooltip()\">\n    <mat-icon *ngIf=\"getNav(place).icon()\">{{getNav(place).icon()}}</mat-icon>\n    <span>{{getNav(place).title()}}</span>\n  </a>\n</nav>\n",
+                    template: "<nav mat-tab-nav-bar>\n  <a mat-tab-link *ngFor=\"let placeDefinition of placeDefinitions.value\"\n     [pectinCommand]=\"commandFactory.create(placeDefinition)\"\n     [active]=\"isActive(placeDefinition)\"\n     [matTooltip]=\"getNav(placeDefinition).tooltip()\">\n    <mat-icon *ngIf=\"getNav(placeDefinition).icon()\">{{getNav(placeDefinition).icon()}}</mat-icon>\n    <span>{{getNav(placeDefinition).title()}}</span>\n  </a>\n</nav>\n",
                     styles: [""]
                 }] }
     ];