@coolon/angular-ui-powerups 1.4.2 → 1.6.0

package/esm5/lib/interaction/activity.js

@@ -1,7 +1,8 @@
 import { __extends } from "tslib";
 import { InjectionToken } from '@angular/core';
-import { DelegatingValueModel, GarbageCollector } from '@coolon/pectin';
+import { DelegatingValueModel } from '@coolon/pectin';
 import { assert } from '@coolon/typescript-utilities';
+import { DisposableComponent } from '../components/disposable-component';
 export var ACTIVITY_DATA = new InjectionToken('InteractionActivityData');
 var Activity = /** @class */ (function (_super) {
     __extends(Activity, _super);
@@ -49,6 +50,6 @@ var Activity = /** @class */ (function (_super) {
         return !!this._activityContext;
     };
     return Activity;
-}(GarbageCollector));
+}(DisposableComponent));
 export { Activity };
 //# sourceMappingURL=activity.js.map

package/esm5/lib/interaction/activity.js.map

@@ -1 +1 @@
-{"version":3,"file":"activity.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/interaction/activity.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,oBAAoB,EAAE,gBAAgB,EAAqB,MAAM,gBAAgB,CAAC;AAC3F,OAAO,EAAE,MAAM,EAAE,MAAM,8BAA8B,CAAC;AAGtD,MAAM,CAAC,IAAM,aAAa,GAAG,IAAI,cAAc,CAAM,yBAAyB,CAAC,CAAC;AAEhF;IAAsD,4BAAgB;IAAtE;QAAA,qEA+CC;QA7CkB,gBAAU,GAAG,IAAI,oBAAoB,EAAW,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;;IA6CvF,CAAC;IAvCC,6BAAU,GAAV,UAAW,wBAA4C,EAAE,eAAyC;QAChG,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC;QACpC,IAAI,CAAC,gBAAgB,GAAG,eAAe,CAAC;QACxC,IAAI,CAAC,mBAAmB,GAAG,wBAAwB,CAAC;IACtD,CAAC;IAED,sBAAI,wCAAkB;aAAtB;YACE,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC,CAAC;YACtC,OAAO,IAAI,CAAC,mBAAmB,CAAC;QAClC,CAAC;;;OAAA;IAED,uBAAI,GAAJ,UAAK,MAAU;QACb,OAAO,IAAI,CAAC,gBAAgB,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;IAC9C,CAAC;IAED,yBAAM,GAAN,UAAO,KAAS;QACd,IAAI,CAAC,gBAAgB,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxC,CAAC;IAED,WAAW;IACX,kCAAe,GAAf;IACA,CAAC;IAGD,sBAAI,0BAAI;aAAR;YACE,OAAO,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC;QAClC,CAAC;;;OAAA;IAED,4BAAS,GAAT,UAAU,SAA8B;QACtC,IAAI,CAAC,UAAU,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;IACzC,CAAC;IAED,yBAAM,GAAN;QACE,OAAO,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC;IAC/B,CAAC;IAED,gCAAa,GAAb;QACE,OAAO,CAAC,CAAC,IAAI,CAAC,gBAAgB,CAAC;IACjC,CAAC;IACH,eAAC;AAAD,CAAC,AA/CD,CAAsD,gBAAgB,GA+CrE","sourcesContent":["import { InjectionToken } from '@angular/core';\nimport { DelegatingValueModel, GarbageCollector, Trace, ValueModel } from '@coolon/pectin';\nimport { assert } from '@coolon/typescript-utilities';\nimport { InteractionContext } from './interaction-context';\n\nexport const ACTIVITY_DATA = new InjectionToken<any>('InteractionActivityData');\n\nexport abstract class Activity<D, R, E = any> extends GarbageCollector {\n\n  private readonly _busyModel = new DelegatingValueModel<boolean>().withDefault(false);\n  private _activityContext: Activity.Callbacks<R, E>;\n\n  // @Trace()\n  private _interactionContext: InteractionContext;\n\n  initialise(nestedInteractionContext: InteractionContext, activityContext: Activity.Callbacks<R, E>): void {\n    assert.isNil(this._activityContext);\n    this._activityContext = activityContext;\n    this._interactionContext = nestedInteractionContext;\n  }\n\n  get interactionContext() {\n    assert.isTruthy(this.isInitialised());\n    return this._interactionContext;\n  }\n\n  done(result?: R): void {\n    return this._activityContext.onDone(result);\n  }\n\n  cancel(error?: E): void {\n    this._activityContext.onCancel(error);\n  }\n\n  // @Trace()\n  onActivityReady() {\n  }\n\n\n  get busy(): ValueModel<boolean> {\n    return this._busyModel.readonly;\n  }\n\n  busyWhile(busyModel: ValueModel<boolean>) {\n    this._busyModel.setDelegate(busyModel);\n  }\n\n  isBusy() {\n    return this._busyModel.value;\n  }\n\n  isInitialised() {\n    return !!this._activityContext;\n  }\n}\n\nexport namespace Activity {\n\n  export interface Callbacks<R, E> {\n    onDone: (result: R) => void,\n    onCancel: (error: E) => void,\n  }\n}\n"]}
+{"version":3,"file":"activity.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/interaction/activity.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,oBAAoB,EAAuC,MAAM,gBAAgB,CAAC;AAC3F,OAAO,EAAE,MAAM,EAAE,MAAM,8BAA8B,CAAC;AACtD,OAAO,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAC;AAGzE,MAAM,CAAC,IAAM,aAAa,GAAG,IAAI,cAAc,CAAM,yBAAyB,CAAC,CAAC;AAEhF;IAAsD,4BAAmB;IAAzE;QAAA,qEA+CC;QA7CkB,gBAAU,GAAG,IAAI,oBAAoB,EAAW,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;;IA6CvF,CAAC;IAvCC,6BAAU,GAAV,UAAW,wBAA4C,EAAE,eAAyC;QAChG,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC;QACpC,IAAI,CAAC,gBAAgB,GAAG,eAAe,CAAC;QACxC,IAAI,CAAC,mBAAmB,GAAG,wBAAwB,CAAC;IACtD,CAAC;IAED,sBAAI,wCAAkB;aAAtB;YACE,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC,CAAC;YACtC,OAAO,IAAI,CAAC,mBAAmB,CAAC;QAClC,CAAC;;;OAAA;IAED,uBAAI,GAAJ,UAAK,MAAU;QACb,OAAO,IAAI,CAAC,gBAAgB,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;IAC9C,CAAC;IAED,yBAAM,GAAN,UAAO,KAAS;QACd,IAAI,CAAC,gBAAgB,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxC,CAAC;IAED,WAAW;IACX,kCAAe,GAAf;IACA,CAAC;IAGD,sBAAI,0BAAI;aAAR;YACE,OAAO,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC;QAClC,CAAC;;;OAAA;IAED,4BAAS,GAAT,UAAU,SAA8B;QACtC,IAAI,CAAC,UAAU,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;IACzC,CAAC;IAED,yBAAM,GAAN;QACE,OAAO,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC;IAC/B,CAAC;IAED,gCAAa,GAAb;QACE,OAAO,CAAC,CAAC,IAAI,CAAC,gBAAgB,CAAC;IACjC,CAAC;IACH,eAAC;AAAD,CAAC,AA/CD,CAAsD,mBAAmB,GA+CxE","sourcesContent":["import { InjectionToken } from '@angular/core';\nimport { DelegatingValueModel, GarbageCollector, Trace, ValueModel } from '@coolon/pectin';\nimport { assert } from '@coolon/typescript-utilities';\nimport { DisposableComponent } from '../components/disposable-component';\nimport { InteractionContext } from './interaction-context';\n\nexport const ACTIVITY_DATA = new InjectionToken<any>('InteractionActivityData');\n\nexport abstract class Activity<D, R, E = any> extends DisposableComponent {\n\n  private readonly _busyModel = new DelegatingValueModel<boolean>().withDefault(false);\n  private _activityContext: Activity.Callbacks<R, E>;\n\n  // @Trace()\n  private _interactionContext: InteractionContext;\n\n  initialise(nestedInteractionContext: InteractionContext, activityContext: Activity.Callbacks<R, E>): void {\n    assert.isNil(this._activityContext);\n    this._activityContext = activityContext;\n    this._interactionContext = nestedInteractionContext;\n  }\n\n  get interactionContext() {\n    assert.isTruthy(this.isInitialised());\n    return this._interactionContext;\n  }\n\n  done(result?: R): void {\n    return this._activityContext.onDone(result);\n  }\n\n  cancel(error?: E): void {\n    this._activityContext.onCancel(error);\n  }\n\n  // @Trace()\n  onActivityReady() {\n  }\n\n\n  get busy(): ValueModel<boolean> {\n    return this._busyModel.readonly;\n  }\n\n  busyWhile(busyModel: ValueModel<boolean>) {\n    this._busyModel.setDelegate(busyModel);\n  }\n\n  isBusy() {\n    return this._busyModel.value;\n  }\n\n  isInitialised() {\n    return !!this._activityContext;\n  }\n}\n\nexport namespace Activity {\n\n  export interface Callbacks<R, E> {\n    onDone: (result: R) => void,\n    onCancel: (error: E) => void,\n  }\n}\n"]}

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

@@ -28,8 +28,8 @@ var ListPlaceNavComponent = /** @class */ (function (_super) {
     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}"]
+            template: "<mat-nav-list fxFlex>\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}"]
         }),
         __metadata("design:paramtypes", [PlaceRouter])
     ], ListPlaceNavComponent);

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;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"]}
+{"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,2eAA8C;;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/side-place-navigation/side-place-navigation.component.js

@@ -0,0 +1,88 @@
+import { __decorate, __extends, __metadata } from "tslib";
+import { Component, ContentChild, HostBinding, TemplateRef } from '@angular/core';
+import { Router } from '@angular/router';
+import { PlaceRouter } from '../../place-router';
+import { AbstractPlaceNavigationComponent } from '../abstract-place-navigation.component';
+/**
+ * @example
+ * // Usage
+ * <aup-vertical-place-navigation [places]="placeConstructorArray"
+ *                                [placeOutlet]="placeOutletComponent">
+ * </aup-vertical-place-navigation>
+ * <aup-place-outlet #placeOutletComponent></aup-place-outlet>
+ *
+ * // CSS overrides:
+ * aup-side-place-navigation {
+ *   --nav-width: 56px
+ *   --nav-expanded-width: 235px
+ *   --nav-item-height: var(--nav-width)
+ *   --nav-background-color: #555;
+ *   --nav-color: rgba(255, 255, 255, 0.9);
+ * }
+ *
+ * // Content Templates:
+ * #navEndTemplate
+ * <ng-template #navEndTemplate>
+ *    <a mat-list-item (click)="logout()" matTooltip="Logout">
+ *    <mat-icon>exit_to_app</mat-icon>
+ *    <span *ngIf="sideNav.expanded">Logout</span>
+ *    </a>
+ * </nav-template>
+ *
+ * // Place nav item in an i18n.yml
+ * places:
+ *   myPlace:
+ *     nav(NavItem):
+ *       title: "Activities"
+ *       icon: "build"
+ *       tooltip: "Alerts, confirms and dialogs"
+ *
+ * // In your place
+ * (at)Place({
+ *   path: 'myPlace',
+ *   data: {
+ *     nav: I18n.places.myPlace.nav()
+ *   }
+ * })
+ */
+var SidePlaceNavigationComponent = /** @class */ (function (_super) {
+    __extends(SidePlaceNavigationComponent, _super);
+    function SidePlaceNavigationComponent(router, placeRouter) {
+        var _this = _super.call(this, placeRouter) || this;
+        _this.router = router;
+        _this.expanded = false;
+        return _this;
+    }
+    SidePlaceNavigationComponent.prototype.expandMenu = function () {
+        this.expanded = true;
+    };
+    SidePlaceNavigationComponent.prototype.collapseMenu = function () {
+        this.expanded = false;
+    };
+    SidePlaceNavigationComponent.prototype.toggleMenu = function () {
+        this.expanded = !this.expanded;
+    };
+    SidePlaceNavigationComponent.ctorParameters = function () { return [
+        { type: Router },
+        { type: PlaceRouter }
+    ]; };
+    __decorate([
+        HostBinding('class.expanded'),
+        __metadata("design:type", Object)
+    ], SidePlaceNavigationComponent.prototype, "expanded", void 0);
+    __decorate([
+        ContentChild('navEndTemplate'),
+        __metadata("design:type", TemplateRef)
+    ], SidePlaceNavigationComponent.prototype, "navEndTemplate", void 0);
+    SidePlaceNavigationComponent = __decorate([
+        Component({
+            selector: 'aup-side-place-navigation',
+            template: "<mat-nav-list>\n  <a mat-list-item (click)=\"toggleMenu()\" class=\"home\">\n    <mat-icon class=\"collapsed-only\">menu</mat-icon>\n    <mat-icon class=\"expanded-only\">arrow_back</mat-icon>\n    <span class=\"expanded-only\">Menu</span>\n  </a>\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\n      class=\"expanded-only\">{{getNav(placeDefinition).title()}}</span>\n  </a>\n  <span [style.flex]=\"1\"></span>\n  <ng-container *ngIf=\"navEndTemplate\" [ngTemplateOutlet]=\"navEndTemplate\"></ng-container>\n</mat-nav-list>\n",
+            styles: [":host{display:flex;flex-direction:column;--resolved-nav-item-width:var(--nav-width, 56px);--resolved-nav-item-height:var(--nav-item-height, var(--resolved-nav-item-width));--resolved-expanded-width:var(--nav-expanded-width, 235px);--resolved-color:var(--nav-color, rgba(255, 255, 255, 0.9));--resolved-background-color:var(--nav-background-color, #555);width:var(--resolved-nav-item-width);transition:width 125ms linear;background-color:var(--resolved-background-color);color:var(--resolved-color)}:host.expanded{width:var(--resolved-expanded-width);max-width:var(--resolved-expanded-width)}:host-context(.expanded) .expanded-only{max-width:100%}:host-context(.expanded) .collapsed-only{max-width:0}:host-context(.expanded) .mat-list-item mat-icon:not(.collapsed-only){margin-right:12px}:host-context(.expanded) .mat-list-item span{text-wrap:none;white-space:nowrap}.expanded-only{max-width:0;overflow:hidden}.collapsed-only{max-width:100%;overflow:hidden}mat-nav-list{flex:1;display:flex;flex-direction:column}.mat-list-item{width:var(--resolved-nav-item-width);height:var(--resolved-nav-item-height);color:inherit}.mat-list-item.active{background-color:#444}.mat-list-item.home{text-align:left}mat-icon{color:inherit}mat-icon.flip-horizontal{transform:scaleX(-1)}"]
+        }),
+        __metadata("design:paramtypes", [Router, PlaceRouter])
+    ], SidePlaceNavigationComponent);
+    return SidePlaceNavigationComponent;
+}(AbstractPlaceNavigationComponent));
+export { SidePlaceNavigationComponent };
+//# sourceMappingURL=side-place-navigation.component.js.map

package/esm5/lib/place/components/side-place-navigation/side-place-navigation.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"side-place-navigation.component.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/place/components/side-place-navigation/side-place-navigation.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAClF,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACjD,OAAO,EAAE,gCAAgC,EAAE,MAAM,wCAAwC,CAAC;AAG1F;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCG;AAMH;IAAkD,gDAAgC;IAQhF,sCAAqB,MAAc,EAAE,WAAwB;QAA7D,YACE,kBAAM,WAAW,CAAC,SACnB;QAFoB,YAAM,GAAN,MAAM,CAAQ;QAL5B,cAAQ,GAAG,KAAK,CAAC;;IAOxB,CAAC;IAED,iDAAU,GAAV;QACE,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;IACvB,CAAC;IAED,mDAAY,GAAZ;QACE,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;IACxB,CAAC;IAED,iDAAU,GAAV;QACE,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC;IACjC,CAAC;;gBAd4B,MAAM;gBAAe,WAAW;;IAL7D;QADC,WAAW,CAAC,gBAAgB,CAAC;;kEACN;IAGxB;QADC,YAAY,CAAC,gBAAgB,CAAC;kCACf,WAAW;wEAAM;IANtB,4BAA4B;QALxC,SAAS,CAAC;YACT,QAAQ,EAAE,2BAA2B;YACrC,w1BAAqD;;SAEtD,CAAC;yCAS6B,MAAM,EAAe,WAAW;OARlD,4BAA4B,CAuBxC;IAAD,mCAAC;CAAA,AAvBD,CAAkD,gCAAgC,GAuBjF;SAvBY,4BAA4B","sourcesContent":["import { Component, ContentChild, HostBinding, TemplateRef } from '@angular/core';\nimport { Router } from '@angular/router';\nimport { PlaceRouter } from '../../place-router';\nimport { AbstractPlaceNavigationComponent } from '../abstract-place-navigation.component';\n\n\n/**\n * @example\n * // Usage\n * <aup-vertical-place-navigation [places]=\"placeConstructorArray\"\n *                                [placeOutlet]=\"placeOutletComponent\">\n * </aup-vertical-place-navigation>\n * <aup-place-outlet #placeOutletComponent></aup-place-outlet>\n *\n * // CSS overrides:\n * aup-side-place-navigation {\n *   --nav-width: 56px\n *   --nav-expanded-width: 235px\n *   --nav-item-height: var(--nav-width)\n *   --nav-background-color: #555;\n *   --nav-color: rgba(255, 255, 255, 0.9);\n * }\n *\n * // Content Templates:\n * #navEndTemplate\n * <ng-template #navEndTemplate>\n *    <a mat-list-item (click)=\"logout()\" matTooltip=\"Logout\">\n *    <mat-icon>exit_to_app</mat-icon>\n *    <span *ngIf=\"sideNav.expanded\">Logout</span>\n *    </a>\n * </nav-template>\n *\n * // Place nav item in an i18n.yml\n * places:\n *   myPlace:\n *     nav(NavItem):\n *       title: \"Activities\"\n *       icon: \"build\"\n *       tooltip: \"Alerts, confirms and dialogs\"\n *\n * // In your place\n * (at)Place({\n *   path: 'myPlace',\n *   data: {\n *     nav: I18n.places.myPlace.nav()\n *   }\n * })\n */\n@Component({\n  selector: 'aup-side-place-navigation',\n  templateUrl: './side-place-navigation.component.html',\n  styleUrls: ['./side-place-navigation.component.scss']\n})\nexport class SidePlaceNavigationComponent extends AbstractPlaceNavigationComponent {\n\n  @HostBinding('class.expanded')\n  public expanded = false;\n\n  @ContentChild('navEndTemplate')\n  navEndTemplate: TemplateRef<any>;\n\n  constructor(readonly router: Router, 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/side-place-navigation/side-place-navigation.component.ngfactory.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"side-place-navigation.component.ngfactory.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/place/components/side-place-navigation/side-place-navigation.component.ngfactory.ts"],"names":[],"mappings":"","sourcesContent":["import * as i0 from '@angular/core';\ni0.ComponentFactory;\n"]}

package/esm5/lib/place/components/side-place-navigation/side-place-navigation.component.scss.shim.ngstyle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"side-place-navigation.component.scss.shim.ngstyle.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/place/components/side-place-navigation/side-place-navigation.component.scss.shim.ngstyle.ts"],"names":[],"mappings":"","sourcesContent":["import * as i0 from '@angular/core';\ni0.ComponentFactory;\n"]}

package/esm5/lib/place/index.js

@@ -17,6 +17,7 @@ export * from "./components/empty-state/empty-state.component";
 export * from "./components/list-place-nav/list-place-nav.component";
 export * from "./components/place-outlet/place-outlet.component";
 export * from "./components/place-outlet/route-animations";
+export * from "./components/side-place-navigation/side-place-navigation.component";
 export * from "./components/tabbed-place-navigation/tabbed-place-navigation.component";
 export * from "./guards/consolidated-param-map";
 export * from "./guards/noop-auth-guard.service";

package/esm5/lib/place/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/place/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAGH,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,kDAAkD,CAAC;AACjE,cAAc,kDAAkD,CAAC;AACjE,cAAc,gDAAgD,CAAC;AAC/D,cAAc,sDAAsD,CAAC;AACrE,cAAc,kDAAkD,CAAC;AACjE,cAAc,4CAA4C,CAAC;AAC3D,cAAc,wEAAwE,CAAC;AACvF,cAAc,iCAAiC,CAAC;AAChD,cAAc,kCAAkC,CAAC;AACjD,cAAc,sBAAsB,CAAC;AACrC,cAAc,mDAAmD,CAAC;AAClE,cAAc,oDAAoD,CAAC;AACnE,cAAc,iCAAiC,CAAC;AAChD,cAAc,yCAAyC,CAAC;AACxD,cAAc,yCAAyC,CAAC;AACxD,cAAc,2CAA2C,CAAC;AAC1D,cAAc,2DAA2D,CAAC;AAC1E,cAAc,wFAAwF,CAAC;AACvG,cAAc,+FAA+F,CAAC;AAC9G,cAAc,kGAAkG,CAAC;AACjH,cAAc,iEAAiE,CAAC;AAChF,cAAc,2EAA2E,CAAC;AAC1F,cAAc,uFAAuF,CAAC;AACtG,cAAc,kFAAkF,CAAC;AACjG,cAAc,mBAAmB,CAAC;AAElC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,oCAAoC,CAAC;AAGnD,cAAc,yBAAyB,CAAC","sourcesContent":["/**\n * @file Automatically generated by barrelsby.\n */\n\nexport * from \"./nav-item\";\nexport * from \"./place-component\";\nexport * from \"./place-config\";\nexport * from \"./place-definition\";\nexport * from \"./place-history\";\nexport * from \"./place-router\";\nexport * from \"./place.decorator\";\nexport * from \"./place.module\";\nexport * from \"./url-service\";\nexport * from \"./url-snapshot\";\nexport * from \"./visit\";\nexport * from \"./components/abstract-place-navigation.component\";\nexport * from \"./components/busy-overlay/busy-overlay.component\";\nexport * from \"./components/empty-state/empty-state.component\";\nexport * from \"./components/list-place-nav/list-place-nav.component\";\nexport * from \"./components/place-outlet/place-outlet.component\";\nexport * from \"./components/place-outlet/route-animations\";\nexport * from \"./components/tabbed-place-navigation/tabbed-place-navigation.component\";\nexport * from \"./guards/consolidated-param-map\";\nexport * from \"./guards/noop-auth-guard.service\";\nexport * from \"./guards/place.guard\";\nexport * from \"./navigation/place-component-deactivation-handler\";\nexport * from \"./navigation/session/abstract-pop-state-navigation\";\nexport * from \"./navigation/session/navigating\";\nexport * from \"./navigation/session/navigation-context\";\nexport * from \"./navigation/session/navigation-session\";\nexport * from \"./navigation/session/pop-state-navigation\";\nexport * from \"./navigation/session/event-cleanup/event-clean-up-session\";\nexport * from \"./navigation/session/event-cleanup/wait-until-leaving-interaction-transition-cancelled\";\nexport * from \"./navigation/session/event-cleanup/wait-until-link-triggered-interaction-cancelation-finishes\";\nexport * from \"./navigation/session/event-cleanup/wait-until-popstate-during-can-deactivate-transition-finishes\";\nexport * from \"./navigation/session/interactions/navigating-during-interaction\";\nexport * from \"./navigation/session/interactions/pop-state-during-interaction-navigation\";\nexport * from \"./navigation/session/interactions/remove-last-interaction-from-url-navigation-session\";\nexport * from \"./navigation/session/interactions/synchronise-interaction-context-ids-with-route\";\nexport * from \"./route/formatter\";\nexport * from \"./route/json-types\";\nexport * from \"./route/parameter-decorators\";\nexport * from \"./route/parameter-definition.class\";\nexport * from \"./route/parameter-sanitiser\";\nexport * from \"./route/parameter-snapshot\";\nexport * from \"./route/visit-sanitiser\";\n"]}
+{"version":3,"file":"index.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/place/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAGH,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,kDAAkD,CAAC;AACjE,cAAc,kDAAkD,CAAC;AACjE,cAAc,gDAAgD,CAAC;AAC/D,cAAc,sDAAsD,CAAC;AACrE,cAAc,kDAAkD,CAAC;AACjE,cAAc,4CAA4C,CAAC;AAC3D,cAAc,oEAAoE,CAAC;AACnF,cAAc,wEAAwE,CAAC;AACvF,cAAc,iCAAiC,CAAC;AAChD,cAAc,kCAAkC,CAAC;AACjD,cAAc,sBAAsB,CAAC;AACrC,cAAc,mDAAmD,CAAC;AAClE,cAAc,oDAAoD,CAAC;AACnE,cAAc,iCAAiC,CAAC;AAChD,cAAc,yCAAyC,CAAC;AACxD,cAAc,yCAAyC,CAAC;AACxD,cAAc,2CAA2C,CAAC;AAC1D,cAAc,2DAA2D,CAAC;AAC1E,cAAc,wFAAwF,CAAC;AACvG,cAAc,+FAA+F,CAAC;AAC9G,cAAc,kGAAkG,CAAC;AACjH,cAAc,iEAAiE,CAAC;AAChF,cAAc,2EAA2E,CAAC;AAC1F,cAAc,uFAAuF,CAAC;AACtG,cAAc,kFAAkF,CAAC;AACjG,cAAc,mBAAmB,CAAC;AAElC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,oCAAoC,CAAC;AAGnD,cAAc,yBAAyB,CAAC","sourcesContent":["/**\n * @file Automatically generated by barrelsby.\n */\n\nexport * from \"./nav-item\";\nexport * from \"./place-component\";\nexport * from \"./place-config\";\nexport * from \"./place-definition\";\nexport * from \"./place-history\";\nexport * from \"./place-router\";\nexport * from \"./place.decorator\";\nexport * from \"./place.module\";\nexport * from \"./url-service\";\nexport * from \"./url-snapshot\";\nexport * from \"./visit\";\nexport * from \"./components/abstract-place-navigation.component\";\nexport * from \"./components/busy-overlay/busy-overlay.component\";\nexport * from \"./components/empty-state/empty-state.component\";\nexport * from \"./components/list-place-nav/list-place-nav.component\";\nexport * from \"./components/place-outlet/place-outlet.component\";\nexport * from \"./components/place-outlet/route-animations\";\nexport * from \"./components/side-place-navigation/side-place-navigation.component\";\nexport * from \"./components/tabbed-place-navigation/tabbed-place-navigation.component\";\nexport * from \"./guards/consolidated-param-map\";\nexport * from \"./guards/noop-auth-guard.service\";\nexport * from \"./guards/place.guard\";\nexport * from \"./navigation/place-component-deactivation-handler\";\nexport * from \"./navigation/session/abstract-pop-state-navigation\";\nexport * from \"./navigation/session/navigating\";\nexport * from \"./navigation/session/navigation-context\";\nexport * from \"./navigation/session/navigation-session\";\nexport * from \"./navigation/session/pop-state-navigation\";\nexport * from \"./navigation/session/event-cleanup/event-clean-up-session\";\nexport * from \"./navigation/session/event-cleanup/wait-until-leaving-interaction-transition-cancelled\";\nexport * from \"./navigation/session/event-cleanup/wait-until-link-triggered-interaction-cancelation-finishes\";\nexport * from \"./navigation/session/event-cleanup/wait-until-popstate-during-can-deactivate-transition-finishes\";\nexport * from \"./navigation/session/interactions/navigating-during-interaction\";\nexport * from \"./navigation/session/interactions/pop-state-during-interaction-navigation\";\nexport * from \"./navigation/session/interactions/remove-last-interaction-from-url-navigation-session\";\nexport * from \"./navigation/session/interactions/synchronise-interaction-context-ids-with-route\";\nexport * from \"./route/formatter\";\nexport * from \"./route/json-types\";\nexport * from \"./route/parameter-decorators\";\nexport * from \"./route/parameter-definition.class\";\nexport * from \"./route/parameter-sanitiser\";\nexport * from \"./route/parameter-snapshot\";\nexport * from \"./route/visit-sanitiser\";\n"]}

package/esm5/lib/place/place.module.js

@@ -1,6 +1,7 @@
 import { __decorate } from "tslib";
 import { CommonModule } from '@angular/common';
 import { NgModule } from '@angular/core';
+import { FlexModule } from '@angular/flex-layout';
 import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
 import { MatIconModule } from '@angular/material/icon';
 import { MatListModule } from '@angular/material/list';
@@ -15,6 +16,7 @@ import { EmptyStateComponent } from './components/empty-state/empty-state.compon
 import { ListPlaceNavComponent } from './components/list-place-nav/list-place-nav.component';
 import { PlaceOutletComponent } from './components/place-outlet/place-outlet.component';
 import { TabbedPlaceNavigationComponent } from './components/tabbed-place-navigation/tabbed-place-navigation.component';
+import { SidePlaceNavigationComponent } from './components/side-place-navigation/side-place-navigation.component';
 var PlaceModule = /** @class */ (function () {
     function PlaceModule() {
     }
@@ -29,7 +31,8 @@ var PlaceModule = /** @class */ (function () {
                 MatListModule,
                 MatTooltipModule,
                 MatIconModule,
-                DirectivesModule
+                DirectivesModule,
+                FlexModule
             ],
             declarations: [
                 EmptyStateComponent,
@@ -37,6 +40,7 @@ var PlaceModule = /** @class */ (function () {
                 PlaceOutletComponent,
                 TabbedPlaceNavigationComponent,
                 ListPlaceNavComponent,
+                SidePlaceNavigationComponent,
                 AbstractPlaceNavigationComponent
             ],
             entryComponents: [BusyOverlayComponent],
@@ -46,6 +50,7 @@ var PlaceModule = /** @class */ (function () {
                 EmptyStateComponent,
                 TabbedPlaceNavigationComponent,
                 ListPlaceNavComponent,
+                SidePlaceNavigationComponent,
                 AbstractPlaceNavigationComponent
             ],
             providers: [

package/esm5/lib/place/place.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"place.module.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/place/place.module.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,wBAAwB,EAAE,MAAM,oCAAoC,CAAC;AAC9E,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAC7D,OAAO,EAAE,uBAAuB,EAAE,MAAM,sCAAsC,CAAC;AAC/E,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AACnE,OAAO,EAAE,gCAAgC,EAAE,MAAM,kDAAkD,CAAC;AACpG,OAAO,EAAE,oBAAoB,EAAE,MAAM,kDAAkD,CAAC;AACxF,OAAO,EAAE,mBAAmB,EAAE,MAAM,gDAAgD,CAAC;AACrF,OAAO,EAAE,qBAAqB,EAAE,MAAM,sDAAsD,CAAC;AAC7F,OAAO,EAAE,oBAAoB,EAAE,MAAM,kDAAkD,CAAC;AACxF,OAAO,EAAE,8BAA8B,EAAE,MAAM,wEAAwE,CAAC;AAoCxH;IAAA;IAEA,CAAC;IAFY,WAAW;QAjCvB,QAAQ,CAAC;YACR,OAAO,EAAE;gBACP,YAAY;gBACZ,uBAAuB;gBACvB,wBAAwB;gBACxB,YAAY;gBACZ,aAAa;gBACb,aAAa;gBACb,gBAAgB;gBAChB,aAAa;gBACb,gBAAgB;aACjB;YACD,YAAY,EAAE;gBACZ,mBAAmB;gBACnB,oBAAoB;gBACpB,oBAAoB;gBACpB,8BAA8B;gBAC9B,qBAAqB;gBACrB,gCAAgC;aACjC;YACD,eAAe,EAAE,CAAC,oBAAoB,CAAC;YACvC,OAAO,EAAE;gBACP,oBAAoB;gBACpB,oBAAoB;gBACpB,mBAAmB;gBACnB,8BAA8B;gBAC9B,qBAAqB;gBACrB,gCAAgC;aACjC;YACD,SAAS,EAAE;YACT,uEAAuE;aACxE;SACF,CAAC;OACW,WAAW,CAEvB;IAAD,kBAAC;CAAA,AAFD,IAEC;SAFY,WAAW","sourcesContent":["import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { MatProgressSpinnerModule } from '@angular/material/progress-spinner';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatListModule } from '@angular/material/list';\nimport { MatTabsModule } from '@angular/material/tabs';\nimport { MatTooltipModule } from '@angular/material/tooltip';\nimport { BrowserAnimationsModule } from '@angular/platform-browser/animations';\nimport { RouterModule } from '@angular/router';\nimport { DirectivesModule } from '../directives/directives.module';\nimport { AbstractPlaceNavigationComponent } from './components/abstract-place-navigation.component';\nimport { BusyOverlayComponent } from './components/busy-overlay/busy-overlay.component';\nimport { EmptyStateComponent } from './components/empty-state/empty-state.component';\nimport { ListPlaceNavComponent } from './components/list-place-nav/list-place-nav.component';\nimport { PlaceOutletComponent } from './components/place-outlet/place-outlet.component';\nimport { TabbedPlaceNavigationComponent } from './components/tabbed-place-navigation/tabbed-place-navigation.component';\nimport { UrlService } from './url-service';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    BrowserAnimationsModule,\n    MatProgressSpinnerModule,\n    RouterModule,\n    MatTabsModule,\n    MatListModule,\n    MatTooltipModule,\n    MatIconModule,\n    DirectivesModule\n  ],\n  declarations: [\n    EmptyStateComponent,\n    BusyOverlayComponent,\n    PlaceOutletComponent,\n    TabbedPlaceNavigationComponent,\n    ListPlaceNavComponent,\n    AbstractPlaceNavigationComponent\n  ],\n  entryComponents: [BusyOverlayComponent],\n  exports: [\n    BusyOverlayComponent,\n    PlaceOutletComponent,\n    EmptyStateComponent,\n    TabbedPlaceNavigationComponent,\n    ListPlaceNavComponent,\n    AbstractPlaceNavigationComponent\n  ],\n  providers: [\n    // {provide: AUP_PLACE_CONFIG, useValue: {animationDuration: \"2000ms\"}}\n  ]\n})\nexport class PlaceModule {\n\n}\n"]}
+{"version":3,"file":"place.module.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/place/place.module.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAE,wBAAwB,EAAE,MAAM,oCAAoC,CAAC;AAC9E,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAC7D,OAAO,EAAE,uBAAuB,EAAE,MAAM,sCAAsC,CAAC;AAC/E,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AACnE,OAAO,EAAE,gCAAgC,EAAE,MAAM,kDAAkD,CAAC;AACpG,OAAO,EAAE,oBAAoB,EAAE,MAAM,kDAAkD,CAAC;AACxF,OAAO,EAAE,mBAAmB,EAAE,MAAM,gDAAgD,CAAC;AACrF,OAAO,EAAE,qBAAqB,EAAE,MAAM,sDAAsD,CAAC;AAC7F,OAAO,EAAE,oBAAoB,EAAE,MAAM,kDAAkD,CAAC;AACxF,OAAO,EAAE,8BAA8B,EAAE,MAAM,wEAAwE,CAAC;AACxH,OAAO,EAAE,4BAA4B,EAAE,MAAM,oEAAoE,CAAC;AAuClH;IAAA;IAEA,CAAC;IAFY,WAAW;QApCvB,QAAQ,CAAC;YACR,OAAO,EAAE;gBACP,YAAY;gBACZ,uBAAuB;gBACvB,wBAAwB;gBACxB,YAAY;gBACZ,aAAa;gBACb,aAAa;gBACb,gBAAgB;gBAChB,aAAa;gBACb,gBAAgB;gBAChB,UAAU;aACX;YACD,YAAY,EAAE;gBACZ,mBAAmB;gBACnB,oBAAoB;gBACpB,oBAAoB;gBACpB,8BAA8B;gBAC9B,qBAAqB;gBACrB,4BAA4B;gBAC5B,gCAAgC;aACjC;YACD,eAAe,EAAE,CAAC,oBAAoB,CAAC;YACvC,OAAO,EAAE;gBACP,oBAAoB;gBACpB,oBAAoB;gBACpB,mBAAmB;gBACnB,8BAA8B;gBAC9B,qBAAqB;gBACrB,4BAA4B;gBAC5B,gCAAgC;aACjC;YACD,SAAS,EAAE;YACT,uEAAuE;aACxE;SACF,CAAC;OACW,WAAW,CAEvB;IAAD,kBAAC;CAAA,AAFD,IAEC;SAFY,WAAW","sourcesContent":["import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FlexModule } from '@angular/flex-layout';\nimport { MatProgressSpinnerModule } from '@angular/material/progress-spinner';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatListModule } from '@angular/material/list';\nimport { MatTabsModule } from '@angular/material/tabs';\nimport { MatTooltipModule } from '@angular/material/tooltip';\nimport { BrowserAnimationsModule } from '@angular/platform-browser/animations';\nimport { RouterModule } from '@angular/router';\nimport { DirectivesModule } from '../directives/directives.module';\nimport { AbstractPlaceNavigationComponent } from './components/abstract-place-navigation.component';\nimport { BusyOverlayComponent } from './components/busy-overlay/busy-overlay.component';\nimport { EmptyStateComponent } from './components/empty-state/empty-state.component';\nimport { ListPlaceNavComponent } from './components/list-place-nav/list-place-nav.component';\nimport { PlaceOutletComponent } from './components/place-outlet/place-outlet.component';\nimport { TabbedPlaceNavigationComponent } from './components/tabbed-place-navigation/tabbed-place-navigation.component';\nimport { SidePlaceNavigationComponent } from './components/side-place-navigation/side-place-navigation.component';\nimport { UrlService } from './url-service';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    BrowserAnimationsModule,\n    MatProgressSpinnerModule,\n    RouterModule,\n    MatTabsModule,\n    MatListModule,\n    MatTooltipModule,\n    MatIconModule,\n    DirectivesModule,\n    FlexModule\n  ],\n  declarations: [\n    EmptyStateComponent,\n    BusyOverlayComponent,\n    PlaceOutletComponent,\n    TabbedPlaceNavigationComponent,\n    ListPlaceNavComponent,\n    SidePlaceNavigationComponent,\n    AbstractPlaceNavigationComponent\n  ],\n  entryComponents: [BusyOverlayComponent],\n  exports: [\n    BusyOverlayComponent,\n    PlaceOutletComponent,\n    EmptyStateComponent,\n    TabbedPlaceNavigationComponent,\n    ListPlaceNavComponent,\n    SidePlaceNavigationComponent,\n    AbstractPlaceNavigationComponent\n  ],\n  providers: [\n    // {provide: AUP_PLACE_CONFIG, useValue: {animationDuration: \"2000ms\"}}\n  ]\n})\nexport class PlaceModule {\n\n}\n"]}

package/esm5/lib/place/place.module.ngfactory.js.map

@@ -1 +1 @@
-{"version":3,"file":"place.module.ngfactory.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/place/place.module.ngfactory.ts"],"names":[],"mappings":"","sourcesContent":["import * as i0 from '@angular/core';\nimport * as i1 from './place.module';\nimport * as i2 from '@angular/common';\nimport * as i3 from '@angular/cdk/bidi';\nimport * as i4 from '@angular/material/progress-spinner';\nimport * as i5 from '@angular/router';\nimport * as i6 from '@angular/material/tabs';\nimport * as i7 from '@angular/material/core';\nimport * as i8 from '@angular/material/divider';\nimport * as i9 from '@angular/material/list';\nimport * as i10 from '@angular/cdk/scrolling';\nimport * as i11 from '@angular/material/tooltip';\nimport * as i12 from '@angular/material/icon';\nimport * as i13 from '../directives/command.directive';\nimport * as i14 from '../directives/focus-binding.directive';\nimport * as i15 from './components/empty-state/empty-state.component';\nimport * as i16 from './components/busy-overlay/busy-overlay.component';\nimport * as i17 from './components/place-outlet/place-outlet.component';\nimport * as i18 from './components/tabbed-place-navigation/tabbed-place-navigation.component';\nimport * as i19 from './components/list-place-nav/list-place-nav.component';\nimport * as i20 from './components/abstract-place-navigation.component';\nimport * as i21 from '@angular/platform-browser/animations';\nimport * as i22 from '../directives/directives.module';\nexport const PlaceModuleNgFactory:i0.NgModuleFactory<i1.PlaceModule> = (null as any);\nvar _decl0_0:i2.NgClass = (<any>(null as any));\nvar _decl0_1:i2.NgComponentOutlet = (<any>(null as any));\nvar _decl0_2:i2.NgForOf<any,any> = (<any>(null as any));\nvar _decl0_3:i2.NgIf<any> = (<any>(null as any));\nvar _decl0_4:i2.NgTemplateOutlet = (<any>(null as any));\nvar _decl0_5:i2.NgStyle = (<any>(null as any));\nvar _decl0_6:i2.NgSwitch = (<any>(null as any));\nvar _decl0_7:i2.NgSwitchCase = (<any>(null as any));\nvar _decl0_8:i2.NgSwitchDefault = (<any>(null as any));\nvar _decl0_9:i2.NgPlural = (<any>(null as any));\nvar _decl0_10:i2.NgPluralCase = (<any>(null as any));\nvar _decl0_11:i3.Dir = (<any>(null as any));\nvar _decl0_12:i4.MatProgressSpinner = (<any>(null as any));\nvar _decl0_13:i4.MatSpinner = (<any>(null as any));\nvar _decl0_14:i5.RouterOutlet = (<any>(null as any));\nvar _decl0_15:i5.RouterLink = (<any>(null as any));\nvar _decl0_16:i5.RouterLinkWithHref = (<any>(null as any));\nvar _decl0_17:i5.RouterLinkActive = (<any>(null as any));\nvar _decl0_18:i5.ɵangular_packages_router_router_l = (<any>(null as any));\nvar _decl0_19:i6.MatTabGroup = (<any>(null as any));\nvar _decl0_20:i6.MatTabLabel = (<any>(null as any));\nvar _decl0_21:i6.MatTab = (<any>(null as any));\nvar _decl0_22:i6.MatTabNav = (<any>(null as any));\nvar _decl0_23:i6.MatTabLink = (<any>(null as any));\nvar _decl0_24:i6.MatTabContent = (<any>(null as any));\nvar _decl0_25:i7.MatLine = (<any>(null as any));\nvar _decl0_26:i7.MatPseudoCheckbox = (<any>(null as any));\nvar _decl0_27:i8.MatDivider = (<any>(null as any));\nvar _decl0_28:i9.MatList = (<any>(null as any));\nvar _decl0_29:i9.MatNavList = (<any>(null as any));\nvar _decl0_30:i9.MatListItem = (<any>(null as any));\nvar _decl0_31:i9.MatListAvatarCssMatStyler = (<any>(null as any));\nvar _decl0_32:i9.MatListIconCssMatStyler = (<any>(null as any));\nvar _decl0_33:i9.MatListSubheaderCssMatStyler = (<any>(null as any));\nvar _decl0_34:i9.MatSelectionList = (<any>(null as any));\nvar _decl0_35:i9.MatListOption = (<any>(null as any));\nvar _decl0_36:i10.CdkScrollable = (<any>(null as any));\nvar _decl0_37:i11.MatTooltip = (<any>(null as any));\nvar _decl0_38:i11.TooltipComponent = (<any>(null as any));\nvar _decl0_39:i12.MatIcon = (<any>(null as any));\nvar _decl0_40:i13.CommandDirective<any> = (<any>(null as any));\nvar _decl0_41:i14.FocusBindingDirective = (<any>(null as any));\nvar _decl0_42:i15.EmptyStateComponent = (<any>(null as any));\nvar _decl0_43:i16.BusyOverlayComponent = (<any>(null as any));\nvar _decl0_44:i17.PlaceOutletComponent = (<any>(null as any));\nvar _decl0_45:i18.TabbedPlaceNavigationComponent = (<any>(null as any));\nvar _decl0_46:i19.ListPlaceNavComponent = (<any>(null as any));\nvar _decl0_47:i20.AbstractPlaceNavigationComponent = (<any>(null as any));\nvar _decl0_48:i2.AsyncPipe = (<any>(null as any));\nvar _decl0_49:i2.UpperCasePipe = (<any>(null as any));\nvar _decl0_50:i2.LowerCasePipe = (<any>(null as any));\nvar _decl0_51:i2.JsonPipe = (<any>(null as any));\nvar _decl0_52:i2.SlicePipe = (<any>(null as any));\nvar _decl0_53:i2.DecimalPipe = (<any>(null as any));\nvar _decl0_54:i2.PercentPipe = (<any>(null as any));\nvar _decl0_55:i2.TitleCasePipe = (<any>(null as any));\nvar _decl0_56:i2.CurrencyPipe = (<any>(null as any));\nvar _decl0_57:i2.DatePipe = (<any>(null as any));\nvar _decl0_58:i2.I18nPluralPipe = (<any>(null as any));\nvar _decl0_59:i2.I18nSelectPipe = (<any>(null as any));\nvar _decl0_60:i2.KeyValuePipe = (<any>(null as any));\nvar _decl0_61:i2.CommonModule = (<any>(null as any));\nvar _decl0_62:i21.BrowserAnimationsModule = (<any>(null as any));\nvar _decl0_63:i4.MatProgressSpinnerModule = (<any>(null as any));\nvar _decl0_64:i5.RouterModule = (<any>(null as any));\nvar _decl0_65:i6.MatTabsModule = (<any>(null as any));\nvar _decl0_66:i9.MatListModule = (<any>(null as any));\nvar _decl0_67:i11.MatTooltipModule = (<any>(null as any));\nvar _decl0_68:i12.MatIconModule = (<any>(null as any));\nvar _decl0_69:i22.DirectivesModule = (<any>(null as any));\nvar _decl0_70:i0.TemplateRef<any> = (<any>(null as any));\nvar _decl0_71:i0.ElementRef<any> = (<any>(null as any));\nfunction _View_EmptyStateComponent_Host_1_0():void {\n  var _any:any = (null as any);\n}\nfunction _View_EmptyStateComponent_1_0():void {\n  var _any:any = (null as any);\n}\nfunction _View_BusyOverlayComponent_Host_2_0():void {\n  var _any:any = (null as any);\n}\nfunction _View_BusyOverlayComponent_2_1():void {\n  if (_decl0_43.busyModel.value) {\n    var _any:any = (null as any);\n    const currVal_0:any = 52;\n    currVal_0;\n    const currVal_1:any = 'indeterminate';\n    currVal_1;\n    const currVal_2:any = _decl0_12._noopAnimations;\n    currVal_2;\n    const currVal_3:any = _decl0_12.diameter;\n    currVal_3;\n    const currVal_4:any = _decl0_12.diameter;\n    currVal_4;\n    const currVal_5:any = ((_decl0_12.mode === 'determinate')? 0: null);\n    currVal_5;\n    const currVal_6:any = ((_decl0_12.mode === 'determinate')? 100: null);\n    currVal_6;\n    const currVal_7:any = ((_decl0_12.mode === 'determinate')? _decl0_12.value: null);\n    currVal_7;\n    const currVal_8:any = _decl0_12.mode;\n    currVal_8;\n  }\n}\nfunction _View_BusyOverlayComponent_2_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _decl0_43.busyModel.value;\n  currVal_0;\n}\nfunction _View_PlaceOutletComponent_Host_3_0():void {\n  var _any:any = (null as any);\n}\nfunction _View_PlaceOutletComponent_3_1():void {\n  if (_decl0_44.animateModel.value) {\n    var _any:any = (null as any);\n    const currVal_0:any = {value:_decl0_44.getAnimationOrder(),params:{duration:_decl0_44.animationDuration}};\n    currVal_0;\n    const pd_1:any = ((<any>_decl0_44.animationStarted()) !== false);\n    const pd_2:any = ((<any>_decl0_44.animationDone()) !== false);\n    const pd_3:any = ((<any>_decl0_44.onOutletActivated(_decl0_14,_any)) !== false);\n    const pd_4:any = ((<any>_decl0_44.onOutletDeactivated()) !== false);\n  }\n}\nfunction _View_PlaceOutletComponent_3_2():void {\n  if (!_decl0_44.animateModel.value) {\n    var _any:any = (null as any);\n    const pd_0:any = ((<any>_decl0_44.onOutletActivated(_decl0_14,_any)) !== false);\n    const pd_1:any = ((<any>_decl0_44.onOutletDeactivated()) !== false);\n  }\n}\nfunction _View_PlaceOutletComponent_3_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _decl0_44.animateModel.value;\n  currVal_0;\n  const currVal_1:any = !_decl0_44.animateModel.value;\n  currVal_1;\n}\nfunction _View_TabbedPlaceNavigationComponent_Host_4_0():void {\n  var _any:any = (null as any);\n}\nfunction _View_TabbedPlaceNavigationComponent_4_2():void {\n  if (_decl0_45.getNav(_any).icon()) {\n    var _any:any = (null as any);\n    const currVal_0:any = _decl0_39.inline;\n    currVal_0;\n    const currVal_1:any = (((_decl0_39.color !== 'primary') && (_decl0_39.color !== 'accent')) && (_decl0_39.color !== 'warn'));\n    currVal_1;\n    const currVal_2:any = _decl0_45.getNav(_any).icon();\n    currVal_2;\n  }\n}\nfunction _View_TabbedPlaceNavigationComponent_4_1():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _decl0_45.isActive(_any);\n  currVal_0;\n  const currVal_1:any = (_decl0_23.active? 'page': null);\n  currVal_1;\n  const currVal_2:any = _decl0_23.disabled;\n  currVal_2;\n  const currVal_3:any = _decl0_23.tabIndex;\n  currVal_3;\n  const currVal_4:any = _decl0_23.disabled;\n  currVal_4;\n  const currVal_5:any = _decl0_23.active;\n  currVal_5;\n  const currVal_6:any = _decl0_45.getNav(_any).tooltip();\n  currVal_6;\n  const currVal_7:any = _decl0_45.commandFactory.create(_any);\n  currVal_7;\n  const currVal_8:any = _decl0_45.getNav(_any).icon();\n  currVal_8;\n  const currVal_9:any = _decl0_45.getNav(_any).title();\n  currVal_9;\n  const pd_10:any = ((<any>_decl0_40.notifyClick(_any)) !== false);\n}\nfunction _View_TabbedPlaceNavigationComponent_4_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _decl0_22._showPaginationControls;\n  currVal_0;\n  const currVal_1:any = (_decl0_22._getLayoutDirection() == 'rtl');\n  currVal_1;\n  const currVal_2:any = ((_decl0_22.color !== 'warn') && (_decl0_22.color !== 'accent'));\n  currVal_2;\n  const currVal_3:any = (_decl0_22.color === 'accent');\n  currVal_3;\n  const currVal_4:any = (_decl0_22.color === 'warn');\n  currVal_4;\n  const currVal_5:any = _decl0_45.placeDefinitions.value;\n  currVal_5;\n}\nfunction _View_ListPlaceNavComponent_Host_5_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _decl0_46.expanded;\n  currVal_0;\n}\nfunction _View_ListPlaceNavComponent_5_2():void {\n  if (_decl0_46.getNav(_any).icon()) {\n    var _any:any = (null as any);\n    const currVal_0:any = _decl0_39.inline;\n    currVal_0;\n    const currVal_1:any = (((_decl0_39.color !== 'primary') && (_decl0_39.color !== 'accent')) && (_decl0_39.color !== 'warn'));\n    currVal_1;\n    const currVal_2:any = _decl0_46.getNav(_any).icon();\n    currVal_2;\n  }\n}\nfunction _View_ListPlaceNavComponent_5_1():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _decl0_30.disabled;\n  currVal_0;\n  const currVal_1:any = (_decl0_30._avatar || _decl0_30._icon);\n  currVal_1;\n  const currVal_2:any = (_decl0_30._avatar || _decl0_30._icon);\n  currVal_2;\n  const currVal_3:any = _decl0_46.getNav(_any).tooltip();\n  currVal_3;\n  const currVal_4:any = _decl0_46.commandFactory.create(_any);\n  currVal_4;\n  const currVal_5:any = _decl0_46.isActive(_any);\n  currVal_5;\n  const currVal_6:any = _decl0_46.getNav(_any).icon();\n  currVal_6;\n  const currVal_7:any = _decl0_46.getNav(_any).title();\n  currVal_7;\n  const pd_8:any = ((<any>_decl0_40.notifyClick(_any)) !== false);\n}\nfunction _View_ListPlaceNavComponent_5_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _decl0_46.placeDefinitions.value;\n  currVal_0;\n}\nfunction _View_AbstractPlaceNavigationComponent_Host_6_0():void {\n  var _any:any = (null as any);\n}\nfunction _View_AbstractPlaceNavigationComponent_6_0():void {\n  var _any:any = (null as any);\n}\n"]}
+{"version":3,"file":"place.module.ngfactory.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/place/place.module.ngfactory.ts"],"names":[],"mappings":"","sourcesContent":["import * as i0 from '@angular/core';\nimport * as i1 from './place.module';\nimport * as i2 from '@angular/common';\nimport * as i3 from '@angular/cdk/bidi';\nimport * as i4 from '@angular/material/progress-spinner';\nimport * as i5 from '@angular/router';\nimport * as i6 from '@angular/material/tabs';\nimport * as i7 from '@angular/material/core';\nimport * as i8 from '@angular/material/divider';\nimport * as i9 from '@angular/material/list';\nimport * as i10 from '@angular/cdk/scrolling';\nimport * as i11 from '@angular/material/tooltip';\nimport * as i12 from '@angular/material/icon';\nimport * as i13 from '../directives/command.directive';\nimport * as i14 from '../directives/focus-binding.directive';\nimport * as i15 from '@angular/flex-layout/flex';\nimport * as i16 from './components/empty-state/empty-state.component';\nimport * as i17 from './components/busy-overlay/busy-overlay.component';\nimport * as i18 from './components/place-outlet/place-outlet.component';\nimport * as i19 from './components/tabbed-place-navigation/tabbed-place-navigation.component';\nimport * as i20 from './components/list-place-nav/list-place-nav.component';\nimport * as i21 from './components/side-place-navigation/side-place-navigation.component';\nimport * as i22 from './components/abstract-place-navigation.component';\nimport * as i23 from '@angular/platform-browser/animations';\nimport * as i24 from '../directives/directives.module';\nexport const PlaceModuleNgFactory:i0.NgModuleFactory<i1.PlaceModule> = (null as any);\nvar _decl0_0:i2.NgClass = (<any>(null as any));\nvar _decl0_1:i2.NgComponentOutlet = (<any>(null as any));\nvar _decl0_2:i2.NgForOf<any,any> = (<any>(null as any));\nvar _decl0_3:i2.NgIf<any> = (<any>(null as any));\nvar _decl0_4:i2.NgTemplateOutlet = (<any>(null as any));\nvar _decl0_5:i2.NgStyle = (<any>(null as any));\nvar _decl0_6:i2.NgSwitch = (<any>(null as any));\nvar _decl0_7:i2.NgSwitchCase = (<any>(null as any));\nvar _decl0_8:i2.NgSwitchDefault = (<any>(null as any));\nvar _decl0_9:i2.NgPlural = (<any>(null as any));\nvar _decl0_10:i2.NgPluralCase = (<any>(null as any));\nvar _decl0_11:i3.Dir = (<any>(null as any));\nvar _decl0_12:i4.MatProgressSpinner = (<any>(null as any));\nvar _decl0_13:i4.MatSpinner = (<any>(null as any));\nvar _decl0_14:i5.RouterOutlet = (<any>(null as any));\nvar _decl0_15:i5.RouterLink = (<any>(null as any));\nvar _decl0_16:i5.RouterLinkWithHref = (<any>(null as any));\nvar _decl0_17:i5.RouterLinkActive = (<any>(null as any));\nvar _decl0_18:i5.ɵangular_packages_router_router_l = (<any>(null as any));\nvar _decl0_19:i6.MatTabGroup = (<any>(null as any));\nvar _decl0_20:i6.MatTabLabel = (<any>(null as any));\nvar _decl0_21:i6.MatTab = (<any>(null as any));\nvar _decl0_22:i6.MatTabNav = (<any>(null as any));\nvar _decl0_23:i6.MatTabLink = (<any>(null as any));\nvar _decl0_24:i6.MatTabContent = (<any>(null as any));\nvar _decl0_25:i7.MatLine = (<any>(null as any));\nvar _decl0_26:i7.MatPseudoCheckbox = (<any>(null as any));\nvar _decl0_27:i8.MatDivider = (<any>(null as any));\nvar _decl0_28:i9.MatList = (<any>(null as any));\nvar _decl0_29:i9.MatNavList = (<any>(null as any));\nvar _decl0_30:i9.MatListItem = (<any>(null as any));\nvar _decl0_31:i9.MatListAvatarCssMatStyler = (<any>(null as any));\nvar _decl0_32:i9.MatListIconCssMatStyler = (<any>(null as any));\nvar _decl0_33:i9.MatListSubheaderCssMatStyler = (<any>(null as any));\nvar _decl0_34:i9.MatSelectionList = (<any>(null as any));\nvar _decl0_35:i9.MatListOption = (<any>(null as any));\nvar _decl0_36:i10.CdkScrollable = (<any>(null as any));\nvar _decl0_37:i11.MatTooltip = (<any>(null as any));\nvar _decl0_38:i11.TooltipComponent = (<any>(null as any));\nvar _decl0_39:i12.MatIcon = (<any>(null as any));\nvar _decl0_40:i13.CommandDirective<any> = (<any>(null as any));\nvar _decl0_41:i14.FocusBindingDirective = (<any>(null as any));\nvar _decl0_42:i15.DefaultLayoutDirective = (<any>(null as any));\nvar _decl0_43:i15.DefaultLayoutGapDirective = (<any>(null as any));\nvar _decl0_44:i15.DefaultLayoutAlignDirective = (<any>(null as any));\nvar _decl0_45:i15.DefaultFlexOrderDirective = (<any>(null as any));\nvar _decl0_46:i15.DefaultFlexOffsetDirective = (<any>(null as any));\nvar _decl0_47:i15.FlexFillDirective = (<any>(null as any));\nvar _decl0_48:i15.DefaultFlexAlignDirective = (<any>(null as any));\nvar _decl0_49:i15.DefaultFlexDirective = (<any>(null as any));\nvar _decl0_50:i16.EmptyStateComponent = (<any>(null as any));\nvar _decl0_51:i17.BusyOverlayComponent = (<any>(null as any));\nvar _decl0_52:i18.PlaceOutletComponent = (<any>(null as any));\nvar _decl0_53:i19.TabbedPlaceNavigationComponent = (<any>(null as any));\nvar _decl0_54:i20.ListPlaceNavComponent = (<any>(null as any));\nvar _decl0_55:i21.SidePlaceNavigationComponent = (<any>(null as any));\nvar _decl0_56:i22.AbstractPlaceNavigationComponent = (<any>(null as any));\nvar _decl0_57:i2.AsyncPipe = (<any>(null as any));\nvar _decl0_58:i2.UpperCasePipe = (<any>(null as any));\nvar _decl0_59:i2.LowerCasePipe = (<any>(null as any));\nvar _decl0_60:i2.JsonPipe = (<any>(null as any));\nvar _decl0_61:i2.SlicePipe = (<any>(null as any));\nvar _decl0_62:i2.DecimalPipe = (<any>(null as any));\nvar _decl0_63:i2.PercentPipe = (<any>(null as any));\nvar _decl0_64:i2.TitleCasePipe = (<any>(null as any));\nvar _decl0_65:i2.CurrencyPipe = (<any>(null as any));\nvar _decl0_66:i2.DatePipe = (<any>(null as any));\nvar _decl0_67:i2.I18nPluralPipe = (<any>(null as any));\nvar _decl0_68:i2.I18nSelectPipe = (<any>(null as any));\nvar _decl0_69:i2.KeyValuePipe = (<any>(null as any));\nvar _decl0_70:i2.CommonModule = (<any>(null as any));\nvar _decl0_71:i23.BrowserAnimationsModule = (<any>(null as any));\nvar _decl0_72:i4.MatProgressSpinnerModule = (<any>(null as any));\nvar _decl0_73:i5.RouterModule = (<any>(null as any));\nvar _decl0_74:i6.MatTabsModule = (<any>(null as any));\nvar _decl0_75:i9.MatListModule = (<any>(null as any));\nvar _decl0_76:i11.MatTooltipModule = (<any>(null as any));\nvar _decl0_77:i12.MatIconModule = (<any>(null as any));\nvar _decl0_78:i24.DirectivesModule = (<any>(null as any));\nvar _decl0_79:i15.FlexModule = (<any>(null as any));\nvar _decl0_80:i0.TemplateRef<any> = (<any>(null as any));\nvar _decl0_81:i0.ElementRef<any> = (<any>(null as any));\nfunction _View_EmptyStateComponent_Host_1_0():void {\n  var _any:any = (null as any);\n}\nfunction _View_EmptyStateComponent_1_0():void {\n  var _any:any = (null as any);\n}\nfunction _View_BusyOverlayComponent_Host_2_0():void {\n  var _any:any = (null as any);\n}\nfunction _View_BusyOverlayComponent_2_1():void {\n  if (_decl0_51.busyModel.value) {\n    var _any:any = (null as any);\n    const currVal_0:any = 52;\n    currVal_0;\n    const currVal_1:any = 'indeterminate';\n    currVal_1;\n    const currVal_2:any = _decl0_12._noopAnimations;\n    currVal_2;\n    const currVal_3:any = _decl0_12.diameter;\n    currVal_3;\n    const currVal_4:any = _decl0_12.diameter;\n    currVal_4;\n    const currVal_5:any = ((_decl0_12.mode === 'determinate')? 0: null);\n    currVal_5;\n    const currVal_6:any = ((_decl0_12.mode === 'determinate')? 100: null);\n    currVal_6;\n    const currVal_7:any = ((_decl0_12.mode === 'determinate')? _decl0_12.value: null);\n    currVal_7;\n    const currVal_8:any = _decl0_12.mode;\n    currVal_8;\n  }\n}\nfunction _View_BusyOverlayComponent_2_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _decl0_51.busyModel.value;\n  currVal_0;\n}\nfunction _View_PlaceOutletComponent_Host_3_0():void {\n  var _any:any = (null as any);\n}\nfunction _View_PlaceOutletComponent_3_1():void {\n  if (_decl0_52.animateModel.value) {\n    var _any:any = (null as any);\n    const currVal_0:any = {value:_decl0_52.getAnimationOrder(),params:{duration:_decl0_52.animationDuration}};\n    currVal_0;\n    const pd_1:any = ((<any>_decl0_52.animationStarted()) !== false);\n    const pd_2:any = ((<any>_decl0_52.animationDone()) !== false);\n    const pd_3:any = ((<any>_decl0_52.onOutletActivated(_decl0_14,_any)) !== false);\n    const pd_4:any = ((<any>_decl0_52.onOutletDeactivated()) !== false);\n  }\n}\nfunction _View_PlaceOutletComponent_3_2():void {\n  if (!_decl0_52.animateModel.value) {\n    var _any:any = (null as any);\n    const pd_0:any = ((<any>_decl0_52.onOutletActivated(_decl0_14,_any)) !== false);\n    const pd_1:any = ((<any>_decl0_52.onOutletDeactivated()) !== false);\n  }\n}\nfunction _View_PlaceOutletComponent_3_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _decl0_52.animateModel.value;\n  currVal_0;\n  const currVal_1:any = !_decl0_52.animateModel.value;\n  currVal_1;\n}\nfunction _View_TabbedPlaceNavigationComponent_Host_4_0():void {\n  var _any:any = (null as any);\n}\nfunction _View_TabbedPlaceNavigationComponent_4_2():void {\n  if (_decl0_53.getNav(_any).icon()) {\n    var _any:any = (null as any);\n    const currVal_0:any = _decl0_39.inline;\n    currVal_0;\n    const currVal_1:any = (((_decl0_39.color !== 'primary') && (_decl0_39.color !== 'accent')) && (_decl0_39.color !== 'warn'));\n    currVal_1;\n    const currVal_2:any = _decl0_53.getNav(_any).icon();\n    currVal_2;\n  }\n}\nfunction _View_TabbedPlaceNavigationComponent_4_1():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _decl0_53.isActive(_any);\n  currVal_0;\n  const currVal_1:any = (_decl0_23.active? 'page': null);\n  currVal_1;\n  const currVal_2:any = _decl0_23.disabled;\n  currVal_2;\n  const currVal_3:any = _decl0_23.tabIndex;\n  currVal_3;\n  const currVal_4:any = _decl0_23.disabled;\n  currVal_4;\n  const currVal_5:any = _decl0_23.active;\n  currVal_5;\n  const currVal_6:any = _decl0_53.getNav(_any).tooltip();\n  currVal_6;\n  const currVal_7:any = _decl0_53.commandFactory.create(_any);\n  currVal_7;\n  const currVal_8:any = _decl0_53.getNav(_any).icon();\n  currVal_8;\n  const currVal_9:any = _decl0_53.getNav(_any).title();\n  currVal_9;\n  const pd_10:any = ((<any>_decl0_40.notifyClick(_any)) !== false);\n}\nfunction _View_TabbedPlaceNavigationComponent_4_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _decl0_22._showPaginationControls;\n  currVal_0;\n  const currVal_1:any = (_decl0_22._getLayoutDirection() == 'rtl');\n  currVal_1;\n  const currVal_2:any = ((_decl0_22.color !== 'warn') && (_decl0_22.color !== 'accent'));\n  currVal_2;\n  const currVal_3:any = (_decl0_22.color === 'accent');\n  currVal_3;\n  const currVal_4:any = (_decl0_22.color === 'warn');\n  currVal_4;\n  const currVal_5:any = _decl0_53.placeDefinitions.value;\n  currVal_5;\n}\nfunction _View_ListPlaceNavComponent_Host_5_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _decl0_54.expanded;\n  currVal_0;\n}\nfunction _View_ListPlaceNavComponent_5_2():void {\n  if (_decl0_54.getNav(_any).icon()) {\n    var _any:any = (null as any);\n    const currVal_0:any = _decl0_39.inline;\n    currVal_0;\n    const currVal_1:any = (((_decl0_39.color !== 'primary') && (_decl0_39.color !== 'accent')) && (_decl0_39.color !== 'warn'));\n    currVal_1;\n    const currVal_2:any = _decl0_54.getNav(_any).icon();\n    currVal_2;\n  }\n}\nfunction _View_ListPlaceNavComponent_5_1():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _decl0_30.disabled;\n  currVal_0;\n  const currVal_1:any = (_decl0_30._avatar || _decl0_30._icon);\n  currVal_1;\n  const currVal_2:any = (_decl0_30._avatar || _decl0_30._icon);\n  currVal_2;\n  const currVal_3:any = _decl0_54.getNav(_any).tooltip();\n  currVal_3;\n  const currVal_4:any = _decl0_54.commandFactory.create(_any);\n  currVal_4;\n  const currVal_5:any = _decl0_54.isActive(_any);\n  currVal_5;\n  const currVal_6:any = _decl0_54.getNav(_any).icon();\n  currVal_6;\n  const currVal_7:any = _decl0_54.getNav(_any).title();\n  currVal_7;\n  const pd_8:any = ((<any>_decl0_40.notifyClick(_any)) !== false);\n}\nfunction _View_ListPlaceNavComponent_5_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = '';\n  currVal_0;\n  const currVal_1:any = _decl0_54.placeDefinitions.value;\n  currVal_1;\n}\nfunction _View_SidePlaceNavigationComponent_Host_6_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _decl0_55.expanded;\n  currVal_0;\n}\nfunction _View_SidePlaceNavigationComponent_6_2():void {\n  if (_decl0_55.getNav(_any).icon()) {\n    var _any:any = (null as any);\n    const currVal_0:any = _decl0_39.inline;\n    currVal_0;\n    const currVal_1:any = (((_decl0_39.color !== 'primary') && (_decl0_39.color !== 'accent')) && (_decl0_39.color !== 'warn'));\n    currVal_1;\n    const currVal_2:any = _decl0_55.getNav(_any).icon();\n    currVal_2;\n  }\n}\nfunction _View_SidePlaceNavigationComponent_6_1():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _decl0_30.disabled;\n  currVal_0;\n  const currVal_1:any = (_decl0_30._avatar || _decl0_30._icon);\n  currVal_1;\n  const currVal_2:any = (_decl0_30._avatar || _decl0_30._icon);\n  currVal_2;\n  const currVal_3:any = _decl0_55.getNav(_any).tooltip();\n  currVal_3;\n  const currVal_4:any = _decl0_55.commandFactory.create(_any);\n  currVal_4;\n  const currVal_5:any = _decl0_55.isActive(_any);\n  currVal_5;\n  const currVal_6:any = _decl0_55.getNav(_any).icon();\n  currVal_6;\n  const currVal_7:any = _decl0_55.getNav(_any).title();\n  currVal_7;\n  const pd_8:any = ((<any>_decl0_40.notifyClick(_any)) !== false);\n}\nfunction _View_SidePlaceNavigationComponent_6_3():void {\n  if (_decl0_55.navEndTemplate) {\n    var _any:any = (null as any);\n    const currVal_0:any = _decl0_55.navEndTemplate;\n    currVal_0;\n  }\n}\nfunction _View_SidePlaceNavigationComponent_6_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _decl0_30.disabled;\n  currVal_0;\n  const currVal_1:any = (_decl0_30._avatar || _decl0_30._icon);\n  currVal_1;\n  const currVal_2:any = (_decl0_30._avatar || _decl0_30._icon);\n  currVal_2;\n  const currVal_3:any = _decl0_39.inline;\n  currVal_3;\n  const currVal_4:any = (((_decl0_39.color !== 'primary') && (_decl0_39.color !== 'accent')) && (_decl0_39.color !== 'warn'));\n  currVal_4;\n  const currVal_5:any = _decl0_39.inline;\n  currVal_5;\n  const currVal_6:any = (((_decl0_39.color !== 'primary') && (_decl0_39.color !== 'accent')) && (_decl0_39.color !== 'warn'));\n  currVal_6;\n  const currVal_7:any = _decl0_55.placeDefinitions.value;\n  currVal_7;\n  const currVal_8:any = 1;\n  currVal_8;\n  const currVal_9:any = _decl0_55.navEndTemplate;\n  currVal_9;\n  const pd_10:any = ((<any>_decl0_55.toggleMenu()) !== false);\n}\nfunction _View_AbstractPlaceNavigationComponent_Host_7_0():void {\n  var _any:any = (null as any);\n}\nfunction _View_AbstractPlaceNavigationComponent_7_0():void {\n  var _any:any = (null as any);\n}\n"]}

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

@@ -16,6 +16,7 @@ import { MatDialogModule, MatDialog, MatDialogConfig, MAT_DIALOG_DEFAULT_OPTIONS
 import { RouterModule, UrlSegment, Router, UrlSerializer, NavigationStart, NavigationEnd, NavigationError, NavigationCancel, RouterOutlet } from '@angular/router';
 import { assert as assert$1, lang as lang$1, Opts, Klass } from '@coolon/typescript-utilities';
 import ___default, { isEqual, isNil } from 'lodash';
+import { FlexModule } from '@angular/flex-layout';
 import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
 import { MatListModule } from '@angular/material/list';
 import { MatTooltipModule } from '@angular/material/tooltip';
@@ -940,6 +941,48 @@ VerticalFocusContainerComponent = __decorate([
     __metadata("design:paramtypes", [FocusManager])
 ], VerticalFocusContainerComponent);
 
+/**
+ * @example
+ * // CSS Vars
+ * aup-card-container {
+ *   --card-gap: var(--card-gap, 16px);
+ *   --card-width: var(--card-width, 300px);
+ *   --card-height: var(--card-height, auto);
+ *   --card-min-height: var(--card-min-height, auto);
+ *   --card-background: var(--card-background, #fcfcfb);
+ * }
+ *
+ * // Content Templates:
+ * #addCardTemplate
+ * <ng-template #addCardTemplate>
+ *  This is a new card template, it will the the size of the other cards.
+ * </nav-template>
+ *
+ */
+let CardContainerComponent = class CardContainerComponent {
+    constructor() {
+    }
+    ngOnInit() {
+    }
+};
+__decorate([
+    Input(),
+    TrackExternal(),
+    __metadata("design:type", Command)
+], CardContainerComponent.prototype, "addCardCommand", void 0);
+__decorate([
+    ContentChild("addCardTemplate"),
+    __metadata("design:type", TemplateRef)
+], CardContainerComponent.prototype, "addCardTemplate", void 0);
+CardContainerComponent = __decorate([
+    Component({
+        selector: 'aup-card-container',
+        template: "<div class=\"card-container\">\n  <ng-content></ng-content>\n\n  <div class=\"add-card-container\" *ngIf=\"addCardCommand.enabled.value\" [pectinCommand]=\"addCardCommand\">\n    <mat-icon>add</mat-icon>\n  </div>\n\n  <div class=\"add-card-template\" *ngIf=\"addCardTemplate\">\n    <ng-container [ngTemplateOutlet]=\"addCardTemplate\"></ng-container>\n  </div>\n\n</div>\n",
+        styles: [":root{--aup-default-padding:var(--default-padding, 18px)}.dialog-interaction-context{max-width:95vw!important;max-height:95vh!important}.dialog-interaction-context mat-dialog-container{max-width:95vw!important;max-height:95vh!important;padding:0}[no-tab-header]>mat-tab-header{display:none}[full-height-tabs] .mat-tab-body-wrapper,mat-tab-group.full-height-tabs .mat-tab-body-wrapper{flex:1}[full-height-tabs] .mat-tab-body-wrapper .mat-tab-body-content,[full-height-tabs] .mat-tab-body-wrapper mat-tab-body,mat-tab-group.full-height-tabs .mat-tab-body-wrapper .mat-tab-body-content,mat-tab-group.full-height-tabs .mat-tab-body-wrapper mat-tab-body{display:flex;flex-direction:column;justify-content:stretch}.router-outlet-container>*{position:absolute;top:0;left:0;bottom:0;right:0}:host{--resolved-card-gap:var(--card-gap, 16px);--resolved-card-width:var(--card-width, 300px);--resolved-card-height:var(--card-height, auto);--resolved-card-min-height:var(--card-min-height, auto);--resolved-card-background:var(--card-background, #fcfcfb);flex:1;display:block;background:var(--resolved-card-background)}.card-container{display:-ms-grid;display:grid;grid-template-columns:repeat(auto-fill,var(--resolved-card-width));grid-template-rows:repeat(auto-fit,minmax(0,var(--resolved-card-height)));grid-gap:var(--resolved-card-gap);box-sizing:border-box;padding:var(--resolved-card-gap);min-height:calc(var(--resolved-card-height) + 2 * var(--resolved-card-gap));min-width:calc(var(--resolved-card-width) + 2 * var(--resolved-card-gap));width:calc((var(--resolved-card-width) + var(--resolved-card-gap)) * 2 + var(--grid-gap));max-width:100%}.add-card-container{width:var(--resolved-card-width);height:var(--resolved-card-height);min-height:var(--resolved-card-min-height);display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;border:2px dashed rgba(0,0,0,.1);border-radius:6px;font-weight:300;cursor:pointer;color:rgba(0,0,0,.54);background-color:rgba(255,255,255,.8);transition:280ms cubic-bezier(.4,0,.2,1)}.add-card-container mat-icon{font-size:200%}.add-card-container:hover{transition:280ms cubic-bezier(.4,0,.2,1);border-color:transparent;background-color:#fff;color:rgba(0,0,0,.54)}.add-card-container:hover:hover{box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.add-card-template-container{width:var(--resolved-card-width);height:var(--resolved-card-height);display:flex;flex-direction:column;align-items:stretch;justify-content:stretch}"]
+    }),
+    __metadata("design:paramtypes", [])
+], CardContainerComponent);
+
 let ComponentsModule = class ComponentsModule {
 };
 ComponentsModule = __decorate([
@@ -958,7 +1001,8 @@ ComponentsModule = __decorate([
             SwitchCaseDefaultDirective,
             FocusContainerComponent,
             VerticalFocusContainerComponent,
-            FocusableComponent
+            FocusableComponent,
+            CardContainerComponent
         ],
         imports: [
             CommonModule,
@@ -986,7 +1030,8 @@ ComponentsModule = __decorate([
             SwitchCaseDefaultDirective,
             FocusContainerComponent,
             VerticalFocusContainerComponent,
-            FocusableComponent
+            FocusableComponent,
+            CardContainerComponent
         ],
         providers: [
             FocusBindingFactory
@@ -995,7 +1040,7 @@ ComponentsModule = __decorate([
 ], ComponentsModule);
 
 const ACTIVITY_DATA = new InjectionToken('InteractionActivityData');
-class Activity extends GarbageCollector {
+class Activity extends DisposableComponent {
     constructor() {
         super(...arguments);
         this._busyModel = new DelegatingValueModel().withDefault(false);
@@ -3670,8 +3715,8 @@ __decorate([
 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}"]
+        template: "<mat-nav-list fxFlex>\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}"]
     }),
     __metadata("design:paramtypes", [PlaceRouter])
 ], ListPlaceNavComponent);
@@ -3693,6 +3738,85 @@ TabbedPlaceNavigationComponent = __decorate([
     __metadata("design:paramtypes", [PlaceRouter])
 ], TabbedPlaceNavigationComponent);
 
+/**
+ * @example
+ * // Usage
+ * <aup-vertical-place-navigation [places]="placeConstructorArray"
+ *                                [placeOutlet]="placeOutletComponent">
+ * </aup-vertical-place-navigation>
+ * <aup-place-outlet #placeOutletComponent></aup-place-outlet>
+ *
+ * // CSS overrides:
+ * aup-side-place-navigation {
+ *   --nav-width: 56px
+ *   --nav-expanded-width: 235px
+ *   --nav-item-height: var(--nav-width)
+ *   --nav-background-color: #555;
+ *   --nav-color: rgba(255, 255, 255, 0.9);
+ * }
+ *
+ * // Content Templates:
+ * #navEndTemplate
+ * <ng-template #navEndTemplate>
+ *    <a mat-list-item (click)="logout()" matTooltip="Logout">
+ *    <mat-icon>exit_to_app</mat-icon>
+ *    <span *ngIf="sideNav.expanded">Logout</span>
+ *    </a>
+ * </nav-template>
+ *
+ * // Place nav item in an i18n.yml
+ * places:
+ *   myPlace:
+ *     nav(NavItem):
+ *       title: "Activities"
+ *       icon: "build"
+ *       tooltip: "Alerts, confirms and dialogs"
+ *
+ * // In your place
+ * (at)Place({
+ *   path: 'myPlace',
+ *   data: {
+ *     nav: I18n.places.myPlace.nav()
+ *   }
+ * })
+ */
+let SidePlaceNavigationComponent = class SidePlaceNavigationComponent extends AbstractPlaceNavigationComponent {
+    constructor(router, placeRouter) {
+        super(placeRouter);
+        this.router = router;
+        this.expanded = false;
+    }
+    expandMenu() {
+        this.expanded = true;
+    }
+    collapseMenu() {
+        this.expanded = false;
+    }
+    toggleMenu() {
+        this.expanded = !this.expanded;
+    }
+};
+SidePlaceNavigationComponent.ctorParameters = () => [
+    { type: Router },
+    { type: PlaceRouter }
+];
+__decorate([
+    HostBinding('class.expanded'),
+    __metadata("design:type", Object)
+], SidePlaceNavigationComponent.prototype, "expanded", void 0);
+__decorate([
+    ContentChild('navEndTemplate'),
+    __metadata("design:type", TemplateRef)
+], SidePlaceNavigationComponent.prototype, "navEndTemplate", void 0);
+SidePlaceNavigationComponent = __decorate([
+    Component({
+        selector: 'aup-side-place-navigation',
+        template: "<mat-nav-list>\n  <a mat-list-item (click)=\"toggleMenu()\" class=\"home\">\n    <mat-icon class=\"collapsed-only\">menu</mat-icon>\n    <mat-icon class=\"expanded-only\">arrow_back</mat-icon>\n    <span class=\"expanded-only\">Menu</span>\n  </a>\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\n      class=\"expanded-only\">{{getNav(placeDefinition).title()}}</span>\n  </a>\n  <span [style.flex]=\"1\"></span>\n  <ng-container *ngIf=\"navEndTemplate\" [ngTemplateOutlet]=\"navEndTemplate\"></ng-container>\n</mat-nav-list>\n",
+        styles: [":host{display:flex;flex-direction:column;--resolved-nav-item-width:var(--nav-width, 56px);--resolved-nav-item-height:var(--nav-item-height, var(--resolved-nav-item-width));--resolved-expanded-width:var(--nav-expanded-width, 235px);--resolved-color:var(--nav-color, rgba(255, 255, 255, 0.9));--resolved-background-color:var(--nav-background-color, #555);width:var(--resolved-nav-item-width);transition:width 125ms linear;background-color:var(--resolved-background-color);color:var(--resolved-color)}:host.expanded{width:var(--resolved-expanded-width);max-width:var(--resolved-expanded-width)}:host-context(.expanded) .expanded-only{max-width:100%}:host-context(.expanded) .collapsed-only{max-width:0}:host-context(.expanded) .mat-list-item mat-icon:not(.collapsed-only){margin-right:12px}:host-context(.expanded) .mat-list-item span{text-wrap:none;white-space:nowrap}.expanded-only{max-width:0;overflow:hidden}.collapsed-only{max-width:100%;overflow:hidden}mat-nav-list{flex:1;display:flex;flex-direction:column}.mat-list-item{width:var(--resolved-nav-item-width);height:var(--resolved-nav-item-height);color:inherit}.mat-list-item.active{background-color:#444}.mat-list-item.home{text-align:left}mat-icon{color:inherit}mat-icon.flip-horizontal{transform:scaleX(-1)}"]
+    }),
+    __metadata("design:paramtypes", [Router, PlaceRouter])
+], SidePlaceNavigationComponent);
+
 let PlaceModule = class PlaceModule {
 };
 PlaceModule = __decorate([
@@ -3706,7 +3830,8 @@ PlaceModule = __decorate([
             MatListModule,
             MatTooltipModule,
             MatIconModule,
-            DirectivesModule
+            DirectivesModule,
+            FlexModule
         ],
         declarations: [
             EmptyStateComponent,
@@ -3714,6 +3839,7 @@ PlaceModule = __decorate([
             PlaceOutletComponent,
             TabbedPlaceNavigationComponent,
             ListPlaceNavComponent,
+            SidePlaceNavigationComponent,
             AbstractPlaceNavigationComponent
         ],
         entryComponents: [BusyOverlayComponent],
@@ -3723,6 +3849,7 @@ PlaceModule = __decorate([
             EmptyStateComponent,
             TabbedPlaceNavigationComponent,
             ListPlaceNavComponent,
+            SidePlaceNavigationComponent,
             AbstractPlaceNavigationComponent
         ],
         providers: [
@@ -4289,5 +4416,5 @@ function VisitParameterList(options) {
  * Generated bundle index. Do not edit.
  */
 
-export { ACTIVITY_DATA, AUP_PLACE_CONFIG, AbstractInputComponent, AbstractInteractionContext, AbstractPlaceNavigationComponent, AbstractPopStateNavigation, Activity, ActivityContainerComponent, ActivityOutletComponent, ActivityRef, AlertDialogComponent, AngularUiPowerupsModule, Bounds, BusyOverlayComponent, CheckboxInputComponent, CommandDirective, ComponentsModule, ConfirmThenDialogComponent, ConfirmationDialogComponent, ConsolidatedParameterMap, DEFINITION_META_DATA_KEY, DIALOG_INTERACTION_SERVICE_DEFAULTS, DialogInteractionContext, DialogInteractionContextFactory, Dimension, DirectivesModule, DisposableComponent, EmptyStateComponent, EventCleanUpSession, FocusBinding, FocusBindingDirective, FocusBindingFactory, FocusContainerComponent, FocusableComponent, Formatter, InPlaceInteractionContextComponent, InteractionModule, InteractionService, InteractionServiceRoutingAdapter, LEFT_RIGHT_PLACE_ANIMATION, ListPlaceNavComponent, ModalInteractionContextFactory, Navigating, NavigatingDuringInteraction, NavigationContext, NavigationSession, NoopAuthGuard, NoopComponent, NumberInputComponent, ParameterDefinition, PasswordInputComponent, Place, PlaceComponent, PlaceComponentDeactivationHandler, PlaceDefinition, PlaceGuard, PlaceHistory, PlaceModule, PlaceOutletComponent, PlaceRouter, Point, PopStateDuringInteractionNavigation, PopStateNavigation, ROUTE_PARAMETER_LIST_KEY, RemoveLastInteractionFromUrlNavigationSession, ResizeAwareComponent, RouteId, ScrollContainerComponent, SelectInputComponent, StringInputComponent, SwitchCaseComponent, SwitchCaseDefaultDirective, SwitchCaseOption, SwitchCaseWhenDirective, SynchroniseInteractionContextIdsWithRoute, TabbedPlaceNavigationComponent, UrlService, UrlSnapshot, VerticalFocusContainerComponent, Visit, VisitParameter, VisitParameterList, VisitSanitiser, WaitUntilLeavingInteractionTransitionCancelled, WaitUntilLinkTriggeredNavigationInteractionCancellationEventsFinish, WaitUntilPopStateDuringCanDeactivateInteractionFinishes, leftRightPlaceAnimation, slideDownOnEnterAnimation, slideRightOnEnterAnimation, DirectivesModule as ɵa, CommandDirective as ɵb, LEFT_RIGHT_PLACE_ANIMATION as ɵba, AUP_PLACE_CONFIG as ɵbb, PlaceRouter as ɵbd, InteractionService as ɵbe, ModalInteractionContextFactory as ɵbf, UrlService as ɵbg, PlaceHistory as ɵbh, TabbedPlaceNavigationComponent as ɵbi, AbstractPlaceNavigationComponent as ɵbj, ListPlaceNavComponent as ɵbk, InteractionModule as ɵbl, ActivityContainerComponent as ɵbm, AbstractInteractionContext as ɵbn, ActivityOutletComponent as ɵbo, ConfirmationDialogComponent as ɵbp, ACTIVITY_DATA as ɵbq, Activity as ɵbr, ConfirmThenDialogComponent as ɵbt, AlertDialogComponent as ɵbu, InPlaceInteractionContextComponent as ɵbw, FocusBindingDirective as ɵc, DisposableComponent as ɵd, FocusBindingFactory as ɵe, ComponentsModule as ɵf, NumberInputComponent as ɵg, AbstractInputComponent as ɵh, StringInputComponent as ɵi, PasswordInputComponent as ɵj, SelectInputComponent as ɵk, CheckboxInputComponent as ɵl, ScrollContainerComponent as ɵm, NoopComponent as ɵn, SwitchCaseOption as ɵo, SwitchCaseWhenDirective as ɵp, SwitchCaseDefaultDirective as ɵq, SwitchCaseComponent as ɵr, FocusContainerComponent as ɵs, VerticalFocusContainerComponent as ɵt, FocusableComponent as ɵu, PlaceModule as ɵv, EmptyStateComponent as ɵw, BusyOverlayComponent as ɵx, PlaceOutletComponent as ɵy, leftRightPlaceAnimation as ɵz };
+export { ACTIVITY_DATA, AUP_PLACE_CONFIG, AbstractInputComponent, AbstractInteractionContext, AbstractPlaceNavigationComponent, AbstractPopStateNavigation, Activity, ActivityContainerComponent, ActivityOutletComponent, ActivityRef, AlertDialogComponent, AngularUiPowerupsModule, Bounds, BusyOverlayComponent, CardContainerComponent, CheckboxInputComponent, CommandDirective, ComponentsModule, ConfirmThenDialogComponent, ConfirmationDialogComponent, ConsolidatedParameterMap, DEFINITION_META_DATA_KEY, DIALOG_INTERACTION_SERVICE_DEFAULTS, DialogInteractionContext, DialogInteractionContextFactory, Dimension, DirectivesModule, DisposableComponent, EmptyStateComponent, EventCleanUpSession, FocusBinding, FocusBindingDirective, FocusBindingFactory, FocusContainerComponent, FocusableComponent, Formatter, InPlaceInteractionContextComponent, InteractionModule, InteractionService, InteractionServiceRoutingAdapter, LEFT_RIGHT_PLACE_ANIMATION, ListPlaceNavComponent, ModalInteractionContextFactory, Navigating, NavigatingDuringInteraction, NavigationContext, NavigationSession, NoopAuthGuard, NoopComponent, NumberInputComponent, ParameterDefinition, PasswordInputComponent, Place, PlaceComponent, PlaceComponentDeactivationHandler, PlaceDefinition, PlaceGuard, PlaceHistory, PlaceModule, PlaceOutletComponent, PlaceRouter, Point, PopStateDuringInteractionNavigation, PopStateNavigation, ROUTE_PARAMETER_LIST_KEY, RemoveLastInteractionFromUrlNavigationSession, ResizeAwareComponent, RouteId, ScrollContainerComponent, SelectInputComponent, SidePlaceNavigationComponent, StringInputComponent, SwitchCaseComponent, SwitchCaseDefaultDirective, SwitchCaseOption, SwitchCaseWhenDirective, SynchroniseInteractionContextIdsWithRoute, TabbedPlaceNavigationComponent, UrlService, UrlSnapshot, VerticalFocusContainerComponent, Visit, VisitParameter, VisitParameterList, VisitSanitiser, WaitUntilLeavingInteractionTransitionCancelled, WaitUntilLinkTriggeredNavigationInteractionCancellationEventsFinish, WaitUntilPopStateDuringCanDeactivateInteractionFinishes, leftRightPlaceAnimation, slideDownOnEnterAnimation, slideRightOnEnterAnimation, DirectivesModule as ɵa, CommandDirective as ɵb, leftRightPlaceAnimation as ɵba, LEFT_RIGHT_PLACE_ANIMATION as ɵbb, AUP_PLACE_CONFIG as ɵbc, PlaceRouter as ɵbe, InteractionService as ɵbf, ModalInteractionContextFactory as ɵbg, UrlService as ɵbh, PlaceHistory as ɵbi, TabbedPlaceNavigationComponent as ɵbj, AbstractPlaceNavigationComponent as ɵbk, ListPlaceNavComponent as ɵbl, SidePlaceNavigationComponent as ɵbm, InteractionModule as ɵbn, ActivityContainerComponent as ɵbo, AbstractInteractionContext as ɵbp, ActivityOutletComponent as ɵbq, ConfirmationDialogComponent as ɵbr, ACTIVITY_DATA as ɵbs, Activity as ɵbt, ConfirmThenDialogComponent as ɵbv, AlertDialogComponent as ɵbw, InPlaceInteractionContextComponent as ɵby, FocusBindingDirective as ɵc, DisposableComponent as ɵd, FocusBindingFactory as ɵe, ComponentsModule as ɵf, NumberInputComponent as ɵg, AbstractInputComponent as ɵh, StringInputComponent as ɵi, PasswordInputComponent as ɵj, SelectInputComponent as ɵk, CheckboxInputComponent as ɵl, ScrollContainerComponent as ɵm, NoopComponent as ɵn, SwitchCaseOption as ɵo, SwitchCaseWhenDirective as ɵp, SwitchCaseDefaultDirective as ɵq, SwitchCaseComponent as ɵr, FocusContainerComponent as ɵs, VerticalFocusContainerComponent as ɵt, FocusableComponent as ɵu, CardContainerComponent as ɵv, PlaceModule as ɵw, EmptyStateComponent as ɵx, BusyOverlayComponent as ɵy, PlaceOutletComponent as ɵz };
 //# sourceMappingURL=coolon-angular-ui-powerups.js.map