@coolon/angular-ui-powerups 12.4.0-alpha.9 → 12.4.0

package/esm2015/lib/components/commands/command-face/command-face.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"command-face.component.js","sourceRoot":"","sources":["../../../../../../../../libs/angular-ui-powerups/src/lib/components/commands/command-face/command-face.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,KAAK,EAAU,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAGzF,OAAO,EACL,GAAG,EAEH,gBAAgB,EAChB,gBAAgB,EAGjB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C;;;;;;;;;GASG;AAOH,MAAM,OAAO,oBAAwB,SAAQ,mBAAmB;IA0B9D;QACE,KAAK,EAAE,CAAC;QAzBO,eAAU,GAAG,IAAI,gBAAgB,EAAe,CAAC;QAOlE,eAAU,GAAG,KAAK,CAAC;QAGnB,eAAU,GAAG,KAAK,CAAC;QAGnB,+BAA0B,GAAG,KAAK,CAAC;QAajC,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,GAAG,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;QACzF,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,WAAW,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC;QACtF,MAAM,UAAU,GAAG,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,CAAC;QAC7C,IAAI,CAAC,UAAU,GAAG,UAAU,CAAC,KAAK,CAAC,MAAM,CAAC,CAAA;QAC1C,IAAI,CAAC,WAAW,GAAG,UAAU,CAAC,KAAK,CAAC,OAAO,CAAC,CAAA;IAC9C,CAAC;IAZD,IACI,2BAA2B;QAC7B,OAAO,IAAI,CAAC,0BAA0B,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC;IACnE,CAAC;IAWD,QAAQ;IACR,CAAC;IAED,iBAAiB,CAAC,IAAyB;QACzC,OAAO,CAAC,CAAC,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,0BAA0B,CAAC;IAC5E,CAAC;IAED,YAAY,CAAC,IAAwB;QACnC,OAAO,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,YAAY,KAAK,WAAW,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClH,CAAC;IAED,UAAU,CAAC,IAAwB;QACjC,OAAO,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,YAAY,KAAK,WAAW,CAAC,QAAQ,CAAC,GAAG,CAAC;IACxF,CAAC;IAED,IACI,KAAK;QACP,OAAO,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC;IAChC,CAAC;;;YA3DF,SAAS,SAAC;gBACT,QAAQ,EAAE,kBAAkB;gBAC5B,oSAA4C;gBAE5C,aAAa,EAAE,iBAAiB,CAAC,IAAI;;aACtC;;;;wBAME,KAAK,SAAC,OAAO;yBAGb,KAAK;yBAGL,KAAK;yCAGL,KAAK;0CAOL,WAAW,SAAC,iBAAiB;oBA6B7B,WAAW,SAAC,YAAY;;AA5CzB;IADiB,gBAAgB,CAAC,YAAY,CAAC;;uDACtB","sourcesContent":["import { Component, HostBinding, Input, OnInit, ViewEncapsulation } from '@angular/core';\nimport { ThemePalette } from '@angular/material/core';\n\nimport {\n  Dsl,\n  ListModelChain,\n  MutableListModel,\n  StoreInListModel,\n  StoreInValueModel,\n  ValueModelChain\n} from '@coolon/pectin';\nimport { DisposableComponent } from '../../disposable-component';\nimport { CommandFace } from '../command-face';\n\n/**\n * Custom CSS:\n * @example\n * root: { // globally\n *   --aup-command-face-icon-gap: 8px;\n * }\n * aup-command-face { // per instance\n *   --icon-gap: 4px;\n * }\n */\n@Component({\n  selector: 'aup-command-face',\n  templateUrl: './command-face.component.html',\n  styleUrls: ['./command-face.component.scss'],\n  encapsulation: ViewEncapsulation.None\n})\nexport class CommandFaceComponent<T> extends DisposableComponent implements OnInit {\n\n  private readonly facesModel = new MutableListModel<CommandFace>();\n\n  // tslint:disable-next-line:no-input-rename\n  @Input('faces') @StoreInListModel('facesModel')\n  _rawFaces: CommandFace[];\n\n  @Input()\n  ignoreIcon = false;\n\n  @Input()\n  ignoreText = false;\n\n  @Input()\n  includeMissingIconInLayout = false;\n\n  readonly faceAdapters: ListModelChain<CommandFace.Adapter>;\n  private activeIcon: ValueModelChain<string>;\n  private activeColor: ValueModelChain<string>;\n\n  @HostBinding('class.hide-icon')\n  get requiresMissingIconInLayout() {\n    return this.includeMissingIconInLayout && !this.activeIcon.value;\n  }\n\n  constructor() {\n    super();\n    const { chain, valueOf, before, when, after, observe, switchOn } = Dsl.disposeWith(this);\n    this.faceAdapters = chain(this.facesModel).map(face => new CommandFace.Adapter(face));\n    const activeFace = this.faceAdapters.first();\n    this.activeIcon = activeFace.pluck(\"icon\")\n    this.activeColor = activeFace.pluck(\"color\")\n  }\n\n  ngOnInit() {\n  }\n\n  shouldIncludeIcon(face: CommandFace.Adapter) {\n    return (!this.ignoreIcon && face.icon) || this.includeMissingIconInLayout;\n  }\n\n  hasIconStart(face:CommandFace.Adapter): boolean {\n    return this.shouldIncludeIcon(face) && (!face.iconPosition || face.iconPosition === CommandFace.Position.START);\n  }\n\n  hasIconEnd(face:CommandFace.Adapter): boolean {\n    return this.shouldIncludeIcon(face) && face.iconPosition === CommandFace.Position.END;\n  }\n\n  @HostBinding('attr.color')\n  get color(): string {\n    return this.activeColor.value;\n  }\n\n}\n"]}
+{"version":3,"file":"command-face.component.js","sourceRoot":"","sources":["../../../../../../../../libs/angular-ui-powerups/src/lib/components/commands/command-face/command-face.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,KAAK,EAAU,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAGzF,OAAO,EACL,GAAG,EAEH,gBAAgB,EAChB,gBAAgB,EAGjB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C;;;;;;;;;GASG;AAOH,MAAM,OAAO,oBAAwB,SAAQ,mBAAmB;IA+B9D;QACE,KAAK,EAAE,CAAC;QA9BO,eAAU,GAAG,IAAI,gBAAgB,EAAe,CAAC;QAYlE,eAAU,GAAG,KAAK,CAAC;QAGnB,eAAU,GAAG,KAAK,CAAC;QAGnB,+BAA0B,GAAG,KAAK,CAAC;QAajC,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,GAAG,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;QACzF,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,WAAW,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC;QACtF,MAAM,UAAU,GAAG,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,CAAC;QAC7C,IAAI,CAAC,UAAU,GAAG,UAAU,CAAC,KAAK,CAAC,MAAM,CAAC,CAAA;QAC1C,IAAI,CAAC,WAAW,GAAG,UAAU,CAAC,KAAK,CAAC,OAAO,CAAC,CAAA;IAC9C,CAAC;IA9BD,IACI,IAAI,CAAC,IAAiB;QACxB,IAAI,CAAC,UAAU,CAAC,KAAK,GAAG,CAAC,IAAI,CAAC,CAAC;IACjC,CAAC;IAeD,IACI,2BAA2B;QAC7B,OAAO,IAAI,CAAC,0BAA0B,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC;IACnE,CAAC;IAWD,QAAQ;IACR,CAAC;IAED,iBAAiB,CAAC,IAAyB;QACzC,OAAO,CAAC,CAAC,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,0BAA0B,CAAC;IAC5E,CAAC;IAED,YAAY,CAAC,IAAwB;QACnC,OAAO,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,YAAY,KAAK,WAAW,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClH,CAAC;IAED,UAAU,CAAC,IAAwB;QACjC,OAAO,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,YAAY,KAAK,WAAW,CAAC,QAAQ,CAAC,GAAG,CAAC;IACxF,CAAC;IAED,IACI,KAAK;QACP,OAAO,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC;IAChC,CAAC;;;YAhEF,SAAS,SAAC;gBACT,QAAQ,EAAE,kBAAkB;gBAC5B,oSAA4C;gBAE5C,aAAa,EAAE,iBAAiB,CAAC,IAAI;;aACtC;;;;wBAME,KAAK,SAAC,OAAO;mBAGb,KAAK;yBAKL,KAAK;yBAGL,KAAK;yCAGL,KAAK;0CAOL,WAAW,SAAC,iBAAiB;oBA6B7B,WAAW,SAAC,YAAY;;AAjDzB;IADiB,gBAAgB,CAAC,YAAY,CAAC;;uDACtB","sourcesContent":["import { Component, HostBinding, Input, OnInit, ViewEncapsulation } from '@angular/core';\nimport { ThemePalette } from '@angular/material/core';\n\nimport {\n  Dsl,\n  ListModelChain,\n  MutableListModel,\n  StoreInListModel,\n  StoreInValueModel,\n  ValueModelChain\n} from '@coolon/pectin';\nimport { DisposableComponent } from '../../disposable-component';\nimport { CommandFace } from '../command-face';\n\n/**\n * Custom CSS:\n * @example\n * root: { // globally\n *   --aup-command-face-icon-gap: 8px;\n * }\n * aup-command-face { // per instance\n *   --icon-gap: 4px;\n * }\n */\n@Component({\n  selector: 'aup-command-face',\n  templateUrl: './command-face.component.html',\n  styleUrls: ['./command-face.component.scss'],\n  encapsulation: ViewEncapsulation.None\n})\nexport class CommandFaceComponent<T> extends DisposableComponent implements OnInit {\n\n  private readonly facesModel = new MutableListModel<CommandFace>();\n\n  // tslint:disable-next-line:no-input-rename\n  @Input('faces') @StoreInListModel('facesModel')\n  _rawFaces: CommandFace[];\n\n  @Input()\n  set face(face: CommandFace) {\n    this.facesModel.value = [face];\n  }\n\n  @Input()\n  ignoreIcon = false;\n\n  @Input()\n  ignoreText = false;\n\n  @Input()\n  includeMissingIconInLayout = false;\n\n  readonly faceAdapters: ListModelChain<CommandFace.Adapter>;\n  private activeIcon: ValueModelChain<string>;\n  private activeColor: ValueModelChain<string>;\n\n  @HostBinding('class.hide-icon')\n  get requiresMissingIconInLayout() {\n    return this.includeMissingIconInLayout && !this.activeIcon.value;\n  }\n\n  constructor() {\n    super();\n    const { chain, valueOf, before, when, after, observe, switchOn } = Dsl.disposeWith(this);\n    this.faceAdapters = chain(this.facesModel).map(face => new CommandFace.Adapter(face));\n    const activeFace = this.faceAdapters.first();\n    this.activeIcon = activeFace.pluck(\"icon\")\n    this.activeColor = activeFace.pluck(\"color\")\n  }\n\n  ngOnInit() {\n  }\n\n  shouldIncludeIcon(face: CommandFace.Adapter) {\n    return (!this.ignoreIcon && face.icon) || this.includeMissingIconInLayout;\n  }\n\n  hasIconStart(face:CommandFace.Adapter): boolean {\n    return this.shouldIncludeIcon(face) && (!face.iconPosition || face.iconPosition === CommandFace.Position.START);\n  }\n\n  hasIconEnd(face:CommandFace.Adapter): boolean {\n    return this.shouldIncludeIcon(face) && face.iconPosition === CommandFace.Position.END;\n  }\n\n  @HostBinding('attr.color')\n  get color(): string {\n    return this.activeColor.value;\n  }\n\n}\n"]}

package/esm2015/lib/components/commands/command-face/command-face.component.metadata.json

@@ -1 +1 @@
-[{"__symbolic":"module","version":4,"metadata":{"CommandFaceComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../../disposable-component","name":"DisposableComponent","line":30,"character":45},"arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":24,"character":1},"arguments":[{"selector":"aup-command-face","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":28,"character":17},"member":"None"},"template":"<div class=\"face-container\" *ngFor=\"let face of faceAdapters.value\">\n  <aup-icon *ngIf=\"hasIconStart(face)\" [icon]=\"face.icon\"></aup-icon>\n  <span *ngIf=\"face.text\">{{face.text}}</span>\n  <aup-icon *ngIf=\"hasIconEnd(face)\" [icon]=\"face.icon\"></aup-icon>\n</div>\n","styles":["aup-command-face{--icon-gap:var(--aup-command-face-icon-gap);display:inline-grid}aup-command-face>.face-container{grid-column:1;grid-row:1;display:inline-flex;flex-direction:row;align-items:center}aup-command-face>.face-container:not(:first-child){visibility:hidden}aup-command-face>.face-container *+*{margin-left:var(--icon-gap)}aup-command-face.hide-icon aup-icon{visibility:hidden}aup-command-face.centered{justify-items:center}aup-command-face.start{justify-items:self-start}aup-command-face.end{justify-items:self-end}"]}]}],"members":{"_rawFaces":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":3},"arguments":["faces"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"StoreInListModel","line":35,"character":19},"arguments":["facesModel"]}]}],"ignoreIcon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":3}}]}],"ignoreText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":41,"character":3}}]}],"includeMissingIconInLayout":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":44,"character":3}}]}],"requiresMissingIconInLayout":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":51,"character":3},"arguments":["class.hide-icon"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"shouldIncludeIcon":[{"__symbolic":"method"}],"hasIconStart":[{"__symbolic":"method"}],"hasIconEnd":[{"__symbolic":"method"}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":80,"character":3},"arguments":["attr.color"]}]}]}}}}]
+[{"__symbolic":"module","version":4,"metadata":{"CommandFaceComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../../disposable-component","name":"DisposableComponent","line":30,"character":45},"arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":24,"character":1},"arguments":[{"selector":"aup-command-face","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":28,"character":17},"member":"None"},"template":"<div class=\"face-container\" *ngFor=\"let face of faceAdapters.value\">\n  <aup-icon *ngIf=\"hasIconStart(face)\" [icon]=\"face.icon\"></aup-icon>\n  <span *ngIf=\"face.text\">{{face.text}}</span>\n  <aup-icon *ngIf=\"hasIconEnd(face)\" [icon]=\"face.icon\"></aup-icon>\n</div>\n","styles":["aup-command-face{--icon-gap: var(--aup-command-face-icon-gap);display:inline-grid}aup-command-face>.face-container{grid-column:1;grid-row:1;display:inline-flex;flex-direction:row;align-items:center}aup-command-face>.face-container:not(:first-child){visibility:hidden}aup-command-face>.face-container *+*{margin-left:var(--icon-gap)}aup-command-face.hide-icon aup-icon{visibility:hidden}aup-command-face.centered{justify-items:center}aup-command-face.start{justify-items:self-start}aup-command-face.end{justify-items:self-end}\n"]}]}],"members":{"_rawFaces":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":3},"arguments":["faces"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"StoreInListModel","line":35,"character":19},"arguments":["facesModel"]}]}],"face":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":3}}]}],"ignoreIcon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":43,"character":3}}]}],"ignoreText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":46,"character":3}}]}],"includeMissingIconInLayout":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":49,"character":3}}]}],"requiresMissingIconInLayout":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":56,"character":3},"arguments":["class.hide-icon"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"shouldIncludeIcon":[{"__symbolic":"method"}],"hasIconStart":[{"__symbolic":"method"}],"hasIconEnd":[{"__symbolic":"method"}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":85,"character":3},"arguments":["attr.color"]}]}]}}}}]

package/esm2015/lib/components/commands/group/popup-menu/abstract-popup-menu.component.js

@@ -12,12 +12,13 @@ export class AbstractPopupMenuComponent extends PopupAwareComponent {
     constructor(element, parent) {
         super(element, parent);
         this._unorderedChildren = new MutableListModel();
-        this.faceModelDelegate = new DelegatingValueModel();
+        this.faceModelDelegate = this.registerDisposable(new DelegatingValueModel());
         this.xPosition = 'after';
         this.yPosition = 'below';
         const { chain, valueOf, before, when, after, observe, switchOn } = Dsl.disposeWith(this);
         // group.faceListModel = chain(this.faceModel).mapToList(face => [face]);
         this.faceAdapterModel = chain(this.faceModelDelegate).map(f => new CommandFace.Adapter(f));
+        this.faces$ = chain(this.faceAdapterModel).pluck('face').mapToList(face => [face]);
         this.children = chain(this._unorderedChildren).sortBy('componentIndex');
     }
     ngAfterContentChecked() {
@@ -27,7 +28,7 @@ export class AbstractPopupMenuComponent extends PopupAwareComponent {
     get faceAdapter() {
         var _a, _b;
         if (!this.faceAdapterModel) {
-            console.error("Somehow faceAdapterModel is nil -- set a break point here and let me know what's going on");
+            console.error('Somehow faceAdapterModel is nil -- set a break point here and let me know what\'s going on');
         }
         return (_b = (_a = this.faceAdapterModel) === null || _a === void 0 ? void 0 : _a.value) !== null && _b !== void 0 ? _b : new CommandFace.Adapter(undefined);
     }
@@ -70,7 +71,7 @@ AbstractPopupMenuComponent.propDecorators = {
     enabledModel: [{ type: Input }]
 };
 __decorate([
-    StoreInValueModel("enabledModel"),
+    StoreInValueModel('enabledModel'),
     __metadata("design:type", Boolean)
 ], AbstractPopupMenuComponent.prototype, "enabled", void 0);
 __decorate([

package/esm2015/lib/components/commands/group/popup-menu/abstract-popup-menu.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"abstract-popup-menu.component.js","sourceRoot":"","sources":["../../../../../../../../../libs/angular-ui-powerups/src/lib/components/commands/group/popup-menu/abstract-popup-menu.component.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  AfterContentChecked,\n  Component,\n  ElementRef,\n  HostListener,\n  Inject,\n  Input,\n  QueryList,\n  ViewChildren\n} from '@angular/core';\nimport { MatMenuTrigger } from '@angular/material/menu';\n\nimport {\n  DelegatingValueModel,\n  Disposable,\n  Dsl,\n  ListModelChain,\n  MutableListModel, StoreInValueModel,\n  Trace, TrackExternal, ValueModel,\n  ValueModelChain\n} from '@coolon/pectin';\nimport { CommandFace } from '../../command-face';\nimport { PopupAwareComponent } from '../popup-aware.component';\nimport { POPUP_CONTAINER, PopupContainer } from '../popup-container';\n\n/**\n *\n */\n@Component({\n  selector: 'aup-abstract-popup-menu',\n  template: '',\n  styleUrls: []\n})\nexport class AbstractPopupMenuComponent extends PopupAwareComponent implements PopupContainer, AfterContentChecked {\n\n  private _unorderedChildren = new MutableListModel<PopupAwareComponent>();\n\n  protected readonly faceModelDelegate = new DelegatingValueModel<CommandFace>();\n  private faceAdapterModel: ValueModelChain<CommandFace.Adapter>;\n\n  @Input()\n  xPosition: 'before' | 'after' = 'after';\n\n  @Input()\n  yPosition: 'above' | 'below' = 'below';\n\n  @ViewChildren(MatMenuTrigger)\n  triggers: QueryList<MatMenuTrigger>;\n\n  @Input()\n  @StoreInValueModel(\"enabledModel\")\n  enabled: boolean;\n\n  @Input()\n  @TrackExternal({defaultValue: true})\n  enabledModel: ValueModel<boolean>;\n\n\n  readonly children: ListModelChain<PopupAwareComponent>;\n\n  constructor(element: ElementRef, @Inject(POPUP_CONTAINER) parent?: PopupContainer) {\n    super(element, parent);\n    const { chain, valueOf, before, when, after, observe, switchOn } = Dsl.disposeWith(this);\n    // group.faceListModel = chain(this.faceModel).mapToList(face => [face]);\n\n    this.faceAdapterModel = chain(this.faceModelDelegate).map(f => new CommandFace.Adapter(f));\n\n    this.children = chain(this._unorderedChildren).sortBy('componentIndex');\n  }\n\n  ngAfterContentChecked(): void {\n    // force the list to re-order as the child indicies may have changed.\n    this._unorderedChildren.value = [...this._unorderedChildren.value]\n  }\n\n\n  get faceAdapter(): CommandFace.Adapter {\n    if (!this.faceAdapterModel) {\n      console.error(\"Somehow faceAdapterModel is nil -- set a break point here and let me know what's going on\")\n    }\n    return this.faceAdapterModel?.value ?? new CommandFace.Adapter(undefined);\n  }\n\n  isRoot() {\n    return !this.parent;\n  }\n\n  // @Trace()\n  register(component: PopupAwareComponent) {\n    this._unorderedChildren.push(component);\n    return Disposable.disposableThatRuns(() => {\n      this._unorderedChildren.remove(component);\n    });\n  }\n\n  onCommandFired() {\n    this.triggers.forEach(trigger => {\n      if (trigger.menuOpen) {\n        trigger.closeMenu();\n      }\n    });\n  }\n\n  getFace(): CommandFace | undefined {\n    return this.faceAdapter.face;\n  }\n\n}\n"]}
+{"version":3,"file":"abstract-popup-menu.component.js","sourceRoot":"","sources":["../../../../../../../../../libs/angular-ui-powerups/src/lib/components/commands/group/popup-menu/abstract-popup-menu.component.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  AfterContentChecked,\n  Component,\n  ElementRef,\n  HostListener,\n  Inject,\n  Input,\n  QueryList,\n  ViewChildren\n} from '@angular/core';\nimport { MatMenuTrigger } from '@angular/material/menu';\n\nimport {\n  DelegatingValueModel,\n  Disposable,\n  Dsl,\n  ListModelChain,\n  MutableListModel, StoreInValueModel,\n  Trace, TrackExternal, ValueModel,\n  ValueModelChain\n} from '@coolon/pectin';\nimport { CommandFace } from '../../command-face';\nimport { PopupAwareComponent } from '../popup-aware.component';\nimport { POPUP_CONTAINER, PopupContainer } from '../popup-container';\n\n/**\n *\n */\n@Component({\n  selector: 'aup-abstract-popup-menu',\n  template: '',\n  styleUrls: []\n})\nexport class AbstractPopupMenuComponent extends PopupAwareComponent implements PopupContainer, AfterContentChecked {\n\n  private _unorderedChildren = new MutableListModel<PopupAwareComponent>();\n\n  protected readonly faceModelDelegate = this.registerDisposable(new DelegatingValueModel<CommandFace>());\n  private faceAdapterModel: ValueModelChain<CommandFace.Adapter>;\n\n  @Input()\n  xPosition: 'before' | 'after' = 'after';\n\n  @Input()\n  yPosition: 'above' | 'below' = 'below';\n\n  @ViewChildren(MatMenuTrigger)\n  triggers: QueryList<MatMenuTrigger>;\n\n  @Input()\n  @StoreInValueModel('enabledModel')\n  enabled: boolean;\n\n  @Input()\n  @TrackExternal({ defaultValue: true })\n  enabledModel: ValueModel<boolean>;\n\n\n  readonly children: ListModelChain<PopupAwareComponent>;\n  readonly faces$: ListModelChain<CommandFace>;\n\n  constructor(element: ElementRef, @Inject(POPUP_CONTAINER) parent?: PopupContainer) {\n    super(element, parent);\n    const { chain, valueOf, before, when, after, observe, switchOn } = Dsl.disposeWith(this);\n    // group.faceListModel = chain(this.faceModel).mapToList(face => [face]);\n\n    this.faceAdapterModel = chain(this.faceModelDelegate).map(f => new CommandFace.Adapter(f));\n    this.faces$ = chain(this.faceAdapterModel).pluck('face').mapToList(face => [face]);\n\n    this.children = chain(this._unorderedChildren).sortBy('componentIndex');\n  }\n\n  ngAfterContentChecked(): void {\n    // force the list to re-order as the child indicies may have changed.\n    this._unorderedChildren.value = [...this._unorderedChildren.value];\n  }\n\n\n  get faceAdapter(): CommandFace.Adapter {\n    if (!this.faceAdapterModel) {\n      console.error('Somehow faceAdapterModel is nil -- set a break point here and let me know what\\'s going on');\n    }\n    return this.faceAdapterModel?.value ?? new CommandFace.Adapter(undefined);\n  }\n\n  isRoot() {\n    return !this.parent;\n  }\n\n  // @Trace()\n  register(component: PopupAwareComponent) {\n    this._unorderedChildren.push(component);\n    return Disposable.disposableThatRuns(() => {\n      this._unorderedChildren.remove(component);\n    });\n  }\n\n  onCommandFired() {\n    this.triggers.forEach(trigger => {\n      if (trigger.menuOpen) {\n        trigger.closeMenu();\n      }\n    });\n  }\n\n  getFace(): CommandFace | undefined {\n    return this.faceAdapter.face;\n  }\n\n}\n"]}

package/esm2015/lib/components/commands/group/popup-menu/abstract-popup-menu.component.metadata.json

@@ -1 +1 @@
-[{"__symbolic":"module","version":4,"metadata":{"AbstractPopupMenuComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../popup-aware.component","name":"PopupAwareComponent","line":33,"character":48},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":28,"character":1},"arguments":[{"selector":"aup-abstract-popup-menu","template":"","styleUrls":[]}]}],"members":{"xPosition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":40,"character":3}}]}],"yPosition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":43,"character":3}}]}],"triggers":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":46,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material/menu","name":"MatMenuTrigger","line":46,"character":16}]}]}],"enabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":49,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"StoreInValueModel","line":50,"character":3},"arguments":["enabledModel"]}]}],"enabledModel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":53,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"TrackExternal","line":54,"character":3},"arguments":[{"defaultValue":true}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":60,"character":36},"arguments":[{"__symbolic":"reference","module":"../popup-container","name":"POPUP_CONTAINER","line":60,"character":43}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":60,"character":23},{"__symbolic":"reference","module":"../popup-container","name":"PopupContainer","line":60,"character":69}]}],"ngAfterContentChecked":[{"__symbolic":"method"}],"isRoot":[{"__symbolic":"method"}],"register":[{"__symbolic":"method"}],"onCommandFired":[{"__symbolic":"method"}],"getFace":[{"__symbolic":"method"}]}}}}]
+[{"__symbolic":"module","version":4,"metadata":{"AbstractPopupMenuComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../popup-aware.component","name":"PopupAwareComponent","line":33,"character":48},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":28,"character":1},"arguments":[{"selector":"aup-abstract-popup-menu","template":"","styleUrls":[]}]}],"members":{"xPosition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":40,"character":3}}]}],"yPosition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":43,"character":3}}]}],"triggers":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":46,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material/menu","name":"MatMenuTrigger","line":46,"character":16}]}]}],"enabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":49,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"StoreInValueModel","line":50,"character":3},"arguments":["enabledModel"]}]}],"enabledModel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":53,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"TrackExternal","line":54,"character":3},"arguments":[{"defaultValue":true}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":61,"character":36},"arguments":[{"__symbolic":"reference","module":"../popup-container","name":"POPUP_CONTAINER","line":61,"character":43}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":61,"character":23},{"__symbolic":"reference","module":"../popup-container","name":"PopupContainer","line":61,"character":69}]}],"ngAfterContentChecked":[{"__symbolic":"method"}],"isRoot":[{"__symbolic":"method"}],"register":[{"__symbolic":"method"}],"onCommandFired":[{"__symbolic":"method"}],"getFace":[{"__symbolic":"method"}]}}}}]

package/esm2015/lib/components/commands/group/popup-menu/more-menu.component.js

@@ -27,7 +27,7 @@ export class MoreMenuComponent extends AbstractPopupMenuComponent {
 MoreMenuComponent.decorators = [
     { type: Component, args: [{
                 selector: 'aup-more-menu',
-                template: "<div class=\"content\" style=\"display: none\">\n  <ng-content></ng-content>\n</div>\n<ng-container *ngIf=\"isRoot()\">\n  <ng-container *ngIf=\"faceAdapter.text\" [ngSwitch]=\"faceAdapter.style\">\n    <ng-container *ngSwitchCase=\"'stroked'\">\n      <button matMenuTrigger\n              [matMenuTriggerFor]=\"subMenu.menuComponent\"\n              (click) = \"$event.stopPropagation()\"\n              [matTooltip]=\"faceAdapter.tooltip\"\n              [color]=\"faceAdapter.color\"\n              [disabled]=\"!enabled\"\n              mat-stroked-button>\n        <aup-command-face [faces]=\"[face]\"></aup-command-face>\n      </button>\n      <aup-popup-menu-renderer #subMenu\n                               [parent]=\"this\"\n                              (commandFired)=\"onCommandFired()\"></aup-popup-menu-renderer>\n    </ng-container>\n\n    <ng-container *ngSwitchCase=\"'raised'\">\n      <button matMenuTrigger\n              [matMenuTriggerFor]=\"subMenu.menuComponent\"\n              (click) = \"$event.stopPropagation()\"\n              [matTooltip]=\"faceAdapter.tooltip\"\n              [color]=\"faceAdapter.color\"\n              [disabled]=\"!enabled\"\n              mat-raised-button>\n        <aup-command-face [faces]=\"[face]\"></aup-command-face>\n      </button>\n      <aup-popup-menu-renderer #subMenu\n                               [parent]=\"this\"\n                              (commandFired)=\"onCommandFired()\"></aup-popup-menu-renderer>\n    </ng-container>\n\n    <ng-container *ngSwitchDefault>\n      <button matMenuTrigger\n              [matMenuTriggerFor]=\"subMenu.menuComponent\"\n              (click) = \"$event.stopPropagation()\"\n              [matTooltip]=\"faceAdapter.tooltip\"\n              [color]=\"faceAdapter.color\"\n              [disabled]=\"!enabled\"\n              mat-button>\n        <aup-command-face [faces]=\"[face]\"></aup-command-face>\n      </button>\n      <aup-popup-menu-renderer #subMenu [parent]=\"this\" (commandFired)=\"onCommandFired()\"></aup-popup-menu-renderer>\n    </ng-container>\n\n  </ng-container>\n\n  <ng-container *ngIf=\"!faceAdapter.text\">\n    <button matMenuTrigger\n            mat-icon-button\n            [matMenuTriggerFor]=\"subMenu.menuComponent\"\n            (click) = \"$event.stopPropagation()\"\n            [matTooltip]=\"faceAdapter.tooltip\"\n            [color]=\"faceAdapter.color\"\n            [disabled]=\"!enabled\"\n    >\n      <aup-command-face [faces]=\"[face]\"></aup-command-face>\n    </button>\n    <aup-popup-menu-renderer #subMenu\n                             [parent]=\"this\"\n                            (commandFired)=\"onCommandFired()\"></aup-popup-menu-renderer>\n  </ng-container>\n</ng-container>\n",
+                template: "<div class=\"content\" style=\"display: none\">\n  <ng-content></ng-content>\n</div>\n<ng-container *ngIf=\"isRoot()\">\n  <ng-container *ngIf=\"faceAdapter.text\" [ngSwitch]=\"faceAdapter.style\">\n    <ng-container *ngSwitchCase=\"'stroked'\">\n      <button matMenuTrigger\n              [matMenuTriggerFor]=\"subMenu.menuComponent\"\n              (click) = \"$event.stopPropagation()\"\n              [matTooltip]=\"faceAdapter.tooltip\"\n              [color]=\"faceAdapter.color\"\n              [disabled]=\"!enabled\"\n              mat-stroked-button>\n        <aup-command-face [faces]=\"faces$.value\"></aup-command-face>\n      </button>\n      <aup-popup-menu-renderer #subMenu\n                               [parent]=\"this\"\n                              (commandFired)=\"onCommandFired()\"></aup-popup-menu-renderer>\n    </ng-container>\n\n    <ng-container *ngSwitchCase=\"'raised'\">\n      <button matMenuTrigger\n              [matMenuTriggerFor]=\"subMenu.menuComponent\"\n              (click) = \"$event.stopPropagation()\"\n              [matTooltip]=\"faceAdapter.tooltip\"\n              [color]=\"faceAdapter.color\"\n              [disabled]=\"!enabled\"\n              mat-raised-button>\n        <aup-command-face [faces]=\"faces$.value\"></aup-command-face>\n      </button>\n      <aup-popup-menu-renderer #subMenu\n                               [parent]=\"this\"\n                              (commandFired)=\"onCommandFired()\"></aup-popup-menu-renderer>\n    </ng-container>\n\n    <ng-container *ngSwitchDefault>\n      <button matMenuTrigger\n              [matMenuTriggerFor]=\"subMenu.menuComponent\"\n              (click) = \"$event.stopPropagation()\"\n              [matTooltip]=\"faceAdapter.tooltip\"\n              [color]=\"faceAdapter.color\"\n              [disabled]=\"!enabled\"\n              mat-button>\n        <aup-command-face [faces]=\"faces$.value\"></aup-command-face>\n      </button>\n      <aup-popup-menu-renderer #subMenu [parent]=\"this\" (commandFired)=\"onCommandFired()\"></aup-popup-menu-renderer>\n    </ng-container>\n\n  </ng-container>\n\n  <ng-container *ngIf=\"!faceAdapter.text\">\n    <button matMenuTrigger\n            mat-icon-button\n            [matMenuTriggerFor]=\"subMenu.menuComponent\"\n            (click) = \"$event.stopPropagation()\"\n            [matTooltip]=\"faceAdapter.tooltip\"\n            [color]=\"faceAdapter.color\"\n            [disabled]=\"!enabled\"\n    >\n      <aup-command-face [faces]=\"faces$.value\"></aup-command-face>\n    </button>\n    <aup-popup-menu-renderer #subMenu\n                             [parent]=\"this\"\n                            (commandFired)=\"onCommandFired()\"></aup-popup-menu-renderer>\n  </ng-container>\n</ng-container>\n",
                 providers: [
                     { provide: POPUP_CONTAINER, useExisting: MoreMenuComponent }
                 ]

package/esm2015/lib/components/commands/group/popup-menu/more-menu.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"more-menu.component.js","sourceRoot":"","sources":["../../../../../../../../../libs/angular-ui-powerups/src/lib/components/commands/group/popup-menu/more-menu.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzF,OAAO,EAAE,GAAG,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAC3E,OAAO,EAAE,eAAe,EAAkB,MAAM,oBAAoB,CAAC;AACrE,OAAO,EAAE,0BAA0B,EAAE,MAAM,iCAAiC,CAAC;AAE7E;;GAEG;AAQH,MAAM,OAAO,iBAAkB,SAAQ,0BAA0B;IAO/D,YAAY,OAAmB,EAAmD,MAAuB;QACvG,KAAK,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;QANjB,iBAAY,GAAG,IAAI,iBAAiB,EAAU,CAAC;QAOrD,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,GAAG,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;QACzF,IAAI,CAAC,iBAAiB,CAAC,WAAW,CAAC,KAAK,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE;YACxE,OAAO;gBACL,IAAI,EAAE,GAAG,EAAE,CAAC,eAAe;gBAC3B,OAAO;oBACL,OAAO,OAAO,CAAC;gBACjB,CAAC;aACF,CAAC;QACJ,CAAC,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;IAC1B,CAAC;IAED,IAAI,IAAI;QACN,OAAO,IAAI,CAAC,iBAAiB,CAAC,KAAK,CAAC;IACtC,CAAC;;;YA7BF,SAAS,SAAC;gBACT,QAAQ,EAAE,eAAe;gBACzB,ssFAA0C;gBAC1C,SAAS,EAAC;oBACR,EAAC,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,iBAAiB,EAAC;iBAC3D;aACF;;;YAdmB,UAAU;4CAsBM,MAAM,SAAC,eAAe,cAAG,QAAQ,YAAI,QAAQ;;;sBAH9E,KAAK;;AACN;IADU,iBAAiB,CAAC,cAAc,CAAC;;kDAC3B","sourcesContent":["import { Component, ElementRef, Inject, Input, Optional, SkipSelf } from '@angular/core';\nimport { Dsl, MutableValueModel, StoreInValueModel } from '@coolon/pectin';\nimport { POPUP_CONTAINER, PopupContainer } from '../popup-container';\nimport { AbstractPopupMenuComponent } from './abstract-popup-menu.component';\n\n/**\n *\n */\n@Component({\n  selector: 'aup-more-menu',\n  templateUrl: './popup-menu.component.html',\n  providers:[\n    {provide: POPUP_CONTAINER, useExisting: MoreMenuComponent}\n  ]\n})\nexport class MoreMenuComponent extends AbstractPopupMenuComponent {\n\n  private tooltipModel = new MutableValueModel<string>();\n\n  @Input() @StoreInValueModel('tooltipModel')\n  tooltip: string;\n\n  constructor(element: ElementRef, @Inject(POPUP_CONTAINER) @Optional() @SkipSelf() parent?: PopupContainer) {\n    super(element, parent);\n    const { chain, valueOf, before, when, after, observe, switchOn } = Dsl.disposeWith(this);\n    this.faceModelDelegate.setDelegate(chain(this.tooltipModel).map(tooltip => {\n      return {\n        icon: () => 'mat:more_vert',\n        tooltip(): string {\n          return tooltip;\n        }\n      };\n    }, { allowNil: true }));\n  }\n\n  get face() {\n    return this.faceModelDelegate.value;\n  }\n\n}\n"]}
+{"version":3,"file":"more-menu.component.js","sourceRoot":"","sources":["../../../../../../../../../libs/angular-ui-powerups/src/lib/components/commands/group/popup-menu/more-menu.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzF,OAAO,EAAE,GAAG,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAC3E,OAAO,EAAE,eAAe,EAAkB,MAAM,oBAAoB,CAAC;AACrE,OAAO,EAAE,0BAA0B,EAAE,MAAM,iCAAiC,CAAC;AAE7E;;GAEG;AAQH,MAAM,OAAO,iBAAkB,SAAQ,0BAA0B;IAO/D,YAAY,OAAmB,EAAmD,MAAuB;QACvG,KAAK,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;QANjB,iBAAY,GAAG,IAAI,iBAAiB,EAAU,CAAC;QAOrD,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,GAAG,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;QACzF,IAAI,CAAC,iBAAiB,CAAC,WAAW,CAAC,KAAK,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE;YACxE,OAAO;gBACL,IAAI,EAAE,GAAG,EAAE,CAAC,eAAe;gBAC3B,OAAO;oBACL,OAAO,OAAO,CAAC;gBACjB,CAAC;aACF,CAAC;QACJ,CAAC,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;IAC1B,CAAC;IAED,IAAI,IAAI;QACN,OAAO,IAAI,CAAC,iBAAiB,CAAC,KAAK,CAAC;IACtC,CAAC;;;YA7BF,SAAS,SAAC;gBACT,QAAQ,EAAE,eAAe;gBACzB,8tFAA0C;gBAC1C,SAAS,EAAC;oBACR,EAAC,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,iBAAiB,EAAC;iBAC3D;aACF;;;YAdmB,UAAU;4CAsBM,MAAM,SAAC,eAAe,cAAG,QAAQ,YAAI,QAAQ;;;sBAH9E,KAAK;;AACN;IADU,iBAAiB,CAAC,cAAc,CAAC;;kDAC3B","sourcesContent":["import { Component, ElementRef, Inject, Input, Optional, SkipSelf } from '@angular/core';\nimport { Dsl, MutableValueModel, StoreInValueModel } from '@coolon/pectin';\nimport { POPUP_CONTAINER, PopupContainer } from '../popup-container';\nimport { AbstractPopupMenuComponent } from './abstract-popup-menu.component';\n\n/**\n *\n */\n@Component({\n  selector: 'aup-more-menu',\n  templateUrl: './popup-menu.component.html',\n  providers:[\n    {provide: POPUP_CONTAINER, useExisting: MoreMenuComponent}\n  ]\n})\nexport class MoreMenuComponent extends AbstractPopupMenuComponent {\n\n  private tooltipModel = new MutableValueModel<string>();\n\n  @Input() @StoreInValueModel('tooltipModel')\n  tooltip: string;\n\n  constructor(element: ElementRef, @Inject(POPUP_CONTAINER) @Optional() @SkipSelf() parent?: PopupContainer) {\n    super(element, parent);\n    const { chain, valueOf, before, when, after, observe, switchOn } = Dsl.disposeWith(this);\n    this.faceModelDelegate.setDelegate(chain(this.tooltipModel).map(tooltip => {\n      return {\n        icon: () => 'mat:more_vert',\n        tooltip(): string {\n          return tooltip;\n        }\n      };\n    }, { allowNil: true }));\n  }\n\n  get face() {\n    return this.faceModelDelegate.value;\n  }\n\n}\n"]}

package/esm2015/lib/components/commands/group/popup-menu/more-menu.component.metadata.json

@@ -1 +1 @@
-[{"__symbolic":"module","version":4,"metadata":{"MoreMenuComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"./abstract-popup-menu.component","name":"AbstractPopupMenuComponent","line":15,"character":39},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"aup-more-menu","providers":[{"provide":{"__symbolic":"reference","module":"../popup-container","name":"POPUP_CONTAINER","line":12,"character":14},"useExisting":{"__symbolic":"reference","name":"MoreMenuComponent"}}],"template":"<div class=\"content\" style=\"display: none\">\n  <ng-content></ng-content>\n</div>\n<ng-container *ngIf=\"isRoot()\">\n  <ng-container *ngIf=\"faceAdapter.text\" [ngSwitch]=\"faceAdapter.style\">\n    <ng-container *ngSwitchCase=\"'stroked'\">\n      <button matMenuTrigger\n              [matMenuTriggerFor]=\"subMenu.menuComponent\"\n              (click) = \"$event.stopPropagation()\"\n              [matTooltip]=\"faceAdapter.tooltip\"\n              [color]=\"faceAdapter.color\"\n              [disabled]=\"!enabled\"\n              mat-stroked-button>\n        <aup-command-face [faces]=\"[face]\"></aup-command-face>\n      </button>\n      <aup-popup-menu-renderer #subMenu\n                               [parent]=\"this\"\n                              (commandFired)=\"onCommandFired()\"></aup-popup-menu-renderer>\n    </ng-container>\n\n    <ng-container *ngSwitchCase=\"'raised'\">\n      <button matMenuTrigger\n              [matMenuTriggerFor]=\"subMenu.menuComponent\"\n              (click) = \"$event.stopPropagation()\"\n              [matTooltip]=\"faceAdapter.tooltip\"\n              [color]=\"faceAdapter.color\"\n              [disabled]=\"!enabled\"\n              mat-raised-button>\n        <aup-command-face [faces]=\"[face]\"></aup-command-face>\n      </button>\n      <aup-popup-menu-renderer #subMenu\n                               [parent]=\"this\"\n                              (commandFired)=\"onCommandFired()\"></aup-popup-menu-renderer>\n    </ng-container>\n\n    <ng-container *ngSwitchDefault>\n      <button matMenuTrigger\n              [matMenuTriggerFor]=\"subMenu.menuComponent\"\n              (click) = \"$event.stopPropagation()\"\n              [matTooltip]=\"faceAdapter.tooltip\"\n              [color]=\"faceAdapter.color\"\n              [disabled]=\"!enabled\"\n              mat-button>\n        <aup-command-face [faces]=\"[face]\"></aup-command-face>\n      </button>\n      <aup-popup-menu-renderer #subMenu [parent]=\"this\" (commandFired)=\"onCommandFired()\"></aup-popup-menu-renderer>\n    </ng-container>\n\n  </ng-container>\n\n  <ng-container *ngIf=\"!faceAdapter.text\">\n    <button matMenuTrigger\n            mat-icon-button\n            [matMenuTriggerFor]=\"subMenu.menuComponent\"\n            (click) = \"$event.stopPropagation()\"\n            [matTooltip]=\"faceAdapter.tooltip\"\n            [color]=\"faceAdapter.color\"\n            [disabled]=\"!enabled\"\n    >\n      <aup-command-face [faces]=\"[face]\"></aup-command-face>\n    </button>\n    <aup-popup-menu-renderer #subMenu\n                             [parent]=\"this\"\n                            (commandFired)=\"onCommandFired()\"></aup-popup-menu-renderer>\n  </ng-container>\n</ng-container>\n"}]}],"members":{"tooltip":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"StoreInValueModel","line":19,"character":12},"arguments":["tooltipModel"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":22,"character":36},"arguments":[{"__symbolic":"reference","module":"../popup-container","name":"POPUP_CONTAINER","line":22,"character":43}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":22,"character":61}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"SkipSelf","line":22,"character":73}}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":22,"character":23},{"__symbolic":"reference","module":"../popup-container","name":"PopupContainer","line":22,"character":93}]}]}}}}]
+[{"__symbolic":"module","version":4,"metadata":{"MoreMenuComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"./abstract-popup-menu.component","name":"AbstractPopupMenuComponent","line":15,"character":39},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"aup-more-menu","providers":[{"provide":{"__symbolic":"reference","module":"../popup-container","name":"POPUP_CONTAINER","line":12,"character":14},"useExisting":{"__symbolic":"reference","name":"MoreMenuComponent"}}],"template":"<div class=\"content\" style=\"display: none\">\n  <ng-content></ng-content>\n</div>\n<ng-container *ngIf=\"isRoot()\">\n  <ng-container *ngIf=\"faceAdapter.text\" [ngSwitch]=\"faceAdapter.style\">\n    <ng-container *ngSwitchCase=\"'stroked'\">\n      <button matMenuTrigger\n              [matMenuTriggerFor]=\"subMenu.menuComponent\"\n              (click) = \"$event.stopPropagation()\"\n              [matTooltip]=\"faceAdapter.tooltip\"\n              [color]=\"faceAdapter.color\"\n              [disabled]=\"!enabled\"\n              mat-stroked-button>\n        <aup-command-face [faces]=\"faces$.value\"></aup-command-face>\n      </button>\n      <aup-popup-menu-renderer #subMenu\n                               [parent]=\"this\"\n                              (commandFired)=\"onCommandFired()\"></aup-popup-menu-renderer>\n    </ng-container>\n\n    <ng-container *ngSwitchCase=\"'raised'\">\n      <button matMenuTrigger\n              [matMenuTriggerFor]=\"subMenu.menuComponent\"\n              (click) = \"$event.stopPropagation()\"\n              [matTooltip]=\"faceAdapter.tooltip\"\n              [color]=\"faceAdapter.color\"\n              [disabled]=\"!enabled\"\n              mat-raised-button>\n        <aup-command-face [faces]=\"faces$.value\"></aup-command-face>\n      </button>\n      <aup-popup-menu-renderer #subMenu\n                               [parent]=\"this\"\n                              (commandFired)=\"onCommandFired()\"></aup-popup-menu-renderer>\n    </ng-container>\n\n    <ng-container *ngSwitchDefault>\n      <button matMenuTrigger\n              [matMenuTriggerFor]=\"subMenu.menuComponent\"\n              (click) = \"$event.stopPropagation()\"\n              [matTooltip]=\"faceAdapter.tooltip\"\n              [color]=\"faceAdapter.color\"\n              [disabled]=\"!enabled\"\n              mat-button>\n        <aup-command-face [faces]=\"faces$.value\"></aup-command-face>\n      </button>\n      <aup-popup-menu-renderer #subMenu [parent]=\"this\" (commandFired)=\"onCommandFired()\"></aup-popup-menu-renderer>\n    </ng-container>\n\n  </ng-container>\n\n  <ng-container *ngIf=\"!faceAdapter.text\">\n    <button matMenuTrigger\n            mat-icon-button\n            [matMenuTriggerFor]=\"subMenu.menuComponent\"\n            (click) = \"$event.stopPropagation()\"\n            [matTooltip]=\"faceAdapter.tooltip\"\n            [color]=\"faceAdapter.color\"\n            [disabled]=\"!enabled\"\n    >\n      <aup-command-face [faces]=\"faces$.value\"></aup-command-face>\n    </button>\n    <aup-popup-menu-renderer #subMenu\n                             [parent]=\"this\"\n                            (commandFired)=\"onCommandFired()\"></aup-popup-menu-renderer>\n  </ng-container>\n</ng-container>\n"}]}],"members":{"tooltip":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"StoreInValueModel","line":19,"character":12},"arguments":["tooltipModel"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":22,"character":36},"arguments":[{"__symbolic":"reference","module":"../popup-container","name":"POPUP_CONTAINER","line":22,"character":43}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":22,"character":61}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"SkipSelf","line":22,"character":73}}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":22,"character":23},{"__symbolic":"reference","module":"../popup-container","name":"PopupContainer","line":22,"character":93}]}]}}}}]

package/esm2015/lib/components/commands/group/popup-menu/popup-menu-renderer/popup-menu-renderer.component.js

@@ -11,7 +11,7 @@ import { PopupMenuComponent } from '../popup-menu.component';
 export class PopupMenuRendererComponent extends DisposableComponent {
     constructor() {
         super();
-        this._childList = new DelegatingListModel();
+        this._childList = this.registerDisposable(new DelegatingListModel());
         this.commandFired = new EventEmitter();
         this.TrackBy = TrackBy;
         const { chain, valueOf, before, when, after, observe, switchOn } = Dsl.disposeWith(this);
@@ -71,9 +71,9 @@ export class PopupMenuRendererComponent extends DisposableComponent {
     }
     getFaces(child) {
         return this.isCommand(child) ?
-            child.faces.value :
+            child.faces$.value :
             this.isPopupMenu(child) ?
-                [child.faceAdapter.face] :
+                child.faces$.value :
                 undefined;
     }
 }

package/esm2015/lib/components/commands/group/popup-menu/popup-menu-renderer/popup-menu-renderer.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"popup-menu-renderer.component.js","sourceRoot":"","sources":["../../../../../../../../../../libs/angular-ui-powerups/src/lib/components/commands/group/popup-menu/popup-menu-renderer/popup-menu-renderer.component.ts"],"names":[],"mappings":"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","sourcesContent":["import { Component, EventEmitter, Input, Output, QueryList, ViewChild, ViewChildren } from '@angular/core';\nimport { MatMenu, MatMenuTrigger } from '@angular/material/menu';\nimport { Command, Constant, DelegatingListModel, Dsl, ValueModel } from '@coolon/pectin';\nimport { DisposableComponent } from '../../../../disposable-component';\nimport { TrackBy } from '../../../../track-by';\nimport { CommandFace } from '../../../command-face';\nimport { CommandComponent } from '../../../command/command.component';\nimport { SeparatorComponent } from '../../../separator.component';\nimport { PopupAwareComponent } from '../../popup-aware.component';\nimport { AbstractPopupMenuComponent } from '../abstract-popup-menu.component';\nimport { PopupMenuComponent } from '../popup-menu.component';\n\n@Component({\n  selector: 'aup-popup-menu-renderer',\n  templateUrl: './popup-menu-renderer.component.html'\n})\nexport class PopupMenuRendererComponent extends DisposableComponent {\n\n  private _parentComponent: PopupMenuComponent;\n\n  private _childList = new DelegatingListModel<PopupAwareComponent>();\n\n  @Input()\n  get parent(): PopupMenuComponent {\n    return this._parentComponent;\n  }\n\n  set parent(comp: PopupMenuComponent) {\n    this._parentComponent = comp;\n    this._childList.setDelegate(comp.children);\n  }\n\n  @ViewChild('menu', { static: true })\n  menuComponent: MatMenu;\n\n  @Output()\n  commandFired = new EventEmitter();\n\n  @ViewChildren(MatMenuTrigger)\n  triggers: QueryList<MatMenuTrigger>;\n\n  readonly hasMixedIcons: ValueModel<boolean>;\n  readonly commandProxy: Command<unknown>;\n\n  TrackBy = TrackBy;\n\n  constructor() {\n    super();\n    const { chain, valueOf, before, when, after, observe, switchOn } = Dsl.disposeWith(this);\n    // this.children = chain(this.groupViewDataModel).pluckList('children');\n    // this.hasMixedIcons = chain(this.groupViewDataModel).pluck('hasMixedIcons');\n    const faces = chain(this._childList).map(child => {\n      return child.getFace();\n    }).rejectNil();\n    const icons = faces.select(face => !!CommandFace.getIconOf(face));\n    const iconCount = icons.count();\n    const totalFaces = faces.count();\n    this.hasMixedIcons = valueOf.all(\n      iconCount.isGreaterThan(0),\n      totalFaces.doesNotEqual(iconCount)\n    ).areTruthy();\n  }\n\n  get children(): PopupAwareComponent[] {\n    return this.parent.children.value;\n  }\n\n  executeCommand(data: PopupAwareComponent) {\n    if (this.isCommand(data)) {\n      data.command.execute().finally(() => {\n        this.commandFired.emit();\n      });\n    }\n  }\n\n  isCommandEnabled(data: PopupAwareComponent) {\n    return this.isCommand(data) && data.command.enabled.value\n  }\n\n  // @Trace()\n  onCommandFired() {\n    this.commandFired.emit();\n    this.triggers.forEach(trigger => {\n      if (trigger.menuOpen) {\n        trigger.closeMenu();\n      }\n    });\n  }\n\n  isCommand(child: any): child is CommandComponent {\n    return child instanceof CommandComponent;\n  }\n\n  isPopupMenu(child: any): child is AbstractPopupMenuComponent {\n    return child instanceof AbstractPopupMenuComponent;\n  }\n\n  isPopupMenuEnabled(child: any): child is AbstractPopupMenuComponent {\n    return this.isPopupMenu(child) && child.enabled\n  }\n\n  isSeparator(child: any): child is SeparatorComponent {\n    return child instanceof SeparatorComponent;\n  }\n\n  getTooltip(child: any) {\n    return this.isCommand(child) ? CommandFace.getTooltipOf(child.face) : undefined;\n  }\n\n  getFaces(child: PopupAwareComponent) {\n    return this.isCommand(child) ?\n      child.faces.value :\n      this.isPopupMenu(child) ?\n        [child.faceAdapter.face] :\n        undefined;\n  }\n}\n\n\n"]}
+{"version":3,"file":"popup-menu-renderer.component.js","sourceRoot":"","sources":["../../../../../../../../../../libs/angular-ui-powerups/src/lib/components/commands/group/popup-menu/popup-menu-renderer/popup-menu-renderer.component.ts"],"names":[],"mappings":"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","sourcesContent":["import { Component, EventEmitter, Input, Output, QueryList, ViewChild, ViewChildren } from '@angular/core';\nimport { MatMenu, MatMenuTrigger } from '@angular/material/menu';\nimport { Command, Constant, DelegatingListModel, Dsl, ValueModel } from '@coolon/pectin';\nimport { DisposableComponent } from '../../../../disposable-component';\nimport { TrackBy } from '../../../../track-by';\nimport { CommandFace } from '../../../command-face';\nimport { CommandComponent } from '../../../command/command.component';\nimport { SeparatorComponent } from '../../../separator.component';\nimport { PopupAwareComponent } from '../../popup-aware.component';\nimport { AbstractPopupMenuComponent } from '../abstract-popup-menu.component';\nimport { PopupMenuComponent } from '../popup-menu.component';\n\n@Component({\n  selector: 'aup-popup-menu-renderer',\n  templateUrl: './popup-menu-renderer.component.html'\n})\nexport class PopupMenuRendererComponent extends DisposableComponent {\n\n  private _parentComponent: PopupMenuComponent;\n\n  private _childList = this.registerDisposable(new DelegatingListModel<PopupAwareComponent>());\n\n  @Input()\n  get parent(): PopupMenuComponent {\n    return this._parentComponent;\n  }\n\n  set parent(comp: PopupMenuComponent) {\n    this._parentComponent = comp;\n    this._childList.setDelegate(comp.children);\n  }\n\n  @ViewChild('menu', { static: true })\n  menuComponent: MatMenu;\n\n  @Output()\n  commandFired = new EventEmitter();\n\n  @ViewChildren(MatMenuTrigger)\n  triggers: QueryList<MatMenuTrigger>;\n\n  readonly hasMixedIcons: ValueModel<boolean>;\n  readonly commandProxy: Command<unknown>;\n\n  TrackBy = TrackBy;\n\n  constructor() {\n    super();\n    const { chain, valueOf, before, when, after, observe, switchOn } = Dsl.disposeWith(this);\n    // this.children = chain(this.groupViewDataModel).pluckList('children');\n    // this.hasMixedIcons = chain(this.groupViewDataModel).pluck('hasMixedIcons');\n    const faces = chain(this._childList).map(child => {\n      return child.getFace();\n    }).rejectNil();\n    const icons = faces.select(face => !!CommandFace.getIconOf(face));\n    const iconCount = icons.count();\n    const totalFaces = faces.count();\n    this.hasMixedIcons = valueOf.all(\n      iconCount.isGreaterThan(0),\n      totalFaces.doesNotEqual(iconCount)\n    ).areTruthy();\n  }\n\n  get children(): PopupAwareComponent[] {\n    return this.parent.children.value;\n  }\n\n  executeCommand(data: PopupAwareComponent) {\n    if (this.isCommand(data)) {\n      data.command.execute().finally(() => {\n        this.commandFired.emit();\n      });\n    }\n  }\n\n  isCommandEnabled(data: PopupAwareComponent) {\n    return this.isCommand(data) && data.command.enabled.value\n  }\n\n  // @Trace()\n  onCommandFired() {\n    this.commandFired.emit();\n    this.triggers.forEach(trigger => {\n      if (trigger.menuOpen) {\n        trigger.closeMenu();\n      }\n    });\n  }\n\n  isCommand(child: any): child is CommandComponent {\n    return child instanceof CommandComponent;\n  }\n\n  isPopupMenu(child: any): child is AbstractPopupMenuComponent {\n    return child instanceof AbstractPopupMenuComponent;\n  }\n\n  isPopupMenuEnabled(child: any): child is AbstractPopupMenuComponent {\n    return this.isPopupMenu(child) && child.enabled\n  }\n\n  isSeparator(child: any): child is SeparatorComponent {\n    return child instanceof SeparatorComponent;\n  }\n\n  getTooltip(child: any) {\n    return this.isCommand(child) ? CommandFace.getTooltipOf(child.face) : undefined;\n  }\n\n  getFaces(child: PopupAwareComponent) {\n    return this.isCommand(child) ?\n      child.faces$.value :\n      this.isPopupMenu(child) ?\n        child.faces$.value :\n        undefined;\n  }\n}\n\n\n"]}

package/esm2015/lib/components/commands/group/popup-menu/popup-menu.component.js

@@ -11,13 +11,12 @@ export class PopupMenuComponent extends AbstractPopupMenuComponent {
     constructor(element, parent) {
         super(element, parent);
         const { chain, valueOf, before, when, after, observe, switchOn } = Dsl.disposeWith(this);
-        // group.faceListModel = chain(this.faceModel).mapToList(face => [face]);
     }
 }
 PopupMenuComponent.decorators = [
     { type: Component, args: [{
                 selector: 'aup-popup-menu',
-                template: "<div class=\"content\" style=\"display: none\">\n  <ng-content></ng-content>\n</div>\n<ng-container *ngIf=\"isRoot()\">\n  <ng-container *ngIf=\"faceAdapter.text\" [ngSwitch]=\"faceAdapter.style\">\n    <ng-container *ngSwitchCase=\"'stroked'\">\n      <button matMenuTrigger\n              [matMenuTriggerFor]=\"subMenu.menuComponent\"\n              (click) = \"$event.stopPropagation()\"\n              [matTooltip]=\"faceAdapter.tooltip\"\n              [color]=\"faceAdapter.color\"\n              [disabled]=\"!enabled\"\n              mat-stroked-button>\n        <aup-command-face [faces]=\"[face]\"></aup-command-face>\n      </button>\n      <aup-popup-menu-renderer #subMenu\n                               [parent]=\"this\"\n                              (commandFired)=\"onCommandFired()\"></aup-popup-menu-renderer>\n    </ng-container>\n\n    <ng-container *ngSwitchCase=\"'raised'\">\n      <button matMenuTrigger\n              [matMenuTriggerFor]=\"subMenu.menuComponent\"\n              (click) = \"$event.stopPropagation()\"\n              [matTooltip]=\"faceAdapter.tooltip\"\n              [color]=\"faceAdapter.color\"\n              [disabled]=\"!enabled\"\n              mat-raised-button>\n        <aup-command-face [faces]=\"[face]\"></aup-command-face>\n      </button>\n      <aup-popup-menu-renderer #subMenu\n                               [parent]=\"this\"\n                              (commandFired)=\"onCommandFired()\"></aup-popup-menu-renderer>\n    </ng-container>\n\n    <ng-container *ngSwitchDefault>\n      <button matMenuTrigger\n              [matMenuTriggerFor]=\"subMenu.menuComponent\"\n              (click) = \"$event.stopPropagation()\"\n              [matTooltip]=\"faceAdapter.tooltip\"\n              [color]=\"faceAdapter.color\"\n              [disabled]=\"!enabled\"\n              mat-button>\n        <aup-command-face [faces]=\"[face]\"></aup-command-face>\n      </button>\n      <aup-popup-menu-renderer #subMenu [parent]=\"this\" (commandFired)=\"onCommandFired()\"></aup-popup-menu-renderer>\n    </ng-container>\n\n  </ng-container>\n\n  <ng-container *ngIf=\"!faceAdapter.text\">\n    <button matMenuTrigger\n            mat-icon-button\n            [matMenuTriggerFor]=\"subMenu.menuComponent\"\n            (click) = \"$event.stopPropagation()\"\n            [matTooltip]=\"faceAdapter.tooltip\"\n            [color]=\"faceAdapter.color\"\n            [disabled]=\"!enabled\"\n    >\n      <aup-command-face [faces]=\"[face]\"></aup-command-face>\n    </button>\n    <aup-popup-menu-renderer #subMenu\n                             [parent]=\"this\"\n                            (commandFired)=\"onCommandFired()\"></aup-popup-menu-renderer>\n  </ng-container>\n</ng-container>\n",
+                template: "<div class=\"content\" style=\"display: none\">\n  <ng-content></ng-content>\n</div>\n<ng-container *ngIf=\"isRoot()\">\n  <ng-container *ngIf=\"faceAdapter.text\" [ngSwitch]=\"faceAdapter.style\">\n    <ng-container *ngSwitchCase=\"'stroked'\">\n      <button matMenuTrigger\n              [matMenuTriggerFor]=\"subMenu.menuComponent\"\n              (click) = \"$event.stopPropagation()\"\n              [matTooltip]=\"faceAdapter.tooltip\"\n              [color]=\"faceAdapter.color\"\n              [disabled]=\"!enabled\"\n              mat-stroked-button>\n        <aup-command-face [faces]=\"faces$.value\"></aup-command-face>\n      </button>\n      <aup-popup-menu-renderer #subMenu\n                               [parent]=\"this\"\n                              (commandFired)=\"onCommandFired()\"></aup-popup-menu-renderer>\n    </ng-container>\n\n    <ng-container *ngSwitchCase=\"'raised'\">\n      <button matMenuTrigger\n              [matMenuTriggerFor]=\"subMenu.menuComponent\"\n              (click) = \"$event.stopPropagation()\"\n              [matTooltip]=\"faceAdapter.tooltip\"\n              [color]=\"faceAdapter.color\"\n              [disabled]=\"!enabled\"\n              mat-raised-button>\n        <aup-command-face [faces]=\"faces$.value\"></aup-command-face>\n      </button>\n      <aup-popup-menu-renderer #subMenu\n                               [parent]=\"this\"\n                              (commandFired)=\"onCommandFired()\"></aup-popup-menu-renderer>\n    </ng-container>\n\n    <ng-container *ngSwitchDefault>\n      <button matMenuTrigger\n              [matMenuTriggerFor]=\"subMenu.menuComponent\"\n              (click) = \"$event.stopPropagation()\"\n              [matTooltip]=\"faceAdapter.tooltip\"\n              [color]=\"faceAdapter.color\"\n              [disabled]=\"!enabled\"\n              mat-button>\n        <aup-command-face [faces]=\"faces$.value\"></aup-command-face>\n      </button>\n      <aup-popup-menu-renderer #subMenu [parent]=\"this\" (commandFired)=\"onCommandFired()\"></aup-popup-menu-renderer>\n    </ng-container>\n\n  </ng-container>\n\n  <ng-container *ngIf=\"!faceAdapter.text\">\n    <button matMenuTrigger\n            mat-icon-button\n            [matMenuTriggerFor]=\"subMenu.menuComponent\"\n            (click) = \"$event.stopPropagation()\"\n            [matTooltip]=\"faceAdapter.tooltip\"\n            [color]=\"faceAdapter.color\"\n            [disabled]=\"!enabled\"\n    >\n      <aup-command-face [faces]=\"faces$.value\"></aup-command-face>\n    </button>\n    <aup-popup-menu-renderer #subMenu\n                             [parent]=\"this\"\n                            (commandFired)=\"onCommandFired()\"></aup-popup-menu-renderer>\n  </ng-container>\n</ng-container>\n",
                 providers: [
                     { provide: POPUP_CONTAINER, useExisting: PopupMenuComponent }
                 ]

package/esm2015/lib/components/commands/group/popup-menu/popup-menu.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"popup-menu.component.js","sourceRoot":"","sources":["../../../../../../../../../libs/angular-ui-powerups/src/lib/components/commands/group/popup-menu/popup-menu.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAuB,SAAS,EAAE,UAAU,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAE9G,OAAO,EAAE,GAAG,EAAE,iBAAiB,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AACnF,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACjD,OAAO,EAAE,eAAe,EAAkB,MAAM,oBAAoB,CAAC;AACrE,OAAO,EAAE,0BAA0B,EAAE,MAAM,iCAAiC,CAAC;AAE7E;;GAEG;AASH,MAAM,OAAO,kBAAmB,SAAQ,0BAA0B;IAQhE,YAAY,OAAmB,EAAmD,MAAuB;QACvG,KAAK,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;QACvB,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,GAAG,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;QACzF,yEAAyE;IAC3E,CAAC;;;YApBF,SAAS,SAAC;gBACT,QAAQ,EAAE,gBAAgB;gBAC1B,ssFAA0C;gBAE1C,SAAS,EAAC;oBACR,EAAC,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,kBAAkB,EAAC;iBAC5D;aACF;;;YAjBwC,UAAU;4CA0Bf,MAAM,SAAC,eAAe,cAAG,QAAQ,YAAI,QAAQ;;;wBAN9E,KAAK;mBAGL,KAAK;;AAFN;IADU,aAAa,CAAC,EAAE,UAAU,EAAE,mBAAmB,EAAE,CAAC;8BACjD,UAAU;qDAAc;AAGnC;IADU,iBAAiB,CAAC,WAAW,CAAC;;gDACtB","sourcesContent":["import { AfterContentChecked, Component, ElementRef, Inject, Input, Optional, SkipSelf } from '@angular/core';\n\nimport { Dsl, StoreInValueModel, TrackExternal, ValueModel } from '@coolon/pectin';\nimport { CommandFace } from '../../command-face';\nimport { POPUP_CONTAINER, PopupContainer } from '../popup-container';\nimport { AbstractPopupMenuComponent } from './abstract-popup-menu.component';\n\n/**\n *\n */\n@Component({\n  selector: 'aup-popup-menu',\n  templateUrl: './popup-menu.component.html',\n  styleUrls: [],\n  providers:[\n    {provide: POPUP_CONTAINER, useExisting: PopupMenuComponent}\n  ]\n})\nexport class PopupMenuComponent extends AbstractPopupMenuComponent {\n\n  @Input() @TrackExternal({ delegateTo: 'faceModelDelegate' })\n  faceModel: ValueModel<CommandFace>;\n\n  @Input() @StoreInValueModel('faceModel')\n  face: CommandFace;\n\n  constructor(element: ElementRef, @Inject(POPUP_CONTAINER) @Optional() @SkipSelf() parent?: PopupContainer) {\n    super(element, parent);\n    const { chain, valueOf, before, when, after, observe, switchOn } = Dsl.disposeWith(this);\n    // group.faceListModel = chain(this.faceModel).mapToList(face => [face]);\n  }\n\n}\n"]}
+{"version":3,"file":"popup-menu.component.js","sourceRoot":"","sources":["../../../../../../../../../libs/angular-ui-powerups/src/lib/components/commands/group/popup-menu/popup-menu.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAuB,SAAS,EAAE,UAAU,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAE9G,OAAO,EAAE,GAAG,EAAE,iBAAiB,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AACnF,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACjD,OAAO,EAAE,eAAe,EAAkB,MAAM,oBAAoB,CAAC;AACrE,OAAO,EAAE,0BAA0B,EAAE,MAAM,iCAAiC,CAAC;AAE7E;;GAEG;AASH,MAAM,OAAO,kBAAmB,SAAQ,0BAA0B;IAQhE,YAAY,OAAmB,EAAmD,MAAuB;QACvG,KAAK,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;QACvB,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,GAAG,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;IAC3F,CAAC;;;YAnBF,SAAS,SAAC;gBACT,QAAQ,EAAE,gBAAgB;gBAC1B,8tFAA0C;gBAE1C,SAAS,EAAC;oBACR,EAAC,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,kBAAkB,EAAC;iBAC5D;aACF;;;YAjBwC,UAAU;4CA0Bf,MAAM,SAAC,eAAe,cAAG,QAAQ,YAAI,QAAQ;;;wBAN9E,KAAK;mBAGL,KAAK;;AAFN;IADU,aAAa,CAAC,EAAE,UAAU,EAAE,mBAAmB,EAAE,CAAC;8BACjD,UAAU;qDAAc;AAGnC;IADU,iBAAiB,CAAC,WAAW,CAAC;;gDACtB","sourcesContent":["import { AfterContentChecked, Component, ElementRef, Inject, Input, Optional, SkipSelf } from '@angular/core';\n\nimport { Dsl, StoreInValueModel, TrackExternal, ValueModel } from '@coolon/pectin';\nimport { CommandFace } from '../../command-face';\nimport { POPUP_CONTAINER, PopupContainer } from '../popup-container';\nimport { AbstractPopupMenuComponent } from './abstract-popup-menu.component';\n\n/**\n *\n */\n@Component({\n  selector: 'aup-popup-menu',\n  templateUrl: './popup-menu.component.html',\n  styleUrls: [],\n  providers:[\n    {provide: POPUP_CONTAINER, useExisting: PopupMenuComponent}\n  ]\n})\nexport class PopupMenuComponent extends AbstractPopupMenuComponent {\n\n  @Input() @TrackExternal({ delegateTo: 'faceModelDelegate' })\n  faceModel: ValueModel<CommandFace>;\n\n  @Input() @StoreInValueModel('faceModel')\n  face: CommandFace;\n\n  constructor(element: ElementRef, @Inject(POPUP_CONTAINER) @Optional() @SkipSelf() parent?: PopupContainer) {\n    super(element, parent);\n    const { chain, valueOf, before, when, after, observe, switchOn } = Dsl.disposeWith(this);\n  }\n\n}\n"]}

package/esm2015/lib/components/commands/group/popup-menu/popup-menu.component.metadata.json

@@ -1 +1 @@
-[{"__symbolic":"module","version":4,"metadata":{"PopupMenuComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"./abstract-popup-menu.component","name":"AbstractPopupMenuComponent","line":18,"character":40},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"aup-popup-menu","styleUrls":[],"providers":[{"provide":{"__symbolic":"reference","module":"../popup-container","name":"POPUP_CONTAINER","line":15,"character":14},"useExisting":{"__symbolic":"reference","name":"PopupMenuComponent"}}],"template":"<div class=\"content\" style=\"display: none\">\n  <ng-content></ng-content>\n</div>\n<ng-container *ngIf=\"isRoot()\">\n  <ng-container *ngIf=\"faceAdapter.text\" [ngSwitch]=\"faceAdapter.style\">\n    <ng-container *ngSwitchCase=\"'stroked'\">\n      <button matMenuTrigger\n              [matMenuTriggerFor]=\"subMenu.menuComponent\"\n              (click) = \"$event.stopPropagation()\"\n              [matTooltip]=\"faceAdapter.tooltip\"\n              [color]=\"faceAdapter.color\"\n              [disabled]=\"!enabled\"\n              mat-stroked-button>\n        <aup-command-face [faces]=\"[face]\"></aup-command-face>\n      </button>\n      <aup-popup-menu-renderer #subMenu\n                               [parent]=\"this\"\n                              (commandFired)=\"onCommandFired()\"></aup-popup-menu-renderer>\n    </ng-container>\n\n    <ng-container *ngSwitchCase=\"'raised'\">\n      <button matMenuTrigger\n              [matMenuTriggerFor]=\"subMenu.menuComponent\"\n              (click) = \"$event.stopPropagation()\"\n              [matTooltip]=\"faceAdapter.tooltip\"\n              [color]=\"faceAdapter.color\"\n              [disabled]=\"!enabled\"\n              mat-raised-button>\n        <aup-command-face [faces]=\"[face]\"></aup-command-face>\n      </button>\n      <aup-popup-menu-renderer #subMenu\n                               [parent]=\"this\"\n                              (commandFired)=\"onCommandFired()\"></aup-popup-menu-renderer>\n    </ng-container>\n\n    <ng-container *ngSwitchDefault>\n      <button matMenuTrigger\n              [matMenuTriggerFor]=\"subMenu.menuComponent\"\n              (click) = \"$event.stopPropagation()\"\n              [matTooltip]=\"faceAdapter.tooltip\"\n              [color]=\"faceAdapter.color\"\n              [disabled]=\"!enabled\"\n              mat-button>\n        <aup-command-face [faces]=\"[face]\"></aup-command-face>\n      </button>\n      <aup-popup-menu-renderer #subMenu [parent]=\"this\" (commandFired)=\"onCommandFired()\"></aup-popup-menu-renderer>\n    </ng-container>\n\n  </ng-container>\n\n  <ng-container *ngIf=\"!faceAdapter.text\">\n    <button matMenuTrigger\n            mat-icon-button\n            [matMenuTriggerFor]=\"subMenu.menuComponent\"\n            (click) = \"$event.stopPropagation()\"\n            [matTooltip]=\"faceAdapter.tooltip\"\n            [color]=\"faceAdapter.color\"\n            [disabled]=\"!enabled\"\n    >\n      <aup-command-face [faces]=\"[face]\"></aup-command-face>\n    </button>\n    <aup-popup-menu-renderer #subMenu\n                             [parent]=\"this\"\n                            (commandFired)=\"onCommandFired()\"></aup-popup-menu-renderer>\n  </ng-container>\n</ng-container>\n"}]}],"members":{"faceModel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"TrackExternal","line":20,"character":12},"arguments":[{"delegateTo":"faceModelDelegate"}]}]}],"face":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"StoreInValueModel","line":23,"character":12},"arguments":["faceModel"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":26,"character":36},"arguments":[{"__symbolic":"reference","module":"../popup-container","name":"POPUP_CONTAINER","line":26,"character":43}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":26,"character":61}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"SkipSelf","line":26,"character":73}}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":26,"character":23},{"__symbolic":"reference","module":"../popup-container","name":"PopupContainer","line":26,"character":93}]}]}}}}]
+[{"__symbolic":"module","version":4,"metadata":{"PopupMenuComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"./abstract-popup-menu.component","name":"AbstractPopupMenuComponent","line":18,"character":40},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"aup-popup-menu","styleUrls":[],"providers":[{"provide":{"__symbolic":"reference","module":"../popup-container","name":"POPUP_CONTAINER","line":15,"character":14},"useExisting":{"__symbolic":"reference","name":"PopupMenuComponent"}}],"template":"<div class=\"content\" style=\"display: none\">\n  <ng-content></ng-content>\n</div>\n<ng-container *ngIf=\"isRoot()\">\n  <ng-container *ngIf=\"faceAdapter.text\" [ngSwitch]=\"faceAdapter.style\">\n    <ng-container *ngSwitchCase=\"'stroked'\">\n      <button matMenuTrigger\n              [matMenuTriggerFor]=\"subMenu.menuComponent\"\n              (click) = \"$event.stopPropagation()\"\n              [matTooltip]=\"faceAdapter.tooltip\"\n              [color]=\"faceAdapter.color\"\n              [disabled]=\"!enabled\"\n              mat-stroked-button>\n        <aup-command-face [faces]=\"faces$.value\"></aup-command-face>\n      </button>\n      <aup-popup-menu-renderer #subMenu\n                               [parent]=\"this\"\n                              (commandFired)=\"onCommandFired()\"></aup-popup-menu-renderer>\n    </ng-container>\n\n    <ng-container *ngSwitchCase=\"'raised'\">\n      <button matMenuTrigger\n              [matMenuTriggerFor]=\"subMenu.menuComponent\"\n              (click) = \"$event.stopPropagation()\"\n              [matTooltip]=\"faceAdapter.tooltip\"\n              [color]=\"faceAdapter.color\"\n              [disabled]=\"!enabled\"\n              mat-raised-button>\n        <aup-command-face [faces]=\"faces$.value\"></aup-command-face>\n      </button>\n      <aup-popup-menu-renderer #subMenu\n                               [parent]=\"this\"\n                              (commandFired)=\"onCommandFired()\"></aup-popup-menu-renderer>\n    </ng-container>\n\n    <ng-container *ngSwitchDefault>\n      <button matMenuTrigger\n              [matMenuTriggerFor]=\"subMenu.menuComponent\"\n              (click) = \"$event.stopPropagation()\"\n              [matTooltip]=\"faceAdapter.tooltip\"\n              [color]=\"faceAdapter.color\"\n              [disabled]=\"!enabled\"\n              mat-button>\n        <aup-command-face [faces]=\"faces$.value\"></aup-command-face>\n      </button>\n      <aup-popup-menu-renderer #subMenu [parent]=\"this\" (commandFired)=\"onCommandFired()\"></aup-popup-menu-renderer>\n    </ng-container>\n\n  </ng-container>\n\n  <ng-container *ngIf=\"!faceAdapter.text\">\n    <button matMenuTrigger\n            mat-icon-button\n            [matMenuTriggerFor]=\"subMenu.menuComponent\"\n            (click) = \"$event.stopPropagation()\"\n            [matTooltip]=\"faceAdapter.tooltip\"\n            [color]=\"faceAdapter.color\"\n            [disabled]=\"!enabled\"\n    >\n      <aup-command-face [faces]=\"faces$.value\"></aup-command-face>\n    </button>\n    <aup-popup-menu-renderer #subMenu\n                             [parent]=\"this\"\n                            (commandFired)=\"onCommandFired()\"></aup-popup-menu-renderer>\n  </ng-container>\n</ng-container>\n"}]}],"members":{"faceModel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"TrackExternal","line":20,"character":12},"arguments":[{"delegateTo":"faceModelDelegate"}]}]}],"face":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"StoreInValueModel","line":23,"character":12},"arguments":["faceModel"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":26,"character":36},"arguments":[{"__symbolic":"reference","module":"../popup-container","name":"POPUP_CONTAINER","line":26,"character":43}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":26,"character":61}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"SkipSelf","line":26,"character":73}}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":26,"character":23},{"__symbolic":"reference","module":"../popup-container","name":"PopupContainer","line":26,"character":93}]}]}}}}]

package/esm2015/lib/components/commands/group/tool-bar/tool-bar.component.js

@@ -26,7 +26,7 @@ ToolBarComponent.decorators = [
                 selector: 'aup-tool-bar',
                 template: '<div class="toolbar-content"><ng-content></ng-content></div>',
                 encapsulation: ViewEncapsulation.None,
-                styles: [":host{display:inline-block}.toolbar-content{display:inline-flex;flex-direction:row;align-items:center}.toolbar-content>aup-separator{align-self:stretch;margin:4px 0 4px 8px}.toolbar-content>aup-flex{flex:1}.toolbar-content>*+*{margin-left:8px}"]
+                styles: [":host{display:inline-block}.toolbar-content{display:inline-flex;flex-direction:row;align-items:center}.toolbar-content>aup-separator{align-self:stretch;margin:4px 0 4px 8px}.toolbar-content>aup-flex{flex:1}.toolbar-content>*+*{margin-left:8px}\n"]
             },] }
 ];
 ToolBarComponent.ctorParameters = () => [];

package/esm2015/lib/components/commands/group/tool-bar/tool-bar.component.metadata.json

@@ -1 +1 @@
-[{"__symbolic":"module","version":4,"metadata":{"ToolBarComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../command-container","name":"CommandContainer","line":13,"character":38},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"aup-tool-bar","template":"<div class=\"toolbar-content\"><ng-content></ng-content></div>","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":11,"character":17},"member":"None"},"styles":[":host{display:inline-block}.toolbar-content{display:inline-flex;flex-direction:row;align-items:center}.toolbar-content>aup-separator{align-self:stretch;margin:4px 0 4px 8px}.toolbar-content>aup-flex{flex:1}.toolbar-content>*+*{margin-left:8px}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}]}}}}]
+[{"__symbolic":"module","version":4,"metadata":{"ToolBarComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../command-container","name":"CommandContainer","line":13,"character":38},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"aup-tool-bar","template":"<div class=\"toolbar-content\"><ng-content></ng-content></div>","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":11,"character":17},"member":"None"},"styles":[":host{display:inline-block}.toolbar-content{display:inline-flex;flex-direction:row;align-items:center}.toolbar-content>aup-separator{align-self:stretch;margin:4px 0 4px 8px}.toolbar-content>aup-flex{flex:1}.toolbar-content>*+*{margin-left:8px}\n"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}]}}}}]

package/esm2015/lib/components/components.module.js

@@ -11,6 +11,7 @@ import { MatFormFieldModule } from '@angular/material/form-field';
 import { MatIconModule } from '@angular/material/icon';
 import { MatInputModule } from '@angular/material/input';
 import { MatMenuModule } from '@angular/material/menu';
+import { MatProgressBarModule } from '@angular/material/progress-bar';
 import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
 import { MatSelectModule } from '@angular/material/select';
 import { MatTableModule } from '@angular/material/table';
@@ -21,8 +22,11 @@ import { FaIconLibrary, FontAwesomeModule } from '@fortawesome/angular-fontaweso
 import { fas } from '@fortawesome/free-solid-svg-icons';
 import { DirectivesModule } from '../directives/directives.module';
 import { FocusBindingFactory } from '../directives/focus-binding-factory';
+import { MarkdownService } from '../services/markdown/markdown.service';
 import { BusyOverlayComponent } from './busy-overlay/busy-overlay.component';
-import { CardContainerComponent } from './card-container/card-container.component';
+import { AbstractCardContainerComponent } from './cards/abstract-card-container.component';
+import { CardContainerComponent } from './cards/card-container/card-container.component';
+import { CardStackComponent } from './cards/card-stack/card-stack.component';
 import { CommandFaceComponent } from './commands/command-face/command-face.component';
 import { CommandComponent } from './commands/command/command.component';
 import { FlexComponent } from './commands/flex.component';
@@ -47,6 +51,7 @@ import { SelectInputComponent } from './forms/select-input/select-input.componen
 import { StringInputComponent } from './forms/string-input/string-input.component';
 import { TextInputComponent } from './forms/text-input/text-input.component';
 import { IconComponent } from './icon/icon.component';
+import { LoadingContainerComponent } from './loading-container/loading-container.component';
 import { NoopComponent } from './noop/noop.component';
 import { ScrollContainerComponent } from './scroll-container/scroll-container.component';
 import { SectionHeaderComponent } from './section-header/section-header.component';
@@ -67,6 +72,8 @@ import { TreeLabelCellRendererComponent } from './tables/tree-table/tree-label-c
 import { TreeTableComponent } from './tables/tree-table/tree-table-component';
 import { VerticalFocusContainerComponent } from './vertical-focus-container/vertical-focus-container.component';
 import { PaginatorComponent } from './tables/table/paginator/paginator.component';
+import { LabelledValueComponent } from './labelled-value/labelled-value.component';
+import { MarkdownComponent } from './text/markdown/markdown.component';
 export class ComponentsModule {
     constructor(faIconLibrary) {
         faIconLibrary.addIconPacks(fas);
@@ -74,6 +81,29 @@ export class ComponentsModule {
 }
 ComponentsModule.decorators = [
     { type: NgModule, args: [{
+                imports: [
+                    CommonModule,
+                    BrowserAnimationsModule,
+                    FormsModule,
+                    MatInputModule,
+                    MatFormFieldModule,
+                    MatSelectModule,
+                    MatTabsModule,
+                    DirectivesModule,
+                    MatIconModule,
+                    MatButtonModule,
+                    MatCheckboxModule,
+                    MatTableModule,
+                    PortalModule,
+                    CdkScrollableModule,
+                    FontAwesomeModule,
+                    MatTooltipModule,
+                    MatAutocompleteModule,
+                    MatMenuModule,
+                    MatDividerModule,
+                    MatProgressSpinnerModule,
+                    MatProgressBarModule
+                ],
                 declarations: [
                     AbstractInputComponent,
                     AbstractValueInputComponent,
@@ -122,29 +152,12 @@ ComponentsModule.decorators = [
                     BusyOverlayComponent,
                     EmptyStateComponent,
                     PaginatorComponent,
-                    AbstractTableComponent
-                ],
-                imports: [
-                    CommonModule,
-                    BrowserAnimationsModule,
-                    FormsModule,
-                    MatInputModule,
-                    MatFormFieldModule,
-                    MatSelectModule,
-                    MatTabsModule,
-                    DirectivesModule,
-                    MatIconModule,
-                    MatButtonModule,
-                    MatCheckboxModule,
-                    MatTableModule,
-                    PortalModule,
-                    CdkScrollableModule,
-                    FontAwesomeModule,
-                    MatTooltipModule,
-                    MatAutocompleteModule,
-                    MatMenuModule,
-                    MatDividerModule,
-                    MatProgressSpinnerModule
+                    AbstractTableComponent,
+                    AbstractCardContainerComponent,
+                    CardStackComponent,
+                    LabelledValueComponent,
+                    LoadingContainerComponent,
+                    MarkdownComponent
                 ],
                 exports: [
                     NumberInputComponent,
@@ -181,9 +194,14 @@ ComponentsModule.decorators = [
                     BusyOverlayComponent,
                     EmptyStateComponent,
                     PaginatorComponent,
+                    CardStackComponent,
+                    LabelledValueComponent,
+                    LoadingContainerComponent,
+                    MarkdownComponent
                 ],
                 providers: [
-                    FocusBindingFactory
+                    FocusBindingFactory,
+                    MarkdownService
                 ]
             },] }
 ];

package/esm2015/lib/components/components.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"components.module.js","sourceRoot":"","sources":["../../../../../../libs/angular-ui-powerups/src/lib/components/components.module.ts"],"names":[],"mappings":"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","sourcesContent":["import { PortalModule } from '@angular/cdk/portal';\nimport { CdkScrollableModule } from '@angular/cdk/scrolling';\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { MatAutocompleteModule } from '@angular/material/autocomplete';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatCheckboxModule } from '@angular/material/checkbox';\nimport { MatDividerModule } from '@angular/material/divider';\nimport { MatFormFieldModule } from '@angular/material/form-field';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatInputModule } from '@angular/material/input';\nimport { MatMenuModule } from '@angular/material/menu';\nimport { MatProgressSpinnerModule } from '@angular/material/progress-spinner';\nimport { MatSelectModule } from '@angular/material/select';\nimport { MatTableModule } from '@angular/material/table';\nimport { MatTabsModule } from '@angular/material/tabs';\nimport { MatTooltipModule } from '@angular/material/tooltip';\nimport { BrowserAnimationsModule } from '@angular/platform-browser/animations';\nimport { FaIconLibrary, FontAwesomeModule } from '@fortawesome/angular-fontawesome';\nimport { fas } from '@fortawesome/free-solid-svg-icons';\nimport { DirectivesModule } from '../directives/directives.module';\nimport { FocusBindingFactory } from '../directives/focus-binding-factory';\nimport { BusyOverlayComponent } from './busy-overlay/busy-overlay.component';\nimport { CardContainerComponent } from './card-container/card-container.component';\nimport { CommandFaceComponent } from './commands/command-face/command-face.component';\nimport { CommandComponent } from './commands/command/command.component';\nimport { FlexComponent } from './commands/flex.component';\nimport { AbstractPopupMenuComponent } from './commands/group/popup-menu/abstract-popup-menu.component';\nimport { MoreMenuComponent } from './commands/group/popup-menu/more-menu.component';\nimport { PopupMenuRendererComponent } from './commands/group/popup-menu/popup-menu-renderer/popup-menu-renderer.component';\nimport { PopupMenuComponent } from './commands/group/popup-menu/popup-menu.component';\nimport { ToolBarComponent } from './commands/group/tool-bar/tool-bar.component';\nimport { SeparatorComponent } from './commands/separator.component';\nimport { EmptyStateComponent } from './empty-state/empty-state.component';\nimport { FocusContainerComponent } from './focus-container/focus-container.component';\nimport { FocusableComponent } from './focusable.component';\nimport { AbstractInputComponent } from './forms/abstract-input.component';\nimport { AbstractListInputComponent } from './forms/abstract-list-input.component';\nimport { AbstractValueInputComponent } from './forms/abstract-value-input.component';\nimport { AutocompleteInputComponent } from './forms/autocomplete-input/autocomplete-input.component';\nimport { CheckboxInputComponent } from './forms/checkbox-input/checkbox-input.component';\nimport { MultipleSelectInputComponent } from './forms/multiple-select-input/multiple-select-input.component';\nimport { NumberInputComponent } from './forms/number-input/number-input.component';\nimport { PasswordInputComponent } from './forms/password-input/password-input.component';\nimport { SelectInputComponent } from './forms/select-input/select-input.component';\nimport { StringInputComponent } from './forms/string-input/string-input.component';\nimport { TextInputComponent } from './forms/text-input/text-input.component';\nimport { IconComponent } from './icon/icon.component';\nimport { NoopComponent } from './noop/noop.component';\nimport { ScrollContainerComponent } from './scroll-container/scroll-container.component';\nimport { SectionHeaderComponent } from './section-header/section-header.component';\nimport {\n  SwitchCaseComponent,\n  SwitchCaseDefaultDirective,\n  SwitchCaseWhenDirective\n} from './switch-case/switch-case.component';\nimport { AbstractTableComponent } from './tables/abstract-table.component';\nimport { ColumnTemplateDirective } from './tables/table/column-template/column-template.directive';\nimport { DefaultCellRendererComponent } from './tables/table/default-cell-renderer/default-cell-renderer.component';\nimport { DefaultHeaderCellRendererComponent } from './tables/table/default-header-cell-renderer/default-header-cell-renderer.component';\nimport { EditRowControls } from './tables/table/edit-row-controls/edit-row-controls.component';\nimport { SelectCellRendererComponent } from './tables/table/select-cell-renderer/select-cell-renderer.component';\nimport { SelectHeaderCellRendererComponent } from './tables/table/select-header-cell-renderer/select-header-cell-renderer.component';\nimport { TableCellRendererComponent } from './tables/table/table-cell-renderer/table-cell-renderer.component';\nimport { TableHeaderCellRendererComponent } from './tables/table/table-header-cell-renderer/table-header-cell-renderer.component';\nimport { TableRowMenuComponent } from './tables/table/table-row-menu/table-row-menu.component';\nimport { TableComponent } from './tables/table/table.component';\nimport { TreeInheritanceIconComponent } from './tables/tree-table/tree-inheritance-icon/tree-inheritance-icon.component';\nimport { TreeLabelCellRendererComponent } from './tables/tree-table/tree-label-cell-renderer/tree-label-cell-renderer.component';\nimport { TreeTableComponent } from './tables/tree-table/tree-table-component';\nimport { VerticalFocusContainerComponent } from './vertical-focus-container/vertical-focus-container.component';\nimport { PaginatorComponent } from './tables/table/paginator/paginator.component';\n\n\n@NgModule({\n  declarations: [\n    AbstractInputComponent,\n    AbstractValueInputComponent,\n    AbstractListInputComponent,\n    NumberInputComponent,\n    StringInputComponent,\n    TextInputComponent,\n    PasswordInputComponent,\n    SelectInputComponent,\n    MultipleSelectInputComponent,\n    AutocompleteInputComponent,\n    CheckboxInputComponent,\n    ScrollContainerComponent,\n    NoopComponent,\n    SwitchCaseComponent,\n    SwitchCaseWhenDirective,\n    SwitchCaseDefaultDirective,\n    FocusContainerComponent,\n    VerticalFocusContainerComponent,\n    FocusableComponent,\n    CardContainerComponent,\n    TableComponent,\n    EditRowControls,\n    ColumnTemplateDirective,\n    DefaultCellRendererComponent,\n    TableCellRendererComponent,\n    SelectCellRendererComponent,\n    SelectHeaderCellRendererComponent,\n    DefaultHeaderCellRendererComponent,\n    TableHeaderCellRendererComponent,\n    IconComponent,\n    SectionHeaderComponent,\n    TableRowMenuComponent,\n    ToolBarComponent,\n    CommandComponent,\n    PopupMenuComponent,\n    CommandFaceComponent,\n    MoreMenuComponent,\n    SeparatorComponent,\n    FlexComponent,\n    AbstractPopupMenuComponent,\n    PopupMenuRendererComponent,\n    TreeTableComponent,\n    TreeInheritanceIconComponent,\n    TreeLabelCellRendererComponent,\n    BusyOverlayComponent,\n    EmptyStateComponent,\n    PaginatorComponent,\n    AbstractTableComponent\n  ],\n  imports: [\n    CommonModule,\n    BrowserAnimationsModule,\n    FormsModule,\n    MatInputModule,\n    MatFormFieldModule,\n    MatSelectModule,\n    MatTabsModule,\n    DirectivesModule,\n    MatIconModule,\n    MatButtonModule,\n    MatCheckboxModule,\n    MatTableModule,\n    PortalModule,\n    CdkScrollableModule,\n    FontAwesomeModule,\n    MatTooltipModule,\n    MatAutocompleteModule,\n    MatMenuModule,\n    MatDividerModule,\n    MatProgressSpinnerModule\n  ],\n  exports: [\n    NumberInputComponent,\n    StringInputComponent,\n    TextInputComponent,\n    PasswordInputComponent,\n    CheckboxInputComponent,\n    SelectInputComponent,\n    MultipleSelectInputComponent,\n    AutocompleteInputComponent,\n    ScrollContainerComponent,\n    NoopComponent,\n    SwitchCaseComponent,\n    SwitchCaseWhenDirective,\n    SwitchCaseDefaultDirective,\n    FocusContainerComponent,\n    VerticalFocusContainerComponent,\n    FocusableComponent,\n    CardContainerComponent,\n    TableComponent,\n    EditRowControls,\n    ColumnTemplateDirective,\n    IconComponent,\n    SectionHeaderComponent,\n    TableRowMenuComponent,\n    ToolBarComponent,\n    CommandComponent,\n    PopupMenuComponent,\n    CommandFaceComponent,\n    MoreMenuComponent,\n    SeparatorComponent,\n    FlexComponent,\n    TreeTableComponent,\n    BusyOverlayComponent,\n    EmptyStateComponent,\n    PaginatorComponent,\n  ],\n  providers: [\n    FocusBindingFactory\n  ]\n\n})\nexport class ComponentsModule {\n\n  constructor(faIconLibrary: FaIconLibrary) {\n    faIconLibrary.addIconPacks(fas);\n  }\n}\n"]}
+{"version":3,"file":"components.module.js","sourceRoot":"","sources":["../../../../../../libs/angular-ui-powerups/src/lib/components/components.module.ts"],"names":[],"mappings":"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","sourcesContent":["import { PortalModule } from '@angular/cdk/portal';\nimport { CdkScrollableModule } from '@angular/cdk/scrolling';\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { MatAutocompleteModule } from '@angular/material/autocomplete';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatCheckboxModule } from '@angular/material/checkbox';\nimport { MatDividerModule } from '@angular/material/divider';\nimport { MatFormFieldModule } from '@angular/material/form-field';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatInputModule } from '@angular/material/input';\nimport { MatMenuModule } from '@angular/material/menu';\nimport { MatProgressBarModule } from '@angular/material/progress-bar';\nimport { MatProgressSpinnerModule } from '@angular/material/progress-spinner';\nimport { MatSelectModule } from '@angular/material/select';\nimport { MatTableModule } from '@angular/material/table';\nimport { MatTabsModule } from '@angular/material/tabs';\nimport { MatTooltipModule } from '@angular/material/tooltip';\nimport { BrowserAnimationsModule } from '@angular/platform-browser/animations';\nimport { FaIconLibrary, FontAwesomeModule } from '@fortawesome/angular-fontawesome';\nimport { fas } from '@fortawesome/free-solid-svg-icons';\nimport { DirectivesModule } from '../directives/directives.module';\nimport { FocusBindingFactory } from '../directives/focus-binding-factory';\nimport { MarkdownService } from '../services/markdown/markdown.service';\nimport { BusyOverlayComponent } from './busy-overlay/busy-overlay.component';\nimport { AbstractCardContainerComponent } from './cards/abstract-card-container.component';\nimport { CardContainerComponent } from './cards/card-container/card-container.component';\nimport { CardStackComponent } from './cards/card-stack/card-stack.component';\nimport { CommandFaceComponent } from './commands/command-face/command-face.component';\nimport { CommandComponent } from './commands/command/command.component';\nimport { FlexComponent } from './commands/flex.component';\nimport { AbstractPopupMenuComponent } from './commands/group/popup-menu/abstract-popup-menu.component';\nimport { MoreMenuComponent } from './commands/group/popup-menu/more-menu.component';\nimport { PopupMenuRendererComponent } from './commands/group/popup-menu/popup-menu-renderer/popup-menu-renderer.component';\nimport { PopupMenuComponent } from './commands/group/popup-menu/popup-menu.component';\nimport { ToolBarComponent } from './commands/group/tool-bar/tool-bar.component';\nimport { SeparatorComponent } from './commands/separator.component';\nimport { EmptyStateComponent } from './empty-state/empty-state.component';\nimport { FocusContainerComponent } from './focus-container/focus-container.component';\nimport { FocusableComponent } from './focusable.component';\nimport { AbstractInputComponent } from './forms/abstract-input.component';\nimport { AbstractListInputComponent } from './forms/abstract-list-input.component';\nimport { AbstractValueInputComponent } from './forms/abstract-value-input.component';\nimport { AutocompleteInputComponent } from './forms/autocomplete-input/autocomplete-input.component';\nimport { CheckboxInputComponent } from './forms/checkbox-input/checkbox-input.component';\nimport { MultipleSelectInputComponent } from './forms/multiple-select-input/multiple-select-input.component';\nimport { NumberInputComponent } from './forms/number-input/number-input.component';\nimport { PasswordInputComponent } from './forms/password-input/password-input.component';\nimport { SelectInputComponent } from './forms/select-input/select-input.component';\nimport { StringInputComponent } from './forms/string-input/string-input.component';\nimport { TextInputComponent } from './forms/text-input/text-input.component';\nimport { IconComponent } from './icon/icon.component';\nimport { LoadingContainerComponent } from './loading-container/loading-container.component';\nimport { NoopComponent } from './noop/noop.component';\nimport { ScrollContainerComponent } from './scroll-container/scroll-container.component';\nimport { SectionHeaderComponent } from './section-header/section-header.component';\nimport {\n  SwitchCaseComponent,\n  SwitchCaseDefaultDirective,\n  SwitchCaseWhenDirective\n} from './switch-case/switch-case.component';\nimport { AbstractTableComponent } from './tables/abstract-table.component';\nimport { ColumnTemplateDirective } from './tables/table/column-template/column-template.directive';\nimport { DefaultCellRendererComponent } from './tables/table/default-cell-renderer/default-cell-renderer.component';\nimport { DefaultHeaderCellRendererComponent } from './tables/table/default-header-cell-renderer/default-header-cell-renderer.component';\nimport { EditRowControls } from './tables/table/edit-row-controls/edit-row-controls.component';\nimport { SelectCellRendererComponent } from './tables/table/select-cell-renderer/select-cell-renderer.component';\nimport { SelectHeaderCellRendererComponent } from './tables/table/select-header-cell-renderer/select-header-cell-renderer.component';\nimport { TableCellRendererComponent } from './tables/table/table-cell-renderer/table-cell-renderer.component';\nimport { TableHeaderCellRendererComponent } from './tables/table/table-header-cell-renderer/table-header-cell-renderer.component';\nimport { TableRowMenuComponent } from './tables/table/table-row-menu/table-row-menu.component';\nimport { TableComponent } from './tables/table/table.component';\nimport { TreeInheritanceIconComponent } from './tables/tree-table/tree-inheritance-icon/tree-inheritance-icon.component';\nimport { TreeLabelCellRendererComponent } from './tables/tree-table/tree-label-cell-renderer/tree-label-cell-renderer.component';\nimport { TreeTableComponent } from './tables/tree-table/tree-table-component';\nimport { VerticalFocusContainerComponent } from './vertical-focus-container/vertical-focus-container.component';\nimport { PaginatorComponent } from './tables/table/paginator/paginator.component';\nimport { LabelledValueComponent } from './labelled-value/labelled-value.component';\nimport { MarkdownComponent } from './text/markdown/markdown.component';\n\n\n@NgModule({\n  imports: [\n    CommonModule,\n    BrowserAnimationsModule,\n    FormsModule,\n    MatInputModule,\n    MatFormFieldModule,\n    MatSelectModule,\n    MatTabsModule,\n    DirectivesModule,\n    MatIconModule,\n    MatButtonModule,\n    MatCheckboxModule,\n    MatTableModule,\n    PortalModule,\n    CdkScrollableModule,\n    FontAwesomeModule,\n    MatTooltipModule,\n    MatAutocompleteModule,\n    MatMenuModule,\n    MatDividerModule,\n    MatProgressSpinnerModule,\n    MatProgressBarModule\n  ],\n  declarations: [\n    AbstractInputComponent,\n    AbstractValueInputComponent,\n    AbstractListInputComponent,\n    NumberInputComponent,\n    StringInputComponent,\n    TextInputComponent,\n    PasswordInputComponent,\n    SelectInputComponent,\n    MultipleSelectInputComponent,\n    AutocompleteInputComponent,\n    CheckboxInputComponent,\n    ScrollContainerComponent,\n    NoopComponent,\n    SwitchCaseComponent,\n    SwitchCaseWhenDirective,\n    SwitchCaseDefaultDirective,\n    FocusContainerComponent,\n    VerticalFocusContainerComponent,\n    FocusableComponent,\n    CardContainerComponent,\n    TableComponent,\n    EditRowControls,\n    ColumnTemplateDirective,\n    DefaultCellRendererComponent,\n    TableCellRendererComponent,\n    SelectCellRendererComponent,\n    SelectHeaderCellRendererComponent,\n    DefaultHeaderCellRendererComponent,\n    TableHeaderCellRendererComponent,\n    IconComponent,\n    SectionHeaderComponent,\n    TableRowMenuComponent,\n    ToolBarComponent,\n    CommandComponent,\n    PopupMenuComponent,\n    CommandFaceComponent,\n    MoreMenuComponent,\n    SeparatorComponent,\n    FlexComponent,\n    AbstractPopupMenuComponent,\n    PopupMenuRendererComponent,\n    TreeTableComponent,\n    TreeInheritanceIconComponent,\n    TreeLabelCellRendererComponent,\n    BusyOverlayComponent,\n    EmptyStateComponent,\n    PaginatorComponent,\n    AbstractTableComponent,\n    AbstractCardContainerComponent,\n    CardStackComponent,\n    LabelledValueComponent,\n    LoadingContainerComponent,\n    MarkdownComponent\n  ],\n  exports: [\n    NumberInputComponent,\n    StringInputComponent,\n    TextInputComponent,\n    PasswordInputComponent,\n    CheckboxInputComponent,\n    SelectInputComponent,\n    MultipleSelectInputComponent,\n    AutocompleteInputComponent,\n    ScrollContainerComponent,\n    NoopComponent,\n    SwitchCaseComponent,\n    SwitchCaseWhenDirective,\n    SwitchCaseDefaultDirective,\n    FocusContainerComponent,\n    VerticalFocusContainerComponent,\n    FocusableComponent,\n    CardContainerComponent,\n    TableComponent,\n    EditRowControls,\n    ColumnTemplateDirective,\n    IconComponent,\n    SectionHeaderComponent,\n    TableRowMenuComponent,\n    ToolBarComponent,\n    CommandComponent,\n    PopupMenuComponent,\n    CommandFaceComponent,\n    MoreMenuComponent,\n    SeparatorComponent,\n    FlexComponent,\n    TreeTableComponent,\n    BusyOverlayComponent,\n    EmptyStateComponent,\n    PaginatorComponent,\n    CardStackComponent,\n    LabelledValueComponent,\n    LoadingContainerComponent,\n    MarkdownComponent\n  ],\n  providers: [\n    FocusBindingFactory,\n    MarkdownService\n  ]\n\n})\nexport class ComponentsModule {\n\n  constructor(faIconLibrary: FaIconLibrary) {\n    faIconLibrary.addIconPacks(fas);\n  }\n}\n"]}