@solcre-org/core-ui 2.12.14 → 2.12.16

package/fesm2022/solcre-org-core-ui.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { HostBinding, Directive, input, Component, inject, output, computed, signal, effect, Pipe, Injectable, ViewChild, ViewContainerRef, TemplateRef, InjectionToken, ContentChild, ChangeDetectionStrategy, ElementRef, Input, HostListener, viewChild, ChangeDetectorRef, importProvidersFrom } from '@angular/core';
+import { HostBinding, Directive, input, Component, inject, output, computed, signal, effect, Pipe, Injectable, ViewChild, ViewContainerRef, TemplateRef, InjectionToken, ContentChild, ChangeDetectionStrategy, ElementRef, Input, HostListener, viewChild, ChangeDetectorRef, afterNextRender, importProvidersFrom } from '@angular/core';
 import * as i2 from '@angular/common';
 import { CommonModule, DatePipe } from '@angular/common';
 import * as i3 from '@ngx-translate/core';
@@ -9,7 +9,7 @@ import { FormControl, Validators, FormsModule, ReactiveFormsModule, FormBuilder
 import * as i5 from '@ng-select/ng-select';
 import { NgSelectModule, NgSelectComponent } from '@ng-select/ng-select';
 import { AuthService, ApiService } from '@solcre-org/core';
-import { map, BehaviorSubject, Subject, throttleTime, takeUntil, debounceTime, distinctUntilChanged, tap, switchMap, of, catchError, finalize, throwError, Observable, forkJoin, zip, timeout, Subscription } from 'rxjs';
+import { map, BehaviorSubject, Subject, throttleTime, takeUntil, debounceTime, distinctUntilChanged, tap, switchMap, of, catchError, finalize, throwError, Observable, forkJoin, zip, timeout, Subscription, from } from 'rxjs';
 import * as i4 from '@angular/router';
 import { RouterModule, Router, NavigationEnd, NavigationStart } from '@angular/router';
 import { DomSanitizer } from '@angular/platform-browser';
@@ -1341,11 +1341,11 @@ class ImagePreviewComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: ImagePreviewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: ImagePreviewComponent, isStandalone: true, selector: "core-image-preview", inputs: { src: { classPropertyName: "src", publicName: "src", isSignal: true, isRequired: true, transformFunction: null }, alt: { classPropertyName: "alt", publicName: "alt", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, objectFit: { classPropertyName: "objectFit", publicName: "objectFit", isSignal: true, isRequired: false, transformFunction: null }, borderRadius: { classPropertyName: "borderRadius", publicName: "borderRadius", isSignal: true, isRequired: false, transformFunction: null }, cursor: { classPropertyName: "cursor", publicName: "cursor", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, isRelative: { classPropertyName: "isRelative", publicName: "isRelative", isSignal: true, isRequired: false, transformFunction: null }, showSkeleton: { classPropertyName: "showSkeleton", publicName: "showSkeleton", isSignal: true, isRequired: false, transformFunction: null }, skeletonAnimation: { classPropertyName: "skeletonAnimation", publicName: "skeletonAnimation", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"c-img-preview\" \n     [class.c-img-preview--loading]=\"isImageLoading() && showSkeleton()\"\n     [class.c-img-preview--error]=\"hasImageError()\"\n     [style.width]=\"width()\"\n     [style.height]=\"height()\"\n     [style.border-radius]=\"borderRadius()\"\n     [style.position]=\"isRelative() ? 'relative' : 'static'\">\n  \n  @if (isImageLoading() && showSkeleton()) {\n    <div class=\"c-img-preview__skeleton\"\n         (click)=\"onSkeletonClick()\">\n      <core-generic-skeleton \n        [type]=\"SkeletonType.IMAGE\"\n        [width]=\"width() || '100%'\"\n        [height]=\"height() || '200px'\"\n        [animation]=\"skeletonAnimation()\"\n        [ariaLabel]=\"'Loading image: ' + (alt() || 'Image')\">\n      </core-generic-skeleton>\n    </div>\n  }\n  \n  @if (!hasImageError()) {\n    <img \n      [src]=\"src()\" \n      [alt]=\"alt()\"\n      [title]=\"title()\"\n      [loading]=\"loading()\"\n      [style.object-fit]=\"objectFit()\"\n      [style.border-radius]=\"borderRadius()\"\n      [style.cursor]=\"cursor()\"\n      [style.display]=\"isImageLoading() && showSkeleton() ? 'none' : 'block'\"\n      (load)=\"onImageLoad()\"\n      (error)=\"onImageError()\"\n      (click)=\"onImageClick()\">\n  }\n  \n  @if (hasImageError()) {\n    <div class=\"c-img-preview__error\"\n         [style.width]=\"width() || '100%'\"\n         [style.height]=\"height() || '200px'\"\n         [style.border-radius]=\"borderRadius()\">\n      <div class=\"c-img-preview__error-content\">\n        <span class=\"c-img-preview__error-icon\">\uD83D\uDCF7</span>\n        <span class=\"c-img-preview__error-text\">Error al cargar imagen</span>\n      </div>\n    </div>\n  }\n  \n</div>", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: GenericSkeletonComponent, selector: "core-generic-skeleton", inputs: ["config", "items", "type", "size", "width", "height", "animated", "animation", "lines", "customClass", "ariaLabel"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: ImagePreviewComponent, isStandalone: true, selector: "core-image-preview", inputs: { src: { classPropertyName: "src", publicName: "src", isSignal: true, isRequired: true, transformFunction: null }, alt: { classPropertyName: "alt", publicName: "alt", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, objectFit: { classPropertyName: "objectFit", publicName: "objectFit", isSignal: true, isRequired: false, transformFunction: null }, borderRadius: { classPropertyName: "borderRadius", publicName: "borderRadius", isSignal: true, isRequired: false, transformFunction: null }, cursor: { classPropertyName: "cursor", publicName: "cursor", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, isRelative: { classPropertyName: "isRelative", publicName: "isRelative", isSignal: true, isRequired: false, transformFunction: null }, showSkeleton: { classPropertyName: "showSkeleton", publicName: "showSkeleton", isSignal: true, isRequired: false, transformFunction: null }, skeletonAnimation: { classPropertyName: "skeletonAnimation", publicName: "skeletonAnimation", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"c-img-preview\" \n     [class.c-img-preview--loading]=\"isImageLoading() && showSkeleton()\"\n     [class.c-img-preview--error]=\"hasImageError()\"\n     [style.width]=\"width()\"\n     [style.height]=\"height()\"\n     [style.border-radius]=\"borderRadius()\"\n     [style.position]=\"isRelative() ? 'relative' : 'static'\">\n  \n  @if (isImageLoading() && showSkeleton()) {\n    <div class=\"c-img-preview__skeleton\"\n         (click)=\"onSkeletonClick()\">\n      <core-generic-skeleton \n        [type]=\"SkeletonType.IMAGE\"\n        [width]=\"width() || '100%'\"\n        [height]=\"height() || '200px'\"\n        [animation]=\"skeletonAnimation()\"\n        [ariaLabel]=\"'Loading image: ' + (alt() || 'Image')\">\n      </core-generic-skeleton>\n    </div>\n  }\n  \n  @if (!isImageLoading() && !hasImageError()) {\n    <img \n      [src]=\"src()\" \n      [alt]=\"alt()\"\n      [title]=\"title()\"\n      [loading]=\"loading()\"\n      [style.object-fit]=\"objectFit()\"\n      [style.border-radius]=\"borderRadius()\"\n      [style.cursor]=\"cursor()\"\n      (click)=\"onImageClick()\">\n  }\n  \n  @if (isImageLoading()) {\n    <img \n      [src]=\"src()\"\n      [alt]=\"alt()\"\n      style=\"display: none;\"\n      (load)=\"onImageLoad()\"\n      (error)=\"onImageError()\">\n  }\n  \n  @if (hasImageError()) {\n    <div class=\"c-img-preview__error\"\n         [style.width]=\"width() || '100%'\"\n         [style.height]=\"height() || '200px'\"\n         [style.border-radius]=\"borderRadius()\">\n      <div class=\"c-img-preview__error-content\">\n        <span class=\"c-img-preview__error-icon\">\uD83D\uDCF7</span>\n        <span class=\"c-img-preview__error-text\">Error al cargar imagen</span>\n      </div>\n    </div>\n  }\n  \n</div>", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: GenericSkeletonComponent, selector: "core-generic-skeleton", inputs: ["config", "items", "type", "size", "width", "height", "animated", "animation", "lines", "customClass", "ariaLabel"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: ImagePreviewComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'core-image-preview', standalone: true, imports: [CommonModule, GenericSkeletonComponent], template: "<div class=\"c-img-preview\" \n     [class.c-img-preview--loading]=\"isImageLoading() && showSkeleton()\"\n     [class.c-img-preview--error]=\"hasImageError()\"\n     [style.width]=\"width()\"\n     [style.height]=\"height()\"\n     [style.border-radius]=\"borderRadius()\"\n     [style.position]=\"isRelative() ? 'relative' : 'static'\">\n  \n  @if (isImageLoading() && showSkeleton()) {\n    <div class=\"c-img-preview__skeleton\"\n         (click)=\"onSkeletonClick()\">\n      <core-generic-skeleton \n        [type]=\"SkeletonType.IMAGE\"\n        [width]=\"width() || '100%'\"\n        [height]=\"height() || '200px'\"\n        [animation]=\"skeletonAnimation()\"\n        [ariaLabel]=\"'Loading image: ' + (alt() || 'Image')\">\n      </core-generic-skeleton>\n    </div>\n  }\n  \n  @if (!hasImageError()) {\n    <img \n      [src]=\"src()\" \n      [alt]=\"alt()\"\n      [title]=\"title()\"\n      [loading]=\"loading()\"\n      [style.object-fit]=\"objectFit()\"\n      [style.border-radius]=\"borderRadius()\"\n      [style.cursor]=\"cursor()\"\n      [style.display]=\"isImageLoading() && showSkeleton() ? 'none' : 'block'\"\n      (load)=\"onImageLoad()\"\n      (error)=\"onImageError()\"\n      (click)=\"onImageClick()\">\n  }\n  \n  @if (hasImageError()) {\n    <div class=\"c-img-preview__error\"\n         [style.width]=\"width() || '100%'\"\n         [style.height]=\"height() || '200px'\"\n         [style.border-radius]=\"borderRadius()\">\n      <div class=\"c-img-preview__error-content\">\n        <span class=\"c-img-preview__error-icon\">\uD83D\uDCF7</span>\n        <span class=\"c-img-preview__error-text\">Error al cargar imagen</span>\n      </div>\n    </div>\n  }\n  \n</div>" }]
+            args: [{ selector: 'core-image-preview', standalone: true, imports: [CommonModule, GenericSkeletonComponent], template: "<div class=\"c-img-preview\" \n     [class.c-img-preview--loading]=\"isImageLoading() && showSkeleton()\"\n     [class.c-img-preview--error]=\"hasImageError()\"\n     [style.width]=\"width()\"\n     [style.height]=\"height()\"\n     [style.border-radius]=\"borderRadius()\"\n     [style.position]=\"isRelative() ? 'relative' : 'static'\">\n  \n  @if (isImageLoading() && showSkeleton()) {\n    <div class=\"c-img-preview__skeleton\"\n         (click)=\"onSkeletonClick()\">\n      <core-generic-skeleton \n        [type]=\"SkeletonType.IMAGE\"\n        [width]=\"width() || '100%'\"\n        [height]=\"height() || '200px'\"\n        [animation]=\"skeletonAnimation()\"\n        [ariaLabel]=\"'Loading image: ' + (alt() || 'Image')\">\n      </core-generic-skeleton>\n    </div>\n  }\n  \n  @if (!isImageLoading() && !hasImageError()) {\n    <img \n      [src]=\"src()\" \n      [alt]=\"alt()\"\n      [title]=\"title()\"\n      [loading]=\"loading()\"\n      [style.object-fit]=\"objectFit()\"\n      [style.border-radius]=\"borderRadius()\"\n      [style.cursor]=\"cursor()\"\n      (click)=\"onImageClick()\">\n  }\n  \n  @if (isImageLoading()) {\n    <img \n      [src]=\"src()\"\n      [alt]=\"alt()\"\n      style=\"display: none;\"\n      (load)=\"onImageLoad()\"\n      (error)=\"onImageError()\">\n  }\n  \n  @if (hasImageError()) {\n    <div class=\"c-img-preview__error\"\n         [style.width]=\"width() || '100%'\"\n         [style.height]=\"height() || '200px'\"\n         [style.border-radius]=\"borderRadius()\">\n      <div class=\"c-img-preview__error-content\">\n        <span class=\"c-img-preview__error-icon\">\uD83D\uDCF7</span>\n        <span class=\"c-img-preview__error-text\">Error al cargar imagen</span>\n      </div>\n    </div>\n  }\n  \n</div>" }]
         }] });
 
 class FileFieldComponent extends BaseFieldComponent {
@@ -11985,11 +11985,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
 // Este archivo es generado automáticamente por scripts/update-version.js
 // No edites manualmente este archivo
 const VERSION = {
-    full: '2.12.14',
+    full: '2.12.16',
     major: 2,
     minor: 12,
-    patch: 14,
-    timestamp: '2025-09-08T19:40:24.625Z',
+    patch: 16,
+    timestamp: '2025-09-08T20:21:04.064Z',
     buildDate: '8/9/2025'
 };
 
@@ -13580,6 +13580,1293 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
                 args: ['keydown', ['$event']]
             }] } });
 
+var ChatMessageType;
+(function (ChatMessageType) {
+    ChatMessageType["TEXT"] = "text";
+    ChatMessageType["IMAGE"] = "image";
+    ChatMessageType["FILE"] = "file";
+    ChatMessageType["SYSTEM"] = "system";
+    ChatMessageType["NOTIFICATION"] = "notification";
+    ChatMessageType["CUSTOM"] = "custom";
+})(ChatMessageType || (ChatMessageType = {}));
+
+var ChatMessagePosition;
+(function (ChatMessagePosition) {
+    ChatMessagePosition["LEFT"] = "left";
+    ChatMessagePosition["RIGHT"] = "right";
+})(ChatMessagePosition || (ChatMessagePosition = {}));
+
+var FilePreviewActionType;
+(function (FilePreviewActionType) {
+    FilePreviewActionType["DOWNLOAD"] = "download";
+    FilePreviewActionType["DELETE"] = "delete";
+    FilePreviewActionType["PREVIEW"] = "preview";
+})(FilePreviewActionType || (FilePreviewActionType = {}));
+
+class GenericChatService {
+    constructor() { }
+    formatTimestamp(timestamp, format) {
+        if (!timestamp)
+            return '';
+        const timeFormat = format || 'dd/MM/yyyy HH:mm';
+        if (timeFormat === 'dd/MM/yyyy HH:mm') {
+            const day = timestamp.getDate().toString().padStart(2, '0');
+            const month = (timestamp.getMonth() + 1).toString().padStart(2, '0');
+            const year = timestamp.getFullYear();
+            const hours = timestamp.getHours().toString().padStart(2, '0');
+            const minutes = timestamp.getMinutes().toString().padStart(2, '0');
+            return `${day}/${month}/${year} ${hours}:${minutes}`;
+        }
+        if (timeFormat === 'HH:mm') {
+            const hours = timestamp.getHours().toString().padStart(2, '0');
+            const minutes = timestamp.getMinutes().toString().padStart(2, '0');
+            return `${hours}:${minutes}`;
+        }
+        return timestamp.toLocaleTimeString();
+    }
+    formatDate(timestamp, format) {
+        if (!timestamp)
+            return '';
+        const dateFormat = format || 'dd/MM/yyyy';
+        if (dateFormat === 'dd/MM/yyyy') {
+            const day = timestamp.getDate().toString().padStart(2, '0');
+            const month = (timestamp.getMonth() + 1).toString().padStart(2, '0');
+            const year = timestamp.getFullYear();
+            return `${day}/${month}/${year}`;
+        }
+        return timestamp.toLocaleDateString();
+    }
+    shouldUseCustomTemplate(message, config) {
+        return message.type === ChatMessageType.CUSTOM &&
+            !!config.customMessageTemplates &&
+            !!message.customData?.templateKey &&
+            !!config.customMessageTemplates.has(message.customData.templateKey);
+    }
+    getMessageClasses(message, config) {
+        const baseClass = 'c-chat-bubble';
+        const positionClass = message.position === 'right' ? 'c-chat-bubble--right' : '';
+        const customClass = message.customClass || '';
+        const configClass = config.customCssClasses?.messageItem || '';
+        return [baseClass, positionClass, customClass, configClass]
+            .filter(cls => cls.length > 0)
+            .join(' ');
+    }
+    getContentClasses(message, config) {
+        const baseClass = 'c-chat-bubble__content';
+        const typeClass = message.type ? `c-chat-bubble__content--${message.type}` : '';
+        const configClass = config.customCssClasses?.messageItem || '';
+        return [baseClass, typeClass, configClass]
+            .filter(cls => cls.length > 0)
+            .join(' ');
+    }
+    getTimestampClasses(config) {
+        const baseClass = 'c-chat-bubble__timestamp';
+        const configClass = config.customCssClasses?.messageItem || '';
+        return [baseClass, configClass]
+            .filter(cls => cls.length > 0)
+            .join(' ');
+    }
+    getImageClasses(config) {
+        const baseClass = 'c-chat-bubble__image';
+        const configClass = config.customCssClasses?.messageItem || '';
+        return [baseClass, configClass]
+            .filter(cls => cls.length > 0)
+            .join(' ');
+    }
+    validateMessage(message) {
+        if (!message)
+            return false;
+        if (!message.id || !message.content)
+            return false;
+        if (!message.timestamp)
+            return false;
+        if (!message.type)
+            return false;
+        return true;
+    }
+    getDefaultConfig() {
+        return {
+            maxHeight: '400px',
+            placeholder: 'Escribe tu mensaje...',
+            showTimestamps: true,
+            showAvatars: true,
+            showTypingIndicator: false,
+            allowFileAttachments: false,
+            allowEmojis: false,
+            maxMessages: 100,
+            readOnly: false,
+            autoScroll: true,
+            dateFormat: 'dd/MM/yyyy',
+            timeFormat: 'HH:mm',
+            groupByDate: false,
+            theme: 'light'
+        };
+    }
+    mergeConfig(userConfig) {
+        return { ...this.getDefaultConfig(), ...userConfig };
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: GenericChatService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: GenericChatService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: GenericChatService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [] });
+
+class CoreUiTranslateService {
+    translateService = inject(TranslateService);
+    initialize(defaultLang = 'es', currentLang) {
+        this.translateService.setDefaultLang(defaultLang);
+        this.translateService.use(currentLang || defaultLang);
+    }
+    changeLanguage(lang) {
+        return this.translateService.use(lang);
+    }
+    instant(key, params) {
+        return this.translateService.instant(key, params);
+    }
+    get(key, params) {
+        return this.translateService.get(key, params);
+    }
+    getMany(keys, params) {
+        return this.translateService.get(keys, params);
+    }
+    getCurrentLang() {
+        return this.translateService.currentLang;
+    }
+    getDefaultLang() {
+        return this.translateService.getDefaultLang();
+    }
+    getTranslateService() {
+        return this.translateService;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: CoreUiTranslateService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: CoreUiTranslateService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: CoreUiTranslateService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }] });
+
+const PERMISSION_RESOURCES_PROVIDER = new InjectionToken('PERMISSION_RESOURCES_PROVIDER');
+const PERMISSION_ACTIONS_PROVIDER = new InjectionToken('PERMISSION_ACTIONS_PROVIDER');
+
+class PermissionEnumsService {
+    externalResources = inject(PERMISSION_RESOURCES_PROVIDER, { optional: true });
+    externalActions = inject(PERMISSION_ACTIONS_PROVIDER, { optional: true });
+    getResources() {
+        return this.externalResources || PermissionsResources;
+    }
+    getActions() {
+        return this.externalActions || PermissionsActions;
+    }
+    getResourceValue(key) {
+        const resources = this.getResources();
+        return resources[key];
+    }
+    getActionValue(key) {
+        const actions = this.getActions();
+        return actions[key];
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: PermissionEnumsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: PermissionEnumsService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: PermissionEnumsService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }] });
+
+class TranslationMergeService {
+    http;
+    constructor(http) {
+        this.http = http;
+    }
+    loadCombinedTranslations(lang, projectPath = './assets/i18n/', projectFileName = 'main.json', corePath = './assets/i18n/', coreFileName = 'common.json', useNodeModules = false) {
+        const projectUrl = `${projectPath}${lang}/${projectFileName}`;
+        const projectTranslations$ = this.http.get(projectUrl).pipe(catchError$1(error => {
+            console.warn(`No se pudieron cargar las traducciones del proyecto desde: ${projectUrl}`, error);
+            return of({});
+        }));
+        const coreTranslations$ = useNodeModules
+            ? this.loadCoreTranslationsWithFallback(lang, coreFileName)
+            : this.http.get(`${corePath}${lang}/${coreFileName}`).pipe(catchError$1(error => {
+                console.warn(`No se pudieron cargar las traducciones del core-ui desde: ${corePath}${lang}/${coreFileName}`, error);
+                return of({});
+            }));
+        return forkJoin({
+            project: projectTranslations$,
+            core: coreTranslations$
+        }).pipe(map$1(({ project, core }) => {
+            const merged = this.mergeWithProjectPriority(core, project);
+            return merged;
+        }));
+    }
+    loadCoreTranslationsWithFallback(lang, coreFileName) {
+        const possiblePaths = [
+            `./assets/i18n/${lang}/${coreFileName}`,
+            `./node_modules/@solcre-org/core-ui/assets/i18n/${lang}/${coreFileName}`,
+            `./i18n/${lang}/${coreFileName}`,
+        ];
+        return this.tryLoadFromPaths(possiblePaths, 0);
+    }
+    tryLoadFromPaths(paths, index) {
+        if (index >= paths.length) {
+            console.warn('No se pudieron cargar las traducciones del core-ui desde ninguna ruta');
+            return of({});
+        }
+        const currentPath = paths[index];
+        return this.http.get(currentPath).pipe(catchError$1(error => {
+            console.warn(`Fallo al cargar desde: ${currentPath}`, error);
+            return this.tryLoadFromPaths(paths, index + 1);
+        }));
+    }
+    mergeWithProjectPriority(coreTranslations, projectTranslations) {
+        const result = { ...coreTranslations };
+        for (const key in projectTranslations) {
+            if (projectTranslations.hasOwnProperty(key)) {
+                if (projectTranslations[key] &&
+                    typeof projectTranslations[key] === 'object' &&
+                    !Array.isArray(projectTranslations[key]) &&
+                    result[key] &&
+                    typeof result[key] === 'object' &&
+                    !Array.isArray(result[key])) {
+                    result[key] = this.mergeWithProjectPriority(result[key], projectTranslations[key]);
+                }
+                else {
+                    result[key] = projectTranslations[key];
+                }
+            }
+        }
+        return result;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: TranslationMergeService, deps: [{ token: i1$1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: TranslationMergeService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: TranslationMergeService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [{ type: i1$1.HttpClient }] });
+
+var FilePreviewType;
+(function (FilePreviewType) {
+    FilePreviewType["IMAGE"] = "image";
+    FilePreviewType["PDF"] = "pdf";
+    FilePreviewType["DOCUMENT"] = "document";
+    FilePreviewType["SPREADSHEET"] = "spreadsheet";
+    FilePreviewType["VIDEO"] = "video";
+    FilePreviewType["AUDIO"] = "audio";
+    FilePreviewType["ARCHIVE"] = "archive";
+    FilePreviewType["OTHER"] = "other";
+})(FilePreviewType || (FilePreviewType = {}));
+const FILE_TYPE_MAPPINGS = {
+    'image/jpeg': FilePreviewType.IMAGE,
+    'image/jpg': FilePreviewType.IMAGE,
+    'image/png': FilePreviewType.IMAGE,
+    'image/gif': FilePreviewType.IMAGE,
+    'image/webp': FilePreviewType.IMAGE,
+    'image/svg+xml': FilePreviewType.IMAGE,
+    'application/pdf': FilePreviewType.PDF,
+    'application/msword': FilePreviewType.DOCUMENT,
+    'application/vnd.openxmlformats-officedocument.wordprocessingml.document': FilePreviewType.DOCUMENT,
+    'text/plain': FilePreviewType.DOCUMENT,
+    'text/rtf': FilePreviewType.DOCUMENT,
+    'application/vnd.ms-excel': FilePreviewType.SPREADSHEET,
+    'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet': FilePreviewType.SPREADSHEET,
+    'text/csv': FilePreviewType.SPREADSHEET,
+    'video/mp4': FilePreviewType.VIDEO,
+    'video/webm': FilePreviewType.VIDEO,
+    'video/ogg': FilePreviewType.VIDEO,
+    'video/avi': FilePreviewType.VIDEO,
+    'video/mov': FilePreviewType.VIDEO,
+    'audio/mp3': FilePreviewType.AUDIO,
+    'audio/wav': FilePreviewType.AUDIO,
+    'audio/ogg': FilePreviewType.AUDIO,
+    'audio/mpeg': FilePreviewType.AUDIO,
+    'application/zip': FilePreviewType.ARCHIVE,
+    'application/x-rar-compressed': FilePreviewType.ARCHIVE,
+    'application/x-tar': FilePreviewType.ARCHIVE,
+    'application/gzip': FilePreviewType.ARCHIVE
+};
+function getFilePreviewType(contentType) {
+    return FILE_TYPE_MAPPINGS[contentType] || FilePreviewType.OTHER;
+}
+
+class FilePreviewService {
+    fileUploadService = inject(FileUploadService);
+    imageCache = new Map();
+    convertFileModelToPreviewItem(fileModel) {
+        let contentType = fileModel.type;
+        if (!contentType && fileModel.content_type) {
+            contentType = fileModel.content_type;
+        }
+        if (!contentType && fileModel.filename) {
+            const extension = fileModel.filename.toLowerCase().split('.').pop();
+            switch (extension) {
+                case 'png':
+                    contentType = 'image/png';
+                    break;
+                case 'jpg':
+                case 'jpeg':
+                    contentType = 'image/jpeg';
+                    break;
+                case 'gif':
+                    contentType = 'image/gif';
+                    break;
+                case 'pdf':
+                    contentType = 'application/pdf';
+                    break;
+                default:
+                    contentType = 'application/octet-stream';
+            }
+        }
+        const previewItem = {
+            id: fileModel.id,
+            filename: fileModel.filename,
+            size: fileModel.size,
+            contentType: contentType,
+            uploadedBy: fileModel.uploaded_by
+                ? `${fileModel.uploaded_by.first_name} ${fileModel.uploaded_by.last_name}`.trim()
+                : 'Usuario desconocido',
+            uploadedDate: fileModel.created_at ? new Date(fileModel.created_at) : new Date(),
+            s3Key: fileModel.s3_key,
+            canDownload: true,
+            canDelete: false,
+            fileModel: fileModel
+        };
+        return previewItem;
+    }
+    convertFileModelsToPreviewItems(fileModels) {
+        return fileModels.map(file => this.convertFileModelToPreviewItem(file));
+    }
+    getFileIcon(contentType) {
+        const fileType = getFilePreviewType(contentType);
+        switch (fileType) {
+            case FilePreviewType.IMAGE:
+                return 'icon-image';
+            default:
+                return 'icon-file';
+        }
+    }
+    formatFileSize(bytes) {
+        if (bytes === 0)
+            return '0 B';
+        const k = 1024;
+        const sizes = ['B', 'KB', 'MB', 'GB', 'TB'];
+        const i = Math.floor(Math.log(bytes) / Math.log(k));
+        return parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + ' ' + sizes[i];
+    }
+    truncateFilename(filename, maxLength = 30) {
+        if (filename.length <= maxLength)
+            return filename;
+        const extension = filename.split('.').pop() || '';
+        const nameWithoutExtension = filename.substring(0, filename.lastIndexOf('.')) || filename;
+        const truncatedName = nameWithoutExtension.substring(0, maxLength - extension.length - 4) + '...';
+        return extension ? `${truncatedName}.${extension}` : truncatedName;
+    }
+    isImage(contentType) {
+        const result = getFilePreviewType(contentType) === FilePreviewType.IMAGE;
+        return result;
+    }
+    generateThumbnailUrl(file) {
+        if (!this.isImage(file.contentType))
+            return null;
+        return null;
+    }
+    /**
+     * Genera una vista previa real de la imagen desde S3
+     * @param file FilePreviewItem con los datos del archivo
+     * @param maxWidth Ancho máximo de la vista previa (default: 300px)
+     * @param maxHeight Alto máximo de la vista previa (default: 200px)
+     * @returns Observable<string> con la imagen en formato base64 o null si hay error
+     */
+    generateImagePreview(file, maxWidth = 300, maxHeight = 200) {
+        if (!this.isImage(file.contentType) || !file.s3Key) {
+            return of(null);
+        }
+        const cacheKey = `${file.s3Key}_${maxWidth}x${maxHeight}`;
+        const cachedImage = this.imageCache.get(cacheKey);
+        if (cachedImage) {
+            return of(cachedImage);
+        }
+        return from(this.downloadAndProcessImage(file, maxWidth, maxHeight, cacheKey)).pipe(catchError(error => {
+            console.error('Error generando vista previa de imagen:', error);
+            return of(null);
+        }));
+    }
+    async downloadAndProcessImage(file, maxWidth, maxHeight, cacheKey) {
+        try {
+            const downloadUrlObservable = this.fileUploadService.getPresignedDownloadUrl(file.s3Key);
+            const downloadUrl = await downloadUrlObservable.toPromise();
+            if (!downloadUrl) {
+                console.warn('No se pudo obtener URL de descarga para:', file.s3Key);
+                return null;
+            }
+            const response = await fetch(downloadUrl);
+            if (!response.ok) {
+                throw new Error(`HTTP error! status: ${response.status}`);
+            }
+            const blob = await response.blob();
+            const processedImage = await this.resizeImage(blob, maxWidth, maxHeight);
+            this.imageCache.set(cacheKey, processedImage);
+            return processedImage;
+        }
+        catch (error) {
+            console.error('Error descargando y procesando imagen:', error);
+            return null;
+        }
+    }
+    resizeImage(blob, maxWidth, maxHeight) {
+        return new Promise((resolve, reject) => {
+            const img = new Image();
+            const canvas = document.createElement('canvas');
+            const ctx = canvas.getContext('2d');
+            if (!ctx) {
+                reject(new Error('No se pudo obtener contexto del canvas'));
+                return;
+            }
+            img.onload = () => {
+                let { width, height } = img;
+                const aspectRatio = width / height;
+                if (width > height) {
+                    if (width > maxWidth) {
+                        width = maxWidth;
+                        height = width / aspectRatio;
+                    }
+                }
+                else {
+                    if (height > maxHeight) {
+                        height = maxHeight;
+                        width = height * aspectRatio;
+                    }
+                }
+                if (width > maxWidth) {
+                    width = maxWidth;
+                    height = width / aspectRatio;
+                }
+                if (height > maxHeight) {
+                    height = maxHeight;
+                    width = height * aspectRatio;
+                }
+                canvas.width = width;
+                canvas.height = height;
+                ctx.drawImage(img, 0, 0, width, height);
+                const dataUrl = canvas.toDataURL('image/jpeg', 0.8);
+                resolve(dataUrl);
+            };
+            img.onerror = () => {
+                reject(new Error('Error cargando imagen'));
+            };
+            img.src = URL.createObjectURL(blob);
+        });
+    }
+    clearImageCache() {
+        this.imageCache.clear();
+    }
+    generateMultipleImagePreviews(files, maxWidth = 300, maxHeight = 200) {
+        const results = new Map();
+        const imageFiles = files.filter(file => this.isImage(file.contentType));
+        if (imageFiles.length === 0) {
+            return of(results);
+        }
+        return from(Promise.all(imageFiles.map(async (file) => {
+            const preview = await this.generateImagePreview(file, maxWidth, maxHeight).toPromise();
+            results.set(file.id.toString(), preview || null);
+            return { id: file.id, preview };
+        }))).pipe(catchError(error => {
+            console.error('Error generando vistas previas múltiples:', error);
+            return of(results);
+        }), () => of(results));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: FilePreviewService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: FilePreviewService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: FilePreviewService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }] });
+
+class FilePreviewComponent {
+    filePreviewService = inject(FilePreviewService);
+    fileModels = input([]);
+    files = input([]);
+    config = input({
+        showUploadDate: true,
+        showUploadedBy: true,
+        showFileSize: true,
+        allowDownload: true,
+        allowDelete: false,
+        maxFilenameLength: 30,
+        dateFormat: 'dd/MM/yyyy HH:mm',
+        emptyStateMessage: 'file_preview.no_files',
+        emptyStateIcon: 'icon-file-not-found',
+        gridColumns: 1,
+        showThumbnails: true
+    });
+    actionTriggered = output();
+    isModalVisible = signal(false);
+    modalImageSrc = signal('');
+    // modalImageAlt = signal<string>('');
+    getDeleteButtonConfig(file) {
+        return {
+            type: ButtonType.ICON,
+            context: ButtonContext.ERROR,
+            size: ButtonSize.SMALL,
+            text: '',
+            icon: 'icon-trash',
+            iconPosition: 'left',
+            customClass: 'delete-btn'
+        };
+    }
+    processedFiles = computed(() => {
+        const directFiles = this.files();
+        if (directFiles.length > 0) {
+            return directFiles;
+        }
+        const models = this.fileModels();
+        return this.filePreviewService.convertFileModelsToPreviewItems(models);
+    });
+    onAction(actionType, file) {
+        const action = {
+            type: actionType,
+            file: file
+        };
+        this.actionTriggered.emit(action);
+    }
+    openImageModal(imageSrc, imageAlt) {
+        this.modalImageSrc.set(imageSrc);
+        // this.modalImageAlt.set(imageAlt);
+        this.isModalVisible.set(true);
+    }
+    closeImageModal() {
+        this.isModalVisible.set(false);
+        this.modalImageSrc.set('');
+        // this.modalImageAlt.set('');
+    }
+    formatDate(date) {
+        const config = this.config();
+        return date.toLocaleDateString('es-ES', {
+            day: '2-digit',
+            month: '2-digit',
+            year: 'numeric',
+            hour: '2-digit',
+            minute: '2-digit'
+        });
+    }
+    getGridColumns() {
+        const columns = this.config().gridColumns || 1;
+        return `repeat(${columns}, 1fr)`;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: FilePreviewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: FilePreviewComponent, isStandalone: true, selector: "core-file-preview", inputs: { fileModels: { classPropertyName: "fileModels", publicName: "fileModels", isSignal: true, isRequired: false, transformFunction: null }, files: { classPropertyName: "files", publicName: "files", isSignal: true, isRequired: false, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { actionTriggered: "actionTriggered" }, ngImport: i0, template: "<div class=\"c-attachments\">\n  @if (processedFiles().length === 0) {\n    <p class=\"c-placeholder u-push-t\">\n      <span [class]=\"config().emptyStateIcon || 'icon-file-not-found'\"></span>\n      {{ config().emptyStateMessage || 'file_preview.no_files' | translate }}\n    </p>\n  } @else {\n    <ul class=\"c-attachments__list\">\n      @for (file of processedFiles(); track file.id) {\n\n\n        <li class=\"c-attachments__item\">\n\n          <div class=\"c-bulleted-text\">\n            @if (config().showUploadDate) {\n              <time>\n                {{ formatDate(file.uploadedDate) }}\n              </time>\n            }\n            @if (config().showUploadedBy) {\n              <span>\n                {{ file.uploadedBy }}\n              </span>\n            }\n          </div>\n\n          <div class=\"c-attachments__holder\">\n            <div class=\"c-attachments__content\">\n              @if (filePreviewService.isImage(file.contentType)) {\n                @if (file.thumbnailUrl) {\n                  <div class=\"c-attachments__pic\">\n                    <picture class=\"c-img-preview c-pic\">\n                      <img \n                        [src]=\"file.thumbnailUrl\" \n                        [alt]=\"file.filename\" \n                        class=\"js-img-preview\"\n                        (click)=\"openImageModal(file.thumbnailUrl, file.filename)\">\n                    </picture>\n                  </div>\n                } @else {\n                  <span [class]=\"filePreviewService.getFileIcon(file.contentType)\" class=\"file-icon\"></span>\n                }\n              } @else {\n                <span [class]=\"filePreviewService.getFileIcon(file.contentType)\" class=\"file-icon\"></span>\n              }\n\n              <div class=\"c-attachments__text\">\n                @if (config().showFilename !== false && (!filePreviewService.isImage(file.contentType) || config().showFilename === true)) {\n                  @if (config().allowDownload && file.canDownload) {\n                    <a class=\"c-attachments__name-file c-attachments__name-file--clickable\" \n                       [title]=\"'Haz clic para descargar: ' + file.filename\"\n                       (click)=\"onAction('download', file)\">\n                      {{ filePreviewService.truncateFilename(file.filename, config().maxFilenameLength || 30) }}\n                    </a>\n                  } @else {\n                    <span class=\"c-attachments__name-file\" [title]=\"file.filename\">\n                      {{ filePreviewService.truncateFilename(file.filename, config().maxFilenameLength || 30) }}\n                    </span>\n                  }\n                }\n                @if (config().showFileSize) {\n                  <span class=\"c-attachments__file-size\">\n                    {{ filePreviewService.formatFileSize(file.size) }}\n                  </span>\n                }\n              </div>\n            </div>\n\n              \n\n              <div class=\"c-attachments__actions u-flex u-flex--wrap\">\n                @if (config().allowDelete && file.canDelete) {\n                  <core-generic-button \n                    [config]=\"getDeleteButtonConfig(file)\"\n                    (buttonClick)=\"onAction('delete', file)\">\n                  </core-generic-button>\n                }\n              </div>\n            </div>\n        </li>\n      }\n    </ul>\n  }\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }, { kind: "component", type: GenericButtonComponent, selector: "core-generic-button", inputs: ["config", "data"], outputs: ["buttonClick"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: FilePreviewComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'core-file-preview', standalone: true, imports: [CommonModule, TranslateModule, GenericButtonComponent], template: "<div class=\"c-attachments\">\n  @if (processedFiles().length === 0) {\n    <p class=\"c-placeholder u-push-t\">\n      <span [class]=\"config().emptyStateIcon || 'icon-file-not-found'\"></span>\n      {{ config().emptyStateMessage || 'file_preview.no_files' | translate }}\n    </p>\n  } @else {\n    <ul class=\"c-attachments__list\">\n      @for (file of processedFiles(); track file.id) {\n\n\n        <li class=\"c-attachments__item\">\n\n          <div class=\"c-bulleted-text\">\n            @if (config().showUploadDate) {\n              <time>\n                {{ formatDate(file.uploadedDate) }}\n              </time>\n            }\n            @if (config().showUploadedBy) {\n              <span>\n                {{ file.uploadedBy }}\n              </span>\n            }\n          </div>\n\n          <div class=\"c-attachments__holder\">\n            <div class=\"c-attachments__content\">\n              @if (filePreviewService.isImage(file.contentType)) {\n                @if (file.thumbnailUrl) {\n                  <div class=\"c-attachments__pic\">\n                    <picture class=\"c-img-preview c-pic\">\n                      <img \n                        [src]=\"file.thumbnailUrl\" \n                        [alt]=\"file.filename\" \n                        class=\"js-img-preview\"\n                        (click)=\"openImageModal(file.thumbnailUrl, file.filename)\">\n                    </picture>\n                  </div>\n                } @else {\n                  <span [class]=\"filePreviewService.getFileIcon(file.contentType)\" class=\"file-icon\"></span>\n                }\n              } @else {\n                <span [class]=\"filePreviewService.getFileIcon(file.contentType)\" class=\"file-icon\"></span>\n              }\n\n              <div class=\"c-attachments__text\">\n                @if (config().showFilename !== false && (!filePreviewService.isImage(file.contentType) || config().showFilename === true)) {\n                  @if (config().allowDownload && file.canDownload) {\n                    <a class=\"c-attachments__name-file c-attachments__name-file--clickable\" \n                       [title]=\"'Haz clic para descargar: ' + file.filename\"\n                       (click)=\"onAction('download', file)\">\n                      {{ filePreviewService.truncateFilename(file.filename, config().maxFilenameLength || 30) }}\n                    </a>\n                  } @else {\n                    <span class=\"c-attachments__name-file\" [title]=\"file.filename\">\n                      {{ filePreviewService.truncateFilename(file.filename, config().maxFilenameLength || 30) }}\n                    </span>\n                  }\n                }\n                @if (config().showFileSize) {\n                  <span class=\"c-attachments__file-size\">\n                    {{ filePreviewService.formatFileSize(file.size) }}\n                  </span>\n                }\n              </div>\n            </div>\n\n              \n\n              <div class=\"c-attachments__actions u-flex u-flex--wrap\">\n                @if (config().allowDelete && file.canDelete) {\n                  <core-generic-button \n                    [config]=\"getDeleteButtonConfig(file)\"\n                    (buttonClick)=\"onAction('delete', file)\">\n                  </core-generic-button>\n                }\n              </div>\n            </div>\n        </li>\n      }\n    </ul>\n  }\n</div>\n" }]
+        }] });
+
+class GenericChatComponent {
+    chatService;
+    elementRef = inject(ElementRef);
+    sanitizer = inject(DomSanitizer);
+    authService = inject(AuthService);
+    messages = input([]);
+    config = input({});
+    isTyping = input(false);
+    customTemplates = input(new Map());
+    messagesSent = output();
+    imageClicked = output();
+    fileClicked = output();
+    fileSelected = output();
+    filesSelected = output();
+    typingStatusChanged = output();
+    modalClosed = output();
+    attachmentAction = output();
+    sendingStatusChanged = output();
+    loadMoreMessages = output();
+    messagesContainer = viewChild('messagesContainer');
+    modalMessagesContainer = viewChild('modalMessagesContainer');
+    messageInput = viewChild('messageInput');
+    fileInput = viewChild('fileInput');
+    currentMessage = signal('');
+    showImageModal = signal(false);
+    selectedImage = signal('');
+    selectedFile = signal(null);
+    selectedFiles = signal([]);
+    isClosing = signal(false);
+    isSending = signal(false);
+    messageTypes = ChatMessageType;
+    isLoadingMore = signal(false);
+    hasMoreMessages = signal(true);
+    currentPage = signal(1);
+    hasInitialLoad = signal(false);
+    mergedConfig = computed(() => {
+        const config = this.chatService.mergeConfig(this.config());
+        if (config.enableInfiniteScroll === undefined) {
+            config.enableInfiniteScroll = true;
+        }
+        if (config.pageSize === undefined) {
+            config.pageSize = 20;
+        }
+        if (config.loadMoreThreshold === undefined) {
+            config.loadMoreThreshold = 100;
+        }
+        return config;
+    });
+    chronologicalMessages = computed(() => {
+        const originalMessages = this.messages();
+        if (originalMessages.length === 0)
+            return originalMessages;
+        let isChronological = true;
+        if (originalMessages.length > 1) {
+            const firstDate = this.parseTimestamp(originalMessages[0].timestamp);
+            const secondDate = this.parseTimestamp(originalMessages[1].timestamp);
+            isChronological = firstDate <= secondDate;
+        }
+        return isChronological ? originalMessages : [...originalMessages].reverse();
+    });
+    shouldShowDateSeparator = computed(() => {
+        const messages = this.chronologicalMessages();
+        const shouldShow = new Map();
+        for (let i = 0; i < messages.length; i++) {
+            const currentMessage = messages[i];
+            const messageId = currentMessage.id;
+            if (i === 0) {
+                shouldShow.set(messageId, true);
+            }
+            else {
+                const previousMessage = messages[i - 1];
+                const currentDate = this.parseTimestamp(currentMessage.timestamp);
+                const previousDate = this.parseTimestamp(previousMessage.timestamp);
+                const isDifferentDay = currentDate.toDateString() !== previousDate.toDateString();
+                shouldShow.set(messageId, isDifferentDay);
+            }
+        }
+        return shouldShow;
+    });
+    trackByMessage = (index, message) => {
+        return `${message.id}_${index}`;
+    };
+    trackByChronologicalMessage = (index, message) => {
+        return `chrono_${message.id}_${index}_${message.timestamp}`;
+    };
+    parseTimestamp(timestamp) {
+        if (timestamp instanceof Date) {
+            return timestamp;
+        }
+        const timestampStr = timestamp.toString();
+        const ddmmyyyyRegex = /^(\d{2})-(\d{2})-(\d{4})(\s+\d{2}:\d{2})?/;
+        const match = timestampStr.match(ddmmyyyyRegex);
+        if (match) {
+            const day = parseInt(match[1], 10);
+            const month = parseInt(match[2], 10) - 1;
+            const year = parseInt(match[3], 10);
+            const timeStr = match[4] || '';
+            const date = new Date(year, month, day);
+            if (timeStr.trim()) {
+                const timeMatch = timeStr.trim().match(/(\d{2}):(\d{2})/);
+                if (timeMatch) {
+                    const hours = parseInt(timeMatch[1], 10);
+                    const minutes = parseInt(timeMatch[2], 10);
+                    date.setHours(hours, minutes);
+                }
+            }
+            return date;
+        }
+        return new Date(timestampStr);
+    }
+    getDateSeparatorText(timestamp) {
+        const today = new Date();
+        const messageDate = this.parseTimestamp(timestamp);
+        const todayStr = today.toDateString();
+        const messageDateStr = messageDate.toDateString();
+        if (messageDateStr === todayStr) {
+            return 'Hoy';
+        }
+        const yesterday = new Date(today);
+        yesterday.setDate(yesterday.getDate() - 1);
+        if (messageDateStr === yesterday.toDateString()) {
+            return 'Ayer';
+        }
+        return messageDate.toLocaleDateString('es-ES', {
+            weekday: 'long',
+            year: 'numeric',
+            month: 'long',
+            day: 'numeric'
+        });
+    }
+    closeButtonConfig = computed(() => ({
+        type: ButtonType.ICON,
+        icon: 'icon-cross',
+        ariaLabel: 'modal.close',
+        customClass: 'c-modal__close'
+    }));
+    getFilePreviewConfig(attachments) {
+        if (!attachments || attachments.length === 0) {
+            return {};
+        }
+        const hasNonImageFiles = attachments.some(file => !file.contentType || !file.contentType.startsWith('image/'));
+        return {
+            showUploadDate: false,
+            showUploadedBy: false,
+            showFileSize: hasNonImageFiles,
+            allowDownload: hasNonImageFiles,
+            allowDelete: false,
+            maxFilenameLength: 25,
+            emptyStateMessage: '',
+            emptyStateIcon: '',
+            showThumbnails: true,
+            gridColumns: 1,
+            showFilename: hasNonImageFiles
+        };
+    }
+    separateFilesByType(attachments) {
+        if (!attachments || attachments.length === 0) {
+            return { images: [], files: [] };
+        }
+        const images = attachments.filter(file => file.contentType && file.contentType.startsWith('image/'));
+        const files = attachments.filter(file => !file.contentType || !file.contentType.startsWith('image/'));
+        return { images, files };
+    }
+    getImagePreviewConfig(images) {
+        return {
+            showUploadDate: false,
+            showUploadedBy: false,
+            showFileSize: false,
+            allowDownload: true,
+            allowDelete: false,
+            maxFilenameLength: 25,
+            emptyStateMessage: '',
+            emptyStateIcon: '',
+            showThumbnails: true,
+            gridColumns: images.length,
+            showFilename: false,
+            containerClass: 'file-preview-images-inline'
+        };
+    }
+    getFileOnlyPreviewConfig(files) {
+        return {
+            showUploadDate: false,
+            showUploadedBy: false,
+            showFileSize: true,
+            allowDownload: true,
+            allowDelete: false,
+            maxFilenameLength: 25,
+            emptyStateMessage: '',
+            emptyStateIcon: '',
+            showThumbnails: false,
+            gridColumns: 1,
+            showFilename: true,
+            containerClass: 'file-preview-files-column'
+        };
+    }
+    isImageFile(file) {
+        const imageTypes = ['image/jpeg', 'image/jpg', 'image/png', 'image/gif', 'image/webp', 'image/svg+xml'];
+        const isImage = imageTypes.includes(file.type);
+        return isImage;
+    }
+    isImageFilePreview(file) {
+        const imageTypes = ['image/jpeg', 'image/jpg', 'image/png', 'image/gif', 'image/webp', 'image/svg+xml'];
+        return imageTypes.includes(file.contentType);
+    }
+    filePreviewUrls = new Map();
+    createImagePreview(file) {
+        if (this.filePreviewUrls.has(file)) {
+            const existingUrl = this.filePreviewUrls.get(file);
+            return existingUrl;
+        }
+        try {
+            const url = URL.createObjectURL(file);
+            this.filePreviewUrls.set(file, url);
+            this.imagePreviewUrls.add(url);
+            return url;
+        }
+        catch (error) {
+            console.error('Error creating image preview:', error);
+            return '/images/static/img-placeholder.svg';
+        }
+    }
+    getImagePreviewUrl(file) {
+        if (!file || !this.isImageFile(file)) {
+            return '/images/static/img-placeholder.svg';
+        }
+        return this.createImagePreview(file);
+    }
+    getAttachmentPreviewUrl(file) {
+        if (!file) {
+            return null;
+        }
+        if (this.isImageFilePreview(file) && file.thumbnailUrl) {
+            return file.thumbnailUrl;
+        }
+        return file.url || file.src || null;
+    }
+    getAttachmentPlaceholderUrl(file) {
+        if (!file) {
+            return '/images/static/img-placeholder.svg';
+        }
+        return '/images/static/img-placeholder.svg';
+    }
+    trackByFile(index, file) {
+        return file.name + file.size + file.lastModified;
+    }
+    onImageLoad(fileName) {
+        // console.log('Image loaded successfully:', fileName);
+    }
+    onImageError(fileName, event) {
+        console.error('Image failed to load:', fileName, event);
+    }
+    openImageModal(imageUrl, filename) {
+        this.selectedImage.set(imageUrl);
+        this.showImageModal.set(true);
+    }
+    convertAttachmentsToFilePreviewItems(attachments) {
+        return attachments.map((file, index) => ({
+            id: file.id || `attachment_${index}`,
+            filename: file.filename || `archivo_${index}`,
+            size: file.size || 0,
+            contentType: file.contentType || 'application/octet-stream',
+            uploadedBy: file.uploadedBy || 'Usuario',
+            uploadedDate: file.uploadedDate ? new Date(file.uploadedDate) : new Date(),
+            s3Key: file.s3Key,
+            thumbnailUrl: this.isImageFilePreview(file) ? file.thumbnailUrl : undefined,
+            canDownload: true,
+            canDelete: false,
+            fileModel: file
+        }));
+    }
+    getChatFilePreviewConfig() {
+        return {
+            showUploadDate: false,
+            showUploadedBy: false,
+            showFileSize: false,
+            allowDownload: true,
+            allowDelete: false,
+            maxFilenameLength: 20,
+            emptyStateMessage: '',
+            emptyStateIcon: '',
+            showThumbnails: true,
+            gridColumns: 1,
+            showFilename: true
+        };
+    }
+    getImageAttachments(attachments) {
+        return attachments.filter(file => this.isImageFilePreview(file));
+    }
+    getNonImageAttachments(attachments) {
+        return attachments.filter(file => !this.isImageFilePreview(file));
+    }
+    getSelectedImageFiles() {
+        return this.selectedFiles().filter(file => this.isImageFile(file));
+    }
+    getSelectedNonImageFiles() {
+        return this.selectedFiles().filter(file => !this.isImageFile(file));
+    }
+    getSelectedFileIndex(file) {
+        return this.selectedFiles().indexOf(file);
+    }
+    convertSelectedFilesToPreviewItems(files) {
+        return files.map((file, index) => ({
+            id: `selected_${index}_${file.name}`,
+            filename: file.name,
+            size: file.size,
+            contentType: file.type || 'application/octet-stream',
+            uploadedBy: 'Usuario',
+            uploadedDate: new Date(),
+            thumbnailUrl: this.isImageFile(file) ? this.createImagePreview(file) : undefined,
+            canDownload: false,
+            canDelete: true,
+            fileModel: file
+        }));
+    }
+    getChatSelectedFilesConfig() {
+        return {
+            showUploadDate: false,
+            showUploadedBy: false,
+            showFileSize: true,
+            allowDownload: false,
+            allowDelete: true,
+            maxFilenameLength: 15,
+            emptyStateMessage: '',
+            emptyStateIcon: '',
+            showThumbnails: false,
+            gridColumns: 1,
+            showFilename: true
+        };
+    }
+    onSelectedFileAction(action) {
+        if (action.type === FilePreviewActionType.DELETE) {
+            const files = this.selectedFiles();
+            const fileIndex = files.findIndex(file => file.name === action.file.filename && file.size === action.file.size);
+            if (fileIndex !== -1) {
+                this.removeSelectedFile(fileIndex);
+            }
+        }
+    }
+    onFilePreviewAction(action, message) {
+        this.onAttachmentAction(action.type, action.file, message);
+    }
+    imagePreviewUrls = new Set();
+    addImagePreviewUrl(url) {
+        this.imagePreviewUrls.add(url);
+    }
+    cleanupImagePreviewUrls() {
+        this.imagePreviewUrls.forEach(url => URL.revokeObjectURL(url));
+        this.imagePreviewUrls.clear();
+        this.filePreviewUrls.clear();
+    }
+    typingTimer;
+    shouldScrollToBottom = true;
+    ghostTextarea = null;
+    scrollSentinel = null;
+    shouldInitializeInfiniteScroll = signal(false);
+    shouldAutoScroll = signal(true);
+    isLoadingMoreMessages = signal(false);
+    scrollSentinelElement;
+    constructor(chatService) {
+        this.chatService = chatService;
+        afterNextRender(() => {
+            if (!this.hasInitialLoad() && this.messages().length > 0) {
+                this.hasInitialLoad.set(true);
+                setTimeout(() => {
+                    this.scrollToBottom();
+                }, 300);
+            }
+            setTimeout(() => {
+                if (this.mergedConfig().enableInfiniteScroll) {
+                    this.initializeInfiniteScroll();
+                }
+            }, 100);
+        });
+        effect(() => {
+            const messages = this.messages();
+            if (messages.length > 0 && !this.hasInitialLoad()) {
+                this.hasInitialLoad.set(true);
+                setTimeout(() => {
+                    this.scrollToBottom();
+                }, 300);
+            }
+            else if (messages.length > 0 && this.shouldAutoScroll() && !this.isLoadingMoreMessages()) {
+                const hasSendingMessage = messages.some(msg => msg.isSending === true);
+                if (hasSendingMessage) {
+                    setTimeout(() => {
+                        this.scrollToBottom();
+                    }, 300);
+                }
+            }
+        });
+        effect(() => {
+            this.shouldInitializeInfiniteScroll.set(!!this.mergedConfig().enableInfiniteScroll);
+        });
+    }
+    initializeInfiniteScroll() {
+        if (!this.scrollSentinelElement?.nativeElement || !this.mergedConfig().enableInfiniteScroll) {
+            return;
+        }
+        if (this.scrollSentinel) {
+            this.scrollSentinel.disconnect();
+        }
+        const options = {
+            root: this.mergedConfig().modalMode ? this.modalMessagesContainer()?.nativeElement : this.messagesContainer()?.nativeElement,
+            rootMargin: `${this.mergedConfig().loadMoreThreshold}px 0px 0px 0px`,
+            threshold: 0
+        };
+        this.scrollSentinel = new IntersectionObserver((entries) => {
+            entries.forEach(entry => {
+                if (entry.isIntersecting && !this.isLoadingMore() && this.hasMoreMessages()) {
+                    this.loadMoreMessagesHandler();
+                }
+            });
+        }, options);
+        this.scrollSentinel.observe(this.scrollSentinelElement.nativeElement);
+    }
+    loadMoreMessagesHandler() {
+        if (this.isLoadingMore() || !this.hasMoreMessages()) {
+            return;
+        }
+        this.isLoadingMore.set(true);
+        this.isLoadingMoreMessages.set(true);
+        this.shouldAutoScroll.set(false);
+        this.loadMoreMessages.emit();
+    }
+    onMessagesLoaded(paginationInfo) {
+        this.currentPage.set(paginationInfo.page);
+        this.hasMoreMessages.set(paginationInfo.page < paginationInfo.page_count);
+        this.isLoadingMore.set(false);
+        this.isLoadingMoreMessages.set(false);
+        this.shouldAutoScroll.set(true);
+        const container = this.mergedConfig().modalMode ? this.modalMessagesContainer() : this.messagesContainer();
+        if (container) {
+            const element = container.nativeElement;
+            const previousScrollHeight = element.scrollHeight;
+            setTimeout(() => {
+                const newScrollHeight = element.scrollHeight;
+                const scrollDiff = newScrollHeight - previousScrollHeight;
+                element.scrollTop = element.scrollTop + scrollDiff;
+            }, 0);
+        }
+    }
+    ngOnDestroy() {
+        if (this.typingTimer) {
+            clearTimeout(this.typingTimer);
+        }
+        if (this.ghostTextarea && this.ghostTextarea.parentNode) {
+            this.ghostTextarea.parentNode.removeChild(this.ghostTextarea);
+            this.ghostTextarea = null;
+        }
+        if (this.scrollSentinel) {
+            this.scrollSentinel.disconnect();
+            this.scrollSentinel = null;
+        }
+        this.cleanupImagePreviewUrls();
+    }
+    sendMessage() {
+        const message = this.currentMessage().trim();
+        const hasFiles = this.selectedFiles().length > 0;
+        if (!message && !hasFiles)
+            return;
+        this.isSending.set(true);
+        this.sendingStatusChanged.emit(true);
+        const newMessage = {
+            id: this.generateMessageId(),
+            content: message || '',
+            type: ChatMessageType.TEXT,
+            position: ChatMessagePosition.RIGHT,
+            timestamp: DateUtility.getCurrentUruguayTime('YYYY-MM-DD HH:mm'),
+            sender: {
+                id: this.mergedConfig().currentUserId || 'current-user',
+                name: this.authService.getLoggedStartData()?.name || 'You'
+            },
+            isSending: true,
+            hasError: false
+        };
+        if (hasFiles) {
+            newMessage.attachmentIds = this.selectedFiles().map(file => file.name);
+        }
+        this.messagesSent.emit(newMessage);
+        this.currentMessage.set('');
+        this.clearSelectedFiles();
+        this.shouldScrollToBottom = true;
+        this.shouldAutoScroll.set(true);
+        setTimeout(() => {
+            this.scrollToBottom();
+        }, 100);
+    }
+    onImageClick(message) {
+        if (message.imageData?.url) {
+            this.selectedImage.set(message.imageData.url);
+            this.showImageModal.set(true);
+        }
+        this.imageClicked.emit(message);
+    }
+    onMultipleImageClick(imageData, message) {
+        this.selectedImage.set(imageData.url);
+        this.showImageModal.set(true);
+        this.imageClicked.emit(message);
+    }
+    closeImageModal() {
+        this.showImageModal.set(false);
+        this.selectedImage.set('');
+    }
+    closeModal() {
+        this.isClosing.set(true);
+        const overlay = this.elementRef.nativeElement.querySelector('.c-modal__overlay');
+        const onAnimationEnd = (e) => {
+            if (e.target === overlay && this.isClosing()) {
+                this.isClosing.set(false);
+                this.modalClosed.emit();
+                overlay.removeEventListener('animationend', onAnimationEnd);
+            }
+        };
+        overlay.addEventListener('animationend', onAnimationEnd);
+    }
+    handleKeyboardEvent(event) {
+        if (event.key === 'Escape' && this.showImageModal()) {
+            this.closeImageModal();
+        }
+    }
+    onFileClick(message) {
+        this.fileClicked.emit(message);
+    }
+    onTyping() {
+        if (!this.mergedConfig().showTypingIndicator)
+            return;
+        this.typingStatusChanged.emit(true);
+        clearTimeout(this.typingTimer);
+        this.typingTimer = setTimeout(() => {
+            this.typingStatusChanged.emit(false);
+        }, 1000);
+    }
+    updateCurrentMessage(value) {
+        this.currentMessage.set(value);
+    }
+    onTextareaInput(event) {
+        const textarea = event.target;
+        this.autoResizeTextarea(textarea);
+        this.updateCurrentMessage(textarea.value);
+        this.onTyping();
+    }
+    autoResizeTextarea(textarea) {
+        if (!this.ghostTextarea) {
+            this.ghostTextarea = document.createElement('textarea');
+            this.ghostTextarea.style.position = 'absolute';
+            this.ghostTextarea.style.visibility = 'hidden';
+            this.ghostTextarea.style.height = 'auto';
+            this.ghostTextarea.style.top = '-9999px';
+            document.body.appendChild(this.ghostTextarea);
+        }
+        if (textarea.value.trim() === '') {
+            textarea.style.height = 'inherit';
+            return;
+        }
+        const style = window.getComputedStyle(textarea);
+        const properties = [
+            'width', 'fontSize', 'fontFamily', 'fontWeight',
+            'lineHeight', 'letterSpacing', 'padding',
+            'border', 'boxSizing', 'whiteSpace',
+            'wordWrap', 'overflowWrap'
+        ];
+        properties.forEach(prop => {
+            this.ghostTextarea.style[prop] = style.getPropertyValue(prop);
+        });
+        this.ghostTextarea.value = textarea.value;
+        this.ghostTextarea.style.height = 'auto';
+        textarea.style.height = 'auto';
+        const minHeight = parseFloat(style.minHeight) || 0;
+        const height = Math.max(this.ghostTextarea.scrollHeight, minHeight);
+        textarea.style.height = height + 'px';
+    }
+    openFileSelector() {
+        const fileInput = this.fileInput();
+        if (fileInput) {
+            fileInput.nativeElement.click();
+        }
+    }
+    onFileSelected(event) {
+        const files = Array.from(event.target.files);
+        if (files && files.length > 0) {
+            this.selectedFiles.set(files);
+            this.filesSelected.emit(files);
+            if (files.length === 1) {
+                this.selectedFile.set(files[0]);
+                this.fileSelected.emit(files[0]);
+            }
+        }
+    }
+    clearSelectedFile() {
+        this.selectedFile.set(null);
+        const fileInput = this.fileInput();
+        if (fileInput) {
+            fileInput.nativeElement.value = '';
+        }
+    }
+    clearSelectedFiles() {
+        this.cleanupImagePreviewUrls();
+        this.selectedFiles.set([]);
+        this.clearSelectedFile();
+    }
+    removeSelectedFile(index) {
+        const currentFiles = this.selectedFiles();
+        const fileToRemove = currentFiles[index];
+        if (fileToRemove && this.isImageFile(fileToRemove)) {
+            const previewUrl = this.filePreviewUrls.get(fileToRemove);
+            if (previewUrl) {
+                URL.revokeObjectURL(previewUrl);
+                this.imagePreviewUrls.delete(previewUrl);
+                this.filePreviewUrls.delete(fileToRemove);
+            }
+        }
+        const newFiles = currentFiles.filter((_, i) => i !== index);
+        this.selectedFiles.set(newFiles);
+        if (newFiles.length === 0) {
+            this.clearSelectedFile();
+        }
+        else if (newFiles.length === 1) {
+            this.selectedFile.set(newFiles[0]);
+        }
+    }
+    toggleEmojiPicker() {
+        console.log('Toggle emoji picker');
+    }
+    getCustomTemplate(message) {
+        if (message.customTemplate) {
+            return message.customTemplate;
+        }
+        const templates = this.customTemplates();
+        if (message.customData?.templateKey && templates.has(message.customData.templateKey)) {
+            return templates.get(message.customData.templateKey) || null;
+        }
+        return null;
+    }
+    formatFileSize(bytes) {
+        if (bytes === 0)
+            return '0 Bytes';
+        const k = 1024;
+        const sizes = ['Bytes', 'KB', 'MB', 'GB'];
+        const i = Math.floor(Math.log(bytes) / Math.log(k));
+        return parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + ' ' + sizes[i];
+    }
+    scrollToBottom() {
+        try {
+            const isModal = this.mergedConfig().modalMode && this.mergedConfig().isModalOpen;
+            const container = isModal ? this.modalMessagesContainer() : this.messagesContainer();
+            if (container && this.mergedConfig().autoScroll) {
+                const element = container.nativeElement;
+                element.scrollTop = element.scrollHeight - element.clientHeight;
+            }
+        }
+        catch (err) {
+            console.error('Error scrolling to bottom:', err);
+        }
+    }
+    generateMessageId() {
+        return 'msg_' + Date.now() + '_' + Math.random().toString(36).substr(2, 9);
+    }
+    onAttachmentAction(action, file, message) {
+        this.attachmentAction.emit({ action, file, message });
+    }
+    onMessageSentSuccess() {
+        this.isSending.set(false);
+        this.sendingStatusChanged.emit(false);
+        this.shouldAutoScroll.set(true);
+        setTimeout(() => {
+            this.scrollToBottom();
+        }, 100);
+    }
+    onMessageSentError() {
+        this.isSending.set(false);
+        this.sendingStatusChanged.emit(false);
+        this.shouldAutoScroll.set(true);
+        setTimeout(() => {
+            this.scrollToBottom();
+        }, 100);
+    }
+    get isCurrentlySending() {
+        return this.isSending();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: GenericChatComponent, deps: [{ token: GenericChatService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: GenericChatComponent, isStandalone: true, selector: "app-generic-chat", inputs: { messages: { classPropertyName: "messages", publicName: "messages", isSignal: true, isRequired: false, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null }, isTyping: { classPropertyName: "isTyping", publicName: "isTyping", isSignal: true, isRequired: false, transformFunction: null }, customTemplates: { classPropertyName: "customTemplates", publicName: "customTemplates", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { messagesSent: "messagesSent", imageClicked: "imageClicked", fileClicked: "fileClicked", fileSelected: "fileSelected", filesSelected: "filesSelected", typingStatusChanged: "typingStatusChanged", modalClosed: "modalClosed", attachmentAction: "attachmentAction", sendingStatusChanged: "sendingStatusChanged", loadMoreMessages: "loadMoreMessages" }, host: { listeners: { "document:keydown": "handleKeyboardEvent($event)" } }, viewQueries: [{ propertyName: "messagesContainer", first: true, predicate: ["messagesContainer"], descendants: true, isSignal: true }, { propertyName: "modalMessagesContainer", first: true, predicate: ["modalMessagesContainer"], descendants: true, isSignal: true }, { propertyName: "messageInput", first: true, predicate: ["messageInput"], descendants: true, isSignal: true }, { propertyName: "fileInput", first: true, predicate: ["fileInput"], descendants: true, isSignal: true }, { propertyName: "scrollSentinelElement", first: true, predicate: ["scrollSentinel"], descendants: true, read: ElementRef }], ngImport: i0, template: "@if (mergedConfig().modalMode && mergedConfig().isModalOpen) {\n<div class=\"c-services-chat c-modal is-visible\" [class.is-closing]=\"isClosing()\">\n  <div class=\"c-modal__overlay\" (click)=\"closeModal()\"></div>\n  <div class=\"c-modal__holder\">\n    <div class=\"c-modal__header\">\n      <p>\n        @if (mergedConfig().modalTitle) {\n        <span>{{ mergedConfig().modalTitle }}</span>\n        }\n        @if (mergedConfig().modalSubtitle) {\n        <time>{{ mergedConfig().modalSubtitle }}</time>\n        }\n      </p>\n      <core-generic-button [config]=\"closeButtonConfig()\" (buttonClick)=\"closeModal()\">\n      </core-generic-button>\n    </div>\n\n    <div class=\"c-modal__body c-chat-body\" #modalMessagesContainer>\n      <!-- Sentinel para infinite scroll -->\n      @if (mergedConfig().enableInfiniteScroll && hasMoreMessages()) {\n        <div #scrollSentinel class=\"c-chat-scroll-sentinel\" style=\"height: 1px; margin-top: 10px;\">\n          @if (isLoadingMore()) {\n            <div class=\"c-chat-loading-more\">\n              <span class=\"c-chat-dots\">\n                <span></span> <span></span> <span></span>\n              </span>\n            </div>\n          }\n        </div>\n      }\n      \n      <!-- <div class=\"c-chat-body__holder\"> -->\n        @for (message of chronologicalMessages(); track trackByChronologicalMessage($index, message)) {\n\n        @if (shouldShowDateSeparator().get(message.id)) {\n        <time class=\"c-chat-date\" [attr.datetime]=\"message.timestamp\">\n          {{ getDateSeparatorText(message.timestamp) }}\n        </time>\n        }\n\n        <div class=\"c-chat-bubble\" [ngClass]=\"message.position === 'right' ? 'c-chat-bubble--right' : ''\">\n          <!-- @if (mergedConfig().showSenderNames && message.sender?.name) {\n          <div class=\"c-chat-bubble__sender\">{{ message.sender?.name }}</div>\n          } -->\n\n          <div class=\"c-chat-bubble__content\">\n            @if (chatService.shouldUseCustomTemplate(message, mergedConfig())) {\n            <ng-container *ngTemplateOutlet=\"\n                getCustomTemplate(message);\n                context: { $implicit: message }\n              \">\n            </ng-container>\n            }\n            @else if (message.type === messageTypes.TEXT) {\n            @for (paragraph of message.content.split('\\n\\n'); track $index) {\n            @if (paragraph.trim()) {\n            <p [innerHTML]=\"paragraph.trim()\"></p>\n            }\n            }\n            }\n            @else if (message.type === messageTypes.SYSTEM || message.type === messageTypes.NOTIFICATION) {\n            <p>{{ message.content }}</p>\n            }\n\n            @if (message.isSending) {\n            <div class=\"c-chat-sending-indicator\">\n              <span class=\"c-chat-dots\">\n                <span></span> <span></span> <span></span>\n              </span>\n            </div>\n            }\n            @if (message.hasError) {\n            <div class=\"c-chat-error-indicator\">\u274C Error al enviar</div>\n            }\n          </div>\n\n          @if (message.attachments && message.attachments.length > 0) {\n          @if (getImageAttachments(message.attachments).length > 0) {\n          <div class=\"c-chat-bubble__images\">\n            <div class=\"c-chat-bubble__image\">\n              @for (file of getImageAttachments(message.attachments); track $index) {\n                @if (getAttachmentPreviewUrl(file)) {\n                  <core-image-preview \n                    [src]=\"getAttachmentPreviewUrl(file)\"\n                    [alt]=\"file.filename || 'Imagen'\"\n                    [showSkeleton]=\"true\"\n                    (click)=\"onImageClick(message)\">\n                  </core-image-preview>\n                } @else {\n                  <div class=\"c-chat-image-placeholder\" (click)=\"onImageClick(message)\">\n                    <div class=\"c-chat-image-placeholder__content\">\n                      <span class=\"c-chat-image-placeholder__icon\">\uD83D\uDCF7</span>\n                      <span class=\"c-chat-image-placeholder__text\">{{ file.filename || 'Imagen no disponible' }}</span>\n                    </div>\n                  </div>\n                }\n              }\n            </div>\n          </div>\n          }\n\n          @if (getNonImageAttachments(message.attachments).length > 0) {\n          <div class=\"c-chat-bubble__files\">\n            <core-file-preview\n              [files]=\"convertAttachmentsToFilePreviewItems(getNonImageAttachments(message.attachments))\"\n              [config]=\"getChatFilePreviewConfig()\" (actionTriggered)=\"onFilePreviewAction($event, message)\">\n            </core-file-preview>\n          </div>\n          }\n          }\n\n          <!-- @if (message.type === messageTypes.IMAGE && (message.imageData || message.imagesData)) {\n        <div class=\"c-chat-bubble__images\">\n          @if (message.imageData) {\n            <div class=\"c-chat-bubble__image\">\n                <div class=\"c-img-preview\">\n                <img \n                  class=\"js-img-preview\" \n                  [src]=\"message.imageData.url\"\n                  [alt]=\"message.imageData.alt || 'Image'\"\n                  (click)=\"onImageClick(message)\"\n                />\n              </div>\n            </div>\n          }\n          @if (message.imagesData) {\n            @for (image of message.imagesData; track image.url) {\n              <div class=\"c-chat-bubble__image\">\n                <picture class=\"c-img-preview\">\n                  <img \n                    class=\"js-img-preview\" \n                    [src]=\"image.url\"\n                    [alt]=\"image.alt || 'Image'\"\n                    (click)=\"onMultipleImageClick(image, message)\"\n                  />\n                </picture>\n              </div>\n            }\n          }\n        </div>\n        } -->\n\n          <!-- @if (message.type === messageTypes.FILE && message.fileData) {\n          <div class=\"c-chat-file\" (click)=\"onFileClick(message)\">\n            <div class=\"c-chat-file-icon\">\n              @if (message.fileData.icon) {\n              <img [src]=\"message.fileData.icon\" [alt]=\"message.fileData.type\" />\n              } @else { <span>\uD83D\uDCC4</span> }\n            </div>\n            <div class=\"c-chat-file-info\">\n              <div class=\"c-chat-file-name\">{{ message.fileData.name }}</div>\n              <div class=\"c-chat-file-size\">{{ formatFileSize(message.fileData.size) }}</div>\n            </div>\n          </div>\n        } -->\n\n          <div class=\"c-chat-bubble__info\">\n            @if (mergedConfig().showSenderNames && message.sender?.name) {\n            <span class=\"c-chat-bubble__sender\">{{ message.sender?.name }}</span>\n            }\n            @if (mergedConfig().showTimestamps) {\n            <time class=\"c-chat-bubble__date\" [attr.datetime]=\"message.timestamp\">\n              {{ message.timestamp }}\n            </time>\n            }\n          </div>\n\n\n        </div>\n        }\n\n        @if (mergedConfig().showTypingIndicator && isTyping()) {\n        <div class=\"c-chat-typing-indicator\">\n          <div class=\"c-chat-bubble\">\n            <div class=\"c-chat-bubble__content\">\n              <div class=\"c-chat-typing-dots\">\n                <span></span> <span></span> <span></span>\n              </div>\n            </div>\n          </div>\n        </div>\n        }\n      <!-- </div> .c-chat-body__holder -->\n      @if (selectedFiles().length > 0) {\n      <div class=\"c-chat-files is-active\">\n        <div class=\"c-chat-files__list\">\n          @if (getSelectedImageFiles().length > 0) {\n          @for (file of getSelectedImageFiles(); track trackByFile($index, file)) {\n          <div class=\"c-chat-files__item\">\n            <div class=\"c-chat-files__preview\">\n              <core-image-preview [src]=\"getImagePreviewUrl(file)\" [alt]=\"file.name\" (load)=\"onImageLoad(file.name)\"\n                (error)=\"onImageError(file.name, $event)\" [width]=\"'50px'\" [height]=\"'50px'\"></core-image-preview>\n            </div>\n            <p class=\"c-chat-files__text\">{{ file.name }}</p>\n            <button type=\"button\" class=\"c-chat-files__remove icon-cross-thin\"\n              (click)=\"removeSelectedFile(getSelectedFileIndex(file))\" aria-label=\"Eliminar archivo\">\n            </button>\n          </div>\n          }\n          }\n          @if (getSelectedNonImageFiles().length > 0) {\n          @for (file of getSelectedNonImageFiles(); track trackByFile($index, file)) {\n          <div class=\"c-chat-files__item\">\n            <div class=\"c-chat-files__preview\">\n              <img src=\"/images/static/file-placeholder.svg\" [alt]=\"file.name\" width=\"50px\" height=\"50px\">\n            </div>\n            <p class=\"c-chat-files__text\">{{ file.name }}</p>\n            <button type=\"button\" class=\"c-chat-files__remove icon-cross-thin\"\n              (click)=\"removeSelectedFile(getSelectedFileIndex(file))\" aria-label=\"Eliminar archivo\">\n            </button>\n          </div>\n          }\n          }\n        </div>\n\n      </div>\n      }\n    </div>\n\n    @if (!mergedConfig().readOnly) {\n    <div class=\"c-modal__bottom\">\n      <div class=\"c-chat-input\">\n        <div class=\"c-chat-input__textarea\">\n          <label>\n            <textarea #messageInput rows=\"1\" class=\"js-chat-textarea\" [value]=\"currentMessage()\"\n              (input)=\"onTextareaInput($event)\" [placeholder]=\"mergedConfig().placeholder\"\n              (keydown.enter)=\"sendMessage()\"></textarea>\n          </label>\n          <div class=\"c-chat-input__actions\">\n            @if (mergedConfig().allowFileAttachments) {\n            <button type=\"button\" class=\"icon-attach\" (click)=\"openFileSelector()\"></button>\n            }\n          </div>\n        </div>\n        <button type=\"button\" class=\"c-chat-input__submit\"\n          [disabled]=\"!currentMessage().trim() && selectedFiles().length === 0\" (click)=\"sendMessage()\">\n          <span class=\"icon-chat-send\"></span>\n        </button>\n      </div>\n      @if (mergedConfig().allowFileAttachments) {\n      <input #fileInput type=\"file\" multiple style=\"display: none\" (change)=\"onFileSelected($event)\" />\n      }\n    </div>\n    }\n  </div>\n</div>\n} @else {\n<div class=\"c-chat-layout c-services-chat\" [ngClass]=\"mergedConfig().customCssClasses?.container\">\n  <div #messagesContainer class=\"c-chat-layout__body c-chat-body\"\n    [ngClass]=\"mergedConfig().customCssClasses?.messageList\">\n    <!-- Sentinel para infinite scroll -->\n    @if (mergedConfig().enableInfiniteScroll && hasMoreMessages()) {\n      <div #scrollSentinel class=\"c-chat-scroll-sentinel\" style=\"height: 1px; margin-top: 10px;\">\n        @if (isLoadingMore()) {\n          <div class=\"c-chat-loading-more\">\n            <span class=\"c-chat-dots\">\n              <span></span> <span></span> <span></span>\n            </span>\n          </div>\n        }\n      </div>\n    }\n    \n    <!-- <div class=\"c-chat-body__holder\"> -->\n\n      @for (message of messages(); track trackByMessage($index, message)) {\n\n        @if (shouldShowDateSeparator().get(message.id)) {\n        <time class=\"c-chat-date\" [attr.datetime]=\"message.timestamp\">\n          {{ getDateSeparatorText(message.timestamp) }}\n        </time>\n        }\n        \n      <div class=\"c-chat-bubble\" [ngClass]=\"message.position === 'right' ? 'c-chat-bubble--right' : ''\">\n        <!-- @if (mergedConfig().showSenderNames && message.sender?.name) {\n        <div class=\"c-chat-bubble__sender\">{{ message.sender?.name }}</div>\n        } -->\n\n        <div class=\"c-chat-bubble__content\">\n          @if (chatService.shouldUseCustomTemplate(message, mergedConfig())) {\n          <ng-container *ngTemplateOutlet=\"\n              getCustomTemplate(message);\n              context: { $implicit: message }\n            \">\n          </ng-container>\n          }\n          @else if (message.type === messageTypes.TEXT) {\n          @for (paragraph of message.content.split('\\n\\n'); track $index) {\n          @if (paragraph.trim()) {\n          <p [innerHTML]=\"paragraph.trim()\"></p>\n          }\n          }\n          }\n          @else if (message.type === messageTypes.SYSTEM || message.type === messageTypes.NOTIFICATION) {\n          <p>{{ message.content }}</p>\n          }\n\n          @if (message.isSending) {\n          <div class=\"c-chat-sending-indicator\">\n            <span class=\"c-chat-dots\">\n              <span></span> <span></span> <span></span>\n            </span>\n          </div>\n          }\n          @if (message.hasError) {\n          <div class=\"c-chat-error-indicator\">\u274C Error al enviar</div>\n          }\n        </div>\n\n        @if (message.attachments && message.attachments.length > 0) {\n        @if (getImageAttachments(message.attachments).length > 0) {\n        <div class=\"c-chat-bubble__images\">\n          @for (file of getImageAttachments(message.attachments); track $index) {\n          <div class=\"c-chat-bubble__image\">\n            <core-image-preview [src]=\"getAttachmentPreviewUrl(file)\"\n              [alt]=\"file.filename || 'Imagen'\"></core-image-preview>\n          </div>\n          }\n        </div>\n        }\n\n        @if (getNonImageAttachments(message.attachments).length > 0) {\n        <div class=\"c-chat-bubble__files\">\n          <core-file-preview [files]=\"convertAttachmentsToFilePreviewItems(getNonImageAttachments(message.attachments))\"\n            [config]=\"getChatFilePreviewConfig()\" (actionTriggered)=\"onFilePreviewAction($event, message)\">\n          </core-file-preview>\n        </div>\n        }\n        }\n\n        <!-- @if (message.type === messageTypes.IMAGE && (message.imageData || message.imagesData)) {\n      <div class=\"c-chat-bubble__images\">\n        @if (message.imageData) {\n          <div class=\"c-img-preview\">\n            <img \n              class=\"js-img-preview\" \n              [src]=\"message.imageData.url\"\n              [alt]=\"message.imageData.alt || 'Image'\"\n              (click)=\"onImageClick(message)\"\n            />\n          </div>\n        }\n        @if (message.imagesData) {\n          @for (image of message.imagesData; track image.url) {\n            <div class=\"c-img-preview\">\n              <img \n                class=\"js-img-preview\" \n                [src]=\"image.url\"\n                [alt]=\"image.alt || 'Image'\"\n                (click)=\"onMultipleImageClick(image, message)\"\n              />\n            </div>\n          }\n        }\n      </div>\n      } -->\n\n        <!-- @if (message.type === messageTypes.FILE && message.fileData) {\n        <div class=\"c-chat-file\" (click)=\"onFileClick(message)\">\n          <div class=\"c-chat-file-icon\">\n            @if (message.fileData.icon) {\n            <img [src]=\"message.fileData.icon\" [alt]=\"message.fileData.type\" />\n            } @else { <span>\uD83D\uDCC4</span> }\n          </div>\n          <div class=\"c-chat-file-info\">\n            <div class=\"c-chat-file-name\">{{ message.fileData.name }}</div>\n            <div class=\"c-chat-file-size\">{{ formatFileSize(message.fileData.size) }}</div>\n          </div>\n        </div>\n      } -->\n\n        <div class=\"c-chat-bubble__info\">\n          @if (mergedConfig().showSenderNames && message.sender?.name) {\n          <span class=\"c-chat-bubble__sender\">{{ message.sender?.name }}</span>\n          }\n          @if (mergedConfig().showTimestamps) {\n          <time class=\"c-chat-bubble__date\" [attr.datetime]=\"message.timestamp\">\n            {{ message.timestamp }}\n          </time>\n          }\n        </div>\n\n      </div>\n      }\n\n      @if (mergedConfig().showTypingIndicator && isTyping()) {\n      <div class=\"c-chat-typing-indicator\">\n        <div class=\"c-chat-bubble\">\n          <div class=\"c-chat-bubble__content\">\n            <div class=\"c-chat-typing-dots\">\n              <span></span> <span></span> <span></span>\n            </div>\n          </div>\n        </div>\n      </div>\n      }\n    <!-- </div> c-chat-body__holder -->\n    @if (selectedFiles().length > 0) {\n    <div class=\"c-chat-files is-active\">\n      <div class=\"c-chat-files__list\">\n        @if (getSelectedImageFiles().length > 0) {\n        @for (file of getSelectedImageFiles(); track trackByFile($index, file)) {\n        <div class=\"c-chat-files__item\">\n          <div class=\"c-chat-files__preview\">\n            <core-image-preview [src]=\"getImagePreviewUrl(file)\" [alt]=\"file.name\" (load)=\"onImageLoad(file.name)\"\n              (error)=\"onImageError(file.name, $event)\" [width]=\"'50px'\" [height]=\"'50px'\"></core-image-preview>\n          </div>\n          <p class=\"c-chat-files__text\">{{ file.name }}</p>\n          <button type=\"button\" class=\"c-chat-files__remove icon-cross-thin\"\n            (click)=\"removeSelectedFile(getSelectedFileIndex(file))\" aria-label=\"Eliminar archivo\">\n          </button>\n        </div>\n        }\n        }\n        @if (getSelectedNonImageFiles().length > 0) {\n        @for (file of getSelectedNonImageFiles(); track trackByFile($index, file)) {\n        <div class=\"c-chat-files__item\">\n          <div class=\"c-chat-files__preview\">\n            <img src=\"/images/static/file-placeholder.svg\" [alt]=\"file.name\" width=\"50px\" height=\"50px\">\n          </div>\n          <p class=\"c-chat-files__text\">{{ file.name }}</p>\n          <button type=\"button\" class=\"c-chat-files__remove icon-cross-thin\"\n            (click)=\"removeSelectedFile(getSelectedFileIndex(file))\" aria-label=\"Eliminar archivo\">\n          </button>\n        </div>\n        }\n        }\n      </div>\n    </div>\n    }\n  </div>\n\n  @if (!mergedConfig().readOnly) {\n  <div class=\"c-chat-layout__bottom\" [ngClass]=\"mergedConfig().customCssClasses?.inputContainer\">\n    <div class=\"c-chat-input\">\n      <div class=\"c-chat-input__textarea\">\n        <label>\n          <textarea #messageInput rows=\"1\" class=\"js-chat-textarea\" [value]=\"currentMessage()\"\n            (input)=\"onTextareaInput($event)\" [placeholder]=\"mergedConfig().placeholder\"\n            (keydown.enter)=\"sendMessage()\"></textarea>\n        </label>\n        <div class=\"c-chat-input__actions\">\n          @if (mergedConfig().allowFileAttachments) {\n          <button type=\"button\" class=\"icon-attach\" (click)=\"openFileSelector()\"></button>\n          }\n        </div>\n      </div>\n      <button type=\"button\" class=\"c-chat-input__submit\"\n        [disabled]=\"!currentMessage().trim() && selectedFiles().length === 0\" (click)=\"sendMessage()\">\n        <span class=\"icon-chat-send\"></span>\n      </button>\n    </div>\n    @if (mergedConfig().allowFileAttachments) {\n    <input #fileInput type=\"file\" multiple style=\"display: none\" (change)=\"onFileSelected($event)\" />\n    }\n  </div>\n  }\n</div>\n}\n\n<!-- @if (showImageModal()) {\n<div class=\"c-img-modal js-img-modal is-visible\">\n  <span \n    class=\"c-img-modal__close icon-cross-thin js-gallery-modal-close\"\n    (click)=\"closeImageModal()\"\n  ></span>\n  <div \n    class=\"c-img-modal__overlay js-img-modal-close\"\n    (click)=\"closeImageModal()\"\n  ></div>\n  <div class=\"c-img-modal__holder\">\n    <img \n      class=\"js-img-modal-img\" \n      [src]=\"selectedImage()\" \n      alt=\"Imagen Ampliada\"\n    />\n  </div>\n</div>\n} -->", styles: [".c-img-preview{position:relative;width:100%;height:100%}.c-img-preview__placeholder{position:absolute;bottom:.5rem;left:.5rem;right:.5rem;background-color:#000000b3;color:#fff;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;text-align:center}.c-chat-image-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem;background-color:#f8fafc;border:2px dashed #e2e8f0;border-radius:.5rem;min-height:8rem}.c-chat-image-placeholder .icon-image{font-size:2rem;color:#9ca3af;margin-bottom:.5rem}.c-chat-image-placeholder p{margin:0;color:#6b7280;font-size:.875rem;text-align:center}.c-chat-files__preview{width:50px;height:50px;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:.25rem}.c-chat-loading-spinner{display:inline-block;width:16px;height:16px;border:2px solid #f3f3f3;border-top:2px solid #3498db;border-radius:50%;animation:spin 1s linear infinite}.c-chat-input__submit.is-sending{opacity:.7;cursor:not-allowed}.c-chat-sending-global-indicator{margin-top:.5rem}.c-chat-sending-global-indicator .c-chat-bubble{background-color:#f8f9fa;border:1px solid #e9ecef}.c-chat-sending-global-indicator .c-chat-bubble .c-chat-bubble__content{padding:.5rem .75rem}.c-chat-sending-message{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#6c757d}.c-chat-sending-spinner{display:inline-block;width:12px;height:12px;border:2px solid #f3f3f3;border-top:2px solid #007bff;border-radius:50%;animation:spin 1s linear infinite}.c-chat-sending-text{font-style:italic}.c-chat-sending-indicator{display:flex;align-items:center;gap:.5rem;margin-top:.25rem;font-size:.75rem;color:#6c757d}.c-chat-sending-indicator .c-chat-dots{display:inline-flex;gap:2px}.c-chat-sending-indicator .c-chat-dots span{display:inline-block;width:4px;height:4px;background-color:#007bff;border-radius:50%;animation:pulse 1.4s ease-in-out infinite both}.c-chat-sending-indicator .c-chat-dots span:nth-child(1){animation-delay:-.32s}.c-chat-sending-indicator .c-chat-dots span:nth-child(2){animation-delay:-.16s}.c-chat-sending-indicator .c-chat-dots span:nth-child(3){animation-delay:0s}.c-chat-error-indicator{display:flex;align-items:center;gap:.25rem;margin-top:.25rem;font-size:.75rem;color:#dc3545}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.c-chat-scroll-sentinel{width:100%;min-height:1px;position:relative}.c-chat-loading-more{display:flex;justify-content:center;align-items:center;padding:1rem}.c-chat-loading-more .c-chat-dots{display:inline-flex;gap:4px}.c-chat-loading-more .c-chat-dots span{display:inline-block;width:8px;height:8px;background-color:#007bff;border-radius:50%;animation:pulse 1.4s ease-in-out infinite both}.c-chat-loading-more .c-chat-dots span:nth-child(1){animation-delay:-.32s}.c-chat-loading-more .c-chat-dots span:nth-child(2){animation-delay:-.16s}.c-chat-loading-more .c-chat-dots span:nth-child(3){animation-delay:0s}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: FormsModule }, { kind: "component", type: GenericButtonComponent, selector: "core-generic-button", inputs: ["config", "data"], outputs: ["buttonClick"] }, { kind: "component", type: ImagePreviewComponent, selector: "core-image-preview", inputs: ["src", "alt", "title", "width", "height", "objectFit", "borderRadius", "cursor", "loading", "isRelative", "showSkeleton", "skeletonAnimation"] }, { kind: "component", type: FilePreviewComponent, selector: "core-file-preview", inputs: ["fileModels", "files", "config"], outputs: ["actionTriggered"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: GenericChatComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-generic-chat', standalone: true, imports: [CommonModule, FormsModule, GenericButtonComponent, ImagePreviewComponent, FilePreviewComponent], template: "@if (mergedConfig().modalMode && mergedConfig().isModalOpen) {\n<div class=\"c-services-chat c-modal is-visible\" [class.is-closing]=\"isClosing()\">\n  <div class=\"c-modal__overlay\" (click)=\"closeModal()\"></div>\n  <div class=\"c-modal__holder\">\n    <div class=\"c-modal__header\">\n      <p>\n        @if (mergedConfig().modalTitle) {\n        <span>{{ mergedConfig().modalTitle }}</span>\n        }\n        @if (mergedConfig().modalSubtitle) {\n        <time>{{ mergedConfig().modalSubtitle }}</time>\n        }\n      </p>\n      <core-generic-button [config]=\"closeButtonConfig()\" (buttonClick)=\"closeModal()\">\n      </core-generic-button>\n    </div>\n\n    <div class=\"c-modal__body c-chat-body\" #modalMessagesContainer>\n      <!-- Sentinel para infinite scroll -->\n      @if (mergedConfig().enableInfiniteScroll && hasMoreMessages()) {\n        <div #scrollSentinel class=\"c-chat-scroll-sentinel\" style=\"height: 1px; margin-top: 10px;\">\n          @if (isLoadingMore()) {\n            <div class=\"c-chat-loading-more\">\n              <span class=\"c-chat-dots\">\n                <span></span> <span></span> <span></span>\n              </span>\n            </div>\n          }\n        </div>\n      }\n      \n      <!-- <div class=\"c-chat-body__holder\"> -->\n        @for (message of chronologicalMessages(); track trackByChronologicalMessage($index, message)) {\n\n        @if (shouldShowDateSeparator().get(message.id)) {\n        <time class=\"c-chat-date\" [attr.datetime]=\"message.timestamp\">\n          {{ getDateSeparatorText(message.timestamp) }}\n        </time>\n        }\n\n        <div class=\"c-chat-bubble\" [ngClass]=\"message.position === 'right' ? 'c-chat-bubble--right' : ''\">\n          <!-- @if (mergedConfig().showSenderNames && message.sender?.name) {\n          <div class=\"c-chat-bubble__sender\">{{ message.sender?.name }}</div>\n          } -->\n\n          <div class=\"c-chat-bubble__content\">\n            @if (chatService.shouldUseCustomTemplate(message, mergedConfig())) {\n            <ng-container *ngTemplateOutlet=\"\n                getCustomTemplate(message);\n                context: { $implicit: message }\n              \">\n            </ng-container>\n            }\n            @else if (message.type === messageTypes.TEXT) {\n            @for (paragraph of message.content.split('\\n\\n'); track $index) {\n            @if (paragraph.trim()) {\n            <p [innerHTML]=\"paragraph.trim()\"></p>\n            }\n            }\n            }\n            @else if (message.type === messageTypes.SYSTEM || message.type === messageTypes.NOTIFICATION) {\n            <p>{{ message.content }}</p>\n            }\n\n            @if (message.isSending) {\n            <div class=\"c-chat-sending-indicator\">\n              <span class=\"c-chat-dots\">\n                <span></span> <span></span> <span></span>\n              </span>\n            </div>\n            }\n            @if (message.hasError) {\n            <div class=\"c-chat-error-indicator\">\u274C Error al enviar</div>\n            }\n          </div>\n\n          @if (message.attachments && message.attachments.length > 0) {\n          @if (getImageAttachments(message.attachments).length > 0) {\n          <div class=\"c-chat-bubble__images\">\n            <div class=\"c-chat-bubble__image\">\n              @for (file of getImageAttachments(message.attachments); track $index) {\n                @if (getAttachmentPreviewUrl(file)) {\n                  <core-image-preview \n                    [src]=\"getAttachmentPreviewUrl(file)\"\n                    [alt]=\"file.filename || 'Imagen'\"\n                    [showSkeleton]=\"true\"\n                    (click)=\"onImageClick(message)\">\n                  </core-image-preview>\n                } @else {\n                  <div class=\"c-chat-image-placeholder\" (click)=\"onImageClick(message)\">\n                    <div class=\"c-chat-image-placeholder__content\">\n                      <span class=\"c-chat-image-placeholder__icon\">\uD83D\uDCF7</span>\n                      <span class=\"c-chat-image-placeholder__text\">{{ file.filename || 'Imagen no disponible' }}</span>\n                    </div>\n                  </div>\n                }\n              }\n            </div>\n          </div>\n          }\n\n          @if (getNonImageAttachments(message.attachments).length > 0) {\n          <div class=\"c-chat-bubble__files\">\n            <core-file-preview\n              [files]=\"convertAttachmentsToFilePreviewItems(getNonImageAttachments(message.attachments))\"\n              [config]=\"getChatFilePreviewConfig()\" (actionTriggered)=\"onFilePreviewAction($event, message)\">\n            </core-file-preview>\n          </div>\n          }\n          }\n\n          <!-- @if (message.type === messageTypes.IMAGE && (message.imageData || message.imagesData)) {\n        <div class=\"c-chat-bubble__images\">\n          @if (message.imageData) {\n            <div class=\"c-chat-bubble__image\">\n                <div class=\"c-img-preview\">\n                <img \n                  class=\"js-img-preview\" \n                  [src]=\"message.imageData.url\"\n                  [alt]=\"message.imageData.alt || 'Image'\"\n                  (click)=\"onImageClick(message)\"\n                />\n              </div>\n            </div>\n          }\n          @if (message.imagesData) {\n            @for (image of message.imagesData; track image.url) {\n              <div class=\"c-chat-bubble__image\">\n                <picture class=\"c-img-preview\">\n                  <img \n                    class=\"js-img-preview\" \n                    [src]=\"image.url\"\n                    [alt]=\"image.alt || 'Image'\"\n                    (click)=\"onMultipleImageClick(image, message)\"\n                  />\n                </picture>\n              </div>\n            }\n          }\n        </div>\n        } -->\n\n          <!-- @if (message.type === messageTypes.FILE && message.fileData) {\n          <div class=\"c-chat-file\" (click)=\"onFileClick(message)\">\n            <div class=\"c-chat-file-icon\">\n              @if (message.fileData.icon) {\n              <img [src]=\"message.fileData.icon\" [alt]=\"message.fileData.type\" />\n              } @else { <span>\uD83D\uDCC4</span> }\n            </div>\n            <div class=\"c-chat-file-info\">\n              <div class=\"c-chat-file-name\">{{ message.fileData.name }}</div>\n              <div class=\"c-chat-file-size\">{{ formatFileSize(message.fileData.size) }}</div>\n            </div>\n          </div>\n        } -->\n\n          <div class=\"c-chat-bubble__info\">\n            @if (mergedConfig().showSenderNames && message.sender?.name) {\n            <span class=\"c-chat-bubble__sender\">{{ message.sender?.name }}</span>\n            }\n            @if (mergedConfig().showTimestamps) {\n            <time class=\"c-chat-bubble__date\" [attr.datetime]=\"message.timestamp\">\n              {{ message.timestamp }}\n            </time>\n            }\n          </div>\n\n\n        </div>\n        }\n\n        @if (mergedConfig().showTypingIndicator && isTyping()) {\n        <div class=\"c-chat-typing-indicator\">\n          <div class=\"c-chat-bubble\">\n            <div class=\"c-chat-bubble__content\">\n              <div class=\"c-chat-typing-dots\">\n                <span></span> <span></span> <span></span>\n              </div>\n            </div>\n          </div>\n        </div>\n        }\n      <!-- </div> .c-chat-body__holder -->\n      @if (selectedFiles().length > 0) {\n      <div class=\"c-chat-files is-active\">\n        <div class=\"c-chat-files__list\">\n          @if (getSelectedImageFiles().length > 0) {\n          @for (file of getSelectedImageFiles(); track trackByFile($index, file)) {\n          <div class=\"c-chat-files__item\">\n            <div class=\"c-chat-files__preview\">\n              <core-image-preview [src]=\"getImagePreviewUrl(file)\" [alt]=\"file.name\" (load)=\"onImageLoad(file.name)\"\n                (error)=\"onImageError(file.name, $event)\" [width]=\"'50px'\" [height]=\"'50px'\"></core-image-preview>\n            </div>\n            <p class=\"c-chat-files__text\">{{ file.name }}</p>\n            <button type=\"button\" class=\"c-chat-files__remove icon-cross-thin\"\n              (click)=\"removeSelectedFile(getSelectedFileIndex(file))\" aria-label=\"Eliminar archivo\">\n            </button>\n          </div>\n          }\n          }\n          @if (getSelectedNonImageFiles().length > 0) {\n          @for (file of getSelectedNonImageFiles(); track trackByFile($index, file)) {\n          <div class=\"c-chat-files__item\">\n            <div class=\"c-chat-files__preview\">\n              <img src=\"/images/static/file-placeholder.svg\" [alt]=\"file.name\" width=\"50px\" height=\"50px\">\n            </div>\n            <p class=\"c-chat-files__text\">{{ file.name }}</p>\n            <button type=\"button\" class=\"c-chat-files__remove icon-cross-thin\"\n              (click)=\"removeSelectedFile(getSelectedFileIndex(file))\" aria-label=\"Eliminar archivo\">\n            </button>\n          </div>\n          }\n          }\n        </div>\n\n      </div>\n      }\n    </div>\n\n    @if (!mergedConfig().readOnly) {\n    <div class=\"c-modal__bottom\">\n      <div class=\"c-chat-input\">\n        <div class=\"c-chat-input__textarea\">\n          <label>\n            <textarea #messageInput rows=\"1\" class=\"js-chat-textarea\" [value]=\"currentMessage()\"\n              (input)=\"onTextareaInput($event)\" [placeholder]=\"mergedConfig().placeholder\"\n              (keydown.enter)=\"sendMessage()\"></textarea>\n          </label>\n          <div class=\"c-chat-input__actions\">\n            @if (mergedConfig().allowFileAttachments) {\n            <button type=\"button\" class=\"icon-attach\" (click)=\"openFileSelector()\"></button>\n            }\n          </div>\n        </div>\n        <button type=\"button\" class=\"c-chat-input__submit\"\n          [disabled]=\"!currentMessage().trim() && selectedFiles().length === 0\" (click)=\"sendMessage()\">\n          <span class=\"icon-chat-send\"></span>\n        </button>\n      </div>\n      @if (mergedConfig().allowFileAttachments) {\n      <input #fileInput type=\"file\" multiple style=\"display: none\" (change)=\"onFileSelected($event)\" />\n      }\n    </div>\n    }\n  </div>\n</div>\n} @else {\n<div class=\"c-chat-layout c-services-chat\" [ngClass]=\"mergedConfig().customCssClasses?.container\">\n  <div #messagesContainer class=\"c-chat-layout__body c-chat-body\"\n    [ngClass]=\"mergedConfig().customCssClasses?.messageList\">\n    <!-- Sentinel para infinite scroll -->\n    @if (mergedConfig().enableInfiniteScroll && hasMoreMessages()) {\n      <div #scrollSentinel class=\"c-chat-scroll-sentinel\" style=\"height: 1px; margin-top: 10px;\">\n        @if (isLoadingMore()) {\n          <div class=\"c-chat-loading-more\">\n            <span class=\"c-chat-dots\">\n              <span></span> <span></span> <span></span>\n            </span>\n          </div>\n        }\n      </div>\n    }\n    \n    <!-- <div class=\"c-chat-body__holder\"> -->\n\n      @for (message of messages(); track trackByMessage($index, message)) {\n\n        @if (shouldShowDateSeparator().get(message.id)) {\n        <time class=\"c-chat-date\" [attr.datetime]=\"message.timestamp\">\n          {{ getDateSeparatorText(message.timestamp) }}\n        </time>\n        }\n        \n      <div class=\"c-chat-bubble\" [ngClass]=\"message.position === 'right' ? 'c-chat-bubble--right' : ''\">\n        <!-- @if (mergedConfig().showSenderNames && message.sender?.name) {\n        <div class=\"c-chat-bubble__sender\">{{ message.sender?.name }}</div>\n        } -->\n\n        <div class=\"c-chat-bubble__content\">\n          @if (chatService.shouldUseCustomTemplate(message, mergedConfig())) {\n          <ng-container *ngTemplateOutlet=\"\n              getCustomTemplate(message);\n              context: { $implicit: message }\n            \">\n          </ng-container>\n          }\n          @else if (message.type === messageTypes.TEXT) {\n          @for (paragraph of message.content.split('\\n\\n'); track $index) {\n          @if (paragraph.trim()) {\n          <p [innerHTML]=\"paragraph.trim()\"></p>\n          }\n          }\n          }\n          @else if (message.type === messageTypes.SYSTEM || message.type === messageTypes.NOTIFICATION) {\n          <p>{{ message.content }}</p>\n          }\n\n          @if (message.isSending) {\n          <div class=\"c-chat-sending-indicator\">\n            <span class=\"c-chat-dots\">\n              <span></span> <span></span> <span></span>\n            </span>\n          </div>\n          }\n          @if (message.hasError) {\n          <div class=\"c-chat-error-indicator\">\u274C Error al enviar</div>\n          }\n        </div>\n\n        @if (message.attachments && message.attachments.length > 0) {\n        @if (getImageAttachments(message.attachments).length > 0) {\n        <div class=\"c-chat-bubble__images\">\n          @for (file of getImageAttachments(message.attachments); track $index) {\n          <div class=\"c-chat-bubble__image\">\n            <core-image-preview [src]=\"getAttachmentPreviewUrl(file)\"\n              [alt]=\"file.filename || 'Imagen'\"></core-image-preview>\n          </div>\n          }\n        </div>\n        }\n\n        @if (getNonImageAttachments(message.attachments).length > 0) {\n        <div class=\"c-chat-bubble__files\">\n          <core-file-preview [files]=\"convertAttachmentsToFilePreviewItems(getNonImageAttachments(message.attachments))\"\n            [config]=\"getChatFilePreviewConfig()\" (actionTriggered)=\"onFilePreviewAction($event, message)\">\n          </core-file-preview>\n        </div>\n        }\n        }\n\n        <!-- @if (message.type === messageTypes.IMAGE && (message.imageData || message.imagesData)) {\n      <div class=\"c-chat-bubble__images\">\n        @if (message.imageData) {\n          <div class=\"c-img-preview\">\n            <img \n              class=\"js-img-preview\" \n              [src]=\"message.imageData.url\"\n              [alt]=\"message.imageData.alt || 'Image'\"\n              (click)=\"onImageClick(message)\"\n            />\n          </div>\n        }\n        @if (message.imagesData) {\n          @for (image of message.imagesData; track image.url) {\n            <div class=\"c-img-preview\">\n              <img \n                class=\"js-img-preview\" \n                [src]=\"image.url\"\n                [alt]=\"image.alt || 'Image'\"\n                (click)=\"onMultipleImageClick(image, message)\"\n              />\n            </div>\n          }\n        }\n      </div>\n      } -->\n\n        <!-- @if (message.type === messageTypes.FILE && message.fileData) {\n        <div class=\"c-chat-file\" (click)=\"onFileClick(message)\">\n          <div class=\"c-chat-file-icon\">\n            @if (message.fileData.icon) {\n            <img [src]=\"message.fileData.icon\" [alt]=\"message.fileData.type\" />\n            } @else { <span>\uD83D\uDCC4</span> }\n          </div>\n          <div class=\"c-chat-file-info\">\n            <div class=\"c-chat-file-name\">{{ message.fileData.name }}</div>\n            <div class=\"c-chat-file-size\">{{ formatFileSize(message.fileData.size) }}</div>\n          </div>\n        </div>\n      } -->\n\n        <div class=\"c-chat-bubble__info\">\n          @if (mergedConfig().showSenderNames && message.sender?.name) {\n          <span class=\"c-chat-bubble__sender\">{{ message.sender?.name }}</span>\n          }\n          @if (mergedConfig().showTimestamps) {\n          <time class=\"c-chat-bubble__date\" [attr.datetime]=\"message.timestamp\">\n            {{ message.timestamp }}\n          </time>\n          }\n        </div>\n\n      </div>\n      }\n\n      @if (mergedConfig().showTypingIndicator && isTyping()) {\n      <div class=\"c-chat-typing-indicator\">\n        <div class=\"c-chat-bubble\">\n          <div class=\"c-chat-bubble__content\">\n            <div class=\"c-chat-typing-dots\">\n              <span></span> <span></span> <span></span>\n            </div>\n          </div>\n        </div>\n      </div>\n      }\n    <!-- </div> c-chat-body__holder -->\n    @if (selectedFiles().length > 0) {\n    <div class=\"c-chat-files is-active\">\n      <div class=\"c-chat-files__list\">\n        @if (getSelectedImageFiles().length > 0) {\n        @for (file of getSelectedImageFiles(); track trackByFile($index, file)) {\n        <div class=\"c-chat-files__item\">\n          <div class=\"c-chat-files__preview\">\n            <core-image-preview [src]=\"getImagePreviewUrl(file)\" [alt]=\"file.name\" (load)=\"onImageLoad(file.name)\"\n              (error)=\"onImageError(file.name, $event)\" [width]=\"'50px'\" [height]=\"'50px'\"></core-image-preview>\n          </div>\n          <p class=\"c-chat-files__text\">{{ file.name }}</p>\n          <button type=\"button\" class=\"c-chat-files__remove icon-cross-thin\"\n            (click)=\"removeSelectedFile(getSelectedFileIndex(file))\" aria-label=\"Eliminar archivo\">\n          </button>\n        </div>\n        }\n        }\n        @if (getSelectedNonImageFiles().length > 0) {\n        @for (file of getSelectedNonImageFiles(); track trackByFile($index, file)) {\n        <div class=\"c-chat-files__item\">\n          <div class=\"c-chat-files__preview\">\n            <img src=\"/images/static/file-placeholder.svg\" [alt]=\"file.name\" width=\"50px\" height=\"50px\">\n          </div>\n          <p class=\"c-chat-files__text\">{{ file.name }}</p>\n          <button type=\"button\" class=\"c-chat-files__remove icon-cross-thin\"\n            (click)=\"removeSelectedFile(getSelectedFileIndex(file))\" aria-label=\"Eliminar archivo\">\n          </button>\n        </div>\n        }\n        }\n      </div>\n    </div>\n    }\n  </div>\n\n  @if (!mergedConfig().readOnly) {\n  <div class=\"c-chat-layout__bottom\" [ngClass]=\"mergedConfig().customCssClasses?.inputContainer\">\n    <div class=\"c-chat-input\">\n      <div class=\"c-chat-input__textarea\">\n        <label>\n          <textarea #messageInput rows=\"1\" class=\"js-chat-textarea\" [value]=\"currentMessage()\"\n            (input)=\"onTextareaInput($event)\" [placeholder]=\"mergedConfig().placeholder\"\n            (keydown.enter)=\"sendMessage()\"></textarea>\n        </label>\n        <div class=\"c-chat-input__actions\">\n          @if (mergedConfig().allowFileAttachments) {\n          <button type=\"button\" class=\"icon-attach\" (click)=\"openFileSelector()\"></button>\n          }\n        </div>\n      </div>\n      <button type=\"button\" class=\"c-chat-input__submit\"\n        [disabled]=\"!currentMessage().trim() && selectedFiles().length === 0\" (click)=\"sendMessage()\">\n        <span class=\"icon-chat-send\"></span>\n      </button>\n    </div>\n    @if (mergedConfig().allowFileAttachments) {\n    <input #fileInput type=\"file\" multiple style=\"display: none\" (change)=\"onFileSelected($event)\" />\n    }\n  </div>\n  }\n</div>\n}\n\n<!-- @if (showImageModal()) {\n<div class=\"c-img-modal js-img-modal is-visible\">\n  <span \n    class=\"c-img-modal__close icon-cross-thin js-gallery-modal-close\"\n    (click)=\"closeImageModal()\"\n  ></span>\n  <div \n    class=\"c-img-modal__overlay js-img-modal-close\"\n    (click)=\"closeImageModal()\"\n  ></div>\n  <div class=\"c-img-modal__holder\">\n    <img \n      class=\"js-img-modal-img\" \n      [src]=\"selectedImage()\" \n      alt=\"Imagen Ampliada\"\n    />\n  </div>\n</div>\n} -->", styles: [".c-img-preview{position:relative;width:100%;height:100%}.c-img-preview__placeholder{position:absolute;bottom:.5rem;left:.5rem;right:.5rem;background-color:#000000b3;color:#fff;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;text-align:center}.c-chat-image-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem;background-color:#f8fafc;border:2px dashed #e2e8f0;border-radius:.5rem;min-height:8rem}.c-chat-image-placeholder .icon-image{font-size:2rem;color:#9ca3af;margin-bottom:.5rem}.c-chat-image-placeholder p{margin:0;color:#6b7280;font-size:.875rem;text-align:center}.c-chat-files__preview{width:50px;height:50px;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:.25rem}.c-chat-loading-spinner{display:inline-block;width:16px;height:16px;border:2px solid #f3f3f3;border-top:2px solid #3498db;border-radius:50%;animation:spin 1s linear infinite}.c-chat-input__submit.is-sending{opacity:.7;cursor:not-allowed}.c-chat-sending-global-indicator{margin-top:.5rem}.c-chat-sending-global-indicator .c-chat-bubble{background-color:#f8f9fa;border:1px solid #e9ecef}.c-chat-sending-global-indicator .c-chat-bubble .c-chat-bubble__content{padding:.5rem .75rem}.c-chat-sending-message{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#6c757d}.c-chat-sending-spinner{display:inline-block;width:12px;height:12px;border:2px solid #f3f3f3;border-top:2px solid #007bff;border-radius:50%;animation:spin 1s linear infinite}.c-chat-sending-text{font-style:italic}.c-chat-sending-indicator{display:flex;align-items:center;gap:.5rem;margin-top:.25rem;font-size:.75rem;color:#6c757d}.c-chat-sending-indicator .c-chat-dots{display:inline-flex;gap:2px}.c-chat-sending-indicator .c-chat-dots span{display:inline-block;width:4px;height:4px;background-color:#007bff;border-radius:50%;animation:pulse 1.4s ease-in-out infinite both}.c-chat-sending-indicator .c-chat-dots span:nth-child(1){animation-delay:-.32s}.c-chat-sending-indicator .c-chat-dots span:nth-child(2){animation-delay:-.16s}.c-chat-sending-indicator .c-chat-dots span:nth-child(3){animation-delay:0s}.c-chat-error-indicator{display:flex;align-items:center;gap:.25rem;margin-top:.25rem;font-size:.75rem;color:#dc3545}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.c-chat-scroll-sentinel{width:100%;min-height:1px;position:relative}.c-chat-loading-more{display:flex;justify-content:center;align-items:center;padding:1rem}.c-chat-loading-more .c-chat-dots{display:inline-flex;gap:4px}.c-chat-loading-more .c-chat-dots span{display:inline-block;width:8px;height:8px;background-color:#007bff;border-radius:50%;animation:pulse 1.4s ease-in-out infinite both}.c-chat-loading-more .c-chat-dots span:nth-child(1){animation-delay:-.32s}.c-chat-loading-more .c-chat-dots span:nth-child(2){animation-delay:-.16s}.c-chat-loading-more .c-chat-dots span:nth-child(3){animation-delay:0s}\n"] }]
+        }], ctorParameters: () => [{ type: GenericChatService }], propDecorators: { scrollSentinelElement: [{
+                type: ViewChild,
+                args: ['scrollSentinel', { read: ElementRef }]
+            }], handleKeyboardEvent: [{
+                type: HostListener,
+                args: ['document:keydown', ['$event']]
+            }] } });
+
 class CacheBustingInterceptor {
     intercept(req, next) {
         if (req.url.includes('/assets/i18n/') && req.url.endsWith('.json')) {
@@ -13627,79 +14914,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
 
 ;
 
-class TranslationMergeService {
-    http;
-    constructor(http) {
-        this.http = http;
-    }
-    loadCombinedTranslations(lang, projectPath = './assets/i18n/', projectFileName = 'main.json', corePath = './assets/i18n/', coreFileName = 'common.json', useNodeModules = false) {
-        const projectUrl = `${projectPath}${lang}/${projectFileName}`;
-        const projectTranslations$ = this.http.get(projectUrl).pipe(catchError$1(error => {
-            console.warn(`No se pudieron cargar las traducciones del proyecto desde: ${projectUrl}`, error);
-            return of({});
-        }));
-        const coreTranslations$ = useNodeModules
-            ? this.loadCoreTranslationsWithFallback(lang, coreFileName)
-            : this.http.get(`${corePath}${lang}/${coreFileName}`).pipe(catchError$1(error => {
-                console.warn(`No se pudieron cargar las traducciones del core-ui desde: ${corePath}${lang}/${coreFileName}`, error);
-                return of({});
-            }));
-        return forkJoin({
-            project: projectTranslations$,
-            core: coreTranslations$
-        }).pipe(map$1(({ project, core }) => {
-            const merged = this.mergeWithProjectPriority(core, project);
-            return merged;
-        }));
-    }
-    loadCoreTranslationsWithFallback(lang, coreFileName) {
-        const possiblePaths = [
-            `./assets/i18n/${lang}/${coreFileName}`,
-            `./node_modules/@solcre-org/core-ui/assets/i18n/${lang}/${coreFileName}`,
-            `./i18n/${lang}/${coreFileName}`,
-        ];
-        return this.tryLoadFromPaths(possiblePaths, 0);
-    }
-    tryLoadFromPaths(paths, index) {
-        if (index >= paths.length) {
-            console.warn('No se pudieron cargar las traducciones del core-ui desde ninguna ruta');
-            return of({});
-        }
-        const currentPath = paths[index];
-        return this.http.get(currentPath).pipe(catchError$1(error => {
-            console.warn(`Fallo al cargar desde: ${currentPath}`, error);
-            return this.tryLoadFromPaths(paths, index + 1);
-        }));
-    }
-    mergeWithProjectPriority(coreTranslations, projectTranslations) {
-        const result = { ...coreTranslations };
-        for (const key in projectTranslations) {
-            if (projectTranslations.hasOwnProperty(key)) {
-                if (projectTranslations[key] &&
-                    typeof projectTranslations[key] === 'object' &&
-                    !Array.isArray(projectTranslations[key]) &&
-                    result[key] &&
-                    typeof result[key] === 'object' &&
-                    !Array.isArray(result[key])) {
-                    result[key] = this.mergeWithProjectPriority(result[key], projectTranslations[key]);
-                }
-                else {
-                    result[key] = projectTranslations[key];
-                }
-            }
-        }
-        return result;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: TranslationMergeService, deps: [{ token: i1$1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: TranslationMergeService, providedIn: 'root' });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: TranslationMergeService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }], ctorParameters: () => [{ type: i1$1.HttpClient }] });
-
 class CoreUiTranslateLoader {
     projectPath;
     projectFileName;
@@ -13762,9 +14976,6 @@ function provideCoreUiTranslateLoader(config) {
     }));
 }
 
-const PERMISSION_RESOURCES_PROVIDER = new InjectionToken('PERMISSION_RESOURCES_PROVIDER');
-const PERMISSION_ACTIONS_PROVIDER = new InjectionToken('PERMISSION_ACTIONS_PROVIDER');
-
 function providePermissionService(permissionService) {
     return {
         provide: PERMISSION_PROVIDER,
@@ -13835,70 +15046,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
                 }]
         }] });
 
-class CoreUiTranslateService {
-    translateService = inject(TranslateService);
-    initialize(defaultLang = 'es', currentLang) {
-        this.translateService.setDefaultLang(defaultLang);
-        this.translateService.use(currentLang || defaultLang);
-    }
-    changeLanguage(lang) {
-        return this.translateService.use(lang);
-    }
-    instant(key, params) {
-        return this.translateService.instant(key, params);
-    }
-    get(key, params) {
-        return this.translateService.get(key, params);
-    }
-    getMany(keys, params) {
-        return this.translateService.get(keys, params);
-    }
-    getCurrentLang() {
-        return this.translateService.currentLang;
-    }
-    getDefaultLang() {
-        return this.translateService.getDefaultLang();
-    }
-    getTranslateService() {
-        return this.translateService;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: CoreUiTranslateService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: CoreUiTranslateService, providedIn: 'root' });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: CoreUiTranslateService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }] });
-
-class PermissionEnumsService {
-    externalResources = inject(PERMISSION_RESOURCES_PROVIDER, { optional: true });
-    externalActions = inject(PERMISSION_ACTIONS_PROVIDER, { optional: true });
-    getResources() {
-        return this.externalResources || PermissionsResources;
-    }
-    getActions() {
-        return this.externalActions || PermissionsActions;
-    }
-    getResourceValue(key) {
-        const resources = this.getResources();
-        return resources[key];
-    }
-    getActionValue(key) {
-        const actions = this.getActions();
-        return actions[key];
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: PermissionEnumsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: PermissionEnumsService, providedIn: 'root' });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: PermissionEnumsService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }] });
-
 /*
  * Public API Surface of core-ui-library
  */
@@ -13907,5 +15054,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { ActiveFiltersComponent, AlertComponent, AlertContainerComponent, AlertService, AlertType, ApiConfigurationProvider, BaseFieldComponent, ButtonContext, ButtonSize, ButtonType, CacheBustingInterceptor, CardComponent, CarouselComponent, CheckboxFieldComponent, ConfigurationModel, ConfirmationDialogComponent, ConfirmationDialogService, CoreHostDirective, CoreUiHttpLoaderFactory, CoreUiTranslateLoader, CoreUiTranslateService, DataListComponent, DataListItemComponent, DateFieldComponent, DateUtility, DatetimeFieldComponent, DialogActions, DocumentAction, DocumentDisplayMode, DropdownComponent, DropdownDirection, DropdownService, DynamicFieldDirective, DynamicFieldsHelper, FieldErrorsComponent, FieldType, FileFieldComponent, FileModel, FileTemplateModel, FileTemplateType, FileType, FileTypeModel, FileUploadService, FilterModalComponent, FilterService, FilterType, GenericButtonComponent, GenericDocumentationComponent, GenericModalComponent, GenericPaginationComponent, GenericRatingComponent, GenericSidebarComponent, GenericSkeletonComponent, GenericStepsComponent, GenericTableComponent, GenericTabsComponent, GenericTimelineComponent, GlobalApiConfigService, HeaderComponent, HeaderConfigurationService, HeaderElementType, HeaderService, HttpLoaderFactory, ImageModalComponent, ImageModalService, ImagePreviewComponent, LayoutAuth, LayoutBreakpoint, LayoutComponent, LayoutService, LayoutStateService, LayoutType, LoaderComponent, LoaderService, MainNavComponent, MainNavService, ModalMode, ModelApiService, MultiEntryFieldComponent, MultiEntryOutputFormat, NumberFieldComponent, NumberFieldConfigType, NumberFieldType, NumberRange, PERMISSION_ACTIONS_PROVIDER, PERMISSION_PROVIDER, PERMISSION_RESOURCES_PROVIDER, PaginationService, PasswordFieldComponent, PermissionEnumsService, PermissionModel, PermissionService, PermissionWrapperService, PermissionsActions, PermissionsInterceptor, PermissionsResources, ProgressBarComponent, ProgressBarSize, RatingService, RatingSize, RatingType, ResetPasswordModel, RoleModel, SelectFieldComponent, ServerSelectFieldComponent, ServerSelectService, SidebarCustomModalComponent, SidebarCustomModalService, SidebarHeight, SidebarMobileModalService, SidebarMobileType, SidebarPosition, SidebarService, SidebarState, SidebarTemplateRegistryService, SidebarVisibility, SidebarWidth, SkeletonAnimation, SkeletonService, SkeletonSize, SkeletonType, SmartFieldComponent, SortDirection, SortMode, StepSize, StepStatus, StepType, StepsService, SwitchFieldComponent, TableAction, TableActionService, TableDataService, TableSortService, TextAreaFieldComponent, TextFieldComponent, TimeFieldComponent, TimeInterval, TimelineService, TimelineStatus, TimelineType, TranslationMergeService, UsersModel, VERSION, equalToValidator, isSameDate, provideCoreUiTranslateLoader, providePermissionActions, providePermissionEnums, providePermissionResources, providePermissionService, providePermissionServiceFactory, provideTranslateLoader };
+export { ActiveFiltersComponent, AlertComponent, AlertContainerComponent, AlertService, AlertType, ApiConfigurationProvider, BaseFieldComponent, ButtonContext, ButtonSize, ButtonType, CacheBustingInterceptor, CardComponent, CarouselComponent, ChatMessagePosition, ChatMessageType, CheckboxFieldComponent, ConfigurationModel, ConfirmationDialogComponent, ConfirmationDialogService, CoreHostDirective, CoreUiHttpLoaderFactory, CoreUiTranslateLoader, CoreUiTranslateService, DataListComponent, DataListItemComponent, DateFieldComponent, DateUtility, DatetimeFieldComponent, DialogActions, DocumentAction, DocumentDisplayMode, DropdownComponent, DropdownDirection, DropdownService, DynamicFieldDirective, DynamicFieldsHelper, FieldErrorsComponent, FieldType, FileFieldComponent, FileModel, FilePreviewActionType, FileTemplateModel, FileTemplateType, FileType, FileTypeModel, FileUploadService, FilterModalComponent, FilterService, FilterType, GenericButtonComponent, GenericChatComponent, GenericChatService, GenericDocumentationComponent, GenericModalComponent, GenericPaginationComponent, GenericRatingComponent, GenericSidebarComponent, GenericSkeletonComponent, GenericStepsComponent, GenericTableComponent, GenericTabsComponent, GenericTimelineComponent, GlobalApiConfigService, HeaderComponent, HeaderConfigurationService, HeaderElementType, HeaderService, HttpLoaderFactory, ImageModalComponent, ImageModalService, ImagePreviewComponent, LayoutAuth, LayoutBreakpoint, LayoutComponent, LayoutService, LayoutStateService, LayoutType, LoaderComponent, LoaderService, MainNavComponent, MainNavService, ModalMode, ModelApiService, MultiEntryFieldComponent, MultiEntryOutputFormat, NumberFieldComponent, NumberFieldConfigType, NumberFieldType, NumberRange, PERMISSION_ACTIONS_PROVIDER, PERMISSION_PROVIDER, PERMISSION_RESOURCES_PROVIDER, PaginationService, PasswordFieldComponent, PermissionEnumsService, PermissionModel, PermissionService, PermissionWrapperService, PermissionsActions, PermissionsInterceptor, PermissionsResources, ProgressBarComponent, ProgressBarSize, RatingService, RatingSize, RatingType, ResetPasswordModel, RoleModel, SelectFieldComponent, ServerSelectFieldComponent, ServerSelectService, SidebarCustomModalComponent, SidebarCustomModalService, SidebarHeight, SidebarMobileModalService, SidebarMobileType, SidebarPosition, SidebarService, SidebarState, SidebarTemplateRegistryService, SidebarVisibility, SidebarWidth, SkeletonAnimation, SkeletonService, SkeletonSize, SkeletonType, SmartFieldComponent, SortDirection, SortMode, StepSize, StepStatus, StepType, StepsService, SwitchFieldComponent, TableAction, TableActionService, TableDataService, TableSortService, TextAreaFieldComponent, TextFieldComponent, TimeFieldComponent, TimeInterval, TimelineService, TimelineStatus, TimelineType, TranslationMergeService, UsersModel, VERSION, equalToValidator, isSameDate, provideCoreUiTranslateLoader, providePermissionActions, providePermissionEnums, providePermissionResources, providePermissionService, providePermissionServiceFactory, provideTranslateLoader };
 //# sourceMappingURL=solcre-org-core-ui.mjs.map