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

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

@@ -0,0 +1,91 @@
+import { __decorate, __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';
+/**
+ *
+ */
+let CommandFaceComponent = class CommandFaceComponent extends DisposableComponent {
+    constructor(commandContainer) {
+        super();
+        this.commandContainer = commandContainer;
+        this.faceModel = new MutableValueModel();
+        this.ignoreIcon = false;
+        this.ignoreText = false;
+        this.includeMissingIconInLayout = false;
+        const { chain, valueOf, before, when, after, observe, switchOn } = Dsl.disposeWith(this);
+        // overkill /c: when all you have is a hammer...
+        const faceAdapter = chain(this.faceModel).map(face => new CommandFace.Adapter(face));
+        this.iconModel = faceAdapter.pluck('icon');
+        this.textModel = faceAdapter.pluck('text');
+        this.positionModel = faceAdapter.pluck('iconPosition');
+        this.destructiveModel = faceAdapter.pluck('destructive');
+    }
+    get requiresMissingIconInLayout() {
+        return this.includeMissingIconInLayout && !this.iconModel.value;
+    }
+    ngOnInit() {
+    }
+    get iconPosition() {
+        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;
+    }
+    get shouldIncludeIcon() {
+        return (!this.ignoreIcon && this.iconModel.value) || this.includeMissingIconInLayout;
+    }
+    get iconStart() {
+        return this.shouldIncludeIcon && this.iconPosition === CommandFace.Position.START;
+    }
+    get iconEnd() {
+        return this.shouldIncludeIcon && this.iconPosition === CommandFace.Position.END;
+    }
+    get text() {
+        return this.ignoreText ? undefined : this.textModel.value;
+    }
+    get destructive() {
+        return this.destructiveModel.value;
+    }
+};
+CommandFaceComponent.ctorParameters = () => [
+    { 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);
+export { CommandFaceComponent };
+//# sourceMappingURL=command-face.component.js.map

package/esm2015/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/esm2015/lib/components/commands/command-face/command-face.component.metadata.json

@@ -0,0 +1 @@
+[{"__symbolic":"module","version":4,"metadata":{"CommandFaceComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../../disposable-component","name":"DisposableComponent","line":16,"character":45},"arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"aup-command-face","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":14,"character":17},"member":"None"},"template":"<aup-icon *ngIf=\"iconStart\" [icon]=\"iconModel.value\"></aup-icon>\n<span *ngIf=\"this.text\">{{this.text}}</span>\n<aup-icon *ngIf=\"iconEnd\" [icon]=\"iconModel.value\"></aup-icon>\n","styles":["aup-command-face{--icon-gap:var(--command-face-icon-gap);display:inline-flex;flex-direction:row;align-items:center}aup-command-face *+*{margin-left:var(--icon-gap)}aup-command-face.hide-icon aup-icon{visibility:hidden}"]}]}],"members":{"_rawFace":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3},"arguments":["face"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"StoreInValueModel","line":21,"character":18},"arguments":["faceModel"]}]}],"ignoreIcon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"ignoreText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"includeMissingIconInLayout":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}}]}],"requiresMissingIconInLayout":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":33,"character":3},"arguments":["class.hide-icon"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":43,"character":15}}]],"parameters":[{"__symbolic":"reference","module":"../command-container","name":"CommandContainer","line":43,"character":53}]}],"ngOnInit":[{"__symbolic":"method"}],"destructive":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":77,"character":3},"arguments":["class.destructive"]}]}]}}}}]

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

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

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

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

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

@@ -0,0 +1,74 @@
+import { __decorate, __metadata } from "tslib";
+import { Memoize } from '@typescript-plus/fast-memoize-decorator/dist/src';
+import _ from 'lodash';
+export var CommandFace;
+(function (CommandFace) {
+    let Position;
+    (function (Position) {
+        Position["START"] = "start";
+        Position["END"] = "end";
+    })(Position = CommandFace.Position || (CommandFace.Position = {}));
+    class Adapter {
+        constructor(face) {
+            this.face = face;
+        }
+        get text() {
+            return _.isFunction(this.face.text) ? this.face.text() : undefined;
+        }
+        get icon() {
+            return _.isFunction(this.face.icon) ? this.face.icon() : undefined;
+        }
+        get iconPosition() {
+            return _.isFunction(this.face.iconPosition) ? this.face.iconPosition() : undefined;
+        }
+        get tooltip() {
+            return _.isFunction(this.face.tooltip) ? this.face.tooltip() : undefined;
+        }
+        get iconPositionStart() {
+            return this.iconPosition === CommandFace.Position.START;
+        }
+        get iconPositionEnd() {
+            return this.iconPosition === CommandFace.Position.END;
+        }
+        get destructive() {
+            return _.isFunction(this.face.destructive) ? this.face.destructive() : false;
+        }
+    }
+    __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);
+    CommandFace.Adapter = Adapter;
+})(CommandFace || (CommandFace = {}));
+//# sourceMappingURL=command-face.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"command-face.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/commands/command-face.ts"],"names":[],"mappings":";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,MAAa,OAAO;QAClB,YAAqB,IAAiB;YAAjB,SAAI,GAAJ,IAAI,CAAa;QACtC,CAAC;QAGD,IAAI,IAAI;YACN,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;QACrE,CAAC;QAGD,IAAI,IAAI;YACN,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;QACrE,CAAC;QAGD,IAAI,YAAY;YACd,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;QACrF,CAAC;QAGD,IAAI,OAAO;YACT,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;QAC3E,CAAC;QAGD,IAAI,iBAAiB;YACnB,OAAO,IAAI,CAAC,YAAY,KAAK,WAAW,CAAC,QAAQ,CAAC,KAAK,CAAC;QAC1D,CAAC;QAGD,IAAI,eAAe;YACjB,OAAO,IAAI,CAAC,YAAY,KAAK,WAAW,CAAC,QAAQ,CAAC,GAAG,CAAC;QACxD,CAAC;QAGD,IAAI,WAAW;YACb,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;QAC/E,CAAC;KAEF;IAlCC;QADC,OAAO,EAAE;;;uCAGT;IAGD;QADC,OAAO,EAAE;;;uCAGT;IAGD;QADC,OAAO,EAAE;;;+CAGT;IAGD;QADC,OAAO,EAAE;;;0CAGT;IAGD;QADC,OAAO,EAAE;;;oDAGT;IAGD;QADC,OAAO,EAAE;;;kDAGT;IAGD;QADC,OAAO,EAAE;;;8CAGT;IArCU,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/esm2015/lib/components/commands/command-face.metadata.json

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

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

@@ -0,0 +1,38 @@
+import { __decorate, __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';
+/**
+ *
+ */
+let CommandComponent = class CommandComponent extends DisposableComponent {
+    constructor(commandContainer) {
+        super();
+        this.commandContainer = commandContainer;
+    }
+    ngOnInit() {
+        this.registerDisposable(this.commandContainer.registerCommand(this.command, this.face));
+    }
+};
+CommandComponent.ctorParameters = () => [
+    { 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);
+export { CommandComponent };
+//# sourceMappingURL=command.component.js.map

package/esm2015/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,IAAa,gBAAgB,GAA7B,MAAa,gBAAoB,SAAQ,mBAAmB;IAQ1D,YAAqB,gBAAkC;QACrD,KAAK,EAAE,CAAC;QADW,qBAAgB,GAAhB,gBAAgB,CAAkB;IAEvD,CAAC;IAED,QAAQ;QACN,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,gBAAgB,CAAC,eAAe,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,CAAA;IACzF,CAAC;CAEF,CAAA;;YARwC,gBAAgB;;AALvD;IADC,KAAK,EAAE,EAAE,aAAa,EAAE;8BAChB,OAAO;iDAAC;AAGjB;IADC,KAAK,EAAE;;8CACU;AANP,gBAAgB;IAL5B,SAAS,CAAC;QACT,QAAQ,EAAE,aAAa;QACvB,QAAQ,EAAE,EAAE;KAEb,CAAC;qCASuC,gBAAgB;GAR5C,gBAAgB,CAgB5B;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/esm2015/lib/components/commands/command.component.metadata.json

@@ -0,0 +1 @@
+[{"__symbolic":"module","version":4,"metadata":{"CommandComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../disposable-component","name":"DisposableComponent","line":16,"character":41},"arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"selector":"aup-command","template":"","styles":[]}]}],"members":{"command":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"TrackExternal","line":18,"character":12}}]}],"face":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./command-container","name":"CommandContainer","line":24,"character":41}]}],"ngOnInit":[{"__symbolic":"method"}]}}}}]

package/esm2015/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/esm2015/lib/components/commands/popup-menu/abstract-popup-menu.component.js

@@ -0,0 +1,57 @@
+import { __decorate, __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';
+/**
+ *
+ */
+let AbstractPopupMenuComponent = class AbstractPopupMenuComponent extends CommandContainer {
+    constructor(cdr) {
+        super();
+        this.cdr = cdr;
+        this.xPosition = 'after';
+        this.yPosition = 'below';
+    }
+    ngAfterViewInit() {
+        this.cdr.detectChanges();
+    }
+    get matMenuComponent() {
+        var _a;
+        return (_a = this.popupMenu) === null || _a === void 0 ? void 0 : _a.matMenu;
+    }
+    closeMenu() {
+        this.menuTrigger.closeMenu();
+    }
+    getButtonColor(registration) {
+        return registration.faceAdapter.destructive ? 'warn' : undefined;
+    }
+};
+AbstractPopupMenuComponent.ctorParameters = () => [
+    { 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);
+export { AbstractPopupMenuComponent };
+//# sourceMappingURL=abstract-popup-menu.component.js.map

package/esm2015/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,IAAa,0BAA0B,GAAvC,MAAa,0BAA2B,SAAQ,gBAAgB;IAc9D,YAA6B,GAAsB;QACjD,KAAK,EAAE,CAAC;QADmB,QAAG,GAAH,GAAG,CAAmB;QAXnD,cAAS,GAAuB,OAAO,CAAC;QAGxC,cAAS,GAAsB,OAAO,CAAC;IAUvC,CAAC;IAED,eAAe;QACb,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE,CAAA;IAC1B,CAAC;IAGD,IAAI,gBAAgB;;QAClB,aAAO,IAAI,CAAC,SAAS,0CAAE,OAAO,CAAC;IACjC,CAAC;IAED,SAAS;QACP,IAAI,CAAC,WAAW,CAAC,SAAS,EAAE,CAAC;IAC/B,CAAC;IAED,cAAc,CAAC,YAA2C;QACxD,OAAO,YAAY,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC;IACnE,CAAC;CAEF,CAAA;;YArBmC,iBAAiB;;AAXnD;IADC,KAAK,EAAE;;6DACgC;AAGxC;IADC,KAAK,EAAE;;6DAC+B;AAGvC;IADC,SAAS,CAAC,0BAA0B,CAAC;8BACnB,0BAA0B;6DAAC;AAG9C;IADC,SAAS,CAAC,cAAc,CAAC;8BACb,cAAc;+DAAC;AAZjB,0BAA0B;IAJtC,SAAS,CAAC;QACT,QAAQ,EAAE,yBAAyB;QACnC,QAAQ,EAAE,EAAE;KACb,CAAC;qCAekC,iBAAiB;GAdxC,0BAA0B,CAmCtC;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/esm2015/lib/components/commands/popup-menu/abstract-popup-menu.component.metadata.json

@@ -0,0 +1 @@
+[{"__symbolic":"module","version":4,"metadata":{"AbstractPopupMenuComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../command-container","name":"CommandContainer","line":15,"character":48},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"selector":"aup-abstract-popup-menu","template":""}]}],"members":{"xPosition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"yPosition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"popupMenu":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":23,"character":3},"arguments":[{"__symbolic":"reference","module":"../popup-menu-renderer/popup-menu-renderer.component","name":"PopupMenuRendererComponent","line":23,"character":13}]}]}],"menuTrigger":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":26,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material/menu","name":"MatMenuTrigger","line":26,"character":13}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":29,"character":36}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"closeMenu":[{"__symbolic":"method"}],"getButtonColor":[{"__symbolic":"method"}]}}}}]

package/esm2015/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/esm2015/lib/components/commands/popup-menu/more-menu.component.js

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

package/esm2015/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,IAAa,iBAAiB,yBAA9B,MAAa,iBAAkB,SAAQ,0BAA0B;IAK/D,YAAY,GAAsB;QAChC,KAAK,CAAC,GAAG,CAAC,CAAC;QACX,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAC,CAAC,2DAA2D;IACxF,CAAC;CAEF,CAAA;;YALkB,iBAAiB;;AAFlC;IADC,KAAK,EAAE;;kDACQ;AAHL,iBAAiB;IAd7B,SAAS,CAAC;QACT,QAAQ,EAAE,eAAe;QACzB,QAAQ,EAAE;;;;;;;;;GAST;QACD,SAAS,EAAE,CAAC,EAAE,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,UAAU,CAAC,GAAG,EAAE,CAAC,mBAAiB,CAAC,EAAE,CAAC;KAC7F,CAAC;qCAMiB,iBAAiB;GALvB,iBAAiB,CAU7B;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/esm2015/lib/components/commands/popup-menu/more-menu.component.metadata.json

@@ -0,0 +1 @@
+[{"__symbolic":"module","version":4,"metadata":{"MoreMenuComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"./abstract-popup-menu.component","name":"AbstractPopupMenuComponent","line":21,"character":39},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"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":{"__symbolic":"reference","module":"../command-container","name":"CommandContainer","line":19,"character":25},"useExisting":{"__symbolic":"reference","name":"MoreMenuComponent"}}]}]}],"members":{"tooltip":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":26,"character":19}]}]}}}}]

package/esm2015/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/esm2015/lib/components/commands/popup-menu/popup-menu.component.js

@@ -0,0 +1,49 @@
+var PopupMenuComponent_1;
+import { __decorate, __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';
+/**
+ *
+ */
+let PopupMenuComponent = PopupMenuComponent_1 = class PopupMenuComponent extends AbstractPopupMenuComponent {
+    constructor(cdr) {
+        super(cdr);
+        this.faceModel = new MutableValueModel();
+        const { chain, valueOf, before, when, after, observe, switchOn } = Dsl.disposeWith(this);
+        const faceAdapterModel = chain(this.faceModel).map(face => new CommandFace.Adapter(face));
+        this.faceTooltipModel = faceAdapterModel.pluck('tooltip');
+    }
+    getTooltip() {
+        return this.faceTooltipModel.value;
+    }
+    ngOnInit() {
+    }
+};
+PopupMenuComponent.ctorParameters = () => [
+    { 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: `
+    <!-- we can only render the button after th popup menu has initialised and rendered it's menu component -->
+    <button *ngIf="matMenuComponent" mat-icon-button [matMenuTriggerFor]="matMenuComponent" [matTooltip]="getTooltip()">
+      <aup-command-face [face]="face"></aup-command-face>
+    </button>
+    <aup-popup-menu-renderer [commandRegistrations]="commandRegistrations" [yPosition]="yPosition"
+                             [xPosition]="xPosition"
+                             (commandExecuted)="closeMenu()"></aup-popup-menu-renderer>
+  `,
+        providers: [{ provide: CommandContainer, useExisting: forwardRef(() => PopupMenuComponent_1) }]
+    }),
+    __metadata("design:paramtypes", [ChangeDetectorRef])
+], PopupMenuComponent);
+export { PopupMenuComponent };
+//# sourceMappingURL=popup-menu.component.js.map

package/esm2015/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,IAAa,kBAAkB,0BAA/B,MAAa,kBAAmB,SAAQ,0BAA0B;IAShE,YAAY,GAAsB;QAChC,KAAK,CAAC,GAAG,CAAC,CAAC;QARI,cAAS,GAAG,IAAI,iBAAiB,EAAe,CAAC;QAShE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,GAAG,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;QACzF,MAAM,gBAAgB,GAAG,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,WAAW,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC;QAC1F,IAAI,CAAC,gBAAgB,GAAG,gBAAgB,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;IAC5D,CAAC;IAED,UAAU;QACR,OAAO,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC;IACrC,CAAC;IAED,QAAQ;IACR,CAAC;CAEF,CAAA;;YAdkB,iBAAiB;;AAJlC;IADC,KAAK,EAAE,EAAE,iBAAiB,CAAC,WAAW,CAAC;;gDACtB;AALP,kBAAkB;IAd9B,SAAS,CAAC;QACT,QAAQ,EAAE,gBAAgB;QAC1B,QAAQ,EAAE;;;;;;;;GAQT;QAED,SAAS,EAAE,CAAC,EAAE,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,UAAU,CAAC,GAAG,EAAE,CAAC,oBAAkB,CAAC,EAAE,CAAC;KAC9F,CAAC;qCAUiB,iBAAiB;GATvB,kBAAkB,CAuB9B;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/esm2015/lib/components/commands/popup-menu/popup-menu.component.metadata.json

@@ -0,0 +1 @@
+[{"__symbolic":"module","version":4,"metadata":{"PopupMenuComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"./abstract-popup-menu.component","name":"AbstractPopupMenuComponent","line":24,"character":40},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"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  ","styleUrls":[],"providers":[{"provide":{"__symbolic":"reference","module":"../command-container","name":"CommandContainer","line":22,"character":25},"useExisting":{"__symbolic":"reference","name":"PopupMenuComponent"}}]}]}],"members":{"face":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"StoreInValueModel","line":28,"character":12},"arguments":["faceModel"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":33,"character":19}]}],"getTooltip":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}]}}}}]

package/esm2015/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/esm2015/lib/components/commands/popup-menu-renderer/popup-menu-renderer.component.js

@@ -0,0 +1,62 @@
+import { __decorate, __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';
+/**
+ *
+ */
+let PopupMenuRendererComponent = class PopupMenuRendererComponent extends DisposableComponent {
+    constructor() {
+        super();
+        this.xPosition = 'after';
+        this.yPosition = 'below';
+        this.commandExecuted = new EventEmitter();
+        const { chain, valueOf, before, when, after, observe, switchOn } = Dsl.disposeWith(this);
+        const registrations = chain(this.commandRegistrations);
+        const iconCount = registrations.select(r => !!r.faceAdapter.icon).count();
+        this.hasMixedIcons = valueOf.all(iconCount.isGreaterThan(0), iconCount.doesNotEqual(registrations.length)).areTruthy();
+    }
+    ngOnInit() {
+    }
+    getPopupMenuCommandFor(item) {
+        const { when } = Dsl.disposeWith(this);
+        when(item.command.busy).becomesFalsey(() => {
+            this.commandExecuted.emit();
+        });
+        return item.command;
+    }
+    getButtonColor(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);
+export { PopupMenuRendererComponent };
+//# sourceMappingURL=popup-menu-renderer.component.js.map

package/esm2015/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,IAAa,0BAA0B,GAAvC,MAAa,0BAA2B,SAAQ,mBAAmB;IAoBjE;QACE,KAAK,EAAE,CAAC;QAfV,cAAS,GAAuB,OAAO,CAAC;QAGxC,cAAS,GAAsB,OAAO,CAAC;QAGvC,oBAAe,GAAG,IAAI,YAAY,EAAE,CAAC;QAUnC,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,GAAG,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;QACzF,MAAM,aAAa,GAAG,KAAK,CAAC,IAAI,CAAC,oBAAoB,CAAC,CAAC;QACvD,MAAM,SAAS,GAAG,aAAa,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,CAAC;QAC1E,IAAI,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,QAAQ;IACR,CAAC;IAED,sBAAsB,CAAC,IAAmC;QACxD,MAAM,EAAE,IAAI,EAAE,GAAG,GAAG,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;QACvC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,aAAa,CAAC,GAAG,EAAE;YACzC,IAAI,CAAC,eAAe,CAAC,IAAI,EAAE,CAAC;QAC9B,CAAC,CAAC,CAAC;QACH,OAAO,IAAI,CAAC,OAAO,CAAC;IACtB,CAAC;IAED,cAAc,CAAC,YAA2C;QACxD,OAAO,YAAY,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC;IACnE,CAAC;CAEF,CAAA;AA3CC;IADC,KAAK,EAAE,EAAE,aAAa,EAAE;8BACH,SAAS;wEAAgC;AAG/D;IADC,KAAK,EAAE;;6DACgC;AAGxC;IADC,KAAK,EAAE;;6DAC+B;AAGvC;IADC,MAAM,EAAE;;mEAC4B;AAMrC;IADC,SAAS,CAAC,OAAO,CAAC;8BACV,OAAO;2DAAC;AAlBN,0BAA0B;IALtC,SAAS,CAAC;QACT,QAAQ,EAAE,yBAAyB;QACnC,uZAAmD;;KAEpD,CAAC;;GACW,0BAA0B,CA8CtC;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/esm2015/lib/components/commands/popup-menu-renderer/popup-menu-renderer.component.metadata.json

@@ -0,0 +1 @@
+[{"__symbolic":"module","version":4,"metadata":{"PopupMenuRendererComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../../disposable-component","name":"DisposableComponent","line":16,"character":48},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"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}"]}]}],"members":{"commandRegistrations":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"TrackExternal","line":18,"character":12}}]}],"xPosition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"yPosition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"commandExecuted":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":27,"character":3}}]}],"matMenu":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":33,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material/menu","name":"MatMenu","line":33,"character":13}]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"getPopupMenuCommandFor":[{"__symbolic":"method"}],"getButtonColor":[{"__symbolic":"method"}]}}}}]

package/esm2015/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/esm2015/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"]}