valtech-components 2.0.290 → 2.0.292

package/fesm2022/valtech-components.mjs

@@ -1024,13 +1024,32 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
 class LinkProcessorService {
     constructor(sanitizer) {
         this.sanitizer = sanitizer;
-        // Regex para detectar URLs completas (http/https) - permite caracteres válidos pero excluye puntuación al final
-        this.urlRegex = /(https?:\/\/[^\s]+?)(?=[.,;!?()\s]|$)/g;
-        // Regex para detectar rutas internas (empiezan con / pero no son URLs completas) - excluye puntuación al final
-        this.internalRouteRegex = /(\s|^)(\/[^\s]*?)(?=[.,;!?()\s]|$)/g;
+        // Regex para detectar URLs completas (http/https) - captura toda la URL y luego limpiamos puntuación
+        this.urlRegex = /(https?:\/\/[^\s]+)/g;
+        // Regex para detectar rutas internas - captura toda la ruta y luego limpiamos puntuación
+        this.internalRouteRegex = /(\s|^)(\/[^\s]*)/g;
         // Regex para detectar enlaces estilo Markdown [texto](url)
         this.markdownLinkRegex = /\[([^\]]+)\]\(([^)]+)\)/g;
     }
+    /**
+     * Limpia la puntuación del final de una URL.
+     * Mantiene caracteres válidos de URL pero remueve signos de puntuación comunes al final.
+     * Preserva parámetros de consulta, fragmentos y caracteres válidos en URLs.
+     */
+    cleanUrlPunctuation(url) {
+        // Caracteres que consideramos puntuación al final de oración, pero NO parte de URLs
+        // No incluimos & o = que son parte de query params, ni # que es parte de fragmentos
+        const trailingPunctuation = /[.,;!?)]+$/;
+        // Casos especiales: si la URL termina con paréntesis pero no tiene paréntesis de apertura
+        // probablemente el paréntesis no es parte de la URL
+        const hasOpeningParen = url.includes('(');
+        const endsWithClosingParen = url.endsWith(')');
+        if (endsWithClosingParen && !hasOpeningParen) {
+            // Remover el paréntesis de cierre si no hay uno de apertura
+            url = url.replace(/\)$/, '');
+        }
+        return url.replace(trailingPunctuation, '');
+    }
     /**
      * Procesa texto para convertir enlaces en elementos <a> clickeables.
      * Detecta automáticamente URLs externas, rutas internas y enlaces estilo Markdown.
@@ -1060,8 +1079,13 @@ class LinkProcessorService {
         let processedText = text;
         // 1. Procesar enlaces estilo Markdown [texto](url) primero
         if (processMarkdownLinks) {
-            this.markdownLinkRegex.lastIndex = 0; // Reset regex
-            processedText = processedText.replace(this.markdownLinkRegex, (match, linkText, url) => {
+            const markdownMatches = Array.from(processedText.matchAll(this.markdownLinkRegex));
+            // Procesar de atrás hacia adelante para mantener las posiciones
+            for (let i = markdownMatches.length - 1; i >= 0; i--) {
+                const match = markdownMatches[i];
+                const [fullMatch, linkText, url] = match;
+                const startIndex = match.index;
+                const endIndex = startIndex + fullMatch.length;
                 hasLinks = true;
                 const isExternal = /^https?:\/\//.test(url);
                 const target = (isExternal ? openExternalInNewTab : openInternalInNewTab)
@@ -1071,45 +1095,64 @@ class LinkProcessorService {
                     : '';
                 const typeClass = isExternal ? externalLinkClass : internalLinkClass;
                 const classes = `${linkClass} ${typeClass}`.trim();
-                return `<a href="${url}"${target} class="${classes}">${linkText}</a>`;
-            });
+                const linkHtml = `<a href="${url}"${target} class="${classes}">${linkText}</a>`;
+                processedText =
+                    processedText.substring(0, startIndex) + linkHtml + processedText.substring(endIndex);
+            }
         }
-        // 2. Procesar URLs externas directas (solo si no están ya en un enlace HTML)
-        this.urlRegex.lastIndex = 0; // Reset regex
-        processedText = processedText.replace(this.urlRegex, (fullMatch, url) => {
+        // 2. Procesar URLs externas directas
+        const urlMatches = Array.from(processedText.matchAll(this.urlRegex));
+        // Procesar de atrás hacia adelante para mantener las posiciones
+        for (let i = urlMatches.length - 1; i >= 0; i--) {
+            const match = urlMatches[i];
+            const [fullMatch, url] = match;
+            const startIndex = match.index;
+            const endIndex = startIndex + fullMatch.length;
             // Verificar que no esté ya dentro de un enlace HTML existente
-            const urlPosition = processedText.indexOf(fullMatch);
-            const textBefore = processedText.substring(0, urlPosition);
-            // Buscar la última apertura y cierre de enlace antes de esta posición
+            const textBefore = processedText.substring(0, startIndex);
             const lastOpenTag = textBefore.lastIndexOf('<a ');
             const lastCloseTag = textBefore.lastIndexOf('</a>');
             // Si hay un tag <a abierto sin cerrar, no procesamos
             if (lastOpenTag > lastCloseTag) {
-                return fullMatch; // Mantener original
+                continue;
             }
+            // Limpiar puntuación del final de la URL
+            const cleanUrl = this.cleanUrlPunctuation(url);
+            const punctuationRemoved = url !== cleanUrl;
+            const punctuation = punctuationRemoved ? url.substring(cleanUrl.length) : '';
             hasLinks = true;
             const target = openExternalInNewTab ? ' target="_blank" rel="noopener noreferrer"' : '';
             const classes = `${linkClass} ${externalLinkClass}`.trim();
-            return `<a href="${url}"${target} class="${classes}">${url}</a>`;
-        });
-        // 3. Procesar rutas internas (solo si no están ya en un enlace HTML)
-        this.internalRouteRegex.lastIndex = 0; // Reset regex
-        processedText = processedText.replace(this.internalRouteRegex, (match, prefix, route) => {
+            const linkHtml = `<a href="${cleanUrl}"${target} class="${classes}">${cleanUrl}</a>`;
+            // Reemplazar el URL original con el enlace + puntuación si existía
+            const replacement = punctuationRemoved ? linkHtml + punctuation : linkHtml;
+            processedText =
+                processedText.substring(0, startIndex) + replacement + processedText.substring(endIndex);
+        }
+        // 3. Procesar rutas internas
+        const internalMatches = Array.from(processedText.matchAll(this.internalRouteRegex));
+        // Procesar de atrás hacia adelante para mantener las posiciones
+        for (let i = internalMatches.length - 1; i >= 0; i--) {
+            const match = internalMatches[i];
+            const [fullMatch, prefix, route] = match;
+            const startIndex = match.index;
+            const endIndex = startIndex + fullMatch.length;
             // Verificar que no esté ya dentro de un enlace HTML existente
-            const matchPosition = processedText.indexOf(match);
-            const textBefore = processedText.substring(0, matchPosition);
-            // Buscar la última apertura y cierre de enlace antes de esta posición
+            const textBefore = processedText.substring(0, startIndex);
             const lastOpenTag = textBefore.lastIndexOf('<a ');
             const lastCloseTag = textBefore.lastIndexOf('</a>');
             // Si hay un tag <a abierto sin cerrar, no procesamos
             if (lastOpenTag > lastCloseTag) {
-                return match; // Mantener original
+                continue;
             }
             hasLinks = true;
             const target = openInternalInNewTab ? ' target="_blank"' : '';
             const classes = `${linkClass} ${internalLinkClass}`.trim();
-            return `${prefix}<a href="${route}"${target} class="${classes}">${route}</a>`;
-        });
+            const linkHtml = `<a href="${route}"${target} class="${classes}">${route}</a>`;
+            const replacement = `${prefix}${linkHtml}`;
+            processedText =
+                processedText.substring(0, startIndex) + replacement + processedText.substring(endIndex);
+        }
         // Si hay enlaces, sanitizar el HTML
         if (hasLinks) {
             return this.sanitizer.bypassSecurityTrustHtml(processedText);
@@ -1500,11 +1543,20 @@ class TextContent {
         return this.text;
     }
 }
-var LangOption;
-(function (LangOption) {
-    LangOption["ES"] = "es";
-    LangOption["EN"] = "en";
-})(LangOption || (LangOption = {}));
+/**
+ * Common language constants for convenience.
+ * Users can still use any language code string directly.
+ */
+const LANGUAGES = {
+    ES: 'es',
+    EN: 'en',
+    FR: 'fr',
+    DE: 'de',
+    PT: 'pt',
+    IT: 'it',
+    ZH: 'zh',
+    JA: 'ja',
+};
 
 /**
  * LangService - Reactive language and content management service.
@@ -1512,6 +1564,9 @@ var LangOption;
  * This service provides reactive content management with Observable-based language switching.
  * Components can subscribe to content changes and automatically update when the language changes.
  *
+ * The service automatically detects available languages from the content configuration
+ * and provides intelligent fallbacks with console warnings for missing translations.
+ *
  * @example Basic usage:
  * ```typescript
  * constructor(private langService: LangService) {}
@@ -1531,12 +1586,120 @@ var LangOption;
  */
 class LangService {
     constructor(config) {
-        this.default = LangOption.ES;
-        console.log('injected config: ', config);
+        this.availableLanguages = [];
+        this.warnedMissingLanguages = new Set();
+        console.log('LangService: Injected config:', config);
         this.content = config.content;
         this.config = config;
+        // Detect available languages from content
+        this.detectAvailableLanguages();
+        // Set default language (prefer Spanish, then English, then first available)
+        this.defaultLang = this.determineDefaultLanguage();
+        // Initialize with stored language or default
         const current = LocalStorageService.get(LANG);
-        this.selectedLang = new BehaviorSubject(current || this.default);
+        const initialLang = this.validateLanguage(current) || this.defaultLang;
+        this.selectedLang = new BehaviorSubject(initialLang);
+        console.log('LangService: Initialized with languages:', {
+            available: this.availableLanguages,
+            default: this.defaultLang,
+            current: initialLang,
+        });
+    }
+    /**
+     * Detect available languages from the content configuration.
+     * Scans all component content to find which languages are actually configured.
+     */
+    detectAvailableLanguages() {
+        const languageSet = new Set();
+        Object.values(this.content).forEach(componentContent => {
+            if (componentContent?.Content) {
+                Object.keys(componentContent.Content).forEach(lang => {
+                    languageSet.add(lang);
+                });
+            }
+        });
+        this.availableLanguages = Array.from(languageSet).sort();
+        if (this.availableLanguages.length === 0) {
+            console.warn('LangService: No languages detected in content configuration!');
+            this.availableLanguages = [LANGUAGES.ES]; // Fallback
+        }
+    }
+    /**
+     * Determine the best default language based on available content.
+     */
+    determineDefaultLanguage() {
+        // Preference order: Spanish, English, then first available
+        const preferredOrder = [LANGUAGES.ES, LANGUAGES.EN];
+        for (const preferred of preferredOrder) {
+            if (this.availableLanguages.includes(preferred)) {
+                return preferred;
+            }
+        }
+        return this.availableLanguages[0];
+    }
+    /**
+     * Validate if a language is available in the content.
+     */
+    validateLanguage(lang) {
+        if (!lang)
+            return null;
+        return this.availableLanguages.includes(lang) ? lang : null;
+    }
+    /**
+     * Get the best available language for a component and key.
+     * Provides intelligent fallback with warnings.
+     */
+    getBestAvailableContent(className, key, requestedLang) {
+        const componentContent = this.content[className];
+        if (!componentContent) {
+            return {
+                content: undefined,
+                actualLang: requestedLang,
+                shouldWarn: false,
+            };
+        }
+        // Try requested language first
+        const requestedContent = componentContent.Content[requestedLang];
+        if (requestedContent?.[key]) {
+            return {
+                content: requestedContent[key],
+                actualLang: requestedLang,
+                shouldWarn: false,
+            };
+        }
+        // Language not available, try fallbacks
+        const warningKey = `${className}.${key}.${requestedLang}`;
+        const shouldWarn = !this.warnedMissingLanguages.has(warningKey);
+        if (shouldWarn) {
+            this.warnedMissingLanguages.add(warningKey);
+        }
+        // Try default language
+        if (requestedLang !== this.defaultLang) {
+            const defaultContent = componentContent.Content[this.defaultLang];
+            if (defaultContent?.[key]) {
+                return {
+                    content: defaultContent[key],
+                    actualLang: this.defaultLang,
+                    shouldWarn,
+                };
+            }
+        }
+        // Try first available language
+        for (const availableLang of this.availableLanguages) {
+            const availableContent = componentContent.Content[availableLang];
+            if (availableContent?.[key]) {
+                return {
+                    content: availableContent[key],
+                    actualLang: availableLang,
+                    shouldWarn,
+                };
+            }
+        }
+        return {
+            content: undefined,
+            actualLang: requestedLang,
+            shouldWarn,
+        };
     }
     /**
      * Observable that emits the current language whenever it changes.
@@ -1551,13 +1714,32 @@ class LangService {
     get currentLang() {
         return this.selectedLang.value;
     }
+    /**
+     * Get array of available languages detected from content.
+     */
+    get availableLangs() {
+        return [...this.availableLanguages];
+    }
+    /**
+     * Get the default language.
+     */
+    get defaultLanguage() {
+        return this.defaultLang;
+    }
     /**
      * Set the current language and persist it to localStorage.
      * This will trigger updates in all reactive content subscriptions.
      *
+     * Validates that the language is available and warns if not.
+     *
      * @param lang - The language to set
      */
     setLang(lang) {
+        if (!this.availableLanguages.includes(lang)) {
+            console.warn(`LangService: Language "${lang}" is not available. Available languages:`, this.availableLanguages);
+            console.warn(`LangService: Falling back to default language "${this.defaultLang}"`);
+            lang = this.defaultLang;
+        }
         this.selectedLang.next(lang);
         LocalStorageService.set(LANG, lang);
     }
@@ -1567,10 +1749,12 @@ class LangService {
      * @deprecated Use getText() or getContent() for better type safety
      */
     Text(className) {
-        return this.content[className].Content[this.selectedLang.value];
+        const componentContent = this.content[className];
+        return componentContent?.Content[this.selectedLang.value] || {};
     }
     /**
      * Get a single content string synchronously for the current language.
+     * Provides intelligent fallback with warnings for missing translations.
      *
      * @param className - The component class name
      * @param key - The text key
@@ -1578,12 +1762,16 @@ class LangService {
      * @returns The text string or fallback
      */
     getText(className, key, fallback) {
-        const classContent = this.content[className]?.Content[this.selectedLang.value];
-        return classContent?.[key] || fallback || `[${className}.${key}]`;
+        const result = this.getBestAvailableContent(className, key, this.selectedLang.value);
+        if (result.shouldWarn && result.actualLang !== this.selectedLang.value) {
+            console.warn(`LangService: Content "${className}.${key}" not available in "${this.selectedLang.value}".`, `Using "${result.actualLang}" instead. Available languages:`, this.availableLanguages);
+        }
+        return result.content || fallback || `[${className}.${key}]`;
     }
     /**
      * Get a reactive Observable for a specific text key that updates when language changes.
      * This is the recommended method for components that need reactive content.
+     * Provides intelligent fallback with warnings for missing translations.
      *
      * @param className - The component class name
      * @param key - The text key
@@ -1592,12 +1780,16 @@ class LangService {
      */
     getContent(className, key, fallback) {
         return this.currentLang$.pipe(map(lang => {
-            const classContent = this.content[className]?.Content[lang];
-            return classContent?.[key] || fallback || `[${className}.${key}]`;
+            const result = this.getBestAvailableContent(className, key, lang);
+            if (result.shouldWarn && result.actualLang !== lang) {
+                console.warn(`LangService: Content "${className}.${key}" not available in "${lang}".`, `Using "${result.actualLang}" instead. Available languages:`, this.availableLanguages);
+            }
+            return result.content || fallback || `[${className}.${key}]`;
         }), distinctUntilChanged());
     }
     /**
      * Get reactive content for multiple keys at once.
+     * Provides intelligent fallback with warnings for missing translations.
      *
      * @param className - The component class name
      * @param keys - Array of text keys to retrieve
@@ -1605,16 +1797,19 @@ class LangService {
      */
     getMultipleContent(className, keys) {
         return this.currentLang$.pipe(map(lang => {
-            const classContent = this.content[className]?.Content[lang] || {};
             const result = {};
             keys.forEach(key => {
-                result[key] = classContent[key] || `[${className}.${key}]`;
+                const contentResult = this.getBestAvailableContent(className, key, lang);
+                if (contentResult.shouldWarn && contentResult.actualLang !== lang) {
+                    console.warn(`LangService: Content "${className}.${key}" not available in "${lang}".`, `Using "${contentResult.actualLang}" instead.`);
+                }
+                result[key] = contentResult.content || `[${className}.${key}]`;
             });
             return result;
         }), distinctUntilChanged((prev, curr) => JSON.stringify(prev) === JSON.stringify(curr)));
     }
     /**
-     * Check if a content key exists for a component.
+     * Check if a content key exists for a component in any available language.
      *
      * @param className - The component class name
      * @param key - The text key
@@ -1626,6 +1821,49 @@ class LangService {
             return false;
         return Object.values(classContent.Content).some(langContent => langContent && typeof langContent[key] === 'string');
     }
+    /**
+     * Check if a content key exists for a component in a specific language.
+     *
+     * @param className - The component class name
+     * @param key - The text key
+     * @param lang - The language to check (defaults to current language)
+     * @returns True if the key exists in the specified language
+     */
+    hasContentInLanguage(className, key, lang) {
+        const targetLang = lang || this.currentLang;
+        const classContent = this.content[className]?.Content[targetLang];
+        return classContent && typeof classContent[key] === 'string';
+    }
+    /**
+     * Get available languages for a specific component.
+     *
+     * @param className - The component class name
+     * @returns Array of language codes available for the component
+     */
+    getAvailableLanguagesForComponent(className) {
+        const classContent = this.content[className];
+        if (!classContent)
+            return [];
+        return Object.keys(classContent.Content).filter(lang => classContent.Content[lang] && Object.keys(classContent.Content[lang]).length > 0);
+    }
+    /**
+     * Get missing content keys for a component in a specific language.
+     * Useful for identifying incomplete translations.
+     *
+     * @param className - The component class name
+     * @param lang - The language to check
+     * @param referenceLang - The reference language to compare against (defaults to default language)
+     * @returns Array of missing keys
+     */
+    getMissingContentKeys(className, lang, referenceLang) {
+        const refLang = referenceLang || this.defaultLang;
+        const classContent = this.content[className];
+        if (!classContent)
+            return [];
+        const referenceContent = classContent.Content[refLang] || {};
+        const targetContent = classContent.Content[lang] || {};
+        return Object.keys(referenceContent).filter(key => !targetContent[key] || typeof targetContent[key] !== 'string');
+    }
     // Legacy getters/setters for backward compatibility
     get Lang() {
         return this.currentLang;
@@ -6270,6 +6508,211 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                 type: Output
             }] } });
 
+/**
+ * ComprehensiveLinkTestComponent - Componente de prueba exhaustiva para el procesamiento de enlaces.
+ *
+ * Este componente demuestra todos los casos edge y escenarios complejos de procesamiento de enlaces,
+ * incluyendo puntuación, URLs complejas, y mezclas de formatos.
+ *
+ * @example Uso en template:
+ * ```html
+ * <val-comprehensive-link-test></val-comprehensive-link-test>
+ * ```
+ */
+class ComprehensiveLinkTestComponent {
+    constructor() {
+        this.punctuationProps = {
+            content: 'Diferentes puntuaciones: https://angular.io, también https://github.com! ¿Conoces https://typescript.org? Final: https://rxjs.dev. Entre paréntesis (https://zone.js) y con comillas "https://ionic.io".',
+            size: 'medium',
+            color: 'dark',
+            bold: false,
+            processLinks: true,
+            linkConfig: {
+                openExternalInNewTab: true,
+                linkClass: 'test-punctuation',
+                externalLinkClass: 'test-external',
+            },
+        };
+        this.complexUrlProps = {
+            content: 'URLs complejas: https://api.github.com/repos/angular/angular/issues?state=open&sort=updated&per_page=50, búsqueda https://google.com/search?q=angular+ionic+components#results, y documentación https://angular.io/guide/getting-started#development-environment.',
+            size: 'medium',
+            color: 'dark',
+            bold: false,
+            processLinks: true,
+            linkConfig: {
+                openExternalInNewTab: true,
+                linkClass: 'test-complex',
+                externalLinkClass: 'test-external',
+            },
+        };
+        this.parenthesesProps = {
+            content: 'Paréntesis de contexto (ver https://docs.angular.io) vs URLs con paréntesis https://example.com/api/method(param) en el contenido. También funciona (https://ionic.io/docs).',
+            size: 'medium',
+            color: 'dark',
+            bold: false,
+            processLinks: true,
+            linkConfig: {
+                openExternalInNewTab: true,
+                linkClass: 'test-parentheses',
+                externalLinkClass: 'test-external',
+            },
+        };
+        this.mixedFormatsProps = {
+            content: 'Formatos mezclados: [Documentación oficial](https://angular.io/docs), enlace directo https://github.com/angular/angular, ruta interna /dashboard/settings, [guía de inicio](/getting-started), y API https://api.example.com/v1/users?active=true.',
+            size: 'medium',
+            color: 'dark',
+            bold: false,
+            processLinks: true,
+            linkConfig: {
+                openExternalInNewTab: true,
+                openInternalInNewTab: false,
+                processMarkdownLinks: true,
+                linkClass: 'test-mixed',
+                externalLinkClass: 'test-external',
+                internalLinkClass: 'test-internal',
+            },
+        };
+        this.edgeCasesProps = {
+            content: 'Casos extremos: "https://quoted-url.com", múltiple puntuación https://example.com?!!, URL al final de oración https://final-url.org. También consecutivos: https://first.com y https://second.com.',
+            size: 'medium',
+            color: 'dark',
+            bold: false,
+            processLinks: true,
+            linkConfig: {
+                openExternalInNewTab: true,
+                linkClass: 'test-edge',
+                externalLinkClass: 'test-external',
+            },
+        };
+        this.devUrlsProps = {
+            content: 'URLs de desarrollo: http://localhost:4200/dashboard, servidor local https://127.0.0.1:8080/api/status, desarrollo http://dev.example.com:3000/debug?verbose=true, y túnel https://abc123.ngrok.io/webhook.',
+            size: 'medium',
+            color: 'dark',
+            bold: false,
+            processLinks: true,
+            linkConfig: {
+                openExternalInNewTab: false, // Para desarrollo, puede ser útil no abrir en nueva pestaña
+                linkClass: 'test-dev',
+                externalLinkClass: 'test-dev-external',
+            },
+        };
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ComprehensiveLinkTestComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ComprehensiveLinkTestComponent, isStandalone: true, selector: "val-comprehensive-link-test", ngImport: i0, template: `
+    <div class="comprehensive-test">
+      <h2>Prueba Exhaustiva de Procesamiento de Enlaces</h2>
+
+      <div class="test-section">
+        <h3>✅ Puntuación Final - SOLUCIONADO</h3>
+        <val-text [props]="punctuationProps"></val-text>
+        <p class="note">
+          <strong>Esperado:</strong> Los enlaces no incluyen puntuación final (.,;!?), pero la puntuación se preserva
+          como texto después del enlace.
+        </p>
+      </div>
+
+      <div class="test-section">
+        <h3>✅ URLs Complejas con Parámetros - SOLUCIONADO</h3>
+        <val-text [props]="complexUrlProps"></val-text>
+        <p class="note">
+          <strong>Esperado:</strong> URLs con query params, fragmentos y rutas complejas se preservan completamente.
+        </p>
+      </div>
+
+      <div class="test-section">
+        <h3>✅ Paréntesis Inteligentes - SOLUCIONADO</h3>
+        <val-text [props]="parenthesesProps"></val-text>
+        <p class="note">
+          <strong>Esperado:</strong> Paréntesis de contexto (texto) vs paréntesis de URL se manejan correctamente.
+        </p>
+      </div>
+
+      <div class="test-section">
+        <h3>✅ Mezcla de Formatos - SOLUCIONADO</h3>
+        <val-text [props]="mixedFormatsProps"></val-text>
+        <p class="note">
+          <strong>Esperado:</strong> Enlaces Markdown, URLs directas y rutas internas coexisten sin conflictos.
+        </p>
+      </div>
+
+      <div class="test-section">
+        <h3>✅ Casos Extremos - SOLUCIONADO</h3>
+        <val-text [props]="edgeCasesProps"></val-text>
+        <p class="note">
+          <strong>Esperado:</strong> Comillas, múltiple puntuación, y URLs al final de oraciones se procesan
+          correctamente.
+        </p>
+      </div>
+
+      <div class="test-section">
+        <h3>✅ URLs de Desarrollo - SOLUCIONADO</h3>
+        <val-text [props]="devUrlsProps"></val-text>
+        <p class="note">
+          <strong>Esperado:</strong> URLs de localhost, puertos, y rutas de desarrollo se detectan correctamente.
+        </p>
+      </div>
+    </div>
+  `, isInline: true, styles: [".comprehensive-test{padding:20px;max-width:1000px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.test-section{margin-bottom:32px;padding:20px;border:2px solid var(--ion-color-success, #2dd36f);border-radius:12px;background:var(--ion-color-success-tint, #42d77d) 10}h2{color:var(--ion-color-primary, #3880ff);margin-bottom:24px;text-align:center}h3{color:var(--ion-color-success, #2dd36f);margin-bottom:16px;font-size:18px;display:flex;align-items:center;gap:8px}.note{margin-top:12px;padding:12px;background:var(--ion-color-light, #f4f5f8);border-radius:8px;font-size:14px;color:var(--ion-color-medium, #92949c);border-left:4px solid var(--ion-color-primary, #3880ff)}.note strong{color:var(--ion-color-dark, #222428)}\n"], dependencies: [{ kind: "component", type: TextComponent, selector: "val-text", inputs: ["props"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ComprehensiveLinkTestComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'val-comprehensive-link-test', standalone: true, imports: [TextComponent], template: `
+    <div class="comprehensive-test">
+      <h2>Prueba Exhaustiva de Procesamiento de Enlaces</h2>
+
+      <div class="test-section">
+        <h3>✅ Puntuación Final - SOLUCIONADO</h3>
+        <val-text [props]="punctuationProps"></val-text>
+        <p class="note">
+          <strong>Esperado:</strong> Los enlaces no incluyen puntuación final (.,;!?), pero la puntuación se preserva
+          como texto después del enlace.
+        </p>
+      </div>
+
+      <div class="test-section">
+        <h3>✅ URLs Complejas con Parámetros - SOLUCIONADO</h3>
+        <val-text [props]="complexUrlProps"></val-text>
+        <p class="note">
+          <strong>Esperado:</strong> URLs con query params, fragmentos y rutas complejas se preservan completamente.
+        </p>
+      </div>
+
+      <div class="test-section">
+        <h3>✅ Paréntesis Inteligentes - SOLUCIONADO</h3>
+        <val-text [props]="parenthesesProps"></val-text>
+        <p class="note">
+          <strong>Esperado:</strong> Paréntesis de contexto (texto) vs paréntesis de URL se manejan correctamente.
+        </p>
+      </div>
+
+      <div class="test-section">
+        <h3>✅ Mezcla de Formatos - SOLUCIONADO</h3>
+        <val-text [props]="mixedFormatsProps"></val-text>
+        <p class="note">
+          <strong>Esperado:</strong> Enlaces Markdown, URLs directas y rutas internas coexisten sin conflictos.
+        </p>
+      </div>
+
+      <div class="test-section">
+        <h3>✅ Casos Extremos - SOLUCIONADO</h3>
+        <val-text [props]="edgeCasesProps"></val-text>
+        <p class="note">
+          <strong>Esperado:</strong> Comillas, múltiple puntuación, y URLs al final de oraciones se procesan
+          correctamente.
+        </p>
+      </div>
+
+      <div class="test-section">
+        <h3>✅ URLs de Desarrollo - SOLUCIONADO</h3>
+        <val-text [props]="devUrlsProps"></val-text>
+        <p class="note">
+          <strong>Esperado:</strong> URLs de localhost, puertos, y rutas de desarrollo se detectan correctamente.
+        </p>
+      </div>
+    </div>
+  `, styles: [".comprehensive-test{padding:20px;max-width:1000px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.test-section{margin-bottom:32px;padding:20px;border:2px solid var(--ion-color-success, #2dd36f);border-radius:12px;background:var(--ion-color-success-tint, #42d77d) 10}h2{color:var(--ion-color-primary, #3880ff);margin-bottom:24px;text-align:center}h3{color:var(--ion-color-success, #2dd36f);margin-bottom:16px;font-size:18px;display:flex;align-items:center;gap:8px}.note{margin-top:12px;padding:12px;background:var(--ion-color-light, #f4f5f8);border-radius:8px;font-size:14px;color:var(--ion-color-medium, #92949c);border-left:4px solid var(--ion-color-primary, #3880ff)}.note strong{color:var(--ion-color-dark, #222428)}\n"] }]
+        }] });
+
 class CustomContentDemoComponent {
     constructor() {
         this.content = inject(ContentService);
@@ -6316,7 +6759,7 @@ class CustomContentDemoComponent {
         this.diagnoseConfiguration();
     }
     switchLanguage() {
-        const newLang = this.currentLang === 'es' ? LangOption.EN : LangOption.ES;
+        const newLang = this.currentLang === 'es' ? LANGUAGES.EN : LANGUAGES.ES;
         this.content.setLang(newLang);
         // Actualizar textos síncronos después del cambio
         setTimeout(() => {
@@ -6654,7 +7097,7 @@ class LinkProcessingExampleComponent {
             },
         };
         this.punctuationTestProps = {
-            content: 'URLs con puntuación: https://ionicframework.com/docs, revisa https://angular.io! También https://github.com/angular? Y finalmente https://typescript.org. ¡Todos deben funcionar correctamente!',
+            content: 'URLs con puntuación final: https://ionicframework.com/docs, también https://angular.io! Pregunta sobre https://github.com/angular? Y punto final: https://typescript.org. Paréntesis (https://rxjs.dev) y comillas "https://zone.js". ¡Todos funcionan!',
             size: 'medium',
             color: 'dark',
             bold: false,
@@ -6665,6 +7108,18 @@ class LinkProcessingExampleComponent {
                 externalLinkClass: 'external-punct',
             },
         };
+        this.complexUrlsProps = {
+            content: 'URLs complejas: https://example.com/path?param=value&other=123#section, búsqueda en https://google.com/search?q=angular+components, y API https://api.github.com/repos/owner/repo/issues?state=open. Todos con parámetros y fragmentos.',
+            size: 'medium',
+            color: 'dark',
+            bold: false,
+            processLinks: true,
+            linkConfig: {
+                openExternalInNewTab: true,
+                linkClass: 'complex-url',
+                externalLinkClass: 'complex-external',
+            },
+        };
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LinkProcessingExampleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: LinkProcessingExampleComponent, isStandalone: true, selector: "val-link-processing-example", ngImport: i0, template: `
@@ -6710,8 +7165,13 @@ class LinkProcessingExampleComponent {
         <h3>Corrección de puntuación en URLs:</h3>
         <val-text [props]="punctuationTestProps"></val-text>
       </div>
+
+      <div class="example-section">
+        <h3>URLs complejas con parámetros y fragmentos:</h3>
+        <val-text [props]="complexUrlsProps"></val-text>
+      </div>
     </div>
-  `, isInline: true, styles: [".link-examples{padding:20px;max-width:800px}.example-section{margin-bottom:24px;padding:16px;border:1px solid var(--ion-color-light, #f4f5f8);border-radius:8px;background:var(--ion-color-light-tint, #f5f6f9)}h2{color:var(--ion-color-primary, #3880ff);margin-bottom:20px}h3{color:var(--ion-color-dark, #222428);margin-bottom:10px;font-size:16px}\n"], dependencies: [{ kind: "component", type: TextComponent, selector: "val-text", inputs: ["props"] }] }); }
+  `, isInline: true, styles: [".example-section{margin-bottom:24px;padding:16px;border:1px solid var(--ion-color-light, #f4f5f8);border-radius:8px;background:var(--ion-color-light-tint, #f5f6f9)}h2{color:var(--ion-color-primary, #3880ff);margin-bottom:20px}h3{color:var(--ion-color-dark, #222428);margin-bottom:10px;font-size:16px}\n"], dependencies: [{ kind: "component", type: TextComponent, selector: "val-text", inputs: ["props"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LinkProcessingExampleComponent, decorators: [{
             type: Component,
@@ -6758,10 +7218,310 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
         <h3>Corrección de puntuación en URLs:</h3>
         <val-text [props]="punctuationTestProps"></val-text>
       </div>
+
+      <div class="example-section">
+        <h3>URLs complejas con parámetros y fragmentos:</h3>
+        <val-text [props]="complexUrlsProps"></val-text>
+      </div>
     </div>
-  `, styles: [".link-examples{padding:20px;max-width:800px}.example-section{margin-bottom:24px;padding:16px;border:1px solid var(--ion-color-light, #f4f5f8);border-radius:8px;background:var(--ion-color-light-tint, #f5f6f9)}h2{color:var(--ion-color-primary, #3880ff);margin-bottom:20px}h3{color:var(--ion-color-dark, #222428);margin-bottom:10px;font-size:16px}\n"] }]
+  `, styles: [".example-section{margin-bottom:24px;padding:16px;border:1px solid var(--ion-color-light, #f4f5f8);border-radius:8px;background:var(--ion-color-light-tint, #f5f6f9)}h2{color:var(--ion-color-primary, #3880ff);margin-bottom:20px}h3{color:var(--ion-color-dark, #222428);margin-bottom:10px;font-size:16px}\n"] }]
         }] });
 
+/**
+ * MultiLanguageDemoComponent - Demuestra el sistema de idiomas flexible.
+ *
+ * Este componente muestra cómo el sistema maneja múltiples idiomas,
+ * fallbacks automáticos y warnings por traducciones faltantes.
+ */
+class MultiLanguageDemoComponent {
+    constructor(content, langService) {
+        this.content = content;
+        this.langService = langService;
+        this.availableLanguages = [];
+        this.analysisResults = null;
+        // Global content observables
+        this.okButton$ = this.content.fromContent({ key: 'ok' });
+        this.cancelButton$ = this.content.fromContent({ key: 'cancel' });
+        this.saveButton$ = this.content.fromContent({ key: 'save' });
+        this.deleteButton$ = this.content.fromContent({ key: 'delete' });
+        // Content that might have missing translations
+        this.nextButton$ = this.content.fromContent({ key: 'next', fallback: 'Next' });
+        this.finishButton$ = this.content.fromContent({ key: 'finish', fallback: 'Finish' });
+        this.searchPlaceholder$ = this.content.fromContent({ key: 'searchPlaceholder', fallback: 'Search...' });
+        this.noDataMessage$ = this.content.fromContent({ key: 'noData', fallback: 'No data available' });
+    }
+    ngOnInit() {
+        this.availableLanguages = this.langService.availableLangs;
+    }
+    switchLanguage(lang) {
+        console.log(`Switching to language: ${lang}`);
+        this.langService.setLang(lang);
+        this.analysisResults = null; // Reset analysis when language changes
+    }
+    getLanguageName(lang) {
+        const names = {
+            [LANGUAGES.ES]: 'Español',
+            [LANGUAGES.EN]: 'English',
+            [LANGUAGES.FR]: 'Français',
+            [LANGUAGES.DE]: 'Deutsch',
+            pt: 'Português',
+        };
+        return names[lang] || lang.toUpperCase();
+    }
+    analyzeCurrentComponent() {
+        const componentName = '_global'; // Analyzing global content for this demo
+        const availableLanguages = this.langService.getAvailableLanguagesForComponent(componentName);
+        const missingKeys = this.langService.getMissingContentKeys(componentName, this.langService.currentLang);
+        this.analysisResults = {
+            availableLanguages,
+            missingKeys,
+        };
+        console.log('Component analysis results:', this.analysisResults);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MultiLanguageDemoComponent, deps: [{ token: ContentService }, { token: LangService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: MultiLanguageDemoComponent, isStandalone: true, selector: "val-multi-language-demo", ngImport: i0, template: `
+    <div class="multi-lang-demo">
+      <h2>Sistema de Idiomas Flexible</h2>
+
+      <div class="language-info">
+        <h3>Información del Sistema:</h3>
+        <p><strong>Idioma actual:</strong> {{ langService.currentLang }}</p>
+        <p><strong>Idioma por defecto:</strong> {{ langService.defaultLanguage }}</p>
+        <p><strong>Idiomas disponibles:</strong> {{ langService.availableLangs.join(', ') }}</p>
+      </div>
+
+      <div class="language-switcher">
+        <h3>Cambiar Idioma:</h3>
+        <div class="button-group">
+          <button
+            *ngFor="let lang of availableLanguages"
+            [class.active]="lang === langService.currentLang"
+            (click)="switchLanguage(lang)"
+          >
+            {{ getLanguageName(lang) }}
+          </button>
+          <!-- Ejemplo de idioma no disponible -->
+          <button (click)="switchLanguage('pt')">Português (no disponible)</button>
+        </div>
+      </div>
+
+      <div class="content-examples">
+        <h3>Contenido Global:</h3>
+        <div class="example-grid">
+          <val-text
+            [props]="{ content: okButton$ | async, size: 'medium', color: 'dark', bold: false, processLinks: false }"
+          ></val-text>
+          <val-text
+            [props]="{
+              content: cancelButton$ | async,
+              size: 'medium',
+              color: 'dark',
+              bold: false,
+              processLinks: false,
+            }"
+          ></val-text>
+          <val-text
+            [props]="{ content: saveButton$ | async, size: 'medium', color: 'dark', bold: false, processLinks: false }"
+          ></val-text>
+          <val-text
+            [props]="{
+              content: deleteButton$ | async,
+              size: 'medium',
+              color: 'dark',
+              bold: false,
+              processLinks: false,
+            }"
+          ></val-text>
+        </div>
+
+        <h3>Contenido con Fallback (algunas traducciones faltantes):</h3>
+        <div class="example-grid">
+          <val-text
+            [props]="{ content: nextButton$ | async, size: 'medium', color: 'dark', bold: false, processLinks: false }"
+          ></val-text>
+          <val-text
+            [props]="{
+              content: finishButton$ | async,
+              size: 'medium',
+              color: 'dark',
+              bold: false,
+              processLinks: false,
+            }"
+          ></val-text>
+          <val-text
+            [props]="{
+              content: searchPlaceholder$ | async,
+              size: 'medium',
+              color: 'dark',
+              bold: false,
+              processLinks: false,
+            }"
+          ></val-text>
+          <val-text
+            [props]="{
+              content: noDataMessage$ | async,
+              size: 'medium',
+              color: 'dark',
+              bold: false,
+              processLinks: false,
+            }"
+          ></val-text>
+        </div>
+      </div>
+
+      <div class="warning-info">
+        <h3>Información de Warnings:</h3>
+        <p>
+          Abre la consola del navegador para ver los warnings cuando cambies a idiomas con traducciones incompletas
+          (francés, alemán).
+        </p>
+        <p>El sistema automáticamente usará el idioma por defecto o el primer idioma disponible como fallback.</p>
+      </div>
+
+      <div class="component-analysis">
+        <h3>Análisis del Componente:</h3>
+        <button (click)="analyzeCurrentComponent()">Analizar Contenido</button>
+        <div *ngIf="analysisResults" class="analysis-results">
+          <p>
+            <strong>Idiomas disponibles para este componente:</strong>
+            {{ analysisResults.availableLanguages.join(', ') }}
+          </p>
+          <div *ngIf="analysisResults.missingKeys.length > 0">
+            <p>
+              <strong>Claves faltantes en {{ langService.currentLang }}:</strong>
+            </p>
+            <ul>
+              <li *ngFor="let key of analysisResults.missingKeys">{{ key }}</li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </div>
+  `, isInline: true, styles: [".multi-lang-demo{padding:20px;max-width:800px}.language-info,.content-examples,.warning-info,.component-analysis{margin:20px 0;padding:15px;border:1px solid var(--ion-color-light, #f4f5f8);border-radius:8px;background:var(--ion-color-light-tint, #f5f6f9)}.button-group{display:flex;gap:10px;flex-wrap:wrap}.button-group button{padding:8px 16px;border:1px solid var(--ion-color-primary, #3880ff);background:#fff;color:var(--ion-color-primary, #3880ff);border-radius:4px;cursor:pointer;transition:all .2s}.button-group button:hover{background:var(--ion-color-primary-tint, #4992ff);color:#fff}.button-group button.active{background:var(--ion-color-primary, #3880ff);color:#fff}.example-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin-top:10px}.analysis-results{margin-top:10px;padding:10px;background:#fff;border-radius:4px}h2{color:var(--ion-color-primary, #3880ff)}h3{color:var(--ion-color-dark, #222428);margin-bottom:10px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "component", type: TextComponent, selector: "val-text", inputs: ["props"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MultiLanguageDemoComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'val-multi-language-demo', standalone: true, imports: [CommonModule, TextComponent, ButtonComponent], template: `
+    <div class="multi-lang-demo">
+      <h2>Sistema de Idiomas Flexible</h2>
+
+      <div class="language-info">
+        <h3>Información del Sistema:</h3>
+        <p><strong>Idioma actual:</strong> {{ langService.currentLang }}</p>
+        <p><strong>Idioma por defecto:</strong> {{ langService.defaultLanguage }}</p>
+        <p><strong>Idiomas disponibles:</strong> {{ langService.availableLangs.join(', ') }}</p>
+      </div>
+
+      <div class="language-switcher">
+        <h3>Cambiar Idioma:</h3>
+        <div class="button-group">
+          <button
+            *ngFor="let lang of availableLanguages"
+            [class.active]="lang === langService.currentLang"
+            (click)="switchLanguage(lang)"
+          >
+            {{ getLanguageName(lang) }}
+          </button>
+          <!-- Ejemplo de idioma no disponible -->
+          <button (click)="switchLanguage('pt')">Português (no disponible)</button>
+        </div>
+      </div>
+
+      <div class="content-examples">
+        <h3>Contenido Global:</h3>
+        <div class="example-grid">
+          <val-text
+            [props]="{ content: okButton$ | async, size: 'medium', color: 'dark', bold: false, processLinks: false }"
+          ></val-text>
+          <val-text
+            [props]="{
+              content: cancelButton$ | async,
+              size: 'medium',
+              color: 'dark',
+              bold: false,
+              processLinks: false,
+            }"
+          ></val-text>
+          <val-text
+            [props]="{ content: saveButton$ | async, size: 'medium', color: 'dark', bold: false, processLinks: false }"
+          ></val-text>
+          <val-text
+            [props]="{
+              content: deleteButton$ | async,
+              size: 'medium',
+              color: 'dark',
+              bold: false,
+              processLinks: false,
+            }"
+          ></val-text>
+        </div>
+
+        <h3>Contenido con Fallback (algunas traducciones faltantes):</h3>
+        <div class="example-grid">
+          <val-text
+            [props]="{ content: nextButton$ | async, size: 'medium', color: 'dark', bold: false, processLinks: false }"
+          ></val-text>
+          <val-text
+            [props]="{
+              content: finishButton$ | async,
+              size: 'medium',
+              color: 'dark',
+              bold: false,
+              processLinks: false,
+            }"
+          ></val-text>
+          <val-text
+            [props]="{
+              content: searchPlaceholder$ | async,
+              size: 'medium',
+              color: 'dark',
+              bold: false,
+              processLinks: false,
+            }"
+          ></val-text>
+          <val-text
+            [props]="{
+              content: noDataMessage$ | async,
+              size: 'medium',
+              color: 'dark',
+              bold: false,
+              processLinks: false,
+            }"
+          ></val-text>
+        </div>
+      </div>
+
+      <div class="warning-info">
+        <h3>Información de Warnings:</h3>
+        <p>
+          Abre la consola del navegador para ver los warnings cuando cambies a idiomas con traducciones incompletas
+          (francés, alemán).
+        </p>
+        <p>El sistema automáticamente usará el idioma por defecto o el primer idioma disponible como fallback.</p>
+      </div>
+
+      <div class="component-analysis">
+        <h3>Análisis del Componente:</h3>
+        <button (click)="analyzeCurrentComponent()">Analizar Contenido</button>
+        <div *ngIf="analysisResults" class="analysis-results">
+          <p>
+            <strong>Idiomas disponibles para este componente:</strong>
+            {{ analysisResults.availableLanguages.join(', ') }}
+          </p>
+          <div *ngIf="analysisResults.missingKeys.length > 0">
+            <p>
+              <strong>Claves faltantes en {{ langService.currentLang }}:</strong>
+            </p>
+            <ul>
+              <li *ngFor="let key of analysisResults.missingKeys">{{ key }}</li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </div>
+  `, styles: [".multi-lang-demo{padding:20px;max-width:800px}.language-info,.content-examples,.warning-info,.component-analysis{margin:20px 0;padding:15px;border:1px solid var(--ion-color-light, #f4f5f8);border-radius:8px;background:var(--ion-color-light-tint, #f5f6f9)}.button-group{display:flex;gap:10px;flex-wrap:wrap}.button-group button{padding:8px 16px;border:1px solid var(--ion-color-primary, #3880ff);background:#fff;color:var(--ion-color-primary, #3880ff);border-radius:4px;cursor:pointer;transition:all .2s}.button-group button:hover{background:var(--ion-color-primary-tint, #4992ff);color:#fff}.button-group button.active{background:var(--ion-color-primary, #3880ff);color:#fff}.example-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin-top:10px}.analysis-results{margin-top:10px;padding:10px;background:#fff;border-radius:4px}h2{color:var(--ion-color-primary, #3880ff)}h3{color:var(--ion-color-dark, #222428);margin-bottom:10px}\n"] }]
+        }], ctorParameters: () => [{ type: ContentService }, { type: LangService }] });
+
 const text = {
     es: {
         spanish: 'Español',
@@ -6777,7 +7537,10 @@ var LangSettings = new TextContent(text);
 /**
  * Global content that can be used across all components.
  * These are common texts like buttons, actions, states, etc.
- * Structure: {es: {key1: 'value1', key2: 'value2'}, en: {key1: 'value1', key2: 'value2'}}
+ * Structure: {es: {key1: 'value1', key2: 'value2'}, en: {key1: 'value1', key2: 'value2'}, fr: {...}}
+ *
+ * Note: You can add any language code. The system will automatically detect available languages
+ * and provide intelligent fallbacks with warnings for missing translations.
  */
 const globalContentData = {
     es: {
@@ -6848,6 +7611,34 @@ const globalContentData = {
         // Common placeholders
         searchPlaceholder: 'Search...',
     },
+    fr: {
+        // Common buttons - Example of partial translation (missing some keys intentionally)
+        ok: 'OK',
+        cancel: 'Annuler',
+        save: 'Sauvegarder',
+        delete: 'Supprimer',
+        edit: 'Modifier',
+        close: 'Fermer',
+        back: 'Retour',
+        // Common states and messages (intentionally incomplete to show fallback behavior)
+        loading: 'Chargement...',
+        error: 'Erreur',
+        success: 'Succès',
+        // Common confirmations
+        areYouSure: 'Êtes-vous sûr?',
+    },
+    de: {
+        // Common buttons - Another example of partial translation
+        ok: 'OK',
+        cancel: 'Abbrechen',
+        save: 'Speichern',
+        delete: 'Löschen',
+        // Common states and messages
+        loading: 'Laden...',
+        error: 'Fehler',
+        // Common confirmations
+        areYouSure: 'Sind Sie sicher?',
+    },
 };
 const GlobalContent = new TextContent(globalContentData);
 const content = {
@@ -6910,5 +7701,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { ActionType, AlertBoxComponent, AvatarComponent, BannerComponent, BaseDefault, BoxComponent, ButtonComponent, ButtonGroupComponent, CardComponent, CardSection, CardType, CheckInputComponent, ClearDefault, ClearDefaultBlock, ClearDefaultFull, ClearDefaultRound, ClearDefaultRoundBlock, ClearDefaultRoundFull, CommentInputComponent, ComponentStates, ContentLoaderComponent, ContentService, CustomContentDemoComponent, DateInputComponent, DisplayComponent, DividerComponent, DownloadService, EmailInputComponent, ExpandableTextComponent, FileInputComponent, FooterComponent, FormComponent, FormFooterComponent, GlobalContent, HeaderComponent, HintComponent, HourInputComponent, HrefComponent, Icon, IconComponent, IconService, ImageComponent, InAppBrowserService, InputType, ItemListComponent, LangOption, LangService, LayeredCardComponent, LayoutComponent, LinkComponent, LinkProcessingExampleComponent, LinkProcessorService, LinksCakeComponent, LocalStorageService, MOTION, NavigationService, NoContentComponent, NotesBoxComponent, NumberInputComponent, OutlineDefault, OutlineDefaultBlock, OutlineDefaultFull, OutlineDefaultRound, OutlineDefaultRoundBlock, OutlineDefaultRoundFull, PasswordInputComponent, PinInputComponent, PrimarySolidBlockButton, PrimarySolidBlockHrefButton, PrimarySolidBlockIconButton, PrimarySolidBlockIconHrefButton, PrimarySolidDefaultRoundButton, PrimarySolidDefaultRoundHrefButton, PrimarySolidDefaultRoundIconButton, PrimarySolidDefaultRoundIconHrefButton, PrimarySolidFullButton, PrimarySolidFullHrefButton, PrimarySolidFullIconButton, PrimarySolidFullIconHrefButton, PrimarySolidLargeRoundButton, PrimarySolidLargeRoundHrefButton, PrimarySolidLargeRoundIconButton, PrimarySolidLargeRoundIconHrefButton, PrimarySolidSmallRoundButton, PrimarySolidSmallRoundHrefButton, PrimarySolidSmallRoundIconButton, PrimarySolidSmallRoundIconHrefButton, ProcessLinksPipe, ProgressBarComponent, ProgressStatusComponent, PrompterComponent, RadioInputComponent, SearchSelectorComponent, SearchbarComponent, SecondarySolidBlockButton, SecondarySolidBlockHrefButton, SecondarySolidBlockIconButton, SecondarySolidBlockIconHrefButton, SecondarySolidDefaultRoundButton, SecondarySolidDefaultRoundHrefButton, SecondarySolidDefaultRoundIconButton, SecondarySolidDefaultRoundIconHrefButton, SecondarySolidFullButton, SecondarySolidFullHrefButton, SecondarySolidFullIconButton, SecondarySolidFullIconHrefButton, SecondarySolidLargeRoundButton, SecondarySolidLargeRoundHrefButton, SecondarySolidLargeRoundIconButton, SecondarySolidLargeRoundIconHrefButton, SecondarySolidSmallRoundButton, SecondarySolidSmallRoundHrefButton, SecondarySolidSmallRoundIconButton, SecondarySolidSmallRoundIconHrefButton, SelectSearchComponent, SimpleComponent, SolidBlockButton, SolidDefault, SolidDefaultBlock, SolidDefaultButton, SolidDefaultFull, SolidDefaultRound, SolidDefaultRoundBlock, SolidDefaultRoundButton, SolidDefaultRoundFull, SolidFullButton, SolidLargeButton, SolidLargeRoundButton, SolidSmallButton, SolidSmallRoundButton, TextComponent, TextContent, TextInputComponent, ThemeOption, ThemeService, TitleBlockComponent, TitleComponent, ToastService, ToolbarActionType, ToolbarComponent, ValtechConfigService, WizardComponent, WizardFooterComponent, applyDefaultValueToControl, content, createContentHelper, createTextProps, fromContent, fromContentWithInterpolation, fromMultipleContent, globalContentData, goToTop, interpolateContent, isAtEnd, maxLength, replaceSpecialChars, resolveColor, resolveInputDefaultValue };
+export { ActionType, AlertBoxComponent, AvatarComponent, BannerComponent, BaseDefault, BoxComponent, ButtonComponent, ButtonGroupComponent, CardComponent, CardSection, CardType, CheckInputComponent, ClearDefault, ClearDefaultBlock, ClearDefaultFull, ClearDefaultRound, ClearDefaultRoundBlock, ClearDefaultRoundFull, CommentInputComponent, ComponentStates, ComprehensiveLinkTestComponent, ContentLoaderComponent, ContentService, CustomContentDemoComponent, DateInputComponent, DisplayComponent, DividerComponent, DownloadService, EmailInputComponent, ExpandableTextComponent, FileInputComponent, FooterComponent, FormComponent, FormFooterComponent, GlobalContent, HeaderComponent, HintComponent, HourInputComponent, HrefComponent, Icon, IconComponent, IconService, ImageComponent, InAppBrowserService, InputType, ItemListComponent, LANGUAGES, LangService, LayeredCardComponent, LayoutComponent, LinkComponent, LinkProcessingExampleComponent, LinkProcessorService, LinksCakeComponent, LocalStorageService, MOTION, MultiLanguageDemoComponent, NavigationService, NoContentComponent, NotesBoxComponent, NumberInputComponent, OutlineDefault, OutlineDefaultBlock, OutlineDefaultFull, OutlineDefaultRound, OutlineDefaultRoundBlock, OutlineDefaultRoundFull, PasswordInputComponent, PinInputComponent, PrimarySolidBlockButton, PrimarySolidBlockHrefButton, PrimarySolidBlockIconButton, PrimarySolidBlockIconHrefButton, PrimarySolidDefaultRoundButton, PrimarySolidDefaultRoundHrefButton, PrimarySolidDefaultRoundIconButton, PrimarySolidDefaultRoundIconHrefButton, PrimarySolidFullButton, PrimarySolidFullHrefButton, PrimarySolidFullIconButton, PrimarySolidFullIconHrefButton, PrimarySolidLargeRoundButton, PrimarySolidLargeRoundHrefButton, PrimarySolidLargeRoundIconButton, PrimarySolidLargeRoundIconHrefButton, PrimarySolidSmallRoundButton, PrimarySolidSmallRoundHrefButton, PrimarySolidSmallRoundIconButton, PrimarySolidSmallRoundIconHrefButton, ProcessLinksPipe, ProgressBarComponent, ProgressStatusComponent, PrompterComponent, RadioInputComponent, SearchSelectorComponent, SearchbarComponent, SecondarySolidBlockButton, SecondarySolidBlockHrefButton, SecondarySolidBlockIconButton, SecondarySolidBlockIconHrefButton, SecondarySolidDefaultRoundButton, SecondarySolidDefaultRoundHrefButton, SecondarySolidDefaultRoundIconButton, SecondarySolidDefaultRoundIconHrefButton, SecondarySolidFullButton, SecondarySolidFullHrefButton, SecondarySolidFullIconButton, SecondarySolidFullIconHrefButton, SecondarySolidLargeRoundButton, SecondarySolidLargeRoundHrefButton, SecondarySolidLargeRoundIconButton, SecondarySolidLargeRoundIconHrefButton, SecondarySolidSmallRoundButton, SecondarySolidSmallRoundHrefButton, SecondarySolidSmallRoundIconButton, SecondarySolidSmallRoundIconHrefButton, SelectSearchComponent, SimpleComponent, SolidBlockButton, SolidDefault, SolidDefaultBlock, SolidDefaultButton, SolidDefaultFull, SolidDefaultRound, SolidDefaultRoundBlock, SolidDefaultRoundButton, SolidDefaultRoundFull, SolidFullButton, SolidLargeButton, SolidLargeRoundButton, SolidSmallButton, SolidSmallRoundButton, TextComponent, TextContent, TextInputComponent, ThemeOption, ThemeService, TitleBlockComponent, TitleComponent, ToastService, ToolbarActionType, ToolbarComponent, ValtechConfigService, WizardComponent, WizardFooterComponent, applyDefaultValueToControl, content, createContentHelper, createTextProps, fromContent, fromContentWithInterpolation, fromMultipleContent, globalContentData, goToTop, interpolateContent, isAtEnd, maxLength, replaceSpecialChars, resolveColor, resolveInputDefaultValue };
 //# sourceMappingURL=valtech-components.mjs.map