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

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

@@ -13,7 +13,7 @@ import { MatButtonModule } from '@angular/material/button';
 import { MatCheckboxModule } from '@angular/material/checkbox';
 import { MatIconModule } from '@angular/material/icon';
 import { MatTableModule } from '@angular/material/table';
-import { DelegatingValueModel, assert, UnaryCommand, lang, Dsl, GarbageCollector, Logger, TrackExternal, Command, FocusManager, Form, ListModel, StoreInListModel, ValueModel, StoreInValueModel, MutableValueModel, MultipleSelectionModel, MutableListModel, DirtyTrackingForm, DelegatingCommand, Deferred, Trace, Guard, DebugContext, Binding, Functions } from '@coolon/pectin';
+import { DelegatingValueModel, assert, UnaryCommand, lang, Dsl, GarbageCollector, Logger, TrackExternal, Command, FocusManager, Form, Guard, MutableListModel, MutableValueModel, ListModel, StoreInListModel, ValueModel, StoreInValueModel, MultipleSelectionModel, DirtyTrackingForm, DelegatingCommand, Deferred, Trace, DebugContext, Binding, Functions } from '@coolon/pectin';
 import { assert as assert$1, Opts, lang as lang$1, Klass } from '@coolon/typescript-utilities';
 import { Memoize } from '@typescript-plus/fast-memoize-decorator/dist/src';
 import ___default, { isEqual, isNil } from 'lodash';
@@ -703,7 +703,7 @@ var AbstractInputComponent = /** @class */ (function (_super) {
 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.
          *
@@ -716,10 +716,47 @@ var AbstractListInputComponent = /** @class */ (function (_super) {
          */
         // We have to register it as a disposable so it ditches any listeners when we're disposed.
         _this.inputModel = _this.registerDisposable(new Form.DelegatingListModel());
+        _this.setValueIsInitialising = new Guard();
+        _this.valueChange = new EventEmitter();
+        var when = 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 MutableListModel(value);
+                    _this.listModel = _this.listHolder;
+                });
+            }
+            else {
+                this.listHolder.value = value;
+            }
+        },
+        enumerable: true,
+        configurable: true
+    });
+    __decorate([
+        Input(), TrackExternal({ delegateTo: 'inputModel' }),
+        __metadata("design:type", Object)
+    ], AbstractListInputComponent.prototype, "listModel", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", Array),
+        __metadata("design:paramtypes", [Array])
+    ], AbstractListInputComponent.prototype, "value", null);
+    __decorate([
+        Output(),
+        __metadata("design:type", Object)
+    ], AbstractListInputComponent.prototype, "valueChange", void 0);
     AbstractListInputComponent = __decorate([
-        Component({ template: '' })
+        Component({ template: '' }),
+        __metadata("design:paramtypes", [])
     ], AbstractListInputComponent);
     return AbstractListInputComponent;
 }(AbstractInputComponent));
@@ -740,8 +777,41 @@ var AbstractValueInputComponent = /** @class */ (function (_super) {
          */
         // We have to register it as a disposable so it ditches any listeners when we're disposed.
         _this.inputModel = _this.registerDisposable(new Form.DelegatingValueModel());
+        _this.setValueIsInitialising = new Guard();
+        _this.valueChange = new EventEmitter();
+        var when = 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 MutableValueModel(value);
+                    _this.valueModel = _this.valueHolder;
+                });
+            }
+            else {
+                this.valueHolder.value = value;
+            }
+        },
+        enumerable: true,
+        configurable: true
+    });
+    __decorate([
+        Input(), TrackExternal({ delegateTo: 'inputModel' }),
+        __metadata("design:type", Object)
+    ], AbstractValueInputComponent.prototype, "valueModel", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", Object),
+        __metadata("design:paramtypes", [Object])
+    ], AbstractValueInputComponent.prototype, "value", null);
+    __decorate([
+        Output(),
+        __metadata("design:type", Object)
+    ], AbstractValueInputComponent.prototype, "valueChange", void 0);
     AbstractValueInputComponent = __decorate([
         Component({ template: '' }),
         __metadata("design:paramtypes", [])
@@ -753,16 +823,14 @@ var CheckboxInputComponent = /** @class */ (function (_super) {
     __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([
-        Input(), TrackExternal({ delegateTo: 'inputModel' }),
-        __metadata("design:type", Object)
-    ], CheckboxInputComponent.prototype, "valueModel", void 0);
     __decorate([
         Input(),
         __metadata("design:type", String)
@@ -786,16 +854,14 @@ var NumberInputComponent = /** @class */ (function (_super) {
     __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([
-        Input(), TrackExternal({ delegateTo: 'inputModel' }),
-        __metadata("design:type", Object)
-    ], NumberInputComponent.prototype, "valueModel", void 0);
     __decorate([
         Input(),
         __metadata("design:type", Object)
@@ -817,15 +883,13 @@ var NumberInputComponent = /** @class */ (function (_super) {
 
 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([
-        Input(), TrackExternal({ delegateTo: 'inputModel' }),
-        __metadata("design:type", Object)
-    ], PasswordInputComponent.prototype, "valueModel", void 0);
     PasswordInputComponent = __decorate([
         Component({
             selector: 'aup-password-input',
@@ -852,10 +916,6 @@ var SelectInputComponent = /** @class */ (function (_super) {
     }
     SelectInputComponent.prototype.ngOnInit = function () {
     };
-    __decorate([
-        Input(), TrackExternal({ delegateTo: 'inputModel' }),
-        __metadata("design:type", Object)
-    ], SelectInputComponent.prototype, "valueModel", void 0);
     __decorate([
         Input(), TrackExternal(),
         __metadata("design:type", ListModel)
@@ -908,10 +968,6 @@ var StringInputComponent = /** @class */ (function (_super) {
     }
     StringInputComponent.prototype.ngOnInit = function () {
     };
-    __decorate([
-        Input(), TrackExternal({ delegateTo: 'inputModel' }),
-        __metadata("design:type", Object)
-    ], StringInputComponent.prototype, "valueModel", void 0);
     __decorate([
         Input(), TrackExternal({ defaultValue: false }),
         __metadata("design:type", ValueModel)
@@ -935,16 +991,14 @@ var TextInputComponent = /** @class */ (function (_super) {
     __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([
-        Input(), TrackExternal({ delegateTo: 'inputModel' }),
-        __metadata("design:type", Object)
-    ], TextInputComponent.prototype, "valueModel", void 0);
     __decorate([
         Input(),
         __metadata("design:type", Object)
@@ -1174,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);
     };
@@ -1197,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;
@@ -1245,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;
@@ -1533,17 +1591,20 @@ var PropertyColumnModel = /** @class */ (function (_super) {
         _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) {
@@ -2277,10 +2338,6 @@ var MultipleSelectInputComponent = /** @class */ (function (_super) {
     }
     MultipleSelectInputComponent.prototype.ngOnInit = function () {
     };
-    __decorate([
-        Input(), TrackExternal({ delegateTo: 'inputModel' }),
-        __metadata("design:type", Object)
-    ], MultipleSelectInputComponent.prototype, "listModel", void 0);
     __decorate([
         Input(), TrackExternal(),
         __metadata("design:type", ListModel)