@coolon/angular-ui-powerups 0.0.135 → 1.0.0-alpha.12

package/esm5/lib/place/components/list-place-nav/list-place-nav.component.js

@@ -1,64 +1,39 @@
-/**
- * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-import * as tslib_1 from "tslib";
+import { __decorate, __extends, __metadata } from "tslib";
 import { Component, HostBinding } from '@angular/core';
 import { PlaceRouter } from '../../place-router';
 import { AbstractPlaceNavigationComponent } from '../abstract-place-navigation.component';
 var ListPlaceNavComponent = /** @class */ (function (_super) {
-    tslib_1.__extends(ListPlaceNavComponent, _super);
+    __extends(ListPlaceNavComponent, _super);
     function ListPlaceNavComponent(placeRouter) {
         var _this = _super.call(this, placeRouter) || this;
         _this.expanded = true;
         return _this;
     }
-    /**
-     * @return {?}
-     */
-    ListPlaceNavComponent.prototype.expandMenu = /**
-     * @return {?}
-     */
-    function () {
+    ListPlaceNavComponent.prototype.expandMenu = function () {
         this.expanded = true;
     };
-    /**
-     * @return {?}
-     */
-    ListPlaceNavComponent.prototype.collapseMenu = /**
-     * @return {?}
-     */
-    function () {
+    ListPlaceNavComponent.prototype.collapseMenu = function () {
         this.expanded = false;
     };
-    /**
-     * @return {?}
-     */
-    ListPlaceNavComponent.prototype.toggleMenu = /**
-     * @return {?}
-     */
-    function () {
+    ListPlaceNavComponent.prototype.toggleMenu = function () {
         this.expanded = !this.expanded;
     };
-    ListPlaceNavComponent.decorators = [
-        { type: Component, args: [{
-                    selector: 'aup-list-place-nav',
-                    template: "<mat-nav-list class=\"app-menu\">\n  <a mat-list-item *ngFor=\"let placeDefinition of placeDefinitions.value\"\n     [pectinCommand]=\"commandFactory.create(placeDefinition)\"\n     [class.active]=\"isActive(placeDefinition)\"\n     [matTooltip]=\"getNav(placeDefinition).tooltip()\">\n    <mat-icon *ngIf=\"getNav(placeDefinition).icon()\">{{getNav(placeDefinition).icon()}}</mat-icon>\n    <span class=\"expanded-only\">{{getNav(placeDefinition).title()}}</span>\n  </a>\n</mat-nav-list>\n",
-                    styles: [":host{display:flex;flex-direction:column;--expanded-width:235px;--nav-item-width:var(--nav-bar-height);width:var(--nav-item-width);transition:width 125ms linear}:host.expanded{width:var(--expanded-width);max-width:var(--expanded-width)}.expanded-only{max-width:0;overflow:hidden}.collapsed-only{max-width:100%;overflow:hidden}.header{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;height:var(--nav-bar-height);border-bottom:var(--pinstripe-border);cursor:pointer}.header .menu{flex:1}.header button{color:inherit;width:var(--nav-item-width);height:var(--nav-bar-height)}mat-nav-list{flex:1;display:flex;flex-direction:column}.mat-list-item{width:var(--nav-item-width);height:var(--nav-bar-height);color:rgba(0,0,0,.6)}.mat-list-item.active{background-color:rgba(0,0,0,.1);color:rgba(0,0,0,.9)}mat-icon{color:inherit}mat-icon.flip-horizontal{transform:scaleX(-1)}:host-context(.expanded) .expanded-only{max-width:100%}:host-context(.expanded) .collapsed-only{max-width:0}:host-context(.expanded) .mat-list-item mat-icon{margin-right:12px}:host-context(.expanded) .mat-list-item span{text-wrap:none;white-space:nowrap}a[ng-reflect-router-link=manage-instruments] mat-icon{transform:rotate(90deg)}.app-menu{padding-top:0}"]
-                }] }
-    ];
-    /** @nocollapse */
     ListPlaceNavComponent.ctorParameters = function () { return [
         { type: PlaceRouter }
     ]; };
-    ListPlaceNavComponent.propDecorators = {
-        expanded: [{ type: HostBinding, args: ['class.expanded',] }]
-    };
+    __decorate([
+        HostBinding('class.expanded'),
+        __metadata("design:type", Object)
+    ], ListPlaceNavComponent.prototype, "expanded", void 0);
+    ListPlaceNavComponent = __decorate([
+        Component({
+            selector: 'aup-list-place-nav',
+            template: "<mat-nav-list class=\"app-menu\">\n  <a mat-list-item *ngFor=\"let placeDefinition of placeDefinitions.value\"\n     [pectinCommand]=\"commandFactory.create(placeDefinition)\"\n     [class.active]=\"isActive(placeDefinition)\"\n     [matTooltip]=\"getNav(placeDefinition).tooltip()\">\n    <mat-icon *ngIf=\"getNav(placeDefinition).icon()\">{{getNav(placeDefinition).icon()}}</mat-icon>\n    <span class=\"expanded-only\">{{getNav(placeDefinition).title()}}</span>\n  </a>\n</mat-nav-list>\n",
+            styles: [":host{display:flex;flex-direction:column;--expanded-width:235px;--nav-item-width:var(--nav-bar-height);width:var(--nav-item-width);transition:width 125ms linear}:host.expanded{width:var(--expanded-width);max-width:var(--expanded-width)}.expanded-only{max-width:0;overflow:hidden}.collapsed-only{max-width:100%;overflow:hidden}.header{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;height:var(--nav-bar-height);border-bottom:var(--pinstripe-border);cursor:pointer}.header .menu{flex:1}.header button{color:inherit;width:var(--nav-item-width);height:var(--nav-bar-height)}mat-nav-list{flex:1;display:flex;flex-direction:column}.mat-list-item{width:var(--nav-item-width);height:var(--nav-bar-height);color:rgba(0,0,0,.6)}.mat-list-item.active{background-color:rgba(0,0,0,.1);color:rgba(0,0,0,.9)}mat-icon{color:inherit}mat-icon.flip-horizontal{transform:scaleX(-1)}:host-context(.expanded) .expanded-only{max-width:100%}:host-context(.expanded) .collapsed-only{max-width:0}:host-context(.expanded) .mat-list-item mat-icon{margin-right:12px}:host-context(.expanded) .mat-list-item span{text-wrap:none;white-space:nowrap}a[ng-reflect-router-link=manage-instruments] mat-icon{transform:rotate(90deg)}.app-menu{padding-top:0}"]
+        }),
+        __metadata("design:paramtypes", [PlaceRouter])
+    ], ListPlaceNavComponent);
     return ListPlaceNavComponent;
 }(AbstractPlaceNavigationComponent));
 export { ListPlaceNavComponent };
-if (false) {
-    /** @type {?} */
-    ListPlaceNavComponent.prototype.expanded;
-}
 //# sourceMappingURL=list-place-nav.component.js.map

package/esm5/lib/place/components/list-place-nav/list-place-nav.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"list-place-nav.component.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/place/components/list-place-nav/list-place-nav.component.ts"],"names":[],"mappings":";;;;;AAAA,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACjD,OAAO,EAAE,gCAAgC,EAAE,MAAM,wCAAwC,CAAC;AAE1F;IAK2C,iDAAgC;IAKzE,+BAAY,WAAuB;QAAnC,YACE,kBAAM,WAAW,CAAC,SACnB;QAJM,cAAQ,GAAG,IAAI,CAAC;;IAIvB,CAAC;;;;IAED,0CAAU;;;IAAV;QACE,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;IACvB,CAAC;;;;IAED,4CAAY;;;IAAZ;QACE,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;IACxB,CAAC;;;;IAED,0CAAU;;;IAAV;QACE,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC;IACjC,CAAC;;gBAxBF,SAAS,SAAC;oBACT,QAAQ,EAAE,oBAAoB;oBAC9B,ufAA8C;;iBAE/C;;;;gBAPQ,WAAW;;;2BAUjB,WAAW,SAAC,gBAAgB;;IAkB/B,4BAAC;CAAA,AAzBD,CAK2C,gCAAgC,GAoB1E;SApBY,qBAAqB;;;IAEhC,yCACuB","sourcesContent":["import { Component, HostBinding } from '@angular/core';\nimport { PlaceRouter } from '../../place-router';\nimport { AbstractPlaceNavigationComponent } from '../abstract-place-navigation.component';\n\n@Component({\n  selector: 'aup-list-place-nav',\n  templateUrl: './list-place-nav.component.html',\n  styleUrls: ['./list-place-nav.component.scss']\n})\nexport class ListPlaceNavComponent extends AbstractPlaceNavigationComponent {\n\n  @HostBinding('class.expanded')\n  public expanded = true;\n\n  constructor(placeRouter:PlaceRouter) {\n    super(placeRouter);\n  }\n\n  expandMenu() {\n    this.expanded = true;\n  }\n\n  collapseMenu() {\n    this.expanded = false;\n  }\n\n  toggleMenu() {\n    this.expanded = !this.expanded;\n  }\n}\n"]}
+{"version":3,"file":"list-place-nav.component.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/place/components/list-place-nav/list-place-nav.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACjD,OAAO,EAAE,gCAAgC,EAAE,MAAM,wCAAwC,CAAC;AAO1F;IAA2C,yCAAgC;IAKzE,+BAAY,WAAuB;QAAnC,YACE,kBAAM,WAAW,CAAC,SACnB;QAJM,cAAQ,GAAG,IAAI,CAAC;;IAIvB,CAAC;IAED,0CAAU,GAAV;QACE,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;IACvB,CAAC;IAED,4CAAY,GAAZ;QACE,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;IACxB,CAAC;IAED,0CAAU,GAAV;QACE,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC;IACjC,CAAC;;gBAduB,WAAW;;IAFnC;QADC,WAAW,CAAC,gBAAgB,CAAC;;2DACP;IAHZ,qBAAqB;QALjC,SAAS,CAAC;YACT,QAAQ,EAAE,oBAAoB;YAC9B,ufAA8C;;SAE/C,CAAC;yCAMwB,WAAW;OALxB,qBAAqB,CAoBjC;IAAD,4BAAC;CAAA,AApBD,CAA2C,gCAAgC,GAoB1E;SApBY,qBAAqB","sourcesContent":["import { Component, HostBinding } from '@angular/core';\nimport { PlaceRouter } from '../../place-router';\nimport { AbstractPlaceNavigationComponent } from '../abstract-place-navigation.component';\n\n@Component({\n  selector: 'aup-list-place-nav',\n  templateUrl: './list-place-nav.component.html',\n  styleUrls: ['./list-place-nav.component.scss']\n})\nexport class ListPlaceNavComponent extends AbstractPlaceNavigationComponent {\n\n  @HostBinding('class.expanded')\n  public expanded = true;\n\n  constructor(placeRouter:PlaceRouter) {\n    super(placeRouter);\n  }\n\n  expandMenu() {\n    this.expanded = true;\n  }\n\n  collapseMenu() {\n    this.expanded = false;\n  }\n\n  toggleMenu() {\n    this.expanded = !this.expanded;\n  }\n}\n"]}

package/esm5/lib/place/components/place-outlet/place-outlet.component.js

@@ -1,35 +1,14 @@
-/**
- * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-import * as tslib_1 from "tslib";
+import { __decorate, __extends, __metadata, __param } from "tslib";
 import { Component, EventEmitter, Inject, Input, Optional, Output, SkipSelf, ViewChild } from '@angular/core';
-import { Router, RouterOutlet } from '@angular/router';
+import { ActivatedRoute, Router, RouterOutlet } from '@angular/router';
 import { DebugContext, Dsl, lang, ListModel, MutableValueModel, StoreInListModel, StoreInValueModel, UseDelegate, ValueModel } from '@coolon/pectin';
 import * as _ from 'lodash';
 import { DisposableComponent } from '../../../components/disposable-component';
 import { AUP_PLACE_CONFIG } from '../../place-config';
 import { PlaceRouter } from '../../place-router';
 import { LEFT_RIGHT_PLACE_ANIMATION } from './route-animations';
-/**
- * @record
- */
-function PlaceRef() { }
-if (false) {
-    /** @type {?} */
-    PlaceRef.prototype.placeDefinition;
-    /**
-     * @param {?} param
-     * @return {?}
-     */
-    PlaceRef.prototype.initialiseBindings = function (param) { };
-    /**
-     * @return {?}
-     */
-    PlaceRef.prototype.onPlaceReady = function () { };
-}
 var PlaceOutletComponent = /** @class */ (function (_super) {
-    tslib_1.__extends(PlaceOutletComponent, _super);
+    __extends(PlaceOutletComponent, _super);
     function PlaceOutletComponent(router, placeRouter, placeConfig, parentOutlet) {
         var _this = _super.call(this) || this;
         _this.router = router;
@@ -43,30 +22,15 @@ var PlaceOutletComponent = /** @class */ (function (_super) {
         _this._isPushingVisitToRoute = new MutableValueModel(false);
         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.parentOutletModel = new MutableValueModel(parentOutlet);
-        /** @type {?} */
         var defaultPlaceAnimationOrder = chain(_this.parentOutletModel)
-            .pullValueModel((/**
-         * @param {?} o
-         * @return {?}
-         */
-        function (o) { return o.activePlaceModel; }))
+            .pullValueModel(function (o) { return o.activePlaceModel; })
             .pluck('placeDefinition')
             .pluckList('children')
             .pluck('component');
-        /** @type {?} */
-        var activatePlaceType = chain(_this.activePlaceModel).map((/**
-         * @param {?} p
-         * @return {?}
-         */
-        function (p) { return (/** @type {?} */ (p.constructor)); }));
+        var activatePlaceType = chain(_this.activePlaceModel).map(function (p) { return p.constructor; });
         _this.placeAnimationOrder = chain(_this.customPlaceAnimationOrderModel)
             .otherwise(defaultPlaceAnimationOrder)
-            .reduce((/**
-         * @param {?} placesInOrder
-         * @return {?}
-         */
-        function (placesInOrder) {
-            /** @type {?} */
+            .reduce(function (placesInOrder) {
             var placeIndex = 0;
             if (activatePlaceType.value) {
                 placeIndex = placesInOrder.indexOf(activatePlaceType.value);
@@ -75,166 +39,80 @@ var PlaceOutletComponent = /** @class */ (function (_super) {
                 }
             }
             return _.isNil(_this.initialPlaceIndex) ? 0 : placeIndex - _this.initialPlaceIndex;
-        }), { dependsOn: activatePlaceType });
+        }, { dependsOn: activatePlaceType });
         // Extract our visit model from the place router.
         _this._activePlaceDefinition = chain(_this._activePlaceModel).pluck('placeDefinition');
         _this.routerVisitModel = _this._activePlaceDefinition.findIn(chain(placeRouter.activeVisitsByPlaceDefinition));
         _this.navigationInProgress = chain(_this.placeRouter.navigationInProgress);
-        when.valueOf(_this.navigationInProgress).becomesFalsey((/**
-         * @return {?}
-         */
-        function () {
+        when.valueOf(_this.navigationInProgress).becomesFalsey(function () {
             _this.checkStateAndInitialise();
-        }));
-        when.valueOf(_this.outletActivated).becomesTruthy((/**
-         * @return {?}
-         */
-        function () {
+        });
+        when.valueOf(_this.outletActivated).becomesTruthy(function () {
             _this.checkStateAndInitialise();
-        }));
+        });
         chain(_this._activePlaceModel)
             .postponeWhile(_this.navigationInProgress)
-            .subscribe((/**
-         * @param {?} place
-         * @return {?}
-         */
-        function (place) { return _this.placeChanged.emit(place); }));
+            .subscribe(function (place) { return _this.placeChanged.emit(place); });
         return _this;
     }
     // @Trace()
-    // @Trace()
-    /**
-     * @return {?}
-     */
-    PlaceOutletComponent.prototype.ngOnInit = 
-    // @Trace()
-    /**
-     * @return {?}
-     */
-    function () {
+    PlaceOutletComponent.prototype.ngOnInit = function () {
     };
     // @Trace()
-    // @Trace()
-    /**
-     * @return {?}
-     */
-    PlaceOutletComponent.prototype.getAnimationOrder = 
-    // @Trace()
-    /**
-     * @return {?}
-     */
-    function () {
+    PlaceOutletComponent.prototype.getAnimationOrder = function () {
         return this.placeAnimationOrder.value;
     };
     Object.defineProperty(PlaceOutletComponent.prototype, "animationDuration", {
-        get: /**
-         * @return {?}
-         */
-        function () {
+        get: function () {
             return this.placeConfig && this.placeConfig.animationDuration ? this.placeConfig.animationDuration : '500ms';
         },
         enumerable: true,
         configurable: true
     });
     // @Trace()
-    // @Trace()
-    /**
-     * @param {?} visit
-     * @return {?}
-     */
-    PlaceOutletComponent.prototype.navigate = 
-    // @Trace()
-    /**
-     * @param {?} visit
-     * @return {?}
-     */
-    function (visit) {
+    PlaceOutletComponent.prototype.navigate = function (visit) {
         // console.log({ activatedRoute: this._activatedRouteModel.value });
         this.placeRouter.navigate(visit, {
             relativeTo: this.parentOutlet ? this.parentOutlet.activatedRouteModel.value : null
         });
     };
     Object.defineProperty(PlaceOutletComponent.prototype, "parentOutlet", {
-        get: /**
-         * @return {?}
-         */
-        function () {
+        get: function () {
             return this.parentOutletModel.value;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(PlaceOutletComponent.prototype, "activePlaceModel", {
-        get: /**
-         * @return {?}
-         */
-        function () {
+        get: function () {
             return this._activePlaceModel.readonly;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(PlaceOutletComponent.prototype, "activatedRouteModel", {
-        get: /**
-         * @return {?}
-         */
-        function () {
+        get: function () {
             return this._activatedRouteModel.readonly;
         },
         enumerable: true,
         configurable: true
     });
     // @Trace()
-    // @Trace()
-    /**
-     * @param {?} routerOutlet
-     * @param {?} place
-     * @return {?}
-     */
-    PlaceOutletComponent.prototype.onOutletActivated = 
-    // @Trace()
-    /**
-     * @param {?} routerOutlet
-     * @param {?} place
-     * @return {?}
-     */
-    function (routerOutlet, place) {
+    PlaceOutletComponent.prototype.onOutletActivated = function (routerOutlet, place) {
         this._activatedRouteModel.value = routerOutlet.activatedRoute;
         this._activePlaceModel.value = place;
         this.outletActivated.value = true;
         this.checkStateAndInitialise();
     };
     // @Trace()
-    // @Trace()
-    /**
-     * @return {?}
-     */
-    PlaceOutletComponent.prototype.onOutletDeactivated = 
-    // @Trace()
-    /**
-     * @return {?}
-     */
-    function () {
+    PlaceOutletComponent.prototype.onOutletDeactivated = function () {
         this.outletActivated.value = false;
         this._activePlaceModel.value = null;
         this._activatedRouteModel.value = null;
     };
     // @Trace()
-    // @Trace()
-    /**
-     * @private
-     * @return {?}
-     */
-    PlaceOutletComponent.prototype.checkStateAndInitialise = 
-    // @Trace()
-    /**
-     * @private
-     * @return {?}
-     */
-    function () {
-        /** @type {?} */
+    PlaceOutletComponent.prototype.checkStateAndInitialise = function () {
         var routerVisit = this.routerVisitModel.value;
-        /** @type {?} */
         var activePlace = this.activePlaceModel.value;
         if (routerVisit && activePlace && !activePlace.isInitialised()) {
             if (routerVisit.placeDefinition !== activePlace.placeDefinition) {
@@ -244,213 +122,85 @@ var PlaceOutletComponent = /** @class */ (function (_super) {
         }
     };
     // @Trace()
-    // @Trace()
-    /**
-     * @private
-     * @param {?} routerVisit
-     * @param {?} activePlace
-     * @return {?}
-     */
-    PlaceOutletComponent.prototype.initialisePlace = 
-    // @Trace()
-    /**
-     * @private
-     * @param {?} routerVisit
-     * @param {?} activePlace
-     * @return {?}
-     */
-    function (routerVisit, activePlace) {
+    PlaceOutletComponent.prototype.initialisePlace = function (routerVisit, activePlace) {
         var _this = this;
-        /** @type {?} */
         var visitModel = new MutableValueModel(routerVisit);
         DebugContext.tag(visitModel, "PlaceOutletComponent[" + activePlace.constructor.name + ")].visitModel");
-        activePlace.initialiseVisit(routerVisit, (/**
-         * @param {?} current
-         * @param {?} previous
-         * @return {?}
-         */
-        function (current, previous) {
+        activePlace.initialiseVisit(routerVisit, function (current, previous) {
             _this.pushVisitChangeToRoute(previous, current);
-        }));
+        });
         if (!this.animateModel.value) {
             // we're not animating so trigger any post animation callbacks now.
             this.animationDone();
         }
         var _a = Dsl.disposeWith(activePlace), when = _a.when, chain = _a.chain, valueOf = _a.valueOf;
         when.valueOf(this.routerVisitModel)
-            .changes((/**
-         * @param {?} visit
-         * @return {?}
-         */
-        function (visit) {
+            .changes(function (visit) {
             activePlace.updateVisit(visit);
-        }), {
+        }, {
             unless: valueOf.any(this._isPushingVisitToRoute, this.routerVisitModel.isNil()).areTruthy()
         });
     };
-    /**
-     * @private
-     * @param {?} previous
-     * @param {?} current
-     * @return {?}
-     */
-    PlaceOutletComponent.prototype.pushVisitChangeToRoute = /**
-     * @private
-     * @param {?} previous
-     * @param {?} current
-     * @return {?}
-     */
-    function (previous, current) {
+    PlaceOutletComponent.prototype.pushVisitChangeToRoute = function (previous, current) {
         var _this = this;
         this._isPushingVisitToRoute.value = true;
-        this.placeRouter.pushVisitChangesToRoute(previous, current).finally((/**
-         * @return {?}
-         */
-        function () {
+        this.placeRouter.pushVisitChangesToRoute(previous, current).finally(function () {
             _this._isPushingVisitToRoute.value = false;
-        }));
+        });
     };
     // @Trace()
-    // @Trace()
-    /**
-     * @return {?}
-     */
-    PlaceOutletComponent.prototype.animationStarted = 
-    // @Trace()
-    /**
-     * @return {?}
-     */
-    function () {
+    PlaceOutletComponent.prototype.animationStarted = function () {
         // console.log({ activePlace: this._activePlaceModel.value });
     };
     // @Trace()
-    // @Trace()
-    /**
-     * @return {?}
-     */
-    PlaceOutletComponent.prototype.animationDone = 
-    // @Trace()
-    /**
-     * @return {?}
-     */
-    function () {
+    PlaceOutletComponent.prototype.animationDone = function () {
         if (this._activePlaceModel.value) {
             this._activePlaceModel.value.onPlaceReady();
         }
     };
-    PlaceOutletComponent.decorators = [
-        { type: Component, args: [{
-                    selector: 'aup-place-outlet',
-                    template: "<ng-container *ngIf=\"animateModel.value\">\n  <div class=\"router-outlet-container\"\n       [@routeAnimations]=\"{value: getAnimationOrder(), params:{duration: animationDuration}}\"\n       (@routeAnimations.start)=\"animationStarted()\"\n       (@routeAnimations.done)=\"animationDone()\"\n  >\n    <router-outlet #routerOutlet=\"outlet\"\n                   (activate)=\"onOutletActivated(routerOutlet, $event)\"\n                   (deactivate)=\"onOutletDeactivated()\">\n    </router-outlet>\n  </div>\n</ng-container>\n\n<ng-container *ngIf=\"!animateModel.value\">\n  <div class=\"router-outlet-container\">\n    <router-outlet #routerOutlet=\"outlet\"\n                   (activate)=\"onOutletActivated(routerOutlet, $event)\"\n                   (deactivate)=\"onOutletDeactivated()\">\n    </router-outlet>\n  </div>\n</ng-container>\n\n",
-                    animations: [LEFT_RIGHT_PLACE_ANIMATION],
-                    styles: [":host{display:flex;flex-direction:column;min-height:0;overflow-x:hidden}.router-outlet-container{flex:1;display:block;position:relative;min-height:0}router-outlet{display:none}"]
-                }] }
-    ];
-    /** @nocollapse */
     PlaceOutletComponent.ctorParameters = function () { return [
         { type: Router },
         { type: PlaceRouter },
         { type: undefined, decorators: [{ type: Optional }, { type: Inject, args: [AUP_PLACE_CONFIG,] }] },
         { type: PlaceOutletComponent, decorators: [{ type: SkipSelf }, { type: Optional }] }
     ]; };
-    PlaceOutletComponent.propDecorators = {
-        animate: [{ type: Input }],
-        animateModel: [{ type: Input }],
-        customPlaceAnimationOrderModel: [{ type: Input, args: ['placeAnimationOrderModel',] }],
-        customPlaceAnimationOrder: [{ type: Input, args: ['placeAnimationOrder',] }],
-        placeChanged: [{ type: Output }],
-        routerOut: [{ type: ViewChild, args: ['routeOutlet', { static: true },] }]
-    };
-    tslib_1.__decorate([
-        StoreInValueModel('animateModel'),
-        tslib_1.__metadata("design:type", Boolean)
+    __decorate([
+        Input(), StoreInValueModel('animateModel'),
+        __metadata("design:type", Boolean)
     ], PlaceOutletComponent.prototype, "animate", void 0);
-    tslib_1.__decorate([
-        UseDelegate({ defaultValue: true }),
-        tslib_1.__metadata("design:type", ValueModel)
+    __decorate([
+        Input(), UseDelegate({ defaultValue: true }),
+        __metadata("design:type", ValueModel)
     ], PlaceOutletComponent.prototype, "animateModel", void 0);
-    tslib_1.__decorate([
-        UseDelegate(),
-        tslib_1.__metadata("design:type", ListModel)
+    __decorate([
+        Input('placeAnimationOrderModel'), UseDelegate(),
+        __metadata("design:type", ListModel)
     ], PlaceOutletComponent.prototype, "customPlaceAnimationOrderModel", void 0);
-    tslib_1.__decorate([
-        StoreInListModel('customPlaceAnimationOrderModel'),
-        tslib_1.__metadata("design:type", Array)
+    __decorate([
+        Input('placeAnimationOrder'), StoreInListModel('customPlaceAnimationOrderModel'),
+        __metadata("design:type", Array)
     ], PlaceOutletComponent.prototype, "customPlaceAnimationOrder", void 0);
+    __decorate([
+        Output(),
+        __metadata("design:type", Object)
+    ], PlaceOutletComponent.prototype, "placeChanged", void 0);
+    __decorate([
+        ViewChild('routeOutlet', { static: true }),
+        __metadata("design:type", RouterOutlet)
+    ], PlaceOutletComponent.prototype, "routerOut", void 0);
+    PlaceOutletComponent = __decorate([
+        Component({
+            selector: 'aup-place-outlet',
+            template: "<ng-container *ngIf=\"animateModel.value\">\n  <div class=\"router-outlet-container\"\n       [@routeAnimations]=\"{value: getAnimationOrder(), params:{duration: animationDuration}}\"\n       (@routeAnimations.start)=\"animationStarted()\"\n       (@routeAnimations.done)=\"animationDone()\"\n  >\n    <router-outlet #routerOutlet=\"outlet\"\n                   (activate)=\"onOutletActivated(routerOutlet, $event)\"\n                   (deactivate)=\"onOutletDeactivated()\">\n    </router-outlet>\n  </div>\n</ng-container>\n\n<ng-container *ngIf=\"!animateModel.value\">\n  <div class=\"router-outlet-container\">\n    <router-outlet #routerOutlet=\"outlet\"\n                   (activate)=\"onOutletActivated(routerOutlet, $event)\"\n                   (deactivate)=\"onOutletDeactivated()\">\n    </router-outlet>\n  </div>\n</ng-container>\n\n",
+            animations: [LEFT_RIGHT_PLACE_ANIMATION],
+            styles: [":host{display:flex;flex-direction:column;min-height:0;overflow-x:hidden}.router-outlet-container{flex:1;display:block;position:relative;min-height:0}router-outlet{display:none}"]
+        }),
+        __param(2, Optional()), __param(2, Inject(AUP_PLACE_CONFIG)),
+        __param(3, SkipSelf()), __param(3, Optional()),
+        __metadata("design:paramtypes", [Router,
+            PlaceRouter, Object, PlaceOutletComponent])
+    ], PlaceOutletComponent);
     return PlaceOutletComponent;
 }(DisposableComponent));
 export { PlaceOutletComponent };
-if (false) {
-    /** @type {?} */
-    PlaceOutletComponent.prototype.animate;
-    /** @type {?} */
-    PlaceOutletComponent.prototype.animateModel;
-    /** @type {?} */
-    PlaceOutletComponent.prototype.customPlaceAnimationOrderModel;
-    /** @type {?} */
-    PlaceOutletComponent.prototype.customPlaceAnimationOrder;
-    /** @type {?} */
-    PlaceOutletComponent.prototype.placeChanged;
-    /** @type {?} */
-    PlaceOutletComponent.prototype.routerOut;
-    /**
-     * @type {?}
-     * @private
-     */
-    PlaceOutletComponent.prototype.outletActivated;
-    /**
-     * @type {?}
-     * @private
-     */
-    PlaceOutletComponent.prototype._activatedRouteModel;
-    /**
-     * @type {?}
-     * @private
-     */
-    PlaceOutletComponent.prototype._activePlaceModel;
-    /**
-     * @type {?}
-     * @private
-     */
-    PlaceOutletComponent.prototype._activePlaceDefinition;
-    /**
-     * @type {?}
-     * @private
-     */
-    PlaceOutletComponent.prototype.parentOutletModel;
-    /** @type {?} */
-    PlaceOutletComponent.prototype.placeAnimationOrder;
-    /**
-     * @type {?}
-     * @private
-     */
-    PlaceOutletComponent.prototype.initialPlaceIndex;
-    /**
-     * @type {?}
-     * @private
-     */
-    PlaceOutletComponent.prototype.routerVisitModel;
-    /**
-     * @type {?}
-     * @private
-     */
-    PlaceOutletComponent.prototype._isPushingVisitToRoute;
-    /**
-     * @type {?}
-     * @private
-     */
-    PlaceOutletComponent.prototype.navigationInProgress;
-    /**
-     * @type {?}
-     * @private
-     */
-    PlaceOutletComponent.prototype.router;
-    /**
-     * @type {?}
-     * @private
-     */
-    PlaceOutletComponent.prototype.placeRouter;
-    /** @type {?} */
-    PlaceOutletComponent.prototype.placeConfig;
-}
 //# sourceMappingURL=place-outlet.component.js.map