intelica-library-components 1.1.12 → 1.1.13

package/fesm2022/intelica-library-components.mjs

@@ -1,11 +1,11 @@
 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, Optional, Host } from '@angular/core';
+import { inject, Injectable, signal, Pipe, Component, HostListener, Directive, EventEmitter, Output, Input, forwardRef, TemplateRef, ContentChild, ContentChildren, ViewChild, PLATFORM_ID, Inject, output, Optional, Host } 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, of, tap, map } from 'rxjs';
+import { BehaviorSubject, catchError, throwError, from, switchMap, Subject, Subscription, of, delay, tap, map } from 'rxjs';
 import Swal from 'sweetalert2';
 import * as i1 from '@angular/common';
-import { CommonModule, DatePipe, isPlatformBrowser } from '@angular/common';
+import { CommonModule, DatePipe, isPlatformBrowser, NgClass } from '@angular/common';
 import * as i1$1 from '@angular/forms';
 import { FormsModule, FormBuilder, ReactiveFormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';
 import { BadgeModule } from 'primeng/badge';
@@ -18,7 +18,7 @@ import { TooltipModule } from 'primeng/tooltip';
 import moment from 'moment';
 import * as _ from 'lodash';
 import * as i2 from 'primeng/button';
-import { ButtonModule } from 'primeng/button';
+import { ButtonModule, Button } from 'primeng/button';
 import * as i3 from 'primeng/radiobutton';
 import { RadioButtonModule } from 'primeng/radiobutton';
 import * as i1$2 from 'primeng/popover';
@@ -167,13 +167,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImpor
         }] });
 
 class FormatAmountPipe {
-    transform(value, shortFormat = false, decimalPlaces = 2) {
-        if (value === null || value === undefined) {
-            return "0";
+    transform(value, shortFormat = false, decimalPlaces = 2, validNegative = false) {
+        if (value === null || value === undefined || value == 0) {
+            return "-";
         }
-        const numericValue = typeof value === "string" ? parseFloat(value) : value;
-        if (isNaN(numericValue)) {
-            return "0";
+        const numericValue = typeof value === "string" ? Number.parseFloat(value) : value;
+        if (Number.isNaN(numericValue)) {
+            return "-";
         }
         let formattedValue;
         if (shortFormat) {
@@ -182,6 +182,11 @@ class FormatAmountPipe {
         else {
             formattedValue = this.formatWithThousandSeparators(numericValue, decimalPlaces);
         }
+        if (validNegative) {
+            if (numericValue < 0) {
+                formattedValue = `(${formattedValue})`;
+            }
+        }
         return formattedValue;
     }
     getShortFormat(value, decimalPlaces) {
@@ -194,16 +199,17 @@ class FormatAmountPipe {
         ];
         for (const { limit, suffix } of suffixes) {
             if (absValue >= limit) {
-                return (value / limit).toFixed(decimalPlaces) + suffix;
+                return (absValue / limit).toFixed(decimalPlaces) + suffix;
             }
         }
-        return value.toFixed(decimalPlaces);
+        return absValue.toFixed(decimalPlaces);
     }
     formatWithThousandSeparators(value, decimalPlaces) {
+        const absValue = Math.abs(value);
         return new Intl.NumberFormat("en-US", {
             minimumFractionDigits: decimalPlaces,
             maximumFractionDigits: decimalPlaces,
-        }).format(value);
+        }).format(absValue);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: FormatAmountPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
     static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.1", ngImport: i0, type: FormatAmountPipe, isStandalone: true, name: "amount" });
@@ -254,9 +260,10 @@ const Color = {
     amex: "#348AD5",
     orange: "#ff7f00",
     orangeDark: "#CC4900",
+    skyBlue: "#7490E2",
     blue: "#17375E",
-    gray: "#D3D3D3",
-    gray3: "#a6a5a1",
+    gray: "#BABECF",
+    gray3: "#4E546F",
     gray5: "#e9e9e9",
 };
 const getColor = (name) => {
@@ -5838,6 +5845,70 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImpor
             args: [{ selector: "intelica-alert", standalone: true, imports: [CommonModule, ConfirmDialogModule, ButtonModule], template: "<p-confirmDialog key=\"intelica-alert-dialog\" [style]=\"{width: 'auto', 'max-width': '90cw'}\" [closable]=\"false\"\r\n    [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 [style]=\"message.data.dialogStyle\"\r\n            style=\"background: white; display: flex; flex-direction: column; align-items: center; padding: 2rem; position: relative; text-align: center;\">\r\n\r\n            <!-- Close Button -->\r\n            @if (message.data.config.showCloseButton) {\r\n            <button type=\"button\"\r\n                style=\"position: absolute; top: 0.75rem; right: 0.75rem; background: transparent; border: none; cursor: pointer; padding: 0.5rem; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: background-color 0.2s;\"\r\n                (click)=\"onReject()\" aria-label=\"Cerrar\">\r\n                <i class=\"pi pi-times\" style=\"font-size: 1.25rem; color: #6c757d;\"></i>\r\n            </button>\r\n            }\r\n\r\n            <!-- Icon -->\r\n            <div [style.backgroundColor]=\"message.data.iconBackgroundColor\"\r\n                style=\"width: 80px; height: 80px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-bottom: 1.5rem;\">\r\n                @if (message.data.config.customImageUrl) {\r\n                <img [src]=\"message.data.config.customImageUrl\" style=\"width: 60px; height: 60px; object-fit: contain;\"\r\n                    alt=\"Alert icon\" />\r\n                } @else {\r\n                <i [class]=\"message.data.iconClass\" [style.color]=\"message.data.iconColor\"\r\n                    style=\"font-size: 2.5rem;\"></i>\r\n                }\r\n            </div>\r\n\r\n            <!-- Title -->\r\n            <h2 [style.color]=\"message.data.titleColor\"\r\n                style=\"margin: 0 0 0.75rem 0; font-size: 1.5rem; font-weight: 600;\">{{ message.header }}</h2>\r\n\r\n            <!-- Subtitle / Message -->\r\n            @if (message.message) {\r\n            <p [style.color]=\"message.data.config.styles?.subtitleColor ?? '#555'\"\r\n                style=\"margin: 0 0 1.5rem 0; font-size: 1rem; line-height: 1.5;\">{{ message.message }}</p>\r\n            }\r\n\r\n            <!-- HTML Content -->\r\n            @if (message.data.config.htmlContent) {\r\n            <div [innerHTML]=\"message.data.config.htmlContent\"\r\n                [style.color]=\"message.data.config.styles?.subtitleColor ?? '#555'\"\r\n                style=\"margin-bottom: 1.5rem; width: 100%;\"></div>\r\n            }\r\n\r\n            <!-- Buttons -->\r\n            <div style=\"display: flex; gap: 0.75rem; justify-content: center; width: 100%; margin-top: 0.5rem;\">\r\n                <!-- Cancel Button -->\r\n                @if (message.data.showCancelButton) {\r\n                <p-button [label]=\"message.data.cancelText\" [style]=\"message.data.cancelButtonStyle\"\r\n                    severity=\"secondary\" [outlined]=\"true\" (onClick)=\"onReject()\" />\r\n                }\r\n                <!-- Confirm Button -->\r\n                <p-button [label]=\"message.data.confirmText\" [style]=\"message.data.confirmButtonStyle\"\r\n                    (onClick)=\"onAccept()\" />\r\n            </div>\r\n        </div>\r\n    </ng-template>\r\n</p-confirmDialog>\r\n" }]
         }] });
 
+class AddFavoritesService {
+    configService = inject(ConfigService);
+    addPageToFavorites() {
+        return of(void 0).pipe(delay(200), tap(() => console.log("Test: Added current page to favorites")));
+    }
+    isPageFavorite() {
+        return of(false).pipe(delay(200), tap(() => console.log("Test: Checked if current page is favorite")));
+    }
+    simulateToggle() {
+        return of(void 0).pipe(delay(200), tap(() => console.log("Test: Toggle favorite request")));
+    }
+    removeFromFavorites() {
+        return of(void 0).pipe(delay(200), tap(() => console.log("Test: removed from favorites")));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: AddFavoritesService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: AddFavoritesService, providedIn: "root" });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: AddFavoritesService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: "root",
+                }]
+        }] });
+
+const ICON_ON = "icon-favorites-on";
+const ICON_OFF = "icon-favorites-off";
+class AddFavoritesComponent {
+    termService = inject(GlobalTermService);
+    favoritesMock = inject(AddFavoritesService);
+    favoriteChanged = output();
+    isFavorite = false;
+    iconClass = ICON_OFF;
+    ngOnInit() {
+        this.loadInitialState();
+    }
+    toggleFavorite() {
+        const action$ = this.isFavorite ? this.favoritesMock.removeFromFavorites() : this.favoritesMock.addPageToFavorites();
+        action$.subscribe({
+            next: () => {
+                this.isFavorite = !this.isFavorite;
+                this.updateIcon();
+                this.favoriteChanged.emit(this.isFavorite);
+            },
+        });
+    }
+    loadInitialState() {
+        this.favoritesMock.isPageFavorite().subscribe({
+            next: isFavorite => {
+                this.isFavorite = isFavorite;
+                this.updateIcon();
+            },
+        });
+    }
+    updateIcon() {
+        this.iconClass = this.isFavorite ? ICON_ON : ICON_OFF;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: AddFavoritesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.1", 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: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "buttonProps", "autofocus", "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.1", 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" }]
+        }] });
+
 class CheckboxFilterDirective extends FilterDirective {
     constructor() {
         super(FilterTypeEnum.Checkbox);
@@ -7027,14 +7098,17 @@ class EchartService {
             },
             splitLine: {
                 show: showSplitLine,
-                lineStyle: {
-                    color: Color.gray,
-                    type: "dashed",
-                    width: 1,
-                },
+                // lineStyle: {
+                // 	color: Color.gray,
+                // 	type: "dashed",
+                // 	width: 1,
+                // },
+                lineStyle: { width: 1, color: Color.gray, type: [5, 5], cap: "round" },
             },
             axisLabel: {
-                show: showAxis,
+                fontFamily: "Lato, sans-serif",
+                show: true,
+                // show: showAxis,
                 color: Color.gray3,
                 fontSize: 14,
                 padding: 10,
@@ -7044,7 +7118,7 @@ class EchartService {
     getCategoryAxisConfiguration(data) {
         return this.getDefultAxisConfiguration("category", data, true);
     }
-    getValueAxisConfiguration(showAxis = false, format = false, showAxisLines = false) {
+    getValueAxisConfiguration(showAxis = true, format = true, showAxisLines = true) {
         let axisConfiguration = this.getDefultAxisConfiguration("value", undefined, showAxis, showAxisLines);
         if (format) {
             axisConfiguration.axisLabel.formatter = (value) => this._sharedService.FormatNumberWithSuffix(value);
@@ -7053,20 +7127,37 @@ class EchartService {
     }
     getGridConfiguration() {
         return {
-            left: "0%",
-            right: "0%",
-            //bottom: '0%',
+            // left: "0%",
+            // right: "0%",
+            // //bottom: '0%',
+            // containLabel: true,
+            left: 0,
+            right: 0,
+            top: 20,
+            bottom: 40,
             containLabel: true,
         };
     }
     getLegendConfiguration() {
         return {
-            orient: "horizontal", // 'horizontal | vertical'
-            icon: "circle",
-            bottom: 5,
-            align: "auto",
-            itemGap: 20,
-            textStyle: { color: Color.blue, fontSize: 14 },
+            // orient: "horizontal", // 'horizontal | vertical'
+            // icon: "circle",
+            // bottom: 5,
+            // align: "auto",
+            // itemGap: 20,
+            // textStyle: { color: Color.blue, fontSize: 14 },
+            data: [{ name: "Expenses", icon: "circle" }],
+            bottom: 0,
+            textStyle: {
+                color: "#4E546F",
+                fontFamily: "Lato, sans-serif",
+                fontSize: 12,
+                lineHeight: 12,
+            },
+            itemWidth: 10,
+            itemHeight: 10,
+            itemGap: 25,
+            align: "left",
         };
     }
     /**
@@ -7102,15 +7193,16 @@ class EchartService {
      */
     getBarChartOptions(categories, series, labelConfig, tooltipConfig, showLegend = false) {
         return {
+            textStyle: { fontFamily: "Lato, sans-serif" },
             xAxis: this.getCategoryAxisConfiguration(categories),
             yAxis: this.getValueAxisConfiguration(),
             series: [
                 ...series.map((item) => ({
                     type: "bar",
                     name: item.name,
-                    itemStyle: { color: item.color },
+                    itemStyle: { color: item.color, borderRadius: 8 },
                     data: item.value,
-                    // barWidth: "33%",
+                    barWidth: "33%",
                     barGap: "0%",
                     label: {
                         show: true,
@@ -7127,6 +7219,7 @@ class EchartService {
                 borderWidth: 2,
                 textStyle: { fontSize: 12 },
                 formatter: tooltipConfig,
+                appendTo: "body",
             },
             grid: this.getGridConfiguration(),
             legend: showLegend ? this.getLegendConfiguration() : undefined,
@@ -7166,22 +7259,20 @@ class EchartService {
     getBarChartHorizontalOptions(categories, series, labelConfig, tooltipConfig, showLegend = false, enableSelectStyle = false // 👈 nuevo
     ) {
         let barBase = this.getBarChartOptions(categories, series, labelConfig, tooltipConfig, showLegend);
-        barBase.xAxis = this.getValueAxisConfiguration();
+        barBase.xAxis = this.getValueAxisConfiguration(false, true, false);
         barBase.yAxis = this.getCategoryAxisConfiguration(categories);
         barBase.series.forEach((serie, idx) => {
             if (serie.label) {
                 serie.label.position = "right";
             }
-            const baseColor = serie.itemStyle?.color ??
-                (series[idx] && series[idx].color) ??
-                '#FF8A00';
+            const baseColor = serie.itemStyle?.color ?? (series[idx] && series[idx].color) ?? "#FF8A00";
             serie.itemStyle = {
                 ...(serie.itemStyle || {}),
                 color: baseColor,
                 borderWidth: 0,
             };
             if (enableSelectStyle) {
-                serie.selectedMode = 'single';
+                serie.selectedMode = "single";
                 const selectedColor = darkenColor(String(baseColor), 0.38);
                 serie.select = {
                     itemStyle: {
@@ -7245,9 +7336,9 @@ class EchartService {
             const y = barBase.yAxis;
             const gr = barBase.grid;
             const defaultCategoryFormatter = (value, index) => {
-                const sangriaBase = '\u2008\u2008\u2008\u2008\u2008\u2008\u2009';
+                const sangriaBase = "\u2008\u2008\u2008\u2008\u2008\u2008\u2009";
                 const lineLength = 35;
-                const text = String(value ?? '');
+                const text = String(value ?? "");
                 const prefix = `${index + 1} - `;
                 const digitCount = String(index + 1).length;
                 let extraRepeat = 0;
@@ -7255,10 +7346,10 @@ class EchartService {
                     extraRepeat = 2;
                 else if (digitCount === 3)
                     extraRepeat = 5;
-                const sangria = sangriaBase + '\u2008'.repeat(extraRepeat);
-                const words = text.split(' ');
+                const sangria = sangriaBase + "\u2008".repeat(extraRepeat);
+                const words = text.split(" ");
                 const lines = [];
-                let current = '';
+                let current = "";
                 for (const w of words) {
                     const test = current ? `${current} ${w}` : w;
                     if (test.length <= lineLength)
@@ -7271,7 +7362,7 @@ class EchartService {
                 }
                 if (current)
                     lines.push(current);
-                return prefix + lines.map((ln, i) => (i === 0 ? ln : `${sangria}${ln}`)).join('\n');
+                return prefix + lines.map((ln, i) => (i === 0 ? ln : `${sangria}${ln}`)).join("\n");
             };
             // y.inverse = true;
             // y.axisLabel = {
@@ -7292,7 +7383,7 @@ class EchartService {
             gr.bottom = "0%";
             gr.containLabel = true;
         }
-        barBase.series.forEach((serie) => {
+        barBase.series.forEach(serie => {
             serie.label = {
                 ...(serie.label || {}),
                 formatter: labelConfig,
@@ -7337,6 +7428,7 @@ class EchartService {
                 borderWidth: 2,
                 textStyle: { fontSize: 12 },
                 formatter: tooltipConfig,
+                appendTo: "body	",
             },
             dataZoom: [
                 {
@@ -7404,6 +7496,7 @@ class EchartService {
             tooltip: {
                 trigger: "item",
                 formatter: tooltipConfig,
+                appendTo: "body",
                 // extraCssText: this.chartService.getTooltipCssText(),
             },
             legend: {
@@ -7437,6 +7530,7 @@ class EchartService {
         return {
             tooltip: {
                 trigger: "none",
+                appendTo: "body",
             },
             series: [
                 {
@@ -7467,6 +7561,118 @@ class EchartService {
             ],
         };
     }
+    /**
+     * Semi doughnut gauge (half circle) with:
+     * - Progress arc
+     * - End dot
+     * - Center letter
+     *
+     * @param letter - Text to show in the center
+     * @param value - Current value
+     * @param textSize - Center letter font size
+     * @param color - Progress and end dot color
+     * @param total - Max value (default 100)
+     */
+    getRateSemiDoughnutOptions(letter, value, textSize, color, total = 100) {
+        const safeTotal = total > 0 ? total : 100;
+        const safeValue = Math.max(0, Math.min(value, safeTotal));
+        const START_ANGLE = 210;
+        const END_ANGLE = -30;
+        const THICKNESS = 22;
+        const BACKGROUND_COLOR = "#D9D9E3";
+        const TEXT_COLOR = "#4F5470";
+        const MIN_LABEL = "0";
+        const MAX_LABEL = String(safeTotal);
+        const MIN_MAX_FONT_SIZE = 15;
+        return {
+            tooltip: { trigger: "none", appendTo: "body" },
+            series: [
+                /* ================= GAUGE 1: PROGRESS ================= */
+                {
+                    type: "gauge",
+                    startAngle: START_ANGLE,
+                    endAngle: END_ANGLE,
+                    min: 0,
+                    max: safeTotal,
+                    pointer: { show: false },
+                    progress: {
+                        show: true,
+                        roundCap: true,
+                        width: THICKNESS,
+                        itemStyle: { color },
+                    },
+                    axisLine: {
+                        roundCap: true,
+                        lineStyle: {
+                            width: THICKNESS,
+                            color: [[1, BACKGROUND_COLOR]],
+                        },
+                    },
+                    axisTick: { show: false },
+                    splitLine: { show: false },
+                    axisLabel: { show: false },
+                    detail: {
+                        show: true,
+                        offsetCenter: [0, "0%"],
+                        fontSize: textSize,
+                        fontWeight: 700,
+                        color: TEXT_COLOR,
+                        formatter: () => letter,
+                    },
+                    data: [
+                        {
+                            value: safeValue,
+                            name: "0",
+                            title: {
+                                show: true,
+                                formatter: () => MIN_LABEL,
+                                offsetCenter: ["-80%", "66%"],
+                                fontSize: MIN_MAX_FONT_SIZE,
+                                color: TEXT_COLOR,
+                            },
+                        },
+                        {
+                            value: safeValue,
+                            name: "100",
+                            title: {
+                                show: true,
+                                formatter: () => MAX_LABEL,
+                                offsetCenter: ["80%", "66%"],
+                                fontSize: MIN_MAX_FONT_SIZE,
+                                color: TEXT_COLOR,
+                            },
+                        },
+                    ],
+                },
+                /* ================= GAUGE 2: END DOT ================= */
+                {
+                    type: "gauge",
+                    startAngle: START_ANGLE,
+                    endAngle: END_ANGLE,
+                    min: 0,
+                    max: safeTotal,
+                    axisLine: { show: false },
+                    progress: { show: false },
+                    splitLine: { show: false },
+                    axisTick: { show: false },
+                    axisLabel: { show: false },
+                    detail: { show: false },
+                    pointer: {
+                        show: true,
+                        length: "183%",
+                        width: 38,
+                        icon: "circle",
+                        itemStyle: {
+                            color,
+                            borderColor: BACKGROUND_COLOR,
+                            borderWidth: 4,
+                        },
+                    },
+                    data: [{ value: safeValue }],
+                },
+            ],
+        };
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: EchartService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: EchartService, providedIn: "root" });
 }
@@ -9957,5 +10163,5 @@ const IntelicaTheme = definePreset(Aura, {
  * Generated bundle index. Do not edit.
  */
 
-export { ALERT_DEFAULTS, ALERT_ICON_PATHS, ALERT_TYPE_CONFIG, ActionDirective, ActionsMenuComponent, AlertButtonMode, AlertService, AlertType, ButtonSplitComponent, CheckboxFilterDirective, Color, ColumnComponent, ColumnGroupComponent, CompareByField, ConfigService, CookieAttributesGeneral, DATEPICKER_BUTTON_TYPES, DataDirective, DateFilterDirective, DateModeOptions, DatepickerComponent, DynamicInputValidation, EchartComponent, EchartService, ElementService, EmailInputValidation, ErrorInterceptor, FeatureFlagService, FilterChipsComponent, FiltersComponent, FormatAmountPipe, GetCookieAttributes, GlobalFeatureFlagService, GlobalTermService, HtmlToExcelService, InitializeConfigService, InputValidation, IntelicaAlertComponent, IntelicaCellCheckboxDirective, IntelicaTheme, ItemSplitDirective, LanguageService, MatrixColumnComponent, MatrixColumnGroupComponent, MatrixTableComponent, ModalDialogComponent, MultiSelectComponent, OrderConstants, PaginatorComponent, Patterns, PopoverComponent, ProfileService, RecordPerPageComponent, RefreshTokenInterceptor, RouteGuard, 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, FeatureFlagService, FilterChipsComponent, FiltersComponent, FormatAmountPipe, GetCookieAttributes, GlobalFeatureFlagService, GlobalTermService, HtmlToExcelService, InitializeConfigService, InputValidation, IntelicaAlertComponent, IntelicaCellCheckboxDirective, IntelicaTheme, ItemSplitDirective, LanguageService, MatrixColumnComponent, MatrixColumnGroupComponent, MatrixTableComponent, ModalDialogComponent, MultiSelectComponent, OrderConstants, PaginatorComponent, Patterns, PopoverComponent, ProfileService, RecordPerPageComponent, RefreshTokenInterceptor, RouteGuard, 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