@coolon/angular-ui-powerups 0.0.21 → 0.0.23

package/fesm5/coolon-angular-ui-powerups.js

@@ -14,7 +14,7 @@ import { MatListModule } from '@angular/material/list';
 import { MatTabsModule as MatTabsModule$1 } from '@angular/material/tabs';
 import { MatTooltipModule } from '@angular/material/tooltip';
 import { RouterModule, Router, ActivatedRoute, ActivatedRouteSnapshot, RouterStateSnapshot } from '@angular/router';
-import { style, trigger, transition, animate } from '@angular/animations';
+import { query, style, group, animate, trigger, transition } from '@angular/animations';
 import ResizeObserver from 'resize-observer-polyfill';
 import { Memoize } from '@typescript-plus/fast-memoize-decorator';
 import { isNil } from 'lodash';
@@ -1822,6 +1822,40 @@ if (false) {
     PlaceService.prototype._activePlaces;
 }
 
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+/** @type {?} */
+var left = [
+    query(':enter, :leave', style({ position: 'fixed', width: '100%' }), { optional: true }),
+    group([
+        query(':enter', [style({ transform: 'translateX(-100%)' }), animate('.3s ease-out', style({ transform: 'translateX(0%)' }))], {
+            optional: true,
+        }),
+        query(':leave', [style({ transform: 'translateX(0%)' }), animate('.3s ease-out', style({ transform: 'translateX(100%)' }))], {
+            optional: true,
+        }),
+    ]),
+];
+/** @type {?} */
+var right = [
+    query(':enter, :leave', style({ position: 'fixed', width: '100%' }), { optional: true }),
+    group([
+        query(':enter', [style({ transform: 'translateX(100%)' }), animate('.3s ease-out', style({ transform: 'translateX(0%)' }))], {
+            optional: true,
+        }),
+        query(':leave', [style({ transform: 'translateX(0%)' }), animate('.3s ease-out', style({ transform: 'translateX(-100%)' }))], {
+            optional: true,
+        }),
+    ]),
+];
+/** @type {?} */
+var LEFT_RIGHT_PLACE_ANIMATION = trigger('routeAnimations', [
+    transition(':increment', right),
+    transition(':decrement', left),
+]);
+
 /**
  * @fileoverview added by tsickle
  * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
@@ -1829,6 +1863,7 @@ if (false) {
 var PlaceOutletComponent = /** @class */ (function () {
     function PlaceOutletComponent(placeService) {
         this.placeService = placeService;
+        this.animate = true;
     }
     /**
      * @return {?}
@@ -1860,20 +1895,37 @@ var PlaceOutletComponent = /** @class */ (function () {
     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: 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: Input }]
+    };
     return PlaceOutletComponent;
 }());
 if (false) {
+    /** @type {?} */
+    PlaceOutletComponent.prototype.animate;
     /**
      * @type {?}
      * @private
@@ -2358,6 +2410,8 @@ function Place(options) {
         Options.prototype.path;
         /** @type {?} */
         Options.prototype.title;
+        /** @type {?} */
+        Options.prototype.order;
         /** @type {?|undefined} */
         Options.prototype.authenticate;
     }
@@ -2366,6 +2420,7 @@ function Place(options) {
             assert.notNil(options);
             this.path = options.path;
             this.title = options.title;
+            this.order = options.order;
             this.authenticate = isNil(options.authenticate) || options.authenticate;
         }
         return Descriptor;
@@ -2378,6 +2433,8 @@ function Place(options) {
         Descriptor.prototype.authenticate;
         /** @type {?} */
         Descriptor.prototype.title;
+        /** @type {?} */
+        Descriptor.prototype.order;
     }
     /**
      * @param {?} klass
@@ -3620,5 +3677,5 @@ var ParameterType;
  * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 
-export { ACTIVITY_DATA, AbstractActivity, AbstractInputComponent, AbstractPlaceComponent, ActivityContainerComponent, ActivityOutletComponent, AlertDialogComponent, AngularUiPowerupsModule, Bounds, BusyOverlayComponent, CommandDirective, ConfirmationDialogComponent, DialogInteractionService, Dimension, DisposableComponent, EmptyStateComponent, FocusBindingDirective, INTERACTION_CONTEXT, InteractionContext, InteractionModule, LeavePlaceGuard, NavComponent, NumberInputComponent, ParameterType, PasswordInputComponent, Place, PlaceModule, PlaceOutletComponent, PlaceRouteGuard, PlaceService, Point, QueryParameter, QueryParameterList, ResizeAwareComponent, RouteId, RouteParameter, RouteParameterBindings, RouteParameterList, RouteParameterSanitiser, Sanitiser, SelectInputComponent, StringInputComponent, slideDownAndUpAnimation, CommandDirective as ɵa, FocusBindingDirective as ɵb, DisposableComponent as ɵc, NumberInputComponent as ɵd, AbstractInputComponent as ɵe, StringInputComponent as ɵf, PasswordInputComponent as ɵg, SelectInputComponent as ɵh, PlaceModule as ɵi, EmptyStateComponent as ɵj, BusyOverlayComponent as ɵk, PlaceOutletComponent as ɵl, PlaceService as ɵm, NavComponent as ɵn, InteractionModule as ɵo, ActivityContainerComponent as ɵp, ConfirmationDialogComponent as ɵq, AbstractActivity as ɵr, ACTIVITY_DATA as ɵs, AlertDialogComponent as ɵu, ActivityOutletComponent as ɵw, DialogInteractionService as ɵx, InteractionContext as ɵy };
+export { ACTIVITY_DATA, AbstractActivity, AbstractInputComponent, AbstractPlaceComponent, ActivityContainerComponent, ActivityOutletComponent, AlertDialogComponent, AngularUiPowerupsModule, Bounds, BusyOverlayComponent, CommandDirective, ConfirmationDialogComponent, DialogInteractionService, Dimension, DisposableComponent, EmptyStateComponent, FocusBindingDirective, INTERACTION_CONTEXT, InteractionContext, InteractionModule, LEFT_RIGHT_PLACE_ANIMATION, LeavePlaceGuard, NavComponent, NumberInputComponent, ParameterType, PasswordInputComponent, Place, PlaceModule, PlaceOutletComponent, PlaceRouteGuard, PlaceService, Point, QueryParameter, QueryParameterList, ResizeAwareComponent, RouteId, RouteParameter, RouteParameterBindings, RouteParameterList, RouteParameterSanitiser, Sanitiser, SelectInputComponent, StringInputComponent, slideDownAndUpAnimation, CommandDirective as ɵa, FocusBindingDirective as ɵb, DisposableComponent as ɵc, NumberInputComponent as ɵd, AbstractInputComponent as ɵe, StringInputComponent as ɵf, PasswordInputComponent as ɵg, SelectInputComponent as ɵh, PlaceModule as ɵi, EmptyStateComponent as ɵj, BusyOverlayComponent as ɵk, PlaceOutletComponent as ɵl, LEFT_RIGHT_PLACE_ANIMATION as ɵm, PlaceService as ɵn, NavComponent as ɵo, InteractionModule as ɵp, ActivityContainerComponent as ɵq, ConfirmationDialogComponent as ɵr, AbstractActivity as ɵs, ACTIVITY_DATA as ɵt, AlertDialogComponent as ɵv, ActivityOutletComponent as ɵx, DialogInteractionService as ɵy, InteractionContext as ɵz };
 //# sourceMappingURL=coolon-angular-ui-powerups.js.map