@coolon/angular-ui-powerups 16.1.0-aplpha.121 → 16.1.0-aplpha.123

package/fesm2022/coolon-angular-ui-powerups.mjs

@@ -280,7 +280,10 @@ class DisposableComponent extends GarbageCollector {
      */
     viewStateDependsOn(...models) {
         const { when } = Dsl.disposeWith(this);
-        when.anyOf(...models).changes(() => this.cdr.markForCheck());
+        when.anyOf(...models).changes(() => this.markForCheck());
+    }
+    markForCheck() {
+        this.cdr.markForCheck();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: DisposableComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.9", type: DisposableComponent, usesInheritance: true, ngImport: i0 });
@@ -2254,7 +2257,7 @@ class NumberInputComponent extends AbstractValueInputComponent {
         super();
         const { chain } = Dsl.disposeWith(this);
         this.step$ = chain(this.significantDigits$).map(v => 10 ** (-v)).otherwise(1);
-        this.displayValue$ = chain(this.value$).map(v => this.clamp(v), {
+        this.displayValue$ = chain(this.value$).map(v => this.clampSignificantDigits(v), {
             dependsOn: this.significantDigits$
         });
         const normalisedValue$ = chain(this.value$).otherwise(0);
@@ -2266,12 +2269,12 @@ class NumberInputComponent extends AbstractValueInputComponent {
         }).enableWhile(chain.numericValue(normalisedValue$).isGreaterThan(this.min$).and(this.enabled$));
     }
     increment(value) {
-        return this.clamp((value ?? 0) + this.step$.value);
+        return this.clampSignificantDigits((value ?? 0) + this.step$.value);
     }
     decrement(value) {
-        return this.clamp((value ?? 0) - this.step$.value);
+        return this.clampSignificantDigits((value ?? 0) - this.step$.value);
     }
-    clamp(value) {
+    clampSignificantDigits(value) {
         return Number(value.toFixed(this.significantDigits));
     }
     onValueChange(value) {
@@ -2836,7 +2839,7 @@ class CellHeaderPortalRef extends CellPortalRef {
         this.componentType = componentType;
         this.initialiseHeader = initialiseHeader;
     }
-    initialiseHost(host, columnModel) {
+    initialiseHost(host) {
         assert$1.isTruthy(host);
         host[HEADER_CELL_RENDERER_PORTAL] = new ComponentPortal(this.componentType);
     }
@@ -2855,7 +2858,7 @@ class ComponentCellRendererPortalRef extends CellRendererPortalRef {
         this.componentType = componentType;
         this.updateComponent = updateComponent;
     }
-    initialiseHost(host, columnModel) {
+    initialiseHost(host) {
         host[CELL_RENDERER_PORTAL] = new ComponentPortal(this.componentType);
     }
     // @Trace()
@@ -2878,7 +2881,7 @@ class CellEditorPortalRef extends CellPortalRef {
         this.componentType = componentType;
         this.initialiseEditorSession = initialiseEditorSession;
     }
-    initialiseHost(host, columnModel) {
+    initialiseHost(host) {
         assert$1.isTruthy(host);
         host[CELL_EDITOR_PORTAL] = new ComponentPortal(this.componentType);
     }
@@ -2902,7 +2905,7 @@ class TemplateCellRendererPortalRef extends CellRendererPortalRef {
         this.fillCell = fillCell;
         this.padChild = padChild;
     }
-    initialiseHost(host, columnModel) {
+    initialiseHost(host) {
         assert$1.isTruthy(host);
     }
     // @Trace()
@@ -2927,7 +2930,7 @@ class CellFooterPortalRef extends CellPortalRef {
         this.componentType = componentType;
         this.initialiseHeader = initialiseHeader;
     }
-    initialiseHost(host, columnModel) {
+    initialiseHost(host) {
         assert$1.isTruthy(host);
         host[HEADER_CELL_RENDERER_PORTAL] = new ComponentPortal(this.componentType);
     }
@@ -3128,12 +3131,12 @@ class ColumnModel extends GarbageCollector {
         return !!this._cellEditorPortalRef;
     }
     attachHeaderCell(host) {
-        this._columnHeaderPortalRef.initialiseHost(host, this);
+        this._columnHeaderPortalRef.initialiseHost(host);
     }
     attachCell(host) {
-        this._cellRendererPortalRef.initialiseHost(host, this);
+        this._cellRendererPortalRef.initialiseHost(host);
         if (this.hasEditorPortal()) {
-            this._cellEditorPortalRef.initialiseHost(host, this);
+            this._cellEditorPortalRef.initialiseHost(host);
         }
     }
     onHeaderAttached(host, ref) {
@@ -4505,15 +4508,15 @@ class TableCellComponent extends DisposableComponent {
     defaultClassNames = 'aup-cell-renderer';
     fillCell = false;
     padChild = false;
-    firstEditableColumn;
     constructor() {
         super();
         this.editRowCommand = Command.create(() => {
             this.tableModel.startEditSession(this.row);
         });
         this.onInit(() => {
-            const { chain } = Dsl.disposeWith(this);
-            this.firstEditableColumn = chain(this.tableModel.firstEditableColumn$).equals(this.column); // this would break if the column changed.
+            // This binding was triggering a memory leak... not sure why.
+            // const { chain} = Dsl.disposeWith(this);
+            // this.firstEditableColumn = chain(this.tableModel.firstEditableColumn$).equals(this.column); // this would break if the column changed.
             this.column.attachCell(this);
         });
     }
@@ -4525,7 +4528,7 @@ class TableCellComponent extends DisposableComponent {
     }
     initialiseEditor(ref) {
         this.column.onEditorAttached(this, ref);
-        if (this.firstEditableColumn.value) {
+        if (this.tableModel.firstEditableColumn$.value === this.column) {
             // @see https://github.com/angular/components/issues/12070
             setTimeout(() => this.tryAndFocusEditor(ref));
         }
@@ -10903,25 +10906,12 @@ const slideDownOnEnterDef = style({
     paddingTop: '0',
     paddingBottom: '0'
 });
-// TODO: params aren't getting customised in the view.  Need to figure out the correct approach.
-const slideDownOnEnterAnimation = trigger('slideDownOnEnter', [
-    transition(':enter', [slideDownOnEnterDef, animate('{{duration}}')], { params: { duration: '100ms' } }),
-    transition(':leave', [animate('{{duration}}', slideDownOnEnterDef)], { params: { duration: '100ms' } })
-]);
-const slideDownWhenOpenAnimation = trigger('slideDownWhenOpen', [
-    transition('closed => open', [slideDownOnEnterDef, animate('{{duration}}')], { params: { duration: '100ms' } }),
-    transition('open => closed', [animate('{{duration}}', slideDownOnEnterDef)], { params: { duration: '100ms' } })
-]);
 const slideLeftOnEnterDef = style({
     opacity: 0,
     'width': '0',
     paddingLeft: '0',
     paddingRight: '0'
 });
-const slideRightOnEnterAnimation = trigger('slideRightOnEnter', [
-    transition(':enter', [slideLeftOnEnterDef, animate('{{duration}}')], { params: { duration: '100ms' } }),
-    transition(':leave', [animate('{{duration}}', slideLeftOnEnterDef)], { params: { duration: '100ms' } })
-]);
 const ZERO_WIDTH = {
     opacity: 0,
     width: '0',
@@ -10934,6 +10924,19 @@ const ZERO_HEIGHT = {
     paddingTop: '0',
     paddingBottom: '0',
 };
+// TODO: params aren't getting customised in the view.  Need to figure out the correct approach.
+const slideDownOnEnterAnimation = trigger('slideDownOnEnter', [
+    transition(':enter', [slideDownOnEnterDef, animate('{{duration}}')], { params: { duration: '100ms' } }),
+    transition(':leave', [animate('{{duration}}', slideDownOnEnterDef)], { params: { duration: '100ms' } })
+]);
+const slideDownWhenOpenAnimation = trigger('slideDownWhenOpen', [
+    transition('closed => open', [slideDownOnEnterDef, animate('{{duration}}')], { params: { duration: '100ms' } }),
+    transition('open => closed', [animate('{{duration}}', slideDownOnEnterDef)], { params: { duration: '100ms' } })
+]);
+const slideRightOnEnterAnimation = trigger('slideRightOnEnter', [
+    transition(':enter', [slideLeftOnEnterDef, animate('{{duration}}')], { params: { duration: '100ms' } }),
+    transition(':leave', [animate('{{duration}}', slideLeftOnEnterDef)], { params: { duration: '100ms' } })
+]);
 const slideDownAndRightOnEnterAnimation = trigger('slideDownAndRightOnEnter', [
     transition(':enter', [
         style({ overflow: "hidden", whiteSpace: "nowrap", ...ZERO_WIDTH, ...ZERO_HEIGHT }),