@coolon/angular-ui-powerups 0.0.79 → 0.0.81

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

@@ -1156,7 +1156,7 @@
      * @abstract
      * @template D, R, E
      */
-    exports.ɵbd = /** @class */ (function (_super) {
+    exports.ɵbf = /** @class */ (function (_super) {
         __extends(Activity, _super);
         function Activity() {
             var _this = _super !== null && _super.apply(this, arguments) || this;
@@ -1246,12 +1246,12 @@
          * @type {?}
          * @private
          */
-        exports.ɵbd.prototype._busyModel;
+        exports.ɵbf.prototype._busyModel;
         /**
          * @type {?}
          * @private
          */
-        exports.ɵbd.prototype._activityContext;
+        exports.ɵbf.prototype._activityContext;
     }
     (function (Activity) {
         /**
@@ -1266,7 +1266,7 @@
             /** @type {?} */
             Callbacks.prototype.onCancel;
         }
-    })(exports.ɵbd || (exports.ɵbd = {}));
+    })(exports.ɵbf || (exports.ɵbf = {}));
 
     /**
      * @fileoverview added by tsickle
@@ -1423,7 +1423,7 @@
             return _super !== null && _super.apply(this, arguments) || this;
         }
         return AbstractActivity;
-    }(exports.ɵbd));
+    }(exports.ɵbf));
 
     /**
      * @fileoverview added by tsickle
@@ -1469,7 +1469,7 @@
     /**
      * @template D, R, E
      */
-    exports.ɵbf = /** @class */ (function (_super) {
+    exports.ɵbh = /** @class */ (function (_super) {
         __extends(ConfirmThenDialogComponent, _super);
         function ConfirmThenDialogComponent(config, interactionContext) {
             var _this = _super.call(this) || this;
@@ -1541,9 +1541,9 @@
     }(AbstractActivity));
     if (false) {
         /** @type {?} */
-        exports.ɵbf.prototype.config;
+        exports.ɵbh.prototype.config;
         /** @type {?} */
-        exports.ɵbf.prototype.interactionContext;
+        exports.ɵbh.prototype.interactionContext;
     }
     (function (ConfirmThenDialogComponent) {
         /**
@@ -1560,7 +1560,7 @@
             /** @type {?} */
             Data.prototype.data;
         }
-    })(exports.ɵbf || (exports.ɵbf = {}));
+    })(exports.ɵbh || (exports.ɵbh = {}));
 
     /**
      * @fileoverview added by tsickle
@@ -1933,7 +1933,7 @@
          * @return {?}
          */
         function (confirm, activityType, data) {
-            return this.startActivity(exports.ɵbf, {
+            return this.startActivity(exports.ɵbh, {
                 confirm: confirm,
                 activityType: activityType,
                 data: data
@@ -2189,7 +2189,7 @@
          * @return {?}
          */
         function (confirm, activityType, data) {
-            return this._startActivity(exports.ɵbf, {
+            return this._startActivity(exports.ɵbh, {
                 confirm: confirm,
                 activityType: activityType,
                 data: data
@@ -2563,7 +2563,7 @@
          * @return {?}
          */
         function (confirm, activityType, data) {
-            return this._startActivity(exports.ɵbf, {
+            return this._startActivity(exports.ɵbh, {
                 confirm: confirm,
                 activityType: activityType,
                 data: data
@@ -2636,7 +2636,7 @@
                         declarations: [
                             ActivityContainerComponent,
                             ConfirmationDialogComponent,
-                            exports.ɵbf,
+                            exports.ɵbh,
                             AlertDialogComponent,
                             ActivityOutletComponent,
                             InteractionOutletComponent,
@@ -2651,7 +2651,7 @@
                         entryComponents: [
                             ActivityContainerComponent,
                             ConfirmationDialogComponent,
-                            exports.ɵbf,
+                            exports.ɵbh,
                             AlertDialogComponent
                         ],
                         providers: [
@@ -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 {?}
@@ -3720,6 +3743,21 @@
         Visit.prototype.visitParameters;
     }
 
+    /**
+     * @fileoverview added by tsickle
+     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     */
+    /** @type {?} */
+    var AUP_PLACE_CONFIG = new core.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
@@ -4417,10 +4455,11 @@
     }
     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 core.EventEmitter();
             _this._activePlace = new pectin.MutableValueModel();
@@ -4438,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
@@ -4509,6 +4548,16 @@
          */
         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 {?}
@@ -4568,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 {?}
@@ -4603,16 +4648,12 @@
                 this.animationDone();
             }
         };
-        // @Trace()
-        // @Trace()
         /**
          * @param {?} routerOutlet
          * @param {?} $event
          * @return {?}
          */
-        PlaceOutletComponent.prototype.onOutletDeactivated = 
-        // @Trace()
-        /**
+        PlaceOutletComponent.prototype.onOutletDeactivated = /**
          * @param {?} routerOutlet
          * @param {?} $event
          * @return {?}
@@ -4623,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 {?}
          */
@@ -4636,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();
             }
@@ -4643,7 +4698,7 @@
         PlaceOutletComponent.decorators = [
             { type: core.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}"]
                     }] }
@@ -4652,6 +4707,7 @@
         PlaceOutletComponent.ctorParameters = function () { return [
             { type: router.Router },
             { type: PlaceRouter },
+            { type: undefined, decorators: [{ type: core.Optional }, { type: core.Inject, args: [AUP_PLACE_CONFIG,] }] },
             { type: PlaceOutletComponent, decorators: [{ type: core.SkipSelf }, { type: core.Optional }] }
         ]; };
         PlaceOutletComponent.propDecorators = {
@@ -4666,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([
@@ -4675,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) {
@@ -4725,6 +4805,11 @@
          * @private
          */
         PlaceOutletComponent.prototype.isOnInitialPlace;
+        /**
+         * @type {?}
+         * @private
+         */
+        PlaceOutletComponent.prototype._previousPlace;
         /**
          * @type {?}
          * @private
@@ -4735,6 +4820,8 @@
          * @private
          */
         PlaceOutletComponent.prototype.placeRouter;
+        /** @type {?} */
+        PlaceOutletComponent.prototype.placeConfig;
     }
 
     /**
@@ -4939,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() {
         }
@@ -4970,7 +5058,9 @@
                             TabbedPlaceNavigationComponent,
                             ListPlaceNavComponent
                         ],
-                        providers: []
+                        providers: [
+                            { provide: AUP_PLACE_CONFIG, useValue: ɵ0 }
+                        ]
                     },] }
         ];
         return PlaceModule;
@@ -6392,10 +6482,11 @@
     }
 
     exports.ACTIVITY_DATA = ACTIVITY_DATA;
+    exports.AUP_PLACE_CONFIG = AUP_PLACE_CONFIG;
     exports.AbstractActivity = AbstractActivity;
     exports.AbstractInputComponent = AbstractInputComponent;
     exports.AbstractPlaceNavigationComponent = AbstractPlaceNavigationComponent;
-    exports.Activity = exports.ɵbd;
+    exports.Activity = exports.ɵbf;
     exports.ActivityContainerComponent = ActivityContainerComponent;
     exports.ActivityOutletComponent = ActivityOutletComponent;
     exports.AlertDialogComponent = AlertDialogComponent;
@@ -6403,7 +6494,7 @@
     exports.BusyOverlayComponent = BusyOverlayComponent;
     exports.CommandDirective = CommandDirective;
     exports.ComponentsModule = ComponentsModule;
-    exports.ConfirmThenDialogComponent = exports.ɵbf;
+    exports.ConfirmThenDialogComponent = exports.ɵbh;
     exports.ConfirmationDialogComponent = ConfirmationDialogComponent;
     exports.DEFINITION_META_DATA_KEY = DEFINITION_META_DATA_KEY;
     exports.DIALOG_INTERACTION_SERVICE_DEFAULTS = DIALOG_INTERACTION_SERVICE_DEFAULTS;
@@ -6444,14 +6535,16 @@
     exports.slideDownAndUpAnimation = slideDownAndUpAnimation;
     exports.ɵa = DirectivesModule;
     exports.ɵb = CommandDirective;
-    exports.ɵba = ConfirmationDialogComponent;
-    exports.ɵbb = AbstractActivity;
-    exports.ɵbc = ACTIVITY_DATA;
-    exports.ɵbg = AlertDialogComponent;
-    exports.ɵbi = InteractionOutletComponent;
-    exports.ɵbj = InplaceInteractionContextComponent;
-    exports.ɵbk = DIALOG_INTERACTION_SERVICE_DEFAULTS;
-    exports.ɵbl = DialogInteractionService;
+    exports.ɵba = InteractionContext;
+    exports.ɵbb = ActivityOutletComponent;
+    exports.ɵbc = ConfirmationDialogComponent;
+    exports.ɵbd = AbstractActivity;
+    exports.ɵbe = ACTIVITY_DATA;
+    exports.ɵbi = AlertDialogComponent;
+    exports.ɵbk = InteractionOutletComponent;
+    exports.ɵbl = InplaceInteractionContextComponent;
+    exports.ɵbm = DIALOG_INTERACTION_SERVICE_DEFAULTS;
+    exports.ɵbn = DialogInteractionService;
     exports.ɵc = FocusBindingDirective;
     exports.ɵd = DisposableComponent;
     exports.ɵe = ComponentsModule;
@@ -6467,15 +6560,14 @@
     exports.ɵo = PlaceOutletComponent;
     exports.ɵp = leftRightPlaceAnimation;
     exports.ɵq = LEFT_RIGHT_PLACE_ANIMATION;
-    exports.ɵr = PlaceRouter;
-    exports.ɵs = PlaceHistory;
-    exports.ɵt = TabbedPlaceNavigationComponent;
-    exports.ɵu = AbstractPlaceNavigationComponent;
-    exports.ɵv = ListPlaceNavComponent;
-    exports.ɵw = InteractionModule;
-    exports.ɵx = ActivityContainerComponent;
-    exports.ɵy = InteractionContext;
-    exports.ɵz = ActivityOutletComponent;
+    exports.ɵr = AUP_PLACE_CONFIG;
+    exports.ɵt = PlaceRouter;
+    exports.ɵu = PlaceHistory;
+    exports.ɵv = TabbedPlaceNavigationComponent;
+    exports.ɵw = AbstractPlaceNavigationComponent;
+    exports.ɵx = ListPlaceNavComponent;
+    exports.ɵy = InteractionModule;
+    exports.ɵz = ActivityContainerComponent;
 
     Object.defineProperty(exports, '__esModule', { value: true });