@coolon/angular-ui-powerups 0.0.22 → 0.0.24

package/fesm2015/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';
@@ -1417,36 +1417,6 @@ EmptyStateComponent.decorators = [
 /** @nocollapse */
 EmptyStateComponent.ctorParameters = () => [];
 
-/**
- * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-class NavComponent {
-    constructor() {
-    }
-    /**
-     * @return {?}
-     */
-    ngOnInit() {
-    }
-}
-NavComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'angular-ui-powerups-nav',
-                template: "<nav mat-tab-nav-bar>\n  <a mat-tab-link *ngFor=\"let placeDescriptor of places\" [routerLink]='placeDescriptor.path'\n     routerLinkActive #rla=\"routerLinkActive\"\n     [active]=\"rla.isActive\"\n     [matTooltip]=\"placeDescriptor.title\">{{placeDescriptor.title}}</a>\n</nav>\n\n",
-                styles: [""]
-            }] }
-];
-/** @nocollapse */
-NavComponent.ctorParameters = () => [];
-NavComponent.propDecorators = {
-    places: [{ type: Input }]
-};
-if (false) {
-    /** @type {?} */
-    NavComponent.prototype.places;
-}
-
 /**
  * @fileoverview added by tsickle
  * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
@@ -1504,6 +1474,40 @@ if (false) {
     PlaceService.prototype._activePlaces;
 }
 
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+/** @type {?} */
+const 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 {?} */
+const 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 {?} */
+const 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
@@ -1514,6 +1518,7 @@ class PlaceOutletComponent {
      */
     constructor(placeService) {
         this.placeService = placeService;
+        this.animate = true;
     }
     /**
      * @return {?}
@@ -1534,19 +1539,32 @@ class PlaceOutletComponent {
     onDeactivate($event) {
         this.placeService.onDeactivate($event);
     }
+    /**
+     * @param {?} outlet
+     * @return {?}
+     */
+    getPlaceOrder(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:flex;flex-direction:column;min-height:0}[container]{flex:1;display:-ms-grid;display:grid;-ms-grid-rows:0 1fr;grid-template-rows:0 1fr;min-height:0}"]
             }] }
 ];
 /** @nocollapse */
 PlaceOutletComponent.ctorParameters = () => [
     { type: PlaceService }
 ];
+PlaceOutletComponent.propDecorators = {
+    animate: [{ type: Input }]
+};
 if (false) {
+    /** @type {?} */
+    PlaceOutletComponent.prototype.animate;
     /**
      * @type {?}
      * @private
@@ -1554,6 +1572,52 @@ if (false) {
     PlaceOutletComponent.prototype.placeService;
 }
 
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+class TabbedPlaceNavigationComponent extends DisposableComponent {
+    constructor() {
+        super();
+        const { chain, valueOf, before, when, after, observe, switchOn } = Dsl.disposeWith(this);
+        this.orderedPlaces = chain(this.placesModel).sortBy('order');
+    }
+    /**
+     * @return {?}
+     */
+    ngOnInit() {
+    }
+}
+TabbedPlaceNavigationComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'angular-ui-powerups-tabbed-place-navigation',
+                template: "<nav mat-tab-nav-bar>\n  <a mat-tab-link *ngFor=\"let placeDescriptor of orderedPlaces.value\" [routerLink]='placeDescriptor.path'\n     routerLinkActive #rla=\"routerLinkActive\"\n     [active]=\"rla.isActive\"\n     [matTooltip]=\"placeDescriptor.title\">{{placeDescriptor.title}}</a>\n</nav>\n\n",
+                styles: [""]
+            }] }
+];
+/** @nocollapse */
+TabbedPlaceNavigationComponent.ctorParameters = () => [];
+TabbedPlaceNavigationComponent.propDecorators = {
+    places: [{ type: Input }],
+    placesModel: [{ type: Input }]
+};
+__decorate([
+    StoreInListModel('placesModel'),
+    __metadata("design:type", Array)
+], TabbedPlaceNavigationComponent.prototype, "places", void 0);
+__decorate([
+    UseDelegate(),
+    __metadata("design:type", ListModel)
+], TabbedPlaceNavigationComponent.prototype, "placesModel", void 0);
+if (false) {
+    /** @type {?} */
+    TabbedPlaceNavigationComponent.prototype.places;
+    /** @type {?} */
+    TabbedPlaceNavigationComponent.prototype.placesModel;
+    /** @type {?} */
+    TabbedPlaceNavigationComponent.prototype.orderedPlaces;
+}
+
 /**
  * @fileoverview added by tsickle
  * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
@@ -1575,14 +1639,14 @@ PlaceModule.decorators = [
                     EmptyStateComponent,
                     BusyOverlayComponent,
                     PlaceOutletComponent,
-                    NavComponent
+                    TabbedPlaceNavigationComponent
                 ],
                 entryComponents: [BusyOverlayComponent],
                 exports: [
                     BusyOverlayComponent,
                     PlaceOutletComponent,
                     EmptyStateComponent,
-                    NavComponent
+                    TabbedPlaceNavigationComponent
                 ],
                 providers: [
                     PlaceService
@@ -1995,6 +2059,8 @@ function Place(options) {
         Options.prototype.path;
         /** @type {?} */
         Options.prototype.title;
+        /** @type {?} */
+        Options.prototype.order;
         /** @type {?|undefined} */
         Options.prototype.authenticate;
     }
@@ -2007,6 +2073,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;
         }
     }
@@ -2018,6 +2085,8 @@ function Place(options) {
         Descriptor.prototype.authenticate;
         /** @type {?} */
         Descriptor.prototype.title;
+        /** @type {?} */
+        Descriptor.prototype.order;
     }
     /**
      * @param {?} klass
@@ -3072,5 +3141,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, NumberInputComponent, ParameterType, PasswordInputComponent, Place, PlaceModule, PlaceOutletComponent, PlaceRouteGuard, PlaceService, Point, QueryParameter, QueryParameterList, ResizeAwareComponent, RouteId, RouteParameter, RouteParameterBindings, RouteParameterList, RouteParameterSanitiser, Sanitiser, SelectInputComponent, StringInputComponent, TabbedPlaceNavigationComponent, 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, TabbedPlaceNavigationComponent 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