@coolon/angular-ui-powerups 2.0.0-alpha.5 → 2.0.0-alpha.7

package/CHANGELOG.md

@@ -2,6 +2,20 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+## [2.0.0-alpha.7](https://bitbucket.org/coolon/angular-ui-powerups/compare/v2.0.0-alpha.6...v2.0.0-alpha.7) (2020-07-24)
+
+
+### Features
+
+* added multi-column support for the same property ([c8b7498](https://bitbucket.org/coolon/angular-ui-powerups/commit/c8b74987cad8dad012c874e7fa6a4e0c9e11aa36))
+
+## [2.0.0-alpha.6](https://bitbucket.org/coolon/angular-ui-powerups/compare/v2.0.0-alpha.5...v2.0.0-alpha.6) (2020-07-24)
+
+
+### Features
+
+* added onComponentInit hook to table cell editors ([2e2e289](https://bitbucket.org/coolon/angular-ui-powerups/commit/2e2e28944fc3741840e3cdedce6b9b9511e09a9b))
+
 ## [2.0.0-alpha.5](https://bitbucket.org/coolon/angular-ui-powerups/compare/v2.0.0-alpha.4...v2.0.0-alpha.5) (2020-07-24)
 
 

package/bundles/coolon-angular-ui-powerups.umd.js

@@ -1400,6 +1400,7 @@
             typescriptUtilities.assert.isTruthy(host);
             host[HEADER_CELL_RENDERER_PORTAL] = new portal.ComponentPortal(this.componentType);
         };
+        // @Trace()
         CellHeaderPortalRef.prototype.onPortalAttached = function (host, portalComponent) {
             this.initialiseHeader(portalComponent, host.column);
         };
@@ -1423,13 +1424,15 @@
         ComponentCellRendererPortalRef.prototype.initialiseHost = function (host, columnModel) {
             host[CELL_RENDERER_PORTAL] = new portal.ComponentPortal(this.componentType);
         };
+        // @Trace()
         ComponentCellRendererPortalRef.prototype.onPortalAttached = function (host, portalComponent) {
             host[PORTAL_RENDERER_COMPONENT] = portalComponent;
-            this.updateComponent(portalComponent, host.getRowData());
+            this.updateComponent(portalComponent, host.getRowData(), true);
         };
+        // @Trace()
         ComponentCellRendererPortalRef.prototype.pushState = function (host) {
             if (host[PORTAL_RENDERER_COMPONENT]) {
-                this.updateComponent(host[PORTAL_RENDERER_COMPONENT], host.getRowData());
+                this.updateComponent(host[PORTAL_RENDERER_COMPONENT], host.getRowData(), false);
             }
         };
         return ComponentCellRendererPortalRef;
@@ -1471,6 +1474,7 @@
         TemplateCellRendererPortalRef.prototype.onPortalAttached = function (host, portalComponent) {
             //  don't care
         };
+        // @Trace()
         TemplateCellRendererPortalRef.prototype.pushState = function (host) {
             host[CELL_RENDERER_PORTAL] = this.createPortal(host.getRowData());
             host.fillCell = this.fillCell;
@@ -1752,24 +1756,27 @@
     }());
     var PropertyColumnModel = /** @class */ (function (_super) {
         __extends(PropertyColumnModel, _super);
-        function PropertyColumnModel(property, defaults) {
-            var _this = _super.call(this, property.toString(), defaults) || this;
+        function PropertyColumnModel(id, property, defaults) {
+            var _this = _super.call(this, id, defaults) || this;
             _this.property = property;
             _this._format = function (value) { return value; };
             _this.cellRenderer(DefaultCellRendererComponent);
             return _this;
         }
-        PropertyColumnModel.prototype.cellRenderer = function (componentType) {
+        PropertyColumnModel.prototype.cellRenderer = function (componentType, onComponentInit) {
             var _this = this;
-            this.configureCellRenderer(new ComponentCellRendererPortalRef(componentType, function (component, rowData) {
+            this.configureCellRenderer(new ComponentCellRendererPortalRef(componentType, function (component, rowData, firstTime) {
+                if (firstTime && onComponentInit) {
+                    onComponentInit(component);
+                }
                 component.value = _this._format(rowData.row[_this.property]);
             }));
             return this;
         };
-        PropertyColumnModel.prototype.cellEditor = function (editor, validatorsOrInitialiser, initialiseComponent) {
+        PropertyColumnModel.prototype.cellEditor = function (editor, validatorsOrInitialiser, onComponentInit) {
             var _this = this;
             var validators = Array.isArray(validatorsOrInitialiser) ? validatorsOrInitialiser : undefined;
-            var initialiser = ___default__default.isFunction(validatorsOrInitialiser) ? validatorsOrInitialiser : initialiseComponent;
+            var initialiser = ___default__default.isFunction(validatorsOrInitialiser) ? validatorsOrInitialiser : onComponentInit;
             this.configureCellEditor(new CellEditorPortalRef(editor, function (component, editSession) {
                 var formValueModel = editSession.form.pluck(_this.property);
                 if (validators) {
@@ -1794,8 +1801,8 @@
     }(ColumnModel));
     var ListPropertyColumnModel = /** @class */ (function (_super) {
         __extends(ListPropertyColumnModel, _super);
-        function ListPropertyColumnModel(property, defaults) {
-            var _this = _super.call(this, property.toString(), defaults) || this;
+        function ListPropertyColumnModel(id, property, defaults) {
+            var _this = _super.call(this, id, 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);
@@ -2029,7 +2036,7 @@
             this.dataSource = chain(this.sourceOfTruth).replaceAll(this.rowsBeingEdited);
             this.firstEditableColumn = chain(this.columns).select(function (c) { return c.hasEditorPortal(); }).first();
             this.hasColumnsWithRowSelectionExplicitlyEnabled = chain(this._columns).findIndex(function (column) { return column.isRowSelectionExplicitlyEnabled(); }).isGreaterThanOrEqualTo(0);
-            this.addRowClass("enable-hover", function () { return _this.isRowSelectionEnabled(); });
+            this.addRowClass('enable-hover', function () { return _this.isRowSelectionEnabled(); });
         }
         TableModel_1 = TableModel;
         TableModel.fromList = function (sourceOfTruth, builder) {
@@ -2057,11 +2064,11 @@
             enumerable: true,
             configurable: true
         });
-        TableModel.prototype.pluck = function (property) {
-            return this.addColumn(new PropertyColumnModel(property, this));
+        TableModel.prototype.pluck = function (property, options) {
+            return this.addColumn(new PropertyColumnModel((options === null || options === void 0 ? void 0 : options.columnId) || property.toString(), property, this));
         };
-        TableModel.prototype.pluckList = function (property) {
-            return this.addColumn(new ListPropertyColumnModel(property, this));
+        TableModel.prototype.pluckList = function (property, options) {
+            return this.addColumn(new ListPropertyColumnModel((options === null || options === void 0 ? void 0 : options.columnId) || property.toString(), property, this));
         };
         TableModel.prototype.addSelectionColumn = function (selectionModel) {
             pectin.assert.isNil(this.selectionColumnModel);