@tetacom/ng-components 1.0.26 → 1.0.27

package/fesm2020/tetacom-ng-components.mjs

@@ -2479,8 +2479,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.1", ngImpor
         }] });
 
 class ClickOutsideDirective {
-    constructor(_elementRef) {
+    constructor(_elementRef, _ngZone) {
         this._elementRef = _elementRef;
+        this._ngZone = _ngZone;
         this.clickOutside = new EventEmitter();
         this.rightClick = false;
         this._handleEvents = false;
@@ -2490,6 +2491,7 @@ class ClickOutsideDirective {
             }
             const clickedInside = DomUtil.clickedInside(this._elementRef.nativeElement, click);
             if (!clickedInside) {
+                console.log('clickedInside', clickedInside);
                 this.clickOutside.emit(click);
             }
         };
@@ -2497,7 +2499,11 @@ class ClickOutsideDirective {
     set tetaClickOutside(val) {
         this._handleEvents = val;
         if (this._handleEvents) {
-            this.addListener(this.rightClick);
+            this._ngZone.runOutsideAngular(() => {
+                setTimeout(() => {
+                    this.addListener(this.rightClick);
+                });
+            });
         }
         else {
             this.removeListener();
@@ -2511,6 +2517,7 @@ class ClickOutsideDirective {
     }
     addListener(handleRightClick) {
         window.addEventListener('click', this.listener);
+        console.log('handleRightClick', handleRightClick);
         if (handleRightClick) {
             window.addEventListener('contextmenu', this.listener);
         }
@@ -2520,14 +2527,14 @@ class ClickOutsideDirective {
         window.removeEventListener('contextmenu', this.listener);
     }
 }
-ClickOutsideDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: ClickOutsideDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+ClickOutsideDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: ClickOutsideDirective, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
 ClickOutsideDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.1", type: ClickOutsideDirective, selector: "[tetaClickOutside]", inputs: { rightClick: "rightClick", tetaClickOutside: "tetaClickOutside" }, outputs: { clickOutside: "clickOutside" }, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: ClickOutsideDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[tetaClickOutside]',
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { clickOutside: [{
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.NgZone }]; }, propDecorators: { clickOutside: [{
                 type: Output
             }], rightClick: [{
                 type: Input
@@ -3329,10 +3336,10 @@ class FileItemComponent {
     ngOnInit() { }
 }
 FileItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: FileItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-FileItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.1", type: FileItemComponent, selector: "teta-file-item", ngImport: i0, template: "<p>file-item works!</p>\n", styles: [""] });
+FileItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.1", type: FileItemComponent, selector: "teta-file-item", ngImport: i0, template: "<p>file-item works!</p>\n", styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: FileItemComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'teta-file-item', template: "<p>file-item works!</p>\n", styles: [""] }]
+            args: [{ selector: 'teta-file-item', changeDetection: ChangeDetectionStrategy.OnPush, template: "<p>file-item works!</p>\n", styles: [""] }]
         }], ctorParameters: function () { return []; } });
 
 class FileUploadModule {
@@ -8702,6 +8709,7 @@ class NumericCellComponent extends CellComponentBase {
         if (initiator?.column.name === this.column.name) {
             setTimeout(() => {
                 this.input?.nativeElement.focus();
+                this.input?.nativeElement.select();
                 this.cdr.markForCheck();
             }, 0);
         }
@@ -8838,7 +8846,8 @@ class StringCellComponent extends CellComponentBase {
         if (initiator?.column.name === this.column.name) {
             this.cdr.markForCheck();
             setTimeout(() => {
-                this.input.nativeElement.focus();
+                this.input.nativeElement?.focus();
+                this.input.nativeElement?.select();
             }, 0);
         }
     }
@@ -12422,10 +12431,10 @@ class Chart3dComponent {
     }
 }
 Chart3dComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: Chart3dComponent, deps: [{ token: i0.ElementRef }, { token: ThemeSwitchService }], target: i0.ɵɵFactoryTarget.Component });
-Chart3dComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.1", type: Chart3dComponent, selector: "teta-chart3d", inputs: { config: "config" }, viewQueries: [{ propertyName: "canvasRef", first: true, predicate: ["canvas"], descendants: true }], ngImport: i0, template: "<canvas #canvas></canvas>\n", styles: [":host{display:flex;width:100%;height:100%}\n"] });
+Chart3dComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.1", type: Chart3dComponent, selector: "teta-chart3d", inputs: { config: "config" }, viewQueries: [{ propertyName: "canvasRef", first: true, predicate: ["canvas"], descendants: true }], ngImport: i0, template: "<canvas #canvas></canvas>\n", styles: [":host{display:flex;width:100%;height:100%}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: Chart3dComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'teta-chart3d', template: "<canvas #canvas></canvas>\n", styles: [":host{display:flex;width:100%;height:100%}\n"] }]
+            args: [{ selector: 'teta-chart3d', changeDetection: ChangeDetectionStrategy.OnPush, template: "<canvas #canvas></canvas>\n", styles: [":host{display:flex;width:100%;height:100%}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: ThemeSwitchService }]; }, propDecorators: { canvasRef: [{
                 type: ViewChild,
                 args: ['canvas']