@coolon/angular-ui-powerups 1.11.4 → 1.13.0

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

@@ -1,12 +1,137 @@
-import { __decorate, __extends, __metadata } from "tslib";
-import { ComponentPortal } from '@angular/cdk/portal';
-import { MultipleSelectionModel } from '@coolon/pectin';
+import { __assign, __decorate, __extends, __metadata } from "tslib";
+import { ComponentPortal, TemplatePortal } from '@angular/cdk/portal';
+import { MultipleSelectionModel, Trace } from '@coolon/pectin';
+import { assert } from '@coolon/typescript-utilities';
 import { Memoize } from '@typescript-plus/fast-memoize-decorator/dist/src';
+import _ from 'lodash';
 import { DefaultCellRendererComponent } from './default-cell-renderer/default-cell-renderer.component';
 import { DefaultHeaderCellRendererComponent } from './default-header-cell-renderer/default-header-cell-renderer.component';
 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 { TableCellRendererComponent } from './table-cell-renderer/table-cell-renderer.component';
+export var HEADER_CELL_RENDERER_PORTAL = Symbol('aup-cell-header-renderer-component-ref');
+export var CELL_RENDERER_PORTAL = Symbol('aup-cell-renderer-component-ref');
+export var CELL_EDITOR_PORTAL = Symbol('aup-cell-editor-component-ref');
+export var PORTAL_RENDERER_COMPONENT = Symbol('aup-cell-renderer-portal-component');
+export var PORTAL_EDITOR_COMPONENT = Symbol('aup-cell-editor-portal-component');
+var noop = function () {
+};
+var ɵ0 = noop;
+var CellPortalRef = /** @class */ (function () {
+    function CellPortalRef() {
+    }
+    return CellPortalRef;
+}());
+export { CellPortalRef };
+var CellHeaderPortalRef = /** @class */ (function (_super) {
+    __extends(CellHeaderPortalRef, _super);
+    function CellHeaderPortalRef(componentType, initialiseHeader) {
+        var _this = _super.call(this) || this;
+        _this.componentType = componentType;
+        _this.initialiseHeader = initialiseHeader;
+        return _this;
+    }
+    CellHeaderPortalRef.prototype.initialiseHost = function (host, columnModel) {
+        assert.isTruthy(host);
+        host[HEADER_CELL_RENDERER_PORTAL] = new ComponentPortal(this.componentType);
+    };
+    CellHeaderPortalRef.prototype.onPortalAttached = function (host, portalComponent) {
+        this.initialiseHeader(portalComponent, host.column);
+    };
+    return CellHeaderPortalRef;
+}(CellPortalRef));
+export { CellHeaderPortalRef };
+var CellRendererPortalRef = /** @class */ (function (_super) {
+    __extends(CellRendererPortalRef, _super);
+    function CellRendererPortalRef() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    return CellRendererPortalRef;
+}(CellPortalRef));
+export { CellRendererPortalRef };
+var ComponentCellRendererPortalRef = /** @class */ (function (_super) {
+    __extends(ComponentCellRendererPortalRef, _super);
+    function ComponentCellRendererPortalRef(componentType, updateComponent) {
+        var _this = _super.call(this) || this;
+        _this.componentType = componentType;
+        _this.updateComponent = updateComponent;
+        return _this;
+    }
+    ComponentCellRendererPortalRef.prototype.initialiseHost = function (host, columnModel) {
+        host[CELL_RENDERER_PORTAL] = new ComponentPortal(this.componentType);
+    };
+    ComponentCellRendererPortalRef.prototype.onPortalAttached = function (host, portalComponent) {
+        host[PORTAL_RENDERER_COMPONENT] = portalComponent;
+        this.updateComponent(portalComponent, host.getRowData());
+    };
+    ComponentCellRendererPortalRef.prototype.pushState = function (host) {
+        if (host[PORTAL_RENDERER_COMPONENT]) {
+            this.updateComponent(host[PORTAL_RENDERER_COMPONENT], host.getRowData());
+        }
+    };
+    return ComponentCellRendererPortalRef;
+}(CellRendererPortalRef));
+export { ComponentCellRendererPortalRef };
+var CellEditorPortalRef = /** @class */ (function (_super) {
+    __extends(CellEditorPortalRef, _super);
+    function CellEditorPortalRef(componentType, initialiseEditorSession) {
+        var _this = _super.call(this) || this;
+        _this.componentType = componentType;
+        _this.initialiseEditorSession = initialiseEditorSession;
+        return _this;
+    }
+    CellEditorPortalRef.prototype.initialiseHost = function (host, columnModel) {
+        assert.isTruthy(host);
+        host[CELL_EDITOR_PORTAL] = new ComponentPortal(this.componentType);
+    };
+    CellEditorPortalRef.prototype.onPortalAttached = function (host, portalComponent) {
+        host[PORTAL_EDITOR_COMPONENT] = portalComponent;
+        this.initialiseEditorSession(portalComponent, host.editSession);
+    };
+    __decorate([
+        Trace(),
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [TableCellRendererComponent, Object]),
+        __metadata("design:returntype", void 0)
+    ], CellEditorPortalRef.prototype, "onPortalAttached", null);
+    return CellEditorPortalRef;
+}(CellPortalRef));
+export { CellEditorPortalRef };
+var TemplateCellRendererPortalRef = /** @class */ (function (_super) {
+    __extends(TemplateCellRendererPortalRef, _super);
+    function TemplateCellRendererPortalRef() {
+        return _super.call(this) || this;
+    }
+    TemplateCellRendererPortalRef.prototype.registerPortal = function (templateRef, viewContainer, fillCell, padChild) {
+        this.templateRef = templateRef;
+        this.viewContainer = viewContainer;
+        this.fillCell = fillCell;
+        this.padChild = padChild;
+    };
+    TemplateCellRendererPortalRef.prototype.initialiseHost = function (host, columnModel) {
+        assert.isTruthy(host);
+    };
+    TemplateCellRendererPortalRef.prototype.onPortalAttached = function (host, portalComponent) {
+        //  don't care
+    };
+    TemplateCellRendererPortalRef.prototype.pushState = function (host) {
+        host[CELL_RENDERER_PORTAL] = this.createPortal(host.getRowData());
+        host.fillCell = this.fillCell;
+        host.padChild = this.padChild;
+    };
+    TemplateCellRendererPortalRef.prototype.createPortal = function (data) {
+        return new TemplatePortal(this.templateRef, this.viewContainer, __assign(__assign({}, (data)), { $implicit: data.row }));
+    };
+    __decorate([
+        Trace(),
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [TableCellRendererComponent, void 0]),
+        __metadata("design:returntype", void 0)
+    ], TemplateCellRendererPortalRef.prototype, "onPortalAttached", null);
+    return TemplateCellRendererPortalRef;
+}(CellRendererPortalRef));
+export { TemplateCellRendererPortalRef };
 var ColumnModel = /** @class */ (function () {
     function ColumnModel(columnId, defaults) {
         this.columnId = columnId;
@@ -29,54 +154,42 @@ var ColumnModel = /** @class */ (function () {
         this._columnTextProperties = columnTextProperties;
         return this;
     };
-    ColumnModel.prototype.setCellRenderer = function (cellRenderer, initialiser) {
-        this._cellRendererConfig = {
-            portal: new ComponentPortal(cellRenderer),
-            pushState: initialiser
-        };
-    };
-    ColumnModel.prototype.cellHeaderRenderer = function (cellRenderer, initialiser) {
-        this._columnHeaderConfig = {
-            portal: new ComponentPortal(cellRenderer),
-            initialiseComponent: initialiser
-        };
-    };
-    ColumnModel.prototype.setCellEditor = function (cellEditor) {
-        this._cellEditorConfig = cellEditor;
-    };
-    Object.defineProperty(ColumnModel.prototype, "cellRendererPortal", {
-        get: function () {
-            return this._cellRendererConfig.portal;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(ColumnModel.prototype, "columnHeaderCellRendererPortal", {
-        get: function () {
-            return this._columnHeaderConfig.portal;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(ColumnModel.prototype, "cellEditorPortal", {
-        get: function () {
-            var _a;
-            return (_a = this._cellEditorConfig) === null || _a === void 0 ? void 0 : _a.portal;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    ColumnModel.prototype.hasEditor = function () {
-        return !!this._cellEditorConfig;
-    };
-    ColumnModel.prototype.updateCellRenderer = function (component, row, editRowCommand, editSession) {
-        this._cellRendererConfig.pushState(component, row, editRowCommand, editSession);
-    };
-    ColumnModel.prototype.initialiseHeader = function (component) {
-        this._columnHeaderConfig.initialiseComponent(component, this);
-    };
-    ColumnModel.prototype.initialiseEditor = function (component, editSession) {
-        this._cellEditorConfig.initialiseComponent(component, editSession);
+    ColumnModel.prototype.configureHeaderRenderer = function (config) {
+        this._columnHeaderPortalRef = config;
+    };
+    ColumnModel.prototype.configureCellRenderer = function (config) {
+        this._cellRendererPortalRef = config;
+    };
+    ColumnModel.prototype.configureCellEditor = function (cellEditor) {
+        this._cellEditorPortalRef = cellEditor;
+    };
+    ColumnModel.prototype.cellHeaderRenderer = function (componentType, initialiser) {
+        this.configureHeaderRenderer(new CellHeaderPortalRef(componentType, initialiser));
+        return this;
+    };
+    ColumnModel.prototype.hasEditorPortal = function () {
+        return !!this._cellEditorPortalRef;
+    };
+    ColumnModel.prototype.attachHeaderCell = function (host) {
+        this._columnHeaderPortalRef.initialiseHost(host, this);
+    };
+    ColumnModel.prototype.attachCell = function (host) {
+        this._cellRendererPortalRef.initialiseHost(host, this);
+        if (this.hasEditorPortal()) {
+            this._cellEditorPortalRef.initialiseHost(host, this);
+        }
+    };
+    ColumnModel.prototype.onHeaderAttached = function (host, component) {
+        this._columnHeaderPortalRef.onPortalAttached(host, component);
+    };
+    ColumnModel.prototype.onRendererAttached = function (host, component) {
+        this._cellRendererPortalRef.onPortalAttached(host, component);
+    };
+    ColumnModel.prototype.onEditorAttached = function (host, component) {
+        this._cellEditorPortalRef.onPortalAttached(host, component);
+    };
+    ColumnModel.prototype.updatePortalContent = function (host) {
+        this._cellRendererPortalRef.pushState(host);
     };
     __decorate([
         Memoize(),
@@ -90,6 +203,12 @@ var ColumnModel = /** @class */ (function () {
         __metadata("design:paramtypes", []),
         __metadata("design:returntype", Object)
     ], ColumnModel.prototype, "getColumnTextProperties", null);
+    __decorate([
+        Trace(),
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [TableCellRendererComponent, Object]),
+        __metadata("design:returntype", void 0)
+    ], ColumnModel.prototype, "onEditorAttached", null);
     return ColumnModel;
 }());
 export { ColumnModel };
@@ -98,35 +217,81 @@ 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];
-        });
+        this.configureCellRenderer(new ComponentCellRendererPortalRef(componentType, function (component, rowData) {
+            component.value = _this._format(rowData.row[_this.property]);
+        }));
+        return this;
     };
-    PropertyColumnModel.prototype.cellEditor = function (editor, options) {
+    PropertyColumnModel.prototype.cellEditor = function (editor, validatorsOrInitialiser, initialiseComponent) {
         var _this = this;
-        this.setCellEditor({
-            portal: new ComponentPortal(editor),
-            initialiseComponent: function (component, editSession) {
-                var formValueModel = editSession.form.pluck(_this.property);
-                if (options === null || options === void 0 ? void 0 : options.validators) {
-                    formValueModel.validateUsing(options.validators);
-                }
-                component.valueModel = formValueModel;
-                if (options === null || options === void 0 ? void 0 : options.initialiseComponent) {
-                    options.initialiseComponent(component);
-                }
+        var validators = Array.isArray(validatorsOrInitialiser) ? validatorsOrInitialiser : undefined;
+        var initialiser = _.isFunction(validatorsOrInitialiser) ? validatorsOrInitialiser : initialiseComponent;
+        this.configureCellEditor(new CellEditorPortalRef(editor, function (component, editSession) {
+            var formValueModel = editSession.form.pluck(_this.property);
+            if (validators) {
+                formValueModel.validateUsing(validators);
             }
-        });
+            component.valueModel = formValueModel;
+            if (initialiser) {
+                initialiser(component);
+            }
+        }));
+        return this;
+    };
+    PropertyColumnModel.prototype.format = function (formatter) {
+        assert.isFunction(formatter);
+        this._format = formatter;
         return this;
     };
     return PropertyColumnModel;
 }(ColumnModel));
 export { PropertyColumnModel };
+var ListPropertyColumnModel = /** @class */ (function (_super) {
+    __extends(ListPropertyColumnModel, _super);
+    function ListPropertyColumnModel(property, defaults) {
+        var _this = _super.call(this, property.toString(), defaults) || this;
+        _this.property = property;
+        _this._format = function (value) { return value.map(function (v) { return v === null || v === void 0 ? void 0 : v.toString(); }).join(', '); };
+        _this.cellRenderer(DefaultCellRendererComponent);
+        return _this;
+    }
+    ListPropertyColumnModel.prototype.cellRenderer = function (componentType) {
+        var _this = this;
+        this.configureCellRenderer(new ComponentCellRendererPortalRef(componentType, function (component, rowData) {
+            component.value = _this._format(rowData.row[_this.property]);
+        }));
+        return this;
+    };
+    ListPropertyColumnModel.prototype.cellEditor = function (editor, validatorsOrInitialiser, initialiseComponent) {
+        var _this = this;
+        var validators = Array.isArray(validatorsOrInitialiser) ? validatorsOrInitialiser : undefined;
+        var initialiser = _.isFunction(validatorsOrInitialiser) ? validatorsOrInitialiser : initialiseComponent;
+        this.configureCellEditor(new CellEditorPortalRef(editor, function (component, editSession) {
+            var formListModel = editSession.form.pluckList(_this.property);
+            if (validators) {
+                formListModel.validateUsing(validators);
+            }
+            component.listModel = formListModel;
+            if (initialiser) {
+                initialiser(component);
+            }
+        }));
+        return this;
+    };
+    ListPropertyColumnModel.prototype.format = function (formatter) {
+        assert.isFunction(formatter);
+        this._format = formatter;
+        return this;
+    };
+    return ListPropertyColumnModel;
+}(ColumnModel));
+export { ListPropertyColumnModel };
 var CustomValueColumnModel = /** @class */ (function (_super) {
     __extends(CustomValueColumnModel, _super);
     function CustomValueColumnModel(columnId, defaults, getValue) {
@@ -137,9 +302,10 @@ var CustomValueColumnModel = /** @class */ (function (_super) {
     }
     CustomValueColumnModel.prototype.cellRenderer = function (componentType) {
         var _this = this;
-        this.setCellRenderer(componentType, function (component, row) {
-            component.value = _this.getValue(row);
-        });
+        this.configureCellRenderer(new ComponentCellRendererPortalRef(componentType, function (component, rowData) {
+            component.value = _this.getValue(rowData.row);
+        }));
+        return this;
     };
     return CustomValueColumnModel;
 }(ColumnModel));
@@ -152,11 +318,12 @@ var EditorControlColumnModel = /** @class */ (function (_super) {
         return _this;
     }
     EditorControlColumnModel.prototype.cellRenderer = function (componentType) {
-        this.setCellRenderer(componentType, function (component, row, editRowCommand, editSession) {
-            component.row = row;
-            component.editSession = editSession;
-            component.editRowCommand = editRowCommand;
-        });
+        this.configureCellRenderer(new ComponentCellRendererPortalRef(componentType, function (component, rowData) {
+            component.row = rowData.row;
+            component.editSession = rowData.editSession;
+            component.editRowCommand = rowData.editRowCommand;
+        }));
+        return this;
     };
     EditorControlColumnModel.prototype.getDefaultHeaderText = function () {
         return '';
@@ -166,9 +333,15 @@ var EditorControlColumnModel = /** @class */ (function (_super) {
 export { EditorControlColumnModel };
 var CustomTemplateColumnModel = /** @class */ (function (_super) {
     __extends(CustomTemplateColumnModel, _super);
-    function CustomTemplateColumnModel(columnId, defaults, component) {
-        return _super.call(this, columnId, defaults) || this;
+    function CustomTemplateColumnModel(columnId, defaults) {
+        var _this = _super.call(this, columnId, defaults) || this;
+        _this.config = new TemplateCellRendererPortalRef();
+        _this.configureCellRenderer(_this.config);
+        return _this;
     }
+    CustomTemplateColumnModel.prototype.setTemplate = function (templateRef, viewContainer, fillCell, padChild) {
+        this.config.registerPortal(templateRef, viewContainer, fillCell, padChild);
+    };
     return CustomTemplateColumnModel;
 }(ColumnModel));
 export { CustomTemplateColumnModel };
@@ -181,10 +354,10 @@ var SelectionColumnModel = /** @class */ (function (_super) {
                 component.selectionModel = selectionModel;
             });
         }
-        _this.setCellRenderer(SelectCellRendererComponent, function (component, row, editRowCommand, editSession) {
-            component.row = row;
+        _this.configureCellRenderer(new ComponentCellRendererPortalRef(SelectCellRendererComponent, function (component, rowData) {
+            component.row = rowData.row;
             component.selectionModel = selectionModel;
-        });
+        }));
         return _this;
     }
     SelectionColumnModel.prototype.getDefaultHeaderText = function () {
@@ -193,4 +366,5 @@ var SelectionColumnModel = /** @class */ (function (_super) {
     return SelectionColumnModel;
 }(ColumnModel));
 export { SelectionColumnModel };
+export { ɵ0 };
 //# sourceMappingURL=column-model.js.map

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":"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","sourcesContent":["import { ComponentType } from '@angular/cdk/overlay';\nimport { ComponentPortal, TemplatePortal } from '@angular/cdk/portal';\nimport { TemplateRef, ViewContainerRef } from '@angular/core';\nimport {\n  Command,\n  Form,\n  MultipleSelectionModel,\n  SelectionModel,\n  Trace,\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 { doc } from 'prettier';\nimport { CellEditorComponent, CellListEditorComponent } from './cell-editors';\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';\nimport fill = doc.builders.fill;\n\n\nexport const HEADER_CELL_RENDERER_PORTAL = Symbol('aup-cell-header-renderer-component-ref');\nexport const CELL_RENDERER_PORTAL = Symbol('aup-cell-renderer-component-ref');\nexport const CELL_EDITOR_PORTAL = Symbol('aup-cell-editor-component-ref');\nexport const PORTAL_RENDERER_COMPONENT = Symbol('aup-cell-renderer-portal-component');\nexport const PORTAL_EDITOR_COMPONENT = Symbol('aup-cell-editor-portal-component');\n\nconst noop = () => {\n};\n\nexport interface RowData<Row> {\n  row: Row;\n  editSession?: EditSession<Row>;\n  editRowCommand: Command<void>;\n}\n\nexport abstract class CellPortalRef<Row, Host, Portal> {\n  constructor() {\n  }\n\n  abstract initialiseHost(host: Host, columnModel: ColumnModel<Row>)\n\n  abstract onPortalAttached(host: Host, portalComponent: Portal);\n}\n\nexport class CellHeaderPortalRef<Row, C> extends CellPortalRef<Row, TableHeaderCellRendererComponent, C> {\n  constructor(readonly componentType: ComponentType<C>, readonly initialiseHeader: (component: C, columnModel: ColumnModel<Row>) => void) {\n    super();\n  }\n\n  initialiseHost(host: TableHeaderCellRendererComponent, columnModel: ColumnModel<Row>) {\n    assert.isTruthy(host);\n    host[HEADER_CELL_RENDERER_PORTAL] = new ComponentPortal(this.componentType);\n  }\n\n  onPortalAttached(host: TableHeaderCellRendererComponent, portalComponent: C) {\n    this.initialiseHeader(portalComponent, host.column);\n  }\n\n}\n\nexport abstract class CellRendererPortalRef<Row, Portal> extends CellPortalRef<Row, TableCellRendererComponent<Row>, Portal> {\n  abstract pushState(host: TableCellRendererComponent<Row>): void;\n}\n\nexport class ComponentCellRendererPortalRef<Row, Portal> extends CellRendererPortalRef<Row, Portal> {\n\n\n  constructor(readonly componentType: ComponentType<Portal>, readonly updateComponent: (component: Portal, rowData: RowData<Row>) => void) {\n    super();\n  }\n\n  initialiseHost(host: TableCellRendererComponent<Row>, columnModel: ColumnModel<Row>) {\n    host[CELL_RENDERER_PORTAL] = new ComponentPortal(this.componentType);\n  }\n\n  onPortalAttached(host: TableCellRendererComponent<Row>, portalComponent: Portal) {\n    host[PORTAL_RENDERER_COMPONENT] = portalComponent;\n    this.updateComponent(portalComponent, host.getRowData());\n  }\n\n  pushState(host: TableCellRendererComponent<Row>): void {\n    if (host[PORTAL_RENDERER_COMPONENT]) {\n      this.updateComponent(host[PORTAL_RENDERER_COMPONENT], host.getRowData());\n    }\n  }\n\n}\n\nexport class CellEditorPortalRef<Row, Portal> extends CellPortalRef<Row, TableCellRendererComponent<Row>, Portal> {\n\n  constructor(readonly componentType: ComponentType<Portal>, readonly initialiseEditorSession: (component: Portal, editSession: EditSession<Row>) => void) {\n    super();\n  }\n\n  initialiseHost(host: TableCellRendererComponent<Row>, columnModel: ColumnModel<Row>) {\n    assert.isTruthy(host);\n    host[CELL_EDITOR_PORTAL] = new ComponentPortal(this.componentType);\n  }\n\n  @Trace()\n  onPortalAttached(host: TableCellRendererComponent<Row>, portalComponent: Portal) {\n    host[PORTAL_EDITOR_COMPONENT] = portalComponent;\n    this.initialiseEditorSession(portalComponent, host.editSession);\n  }\n\n}\n\nexport class TemplateCellRendererPortalRef<Row> extends CellRendererPortalRef<Row, undefined> {\n\n  private templateRef: TemplateRef<any>;\n  private viewContainer: ViewContainerRef;\n  private fillCell: boolean;\n  private padChild: boolean;\n\n  constructor() {\n    super();\n  }\n\n  public registerPortal(templateRef: TemplateRef<any>, viewContainer: ViewContainerRef, fillCell: boolean, padChild: boolean) {\n    this.templateRef = templateRef;\n    this.viewContainer = viewContainer;\n    this.fillCell = fillCell;\n    this.padChild = padChild;\n  }\n\n  initialiseHost(host: TableCellRendererComponent<Row>, columnModel: ColumnModel<Row>) {\n    assert.isTruthy(host);\n  }\n\n  @Trace()\n  onPortalAttached(host: TableCellRendererComponent<Row>, portalComponent: undefined) {\n    //  don't care\n  }\n\n  pushState(host: TableCellRendererComponent<Row>): void {\n    host[CELL_RENDERER_PORTAL] = this.createPortal(host.getRowData());\n    host.fillCell = this.fillCell;\n    host.padChild = this.padChild;\n  }\n\n  private createPortal(data: RowData<Row>) {\n    return new TemplatePortal<any>(this.templateRef, this.viewContainer, { ...(data), $implicit: data.row });\n  }\n}\n\n\nexport class ColumnModel<Row> {\n\n  private _columnTextProperties: ColumnTextProperties;\n\n  private _columnHeaderPortalRef: CellPortalRef<Row, TableHeaderCellRendererComponent, any>;\n  private _cellRendererPortalRef: CellRendererPortalRef<Row, any>;\n  private _cellEditorPortalRef: CellEditorPortalRef<Row, 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 configureHeaderRenderer<C>(config: CellPortalRef<Row, any, 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\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\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\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\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\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.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\n\n"]}

package/esm5/lib/components/table/column-template/column-template.directive.js

@@ -1,16 +1,41 @@
 import { __decorate, __metadata } from "tslib";
-import { Directive, TemplateRef, ViewContainerRef } from '@angular/core';
+import { Directive, Input, OnInit, TemplateRef, ViewContainerRef } from '@angular/core';
+import { assert } from '@coolon/pectin';
 import { TableComponent } from '../table.component';
 var ColumnTemplateDirective = /** @class */ (function () {
     function ColumnTemplateDirective(host, templateRef, viewContainer) {
+        this.host = host;
         this.templateRef = templateRef;
         this.viewContainer = viewContainer;
+        this.aupColumnTemplateFillCell = false;
+        this.aupColumnTemplateAutoPadChild = undefined;
     }
+    ColumnTemplateDirective.prototype.ngOnInit = function () {
+        var _a;
+        assert.isTruthy(this.aupColumnTemplateColumnId);
+        this.host.registerColumnTemplate(this.aupColumnTemplateColumnId, this.templateRef, this.viewContainer, this.aupColumnTemplateFillCell, (_a = this.aupColumnTemplateAutoPadChild) !== null && _a !== void 0 ? _a : this.aupColumnTemplateFillCell);
+    };
     ColumnTemplateDirective.ctorParameters = function () { return [
         { type: TableComponent },
         { type: TemplateRef },
         { type: ViewContainerRef }
     ]; };
+    __decorate([
+        Input(),
+        __metadata("design:type", String)
+    ], ColumnTemplateDirective.prototype, "aupColumnTemplate", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", String)
+    ], ColumnTemplateDirective.prototype, "aupColumnTemplateColumnId", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", Object)
+    ], ColumnTemplateDirective.prototype, "aupColumnTemplateFillCell", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", Object)
+    ], ColumnTemplateDirective.prototype, "aupColumnTemplateAutoPadChild", void 0);
     ColumnTemplateDirective = __decorate([
         Directive({
             selector: '[aupColumnTemplate]'

package/esm5/lib/components/table/column-template/column-template.directive.js.map

@@ -1 +1 @@
-{"version":3,"file":"column-template.directive.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/table/column-template/column-template.directive.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACzE,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAKpD;IAEE,iCAAY,IAAyB,EACjB,WAA6B,EAC7B,aAA+B;QAD/B,gBAAW,GAAX,WAAW,CAAkB;QAC7B,kBAAa,GAAb,aAAa,CAAkB;IAEnD,CAAC;;gBAJiB,cAAc;gBACC,WAAW;gBACT,gBAAgB;;IAJxC,uBAAuB;QAHnC,SAAS,CAAC;YACT,QAAQ,EAAE,qBAAqB;SAChC,CAAC;yCAGkB,cAAc;YACC,WAAW;YACT,gBAAgB;OAJxC,uBAAuB,CAQnC;IAAD,8BAAC;CAAA,AARD,IAQC;SARY,uBAAuB","sourcesContent":["import { Directive, TemplateRef, ViewContainerRef } from '@angular/core';\nimport { TableComponent } from '../table.component';\n\n@Directive({\n  selector: '[aupColumnTemplate]'\n})\nexport class ColumnTemplateDirective {\n\n  constructor(host: TableComponent<any>,\n              private templateRef: TemplateRef<any>,\n              private viewContainer: ViewContainerRef) {\n\n  }\n\n}\n"]}
+{"version":3,"file":"column-template.directive.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/table/column-template/column-template.directive.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACxF,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAKpD;IAcE,iCAAqB,IAAyB,EAC1B,WAA6B,EAC7B,aAA+B;QAF9B,SAAI,GAAJ,IAAI,CAAqB;QAC1B,gBAAW,GAAX,WAAW,CAAkB;QAC7B,kBAAa,GAAb,aAAa,CAAkB;QAPnD,8BAAyB,GAAG,KAAK,CAAC;QAGlC,kCAA6B,GAAG,SAAS,CAAC;IAK1C,CAAC;IAED,0CAAQ,GAAR;;QACE,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,yBAAyB,CAAC,CAAC;QAChD,IAAI,CAAC,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC,yBAAyB,EAC7D,IAAI,CAAC,WAAW,EAChB,IAAI,CAAC,aAAa,EAClB,IAAI,CAAC,yBAAyB,QAC9B,IAAI,CAAC,6BAA6B,mCAAI,IAAI,CAAC,yBAAyB,CAAC,CAAC;IAC1E,CAAC;;gBAZ0B,cAAc;gBACR,WAAW;gBACT,gBAAgB;;IAbnD;QADC,KAAK,EAAE;;sEACkB;IAG1B;QADC,KAAK,EAAE;;8EAC0B;IAGlC;QADC,KAAK,EAAE;;8EAC0B;IAGlC;QADC,KAAK,EAAE;;kFACkC;IAZ/B,uBAAuB;QAHnC,SAAS,CAAC;YACT,QAAQ,EAAE,qBAAqB;SAChC,CAAC;yCAe2B,cAAc;YACR,WAAW;YACT,gBAAgB;OAhBxC,uBAAuB,CA4BnC;IAAD,8BAAC;CAAA,AA5BD,IA4BC;SA5BY,uBAAuB","sourcesContent":["import { Directive, Input, OnInit, TemplateRef, ViewContainerRef } from '@angular/core';\nimport { assert } from '@coolon/pectin';\nimport { TableComponent } from '../table.component';\n\n@Directive({\n  selector: '[aupColumnTemplate]'\n})\nexport class ColumnTemplateDirective implements OnInit {\n\n  @Input()\n  aupColumnTemplate: string;\n\n  @Input()\n  aupColumnTemplateColumnId: string;\n\n  @Input()\n  aupColumnTemplateFillCell = false;\n\n  @Input()\n  aupColumnTemplateAutoPadChild = undefined;\n\n  constructor(readonly host: TableComponent<any>,\n              private templateRef: TemplateRef<any>,\n              private viewContainer: ViewContainerRef) {\n  }\n\n  ngOnInit() {\n    assert.isTruthy(this.aupColumnTemplateColumnId);\n    this.host.registerColumnTemplate(this.aupColumnTemplateColumnId,\n      this.templateRef,\n      this.viewContainer,\n      this.aupColumnTemplateFillCell,\n      this.aupColumnTemplateAutoPadChild ?? this.aupColumnTemplateFillCell);\n  }\n\n}\n"]}

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

@@ -1,19 +1,22 @@
 import { __extends } from "tslib";
-import { Form, GarbageCollector, MutableValueModel } from '@coolon/pectin';
+import { GarbageCollector, MutableValueModel } from '@coolon/pectin';
 import produce from 'immer';
 var EditSession = /** @class */ (function (_super) {
     __extends(EditSession, _super);
-    function EditSession(rowId, row, saveCommand) {
+    function EditSession(rowId, row, form, saveCommand) {
         var _this = _super.call(this) || this;
         _this.rowId = rowId;
+        _this.form = form;
         _this.saveCommand = saveCommand;
-        _this._editorValue = new MutableValueModel();
-        _this.rowValueModel = _this._editorValue.readonly;
-        _this.form = new Form();
+        _this._liveRowValue = new MutableValueModel();
+        _this.liveRowValue = _this._liveRowValue.readonly;
         _this.form.load(row);
-        _this._editorValue.value = row;
+        _this._liveRowValue.value = row;
         _this.form.onEdit(function () {
-            _this._editorValue.value = produce(_this._editorValue.value, function (draft) {
+            // if (!this._liveRowValue.value[immerable]) {
+            //   console.warn()
+            // }
+            _this._liveRowValue.value = produce(_this._liveRowValue.value, function (draft) {
                 _this.form.writeDirtyStateTo(draft);
             });
         });

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,EAAE,IAAI,EAAE,gBAAgB,EAAE,iBAAiB,EAAgB,MAAM,gBAAgB,CAAC;AAEzF,OAAO,OAAO,MAAM,OAAO,CAAC;AAE5B;IAAsC,+BAAgB;IAKpD,qBAAqB,KAAU,EAAE,GAAQ,EAAW,WAA6C;QAAjG,YACE,iBAAO,SASR;QAVoB,WAAK,GAAL,KAAK,CAAK;QAAqB,iBAAW,GAAX,WAAW,CAAkC;QAHzF,kBAAY,GAAG,IAAI,iBAAiB,EAAO,CAAC;QAC3C,mBAAa,GAAG,KAAI,CAAC,YAAY,CAAC,QAAQ,CAAC;QAIlD,KAAI,CAAC,IAAI,GAAG,IAAI,IAAI,EAAO,CAAC;QAC5B,KAAI,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QACpB,KAAI,CAAC,YAAY,CAAC,KAAK,GAAG,GAAG,CAAC;QAC9B,KAAI,CAAC,IAAI,CAAC,MAAM,CAAC;YACf,KAAI,CAAC,YAAY,CAAC,KAAK,GAAG,OAAO,CAAC,KAAI,CAAC,YAAY,CAAC,KAAK,EAAE,UAAA,KAAK;gBAC9D,KAAI,CAAC,IAAI,CAAC,iBAAiB,CAAC,KAAyB,CAAC,CAAC;YACzD,CAAC,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;;IACL,CAAC;IACH,kBAAC;AAAD,CAAC,AAhBD,CAAsC,gBAAgB,GAgBrD","sourcesContent":["import { Form, GarbageCollector, MutableValueModel, UnaryCommand } from '@coolon/pectin';\nimport { PickMutable } from '@coolon/typescript-utilities';\nimport produce from 'immer';\n\nexport class EditSession<Row> extends GarbageCollector {\n  readonly form: Form<Row>;\n  private _editorValue = new MutableValueModel<Row>();\n  readonly rowValueModel = this._editorValue.readonly;\n\n  constructor(readonly rowId: any, row: Row, readonly saveCommand: UnaryCommand<Form<Row>, boolean>) {\n    super();\n    this.form = new Form<Row>();\n    this.form.load(row);\n    this._editorValue.value = row;\n    this.form.onEdit(() => {\n      this._editorValue.value = produce(this._editorValue.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,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"]}

package/esm5/lib/components/table/select-cell-renderer/select-cell-renderer.component.js

@@ -11,28 +11,13 @@ var SelectCellRendererComponent = /** @class */ (function (_super) {
         });
         return _this;
     }
-    Object.defineProperty(SelectCellRendererComponent.prototype, "row", {
-        get: function () {
-            return this._row;
-        },
-        set: function (value) {
-            this._row = value;
-        },
-        enumerable: true,
-        configurable: true
-    });
     SelectCellRendererComponent.prototype.isSelected = function () {
         return this.selectionModel.isSelected(this.row);
     };
-    __decorate([
-        Input(),
-        __metadata("design:type", Object),
-        __metadata("design:paramtypes", [Object])
-    ], SelectCellRendererComponent.prototype, "row", null);
     __decorate([
         Input(),
         __metadata("design:type", Object)
-    ], SelectCellRendererComponent.prototype, "selectionModel", void 0);
+    ], SelectCellRendererComponent.prototype, "row", void 0);
     SelectCellRendererComponent = __decorate([
         Component({
             selector: 'aup-select-cell-renderer',