intelica-library-ui 0.1.73 → 0.1.74

package/fesm2022/intelica-library-ui.mjs

@@ -2467,6 +2467,10 @@ class EchartComponent {
     platformId;
     config;
     id;
+    containerStyle = {
+        width: "100%",
+        height: "400px",
+    };
     event = new EventEmitter();
     chart;
     constructor(el, platformId) {
@@ -2476,16 +2480,13 @@ class EchartComponent {
     ngAfterViewInit() {
         const chartElement = this.el.nativeElement.querySelector(`#${this.id}_plot`);
         if (!this.config) {
-            console.log('Set chart configuration');
-            return;
+            throw new Error("Chart configuration is not set");
         }
         if (!isPlatformBrowser(this.platformId)) {
-            console.log('Not Browser platform');
-            return;
+            throw new Error("Platform is not browser");
         }
         if (!chartElement) {
-            console.log('Plot area not found');
-            return;
+            throw new Error("Plot area not found");
         }
         this.initChart(chartElement);
     }
@@ -2495,16 +2496,16 @@ class EchartComponent {
     initChart(chartElement) {
         this.chart = echarts.init(chartElement);
         this.chart.setOption(this.config);
-        this.chart.on('click', (params) => {
+        this.chart.on("click", params => {
             this.event.emit(params);
         });
     }
     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" }, outputs: { event: "event" }, ngImport: i0, template: "<div [id]=\"id + '_plot'\" class=\"chart\" style=\"width: 100%; height: 400px\"></div>\r\n" });
+    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: [], template: "<div [id]=\"id + '_plot'\" class=\"chart\" style=\"width: 100%; height: 400px\"></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]
@@ -2512,6 +2513,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImpor
                 type: Input
             }], id: [{
                 type: Input
+            }], containerStyle: [{
+                type: Input
             }], event: [{
                 type: Output
             }] } });