intelica-library-ui 0.1.61 → 0.1.62

package/fesm2022/intelica-library-ui.mjs

@@ -1,11 +1,11 @@
 import * as i0 from '@angular/core';
-import { inject, Injectable, signal, Pipe, Component, TemplateRef, ContentChild, Input, Directive, EventEmitter, forwardRef, Output, HostListener, ContentChildren, ViewChild } from '@angular/core';
+import { inject, Injectable, signal, Pipe, Component, TemplateRef, ContentChild, Input, Directive, EventEmitter, forwardRef, Output, HostListener, ContentChildren, ViewChild, PLATFORM_ID, Inject } from '@angular/core';
 import { getCookie, Cookies, setCookie } from 'typescript-cookie';
 import { HttpClient, HttpHeaders } from '@angular/common/http';
 import { BehaviorSubject, catchError, throwError, from, switchMap, Subject, Subscription } from 'rxjs';
 import Swal from 'sweetalert2';
 import * as i1$1 from '@angular/common';
-import { CommonModule } from '@angular/common';
+import { CommonModule, isPlatformBrowser } from '@angular/common';
 import * as i2$1 from 'primeng/table';
 import { TableModule } from 'primeng/table';
 import { BadgeModule } from 'primeng/badge';
@@ -27,6 +27,7 @@ import { InputGroupAddonModule } from 'primeng/inputgroupaddon';
 import * as i3$2 from 'primeng/ripple';
 import { RippleModule } from 'primeng/ripple';
 import { Dialog } from 'primeng/dialog';
+import * as echarts from 'echarts';
 import * as XLSX from 'xlsx';
 import { Workbook } from 'exceljs';
 import { saveAs } from 'file-saver';
@@ -2442,6 +2443,60 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImpor
                 type: Input
             }] } });
 
+class EchartComponent {
+    el;
+    platformId;
+    config;
+    id;
+    event = new EventEmitter();
+    chart;
+    constructor(el, platformId) {
+        this.el = el;
+        this.platformId = platformId;
+    }
+    ngAfterViewInit() {
+        const chartElement = this.el.nativeElement.querySelector(`#${this.id}_plot`);
+        if (!this.config) {
+            console.log('Set chart configuration');
+            return;
+        }
+        if (!isPlatformBrowser(this.platformId)) {
+            console.log('Not Browser platform');
+            return;
+        }
+        if (!chartElement) {
+            console.log('Plot area not found');
+            return;
+        }
+        this.initChart(chartElement);
+    }
+    refreshChart() {
+        this.chart.setOption(this.config);
+    }
+    initChart(chartElement) {
+        this.chart = echarts.init(chartElement);
+        this.chart.setOption(this.config);
+        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" });
+}
+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" }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: Object, decorators: [{
+                    type: Inject,
+                    args: [PLATFORM_ID]
+                }] }], propDecorators: { config: [{
+                type: Input
+            }], id: [{
+                type: Input
+            }], event: [{
+                type: Output
+            }] } });
+
 class HtmlToExcelService {
     ExportTOExcel(idTabla, html, filename, tabname, extension) {
         let Table = document.getElementById(idTabla);
@@ -2766,6 +2821,78 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImpor
                 }]
         }] });
 
+class EchartService {
+    getDefaultSeriesColors() {
+        return ['#FF5733', 'red', '#FFBD33', '#FF33A1', '#33FF57', '#3357FF'];
+    }
+    getTooltipCssText() {
+        return 'border-color: red; font-family: Consolas, monospace;';
+    }
+    getTooltipFormatter(htmlContent) {
+        return `
+		<div>
+			${htmlContent}
+		</div>
+		`;
+    }
+    getDefultAxisConfiguration(type, show = true, data) {
+        let axis = {
+            show: show,
+            type: type,
+            data: data,
+            axisTick: {
+                show: false,
+            },
+            axisLine: {
+                show: false,
+            },
+            splitLine: {
+                show: false,
+            },
+        };
+        return axis;
+    }
+    getRateDoughnutPie(data) {
+        const rateData = data.find((d) => d.name.toLowerCase() !== 'placeholder');
+        return {
+            tooltip: {
+                trigger: 'none',
+            },
+            series: [
+                {
+                    name: 'RateDoughnutPie',
+                    type: 'pie',
+                    tooltip: {
+                        trigger: 'none',
+                    },
+                    radius: ['70%', '60%'],
+                    data: data,
+                    startAngle: 0,
+                    selectedMode: false,
+                    silent: true,
+                    label: {
+                        show: true,
+                        formatter: function (_) {
+                            return `${rateData.name}`;
+                        },
+                        color: rateData.itemStyle.color,
+                        fontSize: '40',
+                        position: 'center',
+                    },
+                },
+            ],
+        };
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: EchartService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: EchartService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: EchartService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }] });
+
 /**
  * Función de comparación genérica para ordenar objetos por un campo específico.
  *
@@ -5133,5 +5260,5 @@ const IntelicaTheme = definePreset(Aura, {
  * Generated bundle index. Do not edit.
  */
 
-export { ActionDirective, ActionsMenuComponent, ButtonSplitComponent, ColumnComponent, ColumnGroupComponent, CompareByField, ConfigService, CookieAttributesGeneral, DynamicInputValidation, EmailInputValidation, ErrorInterceptor, FeatureFlagService, GlobalFeatureFlagService, GlobalTermService, HtmlToExcelService, InitializeConfigService, InputValidation, IntelicaTheme, ItemSplitDirective, LanguageService, ModalDialogComponent, OrderConstants, PaginatorComponent, Patterns, PopoverComponent, RecordPerPageComponent, RefreshTokenInterceptor, RowResumenComponent, SearchComponent, SharedService, SortingComponent, SpinnerComponent, SpinnerService, SweetAlertService, TableComponent, TermGuard, TermPipe, TermService, encryptData };
+export { ActionDirective, ActionsMenuComponent, ButtonSplitComponent, ColumnComponent, ColumnGroupComponent, CompareByField, ConfigService, CookieAttributesGeneral, DynamicInputValidation, EchartComponent, EchartService, EmailInputValidation, ErrorInterceptor, FeatureFlagService, GlobalFeatureFlagService, GlobalTermService, HtmlToExcelService, InitializeConfigService, InputValidation, IntelicaTheme, ItemSplitDirective, LanguageService, ModalDialogComponent, OrderConstants, PaginatorComponent, Patterns, PopoverComponent, RecordPerPageComponent, RefreshTokenInterceptor, RowResumenComponent, SearchComponent, SharedService, SortingComponent, SpinnerComponent, SpinnerService, SweetAlertService, TableComponent, TermGuard, TermPipe, TermService, encryptData };
 //# sourceMappingURL=intelica-library-ui.mjs.map