@coolon/angular-ui-powerups 1.21.0 → 2.0.0-alpha.1

package/CHANGELOG.md

@@ -2,6 +2,22 @@
 
 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.1](https://bitbucket.org/coolon/angular-ui-powerups/compare/v2.0.0-alpha.0...v2.0.0-alpha.1) (2020-07-22)
+
+
+### Features
+
+* removed view encapsulation from aup-table and added column ids ([6fd47c0](https://bitbucket.org/coolon/angular-ui-powerups/commit/6fd47c042b1b32df595d1668c2ae68cd46319be6))
+
+## [2.0.0-alpha.0](https://bitbucket.org/coolon/angular-ui-powerups/compare/v1.21.0...v2.0.0-alpha.0) (2020-07-02)
+
+
+### ⚠ BREAKING CHANGES
+
+* updated to pectin 3.0
+
+* updated to pectin 3.0 ([5c2ca5c](https://bitbucket.org/coolon/angular-ui-powerups/commit/5c2ca5c39789f9f38a8bd36a2d1401349550e62c))
+
 ## [1.21.0](https://bitbucket.org/coolon/angular-ui-powerups/compare/v1.20.0...v1.21.0) (2020-06-30)
 
 

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

@@ -860,14 +860,14 @@
              * A backing model for all our @Input() valueModel properties which should be defined as follows.
              *
              *    @Input() @TrackExternal({useExisting: "inputModel"})
-             *    valueModel: FormListModel<string> | IMutableListModel<string>;
+             *    valueModel: Form.ListModelBase<string> | IMutableListModel<string>;
              *
              * This approach allows the input to accept plain or form models but all backed by a form
              * friendly delegate.  We have to use an existing delegate for union types as pectin just
              * gets told it's an Object and can't scan for a base type annotated with @DelegateUsing(..).
              */
             // We have to register it as a disposable so it ditches any listeners when we're disposed.
-            _this.inputModel = _this.registerDisposable(new pectin.DelegatingFormListModel());
+            _this.inputModel = _this.registerDisposable(new pectin.Form.DelegatingListModel());
             return _this;
         }
         AbstractListInputComponent = __decorate([
@@ -879,23 +879,29 @@
     var AbstractValueInputComponent = /** @class */ (function (_super) {
         __extends(AbstractValueInputComponent, _super);
         function AbstractValueInputComponent() {
-            var _this = _super !== null && _super.apply(this, arguments) || this;
+            var _this = _super.call(this) || this;
             /**
              * A backing model for all our @Input() valueModel properties which should be defined as follows.
              *
              *    @Input() @TrackExternal({useExisting: "inputModel"})
-             *    valueModel: FormValueModel<string> | IMutableValueModel<string>;
+             *    valueModel:  DirtyTrackingForm.ValueModel<string> | IMutableValueModel<string>;
              *
              * This approach allows the input to accept plain or form models but all backed by a form
              * friendly delegate.  We have to use an existing delegate for union types as pectin just
              * gets told it's an Object and can't scan for a base type annotated with @DelegateUsing(..).
              */
             // We have to register it as a disposable so it ditches any listeners when we're disposed.
-            _this.inputModel = _this.registerDisposable(new pectin.DelegatingFormValueModel());
+            _this.inputModel = _this.registerDisposable(new pectin.Form.DelegatingValueModel());
+            _this.inputModel.onTransactionStart(function (tx) {
+                tx.onRootTransactionFinalised(function () {
+                    console.log({ changed: tx.hasChanged() });
+                });
+            });
             return _this;
         }
         AbstractValueInputComponent = __decorate([
-            core.Component({ template: '' })
+            core.Component({ template: '' }),
+            __metadata("design:paramtypes", [])
         ], AbstractValueInputComponent);
         return AbstractValueInputComponent;
     }(AbstractInputComponent));
@@ -974,7 +980,7 @@
         PasswordInputComponent.prototype.ngOnInit = function () {
         };
         __decorate([
-            core.Input(), pectin.TrackExternal({ delegateTo: "inputModel" }),
+            core.Input(), pectin.TrackExternal({ delegateTo: 'inputModel' }),
             __metadata("design:type", Object)
         ], PasswordInputComponent.prototype, "valueModel", void 0);
         PasswordInputComponent = __decorate([
@@ -998,7 +1004,7 @@
         SelectInputComponent.prototype.ngOnInit = function () {
         };
         __decorate([
-            core.Input(), pectin.TrackExternal({ delegateTo: "inputModel" }),
+            core.Input(), pectin.TrackExternal({ delegateTo: 'inputModel' }),
             __metadata("design:type", Object)
         ], SelectInputComponent.prototype, "valueModel", void 0);
         __decorate([
@@ -1018,11 +1024,11 @@
             __metadata("design:type", Boolean)
         ], SelectInputComponent.prototype, "allowNil", void 0);
         __decorate([
-            core.ContentChild("optionTemplate"),
+            core.ContentChild('optionTemplate'),
             __metadata("design:type", core.TemplateRef)
         ], SelectInputComponent.prototype, "optionTemplateRef", void 0);
         __decorate([
-            core.ContentChild("nilOptionTemplate"),
+            core.ContentChild('nilOptionTemplate'),
             __metadata("design:type", core.TemplateRef)
         ], SelectInputComponent.prototype, "nilOptionTemplateRef", void 0);
         __decorate([
@@ -1878,7 +1884,7 @@
      * }
      * const colorsNames: ListModel<string> = ...;
      * const model = TableModel.fromList(heroList, table => {
-     *   table.pluck("firstName").cellEditor(StringInputComponent); <-- interface CellEditor { valueModel: FormValueModel<string> | ValueModel<string>; }
+     *   table.pluck("firstName").cellEditor(StringInputComponent); <-- interface CellEditor { valueModel:  DirtyTrackingForm.ValueModel<string> | ValueModel<string>; }
      *   table.pluck("lastName").cellEditor(StringInputComponent, {
      *     validators: [Validator.present("We need a last name")]
      *   });
@@ -1907,7 +1913,7 @@
      *        // configure your component with what ever you need.
      *      });
      *      .cellRenderer(CellRendererComponent) // <-- interface CellEditor { value: string; }
-     *      .cellEditor(CellEditorComponent.); // <-- interface CellEditor { valueModel: FormValueModel<string> | ValueModel<string>; }
+     *      .cellEditor(CellEditorComponent.); // <-- interface CellEditor { valueModel:  DirtyTrackingForm.ValueModel<string> | ValueModel<string>; }
      *   table.addCustomColumn("fullName", hero => `${hero.firstName} ${hero.lastName}`);
      * });
      *
@@ -1936,7 +1942,7 @@
             this._columns = new pectin.MutableListModel();
             this._editorSessions = new pectin.MutableListModel();
             this.rowClassNamePredicates = [];
-            this._createForm = function (row) { return new pectin.Form(); };
+            this._createForm = function (row) { return new pectin.DirtyTrackingForm(); };
             this.identityOf = sourceOfTruth.identityOf;
             var _a = pectin.Dsl.disposeWith(this._garbage), chain = _a.chain, valueOf = _a.valueOf, before = _a.before, when = _a.when, after = _a.after, observe = _a.observe, switchOn = _a.switchOn;
             this._columnsById = chain(this._columns).indexBy('columnId');
@@ -2145,7 +2151,8 @@
         TableComponent = __decorate([
             core.Component({
                 selector: 'aup-table',
-                template: "<table mat-table [dataSource]=\"tableModel.dataSource.value\" [trackBy]=\"tableModel.getTrackByFunction()\">\n\n  <ng-container *ngFor=\"let column of columns.value; index as index; first as first; last as last\" matColumnDef=\"{{column.columnId}}\">\n    <th mat-header-cell *matHeaderCellDef>\n      <aup-table-header-cell-renderer [column]=\"column\"\n                                      [attr.column-index]=\"index\"\n                                      [class.first-column]=\"first\"\n                                      [class.last-column]=\"last\"\n      ></aup-table-header-cell-renderer>\n    </th>\n    <td mat-cell *matCellDef=\"let row\" (click)=\"onCellClicked(column, row)\" [class.enable-cursor]=\"tableModel.isRowSelectionEnabledFor(column)\">\n      <aup-table-cell-renderer [column]=\"column\"\n                               [row]=\"row\"\n                               [tableModel]=\"tableModel\"\n                               [editSession]=\"tableModel.getEditSessionFor(row)\"\n                               [attr.column-index]=\"index\"\n                               [class.first-column]=\"first\"\n                               [class.last-column]=\"last\"\n      ></aup-table-cell-renderer>\n    </td>\n  </ng-container>\n\n  <tr mat-header-row *matHeaderRowDef=\"columnIds.value\"></tr>\n  <tr mat-row *matRowDef=\"let row; columns: columnIds.value;\"\n      [ngClass]=\"tableModel.getRowClasses(row)\"\n  ></tr>\n\n</table>\n",
+                template: "<table mat-table [dataSource]=\"tableModel.dataSource.value\" [trackBy]=\"tableModel.getTrackByFunction()\">\n\n  <ng-container *ngFor=\"let column of columns.value; index as index; first as first; last as last\" matColumnDef=\"{{column.columnId}}\">\n    <th mat-header-cell *matHeaderCellDef>\n      <aup-table-header-cell-renderer [column]=\"column\"\n                                      [attr.column-index]=\"index\"\n                                      [attr.column-id]=\"column.columnId\"\n                                      [class.first-column]=\"first\"\n                                      [class.last-column]=\"last\"\n      ></aup-table-header-cell-renderer>\n    </th>\n    <td mat-cell *matCellDef=\"let row\" (click)=\"onCellClicked(column, row)\" [class.enable-cursor]=\"tableModel.isRowSelectionEnabledFor(column)\">\n      <aup-table-cell-renderer [column]=\"column\"\n                               [row]=\"row\"\n                               [tableModel]=\"tableModel\"\n                               [editSession]=\"tableModel.getEditSessionFor(row)\"\n                               [attr.column-index]=\"index\"\n                               [attr.column-id]=\"column.columnId\"\n                               [class.first-column]=\"first\"\n                               [class.last-column]=\"last\"\n      ></aup-table-cell-renderer>\n    </td>\n  </ng-container>\n\n  <tr mat-header-row *matHeaderRowDef=\"columnIds.value\"></tr>\n  <tr mat-row *matRowDef=\"let row; columns: columnIds.value;\"\n      [ngClass]=\"tableModel.getRowClasses(row)\"\n  ></tr>\n\n</table>\n",
+                encapsulation: core.ViewEncapsulation.None,
                 styles: [":host{display:flex;flex-direction:column;align-items:stretch}:host table{flex:1}"]
             }),
             __metadata("design:paramtypes", [])
@@ -3743,7 +3750,7 @@
             var _this = _super.call(this) || this;
             _this.data = data;
             _this.class = 'aup-input-activity';
-            var form = new pectin.Form();
+            var form = new pectin.DirtyTrackingForm();
             _this.valueModel = form.valueModel(_this.data.initialValue);
             _this.valueModel.validateUsing(data.validators || []);
             _this.confirmCommand = pectin.Command.create(function () {