@coolon/angular-ui-powerups 2.0.0-alpha.9 → 2.0.1

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

@@ -0,0 +1 @@
+[{"__symbolic":"module","version":4,"metadata":{"CommandFaceComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../../disposable-component","name":"DisposableComponent","line":23,"character":45},"arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":17,"character":1},"arguments":[{"selector":"aup-command-face","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":21,"character":17},"member":"None"},"template":"<aup-icon *ngIf=\"iconStart\" [icon]=\"iconModel.value\"></aup-icon>\n<span *ngIf=\"this.text\">{{this.text}}</span>\n<aup-icon *ngIf=\"iconEnd\" [icon]=\"iconModel.value\"></aup-icon>\n","styles":["aup-command-face{--icon-gap:var(--aup-command-face-icon-gap);display:inline-flex;flex-direction:row;align-items:center}aup-command-face *+*{margin-left:var(--icon-gap)}aup-command-face.hide-icon aup-icon{visibility:hidden}"]}]}],"members":{"_rawFace":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3},"arguments":["face"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"StoreInValueModel","line":28,"character":18},"arguments":["faceModel"]}]}],"ignoreIcon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"ignoreText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3}}]}],"includeMissingIconInLayout":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":3}}]}],"requiresMissingIconInLayout":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":40,"character":3},"arguments":["class.hide-icon"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":84,"character":3},"arguments":["attr.color"]}]}]}}}}]

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

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

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

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

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

@@ -0,0 +1,112 @@
+import { __decorate, __metadata } from "tslib";
+import { Memoize } from '@typescript-plus/fast-memoize-decorator/dist/src';
+import _ from 'lodash';
+import { Enum } from 'typescript-string-enums';
+export var CommandFace;
+(function (CommandFace) {
+    let Position;
+    (function (Position) {
+        Position["START"] = "start";
+        Position["END"] = "end";
+    })(Position = CommandFace.Position || (CommandFace.Position = {}));
+    CommandFace.Style = Enum({
+        FLAT: 'flat',
+        STROKED: 'stroked',
+        RAISED: 'raised'
+    });
+    function getColorOf(face) {
+        return _.isFunction(face === null || face === void 0 ? void 0 : face.color) ? face.color() : undefined;
+    }
+    CommandFace.getColorOf = getColorOf;
+    function getStyleOf(face) {
+        return _.isFunction(face === null || face === void 0 ? void 0 : face.style) ? face.style() : undefined;
+    }
+    CommandFace.getStyleOf = getStyleOf;
+    function getIconOf(face) {
+        return _.isFunction(face === null || face === void 0 ? void 0 : face.icon) ? face.icon() : undefined;
+    }
+    CommandFace.getIconOf = getIconOf;
+    function getIconPositionOf(face) {
+        return _.isFunction(face === null || face === void 0 ? void 0 : face.iconPosition) ? face.iconPosition() : undefined;
+    }
+    CommandFace.getIconPositionOf = getIconPositionOf;
+    function getTooltipOf(face) {
+        return _.isFunction(face === null || face === void 0 ? void 0 : face.tooltip) ? face.tooltip() : undefined;
+    }
+    CommandFace.getTooltipOf = getTooltipOf;
+    function getTextOf(face) {
+        return _.isFunction(face === null || face === void 0 ? void 0 : face.text) ? face.text() : undefined;
+    }
+    CommandFace.getTextOf = getTextOf;
+    class Adapter {
+        constructor(face) {
+            this.face = face;
+        }
+        get text() {
+            return CommandFace.getTextOf(this.face);
+        }
+        get icon() {
+            return CommandFace.getIconOf(this.face);
+        }
+        get iconPosition() {
+            return CommandFace.getIconPositionOf(this.face);
+        }
+        get tooltip() {
+            return CommandFace.getTooltipOf(this.face);
+        }
+        get iconPositionStart() {
+            return this.iconPosition === CommandFace.Position.START;
+        }
+        get iconPositionEnd() {
+            return this.iconPosition === CommandFace.Position.END;
+        }
+        get color() {
+            return CommandFace.getColorOf(this.face);
+        }
+        get style() {
+            return CommandFace.getStyleOf(this.face);
+        }
+    }
+    __decorate([
+        Memoize(),
+        __metadata("design:type", Object),
+        __metadata("design:paramtypes", [])
+    ], Adapter.prototype, "text", null);
+    __decorate([
+        Memoize(),
+        __metadata("design:type", Object),
+        __metadata("design:paramtypes", [])
+    ], Adapter.prototype, "icon", null);
+    __decorate([
+        Memoize(),
+        __metadata("design:type", Object),
+        __metadata("design:paramtypes", [])
+    ], Adapter.prototype, "iconPosition", null);
+    __decorate([
+        Memoize(),
+        __metadata("design:type", Object),
+        __metadata("design:paramtypes", [])
+    ], Adapter.prototype, "tooltip", null);
+    __decorate([
+        Memoize(),
+        __metadata("design:type", Boolean),
+        __metadata("design:paramtypes", [])
+    ], Adapter.prototype, "iconPositionStart", null);
+    __decorate([
+        Memoize(),
+        __metadata("design:type", Boolean),
+        __metadata("design:paramtypes", [])
+    ], Adapter.prototype, "iconPositionEnd", null);
+    __decorate([
+        Memoize(),
+        __metadata("design:type", String),
+        __metadata("design:paramtypes", [])
+    ], Adapter.prototype, "color", null);
+    __decorate([
+        Memoize(),
+        __metadata("design:type", String),
+        __metadata("design:paramtypes", [])
+    ], Adapter.prototype, "style", null);
+    CommandFace.Adapter = Adapter;
+})(CommandFace || (CommandFace = {}));
+//# sourceMappingURL=command-face.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"command-face.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/commands/command-face.ts"],"names":[],"mappings":"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","sourcesContent":["import { ThemePalette } from '@angular/material/core';\nimport { Memoize } from '@typescript-plus/fast-memoize-decorator/dist/src';\nimport _ from 'lodash';\nimport { Enum } from 'typescript-string-enums';\nimport { assert } from '@coolon/pectin';\n\nexport interface CommandFace {\n  text?(): string;\n\n  icon?(): string;\n\n  iconPosition?(): string;\n\n  tooltip?(): string;\n\n  color?(): string; // ThemePalette\n\n  style?(): string; // CommandFace.Style;\n}\n\nexport namespace CommandFace {\n\n  export enum Position {\n    START = 'start',\n    END = 'end'\n  }\n\n  export const Style = Enum({\n    FLAT: 'flat',\n    STROKED: 'stroked',\n    RAISED: 'raised'\n  });\n  export type Style = Enum<typeof Style>;\n\n  export function getColorOf(face: CommandFace): ThemePalette {\n    return _.isFunction(face?.color) ? face.color() as ThemePalette : undefined;\n  }\n\n  export function getStyleOf(face: CommandFace): Style {\n    return _.isFunction(face?.style) ? face.style() as Style : undefined;\n  }\n\n  export function getIconOf(face: CommandFace) {\n    return _.isFunction(face?.icon) ? face.icon() : undefined;\n  }\n\n  export function getIconPositionOf(face: CommandFace) {\n    return _.isFunction(face?.iconPosition) ? face.iconPosition() : undefined;\n  }\n\n  export function getTooltipOf(face: CommandFace) {\n    return _.isFunction(face?.tooltip) ? face.tooltip() : undefined;\n  }\n\n  export function getTextOf(face: CommandFace) {\n    return _.isFunction(face?.text) ? face.text() : undefined;\n  }\n\n  export class Adapter {\n    constructor(readonly face: CommandFace) {\n    }\n\n    @Memoize()\n    get text() {\n      return CommandFace.getTextOf(this.face);\n    }\n\n    @Memoize()\n    get icon() {\n      return CommandFace.getIconOf(this.face);\n    }\n\n    @Memoize()\n    get iconPosition() {\n      return CommandFace.getIconPositionOf(this.face);\n    }\n\n    @Memoize()\n    get tooltip() {\n      return CommandFace.getTooltipOf(this.face);\n    }\n\n    @Memoize()\n    get iconPositionStart(): boolean {\n      return this.iconPosition === CommandFace.Position.START;\n    }\n\n    @Memoize()\n    get iconPositionEnd(): boolean {\n      return this.iconPosition === CommandFace.Position.END;\n    }\n\n    @Memoize()\n    get color(): ThemePalette {\n      return CommandFace.getColorOf(this.face);\n    }\n\n    @Memoize()\n    get style(): Style {\n      return CommandFace.getStyleOf(this.face);\n    }\n\n  }\n}\n"]}

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

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

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

@@ -0,0 +1,30 @@
+import { __decorate, __metadata } from "tslib";
+import { Component } from '@angular/core';
+import { DisposableComponent } from '../disposable-component';
+import { CommandGroup } from './group/command-group';
+/**
+ *
+ */
+let FlexComponent = class FlexComponent extends DisposableComponent {
+    constructor(parent) {
+        super();
+        this.parent = parent;
+        if (parent) {
+            parent.registerFlex(this);
+        }
+    }
+    ngOnInit() {
+    }
+};
+FlexComponent.ctorParameters = () => [
+    { type: CommandGroup }
+];
+FlexComponent = __decorate([
+    Component({
+        selector: 'aup-flex',
+        template: ``
+    }),
+    __metadata("design:paramtypes", [CommandGroup])
+], FlexComponent);
+export { FlexComponent };
+//# sourceMappingURL=flex.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"flex.component.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/commands/flex.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAU,MAAM,eAAe,CAAC;AAClD,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAGrD;;GAEG;AAMH,IAAa,aAAa,GAA1B,MAAa,aAAc,SAAQ,mBAAmB;IAEpD,YAAqB,MAAqB;QACxC,KAAK,EAAE,CAAC;QADW,WAAM,GAAN,MAAM,CAAe;QAExC,IAAI,MAAM,EAAE;YACV,MAAM,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;SAC3B;IACH,CAAC;IAED,QAAQ;IACR,CAAC;CAEF,CAAA;;YAV+B,YAAY;;AAF/B,aAAa;IALzB,SAAS,CAAC;QACT,QAAQ,EAAE,UAAU;QACpB,QAAQ,EAAE,EAAE;KAEb,CAAC;qCAG8B,YAAY;GAF/B,aAAa,CAYzB;SAZY,aAAa","sourcesContent":["import { Component, OnInit } 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-flex',\n  template: ``,\n  styles: []\n})\nexport class FlexComponent extends DisposableComponent implements OnInit {\n\n  constructor(readonly parent?: CommandGroup) {\n    super();\n    if (parent) {\n      parent.registerFlex(this);\n    }\n  }\n\n  ngOnInit() {\n  }\n\n}\n"]}

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

@@ -0,0 +1 @@
+[{"__symbolic":"module","version":4,"metadata":{"FlexComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../disposable-component","name":"DisposableComponent","line":13,"character":35},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"aup-flex","template":"","styles":[]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./group/command-group","name":"CommandGroup","line":15,"character":32}]}],"ngOnInit":[{"__symbolic":"method"}]}}}}]

package/esm2015/lib/components/commands/flex.component.ngfactory.js.map

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

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

@@ -0,0 +1,47 @@
+var CommandGroupComponent_1;
+import { __decorate, __metadata, __param } from "tslib";
+import { Component, Input, SkipSelf } from '@angular/core';
+import { StoreInValueModel, TrackExternal, ValueModel } from '@coolon/pectin';
+import { CommandFace } from '../../command-face';
+import { CommandGroup } from '../command-group';
+let CommandGroupComponent = CommandGroupComponent_1 = class CommandGroupComponent extends CommandGroup {
+    constructor(parent) {
+        super(parent);
+        this.parent = parent;
+        this.xPosition = 'after';
+        this.yPosition = 'below';
+        this.parent.registerGroup(this, this.faceModel);
+    }
+};
+CommandGroupComponent.ctorParameters = () => [
+    { type: CommandGroup, decorators: [{ type: SkipSelf }] }
+];
+__decorate([
+    Input(), TrackExternal(),
+    __metadata("design:type", ValueModel)
+], CommandGroupComponent.prototype, "faceModel", void 0);
+__decorate([
+    Input(), StoreInValueModel('faceModel'),
+    __metadata("design:type", Object)
+], CommandGroupComponent.prototype, "face", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", String)
+], CommandGroupComponent.prototype, "xPosition", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", String)
+], CommandGroupComponent.prototype, "yPosition", void 0);
+CommandGroupComponent = CommandGroupComponent_1 = __decorate([
+    Component({
+        selector: 'aup-command-group',
+        template: '',
+        providers: [
+            { provide: CommandGroup, useExisting: CommandGroupComponent_1 }
+        ]
+    }),
+    __param(0, SkipSelf()),
+    __metadata("design:paramtypes", [CommandGroup])
+], CommandGroupComponent);
+export { CommandGroupComponent };
+//# sourceMappingURL=command-group.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"command-group.component.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/commands/group/command-group/command-group.component.ts"],"names":[],"mappings":";;AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAY,QAAQ,EAAE,MAAM,eAAe,CAAC;AACrE,OAAO,EAAE,iBAAiB,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC9E,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAUhD,IAAa,qBAAqB,6BAAlC,MAAa,qBAAsB,SAAQ,YAAY;IAcrD,YAAiC,MAAoB;QACnD,KAAK,CAAC,MAAM,CAAC,CAAC;QADiB,WAAM,GAAN,MAAM,CAAc;QALrD,cAAS,GAAuB,OAAO,CAAC;QAGxC,cAAS,GAAsB,OAAO,CAAC;QAIrC,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC;IAClD,CAAC;CACF,CAAA;;YAJ0C,YAAY,uBAAxC,QAAQ;;AAXrB;IADC,KAAK,EAAE,EAAE,aAAa,EAAE;8BACd,UAAU;wDAAc;AAGnC;IADC,KAAK,EAAE,EAAE,iBAAiB,CAAC,WAAW,CAAC;;mDACtB;AAGlB;IADC,KAAK,EAAE;;wDACgC;AAGxC;IADC,KAAK,EAAE;;wDAC+B;AAZ5B,qBAAqB;IAPjC,SAAS,CAAC;QACT,QAAQ,EAAE,mBAAmB;QAC7B,QAAQ,EAAE,EAAE;QACZ,SAAS,EAAC;YACR,EAAE,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,uBAAqB,EAAE;SAC9D;KACF,CAAC;IAea,WAAA,QAAQ,EAAE,CAAA;qCAAkB,YAAY;GAd1C,qBAAqB,CAkBjC;SAlBY,qBAAqB","sourcesContent":["import { Component, Input, Optional, SkipSelf } from '@angular/core';\nimport { StoreInValueModel, TrackExternal, ValueModel } from '@coolon/pectin';\nimport { CommandFace } from '../../command-face';\nimport { CommandGroup } from '../command-group';\n\n\n@Component({\n  selector: 'aup-command-group',\n  template: '',\n  providers:[\n    { provide: CommandGroup, useExisting: CommandGroupComponent }\n  ]\n})\nexport class CommandGroupComponent extends CommandGroup {\n\n  @Input() @TrackExternal()\n  faceModel: ValueModel<CommandFace>;\n\n  @Input() @StoreInValueModel('faceModel')\n  face: CommandFace;\n\n  @Input()\n  xPosition: 'before' | 'after' = 'after';\n\n  @Input()\n  yPosition: 'above' | 'below' = 'below';\n\n  constructor(@SkipSelf() readonly parent: CommandGroup) {\n    super(parent);\n    this.parent.registerGroup(this, this.faceModel);\n  }\n}\n\n\n"]}

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

@@ -0,0 +1 @@
+[{"__symbolic":"module","version":4,"metadata":{"CommandGroupComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../command-group","name":"CommandGroup","line":13,"character":43},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"aup-command-group","template":"","providers":[{"provide":{"__symbolic":"reference","module":"../command-group","name":"CommandGroup","line":10,"character":15},"useExisting":{"__symbolic":"reference","name":"CommandGroupComponent"}}]}]}],"members":{"faceModel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"TrackExternal","line":15,"character":12}}]}],"face":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"StoreInValueModel","line":18,"character":12},"arguments":["faceModel"]}]}],"xPosition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"yPosition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"SkipSelf","line":27,"character":15}}]],"parameters":[{"__symbolic":"reference","module":"../command-group","name":"CommandGroup","line":27,"character":43}]}]}}}}]

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

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

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

@@ -0,0 +1,55 @@
+import { __decorate, __metadata, __param } from "tslib";
+import { Component, EventEmitter, Input, Optional, Output, QueryList, SkipSelf, ViewChild, ViewChildren } from '@angular/core';
+import { MatMenu, MatMenuTrigger } from '@angular/material/menu';
+import { Dsl, MutableValueModel, StoreInValueModel } from '@coolon/pectin';
+import { DisposableComponent } from '../../../disposable-component';
+import { TrackBy } from '../../../track-by';
+import { ViewData } from '../view-data';
+let CommandGroupMenuRendererComponent = class CommandGroupMenuRendererComponent extends DisposableComponent {
+    constructor(parent) {
+        super();
+        this.parent = parent;
+        this.groupViewDataModel = new MutableValueModel();
+        this.commandFired = new EventEmitter();
+        this.ViewData = ViewData;
+        this.TrackBy = TrackBy;
+        const { chain, valueOf, before, when, after, observe, switchOn } = Dsl.disposeWith(this);
+        this.children = chain(this.groupViewDataModel).pluckList('children');
+        this.hasMixedIcons = chain(this.groupViewDataModel).pluck('hasMixedIcons');
+    }
+    getCommand(data) {
+        const command = ViewData.getCommand(data);
+        const { when } = Dsl.disposeWith(this);
+        when(command.busy).becomesFalsey(() => this.commandFired.emit());
+        return command;
+    }
+};
+CommandGroupMenuRendererComponent.ctorParameters = () => [
+    { type: CommandGroupMenuRendererComponent, decorators: [{ type: Optional }, { type: SkipSelf }] }
+];
+__decorate([
+    ViewChild('menu', { static: true }),
+    __metadata("design:type", MatMenu)
+], CommandGroupMenuRendererComponent.prototype, "menuComponent", void 0);
+__decorate([
+    Input(), StoreInValueModel('groupViewDataModel'),
+    __metadata("design:type", ViewData.GroupData)
+], CommandGroupMenuRendererComponent.prototype, "groupViewData", void 0);
+__decorate([
+    Output(),
+    __metadata("design:type", Object)
+], CommandGroupMenuRendererComponent.prototype, "commandFired", void 0);
+__decorate([
+    ViewChildren(MatMenuTrigger),
+    __metadata("design:type", QueryList)
+], CommandGroupMenuRendererComponent.prototype, "triggers", void 0);
+CommandGroupMenuRendererComponent = __decorate([
+    Component({
+        selector: 'aup-command-group-menu',
+        template: "<mat-menu #menu [xPosition]=\"groupViewData.xPosition\" [yPosition]=\"groupViewData.yPosition\">\n  <ng-container *ngFor=\"let data of children.value; trackBy: TrackBy.byIndex\" >\n    <button *ngIf=\"ViewData.isCommand(data)\"\n            [pectinCommand]=\"getCommand(data)\"\n            [matTooltip]=\"ViewData.getTooltip(data)\"\n            mat-menu-item>\n      <aup-command-face [face]=\"ViewData.getFace(data)\"\n                        [includeMissingIconInLayout]=\"hasMixedIcons.value\"></aup-command-face>\n    </button>\n\n    <ng-container *ngIf=\"ViewData.isGroup(data)\">\n      <button mat-menu-item\n              #trigger=\"matMenuTrigger\"\n              [matMenuTriggerFor]=\"innerPanel.menuComponent\"\n      >\n        <aup-command-face [face]=\"ViewData.getFace(data)\"\n                          [includeMissingIconInLayout]=\"hasMixedIcons.value\"></aup-command-face>\n      </button>\n      <aup-command-group-menu #innerPanel\n                              [groupViewData]=\"ViewData.asGroup(data)\"\n                              (commandFired)=\"trigger.closeMenu()\"></aup-command-group-menu>\n    </ng-container>\n\n    <mat-divider *ngIf=\"ViewData.isSeparator(data)\"></mat-divider>\n\n  </ng-container>\n</mat-menu>\n"
+    }),
+    __param(0, Optional()), __param(0, SkipSelf()),
+    __metadata("design:paramtypes", [CommandGroupMenuRendererComponent])
+], CommandGroupMenuRendererComponent);
+export { CommandGroupMenuRendererComponent };
+//# sourceMappingURL=command-group-menu-renderer.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"command-group-menu-renderer.component.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/commands/group/command-group-menu-renderer/command-group-menu-renderer.component.ts"],"names":[],"mappings":";AAAA,OAAO,EACL,SAAS,EACT,YAAY,EACZ,KAAK,EACL,QAAQ,EACR,MAAM,EACN,SAAS,EACT,QAAQ,EACR,SAAS,EACT,YAAY,EACb,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACjE,OAAO,EAAE,GAAG,EAAkB,iBAAiB,EAAE,iBAAiB,EAAmB,MAAM,gBAAgB,CAAC;AAC5G,OAAO,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AACpE,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAE5C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAMxC,IAAa,iCAAiC,GAA9C,MAAa,iCAAkC,SAAQ,mBAAmB;IAwBxE,YAA6C,MAA0C;QACrF,KAAK,EAAE,CAAC;QADmC,WAAM,GAAN,MAAM,CAAoC;QAnBtE,uBAAkB,GAAG,IAAI,iBAAiB,EAAsB,CAAC;QAMlF,iBAAY,GAAG,IAAI,YAAY,EAAE,CAAC;QASzB,aAAQ,GAAG,QAAQ,CAAC;QAE7B,YAAO,GAAG,OAAO,CAAC;QAIhB,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,GAAG,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;QACzF,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;QACrE,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC;IAC7E,CAAC;IAED,UAAU,CAAC,IAAc;QACvB,MAAM,OAAO,GAAG,QAAQ,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;QAC1C,MAAM,EAAE,IAAI,EAAE,GAAG,GAAG,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;QACvC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,aAAa,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,CAAC,CAAC;QACjE,OAAO,OAAO,CAAC;IACjB,CAAC;CAEF,CAAA;;YAduD,iCAAiC,uBAA1E,QAAQ,YAAI,QAAQ;;AArBjC;IADC,SAAS,CAAC,MAAM,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC;8BACrB,OAAO;wEAAC;AAKvB;IADC,KAAK,EAAE,EAAE,iBAAiB,CAAC,oBAAoB,CAAC;8BAClC,QAAQ,CAAC,SAAS;wEAAC;AAGlC;IADC,MAAM,EAAE;;uEACyB;AAGlC;IADC,YAAY,CAAC,cAAc,CAAC;8BACnB,SAAS;mEAAiB;AAdzB,iCAAiC;IAJ7C,SAAS,CAAC;QACT,QAAQ,EAAE,wBAAwB;QAClC,ivCAA2D;KAC5D,CAAC;IAyBa,WAAA,QAAQ,EAAE,CAAA,EAAE,WAAA,QAAQ,EAAE,CAAA;qCAAmB,iCAAiC;GAxB5E,iCAAiC,CAsC7C;SAtCY,iCAAiC","sourcesContent":["import {\n  Component,\n  EventEmitter,\n  Input,\n  Optional,\n  Output,\n  QueryList,\n  SkipSelf,\n  ViewChild,\n  ViewChildren\n} from '@angular/core';\nimport { MatMenu, MatMenuTrigger } from '@angular/material/menu';\nimport { Dsl, ListModelChain, MutableValueModel, StoreInValueModel, ValueModelChain } from '@coolon/pectin';\nimport { DisposableComponent } from '../../../disposable-component';\nimport { TrackBy } from '../../../track-by';\nimport { Registration } from '../registration';\nimport { ViewData } from '../view-data';\n\n@Component({\n  selector: 'aup-command-group-menu',\n  templateUrl: './command-group-menu-renderer.component.html'\n})\nexport class CommandGroupMenuRendererComponent extends DisposableComponent {\n\n  @ViewChild('menu', { static: true })\n  menuComponent: MatMenu;\n\n  private readonly groupViewDataModel = new MutableValueModel<ViewData.GroupData>();\n\n  @Input() @StoreInValueModel('groupViewDataModel')\n  groupViewData: ViewData.GroupData;\n\n  @Output()\n  commandFired = new EventEmitter();\n\n  @ViewChildren(MatMenuTrigger)\n  triggers: QueryList<MatMenuTrigger>;\n\n  readonly children: ListModelChain<Registration>;\n\n  readonly hasMixedIcons: ValueModelChain<boolean>;\n\n  readonly ViewData = ViewData;\n\n  TrackBy = TrackBy;\n\n  constructor(@Optional() @SkipSelf() readonly parent?: CommandGroupMenuRendererComponent) {\n    super();\n    const { chain, valueOf, before, when, after, observe, switchOn } = Dsl.disposeWith(this);\n    this.children = chain(this.groupViewDataModel).pluckList('children');\n    this.hasMixedIcons = chain(this.groupViewDataModel).pluck('hasMixedIcons');\n  }\n\n  getCommand(data: ViewData) {\n    const command = ViewData.getCommand(data);\n    const { when } = Dsl.disposeWith(this);\n    when(command.busy).becomesFalsey(() => this.commandFired.emit());\n    return command;\n  }\n\n}\n\n\n"]}

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

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

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

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

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

@@ -0,0 +1,39 @@
+import { __decorate, __metadata } from "tslib";
+import { Component, HostBinding, Input } from '@angular/core';
+import { Dsl, StoreInValueModel, TrackExternal, ValueModel } from '@coolon/pectin';
+import { DisposableComponent } from '../../../disposable-component';
+import { ViewData } from '../view-data';
+import { TrackBy } from '../../../track-by';
+let CommandGroupRendererComponent = class CommandGroupRendererComponent extends DisposableComponent {
+    constructor() {
+        super();
+        this.renderRootNode = true;
+        this.ViewData = ViewData;
+        this.TrackBy = TrackBy;
+        const { chain, valueOf, before, when, after, observe, switchOn } = Dsl.disposeWith(this);
+        this.childViewDataModels = chain(this.groupViewDataModel).pluckList('children');
+    }
+};
+__decorate([
+    Input(), TrackExternal(),
+    __metadata("design:type", ValueModel)
+], CommandGroupRendererComponent.prototype, "groupViewDataModel", void 0);
+__decorate([
+    Input(), StoreInValueModel('groupViewDataModel'),
+    __metadata("design:type", ViewData.GroupData)
+], CommandGroupRendererComponent.prototype, "groupViewData", void 0);
+__decorate([
+    Input(),
+    HostBinding('class.render-root'),
+    __metadata("design:type", Object)
+], CommandGroupRendererComponent.prototype, "renderRootNode", void 0);
+CommandGroupRendererComponent = __decorate([
+    Component({
+        selector: 'aup-command-group-renderer',
+        template: "<ng-template #groupTemplate let-group>\n\n  <ng-container *ngIf=\"ViewData.hasText(group)\" [ngSwitch]=\"ViewData.getStyle(group)\">\n    <ng-container *ngSwitchCase=\"'stroked'\">\n      <button #trigger=\"matMenuTrigger\"\n              [matMenuTriggerFor]=\"subMenu.menuComponent\"\n              [matTooltip]=\"ViewData.getTooltip(group)\"\n              [color]=\"ViewData.getColor(group)\"\n              mat-stroked-button>\n        <aup-command-face [face]=\"ViewData.getFace(group)\"></aup-command-face>\n      </button>\n      <aup-command-group-menu #subMenu [groupViewData]=\"group\" (commandFired)=\"trigger.closeMenu()\"></aup-command-group-menu>\n    </ng-container>\n\n    <ng-container *ngSwitchCase=\"'raised'\">\n      <button #trigger=\"matMenuTrigger\"\n              [matMenuTriggerFor]=\"subMenu.menuComponent\"\n\n              [matTooltip]=\"ViewData.getTooltip(group)\"\n              [color]=\"ViewData.getColor(group)\"\n              mat-raised-button>\n        <aup-command-face [face]=\"ViewData.getFace(group)\"></aup-command-face>\n      </button>\n      <aup-command-group-menu #subMenu [groupViewData]=\"group\" (commandFired)=\"trigger.closeMenu()\"></aup-command-group-menu>\n    </ng-container>\n\n    <ng-container *ngSwitchDefault>\n      <button #trigger=\"matMenuTrigger\"\n              [matMenuTriggerFor]=\"subMenu.menuComponent\"\n              [matTooltip]=\"ViewData.getTooltip(group)\"\n              [color]=\"ViewData.getColor(group)\"\n              mat-button>\n        <aup-command-face [face]=\"ViewData.getFace(group)\"></aup-command-face>\n      </button>\n      <aup-command-group-menu #subMenu [groupViewData]=\"group\" (commandFired)=\"trigger.closeMenu()\"></aup-command-group-menu>\n    </ng-container>\n\n  </ng-container>\n\n  <ng-container *ngIf=\"!ViewData.hasText(group)\">\n    <button        #trigger=\"matMenuTrigger\"\n                   mat-icon-button\n                   [matMenuTriggerFor]=\"subMenu.menuComponent\"\n\n                   [matTooltip]=\"ViewData.getTooltip(group)\"\n                   [color]=\"ViewData.getColor(group)\"\n    >\n      <aup-command-face [face]=\"ViewData.getFace(group)\"></aup-command-face>\n    </button>\n    <aup-command-group-menu #subMenu [groupViewData]=\"group\" (commandFired)=\"trigger.closeMenu()\"></aup-command-group-menu>\n  </ng-container>\n\n</ng-template>\n\n\n<ng-template #commandTemplate let-data>\n\n  <ng-container *ngIf=\"ViewData.hasText(data)\" [ngSwitch]=\"ViewData.getStyle(data)\">\n    <button *ngSwitchCase=\"'raised'\"\n            [pectinCommand]=\"ViewData.getCommand(data)\"\n            [matTooltip]=\"ViewData.getTooltip(data)\"\n            [color]=\"ViewData.getColor(data)\"\n            mat-raised-button>\n      <aup-command-face [face]=\"ViewData.getFace(data)\"></aup-command-face>\n    </button>\n    <button *ngSwitchCase=\"'stroked'\"\n            [pectinCommand]=\"ViewData.getCommand(data)\"\n            [matTooltip]=\"ViewData.getTooltip(data)\"\n            [color]=\"ViewData.getColor(data)\"\n            mat-stroked-button>\n      <aup-command-face [face]=\"ViewData.getFace(data)\"></aup-command-face>\n    </button>\n    <button *ngSwitchDefault\n            [pectinCommand]=\"ViewData.getCommand(data)\"\n            [matTooltip]=\"ViewData.getTooltip(data)\"\n            [color]=\"ViewData.getColor(data)\"\n            mat-button>\n      <aup-command-face [face]=\"ViewData.getFace(data)\"></aup-command-face>\n    </button>\n  </ng-container>\n\n  <button *ngIf=\"!ViewData.hasText(data)\"\n          [pectinCommand]=\"ViewData.getCommand(data)\"\n          [matTooltip]=\"ViewData.getTooltip(data)\"\n          [color]=\"ViewData.getColor(data)\"\n          mat-icon-button>\n    <aup-command-face [face]=\"ViewData.getFace(data)\"></aup-command-face>\n  </button>\n\n</ng-template>\n\n\n<ng-template *ngIf=\"renderRootNode\"\n             [ngTemplateOutlet]=\"groupTemplate\"\n             [ngTemplateOutletContext]=\"{ $implicit: groupViewDataModel.value }\">\n</ng-template>\n\n<ng-container *ngIf=\"!renderRootNode\">\n  <ng-container *ngFor=\"let data of this.childViewDataModels.value; trackBy: TrackBy.byIndex\">\n    <ng-template *ngIf=\"ViewData.isGroup(data)\"\n                 [ngTemplateOutlet]=\"groupTemplate\"\n                 [ngTemplateOutletContext]=\"{ $implicit: data }\">\n    </ng-template>\n    <ng-template *ngIf=\"ViewData.isCommand(data)\"\n                 [ngTemplateOutlet]=\"commandTemplate\"\n                 [ngTemplateOutletContext]=\"{ $implicit: data }\">\n    </ng-template>\n\n    <mat-divider *ngIf=\"ViewData.isSeparator(data)\" [vertical]=\"true\"></mat-divider>\n  </ng-container>\n\n</ng-container>\n",
+        styles: [":host{display:inline-flex;flex-direction:row;align-items:center}:host:not(.render-root) mat-divider{-ms-grid-row-align:stretch;align-self:stretch;margin:4px 0}:host:not(.render-root)>*+*{margin-left:8px}:host span.flex{flex:1}"]
+    }),
+    __metadata("design:paramtypes", [])
+], CommandGroupRendererComponent);
+export { CommandGroupRendererComponent };
+//# sourceMappingURL=command-group-renderer.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"command-group-renderer.component.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/commands/group/command-group-renderer/command-group-renderer.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC9D,OAAO,EAAE,GAAG,EAAkB,iBAAiB,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AACnG,OAAO,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AACpE,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAO5C,IAAa,6BAA6B,GAA1C,MAAa,6BAA8B,SAAQ,mBAAmB;IAkBpE;QACE,KAAK,EAAE,CAAC;QATV,mBAAc,GAAG,IAAI,CAAC;QAEb,aAAQ,GAAG,QAAQ,CAAC;QAI7B,YAAO,GAAG,OAAO,CAAA;QAIf,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,GAAG,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;QACzF,IAAI,CAAC,mBAAmB,GAAG,KAAK,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;IAClF,CAAC;CAEF,CAAA;AArBC;IADC,KAAK,EAAE,EAAE,aAAa,EAAE;8BACL,UAAU;yEAAqB;AAGnD;IADC,KAAK,EAAE,EAAE,iBAAiB,CAAC,oBAAoB,CAAC;8BAClC,QAAQ,CAAC,SAAS;oEAAC;AAIlC;IAFC,KAAK,EAAE;IACP,WAAW,CAAC,mBAAmB,CAAC;;qEACX;AAVX,6BAA6B;IALzC,SAAS,CAAC;QACT,QAAQ,EAAE,4BAA4B;QACtC,wnJAAsD;;KAEvD,CAAC;;GACW,6BAA6B,CAwBzC;SAxBY,6BAA6B","sourcesContent":["import { Component, HostBinding, Input } from '@angular/core';\nimport { Dsl, ListModelChain, StoreInValueModel, TrackExternal, ValueModel } from '@coolon/pectin';\nimport { DisposableComponent } from '../../../disposable-component';\nimport { ViewData } from '../view-data';\nimport { TrackBy } from '../../../track-by';\n\n@Component({\n  selector: 'aup-command-group-renderer',\n  templateUrl: './command-group-renderer.component.html',\n  styleUrls: ['./command-group-renderer.component.scss']\n})\nexport class CommandGroupRendererComponent extends DisposableComponent {\n\n  @Input() @TrackExternal()\n  groupViewDataModel: ValueModel<ViewData.GroupData>;\n\n  @Input() @StoreInValueModel('groupViewDataModel')\n  groupViewData: ViewData.GroupData;\n\n  @Input()\n  @HostBinding('class.render-root')\n  renderRootNode = true;\n\n  readonly ViewData = ViewData;\n\n  readonly childViewDataModels: ListModelChain<ViewData>;\n\n  TrackBy = TrackBy\n\n  constructor() {\n    super();\n    const { chain, valueOf, before, when, after, observe, switchOn } = Dsl.disposeWith(this);\n    this.childViewDataModels = chain(this.groupViewDataModel).pluckList('children');\n  }\n\n}\n\n\n"]}

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

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

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

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

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

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

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