@coolon/angular-ui-powerups 0.0.79 → 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 {?}
@@ -3536,6 +3559,21 @@ if (false) {
     Visit.prototype.visitParameters;
 }
 
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+/** @type {?} */
+var AUP_PLACE_CONFIG = new InjectionToken('AUP_PLACE_CONFIG');
+/**
+ * @record
+ */
+function PlaceConfig() { }
+if (false) {
+    /** @type {?} */
+    PlaceConfig.prototype.animationDuration;
+}
+
 /**
  * @fileoverview added by tsickle
  * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
@@ -4233,10 +4271,11 @@ if (false) {
 }
 var PlaceOutletComponent = /** @class */ (function (_super) {
     __extends(PlaceOutletComponent, _super);
-    function PlaceOutletComponent(router, placeRouter, parentOutlet) {
+    function PlaceOutletComponent(router, placeRouter, placeConfig, parentOutlet) {
         var _this = _super.call(this) || this;
         _this.router = router;
         _this.placeRouter = placeRouter;
+        _this.placeConfig = placeConfig;
         _this.animate = true;
         _this.placeChanged = new EventEmitter();
         _this._activePlace = new MutableValueModel();
@@ -4254,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
@@ -4325,6 +4364,16 @@ var PlaceOutletComponent = /** @class */ (function (_super) {
      */
     function () {
     };
+    Object.defineProperty(PlaceOutletComponent.prototype, "animationDuration", {
+        get: /**
+         * @return {?}
+         */
+        function () {
+            return this.placeConfig && this.placeConfig.animationDuration ? this.placeConfig.animationDuration : '500ms';
+        },
+        enumerable: true,
+        configurable: true
+    });
     /**
      * @param {?} visit
      * @return {?}
@@ -4384,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 {?}
@@ -4419,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 {?}
@@ -4439,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 {?}
      */
@@ -4452,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();
         }
@@ -4459,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]=\"placeAnimationOrder.value\"\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}"]
                 }] }
@@ -4468,6 +4523,7 @@ var PlaceOutletComponent = /** @class */ (function (_super) {
     PlaceOutletComponent.ctorParameters = function () { return [
         { type: Router },
         { type: PlaceRouter },
+        { type: undefined, decorators: [{ type: Optional }, { type: Inject, args: [AUP_PLACE_CONFIG,] }] },
         { type: PlaceOutletComponent, decorators: [{ type: SkipSelf }, { type: Optional }] }
     ]; };
     PlaceOutletComponent.propDecorators = {
@@ -4482,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([
@@ -4491,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) {
@@ -4541,6 +4621,11 @@ if (false) {
      * @private
      */
     PlaceOutletComponent.prototype.isOnInitialPlace;
+    /**
+     * @type {?}
+     * @private
+     */
+    PlaceOutletComponent.prototype._previousPlace;
     /**
      * @type {?}
      * @private
@@ -4551,6 +4636,8 @@ if (false) {
      * @private
      */
     PlaceOutletComponent.prototype.placeRouter;
+    /** @type {?} */
+    PlaceOutletComponent.prototype.placeConfig;
 }
 
 /**
@@ -4755,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() {
     }
@@ -4786,7 +4874,9 @@ var PlaceModule = /** @class */ (function () {
                         TabbedPlaceNavigationComponent,
                         ListPlaceNavComponent
                     ],
-                    providers: []
+                    providers: [
+                        { provide: AUP_PLACE_CONFIG, useValue: ɵ0 }
+                    ]
                 },] }
     ];
     return PlaceModule;
@@ -6227,5 +6317,5 @@ if (false) {
  * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 
-export { ACTIVITY_DATA, AbstractActivity, AbstractInputComponent, AbstractPlaceNavigationComponent, Activity, ActivityContainerComponent, ActivityOutletComponent, AlertDialogComponent, AngularUiPowerupsModule, Bounds, BusyOverlayComponent, CommandDirective, ComponentsModule, ConfirmThenDialogComponent, ConfirmationDialogComponent, DEFINITION_META_DATA_KEY, DIALOG_INTERACTION_SERVICE_DEFAULTS, DialogInteractionService, Dimension, DirectivesModule, DisposableComponent, EmptyStateComponent, EnterPlaceGuard, FocusBindingDirective, Formatter, InplaceInteractionContextComponent, InteractionContext, InteractionGuard, InteractionModule, InteractionOutletComponent, LEFT_RIGHT_PLACE_ANIMATION, LeavePlaceGuard, ListPlaceNavComponent, NavigationSession, NoopComponent, NumberInputComponent, ParameterDefinition, PasswordInputComponent, Place, PlaceComponent, PlaceDefinition, PlaceHistory, PlaceModule, PlaceOutletComponent, PlaceRouter, Point, ROUTE_PARAMETER_LIST_KEY, ResizeAwareComponent, RouteId, SelectInputComponent, StringInputComponent, TabbedPlaceNavigationComponent, Visit, VisitParameter, VisitParameterList, VisitSanitiser, leftRightPlaceAnimation, slideDownAndUpAnimation, DirectivesModule as ɵa, CommandDirective as ɵb, ConfirmationDialogComponent as ɵba, AbstractActivity as ɵbb, ACTIVITY_DATA as ɵbc, Activity as ɵbd, ConfirmThenDialogComponent as ɵbf, AlertDialogComponent as ɵbg, InteractionOutletComponent as ɵbi, InplaceInteractionContextComponent as ɵbj, DIALOG_INTERACTION_SERVICE_DEFAULTS as ɵbk, DialogInteractionService as ɵbl, FocusBindingDirective as ɵc, DisposableComponent as ɵd, ComponentsModule as ɵe, NumberInputComponent as ɵf, AbstractInputComponent as ɵg, StringInputComponent as ɵh, PasswordInputComponent as ɵi, SelectInputComponent as ɵj, NoopComponent as ɵk, PlaceModule as ɵl, EmptyStateComponent as ɵm, BusyOverlayComponent as ɵn, PlaceOutletComponent as ɵo, leftRightPlaceAnimation as ɵp, LEFT_RIGHT_PLACE_ANIMATION as ɵq, PlaceRouter as ɵr, PlaceHistory as ɵs, TabbedPlaceNavigationComponent as ɵt, AbstractPlaceNavigationComponent as ɵu, ListPlaceNavComponent as ɵv, InteractionModule as ɵw, ActivityContainerComponent as ɵx, InteractionContext as ɵy, ActivityOutletComponent as ɵz };
+export { ACTIVITY_DATA, AUP_PLACE_CONFIG, AbstractActivity, AbstractInputComponent, AbstractPlaceNavigationComponent, Activity, ActivityContainerComponent, ActivityOutletComponent, AlertDialogComponent, AngularUiPowerupsModule, Bounds, BusyOverlayComponent, CommandDirective, ComponentsModule, ConfirmThenDialogComponent, ConfirmationDialogComponent, DEFINITION_META_DATA_KEY, DIALOG_INTERACTION_SERVICE_DEFAULTS, DialogInteractionService, Dimension, DirectivesModule, DisposableComponent, EmptyStateComponent, EnterPlaceGuard, FocusBindingDirective, Formatter, InplaceInteractionContextComponent, InteractionContext, InteractionGuard, InteractionModule, InteractionOutletComponent, LEFT_RIGHT_PLACE_ANIMATION, LeavePlaceGuard, ListPlaceNavComponent, NavigationSession, NoopComponent, NumberInputComponent, ParameterDefinition, PasswordInputComponent, Place, PlaceComponent, PlaceDefinition, PlaceHistory, PlaceModule, PlaceOutletComponent, PlaceRouter, Point, ROUTE_PARAMETER_LIST_KEY, ResizeAwareComponent, RouteId, SelectInputComponent, StringInputComponent, TabbedPlaceNavigationComponent, Visit, VisitParameter, VisitParameterList, VisitSanitiser, leftRightPlaceAnimation, slideDownAndUpAnimation, DirectivesModule as ɵa, CommandDirective as ɵb, InteractionContext as ɵba, ActivityOutletComponent as ɵbb, ConfirmationDialogComponent as ɵbc, AbstractActivity as ɵbd, ACTIVITY_DATA as ɵbe, Activity as ɵbf, ConfirmThenDialogComponent as ɵbh, AlertDialogComponent as ɵbi, InteractionOutletComponent as ɵbk, InplaceInteractionContextComponent as ɵbl, DIALOG_INTERACTION_SERVICE_DEFAULTS as ɵbm, DialogInteractionService as ɵbn, FocusBindingDirective as ɵc, DisposableComponent as ɵd, ComponentsModule as ɵe, NumberInputComponent as ɵf, AbstractInputComponent as ɵg, StringInputComponent as ɵh, PasswordInputComponent as ɵi, SelectInputComponent as ɵj, NoopComponent as ɵk, PlaceModule as ɵl, EmptyStateComponent as ɵm, BusyOverlayComponent as ɵn, PlaceOutletComponent as ɵo, leftRightPlaceAnimation as ɵp, LEFT_RIGHT_PLACE_ANIMATION as ɵq, AUP_PLACE_CONFIG as ɵr, PlaceRouter as ɵt, PlaceHistory as ɵu, TabbedPlaceNavigationComponent as ɵv, AbstractPlaceNavigationComponent as ɵw, ListPlaceNavComponent as ɵx, InteractionModule as ɵy, ActivityContainerComponent as ɵz };
 //# sourceMappingURL=coolon-angular-ui-powerups.js.map