@coolon/angular-ui-powerups 0.0.80 → 0.0.81

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

@@ -3486,13 +3486,36 @@
          */
         function () {
         };
+        /**
+         * Called by the place outlet after all animations have finished.  We need this instead of ngOnDestroy
+         * to avoid the fact that the angular router calls it before the animations have run causing the component
+         * to loose any pectin bindings.
+         */
+        // @Trace()
+        /**
+         * Called by the place outlet after all animations have finished.  We need this instead of ngOnDestroy
+         * to avoid the fact that the angular router calls it before the animations have run causing the component
+         * to loose any pectin bindings.
+         * @return {?}
+         */
+        // @Trace()
+        PlaceComponent.prototype.onPlaceDestroyed = /**
+         * Called by the place outlet after all animations have finished.  We need this instead of ngOnDestroy
+         * to avoid the fact that the angular router calls it before the animations have run causing the component
+         * to loose any pectin bindings.
+         * @return {?}
+         */
+        // @Trace()
+        function () {
+            this.dispose();
+        };
         __decorate([
             fastMemoizeDecorator.Memoize(),
             __metadata("design:type", exports.PlaceDefinition),
             __metadata("design:paramtypes", [])
         ], PlaceComponent.prototype, "placeDefinition", null);
         return PlaceComponent;
-    }(DisposableComponent));
+    }(pectin.GarbageCollector));
     if (false) {
         /**
          * @type {?}
@@ -4454,9 +4477,9 @@
              * @return {?}
              */
             function (o) { return o.activePlaceModel; }))
-                .pluck("placeDefinition")
-                .pluckList("children")
-                .pluck("component");
+                .pluck('placeDefinition')
+                .pluckList('children')
+                .pluck('component');
             /** @type {?} */
             var activatePlaceType = chain(_this.activePlaceModel).map((/**
              * @param {?} p
@@ -4530,7 +4553,7 @@
              * @return {?}
              */
             function () {
-                return this.placeConfig && this.placeConfig.animationDuration ? this.placeConfig.animationDuration : "500ms";
+                return this.placeConfig && this.placeConfig.animationDuration ? this.placeConfig.animationDuration : '500ms';
             },
             enumerable: true,
             configurable: true
@@ -4594,16 +4617,12 @@
             enumerable: true,
             configurable: true
         });
-        // @Trace()
-        // @Trace()
         /**
          * @param {?} routerOutlet
          * @param {?} place
          * @return {?}
          */
-        PlaceOutletComponent.prototype.onOutletActivated = 
-        // @Trace()
-        /**
+        PlaceOutletComponent.prototype.onOutletActivated = /**
          * @param {?} routerOutlet
          * @param {?} place
          * @return {?}
@@ -4629,16 +4648,12 @@
                 this.animationDone();
             }
         };
-        // @Trace()
-        // @Trace()
         /**
          * @param {?} routerOutlet
          * @param {?} $event
          * @return {?}
          */
-        PlaceOutletComponent.prototype.onOutletDeactivated = 
-        // @Trace()
-        /**
+        PlaceOutletComponent.prototype.onOutletDeactivated = /**
          * @param {?} routerOutlet
          * @param {?} $event
          * @return {?}
@@ -4649,12 +4664,22 @@
              * @return {?}
              */
             function () {
+                _this._previousPlace = _this._activePlace.value;
                 _this.isOnInitialPlace = false;
                 _this._activePlace.value = null;
                 _this._activatedRouteModel.value = null;
                 _this._placeDefinition.value = null;
             }));
         };
+        /**
+         * @return {?}
+         */
+        PlaceOutletComponent.prototype.animationStarted = /**
+         * @return {?}
+         */
+        function () {
+            console.log({ activePlace: this._activePlace.value });
+        };
         /**
          * @return {?}
          */
@@ -4662,6 +4687,10 @@
          * @return {?}
          */
         function () {
+            console.log({ activePlace: this._activePlace.value });
+            if (this._previousPlace) {
+                this._previousPlace.onPlaceDestroyed();
+            }
             if (this._activePlace.value) {
                 this._activePlace.value.onPlaceReady();
             }
@@ -4669,7 +4698,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.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",
+                        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(routerOutlet, $event)\">\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}"]
                     }] }
@@ -4693,7 +4722,7 @@
             __metadata("design:type", pectin.ListModel)
         ], PlaceOutletComponent.prototype, "customPlaceAnimationOrderModel", void 0);
         __decorate([
-            pectin.StoreInListModel("customPlaceAnimationOrderModel"),
+            pectin.StoreInListModel('customPlaceAnimationOrderModel'),
             __metadata("design:type", Array)
         ], PlaceOutletComponent.prototype, "customPlaceAnimationOrder", void 0);
         __decorate([
@@ -4702,6 +4731,30 @@
             __metadata("design:paramtypes", [Visit]),
             __metadata("design:returntype", void 0)
         ], PlaceOutletComponent.prototype, "navigate", 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", [router.RouterOutlet, Object]),
+            __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) {
@@ -4752,6 +4805,11 @@
          * @private
          */
         PlaceOutletComponent.prototype.isOnInitialPlace;
+        /**
+         * @type {?}
+         * @private
+         */
+        PlaceOutletComponent.prototype._previousPlace;
         /**
          * @type {?}
          * @private
@@ -4968,6 +5026,7 @@
      * @fileoverview added by tsickle
      * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
+    var ɵ0 = { animationDuration: "2000ms" };
     var PlaceModule = /** @class */ (function () {
         function PlaceModule() {
         }
@@ -5000,7 +5059,7 @@
                             ListPlaceNavComponent
                         ],
                         providers: [
-                        // {provide: AUP_PLACE_CONFIG, useValue: {animationDuration: "100ms"}}
+                            { provide: AUP_PLACE_CONFIG, useValue: ɵ0 }
                         ]
                     },] }
         ];