valtech-components 2.0.679 → 2.0.681

package/fesm2022/valtech-components.mjs

@@ -5,7 +5,7 @@ import { IonAvatar, IonCard, IonIcon, IonButton, IonSpinner, IonText, IonModal,
 import * as i1 from '@angular/common';
 import { CommonModule, NgStyle, NgFor, isPlatformBrowser, NgClass } from '@angular/common';
 import { addIcons } from 'ionicons';
-import { addOutline, addCircleOutline, alertOutline, alertCircleOutline, arrowBackOutline, arrowForwardOutline, arrowDownOutline, settings, settingsOutline, checkmarkCircleOutline, ellipsisHorizontalOutline, notifications, notificationsOutline, openOutline, closeOutline, chatbubblesOutline, shareOutline, heart, heartOutline, home, homeOutline, eyeOffOutline, eyeOutline, scanOutline, chevronDownOutline, chevronForwardOutline, checkmarkOutline, clipboardOutline, copyOutline, filterOutline, locationOutline, calendarOutline, businessOutline, logoTwitter, logoInstagram, logoLinkedin, logoYoutube, logoTiktok, logoFacebook, logoGoogle, createOutline, trashOutline, playOutline, refreshOutline, documentTextOutline, lockClosedOutline, informationCircleOutline, logoNpm, removeOutline, add, close, share, create, trash, star, camera, mic, send, downloadOutline, chevronDown, language, globeOutline, checkmark, list, grid, apps, menu, search, person, helpCircle, informationCircle, documentText, mail, calendar, folder, chevronForward, ellipsisHorizontal, chevronBack, playBack, playForward, ellipse, starOutline, starHalf, heartHalf, checkmarkCircle, timeOutline, flag, trendingUp, trendingDown, remove, analytics, people, cash, cart, eye, chatbubbleOutline, thumbsUpOutline, thumbsUp, happyOutline, happy, sadOutline, sad, chevronUp, pin, pencil, callOutline, shuffleOutline, logoWhatsapp, paperPlaneOutline, mailOutline, trophyOutline, ticketOutline, giftOutline, personOutline, ellipsisVertical, closeCircle, alertCircle, logoApple, logoMicrosoft, linkOutline, unlinkOutline, chevronBackOutline, sendOutline, chatbubbleEllipsesOutline, swapVerticalOutline, chevronUpOutline, documentOutline, searchOutline, cartOutline, chatbubble, compass, compassOutline, gridOutline, listOutline, folderOutline, documents, documentsOutline, statsChart, statsChartOutline, cameraOutline, bugOutline, bulbOutline, closeCircleOutline, menuOutline } from 'ionicons/icons';
+import { addOutline, addCircleOutline, alertOutline, alertCircleOutline, arrowBackOutline, arrowForwardOutline, arrowDownOutline, settings, settingsOutline, checkmarkCircleOutline, ellipsisHorizontalOutline, notifications, notificationsOutline, openOutline, closeOutline, chatbubblesOutline, shareOutline, heart, heartOutline, home, homeOutline, eyeOffOutline, eyeOutline, scanOutline, chevronDownOutline, chevronForwardOutline, checkmarkOutline, clipboardOutline, copyOutline, filterOutline, locationOutline, calendarOutline, businessOutline, logoTwitter, logoInstagram, logoLinkedin, logoYoutube, logoTiktok, logoFacebook, logoGoogle, createOutline, trashOutline, playOutline, refreshOutline, documentTextOutline, lockClosedOutline, informationCircleOutline, logoNpm, removeOutline, add, close, share, create, trash, star, camera, mic, send, downloadOutline, chevronDown, language, globeOutline, checkmark, list, grid, apps, menu, search, person, helpCircle, informationCircle, documentText, mail, calendar, folder, chevronForward, ellipsisHorizontal, chevronBack, playBack, playForward, ellipse, starOutline, starHalf, heartHalf, checkmarkCircle, timeOutline, flag, trendingUp, trendingDown, remove, analytics, people, cash, cart, eye, chatbubbleOutline, thumbsUpOutline, thumbsUp, happyOutline, happy, sadOutline, sad, chevronUp, pin, pencil, callOutline, shuffleOutline, logoWhatsapp, paperPlaneOutline, mailOutline, trophyOutline, ticketOutline, giftOutline, personOutline, ellipsisVertical, closeCircle, alertCircle, logoApple, logoMicrosoft, linkOutline, unlinkOutline, chevronBackOutline, sendOutline, chatbubbleEllipsesOutline, swapVerticalOutline, chevronUpOutline, documentOutline, searchOutline, cartOutline, chatbubble, compass, compassOutline, gridOutline, listOutline, folderOutline, documents, documentsOutline, statsChart, statsChartOutline, bugOutline, bulbOutline, closeCircleOutline, menuOutline } from 'ionicons/icons';
 import * as i1$1 from '@angular/router';
 import { Router, NavigationEnd, RouterLink, RouterOutlet, RouterModule } from '@angular/router';
 import { Browser } from '@capacitor/browser';
@@ -39,7 +39,6 @@ import * as i1$7 from '@angular/fire/storage';
 import { provideStorage, getStorage, connectStorageEmulator, ref, uploadBytesResumable, getDownloadURL, getMetadata, deleteObject, listAll } from '@angular/fire/storage';
 import { takeUntilDestroyed, toSignal } from '@angular/core/rxjs-interop';
 import { filter, map as map$1, catchError as catchError$1, tap, switchMap as switchMap$1, finalize, take, debounceTime as debounceTime$1, takeUntil as takeUntil$1 } from 'rxjs/operators';
-import { ImageCropperComponent } from 'ngx-image-cropper';
 import * as i1$8 from '@angular/common/http';
 import { provideHttpClient, withInterceptors, HttpClient } from '@angular/common/http';
 import { Capacitor } from '@capacitor/core';
@@ -50,7 +49,7 @@ import 'prismjs/components/prism-json';
  * Current version of valtech-components.
  * This is automatically updated during the publish process.
  */
-const VERSION = '2.0.679';
+const VERSION = '2.0.681';
 
 /**
  * Servicio para gestionar presets de componentes.
@@ -21197,174 +21196,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 type: Input
             }] } });
 
-/**
- * ImageCropComponent
- *
- * A modal-ready component for cropping images with a specified aspect ratio.
- * Uses ngx-image-cropper internally and provides a simple interface.
- *
- * @example Inside an ion-modal
- * ```html
- * <ion-modal [isOpen]="showCropModal">
- *   <ng-template>
- *     <val-image-crop
- *       [image]="selectedFile"
- *       [aspectRatio]="1"
- *       [roundCropper]="true"
- *       (cropComplete)="onCropComplete($event)"
- *       (cancel)="showCropModal = false"
- *     />
- *   </ng-template>
- * </ion-modal>
- * ```
- */
-class ImageCropComponent {
-    constructor() {
-        this.i18n = inject(I18nService);
-        /** Image file to crop */
-        this.image = input.required();
-        /** Aspect ratio (1 for square, 16/9 for widescreen, etc.) */
-        this.aspectRatio = input(1);
-        /** Use round cropper (for avatars) */
-        this.roundCropper = input(true);
-        /** Resize output to specific width (0 = no resize) */
-        this.resizeToWidth = input(0);
-        /** i18n namespace for labels */
-        this.i18nNamespace = input('ImageCrop');
-        /** Emitted when crop is confirmed with the cropped blob */
-        this.cropComplete = new EventEmitter();
-        /** Emitted when user cancels the crop */
-        this.cancel = new EventEmitter();
-        /** Emitted when image fails to load */
-        this.loadFailed = new EventEmitter();
-        /** Internal signal for cropped blob */
-        this.croppedBlob = signal(null);
-        /** Computed text for cancel button */
-        this.cancelText = computed(() => {
-            this.i18n.lang(); // Track language changes
-            return this.i18n.t('cancel', 'Common') || 'Cancelar';
-        });
-        /** Computed text for confirm button */
-        this.confirmText = computed(() => {
-            this.i18n.lang();
-            return this.i18n.t('confirm', 'Common') || 'Confirmar';
-        });
-        /** Computed text for title */
-        this.titleText = computed(() => {
-            this.i18n.lang();
-            return this.i18n.t('cropImage', this.i18nNamespace()) || 'Recortar imagen';
-        });
-    }
-    /** Handle crop event from ngx-image-cropper */
-    onImageCropped(event) {
-        if (event.blob) {
-            this.croppedBlob.set(event.blob);
-        }
-    }
-    /** Confirm and emit the cropped blob */
-    confirmCrop() {
-        const blob = this.croppedBlob();
-        if (blob) {
-            this.cropComplete.emit(blob);
-        }
-    }
-    /** Handle load failure */
-    onLoadFailed() {
-        this.loadFailed.emit();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ImageCropComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.14", type: ImageCropComponent, isStandalone: true, selector: "val-image-crop", inputs: { image: { classPropertyName: "image", publicName: "image", isSignal: true, isRequired: true, transformFunction: null }, aspectRatio: { classPropertyName: "aspectRatio", publicName: "aspectRatio", isSignal: true, isRequired: false, transformFunction: null }, roundCropper: { classPropertyName: "roundCropper", publicName: "roundCropper", isSignal: true, isRequired: false, transformFunction: null }, resizeToWidth: { classPropertyName: "resizeToWidth", publicName: "resizeToWidth", isSignal: true, isRequired: false, transformFunction: null }, i18nNamespace: { classPropertyName: "i18nNamespace", publicName: "i18nNamespace", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { cropComplete: "cropComplete", cancel: "cancel", loadFailed: "loadFailed" }, ngImport: i0, template: `
-    <ion-header>
-      <ion-toolbar>
-        <ion-buttons slot="start">
-          <ion-button (click)="cancel.emit()" color="medium">
-            {{ cancelText() }}
-          </ion-button>
-        </ion-buttons>
-        <ion-title>{{ titleText() }}</ion-title>
-        <ion-buttons slot="end">
-          <ion-button
-            (click)="confirmCrop()"
-            color="primary"
-            [strong]="true"
-            [disabled]="!croppedBlob()"
-          >
-            {{ confirmText() }}
-          </ion-button>
-        </ion-buttons>
-      </ion-toolbar>
-    </ion-header>
-
-    <ion-content class="image-crop-content">
-      <image-cropper
-        [imageFile]="image()"
-        [aspectRatio]="aspectRatio()"
-        [maintainAspectRatio]="true"
-        [roundCropper]="roundCropper()"
-        [resizeToWidth]="resizeToWidth()"
-        format="jpeg"
-        outputType="blob"
-        (imageCropped)="onImageCropped($event)"
-        (loadImageFailed)="onLoadFailed()"
-      />
-    </ion-content>
-  `, isInline: true, styles: [":host{display:flex;flex-direction:column;height:100%}.image-crop-content{--background: var(--ion-color-dark)}.image-crop-content::part(scroll){display:flex;flex-direction:column}image-cropper{--cropper-outline-color: rgba(255, 255, 255, .3);--cropper-background-color: var(--ion-color-dark);flex:1;height:100%;max-height:calc(100vh - 56px)}::ng-deep .ngx-ic-component{height:100%!important}::ng-deep .ngx-ic-source-image{max-height:100%!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "component", type: IonTitle, selector: "ion-title", inputs: ["color", "size"] }, { kind: "component", type: IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: IonContent, selector: "ion-content", inputs: ["color", "fixedSlotPlacement", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: ImageCropperComponent, selector: "image-cropper", inputs: ["imageChangedEvent", "imageURL", "imageBase64", "imageFile", "imageAltText", "options", "cropperFrameAriaLabel", "output", "format", "autoCrop", "cropper", "transform", "maintainAspectRatio", "aspectRatio", "resetCropOnAspectRatioChange", "resizeToWidth", "resizeToHeight", "cropperMinWidth", "cropperMinHeight", "cropperMaxHeight", "cropperMaxWidth", "cropperStaticWidth", "cropperStaticHeight", "canvasRotation", "initialStepSize", "roundCropper", "onlyScaleDown", "imageQuality", "backgroundColor", "containWithinAspectRatio", "hideResizeSquares", "allowMoveImage", "checkImageType", "alignImage", "disabled", "hidden"], outputs: ["imageCropped", "startCropImage", "imageLoaded", "cropperReady", "loadImageFailed", "transformChange", "cropperChange"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ImageCropComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'val-image-crop', standalone: true, imports: [
-                        CommonModule,
-                        IonHeader,
-                        IonToolbar,
-                        IonTitle,
-                        IonButtons,
-                        IonButton,
-                        IonContent,
-                        ImageCropperComponent,
-                    ], template: `
-    <ion-header>
-      <ion-toolbar>
-        <ion-buttons slot="start">
-          <ion-button (click)="cancel.emit()" color="medium">
-            {{ cancelText() }}
-          </ion-button>
-        </ion-buttons>
-        <ion-title>{{ titleText() }}</ion-title>
-        <ion-buttons slot="end">
-          <ion-button
-            (click)="confirmCrop()"
-            color="primary"
-            [strong]="true"
-            [disabled]="!croppedBlob()"
-          >
-            {{ confirmText() }}
-          </ion-button>
-        </ion-buttons>
-      </ion-toolbar>
-    </ion-header>
-
-    <ion-content class="image-crop-content">
-      <image-cropper
-        [imageFile]="image()"
-        [aspectRatio]="aspectRatio()"
-        [maintainAspectRatio]="true"
-        [roundCropper]="roundCropper()"
-        [resizeToWidth]="resizeToWidth()"
-        format="jpeg"
-        outputType="blob"
-        (imageCropped)="onImageCropped($event)"
-        (loadImageFailed)="onLoadFailed()"
-      />
-    </ion-content>
-  `, styles: [":host{display:flex;flex-direction:column;height:100%}.image-crop-content{--background: var(--ion-color-dark)}.image-crop-content::part(scroll){display:flex;flex-direction:column}image-cropper{--cropper-outline-color: rgba(255, 255, 255, .3);--cropper-background-color: var(--ion-color-dark);flex:1;height:100%;max-height:calc(100vh - 56px)}::ng-deep .ngx-ic-component{height:100%!important}::ng-deep .ngx-ic-source-image{max-height:100%!important}\n"] }]
-        }], propDecorators: { cropComplete: [{
-                type: Output
-            }], cancel: [{
-                type: Output
-            }], loadFailed: [{
-                type: Output
-            }] } });
-
 /**
  * Configuración de espaciado predefinida
  */
@@ -30754,15 +30585,6 @@ class AuthService {
             .put(`${this.baseUrl}/profile`, request)
             .pipe(catchError$1(error => this.handleAuthError(error)));
     }
-    /**
-     * Actualiza el avatar del usuario en el backend.
-     * Nota: El estado local del avatar se maneja a través de getProfile().
-     */
-    updateAvatar(request) {
-        return this.http
-            .put(`${this.baseUrl}/profile/avatar`, request)
-            .pipe(catchError$1(error => this.handleAuthError(error)));
-    }
     // =============================================
     // RECUPERACIÓN DE CONTRASEÑA
     // =============================================
@@ -30885,7 +30707,7 @@ class AuthService {
      */
     updateHandle(handle) {
         return this.http
-            .put(`${this.baseUrl}/profile/handle`, { handle })
+            .put(`${this.baseUrl}/handle`, { handle })
             .pipe(catchError$1(error => this.handleAuthError(error)));
     }
     /**
@@ -33679,607 +33501,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 type: Output
             }] } });
 
-/**
- * Default values for image processing
- */
-const IMAGE_DEFAULTS = {
-    maxWidth: 800,
-    maxHeight: 800,
-    quality: 0.8,
-    mimeType: 'image/jpeg',
-    maxSize: 10 * 1024 * 1024, // 10MB
-    allowedTypes: ['image/jpeg', 'image/png', 'image/webp', 'image/gif'],
-    thumbnailSize: 150,
-};
-
-/**
- * ImageService
- *
- * Service for image processing including compression, thumbnails, cropping and validation.
- * Uses HTML Canvas for all operations - no external dependencies.
- *
- * @example
- * ```typescript
- * const imageService = inject(ImageService);
- *
- * // Compress an image
- * const compressed = await imageService.compress(file, { maxWidth: 800, quality: 0.8 });
- *
- * // Generate thumbnail
- * const thumb = await imageService.thumbnail(file, 150);
- *
- * // Validate before processing
- * const validation = imageService.validate(file, { maxSize: 5 * 1024 * 1024 });
- * if (!validation.valid) {
- *   console.error(validation.message);
- * }
- * ```
- */
-class ImageService {
-    /**
-     * Compress an image maintaining aspect ratio
-     * @param file - File or Blob to compress
-     * @param options - Compression options
-     * @returns Promise with processed image data
-     */
-    async compress(file, options) {
-        const opts = {
-            maxWidth: options?.maxWidth ?? IMAGE_DEFAULTS.maxWidth,
-            maxHeight: options?.maxHeight ?? IMAGE_DEFAULTS.maxHeight,
-            quality: options?.quality ?? IMAGE_DEFAULTS.quality,
-            mimeType: options?.mimeType ?? IMAGE_DEFAULTS.mimeType,
-        };
-        const img = await this.loadImage(file);
-        const { width, height } = this.calculateDimensions(img.width, img.height, opts.maxWidth, opts.maxHeight);
-        const canvas = document.createElement('canvas');
-        canvas.width = width;
-        canvas.height = height;
-        const ctx = canvas.getContext('2d');
-        ctx.drawImage(img, 0, 0, width, height);
-        const blob = await this.canvasToBlob(canvas, opts.mimeType, opts.quality);
-        const dataUrl = canvas.toDataURL(opts.mimeType, opts.quality);
-        return {
-            blob,
-            dataUrl,
-            width,
-            height,
-            size: blob.size,
-        };
-    }
-    /**
-     * Generate a square thumbnail from an image
-     * @param file - File or Blob to process
-     * @param size - Thumbnail size in pixels (default: 150)
-     * @returns Promise with processed thumbnail
-     */
-    async thumbnail(file, size) {
-        const thumbSize = size ?? IMAGE_DEFAULTS.thumbnailSize;
-        const img = await this.loadImage(file);
-        // Calculate square crop from center
-        const minDim = Math.min(img.width, img.height);
-        const cropX = (img.width - minDim) / 2;
-        const cropY = (img.height - minDim) / 2;
-        const canvas = document.createElement('canvas');
-        canvas.width = thumbSize;
-        canvas.height = thumbSize;
-        const ctx = canvas.getContext('2d');
-        ctx.drawImage(img, cropX, cropY, minDim, minDim, 0, 0, thumbSize, thumbSize);
-        const blob = await this.canvasToBlob(canvas, IMAGE_DEFAULTS.mimeType, 0.7 // Lower quality for thumbnails
-        );
-        const dataUrl = canvas.toDataURL(IMAGE_DEFAULTS.mimeType, 0.7);
-        return {
-            blob,
-            dataUrl,
-            width: thumbSize,
-            height: thumbSize,
-            size: blob.size,
-        };
-    }
-    /**
-     * Crop an image with specific coordinates
-     * @param file - File or Blob to crop
-     * @param cropData - Crop coordinates and dimensions
-     * @param options - Optional compression options for output
-     * @returns Promise with cropped image
-     */
-    async crop(file, cropData, options) {
-        const img = await this.loadImage(file);
-        const opts = {
-            quality: options?.quality ?? IMAGE_DEFAULTS.quality,
-            mimeType: options?.mimeType ?? IMAGE_DEFAULTS.mimeType,
-        };
-        const canvas = document.createElement('canvas');
-        canvas.width = cropData.width;
-        canvas.height = cropData.height;
-        const ctx = canvas.getContext('2d');
-        ctx.drawImage(img, cropData.x, cropData.y, cropData.width, cropData.height, 0, 0, cropData.width, cropData.height);
-        // Apply max dimensions if specified
-        if (options?.maxWidth || options?.maxHeight) {
-            return this.compress(await this.canvasToBlob(canvas, opts.mimeType, 1), options);
-        }
-        const blob = await this.canvasToBlob(canvas, opts.mimeType, opts.quality);
-        const dataUrl = canvas.toDataURL(opts.mimeType, opts.quality);
-        return {
-            blob,
-            dataUrl,
-            width: cropData.width,
-            height: cropData.height,
-            size: blob.size,
-        };
-    }
-    /**
-     * Validate an image file before processing
-     * @param file - File to validate
-     * @param options - Validation options
-     * @returns Validation result with error details if invalid
-     */
-    validate(file, options) {
-        const opts = {
-            maxSize: options?.maxSize ?? IMAGE_DEFAULTS.maxSize,
-            allowedTypes: options?.allowedTypes ?? IMAGE_DEFAULTS.allowedTypes,
-        };
-        // Check file type
-        if (!opts.allowedTypes.includes(file.type)) {
-            return {
-                valid: false,
-                error: 'invalidType',
-                message: `Formato no válido. Usa: ${opts.allowedTypes.map(t => t.split('/')[1].toUpperCase()).join(', ')}`,
-            };
-        }
-        // Check file size
-        if (file.size > opts.maxSize) {
-            const maxMB = Math.round(opts.maxSize / (1024 * 1024));
-            return {
-                valid: false,
-                error: 'fileTooLarge',
-                message: `La imagen es muy grande. Máximo ${maxMB}MB`,
-            };
-        }
-        return { valid: true };
-    }
-    /**
-     * Validate image dimensions (async - requires loading image)
-     * @param file - File to validate
-     * @param options - Validation options with minWidth/minHeight
-     * @returns Promise with validation result
-     */
-    async validateDimensions(file, options) {
-        const img = await this.loadImage(file);
-        if (options.minWidth && img.width < options.minWidth) {
-            return {
-                valid: false,
-                error: 'imageTooSmall',
-                message: `La imagen debe tener al menos ${options.minWidth}px de ancho`,
-            };
-        }
-        if (options.minHeight && img.height < options.minHeight) {
-            return {
-                valid: false,
-                error: 'imageTooSmall',
-                message: `La imagen debe tener al menos ${options.minHeight}px de alto`,
-            };
-        }
-        return { valid: true };
-    }
-    /**
-     * Convert a Blob/File to a data URL
-     */
-    async toDataUrl(file) {
-        return new Promise((resolve, reject) => {
-            const reader = new FileReader();
-            reader.onload = () => resolve(reader.result);
-            reader.onerror = reject;
-            reader.readAsDataURL(file);
-        });
-    }
-    /**
-     * Convert a data URL to a Blob
-     */
-    dataUrlToBlob(dataUrl) {
-        const arr = dataUrl.split(',');
-        const mime = arr[0].match(/:(.*?);/)[1];
-        const bstr = atob(arr[1]);
-        let n = bstr.length;
-        const u8arr = new Uint8Array(n);
-        while (n--) {
-            u8arr[n] = bstr.charCodeAt(n);
-        }
-        return new Blob([u8arr], { type: mime });
-    }
-    // ============== Private Helpers ==============
-    loadImage(file) {
-        return new Promise((resolve, reject) => {
-            const img = new Image();
-            img.onload = () => {
-                URL.revokeObjectURL(img.src);
-                resolve(img);
-            };
-            img.onerror = reject;
-            img.src = URL.createObjectURL(file);
-        });
-    }
-    calculateDimensions(originalWidth, originalHeight, maxWidth, maxHeight) {
-        let width = originalWidth;
-        let height = originalHeight;
-        // Scale down if necessary, maintaining aspect ratio
-        if (width > maxWidth) {
-            height = (height * maxWidth) / width;
-            width = maxWidth;
-        }
-        if (height > maxHeight) {
-            width = (width * maxHeight) / height;
-            height = maxHeight;
-        }
-        return {
-            width: Math.round(width),
-            height: Math.round(height),
-        };
-    }
-    canvasToBlob(canvas, mimeType, quality) {
-        return new Promise((resolve, reject) => {
-            canvas.toBlob((blob) => {
-                if (blob)
-                    resolve(blob);
-                else
-                    reject(new Error('Failed to create blob from canvas'));
-            }, mimeType, quality);
-        });
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ImageService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ImageService, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ImageService, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: 'root' }]
-        }] });
-
-/**
- * Default values
- */
-const AVATAR_UPLOAD_DEFAULTS = {
-    size: 100,
-    editable: true,
-    storagePath: 'avatars',
-    i18nNamespace: 'AvatarUpload',
-    maxFileSize: 10 * 1024 * 1024, // 10MB
-    compressQuality: 0.8,
-    maxWidth: 800,
-    thumbnailSize: 150,
-    backgroundColor: '#6366f1', // Indigo
-};
-
-addIcons({ cameraOutline });
-/**
- * AvatarUploadComponent
- *
- * A complete avatar upload solution with:
- * - Image selection from device
- * - Crop modal with round preview
- * - Automatic compression and thumbnail generation
- * - Upload to Firebase Storage
- * - Backend sync via AuthService
- *
- * @example Basic usage
- * ```html
- * <val-avatar-upload
- *   [props]="{
- *     currentUrl: user()?.avatarUrl,
- *     initials: 'JD',
- *     size: 120
- *   }"
- *   (uploaded)="onAvatarUploaded($event)"
- *   (error)="onError($event)"
- * />
- * ```
- */
-class AvatarUploadComponent {
-    constructor() {
-        this.imageService = inject(ImageService);
-        this.storageService = inject(StorageService);
-        this.authService = inject(AuthService);
-        this.i18n = inject(I18nService);
-        /** Component configuration */
-        this.props = input({});
-        /** Emitted after successful upload and backend sync */
-        this.uploaded = new EventEmitter();
-        /** Emitted on any error during the process */
-        this.error = new EventEmitter();
-        /** Emitted when upload starts */
-        this.uploadStart = new EventEmitter();
-        // Internal state
-        this.loading = signal(false);
-        this.showCropModal = signal(false);
-        this.selectedFile = signal(null);
-        this.previewUrl = signal(null);
-        this.imageLoadError = signal(false);
-        /** Merged config with defaults */
-        this.config = computed(() => ({
-            ...AVATAR_UPLOAD_DEFAULTS,
-            ...this.props(),
-        }));
-        /** URL to display (preview takes priority over current) */
-        this.displayUrl = computed(() => {
-            if (this.imageLoadError())
-                return null;
-            return this.previewUrl() || this.config().currentUrl || null;
-        });
-        /** Aria label for edit button */
-        this.editButtonLabel = computed(() => {
-            this.i18n.lang();
-            return this.i18n.t('changePhoto', this.config().i18nNamespace) || 'Cambiar foto';
-        });
-    }
-    /** Open file picker dialog */
-    openFilePicker() {
-        this.fileInput.nativeElement.click();
-    }
-    /** Handle file selection */
-    onFileSelected(event) {
-        const input = event.target;
-        const file = input.files?.[0];
-        if (!file)
-            return;
-        // Reset input for same file selection
-        input.value = '';
-        // Validate file
-        const validation = this.imageService.validate(file, {
-            maxSize: this.config().maxFileSize,
-            allowedTypes: ['image/jpeg', 'image/png', 'image/webp'],
-        });
-        if (!validation.valid) {
-            this.emitError(validation.error, validation.message);
-            return;
-        }
-        // Open crop modal
-        this.selectedFile.set(file);
-        this.showCropModal.set(true);
-    }
-    /** Handle crop completion */
-    async onCropComplete(croppedBlob) {
-        this.showCropModal.set(false);
-        this.selectedFile.set(null);
-        await this.processAndUpload(croppedBlob);
-    }
-    /** Handle crop cancel */
-    onCropCancel() {
-        this.showCropModal.set(false);
-        this.selectedFile.set(null);
-    }
-    /** Handle crop load failure */
-    onCropLoadFailed() {
-        this.showCropModal.set(false);
-        this.selectedFile.set(null);
-        this.emitError('invalidType', this.i18n.t('loadFailed', this.config().i18nNamespace) || 'No se pudo cargar la imagen');
-    }
-    /** Handle image load error */
-    onImageError() {
-        this.imageLoadError.set(true);
-    }
-    /** Process cropped image and upload */
-    async processAndUpload(croppedBlob) {
-        this.loading.set(true);
-        this.uploadStart.emit();
-        try {
-            const config = this.config();
-            // 1. Compress image
-            const compressed = await this.imageService.compress(croppedBlob, {
-                maxWidth: config.maxWidth,
-                maxHeight: config.maxWidth,
-                quality: config.compressQuality,
-            });
-            // 2. Generate thumbnail
-            const thumbnail = await this.imageService.thumbnail(compressed.blob, config.thumbnailSize);
-            // 3. Set preview immediately
-            this.previewUrl.set(compressed.dataUrl);
-            this.imageLoadError.set(false);
-            // 4. Get user ID for storage path
-            const userId = this.authService.user()?.userId;
-            if (!userId) {
-                throw new Error('User not authenticated');
-            }
-            // 5. Upload to Firebase Storage
-            const timestamp = Date.now();
-            const avatarPath = `${config.storagePath}/${userId}/avatar_${timestamp}.jpg`;
-            const thumbPath = `${config.storagePath}/${userId}/thumb_${timestamp}.jpg`;
-            const [avatarResult, thumbResult] = await Promise.all([
-                this.storageService.uploadAndGetUrl(avatarPath, compressed.blob),
-                this.storageService.uploadAndGetUrl(thumbPath, thumbnail.blob),
-            ]);
-            // 6. Update backend
-            await firstValueFrom(this.authService.updateAvatar({
-                avatarUrl: avatarResult.downloadUrl,
-                avatarThumbnail: thumbResult.downloadUrl,
-            }));
-            // 7. Emit success
-            const result = {
-                avatarUrl: avatarResult.downloadUrl,
-                thumbnailUrl: thumbResult.downloadUrl,
-            };
-            this.uploaded.emit(result);
-        }
-        catch (err) {
-            // Revert preview on error
-            this.previewUrl.set(null);
-            const message = err instanceof Error
-                ? err.message
-                : this.i18n.t('uploadError', this.config().i18nNamespace) || 'Error al subir la imagen';
-            this.emitError('uploadFailed', message, err);
-        }
-        finally {
-            this.loading.set(false);
-        }
-    }
-    /** Emit error event */
-    emitError(type, message, originalError) {
-        this.error.emit({ type, message, originalError });
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AvatarUploadComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: AvatarUploadComponent, isStandalone: true, selector: "val-avatar-upload", inputs: { props: { classPropertyName: "props", publicName: "props", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { uploaded: "uploaded", error: "error", uploadStart: "uploadStart" }, viewQueries: [{ propertyName: "fileInput", first: true, predicate: ["fileInput"], descendants: true }], ngImport: i0, template: `
-    <div
-      class="avatar-upload"
-      [style.--avatar-size.px]="config().size"
-      [class.avatar-upload--loading]="loading()"
-    >
-      <div class="avatar-container">
-        <!-- Avatar Image or Initials -->
-        @if (displayUrl()) {
-          <img
-            class="avatar-image"
-            [src]="displayUrl()"
-            alt="Avatar"
-            (error)="onImageError()"
-          />
-        } @else {
-          <div
-            class="avatar-initials"
-            [style.background-color]="config().backgroundColor"
-          >
-            {{ config().initials || '?' }}
-          </div>
-        }
-
-        <!-- Edit Button -->
-        @if (config().editable && !loading()) {
-          <button
-            class="edit-button"
-            type="button"
-            (click)="openFilePicker()"
-            [attr.aria-label]="editButtonLabel()"
-          >
-            <ion-icon name="camera-outline"></ion-icon>
-          </button>
-        }
-
-        <!-- Loading Overlay -->
-        @if (loading()) {
-          <div class="loading-overlay">
-            <ion-spinner name="crescent"></ion-spinner>
-          </div>
-        }
-      </div>
-
-      <!-- Hidden File Input -->
-      <input
-        #fileInput
-        type="file"
-        accept="image/jpeg,image/png,image/webp"
-        (change)="onFileSelected($event)"
-        hidden
-      />
-
-      <!-- Crop Modal -->
-      <ion-modal
-        [isOpen]="showCropModal()"
-        (didDismiss)="onCropCancel()"
-        [breakpoints]="[0, 1]"
-        [initialBreakpoint]="1"
-      >
-        <ng-template>
-          @if (selectedFile()) {
-            <val-image-crop
-              [image]="selectedFile()!"
-              [aspectRatio]="1"
-              [roundCropper]="true"
-              [i18nNamespace]="config().i18nNamespace"
-              (cropComplete)="onCropComplete($event)"
-              (cancel)="onCropCancel()"
-              (loadFailed)="onCropLoadFailed()"
-            />
-          }
-        </ng-template>
-      </ion-modal>
-    </div>
-  `, isInline: true, styles: [".avatar-upload{--avatar-size: 100px;--edit-button-size: 32px;--edit-button-offset: 4px;display:inline-block}.avatar-container{position:relative;width:var(--avatar-size);height:var(--avatar-size);border-radius:50%;overflow:visible}.avatar-image{width:100%;height:100%;border-radius:50%;object-fit:cover;background-color:var(--ion-color-light)}.avatar-initials{width:100%;height:100%;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:calc(var(--avatar-size) * .4);font-weight:600;color:#fff;text-transform:uppercase;-webkit-user-select:none;user-select:none}.edit-button{position:absolute;bottom:var(--edit-button-offset);right:var(--edit-button-offset);width:var(--edit-button-size);height:var(--edit-button-size);border-radius:50%;border:2px solid white;background:var(--ion-color-primary);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s ease,background-color .2s ease;box-shadow:0 2px 8px #00000026}.edit-button ion-icon{font-size:calc(var(--edit-button-size) * .5)}.edit-button:hover{transform:scale(1.1);background:var(--ion-color-primary-shade)}.edit-button:active{transform:scale(.95)}.edit-button:focus-visible{outline:2px solid var(--ion-color-primary);outline-offset:2px}.loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background:#00000080;display:flex;align-items:center;justify-content:center}.loading-overlay ion-spinner{--color: white;width:calc(var(--avatar-size) * .4);height:calc(var(--avatar-size) * .4)}.avatar-upload--loading .edit-button{display:none}.avatar-upload--loading .avatar-image,.avatar-upload--loading .avatar-initials{filter:brightness(.7)}@container (max-width: 60px){.edit-button{--edit-button-size: 24px;--edit-button-offset: 0}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: IonSpinner, selector: "ion-spinner", inputs: ["color", "duration", "name", "paused"] }, { kind: "component", type: IonModal, selector: "ion-modal" }, { kind: "component", type: ImageCropComponent, selector: "val-image-crop", inputs: ["image", "aspectRatio", "roundCropper", "resizeToWidth", "i18nNamespace"], outputs: ["cropComplete", "cancel", "loadFailed"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AvatarUploadComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'val-avatar-upload', standalone: true, imports: [CommonModule, IonIcon, IonSpinner, IonModal, ImageCropComponent], template: `
-    <div
-      class="avatar-upload"
-      [style.--avatar-size.px]="config().size"
-      [class.avatar-upload--loading]="loading()"
-    >
-      <div class="avatar-container">
-        <!-- Avatar Image or Initials -->
-        @if (displayUrl()) {
-          <img
-            class="avatar-image"
-            [src]="displayUrl()"
-            alt="Avatar"
-            (error)="onImageError()"
-          />
-        } @else {
-          <div
-            class="avatar-initials"
-            [style.background-color]="config().backgroundColor"
-          >
-            {{ config().initials || '?' }}
-          </div>
-        }
-
-        <!-- Edit Button -->
-        @if (config().editable && !loading()) {
-          <button
-            class="edit-button"
-            type="button"
-            (click)="openFilePicker()"
-            [attr.aria-label]="editButtonLabel()"
-          >
-            <ion-icon name="camera-outline"></ion-icon>
-          </button>
-        }
-
-        <!-- Loading Overlay -->
-        @if (loading()) {
-          <div class="loading-overlay">
-            <ion-spinner name="crescent"></ion-spinner>
-          </div>
-        }
-      </div>
-
-      <!-- Hidden File Input -->
-      <input
-        #fileInput
-        type="file"
-        accept="image/jpeg,image/png,image/webp"
-        (change)="onFileSelected($event)"
-        hidden
-      />
-
-      <!-- Crop Modal -->
-      <ion-modal
-        [isOpen]="showCropModal()"
-        (didDismiss)="onCropCancel()"
-        [breakpoints]="[0, 1]"
-        [initialBreakpoint]="1"
-      >
-        <ng-template>
-          @if (selectedFile()) {
-            <val-image-crop
-              [image]="selectedFile()!"
-              [aspectRatio]="1"
-              [roundCropper]="true"
-              [i18nNamespace]="config().i18nNamespace"
-              (cropComplete)="onCropComplete($event)"
-              (cancel)="onCropCancel()"
-              (loadFailed)="onCropLoadFailed()"
-            />
-          }
-        </ng-template>
-      </ion-modal>
-    </div>
-  `, styles: [".avatar-upload{--avatar-size: 100px;--edit-button-size: 32px;--edit-button-offset: 4px;display:inline-block}.avatar-container{position:relative;width:var(--avatar-size);height:var(--avatar-size);border-radius:50%;overflow:visible}.avatar-image{width:100%;height:100%;border-radius:50%;object-fit:cover;background-color:var(--ion-color-light)}.avatar-initials{width:100%;height:100%;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:calc(var(--avatar-size) * .4);font-weight:600;color:#fff;text-transform:uppercase;-webkit-user-select:none;user-select:none}.edit-button{position:absolute;bottom:var(--edit-button-offset);right:var(--edit-button-offset);width:var(--edit-button-size);height:var(--edit-button-size);border-radius:50%;border:2px solid white;background:var(--ion-color-primary);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s ease,background-color .2s ease;box-shadow:0 2px 8px #00000026}.edit-button ion-icon{font-size:calc(var(--edit-button-size) * .5)}.edit-button:hover{transform:scale(1.1);background:var(--ion-color-primary-shade)}.edit-button:active{transform:scale(.95)}.edit-button:focus-visible{outline:2px solid var(--ion-color-primary);outline-offset:2px}.loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background:#00000080;display:flex;align-items:center;justify-content:center}.loading-overlay ion-spinner{--color: white;width:calc(var(--avatar-size) * .4);height:calc(var(--avatar-size) * .4)}.avatar-upload--loading .edit-button{display:none}.avatar-upload--loading .avatar-image,.avatar-upload--loading .avatar-initials{filter:brightness(.7)}@container (max-width: 60px){.edit-button{--edit-button-size: 24px;--edit-button-offset: 0}}\n"] }]
-        }], propDecorators: { fileInput: [{
-                type: ViewChild,
-                args: ['fileInput']
-            }], uploaded: [{
-                type: Output
-            }], error: [{
-                type: Output
-            }], uploadStart: [{
-                type: Output
-            }] } });
-
 class LayoutComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: LayoutComponent, isStandalone: true, selector: "val-layout", ngImport: i0, template: `
@@ -41888,5 +41109,5 @@ function buildFooterLinks(links, t) {
  * Generated bundle index. Do not edit.
  */
 
-export { ACTION_CARD_DEFAULTS, AD_SIZE_MAP, API_TABLE_COLUMN_LABELS, ARTICLE_SPACING, AVATAR_UPLOAD_DEFAULTS, AccordionComponent, ActionCardComponent, ActionHeaderComponent, ActionType, AdSlotComponent, AdsLoaderService, AdsService, AlertBoxComponent, AnalyticsErrorHandler, AnalyticsRouterTracker, AnalyticsService, AppConfigService, ArticleBuilder, ArticleComponent, AuthBackgroundComponent, AuthService, AuthStateService, AuthStorageService, AuthSyncService, AvatarComponent, AvatarUploadComponent, BOTTOM_NAV_DEFAULTS, BannerComponent, BaseDefault, BottomNavComponent, BoxComponent, BreadcrumbComponent, ButtonComponent, ButtonGroupComponent, COMMON_COUNTRY_CODES, COMMON_CURRENCIES, CURRENCY_INFO, CardComponent, CardSection, CardType, CardsCarouselComponent, CheckInputComponent, ChipGroupComponent, ClearDefault, ClearDefaultBlock, ClearDefaultFull, ClearDefaultRound, ClearDefaultRoundBlock, ClearDefaultRoundFull, CodeDisplayComponent, CommandDisplayComponent, CommentComponent, CommentInputComponent, CommentSectionComponent, CompanyFooterComponent, ComponentStates, ConfirmationDialogService, ContentLoaderComponent, ContentReactionComponent, CountdownComponent, CurrencyInputComponent, DEFAULT_ADS_CONFIG, DEFAULT_APP_CONFIG_SERVICE_CONFIG, DEFAULT_AUTH_CONFIG, DEFAULT_BACK_HEADER, DEFAULT_CANCEL_BUTTON, DEFAULT_CONFIRM_BUTTON, DEFAULT_COUNTDOWN_LABELS, DEFAULT_COUNTDOWN_LABELS_EN, DEFAULT_EMPTY_STATE, DEFAULT_EMULATOR_CONFIG, DEFAULT_FEEDBACK_CONFIG, DEFAULT_FEEDBACK_TYPE_OPTIONS, DEFAULT_HOME_HEADER, DEFAULT_INFINITE_LIST_METADATA, DEFAULT_LEGEND_LABELS, DEFAULT_MODAL_CANCEL_BUTTON, DEFAULT_MODAL_CONFIRM_BUTTON, DEFAULT_PAGE_SIZE_OPTIONS, DEFAULT_PAYMENT_STATUS_COLORS, DEFAULT_PAYMENT_STATUS_LABELS, DEFAULT_PLATFORMS, DEFAULT_REFRESHER_METADATA, DEFAULT_SKELETON_CONFIG, DEFAULT_STATUS_COLORS, DEFAULT_STATUS_LABELS, DEFAULT_WINNER_LABELS, DataTableComponent, DateInputComponent, DateRangeInputComponent, DetailSkeletonComponent, DeviceService, DisplayComponent, DividerComponent, DocsApiTableComponent, DocsBreadcrumbComponent, DocsCalloutComponent, DocsCodeExampleComponent, DocsLayoutComponent, DocsNavLinksComponent, DocsNavigationService, DocsPageComponent, DocsSearchComponent, DocsSectionComponent, DocsShellComponent, DocsSidebarComponent, DocsTocComponent, DownloadService, EmailInputComponent, ExpandableTextComponent, FEATURES_LIST_DEFAULTS, FabComponent, FeaturesListComponent, FeedbackFormComponent, FeedbackService, FileInputComponent, FirebaseService, FirestoreCollectionFactory, FirestoreService, FooterComponent, FooterLinksComponent, FormComponent, FormFooterComponent, FormSkeletonComponent, FunHeaderComponent, GlowCardComponent, GridSkeletonComponent, HeaderComponent, HintComponent, HorizontalScrollComponent, HourInputComponent, HrefComponent, I18nService, IMAGE_DEFAULTS, INITIAL_AUTH_STATE, INITIAL_MFA_STATE, Icon, IconComponent, IconService, ImageComponent, ImageCropComponent, ImageService, InAppBrowserService, InfiniteListComponent, InfoComponent, InputI18nHelper, InputType, ItemListComponent, LANG_STORAGE_KEY$1 as LANG_STORAGE_KEY, LOGIN_DEFAULTS, LanguageSelectorComponent, LayeredCardComponent, LayoutComponent, LinkComponent, LinkProcessorService, LinkedProvidersComponent, LinksAccordionComponent, LinksCakeComponent, ListSkeletonComponent, LoadingDirective, LocalStorageService, LocaleService, LoginComponent, MODAL_SIZES, MOTION, MaintenancePageComponent, MenuComponent, MessagingService, MetaService, ModalService, MultiSelectSearchComponent, NavigationService, NoContentComponent, NotesBoxComponent, NotificationsService, NumberFromToComponent, NumberInputComponent, NumberStepperComponent, OAUTH_PROVIDERS_INFO, OAuthCallbackComponent, OAuthService, OutlineDefault, OutlineDefaultBlock, OutlineDefaultFull, OutlineDefaultRound, OutlineDefaultRoundBlock, OutlineDefaultRoundFull, PLATFORM_CONFIGS, PageContentComponent, PageTemplateComponent, PageWrapperComponent, PaginationComponent, PaginationService, ParticipantCardComponent, PasswordInputComponent, PhoneInputComponent, PillComponent, PinInputComponent, PlainCodeBoxComponent, PopoverSelectorComponent, PresetService, PriceTagComponent, PrimarySolidBlockButton, PrimarySolidBlockHrefButton, PrimarySolidBlockIconButton, PrimarySolidBlockIconHrefButton, PrimarySolidDefaultRoundButton, PrimarySolidDefaultRoundHrefButton, PrimarySolidDefaultRoundIconButton, PrimarySolidDefaultRoundIconHrefButton, PrimarySolidFullButton, PrimarySolidFullHrefButton, PrimarySolidFullIconButton, PrimarySolidFullIconHrefButton, PrimarySolidLargeRoundButton, PrimarySolidLargeRoundHrefButton, PrimarySolidLargeRoundIconButton, PrimarySolidLargeRoundIconHrefButton, PrimarySolidSmallRoundButton, PrimarySolidSmallRoundHrefButton, PrimarySolidSmallRoundIconButton, PrimarySolidSmallRoundIconHrefButton, ProcessLinksPipe, ProfileSkeletonComponent, ProgressBarComponent, ProgressRingComponent, ProgressStatusComponent, PrompterComponent, QR_PRESETS, QrCodeComponent, QrGeneratorService, QueryBuilder, QuoteBoxComponent, RadioInputComponent, RaffleStatusCardComponent, RangeInputComponent, RatingComponent, RecapCardComponent, RefresherComponent, RightsFooterComponent, RotatingTextComponent, SKELETON_PRESETS, SearchSelectorComponent, SearchbarComponent, SecondarySolidBlockButton, SecondarySolidBlockHrefButton, SecondarySolidBlockIconButton, SecondarySolidBlockIconHrefButton, SecondarySolidDefaultRoundButton, SecondarySolidDefaultRoundHrefButton, SecondarySolidDefaultRoundIconButton, SecondarySolidDefaultRoundIconHrefButton, SecondarySolidFullButton, SecondarySolidFullHrefButton, SecondarySolidFullIconButton, SecondarySolidFullIconHrefButton, SecondarySolidLargeRoundButton, SecondarySolidLargeRoundHrefButton, SecondarySolidLargeRoundIconButton, SecondarySolidLargeRoundIconHrefButton, SecondarySolidSmallRoundButton, SecondarySolidSmallRoundHrefButton, SecondarySolidSmallRoundIconButton, SecondarySolidSmallRoundIconHrefButton, SegmentControlComponent, SelectSearchComponent, SessionService, ShareButtonsComponent, SimpleComponent, SkeletonComponent, SkeletonService, SolidBlockButton, SolidDefault, SolidDefaultBlock, SolidDefaultButton, SolidDefaultFull, SolidDefaultRound, SolidDefaultRoundBlock, SolidDefaultRoundButton, SolidDefaultRoundFull, SolidFullButton, SolidLargeButton, SolidLargeRoundButton, SolidSmallButton, SolidSmallRoundButton, StatsCardComponent, StepperComponent, StorageService, SwipeCarouselComponent, TabbedContentComponent, TableSkeletonComponent, TabsComponent, Terminal404Component, TestimonialCardComponent, TestimonialCarouselComponent, TextComponent, TextInputComponent, TextareaInputComponent, ThemeOption, ThemeService, TicketGridComponent, TimelineComponent, TitleBlockComponent, TitleComponent, ToastService, ToggleInputComponent, TokenService, ToolbarActionType, ToolbarComponent, TranslatePipe, TypedCollection, UpdateBannerComponent, UsernameInputComponent, VALTECH_ADS_CONFIG, VALTECH_APP_CONFIG, VALTECH_AUTH_CONFIG, VALTECH_COMPANY_LINKS, VALTECH_DEFAULT_CONTENT, VALTECH_FEEDBACK_CONFIG, VALTECH_FIREBASE_CONFIG, VALTECH_FOOTER_I18N, VALTECH_FOOTER_LOGO, VALTECH_LANGUAGE_SELECTOR, VALTECH_SOCIAL_LINKS, VERSION, WinnerDisplayComponent, WizardComponent, WizardFooterComponent, applyDefaultValueToControl, authGuard, authInterceptor, buildFooterLinks, buildPath, collections, createFirebaseConfig, createGlowCardProps, createInitialPaginationState, createNumberFromToField, createTitleProps, extractPathParams, getAppInfo, getAppVersion, getCollectionPath, getDocumentId, goToTop, guestGuard, hasEmulators, isAtEnd, isCollectionPath, isDocumentPath, isEmulatorMode, isValidPath, joinPath, maxLength, permissionGuard, permissionGuardFromRoute, provideValtechAds, provideValtechAppConfig, provideValtechAuth, provideValtechAuthInterceptor, provideValtechFeedback, provideValtechFirebase, provideValtechI18n, provideValtechPresets, provideValtechSkeleton, query, replaceSpecialChars, resolveColor, resolveInputDefaultValue, roleGuard, storagePaths, superAdminGuard };
+export { ACTION_CARD_DEFAULTS, AD_SIZE_MAP, API_TABLE_COLUMN_LABELS, ARTICLE_SPACING, AccordionComponent, ActionCardComponent, ActionHeaderComponent, ActionType, AdSlotComponent, AdsLoaderService, AdsService, AlertBoxComponent, AnalyticsErrorHandler, AnalyticsRouterTracker, AnalyticsService, AppConfigService, ArticleBuilder, ArticleComponent, AuthBackgroundComponent, AuthService, AuthStateService, AuthStorageService, AuthSyncService, AvatarComponent, BOTTOM_NAV_DEFAULTS, BannerComponent, BaseDefault, BottomNavComponent, BoxComponent, BreadcrumbComponent, ButtonComponent, ButtonGroupComponent, COMMON_COUNTRY_CODES, COMMON_CURRENCIES, CURRENCY_INFO, CardComponent, CardSection, CardType, CardsCarouselComponent, CheckInputComponent, ChipGroupComponent, ClearDefault, ClearDefaultBlock, ClearDefaultFull, ClearDefaultRound, ClearDefaultRoundBlock, ClearDefaultRoundFull, CodeDisplayComponent, CommandDisplayComponent, CommentComponent, CommentInputComponent, CommentSectionComponent, CompanyFooterComponent, ComponentStates, ConfirmationDialogService, ContentLoaderComponent, ContentReactionComponent, CountdownComponent, CurrencyInputComponent, DEFAULT_ADS_CONFIG, DEFAULT_APP_CONFIG_SERVICE_CONFIG, DEFAULT_AUTH_CONFIG, DEFAULT_BACK_HEADER, DEFAULT_CANCEL_BUTTON, DEFAULT_CONFIRM_BUTTON, DEFAULT_COUNTDOWN_LABELS, DEFAULT_COUNTDOWN_LABELS_EN, DEFAULT_EMPTY_STATE, DEFAULT_EMULATOR_CONFIG, DEFAULT_FEEDBACK_CONFIG, DEFAULT_FEEDBACK_TYPE_OPTIONS, DEFAULT_HOME_HEADER, DEFAULT_INFINITE_LIST_METADATA, DEFAULT_LEGEND_LABELS, DEFAULT_MODAL_CANCEL_BUTTON, DEFAULT_MODAL_CONFIRM_BUTTON, DEFAULT_PAGE_SIZE_OPTIONS, DEFAULT_PAYMENT_STATUS_COLORS, DEFAULT_PAYMENT_STATUS_LABELS, DEFAULT_PLATFORMS, DEFAULT_REFRESHER_METADATA, DEFAULT_SKELETON_CONFIG, DEFAULT_STATUS_COLORS, DEFAULT_STATUS_LABELS, DEFAULT_WINNER_LABELS, DataTableComponent, DateInputComponent, DateRangeInputComponent, DetailSkeletonComponent, DeviceService, DisplayComponent, DividerComponent, DocsApiTableComponent, DocsBreadcrumbComponent, DocsCalloutComponent, DocsCodeExampleComponent, DocsLayoutComponent, DocsNavLinksComponent, DocsNavigationService, DocsPageComponent, DocsSearchComponent, DocsSectionComponent, DocsShellComponent, DocsSidebarComponent, DocsTocComponent, DownloadService, EmailInputComponent, ExpandableTextComponent, FEATURES_LIST_DEFAULTS, FabComponent, FeaturesListComponent, FeedbackFormComponent, FeedbackService, FileInputComponent, FirebaseService, FirestoreCollectionFactory, FirestoreService, FooterComponent, FooterLinksComponent, FormComponent, FormFooterComponent, FormSkeletonComponent, FunHeaderComponent, GlowCardComponent, GridSkeletonComponent, HeaderComponent, HintComponent, HorizontalScrollComponent, HourInputComponent, HrefComponent, I18nService, INITIAL_AUTH_STATE, INITIAL_MFA_STATE, Icon, IconComponent, IconService, ImageComponent, InAppBrowserService, InfiniteListComponent, InfoComponent, InputI18nHelper, InputType, ItemListComponent, LANG_STORAGE_KEY$1 as LANG_STORAGE_KEY, LOGIN_DEFAULTS, LanguageSelectorComponent, LayeredCardComponent, LayoutComponent, LinkComponent, LinkProcessorService, LinkedProvidersComponent, LinksAccordionComponent, LinksCakeComponent, ListSkeletonComponent, LoadingDirective, LocalStorageService, LocaleService, LoginComponent, MODAL_SIZES, MOTION, MaintenancePageComponent, MenuComponent, MessagingService, MetaService, ModalService, MultiSelectSearchComponent, NavigationService, NoContentComponent, NotesBoxComponent, NotificationsService, NumberFromToComponent, NumberInputComponent, NumberStepperComponent, OAUTH_PROVIDERS_INFO, OAuthCallbackComponent, OAuthService, OutlineDefault, OutlineDefaultBlock, OutlineDefaultFull, OutlineDefaultRound, OutlineDefaultRoundBlock, OutlineDefaultRoundFull, PLATFORM_CONFIGS, PageContentComponent, PageTemplateComponent, PageWrapperComponent, PaginationComponent, PaginationService, ParticipantCardComponent, PasswordInputComponent, PhoneInputComponent, PillComponent, PinInputComponent, PlainCodeBoxComponent, PopoverSelectorComponent, PresetService, PriceTagComponent, PrimarySolidBlockButton, PrimarySolidBlockHrefButton, PrimarySolidBlockIconButton, PrimarySolidBlockIconHrefButton, PrimarySolidDefaultRoundButton, PrimarySolidDefaultRoundHrefButton, PrimarySolidDefaultRoundIconButton, PrimarySolidDefaultRoundIconHrefButton, PrimarySolidFullButton, PrimarySolidFullHrefButton, PrimarySolidFullIconButton, PrimarySolidFullIconHrefButton, PrimarySolidLargeRoundButton, PrimarySolidLargeRoundHrefButton, PrimarySolidLargeRoundIconButton, PrimarySolidLargeRoundIconHrefButton, PrimarySolidSmallRoundButton, PrimarySolidSmallRoundHrefButton, PrimarySolidSmallRoundIconButton, PrimarySolidSmallRoundIconHrefButton, ProcessLinksPipe, ProfileSkeletonComponent, ProgressBarComponent, ProgressRingComponent, ProgressStatusComponent, PrompterComponent, QR_PRESETS, QrCodeComponent, QrGeneratorService, QueryBuilder, QuoteBoxComponent, RadioInputComponent, RaffleStatusCardComponent, RangeInputComponent, RatingComponent, RecapCardComponent, RefresherComponent, RightsFooterComponent, RotatingTextComponent, SKELETON_PRESETS, SearchSelectorComponent, SearchbarComponent, SecondarySolidBlockButton, SecondarySolidBlockHrefButton, SecondarySolidBlockIconButton, SecondarySolidBlockIconHrefButton, SecondarySolidDefaultRoundButton, SecondarySolidDefaultRoundHrefButton, SecondarySolidDefaultRoundIconButton, SecondarySolidDefaultRoundIconHrefButton, SecondarySolidFullButton, SecondarySolidFullHrefButton, SecondarySolidFullIconButton, SecondarySolidFullIconHrefButton, SecondarySolidLargeRoundButton, SecondarySolidLargeRoundHrefButton, SecondarySolidLargeRoundIconButton, SecondarySolidLargeRoundIconHrefButton, SecondarySolidSmallRoundButton, SecondarySolidSmallRoundHrefButton, SecondarySolidSmallRoundIconButton, SecondarySolidSmallRoundIconHrefButton, SegmentControlComponent, SelectSearchComponent, SessionService, ShareButtonsComponent, SimpleComponent, SkeletonComponent, SkeletonService, SolidBlockButton, SolidDefault, SolidDefaultBlock, SolidDefaultButton, SolidDefaultFull, SolidDefaultRound, SolidDefaultRoundBlock, SolidDefaultRoundButton, SolidDefaultRoundFull, SolidFullButton, SolidLargeButton, SolidLargeRoundButton, SolidSmallButton, SolidSmallRoundButton, StatsCardComponent, StepperComponent, StorageService, SwipeCarouselComponent, TabbedContentComponent, TableSkeletonComponent, TabsComponent, Terminal404Component, TestimonialCardComponent, TestimonialCarouselComponent, TextComponent, TextInputComponent, TextareaInputComponent, ThemeOption, ThemeService, TicketGridComponent, TimelineComponent, TitleBlockComponent, TitleComponent, ToastService, ToggleInputComponent, TokenService, ToolbarActionType, ToolbarComponent, TranslatePipe, TypedCollection, UpdateBannerComponent, UsernameInputComponent, VALTECH_ADS_CONFIG, VALTECH_APP_CONFIG, VALTECH_AUTH_CONFIG, VALTECH_COMPANY_LINKS, VALTECH_DEFAULT_CONTENT, VALTECH_FEEDBACK_CONFIG, VALTECH_FIREBASE_CONFIG, VALTECH_FOOTER_I18N, VALTECH_FOOTER_LOGO, VALTECH_LANGUAGE_SELECTOR, VALTECH_SOCIAL_LINKS, VERSION, WinnerDisplayComponent, WizardComponent, WizardFooterComponent, applyDefaultValueToControl, authGuard, authInterceptor, buildFooterLinks, buildPath, collections, createFirebaseConfig, createGlowCardProps, createInitialPaginationState, createNumberFromToField, createTitleProps, extractPathParams, getAppInfo, getAppVersion, getCollectionPath, getDocumentId, goToTop, guestGuard, hasEmulators, isAtEnd, isCollectionPath, isDocumentPath, isEmulatorMode, isValidPath, joinPath, maxLength, permissionGuard, permissionGuardFromRoute, provideValtechAds, provideValtechAppConfig, provideValtechAuth, provideValtechAuthInterceptor, provideValtechFeedback, provideValtechFirebase, provideValtechI18n, provideValtechPresets, provideValtechSkeleton, query, replaceSpecialChars, resolveColor, resolveInputDefaultValue, roleGuard, storagePaths, superAdminGuard };
 //# sourceMappingURL=valtech-components.mjs.map