intelica-library-components 1.1.40 → 1.1.41

package/fesm2022/intelica-library-components.mjs

@@ -6010,11 +6010,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
 
 class IntelicaAlertComponent {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IntelicaAlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: IntelicaAlertComponent, isStandalone: true, selector: "intelica-alert", ngImport: i0, 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", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ConfirmDialogModule }, { kind: "component", type: i1$3.ConfirmDialog, selector: "p-confirmDialog, p-confirmdialog, p-confirm-dialog", inputs: ["header", "icon", "message", "style", "styleClass", "maskStyleClass", "acceptIcon", "acceptLabel", "closeAriaLabel", "acceptAriaLabel", "acceptVisible", "rejectIcon", "rejectLabel", "rejectAriaLabel", "rejectVisible", "acceptButtonStyleClass", "rejectButtonStyleClass", "closeOnEscape", "dismissableMask", "blockScroll", "rtl", "closable", "appendTo", "key", "autoZIndex", "baseZIndex", "transitionOptions", "focusTrap", "defaultFocus", "breakpoints", "modal", "visible", "position", "draggable"], outputs: ["onHide"] }, { kind: "directive", type: i4.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i2$1.Button, selector: "p-button", inputs: ["hostName", "type", "badge", "disabled", "raised", "rounded", "text", "plain", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "iconPos", "icon", "label", "loading", "loadingIcon", "severity", "buttonProps", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: IntelicaAlertComponent, isStandalone: true, selector: "intelica-alert", ngImport: i0, template: "<!-- \r\n    Clases Modificadoras para estados:\r\n    prConfirmDialog--warning\r\n    prConfirmDialog--danger\r\n    prConfirmDialog--error\r\n    prConfirmDialog--success\r\n    prConfirmDialog--default\r\n-->\r\n<p-confirmDialog styleClass=\"prConfirmDialog\" key=\"intelica-alert-dialog\" [closable]=\"false\" [visible]=\"undefined\">\r\n    <!-- \r\n        We use the headless template. \r\n        'message' contains the confirmation object.\r\n        'message.data' contains our custom 'presentationData' object from AlertService.\r\n    -->\r\n    <ng-template pTemplate=\"headless\" let-message let-onAccept=\"onAccept\" let-onReject=\"onReject\">\r\n        <div class=\"prConfirmDialog__content\">\r\n            <!-- Close Button -->\r\n            @if (message.data.config.showCloseButton) {\r\n            <div class=\"prConfirmDialog__close\">\r\n                <p-button icon=\"pi pi-times\" class=\"prButton\" [rounded]=\"false\" [text]=\"true\" (onClick)=\"onReject()\"\r\n                    ariaLabel=\"Cerrar\"></p-button>\r\n            </div>\r\n            }\r\n\r\n            <!-- Icon -->\r\n            <div class=\"prConfirmDialog__icon\">\r\n                @if (message.data.config.customImageUrl) {\r\n                <img [src]=\"message.data.config.customImageUrl\"\r\n                    alt=\"Alert icon\" />\r\n                } @else {\r\n                <!-- <i [class]=\"message.data.iconClass\" [style.color]=\"message.data.iconColor\"></i> -->\r\n                <i [class]=\"message.data.iconClass\"></i>\r\n                }\r\n            </div>\r\n            <div class=\"prConfirmDialog__details\">\r\n                <!-- Title -->\r\n                <!-- <h2 class=\"prConfirmDialog__title\" [style.color]=\"message.data.titleColor\">{{ message.header }}</h2> -->\r\n                <h2 class=\"prConfirmDialog__title\">{{ message.header }}</h2>\r\n\r\n                <!-- Subtitle / Message -->\r\n                @if (message.message) {\r\n                <!-- <p class=\"prConfirmDialog__subtitle\" [style.color]=\"message.data.config.styles?.subtitleColor ?? '#555'\">{{ message.message }}</p> -->\r\n                <p class=\"prConfirmDialog__subtitle\">{{ message.message }}</p>\r\n                }\r\n            </div>\r\n\r\n            <!-- HTML Content -->\r\n            @if (message.data.config.htmlContent) {\r\n            <!-- <div class=\"prConfirmDialog__details\" [innerHTML]=\"message.data.config.htmlContent\"\r\n                [style.color]=\"message.data.config.styles?.subtitleColor ?? '#555'\"></div> -->\r\n            <div class=\"prConfirmDialog__text\" [innerHTML]=\"message.data.config.htmlContent\"></div>\r\n            }\r\n\r\n            <!-- Buttons -->\r\n            <div class=\"prConfirmDialog__footer\">\r\n                <!-- Confirm Button -->\r\n                <p-button class=\"prButton\" [label]=\"message.data.confirmText\" (onClick)=\"onAccept()\" />\r\n                <!-- Cancel Button -->\r\n                @if (message.data.showCancelButton) {\r\n                <p-button class=\"prButton\" [label]=\"message.data.cancelText\" severity=\"secondary\" [outlined]=\"true\"\r\n                    (onClick)=\"onReject()\" />\r\n                }\r\n            </div>\r\n        </div>\r\n    </ng-template>\r\n</p-confirmDialog>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ConfirmDialogModule }, { kind: "component", type: i1$3.ConfirmDialog, selector: "p-confirmDialog, p-confirmdialog, p-confirm-dialog", inputs: ["header", "icon", "message", "style", "styleClass", "maskStyleClass", "acceptIcon", "acceptLabel", "closeAriaLabel", "acceptAriaLabel", "acceptVisible", "rejectIcon", "rejectLabel", "rejectAriaLabel", "rejectVisible", "acceptButtonStyleClass", "rejectButtonStyleClass", "closeOnEscape", "dismissableMask", "blockScroll", "rtl", "closable", "appendTo", "key", "autoZIndex", "baseZIndex", "transitionOptions", "focusTrap", "defaultFocus", "breakpoints", "modal", "visible", "position", "draggable"], outputs: ["onHide"] }, { kind: "directive", type: i4.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i2$1.Button, selector: "p-button", inputs: ["hostName", "type", "badge", "disabled", "raised", "rounded", "text", "plain", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "iconPos", "icon", "label", "loading", "loadingIcon", "severity", "buttonProps", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IntelicaAlertComponent, decorators: [{
             type: Component,
-            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" }]
+            args: [{ selector: "intelica-alert", standalone: true, imports: [CommonModule, ConfirmDialogModule, ButtonModule], template: "<!-- \r\n    Clases Modificadoras para estados:\r\n    prConfirmDialog--warning\r\n    prConfirmDialog--danger\r\n    prConfirmDialog--error\r\n    prConfirmDialog--success\r\n    prConfirmDialog--default\r\n-->\r\n<p-confirmDialog styleClass=\"prConfirmDialog\" key=\"intelica-alert-dialog\" [closable]=\"false\" [visible]=\"undefined\">\r\n    <!-- \r\n        We use the headless template. \r\n        'message' contains the confirmation object.\r\n        'message.data' contains our custom 'presentationData' object from AlertService.\r\n    -->\r\n    <ng-template pTemplate=\"headless\" let-message let-onAccept=\"onAccept\" let-onReject=\"onReject\">\r\n        <div class=\"prConfirmDialog__content\">\r\n            <!-- Close Button -->\r\n            @if (message.data.config.showCloseButton) {\r\n            <div class=\"prConfirmDialog__close\">\r\n                <p-button icon=\"pi pi-times\" class=\"prButton\" [rounded]=\"false\" [text]=\"true\" (onClick)=\"onReject()\"\r\n                    ariaLabel=\"Cerrar\"></p-button>\r\n            </div>\r\n            }\r\n\r\n            <!-- Icon -->\r\n            <div class=\"prConfirmDialog__icon\">\r\n                @if (message.data.config.customImageUrl) {\r\n                <img [src]=\"message.data.config.customImageUrl\"\r\n                    alt=\"Alert icon\" />\r\n                } @else {\r\n                <!-- <i [class]=\"message.data.iconClass\" [style.color]=\"message.data.iconColor\"></i> -->\r\n                <i [class]=\"message.data.iconClass\"></i>\r\n                }\r\n            </div>\r\n            <div class=\"prConfirmDialog__details\">\r\n                <!-- Title -->\r\n                <!-- <h2 class=\"prConfirmDialog__title\" [style.color]=\"message.data.titleColor\">{{ message.header }}</h2> -->\r\n                <h2 class=\"prConfirmDialog__title\">{{ message.header }}</h2>\r\n\r\n                <!-- Subtitle / Message -->\r\n                @if (message.message) {\r\n                <!-- <p class=\"prConfirmDialog__subtitle\" [style.color]=\"message.data.config.styles?.subtitleColor ?? '#555'\">{{ message.message }}</p> -->\r\n                <p class=\"prConfirmDialog__subtitle\">{{ message.message }}</p>\r\n                }\r\n            </div>\r\n\r\n            <!-- HTML Content -->\r\n            @if (message.data.config.htmlContent) {\r\n            <!-- <div class=\"prConfirmDialog__details\" [innerHTML]=\"message.data.config.htmlContent\"\r\n                [style.color]=\"message.data.config.styles?.subtitleColor ?? '#555'\"></div> -->\r\n            <div class=\"prConfirmDialog__text\" [innerHTML]=\"message.data.config.htmlContent\"></div>\r\n            }\r\n\r\n            <!-- Buttons -->\r\n            <div class=\"prConfirmDialog__footer\">\r\n                <!-- Confirm Button -->\r\n                <p-button class=\"prButton\" [label]=\"message.data.confirmText\" (onClick)=\"onAccept()\" />\r\n                <!-- Cancel Button -->\r\n                @if (message.data.showCancelButton) {\r\n                <p-button class=\"prButton\" [label]=\"message.data.cancelText\" severity=\"secondary\" [outlined]=\"true\"\r\n                    (onClick)=\"onReject()\" />\r\n                }\r\n            </div>\r\n        </div>\r\n    </ng-template>\r\n</p-confirmDialog>" }]
         }] });
 
 class AddFavoritesService {