@tetacom/ng-components 1.0.127 → 1.0.129

package/fesm2015/tetacom-ng-components.mjs

@@ -987,6 +987,8 @@ const enLocale = {
     avg: 'Avg',
     search: 'Search',
     notSelected: 'Not selected',
+    yes: 'Yes',
+    no: 'No',
     months: [
         'January',
         'February',
@@ -4725,11 +4727,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImpor
             }] } });
 
 class BooleanFilterComponent extends FilterComponentBase {
-    constructor(changeDetector) {
+    constructor(changeDetector, _config) {
         super();
         this.changeDetector = changeDetector;
+        this._config = _config;
         this.filterOptions = [];
         this.filterChanged = new EventEmitter();
+        this.locale = this._config.locale;
     }
     set state(val) {
         this.state$ = val;
@@ -4739,7 +4743,8 @@ class BooleanFilterComponent extends FilterComponentBase {
     get state() {
         return this.state$;
     }
-    ngOnInit() { }
+    ngOnInit() {
+    }
     setFilter() {
         this.filterChanged.emit(this.filter);
     }
@@ -4755,12 +4760,12 @@ class BooleanFilterComponent extends FilterComponentBase {
         return filter;
     }
 }
-BooleanFilterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: BooleanFilterComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-BooleanFilterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: BooleanFilterComponent, selector: "teta-boolean-filter", inputs: { column: "column", data: "data", filterOptions: "filterOptions", state: "state" }, outputs: { filterChanged: "filterChanged" }, usesInheritance: true, ngImport: i0, template: "<div class=\"padding-3\">\n  <teta-radio [ngModel]=\"filter.value\" (ngModelChange)=\"setFilter()\">\n    <teta-radio-button [value]=\"null\">null</teta-radio-button>\n    <teta-radio-button [value]=\"true\">true</teta-radio-button>\n    <teta-radio-button [value]=\"false\">false</teta-radio-button>\n  </teta-radio>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: RadioComponent, selector: "teta-radio", inputs: ["inline", "checkChangeSelected", "disabled", "value"] }, { kind: "component", type: RadioButtonComponent, selector: "teta-radio-button", inputs: ["checked", "disabled", "value"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+BooleanFilterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: BooleanFilterComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: TetaConfigService }], target: i0.ɵɵFactoryTarget.Component });
+BooleanFilterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: BooleanFilterComponent, selector: "teta-boolean-filter", inputs: { column: "column", data: "data", filterOptions: "filterOptions", state: "state" }, outputs: { filterChanged: "filterChanged" }, usesInheritance: true, ngImport: i0, template: "<div class=\"padding-3\" *ngIf=\"locale | async as loc\">\n  <teta-radio [ngModel]=\"filter.value\" (ngModelChange)=\"setFilter()\">\n    <teta-radio-button [value]=\"null\">{{loc?.notSelected}}</teta-radio-button>\n    <teta-radio-button [value]=\"true\">{{loc?.yes}}</teta-radio-button>\n    <teta-radio-button [value]=\"false\">{{loc?.no}}</teta-radio-button>\n  </teta-radio>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: RadioComponent, selector: "teta-radio", inputs: ["inline", "checkChangeSelected", "disabled", "value"] }, { kind: "component", type: RadioButtonComponent, selector: "teta-radio-button", inputs: ["checked", "disabled", "value"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: BooleanFilterComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'teta-boolean-filter', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"padding-3\">\n  <teta-radio [ngModel]=\"filter.value\" (ngModelChange)=\"setFilter()\">\n    <teta-radio-button [value]=\"null\">null</teta-radio-button>\n    <teta-radio-button [value]=\"true\">true</teta-radio-button>\n    <teta-radio-button [value]=\"false\">false</teta-radio-button>\n  </teta-radio>\n</div>\n" }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { column: [{
+            args: [{ selector: 'teta-boolean-filter', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"padding-3\" *ngIf=\"locale | async as loc\">\n  <teta-radio [ngModel]=\"filter.value\" (ngModelChange)=\"setFilter()\">\n    <teta-radio-button [value]=\"null\">{{loc?.notSelected}}</teta-radio-button>\n    <teta-radio-button [value]=\"true\">{{loc?.yes}}</teta-radio-button>\n    <teta-radio-button [value]=\"false\">{{loc?.no}}</teta-radio-button>\n  </teta-radio>\n</div>\n" }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: TetaConfigService }]; }, propDecorators: { column: [{
                 type: Input
             }], data: [{
                 type: Input
@@ -10150,9 +10155,11 @@ class TableBodyComponent {
             this.activeRow = _;
             this._cdr.markForCheck();
         }));
+        this.addResizeObserver();
     }
     ngOnDestroy() {
         this._alive = false;
+        this.removeResizeObserver();
     }
     getAggregateValue(column) {
         if (column.aggregate === AggregationType.sum) {
@@ -10192,6 +10199,17 @@ class TableBodyComponent {
     trackColumns(index, column) {
         return column.name;
     }
+    addResizeObserver() {
+        this._obs = new ResizeObserver((_) => {
+            var _a;
+            (_a = this.viewport) === null || _a === void 0 ? void 0 : _a.checkViewportSize();
+        });
+        this._obs.observe(this._elementRef.nativeElement);
+    }
+    removeResizeObserver() {
+        this._obs.unobserve(this._elementRef.nativeElement);
+        this._obs.disconnect();
+    }
     getSum(columnName) {
         var _a;
         return (_a = this.data) === null || _a === void 0 ? void 0 : _a.reduce((accum, current) => {
@@ -11072,6 +11090,7 @@ class Chart3dComponent {
     }
     ngOnDestroy() {
         this._alive = false;
+        this.removeResizeObserver();
     }
     init() {
         if (!this._scene) {
@@ -11170,6 +11189,10 @@ class Chart3dComponent {
         });
         this._obs.observe(this._elementRef.nativeElement);
     }
+    removeResizeObserver() {
+        this._obs.unobserve(this._elementRef.nativeElement);
+        this._obs.disconnect();
+    }
     makeSprite(text, opts) {
         const fontSize = 20;
         const canvas = document.createElement('canvas');
@@ -12622,6 +12645,8 @@ const ruLocale = {
     avg: 'Средн',
     search: 'Поиск',
     notSelected: 'Не выбрано',
+    yes: 'Да',
+    no: 'Нет',
     months: [
         'Январь',
         'Февраль',