@coolon/angular-ui-powerups 3.7.0-alpha.7 → 3.7.0-alpha.8

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

@@ -1,14 +1,12 @@
 import { AfterViewInit, ElementRef, OnInit } from '@angular/core';
 import { Command, ListModelChain, ValueModel, ValueModelChain } from '@coolon/pectin';
-import { DisposableComponent } from '../../disposable-component';
 import { CommandFace } from '../command-face';
-import { CommandGroup } from '../group/command-group';
+import { PopupAwareComponent } from '../group/popup-aware.component';
+import { PopupContainer } from '../group/popup-container';
 /**
  *
  */
-export declare class CommandComponent extends DisposableComponent implements OnInit, AfterViewInit {
-    readonly element: ElementRef;
-    readonly parent?: CommandGroup;
+export declare class CommandComponent extends PopupAwareComponent implements OnInit, AfterViewInit {
     command: Command<unknown>;
     faceModel: ValueModel<CommandFace>;
     face: CommandFace;
@@ -19,8 +17,9 @@ export declare class CommandComponent extends DisposableComponent implements OnI
     readonly buttonStyle: ValueModelChain<string>;
     readonly colorModel: ValueModelChain<'primary' | 'accent' | 'warn' | undefined>;
     private activeFace;
-    constructor(element: ElementRef, parent?: CommandGroup);
+    constructor(element: ElementRef, parent?: PopupContainer);
     isActive(face: CommandFace): boolean;
     ngOnInit(): void;
     ngAfterViewInit(): void;
+    getFace(): CommandFace | undefined;
 }

package/lib/components/commands/flex.component.d.ts

@@ -1,11 +1,9 @@
 import { OnInit } from '@angular/core';
 import { DisposableComponent } from '../disposable-component';
-import { CommandGroup } from './group/command-group';
 /**
  *
  */
 export declare class FlexComponent extends DisposableComponent implements OnInit {
-    readonly parent?: CommandGroup;
-    constructor(parent?: CommandGroup);
+    constructor();
     ngOnInit(): void;
 }

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

@@ -0,0 +1,16 @@
+import { GarbageCollector } from '@coolon/pectin';
+import { Enum } from 'typescript-string-enums';
+export declare class CommandContainer extends GarbageCollector {
+    protected readonly parent?: CommandContainer;
+    constructor(parent?: CommandContainer);
+    get depth(): number;
+    private hasParent;
+    get orientation(): CommandContainer.Orientation;
+}
+export declare namespace CommandContainer {
+    const Orientation: {
+        HORIZONTAL: "horizontal";
+        VERTICAL: "vertical";
+    };
+    type Orientation = Enum<typeof Orientation>;
+}

package/lib/components/commands/group/popup-aware.component.d.ts

@@ -0,0 +1,11 @@
+import { ElementRef } from '@angular/core';
+import { DisposableComponent } from '../../disposable-component';
+import { CommandFace } from '../command-face';
+import { PopupContainer } from './popup-container';
+export declare abstract class PopupAwareComponent extends DisposableComponent {
+    readonly element: ElementRef;
+    readonly parent?: PopupContainer;
+    constructor(element: ElementRef, parent?: PopupContainer);
+    get componentIndex(): number;
+    getFace(): CommandFace | undefined;
+}

package/lib/components/commands/group/popup-container.d.ts

@@ -0,0 +1,6 @@
+import { InjectionToken } from '@angular/core';
+import { PopupAwareComponent } from './popup-aware.component';
+export declare const POPUP_CONTAINER: InjectionToken<PopupContainer>;
+export interface PopupContainer {
+    register(comp: PopupAwareComponent): any;
+}

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

@@ -0,0 +1,24 @@
+import { ElementRef, QueryList } from '@angular/core';
+import { MatMenuTrigger } from '@angular/material/menu';
+import { DelegatingValueModel, Disposable, ListModelChain } from '@coolon/pectin';
+import { CommandFace } from '../../command-face';
+import { PopupAwareComponent } from '../popup-aware.component';
+import { PopupContainer } from '../popup-container';
+/**
+ *
+ */
+export declare class AbstractPopupMenuComponent extends PopupAwareComponent implements PopupContainer {
+    private _unorderedChildren;
+    protected readonly faceModelDelegate: DelegatingValueModel<CommandFace>;
+    private faceAdapterModel;
+    xPosition: 'before' | 'after';
+    yPosition: 'above' | 'below';
+    triggers: QueryList<MatMenuTrigger>;
+    readonly children: ListModelChain<PopupAwareComponent>;
+    constructor(element: ElementRef, parent?: PopupContainer);
+    get faceAdapter(): CommandFace.Adapter;
+    isRoot(): boolean;
+    register(component: PopupAwareComponent): Disposable;
+    onCommandFired(): void;
+    getFace(): CommandFace | undefined;
+}

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

@@ -0,0 +1,12 @@
+import { ElementRef } from '@angular/core';
+import { PopupContainer } from '../popup-container';
+import { AbstractPopupMenuComponent } from './abstract-popup-menu.component';
+/**
+ *
+ */
+export declare class MoreMenuComponent extends AbstractPopupMenuComponent {
+    private tooltipModel;
+    tooltip: string;
+    constructor(element: ElementRef, parent?: PopupContainer);
+    get face(): import("../../command-face").CommandFace;
+}

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

@@ -0,0 +1,33 @@
+import { EventEmitter, QueryList } from '@angular/core';
+import { MatMenu, MatMenuTrigger } from '@angular/material/menu';
+import { Command, ValueModel } from '@coolon/pectin';
+import { DisposableComponent } from '../../../../disposable-component';
+import { TrackBy } from '../../../../track-by';
+import { CommandFace } from '../../../command-face';
+import { CommandComponent } from '../../../command/command.component';
+import { SeparatorComponent } from '../../../separator.component';
+import { PopupAwareComponent } from '../../popup-aware.component';
+import { AbstractPopupMenuComponent } from '../abstract-popup-menu.component';
+import { PopupMenuComponent } from '../popup-menu.component';
+export declare class PopupMenuRendererComponent extends DisposableComponent {
+    private _parentComponent;
+    private _childList;
+    get parent(): PopupMenuComponent;
+    set parent(comp: PopupMenuComponent);
+    menuComponent: MatMenu;
+    commandFired: EventEmitter<any>;
+    triggers: QueryList<MatMenuTrigger>;
+    readonly hasMixedIcons: ValueModel<boolean>;
+    readonly commandProxy: Command<unknown>;
+    TrackBy: typeof TrackBy;
+    constructor();
+    get children(): PopupAwareComponent[];
+    executeCommand(data: PopupAwareComponent): void;
+    isEnabled(data: PopupAwareComponent): boolean;
+    onCommandFired(): void;
+    isCommand(child: any): child is CommandComponent;
+    isPopupMenu(child: any): child is AbstractPopupMenuComponent;
+    isSeparator(child: any): child is SeparatorComponent;
+    getTooltip(child: any): string;
+    getFaces(child: PopupAwareComponent): CommandFace[];
+}

package/lib/components/commands/group/{popup-menu.component.d.ts → popup-menu/popup-menu.component.d.ts}

@@ -1,12 +1,13 @@
+import { ElementRef } from '@angular/core';
 import { ValueModel } from '@coolon/pectin';
-import { CommandFace } from '../command-face';
+import { CommandFace } from '../../command-face';
+import { PopupContainer } from '../popup-container';
 import { AbstractPopupMenuComponent } from './abstract-popup-menu.component';
-import { CommandGroup } from './command-group';
 /**
  *
  */
 export declare class PopupMenuComponent extends AbstractPopupMenuComponent {
     faceModel: ValueModel<CommandFace>;
     face: CommandFace;
-    constructor(group: CommandGroup);
+    constructor(element: ElementRef, parent?: PopupContainer);
 }

package/lib/components/commands/group/tool-bar/tool-bar.component.d.ts

@@ -1,12 +1,11 @@
 import { AfterContentInit, AfterViewInit, OnInit } from '@angular/core';
-import { DisposableComponent } from '../../../disposable-component';
-import { CommandGroup } from '../command-group';
+import { CommandContainer } from '../command-container';
 /**
  *
  */
-export declare class ToolBarComponent extends DisposableComponent implements OnInit, AfterContentInit, AfterViewInit {
-    readonly group: CommandGroup;
-    constructor(group: CommandGroup);
+export declare class ToolBarComponent extends CommandContainer implements OnInit, AfterContentInit, AfterViewInit {
+    constructor();
+    get orientation(): CommandContainer.Orientation;
     ngOnInit(): void;
     ngAfterContentInit(): void;
     ngAfterViewInit(): void;

package/lib/components/commands/separator.component.d.ts

@@ -1,12 +1,12 @@
-import { OnInit } from '@angular/core';
-import { DisposableComponent } from '../disposable-component';
-import { CommandGroup } from './group/command-group';
+import { ElementRef, OnInit } from '@angular/core';
+import { CommandContainer } from './group/command-container';
+import { PopupAwareComponent } from './group/popup-aware.component';
 /**
  *
  */
-export declare class SeparatorComponent extends DisposableComponent implements OnInit {
-    readonly parent?: CommandGroup;
-    constructor(parent?: CommandGroup);
-    isVertical(): boolean;
+export declare class SeparatorComponent extends PopupAwareComponent implements OnInit {
+    private readonly containerParent?;
+    constructor(element: ElementRef, containerParent?: CommandContainer);
+    isHorizontalContainer(): boolean;
     ngOnInit(): void;
 }

package/lib/components/exports.d.ts

@@ -12,15 +12,13 @@ export * from "./commands/flex.component";
 export * from "./commands/separator.component";
 export * from "./commands/command/command.component";
 export * from "./commands/command-face/command-face.component";
-export * from "./commands/group/abstract-popup-menu.component";
-export * from "./commands/group/command-group";
-export * from "./commands/group/more-menu.component";
-export * from "./commands/group/popup-menu.component";
-export * from "./commands/group/registration";
-export * from "./commands/group/view-data";
-export * from "./commands/group/command-group/command-group.component";
-export * from "./commands/group/command-group-menu-renderer/command-group-menu-renderer.component";
-export * from "./commands/group/command-group-renderer/command-group-renderer.component";
+export * from "./commands/group/command-container";
+export * from "./commands/group/popup-aware.component";
+export * from "./commands/group/popup-container";
+export * from "./commands/group/popup-menu/abstract-popup-menu.component";
+export * from "./commands/group/popup-menu/more-menu.component";
+export * from "./commands/group/popup-menu/popup-menu.component";
+export * from "./commands/group/popup-menu/popup-menu-renderer/popup-menu-renderer.component";
 export * from "./commands/group/tool-bar/tool-bar.component";
 export * from "./focus-container/focus-container.component";
 export * from "./forms/abstract-input.component";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coolon/angular-ui-powerups",
-  "version": "3.7.0-alpha.7",
+  "version": "3.7.0-alpha.8",
   "schematics": "./schematics/collection.json",
   "dependencies": {
     "@coolon/typescript-utilities": "^2.2.0",

package/esm2015/lib/components/commands/group/abstract-popup-menu.component.js

@@ -1,51 +0,0 @@
-import { Component, Input, QueryList, ViewChildren } from '@angular/core';
-import { MatMenuTrigger } from '@angular/material/menu';
-import { DisposableComponent } from '../../disposable-component';
-import { CommandGroup } from './command-group';
-export class AbstractPopupMenuComponent extends DisposableComponent {
-    constructor(group) {
-        super();
-        this.group = group;
-        this.registerDisposable(group);
-    }
-    get xPosition() {
-        return this.group.xPosition;
-    }
-    set xPosition(position) {
-        this.group.xPosition = position;
-    }
-    get yPosition() {
-        return this.group.yPosition;
-    }
-    set yPosition(position) {
-        this.group.yPosition = position;
-    }
-    ngAfterContentInit() {
-        this.group.initialise();
-    }
-    ngOnInit() {
-    }
-    // @Trace()
-    closeMenu() {
-        this.triggers.forEach(trigger => {
-            if (trigger.menuOpen) {
-                trigger.closeMenu();
-            }
-        });
-    }
-}
-AbstractPopupMenuComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'aup-abstract-popup-menu-component',
-                template: ''
-            },] }
-];
-AbstractPopupMenuComponent.ctorParameters = () => [
-    { type: CommandGroup }
-];
-AbstractPopupMenuComponent.propDecorators = {
-    xPosition: [{ type: Input }],
-    yPosition: [{ type: Input }],
-    triggers: [{ type: ViewChildren, args: [MatMenuTrigger,] }]
-};
-//# sourceMappingURL=abstract-popup-menu.component.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"abstract-popup-menu.component.js","sourceRoot":"","sources":["../../../../../../../../libs/angular-ui-powerups/src/lib/components/commands/group/abstract-popup-menu.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoB,SAAS,EAAE,KAAK,EAAU,SAAS,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AACpG,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAExD,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAM/C,MAAM,OAAO,0BAA2B,SAAQ,mBAAmB;IAsBjE,YAAqB,KAAmB;QACtC,KAAK,EAAE,CAAC;QADW,UAAK,GAAL,KAAK,CAAc;QAEtC,IAAI,CAAC,kBAAkB,CAAC,KAAK,CAAC,CAAC;IACjC,CAAC;IAvBD,IACI,SAAS;QACX,OAAO,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC;IAC9B,CAAC;IACD,IAAI,SAAS,CAAC,QAAQ;QACpB,IAAI,CAAC,KAAK,CAAC,SAAS,GAAG,QAAQ,CAAC;IAClC,CAAC;IAED,IACI,SAAS;QACX,OAAO,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC;IAC9B,CAAC;IACD,IAAI,SAAS,CAAC,QAAQ;QACpB,IAAI,CAAC,KAAK,CAAC,SAAS,GAAG,QAAQ,CAAC;IAClC,CAAC;IAWD,kBAAkB;QAChB,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE,CAAC;IAC1B,CAAC;IAED,QAAQ;IACR,CAAC;IAED,WAAW;IACX,SAAS;QACP,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE;YAC9B,IAAI,OAAO,CAAC,QAAQ,EAAE;gBACpB,OAAO,CAAC,SAAS,EAAE,CAAC;aACrB;QACH,CAAC,CAAC,CAAC;IACL,CAAC;;;YA7CF,SAAS,SAAC;gBACT,QAAQ,EAAE,mCAAmC;gBAC7C,QAAQ,EAAC,EAAE;aACZ;;;YALQ,YAAY;;;wBAQlB,KAAK;wBAQL,KAAK;uBASL,YAAY,SAAC,cAAc","sourcesContent":["import { AfterContentInit, Component, Input, OnInit, QueryList, ViewChildren } from '@angular/core';\nimport { MatMenuTrigger } from '@angular/material/menu';\nimport { Trace } from '@coolon/pectin';\nimport { DisposableComponent } from '../../disposable-component';\nimport { CommandGroup } from './command-group';\n\n@Component({\n  selector: 'aup-abstract-popup-menu-component',\n  template:''\n})\nexport class AbstractPopupMenuComponent extends DisposableComponent implements OnInit, AfterContentInit {\n\n  @Input()\n  get xPosition(): 'before' | 'after' {\n    return this.group.xPosition;\n  }\n  set xPosition(position) {\n    this.group.xPosition = position;\n  }\n\n  @Input()\n  get yPosition(): 'above' | 'below' {\n    return this.group.yPosition;\n  }\n  set yPosition(position) {\n    this.group.yPosition = position;\n  }\n\n\n  @ViewChildren(MatMenuTrigger)\n  triggers: QueryList<MatMenuTrigger>;\n\n  constructor(readonly group: CommandGroup) {\n    super();\n    this.registerDisposable(group);\n  }\n\n  ngAfterContentInit(): void {\n    this.group.initialise();\n  }\n\n  ngOnInit(): void {\n  }\n\n  // @Trace()\n  closeMenu() {\n    this.triggers.forEach(trigger => {\n      if (trigger.menuOpen) {\n        trigger.closeMenu();\n      }\n    });\n  }\n\n}\n"]}

package/esm2015/lib/components/commands/group/abstract-popup-menu.component.metadata.json

@@ -1 +0,0 @@
-[{"__symbolic":"module","version":4,"metadata":{"AbstractPopupMenuComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../../disposable-component","name":"DisposableComponent","line":10,"character":48},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"aup-abstract-popup-menu-component","template":""}]}],"members":{"xPosition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"yPosition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"triggers":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":29,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material/menu","name":"MatMenuTrigger","line":29,"character":16}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./command-group","name":"CommandGroup","line":32,"character":30}]}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"closeMenu":[{"__symbolic":"method"}]}}}}]

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

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

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

@@ -1,44 +0,0 @@
-import { __decorate, __metadata } from "tslib";
-import { Component, Input, SkipSelf } from '@angular/core';
-import { Dsl, StoreInValueModel, TrackExternal, ValueModel } from '@coolon/pectin';
-import { CommandFace } from '../../command-face';
-import { CommandGroup } from '../command-group';
-export class CommandGroupComponent extends CommandGroup {
-    constructor(parent) {
-        super(parent);
-        this.parent = parent;
-        this.xPosition = 'after';
-        this.yPosition = 'below';
-        const { chain, valueOf, before, when, after, observe, switchOn } = Dsl.disposeWith(this);
-        this.faceListModel = chain(this.faceModel).mapToList(v => [v]);
-        this.parent.registerGroup(this, this.faceListModel);
-        when(this.faceListModel).changes(() => this.notifyChanged());
-    }
-}
-CommandGroupComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'aup-command-group',
-                template: '',
-                providers: [
-                    { provide: CommandGroup, useExisting: CommandGroupComponent }
-                ]
-            },] }
-];
-CommandGroupComponent.ctorParameters = () => [
-    { type: CommandGroup, decorators: [{ type: SkipSelf }] }
-];
-CommandGroupComponent.propDecorators = {
-    faceModel: [{ type: Input }],
-    face: [{ type: Input }],
-    xPosition: [{ type: Input }],
-    yPosition: [{ type: Input }]
-};
-__decorate([
-    TrackExternal(),
-    __metadata("design:type", ValueModel)
-], CommandGroupComponent.prototype, "faceModel", void 0);
-__decorate([
-    StoreInValueModel('faceModel'),
-    __metadata("design:type", Object)
-], CommandGroupComponent.prototype, "face", void 0);
-//# sourceMappingURL=command-group.component.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"command-group.component.js","sourceRoot":"","sources":["../../../../../../../../../libs/angular-ui-powerups/src/lib/components/commands/group/command-group/command-group.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAC3D,OAAO,EAAE,GAAG,EAAa,iBAAiB,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC9F,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAUhD,MAAM,OAAO,qBAAsB,SAAQ,YAAY;IAgBrD,YAAiC,MAAoB;QACnD,KAAK,CAAC,MAAM,CAAC,CAAC;QADiB,WAAM,GAAN,MAAM,CAAc;QALrD,cAAS,GAAuB,OAAO,CAAC;QAGxC,cAAS,GAAsB,OAAO,CAAC;QAIrC,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,aAAa,GAAG,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAC/D,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,IAAI,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;QACpD,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC,CAAC;IAC/D,CAAC;;;YA7BF,SAAS,SAAC;gBACT,QAAQ,EAAE,mBAAmB;gBAC7B,QAAQ,EAAE,EAAE;gBACZ,SAAS,EAAE;oBACT,EAAE,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,qBAAqB,EAAE;iBAC9D;aACF;;;YATQ,YAAY,uBA0BN,QAAQ;;;wBAdpB,KAAK;mBAKL,KAAK;wBAGL,KAAK;wBAGL,KAAK;;AAVN;IADU,aAAa,EAAE;8BACd,UAAU;wDAAc;AAKnC;IADU,iBAAiB,CAAC,WAAW,CAAC;;mDACtB","sourcesContent":["import { Component, Input, SkipSelf } from '@angular/core';\nimport { Dsl, ListModel, StoreInValueModel, TrackExternal, ValueModel } from '@coolon/pectin';\nimport { CommandFace } from '../../command-face';\nimport { CommandGroup } from '../command-group';\n\n\n@Component({\n  selector: 'aup-command-group',\n  template: '',\n  providers: [\n    { provide: CommandGroup, useExisting: CommandGroupComponent }\n  ]\n})\nexport class CommandGroupComponent extends CommandGroup {\n\n  @Input() @TrackExternal()\n  faceModel: ValueModel<CommandFace>;\n\n  readonly faceListModel: ListModel<CommandFace>;\n\n  @Input() @StoreInValueModel('faceModel')\n  face: CommandFace;\n\n  @Input()\n  xPosition: 'before' | 'after' = 'after';\n\n  @Input()\n  yPosition: 'above' | 'below' = 'below';\n\n  constructor(@SkipSelf() readonly parent: CommandGroup) {\n    super(parent);\n    const { chain, valueOf, before, when, after, observe, switchOn } = Dsl.disposeWith(this);\n    this.faceListModel = chain(this.faceModel).mapToList(v => [v]);\n    this.parent.registerGroup(this, this.faceListModel);\n    when(this.faceListModel).changes(() => this.notifyChanged());\n  }\n}\n\n\n"]}

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

@@ -1 +0,0 @@
-[{"__symbolic":"module","version":4,"metadata":{"CommandGroupComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../command-group","name":"CommandGroup","line":13,"character":43},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"aup-command-group","template":"","providers":[{"provide":{"__symbolic":"reference","module":"../command-group","name":"CommandGroup","line":10,"character":15},"useExisting":{"__symbolic":"reference","name":"CommandGroupComponent"}}]}]}],"members":{"faceModel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"TrackExternal","line":15,"character":12}}]}],"face":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"StoreInValueModel","line":20,"character":12},"arguments":["faceModel"]}]}],"xPosition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"yPosition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"SkipSelf","line":29,"character":15}}]],"parameters":[{"__symbolic":"reference","module":"../command-group","name":"CommandGroup","line":29,"character":43}]}]}}}}]

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

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

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

@@ -1,57 +0,0 @@
-import { __decorate, __metadata } from "tslib";
-import { Component, EventEmitter, Input, Optional, Output, QueryList, SkipSelf, ViewChild, ViewChildren } from '@angular/core';
-import { MatMenu, MatMenuTrigger } from '@angular/material/menu';
-import { Dsl, MutableValueModel, StoreInValueModel } from '@coolon/pectin';
-import { DisposableComponent } from '../../../disposable-component';
-import { TrackBy } from '../../../track-by';
-import { ViewData } from '../view-data';
-export class CommandGroupMenuRendererComponent extends DisposableComponent {
-    constructor(parent) {
-        super();
-        this.parent = parent;
-        this.groupViewDataModel = new MutableValueModel();
-        this.commandFired = new EventEmitter();
-        this.ViewData = ViewData;
-        this.TrackBy = TrackBy;
-        const { chain, valueOf, before, when, after, observe, switchOn } = Dsl.disposeWith(this);
-        this.children = chain(this.groupViewDataModel).pluckList('children');
-        this.hasMixedIcons = chain(this.groupViewDataModel).pluck('hasMixedIcons');
-    }
-    executeCommand(data) {
-        ViewData.getCommand(data).execute().finally(() => {
-            this.commandFired.emit();
-        });
-    }
-    isEnabled(data) {
-        return ViewData.getCommand(data).enabled.value;
-    }
-    // @Trace()
-    onCommandFired() {
-        this.commandFired.emit();
-        this.triggers.forEach(trigger => {
-            if (trigger.menuOpen) {
-                trigger.closeMenu();
-            }
-        });
-    }
-}
-CommandGroupMenuRendererComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'aup-command-group-menu',
-                template: "<mat-menu #menu [xPosition]=\"groupViewData.xPosition\" [yPosition]=\"groupViewData.yPosition\">\n  <ng-container *ngFor=\"let data of children.value; trackBy: TrackBy.byIndex\" >\n    <button *ngIf=\"ViewData.isCommand(data)\"\n            (click)=\"executeCommand(data)\"\n            [disabled]=\"!isEnabled(data)\"\n            [matTooltip]=\"ViewData.getTooltip(data)\"\n            mat-menu-item>\n      <aup-command-face [faces]=\"ViewData.getFaces(data)\"\n                        [includeMissingIconInLayout]=\"hasMixedIcons.value\"></aup-command-face>\n    </button>\n\n    <ng-container *ngIf=\"ViewData.isGroup(data)\">\n      <button mat-menu-item\n              matMenuTrigger\n              [matMenuTriggerFor]=\"innerPanel.menuComponent\"\n      >\n        <aup-command-face [faces]=\"ViewData.getFaces(data)\"\n                          [includeMissingIconInLayout]=\"hasMixedIcons.value\"></aup-command-face>\n      </button>\n      <aup-command-group-menu #innerPanel\n                              [groupViewData]=\"ViewData.asGroup(data)\"\n                              (commandFired)=\"onCommandFired()\"></aup-command-group-menu>\n    </ng-container>\n\n    <mat-divider *ngIf=\"ViewData.isSeparator(data)\"></mat-divider>\n\n  </ng-container>\n</mat-menu>\n"
-            },] }
-];
-CommandGroupMenuRendererComponent.ctorParameters = () => [
-    { type: CommandGroupMenuRendererComponent, decorators: [{ type: Optional }, { type: SkipSelf }] }
-];
-CommandGroupMenuRendererComponent.propDecorators = {
-    menuComponent: [{ type: ViewChild, args: ['menu', { static: true },] }],
-    groupViewData: [{ type: Input }],
-    commandFired: [{ type: Output }],
-    triggers: [{ type: ViewChildren, args: [MatMenuTrigger,] }]
-};
-__decorate([
-    StoreInValueModel('groupViewDataModel'),
-    __metadata("design:type", ViewData.GroupData)
-], CommandGroupMenuRendererComponent.prototype, "groupViewData", void 0);
-//# sourceMappingURL=command-group-menu-renderer.component.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"command-group-menu-renderer.component.js","sourceRoot":"","sources":["../../../../../../../../../libs/angular-ui-powerups/src/lib/components/commands/group/command-group-menu-renderer/command-group-menu-renderer.component.ts"],"names":[],"mappings":";AAAA,OAAO,EACL,SAAS,EACT,YAAY,EACZ,KAAK,EACL,QAAQ,EACR,MAAM,EACN,SAAS,EACT,QAAQ,EACR,SAAS,EACT,YAAY,EACb,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACjE,OAAO,EAEL,GAAG,EAEH,iBAAiB,EACjB,iBAAiB,EAGlB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AACpE,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAE5C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAMxC,MAAM,OAAO,iCAAkC,SAAQ,mBAAmB;IAyBxE,YAA6C,MAA0C;QACrF,KAAK,EAAE,CAAC;QADmC,WAAM,GAAN,MAAM,CAAoC;QApBtE,uBAAkB,GAAG,IAAI,iBAAiB,EAAsB,CAAC;QAMlF,iBAAY,GAAG,IAAI,YAAY,EAAE,CAAC;QASzB,aAAQ,GAAG,QAAQ,CAAC;QAG7B,YAAO,GAAG,OAAO,CAAC;QAIhB,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,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;QACrE,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC;IAC7E,CAAC;IAED,cAAc,CAAC,IAAkB;QAC/B,QAAQ,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,OAAO,EAAE,CAAC,OAAO,CAAC,GAAG,EAAE;YAC/C,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,CAAC;QAC3B,CAAC,CAAC,CAAC;IACL,CAAC;IAED,SAAS,CAAC,IAAkB;QAC1B,OAAO,QAAQ,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC;IACjD,CAAC;IAED,WAAW;IACX,cAAc;QACZ,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,CAAC;QACzB,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE;YAC9B,IAAI,OAAO,CAAC,QAAQ,EAAE;gBACpB,OAAO,CAAC,SAAS,EAAE,CAAC;aACrB;QACH,CAAC,CAAC,CAAC;IACL,CAAC;;;YAtDF,SAAS,SAAC;gBACT,QAAQ,EAAE,wBAAwB;gBAClC,8wCAA2D;aAC5D;;;YA0BuD,iCAAiC,uBAA1E,QAAQ,YAAI,QAAQ;;;4BAvBhC,SAAS,SAAC,MAAM,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE;4BAKlC,KAAK;2BAGL,MAAM;uBAGN,YAAY,SAAC,cAAc;;AAL5B;IADU,iBAAiB,CAAC,oBAAoB,CAAC;8BAClC,QAAQ,CAAC,SAAS;wEAAC","sourcesContent":["import {\n  Component,\n  EventEmitter,\n  Input,\n  Optional,\n  Output,\n  QueryList,\n  SkipSelf,\n  ViewChild,\n  ViewChildren\n} from '@angular/core';\nimport { MatMenu, MatMenuTrigger } from '@angular/material/menu';\nimport {\n  Command,\n  Dsl,\n  ListModelChain,\n  MutableValueModel,\n  StoreInValueModel,\n  Trace,\n  ValueModelChain\n} from '@coolon/pectin';\nimport { DisposableComponent } from '../../../disposable-component';\nimport { TrackBy } from '../../../track-by';\nimport { Registration } from '../registration';\nimport { ViewData } from '../view-data';\n\n@Component({\n  selector: 'aup-command-group-menu',\n  templateUrl: './command-group-menu-renderer.component.html'\n})\nexport class CommandGroupMenuRendererComponent extends DisposableComponent {\n\n  @ViewChild('menu', { static: true })\n  menuComponent: MatMenu;\n\n  private readonly groupViewDataModel = new MutableValueModel<ViewData.GroupData>();\n\n  @Input() @StoreInValueModel('groupViewDataModel')\n  groupViewData: ViewData.GroupData;\n\n  @Output()\n  commandFired = new EventEmitter();\n\n  @ViewChildren(MatMenuTrigger)\n  triggers: QueryList<MatMenuTrigger>;\n\n  readonly children: ListModelChain<Registration>;\n\n  readonly hasMixedIcons: ValueModelChain<boolean>;\n\n  readonly ViewData = ViewData;\n  readonly commandProxy: Command<unknown>;\n\n  TrackBy = TrackBy;\n\n  constructor(@Optional() @SkipSelf() readonly parent?: CommandGroupMenuRendererComponent) {\n    super();\n    const { chain, valueOf, before, when, after, observe, switchOn } = Dsl.disposeWith(this);\n    this.children = chain(this.groupViewDataModel).pluckList('children');\n    this.hasMixedIcons = chain(this.groupViewDataModel).pluck('hasMixedIcons');\n  }\n\n  executeCommand(data: Registration) {\n    ViewData.getCommand(data).execute().finally(() => {\n      this.commandFired.emit();\n    });\n  }\n\n  isEnabled(data: Registration) {\n    return ViewData.getCommand(data).enabled.value;\n  }\n\n  // @Trace()\n  onCommandFired() {\n    this.commandFired.emit();\n    this.triggers.forEach(trigger => {\n      if (trigger.menuOpen) {\n        trigger.closeMenu();\n      }\n    });\n  }\n}\n\n\n"]}

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

@@ -1 +0,0 @@
-[{"__symbolic":"module","version":4,"metadata":{"CommandGroupMenuRendererComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../../../disposable-component","name":"DisposableComponent","line":30,"character":55},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":26,"character":1},"arguments":[{"selector":"aup-command-group-menu","template":"<mat-menu #menu [xPosition]=\"groupViewData.xPosition\" [yPosition]=\"groupViewData.yPosition\">\n  <ng-container *ngFor=\"let data of children.value; trackBy: TrackBy.byIndex\" >\n    <button *ngIf=\"ViewData.isCommand(data)\"\n            (click)=\"executeCommand(data)\"\n            [disabled]=\"!isEnabled(data)\"\n            [matTooltip]=\"ViewData.getTooltip(data)\"\n            mat-menu-item>\n      <aup-command-face [faces]=\"ViewData.getFaces(data)\"\n                        [includeMissingIconInLayout]=\"hasMixedIcons.value\"></aup-command-face>\n    </button>\n\n    <ng-container *ngIf=\"ViewData.isGroup(data)\">\n      <button mat-menu-item\n              matMenuTrigger\n              [matMenuTriggerFor]=\"innerPanel.menuComponent\"\n      >\n        <aup-command-face [faces]=\"ViewData.getFaces(data)\"\n                          [includeMissingIconInLayout]=\"hasMixedIcons.value\"></aup-command-face>\n      </button>\n      <aup-command-group-menu #innerPanel\n                              [groupViewData]=\"ViewData.asGroup(data)\"\n                              (commandFired)=\"onCommandFired()\"></aup-command-group-menu>\n    </ng-container>\n\n    <mat-divider *ngIf=\"ViewData.isSeparator(data)\"></mat-divider>\n\n  </ng-container>\n</mat-menu>\n"}]}],"members":{"menuComponent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":32,"character":3},"arguments":["menu",{"static":true}]}]}],"groupViewData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"StoreInValueModel","line":37,"character":12},"arguments":["groupViewDataModel"]}]}],"commandFired":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":40,"character":3}}]}],"triggers":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":43,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material/menu","name":"MatMenuTrigger","line":43,"character":16}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":55,"character":15}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"SkipSelf","line":55,"character":27}}]],"parameters":[{"__symbolic":"reference","name":"CommandGroupMenuRendererComponent"}]}],"executeCommand":[{"__symbolic":"method"}],"isEnabled":[{"__symbolic":"method"}],"onCommandFired":[{"__symbolic":"method"}]}}}}]

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

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

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

@@ -1,52 +0,0 @@
-import { __decorate, __metadata } from "tslib";
-import { Component, EventEmitter, HostBinding, Input, Output, QueryList, ViewChildren } from '@angular/core';
-import { MatMenuTrigger } from '@angular/material/menu';
-import { Dsl, StoreInValueModel, TrackExternal, ValueModel } from '@coolon/pectin';
-import { DisposableComponent } from '../../../disposable-component';
-import { ViewData } from '../view-data';
-import { TrackBy } from '../../../track-by';
-export class CommandGroupRendererComponent extends DisposableComponent {
-    constructor() {
-        super();
-        this.renderRootNode = true;
-        this.commandFired = new EventEmitter();
-        this.ViewData = ViewData;
-        this.TrackBy = TrackBy;
-        const { chain, valueOf, before, when, after, observe, switchOn } = Dsl.disposeWith(this);
-        this.childViewDataModels = chain(this.groupViewDataModel)
-            .pluckList('children');
-    }
-    // @Trace()
-    onCommandFired() {
-        this.commandFired.emit();
-        this.triggers.forEach(trigger => {
-            if (trigger.menuOpen) {
-                trigger.closeMenu();
-            }
-        });
-    }
-}
-CommandGroupRendererComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'aup-command-group-renderer',
-                template: "<ng-template #groupTemplate let-group>\n\n  <ng-container *ngIf=\"ViewData.hasText(group)\" [ngSwitch]=\"ViewData.getStyle(group)\">\n    <ng-container *ngSwitchCase=\"'stroked'\">\n      <button matMenuTrigger\n              [matMenuTriggerFor]=\"subMenu.menuComponent\"\n              [matTooltip]=\"ViewData.getTooltip(group)\"\n              [color]=\"ViewData.getColor(group)\"\n              mat-stroked-button>\n        <aup-command-face [faces]=\"ViewData.getFaces(group)\"></aup-command-face>\n      </button>\n      <aup-command-group-menu #subMenu\n                              [groupViewData]=\"group\"\n                              (commandFired)=\"onCommandFired()\"></aup-command-group-menu>\n    </ng-container>\n\n    <ng-container *ngSwitchCase=\"'raised'\">\n      <button matMenuTrigger\n              [matMenuTriggerFor]=\"subMenu.menuComponent\"\n              [matTooltip]=\"ViewData.getTooltip(group)\"\n              [color]=\"ViewData.getColor(group)\"\n              mat-raised-button>\n        <aup-command-face [faces]=\"ViewData.getFaces(group)\"></aup-command-face>\n      </button>\n      <aup-command-group-menu #subMenu\n                              [groupViewData]=\"group\"\n                              (commandFired)=\"onCommandFired()\"></aup-command-group-menu>\n    </ng-container>\n\n    <ng-container *ngSwitchDefault>\n      <button matMenuTrigger\n              [matMenuTriggerFor]=\"subMenu.menuComponent\"\n              [matTooltip]=\"ViewData.getTooltip(group)\"\n              [color]=\"ViewData.getColor(group)\"\n              mat-button>\n        <aup-command-face [faces]=\"ViewData.getFaces(group)\"></aup-command-face>\n      </button>\n      <aup-command-group-menu #subMenu\n                              [groupViewData]=\"group\"\n                              (commandFired)=\"onCommandFired()\"></aup-command-group-menu>\n    </ng-container>\n\n  </ng-container>\n\n  <ng-container *ngIf=\"!ViewData.hasText(group)\">\n    <button matMenuTrigger\n            mat-icon-button\n            [matMenuTriggerFor]=\"subMenu.menuComponent\"\n            [matTooltip]=\"ViewData.getTooltip(group)\"\n            [color]=\"ViewData.getColor(group)\"\n    >\n      <aup-command-face [faces]=\"ViewData.getFaces(group)\"></aup-command-face>\n    </button>\n    <aup-command-group-menu #subMenu\n                            [groupViewData]=\"group\"\n                            (commandFired)=\"onCommandFired()\"></aup-command-group-menu>\n  </ng-container>\n\n</ng-template>\n\n\n<ng-template #commandTemplate let-data>\n\n  <ng-container *ngIf=\"ViewData.hasText(data)\" [ngSwitch]=\"ViewData.getStyle(data)\">\n    <button *ngSwitchCase=\"'raised'\"\n            [pectinCommand]=\"ViewData.getCommand(data)\"\n            [matTooltip]=\"ViewData.getTooltip(data)\"\n            [color]=\"ViewData.getColor(data)\"\n            mat-raised-button>\n      <aup-command-face [faces]=\"ViewData.getFaces(data)\"></aup-command-face>\n    </button>\n    <button *ngSwitchCase=\"'stroked'\"\n            [pectinCommand]=\"ViewData.getCommand(data)\"\n            [matTooltip]=\"ViewData.getTooltip(data)\"\n            [color]=\"ViewData.getColor(data)\"\n            mat-stroked-button>\n      <aup-command-face [faces]=\"ViewData.getFaces(data)\"></aup-command-face>\n    </button>\n    <button *ngSwitchDefault\n            [pectinCommand]=\"ViewData.getCommand(data)\"\n            [matTooltip]=\"ViewData.getTooltip(data)\"\n            [color]=\"ViewData.getColor(data)\"\n            mat-button>\n      <aup-command-face [faces]=\"ViewData.getFaces(data)\"></aup-command-face>\n    </button>\n  </ng-container>\n\n  <button *ngIf=\"!ViewData.hasText(data)\"\n          [pectinCommand]=\"ViewData.getCommand(data)\"\n          [matTooltip]=\"ViewData.getTooltip(data)\"\n          [color]=\"ViewData.getColor(data)\"\n          mat-icon-button>\n    <aup-command-face [faces]=\"ViewData.getFaces(data)\"></aup-command-face>\n  </button>\n\n</ng-template>\n\n\n<ng-template *ngIf=\"renderRootNode\"\n             [ngTemplateOutlet]=\"groupTemplate\"\n             [ngTemplateOutletContext]=\"{ $implicit: groupViewDataModel.value }\">\n</ng-template>\n\n<ng-container *ngIf=\"!renderRootNode\">\n  <ng-container *ngFor=\"let data of this.childViewDataModels.value; trackBy: TrackBy.byIndex\">\n    <ng-template *ngIf=\"ViewData.isGroup(data)\"\n                 [ngTemplateOutlet]=\"groupTemplate\"\n                 [ngTemplateOutletContext]=\"{ $implicit: data }\">\n    </ng-template>\n    <ng-template *ngIf=\"ViewData.isCommand(data)\"\n                 [ngTemplateOutlet]=\"commandTemplate\"\n                 [ngTemplateOutletContext]=\"{ $implicit: data }\">\n    </ng-template>\n\n    <mat-divider *ngIf=\"ViewData.isSeparator(data)\" [vertical]=\"true\"></mat-divider>\n  </ng-container>\n\n</ng-container>\n",
-                styles: [":host{align-items:center;display:inline-flex;flex-direction:row}:host:not(.render-root) mat-divider{-ms-grid-row-align:stretch;align-self:stretch;margin:4px 0}:host:not(.render-root)>*+*{margin-left:8px}:host span.flex{flex:1}"]
-            },] }
-];
-CommandGroupRendererComponent.ctorParameters = () => [];
-CommandGroupRendererComponent.propDecorators = {
-    groupViewDataModel: [{ type: Input }],
-    groupViewData: [{ type: Input }],
-    renderRootNode: [{ type: Input }, { type: HostBinding, args: ['class.render-root',] }],
-    commandFired: [{ type: Output }],
-    triggers: [{ type: ViewChildren, args: [MatMenuTrigger,] }]
-};
-__decorate([
-    TrackExternal(),
-    __metadata("design:type", ValueModel)
-], CommandGroupRendererComponent.prototype, "groupViewDataModel", void 0);
-__decorate([
-    StoreInValueModel('groupViewDataModel'),
-    __metadata("design:type", ViewData.GroupData)
-], CommandGroupRendererComponent.prototype, "groupViewData", void 0);
-//# sourceMappingURL=command-group-renderer.component.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"command-group-renderer.component.js","sourceRoot":"","sources":["../../../../../../../../../libs/angular-ui-powerups/src/lib/components/commands/group/command-group-renderer/command-group-renderer.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAC7G,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EAAE,GAAG,EAAkB,iBAAiB,EAAS,aAAa,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC1G,OAAO,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AACpE,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAO5C,MAAM,OAAO,6BAA8B,SAAQ,mBAAmB;IAyBpE;QACE,KAAK,EAAE,CAAC;QAhBV,mBAAc,GAAG,IAAI,CAAC;QAGtB,iBAAY,GAAG,IAAI,YAAY,EAAE,CAAC;QAEzB,aAAQ,GAAG,QAAQ,CAAC;QAI7B,YAAO,GAAG,OAAO,CAAA;QAQf,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,mBAAmB,GAAG,KAAK,CAAC,IAAI,CAAC,kBAAkB,CAAC;aACtD,SAAS,CAAC,UAAU,CAAC,CAAA;IAC1B,CAAC;IAED,WAAW;IACX,cAAc;QACZ,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,CAAC;QACzB,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE;YAC9B,IAAI,OAAO,CAAC,QAAQ,EAAE;gBACpB,OAAO,CAAC,SAAS,EAAE,CAAC;aACrB;QACH,CAAC,CAAC,CAAC;IACL,CAAC;;;YA7CF,SAAS,SAAC;gBACT,QAAQ,EAAE,4BAA4B;gBACtC,qxJAAsD;;aAEvD;;;;iCAGE,KAAK;4BAGL,KAAK;6BAGL,KAAK,YACL,WAAW,SAAC,mBAAmB;2BAG/B,MAAM;uBASN,YAAY,SAAC,cAAc;;AAlB5B;IADU,aAAa,EAAE;8BACL,UAAU;yEAAqB;AAGnD;IADU,iBAAiB,CAAC,oBAAoB,CAAC;8BAClC,QAAQ,CAAC,SAAS;oEAAC","sourcesContent":["import { Component, EventEmitter, HostBinding, Input, Output, QueryList, ViewChildren } from '@angular/core';\nimport { MatMenuTrigger } from '@angular/material/menu';\nimport { Dsl, ListModelChain, StoreInValueModel, Trace, TrackExternal, ValueModel } from '@coolon/pectin';\nimport { DisposableComponent } from '../../../disposable-component';\nimport { ViewData } from '../view-data';\nimport { TrackBy } from '../../../track-by';\n\n@Component({\n  selector: 'aup-command-group-renderer',\n  templateUrl: './command-group-renderer.component.html',\n  styleUrls: ['./command-group-renderer.component.scss']\n})\nexport class CommandGroupRendererComponent extends DisposableComponent {\n\n  @Input() @TrackExternal()\n  groupViewDataModel: ValueModel<ViewData.GroupData>;\n\n  @Input() @StoreInValueModel('groupViewDataModel')\n  groupViewData: ViewData.GroupData;\n\n  @Input()\n  @HostBinding('class.render-root')\n  renderRootNode = true;\n\n  @Output()\n  commandFired = new EventEmitter();\n\n  readonly ViewData = ViewData;\n\n  readonly childViewDataModels: ListModelChain<ViewData>;\n\n  TrackBy = TrackBy\n\n  @ViewChildren(MatMenuTrigger)\n  triggers: QueryList<MatMenuTrigger>;\n\n\n  constructor() {\n    super();\n    const { chain, valueOf, before, when, after, observe, switchOn } = Dsl.disposeWith(this);\n    this.childViewDataModels = chain(this.groupViewDataModel)\n      .pluckList('children')\n  }\n\n  // @Trace()\n  onCommandFired() {\n    this.commandFired.emit();\n    this.triggers.forEach(trigger => {\n      if (trigger.menuOpen) {\n        trigger.closeMenu();\n      }\n    });\n  }\n\n}\n\n\n"]}

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

@@ -1 +0,0 @@
-[{"__symbolic":"module","version":4,"metadata":{"CommandGroupRendererComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../../../disposable-component","name":"DisposableComponent","line":12,"character":51},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"aup-command-group-renderer","template":"<ng-template #groupTemplate let-group>\n\n  <ng-container *ngIf=\"ViewData.hasText(group)\" [ngSwitch]=\"ViewData.getStyle(group)\">\n    <ng-container *ngSwitchCase=\"'stroked'\">\n      <button matMenuTrigger\n              [matMenuTriggerFor]=\"subMenu.menuComponent\"\n              [matTooltip]=\"ViewData.getTooltip(group)\"\n              [color]=\"ViewData.getColor(group)\"\n              mat-stroked-button>\n        <aup-command-face [faces]=\"ViewData.getFaces(group)\"></aup-command-face>\n      </button>\n      <aup-command-group-menu #subMenu\n                              [groupViewData]=\"group\"\n                              (commandFired)=\"onCommandFired()\"></aup-command-group-menu>\n    </ng-container>\n\n    <ng-container *ngSwitchCase=\"'raised'\">\n      <button matMenuTrigger\n              [matMenuTriggerFor]=\"subMenu.menuComponent\"\n              [matTooltip]=\"ViewData.getTooltip(group)\"\n              [color]=\"ViewData.getColor(group)\"\n              mat-raised-button>\n        <aup-command-face [faces]=\"ViewData.getFaces(group)\"></aup-command-face>\n      </button>\n      <aup-command-group-menu #subMenu\n                              [groupViewData]=\"group\"\n                              (commandFired)=\"onCommandFired()\"></aup-command-group-menu>\n    </ng-container>\n\n    <ng-container *ngSwitchDefault>\n      <button matMenuTrigger\n              [matMenuTriggerFor]=\"subMenu.menuComponent\"\n              [matTooltip]=\"ViewData.getTooltip(group)\"\n              [color]=\"ViewData.getColor(group)\"\n              mat-button>\n        <aup-command-face [faces]=\"ViewData.getFaces(group)\"></aup-command-face>\n      </button>\n      <aup-command-group-menu #subMenu\n                              [groupViewData]=\"group\"\n                              (commandFired)=\"onCommandFired()\"></aup-command-group-menu>\n    </ng-container>\n\n  </ng-container>\n\n  <ng-container *ngIf=\"!ViewData.hasText(group)\">\n    <button matMenuTrigger\n            mat-icon-button\n            [matMenuTriggerFor]=\"subMenu.menuComponent\"\n            [matTooltip]=\"ViewData.getTooltip(group)\"\n            [color]=\"ViewData.getColor(group)\"\n    >\n      <aup-command-face [faces]=\"ViewData.getFaces(group)\"></aup-command-face>\n    </button>\n    <aup-command-group-menu #subMenu\n                            [groupViewData]=\"group\"\n                            (commandFired)=\"onCommandFired()\"></aup-command-group-menu>\n  </ng-container>\n\n</ng-template>\n\n\n<ng-template #commandTemplate let-data>\n\n  <ng-container *ngIf=\"ViewData.hasText(data)\" [ngSwitch]=\"ViewData.getStyle(data)\">\n    <button *ngSwitchCase=\"'raised'\"\n            [pectinCommand]=\"ViewData.getCommand(data)\"\n            [matTooltip]=\"ViewData.getTooltip(data)\"\n            [color]=\"ViewData.getColor(data)\"\n            mat-raised-button>\n      <aup-command-face [faces]=\"ViewData.getFaces(data)\"></aup-command-face>\n    </button>\n    <button *ngSwitchCase=\"'stroked'\"\n            [pectinCommand]=\"ViewData.getCommand(data)\"\n            [matTooltip]=\"ViewData.getTooltip(data)\"\n            [color]=\"ViewData.getColor(data)\"\n            mat-stroked-button>\n      <aup-command-face [faces]=\"ViewData.getFaces(data)\"></aup-command-face>\n    </button>\n    <button *ngSwitchDefault\n            [pectinCommand]=\"ViewData.getCommand(data)\"\n            [matTooltip]=\"ViewData.getTooltip(data)\"\n            [color]=\"ViewData.getColor(data)\"\n            mat-button>\n      <aup-command-face [faces]=\"ViewData.getFaces(data)\"></aup-command-face>\n    </button>\n  </ng-container>\n\n  <button *ngIf=\"!ViewData.hasText(data)\"\n          [pectinCommand]=\"ViewData.getCommand(data)\"\n          [matTooltip]=\"ViewData.getTooltip(data)\"\n          [color]=\"ViewData.getColor(data)\"\n          mat-icon-button>\n    <aup-command-face [faces]=\"ViewData.getFaces(data)\"></aup-command-face>\n  </button>\n\n</ng-template>\n\n\n<ng-template *ngIf=\"renderRootNode\"\n             [ngTemplateOutlet]=\"groupTemplate\"\n             [ngTemplateOutletContext]=\"{ $implicit: groupViewDataModel.value }\">\n</ng-template>\n\n<ng-container *ngIf=\"!renderRootNode\">\n  <ng-container *ngFor=\"let data of this.childViewDataModels.value; trackBy: TrackBy.byIndex\">\n    <ng-template *ngIf=\"ViewData.isGroup(data)\"\n                 [ngTemplateOutlet]=\"groupTemplate\"\n                 [ngTemplateOutletContext]=\"{ $implicit: data }\">\n    </ng-template>\n    <ng-template *ngIf=\"ViewData.isCommand(data)\"\n                 [ngTemplateOutlet]=\"commandTemplate\"\n                 [ngTemplateOutletContext]=\"{ $implicit: data }\">\n    </ng-template>\n\n    <mat-divider *ngIf=\"ViewData.isSeparator(data)\" [vertical]=\"true\"></mat-divider>\n  </ng-container>\n\n</ng-container>\n","styles":[":host{align-items:center;display:inline-flex;flex-direction:row}:host:not(.render-root) mat-divider{-ms-grid-row-align:stretch;align-self:stretch;margin:4px 0}:host:not(.render-root)>*+*{margin-left:8px}:host span.flex{flex:1}"]}]}],"members":{"groupViewDataModel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"TrackExternal","line":14,"character":12}}]}],"groupViewData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"StoreInValueModel","line":17,"character":12},"arguments":["groupViewDataModel"]}]}],"renderRootNode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":21,"character":3},"arguments":["class.render-root"]}]}],"commandFired":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":24,"character":3}}]}],"triggers":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":33,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material/menu","name":"MatMenuTrigger","line":33,"character":16}]}]}],"__ctor__":[{"__symbolic":"constructor"}],"onCommandFired":[{"__symbolic":"method"}]}}}}]

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

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

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

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