intelica-library-components 1.1.146 → 1.1.148

package/fesm2022/intelica-library-components.mjs

@@ -1,9 +1,9 @@
 import * as i0 from '@angular/core';
-import { Injectable, inject, signal, Pipe, Component, TemplateRef, ContentChild, Input, Directive, EventEmitter, ContentChildren, Output, HostListener, forwardRef, ViewChild, PLATFORM_ID, Inject, DestroyRef, output, input, effect, Optional, Host, InjectionToken } from '@angular/core';
+import { Injectable, inject, signal, Pipe, Component, TemplateRef, ContentChild, Input, Directive, EventEmitter, ContentChildren, Output, HostListener, forwardRef, ViewChild, PLATFORM_ID, Inject, DestroyRef, output, input, effect, computed, ViewChildren, Optional, Host, InjectionToken } from '@angular/core';
 import { getCookie, setCookie } from 'typescript-cookie';
 import * as i1$4 from '@angular/common/http';
 import { HttpClient, HttpHeaders, HttpResponse, HttpParams } from '@angular/common/http';
-import { BehaviorSubject, catchError, throwError, Subject, Subscription, tap as tap$1, of, map, fromEvent, startWith, distinctUntilChanged, shareReplay, firstValueFrom } from 'rxjs';
+import { BehaviorSubject, catchError, throwError, Subject, Subscription, tap as tap$1, of, map, fromEvent, startWith, distinctUntilChanged, firstValueFrom, shareReplay } from 'rxjs';
 import Swal from 'sweetalert2';
 import { tap, catchError as catchError$1 } from 'rxjs/operators';
 import * as i1 from '@angular/common';
@@ -51,15 +51,15 @@ import * as i2$4 from 'primeng/skeleton';
 import { SkeletonModule } from 'primeng/skeleton';
 import * as i1$3 from 'primeng/confirmdialog';
 import { ConfirmDialogModule } from 'primeng/confirmdialog';
-import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import { takeUntilDestroyed, toSignal } from '@angular/core/rxjs-interop';
 import { Guid } from 'guid-typescript';
 import { ActivatedRoute, RouterLink } from '@angular/router';
 import { Breadcrumb } from 'primeng/breadcrumb';
+import { createEmbeddingContext } from 'amazon-quicksight-embedding-sdk';
 import * as XLSX from 'xlsx';
 import { Workbook } from 'exceljs';
 import { saveAs } from 'file-saver';
 import JSEncrypt from 'jsencrypt';
-import { createEmbeddingContext } from 'amazon-quicksight-embedding-sdk';
 import * as signalR from '@microsoft/signalr';
 
 function GetCookieAttributes(environment) {
@@ -6141,6 +6141,125 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.23", ngImpo
             args: [{ selector: 'intelica-title', imports: [Button], template: "<div class=\"ptSectionTitle\">\n    <div class=\"ptSectionTitle__icon\">\n        <p-button class=\"prButton\" icon=\"icon icon-nav-left\" (onClick)=\"back.emit()\" />\n    </div>\n    <div class=\"ptSectionTitle__content\">\n        <div class=\"ptSectionTitle__title\">\n            {{ title() }}\n        </div>\n    </div>\n</div>" }]
         }], propDecorators: { title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], back: [{ type: i0.Output, args: ["back"] }] } });
 
+class Shared {
+    http = inject(HttpClient);
+    configService = inject(ConfigService);
+    path = `${this.configService.environment?.sharedPath}/Quicksight`;
+    getEmbedUrl(dashboardId) {
+        return this.http.get(`${this.path}/embed-url/${dashboardId}`);
+    }
+    getEmbedVisualUrl(request) {
+        let params = new HttpParams()
+            .set('dashboardId', request.dashboardId)
+            .set('sheetId', request.sheetId)
+            .set('visualId', request.visualId);
+        Object.entries(request.parameters).forEach(([key, values]) => {
+            values.forEach(value => {
+                params = params.append(`parameters[${key}]`, value);
+            });
+        });
+        return this.http.get(`${this.path}/embed-visual-url`, { params });
+    }
+    getEmbedVisualUrlsAnonymous(request) {
+        let params = new HttpParams()
+            .set('dashboardId', request.dashboardId)
+            .set('sheetId', request.sheetId)
+            .set('visualId', request.visualId);
+        Object.entries(request.parameters).forEach(([key, values]) => {
+            values.forEach(value => {
+                params = params.append(`parameters[${key}]`, value);
+            });
+        });
+        return this.http.get(`${this.path}/embed-visual-anonymous`, { params });
+    }
+    async createEmbedContext(embedUrl, container, options) {
+        const embeddingContext = await createEmbeddingContext();
+        await embeddingContext.embedDashboard({
+            url: embedUrl,
+            container,
+            ...(options?.height && { height: options.height }),
+            ...(options?.width && { width: options.width }),
+        });
+    }
+    async embedDashboard(dashboardId, container, options) {
+        const { embedUrl } = await firstValueFrom(this.getEmbedUrl(dashboardId));
+        await this.createEmbedContext(embedUrl, container, options);
+    }
+    async createEmbedVisualContext(embedUrl, container, options) {
+        const embeddingContext = await createEmbeddingContext();
+        await embeddingContext.embedVisual({
+            url: embedUrl,
+            container,
+            ...(options?.height && { height: options.height }),
+            ...(options?.width && { width: options.width }),
+        }, { scaleToContainer: true, fitToIframeWidth: false });
+    }
+    async embedSequentialVisuals(dashboardId, sheetId, parameters, configs, onVisualLoaded) {
+        for (const config of configs) {
+            config.container?.nativeElement?.replaceChildren();
+            const { visual } = await firstValueFrom(this.getEmbedVisualUrl({ dashboardId, sheetId, visualId: config.visualId, parameters }));
+            if (!visual)
+                continue;
+            await this.createEmbedVisualContext(visual.embedUrl, config.container.nativeElement);
+            onVisualLoaded?.(config.visualId);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.23", ngImport: i0, type: Shared, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.23", ngImport: i0, type: Shared, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.23", ngImport: i0, type: Shared, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }] });
+
+class DashboardQsComponent {
+    sharedService = inject(Shared);
+    route = inject(ActivatedRoute);
+    containers;
+    routeData = toSignal(this.route.data, { initialValue: this.route.snapshot.data });
+    dashboardId = computed(() => this.routeData()['dashboardId'], ...(ngDevMode ? [{ debugName: "dashboardId" }] : []));
+    height = computed(() => this.routeData()['height'] ?? '700px', ...(ngDevMode ? [{ debugName: "height" }] : []));
+    isLoading = signal(true, ...(ngDevMode ? [{ debugName: "isLoading" }] : []));
+    viewReady = signal(false, ...(ngDevMode ? [{ debugName: "viewReady" }] : []));
+    constructor() {
+        effect(() => {
+            const id = this.dashboardId();
+            if (!this.viewReady() || !id)
+                return;
+            this.EmbedDashboard(id);
+        });
+    }
+    ngAfterViewInit() {
+        this.viewReady.set(true);
+    }
+    async EmbedDashboard(dashboardId) {
+        const container = this.containers.first?.nativeElement;
+        if (!container)
+            return;
+        this.isLoading.set(true);
+        try {
+            await this.sharedService.embedDashboard(dashboardId, container);
+        }
+        catch (error) {
+            console.error('Error embedding dashboard:', error);
+        }
+        finally {
+            this.isLoading.set(false);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.23", ngImport: i0, type: DashboardQsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.23", type: DashboardQsComponent, isStandalone: true, selector: "intelica-dashboard-qs", viewQueries: [{ propertyName: "containers", predicate: ["visualContainer"], descendants: true }], ngImport: i0, template: "<div #visualContainer [style.height]=\"height()\" [class.hidden]=\"isLoading()\"></div>" });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.23", ngImport: i0, type: DashboardQsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'intelica-dashboard-qs', imports: [], template: "<div #visualContainer [style.height]=\"height()\" [class.hidden]=\"isLoading()\"></div>" }]
+        }], ctorParameters: () => [], propDecorators: { containers: [{
+                type: ViewChildren,
+                args: ['visualContainer']
+            }] } });
+
 class CheckboxFilterDirective extends FilterDirective {
     constructor() {
         super(FilterTypeEnum.Checkbox);
@@ -8350,75 +8469,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.23", ngImpo
             args: [{ providedIn: "root" }]
         }] });
 
-class Shared {
-    http = inject(HttpClient);
-    configService = inject(ConfigService);
-    path = `${this.configService.environment?.sharedPath}/Quicksight`;
-    getEmbedUrl(dashboardId) {
-        return this.http.get(`${this.path}/embed-url/${dashboardId}`);
-    }
-    getEmbedVisualUrl(request) {
-        let params = new HttpParams()
-            .set('dashboardId', request.dashboardId)
-            .set('sheetId', request.sheetId)
-            .set('visualId', request.visualId);
-        Object.entries(request.parameters).forEach(([key, values]) => {
-            values.forEach(value => {
-                params = params.append(`parameters[${key}]`, value);
-            });
-        });
-        return this.http.get(`${this.path}/embed-visual-url`, { params });
-    }
-    getEmbedVisualUrlsAnonymous(request) {
-        let params = new HttpParams()
-            .set('dashboardId', request.dashboardId)
-            .set('sheetId', request.sheetId)
-            .set('visualId', request.visualId);
-        Object.entries(request.parameters).forEach(([key, values]) => {
-            values.forEach(value => {
-                params = params.append(`parameters[${key}]`, value);
-            });
-        });
-        return this.http.get(`${this.path}/embed-visual-anonymous`, { params });
-    }
-    async createEmbedContext(embedUrl, container, options) {
-        const embeddingContext = await createEmbeddingContext();
-        await embeddingContext.embedDashboard({
-            url: embedUrl,
-            container,
-            ...(options?.height && { height: options.height }),
-            ...(options?.width && { width: options.width }),
-        });
-    }
-    async createEmbedVisualContext(embedUrl, container, options) {
-        const embeddingContext = await createEmbeddingContext();
-        await embeddingContext.embedVisual({
-            url: embedUrl,
-            container,
-            ...(options?.height && { height: options.height }),
-            ...(options?.width && { width: options.width }),
-        }, { scaleToContainer: true, fitToIframeWidth: false });
-    }
-    async embedSequentialVisuals(dashboardId, sheetId, parameters, configs, onVisualLoaded) {
-        for (const config of configs) {
-            config.container?.nativeElement?.replaceChildren();
-            const { visual } = await firstValueFrom(this.getEmbedVisualUrl({ dashboardId, sheetId, visualId: config.visualId, parameters }));
-            if (!visual)
-                continue;
-            await this.createEmbedVisualContext(visual.embedUrl, config.container.nativeElement);
-            onVisualLoaded?.(config.visualId);
-        }
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.23", ngImport: i0, type: Shared, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.23", ngImport: i0, type: Shared, providedIn: 'root' });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.23", ngImport: i0, type: Shared, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }] });
-
 /**
  * Función de comparación genérica para ordenar objetos por un campo específico.
  *
@@ -9091,5 +9141,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.23", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { ALERT_DEFAULTS, ALERT_ICON_OVERRIDES, ALERT_ICON_PATHS, ALERT_TYPE_CONFIG, ActionDirective, ActionsMenuComponent, AddFavoritesComponent, AlertButtonMode, AlertService, AlertType, BreadCrumbComponent, ButtonSplitComponent, CheckboxFilterDirective, ClientContextSelector, Color, ColumnComponent, ColumnGroupComponent, CompareByField, ConfigService, CookieAttributesGeneral, DATEPICKER_BUTTON_TYPES, DataDirective, DateFilterDirective, DateModeOptions, DatepickerComponent, DynamicInputValidation, EchartComponent, EchartService, ElementService, EmailInputValidation, ErrorInterceptor, FeatureFlagService, FilterChipsComponent, FiltersComponent, FormatAmountPipe, GetCookieAttributes, GlobalFavoriteService, GlobalFeatureFlagService, GlobalMenuService, GlobalTermService, GoogleTaskManagerService, HtmlToExcelService, InitializeConfigService, InputValidation, IntelicaAlertComponent, IntelicaCellCheckboxDirective, IntelicaSessionService, ItemSplitDirective, LanguageService, MatrixColumnComponent, MatrixColumnGroupComponent, MatrixTableComponent, ModalDialogComponent, MultiSelectComponent, NotificationJobService, NotificationOrchestratorService, NotificationService, NotificationSignalRService, OrderConstants, PageInformation, PageRootChildGuard, PaginatorComponent, Patterns, PopoverComponent, ProfileService, RecordPerPageComponent, RequestCacheService, ResponseHeadersInterceptor, RowResumenComponent, RowResumenTreeComponent, SearchComponent, SelectDetailFilterDirective, SelectFilterDirective, SetsesioninformationComponent, Shared, SharedService, SkeletonChartComponent, SkeletonComponent, SkeletonService, SkeletonTableComponent, SortingComponent, SpinnerComponent, SpinnerService, SweetAlertService, TableComponent, TableFetchComponent, TableSortOrder, TemplateDirective, TemplateMenuComponent, TermPipe, TermService, TextAreaFilterDirective, TextFilterDirective, TextRangeFilterDirective, TitleComponent, TreeColumnComponent, TreeColumnGroupComponent, TreeTableComponent, TruncatePipe, decryptData, encryptData, getColor };
+export { ALERT_DEFAULTS, ALERT_ICON_OVERRIDES, ALERT_ICON_PATHS, ALERT_TYPE_CONFIG, ActionDirective, ActionsMenuComponent, AddFavoritesComponent, AlertButtonMode, AlertService, AlertType, BreadCrumbComponent, ButtonSplitComponent, CheckboxFilterDirective, ClientContextSelector, Color, ColumnComponent, ColumnGroupComponent, CompareByField, ConfigService, CookieAttributesGeneral, DATEPICKER_BUTTON_TYPES, DashboardQsComponent, DataDirective, DateFilterDirective, DateModeOptions, DatepickerComponent, DynamicInputValidation, EchartComponent, EchartService, ElementService, EmailInputValidation, ErrorInterceptor, FeatureFlagService, FilterChipsComponent, FiltersComponent, FormatAmountPipe, GetCookieAttributes, GlobalFavoriteService, GlobalFeatureFlagService, GlobalMenuService, GlobalTermService, GoogleTaskManagerService, HtmlToExcelService, InitializeConfigService, InputValidation, IntelicaAlertComponent, IntelicaCellCheckboxDirective, IntelicaSessionService, ItemSplitDirective, LanguageService, MatrixColumnComponent, MatrixColumnGroupComponent, MatrixTableComponent, ModalDialogComponent, MultiSelectComponent, NotificationJobService, NotificationOrchestratorService, NotificationService, NotificationSignalRService, OrderConstants, PageInformation, PageRootChildGuard, PaginatorComponent, Patterns, PopoverComponent, ProfileService, RecordPerPageComponent, RequestCacheService, ResponseHeadersInterceptor, RowResumenComponent, RowResumenTreeComponent, SearchComponent, SelectDetailFilterDirective, SelectFilterDirective, SetsesioninformationComponent, Shared, SharedService, SkeletonChartComponent, SkeletonComponent, SkeletonService, SkeletonTableComponent, SortingComponent, SpinnerComponent, SpinnerService, SweetAlertService, TableComponent, TableFetchComponent, TableSortOrder, TemplateDirective, TemplateMenuComponent, TermPipe, TermService, TextAreaFilterDirective, TextFilterDirective, TextRangeFilterDirective, TitleComponent, TreeColumnComponent, TreeColumnGroupComponent, TreeTableComponent, TruncatePipe, decryptData, encryptData, getColor };
 //# sourceMappingURL=intelica-library-components.mjs.map