@coolon/angular-ui-powerups 0.0.21 → 0.0.23

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

@@ -1296,7 +1296,7 @@
      * @fileoverview added by tsickle
      * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
-    exports.ɵp = /** @class */ (function (_super) {
+    exports.ɵq = /** @class */ (function (_super) {
         __extends(ActivityContainerComponent, _super);
         function ActivityContainerComponent() {
             var _this = _super.call(this) || this;
@@ -1431,18 +1431,18 @@
     }(DisposableComponent));
     if (false) {
         /** @type {?} */
-        exports.ɵp.prototype.parentInteractionContext;
+        exports.ɵq.prototype.parentInteractionContext;
         /** @type {?} */
-        exports.ɵp.prototype.initialActivity;
+        exports.ɵq.prototype.initialActivity;
         /** @type {?} */
-        exports.ɵp.prototype.tabs;
+        exports.ɵq.prototype.tabs;
         /** @type {?} */
-        exports.ɵp.prototype.activityTabs;
+        exports.ɵq.prototype.activityTabs;
         /**
          * @type {?}
          * @private
          */
-        exports.ɵp.prototype.obsoleteTabs;
+        exports.ɵq.prototype.obsoleteTabs;
     }
     (function (ActivityContainerComponent) {
         /**
@@ -1461,7 +1461,7 @@
             /** @type {?} */
             ActivityContext.prototype.onCancel;
         }
-    })(exports.ɵp || (exports.ɵp = {}));
+    })(exports.ɵq || (exports.ɵq = {}));
 
     /**
      * @fileoverview added by tsickle
@@ -1470,7 +1470,7 @@
     /**
      * @template D, R, E
      */
-    exports.ɵw = /** @class */ (function () {
+    exports.ɵx = /** @class */ (function () {
         function ActivityOutletComponent(componentFactoryResolver, viewContainerRef, injector) {
             this.componentFactoryResolver = componentFactoryResolver;
             this.viewContainerRef = viewContainerRef;
@@ -1581,27 +1581,27 @@
     }());
     if (false) {
         /** @type {?} */
-        exports.ɵw.prototype.interactionContext;
+        exports.ɵx.prototype.interactionContext;
         /**
          * @type {?}
          * @private
          */
-        exports.ɵw.prototype.activityComponent;
+        exports.ɵx.prototype.activityComponent;
         /**
          * @type {?}
          * @private
          */
-        exports.ɵw.prototype.componentFactoryResolver;
+        exports.ɵx.prototype.componentFactoryResolver;
         /**
          * @type {?}
          * @private
          */
-        exports.ɵw.prototype.viewContainerRef;
+        exports.ɵx.prototype.viewContainerRef;
         /**
          * @type {?}
          * @private
          */
-        exports.ɵw.prototype.injector;
+        exports.ɵx.prototype.injector;
         /* Skipping unhandled member: ;*/
     }
     (function (ActivityOutletComponent) {
@@ -1662,7 +1662,7 @@
              */
             OutletInteractionContext.prototype.context;
         }
-    })(exports.ɵw || (exports.ɵw = {}));
+    })(exports.ɵx || (exports.ɵx = {}));
 
     /**
      * @fileoverview added by tsickle
@@ -1718,7 +1718,7 @@
                 autoFocus: false
             };
             /** @type {?} */
-            var matDialogRef = (/** @type {?} */ (this.dialogService.open(exports.ɵp, config)));
+            var matDialogRef = (/** @type {?} */ (this.dialogService.open(exports.ɵq, config)));
             return new Promise((/**
              * @param {?} resolve
              * @param {?} reject
@@ -1810,13 +1810,13 @@
                             portal.PortalModule
                         ],
                         declarations: [
-                            exports.ɵp,
+                            exports.ɵq,
                             ConfirmationDialogComponent,
                             AlertDialogComponent,
-                            exports.ɵw
+                            exports.ɵx
                         ],
                         entryComponents: [
-                            exports.ɵp,
+                            exports.ɵq,
                             ConfirmationDialogComponent,
                             AlertDialogComponent
                         ],
@@ -2004,6 +2004,40 @@
         PlaceService.prototype._activePlaces;
     }
 
+    /**
+     * @fileoverview added by tsickle
+     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     */
+    /** @type {?} */
+    var left = [
+        animations$1.query(':enter, :leave', animations$1.style({ position: 'fixed', width: '100%' }), { optional: true }),
+        animations$1.group([
+            animations$1.query(':enter', [animations$1.style({ transform: 'translateX(-100%)' }), animations$1.animate('.3s ease-out', animations$1.style({ transform: 'translateX(0%)' }))], {
+                optional: true,
+            }),
+            animations$1.query(':leave', [animations$1.style({ transform: 'translateX(0%)' }), animations$1.animate('.3s ease-out', animations$1.style({ transform: 'translateX(100%)' }))], {
+                optional: true,
+            }),
+        ]),
+    ];
+    /** @type {?} */
+    var right = [
+        animations$1.query(':enter, :leave', animations$1.style({ position: 'fixed', width: '100%' }), { optional: true }),
+        animations$1.group([
+            animations$1.query(':enter', [animations$1.style({ transform: 'translateX(100%)' }), animations$1.animate('.3s ease-out', animations$1.style({ transform: 'translateX(0%)' }))], {
+                optional: true,
+            }),
+            animations$1.query(':leave', [animations$1.style({ transform: 'translateX(0%)' }), animations$1.animate('.3s ease-out', animations$1.style({ transform: 'translateX(-100%)' }))], {
+                optional: true,
+            }),
+        ]),
+    ];
+    /** @type {?} */
+    var LEFT_RIGHT_PLACE_ANIMATION = animations$1.trigger('routeAnimations', [
+        animations$1.transition(':increment', right),
+        animations$1.transition(':decrement', left),
+    ]);
+
     /**
      * @fileoverview added by tsickle
      * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
@@ -2011,6 +2045,7 @@
     var PlaceOutletComponent = /** @class */ (function () {
         function PlaceOutletComponent(placeService) {
             this.placeService = placeService;
+            this.animate = true;
         }
         /**
          * @return {?}
@@ -2042,20 +2077,37 @@
         function ($event) {
             this.placeService.onDeactivate($event);
         };
+        /**
+         * @param {?} outlet
+         * @return {?}
+         */
+        PlaceOutletComponent.prototype.getPlaceOrder = /**
+         * @param {?} outlet
+         * @return {?}
+         */
+        function (outlet) {
+            return this.animate && outlet && outlet.activatedRouteData && outlet.activatedRouteData['placeOrder'];
+        };
         PlaceOutletComponent.decorators = [
             { type: core.Component, args: [{
                         selector: 'angular-ui-powerups-place-outlet',
-                        template: "<router-outlet (activate)=\"onActivate($event)\" (deactivate)=\"onDeactivate($event)\"></router-outlet>\n",
-                        styles: [":host{grid-area:main;display:-ms-grid;display:grid;-ms-grid-rows:0 1fr;grid-template-rows:0 1fr;min-height:0}"]
+                        template: "<div container [@routeAnimations]=\"getPlaceOrder(routerOutlet)\">\n  <router-outlet #routerOutlet=\"outlet\"\n                 (activate)=\"onActivate($event)\"\n                 (deactivate)=\"onDeactivate($event)\">\n  </router-outlet>\n</div>\n\n",
+                        animations: [LEFT_RIGHT_PLACE_ANIMATION],
+                        styles: [":host{display:block}.container{grid-area:main;display:-ms-grid;display:grid;-ms-grid-rows:0 1fr;grid-template-rows:0 1fr;min-height:0}"]
                     }] }
         ];
         /** @nocollapse */
         PlaceOutletComponent.ctorParameters = function () { return [
             { type: PlaceService }
         ]; };
+        PlaceOutletComponent.propDecorators = {
+            animate: [{ type: core.Input }]
+        };
         return PlaceOutletComponent;
     }());
     if (false) {
+        /** @type {?} */
+        PlaceOutletComponent.prototype.animate;
         /**
          * @type {?}
          * @private
@@ -2540,6 +2592,8 @@
             Options.prototype.path;
             /** @type {?} */
             Options.prototype.title;
+            /** @type {?} */
+            Options.prototype.order;
             /** @type {?|undefined} */
             Options.prototype.authenticate;
         }
@@ -2548,6 +2602,7 @@
                 pectin.assert.notNil(options);
                 this.path = options.path;
                 this.title = options.title;
+                this.order = options.order;
                 this.authenticate = lodash.isNil(options.authenticate) || options.authenticate;
             }
             return Descriptor;
@@ -2560,6 +2615,8 @@
             Descriptor.prototype.authenticate;
             /** @type {?} */
             Descriptor.prototype.title;
+            /** @type {?} */
+            Descriptor.prototype.order;
         }
         /**
          * @param {?} klass
@@ -3786,8 +3843,8 @@
     exports.AbstractActivity = AbstractActivity;
     exports.AbstractInputComponent = AbstractInputComponent;
     exports.AbstractPlaceComponent = AbstractPlaceComponent;
-    exports.ActivityContainerComponent = exports.ɵp;
-    exports.ActivityOutletComponent = exports.ɵw;
+    exports.ActivityContainerComponent = exports.ɵq;
+    exports.ActivityOutletComponent = exports.ɵx;
     exports.AlertDialogComponent = AlertDialogComponent;
     exports.AngularUiPowerupsModule = AngularUiPowerupsModule;
     exports.BusyOverlayComponent = BusyOverlayComponent;
@@ -3801,6 +3858,7 @@
     exports.INTERACTION_CONTEXT = INTERACTION_CONTEXT;
     exports.InteractionContext = InteractionContext;
     exports.InteractionModule = InteractionModule;
+    exports.LEFT_RIGHT_PLACE_ANIMATION = LEFT_RIGHT_PLACE_ANIMATION;
     exports.LeavePlaceGuard = LeavePlaceGuard;
     exports.NavComponent = NavComponent;
     exports.NumberInputComponent = NumberInputComponent;
@@ -3833,15 +3891,16 @@
     exports.ɵj = EmptyStateComponent;
     exports.ɵk = BusyOverlayComponent;
     exports.ɵl = PlaceOutletComponent;
-    exports.ɵm = PlaceService;
-    exports.ɵn = NavComponent;
-    exports.ɵo = InteractionModule;
-    exports.ɵq = ConfirmationDialogComponent;
-    exports.ɵr = AbstractActivity;
-    exports.ɵs = ACTIVITY_DATA;
-    exports.ɵu = AlertDialogComponent;
-    exports.ɵx = DialogInteractionService;
-    exports.ɵy = InteractionContext;
+    exports.ɵm = LEFT_RIGHT_PLACE_ANIMATION;
+    exports.ɵn = PlaceService;
+    exports.ɵo = NavComponent;
+    exports.ɵp = InteractionModule;
+    exports.ɵr = ConfirmationDialogComponent;
+    exports.ɵs = AbstractActivity;
+    exports.ɵt = ACTIVITY_DATA;
+    exports.ɵv = AlertDialogComponent;
+    exports.ɵy = DialogInteractionService;
+    exports.ɵz = InteractionContext;
 
     Object.defineProperty(exports, '__esModule', { value: true });