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

package/fesm2015/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 { GarbageCollector, DelegatingValueModel, assert, UnaryCommand, lang, Dsl, Logger, TrackExternal, Command, FocusManager, Form, ListModel, StoreInListModel, ValueModel, StoreInValueModel, MutableValueModel, MultipleSelectionModel, MutableListModel, DirtyTrackingForm, DelegatingCommand, Deferred, Trace, Guard, DebugContext, Binding, Functions } from '@coolon/pectin';
+import { GarbageCollector, DelegatingValueModel, assert, UnaryCommand, lang, Dsl, 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';
@@ -622,7 +622,7 @@ AbstractInputComponent = __decorate([
 
 let AbstractListInputComponent = class AbstractListInputComponent extends AbstractInputComponent {
     constructor() {
-        super(...arguments);
+        super();
         /**
          * A backing model for all our @Input() valueModel properties which should be defined as follows.
          *
@@ -635,10 +635,42 @@ let AbstractListInputComponent = class AbstractListInputComponent extends Abstra
          */
         // 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();
+        const { when } = Dsl.disposeWith(this);
+        when(this.inputModel).changes(value => this.valueChange.emit(value), {
+            initialValue: 'ignore',
+            unless: this.setValueIsInitialising
+        });
+    }
+    set value(value) {
+        if (!this.listHolder) {
+            this.setValueIsInitialising.whileTrue(() => {
+                this.listHolder = new MutableListModel(value);
+                this.listModel = this.listHolder;
+            });
+        }
+        else {
+            this.listHolder.value = value;
+        }
     }
 };
+__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);
 
 let AbstractValueInputComponent = class AbstractValueInputComponent extends AbstractInputComponent {
@@ -656,8 +688,36 @@ let AbstractValueInputComponent = class AbstractValueInputComponent extends Abst
          */
         // 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();
+        const { when } = Dsl.disposeWith(this);
+        when(this.inputModel).changes(value => this.valueChange.emit(value), { initialValue: 'ignore', unless: this.setValueIsInitialising });
+    }
+    set value(value) {
+        if (!this.valueHolder) {
+            this.setValueIsInitialising.whileTrue(() => {
+                this.valueHolder = new MutableValueModel(value);
+                this.valueModel = this.valueHolder;
+            });
+        }
+        else {
+            this.valueHolder.value = value;
+        }
     }
 };
+__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", [])
@@ -666,16 +726,14 @@ AbstractValueInputComponent = __decorate([
 let CheckboxInputComponent = class CheckboxInputComponent extends AbstractValueInputComponent {
     constructor() {
         super();
+        // @Input() @TrackExternal({ delegateTo: 'inputModel' })
+        // valueModel: Form.ValueModelBase<boolean> | IMutableValueModel<boolean>;
         this.color = 'accent';
         this.labelPosition = 'after';
     }
     ngOnInit() {
     }
 };
-__decorate([
-    Input(), TrackExternal({ delegateTo: 'inputModel' }),
-    __metadata("design:type", Object)
-], CheckboxInputComponent.prototype, "valueModel", void 0);
 __decorate([
     Input(),
     __metadata("design:type", String)
@@ -696,16 +754,14 @@ CheckboxInputComponent = __decorate([
 let NumberInputComponent = class NumberInputComponent extends AbstractValueInputComponent {
     constructor() {
         super();
+        // @Input() @TrackExternal({ delegateTo: 'inputModel' })
+        // valueModel: Form.ValueModelBase<number> | IMutableValueModel<number>;
         this.min = Number.MIN_SAFE_INTEGER;
         this.max = Number.MAX_SAFE_INTEGER;
     }
     ngOnInit() {
     }
 };
-__decorate([
-    Input(), TrackExternal({ delegateTo: 'inputModel' }),
-    __metadata("design:type", Object)
-], NumberInputComponent.prototype, "valueModel", void 0);
 __decorate([
     Input(),
     __metadata("design:type", Object)
@@ -724,16 +780,14 @@ NumberInputComponent = __decorate([
 ], NumberInputComponent);
 
 let PasswordInputComponent = class PasswordInputComponent extends AbstractValueInputComponent {
+    // @Input() @TrackExternal({ delegateTo: 'inputModel' })
+    // valueModel: Form.ValueModelBase<string> | IMutableValueModel<string>;
     constructor() {
         super();
     }
     ngOnInit() {
     }
 };
-__decorate([
-    Input(), TrackExternal({ delegateTo: 'inputModel' }),
-    __metadata("design:type", Object)
-], PasswordInputComponent.prototype, "valueModel", void 0);
 PasswordInputComponent = __decorate([
     Component({
         selector: 'aup-password-input',
@@ -757,10 +811,6 @@ let SelectInputComponent = class SelectInputComponent extends AbstractValueInput
     ngOnInit() {
     }
 };
-__decorate([
-    Input(), TrackExternal({ delegateTo: 'inputModel' }),
-    __metadata("design:type", Object)
-], SelectInputComponent.prototype, "valueModel", void 0);
 __decorate([
     Input(), TrackExternal(),
     __metadata("design:type", ListModel)
@@ -810,10 +860,6 @@ let StringInputComponent = class StringInputComponent extends AbstractValueInput
     ngOnInit() {
     }
 };
-__decorate([
-    Input(), TrackExternal({ delegateTo: 'inputModel' }),
-    __metadata("design:type", Object)
-], StringInputComponent.prototype, "valueModel", void 0);
 __decorate([
     Input(), TrackExternal({ defaultValue: false }),
     __metadata("design:type", ValueModel)
@@ -834,16 +880,14 @@ StringInputComponent = __decorate([
 let TextInputComponent = class TextInputComponent extends AbstractValueInputComponent {
     constructor() {
         super();
+        // @Input() @TrackExternal({ delegateTo: 'inputModel' })
+        // valueModel: Form.ValueModelBase<string> | IMutableValueModel<string>;
         this.rows = 2;
         // const { chain, valueOf, before, when, after, observe, switchOn } = Dsl.disposeWith(this);
     }
     ngOnInit() {
     }
 };
-__decorate([
-    Input(), TrackExternal({ delegateTo: 'inputModel' }),
-    __metadata("design:type", Object)
-], TextInputComponent.prototype, "valueModel", void 0);
 __decorate([
     Input(),
     __metadata("design:type", Object)
@@ -1045,6 +1089,7 @@ class CellHeaderPortalRef extends CellPortalRef {
         assert$1.isTruthy(host);
         host[HEADER_CELL_RENDERER_PORTAL] = new ComponentPortal(this.componentType);
     }
+    // @Trace()
     onPortalAttached(host, portalComponent) {
         this.initialiseHeader(portalComponent, host.column);
     }
@@ -1060,13 +1105,15 @@ class ComponentCellRendererPortalRef extends CellRendererPortalRef {
     initialiseHost(host, columnModel) {
         host[CELL_RENDERER_PORTAL] = new ComponentPortal(this.componentType);
     }
+    // @Trace()
     onPortalAttached(host, portalComponent) {
         host[PORTAL_RENDERER_COMPONENT] = portalComponent;
-        this.updateComponent(portalComponent, host.getRowData());
+        this.updateComponent(portalComponent, host.getRowData(), true);
     }
+    // @Trace()
     pushState(host) {
         if (host[PORTAL_RENDERER_COMPONENT]) {
-            this.updateComponent(host[PORTAL_RENDERER_COMPONENT], host.getRowData());
+            this.updateComponent(host[PORTAL_RENDERER_COMPONENT], host.getRowData(), false);
         }
     }
 }
@@ -1103,6 +1150,7 @@ class TemplateCellRendererPortalRef extends CellRendererPortalRef {
     onPortalAttached(host, portalComponent) {
         //  don't care
     }
+    // @Trace()
     pushState(host) {
         host[CELL_RENDERER_PORTAL] = this.createPortal(host.getRowData());
         host.fillCell = this.fillCell;
@@ -1365,15 +1413,18 @@ class PropertyColumnModel extends ColumnModel {
         this._format = (value) => value;
         this.cellRenderer(DefaultCellRendererComponent);
     }
-    cellRenderer(componentType) {
-        this.configureCellRenderer(new ComponentCellRendererPortalRef(componentType, (component, rowData) => {
+    cellRenderer(componentType, onComponentInit) {
+        this.configureCellRenderer(new ComponentCellRendererPortalRef(componentType, (component, rowData, firstTime) => {
+            if (firstTime && onComponentInit) {
+                onComponentInit(component);
+            }
             component.value = this._format(rowData.row[this.property]);
         }));
         return this;
     }
-    cellEditor(editor, validatorsOrInitialiser, initialiseComponent) {
+    cellEditor(editor, validatorsOrInitialiser, onComponentInit) {
         const validators = Array.isArray(validatorsOrInitialiser) ? validatorsOrInitialiser : undefined;
-        const initialiser = ___default.isFunction(validatorsOrInitialiser) ? validatorsOrInitialiser : initialiseComponent;
+        const initialiser = ___default.isFunction(validatorsOrInitialiser) ? validatorsOrInitialiser : onComponentInit;
         this.configureCellEditor(new CellEditorPortalRef(editor, (component, editSession) => {
             const formValueModel = editSession.form.pluck(this.property);
             if (validators) {
@@ -2061,10 +2112,6 @@ let MultipleSelectInputComponent = class MultipleSelectInputComponent extends Ab
     ngOnInit() {
     }
 };
-__decorate([
-    Input(), TrackExternal({ delegateTo: 'inputModel' }),
-    __metadata("design:type", Object)
-], MultipleSelectInputComponent.prototype, "listModel", void 0);
 __decorate([
     Input(), TrackExternal(),
     __metadata("design:type", ListModel)