intelica-library-ui 0.1.119 → 0.1.121

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 { BehaviorSubject, catchError, throwError, from, switchMap, Subject, Subscription } from 'rxjs';
 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 from '@angular/common';
 import { CommonModule, isPlatformBrowser } from '@angular/common';
@@ -42,26 +42,6 @@ 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;
@@ -94,6 +74,186 @@ 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" }]
+        }] });
+
+class FormatAmountPipe {
+    transform(value, shortFormat = false, decimalPlaces = 2) {
+        if (value === null || value === undefined) {
+            return "0";
+        }
+        const numericValue = typeof value === "string" ? parseFloat(value) : value;
+        if (isNaN(numericValue)) {
+            return "0";
+        }
+        let formattedValue;
+        if (shortFormat) {
+            formattedValue = this.getShortFormat(numericValue, decimalPlaces);
+        }
+        else {
+            formattedValue = this.formatWithThousandSeparators(numericValue, decimalPlaces);
+        }
+        return formattedValue;
+    }
+    getShortFormat(value, decimalPlaces) {
+        const absValue = Math.abs(value);
+        const suffixes = [
+            { limit: 1e12, suffix: "T" },
+            { limit: 1e9, suffix: "B" },
+            { limit: 1e6, suffix: "M" },
+            { limit: 1e3, suffix: "K" },
+        ];
+        for (const { limit, suffix } of suffixes) {
+            if (absValue >= limit) {
+                return (value / limit).toFixed(decimalPlaces) + suffix;
+            }
+        }
+        return value.toFixed(decimalPlaces);
+    }
+    formatWithThousandSeparators(value, decimalPlaces) {
+        return new Intl.NumberFormat("en-US", {
+            minimumFractionDigits: decimalPlaces,
+            maximumFractionDigits: decimalPlaces,
+        }).format(value);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: FormatAmountPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.1", ngImport: i0, type: FormatAmountPipe, isStandalone: true, name: "amount" });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: FormatAmountPipe, providedIn: "root" });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: FormatAmountPipe, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: "root",
+                }]
+        }, {
+            type: Pipe,
+            args: [{
+                    name: "amount",
+                }]
+        }] });
+
+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",
+                }]
+        }] });
+
+// 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);
@@ -311,7 +471,7 @@ class PermissionsService {
     constructor() { }
     async canActivate(next, state) {
         while (true) {
-            await sleep$1(10);
+            await sleep(10);
             if (document.querySelectorAll("[data-security]").length > 0)
                 break;
         }
@@ -337,7 +497,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImpor
                     providedIn: "root",
                 }]
         }], ctorParameters: () => [] });
-function sleep$1(ms) {
+function sleep(ms) {
     return new Promise(resolve => setTimeout(resolve, ms));
 }
 const TermGuard = (next, state) => {
@@ -345,165 +505,34 @@ 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;
-        });
+class RouteGuardService {
+    HttpClient = inject(HttpClient);
+    ConfigService = inject(ConfigService);
+    constructor() { }
+    async canActivate(next, state) {
+        this.ChangeRoute(next.data["pageRoot"]);
     }
-    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);
+    ChangeRoute(pageRoot) {
+        this.HttpClient.get(`${this.ConfigService.environment?.securityPath}/Menu/GetBreadcrumbs/${pageRoot}`).subscribe(response => {
+            let eventChangeRoute = new CustomEvent("ChangeRoute", {
+                detail: { Breadcrumbs: response },
+            });
+            window.dispatchEvent(eventChangeRoute);
         });
     }
-    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 FormatAmountPipe {
-    transform(value, shortFormat = false, decimalPlaces = 2) {
-        if (value === null || value === undefined) {
-            return "0";
-        }
-        const numericValue = typeof value === "string" ? parseFloat(value) : value;
-        if (isNaN(numericValue)) {
-            return "0";
-        }
-        let formattedValue;
-        if (shortFormat) {
-            formattedValue = this.getShortFormat(numericValue, decimalPlaces);
-        }
-        else {
-            formattedValue = this.formatWithThousandSeparators(numericValue, decimalPlaces);
-        }
-        return formattedValue;
-    }
-    getShortFormat(value, decimalPlaces) {
-        const absValue = Math.abs(value);
-        const suffixes = [
-            { limit: 1e12, suffix: "T" },
-            { limit: 1e9, suffix: "B" },
-            { limit: 1e6, suffix: "M" },
-            { limit: 1e3, suffix: "K" },
-        ];
-        for (const { limit, suffix } of suffixes) {
-            if (absValue >= limit) {
-                return (value / limit).toFixed(decimalPlaces) + suffix;
-            }
-        }
-        return value.toFixed(decimalPlaces);
-    }
-    formatWithThousandSeparators(value, decimalPlaces) {
-        return new Intl.NumberFormat("en-US", {
-            minimumFractionDigits: decimalPlaces,
-            maximumFractionDigits: decimalPlaces,
-        }).format(value);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: FormatAmountPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.1", ngImport: i0, type: FormatAmountPipe, isStandalone: true, name: "amount" });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: FormatAmountPipe, providedIn: "root" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: RouteGuardService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: RouteGuardService, providedIn: "root" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: FormatAmountPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: RouteGuardService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: "root",
                 }]
-        }, {
-            type: Pipe,
-            args: [{
-                    name: "amount",
-                }]
-        }] });
-
-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",
-                }]
-        }] });
+        }], ctorParameters: () => [] });
+const RouteGuard = (next, state) => {
+    inject(RouteGuardService).canActivate(next, state);
+    return true;
+};
 
 class SpinnerComponent {
     spinerService = inject(SpinnerService);
@@ -2901,24 +2930,55 @@ class MultiSelectComponent {
     onChangeEvent = new EventEmitter();
     checked = false;
     selectedOptions = [];
+    onChange = () => { };
+    onTouched = () => { };
     toggleAllSelection(event) {
         this.selectedOptions = event.checked ? this.options.map(option => option.value) : [];
         this.emitChangeEvent();
+        this.onChange(this.selectedOptions);
+        this.onTouched();
     }
     onChangeSelect(event) {
         console.log("onChange -> ", event);
         this.checked = this.selectedOptions.length === this.options.length;
         this.emitChangeEvent();
+        this.onChange(this.selectedOptions);
+        this.onTouched();
     }
     emitChangeEvent() {
         this.onChangeEvent.emit(this.selectedOptions);
     }
+    writeValue(value) {
+        this.selectedOptions = value || [];
+        this.checked = this.selectedOptions.length === this.options.length;
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        // Aquí puedes manejar el estado disabled si es necesario
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: MultiSelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.1", type: MultiSelectComponent, isStandalone: true, selector: "intelica-multi-select", inputs: { id: "id", options: "options", optionLabel: "optionLabel", optionValue: "optionValue", placeholder: "placeholder", showFilter: "showFilter", showAll: "showAll", allText: "allText", maxSelectedLabels: "maxSelectedLabels", appendTo: "appendTo", panelStyleClass: "panelStyleClass", virtualScroll: "virtualScroll", selectedItemsLabel: "selectedItemsLabel" }, outputs: { onChangeEvent: "onChange" }, ngImport: i0, template: "<p-multiSelect\r\n\tclass=\"prMultiselect\"\r\n\t[options]=\"options\"\r\n\t[(ngModel)]=\"selectedOptions\"\r\n\t[optionLabel]=\"optionLabel\"\r\n\t[optionValue]=\"optionValue\"\r\n\t[placeholder]=\"placeholder\"\r\n\t[maxSelectedLabels]=\"maxSelectedLabels\"\r\n\t[filter]=\"showFilter\"\r\n\t[showToggleAll]=\"false\"\r\n\t(onChange)=\"onChangeSelect($event)\"\r\n\t[appendTo]=\"appendTo\"\r\n\t[panelStyleClass]=\"panelStyleClass\"\r\n\t[virtualScroll]=\"virtualScroll\"\r\n\t[virtualScrollOptions]=\"{ itemSize: 25, scrollHeight: '200px' }\"\r\n\tselectedItemsLabel=\"{0} {{ selectedItemsLabel }}\"\r\n>\r\n\t@if(showAll){\r\n\t<ng-template #header>\r\n\t\t<div class=\"prMultiselect__all\">\r\n\t\t\t<label [for]=\"id + '-all'\">\r\n\t\t\t\t<p-checkbox [inputId]=\"id + '-all'\" [binary]=\"true\" [(ngModel)]=\"checked\" (onChange)=\"toggleAllSelection($event)\"></p-checkbox>\r\n\t\t\t\t{{ allText }}\r\n\t\t\t</label>\r\n\t\t</div>\r\n\t</ng-template>\r\n\t}\r\n</p-multiSelect>\r\n", dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: MultiSelectModule }, { kind: "component", type: i2$2.MultiSelect, selector: "p-multiSelect, p-multiselect, p-multi-select", inputs: ["id", "ariaLabel", "style", "styleClass", "panelStyle", "panelStyleClass", "inputId", "disabled", "fluid", "readonly", "group", "filter", "filterPlaceHolder", "filterLocale", "overlayVisible", "tabindex", "variant", "appendTo", "dataKey", "name", "ariaLabelledBy", "displaySelectedLabel", "maxSelectedLabels", "selectionLimit", "selectedItemsLabel", "showToggleAll", "emptyFilterMessage", "emptyMessage", "resetFilterOnHide", "dropdownIcon", "chipIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "showHeader", "filterBy", "scrollHeight", "lazy", "virtualScroll", "loading", "virtualScrollItemSize", "loadingIcon", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "display", "autocomplete", "size", "showClear", "autofocus", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "defaultLabel", "placeholder", "options", "filterValue", "itemSize", "selectAll", "focusOnHover", "filterFields", "selectOnFocus", "autoOptionFocus"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onClear", "onPanelShow", "onPanelHide", "onLazyLoad", "onRemove", "onSelectAllChange"] }, { kind: "ngmodule", type: CheckboxModule }, { kind: "component", type: i5.Checkbox, selector: "p-checkbox, p-checkBox, p-check-box", inputs: ["value", "name", "disabled", "binary", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "style", "inputStyle", "styleClass", "inputClass", "indeterminate", "size", "formControl", "checkboxIcon", "readonly", "required", "autofocus", "trueValue", "falseValue", "variant"], outputs: ["onChange", "onFocus", "onBlur"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.1", type: MultiSelectComponent, isStandalone: true, selector: "intelica-multi-select", inputs: { id: "id", options: "options", optionLabel: "optionLabel", optionValue: "optionValue", placeholder: "placeholder", showFilter: "showFilter", showAll: "showAll", allText: "allText", maxSelectedLabels: "maxSelectedLabels", appendTo: "appendTo", panelStyleClass: "panelStyleClass", virtualScroll: "virtualScroll", selectedItemsLabel: "selectedItemsLabel" }, outputs: { onChangeEvent: "onChange" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => MultiSelectComponent),
+                multi: true,
+            },
+        ], ngImport: i0, template: "<p-multiSelect\r\n\tclass=\"prMultiselect\"\r\n\t[options]=\"options\"\r\n\t[(ngModel)]=\"selectedOptions\"\r\n\t[optionLabel]=\"optionLabel\"\r\n\t[optionValue]=\"optionValue\"\r\n\t[placeholder]=\"placeholder\"\r\n\t[maxSelectedLabels]=\"maxSelectedLabels\"\r\n\t[filter]=\"showFilter\"\r\n\t[showToggleAll]=\"false\"\r\n\t(onChange)=\"onChangeSelect($event)\"\r\n\t[appendTo]=\"appendTo\"\r\n\t[panelStyleClass]=\"panelStyleClass\"\r\n\t[virtualScroll]=\"virtualScroll\"\r\n\t[virtualScrollOptions]=\"{ itemSize: 25, scrollHeight: '200px' }\"\r\n\tselectedItemsLabel=\"{0} {{ selectedItemsLabel }}\"\r\n>\r\n\t@if(showAll){\r\n\t<ng-template #header>\r\n\t\t<div class=\"prMultiselect__all\">\r\n\t\t\t<label [for]=\"id + '-all'\">\r\n\t\t\t\t<p-checkbox [inputId]=\"id + '-all'\" [binary]=\"true\" [(ngModel)]=\"checked\" (onChange)=\"toggleAllSelection($event)\"></p-checkbox>\r\n\t\t\t\t{{ allText }}\r\n\t\t\t</label>\r\n\t\t</div>\r\n\t</ng-template>\r\n\t}\r\n</p-multiSelect>\r\n", dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: MultiSelectModule }, { kind: "component", type: i2$2.MultiSelect, selector: "p-multiSelect, p-multiselect, p-multi-select", inputs: ["id", "ariaLabel", "style", "styleClass", "panelStyle", "panelStyleClass", "inputId", "disabled", "fluid", "readonly", "group", "filter", "filterPlaceHolder", "filterLocale", "overlayVisible", "tabindex", "variant", "appendTo", "dataKey", "name", "ariaLabelledBy", "displaySelectedLabel", "maxSelectedLabels", "selectionLimit", "selectedItemsLabel", "showToggleAll", "emptyFilterMessage", "emptyMessage", "resetFilterOnHide", "dropdownIcon", "chipIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "showHeader", "filterBy", "scrollHeight", "lazy", "virtualScroll", "loading", "virtualScrollItemSize", "loadingIcon", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "display", "autocomplete", "size", "showClear", "autofocus", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "defaultLabel", "placeholder", "options", "filterValue", "itemSize", "selectAll", "focusOnHover", "filterFields", "selectOnFocus", "autoOptionFocus"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onClear", "onPanelShow", "onPanelHide", "onLazyLoad", "onRemove", "onSelectAllChange"] }, { kind: "ngmodule", type: CheckboxModule }, { kind: "component", type: i5.Checkbox, selector: "p-checkbox, p-checkBox, p-check-box", inputs: ["value", "name", "disabled", "binary", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "style", "inputStyle", "styleClass", "inputClass", "indeterminate", "size", "formControl", "checkboxIcon", "readonly", "required", "autofocus", "trueValue", "falseValue", "variant"], outputs: ["onChange", "onFocus", "onBlur"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: MultiSelectComponent, decorators: [{
             type: Component,
-            args: [{ selector: "intelica-multi-select", imports: [FormsModule, MultiSelectModule, CheckboxModule], template: "<p-multiSelect\r\n\tclass=\"prMultiselect\"\r\n\t[options]=\"options\"\r\n\t[(ngModel)]=\"selectedOptions\"\r\n\t[optionLabel]=\"optionLabel\"\r\n\t[optionValue]=\"optionValue\"\r\n\t[placeholder]=\"placeholder\"\r\n\t[maxSelectedLabels]=\"maxSelectedLabels\"\r\n\t[filter]=\"showFilter\"\r\n\t[showToggleAll]=\"false\"\r\n\t(onChange)=\"onChangeSelect($event)\"\r\n\t[appendTo]=\"appendTo\"\r\n\t[panelStyleClass]=\"panelStyleClass\"\r\n\t[virtualScroll]=\"virtualScroll\"\r\n\t[virtualScrollOptions]=\"{ itemSize: 25, scrollHeight: '200px' }\"\r\n\tselectedItemsLabel=\"{0} {{ selectedItemsLabel }}\"\r\n>\r\n\t@if(showAll){\r\n\t<ng-template #header>\r\n\t\t<div class=\"prMultiselect__all\">\r\n\t\t\t<label [for]=\"id + '-all'\">\r\n\t\t\t\t<p-checkbox [inputId]=\"id + '-all'\" [binary]=\"true\" [(ngModel)]=\"checked\" (onChange)=\"toggleAllSelection($event)\"></p-checkbox>\r\n\t\t\t\t{{ allText }}\r\n\t\t\t</label>\r\n\t\t</div>\r\n\t</ng-template>\r\n\t}\r\n</p-multiSelect>\r\n" }]
+            args: [{ selector: "intelica-multi-select", imports: [FormsModule, MultiSelectModule, CheckboxModule], providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => MultiSelectComponent),
+                            multi: true,
+                        },
+                    ], template: "<p-multiSelect\r\n\tclass=\"prMultiselect\"\r\n\t[options]=\"options\"\r\n\t[(ngModel)]=\"selectedOptions\"\r\n\t[optionLabel]=\"optionLabel\"\r\n\t[optionValue]=\"optionValue\"\r\n\t[placeholder]=\"placeholder\"\r\n\t[maxSelectedLabels]=\"maxSelectedLabels\"\r\n\t[filter]=\"showFilter\"\r\n\t[showToggleAll]=\"false\"\r\n\t(onChange)=\"onChangeSelect($event)\"\r\n\t[appendTo]=\"appendTo\"\r\n\t[panelStyleClass]=\"panelStyleClass\"\r\n\t[virtualScroll]=\"virtualScroll\"\r\n\t[virtualScrollOptions]=\"{ itemSize: 25, scrollHeight: '200px' }\"\r\n\tselectedItemsLabel=\"{0} {{ selectedItemsLabel }}\"\r\n>\r\n\t@if(showAll){\r\n\t<ng-template #header>\r\n\t\t<div class=\"prMultiselect__all\">\r\n\t\t\t<label [for]=\"id + '-all'\">\r\n\t\t\t\t<p-checkbox [inputId]=\"id + '-all'\" [binary]=\"true\" [(ngModel)]=\"checked\" (onChange)=\"toggleAllSelection($event)\"></p-checkbox>\r\n\t\t\t\t{{ allText }}\r\n\t\t\t</label>\r\n\t\t</div>\r\n\t</ng-template>\r\n\t}\r\n</p-multiSelect>\r\n" }]
         }], propDecorators: { id: [{
                 type: Input
             }], options: [{
@@ -6385,9 +6445,11 @@ const IntelicaTheme = definePreset(Aura, {
     },
 });
 
+//Pipes
+
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { ActionDirective, ActionsMenuComponent, ButtonSplitComponent, Color, ColumnComponent, ColumnGroupComponent, CompareByField, ConfigService, CookieAttributesGeneral, DataDirective, DynamicInputValidation, EchartComponent, EchartService, EmailInputValidation, ErrorInterceptor, FeatureFlagService, FormatAmountPipe, GlobalFeatureFlagService, GlobalTermService, HtmlToExcelService, InitializeConfigService, InputValidation, IntelicaTheme, ItemSplitDirective, LanguageService, ModalDialogComponent, MultiSelectComponent, OrderConstants, PaginatorComponent, Patterns, PopoverComponent, ProfileService, RecordPerPageComponent, RefreshTokenInterceptor, RowResumenComponent, SearchComponent, SharedService, SkeletonChartComponent, SkeletonComponent, SkeletonService, SkeletonTableComponent, SortingComponent, SpinnerComponent, SpinnerService, SweetAlertService, TableComponent, TemplateMenuComponent, TermGuard, TermPipe, TermService, TruncatePipe, decryptData, encryptData, getColor };
+export { ActionDirective, ActionsMenuComponent, ButtonSplitComponent, Color, ColumnComponent, ColumnGroupComponent, CompareByField, ConfigService, CookieAttributesGeneral, DataDirective, DynamicInputValidation, EchartComponent, EchartService, EmailInputValidation, ErrorInterceptor, FeatureFlagService, FormatAmountPipe, GlobalFeatureFlagService, GlobalTermService, HtmlToExcelService, InitializeConfigService, InputValidation, IntelicaTheme, ItemSplitDirective, LanguageService, ModalDialogComponent, MultiSelectComponent, OrderConstants, PaginatorComponent, Patterns, PopoverComponent, ProfileService, RecordPerPageComponent, RefreshTokenInterceptor, RouteGuard, RowResumenComponent, SearchComponent, SharedService, SkeletonChartComponent, SkeletonComponent, SkeletonService, SkeletonTableComponent, SortingComponent, SpinnerComponent, SpinnerService, SweetAlertService, TableComponent, TemplateMenuComponent, TermGuard, TermPipe, TermService, TruncatePipe, decryptData, encryptData, getColor };
 //# sourceMappingURL=intelica-library-ui.mjs.map