@coolon/angular-ui-powerups 0.0.84 → 0.0.86

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

@@ -7,7 +7,7 @@ import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 import { __extends, __decorate, __metadata, __assign, __awaiter, __generator, __spread } from 'tslib';
 import { assert, UnaryCommand, lang, Dsl, GarbageCollector, Logger, DelegatingFormValueModel, UseDelegate, ValueModel, ListModel, StoreInListModel, DelegatingValueModel, MutableStream, MutableListModel, DelegatingListModel, StoreInValueModel, Binding, MutableValueModel, Trace, Guard as Guard$1, Command, OptionsHelper, ValueHolder } from '@coolon/pectin';
 import { PortalModule } from '@angular/cdk/portal';
-import { Router, RouterModule, UrlSegment, NavigationStart, NavigationEnd, NavigationError, RouterOutlet, ActivatedRouteSnapshot, RouterStateSnapshot, UrlSerializer } from '@angular/router';
+import { Router, RouterModule, UrlSegment, NavigationStart, NavigationEnd, NavigationError, ActivatedRouteSnapshot, RouterStateSnapshot, UrlSerializer } from '@angular/router';
 import ___default, { last, isNil, isEqual } from 'lodash';
 import { assert as assert$1, Opts, Klass } from '@coolon/typescript-utilities';
 import { MatDialogConfig, MAT_DIALOG_DEFAULT_OPTIONS, MatDialog as MatDialog$1 } from '@angular/material/dialog';
@@ -4289,7 +4289,7 @@ var PlaceOutletComponent = /** @class */ (function (_super) {
         _this._inRouteVisitUpdate = new Guard$1();
         _this._activatedRouteModel = new MutableValueModel();
         _this._placeDefinition = new MutableValueModel();
-        _this.isOnInitialPlace = true;
+        _this.initialPlaceIndex = null;
         var _a = 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 MutableValueModel(parentOutlet);
         _this._activePlaceVisitModel.setDelegate(new MutableValueModel());
@@ -4312,17 +4312,21 @@ var PlaceOutletComponent = /** @class */ (function (_super) {
         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 (isNil(_this.initialPlaceIndex)) {
+                    _this.initialPlaceIndex = placeIndex;
+                }
+            }
+            return 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
@@ -4363,6 +4367,19 @@ var PlaceOutletComponent = /** @class */ (function (_super) {
      */
     function () {
     };
+    // @Trace()
+    // @Trace()
+    /**
+     * @return {?}
+     */
+    PlaceOutletComponent.prototype.getAnimationOrder = 
+    // @Trace()
+    /**
+     * @return {?}
+     */
+    function () {
+        return this.placeAnimationOrder.value;
+    };
     Object.defineProperty(PlaceOutletComponent.prototype, "animationDuration", {
         get: /**
          * @return {?}
@@ -4373,16 +4390,20 @@ var PlaceOutletComponent = /** @class */ (function (_super) {
         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
         });
@@ -4397,10 +4418,14 @@ var PlaceOutletComponent = /** @class */ (function (_super) {
         enumerable: true,
         configurable: true
     });
+    // @Trace()
+    // @Trace()
     /**
      * @return {?}
      */
-    PlaceOutletComponent.prototype.pushRouteChangesToVisit = /**
+    PlaceOutletComponent.prototype.pushRouteChangesToVisit = 
+    // @Trace()
+    /**
      * @return {?}
      */
     function () {
@@ -4411,7 +4436,7 @@ var PlaceOutletComponent = /** @class */ (function (_super) {
             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((/**
@@ -4457,12 +4482,16 @@ var PlaceOutletComponent = /** @class */ (function (_super) {
         enumerable: true,
         configurable: true
     });
+    // @Trace()
+    // @Trace()
     /**
      * @param {?} routerOutlet
      * @param {?} place
      * @return {?}
      */
-    PlaceOutletComponent.prototype.onOutletActivated = /**
+    PlaceOutletComponent.prototype.onOutletActivated = 
+    // @Trace()
+    /**
      * @param {?} routerOutlet
      * @param {?} place
      * @return {?}
@@ -4491,10 +4520,14 @@ var PlaceOutletComponent = /** @class */ (function (_super) {
             this.animationDone();
         }
     };
+    // @Trace()
+    // @Trace()
     /**
      * @return {?}
      */
-    PlaceOutletComponent.prototype.onOutletDeactivated = /**
+    PlaceOutletComponent.prototype.onOutletDeactivated = 
+    // @Trace()
+    /**
      * @return {?}
      */
     function () {
@@ -4503,26 +4536,33 @@ var PlaceOutletComponent = /** @class */ (function (_super) {
          * @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 () {
@@ -4533,7 +4573,7 @@ var PlaceOutletComponent = /** @class */ (function (_super) {
     PlaceOutletComponent.decorators = [
         { type: 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}"]
                 }] }
@@ -4560,42 +4600,6 @@ var PlaceOutletComponent = /** @class */ (function (_super) {
         StoreInListModel('customPlaceAnimationOrderModel'),
         __metadata("design:type", Array)
     ], PlaceOutletComponent.prototype, "customPlaceAnimationOrder", void 0);
-    __decorate([
-        Trace(),
-        __metadata("design:type", Function),
-        __metadata("design:paramtypes", [Visit]),
-        __metadata("design:returntype", void 0)
-    ], PlaceOutletComponent.prototype, "navigate", null);
-    __decorate([
-        Trace(),
-        __metadata("design:type", Function),
-        __metadata("design:paramtypes", []),
-        __metadata("design:returntype", void 0)
-    ], PlaceOutletComponent.prototype, "pushRouteChangesToVisit", null);
-    __decorate([
-        Trace(),
-        __metadata("design:type", Function),
-        __metadata("design:paramtypes", [RouterOutlet, PlaceComponent]),
-        __metadata("design:returntype", void 0)
-    ], PlaceOutletComponent.prototype, "onOutletActivated", null);
-    __decorate([
-        Trace(),
-        __metadata("design:type", Function),
-        __metadata("design:paramtypes", []),
-        __metadata("design:returntype", void 0)
-    ], PlaceOutletComponent.prototype, "onOutletDeactivated", null);
-    __decorate([
-        Trace(),
-        __metadata("design:type", Function),
-        __metadata("design:paramtypes", []),
-        __metadata("design:returntype", void 0)
-    ], PlaceOutletComponent.prototype, "animationStarted", null);
-    __decorate([
-        Trace(),
-        __metadata("design:type", Function),
-        __metadata("design:paramtypes", []),
-        __metadata("design:returntype", void 0)
-    ], PlaceOutletComponent.prototype, "animationDone", null);
     return PlaceOutletComponent;
 }(DisposableComponent));
 if (false) {
@@ -4660,7 +4664,7 @@ if (false) {
      * @type {?}
      * @private
      */
-    PlaceOutletComponent.prototype.isOnInitialPlace;
+    PlaceOutletComponent.prototype.initialPlaceIndex;
     /**
      * @type {?}
      * @private