valtech-components 2.0.666 → 2.0.669

package/fesm2022/valtech-components.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { signal, Injectable, makeEnvironmentProviders, APP_INITIALIZER, inject, EventEmitter, Component, Input, Output, HostListener, Pipe, input, computed, ChangeDetectionStrategy, ViewChild, ChangeDetectorRef, ElementRef, ContentChild, PLATFORM_ID, Inject, ErrorHandler, DestroyRef, InjectionToken, runInInjectionContext, effect, Optional, NgZone, TemplateRef, ViewContainerRef, isSignal, Directive, ViewEncapsulation } from '@angular/core';
+import { signal, Injectable, makeEnvironmentProviders, APP_INITIALIZER, inject, EventEmitter, Component, Input, Output, HostListener, Pipe, input, computed, ChangeDetectionStrategy, ViewChild, ChangeDetectorRef, ElementRef, ContentChild, PLATFORM_ID, Inject, ErrorHandler, DestroyRef, InjectionToken, runInInjectionContext, effect, Optional, TemplateRef, ViewContainerRef, isSignal, Directive, ViewEncapsulation } 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, IonPopover, IonList, IonItem, IonRadioGroup, IonRadio, IonRange, IonSearchbar, IonSegment, IonSegmentButton, IonToggle, IonAccordion, IonAccordionGroup, IonTabBar, IonTabButton, IonBadge, IonBreadcrumb, IonBreadcrumbs, IonChip, IonNote, ToastController as ToastController$1, IonCol, IonRow, IonRefresher, IonRefresherContent, IonRippleEffect, AlertController, IonMenuButton, IonFooter, IonListHeader, IonInfiniteScroll, IonInfiniteScrollContent, IonGrid, MenuController, IonMenu, IonMenuToggle, IonSplitPane } from '@ionic/angular/standalone';
 import * as i1 from '@angular/common';
@@ -10,6 +10,7 @@ import * as i1$1 from '@angular/router';
 import { Router, NavigationEnd, RouterLink, RouterOutlet, RouterModule } from '@angular/router';
 import { Browser } from '@capacitor/browser';
 import * as i1$2 from '@angular/platform-browser';
+import { Meta, Title } from '@angular/platform-browser';
 import QRCodeStyling from 'qr-code-styling';
 import * as i1$3 from '@angular/forms';
 import { ReactiveFormsModule, FormsModule, FormControl, Validators, FormBuilder } from '@angular/forms';
@@ -39,7 +40,7 @@ import { provideStorage, getStorage, connectStorageEmulator, ref, uploadBytesRes
 import { takeUntilDestroyed, toSignal } from '@angular/core/rxjs-interop';
 import { filter, map as map$1, catchError as catchError$1, tap, switchMap as switchMap$1, finalize, take, debounceTime as debounceTime$1, takeUntil as takeUntil$1 } from 'rxjs/operators';
 import * as i1$8 from '@angular/common/http';
-import { HttpClient, provideHttpClient, withInterceptors } from '@angular/common/http';
+import { provideHttpClient, withInterceptors, HttpClient } from '@angular/common/http';
 import { Capacitor } from '@capacitor/core';
 import 'prismjs/components/prism-scss';
 import 'prismjs/components/prism-json';
@@ -20234,7 +20235,7 @@ const ACTION_CARD_DEFAULTS = {
 };
 
 addIcons({ chevronForwardOutline });
-const IONIC_COLORS$1 = [
+const IONIC_COLORS = [
     'primary', 'secondary', 'tertiary', 'success',
     'warning', 'danger', 'light', 'medium', 'dark'
 ];
@@ -20317,7 +20318,7 @@ class ActionCardComponent {
     resolveColor(color) {
         if (!color)
             return null;
-        if (IONIC_COLORS$1.includes(color)) {
+        if (IONIC_COLORS.includes(color)) {
             return `var(--ion-color-${color})`;
         }
         return color;
@@ -21027,405 +21028,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 type: Input
             }] } });
 
-/**
- * Default values
- */
-const WELCOME_CARD_DEFAULTS = {
-    variant: 'gradient',
-    gradientAngle: 135,
-    showParticles: true,
-    loading: false,
-    avatar: {
-        mode: 'initials',
-        size: 'large',
-        showRing: true,
-    },
-};
-
-addIcons({ personOutline, chevronForwardOutline });
-const IONIC_COLORS = [
-    'primary', 'secondary', 'tertiary', 'success',
-    'warning', 'danger', 'light', 'medium', 'dark'
-];
-// Vibrant color palette for avatar backgrounds
-const AVATAR_COLORS = [
-    { bg: '#6366f1', text: '#ffffff' }, // Indigo
-    { bg: '#8b5cf6', text: '#ffffff' }, // Violet
-    { bg: '#ec4899', text: '#ffffff' }, // Pink
-    { bg: '#f43f5e', text: '#ffffff' }, // Rose
-    { bg: '#f97316', text: '#ffffff' }, // Orange
-    { bg: '#eab308', text: '#1f2937' }, // Yellow
-    { bg: '#22c55e', text: '#ffffff' }, // Green
-    { bg: '#14b8a6', text: '#ffffff' }, // Teal
-    { bg: '#06b6d4', text: '#ffffff' }, // Cyan
-    { bg: '#3b82f6', text: '#ffffff' }, // Blue
-];
-/**
- * val-welcome-card
- *
- * A modern welcome/greeting card with avatar, animated gradient background,
- * and optional action buttons. Perfect for dashboard headers.
- *
- * @example Basic usage
- * ```html
- * <val-welcome-card
- *   [props]="{
- *     greeting: 'Welcome back',
- *     user: { name: 'John Doe', email: 'john@example.com' }
- *   }"
- * />
- * ```
- *
- * @example With gradient variant
- * ```html
- * <val-welcome-card
- *   [props]="{
- *     variant: 'gradient',
- *     greeting: 'Good morning',
- *     user: { name: 'Jane', email: 'jane@example.com' },
- *     gradientFrom: 'primary',
- *     gradientTo: 'tertiary'
- *   }"
- * />
- * ```
- *
- * @example With i18n
- * ```html
- * <val-welcome-card
- *   [props]="{
- *     greetingKey: 'welcome',
- *     i18nNamespace: 'Dashboard',
- *     user: user()
- *   }"
- * />
- * ```
- */
-class WelcomeCardComponent {
-    constructor() {
-        this.i18n = inject(I18nService);
-        this.themeService = inject(ThemeService);
-        /** Component configuration */
-        this.props = input({});
-        /** Event emitted when card elements are clicked */
-        this.cardClick = new EventEmitter();
-        /** Merged configuration with defaults */
-        this.config = computed(() => ({
-            ...WELCOME_CARD_DEFAULTS,
-            ...this.props(),
-        }));
-        /** Avatar configuration with defaults */
-        this.avatarConfig = computed(() => ({
-            ...WELCOME_CARD_DEFAULTS.avatar,
-            ...this.props().avatar,
-        }));
-        /** Current theme mode */
-        this.isDark = computed(() => this.themeService.IsDark);
-        /** Color index based on user name hash */
-        this.colorIndex = computed(() => {
-            const name = this.config().user?.name || '';
-            let hash = 0;
-            for (let i = 0; i < name.length; i++) {
-                hash = name.charCodeAt(i) + ((hash << 5) - hash);
-            }
-            return Math.abs(hash) % AVATAR_COLORS.length;
-        });
-    }
-    /** Get initials from user name */
-    getInitials() {
-        const props = this.props();
-        // Check for explicit initials first (from props, not merged config)
-        if (props.avatar?.initials || props.user?.initials) {
-            return props.avatar?.initials || props.user?.initials || '';
-        }
-        const name = props.user?.name || '';
-        if (!name)
-            return '?';
-        const parts = name.trim().split(/\s+/);
-        if (parts.length === 1) {
-            return parts[0].substring(0, 2).toUpperCase();
-        }
-        return (parts[0][0] + parts[parts.length - 1][0]).toUpperCase();
-    }
-    /** Get greeting text with i18n support */
-    getGreeting() {
-        const cfg = this.config();
-        if (cfg.i18nNamespace && cfg.greetingKey) {
-            this.i18n.lang(); // Track for reactivity
-            return this.i18n.t(cfg.greetingKey, cfg.i18nNamespace);
-        }
-        return cfg.greeting || '';
-    }
-    /** Get subtitle text with i18n support */
-    getSubtitle() {
-        const cfg = this.config();
-        if (cfg.i18nNamespace && cfg.subtitleKey) {
-            this.i18n.lang();
-            return this.i18n.t(cfg.subtitleKey, cfg.i18nNamespace);
-        }
-        return cfg.subtitle || '';
-    }
-    /** Get action label with i18n support */
-    getActionLabel(action) {
-        const cfg = this.config();
-        if (cfg.i18nNamespace && action.labelKey) {
-            this.i18n.lang();
-            return this.i18n.t(action.labelKey, cfg.i18nNamespace);
-        }
-        return action.label || '';
-    }
-    /** Resolve color value */
-    resolveColor(color) {
-        if (!color)
-            return null;
-        if (IONIC_COLORS.includes(color)) {
-            return `var(--ion-color-${color})`;
-        }
-        return color;
-    }
-    /** Get gradient start color */
-    getGradientFrom() {
-        const color = this.config().gradientFrom;
-        return this.resolveColor(color) || 'var(--ion-color-primary)';
-    }
-    /** Get gradient end color */
-    getGradientTo() {
-        const color = this.config().gradientTo;
-        return this.resolveColor(color) || 'var(--ion-color-tertiary)';
-    }
-    /** Get background color (for non-gradient variants) */
-    getBackgroundColor() {
-        return this.resolveColor(this.config().backgroundColor);
-    }
-    /** Get avatar background based on user name */
-    getAvatarBackground() {
-        const cfg = this.avatarConfig();
-        if (cfg.mode === 'image')
-            return 'transparent';
-        return AVATAR_COLORS[this.colorIndex()].bg;
-    }
-    /** Get avatar text color */
-    getAvatarTextColor() {
-        return AVATAR_COLORS[this.colorIndex()].text;
-    }
-    /** Get ring color */
-    getRingColor() {
-        const ringColor = this.avatarConfig().ringColor;
-        return this.resolveColor(ringColor) || 'rgba(255, 255, 255, 0.5)';
-    }
-    /** Handle card click */
-    onCardClick(event) {
-        // Don't emit if clicking avatar or actions
-        if (event.target.closest('.welcome-card__avatar, .welcome-card__action')) {
-            return;
-        }
-        this.cardClick.emit({ target: 'card' });
-    }
-    /** Handle avatar click */
-    onAvatarClick(event) {
-        event.stopPropagation();
-        this.cardClick.emit({ target: 'avatar' });
-    }
-    /** Handle action click */
-    onActionClick(event, token) {
-        event.stopPropagation();
-        this.cardClick.emit({ target: 'action', actionToken: token });
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: WelcomeCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: WelcomeCardComponent, isStandalone: true, selector: "val-welcome-card", inputs: { props: { classPropertyName: "props", publicName: "props", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { cardClick: "cardClick" }, ngImport: i0, template: `
-    <article
-      class="welcome-card"
-      [class.welcome-card--default]="config().variant === 'default'"
-      [class.welcome-card--gradient]="config().variant === 'gradient'"
-      [class.welcome-card--glass]="config().variant === 'glass'"
-      [class.welcome-card--minimal]="config().variant === 'minimal'"
-      [class.welcome-card--dark]="isDark()"
-      [class.welcome-card--loading]="config().loading"
-      [style.--gradient-from]="getGradientFrom()"
-      [style.--gradient-to]="getGradientTo()"
-      [style.--gradient-angle]="config().gradientAngle + 'deg'"
-      [style.--bg-color]="getBackgroundColor()"
-      (click)="onCardClick($event)"
-    >
-      <!-- Animated particles background -->
-      @if (config().showParticles && config().variant === 'gradient') {
-        <div class="welcome-card__particles">
-          @for (i of [1,2,3,4,5,6]; track i) {
-            <span class="particle" [class]="'particle--' + i"></span>
-          }
-        </div>
-      }
-
-      <!-- Content -->
-      <div class="welcome-card__content">
-        <!-- Avatar -->
-        <div
-          class="welcome-card__avatar"
-          [class.welcome-card__avatar--small]="avatarConfig().size === 'small'"
-          [class.welcome-card__avatar--medium]="avatarConfig().size === 'medium'"
-          [class.welcome-card__avatar--large]="avatarConfig().size === 'large'"
-          [class.welcome-card__avatar--ring]="avatarConfig().showRing"
-          [style.--avatar-bg]="getAvatarBackground()"
-          [style.--avatar-color]="getAvatarTextColor()"
-          [style.--ring-color]="getRingColor()"
-          (click)="onAvatarClick($event)"
-        >
-          @if (config().loading) {
-            <ion-skeleton-text [animated]="true" class="avatar-skeleton"></ion-skeleton-text>
-          } @else if (avatarConfig().mode === 'image' && (avatarConfig().imageUrl || config().user?.avatarUrl)) {
-            <img
-              [src]="avatarConfig().imageUrl || config().user?.avatarUrl"
-              [alt]="config().user?.name || 'Avatar'"
-              class="avatar-image"
-            />
-          } @else if (avatarConfig().mode === 'icon') {
-            <ion-icon [name]="avatarConfig().icon || 'person-outline'"></ion-icon>
-          } @else {
-            <span class="avatar-initials">{{ getInitials() }}</span>
-          }
-        </div>
-
-        <!-- Text content -->
-        <div class="welcome-card__text">
-          @if (config().loading) {
-            <ion-skeleton-text [animated]="true" style="width: 40%; height: 14px; margin-bottom: 8px;"></ion-skeleton-text>
-            <ion-skeleton-text [animated]="true" style="width: 60%; height: 24px; margin-bottom: 4px;"></ion-skeleton-text>
-            <ion-skeleton-text [animated]="true" style="width: 50%; height: 14px;"></ion-skeleton-text>
-          } @else {
-            @if (getGreeting()) {
-              <span class="welcome-card__greeting">{{ getGreeting() }}</span>
-            }
-            <h2 class="welcome-card__name">{{ config().user?.name || 'User' }}</h2>
-            @if (getSubtitle() || config().user?.email) {
-              <span class="welcome-card__subtitle">{{ getSubtitle() || config().user?.email }}</span>
-            }
-          }
-        </div>
-      </div>
-
-      <!-- Actions -->
-      @if (config().actions?.length && !config().loading) {
-        <div class="welcome-card__actions">
-          @for (action of config().actions; track action.token || action.label) {
-            <button
-              type="button"
-              class="welcome-card__action"
-              [routerLink]="action.routerLink"
-              (click)="onActionClick($event, action.token)"
-            >
-              @if (action.icon) {
-                <ion-icon [name]="action.icon"></ion-icon>
-              }
-              <span>{{ getActionLabel(action) }}</span>
-              <ion-icon name="chevron-forward-outline" class="action-chevron"></ion-icon>
-            </button>
-          }
-        </div>
-      }
-
-      <ion-ripple-effect></ion-ripple-effect>
-    </article>
-  `, isInline: true, styles: [":host{display:block;width:100%}.welcome-card{position:relative;border-radius:20px;padding:1.5rem;overflow:hidden;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.welcome-card--default{background:var(--bg-color, var(--ion-card-background, #fff));box-shadow:0 4px 20px #00000014}.welcome-card--default .welcome-card__greeting,.welcome-card--default .welcome-card__subtitle{color:var(--ion-color-medium)}.welcome-card--default .welcome-card__name{color:var(--ion-text-color)}.welcome-card--gradient{background:linear-gradient(var(--gradient-angle, 135deg),var(--gradient-from, var(--ion-color-primary)),var(--gradient-to, var(--ion-color-tertiary)));box-shadow:0 8px 32px #00000026}.welcome-card--gradient .welcome-card__greeting,.welcome-card--gradient .welcome-card__subtitle{color:#ffffffd9}.welcome-card--gradient .welcome-card__name{color:#fff}.welcome-card--gradient .welcome-card__action{background:#ffffff26;color:#fff;border-color:#fff3}.welcome-card--gradient .welcome-card__action:hover{background:#ffffff40}.welcome-card--glass{background:#ffffff26;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000001a}.welcome-card--glass .welcome-card__greeting,.welcome-card--glass .welcome-card__subtitle{color:var(--ion-color-medium)}.welcome-card--glass .welcome-card__name{color:var(--ion-text-color)}.welcome-card--minimal{background:transparent;padding:1rem 0;border-radius:0;box-shadow:none}.welcome-card--minimal .welcome-card__greeting,.welcome-card--minimal .welcome-card__subtitle{color:var(--ion-color-medium)}.welcome-card--minimal .welcome-card__name{color:var(--ion-text-color)}.welcome-card--dark.welcome-card--default{background:var(--ion-card-background, #1e1e1e);box-shadow:0 4px 20px #0000004d}.welcome-card--dark.welcome-card--glass{background:#1e1e1eb3;border-color:#ffffff1a}.welcome-card:hover{transform:translateY(-2px)}.welcome-card--loading{pointer-events:none}.welcome-card__particles{position:absolute;inset:0;overflow:hidden;pointer-events:none}.welcome-card__particles .particle{position:absolute;border-radius:50%;background:#fff3;animation:float 8s ease-in-out infinite}.welcome-card__particles .particle--1{width:80px;height:80px;top:-20px;right:10%;animation-delay:0s}.welcome-card__particles .particle--2{width:60px;height:60px;bottom:-15px;right:25%;animation-delay:-2s}.welcome-card__particles .particle--3{width:40px;height:40px;top:40%;right:-10px;animation-delay:-4s}.welcome-card__particles .particle--4{width:30px;height:30px;top:20%;left:10%;animation-delay:-1s;opacity:.5}.welcome-card__particles .particle--5{width:50px;height:50px;bottom:10%;left:5%;animation-delay:-3s;opacity:.3}.welcome-card__particles .particle--6{width:25px;height:25px;top:60%;left:30%;animation-delay:-5s;opacity:.4}@keyframes float{0%,to{transform:translateY(0) scale(1);opacity:.2}50%{transform:translateY(-20px) scale(1.1);opacity:.35}}.welcome-card__content{position:relative;z-index:1;display:flex;align-items:center;gap:1.25rem}.welcome-card__avatar{position:relative;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--avatar-bg);color:var(--avatar-color);font-weight:700;transition:transform .3s ease}.welcome-card__avatar--small{width:48px;height:48px;font-size:1rem}.welcome-card__avatar--small ion-icon{font-size:1.25rem}.welcome-card__avatar--medium{width:64px;height:64px;font-size:1.25rem}.welcome-card__avatar--medium ion-icon{font-size:1.5rem}.welcome-card__avatar--large{width:80px;height:80px;font-size:1.75rem}.welcome-card__avatar--large ion-icon{font-size:2rem}.welcome-card__avatar--ring:before{content:\"\";position:absolute;inset:-4px;border-radius:50%;border:3px solid var(--ring-color, rgba(255, 255, 255, .5));animation:pulse-ring 2s ease-in-out infinite}.welcome-card__avatar .avatar-skeleton{width:100%;height:100%;border-radius:50%}.welcome-card__avatar .avatar-image{width:100%;height:100%;border-radius:50%;object-fit:cover}.welcome-card__avatar .avatar-initials{-webkit-user-select:none;user-select:none;text-transform:uppercase;letter-spacing:.5px}.welcome-card__avatar:hover{transform:scale(1.05)}@keyframes pulse-ring{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.05);opacity:.8}}.welcome-card__text{flex:1;min-width:0}.welcome-card__greeting{display:block;font-size:.875rem;font-weight:500;margin-bottom:.25rem;text-transform:uppercase;letter-spacing:.5px}.welcome-card__name{margin:0 0 .25rem;font-size:1.5rem;font-weight:700;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.welcome-card__subtitle{display:block;font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.welcome-card__actions{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.25rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.15)}.welcome-card__action{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:12px;border:1px solid transparent;background:var(--ion-color-light);color:var(--ion-text-color);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none}.welcome-card__action ion-icon{font-size:1rem}.welcome-card__action .action-chevron{font-size:.75rem;opacity:.6;transition:transform .2s ease}.welcome-card__action:hover .action-chevron{transform:translate(3px)}@media (max-width: 480px){.welcome-card{padding:1.25rem}.welcome-card__content{gap:1rem}.welcome-card__avatar--large{width:64px;height:64px;font-size:1.25rem}.welcome-card__name{font-size:1.25rem}.welcome-card__actions{flex-direction:column}.welcome-card__action{width:100%;justify-content:space-between}}:host{animation:slideInUp .5s ease-out}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: IonRippleEffect, selector: "ion-ripple-effect", inputs: ["type"] }, { kind: "component", type: IonSkeletonText, selector: "ion-skeleton-text", inputs: ["animated"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: WelcomeCardComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'val-welcome-card', standalone: true, imports: [CommonModule, RouterLink, IonIcon, IonRippleEffect, IonSkeletonText], template: `
-    <article
-      class="welcome-card"
-      [class.welcome-card--default]="config().variant === 'default'"
-      [class.welcome-card--gradient]="config().variant === 'gradient'"
-      [class.welcome-card--glass]="config().variant === 'glass'"
-      [class.welcome-card--minimal]="config().variant === 'minimal'"
-      [class.welcome-card--dark]="isDark()"
-      [class.welcome-card--loading]="config().loading"
-      [style.--gradient-from]="getGradientFrom()"
-      [style.--gradient-to]="getGradientTo()"
-      [style.--gradient-angle]="config().gradientAngle + 'deg'"
-      [style.--bg-color]="getBackgroundColor()"
-      (click)="onCardClick($event)"
-    >
-      <!-- Animated particles background -->
-      @if (config().showParticles && config().variant === 'gradient') {
-        <div class="welcome-card__particles">
-          @for (i of [1,2,3,4,5,6]; track i) {
-            <span class="particle" [class]="'particle--' + i"></span>
-          }
-        </div>
-      }
-
-      <!-- Content -->
-      <div class="welcome-card__content">
-        <!-- Avatar -->
-        <div
-          class="welcome-card__avatar"
-          [class.welcome-card__avatar--small]="avatarConfig().size === 'small'"
-          [class.welcome-card__avatar--medium]="avatarConfig().size === 'medium'"
-          [class.welcome-card__avatar--large]="avatarConfig().size === 'large'"
-          [class.welcome-card__avatar--ring]="avatarConfig().showRing"
-          [style.--avatar-bg]="getAvatarBackground()"
-          [style.--avatar-color]="getAvatarTextColor()"
-          [style.--ring-color]="getRingColor()"
-          (click)="onAvatarClick($event)"
-        >
-          @if (config().loading) {
-            <ion-skeleton-text [animated]="true" class="avatar-skeleton"></ion-skeleton-text>
-          } @else if (avatarConfig().mode === 'image' && (avatarConfig().imageUrl || config().user?.avatarUrl)) {
-            <img
-              [src]="avatarConfig().imageUrl || config().user?.avatarUrl"
-              [alt]="config().user?.name || 'Avatar'"
-              class="avatar-image"
-            />
-          } @else if (avatarConfig().mode === 'icon') {
-            <ion-icon [name]="avatarConfig().icon || 'person-outline'"></ion-icon>
-          } @else {
-            <span class="avatar-initials">{{ getInitials() }}</span>
-          }
-        </div>
-
-        <!-- Text content -->
-        <div class="welcome-card__text">
-          @if (config().loading) {
-            <ion-skeleton-text [animated]="true" style="width: 40%; height: 14px; margin-bottom: 8px;"></ion-skeleton-text>
-            <ion-skeleton-text [animated]="true" style="width: 60%; height: 24px; margin-bottom: 4px;"></ion-skeleton-text>
-            <ion-skeleton-text [animated]="true" style="width: 50%; height: 14px;"></ion-skeleton-text>
-          } @else {
-            @if (getGreeting()) {
-              <span class="welcome-card__greeting">{{ getGreeting() }}</span>
-            }
-            <h2 class="welcome-card__name">{{ config().user?.name || 'User' }}</h2>
-            @if (getSubtitle() || config().user?.email) {
-              <span class="welcome-card__subtitle">{{ getSubtitle() || config().user?.email }}</span>
-            }
-          }
-        </div>
-      </div>
-
-      <!-- Actions -->
-      @if (config().actions?.length && !config().loading) {
-        <div class="welcome-card__actions">
-          @for (action of config().actions; track action.token || action.label) {
-            <button
-              type="button"
-              class="welcome-card__action"
-              [routerLink]="action.routerLink"
-              (click)="onActionClick($event, action.token)"
-            >
-              @if (action.icon) {
-                <ion-icon [name]="action.icon"></ion-icon>
-              }
-              <span>{{ getActionLabel(action) }}</span>
-              <ion-icon name="chevron-forward-outline" class="action-chevron"></ion-icon>
-            </button>
-          }
-        </div>
-      }
-
-      <ion-ripple-effect></ion-ripple-effect>
-    </article>
-  `, styles: [":host{display:block;width:100%}.welcome-card{position:relative;border-radius:20px;padding:1.5rem;overflow:hidden;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.welcome-card--default{background:var(--bg-color, var(--ion-card-background, #fff));box-shadow:0 4px 20px #00000014}.welcome-card--default .welcome-card__greeting,.welcome-card--default .welcome-card__subtitle{color:var(--ion-color-medium)}.welcome-card--default .welcome-card__name{color:var(--ion-text-color)}.welcome-card--gradient{background:linear-gradient(var(--gradient-angle, 135deg),var(--gradient-from, var(--ion-color-primary)),var(--gradient-to, var(--ion-color-tertiary)));box-shadow:0 8px 32px #00000026}.welcome-card--gradient .welcome-card__greeting,.welcome-card--gradient .welcome-card__subtitle{color:#ffffffd9}.welcome-card--gradient .welcome-card__name{color:#fff}.welcome-card--gradient .welcome-card__action{background:#ffffff26;color:#fff;border-color:#fff3}.welcome-card--gradient .welcome-card__action:hover{background:#ffffff40}.welcome-card--glass{background:#ffffff26;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000001a}.welcome-card--glass .welcome-card__greeting,.welcome-card--glass .welcome-card__subtitle{color:var(--ion-color-medium)}.welcome-card--glass .welcome-card__name{color:var(--ion-text-color)}.welcome-card--minimal{background:transparent;padding:1rem 0;border-radius:0;box-shadow:none}.welcome-card--minimal .welcome-card__greeting,.welcome-card--minimal .welcome-card__subtitle{color:var(--ion-color-medium)}.welcome-card--minimal .welcome-card__name{color:var(--ion-text-color)}.welcome-card--dark.welcome-card--default{background:var(--ion-card-background, #1e1e1e);box-shadow:0 4px 20px #0000004d}.welcome-card--dark.welcome-card--glass{background:#1e1e1eb3;border-color:#ffffff1a}.welcome-card:hover{transform:translateY(-2px)}.welcome-card--loading{pointer-events:none}.welcome-card__particles{position:absolute;inset:0;overflow:hidden;pointer-events:none}.welcome-card__particles .particle{position:absolute;border-radius:50%;background:#fff3;animation:float 8s ease-in-out infinite}.welcome-card__particles .particle--1{width:80px;height:80px;top:-20px;right:10%;animation-delay:0s}.welcome-card__particles .particle--2{width:60px;height:60px;bottom:-15px;right:25%;animation-delay:-2s}.welcome-card__particles .particle--3{width:40px;height:40px;top:40%;right:-10px;animation-delay:-4s}.welcome-card__particles .particle--4{width:30px;height:30px;top:20%;left:10%;animation-delay:-1s;opacity:.5}.welcome-card__particles .particle--5{width:50px;height:50px;bottom:10%;left:5%;animation-delay:-3s;opacity:.3}.welcome-card__particles .particle--6{width:25px;height:25px;top:60%;left:30%;animation-delay:-5s;opacity:.4}@keyframes float{0%,to{transform:translateY(0) scale(1);opacity:.2}50%{transform:translateY(-20px) scale(1.1);opacity:.35}}.welcome-card__content{position:relative;z-index:1;display:flex;align-items:center;gap:1.25rem}.welcome-card__avatar{position:relative;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--avatar-bg);color:var(--avatar-color);font-weight:700;transition:transform .3s ease}.welcome-card__avatar--small{width:48px;height:48px;font-size:1rem}.welcome-card__avatar--small ion-icon{font-size:1.25rem}.welcome-card__avatar--medium{width:64px;height:64px;font-size:1.25rem}.welcome-card__avatar--medium ion-icon{font-size:1.5rem}.welcome-card__avatar--large{width:80px;height:80px;font-size:1.75rem}.welcome-card__avatar--large ion-icon{font-size:2rem}.welcome-card__avatar--ring:before{content:\"\";position:absolute;inset:-4px;border-radius:50%;border:3px solid var(--ring-color, rgba(255, 255, 255, .5));animation:pulse-ring 2s ease-in-out infinite}.welcome-card__avatar .avatar-skeleton{width:100%;height:100%;border-radius:50%}.welcome-card__avatar .avatar-image{width:100%;height:100%;border-radius:50%;object-fit:cover}.welcome-card__avatar .avatar-initials{-webkit-user-select:none;user-select:none;text-transform:uppercase;letter-spacing:.5px}.welcome-card__avatar:hover{transform:scale(1.05)}@keyframes pulse-ring{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.05);opacity:.8}}.welcome-card__text{flex:1;min-width:0}.welcome-card__greeting{display:block;font-size:.875rem;font-weight:500;margin-bottom:.25rem;text-transform:uppercase;letter-spacing:.5px}.welcome-card__name{margin:0 0 .25rem;font-size:1.5rem;font-weight:700;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.welcome-card__subtitle{display:block;font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.welcome-card__actions{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.25rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.15)}.welcome-card__action{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:12px;border:1px solid transparent;background:var(--ion-color-light);color:var(--ion-text-color);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none}.welcome-card__action ion-icon{font-size:1rem}.welcome-card__action .action-chevron{font-size:.75rem;opacity:.6;transition:transform .2s ease}.welcome-card__action:hover .action-chevron{transform:translate(3px)}@media (max-width: 480px){.welcome-card{padding:1.25rem}.welcome-card__content{gap:1rem}.welcome-card__avatar--large{width:64px;height:64px;font-size:1.25rem}.welcome-card__name{font-size:1.25rem}.welcome-card__actions{flex-direction:column}.welcome-card__action{width:100%;justify-content:space-between}}:host{animation:slideInUp .5s ease-out}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}\n"] }]
-        }], propDecorators: { cardClick: [{
-                type: Output
-            }] } });
-
 /**
  * Configuración de espaciado predefinida
  */
@@ -27609,6 +27211,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
  * Tipos e interfaces para la integración de Firebase en valtech-components.
  * Todos los modelos de Firestore deben extender FirestoreDocument.
  */
+/**
+ * Configuración por defecto de emuladores.
+ * Puertos estándar usados en todos los proyectos frontend.
+ */
+const DEFAULT_EMULATOR_CONFIG = {
+    firestore: { host: 'localhost', port: 9080 },
+    storage: { host: 'localhost', port: 9199 },
+    auth: { host: 'localhost', port: 9099 },
+};
 
 /**
  * Firebase Shared Configuration
@@ -30018,10 +29629,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
  * ```
  */
 class OAuthService {
-    constructor() {
-        this.config = inject(VALTECH_AUTH_CONFIG);
-        this.http = inject(HttpClient);
-        this.ngZone = inject(NgZone);
+    constructor(config, http, ngZone) {
+        this.config = config;
+        this.http = http;
+        this.ngZone = ngZone;
         this.popup = null;
         this.messageHandler = null;
         this.checkClosedInterval = null;
@@ -30284,13 +29895,16 @@ class OAuthService {
         }
         this.popup = null;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: OAuthService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: OAuthService, deps: [{ token: VALTECH_AUTH_CONFIG }, { token: i1$8.HttpClient }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: OAuthService, providedIn: 'root' }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: OAuthService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
-        }] });
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [VALTECH_AUTH_CONFIG]
+                }] }, { type: i1$8.HttpClient }, { type: i0.NgZone }] });
 
 /**
  * Servicio principal de autenticación.
@@ -34149,12 +33763,10 @@ class PageContentComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PageContentComponent, deps: [{ token: ThemeService }, { token: NavigationService }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: PageContentComponent, isStandalone: true, selector: "val-page-content", inputs: { props: "props" }, outputs: { onHeaderClick: "onHeaderClick" }, ngImport: i0, template: `
     <div class="ion-page">
-      @if (props.showHeader !== false) {
-        <val-header
-          [props]="headerProps"
-          (onClick)="onHeaderClickHandler($event)"
-        />
-      }
+      <val-header
+        [props]="headerProps"
+        (onClick)="onHeaderClickHandler($event)"
+      />
       <ion-content
         [fullscreen]="true"
         [ngStyle]="{
@@ -34179,12 +33791,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
             type: Component,
             args: [{ selector: 'val-page-content', standalone: true, imports: [CommonModule, HeaderComponent, IonContent, UpdateBannerComponent], template: `
     <div class="ion-page">
-      @if (props.showHeader !== false) {
-        <val-header
-          [props]="headerProps"
-          (onClick)="onHeaderClickHandler($event)"
-        />
-      }
+      <val-header
+        [props]="headerProps"
+        (onClick)="onHeaderClickHandler($event)"
+      />
       <ion-content
         [fullscreen]="true"
         [ngStyle]="{
@@ -35310,6 +34920,66 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 }]
         }], ctorParameters: () => [{ type: i2$1.ModalController }] });
 
+class MetaService {
+    constructor() {
+        this.meta = inject(Meta);
+        this.titleService = inject(Title);
+        this.baseUrl = '';
+        this.defaultImage = '/assets/images/main-icon.png';
+        this.siteName = '';
+    }
+    /**
+     * Configurar el servicio con valores de la app
+     */
+    configure(config) {
+        this.baseUrl = config.baseUrl;
+        this.siteName = config.siteName;
+        if (config.defaultImage) {
+            this.defaultImage = config.defaultImage;
+        }
+    }
+    /**
+     * Actualizar meta tags de la página
+     */
+    updatePageMeta(metadata, path) {
+        const fullTitle = `${metadata.title} | ${this.siteName}`;
+        const url = path ? `${this.baseUrl}${path}` : this.baseUrl;
+        const ogImage = metadata.ogImage || this.defaultImage;
+        const fullImageUrl = ogImage.startsWith('http') ? ogImage : `${this.baseUrl}${ogImage}`;
+        // Title
+        this.titleService.setTitle(fullTitle);
+        // Basic meta tags
+        this.meta.updateTag({ name: 'description', content: metadata.description });
+        if (metadata.keywords) {
+            this.meta.updateTag({ name: 'keywords', content: metadata.keywords });
+        }
+        // Open Graph
+        this.meta.updateTag({ property: 'og:title', content: fullTitle });
+        this.meta.updateTag({ property: 'og:description', content: metadata.description });
+        this.meta.updateTag({ property: 'og:url', content: url });
+        this.meta.updateTag({ property: 'og:image', content: fullImageUrl });
+        this.meta.updateTag({ property: 'og:type', content: metadata.type || 'website' });
+        // Twitter Card
+        this.meta.updateTag({ name: 'twitter:title', content: fullTitle });
+        this.meta.updateTag({ name: 'twitter:description', content: metadata.description });
+        this.meta.updateTag({ name: 'twitter:image', content: fullImageUrl });
+    }
+    /**
+     * Resetear a valores por defecto
+     */
+    resetToDefault(metadata) {
+        this.updatePageMeta(metadata);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: MetaService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: MetaService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: MetaService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }] });
+
 /**
  * Cross-Platform Version Helpers
  *
@@ -41221,5 +40891,5 @@ function buildFooterLinks(links, t) {
  * Generated bundle index. Do not edit.
  */
 
-export { ACTION_CARD_DEFAULTS, AD_SIZE_MAP, API_TABLE_COLUMN_LABELS, ARTICLE_SPACING, AccordionComponent, ActionCardComponent, ActionHeaderComponent, ActionType, AdSlotComponent, AdsLoaderService, AdsService, AlertBoxComponent, AnalyticsErrorHandler, AnalyticsRouterTracker, AnalyticsService, AppConfigService, ArticleBuilder, ArticleComponent, AuthBackgroundComponent, AuthService, AuthStateService, AuthStorageService, AuthSyncService, AvatarComponent, BOTTOM_NAV_DEFAULTS, BannerComponent, BaseDefault, BottomNavComponent, BoxComponent, BreadcrumbComponent, ButtonComponent, ButtonGroupComponent, COMMON_COUNTRY_CODES, COMMON_CURRENCIES, CURRENCY_INFO, CardComponent, CardSection, CardType, CardsCarouselComponent, CheckInputComponent, ChipGroupComponent, ClearDefault, ClearDefaultBlock, ClearDefaultFull, ClearDefaultRound, ClearDefaultRoundBlock, ClearDefaultRoundFull, CodeDisplayComponent, CommandDisplayComponent, CommentComponent, CommentInputComponent, CommentSectionComponent, CompanyFooterComponent, ComponentStates, ConfirmationDialogService, ContentLoaderComponent, ContentReactionComponent, CountdownComponent, CurrencyInputComponent, DEFAULT_ADS_CONFIG, DEFAULT_APP_CONFIG_SERVICE_CONFIG, DEFAULT_AUTH_CONFIG, DEFAULT_CANCEL_BUTTON, DEFAULT_CONFIRM_BUTTON, DEFAULT_COUNTDOWN_LABELS, DEFAULT_COUNTDOWN_LABELS_EN, DEFAULT_EMPTY_STATE, DEFAULT_FEEDBACK_CONFIG, DEFAULT_FEEDBACK_TYPE_OPTIONS, DEFAULT_INFINITE_LIST_METADATA, DEFAULT_LEGEND_LABELS, DEFAULT_MODAL_CANCEL_BUTTON, DEFAULT_MODAL_CONFIRM_BUTTON, DEFAULT_PAGE_SIZE_OPTIONS, DEFAULT_PAYMENT_STATUS_COLORS, DEFAULT_PAYMENT_STATUS_LABELS, DEFAULT_PLATFORMS, DEFAULT_REFRESHER_METADATA, DEFAULT_SKELETON_CONFIG, DEFAULT_STATUS_COLORS, DEFAULT_STATUS_LABELS, DEFAULT_WINNER_LABELS, DataTableComponent, DateInputComponent, DateRangeInputComponent, DetailSkeletonComponent, DeviceService, DisplayComponent, DividerComponent, DocsApiTableComponent, DocsBreadcrumbComponent, DocsCalloutComponent, DocsCodeExampleComponent, DocsLayoutComponent, DocsNavLinksComponent, DocsNavigationService, DocsPageComponent, DocsSearchComponent, DocsSectionComponent, DocsShellComponent, DocsSidebarComponent, DocsTocComponent, DownloadService, EmailInputComponent, ExpandableTextComponent, FEATURES_LIST_DEFAULTS, FabComponent, FeaturesListComponent, FeedbackFormComponent, FeedbackService, FileInputComponent, FirebaseService, FirestoreCollectionFactory, FirestoreService, FooterComponent, FooterLinksComponent, FormComponent, FormFooterComponent, FormSkeletonComponent, FunHeaderComponent, GlowCardComponent, GridSkeletonComponent, HeaderComponent, HintComponent, HorizontalScrollComponent, HourInputComponent, HrefComponent, I18nService, INITIAL_AUTH_STATE, INITIAL_MFA_STATE, Icon, IconComponent, IconService, ImageComponent, InAppBrowserService, InfiniteListComponent, InfoComponent, InputI18nHelper, InputType, ItemListComponent, LANG_STORAGE_KEY$1 as LANG_STORAGE_KEY, LOGIN_DEFAULTS, LanguageSelectorComponent, LayeredCardComponent, LayoutComponent, LinkComponent, LinkProcessorService, LinkedProvidersComponent, LinksAccordionComponent, LinksCakeComponent, ListSkeletonComponent, LoadingDirective, LocalStorageService, LocaleService, LoginComponent, MODAL_SIZES, MOTION, MaintenancePageComponent, MenuComponent, MessagingService, ModalService, MultiSelectSearchComponent, NavigationService, NoContentComponent, NotesBoxComponent, NotificationsService, NumberFromToComponent, NumberInputComponent, NumberStepperComponent, OAUTH_PROVIDERS_INFO, OAuthCallbackComponent, OAuthService, OutlineDefault, OutlineDefaultBlock, OutlineDefaultFull, OutlineDefaultRound, OutlineDefaultRoundBlock, OutlineDefaultRoundFull, PLATFORM_CONFIGS, PageContentComponent, PageTemplateComponent, PageWrapperComponent, PaginationComponent, PaginationService, ParticipantCardComponent, PasswordInputComponent, PhoneInputComponent, PillComponent, PinInputComponent, PlainCodeBoxComponent, PopoverSelectorComponent, PresetService, PriceTagComponent, PrimarySolidBlockButton, PrimarySolidBlockHrefButton, PrimarySolidBlockIconButton, PrimarySolidBlockIconHrefButton, PrimarySolidDefaultRoundButton, PrimarySolidDefaultRoundHrefButton, PrimarySolidDefaultRoundIconButton, PrimarySolidDefaultRoundIconHrefButton, PrimarySolidFullButton, PrimarySolidFullHrefButton, PrimarySolidFullIconButton, PrimarySolidFullIconHrefButton, PrimarySolidLargeRoundButton, PrimarySolidLargeRoundHrefButton, PrimarySolidLargeRoundIconButton, PrimarySolidLargeRoundIconHrefButton, PrimarySolidSmallRoundButton, PrimarySolidSmallRoundHrefButton, PrimarySolidSmallRoundIconButton, PrimarySolidSmallRoundIconHrefButton, ProcessLinksPipe, ProfileSkeletonComponent, ProgressBarComponent, ProgressRingComponent, ProgressStatusComponent, PrompterComponent, QR_PRESETS, QrCodeComponent, QrGeneratorService, QueryBuilder, QuoteBoxComponent, RadioInputComponent, RaffleStatusCardComponent, RangeInputComponent, RatingComponent, RecapCardComponent, RefresherComponent, RightsFooterComponent, RotatingTextComponent, SKELETON_PRESETS, SearchSelectorComponent, SearchbarComponent, SecondarySolidBlockButton, SecondarySolidBlockHrefButton, SecondarySolidBlockIconButton, SecondarySolidBlockIconHrefButton, SecondarySolidDefaultRoundButton, SecondarySolidDefaultRoundHrefButton, SecondarySolidDefaultRoundIconButton, SecondarySolidDefaultRoundIconHrefButton, SecondarySolidFullButton, SecondarySolidFullHrefButton, SecondarySolidFullIconButton, SecondarySolidFullIconHrefButton, SecondarySolidLargeRoundButton, SecondarySolidLargeRoundHrefButton, SecondarySolidLargeRoundIconButton, SecondarySolidLargeRoundIconHrefButton, SecondarySolidSmallRoundButton, SecondarySolidSmallRoundHrefButton, SecondarySolidSmallRoundIconButton, SecondarySolidSmallRoundIconHrefButton, SegmentControlComponent, SelectSearchComponent, SessionService, ShareButtonsComponent, SimpleComponent, SkeletonComponent, SkeletonService, SolidBlockButton, SolidDefault, SolidDefaultBlock, SolidDefaultButton, SolidDefaultFull, SolidDefaultRound, SolidDefaultRoundBlock, SolidDefaultRoundButton, SolidDefaultRoundFull, SolidFullButton, SolidLargeButton, SolidLargeRoundButton, SolidSmallButton, SolidSmallRoundButton, StatsCardComponent, StepperComponent, StorageService, SwipeCarouselComponent, TabbedContentComponent, TableSkeletonComponent, TabsComponent, Terminal404Component, TestimonialCardComponent, TestimonialCarouselComponent, TextComponent, TextInputComponent, TextareaInputComponent, ThemeOption, ThemeService, TicketGridComponent, TimelineComponent, TitleBlockComponent, TitleComponent, ToastService, ToggleInputComponent, TokenService, ToolbarActionType, ToolbarComponent, TranslatePipe, TypedCollection, UpdateBannerComponent, UsernameInputComponent, VALTECH_ADS_CONFIG, VALTECH_APP_CONFIG, VALTECH_AUTH_CONFIG, VALTECH_COMPANY_LINKS, VALTECH_DEFAULT_CONTENT, VALTECH_FEEDBACK_CONFIG, VALTECH_FIREBASE_CONFIG, VALTECH_FOOTER_I18N, VALTECH_FOOTER_LOGO, VALTECH_LANGUAGE_SELECTOR, VALTECH_SOCIAL_LINKS, WELCOME_CARD_DEFAULTS, WelcomeCardComponent, WinnerDisplayComponent, WizardComponent, WizardFooterComponent, applyDefaultValueToControl, authGuard, authInterceptor, buildFooterLinks, buildPath, collections, createFirebaseConfig, createGlowCardProps, createInitialPaginationState, createNumberFromToField, createTitleProps, extractPathParams, getAppInfo, getAppVersion, getCollectionPath, getDocumentId, goToTop, guestGuard, hasEmulators, isAtEnd, isCollectionPath, isDocumentPath, isEmulatorMode, isValidPath, joinPath, maxLength, permissionGuard, permissionGuardFromRoute, provideValtechAds, provideValtechAppConfig, provideValtechAuth, provideValtechAuthInterceptor, provideValtechFeedback, provideValtechFirebase, provideValtechI18n, provideValtechPresets, provideValtechSkeleton, query, replaceSpecialChars, resolveColor, resolveInputDefaultValue, roleGuard, storagePaths, superAdminGuard };
+export { ACTION_CARD_DEFAULTS, AD_SIZE_MAP, API_TABLE_COLUMN_LABELS, ARTICLE_SPACING, AccordionComponent, ActionCardComponent, ActionHeaderComponent, ActionType, AdSlotComponent, AdsLoaderService, AdsService, AlertBoxComponent, AnalyticsErrorHandler, AnalyticsRouterTracker, AnalyticsService, AppConfigService, ArticleBuilder, ArticleComponent, AuthBackgroundComponent, AuthService, AuthStateService, AuthStorageService, AuthSyncService, AvatarComponent, BOTTOM_NAV_DEFAULTS, BannerComponent, BaseDefault, BottomNavComponent, BoxComponent, BreadcrumbComponent, ButtonComponent, ButtonGroupComponent, COMMON_COUNTRY_CODES, COMMON_CURRENCIES, CURRENCY_INFO, CardComponent, CardSection, CardType, CardsCarouselComponent, CheckInputComponent, ChipGroupComponent, ClearDefault, ClearDefaultBlock, ClearDefaultFull, ClearDefaultRound, ClearDefaultRoundBlock, ClearDefaultRoundFull, CodeDisplayComponent, CommandDisplayComponent, CommentComponent, CommentInputComponent, CommentSectionComponent, CompanyFooterComponent, ComponentStates, ConfirmationDialogService, ContentLoaderComponent, ContentReactionComponent, CountdownComponent, CurrencyInputComponent, DEFAULT_ADS_CONFIG, DEFAULT_APP_CONFIG_SERVICE_CONFIG, DEFAULT_AUTH_CONFIG, DEFAULT_CANCEL_BUTTON, DEFAULT_CONFIRM_BUTTON, DEFAULT_COUNTDOWN_LABELS, DEFAULT_COUNTDOWN_LABELS_EN, DEFAULT_EMPTY_STATE, DEFAULT_EMULATOR_CONFIG, DEFAULT_FEEDBACK_CONFIG, DEFAULT_FEEDBACK_TYPE_OPTIONS, DEFAULT_INFINITE_LIST_METADATA, DEFAULT_LEGEND_LABELS, DEFAULT_MODAL_CANCEL_BUTTON, DEFAULT_MODAL_CONFIRM_BUTTON, DEFAULT_PAGE_SIZE_OPTIONS, DEFAULT_PAYMENT_STATUS_COLORS, DEFAULT_PAYMENT_STATUS_LABELS, DEFAULT_PLATFORMS, DEFAULT_REFRESHER_METADATA, DEFAULT_SKELETON_CONFIG, DEFAULT_STATUS_COLORS, DEFAULT_STATUS_LABELS, DEFAULT_WINNER_LABELS, DataTableComponent, DateInputComponent, DateRangeInputComponent, DetailSkeletonComponent, DeviceService, DisplayComponent, DividerComponent, DocsApiTableComponent, DocsBreadcrumbComponent, DocsCalloutComponent, DocsCodeExampleComponent, DocsLayoutComponent, DocsNavLinksComponent, DocsNavigationService, DocsPageComponent, DocsSearchComponent, DocsSectionComponent, DocsShellComponent, DocsSidebarComponent, DocsTocComponent, DownloadService, EmailInputComponent, ExpandableTextComponent, FEATURES_LIST_DEFAULTS, FabComponent, FeaturesListComponent, FeedbackFormComponent, FeedbackService, FileInputComponent, FirebaseService, FirestoreCollectionFactory, FirestoreService, FooterComponent, FooterLinksComponent, FormComponent, FormFooterComponent, FormSkeletonComponent, FunHeaderComponent, GlowCardComponent, GridSkeletonComponent, HeaderComponent, HintComponent, HorizontalScrollComponent, HourInputComponent, HrefComponent, I18nService, INITIAL_AUTH_STATE, INITIAL_MFA_STATE, Icon, IconComponent, IconService, ImageComponent, InAppBrowserService, InfiniteListComponent, InfoComponent, InputI18nHelper, InputType, ItemListComponent, LANG_STORAGE_KEY$1 as LANG_STORAGE_KEY, LOGIN_DEFAULTS, LanguageSelectorComponent, LayeredCardComponent, LayoutComponent, LinkComponent, LinkProcessorService, LinkedProvidersComponent, LinksAccordionComponent, LinksCakeComponent, ListSkeletonComponent, LoadingDirective, LocalStorageService, LocaleService, LoginComponent, MODAL_SIZES, MOTION, MaintenancePageComponent, MenuComponent, MessagingService, MetaService, ModalService, MultiSelectSearchComponent, NavigationService, NoContentComponent, NotesBoxComponent, NotificationsService, NumberFromToComponent, NumberInputComponent, NumberStepperComponent, OAUTH_PROVIDERS_INFO, OAuthCallbackComponent, OAuthService, OutlineDefault, OutlineDefaultBlock, OutlineDefaultFull, OutlineDefaultRound, OutlineDefaultRoundBlock, OutlineDefaultRoundFull, PLATFORM_CONFIGS, PageContentComponent, PageTemplateComponent, PageWrapperComponent, PaginationComponent, PaginationService, ParticipantCardComponent, PasswordInputComponent, PhoneInputComponent, PillComponent, PinInputComponent, PlainCodeBoxComponent, PopoverSelectorComponent, PresetService, PriceTagComponent, PrimarySolidBlockButton, PrimarySolidBlockHrefButton, PrimarySolidBlockIconButton, PrimarySolidBlockIconHrefButton, PrimarySolidDefaultRoundButton, PrimarySolidDefaultRoundHrefButton, PrimarySolidDefaultRoundIconButton, PrimarySolidDefaultRoundIconHrefButton, PrimarySolidFullButton, PrimarySolidFullHrefButton, PrimarySolidFullIconButton, PrimarySolidFullIconHrefButton, PrimarySolidLargeRoundButton, PrimarySolidLargeRoundHrefButton, PrimarySolidLargeRoundIconButton, PrimarySolidLargeRoundIconHrefButton, PrimarySolidSmallRoundButton, PrimarySolidSmallRoundHrefButton, PrimarySolidSmallRoundIconButton, PrimarySolidSmallRoundIconHrefButton, ProcessLinksPipe, ProfileSkeletonComponent, ProgressBarComponent, ProgressRingComponent, ProgressStatusComponent, PrompterComponent, QR_PRESETS, QrCodeComponent, QrGeneratorService, QueryBuilder, QuoteBoxComponent, RadioInputComponent, RaffleStatusCardComponent, RangeInputComponent, RatingComponent, RecapCardComponent, RefresherComponent, RightsFooterComponent, RotatingTextComponent, SKELETON_PRESETS, SearchSelectorComponent, SearchbarComponent, SecondarySolidBlockButton, SecondarySolidBlockHrefButton, SecondarySolidBlockIconButton, SecondarySolidBlockIconHrefButton, SecondarySolidDefaultRoundButton, SecondarySolidDefaultRoundHrefButton, SecondarySolidDefaultRoundIconButton, SecondarySolidDefaultRoundIconHrefButton, SecondarySolidFullButton, SecondarySolidFullHrefButton, SecondarySolidFullIconButton, SecondarySolidFullIconHrefButton, SecondarySolidLargeRoundButton, SecondarySolidLargeRoundHrefButton, SecondarySolidLargeRoundIconButton, SecondarySolidLargeRoundIconHrefButton, SecondarySolidSmallRoundButton, SecondarySolidSmallRoundHrefButton, SecondarySolidSmallRoundIconButton, SecondarySolidSmallRoundIconHrefButton, SegmentControlComponent, SelectSearchComponent, SessionService, ShareButtonsComponent, SimpleComponent, SkeletonComponent, SkeletonService, SolidBlockButton, SolidDefault, SolidDefaultBlock, SolidDefaultButton, SolidDefaultFull, SolidDefaultRound, SolidDefaultRoundBlock, SolidDefaultRoundButton, SolidDefaultRoundFull, SolidFullButton, SolidLargeButton, SolidLargeRoundButton, SolidSmallButton, SolidSmallRoundButton, StatsCardComponent, StepperComponent, StorageService, SwipeCarouselComponent, TabbedContentComponent, TableSkeletonComponent, TabsComponent, Terminal404Component, TestimonialCardComponent, TestimonialCarouselComponent, TextComponent, TextInputComponent, TextareaInputComponent, ThemeOption, ThemeService, TicketGridComponent, TimelineComponent, TitleBlockComponent, TitleComponent, ToastService, ToggleInputComponent, TokenService, ToolbarActionType, ToolbarComponent, TranslatePipe, TypedCollection, UpdateBannerComponent, UsernameInputComponent, VALTECH_ADS_CONFIG, VALTECH_APP_CONFIG, VALTECH_AUTH_CONFIG, VALTECH_COMPANY_LINKS, VALTECH_DEFAULT_CONTENT, VALTECH_FEEDBACK_CONFIG, VALTECH_FIREBASE_CONFIG, VALTECH_FOOTER_I18N, VALTECH_FOOTER_LOGO, VALTECH_LANGUAGE_SELECTOR, VALTECH_SOCIAL_LINKS, WinnerDisplayComponent, WizardComponent, WizardFooterComponent, applyDefaultValueToControl, authGuard, authInterceptor, buildFooterLinks, buildPath, collections, createFirebaseConfig, createGlowCardProps, createInitialPaginationState, createNumberFromToField, createTitleProps, extractPathParams, getAppInfo, getAppVersion, getCollectionPath, getDocumentId, goToTop, guestGuard, hasEmulators, isAtEnd, isCollectionPath, isDocumentPath, isEmulatorMode, isValidPath, joinPath, maxLength, permissionGuard, permissionGuardFromRoute, provideValtechAds, provideValtechAppConfig, provideValtechAuth, provideValtechAuthInterceptor, provideValtechFeedback, provideValtechFirebase, provideValtechI18n, provideValtechPresets, provideValtechSkeleton, query, replaceSpecialChars, resolveColor, resolveInputDefaultValue, roleGuard, storagePaths, superAdminGuard };
 //# sourceMappingURL=valtech-components.mjs.map