intelica-library-ui 0.1.80 → 0.1.82

package/fesm2022/intelica-library-ui.mjs

@@ -1718,8 +1718,8 @@ class TableComponent {
         else
             element.removeAttribute("class");
     }
-    OnRowsPerPageChange(event) {
-        this.RowsPerPage = Number(event.target.value);
+    OnRowsPerPageChange(value) {
+        this.RowsPerPage = Number(value);
         this.ResetTable();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: TableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
@@ -2515,8 +2515,8 @@ class EchartComponent {
     config;
     id;
     containerStyle = {
-        width: "100%",
-        height: "400px",
+        width: '100%',
+        height: '400px',
     };
     event = new EventEmitter();
     chart;
@@ -2527,13 +2527,13 @@ class EchartComponent {
     ngAfterViewInit() {
         const chartElement = this.el.nativeElement.querySelector(`#${this.id}_plot`);
         if (!this.config) {
-            throw new Error("Chart configuration is not set");
+            throw new Error('Chart configuration is not set');
         }
         if (!isPlatformBrowser(this.platformId)) {
-            throw new Error("Platform is not browser");
+            throw new Error('Platform is not browser');
         }
         if (!chartElement) {
-            throw new Error("Plot area not found");
+            throw new Error('Plot area not found');
         }
         this.initChart(chartElement);
     }
@@ -2541,18 +2541,22 @@ class EchartComponent {
         this.chart.setOption(this.config);
     }
     initChart(chartElement) {
+        const observer = new ResizeObserver(() => {
+            this.chart.resize();
+        });
         this.chart = echarts.init(chartElement);
         this.chart.setOption(this.config);
-        this.chart.on("click", params => {
+        this.chart.on('click', (params) => {
             this.event.emit(params);
         });
+        observer.observe(chartElement);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: EchartComponent, deps: [{ token: i0.ElementRef }, { token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.1", type: EchartComponent, isStandalone: true, selector: "intelica-echart", inputs: { config: "config", id: "id", containerStyle: "containerStyle" }, outputs: { event: "event" }, ngImport: i0, template: "<div [id]=\"id + '_plot'\" class=\"chart\" [ngStyle]=\"containerStyle\"></div>\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: EchartComponent, decorators: [{
             type: Component,
-            args: [{ selector: "intelica-echart", imports: [CommonModule], template: "<div [id]=\"id + '_plot'\" class=\"chart\" [ngStyle]=\"containerStyle\"></div>\r\n" }]
+            args: [{ selector: 'intelica-echart', imports: [CommonModule], template: "<div [id]=\"id + '_plot'\" class=\"chart\" [ngStyle]=\"containerStyle\"></div>\r\n" }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: Object, decorators: [{
                     type: Inject,
                     args: [PLATFORM_ID]