@coolon/angular-ui-powerups 1.4.1 → 1.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (89) hide show
  1. package/CHANGELOG.md +22 -0
  2. package/assets/styles.scss +32 -0
  3. package/bundles/coolon-angular-ui-powerups.umd.js +213 -73
  4. package/bundles/coolon-angular-ui-powerups.umd.js.map +1 -1
  5. package/bundles/coolon-angular-ui-powerups.umd.min.js +2 -2
  6. package/bundles/coolon-angular-ui-powerups.umd.min.js.map +1 -1
  7. package/coolon-angular-ui-powerups.d.ts +27 -25
  8. package/coolon-angular-ui-powerups.metadata.json +1 -1
  9. package/esm2015/coolon-angular-ui-powerups.js +25 -23
  10. package/esm2015/coolon-angular-ui-powerups.js.map +1 -1
  11. package/esm2015/coolon-angular-ui-powerups.metadata.json +1 -1
  12. package/esm2015/lib/angular-ui-powerups.module.ngfactory.js.map +1 -1
  13. package/esm2015/lib/components/card-container/card-container.component.js +43 -0
  14. package/esm2015/lib/components/card-container/card-container.component.js.map +1 -0
  15. package/esm2015/lib/components/card-container/card-container.component.metadata.json +1 -0
  16. package/esm2015/lib/components/card-container/card-container.component.ngfactory.js.map +1 -0
  17. package/esm2015/lib/components/card-container/card-container.component.scss.shim.ngstyle.js.map +1 -0
  18. package/esm2015/lib/components/components.module.js +5 -2
  19. package/esm2015/lib/components/components.module.js.map +1 -1
  20. package/esm2015/lib/components/components.module.metadata.json +1 -1
  21. package/esm2015/lib/components/components.module.ngfactory.js.map +1 -1
  22. package/esm2015/lib/components/focusable.component.js +1 -0
  23. package/esm2015/lib/components/focusable.component.js.map +1 -1
  24. package/esm2015/lib/components/index.js +1 -0
  25. package/esm2015/lib/components/index.js.map +1 -1
  26. package/esm2015/lib/components/index.metadata.json +1 -1
  27. package/esm2015/lib/components/vertical-focus-container/vertical-focus-container.component.js +37 -27
  28. package/esm2015/lib/components/vertical-focus-container/vertical-focus-container.component.js.map +1 -1
  29. package/esm2015/lib/components/vertical-focus-container/vertical-focus-container.component.metadata.json +1 -1
  30. package/esm2015/lib/interaction/activity.js +3 -2
  31. package/esm2015/lib/interaction/activity.js.map +1 -1
  32. package/esm2015/lib/interaction/activity.metadata.json +1 -1
  33. package/esm2015/lib/place/components/list-place-nav/list-place-nav.component.js +2 -2
  34. package/esm2015/lib/place/components/list-place-nav/list-place-nav.component.js.map +1 -1
  35. package/esm2015/lib/place/components/list-place-nav/list-place-nav.component.metadata.json +1 -1
  36. package/esm2015/lib/place/components/side-place-navigation/side-place-navigation.component.js +83 -0
  37. package/esm2015/lib/place/components/side-place-navigation/side-place-navigation.component.js.map +1 -0
  38. package/esm2015/lib/place/components/side-place-navigation/side-place-navigation.component.metadata.json +1 -0
  39. package/esm2015/lib/place/components/side-place-navigation/side-place-navigation.component.ngfactory.js.map +1 -0
  40. package/esm2015/lib/place/components/side-place-navigation/side-place-navigation.component.scss.shim.ngstyle.js.map +1 -0
  41. package/esm2015/lib/place/index.js +1 -0
  42. package/esm2015/lib/place/index.js.map +1 -1
  43. package/esm2015/lib/place/index.metadata.json +1 -1
  44. package/esm2015/lib/place/place.module.js +6 -1
  45. package/esm2015/lib/place/place.module.js.map +1 -1
  46. package/esm2015/lib/place/place.module.metadata.json +1 -1
  47. package/esm2015/lib/place/place.module.ngfactory.js.map +1 -1
  48. package/esm5/coolon-angular-ui-powerups.js +25 -23
  49. package/esm5/coolon-angular-ui-powerups.js.map +1 -1
  50. package/esm5/lib/angular-ui-powerups.module.ngfactory.js.map +1 -1
  51. package/esm5/lib/components/card-container/card-container.component.js +44 -0
  52. package/esm5/lib/components/card-container/card-container.component.js.map +1 -0
  53. package/esm5/lib/components/card-container/card-container.component.ngfactory.js.map +1 -0
  54. package/esm5/lib/components/card-container/card-container.component.scss.shim.ngstyle.js.map +1 -0
  55. package/esm5/lib/components/components.module.js +5 -2
  56. package/esm5/lib/components/components.module.js.map +1 -1
  57. package/esm5/lib/components/components.module.ngfactory.js.map +1 -1
  58. package/esm5/lib/components/focusable.component.js +1 -0
  59. package/esm5/lib/components/focusable.component.js.map +1 -1
  60. package/esm5/lib/components/index.js +1 -0
  61. package/esm5/lib/components/index.js.map +1 -1
  62. package/esm5/lib/components/vertical-focus-container/vertical-focus-container.component.js +37 -27
  63. package/esm5/lib/components/vertical-focus-container/vertical-focus-container.component.js.map +1 -1
  64. package/esm5/lib/interaction/activity.js +3 -2
  65. package/esm5/lib/interaction/activity.js.map +1 -1
  66. package/esm5/lib/place/components/list-place-nav/list-place-nav.component.js +2 -2
  67. package/esm5/lib/place/components/list-place-nav/list-place-nav.component.js.map +1 -1
  68. package/esm5/lib/place/components/side-place-navigation/side-place-navigation.component.js +86 -0
  69. package/esm5/lib/place/components/side-place-navigation/side-place-navigation.component.js.map +1 -0
  70. package/esm5/lib/place/components/side-place-navigation/side-place-navigation.component.ngfactory.js.map +1 -0
  71. package/esm5/lib/place/components/side-place-navigation/side-place-navigation.component.scss.shim.ngstyle.js.map +1 -0
  72. package/esm5/lib/place/index.js +1 -0
  73. package/esm5/lib/place/index.js.map +1 -1
  74. package/esm5/lib/place/place.module.js +6 -1
  75. package/esm5/lib/place/place.module.js.map +1 -1
  76. package/esm5/lib/place/place.module.ngfactory.js.map +1 -1
  77. package/fesm2015/coolon-angular-ui-powerups.js +166 -33
  78. package/fesm2015/coolon-angular-ui-powerups.js.map +1 -1
  79. package/fesm5/coolon-angular-ui-powerups.js +170 -33
  80. package/fesm5/coolon-angular-ui-powerups.js.map +1 -1
  81. package/lib/components/card-container/card-container.component.d.ts +23 -0
  82. package/lib/components/index.d.ts +1 -0
  83. package/lib/components/vertical-focus-container/vertical-focus-container.component.d.ts +5 -1
  84. package/lib/interaction/activity.d.ts +3 -2
  85. package/lib/place/components/side-place-navigation/side-place-navigation.component.d.ts +53 -0
  86. package/lib/place/index.d.ts +1 -0
  87. package/package.json +3 -2
  88. package/schematics/place-routes/place-builder.js +1 -1
  89. package/schematics/place-routes/place-builder.js.map +1 -1
@@ -16,6 +16,7 @@ import { MatDialogModule, MatDialog, MatDialogConfig, MAT_DIALOG_DEFAULT_OPTIONS
16
16
  import { RouterModule, UrlSegment, Router, UrlSerializer, NavigationStart, NavigationEnd, NavigationError, NavigationCancel, RouterOutlet } from '@angular/router';
17
17
  import { assert as assert$1, lang as lang$1, Opts, Klass } from '@coolon/typescript-utilities';
18
18
  import ___default, { isEqual, isNil } from 'lodash';
19
+ import { FlexModule } from '@angular/flex-layout';
19
20
  import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
20
21
  import { MatListModule } from '@angular/material/list';
21
22
  import { MatTooltipModule } from '@angular/material/tooltip';
@@ -409,6 +410,7 @@ var FocusableComponent = /** @class */ (function (_super) {
409
410
  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;
410
411
  if (_this.focusManager) {
411
412
  _this._focusContext = _this.focusManager.registerFocusable(_this);
413
+ _this.registerDisposable(_this._focusContext);
412
414
  _this.registerDisposable(focusBindingFactory.createBinding(el.nativeElement, _this.focusContext));
413
415
  }
414
416
  return _this;
@@ -965,32 +967,20 @@ var VerticalFocusContainerComponent = /** @class */ (function (_super) {
965
967
  _this.focusManager = focusManager;
966
968
  return _this;
967
969
  }
968
- // The key listeners seem to be preventing manual binding
969
- // @Input('command.arrowRight')
970
- // @TrackExternal()
971
- // rightArrowCommand: Command<void>;
972
- //
973
- // @Input('command.arrowLeft')
974
- // @TrackExternal()
975
- // leftArrowCommand: Command<void>;
976
- //
977
- // @HostListener('keyup.arrowLeft', ['$event'])
978
- // arrowLeft(event: KeyboardEvent) {
979
- // if (this.leftArrowCommand.enabled.value) {
980
- // event.preventDefault();
981
- // event.stopPropagation();
982
- // this.leftArrowCommand.execute();
983
- // }
984
- // }
985
- //
986
- // @HostListener('keyup.arrowRight', ['$event'])
987
- // arrowRight(event: KeyboardEvent) {
988
- // if (this.rightArrowCommand.enabled.value) {
989
- // event.preventDefault();
990
- // event.stopPropagation();
991
- // this.rightArrowCommand.execute();
992
- // }
993
- // }
970
+ VerticalFocusContainerComponent.prototype.arrowLeft = function (event) {
971
+ if (this.leftArrowCommand.enabled.value) {
972
+ event.preventDefault();
973
+ event.stopPropagation();
974
+ this.leftArrowCommand.execute();
975
+ }
976
+ };
977
+ VerticalFocusContainerComponent.prototype.arrowRight = function (event) {
978
+ if (this.rightArrowCommand.enabled.value) {
979
+ event.preventDefault();
980
+ event.stopPropagation();
981
+ this.rightArrowCommand.execute();
982
+ }
983
+ };
994
984
  VerticalFocusContainerComponent.prototype.arrowDown = function (event) {
995
985
  event.preventDefault();
996
986
  event.stopPropagation();
@@ -1006,6 +996,28 @@ var VerticalFocusContainerComponent = /** @class */ (function (_super) {
1006
996
  VerticalFocusContainerComponent.ctorParameters = function () { return [
1007
997
  { type: FocusManager, decorators: [{ type: Self }] }
1008
998
  ]; };
999
+ __decorate([
1000
+ Input('command.arrowRight'),
1001
+ TrackExternal(),
1002
+ __metadata("design:type", Command)
1003
+ ], VerticalFocusContainerComponent.prototype, "rightArrowCommand", void 0);
1004
+ __decorate([
1005
+ Input('command.arrowLeft'),
1006
+ TrackExternal(),
1007
+ __metadata("design:type", Command)
1008
+ ], VerticalFocusContainerComponent.prototype, "leftArrowCommand", void 0);
1009
+ __decorate([
1010
+ HostListener('keyup.arrowLeft', ['$event']),
1011
+ __metadata("design:type", Function),
1012
+ __metadata("design:paramtypes", [KeyboardEvent]),
1013
+ __metadata("design:returntype", void 0)
1014
+ ], VerticalFocusContainerComponent.prototype, "arrowLeft", null);
1015
+ __decorate([
1016
+ HostListener('keyup.arrowRight', ['$event']),
1017
+ __metadata("design:type", Function),
1018
+ __metadata("design:paramtypes", [KeyboardEvent]),
1019
+ __metadata("design:returntype", void 0)
1020
+ ], VerticalFocusContainerComponent.prototype, "arrowRight", null);
1009
1021
  __decorate([
1010
1022
  HostListener('keyup.arrowDown', ['$event']),
1011
1023
  __metadata("design:type", Function),
@@ -1033,6 +1045,46 @@ var VerticalFocusContainerComponent = /** @class */ (function (_super) {
1033
1045
  return VerticalFocusContainerComponent;
1034
1046
  }(FocusContainerComponent));
1035
1047
 
1048
+ /**
1049
+ * @example
1050
+ * // CSS Vars
1051
+ * --resolved-card-gap: var(--card-gap, 16px);
1052
+ * --resolved-card-width: var(--card-width, 300px);
1053
+ * --resolved-card-height: var(--card-height, auto);
1054
+ * --resolved-card-background: var(--card-background, #fcfcfb);
1055
+ *
1056
+ * // Content Templates:
1057
+ * #addCardTemplate
1058
+ * <ng-template #addCardTemplate>
1059
+ * This is a new card template, it will the the size of the other cards.
1060
+ * </nav-template>
1061
+ *
1062
+ */
1063
+ var CardContainerComponent = /** @class */ (function () {
1064
+ function CardContainerComponent() {
1065
+ }
1066
+ CardContainerComponent.prototype.ngOnInit = function () {
1067
+ };
1068
+ __decorate([
1069
+ Input(),
1070
+ TrackExternal(),
1071
+ __metadata("design:type", Command)
1072
+ ], CardContainerComponent.prototype, "addCardCommand", void 0);
1073
+ __decorate([
1074
+ ContentChild("addCardTemplate"),
1075
+ __metadata("design:type", TemplateRef)
1076
+ ], CardContainerComponent.prototype, "addCardTemplate", void 0);
1077
+ CardContainerComponent = __decorate([
1078
+ Component({
1079
+ selector: 'aup-card-container',
1080
+ 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",
1081
+ 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-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);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}"]
1082
+ }),
1083
+ __metadata("design:paramtypes", [])
1084
+ ], CardContainerComponent);
1085
+ return CardContainerComponent;
1086
+ }());
1087
+
1036
1088
  var ComponentsModule = /** @class */ (function () {
1037
1089
  function ComponentsModule() {
1038
1090
  }
@@ -1052,7 +1104,8 @@ var ComponentsModule = /** @class */ (function () {
1052
1104
  SwitchCaseDefaultDirective,
1053
1105
  FocusContainerComponent,
1054
1106
  VerticalFocusContainerComponent,
1055
- FocusableComponent
1107
+ FocusableComponent,
1108
+ CardContainerComponent
1056
1109
  ],
1057
1110
  imports: [
1058
1111
  CommonModule,
@@ -1080,7 +1133,8 @@ var ComponentsModule = /** @class */ (function () {
1080
1133
  SwitchCaseDefaultDirective,
1081
1134
  FocusContainerComponent,
1082
1135
  VerticalFocusContainerComponent,
1083
- FocusableComponent
1136
+ FocusableComponent,
1137
+ CardContainerComponent
1084
1138
  ],
1085
1139
  providers: [
1086
1140
  FocusBindingFactory
@@ -1137,7 +1191,7 @@ var Activity = /** @class */ (function (_super) {
1137
1191
  return !!this._activityContext;
1138
1192
  };
1139
1193
  return Activity;
1140
- }(GarbageCollector));
1194
+ }(DisposableComponent));
1141
1195
 
1142
1196
  var AlertDialogComponent = /** @class */ (function (_super) {
1143
1197
  __extends(AlertDialogComponent, _super);
@@ -4058,8 +4112,8 @@ var ListPlaceNavComponent = /** @class */ (function (_super) {
4058
4112
  ListPlaceNavComponent = __decorate([
4059
4113
  Component({
4060
4114
  selector: 'aup-list-place-nav',
4061
- 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",
4062
- 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}"]
4115
+ 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",
4116
+ styles: [":host{display:flex;flex-direction:column}"]
4063
4117
  }),
4064
4118
  __metadata("design:paramtypes", [PlaceRouter])
4065
4119
  ], ListPlaceNavComponent);
@@ -4085,6 +4139,86 @@ var TabbedPlaceNavigationComponent = /** @class */ (function (_super) {
4085
4139
  return TabbedPlaceNavigationComponent;
4086
4140
  }(AbstractPlaceNavigationComponent));
4087
4141
 
4142
+ /**
4143
+ * @example
4144
+ * // Usage
4145
+ * <aup-vertical-place-navigation [places]="placeConstructorArray"
4146
+ * [placeOutlet]="placeOutletComponent">
4147
+ * </aup-vertical-place-navigation>
4148
+ * <aup-place-outlet #placeOutletComponent></aup-place-outlet>
4149
+ *
4150
+ * // CSS overrides:
4151
+ * --nav-width: 56px
4152
+ * --nav-expanded-width: 235px
4153
+ * --nav-item-height: var(--nav-width)
4154
+ * --nav-background-color: #555;
4155
+ * --nav-color: rgba(255, 255, 255, 0.9);
4156
+ *
4157
+ * // Content Templates:
4158
+ * #navEndTemplate
4159
+ * <ng-template #navEndTemplate>
4160
+ * <a mat-list-item (click)="logout()" matTooltip="Logout">
4161
+ * <mat-icon>exit_to_app</mat-icon>
4162
+ * <span class="expanded-only">Logout</span>
4163
+ * </a>
4164
+ * </nav-template>
4165
+ *
4166
+ * // Place nav item in an i18n.yml
4167
+ * places:
4168
+ * myPlace:
4169
+ * nav(NavItem):
4170
+ * title: "Activities"
4171
+ * icon: "build"
4172
+ * tooltip: "Alerts, confirms and dialogs"
4173
+ *
4174
+ * // In your place
4175
+ * (at)Place({
4176
+ * path: 'myPlace',
4177
+ * data: {
4178
+ * nav: I18n.places.myPlace.nav()
4179
+ * }
4180
+ * })
4181
+ */
4182
+ var SidePlaceNavigationComponent = /** @class */ (function (_super) {
4183
+ __extends(SidePlaceNavigationComponent, _super);
4184
+ function SidePlaceNavigationComponent(router, placeRouter) {
4185
+ var _this = _super.call(this, placeRouter) || this;
4186
+ _this.router = router;
4187
+ _this.expanded = false;
4188
+ return _this;
4189
+ }
4190
+ SidePlaceNavigationComponent.prototype.expandMenu = function () {
4191
+ this.expanded = true;
4192
+ };
4193
+ SidePlaceNavigationComponent.prototype.collapseMenu = function () {
4194
+ this.expanded = false;
4195
+ };
4196
+ SidePlaceNavigationComponent.prototype.toggleMenu = function () {
4197
+ this.expanded = !this.expanded;
4198
+ };
4199
+ SidePlaceNavigationComponent.ctorParameters = function () { return [
4200
+ { type: Router },
4201
+ { type: PlaceRouter }
4202
+ ]; };
4203
+ __decorate([
4204
+ HostBinding('class.expanded'),
4205
+ __metadata("design:type", Object)
4206
+ ], SidePlaceNavigationComponent.prototype, "expanded", void 0);
4207
+ __decorate([
4208
+ ContentChild('navEndTemplate'),
4209
+ __metadata("design:type", TemplateRef)
4210
+ ], SidePlaceNavigationComponent.prototype, "navEndTemplate", void 0);
4211
+ SidePlaceNavigationComponent = __decorate([
4212
+ Component({
4213
+ selector: 'aup-side-place-navigation',
4214
+ 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",
4215
+ 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)}"]
4216
+ }),
4217
+ __metadata("design:paramtypes", [Router, PlaceRouter])
4218
+ ], SidePlaceNavigationComponent);
4219
+ return SidePlaceNavigationComponent;
4220
+ }(AbstractPlaceNavigationComponent));
4221
+
4088
4222
  var PlaceModule = /** @class */ (function () {
4089
4223
  function PlaceModule() {
4090
4224
  }
@@ -4099,7 +4233,8 @@ var PlaceModule = /** @class */ (function () {
4099
4233
  MatListModule,
4100
4234
  MatTooltipModule,
4101
4235
  MatIconModule,
4102
- DirectivesModule
4236
+ DirectivesModule,
4237
+ FlexModule
4103
4238
  ],
4104
4239
  declarations: [
4105
4240
  EmptyStateComponent,
@@ -4107,6 +4242,7 @@ var PlaceModule = /** @class */ (function () {
4107
4242
  PlaceOutletComponent,
4108
4243
  TabbedPlaceNavigationComponent,
4109
4244
  ListPlaceNavComponent,
4245
+ SidePlaceNavigationComponent,
4110
4246
  AbstractPlaceNavigationComponent
4111
4247
  ],
4112
4248
  entryComponents: [BusyOverlayComponent],
@@ -4116,6 +4252,7 @@ var PlaceModule = /** @class */ (function () {
4116
4252
  EmptyStateComponent,
4117
4253
  TabbedPlaceNavigationComponent,
4118
4254
  ListPlaceNavComponent,
4255
+ SidePlaceNavigationComponent,
4119
4256
  AbstractPlaceNavigationComponent
4120
4257
  ],
4121
4258
  providers: [
@@ -4802,5 +4939,5 @@ function VisitParameterList(options) {
4802
4939
  * Generated bundle index. Do not edit.
4803
4940
  */
4804
4941
 
4805
- 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 };
4942
+ 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 };
4806
4943
  //# sourceMappingURL=coolon-angular-ui-powerups.js.map