@coolon/angular-ui-powerups 0.0.80 → 0.0.81

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, ActivatedRouteSnapshot, RouterStateSnapshot, UrlSerializer } from '@angular/router';
+import { Router, RouterModule, UrlSegment, NavigationStart, NavigationEnd, NavigationError, RouterOutlet, 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';
@@ -3302,13 +3302,36 @@ var PlaceComponent = /** @class */ (function (_super) {
      */
     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([
         Memoize$1(),
         __metadata("design:type", PlaceDefinition),
         __metadata("design:paramtypes", [])
     ], PlaceComponent.prototype, "placeDefinition", null);
     return PlaceComponent;
-}(DisposableComponent));
+}(GarbageCollector));
 if (false) {
     /**
      * @type {?}
@@ -4270,9 +4293,9 @@ var PlaceOutletComponent = /** @class */ (function (_super) {
          * @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
@@ -4346,7 +4369,7 @@ var PlaceOutletComponent = /** @class */ (function (_super) {
          * @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
@@ -4410,16 +4433,12 @@ var PlaceOutletComponent = /** @class */ (function (_super) {
         enumerable: true,
         configurable: true
     });
-    // @Trace()
-    // @Trace()
     /**
      * @param {?} routerOutlet
      * @param {?} place
      * @return {?}
      */
-    PlaceOutletComponent.prototype.onOutletActivated = 
-    // @Trace()
-    /**
+    PlaceOutletComponent.prototype.onOutletActivated = /**
      * @param {?} routerOutlet
      * @param {?} place
      * @return {?}
@@ -4445,16 +4464,12 @@ var PlaceOutletComponent = /** @class */ (function (_super) {
             this.animationDone();
         }
     };
-    // @Trace()
-    // @Trace()
     /**
      * @param {?} routerOutlet
      * @param {?} $event
      * @return {?}
      */
-    PlaceOutletComponent.prototype.onOutletDeactivated = 
-    // @Trace()
-    /**
+    PlaceOutletComponent.prototype.onOutletDeactivated = /**
      * @param {?} routerOutlet
      * @param {?} $event
      * @return {?}
@@ -4465,12 +4480,22 @@ var PlaceOutletComponent = /** @class */ (function (_super) {
          * @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 {?}
      */
@@ -4478,6 +4503,10 @@ var PlaceOutletComponent = /** @class */ (function (_super) {
      * @return {?}
      */
     function () {
+        console.log({ activePlace: this._activePlace.value });
+        if (this._previousPlace) {
+            this._previousPlace.onPlaceDestroyed();
+        }
         if (this._activePlace.value) {
             this._activePlace.value.onPlaceReady();
         }
@@ -4485,7 +4514,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.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}"]
                 }] }
@@ -4509,7 +4538,7 @@ var PlaceOutletComponent = /** @class */ (function (_super) {
         __metadata("design:type", ListModel)
     ], PlaceOutletComponent.prototype, "customPlaceAnimationOrderModel", void 0);
     __decorate([
-        StoreInListModel("customPlaceAnimationOrderModel"),
+        StoreInListModel('customPlaceAnimationOrderModel'),
         __metadata("design:type", Array)
     ], PlaceOutletComponent.prototype, "customPlaceAnimationOrder", void 0);
     __decorate([
@@ -4518,6 +4547,30 @@ var PlaceOutletComponent = /** @class */ (function (_super) {
         __metadata("design:paramtypes", [Visit]),
         __metadata("design:returntype", void 0)
     ], PlaceOutletComponent.prototype, "navigate", 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", [RouterOutlet, Object]),
+        __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) {
@@ -4568,6 +4621,11 @@ if (false) {
      * @private
      */
     PlaceOutletComponent.prototype.isOnInitialPlace;
+    /**
+     * @type {?}
+     * @private
+     */
+    PlaceOutletComponent.prototype._previousPlace;
     /**
      * @type {?}
      * @private
@@ -4784,6 +4842,7 @@ var TabbedPlaceNavigationComponent = /** @class */ (function (_super) {
  * @fileoverview added by tsickle
  * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
+var ɵ0 = { animationDuration: "2000ms" };
 var PlaceModule = /** @class */ (function () {
     function PlaceModule() {
     }
@@ -4816,7 +4875,7 @@ var PlaceModule = /** @class */ (function () {
                         ListPlaceNavComponent
                     ],
                     providers: [
-                    // {provide: AUP_PLACE_CONFIG, useValue: {animationDuration: "100ms"}}
+                        { provide: AUP_PLACE_CONFIG, useValue: ɵ0 }
                     ]
                 },] }
     ];