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

package/lib/components/commands/command-bar.component.d.ts

@@ -1,10 +1,9 @@
-import { OnInit, TemplateRef } from '@angular/core';
+import { OnInit } from '@angular/core';
 import { CommandContainer } from './command-container';
 /**
  *
  */
 export declare class CommandBarComponent extends CommandContainer implements OnInit {
-    moreMenuTemplateRef: TemplateRef<any>;
     constructor();
     ngOnInit(): void;
     getButtonColor(registration: CommandContainer.Registration): string;

package/lib/components/commands/command-container.d.ts

@@ -8,8 +8,8 @@ export declare class CommandContainer extends GarbageCollector {
     getDefaultIconPosition(): CommandFace.Position;
 }
 export declare namespace CommandContainer {
-    class Registration extends CommandFace.Adapter {
+    interface Registration {
         readonly command: Command<unknown>;
-        constructor(command: Command<unknown>, face: CommandFace);
+        readonly faceAdapter: CommandFace.Adapter;
     }
 }

package/lib/components/commands/popup-menu/abstract-popup-menu.component.d.ts

@@ -0,0 +1,18 @@
+import { AfterViewInit, ChangeDetectorRef } from '@angular/core';
+import { MatMenu, MatMenuTrigger } from '@angular/material/menu';
+import { CommandContainer } from '../command-container';
+/**
+ *
+ */
+export declare class AbstractPopupMenuComponent extends CommandContainer implements AfterViewInit {
+    private readonly cdr;
+    xPosition: 'before' | 'after';
+    yPosition: 'above' | 'below';
+    private popupMenu;
+    menuTrigger: MatMenuTrigger;
+    constructor(cdr: ChangeDetectorRef);
+    ngAfterViewInit(): void;
+    get matMenuComponent(): MatMenu;
+    closeMenu(): void;
+    getButtonColor(registration: CommandContainer.Registration): string;
+}

package/lib/components/commands/popup-menu/more-menu.component.d.ts

@@ -0,0 +1,9 @@
+import { ChangeDetectorRef } from '@angular/core';
+import { AbstractPopupMenuComponent } from './abstract-popup-menu.component';
+/**
+ *
+ */
+export declare class MoreMenuComponent extends AbstractPopupMenuComponent {
+    tooltip: string;
+    constructor(cdr: ChangeDetectorRef);
+}

package/lib/components/commands/popup-menu/popup-menu.component.d.ts

@@ -0,0 +1,14 @@
+import { ChangeDetectorRef, OnInit } from '@angular/core';
+import { CommandFace } from '../command-face';
+import { AbstractPopupMenuComponent } from './abstract-popup-menu.component';
+/**
+ *
+ */
+export declare class PopupMenuComponent extends AbstractPopupMenuComponent implements OnInit {
+    private readonly faceModel;
+    face: CommandFace;
+    private faceTooltipModel;
+    constructor(cdr: ChangeDetectorRef);
+    getTooltip(): string;
+    ngOnInit(): void;
+}

package/lib/components/commands/popup-menu-renderer/popup-menu-renderer.component.d.ts

@@ -0,0 +1,21 @@
+import { EventEmitter, OnInit } from '@angular/core';
+import { MatMenu } from '@angular/material/menu';
+import { BooleanValueModelChain, Command, ListModel, ValueModelChain } from '@coolon/pectin';
+import { DisposableComponent } from '../../disposable-component';
+import { CommandContainer } from '../command-container';
+/**
+ *
+ */
+export declare class PopupMenuRendererComponent extends DisposableComponent implements OnInit {
+    commandRegistrations: ListModel<CommandContainer.Registration>;
+    xPosition: 'before' | 'after';
+    yPosition: 'above' | 'below';
+    commandExecuted: EventEmitter<any>;
+    readonly tooltip: ValueModelChain<string>;
+    readonly hasMixedIcons: BooleanValueModelChain;
+    matMenu: MatMenu;
+    constructor();
+    ngOnInit(): void;
+    getPopupMenuCommandFor(item: CommandContainer.Registration): Command<unknown>;
+    getButtonColor(registration: CommandContainer.Registration): string;
+}

package/lib/components/index.d.ts

@@ -11,7 +11,10 @@ export * from "./commands/command-container";
 export * from "./commands/command-face";
 export * from "./commands/command.component";
 export * from "./commands/command-face/command-face.component";
-export * from "./commands/command-menu/command-menu.component";
+export * from "./commands/popup-menu/abstract-popup-menu.component";
+export * from "./commands/popup-menu/more-menu.component";
+export * from "./commands/popup-menu/popup-menu.component";
+export * from "./commands/popup-menu-renderer/popup-menu-renderer.component";
 export * from "./focus-container/focus-container.component";
 export * from "./forms/abstract-input.component";
 export * from "./forms/abstract-list-input.component";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coolon/angular-ui-powerups",
-  "version": "2.0.0-alpha.27",
+  "version": "2.0.0-alpha.29",
   "schematics": "./schematics/collection.json",
   "dependencies": {
     "@coolon/typescript-utilities": "^2.0.0",

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

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

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"command-menu.component.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/commands/command-menu/command-menu.component.ts"],"names":[],"mappings":";;AAAA,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,KAAK,EAAU,SAAS,EAAE,MAAM,eAAe,CAAC;AAChF,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAExD,OAAO,EAGL,GAAG,EACH,iBAAiB,EACjB,iBAAiB,EAElB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAG9C;;GAEG;AAOH,IAAa,oBAAoB,4BAAjC,MAAa,oBAAqB,SAAQ,gBAAgB;IAmBxD;QACE,KAAK,EAAE,CAAC;QAlBO,cAAS,GAAG,IAAI,iBAAiB,EAAe,CAAC;QAMlE,cAAS,GAAuB,OAAO,CAAC;QAGxC,cAAS,GAAsB,OAAO,CAAC;QAUrC,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,GAAG,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;QACzF,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,WAAW,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;QAEjG,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,IAAI,CAAC,CAAC,KAAK,EAAE,CAAC;QAC9D,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,CAAA;IACf,CAAC;IAED,QAAQ;IACR,CAAC;IAED,qBAAqB,CAAC,IAAmC;QACvD,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,aAAa,EAAE,CAAC;QACvB,CAAC,CAAC,CAAC;QACH,OAAO,IAAI,CAAC,OAAO,CAAC;IACtB,CAAC;IAEO,aAAa;QACnB,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC;IACxB,CAAC;IAED,cAAc,CAAC,YAA2C;QACxD,OAAO,YAAY,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC;IACvD,CAAC;CAEF,CAAA;AA9CC;IADC,KAAK,EAAE,EAAE,iBAAiB,CAAC,WAAW,CAAC;;kDACtB;AAGlB;IADC,KAAK,EAAE;;uDACgC;AAGxC;IADC,KAAK,EAAE;;uDAC+B;AAGvC;IADC,SAAS,CAAC,cAAc,CAAC;8BACpB,cAAc;kDAAC;AAdV,oBAAoB;IANhC,SAAS,CAAC;QACT,QAAQ,EAAE,kBAAkB;QAC5B,8jBAA4C;QAE5C,SAAS,EAAE,CAAC,EAAE,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,UAAU,CAAC,GAAG,EAAE,CAAC,sBAAoB,CAAC,EAAE,CAAC;;KAChG,CAAC;;GACW,oBAAoB,CAmDhC;SAnDY,oBAAoB","sourcesContent":["import { Component, forwardRef, Input, OnInit, ViewChild } from '@angular/core';\nimport { MatMenuTrigger } from '@angular/material/menu';\n\nimport {\n  BooleanValueModelChain,\n  Command,\n  Dsl,\n  MutableValueModel,\n  StoreInValueModel,\n  ValueModelChain\n} from '@coolon/pectin';\nimport { CommandContainer } from '../command-container';\nimport { CommandFace } from '../command-face';\n\n\n/**\n *\n */\n@Component({\n  selector: 'aup-command-menu',\n  templateUrl: './command-menu.component.html',\n  styleUrls: ['./command-menu.component.scss'],\n  providers: [{ provide: CommandContainer, useExisting: forwardRef(() => CommandMenuComponent) }]\n})\nexport class CommandMenuComponent extends CommandContainer implements OnInit {\n\n  private readonly faceModel = new MutableValueModel<CommandFace>();\n\n  @Input() @StoreInValueModel('faceModel')\n  face: CommandFace;\n\n  @Input()\n  xPosition: 'before' | 'after' = 'after';\n\n  @Input()\n  yPosition: 'above' | 'below' = 'below';\n\n  @ViewChild(MatMenuTrigger)\n  menu: MatMenuTrigger;\n\n  readonly tooltip: ValueModelChain<string>;\n  readonly hasMixedIcons: BooleanValueModelChain;\n\n  constructor() {\n    super();\n    const { chain, valueOf, before, when, after, observe, switchOn } = Dsl.disposeWith(this);\n    this.tooltip = chain(this.faceModel).map(face => new CommandFace.Adapter(face)).pluck('tooltip');\n\n    const registrations = chain(this.commandRegistrations);\n    const iconCount = registrations.select(r => !!r.icon).count();\n    this.hasMixedIcons = valueOf.all(\n      iconCount.isGreaterThan(0),\n      iconCount.doesNotEqual(registrations.length)\n    ).areTruthy()\n  }\n\n  ngOnInit() {\n  }\n\n  createMoreMenuCommand(item: CommandContainer.Registration): Command<unknown> {\n    const { when } = Dsl.disposeWith(this);\n    when(item.command.busy).becomesFalsey(() => {\n      this.closeMoreMenu();\n    });\n    return item.command;\n  }\n\n  private closeMoreMenu() {\n    this.menu.closeMenu();\n  }\n\n  getButtonColor(registration: CommandContainer.Registration) {\n    return registration.destructive ? 'warn' : undefined;\n  }\n\n}\n"]}

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

@@ -1 +0,0 @@
-[{"__symbolic":"module","version":4,"metadata":{"CommandMenuComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../command-container","name":"CommandContainer","line":24,"character":42},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":18,"character":1},"arguments":[{"selector":"aup-command-menu","providers":[{"provide":{"__symbolic":"reference","module":"../command-container","name":"CommandContainer","line":22,"character":25},"useExisting":{"__symbolic":"reference","name":"CommandMenuComponent"}}],"template":"<button #trigger mat-icon-button [matMenuTriggerFor]=\"menu\" [matTooltip]=\"tooltip.value\">\n  <aup-command-face [face]=\"face\"></aup-command-face>\n</button>\n<mat-menu #menu=\"matMenu\" [xPosition]=\"xPosition\" [yPosition]=\"yPosition\">\n  <button *ngFor=\"let registration of commandRegistrations.value\"\n          mat-menu-item\n          [pectinCommand]=\"createMoreMenuCommand(registration)\"\n  >\n    <aup-command-face [face]=\"registration.face\" [includeMissingIconInLayout]=\"hasMixedIcons.value\"></aup-command-face>\n  </button>\n</mat-menu>\n","styles":[":host{display:inline-flex;flex-direction:row;align-items:center}"]}]}],"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"]}]}],"xPosition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"yPosition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3}}]}],"menu":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":37,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material/menu","name":"MatMenuTrigger","line":37,"character":13}]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"createMoreMenuCommand":[{"__symbolic":"method"}],"closeMoreMenu":[{"__symbolic":"method"}],"getButtonColor":[{"__symbolic":"method"}]}}}}]

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/lib/components/commands/command-menu/command-menu.component.d.ts

@@ -1,22 +0,0 @@
-import { OnInit } from '@angular/core';
-import { MatMenuTrigger } from '@angular/material/menu';
-import { BooleanValueModelChain, Command, ValueModelChain } from '@coolon/pectin';
-import { CommandContainer } from '../command-container';
-import { CommandFace } from '../command-face';
-/**
- *
- */
-export declare class CommandMenuComponent extends CommandContainer implements OnInit {
-    private readonly faceModel;
-    face: CommandFace;
-    xPosition: 'before' | 'after';
-    yPosition: 'above' | 'below';
-    menu: MatMenuTrigger;
-    readonly tooltip: ValueModelChain<string>;
-    readonly hasMixedIcons: BooleanValueModelChain;
-    constructor();
-    ngOnInit(): void;
-    createMoreMenuCommand(item: CommandContainer.Registration): Command<unknown>;
-    private closeMoreMenu;
-    getButtonColor(registration: CommandContainer.Registration): string;
-}