@coolon/angular-ui-powerups 0.0.22 → 0.0.24

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
                         ],
@@ -1900,40 +1900,6 @@
         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: core.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: core.Input }]
-        };
-        return NavComponent;
-    }());
-    if (false) {
-        /** @type {?} */
-        NavComponent.prototype.places;
-    }
-
     /**
      * @fileoverview added by tsickle
      * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
@@ -2004,6 +1970,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 +2011,7 @@
     var PlaceOutletComponent = /** @class */ (function () {
         function PlaceOutletComponent(placeService) {
             this.placeService = placeService;
+            this.animate = true;
         }
         /**
          * @return {?}
@@ -2042,20 +2043,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: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: core.Input }]
+        };
         return PlaceOutletComponent;
     }());
     if (false) {
+        /** @type {?} */
+        PlaceOutletComponent.prototype.animate;
         /**
          * @type {?}
          * @private
@@ -2063,6 +2081,58 @@
         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 = pectin.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: core.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: core.Input }],
+            placesModel: [{ type: core.Input }]
+        };
+        __decorate([
+            pectin.StoreInListModel('placesModel'),
+            __metadata("design:type", Array)
+        ], TabbedPlaceNavigationComponent.prototype, "places", void 0);
+        __decorate([
+            pectin.UseDelegate(),
+            __metadata("design:type", pectin.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
@@ -2085,14 +2155,14 @@
                             EmptyStateComponent,
                             BusyOverlayComponent,
                             PlaceOutletComponent,
-                            NavComponent
+                            TabbedPlaceNavigationComponent
                         ],
                         entryComponents: [BusyOverlayComponent],
                         exports: [
                             BusyOverlayComponent,
                             PlaceOutletComponent,
                             EmptyStateComponent,
-                            NavComponent
+                            TabbedPlaceNavigationComponent
                         ],
                         providers: [
                             PlaceService
@@ -2540,6 +2610,8 @@
             Options.prototype.path;
             /** @type {?} */
             Options.prototype.title;
+            /** @type {?} */
+            Options.prototype.order;
             /** @type {?|undefined} */
             Options.prototype.authenticate;
         }
@@ -2548,6 +2620,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 +2633,8 @@
             Descriptor.prototype.authenticate;
             /** @type {?} */
             Descriptor.prototype.title;
+            /** @type {?} */
+            Descriptor.prototype.order;
         }
         /**
          * @param {?} klass
@@ -3786,8 +3861,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,8 +3876,8 @@
     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;
     exports.PasswordInputComponent = PasswordInputComponent;
     exports.Place = Place;
@@ -3820,6 +3895,7 @@
     exports.RouteParameterSanitiser = RouteParameterSanitiser;
     exports.SelectInputComponent = SelectInputComponent;
     exports.StringInputComponent = StringInputComponent;
+    exports.TabbedPlaceNavigationComponent = TabbedPlaceNavigationComponent;
     exports.slideDownAndUpAnimation = slideDownAndUpAnimation;
     exports.ɵa = CommandDirective;
     exports.ɵb = FocusBindingDirective;
@@ -3833,15 +3909,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 = TabbedPlaceNavigationComponent;
+    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 });