@coolon/angular-ui-powerups 2.0.0-alpha.8 → 2.0.0

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

@@ -0,0 +1,100 @@
+import { __decorate, __metadata } from "tslib";
+import { Dsl, GarbageCollector, MutableListModel, MutableValueModel, StoreInValueModel, TrackExternal, ValueModel } from '@coolon/pectin';
+import { Registration } from './registration';
+import { ViewData } from './view-data';
+export class CommandGroup extends GarbageCollector {
+    constructor(parent) {
+        super();
+        this.parent = parent;
+        this._rootTemplate = new MutableValueModel();
+        this._registrations = new MutableListModel();
+        const { chain, valueOf, before, when, after, observe, switchOn } = Dsl.disposeWith(this);
+        this.childTemplates = chain(this._rootTemplate).pluckList('children');
+        this.initialised = chain(this._rootTemplate).isNotNil();
+    }
+    initialise() {
+        this.rebuildTemplates();
+    }
+    get rootTemplate() {
+        return this._rootTemplate.readonly;
+    }
+    get registrations() {
+        return this._registrations.readonly;
+    }
+    notifyChanged() {
+        if (this.parent) {
+            this.parent.notifyChanged();
+        }
+        else {
+            this.rebuildTemplates();
+        }
+    }
+    notifyChildFaceChanged(is, was) {
+        this.notifyChanged();
+    }
+    rebuildTemplates() {
+        this._rootTemplate.value = new ViewData.GroupData(this.faceModel.value, this.xPosition, this.yPosition, this.registrations.value.map(r => r.toTemplate()));
+    }
+    get depth() {
+        return this.isRoot() ? 0 : this.parent.depth + 1;
+    }
+    isRoot() {
+        return false;
+    }
+    registerCommand(command, faceModel) {
+        return this.register(new Registration.CommandRegistration(faceModel, command));
+    }
+    registerGroup(group, faceModel) {
+        return this.register(new Registration.GroupRegistration(faceModel, group));
+    }
+    registerFlex(component) {
+        return this.register(new Registration.FlexRegistration());
+    }
+    registerSeparator(component) {
+        return this.register(new Registration.SeparatorRegistration());
+    }
+    register(registration) {
+        this._registrations.push(registration);
+        if (registration instanceof Registration.FaceRegistration) {
+            const { when } = Dsl.disposeWith(registration);
+            when(registration.faceModel).changes((is, was) => {
+                this.notifyChildFaceChanged(is, was);
+            }, { asLongAs: this.initialised });
+        }
+        registration.onDispose(() => this._registrations.remove(registration));
+        return registration;
+    }
+}
+(function (CommandGroup) {
+    class Root extends CommandGroup {
+        isRoot() {
+            return true;
+        }
+    }
+    __decorate([
+        TrackExternal(),
+        __metadata("design:type", ValueModel)
+    ], Root.prototype, "faceModel", void 0);
+    __decorate([
+        TrackExternal({ defaultValue: 'after' }),
+        __metadata("design:type", ValueModel)
+    ], Root.prototype, "xPositionModel", void 0);
+    __decorate([
+        StoreInValueModel('xPositionModel'),
+        __metadata("design:type", String)
+    ], Root.prototype, "xPosition", void 0);
+    __decorate([
+        TrackExternal({ defaultValue: 'below' }),
+        __metadata("design:type", ValueModel)
+    ], Root.prototype, "yPositionModel", void 0);
+    __decorate([
+        StoreInValueModel('yPositionModel'),
+        __metadata("design:type", String)
+    ], Root.prototype, "yPosition", void 0);
+    CommandGroup.Root = Root;
+    function factory() {
+        return new Root();
+    }
+    CommandGroup.factory = factory;
+})(CommandGroup || (CommandGroup = {}));
+//# sourceMappingURL=command-group.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"command-group.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/commands/group/command-group.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  BooleanValueModelChain,\n  Command,\n  Disposable,\n  Dsl,\n  GarbageCollector,\n  ListModel,\n  ListModelChain,\n  MutableListModel,\n  MutableValueModel,\n  StoreInValueModel, Trace,\n  TrackExternal,\n  ValueModel\n} from '@coolon/pectin';\nimport { CommandFace } from '../command-face';\nimport { FlexComponent } from '../flex.component';\nimport { SeparatorComponent } from '../separator.component';\nimport { Registration } from './registration';\nimport { ViewData } from './view-data';\n\nexport abstract class CommandGroup extends GarbageCollector {\n\n  abstract faceModel: ValueModel<CommandFace>;\n\n  abstract xPosition: 'before' | 'after';\n  abstract yPosition: 'above' | 'below';\n\n  private readonly _rootTemplate = new MutableValueModel<ViewData.GroupData>();\n\n  private readonly _registrations = new MutableListModel<Registration>();\n\n  readonly childTemplates: ListModelChain<ViewData>;\n\n  private initialised: BooleanValueModelChain;\n\n  constructor(readonly parent?: CommandGroup) {\n    super();\n\n    const { chain, valueOf, before, when, after, observe, switchOn } = Dsl.disposeWith(this);\n\n    this.childTemplates = chain(this._rootTemplate).pluckList('children');\n\n    this.initialised = chain(this._rootTemplate).isNotNil();\n  }\n\n  initialise() {\n    this.rebuildTemplates();\n  }\n\n  get rootTemplate() {\n    return this._rootTemplate.readonly;\n  }\n\n  get registrations(): ListModel<Registration> {\n    return this._registrations.readonly;\n  }\n\n  notifyChanged() {\n    if (this.parent) {\n      this.parent.notifyChanged();\n    } else {\n      this.rebuildTemplates();\n    }\n  }\n\n  private notifyChildFaceChanged(is: CommandFace, was: CommandFace) {\n    this.notifyChanged();\n  }\n\n  private rebuildTemplates() {\n    this._rootTemplate.value = new ViewData.GroupData(\n      this.faceModel.value,\n      this.xPosition,\n      this.yPosition,\n      this.registrations.value.map(r => r.toTemplate())\n    );\n  }\n\n  get depth(): number {\n    return this.isRoot() ? 0 : this.parent.depth + 1;\n  }\n\n  isRoot(): boolean {\n    return false;\n  }\n\n  registerCommand(command: Command<unknown>, faceModel: ValueModel<CommandFace>): Disposable {\n    return this.register(new Registration.CommandRegistration(faceModel, command));\n  }\n\n  registerGroup(group: CommandGroup, faceModel: ValueModel<CommandFace>): Disposable {\n    return this.register(new Registration.GroupRegistration(faceModel, group));\n  }\n\n  registerFlex(component: FlexComponent): Disposable {\n    return this.register(new Registration.FlexRegistration());\n  }\n\n  registerSeparator(component: SeparatorComponent): Disposable {\n    return this.register(new Registration.SeparatorRegistration());\n  }\n\n  protected register(registration: Registration): Registration {\n    this._registrations.push(registration);\n    if (registration instanceof Registration.FaceRegistration) {\n      const { when } = Dsl.disposeWith(registration);\n      when(registration.faceModel).changes((is, was) => {\n        this.notifyChildFaceChanged(is, was);\n      }, { asLongAs: this.initialised });\n    }\n    registration.onDispose(() => this._registrations.remove(registration));\n    return registration;\n  }\n\n}\n\nexport namespace CommandGroup {\n  export class Root extends CommandGroup {\n\n    @TrackExternal()\n    faceModel: ValueModel<CommandFace>;\n\n    @TrackExternal({ defaultValue: 'after' })\n    xPositionModel: ValueModel<'before' | 'after'>;\n\n    @StoreInValueModel('xPositionModel')\n    xPosition: 'before' | 'after';\n\n    @TrackExternal({ defaultValue: 'below' })\n    yPositionModel: ValueModel<'above' | 'below'>;\n\n    @StoreInValueModel('yPositionModel')\n    yPosition: 'above' | 'below';\n\n    isRoot(): boolean {\n      return true;\n    }\n  }\n\n  export function factory(): Root {\n    return new Root();\n  }\n}\n\n\n"]}

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

@@ -0,0 +1 @@
+[{"__symbolic":"module","version":4,"metadata":{"CommandGroup":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@coolon/pectin","name":"GarbageCollector","line":20,"character":43},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"CommandGroup"}]}],"initialise":[{"__symbolic":"method"}],"notifyChanged":[{"__symbolic":"method"}],"notifyChildFaceChanged":[{"__symbolic":"method"}],"rebuildTemplates":[{"__symbolic":"method"}],"isRoot":[{"__symbolic":"method"}],"registerCommand":[{"__symbolic":"method"}],"registerGroup":[{"__symbolic":"method"}],"registerFlex":[{"__symbolic":"method"}],"registerSeparator":[{"__symbolic":"method"}],"register":[{"__symbolic":"method"}]}}}}]

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

@@ -0,0 +1,55 @@
+import { __decorate, __metadata } from "tslib";
+import { Component, Input } from '@angular/core';
+import { Dsl, MutableValueModel, StoreInValueModel, Trace } from '@coolon/pectin';
+import { DisposableComponent } from '../../disposable-component';
+import { CommandGroup } from './command-group';
+const ɵ0 = CommandGroup.factory;
+/**
+ *
+ */
+let MoreMenuComponent = 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.faceModel = chain(this.tooltipModel).map(tooltip => {
+            return {
+                icon: () => 'mat:more_vert',
+                tooltip() {
+                    return tooltip;
+                }
+            };
+        }, { allowNil: true });
+    }
+    ngOnInit() {
+    }
+    ngAfterContentInit() {
+        this.group.initialise();
+    }
+};
+MoreMenuComponent.ctorParameters = () => [
+    { type: CommandGroup }
+];
+__decorate([
+    Input(), StoreInValueModel('tooltipModel'),
+    __metadata("design:type", String)
+], MoreMenuComponent.prototype, "tooltip", void 0);
+__decorate([
+    Trace(),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", []),
+    __metadata("design:returntype", void 0)
+], MoreMenuComponent.prototype, "ngAfterContentInit", null);
+MoreMenuComponent = __decorate([
+    Component({
+        selector: 'aup-more-menu',
+        template: '<aup-command-group-renderer [renderRootNode]="true" [groupViewDataModel]="group.rootTemplate"></aup-command-group-renderer>',
+        providers: [{ provide: CommandGroup, useFactory: ɵ0 }]
+    }),
+    __metadata("design:paramtypes", [CommandGroup])
+], MoreMenuComponent);
+export { MoreMenuComponent };
+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":"ng://@coolon/angular-ui-powerups/","sources":["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,EAAE,KAAK,EAAE,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,IAAa,iBAAiB,GAA9B,MAAa,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,SAAS,GAAG,KAAK,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE;YACvD,OAAO;gBACL,IAAI,EAAE,GAAG,EAAE,CAAC,eAAe;gBAC3B,OAAO;oBACL,OAAO,OAAO,CAAC;gBACjB,CAAC;aACF,CAAC;QACJ,CAAC,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC;IACzB,CAAC;IAED,QAAQ;IACR,CAAC;IAGD,kBAAkB;QAChB,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE,CAAC;IAC1B,CAAC;CAEF,CAAA;;YAtB6B,YAAY;;AAFxC;IADC,KAAK,EAAE,EAAE,iBAAiB,CAAC,cAAc,CAAC;;kDAC3B;AAoBhB;IADC,KAAK,EAAE;;;;2DAGP;AA3BU,iBAAiB;IAL7B,SAAS,CAAC;QACT,QAAQ,EAAE,eAAe;QACzB,QAAQ,EAAE,6HAA6H;QACvI,SAAS,EAAE,CAAC,EAAE,OAAO,EAAE,YAAY,EAAE,UAAU,IAAsB,EAAE,CAAC;KACzE,CAAC;qCAQ4B,YAAY;GAP7B,iBAAiB,CA6B7B;SA7BY,iBAAiB","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.faceModel = chain(this.tooltipModel).map(tooltip => {\n      return {\n        icon: () => 'mat:more_vert',\n        tooltip(): string {\n          return tooltip;\n        }\n      };\n    }, { allowNil: true });\n  }\n\n  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","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"Trace","line":37,"character":3}}]}]}}}}]

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

@@ -0,0 +1 @@
+{"version":3,"file":"more-menu.component.ngfactory.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["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,65 @@
+import { __decorate, __metadata } from "tslib";
+import { Component, Input } from '@angular/core';
+import { Dsl, StoreInValueModel, Trace, TrackExternal, ValueModel } from '@coolon/pectin';
+import { DisposableComponent } from '../../disposable-component';
+import { CommandFace } from '../command-face';
+import { CommandGroup } from './command-group';
+const ɵ0 = CommandGroup.factory;
+/**
+ *
+ */
+let PopupMenuComponent = class PopupMenuComponent extends DisposableComponent {
+    constructor(group) {
+        super();
+        this.group = group;
+        const { chain, valueOf, before, when, after, observe, switchOn } = Dsl.disposeWith(this);
+        group.faceModel = this.faceModel;
+    }
+    ngOnInit() {
+    }
+    ngAfterContentInit() {
+        this.group.initialise();
+    }
+    ngAfterViewInit() {
+    }
+};
+PopupMenuComponent.ctorParameters = () => [
+    { type: CommandGroup }
+];
+__decorate([
+    Input(), TrackExternal(),
+    __metadata("design:type", ValueModel)
+], PopupMenuComponent.prototype, "faceModel", void 0);
+__decorate([
+    Input(), StoreInValueModel('faceModel'),
+    __metadata("design:type", Object)
+], PopupMenuComponent.prototype, "face", void 0);
+__decorate([
+    Trace(),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", []),
+    __metadata("design:returntype", void 0)
+], PopupMenuComponent.prototype, "ngOnInit", null);
+__decorate([
+    Trace(),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", []),
+    __metadata("design:returntype", void 0)
+], PopupMenuComponent.prototype, "ngAfterContentInit", null);
+__decorate([
+    Trace(),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", []),
+    __metadata("design:returntype", void 0)
+], PopupMenuComponent.prototype, "ngAfterViewInit", null);
+PopupMenuComponent = __decorate([
+    Component({
+        selector: 'aup-popup-menu',
+        template: '<aup-command-group-renderer [renderRootNode]="true" [groupViewDataModel]="group.rootTemplate"></aup-command-group-renderer>',
+        providers: [{ provide: CommandGroup, useFactory: ɵ0 }]
+    }),
+    __metadata("design:paramtypes", [CommandGroup])
+], PopupMenuComponent);
+export { PopupMenuComponent };
+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":"ng://@coolon/angular-ui-powerups/","sources":["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,EAAE,KAAK,EAAE,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,IAAa,kBAAkB,GAA/B,MAAa,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,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC;IACnC,CAAC;IAGD,QAAQ;IACR,CAAC;IAGD,kBAAkB;QAChB,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE,CAAC;IAC1B,CAAC;IAGD,eAAe;IACf,CAAC;CAGF,CAAA;;YApB6B,YAAY;;AALxC;IADC,KAAK,EAAE,EAAE,aAAa,EAAE;8BACd,UAAU;qDAAc;AAGnC;IADC,KAAK,EAAE,EAAE,iBAAiB,CAAC,WAAW,CAAC;;gDACtB;AASlB;IADC,KAAK,EAAE;;;;kDAEP;AAGD;IADC,KAAK,EAAE;;;;4DAGP;AAGD;IADC,KAAK,EAAE;;;;yDAEP;AAzBU,kBAAkB;IAN9B,SAAS,CAAC;QACT,QAAQ,EAAE,gBAAgB;QAC1B,QAAQ,EAAE,6HAA6H;QAEvI,SAAS,EAAE,CAAC,EAAE,OAAO,EAAE,YAAY,EAAE,UAAU,IAAsB,EAAC,CAAC;KACxE,CAAC;qCAS4B,YAAY;GAR7B,kBAAkB,CA4B9B;SA5BY,kBAAkB","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.faceModel = this.faceModel;\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","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"Trace","line":30,"character":3}}]}],"ngAfterContentInit":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"Trace","line":34,"character":3}}]}],"ngAfterViewInit":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"Trace","line":39,"character":3}}]}]}}}}]

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

@@ -0,0 +1 @@
+{"version":3,"file":"popup-menu.component.ngfactory.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["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(faceModel) {
+            super();
+            this.faceModel = faceModel;
+        }
+    }
+    Registration.FaceRegistration = FaceRegistration;
+    class CommandRegistration extends FaceRegistration {
+        constructor(faceModel, command) {
+            super(faceModel);
+            this.command = command;
+        }
+        toTemplate() {
+            return new ViewData.CommandData(this.faceModel.value, this.command);
+        }
+    }
+    Registration.CommandRegistration = CommandRegistration;
+    class GroupRegistration extends FaceRegistration {
+        constructor(faceModel, group) {
+            super(faceModel);
+            this.group = group;
+        }
+        toTemplate() {
+            return new ViewData.GroupData(this.faceModel.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":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/commands/group/registration.ts"],"names":[],"mappings":"AACA,OAAO,EAAW,gBAAgB,EAAc,MAAM,gBAAgB,CAAC;AAEvE,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,SAAkC;YAC/D,KAAK,EAAE,CAAC;YADqB,cAAS,GAAT,SAAS,CAAyB;QAEjE,CAAC;KACF;IAJqB,6BAAgB,mBAIrC,CAAA;IAED,MAAa,mBAAoB,SAAQ,gBAAgB;QACvD,YAAY,SAAkC,EAAW,OAAyB;YAChF,KAAK,CAAC,SAAS,CAAC,CAAC;YADsC,YAAO,GAAP,OAAO,CAAkB;QAElF,CAAC;QAED,UAAU;YACR,OAAO,IAAI,QAAQ,CAAC,WAAW,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC;QACtE,CAAC;KACF;IARY,gCAAmB,sBAQ/B,CAAA;IAED,MAAa,iBAAkB,SAAQ,gBAAgB;QACrD,YAAY,SAAkC,EAAW,KAAmB;YAC1E,KAAK,CAAC,SAAS,CAAC,CAAC;YADsC,UAAK,GAAL,KAAK,CAAc;QAE5E,CAAC;QAED,UAAU;YACR,OAAO,IAAI,QAAQ,CAAC,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,EAChD,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, 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 faceModel: ValueModel<CommandFace>) {\n      super();\n    }\n  }\n\n  export class CommandRegistration extends FaceRegistration {\n    constructor(faceModel: ValueModel<CommandFace>, readonly command: Command<unknown>) {\n      super(faceModel);\n    }\n\n    toTemplate(): ViewData.CommandData {\n      return new ViewData.CommandData(this.faceModel.value, this.command);\n    }\n  }\n\n  export class GroupRegistration extends FaceRegistration {\n    constructor(faceModel: ValueModel<CommandFace>, readonly group: CommandGroup) {\n      super(faceModel);\n    }\n\n    toTemplate(): ViewData.GroupData {\n      return new ViewData.GroupData(this.faceModel.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

@@ -0,0 +1,55 @@
+import { __decorate, __metadata } from "tslib";
+import { Component } from '@angular/core';
+import { Trace } from '@coolon/pectin';
+import { DisposableComponent } from '../../../disposable-component';
+import { CommandGroup } from '../command-group';
+const ɵ0 = CommandGroup.factory;
+/**
+ *
+ */
+let ToolBarComponent = class ToolBarComponent extends DisposableComponent {
+    constructor(group) {
+        super();
+        this.group = group;
+    }
+    ngOnInit() {
+    }
+    ngAfterContentInit() {
+        this.group.initialise();
+    }
+    ngAfterViewInit() {
+    }
+};
+ToolBarComponent.ctorParameters = () => [
+    { type: CommandGroup }
+];
+__decorate([
+    Trace(),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", []),
+    __metadata("design:returntype", void 0)
+], ToolBarComponent.prototype, "ngOnInit", null);
+__decorate([
+    Trace(),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", []),
+    __metadata("design:returntype", void 0)
+], ToolBarComponent.prototype, "ngAfterContentInit", null);
+__decorate([
+    Trace(),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", []),
+    __metadata("design:returntype", void 0)
+], ToolBarComponent.prototype, "ngAfterViewInit", null);
+ToolBarComponent = __decorate([
+    Component({
+        selector: 'aup-tool-bar',
+        template: '<aup-command-group-renderer [renderRootNode]="false" [groupViewDataModel]="group.rootTemplate"></aup-command-group-renderer>',
+        providers: [{ provide: CommandGroup, useFactory: ɵ0 }],
+        styles: [":host{display:inline-flex;flex-direction:row;align-items:center}:host mat-divider{-ms-grid-row-align:stretch;align-self:stretch;margin:4px 0}:host span.flex{flex:1}:host>*+*{margin-left:8px}"]
+    }),
+    __metadata("design:paramtypes", [CommandGroup])
+], ToolBarComponent);
+export { ToolBarComponent };
+export { ɵ0 };
+//# sourceMappingURL=tool-bar.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tool-bar.component.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/commands/group/tool-bar/tool-bar.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAmC,SAAS,EAAU,MAAM,eAAe,CAAC;AACnF,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AACvC,OAAO,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AACpE,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;WAUG,YAAY,CAAC,OAAO;AAPvE;;GAEG;AAOH,IAAa,gBAAgB,GAA7B,MAAa,gBAAiB,SAAQ,mBAAmB;IAEvD,YAAqB,KAAmB;QACtC,KAAK,EAAE,CAAC;QADW,UAAK,GAAL,KAAK,CAAc;IAExC,CAAC;IAGD,QAAQ;IACR,CAAC;IAGD,kBAAkB;QAChB,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE,CAAC;IAC1B,CAAC;IAGD,eAAe;IACf,CAAC;CAEF,CAAA;;YAjB6B,YAAY;;AAKxC;IADC,KAAK,EAAE;;;;gDAEP;AAGD;IADC,KAAK,EAAE;;;;0DAGP;AAGD;IADC,KAAK,EAAE;;;;uDAEP;AAjBU,gBAAgB;IAN5B,SAAS,CAAC;QACT,QAAQ,EAAE,cAAc;QACxB,QAAQ,EAAE,8HAA8H;QAExI,SAAS,EAAE,CAAC,EAAE,OAAO,EAAE,YAAY,EAAE,UAAU,IAAsB,EAAE,CAAC;;KACzE,CAAC;qCAG4B,YAAY;GAF7B,gBAAgB,CAmB5B;SAnBY,gBAAgB","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

@@ -0,0 +1 @@
+[{"__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{display:inline-flex;flex-direction:row;align-items:center}: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","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"Trace","line":21,"character":3}}]}],"ngAfterContentInit":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"Trace","line":25,"character":3}}]}],"ngAfterViewInit":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"Trace","line":30,"character":3}}]}]}}}}]

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

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

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":"ng://@coolon/angular-ui-powerups/","sources":["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,104 @@
+import { __decorate, __metadata } from "tslib";
+import { lang } 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(face) {
+            super();
+            this.faceAdapter = new CommandFace.Adapter(face);
+        }
+    }
+    ViewData.FaceData = FaceData;
+    class GroupData extends FaceData {
+        constructor(face, xPosition, yPosition, children) {
+            super(face);
+            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.faceAdapter.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(face, command) {
+            super(face);
+            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).faceAdapter.tooltip;
+    }
+    ViewData.getTooltip = getTooltip;
+    function getStyle(data) {
+        return as(FaceData, data).faceAdapter.style;
+    }
+    ViewData.getStyle = getStyle;
+    function getColor(data) {
+        return as(FaceData, data).faceAdapter.color;
+    }
+    ViewData.getColor = getColor;
+    function hasText(data) {
+        return !!as(FaceData, data).faceAdapter.text;
+    }
+    ViewData.hasText = hasText;
+    function getFace(data) {
+        return as(FaceData, data).faceAdapter.face;
+    }
+    ViewData.getFace = getFace;
+    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":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/commands/group/view-data.ts"],"names":[],"mappings":"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","sourcesContent":["import { ThemePalette } from '@angular/material/core';\nimport { Command, Constructable, lang } from '@coolon/pectin';\nimport { icon } from '@fortawesome/fontawesome-svg-core';\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    readonly faceAdapter: CommandFace.Adapter;\n\n    constructor(face: CommandFace) {\n      super();\n      this.faceAdapter = new CommandFace.Adapter(face);\n    }\n  }\n\n  export class GroupData extends FaceData {\n    constructor(face: CommandFace,\n                readonly xPosition,\n                readonly yPosition,\n                readonly children: ViewData[]) {\n      super(face);\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.faceAdapter.icon).length;\n      return iconCount > 0 && hasFaces.length !== iconCount;\n    }\n  }\n\n  export class CommandData extends FaceData {\n    constructor(face: CommandFace, readonly command: Command<unknown>) {\n      super(face);\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).faceAdapter.tooltip;\n  }\n\n  export function getStyle(data: ViewData): string {\n    return as(FaceData, data).faceAdapter.style;\n  }\n\n  export function getColor(data: ViewData): ThemePalette {\n    return as(FaceData, data).faceAdapter.color as ThemePalette;\n  }\n\n  export function hasText(data: ViewData): boolean {\n    return !!as(FaceData, data).faceAdapter.text;\n  }\n\n  export function getFace(data: ViewData): CommandFace {\n    return as(FaceData, data).faceAdapter.face;\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

@@ -0,0 +1,35 @@
+import { __decorate, __metadata, __param } from "tslib";
+import { Component, Optional } from '@angular/core';
+import { DisposableComponent } from '../disposable-component';
+import { CommandGroup } from './group/command-group';
+/**
+ *
+ */
+let SeparatorComponent = class SeparatorComponent extends DisposableComponent {
+    constructor(parent) {
+        super();
+        this.parent = parent;
+        if (parent) {
+            parent.registerSeparator(this);
+        }
+    }
+    isVertical() {
+        return this === null || this === void 0 ? void 0 : this.parent.isRoot();
+    }
+    ngOnInit() {
+    }
+};
+SeparatorComponent.ctorParameters = () => [
+    { type: CommandGroup, decorators: [{ type: Optional }] }
+];
+SeparatorComponent = __decorate([
+    Component({
+        selector: 'aup-separator',
+        template: `
+    <mat-divider [vertical]="isVertical()"></mat-divider>`
+    }),
+    __param(0, Optional()),
+    __metadata("design:paramtypes", [CommandGroup])
+], SeparatorComponent);
+export { SeparatorComponent };
+//# sourceMappingURL=separator.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"separator.component.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["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,IAAa,kBAAkB,GAA/B,MAAa,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;CAEF,CAAA;;YAd2C,YAAY,uBAAzC,QAAQ;;AAFV,kBAAkB;IAN9B,SAAS,CAAC;QACT,QAAQ,EAAE,eAAe;QACzB,QAAQ,EAAE;0DAC8C;KAEzD,CAAC;IAGa,WAAA,QAAQ,EAAE,CAAA;qCAAmB,YAAY;GAF3C,kBAAkB,CAgB9B;SAhBY,kBAAkB","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

@@ -0,0 +1 @@
+[{"__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/commands/separator.component.ngfactory.js.map

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