@coolon/angular-ui-powerups 1.11.4 → 1.12.0

package/esm2015/lib/components/table/column-model.js

@@ -7,6 +7,7 @@ import { DefaultHeaderCellRendererComponent } from './default-header-cell-render
 import { EditRowControls } from './edit-row-controls/edit-row-controls.component';
 import { SelectCellRendererComponent } from './select-cell-renderer/select-cell-renderer.component';
 import { SelectHeaderCellRendererComponent } from './select-header-cell-renderer/select-header-cell-renderer.component';
+import { assert } from '@coolon/typescript-utilities';
 export class ColumnModel {
     constructor(columnId, defaults) {
         this.columnId = columnId;
@@ -40,6 +41,7 @@ export class ColumnModel {
             portal: new ComponentPortal(cellRenderer),
             initialiseComponent: initialiser
         };
+        return this;
     }
     setCellEditor(cellEditor) {
         this._cellEditorConfig = cellEditor;
@@ -83,12 +85,14 @@ export class PropertyColumnModel extends ColumnModel {
     constructor(property, defaults) {
         super(property.toString(), defaults);
         this.property = property;
+        this._format = (value) => value;
         this.cellRenderer(DefaultCellRendererComponent);
     }
     cellRenderer(componentType) {
         this.setCellRenderer(componentType, (component, row) => {
-            component.value = row[this.property];
+            component.value = this._format(row[this.property]);
         });
+        return this;
     }
     cellEditor(editor, options) {
         this.setCellEditor({
@@ -106,6 +110,11 @@ export class PropertyColumnModel extends ColumnModel {
         });
         return this;
     }
+    format(formatter) {
+        assert.isFunction(formatter);
+        this._format = formatter;
+        return this;
+    }
 }
 export class CustomValueColumnModel extends ColumnModel {
     constructor(columnId, defaults, getValue) {
@@ -117,6 +126,7 @@ export class CustomValueColumnModel extends ColumnModel {
         this.setCellRenderer(componentType, (component, row) => {
             component.value = this.getValue(row);
         });
+        return this;
     }
 }
 export class EditorControlColumnModel extends ColumnModel {
@@ -130,6 +140,7 @@ export class EditorControlColumnModel extends ColumnModel {
             component.editSession = editSession;
             component.editRowCommand = editRowCommand;
         });
+        return this;
     }
     getDefaultHeaderText() {
         return '';

package/esm2015/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 { ComponentPortal, Portal } from '@angular/cdk/portal';\nimport { Command, Form, MultipleSelectionModel, SelectionModel, Types, UnaryCommand, Validator } from '@coolon/pectin';\nimport { Memoize } from '@typescript-plus/fast-memoize-decorator/dist/src';\nimport { AbstractInputComponent } from '../forms/abstract-input.component';\nimport { CellEditorComponent } from './cell-editor.component';\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';\n\n\nexport interface ColumnHeaderConfig<Row, C extends any> {\n  portal: Portal<C>;\n  initialiseComponent?: (component: C, column: ColumnModel<Row>) => void;\n}\n\nexport interface CellRendererConfig<Row, C extends any> {\n  portal: Portal<C>;\n  pushState?: (component: C, row: Row, editRowCommand: Command<void>, editSession: EditSession<Row>) => void;\n}\n\nexport interface CellEditorConfig<Row, V, C extends AbstractInputComponent<V>> {\n  portal: Portal<C>;\n  initialiseComponent?: (component: C, editSession: EditSession<Row>) => void;\n}\n\n\nexport class ColumnModel<Row> {\n\n  private _columnTextProperties: ColumnTextProperties;\n\n  private _columnHeaderConfig: ColumnHeaderConfig<Row, any>;\n  private _cellRendererConfig: CellRendererConfig<any, any>;\n  private _cellEditorConfig: CellEditorConfig<any, any, any>;\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 setCellRenderer<C>(cellRenderer: ComponentType<C>, initialiser: (component: C, row: Row, editRowCommand: Command<void>, editSession: EditSession<Row>) => void): void {\n    this._cellRendererConfig = {\n      portal: new ComponentPortal<C>(cellRenderer),\n      pushState: initialiser\n    };\n  }\n\n  cellHeaderRenderer<C>(cellRenderer: ComponentType<C>, initialiser: (component: C, column: ColumnModel<Row>) => void): void {\n    this._columnHeaderConfig = {\n      portal: new ComponentPortal<C>(cellRenderer),\n      initialiseComponent: initialiser\n    };\n  }\n\n  protected setCellEditor<E extends AbstractInputComponent<any>>(cellEditor: CellEditorConfig<any, any, any>): void {\n    this._cellEditorConfig = cellEditor;\n  }\n\n  get cellRendererPortal() {\n    return this._cellRendererConfig.portal;\n  }\n\n  get columnHeaderCellRendererPortal() {\n    return this._columnHeaderConfig.portal;\n  }\n\n  get cellEditorPortal() {\n    return this._cellEditorConfig?.portal;\n  }\n\n  hasEditor() {\n    return !!this._cellEditorConfig;\n  }\n\n  updateCellRenderer(component: any, row: Row, editRowCommand: Command<void>, editSession: EditSession<Row>) {\n    this._cellRendererConfig.pushState(component, row, editRowCommand, editSession);\n  }\n\n  initialiseHeader(component: any) {\n    this._columnHeaderConfig.initialiseComponent(component, this);\n  }\n\n  initialiseEditor(component: any, editSession: EditSession<Row>) {\n    this._cellEditorConfig.initialiseComponent(component, editSession);\n  }\n}\n\nexport namespace ColumnModel {\n  export interface Defaults {\n    getColumnTextProperties(columnModel: ColumnModel<any>): ColumnTextProperties;\n  }\n}\n\nexport interface CellEditorOptions<V, E extends CellEditorComponent<V>> { //extends CellRendererOptions<E> {\n  validators?: Validator<V>[];\n\n  initialiseComponent?(component: E);\n}\n\nexport class PropertyColumnModel<Row, P extends Types.ValuePropertiesOf<Row>> extends ColumnModel<Row> {\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] }>) {\n    this.setCellRenderer(componentType, (component, row) => {\n      component.value = row[this.property];\n    });\n  }\n\n  cellEditor<E extends CellEditorComponent<Row[P]>>(editor: ComponentType<E>, options?: CellEditorOptions<Row[P], E>): this {\n    this.setCellEditor({\n      portal: new ComponentPortal<E>(editor),\n      initialiseComponent: (component: E, editSession: EditSession<Row>) => {\n        const formValueModel = editSession.form.pluck(this.property);\n        if (options?.validators) {\n          formValueModel.validateUsing(options.validators);\n        }\n        component.valueModel = formValueModel;\n        if (options?.initialiseComponent) {\n          options.initialiseComponent(component);\n        }\n      }\n    });\n    return this;\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 }>) {\n    this.setCellRenderer(componentType, (component, row) => {\n      component.value = this.getValue(row);\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> }>) {\n    this.setCellRenderer(componentType, (component, row, editRowCommand, editSession) => {\n      component.row = row;\n      component.editSession = editSession;\n      component.editRowCommand = editRowCommand;\n    });\n  }\n\n  protected getDefaultHeaderText(): string {\n    return '';\n  }\n}\n\nexport class CustomTemplateColumnModel<Row> extends ColumnModel<Row> {\n  constructor(columnId: string, defaults: ColumnModel.Defaults, component: ComponentType<{ editCommand: Command<void>, saveCommand: Command<void>, cancelCommand: Command<void> }>) {\n    super(columnId, defaults);\n  }\n}\n\nexport class SelectionColumnModel<Row> extends ColumnModel<Row> {\n  constructor(columnId: string, defaults: ColumnModel.Defaults, selectionModel: SelectionModel<Row>) {\n    super(columnId, defaults);\n    if (selectionModel instanceof MultipleSelectionModel) {\n      this.cellHeaderRenderer(SelectHeaderCellRendererComponent, (component) => {\n        component.selectionModel = selectionModel;\n      });\n    }\n    this.setCellRenderer(SelectCellRendererComponent, (component, row, editRowCommand, editSession) => {\n      component.row = row;\n      component.selectionModel = selectionModel;\n    });\n  }\n\n  protected getDefaultHeaderText(): string {\n    return '';\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 { ComponentPortal, Portal } from '@angular/cdk/portal';\nimport { Command, Form, MultipleSelectionModel, SelectionModel, Types, UnaryCommand, Validator } from '@coolon/pectin';\nimport { Memoize } from '@typescript-plus/fast-memoize-decorator/dist/src';\nimport { AbstractInputComponent } from '../forms/abstract-input.component';\nimport { CellEditorComponent } from './cell-editor.component';\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 { assert } from '@coolon/typescript-utilities';\n\n\nexport interface ColumnHeaderConfig<Row, C extends any> {\n  portal: Portal<C>;\n  initialiseComponent?: (component: C, column: ColumnModel<Row>) => void;\n}\n\nexport interface CellRendererConfig<Row, C extends any> {\n  portal: Portal<C>;\n  pushState?: (component: C, row: Row, editRowCommand: Command<void>, editSession: EditSession<Row>) => void;\n}\n\nexport interface CellEditorConfig<Row, V, C extends AbstractInputComponent<V>> {\n  portal: Portal<C>;\n  initialiseComponent?: (component: C, editSession: EditSession<Row>) => void;\n}\n\n\nexport class ColumnModel<Row> {\n\n  private _columnTextProperties: ColumnTextProperties;\n\n  private _columnHeaderConfig: ColumnHeaderConfig<Row, any>;\n  private _cellRendererConfig: CellRendererConfig<any, any>;\n  private _cellEditorConfig: CellEditorConfig<any, any, any>;\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 setCellRenderer<C>(cellRenderer: ComponentType<C>, initialiser: (component: C, row: Row, editRowCommand: Command<void>, editSession: EditSession<Row>) => void): void {\n    this._cellRendererConfig = {\n      portal: new ComponentPortal<C>(cellRenderer),\n      pushState: initialiser\n    };\n  }\n\n  cellHeaderRenderer<C>(cellRenderer: ComponentType<C>, initialiser: (component: C, column: ColumnModel<Row>) => void): this {\n    this._columnHeaderConfig = {\n      portal: new ComponentPortal<C>(cellRenderer),\n      initialiseComponent: initialiser\n    };\n    return this;\n  }\n\n  protected setCellEditor<E extends AbstractInputComponent<any>>(cellEditor: CellEditorConfig<any, any, any>): void {\n    this._cellEditorConfig = cellEditor;\n  }\n\n  get cellRendererPortal() {\n    return this._cellRendererConfig.portal;\n  }\n\n  get columnHeaderCellRendererPortal() {\n    return this._columnHeaderConfig.portal;\n  }\n\n  get cellEditorPortal() {\n    return this._cellEditorConfig?.portal;\n  }\n\n  hasEditor() {\n    return !!this._cellEditorConfig;\n  }\n\n  updateCellRenderer(component: any, row: Row, editRowCommand: Command<void>, editSession: EditSession<Row>) {\n    this._cellRendererConfig.pushState(component, row, editRowCommand, editSession);\n  }\n\n  initialiseHeader(component: any) {\n    this._columnHeaderConfig.initialiseComponent(component, this);\n  }\n\n  initialiseEditor(component: any, editSession: EditSession<Row>) {\n    this._cellEditorConfig.initialiseComponent(component, editSession);\n  }\n}\n\nexport namespace ColumnModel {\n  export interface Defaults {\n    getColumnTextProperties(columnModel: ColumnModel<any>): ColumnTextProperties;\n  }\n}\n\nexport interface CellEditorOptions<V, E extends CellEditorComponent<V>> { //extends CellRendererOptions<E> {\n  validators?: Validator<V>[];\n\n  initialiseComponent?(component: E);\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.setCellRenderer(componentType, (component, row) => {\n      component.value = this._format(row[this.property]);\n    });\n    return this;\n  }\n\n  cellEditor<E extends CellEditorComponent<Row[P]>>(editor: ComponentType<E>, options?: CellEditorOptions<Row[P], E>): this {\n    this.setCellEditor({\n      portal: new ComponentPortal<E>(editor),\n      initialiseComponent: (component: E, editSession: EditSession<Row>) => {\n        const formValueModel = editSession.form.pluck(this.property);\n        if (options?.validators) {\n          formValueModel.validateUsing(options.validators);\n        }\n        component.valueModel = formValueModel;\n        if (options?.initialiseComponent) {\n          options.initialiseComponent(component);\n        }\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\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.setCellRenderer(componentType, (component, row) => {\n      component.value = this.getValue(row);\n    });\n    return this;\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.setCellRenderer(componentType, (component, row, editRowCommand, editSession) => {\n      component.row = row;\n      component.editSession = editSession;\n      component.editRowCommand = editRowCommand;\n    });\n    return this;\n  }\n\n  protected getDefaultHeaderText(): string {\n    return '';\n  }\n}\n\nexport class CustomTemplateColumnModel<Row> extends ColumnModel<Row> {\n  constructor(columnId: string, defaults: ColumnModel.Defaults, component: ComponentType<{ editCommand: Command<void>, saveCommand: Command<void>, cancelCommand: Command<void> }>) {\n    super(columnId, defaults);\n  }\n}\n\nexport class SelectionColumnModel<Row> extends ColumnModel<Row> {\n  constructor(columnId: string, defaults: ColumnModel.Defaults, selectionModel: SelectionModel<Row>) {\n    super(columnId, defaults);\n    if (selectionModel instanceof MultipleSelectionModel) {\n      this.cellHeaderRenderer(SelectHeaderCellRendererComponent, (component) => {\n        component.selectionModel = selectionModel;\n      });\n    }\n    this.setCellRenderer(SelectCellRendererComponent, (component, row, editRowCommand, editSession) => {\n      component.row = row;\n      component.selectionModel = selectionModel;\n    });\n  }\n\n  protected getDefaultHeaderText(): string {\n    return '';\n  }\n}\n\n\n"]}

package/esm2015/lib/components/table/column-model.metadata.json

@@ -1 +1 @@
-[{"__symbolic":"module","version":4,"metadata":{"ColumnHeaderConfig":{"__symbolic":"interface"},"CellRendererConfig":{"__symbolic":"interface"},"CellEditorConfig":{"__symbolic":"interface"},"ColumnModel":{"__symbolic":"class","arity":1,"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"string"},{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ColumnModel"},"member":"Defaults"}]}],"getHeaderText":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@typescript-plus/fast-memoize-decorator/dist/src","name":"Memoize","line":45,"character":3}}]}],"getDefaultHeaderText":[{"__symbolic":"method"}],"getColumnTextProperties":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@typescript-plus/fast-memoize-decorator/dist/src","name":"Memoize","line":54,"character":3}}]}],"textProperties":[{"__symbolic":"method"}],"setCellRenderer":[{"__symbolic":"method"}],"cellHeaderRenderer":[{"__symbolic":"method"}],"setCellEditor":[{"__symbolic":"method"}],"hasEditor":[{"__symbolic":"method"}],"updateCellRenderer":[{"__symbolic":"method"}],"initialiseHeader":[{"__symbolic":"method"}],"initialiseEditor":[{"__symbolic":"method"}]}},"CellEditorOptions":{"__symbolic":"interface"},"PropertyColumnModel":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ColumnModel"},"arity":2,"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"error","message":"Could not resolve type","line":125,"character":33,"context":{"typeName":"P"}},{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ColumnModel"},"member":"Defaults"}]}],"cellRenderer":[{"__symbolic":"method"}],"cellEditor":[{"__symbolic":"method"}]}},"CustomValueColumnModel":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ColumnModel"},"arity":2,"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"string"},{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ColumnModel"},"member":"Defaults"},{"__symbolic":"error","message":"Expression form not supported","line":155,"character":82}]}],"cellRenderer":[{"__symbolic":"method"}]}},"EditorControlColumnModel":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ColumnModel"},"arity":1,"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"string"},{"__symbolic":"reference","module":"@coolon/pectin","name":"UnaryCommand","line":169,"character":45,"arguments":[{"__symbolic":"reference","module":"@coolon/pectin","name":"Form","line":169,"character":58,"arguments":[{"__symbolic":"error","message":"Could not resolve type","line":169,"character":63,"context":{"typeName":"Row"}}]},{"__symbolic":"reference","name":"boolean"}]},{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ColumnModel"},"member":"Defaults"}]}],"cellRenderer":[{"__symbolic":"method"}],"getDefaultHeaderText":[{"__symbolic":"method"}]}},"CustomTemplateColumnModel":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ColumnModel"},"arity":1,"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"string"},{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ColumnModel"},"member":"Defaults"},{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"ComponentType","line":188,"character":75,"arguments":[{"__symbolic":"error","message":"Expression form not supported","line":188,"character":89}]}]}]}},"SelectionColumnModel":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ColumnModel"},"arity":1,"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"string"},{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ColumnModel"},"member":"Defaults"},{"__symbolic":"reference","module":"@coolon/pectin","name":"SelectionModel","line":194,"character":80,"arguments":[{"__symbolic":"error","message":"Could not resolve type","line":194,"character":95,"context":{"typeName":"Row"}}]}]}],"getDefaultHeaderText":[{"__symbolic":"method"}]}}}}]
+[{"__symbolic":"module","version":4,"metadata":{"ColumnHeaderConfig":{"__symbolic":"interface"},"CellRendererConfig":{"__symbolic":"interface"},"CellEditorConfig":{"__symbolic":"interface"},"ColumnModel":{"__symbolic":"class","arity":1,"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"string"},{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ColumnModel"},"member":"Defaults"}]}],"getHeaderText":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@typescript-plus/fast-memoize-decorator/dist/src","name":"Memoize","line":46,"character":3}}]}],"getDefaultHeaderText":[{"__symbolic":"method"}],"getColumnTextProperties":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@typescript-plus/fast-memoize-decorator/dist/src","name":"Memoize","line":55,"character":3}}]}],"textProperties":[{"__symbolic":"method"}],"setCellRenderer":[{"__symbolic":"method"}],"cellHeaderRenderer":[{"__symbolic":"method"}],"setCellEditor":[{"__symbolic":"method"}],"hasEditor":[{"__symbolic":"method"}],"updateCellRenderer":[{"__symbolic":"method"}],"initialiseHeader":[{"__symbolic":"method"}],"initialiseEditor":[{"__symbolic":"method"}]}},"CellEditorOptions":{"__symbolic":"interface"},"PropertyColumnModel":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ColumnModel"},"arity":2,"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"error","message":"Could not resolve type","line":130,"character":33,"context":{"typeName":"P"}},{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ColumnModel"},"member":"Defaults"}]}],"cellRenderer":[{"__symbolic":"method"}],"cellEditor":[{"__symbolic":"method"}],"format":[{"__symbolic":"method"}]}},"CustomValueColumnModel":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ColumnModel"},"arity":2,"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"string"},{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ColumnModel"},"member":"Defaults"},{"__symbolic":"error","message":"Expression form not supported","line":167,"character":82}]}],"cellRenderer":[{"__symbolic":"method"}]}},"EditorControlColumnModel":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ColumnModel"},"arity":1,"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"string"},{"__symbolic":"reference","module":"@coolon/pectin","name":"UnaryCommand","line":182,"character":45,"arguments":[{"__symbolic":"reference","module":"@coolon/pectin","name":"Form","line":182,"character":58,"arguments":[{"__symbolic":"error","message":"Could not resolve type","line":182,"character":63,"context":{"typeName":"Row"}}]},{"__symbolic":"reference","name":"boolean"}]},{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ColumnModel"},"member":"Defaults"}]}],"cellRenderer":[{"__symbolic":"method"}],"getDefaultHeaderText":[{"__symbolic":"method"}]}},"CustomTemplateColumnModel":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ColumnModel"},"arity":1,"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"string"},{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ColumnModel"},"member":"Defaults"},{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"ComponentType","line":202,"character":75,"arguments":[{"__symbolic":"error","message":"Expression form not supported","line":202,"character":89}]}]}]}},"SelectionColumnModel":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ColumnModel"},"arity":1,"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"string"},{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ColumnModel"},"member":"Defaults"},{"__symbolic":"reference","module":"@coolon/pectin","name":"SelectionModel","line":208,"character":80,"arguments":[{"__symbolic":"error","message":"Could not resolve type","line":208,"character":95,"context":{"typeName":"Row"}}]}]}],"getDefaultHeaderText":[{"__symbolic":"method"}]}}}}]

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

@@ -133,7 +133,7 @@ let TableModel = TableModel_1 = class TableModel {
         this._columnTextPropertiesLookup = columnTextProperties;
     }
     getColumnTextProperties(column) {
-        const factory = this._columnTextPropertiesLookup[column.columnId];
+        const factory = this._columnTextPropertiesLookup ? this._columnTextPropertiesLookup[column.columnId] : undefined;
         return factory ? factory() : undefined;
     }
     startEditSession(row) {

package/esm2015/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  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} from '@coolon/pectin';\nimport {\n  ColumnModel,\n  CustomValueColumnModel,\n  EditorControlColumnModel,\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\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  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  }\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  addSelectionColumn(selectionModel: SelectionModel<Row>): SelectionColumnModel<Row> {\n    return this.addColumn(new SelectionColumnModel<Row>('selection', this, selectionModel));\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  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[column.columnId];\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.saveCommand);\n      const { when } = Dsl.disposeWith(editSession);\n      when.valueOf(editSession.rowValueModel).changes((editedValue) => {\n        this._rowsBeingEdited.replaceOrPush(editedValue);\n      }, { initialValue: 'triggerChangeUnlessNil' });\n\n      this._editorSessions.push(editSession);\n      editSession.onDispose(() => {\n        this._rowsBeingEdited.remove(editSession.rowValueModel.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"]}
+{"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  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} from '@coolon/pectin';\nimport {\n  ColumnModel,\n  CustomValueColumnModel,\n  EditorControlColumnModel,\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\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  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  }\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  addSelectionColumn(selectionModel: SelectionModel<Row>): SelectionColumnModel<Row> {\n    return this.addColumn(new SelectionColumnModel<Row>('selection', this, selectionModel));\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  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.saveCommand);\n      const { when } = Dsl.disposeWith(editSession);\n      when.valueOf(editSession.rowValueModel).changes((editedValue) => {\n        this._rowsBeingEdited.replaceOrPush(editedValue);\n      }, { initialValue: 'triggerChangeUnlessNil' });\n\n      this._editorSessions.push(editSession);\n      editSession.onDispose(() => {\n        this._rowsBeingEdited.remove(editSession.rowValueModel.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"]}

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

@@ -7,6 +7,7 @@ import { DefaultHeaderCellRendererComponent } from './default-header-cell-render
 import { EditRowControls } from './edit-row-controls/edit-row-controls.component';
 import { SelectCellRendererComponent } from './select-cell-renderer/select-cell-renderer.component';
 import { SelectHeaderCellRendererComponent } from './select-header-cell-renderer/select-header-cell-renderer.component';
+import { assert } from '@coolon/typescript-utilities';
 var ColumnModel = /** @class */ (function () {
     function ColumnModel(columnId, defaults) {
         this.columnId = columnId;
@@ -40,6 +41,7 @@ var ColumnModel = /** @class */ (function () {
             portal: new ComponentPortal(cellRenderer),
             initialiseComponent: initialiser
         };
+        return this;
     };
     ColumnModel.prototype.setCellEditor = function (cellEditor) {
         this._cellEditorConfig = cellEditor;
@@ -98,14 +100,16 @@ var PropertyColumnModel = /** @class */ (function (_super) {
     function PropertyColumnModel(property, defaults) {
         var _this = _super.call(this, property.toString(), defaults) || this;
         _this.property = property;
+        _this._format = function (value) { return value; };
         _this.cellRenderer(DefaultCellRendererComponent);
         return _this;
     }
     PropertyColumnModel.prototype.cellRenderer = function (componentType) {
         var _this = this;
         this.setCellRenderer(componentType, function (component, row) {
-            component.value = row[_this.property];
+            component.value = _this._format(row[_this.property]);
         });
+        return this;
     };
     PropertyColumnModel.prototype.cellEditor = function (editor, options) {
         var _this = this;
@@ -124,6 +128,11 @@ var PropertyColumnModel = /** @class */ (function (_super) {
         });
         return this;
     };
+    PropertyColumnModel.prototype.format = function (formatter) {
+        assert.isFunction(formatter);
+        this._format = formatter;
+        return this;
+    };
     return PropertyColumnModel;
 }(ColumnModel));
 export { PropertyColumnModel };
@@ -140,6 +149,7 @@ var CustomValueColumnModel = /** @class */ (function (_super) {
         this.setCellRenderer(componentType, function (component, row) {
             component.value = _this.getValue(row);
         });
+        return this;
     };
     return CustomValueColumnModel;
 }(ColumnModel));
@@ -157,6 +167,7 @@ var EditorControlColumnModel = /** @class */ (function (_super) {
             component.editSession = editSession;
             component.editRowCommand = editRowCommand;
         });
+        return this;
     };
     EditorControlColumnModel.prototype.getDefaultHeaderText = function () {
         return '';

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 { ComponentPortal, Portal } from '@angular/cdk/portal';\nimport { Command, Form, MultipleSelectionModel, SelectionModel, Types, UnaryCommand, Validator } from '@coolon/pectin';\nimport { Memoize } from '@typescript-plus/fast-memoize-decorator/dist/src';\nimport { AbstractInputComponent } from '../forms/abstract-input.component';\nimport { CellEditorComponent } from './cell-editor.component';\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';\n\n\nexport interface ColumnHeaderConfig<Row, C extends any> {\n  portal: Portal<C>;\n  initialiseComponent?: (component: C, column: ColumnModel<Row>) => void;\n}\n\nexport interface CellRendererConfig<Row, C extends any> {\n  portal: Portal<C>;\n  pushState?: (component: C, row: Row, editRowCommand: Command<void>, editSession: EditSession<Row>) => void;\n}\n\nexport interface CellEditorConfig<Row, V, C extends AbstractInputComponent<V>> {\n  portal: Portal<C>;\n  initialiseComponent?: (component: C, editSession: EditSession<Row>) => void;\n}\n\n\nexport class ColumnModel<Row> {\n\n  private _columnTextProperties: ColumnTextProperties;\n\n  private _columnHeaderConfig: ColumnHeaderConfig<Row, any>;\n  private _cellRendererConfig: CellRendererConfig<any, any>;\n  private _cellEditorConfig: CellEditorConfig<any, any, any>;\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 setCellRenderer<C>(cellRenderer: ComponentType<C>, initialiser: (component: C, row: Row, editRowCommand: Command<void>, editSession: EditSession<Row>) => void): void {\n    this._cellRendererConfig = {\n      portal: new ComponentPortal<C>(cellRenderer),\n      pushState: initialiser\n    };\n  }\n\n  cellHeaderRenderer<C>(cellRenderer: ComponentType<C>, initialiser: (component: C, column: ColumnModel<Row>) => void): void {\n    this._columnHeaderConfig = {\n      portal: new ComponentPortal<C>(cellRenderer),\n      initialiseComponent: initialiser\n    };\n  }\n\n  protected setCellEditor<E extends AbstractInputComponent<any>>(cellEditor: CellEditorConfig<any, any, any>): void {\n    this._cellEditorConfig = cellEditor;\n  }\n\n  get cellRendererPortal() {\n    return this._cellRendererConfig.portal;\n  }\n\n  get columnHeaderCellRendererPortal() {\n    return this._columnHeaderConfig.portal;\n  }\n\n  get cellEditorPortal() {\n    return this._cellEditorConfig?.portal;\n  }\n\n  hasEditor() {\n    return !!this._cellEditorConfig;\n  }\n\n  updateCellRenderer(component: any, row: Row, editRowCommand: Command<void>, editSession: EditSession<Row>) {\n    this._cellRendererConfig.pushState(component, row, editRowCommand, editSession);\n  }\n\n  initialiseHeader(component: any) {\n    this._columnHeaderConfig.initialiseComponent(component, this);\n  }\n\n  initialiseEditor(component: any, editSession: EditSession<Row>) {\n    this._cellEditorConfig.initialiseComponent(component, editSession);\n  }\n}\n\nexport namespace ColumnModel {\n  export interface Defaults {\n    getColumnTextProperties(columnModel: ColumnModel<any>): ColumnTextProperties;\n  }\n}\n\nexport interface CellEditorOptions<V, E extends CellEditorComponent<V>> { //extends CellRendererOptions<E> {\n  validators?: Validator<V>[];\n\n  initialiseComponent?(component: E);\n}\n\nexport class PropertyColumnModel<Row, P extends Types.ValuePropertiesOf<Row>> extends ColumnModel<Row> {\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] }>) {\n    this.setCellRenderer(componentType, (component, row) => {\n      component.value = row[this.property];\n    });\n  }\n\n  cellEditor<E extends CellEditorComponent<Row[P]>>(editor: ComponentType<E>, options?: CellEditorOptions<Row[P], E>): this {\n    this.setCellEditor({\n      portal: new ComponentPortal<E>(editor),\n      initialiseComponent: (component: E, editSession: EditSession<Row>) => {\n        const formValueModel = editSession.form.pluck(this.property);\n        if (options?.validators) {\n          formValueModel.validateUsing(options.validators);\n        }\n        component.valueModel = formValueModel;\n        if (options?.initialiseComponent) {\n          options.initialiseComponent(component);\n        }\n      }\n    });\n    return this;\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 }>) {\n    this.setCellRenderer(componentType, (component, row) => {\n      component.value = this.getValue(row);\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> }>) {\n    this.setCellRenderer(componentType, (component, row, editRowCommand, editSession) => {\n      component.row = row;\n      component.editSession = editSession;\n      component.editRowCommand = editRowCommand;\n    });\n  }\n\n  protected getDefaultHeaderText(): string {\n    return '';\n  }\n}\n\nexport class CustomTemplateColumnModel<Row> extends ColumnModel<Row> {\n  constructor(columnId: string, defaults: ColumnModel.Defaults, component: ComponentType<{ editCommand: Command<void>, saveCommand: Command<void>, cancelCommand: Command<void> }>) {\n    super(columnId, defaults);\n  }\n}\n\nexport class SelectionColumnModel<Row> extends ColumnModel<Row> {\n  constructor(columnId: string, defaults: ColumnModel.Defaults, selectionModel: SelectionModel<Row>) {\n    super(columnId, defaults);\n    if (selectionModel instanceof MultipleSelectionModel) {\n      this.cellHeaderRenderer(SelectHeaderCellRendererComponent, (component) => {\n        component.selectionModel = selectionModel;\n      });\n    }\n    this.setCellRenderer(SelectCellRendererComponent, (component, row, editRowCommand, editSession) => {\n      component.row = row;\n      component.selectionModel = selectionModel;\n    });\n  }\n\n  protected getDefaultHeaderText(): string {\n    return '';\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":";AACA,OAAO,EAAE,eAAe,EAAU,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EAAiB,sBAAsB,EAAkD,MAAM,gBAAgB,CAAC;AACvH,OAAO,EAAE,OAAO,EAAE,MAAM,kDAAkD,CAAC;AAI3E,OAAO,EAAE,4BAA4B,EAAE,MAAM,yDAAyD,CAAC;AACvG,OAAO,EAAE,kCAAkC,EAAE,MAAM,uEAAuE,CAAC;AAC3H,OAAO,EAAE,eAAe,EAAE,MAAM,iDAAiD,CAAC;AAElF,OAAO,EAAE,2BAA2B,EAAE,MAAM,uDAAuD,CAAC;AACpG,OAAO,EAAE,iCAAiC,EAAE,MAAM,qEAAqE,CAAC;AACxH,OAAO,EAAE,MAAM,EAAE,MAAM,8BAA8B,CAAC;AAmBtD;IAQE,qBAAqB,QAAgB,EAAU,QAA8B;QAAxD,aAAQ,GAAR,QAAQ,CAAQ;QAAU,aAAQ,GAAR,QAAQ,CAAsB;QAC3E,IAAI,CAAC,kBAAkB,CAAC,kCAAkC,EAAE,UAAC,SAAS,EAAE,MAAM;YAC5E,SAAS,CAAC,UAAU,GAAG,MAAM,CAAC,aAAa,EAAE,CAAC;QAChD,CAAC,CAAC,CAAC;IACL,CAAC;IAGD,mCAAa,GAAb;;QACE,OAAO,OAAA,IAAI,CAAC,uBAAuB,EAAE,0CAAE,UAAU,OAAM,IAAI,CAAC,oBAAoB,EAAE,CAAC;IACrF,CAAC;IAES,0CAAoB,GAA9B;QACE,OAAO,IAAI,CAAC,QAAQ,CAAC;IACvB,CAAC;IAGD,6CAAuB,GAAvB;QACE,OAAO,IAAI,CAAC,qBAAqB,IAAI,IAAI,CAAC,QAAQ,CAAC,uBAAuB,CAAC,IAAI,CAAC,CAAC;IACnF,CAAC;IAED,oCAAc,GAAd,UAAe,oBAA0C;QACvD,IAAI,CAAC,qBAAqB,GAAG,oBAAoB,CAAC;QAClD,OAAO,IAAI,CAAC;IACd,CAAC;IAES,qCAAe,GAAzB,UAA6B,YAA8B,EAAE,WAA2G;QACtK,IAAI,CAAC,mBAAmB,GAAG;YACzB,MAAM,EAAE,IAAI,eAAe,CAAI,YAAY,CAAC;YAC5C,SAAS,EAAE,WAAW;SACvB,CAAC;IACJ,CAAC;IAED,wCAAkB,GAAlB,UAAsB,YAA8B,EAAE,WAA6D;QACjH,IAAI,CAAC,mBAAmB,GAAG;YACzB,MAAM,EAAE,IAAI,eAAe,CAAI,YAAY,CAAC;YAC5C,mBAAmB,EAAE,WAAW;SACjC,CAAC;QACF,OAAO,IAAI,CAAC;IACd,CAAC;IAES,mCAAa,GAAvB,UAA+D,UAA2C;QACxG,IAAI,CAAC,iBAAiB,GAAG,UAAU,CAAC;IACtC,CAAC;IAED,sBAAI,2CAAkB;aAAtB;YACE,OAAO,IAAI,CAAC,mBAAmB,CAAC,MAAM,CAAC;QACzC,CAAC;;;OAAA;IAED,sBAAI,uDAA8B;aAAlC;YACE,OAAO,IAAI,CAAC,mBAAmB,CAAC,MAAM,CAAC;QACzC,CAAC;;;OAAA;IAED,sBAAI,yCAAgB;aAApB;;YACE,aAAO,IAAI,CAAC,iBAAiB,0CAAE,MAAM,CAAC;QACxC,CAAC;;;OAAA;IAED,+BAAS,GAAT;QACE,OAAO,CAAC,CAAC,IAAI,CAAC,iBAAiB,CAAC;IAClC,CAAC;IAED,wCAAkB,GAAlB,UAAmB,SAAc,EAAE,GAAQ,EAAE,cAA6B,EAAE,WAA6B;QACvG,IAAI,CAAC,mBAAmB,CAAC,SAAS,CAAC,SAAS,EAAE,GAAG,EAAE,cAAc,EAAE,WAAW,CAAC,CAAC;IAClF,CAAC;IAED,sCAAgB,GAAhB,UAAiB,SAAc;QAC7B,IAAI,CAAC,mBAAmB,CAAC,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC;IAChE,CAAC;IAED,sCAAgB,GAAhB,UAAiB,SAAc,EAAE,WAA6B;QAC5D,IAAI,CAAC,iBAAiB,CAAC,mBAAmB,CAAC,SAAS,EAAE,WAAW,CAAC,CAAC;IACrE,CAAC;IA/DD;QADC,OAAO,EAAE;;;;oDAGT;IAOD;QADC,OAAO,EAAE;;;;8DAGT;IAqDH,kBAAC;CAAA,AA/ED,IA+EC;SA/EY,WAAW;AA6FxB;IAAsF,uCAAgB;IAKpG,6BAAqB,QAAW,EAAE,QAA8B;QAAhE,YACE,kBAAM,QAAQ,CAAC,QAAQ,EAAE,EAAE,QAAQ,CAAC,SAErC;QAHoB,cAAQ,GAAR,QAAQ,CAAG;QAFxB,aAAO,GAA2B,UAAC,KAAK,IAAK,OAAA,KAAK,EAAL,CAAK,CAAC;QAIzD,KAAI,CAAC,YAAY,CAAC,4BAA4B,CAAC,CAAC;;IAClD,CAAC;IAED,0CAAY,GAAZ,UAAa,aAA+C;QAA5D,iBAKC;QAJC,IAAI,CAAC,eAAe,CAAC,aAAa,EAAE,UAAC,SAAS,EAAE,GAAG;YACjD,SAAS,CAAC,KAAK,GAAG,KAAI,CAAC,OAAO,CAAC,GAAG,CAAC,KAAI,CAAC,QAAQ,CAAC,CAAC,CAAC;QACrD,CAAC,CAAC,CAAC;QACH,OAAO,IAAI,CAAC;IACd,CAAC;IAED,wCAAU,GAAV,UAAkD,MAAwB,EAAE,OAAsC;QAAlH,iBAeC;QAdC,IAAI,CAAC,aAAa,CAAC;YACjB,MAAM,EAAE,IAAI,eAAe,CAAI,MAAM,CAAC;YACtC,mBAAmB,EAAE,UAAC,SAAY,EAAE,WAA6B;gBAC/D,IAAM,cAAc,GAAG,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,KAAI,CAAC,QAAQ,CAAC,CAAC;gBAC7D,IAAI,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,UAAU,EAAE;oBACvB,cAAc,CAAC,aAAa,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;iBAClD;gBACD,SAAS,CAAC,UAAU,GAAG,cAAc,CAAC;gBACtC,IAAI,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,mBAAmB,EAAE;oBAChC,OAAO,CAAC,mBAAmB,CAAC,SAAS,CAAC,CAAC;iBACxC;YACH,CAAC;SACF,CAAC,CAAC;QACH,OAAO,IAAI,CAAC;IACd,CAAC;IAED,oCAAM,GAAN,UAAO,SAAiC;QACtC,MAAM,CAAC,UAAU,CAAC,SAAS,CAAC,CAAA;QAC5B,IAAI,CAAC,OAAO,GAAG,SAAS,CAAC;QACzB,OAAO,IAAI,CAAC;IACd,CAAC;IACH,0BAAC;AAAD,CAAC,AAvCD,CAAsF,WAAW,GAuChG;;AAED;IAAoD,0CAAgB;IAClE,gCAAY,QAAgB,EAAE,QAA8B,EAAU,QAAyB;QAA/F,YACE,kBAAM,QAAQ,EAAE,QAAQ,CAAC,SAE1B;QAHqE,cAAQ,GAAR,QAAQ,CAAiB;QAE7F,KAAI,CAAC,YAAY,CAAC,4BAA4B,CAAC,CAAC;;IAClD,CAAC;IAED,6CAAY,GAAZ,UAAa,aAA0C;QAAvD,iBAKC;QAJC,IAAI,CAAC,eAAe,CAAC,aAAa,EAAE,UAAC,SAAS,EAAE,GAAG;YACjD,SAAS,CAAC,KAAK,GAAG,KAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC;QACvC,CAAC,CAAC,CAAC;QACH,OAAO,IAAI,CAAC;IACd,CAAC;IACH,6BAAC;AAAD,CAAC,AAZD,CAAoD,WAAW,GAY9D;;AAED;IAAmD,4CAAgB;IAEjE,kCAAY,QAAgB,EAAE,WAA6C,EAAE,QAA8B;QAA3G,YACE,kBAAM,QAAQ,EAAE,QAAQ,CAAC,SAE1B;QADC,KAAI,CAAC,YAAY,CAAC,eAAe,CAAC,CAAC;;IACrC,CAAC;IAED,+CAAY,GAAZ,UAAa,aAAwG;QACnH,IAAI,CAAC,eAAe,CAAC,aAAa,EAAE,UAAC,SAAS,EAAE,GAAG,EAAE,cAAc,EAAE,WAAW;YAC9E,SAAS,CAAC,GAAG,GAAG,GAAG,CAAC;YACpB,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC;YACpC,SAAS,CAAC,cAAc,GAAG,cAAc,CAAC;QAC5C,CAAC,CAAC,CAAC;QACH,OAAO,IAAI,CAAC;IACd,CAAC;IAES,uDAAoB,GAA9B;QACE,OAAO,EAAE,CAAC;IACZ,CAAC;IACH,+BAAC;AAAD,CAAC,AAnBD,CAAmD,WAAW,GAmB7D;;AAED;IAAoD,6CAAgB;IAClE,mCAAY,QAAgB,EAAE,QAA8B,EAAE,SAAkH;eAC9K,kBAAM,QAAQ,EAAE,QAAQ,CAAC;IAC3B,CAAC;IACH,gCAAC;AAAD,CAAC,AAJD,CAAoD,WAAW,GAI9D;;AAED;IAA+C,wCAAgB;IAC7D,8BAAY,QAAgB,EAAE,QAA8B,EAAE,cAAmC;QAAjG,YACE,kBAAM,QAAQ,EAAE,QAAQ,CAAC,SAU1B;QATC,IAAI,cAAc,YAAY,sBAAsB,EAAE;YACpD,KAAI,CAAC,kBAAkB,CAAC,iCAAiC,EAAE,UAAC,SAAS;gBACnE,SAAS,CAAC,cAAc,GAAG,cAAc,CAAC;YAC5C,CAAC,CAAC,CAAC;SACJ;QACD,KAAI,CAAC,eAAe,CAAC,2BAA2B,EAAE,UAAC,SAAS,EAAE,GAAG,EAAE,cAAc,EAAE,WAAW;YAC5F,SAAS,CAAC,GAAG,GAAG,GAAG,CAAC;YACpB,SAAS,CAAC,cAAc,GAAG,cAAc,CAAC;QAC5C,CAAC,CAAC,CAAC;;IACL,CAAC;IAES,mDAAoB,GAA9B;QACE,OAAO,EAAE,CAAC;IACZ,CAAC;IACH,2BAAC;AAAD,CAAC,AAjBD,CAA+C,WAAW,GAiBzD","sourcesContent":["import { ComponentType } from '@angular/cdk/overlay';\nimport { ComponentPortal, Portal } from '@angular/cdk/portal';\nimport { Command, Form, MultipleSelectionModel, SelectionModel, Types, UnaryCommand, Validator } from '@coolon/pectin';\nimport { Memoize } from '@typescript-plus/fast-memoize-decorator/dist/src';\nimport { AbstractInputComponent } from '../forms/abstract-input.component';\nimport { CellEditorComponent } from './cell-editor.component';\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 { assert } from '@coolon/typescript-utilities';\n\n\nexport interface ColumnHeaderConfig<Row, C extends any> {\n  portal: Portal<C>;\n  initialiseComponent?: (component: C, column: ColumnModel<Row>) => void;\n}\n\nexport interface CellRendererConfig<Row, C extends any> {\n  portal: Portal<C>;\n  pushState?: (component: C, row: Row, editRowCommand: Command<void>, editSession: EditSession<Row>) => void;\n}\n\nexport interface CellEditorConfig<Row, V, C extends AbstractInputComponent<V>> {\n  portal: Portal<C>;\n  initialiseComponent?: (component: C, editSession: EditSession<Row>) => void;\n}\n\n\nexport class ColumnModel<Row> {\n\n  private _columnTextProperties: ColumnTextProperties;\n\n  private _columnHeaderConfig: ColumnHeaderConfig<Row, any>;\n  private _cellRendererConfig: CellRendererConfig<any, any>;\n  private _cellEditorConfig: CellEditorConfig<any, any, any>;\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 setCellRenderer<C>(cellRenderer: ComponentType<C>, initialiser: (component: C, row: Row, editRowCommand: Command<void>, editSession: EditSession<Row>) => void): void {\n    this._cellRendererConfig = {\n      portal: new ComponentPortal<C>(cellRenderer),\n      pushState: initialiser\n    };\n  }\n\n  cellHeaderRenderer<C>(cellRenderer: ComponentType<C>, initialiser: (component: C, column: ColumnModel<Row>) => void): this {\n    this._columnHeaderConfig = {\n      portal: new ComponentPortal<C>(cellRenderer),\n      initialiseComponent: initialiser\n    };\n    return this;\n  }\n\n  protected setCellEditor<E extends AbstractInputComponent<any>>(cellEditor: CellEditorConfig<any, any, any>): void {\n    this._cellEditorConfig = cellEditor;\n  }\n\n  get cellRendererPortal() {\n    return this._cellRendererConfig.portal;\n  }\n\n  get columnHeaderCellRendererPortal() {\n    return this._columnHeaderConfig.portal;\n  }\n\n  get cellEditorPortal() {\n    return this._cellEditorConfig?.portal;\n  }\n\n  hasEditor() {\n    return !!this._cellEditorConfig;\n  }\n\n  updateCellRenderer(component: any, row: Row, editRowCommand: Command<void>, editSession: EditSession<Row>) {\n    this._cellRendererConfig.pushState(component, row, editRowCommand, editSession);\n  }\n\n  initialiseHeader(component: any) {\n    this._columnHeaderConfig.initialiseComponent(component, this);\n  }\n\n  initialiseEditor(component: any, editSession: EditSession<Row>) {\n    this._cellEditorConfig.initialiseComponent(component, editSession);\n  }\n}\n\nexport namespace ColumnModel {\n  export interface Defaults {\n    getColumnTextProperties(columnModel: ColumnModel<any>): ColumnTextProperties;\n  }\n}\n\nexport interface CellEditorOptions<V, E extends CellEditorComponent<V>> { //extends CellRendererOptions<E> {\n  validators?: Validator<V>[];\n\n  initialiseComponent?(component: E);\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.setCellRenderer(componentType, (component, row) => {\n      component.value = this._format(row[this.property]);\n    });\n    return this;\n  }\n\n  cellEditor<E extends CellEditorComponent<Row[P]>>(editor: ComponentType<E>, options?: CellEditorOptions<Row[P], E>): this {\n    this.setCellEditor({\n      portal: new ComponentPortal<E>(editor),\n      initialiseComponent: (component: E, editSession: EditSession<Row>) => {\n        const formValueModel = editSession.form.pluck(this.property);\n        if (options?.validators) {\n          formValueModel.validateUsing(options.validators);\n        }\n        component.valueModel = formValueModel;\n        if (options?.initialiseComponent) {\n          options.initialiseComponent(component);\n        }\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\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.setCellRenderer(componentType, (component, row) => {\n      component.value = this.getValue(row);\n    });\n    return this;\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.setCellRenderer(componentType, (component, row, editRowCommand, editSession) => {\n      component.row = row;\n      component.editSession = editSession;\n      component.editRowCommand = editRowCommand;\n    });\n    return this;\n  }\n\n  protected getDefaultHeaderText(): string {\n    return '';\n  }\n}\n\nexport class CustomTemplateColumnModel<Row> extends ColumnModel<Row> {\n  constructor(columnId: string, defaults: ColumnModel.Defaults, component: ComponentType<{ editCommand: Command<void>, saveCommand: Command<void>, cancelCommand: Command<void> }>) {\n    super(columnId, defaults);\n  }\n}\n\nexport class SelectionColumnModel<Row> extends ColumnModel<Row> {\n  constructor(columnId: string, defaults: ColumnModel.Defaults, selectionModel: SelectionModel<Row>) {\n    super(columnId, defaults);\n    if (selectionModel instanceof MultipleSelectionModel) {\n      this.cellHeaderRenderer(SelectHeaderCellRendererComponent, (component) => {\n        component.selectionModel = selectionModel;\n      });\n    }\n    this.setCellRenderer(SelectCellRendererComponent, (component, row, editRowCommand, editSession) => {\n      component.row = row;\n      component.selectionModel = selectionModel;\n    });\n  }\n\n  protected getDefaultHeaderText(): string {\n    return '';\n  }\n}\n\n\n"]}

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

@@ -142,7 +142,7 @@ var TableModel = /** @class */ (function () {
         this._columnTextPropertiesLookup = columnTextProperties;
     };
     TableModel.prototype.getColumnTextProperties = function (column) {
-        var factory = this._columnTextPropertiesLookup[column.columnId];
+        var factory = this._columnTextPropertiesLookup ? this._columnTextPropertiesLookup[column.columnId] : undefined;
         return factory ? factory() : undefined;
     };
     TableModel.prototype.startEditSession = function (row) {

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  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} from '@coolon/pectin';\nimport {\n  ColumnModel,\n  CustomValueColumnModel,\n  EditorControlColumnModel,\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\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  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  }\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  addSelectionColumn(selectionModel: SelectionModel<Row>): SelectionColumnModel<Row> {\n    return this.addColumn(new SelectionColumnModel<Row>('selection', this, selectionModel));\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  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[column.columnId];\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.saveCommand);\n      const { when } = Dsl.disposeWith(editSession);\n      when.valueOf(editSession.rowValueModel).changes((editedValue) => {\n        this._rowsBeingEdited.replaceOrPush(editedValue);\n      }, { initialValue: 'triggerChangeUnlessNil' });\n\n      this._editorSessions.push(editSession);\n      editSession.onDispose(() => {\n        this._rowsBeingEdited.remove(editSession.rowValueModel.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"]}
+{"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  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} from '@coolon/pectin';\nimport {\n  ColumnModel,\n  CustomValueColumnModel,\n  EditorControlColumnModel,\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\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  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  }\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  addSelectionColumn(selectionModel: SelectionModel<Row>): SelectionColumnModel<Row> {\n    return this.addColumn(new SelectionColumnModel<Row>('selection', this, selectionModel));\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  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.saveCommand);\n      const { when } = Dsl.disposeWith(editSession);\n      when.valueOf(editSession.rowValueModel).changes((editedValue) => {\n        this._rowsBeingEdited.replaceOrPush(editedValue);\n      }, { initialValue: 'triggerChangeUnlessNil' });\n\n      this._editorSessions.push(editSession);\n      editSession.onDispose(() => {\n        this._rowsBeingEdited.remove(editSession.rowValueModel.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"]}

package/fesm2015/coolon-angular-ui-powerups.js

@@ -2310,6 +2310,7 @@ class ColumnModel {
             portal: new ComponentPortal(cellRenderer),
             initialiseComponent: initialiser
         };
+        return this;
     }
     setCellEditor(cellEditor) {
         this._cellEditorConfig = cellEditor;
@@ -2353,12 +2354,14 @@ class PropertyColumnModel extends ColumnModel {
     constructor(property, defaults) {
         super(property.toString(), defaults);
         this.property = property;
+        this._format = (value) => value;
         this.cellRenderer(DefaultCellRendererComponent);
     }
     cellRenderer(componentType) {
         this.setCellRenderer(componentType, (component, row) => {
-            component.value = row[this.property];
+            component.value = this._format(row[this.property]);
         });
+        return this;
     }
     cellEditor(editor, options) {
         this.setCellEditor({
@@ -2376,6 +2379,11 @@ class PropertyColumnModel extends ColumnModel {
         });
         return this;
     }
+    format(formatter) {
+        assert$1.isFunction(formatter);
+        this._format = formatter;
+        return this;
+    }
 }
 class CustomValueColumnModel extends ColumnModel {
     constructor(columnId, defaults, getValue) {
@@ -2387,6 +2395,7 @@ class CustomValueColumnModel extends ColumnModel {
         this.setCellRenderer(componentType, (component, row) => {
             component.value = this.getValue(row);
         });
+        return this;
     }
 }
 class EditorControlColumnModel extends ColumnModel {
@@ -2400,6 +2409,7 @@ class EditorControlColumnModel extends ColumnModel {
             component.editSession = editSession;
             component.editRowCommand = editRowCommand;
         });
+        return this;
     }
     getDefaultHeaderText() {
         return '';
@@ -2559,7 +2569,7 @@ let TableModel = TableModel_1 = class TableModel {
         this._columnTextPropertiesLookup = columnTextProperties;
     }
     getColumnTextProperties(column) {
-        const factory = this._columnTextPropertiesLookup[column.columnId];
+        const factory = this._columnTextPropertiesLookup ? this._columnTextPropertiesLookup[column.columnId] : undefined;
         return factory ? factory() : undefined;
     }
     startEditSession(row) {