@coolon/angular-ui-powerups 2.0.2 → 3.0.0

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

@@ -1 +0,0 @@
-{"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;IAAmC,iCAAmB;IAEpD,uBAAqB,MAAqB;QAA1C,YACE,iBAAO,SAIR;QALoB,YAAM,GAAN,MAAM,CAAe;QAExC,IAAI,MAAM,EAAE;YACV,MAAM,CAAC,YAAY,CAAC,KAAI,CAAC,CAAC;SAC3B;;IACH,CAAC;IAED,gCAAQ,GAAR;IACA,CAAC;;gBAR6B,YAAY;;IAF/B,aAAa;QALzB,SAAS,CAAC;YACT,QAAQ,EAAE,UAAU;YACpB,QAAQ,EAAE,EAAE;SAEb,CAAC;yCAG8B,YAAY;OAF/B,aAAa,CAYzB;IAAD,oBAAC;CAAA,AAZD,CAAmC,mBAAmB,GAYrD;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/esm5/lib/components/commands/flex.component.ngfactory.js.map

@@ -1 +0,0 @@
-{"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/esm5/lib/components/commands/group/command-group/command-group.component.js

@@ -1,51 +0,0 @@
-import { __decorate, __extends, __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';
-var CommandGroupComponent = /** @class */ (function (_super) {
-    __extends(CommandGroupComponent, _super);
-    function CommandGroupComponent(parent) {
-        var _this = _super.call(this, parent) || this;
-        _this.parent = parent;
-        _this.xPosition = 'after';
-        _this.yPosition = 'below';
-        _this.parent.registerGroup(_this, _this.faceModel);
-        return _this;
-    }
-    CommandGroupComponent_1 = CommandGroupComponent;
-    var CommandGroupComponent_1;
-    CommandGroupComponent.ctorParameters = function () { return [
-        { 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);
-    return CommandGroupComponent;
-}(CommandGroup));
-export { CommandGroupComponent };
-//# sourceMappingURL=command-group.component.js.map

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

@@ -1 +0,0 @@
-{"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;IAA2C,yCAAY;IAcrD,+BAAiC,MAAoB;QAArD,YACE,kBAAM,MAAM,CAAC,SAEd;QAHgC,YAAM,GAAN,MAAM,CAAc;QALrD,eAAS,GAAuB,OAAO,CAAC;QAGxC,eAAS,GAAsB,OAAO,CAAC;QAIrC,KAAI,CAAC,MAAM,CAAC,aAAa,CAAC,KAAI,EAAE,KAAI,CAAC,SAAS,CAAC,CAAC;;IAClD,CAAC;8BAjBU,qBAAqB;;;gBAcS,YAAY,uBAAxC,QAAQ;;IAXrB;QADC,KAAK,EAAE,EAAE,aAAa,EAAE;kCACd,UAAU;4DAAc;IAGnC;QADC,KAAK,EAAE,EAAE,iBAAiB,CAAC,WAAW,CAAC;;uDACtB;IAGlB;QADC,KAAK,EAAE;;4DACgC;IAGxC;QADC,KAAK,EAAE;;4DAC+B;IAZ5B,qBAAqB;QAPjC,SAAS,CAAC;YACT,QAAQ,EAAE,mBAAmB;YAC7B,QAAQ,EAAE,EAAE;YACZ,SAAS,EAAC;gBACR,EAAE,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,uBAAqB,EAAE;aAC9D;SACF,CAAC;QAea,WAAA,QAAQ,EAAE,CAAA;yCAAkB,YAAY;OAd1C,qBAAqB,CAkBjC;IAAD,4BAAC;CAAA,AAlBD,CAA2C,YAAY,GAkBtD;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/esm5/lib/components/commands/group/command-group/command-group.component.ngfactory.js.map

@@ -1 +0,0 @@
-{"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/esm5/lib/components/commands/group/command-group-menu-renderer/command-group-menu-renderer.component.js

@@ -1,59 +0,0 @@
-import { __decorate, __extends, __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';
-var CommandGroupMenuRendererComponent = /** @class */ (function (_super) {
-    __extends(CommandGroupMenuRendererComponent, _super);
-    function CommandGroupMenuRendererComponent(parent) {
-        var _this = _super.call(this) || this;
-        _this.parent = parent;
-        _this.groupViewDataModel = new MutableValueModel();
-        _this.commandFired = new EventEmitter();
-        _this.ViewData = ViewData;
-        _this.TrackBy = TrackBy;
-        var _a = Dsl.disposeWith(_this), chain = _a.chain, valueOf = _a.valueOf, before = _a.before, when = _a.when, after = _a.after, observe = _a.observe, switchOn = _a.switchOn;
-        _this.children = chain(_this.groupViewDataModel).pluckList('children');
-        _this.hasMixedIcons = chain(_this.groupViewDataModel).pluck('hasMixedIcons');
-        return _this;
-    }
-    CommandGroupMenuRendererComponent.prototype.getCommand = function (data) {
-        var _this = this;
-        var command = ViewData.getCommand(data);
-        var when = Dsl.disposeWith(this).when;
-        when(command.busy).becomesFalsey(function () { return _this.commandFired.emit(); });
-        return command;
-    };
-    CommandGroupMenuRendererComponent.ctorParameters = function () { return [
-        { 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);
-    return CommandGroupMenuRendererComponent;
-}(DisposableComponent));
-export { CommandGroupMenuRendererComponent };
-//# sourceMappingURL=command-group-menu-renderer.component.js.map

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

@@ -1 +0,0 @@
-{"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;IAAuD,qDAAmB;IAwBxE,2CAA6C,MAA0C;QAAvF,YACE,iBAAO,SAIR;QAL4C,YAAM,GAAN,MAAM,CAAoC;QAnBtE,wBAAkB,GAAG,IAAI,iBAAiB,EAAsB,CAAC;QAMlF,kBAAY,GAAG,IAAI,YAAY,EAAE,CAAC;QASzB,cAAQ,GAAG,QAAQ,CAAC;QAE7B,aAAO,GAAG,OAAO,CAAC;QAIV,IAAA,2BAAkF,EAAhF,gBAAK,EAAE,oBAAO,EAAE,kBAAM,EAAE,cAAI,EAAE,gBAAK,EAAE,oBAAO,EAAE,sBAAkC,CAAC;QACzF,KAAI,CAAC,QAAQ,GAAG,KAAK,CAAC,KAAI,CAAC,kBAAkB,CAAC,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;QACrE,KAAI,CAAC,aAAa,GAAG,KAAK,CAAC,KAAI,CAAC,kBAAkB,CAAC,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC;;IAC7E,CAAC;IAED,sDAAU,GAAV,UAAW,IAAc;QAAzB,iBAKC;QAJC,IAAM,OAAO,GAAG,QAAQ,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;QAClC,IAAA,iCAAI,CAA2B;QACvC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,aAAa,CAAC,cAAM,OAAA,KAAI,CAAC,YAAY,CAAC,IAAI,EAAE,EAAxB,CAAwB,CAAC,CAAC;QACjE,OAAO,OAAO,CAAC;IACjB,CAAC;;gBAZqD,iCAAiC,uBAA1E,QAAQ,YAAI,QAAQ;;IArBjC;QADC,SAAS,CAAC,MAAM,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC;kCACrB,OAAO;4EAAC;IAKvB;QADC,KAAK,EAAE,EAAE,iBAAiB,CAAC,oBAAoB,CAAC;kCAClC,QAAQ,CAAC,SAAS;4EAAC;IAGlC;QADC,MAAM,EAAE;;2EACyB;IAGlC;QADC,YAAY,CAAC,cAAc,CAAC;kCACnB,SAAS;uEAAiB;IAdzB,iCAAiC;QAJ7C,SAAS,CAAC;YACT,QAAQ,EAAE,wBAAwB;YAClC,ivCAA2D;SAC5D,CAAC;QAyBa,WAAA,QAAQ,EAAE,CAAA,EAAE,WAAA,QAAQ,EAAE,CAAA;yCAAmB,iCAAiC;OAxB5E,iCAAiC,CAsC7C;IAAD,wCAAC;CAAA,AAtCD,CAAuD,mBAAmB,GAsCzE;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/esm5/lib/components/commands/group/command-group-menu-renderer/command-group-menu-renderer.component.ngfactory.js.map

@@ -1 +0,0 @@
-{"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/esm5/lib/components/commands/group/command-group-renderer/command-group-renderer.component.js

@@ -1,42 +0,0 @@
-import { __decorate, __extends, __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';
-var CommandGroupRendererComponent = /** @class */ (function (_super) {
-    __extends(CommandGroupRendererComponent, _super);
-    function CommandGroupRendererComponent() {
-        var _this = _super.call(this) || this;
-        _this.renderRootNode = true;
-        _this.ViewData = ViewData;
-        _this.TrackBy = TrackBy;
-        var _a = Dsl.disposeWith(_this), chain = _a.chain, valueOf = _a.valueOf, before = _a.before, when = _a.when, after = _a.after, observe = _a.observe, switchOn = _a.switchOn;
-        _this.childViewDataModels = chain(_this.groupViewDataModel).pluckList('children');
-        return _this;
-    }
-    __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);
-    return CommandGroupRendererComponent;
-}(DisposableComponent));
-export { CommandGroupRendererComponent };
-//# sourceMappingURL=command-group-renderer.component.js.map

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

@@ -1 +0,0 @@
-{"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;IAAmD,iDAAmB;IAkBpE;QAAA,YACE,iBAAO,SAGR;QAZD,oBAAc,GAAG,IAAI,CAAC;QAEb,cAAQ,GAAG,QAAQ,CAAC;QAI7B,aAAO,GAAG,OAAO,CAAA;QAIT,IAAA,2BAAkF,EAAhF,gBAAK,EAAE,oBAAO,EAAE,kBAAM,EAAE,cAAI,EAAE,gBAAK,EAAE,oBAAO,EAAE,sBAAkC,CAAC;QACzF,KAAI,CAAC,mBAAmB,GAAG,KAAK,CAAC,KAAI,CAAC,kBAAkB,CAAC,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;;IAClF,CAAC;IAnBD;QADC,KAAK,EAAE,EAAE,aAAa,EAAE;kCACL,UAAU;6EAAqB;IAGnD;QADC,KAAK,EAAE,EAAE,iBAAiB,CAAC,oBAAoB,CAAC;kCAClC,QAAQ,CAAC,SAAS;wEAAC;IAIlC;QAFC,KAAK,EAAE;QACP,WAAW,CAAC,mBAAmB,CAAC;;yEACX;IAVX,6BAA6B;QALzC,SAAS,CAAC;YACT,QAAQ,EAAE,4BAA4B;YACtC,wnJAAsD;;SAEvD,CAAC;;OACW,6BAA6B,CAwBzC;IAAD,oCAAC;CAAA,AAxBD,CAAmD,mBAAmB,GAwBrE;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/esm5/lib/components/commands/group/command-group-renderer/command-group-renderer.component.ngfactory.js.map

@@ -1 +0,0 @@
-{"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/esm5/lib/components/commands/group/command-group-renderer/command-group-renderer.component.scss.shim.ngstyle.js.map

@@ -1 +0,0 @@
-{"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/esm5/lib/components/commands/group/command-group.js

@@ -1,122 +0,0 @@
-import { __decorate, __extends, __metadata } from "tslib";
-import { Dsl, GarbageCollector, MutableListModel, MutableValueModel, StoreInValueModel, TrackExternal, ValueModel } from '@coolon/pectin';
-import { Registration } from './registration';
-import { ViewData } from './view-data';
-var CommandGroup = /** @class */ (function (_super) {
-    __extends(CommandGroup, _super);
-    function CommandGroup(parent) {
-        var _this = _super.call(this) || this;
-        _this.parent = parent;
-        _this._rootTemplate = new MutableValueModel();
-        _this._registrations = new MutableListModel();
-        var _a = Dsl.disposeWith(_this), chain = _a.chain, valueOf = _a.valueOf, before = _a.before, when = _a.when, after = _a.after, observe = _a.observe, switchOn = _a.switchOn;
-        _this.childTemplates = chain(_this._rootTemplate).pluckList('children');
-        _this.initialised = chain(_this._rootTemplate).isNotNil();
-        return _this;
-    }
-    CommandGroup.prototype.initialise = function () {
-        this.rebuildTemplates();
-    };
-    Object.defineProperty(CommandGroup.prototype, "rootTemplate", {
-        get: function () {
-            return this._rootTemplate.readonly;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(CommandGroup.prototype, "registrations", {
-        get: function () {
-            return this._registrations.readonly;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    CommandGroup.prototype.notifyChanged = function () {
-        if (this.parent) {
-            this.parent.notifyChanged();
-        }
-        else {
-            this.rebuildTemplates();
-        }
-    };
-    CommandGroup.prototype.notifyChildFaceChanged = function (is, was) {
-        this.notifyChanged();
-    };
-    CommandGroup.prototype.rebuildTemplates = function () {
-        this._rootTemplate.value = new ViewData.GroupData(this.faceModel.value, this.xPosition, this.yPosition, this.registrations.value.map(function (r) { return r.toTemplate(); }));
-    };
-    Object.defineProperty(CommandGroup.prototype, "depth", {
-        get: function () {
-            return this.isRoot() ? 0 : this.parent.depth + 1;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    CommandGroup.prototype.isRoot = function () {
-        return false;
-    };
-    CommandGroup.prototype.registerCommand = function (command, faceModel) {
-        return this.register(new Registration.CommandRegistration(faceModel, command));
-    };
-    CommandGroup.prototype.registerGroup = function (group, faceModel) {
-        return this.register(new Registration.GroupRegistration(faceModel, group));
-    };
-    CommandGroup.prototype.registerFlex = function (component) {
-        return this.register(new Registration.FlexRegistration());
-    };
-    CommandGroup.prototype.registerSeparator = function (component) {
-        return this.register(new Registration.SeparatorRegistration());
-    };
-    CommandGroup.prototype.register = function (registration) {
-        var _this = this;
-        this._registrations.push(registration);
-        if (registration instanceof Registration.FaceRegistration) {
-            var when = Dsl.disposeWith(registration).when;
-            when(registration.faceModel).changes(function (is, was) {
-                _this.notifyChildFaceChanged(is, was);
-            }, { asLongAs: this.initialised });
-        }
-        registration.onDispose(function () { return _this._registrations.remove(registration); });
-        return registration;
-    };
-    return CommandGroup;
-}(GarbageCollector));
-export { CommandGroup };
-(function (CommandGroup) {
-    var Root = /** @class */ (function (_super) {
-        __extends(Root, _super);
-        function Root() {
-            return _super !== null && _super.apply(this, arguments) || this;
-        }
-        Root.prototype.isRoot = function () {
-            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);
-        return Root;
-    }(CommandGroup));
-    CommandGroup.Root = Root;
-    function factory() {
-        return new Root();
-    }
-    CommandGroup.factory = factory;
-})(CommandGroup || (CommandGroup = {}));
-//# sourceMappingURL=command-group.js.map

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

@@ -1 +0,0 @@
-{"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/esm5/lib/components/commands/group/more-menu.component.js

@@ -1,58 +0,0 @@
-import { __decorate, __extends, __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';
-var ɵ0 = CommandGroup.factory;
-/**
- *
- */
-var MoreMenuComponent = /** @class */ (function (_super) {
-    __extends(MoreMenuComponent, _super);
-    function MoreMenuComponent(group) {
-        var _this = _super.call(this) || this;
-        _this.group = group;
-        _this.tooltipModel = new MutableValueModel();
-        var _a = Dsl.disposeWith(_this), chain = _a.chain, valueOf = _a.valueOf, before = _a.before, when = _a.when, after = _a.after, observe = _a.observe, switchOn = _a.switchOn;
-        group.xPosition = 'before'; // this should be the default unless overridden by the user.
-        group.faceModel = chain(_this.tooltipModel).map(function (tooltip) {
-            return {
-                icon: function () { return 'mat:more_vert'; },
-                tooltip: function () {
-                    return tooltip;
-                }
-            };
-        }, { allowNil: true });
-        return _this;
-    }
-    MoreMenuComponent.prototype.ngOnInit = function () {
-    };
-    MoreMenuComponent.prototype.ngAfterContentInit = function () {
-        this.group.initialise();
-    };
-    MoreMenuComponent.ctorParameters = function () { return [
-        { 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);
-    return MoreMenuComponent;
-}(DisposableComponent));
-export { MoreMenuComponent };
-export { ɵ0 };
-//# sourceMappingURL=more-menu.component.js.map

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

@@ -1 +0,0 @@
-{"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;SAQI,YAAY,CAAC,OAAO;AANvE;;GAEG;AAMH;IAAuC,qCAAmB;IAOxD,2BAAqB,KAAmB;QAAxC,YACE,iBAAO,SAWR;QAZoB,WAAK,GAAL,KAAK,CAAc;QALhC,kBAAY,GAAG,IAAI,iBAAiB,EAAU,CAAC;QAO/C,IAAA,2BAAkF,EAAhF,gBAAK,EAAE,oBAAO,EAAE,kBAAM,EAAE,cAAI,EAAE,gBAAK,EAAE,oBAAO,EAAE,sBAAkC,CAAC;QACzF,KAAK,CAAC,SAAS,GAAG,QAAQ,CAAC,CAAC,4DAA4D;QACxF,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,KAAI,CAAC,YAAY,CAAC,CAAC,GAAG,CAAC,UAAA,OAAO;YACpD,OAAO;gBACL,IAAI,EAAE,cAAM,OAAA,eAAe,EAAf,CAAe;gBAC3B,OAAO,EAAP;oBACE,OAAO,OAAO,CAAC;gBACjB,CAAC;aACF,CAAC;QACJ,CAAC,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC;;IACzB,CAAC;IAED,oCAAQ,GAAR;IACA,CAAC;IAGD,8CAAkB,GAAlB;QACE,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE,CAAC;IAC1B,CAAC;;gBApB2B,YAAY;;IAFxC;QADC,KAAK,EAAE,EAAE,iBAAiB,CAAC,cAAc,CAAC;;sDAC3B;IAoBhB;QADC,KAAK,EAAE;;;;+DAGP;IA3BU,iBAAiB;QAL7B,SAAS,CAAC;YACT,QAAQ,EAAE,eAAe;YACzB,QAAQ,EAAE,6HAA6H;YACvI,SAAS,EAAE,CAAC,EAAE,OAAO,EAAE,YAAY,EAAE,UAAU,IAAsB,EAAE,CAAC;SACzE,CAAC;yCAQ4B,YAAY;OAP7B,iBAAiB,CA6B7B;IAAD,wBAAC;CAAA,AA7BD,CAAuC,mBAAmB,GA6BzD;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/esm5/lib/components/commands/group/more-menu.component.ngfactory.js.map

@@ -1 +0,0 @@
-{"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/esm5/lib/components/commands/group/popup-menu.component.js

@@ -1,68 +0,0 @@
-import { __decorate, __extends, __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';
-var ɵ0 = CommandGroup.factory;
-/**
- *
- */
-var PopupMenuComponent = /** @class */ (function (_super) {
-    __extends(PopupMenuComponent, _super);
-    function PopupMenuComponent(group) {
-        var _this = _super.call(this) || this;
-        _this.group = group;
-        var _a = Dsl.disposeWith(_this), chain = _a.chain, valueOf = _a.valueOf, before = _a.before, when = _a.when, after = _a.after, observe = _a.observe, switchOn = _a.switchOn;
-        group.faceModel = _this.faceModel;
-        return _this;
-    }
-    PopupMenuComponent.prototype.ngOnInit = function () {
-    };
-    PopupMenuComponent.prototype.ngAfterContentInit = function () {
-        this.group.initialise();
-    };
-    PopupMenuComponent.prototype.ngAfterViewInit = function () {
-    };
-    PopupMenuComponent.ctorParameters = function () { return [
-        { 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);
-    return PopupMenuComponent;
-}(DisposableComponent));
-export { PopupMenuComponent };
-export { ɵ0 };
-//# sourceMappingURL=popup-menu.component.js.map

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

@@ -1 +0,0 @@
-{"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;SASI,YAAY,CAAC,OAAO;AAPvE;;GAEG;AAOH;IAAwC,sCAAmB;IAQzD,4BAAqB,KAAmB;QAAxC,YACE,iBAAO,SAGR;QAJoB,WAAK,GAAL,KAAK,CAAc;QAEhC,IAAA,2BAAkF,EAAhF,gBAAK,EAAE,oBAAO,EAAE,kBAAM,EAAE,cAAI,EAAE,gBAAK,EAAE,oBAAO,EAAE,sBAAkC,CAAC;QACzF,KAAK,CAAC,SAAS,GAAG,KAAI,CAAC,SAAS,CAAC;;IACnC,CAAC;IAGD,qCAAQ,GAAR;IACA,CAAC;IAGD,+CAAkB,GAAlB;QACE,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE,CAAC;IAC1B,CAAC;IAGD,4CAAe,GAAf;IACA,CAAC;;gBAjB2B,YAAY;;IALxC;QADC,KAAK,EAAE,EAAE,aAAa,EAAE;kCACd,UAAU;yDAAc;IAGnC;QADC,KAAK,EAAE,EAAE,iBAAiB,CAAC,WAAW,CAAC;;oDACtB;IASlB;QADC,KAAK,EAAE;;;;sDAEP;IAGD;QADC,KAAK,EAAE;;;;gEAGP;IAGD;QADC,KAAK,EAAE;;;;6DAEP;IAzBU,kBAAkB;QAN9B,SAAS,CAAC;YACT,QAAQ,EAAE,gBAAgB;YAC1B,QAAQ,EAAE,6HAA6H;YAEvI,SAAS,EAAE,CAAC,EAAE,OAAO,EAAE,YAAY,EAAE,UAAU,IAAsB,EAAC,CAAC;SACxE,CAAC;yCAS4B,YAAY;OAR7B,kBAAkB,CA4B9B;IAAD,yBAAC;CAAA,AA5BD,CAAwC,mBAAmB,GA4B1D;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/esm5/lib/components/commands/group/popup-menu.component.ngfactory.js.map

@@ -1 +0,0 @@
-{"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/esm5/lib/components/commands/group/registration.js

@@ -1,80 +0,0 @@
-import { __extends } from "tslib";
-import { GarbageCollector } from '@coolon/pectin';
-import { ViewData } from './view-data';
-var Registration = /** @class */ (function (_super) {
-    __extends(Registration, _super);
-    function Registration() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    return Registration;
-}(GarbageCollector));
-export { Registration };
-(function (Registration) {
-    var FaceRegistration = /** @class */ (function (_super) {
-        __extends(FaceRegistration, _super);
-        function FaceRegistration(faceModel) {
-            var _this = _super.call(this) || this;
-            _this.faceModel = faceModel;
-            return _this;
-        }
-        return FaceRegistration;
-    }(Registration));
-    Registration.FaceRegistration = FaceRegistration;
-    var CommandRegistration = /** @class */ (function (_super) {
-        __extends(CommandRegistration, _super);
-        function CommandRegistration(faceModel, command) {
-            var _this = _super.call(this, faceModel) || this;
-            _this.command = command;
-            return _this;
-        }
-        CommandRegistration.prototype.toTemplate = function () {
-            return new ViewData.CommandData(this.faceModel.value, this.command);
-        };
-        return CommandRegistration;
-    }(FaceRegistration));
-    Registration.CommandRegistration = CommandRegistration;
-    var GroupRegistration = /** @class */ (function (_super) {
-        __extends(GroupRegistration, _super);
-        function GroupRegistration(faceModel, group) {
-            var _this = _super.call(this, faceModel) || this;
-            _this.group = group;
-            return _this;
-        }
-        GroupRegistration.prototype.toTemplate = function () {
-            return new ViewData.GroupData(this.faceModel.value, this.group.xPosition, this.group.yPosition, this.group.registrations.value.map(function (r) { return r.toTemplate(); }));
-        };
-        return GroupRegistration;
-    }(FaceRegistration));
-    Registration.GroupRegistration = GroupRegistration;
-    var SeparatorRegistration = /** @class */ (function (_super) {
-        __extends(SeparatorRegistration, _super);
-        function SeparatorRegistration() {
-            var _this = _super !== null && _super.apply(this, arguments) || this;
-            _this.template = new ViewData.SeparatorData();
-            return _this;
-        }
-        SeparatorRegistration.prototype.toTemplate = function () {
-            return this.template;
-        };
-        return SeparatorRegistration;
-    }(Registration));
-    Registration.SeparatorRegistration = SeparatorRegistration;
-    var FlexRegistration = /** @class */ (function (_super) {
-        __extends(FlexRegistration, _super);
-        function FlexRegistration() {
-            var _this = _super !== null && _super.apply(this, arguments) || this;
-            _this.template = new ViewData.FlexData();
-            return _this;
-        }
-        FlexRegistration.prototype.toTemplate = function () {
-            return this.template;
-        };
-        return FlexRegistration;
-    }(Registration));
-    Registration.FlexRegistration = FlexRegistration;
-    function hasFace(entry) {
-        return entry instanceof CommandRegistration || entry instanceof GroupRegistration;
-    }
-    Registration.hasFace = hasFace;
-})(Registration || (Registration = {}));
-//# sourceMappingURL=registration.js.map

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

@@ -1 +0,0 @@
-{"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;IAA2C,gCAAgB;IAA3D;;IAEA,CAAC;IAAD,mBAAC;AAAD,CAAC,AAFD,CAA2C,gBAAgB,GAE1D;;AAED,WAAiB,YAAY;IAE3B;QAA+C,oCAAY;QACzD,0BAA+B,SAAkC;YAAjE,YACE,iBAAO,SACR;YAF8B,eAAS,GAAT,SAAS,CAAyB;;QAEjE,CAAC;QACH,uBAAC;IAAD,CAAC,AAJD,CAA+C,YAAY,GAI1D;IAJqB,6BAAgB,mBAIrC,CAAA;IAED;QAAyC,uCAAgB;QACvD,6BAAY,SAAkC,EAAW,OAAyB;YAAlF,YACE,kBAAM,SAAS,CAAC,SACjB;YAFwD,aAAO,GAAP,OAAO,CAAkB;;QAElF,CAAC;QAED,wCAAU,GAAV;YACE,OAAO,IAAI,QAAQ,CAAC,WAAW,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC;QACtE,CAAC;QACH,0BAAC;IAAD,CAAC,AARD,CAAyC,gBAAgB,GAQxD;IARY,gCAAmB,sBAQ/B,CAAA;IAED;QAAuC,qCAAgB;QACrD,2BAAY,SAAkC,EAAW,KAAmB;YAA5E,YACE,kBAAM,SAAS,CAAC,SACjB;YAFwD,WAAK,GAAL,KAAK,CAAc;;QAE5E,CAAC;QAED,sCAAU,GAAV;YACE,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,UAAA,CAAC,IAAI,OAAA,CAAC,CAAC,UAAU,EAAE,EAAd,CAAc,CAAC,CACxD,CAAC;QACJ,CAAC;QAEH,wBAAC;IAAD,CAAC,AAbD,CAAuC,gBAAgB,GAatD;IAbY,8BAAiB,oBAa7B,CAAA;IAED;QAA2C,yCAAY;QAAvD;YAAA,qEAMC;YALkB,cAAQ,GAAG,IAAI,QAAQ,CAAC,aAAa,EAAE,CAAC;;QAK3D,CAAC;QAHC,0CAAU,GAAV;YACE,OAAO,IAAI,CAAC,QAAQ,CAAC;QACvB,CAAC;QACH,4BAAC;IAAD,CAAC,AAND,CAA2C,YAAY,GAMtD;IANY,kCAAqB,wBAMjC,CAAA;IAED;QAAsC,oCAAY;QAAlD;YAAA,qEAMC;YALkB,cAAQ,GAAG,IAAI,QAAQ,CAAC,QAAQ,EAAE,CAAC;;QAKtD,CAAC;QAHC,qCAAU,GAAV;YACE,OAAO,IAAI,CAAC,QAAQ,CAAC;QACvB,CAAC;QACH,uBAAC;IAAD,CAAC,AAND,CAAsC,YAAY,GAMjD;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"]}