@coolon/angular-ui-powerups 1.20.0 → 1.21.0

package/esm5/lib/interaction/components/add-item-interaction-context/add-item-interaction-context.component.js

@@ -3,6 +3,15 @@ import { Component, HostBinding, Input, ViewChild } from '@angular/core';
 import { Command, TrackExternal } from '@coolon/pectin';
 import { DisposableComponent } from '../../../components/disposable-component';
 import { InPlaceInteractionContextComponent } from '../inplace-interaction-context/in-place-interaction-context.component';
+/**
+ * Css Vars.
+ *   --link-color
+ *   --link-color-hover
+ *   --link-background
+ *   --link-background-hover
+ *   --link-border-radius
+ *   --link-padding
+ */
 var AddItemInteractionContextComponent = /** @class */ (function (_super) {
     __extends(AddItemInteractionContextComponent, _super);
     function AddItemInteractionContextComponent() {
@@ -71,7 +80,7 @@ var AddItemInteractionContextComponent = /** @class */ (function (_super) {
         Component({
             selector: 'aup-add-item-interaction-context',
             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",
-            styles: [":host{--def-link-color:var(--link-color, currentColor);--def-link-color-hover:var(--link-color-hover, currentColor);--def-link-backgound:var(--link-background, transparent);--def-link-backgound-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-backgound-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-backgound);padding:var(--def-link-padding);cursor:pointer;text-decoration:none}a.link mat-icon{margin-right:8px}"]
+            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}"]
         }),
         __metadata("design:paramtypes", [])
     ], AddItemInteractionContextComponent);

package/esm5/lib/interaction/components/add-item-interaction-context/add-item-interaction-context.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"add-item-interaction-context.component.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/interaction/components/add-item-interaction-context/add-item-interaction-context.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,KAAK,EAAU,SAAS,EAAqB,MAAM,eAAe,CAAC;AACpG,OAAO,EAAE,OAAO,EAAiB,aAAa,EAAE,MAAM,gBAAgB,CAAC;AACvE,OAAO,EAAE,mBAAmB,EAAE,MAAM,0CAA0C,CAAC;AAE/E,OAAO,EAAE,kCAAkC,EAAE,MAAM,uEAAuE,CAAC;AAO3H;IAAwD,sDAAmB;IA+BzE;QAAA,YACE,iBAAO,SAWR;QArCD,UAAI,GAAG,SAAS,CAAC;QAuBR,cAAQ,GAAG,CAAC,CAAC;QAKpB,KAAI,CAAC,YAAY,GAAG,OAAO,CAAC,MAAM,CAAC,UAAC,OAAO;YACzC,IAAI,KAAI,CAAC,aAAa,EAAE;gBACtB,KAAI,CAAC,aAAa,CAAC,KAAI,CAAC,aAAa,EAAE,KAAI,CAAC,YAAY,CAAC,CAAC,KAAK,CAAC,UAAA,CAAC;oBACjE,eAAe;gBACf,CAAC,CAAC,CAAC;aACJ;iBAAM;gBACL,KAAI,CAAC,UAAU,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC,OAAO,EAAE,CAAC;aAChD;QACH,CAAC,CAAC,CAAC;;IACL,CAAC;IAnBD,sBAAW,sDAAM;aAAjB;YACE,OAAO,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,IAAI,CAAC,kBAAkB,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC;QAC9E,CAAC;;;OAAA;IAmBD,0DAAa,GAAb,UAAuB,YAA8C,EAAE,IAAQ;QAC7E,OAAO,IAAI,CAAC,kBAAkB,CAAC,aAAa,CAAC,YAAY,EAAE,IAAI,CAAC,CAAC;IACnE,CAAC;IAED,qDAAQ,GAAR;IACA,CAAC;IA/CD;QADC,KAAK,EAAE;;qEACM;IAGd;QADC,KAAK,EAAE;;oEACS;IAGjB;QADC,KAAK,EAAE;;6EAC8C;IAGtD;QADC,KAAK,EAAE;;4EACU;IAIlB;QAFC,KAAK,EAAE;QACP,aAAa,EAAE;kCACJ,OAAO;0EAAM;IAGzB;QADC,SAAS,CAAC,kCAAkC,CAAC;kCAChB,kCAAkC;kFAAgB;IAKhF;QADC,WAAW,CAAC,0BAA0B,CAAC;;;oEAGvC;IAGD;QADC,WAAW,CAAC,UAAU,CAAC;;wEACF;IA7BX,kCAAkC;QAL9C,SAAS,CAAC;YACT,QAAQ,EAAE,kCAAkC;YAC5C,gPAA4D;;SAE7D,CAAC;;OACW,kCAAkC,CAqD9C;IAAD,yCAAC;CAAA,AArDD,CAAwD,mBAAmB,GAqD1E;SArDY,kCAAkC","sourcesContent":["import { Component, HostBinding, Input, OnInit, ViewChild, ViewEncapsulation } from '@angular/core';\nimport { Command, Constructable, TrackExternal } from '@coolon/pectin';\nimport { DisposableComponent } from '../../../components/disposable-component';\nimport { Activity } from '../../activity';\nimport { InPlaceInteractionContextComponent } from '../inplace-interaction-context/in-place-interaction-context.component';\n\n@Component({\n  selector: 'aup-add-item-interaction-context',\n  templateUrl: './add-item-interaction-context.component.html',\n  styleUrls: ['./add-item-interaction-context.component.scss']\n})\nexport class AddItemInteractionContextComponent extends DisposableComponent implements OnInit {\n\n  @Input()\n  label: string;\n\n  @Input()\n  icon = \"mat:add\";\n\n  @Input()\n  activityClass: Constructable<Activity<any, any, any>>;\n\n  @Input()\n  activityData: any;\n\n  @Input()\n  @TrackExternal()\n  addCommand: Command<any>;\n\n  @ViewChild(InPlaceInteractionContextComponent)\n  protected interactionContext: InPlaceInteractionContextComponent<any, any, any>;\n\n  readonly clickCommand: Command<void>;\n\n  @HostBinding('class.interaction-active')\n  public get active(): boolean {\n    return this.interactionContext ? this.interactionContext.isActive() : false;\n  }\n\n  @HostBinding('tabindex')\n  readonly tabindex = 0;\n\n  constructor() {\n    super();\n\n    this.clickCommand = Command.create((context) => {\n      if (this.activityClass) {\n        this.startActivity(this.activityClass, this.activityData).catch(e => {\n        //  don't care.\n        });\n      } else {\n        this.addCommand.withContext(context).execute();\n      }\n    });\n  }\n\n  startActivity<D, R, E>(activityType: Constructable<Activity<D, R, E>>, data?: D): Promise<R> {\n    return this.interactionContext.startActivity(activityType, data);\n  }\n\n  ngOnInit() {\n  }\n\n\n}\n"]}
+{"version":3,"file":"add-item-interaction-context.component.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/interaction/components/add-item-interaction-context/add-item-interaction-context.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,KAAK,EAAU,SAAS,EAAqB,MAAM,eAAe,CAAC;AACpG,OAAO,EAAE,OAAO,EAAiB,aAAa,EAAE,MAAM,gBAAgB,CAAC;AACvE,OAAO,EAAE,mBAAmB,EAAE,MAAM,0CAA0C,CAAC;AAE/E,OAAO,EAAE,kCAAkC,EAAE,MAAM,uEAAuE,CAAC;AAE3H;;;;;;;;GAQG;AAMH;IAAwD,sDAAmB;IA+BzE;QAAA,YACE,iBAAO,SAWR;QArCD,UAAI,GAAG,SAAS,CAAC;QAuBR,cAAQ,GAAG,CAAC,CAAC;QAKpB,KAAI,CAAC,YAAY,GAAG,OAAO,CAAC,MAAM,CAAC,UAAC,OAAO;YACzC,IAAI,KAAI,CAAC,aAAa,EAAE;gBACtB,KAAI,CAAC,aAAa,CAAC,KAAI,CAAC,aAAa,EAAE,KAAI,CAAC,YAAY,CAAC,CAAC,KAAK,CAAC,UAAA,CAAC;oBACjE,eAAe;gBACf,CAAC,CAAC,CAAC;aACJ;iBAAM;gBACL,KAAI,CAAC,UAAU,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC,OAAO,EAAE,CAAC;aAChD;QACH,CAAC,CAAC,CAAC;;IACL,CAAC;IAnBD,sBAAW,sDAAM;aAAjB;YACE,OAAO,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,IAAI,CAAC,kBAAkB,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC;QAC9E,CAAC;;;OAAA;IAmBD,0DAAa,GAAb,UAAuB,YAA8C,EAAE,IAAQ;QAC7E,OAAO,IAAI,CAAC,kBAAkB,CAAC,aAAa,CAAC,YAAY,EAAE,IAAI,CAAC,CAAC;IACnE,CAAC;IAED,qDAAQ,GAAR;IACA,CAAC;IA/CD;QADC,KAAK,EAAE;;qEACM;IAGd;QADC,KAAK,EAAE;;oEACS;IAGjB;QADC,KAAK,EAAE;;6EAC8C;IAGtD;QADC,KAAK,EAAE;;4EACU;IAIlB;QAFC,KAAK,EAAE;QACP,aAAa,EAAE;kCACJ,OAAO;0EAAM;IAGzB;QADC,SAAS,CAAC,kCAAkC,CAAC;kCAChB,kCAAkC;kFAAgB;IAKhF;QADC,WAAW,CAAC,0BAA0B,CAAC;;;oEAGvC;IAGD;QADC,WAAW,CAAC,UAAU,CAAC;;wEACF;IA7BX,kCAAkC;QAL9C,SAAS,CAAC;YACT,QAAQ,EAAE,kCAAkC;YAC5C,gPAA4D;;SAE7D,CAAC;;OACW,kCAAkC,CAqD9C;IAAD,yCAAC;CAAA,AArDD,CAAwD,mBAAmB,GAqD1E;SArDY,kCAAkC","sourcesContent":["import { Component, HostBinding, Input, OnInit, ViewChild, ViewEncapsulation } from '@angular/core';\nimport { Command, Constructable, TrackExternal } from '@coolon/pectin';\nimport { DisposableComponent } from '../../../components/disposable-component';\nimport { Activity } from '../../activity';\nimport { InPlaceInteractionContextComponent } from '../inplace-interaction-context/in-place-interaction-context.component';\n\n/**\n * Css Vars.\n *   --link-color\n *   --link-color-hover\n *   --link-background\n *   --link-background-hover\n *   --link-border-radius\n *   --link-padding\n */\n@Component({\n  selector: 'aup-add-item-interaction-context',\n  templateUrl: './add-item-interaction-context.component.html',\n  styleUrls: ['./add-item-interaction-context.component.scss']\n})\nexport class AddItemInteractionContextComponent extends DisposableComponent implements OnInit {\n\n  @Input()\n  label: string;\n\n  @Input()\n  icon = \"mat:add\";\n\n  @Input()\n  activityClass: Constructable<Activity<any, any, any>>;\n\n  @Input()\n  activityData: any;\n\n  @Input()\n  @TrackExternal()\n  addCommand: Command<any>;\n\n  @ViewChild(InPlaceInteractionContextComponent)\n  protected interactionContext: InPlaceInteractionContextComponent<any, any, any>;\n\n  readonly clickCommand: Command<void>;\n\n  @HostBinding('class.interaction-active')\n  public get active(): boolean {\n    return this.interactionContext ? this.interactionContext.isActive() : false;\n  }\n\n  @HostBinding('tabindex')\n  readonly tabindex = 0;\n\n  constructor() {\n    super();\n\n    this.clickCommand = Command.create((context) => {\n      if (this.activityClass) {\n        this.startActivity(this.activityClass, this.activityData).catch(e => {\n        //  don't care.\n        });\n      } else {\n        this.addCommand.withContext(context).execute();\n      }\n    });\n  }\n\n  startActivity<D, R, E>(activityType: Constructable<Activity<D, R, E>>, data?: D): Promise<R> {\n    return this.interactionContext.startActivity(activityType, data);\n  }\n\n  ngOnInit() {\n  }\n\n\n}\n"]}

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

@@ -77,7 +77,7 @@ var SidePlaceNavigationComponent = /** @class */ (function (_super) {
     SidePlaceNavigationComponent = __decorate([
         Component({
             selector: 'aup-side-place-navigation',
-            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",
+            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",
             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)}"]
         }),
         __metadata("design:paramtypes", [Router, PlaceRouter])

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"place.module.ngfactory.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/place/place.module.ngfactory.ts"],"names":[],"mappings":"","sourcesContent":["import * as i0 from '@angular/core';\nimport * as i1 from './place.module';\nimport * as i2 from '@angular/common';\nimport * as i3 from '@angular/cdk/bidi';\nimport * as i4 from '@angular/material/progress-spinner';\nimport * as i5 from '@angular/router';\nimport * as i6 from '@angular/material/tabs';\nimport * as i7 from '@angular/material/core';\nimport * as i8 from '@angular/material/divider';\nimport * as i9 from '@angular/material/list';\nimport * as i10 from '@angular/cdk/scrolling';\nimport * as i11 from '@angular/material/tooltip';\nimport * as i12 from '@angular/material/icon';\nimport * as i13 from '../directives/command.directive';\nimport * as i14 from '../directives/focus-binding.directive';\nimport * as i15 from '@angular/flex-layout/flex';\nimport * as i16 from '../components/forms/number-input/number-input.component';\nimport * as i17 from '../components/forms/string-input/string-input.component';\nimport * as i18 from '../components/forms/text-input/text-input.component';\nimport * as i19 from '../components/forms/password-input/password-input.component';\nimport * as i20 from '../components/forms/checkbox-input/checkbox-input.component';\nimport * as i21 from '../components/forms/select-input/select-input.component';\nimport * as i22 from '../components/scroll-container/scroll-container.component';\nimport * as i23 from '../components/noop/noop.component';\nimport * as i24 from '../components/switch-case/switch-case.component';\nimport * as i25 from '../components/focus-container/focus-container.component';\nimport * as i26 from '../components/vertical-focus-container/vertical-focus-container.component';\nimport * as i27 from '../components/focusable.component';\nimport * as i28 from '../components/card-container/card-container.component';\nimport * as i29 from '../components/table/table.component';\nimport * as i30 from '../components/table/edit-row-controls/edit-row-controls.component';\nimport * as i31 from '../components/table/column-template/column-template.directive';\nimport * as i32 from '../components/forms/multiple-select-input/multiple-select-input.component';\nimport * as i33 from '../components/icon/icon.component';\nimport * as i34 from '../components/section-header/section-header.component';\nimport * as i35 from './components/empty-state/empty-state.component';\nimport * as i36 from './components/busy-overlay/busy-overlay.component';\nimport * as i37 from './components/place-outlet/place-outlet.component';\nimport * as i38 from './components/tabbed-place-navigation/tabbed-place-navigation.component';\nimport * as i39 from './components/list-place-nav/list-place-nav.component';\nimport * as i40 from './components/side-place-navigation/side-place-navigation.component';\nimport * as i41 from './components/abstract-place-navigation.component';\nimport * as i42 from '@angular/platform-browser/animations';\nimport * as i43 from '../directives/directives.module';\nimport * as i44 from '../components/components.module';\nexport const PlaceModuleNgFactory:i0.NgModuleFactory<i1.PlaceModule> = (null as any);\nvar _decl0_0:i2.NgClass = (<any>(null as any));\nvar _decl0_1:i2.NgComponentOutlet = (<any>(null as any));\nvar _decl0_2:i2.NgForOf<any,any> = (<any>(null as any));\nvar _decl0_3:i2.NgIf<any> = (<any>(null as any));\nvar _decl0_4:i2.NgTemplateOutlet = (<any>(null as any));\nvar _decl0_5:i2.NgStyle = (<any>(null as any));\nvar _decl0_6:i2.NgSwitch = (<any>(null as any));\nvar _decl0_7:i2.NgSwitchCase = (<any>(null as any));\nvar _decl0_8:i2.NgSwitchDefault = (<any>(null as any));\nvar _decl0_9:i2.NgPlural = (<any>(null as any));\nvar _decl0_10:i2.NgPluralCase = (<any>(null as any));\nvar _decl0_11:i3.Dir = (<any>(null as any));\nvar _decl0_12:i4.MatProgressSpinner = (<any>(null as any));\nvar _decl0_13:i4.MatSpinner = (<any>(null as any));\nvar _decl0_14:i5.RouterOutlet = (<any>(null as any));\nvar _decl0_15:i5.RouterLink = (<any>(null as any));\nvar _decl0_16:i5.RouterLinkWithHref = (<any>(null as any));\nvar _decl0_17:i5.RouterLinkActive = (<any>(null as any));\nvar _decl0_18:i5.ɵangular_packages_router_router_l = (<any>(null as any));\nvar _decl0_19:i6.MatTabGroup = (<any>(null as any));\nvar _decl0_20:i6.MatTabLabel = (<any>(null as any));\nvar _decl0_21:i6.MatTab = (<any>(null as any));\nvar _decl0_22:i6.MatTabNav = (<any>(null as any));\nvar _decl0_23:i6.MatTabLink = (<any>(null as any));\nvar _decl0_24:i6.MatTabContent = (<any>(null as any));\nvar _decl0_25:i7.MatLine = (<any>(null as any));\nvar _decl0_26:i7.MatPseudoCheckbox = (<any>(null as any));\nvar _decl0_27:i8.MatDivider = (<any>(null as any));\nvar _decl0_28:i9.MatList = (<any>(null as any));\nvar _decl0_29:i9.MatNavList = (<any>(null as any));\nvar _decl0_30:i9.MatListItem = (<any>(null as any));\nvar _decl0_31:i9.MatListAvatarCssMatStyler = (<any>(null as any));\nvar _decl0_32:i9.MatListIconCssMatStyler = (<any>(null as any));\nvar _decl0_33:i9.MatListSubheaderCssMatStyler = (<any>(null as any));\nvar _decl0_34:i9.MatSelectionList = (<any>(null as any));\nvar _decl0_35:i9.MatListOption = (<any>(null as any));\nvar _decl0_36:i10.CdkScrollable = (<any>(null as any));\nvar _decl0_37:i11.MatTooltip = (<any>(null as any));\nvar _decl0_38:i11.TooltipComponent = (<any>(null as any));\nvar _decl0_39:i12.MatIcon = (<any>(null as any));\nvar _decl0_40:i13.CommandDirective<any> = (<any>(null as any));\nvar _decl0_41:i14.FocusBindingDirective = (<any>(null as any));\nvar _decl0_42:i15.DefaultLayoutDirective = (<any>(null as any));\nvar _decl0_43:i15.DefaultLayoutGapDirective = (<any>(null as any));\nvar _decl0_44:i15.DefaultLayoutAlignDirective = (<any>(null as any));\nvar _decl0_45:i15.DefaultFlexOrderDirective = (<any>(null as any));\nvar _decl0_46:i15.DefaultFlexOffsetDirective = (<any>(null as any));\nvar _decl0_47:i15.FlexFillDirective = (<any>(null as any));\nvar _decl0_48:i15.DefaultFlexAlignDirective = (<any>(null as any));\nvar _decl0_49:i15.DefaultFlexDirective = (<any>(null as any));\nvar _decl0_50:i16.NumberInputComponent = (<any>(null as any));\nvar _decl0_51:i17.StringInputComponent = (<any>(null as any));\nvar _decl0_52:i18.TextInputComponent = (<any>(null as any));\nvar _decl0_53:i19.PasswordInputComponent = (<any>(null as any));\nvar _decl0_54:i20.CheckboxInputComponent = (<any>(null as any));\nvar _decl0_55:i21.SelectInputComponent<any> = (<any>(null as any));\nvar _decl0_56:i22.ScrollContainerComponent = (<any>(null as any));\nvar _decl0_57:i23.NoopComponent = (<any>(null as any));\nvar _decl0_58:i24.SwitchCaseComponent<any> = (<any>(null as any));\nvar _decl0_59:i24.SwitchCaseWhenDirective<any> = (<any>(null as any));\nvar _decl0_60:i24.SwitchCaseDefaultDirective<any> = (<any>(null as any));\nvar _decl0_61:i25.FocusContainerComponent = (<any>(null as any));\nvar _decl0_62:i26.VerticalFocusContainerComponent = (<any>(null as any));\nvar _decl0_63:i27.FocusableComponent = (<any>(null as any));\nvar _decl0_64:i28.CardContainerComponent = (<any>(null as any));\nvar _decl0_65:i29.TableComponent<any> = (<any>(null as any));\nvar _decl0_66:i30.EditRowControls<any> = (<any>(null as any));\nvar _decl0_67:i31.ColumnTemplateDirective = (<any>(null as any));\nvar _decl0_68:i32.MultipleSelectInputComponent<any> = (<any>(null as any));\nvar _decl0_69:i33.IconComponent = (<any>(null as any));\nvar _decl0_70:i34.SectionHeaderComponent = (<any>(null as any));\nvar _decl0_71:i35.EmptyStateComponent = (<any>(null as any));\nvar _decl0_72:i36.BusyOverlayComponent = (<any>(null as any));\nvar _decl0_73:i37.PlaceOutletComponent = (<any>(null as any));\nvar _decl0_74:i38.TabbedPlaceNavigationComponent = (<any>(null as any));\nvar _decl0_75:i39.ListPlaceNavComponent = (<any>(null as any));\nvar _decl0_76:i40.SidePlaceNavigationComponent = (<any>(null as any));\nvar _decl0_77:i41.AbstractPlaceNavigationComponent = (<any>(null as any));\nvar _decl0_78:i2.AsyncPipe = (<any>(null as any));\nvar _decl0_79:i2.UpperCasePipe = (<any>(null as any));\nvar _decl0_80:i2.LowerCasePipe = (<any>(null as any));\nvar _decl0_81:i2.JsonPipe = (<any>(null as any));\nvar _decl0_82:i2.SlicePipe = (<any>(null as any));\nvar _decl0_83:i2.DecimalPipe = (<any>(null as any));\nvar _decl0_84:i2.PercentPipe = (<any>(null as any));\nvar _decl0_85:i2.TitleCasePipe = (<any>(null as any));\nvar _decl0_86:i2.CurrencyPipe = (<any>(null as any));\nvar _decl0_87:i2.DatePipe = (<any>(null as any));\nvar _decl0_88:i2.I18nPluralPipe = (<any>(null as any));\nvar _decl0_89:i2.I18nSelectPipe = (<any>(null as any));\nvar _decl0_90:i2.KeyValuePipe = (<any>(null as any));\nvar _decl0_91:i2.CommonModule = (<any>(null as any));\nvar _decl0_92:i42.BrowserAnimationsModule = (<any>(null as any));\nvar _decl0_93:i4.MatProgressSpinnerModule = (<any>(null as any));\nvar _decl0_94:i5.RouterModule = (<any>(null as any));\nvar _decl0_95:i6.MatTabsModule = (<any>(null as any));\nvar _decl0_96:i9.MatListModule = (<any>(null as any));\nvar _decl0_97:i11.MatTooltipModule = (<any>(null as any));\nvar _decl0_98:i12.MatIconModule = (<any>(null as any));\nvar _decl0_99:i43.DirectivesModule = (<any>(null as any));\nvar _decl0_100:i15.FlexModule = (<any>(null as any));\nvar _decl0_101:i44.ComponentsModule = (<any>(null as any));\nvar _decl0_102:i0.TemplateRef<any> = (<any>(null as any));\nvar _decl0_103:i0.ElementRef<any> = (<any>(null as any));\nfunction _View_EmptyStateComponent_Host_1_0():void {\n  var _any:any = (null as any);\n}\nfunction _View_EmptyStateComponent_1_0():void {\n  var _any:any = (null as any);\n}\nfunction _View_BusyOverlayComponent_Host_2_0():void {\n  var _any:any = (null as any);\n}\nfunction _View_BusyOverlayComponent_2_1():void {\n  if (_decl0_72.busyModel.value) {\n    var _any:any = (null as any);\n    const currVal_0:any = 52;\n    currVal_0;\n    const currVal_1:any = 'indeterminate';\n    currVal_1;\n    const currVal_2:any = _decl0_12._noopAnimations;\n    currVal_2;\n    const currVal_3:any = _decl0_12.diameter;\n    currVal_3;\n    const currVal_4:any = _decl0_12.diameter;\n    currVal_4;\n    const currVal_5:any = ((_decl0_12.mode === 'determinate')? 0: null);\n    currVal_5;\n    const currVal_6:any = ((_decl0_12.mode === 'determinate')? 100: null);\n    currVal_6;\n    const currVal_7:any = ((_decl0_12.mode === 'determinate')? _decl0_12.value: null);\n    currVal_7;\n    const currVal_8:any = _decl0_12.mode;\n    currVal_8;\n  }\n}\nfunction _View_BusyOverlayComponent_2_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _decl0_72.busyModel.value;\n  currVal_0;\n}\nfunction _View_PlaceOutletComponent_Host_3_0():void {\n  var _any:any = (null as any);\n}\nfunction _View_PlaceOutletComponent_3_1():void {\n  if (_decl0_73.animateModel.value) {\n    var _any:any = (null as any);\n    const currVal_0:any = {value:_decl0_73.getAnimationOrder(),params:{duration:_decl0_73.animationDuration}};\n    currVal_0;\n    const pd_1:any = ((<any>_decl0_73.animationStarted()) !== false);\n    const pd_2:any = ((<any>_decl0_73.animationDone()) !== false);\n    const pd_3:any = ((<any>_decl0_73.onOutletActivated(_decl0_14,_any)) !== false);\n    const pd_4:any = ((<any>_decl0_73.onOutletDeactivated()) !== false);\n  }\n}\nfunction _View_PlaceOutletComponent_3_2():void {\n  if (!_decl0_73.animateModel.value) {\n    var _any:any = (null as any);\n    const pd_0:any = ((<any>_decl0_73.onOutletActivated(_decl0_14,_any)) !== false);\n    const pd_1:any = ((<any>_decl0_73.onOutletDeactivated()) !== false);\n  }\n}\nfunction _View_PlaceOutletComponent_3_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _decl0_73.animateModel.value;\n  currVal_0;\n  const currVal_1:any = !_decl0_73.animateModel.value;\n  currVal_1;\n}\nfunction _View_TabbedPlaceNavigationComponent_Host_4_0():void {\n  var _any:any = (null as any);\n}\nfunction _View_TabbedPlaceNavigationComponent_4_2():void {\n  if (_decl0_74.getNav(_any).icon()) {\n    var _any:any = (null as any);\n    const currVal_0:any = _decl0_74.getNav(_any).icon();\n    currVal_0;\n  }\n}\nfunction _View_TabbedPlaceNavigationComponent_4_1():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _decl0_74.isActive(_any);\n  currVal_0;\n  const currVal_1:any = (_decl0_23.active? 'page': null);\n  currVal_1;\n  const currVal_2:any = _decl0_23.disabled;\n  currVal_2;\n  const currVal_3:any = _decl0_23.tabIndex;\n  currVal_3;\n  const currVal_4:any = _decl0_23.disabled;\n  currVal_4;\n  const currVal_5:any = _decl0_23.active;\n  currVal_5;\n  const currVal_6:any = _decl0_74.getNav(_any).tooltip();\n  currVal_6;\n  const currVal_7:any = _decl0_74.commandFactory.create(_any);\n  currVal_7;\n  const currVal_8:any = _decl0_74.getNav(_any).icon();\n  currVal_8;\n  const currVal_9:any = _decl0_74.getNav(_any).title();\n  currVal_9;\n  const pd_10:any = ((<any>_decl0_40.notifyClick(_any)) !== false);\n}\nfunction _View_TabbedPlaceNavigationComponent_4_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _decl0_22._showPaginationControls;\n  currVal_0;\n  const currVal_1:any = (_decl0_22._getLayoutDirection() == 'rtl');\n  currVal_1;\n  const currVal_2:any = ((_decl0_22.color !== 'warn') && (_decl0_22.color !== 'accent'));\n  currVal_2;\n  const currVal_3:any = (_decl0_22.color === 'accent');\n  currVal_3;\n  const currVal_4:any = (_decl0_22.color === 'warn');\n  currVal_4;\n  const currVal_5:any = _decl0_74.placeDefinitions.value;\n  currVal_5;\n}\nfunction _View_ListPlaceNavComponent_Host_5_0():void {\n  var _any:any = (null as any);\n}\nfunction _View_ListPlaceNavComponent_5_2():void {\n  if (_decl0_75.getNav(_any).icon()) {\n    var _any:any = (null as any);\n    const currVal_0:any = _decl0_75.getNav(_any).icon();\n    currVal_0;\n  }\n}\nfunction _View_ListPlaceNavComponent_5_1():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _decl0_30.disabled;\n  currVal_0;\n  const currVal_1:any = (_decl0_30._avatar || _decl0_30._icon);\n  currVal_1;\n  const currVal_2:any = (_decl0_30._avatar || _decl0_30._icon);\n  currVal_2;\n  const currVal_3:any = _decl0_75.getNav(_any).tooltip();\n  currVal_3;\n  const currVal_4:any = _decl0_75.commandFactory.create(_any);\n  currVal_4;\n  const currVal_5:any = _decl0_75.isActive(_any);\n  currVal_5;\n  const currVal_6:any = _decl0_75.getNav(_any).icon();\n  currVal_6;\n  const currVal_7:any = _decl0_75.getNav(_any).title();\n  currVal_7;\n  const pd_8:any = ((<any>_decl0_40.notifyClick(_any)) !== false);\n}\nfunction _View_ListPlaceNavComponent_5_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = '';\n  currVal_0;\n  const currVal_1:any = _decl0_75.placeDefinitions.value;\n  currVal_1;\n}\nfunction _View_SidePlaceNavigationComponent_Host_6_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _decl0_76.expanded;\n  currVal_0;\n}\nfunction _View_SidePlaceNavigationComponent_6_2():void {\n  if (_decl0_76.getNav(_any).icon()) {\n    var _any:any = (null as any);\n    const currVal_0:any = _decl0_76.getNav(_any).icon();\n    currVal_0;\n  }\n}\nfunction _View_SidePlaceNavigationComponent_6_1():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _decl0_30.disabled;\n  currVal_0;\n  const currVal_1:any = (_decl0_30._avatar || _decl0_30._icon);\n  currVal_1;\n  const currVal_2:any = (_decl0_30._avatar || _decl0_30._icon);\n  currVal_2;\n  const currVal_3:any = _decl0_76.getNav(_any).tooltip();\n  currVal_3;\n  const currVal_4:any = _decl0_76.commandFactory.create(_any);\n  currVal_4;\n  const currVal_5:any = _decl0_76.isActive(_any);\n  currVal_5;\n  const currVal_6:any = _decl0_76.getNav(_any).icon();\n  currVal_6;\n  const currVal_7:any = _decl0_76.getNav(_any).title();\n  currVal_7;\n  const pd_8:any = ((<any>_decl0_40.notifyClick(_any)) !== false);\n}\nfunction _View_SidePlaceNavigationComponent_6_3():void {\n  if (_decl0_76.navEndTemplate) {\n    var _any:any = (null as any);\n    const currVal_0:any = _decl0_76.navEndTemplate;\n    currVal_0;\n  }\n}\nfunction _View_SidePlaceNavigationComponent_6_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _decl0_30.disabled;\n  currVal_0;\n  const currVal_1:any = (_decl0_30._avatar || _decl0_30._icon);\n  currVal_1;\n  const currVal_2:any = (_decl0_30._avatar || _decl0_30._icon);\n  currVal_2;\n  const currVal_3:any = 'menu';\n  currVal_3;\n  const currVal_4:any = 'arrow_back';\n  currVal_4;\n  const currVal_5:any = _decl0_76.placeDefinitions.value;\n  currVal_5;\n  const currVal_6:any = 1;\n  currVal_6;\n  const currVal_7:any = _decl0_76.navEndTemplate;\n  currVal_7;\n  const pd_8:any = ((<any>_decl0_76.toggleMenu()) !== false);\n}\nfunction _View_AbstractPlaceNavigationComponent_Host_7_0():void {\n  var _any:any = (null as any);\n}\nfunction _View_AbstractPlaceNavigationComponent_7_0():void {\n  var _any:any = (null as any);\n}\n"]}
+{"version":3,"file":"place.module.ngfactory.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/place/place.module.ngfactory.ts"],"names":[],"mappings":"","sourcesContent":["import * as i0 from '@angular/core';\nimport * as i1 from './place.module';\nimport * as i2 from '@angular/common';\nimport * as i3 from '@angular/cdk/bidi';\nimport * as i4 from '@angular/material/progress-spinner';\nimport * as i5 from '@angular/router';\nimport * as i6 from '@angular/material/tabs';\nimport * as i7 from '@angular/material/core';\nimport * as i8 from '@angular/material/divider';\nimport * as i9 from '@angular/material/list';\nimport * as i10 from '@angular/cdk/scrolling';\nimport * as i11 from '@angular/material/tooltip';\nimport * as i12 from '@angular/material/icon';\nimport * as i13 from '../directives/command.directive';\nimport * as i14 from '../directives/focus-binding.directive';\nimport * as i15 from '@angular/flex-layout/flex';\nimport * as i16 from '../components/forms/number-input/number-input.component';\nimport * as i17 from '../components/forms/string-input/string-input.component';\nimport * as i18 from '../components/forms/text-input/text-input.component';\nimport * as i19 from '../components/forms/password-input/password-input.component';\nimport * as i20 from '../components/forms/checkbox-input/checkbox-input.component';\nimport * as i21 from '../components/forms/select-input/select-input.component';\nimport * as i22 from '../components/scroll-container/scroll-container.component';\nimport * as i23 from '../components/noop/noop.component';\nimport * as i24 from '../components/switch-case/switch-case.component';\nimport * as i25 from '../components/focus-container/focus-container.component';\nimport * as i26 from '../components/vertical-focus-container/vertical-focus-container.component';\nimport * as i27 from '../components/focusable.component';\nimport * as i28 from '../components/card-container/card-container.component';\nimport * as i29 from '../components/table/table.component';\nimport * as i30 from '../components/table/edit-row-controls/edit-row-controls.component';\nimport * as i31 from '../components/table/column-template/column-template.directive';\nimport * as i32 from '../components/forms/multiple-select-input/multiple-select-input.component';\nimport * as i33 from '../components/icon/icon.component';\nimport * as i34 from '../components/section-header/section-header.component';\nimport * as i35 from './components/empty-state/empty-state.component';\nimport * as i36 from './components/busy-overlay/busy-overlay.component';\nimport * as i37 from './components/place-outlet/place-outlet.component';\nimport * as i38 from './components/tabbed-place-navigation/tabbed-place-navigation.component';\nimport * as i39 from './components/list-place-nav/list-place-nav.component';\nimport * as i40 from './components/side-place-navigation/side-place-navigation.component';\nimport * as i41 from './components/abstract-place-navigation.component';\nimport * as i42 from '@angular/platform-browser/animations';\nimport * as i43 from '../directives/directives.module';\nimport * as i44 from '../components/components.module';\nexport const PlaceModuleNgFactory:i0.NgModuleFactory<i1.PlaceModule> = (null as any);\nvar _decl0_0:i2.NgClass = (<any>(null as any));\nvar _decl0_1:i2.NgComponentOutlet = (<any>(null as any));\nvar _decl0_2:i2.NgForOf<any,any> = (<any>(null as any));\nvar _decl0_3:i2.NgIf<any> = (<any>(null as any));\nvar _decl0_4:i2.NgTemplateOutlet = (<any>(null as any));\nvar _decl0_5:i2.NgStyle = (<any>(null as any));\nvar _decl0_6:i2.NgSwitch = (<any>(null as any));\nvar _decl0_7:i2.NgSwitchCase = (<any>(null as any));\nvar _decl0_8:i2.NgSwitchDefault = (<any>(null as any));\nvar _decl0_9:i2.NgPlural = (<any>(null as any));\nvar _decl0_10:i2.NgPluralCase = (<any>(null as any));\nvar _decl0_11:i3.Dir = (<any>(null as any));\nvar _decl0_12:i4.MatProgressSpinner = (<any>(null as any));\nvar _decl0_13:i4.MatSpinner = (<any>(null as any));\nvar _decl0_14:i5.RouterOutlet = (<any>(null as any));\nvar _decl0_15:i5.RouterLink = (<any>(null as any));\nvar _decl0_16:i5.RouterLinkWithHref = (<any>(null as any));\nvar _decl0_17:i5.RouterLinkActive = (<any>(null as any));\nvar _decl0_18:i5.ɵangular_packages_router_router_l = (<any>(null as any));\nvar _decl0_19:i6.MatTabGroup = (<any>(null as any));\nvar _decl0_20:i6.MatTabLabel = (<any>(null as any));\nvar _decl0_21:i6.MatTab = (<any>(null as any));\nvar _decl0_22:i6.MatTabNav = (<any>(null as any));\nvar _decl0_23:i6.MatTabLink = (<any>(null as any));\nvar _decl0_24:i6.MatTabContent = (<any>(null as any));\nvar _decl0_25:i7.MatLine = (<any>(null as any));\nvar _decl0_26:i7.MatPseudoCheckbox = (<any>(null as any));\nvar _decl0_27:i8.MatDivider = (<any>(null as any));\nvar _decl0_28:i9.MatList = (<any>(null as any));\nvar _decl0_29:i9.MatNavList = (<any>(null as any));\nvar _decl0_30:i9.MatListItem = (<any>(null as any));\nvar _decl0_31:i9.MatListAvatarCssMatStyler = (<any>(null as any));\nvar _decl0_32:i9.MatListIconCssMatStyler = (<any>(null as any));\nvar _decl0_33:i9.MatListSubheaderCssMatStyler = (<any>(null as any));\nvar _decl0_34:i9.MatSelectionList = (<any>(null as any));\nvar _decl0_35:i9.MatListOption = (<any>(null as any));\nvar _decl0_36:i10.CdkScrollable = (<any>(null as any));\nvar _decl0_37:i11.MatTooltip = (<any>(null as any));\nvar _decl0_38:i11.TooltipComponent = (<any>(null as any));\nvar _decl0_39:i12.MatIcon = (<any>(null as any));\nvar _decl0_40:i13.CommandDirective<any> = (<any>(null as any));\nvar _decl0_41:i14.FocusBindingDirective = (<any>(null as any));\nvar _decl0_42:i15.DefaultLayoutDirective = (<any>(null as any));\nvar _decl0_43:i15.DefaultLayoutGapDirective = (<any>(null as any));\nvar _decl0_44:i15.DefaultLayoutAlignDirective = (<any>(null as any));\nvar _decl0_45:i15.DefaultFlexOrderDirective = (<any>(null as any));\nvar _decl0_46:i15.DefaultFlexOffsetDirective = (<any>(null as any));\nvar _decl0_47:i15.FlexFillDirective = (<any>(null as any));\nvar _decl0_48:i15.DefaultFlexAlignDirective = (<any>(null as any));\nvar _decl0_49:i15.DefaultFlexDirective = (<any>(null as any));\nvar _decl0_50:i16.NumberInputComponent = (<any>(null as any));\nvar _decl0_51:i17.StringInputComponent = (<any>(null as any));\nvar _decl0_52:i18.TextInputComponent = (<any>(null as any));\nvar _decl0_53:i19.PasswordInputComponent = (<any>(null as any));\nvar _decl0_54:i20.CheckboxInputComponent = (<any>(null as any));\nvar _decl0_55:i21.SelectInputComponent<any> = (<any>(null as any));\nvar _decl0_56:i22.ScrollContainerComponent = (<any>(null as any));\nvar _decl0_57:i23.NoopComponent = (<any>(null as any));\nvar _decl0_58:i24.SwitchCaseComponent<any> = (<any>(null as any));\nvar _decl0_59:i24.SwitchCaseWhenDirective<any> = (<any>(null as any));\nvar _decl0_60:i24.SwitchCaseDefaultDirective<any> = (<any>(null as any));\nvar _decl0_61:i25.FocusContainerComponent = (<any>(null as any));\nvar _decl0_62:i26.VerticalFocusContainerComponent = (<any>(null as any));\nvar _decl0_63:i27.FocusableComponent = (<any>(null as any));\nvar _decl0_64:i28.CardContainerComponent = (<any>(null as any));\nvar _decl0_65:i29.TableComponent<any> = (<any>(null as any));\nvar _decl0_66:i30.EditRowControls<any> = (<any>(null as any));\nvar _decl0_67:i31.ColumnTemplateDirective = (<any>(null as any));\nvar _decl0_68:i32.MultipleSelectInputComponent<any> = (<any>(null as any));\nvar _decl0_69:i33.IconComponent = (<any>(null as any));\nvar _decl0_70:i34.SectionHeaderComponent = (<any>(null as any));\nvar _decl0_71:i35.EmptyStateComponent = (<any>(null as any));\nvar _decl0_72:i36.BusyOverlayComponent = (<any>(null as any));\nvar _decl0_73:i37.PlaceOutletComponent = (<any>(null as any));\nvar _decl0_74:i38.TabbedPlaceNavigationComponent = (<any>(null as any));\nvar _decl0_75:i39.ListPlaceNavComponent = (<any>(null as any));\nvar _decl0_76:i40.SidePlaceNavigationComponent = (<any>(null as any));\nvar _decl0_77:i41.AbstractPlaceNavigationComponent = (<any>(null as any));\nvar _decl0_78:i2.AsyncPipe = (<any>(null as any));\nvar _decl0_79:i2.UpperCasePipe = (<any>(null as any));\nvar _decl0_80:i2.LowerCasePipe = (<any>(null as any));\nvar _decl0_81:i2.JsonPipe = (<any>(null as any));\nvar _decl0_82:i2.SlicePipe = (<any>(null as any));\nvar _decl0_83:i2.DecimalPipe = (<any>(null as any));\nvar _decl0_84:i2.PercentPipe = (<any>(null as any));\nvar _decl0_85:i2.TitleCasePipe = (<any>(null as any));\nvar _decl0_86:i2.CurrencyPipe = (<any>(null as any));\nvar _decl0_87:i2.DatePipe = (<any>(null as any));\nvar _decl0_88:i2.I18nPluralPipe = (<any>(null as any));\nvar _decl0_89:i2.I18nSelectPipe = (<any>(null as any));\nvar _decl0_90:i2.KeyValuePipe = (<any>(null as any));\nvar _decl0_91:i2.CommonModule = (<any>(null as any));\nvar _decl0_92:i42.BrowserAnimationsModule = (<any>(null as any));\nvar _decl0_93:i4.MatProgressSpinnerModule = (<any>(null as any));\nvar _decl0_94:i5.RouterModule = (<any>(null as any));\nvar _decl0_95:i6.MatTabsModule = (<any>(null as any));\nvar _decl0_96:i9.MatListModule = (<any>(null as any));\nvar _decl0_97:i11.MatTooltipModule = (<any>(null as any));\nvar _decl0_98:i12.MatIconModule = (<any>(null as any));\nvar _decl0_99:i43.DirectivesModule = (<any>(null as any));\nvar _decl0_100:i15.FlexModule = (<any>(null as any));\nvar _decl0_101:i44.ComponentsModule = (<any>(null as any));\nvar _decl0_102:i0.TemplateRef<any> = (<any>(null as any));\nvar _decl0_103:i0.ElementRef<any> = (<any>(null as any));\nfunction _View_EmptyStateComponent_Host_1_0():void {\n  var _any:any = (null as any);\n}\nfunction _View_EmptyStateComponent_1_0():void {\n  var _any:any = (null as any);\n}\nfunction _View_BusyOverlayComponent_Host_2_0():void {\n  var _any:any = (null as any);\n}\nfunction _View_BusyOverlayComponent_2_1():void {\n  if (_decl0_72.busyModel.value) {\n    var _any:any = (null as any);\n    const currVal_0:any = 52;\n    currVal_0;\n    const currVal_1:any = 'indeterminate';\n    currVal_1;\n    const currVal_2:any = _decl0_12._noopAnimations;\n    currVal_2;\n    const currVal_3:any = _decl0_12.diameter;\n    currVal_3;\n    const currVal_4:any = _decl0_12.diameter;\n    currVal_4;\n    const currVal_5:any = ((_decl0_12.mode === 'determinate')? 0: null);\n    currVal_5;\n    const currVal_6:any = ((_decl0_12.mode === 'determinate')? 100: null);\n    currVal_6;\n    const currVal_7:any = ((_decl0_12.mode === 'determinate')? _decl0_12.value: null);\n    currVal_7;\n    const currVal_8:any = _decl0_12.mode;\n    currVal_8;\n  }\n}\nfunction _View_BusyOverlayComponent_2_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _decl0_72.busyModel.value;\n  currVal_0;\n}\nfunction _View_PlaceOutletComponent_Host_3_0():void {\n  var _any:any = (null as any);\n}\nfunction _View_PlaceOutletComponent_3_1():void {\n  if (_decl0_73.animateModel.value) {\n    var _any:any = (null as any);\n    const currVal_0:any = {value:_decl0_73.getAnimationOrder(),params:{duration:_decl0_73.animationDuration}};\n    currVal_0;\n    const pd_1:any = ((<any>_decl0_73.animationStarted()) !== false);\n    const pd_2:any = ((<any>_decl0_73.animationDone()) !== false);\n    const pd_3:any = ((<any>_decl0_73.onOutletActivated(_decl0_14,_any)) !== false);\n    const pd_4:any = ((<any>_decl0_73.onOutletDeactivated()) !== false);\n  }\n}\nfunction _View_PlaceOutletComponent_3_2():void {\n  if (!_decl0_73.animateModel.value) {\n    var _any:any = (null as any);\n    const pd_0:any = ((<any>_decl0_73.onOutletActivated(_decl0_14,_any)) !== false);\n    const pd_1:any = ((<any>_decl0_73.onOutletDeactivated()) !== false);\n  }\n}\nfunction _View_PlaceOutletComponent_3_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _decl0_73.animateModel.value;\n  currVal_0;\n  const currVal_1:any = !_decl0_73.animateModel.value;\n  currVal_1;\n}\nfunction _View_TabbedPlaceNavigationComponent_Host_4_0():void {\n  var _any:any = (null as any);\n}\nfunction _View_TabbedPlaceNavigationComponent_4_2():void {\n  if (_decl0_74.getNav(_any).icon()) {\n    var _any:any = (null as any);\n    const currVal_0:any = _decl0_74.getNav(_any).icon();\n    currVal_0;\n  }\n}\nfunction _View_TabbedPlaceNavigationComponent_4_1():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _decl0_74.isActive(_any);\n  currVal_0;\n  const currVal_1:any = (_decl0_23.active? 'page': null);\n  currVal_1;\n  const currVal_2:any = _decl0_23.disabled;\n  currVal_2;\n  const currVal_3:any = _decl0_23.tabIndex;\n  currVal_3;\n  const currVal_4:any = _decl0_23.disabled;\n  currVal_4;\n  const currVal_5:any = _decl0_23.active;\n  currVal_5;\n  const currVal_6:any = _decl0_74.getNav(_any).tooltip();\n  currVal_6;\n  const currVal_7:any = _decl0_74.commandFactory.create(_any);\n  currVal_7;\n  const currVal_8:any = _decl0_74.getNav(_any).icon();\n  currVal_8;\n  const currVal_9:any = _decl0_74.getNav(_any).title();\n  currVal_9;\n  const pd_10:any = ((<any>_decl0_40.notifyClick(_any)) !== false);\n}\nfunction _View_TabbedPlaceNavigationComponent_4_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _decl0_22._showPaginationControls;\n  currVal_0;\n  const currVal_1:any = (_decl0_22._getLayoutDirection() == 'rtl');\n  currVal_1;\n  const currVal_2:any = ((_decl0_22.color !== 'warn') && (_decl0_22.color !== 'accent'));\n  currVal_2;\n  const currVal_3:any = (_decl0_22.color === 'accent');\n  currVal_3;\n  const currVal_4:any = (_decl0_22.color === 'warn');\n  currVal_4;\n  const currVal_5:any = _decl0_74.placeDefinitions.value;\n  currVal_5;\n}\nfunction _View_ListPlaceNavComponent_Host_5_0():void {\n  var _any:any = (null as any);\n}\nfunction _View_ListPlaceNavComponent_5_2():void {\n  if (_decl0_75.getNav(_any).icon()) {\n    var _any:any = (null as any);\n    const currVal_0:any = _decl0_75.getNav(_any).icon();\n    currVal_0;\n  }\n}\nfunction _View_ListPlaceNavComponent_5_1():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _decl0_30.disabled;\n  currVal_0;\n  const currVal_1:any = (_decl0_30._avatar || _decl0_30._icon);\n  currVal_1;\n  const currVal_2:any = (_decl0_30._avatar || _decl0_30._icon);\n  currVal_2;\n  const currVal_3:any = _decl0_75.getNav(_any).tooltip();\n  currVal_3;\n  const currVal_4:any = _decl0_75.commandFactory.create(_any);\n  currVal_4;\n  const currVal_5:any = _decl0_75.isActive(_any);\n  currVal_5;\n  const currVal_6:any = _decl0_75.getNav(_any).icon();\n  currVal_6;\n  const currVal_7:any = _decl0_75.getNav(_any).title();\n  currVal_7;\n  const pd_8:any = ((<any>_decl0_40.notifyClick(_any)) !== false);\n}\nfunction _View_ListPlaceNavComponent_5_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = '';\n  currVal_0;\n  const currVal_1:any = _decl0_75.placeDefinitions.value;\n  currVal_1;\n}\nfunction _View_SidePlaceNavigationComponent_Host_6_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _decl0_76.expanded;\n  currVal_0;\n}\nfunction _View_SidePlaceNavigationComponent_6_2():void {\n  if (_decl0_76.getNav(_any).icon()) {\n    var _any:any = (null as any);\n    const currVal_0:any = _decl0_76.getNav(_any).icon();\n    currVal_0;\n  }\n}\nfunction _View_SidePlaceNavigationComponent_6_1():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _decl0_30.disabled;\n  currVal_0;\n  const currVal_1:any = (_decl0_30._avatar || _decl0_30._icon);\n  currVal_1;\n  const currVal_2:any = (_decl0_30._avatar || _decl0_30._icon);\n  currVal_2;\n  const currVal_3:any = _decl0_76.getNav(_any).tooltip();\n  currVal_3;\n  const currVal_4:any = _decl0_76.commandFactory.create(_any);\n  currVal_4;\n  const currVal_5:any = _decl0_76.isActive(_any);\n  currVal_5;\n  const currVal_6:any = _decl0_76.getNav(_any).icon();\n  currVal_6;\n  const currVal_7:any = _decl0_76.getNav(_any).title();\n  currVal_7;\n  const pd_8:any = ((<any>_decl0_40.notifyClick(_any)) !== false);\n}\nfunction _View_SidePlaceNavigationComponent_6_3():void {\n  if (_decl0_76.navEndTemplate) {\n    var _any:any = (null as any);\n    const currVal_0:any = _decl0_76.navEndTemplate;\n    currVal_0;\n  }\n}\nfunction _View_SidePlaceNavigationComponent_6_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _decl0_30.disabled;\n  currVal_0;\n  const currVal_1:any = (_decl0_30._avatar || _decl0_30._icon);\n  currVal_1;\n  const currVal_2:any = (_decl0_30._avatar || _decl0_30._icon);\n  currVal_2;\n  const currVal_3:any = 'mat:menu';\n  currVal_3;\n  const currVal_4:any = 'mat:arrow_back';\n  currVal_4;\n  const currVal_5:any = _decl0_76.placeDefinitions.value;\n  currVal_5;\n  const currVal_6:any = 1;\n  currVal_6;\n  const currVal_7:any = _decl0_76.navEndTemplate;\n  currVal_7;\n  const pd_8:any = ((<any>_decl0_76.toggleMenu()) !== false);\n}\nfunction _View_AbstractPlaceNavigationComponent_Host_7_0():void {\n  var _any:any = (null as any);\n}\nfunction _View_AbstractPlaceNavigationComponent_7_0():void {\n  var _any:any = (null as any);\n}\n"]}

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

@@ -20,6 +20,7 @@ import ___default, { isEqual, isNil } from 'lodash';
 import produce from 'immer';
 import { FaIconLibrary, FontAwesomeModule } from '@fortawesome/angular-fontawesome';
 import { fas } from '@fortawesome/free-solid-svg-icons';
+import { MatTooltipModule } from '@angular/material/tooltip';
 import { FlexModule, GridModule } from '@angular/flex-layout';
 import { MatDialogModule, MatDialog, MatDialogConfig, MAT_DIALOG_DEFAULT_OPTIONS } from '@angular/material/dialog';
 import { RouterModule, UrlSegment, Router, UrlSerializer, NavigationStart, NavigationEnd, NavigationError, NavigationCancel, RouterOutlet } from '@angular/router';
@@ -27,7 +28,6 @@ import { Overlay, CdkScrollable } from '@angular/cdk/overlay';
 import ResizeObserver from 'resize-observer-polyfill';
 import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
 import { MatListModule } from '@angular/material/list';
-import { MatTooltipModule } from '@angular/material/tooltip';
 import { Memoize as Memoize$1 } from '@typescript-plus/fast-memoize-decorator';
 import 'reflect-metadata';
 import { style, query, group, animate, trigger, transition } from '@angular/animations';
@@ -1499,6 +1499,12 @@ class SelectionColumnModel extends ColumnModel {
 var TableModel_1;
 // export type StringPropertiesOf<T> = { [K in keyof T]: T[K] extends string ? K : never }[keyof T];
 // export type NumberPropertiesOf<T> = { [K in keyof T]: T[K] extends number ? K : never }[keyof T];
+class RowClass {
+    constructor(className, matches) {
+        this.className = className;
+        this.matches = matches;
+    }
+}
 /**
  * Example:
  * @example
@@ -1575,6 +1581,7 @@ let TableModel = TableModel_1 = class TableModel {
         this._garbage = new GarbageCollector();
         this._columns = new MutableListModel();
         this._editorSessions = new MutableListModel();
+        this.rowClassNamePredicates = [];
         this._createForm = (row) => new Form();
         this.identityOf = sourceOfTruth.identityOf;
         const { chain, valueOf, before, when, after, observe, switchOn } = Dsl.disposeWith(this._garbage);
@@ -1587,6 +1594,7 @@ let TableModel = TableModel_1 = class TableModel {
         this.dataSource = chain(this.sourceOfTruth).replaceAll(this.rowsBeingEdited);
         this.firstEditableColumn = chain(this.columns).select(c => c.hasEditorPortal()).first();
         this.hasColumnsWithRowSelectionExplicitlyEnabled = chain(this._columns).findIndex(column => column.isRowSelectionExplicitlyEnabled()).isGreaterThanOrEqualTo(0);
+        this.addRowClass("enable-hover", () => this.isRowSelectionEnabled());
     }
     static fromList(sourceOfTruth, builder) {
         const model = new TableModel_1(sourceOfTruth);
@@ -1625,6 +1633,18 @@ let TableModel = TableModel_1 = class TableModel {
     addTemplateColumn(columnId) {
         return this.addColumn(new CustomTemplateColumnModel(columnId, this));
     }
+    addRowClass(className, predicate) {
+        this.rowClassNamePredicates.push(new RowClass(className, predicate));
+    }
+    getRowClasses(row) {
+        const classNames = [];
+        this.rowClassNamePredicates.forEach(i => {
+            if (i.matches(row)) {
+                classNames.push(i.className);
+            }
+        });
+        return classNames;
+    }
     useFormFactory(factory) {
         this._createForm = factory;
         return this;
@@ -1757,7 +1777,7 @@ __decorate([
 TableComponent = __decorate([
     Component({
         selector: 'aup-table',
-        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",
+        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",
         styles: [":host{display:flex;flex-direction:column;align-items:stretch}:host table{flex:1}"]
     }),
     __metadata("design:paramtypes", [])
@@ -2064,40 +2084,38 @@ MultipleSelectInputComponent = __decorate([
 ], MultipleSelectInputComponent);
 
 let IconComponent = class IconComponent {
-    constructor() { }
-    ligature() {
-        if (this.icon.startsWith('mat:')) {
-            return this.icon.slice(4);
+    set icon(iconName) {
+        this._icon = iconName;
+        if (!iconName) {
+            this.errorMessage = 'icon is nil';
+            this.prefix = undefined;
+            return;
         }
-        if (!this.icon.includes(":")) {
-            return this.icon;
+        const colonIndex = iconName.indexOf(':');
+        if (colonIndex > 0) {
+            this.prefix = this.icon.slice(0, colonIndex);
+            this.suffix = this.icon.slice(colonIndex + 1);
         }
-    }
-    svgIcon() {
-        if (this.icon.startsWith('svg:')) {
-            return this.icon.slice(4);
+        if (this.prefix) {
+            this.errorMessage = `Unknown icon "${iconName}"`;
         }
+        this.errorMessage = `Unknown icon prefix "${this.prefix}"`;
     }
-    isFontAwesome() {
-        return this.icon.startsWith('fab:');
-    }
-    fontAwesomeIcon() {
-        if (this.isFontAwesome()) {
-            return this.icon.slice(4);
-        }
+    get icon() {
+        return this._icon;
     }
 };
 __decorate([
     Input(),
-    __metadata("design:type", String)
-], IconComponent.prototype, "icon", void 0);
+    __metadata("design:type", String),
+    __metadata("design:paramtypes", [String])
+], IconComponent.prototype, "icon", null);
 IconComponent = __decorate([
     Component({
         selector: 'aup-icon',
-        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",
-        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}"]
-    }),
-    __metadata("design:paramtypes", [])
+        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",
+        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}"]
+    })
 ], IconComponent);
 
 let ComponentsModule = class ComponentsModule {
@@ -2157,7 +2175,8 @@ ComponentsModule = __decorate([
             MatTableModule,
             PortalModule,
             CdkScrollableModule,
-            FontAwesomeModule
+            FontAwesomeModule,
+            MatTooltipModule
         ],
         exports: [
             NumberInputComponent,
@@ -2947,6 +2966,15 @@ InPlaceInteractionContextComponent = __decorate([
     __metadata("design:paramtypes", [InteractionService, Object])
 ], InPlaceInteractionContextComponent);
 
+/**
+ * Css Vars.
+ *   --link-color
+ *   --link-color-hover
+ *   --link-background
+ *   --link-background-hover
+ *   --link-border-radius
+ *   --link-padding
+ */
 let AddItemInteractionContextComponent = class AddItemInteractionContextComponent extends DisposableComponent {
     constructor() {
         super();
@@ -3010,7 +3038,7 @@ AddItemInteractionContextComponent = __decorate([
     Component({
         selector: 'aup-add-item-interaction-context',
         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",
-        styles: [":host{--def-link-color:var(--link-color, currentColor);--def-link-color-hover:var(--link-color-hover, currentColor);--def-link-backgound:var(--link-background, transparent);--def-link-backgound-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-backgound-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-backgound);padding:var(--def-link-padding);cursor:pointer;text-decoration:none}a.link mat-icon{margin-right:8px}"]
+        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}"]
     }),
     __metadata("design:paramtypes", [])
 ], AddItemInteractionContextComponent);
@@ -5489,7 +5517,7 @@ __decorate([
 SidePlaceNavigationComponent = __decorate([
     Component({
         selector: 'aup-side-place-navigation',
-        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",
+        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",
         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)}"]
     }),
     __metadata("design:paramtypes", [Router, PlaceRouter])