intelica-library-ui 0.1.99 → 0.1.101

package/fesm2022/intelica-library-ui.mjs

@@ -1,8 +1,8 @@
+import { HttpClient, HttpHeaders } from '@angular/common/http';
 import * as i0 from '@angular/core';
 import { inject, Injectable, signal, Pipe, Component, HostListener, Directive, EventEmitter, Output, Input, forwardRef, TemplateRef, ContentChild, 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 { getCookie, Cookies, setCookie } from 'typescript-cookie';
 import Swal from 'sweetalert2';
 import * as i1 from '@angular/common';
 import { CommonModule, isPlatformBrowser } from '@angular/common';
@@ -31,6 +31,8 @@ import * as i3$2 from 'primeng/ripple';
 import { RippleModule } from 'primeng/ripple';
 import { Dialog } from 'primeng/dialog';
 import * as echarts from 'echarts';
+import * as i1$3 from 'primeng/skeleton';
+import { SkeletonModule } from 'primeng/skeleton';
 import * as XLSX from 'xlsx';
 import { Workbook } from 'exceljs';
 import { saveAs } from 'file-saver';
@@ -38,6 +40,26 @@ import JSEncrypt from 'jsencrypt';
 import Aura from '@primeng/themes/aura';
 import { definePreset } from '@primeng/themes';
 
+// import { CookieAttributes } from "typescript-cookie/dist/types";
+const domain = window.location.hostname.split(".").slice(-2).join(".");
+const secure = !domain.includes("localhost");
+const CookieAttributesGeneral = { domain: domain, path: "/", secure: secure };
+
+const Color = {
+    mastercard: "#ff7f00",
+    visa: "#17375E",
+    amex: "#348AD5",
+    orange: "#ff7f00",
+    orangeDark: "#CC4900",
+    blue: "#17375E",
+    gray: "#D3D3D3",
+    gray3: "#a6a5a1",
+    gray5: "#e9e9e9",
+};
+const getColor = (name) => {
+    return Color[name];
+};
+
 class ConfigService {
     Http = inject(HttpClient);
     environment;
@@ -70,108 +92,6 @@ function InitializeConfigService(confg) {
     return () => confg.init();
 }
 
-class TermService {
-    _http = inject(HttpClient);
-    _config = inject(ConfigService);
-    GetTerms(languageCode, pageRoot) {
-        return this._http.get(`${this._config.environment?.configurationPath}/TermPage/GetPageTerm/${languageCode}/${pageRoot}`);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: TermService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: TermService, providedIn: "root" });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: TermService, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: "root" }]
-        }] });
-
-class GlobalTermService {
-    terms = [];
-    languageCode = "";
-    TermsReady = signal(false);
-    PageRoot = "";
-    termService = inject(TermService);
-    Initialize(pageRoot) {
-        let languageCode = getCookie("language") ?? "EN";
-        this.PageRoot = pageRoot;
-        if (pageRoot == "") {
-            this.TermsReady.set(true);
-            return;
-        }
-        this.termService.GetTerms(languageCode, pageRoot).subscribe(response => {
-            this.terms = response;
-            this.TermsReady.set(true);
-            this.SetTerms();
-            this.languageCode = languageCode;
-        });
-    }
-    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);
-        });
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: GlobalTermService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: GlobalTermService, providedIn: "root" });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: GlobalTermService, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: "root" }]
-        }] });
-function sleep$1(ms) {
-    return new Promise(resolve => setTimeout(resolve, ms));
-}
-
-// 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 ?? "-";
-        if (mode == 2)
-            term = term.substring(0, 1);
-        if (mode == 3)
-            term = term.toUpperCase();
-        return term;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: TermPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.1", ngImport: i0, type: TermPipe, isStandalone: true, name: "term" });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: TermPipe, providedIn: "root" });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: TermPipe, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: "root" }]
-        }, {
-            type: Pipe,
-            args: [{ name: "term" }]
-        }] });
-
-// import { CookieAttributes } from "typescript-cookie/dist/types";
-const domain = window.location.hostname.split(".").slice(-2).join(".");
-const secure = !domain.includes("localhost");
-const CookieAttributesGeneral = { domain: domain, path: "/", secure: secure };
-
-const Color = {
-    mastercard: "#ff7f00",
-    visa: "#17375E",
-    amex: "#348AD5",
-    orange: "#ff7f00",
-    orangeDark: "#CC4900",
-    blue: "#17375E",
-    gray: "#D3D3D3",
-    gray3: "#a6a5a1",
-    gray5: "#e9e9e9",
-};
-const getColor = (name) => {
-    return Color[name];
-};
-
 class FeatureFlagService {
     _http = inject(HttpClient);
     _configService = inject(ConfigService);
@@ -389,7 +309,7 @@ class PermissionsService {
     constructor() { }
     async canActivate(next, state) {
         while (true) {
-            await sleep(10);
+            await sleep$1(10);
             if (document.querySelectorAll("[data-security]").length > 0)
                 break;
         }
@@ -415,7 +335,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImpor
                     providedIn: "root",
                 }]
         }], ctorParameters: () => [] });
-function sleep(ms) {
+function sleep$1(ms) {
     return new Promise(resolve => setTimeout(resolve, ms));
 }
 const TermGuard = (next, state) => {
@@ -423,6 +343,111 @@ const TermGuard = (next, state) => {
     return true;
 };
 
+class TermService {
+    _http = inject(HttpClient);
+    _config = inject(ConfigService);
+    GetTerms(languageCode, pageRoot) {
+        return this._http.get(`${this._config.environment?.configurationPath}/TermPage/GetPageTerm/${languageCode}/${pageRoot}`);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: TermService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: TermService, providedIn: "root" });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: TermService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: "root" }]
+        }] });
+
+class GlobalTermService {
+    terms = [];
+    languageCode = "";
+    TermsReady = signal(false);
+    PageRoot = "";
+    termService = inject(TermService);
+    Initialize(pageRoot) {
+        let languageCode = getCookie("language") ?? "EN";
+        this.PageRoot = pageRoot;
+        if (pageRoot == "") {
+            this.TermsReady.set(true);
+            return;
+        }
+        this.termService.GetTerms(languageCode, pageRoot).subscribe(response => {
+            this.terms = response;
+            this.TermsReady.set(true);
+            this.SetTerms();
+            this.languageCode = languageCode;
+        });
+    }
+    async SetTerms() {
+        while (true) {
+            await sleep(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);
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: GlobalTermService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: GlobalTermService, providedIn: "root" });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: GlobalTermService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: "root" }]
+        }] });
+function sleep(ms) {
+    return new Promise(resolve => setTimeout(resolve, ms));
+}
+
+// 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 ?? "-";
+        if (mode == 2)
+            term = term.substring(0, 1);
+        if (mode == 3)
+            term = term.toUpperCase();
+        return term;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: TermPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.1", ngImport: i0, type: TermPipe, isStandalone: true, name: "term" });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: TermPipe, providedIn: "root" });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: TermPipe, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: "root" }]
+        }, {
+            type: Pipe,
+            args: [{ name: "term" }]
+        }] });
+
+class TruncatePipe {
+    transform(value, size = 15, original = false) {
+        if (!value)
+            return value;
+        if (value.length <= size)
+            return value;
+        let truncateString = value.substring(0, size);
+        return !original ? `${truncateString}...` : truncateString.toUpperCase();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: TruncatePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.1", ngImport: i0, type: TruncatePipe, isStandalone: true, name: "truncate" });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: TruncatePipe, providedIn: "root" });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: TruncatePipe, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: "root" }]
+        }, {
+            type: Pipe,
+            args: [{
+                    name: "truncate",
+                }]
+        }] });
+
 class SpinnerComponent {
     spinerService = inject(SpinnerService);
     isLoading = this.spinerService.isLoading;
@@ -2748,6 +2773,70 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImpor
                 args: ["document:click", ["$event"]]
             }] } });
 
+class SkeletonService {
+    isLoading = signal(false);
+    hide() {
+        this.isLoading.set(false);
+    }
+    show() {
+        this.isLoading.set(true);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SkeletonService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SkeletonService, providedIn: "root" });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SkeletonService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: "root" }]
+        }] });
+
+class SkeletonComponent {
+    skeletonService = inject(SkeletonService);
+    isLoading = this.skeletonService.isLoading;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SkeletonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.1", type: SkeletonComponent, isStandalone: true, selector: "intelica-skeleton", ngImport: i0, template: "@if(isLoading()){\r\n<ng-content></ng-content>\r\n}\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SkeletonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "intelica-skeleton", imports: [CommonModule], template: "@if(isLoading()){\r\n<ng-content></ng-content>\r\n}\r\n" }]
+        }] });
+
+class SkeletonTableComponent {
+    /**
+     * @description number of rows to display
+     * @default 6
+     * @type number
+     * @example <intelica-skeleton-table [rows]="6"></intelica-skeleton-table>
+     */
+    rows = 6;
+    /**
+     * @description number of columns to display
+     * @default 6
+     * @type number
+     * @example <intelica-skeleton-table [columns]="6"></intelica-skeleton-table>
+     */
+    columns = 6;
+    columnSizes = [];
+    ngOnInit() {
+        const baseSize = 12 / this.columns;
+        this.columnSizes = Array.from({ length: this.columns }, (_, i) => {
+            return `col-${baseSize}`;
+        });
+    }
+    getRows() {
+        return new Array(this.rows);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SkeletonTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.1", type: SkeletonTableComponent, isStandalone: true, selector: "intelica-skeleton-table", inputs: { rows: "rows", columns: "columns" }, ngImport: i0, template: "<div class=\"skeletonTable\">\r\n\t<div class=\"mb-2 row justify-content-between\">\r\n\t\t<div class=\"col-1 px-0\">\r\n\t\t\t<p-skeleton class=\"prSkeleton\" [height]=\"'3rem'\"></p-skeleton>\r\n\t\t</div>\r\n\t\t<div class=\"col-3 px-0\">\r\n\t\t\t<p-skeleton class=\"prSkeleton\" [height]=\"'3rem'\"></p-skeleton>\r\n\t\t</div>\r\n\t</div>\r\n\t<div class=\"row\">\r\n\t\t<div class=\"col-12 px-0 mb-2\">\r\n\t\t\t<p-skeleton class=\"prSkeleton\" [height]=\"'4rem'\"></p-skeleton>\r\n\t\t</div>\r\n\t</div>\r\n\t@for (row of getRows(); track $index) {\r\n\t<div class=\"row borderBottomRow\">\r\n\t\t@for (column of columnSizes; track $index) {\r\n\t\t<div class=\"{{ column }} px-0\">\r\n\t\t\t<div class=\"bodyPaddingTable\">\r\n\t\t\t\t<p-skeleton class=\"prSkeleton\" [height]=\"'2rem'\"></p-skeleton>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t\t}\r\n\t</div>\r\n\t}\r\n</div>\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: SkeletonModule }, { kind: "component", type: i1$3.Skeleton, selector: "p-skeleton", inputs: ["styleClass", "style", "shape", "animation", "borderRadius", "size", "width", "height"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SkeletonTableComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "intelica-skeleton-table", imports: [CommonModule, SkeletonModule], template: "<div class=\"skeletonTable\">\r\n\t<div class=\"mb-2 row justify-content-between\">\r\n\t\t<div class=\"col-1 px-0\">\r\n\t\t\t<p-skeleton class=\"prSkeleton\" [height]=\"'3rem'\"></p-skeleton>\r\n\t\t</div>\r\n\t\t<div class=\"col-3 px-0\">\r\n\t\t\t<p-skeleton class=\"prSkeleton\" [height]=\"'3rem'\"></p-skeleton>\r\n\t\t</div>\r\n\t</div>\r\n\t<div class=\"row\">\r\n\t\t<div class=\"col-12 px-0 mb-2\">\r\n\t\t\t<p-skeleton class=\"prSkeleton\" [height]=\"'4rem'\"></p-skeleton>\r\n\t\t</div>\r\n\t</div>\r\n\t@for (row of getRows(); track $index) {\r\n\t<div class=\"row borderBottomRow\">\r\n\t\t@for (column of columnSizes; track $index) {\r\n\t\t<div class=\"{{ column }} px-0\">\r\n\t\t\t<div class=\"bodyPaddingTable\">\r\n\t\t\t\t<p-skeleton class=\"prSkeleton\" [height]=\"'2rem'\"></p-skeleton>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t\t}\r\n\t</div>\r\n\t}\r\n</div>\r\n" }]
+        }], propDecorators: { rows: [{
+                type: Input
+            }], columns: [{
+                type: Input
+            }] } });
+
 class HtmlToExcelService {
     ExportTOExcel(idTabla, html, filename, tabname, extension) {
         let Table = document.getElementById(idTabla);
@@ -4145,6 +4234,22 @@ const IntelicaTheme = definePreset(Aura, {
         },
     },
     components: {
+        skeleton: {
+            colorScheme: {
+                light: {
+                    root: {
+                        background: "{surface.200}",
+                        animationBackground: "rgba(0,0,0,0.4)",
+                    },
+                },
+                dark: {
+                    root: {
+                        background: "rgba(0, 0, 0, 0.06)",
+                        animationBackground: "rgba(0, 0, 0, 0.04)",
+                    },
+                },
+            },
+        },
         accordion: {
             root: {
                 transitionDuration: "{transition.duration}",
@@ -5970,5 +6075,5 @@ const IntelicaTheme = definePreset(Aura, {
  * Generated bundle index. Do not edit.
  */
 
-export { ActionDirective, ActionsMenuComponent, ButtonSplitComponent, Color, ColumnComponent, ColumnGroupComponent, CompareByField, ConfigService, CookieAttributesGeneral, DynamicInputValidation, EchartComponent, EchartService, EmailInputValidation, ErrorInterceptor, FeatureFlagService, GlobalFeatureFlagService, GlobalTermService, HtmlToExcelService, InitializeConfigService, InputValidation, IntelicaTheme, ItemSplitDirective, LanguageService, ModalDialogComponent, OrderConstants, PaginatorComponent, Patterns, PopoverComponent, ProfileService, RecordPerPageComponent, RefreshTokenInterceptor, RowResumenComponent, SearchComponent, SharedService, SortingComponent, SpinnerComponent, SpinnerService, SweetAlertService, TableComponent, TemplateMenuComponent, TermGuard, TermPipe, TermService, decryptData, encryptData, getColor };
+export { ActionDirective, ActionsMenuComponent, ButtonSplitComponent, Color, ColumnComponent, ColumnGroupComponent, CompareByField, ConfigService, CookieAttributesGeneral, DynamicInputValidation, EchartComponent, EchartService, EmailInputValidation, ErrorInterceptor, FeatureFlagService, GlobalFeatureFlagService, GlobalTermService, HtmlToExcelService, InitializeConfigService, InputValidation, IntelicaTheme, ItemSplitDirective, LanguageService, ModalDialogComponent, OrderConstants, PaginatorComponent, Patterns, PopoverComponent, ProfileService, RecordPerPageComponent, RefreshTokenInterceptor, RowResumenComponent, SearchComponent, SharedService, SkeletonComponent, SkeletonService, SkeletonTableComponent, SortingComponent, SpinnerComponent, SpinnerService, SweetAlertService, TableComponent, TemplateMenuComponent, TermGuard, TermPipe, TermService, TruncatePipe, decryptData, encryptData, getColor };
 //# sourceMappingURL=intelica-library-ui.mjs.map