@coolon/angular-ui-powerups 2.0.0-alpha.34 → 2.0.0-alpha.36

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

@@ -0,0 +1,18 @@
+import { OnInit } from '@angular/core';
+import { Command, ValueModel, ValueModelChain } from '@coolon/pectin';
+import { DisposableComponent } from '../../disposable-component';
+import { CommandFace } from '../command-face';
+import { CommandGroup } from '../group/command-group';
+/**
+ *
+ */
+export declare class CommandComponent extends DisposableComponent implements OnInit {
+    readonly parent?: CommandGroup;
+    command: Command<unknown>;
+    faceModel: ValueModel<CommandFace>;
+    face: CommandFace;
+    CommandFace: typeof CommandFace;
+    readonly buttonStyle: ValueModelChain<string>;
+    constructor(parent?: CommandGroup);
+    ngOnInit(): void;
+}

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

@@ -1,13 +1,18 @@
 import { OnInit } from '@angular/core';
 import { ValueModelChain } from '@coolon/pectin';
 import { DisposableComponent } from '../../disposable-component';
-import { CommandContainer } from '../command-container';
 import { CommandFace } from '../command-face';
 /**
- *
+ * Custom CSS:
+ * @example
+ * root: { // globally
+ *   --aup-command-face-icon-gap: 8px;
+ * }
+ * aup-command-face { // per instance
+ *   --icon-gap: 4px;
+ * }
  */
 export declare class CommandFaceComponent<T> extends DisposableComponent implements OnInit {
-    readonly commandContainer: CommandContainer;
     private readonly faceModel;
     _rawFace: CommandFace;
     ignoreIcon: boolean;
@@ -17,13 +22,13 @@ export declare class CommandFaceComponent<T> extends DisposableComponent impleme
     readonly iconModel: ValueModelChain<string>;
     private textModel;
     readonly positionModel: ValueModelChain<string>;
-    private destructiveModel;
-    constructor(commandContainer: CommandContainer);
+    private colorModel;
+    constructor();
     ngOnInit(): void;
     get iconPosition(): string;
     get shouldIncludeIcon(): string | boolean;
     get iconStart(): boolean;
     get iconEnd(): boolean;
     get text(): string;
-    get destructive(): boolean;
+    get color(): string;
 }

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

@@ -1,15 +1,29 @@
+import { ThemePalette } from '@angular/material/core';
+import { Enum } from 'typescript-string-enums';
 export interface CommandFace {
     text?(): string;
     icon?(): string;
     iconPosition?(): string;
     tooltip?(): string;
-    destructive?(): boolean;
+    color?(): string;
+    style?(): string;
 }
 export declare namespace CommandFace {
     enum Position {
         START = "start",
         END = "end"
     }
+    const Style: {
+        FLAT: "flat";
+        STROKED: "stroked";
+        RAISED: "raised";
+    };
+    type Style = Enum<typeof Style>;
+    function getColorOf(face: CommandFace): ThemePalette;
+    function getStyleOf(face: CommandFace): Style;
+    function getIconOf(face: CommandFace): string;
+    function getTooltipOf(face: CommandFace): string;
+    function getTextOf(face: CommandFace): string;
     class Adapter {
         readonly face: CommandFace;
         constructor(face: CommandFace);
@@ -19,6 +33,7 @@ export declare namespace CommandFace {
         get tooltip(): string;
         get iconPositionStart(): boolean;
         get iconPositionEnd(): boolean;
-        get destructive(): boolean;
+        get color(): ThemePalette;
+        get style(): Style;
     }
 }

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

@@ -0,0 +1,11 @@
+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);
+    ngOnInit(): void;
+}

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

@@ -0,0 +1,11 @@
+import { ValueModel } from '@coolon/pectin';
+import { CommandFace } from '../../command-face';
+import { CommandGroup } from '../command-group';
+export declare class CommandGroupComponent extends CommandGroup {
+    readonly parent: CommandGroup;
+    faceModel: ValueModel<CommandFace>;
+    face: CommandFace;
+    xPosition: 'before' | 'after';
+    yPosition: 'above' | 'below';
+    constructor(parent: CommandGroup);
+}

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

@@ -0,0 +1,21 @@
+import { EventEmitter, QueryList } from '@angular/core';
+import { MatMenu, MatMenuTrigger } from '@angular/material/menu';
+import { ListModelChain, ValueModelChain } from '@coolon/pectin';
+import { DisposableComponent } from '../../../disposable-component';
+import { TrackBy } from '../../../track-by';
+import { Registration } from '../registration';
+import { ViewData } from '../view-data';
+export declare class CommandGroupMenuRendererComponent extends DisposableComponent {
+    readonly parent?: CommandGroupMenuRendererComponent;
+    menuComponent: MatMenu;
+    private readonly groupViewDataModel;
+    groupViewData: ViewData.GroupData;
+    commandFired: EventEmitter<any>;
+    triggers: QueryList<MatMenuTrigger>;
+    readonly children: ListModelChain<Registration>;
+    readonly hasMixedIcons: ValueModelChain<boolean>;
+    readonly ViewData: typeof ViewData;
+    TrackBy: typeof TrackBy;
+    constructor(parent?: CommandGroupMenuRendererComponent);
+    getCommand(data: ViewData): import("@coolon/pectin").Command<unknown>;
+}

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

@@ -0,0 +1,13 @@
+import { ListModelChain, ValueModel } from '@coolon/pectin';
+import { DisposableComponent } from '../../../disposable-component';
+import { ViewData } from '../view-data';
+import { TrackBy } from '../../../track-by';
+export declare class CommandGroupRendererComponent extends DisposableComponent {
+    groupViewDataModel: ValueModel<ViewData.GroupData>;
+    groupViewData: ViewData.GroupData;
+    renderRootNode: boolean;
+    readonly ViewData: typeof ViewData;
+    readonly childViewDataModels: ListModelChain<ViewData>;
+    TrackBy: typeof TrackBy;
+    constructor();
+}

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

@@ -0,0 +1,44 @@
+import { BooleanValueModelChain, Command, Disposable, GarbageCollector, ListModel, ListModelChain, ValueModel } from '@coolon/pectin';
+import { CommandFace } from '../command-face';
+import { FlexComponent } from '../flex.component';
+import { SeparatorComponent } from '../separator.component';
+import { Registration } from './registration';
+import { ViewData } from './view-data';
+export declare abstract class CommandGroup extends GarbageCollector {
+    readonly parent?: CommandGroup;
+    abstract faceModel: ValueModel<CommandFace>;
+    abstract xPosition: 'before' | 'after';
+    abstract yPosition: 'above' | 'below';
+    private readonly _rootTemplate;
+    private readonly _registrations;
+    private readonly _childFaceModels;
+    readonly hasMixedIcons: BooleanValueModelChain;
+    private _faceChangeCount;
+    readonly childTemplates: ListModelChain<ViewData>;
+    private initialised;
+    constructor(parent?: CommandGroup);
+    initialise(): void;
+    get rootTemplate(): ValueModel<ViewData.GroupData>;
+    get registrations(): ListModel<Registration>;
+    notifyChanged(): void;
+    private notifyChildFaceChanged;
+    private rebuildTemplates;
+    get depth(): number;
+    isRoot(): boolean;
+    registerCommand(command: Command<unknown>, faceModel: ValueModel<CommandFace>): Disposable;
+    registerGroup(group: CommandGroup, faceModel: ValueModel<CommandFace>): Disposable;
+    registerFlex(component: FlexComponent): Disposable;
+    registerSeparator(component: SeparatorComponent): Disposable;
+    protected register(registration: Registration): Disposable;
+}
+export declare namespace CommandGroup {
+    class Root extends CommandGroup {
+        faceModel: ValueModel<CommandFace>;
+        xPositionModel: ValueModel<'before' | 'after'>;
+        xPosition: 'before' | 'after';
+        yPositionModel: ValueModel<'above' | 'below'>;
+        yPosition: 'above' | 'below';
+        isRoot(): boolean;
+    }
+    function factory(): Root;
+}

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

@@ -0,0 +1,14 @@
+import { AfterContentInit, OnInit } from '@angular/core';
+import { DisposableComponent } from '../../disposable-component';
+import { CommandGroup } from './command-group';
+/**
+ *
+ */
+export declare class MoreMenuComponent extends DisposableComponent implements OnInit, AfterContentInit {
+    readonly group: CommandGroup;
+    private tooltipModel;
+    tooltip: string;
+    constructor(group: CommandGroup);
+    ngOnInit(): void;
+    ngAfterContentInit(): void;
+}

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

@@ -0,0 +1,17 @@
+import { AfterContentInit, AfterViewInit, OnInit } from '@angular/core';
+import { ValueModel } from '@coolon/pectin';
+import { DisposableComponent } from '../../disposable-component';
+import { CommandFace } from '../command-face';
+import { CommandGroup } from './command-group';
+/**
+ *
+ */
+export declare class PopupMenuComponent extends DisposableComponent implements OnInit, AfterContentInit, AfterViewInit {
+    readonly group: CommandGroup;
+    faceModel: ValueModel<CommandFace>;
+    face: CommandFace;
+    constructor(group: CommandGroup);
+    ngOnInit(): void;
+    ngAfterContentInit(): void;
+    ngAfterViewInit(): void;
+}

package/lib/components/commands/group/registration.d.ts

@@ -0,0 +1,32 @@
+import { Command, GarbageCollector, ValueModel } from '@coolon/pectin';
+import { CommandGroup } from './command-group';
+import { ViewData } from './view-data';
+import { CommandFace } from '../command-face';
+export declare abstract class Registration extends GarbageCollector {
+    abstract toTemplate(): ViewData;
+}
+export declare namespace Registration {
+    abstract class FaceRegistration extends Registration {
+        readonly faceModel: ValueModel<CommandFace>;
+        protected constructor(faceModel: ValueModel<CommandFace>);
+    }
+    class CommandRegistration extends FaceRegistration {
+        readonly command: Command<unknown>;
+        constructor(faceModel: ValueModel<CommandFace>, command: Command<unknown>);
+        toTemplate(): ViewData.CommandData;
+    }
+    class GroupRegistration extends FaceRegistration {
+        readonly group: CommandGroup;
+        constructor(faceModel: ValueModel<CommandFace>, group: CommandGroup);
+        toTemplate(): ViewData.GroupData;
+    }
+    class SeparatorRegistration extends Registration {
+        private readonly template;
+        toTemplate(): ViewData.SeparatorData;
+    }
+    class FlexRegistration extends Registration {
+        private readonly template;
+        toTemplate(): ViewData.FlexData;
+    }
+    function hasFace(entry: Registration): entry is FaceRegistration;
+}

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

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

package/lib/components/commands/group/view-data.d.ts

@@ -0,0 +1,40 @@
+import { ThemePalette } from '@angular/material/core';
+import { Command, Constructable } from '@coolon/pectin';
+import { CommandFace } from '../command-face';
+export declare class ViewData {
+}
+export declare namespace ViewData {
+    class FaceData extends ViewData {
+        readonly faceAdapter: CommandFace.Adapter;
+        constructor(face: CommandFace);
+    }
+    class GroupData extends FaceData {
+        readonly xPosition: any;
+        readonly yPosition: any;
+        readonly children: ViewData[];
+        constructor(face: CommandFace, xPosition: any, yPosition: any, children: ViewData[]);
+        get hasMixedIcons(): boolean;
+    }
+    class CommandData extends FaceData {
+        readonly command: Command<unknown>;
+        constructor(face: CommandFace, command: Command<unknown>);
+    }
+    class SeparatorData extends ViewData {
+    }
+    class FlexData extends ViewData {
+    }
+    function as<T extends ViewData>(type: Constructable<T>, viewData: ViewData): T;
+    function getCommand(data: ViewData): Command<unknown>;
+    function getTooltip(data: ViewData): string;
+    function getStyle(data: ViewData): string;
+    function getColor(data: ViewData): ThemePalette;
+    function hasText(data: ViewData): boolean;
+    function getFace(data: ViewData): CommandFace;
+    function asGroup(viewData: ViewData): ViewData.GroupData;
+    function hasMixedIcons(data: ViewData): boolean;
+    function isGroup(data: ViewData): data is GroupData;
+    function hasFace(data: ViewData): data is FaceData;
+    function isCommand(data: ViewData): data is CommandData;
+    function isSeparator(data: ViewData): data is SeparatorData;
+    function isFlex(data: ViewData): data is FlexData;
+}

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

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

package/lib/components/index.d.ts

@@ -5,16 +5,22 @@ export * from "./components.module";
 export * from "./disposable-component";
 export * from "./focusable.component";
 export * from "./resize-aware.component";
+export * from "./track-by";
 export * from "./card-container/card-container.component";
-export * from "./commands/command-bar.component";
-export * from "./commands/command-container";
 export * from "./commands/command-face";
-export * from "./commands/command.component";
+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/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 "./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/tool-bar/tool-bar.component";
 export * from "./focus-container/focus-container.component";
 export * from "./forms/abstract-input.component";
 export * from "./forms/abstract-list-input.component";

package/lib/components/table/table-model.d.ts

@@ -114,7 +114,7 @@ export declare class TableModel<Row> {
     useFormFactory(factory: (row: Row) => DirtyTrackingForm<Row>): this;
     protected addColumn<C extends ColumnModel<Row>>(column: C): C;
     columnTextProperties(columnTextProperties: {
-        [columnName: string]: () => ColumnTextProperties;
+        [columnName: string]: ColumnTextProperties;
     }): void;
     getColumnTextProperties(column: ColumnModel<Row>): ColumnTextProperties;
     startEditSession(row: Row): EditSession<Row>;

package/lib/components/table/table-row-menu/table-row-menu.component.d.ts

@@ -3,8 +3,9 @@ import { MatMenuTrigger } from '@angular/material/menu';
 import { Command } from '@coolon/pectin';
 import { CommandFace } from '../../commands/command-face';
 import { DisposableComponent } from '../../disposable-component';
-declare class MenuItemData<T> extends CommandFace.Adapter {
+declare class MenuItemData<T> {
     readonly factory: Command.Factory<T, void>;
+    readonly face: CommandFace;
     constructor(factory: Command.Factory<T, void>, face: CommandFace);
 }
 /**

package/lib/components/track-by.d.ts

@@ -0,0 +1,3 @@
+export declare namespace TrackBy {
+    const byIndex: (data: any, index: number) => number;
+}

package/lib/place/components/abstract-place-navigation.component.d.ts

@@ -1,7 +1,7 @@
 import { OnInit } from '@angular/core';
 import { Command, Constructable, DelegatingValueModel, ListModel, ListModelChain, ValueModel } from '@coolon/pectin';
+import { CommandFace } from '../../components/commands/command-face';
 import { DisposableComponent } from '../../components/disposable-component';
-import { NavItem } from '../nav-item';
 import { PlaceComponent } from '../place-component';
 import { PlaceDefinition } from '../place-definition';
 import { PlaceRouter } from '../place-router';
@@ -16,7 +16,7 @@ export declare class AbstractPlaceNavigationComponent extends DisposableComponen
     readonly _activePlaceComponent: DelegatingValueModel<PlaceComponent>;
     private activePlaceDefinition;
     constructor(placeRouter: PlaceRouter);
-    getNav(placeDef: PlaceDefinition): NavItem;
+    getNavigationFace(placeDef: PlaceDefinition): CommandFace;
     isActive(place: PlaceDefinition): boolean;
     ngOnInit(): void;
 }

package/lib/place/components/side-place-navigation/side-place-navigation.component.d.ts

@@ -40,7 +40,7 @@ import { AbstractPlaceNavigationComponent } from '../abstract-place-navigation.c
  * (at)Place({
  *   path: 'myPlace',
  *   data: {
- *     nav: I18n.places.myPlace.nav()
+ *     nav: I18n.places.myPlace.nav
  *   }
  * })
  */

package/package.json

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

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

@@ -1,51 +0,0 @@
-var CommandBarComponent_1;
-import { __decorate, __metadata } from "tslib";
-import { Component, forwardRef } from '@angular/core';
-import { CommandContainer } from './command-container';
-/**
- *
- */
-let CommandBarComponent = CommandBarComponent_1 = class CommandBarComponent extends CommandContainer {
-    constructor() {
-        super();
-    }
-    ngOnInit() {
-    }
-    getButtonColor(registration) {
-        return registration.faceAdapter.destructive ? 'warn' : undefined;
-    }
-};
-CommandBarComponent = CommandBarComponent_1 = __decorate([
-    Component({
-        selector: 'aup-command-bar',
-        template: `
-    <ng-container *ngFor="let registration of commandRegistrations.value">
-      <button *ngIf="registration.faceAdapter.icon && !registration.faceAdapter.text"
-              mat-icon-button
-              [color]="getButtonColor(registration)"
-              [pectinCommand]="registration.command"
-              [matTooltip]="registration.faceAdapter.tooltip"
-      >
-        <aup-command-face [face]="registration.faceAdapter.face"></aup-command-face>
-      </button>
-      <button *ngIf="registration.faceAdapter.text"
-              [color]="getButtonColor(registration)"
-              mat-button
-              [pectinCommand]="registration.command"
-              [matTooltip]="registration.tooltip"
-      >
-        <aup-command-face [face]="registration.faceAdapter.face"></aup-command-face>
-      </button>
-    </ng-container>
-  `,
-        providers: [{ provide: CommandContainer, useExisting: forwardRef(() => CommandBarComponent_1) }],
-        styles: [`:host {
-    display: inline-flex;
-    flex-direction: row;
-    align-items: center;
-  }`]
-    }),
-    __metadata("design:paramtypes", [])
-], CommandBarComponent);
-export { CommandBarComponent };
-//# sourceMappingURL=command-bar.component.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"command-bar.component.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/commands/command-bar.component.ts"],"names":[],"mappings":";;AAAA,OAAO,EAAE,SAAS,EAAE,UAAU,EAAU,MAAM,eAAe,CAAC;AAC9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAGvD;;GAEG;AA8BH,IAAa,mBAAmB,2BAAhC,MAAa,mBAAoB,SAAQ,gBAAgB;IAEvD;QACE,KAAK,EAAE,CAAC;IACV,CAAC;IAED,QAAQ;IACR,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;AAbY,mBAAmB;IA7B/B,SAAS,CAAC;QACT,QAAQ,EAAE,iBAAiB;QAC3B,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;GAmBT;QAMD,SAAS,EAAE,CAAC,EAAE,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,UAAU,CAAC,GAAG,EAAE,CAAC,qBAAmB,CAAC,EAAE,CAAC;iBALrF;;;;IAIP;KAEH,CAAC;;GACW,mBAAmB,CAa/B;SAbY,mBAAmB","sourcesContent":["import { Component, forwardRef, OnInit } from '@angular/core';\nimport { CommandContainer } from './command-container';\n\n\n/**\n *\n */\n@Component({\n  selector: 'aup-command-bar',\n  template: `\n    <ng-container *ngFor=\"let registration of commandRegistrations.value\">\n      <button *ngIf=\"registration.faceAdapter.icon && !registration.faceAdapter.text\"\n              mat-icon-button\n              [color]=\"getButtonColor(registration)\"\n              [pectinCommand]=\"registration.command\"\n              [matTooltip]=\"registration.faceAdapter.tooltip\"\n      >\n        <aup-command-face [face]=\"registration.faceAdapter.face\"></aup-command-face>\n      </button>\n      <button *ngIf=\"registration.faceAdapter.text\"\n              [color]=\"getButtonColor(registration)\"\n              mat-button\n              [pectinCommand]=\"registration.command\"\n              [matTooltip]=\"registration.tooltip\"\n      >\n        <aup-command-face [face]=\"registration.faceAdapter.face\"></aup-command-face>\n      </button>\n    </ng-container>\n  `,\n  styles: [`:host {\n    display: inline-flex;\n    flex-direction: row;\n    align-items: center;\n  }`],\n  providers: [{ provide: CommandContainer, useExisting: forwardRef(() => CommandBarComponent) }]\n})\nexport class CommandBarComponent extends CommandContainer implements OnInit {\n\n  constructor() {\n    super();\n  }\n\n  ngOnInit() {\n  }\n\n  getButtonColor(registration: CommandContainer.Registration) {\n    return registration.faceAdapter.destructive ? 'warn' : undefined;\n  }\n\n}\n"]}

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

@@ -1 +0,0 @@
-[{"__symbolic":"module","version":4,"metadata":{"CommandBarComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"./command-container","name":"CommandContainer","line":36,"character":41},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"aup-command-bar","template":"\n    <ng-container *ngFor=\"let registration of commandRegistrations.value\">\n      <button *ngIf=\"registration.faceAdapter.icon && !registration.faceAdapter.text\"\n              mat-icon-button\n              [color]=\"getButtonColor(registration)\"\n              [pectinCommand]=\"registration.command\"\n              [matTooltip]=\"registration.faceAdapter.tooltip\"\n      >\n        <aup-command-face [face]=\"registration.faceAdapter.face\"></aup-command-face>\n      </button>\n      <button *ngIf=\"registration.faceAdapter.text\"\n              [color]=\"getButtonColor(registration)\"\n              mat-button\n              [pectinCommand]=\"registration.command\"\n              [matTooltip]=\"registration.tooltip\"\n      >\n        <aup-command-face [face]=\"registration.faceAdapter.face\"></aup-command-face>\n      </button>\n    </ng-container>\n  ","styles":[":host {\n    display: inline-flex;\n    flex-direction: row;\n    align-items: center;\n  }"],"providers":[{"provide":{"__symbolic":"reference","module":"./command-container","name":"CommandContainer","line":34,"character":25},"useExisting":{"__symbolic":"reference","name":"CommandBarComponent"}}]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"getButtonColor":[{"__symbolic":"method"}]}}}}]

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

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

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

@@ -1,20 +0,0 @@
-import { Disposable, GarbageCollector, MutableListModel } from '@coolon/pectin';
-import { CommandFace } from './command-face';
-export class CommandContainer extends GarbageCollector {
-    constructor() {
-        super();
-        this._commandRegistrations = new MutableListModel();
-    }
-    get commandRegistrations() {
-        return this._commandRegistrations.readonly;
-    }
-    registerCommand(command, face) {
-        const registration = { command, faceAdapter: new CommandFace.Adapter(face) };
-        this._commandRegistrations.push(registration);
-        return Disposable.disposableThatRuns(() => this._commandRegistrations.remove(registration));
-    }
-    getDefaultIconPosition() {
-        return CommandFace.Position.START;
-    }
-}
-//# sourceMappingURL=command-container.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"command-container.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/commands/command-container.ts"],"names":[],"mappings":"AAAA,OAAO,EAAW,UAAU,EAAE,gBAAgB,EAAa,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AACpG,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAG7C,MAAM,OAAO,gBAAiB,SAAQ,gBAAgB;IAIpD;QACE,KAAK,EAAE,CAAC;QAHO,0BAAqB,GAAG,IAAI,gBAAgB,EAAiC,CAAC;IAI/F,CAAC;IAED,IAAI,oBAAoB;QACtB,OAAO,IAAI,CAAC,qBAAqB,CAAC,QAAQ,CAAC;IAC7C,CAAC;IAED,eAAe,CAAC,OAAyB,EAAE,IAAiB;QAC1D,MAAM,YAAY,GAAG,EAAE,OAAO,EAAE,WAAW,EAAE,IAAI,WAAW,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC;QAC7E,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;QAC9C,OAAO,UAAU,CAAC,kBAAkB,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,qBAAqB,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC;IAC9F,CAAC;IAED,sBAAsB;QACpB,OAAO,WAAW,CAAC,QAAQ,CAAC,KAAK,CAAC;IACpC,CAAC;CACF","sourcesContent":["import { Command, Disposable, GarbageCollector, ListModel, MutableListModel } from '@coolon/pectin';\nimport { CommandFace } from './command-face';\n\n\nexport class CommandContainer extends GarbageCollector {\n\n  private readonly _commandRegistrations = new MutableListModel<CommandContainer.Registration>();\n\n  constructor() {\n    super();\n  }\n\n  get commandRegistrations(): ListModel<CommandContainer.Registration> {\n    return this._commandRegistrations.readonly;\n  }\n\n  registerCommand(command: Command<unknown>, face: CommandFace): Disposable {\n    const registration = { command, faceAdapter: new CommandFace.Adapter(face) };\n    this._commandRegistrations.push(registration);\n    return Disposable.disposableThatRuns(() => this._commandRegistrations.remove(registration));\n  }\n\n  getDefaultIconPosition(): CommandFace.Position {\n    return CommandFace.Position.START;\n  }\n}\n\nexport namespace CommandContainer {\n\n  export interface Registration {\n    readonly command: Command<unknown>;\n    readonly faceAdapter: CommandFace.Adapter;\n  }\n\n}\n"]}

package/esm2015/lib/components/commands/command-container.metadata.json

@@ -1 +0,0 @@
-[{"__symbolic":"module","version":4,"metadata":{"CommandContainer":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@coolon/pectin","name":"GarbageCollector","line":4,"character":38},"members":{"__ctor__":[{"__symbolic":"constructor"}],"registerCommand":[{"__symbolic":"method"}],"getDefaultIconPosition":[{"__symbolic":"method"}]}}}}]

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

@@ -1,38 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1 +0,0 @@
-[{"__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

@@ -1 +0,0 @@
-{"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"]}