@solcre-org/core-ui 2.12.0 → 2.12.2

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

@@ -969,6 +969,7 @@ class ImagePreviewComponent {
     borderRadius = input('4px');
     cursor = input('pointer');
     loading = input('lazy');
+    isRelative = input(false);
     onImageClick() {
         this.imageModalService.openImageModal({
             src: this.src(),
@@ -977,7 +978,7 @@ 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.1.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 } }, ngImport: i0, template: "<div class=\"c-img-preview\" \n     (click)=\"onImageClick()\">\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</div>", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.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 } }, ngImport: i0, template: "<div class=\"c-img-preview\" \n     (click)=\"onImageClick()\">\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</div>", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: ImagePreviewComponent, decorators: [{
             type: Component,
@@ -1469,7 +1470,7 @@ class FileFieldComponent extends BaseFieldComponent {
         this.onBlur();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: FileFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: FileFieldComponent, isStandalone: true, selector: "core-file-field", usesInheritance: true, hostDirectives: [{ directive: CoreHostDirective }], ngImport: i0, template: "<label class=\"c-entry-item\" [class.c-entry-item--inline]=\"field().inline\">\n  @if (field().label) {\n    <span class=\"c-entry-text\">\n      {{ field().label | translate }}\n      @if (hasRequiredValidators()) {\n        <span class=\"c-required\">*</span>\n      }\n    </span>\n  }\n  <div class=\"c-entry-file\" [class.has-error]=\"hasError()\">\n    @if(fieldConfig().multiple || isEditMode() || allFiles().length === 0) {\n      <label class=\"c-entry-file__label\">\n        <span class=\"icon-upload c-entry-file__icon\"></span>\n        <input\n          type=\"file\"\n          class=\"c-entry-file__input\"\n          (change)=\"onFileSelected($event)\"\n          [accept]=\"fieldConfig().accept\"\n          [multiple]=\"fieldConfig().multiple\"\n          (blur)=\"onBlurInput()\"\n          [readonly]=\"isReadonly()\"\n        >\n        {{ fieldConfig().placeholder ?? fieldConfig().label | translate }}\n        @if(fieldConfig().acceptString) {\n          <br>\n          <span class=\"c-entry-file__filename\" id=\"file-name\">{{ fieldConfig().acceptString }}</span>\n        }\n      </label>\n    }\n\n    @if (allFiles().length > 0) {\n      <div class=\"c-attachments\">\n        <p class=\"c-entry-text\">{{ 'files.attachedFiles' | translate }}</p>\n        \n        <ul class=\"c-attachments__list\">\n          @for (file of allFiles(); track $index; let i = $index) {\n            <li class=\"c-attachments__item\">\n              <div class=\"c-bulleted-text\">\n                @if(!isServerFile(file)) {\n                  <time>{{ getCurrentDate() }}</time>\n                  <span>{{ getCurrentUser() }}</span>\n                }\n              </div>\n              \n              <div class=\"c-attachments__holder\">\n                  @if(!isServerFile(file) && file.type.startsWith('image/') && fieldConfig().showPreview !== false) {\n                    <div class=\"c-attachments__content\">\n                      <div class=\"c-attachments__pic\">\n                        @if(isPreviewFile(file) && getOriginalUrl(file)) {\n                          <core-image-preview\n                            [src]=\"getOriginalUrl(file)!\"\n                            [alt]=\"file.name\"\n                          ></core-image-preview>\n                        } @else if(getPreviewUrl(file)) {\n                          <core-image-preview\n                            [src]=\"getPreviewUrl(file)!\"\n                            [alt]=\"file.name\"\n                          ></core-image-preview>\n                        }\n                      </div>\n                      <div class=\"c-attachments__text\">\n                        <span class=\"c-attachments__name-file\">{{ file.name }}</span>\n                        <span class=\"c-attachments__file-size\">({{ formatFileSize(file.size) }})</span>\n                      </div>\n                    </div>\n                  } @else {\n                    <a class=\"c-attachments__content\">\n                      @if(isServerFile(file)) {\n                        <span class=\"icon-file\"></span>\n                        {{ file.filename }}\n                      } @else {\n                        <span [class]=\"getFileIcon(file)\"></span>\n                        <div class=\"c-attachments__text\">\n                          <span class=\"c-attachments__name-file\">{{ file.name }}</span>\n                          <span class=\"c-attachments__file-size\">({{ formatFileSize(file.size) }})</span>\n                        </div>\n                      }\n                    </a>\n                  }\n\n                  <div class=\"c-attachments__actions u-flex u-flex--wrap\">\n                    <button \n                      type=\"button\" \n                      class=\"c-link context:error\" \n                      (click)=\"removeFile(i)\"\n                      [title]=\"'files.remove' | translate\"\n                    >\n                      <span class=\"icon-delete\"></span>\n                      {{ 'files.remove' | translate }}\n                    </button>\n\n                    @if(fieldConfig().customActions) {\n                      @for(action of fieldConfig().customActions; track action.id) {\n                        <button \n                          type=\"button\"\n                          class=\"c-link c-link--underlined\" \n                          (click)=\"action.action(file)\"\n                          [title]=\"action.label | translate\"\n                        >\n                          {{ action.label | translate }}\n                          <span [ngClass]=\"action.icon | coreIconCompat\"></span>\n                        </button>\n                      }\n                    }\n                  </div>\n              </div>\n            </li>\n          }\n        </ul>\n      </div>\n    }\n  </div>\n  <core-field-errors [errors]=\"errors()\" />\n  @if(displayErrorMessage()) {\n    <span class=\"c-entry-error\">{{ displayErrorMessage()!.key | translate:displayErrorMessage()!.params }}</span>\n  }\n</label>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "component", type: FieldErrorsComponent, selector: "core-field-errors", inputs: ["errors"] }, { kind: "pipe", type: IconCompatPipe, name: "coreIconCompat" }, { kind: "component", type: ImagePreviewComponent, selector: "core-image-preview", inputs: ["src", "alt", "title", "width", "height", "objectFit", "borderRadius", "cursor", "loading"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: FileFieldComponent, isStandalone: true, selector: "core-file-field", usesInheritance: true, hostDirectives: [{ directive: CoreHostDirective }], ngImport: i0, template: "<label class=\"c-entry-item\" [class.c-entry-item--inline]=\"field().inline\">\n  @if (field().label) {\n    <span class=\"c-entry-text\">\n      {{ field().label | translate }}\n      @if (hasRequiredValidators()) {\n        <span class=\"c-required\">*</span>\n      }\n    </span>\n  }\n  <div class=\"c-entry-file\" [class.has-error]=\"hasError()\">\n    @if(fieldConfig().multiple || isEditMode() || allFiles().length === 0) {\n      <label class=\"c-entry-file__label\">\n        <span class=\"icon-upload c-entry-file__icon\"></span>\n        <input\n          type=\"file\"\n          class=\"c-entry-file__input\"\n          (change)=\"onFileSelected($event)\"\n          [accept]=\"fieldConfig().accept\"\n          [multiple]=\"fieldConfig().multiple\"\n          (blur)=\"onBlurInput()\"\n          [readonly]=\"isReadonly()\"\n        >\n        {{ fieldConfig().placeholder ?? fieldConfig().label | translate }}\n        @if(fieldConfig().acceptString) {\n          <br>\n          <span class=\"c-entry-file__filename\" id=\"file-name\">{{ fieldConfig().acceptString }}</span>\n        }\n      </label>\n    }\n\n    @if (allFiles().length > 0) {\n      <div class=\"c-attachments\">\n        <p class=\"c-entry-text\">{{ 'files.attachedFiles' | translate }}</p>\n        \n        <ul class=\"c-attachments__list\">\n          @for (file of allFiles(); track $index; let i = $index) {\n            <li class=\"c-attachments__item\">\n              <div class=\"c-bulleted-text\">\n                @if(!isServerFile(file)) {\n                  <time>{{ getCurrentDate() }}</time>\n                  <span>{{ getCurrentUser() }}</span>\n                }\n              </div>\n              \n              <div class=\"c-attachments__holder\">\n                  @if(!isServerFile(file) && file.type.startsWith('image/') && fieldConfig().showPreview !== false) {\n                    <div class=\"c-attachments__content\">\n                      <div class=\"c-attachments__pic\">\n                        @if(isPreviewFile(file) && getOriginalUrl(file)) {\n                          <core-image-preview\n                            [src]=\"getOriginalUrl(file)!\"\n                            [alt]=\"file.name\"\n                          ></core-image-preview>\n                        } @else if(getPreviewUrl(file)) {\n                          <core-image-preview\n                            [src]=\"getPreviewUrl(file)!\"\n                            [alt]=\"file.name\"\n                          ></core-image-preview>\n                        }\n                      </div>\n                      <div class=\"c-attachments__text\">\n                        <span class=\"c-attachments__name-file\">{{ file.name }}</span>\n                        <span class=\"c-attachments__file-size\">({{ formatFileSize(file.size) }})</span>\n                      </div>\n                    </div>\n                  } @else {\n                    <a class=\"c-attachments__content\">\n                      @if(isServerFile(file)) {\n                        <span class=\"icon-file\"></span>\n                        {{ file.filename }}\n                      } @else {\n                        <span [class]=\"getFileIcon(file)\"></span>\n                        <div class=\"c-attachments__text\">\n                          <span class=\"c-attachments__name-file\">{{ file.name }}</span>\n                          <span class=\"c-attachments__file-size\">({{ formatFileSize(file.size) }})</span>\n                        </div>\n                      }\n                    </a>\n                  }\n\n                  <div class=\"c-attachments__actions u-flex u-flex--wrap\">\n                    <button \n                      type=\"button\" \n                      class=\"c-link context:error\" \n                      (click)=\"removeFile(i)\"\n                      [title]=\"'files.remove' | translate\"\n                    >\n                      <span class=\"icon-delete\"></span>\n                      {{ 'files.remove' | translate }}\n                    </button>\n\n                    @if(fieldConfig().customActions) {\n                      @for(action of fieldConfig().customActions; track action.id) {\n                        <button \n                          type=\"button\"\n                          class=\"c-link c-link--underlined\" \n                          (click)=\"action.action(file)\"\n                          [title]=\"action.label | translate\"\n                        >\n                          {{ action.label | translate }}\n                          <span [ngClass]=\"action.icon | coreIconCompat\"></span>\n                        </button>\n                      }\n                    }\n                  </div>\n              </div>\n            </li>\n          }\n        </ul>\n      </div>\n    }\n  </div>\n  <core-field-errors [errors]=\"errors()\" />\n  @if(displayErrorMessage()) {\n    <span class=\"c-entry-error\">{{ displayErrorMessage()!.key | translate:displayErrorMessage()!.params }}</span>\n  }\n</label>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "component", type: FieldErrorsComponent, selector: "core-field-errors", inputs: ["errors"] }, { kind: "pipe", type: IconCompatPipe, name: "coreIconCompat" }, { kind: "component", type: ImagePreviewComponent, selector: "core-image-preview", inputs: ["src", "alt", "title", "width", "height", "objectFit", "borderRadius", "cursor", "loading", "isRelative"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: FileFieldComponent, decorators: [{
             type: Component,
@@ -10830,12 +10831,12 @@ 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.0',
+    full: '2.12.2',
     major: 2,
     minor: 12,
-    patch: 0,
-    timestamp: '2025-09-02T20:07:18.238Z',
-    buildDate: '2/9/2025'
+    patch: 2,
+    timestamp: '2025-09-03T13:16:06.353Z',
+    buildDate: '3/9/2025'
 };
 
 class MainNavComponent {
@@ -12278,460 +12279,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
                 }]
         }] });
 
-var SliderActionType;
-(function (SliderActionType) {
-    SliderActionType["CLICK"] = "click";
-    SliderActionType["CHANGE"] = "change";
-    SliderActionType["BEFORE_CHANGE"] = "beforeChange";
-    SliderActionType["AFTER_CHANGE"] = "afterChange";
-    SliderActionType["EDGE"] = "edge";
-    SliderActionType["SWIPE"] = "swipe";
-})(SliderActionType || (SliderActionType = {}));
-
-class SliderService {
-    currentIndex = signal(0);
-    items = signal([]);
-    config = signal({});
-    getCurrentIndex = computed(() => this.currentIndex());
-    getItems = computed(() => this.items());
-    getConfig = computed(() => this.config());
-    getTotalItems = computed(() => this.items().length);
-    getNavigation = computed(() => {
-        const current = this.currentIndex();
-        const total = this.items().length;
-        const infinite = this.config().infinite ?? false;
-        return {
-            currentIndex: current,
-            totalItems: total,
-            canGoPrev: infinite || current > 0,
-            canGoNext: infinite || current < total - 1
-        };
-    });
-    getCurrentItem = computed(() => {
-        const items = this.items();
-        const index = this.currentIndex();
-        return items[index] || null;
-    });
-    setItems(items) {
-        this.items.set(items);
-        if (this.currentIndex() >= items.length) {
-            this.currentIndex.set(Math.max(0, items.length - 1));
-        }
-    }
-    setConfig(config) {
-        this.config.set(config);
-    }
-    goToSlide(index) {
-        const items = this.items();
-        if (index >= 0 && index < items.length) {
-            this.currentIndex.set(index);
-        }
-    }
-    nextSlide() {
-        const current = this.currentIndex();
-        const total = this.items().length;
-        const infinite = this.config().infinite ?? false;
-        if (infinite) {
-            this.currentIndex.set((current + 1) % total);
-        }
-        else if (current < total - 1) {
-            this.currentIndex.set(current + 1);
-        }
-    }
-    prevSlide() {
-        const current = this.currentIndex();
-        const total = this.items().length;
-        const infinite = this.config().infinite ?? false;
-        if (infinite) {
-            this.currentIndex.set(current === 0 ? total - 1 : current - 1);
-        }
-        else if (current > 0) {
-            this.currentIndex.set(current - 1);
-        }
-    }
-    reset() {
-        this.currentIndex.set(0);
-    }
-    getSlidesByConfig() {
-        const items = this.items();
-        const slidesToShow = this.config().slidesToShow ?? 1;
-        const currentIndex = this.currentIndex();
-        if (slidesToShow === 1) {
-            return [items[currentIndex]].filter(Boolean);
-        }
-        const result = [];
-        for (let i = 0; i < slidesToShow; i++) {
-            const index = (currentIndex + i) % items.length;
-            if (items[index]) {
-                result.push(items[index]);
-            }
-        }
-        return result;
-    }
-    getThumbnails() {
-        return this.items().map(item => ({
-            ...item,
-            imageUrl: item.thumbnailUrl || item.imageUrl
-        }));
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SliderService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SliderService, providedIn: 'root' });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SliderService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }] });
-
-class GenericSliderComponent {
-    sliderService = inject(SliderService);
-    autoPlayInterval = null;
-    items = input([]);
-    config = input({
-        autoPlay: false,
-        autoPlayInterval: 3000,
-        showDots: true,
-        showArrows: true,
-        showThumbnails: false,
-        infinite: true,
-        slidesToShow: 1,
-        slidesToScroll: 1,
-        centerMode: false,
-        height: '400px',
-        thumbnailHeight: '80px',
-        showPreview: true,
-        enableKeyboard: true,
-        swipeToSlide: true,
-        pauseOnHover: true,
-        showCounter: false,
-        lazyLoad: true,
-        fadeEffect: false,
-        verticalThumbnails: false
-    });
-    actionTriggered = output();
-    slideChanged = output();
-    isHovered = signal(false);
-    isDragging = signal(false);
-    startX = signal(0);
-    currentX = signal(0);
-    currentIndex = computed(() => this.sliderService.getCurrentIndex());
-    totalItems = computed(() => this.sliderService.getTotalItems());
-    currentItem = computed(() => this.sliderService.getCurrentItem());
-    navigation = computed(() => this.sliderService.getNavigation());
-    visibleSlides = computed(() => this.sliderService.getSlidesByConfig());
-    thumbnails = computed(() => this.sliderService.getThumbnails());
-    mergedConfig = computed(() => ({
-        ...this.config(),
-        ...this.sliderService.getConfig()
-    }));
-    canAutoPlay = computed(() => {
-        const config = this.mergedConfig();
-        return config.autoPlay && !this.isHovered() && !this.isDragging();
-    });
-    showDots = computed(() => this.mergedConfig().showDots && this.totalItems() > 1);
-    showArrows = computed(() => this.mergedConfig().showArrows && this.totalItems() > 1);
-    showThumbnails = computed(() => this.mergedConfig().showThumbnails && this.totalItems() > 1);
-    showCounter = computed(() => this.mergedConfig().showCounter && this.totalItems() > 1);
-    containerStyles = computed(() => ({
-        height: this.mergedConfig().height || '400px',
-        position: 'relative',
-        overflow: 'hidden'
-    }));
-    slideStyles = computed(() => {
-        const config = this.mergedConfig();
-        const slidesToShow = config.slidesToShow || 1;
-        const currentIndex = this.currentIndex();
-        const totalItems = this.totalItems();
-        const totalWidth = (totalItems / slidesToShow) * 100;
-        const slideWidth = 100 / slidesToShow;
-        const translateX = -(currentIndex * slideWidth);
-        return {
-            transform: `translateX(${translateX}%)`,
-            transition: this.isDragging() ? 'none' : 'transform 0.3s ease-in-out',
-            display: 'flex',
-            width: `${totalWidth}%`
-        };
-    });
-    prevButtonConfig = computed(() => ({
-        type: ButtonType.PRIMARY,
-        context: ButtonContext.DEFAULT,
-        size: ButtonSize.SMALL,
-        text: '',
-        icon: 'icon-arrow-left',
-        disabled: !this.navigation().canGoPrev,
-        ariaLabel: 'slider.previous'
-    }));
-    nextButtonConfig = computed(() => ({
-        type: ButtonType.PRIMARY,
-        context: ButtonContext.DEFAULT,
-        size: ButtonSize.SMALL,
-        text: '',
-        icon: 'icon-arrow-right',
-        disabled: !this.navigation().canGoNext,
-        ariaLabel: 'slider.next'
-    }));
-    constructor() {
-        effect(() => {
-            this.sliderService.setItems(this.items());
-        });
-        effect(() => {
-            this.sliderService.setConfig(this.config());
-        });
-        effect(() => {
-            const currentIndex = this.currentIndex();
-            const currentItem = this.currentItem();
-            if (currentItem) {
-                this.slideChanged.emit({ currentIndex, currentItem });
-            }
-        });
-        effect(() => {
-            if (this.canAutoPlay()) {
-                this.startAutoPlay();
-            }
-            else {
-                this.stopAutoPlay();
-            }
-        });
-    }
-    ngOnInit() {
-        this.setupAutoPlay();
-    }
-    ngOnDestroy() {
-        this.stopAutoPlay();
-    }
-    onKeydown(event) {
-        if (!this.mergedConfig().enableKeyboard)
-            return;
-        switch (event.key) {
-            case 'ArrowLeft':
-                event.preventDefault();
-                this.goToPrevious();
-                break;
-            case 'ArrowRight':
-                event.preventDefault();
-                this.goToNext();
-                break;
-            case ' ':
-                event.preventDefault();
-                this.toggleAutoPlay();
-                break;
-            case 'Home':
-                event.preventDefault();
-                this.goToSlide(0);
-                break;
-            case 'End':
-                event.preventDefault();
-                this.goToSlide(this.totalItems() - 1);
-                break;
-        }
-    }
-    goToSlide(index) {
-        const previousIndex = this.currentIndex();
-        this.sliderService.goToSlide(index);
-        this.emitAction(SliderActionType.CHANGE, this.currentItem(), index);
-        if (previousIndex !== index) {
-            this.emitAction(SliderActionType.AFTER_CHANGE, this.currentItem(), index);
-        }
-    }
-    goToNext() {
-        const config = this.mergedConfig();
-        const current = this.currentIndex();
-        const total = this.totalItems();
-        const slidesToShow = config.slidesToShow || 1;
-        const slidesToScroll = config.slidesToScroll || 1;
-        let nextIndex;
-        if (config.infinite) {
-            nextIndex = (current + slidesToScroll) % total;
-        }
-        else {
-            const maxIndex = Math.max(0, total - slidesToShow);
-            nextIndex = Math.min(current + slidesToScroll, maxIndex);
-        }
-        this.goToSlide(nextIndex);
-    }
-    goToPrevious() {
-        const config = this.mergedConfig();
-        const current = this.currentIndex();
-        const total = this.totalItems();
-        const slidesToScroll = config.slidesToScroll || 1;
-        let prevIndex;
-        if (config.infinite) {
-            prevIndex = current - slidesToScroll < 0 ? total - slidesToScroll : current - slidesToScroll;
-        }
-        else {
-            prevIndex = Math.max(current - slidesToScroll, 0);
-        }
-        this.goToSlide(prevIndex);
-    }
-    setupAutoPlay() {
-        if (this.mergedConfig().autoPlay) {
-            this.startAutoPlay();
-        }
-    }
-    startAutoPlay() {
-        this.stopAutoPlay();
-        if (this.canAutoPlay()) {
-            this.autoPlayInterval = setInterval(() => {
-                if (this.canAutoPlay()) {
-                    this.goToNext();
-                }
-            }, this.mergedConfig().autoPlayInterval || 3000);
-        }
-    }
-    stopAutoPlay() {
-        if (this.autoPlayInterval) {
-            clearInterval(this.autoPlayInterval);
-            this.autoPlayInterval = null;
-        }
-    }
-    toggleAutoPlay() {
-        if (this.canAutoPlay()) {
-            this.stopAutoPlay();
-        }
-        else {
-            this.startAutoPlay();
-        }
-    }
-    onMouseEnter() {
-        if (this.mergedConfig().pauseOnHover) {
-            this.isHovered.set(true);
-        }
-    }
-    onMouseLeave() {
-        if (this.mergedConfig().pauseOnHover) {
-            this.isHovered.set(false);
-        }
-    }
-    onTouchStart(event) {
-        if (!this.mergedConfig().swipeToSlide)
-            return;
-        this.isDragging.set(true);
-        this.startX.set(event.touches[0].clientX);
-    }
-    onTouchMove(event) {
-        if (!this.isDragging() || !this.mergedConfig().swipeToSlide)
-            return;
-        this.currentX.set(event.touches[0].clientX);
-        event.preventDefault();
-    }
-    onTouchEnd() {
-        if (!this.isDragging() || !this.mergedConfig().swipeToSlide)
-            return;
-        const diffX = this.startX() - this.currentX();
-        const threshold = 50;
-        if (Math.abs(diffX) > threshold) {
-            if (diffX > 0) {
-                this.goToNext();
-            }
-            else {
-                this.goToPrevious();
-            }
-            this.emitAction(SliderActionType.SWIPE, this.currentItem(), this.currentIndex());
-        }
-        this.isDragging.set(false);
-        this.startX.set(0);
-        this.currentX.set(0);
-    }
-    onSlideClick(item, index) {
-        this.emitAction(SliderActionType.CLICK, item, index);
-    }
-    onDotClick(index) {
-        this.goToSlide(index);
-    }
-    onThumbnailClick(index) {
-        this.goToSlide(index);
-    }
-    emitAction(type, item, index) {
-        this.actionTriggered.emit({ type, item, index });
-    }
-    getSlideImage(item) {
-        return item.imageUrl || '';
-    }
-    getSlideAlt(item) {
-        return item.alt || item.title || `Slide ${this.currentIndex() + 1}`;
-    }
-    isActiveSlide(index) {
-        const config = this.mergedConfig();
-        const current = this.currentIndex();
-        const slidesToShow = config.slidesToShow || 1;
-        if (slidesToShow === 1) {
-            return index === current;
-        }
-        else {
-            return index >= current && index < current + slidesToShow;
-        }
-    }
-    isActiveDot(index) {
-        return index === this.currentIndex();
-    }
-    isActiveThumbnail(index) {
-        return index === this.currentIndex();
-    }
-    getCounterText() {
-        return `${this.currentIndex() + 1} / ${this.totalItems()}`;
-    }
-    getSlideWidth() {
-        const config = this.mergedConfig();
-        const slidesToShow = config.slidesToShow || 1;
-        const totalItems = this.totalItems();
-        const widthPercentage = (100 / totalItems);
-        return `${widthPercentage}%`;
-    }
-    getFileTypeIcon(fileType) {
-        const typeMap = {
-            'pdf': 'icon-file-pdf',
-            'doc': 'icon-file-word',
-            'docx': 'icon-file-word',
-            'xls': 'icon-file-excel',
-            'xlsx': 'icon-file-excel',
-            'ppt': 'icon-file-powerpoint',
-            'pptx': 'icon-file-powerpoint',
-            'txt': 'icon-file-text',
-            'zip': 'icon-file-zip',
-            'rar': 'icon-file-zip',
-            'jpg': 'icon-file-image',
-            'jpeg': 'icon-file-image',
-            'png': 'icon-file-image',
-            'gif': 'icon-file-image',
-            'mp4': 'icon-file-video',
-            'avi': 'icon-file-video',
-            'mov': 'icon-file-video',
-            'mp3': 'icon-file-audio',
-            'wav': 'icon-file-audio'
-        };
-        return typeMap[fileType.toLowerCase()] || 'icon-file';
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: GenericSliderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: GenericSliderComponent, isStandalone: true, selector: "core-generic-slider", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { actionTriggered: "actionTriggered", slideChanged: "slideChanged" }, host: { listeners: { "keydown": "onKeydown($event)" } }, ngImport: i0, template: "<div class=\"c-slider\" \n     [style]=\"containerStyles()\"\n     (mouseenter)=\"onMouseEnter()\"\n     (mouseleave)=\"onMouseLeave()\"\n     (touchstart)=\"onTouchStart($event)\"\n     (touchmove)=\"onTouchMove($event)\"\n     (touchend)=\"onTouchEnd()\">\n  \n  <!-- Main slider container -->\n  <div class=\"c-slider__container\">\n    \n    <!-- Previous arrow -->\n    @if (showArrows()) {\n      <div class=\"c-slider__arrow c-slider__arrow--prev\">\n        <core-generic-button\n          [config]=\"prevButtonConfig()\"\n          (buttonClick)=\"goToPrevious()\">\n        </core-generic-button>\n      </div>\n    }\n\n    <!-- Slides wrapper -->\n    <div class=\"c-slider__wrapper\">\n      <div class=\"c-slider__track\" [style]=\"slideStyles()\">\n        @for (slide of items(); track slide.id; let i = $index) {\n          <div class=\"c-slider__slide\" \n               [class.c-slider__slide--active]=\"isActiveSlide(i)\"\n               [style.width]=\"getSlideWidth()\"\n               (click)=\"onSlideClick(slide, i)\">\n            \n            <!-- Image -->\n            <div class=\"c-slider__image-container\">\n              @if (mergedConfig().lazyLoad) {\n                <img [src]=\"getSlideImage(slide)\" \n                     [alt]=\"getSlideAlt(slide)\"\n                     class=\"c-slider__image\"\n                     loading=\"lazy\">\n              } @else {\n                <img [src]=\"getSlideImage(slide)\" \n                     [alt]=\"getSlideAlt(slide)\"\n                     class=\"c-slider__image\">\n              }\n              \n              <!-- File Preview Icon -->\n              @if (mergedConfig().showFilePreview && slide.filePreview) {\n                <div class=\"c-slider__file-preview\">\n                  <div class=\"c-slider__file-icon\">\n                    <span class=\"icon-file\" [ngClass]=\"getFileTypeIcon(slide.filePreview.fileType)\"></span>\n                  </div>\n                  <div class=\"c-slider__file-info\">\n                    <span class=\"c-slider__file-name\">{{ slide.filePreview.fileName }}</span>\n                    @if (slide.filePreview.fileSize) {\n                      <span class=\"c-slider__file-size\">{{ slide.filePreview.fileSize }}</span>\n                    }\n                  </div>\n                </div>\n              }\n              \n              <!-- Overlay content -->\n              @if (slide.title || slide.description) {\n                <div class=\"c-slider__overlay\">\n                  @if (slide.title) {\n                    <h3 class=\"c-slider__title\">{{ slide.title }}</h3>\n                  }\n                  @if (slide.description) {\n                    <p class=\"c-slider__description\">{{ slide.description }}</p>\n                  }\n                </div>\n              }\n            </div>\n          </div>\n        }\n      </div>\n    </div>\n\n    <!-- Next arrow -->\n    @if (showArrows()) {\n      <div class=\"c-slider__arrow c-slider__arrow--next\">\n        <core-generic-button\n          [config]=\"nextButtonConfig()\"\n          (buttonClick)=\"goToNext()\">\n        </core-generic-button>\n      </div>\n    }\n  </div>\n\n  <!-- Counter -->\n  @if (showCounter()) {\n    <div class=\"c-slider__counter\">\n      <span class=\"c-slider__counter-text\">{{ getCounterText() }}</span>\n    </div>\n  }\n\n  <!-- Dots navigation -->\n  @if (showDots()) {\n    <div class=\"c-slider__dots\">\n      @for (item of items(); track item.id; let i = $index) {\n        <button type=\"button\"\n                class=\"c-slider__dot\"\n                [class.c-slider__dot--active]=\"isActiveDot(i)\"\n                [attr.aria-label]=\"'slider.go-to-slide' | translate: {number: i + 1}\"\n                (click)=\"onDotClick(i)\">\n        </button>\n      }\n    </div>\n  }\n\n  <!-- Thumbnails -->\n  @if (showThumbnails()) {\n    <div class=\"c-slider__thumbnails\" \n         [class.c-slider__thumbnails--vertical]=\"mergedConfig().verticalThumbnails\">\n      @for (thumbnail of thumbnails(); track thumbnail.id; let i = $index) {\n        <button type=\"button\"\n                class=\"c-slider__thumbnail\"\n                [class.c-slider__thumbnail--active]=\"isActiveThumbnail(i)\"\n                [style.height]=\"mergedConfig().thumbnailHeight\"\n                (click)=\"onThumbnailClick(i)\">\n          <img [src]=\"thumbnail.imageUrl\" \n               [alt]=\"thumbnail.alt || thumbnail.title\"\n               class=\"c-slider__thumbnail-image\">\n          @if (thumbnail.title) {\n            <span class=\"c-slider__thumbnail-title\">{{ thumbnail.title }}</span>\n          }\n        </button>\n      }\n    </div>\n  }\n\n  <!-- Empty state -->\n  @if (totalItems() === 0) {\n    <div class=\"c-slider__empty\">\n      <div class=\"c-slider__empty-icon\">\n        <i class=\"icon-image\" aria-hidden=\"true\"></i>\n      </div>\n      <p class=\"c-slider__empty-text\">{{ 'slider.no-items' | translate }}</p>\n    </div>\n  }\n\n  <!-- Loading state -->\n  @if (isDragging()) {\n    <div class=\"c-slider__loading\">\n      <div class=\"c-slider__loading-spinner\"></div>\n    </div>\n  }\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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: GenericSliderComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'core-generic-slider', standalone: true, imports: [CommonModule, TranslateModule, GenericButtonComponent], template: "<div class=\"c-slider\" \n     [style]=\"containerStyles()\"\n     (mouseenter)=\"onMouseEnter()\"\n     (mouseleave)=\"onMouseLeave()\"\n     (touchstart)=\"onTouchStart($event)\"\n     (touchmove)=\"onTouchMove($event)\"\n     (touchend)=\"onTouchEnd()\">\n  \n  <!-- Main slider container -->\n  <div class=\"c-slider__container\">\n    \n    <!-- Previous arrow -->\n    @if (showArrows()) {\n      <div class=\"c-slider__arrow c-slider__arrow--prev\">\n        <core-generic-button\n          [config]=\"prevButtonConfig()\"\n          (buttonClick)=\"goToPrevious()\">\n        </core-generic-button>\n      </div>\n    }\n\n    <!-- Slides wrapper -->\n    <div class=\"c-slider__wrapper\">\n      <div class=\"c-slider__track\" [style]=\"slideStyles()\">\n        @for (slide of items(); track slide.id; let i = $index) {\n          <div class=\"c-slider__slide\" \n               [class.c-slider__slide--active]=\"isActiveSlide(i)\"\n               [style.width]=\"getSlideWidth()\"\n               (click)=\"onSlideClick(slide, i)\">\n            \n            <!-- Image -->\n            <div class=\"c-slider__image-container\">\n              @if (mergedConfig().lazyLoad) {\n                <img [src]=\"getSlideImage(slide)\" \n                     [alt]=\"getSlideAlt(slide)\"\n                     class=\"c-slider__image\"\n                     loading=\"lazy\">\n              } @else {\n                <img [src]=\"getSlideImage(slide)\" \n                     [alt]=\"getSlideAlt(slide)\"\n                     class=\"c-slider__image\">\n              }\n              \n              <!-- File Preview Icon -->\n              @if (mergedConfig().showFilePreview && slide.filePreview) {\n                <div class=\"c-slider__file-preview\">\n                  <div class=\"c-slider__file-icon\">\n                    <span class=\"icon-file\" [ngClass]=\"getFileTypeIcon(slide.filePreview.fileType)\"></span>\n                  </div>\n                  <div class=\"c-slider__file-info\">\n                    <span class=\"c-slider__file-name\">{{ slide.filePreview.fileName }}</span>\n                    @if (slide.filePreview.fileSize) {\n                      <span class=\"c-slider__file-size\">{{ slide.filePreview.fileSize }}</span>\n                    }\n                  </div>\n                </div>\n              }\n              \n              <!-- Overlay content -->\n              @if (slide.title || slide.description) {\n                <div class=\"c-slider__overlay\">\n                  @if (slide.title) {\n                    <h3 class=\"c-slider__title\">{{ slide.title }}</h3>\n                  }\n                  @if (slide.description) {\n                    <p class=\"c-slider__description\">{{ slide.description }}</p>\n                  }\n                </div>\n              }\n            </div>\n          </div>\n        }\n      </div>\n    </div>\n\n    <!-- Next arrow -->\n    @if (showArrows()) {\n      <div class=\"c-slider__arrow c-slider__arrow--next\">\n        <core-generic-button\n          [config]=\"nextButtonConfig()\"\n          (buttonClick)=\"goToNext()\">\n        </core-generic-button>\n      </div>\n    }\n  </div>\n\n  <!-- Counter -->\n  @if (showCounter()) {\n    <div class=\"c-slider__counter\">\n      <span class=\"c-slider__counter-text\">{{ getCounterText() }}</span>\n    </div>\n  }\n\n  <!-- Dots navigation -->\n  @if (showDots()) {\n    <div class=\"c-slider__dots\">\n      @for (item of items(); track item.id; let i = $index) {\n        <button type=\"button\"\n                class=\"c-slider__dot\"\n                [class.c-slider__dot--active]=\"isActiveDot(i)\"\n                [attr.aria-label]=\"'slider.go-to-slide' | translate: {number: i + 1}\"\n                (click)=\"onDotClick(i)\">\n        </button>\n      }\n    </div>\n  }\n\n  <!-- Thumbnails -->\n  @if (showThumbnails()) {\n    <div class=\"c-slider__thumbnails\" \n         [class.c-slider__thumbnails--vertical]=\"mergedConfig().verticalThumbnails\">\n      @for (thumbnail of thumbnails(); track thumbnail.id; let i = $index) {\n        <button type=\"button\"\n                class=\"c-slider__thumbnail\"\n                [class.c-slider__thumbnail--active]=\"isActiveThumbnail(i)\"\n                [style.height]=\"mergedConfig().thumbnailHeight\"\n                (click)=\"onThumbnailClick(i)\">\n          <img [src]=\"thumbnail.imageUrl\" \n               [alt]=\"thumbnail.alt || thumbnail.title\"\n               class=\"c-slider__thumbnail-image\">\n          @if (thumbnail.title) {\n            <span class=\"c-slider__thumbnail-title\">{{ thumbnail.title }}</span>\n          }\n        </button>\n      }\n    </div>\n  }\n\n  <!-- Empty state -->\n  @if (totalItems() === 0) {\n    <div class=\"c-slider__empty\">\n      <div class=\"c-slider__empty-icon\">\n        <i class=\"icon-image\" aria-hidden=\"true\"></i>\n      </div>\n      <p class=\"c-slider__empty-text\">{{ 'slider.no-items' | translate }}</p>\n    </div>\n  }\n\n  <!-- Loading state -->\n  @if (isDragging()) {\n    <div class=\"c-slider__loading\">\n      <div class=\"c-slider__loading-spinner\"></div>\n    </div>\n  }\n</div>\n" }]
-        }], ctorParameters: () => [], propDecorators: { onKeydown: [{
-                type: HostListener,
-                args: ['keydown', ['$event']]
-            }] } });
-
-var SliderDirection;
-(function (SliderDirection) {
-    SliderDirection["HORIZONTAL"] = "horizontal";
-    SliderDirection["VERTICAL"] = "vertical";
-})(SliderDirection || (SliderDirection = {}));
-var SliderTransition;
-(function (SliderTransition) {
-    SliderTransition["SLIDE"] = "slide";
-    SliderTransition["FADE"] = "fade";
-    SliderTransition["SCALE"] = "scale";
-})(SliderTransition || (SliderTransition = {}));
-var SliderNavigationType;
-(function (SliderNavigationType) {
-    SliderNavigationType["DOTS"] = "dots";
-    SliderNavigationType["ARROWS"] = "arrows";
-    SliderNavigationType["THUMBNAILS"] = "thumbnails";
-    SliderNavigationType["COUNTER"] = "counter";
-})(SliderNavigationType || (SliderNavigationType = {}));
-
 class CarouselComponent {
     images = input([]);
     config = input({});
@@ -12746,7 +12293,7 @@ class CarouselComponent {
     showDots = computed(() => this.config().showDots ?? true);
     showArrows = computed(() => this.config().showArrows ?? true);
     arrowsOutside = computed(() => this.config().arrowsOutside ?? false);
-    itemsGap = computed(() => this.config().itemsGap ?? '0px');
+    itemsGap = computed(() => this.config().itemsGap ?? '10px');
     controlsOffset = computed(() => this.config().controlsOffset ?? '2rem');
     controlsSize = computed(() => this.config().controlsSize ?? '2.5rem');
     ariaLabel = computed(() => this.config().ariaLabel ?? 'Galería de imágenes');
@@ -12865,30 +12412,12 @@ class CarouselComponent {
             'flex': `0 0 ${100 / this.perView()}%`
         };
     }
-    getImages() {
-        return this.images();
-    }
-    getCarouselClasses() {
-        return this.carouselClasses();
-    }
-    getShowArrows() {
-        return this.showArrows() && this.images().length > this.perView();
-    }
-    getShowDots() {
-        return this.showDots() && this.pagesLength() > 1;
-    }
-    getDots() {
-        return this.dots();
-    }
-    getAriaLabel() {
-        return this.ariaLabel();
-    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: CarouselComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.0.6", type: CarouselComponent, isStandalone: true, selector: "core-carousel", inputs: { images: { classPropertyName: "images", publicName: "images", isSignal: true, isRequired: false, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "window:resize": "onResize()", "keydown": "onKeyDown($event)" } }, viewQueries: [{ propertyName: "carouselHolder", first: true, predicate: ["carouselHolder"], descendants: true, isSignal: true }, { propertyName: "carouselViewport", first: true, predicate: ["carouselViewport"], descendants: true, isSignal: true }], ngImport: i0, template: "<div \n  [ngClass]=\"getCarouselClasses()\"\n  [attr.aria-label]=\"getAriaLabel()\"\n  tabindex=\"0\"\n  #carouselViewport>\n  \n  <div class=\"c-img-carousel__viewport\">\n    <div class=\"c-img-carousel__holder js-img-carousel-holder\" #carouselHolder>\n      <div \n        *ngFor=\"let image of getImages(); let i = index\"\n        class=\"c-img-carousel__slide js-img-carousel-slide\"\n        [ngStyle]=\"getSlideStyle(i)\">\n        <div class=\"c-img-carousel__slide-inner\">\n          <img \n            [src]=\"image.url\" \n            [alt]=\"image.alt || 'Imagen ' + (i + 1)\"\n            loading=\"lazy\">\n        </div>\n      </div>\n    </div>\n    \n    <!-- Botones de navegaci\u00F3n -->\n    <button \n      *ngIf=\"getShowArrows()\"\n      class=\"c-img-carousel__btn c-img-carousel__btn--prev icon-arrow-left\"\n      type=\"button\"\n      (click)=\"goToPrevSlide()\"\n      [attr.aria-label]=\"'Anterior'\"\n      data-control=\"prevBtn\">\n    </button>\n    \n    <button \n      *ngIf=\"getShowArrows()\"\n      class=\"c-img-carousel__btn c-img-carousel__btn--next icon-arrow-right\"\n      type=\"button\"\n      (click)=\"goToNextSlide()\"\n      [attr.aria-label]=\"'Siguiente'\"\n      data-control=\"nextBtn\">\n    </button>\n    \n    <!-- Indicadores de navegaci\u00F3n (dots) -->\n    <div \n      *ngIf=\"getShowDots()\"\n      class=\"c-img-carousel__dots js-img-carousel-nav\"\n      aria-label=\"Navegaci\u00F3n\">\n      <button\n        *ngFor=\"let dot of getDots(); let i = index\"\n        class=\"c-img-carousel__dot js-img-carousel-dot\"\n        type=\"button\"\n        (click)=\"goToPage(i)\"\n        [attr.aria-label]=\"'Ir a p\u00E1gina ' + (i + 1)\"\n        [attr.aria-current]=\"isDotActive(i) ? 'true' : 'false'\">\n      </button>\n    </div>\n  </div>\n</div>", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: CarouselComponent, isStandalone: true, selector: "core-carousel", inputs: { images: { classPropertyName: "images", publicName: "images", isSignal: true, isRequired: false, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "window:resize": "onResize()", "keydown": "onKeyDown($event)" } }, viewQueries: [{ propertyName: "carouselHolder", first: true, predicate: ["carouselHolder"], descendants: true, isSignal: true }, { propertyName: "carouselViewport", first: true, predicate: ["carouselViewport"], descendants: true, isSignal: true }], ngImport: i0, template: "<div \n  [ngClass]=\"carouselClasses()\"\n  [attr.aria-label]=\"ariaLabel()\"\n  tabindex=\"0\"\n  #carouselViewport>\n  \n  <div class=\"c-img-carousel__viewport\">\n    <div class=\"c-img-carousel__holder js-img-carousel-holder\" #carouselHolder>\n      <div \n        *ngFor=\"let image of images(); let i = index\"\n        class=\"c-img-carousel__slide js-img-carousel-slide\">\n        <div class=\"c-img-carousel__slide-inner\">\n          <core-image-preview\n            [src]=\"image.url\"\n            [alt]=\"image.alt || 'Image ' + (i + 1)\"\n            [title]=\"image.title || image.alt || 'Image ' + (i + 1)\">\n          </core-image-preview>\n        </div>\n      </div>\n    </div>\n    \n    @if (!config().arrowsOutside) {\n      <button \n        *ngIf=\"showArrows()\"\n        class=\"c-img-carousel__btn c-img-carousel__btn--prev icon-arrow-left\"\n        type=\"button\"\n        (click)=\"goToPrevSlide()\"\n        [attr.aria-label]=\"'Anterior'\"\n        data-control=\"prevBtn\">\n      </button>\n      \n      <button \n        *ngIf=\"showArrows()\"\n        class=\"c-img-carousel__btn c-img-carousel__btn--next icon-arrow-right\"\n        type=\"button\"\n        (click)=\"goToNextSlide()\"\n        [attr.aria-label]=\"'Siguiente'\"\n        data-control=\"nextBtn\">\n      </button>\n    }\n    \n    <div \n      *ngIf=\"showDots()\"\n      class=\"c-img-carousel__dots js-img-carousel-nav\"\n      aria-label=\"Navegaci\u00F3n\">\n      <button\n        *ngFor=\"let page of dots(); let i = index\"\n        class=\"c-img-carousel__dot js-img-carousel-dot\"\n        type=\"button\"\n        (click)=\"goToPage(i)\"\n        [class.c-img-carousel__dot--active]=\"currentPage() === i\"\n        [attr.aria-label]=\"'Ir a p\u00E1gina ' + (i + 1)\"\n        [attr.aria-current]=\"currentPage() === i ? 'true' : 'false'\">\n      </button>\n    </div>\n  </div>\n  @if(config().arrowsOutside) {\n    <button \n      *ngIf=\"showArrows()\"\n      class=\"c-img-carousel__btn c-img-carousel__btn--prev icon-arrow-left\"\n      type=\"button\"\n      (click)=\"goToPrevSlide()\"\n      [attr.aria-label]=\"'Anterior'\"\n      data-control=\"prevBtn\">\n    </button>\n    \n    <button \n      *ngIf=\"showArrows()\"\n      class=\"c-img-carousel__btn c-img-carousel__btn--next icon-arrow-right\"\n      type=\"button\"\n      (click)=\"goToNextSlide()\"\n      [attr.aria-label]=\"'Siguiente'\"\n      data-control=\"nextBtn\">\n    </button>\n  }\n</div>", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ImagePreviewComponent, selector: "core-image-preview", inputs: ["src", "alt", "title", "width", "height", "objectFit", "borderRadius", "cursor", "loading", "isRelative"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: CarouselComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'core-carousel', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div \n  [ngClass]=\"getCarouselClasses()\"\n  [attr.aria-label]=\"getAriaLabel()\"\n  tabindex=\"0\"\n  #carouselViewport>\n  \n  <div class=\"c-img-carousel__viewport\">\n    <div class=\"c-img-carousel__holder js-img-carousel-holder\" #carouselHolder>\n      <div \n        *ngFor=\"let image of getImages(); let i = index\"\n        class=\"c-img-carousel__slide js-img-carousel-slide\"\n        [ngStyle]=\"getSlideStyle(i)\">\n        <div class=\"c-img-carousel__slide-inner\">\n          <img \n            [src]=\"image.url\" \n            [alt]=\"image.alt || 'Imagen ' + (i + 1)\"\n            loading=\"lazy\">\n        </div>\n      </div>\n    </div>\n    \n    <!-- Botones de navegaci\u00F3n -->\n    <button \n      *ngIf=\"getShowArrows()\"\n      class=\"c-img-carousel__btn c-img-carousel__btn--prev icon-arrow-left\"\n      type=\"button\"\n      (click)=\"goToPrevSlide()\"\n      [attr.aria-label]=\"'Anterior'\"\n      data-control=\"prevBtn\">\n    </button>\n    \n    <button \n      *ngIf=\"getShowArrows()\"\n      class=\"c-img-carousel__btn c-img-carousel__btn--next icon-arrow-right\"\n      type=\"button\"\n      (click)=\"goToNextSlide()\"\n      [attr.aria-label]=\"'Siguiente'\"\n      data-control=\"nextBtn\">\n    </button>\n    \n    <!-- Indicadores de navegaci\u00F3n (dots) -->\n    <div \n      *ngIf=\"getShowDots()\"\n      class=\"c-img-carousel__dots js-img-carousel-nav\"\n      aria-label=\"Navegaci\u00F3n\">\n      <button\n        *ngFor=\"let dot of getDots(); let i = index\"\n        class=\"c-img-carousel__dot js-img-carousel-dot\"\n        type=\"button\"\n        (click)=\"goToPage(i)\"\n        [attr.aria-label]=\"'Ir a p\u00E1gina ' + (i + 1)\"\n        [attr.aria-current]=\"isDotActive(i) ? 'true' : 'false'\">\n      </button>\n    </div>\n  </div>\n</div>" }]
+            args: [{ selector: 'core-carousel', standalone: true, imports: [CommonModule, ImagePreviewComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div \n  [ngClass]=\"carouselClasses()\"\n  [attr.aria-label]=\"ariaLabel()\"\n  tabindex=\"0\"\n  #carouselViewport>\n  \n  <div class=\"c-img-carousel__viewport\">\n    <div class=\"c-img-carousel__holder js-img-carousel-holder\" #carouselHolder>\n      <div \n        *ngFor=\"let image of images(); let i = index\"\n        class=\"c-img-carousel__slide js-img-carousel-slide\">\n        <div class=\"c-img-carousel__slide-inner\">\n          <core-image-preview\n            [src]=\"image.url\"\n            [alt]=\"image.alt || 'Image ' + (i + 1)\"\n            [title]=\"image.title || image.alt || 'Image ' + (i + 1)\">\n          </core-image-preview>\n        </div>\n      </div>\n    </div>\n    \n    @if (!config().arrowsOutside) {\n      <button \n        *ngIf=\"showArrows()\"\n        class=\"c-img-carousel__btn c-img-carousel__btn--prev icon-arrow-left\"\n        type=\"button\"\n        (click)=\"goToPrevSlide()\"\n        [attr.aria-label]=\"'Anterior'\"\n        data-control=\"prevBtn\">\n      </button>\n      \n      <button \n        *ngIf=\"showArrows()\"\n        class=\"c-img-carousel__btn c-img-carousel__btn--next icon-arrow-right\"\n        type=\"button\"\n        (click)=\"goToNextSlide()\"\n        [attr.aria-label]=\"'Siguiente'\"\n        data-control=\"nextBtn\">\n      </button>\n    }\n    \n    <div \n      *ngIf=\"showDots()\"\n      class=\"c-img-carousel__dots js-img-carousel-nav\"\n      aria-label=\"Navegaci\u00F3n\">\n      <button\n        *ngFor=\"let page of dots(); let i = index\"\n        class=\"c-img-carousel__dot js-img-carousel-dot\"\n        type=\"button\"\n        (click)=\"goToPage(i)\"\n        [class.c-img-carousel__dot--active]=\"currentPage() === i\"\n        [attr.aria-label]=\"'Ir a p\u00E1gina ' + (i + 1)\"\n        [attr.aria-current]=\"currentPage() === i ? 'true' : 'false'\">\n      </button>\n    </div>\n  </div>\n  @if(config().arrowsOutside) {\n    <button \n      *ngIf=\"showArrows()\"\n      class=\"c-img-carousel__btn c-img-carousel__btn--prev icon-arrow-left\"\n      type=\"button\"\n      (click)=\"goToPrevSlide()\"\n      [attr.aria-label]=\"'Anterior'\"\n      data-control=\"prevBtn\">\n    </button>\n    \n    <button \n      *ngIf=\"showArrows()\"\n      class=\"c-img-carousel__btn c-img-carousel__btn--next icon-arrow-right\"\n      type=\"button\"\n      (click)=\"goToNextSlide()\"\n      [attr.aria-label]=\"'Siguiente'\"\n      data-control=\"nextBtn\">\n    </button>\n  }\n</div>" }]
         }], ctorParameters: () => [], propDecorators: { onResize: [{
                 type: HostListener,
                 args: ['window:resize']
@@ -13224,5 +12753,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, FieldErrorsComponent, FieldType, FileFieldComponent, FileModel, FileTemplateModel, FileTemplateType, FileType, FileTypeModel, FileUploadService, FilterModalComponent, FilterService, FilterType, GenericButtonComponent, GenericDocumentationComponent, GenericModalComponent, GenericPaginationComponent, GenericRatingComponent, GenericSidebarComponent, GenericSliderComponent, 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, SliderActionType, SliderDirection, SliderNavigationType, SliderService, SliderTransition, SmartFieldComponent, StepSize, StepStatus, StepType, StepsService, SwitchFieldComponent, TableAction, TableActionService, TableDataService, 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, CheckboxFieldComponent, ConfigurationModel, ConfirmationDialogComponent, ConfirmationDialogService, CoreHostDirective, CoreUiHttpLoaderFactory, CoreUiTranslateLoader, CoreUiTranslateService, DataListComponent, DataListItemComponent, DateFieldComponent, DateUtility, DatetimeFieldComponent, DialogActions, DocumentAction, DocumentDisplayMode, DropdownComponent, DropdownDirection, DropdownService, DynamicFieldDirective, FieldErrorsComponent, FieldType, FileFieldComponent, FileModel, FileTemplateModel, FileTemplateType, FileType, FileTypeModel, FileUploadService, FilterModalComponent, FilterService, FilterType, GenericButtonComponent, GenericDocumentationComponent, GenericModalComponent, GenericPaginationComponent, GenericRatingComponent, GenericSidebarComponent, 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, SmartFieldComponent, StepSize, StepStatus, StepType, StepsService, SwitchFieldComponent, TableAction, TableActionService, TableDataService, 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