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

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

@@ -0,0 +1,53 @@
+import { __decorate, __metadata } from "tslib";
+import { Component, Input } from '@angular/core';
+import { Dsl, MutableValueModel, StoreInValueModel } from '@coolon/pectin';
+import { DisposableComponent } from '../../disposable-component';
+import { CommandGroup } from './command-group';
+const ɵ0 = CommandGroup.factory;
+/**
+ *
+ */
+export class MoreMenuComponent extends DisposableComponent {
+    constructor(group) {
+        super();
+        this.group = 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.
+        group.faceListModel = chain(this.tooltipModel).mapToList(tooltip => {
+            return [
+                {
+                    icon: () => 'mat:more_vert',
+                    tooltip() {
+                        return tooltip;
+                    }
+                }
+            ];
+        }, { 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>',
+                providers: [{ provide: CommandGroup, useFactory: ɵ0 }]
+            },] }
+];
+MoreMenuComponent.ctorParameters = () => [
+    { type: CommandGroup }
+];
+MoreMenuComponent.propDecorators = {
+    tooltip: [{ type: Input }]
+};
+__decorate([
+    StoreInValueModel('tooltipModel'),
+    __metadata("design:type", String)
+], MoreMenuComponent.prototype, "tooltip", void 0);
+export { ɵ0 };
+//# sourceMappingURL=more-menu.component.js.map

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

@@ -0,0 +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"]}

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

@@ -0,0 +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"}]}}}}]

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

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

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

@@ -0,0 +1,52 @@
+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 { CommandGroup } from './command-group';
+const ɵ0 = CommandGroup.factory;
+/**
+ *
+ */
+export class PopupMenuComponent extends DisposableComponent {
+    constructor(group) {
+        super();
+        this.group = 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>',
+                providers: [{ provide: CommandGroup, useFactory: ɵ0 }]
+            },] }
+];
+PopupMenuComponent.ctorParameters = () => [
+    { type: CommandGroup }
+];
+PopupMenuComponent.propDecorators = {
+    faceModel: [{ type: Input }],
+    face: [{ type: Input }]
+};
+__decorate([
+    TrackExternal(),
+    __metadata("design:type", ValueModel)
+], PopupMenuComponent.prototype, "faceModel", void 0);
+__decorate([
+    StoreInValueModel('faceModel'),
+    __metadata("design:type", Object)
+], PopupMenuComponent.prototype, "face", void 0);
+export { ɵ0 };
+//# sourceMappingURL=popup-menu.component.js.map

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

@@ -0,0 +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"]}

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

@@ -0,0 +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"}]}}}}]

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

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

package/esm2015/lib/components/commands/group/registration.js

@@ -0,0 +1,58 @@
+import { GarbageCollector } from '@coolon/pectin';
+import { ViewData } from './view-data';
+export class Registration extends GarbageCollector {
+}
+(function (Registration) {
+    class FaceRegistration extends Registration {
+        constructor(faceListModel) {
+            super();
+            this.faceListModel = faceListModel;
+        }
+    }
+    Registration.FaceRegistration = FaceRegistration;
+    class CommandRegistration extends FaceRegistration {
+        constructor(command, faceListModel) {
+            super(faceListModel);
+            this.command = command;
+        }
+        toTemplate() {
+            return new ViewData.CommandData(this.command, this.faceListModel.value);
+        }
+    }
+    Registration.CommandRegistration = CommandRegistration;
+    class GroupRegistration extends FaceRegistration {
+        constructor(faceModel, group) {
+            super(faceModel);
+            this.group = group;
+        }
+        toTemplate() {
+            return new ViewData.GroupData(this.faceListModel.value, this.group.xPosition, this.group.yPosition, this.group.registrations.value.map(r => r.toTemplate()));
+        }
+    }
+    Registration.GroupRegistration = GroupRegistration;
+    class SeparatorRegistration extends Registration {
+        constructor() {
+            super(...arguments);
+            this.template = new ViewData.SeparatorData();
+        }
+        toTemplate() {
+            return this.template;
+        }
+    }
+    Registration.SeparatorRegistration = SeparatorRegistration;
+    class FlexRegistration extends Registration {
+        constructor() {
+            super(...arguments);
+            this.template = new ViewData.FlexData();
+        }
+        toTemplate() {
+            return this.template;
+        }
+    }
+    Registration.FlexRegistration = FlexRegistration;
+    function hasFace(entry) {
+        return entry instanceof CommandRegistration || entry instanceof GroupRegistration;
+    }
+    Registration.hasFace = hasFace;
+})(Registration || (Registration = {}));
+//# sourceMappingURL=registration.js.map

package/esm2015/lib/components/commands/group/registration.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"registration.js","sourceRoot":"","sources":["../../../../../../../../libs/angular-ui-powerups/src/lib/components/commands/group/registration.ts"],"names":[],"mappings":"AACA,OAAO,EAAW,gBAAgB,EAAyB,MAAM,gBAAgB,CAAC;AAElF,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAGvC,MAAM,OAAgB,YAAa,SAAQ,gBAAgB;CAE1D;AAED,WAAiB,YAAY;IAE3B,MAAsB,gBAAiB,SAAQ,YAAY;QACzD,YAA+B,aAAqC;YAClE,KAAK,EAAE,CAAC;YADqB,kBAAa,GAAb,aAAa,CAAwB;QAEpE,CAAC;KACF;IAJqB,6BAAgB,mBAIrC,CAAA;IAED,MAAa,mBAAoB,SAAQ,gBAAgB;QACvD,YAAqB,OAAyB,EAAE,aAAqC;YACnF,KAAK,CAAC,aAAa,CAAC,CAAC;YADF,YAAO,GAAP,OAAO,CAAkB;QAE9C,CAAC;QAED,UAAU;YACR,OAAO,IAAI,QAAQ,CAAC,WAAW,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC1E,CAAC;KACF;IARY,gCAAmB,sBAQ/B,CAAA;IAED,MAAa,iBAAkB,SAAQ,gBAAgB;QACrD,YAAY,SAAiC,EAAW,KAAmB;YACzE,KAAK,CAAC,SAAS,CAAC,CAAC;YADqC,UAAK,GAAL,KAAK,CAAc;QAE3E,CAAC;QAED,UAAU;YACR,OAAO,IAAI,QAAQ,CAAC,SAAS,CAAC,IAAI,CAAC,aAAa,CAAC,KAAK,EACpD,IAAI,CAAC,KAAK,CAAC,SAAS,EACpB,IAAI,CAAC,KAAK,CAAC,SAAS,EACpB,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC,CACxD,CAAC;QACJ,CAAC;KAEF;IAbY,8BAAiB,oBAa7B,CAAA;IAED,MAAa,qBAAsB,SAAQ,YAAY;QAAvD;;YACmB,aAAQ,GAAG,IAAI,QAAQ,CAAC,aAAa,EAAE,CAAC;QAK3D,CAAC;QAHC,UAAU;YACR,OAAO,IAAI,CAAC,QAAQ,CAAC;QACvB,CAAC;KACF;IANY,kCAAqB,wBAMjC,CAAA;IAED,MAAa,gBAAiB,SAAQ,YAAY;QAAlD;;YACmB,aAAQ,GAAG,IAAI,QAAQ,CAAC,QAAQ,EAAE,CAAC;QAKtD,CAAC;QAHC,UAAU;YACR,OAAO,IAAI,CAAC,QAAQ,CAAC;QACvB,CAAC;KACF;IANY,6BAAgB,mBAM5B,CAAA;IAED,SAAgB,OAAO,CAAC,KAAmB;QACzC,OAAO,KAAK,YAAY,mBAAmB,IAAI,KAAK,YAAY,iBAAiB,CAAC;IACpF,CAAC;IAFe,oBAAO,UAEtB,CAAA;AAEH,CAAC,EArDgB,YAAY,KAAZ,YAAY,QAqD5B","sourcesContent":["\nimport { Command, GarbageCollector, ListModel, ValueModel } from '@coolon/pectin';\nimport { CommandGroup } from './command-group';\nimport { ViewData } from './view-data';\nimport { CommandFace } from '../command-face';\n\nexport abstract class Registration extends GarbageCollector {\n  abstract toTemplate(): ViewData;\n}\n\nexport namespace Registration {\n\n  export abstract class FaceRegistration extends Registration {\n    protected constructor(readonly faceListModel: ListModel<CommandFace>) {\n      super();\n    }\n  }\n\n  export class CommandRegistration extends FaceRegistration {\n    constructor(readonly command: Command<unknown>, faceListModel: ListModel<CommandFace>) {\n      super(faceListModel);\n    }\n\n    toTemplate(): ViewData.CommandData {\n      return new ViewData.CommandData(this.command, this.faceListModel.value);\n    }\n  }\n\n  export class GroupRegistration extends FaceRegistration {\n    constructor(faceModel: ListModel<CommandFace>, readonly group: CommandGroup) {\n      super(faceModel);\n    }\n\n    toTemplate(): ViewData.GroupData {\n      return new ViewData.GroupData(this.faceListModel.value,\n        this.group.xPosition,\n        this.group.yPosition,\n        this.group.registrations.value.map(r => r.toTemplate())\n      );\n    }\n\n  }\n\n  export class SeparatorRegistration extends Registration {\n    private readonly template = new ViewData.SeparatorData();\n\n    toTemplate(): ViewData.SeparatorData {\n      return this.template;\n    }\n  }\n\n  export class FlexRegistration extends Registration {\n    private readonly template = new ViewData.FlexData();\n\n    toTemplate(): ViewData.FlexData {\n      return this.template;\n    }\n  }\n\n  export function hasFace(entry: Registration): entry is FaceRegistration {\n    return entry instanceof CommandRegistration || entry instanceof GroupRegistration;\n  }\n\n}\n\n\n"]}

package/esm2015/lib/components/commands/group/registration.metadata.json

@@ -0,0 +1 @@
+[{"__symbolic":"module","version":4,"metadata":{"Registration":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@coolon/pectin","name":"GarbageCollector","line":6,"character":43},"members":{"toTemplate":[{"__symbolic":"method"}]}}}}]

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

@@ -1,21 +1,21 @@
-import { Component, ViewEncapsulation } from '@angular/core';
-import { CommandContainer } from '../command-container';
+import { Component } from '@angular/core';
+import { DisposableComponent } from '../../../disposable-component';
+import { CommandGroup } from '../command-group';
+const ɵ0 = CommandGroup.factory;
 /**
  *
  */
-export class ToolBarComponent extends CommandContainer {
-    constructor() {
+export class ToolBarComponent extends DisposableComponent {
+    constructor(group) {
         super();
-    }
-    get orientation() {
-        return CommandContainer.Orientation.HORIZONTAL;
+        this.group = group;
     }
     // @Trace()
     ngOnInit() {
     }
     // @Trace()
     ngAfterContentInit() {
-        // this.group.initialise();
+        this.group.initialise();
     }
     // @Trace()
     ngAfterViewInit() {
@@ -24,10 +24,13 @@ export class ToolBarComponent extends CommandContainer {
 ToolBarComponent.decorators = [
     { type: Component, args: [{
                 selector: 'aup-tool-bar',
-                template: '<div class="toolbar-content"><ng-content></ng-content></div>',
-                encapsulation: ViewEncapsulation.None,
-                styles: [":host{display:inline-block}.toolbar-content{align-items:center;display:inline-flex;flex-direction:row}.toolbar-content>aup-separator{-ms-grid-row-align:stretch;align-self:stretch;margin:4px 0 4px 8px}.toolbar-content>aup-flex{flex:1}.toolbar-content>*+*{margin-left:8px}"]
+                template: '<aup-command-group-renderer [renderRootNode]="false" [groupViewDataModel]="group.rootTemplate"></aup-command-group-renderer>',
+                providers: [{ provide: CommandGroup, useFactory: ɵ0 }],
+                styles: [":host{align-items:center;display:inline-flex;flex-direction:row}:host mat-divider{-ms-grid-row-align:stretch;align-self:stretch;margin:4px 0}:host span.flex{flex:1}:host>*+*{margin-left:8px}"]
             },] }
 ];
-ToolBarComponent.ctorParameters = () => [];
+ToolBarComponent.ctorParameters = () => [
+    { type: CommandGroup }
+];
+export { ɵ0 };
 //# sourceMappingURL=tool-bar.component.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"tool-bar.component.js","sourceRoot":"","sources":["../../../../../../../../../libs/angular-ui-powerups/src/lib/components/commands/group/tool-bar/tool-bar.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAmC,SAAS,EAAU,iBAAiB,EAAE,MAAM,eAAe,CAAC;AACtG,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAGxD;;GAEG;AAOH,MAAM,OAAO,gBAAiB,SAAQ,gBAAgB;IAEpD;QACE,KAAK,EAAE,CAAC;IACV,CAAC;IAED,IAAI,WAAW;QACb,OAAO,gBAAgB,CAAC,WAAW,CAAC,UAAU,CAAC;IACjD,CAAC;IAED,WAAW;IACX,QAAQ;IACR,CAAC;IAED,WAAW;IACX,kBAAkB;QAChB,2BAA2B;IAC7B,CAAC;IAED,WAAW;IACX,eAAe;IACf,CAAC;;;YA3BF,SAAS,SAAC;gBACT,QAAQ,EAAE,cAAc;gBACxB,QAAQ,EAAE,8DAA8D;gBAExE,aAAa,EAAE,iBAAiB,CAAC,IAAI;;aACtC","sourcesContent":["import { AfterContentInit, AfterViewInit, Component, OnInit, ViewEncapsulation } from '@angular/core';\nimport { CommandContainer } from '../command-container';\n\n\n/**\n *\n */\n@Component({\n  selector: 'aup-tool-bar',\n  template: '<div class=\"toolbar-content\"><ng-content></ng-content></div>',\n  styleUrls: ['./tool-bar.component.scss'],\n  encapsulation: ViewEncapsulation.None\n})\nexport class ToolBarComponent extends CommandContainer implements OnInit, AfterContentInit, AfterViewInit {\n\n  constructor() {\n    super();\n  }\n\n  get orientation(): CommandContainer.Orientation {\n    return CommandContainer.Orientation.HORIZONTAL;\n  }\n\n  // @Trace()\n  ngOnInit() {\n  }\n\n  // @Trace()\n  ngAfterContentInit(): void {\n    // this.group.initialise();\n  }\n\n  // @Trace()\n  ngAfterViewInit(): void {\n  }\n\n}\n"]}
+{"version":3,"file":"tool-bar.component.js","sourceRoot":"","sources":["../../../../../../../../../libs/angular-ui-powerups/src/lib/components/commands/group/tool-bar/tool-bar.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAmC,SAAS,EAAU,MAAM,eAAe,CAAC;AAEnF,OAAO,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AACpE,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;WAUG,YAAY,CAAC,OAAO;AAPvE;;GAEG;AAOH,MAAM,OAAO,gBAAiB,SAAQ,mBAAmB;IAEvD,YAAqB,KAAmB;QACtC,KAAK,EAAE,CAAC;QADW,UAAK,GAAL,KAAK,CAAc;IAExC,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;;;YAvBF,SAAS,SAAC;gBACT,QAAQ,EAAE,cAAc;gBACxB,QAAQ,EAAE,8HAA8H;gBAExI,SAAS,EAAE,CAAC,EAAE,OAAO,EAAE,YAAY,EAAE,UAAU,IAAsB,EAAE,CAAC;;aACzE;;;YAXQ,YAAY","sourcesContent":["import { AfterContentInit, AfterViewInit, Component, OnInit } from '@angular/core';\nimport { Trace } from '@coolon/pectin';\nimport { DisposableComponent } from '../../../disposable-component';\nimport { CommandGroup } from '../command-group';\n\n\n/**\n *\n */\n@Component({\n  selector: 'aup-tool-bar',\n  template: '<aup-command-group-renderer [renderRootNode]=\"false\" [groupViewDataModel]=\"group.rootTemplate\"></aup-command-group-renderer>',\n  styleUrls: ['./tool-bar.component.scss'],\n  providers: [{ provide: CommandGroup, useFactory: CommandGroup.factory }]\n})\nexport class ToolBarComponent extends DisposableComponent implements OnInit, AfterContentInit, AfterViewInit {\n\n  constructor(readonly group: CommandGroup) {\n    super();\n  }\n\n  // @Trace()\n  ngOnInit() {\n  }\n\n  // @Trace()\n  ngAfterContentInit(): void {\n    this.group.initialise();\n  }\n\n  // @Trace()\n  ngAfterViewInit(): void {\n  }\n\n}\n"]}

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

@@ -1 +1 @@
-[{"__symbolic":"module","version":4,"metadata":{"ToolBarComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../command-container","name":"CommandContainer","line":13,"character":38},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"aup-tool-bar","template":"<div class=\"toolbar-content\"><ng-content></ng-content></div>","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":11,"character":17},"member":"None"},"styles":[":host{display:inline-block}.toolbar-content{align-items:center;display:inline-flex;flex-direction:row}.toolbar-content>aup-separator{-ms-grid-row-align:stretch;align-self:stretch;margin:4px 0 4px 8px}.toolbar-content>aup-flex{flex:1}.toolbar-content>*+*{margin-left:8px}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}]}}}}]
+[{"__symbolic":"module","version":4,"metadata":{"ɵ0":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"../command-group","name":"CommandGroup","line":13,"character":51},"member":"factory"},"ToolBarComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../../../disposable-component","name":"DisposableComponent","line":15,"character":38},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":"aup-tool-bar","template":"<aup-command-group-renderer [renderRootNode]=\"false\" [groupViewDataModel]=\"group.rootTemplate\"></aup-command-group-renderer>","providers":[{"provide":{"__symbolic":"reference","module":"../command-group","name":"CommandGroup","line":13,"character":25},"useFactory":{"__symbolic":"reference","name":"ɵ0"}}],"styles":[":host{align-items:center;display:inline-flex;flex-direction:row}:host mat-divider{-ms-grid-row-align:stretch;align-self:stretch;margin:4px 0}:host span.flex{flex:1}:host>*+*{margin-left:8px}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"../command-group","name":"CommandGroup","line":17,"character":30}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}]}}}}]

package/esm2015/lib/components/commands/group/tool-bar/tool-bar.component.scss.shim.ngstyle.js.map

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

package/esm2015/lib/components/commands/group/view-data.js

@@ -0,0 +1,113 @@
+import { __decorate, __metadata } from "tslib";
+import { lang, assert } from '@coolon/pectin';
+import { Memoize } from '@typescript-plus/fast-memoize-decorator/dist/src';
+import { CommandFace } from '../command-face';
+export class ViewData {
+}
+(function (ViewData) {
+    class FaceData extends ViewData {
+        constructor(faces) {
+            super();
+            this.faces = faces;
+            assert.notNil(faces);
+        }
+        get activeFaceAdapter() {
+            return new CommandFace.Adapter(this.faces.length > 0 ? this.faces[0] : undefined);
+        }
+    }
+    __decorate([
+        Memoize(),
+        __metadata("design:type", CommandFace.Adapter),
+        __metadata("design:paramtypes", [])
+    ], FaceData.prototype, "activeFaceAdapter", null);
+    ViewData.FaceData = FaceData;
+    class GroupData extends FaceData {
+        constructor(faces, xPosition, yPosition, children) {
+            super(faces);
+            this.xPosition = xPosition;
+            this.yPosition = yPosition;
+            this.children = children;
+        }
+        get hasMixedIcons() {
+            const hasFaces = this.children.filter(c => ViewData.hasFace(c));
+            const iconCount = hasFaces.filter(c => !!c.activeFaceAdapter.icon).length;
+            return iconCount > 0 && hasFaces.length !== iconCount;
+        }
+    }
+    __decorate([
+        Memoize(),
+        __metadata("design:type", Boolean),
+        __metadata("design:paramtypes", [])
+    ], GroupData.prototype, "hasMixedIcons", null);
+    ViewData.GroupData = GroupData;
+    class CommandData extends FaceData {
+        constructor(command, faces) {
+            super(faces);
+            this.command = command;
+        }
+    }
+    ViewData.CommandData = CommandData;
+    class SeparatorData extends ViewData {
+    }
+    ViewData.SeparatorData = SeparatorData;
+    class FlexData extends ViewData {
+    }
+    ViewData.FlexData = FlexData;
+    function as(type, viewData) {
+        return viewData instanceof type ? viewData : lang.illegalState(`expected instance of ${type.name}, got ${viewData.constructor.name}`);
+    }
+    ViewData.as = as;
+    function getCommand(data) {
+        return as(CommandData, data).command;
+    }
+    ViewData.getCommand = getCommand;
+    function getTooltip(data) {
+        return as(FaceData, data).activeFaceAdapter.tooltip;
+    }
+    ViewData.getTooltip = getTooltip;
+    function getStyle(data) {
+        return as(FaceData, data).activeFaceAdapter.style;
+    }
+    ViewData.getStyle = getStyle;
+    function getColor(data) {
+        return as(FaceData, data).activeFaceAdapter.color;
+    }
+    ViewData.getColor = getColor;
+    function hasText(data) {
+        return !!as(FaceData, data).activeFaceAdapter.text;
+    }
+    ViewData.hasText = hasText;
+    function getFaces(data) {
+        return as(FaceData, data).faces;
+    }
+    ViewData.getFaces = getFaces;
+    function asGroup(viewData) {
+        return as(GroupData, viewData);
+    }
+    ViewData.asGroup = asGroup;
+    function hasMixedIcons(data) {
+        return as(GroupData, data).hasMixedIcons;
+    }
+    ViewData.hasMixedIcons = hasMixedIcons;
+    function isGroup(data) {
+        return data instanceof GroupData;
+    }
+    ViewData.isGroup = isGroup;
+    function hasFace(data) {
+        return data instanceof FaceData;
+    }
+    ViewData.hasFace = hasFace;
+    function isCommand(data) {
+        return data instanceof CommandData;
+    }
+    ViewData.isCommand = isCommand;
+    function isSeparator(data) {
+        return data instanceof SeparatorData;
+    }
+    ViewData.isSeparator = isSeparator;
+    function isFlex(data) {
+        return data instanceof FlexData;
+    }
+    ViewData.isFlex = isFlex;
+})(ViewData || (ViewData = {}));
+//# sourceMappingURL=view-data.js.map

package/esm2015/lib/components/commands/group/view-data.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"view-data.js","sourceRoot":"","sources":["../../../../../../../../libs/angular-ui-powerups/src/lib/components/commands/group/view-data.ts"],"names":[],"mappings":"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","sourcesContent":["import { ThemePalette } from '@angular/material/core';\nimport { Command, Constructable, lang, assert } from '@coolon/pectin';\nimport { Memoize } from '@typescript-plus/fast-memoize-decorator/dist/src';\nimport { CommandFace } from '../command-face';\n\n\nexport class ViewData {\n}\n\nexport namespace ViewData {\n\n  export class FaceData extends ViewData {\n\n    constructor(readonly faces: CommandFace[]) {\n      super();\n      assert.notNil(faces);\n    }\n\n    @Memoize()\n    get activeFaceAdapter(): CommandFace.Adapter {\n      return new CommandFace.Adapter(this.faces.length > 0 ? this.faces[0] : undefined)\n    }\n  }\n\n  export class GroupData extends FaceData {\n    constructor(faces: CommandFace[],\n                readonly xPosition,\n                readonly yPosition,\n                readonly children: ViewData[]) {\n      super(faces);\n    }\n\n    @Memoize()\n    get hasMixedIcons(): boolean {\n      const hasFaces = this.children.filter(c => ViewData.hasFace(c)) as ViewData.FaceData[]\n      const iconCount = hasFaces.filter(c => !!c.activeFaceAdapter.icon).length;\n      return iconCount > 0 && hasFaces.length !== iconCount;\n    }\n  }\n\n  export class CommandData extends FaceData {\n    constructor(readonly command: Command<unknown>, faces: CommandFace[]) {\n      super(faces);\n    }\n  }\n\n  export class SeparatorData extends ViewData {\n  }\n\n  export class FlexData extends ViewData {\n  }\n\n\n  export function as<T extends ViewData>(type: Constructable<T>, viewData: ViewData): T {\n    return viewData instanceof type ? viewData : lang.illegalState(`expected instance of ${type.name}, got ${viewData.constructor.name}`);\n  }\n\n  export function getCommand(data: ViewData): Command<unknown> {\n    return as(CommandData, data).command;\n  }\n\n  export function getTooltip(data: ViewData): string {\n    return as(FaceData, data).activeFaceAdapter.tooltip;\n  }\n\n  export function getStyle(data: ViewData): string {\n    return as(FaceData, data).activeFaceAdapter.style;\n  }\n\n  export function getColor(data: ViewData): ThemePalette {\n    return as(FaceData, data).activeFaceAdapter.color as ThemePalette;\n  }\n\n  export function hasText(data: ViewData): boolean {\n    return !!as(FaceData, data).activeFaceAdapter.text;\n  }\n\n  export function getFaces(data: ViewData): CommandFace[] {\n    return as(FaceData, data).faces;\n  }\n\n  export function asGroup(viewData: ViewData): ViewData.GroupData {\n    return as(GroupData, viewData);\n  }\n\n  export function hasMixedIcons(data: ViewData): boolean {\n    return as(GroupData, data).hasMixedIcons;\n  }\n\n  export function isGroup(data: ViewData): data is GroupData {\n    return data instanceof GroupData;\n  }\n\n  export function hasFace(data: ViewData): data is FaceData {\n    return data instanceof FaceData;\n  }\n\n  export function isCommand(data: ViewData): data is CommandData {\n    return data instanceof CommandData;\n  }\n\n  export function isSeparator(data: ViewData): data is SeparatorData {\n    return data instanceof SeparatorData;\n  }\n\n  export function isFlex(data: ViewData): data is FlexData {\n    return data instanceof FlexData;\n  }\n\n\n}\n"]}

package/esm2015/lib/components/commands/group/view-data.metadata.json

@@ -0,0 +1 @@
+[{"__symbolic":"module","version":4,"metadata":{"ViewData":{"__symbolic":"class"}}}]

package/esm2015/lib/components/commands/separator.component.js

@@ -1,18 +1,19 @@
-import { Component, ElementRef, HostBinding, Inject, Optional } from '@angular/core';
-import { CommandContainer } from './group/command-container';
-import { PopupAwareComponent } from './group/popup-aware.component';
-import { POPUP_CONTAINER } from './group/popup-container';
-import { ToolBarComponent } from './group/tool-bar/tool-bar.component';
+import { Component, Optional } from '@angular/core';
+import { DisposableComponent } from '../disposable-component';
+import { CommandGroup } from './group/command-group';
 /**
  *
  */
-export class SeparatorComponent extends PopupAwareComponent {
-    constructor(element, popupContainer, containerParent) {
-        super(element, popupContainer);
-        this.containerParent = containerParent;
+export class SeparatorComponent extends DisposableComponent {
+    constructor(parent) {
+        super();
+        this.parent = parent;
+        if (parent) {
+            parent.registerSeparator(this);
+        }
     }
-    isHorizontalContainer() {
-        return this.containerParent instanceof ToolBarComponent && this.containerParent.orientation === CommandContainer.Orientation.HORIZONTAL;
+    isVertical() {
+        return this === null || this === void 0 ? void 0 : this.parent.isRoot();
     }
     ngOnInit() {
     }
@@ -21,22 +22,10 @@ SeparatorComponent.decorators = [
     { type: Component, args: [{
                 selector: 'aup-separator',
                 template: `
-    <mat-divider [vertical]="!isHorizontalContainer()"></mat-divider>`,
-                styles: [`:host {
-  }`,
-                    `:host(.horizontal-container) {
-      display: inline-flex;
-      flex-direction: row;
-      align-items: stretch;
-    }`]
+    <mat-divider [vertical]="isVertical()"></mat-divider>`
             },] }
 ];
 SeparatorComponent.ctorParameters = () => [
-    { type: ElementRef },
-    { type: undefined, decorators: [{ type: Optional }, { type: Inject, args: [POPUP_CONTAINER,] }] },
-    { type: CommandContainer, decorators: [{ type: Optional }] }
+    { type: CommandGroup, decorators: [{ type: Optional }] }
 ];
-SeparatorComponent.propDecorators = {
-    isHorizontalContainer: [{ type: HostBinding, args: ['class.horizontal-container',] }]
-};
 //# sourceMappingURL=separator.component.js.map

package/esm2015/lib/components/commands/separator.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"separator.component.js","sourceRoot":"","sources":["../../../../../../../libs/angular-ui-powerups/src/lib/components/commands/separator.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,EAAU,QAAQ,EAAE,MAAM,eAAe,CAAC;AAE7F,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAC7D,OAAO,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AACpE,OAAO,EAAE,eAAe,EAAkB,MAAM,yBAAyB,CAAC;AAE1E,OAAO,EAAE,gBAAgB,EAAE,MAAM,qCAAqC,CAAC;AAEvE;;GAEG;AAcH,MAAM,OAAO,kBAAmB,SAAQ,mBAAmB;IAEzD,YAAY,OAAmB,EACkB,cAA6B,EACrC,eAAkC;QACzE,KAAK,CAAC,OAAO,EAAE,cAAc,CAAC,CAAC;QADQ,oBAAe,GAAf,eAAe,CAAmB;IAE3E,CAAC;IAGD,qBAAqB;QACnB,OAAO,IAAI,CAAC,eAAe,YAAY,gBAAgB,IAAI,IAAI,CAAC,eAAe,CAAC,WAAW,KAAK,gBAAgB,CAAC,WAAW,CAAC,UAAU,CAAC;IAC1I,CAAC;IAED,QAAQ;IACR,CAAC;;;YA3BF,SAAS,SAAC;gBACT,QAAQ,EAAE,eAAe;gBACzB,QAAQ,EAAE;sEAC0D;yBAC3D;IACP;oBACA;;;;MAIE;aAEL;;;YAvBmB,UAAU;4CA2Bf,QAAQ,YAAI,MAAM,SAAC,eAAe;YAzBxC,gBAAgB,uBA0BV,QAAQ;;;oCAIpB,WAAW,SAAC,4BAA4B","sourcesContent":["import { Component, ElementRef, HostBinding, Inject, OnInit, Optional } from '@angular/core';\nimport { DisposableComponent } from '../disposable-component';\nimport { CommandContainer } from './group/command-container';\nimport { PopupAwareComponent } from './group/popup-aware.component';\nimport { POPUP_CONTAINER, PopupContainer } from './group/popup-container';\nimport { AbstractPopupMenuComponent } from './group/popup-menu/abstract-popup-menu.component';\nimport { ToolBarComponent } from './group/tool-bar/tool-bar.component';\n\n/**\n *\n */\n@Component({\n  selector: 'aup-separator',\n  template: `\n    <mat-divider [vertical]=\"!isHorizontalContainer()\"></mat-divider>`,\n  styles: [`:host {\n  }`,\n    `:host(.horizontal-container) {\n      display: inline-flex;\n      flex-direction: row;\n      align-items: stretch;\n    }`\n  ]\n})\nexport class SeparatorComponent extends PopupAwareComponent implements OnInit {\n\n  constructor(element: ElementRef,\n              @Optional() @Inject(POPUP_CONTAINER) popupContainer:PopupContainer,\n              @Optional() private readonly containerParent?: CommandContainer) {\n    super(element, popupContainer);\n  }\n\n  @HostBinding('class.horizontal-container')\n  isHorizontalContainer() {\n    return this.containerParent instanceof ToolBarComponent && this.containerParent.orientation === CommandContainer.Orientation.HORIZONTAL;\n  }\n\n  ngOnInit() {\n  }\n\n}\n"]}
+{"version":3,"file":"separator.component.js","sourceRoot":"","sources":["../../../../../../../libs/angular-ui-powerups/src/lib/components/commands/separator.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAU,QAAQ,EAAE,MAAM,eAAe,CAAC;AAC5D,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAGrD;;GAEG;AAOH,MAAM,OAAO,kBAAmB,SAAQ,mBAAmB;IAEzD,YAAiC,MAAqB;QACpD,KAAK,EAAE,CAAC;QADuB,WAAM,GAAN,MAAM,CAAe;QAEpD,IAAI,MAAM,EAAE;YACV,MAAM,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC;SAChC;IACH,CAAC;IAED,UAAU;QACR,OAAO,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAM,CAAC,MAAM,GAAG;IAC/B,CAAC;IAED,QAAQ;IACR,CAAC;;;YApBF,SAAS,SAAC;gBACT,QAAQ,EAAE,eAAe;gBACzB,QAAQ,EAAE;0DAC8C;aAEzD;;;YAXQ,YAAY,uBAcN,QAAQ","sourcesContent":["import { Component, OnInit, Optional } from '@angular/core';\nimport { DisposableComponent } from '../disposable-component';\nimport { CommandGroup } from './group/command-group';\nimport { CommandGroupComponent } from './group/command-group/command-group.component';\n\n/**\n *\n */\n@Component({\n  selector: 'aup-separator',\n  template: `\n    <mat-divider [vertical]=\"isVertical()\"></mat-divider>`,\n  styles: []\n})\nexport class SeparatorComponent extends DisposableComponent implements OnInit {\n\n  constructor(@Optional() readonly parent?: CommandGroup) {\n    super();\n    if (parent) {\n      parent.registerSeparator(this);\n    }\n  }\n\n  isVertical() {\n    return this?.parent.isRoot();\n  }\n\n  ngOnInit() {\n  }\n\n}\n"]}

package/esm2015/lib/components/commands/separator.component.metadata.json

@@ -1 +1 @@
-[{"__symbolic":"module","version":4,"metadata":{"SeparatorComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"./group/popup-aware.component","name":"PopupAwareComponent","line":24,"character":40},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"selector":"aup-separator","template":"\n    <mat-divider [vertical]=\"!isHorizontalContainer()\"></mat-divider>","styles":[":host {\n  }",":host(.horizontal-container) {\n      display: inline-flex;\n      flex-direction: row;\n      align-items: stretch;\n    }"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":27,"character":15}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":27,"character":27},"arguments":[{"__symbolic":"reference","module":"./group/popup-container","name":"POPUP_CONTAINER","line":27,"character":34}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":28,"character":15}}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":26,"character":23},{"__symbolic":"reference","module":"./group/popup-container","name":"PopupContainer","line":27,"character":66},{"__symbolic":"reference","module":"./group/command-container","name":"CommandContainer","line":28,"character":61}]}],"isHorizontalContainer":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":32,"character":3},"arguments":["class.horizontal-container"]}]}],"ngOnInit":[{"__symbolic":"method"}]}}}}]
+[{"__symbolic":"module","version":4,"metadata":{"SeparatorComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../disposable-component","name":"DisposableComponent","line":14,"character":40},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"aup-separator","template":"\n    <mat-divider [vertical]=\"isVertical()\"></mat-divider>","styles":[]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":16,"character":15}}]],"parameters":[{"__symbolic":"reference","module":"./group/command-group","name":"CommandGroup","line":16,"character":44}]}],"isVertical":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}]}}}}]

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

@@ -21,13 +21,14 @@ 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 { PopupMenuRendererComponent } from './commands/group/popup-menu/popup-menu-renderer/popup-menu-renderer.component';
-import { AbstractPopupMenuComponent } from './commands/group/popup-menu/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';
 import { CommandFaceComponent } from './commands/command-face/command-face.component';
 import { CommandComponent } from './commands/command/command.component';
 import { FlexComponent } from './commands/flex.component';
-import { MoreMenuComponent } from './commands/group/popup-menu/more-menu.component';
-import { PopupMenuComponent } from './commands/group/popup-menu/popup-menu.component';
+import { MoreMenuComponent } from './commands/group/more-menu.component';
+import { PopupMenuComponent } from './commands/group/popup-menu.component';
 import { SeparatorComponent } from './commands/separator.component';
 import { ToolBarComponent } from './commands/group/tool-bar/tool-bar.component';
 import { FocusContainerComponent } from './focus-container/focus-container.component';
@@ -102,12 +103,13 @@ ComponentsModule.decorators = [
                     ToolBarComponent,
                     CommandComponent,
                     PopupMenuComponent,
+                    CommandGroupComponent,
                     CommandFaceComponent,
                     MoreMenuComponent,
                     SeparatorComponent,
                     FlexComponent,
-                    AbstractPopupMenuComponent,
-                    PopupMenuRendererComponent
+                    CommandGroupMenuRendererComponent,
+                    CommandGroupRendererComponent
                 ],
                 imports: [
                     CommonModule,
@@ -154,6 +156,7 @@ ComponentsModule.decorators = [
                     IconComponent,
                     SectionHeaderComponent,
                     TableRowMenuComponent,
+                    CommandGroupComponent,
                     ToolBarComponent,
                     CommandComponent,
                     PopupMenuComponent,