valtech-components 2.0.712 → 2.0.713

package/fesm2022/valtech-components.mjs

@@ -14,7 +14,7 @@ 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';
-import { BehaviorSubject, map, Subject, debounceTime, distinctUntilChanged, switchMap, of, catchError, takeUntil, isObservable, firstValueFrom, Observable, throwError, from, filter as filter$1 } from 'rxjs';
+import { BehaviorSubject, map, Subject, debounceTime, distinctUntilChanged, switchMap, of, catchError, takeUntil, isObservable, firstValueFrom, EMPTY, from, Observable, throwError, filter as filter$1 } from 'rxjs';
 import * as i1$4 from 'ng-otp-input';
 import { NgOtpInputComponent, NgOtpInputModule } from 'ng-otp-input';
 import * as i2 from '@ionic/angular';
@@ -29,7 +29,7 @@ import 'prismjs/components/prism-bash';
 import Swiper from 'swiper';
 import { Navigation, Pagination, EffectFade, EffectCube, EffectCoverflow, EffectFlip, Autoplay } from 'swiper/modules';
 import * as i1$5 from '@angular/fire/firestore';
-import { provideFirestore, getFirestore, connectFirestoreEmulator, enableIndexedDbPersistence, doc, getDoc, collection, query as query$1, getDocs, limit, docData, collectionData, serverTimestamp, addDoc, setDoc, updateDoc, deleteDoc, writeBatch, arrayUnion, arrayRemove, increment, where, orderBy, startAfter, startAt, endBefore, endAt, Timestamp } from '@angular/fire/firestore';
+import { provideFirestore, getFirestore, connectFirestoreEmulator, enableIndexedDbPersistence, doc, getDoc, collection, query as query$1, getDocs, getCountFromServer, limit, docData, collectionData, serverTimestamp, addDoc, setDoc, updateDoc, deleteDoc, writeBatch, arrayUnion, arrayRemove, increment, where, orderBy, startAfter, startAt, endBefore, endAt, Timestamp } from '@angular/fire/firestore';
 import { Analytics, logEvent, setUserId, setUserProperties, provideAnalytics, getAnalytics } from '@angular/fire/analytics';
 import { provideFirebaseApp, initializeApp } from '@angular/fire/app';
 import * as i1$6 from '@angular/fire/auth';
@@ -38,7 +38,7 @@ import { provideMessaging, getMessaging, Messaging, getToken, deleteToken, onMes
 import * as i1$7 from '@angular/fire/storage';
 import { provideStorage, getStorage, connectStorageEmulator, ref, uploadBytesResumable, getDownloadURL, getMetadata, deleteObject, listAll } from '@angular/fire/storage';
 import { takeUntilDestroyed, toSignal } from '@angular/core/rxjs-interop';
-import { filter, map as map$1, catchError as catchError$1, tap, switchMap as switchMap$1, finalize, take, debounceTime as debounceTime$1, takeUntil as takeUntil$1 } from 'rxjs/operators';
+import { filter, switchMap as switchMap$1, catchError as catchError$1, tap, map as map$1, finalize, take, debounceTime as debounceTime$1, takeUntil as takeUntil$1 } from 'rxjs/operators';
 import { ImageCropperComponent } from 'ngx-image-cropper';
 import * as i1$8 from '@angular/common/http';
 import { provideHttpClient, withInterceptors, HttpClient } from '@angular/common/http';
@@ -50,7 +50,7 @@ import 'prismjs/components/prism-json';
  * Current version of valtech-components.
  * This is automatically updated during the publish process.
  */
-const VERSION = '2.0.712';
+const VERSION = '2.0.713';
 
 /**
  * Servicio para gestionar presets de componentes.
@@ -19774,7 +19774,19 @@ class FirestoreService {
         const constraints = this.buildQueryConstraints(options);
         const q = query$1(collectionRef, ...constraints);
         const snapshot = await getDocs(q);
-        return snapshot.docs.map((doc) => this.mapDocument(doc));
+        return snapshot.docs.map(doc => this.mapDocument(doc));
+    }
+    /**
+     * Cuenta documentos usando aggregation query del servidor.
+     * No descarga los documentos — mucho más eficiente para conteos y badges.
+     */
+    async countDocs(collectionPath, options) {
+        const prefixedPath = this.prefixCollectionPath(collectionPath);
+        const collectionRef = collection(this.firestore, prefixedPath);
+        const constraints = this.buildQueryConstraints(options);
+        const q = query$1(collectionRef, ...constraints);
+        const snapshot = await getCountFromServer(q);
+        return snapshot.data().count;
     }
     /**
      * Obtiene documentos con paginación basada en cursores.
@@ -19814,7 +19826,7 @@ class FirestoreService {
         const resultDocs = hasMore ? docs.slice(0, -1) : docs;
         const lastDoc = resultDocs.length > 0 ? resultDocs[resultDocs.length - 1] : null;
         return {
-            data: resultDocs.map((doc) => this.mapDocument(doc)),
+            data: resultDocs.map(doc => this.mapDocument(doc)),
             hasMore,
             lastDoc,
         };
@@ -19856,7 +19868,7 @@ class FirestoreService {
     docChanges(collectionPath, docId) {
         const prefixedPath = this.prefixCollectionPath(collectionPath);
         const docRef = doc(this.firestore, prefixedPath, docId);
-        return docData(docRef, { idField: 'id' }).pipe(map((data) => {
+        return docData(docRef, { idField: 'id' }).pipe(map(data => {
             if (!data)
                 return null;
             return this.convertTimestamps(data);
@@ -19882,7 +19894,7 @@ class FirestoreService {
         const collectionRef = collection(this.firestore, prefixedPath);
         const constraints = this.buildQueryConstraints(options);
         const q = query$1(collectionRef, ...constraints);
-        return collectionData(q, { idField: 'id' }).pipe(map((docs) => docs.map((doc) => this.convertTimestamps(doc))));
+        return collectionData(q, { idField: 'id' }).pipe(map(docs => docs.map(doc => this.convertTimestamps(doc))));
     }
     // ===========================================================================
     // ESCRITURA
@@ -19914,9 +19926,11 @@ class FirestoreService {
             updatedAt: timestamp,
         };
         const docRef = await addDoc(collectionRef, docData);
-        // Obtener el documento creado para retornarlo con timestamps resueltos
-        const snapshot = await getDoc(docRef);
-        return this.mapDocument(snapshot);
+        // Retornar optimísticamente sin segundo round-trip.
+        // serverTimestamp() resuelve en el servidor; usamos Date.now() localmente
+        // para evitar un getDoc() extra. El valor real llega en la próxima lectura.
+        const now = new Date();
+        return { id: docRef.id, ...data, createdAt: now, updatedAt: now };
     }
     /**
      * Crea o sobrescribe un documento con ID específico.
@@ -28369,13 +28383,12 @@ class TypedCollection {
         return results[0] ?? null;
     }
     /**
-     * Cuenta los documentos que coinciden con la query.
-     * Nota: Esto carga todos los documentos, usar con cuidado en colecciones grandes.
+     * Cuenta los documentos que coinciden con la query (server-side aggregation).
+     * No descarga documentos — usa getCountFromServer() de Firestore.
      */
     async count(options) {
         const queryOptions = this.applyDefaultFilters(options);
-        const results = await this.firestore.getDocs(this.collectionPath, queryOptions);
-        return results.length;
+        return this.firestore.countDocs(this.collectionPath, queryOptions);
     }
     /**
      * Obtiene todos los documentos (one-time fetch sin listener).
@@ -29948,6 +29961,7 @@ class NotificationsService {
         this.collectionFactory = collectionFactory;
         this.collection = null;
         this.currentUserId = null;
+        this.collectionReady$ = new BehaviorSubject(null);
         // Inyección opcional - AuthService puede no estar configurado
         this.authService = null;
         // Intentar obtener AuthService de forma lazy (puede no estar configurado)
@@ -30003,6 +30017,7 @@ class NotificationsService {
         this.collection = this.collectionFactory.create(basePath, {
             timestamps: true,
         });
+        this.collectionReady$.next(this.collection);
         console.log('[Notifications] Initialized with path:', basePath);
     }
     /**
@@ -30027,12 +30042,14 @@ class NotificationsService {
      * @param limit - Máximo de notificaciones a cargar (default: 50)
      */
     getAll(limit = DEFAULT_LIMIT) {
-        if (!this.collection)
-            return of([]);
-        return this.collection.watchAll({
-            orderBy: [{ field: 'createdAt', direction: 'desc' }],
-            limit,
-        });
+        return this.collectionReady$.pipe(switchMap$1(collection => {
+            if (!collection)
+                return EMPTY;
+            return collection.watchAll({
+                orderBy: [{ field: 'createdAt', direction: 'desc' }],
+                limit,
+            });
+        }));
     }
     /**
      * Obtiene notificaciones (one-time fetch sin listener).
@@ -30063,17 +30080,17 @@ class NotificationsService {
         });
     }
     /**
-     * Cuenta notificaciones no leídas (real-time, filtrado server-side).
-     * Útil para badges en UI.
+     * Cuenta notificaciones no leídas usando server-side aggregation query.
+     * No descarga documentos — eficiente para badges en UI.
      */
     getUnreadCount() {
-        if (!this.collection)
-            return of(0);
-        return this.collection
-            .watchAll({
-            where: [{ field: 'isRead', operator: '==', value: false }],
-        })
-            .pipe(map$1(n => n.length));
+        return this.collectionReady$.pipe(switchMap$1(collection => {
+            if (!collection)
+                return of(0);
+            return from(collection.count({
+                where: [{ field: 'isRead', operator: '==', value: false }],
+            }));
+        }));
     }
     /**
      * Obtiene una notificación por ID.
@@ -30131,6 +30148,7 @@ class NotificationsService {
     reset() {
         this.collection = null;
         this.currentUserId = null;
+        this.collectionReady$.next(null);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: NotificationsService, deps: [{ token: i0.Injector }, { token: FirestoreCollectionFactory, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: NotificationsService, providedIn: 'root' }); }
@@ -38479,6 +38497,1167 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 type: Input
             }] } });
 
+/**
+ * Content Transformer
+ *
+ * Transforms ContentDocument instances into ArticleMetadata
+ * for rendering with the val-article component.
+ */
+/**
+ * Maps callout variants to Ionic colors
+ */
+const CALLOUT_COLOR_MAP = {
+    info: 'primary',
+    warning: 'warning',
+    success: 'success',
+    error: 'danger',
+};
+/**
+ * Maps callout variants to prefix text
+ */
+const CALLOUT_PREFIX_MAP = {
+    info: 'Info:',
+    warning: 'Aviso:',
+    success: 'Listo:',
+    error: 'Error:',
+};
+/**
+ * ContentTransformer converts ContentDocument objects into ArticleMetadata
+ * that can be rendered by the val-article component.
+ *
+ * @example
+ * ```typescript
+ * const doc: BlogPost = { ... };
+ * const article = ContentTransformer.toArticle(doc);
+ * // Use article with <val-article [props]="article">
+ * ```
+ */
+class ContentTransformer {
+    /**
+     * Transforms a ContentDocument into ArticleMetadata
+     *
+     * @param doc - The content document to transform
+     * @returns ArticleMetadata ready for val-article component
+     */
+    static toArticle(doc) {
+        const builder = new ArticleBuilder();
+        // Add header based on document type and meta
+        this.addHeader(builder, doc);
+        // Transform each content block
+        for (const block of doc.content) {
+            this.addBlock(builder, block);
+        }
+        // Add footer based on document type
+        this.addFooter(builder, doc);
+        return builder.build({
+            theme: doc.config?.theme ?? 'auto',
+            maxWidth: doc.config?.maxWidth ?? '800px',
+            centered: doc.config?.centered ?? true,
+        });
+    }
+    /**
+     * Adds header elements based on document type and metadata
+     */
+    static addHeader(builder, doc) {
+        // Add author/date info if showMeta is enabled
+        if (doc.config?.showMeta && doc.meta.author) {
+            this.addAuthorBlock(builder, doc.meta.author, doc.meta.publishedAt);
+            builder.separator('space', { spacing: { top: 'small', bottom: 'medium' } });
+        }
+    }
+    /**
+     * Adds footer elements based on document type
+     */
+    static addFooter(builder, doc) {
+        // Add tags if present
+        if (doc.meta.tags && doc.meta.tags.length > 0) {
+            builder.separator('line', { spacing: { top: 'large', bottom: 'medium' } });
+            builder.paragraph({
+                content: `Tags: ${doc.meta.tags.join(', ')}`,
+                size: 'small',
+                color: 'medium',
+                bold: false,
+            });
+        }
+    }
+    /**
+     * Adds author information block
+     */
+    static addAuthorBlock(builder, author, publishedAt) {
+        let authorText = author.name;
+        if (author.role) {
+            authorText += ` - ${author.role}`;
+        }
+        if (publishedAt) {
+            const date = typeof publishedAt === 'string' ? new Date(publishedAt) : publishedAt;
+            authorText += ` | ${date.toLocaleDateString()}`;
+        }
+        builder.paragraph({
+            content: authorText,
+            size: 'small',
+            color: 'medium',
+            bold: false,
+        });
+    }
+    /**
+     * Transforms a single content block and adds it to the builder
+     */
+    static addBlock(builder, block) {
+        switch (block.type) {
+            case 'heading':
+                this.addHeading(builder, block);
+                break;
+            case 'paragraph':
+                this.addParagraph(builder, block);
+                break;
+            case 'quote':
+                this.addQuote(builder, block);
+                break;
+            case 'code':
+                this.addCode(builder, block);
+                break;
+            case 'list':
+                this.addList(builder, block);
+                break;
+            case 'image':
+                this.addImage(builder, block);
+                break;
+            case 'callout':
+                this.addCallout(builder, block);
+                break;
+            case 'divider':
+                this.addDivider(builder, block);
+                break;
+            case 'button':
+                this.addButton(builder, block);
+                break;
+            case 'command':
+                this.addCommand(builder, block);
+                break;
+        }
+    }
+    /**
+     * Adds a heading block
+     */
+    static addHeading(builder, block) {
+        if (block.level === 1) {
+            builder.title({
+                content: block.text,
+                size: 'large',
+                color: 'dark',
+                bold: true,
+            });
+        }
+        else {
+            builder.subtitle({
+                content: block.text,
+                size: block.level === 2 ? 'medium' : 'small',
+                color: 'dark',
+                bold: true,
+            });
+        }
+    }
+    /**
+     * Adds a paragraph block
+     */
+    static addParagraph(builder, block) {
+        builder.paragraph({
+            content: block.text,
+            size: 'medium',
+            color: 'dark',
+            bold: block.emphasis ?? false,
+        });
+    }
+    /**
+     * Adds a quote block
+     */
+    static addQuote(builder, block) {
+        builder.quote({
+            content: block.text,
+            size: 'medium',
+            color: 'dark',
+            bold: false,
+            author: block.author,
+            source: block.source,
+        });
+    }
+    /**
+     * Adds a code block
+     */
+    static addCode(builder, block) {
+        builder.code(block.code, block.language);
+    }
+    /**
+     * Adds a list block
+     */
+    static addList(builder, block) {
+        const items = block.items.map((text) => ({ text }));
+        const listType = block.checklist ? 'checklist' : block.ordered ? 'ordered' : 'unordered';
+        builder.list(items, listType);
+    }
+    /**
+     * Adds an image block
+     */
+    static addImage(builder, block) {
+        builder.image(block.src, block.alt, block.caption, {
+        // Note: alignment is handled differently in ArticleBuilder
+        });
+    }
+    /**
+     * Adds a callout/note block
+     */
+    static addCallout(builder, block) {
+        const color = CALLOUT_COLOR_MAP[block.variant] ?? 'primary';
+        const prefix = block.title ?? CALLOUT_PREFIX_MAP[block.variant] ?? 'Nota:';
+        builder.note(block.text, prefix, color);
+    }
+    /**
+     * Adds a divider/separator block
+     */
+    static addDivider(builder, block) {
+        builder.separator(block.style ?? 'line');
+    }
+    /**
+     * Adds a button block
+     */
+    static addButton(builder, block) {
+        const colorMap = {
+            primary: 'primary',
+            secondary: 'secondary',
+            success: 'success',
+            warning: 'warning',
+            danger: 'danger',
+        };
+        builder.button({
+            text: block.text,
+            color: colorMap[block.color ?? 'primary'] ?? 'primary',
+            fill: 'solid',
+            type: 'button',
+            state: ComponentStates.ENABLED,
+            href: block.href,
+            token: block.action,
+        }, block.alignment ?? 'center');
+    }
+    /**
+     * Adds a command/terminal block
+     */
+    static addCommand(builder, block) {
+        builder.command(block.command);
+    }
+}
+/**
+ * Convenience function to transform a ContentDocument to ArticleMetadata
+ *
+ * @param doc - The content document to transform
+ * @returns ArticleMetadata ready for val-article component
+ *
+ * @example
+ * ```typescript
+ * const article = toArticle(myBlogPost);
+ * ```
+ */
+function toArticle(doc) {
+    return ContentTransformer.toArticle(doc);
+}
+
+/**
+ * Blog Post Content Type
+ *
+ * Represents a blog post with title, excerpt, cover image,
+ * and structured content blocks.
+ */
+/**
+ * Calculates estimated reading time based on word count
+ * @param content - Array of content blocks
+ * @returns Estimated minutes to read
+ */
+function calculateReadingTime$1(content) {
+    const wordsPerMinute = 200;
+    let wordCount = 0;
+    for (const block of content) {
+        if ('text' in block && typeof block.text === 'string') {
+            wordCount += block.text.split(/\s+/).length;
+        }
+        if (block.type === 'list') {
+            wordCount += block.items.join(' ').split(/\s+/).length;
+        }
+        if (block.type === 'code') {
+            wordCount += block.code.split(/\s+/).length * 0.5; // Code reads faster
+        }
+    }
+    return Math.max(1, Math.ceil(wordCount / wordsPerMinute));
+}
+/**
+ * BlogPostBuilder provides a fluent API for creating blog posts.
+ *
+ * @example
+ * ```typescript
+ * const post = new BlogPostBuilder()
+ *   .title('My First Post')
+ *   .excerpt('A brief introduction...')
+ *   .author('John Doe', '/avatars/john.jpg')
+ *   .coverImage('/images/post-cover.jpg')
+ *   .heading('Introduction')
+ *   .paragraph('Welcome to my blog...')
+ *   .build();
+ *
+ * // Convert to ArticleMetadata
+ * const article = post.toArticle();
+ * ```
+ */
+class BlogPostBuilder {
+    constructor() {
+        this.post = {
+            type: 'blog',
+            content: [],
+            meta: {},
+            config: { showMeta: true },
+        };
+    }
+    /**
+     * Sets the blog post title
+     */
+    title(title) {
+        this.post.title = title;
+        return this;
+    }
+    /**
+     * Sets the blog post excerpt
+     */
+    excerpt(excerpt) {
+        this.post.excerpt = excerpt;
+        return this;
+    }
+    /**
+     * Sets the cover image URL
+     */
+    coverImage(url) {
+        this.post.coverImage = url;
+        return this;
+    }
+    /**
+     * Marks the post as featured
+     */
+    featured(value = true) {
+        this.post.featured = value;
+        return this;
+    }
+    /**
+     * Sets the post author
+     */
+    author(name, avatar, role) {
+        this.post.meta = {
+            ...this.post.meta,
+            author: { name, avatar, role },
+        };
+        return this;
+    }
+    /**
+     * Sets the publication date
+     */
+    publishedAt(date) {
+        this.post.meta = {
+            ...this.post.meta,
+            publishedAt: date,
+        };
+        return this;
+    }
+    /**
+     * Sets tags for the post
+     */
+    tags(...tags) {
+        this.post.meta = {
+            ...this.post.meta,
+            tags,
+        };
+        return this;
+    }
+    /**
+     * Sets the category
+     */
+    category(category) {
+        this.post.meta = {
+            ...this.post.meta,
+            category,
+        };
+        return this;
+    }
+    /**
+     * Sets the slug
+     */
+    slug(slug) {
+        this.post.meta = {
+            ...this.post.meta,
+            slug,
+        };
+        return this;
+    }
+    /**
+     * Sets the ID
+     */
+    id(id) {
+        this.post.meta = {
+            ...this.post.meta,
+            id,
+        };
+        return this;
+    }
+    // Content block methods
+    /**
+     * Adds a heading block
+     */
+    heading(text, level = 2) {
+        this.post.content.push({ type: 'heading', level, text });
+        return this;
+    }
+    /**
+     * Adds a paragraph block
+     */
+    paragraph(text, emphasis) {
+        this.post.content.push({ type: 'paragraph', text, emphasis });
+        return this;
+    }
+    /**
+     * Adds a quote block
+     */
+    quote(text, author, source) {
+        this.post.content.push({ type: 'quote', text, author, source });
+        return this;
+    }
+    /**
+     * Adds a code block
+     */
+    code(code, language) {
+        this.post.content.push({ type: 'code', code, language });
+        return this;
+    }
+    /**
+     * Adds an unordered list
+     */
+    list(items) {
+        this.post.content.push({ type: 'list', items });
+        return this;
+    }
+    /**
+     * Adds an ordered/numbered list
+     */
+    orderedList(items) {
+        this.post.content.push({ type: 'list', items, ordered: true });
+        return this;
+    }
+    /**
+     * Adds a checklist
+     */
+    checklist(items) {
+        this.post.content.push({ type: 'list', items, checklist: true });
+        return this;
+    }
+    /**
+     * Adds an image block
+     */
+    image(src, alt, caption) {
+        this.post.content.push({ type: 'image', src, alt, caption });
+        return this;
+    }
+    /**
+     * Adds a callout/note block
+     */
+    callout(text, variant = 'info', title) {
+        this.post.content.push({ type: 'callout', text, variant, title });
+        return this;
+    }
+    /**
+     * Adds a divider
+     */
+    divider(style) {
+        this.post.content.push({ type: 'divider', style });
+        return this;
+    }
+    /**
+     * Adds a button/CTA
+     */
+    button(text, href, color) {
+        this.post.content.push({ type: 'button', text, href, color });
+        return this;
+    }
+    /**
+     * Configures rendering options
+     */
+    config(config) {
+        this.post.config = { ...this.post.config, ...config };
+        return this;
+    }
+    /**
+     * Builds the final BlogPost object
+     */
+    build() {
+        const content = this.post.content || [];
+        // Auto-calculate reading time if not set
+        if (!this.post.readingTime) {
+            this.post.readingTime = calculateReadingTime$1(content);
+        }
+        return {
+            type: 'blog',
+            title: this.post.title || 'Untitled Post',
+            excerpt: this.post.excerpt || '',
+            coverImage: this.post.coverImage,
+            readingTime: this.post.readingTime,
+            featured: this.post.featured,
+            meta: this.post.meta,
+            content,
+            config: this.post.config,
+        };
+    }
+    /**
+     * Builds and converts to ArticleMetadata
+     */
+    toArticle() {
+        return ContentTransformer.toArticle(this.build());
+    }
+    /**
+     * Resets the builder for reuse
+     */
+    clear() {
+        this.post = {
+            type: 'blog',
+            content: [],
+            meta: {},
+            config: { showMeta: true },
+        };
+        return this;
+    }
+}
+/**
+ * Creates a new BlogPostBuilder instance
+ */
+function blogPost() {
+    return new BlogPostBuilder();
+}
+
+/**
+ * Documentation Content Type
+ *
+ * Represents technical documentation with navigation,
+ * sections, and structured content blocks.
+ */
+/**
+ * Generates a URL-friendly ID from text
+ */
+function slugify(text) {
+    return text
+        .toLowerCase()
+        .replace(/[^\w\s-]/g, '')
+        .replace(/\s+/g, '-')
+        .trim();
+}
+/**
+ * Extracts table of contents from content blocks
+ */
+function extractToc(content) {
+    const toc = [];
+    for (const block of content) {
+        if (block.type === 'heading') {
+            toc.push({
+                text: block.text,
+                level: block.level,
+                id: slugify(block.text),
+            });
+        }
+    }
+    return toc;
+}
+/**
+ * DocsBuilder provides a fluent API for creating documentation pages.
+ *
+ * @example
+ * ```typescript
+ * const docs = new DocsBuilder()
+ *   .title('Installation Guide')
+ *   .section('Getting Started')
+ *   .version('1.0.0')
+ *   .heading('Prerequisites', 1)
+ *   .paragraph('Before you begin, ensure you have...')
+ *   .callout('Node.js 18+ is required', 'warning')
+ *   .heading('Installation', 1)
+ *   .code('npm install valtech-components', 'bash')
+ *   .prevPage('Introduction', '/docs/intro')
+ *   .nextPage('Configuration', '/docs/config')
+ *   .build();
+ *
+ * // Convert to ArticleMetadata
+ * const article = docs.toArticle();
+ * ```
+ */
+class DocsBuilder {
+    constructor() {
+        this.doc = {
+            type: 'docs',
+            content: [],
+            meta: {},
+            config: { showMeta: false, showTableOfContents: true },
+        };
+    }
+    /**
+     * Sets the documentation page title
+     */
+    title(title) {
+        this.doc.title = title;
+        return this;
+    }
+    /**
+     * Sets the section name
+     */
+    section(section) {
+        this.doc.section = section;
+        return this;
+    }
+    /**
+     * Sets the documentation version
+     */
+    version(version) {
+        this.doc.version = version;
+        return this;
+    }
+    /**
+     * Sets the previous page navigation
+     */
+    prevPage(title, slug) {
+        this.doc.prevPage = { title, slug };
+        return this;
+    }
+    /**
+     * Sets the next page navigation
+     */
+    nextPage(title, slug) {
+        this.doc.nextPage = { title, slug };
+        return this;
+    }
+    /**
+     * Sets the slug for the page
+     */
+    slug(slug) {
+        this.doc.meta = {
+            ...this.doc.meta,
+            slug,
+        };
+        return this;
+    }
+    /**
+     * Sets the ID for the page
+     */
+    id(id) {
+        this.doc.meta = {
+            ...this.doc.meta,
+            id,
+        };
+        return this;
+    }
+    /**
+     * Sets tags for the documentation page
+     */
+    tags(...tags) {
+        this.doc.meta = {
+            ...this.doc.meta,
+            tags,
+        };
+        return this;
+    }
+    /**
+     * Sets the category
+     */
+    category(category) {
+        this.doc.meta = {
+            ...this.doc.meta,
+            category,
+        };
+        return this;
+    }
+    // Content block methods
+    /**
+     * Adds a heading block
+     */
+    heading(text, level = 2) {
+        this.doc.content.push({ type: 'heading', level, text });
+        return this;
+    }
+    /**
+     * Adds a paragraph block
+     */
+    paragraph(text, emphasis) {
+        this.doc.content.push({ type: 'paragraph', text, emphasis });
+        return this;
+    }
+    /**
+     * Adds a code block
+     */
+    code(code, language) {
+        this.doc.content.push({ type: 'code', code, language });
+        return this;
+    }
+    /**
+     * Adds a command/terminal block
+     */
+    command(command) {
+        this.doc.content.push({ type: 'command', command });
+        return this;
+    }
+    /**
+     * Adds a callout/note block
+     */
+    callout(text, variant = 'info', title) {
+        this.doc.content.push({ type: 'callout', text, variant, title });
+        return this;
+    }
+    /**
+     * Adds an info callout (alias for callout with info variant)
+     */
+    info(text, title) {
+        return this.callout(text, 'info', title);
+    }
+    /**
+     * Adds a warning callout
+     */
+    warning(text, title) {
+        return this.callout(text, 'warning', title);
+    }
+    /**
+     * Adds an error callout
+     */
+    error(text, title) {
+        return this.callout(text, 'error', title);
+    }
+    /**
+     * Adds a success callout
+     */
+    success(text, title) {
+        return this.callout(text, 'success', title);
+    }
+    /**
+     * Adds an unordered list
+     */
+    list(items) {
+        this.doc.content.push({ type: 'list', items });
+        return this;
+    }
+    /**
+     * Adds an ordered/numbered list
+     */
+    orderedList(items) {
+        this.doc.content.push({ type: 'list', items, ordered: true });
+        return this;
+    }
+    /**
+     * Adds a checklist
+     */
+    checklist(items) {
+        this.doc.content.push({ type: 'list', items, checklist: true });
+        return this;
+    }
+    /**
+     * Adds an image block
+     */
+    image(src, alt, caption) {
+        this.doc.content.push({ type: 'image', src, alt, caption });
+        return this;
+    }
+    /**
+     * Adds a quote block
+     */
+    quote(text, author, source) {
+        this.doc.content.push({ type: 'quote', text, author, source });
+        return this;
+    }
+    /**
+     * Adds a divider
+     */
+    divider(style) {
+        this.doc.content.push({ type: 'divider', style });
+        return this;
+    }
+    /**
+     * Adds a button/CTA
+     */
+    button(text, href, color) {
+        this.doc.content.push({ type: 'button', text, href, color });
+        return this;
+    }
+    /**
+     * Configures rendering options
+     */
+    config(config) {
+        this.doc.config = { ...this.doc.config, ...config };
+        return this;
+    }
+    /**
+     * Builds the final Documentation object
+     */
+    build() {
+        const content = this.doc.content || [];
+        // Auto-generate TOC if not provided and showTableOfContents is enabled
+        if (!this.doc.toc && this.doc.config?.showTableOfContents) {
+            this.doc.toc = extractToc(content);
+        }
+        return {
+            type: 'docs',
+            title: this.doc.title || 'Untitled Documentation',
+            section: this.doc.section,
+            version: this.doc.version,
+            prevPage: this.doc.prevPage,
+            nextPage: this.doc.nextPage,
+            toc: this.doc.toc,
+            meta: this.doc.meta,
+            content,
+            config: this.doc.config,
+        };
+    }
+    /**
+     * Builds and converts to ArticleMetadata
+     */
+    toArticle() {
+        return ContentTransformer.toArticle(this.build());
+    }
+    /**
+     * Resets the builder for reuse
+     */
+    clear() {
+        this.doc = {
+            type: 'docs',
+            content: [],
+            meta: {},
+            config: { showMeta: false, showTableOfContents: true },
+        };
+        return this;
+    }
+}
+/**
+ * Creates a new DocsBuilder instance
+ */
+function docs() {
+    return new DocsBuilder();
+}
+
+/**
+ * News Article Content Type
+ *
+ * Represents a news article or announcement with headline,
+ * summary, featured image, and structured content blocks.
+ */
+/**
+ * Calculates estimated reading time based on word count
+ * @param content - Array of content blocks
+ * @returns Estimated minutes to read
+ */
+function calculateReadingTime(content) {
+    const wordsPerMinute = 200;
+    let wordCount = 0;
+    for (const block of content) {
+        if ('text' in block && typeof block.text === 'string') {
+            wordCount += block.text.split(/\s+/).length;
+        }
+        if (block.type === 'list') {
+            wordCount += block.items.join(' ').split(/\s+/).length;
+        }
+    }
+    return Math.max(1, Math.ceil(wordCount / wordsPerMinute));
+}
+/**
+ * NewsBuilder provides a fluent API for creating news articles.
+ *
+ * @example
+ * ```typescript
+ * const news = new NewsBuilder()
+ *   .headline('New Product Launch Announced')
+ *   .summary('Company reveals groundbreaking new product...')
+ *   .author('Jane Smith', '/avatars/jane.jpg', 'Technology Reporter')
+ *   .publishedAt(new Date())
+ *   .breaking()
+ *   .featuredImage('/images/product-launch.jpg')
+ *   .paragraph('In a surprise announcement today...')
+ *   .quote('This is our most innovative product yet', 'CEO John Doe')
+ *   .build();
+ *
+ * // Convert to ArticleMetadata
+ * const article = news.toArticle();
+ * ```
+ */
+class NewsBuilder {
+    constructor() {
+        this.article = {
+            type: 'news',
+            content: [],
+            meta: {},
+            config: { showMeta: true },
+        };
+    }
+    /**
+     * Sets the news headline
+     */
+    headline(headline) {
+        this.article.headline = headline;
+        return this;
+    }
+    /**
+     * Sets the news summary
+     */
+    summary(summary) {
+        this.article.summary = summary;
+        return this;
+    }
+    /**
+     * Sets the featured image URL
+     */
+    featuredImage(url) {
+        this.article.featuredImage = url;
+        return this;
+    }
+    /**
+     * Marks the article as breaking news
+     */
+    breaking(value = true) {
+        this.article.breaking = value;
+        return this;
+    }
+    /**
+     * Sets the news source/outlet
+     */
+    source(source) {
+        this.article.source = source;
+        return this;
+    }
+    /**
+     * Sets the article author
+     */
+    author(name, avatar, role) {
+        this.article.meta = {
+            ...this.article.meta,
+            author: { name, avatar, role },
+        };
+        return this;
+    }
+    /**
+     * Sets the publication date
+     */
+    publishedAt(date) {
+        this.article.meta = {
+            ...this.article.meta,
+            publishedAt: date,
+        };
+        return this;
+    }
+    /**
+     * Sets tags for the article
+     */
+    tags(...tags) {
+        this.article.meta = {
+            ...this.article.meta,
+            tags,
+        };
+        return this;
+    }
+    /**
+     * Sets the category
+     */
+    category(category) {
+        this.article.meta = {
+            ...this.article.meta,
+            category,
+        };
+        return this;
+    }
+    /**
+     * Sets the slug
+     */
+    slug(slug) {
+        this.article.meta = {
+            ...this.article.meta,
+            slug,
+        };
+        return this;
+    }
+    /**
+     * Sets the ID
+     */
+    id(id) {
+        this.article.meta = {
+            ...this.article.meta,
+            id,
+        };
+        return this;
+    }
+    /**
+     * Adds related articles
+     */
+    relatedArticles(articles) {
+        this.article.relatedArticles = articles;
+        return this;
+    }
+    // Content block methods
+    /**
+     * Adds a heading block
+     */
+    heading(text, level = 2) {
+        this.article.content.push({ type: 'heading', level, text });
+        return this;
+    }
+    /**
+     * Adds a paragraph block
+     */
+    paragraph(text, emphasis) {
+        this.article.content.push({ type: 'paragraph', text, emphasis });
+        return this;
+    }
+    /**
+     * Adds a quote block
+     */
+    quote(text, author, source) {
+        this.article.content.push({ type: 'quote', text, author, source });
+        return this;
+    }
+    /**
+     * Adds an image block
+     */
+    image(src, alt, caption) {
+        this.article.content.push({ type: 'image', src, alt, caption });
+        return this;
+    }
+    /**
+     * Adds an unordered list
+     */
+    list(items) {
+        this.article.content.push({ type: 'list', items });
+        return this;
+    }
+    /**
+     * Adds an ordered/numbered list
+     */
+    orderedList(items) {
+        this.article.content.push({ type: 'list', items, ordered: true });
+        return this;
+    }
+    /**
+     * Adds a callout/note block
+     */
+    callout(text, variant = 'info', title) {
+        this.article.content.push({ type: 'callout', text, variant, title });
+        return this;
+    }
+    /**
+     * Adds a divider
+     */
+    divider(style) {
+        this.article.content.push({ type: 'divider', style });
+        return this;
+    }
+    /**
+     * Adds a button/CTA
+     */
+    button(text, href, color) {
+        this.article.content.push({ type: 'button', text, href, color });
+        return this;
+    }
+    /**
+     * Configures rendering options
+     */
+    config(config) {
+        this.article.config = { ...this.article.config, ...config };
+        return this;
+    }
+    /**
+     * Builds the final NewsArticle object
+     */
+    build() {
+        const content = this.article.content || [];
+        return {
+            type: 'news',
+            headline: this.article.headline || 'Untitled News',
+            summary: this.article.summary || '',
+            featuredImage: this.article.featuredImage,
+            breaking: this.article.breaking,
+            source: this.article.source,
+            relatedArticles: this.article.relatedArticles,
+            meta: this.article.meta,
+            content,
+            config: this.article.config,
+        };
+    }
+    /**
+     * Builds and converts to ArticleMetadata
+     */
+    toArticle() {
+        return ContentTransformer.toArticle(this.build());
+    }
+    /**
+     * Gets the estimated reading time in minutes
+     */
+    getReadingTime() {
+        return calculateReadingTime(this.article.content || []);
+    }
+    /**
+     * Resets the builder for reuse
+     */
+    clear() {
+        this.article = {
+            type: 'news',
+            content: [],
+            meta: {},
+            config: { showMeta: true },
+        };
+        return this;
+    }
+}
+/**
+ * Creates a new NewsBuilder instance
+ */
+function news() {
+    return new NewsBuilder();
+}
+
+/**
+ * Content Types Module
+ *
+ * Provides a flexible content abstraction layer that transforms
+ * structured content documents into ArticleMetadata for rendering
+ * with the val-article component.
+ *
+ * @example
+ * ```typescript
+ * // Using BlogPostBuilder
+ * import { blogPost } from 'valtech-components';
+ *
+ * const post = blogPost()
+ *   .title('My First Post')
+ *   .author('John Doe')
+ *   .heading('Introduction')
+ *   .paragraph('Welcome to my blog...')
+ *   .toArticle();
+ *
+ * // Using DocsBuilder
+ * import { docs } from 'valtech-components';
+ *
+ * const page = docs()
+ *   .title('Installation')
+ *   .section('Getting Started')
+ *   .code('npm install valtech-components', 'bash')
+ *   .toArticle();
+ *
+ * // Using NewsBuilder
+ * import { news } from 'valtech-components';
+ *
+ * const article = news()
+ *   .headline('Breaking News')
+ *   .summary('Important announcement...')
+ *   .breaking()
+ *   .toArticle();
+ *
+ * // From JSON/API response
+ * import { ContentTransformer, BlogPost } from 'valtech-components';
+ *
+ * const json: BlogPost = await fetch('/api/posts/1').then(r => r.json());
+ * const article = ContentTransformer.toArticle(json);
+ * ```
+ */
+// Transformer
+
 /**
  * Token de inyección para la configuración de Feedback.
  */
@@ -42191,5 +43370,5 @@ function buildFooterLinks(links, t) {
  * Generated bundle index. Do not edit.
  */
 
-export { ACTION_CARD_DEFAULTS, AD_SIZE_MAP, API_TABLE_COLUMN_LABELS, ARTICLE_SPACING, AVATAR_UPLOAD_DEFAULTS, AccordionComponent, ActionCardComponent, ActionHeaderComponent, ActionType, AdSlotComponent, AdsLoaderService, AdsService, AlertBoxComponent, AnalyticsErrorHandler, AnalyticsRouterTracker, AnalyticsService, AppConfigService, ArticleBuilder, ArticleComponent, AuthBackgroundComponent, AuthService, AuthStateService, AuthStorageService, AuthSyncService, AvatarComponent, AvatarUploadComponent, BOTTOM_NAV_DEFAULTS, BannerComponent, BaseDefault, BottomNavComponent, BoxComponent, BreadcrumbComponent, ButtonComponent, ButtonGroupComponent, COMMON_COUNTRY_CODES, COMMON_CURRENCIES, CURRENCY_INFO, CardComponent, CardSection, CardType, CardsCarouselComponent, CheckInputComponent, CheckboxRadioInputComponent, ChipGroupComponent, ClearDefault, ClearDefaultBlock, ClearDefaultFull, ClearDefaultRound, ClearDefaultRoundBlock, ClearDefaultRoundFull, CodeDisplayComponent, CommandDisplayComponent, CommentComponent, CommentInputComponent, CommentSectionComponent, CompanyFooterComponent, ComponentStates, ConfirmationDialogService, ContentLoaderComponent, ContentReactionComponent, CountdownComponent, CurrencyInputComponent, DEFAULT_ADS_CONFIG, DEFAULT_APP_CONFIG_SERVICE_CONFIG, DEFAULT_AUTH_CONFIG, DEFAULT_BACK_HEADER, DEFAULT_CANCEL_BUTTON, DEFAULT_CONFIRM_BUTTON, DEFAULT_COUNTDOWN_LABELS, DEFAULT_COUNTDOWN_LABELS_EN, DEFAULT_EMPTY_STATE, DEFAULT_EMULATOR_CONFIG, DEFAULT_FEEDBACK_CONFIG, DEFAULT_FEEDBACK_TYPE_OPTIONS, DEFAULT_HOME_HEADER, DEFAULT_INFINITE_LIST_METADATA, DEFAULT_LEGEND_LABELS, DEFAULT_MODAL_CANCEL_BUTTON, DEFAULT_MODAL_CONFIRM_BUTTON, DEFAULT_PAGE_SIZE_OPTIONS, DEFAULT_PAYMENT_STATUS_COLORS, DEFAULT_PAYMENT_STATUS_LABELS, DEFAULT_PLATFORMS, DEFAULT_REFRESHER_METADATA, DEFAULT_SKELETON_CONFIG, DEFAULT_STATUS_COLORS, DEFAULT_STATUS_LABELS, DEFAULT_WINNER_LABELS, DataTableComponent, DateInputComponent, DateRangeInputComponent, DetailSkeletonComponent, DeviceService, DisplayComponent, DividerComponent, DocsApiTableComponent, DocsBreadcrumbComponent, DocsCalloutComponent, DocsCodeExampleComponent, DocsLayoutComponent, DocsNavLinksComponent, DocsNavigationService, DocsPageComponent, DocsSearchComponent, DocsSectionComponent, DocsShellComponent, DocsSidebarComponent, DocsTocComponent, DownloadService, EmailInputComponent, ExpandableTextComponent, FEATURES_LIST_DEFAULTS, FabComponent, FeaturesListComponent, FeedbackFormComponent, FeedbackService, FileInputComponent, FirebaseService, FirestoreCollectionFactory, FirestoreService, FooterComponent, FooterLinksComponent, FormComponent, FormFooterComponent, FormSkeletonComponent, FunHeaderComponent, GlowCardComponent, GridSkeletonComponent, HeaderComponent, HintComponent, HorizontalScrollComponent, HourInputComponent, HrefComponent, I18nService, IMAGE_DEFAULTS, INITIAL_AUTH_STATE, INITIAL_MFA_STATE, Icon, IconComponent, IconService, ImageComponent, ImageCropComponent, ImageService, InAppBrowserService, InfiniteListComponent, InfoComponent, InputI18nHelper, InputType, ItemListComponent, LANG_STORAGE_KEY$1 as LANG_STORAGE_KEY, LOGIN_DEFAULTS, LanguageSelectorComponent, LayeredCardComponent, LayoutComponent, LinkComponent, LinkProcessorService, LinkedProvidersComponent, LinksAccordionComponent, LinksCakeComponent, ListSkeletonComponent, LoadingDirective, LocalStorageService, LocaleService, LoginComponent, MODAL_SIZES, MOTION, MaintenancePageComponent, MenuComponent, MessagingService, MetaService, ModalService, MultiSelectSearchComponent, NavigationService, NoContentComponent, NotesBoxComponent, NotificationsService, NumberFromToComponent, NumberInputComponent, NumberStepperComponent, OAUTH_PROVIDERS_INFO, OAuthCallbackComponent, OAuthService, OutlineDefault, OutlineDefaultBlock, OutlineDefaultFull, OutlineDefaultRound, OutlineDefaultRoundBlock, OutlineDefaultRoundFull, PLATFORM_CONFIGS, PageContentComponent, PageTemplateComponent, PageWrapperComponent, PaginationComponent, PaginationService, ParticipantCardComponent, PasswordInputComponent, PhoneInputComponent, PillComponent, PinInputComponent, PlainCodeBoxComponent, PopoverSelectorComponent, PresetService, PriceTagComponent, PrimarySolidBlockButton, PrimarySolidBlockHrefButton, PrimarySolidBlockIconButton, PrimarySolidBlockIconHrefButton, PrimarySolidDefaultRoundButton, PrimarySolidDefaultRoundHrefButton, PrimarySolidDefaultRoundIconButton, PrimarySolidDefaultRoundIconHrefButton, PrimarySolidFullButton, PrimarySolidFullHrefButton, PrimarySolidFullIconButton, PrimarySolidFullIconHrefButton, PrimarySolidLargeRoundButton, PrimarySolidLargeRoundHrefButton, PrimarySolidLargeRoundIconButton, PrimarySolidLargeRoundIconHrefButton, PrimarySolidSmallRoundButton, PrimarySolidSmallRoundHrefButton, PrimarySolidSmallRoundIconButton, PrimarySolidSmallRoundIconHrefButton, ProcessLinksPipe, ProfileSkeletonComponent, ProgressBarComponent, ProgressRingComponent, ProgressStatusComponent, PrompterComponent, QR_PRESETS, QrCodeComponent, QrGeneratorService, QueryBuilder, QuoteBoxComponent, RadioInputComponent, RaffleStatusCardComponent, RangeInputComponent, RatingComponent, RecapCardComponent, RefresherComponent, RightsFooterComponent, RotatingTextComponent, SKELETON_PRESETS, SearchSelectorComponent, SearchbarComponent, SecondarySolidBlockButton, SecondarySolidBlockHrefButton, SecondarySolidBlockIconButton, SecondarySolidBlockIconHrefButton, SecondarySolidDefaultRoundButton, SecondarySolidDefaultRoundHrefButton, SecondarySolidDefaultRoundIconButton, SecondarySolidDefaultRoundIconHrefButton, SecondarySolidFullButton, SecondarySolidFullHrefButton, SecondarySolidFullIconButton, SecondarySolidFullIconHrefButton, SecondarySolidLargeRoundButton, SecondarySolidLargeRoundHrefButton, SecondarySolidLargeRoundIconButton, SecondarySolidLargeRoundIconHrefButton, SecondarySolidSmallRoundButton, SecondarySolidSmallRoundHrefButton, SecondarySolidSmallRoundIconButton, SecondarySolidSmallRoundIconHrefButton, SegmentControlComponent, SelectSearchComponent, SessionService, ShareButtonsComponent, SimpleComponent, SkeletonComponent, SkeletonService, SolidBlockButton, SolidDefault, SolidDefaultBlock, SolidDefaultButton, SolidDefaultFull, SolidDefaultRound, SolidDefaultRoundBlock, SolidDefaultRoundButton, SolidDefaultRoundFull, SolidFullButton, SolidLargeButton, SolidLargeRoundButton, SolidSmallButton, SolidSmallRoundButton, StatsCardComponent, StepperComponent, StorageService, SwipeCarouselComponent, TabbedContentComponent, TableSkeletonComponent, TabsComponent, Terminal404Component, TestimonialCardComponent, TestimonialCarouselComponent, TextComponent, TextInputComponent, TextareaInputComponent, ThemeOption, ThemeService, TicketGridComponent, TimelineComponent, TitleBlockComponent, TitleComponent, ToastService, ToggleInputComponent, TokenService, ToolbarActionType, ToolbarComponent, TranslatePipe, TypedCollection, UpdateBannerComponent, UsernameInputComponent, VALTECH_ADS_CONFIG, VALTECH_APP_CONFIG, VALTECH_AUTH_CONFIG, VALTECH_COMPANY_LINKS, VALTECH_DEFAULT_CONTENT, VALTECH_FEEDBACK_CONFIG, VALTECH_FIREBASE_CONFIG, VALTECH_FOOTER_I18N, VALTECH_FOOTER_LOGO, VALTECH_LANGUAGE_SELECTOR, VALTECH_SOCIAL_LINKS, VERSION, WinnerDisplayComponent, WizardComponent, WizardFooterComponent, applyDefaultValueToControl, authGuard, authInterceptor, buildFooterLinks, buildPath, collections, createFirebaseConfig, createGlowCardProps, createInitialPaginationState, createNumberFromToField, createTitleProps, extractPathParams, getAppInfo, getAppVersion, getCollectionPath, getDocumentId, goToTop, guestGuard, hasEmulators, isAtEnd, isCollectionPath, isDocumentPath, isEmulatorMode, isValidPath, joinPath, maxLength, permissionGuard, permissionGuardFromRoute, provideValtechAds, provideValtechAppConfig, provideValtechAuth, provideValtechAuthInterceptor, provideValtechFeedback, provideValtechFirebase, provideValtechI18n, provideValtechPresets, provideValtechSkeleton, query, replaceSpecialChars, resolveColor, resolveInputDefaultValue, roleGuard, storagePaths, superAdminGuard };
+export { ACTION_CARD_DEFAULTS, AD_SIZE_MAP, API_TABLE_COLUMN_LABELS, ARTICLE_SPACING, 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, 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, ContentLoaderComponent, ContentReactionComponent, ContentTransformer, CountdownComponent, CurrencyInputComponent, DEFAULT_ADS_CONFIG, DEFAULT_APP_CONFIG_SERVICE_CONFIG, DEFAULT_AUTH_CONFIG, DEFAULT_BACK_HEADER, DEFAULT_CANCEL_BUTTON, DEFAULT_CONFIRM_BUTTON, DEFAULT_COUNTDOWN_LABELS, DEFAULT_COUNTDOWN_LABELS_EN, DEFAULT_EMPTY_STATE, DEFAULT_EMULATOR_CONFIG, DEFAULT_FEEDBACK_CONFIG, DEFAULT_FEEDBACK_TYPE_OPTIONS, DEFAULT_HOME_HEADER, DEFAULT_INFINITE_LIST_METADATA, DEFAULT_LEGEND_LABELS, DEFAULT_MODAL_CANCEL_BUTTON, DEFAULT_MODAL_CONFIRM_BUTTON, DEFAULT_PAGE_SIZE_OPTIONS, DEFAULT_PAYMENT_STATUS_COLORS, DEFAULT_PAYMENT_STATUS_LABELS, DEFAULT_PLATFORMS, DEFAULT_REFRESHER_METADATA, DEFAULT_SKELETON_CONFIG, DEFAULT_STATUS_COLORS, DEFAULT_STATUS_LABELS, DEFAULT_WINNER_LABELS, DataTableComponent, DateInputComponent, DateRangeInputComponent, DetailSkeletonComponent, DeviceService, DisplayComponent, DividerComponent, DocsApiTableComponent, DocsBreadcrumbComponent, 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, GlowCardComponent, GridSkeletonComponent, HeaderComponent, HintComponent, HorizontalScrollComponent, HourInputComponent, HrefComponent, I18nService, IMAGE_DEFAULTS, INITIAL_AUTH_STATE, INITIAL_MFA_STATE, Icon, IconComponent, IconService, ImageComponent, ImageCropComponent, ImageService, InAppBrowserService, InfiniteListComponent, InfoComponent, InputI18nHelper, InputType, ItemListComponent, LANG_STORAGE_KEY$1 as LANG_STORAGE_KEY, LOGIN_DEFAULTS, LanguageSelectorComponent, LayeredCardComponent, LayoutComponent, LinkComponent, LinkProcessorService, LinkedProvidersComponent, LinksAccordionComponent, LinksCakeComponent, ListSkeletonComponent, LoadingDirective, LocalStorageService, LocaleService, LoginComponent, MODAL_SIZES, MOTION, MaintenancePageComponent, MenuComponent, MessagingService, MetaService, ModalService, MultiSelectSearchComponent, NavigationService, NewsBuilder, NoContentComponent, NotesBoxComponent, NotificationsService, NumberFromToComponent, NumberInputComponent, NumberStepperComponent, OAUTH_PROVIDERS_INFO, OAuthCallbackComponent, OAuthService, OutlineDefault, OutlineDefaultBlock, OutlineDefaultFull, OutlineDefaultRound, OutlineDefaultRoundBlock, OutlineDefaultRoundFull, PLATFORM_CONFIGS, PageContentComponent, PageTemplateComponent, PageWrapperComponent, PaginationComponent, PaginationService, ParticipantCardComponent, PasswordInputComponent, PhoneInputComponent, PillComponent, PinInputComponent, PlainCodeBoxComponent, PopoverSelectorComponent, PresetService, PriceTagComponent, PrimarySolidBlockButton, PrimarySolidBlockHrefButton, PrimarySolidBlockIconButton, PrimarySolidBlockIconHrefButton, PrimarySolidDefaultRoundButton, PrimarySolidDefaultRoundHrefButton, PrimarySolidDefaultRoundIconButton, PrimarySolidDefaultRoundIconHrefButton, PrimarySolidFullButton, PrimarySolidFullHrefButton, PrimarySolidFullIconButton, PrimarySolidFullIconHrefButton, PrimarySolidLargeRoundButton, PrimarySolidLargeRoundHrefButton, PrimarySolidLargeRoundIconButton, PrimarySolidLargeRoundIconHrefButton, PrimarySolidSmallRoundButton, PrimarySolidSmallRoundHrefButton, PrimarySolidSmallRoundIconButton, PrimarySolidSmallRoundIconHrefButton, ProcessLinksPipe, ProfileSkeletonComponent, ProgressBarComponent, ProgressRingComponent, ProgressStatusComponent, PrompterComponent, QR_PRESETS, QrCodeComponent, QrGeneratorService, QueryBuilder, QuoteBoxComponent, RadioInputComponent, RaffleStatusCardComponent, RangeInputComponent, RatingComponent, RecapCardComponent, RefresherComponent, RightsFooterComponent, RotatingTextComponent, SKELETON_PRESETS, SearchSelectorComponent, SearchbarComponent, SecondarySolidBlockButton, SecondarySolidBlockHrefButton, SecondarySolidBlockIconButton, SecondarySolidBlockIconHrefButton, SecondarySolidDefaultRoundButton, SecondarySolidDefaultRoundHrefButton, SecondarySolidDefaultRoundIconButton, SecondarySolidDefaultRoundIconHrefButton, SecondarySolidFullButton, SecondarySolidFullHrefButton, SecondarySolidFullIconButton, SecondarySolidFullIconHrefButton, SecondarySolidLargeRoundButton, SecondarySolidLargeRoundHrefButton, SecondarySolidLargeRoundIconButton, SecondarySolidLargeRoundIconHrefButton, SecondarySolidSmallRoundButton, SecondarySolidSmallRoundHrefButton, SecondarySolidSmallRoundIconButton, SecondarySolidSmallRoundIconHrefButton, SegmentControlComponent, SelectSearchComponent, SessionService, ShareButtonsComponent, SimpleComponent, SkeletonComponent, SkeletonService, SolidBlockButton, SolidDefault, SolidDefaultBlock, SolidDefaultButton, SolidDefaultFull, SolidDefaultRound, SolidDefaultRoundBlock, SolidDefaultRoundButton, SolidDefaultRoundFull, SolidFullButton, SolidLargeButton, SolidLargeRoundButton, SolidSmallButton, SolidSmallRoundButton, StatsCardComponent, StepperComponent, StorageService, SwipeCarouselComponent, TabbedContentComponent, TableSkeletonComponent, TabsComponent, Terminal404Component, TestimonialCardComponent, TestimonialCarouselComponent, TextComponent, TextInputComponent, TextareaInputComponent, ThemeOption, ThemeService, TicketGridComponent, TimelineComponent, TitleBlockComponent, TitleComponent, ToastService, ToggleInputComponent, TokenService, ToolbarActionType, ToolbarComponent, TranslatePipe, TypedCollection, UpdateBannerComponent, UsernameInputComponent, VALTECH_ADS_CONFIG, VALTECH_APP_CONFIG, VALTECH_AUTH_CONFIG, VALTECH_COMPANY_LINKS, VALTECH_DEFAULT_CONTENT, VALTECH_FEEDBACK_CONFIG, VALTECH_FIREBASE_CONFIG, VALTECH_FOOTER_I18N, VALTECH_FOOTER_LOGO, VALTECH_LANGUAGE_SELECTOR, VALTECH_SOCIAL_LINKS, VERSION, WinnerDisplayComponent, WizardComponent, WizardFooterComponent, applyDefaultValueToControl, authGuard, authInterceptor, blogPost, buildFooterLinks, buildPath, collections, createFirebaseConfig, createGlowCardProps, createInitialPaginationState, createNumberFromToField, createTitleProps, docs, extractPathParams, getAppInfo, getAppVersion, getCollectionPath, getDocumentId, goToTop, guestGuard, hasEmulators, isAtEnd, isCollectionPath, isDocumentPath, isEmulatorMode, isValidPath, joinPath, maxLength, news, permissionGuard, permissionGuardFromRoute, provideValtechAds, provideValtechAppConfig, provideValtechAuth, provideValtechAuthInterceptor, provideValtechFeedback, provideValtechFirebase, provideValtechI18n, provideValtechPresets, provideValtechSkeleton, query, replaceSpecialChars, resolveColor, resolveInputDefaultValue, roleGuard, storagePaths, superAdminGuard, toArticle };
 //# sourceMappingURL=valtech-components.mjs.map