@coolon/angular-ui-powerups 2.0.0-alpha.10 → 2.0.0-alpha.12

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.12](https://bitbucket.org/coolon/angular-ui-powerups/compare/v2.0.0-alpha.11...v2.0.0-alpha.12) (2020-07-29)
+
+
+### Features
+
+* added row update callbacks for custom component columns ([c128053](https://bitbucket.org/coolon/angular-ui-powerups/commit/c128053f37679ba480289df4c56c5b19c9d949c4))
+
+## [2.0.0-alpha.11](https://bitbucket.org/coolon/angular-ui-powerups/compare/v2.0.0-alpha.10...v2.0.0-alpha.11) (2020-07-29)
+
+
+### Bug Fixes
+
+* fixed nilOptionTemplate in aup-select-input ([aa80cf1](https://bitbucket.org/coolon/angular-ui-powerups/commit/aa80cf118ef7e1b2f8df4989dd8b56c2afa2b490))
+
 ## [2.0.0-alpha.10](https://bitbucket.org/coolon/angular-ui-powerups/compare/v2.0.0-alpha.9...v2.0.0-alpha.10) (2020-07-27)
 
 

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

@@ -1093,7 +1093,7 @@
      * Using templates:
      * <aup-multiple-select-input [valueModel]="myModel" [options]="myOptions">
      *   <ng-template #optionTemplate let-option>{{option.thePropertyYouWant}}</ng-template>
-     *   <ng-template #nilOptionTemplateRef let-option>{{option.thePropertyYouWant}}</ng-template>
+     *   <ng-template #nilOptionTemplate let-option>{{option.thePropertyYouWant}}</ng-template>
      * </aup-multiple-select_input>
      */
     var MultipleSelectInputComponent = /** @class */ (function (_super) {
@@ -1117,18 +1117,10 @@
             core.Input(),
             __metadata("design:type", Object)
         ], MultipleSelectInputComponent.prototype, "optionLabel", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Boolean)
-        ], MultipleSelectInputComponent.prototype, "allowNil", void 0);
         __decorate([
             core.ContentChild('optionTemplate'),
             __metadata("design:type", core.TemplateRef)
         ], MultipleSelectInputComponent.prototype, "optionTemplateRef", void 0);
-        __decorate([
-            core.ContentChild('nilOptionTemplate'),
-            __metadata("design:type", core.TemplateRef)
-        ], MultipleSelectInputComponent.prototype, "nilOptionTemplateRef", void 0);
         __decorate([
             core.Input(),
             __metadata("design:type", Function)
@@ -1136,7 +1128,7 @@
         MultipleSelectInputComponent = __decorate([
             core.Component({
                 selector: 'aup-multiple-select-input',
-                template: "<mat-form-field appearance=\"standard\" [floatLabel]=\"floatLabel\">\n  <mat-label *ngIf=\"label\">{{label}}</mat-label>\n  <mat-select placeholder=\"{{placeholder}}\"\n              multiple\n              [(ngModel)]=\"listModel.value\"\n              [disabled]=\"!enabled.value\"\n              (keydown.enter)=\"notifyEnterKey()\"\n              (keydown.escape)=\"notifyEscapeKey()\"\n              [pectinFocusBinding]=\"focusContext\"\n              [errorStateMatcher]=\"errorStateMatcher\"\n  >\n    <mat-option *ngIf=\"allowNil\">{{placeholder}}</mat-option>\n    <mat-option *ngFor=\"let option of optionsModel.value; let i = index\" [value]=\"option\">\n      <ng-container *ngIf=\"!optionTemplateRef\">{{optionLabelFormat(option)}}</ng-container>\n      <ng-container *ngIf=\"optionTemplateRef\"\n        [ngTemplateOutlet]=\"optionTemplateRef\"\n        [ngTemplateOutletContext]=\"{ $implicit: option, index: i }\"\n      >\n      </ng-container>\n    </mat-option>\n  </mat-select>\n  <mat-hint *ngIf=\"showHint\">{{hint}}</mat-hint>\n  <mat-error *ngIf=\"hasErrors\">{{firstError}}</mat-error>\n</mat-form-field>\n",
+                template: "<mat-form-field appearance=\"standard\" [floatLabel]=\"floatLabel\">\n  <mat-label *ngIf=\"label\">{{label}}</mat-label>\n  <mat-select placeholder=\"{{placeholder}}\"\n              multiple\n              [(ngModel)]=\"listModel.value\"\n              [disabled]=\"!enabled.value\"\n              (keydown.enter)=\"notifyEnterKey()\"\n              (keydown.escape)=\"notifyEscapeKey()\"\n              [pectinFocusBinding]=\"focusContext\"\n              [errorStateMatcher]=\"errorStateMatcher\"\n  >\n    <mat-option *ngFor=\"let option of optionsModel.value; let i = index\" [value]=\"option\">\n      <ng-container *ngIf=\"!optionTemplateRef\">{{optionLabelFormat(option)}}</ng-container>\n      <ng-container *ngIf=\"optionTemplateRef\"\n        [ngTemplateOutlet]=\"optionTemplateRef\"\n        [ngTemplateOutletContext]=\"{ $implicit: option, index: i }\"\n      >\n      </ng-container>\n    </mat-option>\n  </mat-select>\n  <mat-hint *ngIf=\"showHint\">{{hint}}</mat-hint>\n  <mat-error *ngIf=\"hasErrors\">{{firstError}}</mat-error>\n</mat-form-field>\n",
                 styles: [":host{display:inline-block}mat-form-field{width:100%}"]
             }),
             __metadata("design:paramtypes", [])
@@ -1199,7 +1191,7 @@
      * Using templates:
      * <aup-select-input [valueModel]="myModel" [options]="myOptions">
      *   <ng-template #optionTemplate let-option>{{option.thePropertyYouWant}}</ng-template>
-     *   <ng-template #nilOptionTemplateRef let-option>{{option.thePropertyYouWant}}</ng-template>
+     *   <ng-template #nilOptionTemplate let-option>{{option.thePropertyYouWant}}</ng-template>
      * </aup-select_input>
      */
     var SelectInputComponent = /** @class */ (function (_super) {
@@ -1242,7 +1234,7 @@
         SelectInputComponent = __decorate([
             core.Component({
                 selector: 'aup-select-input',
-                template: "<mat-form-field appearance=\"standard\" [floatLabel]=\"floatLabel\">\n  <mat-label *ngIf=\"label\">{{label}}</mat-label>\n  <mat-select placeholder=\"{{placeholder}}\"\n              [(ngModel)]=\"valueModel.value\"\n              [disabled]=\"!enabled.value\"\n              (keydown.enter)=\"notifyEnterKey()\"\n              (keydown.escape)=\"notifyEscapeKey()\"\n              [pectinFocusBinding]=\"focusContext\"\n              [errorStateMatcher]=\"errorStateMatcher\"\n  >\n    <mat-option *ngIf=\"allowNil\">{{placeholder}}</mat-option>\n    <mat-option *ngFor=\"let option of optionsModel.value; let i = index\" [value]=\"option\">\n      <ng-container *ngIf=\"!optionTemplateRef\">{{optionLabelFormat(option)}}</ng-container>\n      <ng-container *ngIf=\"optionTemplateRef\"\n        [ngTemplateOutlet]=\"optionTemplateRef\"\n        [ngTemplateOutletContext]=\"{ $implicit: option, index: i }\"\n      >\n      </ng-container>\n    </mat-option>\n  </mat-select>\n  <mat-hint *ngIf=\"showHint\">{{hint}}</mat-hint>\n  <mat-error *ngIf=\"hasErrors\">{{firstError}}</mat-error>\n</mat-form-field>\n",
+                template: "<mat-form-field appearance=\"standard\" [floatLabel]=\"floatLabel\">\n  <mat-label *ngIf=\"label\">{{label}}</mat-label>\n  <mat-select placeholder=\"{{placeholder}}\"\n              [(ngModel)]=\"valueModel.value\"\n              [disabled]=\"!enabled.value\"\n              (keydown.enter)=\"notifyEnterKey()\"\n              (keydown.escape)=\"notifyEscapeKey()\"\n              [pectinFocusBinding]=\"focusContext\"\n              [errorStateMatcher]=\"errorStateMatcher\"\n  >\n    <mat-option *ngIf=\"allowNil\">\n      <ng-container *ngIf=\"!nilOptionTemplateRef\">{{placeholder}}</ng-container>\n      <ng-container *ngIf=\"nilOptionTemplateRef\" [ngTemplateOutlet]=\"nilOptionTemplateRef\"></ng-container>\n    </mat-option>\n    <mat-option *ngFor=\"let option of optionsModel.value; let i = index\" [value]=\"option\">\n      <ng-container *ngIf=\"!optionTemplateRef\">{{optionLabelFormat(option)}}</ng-container>\n      <ng-container *ngIf=\"optionTemplateRef\"\n                    [ngTemplateOutlet]=\"optionTemplateRef\"\n                    [ngTemplateOutletContext]=\"{ $implicit: option, index: i }\"\n      >\n      </ng-container>\n    </mat-option>\n  </mat-select>\n  <mat-hint *ngIf=\"showHint\">{{hint}}</mat-hint>\n  <mat-error *ngIf=\"hasErrors\">{{firstError}}</mat-error>\n</mat-form-field>\n",
                 styles: [":host{display:inline-block}mat-form-field{width:100%}"]
             }),
             __metadata("design:paramtypes", [])
@@ -2024,13 +2016,23 @@
             _this.cellRenderer(DefaultCellRendererComponent);
             return _this;
         }
-        CustomValueColumnModel.prototype.cellRenderer = function (componentType, onComponentInit) {
+        CustomValueColumnModel.prototype.cellRenderer = function (componentType, onComponentInitOrOptions) {
             var _this = this;
             this.configureCellRenderer(new ComponentCellRendererPortalRef(componentType, function (component, rowData, firstTime) {
-                if (firstTime && ___default__default.isFunction(onComponentInit)) {
-                    onComponentInit(component);
+                if (firstTime) {
+                    if (___default__default.isFunction(onComponentInitOrOptions)) {
+                        onComponentInitOrOptions(component);
+                    }
+                    else {
+                        if (___default__default.isFunction(onComponentInitOrOptions === null || onComponentInitOrOptions === void 0 ? void 0 : onComponentInitOrOptions.onComponentInit)) {
+                            onComponentInitOrOptions.onComponentInit(component);
+                        }
+                    }
                 }
                 component.value = _this.getValue(rowData.row);
+                if (!___default__default.isFunction(onComponentInitOrOptions) && ___default__default.isFunction(onComponentInitOrOptions === null || onComponentInitOrOptions === void 0 ? void 0 : onComponentInitOrOptions.onRowUpdate)) {
+                    onComponentInitOrOptions.onRowUpdate(component, rowData.row);
+                }
             }));
             return this;
         };
@@ -2260,8 +2262,8 @@
         TableModel.prototype.addCustomColumn = function (columnId, dataAccessor) {
             return this.addColumn(new CustomValueColumnModel(columnId, this, dataAccessor));
         };
-        TableModel.prototype.addComponentColumn = function (columnId, component, onInit) {
-            return this.addColumn(new CustomValueColumnModel(columnId, this, function (row) { return row; })).cellRenderer(component, onInit);
+        TableModel.prototype.addComponentColumn = function (columnId, component, onComponentInitOrOptions) {
+            return this.addColumn(new CustomValueColumnModel(columnId, this, function (row) { return row; })).cellRenderer(component, onComponentInitOrOptions);
         };
         TableModel.prototype.addTemplateColumn = function (columnId) {
             return this.addColumn(new CustomTemplateColumnModel(columnId, this));