@coolon/angular-ui-powerups 0.0.78 → 0.0.80

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
@@ -1760,6 +1760,10 @@
              */
             function (initialContext) {
                 pectin.assert.isNil(this._initialActivityOutletContext);
+                // we clean up at the start as we leave the initial activity in place after it finishes
+                // so that the activity remains visible during the inplace-interaction-context animations.
+                this.activityTabs.value = [];
+                this._activityList.value = [];
                 /** @type {?} */
                 var self = this;
                 if (initialContext) {
@@ -1794,7 +1798,7 @@
          * @return {?}
          */
         function () {
-            return this._activityList.length > 0;
+            return !!this._initialActivityOutletContext;
         };
         Object.defineProperty(ActivityContainerComponent.prototype, "activityList", {
             get: /**
@@ -1929,7 +1933,7 @@
          * @return {?}
          */
         function (confirm, activityType, data) {
-            return this.startActivity(exports.ɵbf, {
+            return this.startActivity(exports.ɵbh, {
                 confirm: confirm,
                 activityType: activityType,
                 data: data
@@ -1945,8 +1949,6 @@
          */
         function () {
             this._initialActivityOutletContext = null;
-            this.activityTabs.value = [];
-            this._activityList.value = [];
             this.initialActivityOutletContextEvent.emit(null);
         };
         // @Trace()
@@ -2187,7 +2189,7 @@
          * @return {?}
          */
         function (confirm, activityType, data) {
-            return this._startActivity(exports.ɵbf, {
+            return this._startActivity(exports.ɵbh, {
                 confirm: confirm,
                 activityType: activityType,
                 data: data
@@ -2561,7 +2563,7 @@
          * @return {?}
          */
         function (confirm, activityType, data) {
-            return this._startActivity(exports.ɵbf, {
+            return this._startActivity(exports.ɵbh, {
                 confirm: confirm,
                 activityType: activityType,
                 data: data
@@ -2634,7 +2636,7 @@
                         declarations: [
                             ActivityContainerComponent,
                             ConfirmationDialogComponent,
-                            exports.ɵbf,
+                            exports.ɵbh,
                             AlertDialogComponent,
                             ActivityOutletComponent,
                             InteractionOutletComponent,
@@ -2649,11 +2651,11 @@
                         entryComponents: [
                             ActivityContainerComponent,
                             ConfirmationDialogComponent,
-                            exports.ɵbf,
+                            exports.ɵbh,
                             AlertDialogComponent
                         ],
                         providers: [
-                            DialogInteractionService
+                            DialogInteractionService,
                         ]
                     },] }
         ];
@@ -3718,6 +3720,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
@@ -4366,12 +4383,15 @@
         animations$1.query(':enter, :leave', animationStartStyle, { optional: true }),
         animations$1.group([
             animations$1.query(':enter', [
-                animations$1.style({ transform: 'translateX(100%)' }),
+                animations$1.style({ transform: 'translateX(100%)', minHeight: '1px' }),
                 animations$1.animate('{{duration}} ease-out', animations$1.style({ transform: 'translateX(0%)' }))
             ], {
                 optional: true
             }),
-            animations$1.query(':leave', [animations$1.style({ transform: 'translateX(0%)' }), animations$1.animate('{{duration}} ease-out', animations$1.style({ transform: 'translateX(-100%)' }))], {
+            animations$1.query(':leave', [animations$1.style({ transform: 'translateX(0%)' }), animations$1.animate('{{duration}} ease-out', animations$1.style({
+                    transform: 'translateX(-100%)',
+                    minHeight: '1px'
+                }))], {
                 optional: true
             })
         ])
@@ -4412,10 +4432,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();
@@ -4504,6 +4525,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 {?}
@@ -4638,7 +4669,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.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}"]
                     }] }
@@ -4647,6 +4678,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 = {
@@ -4730,6 +4762,8 @@
          * @private
          */
         PlaceOutletComponent.prototype.placeRouter;
+        /** @type {?} */
+        PlaceOutletComponent.prototype.placeConfig;
     }
 
     /**
@@ -4965,7 +4999,9 @@
                             TabbedPlaceNavigationComponent,
                             ListPlaceNavComponent
                         ],
-                        providers: []
+                        providers: [
+                        // {provide: AUP_PLACE_CONFIG, useValue: {animationDuration: "100ms"}}
+                        ]
                     },] }
         ];
         return PlaceModule;
@@ -6387,10 +6423,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;
@@ -6398,7 +6435,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;
@@ -6439,14 +6476,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;
@@ -6462,15 +6501,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 });