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

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)
@@ -2277,10 +2331,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)