@coolon/angular-ui-powerups 2.0.0-alpha.26 → 2.0.0-alpha.27

package/esm5/lib/components/commands/command-container.ngfactory.js.map

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

package/esm5/lib/components/commands/command-face/command-face.component.js

@@ -0,0 +1,122 @@
+import { __decorate, __extends, __metadata, __param } from "tslib";
+import { Component, HostBinding, Input, Optional, ViewEncapsulation } from '@angular/core';
+import { Dsl, MutableValueModel, StoreInValueModel } from '@coolon/pectin';
+import { DisposableComponent } from '../../disposable-component';
+import { CommandContainer } from '../command-container';
+import { CommandFace } from '../command-face';
+/**
+ *
+ */
+var CommandFaceComponent = /** @class */ (function (_super) {
+    __extends(CommandFaceComponent, _super);
+    function CommandFaceComponent(commandContainer) {
+        var _this = _super.call(this) || this;
+        _this.commandContainer = commandContainer;
+        _this.faceModel = new MutableValueModel();
+        _this.ignoreIcon = false;
+        _this.ignoreText = false;
+        _this.includeMissingIconInLayout = false;
+        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;
+        // overkill /c: when all you have is a hammer...
+        var faceAdapter = chain(_this.faceModel).map(function (face) { return new CommandFace.Adapter(face); });
+        _this.iconModel = faceAdapter.pluck('icon');
+        _this.textModel = faceAdapter.pluck('text');
+        _this.positionModel = faceAdapter.pluck('iconPosition');
+        _this.destructiveModel = faceAdapter.pluck('destructive');
+        return _this;
+    }
+    Object.defineProperty(CommandFaceComponent.prototype, "requiresMissingIconInLayout", {
+        get: function () {
+            return this.includeMissingIconInLayout && !this.iconModel.value;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    CommandFaceComponent.prototype.ngOnInit = function () {
+    };
+    Object.defineProperty(CommandFaceComponent.prototype, "iconPosition", {
+        get: function () {
+            var _a, _b, _c;
+            return (_c = (_a = this.positionModel.value) !== null && _a !== void 0 ? _a : (_b = this.commandContainer) === null || _b === void 0 ? void 0 : _b.getDefaultIconPosition()) !== null && _c !== void 0 ? _c : CommandFace.Position.START;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(CommandFaceComponent.prototype, "shouldIncludeIcon", {
+        get: function () {
+            return (!this.ignoreIcon && this.iconModel.value) || this.includeMissingIconInLayout;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(CommandFaceComponent.prototype, "iconStart", {
+        get: function () {
+            return this.shouldIncludeIcon && this.iconPosition === CommandFace.Position.START;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(CommandFaceComponent.prototype, "iconEnd", {
+        get: function () {
+            return this.shouldIncludeIcon && this.iconPosition === CommandFace.Position.END;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(CommandFaceComponent.prototype, "text", {
+        get: function () {
+            return this.ignoreText ? undefined : this.textModel.value;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(CommandFaceComponent.prototype, "destructive", {
+        get: function () {
+            return this.destructiveModel.value;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    CommandFaceComponent.ctorParameters = function () { return [
+        { type: CommandContainer, decorators: [{ type: Optional }] }
+    ]; };
+    __decorate([
+        Input('face'), StoreInValueModel('faceModel'),
+        __metadata("design:type", Object)
+    ], CommandFaceComponent.prototype, "_rawFace", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", Object)
+    ], CommandFaceComponent.prototype, "ignoreIcon", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", Object)
+    ], CommandFaceComponent.prototype, "ignoreText", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", Object)
+    ], CommandFaceComponent.prototype, "includeMissingIconInLayout", void 0);
+    __decorate([
+        HostBinding('class.hide-icon'),
+        __metadata("design:type", Object),
+        __metadata("design:paramtypes", [])
+    ], CommandFaceComponent.prototype, "requiresMissingIconInLayout", null);
+    __decorate([
+        HostBinding('class.destructive'),
+        __metadata("design:type", Boolean),
+        __metadata("design:paramtypes", [])
+    ], CommandFaceComponent.prototype, "destructive", null);
+    CommandFaceComponent = __decorate([
+        Component({
+            selector: 'aup-command-face',
+            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",
+            encapsulation: ViewEncapsulation.None,
+            styles: ["aup-command-face{--icon-gap:var(--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}"]
+        }),
+        __param(0, Optional()),
+        __metadata("design:paramtypes", [CommandContainer])
+    ], CommandFaceComponent);
+    return CommandFaceComponent;
+}(DisposableComponent));
+export { CommandFaceComponent };
+//# sourceMappingURL=command-face.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"command-face.component.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/commands/command-face/command-face.component.ts"],"names":[],"mappings":"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","sourcesContent":["import { Component, HostBinding, Input, OnInit, Optional, ViewEncapsulation } from '@angular/core';\n\nimport { Dsl, MutableValueModel, StoreInValueModel, ValueModelChain } from '@coolon/pectin';\nimport { DisposableComponent } from '../../disposable-component';\nimport { CommandContainer } from '../command-container';\nimport { CommandFace } from '../command-face';\n\n/**\n *\n */\n@Component({\n  selector: 'aup-command-face',\n  templateUrl: './command-face.component.html',\n  styleUrls: ['./command-face.component.scss'],\n  encapsulation: ViewEncapsulation.None\n})\nexport class CommandFaceComponent<T> extends DisposableComponent implements OnInit {\n\n  private readonly faceModel = new MutableValueModel<CommandFace>();\n\n  // tslint:disable-next-line:no-input-rename\n  @Input('face') @StoreInValueModel('faceModel')\n  _rawFace: CommandFace;\n\n  @Input()\n  ignoreIcon = false;\n\n  @Input()\n  ignoreText = false;\n\n  @Input()\n  includeMissingIconInLayout = false;\n\n  @HostBinding('class.hide-icon')\n  get requiresMissingIconInLayout() {\n    return this.includeMissingIconInLayout && !this.iconModel.value\n  }\n\n  readonly iconModel: ValueModelChain<string>;\n  private textModel: ValueModelChain<string>;\n  readonly positionModel: ValueModelChain<string>;\n  private destructiveModel: ValueModelChain<boolean>;\n\n  constructor(@Optional() readonly commandContainer: CommandContainer) {\n    super();\n    const { chain, valueOf, before, when, after, observe, switchOn } = Dsl.disposeWith(this);\n    // overkill /c: when all you have is a hammer...\n    const faceAdapter = chain(this.faceModel).map(face => new CommandFace.Adapter(face));\n    this.iconModel = faceAdapter.pluck('icon');\n    this.textModel = faceAdapter.pluck('text');\n    this.positionModel = faceAdapter.pluck('iconPosition');\n    this.destructiveModel = faceAdapter.pluck('destructive');\n  }\n\n  ngOnInit() {\n  }\n\n  get iconPosition(): string {\n    return this.positionModel.value ?? this.commandContainer?.getDefaultIconPosition() ?? CommandFace.Position.START;\n  }\n\n  get shouldIncludeIcon() {\n    return (!this.ignoreIcon && this.iconModel.value) || this.includeMissingIconInLayout;\n  }\n\n  get iconStart(): boolean {\n    return  this.shouldIncludeIcon && this.iconPosition === CommandFace.Position.START;\n  }\n\n  get iconEnd(): boolean {\n    return this.shouldIncludeIcon && this.iconPosition === CommandFace.Position.END;\n  }\n\n  get text(): string {\n    return this.ignoreText ? undefined : this.textModel.value;\n  }\n\n  @HostBinding('class.destructive')\n  get destructive(): boolean {\n    return this.destructiveModel.value;\n  }\n\n}\n"]}

package/esm5/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/esm5/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/esm5/lib/components/commands/command-face.js

@@ -28,7 +28,7 @@ export var CommandFace;
         });
         Object.defineProperty(Adapter.prototype, "iconPosition", {
             get: function () {
-                return _.isFunction(this.face.iconPosition) ? this.face.iconPosition() : CommandFace.Position.START;
+                return _.isFunction(this.face.iconPosition) ? this.face.iconPosition() : undefined;
             },
             enumerable: true,
             configurable: true
@@ -54,6 +54,13 @@ export var CommandFace;
             enumerable: true,
             configurable: true
         });
+        Object.defineProperty(Adapter.prototype, "destructive", {
+            get: function () {
+                return _.isFunction(this.face.destructive) ? this.face.destructive() : false;
+            },
+            enumerable: true,
+            configurable: true
+        });
         __decorate([
             Memoize(),
             __metadata("design:type", Object),
@@ -84,6 +91,11 @@ export var CommandFace;
             __metadata("design:type", Boolean),
             __metadata("design:paramtypes", [])
         ], Adapter.prototype, "iconPositionEnd", null);
+        __decorate([
+            Memoize(),
+            __metadata("design:type", Boolean),
+            __metadata("design:paramtypes", [])
+        ], Adapter.prototype, "destructive", null);
         return Adapter;
     }());
     CommandFace.Adapter = Adapter;

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

@@ -1 +1 @@
-{"version":3,"file":"command-face.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/commands/command-face.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,kDAAkD,CAAC;AAC3E,OAAO,CAAC,MAAM,QAAQ,CAAC;AAYvB,MAAM,KAAW,WAAW,CAyC3B;AAzCD,WAAiB,WAAW;IAC1B,IAAY,QAGX;IAHD,WAAY,QAAQ;QAClB,2BAAe,CAAA;QACf,uBAAY,CAAA;IACd,CAAC,EAHW,QAAQ,GAAR,oBAAQ,KAAR,oBAAQ,QAGnB;IAED;QACE,iBAAqB,IAAiB;YAAjB,SAAI,GAAJ,IAAI,CAAa;QACtC,CAAC;QAGD,sBAAI,yBAAI;iBAAR;gBACE,OAAO,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;YACrE,CAAC;;;WAAA;QAGD,sBAAI,yBAAI;iBAAR;gBACE,OAAO,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;YACrE,CAAC;;;WAAA;QAGD,sBAAI,iCAAY;iBAAhB;gBACE,OAAO,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC,CAAC,CAAC,WAAW,CAAC,QAAQ,CAAC,KAAK,CAAA;YACrG,CAAC;;;WAAA;QAGD,sBAAI,4BAAO;iBAAX;gBACE,OAAO,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,SAAS,CAAA;YAC1E,CAAC;;;WAAA;QAGD,sBAAI,sCAAiB;iBAArB;gBACE,OAAO,IAAI,CAAC,YAAY,KAAK,WAAW,CAAC,QAAQ,CAAC,KAAK,CAAA;YACzD,CAAC;;;WAAA;QAGD,sBAAI,oCAAe;iBAAnB;gBACE,OAAO,IAAI,CAAC,YAAY,KAAK,WAAW,CAAC,QAAQ,CAAC,GAAG,CAAA;YACvD,CAAC;;;WAAA;QA3BD;YADC,OAAO,EAAE;;;2CAGT;QAGD;YADC,OAAO,EAAE;;;2CAGT;QAGD;YADC,OAAO,EAAE;;;mDAGT;QAGD;YADC,OAAO,EAAE;;;8CAGT;QAGD;YADC,OAAO,EAAE;;;wDAGT;QAGD;YADC,OAAO,EAAE;;;sDAGT;QAEH,cAAC;KAAA,AAlCD,IAkCC;IAlCY,mBAAO,UAkCnB,CAAA;AACH,CAAC,EAzCgB,WAAW,KAAX,WAAW,QAyC3B","sourcesContent":["import { Memoize } from '@typescript-plus/fast-memoize-decorator/dist/src';\nimport _ from 'lodash';\n\nexport interface CommandFace {\n  text?(): string;\n\n  icon?(): string;\n\n  iconPosition?(): CommandFace.Position;\n\n  tooltip?(): string;\n}\n\nexport namespace CommandFace {\n  export enum Position {\n    START = 'start',\n    END  = 'end'\n  }\n\n  export class Adapter {\n    constructor(readonly face: CommandFace) {\n    }\n\n    @Memoize()\n    get text() {\n      return _.isFunction(this.face.text) ? this.face.text() : undefined;\n    }\n\n    @Memoize()\n    get icon() {\n      return _.isFunction(this.face.icon) ? this.face.icon() : undefined;\n    }\n\n    @Memoize()\n    get iconPosition() {\n      return _.isFunction(this.face.iconPosition) ? this.face.iconPosition() : CommandFace.Position.START\n    }\n\n    @Memoize()\n    get tooltip() {\n      return _.isFunction(this.face.tooltip) ? this.face.tooltip() : undefined\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  }\n}\n"]}
+{"version":3,"file":"command-face.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/commands/command-face.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,kDAAkD,CAAC;AAC3E,OAAO,CAAC,MAAM,QAAQ,CAAC;AAcvB,MAAM,KAAW,WAAW,CA8C3B;AA9CD,WAAiB,WAAW;IAC1B,IAAY,QAGX;IAHD,WAAY,QAAQ;QAClB,2BAAe,CAAA;QACf,uBAAW,CAAA;IACb,CAAC,EAHW,QAAQ,GAAR,oBAAQ,KAAR,oBAAQ,QAGnB;IAED;QACE,iBAAqB,IAAiB;YAAjB,SAAI,GAAJ,IAAI,CAAa;QACtC,CAAC;QAGD,sBAAI,yBAAI;iBAAR;gBACE,OAAO,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;YACrE,CAAC;;;WAAA;QAGD,sBAAI,yBAAI;iBAAR;gBACE,OAAO,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;YACrE,CAAC;;;WAAA;QAGD,sBAAI,iCAAY;iBAAhB;gBACE,OAAO,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;YACrF,CAAC;;;WAAA;QAGD,sBAAI,4BAAO;iBAAX;gBACE,OAAO,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;YAC3E,CAAC;;;WAAA;QAGD,sBAAI,sCAAiB;iBAArB;gBACE,OAAO,IAAI,CAAC,YAAY,KAAK,WAAW,CAAC,QAAQ,CAAC,KAAK,CAAC;YAC1D,CAAC;;;WAAA;QAGD,sBAAI,oCAAe;iBAAnB;gBACE,OAAO,IAAI,CAAC,YAAY,KAAK,WAAW,CAAC,QAAQ,CAAC,GAAG,CAAC;YACxD,CAAC;;;WAAA;QAGD,sBAAI,gCAAW;iBAAf;gBACE,OAAO,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC;YAC/E,CAAC;;;WAAA;QAhCD;YADC,OAAO,EAAE;;;2CAGT;QAGD;YADC,OAAO,EAAE;;;2CAGT;QAGD;YADC,OAAO,EAAE;;;mDAGT;QAGD;YADC,OAAO,EAAE;;;8CAGT;QAGD;YADC,OAAO,EAAE;;;wDAGT;QAGD;YADC,OAAO,EAAE;;;sDAGT;QAGD;YADC,OAAO,EAAE;;;kDAGT;QAEH,cAAC;KAAA,AAvCD,IAuCC;IAvCY,mBAAO,UAuCnB,CAAA;AACH,CAAC,EA9CgB,WAAW,KAAX,WAAW,QA8C3B","sourcesContent":["import { Memoize } from '@typescript-plus/fast-memoize-decorator/dist/src';\nimport _ from 'lodash';\n\nexport interface CommandFace {\n  text?(): string;\n\n  icon?(): string;\n\n  iconPosition?(): string;\n\n  tooltip?(): string;\n\n  destructive?(): boolean;\n}\n\nexport namespace CommandFace {\n  export enum Position {\n    START = 'start',\n    END = 'end'\n  }\n\n  export class Adapter {\n    constructor(readonly face: CommandFace) {\n    }\n\n    @Memoize()\n    get text() {\n      return _.isFunction(this.face.text) ? this.face.text() : undefined;\n    }\n\n    @Memoize()\n    get icon() {\n      return _.isFunction(this.face.icon) ? this.face.icon() : undefined;\n    }\n\n    @Memoize()\n    get iconPosition() {\n      return _.isFunction(this.face.iconPosition) ? this.face.iconPosition() : undefined;\n    }\n\n    @Memoize()\n    get tooltip() {\n      return _.isFunction(this.face.tooltip) ? this.face.tooltip() : undefined;\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 destructive(): boolean {\n      return _.isFunction(this.face.destructive) ? this.face.destructive() : false;\n    }\n\n  }\n}\n"]}

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

@@ -0,0 +1,70 @@
+import { __decorate, __extends, __metadata } from "tslib";
+import { Component, forwardRef, Input, ViewChild } from '@angular/core';
+import { MatMenuTrigger } from '@angular/material/menu';
+import { Dsl, MutableValueModel, StoreInValueModel } from '@coolon/pectin';
+import { CommandContainer } from '../command-container';
+import { CommandFace } from '../command-face';
+/**
+ *
+ */
+var CommandMenuComponent = /** @class */ (function (_super) {
+    __extends(CommandMenuComponent, _super);
+    function CommandMenuComponent() {
+        var _this = _super.call(this) || this;
+        _this.faceModel = new MutableValueModel();
+        _this.xPosition = 'after';
+        _this.yPosition = 'below';
+        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.tooltip = chain(_this.faceModel).map(function (face) { return new CommandFace.Adapter(face); }).pluck('tooltip');
+        var registrations = chain(_this.commandRegistrations);
+        var iconCount = registrations.select(function (r) { return !!r.icon; }).count();
+        _this.hasMixedIcons = valueOf.all(iconCount.isGreaterThan(0), iconCount.doesNotEqual(registrations.length)).areTruthy();
+        return _this;
+    }
+    CommandMenuComponent_1 = CommandMenuComponent;
+    CommandMenuComponent.prototype.ngOnInit = function () {
+    };
+    CommandMenuComponent.prototype.createMoreMenuCommand = function (item) {
+        var _this = this;
+        var when = Dsl.disposeWith(this).when;
+        when(item.command.busy).becomesFalsey(function () {
+            _this.closeMoreMenu();
+        });
+        return item.command;
+    };
+    CommandMenuComponent.prototype.closeMoreMenu = function () {
+        this.menu.closeMenu();
+    };
+    CommandMenuComponent.prototype.getButtonColor = function (registration) {
+        return registration.destructive ? 'warn' : undefined;
+    };
+    var CommandMenuComponent_1;
+    __decorate([
+        Input(), StoreInValueModel('faceModel'),
+        __metadata("design:type", Object)
+    ], CommandMenuComponent.prototype, "face", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", String)
+    ], CommandMenuComponent.prototype, "xPosition", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", String)
+    ], CommandMenuComponent.prototype, "yPosition", void 0);
+    __decorate([
+        ViewChild(MatMenuTrigger),
+        __metadata("design:type", MatMenuTrigger)
+    ], CommandMenuComponent.prototype, "menu", void 0);
+    CommandMenuComponent = CommandMenuComponent_1 = __decorate([
+        Component({
+            selector: 'aup-command-menu',
+            template: "<button #trigger mat-icon-button [matMenuTriggerFor]=\"menu\" [matTooltip]=\"tooltip.value\">\n  <aup-command-face [face]=\"face\"></aup-command-face>\n</button>\n<mat-menu #menu=\"matMenu\" [xPosition]=\"xPosition\" [yPosition]=\"yPosition\">\n  <button *ngFor=\"let registration of commandRegistrations.value\"\n          mat-menu-item\n          [pectinCommand]=\"createMoreMenuCommand(registration)\"\n  >\n    <aup-command-face [face]=\"registration.face\" [includeMissingIconInLayout]=\"hasMixedIcons.value\"></aup-command-face>\n  </button>\n</mat-menu>\n",
+            providers: [{ provide: CommandContainer, useExisting: forwardRef(function () { return CommandMenuComponent_1; }) }],
+            styles: [":host{display:inline-flex;flex-direction:row;align-items:center}"]
+        }),
+        __metadata("design:paramtypes", [])
+    ], CommandMenuComponent);
+    return CommandMenuComponent;
+}(CommandContainer));
+export { CommandMenuComponent };
+//# sourceMappingURL=command-menu.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"command-menu.component.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/commands/command-menu/command-menu.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,KAAK,EAAU,SAAS,EAAE,MAAM,eAAe,CAAC;AAChF,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAExD,OAAO,EAGL,GAAG,EACH,iBAAiB,EACjB,iBAAiB,EAElB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAG9C;;GAEG;AAOH;IAA0C,wCAAgB;IAmBxD;QAAA,YACE,iBAAO,SAUR;QA5BgB,eAAS,GAAG,IAAI,iBAAiB,EAAe,CAAC;QAMlE,eAAS,GAAuB,OAAO,CAAC;QAGxC,eAAS,GAAsB,OAAO,CAAC;QAU/B,IAAA,2BAAkF,EAAhF,gBAAK,EAAE,oBAAO,EAAE,kBAAM,EAAE,cAAI,EAAE,gBAAK,EAAE,oBAAO,EAAE,sBAAkC,CAAC;QACzF,KAAI,CAAC,OAAO,GAAG,KAAK,CAAC,KAAI,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,UAAA,IAAI,IAAI,OAAA,IAAI,WAAW,CAAC,OAAO,CAAC,IAAI,CAAC,EAA7B,CAA6B,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;QAEjG,IAAM,aAAa,GAAG,KAAK,CAAC,KAAI,CAAC,oBAAoB,CAAC,CAAC;QACvD,IAAM,SAAS,GAAG,aAAa,CAAC,MAAM,CAAC,UAAA,CAAC,IAAI,OAAA,CAAC,CAAC,CAAC,CAAC,IAAI,EAAR,CAAQ,CAAC,CAAC,KAAK,EAAE,CAAC;QAC9D,KAAI,CAAC,aAAa,GAAG,OAAO,CAAC,GAAG,CAC9B,SAAS,CAAC,aAAa,CAAC,CAAC,CAAC,EAC1B,SAAS,CAAC,YAAY,CAAC,aAAa,CAAC,MAAM,CAAC,CAC7C,CAAC,SAAS,EAAE,CAAA;;IACf,CAAC;6BA9BU,oBAAoB;IAgC/B,uCAAQ,GAAR;IACA,CAAC;IAED,oDAAqB,GAArB,UAAsB,IAAmC;QAAzD,iBAMC;QALS,IAAA,iCAAI,CAA2B;QACvC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,aAAa,CAAC;YACpC,KAAI,CAAC,aAAa,EAAE,CAAC;QACvB,CAAC,CAAC,CAAC;QACH,OAAO,IAAI,CAAC,OAAO,CAAC;IACtB,CAAC;IAEO,4CAAa,GAArB;QACE,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC;IACxB,CAAC;IAED,6CAAc,GAAd,UAAe,YAA2C;QACxD,OAAO,YAAY,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC;IACvD,CAAC;;IA5CD;QADC,KAAK,EAAE,EAAE,iBAAiB,CAAC,WAAW,CAAC;;sDACtB;IAGlB;QADC,KAAK,EAAE;;2DACgC;IAGxC;QADC,KAAK,EAAE;;2DAC+B;IAGvC;QADC,SAAS,CAAC,cAAc,CAAC;kCACpB,cAAc;sDAAC;IAdV,oBAAoB;QANhC,SAAS,CAAC;YACT,QAAQ,EAAE,kBAAkB;YAC5B,8jBAA4C;YAE5C,SAAS,EAAE,CAAC,EAAE,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,UAAU,CAAC,cAAM,OAAA,sBAAoB,EAApB,CAAoB,CAAC,EAAE,CAAC;;SAChG,CAAC;;OACW,oBAAoB,CAmDhC;IAAD,2BAAC;CAAA,AAnDD,CAA0C,gBAAgB,GAmDzD;SAnDY,oBAAoB","sourcesContent":["import { Component, forwardRef, Input, OnInit, ViewChild } from '@angular/core';\nimport { MatMenuTrigger } from '@angular/material/menu';\n\nimport {\n  BooleanValueModelChain,\n  Command,\n  Dsl,\n  MutableValueModel,\n  StoreInValueModel,\n  ValueModelChain\n} from '@coolon/pectin';\nimport { CommandContainer } from '../command-container';\nimport { CommandFace } from '../command-face';\n\n\n/**\n *\n */\n@Component({\n  selector: 'aup-command-menu',\n  templateUrl: './command-menu.component.html',\n  styleUrls: ['./command-menu.component.scss'],\n  providers: [{ provide: CommandContainer, useExisting: forwardRef(() => CommandMenuComponent) }]\n})\nexport class CommandMenuComponent extends CommandContainer implements OnInit {\n\n  private readonly faceModel = new MutableValueModel<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  @ViewChild(MatMenuTrigger)\n  menu: MatMenuTrigger;\n\n  readonly tooltip: ValueModelChain<string>;\n  readonly hasMixedIcons: BooleanValueModelChain;\n\n  constructor() {\n    super();\n    const { chain, valueOf, before, when, after, observe, switchOn } = Dsl.disposeWith(this);\n    this.tooltip = chain(this.faceModel).map(face => new CommandFace.Adapter(face)).pluck('tooltip');\n\n    const registrations = chain(this.commandRegistrations);\n    const iconCount = registrations.select(r => !!r.icon).count();\n    this.hasMixedIcons = valueOf.all(\n      iconCount.isGreaterThan(0),\n      iconCount.doesNotEqual(registrations.length)\n    ).areTruthy()\n  }\n\n  ngOnInit() {\n  }\n\n  createMoreMenuCommand(item: CommandContainer.Registration): Command<unknown> {\n    const { when } = Dsl.disposeWith(this);\n    when(item.command.busy).becomesFalsey(() => {\n      this.closeMoreMenu();\n    });\n    return item.command;\n  }\n\n  private closeMoreMenu() {\n    this.menu.closeMenu();\n  }\n\n  getButtonColor(registration: CommandContainer.Registration) {\n    return registration.destructive ? 'warn' : undefined;\n  }\n\n}\n"]}

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

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

package/esm5/lib/components/commands/command-menu/command-menu.component.scss.shim.ngstyle.js.map

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

package/esm5/lib/components/commands/command.component.js

@@ -0,0 +1,41 @@
+import { __decorate, __extends, __metadata } from "tslib";
+import { Component, Input } from '@angular/core';
+import { Command, TrackExternal } from '@coolon/pectin';
+import { CommandContainer } from './command-container';
+import { CommandFace } from './command-face';
+import { DisposableComponent } from '../disposable-component';
+/**
+ *
+ */
+var CommandComponent = /** @class */ (function (_super) {
+    __extends(CommandComponent, _super);
+    function CommandComponent(commandContainer) {
+        var _this = _super.call(this) || this;
+        _this.commandContainer = commandContainer;
+        return _this;
+    }
+    CommandComponent.prototype.ngOnInit = function () {
+        this.registerDisposable(this.commandContainer.registerCommand(this.command, this.face));
+    };
+    CommandComponent.ctorParameters = function () { return [
+        { type: CommandContainer }
+    ]; };
+    __decorate([
+        Input(), TrackExternal(),
+        __metadata("design:type", Command)
+    ], CommandComponent.prototype, "command", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", Object)
+    ], CommandComponent.prototype, "face", void 0);
+    CommandComponent = __decorate([
+        Component({
+            selector: 'aup-command',
+            template: ""
+        }),
+        __metadata("design:paramtypes", [CommandContainer])
+    ], CommandComponent);
+    return CommandComponent;
+}(DisposableComponent));
+export { CommandComponent };
+//# sourceMappingURL=command.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"command.component.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/commands/command.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAA+B,MAAM,eAAe,CAAC;AAG9E,OAAO,EAAE,OAAO,EAAO,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC7D,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAE9D;;GAEG;AAMH;IAAyC,oCAAmB;IAQ1D,0BAAqB,gBAAkC;QAAvD,YACE,iBAAO,SACR;QAFoB,sBAAgB,GAAhB,gBAAgB,CAAkB;;IAEvD,CAAC;IAED,mCAAQ,GAAR;QACE,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,gBAAgB,CAAC,eAAe,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,CAAA;IACzF,CAAC;;gBANsC,gBAAgB;;IALvD;QADC,KAAK,EAAE,EAAE,aAAa,EAAE;kCAChB,OAAO;qDAAC;IAGjB;QADC,KAAK,EAAE;;kDACU;IANP,gBAAgB;QAL5B,SAAS,CAAC;YACT,QAAQ,EAAE,aAAa;YACvB,QAAQ,EAAE,EAAE;SAEb,CAAC;yCASuC,gBAAgB;OAR5C,gBAAgB,CAgB5B;IAAD,uBAAC;CAAA,AAhBD,CAAyC,mBAAmB,GAgB3D;SAhBY,gBAAgB","sourcesContent":["import { Component, Input, OnInit, SkipSelf, ViewChild } from '@angular/core';\nimport { MatMenuTrigger } from '@angular/material/menu';\n\nimport { Command, Dsl, TrackExternal } from '@coolon/pectin';\nimport { CommandContainer } from './command-container';\nimport { CommandFace } from './command-face';\nimport { DisposableComponent } from '../disposable-component';\n\n/**\n *\n */\n@Component({\n  selector: 'aup-command',\n  template: ``,\n  styles: []\n})\nexport class CommandComponent<T> extends DisposableComponent implements OnInit {\n\n  @Input() @TrackExternal()\n  command: Command;\n\n  @Input()\n  face: CommandFace;\n\n  constructor(readonly commandContainer: CommandContainer) {\n    super();\n  }\n\n  ngOnInit() {\n    this.registerDisposable(this.commandContainer.registerCommand(this.command, this.face))\n  }\n\n}\n"]}

package/esm5/lib/components/commands/command.component.ngfactory.js.map

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

package/esm5/lib/components/components.module.js

@@ -21,6 +21,11 @@ import { fas } from '@fortawesome/free-solid-svg-icons';
 import { DirectivesModule } from '../directives/directives.module';
 import { FocusBindingFactory } from '../directives/focus-binding-factory';
 import { CardContainerComponent } from './card-container/card-container.component';
+import { CommandBarComponent } from './commands/command-bar.component';
+import { CommandContainer } from './commands/command-container';
+import { CommandFaceComponent } from './commands/command-face/command-face.component';
+import { CommandComponent } from './commands/command.component';
+import { CommandMenuComponent } from './commands/command-menu/command-menu.component';
 import { FocusContainerComponent } from './focus-container/focus-container.component';
 import { FocusableComponent } from './focusable.component';
 import { AbstractInputComponent } from './forms/abstract-input.component';
@@ -91,7 +96,12 @@ var ComponentsModule = /** @class */ (function () {
                 TableHeaderCellRendererComponent,
                 IconComponent,
                 SectionHeaderComponent,
-                TableRowMenuComponent
+                TableRowMenuComponent,
+                CommandBarComponent,
+                CommandComponent,
+                CommandMenuComponent,
+                CommandFaceComponent,
+                CommandContainer
             ],
             imports: [
                 CommonModule,
@@ -137,7 +147,12 @@ var ComponentsModule = /** @class */ (function () {
                 ColumnTemplateDirective,
                 IconComponent,
                 SectionHeaderComponent,
-                TableRowMenuComponent
+                TableRowMenuComponent,
+                CommandBarComponent,
+                CommandComponent,
+                CommandMenuComponent,
+                CommandFaceComponent,
+                CommandContainer
             ],
             providers: [
                 FocusBindingFactory

package/esm5/lib/components/components.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"components.module.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/components.module.ts"],"names":[],"mappings":"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","sourcesContent":["import { PortalModule } from '@angular/cdk/portal';\nimport { CdkScrollableModule } from '@angular/cdk/scrolling';\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { MatAutocompleteModule } from '@angular/material/autocomplete';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatCheckboxModule } from '@angular/material/checkbox';\nimport { MatFormFieldModule } from '@angular/material/form-field';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatInputModule } from '@angular/material/input';\nimport { _MatMenuDirectivesModule, MatMenuModule } from '@angular/material/menu';\nimport { MatSelectModule } from '@angular/material/select';\nimport { MatTableModule } from '@angular/material/table';\nimport { MatTabsModule } from '@angular/material/tabs';\nimport { MatTooltipModule } from '@angular/material/tooltip';\nimport { BrowserAnimationsModule } from '@angular/platform-browser/animations';\nimport { FaIconLibrary, FontAwesomeModule } from '@fortawesome/angular-fontawesome';\nimport { fas } from '@fortawesome/free-solid-svg-icons';\nimport { DirectivesModule } from '../directives/directives.module';\nimport { FocusBindingFactory } from '../directives/focus-binding-factory';\nimport { CardContainerComponent } from './card-container/card-container.component';\nimport { FocusContainerComponent } from './focus-container/focus-container.component';\nimport { FocusableComponent } from './focusable.component';\nimport { AbstractInputComponent } from './forms/abstract-input.component';\nimport { AbstractListInputComponent } from './forms/abstract-list-input.component';\nimport { AbstractValueInputComponent } from './forms/abstract-value-input.component';\nimport { AutocompleteInputComponent } from './forms/autocomplete-input/autocomplete-input.component';\nimport { CheckboxInputComponent } from './forms/checkbox-input/checkbox-input.component';\nimport { MultipleSelectInputComponent } from './forms/multiple-select-input/multiple-select-input.component';\nimport { NumberInputComponent } from './forms/number-input/number-input.component';\nimport { PasswordInputComponent } from './forms/password-input/password-input.component';\nimport { SelectInputComponent } from './forms/select-input/select-input.component';\nimport { StringInputComponent } from './forms/string-input/string-input.component';\nimport { TextInputComponent } from './forms/text-input/text-input.component';\nimport { IconComponent } from './icon/icon.component';\nimport { NoopComponent } from './noop/noop.component';\nimport { ScrollContainerComponent } from './scroll-container/scroll-container.component';\nimport { SectionHeaderComponent } from './section-header/section-header.component';\nimport {\n  SwitchCaseComponent,\n  SwitchCaseDefaultDirective,\n  SwitchCaseWhenDirective\n} from './switch-case/switch-case.component';\nimport { ColumnTemplateDirective } from './table/column-template/column-template.directive';\nimport { DefaultCellRendererComponent } from './table/default-cell-renderer/default-cell-renderer.component';\nimport { DefaultHeaderCellRendererComponent } from './table/default-header-cell-renderer/default-header-cell-renderer.component';\nimport { EditRowControls } from './table/edit-row-controls/edit-row-controls.component';\nimport { SelectCellRendererComponent } from './table/select-cell-renderer/select-cell-renderer.component';\nimport { SelectHeaderCellRendererComponent } from './table/select-header-cell-renderer/select-header-cell-renderer.component';\nimport { TableCellRendererComponent } from './table/table-cell-renderer/table-cell-renderer.component';\nimport { TableHeaderCellRendererComponent } from './table/table-header-cell-renderer/table-header-cell-renderer.component';\nimport { TableRowMenuComponent } from './table/table-row-menu/table-row-menu.component';\nimport { TableComponent } from './table/table.component';\nimport { VerticalFocusContainerComponent } from './vertical-focus-container/vertical-focus-container.component';\n\n\n@NgModule({\n  declarations: [\n    AbstractInputComponent,\n    AbstractValueInputComponent,\n    AbstractListInputComponent,\n    NumberInputComponent,\n    StringInputComponent,\n    TextInputComponent,\n    PasswordInputComponent,\n    SelectInputComponent,\n    MultipleSelectInputComponent,\n    AutocompleteInputComponent,\n    CheckboxInputComponent,\n    ScrollContainerComponent,\n    NoopComponent,\n    SwitchCaseComponent,\n    SwitchCaseWhenDirective,\n    SwitchCaseDefaultDirective,\n    FocusContainerComponent,\n    VerticalFocusContainerComponent,\n    FocusableComponent,\n    CardContainerComponent,\n    TableComponent,\n    EditRowControls,\n    ColumnTemplateDirective,\n    DefaultCellRendererComponent,\n    TableCellRendererComponent,\n    SelectCellRendererComponent,\n    SelectHeaderCellRendererComponent,\n    DefaultHeaderCellRendererComponent,\n    TableHeaderCellRendererComponent,\n    IconComponent,\n    SectionHeaderComponent,\n    TableRowMenuComponent\n  ],\n  imports: [\n    CommonModule,\n    BrowserAnimationsModule,\n    FormsModule,\n    MatInputModule,\n    MatFormFieldModule,\n    MatSelectModule,\n    MatTabsModule,\n    DirectivesModule,\n    MatIconModule,\n    MatButtonModule,\n    MatCheckboxModule,\n    MatTableModule,\n    PortalModule,\n    CdkScrollableModule,\n    FontAwesomeModule,\n    MatTooltipModule,\n    MatAutocompleteModule,\n    _MatMenuDirectivesModule,\n    MatMenuModule\n  ],\n  exports: [\n    NumberInputComponent,\n    StringInputComponent,\n    TextInputComponent,\n    PasswordInputComponent,\n    CheckboxInputComponent,\n    SelectInputComponent,\n    MultipleSelectInputComponent,\n    AutocompleteInputComponent,\n    ScrollContainerComponent,\n    NoopComponent,\n    SwitchCaseComponent,\n    SwitchCaseWhenDirective,\n    SwitchCaseDefaultDirective,\n    FocusContainerComponent,\n    VerticalFocusContainerComponent,\n    FocusableComponent,\n    CardContainerComponent,\n    TableComponent,\n    EditRowControls,\n    ColumnTemplateDirective,\n    IconComponent,\n    SectionHeaderComponent,\n    TableRowMenuComponent\n  ],\n  providers: [\n    FocusBindingFactory\n    // {\n    //   provide: CELL_EDITOR_REGISTRATION, useValue: {\n    //     type: 'string',\n    //     editorClass: StringInputComponent\n    //   }, multi: true\n    // },\n    // {\n    //   provide: CELL_EDITOR_REGISTRATION, useValue: {\n    //     type: 'number',\n    //     editorClass: NumberInputComponent\n    //   }, multi: true\n    // }\n  ]\n\n})\nexport class ComponentsModule {\n\n  constructor(faIconLibrary: FaIconLibrary) {\n    faIconLibrary.addIconPacks(fas);\n\n  }\n}\n"]}
+{"version":3,"file":"components.module.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/components.module.ts"],"names":[],"mappings":"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","sourcesContent":["import { PortalModule } from '@angular/cdk/portal';\nimport { CdkScrollableModule } from '@angular/cdk/scrolling';\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { MatAutocompleteModule } from '@angular/material/autocomplete';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatCheckboxModule } from '@angular/material/checkbox';\nimport { MatFormFieldModule } from '@angular/material/form-field';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatInputModule } from '@angular/material/input';\nimport { _MatMenuDirectivesModule, MatMenuModule } from '@angular/material/menu';\nimport { MatSelectModule } from '@angular/material/select';\nimport { MatTableModule } from '@angular/material/table';\nimport { MatTabsModule } from '@angular/material/tabs';\nimport { MatTooltipModule } from '@angular/material/tooltip';\nimport { BrowserAnimationsModule } from '@angular/platform-browser/animations';\nimport { FaIconLibrary, FontAwesomeModule } from '@fortawesome/angular-fontawesome';\nimport { fas } from '@fortawesome/free-solid-svg-icons';\nimport { DirectivesModule } from '../directives/directives.module';\nimport { FocusBindingFactory } from '../directives/focus-binding-factory';\nimport { CardContainerComponent } from './card-container/card-container.component';\nimport { CommandBarComponent } from './commands/command-bar.component';\nimport { CommandContainer } from './commands/command-container';\nimport { CommandFaceComponent } from './commands/command-face/command-face.component';\nimport { CommandComponent } from './commands/command.component';\nimport { CommandMenuComponent } from './commands/command-menu/command-menu.component';\nimport { FocusContainerComponent } from './focus-container/focus-container.component';\nimport { FocusableComponent } from './focusable.component';\nimport { AbstractInputComponent } from './forms/abstract-input.component';\nimport { AbstractListInputComponent } from './forms/abstract-list-input.component';\nimport { AbstractValueInputComponent } from './forms/abstract-value-input.component';\nimport { AutocompleteInputComponent } from './forms/autocomplete-input/autocomplete-input.component';\nimport { CheckboxInputComponent } from './forms/checkbox-input/checkbox-input.component';\nimport { MultipleSelectInputComponent } from './forms/multiple-select-input/multiple-select-input.component';\nimport { NumberInputComponent } from './forms/number-input/number-input.component';\nimport { PasswordInputComponent } from './forms/password-input/password-input.component';\nimport { SelectInputComponent } from './forms/select-input/select-input.component';\nimport { StringInputComponent } from './forms/string-input/string-input.component';\nimport { TextInputComponent } from './forms/text-input/text-input.component';\nimport { IconComponent } from './icon/icon.component';\nimport { NoopComponent } from './noop/noop.component';\nimport { ScrollContainerComponent } from './scroll-container/scroll-container.component';\nimport { SectionHeaderComponent } from './section-header/section-header.component';\nimport {\n  SwitchCaseComponent,\n  SwitchCaseDefaultDirective,\n  SwitchCaseWhenDirective\n} from './switch-case/switch-case.component';\nimport { ColumnTemplateDirective } from './table/column-template/column-template.directive';\nimport { DefaultCellRendererComponent } from './table/default-cell-renderer/default-cell-renderer.component';\nimport { DefaultHeaderCellRendererComponent } from './table/default-header-cell-renderer/default-header-cell-renderer.component';\nimport { EditRowControls } from './table/edit-row-controls/edit-row-controls.component';\nimport { SelectCellRendererComponent } from './table/select-cell-renderer/select-cell-renderer.component';\nimport { SelectHeaderCellRendererComponent } from './table/select-header-cell-renderer/select-header-cell-renderer.component';\nimport { TableCellRendererComponent } from './table/table-cell-renderer/table-cell-renderer.component';\nimport { TableHeaderCellRendererComponent } from './table/table-header-cell-renderer/table-header-cell-renderer.component';\nimport { TableRowMenuComponent } from './table/table-row-menu/table-row-menu.component';\nimport { TableComponent } from './table/table.component';\nimport { VerticalFocusContainerComponent } from './vertical-focus-container/vertical-focus-container.component';\n\n\n@NgModule({\n  declarations: [\n    AbstractInputComponent,\n    AbstractValueInputComponent,\n    AbstractListInputComponent,\n    NumberInputComponent,\n    StringInputComponent,\n    TextInputComponent,\n    PasswordInputComponent,\n    SelectInputComponent,\n    MultipleSelectInputComponent,\n    AutocompleteInputComponent,\n    CheckboxInputComponent,\n    ScrollContainerComponent,\n    NoopComponent,\n    SwitchCaseComponent,\n    SwitchCaseWhenDirective,\n    SwitchCaseDefaultDirective,\n    FocusContainerComponent,\n    VerticalFocusContainerComponent,\n    FocusableComponent,\n    CardContainerComponent,\n    TableComponent,\n    EditRowControls,\n    ColumnTemplateDirective,\n    DefaultCellRendererComponent,\n    TableCellRendererComponent,\n    SelectCellRendererComponent,\n    SelectHeaderCellRendererComponent,\n    DefaultHeaderCellRendererComponent,\n    TableHeaderCellRendererComponent,\n    IconComponent,\n    SectionHeaderComponent,\n    TableRowMenuComponent,\n    CommandBarComponent,\n    CommandComponent,\n    CommandMenuComponent,\n    CommandFaceComponent,\n    CommandContainer\n  ],\n  imports: [\n    CommonModule,\n    BrowserAnimationsModule,\n    FormsModule,\n    MatInputModule,\n    MatFormFieldModule,\n    MatSelectModule,\n    MatTabsModule,\n    DirectivesModule,\n    MatIconModule,\n    MatButtonModule,\n    MatCheckboxModule,\n    MatTableModule,\n    PortalModule,\n    CdkScrollableModule,\n    FontAwesomeModule,\n    MatTooltipModule,\n    MatAutocompleteModule,\n    _MatMenuDirectivesModule,\n    MatMenuModule\n  ],\n  exports: [\n    NumberInputComponent,\n    StringInputComponent,\n    TextInputComponent,\n    PasswordInputComponent,\n    CheckboxInputComponent,\n    SelectInputComponent,\n    MultipleSelectInputComponent,\n    AutocompleteInputComponent,\n    ScrollContainerComponent,\n    NoopComponent,\n    SwitchCaseComponent,\n    SwitchCaseWhenDirective,\n    SwitchCaseDefaultDirective,\n    FocusContainerComponent,\n    VerticalFocusContainerComponent,\n    FocusableComponent,\n    CardContainerComponent,\n    TableComponent,\n    EditRowControls,\n    ColumnTemplateDirective,\n    IconComponent,\n    SectionHeaderComponent,\n    TableRowMenuComponent,\n    CommandBarComponent,\n    CommandComponent,\n    CommandMenuComponent,\n    CommandFaceComponent,\n    CommandContainer\n  ],\n  providers: [\n    FocusBindingFactory\n    // {\n    //   provide: CELL_EDITOR_REGISTRATION, useValue: {\n    //     type: 'string',\n    //     editorClass: StringInputComponent\n    //   }, multi: true\n    // },\n    // {\n    //   provide: CELL_EDITOR_REGISTRATION, useValue: {\n    //     type: 'number',\n    //     editorClass: NumberInputComponent\n    //   }, multi: true\n    // }\n  ]\n\n})\nexport class ComponentsModule {\n\n  constructor(faIconLibrary: FaIconLibrary) {\n    faIconLibrary.addIconPacks(fas);\n\n  }\n}\n"]}