@coolon/angular-ui-powerups 3.7.0-alpha.3 → 3.7.0-alpha.5

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

@@ -0,0 +1,50 @@
+import { Component, Input, QueryList, ViewChildren } from '@angular/core';
+import { MatMenuTrigger } from '@angular/material/menu';
+import { DisposableComponent } from '../../disposable-component';
+import { CommandGroup } from './command-group';
+export class AbstractPopupMenuComponent extends DisposableComponent {
+    constructor(group) {
+        super();
+        this.group = group;
+    }
+    get xPosition() {
+        return this.group.xPosition;
+    }
+    set xPosition(position) {
+        this.group.xPosition = position;
+    }
+    get yPosition() {
+        return this.group.yPosition;
+    }
+    set yPosition(position) {
+        this.group.yPosition = position;
+    }
+    ngAfterContentInit() {
+        this.group.initialise();
+    }
+    ngOnInit() {
+    }
+    // @Trace()
+    closeMenu() {
+        this.triggers.forEach(trigger => {
+            if (trigger.menuOpen) {
+                trigger.closeMenu();
+            }
+        });
+    }
+}
+AbstractPopupMenuComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'aup-abstract-popup-menu-component',
+                template: ''
+            },] }
+];
+AbstractPopupMenuComponent.ctorParameters = () => [
+    { type: CommandGroup }
+];
+AbstractPopupMenuComponent.propDecorators = {
+    xPosition: [{ type: Input }],
+    yPosition: [{ type: Input }],
+    triggers: [{ type: ViewChildren, args: [MatMenuTrigger,] }]
+};
+//# sourceMappingURL=abstract-popup-menu.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"abstract-popup-menu.component.js","sourceRoot":"","sources":["../../../../../../../../libs/angular-ui-powerups/src/lib/components/commands/group/abstract-popup-menu.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoB,SAAS,EAAE,KAAK,EAAU,SAAS,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AACpG,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAExD,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAM/C,MAAM,OAAO,0BAA2B,SAAQ,mBAAmB;IAsBjE,YAAqB,KAAmB;QACtC,KAAK,EAAE,CAAC;QADW,UAAK,GAAL,KAAK,CAAc;IAExC,CAAC;IAtBD,IACI,SAAS;QACX,OAAO,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC;IAC9B,CAAC;IACD,IAAI,SAAS,CAAC,QAAQ;QACpB,IAAI,CAAC,KAAK,CAAC,SAAS,GAAG,QAAQ,CAAC;IAClC,CAAC;IAED,IACI,SAAS;QACX,OAAO,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC;IAC9B,CAAC;IACD,IAAI,SAAS,CAAC,QAAQ;QACpB,IAAI,CAAC,KAAK,CAAC,SAAS,GAAG,QAAQ,CAAC;IAClC,CAAC;IAUD,kBAAkB;QAChB,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE,CAAC;IAC1B,CAAC;IAED,QAAQ;IACR,CAAC;IAED,WAAW;IACX,SAAS;QACP,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE;YAC9B,IAAI,OAAO,CAAC,QAAQ,EAAE;gBACpB,OAAO,CAAC,SAAS,EAAE,CAAC;aACrB;QACH,CAAC,CAAC,CAAC;IACL,CAAC;;;YA5CF,SAAS,SAAC;gBACT,QAAQ,EAAE,mCAAmC;gBAC7C,QAAQ,EAAC,EAAE;aACZ;;;YALQ,YAAY;;;wBAQlB,KAAK;wBAQL,KAAK;uBASL,YAAY,SAAC,cAAc","sourcesContent":["import { AfterContentInit, Component, Input, OnInit, QueryList, ViewChildren } from '@angular/core';\nimport { MatMenuTrigger } from '@angular/material/menu';\nimport { Trace } from '@coolon/pectin';\nimport { DisposableComponent } from '../../disposable-component';\nimport { CommandGroup } from './command-group';\n\n@Component({\n  selector: 'aup-abstract-popup-menu-component',\n  template:''\n})\nexport class AbstractPopupMenuComponent extends DisposableComponent implements OnInit, AfterContentInit {\n\n  @Input()\n  get xPosition(): 'before' | 'after' {\n    return this.group.xPosition;\n  }\n  set xPosition(position) {\n    this.group.xPosition = position;\n  }\n\n  @Input()\n  get yPosition(): 'above' | 'below' {\n    return this.group.yPosition;\n  }\n  set yPosition(position) {\n    this.group.yPosition = position;\n  }\n\n\n  @ViewChildren(MatMenuTrigger)\n  triggers: QueryList<MatMenuTrigger>;\n\n  constructor(readonly group: CommandGroup) {\n    super();\n  }\n\n  ngAfterContentInit(): void {\n    this.group.initialise();\n  }\n\n  ngOnInit(): void {\n  }\n\n  // @Trace()\n  closeMenu() {\n    this.triggers.forEach(trigger => {\n      if (trigger.menuOpen) {\n        trigger.closeMenu();\n      }\n    });\n  }\n\n}\n"]}

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

@@ -0,0 +1 @@
+[{"__symbolic":"module","version":4,"metadata":{"AbstractPopupMenuComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../../disposable-component","name":"DisposableComponent","line":10,"character":48},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"aup-abstract-popup-menu-component","template":""}]}],"members":{"xPosition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"yPosition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"triggers":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":29,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material/menu","name":"MatMenuTrigger","line":29,"character":16}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./command-group","name":"CommandGroup","line":32,"character":30}]}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"closeMenu":[{"__symbolic":"method"}]}}}}]

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

@@ -0,0 +1 @@
+{"version":3,"file":"abstract-popup-menu.component.ngfactory.js","sourceRoot":"","sources":["../../../../../../../../libs/angular-ui-powerups/src/lib/components/commands/group/abstract-popup-menu.component.ngfactory.ts"],"names":[],"mappings":"","sourcesContent":["import * as i0 from '@angular/core';\ni0.ComponentFactory;\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"command-group.component.js","sourceRoot":"","sources":["../../../../../../../../../libs/angular-ui-powerups/src/lib/components/commands/group/command-group/command-group.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAY,QAAQ,EAAE,MAAM,eAAe,CAAC;AACrE,OAAO,EAAE,GAAG,EAAa,iBAAiB,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC9F,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAWhD,MAAM,OAAO,qBAAsB,SAAQ,YAAY;IAgBrD,YAAiC,MAAoB;QACnD,KAAK,CAAC,MAAM,CAAC,CAAC;QADiB,WAAM,GAAN,MAAM,CAAc;QALrD,cAAS,GAAuB,OAAO,CAAC;QAGxC,cAAS,GAAsB,OAAO,CAAC;QAIrC,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,aAAa,GAAG,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAC/D,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,IAAI,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;IACtD,CAAC;;;YA5BF,SAAS,SAAC;gBACT,QAAQ,EAAE,mBAAmB;gBAC7B,QAAQ,EAAE,EAAE;gBACZ,SAAS,EAAC;oBACR,EAAE,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,qBAAqB,EAAE;iBAC9D;aACF;;;YAVQ,YAAY,uBA2BN,QAAQ;;;wBAdpB,KAAK;mBAKL,KAAK;wBAGL,KAAK;wBAGL,KAAK;;AAVN;IADU,aAAa,EAAE;8BACd,UAAU;wDAAc;AAKnC;IADU,iBAAiB,CAAC,WAAW,CAAC;;mDACtB","sourcesContent":["import { Component, Input, Optional, SkipSelf } from '@angular/core';\nimport { Dsl, ListModel, StoreInValueModel, TrackExternal, ValueModel } from '@coolon/pectin';\nimport { CommandFace } from '../../command-face';\nimport { CommandGroup } from '../command-group';\nimport { ViewData } from '../view-data';\n\n\n@Component({\n  selector: 'aup-command-group',\n  template: '',\n  providers:[\n    { provide: CommandGroup, useExisting: CommandGroupComponent }\n  ]\n})\nexport class CommandGroupComponent extends CommandGroup {\n\n  @Input() @TrackExternal()\n  faceModel: ValueModel<CommandFace>;\n\n  readonly faceListModel: ListModel<CommandFace>\n\n  @Input() @StoreInValueModel('faceModel')\n  face: CommandFace;\n\n  @Input()\n  xPosition: 'before' | 'after' = 'after';\n\n  @Input()\n  yPosition: 'above' | 'below' = 'below';\n\n  constructor(@SkipSelf() readonly parent: CommandGroup) {\n    super(parent);\n    const { chain, valueOf, before, when, after, observe, switchOn } = Dsl.disposeWith(this);\n    this.faceListModel = chain(this.faceModel).mapToList(v => [v]);\n    this.parent.registerGroup(this, this.faceListModel);\n  }\n}\n\n\n"]}
+{"version":3,"file":"command-group.component.js","sourceRoot":"","sources":["../../../../../../../../../libs/angular-ui-powerups/src/lib/components/commands/group/command-group/command-group.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAC3D,OAAO,EAAE,GAAG,EAAa,iBAAiB,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC9F,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAUhD,MAAM,OAAO,qBAAsB,SAAQ,YAAY;IAgBrD,YAAiC,MAAoB;QACnD,KAAK,CAAC,MAAM,CAAC,CAAC;QADiB,WAAM,GAAN,MAAM,CAAc;QALrD,cAAS,GAAuB,OAAO,CAAC;QAGxC,cAAS,GAAsB,OAAO,CAAC;QAIrC,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,aAAa,GAAG,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAC/D,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,IAAI,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;IACtD,CAAC;;;YA5BF,SAAS,SAAC;gBACT,QAAQ,EAAE,mBAAmB;gBAC7B,QAAQ,EAAE,EAAE;gBACZ,SAAS,EAAE;oBACT,EAAE,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,qBAAqB,EAAE;iBAC9D;aACF;;;YATQ,YAAY,uBA0BN,QAAQ;;;wBAdpB,KAAK;mBAKL,KAAK;wBAGL,KAAK;wBAGL,KAAK;;AAVN;IADU,aAAa,EAAE;8BACd,UAAU;wDAAc;AAKnC;IADU,iBAAiB,CAAC,WAAW,CAAC;;mDACtB","sourcesContent":["import { Component, Input, SkipSelf } from '@angular/core';\nimport { Dsl, ListModel, StoreInValueModel, TrackExternal, ValueModel } from '@coolon/pectin';\nimport { CommandFace } from '../../command-face';\nimport { CommandGroup } from '../command-group';\n\n\n@Component({\n  selector: 'aup-command-group',\n  template: '',\n  providers: [\n    { provide: CommandGroup, useExisting: CommandGroupComponent }\n  ]\n})\nexport class CommandGroupComponent extends CommandGroup {\n\n  @Input() @TrackExternal()\n  faceModel: ValueModel<CommandFace>;\n\n  readonly faceListModel: ListModel<CommandFace>;\n\n  @Input() @StoreInValueModel('faceModel')\n  face: CommandFace;\n\n  @Input()\n  xPosition: 'before' | 'after' = 'after';\n\n  @Input()\n  yPosition: 'above' | 'below' = 'below';\n\n  constructor(@SkipSelf() readonly parent: CommandGroup) {\n    super(parent);\n    const { chain, valueOf, before, when, after, observe, switchOn } = Dsl.disposeWith(this);\n    this.faceListModel = chain(this.faceModel).mapToList(v => [v]);\n    this.parent.registerGroup(this, this.faceListModel);\n  }\n}\n\n\n"]}

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

@@ -1 +1 @@
-[{"__symbolic":"module","version":4,"metadata":{"CommandGroupComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../command-group","name":"CommandGroup","line":14,"character":43},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"aup-command-group","template":"","providers":[{"provide":{"__symbolic":"reference","module":"../command-group","name":"CommandGroup","line":11,"character":15},"useExisting":{"__symbolic":"reference","name":"CommandGroupComponent"}}]}]}],"members":{"faceModel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"TrackExternal","line":16,"character":12}}]}],"face":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"StoreInValueModel","line":21,"character":12},"arguments":["faceModel"]}]}],"xPosition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"yPosition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"SkipSelf","line":30,"character":15}}]],"parameters":[{"__symbolic":"reference","module":"../command-group","name":"CommandGroup","line":30,"character":43}]}]}}}}]
+[{"__symbolic":"module","version":4,"metadata":{"CommandGroupComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../command-group","name":"CommandGroup","line":13,"character":43},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"aup-command-group","template":"","providers":[{"provide":{"__symbolic":"reference","module":"../command-group","name":"CommandGroup","line":10,"character":15},"useExisting":{"__symbolic":"reference","name":"CommandGroupComponent"}}]}]}],"members":{"faceModel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"TrackExternal","line":15,"character":12}}]}],"face":[{"__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":"StoreInValueModel","line":20,"character":12},"arguments":["faceModel"]}]}],"xPosition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"yPosition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"SkipSelf","line":29,"character":15}}]],"parameters":[{"__symbolic":"reference","module":"../command-group","name":"CommandGroup","line":29,"character":43}]}]}}}}]

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

@@ -17,17 +17,28 @@ export class CommandGroupMenuRendererComponent extends DisposableComponent {
         this.children = chain(this.groupViewDataModel).pluckList('children');
         this.hasMixedIcons = chain(this.groupViewDataModel).pluck('hasMixedIcons');
     }
-    getCommand(data) {
-        const command = ViewData.getCommand(data);
-        const { when } = Dsl.disposeWith(this);
-        when(command.busy).becomesFalsey(() => this.commandFired.emit());
-        return command;
+    executeCommand(data) {
+        ViewData.getCommand(data).execute().finally(() => {
+            this.commandFired.emit();
+        });
+    }
+    isEnabled(data) {
+        return ViewData.getCommand(data).enabled.value;
+    }
+    // @Trace()
+    onCommandFired() {
+        this.commandFired.emit();
+        this.triggers.forEach(trigger => {
+            if (trigger.menuOpen) {
+                trigger.closeMenu();
+            }
+        });
     }
 }
 CommandGroupMenuRendererComponent.decorators = [
     { type: Component, args: [{
                 selector: 'aup-command-group-menu',
-                template: "<mat-menu #menu [xPosition]=\"groupViewData.xPosition\" [yPosition]=\"groupViewData.yPosition\">\n  <ng-container *ngFor=\"let data of children.value; trackBy: TrackBy.byIndex\" >\n    <button *ngIf=\"ViewData.isCommand(data)\"\n            [pectinCommand]=\"getCommand(data)\"\n            [matTooltip]=\"ViewData.getTooltip(data)\"\n            mat-menu-item>\n      <aup-command-face [faces]=\"ViewData.getFaces(data)\"\n                        [includeMissingIconInLayout]=\"hasMixedIcons.value\"></aup-command-face>\n    </button>\n\n    <ng-container *ngIf=\"ViewData.isGroup(data)\">\n      <button mat-menu-item\n              #trigger=\"matMenuTrigger\"\n              [matMenuTriggerFor]=\"innerPanel.menuComponent\"\n      >\n        <aup-command-face [faces]=\"ViewData.getFaces(data)\"\n                          [includeMissingIconInLayout]=\"hasMixedIcons.value\"></aup-command-face>\n      </button>\n      <aup-command-group-menu #innerPanel\n                              [groupViewData]=\"ViewData.asGroup(data)\"\n                              (commandFired)=\"trigger.closeMenu()\"></aup-command-group-menu>\n    </ng-container>\n\n    <mat-divider *ngIf=\"ViewData.isSeparator(data)\"></mat-divider>\n\n  </ng-container>\n</mat-menu>\n"
+                template: "<mat-menu #menu [xPosition]=\"groupViewData.xPosition\" [yPosition]=\"groupViewData.yPosition\">\n  <ng-container *ngFor=\"let data of children.value; trackBy: TrackBy.byIndex\" >\n    <button *ngIf=\"ViewData.isCommand(data)\"\n            (click)=\"executeCommand(data)\"\n            [disabled]=\"!isEnabled(data)\"\n            [matTooltip]=\"ViewData.getTooltip(data)\"\n            mat-menu-item>\n      <aup-command-face [faces]=\"ViewData.getFaces(data)\"\n                        [includeMissingIconInLayout]=\"hasMixedIcons.value\"></aup-command-face>\n    </button>\n\n    <ng-container *ngIf=\"ViewData.isGroup(data)\">\n      <button mat-menu-item\n              matMenuTrigger\n              [matMenuTriggerFor]=\"innerPanel.menuComponent\"\n      >\n        <aup-command-face [faces]=\"ViewData.getFaces(data)\"\n                          [includeMissingIconInLayout]=\"hasMixedIcons.value\"></aup-command-face>\n      </button>\n      <aup-command-group-menu #innerPanel\n                              [groupViewData]=\"ViewData.asGroup(data)\"\n                              (commandFired)=\"onCommandFired()\"></aup-command-group-menu>\n    </ng-container>\n\n    <mat-divider *ngIf=\"ViewData.isSeparator(data)\"></mat-divider>\n\n  </ng-container>\n</mat-menu>\n"
             },] }
 ];
 CommandGroupMenuRendererComponent.ctorParameters = () => [

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

@@ -1 +1 @@
-{"version":3,"file":"command-group-menu-renderer.component.js","sourceRoot":"","sources":["../../../../../../../../../libs/angular-ui-powerups/src/lib/components/commands/group/command-group-menu-renderer/command-group-menu-renderer.component.ts"],"names":[],"mappings":";AAAA,OAAO,EACL,SAAS,EACT,YAAY,EACZ,KAAK,EACL,QAAQ,EACR,MAAM,EACN,SAAS,EACT,QAAQ,EACR,SAAS,EACT,YAAY,EACb,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACjE,OAAO,EAAE,GAAG,EAAkB,iBAAiB,EAAE,iBAAiB,EAAmB,MAAM,gBAAgB,CAAC;AAC5G,OAAO,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AACpE,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAE5C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAMxC,MAAM,OAAO,iCAAkC,SAAQ,mBAAmB;IAwBxE,YAA6C,MAA0C;QACrF,KAAK,EAAE,CAAC;QADmC,WAAM,GAAN,MAAM,CAAoC;QAnBtE,uBAAkB,GAAG,IAAI,iBAAiB,EAAsB,CAAC;QAMlF,iBAAY,GAAG,IAAI,YAAY,EAAE,CAAC;QASzB,aAAQ,GAAG,QAAQ,CAAC;QAE7B,YAAO,GAAG,OAAO,CAAC;QAIhB,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,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;QACrE,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC;IAC7E,CAAC;IAED,UAAU,CAAC,IAAc;QACvB,MAAM,OAAO,GAAG,QAAQ,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;QAC1C,MAAM,EAAE,IAAI,EAAE,GAAG,GAAG,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;QACvC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,aAAa,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,CAAC,CAAC;QACjE,OAAO,OAAO,CAAC;IACjB,CAAC;;;YAxCF,SAAS,SAAC;gBACT,QAAQ,EAAE,wBAAwB;gBAClC,qvCAA2D;aAC5D;;;YAyBuD,iCAAiC,uBAA1E,QAAQ,YAAI,QAAQ;;;4BAtBhC,SAAS,SAAC,MAAM,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE;4BAKlC,KAAK;2BAGL,MAAM;uBAGN,YAAY,SAAC,cAAc;;AAL5B;IADU,iBAAiB,CAAC,oBAAoB,CAAC;8BAClC,QAAQ,CAAC,SAAS;wEAAC","sourcesContent":["import {\n  Component,\n  EventEmitter,\n  Input,\n  Optional,\n  Output,\n  QueryList,\n  SkipSelf,\n  ViewChild,\n  ViewChildren\n} from '@angular/core';\nimport { MatMenu, MatMenuTrigger } from '@angular/material/menu';\nimport { Dsl, ListModelChain, MutableValueModel, StoreInValueModel, ValueModelChain } from '@coolon/pectin';\nimport { DisposableComponent } from '../../../disposable-component';\nimport { TrackBy } from '../../../track-by';\nimport { Registration } from '../registration';\nimport { ViewData } from '../view-data';\n\n@Component({\n  selector: 'aup-command-group-menu',\n  templateUrl: './command-group-menu-renderer.component.html'\n})\nexport class CommandGroupMenuRendererComponent extends DisposableComponent {\n\n  @ViewChild('menu', { static: true })\n  menuComponent: MatMenu;\n\n  private readonly groupViewDataModel = new MutableValueModel<ViewData.GroupData>();\n\n  @Input() @StoreInValueModel('groupViewDataModel')\n  groupViewData: ViewData.GroupData;\n\n  @Output()\n  commandFired = new EventEmitter();\n\n  @ViewChildren(MatMenuTrigger)\n  triggers: QueryList<MatMenuTrigger>;\n\n  readonly children: ListModelChain<Registration>;\n\n  readonly hasMixedIcons: ValueModelChain<boolean>;\n\n  readonly ViewData = ViewData;\n\n  TrackBy = TrackBy;\n\n  constructor(@Optional() @SkipSelf() readonly parent?: CommandGroupMenuRendererComponent) {\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  }\n\n  getCommand(data: ViewData) {\n    const command = ViewData.getCommand(data);\n    const { when } = Dsl.disposeWith(this);\n    when(command.busy).becomesFalsey(() => this.commandFired.emit());\n    return command;\n  }\n\n}\n\n\n"]}
+{"version":3,"file":"command-group-menu-renderer.component.js","sourceRoot":"","sources":["../../../../../../../../../libs/angular-ui-powerups/src/lib/components/commands/group/command-group-menu-renderer/command-group-menu-renderer.component.ts"],"names":[],"mappings":";AAAA,OAAO,EACL,SAAS,EACT,YAAY,EACZ,KAAK,EACL,QAAQ,EACR,MAAM,EACN,SAAS,EACT,QAAQ,EACR,SAAS,EACT,YAAY,EACb,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACjE,OAAO,EAEL,GAAG,EAEH,iBAAiB,EACjB,iBAAiB,EAGlB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AACpE,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAE5C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAMxC,MAAM,OAAO,iCAAkC,SAAQ,mBAAmB;IAyBxE,YAA6C,MAA0C;QACrF,KAAK,EAAE,CAAC;QADmC,WAAM,GAAN,MAAM,CAAoC;QApBtE,uBAAkB,GAAG,IAAI,iBAAiB,EAAsB,CAAC;QAMlF,iBAAY,GAAG,IAAI,YAAY,EAAE,CAAC;QASzB,aAAQ,GAAG,QAAQ,CAAC;QAG7B,YAAO,GAAG,OAAO,CAAC;QAIhB,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,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;QACrE,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC;IAC7E,CAAC;IAED,cAAc,CAAC,IAAkB;QAC/B,QAAQ,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,OAAO,EAAE,CAAC,OAAO,CAAC,GAAG,EAAE;YAC/C,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,CAAC;QAC3B,CAAC,CAAC,CAAC;IACL,CAAC;IAED,SAAS,CAAC,IAAkB;QAC1B,OAAO,QAAQ,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC;IACjD,CAAC;IAED,WAAW;IACX,cAAc;QACZ,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,CAAC;QACzB,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE;YAC9B,IAAI,OAAO,CAAC,QAAQ,EAAE;gBACpB,OAAO,CAAC,SAAS,EAAE,CAAC;aACrB;QACH,CAAC,CAAC,CAAC;IACL,CAAC;;;YAtDF,SAAS,SAAC;gBACT,QAAQ,EAAE,wBAAwB;gBAClC,8wCAA2D;aAC5D;;;YA0BuD,iCAAiC,uBAA1E,QAAQ,YAAI,QAAQ;;;4BAvBhC,SAAS,SAAC,MAAM,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE;4BAKlC,KAAK;2BAGL,MAAM;uBAGN,YAAY,SAAC,cAAc;;AAL5B;IADU,iBAAiB,CAAC,oBAAoB,CAAC;8BAClC,QAAQ,CAAC,SAAS;wEAAC","sourcesContent":["import {\n  Component,\n  EventEmitter,\n  Input,\n  Optional,\n  Output,\n  QueryList,\n  SkipSelf,\n  ViewChild,\n  ViewChildren\n} from '@angular/core';\nimport { MatMenu, MatMenuTrigger } from '@angular/material/menu';\nimport {\n  Command,\n  Dsl,\n  ListModelChain,\n  MutableValueModel,\n  StoreInValueModel,\n  Trace,\n  ValueModelChain\n} from '@coolon/pectin';\nimport { DisposableComponent } from '../../../disposable-component';\nimport { TrackBy } from '../../../track-by';\nimport { Registration } from '../registration';\nimport { ViewData } from '../view-data';\n\n@Component({\n  selector: 'aup-command-group-menu',\n  templateUrl: './command-group-menu-renderer.component.html'\n})\nexport class CommandGroupMenuRendererComponent extends DisposableComponent {\n\n  @ViewChild('menu', { static: true })\n  menuComponent: MatMenu;\n\n  private readonly groupViewDataModel = new MutableValueModel<ViewData.GroupData>();\n\n  @Input() @StoreInValueModel('groupViewDataModel')\n  groupViewData: ViewData.GroupData;\n\n  @Output()\n  commandFired = new EventEmitter();\n\n  @ViewChildren(MatMenuTrigger)\n  triggers: QueryList<MatMenuTrigger>;\n\n  readonly children: ListModelChain<Registration>;\n\n  readonly hasMixedIcons: ValueModelChain<boolean>;\n\n  readonly ViewData = ViewData;\n  readonly commandProxy: Command<unknown>;\n\n  TrackBy = TrackBy;\n\n  constructor(@Optional() @SkipSelf() readonly parent?: CommandGroupMenuRendererComponent) {\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  }\n\n  executeCommand(data: Registration) {\n    ViewData.getCommand(data).execute().finally(() => {\n      this.commandFired.emit();\n    });\n  }\n\n  isEnabled(data: Registration) {\n    return ViewData.getCommand(data).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\n\n"]}

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

@@ -1 +1 @@
-[{"__symbolic":"module","version":4,"metadata":{"CommandGroupMenuRendererComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../../../disposable-component","name":"DisposableComponent","line":22,"character":55},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":18,"character":1},"arguments":[{"selector":"aup-command-group-menu","template":"<mat-menu #menu [xPosition]=\"groupViewData.xPosition\" [yPosition]=\"groupViewData.yPosition\">\n  <ng-container *ngFor=\"let data of children.value; trackBy: TrackBy.byIndex\" >\n    <button *ngIf=\"ViewData.isCommand(data)\"\n            [pectinCommand]=\"getCommand(data)\"\n            [matTooltip]=\"ViewData.getTooltip(data)\"\n            mat-menu-item>\n      <aup-command-face [faces]=\"ViewData.getFaces(data)\"\n                        [includeMissingIconInLayout]=\"hasMixedIcons.value\"></aup-command-face>\n    </button>\n\n    <ng-container *ngIf=\"ViewData.isGroup(data)\">\n      <button mat-menu-item\n              #trigger=\"matMenuTrigger\"\n              [matMenuTriggerFor]=\"innerPanel.menuComponent\"\n      >\n        <aup-command-face [faces]=\"ViewData.getFaces(data)\"\n                          [includeMissingIconInLayout]=\"hasMixedIcons.value\"></aup-command-face>\n      </button>\n      <aup-command-group-menu #innerPanel\n                              [groupViewData]=\"ViewData.asGroup(data)\"\n                              (commandFired)=\"trigger.closeMenu()\"></aup-command-group-menu>\n    </ng-container>\n\n    <mat-divider *ngIf=\"ViewData.isSeparator(data)\"></mat-divider>\n\n  </ng-container>\n</mat-menu>\n"}]}],"members":{"menuComponent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":24,"character":3},"arguments":["menu",{"static":true}]}]}],"groupViewData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"StoreInValueModel","line":29,"character":12},"arguments":["groupViewDataModel"]}]}],"commandFired":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":32,"character":3}}]}],"triggers":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":35,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material/menu","name":"MatMenuTrigger","line":35,"character":16}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":46,"character":15}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"SkipSelf","line":46,"character":27}}]],"parameters":[{"__symbolic":"reference","name":"CommandGroupMenuRendererComponent"}]}],"getCommand":[{"__symbolic":"method"}]}}}}]
+[{"__symbolic":"module","version":4,"metadata":{"CommandGroupMenuRendererComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../../../disposable-component","name":"DisposableComponent","line":30,"character":55},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":26,"character":1},"arguments":[{"selector":"aup-command-group-menu","template":"<mat-menu #menu [xPosition]=\"groupViewData.xPosition\" [yPosition]=\"groupViewData.yPosition\">\n  <ng-container *ngFor=\"let data of children.value; trackBy: TrackBy.byIndex\" >\n    <button *ngIf=\"ViewData.isCommand(data)\"\n            (click)=\"executeCommand(data)\"\n            [disabled]=\"!isEnabled(data)\"\n            [matTooltip]=\"ViewData.getTooltip(data)\"\n            mat-menu-item>\n      <aup-command-face [faces]=\"ViewData.getFaces(data)\"\n                        [includeMissingIconInLayout]=\"hasMixedIcons.value\"></aup-command-face>\n    </button>\n\n    <ng-container *ngIf=\"ViewData.isGroup(data)\">\n      <button mat-menu-item\n              matMenuTrigger\n              [matMenuTriggerFor]=\"innerPanel.menuComponent\"\n      >\n        <aup-command-face [faces]=\"ViewData.getFaces(data)\"\n                          [includeMissingIconInLayout]=\"hasMixedIcons.value\"></aup-command-face>\n      </button>\n      <aup-command-group-menu #innerPanel\n                              [groupViewData]=\"ViewData.asGroup(data)\"\n                              (commandFired)=\"onCommandFired()\"></aup-command-group-menu>\n    </ng-container>\n\n    <mat-divider *ngIf=\"ViewData.isSeparator(data)\"></mat-divider>\n\n  </ng-container>\n</mat-menu>\n"}]}],"members":{"menuComponent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":32,"character":3},"arguments":["menu",{"static":true}]}]}],"groupViewData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"StoreInValueModel","line":37,"character":12},"arguments":["groupViewDataModel"]}]}],"commandFired":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":40,"character":3}}]}],"triggers":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":43,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material/menu","name":"MatMenuTrigger","line":43,"character":16}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":55,"character":15}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"SkipSelf","line":55,"character":27}}]],"parameters":[{"__symbolic":"reference","name":"CommandGroupMenuRendererComponent"}]}],"executeCommand":[{"__symbolic":"method"}],"isEnabled":[{"__symbolic":"method"}],"onCommandFired":[{"__symbolic":"method"}]}}}}]

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

@@ -1,5 +1,6 @@
 import { __decorate, __metadata } from "tslib";
-import { Component, HostBinding, Input } from '@angular/core';
+import { Component, EventEmitter, HostBinding, Input, Output, QueryList, ViewChildren } from '@angular/core';
+import { MatMenuTrigger } from '@angular/material/menu';
 import { Dsl, StoreInValueModel, TrackExternal, ValueModel } from '@coolon/pectin';
 import { DisposableComponent } from '../../../disposable-component';
 import { ViewData } from '../view-data';
@@ -8,17 +9,27 @@ export class CommandGroupRendererComponent extends DisposableComponent {
     constructor() {
         super();
         this.renderRootNode = true;
+        this.commandFired = new EventEmitter();
         this.ViewData = ViewData;
         this.TrackBy = TrackBy;
         const { chain, valueOf, before, when, after, observe, switchOn } = Dsl.disposeWith(this);
         this.childViewDataModels = chain(this.groupViewDataModel)
             .pluckList('children');
     }
+    // @Trace()
+    onCommandFired() {
+        this.commandFired.emit();
+        this.triggers.forEach(trigger => {
+            if (trigger.menuOpen) {
+                trigger.closeMenu();
+            }
+        });
+    }
 }
 CommandGroupRendererComponent.decorators = [
     { type: Component, args: [{
                 selector: 'aup-command-group-renderer',
-                template: "<ng-template #groupTemplate let-group>\n\n  <ng-container *ngIf=\"ViewData.hasText(group)\" [ngSwitch]=\"ViewData.getStyle(group)\">\n    <ng-container *ngSwitchCase=\"'stroked'\">\n      <button #trigger=\"matMenuTrigger\"\n              [matMenuTriggerFor]=\"subMenu.menuComponent\"\n              [matTooltip]=\"ViewData.getTooltip(group)\"\n              [color]=\"ViewData.getColor(group)\"\n              mat-stroked-button>\n        <aup-command-face [faces]=\"ViewData.getFaces(group)\"></aup-command-face>\n      </button>\n      <aup-command-group-menu #subMenu [groupViewData]=\"group\" (commandFired)=\"trigger.closeMenu()\"></aup-command-group-menu>\n    </ng-container>\n\n    <ng-container *ngSwitchCase=\"'raised'\">\n      <button #trigger=\"matMenuTrigger\"\n              [matMenuTriggerFor]=\"subMenu.menuComponent\"\n\n              [matTooltip]=\"ViewData.getTooltip(group)\"\n              [color]=\"ViewData.getColor(group)\"\n              mat-raised-button>\n        <aup-command-face [faces]=\"ViewData.getFaces(group)\"></aup-command-face>\n      </button>\n      <aup-command-group-menu #subMenu [groupViewData]=\"group\" (commandFired)=\"trigger.closeMenu()\"></aup-command-group-menu>\n    </ng-container>\n\n    <ng-container *ngSwitchDefault>\n      <button #trigger=\"matMenuTrigger\"\n              [matMenuTriggerFor]=\"subMenu.menuComponent\"\n              [matTooltip]=\"ViewData.getTooltip(group)\"\n              [color]=\"ViewData.getColor(group)\"\n              mat-button>\n        <aup-command-face [faces]=\"ViewData.getFaces(group)\"></aup-command-face>\n      </button>\n      <aup-command-group-menu #subMenu [groupViewData]=\"group\" (commandFired)=\"trigger.closeMenu()\"></aup-command-group-menu>\n    </ng-container>\n\n  </ng-container>\n\n  <ng-container *ngIf=\"!ViewData.hasText(group)\">\n    <button        #trigger=\"matMenuTrigger\"\n                   mat-icon-button\n                   [matMenuTriggerFor]=\"subMenu.menuComponent\"\n\n                   [matTooltip]=\"ViewData.getTooltip(group)\"\n                   [color]=\"ViewData.getColor(group)\"\n    >\n      <aup-command-face [faces]=\"ViewData.getFaces(group)\"></aup-command-face>\n    </button>\n    <aup-command-group-menu #subMenu [groupViewData]=\"group\" (commandFired)=\"trigger.closeMenu()\"></aup-command-group-menu>\n  </ng-container>\n\n</ng-template>\n\n\n<ng-template #commandTemplate let-data>\n\n  <ng-container *ngIf=\"ViewData.hasText(data)\" [ngSwitch]=\"ViewData.getStyle(data)\">\n    <button *ngSwitchCase=\"'raised'\"\n            [pectinCommand]=\"ViewData.getCommand(data)\"\n            [matTooltip]=\"ViewData.getTooltip(data)\"\n            [color]=\"ViewData.getColor(data)\"\n            mat-raised-button>\n      <aup-command-face [faces]=\"ViewData.getFaces(data)\"></aup-command-face>\n    </button>\n    <button *ngSwitchCase=\"'stroked'\"\n            [pectinCommand]=\"ViewData.getCommand(data)\"\n            [matTooltip]=\"ViewData.getTooltip(data)\"\n            [color]=\"ViewData.getColor(data)\"\n            mat-stroked-button>\n      <aup-command-face [faces]=\"ViewData.getFaces(data)\"></aup-command-face>\n    </button>\n    <button *ngSwitchDefault\n            [pectinCommand]=\"ViewData.getCommand(data)\"\n            [matTooltip]=\"ViewData.getTooltip(data)\"\n            [color]=\"ViewData.getColor(data)\"\n            mat-button>\n      <aup-command-face [faces]=\"ViewData.getFaces(data)\"></aup-command-face>\n    </button>\n  </ng-container>\n\n  <button *ngIf=\"!ViewData.hasText(data)\"\n          [pectinCommand]=\"ViewData.getCommand(data)\"\n          [matTooltip]=\"ViewData.getTooltip(data)\"\n          [color]=\"ViewData.getColor(data)\"\n          mat-icon-button>\n    <aup-command-face [faces]=\"ViewData.getFaces(data)\"></aup-command-face>\n  </button>\n\n</ng-template>\n\n\n<ng-template *ngIf=\"renderRootNode\"\n             [ngTemplateOutlet]=\"groupTemplate\"\n             [ngTemplateOutletContext]=\"{ $implicit: groupViewDataModel.value }\">\n</ng-template>\n\n<ng-container *ngIf=\"!renderRootNode\">\n  <ng-container *ngFor=\"let data of this.childViewDataModels.value; trackBy: TrackBy.byIndex\">\n    <ng-template *ngIf=\"ViewData.isGroup(data)\"\n                 [ngTemplateOutlet]=\"groupTemplate\"\n                 [ngTemplateOutletContext]=\"{ $implicit: data }\">\n    </ng-template>\n    <ng-template *ngIf=\"ViewData.isCommand(data)\"\n                 [ngTemplateOutlet]=\"commandTemplate\"\n                 [ngTemplateOutletContext]=\"{ $implicit: data }\">\n    </ng-template>\n\n    <mat-divider *ngIf=\"ViewData.isSeparator(data)\" [vertical]=\"true\"></mat-divider>\n  </ng-container>\n\n</ng-container>\n",
+                template: "<ng-template #groupTemplate let-group>\n\n  <ng-container *ngIf=\"ViewData.hasText(group)\" [ngSwitch]=\"ViewData.getStyle(group)\">\n    <ng-container *ngSwitchCase=\"'stroked'\">\n      <button matMenuTrigger\n              [matMenuTriggerFor]=\"subMenu.menuComponent\"\n              [matTooltip]=\"ViewData.getTooltip(group)\"\n              [color]=\"ViewData.getColor(group)\"\n              mat-stroked-button>\n        <aup-command-face [faces]=\"ViewData.getFaces(group)\"></aup-command-face>\n      </button>\n      <aup-command-group-menu #subMenu\n                              [groupViewData]=\"group\"\n                              (commandFired)=\"onCommandFired()\"></aup-command-group-menu>\n    </ng-container>\n\n    <ng-container *ngSwitchCase=\"'raised'\">\n      <button matMenuTrigger\n              [matMenuTriggerFor]=\"subMenu.menuComponent\"\n              [matTooltip]=\"ViewData.getTooltip(group)\"\n              [color]=\"ViewData.getColor(group)\"\n              mat-raised-button>\n        <aup-command-face [faces]=\"ViewData.getFaces(group)\"></aup-command-face>\n      </button>\n      <aup-command-group-menu #subMenu\n                              [groupViewData]=\"group\"\n                              (commandFired)=\"onCommandFired()\"></aup-command-group-menu>\n    </ng-container>\n\n    <ng-container *ngSwitchDefault>\n      <button matMenuTrigger\n              [matMenuTriggerFor]=\"subMenu.menuComponent\"\n              [matTooltip]=\"ViewData.getTooltip(group)\"\n              [color]=\"ViewData.getColor(group)\"\n              mat-button>\n        <aup-command-face [faces]=\"ViewData.getFaces(group)\"></aup-command-face>\n      </button>\n      <aup-command-group-menu #subMenu\n                              [groupViewData]=\"group\"\n                              (commandFired)=\"onCommandFired()\"></aup-command-group-menu>\n    </ng-container>\n\n  </ng-container>\n\n  <ng-container *ngIf=\"!ViewData.hasText(group)\">\n    <button matMenuTrigger\n            mat-icon-button\n            [matMenuTriggerFor]=\"subMenu.menuComponent\"\n            [matTooltip]=\"ViewData.getTooltip(group)\"\n            [color]=\"ViewData.getColor(group)\"\n    >\n      <aup-command-face [faces]=\"ViewData.getFaces(group)\"></aup-command-face>\n    </button>\n    <aup-command-group-menu #subMenu\n                            [groupViewData]=\"group\"\n                            (commandFired)=\"onCommandFired()\"></aup-command-group-menu>\n  </ng-container>\n\n</ng-template>\n\n\n<ng-template #commandTemplate let-data>\n\n  <ng-container *ngIf=\"ViewData.hasText(data)\" [ngSwitch]=\"ViewData.getStyle(data)\">\n    <button *ngSwitchCase=\"'raised'\"\n            [pectinCommand]=\"ViewData.getCommand(data)\"\n            [matTooltip]=\"ViewData.getTooltip(data)\"\n            [color]=\"ViewData.getColor(data)\"\n            mat-raised-button>\n      <aup-command-face [faces]=\"ViewData.getFaces(data)\"></aup-command-face>\n    </button>\n    <button *ngSwitchCase=\"'stroked'\"\n            [pectinCommand]=\"ViewData.getCommand(data)\"\n            [matTooltip]=\"ViewData.getTooltip(data)\"\n            [color]=\"ViewData.getColor(data)\"\n            mat-stroked-button>\n      <aup-command-face [faces]=\"ViewData.getFaces(data)\"></aup-command-face>\n    </button>\n    <button *ngSwitchDefault\n            [pectinCommand]=\"ViewData.getCommand(data)\"\n            [matTooltip]=\"ViewData.getTooltip(data)\"\n            [color]=\"ViewData.getColor(data)\"\n            mat-button>\n      <aup-command-face [faces]=\"ViewData.getFaces(data)\"></aup-command-face>\n    </button>\n  </ng-container>\n\n  <button *ngIf=\"!ViewData.hasText(data)\"\n          [pectinCommand]=\"ViewData.getCommand(data)\"\n          [matTooltip]=\"ViewData.getTooltip(data)\"\n          [color]=\"ViewData.getColor(data)\"\n          mat-icon-button>\n    <aup-command-face [faces]=\"ViewData.getFaces(data)\"></aup-command-face>\n  </button>\n\n</ng-template>\n\n\n<ng-template *ngIf=\"renderRootNode\"\n             [ngTemplateOutlet]=\"groupTemplate\"\n             [ngTemplateOutletContext]=\"{ $implicit: groupViewDataModel.value }\">\n</ng-template>\n\n<ng-container *ngIf=\"!renderRootNode\">\n  <ng-container *ngFor=\"let data of this.childViewDataModels.value; trackBy: TrackBy.byIndex\">\n    <ng-template *ngIf=\"ViewData.isGroup(data)\"\n                 [ngTemplateOutlet]=\"groupTemplate\"\n                 [ngTemplateOutletContext]=\"{ $implicit: data }\">\n    </ng-template>\n    <ng-template *ngIf=\"ViewData.isCommand(data)\"\n                 [ngTemplateOutlet]=\"commandTemplate\"\n                 [ngTemplateOutletContext]=\"{ $implicit: data }\">\n    </ng-template>\n\n    <mat-divider *ngIf=\"ViewData.isSeparator(data)\" [vertical]=\"true\"></mat-divider>\n  </ng-container>\n\n</ng-container>\n",
                 styles: [":host{align-items:center;display:inline-flex;flex-direction:row}:host:not(.render-root) mat-divider{-ms-grid-row-align:stretch;align-self:stretch;margin:4px 0}:host:not(.render-root)>*+*{margin-left:8px}:host span.flex{flex:1}"]
             },] }
 ];
@@ -26,7 +37,9 @@ CommandGroupRendererComponent.ctorParameters = () => [];
 CommandGroupRendererComponent.propDecorators = {
     groupViewDataModel: [{ type: Input }],
     groupViewData: [{ type: Input }],
-    renderRootNode: [{ type: Input }, { type: HostBinding, args: ['class.render-root',] }]
+    renderRootNode: [{ type: Input }, { type: HostBinding, args: ['class.render-root',] }],
+    commandFired: [{ type: Output }],
+    triggers: [{ type: ViewChildren, args: [MatMenuTrigger,] }]
 };
 __decorate([
     TrackExternal(),

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

@@ -1 +1 @@
-{"version":3,"file":"command-group-renderer.component.js","sourceRoot":"","sources":["../../../../../../../../../libs/angular-ui-powerups/src/lib/components/commands/group/command-group-renderer/command-group-renderer.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC9D,OAAO,EAAE,GAAG,EAAkB,iBAAiB,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AACnG,OAAO,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AACpE,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAO5C,MAAM,OAAO,6BAA8B,SAAQ,mBAAmB;IAkBpE;QACE,KAAK,EAAE,CAAC;QATV,mBAAc,GAAG,IAAI,CAAC;QAEb,aAAQ,GAAG,QAAQ,CAAC;QAI7B,YAAO,GAAG,OAAO,CAAA;QAIf,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,mBAAmB,GAAG,KAAK,CAAC,IAAI,CAAC,kBAAkB,CAAC;aACtD,SAAS,CAAC,UAAU,CAAC,CAAA;IAC1B,CAAC;;;YA5BF,SAAS,SAAC;gBACT,QAAQ,EAAE,4BAA4B;gBACtC,woJAAsD;;aAEvD;;;;iCAGE,KAAK;4BAGL,KAAK;6BAGL,KAAK,YACL,WAAW,SAAC,mBAAmB;;AANhC;IADU,aAAa,EAAE;8BACL,UAAU;yEAAqB;AAGnD;IADU,iBAAiB,CAAC,oBAAoB,CAAC;8BAClC,QAAQ,CAAC,SAAS;oEAAC","sourcesContent":["import { Component, HostBinding, Input } from '@angular/core';\nimport { Dsl, ListModelChain, StoreInValueModel, TrackExternal, ValueModel } from '@coolon/pectin';\nimport { DisposableComponent } from '../../../disposable-component';\nimport { ViewData } from '../view-data';\nimport { TrackBy } from '../../../track-by';\n\n@Component({\n  selector: 'aup-command-group-renderer',\n  templateUrl: './command-group-renderer.component.html',\n  styleUrls: ['./command-group-renderer.component.scss']\n})\nexport class CommandGroupRendererComponent extends DisposableComponent {\n\n  @Input() @TrackExternal()\n  groupViewDataModel: ValueModel<ViewData.GroupData>;\n\n  @Input() @StoreInValueModel('groupViewDataModel')\n  groupViewData: ViewData.GroupData;\n\n  @Input()\n  @HostBinding('class.render-root')\n  renderRootNode = true;\n\n  readonly ViewData = ViewData;\n\n  readonly childViewDataModels: ListModelChain<ViewData>;\n\n  TrackBy = TrackBy\n\n  constructor() {\n    super();\n    const { chain, valueOf, before, when, after, observe, switchOn } = Dsl.disposeWith(this);\n    this.childViewDataModels = chain(this.groupViewDataModel)\n      .pluckList('children')\n  }\n\n}\n\n\n"]}
+{"version":3,"file":"command-group-renderer.component.js","sourceRoot":"","sources":["../../../../../../../../../libs/angular-ui-powerups/src/lib/components/commands/group/command-group-renderer/command-group-renderer.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAC7G,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EAAE,GAAG,EAAkB,iBAAiB,EAAS,aAAa,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC1G,OAAO,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AACpE,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAO5C,MAAM,OAAO,6BAA8B,SAAQ,mBAAmB;IAyBpE;QACE,KAAK,EAAE,CAAC;QAhBV,mBAAc,GAAG,IAAI,CAAC;QAGtB,iBAAY,GAAG,IAAI,YAAY,EAAE,CAAC;QAEzB,aAAQ,GAAG,QAAQ,CAAC;QAI7B,YAAO,GAAG,OAAO,CAAA;QAQf,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,mBAAmB,GAAG,KAAK,CAAC,IAAI,CAAC,kBAAkB,CAAC;aACtD,SAAS,CAAC,UAAU,CAAC,CAAA;IAC1B,CAAC;IAED,WAAW;IACX,cAAc;QACZ,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,CAAC;QACzB,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE;YAC9B,IAAI,OAAO,CAAC,QAAQ,EAAE;gBACpB,OAAO,CAAC,SAAS,EAAE,CAAC;aACrB;QACH,CAAC,CAAC,CAAC;IACL,CAAC;;;YA7CF,SAAS,SAAC;gBACT,QAAQ,EAAE,4BAA4B;gBACtC,qxJAAsD;;aAEvD;;;;iCAGE,KAAK;4BAGL,KAAK;6BAGL,KAAK,YACL,WAAW,SAAC,mBAAmB;2BAG/B,MAAM;uBASN,YAAY,SAAC,cAAc;;AAlB5B;IADU,aAAa,EAAE;8BACL,UAAU;yEAAqB;AAGnD;IADU,iBAAiB,CAAC,oBAAoB,CAAC;8BAClC,QAAQ,CAAC,SAAS;oEAAC","sourcesContent":["import { Component, EventEmitter, HostBinding, Input, Output, QueryList, ViewChildren } from '@angular/core';\nimport { MatMenuTrigger } from '@angular/material/menu';\nimport { Dsl, ListModelChain, StoreInValueModel, Trace, TrackExternal, ValueModel } from '@coolon/pectin';\nimport { DisposableComponent } from '../../../disposable-component';\nimport { ViewData } from '../view-data';\nimport { TrackBy } from '../../../track-by';\n\n@Component({\n  selector: 'aup-command-group-renderer',\n  templateUrl: './command-group-renderer.component.html',\n  styleUrls: ['./command-group-renderer.component.scss']\n})\nexport class CommandGroupRendererComponent extends DisposableComponent {\n\n  @Input() @TrackExternal()\n  groupViewDataModel: ValueModel<ViewData.GroupData>;\n\n  @Input() @StoreInValueModel('groupViewDataModel')\n  groupViewData: ViewData.GroupData;\n\n  @Input()\n  @HostBinding('class.render-root')\n  renderRootNode = true;\n\n  @Output()\n  commandFired = new EventEmitter();\n\n  readonly ViewData = ViewData;\n\n  readonly childViewDataModels: ListModelChain<ViewData>;\n\n  TrackBy = TrackBy\n\n  @ViewChildren(MatMenuTrigger)\n  triggers: QueryList<MatMenuTrigger>;\n\n\n  constructor() {\n    super();\n    const { chain, valueOf, before, when, after, observe, switchOn } = Dsl.disposeWith(this);\n    this.childViewDataModels = chain(this.groupViewDataModel)\n      .pluckList('children')\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}\n\n\n"]}

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

@@ -1 +1 @@
-[{"__symbolic":"module","version":4,"metadata":{"CommandGroupRendererComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../../../disposable-component","name":"DisposableComponent","line":11,"character":51},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"aup-command-group-renderer","template":"<ng-template #groupTemplate let-group>\n\n  <ng-container *ngIf=\"ViewData.hasText(group)\" [ngSwitch]=\"ViewData.getStyle(group)\">\n    <ng-container *ngSwitchCase=\"'stroked'\">\n      <button #trigger=\"matMenuTrigger\"\n              [matMenuTriggerFor]=\"subMenu.menuComponent\"\n              [matTooltip]=\"ViewData.getTooltip(group)\"\n              [color]=\"ViewData.getColor(group)\"\n              mat-stroked-button>\n        <aup-command-face [faces]=\"ViewData.getFaces(group)\"></aup-command-face>\n      </button>\n      <aup-command-group-menu #subMenu [groupViewData]=\"group\" (commandFired)=\"trigger.closeMenu()\"></aup-command-group-menu>\n    </ng-container>\n\n    <ng-container *ngSwitchCase=\"'raised'\">\n      <button #trigger=\"matMenuTrigger\"\n              [matMenuTriggerFor]=\"subMenu.menuComponent\"\n\n              [matTooltip]=\"ViewData.getTooltip(group)\"\n              [color]=\"ViewData.getColor(group)\"\n              mat-raised-button>\n        <aup-command-face [faces]=\"ViewData.getFaces(group)\"></aup-command-face>\n      </button>\n      <aup-command-group-menu #subMenu [groupViewData]=\"group\" (commandFired)=\"trigger.closeMenu()\"></aup-command-group-menu>\n    </ng-container>\n\n    <ng-container *ngSwitchDefault>\n      <button #trigger=\"matMenuTrigger\"\n              [matMenuTriggerFor]=\"subMenu.menuComponent\"\n              [matTooltip]=\"ViewData.getTooltip(group)\"\n              [color]=\"ViewData.getColor(group)\"\n              mat-button>\n        <aup-command-face [faces]=\"ViewData.getFaces(group)\"></aup-command-face>\n      </button>\n      <aup-command-group-menu #subMenu [groupViewData]=\"group\" (commandFired)=\"trigger.closeMenu()\"></aup-command-group-menu>\n    </ng-container>\n\n  </ng-container>\n\n  <ng-container *ngIf=\"!ViewData.hasText(group)\">\n    <button        #trigger=\"matMenuTrigger\"\n                   mat-icon-button\n                   [matMenuTriggerFor]=\"subMenu.menuComponent\"\n\n                   [matTooltip]=\"ViewData.getTooltip(group)\"\n                   [color]=\"ViewData.getColor(group)\"\n    >\n      <aup-command-face [faces]=\"ViewData.getFaces(group)\"></aup-command-face>\n    </button>\n    <aup-command-group-menu #subMenu [groupViewData]=\"group\" (commandFired)=\"trigger.closeMenu()\"></aup-command-group-menu>\n  </ng-container>\n\n</ng-template>\n\n\n<ng-template #commandTemplate let-data>\n\n  <ng-container *ngIf=\"ViewData.hasText(data)\" [ngSwitch]=\"ViewData.getStyle(data)\">\n    <button *ngSwitchCase=\"'raised'\"\n            [pectinCommand]=\"ViewData.getCommand(data)\"\n            [matTooltip]=\"ViewData.getTooltip(data)\"\n            [color]=\"ViewData.getColor(data)\"\n            mat-raised-button>\n      <aup-command-face [faces]=\"ViewData.getFaces(data)\"></aup-command-face>\n    </button>\n    <button *ngSwitchCase=\"'stroked'\"\n            [pectinCommand]=\"ViewData.getCommand(data)\"\n            [matTooltip]=\"ViewData.getTooltip(data)\"\n            [color]=\"ViewData.getColor(data)\"\n            mat-stroked-button>\n      <aup-command-face [faces]=\"ViewData.getFaces(data)\"></aup-command-face>\n    </button>\n    <button *ngSwitchDefault\n            [pectinCommand]=\"ViewData.getCommand(data)\"\n            [matTooltip]=\"ViewData.getTooltip(data)\"\n            [color]=\"ViewData.getColor(data)\"\n            mat-button>\n      <aup-command-face [faces]=\"ViewData.getFaces(data)\"></aup-command-face>\n    </button>\n  </ng-container>\n\n  <button *ngIf=\"!ViewData.hasText(data)\"\n          [pectinCommand]=\"ViewData.getCommand(data)\"\n          [matTooltip]=\"ViewData.getTooltip(data)\"\n          [color]=\"ViewData.getColor(data)\"\n          mat-icon-button>\n    <aup-command-face [faces]=\"ViewData.getFaces(data)\"></aup-command-face>\n  </button>\n\n</ng-template>\n\n\n<ng-template *ngIf=\"renderRootNode\"\n             [ngTemplateOutlet]=\"groupTemplate\"\n             [ngTemplateOutletContext]=\"{ $implicit: groupViewDataModel.value }\">\n</ng-template>\n\n<ng-container *ngIf=\"!renderRootNode\">\n  <ng-container *ngFor=\"let data of this.childViewDataModels.value; trackBy: TrackBy.byIndex\">\n    <ng-template *ngIf=\"ViewData.isGroup(data)\"\n                 [ngTemplateOutlet]=\"groupTemplate\"\n                 [ngTemplateOutletContext]=\"{ $implicit: data }\">\n    </ng-template>\n    <ng-template *ngIf=\"ViewData.isCommand(data)\"\n                 [ngTemplateOutlet]=\"commandTemplate\"\n                 [ngTemplateOutletContext]=\"{ $implicit: data }\">\n    </ng-template>\n\n    <mat-divider *ngIf=\"ViewData.isSeparator(data)\" [vertical]=\"true\"></mat-divider>\n  </ng-container>\n\n</ng-container>\n","styles":[":host{align-items:center;display:inline-flex;flex-direction:row}:host:not(.render-root) mat-divider{-ms-grid-row-align:stretch;align-self:stretch;margin:4px 0}:host:not(.render-root)>*+*{margin-left:8px}:host span.flex{flex:1}"]}]}],"members":{"groupViewDataModel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"TrackExternal","line":13,"character":12}}]}],"groupViewData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"StoreInValueModel","line":16,"character":12},"arguments":["groupViewDataModel"]}]}],"renderRootNode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":20,"character":3},"arguments":["class.render-root"]}]}],"__ctor__":[{"__symbolic":"constructor"}]}}}}]
+[{"__symbolic":"module","version":4,"metadata":{"CommandGroupRendererComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../../../disposable-component","name":"DisposableComponent","line":12,"character":51},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"aup-command-group-renderer","template":"<ng-template #groupTemplate let-group>\n\n  <ng-container *ngIf=\"ViewData.hasText(group)\" [ngSwitch]=\"ViewData.getStyle(group)\">\n    <ng-container *ngSwitchCase=\"'stroked'\">\n      <button matMenuTrigger\n              [matMenuTriggerFor]=\"subMenu.menuComponent\"\n              [matTooltip]=\"ViewData.getTooltip(group)\"\n              [color]=\"ViewData.getColor(group)\"\n              mat-stroked-button>\n        <aup-command-face [faces]=\"ViewData.getFaces(group)\"></aup-command-face>\n      </button>\n      <aup-command-group-menu #subMenu\n                              [groupViewData]=\"group\"\n                              (commandFired)=\"onCommandFired()\"></aup-command-group-menu>\n    </ng-container>\n\n    <ng-container *ngSwitchCase=\"'raised'\">\n      <button matMenuTrigger\n              [matMenuTriggerFor]=\"subMenu.menuComponent\"\n              [matTooltip]=\"ViewData.getTooltip(group)\"\n              [color]=\"ViewData.getColor(group)\"\n              mat-raised-button>\n        <aup-command-face [faces]=\"ViewData.getFaces(group)\"></aup-command-face>\n      </button>\n      <aup-command-group-menu #subMenu\n                              [groupViewData]=\"group\"\n                              (commandFired)=\"onCommandFired()\"></aup-command-group-menu>\n    </ng-container>\n\n    <ng-container *ngSwitchDefault>\n      <button matMenuTrigger\n              [matMenuTriggerFor]=\"subMenu.menuComponent\"\n              [matTooltip]=\"ViewData.getTooltip(group)\"\n              [color]=\"ViewData.getColor(group)\"\n              mat-button>\n        <aup-command-face [faces]=\"ViewData.getFaces(group)\"></aup-command-face>\n      </button>\n      <aup-command-group-menu #subMenu\n                              [groupViewData]=\"group\"\n                              (commandFired)=\"onCommandFired()\"></aup-command-group-menu>\n    </ng-container>\n\n  </ng-container>\n\n  <ng-container *ngIf=\"!ViewData.hasText(group)\">\n    <button matMenuTrigger\n            mat-icon-button\n            [matMenuTriggerFor]=\"subMenu.menuComponent\"\n            [matTooltip]=\"ViewData.getTooltip(group)\"\n            [color]=\"ViewData.getColor(group)\"\n    >\n      <aup-command-face [faces]=\"ViewData.getFaces(group)\"></aup-command-face>\n    </button>\n    <aup-command-group-menu #subMenu\n                            [groupViewData]=\"group\"\n                            (commandFired)=\"onCommandFired()\"></aup-command-group-menu>\n  </ng-container>\n\n</ng-template>\n\n\n<ng-template #commandTemplate let-data>\n\n  <ng-container *ngIf=\"ViewData.hasText(data)\" [ngSwitch]=\"ViewData.getStyle(data)\">\n    <button *ngSwitchCase=\"'raised'\"\n            [pectinCommand]=\"ViewData.getCommand(data)\"\n            [matTooltip]=\"ViewData.getTooltip(data)\"\n            [color]=\"ViewData.getColor(data)\"\n            mat-raised-button>\n      <aup-command-face [faces]=\"ViewData.getFaces(data)\"></aup-command-face>\n    </button>\n    <button *ngSwitchCase=\"'stroked'\"\n            [pectinCommand]=\"ViewData.getCommand(data)\"\n            [matTooltip]=\"ViewData.getTooltip(data)\"\n            [color]=\"ViewData.getColor(data)\"\n            mat-stroked-button>\n      <aup-command-face [faces]=\"ViewData.getFaces(data)\"></aup-command-face>\n    </button>\n    <button *ngSwitchDefault\n            [pectinCommand]=\"ViewData.getCommand(data)\"\n            [matTooltip]=\"ViewData.getTooltip(data)\"\n            [color]=\"ViewData.getColor(data)\"\n            mat-button>\n      <aup-command-face [faces]=\"ViewData.getFaces(data)\"></aup-command-face>\n    </button>\n  </ng-container>\n\n  <button *ngIf=\"!ViewData.hasText(data)\"\n          [pectinCommand]=\"ViewData.getCommand(data)\"\n          [matTooltip]=\"ViewData.getTooltip(data)\"\n          [color]=\"ViewData.getColor(data)\"\n          mat-icon-button>\n    <aup-command-face [faces]=\"ViewData.getFaces(data)\"></aup-command-face>\n  </button>\n\n</ng-template>\n\n\n<ng-template *ngIf=\"renderRootNode\"\n             [ngTemplateOutlet]=\"groupTemplate\"\n             [ngTemplateOutletContext]=\"{ $implicit: groupViewDataModel.value }\">\n</ng-template>\n\n<ng-container *ngIf=\"!renderRootNode\">\n  <ng-container *ngFor=\"let data of this.childViewDataModels.value; trackBy: TrackBy.byIndex\">\n    <ng-template *ngIf=\"ViewData.isGroup(data)\"\n                 [ngTemplateOutlet]=\"groupTemplate\"\n                 [ngTemplateOutletContext]=\"{ $implicit: data }\">\n    </ng-template>\n    <ng-template *ngIf=\"ViewData.isCommand(data)\"\n                 [ngTemplateOutlet]=\"commandTemplate\"\n                 [ngTemplateOutletContext]=\"{ $implicit: data }\">\n    </ng-template>\n\n    <mat-divider *ngIf=\"ViewData.isSeparator(data)\" [vertical]=\"true\"></mat-divider>\n  </ng-container>\n\n</ng-container>\n","styles":[":host{align-items:center;display:inline-flex;flex-direction:row}:host:not(.render-root) mat-divider{-ms-grid-row-align:stretch;align-self:stretch;margin:4px 0}:host:not(.render-root)>*+*{margin-left:8px}:host span.flex{flex:1}"]}]}],"members":{"groupViewDataModel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"TrackExternal","line":14,"character":12}}]}],"groupViewData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"StoreInValueModel","line":17,"character":12},"arguments":["groupViewDataModel"]}]}],"renderRootNode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":21,"character":3},"arguments":["class.render-root"]}]}],"commandFired":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":24,"character":3}}]}],"triggers":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":33,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material/menu","name":"MatMenuTrigger","line":33,"character":16}]}]}],"__ctor__":[{"__symbolic":"constructor"}],"onCommandFired":[{"__symbolic":"method"}]}}}}]

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

@@ -1,16 +1,15 @@
 import { __decorate, __metadata } from "tslib";
 import { Component, Input } from '@angular/core';
 import { Dsl, MutableValueModel, StoreInValueModel } from '@coolon/pectin';
-import { DisposableComponent } from '../../disposable-component';
+import { AbstractPopupMenuComponent } from './abstract-popup-menu.component';
 import { CommandGroup } from './command-group';
 const ɵ0 = CommandGroup.factory;
 /**
  *
  */
-export class MoreMenuComponent extends DisposableComponent {
+export class MoreMenuComponent extends AbstractPopupMenuComponent {
     constructor(group) {
-        super();
-        this.group = group;
+        super(group);
         this.tooltipModel = new MutableValueModel();
         const { chain, valueOf, before, when, after, observe, switchOn } = Dsl.disposeWith(this);
         group.xPosition = 'before'; // this should be the default unless overridden by the user.
@@ -25,17 +24,11 @@ export class MoreMenuComponent extends DisposableComponent {
             ];
         }, { allowNil: true });
     }
-    ngOnInit() {
-    }
-    // @Trace()
-    ngAfterContentInit() {
-        this.group.initialise();
-    }
 }
 MoreMenuComponent.decorators = [
     { type: Component, args: [{
                 selector: 'aup-more-menu',
-                template: '<aup-command-group-renderer [renderRootNode]="true" [groupViewDataModel]="group.rootTemplate"></aup-command-group-renderer>',
+                template: '<aup-command-group-renderer [renderRootNode]="true" [groupViewDataModel]="group.rootTemplate" (commandFired)="closeMenu()"></aup-command-group-renderer>',
                 providers: [{ provide: CommandGroup, useFactory: ɵ0 }]
             },] }
 ];

package/esm2015/lib/components/commands/group/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/more-menu.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAoB,SAAS,EAAE,KAAK,EAAU,MAAM,eAAe,CAAC;AAC3E,OAAO,EAAE,GAAG,EAAE,iBAAiB,EAAE,iBAAiB,EAAS,MAAM,gBAAgB,CAAC;AAClF,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;WAQI,YAAY,CAAC,OAAO;AANvE;;GAEG;AAMH,MAAM,OAAO,iBAAkB,SAAQ,mBAAmB;IAOxD,YAAqB,KAAmB;QACtC,KAAK,EAAE,CAAC;QADW,UAAK,GAAL,KAAK,CAAc;QALhC,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,KAAK,CAAC,SAAS,GAAG,QAAQ,CAAC,CAAC,4DAA4D;QACxF,KAAK,CAAC,aAAa,GAAG,KAAK,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,SAAS,CAAC,OAAO,CAAC,EAAE;YACjE,OAAO;gBACL;oBACE,IAAI,EAAE,GAAG,EAAE,CAAC,eAAe;oBAC3B,OAAO;wBACL,OAAO,OAAO,CAAC;oBACjB,CAAC;iBACF;aACF,CAAC;QACJ,CAAC,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC;IACzB,CAAC;IAED,QAAQ;IACR,CAAC;IAED,WAAW;IACX,kBAAkB;QAChB,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE,CAAC;IAC1B,CAAC;;;YAlCF,SAAS,SAAC;gBACT,QAAQ,EAAE,eAAe;gBACzB,QAAQ,EAAE,6HAA6H;gBACvI,SAAS,EAAE,CAAC,EAAE,OAAO,EAAE,YAAY,EAAE,UAAU,IAAsB,EAAE,CAAC;aACzE;;;YATQ,YAAY;;;sBAclB,KAAK;;AACN;IADU,iBAAiB,CAAC,cAAc,CAAC;;kDAC3B","sourcesContent":["import { AfterContentInit, Component, Input, OnInit } from '@angular/core';\nimport { Dsl, MutableValueModel, StoreInValueModel, Trace } from '@coolon/pectin';\nimport { DisposableComponent } from '../../disposable-component';\nimport { CommandGroup } from './command-group';\n\n/**\n *\n */\n@Component({\n  selector: 'aup-more-menu',\n  template: '<aup-command-group-renderer [renderRootNode]=\"true\" [groupViewDataModel]=\"group.rootTemplate\"></aup-command-group-renderer>',\n  providers: [{ provide: CommandGroup, useFactory: CommandGroup.factory }]\n})\nexport class MoreMenuComponent extends DisposableComponent implements OnInit, AfterContentInit {\n\n  private tooltipModel = new MutableValueModel<string>();\n\n  @Input() @StoreInValueModel('tooltipModel')\n  tooltip: string;\n\n  constructor(readonly group: CommandGroup) {\n    super();\n    const { chain, valueOf, before, when, after, observe, switchOn } = Dsl.disposeWith(this);\n    group.xPosition = 'before'; // this should be the default unless overridden by the user.\n    group.faceListModel = chain(this.tooltipModel).mapToList(tooltip => {\n      return [\n        {\n          icon: () => 'mat:more_vert',\n          tooltip(): string {\n            return tooltip;\n          }\n        }\n      ];\n    }, { allowNil: true });\n  }\n\n  ngOnInit() {\n  }\n\n  // @Trace()\n  ngAfterContentInit(): void {\n    this.group.initialise();\n  }\n\n}\n"]}
+{"version":3,"file":"more-menu.component.js","sourceRoot":"","sources":["../../../../../../../../libs/angular-ui-powerups/src/lib/components/commands/group/more-menu.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,EAAE,GAAG,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAC3E,OAAO,EAAE,0BAA0B,EAAE,MAAM,iCAAiC,CAAC;AAC7E,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;WAQI,YAAY,CAAC,OAAO;AANvE;;GAEG;AAMH,MAAM,OAAO,iBAAkB,SAAQ,0BAA0B;IAO/D,YAAY,KAAmB;QAC7B,KAAK,CAAC,KAAK,CAAC,CAAC;QANP,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,KAAK,CAAC,SAAS,GAAG,QAAQ,CAAC,CAAC,4DAA4D;QACxF,KAAK,CAAC,aAAa,GAAG,KAAK,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,SAAS,CAAC,OAAO,CAAC,EAAE;YACjE,OAAO;gBACL;oBACE,IAAI,EAAE,GAAG,EAAE,CAAC,eAAe;oBAC3B,OAAO;wBACL,OAAO,OAAO,CAAC;oBACjB,CAAC;iBACF;aACF,CAAC;QACJ,CAAC,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC;IACzB,CAAC;;;YA1BF,SAAS,SAAC;gBACT,QAAQ,EAAE,eAAe;gBACzB,QAAQ,EAAE,0JAA0J;gBACpK,SAAS,EAAE,CAAC,EAAE,OAAO,EAAE,YAAY,EAAE,UAAU,IAAsB,EAAE,CAAC;aACzE;;;YATQ,YAAY;;;sBAclB,KAAK;;AACN;IADU,iBAAiB,CAAC,cAAc,CAAC;;kDAC3B","sourcesContent":["import { Component, Input } from '@angular/core';\nimport { Dsl, MutableValueModel, StoreInValueModel } from '@coolon/pectin';\nimport { AbstractPopupMenuComponent } from './abstract-popup-menu.component';\nimport { CommandGroup } from './command-group';\n\n/**\n *\n */\n@Component({\n  selector: 'aup-more-menu',\n  template: '<aup-command-group-renderer [renderRootNode]=\"true\" [groupViewDataModel]=\"group.rootTemplate\" (commandFired)=\"closeMenu()\"></aup-command-group-renderer>',\n  providers: [{ provide: CommandGroup, useFactory: CommandGroup.factory }]\n})\nexport class MoreMenuComponent extends AbstractPopupMenuComponent {\n\n  private tooltipModel = new MutableValueModel<string>();\n\n  @Input() @StoreInValueModel('tooltipModel')\n  tooltip: string;\n\n  constructor(group: CommandGroup) {\n    super(group);\n    const { chain, valueOf, before, when, after, observe, switchOn } = Dsl.disposeWith(this);\n    group.xPosition = 'before'; // this should be the default unless overridden by the user.\n    group.faceListModel = chain(this.tooltipModel).mapToList(tooltip => {\n      return [\n        {\n          icon: () => 'mat:more_vert',\n          tooltip(): string {\n            return tooltip;\n          }\n        }\n      ];\n    }, { allowNil: true });\n  }\n\n}\n"]}

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

@@ -1 +1 @@
-[{"__symbolic":"module","version":4,"metadata":{"ɵ0":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"./command-group","name":"CommandGroup","line":11,"character":51},"member":"factory"},"MoreMenuComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../../disposable-component","name":"DisposableComponent","line":13,"character":39},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"aup-more-menu","template":"<aup-command-group-renderer [renderRootNode]=\"true\" [groupViewDataModel]=\"group.rootTemplate\"></aup-command-group-renderer>","providers":[{"provide":{"__symbolic":"reference","module":"./command-group","name":"CommandGroup","line":11,"character":25},"useFactory":{"__symbolic":"reference","name":"ɵ0"}}]}]}],"members":{"tooltip":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"StoreInValueModel","line":17,"character":12},"arguments":["tooltipModel"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./command-group","name":"CommandGroup","line":20,"character":30}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}]}}}}]
+[{"__symbolic":"module","version":4,"metadata":{"ɵ0":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"./command-group","name":"CommandGroup","line":11,"character":51},"member":"factory"},"MoreMenuComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"./abstract-popup-menu.component","name":"AbstractPopupMenuComponent","line":13,"character":39},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"aup-more-menu","template":"<aup-command-group-renderer [renderRootNode]=\"true\" [groupViewDataModel]=\"group.rootTemplate\" (commandFired)=\"closeMenu()\"></aup-command-group-renderer>","providers":[{"provide":{"__symbolic":"reference","module":"./command-group","name":"CommandGroup","line":11,"character":25},"useFactory":{"__symbolic":"reference","name":"ɵ0"}}]}]}],"members":{"tooltip":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"StoreInValueModel","line":17,"character":12},"arguments":["tooltipModel"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./command-group","name":"CommandGroup","line":20,"character":21}]}]}}}}]

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

@@ -1,35 +1,24 @@
 import { __decorate, __metadata } from "tslib";
 import { Component, Input } from '@angular/core';
 import { Dsl, StoreInValueModel, TrackExternal, ValueModel } from '@coolon/pectin';
-import { DisposableComponent } from '../../disposable-component';
 import { CommandFace } from '../command-face';
+import { AbstractPopupMenuComponent } from './abstract-popup-menu.component';
 import { CommandGroup } from './command-group';
 const ɵ0 = CommandGroup.factory;
 /**
  *
  */
-export class PopupMenuComponent extends DisposableComponent {
+export class PopupMenuComponent extends AbstractPopupMenuComponent {
     constructor(group) {
-        super();
-        this.group = group;
+        super(group);
         const { chain, valueOf, before, when, after, observe, switchOn } = Dsl.disposeWith(this);
         group.faceListModel = chain(this.faceModel).mapToList(face => [face]);
     }
-    // @Trace()
-    ngOnInit() {
-    }
-    // @Trace()
-    ngAfterContentInit() {
-        this.group.initialise();
-    }
-    // @Trace()
-    ngAfterViewInit() {
-    }
 }
 PopupMenuComponent.decorators = [
     { type: Component, args: [{
                 selector: 'aup-popup-menu',
-                template: '<aup-command-group-renderer [renderRootNode]="true" [groupViewDataModel]="group.rootTemplate"></aup-command-group-renderer>',
+                template: '<aup-command-group-renderer [renderRootNode]="true" [groupViewDataModel]="group.rootTemplate" (commandFired)="closeMenu()"></aup-command-group-renderer>',
                 providers: [{ provide: CommandGroup, useFactory: ɵ0 }]
             },] }
 ];

package/esm2015/lib/components/commands/group/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.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAmC,SAAS,EAAE,KAAK,EAAU,MAAM,eAAe,CAAC;AAE1F,OAAO,EAAE,GAAG,EAAE,iBAAiB,EAAS,aAAa,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC1F,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;WASI,YAAY,CAAC,OAAO;AAPvE;;GAEG;AAOH,MAAM,OAAO,kBAAmB,SAAQ,mBAAmB;IAQzD,YAAqB,KAAmB;QACtC,KAAK,EAAE,CAAC;QADW,UAAK,GAAL,KAAK,CAAc;QAEtC,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,KAAK,CAAC,aAAa,GAAG,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;IACxE,CAAC;IAED,WAAW;IACX,QAAQ;IACR,CAAC;IAED,WAAW;IACX,kBAAkB;QAChB,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE,CAAC;IAC1B,CAAC;IAED,WAAW;IACX,eAAe;IACf,CAAC;;;YA/BF,SAAS,SAAC;gBACT,QAAQ,EAAE,gBAAgB;gBAC1B,QAAQ,EAAE,6HAA6H;gBAEvI,SAAS,EAAE,CAAC,EAAE,OAAO,EAAE,YAAY,EAAE,UAAU,IAAsB,EAAC,CAAC;aACxE;;;YAVQ,YAAY;;;wBAalB,KAAK;mBAGL,KAAK;;AAFN;IADU,aAAa,EAAE;8BACd,UAAU;qDAAc;AAGnC;IADU,iBAAiB,CAAC,WAAW,CAAC;;gDACtB","sourcesContent":["import { AfterContentInit, AfterViewInit, Component, Input, OnInit } from '@angular/core';\n\nimport { Dsl, StoreInValueModel, Trace, TrackExternal, ValueModel } from '@coolon/pectin';\nimport { DisposableComponent } from '../../disposable-component';\nimport { CommandFace } from '../command-face';\nimport { CommandGroup } from './command-group';\n\n/**\n *\n */\n@Component({\n  selector: 'aup-popup-menu',\n  template: '<aup-command-group-renderer [renderRootNode]=\"true\" [groupViewDataModel]=\"group.rootTemplate\"></aup-command-group-renderer>',\n  styleUrls: [],\n  providers: [{ provide: CommandGroup, useFactory: CommandGroup.factory}]\n})\nexport class PopupMenuComponent extends DisposableComponent implements OnInit, AfterContentInit, AfterViewInit {\n\n  @Input() @TrackExternal()\n  faceModel: ValueModel<CommandFace>;\n\n  @Input() @StoreInValueModel('faceModel')\n  face: CommandFace;\n\n  constructor(readonly group: CommandGroup) {\n    super();\n    const { chain, valueOf, before, when, after, observe, switchOn } = Dsl.disposeWith(this);\n    group.faceListModel = chain(this.faceModel).mapToList(face => [face]);\n  }\n\n  // @Trace()\n  ngOnInit(): void {\n  }\n\n  // @Trace()\n  ngAfterContentInit(): void {\n    this.group.initialise();\n  }\n\n  // @Trace()\n  ngAfterViewInit(): void {\n  }\n\n\n}\n"]}
+{"version":3,"file":"popup-menu.component.js","sourceRoot":"","sources":["../../../../../../../../libs/angular-ui-powerups/src/lib/components/commands/group/popup-menu.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAEjD,OAAO,EAAE,GAAG,EAAE,iBAAiB,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AACnF,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,0BAA0B,EAAE,MAAM,iCAAiC,CAAC;AAC7E,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;WASI,YAAY,CAAC,OAAO;AAPvE;;GAEG;AAOH,MAAM,OAAO,kBAAmB,SAAQ,0BAA0B;IAQhE,YAAY,KAAmB;QAC7B,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,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,KAAK,CAAC,aAAa,GAAG,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;IACxE,CAAC;;;YAlBF,SAAS,SAAC;gBACT,QAAQ,EAAE,gBAAgB;gBAC1B,QAAQ,EAAE,0JAA0J;gBAEpK,SAAS,EAAE,CAAC,EAAE,OAAO,EAAE,YAAY,EAAE,UAAU,IAAsB,EAAE,CAAC;aACzE;;;YAVQ,YAAY;;;wBAalB,KAAK;mBAGL,KAAK;;AAFN;IADU,aAAa,EAAE;8BACd,UAAU;qDAAc;AAGnC;IADU,iBAAiB,CAAC,WAAW,CAAC;;gDACtB","sourcesContent":["import { Component, Input } from '@angular/core';\n\nimport { Dsl, StoreInValueModel, TrackExternal, ValueModel } from '@coolon/pectin';\nimport { CommandFace } from '../command-face';\nimport { AbstractPopupMenuComponent } from './abstract-popup-menu.component';\nimport { CommandGroup } from './command-group';\n\n/**\n *\n */\n@Component({\n  selector: 'aup-popup-menu',\n  template: '<aup-command-group-renderer [renderRootNode]=\"true\" [groupViewDataModel]=\"group.rootTemplate\" (commandFired)=\"closeMenu()\"></aup-command-group-renderer>',\n  styleUrls: [],\n  providers: [{ provide: CommandGroup, useFactory: CommandGroup.factory }]\n})\nexport class PopupMenuComponent extends AbstractPopupMenuComponent {\n\n  @Input() @TrackExternal()\n  faceModel: ValueModel<CommandFace>;\n\n  @Input() @StoreInValueModel('faceModel')\n  face: CommandFace;\n\n  constructor(group: CommandGroup) {\n    super(group);\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}\n"]}

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

@@ -1 +1 @@
-[{"__symbolic":"module","version":4,"metadata":{"ɵ0":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"./command-group","name":"CommandGroup","line":14,"character":51},"member":"factory"},"PopupMenuComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../../disposable-component","name":"DisposableComponent","line":16,"character":40},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"aup-popup-menu","template":"<aup-command-group-renderer [renderRootNode]=\"true\" [groupViewDataModel]=\"group.rootTemplate\"></aup-command-group-renderer>","styleUrls":[],"providers":[{"provide":{"__symbolic":"reference","module":"./command-group","name":"CommandGroup","line":14,"character":25},"useFactory":{"__symbolic":"reference","name":"ɵ0"}}]}]}],"members":{"faceModel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"TrackExternal","line":18,"character":12}}]}],"face":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"StoreInValueModel","line":21,"character":12},"arguments":["faceModel"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./command-group","name":"CommandGroup","line":24,"character":30}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}]}}}}]
+[{"__symbolic":"module","version":4,"metadata":{"ɵ0":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"./command-group","name":"CommandGroup","line":14,"character":51},"member":"factory"},"PopupMenuComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"./abstract-popup-menu.component","name":"AbstractPopupMenuComponent","line":16,"character":40},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"aup-popup-menu","template":"<aup-command-group-renderer [renderRootNode]=\"true\" [groupViewDataModel]=\"group.rootTemplate\" (commandFired)=\"closeMenu()\"></aup-command-group-renderer>","styleUrls":[],"providers":[{"provide":{"__symbolic":"reference","module":"./command-group","name":"CommandGroup","line":14,"character":25},"useFactory":{"__symbolic":"reference","name":"ɵ0"}}]}]}],"members":{"faceModel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"TrackExternal","line":18,"character":12}}]}],"face":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"StoreInValueModel","line":21,"character":12},"arguments":["faceModel"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./command-group","name":"CommandGroup","line":24,"character":21}]}]}}}}]

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

@@ -21,6 +21,7 @@ import { fas } from '@fortawesome/free-solid-svg-icons';
 import { DirectivesModule } from '../directives/directives.module';
 import { FocusBindingFactory } from '../directives/focus-binding-factory';
 import { CardContainerComponent } from './card-container/card-container.component';
+import { AbstractPopupMenuComponent } from './commands/group/abstract-popup-menu.component';
 import { CommandGroupMenuRendererComponent } from './commands/group/command-group-menu-renderer/command-group-menu-renderer.component';
 import { CommandGroupRendererComponent } from './commands/group/command-group-renderer/command-group-renderer.component';
 import { CommandGroupComponent } from './commands/group/command-group/command-group.component';
@@ -109,7 +110,8 @@ ComponentsModule.decorators = [
                     SeparatorComponent,
                     FlexComponent,
                     CommandGroupMenuRendererComponent,
-                    CommandGroupRendererComponent
+                    CommandGroupRendererComponent,
+                    AbstractPopupMenuComponent
                 ],
                 imports: [
                     CommonModule,

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 { _MatMenuDirectivesModule, MatMenuModule } from '@angular/material/menu';\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 { CardContainerComponent } from './card-container/card-container.component';\nimport { CommandGroupMenuRendererComponent } from './commands/group/command-group-menu-renderer/command-group-menu-renderer.component';\nimport { CommandGroupRendererComponent } from './commands/group/command-group-renderer/command-group-renderer.component';\nimport { CommandGroupComponent } from './commands/group/command-group/command-group.component';\nimport { CommandFaceComponent } from './commands/command-face/command-face.component';\nimport { CommandComponent } from './commands/command/command.component';\nimport { FlexComponent } from './commands/flex.component';\nimport { MoreMenuComponent } from './commands/group/more-menu.component';\nimport { PopupMenuComponent } from './commands/group/popup-menu.component';\nimport { SeparatorComponent } from './commands/separator.component';\nimport { ToolBarComponent } from './commands/group/tool-bar/tool-bar.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 { ColumnTemplateDirective } from './table/column-template/column-template.directive';\nimport { DefaultCellRendererComponent } from './table/default-cell-renderer/default-cell-renderer.component';\nimport { DefaultHeaderCellRendererComponent } from './table/default-header-cell-renderer/default-header-cell-renderer.component';\nimport { EditRowControls } from './table/edit-row-controls/edit-row-controls.component';\nimport { SelectCellRendererComponent } from './table/select-cell-renderer/select-cell-renderer.component';\nimport { SelectHeaderCellRendererComponent } from './table/select-header-cell-renderer/select-header-cell-renderer.component';\nimport { TableCellRendererComponent } from './table/table-cell-renderer/table-cell-renderer.component';\nimport { TableHeaderCellRendererComponent } from './table/table-header-cell-renderer/table-header-cell-renderer.component';\nimport { TableRowMenuComponent } from './table/table-row-menu/table-row-menu.component';\nimport { TableComponent } from './table/table.component';\nimport { VerticalFocusContainerComponent } from './vertical-focus-container/vertical-focus-container.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    CommandGroupComponent,\n    CommandFaceComponent,\n    MoreMenuComponent,\n    SeparatorComponent,\n    FlexComponent,\n    CommandGroupMenuRendererComponent,\n    CommandGroupRendererComponent\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  ],\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    CommandGroupComponent,\n    ToolBarComponent,\n    CommandComponent,\n    PopupMenuComponent,\n    CommandFaceComponent,\n    MoreMenuComponent,\n    SeparatorComponent,\n    FlexComponent\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 { _MatMenuDirectivesModule, MatMenuModule } from '@angular/material/menu';\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 { CardContainerComponent } from './card-container/card-container.component';\nimport { AbstractPopupMenuComponent } from './commands/group/abstract-popup-menu.component';\nimport { CommandGroupMenuRendererComponent } from './commands/group/command-group-menu-renderer/command-group-menu-renderer.component';\nimport { CommandGroupRendererComponent } from './commands/group/command-group-renderer/command-group-renderer.component';\nimport { CommandGroupComponent } from './commands/group/command-group/command-group.component';\nimport { CommandFaceComponent } from './commands/command-face/command-face.component';\nimport { CommandComponent } from './commands/command/command.component';\nimport { FlexComponent } from './commands/flex.component';\nimport { MoreMenuComponent } from './commands/group/more-menu.component';\nimport { PopupMenuComponent } from './commands/group/popup-menu.component';\nimport { SeparatorComponent } from './commands/separator.component';\nimport { ToolBarComponent } from './commands/group/tool-bar/tool-bar.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 { ColumnTemplateDirective } from './table/column-template/column-template.directive';\nimport { DefaultCellRendererComponent } from './table/default-cell-renderer/default-cell-renderer.component';\nimport { DefaultHeaderCellRendererComponent } from './table/default-header-cell-renderer/default-header-cell-renderer.component';\nimport { EditRowControls } from './table/edit-row-controls/edit-row-controls.component';\nimport { SelectCellRendererComponent } from './table/select-cell-renderer/select-cell-renderer.component';\nimport { SelectHeaderCellRendererComponent } from './table/select-header-cell-renderer/select-header-cell-renderer.component';\nimport { TableCellRendererComponent } from './table/table-cell-renderer/table-cell-renderer.component';\nimport { TableHeaderCellRendererComponent } from './table/table-header-cell-renderer/table-header-cell-renderer.component';\nimport { TableRowMenuComponent } from './table/table-row-menu/table-row-menu.component';\nimport { TableComponent } from './table/table.component';\nimport { VerticalFocusContainerComponent } from './vertical-focus-container/vertical-focus-container.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    CommandGroupComponent,\n    CommandFaceComponent,\n    MoreMenuComponent,\n    SeparatorComponent,\n    FlexComponent,\n    CommandGroupMenuRendererComponent,\n    CommandGroupRendererComponent,\n    AbstractPopupMenuComponent\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  ],\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    CommandGroupComponent,\n    ToolBarComponent,\n    CommandComponent,\n    PopupMenuComponent,\n    CommandFaceComponent,\n    MoreMenuComponent,\n    SeparatorComponent,\n    FlexComponent\n  ],\n  providers: [\n    FocusBindingFactory\n  ]\n\n})\nexport class ComponentsModule {\n\n  constructor(faIconLibrary: FaIconLibrary) {\n    faIconLibrary.addIconPacks(fas);\n  }\n}\n"]}