@coolon/angular-ui-powerups 2.0.0-alpha.4 → 2.0.0-alpha.6

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.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)
+
+
+### Features
+
+* added support for plain value bindings on aup-input components ([24c8eed](https://bitbucket.org/coolon/angular-ui-powerups/commit/24c8eedbff08e8a556313d8f7b0c1262bb26eda0))
+
 ## [2.0.0-alpha.4](https://bitbucket.org/coolon/angular-ui-powerups/compare/v2.0.0-alpha.3...v2.0.0-alpha.4) (2020-07-24)
 
 

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

@@ -875,7 +875,7 @@
     var AbstractListInputComponent = /** @class */ (function (_super) {
         __extends(AbstractListInputComponent, _super);
         function AbstractListInputComponent() {
-            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.
              *
@@ -888,10 +888,47 @@
              */
             // We have to register it as a disposable so it ditches any listeners when we're disposed.
             _this.inputModel = _this.registerDisposable(new pectin.Form.DelegatingListModel());
+            _this.setValueIsInitialising = new pectin.Guard();
+            _this.valueChange = new core.EventEmitter();
+            var when = pectin.Dsl.disposeWith(_this).when;
+            when(_this.inputModel).changes(function (value) { return _this.valueChange.emit(value); }, {
+                initialValue: 'ignore',
+                unless: _this.setValueIsInitialising
+            });
             return _this;
         }
+        Object.defineProperty(AbstractListInputComponent.prototype, "value", {
+            set: function (value) {
+                var _this = this;
+                if (!this.listHolder) {
+                    this.setValueIsInitialising.whileTrue(function () {
+                        _this.listHolder = new pectin.MutableListModel(value);
+                        _this.listModel = _this.listHolder;
+                    });
+                }
+                else {
+                    this.listHolder.value = value;
+                }
+            },
+            enumerable: true,
+            configurable: true
+        });
+        __decorate([
+            core.Input(), pectin.TrackExternal({ delegateTo: 'inputModel' }),
+            __metadata("design:type", Object)
+        ], AbstractListInputComponent.prototype, "listModel", void 0);
+        __decorate([
+            core.Input(),
+            __metadata("design:type", Array),
+            __metadata("design:paramtypes", [Array])
+        ], AbstractListInputComponent.prototype, "value", null);
+        __decorate([
+            core.Output(),
+            __metadata("design:type", Object)
+        ], AbstractListInputComponent.prototype, "valueChange", void 0);
         AbstractListInputComponent = __decorate([
-            core.Component({ template: '' })
+            core.Component({ template: '' }),
+            __metadata("design:paramtypes", [])
         ], AbstractListInputComponent);
         return AbstractListInputComponent;
     }(AbstractInputComponent));
@@ -912,8 +949,41 @@
              */
             // We have to register it as a disposable so it ditches any listeners when we're disposed.
             _this.inputModel = _this.registerDisposable(new pectin.Form.DelegatingValueModel());
+            _this.setValueIsInitialising = new pectin.Guard();
+            _this.valueChange = new core.EventEmitter();
+            var when = pectin.Dsl.disposeWith(_this).when;
+            when(_this.inputModel).changes(function (value) { return _this.valueChange.emit(value); }, { initialValue: 'ignore', unless: _this.setValueIsInitialising });
             return _this;
         }
+        Object.defineProperty(AbstractValueInputComponent.prototype, "value", {
+            set: function (value) {
+                var _this = this;
+                if (!this.valueHolder) {
+                    this.setValueIsInitialising.whileTrue(function () {
+                        _this.valueHolder = new pectin.MutableValueModel(value);
+                        _this.valueModel = _this.valueHolder;
+                    });
+                }
+                else {
+                    this.valueHolder.value = value;
+                }
+            },
+            enumerable: true,
+            configurable: true
+        });
+        __decorate([
+            core.Input(), pectin.TrackExternal({ delegateTo: 'inputModel' }),
+            __metadata("design:type", Object)
+        ], AbstractValueInputComponent.prototype, "valueModel", void 0);
+        __decorate([
+            core.Input(),
+            __metadata("design:type", Object),
+            __metadata("design:paramtypes", [Object])
+        ], AbstractValueInputComponent.prototype, "value", null);
+        __decorate([
+            core.Output(),
+            __metadata("design:type", Object)
+        ], AbstractValueInputComponent.prototype, "valueChange", void 0);
         AbstractValueInputComponent = __decorate([
             core.Component({ template: '' }),
             __metadata("design:paramtypes", [])
@@ -925,16 +995,14 @@
         __extends(CheckboxInputComponent, _super);
         function CheckboxInputComponent() {
             var _this = _super.call(this) || this;
+            // @Input() @TrackExternal({ delegateTo: 'inputModel' })
+            // valueModel: Form.ValueModelBase<boolean> | IMutableValueModel<boolean>;
             _this.color = 'accent';
             _this.labelPosition = 'after';
             return _this;
         }
         CheckboxInputComponent.prototype.ngOnInit = function () {
         };
-        __decorate([
-            core.Input(), pectin.TrackExternal({ delegateTo: 'inputModel' }),
-            __metadata("design:type", Object)
-        ], CheckboxInputComponent.prototype, "valueModel", void 0);
         __decorate([
             core.Input(),
             __metadata("design:type", String)
@@ -958,16 +1026,14 @@
         __extends(NumberInputComponent, _super);
         function NumberInputComponent() {
             var _this = _super.call(this) || this;
+            // @Input() @TrackExternal({ delegateTo: 'inputModel' })
+            // valueModel: Form.ValueModelBase<number> | IMutableValueModel<number>;
             _this.min = Number.MIN_SAFE_INTEGER;
             _this.max = Number.MAX_SAFE_INTEGER;
             return _this;
         }
         NumberInputComponent.prototype.ngOnInit = function () {
         };
-        __decorate([
-            core.Input(), pectin.TrackExternal({ delegateTo: 'inputModel' }),
-            __metadata("design:type", Object)
-        ], NumberInputComponent.prototype, "valueModel", void 0);
         __decorate([
             core.Input(),
             __metadata("design:type", Object)
@@ -989,15 +1055,13 @@
 
     var PasswordInputComponent = /** @class */ (function (_super) {
         __extends(PasswordInputComponent, _super);
+        // @Input() @TrackExternal({ delegateTo: 'inputModel' })
+        // valueModel: Form.ValueModelBase<string> | IMutableValueModel<string>;
         function PasswordInputComponent() {
             return _super.call(this) || this;
         }
         PasswordInputComponent.prototype.ngOnInit = function () {
         };
-        __decorate([
-            core.Input(), pectin.TrackExternal({ delegateTo: 'inputModel' }),
-            __metadata("design:type", Object)
-        ], PasswordInputComponent.prototype, "valueModel", void 0);
         PasswordInputComponent = __decorate([
             core.Component({
                 selector: 'aup-password-input',
@@ -1024,10 +1088,6 @@
         }
         SelectInputComponent.prototype.ngOnInit = function () {
         };
-        __decorate([
-            core.Input(), pectin.TrackExternal({ delegateTo: 'inputModel' }),
-            __metadata("design:type", Object)
-        ], SelectInputComponent.prototype, "valueModel", void 0);
         __decorate([
             core.Input(), pectin.TrackExternal(),
             __metadata("design:type", pectin.ListModel)
@@ -1080,10 +1140,6 @@
         }
         StringInputComponent.prototype.ngOnInit = function () {
         };
-        __decorate([
-            core.Input(), pectin.TrackExternal({ delegateTo: 'inputModel' }),
-            __metadata("design:type", Object)
-        ], StringInputComponent.prototype, "valueModel", void 0);
         __decorate([
             core.Input(), pectin.TrackExternal({ defaultValue: false }),
             __metadata("design:type", pectin.ValueModel)
@@ -1107,16 +1163,14 @@
         __extends(TextInputComponent, _super);
         function TextInputComponent() {
             var _this = _super.call(this) || this;
+            // @Input() @TrackExternal({ delegateTo: 'inputModel' })
+            // valueModel: Form.ValueModelBase<string> | IMutableValueModel<string>;
             _this.rows = 2;
             return _this;
             // const { chain, valueOf, before, when, after, observe, switchOn } = Dsl.disposeWith(this);
         }
         TextInputComponent.prototype.ngOnInit = function () {
         };
-        __decorate([
-            core.Input(), pectin.TrackExternal({ delegateTo: 'inputModel' }),
-            __metadata("design:type", Object)
-        ], TextInputComponent.prototype, "valueModel", void 0);
         __decorate([
             core.Input(),
             __metadata("design:type", Object)
@@ -1346,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);
         };
@@ -1369,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;
@@ -1417,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;
@@ -1705,17 +1763,20 @@
             _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) {
@@ -2449,10 +2510,6 @@
         }
         MultipleSelectInputComponent.prototype.ngOnInit = function () {
         };
-        __decorate([
-            core.Input(), pectin.TrackExternal({ delegateTo: 'inputModel' }),
-            __metadata("design:type", Object)
-        ], MultipleSelectInputComponent.prototype, "listModel", void 0);
         __decorate([
             core.Input(), pectin.TrackExternal(),
             __metadata("design:type", pectin.ListModel)