@coolon/angular-ui-powerups 1.20.0 → 2.0.0-alpha.0

package/esm5/lib/components/icon/icon.component.js

@@ -3,38 +3,41 @@ import { Component, Input } from '@angular/core';
 var IconComponent = /** @class */ (function () {
     function IconComponent() {
     }
-    IconComponent.prototype.ligature = function () {
-        if (this.icon.startsWith('mat:')) {
-            return this.icon.slice(4);
-        }
-        if (!this.icon.includes(":")) {
-            return this.icon;
-        }
-    };
-    IconComponent.prototype.svgIcon = function () {
-        if (this.icon.startsWith('svg:')) {
-            return this.icon.slice(4);
-        }
-    };
-    IconComponent.prototype.isFontAwesome = function () {
-        return this.icon.startsWith('fab:');
-    };
-    IconComponent.prototype.fontAwesomeIcon = function () {
-        if (this.isFontAwesome()) {
-            return this.icon.slice(4);
-        }
-    };
+    Object.defineProperty(IconComponent.prototype, "icon", {
+        get: function () {
+            return this._icon;
+        },
+        set: function (iconName) {
+            this._icon = iconName;
+            if (!iconName) {
+                this.errorMessage = 'icon is nil';
+                this.prefix = undefined;
+                return;
+            }
+            var colonIndex = iconName.indexOf(':');
+            if (colonIndex > 0) {
+                this.prefix = this.icon.slice(0, colonIndex);
+                this.suffix = this.icon.slice(colonIndex + 1);
+            }
+            if (this.prefix) {
+                this.errorMessage = "Unknown icon \"" + iconName + "\"";
+            }
+            this.errorMessage = "Unknown icon prefix \"" + this.prefix + "\"";
+        },
+        enumerable: true,
+        configurable: true
+    });
     __decorate([
         Input(),
-        __metadata("design:type", String)
-    ], IconComponent.prototype, "icon", void 0);
+        __metadata("design:type", String),
+        __metadata("design:paramtypes", [String])
+    ], IconComponent.prototype, "icon", null);
     IconComponent = __decorate([
         Component({
             selector: 'aup-icon',
-            template: "<mat-icon *ngIf=\"!isFontAwesome()\"\n          [svgIcon]=\"svgIcon()\">\n  {{ligature()}}\n</mat-icon>\n<fa-icon *ngIf=\"isFontAwesome()\"\n         [icon]=\"fontAwesomeIcon()\">\n</fa-icon>\n\n",
-            styles: [":host{display:inline-flex;width:24px}fa-icon{width:100%;text-align:center}:host(.mat-chip-remove) mat-icon{font-size:18px}mat-icon{width:inherit;height:inherit}"]
-        }),
-        __metadata("design:paramtypes", [])
+            template: "<ng-container [ngSwitch]=\"prefix\">\n\n  <mat-icon *ngSwitchCase=\"'svg'\"\n            [svgIcon]=\"suffix\"\n            class=\"svgIcon\">\n  </mat-icon>\n\n  <mat-icon *ngSwitchCase=\"'mat'\">\n    {{suffix}}\n  </mat-icon>\n\n  <div *ngSwitchCase=\"'fab'\"\n       class=\"faIconWrapper\">\n    <fa-icon [icon]=\"suffix\">\n    </fa-icon>\n  </div>\n\n  <mat-icon *ngSwitchDefault\n            [matTooltip]=\"errorMessage\">\n    bug_report\n  </mat-icon>\n\n</ng-container>\n\n",
+            styles: [":host{display:inline-flex;width:24px}fa-icon{vertical-align:middle}.faIconWrapper{text-align:center;width:24px;height:24px}.svgIcon{width:24px;height:24px}:host(.mat-chip-remove) mat-icon{font-size:18px}mat-icon{width:inherit;height:inherit}"]
+        })
     ], IconComponent);
     return IconComponent;
 }());

package/esm5/lib/components/icon/icon.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon.component.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/icon/icon.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAQjD;IAKE;IAAgB,CAAC;IAEjB,gCAAQ,GAAR;QACE,IAAI,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE;YAChC,OAAO,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;SAC3B;QACD,IAAG,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE;YAC3B,OAAO,IAAI,CAAC,IAAI,CAAC;SAClB;IACH,CAAC;IAED,+BAAO,GAAP;QACE,IAAI,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE;YAChC,OAAO,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;SAC3B;IACH,CAAC;IAED,qCAAa,GAAb;QACE,OAAO,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC;IACtC,CAAC;IAED,uCAAe,GAAf;QACE,IAAI,IAAI,CAAC,aAAa,EAAE,EAAE;YACxB,OAAiB,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;SACrC;IACH,CAAC;IA3BD;QADC,KAAK,EAAE;;+CACK;IAHF,aAAa;QALzB,SAAS,CAAC;YACT,QAAQ,EAAE,UAAU;YACpB,+MAAoC;;SAErC,CAAC;;OACW,aAAa,CA+BzB;IAAD,oBAAC;CAAA,AA/BD,IA+BC;SA/BY,aAAa","sourcesContent":["import { Component, Input } from '@angular/core';\nimport { IconName } from '@fortawesome/fontawesome-common-types';\n\n@Component({\n  selector: 'aup-icon',\n  templateUrl: './icon.component.html',\n  styleUrls: ['./icon.component.scss']\n})\nexport class IconComponent {\n\n  @Input()\n  icon: string;\n\n  constructor() { }\n\n  ligature(): string {\n    if (this.icon.startsWith('mat:')) {\n      return this.icon.slice(4);\n    }\n    if(!this.icon.includes(\":\")) {\n      return this.icon;\n    }\n  }\n\n  svgIcon(): string {\n    if (this.icon.startsWith('svg:')) {\n      return this.icon.slice(4);\n    }\n  }\n\n  isFontAwesome() {\n    return this.icon.startsWith('fab:');\n  }\n\n  fontAwesomeIcon(): IconName {\n    if (this.isFontAwesome()) {\n      return <IconName>this.icon.slice(4);\n    }\n  }\n}\n"]}
+{"version":3,"file":"icon.component.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/icon/icon.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAA4B,MAAM,eAAe,CAAC;AAO3E;IAAA;IAgCA,CAAC;IAvBC,sBAAI,+BAAI;aAmBR;YACE,OAAO,IAAI,CAAC,KAAK,CAAC;QACpB,CAAC;aArBD,UAAS,QAAgB;YACvB,IAAI,CAAC,KAAK,GAAG,QAAQ,CAAC;YACtB,IAAI,CAAC,QAAQ,EAAE;gBACb,IAAI,CAAC,YAAY,GAAG,aAAa,CAAC;gBAClC,IAAI,CAAC,MAAM,GAAG,SAAS,CAAC;gBACxB,OAAO;aACR;YAED,IAAM,UAAU,GAAG,QAAQ,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;YACzC,IAAI,UAAU,GAAG,CAAC,EAAE;gBAClB,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC;gBAC7C,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC;aAC/C;YACD,IAAI,IAAI,CAAC,MAAM,EAAE;gBACf,IAAI,CAAC,YAAY,GAAG,oBAAiB,QAAQ,OAAG,CAAC;aAClD;YACD,IAAI,CAAC,YAAY,GAAG,2BAAwB,IAAI,CAAC,MAAM,OAAG,CAAC;QAC7D,CAAC;;;OAAA;IAjBD;QADC,KAAK,EAAE;;;6CAkBP;IA1BU,aAAa;QALzB,SAAS,CAAC;YACT,QAAQ,EAAE,UAAU;YACpB,+eAAoC;;SAErC,CAAC;OACW,aAAa,CAgCzB;IAAD,oBAAC;CAAA,AAhCD,IAgCC;SAhCY,aAAa","sourcesContent":["import { Component, Input, OnChanges, SimpleChanges } from '@angular/core';\n\n@Component({\n  selector: 'aup-icon',\n  templateUrl: './icon.component.html',\n  styleUrls: ['./icon.component.scss']\n})\nexport class IconComponent {\n\n  _icon: string;\n\n  prefix: string;\n  suffix: string;\n  errorMessage: string;\n\n  @Input()\n  set icon(iconName: string) {\n    this._icon = iconName;\n    if (!iconName) {\n      this.errorMessage = 'icon is nil';\n      this.prefix = undefined;\n      return;\n    }\n\n    const colonIndex = iconName.indexOf(':');\n    if (colonIndex > 0) {\n      this.prefix = this.icon.slice(0, colonIndex);\n      this.suffix = this.icon.slice(colonIndex + 1);\n    }\n    if (this.prefix) {\n      this.errorMessage = `Unknown icon \"${iconName}\"`;\n    }\n    this.errorMessage = `Unknown icon prefix \"${this.prefix}\"`;\n  }\n\n  get icon(): string {\n    return this._icon;\n  }\n\n}\n"]}

package/esm5/lib/components/table/cell-editors.js.map

@@ -1 +1 @@
-{"version":3,"file":"cell-editors.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/table/cell-editors.ts"],"names":[],"mappings":"","sourcesContent":["import { FocusManager, FormListModel, FormValueModel, ListModel, ValueModel } from '@coolon/pectin';\n\nexport interface CellEditorComponent<T> {\n  valueModel: ValueModel<T> | FormValueModel<T>\n  requestFocus?();\n}\n\nexport interface CellListEditorComponent<T> {\n  listModel: ListModel<T> | FormListModel<T>\n  requestFocus?();\n}\n"]}
+{"version":3,"file":"cell-editors.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/table/cell-editors.ts"],"names":[],"mappings":"","sourcesContent":["import { Form, ListModel, ValueModel } from '@coolon/pectin';\n\nexport interface CellEditorComponent<T> {\n  valueModel: ValueModel<T> | Form.ValueModelBase<T>\n\n  requestFocus?();\n}\n\nexport interface CellListEditorComponent<T> {\n  listModel: ListModel<T> | Form.ListModelBase<T>\n\n  requestFocus?();\n}\n"]}

package/esm5/lib/components/table/column-model.js.map

@@ -1 +1 @@
-{"version":3,"file":"column-model.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/table/column-model.ts"],"names":[],"mappings":"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","sourcesContent":["import { ComponentType } from '@angular/cdk/overlay';\nimport { TemplateRef, ViewContainerRef } from '@angular/core';\nimport { Command, Form, MultipleSelectionModel, SelectionModel, Types, UnaryCommand, Validator } from '@coolon/pectin';\nimport { assert } from '@coolon/typescript-utilities';\nimport { Memoize } from '@typescript-plus/fast-memoize-decorator/dist/src';\nimport _ from 'lodash';\nimport { CellEditorComponent, CellListEditorComponent } from './cell-editors';\nimport {\n  CellEditorPortalRef,\n  CellHeaderPortalRef,\n  CellRendererPortalRef,\n  ComponentCellRendererPortalRef,\n  TemplateCellRendererPortalRef\n} from './cell-protal-ref';\nimport { ColumnTextProperties } from './column-text-properties';\nimport { DefaultCellRendererComponent } from './default-cell-renderer/default-cell-renderer.component';\nimport { DefaultHeaderCellRendererComponent } from './default-header-cell-renderer/default-header-cell-renderer.component';\nimport { EditRowControls } from './edit-row-controls/edit-row-controls.component';\nimport { EditSession } from './edit-session';\nimport { SelectCellRendererComponent } from './select-cell-renderer/select-cell-renderer.component';\nimport { SelectHeaderCellRendererComponent } from './select-header-cell-renderer/select-header-cell-renderer.component';\nimport { TableCellRendererComponent } from './table-cell-renderer/table-cell-renderer.component';\nimport { TableHeaderCellRendererComponent } from './table-header-cell-renderer/table-header-cell-renderer.component';\n\n\nconst noop = () => {\n};\n\nexport interface RowData<Row> {\n  row: Row;\n  editSession?: EditSession<Row>;\n  editRowCommand: Command<void>;\n}\n\n\nexport class ColumnModel<Row> {\n\n  private _columnTextProperties: ColumnTextProperties;\n\n  private _columnHeaderPortalRef: CellHeaderPortalRef<Row, any>;\n  private _cellRendererPortalRef: CellRendererPortalRef<Row, any>;\n  private _cellEditorPortalRef: CellEditorPortalRef<Row, any>;\n\n  private _selectRowOnClick = undefined;\n\n  constructor(readonly columnId: string, private defaults: ColumnModel.Defaults) {\n    this.cellHeaderRenderer(DefaultHeaderCellRendererComponent, (component, column) => {\n      component.headerText = column.getHeaderText();\n    });\n  }\n\n  @Memoize()\n  getHeaderText(): string {\n    return this.getColumnTextProperties()?.headerText() || this.getDefaultHeaderText();\n  }\n\n  protected getDefaultHeaderText() {\n    return this.columnId;\n  }\n\n  @Memoize()\n  getColumnTextProperties(): ColumnTextProperties {\n    return this._columnTextProperties || this.defaults.getColumnTextProperties(this);\n  }\n\n  textProperties(columnTextProperties: ColumnTextProperties): this {\n    this._columnTextProperties = columnTextProperties;\n    return this;\n  }\n\n  protected configureHeaderRenderer<C>(config: CellHeaderPortalRef<Row, any>): void {\n    this._columnHeaderPortalRef = config;\n  }\n\n  protected configureCellRenderer<C>(config: CellRendererPortalRef<Row, any>): void {\n    this._cellRendererPortalRef = config;\n  }\n\n  protected configureCellEditor<E>(cellEditor: CellEditorPortalRef<Row, E>): void {\n    this._cellEditorPortalRef = cellEditor;\n  }\n\n  cellHeaderRenderer<C>(componentType: ComponentType<C>, initialiser: (component: C, column: ColumnModel<Row>) => void): this {\n    this.configureHeaderRenderer(new CellHeaderPortalRef<Row, C>(componentType, initialiser));\n    return this;\n  }\n\n  hasEditorPortal() {\n    return !!this._cellEditorPortalRef;\n  }\n\n  attachHeaderCell(host: any) {\n    this._columnHeaderPortalRef.initialiseHost(host, this);\n  }\n\n  attachCell(host: any) {\n    this._cellRendererPortalRef.initialiseHost(host, this);\n    if (this.hasEditorPortal()) {\n      this._cellEditorPortalRef.initialiseHost(host, this);\n    }\n  }\n\n  onHeaderAttached(host: TableHeaderCellRendererComponent, component: any) {\n    this._columnHeaderPortalRef.onPortalAttached(host, component);\n  }\n\n  onRendererAttached(host: TableCellRendererComponent<Row>, component: any) {\n    this._cellRendererPortalRef.onPortalAttached(host, component);\n  }\n\n  // @Trace()\n  onEditorAttached(host: TableCellRendererComponent<Row>, component: any) {\n    this._cellEditorPortalRef.onPortalAttached(host, component);\n  }\n\n  updatePortalContent(host: TableCellRendererComponent<Row>) {\n    this._cellRendererPortalRef.pushState(host);\n  }\n\n  protected selectRowOnClick(selectOnRowClick: boolean): this {\n    this._selectRowOnClick = selectOnRowClick;\n    return this;\n  }\n\n  isRowSelectionEnabled(): boolean | undefined {\n    return this._selectRowOnClick;\n  }\n\n  isRowSelectionExplicitlyEnabled(): boolean {\n    return this._selectRowOnClick === true;\n  }\n\n  isRowSelectionExplicitlyDisabled(): boolean {\n    return this._selectRowOnClick === false;\n  }\n}\n\nexport namespace ColumnModel {\n  export interface Defaults {\n    getColumnTextProperties(columnModel: ColumnModel<any>): ColumnTextProperties;\n  }\n}\n\nexport interface CellEditorOptions<V, C> { //extends CellRendererOptions<E> {\n  validators?: Validator<V>[];\n\n  initialiseComponent?(component: C);\n}\n\nexport class PropertyColumnModel<Row, P extends Types.ValuePropertiesOf<Row>> extends ColumnModel<Row> {\n\n\n  private _format: (value: Row[P]) => any = (value) => value;\n\n  constructor(readonly property: P, defaults: ColumnModel.Defaults) {\n    super(property.toString(), defaults);\n    this.cellRenderer(DefaultCellRendererComponent);\n  }\n\n  cellRenderer(componentType: ComponentType<{ value: Row[P] }>): this {\n    this.configureCellRenderer(new ComponentCellRendererPortalRef(componentType, (component, rowData) => {\n      component.value = this._format(rowData.row[this.property]);\n    }));\n    return this;\n  }\n\n  cellEditor<E extends CellEditorComponent<Row[P]>>(editor: ComponentType<E>, validators?: Validator<Row[P]>[], initialiseComponent?: (component: E) => void): this\n  cellEditor<E extends CellEditorComponent<Row[P]>>(editor: ComponentType<E>, initialiseComponent?: (component: E) => void): this\n  cellEditor<E extends CellEditorComponent<Row[P]>>(editor: ComponentType<E>, validatorsOrInitialiser?: Validator<Row[P]>[] | ((component: E) => void), initialiseComponent?: (component: E) => void): this {\n    const validators = Array.isArray(validatorsOrInitialiser) ? validatorsOrInitialiser : undefined;\n    const initialiser = _.isFunction(validatorsOrInitialiser) ? validatorsOrInitialiser : initialiseComponent;\n    this.configureCellEditor(new CellEditorPortalRef(editor, (component: E, editSession: EditSession<Row>) => {\n      const formValueModel = editSession.form.pluck(this.property);\n      if (validators) {\n        formValueModel.validateUsing(validators);\n      }\n      component.valueModel = formValueModel;\n      if (initialiser) {\n        initialiser(component);\n      }\n    }));\n    return this;\n  }\n\n  format(formatter: (value: Row[P]) => any): this {\n    assert.isFunction(formatter);\n    this._format = formatter;\n    return this;\n  }\n\n  public selectRowOnClick(selectOnRowClick: boolean): this {\n    return super.selectRowOnClick(selectOnRowClick);\n  }\n\n}\n\nexport class ListPropertyColumnModel<Row, P extends Types.ArrayPropertiesOf<Row>> extends ColumnModel<Row> {\n\n  private _format: (value: Types.ArrayElementType<Row, P>[]) => any = (value) => value.map(v => v?.toString()).join(', ');\n\n  constructor(readonly property: P, defaults: ColumnModel.Defaults) {\n    super(property.toString(), defaults);\n    this.cellRenderer(DefaultCellRendererComponent);\n  }\n\n  cellRenderer(componentType: ComponentType<{ value: Types.ArrayElementType<Row, P>[] }>): this {\n    this.configureCellRenderer(new ComponentCellRendererPortalRef(componentType, (component, rowData) => {\n      component.value = this._format(rowData.row[this.property]);\n    }));\n    return this;\n  }\n\n  cellEditor<C extends CellListEditorComponent<Types.ArrayElementType<Row, P>>>(editor: ComponentType<C>, validators?: Validator<Types.ArrayElementType<Row, P>[]>[], initialiseComponent?: (component: C) => void): this\n  cellEditor<C extends CellListEditorComponent<Types.ArrayElementType<Row, P>>>(editor: ComponentType<C>, initialiseComponent?: (component: C) => void): this\n  cellEditor<C extends CellListEditorComponent<Types.ArrayElementType<Row, P>>>(editor: ComponentType<C>, validatorsOrInitialiser?: Validator<Types.ArrayElementType<Row, P>[]>[] | ((component: C) => void), initialiseComponent?: (component: C) => void): this {\n    const validators = Array.isArray(validatorsOrInitialiser) ? validatorsOrInitialiser : undefined;\n    const initialiser = _.isFunction(validatorsOrInitialiser) ? validatorsOrInitialiser : initialiseComponent;\n\n    this.configureCellEditor(new CellEditorPortalRef(editor, (component: C, editSession: EditSession<Row>) => {\n      const formListModel = editSession.form.pluckList(this.property);\n      if (validators) {\n        formListModel.validateUsing(validators);\n      }\n      component.listModel = formListModel;\n      if (initialiser) {\n        initialiser(component);\n      }\n    }));\n    return this;\n  }\n\n  format(formatter: (value: Types.ArrayElementType<Row, P>[]) => any): this {\n    assert.isFunction(formatter);\n    this._format = formatter;\n    return this;\n  }\n\n  public selectRowOnClick(selectOnRowClick: boolean): this {\n    return super.selectRowOnClick(selectOnRowClick);\n  }\n\n}\n\nexport class CustomValueColumnModel<Row, V> extends ColumnModel<Row> {\n  constructor(columnId: string, defaults: ColumnModel.Defaults, private getValue: (row: Row) => V) {\n    super(columnId, defaults);\n    this.cellRenderer(DefaultCellRendererComponent);\n  }\n\n  cellRenderer(componentType: ComponentType<{ value: V }>): this {\n    this.configureCellRenderer(new ComponentCellRendererPortalRef(componentType, (component, rowData) => {\n      component.value = this.getValue(rowData.row);\n    }));\n    return this;\n  }\n\n  public selectRowOnClick(selectOnRowClick: boolean): this {\n    return super.selectRowOnClick(selectOnRowClick);\n  }\n\n}\n\nexport class EditorControlColumnModel<Row> extends ColumnModel<Row> {\n\n  constructor(columnId: string, saveCommand: UnaryCommand<Form<Row>, boolean>, defaults: ColumnModel.Defaults) {\n    super(columnId, defaults);\n    this.cellRenderer(EditRowControls);\n  }\n\n  cellRenderer(componentType: ComponentType<{ row: Row, editSession: EditSession<Row>, editRowCommand: Command<void> }>): this {\n    this.configureCellRenderer(new ComponentCellRendererPortalRef(componentType, (component, rowData: RowData<Row>) => {\n      component.row = rowData.row;\n      component.editSession = rowData.editSession;\n      component.editRowCommand = rowData.editRowCommand;\n    }));\n    return this;\n  }\n\n  protected getDefaultHeaderText(): string {\n    return '';\n  }\n}\n\nexport class CustomTemplateColumnModel<Row> extends ColumnModel<Row> {\n  private readonly config = new TemplateCellRendererPortalRef<Row>();\n\n  constructor(columnId: string, defaults: ColumnModel.Defaults) {\n    super(columnId, defaults);\n    this.configureCellRenderer(this.config);\n  }\n\n  setTemplate(templateRef: TemplateRef<any>, viewContainer: ViewContainerRef, fillCell: boolean, padChild: boolean) {\n    this.config.registerPortal(templateRef, viewContainer, fillCell, padChild);\n  }\n\n  public selectRowOnClick(selectOnRowClick: boolean): this {\n    return super.selectRowOnClick(selectOnRowClick);\n  }\n\n}\n\nexport class SelectionColumnModel<Row> extends ColumnModel<Row> {\n\n  private _enableHeaderControls = true;\n\n  constructor(columnId: string, defaults: ColumnModel.Defaults, private readonly selectionModel: SelectionModel<Row>) {\n    super(columnId, defaults);\n    this.selectOnRowClick(false);\n    if (selectionModel instanceof MultipleSelectionModel) {\n      this.cellHeaderRenderer(SelectHeaderCellRendererComponent, (component) => {\n        component.selectionModel = selectionModel;\n        component.enableHeaderControls = this._enableHeaderControls;\n      });\n    }\n    this.configureCellRenderer(new ComponentCellRendererPortalRef(SelectCellRendererComponent, (component, rowData: RowData<Row>) => {\n      component.row = rowData.row;\n      component.selectionModel = selectionModel;\n    }));\n  }\n\n  protected getDefaultHeaderText(): string {\n    return '';\n  }\n\n  isRowSelectionEnabledByDefault(): boolean | undefined {\n    return this.isRowSelectionExplicitlyEnabled();\n  }\n\n  selectOnRowClick(selectOnRowClick: boolean): this {\n    // note we're using different method name as the selection column treats this\n    // state as the default for all columns.\n    return super.selectRowOnClick(selectOnRowClick);\n  }\n\n  enableHeaderControls(enable: boolean): this {\n    this._enableHeaderControls = enable;\n    return this;\n  }\n\n  selectRow(row: Row) {\n    this.selectionModel.selectCommand.execute(row);\n  }\n}\n\n\n"]}
+{"version":3,"file":"column-model.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/table/column-model.ts"],"names":[],"mappings":"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","sourcesContent":["import { ComponentType } from '@angular/cdk/overlay';\nimport { TemplateRef, ViewContainerRef } from '@angular/core';\nimport {\n  Command,\n  DirtyTrackingForm,\n  Form,\n  MultipleSelectionModel,\n  SelectionModel,\n  Types,\n  UnaryCommand,\n  Validator\n} from '@coolon/pectin';\nimport { assert } from '@coolon/typescript-utilities';\nimport { Memoize } from '@typescript-plus/fast-memoize-decorator/dist/src';\nimport _ from 'lodash';\nimport { CellEditorComponent, CellListEditorComponent } from './cell-editors';\nimport {\n  CellEditorPortalRef,\n  CellHeaderPortalRef,\n  CellRendererPortalRef,\n  ComponentCellRendererPortalRef,\n  TemplateCellRendererPortalRef\n} from './cell-protal-ref';\nimport { ColumnTextProperties } from './column-text-properties';\nimport { DefaultCellRendererComponent } from './default-cell-renderer/default-cell-renderer.component';\nimport { DefaultHeaderCellRendererComponent } from './default-header-cell-renderer/default-header-cell-renderer.component';\nimport { EditRowControls } from './edit-row-controls/edit-row-controls.component';\nimport { EditSession } from './edit-session';\nimport { SelectCellRendererComponent } from './select-cell-renderer/select-cell-renderer.component';\nimport { SelectHeaderCellRendererComponent } from './select-header-cell-renderer/select-header-cell-renderer.component';\nimport { TableCellRendererComponent } from './table-cell-renderer/table-cell-renderer.component';\nimport { TableHeaderCellRendererComponent } from './table-header-cell-renderer/table-header-cell-renderer.component';\n\n\nconst noop = () => {\n};\n\nexport interface RowData<Row> {\n  row: Row;\n  editSession?: EditSession<Row>;\n  editRowCommand: Command<void>;\n}\n\n\nexport class ColumnModel<Row> {\n\n  private _columnTextProperties: ColumnTextProperties;\n\n  private _columnHeaderPortalRef: CellHeaderPortalRef<Row, any>;\n  private _cellRendererPortalRef: CellRendererPortalRef<Row, any>;\n  private _cellEditorPortalRef: CellEditorPortalRef<Row, any>;\n\n  private _selectRowOnClick = undefined;\n\n  constructor(readonly columnId: string, private defaults: ColumnModel.Defaults) {\n    this.cellHeaderRenderer(DefaultHeaderCellRendererComponent, (component, column) => {\n      component.headerText = column.getHeaderText();\n    });\n  }\n\n  @Memoize()\n  getHeaderText(): string {\n    return this.getColumnTextProperties()?.headerText() || this.getDefaultHeaderText();\n  }\n\n  protected getDefaultHeaderText() {\n    return this.columnId;\n  }\n\n  @Memoize()\n  getColumnTextProperties(): ColumnTextProperties {\n    return this._columnTextProperties || this.defaults.getColumnTextProperties(this);\n  }\n\n  textProperties(columnTextProperties: ColumnTextProperties): this {\n    this._columnTextProperties = columnTextProperties;\n    return this;\n  }\n\n  protected configureHeaderRenderer<C>(config: CellHeaderPortalRef<Row, any>): void {\n    this._columnHeaderPortalRef = config;\n  }\n\n  protected configureCellRenderer<C>(config: CellRendererPortalRef<Row, any>): void {\n    this._cellRendererPortalRef = config;\n  }\n\n  protected configureCellEditor<E>(cellEditor: CellEditorPortalRef<Row, E>): void {\n    this._cellEditorPortalRef = cellEditor;\n  }\n\n  cellHeaderRenderer<C>(componentType: ComponentType<C>, initialiser: (component: C, column: ColumnModel<Row>) => void): this {\n    this.configureHeaderRenderer(new CellHeaderPortalRef<Row, C>(componentType, initialiser));\n    return this;\n  }\n\n  hasEditorPortal() {\n    return !!this._cellEditorPortalRef;\n  }\n\n  attachHeaderCell(host: any) {\n    this._columnHeaderPortalRef.initialiseHost(host, this);\n  }\n\n  attachCell(host: any) {\n    this._cellRendererPortalRef.initialiseHost(host, this);\n    if (this.hasEditorPortal()) {\n      this._cellEditorPortalRef.initialiseHost(host, this);\n    }\n  }\n\n  onHeaderAttached(host: TableHeaderCellRendererComponent, component: any) {\n    this._columnHeaderPortalRef.onPortalAttached(host, component);\n  }\n\n  onRendererAttached(host: TableCellRendererComponent<Row>, component: any) {\n    this._cellRendererPortalRef.onPortalAttached(host, component);\n  }\n\n  // @Trace()\n  onEditorAttached(host: TableCellRendererComponent<Row>, component: any) {\n    this._cellEditorPortalRef.onPortalAttached(host, component);\n  }\n\n  updatePortalContent(host: TableCellRendererComponent<Row>) {\n    this._cellRendererPortalRef.pushState(host);\n  }\n\n  protected selectRowOnClick(selectOnRowClick: boolean): this {\n    this._selectRowOnClick = selectOnRowClick;\n    return this;\n  }\n\n  isRowSelectionEnabled(): boolean | undefined {\n    return this._selectRowOnClick;\n  }\n\n  isRowSelectionExplicitlyEnabled(): boolean {\n    return this._selectRowOnClick === true;\n  }\n\n  isRowSelectionExplicitlyDisabled(): boolean {\n    return this._selectRowOnClick === false;\n  }\n}\n\nexport namespace ColumnModel {\n  export interface Defaults {\n    getColumnTextProperties(columnModel: ColumnModel<any>): ColumnTextProperties;\n  }\n}\n\nexport interface CellEditorOptions<V, C> { //extends CellRendererOptions<E> {\n  validators?: Validator<V>[];\n\n  initialiseComponent?(component: C);\n}\n\nexport class PropertyColumnModel<Row, P extends Types.ValuePropertiesOf<Row>> extends ColumnModel<Row> {\n\n\n  private _format: (value: Row[P]) => any = (value) => value;\n\n  constructor(readonly property: P, defaults: ColumnModel.Defaults) {\n    super(property.toString(), defaults);\n    this.cellRenderer(DefaultCellRendererComponent);\n  }\n\n  cellRenderer(componentType: ComponentType<{ value: Row[P] }>): this {\n    this.configureCellRenderer(new ComponentCellRendererPortalRef(componentType, (component, rowData) => {\n      component.value = this._format(rowData.row[this.property]);\n    }));\n    return this;\n  }\n\n  cellEditor<E extends CellEditorComponent<Row[P]>>(editor: ComponentType<E>, validators?: Validator<Row[P]>[], initialiseComponent?: (component: E) => void): this\n  cellEditor<E extends CellEditorComponent<Row[P]>>(editor: ComponentType<E>, initialiseComponent?: (component: E) => void): this\n  cellEditor<E extends CellEditorComponent<Row[P]>>(editor: ComponentType<E>, validatorsOrInitialiser?: Validator<Row[P]>[] | ((component: E) => void), initialiseComponent?: (component: E) => void): this {\n    const validators = Array.isArray(validatorsOrInitialiser) ? validatorsOrInitialiser : undefined;\n    const initialiser = _.isFunction(validatorsOrInitialiser) ? validatorsOrInitialiser : initialiseComponent;\n    this.configureCellEditor(new CellEditorPortalRef(editor, (component: E, editSession: EditSession<Row>) => {\n      const formValueModel = editSession.form.pluck(this.property);\n      if (validators) {\n        formValueModel.validateUsing(validators);\n      }\n      component.valueModel = formValueModel;\n      if (initialiser) {\n        initialiser(component);\n      }\n    }));\n    return this;\n  }\n\n  format(formatter: (value: Row[P]) => any): this {\n    assert.isFunction(formatter);\n    this._format = formatter;\n    return this;\n  }\n\n  public selectRowOnClick(selectOnRowClick: boolean): this {\n    return super.selectRowOnClick(selectOnRowClick);\n  }\n\n}\n\nexport class ListPropertyColumnModel<Row, P extends Types.ArrayPropertiesOf<Row>> extends ColumnModel<Row> {\n\n  private _format: (value: Types.ArrayElementType<Row, P>[]) => any = (value) => value.map(v => v?.toString()).join(', ');\n\n  constructor(readonly property: P, defaults: ColumnModel.Defaults) {\n    super(property.toString(), defaults);\n    this.cellRenderer(DefaultCellRendererComponent);\n  }\n\n  cellRenderer(componentType: ComponentType<{ value: Types.ArrayElementType<Row, P>[] }>): this {\n    this.configureCellRenderer(new ComponentCellRendererPortalRef(componentType, (component, rowData) => {\n      component.value = this._format(rowData.row[this.property]);\n    }));\n    return this;\n  }\n\n  cellEditor<C extends CellListEditorComponent<Types.ArrayElementType<Row, P>>>(editor: ComponentType<C>, validators?: Validator<Types.ArrayElementType<Row, P>[]>[], initialiseComponent?: (component: C) => void): this\n  cellEditor<C extends CellListEditorComponent<Types.ArrayElementType<Row, P>>>(editor: ComponentType<C>, initialiseComponent?: (component: C) => void): this\n  cellEditor<C extends CellListEditorComponent<Types.ArrayElementType<Row, P>>>(editor: ComponentType<C>, validatorsOrInitialiser?: Validator<Types.ArrayElementType<Row, P>[]>[] | ((component: C) => void), initialiseComponent?: (component: C) => void): this {\n    const validators = Array.isArray(validatorsOrInitialiser) ? validatorsOrInitialiser : undefined;\n    const initialiser = _.isFunction(validatorsOrInitialiser) ? validatorsOrInitialiser : initialiseComponent;\n\n    this.configureCellEditor(new CellEditorPortalRef(editor, (component: C, editSession: EditSession<Row>) => {\n      const formListModel = editSession.form.pluckList(this.property);\n      if (validators) {\n        formListModel.validateUsing(validators);\n      }\n      component.listModel = formListModel;\n      if (initialiser) {\n        initialiser(component);\n      }\n    }));\n    return this;\n  }\n\n  format(formatter: (value: Types.ArrayElementType<Row, P>[]) => any): this {\n    assert.isFunction(formatter);\n    this._format = formatter;\n    return this;\n  }\n\n  public selectRowOnClick(selectOnRowClick: boolean): this {\n    return super.selectRowOnClick(selectOnRowClick);\n  }\n\n}\n\nexport class CustomValueColumnModel<Row, V> extends ColumnModel<Row> {\n  constructor(columnId: string, defaults: ColumnModel.Defaults, private getValue: (row: Row) => V) {\n    super(columnId, defaults);\n    this.cellRenderer(DefaultCellRendererComponent);\n  }\n\n  cellRenderer(componentType: ComponentType<{ value: V }>): this {\n    this.configureCellRenderer(new ComponentCellRendererPortalRef(componentType, (component, rowData) => {\n      component.value = this.getValue(rowData.row);\n    }));\n    return this;\n  }\n\n  public selectRowOnClick(selectOnRowClick: boolean): this {\n    return super.selectRowOnClick(selectOnRowClick);\n  }\n\n}\n\nexport class EditorControlColumnModel<Row> extends ColumnModel<Row> {\n\n  constructor(columnId: string, saveCommand: UnaryCommand<DirtyTrackingForm<Row>, boolean>, defaults: ColumnModel.Defaults) {\n    super(columnId, defaults);\n    this.cellRenderer(EditRowControls);\n  }\n\n  cellRenderer(componentType: ComponentType<{ row: Row, editSession: EditSession<Row>, editRowCommand: Command<void> }>): this {\n    this.configureCellRenderer(new ComponentCellRendererPortalRef(componentType, (component, rowData: RowData<Row>) => {\n      component.row = rowData.row;\n      component.editSession = rowData.editSession;\n      component.editRowCommand = rowData.editRowCommand;\n    }));\n    return this;\n  }\n\n  protected getDefaultHeaderText(): string {\n    return '';\n  }\n}\n\nexport class CustomTemplateColumnModel<Row> extends ColumnModel<Row> {\n  private readonly config = new TemplateCellRendererPortalRef<Row>();\n\n  constructor(columnId: string, defaults: ColumnModel.Defaults) {\n    super(columnId, defaults);\n    this.configureCellRenderer(this.config);\n  }\n\n  setTemplate(templateRef: TemplateRef<any>, viewContainer: ViewContainerRef, fillCell: boolean, padChild: boolean) {\n    this.config.registerPortal(templateRef, viewContainer, fillCell, padChild);\n  }\n\n  public selectRowOnClick(selectOnRowClick: boolean): this {\n    return super.selectRowOnClick(selectOnRowClick);\n  }\n\n}\n\nexport class SelectionColumnModel<Row> extends ColumnModel<Row> {\n\n  private _enableHeaderControls = true;\n\n  constructor(columnId: string, defaults: ColumnModel.Defaults, private readonly selectionModel: SelectionModel<Row>) {\n    super(columnId, defaults);\n    this.selectOnRowClick(false);\n    if (selectionModel instanceof MultipleSelectionModel) {\n      this.cellHeaderRenderer(SelectHeaderCellRendererComponent, (component) => {\n        component.selectionModel = selectionModel;\n        component.enableHeaderControls = this._enableHeaderControls;\n      });\n    }\n    this.configureCellRenderer(new ComponentCellRendererPortalRef(SelectCellRendererComponent, (component, rowData: RowData<Row>) => {\n      component.row = rowData.row;\n      component.selectionModel = selectionModel;\n    }));\n  }\n\n  protected getDefaultHeaderText(): string {\n    return '';\n  }\n\n  isRowSelectionEnabledByDefault(): boolean | undefined {\n    return this.isRowSelectionExplicitlyEnabled();\n  }\n\n  selectOnRowClick(selectOnRowClick: boolean): this {\n    // note we're using different method name as the selection column treats this\n    // state as the default for all columns.\n    return super.selectRowOnClick(selectOnRowClick);\n  }\n\n  enableHeaderControls(enable: boolean): this {\n    this._enableHeaderControls = enable;\n    return this;\n  }\n\n  selectRow(row: Row) {\n    this.selectionModel.selectCommand.execute(row);\n  }\n}\n\n\n"]}

package/esm5/lib/components/table/edit-row-controls/edit-row-controls.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"edit-row-controls.component.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/table/edit-row-controls/edit-row-controls.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAoC,MAAM,eAAe,CAAC;AACnF,OAAO,EAAE,OAAO,EAAe,aAAa,EAAE,MAAM,gBAAgB,CAAC;AACrE,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAQ9C;IAA0C,mCAAmB;IAe3D;QAAA,YACE,iBAAO,SAYR;QAXC,KAAI,CAAC,WAAW,GAAG,OAAO,CAAC,MAAM,CAAC;YAChC,KAAI,CAAC,WAAW,CAAC,WAAW,CAAC,OAAO,CAAC,KAAI,CAAC,WAAW,CAAC,IAAI,CAAC;iBACxD,IAAI,CAAC,UAAC,QAAQ;gBACb,IAAI,QAAQ,EAAE;oBACZ,KAAI,CAAC,WAAW,CAAC,OAAO,EAAE,CAAC;iBAC5B;YACH,CAAC,CAAC,CAAC;QACP,CAAC,CAAC,CAAC;QACH,KAAI,CAAC,aAAa,GAAG,OAAO,CAAC,MAAM,CAAC;YAClC,KAAI,CAAC,WAAW,CAAC,OAAO,EAAE,CAAC;QAC7B,CAAC,CAAC,CAAC;;IACL,CAAC;IAED,kCAAQ,GAAR;IACA,CAAC;IAED,sBAAI,iCAAI;aAAR;;YACE,aAAO,IAAI,CAAC,WAAW,0CAAE,IAAI,CAAC;QAChC,CAAC;;;OAAA;IAhCD;QADC,KAAK,EAAE;;gDACA;IAIR;QAFC,KAAK,EAAE;QACP,aAAa,EAAE;kCACA,OAAO;2DAAM;IAG7B;QADC,KAAK,EAAE;kCACK,WAAW;wDAAM;IAVnB,eAAe;QAL3B,SAAS,CAAC;YACT,QAAQ,EAAE,yBAAyB;YACnC,yaAAiD;;SAElD,CAAC;;OACW,eAAe,CAqC3B;IAAD,sBAAC;CAAA,AArCD,CAA0C,mBAAmB,GAqC5D;SArCY,eAAe","sourcesContent":["import { Component, Input, OnChanges, OnInit, SimpleChanges } from '@angular/core';\nimport { Command, Form, Trace, TrackExternal } from '@coolon/pectin';\nimport { DisposableComponent } from '../../disposable-component';\nimport { EditSession } from '../edit-session';\nimport { TableModel } from '../table-model';\n\n@Component({\n  selector: 'aup-row-editor-controls',\n  templateUrl: './edit-row-controls.component.html',\n  styleUrls: ['./edit-row-controls.component.scss']\n})\nexport class EditRowControls<Row> extends DisposableComponent implements OnInit {\n\n  @Input()\n  row: Row\n\n  @Input()\n  @TrackExternal()\n  editRowCommand: Command<void>\n\n  @Input()\n  editSession: EditSession<Row>;\n\n  readonly saveCommand: Command<void>;\n  readonly cancelCommand: Command<void>;\n\n  constructor() {\n    super();\n    this.saveCommand = Command.create(() => {\n      this.editSession.saveCommand.execute(this.editSession.form)\n        .then((finished) => {\n          if (finished) {\n            this.editSession.dispose();\n          }\n        });\n    });\n    this.cancelCommand = Command.create(() => {\n      this.editSession.dispose();\n    });\n  }\n\n  ngOnInit(): void {\n  }\n\n  get form(): Form<Row> {\n    return this.editSession?.form;\n  }\n\n}\n"]}
+{"version":3,"file":"edit-row-controls.component.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/table/edit-row-controls/edit-row-controls.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAoC,MAAM,eAAe,CAAC;AACnF,OAAO,EAAE,OAAO,EAAkC,aAAa,EAAE,MAAM,gBAAgB,CAAC;AACxF,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAQ9C;IAA0C,mCAAmB;IAe3D;QAAA,YACE,iBAAO,SAYR;QAXC,KAAI,CAAC,WAAW,GAAG,OAAO,CAAC,MAAM,CAAC;YAChC,KAAI,CAAC,WAAW,CAAC,WAAW,CAAC,OAAO,CAAC,KAAI,CAAC,WAAW,CAAC,IAAI,CAAC;iBACxD,IAAI,CAAC,UAAC,QAAQ;gBACb,IAAI,QAAQ,EAAE;oBACZ,KAAI,CAAC,WAAW,CAAC,OAAO,EAAE,CAAC;iBAC5B;YACH,CAAC,CAAC,CAAC;QACP,CAAC,CAAC,CAAC;QACH,KAAI,CAAC,aAAa,GAAG,OAAO,CAAC,MAAM,CAAC;YAClC,KAAI,CAAC,WAAW,CAAC,OAAO,EAAE,CAAC;QAC7B,CAAC,CAAC,CAAC;;IACL,CAAC;IAED,kCAAQ,GAAR;IACA,CAAC;IAED,sBAAI,iCAAI;aAAR;;YACE,aAAO,IAAI,CAAC,WAAW,0CAAE,IAAI,CAAC;QAChC,CAAC;;;OAAA;IAhCD;QADC,KAAK,EAAE;;gDACA;IAIR;QAFC,KAAK,EAAE;QACP,aAAa,EAAE;kCACA,OAAO;2DAAM;IAG7B;QADC,KAAK,EAAE;kCACK,WAAW;wDAAM;IAVnB,eAAe;QAL3B,SAAS,CAAC;YACT,QAAQ,EAAE,yBAAyB;YACnC,yaAAiD;;SAElD,CAAC;;OACW,eAAe,CAqC3B;IAAD,sBAAC;CAAA,AArCD,CAA0C,mBAAmB,GAqC5D;SArCY,eAAe","sourcesContent":["import { Component, Input, OnChanges, OnInit, SimpleChanges } from '@angular/core';\nimport { Command, DirtyTrackingForm, Form, Trace, TrackExternal } from '@coolon/pectin';\nimport { DisposableComponent } from '../../disposable-component';\nimport { EditSession } from '../edit-session';\nimport { TableModel } from '../table-model';\n\n@Component({\n  selector: 'aup-row-editor-controls',\n  templateUrl: './edit-row-controls.component.html',\n  styleUrls: ['./edit-row-controls.component.scss']\n})\nexport class EditRowControls<Row> extends DisposableComponent implements OnInit {\n\n  @Input()\n  row: Row\n\n  @Input()\n  @TrackExternal()\n  editRowCommand: Command<void>\n\n  @Input()\n  editSession: EditSession<Row>;\n\n  readonly saveCommand: Command<void>;\n  readonly cancelCommand: Command<void>;\n\n  constructor() {\n    super();\n    this.saveCommand = Command.create(() => {\n      this.editSession.saveCommand.execute(this.editSession.form)\n        .then((finished) => {\n          if (finished) {\n            this.editSession.dispose();\n          }\n        });\n    });\n    this.cancelCommand = Command.create(() => {\n      this.editSession.dispose();\n    });\n  }\n\n  ngOnInit(): void {\n  }\n\n  get form(): DirtyTrackingForm<Row> {\n    return this.editSession?.form;\n  }\n\n}\n"]}

package/esm5/lib/components/table/edit-session.js.map

@@ -1 +1 @@
-{"version":3,"file":"edit-session.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/table/edit-session.ts"],"names":[],"mappings":";AAAA,OAAO,EAAQ,gBAAgB,EAAE,iBAAiB,EAAgB,MAAM,gBAAgB,CAAC;AAEzF,OAAO,OAAsB,MAAM,OAAO,CAAC;AAE3C;IAAsC,+BAAgB;IAIpD,qBAAqB,KAAU,EAAE,GAAQ,EAAW,IAAe,EAAW,WAA6C;QAA3H,YACE,iBAAO,SAWR;QAZoB,WAAK,GAAL,KAAK,CAAK;QAAqB,UAAI,GAAJ,IAAI,CAAW;QAAW,iBAAW,GAAX,WAAW,CAAkC;QAHnH,mBAAa,GAAG,IAAI,iBAAiB,EAAO,CAAC;QAC5C,kBAAY,GAAG,KAAI,CAAC,aAAa,CAAC,QAAQ,CAAC;QAIlD,KAAI,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QACpB,KAAI,CAAC,aAAa,CAAC,KAAK,GAAG,GAAG,CAAC;QAC/B,KAAI,CAAC,IAAI,CAAC,MAAM,CAAC;YACf,8CAA8C;YAC9C,mBAAmB;YACnB,IAAI;YACJ,KAAI,CAAC,aAAa,CAAC,KAAK,GAAG,OAAO,CAAC,KAAI,CAAC,aAAa,CAAC,KAAK,EAAE,UAAA,KAAK;gBAChE,KAAI,CAAC,IAAI,CAAC,iBAAiB,CAAC,KAAyB,CAAC,CAAC;YACzD,CAAC,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;;IACL,CAAC;IACH,kBAAC;AAAD,CAAC,AAjBD,CAAsC,gBAAgB,GAiBrD","sourcesContent":["import { Form, GarbageCollector, MutableValueModel, UnaryCommand } from '@coolon/pectin';\nimport { PickMutable } from '@coolon/typescript-utilities';\nimport produce, { immerable } from 'immer';\n\nexport class EditSession<Row> extends GarbageCollector {\n  private _liveRowValue = new MutableValueModel<Row>();\n  readonly liveRowValue = this._liveRowValue.readonly;\n\n  constructor(readonly rowId: any, row: Row, readonly form: Form<Row>, readonly saveCommand: UnaryCommand<Form<Row>, boolean>) {\n    super();\n    this.form.load(row);\n    this._liveRowValue.value = row;\n    this.form.onEdit(() => {\n      // if (!this._liveRowValue.value[immerable]) {\n      //   console.warn()\n      // }\n      this._liveRowValue.value = produce(this._liveRowValue.value, draft => {\n        this.form.writeDirtyStateTo(draft as PickMutable<Row>);\n      });\n    });\n  }\n}\n"]}
+{"version":3,"file":"edit-session.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/table/edit-session.ts"],"names":[],"mappings":";AAAA,OAAO,EAA2B,gBAAgB,EAAE,iBAAiB,EAAgB,MAAM,gBAAgB,CAAC;AAE5G,OAAO,OAAsB,MAAM,OAAO,CAAC;AAE3C;IAAsC,+BAAgB;IAIpD,qBAAqB,KAAU,EAAE,GAAQ,EAAW,IAA4B,EAAW,WAA0D;QAArJ,YACE,iBAAO,SAWR;QAZoB,WAAK,GAAL,KAAK,CAAK;QAAqB,UAAI,GAAJ,IAAI,CAAwB;QAAW,iBAAW,GAAX,WAAW,CAA+C;QAH7I,mBAAa,GAAG,IAAI,iBAAiB,EAAO,CAAC;QAC5C,kBAAY,GAAG,KAAI,CAAC,aAAa,CAAC,QAAQ,CAAC;QAIlD,KAAI,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QACpB,KAAI,CAAC,aAAa,CAAC,KAAK,GAAG,GAAG,CAAC;QAC/B,KAAI,CAAC,IAAI,CAAC,MAAM,CAAC;YACf,8CAA8C;YAC9C,mBAAmB;YACnB,IAAI;YACJ,KAAI,CAAC,aAAa,CAAC,KAAK,GAAG,OAAO,CAAC,KAAI,CAAC,aAAa,CAAC,KAAK,EAAE,UAAA,KAAK;gBAChE,KAAI,CAAC,IAAI,CAAC,iBAAiB,CAAC,KAAyB,CAAC,CAAC;YACzD,CAAC,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;;IACL,CAAC;IACH,kBAAC;AAAD,CAAC,AAjBD,CAAsC,gBAAgB,GAiBrD","sourcesContent":["import { DirtyTrackingForm, Form, GarbageCollector, MutableValueModel, UnaryCommand } from '@coolon/pectin';\nimport { PickMutable } from '@coolon/typescript-utilities';\nimport produce, { immerable } from 'immer';\n\nexport class EditSession<Row> extends GarbageCollector {\n  private _liveRowValue = new MutableValueModel<Row>();\n  readonly liveRowValue = this._liveRowValue.readonly;\n\n  constructor(readonly rowId: any, row: Row, readonly form: DirtyTrackingForm<Row>, readonly saveCommand: UnaryCommand<DirtyTrackingForm<Row>, boolean>) {\n    super();\n    this.form.load(row);\n    this._liveRowValue.value = row;\n    this.form.onEdit(() => {\n      // if (!this._liveRowValue.value[immerable]) {\n      //   console.warn()\n      // }\n      this._liveRowValue.value = produce(this._liveRowValue.value, draft => {\n        this.form.writeDirtyStateTo(draft as PickMutable<Row>);\n      });\n    });\n  }\n}\n"]}

package/esm5/lib/components/table/table-model.js

@@ -1,9 +1,16 @@
 import { __decorate, __metadata } from "tslib";
-import { assert, BooleanValueModelChain, CanIdentify, Dsl, Form, GarbageCollector, lang, ListModel, ListModelChain, MapModelChain, MutableListModel, SelectionModel, TrackExternal, Types, UnaryCommand, ValueModelChain } from '@coolon/pectin';
+import { assert, BooleanValueModelChain, CanIdentify, DirtyTrackingForm, Dsl, GarbageCollector, lang, ListModel, ListModelChain, MapModelChain, MutableListModel, SelectionModel, TrackExternal, Types, UnaryCommand, ValueModelChain } from '@coolon/pectin';
 import { CustomTemplateColumnModel, CustomValueColumnModel, EditorControlColumnModel, ListPropertyColumnModel, PropertyColumnModel, SelectionColumnModel } from './column-model';
 import { EditSession } from './edit-session';
 // export type StringPropertiesOf<T> = { [K in keyof T]: T[K] extends string ? K : never }[keyof T];
 // export type NumberPropertiesOf<T> = { [K in keyof T]: T[K] extends number ? K : never }[keyof T];
+var RowClass = /** @class */ (function () {
+    function RowClass(className, matches) {
+        this.className = className;
+        this.matches = matches;
+    }
+    return RowClass;
+}());
 /**
  * Example:
  * @example
@@ -24,7 +31,7 @@ import { EditSession } from './edit-session';
  * }
  * const colorsNames: ListModel<string> = ...;
  * const model = TableModel.fromList(heroList, table => {
- *   table.pluck("firstName").cellEditor(StringInputComponent); <-- interface CellEditor { valueModel: FormValueModel<string> | ValueModel<string>; }
+ *   table.pluck("firstName").cellEditor(StringInputComponent); <-- interface CellEditor { valueModel:  DirtyTrackingForm.ValueModel<string> | ValueModel<string>; }
  *   table.pluck("lastName").cellEditor(StringInputComponent, {
  *     validators: [Validator.present("We need a last name")]
  *   });
@@ -53,7 +60,7 @@ import { EditSession } from './edit-session';
  *        // configure your component with what ever you need.
  *      });
  *      .cellRenderer(CellRendererComponent) // <-- interface CellEditor { value: string; }
- *      .cellEditor(CellEditorComponent.); // <-- interface CellEditor { valueModel: FormValueModel<string> | ValueModel<string>; }
+ *      .cellEditor(CellEditorComponent.); // <-- interface CellEditor { valueModel:  DirtyTrackingForm.ValueModel<string> | ValueModel<string>; }
  *   table.addCustomColumn("fullName", hero => `${hero.firstName} ${hero.lastName}`);
  * });
  *
@@ -76,11 +83,13 @@ import { EditSession } from './edit-session';
  */
 var TableModel = /** @class */ (function () {
     function TableModel(sourceOfTruth) {
+        var _this = this;
         this.sourceOfTruth = sourceOfTruth;
         this._garbage = new GarbageCollector();
         this._columns = new MutableListModel();
         this._editorSessions = new MutableListModel();
-        this._createForm = function (row) { return new Form(); };
+        this.rowClassNamePredicates = [];
+        this._createForm = function (row) { return new DirtyTrackingForm(); };
         this.identityOf = sourceOfTruth.identityOf;
         var _a = Dsl.disposeWith(this._garbage), chain = _a.chain, valueOf = _a.valueOf, before = _a.before, when = _a.when, after = _a.after, observe = _a.observe, switchOn = _a.switchOn;
         this._columnsById = chain(this._columns).indexBy('columnId');
@@ -92,6 +101,7 @@ var TableModel = /** @class */ (function () {
         this.dataSource = chain(this.sourceOfTruth).replaceAll(this.rowsBeingEdited);
         this.firstEditableColumn = chain(this.columns).select(function (c) { return c.hasEditorPortal(); }).first();
         this.hasColumnsWithRowSelectionExplicitlyEnabled = chain(this._columns).findIndex(function (column) { return column.isRowSelectionExplicitlyEnabled(); }).isGreaterThanOrEqualTo(0);
+        this.addRowClass("enable-hover", function () { return _this.isRowSelectionEnabled(); });
     }
     TableModel_1 = TableModel;
     TableModel.fromList = function (sourceOfTruth, builder) {
@@ -140,6 +150,18 @@ var TableModel = /** @class */ (function () {
     TableModel.prototype.addTemplateColumn = function (columnId) {
         return this.addColumn(new CustomTemplateColumnModel(columnId, this));
     };
+    TableModel.prototype.addRowClass = function (className, predicate) {
+        this.rowClassNamePredicates.push(new RowClass(className, predicate));
+    };
+    TableModel.prototype.getRowClasses = function (row) {
+        var classNames = [];
+        this.rowClassNamePredicates.forEach(function (i) {
+            if (i.matches(row)) {
+                classNames.push(i.className);
+            }
+        });
+        return classNames;
+    };
     TableModel.prototype.useFormFactory = function (factory) {
         this._createForm = factory;
         return this;

package/esm5/lib/components/table/table-model.js.map

@@ -1 +1 @@
-{"version":3,"file":"table-model.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/table/table-model.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  assert,\n  BooleanValueModelChain,\n  CanIdentify,\n  Dsl,\n  Form,\n  GarbageCollector,\n  lang,\n  ListModel,\n  ListModelChain,\n  MapModelChain,\n  MutableListModel,\n  SelectionModel,\n  TrackExternal,\n  Types,\n  UnaryCommand,\n  ValueModelChain\n} from '@coolon/pectin';\nimport {\n  ColumnModel,\n  CustomTemplateColumnModel,\n  CustomValueColumnModel,\n  EditorControlColumnModel,\n  ListPropertyColumnModel,\n  PropertyColumnModel,\n  SelectionColumnModel\n} from './column-model';\nimport { ColumnTextProperties } from './column-text-properties';\nimport { EditSession } from './edit-session';\n\n// export type StringPropertiesOf<T> = { [K in keyof T]: T[K] extends string ? K : never }[keyof T];\n// export type NumberPropertiesOf<T> = { [K in keyof T]: T[K] extends number ? K : never }[keyof T];\n\n\n/**\n * Example:\n * @example\n * const model = TableModel.fromList(heroList, table => {\n *   table.pluck(\"firstName\");\n *   table.pluck(\"lastName\");\n *   table.addCustomColumn(\"fullName\", hero => `${hero.firstName} ${hero.lastName}`);\n * });\n *\n * Editable tables\n * @example\n * const saveCommand = UnaryCommand.create((form: Form<Hero>) => {\n *   if (form.validate()) {\n *     // normal form save stuff\n *     return true; // finish editing\n *   }\n *   return false; // continue editiing\n * }\n * const colorsNames: ListModel<string> = ...;\n * const model = TableModel.fromList(heroList, table => {\n *   table.pluck(\"firstName\").cellEditor(StringInputComponent); <-- interface CellEditor { valueModel: FormValueModel<string> | ValueModel<string>; }\n *   table.pluck(\"lastName\").cellEditor(StringInputComponent, {\n *     validators: [Validator.present(\"We need a last name\")]\n *   });\n *   table.pluck(\"age\").cellEditor(NumberInputComponent);\n *   table.pluck(\"favoriteColor\").cellEditor(SelectInputComponent, {\n *     initialiseComponent(component: SelectInputComponent) {\n *       selectInput.optionsModel = colorsNames; // <- initialise our component\n *     }\n *   });\n *   table.addEditControls(saveCommand); // <- required to enable editing\n * });\n *\n * Selection models\n * @example\n * const model = TableModel.fromList(heroList, table => {\n *   table.addSelectionColumn(selectionModel); // <- can be single or multiple selection model\n *   table.pluck(\"firstName\");\n *   table.pluck(\"lastName\");\n * });\n *\n * Custom cell renderers and editors\n * @example\n * const model = TableModel.fromList(heroList, table => {\n *   table.pluck(\"favoriteColor\")\n *      .cellHeaderRenderer(CellHeaderRendererComponent, (component, column) => {\n *        // configure your component with what ever you need.\n *      });\n *      .cellRenderer(CellRendererComponent) // <-- interface CellEditor { value: string; }\n *      .cellEditor(CellEditorComponent.); // <-- interface CellEditor { valueModel: FormValueModel<string> | ValueModel<string>; }\n *   table.addCustomColumn(\"fullName\", hero => `${hero.firstName} ${hero.lastName}`);\n * });\n *\n * I18n\n * @example\n * [table.yml]\n * table:\n *   columns(ColumnTextProperties[]):\n *      firstName:\n *         headerText: \"First Name\"\n *      fullName:\n *         headerText: \"Full Name\"\n *\n * const model = TableModel.fromList(heroList, table => {\n *   table.pluck(\"favoriteColor\").cellRenderer(...).cellEditor(...);\n *   table.addCustomColumn(\"fullName\", hero => `${hero.firstName} ${hero.lastName}`);\n *\n *   table.columnTextProperties(I18n.table.columns); // <- configures all columns\n * });\n */\n@TrackExternal.Strategy(new TrackExternal.OneTimeBinding())\nexport class TableModel<Row> {\n\n  private readonly _garbage = new GarbageCollector();\n\n  private readonly _columns = new MutableListModel<ColumnModel<Row>>();\n  private _columnsById: MapModelChain<string, ColumnModel<Row>>;\n  private _editorSessions = new MutableListModel<EditSession<Row>>();\n  private readonly _rowsBeingEdited: MutableListModel<Row>;\n\n  private _columnTextPropertiesLookup: { [columnName: string]: () => ColumnTextProperties };\n\n  readonly identityOf: CanIdentify<Row>['identityOf'];\n  private saveCommand: UnaryCommand<Form<Row>, boolean>;\n  private _editorSessionByRowId: MapModelChain<any, EditSession<Row>>;\n\n  readonly editing: BooleanValueModelChain;\n  readonly dataSource: ListModelChain<Row>;\n  readonly firstEditableColumn: ValueModelChain<ColumnModel<Row>>;\n  private selectionColumnModel: SelectionColumnModel<Row>;\n  private hasColumnsWithRowSelectionExplicitlyEnabled: BooleanValueModelChain;\n\n  static fromList<Row>(sourceOfTruth: ListModel<Row>, builder?: (tableModel: TableModel<Row>) => void): TableModel<Row> {\n    const model = new TableModel<Row>(sourceOfTruth);\n    builder(model);\n    return model;\n  }\n\n  private _createForm: (row: Row) => Form<Row> = (row) => new Form<Row>();\n\n  protected constructor(private sourceOfTruth: ListModel<Row>) {\n    this.identityOf = sourceOfTruth.identityOf;\n    const { chain, valueOf, before, when, after, observe, switchOn } = Dsl.disposeWith(this._garbage);\n    this._columnsById = chain(this._columns).indexBy('columnId');\n    this._rowsBeingEdited = new MutableListModel<Row>([], {\n      identifiedWith: this.identityOf\n    });\n    this._editorSessionByRowId = chain(this._editorSessions).indexBy('rowId');\n    this.editing = chain(this._editorSessions).count().isGreaterThan(0);\n    this.dataSource = chain(this.sourceOfTruth).replaceAll(this.rowsBeingEdited);\n    this.firstEditableColumn = chain(this.columns).select(c => c.hasEditorPortal()).first();\n    this.hasColumnsWithRowSelectionExplicitlyEnabled = chain(this._columns).findIndex(column => column.isRowSelectionExplicitlyEnabled()).isGreaterThanOrEqualTo(0);\n  }\n\n  get rowsBeingEdited(): ListModel<Row> {\n    return this._rowsBeingEdited.readonly;\n  }\n\n  getTrackByFunction() {\n    return (index: number, item: Row) => {\n      return this.identityOf ? this.identityOf(item) : index;\n    };\n  }\n\n  get columns(): ListModel<ColumnModel<Row>> {\n    return this._columns.readonly;\n  }\n\n  pluck<P extends Types.ValuePropertiesOf<Row>>(property: P): PropertyColumnModel<Row, P> {\n    return this.addColumn(new PropertyColumnModel<Row, P>(property, this));\n  }\n\n  pluckList<P extends Types.ArrayPropertiesOf<Row>>(property: P): ListPropertyColumnModel<Row, P> {\n    return this.addColumn(new ListPropertyColumnModel<Row, P>(property, this));\n  }\n\n  addSelectionColumn(selectionModel: SelectionModel<Row>): SelectionColumnModel<Row> {\n    assert.isNil(this.selectionColumnModel);\n    this.selectionColumnModel = new SelectionColumnModel<Row>('selection', this, selectionModel);\n    return this.addColumn(this.selectionColumnModel);\n  }\n\n  addEditControls(saveCommand: UnaryCommand<Form<Row>, boolean>): EditorControlColumnModel<Row> {\n    this.saveCommand = saveCommand;\n    return this.addColumn(new EditorControlColumnModel<Row>('editControls', saveCommand, this));\n  }\n\n  addCustomColumn<V>(columnId: string, dataAccessor: (row: Row) => V): CustomValueColumnModel<Row, V> {\n    return this.addColumn(new CustomValueColumnModel<Row, V>(columnId, this, dataAccessor));\n  }\n\n  addTemplateColumn<V>(columnId: string): CustomTemplateColumnModel<Row> {\n    return this.addColumn(new CustomTemplateColumnModel<Row>(columnId, this));\n  }\n\n  useFormFactory(factory: (row: Row) => Form<Row>): this {\n    this._createForm = factory;\n    return this;\n  }\n\n  protected addColumn<C extends ColumnModel<Row>>(column: C): C {\n    if (this._columnsById.get(column.columnId)) {\n      lang.illegalState(`Column with id=${column.columnId} already exists`);\n    } else {\n      this._columns.push(column);\n    }\n    return column;\n  }\n\n  columnTextProperties(columnTextProperties: { [columnName: string]: () => ColumnTextProperties }) {\n    this._columnTextPropertiesLookup = columnTextProperties;\n  }\n\n  getColumnTextProperties(column: ColumnModel<Row>): ColumnTextProperties {\n    const factory = this._columnTextPropertiesLookup ? this._columnTextPropertiesLookup[column.columnId] : undefined;\n    return factory ? factory() : undefined;\n  }\n\n  startEditSession(row: Row): EditSession<Row> {\n    const rowId = this.identityOf(row);\n    if (this._rowsBeingEdited.query().indexOf(row) > -1) {\n      return lang.illegalState(`Row with id=${rowId} already being edited`);\n    } else {\n      const editSession = new EditSession<Row>(rowId, row, this._createForm(row), this.saveCommand);\n      const { when } = Dsl.disposeWith(editSession);\n      when.valueOf(editSession.liveRowValue).changes((editedValue) => {\n        this._rowsBeingEdited.replaceOrPush(editedValue);\n      }, { initialValue: 'triggerChangeUnlessNil' });\n\n      this._editorSessions.push(editSession);\n      editSession.onDispose(() => {\n        this._rowsBeingEdited.remove(editSession.liveRowValue.value);\n        this._editorSessions.remove(editSession);\n      });\n      return editSession;\n    }\n  }\n\n  getEditSessionFor(row: Row): EditSession<Row> {\n    return this._editorSessionByRowId.get(this.identityOf(row));\n  }\n\n  cancelAllEditorSessions() {\n    this._editorSessions.runInTransaction((draft) => {\n      this._rowsBeingEdited.runInTransaction(() => {\n        draft.value.forEach(session => session.dispose());\n      });\n    });\n  }\n\n  isRowSelectionEnabledFor(column: ColumnModel<Row>): boolean | undefined {\n    return this.selectionColumnModel && (column.isRowSelectionEnabled() ?? this.isRowSelectionEnabledByDefault())\n  }\n\n  isRowSelectionEnabledByDefault(): boolean {\n    return this.selectionColumnModel && this.selectionColumnModel.isRowSelectionEnabledByDefault();\n  }\n\n  isRowSelectionEnabled() {\n    return this.hasColumnsWithRowSelectionExplicitlyEnabled.value || this.isRowSelectionEnabledByDefault();\n  }\n\n  selectRow(row: Row) {\n    this.selectionColumnModel?.selectRow(row);\n  }\n}\n\n"]}
+{"version":3,"file":"table-model.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/table/table-model.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  assert,\n  BooleanValueModelChain,\n  CanIdentify, DirtyTrackingForm,\n  Dsl,\n  GarbageCollector,\n  lang,\n  ListModel,\n  ListModelChain,\n  MapModelChain,\n  MutableListModel,\n  SelectionModel,\n  TrackExternal,\n  Types,\n  UnaryCommand,\n  ValueModelChain\n} from '@coolon/pectin';\nimport {\n  ColumnModel,\n  CustomTemplateColumnModel,\n  CustomValueColumnModel,\n  EditorControlColumnModel,\n  ListPropertyColumnModel,\n  PropertyColumnModel,\n  SelectionColumnModel\n} from './column-model';\nimport { ColumnTextProperties } from './column-text-properties';\nimport { EditSession } from './edit-session';\n\n// export type StringPropertiesOf<T> = { [K in keyof T]: T[K] extends string ? K : never }[keyof T];\n// export type NumberPropertiesOf<T> = { [K in keyof T]: T[K] extends number ? K : never }[keyof T];\n\nclass RowClass<Row> {\n  constructor(readonly className: string,\n              readonly matches: (row: Row) => boolean) {\n  }\n}\n\n/**\n * Example:\n * @example\n * const model = TableModel.fromList(heroList, table => {\n *   table.pluck(\"firstName\");\n *   table.pluck(\"lastName\");\n *   table.addCustomColumn(\"fullName\", hero => `${hero.firstName} ${hero.lastName}`);\n * });\n *\n * Editable tables\n * @example\n * const saveCommand = UnaryCommand.create((form: Form<Hero>) => {\n *   if (form.validate()) {\n *     // normal form save stuff\n *     return true; // finish editing\n *   }\n *   return false; // continue editiing\n * }\n * const colorsNames: ListModel<string> = ...;\n * const model = TableModel.fromList(heroList, table => {\n *   table.pluck(\"firstName\").cellEditor(StringInputComponent); <-- interface CellEditor { valueModel:  DirtyTrackingForm.ValueModel<string> | ValueModel<string>; }\n *   table.pluck(\"lastName\").cellEditor(StringInputComponent, {\n *     validators: [Validator.present(\"We need a last name\")]\n *   });\n *   table.pluck(\"age\").cellEditor(NumberInputComponent);\n *   table.pluck(\"favoriteColor\").cellEditor(SelectInputComponent, {\n *     initialiseComponent(component: SelectInputComponent) {\n *       selectInput.optionsModel = colorsNames; // <- initialise our component\n *     }\n *   });\n *   table.addEditControls(saveCommand); // <- required to enable editing\n * });\n *\n * Selection models\n * @example\n * const model = TableModel.fromList(heroList, table => {\n *   table.addSelectionColumn(selectionModel); // <- can be single or multiple selection model\n *   table.pluck(\"firstName\");\n *   table.pluck(\"lastName\");\n * });\n *\n * Custom cell renderers and editors\n * @example\n * const model = TableModel.fromList(heroList, table => {\n *   table.pluck(\"favoriteColor\")\n *      .cellHeaderRenderer(CellHeaderRendererComponent, (component, column) => {\n *        // configure your component with what ever you need.\n *      });\n *      .cellRenderer(CellRendererComponent) // <-- interface CellEditor { value: string; }\n *      .cellEditor(CellEditorComponent.); // <-- interface CellEditor { valueModel:  DirtyTrackingForm.ValueModel<string> | ValueModel<string>; }\n *   table.addCustomColumn(\"fullName\", hero => `${hero.firstName} ${hero.lastName}`);\n * });\n *\n * I18n\n * @example\n * [table.yml]\n * table:\n *   columns(ColumnTextProperties[]):\n *      firstName:\n *         headerText: \"First Name\"\n *      fullName:\n *         headerText: \"Full Name\"\n *\n * const model = TableModel.fromList(heroList, table => {\n *   table.pluck(\"favoriteColor\").cellRenderer(...).cellEditor(...);\n *   table.addCustomColumn(\"fullName\", hero => `${hero.firstName} ${hero.lastName}`);\n *\n *   table.columnTextProperties(I18n.table.columns); // <- configures all columns\n * });\n */\n@TrackExternal.Strategy(new TrackExternal.OneTimeBinding())\nexport class TableModel<Row> {\n\n  private readonly _garbage = new GarbageCollector();\n\n  private readonly _columns = new MutableListModel<ColumnModel<Row>>();\n  private _columnsById: MapModelChain<string, ColumnModel<Row>>;\n  private _editorSessions = new MutableListModel<EditSession<Row>>();\n  private readonly _rowsBeingEdited: MutableListModel<Row>;\n  private readonly rowClassNamePredicates : RowClass<Row>[] = [];\n\n  private _columnTextPropertiesLookup: { [columnName: string]: () => ColumnTextProperties };\n\n  readonly identityOf: CanIdentify<Row>['identityOf'];\n  private saveCommand: UnaryCommand<DirtyTrackingForm<Row>, boolean>;\n  private _editorSessionByRowId: MapModelChain<any, EditSession<Row>>;\n\n  readonly editing: BooleanValueModelChain;\n  readonly dataSource: ListModelChain<Row>;\n  readonly firstEditableColumn: ValueModelChain<ColumnModel<Row>>;\n  private selectionColumnModel: SelectionColumnModel<Row>;\n  private hasColumnsWithRowSelectionExplicitlyEnabled: BooleanValueModelChain;\n\n  static fromList<Row>(sourceOfTruth: ListModel<Row>, builder?: (tableModel: TableModel<Row>) => void): TableModel<Row> {\n    const model = new TableModel<Row>(sourceOfTruth);\n    builder(model);\n    return model;\n  }\n\n  private _createForm: (row: Row) => DirtyTrackingForm<Row> = (row) => new DirtyTrackingForm<Row>();\n\n  protected constructor(private sourceOfTruth: ListModel<Row>) {\n    this.identityOf = sourceOfTruth.identityOf;\n    const { chain, valueOf, before, when, after, observe, switchOn } = Dsl.disposeWith(this._garbage);\n    this._columnsById = chain(this._columns).indexBy('columnId');\n    this._rowsBeingEdited = new MutableListModel<Row>([], {\n      identifiedWith: this.identityOf\n    });\n    this._editorSessionByRowId = chain(this._editorSessions).indexBy('rowId');\n    this.editing = chain(this._editorSessions).count().isGreaterThan(0);\n    this.dataSource = chain(this.sourceOfTruth).replaceAll(this.rowsBeingEdited);\n    this.firstEditableColumn = chain(this.columns).select(c => c.hasEditorPortal()).first();\n    this.hasColumnsWithRowSelectionExplicitlyEnabled = chain(this._columns).findIndex(column => column.isRowSelectionExplicitlyEnabled()).isGreaterThanOrEqualTo(0);\n    this.addRowClass(\"enable-hover\", () => this.isRowSelectionEnabled());\n  }\n\n  get rowsBeingEdited(): ListModel<Row> {\n    return this._rowsBeingEdited.readonly;\n  }\n\n  getTrackByFunction() {\n    return (index: number, item: Row) => {\n      return this.identityOf ? this.identityOf(item) : index;\n    };\n  }\n\n  get columns(): ListModel<ColumnModel<Row>> {\n    return this._columns.readonly;\n  }\n\n  pluck<P extends Types.ValuePropertiesOf<Row>>(property: P): PropertyColumnModel<Row, P> {\n    return this.addColumn(new PropertyColumnModel<Row, P>(property, this));\n  }\n\n  pluckList<P extends Types.ArrayPropertiesOf<Row>>(property: P): ListPropertyColumnModel<Row, P> {\n    return this.addColumn(new ListPropertyColumnModel<Row, P>(property, this));\n  }\n\n  addSelectionColumn(selectionModel: SelectionModel<Row>): SelectionColumnModel<Row> {\n    assert.isNil(this.selectionColumnModel);\n    this.selectionColumnModel = new SelectionColumnModel<Row>('selection', this, selectionModel);\n    return this.addColumn(this.selectionColumnModel);\n  }\n\n  addEditControls(saveCommand: UnaryCommand<DirtyTrackingForm<Row>, boolean>): EditorControlColumnModel<Row> {\n    this.saveCommand = saveCommand;\n    return this.addColumn(new EditorControlColumnModel<Row>('editControls', saveCommand, this));\n  }\n\n  addCustomColumn<V>(columnId: string, dataAccessor: (row: Row) => V): CustomValueColumnModel<Row, V> {\n    return this.addColumn(new CustomValueColumnModel<Row, V>(columnId, this, dataAccessor));\n  }\n\n  addTemplateColumn<V>(columnId: string): CustomTemplateColumnModel<Row> {\n    return this.addColumn(new CustomTemplateColumnModel<Row>(columnId, this));\n  }\n\n  addRowClass(className: string, predicate: (row: Row) => boolean) {\n    this.rowClassNamePredicates.push(new RowClass<Row>(className, predicate));\n  }\n\n  getRowClasses(row: Row):string[] {\n    const classNames:string[] = [];\n    this.rowClassNamePredicates.forEach(i => {\n      if (i.matches(row)) {\n        classNames.push(i.className)\n      }\n    });\n    return classNames;\n  }\n\n  useFormFactory(factory: (row: Row) => DirtyTrackingForm<Row>): this {\n    this._createForm = factory;\n    return this;\n  }\n\n  protected addColumn<C extends ColumnModel<Row>>(column: C): C {\n    if (this._columnsById.get(column.columnId)) {\n      lang.illegalState(`Column with id=${column.columnId} already exists`);\n    } else {\n      this._columns.push(column);\n    }\n    return column;\n  }\n\n  columnTextProperties(columnTextProperties: { [columnName: string]: () => ColumnTextProperties }) {\n    this._columnTextPropertiesLookup = columnTextProperties;\n  }\n\n  getColumnTextProperties(column: ColumnModel<Row>): ColumnTextProperties {\n    const factory = this._columnTextPropertiesLookup ? this._columnTextPropertiesLookup[column.columnId] : undefined;\n    return factory ? factory() : undefined;\n  }\n\n  startEditSession(row: Row): EditSession<Row> {\n    const rowId = this.identityOf(row);\n    if (this._rowsBeingEdited.query().indexOf(row) > -1) {\n      return lang.illegalState(`Row with id=${rowId} already being edited`);\n    } else {\n      const editSession = new EditSession<Row>(rowId, row, this._createForm(row), this.saveCommand);\n      const { when } = Dsl.disposeWith(editSession);\n      when.valueOf(editSession.liveRowValue).changes((editedValue) => {\n        this._rowsBeingEdited.replaceOrPush(editedValue);\n      }, { initialValue: 'triggerChangeUnlessNil' });\n\n      this._editorSessions.push(editSession);\n      editSession.onDispose(() => {\n        this._rowsBeingEdited.remove(editSession.liveRowValue.value);\n        this._editorSessions.remove(editSession);\n      });\n      return editSession;\n    }\n  }\n\n  getEditSessionFor(row: Row): EditSession<Row> {\n    return this._editorSessionByRowId.get(this.identityOf(row));\n  }\n\n  cancelAllEditorSessions() {\n    this._editorSessions.runInTransaction((draft) => {\n      this._rowsBeingEdited.runInTransaction(() => {\n        draft.value.forEach(session => session.dispose());\n      });\n    });\n  }\n\n  isRowSelectionEnabledFor(column: ColumnModel<Row>): boolean | undefined {\n    return this.selectionColumnModel && (column.isRowSelectionEnabled() ?? this.isRowSelectionEnabledByDefault());\n  }\n\n  isRowSelectionEnabledByDefault(): boolean {\n    return this.selectionColumnModel && this.selectionColumnModel.isRowSelectionEnabledByDefault();\n  }\n\n  isRowSelectionEnabled() {\n    return this.hasColumnsWithRowSelectionExplicitlyEnabled.value || this.isRowSelectionEnabledByDefault();\n  }\n\n  selectRow(row: Row) {\n    this.selectionColumnModel?.selectRow(row);\n  }\n}\n\n"]}

package/esm5/lib/components/table/table.component.js

@@ -64,7 +64,7 @@ var TableComponent = /** @class */ (function (_super) {
     TableComponent = __decorate([
         Component({
             selector: 'aup-table',
-            template: "<table mat-table [dataSource]=\"tableModel.dataSource.value\" [trackBy]=\"tableModel.getTrackByFunction()\">\n\n  <ng-container *ngFor=\"let column of columns.value; index as index; first as first; last as last\" matColumnDef=\"{{column.columnId}}\">\n    <th mat-header-cell *matHeaderCellDef>\n      <aup-table-header-cell-renderer [column]=\"column\"\n                                      [attr.column-index]=\"index\"\n                                      [class.first-column]=\"first\"\n                                      [class.last-column]=\"last\"\n      ></aup-table-header-cell-renderer>\n    </th>\n    <td mat-cell *matCellDef=\"let row\" (click)=\"onCellClicked(column, row)\" [class.enable-cursor]=\"tableModel.isRowSelectionEnabledFor(column)\">\n      <aup-table-cell-renderer [column]=\"column\"\n                               [row]=\"row\"\n                               [tableModel]=\"tableModel\"\n                               [editSession]=\"tableModel.getEditSessionFor(row)\"\n                               [attr.column-index]=\"index\"\n                               [class.first-column]=\"first\"\n                               [class.last-column]=\"last\"\n      ></aup-table-cell-renderer>\n    </td>\n  </ng-container>\n\n  <tr mat-header-row *matHeaderRowDef=\"columnIds.value\"></tr>\n  <tr mat-row *matRowDef=\"let row; columns: columnIds.value;\" [class.enable-hover]=\"tableModel.isRowSelectionEnabled()\"></tr>\n\n</table>\n",
+            template: "<table mat-table [dataSource]=\"tableModel.dataSource.value\" [trackBy]=\"tableModel.getTrackByFunction()\">\n\n  <ng-container *ngFor=\"let column of columns.value; index as index; first as first; last as last\" matColumnDef=\"{{column.columnId}}\">\n    <th mat-header-cell *matHeaderCellDef>\n      <aup-table-header-cell-renderer [column]=\"column\"\n                                      [attr.column-index]=\"index\"\n                                      [class.first-column]=\"first\"\n                                      [class.last-column]=\"last\"\n      ></aup-table-header-cell-renderer>\n    </th>\n    <td mat-cell *matCellDef=\"let row\" (click)=\"onCellClicked(column, row)\" [class.enable-cursor]=\"tableModel.isRowSelectionEnabledFor(column)\">\n      <aup-table-cell-renderer [column]=\"column\"\n                               [row]=\"row\"\n                               [tableModel]=\"tableModel\"\n                               [editSession]=\"tableModel.getEditSessionFor(row)\"\n                               [attr.column-index]=\"index\"\n                               [class.first-column]=\"first\"\n                               [class.last-column]=\"last\"\n      ></aup-table-cell-renderer>\n    </td>\n  </ng-container>\n\n  <tr mat-header-row *matHeaderRowDef=\"columnIds.value\"></tr>\n  <tr mat-row *matRowDef=\"let row; columns: columnIds.value;\"\n      [ngClass]=\"tableModel.getRowClasses(row)\"\n  ></tr>\n\n</table>\n",
             styles: [":host{display:flex;flex-direction:column;align-items:stretch}:host table{flex:1}"]
         }),
         __metadata("design:paramtypes", [])

package/esm5/lib/components/table/table.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"table.component.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/table/table.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAyC,MAAM,eAAe,CAAC;AACxF,OAAO,EAAE,GAAG,EAAiC,aAAa,EAAE,MAAM,gBAAgB,CAAC;AACnF,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAe,yBAAyB,EAAE,MAAM,gBAAgB,CAAC;AACxE,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AAMH;IAAyC,kCAAmB;IAU1D;eACE,iBAAO;IACT,CAAC;IAED,iCAAQ,GAAR;QACQ,IAAA,0BAAkF,EAAhF,gBAAK,EAAE,oBAAO,EAAE,kBAAM,EAAE,cAAI,EAAE,gBAAK,EAAE,oBAAO,EAAE,sBAAkC,CAAC;QACzF,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;QAC9C,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC;QACvD,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;IAC7D,CAAC;IAED,kCAAS,GAAT,UAAU,GAAQ;QAChB,OAAO,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAAC;IAClD,CAAC;IAED,+CAAsB,GAAtB,UAAuB,QAAgB,EAAE,WAA6B,EAAE,aAA+B,EAAE,QAAiB,EAAE,QAAiB;QAC3I,IAAM,MAAM,GAAG,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;QAC9C,IAAI,MAAM,YAAY,yBAAyB,EAAE;YAC/C,MAAM,CAAC,WAAW,CAAC,WAAW,EAAE,aAAa,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC;SACpE;IACH,CAAC;IAED,sCAAa,GAAb,UAAc,WAA6B,EAAE,GAAQ;QACnD,IAAI,IAAI,CAAC,UAAU,CAAC,wBAAwB,CAAC,WAAW,CAAC,EAAE;YACzD,IAAI,CAAC,UAAU,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;SAChC;IACH,CAAC;IAhCD;QAFC,KAAK,EAAE;QACP,aAAa,EAAE;kCACJ,UAAU;sDAAM;IAJjB,cAAc;QAL1B,SAAS,CAAC;YACT,QAAQ,EAAE,WAAW;YACrB,08CAAqC;;SAEtC,CAAC;;OACW,cAAc,CAsC1B;IAAD,qBAAC;CAAA,AAtCD,CAAyC,mBAAmB,GAsC3D;SAtCY,cAAc","sourcesContent":["import { Component, Input, OnInit, TemplateRef, ViewContainerRef } from '@angular/core';\nimport { Dsl, ListModelChain, MapModelChain, TrackExternal } from '@coolon/pectin';\nimport { DisposableComponent } from '../disposable-component';\nimport { ColumnModel, CustomTemplateColumnModel } from './column-model';\nimport { TableModel } from './table-model';\n\n/**\n * Create your model:\n * @example\n * this.heroTableModel = TableModel.fromList(heroList, table => {\n *   table.pluck(\"firstName\");\n *   table.pluck(\"lastName\");\n *   table.addCustomColumn(\"fullName\", hero => `${hero.firstName} ${hero.lastName}`);\n * });\n *\n * Create your table\n * @example\n * <aup-table [tableModel]=\"heroTableModel\"></aup-table>\n *\n * Styling\n * @example\n * aup-table {\n *   --column-gap: 10px; // defaults to 24px\n *   aup-table-cell-renderer {\n *     &:first-column {\n *       // do stuff\n *     }\n *     &:last-column {\n *       // do stuff\n *     }\n *   }\n * }\n */\n@Component({\n  selector: 'aup-table',\n  templateUrl: './table.component.html',\n  styleUrls: ['./table.component.scss']\n})\nexport class TableComponent<Row> extends DisposableComponent implements OnInit {\n\n  @Input()\n  @TrackExternal()\n  tableModel: TableModel<Row>;\n\n  columns: ListModelChain<ColumnModel<Row>>;\n  columnIds: ListModelChain<string>;\n  private columnsById: MapModelChain<string, ColumnModel<Row>>;\n\n  constructor() {\n    super();\n  }\n\n  ngOnInit(): void {\n    const { chain, valueOf, before, when, after, observe, switchOn } = Dsl.disposeWith(this);\n    this.columns = chain(this.tableModel.columns);\n    this.columnIds = chain(this.columns).pluck('columnId');\n    this.columnsById = chain(this.columns).indexBy('columnId');\n  }\n\n  isEditing(row: Row): boolean {\n    return !!this.tableModel.getEditSessionFor(row);\n  }\n\n  registerColumnTemplate(columnId: string, templateRef: TemplateRef<any>, viewContainer: ViewContainerRef, fillCell: boolean, padChild: boolean) {\n    const column = this.columnsById.get(columnId);\n    if (column instanceof CustomTemplateColumnModel) {\n      column.setTemplate(templateRef, viewContainer, fillCell, padChild);\n    }\n  }\n\n  onCellClicked(columnModel: ColumnModel<Row>, row: Row) {\n    if (this.tableModel.isRowSelectionEnabledFor(columnModel)) {\n      this.tableModel.selectRow(row);\n    }\n  }\n\n}\n"]}
+{"version":3,"file":"table.component.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/table/table.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAyC,MAAM,eAAe,CAAC;AACxF,OAAO,EAAE,GAAG,EAAiC,aAAa,EAAE,MAAM,gBAAgB,CAAC;AACnF,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAe,yBAAyB,EAAE,MAAM,gBAAgB,CAAC;AACxE,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AAMH;IAAyC,kCAAmB;IAU1D;eACE,iBAAO;IACT,CAAC;IAED,iCAAQ,GAAR;QACQ,IAAA,0BAAkF,EAAhF,gBAAK,EAAE,oBAAO,EAAE,kBAAM,EAAE,cAAI,EAAE,gBAAK,EAAE,oBAAO,EAAE,sBAAkC,CAAC;QACzF,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;QAC9C,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC;QACvD,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;IAC7D,CAAC;IAED,kCAAS,GAAT,UAAU,GAAQ;QAChB,OAAO,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAAC;IAClD,CAAC;IAED,+CAAsB,GAAtB,UAAuB,QAAgB,EAAE,WAA6B,EAAE,aAA+B,EAAE,QAAiB,EAAE,QAAiB;QAC3I,IAAM,MAAM,GAAG,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;QAC9C,IAAI,MAAM,YAAY,yBAAyB,EAAE;YAC/C,MAAM,CAAC,WAAW,CAAC,WAAW,EAAE,aAAa,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC;SACpE;IACH,CAAC;IAED,sCAAa,GAAb,UAAc,WAA6B,EAAE,GAAQ;QACnD,IAAI,IAAI,CAAC,UAAU,CAAC,wBAAwB,CAAC,WAAW,CAAC,EAAE;YACzD,IAAI,CAAC,UAAU,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;SAChC;IACH,CAAC;IAhCD;QAFC,KAAK,EAAE;QACP,aAAa,EAAE;kCACJ,UAAU;sDAAM;IAJjB,cAAc;QAL1B,SAAS,CAAC;YACT,QAAQ,EAAE,WAAW;YACrB,q8CAAqC;;SAEtC,CAAC;;OACW,cAAc,CAsC1B;IAAD,qBAAC;CAAA,AAtCD,CAAyC,mBAAmB,GAsC3D;SAtCY,cAAc","sourcesContent":["import { Component, Input, OnInit, TemplateRef, ViewContainerRef } from '@angular/core';\nimport { Dsl, ListModelChain, MapModelChain, TrackExternal } from '@coolon/pectin';\nimport { DisposableComponent } from '../disposable-component';\nimport { ColumnModel, CustomTemplateColumnModel } from './column-model';\nimport { TableModel } from './table-model';\n\n/**\n * Create your model:\n * @example\n * this.heroTableModel = TableModel.fromList(heroList, table => {\n *   table.pluck(\"firstName\");\n *   table.pluck(\"lastName\");\n *   table.addCustomColumn(\"fullName\", hero => `${hero.firstName} ${hero.lastName}`);\n * });\n *\n * Create your table\n * @example\n * <aup-table [tableModel]=\"heroTableModel\"></aup-table>\n *\n * Styling\n * @example\n * aup-table {\n *   --column-gap: 10px; // defaults to 24px\n *   aup-table-cell-renderer {\n *     &:first-column {\n *       // do stuff\n *     }\n *     &:last-column {\n *       // do stuff\n *     }\n *   }\n * }\n */\n@Component({\n  selector: 'aup-table',\n  templateUrl: './table.component.html',\n  styleUrls: ['./table.component.scss']\n})\nexport class TableComponent<Row> extends DisposableComponent implements OnInit {\n\n  @Input()\n  @TrackExternal()\n  tableModel: TableModel<Row>;\n\n  columns: ListModelChain<ColumnModel<Row>>;\n  columnIds: ListModelChain<string>;\n  private columnsById: MapModelChain<string, ColumnModel<Row>>;\n\n  constructor() {\n    super();\n  }\n\n  ngOnInit(): void {\n    const { chain, valueOf, before, when, after, observe, switchOn } = Dsl.disposeWith(this);\n    this.columns = chain(this.tableModel.columns);\n    this.columnIds = chain(this.columns).pluck('columnId');\n    this.columnsById = chain(this.columns).indexBy('columnId');\n  }\n\n  isEditing(row: Row): boolean {\n    return !!this.tableModel.getEditSessionFor(row);\n  }\n\n  registerColumnTemplate(columnId: string, templateRef: TemplateRef<any>, viewContainer: ViewContainerRef, fillCell: boolean, padChild: boolean) {\n    const column = this.columnsById.get(columnId);\n    if (column instanceof CustomTemplateColumnModel) {\n      column.setTemplate(templateRef, viewContainer, fillCell, padChild);\n    }\n  }\n\n  onCellClicked(columnModel: ColumnModel<Row>, row: Row) {\n    if (this.tableModel.isRowSelectionEnabledFor(columnModel)) {\n      this.tableModel.selectRow(row);\n    }\n  }\n\n}\n"]}

package/esm5/lib/interaction/components/add-item-interaction-context/add-item-interaction-context.component.js

@@ -3,6 +3,15 @@ import { Component, HostBinding, Input, ViewChild } from '@angular/core';
 import { Command, TrackExternal } from '@coolon/pectin';
 import { DisposableComponent } from '../../../components/disposable-component';
 import { InPlaceInteractionContextComponent } from '../inplace-interaction-context/in-place-interaction-context.component';
+/**
+ * Css Vars.
+ *   --link-color
+ *   --link-color-hover
+ *   --link-background
+ *   --link-background-hover
+ *   --link-border-radius
+ *   --link-padding
+ */
 var AddItemInteractionContextComponent = /** @class */ (function (_super) {
     __extends(AddItemInteractionContextComponent, _super);
     function AddItemInteractionContextComponent() {
@@ -71,7 +80,7 @@ var AddItemInteractionContextComponent = /** @class */ (function (_super) {
         Component({
             selector: 'aup-add-item-interaction-context',
             template: "<aup-in-place-interaction-context [animateFirstActivity]=\"false\">\n    <a part=\"link\" class=\"link\" [pectinCommand]=\"clickCommand\"><aup-icon [icon]=\"icon\"></aup-icon> {{label}}</a>\n</aup-in-place-interaction-context>\n",
-            styles: [":host{--def-link-color:var(--link-color, currentColor);--def-link-color-hover:var(--link-color-hover, currentColor);--def-link-backgound:var(--link-background, transparent);--def-link-backgound-hover:var(--link-background-hover, rgba(0, 0, 0, 0.05));--def-link-border-radius:var(--link-border-radius, 4px);--def-link-padding:var(--link-padding, calc(var(--aup-default-padding) / 2));display:flex;flex-direction:column;border-radius:var(--def-link-border-radius);box-sizing:border-box;outline:0}:host:hover a.link{color:var(--def-link-color-hover);background-color:var(--def-link-backgound-hover)}aup-in-place-interaction-context{border-radius:var(--def-link-border-radius)}a.link{display:flex;flex-direction:row;align-items:center;border-radius:var(--def-link-border-radius);color:var(--def-link-color);background:var(--def-link-backgound);padding:var(--def-link-padding);cursor:pointer;text-decoration:none}a.link mat-icon{margin-right:8px}"]
+            styles: [":host{--def-link-color:var(--link-color, currentColor);--def-link-color-hover:var(--link-color-hover, currentColor);--def-link-background:var(--link-background, transparent);--def-link-background-hover:var(--link-background-hover, rgba(0, 0, 0, 0.05));--def-link-border-radius:var(--link-border-radius, 4px);--def-link-padding:var(--link-padding, calc(var(--aup-default-padding) / 2));display:flex;flex-direction:column;border-radius:var(--def-link-border-radius);box-sizing:border-box;outline:0}:host:hover a.link{color:var(--def-link-color-hover);background-color:var(--def-link-background-hover)}aup-in-place-interaction-context{border-radius:var(--def-link-border-radius)}a.link{display:flex;flex-direction:row;align-items:center;border-radius:var(--def-link-border-radius);color:var(--def-link-color);background:var(--def-link-background);padding:var(--def-link-padding);cursor:pointer;text-decoration:none}a.link mat-icon{margin-right:8px}"]
         }),
         __metadata("design:paramtypes", [])
     ], AddItemInteractionContextComponent);

package/esm5/lib/interaction/components/add-item-interaction-context/add-item-interaction-context.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"add-item-interaction-context.component.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/interaction/components/add-item-interaction-context/add-item-interaction-context.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,KAAK,EAAU,SAAS,EAAqB,MAAM,eAAe,CAAC;AACpG,OAAO,EAAE,OAAO,EAAiB,aAAa,EAAE,MAAM,gBAAgB,CAAC;AACvE,OAAO,EAAE,mBAAmB,EAAE,MAAM,0CAA0C,CAAC;AAE/E,OAAO,EAAE,kCAAkC,EAAE,MAAM,uEAAuE,CAAC;AAO3H;IAAwD,sDAAmB;IA+BzE;QAAA,YACE,iBAAO,SAWR;QArCD,UAAI,GAAG,SAAS,CAAC;QAuBR,cAAQ,GAAG,CAAC,CAAC;QAKpB,KAAI,CAAC,YAAY,GAAG,OAAO,CAAC,MAAM,CAAC,UAAC,OAAO;YACzC,IAAI,KAAI,CAAC,aAAa,EAAE;gBACtB,KAAI,CAAC,aAAa,CAAC,KAAI,CAAC,aAAa,EAAE,KAAI,CAAC,YAAY,CAAC,CAAC,KAAK,CAAC,UAAA,CAAC;oBACjE,eAAe;gBACf,CAAC,CAAC,CAAC;aACJ;iBAAM;gBACL,KAAI,CAAC,UAAU,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC,OAAO,EAAE,CAAC;aAChD;QACH,CAAC,CAAC,CAAC;;IACL,CAAC;IAnBD,sBAAW,sDAAM;aAAjB;YACE,OAAO,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,IAAI,CAAC,kBAAkB,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC;QAC9E,CAAC;;;OAAA;IAmBD,0DAAa,GAAb,UAAuB,YAA8C,EAAE,IAAQ;QAC7E,OAAO,IAAI,CAAC,kBAAkB,CAAC,aAAa,CAAC,YAAY,EAAE,IAAI,CAAC,CAAC;IACnE,CAAC;IAED,qDAAQ,GAAR;IACA,CAAC;IA/CD;QADC,KAAK,EAAE;;qEACM;IAGd;QADC,KAAK,EAAE;;oEACS;IAGjB;QADC,KAAK,EAAE;;6EAC8C;IAGtD;QADC,KAAK,EAAE;;4EACU;IAIlB;QAFC,KAAK,EAAE;QACP,aAAa,EAAE;kCACJ,OAAO;0EAAM;IAGzB;QADC,SAAS,CAAC,kCAAkC,CAAC;kCAChB,kCAAkC;kFAAgB;IAKhF;QADC,WAAW,CAAC,0BAA0B,CAAC;;;oEAGvC;IAGD;QADC,WAAW,CAAC,UAAU,CAAC;;wEACF;IA7BX,kCAAkC;QAL9C,SAAS,CAAC;YACT,QAAQ,EAAE,kCAAkC;YAC5C,gPAA4D;;SAE7D,CAAC;;OACW,kCAAkC,CAqD9C;IAAD,yCAAC;CAAA,AArDD,CAAwD,mBAAmB,GAqD1E;SArDY,kCAAkC","sourcesContent":["import { Component, HostBinding, Input, OnInit, ViewChild, ViewEncapsulation } from '@angular/core';\nimport { Command, Constructable, TrackExternal } from '@coolon/pectin';\nimport { DisposableComponent } from '../../../components/disposable-component';\nimport { Activity } from '../../activity';\nimport { InPlaceInteractionContextComponent } from '../inplace-interaction-context/in-place-interaction-context.component';\n\n@Component({\n  selector: 'aup-add-item-interaction-context',\n  templateUrl: './add-item-interaction-context.component.html',\n  styleUrls: ['./add-item-interaction-context.component.scss']\n})\nexport class AddItemInteractionContextComponent extends DisposableComponent implements OnInit {\n\n  @Input()\n  label: string;\n\n  @Input()\n  icon = \"mat:add\";\n\n  @Input()\n  activityClass: Constructable<Activity<any, any, any>>;\n\n  @Input()\n  activityData: any;\n\n  @Input()\n  @TrackExternal()\n  addCommand: Command<any>;\n\n  @ViewChild(InPlaceInteractionContextComponent)\n  protected interactionContext: InPlaceInteractionContextComponent<any, any, any>;\n\n  readonly clickCommand: Command<void>;\n\n  @HostBinding('class.interaction-active')\n  public get active(): boolean {\n    return this.interactionContext ? this.interactionContext.isActive() : false;\n  }\n\n  @HostBinding('tabindex')\n  readonly tabindex = 0;\n\n  constructor() {\n    super();\n\n    this.clickCommand = Command.create((context) => {\n      if (this.activityClass) {\n        this.startActivity(this.activityClass, this.activityData).catch(e => {\n        //  don't care.\n        });\n      } else {\n        this.addCommand.withContext(context).execute();\n      }\n    });\n  }\n\n  startActivity<D, R, E>(activityType: Constructable<Activity<D, R, E>>, data?: D): Promise<R> {\n    return this.interactionContext.startActivity(activityType, data);\n  }\n\n  ngOnInit() {\n  }\n\n\n}\n"]}
+{"version":3,"file":"add-item-interaction-context.component.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/interaction/components/add-item-interaction-context/add-item-interaction-context.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,KAAK,EAAU,SAAS,EAAqB,MAAM,eAAe,CAAC;AACpG,OAAO,EAAE,OAAO,EAAiB,aAAa,EAAE,MAAM,gBAAgB,CAAC;AACvE,OAAO,EAAE,mBAAmB,EAAE,MAAM,0CAA0C,CAAC;AAE/E,OAAO,EAAE,kCAAkC,EAAE,MAAM,uEAAuE,CAAC;AAE3H;;;;;;;;GAQG;AAMH;IAAwD,sDAAmB;IA+BzE;QAAA,YACE,iBAAO,SAWR;QArCD,UAAI,GAAG,SAAS,CAAC;QAuBR,cAAQ,GAAG,CAAC,CAAC;QAKpB,KAAI,CAAC,YAAY,GAAG,OAAO,CAAC,MAAM,CAAC,UAAC,OAAO;YACzC,IAAI,KAAI,CAAC,aAAa,EAAE;gBACtB,KAAI,CAAC,aAAa,CAAC,KAAI,CAAC,aAAa,EAAE,KAAI,CAAC,YAAY,CAAC,CAAC,KAAK,CAAC,UAAA,CAAC;oBACjE,eAAe;gBACf,CAAC,CAAC,CAAC;aACJ;iBAAM;gBACL,KAAI,CAAC,UAAU,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC,OAAO,EAAE,CAAC;aAChD;QACH,CAAC,CAAC,CAAC;;IACL,CAAC;IAnBD,sBAAW,sDAAM;aAAjB;YACE,OAAO,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,IAAI,CAAC,kBAAkB,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC;QAC9E,CAAC;;;OAAA;IAmBD,0DAAa,GAAb,UAAuB,YAA8C,EAAE,IAAQ;QAC7E,OAAO,IAAI,CAAC,kBAAkB,CAAC,aAAa,CAAC,YAAY,EAAE,IAAI,CAAC,CAAC;IACnE,CAAC;IAED,qDAAQ,GAAR;IACA,CAAC;IA/CD;QADC,KAAK,EAAE;;qEACM;IAGd;QADC,KAAK,EAAE;;oEACS;IAGjB;QADC,KAAK,EAAE;;6EAC8C;IAGtD;QADC,KAAK,EAAE;;4EACU;IAIlB;QAFC,KAAK,EAAE;QACP,aAAa,EAAE;kCACJ,OAAO;0EAAM;IAGzB;QADC,SAAS,CAAC,kCAAkC,CAAC;kCAChB,kCAAkC;kFAAgB;IAKhF;QADC,WAAW,CAAC,0BAA0B,CAAC;;;oEAGvC;IAGD;QADC,WAAW,CAAC,UAAU,CAAC;;wEACF;IA7BX,kCAAkC;QAL9C,SAAS,CAAC;YACT,QAAQ,EAAE,kCAAkC;YAC5C,gPAA4D;;SAE7D,CAAC;;OACW,kCAAkC,CAqD9C;IAAD,yCAAC;CAAA,AArDD,CAAwD,mBAAmB,GAqD1E;SArDY,kCAAkC","sourcesContent":["import { Component, HostBinding, Input, OnInit, ViewChild, ViewEncapsulation } from '@angular/core';\nimport { Command, Constructable, TrackExternal } from '@coolon/pectin';\nimport { DisposableComponent } from '../../../components/disposable-component';\nimport { Activity } from '../../activity';\nimport { InPlaceInteractionContextComponent } from '../inplace-interaction-context/in-place-interaction-context.component';\n\n/**\n * Css Vars.\n *   --link-color\n *   --link-color-hover\n *   --link-background\n *   --link-background-hover\n *   --link-border-radius\n *   --link-padding\n */\n@Component({\n  selector: 'aup-add-item-interaction-context',\n  templateUrl: './add-item-interaction-context.component.html',\n  styleUrls: ['./add-item-interaction-context.component.scss']\n})\nexport class AddItemInteractionContextComponent extends DisposableComponent implements OnInit {\n\n  @Input()\n  label: string;\n\n  @Input()\n  icon = \"mat:add\";\n\n  @Input()\n  activityClass: Constructable<Activity<any, any, any>>;\n\n  @Input()\n  activityData: any;\n\n  @Input()\n  @TrackExternal()\n  addCommand: Command<any>;\n\n  @ViewChild(InPlaceInteractionContextComponent)\n  protected interactionContext: InPlaceInteractionContextComponent<any, any, any>;\n\n  readonly clickCommand: Command<void>;\n\n  @HostBinding('class.interaction-active')\n  public get active(): boolean {\n    return this.interactionContext ? this.interactionContext.isActive() : false;\n  }\n\n  @HostBinding('tabindex')\n  readonly tabindex = 0;\n\n  constructor() {\n    super();\n\n    this.clickCommand = Command.create((context) => {\n      if (this.activityClass) {\n        this.startActivity(this.activityClass, this.activityData).catch(e => {\n        //  don't care.\n        });\n      } else {\n        this.addCommand.withContext(context).execute();\n      }\n    });\n  }\n\n  startActivity<D, R, E>(activityType: Constructable<Activity<D, R, E>>, data?: D): Promise<R> {\n    return this.interactionContext.startActivity(activityType, data);\n  }\n\n  ngOnInit() {\n  }\n\n\n}\n"]}

package/esm5/lib/interaction/components/input-activities/abstract-input-activity.js

@@ -1,6 +1,6 @@
 import { __decorate, __extends, __metadata, __param } from "tslib";
 import { Component, HostBinding, Inject } from '@angular/core';
-import { Command, Form } from '@coolon/pectin';
+import { Command, DirtyTrackingForm } from '@coolon/pectin';
 import { Activity, ACTIVITY_DATA } from '../../activity';
 // @see https://github.com/ng-packagr/ng-packagr/issues/641 and  https://github.com/angular/angular/issues/21123
 // we're getting a metadata error for D for no reason that I can find and only during the build (ng serve works fine)
@@ -11,7 +11,7 @@ var AbstractInputActivity = /** @class */ (function (_super) {
         var _this = _super.call(this) || this;
         _this.data = data;
         _this.class = 'aup-input-activity';
-        var form = new Form();
+        var form = new DirtyTrackingForm();
         _this.valueModel = form.valueModel(_this.data.initialValue);
         _this.valueModel.validateUsing(data.validators || []);
         _this.confirmCommand = Command.create(function () {

package/esm5/lib/interaction/components/input-activities/abstract-input-activity.js.map

@@ -1 +1 @@
-{"version":3,"file":"abstract-input-activity.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/interaction/components/input-activities/abstract-input-activity.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAC/D,OAAO,EAAE,OAAO,EAAE,IAAI,EAAkB,MAAM,gBAAgB,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAGzD,gHAAgH;AAChH,qHAAqH;AACrH,WAAW;AAEX;IAAqG,yCAAc;IAQjH,+BAA4C,IAAO;QAAnD,YACE,iBAAO,SAmBR;QApB2C,UAAI,GAAJ,IAAI,CAAG;QAF7B,WAAK,GAAG,oBAAoB,CAAC;QAKjD,IAAM,IAAI,GAAG,IAAI,IAAI,EAAE,CAAC;QACxB,KAAI,CAAC,UAAU,GAAG,IAAI,CAAC,UAAU,CAAI,KAAI,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;QAC7D,KAAI,CAAC,UAAU,CAAC,aAAa,CAAC,IAAI,CAAC,UAAU,IAAI,EAAE,CAAC,CAAC;QAErD,KAAI,CAAC,cAAc,GAAG,OAAO,CAAC,MAAM,CAAC;YACnC,IAAI,KAAI,CAAC,UAAU,CAAC,QAAQ,EAAE,EAAE;gBAC9B,IAAI,IAAI,CAAC,IAAI,EAAE;oBACb,OAAO,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,KAAI,CAAC,UAAU,EAAE,KAAI,CAAC,kBAAkB,CAAC,CAAC;yBACxE,IAAI,CAAC,cAAM,OAAA,KAAI,CAAC,IAAI,EAAE,EAAX,CAAW,CAAC,CAAC;iBAC5B;qBAAM;oBACL,KAAI,CAAC,IAAI,CAAC,KAAI,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;iBAClC;aACF;QACH,CAAC,CAAC,CAAC;QACH,KAAI,CAAC,aAAa,GAAG,OAAO,CAAC,MAAM,CAAC;YAClC,KAAI,CAAC,MAAM,EAAE,CAAC;QAChB,CAAC,CAAC,CAAC;;IACL,CAAC;IAED,+CAAe,GAAf;QACE,IAAI,CAAC,UAAU,CAAC,YAAY,CAAC,YAAY,EAAE,CAAC;IAC9C,CAAC;;gDAxBY,MAAM,SAAC,aAAa;;IAFX;QAArB,WAAW,CAAC,OAAO,CAAC;;wDAA8B;IANxC,qBAAqB;QADjC,SAAS,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC;QASb,WAAA,MAAM,CAAC,aAAa,CAAC,CAAA;;OARvB,qBAAqB,CAkCjC;IAAD,4BAAC;CAAA,AAlCD,CAAqG,QAAQ,GAkC5G;SAlCY,qBAAqB","sourcesContent":["import { Component, HostBinding, Inject } from '@angular/core';\nimport { Command, Form, FormValueModel } from '@coolon/pectin';\nimport { Activity, ACTIVITY_DATA } from '../../activity';\nimport { InputActivityData } from './input-activity-data';\n\n// @see https://github.com/ng-packagr/ng-packagr/issues/641 and  https://github.com/angular/angular/issues/21123\n// we're getting a metadata error for D for no reason that I can find and only during the build (ng serve works fine)\n// @dynamic\n@Component({ template: `` })\nexport class AbstractInputActivity<T, D extends InputActivityData<T> = InputActivityData<T>> extends Activity<D, T> {\n\n  readonly confirmCommand: Command<void>;\n  readonly cancelCommand: Command<void>;\n  readonly valueModel: FormValueModel<T>;\n\n  @HostBinding('class') class = 'aup-input-activity';\n\n  constructor(@Inject(ACTIVITY_DATA) readonly data: D) {\n    super();\n\n    const form = new Form();\n    this.valueModel = form.valueModel<T>(this.data.initialValue);\n    this.valueModel.validateUsing(data.validators || []);\n\n    this.confirmCommand = Command.create(() => {\n      if (this.valueModel.validate()) {\n        if (data.save) {\n          return Promise.resolve(data.save(this.valueModel, this.interactionContext))\n            .then(() => this.done());\n        } else {\n          this.done(this.valueModel.value);\n        }\n      }\n    });\n    this.cancelCommand = Command.create(() => {\n      this.cancel();\n    });\n  }\n\n  onActivityReady() {\n    this.valueModel.focusContext.requestFocus();\n  }\n\n}\n"]}
+{"version":3,"file":"abstract-input-activity.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/interaction/components/input-activities/abstract-input-activity.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAC/D,OAAO,EAAE,OAAO,EAAE,iBAAiB,EAAQ,MAAM,gBAAgB,CAAC;AAClE,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAGzD,gHAAgH;AAChH,qHAAqH;AACrH,WAAW;AAEX;IAAqG,yCAAc;IAQjH,+BAA4C,IAAO;QAAnD,YACE,iBAAO,SAmBR;QApB2C,UAAI,GAAJ,IAAI,CAAG;QAF7B,WAAK,GAAG,oBAAoB,CAAC;QAKjD,IAAM,IAAI,GAAG,IAAI,iBAAiB,EAAE,CAAC;QACrC,KAAI,CAAC,UAAU,GAAG,IAAI,CAAC,UAAU,CAAI,KAAI,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;QAC7D,KAAI,CAAC,UAAU,CAAC,aAAa,CAAC,IAAI,CAAC,UAAU,IAAI,EAAE,CAAC,CAAC;QAErD,KAAI,CAAC,cAAc,GAAG,OAAO,CAAC,MAAM,CAAC;YACnC,IAAI,KAAI,CAAC,UAAU,CAAC,QAAQ,EAAE,EAAE;gBAC9B,IAAI,IAAI,CAAC,IAAI,EAAE;oBACb,OAAO,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,KAAI,CAAC,UAAU,EAAE,KAAI,CAAC,kBAAkB,CAAC,CAAC;yBACxE,IAAI,CAAC,cAAM,OAAA,KAAI,CAAC,IAAI,EAAE,EAAX,CAAW,CAAC,CAAC;iBAC5B;qBAAM;oBACL,KAAI,CAAC,IAAI,CAAC,KAAI,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;iBAClC;aACF;QACH,CAAC,CAAC,CAAC;QACH,KAAI,CAAC,aAAa,GAAG,OAAO,CAAC,MAAM,CAAC;YAClC,KAAI,CAAC,MAAM,EAAE,CAAC;QAChB,CAAC,CAAC,CAAC;;IACL,CAAC;IAED,+CAAe,GAAf;QACE,IAAI,CAAC,UAAU,CAAC,YAAY,CAAC,YAAY,EAAE,CAAC;IAC9C,CAAC;;gDAxBY,MAAM,SAAC,aAAa;;IAFX;QAArB,WAAW,CAAC,OAAO,CAAC;;wDAA8B;IANxC,qBAAqB;QADjC,SAAS,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC;QASb,WAAA,MAAM,CAAC,aAAa,CAAC,CAAA;;OARvB,qBAAqB,CAkCjC;IAAD,4BAAC;CAAA,AAlCD,CAAqG,QAAQ,GAkC5G;SAlCY,qBAAqB","sourcesContent":["import { Component, HostBinding, Inject } from '@angular/core';\nimport { Command, DirtyTrackingForm, Form } from '@coolon/pectin';\nimport { Activity, ACTIVITY_DATA } from '../../activity';\nimport { InputActivityData } from './input-activity-data';\n\n// @see https://github.com/ng-packagr/ng-packagr/issues/641 and  https://github.com/angular/angular/issues/21123\n// we're getting a metadata error for D for no reason that I can find and only during the build (ng serve works fine)\n// @dynamic\n@Component({ template: `` })\nexport class AbstractInputActivity<T, D extends InputActivityData<T> = InputActivityData<T>> extends Activity<D, T> {\n\n  readonly confirmCommand: Command<void>;\n  readonly cancelCommand: Command<void>;\n  readonly valueModel:  Form.ValueModelBase<T>;\n\n  @HostBinding('class') class = 'aup-input-activity';\n\n  constructor(@Inject(ACTIVITY_DATA) readonly data: D) {\n    super();\n\n    const form = new DirtyTrackingForm();\n    this.valueModel = form.valueModel<T>(this.data.initialValue);\n    this.valueModel.validateUsing(data.validators || []);\n\n    this.confirmCommand = Command.create(() => {\n      if (this.valueModel.validate()) {\n        if (data.save) {\n          return Promise.resolve(data.save(this.valueModel, this.interactionContext))\n            .then(() => this.done());\n        } else {\n          this.done(this.valueModel.value);\n        }\n      }\n    });\n    this.cancelCommand = Command.create(() => {\n      this.cancel();\n    });\n  }\n\n  onActivityReady() {\n    this.valueModel.focusContext.requestFocus();\n  }\n\n}\n"]}

package/esm5/lib/interaction/components/input-activities/input-activity-data.js.map

@@ -1 +1 @@
-{"version":3,"file":"input-activity-data.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/interaction/components/input-activities/input-activity-data.ts"],"names":[],"mappings":"","sourcesContent":["import { FormValueModel, Validator } from '@coolon/pectin';\nimport { InteractionContext } from '../../interaction-context';\n\nexport interface InputActivityData<T> {\n  label?: string;\n  placeholder?: string;\n  initialValue: T;\n  validators?: Validator<T>[]\n\n  save?(valueModel: FormValueModel<T>, interactionContext?: InteractionContext): void | Promise<unknown>\n}\n"]}
+{"version":3,"file":"input-activity-data.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/interaction/components/input-activities/input-activity-data.ts"],"names":[],"mappings":"","sourcesContent":["import { Form, Validator } from '@coolon/pectin';\nimport { InteractionContext } from '../../interaction-context';\n\nexport interface InputActivityData<T> {\n  label?: string;\n  placeholder?: string;\n  initialValue: T;\n  validators?: Validator<T>[]\n\n  save?(valueModel:  Form.ValueModelBase<T>, interactionContext?: InteractionContext): void | Promise<unknown>\n}\n"]}

package/esm5/lib/place/components/side-place-navigation/side-place-navigation.component.js

@@ -77,7 +77,7 @@ var SidePlaceNavigationComponent = /** @class */ (function (_super) {
     SidePlaceNavigationComponent = __decorate([
         Component({
             selector: 'aup-side-place-navigation',
-            template: "<mat-nav-list>\n  <a mat-list-item (click)=\"toggleMenu()\" class=\"home\">\n    <aup-icon class=\"collapsed-only\" icon=\"menu\"></aup-icon>\n    <aup-icon class=\"expanded-only\" icon=\"arrow_back\"></aup-icon>\n    <span class=\"expanded-only\">Menu</span>\n  </a>\n  <a mat-list-item *ngFor=\"let placeDefinition of placeDefinitions.value\"\n     [pectinCommand]=\"commandFactory.create(placeDefinition)\"\n     [class.active]=\"isActive(placeDefinition)\"\n     [matTooltip]=\"getNav(placeDefinition).tooltip()\">\n    <aup-icon *ngIf=\"getNav(placeDefinition).icon()\" [icon]=\"getNav(placeDefinition).icon()\"></aup-icon>\n    <span\n      class=\"expanded-only\">{{getNav(placeDefinition).title()}}</span>\n  </a>\n  <span [style.flex]=\"1\"></span>\n  <ng-container *ngIf=\"navEndTemplate\" [ngTemplateOutlet]=\"navEndTemplate\"></ng-container>\n</mat-nav-list>\n",
+            template: "<mat-nav-list>\n  <a mat-list-item (click)=\"toggleMenu()\" class=\"home\">\n    <aup-icon class=\"collapsed-only\" icon=\"mat:menu\"></aup-icon>\n    <aup-icon class=\"expanded-only\" icon=\"mat:arrow_back\"></aup-icon>\n    <span class=\"expanded-only\">Menu</span>\n  </a>\n  <a mat-list-item *ngFor=\"let placeDefinition of placeDefinitions.value\"\n     [pectinCommand]=\"commandFactory.create(placeDefinition)\"\n     [class.active]=\"isActive(placeDefinition)\"\n     [matTooltip]=\"getNav(placeDefinition).tooltip()\">\n    <aup-icon *ngIf=\"getNav(placeDefinition).icon()\" [icon]=\"getNav(placeDefinition).icon()\"></aup-icon>\n    <span\n      class=\"expanded-only\">{{getNav(placeDefinition).title()}}</span>\n  </a>\n  <span [style.flex]=\"1\"></span>\n  <ng-container *ngIf=\"navEndTemplate\" [ngTemplateOutlet]=\"navEndTemplate\"></ng-container>\n</mat-nav-list>\n",
             styles: [":host{display:flex;flex-direction:column;--resolved-nav-item-width:var(--nav-width, 56px);--resolved-nav-item-height:var(--nav-item-height, var(--resolved-nav-item-width));--resolved-expanded-width:var(--nav-expanded-width, 235px);--resolved-color:var(--nav-color, rgba(255, 255, 255, 0.9));--resolved-background-color:var(--nav-background-color, #555);width:var(--resolved-nav-item-width);transition:width 125ms linear;background-color:var(--resolved-background-color);color:var(--resolved-color)}:host.expanded{width:var(--resolved-expanded-width);max-width:var(--resolved-expanded-width)}:host-context(.expanded) .expanded-only{max-width:100%}:host-context(.expanded) .collapsed-only{max-width:0}:host-context(.expanded) .mat-list-item aup-icon:not(.collapsed-only){margin-right:12px}:host-context(.expanded) .mat-list-item span{text-wrap:none;white-space:nowrap}.expanded-only{max-width:0;overflow:hidden}.collapsed-only{max-width:100%;overflow:hidden}mat-nav-list{flex:1;display:flex;flex-direction:column}.mat-list-item{width:var(--resolved-nav-item-width);height:var(--resolved-nav-item-height);color:inherit}.mat-list-item.active{background-color:#444}.mat-list-item.home{text-align:left}mat-icon{color:inherit}mat-icon.flip-horizontal{transform:scaleX(-1)}"]
         }),
         __metadata("design:paramtypes", [Router, PlaceRouter])

package/esm5/lib/place/components/side-place-navigation/side-place-navigation.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"side-place-navigation.component.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/place/components/side-place-navigation/side-place-navigation.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAClF,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACjD,OAAO,EAAE,gCAAgC,EAAE,MAAM,wCAAwC,CAAC;AAG1F;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCG;AAMH;IAAkD,gDAAgC;IAQhF,sCAAqB,MAAc,EAAE,WAAwB;QAA7D,YACE,kBAAM,WAAW,CAAC,SACnB;QAFoB,YAAM,GAAN,MAAM,CAAQ;QAL5B,cAAQ,GAAG,KAAK,CAAC;;IAOxB,CAAC;IAED,iDAAU,GAAV;QACE,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;IACvB,CAAC;IAED,mDAAY,GAAZ;QACE,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;IACxB,CAAC;IAED,iDAAU,GAAV;QACE,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC;IACjC,CAAC;;gBAd4B,MAAM;gBAAe,WAAW;;IAL7D;QADC,WAAW,CAAC,gBAAgB,CAAC;;kEACN;IAGxB;QADC,YAAY,CAAC,gBAAgB,CAAC;kCACf,WAAW;wEAAM;IANtB,4BAA4B;QALxC,SAAS,CAAC;YACT,QAAQ,EAAE,2BAA2B;YACrC,o3BAAqD;;SAEtD,CAAC;yCAS6B,MAAM,EAAe,WAAW;OARlD,4BAA4B,CAuBxC;IAAD,mCAAC;CAAA,AAvBD,CAAkD,gCAAgC,GAuBjF;SAvBY,4BAA4B","sourcesContent":["import { Component, ContentChild, HostBinding, TemplateRef } from '@angular/core';\nimport { Router } from '@angular/router';\nimport { PlaceRouter } from '../../place-router';\nimport { AbstractPlaceNavigationComponent } from '../abstract-place-navigation.component';\n\n\n/**\n * @example\n * // Usage\n * <aup-vertical-place-navigation [places]=\"placeConstructorArray\"\n *                                [placeOutlet]=\"placeOutletComponent\">\n * </aup-vertical-place-navigation>\n * <aup-place-outlet #placeOutletComponent></aup-place-outlet>\n *\n * // CSS overrides:\n * aup-side-place-navigation {\n *   --nav-width: 56px\n *   --nav-expanded-width: 235px\n *   --nav-item-height: var(--nav-width)\n *   --nav-background-color: #555;\n *   --nav-color: rgba(255, 255, 255, 0.9);\n * }\n *\n * // Content Templates:\n * #navEndTemplate\n * <ng-template #navEndTemplate>\n *    <a mat-list-item (click)=\"logout()\" matTooltip=\"Logout\">\n *    <mat-icon>exit_to_app</mat-icon>\n *    <span *ngIf=\"sideNav.expanded\">Logout</span>\n *    </a>\n * </nav-template>\n *\n * // Place nav item in an i18n.yml\n * places:\n *   myPlace:\n *     nav(NavItem):\n *       title: \"Activities\"\n *       icon: \"build\"\n *       tooltip: \"Alerts, confirms and dialogs\"\n *\n * // In your place\n * (at)Place({\n *   path: 'myPlace',\n *   data: {\n *     nav: I18n.places.myPlace.nav()\n *   }\n * })\n */\n@Component({\n  selector: 'aup-side-place-navigation',\n  templateUrl: './side-place-navigation.component.html',\n  styleUrls: ['./side-place-navigation.component.scss']\n})\nexport class SidePlaceNavigationComponent extends AbstractPlaceNavigationComponent {\n\n  @HostBinding('class.expanded')\n  public expanded = false;\n\n  @ContentChild('navEndTemplate')\n  navEndTemplate: TemplateRef<any>;\n\n  constructor(readonly router: Router, placeRouter: PlaceRouter) {\n    super(placeRouter);\n  }\n\n  expandMenu() {\n    this.expanded = true;\n  }\n\n  collapseMenu() {\n    this.expanded = false;\n  }\n\n  toggleMenu() {\n    this.expanded = !this.expanded;\n  }\n}\n"]}
+{"version":3,"file":"side-place-navigation.component.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/place/components/side-place-navigation/side-place-navigation.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAClF,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACjD,OAAO,EAAE,gCAAgC,EAAE,MAAM,wCAAwC,CAAC;AAG1F;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCG;AAMH;IAAkD,gDAAgC;IAQhF,sCAAqB,MAAc,EAAE,WAAwB;QAA7D,YACE,kBAAM,WAAW,CAAC,SACnB;QAFoB,YAAM,GAAN,MAAM,CAAQ;QAL5B,cAAQ,GAAG,KAAK,CAAC;;IAOxB,CAAC;IAED,iDAAU,GAAV;QACE,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;IACvB,CAAC;IAED,mDAAY,GAAZ;QACE,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;IACxB,CAAC;IAED,iDAAU,GAAV;QACE,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC;IACjC,CAAC;;gBAd4B,MAAM;gBAAe,WAAW;;IAL7D;QADC,WAAW,CAAC,gBAAgB,CAAC;;kEACN;IAGxB;QADC,YAAY,CAAC,gBAAgB,CAAC;kCACf,WAAW;wEAAM;IANtB,4BAA4B;QALxC,SAAS,CAAC;YACT,QAAQ,EAAE,2BAA2B;YACrC,43BAAqD;;SAEtD,CAAC;yCAS6B,MAAM,EAAe,WAAW;OARlD,4BAA4B,CAuBxC;IAAD,mCAAC;CAAA,AAvBD,CAAkD,gCAAgC,GAuBjF;SAvBY,4BAA4B","sourcesContent":["import { Component, ContentChild, HostBinding, TemplateRef } from '@angular/core';\nimport { Router } from '@angular/router';\nimport { PlaceRouter } from '../../place-router';\nimport { AbstractPlaceNavigationComponent } from '../abstract-place-navigation.component';\n\n\n/**\n * @example\n * // Usage\n * <aup-vertical-place-navigation [places]=\"placeConstructorArray\"\n *                                [placeOutlet]=\"placeOutletComponent\">\n * </aup-vertical-place-navigation>\n * <aup-place-outlet #placeOutletComponent></aup-place-outlet>\n *\n * // CSS overrides:\n * aup-side-place-navigation {\n *   --nav-width: 56px\n *   --nav-expanded-width: 235px\n *   --nav-item-height: var(--nav-width)\n *   --nav-background-color: #555;\n *   --nav-color: rgba(255, 255, 255, 0.9);\n * }\n *\n * // Content Templates:\n * #navEndTemplate\n * <ng-template #navEndTemplate>\n *    <a mat-list-item (click)=\"logout()\" matTooltip=\"Logout\">\n *    <mat-icon>exit_to_app</mat-icon>\n *    <span *ngIf=\"sideNav.expanded\">Logout</span>\n *    </a>\n * </nav-template>\n *\n * // Place nav item in an i18n.yml\n * places:\n *   myPlace:\n *     nav(NavItem):\n *       title: \"Activities\"\n *       icon: \"build\"\n *       tooltip: \"Alerts, confirms and dialogs\"\n *\n * // In your place\n * (at)Place({\n *   path: 'myPlace',\n *   data: {\n *     nav: I18n.places.myPlace.nav()\n *   }\n * })\n */\n@Component({\n  selector: 'aup-side-place-navigation',\n  templateUrl: './side-place-navigation.component.html',\n  styleUrls: ['./side-place-navigation.component.scss']\n})\nexport class SidePlaceNavigationComponent extends AbstractPlaceNavigationComponent {\n\n  @HostBinding('class.expanded')\n  public expanded = false;\n\n  @ContentChild('navEndTemplate')\n  navEndTemplate: TemplateRef<any>;\n\n  constructor(readonly router: Router, placeRouter: PlaceRouter) {\n    super(placeRouter);\n  }\n\n  expandMenu() {\n    this.expanded = true;\n  }\n\n  collapseMenu() {\n    this.expanded = false;\n  }\n\n  toggleMenu() {\n    this.expanded = !this.expanded;\n  }\n}\n"]}