@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';
@@ -967,6 +967,28 @@ var ScrollContainerComponent = /** @class */ (function () {
967
967
  return ScrollContainerComponent;
968
968
  }());
969
969
 
970
+ var SectionHeaderComponent = /** @class */ (function () {
971
+ function SectionHeaderComponent() {
972
+ this.underline = false;
973
+ }
974
+ SectionHeaderComponent.prototype.ngOnInit = function () {
975
+ };
976
+ __decorate([
977
+ Input(),
978
+ HostBinding('class.underline'),
979
+ __metadata("design:type", Object)
980
+ ], SectionHeaderComponent.prototype, "underline", void 0);
981
+ SectionHeaderComponent = __decorate([
982
+ Component({
983
+ selector: 'aup-section-header',
984
+ template: "<ng-content></ng-content>\n",
985
+ 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)}"]
986
+ }),
987
+ __metadata("design:paramtypes", [])
988
+ ], SectionHeaderComponent);
989
+ return SectionHeaderComponent;
990
+ }());
991
+
970
992
  var SwitchCaseOption = /** @class */ (function () {
971
993
  function SwitchCaseOption(templateRef) {
972
994
  this.templateRef = templateRef;
@@ -1657,6 +1679,13 @@ var SelectionColumnModel = /** @class */ (function (_super) {
1657
1679
 
1658
1680
  // export type StringPropertiesOf<T> = { [K in keyof T]: T[K] extends string ? K : never }[keyof T];
1659
1681
  // export type NumberPropertiesOf<T> = { [K in keyof T]: T[K] extends number ? K : never }[keyof T];
1682
+ var RowClass = /** @class */ (function () {
1683
+ function RowClass(className, matches) {
1684
+ this.className = className;
1685
+ this.matches = matches;
1686
+ }
1687
+ return RowClass;
1688
+ }());
1660
1689
  /**
1661
1690
  * Example:
1662
1691
  * @example
@@ -1729,10 +1758,12 @@ var SelectionColumnModel = /** @class */ (function (_super) {
1729
1758
  */
1730
1759
  var TableModel = /** @class */ (function () {
1731
1760
  function TableModel(sourceOfTruth) {
1761
+ var _this = this;
1732
1762
  this.sourceOfTruth = sourceOfTruth;
1733
1763
  this._garbage = new GarbageCollector();
1734
1764
  this._columns = new MutableListModel();
1735
1765
  this._editorSessions = new MutableListModel();
1766
+ this.rowClassNamePredicates = [];
1736
1767
  this._createForm = function (row) { return new Form(); };
1737
1768
  this.identityOf = sourceOfTruth.identityOf;
1738
1769
  var _a = Dsl.disposeWith(this._garbage), chain = _a.chain, valueOf = _a.valueOf, before = _a.before, when = _a.when, after = _a.after, observe = _a.observe, switchOn = _a.switchOn;
@@ -1745,6 +1776,7 @@ var TableModel = /** @class */ (function () {
1745
1776
  this.dataSource = chain(this.sourceOfTruth).replaceAll(this.rowsBeingEdited);
1746
1777
  this.firstEditableColumn = chain(this.columns).select(function (c) { return c.hasEditorPortal(); }).first();
1747
1778
  this.hasColumnsWithRowSelectionExplicitlyEnabled = chain(this._columns).findIndex(function (column) { return column.isRowSelectionExplicitlyEnabled(); }).isGreaterThanOrEqualTo(0);
1779
+ this.addRowClass("enable-hover", function () { return _this.isRowSelectionEnabled(); });
1748
1780
  }
1749
1781
  TableModel_1 = TableModel;
1750
1782
  TableModel.fromList = function (sourceOfTruth, builder) {
@@ -1793,6 +1825,18 @@ var TableModel = /** @class */ (function () {
1793
1825
  TableModel.prototype.addTemplateColumn = function (columnId) {
1794
1826
  return this.addColumn(new CustomTemplateColumnModel(columnId, this));
1795
1827
  };
1828
+ TableModel.prototype.addRowClass = function (className, predicate) {
1829
+ this.rowClassNamePredicates.push(new RowClass(className, predicate));
1830
+ };
1831
+ TableModel.prototype.getRowClasses = function (row) {
1832
+ var classNames = [];
1833
+ this.rowClassNamePredicates.forEach(function (i) {
1834
+ if (i.matches(row)) {
1835
+ classNames.push(i.className);
1836
+ }
1837
+ });
1838
+ return classNames;
1839
+ };
1796
1840
  TableModel.prototype.useFormFactory = function (factory) {
1797
1841
  this._createForm = factory;
1798
1842
  return this;
@@ -1929,7 +1973,7 @@ var TableComponent = /** @class */ (function (_super) {
1929
1973
  TableComponent = __decorate([
1930
1974
  Component({
1931
1975
  selector: 'aup-table',
1932
- 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",
1976
+ 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",
1933
1977
  styles: [":host{display:flex;flex-direction:column;align-items:stretch}:host table{flex:1}"]
1934
1978
  }),
1935
1979
  __metadata("design:paramtypes", [])
@@ -2252,38 +2296,41 @@ var MultipleSelectInputComponent = /** @class */ (function (_super) {
2252
2296
  var IconComponent = /** @class */ (function () {
2253
2297
  function IconComponent() {
2254
2298
  }
2255
- IconComponent.prototype.ligature = function () {
2256
- if (this.icon.startsWith('mat:')) {
2257
- return this.icon.slice(4);
2258
- }
2259
- if (!this.icon.includes(":")) {
2260
- return this.icon;
2261
- }
2262
- };
2263
- IconComponent.prototype.svgIcon = function () {
2264
- if (this.icon.startsWith('svg:')) {
2265
- return this.icon.slice(4);
2266
- }
2267
- };
2268
- IconComponent.prototype.isFontAwesome = function () {
2269
- return this.icon.startsWith('fab:');
2270
- };
2271
- IconComponent.prototype.fontAwesomeIcon = function () {
2272
- if (this.isFontAwesome()) {
2273
- return this.icon.slice(4);
2274
- }
2275
- };
2299
+ Object.defineProperty(IconComponent.prototype, "icon", {
2300
+ get: function () {
2301
+ return this._icon;
2302
+ },
2303
+ set: function (iconName) {
2304
+ this._icon = iconName;
2305
+ if (!iconName) {
2306
+ this.errorMessage = 'icon is nil';
2307
+ this.prefix = undefined;
2308
+ return;
2309
+ }
2310
+ var colonIndex = iconName.indexOf(':');
2311
+ if (colonIndex > 0) {
2312
+ this.prefix = this.icon.slice(0, colonIndex);
2313
+ this.suffix = this.icon.slice(colonIndex + 1);
2314
+ }
2315
+ if (this.prefix) {
2316
+ this.errorMessage = "Unknown icon \"" + iconName + "\"";
2317
+ }
2318
+ this.errorMessage = "Unknown icon prefix \"" + this.prefix + "\"";
2319
+ },
2320
+ enumerable: true,
2321
+ configurable: true
2322
+ });
2276
2323
  __decorate([
2277
2324
  Input(),
2278
- __metadata("design:type", String)
2279
- ], IconComponent.prototype, "icon", void 0);
2325
+ __metadata("design:type", String),
2326
+ __metadata("design:paramtypes", [String])
2327
+ ], IconComponent.prototype, "icon", null);
2280
2328
  IconComponent = __decorate([
2281
2329
  Component({
2282
2330
  selector: 'aup-icon',
2283
- 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",
2284
- 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}"]
2285
- }),
2286
- __metadata("design:paramtypes", [])
2331
+ 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",
2332
+ 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}"]
2333
+ })
2287
2334
  ], IconComponent);
2288
2335
  return IconComponent;
2289
2336
  }());
@@ -2326,7 +2373,8 @@ var ComponentsModule = /** @class */ (function () {
2326
2373
  DefaultHeaderCellRendererComponent,
2327
2374
  TableHeaderCellRendererComponent,
2328
2375
  MultipleSelectInputComponent,
2329
- IconComponent
2376
+ IconComponent,
2377
+ SectionHeaderComponent
2330
2378
  ],
2331
2379
  imports: [
2332
2380
  CommonModule,
@@ -2343,7 +2391,8 @@ var ComponentsModule = /** @class */ (function () {
2343
2391
  MatTableModule,
2344
2392
  PortalModule,
2345
2393
  CdkScrollableModule,
2346
- FontAwesomeModule
2394
+ FontAwesomeModule,
2395
+ MatTooltipModule
2347
2396
  ],
2348
2397
  exports: [
2349
2398
  NumberInputComponent,
@@ -2365,7 +2414,8 @@ var ComponentsModule = /** @class */ (function () {
2365
2414
  EditRowControls,
2366
2415
  ColumnTemplateDirective,
2367
2416
  MultipleSelectInputComponent,
2368
- IconComponent
2417
+ IconComponent,
2418
+ SectionHeaderComponent
2369
2419
  ],
2370
2420
  providers: [
2371
2421
  FocusBindingFactory,
@@ -3235,10 +3285,20 @@ var InPlaceInteractionContextComponent = /** @class */ (function (_super) {
3235
3285
  return InPlaceInteractionContextComponent;
3236
3286
  }(DisposableComponent));
3237
3287
 
3288
+ /**
3289
+ * Css Vars.
3290
+ * --link-color
3291
+ * --link-color-hover
3292
+ * --link-background
3293
+ * --link-background-hover
3294
+ * --link-border-radius
3295
+ * --link-padding
3296
+ */
3238
3297
  var AddItemInteractionContextComponent = /** @class */ (function (_super) {
3239
3298
  __extends(AddItemInteractionContextComponent, _super);
3240
3299
  function AddItemInteractionContextComponent() {
3241
3300
  var _this = _super.call(this) || this;
3301
+ _this.icon = "mat:add";
3242
3302
  _this.tabindex = 0;
3243
3303
  _this.clickCommand = Command.create(function (context) {
3244
3304
  if (_this.activityClass) {
@@ -3268,6 +3328,10 @@ var AddItemInteractionContextComponent = /** @class */ (function (_super) {
3268
3328
  Input(),
3269
3329
  __metadata("design:type", String)
3270
3330
  ], AddItemInteractionContextComponent.prototype, "label", void 0);
3331
+ __decorate([
3332
+ Input(),
3333
+ __metadata("design:type", Object)
3334
+ ], AddItemInteractionContextComponent.prototype, "icon", void 0);
3271
3335
  __decorate([
3272
3336
  Input(),
3273
3337
  __metadata("design:type", Object)
@@ -3297,8 +3361,8 @@ var AddItemInteractionContextComponent = /** @class */ (function (_super) {
3297
3361
  AddItemInteractionContextComponent = __decorate([
3298
3362
  Component({
3299
3363
  selector: 'aup-add-item-interaction-context',
3300
- 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",
3301
- 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}"]
3364
+ 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",
3365
+ 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}"]
3302
3366
  }),
3303
3367
  __metadata("design:paramtypes", [])
3304
3368
  ], AddItemInteractionContextComponent);
@@ -6021,7 +6085,7 @@ var SidePlaceNavigationComponent = /** @class */ (function (_super) {
6021
6085
  SidePlaceNavigationComponent = __decorate([
6022
6086
  Component({
6023
6087
  selector: 'aup-side-place-navigation',
6024
- 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",
6088
+ 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",
6025
6089
  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)}"]
6026
6090
  }),
6027
6091
  __metadata("design:paramtypes", [Router, PlaceRouter])
@@ -6638,5 +6702,5 @@ function VisitParameterList(options) {
6638
6702
  * Generated bundle index. Do not edit.
6639
6703
  */
6640
6704
 
6641
- 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 };
6705
+ 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 };
6642
6706
  //# sourceMappingURL=coolon-angular-ui-powerups.js.map