@coolon/angular-ui-powerups 0.0.22 → 0.0.24

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';
@@ -1718,40 +1718,6 @@ var EmptyStateComponent = /** @class */ (function () {
     return EmptyStateComponent;
 }());
 
-/**
- * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-var NavComponent = /** @class */ (function () {
-    function NavComponent() {
-    }
-    /**
-     * @return {?}
-     */
-    NavComponent.prototype.ngOnInit = /**
-     * @return {?}
-     */
-    function () {
-    };
-    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 = function () { return []; };
-    NavComponent.propDecorators = {
-        places: [{ type: Input }]
-    };
-    return NavComponent;
-}());
-if (false) {
-    /** @type {?} */
-    NavComponent.prototype.places;
-}
-
 /**
  * @fileoverview added by tsickle
  * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
@@ -1822,6 +1788,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 +1829,7 @@ if (false) {
 var PlaceOutletComponent = /** @class */ (function () {
     function PlaceOutletComponent(placeService) {
         this.placeService = placeService;
+        this.animate = true;
     }
     /**
      * @return {?}
@@ -1860,20 +1861,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: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 = function () { return [
         { type: PlaceService }
     ]; };
+    PlaceOutletComponent.propDecorators = {
+        animate: [{ type: Input }]
+    };
     return PlaceOutletComponent;
 }());
 if (false) {
+    /** @type {?} */
+    PlaceOutletComponent.prototype.animate;
     /**
      * @type {?}
      * @private
@@ -1881,6 +1899,58 @@ if (false) {
     PlaceOutletComponent.prototype.placeService;
 }
 
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+var TabbedPlaceNavigationComponent = /** @class */ (function (_super) {
+    __extends(TabbedPlaceNavigationComponent, _super);
+    function TabbedPlaceNavigationComponent() {
+        var _this = _super.call(this) || this;
+        var _a = Dsl.disposeWith(_this), chain = _a.chain, valueOf = _a.valueOf, before = _a.before, when = _a.when, after = _a.after, observe = _a.observe, switchOn = _a.switchOn;
+        _this.orderedPlaces = chain(_this.placesModel).sortBy('order');
+        return _this;
+    }
+    /**
+     * @return {?}
+     */
+    TabbedPlaceNavigationComponent.prototype.ngOnInit = /**
+     * @return {?}
+     */
+    function () {
+    };
+    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 = function () { return []; };
+    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);
+    return TabbedPlaceNavigationComponent;
+}(DisposableComponent));
+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
@@ -1903,14 +1973,14 @@ var PlaceModule = /** @class */ (function () {
                         EmptyStateComponent,
                         BusyOverlayComponent,
                         PlaceOutletComponent,
-                        NavComponent
+                        TabbedPlaceNavigationComponent
                     ],
                     entryComponents: [BusyOverlayComponent],
                     exports: [
                         BusyOverlayComponent,
                         PlaceOutletComponent,
                         EmptyStateComponent,
-                        NavComponent
+                        TabbedPlaceNavigationComponent
                     ],
                     providers: [
                         PlaceService
@@ -2358,6 +2428,8 @@ function Place(options) {
         Options.prototype.path;
         /** @type {?} */
         Options.prototype.title;
+        /** @type {?} */
+        Options.prototype.order;
         /** @type {?|undefined} */
         Options.prototype.authenticate;
     }
@@ -2366,6 +2438,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 +2451,8 @@ function Place(options) {
         Descriptor.prototype.authenticate;
         /** @type {?} */
         Descriptor.prototype.title;
+        /** @type {?} */
+        Descriptor.prototype.order;
     }
     /**
      * @param {?} klass
@@ -3620,5 +3695,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