valtech-components 2.0.797 → 2.0.799

package/fesm2022/valtech-components.mjs

@@ -52,7 +52,7 @@ import 'prismjs/components/prism-json';
  * Current version of valtech-components.
  * This is automatically updated during the publish process.
  */
-const VERSION = '2.0.797';
+const VERSION = '2.0.799';
 
 /**
  * Servicio para gestionar presets de componentes.
@@ -22598,6 +22598,15 @@ class MessagingService {
         });
         /** Key para localStorage de mensajes FCM (debugging) */
         this.DEBUG_STORAGE_KEY = 'fcm_debug_messages';
+        /**
+         * Key de localStorage donde se persiste el token FCM.
+         *
+         * El token vive en un `BehaviorSubject` en memoria y se pierde en cada
+         * recarga / suspensión de la PWA (iOS reinicia PWAs con frecuencia). Persistir
+         * el token permite hidratar el estado en cold start y que la UI no parpadee.
+         * Es un *optimistic hint* — la verdad la confirma el siguiente `getToken()`.
+         */
+        this.TOKEN_STORAGE_KEY = 'valtech_fcm_token';
         this.debugPersistence = this.config?.debugMessagePersistence ?? false;
         this.initializeMessaging();
     }
@@ -22637,6 +22646,10 @@ class MessagingService {
         if (!isPlatformBrowser(this.platformId)) {
             return;
         }
+        // Hidratar el token desde localStorage ANTES del check de soporte: el token
+        // cacheado es un hint optimista para la UI tras recargas / suspensiones de
+        // la PWA. La validez real se confirma en el próximo getToken().
+        this.hydrateTokenFromStorage();
         const supported = await this.checkSupport();
         const permission = this.getPermissionState();
         this.stateSubject.next({
@@ -22770,10 +22783,11 @@ class MessagingService {
             return null;
         }
         try {
-            // Registrar SW personalizado antes de obtener token
-            // Esto es necesario cuando usamos un SW custom (firebase-messaging-sw.js)
-            const registration = await navigator.serviceWorker.register('/firebase-messaging-sw.js');
-            console.log('[Messaging] SW registered, waiting ready...');
+            // Reutilizar el SW ya registrado (en config.ts durante el bootstrap) en
+            // lugar de re-registrarlo en cada llamada — re-registrar dispara
+            // revalidaciones del SW en iOS PWA. Solo registramos si no existe aún.
+            const registration = await this.resolveServiceWorkerRegistration();
+            console.log('[Messaging] SW resolved, waiting ready...');
             // Esperar a que el SW esté activo
             await navigator.serviceWorker.ready;
             console.log('[Messaging] SW ready, calling Firebase getToken()...');
@@ -22786,13 +22800,68 @@ class MessagingService {
                 ...this.stateSubject.value,
                 token,
             });
+            // Persistir el token para hidratar el estado en futuros cold starts.
+            this.persistToken(token);
             return token;
         }
         catch (error) {
-            console.error('[Messaging] getToken error:', error);
+            // No tragamos la causa: logueamos el detalle para diagnóstico. La firma
+            // sigue siendo Promise<string | null> para no romper callers.
+            const reason = error instanceof Error ? `${error.name}: ${error.message}` : String(error);
+            console.error('[Messaging] getToken error:', reason, error);
             return null;
         }
     }
+    /**
+     * Resuelve el `ServiceWorkerRegistration` del SW de FCM.
+     *
+     * El SW `/firebase-messaging-sw.js` ya se registra una vez en el bootstrap de
+     * la app (`config.ts`). Reutilizamos ese registro en lugar de re-registrarlo
+     * en cada `getToken()` — re-registrar repetidamente dispara revalidaciones del
+     * SW en iOS PWA. Solo registramos como fallback si todavía no existe.
+     */
+    async resolveServiceWorkerRegistration() {
+        const existing = await navigator.serviceWorker.getRegistration('/firebase-messaging-sw.js');
+        if (existing) {
+            return existing;
+        }
+        console.warn('[Messaging] SW not registered yet, registering as fallback');
+        return navigator.serviceWorker.register('/firebase-messaging-sw.js');
+    }
+    /**
+     * Persiste el token FCM en localStorage (o lo limpia si es null/empty).
+     */
+    persistToken(token) {
+        if (!isPlatformBrowser(this.platformId))
+            return;
+        try {
+            if (token) {
+                localStorage.setItem(this.TOKEN_STORAGE_KEY, token);
+            }
+            else {
+                localStorage.removeItem(this.TOKEN_STORAGE_KEY);
+            }
+        }
+        catch (e) {
+            console.warn('[Messaging] token persistence failed:', e);
+        }
+    }
+    /**
+     * Hidrata el estado del token desde localStorage en el arranque del servicio.
+     */
+    hydrateTokenFromStorage() {
+        if (!isPlatformBrowser(this.platformId))
+            return;
+        try {
+            const cached = localStorage.getItem(this.TOKEN_STORAGE_KEY);
+            if (cached) {
+                this.setTokenFromStorage(cached);
+            }
+        }
+        catch (e) {
+            console.warn('[Messaging] token hydration failed:', e);
+        }
+    }
     /**
      * Elimina el token FCM actual (unsubscribe de notificaciones).
      *
@@ -22813,6 +22882,8 @@ class MessagingService {
                 ...this.stateSubject.value,
                 token: null,
             });
+            // Limpiar el token persistido — ya no estamos suscritos.
+            this.persistToken(null);
             // Limpiar listener de mensajes
             if (this.unsubscribeOnMessage) {
                 this.unsubscribeOnMessage();
@@ -34857,6 +34928,435 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 type: Output
             }] } });
 
+/** Defaults de `rows` por preset cuando el consumer no lo especifica. */
+const SKELETON_LAYOUT_DEFAULT_ROWS = {
+    form: 3,
+    list: 5,
+    article: 3,
+    cards: 4,
+    detail: 4,
+    hero: 3,
+};
+
+/**
+ * `val-skeleton-layout`
+ *
+ * Skeleton de página **preset-driven**. En vez de que cada vista componga
+ * átomos `val-skeleton` a mano, declara una shape y este organism arma el
+ * placeholder completo. Estándar único para loading states en todo el factory.
+ *
+ * Presets: `form` · `list` · `article` · `cards` · `detail` · `hero`.
+ *
+ * Extender = agregar un valor a `SkeletonLayoutPreset` + un `@case` acá.
+ * Los consumers no cambian.
+ *
+ * @example
+ * ```html
+ * @if (loading()) {
+ *   <val-skeleton-layout [props]="{ preset: 'form', rows: 3, showAvatar: true }" />
+ * } @else {
+ *   ...contenido real...
+ * }
+ * ```
+ */
+class SkeletonLayoutComponent {
+    constructor() {
+        this.props_ = signal({ preset: 'list' });
+        /** Props con defaults aplicados. */
+        this.resolved = computed(() => this.props_());
+        /** Shimmer on/off — default on. */
+        this.anim = computed(() => this.resolved().animated !== false);
+        /** Array `[0..rows)` para los `@for`. rows del prop o default del preset. */
+        this.rowsArray = computed(() => {
+            const p = this.resolved();
+            const preset = p.preset;
+            const count = p.rows && p.rows > 0 ? Math.floor(p.rows) : SKELETON_LAYOUT_DEFAULT_ROWS[preset];
+            return Array.from({ length: count }, (_, i) => i);
+        });
+        /** `grid-template-columns` para el preset cards. */
+        this.gridColumns = computed(() => {
+            const cols = this.resolved().columns ?? 2;
+            return `repeat(${Math.max(1, cols)}, 1fr)`;
+        });
+    }
+    set props(value) {
+        if (value)
+            this.props_.set(value);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SkeletonLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: SkeletonLayoutComponent, isStandalone: true, selector: "val-skeleton-layout", inputs: { props: "props" }, ngImport: i0, template: `
+    <div class="val-skeleton-layout" [class]="resolved().cssClass || ''" aria-busy="true" aria-live="polite">
+      @switch (resolved().preset) {
+        <!-- FORM — avatar opcional + N fields (label+input) + botón -->
+        @case ('form') {
+          @if (resolved().showAvatar) {
+            <div class="sk-form__avatar">
+              <val-skeleton
+                [props]="{
+                  type: 'avatar',
+                  width: '96px',
+                  height: '96px',
+                  circle: true,
+                  animated: anim(),
+                }"
+              />
+              <div class="sk-form__avatar-meta">
+                <val-skeleton
+                  [props]="{
+                    type: 'text',
+                    width: '150px',
+                    height: '18px',
+                    animated: anim(),
+                  }"
+                />
+                <val-skeleton
+                  [props]="{
+                    type: 'text',
+                    width: '190px',
+                    height: '13px',
+                    animated: anim(),
+                  }"
+                />
+                <val-skeleton
+                  [props]="{
+                    type: 'text',
+                    width: '110px',
+                    height: '13px',
+                    animated: anim(),
+                  }"
+                />
+              </div>
+            </div>
+          }
+          <div class="sk-form__fields">
+            @for (i of rowsArray(); track i) {
+              <div class="sk-form__field">
+                <val-skeleton
+                  [props]="{
+                    type: 'text',
+                    width: '90px',
+                    height: '13px',
+                    animated: anim(),
+                  }"
+                />
+                <val-skeleton
+                  [props]="{
+                    type: 'custom',
+                    width: '100%',
+                    height: '48px',
+                    borderRadius: '12px',
+                    animated: anim(),
+                  }"
+                />
+              </div>
+            }
+            @if (resolved().showButton !== false) {
+              <val-skeleton
+                [props]="{
+                  type: 'custom',
+                  width: '100%',
+                  height: '48px',
+                  borderRadius: '24px',
+                  animated: anim(),
+                }"
+              />
+            }
+          </div>
+        }
+
+        <!-- LIST — N filas list-item (el átomo ya trae icono + 2 líneas) -->
+        @case ('list') {
+          <div class="sk-list">
+            @for (i of rowsArray(); track i) {
+              <val-skeleton [props]="{ type: 'list-item', animated: anim() }" />
+            }
+          </div>
+        }
+
+        <!-- ARTICLE — título + meta + párrafos -->
+        @case ('article') {
+          <div class="sk-article">
+            @if (resolved().showTitle !== false) {
+              <val-skeleton
+                [props]="{
+                  type: 'text',
+                  width: '70%',
+                  height: '30px',
+                  animated: anim(),
+                }"
+              />
+              <val-skeleton
+                [props]="{
+                  type: 'text',
+                  width: '40%',
+                  height: '14px',
+                  animated: anim(),
+                }"
+              />
+            }
+            @for (i of rowsArray(); track i) {
+              <val-skeleton [props]="{ type: 'paragraph', lines: 4, animated: anim() }" />
+            }
+          </div>
+        }
+
+        <!-- CARDS — grid de N card blocks -->
+        @case ('cards') {
+          <div class="sk-cards" [style.grid-template-columns]="gridColumns()">
+            @for (i of rowsArray(); track i) {
+              <val-skeleton [props]="{ type: 'card', animated: anim() }" />
+            }
+          </div>
+        }
+
+        <!-- DETAIL — N filas key-value -->
+        @case ('detail') {
+          <div class="sk-detail">
+            @for (i of rowsArray(); track i) {
+              <div class="sk-detail__row">
+                <val-skeleton
+                  [props]="{
+                    type: 'text',
+                    width: '110px',
+                    height: '14px',
+                    animated: anim(),
+                  }"
+                />
+                <val-skeleton
+                  [props]="{
+                    type: 'text',
+                    width: '160px',
+                    height: '14px',
+                    animated: anim(),
+                  }"
+                />
+              </div>
+            }
+          </div>
+        }
+
+        <!-- HERO — banner grande + filas de contenido -->
+        @case ('hero') {
+          <div class="sk-hero">
+            @if (resolved().showTitle !== false) {
+              <val-skeleton
+                [props]="{
+                  type: 'custom',
+                  width: '100%',
+                  height: '140px',
+                  borderRadius: '20px',
+                  animated: anim(),
+                }"
+              />
+            }
+            <div class="sk-hero__rows">
+              @for (i of rowsArray(); track i) {
+                <val-skeleton
+                  [props]="{
+                    type: 'custom',
+                    width: '100%',
+                    height: '72px',
+                    borderRadius: '14px',
+                    animated: anim(),
+                  }"
+                />
+              }
+            </div>
+          </div>
+        }
+      }
+    </div>
+  `, isInline: true, styles: [":host{display:block;width:100%}.val-skeleton-layout{width:100%}.sk-form__avatar{display:flex;align-items:center;gap:16px;padding:16px 0}.sk-form__avatar-meta{display:flex;flex-direction:column;gap:8px}.sk-form__fields{padding:16px 0;display:flex;flex-direction:column;gap:18px}.sk-form__field{display:flex;flex-direction:column;gap:8px}.sk-list{display:flex;flex-direction:column;gap:10px;padding:8px 0}.sk-article{display:flex;flex-direction:column;gap:16px;padding:8px 0}.sk-cards{display:grid;gap:12px;padding:8px 0}.sk-detail{display:flex;flex-direction:column;gap:14px;padding:8px 0}.sk-detail__row{display:flex;align-items:center;justify-content:space-between;gap:16px}.sk-hero{display:flex;flex-direction:column;gap:16px;padding:8px 0}.sk-hero__rows{display:flex;flex-direction:column;gap:12px}\n"], dependencies: [{ kind: "component", type: SkeletonComponent, selector: "val-skeleton", inputs: ["props"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SkeletonLayoutComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'val-skeleton-layout', standalone: true, imports: [SkeletonComponent], template: `
+    <div class="val-skeleton-layout" [class]="resolved().cssClass || ''" aria-busy="true" aria-live="polite">
+      @switch (resolved().preset) {
+        <!-- FORM — avatar opcional + N fields (label+input) + botón -->
+        @case ('form') {
+          @if (resolved().showAvatar) {
+            <div class="sk-form__avatar">
+              <val-skeleton
+                [props]="{
+                  type: 'avatar',
+                  width: '96px',
+                  height: '96px',
+                  circle: true,
+                  animated: anim(),
+                }"
+              />
+              <div class="sk-form__avatar-meta">
+                <val-skeleton
+                  [props]="{
+                    type: 'text',
+                    width: '150px',
+                    height: '18px',
+                    animated: anim(),
+                  }"
+                />
+                <val-skeleton
+                  [props]="{
+                    type: 'text',
+                    width: '190px',
+                    height: '13px',
+                    animated: anim(),
+                  }"
+                />
+                <val-skeleton
+                  [props]="{
+                    type: 'text',
+                    width: '110px',
+                    height: '13px',
+                    animated: anim(),
+                  }"
+                />
+              </div>
+            </div>
+          }
+          <div class="sk-form__fields">
+            @for (i of rowsArray(); track i) {
+              <div class="sk-form__field">
+                <val-skeleton
+                  [props]="{
+                    type: 'text',
+                    width: '90px',
+                    height: '13px',
+                    animated: anim(),
+                  }"
+                />
+                <val-skeleton
+                  [props]="{
+                    type: 'custom',
+                    width: '100%',
+                    height: '48px',
+                    borderRadius: '12px',
+                    animated: anim(),
+                  }"
+                />
+              </div>
+            }
+            @if (resolved().showButton !== false) {
+              <val-skeleton
+                [props]="{
+                  type: 'custom',
+                  width: '100%',
+                  height: '48px',
+                  borderRadius: '24px',
+                  animated: anim(),
+                }"
+              />
+            }
+          </div>
+        }
+
+        <!-- LIST — N filas list-item (el átomo ya trae icono + 2 líneas) -->
+        @case ('list') {
+          <div class="sk-list">
+            @for (i of rowsArray(); track i) {
+              <val-skeleton [props]="{ type: 'list-item', animated: anim() }" />
+            }
+          </div>
+        }
+
+        <!-- ARTICLE — título + meta + párrafos -->
+        @case ('article') {
+          <div class="sk-article">
+            @if (resolved().showTitle !== false) {
+              <val-skeleton
+                [props]="{
+                  type: 'text',
+                  width: '70%',
+                  height: '30px',
+                  animated: anim(),
+                }"
+              />
+              <val-skeleton
+                [props]="{
+                  type: 'text',
+                  width: '40%',
+                  height: '14px',
+                  animated: anim(),
+                }"
+              />
+            }
+            @for (i of rowsArray(); track i) {
+              <val-skeleton [props]="{ type: 'paragraph', lines: 4, animated: anim() }" />
+            }
+          </div>
+        }
+
+        <!-- CARDS — grid de N card blocks -->
+        @case ('cards') {
+          <div class="sk-cards" [style.grid-template-columns]="gridColumns()">
+            @for (i of rowsArray(); track i) {
+              <val-skeleton [props]="{ type: 'card', animated: anim() }" />
+            }
+          </div>
+        }
+
+        <!-- DETAIL — N filas key-value -->
+        @case ('detail') {
+          <div class="sk-detail">
+            @for (i of rowsArray(); track i) {
+              <div class="sk-detail__row">
+                <val-skeleton
+                  [props]="{
+                    type: 'text',
+                    width: '110px',
+                    height: '14px',
+                    animated: anim(),
+                  }"
+                />
+                <val-skeleton
+                  [props]="{
+                    type: 'text',
+                    width: '160px',
+                    height: '14px',
+                    animated: anim(),
+                  }"
+                />
+              </div>
+            }
+          </div>
+        }
+
+        <!-- HERO — banner grande + filas de contenido -->
+        @case ('hero') {
+          <div class="sk-hero">
+            @if (resolved().showTitle !== false) {
+              <val-skeleton
+                [props]="{
+                  type: 'custom',
+                  width: '100%',
+                  height: '140px',
+                  borderRadius: '20px',
+                  animated: anim(),
+                }"
+              />
+            }
+            <div class="sk-hero__rows">
+              @for (i of rowsArray(); track i) {
+                <val-skeleton
+                  [props]="{
+                    type: 'custom',
+                    width: '100%',
+                    height: '72px',
+                    borderRadius: '14px',
+                    animated: anim(),
+                  }"
+                />
+              }
+            </div>
+          </div>
+        }
+      }
+    </div>
+  `, styles: [":host{display:block;width:100%}.val-skeleton-layout{width:100%}.sk-form__avatar{display:flex;align-items:center;gap:16px;padding:16px 0}.sk-form__avatar-meta{display:flex;flex-direction:column;gap:8px}.sk-form__fields{padding:16px 0;display:flex;flex-direction:column;gap:18px}.sk-form__field{display:flex;flex-direction:column;gap:8px}.sk-list{display:flex;flex-direction:column;gap:10px;padding:8px 0}.sk-article{display:flex;flex-direction:column;gap:16px;padding:8px 0}.sk-cards{display:grid;gap:12px;padding:8px 0}.sk-detail{display:flex;flex-direction:column;gap:14px;padding:8px 0}.sk-detail__row{display:flex;align-items:center;justify-content:space-between;gap:16px}.sk-hero{display:flex;flex-direction:column;gap:16px;padding:8px 0}.sk-hero__rows{display:flex;flex-direction:column;gap:12px}\n"] }]
+        }], propDecorators: { props: [{
+                type: Input
+            }] } });
+
 class SimpleComponent {
     constructor() {
         this.onClick = new EventEmitter();
@@ -36854,6 +37354,16 @@ class PreferencesService {
         this.language = this._language.asReadonly();
         this.notificationsMaster = this._notificationsMaster.asReadonly();
         this.synced = this._synced.asReadonly();
+        /**
+         * `true` mientras un `update()` está en vuelo (PUT al backend).
+         *
+         * El listener Firestore (`bindToUser`) es real-time y puede emitir un snapshot
+         * *stale* — anterior al sync del backend — que pisaría el valor optimista de
+         * `_notificationsMaster` y revertiría el toggle. Mientras este flag esté `true`
+         * el listener ignora las emisiones; el `update()` ya alinea las señales con la
+         * respuesta del backend al terminar.
+         */
+        this._updateInFlight = false;
         const destroyRef = inject(DestroyRef);
         destroyRef.onDestroy(() => this.unbind());
         // Auto-bind al user actual. effect() corre en injection context (constructor OK).
@@ -36906,6 +37416,9 @@ class PreferencesService {
         if (partial.notifications && typeof partial.notifications.master === 'boolean') {
             this._notificationsMaster.set(partial.notifications.master);
         }
+        // Bloquear el listener Firestore mientras el PUT está en vuelo: un snapshot
+        // stale no debe pisar el valor optimista recién aplicado.
+        this._updateInFlight = true;
         try {
             const res = await firstValueFrom(this.http.put(url, partial));
             // El listener Firestore es la fuente final, pero alinear ya con la
@@ -36927,6 +37440,9 @@ class PreferencesService {
             this._notificationsMaster.set(prev.master);
             throw err;
         }
+        finally {
+            this._updateInFlight = false;
+        }
     }
     setTheme(theme) {
         return this.update({ theme });
@@ -36953,6 +37469,12 @@ class PreferencesService {
                 // pisan el theme/lang locales con valores arbitrarios.
                 return;
             }
+            // Ignorar emisiones del listener mientras hay un update() en vuelo: un
+            // snapshot stale (anterior al sync del backend) revertiría el valor
+            // optimista. El update() ya alinea las señales con la respuesta real.
+            if (this._updateInFlight) {
+                return;
+            }
             if (doc.theme)
                 this._theme.set(doc.theme);
             if (doc.language)
@@ -44145,5 +44667,5 @@ function buildFooterLinks(links, t, resolver) {
  * Generated bundle index. Do not edit.
  */
 
-export { ACTION_CARD_DEFAULTS, AD_SIZE_MAP, API_TABLE_COLUMN_LABELS, ARTICLE_SPACING, AVATAR_UPLOAD_DEFAULTS, AccordionComponent, ActionCardComponent, ActionHeaderComponent, ActionType, AdSlotComponent, AdsLoaderService, AdsService, AlertBoxComponent, AnalyticsErrorHandler, AnalyticsRouterTracker, AnalyticsService, AppConfigService, ArticleBuilder, ArticleComponent, AuthBackgroundComponent, AuthService, AuthStateService, AuthStorageService, AuthSyncService, AvatarComponent, AvatarUploadComponent, BOTTOM_NAV_DEFAULTS, BannerComponent, BaseDefault, BlogPostBuilder, BottomNavComponent, BoxComponent, BreadcrumbComponent, ButtonComponent, ButtonGroupComponent, CALLOUT_LABELS, CHEV_KEYS, COMMON_COUNTRY_CODES, COMMON_CURRENCIES, CURRENCY_INFO, CardComponent, CardSection, CardType, CardsCarouselComponent, CheckInputComponent, CheckboxRadioInputComponent, ChipGroupComponent, ClearDefault, ClearDefaultBlock, ClearDefaultFull, ClearDefaultRound, ClearDefaultRoundBlock, ClearDefaultRoundFull, CodeDisplayComponent, CommandDisplayComponent, CommentComponent, CommentInputComponent, CommentSectionComponent, CompanyFooterComponent, ComponentStates, ConfirmationDialogService, ContainerComponent, ContentLoaderComponent, ContentReactionComponent, ContentTransformer, CookieBannerComponent, CountdownComponent, CurrencyInputComponent, DEFAULT_ADS_CONFIG, DEFAULT_APP_CONFIG_SERVICE_CONFIG, DEFAULT_AUTH_CONFIG, DEFAULT_BACK_HEADER, DEFAULT_CANCEL_BUTTON, DEFAULT_CONFIRM_BUTTON, DEFAULT_COUNTDOWN_LABELS, DEFAULT_COUNTDOWN_LABELS_EN, DEFAULT_EMPTY_STATE, DEFAULT_EMULATOR_CONFIG, DEFAULT_FEEDBACK_CONFIG, DEFAULT_FEEDBACK_TYPE_OPTIONS, DEFAULT_HOME_HEADER, DEFAULT_INFINITE_LIST_METADATA, DEFAULT_MODAL_CANCEL_BUTTON, DEFAULT_MODAL_CONFIRM_BUTTON, DEFAULT_PAGE_SIZE_OPTIONS, DEFAULT_PLATFORMS, DEFAULT_REFRESHER_METADATA, DEFAULT_SKELETON_CONFIG, DataTableComponent, DateInputComponent, DateRangeInputComponent, DetailSkeletonComponent, DeviceService, DisplayComponent, DividerComponent, DocsApiTableComponent, DocsBreadcrumbComponent, DocsBuilder, 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, GlassComponent, GlowCardComponent, GlowComponent, GridSkeletonComponent, HANDOFF_ROUTE_PARAM, HANDOFF_TOKEN_PARAM, HandoffService, HeaderComponent, HintComponent, HorizontalScrollComponent, HourInputComponent, HrefComponent, I18nService, IMAGE_DEFAULTS, INITIAL_AUTH_STATE, INITIAL_MFA_STATE, Icon, IconComponent, IconService, ImageComponent, ImageCropComponent, ImageService, InAppBrowserService, InfiniteListComponent, InfoComponent, InputI18nHelper, InputType, ItemListComponent, LANG_STORAGE_KEY$1 as LANG_STORAGE_KEY, LEGAL_CONTENT_CONFIG, LOGIN_DEFAULTS, LanguageSelectorComponent, LayeredCardComponent, LegalContentService, LegalLinkService, LinkComponent, LinkProcessorService, LinkedProvidersComponent, LinksAccordionComponent, LinksCakeComponent, ListSkeletonComponent, LoadingDirective, LocalStorageService, LocaleService, LoginComponent, MODAL_SIZES, MOTIF_KEYS, MOTION, MaintenancePageComponent, MarkdownArticleParserService, MenuComponent, MessagingService, MetaService, ModalService, MultiSelectSearchComponent, NavigationService, NewsBuilder, NoContentComponent, NotesBoxComponent, NotificationActionService, NotificationsService, NumberFromToComponent, NumberInputComponent, NumberStepperComponent, OAUTH_PROVIDERS_INFO, OAuthCallbackComponent, OAuthService, OrgSwitchService, OutlineDefault, OutlineDefaultBlock, OutlineDefaultFull, OutlineDefaultRound, OutlineDefaultRoundBlock, OutlineDefaultRoundFull, PATTERN_MOTIFS, PATTERN_PALETTES, PLATFORM_CONFIGS, PageContentComponent, PageLinksComponent, PageTemplateComponent, PageWrapperComponent, PaginationComponent, PaginationService, PasswordInputComponent, PatternComponent, PhoneInputComponent, PillComponent, PinInputComponent, PlainCodeBoxComponent, PopoverSelectorComponent, PreferencesService, 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, RangeInputComponent, RatingComponent, RefresherComponent, RightsFooterComponent, RotatingTextComponent, SHAPE_KEYS, SKELETON_PRESETS, SOLID_KEYS, 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, TRI_KEYS, TabbedContentComponent, TableSkeletonComponent, TabsComponent, Terminal404Component, TestimonialCardComponent, TestimonialCarouselComponent, TextComponent, TextInputComponent, TextareaInputComponent, ThemeOption, ThemeService, TimelineComponent, TitleBlockComponent, TitleComponent, ToastService, ToggleInputComponent, TokenService, ToolbarActionType, ToolbarComponent, TranslatePipe, TypedCollection, UpdateBannerComponent, UserAvatarComponent, 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_LEGAL_CONFIG, VALTECH_SOCIAL_LINKS, VERSION, WizardComponent, WizardFooterComponent, applyDefaultValueToControl, authGuard, authInterceptor, blogPost, buildFooterLinks, buildPath, collections, createFirebaseConfig, createGlowCardProps, createInitialPaginationState, createNumberFromToField, createTitleProps, docs, extractPathParams, generatePatternTiles, generateRandomTile, getAppInfo, getAppVersion, getCollectionPath, getDocumentId, getTimeOfDayKey, goToTop, guestGuard, hasEmulators, isAtEnd, isCollectionPath, isDocumentPath, isEmulatorMode, isValidPath, joinPath, maxLength, mulberry32, news, parseMarkdownArticle, permissionGuard, permissionGuardFromRoute, provideLegalContent, provideValtechAds, provideValtechAppConfig, provideValtechAuth, provideValtechAuthInterceptor, provideValtechFeedback, provideValtechFirebase, provideValtechI18n, provideValtechLegal, provideValtechPresets, provideValtechSkeleton, query, renderPatternSvgInner, replaceSpecialChars, resolveColor, resolveInputDefaultValue, roleGuard, storagePaths, superAdminGuard, toArticle };
+export { ACTION_CARD_DEFAULTS, AD_SIZE_MAP, API_TABLE_COLUMN_LABELS, ARTICLE_SPACING, AVATAR_UPLOAD_DEFAULTS, AccordionComponent, ActionCardComponent, ActionHeaderComponent, ActionType, AdSlotComponent, AdsLoaderService, AdsService, AlertBoxComponent, AnalyticsErrorHandler, AnalyticsRouterTracker, AnalyticsService, AppConfigService, ArticleBuilder, ArticleComponent, AuthBackgroundComponent, AuthService, AuthStateService, AuthStorageService, AuthSyncService, AvatarComponent, AvatarUploadComponent, BOTTOM_NAV_DEFAULTS, BannerComponent, BaseDefault, BlogPostBuilder, BottomNavComponent, BoxComponent, BreadcrumbComponent, ButtonComponent, ButtonGroupComponent, CALLOUT_LABELS, CHEV_KEYS, COMMON_COUNTRY_CODES, COMMON_CURRENCIES, CURRENCY_INFO, CardComponent, CardSection, CardType, CardsCarouselComponent, CheckInputComponent, CheckboxRadioInputComponent, ChipGroupComponent, ClearDefault, ClearDefaultBlock, ClearDefaultFull, ClearDefaultRound, ClearDefaultRoundBlock, ClearDefaultRoundFull, CodeDisplayComponent, CommandDisplayComponent, CommentComponent, CommentInputComponent, CommentSectionComponent, CompanyFooterComponent, ComponentStates, ConfirmationDialogService, ContainerComponent, ContentLoaderComponent, ContentReactionComponent, ContentTransformer, CookieBannerComponent, CountdownComponent, CurrencyInputComponent, DEFAULT_ADS_CONFIG, DEFAULT_APP_CONFIG_SERVICE_CONFIG, DEFAULT_AUTH_CONFIG, DEFAULT_BACK_HEADER, DEFAULT_CANCEL_BUTTON, DEFAULT_CONFIRM_BUTTON, DEFAULT_COUNTDOWN_LABELS, DEFAULT_COUNTDOWN_LABELS_EN, DEFAULT_EMPTY_STATE, DEFAULT_EMULATOR_CONFIG, DEFAULT_FEEDBACK_CONFIG, DEFAULT_FEEDBACK_TYPE_OPTIONS, DEFAULT_HOME_HEADER, DEFAULT_INFINITE_LIST_METADATA, DEFAULT_MODAL_CANCEL_BUTTON, DEFAULT_MODAL_CONFIRM_BUTTON, DEFAULT_PAGE_SIZE_OPTIONS, DEFAULT_PLATFORMS, DEFAULT_REFRESHER_METADATA, DEFAULT_SKELETON_CONFIG, DataTableComponent, DateInputComponent, DateRangeInputComponent, DetailSkeletonComponent, DeviceService, DisplayComponent, DividerComponent, DocsApiTableComponent, DocsBreadcrumbComponent, DocsBuilder, 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, GlassComponent, GlowCardComponent, GlowComponent, GridSkeletonComponent, HANDOFF_ROUTE_PARAM, HANDOFF_TOKEN_PARAM, HandoffService, HeaderComponent, HintComponent, HorizontalScrollComponent, HourInputComponent, HrefComponent, I18nService, IMAGE_DEFAULTS, INITIAL_AUTH_STATE, INITIAL_MFA_STATE, Icon, IconComponent, IconService, ImageComponent, ImageCropComponent, ImageService, InAppBrowserService, InfiniteListComponent, InfoComponent, InputI18nHelper, InputType, ItemListComponent, LANG_STORAGE_KEY$1 as LANG_STORAGE_KEY, LEGAL_CONTENT_CONFIG, LOGIN_DEFAULTS, LanguageSelectorComponent, LayeredCardComponent, LegalContentService, LegalLinkService, LinkComponent, LinkProcessorService, LinkedProvidersComponent, LinksAccordionComponent, LinksCakeComponent, ListSkeletonComponent, LoadingDirective, LocalStorageService, LocaleService, LoginComponent, MODAL_SIZES, MOTIF_KEYS, MOTION, MaintenancePageComponent, MarkdownArticleParserService, MenuComponent, MessagingService, MetaService, ModalService, MultiSelectSearchComponent, NavigationService, NewsBuilder, NoContentComponent, NotesBoxComponent, NotificationActionService, NotificationsService, NumberFromToComponent, NumberInputComponent, NumberStepperComponent, OAUTH_PROVIDERS_INFO, OAuthCallbackComponent, OAuthService, OrgSwitchService, OutlineDefault, OutlineDefaultBlock, OutlineDefaultFull, OutlineDefaultRound, OutlineDefaultRoundBlock, OutlineDefaultRoundFull, PATTERN_MOTIFS, PATTERN_PALETTES, PLATFORM_CONFIGS, PageContentComponent, PageLinksComponent, PageTemplateComponent, PageWrapperComponent, PaginationComponent, PaginationService, PasswordInputComponent, PatternComponent, PhoneInputComponent, PillComponent, PinInputComponent, PlainCodeBoxComponent, PopoverSelectorComponent, PreferencesService, 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, RangeInputComponent, RatingComponent, RefresherComponent, RightsFooterComponent, RotatingTextComponent, SHAPE_KEYS, SKELETON_LAYOUT_DEFAULT_ROWS, SKELETON_PRESETS, SOLID_KEYS, 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, SkeletonLayoutComponent, SkeletonService, SolidBlockButton, SolidDefault, SolidDefaultBlock, SolidDefaultButton, SolidDefaultFull, SolidDefaultRound, SolidDefaultRoundBlock, SolidDefaultRoundButton, SolidDefaultRoundFull, SolidFullButton, SolidLargeButton, SolidLargeRoundButton, SolidSmallButton, SolidSmallRoundButton, StatsCardComponent, StepperComponent, StorageService, SwipeCarouselComponent, TRI_KEYS, TabbedContentComponent, TableSkeletonComponent, TabsComponent, Terminal404Component, TestimonialCardComponent, TestimonialCarouselComponent, TextComponent, TextInputComponent, TextareaInputComponent, ThemeOption, ThemeService, TimelineComponent, TitleBlockComponent, TitleComponent, ToastService, ToggleInputComponent, TokenService, ToolbarActionType, ToolbarComponent, TranslatePipe, TypedCollection, UpdateBannerComponent, UserAvatarComponent, 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_LEGAL_CONFIG, VALTECH_SOCIAL_LINKS, VERSION, WizardComponent, WizardFooterComponent, applyDefaultValueToControl, authGuard, authInterceptor, blogPost, buildFooterLinks, buildPath, collections, createFirebaseConfig, createGlowCardProps, createInitialPaginationState, createNumberFromToField, createTitleProps, docs, extractPathParams, generatePatternTiles, generateRandomTile, getAppInfo, getAppVersion, getCollectionPath, getDocumentId, getTimeOfDayKey, goToTop, guestGuard, hasEmulators, isAtEnd, isCollectionPath, isDocumentPath, isEmulatorMode, isValidPath, joinPath, maxLength, mulberry32, news, parseMarkdownArticle, permissionGuard, permissionGuardFromRoute, provideLegalContent, provideValtechAds, provideValtechAppConfig, provideValtechAuth, provideValtechAuthInterceptor, provideValtechFeedback, provideValtechFirebase, provideValtechI18n, provideValtechLegal, provideValtechPresets, provideValtechSkeleton, query, renderPatternSvgInner, replaceSpecialChars, resolveColor, resolveInputDefaultValue, roleGuard, storagePaths, superAdminGuard, toArticle };
 //# sourceMappingURL=valtech-components.mjs.map