intelica-library-components 1.1.48 → 1.1.49

package/fesm2022/intelica-library-components.mjs

@@ -1,6 +1,6 @@
 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 { getCookie, Cookies, setCookie } from 'typescript-cookie';
+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';
@@ -60,6 +60,15 @@ import Aura from '@primeng/themes/aura';
 import { definePreset } from '@primeng/themes';
 import * as signalR from '@microsoft/signalr';
 
+function GetCookieAttributes(environment) {
+    const domain = window.location.hostname
+        .split(".")
+        .slice(environment == "main" ? -2 : -3)
+        .join(".");
+    const secure = !domain.includes("localhost");
+    return { domain: domain, path: "/", secure: secure };
+}
+
 class ConfigService {
     Http = inject(HttpClient);
     environment;
@@ -112,33 +121,46 @@ class GlobalTermService {
     TermsReady = signal(false, ...(ngDevMode ? [{ debugName: "TermsReady" }] : []));
     PageRoot = "";
     termService = inject(TermService);
+    configService = inject(ConfigService);
+    languageEvent = "languagechange";
+    languageCookie = "language";
+    onBrowserLanguageChange = () => {
+        const languageCode = this.getLanguageFromBrowser();
+        setCookie(this.languageCookie, languageCode, GetCookieAttributes(this.configService.environment?.environment ?? ""));
+        this.refreshTerms(languageCode);
+    };
+    constructor() {
+        window.addEventListener(this.languageEvent, this.onBrowserLanguageChange);
+    }
     Initialize(pageRoot) {
-        let languageCode = getCookie("language") ?? "EN";
         this.PageRoot = pageRoot;
+        const languageCode = this.getLanguageFromBrowser();
+        setCookie(this.languageCookie, languageCode, GetCookieAttributes(this.configService.environment?.environment ?? ""));
         if (pageRoot == "") {
             this.TermsReady.set(true);
             return;
         }
-        this.termService.GetTerms(languageCode, pageRoot).subscribe(response => {
-            this.terms = response;
+        this.refreshTerms(languageCode);
+    }
+    refreshTerms(languageCode) {
+        if (this.PageRoot == "") {
             this.TermsReady.set(true);
-            this.SetTerms();
+            return;
+        }
+        this.TermsReady.set(false);
+        this.termService.GetTerms(languageCode, this.PageRoot).subscribe(response => {
             this.languageCode = languageCode;
+            this.terms = response;
+            this.TermsReady.set(true);
         });
     }
-    async SetTerms() {
-        while (true) {
-            await sleep$1(10);
-            if (document.querySelectorAll("[data-term]").length > 1)
-                break;
-        }
-        let textsToChange = document.querySelectorAll("[data-term]");
-        textsToChange.forEach(async (element) => {
-            let dataValue = element.getAttribute("data-term");
-            let newText = this.terms.find(x => x.termName == dataValue)?.termValue ?? "";
-            element.innerHTML = newText;
-            element.setAttribute("placeholder", newText);
-        });
+    getLanguageFromBrowser() {
+        const browserLanguage = (navigator.language || "en").toLowerCase();
+        if (browserLanguage.startsWith("es"))
+            return "ES";
+        if (browserLanguage.startsWith("en"))
+            return "EN";
+        return "EN";
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: GlobalTermService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: GlobalTermService, providedIn: "root" });
@@ -146,17 +168,13 @@ class GlobalTermService {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: GlobalTermService, decorators: [{
             type: Injectable,
             args: [{ providedIn: "root" }]
-        }] });
-function sleep$1(ms) {
-    return new Promise(resolve => setTimeout(resolve, ms));
-}
+        }], ctorParameters: () => [] });
 
 // import GlobalTermService from "../services/globalTerm.service";
 class TermPipe {
     globalTermService = inject(GlobalTermService);
     transform(termName, language, mode = 1) {
-        let term = this.globalTermService.terms.find((x) => x.termName == termName)
-            ?.termValue ?? "-";
+        let term = this.globalTermService.terms.find(x => x.termName == termName)?.termValue ?? "-";
         if (mode == 2)
             term = term.substring(0, 1);
         if (mode == 3)
@@ -468,15 +486,6 @@ const ErrorInterceptor = (req, next) => {
     }
 };
 
-function GetCookieAttributes(environment) {
-    const domain = window.location.hostname
-        .split(".")
-        .slice(environment == "main" ? -2 : -3)
-        .join(".");
-    const secure = !domain.includes("localhost");
-    return { domain: domain, path: "/", secure: secure };
-}
-
 const RefreshTokenInterceptor = (req, next) => {
     const skip = req.headers.has("Skip-Interceptor");
     if (skip) {
@@ -8127,6 +8136,56 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                 }]
         }], ctorParameters: () => [] });
 
+class GlobalMenuService {
+    _isMenuVisible = signal(true, ...(ngDevMode ? [{ debugName: "_isMenuVisible" }] : []));
+    _selectedProduct = signal("", ...(ngDevMode ? [{ debugName: "_selectedProduct" }] : []));
+    isMenuVisible = this._isMenuVisible.asReadonly();
+    selectedProduct = this._selectedProduct.asReadonly();
+    eventMenu = "MenuBarEvent";
+    eventProducts = "SelectedProductMenuEvent";
+    initialize() {
+        this.listenMenuEvents();
+    }
+    setMenuVisibility(isVisible) {
+        this.emitMenuEvent(isVisible);
+    }
+    setSelectedProduct(product) {
+        this.emitSelectedProductEvent(product);
+    }
+    listenMenuEvents() {
+        window.addEventListener(this.eventMenu, this.onMenuEvent);
+        window.addEventListener(this.eventProducts, this.onSelectedProductEvent);
+    }
+    onMenuEvent = (event) => {
+        const { menuIsVisible } = event.detail ?? {};
+        if (typeof menuIsVisible === "boolean")
+            this._isMenuVisible.set(menuIsVisible);
+    };
+    onSelectedProductEvent = (event) => {
+        const { selectedProduct } = event.detail ?? {};
+        if (typeof selectedProduct === "string")
+            this._selectedProduct.set(selectedProduct);
+    };
+    emitMenuEvent(isVisible) {
+        const event = new CustomEvent(this.eventMenu, {
+            detail: { menuIsVisible: isVisible },
+        });
+        window.dispatchEvent(event);
+    }
+    emitSelectedProductEvent(product) {
+        const event = new CustomEvent(this.eventProducts, {
+            detail: { selectedProduct: product },
+        });
+        window.dispatchEvent(event);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: GlobalMenuService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: GlobalMenuService, providedIn: "root" });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: GlobalMenuService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: "root" }]
+        }] });
+
 /**
  * Función de comparación genérica para ordenar objetos por un campo específico.
  *
@@ -11086,5 +11145,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, 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, 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