@coolon/angular-ui-powerups 11.0.0-alpha.10 → 11.0.0-alpha.12

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

@@ -1207,7 +1207,11 @@
     ], MoreMenuComponent.prototype, "tooltip", void 0);
 
     (function (TrackBy) {
-        TrackBy.byIndex = function (data, index) { return index; };
+        TrackBy.byIndex = function (index, item) { return index; };
+        function trackByProperty(property) {
+            return function (index, item) { return item[property]; };
+        }
+        TrackBy.trackByProperty = trackByProperty;
     })(exports.TrackBy || (exports.TrackBy = {}));
 
     exports.CommandContainer = /** @class */ (function (_super) {
@@ -8412,12 +8416,7 @@
             _this.commandFactory = pectin.Command.createFactory(function (placeDefinition) {
                 _this.placeOutlet.navigate(new Visit(placeDefinition));
             });
-            when(_this.placeOutletModel).changes(function (outlet) {
-                // NOTE: this updates during a change cycle and causes our isActiveMethod to return 2 different
-                // values in the one change detection cycle. So instead we delay the update to a different
-                // tick.
-                setTimeout(function () { return _this._activePlaceComponent.setDelegate(outlet ? outlet.activePlaceModel : null); });
-            });
+            when(_this.placeOutletModel).changes(function (outlet) { return _this.handlePlaceOutLetChanged(outlet); }, { initialValue: "triggerChange" });
             _this.activePlaceDefinition = chain(_this._activePlaceComponent).pluck('placeDefinition');
             _this.menuItems = chain(_this.placeDefinitions).map(function (d) {
                 return {
@@ -8434,6 +8433,9 @@
             // txo.observe('this.activePlaceDefinition', this.activePlaceDefinition);
             // txo.observe('this.menuItems', this.menuItems);
         }
+        AbstractPlaceNavigationComponent.prototype.handlePlaceOutLetChanged = function (outlet) {
+            this._activePlaceComponent.setDelegate(outlet ? outlet.activePlaceModel : null);
+        };
         AbstractPlaceNavigationComponent.prototype.getNavigationFace = function (placeDef) {
             var navItem = placeDef.getPlaceData('nav');
             return {
@@ -8442,9 +8444,6 @@
                 icon: function () { return navItem && navItem.icon ? navItem.icon() : placeDef.getPlaceData('navIcon', null); }
             };
         };
-        AbstractPlaceNavigationComponent.prototype.isActive = function (place) {
-            return;
-        };
         AbstractPlaceNavigationComponent.prototype.ngOnInit = function () {
         };
         return AbstractPlaceNavigationComponent;