@coolon/angular-ui-powerups 2.0.0-alpha.3 → 2.0.0-alpha.30

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

@@ -0,0 +1,103 @@
+import { __decorate, __metadata } from "tslib";
+import { Memoize } from '@typescript-plus/fast-memoize-decorator/dist/src';
+import _ from 'lodash';
+export var CommandFace;
+(function (CommandFace) {
+    var Position;
+    (function (Position) {
+        Position["START"] = "start";
+        Position["END"] = "end";
+    })(Position = CommandFace.Position || (CommandFace.Position = {}));
+    var Adapter = /** @class */ (function () {
+        function Adapter(face) {
+            this.face = face;
+        }
+        Object.defineProperty(Adapter.prototype, "text", {
+            get: function () {
+                return _.isFunction(this.face.text) ? this.face.text() : undefined;
+            },
+            enumerable: true,
+            configurable: true
+        });
+        Object.defineProperty(Adapter.prototype, "icon", {
+            get: function () {
+                return _.isFunction(this.face.icon) ? this.face.icon() : undefined;
+            },
+            enumerable: true,
+            configurable: true
+        });
+        Object.defineProperty(Adapter.prototype, "iconPosition", {
+            get: function () {
+                return _.isFunction(this.face.iconPosition) ? this.face.iconPosition() : undefined;
+            },
+            enumerable: true,
+            configurable: true
+        });
+        Object.defineProperty(Adapter.prototype, "tooltip", {
+            get: function () {
+                return _.isFunction(this.face.tooltip) ? this.face.tooltip() : undefined;
+            },
+            enumerable: true,
+            configurable: true
+        });
+        Object.defineProperty(Adapter.prototype, "iconPositionStart", {
+            get: function () {
+                return this.iconPosition === CommandFace.Position.START;
+            },
+            enumerable: true,
+            configurable: true
+        });
+        Object.defineProperty(Adapter.prototype, "iconPositionEnd", {
+            get: function () {
+                return this.iconPosition === CommandFace.Position.END;
+            },
+            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),
+            __metadata("design:paramtypes", [])
+        ], Adapter.prototype, "text", null);
+        __decorate([
+            Memoize(),
+            __metadata("design:type", Object),
+            __metadata("design:paramtypes", [])
+        ], Adapter.prototype, "icon", null);
+        __decorate([
+            Memoize(),
+            __metadata("design:type", Object),
+            __metadata("design:paramtypes", [])
+        ], Adapter.prototype, "iconPosition", null);
+        __decorate([
+            Memoize(),
+            __metadata("design:type", Object),
+            __metadata("design:paramtypes", [])
+        ], Adapter.prototype, "tooltip", null);
+        __decorate([
+            Memoize(),
+            __metadata("design:type", Boolean),
+            __metadata("design:paramtypes", [])
+        ], Adapter.prototype, "iconPositionStart", null);
+        __decorate([
+            Memoize(),
+            __metadata("design:type", Boolean),
+            __metadata("design:paramtypes", [])
+        ], Adapter.prototype, "iconPositionEnd", null);
+        __decorate([
+            Memoize(),
+            __metadata("design:type", Boolean),
+            __metadata("design:paramtypes", [])
+        ], Adapter.prototype, "destructive", null);
+        return Adapter;
+    }());
+    CommandFace.Adapter = Adapter;
+})(CommandFace || (CommandFace = {}));
+//# sourceMappingURL=command-face.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"command-face.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/commands/command-face.ts"],"names":[],"mappings":";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.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/commands/popup-menu/abstract-popup-menu.component.js

@@ -0,0 +1,64 @@
+import { __decorate, __extends, __metadata } from "tslib";
+import { AfterViewInit, ChangeDetectorRef, Component, forwardRef, Input, OnInit, ViewChild } from '@angular/core';
+import { MatMenuTrigger } from '@angular/material/menu';
+import { CommandContainer } from '../command-container';
+import { PopupMenuRendererComponent } from '../popup-menu-renderer/popup-menu-renderer.component';
+/**
+ *
+ */
+var AbstractPopupMenuComponent = /** @class */ (function (_super) {
+    __extends(AbstractPopupMenuComponent, _super);
+    function AbstractPopupMenuComponent(cdr) {
+        var _this = _super.call(this) || this;
+        _this.cdr = cdr;
+        _this.xPosition = 'after';
+        _this.yPosition = 'below';
+        return _this;
+    }
+    AbstractPopupMenuComponent.prototype.ngAfterViewInit = function () {
+        this.cdr.detectChanges();
+    };
+    Object.defineProperty(AbstractPopupMenuComponent.prototype, "matMenuComponent", {
+        get: function () {
+            var _a;
+            return (_a = this.popupMenu) === null || _a === void 0 ? void 0 : _a.matMenu;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    AbstractPopupMenuComponent.prototype.closeMenu = function () {
+        this.menuTrigger.closeMenu();
+    };
+    AbstractPopupMenuComponent.prototype.getButtonColor = function (registration) {
+        return registration.faceAdapter.destructive ? 'warn' : undefined;
+    };
+    AbstractPopupMenuComponent.ctorParameters = function () { return [
+        { type: ChangeDetectorRef }
+    ]; };
+    __decorate([
+        Input(),
+        __metadata("design:type", String)
+    ], AbstractPopupMenuComponent.prototype, "xPosition", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", String)
+    ], AbstractPopupMenuComponent.prototype, "yPosition", void 0);
+    __decorate([
+        ViewChild(PopupMenuRendererComponent),
+        __metadata("design:type", PopupMenuRendererComponent)
+    ], AbstractPopupMenuComponent.prototype, "popupMenu", void 0);
+    __decorate([
+        ViewChild(MatMenuTrigger),
+        __metadata("design:type", MatMenuTrigger)
+    ], AbstractPopupMenuComponent.prototype, "menuTrigger", void 0);
+    AbstractPopupMenuComponent = __decorate([
+        Component({
+            selector: 'aup-abstract-popup-menu',
+            template: ''
+        }),
+        __metadata("design:paramtypes", [ChangeDetectorRef])
+    ], AbstractPopupMenuComponent);
+    return AbstractPopupMenuComponent;
+}(CommandContainer));
+export { AbstractPopupMenuComponent };
+//# sourceMappingURL=abstract-popup-menu.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"abstract-popup-menu.component.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/commands/popup-menu/abstract-popup-menu.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,SAAS,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAClH,OAAO,EAAW,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAGjE,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAExD,OAAO,EAAE,0BAA0B,EAAE,MAAM,sDAAsD,CAAC;AAElG;;GAEG;AAKH;IAAgD,8CAAgB;IAc9D,oCAA6B,GAAsB;QAAnD,YACE,iBAAO,SACR;QAF4B,SAAG,GAAH,GAAG,CAAmB;QAXnD,eAAS,GAAuB,OAAO,CAAC;QAGxC,eAAS,GAAsB,OAAO,CAAC;;IAUvC,CAAC;IAED,oDAAe,GAAf;QACE,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE,CAAA;IAC1B,CAAC;IAGD,sBAAI,wDAAgB;aAApB;;YACE,aAAO,IAAI,CAAC,SAAS,0CAAE,OAAO,CAAC;QACjC,CAAC;;;OAAA;IAED,8CAAS,GAAT;QACE,IAAI,CAAC,WAAW,CAAC,SAAS,EAAE,CAAC;IAC/B,CAAC;IAED,mDAAc,GAAd,UAAe,YAA2C;QACxD,OAAO,YAAY,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC;IACnE,CAAC;;gBAnBiC,iBAAiB;;IAXnD;QADC,KAAK,EAAE;;iEACgC;IAGxC;QADC,KAAK,EAAE;;iEAC+B;IAGvC;QADC,SAAS,CAAC,0BAA0B,CAAC;kCACnB,0BAA0B;iEAAC;IAG9C;QADC,SAAS,CAAC,cAAc,CAAC;kCACb,cAAc;mEAAC;IAZjB,0BAA0B;QAJtC,SAAS,CAAC;YACT,QAAQ,EAAE,yBAAyB;YACnC,QAAQ,EAAE,EAAE;SACb,CAAC;yCAekC,iBAAiB;OAdxC,0BAA0B,CAmCtC;IAAD,iCAAC;CAAA,AAnCD,CAAgD,gBAAgB,GAmC/D;SAnCY,0BAA0B","sourcesContent":["import { AfterViewInit, ChangeDetectorRef, Component, forwardRef, Input, OnInit, ViewChild } from '@angular/core';\nimport { MatMenu, MatMenuTrigger } from '@angular/material/menu';\n\nimport { Dsl, MutableValueModel, StoreInValueModel, ValueModelChain } from '@coolon/pectin';\nimport { CommandContainer } from '../command-container';\nimport { CommandFace } from '../command-face';\nimport { PopupMenuRendererComponent } from '../popup-menu-renderer/popup-menu-renderer.component';\n\n/**\n *\n */\n@Component({\n  selector: 'aup-abstract-popup-menu',\n  template: '',\n})\nexport class AbstractPopupMenuComponent extends CommandContainer implements AfterViewInit {\n\n  @Input()\n  xPosition: 'before' | 'after' = 'after';\n\n  @Input()\n  yPosition: 'above' | 'below' = 'below';\n\n  @ViewChild(PopupMenuRendererComponent)\n  private popupMenu: PopupMenuRendererComponent;\n\n  @ViewChild(MatMenuTrigger)\n  menuTrigger: MatMenuTrigger;\n\n  constructor(private readonly cdr: ChangeDetectorRef) {\n    super();\n  }\n\n  ngAfterViewInit(): void {\n    this.cdr.detectChanges()\n  }\n\n\n  get matMenuComponent(): MatMenu {\n    return this.popupMenu?.matMenu;\n  }\n\n  closeMenu() {\n    this.menuTrigger.closeMenu();\n  }\n\n  getButtonColor(registration: CommandContainer.Registration) {\n    return registration.faceAdapter.destructive ? 'warn' : undefined;\n  }\n\n}\n"]}

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

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

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

@@ -0,0 +1,35 @@
+import { __decorate, __extends, __metadata } from "tslib";
+import { ChangeDetectorRef, Component, forwardRef, Input } from '@angular/core';
+import { CommandContainer } from '../command-container';
+import { AbstractPopupMenuComponent } from './abstract-popup-menu.component';
+/**
+ *
+ */
+var MoreMenuComponent = /** @class */ (function (_super) {
+    __extends(MoreMenuComponent, _super);
+    function MoreMenuComponent(cdr) {
+        var _this = _super.call(this, cdr) || this;
+        _this.xPosition = "before"; // this should be the default unless overriden by the user.
+        return _this;
+    }
+    MoreMenuComponent_1 = MoreMenuComponent;
+    var MoreMenuComponent_1;
+    MoreMenuComponent.ctorParameters = function () { return [
+        { type: ChangeDetectorRef }
+    ]; };
+    __decorate([
+        Input(),
+        __metadata("design:type", String)
+    ], MoreMenuComponent.prototype, "tooltip", void 0);
+    MoreMenuComponent = MoreMenuComponent_1 = __decorate([
+        Component({
+            selector: 'aup-more-menu',
+            template: "\n    <!-- we can only render the button after th popup menu has initialised and rendered it's menu component -->\n    <button *ngIf=\"matMenuComponent\" mat-icon-button [matMenuTriggerFor]=\"matMenuComponent\" [matTooltip]=\"tooltip\">\n      <mat-icon>more_vert</mat-icon>\n    </button>\n    <aup-popup-menu-renderer [commandRegistrations]=\"commandRegistrations\"\n                             [xPosition]=\"xPosition\"\n                             [yPosition]=\"yPosition\"\n                             (commandExecuted)=\"closeMenu()\"></aup-popup-menu-renderer>\n  ",
+            providers: [{ provide: CommandContainer, useExisting: forwardRef(function () { return MoreMenuComponent_1; }) }]
+        }),
+        __metadata("design:paramtypes", [ChangeDetectorRef])
+    ], MoreMenuComponent);
+    return MoreMenuComponent;
+}(AbstractPopupMenuComponent));
+export { MoreMenuComponent };
+//# sourceMappingURL=more-menu.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"more-menu.component.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/commands/popup-menu/more-menu.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,iBAAiB,EAAE,SAAS,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAChF,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,0BAA0B,EAAE,MAAM,iCAAiC,CAAC;AAE7E;;GAEG;AAeH;IAAuC,qCAA0B;IAK/D,2BAAY,GAAsB;QAAlC,YACE,kBAAM,GAAG,CAAC,SAEX;QADC,KAAI,CAAC,SAAS,GAAG,QAAQ,CAAC,CAAC,2DAA2D;;IACxF,CAAC;0BARU,iBAAiB;;;gBAKX,iBAAiB;;IAFlC;QADC,KAAK,EAAE;;sDACQ;IAHL,iBAAiB;QAd7B,SAAS,CAAC;YACT,QAAQ,EAAE,eAAe;YACzB,QAAQ,EAAE,gkBAST;YACD,SAAS,EAAE,CAAC,EAAE,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,UAAU,CAAC,cAAM,OAAA,mBAAiB,EAAjB,CAAiB,CAAC,EAAE,CAAC;SAC7F,CAAC;yCAMiB,iBAAiB;OALvB,iBAAiB,CAU7B;IAAD,wBAAC;CAAA,AAVD,CAAuC,0BAA0B,GAUhE;SAVY,iBAAiB","sourcesContent":["import { ChangeDetectorRef, Component, forwardRef, Input } from '@angular/core';\nimport { CommandContainer } from '../command-container';\nimport { AbstractPopupMenuComponent } from './abstract-popup-menu.component';\n\n/**\n *\n */\n@Component({\n  selector: 'aup-more-menu',\n  template: `\n    <!-- we can only render the button after th popup menu has initialised and rendered it's menu component -->\n    <button *ngIf=\"matMenuComponent\" mat-icon-button [matMenuTriggerFor]=\"matMenuComponent\" [matTooltip]=\"tooltip\">\n      <mat-icon>more_vert</mat-icon>\n    </button>\n    <aup-popup-menu-renderer [commandRegistrations]=\"commandRegistrations\"\n                             [xPosition]=\"xPosition\"\n                             [yPosition]=\"yPosition\"\n                             (commandExecuted)=\"closeMenu()\"></aup-popup-menu-renderer>\n  `,\n  providers: [{ provide: CommandContainer, useExisting: forwardRef(() => MoreMenuComponent) }]\n})\nexport class MoreMenuComponent extends AbstractPopupMenuComponent {\n\n  @Input()\n  tooltip: string;\n\n  constructor(cdr: ChangeDetectorRef) {\n    super(cdr);\n    this.xPosition = \"before\"; // this should be the default unless overriden by the user.\n  }\n\n}\n"]}

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

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

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

@@ -0,0 +1,45 @@
+import { __decorate, __extends, __metadata } from "tslib";
+import { ChangeDetectorRef, Component, forwardRef, Input, OnInit } from '@angular/core';
+import { Dsl, MutableValueModel, StoreInValueModel } from '@coolon/pectin';
+import { CommandContainer } from '../command-container';
+import { CommandFace } from '../command-face';
+import { AbstractPopupMenuComponent } from './abstract-popup-menu.component';
+/**
+ *
+ */
+var PopupMenuComponent = /** @class */ (function (_super) {
+    __extends(PopupMenuComponent, _super);
+    function PopupMenuComponent(cdr) {
+        var _this = _super.call(this, cdr) || this;
+        _this.faceModel = 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;
+        var faceAdapterModel = chain(_this.faceModel).map(function (face) { return new CommandFace.Adapter(face); });
+        _this.faceTooltipModel = faceAdapterModel.pluck('tooltip');
+        return _this;
+    }
+    PopupMenuComponent_1 = PopupMenuComponent;
+    PopupMenuComponent.prototype.getTooltip = function () {
+        return this.faceTooltipModel.value;
+    };
+    PopupMenuComponent.prototype.ngOnInit = function () {
+    };
+    var PopupMenuComponent_1;
+    PopupMenuComponent.ctorParameters = function () { return [
+        { type: ChangeDetectorRef }
+    ]; };
+    __decorate([
+        Input(), StoreInValueModel('faceModel'),
+        __metadata("design:type", Object)
+    ], PopupMenuComponent.prototype, "face", void 0);
+    PopupMenuComponent = PopupMenuComponent_1 = __decorate([
+        Component({
+            selector: 'aup-popup-menu',
+            template: "\n    <!-- we can only render the button after th popup menu has initialised and rendered it's menu component -->\n    <button *ngIf=\"matMenuComponent\" mat-icon-button [matMenuTriggerFor]=\"matMenuComponent\" [matTooltip]=\"getTooltip()\">\n      <aup-command-face [face]=\"face\"></aup-command-face>\n    </button>\n    <aup-popup-menu-renderer [commandRegistrations]=\"commandRegistrations\" [yPosition]=\"yPosition\"\n                             [xPosition]=\"xPosition\"\n                             (commandExecuted)=\"closeMenu()\"></aup-popup-menu-renderer>\n  ",
+            providers: [{ provide: CommandContainer, useExisting: forwardRef(function () { return PopupMenuComponent_1; }) }]
+        }),
+        __metadata("design:paramtypes", [ChangeDetectorRef])
+    ], PopupMenuComponent);
+    return PopupMenuComponent;
+}(AbstractPopupMenuComponent));
+export { PopupMenuComponent };
+//# sourceMappingURL=popup-menu.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"popup-menu.component.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/commands/popup-menu/popup-menu.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,iBAAiB,EAAE,SAAS,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAExF,OAAO,EAAE,GAAG,EAAE,iBAAiB,EAAE,iBAAiB,EAAmB,MAAM,gBAAgB,CAAC;AAC5F,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,0BAA0B,EAAE,MAAM,iCAAiC,CAAC;AAE7E;;GAEG;AAeH;IAAwC,sCAA0B;IAShE,4BAAY,GAAsB;QAAlC,YACE,kBAAM,GAAG,CAAC,SAIX;QAZgB,eAAS,GAAG,IAAI,iBAAiB,EAAe,CAAC;QAS1D,IAAA,2BAAkF,EAAhF,gBAAK,EAAE,oBAAO,EAAE,kBAAM,EAAE,cAAI,EAAE,gBAAK,EAAE,oBAAO,EAAE,sBAAkC,CAAC;QACzF,IAAM,gBAAgB,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;QAC1F,KAAI,CAAC,gBAAgB,GAAG,gBAAgB,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;;IAC5D,CAAC;2BAdU,kBAAkB;IAgB7B,uCAAU,GAAV;QACE,OAAO,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC;IACrC,CAAC;IAED,qCAAQ,GAAR;IACA,CAAC;;;gBAZgB,iBAAiB;;IAJlC;QADC,KAAK,EAAE,EAAE,iBAAiB,CAAC,WAAW,CAAC;;oDACtB;IALP,kBAAkB;QAd9B,SAAS,CAAC;YACT,QAAQ,EAAE,gBAAgB;YAC1B,QAAQ,EAAE,8jBAQT;YAED,SAAS,EAAE,CAAC,EAAE,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,UAAU,CAAC,cAAM,OAAA,oBAAkB,EAAlB,CAAkB,CAAC,EAAE,CAAC;SAC9F,CAAC;yCAUiB,iBAAiB;OATvB,kBAAkB,CAuB9B;IAAD,yBAAC;CAAA,AAvBD,CAAwC,0BAA0B,GAuBjE;SAvBY,kBAAkB","sourcesContent":["import { ChangeDetectorRef, Component, forwardRef, Input, OnInit } from '@angular/core';\n\nimport { Dsl, MutableValueModel, StoreInValueModel, ValueModelChain } from '@coolon/pectin';\nimport { CommandContainer } from '../command-container';\nimport { CommandFace } from '../command-face';\nimport { AbstractPopupMenuComponent } from './abstract-popup-menu.component';\n\n/**\n *\n */\n@Component({\n  selector: 'aup-popup-menu',\n  template: `\n    <!-- we can only render the button after th popup menu has initialised and rendered it's menu component -->\n    <button *ngIf=\"matMenuComponent\" mat-icon-button [matMenuTriggerFor]=\"matMenuComponent\" [matTooltip]=\"getTooltip()\">\n      <aup-command-face [face]=\"face\"></aup-command-face>\n    </button>\n    <aup-popup-menu-renderer [commandRegistrations]=\"commandRegistrations\" [yPosition]=\"yPosition\"\n                             [xPosition]=\"xPosition\"\n                             (commandExecuted)=\"closeMenu()\"></aup-popup-menu-renderer>\n  `,\n  styleUrls: [],\n  providers: [{ provide: CommandContainer, useExisting: forwardRef(() => PopupMenuComponent) }]\n})\nexport class PopupMenuComponent extends AbstractPopupMenuComponent implements OnInit {\n\n  private readonly faceModel = new MutableValueModel<CommandFace>();\n\n  @Input() @StoreInValueModel('faceModel')\n  face: CommandFace;\n\n  private faceTooltipModel: ValueModelChain<string>;\n\n  constructor(cdr: ChangeDetectorRef) {\n    super(cdr);\n    const { chain, valueOf, before, when, after, observe, switchOn } = Dsl.disposeWith(this);\n    const faceAdapterModel = chain(this.faceModel).map(face => new CommandFace.Adapter(face));\n    this.faceTooltipModel = faceAdapterModel.pluck('tooltip');\n  }\n\n  getTooltip() {\n    return this.faceTooltipModel.value;\n  }\n\n  ngOnInit() {\n  }\n\n}\n"]}

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

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

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

@@ -0,0 +1,66 @@
+import { __decorate, __extends, __metadata } from "tslib";
+import { Component, EventEmitter, Input, Output, ViewChild } from '@angular/core';
+import { MatMenu } from '@angular/material/menu';
+import { Dsl, ListModel, TrackExternal } from '@coolon/pectin';
+import { DisposableComponent } from '../../disposable-component';
+/**
+ *
+ */
+var PopupMenuRendererComponent = /** @class */ (function (_super) {
+    __extends(PopupMenuRendererComponent, _super);
+    function PopupMenuRendererComponent() {
+        var _this = _super.call(this) || this;
+        _this.xPosition = 'after';
+        _this.yPosition = 'below';
+        _this.commandExecuted = new EventEmitter();
+        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;
+        var registrations = chain(_this.commandRegistrations);
+        var iconCount = registrations.select(function (r) { return !!r.faceAdapter.icon; }).count();
+        _this.hasMixedIcons = valueOf.all(iconCount.isGreaterThan(0), iconCount.doesNotEqual(registrations.length)).areTruthy();
+        return _this;
+    }
+    PopupMenuRendererComponent.prototype.ngOnInit = function () {
+    };
+    PopupMenuRendererComponent.prototype.getPopupMenuCommandFor = function (item) {
+        var _this = this;
+        var when = Dsl.disposeWith(this).when;
+        when(item.command.busy).becomesFalsey(function () {
+            _this.commandExecuted.emit();
+        });
+        return item.command;
+    };
+    PopupMenuRendererComponent.prototype.getButtonColor = function (registration) {
+        return registration.faceAdapter.destructive ? 'warn' : undefined;
+    };
+    __decorate([
+        Input(), TrackExternal(),
+        __metadata("design:type", ListModel)
+    ], PopupMenuRendererComponent.prototype, "commandRegistrations", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", String)
+    ], PopupMenuRendererComponent.prototype, "xPosition", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", String)
+    ], PopupMenuRendererComponent.prototype, "yPosition", void 0);
+    __decorate([
+        Output(),
+        __metadata("design:type", Object)
+    ], PopupMenuRendererComponent.prototype, "commandExecuted", void 0);
+    __decorate([
+        ViewChild(MatMenu),
+        __metadata("design:type", MatMenu)
+    ], PopupMenuRendererComponent.prototype, "matMenu", void 0);
+    PopupMenuRendererComponent = __decorate([
+        Component({
+            selector: 'aup-popup-menu-renderer',
+            template: "<mat-menu [xPosition]=\"xPosition\" [yPosition]=\"yPosition\" >\n  <button *ngFor=\"let registration of commandRegistrations.value\"\n          mat-menu-item\n          [pectinCommand]=\"getPopupMenuCommandFor(registration)\"\n  >\n    <aup-command-face [face]=\"registration.faceAdapter.face\" [includeMissingIconInLayout]=\"hasMixedIcons.value\"></aup-command-face>\n  </button>\n</mat-menu>\n",
+            styles: [":host{display:inline-flex;flex-direction:row;align-items:center}"]
+        }),
+        __metadata("design:paramtypes", [])
+    ], PopupMenuRendererComponent);
+    return PopupMenuRendererComponent;
+}(DisposableComponent));
+export { PopupMenuRendererComponent };
+//# sourceMappingURL=popup-menu-renderer.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"popup-menu-renderer.component.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/commands/popup-menu-renderer/popup-menu-renderer.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,KAAK,EAAU,MAAM,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1F,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAEjD,OAAO,EAAmC,GAAG,EAAE,SAAS,EAAE,aAAa,EAAmB,MAAM,gBAAgB,CAAC;AACjH,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAIjE;;GAEG;AAMH;IAAgD,8CAAmB;IAoBjE;QAAA,YACE,iBAAO,SAQR;QAvBD,eAAS,GAAuB,OAAO,CAAC;QAGxC,eAAS,GAAsB,OAAO,CAAC;QAGvC,qBAAe,GAAG,IAAI,YAAY,EAAE,CAAC;QAU7B,IAAA,2BAAkF,EAAhF,gBAAK,EAAE,oBAAO,EAAE,kBAAM,EAAE,cAAI,EAAE,gBAAK,EAAE,oBAAO,EAAE,sBAAkC,CAAC;QACzF,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,WAAW,CAAC,IAAI,EAApB,CAAoB,CAAC,CAAC,KAAK,EAAE,CAAC;QAC1E,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,CAAC;;IAChB,CAAC;IAED,6CAAQ,GAAR;IACA,CAAC;IAED,2DAAsB,GAAtB,UAAuB,IAAmC;QAA1D,iBAMC;QALS,IAAA,iCAAI,CAA2B;QACvC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,aAAa,CAAC;YACpC,KAAI,CAAC,eAAe,CAAC,IAAI,EAAE,CAAC;QAC9B,CAAC,CAAC,CAAC;QACH,OAAO,IAAI,CAAC,OAAO,CAAC;IACtB,CAAC;IAED,mDAAc,GAAd,UAAe,YAA2C;QACxD,OAAO,YAAY,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC;IACnE,CAAC;IAzCD;QADC,KAAK,EAAE,EAAE,aAAa,EAAE;kCACH,SAAS;4EAAgC;IAG/D;QADC,KAAK,EAAE;;iEACgC;IAGxC;QADC,KAAK,EAAE;;iEAC+B;IAGvC;QADC,MAAM,EAAE;;uEAC4B;IAMrC;QADC,SAAS,CAAC,OAAO,CAAC;kCACV,OAAO;+DAAC;IAlBN,0BAA0B;QALtC,SAAS,CAAC;YACT,QAAQ,EAAE,yBAAyB;YACnC,uZAAmD;;SAEpD,CAAC;;OACW,0BAA0B,CA8CtC;IAAD,iCAAC;CAAA,AA9CD,CAAgD,mBAAmB,GA8ClE;SA9CY,0BAA0B","sourcesContent":["import { Component, EventEmitter, Input, OnInit, Output, ViewChild } from '@angular/core';\nimport { MatMenu } from '@angular/material/menu';\n\nimport { BooleanValueModelChain, Command, Dsl, ListModel, TrackExternal, ValueModelChain } from '@coolon/pectin';\nimport { DisposableComponent } from '../../disposable-component';\nimport { CommandContainer } from '../command-container';\n\n\n/**\n *\n */\n@Component({\n  selector: 'aup-popup-menu-renderer',\n  templateUrl: './popup-menu-renderer.component.html',\n  styleUrls: ['./popup-menu-renderer.component.scss']\n})\nexport class PopupMenuRendererComponent extends DisposableComponent implements OnInit {\n\n  @Input() @TrackExternal()\n  commandRegistrations: ListModel<CommandContainer.Registration>;\n\n  @Input()\n  xPosition: 'before' | 'after' = 'after';\n\n  @Input()\n  yPosition: 'above' | 'below' = 'below';\n\n  @Output()\n  commandExecuted = new EventEmitter();\n\n  readonly tooltip: ValueModelChain<string>;\n  readonly hasMixedIcons: BooleanValueModelChain;\n\n  @ViewChild(MatMenu)\n  matMenu: MatMenu;\n\n  constructor() {\n    super();\n    const { chain, valueOf, before, when, after, observe, switchOn } = Dsl.disposeWith(this);\n    const registrations = chain(this.commandRegistrations);\n    const iconCount = registrations.select(r => !!r.faceAdapter.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  getPopupMenuCommandFor(item: CommandContainer.Registration): Command<unknown> {\n    const { when } = Dsl.disposeWith(this);\n    when(item.command.busy).becomesFalsey(() => {\n      this.commandExecuted.emit();\n    });\n    return item.command;\n  }\n\n  getButtonColor(registration: CommandContainer.Registration) {\n    return registration.faceAdapter.destructive ? 'warn' : undefined;\n  }\n\n}\n"]}

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

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

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

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