@tetacom/ng-components 1.0.62 → 1.0.65

package/fesm2020/tetacom-ng-components.mjs

@@ -3767,18 +3767,26 @@ class TextFieldComponent {
         this.placeholder = '';
         this.disabled = false;
         this.onlyNumber = false;
+        // @HostBinding('attr.tabindex')
+        // private get tabindex() {
+        //   return this.disabled ? null : 0;
+        // }
         this.textField = true;
         this.value = '';
     }
-    get tabindex() {
-        return this.disabled ? null : 0;
-    }
     onFocus() {
         if (this.disabled) {
             return;
         }
         this.input.nativeElement.focus();
     }
+    //
+    // @HostListener('focus') focus() {
+    //   if (this.disabled) {
+    //     return;
+    //   }
+    //   this.input.nativeElement.focus();
+    // }
     keyPress(event) {
         if (event.key === 'Enter' || event.keyCode === 13) {
             this.input.nativeElement.blur();
@@ -3807,7 +3815,7 @@ class TextFieldComponent {
     }
 }
 TextFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: TextFieldComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-TextFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: TextFieldComponent, selector: "teta-text-field", inputs: { placeholder: "placeholder", leftIconName: "leftIconName", disabled: "disabled", onlyNumber: "onlyNumber", invalid: "invalid" }, host: { listeners: { "click": "onFocus()" }, properties: { "class.text-field_disabled": "this.disabled", "class.text-field_invalid": "this.invalid", "attr.tabindex": "this.tabindex", "class.text-field": "this.textField" } }, providers: [
+TextFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: TextFieldComponent, selector: "teta-text-field", inputs: { placeholder: "placeholder", leftIconName: "leftIconName", disabled: "disabled", onlyNumber: "onlyNumber", invalid: "invalid" }, host: { listeners: { "click": "onFocus()" }, properties: { "class.text-field_disabled": "this.disabled", "class.text-field_invalid": "this.invalid", "class.text-field": "this.textField" } }, providers: [
         {
             provide: NG_VALUE_ACCESSOR,
             useExisting: forwardRef(() => TextFieldComponent),
@@ -3842,9 +3850,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImpor
             }], input: [{
                 type: ViewChild,
                 args: ['input', { static: false }]
-            }], tabindex: [{
-                type: HostBinding,
-                args: ['attr.tabindex']
             }], textField: [{
                 type: HostBinding,
                 args: ['class.text-field']
@@ -6600,13 +6605,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImpor
 
 class NumberPipe {
     transform(value, decimalLength = 2, chunkDelimiter = '', decimalDelimiter = '.', chunkLength = 3) {
-        if (value === null || value === undefined) {
+        if (value === null || value === undefined || value === '') {
             return '';
         }
-        if (value !== value / 1) {
+        if (typeof value === 'string' && isNaN(parseFloat(value))) {
             return value.toString();
         }
-        value /= 1;
+        value = Number(value);
         return formatNumber(value, decimalLength, chunkDelimiter, decimalDelimiter, chunkLength);
     }
 }
@@ -9890,40 +9895,43 @@ class TableComponent {
     }
     handleClickOutsideAnyRow(event) {
         const coordinates = this.getCoordinates(event);
-        if (coordinates) {
-            this.cellClick.emit({
-                ...this._svc.getCellInstance(coordinates),
-                event
-            });
-            if (this.editEvent === EditEvent.click) {
-                this.startEditRowOrCell(coordinates);
-            }
-            else {
-                if (this._svc.currentEditCell && (coordinates.row !== this._svc.currentEditCell.row || coordinates.column !== this._svc.currentEditCell.column)) {
-                    this.startEditRowOrCell(null);
-                }
-            }
-        }
         const row = this.getRow(event);
-        if (row) {
-            if (event.ctrlKey) {
-                this._svc.selectOrDeselectRow(row);
-            }
-            else if (event.shiftKey) {
-                this._svc.selectRange(row);
-            }
-            else {
-                this._svc.selectRows([row]);
+        const eventIsOnRow = this.eventIsOnRow(event);
+        setTimeout(() => {
+            if (coordinates) {
+                this.cellClick.emit({
+                    ...this._svc.getCellInstance(coordinates),
+                    event
+                });
+                if (this.editEvent === EditEvent.click) {
+                    this.startEditRowOrCell(coordinates);
+                }
+                else {
+                    if (this._svc.currentEditCell && (coordinates.row !== this._svc.currentEditCell.row || coordinates.column !== this._svc.currentEditCell.column)) {
+                        this.startEditRowOrCell(null);
+                    }
+                }
             }
-        }
-        if (!this.eventIsOnRow(event) && !event.defaultPrevented) {
-            if (this.editType === EditType.row) {
-                this._svc.startEditRow(null);
+            if (row) {
+                if (event.ctrlKey) {
+                    this._svc.selectOrDeselectRow(row);
+                }
+                else if (event.shiftKey) {
+                    this._svc.selectRange(row);
+                }
+                else {
+                    this._svc.selectRows([row]);
+                }
             }
-            else {
-                this._svc.startEditCell(null);
+            if (!eventIsOnRow && !event.defaultPrevented) {
+                if (this.editType === EditType.row) {
+                    this._svc.startEditRow(null);
+                }
+                else {
+                    this._svc.startEditCell(null);
+                }
             }
-        }
+        });
     }
     focusIn(event) {
         const coordinates = this.getCoordinates(event);
@@ -9940,13 +9948,15 @@ class TableComponent {
     dblclick(event) {
         const coordinates = this.getCoordinates(event);
         if (coordinates) {
-            this.cellDoubleClick.emit({
-                ...this._svc.getCellInstance(coordinates),
-                event
+            setTimeout(() => {
+                this.cellDoubleClick.emit({
+                    ...this._svc.getCellInstance(coordinates),
+                    event
+                });
+                if (this.editEvent === EditEvent.doubleClick) {
+                    this.startEditRowOrCell(coordinates);
+                }
             });
-            if (this.editEvent === EditEvent.doubleClick) {
-                this.startEditRowOrCell(coordinates);
-            }
         }
     }
     keydown(event) {