valtech-components 2.0.500 → 2.0.501

package/fesm2022/valtech-components.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, Component, Input, Output, Injectable, HostListener, inject, Pipe, ChangeDetectionStrategy, ViewChild, signal, computed, makeEnvironmentProviders, APP_INITIALIZER, ChangeDetectorRef, ElementRef, PLATFORM_ID, Inject, ErrorHandler, DestroyRef, InjectionToken, Optional, runInInjectionContext, effect } from '@angular/core';
+import { EventEmitter, Component, Input, Output, Injectable, signal, makeEnvironmentProviders, APP_INITIALIZER, inject, HostListener, Pipe, ChangeDetectionStrategy, ViewChild, computed, ChangeDetectorRef, ElementRef, PLATFORM_ID, Inject, ErrorHandler, DestroyRef, InjectionToken, Optional, runInInjectionContext, effect, Injector } from '@angular/core';
 import * as i2$1 from '@ionic/angular/standalone';
 import { IonAvatar, IonCard, IonIcon, IonButton, IonSpinner, IonText, IonModal, IonHeader, IonToolbar, IonContent, IonButtons, IonTitle, IonProgressBar, IonSkeletonText, IonFab, IonFabButton, IonFabList, IonLabel, IonCardContent, IonCardHeader, IonCardTitle, IonCardSubtitle, IonCheckbox, IonTextarea, IonDatetime, IonDatetimeButton, IonInput, IonSelect, IonSelectOption, IonRadioGroup, IonRadio, IonRange, IonSearchbar, IonSegment, IonSegmentButton, IonToggle, IonAccordion, IonAccordionGroup, IonItem, IonTabBar, IonTabButton, IonBadge, IonBreadcrumb, IonBreadcrumbs, IonChip, IonPopover, IonList, IonNote, ToastController as ToastController$1, IonCol, IonRow, IonMenuButton, IonFooter, IonListHeader, IonInfiniteScroll, IonInfiniteScrollContent, IonGrid, MenuController, IonMenu, IonMenuToggle, AlertController } from '@ionic/angular/standalone';
 import * as i1 from '@angular/common';
@@ -245,6 +245,154 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 type: Output
             }] } });
 
+/**
+ * Servicio para gestionar presets de componentes.
+ *
+ * Los presets permiten definir configuraciones reutilizables
+ * de componentes (tamaño, color, variante, etc.) que se pueden
+ * aplicar con un nombre semántico.
+ *
+ * @example
+ * // En un componente
+ * presets = inject(PresetService);
+ *
+ * // Obtener preset
+ * const buttonProps = this.presets.get<ButtonMetadata>('button', 'primary-action');
+ * // { size: 'large', color: 'primary', fill: 'solid' }
+ */
+class PresetService {
+    constructor() {
+        this._presets = signal({});
+    }
+    /**
+     * Obtiene un preset específico para un componente
+     *
+     * @param component Tipo de componente (ej: 'button', 'card', 'input')
+     * @param presetName Nombre del preset (ej: 'primary-action', 'compact')
+     * @returns Propiedades del preset o objeto vacío si no existe
+     *
+     * @example
+     * // Obtener preset de botón
+     * const props = presets.get<ButtonMetadata>('button', 'primary-action');
+     *
+     * // Usar en componente
+     * <val-button [props]="props"></val-button>
+     */
+    get(component, presetName) {
+        const componentPresets = this._presets()[component];
+        if (!componentPresets) {
+            console.warn(`[presets] No presets registered for component: ${component}`);
+            return {};
+        }
+        const preset = componentPresets[presetName];
+        if (!preset) {
+            console.warn(`[presets] Preset '${presetName}' not found for component: ${component}`);
+            return {};
+        }
+        return preset;
+    }
+    /**
+     * Verifica si existe un preset
+     */
+    has(component, presetName) {
+        return !!this._presets()[component]?.[presetName];
+    }
+    /**
+     * Registra presets de la aplicación
+     *
+     * @param presets Configuración de presets
+     *
+     * @example
+     * presets.registerPresets({
+     *   button: {
+     *     'primary-action': { size: 'large', color: 'primary' },
+     *   },
+     *   card: {
+     *     'feature': { variant: 'elevated' },
+     *   }
+     * });
+     */
+    registerPresets(presets) {
+        this._presets.set(presets);
+    }
+    /**
+     * Agrega presets para un componente específico (merge con existentes)
+     */
+    registerComponentPresets(component, presets) {
+        this._presets.update((current) => ({
+            ...current,
+            [component]: {
+                ...current[component],
+                ...presets,
+            },
+        }));
+    }
+    /**
+     * Obtiene todos los nombres de presets para un componente
+     */
+    getPresetNames(component) {
+        return Object.keys(this._presets()[component] || {});
+    }
+    /**
+     * Obtiene todos los componentes con presets registrados
+     */
+    getRegisteredComponents() {
+        return Object.keys(this._presets());
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PresetService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PresetService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PresetService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+/**
+ * Configura el sistema de presets de Valtech Components.
+ *
+ * @param presets Configuración de presets por componente
+ * @returns Providers para agregar en app.config.ts
+ *
+ * @example
+ * // app.config.ts
+ * import { provideValtechPresets } from 'valtech-components';
+ *
+ * export const appConfig: ApplicationConfig = {
+ *   providers: [
+ *     provideValtechPresets({
+ *       button: {
+ *         'primary-action': { size: 'large', color: 'primary', fill: 'solid' },
+ *         'secondary': { size: 'medium', color: 'secondary', fill: 'outline' },
+ *         'danger': { size: 'medium', color: 'danger', fill: 'solid' },
+ *       },
+ *       card: {
+ *         'feature': { variant: 'elevated', padding: 'large' },
+ *         'compact': { variant: 'flat', padding: 'small' },
+ *       },
+ *       input: {
+ *         'form-field': { size: 'medium', fill: 'outline', labelPosition: 'floating' },
+ *       }
+ *     }),
+ *   ]
+ * };
+ */
+function provideValtechPresets(presets) {
+    return makeEnvironmentProviders([
+        {
+            provide: APP_INITIALIZER,
+            useFactory: (presetService) => {
+                return () => {
+                    presetService.registerPresets(presets);
+                };
+            },
+            deps: [PresetService],
+            multi: true,
+        },
+    ]);
+}
+
+// Service
+
 const ENABLED = 'ENABLED';
 const DISABLED = 'DISABLED';
 const WORKING = 'WORKING';
@@ -479,7 +627,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
 /**
  * val-button
  *
- * A customizable button supporting icons, loading state, and navigation.
+ * A customizable button supporting icons, loading state, navigation, and presets.
+ *
+ * @example With preset (recommended with i18n):
+ * <val-button preset="primary-action" [props]="{ text: 'Submit' | t }"></val-button>
  *
  * @example Static text:
  * <val-button [props]="{
@@ -490,41 +641,74 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
  *   icon: { name: 'save', slot: 'start' }
  * }" (onClick)="handler()"></val-button>
  *
- * @input props: ButtonMetadata - Configuration for the button (text, color, icon, state, etc.)
+ * @input preset: string - Name of preset to apply (e.g., 'primary-action', 'danger')
+ * @input props: ButtonMetadata - Configuration for the button (overrides preset values)
  * @output onClick - Emits when the button is clicked
  */
 class ButtonComponent {
-    constructor(download, icon, navigation) {
+    constructor(download, _icon, navigation) {
         this.download = download;
         this.navigation = navigation;
         this.states = ComponentStates;
+        this.presets = inject(PresetService);
         /**
          * The text to display on the button.
          */
         this.displayText = '';
+        /**
+         * Button configuration. Values here override preset values.
+         * When using presets, only partial props are needed (preset provides defaults).
+         */
+        this.props = {};
+        /**
+         * Resolved props after merging preset + explicit props.
+         * Preset values are overridden by explicit props.
+         */
+        this.resolvedProps = {};
         /**
          * Event emitted when the button is clicked.
          */
         this.onClick = new EventEmitter();
     }
     ngOnInit() {
+        this.resolveProps();
         this.setupDisplayText();
     }
+    ngOnChanges(changes) {
+        if (changes['preset'] || changes['props']) {
+            this.resolveProps();
+            this.setupDisplayText();
+        }
+    }
+    /**
+     * Merge preset configuration with explicit props.
+     * Explicit props take precedence over preset values.
+     */
+    resolveProps() {
+        const presetProps = this.preset
+            ? this.presets.get('button', this.preset)
+            : {};
+        // Merge: preset defaults < explicit props
+        this.resolvedProps = {
+            ...presetProps,
+            ...this.props,
+        };
+    }
     /**
-     * Set up the text content based on the props configuration.
+     * Set up the text content based on the resolved props configuration.
      */
     setupDisplayText() {
-        if (this.props.text) {
-            if (this.props.contentInterpolation) {
-                this.displayText = this.interpolateContent(this.props.text, this.props.contentInterpolation);
+        if (this.resolvedProps.text) {
+            if (this.resolvedProps.contentInterpolation) {
+                this.displayText = this.interpolateContent(this.resolvedProps.text, this.resolvedProps.contentInterpolation);
             }
             else {
-                this.displayText = this.props.text;
+                this.displayText = this.resolvedProps.text;
             }
         }
-        else if (this.props.contentFallback) {
+        else if (this.resolvedProps.contentFallback) {
             // Backwards compatibility: use fallback if text is not provided
-            this.displayText = this.props.contentFallback;
+            this.displayText = this.resolvedProps.contentFallback;
         }
         else {
             this.displayText = '';
@@ -540,38 +724,38 @@ class ButtonComponent {
         });
     }
     clickHandler() {
-        if (this.props.state === this.states.DISABLED) {
+        if (this.resolvedProps.state === this.states.DISABLED) {
             return;
         }
-        if (this.props.actionType === ActionType.APP_NAVIGATION) {
-            this.navigation.navigateByUrl(this.props.link);
+        if (this.resolvedProps.actionType === ActionType.APP_NAVIGATION) {
+            this.navigation.navigateByUrl(this.resolvedProps.link);
         }
-        if (this.props.download) {
-            this.download.downloadLinkFromBrowser(this.props.download);
+        if (this.resolvedProps.download) {
+            this.download.downloadLinkFromBrowser(this.resolvedProps.download);
         }
-        if (this.props.handler) {
-            this.props.handler(this.props.ref);
+        if (this.resolvedProps.handler) {
+            this.resolvedProps.handler(this.resolvedProps.ref);
         }
-        this.onClick.emit(this.props.token);
+        this.onClick.emit(this.resolvedProps.token);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ButtonComponent, deps: [{ token: DownloadService }, { token: IconService }, { token: NavigationService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: ButtonComponent, isStandalone: true, selector: "val-button", inputs: { props: "props" }, outputs: { onClick: "onClick" }, ngImport: i0, template: `
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: ButtonComponent, isStandalone: true, selector: "val-button", inputs: { preset: "preset", props: "props" }, outputs: { onClick: "onClick" }, usesOnChanges: true, ngImport: i0, template: `
     <ion-button
-      [type]="props.type"
-      [color]="props.color"
-      [expand]="props.expand"
-      [fill]="props.fill"
-      [size]="props.size"
-      [href]="props.href"
-      [target]="props.target"
-      [shape]="props.shape"
+      [type]="resolvedProps.type"
+      [color]="resolvedProps.color"
+      [expand]="resolvedProps.expand"
+      [fill]="resolvedProps.fill"
+      [size]="resolvedProps.size"
+      [href]="resolvedProps.href"
+      [target]="resolvedProps.target"
+      [shape]="resolvedProps.shape"
       (click)="clickHandler()"
-      [disabled]="props.state === states.DISABLED"
-      [ngClass]="props.size ? [props.size] : []"
+      [disabled]="resolvedProps.state === states.DISABLED"
+      [ngClass]="resolvedProps.size ? [resolvedProps.size] : []"
     >
-      <ion-icon *ngIf="props.icon" [slot]="props.icon.slot" [name]="props.icon.name"></ion-icon>
-      <ion-spinner *ngIf="props.state === states.WORKING" name="circular"></ion-spinner>
-      <ion-text *ngIf="props.state !== states.WORKING">{{ displayText }}</ion-text>
+      <ion-icon *ngIf="resolvedProps.icon" [slot]="resolvedProps.icon.slot" [name]="resolvedProps.icon.name"></ion-icon>
+      <ion-spinner *ngIf="resolvedProps.state === states.WORKING" name="circular"></ion-spinner>
+      <ion-text *ngIf="resolvedProps.state !== states.WORKING">{{ displayText }}</ion-text>
     </ion-button>
   `, isInline: true, styles: [":root{--ion-color-primary: #7026df;--ion-color-primary-rgb: 112, 38, 223;--ion-color-primary-contrast: #ffffff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #6321c4;--ion-color-primary-tint: #7e3ce2;--ion-color-secondary: #e2ccff;--ion-color-secondary-rgb: 226, 204, 255;--ion-color-secondary-contrast: #000000;--ion-color-secondary-contrast-rgb: 0, 0, 0;--ion-color-secondary-shade: #c7b4e0;--ion-color-secondary-tint: #e5d1ff;--ion-color-texti: #354c69;--ion-color-texti-rgb: 53, 76, 105;--ion-color-texti-contrast: #ffffff;--ion-color-texti-contrast-rgb: 255, 255, 255;--ion-color-texti-shade: #2f435c;--ion-color-texti-tint: #495e78;--ion-color-darki: #090f1b;--ion-color-darki-rgb: 9, 15, 27;--ion-color-darki-contrast: #ffffff;--ion-color-darki-contrast-rgb: 255, 255, 255;--ion-color-darki-shade: #080d18;--ion-color-darki-tint: #222732;--ion-color-medium: #9e9e9e;--ion-color-medium-rgb: 158, 158, 158;--ion-color-medium-contrast: #000000;--ion-color-medium-contrast-rgb: 0, 0, 0;--ion-color-medium-shade: #8b8b8b;--ion-color-medium-tint: #a8a8a8;--swiper-pagination-color: var(--ion-color-primary);--swiper-navigation-color: var(--ion-color-primary);--swiper-pagination-bullet-inactive-color: var(--ion-color-medium)}@media (prefers-color-scheme: dark){:root{--ion-color-texti: #8fc1ff;--ion-color-texti-rgb: 143, 193, 255;--ion-color-texti-contrast: #000000;--ion-color-texti-contrast-rgb: 0, 0, 0;--ion-color-texti-shade: #7eaae0;--ion-color-texti-tint: #9ac7ff;--ion-color-darki: #ffffff;--ion-color-darki-rgb: 255, 255, 255;--ion-color-darki-contrast: #000000;--ion-color-darki-contrast-rgb: 0, 0, 0;--ion-color-darki-shade: #e0e0e0;--ion-color-darki-tint: #ffffff;--ion-color-primary: #8f49f8;--ion-color-primary-rgb: 143, 73, 248;--ion-color-primary-contrast: #ffffff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #7e40da;--ion-color-primary-tint: #9a5bf9}}.ion-color-texti{--ion-color-base: var(--ion-color-texti);--ion-color-base-rgb: var(--ion-color-texti-rgb);--ion-color-contrast: var(--ion-color-texti-contrast);--ion-color-contrast-rgb: var(--ion-color-texti-contrast-rgb);--ion-color-shade: var(--ion-color-texti-shade);--ion-color-tint: var(--ion-color-texti-tint)}.ion-color-darki{--ion-color-base: var(--ion-color-darki);--ion-color-base-rgb: var(--ion-color-darki-rgb);--ion-color-contrast: var(--ion-color-darki-contrast);--ion-color-contrast-rgb: var(--ion-color-darki-contrast-rgb);--ion-color-shade: var(--ion-color-darki-shade);--ion-color-tint: var(--ion-color-darki-tint)}ion-button{font-family:var(--ion-default-font),Arial,sans-serif;min-width:6.25rem;margin:0}ion-button.small{--padding-bottom: 12px;--padding-end: 14px;--padding-start: 14px;--padding-top: 12px}ion-button.button-clear{padding:0;margin:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: 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: IonText, selector: "ion-text", inputs: ["color", "mode"] }] }); }
 }
@@ -579,24 +763,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
             type: Component,
             args: [{ selector: 'val-button', standalone: true, imports: [CommonModule, IonButton, IonIcon, IonSpinner, IonText], template: `
     <ion-button
-      [type]="props.type"
-      [color]="props.color"
-      [expand]="props.expand"
-      [fill]="props.fill"
-      [size]="props.size"
-      [href]="props.href"
-      [target]="props.target"
-      [shape]="props.shape"
+      [type]="resolvedProps.type"
+      [color]="resolvedProps.color"
+      [expand]="resolvedProps.expand"
+      [fill]="resolvedProps.fill"
+      [size]="resolvedProps.size"
+      [href]="resolvedProps.href"
+      [target]="resolvedProps.target"
+      [shape]="resolvedProps.shape"
       (click)="clickHandler()"
-      [disabled]="props.state === states.DISABLED"
-      [ngClass]="props.size ? [props.size] : []"
+      [disabled]="resolvedProps.state === states.DISABLED"
+      [ngClass]="resolvedProps.size ? [resolvedProps.size] : []"
     >
-      <ion-icon *ngIf="props.icon" [slot]="props.icon.slot" [name]="props.icon.name"></ion-icon>
-      <ion-spinner *ngIf="props.state === states.WORKING" name="circular"></ion-spinner>
-      <ion-text *ngIf="props.state !== states.WORKING">{{ displayText }}</ion-text>
+      <ion-icon *ngIf="resolvedProps.icon" [slot]="resolvedProps.icon.slot" [name]="resolvedProps.icon.name"></ion-icon>
+      <ion-spinner *ngIf="resolvedProps.state === states.WORKING" name="circular"></ion-spinner>
+      <ion-text *ngIf="resolvedProps.state !== states.WORKING">{{ displayText }}</ion-text>
     </ion-button>
   `, styles: [":root{--ion-color-primary: #7026df;--ion-color-primary-rgb: 112, 38, 223;--ion-color-primary-contrast: #ffffff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #6321c4;--ion-color-primary-tint: #7e3ce2;--ion-color-secondary: #e2ccff;--ion-color-secondary-rgb: 226, 204, 255;--ion-color-secondary-contrast: #000000;--ion-color-secondary-contrast-rgb: 0, 0, 0;--ion-color-secondary-shade: #c7b4e0;--ion-color-secondary-tint: #e5d1ff;--ion-color-texti: #354c69;--ion-color-texti-rgb: 53, 76, 105;--ion-color-texti-contrast: #ffffff;--ion-color-texti-contrast-rgb: 255, 255, 255;--ion-color-texti-shade: #2f435c;--ion-color-texti-tint: #495e78;--ion-color-darki: #090f1b;--ion-color-darki-rgb: 9, 15, 27;--ion-color-darki-contrast: #ffffff;--ion-color-darki-contrast-rgb: 255, 255, 255;--ion-color-darki-shade: #080d18;--ion-color-darki-tint: #222732;--ion-color-medium: #9e9e9e;--ion-color-medium-rgb: 158, 158, 158;--ion-color-medium-contrast: #000000;--ion-color-medium-contrast-rgb: 0, 0, 0;--ion-color-medium-shade: #8b8b8b;--ion-color-medium-tint: #a8a8a8;--swiper-pagination-color: var(--ion-color-primary);--swiper-navigation-color: var(--ion-color-primary);--swiper-pagination-bullet-inactive-color: var(--ion-color-medium)}@media (prefers-color-scheme: dark){:root{--ion-color-texti: #8fc1ff;--ion-color-texti-rgb: 143, 193, 255;--ion-color-texti-contrast: #000000;--ion-color-texti-contrast-rgb: 0, 0, 0;--ion-color-texti-shade: #7eaae0;--ion-color-texti-tint: #9ac7ff;--ion-color-darki: #ffffff;--ion-color-darki-rgb: 255, 255, 255;--ion-color-darki-contrast: #000000;--ion-color-darki-contrast-rgb: 0, 0, 0;--ion-color-darki-shade: #e0e0e0;--ion-color-darki-tint: #ffffff;--ion-color-primary: #8f49f8;--ion-color-primary-rgb: 143, 73, 248;--ion-color-primary-contrast: #ffffff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #7e40da;--ion-color-primary-tint: #9a5bf9}}.ion-color-texti{--ion-color-base: var(--ion-color-texti);--ion-color-base-rgb: var(--ion-color-texti-rgb);--ion-color-contrast: var(--ion-color-texti-contrast);--ion-color-contrast-rgb: var(--ion-color-texti-contrast-rgb);--ion-color-shade: var(--ion-color-texti-shade);--ion-color-tint: var(--ion-color-texti-tint)}.ion-color-darki{--ion-color-base: var(--ion-color-darki);--ion-color-base-rgb: var(--ion-color-darki-rgb);--ion-color-contrast: var(--ion-color-darki-contrast);--ion-color-contrast-rgb: var(--ion-color-darki-contrast-rgb);--ion-color-shade: var(--ion-color-darki-shade);--ion-color-tint: var(--ion-color-darki-tint)}ion-button{font-family:var(--ion-default-font),Arial,sans-serif;min-width:6.25rem;margin:0}ion-button.small{--padding-bottom: 12px;--padding-end: 14px;--padding-start: 14px;--padding-top: 12px}ion-button.button-clear{padding:0;margin:0}\n"] }]
-        }], ctorParameters: () => [{ type: DownloadService }, { type: IconService }, { type: NavigationService }], propDecorators: { props: [{
+        }], ctorParameters: () => [{ type: DownloadService }, { type: IconService }, { type: NavigationService }], propDecorators: { preset: [{
+                type: Input
+            }], props: [{
                 type: Input
             }], onClick: [{
                 type: Output
@@ -4191,7 +4377,7 @@ class ButtonGroupComponent {
         [ngStyle]="{ width: props.buttons.length === 1 ? '100%' : 'auto' }"
       ></val-button>
     </div>
-  `, isInline: true, styles: [":root{--ion-color-primary: #7026df;--ion-color-primary-rgb: 112, 38, 223;--ion-color-primary-contrast: #ffffff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #6321c4;--ion-color-primary-tint: #7e3ce2;--ion-color-secondary: #e2ccff;--ion-color-secondary-rgb: 226, 204, 255;--ion-color-secondary-contrast: #000000;--ion-color-secondary-contrast-rgb: 0, 0, 0;--ion-color-secondary-shade: #c7b4e0;--ion-color-secondary-tint: #e5d1ff;--ion-color-texti: #354c69;--ion-color-texti-rgb: 53, 76, 105;--ion-color-texti-contrast: #ffffff;--ion-color-texti-contrast-rgb: 255, 255, 255;--ion-color-texti-shade: #2f435c;--ion-color-texti-tint: #495e78;--ion-color-darki: #090f1b;--ion-color-darki-rgb: 9, 15, 27;--ion-color-darki-contrast: #ffffff;--ion-color-darki-contrast-rgb: 255, 255, 255;--ion-color-darki-shade: #080d18;--ion-color-darki-tint: #222732;--ion-color-medium: #9e9e9e;--ion-color-medium-rgb: 158, 158, 158;--ion-color-medium-contrast: #000000;--ion-color-medium-contrast-rgb: 0, 0, 0;--ion-color-medium-shade: #8b8b8b;--ion-color-medium-tint: #a8a8a8;--swiper-pagination-color: var(--ion-color-primary);--swiper-navigation-color: var(--ion-color-primary);--swiper-pagination-bullet-inactive-color: var(--ion-color-medium)}@media (prefers-color-scheme: dark){:root{--ion-color-texti: #8fc1ff;--ion-color-texti-rgb: 143, 193, 255;--ion-color-texti-contrast: #000000;--ion-color-texti-contrast-rgb: 0, 0, 0;--ion-color-texti-shade: #7eaae0;--ion-color-texti-tint: #9ac7ff;--ion-color-darki: #ffffff;--ion-color-darki-rgb: 255, 255, 255;--ion-color-darki-contrast: #000000;--ion-color-darki-contrast-rgb: 0, 0, 0;--ion-color-darki-shade: #e0e0e0;--ion-color-darki-tint: #ffffff;--ion-color-primary: #8f49f8;--ion-color-primary-rgb: 143, 73, 248;--ion-color-primary-contrast: #ffffff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #7e40da;--ion-color-primary-tint: #9a5bf9}}.ion-color-texti{--ion-color-base: var(--ion-color-texti);--ion-color-base-rgb: var(--ion-color-texti-rgb);--ion-color-contrast: var(--ion-color-texti-contrast);--ion-color-contrast-rgb: var(--ion-color-texti-contrast-rgb);--ion-color-shade: var(--ion-color-texti-shade);--ion-color-tint: var(--ion-color-texti-tint)}.ion-color-darki{--ion-color-base: var(--ion-color-darki);--ion-color-base-rgb: var(--ion-color-darki-rgb);--ion-color-contrast: var(--ion-color-darki-contrast);--ion-color-contrast-rgb: var(--ion-color-darki-contrast-rgb);--ion-color-shade: var(--ion-color-darki-shade);--ion-color-tint: var(--ion-color-darki-tint)}val-button{display:inline-block;margin-top:.25rem;margin-right:.25rem}.group-container{width:100%}.group-container.left{text-align:left}.group-container.center{text-align:center}.group-container.right{text-align:right}.group-container.column{display:flex;flex-direction:column-reverse}.group-container.spaced{display:flex;justify-content:space-between}.group-container.leftocenter{text-align:left}@media (min-width: 768px){.group-container.leftocenter{text-align:center}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: ButtonComponent, selector: "val-button", inputs: ["props"], outputs: ["onClick"] }] }); }
+  `, isInline: true, styles: [":root{--ion-color-primary: #7026df;--ion-color-primary-rgb: 112, 38, 223;--ion-color-primary-contrast: #ffffff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #6321c4;--ion-color-primary-tint: #7e3ce2;--ion-color-secondary: #e2ccff;--ion-color-secondary-rgb: 226, 204, 255;--ion-color-secondary-contrast: #000000;--ion-color-secondary-contrast-rgb: 0, 0, 0;--ion-color-secondary-shade: #c7b4e0;--ion-color-secondary-tint: #e5d1ff;--ion-color-texti: #354c69;--ion-color-texti-rgb: 53, 76, 105;--ion-color-texti-contrast: #ffffff;--ion-color-texti-contrast-rgb: 255, 255, 255;--ion-color-texti-shade: #2f435c;--ion-color-texti-tint: #495e78;--ion-color-darki: #090f1b;--ion-color-darki-rgb: 9, 15, 27;--ion-color-darki-contrast: #ffffff;--ion-color-darki-contrast-rgb: 255, 255, 255;--ion-color-darki-shade: #080d18;--ion-color-darki-tint: #222732;--ion-color-medium: #9e9e9e;--ion-color-medium-rgb: 158, 158, 158;--ion-color-medium-contrast: #000000;--ion-color-medium-contrast-rgb: 0, 0, 0;--ion-color-medium-shade: #8b8b8b;--ion-color-medium-tint: #a8a8a8;--swiper-pagination-color: var(--ion-color-primary);--swiper-navigation-color: var(--ion-color-primary);--swiper-pagination-bullet-inactive-color: var(--ion-color-medium)}@media (prefers-color-scheme: dark){:root{--ion-color-texti: #8fc1ff;--ion-color-texti-rgb: 143, 193, 255;--ion-color-texti-contrast: #000000;--ion-color-texti-contrast-rgb: 0, 0, 0;--ion-color-texti-shade: #7eaae0;--ion-color-texti-tint: #9ac7ff;--ion-color-darki: #ffffff;--ion-color-darki-rgb: 255, 255, 255;--ion-color-darki-contrast: #000000;--ion-color-darki-contrast-rgb: 0, 0, 0;--ion-color-darki-shade: #e0e0e0;--ion-color-darki-tint: #ffffff;--ion-color-primary: #8f49f8;--ion-color-primary-rgb: 143, 73, 248;--ion-color-primary-contrast: #ffffff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #7e40da;--ion-color-primary-tint: #9a5bf9}}.ion-color-texti{--ion-color-base: var(--ion-color-texti);--ion-color-base-rgb: var(--ion-color-texti-rgb);--ion-color-contrast: var(--ion-color-texti-contrast);--ion-color-contrast-rgb: var(--ion-color-texti-contrast-rgb);--ion-color-shade: var(--ion-color-texti-shade);--ion-color-tint: var(--ion-color-texti-tint)}.ion-color-darki{--ion-color-base: var(--ion-color-darki);--ion-color-base-rgb: var(--ion-color-darki-rgb);--ion-color-contrast: var(--ion-color-darki-contrast);--ion-color-contrast-rgb: var(--ion-color-darki-contrast-rgb);--ion-color-shade: var(--ion-color-darki-shade);--ion-color-tint: var(--ion-color-darki-tint)}val-button{display:inline-block;margin-top:.25rem;margin-right:.25rem}.group-container{width:100%}.group-container.left{text-align:left}.group-container.center{text-align:center}.group-container.right{text-align:right}.group-container.column{display:flex;flex-direction:column-reverse}.group-container.spaced{display:flex;justify-content:space-between}.group-container.leftocenter{text-align:left}@media (min-width: 768px){.group-container.leftocenter{text-align:center}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: ButtonComponent, selector: "val-button", inputs: ["preset", "props"], outputs: ["onClick"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ButtonGroupComponent, decorators: [{
             type: Component,
@@ -4411,7 +4597,7 @@ class CardComponent {
         </ng-container>
       </ion-buttons>
     </ion-card>
-  `, isInline: true, styles: [":root{--ion-color-primary: #7026df;--ion-color-primary-rgb: 112, 38, 223;--ion-color-primary-contrast: #ffffff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #6321c4;--ion-color-primary-tint: #7e3ce2;--ion-color-secondary: #e2ccff;--ion-color-secondary-rgb: 226, 204, 255;--ion-color-secondary-contrast: #000000;--ion-color-secondary-contrast-rgb: 0, 0, 0;--ion-color-secondary-shade: #c7b4e0;--ion-color-secondary-tint: #e5d1ff;--ion-color-texti: #354c69;--ion-color-texti-rgb: 53, 76, 105;--ion-color-texti-contrast: #ffffff;--ion-color-texti-contrast-rgb: 255, 255, 255;--ion-color-texti-shade: #2f435c;--ion-color-texti-tint: #495e78;--ion-color-darki: #090f1b;--ion-color-darki-rgb: 9, 15, 27;--ion-color-darki-contrast: #ffffff;--ion-color-darki-contrast-rgb: 255, 255, 255;--ion-color-darki-shade: #080d18;--ion-color-darki-tint: #222732;--ion-color-medium: #9e9e9e;--ion-color-medium-rgb: 158, 158, 158;--ion-color-medium-contrast: #000000;--ion-color-medium-contrast-rgb: 0, 0, 0;--ion-color-medium-shade: #8b8b8b;--ion-color-medium-tint: #a8a8a8;--swiper-pagination-color: var(--ion-color-primary);--swiper-navigation-color: var(--ion-color-primary);--swiper-pagination-bullet-inactive-color: var(--ion-color-medium)}@media (prefers-color-scheme: dark){:root{--ion-color-texti: #8fc1ff;--ion-color-texti-rgb: 143, 193, 255;--ion-color-texti-contrast: #000000;--ion-color-texti-contrast-rgb: 0, 0, 0;--ion-color-texti-shade: #7eaae0;--ion-color-texti-tint: #9ac7ff;--ion-color-darki: #ffffff;--ion-color-darki-rgb: 255, 255, 255;--ion-color-darki-contrast: #000000;--ion-color-darki-contrast-rgb: 0, 0, 0;--ion-color-darki-shade: #e0e0e0;--ion-color-darki-tint: #ffffff;--ion-color-primary: #8f49f8;--ion-color-primary-rgb: 143, 73, 248;--ion-color-primary-contrast: #ffffff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #7e40da;--ion-color-primary-tint: #9a5bf9}}.ion-color-texti{--ion-color-base: var(--ion-color-texti);--ion-color-base-rgb: var(--ion-color-texti-rgb);--ion-color-contrast: var(--ion-color-texti-contrast);--ion-color-contrast-rgb: var(--ion-color-texti-contrast-rgb);--ion-color-shade: var(--ion-color-texti-shade);--ion-color-tint: var(--ion-color-texti-tint)}.ion-color-darki{--ion-color-base: var(--ion-color-darki);--ion-color-base-rgb: var(--ion-color-darki-rgb);--ion-color-contrast: var(--ion-color-darki-contrast);--ion-color-contrast-rgb: var(--ion-color-darki-contrast-rgb);--ion-color-shade: var(--ion-color-darki-shade);--ion-color-tint: var(--ion-color-darki-tint)}ion-card.tapable{transition:transform .3s ease,box-shadow .3s ease}ion-card.tapable:hover{transform:scale(1.01);box-shadow:.1875rem .625rem .5rem #1219541a}.tapable{cursor:pointer}.checker{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.complex-header{padding:10px;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.complex-content{padding-left:10px;padding-top:4px;padding-bottom:10px}.complex{border-radius:16px}img{border-radius:24px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ButtonComponent, selector: "val-button", inputs: ["props"], outputs: ["onClick"] }, { kind: "component", type: AvatarComponent, selector: "val-avatar", inputs: ["props"], outputs: ["onClick"] }, { kind: "component", type: ImageComponent, selector: "val-image", inputs: ["props"] }, { kind: "component", type: TextComponent, selector: "val-text", inputs: ["props"] }, { kind: "component", type: IonCard, selector: "ion-card", inputs: ["button", "color", "disabled", "download", "href", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: IonCardContent, selector: "ion-card-content", inputs: ["mode"] }, { kind: "component", type: IonCardHeader, selector: "ion-card-header", inputs: ["color", "mode", "translucent"] }, { kind: "component", type: IonCardTitle, selector: "ion-card-title", inputs: ["color", "mode"] }, { kind: "component", type: IonCardSubtitle, selector: "ion-card-subtitle", inputs: ["color", "mode"] }, { kind: "component", type: IonCheckbox, selector: "ion-checkbox", inputs: ["checked", "color", "disabled", "errorText", "helperText", "indeterminate", "justify", "labelPlacement", "mode", "name", "value"] }, { 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: IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }] }); }
+  `, isInline: true, styles: [":root{--ion-color-primary: #7026df;--ion-color-primary-rgb: 112, 38, 223;--ion-color-primary-contrast: #ffffff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #6321c4;--ion-color-primary-tint: #7e3ce2;--ion-color-secondary: #e2ccff;--ion-color-secondary-rgb: 226, 204, 255;--ion-color-secondary-contrast: #000000;--ion-color-secondary-contrast-rgb: 0, 0, 0;--ion-color-secondary-shade: #c7b4e0;--ion-color-secondary-tint: #e5d1ff;--ion-color-texti: #354c69;--ion-color-texti-rgb: 53, 76, 105;--ion-color-texti-contrast: #ffffff;--ion-color-texti-contrast-rgb: 255, 255, 255;--ion-color-texti-shade: #2f435c;--ion-color-texti-tint: #495e78;--ion-color-darki: #090f1b;--ion-color-darki-rgb: 9, 15, 27;--ion-color-darki-contrast: #ffffff;--ion-color-darki-contrast-rgb: 255, 255, 255;--ion-color-darki-shade: #080d18;--ion-color-darki-tint: #222732;--ion-color-medium: #9e9e9e;--ion-color-medium-rgb: 158, 158, 158;--ion-color-medium-contrast: #000000;--ion-color-medium-contrast-rgb: 0, 0, 0;--ion-color-medium-shade: #8b8b8b;--ion-color-medium-tint: #a8a8a8;--swiper-pagination-color: var(--ion-color-primary);--swiper-navigation-color: var(--ion-color-primary);--swiper-pagination-bullet-inactive-color: var(--ion-color-medium)}@media (prefers-color-scheme: dark){:root{--ion-color-texti: #8fc1ff;--ion-color-texti-rgb: 143, 193, 255;--ion-color-texti-contrast: #000000;--ion-color-texti-contrast-rgb: 0, 0, 0;--ion-color-texti-shade: #7eaae0;--ion-color-texti-tint: #9ac7ff;--ion-color-darki: #ffffff;--ion-color-darki-rgb: 255, 255, 255;--ion-color-darki-contrast: #000000;--ion-color-darki-contrast-rgb: 0, 0, 0;--ion-color-darki-shade: #e0e0e0;--ion-color-darki-tint: #ffffff;--ion-color-primary: #8f49f8;--ion-color-primary-rgb: 143, 73, 248;--ion-color-primary-contrast: #ffffff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #7e40da;--ion-color-primary-tint: #9a5bf9}}.ion-color-texti{--ion-color-base: var(--ion-color-texti);--ion-color-base-rgb: var(--ion-color-texti-rgb);--ion-color-contrast: var(--ion-color-texti-contrast);--ion-color-contrast-rgb: var(--ion-color-texti-contrast-rgb);--ion-color-shade: var(--ion-color-texti-shade);--ion-color-tint: var(--ion-color-texti-tint)}.ion-color-darki{--ion-color-base: var(--ion-color-darki);--ion-color-base-rgb: var(--ion-color-darki-rgb);--ion-color-contrast: var(--ion-color-darki-contrast);--ion-color-contrast-rgb: var(--ion-color-darki-contrast-rgb);--ion-color-shade: var(--ion-color-darki-shade);--ion-color-tint: var(--ion-color-darki-tint)}ion-card.tapable{transition:transform .3s ease,box-shadow .3s ease}ion-card.tapable:hover{transform:scale(1.01);box-shadow:.1875rem .625rem .5rem #1219541a}.tapable{cursor:pointer}.checker{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.complex-header{padding:10px;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.complex-content{padding-left:10px;padding-top:4px;padding-bottom:10px}.complex{border-radius:16px}img{border-radius:24px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ButtonComponent, selector: "val-button", inputs: ["preset", "props"], outputs: ["onClick"] }, { kind: "component", type: AvatarComponent, selector: "val-avatar", inputs: ["props"], outputs: ["onClick"] }, { kind: "component", type: ImageComponent, selector: "val-image", inputs: ["props"] }, { kind: "component", type: TextComponent, selector: "val-text", inputs: ["props"] }, { kind: "component", type: IonCard, selector: "ion-card", inputs: ["button", "color", "disabled", "download", "href", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: IonCardContent, selector: "ion-card-content", inputs: ["mode"] }, { kind: "component", type: IonCardHeader, selector: "ion-card-header", inputs: ["color", "mode", "translucent"] }, { kind: "component", type: IonCardTitle, selector: "ion-card-title", inputs: ["color", "mode"] }, { kind: "component", type: IonCardSubtitle, selector: "ion-card-subtitle", inputs: ["color", "mode"] }, { kind: "component", type: IonCheckbox, selector: "ion-checkbox", inputs: ["checked", "color", "disabled", "errorText", "helperText", "indeterminate", "justify", "labelPlacement", "mode", "name", "value"] }, { 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: IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CardComponent, decorators: [{
             type: Component,
@@ -4979,7 +5165,7 @@ class FileInputComponent {
       </div>
       <val-button [props]="contrastButton" (onClick)="fileInput.click()"></val-button>
     </div>
-  `, isInline: true, styles: [":root{--ion-color-primary: #7026df;--ion-color-primary-rgb: 112, 38, 223;--ion-color-primary-contrast: #ffffff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #6321c4;--ion-color-primary-tint: #7e3ce2;--ion-color-secondary: #e2ccff;--ion-color-secondary-rgb: 226, 204, 255;--ion-color-secondary-contrast: #000000;--ion-color-secondary-contrast-rgb: 0, 0, 0;--ion-color-secondary-shade: #c7b4e0;--ion-color-secondary-tint: #e5d1ff;--ion-color-texti: #354c69;--ion-color-texti-rgb: 53, 76, 105;--ion-color-texti-contrast: #ffffff;--ion-color-texti-contrast-rgb: 255, 255, 255;--ion-color-texti-shade: #2f435c;--ion-color-texti-tint: #495e78;--ion-color-darki: #090f1b;--ion-color-darki-rgb: 9, 15, 27;--ion-color-darki-contrast: #ffffff;--ion-color-darki-contrast-rgb: 255, 255, 255;--ion-color-darki-shade: #080d18;--ion-color-darki-tint: #222732;--ion-color-medium: #9e9e9e;--ion-color-medium-rgb: 158, 158, 158;--ion-color-medium-contrast: #000000;--ion-color-medium-contrast-rgb: 0, 0, 0;--ion-color-medium-shade: #8b8b8b;--ion-color-medium-tint: #a8a8a8;--swiper-pagination-color: var(--ion-color-primary);--swiper-navigation-color: var(--ion-color-primary);--swiper-pagination-bullet-inactive-color: var(--ion-color-medium)}@media (prefers-color-scheme: dark){:root{--ion-color-texti: #8fc1ff;--ion-color-texti-rgb: 143, 193, 255;--ion-color-texti-contrast: #000000;--ion-color-texti-contrast-rgb: 0, 0, 0;--ion-color-texti-shade: #7eaae0;--ion-color-texti-tint: #9ac7ff;--ion-color-darki: #ffffff;--ion-color-darki-rgb: 255, 255, 255;--ion-color-darki-contrast: #000000;--ion-color-darki-contrast-rgb: 0, 0, 0;--ion-color-darki-shade: #e0e0e0;--ion-color-darki-tint: #ffffff;--ion-color-primary: #8f49f8;--ion-color-primary-rgb: 143, 73, 248;--ion-color-primary-contrast: #ffffff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #7e40da;--ion-color-primary-tint: #9a5bf9}}.ion-color-texti{--ion-color-base: var(--ion-color-texti);--ion-color-base-rgb: var(--ion-color-texti-rgb);--ion-color-contrast: var(--ion-color-texti-contrast);--ion-color-contrast-rgb: var(--ion-color-texti-contrast-rgb);--ion-color-shade: var(--ion-color-texti-shade);--ion-color-tint: var(--ion-color-texti-tint)}.ion-color-darki{--ion-color-base: var(--ion-color-darki);--ion-color-base-rgb: var(--ion-color-darki-rgb);--ion-color-contrast: var(--ion-color-darki-contrast);--ion-color-contrast-rgb: var(--ion-color-darki-contrast-rgb);--ion-color-shade: var(--ion-color-darki-shade);--ion-color-tint: var(--ion-color-darki-tint)}.section{margin-top:1rem}.input{margin:.5rem 0}@media (min-width: 768px){.input{margin:.75rem 0}}.file-container{margin-top:.25rem}.name-container{display:flex;flex-direction:row;align-items:center}\n"], dependencies: [{ kind: "component", type: IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: TextComponent, selector: "val-text", inputs: ["props"] }, { kind: "component", type: ButtonComponent, selector: "val-button", inputs: ["props"], outputs: ["onClick"] }] }); }
+  `, isInline: true, styles: [":root{--ion-color-primary: #7026df;--ion-color-primary-rgb: 112, 38, 223;--ion-color-primary-contrast: #ffffff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #6321c4;--ion-color-primary-tint: #7e3ce2;--ion-color-secondary: #e2ccff;--ion-color-secondary-rgb: 226, 204, 255;--ion-color-secondary-contrast: #000000;--ion-color-secondary-contrast-rgb: 0, 0, 0;--ion-color-secondary-shade: #c7b4e0;--ion-color-secondary-tint: #e5d1ff;--ion-color-texti: #354c69;--ion-color-texti-rgb: 53, 76, 105;--ion-color-texti-contrast: #ffffff;--ion-color-texti-contrast-rgb: 255, 255, 255;--ion-color-texti-shade: #2f435c;--ion-color-texti-tint: #495e78;--ion-color-darki: #090f1b;--ion-color-darki-rgb: 9, 15, 27;--ion-color-darki-contrast: #ffffff;--ion-color-darki-contrast-rgb: 255, 255, 255;--ion-color-darki-shade: #080d18;--ion-color-darki-tint: #222732;--ion-color-medium: #9e9e9e;--ion-color-medium-rgb: 158, 158, 158;--ion-color-medium-contrast: #000000;--ion-color-medium-contrast-rgb: 0, 0, 0;--ion-color-medium-shade: #8b8b8b;--ion-color-medium-tint: #a8a8a8;--swiper-pagination-color: var(--ion-color-primary);--swiper-navigation-color: var(--ion-color-primary);--swiper-pagination-bullet-inactive-color: var(--ion-color-medium)}@media (prefers-color-scheme: dark){:root{--ion-color-texti: #8fc1ff;--ion-color-texti-rgb: 143, 193, 255;--ion-color-texti-contrast: #000000;--ion-color-texti-contrast-rgb: 0, 0, 0;--ion-color-texti-shade: #7eaae0;--ion-color-texti-tint: #9ac7ff;--ion-color-darki: #ffffff;--ion-color-darki-rgb: 255, 255, 255;--ion-color-darki-contrast: #000000;--ion-color-darki-contrast-rgb: 0, 0, 0;--ion-color-darki-shade: #e0e0e0;--ion-color-darki-tint: #ffffff;--ion-color-primary: #8f49f8;--ion-color-primary-rgb: 143, 73, 248;--ion-color-primary-contrast: #ffffff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #7e40da;--ion-color-primary-tint: #9a5bf9}}.ion-color-texti{--ion-color-base: var(--ion-color-texti);--ion-color-base-rgb: var(--ion-color-texti-rgb);--ion-color-contrast: var(--ion-color-texti-contrast);--ion-color-contrast-rgb: var(--ion-color-texti-contrast-rgb);--ion-color-shade: var(--ion-color-texti-shade);--ion-color-tint: var(--ion-color-texti-tint)}.ion-color-darki{--ion-color-base: var(--ion-color-darki);--ion-color-base-rgb: var(--ion-color-darki-rgb);--ion-color-contrast: var(--ion-color-darki-contrast);--ion-color-contrast-rgb: var(--ion-color-darki-contrast-rgb);--ion-color-shade: var(--ion-color-darki-shade);--ion-color-tint: var(--ion-color-darki-tint)}.section{margin-top:1rem}.input{margin:.5rem 0}@media (min-width: 768px){.input{margin:.75rem 0}}.file-container{margin-top:.25rem}.name-container{display:flex;flex-direction:row;align-items:center}\n"], dependencies: [{ kind: "component", type: IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: TextComponent, selector: "val-text", inputs: ["props"] }, { kind: "component", type: ButtonComponent, selector: "val-button", inputs: ["preset", "props"], outputs: ["onClick"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FileInputComponent, decorators: [{
             type: Component,
@@ -7835,7 +8021,7 @@ class ActionHeaderComponent {
       <val-display [props]="props.title" />
       <val-button [props]="props.action" />
     </section>
-  `, isInline: true, styles: [".header-content-container{width:100%;display:flex;align-items:center;justify-content:space-between}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: DisplayComponent, selector: "val-display", inputs: ["props"] }, { kind: "component", type: ButtonComponent, selector: "val-button", inputs: ["props"], outputs: ["onClick"] }] }); }
+  `, isInline: true, styles: [".header-content-container{width:100%;display:flex;align-items:center;justify-content:space-between}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: DisplayComponent, selector: "val-display", inputs: ["props"] }, { kind: "component", type: ButtonComponent, selector: "val-button", inputs: ["preset", "props"], outputs: ["onClick"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ActionHeaderComponent, decorators: [{
             type: Component,
@@ -13628,7 +13814,7 @@ class RaffleStatusCardComponent {
         }
       </div>
     </article>
-  `, isInline: true, styles: [":host{display:block}.raffle-card{display:flex;flex-direction:column;background:var(--ion-color-light);border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #00000014;transition:transform .2s,box-shadow .2s}.raffle-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001f}.card-image{position:relative;aspect-ratio:16/9;overflow:hidden}.card-image val-image{width:100%;height:100%}.card-image val-image ::ng-deep img{width:100%;height:100%;object-fit:cover}.status-badge{position:absolute;top:12px;left:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:4px 10px;border-radius:4px}.status-badge.inline{position:static;margin-bottom:8px}.countdown-overlay{position:absolute;bottom:0;left:0;right:0;padding:8px 12px;background:linear-gradient(transparent,#000000b3)}.card-content{display:flex;flex-direction:column;gap:12px;padding:16px}.card-header{display:flex;flex-direction:column;gap:4px}.card-title{font-size:18px;font-weight:600;color:var(--ion-color-dark);margin:0;line-height:1.3}.card-description{font-size:14px;color:var(--ion-color-medium-shade);margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.beneficiary-info{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ion-color-medium-shade)}.beneficiary-info ion-icon{font-size:16px;color:var(--ion-color-danger)}.beneficiary-info .beneficiary-image{width:24px;height:24px;border-radius:50%;overflow:hidden}.prize-preview{padding:12px;background:var(--ion-color-light-shade);border-radius:8px}.prize-header{display:flex;align-items:center;gap:4px;font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--ion-color-medium);margin-bottom:4px}.prize-header ion-icon{font-size:14px;color:var(--ion-color-warning)}.prize-name{font-size:15px;font-weight:600;color:var(--ion-color-dark)}.prize-value{font-size:18px;font-weight:700;color:var(--ion-color-success);margin-top:4px}.progress-section{display:flex;flex-direction:column;gap:6px}.progress-header{display:flex;justify-content:space-between;align-items:center}.progress-label{font-size:12px;color:var(--ion-color-medium-shade)}.progress-value{font-size:14px;font-weight:600;color:var(--ion-color-dark)}ion-progress-bar{height:8px;border-radius:4px;--background: var(--ion-color-light-shade)}.ticket-stats{display:flex;align-items:center;justify-content:center;gap:16px;padding:12px;background:var(--ion-color-light-shade);border-radius:8px}.stat{display:flex;align-items:center;gap:6px;font-size:13px}.stat ion-icon{font-size:18px;color:var(--ion-color-primary)}.stat-value{font-weight:700;color:var(--ion-color-dark);font-size:16px}.stat-label{color:var(--ion-color-medium-shade)}.stat-divider{width:1px;height:24px;background:var(--ion-color-medium-tint)}.price-section{display:flex;justify-content:center;padding:8px 0}.dates-section{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--ion-color-medium-shade)}.date-item{display:flex;align-items:center;gap:6px}.date-item ion-icon{font-size:16px;color:var(--ion-color-primary)}.card-actions{display:flex;gap:8px;margin-top:4px}.card-actions val-button{flex:1}.variant-featured{border:2px solid var(--ion-color-warning)}.variant-featured .card-image{aspect-ratio:2/1}.variant-featured .card-title{font-size:22px}.variant-compact .card-content{padding:12px;gap:8px}.variant-compact .card-title{font-size:15px}.variant-compact .card-description{font-size:13px;-webkit-line-clamp:1}.variant-compact .ticket-stats,.variant-compact .dates-section{display:none}.variant-horizontal{flex-direction:row}.variant-horizontal .card-image{width:40%;min-width:150px;aspect-ratio:1}.variant-horizontal .card-content{flex:1;justify-content:center}.size-small .card-content{padding:12px;gap:8px}.size-small .card-title{font-size:15px}.size-small .card-description{font-size:12px}.size-small .ticket-stats{padding:8px}.size-small .stat-value{font-size:14px}.size-large .card-content{padding:24px;gap:16px}.size-large .card-title{font-size:24px}.size-large .card-description{font-size:16px}.size-large .prize-name{font-size:18px}.size-large .prize-value{font-size:22px}.status-upcoming{opacity:.9}.status-sold_out .card-image:after{content:\"\";position:absolute;inset:0;background:#0000004d}.status-completed .card-actions{opacity:.5;pointer-events:none}.status-cancelled{opacity:.6}.status-cancelled .card-image:after{content:\"\";position:absolute;inset:0;background:#0006}@media (max-width: 480px){.variant-horizontal{flex-direction:column}.variant-horizontal .card-image{width:100%;aspect-ratio:16/9}}\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: IonBadge, selector: "ion-badge", inputs: ["color", "mode"] }, { kind: "component", type: IonProgressBar, selector: "ion-progress-bar", inputs: ["buffer", "color", "mode", "reversed", "type", "value"] }, { kind: "component", type: ImageComponent, selector: "val-image", inputs: ["props"] }, { kind: "component", type: ButtonComponent, selector: "val-button", inputs: ["props"], outputs: ["onClick"] }, { kind: "component", type: CountdownComponent, selector: "val-countdown", inputs: ["props"], outputs: ["complete", "tick"] }, { kind: "component", type: PriceTagComponent, selector: "val-price-tag", inputs: ["props"] }] }); }
+  `, isInline: true, styles: [":host{display:block}.raffle-card{display:flex;flex-direction:column;background:var(--ion-color-light);border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #00000014;transition:transform .2s,box-shadow .2s}.raffle-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001f}.card-image{position:relative;aspect-ratio:16/9;overflow:hidden}.card-image val-image{width:100%;height:100%}.card-image val-image ::ng-deep img{width:100%;height:100%;object-fit:cover}.status-badge{position:absolute;top:12px;left:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:4px 10px;border-radius:4px}.status-badge.inline{position:static;margin-bottom:8px}.countdown-overlay{position:absolute;bottom:0;left:0;right:0;padding:8px 12px;background:linear-gradient(transparent,#000000b3)}.card-content{display:flex;flex-direction:column;gap:12px;padding:16px}.card-header{display:flex;flex-direction:column;gap:4px}.card-title{font-size:18px;font-weight:600;color:var(--ion-color-dark);margin:0;line-height:1.3}.card-description{font-size:14px;color:var(--ion-color-medium-shade);margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.beneficiary-info{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ion-color-medium-shade)}.beneficiary-info ion-icon{font-size:16px;color:var(--ion-color-danger)}.beneficiary-info .beneficiary-image{width:24px;height:24px;border-radius:50%;overflow:hidden}.prize-preview{padding:12px;background:var(--ion-color-light-shade);border-radius:8px}.prize-header{display:flex;align-items:center;gap:4px;font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--ion-color-medium);margin-bottom:4px}.prize-header ion-icon{font-size:14px;color:var(--ion-color-warning)}.prize-name{font-size:15px;font-weight:600;color:var(--ion-color-dark)}.prize-value{font-size:18px;font-weight:700;color:var(--ion-color-success);margin-top:4px}.progress-section{display:flex;flex-direction:column;gap:6px}.progress-header{display:flex;justify-content:space-between;align-items:center}.progress-label{font-size:12px;color:var(--ion-color-medium-shade)}.progress-value{font-size:14px;font-weight:600;color:var(--ion-color-dark)}ion-progress-bar{height:8px;border-radius:4px;--background: var(--ion-color-light-shade)}.ticket-stats{display:flex;align-items:center;justify-content:center;gap:16px;padding:12px;background:var(--ion-color-light-shade);border-radius:8px}.stat{display:flex;align-items:center;gap:6px;font-size:13px}.stat ion-icon{font-size:18px;color:var(--ion-color-primary)}.stat-value{font-weight:700;color:var(--ion-color-dark);font-size:16px}.stat-label{color:var(--ion-color-medium-shade)}.stat-divider{width:1px;height:24px;background:var(--ion-color-medium-tint)}.price-section{display:flex;justify-content:center;padding:8px 0}.dates-section{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--ion-color-medium-shade)}.date-item{display:flex;align-items:center;gap:6px}.date-item ion-icon{font-size:16px;color:var(--ion-color-primary)}.card-actions{display:flex;gap:8px;margin-top:4px}.card-actions val-button{flex:1}.variant-featured{border:2px solid var(--ion-color-warning)}.variant-featured .card-image{aspect-ratio:2/1}.variant-featured .card-title{font-size:22px}.variant-compact .card-content{padding:12px;gap:8px}.variant-compact .card-title{font-size:15px}.variant-compact .card-description{font-size:13px;-webkit-line-clamp:1}.variant-compact .ticket-stats,.variant-compact .dates-section{display:none}.variant-horizontal{flex-direction:row}.variant-horizontal .card-image{width:40%;min-width:150px;aspect-ratio:1}.variant-horizontal .card-content{flex:1;justify-content:center}.size-small .card-content{padding:12px;gap:8px}.size-small .card-title{font-size:15px}.size-small .card-description{font-size:12px}.size-small .ticket-stats{padding:8px}.size-small .stat-value{font-size:14px}.size-large .card-content{padding:24px;gap:16px}.size-large .card-title{font-size:24px}.size-large .card-description{font-size:16px}.size-large .prize-name{font-size:18px}.size-large .prize-value{font-size:22px}.status-upcoming{opacity:.9}.status-sold_out .card-image:after{content:\"\";position:absolute;inset:0;background:#0000004d}.status-completed .card-actions{opacity:.5;pointer-events:none}.status-cancelled{opacity:.6}.status-cancelled .card-image:after{content:\"\";position:absolute;inset:0;background:#0006}@media (max-width: 480px){.variant-horizontal{flex-direction:column}.variant-horizontal .card-image{width:100%;aspect-ratio:16/9}}\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: IonBadge, selector: "ion-badge", inputs: ["color", "mode"] }, { kind: "component", type: IonProgressBar, selector: "ion-progress-bar", inputs: ["buffer", "color", "mode", "reversed", "type", "value"] }, { kind: "component", type: ImageComponent, selector: "val-image", inputs: ["props"] }, { kind: "component", type: ButtonComponent, selector: "val-button", inputs: ["preset", "props"], outputs: ["onClick"] }, { kind: "component", type: CountdownComponent, selector: "val-countdown", inputs: ["props"], outputs: ["complete", "tick"] }, { kind: "component", type: PriceTagComponent, selector: "val-price-tag", inputs: ["props"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: RaffleStatusCardComponent, decorators: [{
             type: Component,
@@ -15978,7 +16164,7 @@ class ArticleComponent {
         </ng-container>
       </div>
     </article>
-  `, isInline: true, styles: [".val-article{width:100%;margin:0 auto;line-height:1.6;color:var(--ion-color-dark, #1f2937);display:block;position:static}.val-article--centered{margin:0 auto}.val-article--light{background-color:var(--ion-color-light, #ffffff);color:var(--ion-color-dark, #1f2937)}.val-article--dark{background-color:var(--ion-color-dark, #1f2937);color:var(--ion-color-light, #ffffff)}.val-article__element{position:relative}.val-article__element:last-child{margin-bottom:0!important}.val-article__spacing-top--none{margin-top:0!important}.val-article__spacing-top--small{margin-top:.5rem!important}.val-article__spacing-top--medium{margin-top:1rem!important}.val-article__spacing-top--large{margin-top:1.5rem!important}.val-article__spacing-top--xlarge{margin-top:2.5rem!important}.val-article__spacing-bottom--none{margin-bottom:0!important}.val-article__spacing-bottom--small{margin-bottom:.5rem!important}.val-article__spacing-bottom--medium{margin-bottom:1rem!important}.val-article__spacing-bottom--large{margin-bottom:1.5rem!important}.val-article__spacing-bottom--xlarge{margin-bottom:2.5rem!important}.val-article__spacing-horizontal--none{margin-left:0!important;margin-right:0!important}.val-article__spacing-horizontal--small{margin-left:.5rem!important;margin-right:.5rem!important}.val-article__spacing-horizontal--medium{margin-left:1rem!important;margin-right:1rem!important}.val-article__spacing-horizontal--large{margin-left:1.5rem!important;margin-right:1.5rem!important}.val-article__spacing-horizontal--xlarge{margin-left:2.5rem!important;margin-right:2.5rem!important}.val-article__quote{border-left:4px solid #0969da;padding:1rem;background-color:var(--ion-color-light-shade, #f8f9fa);border-radius:0 8px 8px 0;font-style:italic}.val-article__quote-content{margin-bottom:.5rem;font-size:1.1em}.val-article__quote-author{font-size:.9em;color:var(--ion-color-medium, #6c757d);font-style:normal;font-weight:500;text-align:right}.val-article__quote-source{font-weight:400;opacity:.8}.val-article__highlight{padding:1rem;background-color:var(--ion-color-warning-tint, #fff3cd);border:1px solid var(--ion-color-warning, #ffc107);border-radius:4px}.val-article__highlight--rounded{border-radius:12px}.val-article__code{border-radius:8px;overflow:hidden;border:1px solid #e1e5e9}.val-article__code-language{background-color:var(--ion-color-medium-tint, #f8f9fa);padding:.5rem 1rem;font-size:.875em;font-weight:500;color:var(--ion-color-dark, #495057);border-bottom:1px solid #e1e5e9;text-transform:uppercase;letter-spacing:.5px}.val-article__code-content{background-color:#f6f8fa;color:#24292e;padding:1rem;margin:0;overflow-x:auto;font-family:SFMono-Regular,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.875em;line-height:1.5}.val-article__code-content code{background:none;padding:0;font-size:inherit;color:inherit}.val-article__code-content--dark{background-color:#161b22;color:#f0f6fc}.val-article__list{padding-left:1.5rem}.val-article__list--ordered{list-style-type:decimal}.val-article__list-item{margin-bottom:.5rem;line-height:1.6;position:relative}.val-article__list-item:last-child{margin-bottom:0}.val-article__list-check{color:var(--ion-color-success, #28a745);font-weight:700;margin-right:.5rem;position:absolute;left:-1.5rem}.val-article .val-article__list:has(.val-article__list-check){list-style:none;padding-left:1rem}.val-article__button-container--left{text-align:left}.val-article__button-container--center{text-align:center}.val-article__button-container--right{text-align:right}.val-article__separator{text-align:center}.val-article__separator-line{border:none;height:1px;background-color:#d0d7de;margin:0}.val-article__separator-line--thin{height:1px}.val-article__separator-line--thick{height:3px}.val-article__separator-dots{color:#d0d7de;font-size:1.5em;letter-spacing:.5em;-webkit-user-select:none;user-select:none}.val-article__separator-space{height:0}.val-article__image{text-align:center}.val-article__image--left{text-align:left}.val-article__image--center{text-align:center}.val-article__image--right{text-align:right}.val-article__image-content{max-width:100%;height:auto;border-radius:4px;box-shadow:0 2px 8px #0000001a;transition:transform .2s ease}.val-article__image-content:hover{transform:scale(1.02)}.val-article__image-content--rounded{border-radius:12px}.val-article__image-caption{margin-top:.5rem;font-size:.875em;color:var(--ion-color-medium, #6c757d);font-style:italic;text-align:center}.val-article__video{text-align:center}.val-article__video-content{max-width:100%;height:auto;border-radius:8px;box-shadow:0 4px 12px #00000026}.val-article__video-title{margin-top:.5rem;font-size:.9em;color:var(--ion-color-medium, #6c757d);font-weight:500}.val-article__custom *{max-width:100%}@media (max-width: 768px){.val-article__code-content{font-size:.8em;padding:.5rem}.val-article__image-content:hover{transform:none}.val-article__quote,.val-article__highlight{padding:.5rem}}@media (prefers-color-scheme: dark){.val-article--auto{background-color:var(--ion-color-dark, #1f2937);color:var(--ion-color-light, #ffffff)}.val-article--auto .val-article__quote{background-color:#ffffff0d}.val-article--auto .val-article__highlight{background-color:#ffc1071a;border-color:var(--ion-color-warning-shade, #e0a800)}.val-article--auto .val-article__code-content{background-color:#161b22;color:#f0f6fc}}.val-article__element{animation:fadeInUp .3s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-contrast: high){.val-article__separator-line{background-color:currentColor;opacity:.5}.val-article__quote{border-left-width:6px}}@media (prefers-reduced-motion: reduce){.val-article .val-article__element{animation:none}.val-article__image-content{transition:none}.val-article__image-content:hover{transform:none}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: DisplayComponent, selector: "val-display", inputs: ["props"] }, { kind: "component", type: TitleComponent, selector: "val-title", inputs: ["props"] }, { kind: "component", type: TextComponent, selector: "val-text", inputs: ["props"] }, { kind: "component", type: ButtonComponent, selector: "val-button", inputs: ["props"], outputs: ["onClick"] }, { kind: "component", type: ImageComponent, selector: "val-image", inputs: ["props"] }, { kind: "component", type: CodeDisplayComponent, selector: "val-code-display", inputs: ["props"] }, { kind: "component", type: NotesBoxComponent, selector: "val-notes-box", inputs: ["props"] }, { kind: "component", type: PlainCodeBoxComponent, selector: "val-plain-code-box", inputs: ["props"] }] }); }
+  `, isInline: true, styles: [".val-article{width:100%;margin:0 auto;line-height:1.6;color:var(--ion-color-dark, #1f2937);display:block;position:static}.val-article--centered{margin:0 auto}.val-article--light{background-color:var(--ion-color-light, #ffffff);color:var(--ion-color-dark, #1f2937)}.val-article--dark{background-color:var(--ion-color-dark, #1f2937);color:var(--ion-color-light, #ffffff)}.val-article__element{position:relative}.val-article__element:last-child{margin-bottom:0!important}.val-article__spacing-top--none{margin-top:0!important}.val-article__spacing-top--small{margin-top:.5rem!important}.val-article__spacing-top--medium{margin-top:1rem!important}.val-article__spacing-top--large{margin-top:1.5rem!important}.val-article__spacing-top--xlarge{margin-top:2.5rem!important}.val-article__spacing-bottom--none{margin-bottom:0!important}.val-article__spacing-bottom--small{margin-bottom:.5rem!important}.val-article__spacing-bottom--medium{margin-bottom:1rem!important}.val-article__spacing-bottom--large{margin-bottom:1.5rem!important}.val-article__spacing-bottom--xlarge{margin-bottom:2.5rem!important}.val-article__spacing-horizontal--none{margin-left:0!important;margin-right:0!important}.val-article__spacing-horizontal--small{margin-left:.5rem!important;margin-right:.5rem!important}.val-article__spacing-horizontal--medium{margin-left:1rem!important;margin-right:1rem!important}.val-article__spacing-horizontal--large{margin-left:1.5rem!important;margin-right:1.5rem!important}.val-article__spacing-horizontal--xlarge{margin-left:2.5rem!important;margin-right:2.5rem!important}.val-article__quote{border-left:4px solid #0969da;padding:1rem;background-color:var(--ion-color-light-shade, #f8f9fa);border-radius:0 8px 8px 0;font-style:italic}.val-article__quote-content{margin-bottom:.5rem;font-size:1.1em}.val-article__quote-author{font-size:.9em;color:var(--ion-color-medium, #6c757d);font-style:normal;font-weight:500;text-align:right}.val-article__quote-source{font-weight:400;opacity:.8}.val-article__highlight{padding:1rem;background-color:var(--ion-color-warning-tint, #fff3cd);border:1px solid var(--ion-color-warning, #ffc107);border-radius:4px}.val-article__highlight--rounded{border-radius:12px}.val-article__code{border-radius:8px;overflow:hidden;border:1px solid #e1e5e9}.val-article__code-language{background-color:var(--ion-color-medium-tint, #f8f9fa);padding:.5rem 1rem;font-size:.875em;font-weight:500;color:var(--ion-color-dark, #495057);border-bottom:1px solid #e1e5e9;text-transform:uppercase;letter-spacing:.5px}.val-article__code-content{background-color:#f6f8fa;color:#24292e;padding:1rem;margin:0;overflow-x:auto;font-family:SFMono-Regular,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.875em;line-height:1.5}.val-article__code-content code{background:none;padding:0;font-size:inherit;color:inherit}.val-article__code-content--dark{background-color:#161b22;color:#f0f6fc}.val-article__list{padding-left:1.5rem}.val-article__list--ordered{list-style-type:decimal}.val-article__list-item{margin-bottom:.5rem;line-height:1.6;position:relative}.val-article__list-item:last-child{margin-bottom:0}.val-article__list-check{color:var(--ion-color-success, #28a745);font-weight:700;margin-right:.5rem;position:absolute;left:-1.5rem}.val-article .val-article__list:has(.val-article__list-check){list-style:none;padding-left:1rem}.val-article__button-container--left{text-align:left}.val-article__button-container--center{text-align:center}.val-article__button-container--right{text-align:right}.val-article__separator{text-align:center}.val-article__separator-line{border:none;height:1px;background-color:#d0d7de;margin:0}.val-article__separator-line--thin{height:1px}.val-article__separator-line--thick{height:3px}.val-article__separator-dots{color:#d0d7de;font-size:1.5em;letter-spacing:.5em;-webkit-user-select:none;user-select:none}.val-article__separator-space{height:0}.val-article__image{text-align:center}.val-article__image--left{text-align:left}.val-article__image--center{text-align:center}.val-article__image--right{text-align:right}.val-article__image-content{max-width:100%;height:auto;border-radius:4px;box-shadow:0 2px 8px #0000001a;transition:transform .2s ease}.val-article__image-content:hover{transform:scale(1.02)}.val-article__image-content--rounded{border-radius:12px}.val-article__image-caption{margin-top:.5rem;font-size:.875em;color:var(--ion-color-medium, #6c757d);font-style:italic;text-align:center}.val-article__video{text-align:center}.val-article__video-content{max-width:100%;height:auto;border-radius:8px;box-shadow:0 4px 12px #00000026}.val-article__video-title{margin-top:.5rem;font-size:.9em;color:var(--ion-color-medium, #6c757d);font-weight:500}.val-article__custom *{max-width:100%}@media (max-width: 768px){.val-article__code-content{font-size:.8em;padding:.5rem}.val-article__image-content:hover{transform:none}.val-article__quote,.val-article__highlight{padding:.5rem}}@media (prefers-color-scheme: dark){.val-article--auto{background-color:var(--ion-color-dark, #1f2937);color:var(--ion-color-light, #ffffff)}.val-article--auto .val-article__quote{background-color:#ffffff0d}.val-article--auto .val-article__highlight{background-color:#ffc1071a;border-color:var(--ion-color-warning-shade, #e0a800)}.val-article--auto .val-article__code-content{background-color:#161b22;color:#f0f6fc}}.val-article__element{animation:fadeInUp .3s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-contrast: high){.val-article__separator-line{background-color:currentColor;opacity:.5}.val-article__quote{border-left-width:6px}}@media (prefers-reduced-motion: reduce){.val-article .val-article__element{animation:none}.val-article__image-content{transition:none}.val-article__image-content:hover{transform:none}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: DisplayComponent, selector: "val-display", inputs: ["props"] }, { kind: "component", type: TitleComponent, selector: "val-title", inputs: ["props"] }, { kind: "component", type: TextComponent, selector: "val-text", inputs: ["props"] }, { kind: "component", type: ButtonComponent, selector: "val-button", inputs: ["preset", "props"], outputs: ["onClick"] }, { kind: "component", type: ImageComponent, selector: "val-image", inputs: ["props"] }, { kind: "component", type: CodeDisplayComponent, selector: "val-code-display", inputs: ["props"] }, { kind: "component", type: NotesBoxComponent, selector: "val-notes-box", inputs: ["props"] }, { kind: "component", type: PlainCodeBoxComponent, selector: "val-plain-code-box", inputs: ["props"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ArticleComponent, decorators: [{
             type: Component,
@@ -19914,7 +20100,7 @@ class MenuComponent {
         />
       }
     </ion-menu>
-  `, isInline: true, styles: ["ion-menu{--min-width: 75%}@media (min-width: 768px){ion-menu{--min-width: 40%}}ion-menu ion-header{background:var(--ion-color-light)}ion-menu ion-content{--background: var(--ion-color-light)}.menu-close-button{display:block;margin:1rem .5rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: IonMenu, selector: "ion-menu", inputs: ["contentId", "disabled", "maxEdgeStart", "menuId", "side", "swipeGesture", "type"] }, { kind: "component", type: IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: IonMenuToggle, selector: "ion-menu-toggle", inputs: ["autoHide", "menu"] }, { 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: IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "component", type: IonContent, selector: "ion-content", inputs: ["color", "fixedSlotPlacement", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: ImageComponent, selector: "val-image", inputs: ["props"] }, { kind: "component", type: ButtonComponent, selector: "val-button", inputs: ["props"], outputs: ["onClick"] }] }); }
+  `, isInline: true, styles: ["ion-menu{--min-width: 75%}@media (min-width: 768px){ion-menu{--min-width: 40%}}ion-menu ion-header{background:var(--ion-color-light)}ion-menu ion-content{--background: var(--ion-color-light)}.menu-close-button{display:block;margin:1rem .5rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: IonMenu, selector: "ion-menu", inputs: ["contentId", "disabled", "maxEdgeStart", "menuId", "side", "swipeGesture", "type"] }, { kind: "component", type: IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: IonMenuToggle, selector: "ion-menu-toggle", inputs: ["autoHide", "menu"] }, { 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: IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "component", type: IonContent, selector: "ion-content", inputs: ["color", "fixedSlotPlacement", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: ImageComponent, selector: "val-image", inputs: ["props"] }, { kind: "component", type: ButtonComponent, selector: "val-button", inputs: ["preset", "props"], outputs: ["onClick"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: MenuComponent, decorators: [{
             type: Component,
@@ -20395,7 +20581,7 @@ class PageTemplateComponent {
         </ion-row>
       }
     </ion-grid>
-  `, isInline: true, styles: [".page-title{padding:0;font-size:1.6rem;font-weight:800}@media (min-width: 768px){.page-title{font-size:2rem}}.description-row{margin-bottom:16px}.description-container{margin-top:1rem}.back-row{margin-bottom:16px}.back-button{display:block;margin:1rem 0}\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: ExpandableTextComponent, selector: "val-expandable-text", inputs: ["props"] }, { kind: "component", type: IonGrid, selector: "ion-grid", inputs: ["fixed"] }, { kind: "component", type: IonRow, selector: "ion-row" }, { kind: "component", type: IonCol, selector: "ion-col", inputs: ["offset", "offsetLg", "offsetMd", "offsetSm", "offsetXl", "offsetXs", "pull", "pullLg", "pullMd", "pullSm", "pullXl", "pullXs", "push", "pushLg", "pushMd", "pushSm", "pushXl", "pushXs", "size", "sizeLg", "sizeMd", "sizeSm", "sizeXl", "sizeXs"] }, { kind: "component", type: ButtonComponent, selector: "val-button", inputs: ["props"], outputs: ["onClick"] }] }); }
+  `, isInline: true, styles: [".page-title{padding:0;font-size:1.6rem;font-weight:800}@media (min-width: 768px){.page-title{font-size:2rem}}.description-row{margin-bottom:16px}.description-container{margin-top:1rem}.back-row{margin-bottom:16px}.back-button{display:block;margin:1rem 0}\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: ExpandableTextComponent, selector: "val-expandable-text", inputs: ["props"] }, { kind: "component", type: IonGrid, selector: "ion-grid", inputs: ["fixed"] }, { kind: "component", type: IonRow, selector: "ion-row" }, { kind: "component", type: IonCol, selector: "ion-col", inputs: ["offset", "offsetLg", "offsetMd", "offsetSm", "offsetXl", "offsetXs", "pull", "pullLg", "pullMd", "pullSm", "pullXl", "pullXs", "push", "pushLg", "pushMd", "pushSm", "pushXl", "pushXs", "size", "sizeLg", "sizeMd", "sizeSm", "sizeXl", "sizeXs"] }, { kind: "component", type: ButtonComponent, selector: "val-button", inputs: ["preset", "props"], outputs: ["onClick"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PageTemplateComponent, decorators: [{
             type: Component,
@@ -22075,6 +22261,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                     args: [PLATFORM_ID]
                 }] }] });
 
+var analytics_service = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  AnalyticsService: AnalyticsService
+});
+
 /**
  * Analytics Error Handler
  *
@@ -28122,152 +28313,1137 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
 // Tipos
 
 /**
- * Servicio para gestionar presets de componentes.
+ * Ads Types
  *
- * Los presets permiten definir configuraciones reutilizables
- * de componentes (tamaño, color, variante, etc.) que se pueden
- * aplicar con un nombre semántico.
+ * Tipos e interfaces para el servicio de Google Ad Manager.
+ * Usa Google Publisher Tags (GPT) para renderizar ads.
+ */
+/**
+ * Mapeo de tamanos predefinidos a dimensiones.
+ */
+const AD_SIZE_MAP = {
+    leaderboard: [728, 90],
+    billboard: [970, 250],
+    'medium-rectangle': [300, 250],
+    'large-rectangle': [336, 280],
+    'half-page': [300, 600],
+    skyscraper: [160, 600],
+    'mobile-banner': [320, 50],
+    'mobile-leaderboard': [320, 100],
+    fluid: 'fluid',
+    native: 'fluid',
+    custom: 'fluid',
+};
+
+/**
+ * Ads Consent Service
  *
- * @example
- * // En un componente
- * presets = inject(PresetService);
+ * Integra el servicio de Ads con el Consent Mode v2 existente en AnalyticsService.
+ * Proporciona estado de consent especifico para ads (advertising).
+ */
+/**
+ * Servicio que maneja el consent para ads.
  *
- * // Obtener preset
- * const buttonProps = this.presets.get<ButtonMetadata>('button', 'primary-action');
- * // { size: 'large', color: 'primary', fill: 'solid' }
+ * Se integra con AnalyticsService para reutilizar el estado de consent GDPR.
+ * Si AnalyticsService no esta disponible, usa valores por defecto conservadores.
  */
-class PresetService {
+class AdsConsentService {
     constructor() {
-        this._presets = signal({});
+        this.platformId = inject(PLATFORM_ID);
+        this.injector = inject(Injector);
+        // Cache del estado de consent
+        this._consentState = signal({
+            adStorage: false,
+            adPersonalization: false,
+            adUserData: false,
+        });
+        /** Estado de consent para ads (readonly) */
+        this.adsConsentState = this._consentState.asReadonly();
+        /** Indica si se pueden mostrar ads (al menos consent basico) */
+        this.canShowAds = computed(() => {
+            // Siempre permitimos mostrar ads (pueden ser no personalizados)
+            // El control real esta en canPersonalize
+            return true;
+        });
+        /** Indica si se pueden mostrar ads personalizados */
+        this.canPersonalize = computed(() => {
+            const state = this._consentState();
+            return state.adStorage && state.adPersonalization && state.adUserData;
+        });
+        this.analyticsService = null;
+        this.consentSyncInterval = null;
+        if (isPlatformBrowser(this.platformId)) {
+            this.initializeConsentSync();
+        }
     }
     /**
-     * Obtiene un preset específico para un componente
-     *
-     * @param component Tipo de componente (ej: 'button', 'card', 'input')
-     * @param presetName Nombre del preset (ej: 'primary-action', 'compact')
-     * @returns Propiedades del preset o objeto vacío si no existe
-     *
-     * @example
-     * // Obtener preset de botón
-     * const props = presets.get<ButtonMetadata>('button', 'primary-action');
-     *
-     * // Usar en componente
-     * <val-button [props]="props"></val-button>
+     * Inicializa la sincronizacion con AnalyticsService.
      */
-    get(component, presetName) {
-        const componentPresets = this._presets()[component];
-        if (!componentPresets) {
-            console.warn(`[presets] No presets registered for component: ${component}`);
-            return {};
+    initializeConsentSync() {
+        // Intentar obtener AnalyticsService de forma lazy
+        // Usamos setTimeout para dar tiempo a que se inicialice
+        setTimeout(() => {
+            this.syncWithAnalyticsConsent();
+        }, 100);
+        // Re-sincronizar periodicamente por si el usuario cambia consent
+        this.consentSyncInterval = setInterval(() => {
+            this.syncWithAnalyticsConsent();
+        }, 5000);
+    }
+    /**
+     * Sincroniza el estado de consent desde AnalyticsService.
+     */
+    async syncWithAnalyticsConsent() {
+        try {
+            // Importar AnalyticsService dinamicamente
+            const { AnalyticsService } = await Promise.resolve().then(function () { return analytics_service; });
+            if (!this.analyticsService) {
+                this.analyticsService = this.injector.get(AnalyticsService, null);
+            }
+            if (this.analyticsService) {
+                // AnalyticsService expone consentState como signal
+                const consentState = this.analyticsService.consentState();
+                this.updateFromAnalyticsConsent(consentState.settings);
+            }
         }
-        const preset = componentPresets[presetName];
-        if (!preset) {
-            console.warn(`[presets] Preset '${presetName}' not found for component: ${component}`);
-            return {};
+        catch {
+            // AnalyticsService no disponible - usar defaults
+            this.setDefaultConsent();
         }
-        return preset;
     }
     /**
-     * Verifica si existe un preset
+     * Actualiza el estado de consent desde AnalyticsService.
      */
-    has(component, presetName) {
-        return !!this._presets()[component]?.[presetName];
+    updateFromAnalyticsConsent(settings) {
+        const hasAdvertisingConsent = settings['advertising'] === true;
+        this._consentState.set({
+            adStorage: hasAdvertisingConsent,
+            adPersonalization: hasAdvertisingConsent,
+            adUserData: hasAdvertisingConsent,
+        });
     }
     /**
-     * Registra presets de la aplicación
-     *
-     * @param presets Configuración de presets
-     *
-     * @example
-     * presets.registerPresets({
-     *   button: {
-     *     'primary-action': { size: 'large', color: 'primary' },
-     *   },
-     *   card: {
-     *     'feature': { variant: 'elevated' },
-     *   }
-     * });
+     * Establece consent por defecto (sin datos personales).
      */
-    registerPresets(presets) {
-        this._presets.set(presets);
+    setDefaultConsent() {
+        this._consentState.set({
+            adStorage: false,
+            adPersonalization: false,
+            adUserData: false,
+        });
     }
     /**
-     * Agrega presets para un componente específico (merge con existentes)
+     * Actualiza manualmente el consent para ads.
+     * Usar cuando el usuario actualiza sus preferencias directamente.
+     *
+     * @param consent - Nuevo estado de consent parcial
      */
-    registerComponentPresets(component, presets) {
-        this._presets.update((current) => ({
+    updateConsent(consent) {
+        this._consentState.update((current) => ({
             ...current,
-            [component]: {
-                ...current[component],
-                ...presets,
-            },
+            ...consent,
         }));
+        // Notificar a GPT si ya esta cargado
+        this.applyConsentToGPT();
     }
     /**
-     * Obtiene todos los nombres de presets para un componente
+     * Aplica el estado de consent actual a GPT.
      */
-    getPresetNames(component) {
-        return Object.keys(this._presets()[component] || {});
+    applyConsentToGPT() {
+        if (!isPlatformBrowser(this.platformId))
+            return;
+        const googletag = window.googletag;
+        if (!googletag)
+            return;
+        googletag.cmd.push(() => {
+            const canPersonalize = this.canPersonalize();
+            // 0 = personalized, 1 = non-personalized
+            googletag.pubads().setRequestNonPersonalizedAds(canPersonalize ? 0 : 1);
+        });
     }
     /**
-     * Obtiene todos los componentes con presets registrados
+     * Obtiene el estado actual de consent.
      */
-    getRegisteredComponents() {
-        return Object.keys(this._presets());
+    getConsentState() {
+        return this._consentState();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PresetService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PresetService, providedIn: 'root' }); }
+    /**
+     * Destruye el servicio y limpia recursos.
+     */
+    destroy() {
+        if (this.consentSyncInterval) {
+            clearInterval(this.consentSyncInterval);
+            this.consentSyncInterval = null;
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AdsConsentService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AdsConsentService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PresetService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AdsConsentService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
-        }] });
+        }], ctorParameters: () => [] });
 
 /**
- * Configura el sistema de presets de Valtech Components.
+ * Ads Loader Service
  *
- * @param presets Configuración de presets por componente
- * @returns Providers para agregar en app.config.ts
+ * Maneja la carga lazy del script GPT (Google Publisher Tag).
+ * Solo carga el script cuando se necesita el primer ad.
+ */
+/** URL del script GPT */
+const GPT_SCRIPT_URL = 'https://securepubads.g.doubleclick.net/tag/js/gpt.js';
+/**
+ * Servicio para cargar el script de Google Publisher Tags.
+ *
+ * Implementa lazy loading: el script solo se carga cuando
+ * se solicita renderizar el primer ad slot.
+ */
+class AdsLoaderService {
+    constructor(config, platformId, consentService) {
+        this.config = config;
+        this.platformId = platformId;
+        this.consentService = consentService;
+        this._isLoading = signal(false);
+        this._isLoaded = signal(false);
+        this._error = signal(null);
+        /** Indica si el script esta cargando */
+        this.isLoading = this._isLoading.asReadonly();
+        /** Indica si el script esta cargado */
+        this.isLoaded = this._isLoaded.asReadonly();
+        /** Error de carga (si existe) */
+        this.error = this._error.asReadonly();
+        this.loadPromise = null;
+    }
+    /**
+     * Carga el script GPT de forma lazy.
+     * Retorna la instancia de googletag o null si falla.
+     *
+     * @returns Promise con googletag o null
+     */
+    loadGPT() {
+        // SSR check
+        if (!isPlatformBrowser(this.platformId)) {
+            return Promise.resolve(null);
+        }
+        // Ya cargado
+        if (this._isLoaded() && window.googletag) {
+            return Promise.resolve(window.googletag);
+        }
+        // Ya hay una carga en progreso
+        if (this.loadPromise) {
+            return this.loadPromise;
+        }
+        this._isLoading.set(true);
+        this._error.set(null);
+        this.loadPromise = new Promise((resolve) => {
+            // Inicializar cmd queue
+            window.googletag = window.googletag || { cmd: [] };
+            const googletag = window.googletag;
+            // Crear script
+            const script = document.createElement('script');
+            script.async = true;
+            script.src = GPT_SCRIPT_URL;
+            script.onload = () => {
+                googletag.cmd.push(() => {
+                    this.configureGPT(googletag);
+                    this._isLoaded.set(true);
+                    this._isLoading.set(false);
+                    if (this.config.debugMode) {
+                        console.log('[ValtechAds] Script GPT cargado y configurado');
+                    }
+                    resolve(googletag);
+                });
+            };
+            script.onerror = (error) => {
+                console.error('[ValtechAds] Error cargando GPT:', error);
+                this._error.set(new Error('Error cargando Google Publisher Tag'));
+                this._isLoading.set(false);
+                this.loadPromise = null;
+                resolve(null);
+            };
+            // Insertar script
+            const firstScript = document.getElementsByTagName('script')[0];
+            firstScript.parentNode?.insertBefore(script, firstScript);
+        });
+        return this.loadPromise;
+    }
+    /**
+     * Configura GPT con las opciones de la aplicacion.
+     */
+    configureGPT(googletag) {
+        const pubads = googletag.pubads();
+        // Single Request Architecture para mejor performance
+        pubads.enableSingleRequest();
+        // Colapsar divs vacios antes de fetch
+        pubads.collapseEmptyDivs(true);
+        // Lazy loading nativo de GPT
+        if (this.config.lazyLoad && this.config.lazyLoadConfig) {
+            pubads.enableLazyLoad({
+                fetchMarginPercent: this.config.lazyLoadConfig.fetchMarginPercent,
+                renderMarginPercent: this.config.lazyLoadConfig.renderMarginPercent,
+                mobileScaling: 2.0,
+            });
+        }
+        // Targeting global
+        if (this.config.globalTargeting) {
+            for (const [key, value] of Object.entries(this.config.globalTargeting)) {
+                pubads.setTargeting(key, value);
+            }
+        }
+        // Non-personalized ads segun consent
+        if (!this.consentService.canPersonalize()) {
+            pubads.setRequestNonPersonalizedAds(1);
+        }
+        // Event listeners
+        pubads.addEventListener('slotRenderEnded', (event) => {
+            const slotId = event.slot.getSlotElementId();
+            if (this.config.debugMode) {
+                console.log(`[ValtechAds] Slot ${slotId} rendered, empty: ${event.isEmpty}`);
+            }
+        });
+        // Debug mode
+        if (this.config.debugMode) {
+            console.log('[ValtechAds] GPT configurado:', {
+                lazyLoad: this.config.lazyLoad,
+                personalized: this.consentService.canPersonalize(),
+                targeting: this.config.globalTargeting,
+            });
+        }
+    }
+    /**
+     * Verifica si el script GPT esta disponible.
+     */
+    isGPTAvailable() {
+        return isPlatformBrowser(this.platformId) && !!window.googletag && this._isLoaded();
+    }
+    /**
+     * Obtiene la instancia de googletag si esta cargada.
+     */
+    getGPT() {
+        if (this.isGPTAvailable()) {
+            return window.googletag;
+        }
+        return null;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AdsLoaderService, deps: [{ token: VALTECH_ADS_CONFIG }, { token: PLATFORM_ID }, { token: AdsConsentService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AdsLoaderService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AdsLoaderService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [VALTECH_ADS_CONFIG]
+                }] }, { type: Object, decorators: [{
+                    type: Inject,
+                    args: [PLATFORM_ID]
+                }] }, { type: AdsConsentService }] });
+
+/**
+ * Ads Service
+ *
+ * Servicio principal para Google Ad Manager (GPT).
+ * Integra con el sistema de consent existente y respeta usuarios premium.
+ */
+/**
+ * Servicio principal de Google Ad Manager.
+ *
+ * Maneja la creacion, destruccion y refresh de ad slots.
+ * Integra automaticamente con consent mode y detecta usuarios premium.
  *
  * @example
- * // app.config.ts
- * import { provideValtechPresets } from 'valtech-components';
+ * ```typescript
+ * @Component({...})
+ * export class MyComponent {
+ *   private ads = inject(AdsService);
  *
- * export const appConfig: ApplicationConfig = {
+ *   // Verificar si mostrar ads
+ *   showAds = this.ads.isEnabled;
+ *
+ *   // Verificar si usuario es premium
+ *   isPremium = this.ads.isPremiumUser;
+ * }
+ * ```
+ */
+class AdsService {
+    constructor(injector, config, platformId, router, loaderService, consentService) {
+        this.injector = injector;
+        this.config = config;
+        this.platformId = platformId;
+        this.router = router;
+        this.loaderService = loaderService;
+        this.consentService = consentService;
+        // ===========================================================================
+        // ESTADO (Signals)
+        // ===========================================================================
+        this._isInitialized = signal(false);
+        this._isEnabled = signal(false);
+        this._isPremiumUser = signal(false);
+        this._isDebugMode = signal(false);
+        this._slots = signal(new Map());
+        this._slotStates = signal(new Map());
+        this._events = signal([]);
+        /** Indica si el servicio esta inicializado */
+        this.isInitialized = this._isInitialized.asReadonly();
+        /** Indica si los ads estan habilitados (consent + no premium) */
+        this.isEnabled = computed(() => {
+            return (this._isInitialized() &&
+                this._isEnabled() &&
+                !this._isPremiumUser() &&
+                this.consentService.canShowAds());
+        });
+        /** Indica si el usuario es premium (no ve ads) */
+        this.isPremiumUser = this._isPremiumUser.asReadonly();
+        /** Indica si esta en modo debug */
+        this.isDebugMode = this._isDebugMode.asReadonly();
+        /** Estado de consent para ads */
+        this.consentState = this.consentService.adsConsentState;
+        /** Eventos de ads (historial) */
+        this.events = this._events.asReadonly();
+        // ===========================================================================
+        // INTERNOS
+        // ===========================================================================
+        this.activeSlots = new Map();
+        this.routerSubscription = null;
+        this.refreshTimerId = null;
+        this._isDebugMode.set(config.debugMode ?? false);
+    }
+    // ===========================================================================
+    // INICIALIZACION
+    // ===========================================================================
+    /**
+     * Inicializa el servicio de ads.
+     * Llamado automaticamente por APP_INITIALIZER.
+     * NO carga el script GPT hasta que se necesite el primer ad.
+     */
+    async initialize() {
+        if (!isPlatformBrowser(this.platformId)) {
+            return;
+        }
+        // Verificar si usuario es premium
+        if (this.config.isPremiumUser) {
+            try {
+                this._isPremiumUser.set(this.config.isPremiumUser());
+            }
+            catch {
+                this._isPremiumUser.set(false);
+            }
+        }
+        // Si es premium, no inicializar ads
+        if (this._isPremiumUser()) {
+            if (this._isDebugMode()) {
+                console.log('[ValtechAds] Usuario premium detectado - ads deshabilitados');
+            }
+            this._isInitialized.set(true);
+            return;
+        }
+        // Verificar consent basico
+        if (!this.consentService.canShowAds() && !this.config.showNonPersonalizedAds) {
+            if (this._isDebugMode()) {
+                console.log('[ValtechAds] Sin consent para ads');
+            }
+            this._isInitialized.set(true);
+            return;
+        }
+        // Suscribirse a cambios de ruta para verificar exclusiones
+        this.setupRouteListener();
+        // Configurar auto-refresh si esta habilitado
+        if (this.config.autoRefreshInterval && this.config.autoRefreshInterval > 0) {
+            this.setupAutoRefresh();
+        }
+        this._isEnabled.set(true);
+        this._isInitialized.set(true);
+        if (this._isDebugMode()) {
+            console.log('[ValtechAds] Inicializado en modo debug', {
+                networkId: this.config.networkId,
+                lazyLoad: this.config.lazyLoad,
+                excludeRoutes: this.config.excludeRoutes,
+            });
+        }
+    }
+    /**
+     * Carga el script GPT de forma lazy.
+     * Llamado automaticamente cuando se renderiza el primer ad slot.
+     */
+    async ensureGPTLoaded() {
+        if (!this.isEnabled()) {
+            return null;
+        }
+        return this.loaderService.loadGPT();
+    }
+    // ===========================================================================
+    // GESTION DE SLOTS
+    // ===========================================================================
+    /**
+     * Define y muestra un ad slot.
+     * Llamado internamente por el componente AdSlot.
+     *
+     * @param config - Configuracion del slot
+     * @returns ID del slot o null si no se puede mostrar
+     */
+    async defineSlot(config) {
+        if (!this.isEnabled()) {
+            this.updateSlotState(config.slotId, 'hidden');
+            return null;
+        }
+        // Verificar si la ruta actual esta excluida
+        if (this.isRouteExcluded()) {
+            this.updateSlotState(config.slotId, 'hidden');
+            return null;
+        }
+        this.updateSlotState(config.slotId, 'loading');
+        const googletag = await this.ensureGPTLoaded();
+        if (!googletag) {
+            this.updateSlotState(config.slotId, 'error');
+            return null;
+        }
+        return new Promise((resolve) => {
+            googletag.cmd.push(() => {
+                try {
+                    const adUnitPath = `${this.config.networkId}${config.adUnitPath}`;
+                    const sizes = this.resolveSizes(config.size);
+                    const slot = googletag.defineSlot(adUnitPath, sizes, config.slotId);
+                    if (!slot) {
+                        this.updateSlotState(config.slotId, 'error');
+                        this.emitEvent({ type: 'error', slotId: config.slotId, error: new Error('No se pudo crear el slot') });
+                        resolve(null);
+                        return;
+                    }
+                    // Agregar al servicio pubads
+                    slot.addService(googletag.pubads());
+                    // Configurar size mapping responsivo
+                    if (config.sizeMapping && config.sizeMapping.length > 0) {
+                        const mapping = this.buildSizeMapping(googletag, config.sizeMapping);
+                        slot.defineSizeMapping(mapping);
+                    }
+                    // Configurar targeting
+                    this.applyTargeting(slot, config.targeting);
+                    // Colapsar si esta vacio
+                    if (config.collapseEmpty ?? this.config.defaultSlotConfig?.collapseEmpty) {
+                        slot.setCollapseEmptyDiv(true, true);
+                    }
+                    // Guardar referencia
+                    this.activeSlots.set(config.slotId, slot);
+                    this._slots.update((slots) => new Map(slots).set(config.slotId, slot));
+                    // Mostrar el ad
+                    googletag.enableServices();
+                    googletag.display(config.slotId);
+                    this.updateSlotState(config.slotId, 'rendered');
+                    this.emitEvent({ type: 'loaded', slotId: config.slotId, isEmpty: false });
+                    if (this._isDebugMode()) {
+                        console.log(`[ValtechAds] Slot definido: ${config.slotId}`, {
+                            adUnitPath,
+                            sizes: config.size,
+                        });
+                    }
+                    resolve(config.slotId);
+                }
+                catch (error) {
+                    console.error('[ValtechAds] Error definiendo slot:', error);
+                    this.updateSlotState(config.slotId, 'error');
+                    this.emitEvent({ type: 'error', slotId: config.slotId, error: error });
+                    resolve(null);
+                }
+            });
+        });
+    }
+    /**
+     * Destruye un slot y libera recursos.
+     *
+     * @param slotId - ID del slot a destruir
+     */
+    destroySlot(slotId) {
+        const slot = this.activeSlots.get(slotId);
+        if (!slot)
+            return;
+        const googletag = window.googletag;
+        if (googletag) {
+            googletag.cmd.push(() => {
+                googletag.destroySlots([slot]);
+            });
+        }
+        this.activeSlots.delete(slotId);
+        this._slots.update((slots) => {
+            const newSlots = new Map(slots);
+            newSlots.delete(slotId);
+            return newSlots;
+        });
+        this._slotStates.update((states) => {
+            const newStates = new Map(states);
+            newStates.delete(slotId);
+            return newStates;
+        });
+        if (this._isDebugMode()) {
+            console.log(`[ValtechAds] Slot destruido: ${slotId}`);
+        }
+    }
+    /**
+     * Refresca un slot especifico o todos los slots activos.
+     *
+     * @param slotIds - IDs de slots a refrescar (undefined = todos)
+     */
+    refreshSlots(slotIds) {
+        if (!this.isEnabled())
+            return;
+        const googletag = window.googletag;
+        if (!googletag)
+            return;
+        googletag.cmd.push(() => {
+            if (slotIds && slotIds.length > 0) {
+                const slots = slotIds.map((id) => this.activeSlots.get(id)).filter((s) => !!s);
+                if (slots.length > 0) {
+                    googletag.pubads().refresh(slots);
+                    if (this._isDebugMode()) {
+                        console.log(`[ValtechAds] Slots refrescados: ${slotIds.join(', ')}`);
+                    }
+                }
+            }
+            else {
+                googletag.pubads().refresh();
+                if (this._isDebugMode()) {
+                    console.log('[ValtechAds] Todos los slots refrescados');
+                }
+            }
+        });
+    }
+    /**
+     * Obtiene el estado de un slot.
+     *
+     * @param slotId - ID del slot
+     * @returns Estado actual del slot
+     */
+    getSlotState(slotId) {
+        return this._slotStates().get(slotId) ?? 'idle';
+    }
+    // ===========================================================================
+    // PREMIUM USER
+    // ===========================================================================
+    /**
+     * Actualiza el estado premium del usuario.
+     * Llamar cuando cambie el estado de suscripcion.
+     *
+     * @param isPremium - Nuevo estado premium
+     */
+    updatePremiumStatus(isPremium) {
+        const wasEnabled = this.isEnabled();
+        this._isPremiumUser.set(isPremium);
+        if (isPremium && wasEnabled) {
+            // Destruir todos los slots activos
+            this.destroyAllSlots();
+            if (this._isDebugMode()) {
+                console.log('[ValtechAds] Usuario ahora es premium - ads deshabilitados');
+            }
+        }
+        else if (!isPremium && !wasEnabled && this._isInitialized()) {
+            if (this._isDebugMode()) {
+                console.log('[ValtechAds] Usuario ya no es premium - ads habilitados');
+            }
+        }
+    }
+    /**
+     * Destruye todos los slots activos.
+     */
+    destroyAllSlots() {
+        const googletag = window.googletag;
+        if (googletag) {
+            googletag.cmd.push(() => {
+                googletag.destroySlots();
+            });
+        }
+        this.activeSlots.clear();
+        this._slots.set(new Map());
+        this._slotStates.set(new Map());
+        if (this._isDebugMode()) {
+            console.log('[ValtechAds] Todos los slots destruidos');
+        }
+    }
+    // ===========================================================================
+    // PRIVATE METHODS
+    // ===========================================================================
+    resolveSizes(size) {
+        if (typeof size === 'string') {
+            // Single preset size
+            const mapped = AD_SIZE_MAP[size];
+            return mapped === 'fluid' ? 'fluid' : [mapped];
+        }
+        if (Array.isArray(size)) {
+            if (typeof size[0] === 'string') {
+                // Array of preset sizes
+                return size.map((s) => {
+                    const mapped = AD_SIZE_MAP[s];
+                    return mapped === 'fluid' ? 'fluid' : mapped;
+                });
+            }
+            // Direct size array
+            return size;
+        }
+        return 'fluid';
+    }
+    buildSizeMapping(googletag, mapping) {
+        const builder = googletag.sizeMapping();
+        // Ordenar por viewport descendente
+        const sorted = [...mapping].sort((a, b) => b.viewportWidth - a.viewportWidth);
+        for (const m of sorted) {
+            builder.addSize([m.viewportWidth, 0], m.sizes);
+        }
+        return builder.build();
+    }
+    applyTargeting(slot, targeting) {
+        // Aplicar targeting global
+        if (this.config.globalTargeting) {
+            for (const [key, value] of Object.entries(this.config.globalTargeting)) {
+                slot.setTargeting(key, value);
+            }
+        }
+        // Aplicar targeting del slot
+        if (targeting) {
+            for (const [key, value] of Object.entries(targeting)) {
+                slot.setTargeting(key, value);
+            }
+        }
+        // Agregar targeting de debug si esta habilitado
+        if (this._isDebugMode()) {
+            slot.setTargeting('test', 'true');
+        }
+    }
+    updateSlotState(slotId, state) {
+        this._slotStates.update((states) => new Map(states).set(slotId, state));
+    }
+    emitEvent(event) {
+        const fullEvent = { ...event, timestamp: new Date() };
+        this._events.update((events) => [...events.slice(-99), fullEvent]);
+        // Callbacks de configuracion
+        if (event.type === 'loaded' || event.type === 'empty') {
+            this.config.onAdLoaded?.(event.slotId, event.isEmpty ?? false);
+        }
+        else if (event.type === 'error' && event.error) {
+            this.config.onAdError?.(event.slotId, event.error);
+        }
+    }
+    setupRouteListener() {
+        if (!this.config.excludeRoutes || this.config.excludeRoutes.length === 0) {
+            return;
+        }
+        this.routerSubscription = this.router.events
+            .pipe(filter$1((event) => event instanceof NavigationEnd))
+            .subscribe((event) => {
+            const shouldHide = this.isRouteExcluded(event.urlAfterRedirects);
+            if (shouldHide) {
+                this.destroyAllSlots();
+            }
+        });
+    }
+    setupAutoRefresh() {
+        const intervalMs = (this.config.autoRefreshInterval ?? 0) * 1000;
+        if (intervalMs <= 0)
+            return;
+        this.refreshTimerId = setInterval(() => {
+            if (this.isEnabled() && this.activeSlots.size > 0) {
+                this.refreshSlots();
+            }
+        }, intervalMs);
+    }
+    isRouteExcluded(url) {
+        if (!this.config.excludeRoutes || this.config.excludeRoutes.length === 0) {
+            return false;
+        }
+        const currentUrl = url ?? this.router.url;
+        return this.config.excludeRoutes.some((pattern) => {
+            const regex = new RegExp(pattern);
+            return regex.test(currentUrl);
+        });
+    }
+    // ===========================================================================
+    // LIFECYCLE
+    // ===========================================================================
+    ngOnDestroy() {
+        this.routerSubscription?.unsubscribe();
+        if (this.refreshTimerId) {
+            clearInterval(this.refreshTimerId);
+        }
+        this.destroyAllSlots();
+        this.consentService.destroy();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AdsService, deps: [{ token: i0.Injector }, { token: VALTECH_ADS_CONFIG }, { token: PLATFORM_ID }, { token: i1$1.Router }, { token: AdsLoaderService }, { token: AdsConsentService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AdsService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AdsService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: () => [{ type: i0.Injector }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [VALTECH_ADS_CONFIG]
+                }] }, { type: Object, decorators: [{
+                    type: Inject,
+                    args: [PLATFORM_ID]
+                }] }, { type: i1$1.Router }, { type: AdsLoaderService }, { type: AdsConsentService }] });
+
+/**
+ * Ads Configuration
+ *
+ * Configuracion e inicializacion de Google Ad Manager para Angular.
+ * Usa provideValtechAds() en el bootstrap de tu aplicacion.
+ */
+/**
+ * Token de inyeccion para la configuracion de Ads.
+ * Usado internamente por los servicios de ads.
+ */
+const VALTECH_ADS_CONFIG = new InjectionToken('ValtechAdsConfig');
+/**
+ * Configuracion por defecto de lazy loading.
+ */
+const DEFAULT_LAZY_LOAD_CONFIG = {
+    rootMargin: '200px',
+    threshold: 0,
+    fetchMarginPercent: 200,
+    renderMarginPercent: 100,
+};
+/**
+ * Configuracion por defecto del servicio de ads.
+ */
+const DEFAULT_ADS_CONFIG = {
+    debugMode: false,
+    lazyLoad: true,
+    lazyLoadConfig: DEFAULT_LAZY_LOAD_CONFIG,
+    enablePersonalization: true,
+    showNonPersonalizedAds: true,
+    autoRefreshInterval: 0, // Deshabilitado por defecto
+    defaultSlotConfig: {
+        collapseEmpty: true,
+        showSkeleton: true,
+        minHeight: '90px',
+    },
+};
+/**
+ * Factory para inicializar AdsService.
+ * Se ejecuta durante el bootstrap de la aplicacion.
+ */
+function initializeAds(adsService) {
+    return () => adsService.initialize();
+}
+/**
+ * Provee el servicio de Ads a la aplicacion Angular.
+ *
+ * @param config - Configuracion de Google Ad Manager
+ * @returns EnvironmentProviders para usar en bootstrapApplication
+ *
+ * @example
+ * ```typescript
+ * // main.ts
+ * import { bootstrapApplication } from '@angular/platform-browser';
+ * import { provideValtechAds, provideValtechFirebase } from 'valtech-components';
+ * import { environment } from './environments/environment';
+ *
+ * bootstrapApplication(AppComponent, {
  *   providers: [
- *     provideValtechPresets({
- *       button: {
- *         'primary-action': { size: 'large', color: 'primary', fill: 'solid' },
- *         'secondary': { size: 'medium', color: 'secondary', fill: 'outline' },
- *         'danger': { size: 'medium', color: 'danger', fill: 'solid' },
- *       },
- *       card: {
- *         'feature': { variant: 'elevated', padding: 'large' },
- *         'compact': { variant: 'flat', padding: 'small' },
- *       },
- *       input: {
- *         'form-field': { size: 'medium', fill: 'outline', labelPosition: 'floating' },
- *       }
+ *     // Firebase primero (para consent mode)
+ *     provideValtechFirebase({
+ *       firebase: environment.firebase,
+ *       enableAnalytics: true,
  *     }),
- *   ]
- * };
+ *
+ *     // Luego Ads
+ *     provideValtechAds({
+ *       networkId: '/12345678',
+ *       debugMode: !environment.production,
+ *       isPremiumUser: () => inject(AuthService).hasRole('premium'),
+ *     }),
+ *   ],
+ * });
+ * ```
+ *
+ * @example Con targeting global y rutas excluidas
+ * ```typescript
+ * provideValtechAds({
+ *   networkId: '/12345678',
+ *   globalTargeting: {
+ *     site: 'myvaltech',
+ *     section: 'app',
+ *   },
+ *   excludeRoutes: [
+ *     '^/checkout',
+ *     '^/payment',
+ *     '^/premium',
+ *   ],
+ * })
+ * ```
  */
-function provideValtechPresets(presets) {
+function provideValtechAds(config) {
+    // Merge config con defaults
+    const mergedConfig = {
+        ...DEFAULT_ADS_CONFIG,
+        ...config,
+        lazyLoadConfig: {
+            ...DEFAULT_LAZY_LOAD_CONFIG,
+            ...config.lazyLoadConfig,
+        },
+        defaultSlotConfig: {
+            ...DEFAULT_ADS_CONFIG.defaultSlotConfig,
+            ...config.defaultSlotConfig,
+        },
+    };
     return makeEnvironmentProviders([
+        { provide: VALTECH_ADS_CONFIG, useValue: mergedConfig },
+        // Inicializar AdsService al arrancar (pero NO cargar script GPT aun)
         {
             provide: APP_INITIALIZER,
-            useFactory: (presetService) => {
-                return () => {
-                    presetService.registerPresets(presets);
-                };
-            },
-            deps: [PresetService],
+            useFactory: initializeAds,
+            deps: [AdsService],
             multi: true,
         },
     ]);
 }
 
-// Service
+/**
+ * Ads Module
+ *
+ * Exports publicos para el servicio de Google Ad Manager.
+ */
+// Configuration
+
+/**
+ * Ad Slot Component
+ *
+ * Componente standalone para mostrar ads de Google Ad Manager.
+ * Se integra automaticamente con el servicio de Ads y respeta consent + premium.
+ *
+ * @example
+ * ```html
+ * <!-- Banner basico -->
+ * <val-ad-slot
+ *   slotId="homepage-top"
+ *   adUnitPath="/homepage/top"
+ *   size="leaderboard"
+ * />
+ *
+ * <!-- Con responsivo -->
+ * <val-ad-slot
+ *   slotId="sidebar-ad"
+ *   adUnitPath="/sidebar"
+ *   [size]="['medium-rectangle', 'half-page']"
+ *   [sizeMapping]="[
+ *     { viewportWidth: 1024, sizes: [[300, 600]] },
+ *     { viewportWidth: 768, sizes: [[300, 250]] },
+ *     { viewportWidth: 0, sizes: [[320, 50]] }
+ *   ]"
+ * />
+ *
+ * <!-- Native ad -->
+ * <val-ad-slot
+ *   slotId="article-native"
+ *   adUnitPath="/article/native"
+ *   size="native"
+ *   [isNative]="true"
+ * />
+ * ```
+ */
+class AdSlotComponent {
+    constructor() {
+        this.adsService = inject(AdsService);
+        this.platformId = inject(PLATFORM_ID);
+        /** Tamano del ad */
+        this.size = 'medium-rectangle';
+        /** Colapsar si vacio */
+        this.collapseEmpty = true;
+        /** Es native ad */
+        this.isNative = false;
+        /** CSS class adicional */
+        this.cssClass = '';
+        /** Altura minima */
+        this.minHeight = '90px';
+        /** Mostrar skeleton */
+        this.showSkeleton = true;
+        // ===========================================================================
+        // ESTADO
+        // ===========================================================================
+        this._state = signal('idle');
+        this.state = this._state.asReadonly();
+        /** Indica si el componente debe renderizarse */
+        this.shouldRender = computed(() => {
+            // No renderizar en SSR
+            if (!isPlatformBrowser(this.platformId)) {
+                return false;
+            }
+            // No renderizar si usuario es premium
+            if (this.adsService.isPremiumUser()) {
+                return false;
+            }
+            // No renderizar si ads estan deshabilitados y aun no inicializado
+            if (!this.adsService.isInitialized()) {
+                return false;
+            }
+            return true;
+        });
+        /** Ancho del skeleton */
+        this.skeletonWidth = computed(() => {
+            const firstSize = this.getFirstSize();
+            return firstSize ? `${firstSize[0]}px` : '100%';
+        });
+        /** Altura del skeleton */
+        this.skeletonHeight = computed(() => {
+            const firstSize = this.getFirstSize();
+            return firstSize ? `${firstSize[1]}px` : this.minHeight;
+        });
+    }
+    // ===========================================================================
+    // LIFECYCLE
+    // ===========================================================================
+    async ngOnInit() {
+        if (!this.shouldRender()) {
+            return;
+        }
+        await this.initializeSlot();
+    }
+    ngOnDestroy() {
+        if (isPlatformBrowser(this.platformId)) {
+            this.adsService.destroySlot(this.slotId);
+        }
+    }
+    // ===========================================================================
+    // PRIVATE
+    // ===========================================================================
+    async initializeSlot() {
+        this._state.set('loading');
+        const config = {
+            slotId: this.slotId,
+            adUnitPath: this.adUnitPath,
+            size: this.size,
+            sizeMapping: this.sizeMapping,
+            targeting: this.targeting,
+            collapseEmpty: this.collapseEmpty,
+            isNative: this.isNative,
+            cssClass: this.cssClass,
+            minHeight: this.minHeight,
+            showSkeleton: this.showSkeleton,
+        };
+        const result = await this.adsService.defineSlot(config);
+        if (result) {
+            this._state.set('rendered');
+        }
+        else {
+            this._state.set(this.adsService.getSlotState(this.slotId));
+        }
+    }
+    getFirstSize() {
+        if (typeof this.size === 'string') {
+            const mapped = AD_SIZE_MAP[this.size];
+            return mapped === 'fluid' ? null : mapped;
+        }
+        if (Array.isArray(this.size)) {
+            if (typeof this.size[0] === 'number') {
+                return this.size;
+            }
+            if (typeof this.size[0] === 'string') {
+                const first = AD_SIZE_MAP[this.size[0]];
+                return first === 'fluid' ? null : first;
+            }
+            if (Array.isArray(this.size[0])) {
+                return this.size[0];
+            }
+        }
+        return null;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AdSlotComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: AdSlotComponent, isStandalone: true, selector: "val-ad-slot", inputs: { slotId: "slotId", adUnitPath: "adUnitPath", size: "size", sizeMapping: "sizeMapping", targeting: "targeting", collapseEmpty: "collapseEmpty", isNative: "isNative", cssClass: "cssClass", minHeight: "minHeight", showSkeleton: "showSkeleton" }, ngImport: i0, template: `
+    @if (shouldRender()) {
+      <div
+        class="val-ad-slot"
+        [class.val-ad-slot--loading]="state() === 'loading'"
+        [class.val-ad-slot--rendered]="state() === 'rendered'"
+        [class.val-ad-slot--empty]="state() === 'empty'"
+        [class.val-ad-slot--hidden]="state() === 'hidden'"
+        [class.val-ad-slot--native]="isNative"
+        [class]="cssClass"
+        [style.min-height]="minHeight"
+      >
+        <!-- Skeleton mientras carga -->
+        @if (showSkeleton && state() === 'loading') {
+          <div
+            class="val-ad-slot__skeleton"
+            [style.width]="skeletonWidth()"
+            [style.height]="skeletonHeight()"
+          ></div>
+        }
+
+        <!-- Container del ad -->
+        <div
+          [id]="slotId"
+          class="val-ad-slot__container"
+          [class.val-ad-slot__container--hidden]="state() === 'loading' && showSkeleton"
+        ></div>
+
+        <!-- Debug info -->
+        @if (adsService.isDebugMode()) {
+          <div class="val-ad-slot__debug">
+            <small>{{ slotId }} | {{ adUnitPath }} | {{ state() }}</small>
+          </div>
+        }
+      </div>
+    }
+  `, isInline: true, styles: [".val-ad-slot{position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden}.val-ad-slot--loading{background-color:var(--ion-color-light, #f4f4f4)}.val-ad-slot--empty,.val-ad-slot--hidden{display:none!important}.val-ad-slot--native{width:100%}.val-ad-slot__skeleton{background:linear-gradient(90deg,var(--ion-color-light, #f4f4f4) 25%,var(--ion-color-light-shade, #e0e0e0) 50%,var(--ion-color-light, #f4f4f4) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:4px}.val-ad-slot__container--hidden{visibility:hidden;position:absolute}.val-ad-slot__debug{position:absolute;bottom:0;left:0;background:#000000b3;color:#fff;padding:2px 6px;font-size:10px;z-index:1000;font-family:monospace}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AdSlotComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'val-ad-slot', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: `
+    @if (shouldRender()) {
+      <div
+        class="val-ad-slot"
+        [class.val-ad-slot--loading]="state() === 'loading'"
+        [class.val-ad-slot--rendered]="state() === 'rendered'"
+        [class.val-ad-slot--empty]="state() === 'empty'"
+        [class.val-ad-slot--hidden]="state() === 'hidden'"
+        [class.val-ad-slot--native]="isNative"
+        [class]="cssClass"
+        [style.min-height]="minHeight"
+      >
+        <!-- Skeleton mientras carga -->
+        @if (showSkeleton && state() === 'loading') {
+          <div
+            class="val-ad-slot__skeleton"
+            [style.width]="skeletonWidth()"
+            [style.height]="skeletonHeight()"
+          ></div>
+        }
+
+        <!-- Container del ad -->
+        <div
+          [id]="slotId"
+          class="val-ad-slot__container"
+          [class.val-ad-slot__container--hidden]="state() === 'loading' && showSkeleton"
+        ></div>
+
+        <!-- Debug info -->
+        @if (adsService.isDebugMode()) {
+          <div class="val-ad-slot__debug">
+            <small>{{ slotId }} | {{ adUnitPath }} | {{ state() }}</small>
+          </div>
+        }
+      </div>
+    }
+  `, styles: [".val-ad-slot{position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden}.val-ad-slot--loading{background-color:var(--ion-color-light, #f4f4f4)}.val-ad-slot--empty,.val-ad-slot--hidden{display:none!important}.val-ad-slot--native{width:100%}.val-ad-slot__skeleton{background:linear-gradient(90deg,var(--ion-color-light, #f4f4f4) 25%,var(--ion-color-light-shade, #e0e0e0) 50%,var(--ion-color-light, #f4f4f4) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:4px}.val-ad-slot__container--hidden{visibility:hidden;position:absolute}.val-ad-slot__debug{position:absolute;bottom:0;left:0;background:#000000b3;color:#fff;padding:2px 6px;font-size:10px;z-index:1000;font-family:monospace}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}\n"] }]
+        }], propDecorators: { slotId: [{
+                type: Input,
+                args: [{ required: true }]
+            }], adUnitPath: [{
+                type: Input,
+                args: [{ required: true }]
+            }], size: [{
+                type: Input
+            }], sizeMapping: [{
+                type: Input
+            }], targeting: [{
+                type: Input
+            }], collapseEmpty: [{
+                type: Input
+            }], isNative: [{
+                type: Input
+            }], cssClass: [{
+                type: Input
+            }], minHeight: [{
+                type: Input
+            }], showSkeleton: [{
+                type: Input
+            }] } });
 
 /*
  * Public API Surface of valtech-components
@@ -28277,5 +29453,5 @@ function provideValtechPresets(presets) {
  * Generated bundle index. Do not edit.
  */
 
-export { ARTICLE_SPACING, AccordionComponent, ActionHeaderComponent, ActionType, AlertBoxComponent, AnalyticsErrorHandler, AnalyticsRouterTracker, AnalyticsService, ArticleBuilder, ArticleComponent, AuthService, AuthStateService, AuthStorageService, AuthSyncService, AvatarComponent, BannerComponent, BaseDefault, 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, CountdownComponent, CurrencyInputComponent, DEFAULT_AUTH_CONFIG, DEFAULT_CANCEL_BUTTON, DEFAULT_CONFIRM_BUTTON, DEFAULT_COUNTDOWN_LABELS, DEFAULT_COUNTDOWN_LABELS_EN, DEFAULT_EMPTY_STATE, 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_STATUS_COLORS, DEFAULT_STATUS_LABELS, DEFAULT_WINNER_LABELS, DataTableComponent, DateInputComponent, DateRangeInputComponent, DeviceService, DisplayComponent, DividerComponent, DownloadService, EmailInputComponent, ExpandableTextComponent, FabComponent, FileInputComponent, FirebaseService, FirestoreCollectionFactory, FirestoreService, FooterComponent, FooterLinksComponent, FormComponent, FormFooterComponent, FunHeaderComponent, GlowCardComponent, HeaderComponent, HintComponent, HorizontalScrollComponent, HourInputComponent, HrefComponent, I18nService, INITIAL_AUTH_STATE, INITIAL_MFA_STATE, Icon, IconComponent, IconService, ImageComponent, InAppBrowserService, InfoComponent, InputType, ItemListComponent, LANG_STORAGE_KEY$1 as LANG_STORAGE_KEY, LanguageSelectorComponent, LayeredCardComponent, LayoutComponent, LinkComponent, LinkProcessorService, LinksAccordionComponent, LinksCakeComponent, LocalStorageService, LocaleService, MODAL_SIZES, MOTION, MenuComponent, MessagingService, ModalService, MultiSelectSearchComponent, NavigationService, NoContentComponent, NotesBoxComponent, NotificationsService, NumberFromToComponent, NumberInputComponent, NumberStepperComponent, OAuthCallbackComponent, OAuthService, OutlineDefault, OutlineDefaultBlock, OutlineDefaultFull, OutlineDefaultRound, OutlineDefaultRoundBlock, OutlineDefaultRoundFull, PLATFORM_CONFIGS, PageContentComponent, PageTemplateComponent, PageWrapperComponent, PaginationComponent, 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, ProgressBarComponent, ProgressRingComponent, ProgressStatusComponent, PrompterComponent, QR_PRESETS, QrCodeComponent, QrGeneratorService, QueryBuilder, QuoteBoxComponent, RadioInputComponent, RaffleStatusCardComponent, RangeInputComponent, RatingComponent, RecapCardComponent, RightsFooterComponent, 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, SolidBlockButton, SolidDefault, SolidDefaultBlock, SolidDefaultButton, SolidDefaultFull, SolidDefaultRound, SolidDefaultRoundBlock, SolidDefaultRoundButton, SolidDefaultRoundFull, SolidFullButton, SolidLargeButton, SolidLargeRoundButton, SolidSmallButton, SolidSmallRoundButton, StatsCardComponent, StepperComponent, StorageService, SwipeCarouselComponent, TabbedContentComponent, TabsComponent, TestimonialCardComponent, TestimonialCarouselComponent, TextComponent, TextInputComponent, TextareaInputComponent, ThemeOption, ThemeService, TicketGridComponent, TimelineComponent, TitleBlockComponent, TitleComponent, ToastService, ToggleInputComponent, TokenService, ToolbarActionType, ToolbarComponent, TranslatePipe, TypedCollection, VALTECH_AUTH_CONFIG, VALTECH_FIREBASE_CONFIG, WinnerDisplayComponent, WizardComponent, WizardFooterComponent, applyDefaultValueToControl, authGuard, authInterceptor, buildPath, collections, createFirebaseConfig, createGlowCardProps, createNumberFromToField, createTitleProps, extractPathParams, getCollectionPath, getDocumentId, goToTop, guestGuard, hasEmulators, isAtEnd, isCollectionPath, isDocumentPath, isEmulatorMode, isValidPath, joinPath, maxLength, permissionGuard, permissionGuardFromRoute, provideValtechAuth, provideValtechAuthInterceptor, provideValtechFirebase, provideValtechI18n, provideValtechPresets, query, replaceSpecialChars, resolveColor, resolveInputDefaultValue, roleGuard, storagePaths, superAdminGuard };
+export { AD_SIZE_MAP, ARTICLE_SPACING, AccordionComponent, ActionHeaderComponent, ActionType, AdSlotComponent, AdsConsentService, AdsLoaderService, AdsService, AlertBoxComponent, AnalyticsErrorHandler, AnalyticsRouterTracker, AnalyticsService, ArticleBuilder, ArticleComponent, AuthService, AuthStateService, AuthStorageService, AuthSyncService, AvatarComponent, BannerComponent, BaseDefault, 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, CountdownComponent, CurrencyInputComponent, DEFAULT_ADS_CONFIG, DEFAULT_AUTH_CONFIG, DEFAULT_CANCEL_BUTTON, DEFAULT_CONFIRM_BUTTON, DEFAULT_COUNTDOWN_LABELS, DEFAULT_COUNTDOWN_LABELS_EN, DEFAULT_EMPTY_STATE, DEFAULT_LAZY_LOAD_CONFIG, 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_STATUS_COLORS, DEFAULT_STATUS_LABELS, DEFAULT_WINNER_LABELS, DataTableComponent, DateInputComponent, DateRangeInputComponent, DeviceService, DisplayComponent, DividerComponent, DownloadService, EmailInputComponent, ExpandableTextComponent, FabComponent, FileInputComponent, FirebaseService, FirestoreCollectionFactory, FirestoreService, FooterComponent, FooterLinksComponent, FormComponent, FormFooterComponent, FunHeaderComponent, GlowCardComponent, HeaderComponent, HintComponent, HorizontalScrollComponent, HourInputComponent, HrefComponent, I18nService, INITIAL_AUTH_STATE, INITIAL_MFA_STATE, Icon, IconComponent, IconService, ImageComponent, InAppBrowserService, InfoComponent, InputType, ItemListComponent, LANG_STORAGE_KEY$1 as LANG_STORAGE_KEY, LanguageSelectorComponent, LayeredCardComponent, LayoutComponent, LinkComponent, LinkProcessorService, LinksAccordionComponent, LinksCakeComponent, LocalStorageService, LocaleService, MODAL_SIZES, MOTION, MenuComponent, MessagingService, ModalService, MultiSelectSearchComponent, NavigationService, NoContentComponent, NotesBoxComponent, NotificationsService, NumberFromToComponent, NumberInputComponent, NumberStepperComponent, OAuthCallbackComponent, OAuthService, OutlineDefault, OutlineDefaultBlock, OutlineDefaultFull, OutlineDefaultRound, OutlineDefaultRoundBlock, OutlineDefaultRoundFull, PLATFORM_CONFIGS, PageContentComponent, PageTemplateComponent, PageWrapperComponent, PaginationComponent, 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, ProgressBarComponent, ProgressRingComponent, ProgressStatusComponent, PrompterComponent, QR_PRESETS, QrCodeComponent, QrGeneratorService, QueryBuilder, QuoteBoxComponent, RadioInputComponent, RaffleStatusCardComponent, RangeInputComponent, RatingComponent, RecapCardComponent, RightsFooterComponent, 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, SolidBlockButton, SolidDefault, SolidDefaultBlock, SolidDefaultButton, SolidDefaultFull, SolidDefaultRound, SolidDefaultRoundBlock, SolidDefaultRoundButton, SolidDefaultRoundFull, SolidFullButton, SolidLargeButton, SolidLargeRoundButton, SolidSmallButton, SolidSmallRoundButton, StatsCardComponent, StepperComponent, StorageService, SwipeCarouselComponent, TabbedContentComponent, TabsComponent, TestimonialCardComponent, TestimonialCarouselComponent, TextComponent, TextInputComponent, TextareaInputComponent, ThemeOption, ThemeService, TicketGridComponent, TimelineComponent, TitleBlockComponent, TitleComponent, ToastService, ToggleInputComponent, TokenService, ToolbarActionType, ToolbarComponent, TranslatePipe, TypedCollection, VALTECH_ADS_CONFIG, VALTECH_AUTH_CONFIG, VALTECH_FIREBASE_CONFIG, WinnerDisplayComponent, WizardComponent, WizardFooterComponent, applyDefaultValueToControl, authGuard, authInterceptor, buildPath, collections, createFirebaseConfig, createGlowCardProps, createNumberFromToField, createTitleProps, extractPathParams, getCollectionPath, getDocumentId, goToTop, guestGuard, hasEmulators, isAtEnd, isCollectionPath, isDocumentPath, isEmulatorMode, isValidPath, joinPath, maxLength, permissionGuard, permissionGuardFromRoute, provideValtechAds, provideValtechAuth, provideValtechAuthInterceptor, provideValtechFirebase, provideValtechI18n, provideValtechPresets, query, replaceSpecialChars, resolveColor, resolveInputDefaultValue, roleGuard, storagePaths, superAdminGuard };
 //# sourceMappingURL=valtech-components.mjs.map