intelica-library-components 1.1.49 → 1.1.51

package/fesm2022/intelica-library-components.mjs

@@ -1,9 +1,9 @@
 import * as i0 from '@angular/core';
-import { inject, Injectable, signal, Pipe, Component, TemplateRef, ContentChild, Input, Directive, EventEmitter, ContentChildren, Output, HostListener, forwardRef, ViewChild, PLATFORM_ID, Inject, output, Optional, Host } from '@angular/core';
+import { inject, Injectable, signal, Pipe, Component, TemplateRef, ContentChild, Input, Directive, EventEmitter, ContentChildren, Output, HostListener, forwardRef, ViewChild, PLATFORM_ID, Inject, DestroyRef, output, Optional, Host } from '@angular/core';
 import { getCookie, setCookie, Cookies } from 'typescript-cookie';
 import * as i1$4 from '@angular/common/http';
 import { HttpClient, HttpHeaders, HttpResponse } from '@angular/common/http';
-import { BehaviorSubject, catchError, throwError, from, switchMap, Subject, Subscription, of, delay, tap as tap$1, map, firstValueFrom } from 'rxjs';
+import { BehaviorSubject, catchError, throwError, from, switchMap, Subject, Subscription, tap as tap$1, of, map, fromEvent, startWith, distinctUntilChanged, firstValueFrom } from 'rxjs';
 import Swal from 'sweetalert2';
 import { tap } from 'rxjs/operators';
 import * as i1 from '@angular/common';
@@ -51,11 +51,12 @@ 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 { Guid } from 'guid-typescript';
 import * as XLSX from 'xlsx';
 import { Workbook } from 'exceljs';
 import { saveAs } from 'file-saver';
 import JSEncrypt from 'jsencrypt';
-import { Guid } from 'guid-typescript';
 import Aura from '@primeng/themes/aura';
 import { definePreset } from '@primeng/themes';
 import * as signalR from '@microsoft/signalr';
@@ -6026,19 +6027,100 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
             args: [{ selector: "intelica-alert", standalone: true, imports: [CommonModule, ConfirmDialogModule, ButtonModule], template: "<!-- \r\n    Clases Modificadoras para estados:\r\n    prConfirmDialog--warning\r\n    prConfirmDialog--danger\r\n    prConfirmDialog--error\r\n    prConfirmDialog--success\r\n    prConfirmDialog--default\r\n-->\r\n<p-confirmDialog #cd\r\n    [styleClass]=\"'prConfirmDialog ' + ($any(cd.confirmation)?.data?.config?.type ? ' prConfirmDialog--' + $any(cd.confirmation).data.config.type : ' prConfirmDialog--default')\"\r\n    key=\"intelica-alert-dialog\" [closable]=\"false\" [visible]=\"undefined\">\r\n    <!-- \r\n        We use the headless template. \r\n        'message' contains the confirmation object.\r\n        'message.data' contains our custom 'presentationData' object from AlertService.\r\n    -->\r\n    <ng-template pTemplate=\"headless\" let-message let-onAccept=\"onAccept\" let-onReject=\"onReject\">\r\n        <div class=\"prConfirmDialog__content\">\r\n            <!-- Close Button -->\r\n            @if (message.data.config.showCloseButton) {\r\n            <div class=\"prConfirmDialog__close\">\r\n                <p-button icon=\"pi pi-times\" class=\"prButton\" [rounded]=\"false\" [text]=\"true\" (onClick)=\"onReject()\"\r\n                    ariaLabel=\"Cerrar\"></p-button>\r\n            </div>\r\n            }\r\n\r\n            <!-- Icon -->\r\n            <div class=\"prConfirmDialog__icon\">\r\n                @if (message.data.config.customImageUrl) {\r\n                <img [src]=\"message.data.config.customImageUrl\" alt=\"Alert icon\" />\r\n                } @else {\r\n                <i [class]=\"$any(message).data.iconClass\"></i>\r\n                }\r\n            </div>\r\n            <div class=\"prConfirmDialog__details\">\r\n                <!-- Title -->\r\n                <h2 class=\"prConfirmDialog__title\">{{ message.header }}</h2>\r\n\r\n                <!-- Subtitle / Message -->\r\n                @if (message.message) {\r\n                <p class=\"prConfirmDialog__subtitle\"\r\n                    [style.color]=\"$any(message).data.config.styles?.subtitleColor ?? '#555'\">{{ message.message }}</p>\r\n                }\r\n            </div>\r\n\r\n            <!-- HTML Content -->\r\n            @if (message.data.config.htmlContent) {\r\n            <div class=\"prConfirmDialog__text\" [innerHTML]=\"$any(message).data.config.htmlContent\"\r\n                [style.color]=\"$any(message).data.config.styles?.subtitleColor ?? '#555'\"></div>\r\n            }\r\n\r\n            <!-- Buttons -->\r\n            <div class=\"prConfirmDialog__footer\">\r\n                <!-- Confirm Button -->\r\n                <p-button class=\"prButton\" [label]=\"message.data.confirmText\" (onClick)=\"onAccept()\" />\r\n                <!-- Cancel Button -->\r\n                @if (message.data.showCancelButton) {\r\n                <p-button class=\"prButton\" [label]=\"message.data.cancelText\" severity=\"secondary\" [outlined]=\"true\"\r\n                    (onClick)=\"onReject()\" />\r\n                }\r\n            </div>\r\n        </div>\r\n    </ng-template>\r\n</p-confirmDialog>" }]
         }] });
 
-class AddFavoritesService {
+class GlobalFavoriteService {
     configService = inject(ConfigService);
+    http = inject(HttpClient);
+    path = `${this.configService.environment?.securityPath}/favorite-page`;
+    eventFavorites = "FavoritesUpdatedEvent";
+    _favorites = signal([], ...(ngDevMode ? [{ debugName: "_favorites" }] : []));
+    favorites = this._favorites.asReadonly();
+    constructor() {
+        this.loadAllAndStore();
+        window.addEventListener(this.eventFavorites, this.onFavoritesUpdated);
+    }
+    delete(guid) {
+        return this.http.delete(`${this.path}/${guid}`).pipe(tap$1(() => this.loadAllAndStore()));
+    }
+    getAll() {
+        return this.http.get(`${this.path}`);
+    }
+    create() {
+        return this.http.post(`${this.path}`, {}).pipe(tap$1(() => this.loadAllAndStore()));
+    }
+    loadAllAndStore() {
+        this.getAll()
+            .pipe(tap$1(favorites => this.setFavorites(favorites)))
+            .subscribe();
+    }
+    setFavorites(favorites) {
+        this._favorites.set([...favorites]);
+        this.emitFavoritesUpdatedEvent();
+    }
+    removeFavoriteByPageUrl(pageUrl) {
+        const normalizedPageUrl = pageUrl;
+        const filtered = this._favorites().filter(item => !this.matchesPage(item, normalizedPageUrl));
+        this._favorites.set(filtered);
+        this.emitFavoritesUpdatedEvent();
+    }
+    isFavoriteByPageUrl(pageUrl) {
+        const normalizedPageUrl = pageUrl;
+        return this._favorites().some(item => this.matchesPage(item, normalizedPageUrl));
+    }
+    isFavoriteByPageRoot(pageRoot) {
+        return this._favorites().some(item => item.pageRoot === pageRoot);
+    }
+    removeFavoriteByPageRoot(pageRoot) {
+        const favorite = this._favorites().find(item => item.pageRoot === pageRoot);
+        if (!favorite)
+            return of(void 0);
+        return this.delete(Guid.parse(favorite.favoritePageID)).pipe(map(() => void 0));
+    }
+    favoritesChanges() {
+        return fromEvent(window, this.eventFavorites).pipe(map(event => event.detail.favorites), startWith(this._favorites()));
+    }
+    onFavoritesUpdated = (event) => {
+        const detail = event.detail;
+        if (!detail?.favorites)
+            return;
+        this._favorites.set([...detail.favorites]);
+    };
+    emitFavoritesUpdatedEvent() {
+        const event = new CustomEvent(this.eventFavorites, {
+            detail: { favorites: this._favorites() },
+        });
+        window.dispatchEvent(event);
+    }
+    matchesPage(item, value) {
+        return item.pageUrl === value || item.pageRoot === value;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: GlobalFavoriteService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: GlobalFavoriteService, providedIn: "root" });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: GlobalFavoriteService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: "root" }]
+        }], ctorParameters: () => [] });
+
+class AddFavoritesService {
+    favoritesService = inject(GlobalFavoriteService);
+    featureFlagService = inject(GlobalFeatureFlagService);
     addPageToFavorites() {
-        return of(void 0).pipe(delay(200), tap$1(() => console.log("Test: Added current page to favorites")));
+        return this.favoritesService.create().pipe(map(() => void 0));
+    }
+    isPageFavorite(pageRoot) {
+        const resolvedPageRoot = this.resolvePageRoot(pageRoot);
+        return this.favoritesService.favoritesChanges().pipe(map(() => this.favoritesService.isFavoriteByPageRoot(resolvedPageRoot)), distinctUntilChanged());
     }
-    isPageFavorite() {
-        return of(false).pipe(delay(200), tap$1(() => console.log("Test: Checked if current page is favorite")));
+    watchPageFavorite(pageRoot) {
+        const resolvedPageRoot = this.resolvePageRoot(pageRoot);
+        return this.favoritesService.favoritesChanges().pipe(map(() => this.favoritesService.isFavoriteByPageRoot(resolvedPageRoot)), distinctUntilChanged());
     }
-    simulateToggle() {
-        return of(void 0).pipe(delay(200), tap$1(() => console.log("Test: Toggle favorite request")));
+    removeFromFavorites(pageRoot) {
+        const resolvedPageRoot = this.resolvePageRoot(pageRoot);
+        return this.favoritesService.removeFavoriteByPageRoot(resolvedPageRoot);
     }
-    removeFromFavorites() {
-        return of(void 0).pipe(delay(200), tap$1(() => console.log("Test: removed from favorites")));
+    resolvePageRoot(pageRoot) {
+        return pageRoot?.trim() || this.featureFlagService.GetPageRoot();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AddFavoritesService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AddFavoritesService, providedIn: "root" });
@@ -6054,25 +6136,34 @@ const ICON_ON = "icon-favorites-on";
 const ICON_OFF = "icon-favorites-off";
 class AddFavoritesComponent {
     termService = inject(GlobalTermService);
-    favoritesMock = inject(AddFavoritesService);
+    addFavoriteService = inject(AddFavoritesService);
+    destroyRef = inject(DestroyRef);
     favoriteChanged = output();
     isFavorite = false;
+    isToggling = false;
     iconClass = ICON_OFF;
     ngOnInit() {
         this.loadInitialState();
     }
     toggleFavorite() {
-        const action$ = this.isFavorite ? this.favoritesMock.removeFromFavorites() : this.favoritesMock.addPageToFavorites();
+        if (this.isToggling)
+            return;
+        this.isToggling = true;
+        const nextFavorite = !this.isFavorite;
+        const action$ = this.isFavorite ? this.addFavoriteService.removeFromFavorites() : this.addFavoriteService.addPageToFavorites();
         action$.subscribe({
             next: () => {
-                this.isFavorite = !this.isFavorite;
-                this.updateIcon();
-                this.favoriteChanged.emit(this.isFavorite);
+                this.favoriteChanged.emit(nextFavorite);
             },
+            complete: () => (this.isToggling = false),
+            error: () => (this.isToggling = false),
         });
     }
     loadInitialState() {
-        this.favoritesMock.isPageFavorite().subscribe({
+        this.addFavoriteService
+            .watchPageFavorite()
+            .pipe(takeUntilDestroyed(this.destroyRef))
+            .subscribe({
             next: isFavorite => {
                 this.isFavorite = isFavorite;
                 this.updateIcon();
@@ -6083,11 +6174,11 @@ class AddFavoritesComponent {
         this.iconClass = this.isFavorite ? ICON_ON : ICON_OFF;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AddFavoritesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: AddFavoritesComponent, isStandalone: true, selector: "intelica-add-favorites", outputs: { favoriteChanged: "favoriteChanged" }, ngImport: i0, template: "<p-button class=\"prButton\" severity=\"secondary\" (onClick)=\"toggleFavorite()\">\r\n\t<i class=\"icon p-button-icon-left\" [ngClass]=\"iconClass\" pButtonIcon></i>\r\n\t<span pButtonLabel>{{ \"ADD_TO_FAVORITES\" | term : termService.languageCode }}</span>\r\n</p-button>\r\n", dependencies: [{ kind: "component", type: Button, selector: "p-button", inputs: ["hostName", "type", "badge", "disabled", "raised", "rounded", "text", "plain", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "iconPos", "icon", "label", "loading", "loadingIcon", "severity", "buttonProps", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: TermPipe, name: "term" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: AddFavoritesComponent, isStandalone: true, selector: "intelica-add-favorites", outputs: { favoriteChanged: "favoriteChanged" }, ngImport: i0, template: "<p-button class=\"prButton\" severity=\"secondary\" [disabled]=\"isToggling\" (onClick)=\"toggleFavorite()\">\r\n\t<i class=\"icon p-button-icon-left\" [ngClass]=\"iconClass\" pButtonIcon></i>\r\n\t<span pButtonLabel>{{ \"ADD_TO_FAVORITES\" | term : termService.languageCode }}</span>\r\n</p-button>\r\n", dependencies: [{ kind: "component", type: Button, selector: "p-button", inputs: ["hostName", "type", "badge", "disabled", "raised", "rounded", "text", "plain", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "iconPos", "icon", "label", "loading", "loadingIcon", "severity", "buttonProps", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: TermPipe, name: "term" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AddFavoritesComponent, decorators: [{
             type: Component,
-            args: [{ selector: "intelica-add-favorites", imports: [Button, TermPipe, NgClass], template: "<p-button class=\"prButton\" severity=\"secondary\" (onClick)=\"toggleFavorite()\">\r\n\t<i class=\"icon p-button-icon-left\" [ngClass]=\"iconClass\" pButtonIcon></i>\r\n\t<span pButtonLabel>{{ \"ADD_TO_FAVORITES\" | term : termService.languageCode }}</span>\r\n</p-button>\r\n" }]
+            args: [{ selector: "intelica-add-favorites", imports: [Button, TermPipe, NgClass], template: "<p-button class=\"prButton\" severity=\"secondary\" [disabled]=\"isToggling\" (onClick)=\"toggleFavorite()\">\r\n\t<i class=\"icon p-button-icon-left\" [ngClass]=\"iconClass\" pButtonIcon></i>\r\n\t<span pButtonLabel>{{ \"ADD_TO_FAVORITES\" | term : termService.languageCode }}</span>\r\n</p-button>\r\n" }]
         }], propDecorators: { favoriteChanged: [{ type: i0.Output, args: ["favoriteChanged"] }] } });
 
 class CheckboxFilterDirective extends FilterDirective {
@@ -8138,7 +8229,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
 
 class GlobalMenuService {
     _isMenuVisible = signal(true, ...(ngDevMode ? [{ debugName: "_isMenuVisible" }] : []));
-    _selectedProduct = signal("", ...(ngDevMode ? [{ debugName: "_selectedProduct" }] : []));
+    _selectedProduct = signal({ product: "", icon: "", authClient: "" }, ...(ngDevMode ? [{ debugName: "_selectedProduct" }] : []));
     isMenuVisible = this._isMenuVisible.asReadonly();
     selectedProduct = this._selectedProduct.asReadonly();
     eventMenu = "MenuBarEvent";
@@ -8162,9 +8253,13 @@ class GlobalMenuService {
             this._isMenuVisible.set(menuIsVisible);
     };
     onSelectedProductEvent = (event) => {
-        const { selectedProduct } = event.detail ?? {};
-        if (typeof selectedProduct === "string")
-            this._selectedProduct.set(selectedProduct);
+        const detail = event.detail;
+        if (!detail)
+            return;
+        const { product, icon, authClient } = detail;
+        if (typeof product === "string" && typeof icon === "string" && typeof authClient === "string") {
+            this._selectedProduct.set({ product, icon, authClient });
+        }
     };
     emitMenuEvent(isVisible) {
         const event = new CustomEvent(this.eventMenu, {
@@ -8172,9 +8267,9 @@ class GlobalMenuService {
         });
         window.dispatchEvent(event);
     }
-    emitSelectedProductEvent(product) {
+    emitSelectedProductEvent(selectedProduct) {
         const event = new CustomEvent(this.eventProducts, {
-            detail: { selectedProduct: product },
+            detail: { product: selectedProduct.product, icon: selectedProduct.icon, authClient: selectedProduct.authClient },
         });
         window.dispatchEvent(event);
     }
@@ -11009,9 +11104,9 @@ class NotificationOrchestratorService {
             return;
         const active = await firstValueFrom(this.jobService.getActiveJob(this.featureCode, this.origin));
         if (!active) {
-            this.currentJobId = undefined;
-            this.setJobState({ status: "pending", processedCount: 0, totalCount: 0, processedNotificationsCount: 0, totalNotificationsCount: 0 });
-            this.dispatchErrorsMapSubject.next(new Map());
+            //this.currentJobId = undefined;
+            //this.setJobState({ status: "idle", processedCount: 0, totalCount: 0, processedNotificationsCount: 0, totalNotificationsCount: 0 });
+            //this.dispatchErrorsMapSubject.next(new Map());
             return;
         }
         this.currentJobId = active.jobId;
@@ -11145,5 +11240,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { ALERT_DEFAULTS, ALERT_ICON_PATHS, ALERT_TYPE_CONFIG, ActionDirective, ActionsMenuComponent, AddFavoritesComponent, AlertButtonMode, AlertService, AlertType, ButtonSplitComponent, CheckboxFilterDirective, Color, ColumnComponent, ColumnGroupComponent, CompareByField, ConfigService, CookieAttributesGeneral, DATEPICKER_BUTTON_TYPES, DataDirective, DateFilterDirective, DateModeOptions, DatepickerComponent, DynamicInputValidation, EchartComponent, EchartService, ElementService, EmailInputValidation, ErrorInterceptor, ErrorNewInterceptor, FeatureFlagService, FilterChipsComponent, FiltersComponent, FormatAmountPipe, GetCookieAttributes, GlobalFeatureFlagService, GlobalMenuService, GlobalTermService, HtmlToExcelService, InitializeConfigService, InputValidation, IntelicaAlertComponent, IntelicaCellCheckboxDirective, IntelicaSessionService, IntelicaTheme, ItemSplitDirective, LanguageService, MatrixColumnComponent, MatrixColumnGroupComponent, MatrixTableComponent, ModalDialogComponent, MultiSelectComponent, NotificationJobService, NotificationOrchestratorService, NotificationService, NotificationSignalRService, OrderConstants, PageInformation, PageRootChildGuard, PaginatorComponent, Patterns, PopoverComponent, ProfileService, RecordPerPageComponent, RefreshTokenInterceptor, ResponseHeadersInterceptor, RouteGuard, RouteNewGuard, RowResumenComponent, RowResumenTreeComponent, SearchComponent, SelectDetailFilterDirective, SelectFilterDirective, SharedService, SkeletonChartComponent, SkeletonComponent, SkeletonService, SkeletonTableComponent, SortingComponent, SpinnerComponent, SpinnerService, SweetAlertService, TableComponent, TableFetchComponent, TableSortOrder, TemplateDirective, TemplateMenuComponent, TermGuard, TermPipe, TermService, TextAreaFilterDirective, TextFilterDirective, TextRangeFilterDirective, TreeColumnComponent, TreeColumnGroupComponent, TreeTableComponent, TruncatePipe, decryptData, encryptData, getColor };
+export { ALERT_DEFAULTS, ALERT_ICON_PATHS, ALERT_TYPE_CONFIG, ActionDirective, ActionsMenuComponent, AddFavoritesComponent, AlertButtonMode, AlertService, AlertType, ButtonSplitComponent, CheckboxFilterDirective, Color, ColumnComponent, ColumnGroupComponent, CompareByField, ConfigService, CookieAttributesGeneral, DATEPICKER_BUTTON_TYPES, DataDirective, DateFilterDirective, DateModeOptions, DatepickerComponent, DynamicInputValidation, EchartComponent, EchartService, ElementService, EmailInputValidation, ErrorInterceptor, ErrorNewInterceptor, FeatureFlagService, FilterChipsComponent, FiltersComponent, FormatAmountPipe, GetCookieAttributes, GlobalFavoriteService, GlobalFeatureFlagService, GlobalMenuService, GlobalTermService, HtmlToExcelService, InitializeConfigService, InputValidation, IntelicaAlertComponent, IntelicaCellCheckboxDirective, IntelicaSessionService, IntelicaTheme, ItemSplitDirective, LanguageService, MatrixColumnComponent, MatrixColumnGroupComponent, MatrixTableComponent, ModalDialogComponent, MultiSelectComponent, NotificationJobService, NotificationOrchestratorService, NotificationService, NotificationSignalRService, OrderConstants, PageInformation, PageRootChildGuard, PaginatorComponent, Patterns, PopoverComponent, ProfileService, RecordPerPageComponent, RefreshTokenInterceptor, ResponseHeadersInterceptor, RouteGuard, RouteNewGuard, RowResumenComponent, RowResumenTreeComponent, SearchComponent, SelectDetailFilterDirective, SelectFilterDirective, SharedService, SkeletonChartComponent, SkeletonComponent, SkeletonService, SkeletonTableComponent, SortingComponent, SpinnerComponent, SpinnerService, SweetAlertService, TableComponent, TableFetchComponent, TableSortOrder, TemplateDirective, TemplateMenuComponent, TermGuard, TermPipe, TermService, TextAreaFilterDirective, TextFilterDirective, TextRangeFilterDirective, TreeColumnComponent, TreeColumnGroupComponent, TreeTableComponent, TruncatePipe, decryptData, encryptData, getColor };
 //# sourceMappingURL=intelica-library-components.mjs.map