@coolon/angular-ui-powerups 0.0.84 → 0.0.86

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

@@ -4473,7 +4473,7 @@
             _this._inRouteVisitUpdate = new pectin.Guard();
             _this._activatedRouteModel = new pectin.MutableValueModel();
             _this._placeDefinition = new pectin.MutableValueModel();
-            _this.isOnInitialPlace = true;
+            _this.initialPlaceIndex = null;
             var _a = pectin.Dsl.disposeWith(_this), chain = _a.chain, valueOf = _a.valueOf, before = _a.before, when = _a.when, after = _a.after, observe = _a.observe, switchOn = _a.switchOn;
             _this.parentOutletModel = new pectin.MutableValueModel(parentOutlet);
             _this._activePlaceVisitModel.setDelegate(new pectin.MutableValueModel());
@@ -4496,17 +4496,21 @@
             function (p) { return (/** @type {?} */ (p.constructor)); }));
             _this.placeAnimationOrder = chain(_this.customPlaceAnimationOrderModel)
                 .otherwise(defaultPlaceAnimationOrder)
-                .indexOf(activatePlaceType)
-                .map((/**
-             * @param {?} order
+                .reduce((/**
+             * @param {?} placesInOrder
              * @return {?}
              */
-            function (order) {
-                // we get -1 on the first load which triggers an animation to the first page, so alway pin it to 0
-                // if we're animating.
-                return _this.isOnInitialPlace ? 0 :
-                    _this.animate ? Math.max(order, 0) : 0;
-            }));
+            function (placesInOrder) {
+                /** @type {?} */
+                var placeIndex = 0;
+                if (activatePlaceType.value) {
+                    placeIndex = placesInOrder.indexOf(activatePlaceType.value);
+                    if (___default.isNil(_this.initialPlaceIndex)) {
+                        _this.initialPlaceIndex = placeIndex;
+                    }
+                }
+                return ___default.isNil(_this.initialPlaceIndex) ? 0 : placeIndex - _this.initialPlaceIndex;
+            }), { dependsOn: activatePlaceType });
             // Push incoming changes into the component
             _this.routerVisit = chain(_this._activePlace).pluck('placeDefinition').findIn(placeRouter.activeVisitIndex);
             // Our router visit will change when our active is nullified during deactivation, which will push a null visit
@@ -4547,6 +4551,19 @@
          */
         function () {
         };
+        // @Trace()
+        // @Trace()
+        /**
+         * @return {?}
+         */
+        PlaceOutletComponent.prototype.getAnimationOrder = 
+        // @Trace()
+        /**
+         * @return {?}
+         */
+        function () {
+            return this.placeAnimationOrder.value;
+        };
         Object.defineProperty(PlaceOutletComponent.prototype, "animationDuration", {
             get: /**
              * @return {?}
@@ -4557,16 +4574,20 @@
             enumerable: true,
             configurable: true
         });
+        // @Trace()
+        // @Trace()
         /**
          * @param {?} visit
          * @return {?}
          */
-        PlaceOutletComponent.prototype.navigate = /**
+        PlaceOutletComponent.prototype.navigate = 
+        // @Trace()
+        /**
          * @param {?} visit
          * @return {?}
          */
         function (visit) {
-            console.log({ activatedRoute: this._activatedRouteModel.value });
+            // console.log({ activatedRoute: this._activatedRouteModel.value });
             this.placeRouter.navigate(visit, {
                 relativeTo: this.parentOutlet ? this.parentOutlet.activatedRouteModel.value : null
             });
@@ -4581,10 +4602,14 @@
             enumerable: true,
             configurable: true
         });
+        // @Trace()
+        // @Trace()
         /**
          * @return {?}
          */
-        PlaceOutletComponent.prototype.pushRouteChangesToVisit = /**
+        PlaceOutletComponent.prototype.pushRouteChangesToVisit = 
+        // @Trace()
+        /**
          * @return {?}
          */
         function () {
@@ -4595,7 +4620,7 @@
                 visit: visit,
                 place: visit ? visit.placeDefinition.component : null,
                 inOutletActivation: this._inOutletActivation.value,
-                inRoutingSession: this.placeRouter.navigationSessionActive.value,
+                inRoutingSession: this.placeRouter.navigationSessionActive.value
             });
             if (visit) { // can be null while the place and index sync up
                 this._inRouteVisitUpdate.whileTrue((/**
@@ -4641,12 +4666,16 @@
             enumerable: true,
             configurable: true
         });
+        // @Trace()
+        // @Trace()
         /**
          * @param {?} routerOutlet
          * @param {?} place
          * @return {?}
          */
-        PlaceOutletComponent.prototype.onOutletActivated = /**
+        PlaceOutletComponent.prototype.onOutletActivated = 
+        // @Trace()
+        /**
          * @param {?} routerOutlet
          * @param {?} place
          * @return {?}
@@ -4675,10 +4704,14 @@
                 this.animationDone();
             }
         };
+        // @Trace()
+        // @Trace()
         /**
          * @return {?}
          */
-        PlaceOutletComponent.prototype.onOutletDeactivated = /**
+        PlaceOutletComponent.prototype.onOutletDeactivated = 
+        // @Trace()
+        /**
          * @return {?}
          */
         function () {
@@ -4687,26 +4720,33 @@
              * @return {?}
              */
             function () {
-                _this.isOnInitialPlace = false;
                 _this._activePlace.value = null;
                 _this._activatedRouteModel.value = null;
                 _this._placeDefinition.value = null;
                 _this._activePlaceVisitModel.setDelegate(null);
             }));
         };
+        // @Trace()
+        // @Trace()
         /**
          * @return {?}
          */
-        PlaceOutletComponent.prototype.animationStarted = /**
+        PlaceOutletComponent.prototype.animationStarted = 
+        // @Trace()
+        /**
          * @return {?}
          */
         function () {
             console.log({ activePlace: this._activePlace.value });
         };
+        // @Trace()
+        // @Trace()
         /**
          * @return {?}
          */
-        PlaceOutletComponent.prototype.animationDone = /**
+        PlaceOutletComponent.prototype.animationDone = 
+        // @Trace()
+        /**
          * @return {?}
          */
         function () {
@@ -4717,7 +4757,7 @@
         PlaceOutletComponent.decorators = [
             { type: core.Component, args: [{
                         selector: 'aup-place-outlet',
-                        template: "<div class=\"router-outlet-container\"\n     [@routeAnimations]=\"{value: placeAnimationOrder.value, params:{duration: animationDuration}}\"\n     (@routeAnimations.start)=\"animationStarted()\"\n     (@routeAnimations.done)=\"animationDone()\"\n>\n  <router-outlet #routerOutlet=\"outlet\"\n                 (activate)=\"onOutletActivated(routerOutlet, $event)\"\n                 (deactivate)=\"onOutletDeactivated()\">\n  </router-outlet>\n</div>\n\n",
+                        template: "<div class=\"router-outlet-container\"\n     [@routeAnimations]=\"{value: getAnimationOrder(), params:{duration: animationDuration}}\"\n     (@routeAnimations.start)=\"animationStarted()\"\n     (@routeAnimations.done)=\"animationDone()\"\n>\n  <router-outlet #routerOutlet=\"outlet\"\n                 (activate)=\"onOutletActivated(routerOutlet, $event)\"\n                 (deactivate)=\"onOutletDeactivated()\">\n  </router-outlet>\n</div>\n\n",
                         animations: [LEFT_RIGHT_PLACE_ANIMATION],
                         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}"]
                     }] }
@@ -4744,42 +4784,6 @@
             pectin.StoreInListModel('customPlaceAnimationOrderModel'),
             __metadata("design:type", Array)
         ], PlaceOutletComponent.prototype, "customPlaceAnimationOrder", void 0);
-        __decorate([
-            pectin.Trace(),
-            __metadata("design:type", Function),
-            __metadata("design:paramtypes", [Visit]),
-            __metadata("design:returntype", void 0)
-        ], PlaceOutletComponent.prototype, "navigate", null);
-        __decorate([
-            pectin.Trace(),
-            __metadata("design:type", Function),
-            __metadata("design:paramtypes", []),
-            __metadata("design:returntype", void 0)
-        ], PlaceOutletComponent.prototype, "pushRouteChangesToVisit", null);
-        __decorate([
-            pectin.Trace(),
-            __metadata("design:type", Function),
-            __metadata("design:paramtypes", [router.RouterOutlet, exports.PlaceComponent]),
-            __metadata("design:returntype", void 0)
-        ], PlaceOutletComponent.prototype, "onOutletActivated", null);
-        __decorate([
-            pectin.Trace(),
-            __metadata("design:type", Function),
-            __metadata("design:paramtypes", []),
-            __metadata("design:returntype", void 0)
-        ], PlaceOutletComponent.prototype, "onOutletDeactivated", null);
-        __decorate([
-            pectin.Trace(),
-            __metadata("design:type", Function),
-            __metadata("design:paramtypes", []),
-            __metadata("design:returntype", void 0)
-        ], PlaceOutletComponent.prototype, "animationStarted", null);
-        __decorate([
-            pectin.Trace(),
-            __metadata("design:type", Function),
-            __metadata("design:paramtypes", []),
-            __metadata("design:returntype", void 0)
-        ], PlaceOutletComponent.prototype, "animationDone", null);
         return PlaceOutletComponent;
     }(DisposableComponent));
     if (false) {
@@ -4844,7 +4848,7 @@
          * @type {?}
          * @private
          */
-        PlaceOutletComponent.prototype.isOnInitialPlace;
+        PlaceOutletComponent.prototype.initialPlaceIndex;
         /**
          * @type {?}
          * @private