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

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

@@ -1228,6 +1228,7 @@ var CellHeaderPortalRef = /** @class */ (function (_super) {
         assert$1.isTruthy(host);
         host[HEADER_CELL_RENDERER_PORTAL] = new ComponentPortal(this.componentType);
     };
+    // @Trace()
     CellHeaderPortalRef.prototype.onPortalAttached = function (host, portalComponent) {
         this.initialiseHeader(portalComponent, host.column);
     };
@@ -1251,13 +1252,15 @@ var ComponentCellRendererPortalRef = /** @class */ (function (_super) {
     ComponentCellRendererPortalRef.prototype.initialiseHost = function (host, columnModel) {
         host[CELL_RENDERER_PORTAL] = new 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;
@@ -1299,6 +1302,7 @@ var TemplateCellRendererPortalRef = /** @class */ (function (_super) {
     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;
@@ -1580,24 +1584,27 @@ var ColumnModel = /** @class */ (function () {
 }());
 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.isFunction(validatorsOrInitialiser) ? validatorsOrInitialiser : initialiseComponent;
+        var initialiser = ___default.isFunction(validatorsOrInitialiser) ? validatorsOrInitialiser : onComponentInit;
         this.configureCellEditor(new CellEditorPortalRef(editor, function (component, editSession) {
             var formValueModel = editSession.form.pluck(_this.property);
             if (validators) {
@@ -1622,8 +1629,8 @@ var PropertyColumnModel = /** @class */ (function (_super) {
 }(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);
@@ -1857,7 +1864,7 @@ var TableModel = /** @class */ (function () {
         this.dataSource = chain(this.sourceOfTruth).replaceAll(this.rowsBeingEdited);
         this.firstEditableColumn = chain(this.columns).select(function (c) { return c.hasEditorPortal(); }).first();
         this.hasColumnsWithRowSelectionExplicitlyEnabled = chain(this._columns).findIndex(function (column) { return column.isRowSelectionExplicitlyEnabled(); }).isGreaterThanOrEqualTo(0);
-        this.addRowClass("enable-hover", function () { return _this.isRowSelectionEnabled(); });
+        this.addRowClass('enable-hover', function () { return _this.isRowSelectionEnabled(); });
     }
     TableModel_1 = TableModel;
     TableModel.fromList = function (sourceOfTruth, builder) {
@@ -1885,11 +1892,11 @@ var TableModel = /** @class */ (function () {
         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) {
         assert.isNil(this.selectionColumnModel);