@coolon/angular-ui-powerups 1.19.1 → 1.21.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 (74) hide show
  1. package/CHANGELOG.md +20 -0
  2. package/bundles/coolon-angular-ui-powerups.umd.js +150 -84
  3. package/bundles/coolon-angular-ui-powerups.umd.js.map +1 -1
  4. package/bundles/coolon-angular-ui-powerups.umd.min.js +2 -2
  5. package/bundles/coolon-angular-ui-powerups.umd.min.js.map +1 -1
  6. package/coolon-angular-ui-powerups.d.ts +35 -34
  7. package/coolon-angular-ui-powerups.metadata.json +1 -1
  8. package/esm2015/coolon-angular-ui-powerups.js +33 -32
  9. package/esm2015/coolon-angular-ui-powerups.js.map +1 -1
  10. package/esm2015/coolon-angular-ui-powerups.metadata.json +1 -1
  11. package/esm2015/lib/angular-ui-powerups.module.ngfactory.js.map +1 -1
  12. package/esm2015/lib/components/components.module.js +8 -3
  13. package/esm2015/lib/components/components.module.js.map +1 -1
  14. package/esm2015/lib/components/components.module.metadata.json +1 -1
  15. package/esm2015/lib/components/components.module.ngfactory.js.map +1 -1
  16. package/esm2015/lib/components/icon/icon.component.js +21 -23
  17. package/esm2015/lib/components/icon/icon.component.js.map +1 -1
  18. package/esm2015/lib/components/icon/icon.component.metadata.json +1 -1
  19. package/esm2015/lib/components/index.js +1 -0
  20. package/esm2015/lib/components/index.js.map +1 -1
  21. package/esm2015/lib/components/index.metadata.json +1 -1
  22. package/esm2015/lib/components/section-header/section-header.component.js +24 -0
  23. package/esm2015/lib/components/section-header/section-header.component.js.map +1 -0
  24. package/esm2015/lib/components/section-header/section-header.component.metadata.json +1 -0
  25. package/esm2015/lib/components/section-header/section-header.component.ngfactory.js.map +1 -0
  26. package/esm2015/lib/components/section-header/section-header.component.scss.shim.ngstyle.js.map +1 -0
  27. package/esm2015/lib/components/table/table-model.js +20 -0
  28. package/esm2015/lib/components/table/table-model.js.map +1 -1
  29. package/esm2015/lib/components/table/table-model.metadata.json +1 -1
  30. package/esm2015/lib/components/table/table.component.js +1 -1
  31. package/esm2015/lib/components/table/table.component.js.map +1 -1
  32. package/esm2015/lib/components/table/table.component.metadata.json +1 -1
  33. package/esm2015/lib/interaction/components/add-item-interaction-context/add-item-interaction-context.component.js +16 -2
  34. package/esm2015/lib/interaction/components/add-item-interaction-context/add-item-interaction-context.component.js.map +1 -1
  35. package/esm2015/lib/interaction/components/add-item-interaction-context/add-item-interaction-context.component.metadata.json +1 -1
  36. package/esm2015/lib/interaction/interaction.module.ngfactory.js.map +1 -1
  37. package/esm2015/lib/place/components/side-place-navigation/side-place-navigation.component.js +1 -1
  38. package/esm2015/lib/place/components/side-place-navigation/side-place-navigation.component.js.map +1 -1
  39. package/esm2015/lib/place/components/side-place-navigation/side-place-navigation.component.metadata.json +1 -1
  40. package/esm2015/lib/place/place.module.ngfactory.js.map +1 -1
  41. package/esm5/coolon-angular-ui-powerups.js +33 -32
  42. package/esm5/coolon-angular-ui-powerups.js.map +1 -1
  43. package/esm5/lib/angular-ui-powerups.module.ngfactory.js.map +1 -1
  44. package/esm5/lib/components/components.module.js +8 -3
  45. package/esm5/lib/components/components.module.js.map +1 -1
  46. package/esm5/lib/components/components.module.ngfactory.js.map +1 -1
  47. package/esm5/lib/components/icon/icon.component.js +30 -27
  48. package/esm5/lib/components/icon/icon.component.js.map +1 -1
  49. package/esm5/lib/components/index.js +1 -0
  50. package/esm5/lib/components/index.js.map +1 -1
  51. package/esm5/lib/components/section-header/section-header.component.js +25 -0
  52. package/esm5/lib/components/section-header/section-header.component.js.map +1 -0
  53. package/esm5/lib/components/section-header/section-header.component.ngfactory.js.map +1 -0
  54. package/esm5/lib/components/section-header/section-header.component.scss.shim.ngstyle.js.map +1 -0
  55. package/esm5/lib/components/table/table-model.js +22 -0
  56. package/esm5/lib/components/table/table-model.js.map +1 -1
  57. package/esm5/lib/components/table/table.component.js +1 -1
  58. package/esm5/lib/components/table/table.component.js.map +1 -1
  59. package/esm5/lib/interaction/components/add-item-interaction-context/add-item-interaction-context.component.js +16 -2
  60. package/esm5/lib/interaction/components/add-item-interaction-context/add-item-interaction-context.component.js.map +1 -1
  61. package/esm5/lib/interaction/interaction.module.ngfactory.js.map +1 -1
  62. package/esm5/lib/place/components/side-place-navigation/side-place-navigation.component.js +1 -1
  63. package/esm5/lib/place/components/side-place-navigation/side-place-navigation.component.js.map +1 -1
  64. package/esm5/lib/place/place.module.ngfactory.js.map +1 -1
  65. package/fesm2015/coolon-angular-ui-powerups.js +88 -32
  66. package/fesm2015/coolon-angular-ui-powerups.js.map +1 -1
  67. package/fesm5/coolon-angular-ui-powerups.js +100 -36
  68. package/fesm5/coolon-angular-ui-powerups.js.map +1 -1
  69. package/lib/components/icon/icon.component.d.ts +6 -7
  70. package/lib/components/index.d.ts +1 -0
  71. package/lib/components/section-header/section-header.component.d.ts +6 -0
  72. package/lib/components/table/table-model.d.ts +3 -0
  73. package/lib/interaction/components/add-item-interaction-context/add-item-interaction-context.component.d.ts +10 -0
  74. package/package.json +1 -1
@@ -20,6 +20,7 @@ import ___default, { isEqual, isNil } from 'lodash';
20
20
  import produce from 'immer';
21
21
  import { FaIconLibrary, FontAwesomeModule } from '@fortawesome/angular-fontawesome';
22
22
  import { fas } from '@fortawesome/free-solid-svg-icons';
23
+ import { MatTooltipModule } from '@angular/material/tooltip';
23
24
  import { FlexModule, GridModule } from '@angular/flex-layout';
24
25
  import { MatDialogModule, MatDialog, MatDialogConfig, MAT_DIALOG_DEFAULT_OPTIONS } from '@angular/material/dialog';
25
26
  import { RouterModule, UrlSegment, Router, UrlSerializer, NavigationStart, NavigationEnd, NavigationError, NavigationCancel, RouterOutlet } from '@angular/router';
@@ -27,7 +28,6 @@ import { Overlay, CdkScrollable } from '@angular/cdk/overlay';
27
28
  import ResizeObserver from 'resize-observer-polyfill';
28
29
  import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
29
30
  import { MatListModule } from '@angular/material/list';
30
- import { MatTooltipModule } from '@angular/material/tooltip';
31
31
  import { Memoize as Memoize$1 } from '@typescript-plus/fast-memoize-decorator';
32
32
  import 'reflect-metadata';
33
33
  import { style, query, group, animate, trigger, transition } from '@angular/animations';
@@ -869,6 +869,27 @@ ScrollContainerComponent = __decorate([
869
869
  __metadata("design:paramtypes", [])
870
870
  ], ScrollContainerComponent);
871
871
 
872
+ let SectionHeaderComponent = class SectionHeaderComponent {
873
+ constructor() {
874
+ this.underline = false;
875
+ }
876
+ ngOnInit() {
877
+ }
878
+ };
879
+ __decorate([
880
+ Input(),
881
+ HostBinding('class.underline'),
882
+ __metadata("design:type", Object)
883
+ ], SectionHeaderComponent.prototype, "underline", void 0);
884
+ SectionHeaderComponent = __decorate([
885
+ Component({
886
+ selector: 'aup-section-header',
887
+ template: "<ng-content></ng-content>\n",
888
+ styles: [":host{--def-border-bottom-color:var(--border-bottom-color, rgba(0, 0, 0, 0.07));display:block;padding:8px 16px;font-size:12px;line-height:12px;color:rgba(0,0,0,.5)}:host.underline{border-bottom:1px solid var(--def-border-bottom-color)}"]
889
+ }),
890
+ __metadata("design:paramtypes", [])
891
+ ], SectionHeaderComponent);
892
+
872
893
  var SwitchCaseWhenDirective_1, SwitchCaseDefaultDirective_1;
873
894
  class SwitchCaseOption {
874
895
  constructor(templateRef) {
@@ -1478,6 +1499,12 @@ class SelectionColumnModel extends ColumnModel {
1478
1499
  var TableModel_1;
1479
1500
  // export type StringPropertiesOf<T> = { [K in keyof T]: T[K] extends string ? K : never }[keyof T];
1480
1501
  // export type NumberPropertiesOf<T> = { [K in keyof T]: T[K] extends number ? K : never }[keyof T];
1502
+ class RowClass {
1503
+ constructor(className, matches) {
1504
+ this.className = className;
1505
+ this.matches = matches;
1506
+ }
1507
+ }
1481
1508
  /**
1482
1509
  * Example:
1483
1510
  * @example
@@ -1554,6 +1581,7 @@ let TableModel = TableModel_1 = class TableModel {
1554
1581
  this._garbage = new GarbageCollector();
1555
1582
  this._columns = new MutableListModel();
1556
1583
  this._editorSessions = new MutableListModel();
1584
+ this.rowClassNamePredicates = [];
1557
1585
  this._createForm = (row) => new Form();
1558
1586
  this.identityOf = sourceOfTruth.identityOf;
1559
1587
  const { chain, valueOf, before, when, after, observe, switchOn } = Dsl.disposeWith(this._garbage);
@@ -1566,6 +1594,7 @@ let TableModel = TableModel_1 = class TableModel {
1566
1594
  this.dataSource = chain(this.sourceOfTruth).replaceAll(this.rowsBeingEdited);
1567
1595
  this.firstEditableColumn = chain(this.columns).select(c => c.hasEditorPortal()).first();
1568
1596
  this.hasColumnsWithRowSelectionExplicitlyEnabled = chain(this._columns).findIndex(column => column.isRowSelectionExplicitlyEnabled()).isGreaterThanOrEqualTo(0);
1597
+ this.addRowClass("enable-hover", () => this.isRowSelectionEnabled());
1569
1598
  }
1570
1599
  static fromList(sourceOfTruth, builder) {
1571
1600
  const model = new TableModel_1(sourceOfTruth);
@@ -1604,6 +1633,18 @@ let TableModel = TableModel_1 = class TableModel {
1604
1633
  addTemplateColumn(columnId) {
1605
1634
  return this.addColumn(new CustomTemplateColumnModel(columnId, this));
1606
1635
  }
1636
+ addRowClass(className, predicate) {
1637
+ this.rowClassNamePredicates.push(new RowClass(className, predicate));
1638
+ }
1639
+ getRowClasses(row) {
1640
+ const classNames = [];
1641
+ this.rowClassNamePredicates.forEach(i => {
1642
+ if (i.matches(row)) {
1643
+ classNames.push(i.className);
1644
+ }
1645
+ });
1646
+ return classNames;
1647
+ }
1607
1648
  useFormFactory(factory) {
1608
1649
  this._createForm = factory;
1609
1650
  return this;
@@ -1736,7 +1777,7 @@ __decorate([
1736
1777
  TableComponent = __decorate([
1737
1778
  Component({
1738
1779
  selector: 'aup-table',
1739
- template: "<table mat-table [dataSource]=\"tableModel.dataSource.value\" [trackBy]=\"tableModel.getTrackByFunction()\">\n\n <ng-container *ngFor=\"let column of columns.value; index as index; first as first; last as last\" matColumnDef=\"{{column.columnId}}\">\n <th mat-header-cell *matHeaderCellDef>\n <aup-table-header-cell-renderer [column]=\"column\"\n [attr.column-index]=\"index\"\n [class.first-column]=\"first\"\n [class.last-column]=\"last\"\n ></aup-table-header-cell-renderer>\n </th>\n <td mat-cell *matCellDef=\"let row\" (click)=\"onCellClicked(column, row)\" [class.enable-cursor]=\"tableModel.isRowSelectionEnabledFor(column)\">\n <aup-table-cell-renderer [column]=\"column\"\n [row]=\"row\"\n [tableModel]=\"tableModel\"\n [editSession]=\"tableModel.getEditSessionFor(row)\"\n [attr.column-index]=\"index\"\n [class.first-column]=\"first\"\n [class.last-column]=\"last\"\n ></aup-table-cell-renderer>\n </td>\n </ng-container>\n\n <tr mat-header-row *matHeaderRowDef=\"columnIds.value\"></tr>\n <tr mat-row *matRowDef=\"let row; columns: columnIds.value;\" [class.enable-hover]=\"tableModel.isRowSelectionEnabled()\"></tr>\n\n</table>\n",
1780
+ template: "<table mat-table [dataSource]=\"tableModel.dataSource.value\" [trackBy]=\"tableModel.getTrackByFunction()\">\n\n <ng-container *ngFor=\"let column of columns.value; index as index; first as first; last as last\" matColumnDef=\"{{column.columnId}}\">\n <th mat-header-cell *matHeaderCellDef>\n <aup-table-header-cell-renderer [column]=\"column\"\n [attr.column-index]=\"index\"\n [class.first-column]=\"first\"\n [class.last-column]=\"last\"\n ></aup-table-header-cell-renderer>\n </th>\n <td mat-cell *matCellDef=\"let row\" (click)=\"onCellClicked(column, row)\" [class.enable-cursor]=\"tableModel.isRowSelectionEnabledFor(column)\">\n <aup-table-cell-renderer [column]=\"column\"\n [row]=\"row\"\n [tableModel]=\"tableModel\"\n [editSession]=\"tableModel.getEditSessionFor(row)\"\n [attr.column-index]=\"index\"\n [class.first-column]=\"first\"\n [class.last-column]=\"last\"\n ></aup-table-cell-renderer>\n </td>\n </ng-container>\n\n <tr mat-header-row *matHeaderRowDef=\"columnIds.value\"></tr>\n <tr mat-row *matRowDef=\"let row; columns: columnIds.value;\"\n [ngClass]=\"tableModel.getRowClasses(row)\"\n ></tr>\n\n</table>\n",
1740
1781
  styles: [":host{display:flex;flex-direction:column;align-items:stretch}:host table{flex:1}"]
1741
1782
  }),
1742
1783
  __metadata("design:paramtypes", [])
@@ -2043,40 +2084,38 @@ MultipleSelectInputComponent = __decorate([
2043
2084
  ], MultipleSelectInputComponent);
2044
2085
 
2045
2086
  let IconComponent = class IconComponent {
2046
- constructor() { }
2047
- ligature() {
2048
- if (this.icon.startsWith('mat:')) {
2049
- return this.icon.slice(4);
2087
+ set icon(iconName) {
2088
+ this._icon = iconName;
2089
+ if (!iconName) {
2090
+ this.errorMessage = 'icon is nil';
2091
+ this.prefix = undefined;
2092
+ return;
2050
2093
  }
2051
- if (!this.icon.includes(":")) {
2052
- return this.icon;
2094
+ const colonIndex = iconName.indexOf(':');
2095
+ if (colonIndex > 0) {
2096
+ this.prefix = this.icon.slice(0, colonIndex);
2097
+ this.suffix = this.icon.slice(colonIndex + 1);
2053
2098
  }
2054
- }
2055
- svgIcon() {
2056
- if (this.icon.startsWith('svg:')) {
2057
- return this.icon.slice(4);
2099
+ if (this.prefix) {
2100
+ this.errorMessage = `Unknown icon "${iconName}"`;
2058
2101
  }
2102
+ this.errorMessage = `Unknown icon prefix "${this.prefix}"`;
2059
2103
  }
2060
- isFontAwesome() {
2061
- return this.icon.startsWith('fab:');
2062
- }
2063
- fontAwesomeIcon() {
2064
- if (this.isFontAwesome()) {
2065
- return this.icon.slice(4);
2066
- }
2104
+ get icon() {
2105
+ return this._icon;
2067
2106
  }
2068
2107
  };
2069
2108
  __decorate([
2070
2109
  Input(),
2071
- __metadata("design:type", String)
2072
- ], IconComponent.prototype, "icon", void 0);
2110
+ __metadata("design:type", String),
2111
+ __metadata("design:paramtypes", [String])
2112
+ ], IconComponent.prototype, "icon", null);
2073
2113
  IconComponent = __decorate([
2074
2114
  Component({
2075
2115
  selector: 'aup-icon',
2076
- template: "<mat-icon *ngIf=\"!isFontAwesome()\"\n [svgIcon]=\"svgIcon()\">\n {{ligature()}}\n</mat-icon>\n<fa-icon *ngIf=\"isFontAwesome()\"\n [icon]=\"fontAwesomeIcon()\">\n</fa-icon>\n\n",
2077
- styles: [":host{display:inline-flex;width:24px}fa-icon{width:100%;text-align:center}:host(.mat-chip-remove) mat-icon{font-size:18px}mat-icon{width:inherit;height:inherit}"]
2078
- }),
2079
- __metadata("design:paramtypes", [])
2116
+ template: "<ng-container [ngSwitch]=\"prefix\">\n\n <mat-icon *ngSwitchCase=\"'svg'\"\n [svgIcon]=\"suffix\"\n class=\"svgIcon\">\n </mat-icon>\n\n <mat-icon *ngSwitchCase=\"'mat'\">\n {{suffix}}\n </mat-icon>\n\n <div *ngSwitchCase=\"'fab'\"\n class=\"faIconWrapper\">\n <fa-icon [icon]=\"suffix\">\n </fa-icon>\n </div>\n\n <mat-icon *ngSwitchDefault\n [matTooltip]=\"errorMessage\">\n bug_report\n </mat-icon>\n\n</ng-container>\n\n",
2117
+ styles: [":host{display:inline-flex;width:24px}fa-icon{vertical-align:middle}.faIconWrapper{text-align:center;width:24px;height:24px}.svgIcon{width:24px;height:24px}:host(.mat-chip-remove) mat-icon{font-size:18px}mat-icon{width:inherit;height:inherit}"]
2118
+ })
2080
2119
  ], IconComponent);
2081
2120
 
2082
2121
  let ComponentsModule = class ComponentsModule {
@@ -2118,7 +2157,8 @@ ComponentsModule = __decorate([
2118
2157
  DefaultHeaderCellRendererComponent,
2119
2158
  TableHeaderCellRendererComponent,
2120
2159
  MultipleSelectInputComponent,
2121
- IconComponent
2160
+ IconComponent,
2161
+ SectionHeaderComponent
2122
2162
  ],
2123
2163
  imports: [
2124
2164
  CommonModule,
@@ -2135,7 +2175,8 @@ ComponentsModule = __decorate([
2135
2175
  MatTableModule,
2136
2176
  PortalModule,
2137
2177
  CdkScrollableModule,
2138
- FontAwesomeModule
2178
+ FontAwesomeModule,
2179
+ MatTooltipModule
2139
2180
  ],
2140
2181
  exports: [
2141
2182
  NumberInputComponent,
@@ -2157,7 +2198,8 @@ ComponentsModule = __decorate([
2157
2198
  EditRowControls,
2158
2199
  ColumnTemplateDirective,
2159
2200
  MultipleSelectInputComponent,
2160
- IconComponent
2201
+ IconComponent,
2202
+ SectionHeaderComponent
2161
2203
  ],
2162
2204
  providers: [
2163
2205
  FocusBindingFactory,
@@ -2924,9 +2966,19 @@ InPlaceInteractionContextComponent = __decorate([
2924
2966
  __metadata("design:paramtypes", [InteractionService, Object])
2925
2967
  ], InPlaceInteractionContextComponent);
2926
2968
 
2969
+ /**
2970
+ * Css Vars.
2971
+ * --link-color
2972
+ * --link-color-hover
2973
+ * --link-background
2974
+ * --link-background-hover
2975
+ * --link-border-radius
2976
+ * --link-padding
2977
+ */
2927
2978
  let AddItemInteractionContextComponent = class AddItemInteractionContextComponent extends DisposableComponent {
2928
2979
  constructor() {
2929
2980
  super();
2981
+ this.icon = "mat:add";
2930
2982
  this.tabindex = 0;
2931
2983
  this.clickCommand = Command.create((context) => {
2932
2984
  if (this.activityClass) {
@@ -2952,6 +3004,10 @@ __decorate([
2952
3004
  Input(),
2953
3005
  __metadata("design:type", String)
2954
3006
  ], AddItemInteractionContextComponent.prototype, "label", void 0);
3007
+ __decorate([
3008
+ Input(),
3009
+ __metadata("design:type", Object)
3010
+ ], AddItemInteractionContextComponent.prototype, "icon", void 0);
2955
3011
  __decorate([
2956
3012
  Input(),
2957
3013
  __metadata("design:type", Object)
@@ -2981,8 +3037,8 @@ __decorate([
2981
3037
  AddItemInteractionContextComponent = __decorate([
2982
3038
  Component({
2983
3039
  selector: 'aup-add-item-interaction-context',
2984
- template: "<aup-in-place-interaction-context #interactionContext [animateFirstActivity]=\"false\">\n <a part=\"link\" class=\"link\" [pectinCommand]=\"clickCommand\"><aup-icon icon=\"mat:add\"></aup-icon> {{label}}</a>\n</aup-in-place-interaction-context>\n",
2985
- styles: [":host{--def-link-color:var(--link-color, currentColor);--def-link-backgound:var(--link-background, rgba(0, 0, 0, 0.05));--def-link-border-radius:var(--link-border-radius, 4px);--def-link-padding:var(--link-padding, calc(var(--aup-default-padding) / 2));display:flex;flex-direction:column;border-radius:var(--def-link-border-radius);box-sizing:border-box;outline:0}:host:hover{--link-background:rgba(0,0,0,0.1)}aup-in-place-interaction-context{border-radius:var(--def-link-border-radius)}a.link{display:flex;flex-direction:row;align-items:center;border-radius:var(--def-link-border-radius);color:var(--def-link-color);background:var(--def-link-backgound);padding:var(--def-link-padding);cursor:pointer;text-decoration:none}a.link mat-icon{margin-right:8px}"]
3040
+ template: "<aup-in-place-interaction-context [animateFirstActivity]=\"false\">\n <a part=\"link\" class=\"link\" [pectinCommand]=\"clickCommand\"><aup-icon [icon]=\"icon\"></aup-icon> {{label}}</a>\n</aup-in-place-interaction-context>\n",
3041
+ styles: [":host{--def-link-color:var(--link-color, currentColor);--def-link-color-hover:var(--link-color-hover, currentColor);--def-link-background:var(--link-background, transparent);--def-link-background-hover:var(--link-background-hover, rgba(0, 0, 0, 0.05));--def-link-border-radius:var(--link-border-radius, 4px);--def-link-padding:var(--link-padding, calc(var(--aup-default-padding) / 2));display:flex;flex-direction:column;border-radius:var(--def-link-border-radius);box-sizing:border-box;outline:0}:host:hover a.link{color:var(--def-link-color-hover);background-color:var(--def-link-background-hover)}aup-in-place-interaction-context{border-radius:var(--def-link-border-radius)}a.link{display:flex;flex-direction:row;align-items:center;border-radius:var(--def-link-border-radius);color:var(--def-link-color);background:var(--def-link-background);padding:var(--def-link-padding);cursor:pointer;text-decoration:none}a.link mat-icon{margin-right:8px}"]
2986
3042
  }),
2987
3043
  __metadata("design:paramtypes", [])
2988
3044
  ], AddItemInteractionContextComponent);
@@ -5461,7 +5517,7 @@ __decorate([
5461
5517
  SidePlaceNavigationComponent = __decorate([
5462
5518
  Component({
5463
5519
  selector: 'aup-side-place-navigation',
5464
- template: "<mat-nav-list>\n <a mat-list-item (click)=\"toggleMenu()\" class=\"home\">\n <aup-icon class=\"collapsed-only\" icon=\"menu\"></aup-icon>\n <aup-icon class=\"expanded-only\" icon=\"arrow_back\"></aup-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 <aup-icon *ngIf=\"getNav(placeDefinition).icon()\" [icon]=\"getNav(placeDefinition).icon()\"></aup-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",
5520
+ template: "<mat-nav-list>\n <a mat-list-item (click)=\"toggleMenu()\" class=\"home\">\n <aup-icon class=\"collapsed-only\" icon=\"mat:menu\"></aup-icon>\n <aup-icon class=\"expanded-only\" icon=\"mat:arrow_back\"></aup-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 <aup-icon *ngIf=\"getNav(placeDefinition).icon()\" [icon]=\"getNav(placeDefinition).icon()\"></aup-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",
5465
5521
  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 aup-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)}"]
5466
5522
  }),
5467
5523
  __metadata("design:paramtypes", [Router, PlaceRouter])
@@ -5976,5 +6032,5 @@ function VisitParameterList(options) {
5976
6032
  * Generated bundle index. Do not edit.
5977
6033
  */
5978
6034
 
5979
- export { ACTIVITY_DATA, AUP_PLACE_CONFIG, AbstractInputActivity, AbstractInputComponent, AbstractInteractionContext, AbstractListInputComponent, AbstractPlaceNavigationComponent, AbstractPopStateNavigation, AbstractValueInputComponent, Activity, ActivityActionsComponent, ActivityContainerComponent, ActivityOutletComponent, ActivityRef, AddItemInteractionContextComponent, AlertDialogComponent, AngularUiPowerupsModule, Bounds, BusyOverlayComponent, CELL_EDITOR_PORTAL, CELL_RENDERER_PORTAL, CardContainerComponent, CellEditorPortalRef, CellHeaderPortalRef, CellPortalRef, CellRendererPortalRef, CheckboxInputComponent, ColumnModel, ColumnTemplateDirective, CommandDirective, ComponentCellRendererPortalRef, ComponentsModule, ConfirmThenDialogComponent, ConfirmationDialogComponent, ConsolidatedParameterMap, CustomTemplateColumnModel, CustomValueColumnModel, DEFINITION_META_DATA_KEY, DIALOG_INTERACTION_SERVICE_DEFAULTS, DefaultCellRendererComponent, DefaultHeaderCellRendererComponent, DialogInteractionContext, DialogInteractionContextFactory, Dimension, DirectivesModule, DisposableComponent, EditRowControls, EditSession, EditorControlColumnModel, EmptyStateComponent, EventCleanUpSession, FocusBinding, FocusBindingDirective, FocusBindingFactory, FocusContainerComponent, FocusableComponent, Formatter, HEADER_CELL_RENDERER_PORTAL, IconComponent, InPlaceInteractionContextComponent, InteractionContextTriggerFor, InteractionModule, InteractionService, InteractionServiceRoutingAdapter, LEFT_RIGHT_PLACE_ANIMATION, ListPlaceNavComponent, ListPropertyColumnModel, ModalInteractionContextFactory, MultipleSelectInputComponent, Navigating, NavigatingDuringInteraction, NavigationContext, NavigationSession, NoopAuthGuard, NoopComponent, NumberInputComponent, PORTAL_EDITOR_COMPONENT, PORTAL_RENDERER_COMPONENT, ParameterDefinition, PasswordInputComponent, Place, PlaceComponent, PlaceComponentDeactivationHandler, PlaceDefinition, PlaceGuard, PlaceHistory, PlaceModule, PlaceOutletComponent, PlaceRouter, Point, PopStateDuringInteractionNavigation, PopStateNavigation, PopupInteractionContextComponent, PropertyColumnModel, ROUTE_PARAMETER_LIST_KEY, RemoveLastInteractionFromUrlNavigationSession, ResizeAwareComponent, RouteId, ScrollContainerComponent, SelectCellRendererComponent, SelectHeaderCellRendererComponent, SelectInputActivity, SelectInputComponent, SelectionColumnModel, SidePlaceNavigationComponent, StringInputActivity, StringInputComponent, SwitchCaseComponent, SwitchCaseDefaultDirective, SwitchCaseOption, SwitchCaseWhenDirective, SynchroniseInteractionContextIdsWithRoute, TabbedPlaceNavigationComponent, TableCellRendererComponent, TableComponent, TableHeaderCellRendererComponent, TableModel, TemplateCellRendererPortalRef, TextInputComponent, UrlService, UrlSnapshot, VerticalFocusContainerComponent, Visit, VisitParameter, VisitParameterList, VisitSanitiser, WaitUntilLeavingInteractionTransitionCancelled, WaitUntilLinkTriggeredNavigationInteractionCancellationEventsFinish, WaitUntilPopStateDuringCanDeactivateInteractionFinishes, leftRightPlaceAnimation, slideDownOnEnterAnimation, slideRightOnEnterAnimation, ɵ0, DirectivesModule as ɵa, CommandDirective as ɵb, EditRowControls as ɵba, ColumnTemplateDirective as ɵbb, DefaultCellRendererComponent as ɵbc, TableCellRendererComponent as ɵbd, SelectCellRendererComponent as ɵbe, SelectHeaderCellRendererComponent as ɵbf, DefaultHeaderCellRendererComponent as ɵbg, TableHeaderCellRendererComponent as ɵbh, MultipleSelectInputComponent as ɵbi, IconComponent as ɵbj, PlaceModule as ɵbk, ComponentsModule as ɵbl, EmptyStateComponent as ɵbm, BusyOverlayComponent as ɵbn, PlaceOutletComponent as ɵbo, leftRightPlaceAnimation as ɵbp, LEFT_RIGHT_PLACE_ANIMATION as ɵbq, AUP_PLACE_CONFIG as ɵbr, PlaceRouter as ɵbt, InteractionService as ɵbu, ModalInteractionContextFactory as ɵbv, UrlService as ɵbw, PlaceHistory as ɵbx, TabbedPlaceNavigationComponent as ɵby, AbstractPlaceNavigationComponent as ɵbz, FocusBindingDirective as ɵc, ListPlaceNavComponent as ɵca, SidePlaceNavigationComponent as ɵcb, InteractionModule as ɵcc, ActivityContainerComponent as ɵcd, AbstractInteractionContext as ɵce, ActivityOutletComponent as ɵcf, ConfirmationDialogComponent as ɵcg, ACTIVITY_DATA as ɵch, Activity as ɵci, ConfirmThenDialogComponent as ɵck, AlertDialogComponent as ɵcl, InPlaceInteractionContextComponent as ɵcn, AddItemInteractionContextComponent as ɵco, ActivityActionsComponent as ɵcp, PopupInteractionContextComponent as ɵcq, StringInputActivity as ɵcr, AbstractInputActivity as ɵcs, SelectInputActivity as ɵct, InteractionContextTriggerFor as ɵcu, DisposableComponent as ɵd, FocusBindingFactory as ɵe, ComponentsModule as ɵf, AbstractInputComponent as ɵg, AbstractValueInputComponent as ɵh, AbstractListInputComponent as ɵi, NumberInputComponent as ɵj, StringInputComponent as ɵk, TextInputComponent as ɵl, PasswordInputComponent as ɵm, SelectInputComponent as ɵn, CheckboxInputComponent as ɵo, ScrollContainerComponent as ɵp, NoopComponent as ɵq, SwitchCaseOption as ɵr, SwitchCaseWhenDirective as ɵs, SwitchCaseDefaultDirective as ɵt, SwitchCaseComponent as ɵu, FocusContainerComponent as ɵv, VerticalFocusContainerComponent as ɵw, FocusableComponent as ɵx, CardContainerComponent as ɵy, TableComponent as ɵz };
6035
+ export { ACTIVITY_DATA, AUP_PLACE_CONFIG, AbstractInputActivity, AbstractInputComponent, AbstractInteractionContext, AbstractListInputComponent, AbstractPlaceNavigationComponent, AbstractPopStateNavigation, AbstractValueInputComponent, Activity, ActivityActionsComponent, ActivityContainerComponent, ActivityOutletComponent, ActivityRef, AddItemInteractionContextComponent, AlertDialogComponent, AngularUiPowerupsModule, Bounds, BusyOverlayComponent, CELL_EDITOR_PORTAL, CELL_RENDERER_PORTAL, CardContainerComponent, CellEditorPortalRef, CellHeaderPortalRef, CellPortalRef, CellRendererPortalRef, CheckboxInputComponent, ColumnModel, ColumnTemplateDirective, CommandDirective, ComponentCellRendererPortalRef, ComponentsModule, ConfirmThenDialogComponent, ConfirmationDialogComponent, ConsolidatedParameterMap, CustomTemplateColumnModel, CustomValueColumnModel, DEFINITION_META_DATA_KEY, DIALOG_INTERACTION_SERVICE_DEFAULTS, DefaultCellRendererComponent, DefaultHeaderCellRendererComponent, DialogInteractionContext, DialogInteractionContextFactory, Dimension, DirectivesModule, DisposableComponent, EditRowControls, EditSession, EditorControlColumnModel, EmptyStateComponent, EventCleanUpSession, FocusBinding, FocusBindingDirective, FocusBindingFactory, FocusContainerComponent, FocusableComponent, Formatter, HEADER_CELL_RENDERER_PORTAL, IconComponent, InPlaceInteractionContextComponent, InteractionContextTriggerFor, InteractionModule, InteractionService, InteractionServiceRoutingAdapter, LEFT_RIGHT_PLACE_ANIMATION, ListPlaceNavComponent, ListPropertyColumnModel, ModalInteractionContextFactory, MultipleSelectInputComponent, Navigating, NavigatingDuringInteraction, NavigationContext, NavigationSession, NoopAuthGuard, NoopComponent, NumberInputComponent, PORTAL_EDITOR_COMPONENT, PORTAL_RENDERER_COMPONENT, ParameterDefinition, PasswordInputComponent, Place, PlaceComponent, PlaceComponentDeactivationHandler, PlaceDefinition, PlaceGuard, PlaceHistory, PlaceModule, PlaceOutletComponent, PlaceRouter, Point, PopStateDuringInteractionNavigation, PopStateNavigation, PopupInteractionContextComponent, PropertyColumnModel, ROUTE_PARAMETER_LIST_KEY, RemoveLastInteractionFromUrlNavigationSession, ResizeAwareComponent, RouteId, ScrollContainerComponent, SectionHeaderComponent, SelectCellRendererComponent, SelectHeaderCellRendererComponent, SelectInputActivity, SelectInputComponent, SelectionColumnModel, SidePlaceNavigationComponent, StringInputActivity, StringInputComponent, SwitchCaseComponent, SwitchCaseDefaultDirective, SwitchCaseOption, SwitchCaseWhenDirective, SynchroniseInteractionContextIdsWithRoute, TabbedPlaceNavigationComponent, TableCellRendererComponent, TableComponent, TableHeaderCellRendererComponent, TableModel, TemplateCellRendererPortalRef, TextInputComponent, UrlService, UrlSnapshot, VerticalFocusContainerComponent, Visit, VisitParameter, VisitParameterList, VisitSanitiser, WaitUntilLeavingInteractionTransitionCancelled, WaitUntilLinkTriggeredNavigationInteractionCancellationEventsFinish, WaitUntilPopStateDuringCanDeactivateInteractionFinishes, leftRightPlaceAnimation, slideDownOnEnterAnimation, slideRightOnEnterAnimation, ɵ0, DirectivesModule as ɵa, CommandDirective as ɵb, EditRowControls as ɵba, ColumnTemplateDirective as ɵbb, DefaultCellRendererComponent as ɵbc, TableCellRendererComponent as ɵbd, SelectCellRendererComponent as ɵbe, SelectHeaderCellRendererComponent as ɵbf, DefaultHeaderCellRendererComponent as ɵbg, TableHeaderCellRendererComponent as ɵbh, MultipleSelectInputComponent as ɵbi, IconComponent as ɵbj, SectionHeaderComponent as ɵbk, PlaceModule as ɵbl, ComponentsModule as ɵbm, EmptyStateComponent as ɵbn, BusyOverlayComponent as ɵbo, PlaceOutletComponent as ɵbp, leftRightPlaceAnimation as ɵbq, LEFT_RIGHT_PLACE_ANIMATION as ɵbr, AUP_PLACE_CONFIG as ɵbs, PlaceRouter as ɵbu, InteractionService as ɵbv, ModalInteractionContextFactory as ɵbw, UrlService as ɵbx, PlaceHistory as ɵby, TabbedPlaceNavigationComponent as ɵbz, FocusBindingDirective as ɵc, AbstractPlaceNavigationComponent as ɵca, ListPlaceNavComponent as ɵcb, SidePlaceNavigationComponent as ɵcc, InteractionModule as ɵcd, ActivityContainerComponent as ɵce, AbstractInteractionContext as ɵcf, ActivityOutletComponent as ɵcg, ConfirmationDialogComponent as ɵch, ACTIVITY_DATA as ɵci, Activity as ɵcj, ConfirmThenDialogComponent as ɵcl, AlertDialogComponent as ɵcm, InPlaceInteractionContextComponent as ɵco, AddItemInteractionContextComponent as ɵcp, ActivityActionsComponent as ɵcq, PopupInteractionContextComponent as ɵcr, StringInputActivity as ɵcs, AbstractInputActivity as ɵct, SelectInputActivity as ɵcu, InteractionContextTriggerFor as ɵcv, DisposableComponent as ɵd, FocusBindingFactory as ɵe, ComponentsModule as ɵf, AbstractInputComponent as ɵg, AbstractValueInputComponent as ɵh, AbstractListInputComponent as ɵi, NumberInputComponent as ɵj, StringInputComponent as ɵk, TextInputComponent as ɵl, PasswordInputComponent as ɵm, SelectInputComponent as ɵn, CheckboxInputComponent as ɵo, ScrollContainerComponent as ɵp, NoopComponent as ɵq, SwitchCaseOption as ɵr, SwitchCaseWhenDirective as ɵs, SwitchCaseDefaultDirective as ɵt, SwitchCaseComponent as ɵu, FocusContainerComponent as ɵv, VerticalFocusContainerComponent as ɵw, FocusableComponent as ɵx, CardContainerComponent as ɵy, TableComponent as ɵz };
5980
6036
  //# sourceMappingURL=coolon-angular-ui-powerups.js.map