valtech-components 2.0.325 → 2.0.326

package/fesm2022/valtech-components.mjs

@@ -991,6 +991,137 @@ class LangService {
         const targetContent = classContent.Content[lang] || {};
         return Object.keys(referenceContent).filter(key => !targetContent[key] || typeof targetContent[key] !== 'string');
     }
+    /**
+     * Register or update content for a component dynamically.
+     * This allows registering content at runtime without APP_INITIALIZER.
+     *
+     * @param className - The component class name
+     * @param content - The multilingual content object
+     * @param merge - Whether to merge with existing content (default: true)
+     *
+     * @example
+     * ```typescript
+     * this.langService.registerContent('MyComponent', {
+     *   [LANGUAGES.ES]: { title: 'Título', description: 'Descripción' },
+     *   [LANGUAGES.EN]: { title: 'Title', description: 'Description' }
+     * });
+     * ```
+     */
+    registerContent(className, content, merge = true) {
+        if (!className) {
+            console.error('LangService: className is required for registerContent');
+            return;
+        }
+        if (!content || typeof content !== 'object') {
+            console.error('LangService: Invalid content provided for registerContent');
+            return;
+        }
+        console.log(`LangService: Registering content for "${className}"`, {
+            merge,
+            languages: Object.keys(content),
+        });
+        // Initialize component content if it doesn't exist
+        if (!this.content[className]) {
+            this.content[className] = new TextContent({});
+        }
+        // Merge or replace content for each language
+        Object.entries(content).forEach(([lang, langContent]) => {
+            if (!langContent || typeof langContent !== 'object') {
+                console.warn(`LangService: Invalid content for language "${lang}" in "${className}"`);
+                return;
+            }
+            if (!this.content[className].Content[lang]) {
+                this.content[className].Content[lang] = {};
+            }
+            if (merge) {
+                this.content[className].Content[lang] = {
+                    ...this.content[className].Content[lang],
+                    ...langContent,
+                };
+            }
+            else {
+                this.content[className].Content[lang] = { ...langContent };
+            }
+        });
+        // Update available languages
+        this.detectAvailableLanguages();
+        console.log(`LangService: Content registered successfully for "${className}"`);
+    }
+    /**
+     * Update multiple content registrations at once.
+     *
+     * @param contentMap - Map of className to content
+     * @param merge - Whether to merge with existing content (default: true)
+     *
+     * @example
+     * ```typescript
+     * this.langService.registerMultipleContent({
+     *   'Component1': { [LANGUAGES.ES]: { key1: 'valor1' } },
+     *   'Component2': { [LANGUAGES.EN]: { key2: 'value2' } }
+     * });
+     * ```
+     */
+    registerMultipleContent(contentMap, merge = true) {
+        if (!contentMap || typeof contentMap !== 'object') {
+            console.error('LangService: Invalid contentMap provided for registerMultipleContent');
+            return;
+        }
+        console.log('LangService: Registering multiple content entries', {
+            classes: Object.keys(contentMap),
+            merge,
+        });
+        Object.entries(contentMap).forEach(([className, content]) => {
+            this.registerContent(className, content, merge);
+        });
+        console.log('LangService: Multiple content registration completed');
+    }
+    /**
+     * Remove content for a specific component.
+     *
+     * @param className - The component class name to remove
+     */
+    removeContent(className) {
+        if (!className) {
+            console.error('LangService: className is required for removeContent');
+            return;
+        }
+        if (this.content[className]) {
+            delete this.content[className];
+            this.detectAvailableLanguages();
+            console.log(`LangService: Content removed for "${className}"`);
+        }
+        else {
+            console.warn(`LangService: No content found for "${className}" to remove`);
+        }
+    }
+    /**
+     * Get a list of all registered component classes.
+     *
+     * @returns Array of registered class names
+     */
+    getRegisteredClasses() {
+        return Object.keys(this.content);
+    }
+    /**
+     * Get the complete content configuration (for debugging purposes).
+     * Returns a deep copy to prevent accidental mutations.
+     *
+     * @returns Complete content configuration
+     */
+    getContentConfiguration() {
+        return JSON.parse(JSON.stringify(this.content));
+    }
+    /**
+     * Clear all content and reset to initial state.
+     * Useful for testing or complete reinitialization.
+     */
+    clearAllContent() {
+        console.log('LangService: Clearing all content');
+        this.content = {};
+        this.availableLanguages = [LANGUAGES.ES]; // Reset to default
+        this.warnedMissingLanguages.clear();
+        console.log('LangService: All content cleared');
+    }
     // Legacy getters/setters for backward compatibility
     get Lang() {
         return this.currentLang;
@@ -8109,187 +8240,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                 type: Output
             }] } });
 
-/**
- * ContentLoader Service - Dynamic content loading system.
- *
- * REFACTORED: Now uses ValtechConfigService properly instead of hacking LangService.
- * This provides a clean, maintainable way to register content dynamically.
- *
- * @example Basic usage:
- * ```typescript
- * // user-page.content.ts
- * export const UserPageContent = {
- *   es: { title: 'Mi Página de Usuario', welcome: 'Bienvenido {{name}}' },
- *   en: { title: 'My User Page', welcome: 'Welcome {{name}}' }
- * };
- *
- * // In component
- * import { UserPageContent } from './user-page.content';
- * registerContent('UserPage', UserPageContent);
- * ```
- */
-class ContentLoaderService {
-    constructor() {
-        this.valtechConfig = inject(ValtechConfigService);
-        this.registeredContent = new Map();
-    }
-    /**
-     * Register content for a specific component/page class.
-     * ✅ CLEAN: Uses proper ValtechConfigService API instead of hacking LangService
-     */
-    registerContent(className, content) {
-        // Store locally for tracking
-        this.registeredContent.set(className, content);
-        // Update the configuration properly
-        this.addContentToProvider(className, content);
-        console.log(`✅ ContentLoader: Registered content for "${className}"`);
-    }
-    /**
-     * Register multiple content modules at once.
-     */
-    loadContent(contentModules) {
-        console.log(`🔄 ContentLoader: Loading ${contentModules.length} content modules...`);
-        contentModules.forEach(module => {
-            this.registerContent(module.className, module.content);
-        });
-        console.log('✅ ContentLoader: All content modules loaded successfully');
-    }
-    /**
-     * Check if content is registered for a class.
-     */
-    hasContentFor(className) {
-        return this.registeredContent.has(className);
-    }
-    /**
-     * Get all registered class names.
-     */
-    getRegisteredClasses() {
-        return Array.from(this.registeredContent.keys());
-    }
-    /**
-     * Get registered content for a specific class.
-     */
-    getContentFor(className) {
-        return this.registeredContent.get(className);
-    }
-    /**
-     * Remove content registration for a class.
-     */
-    unregisterContent(className) {
-        const existed = this.registeredContent.has(className);
-        this.registeredContent.delete(className);
-        // Also remove from the provider
-        if (existed && this.valtechConfig.content) {
-            const updatedContent = { ...this.valtechConfig.content };
-            delete updatedContent[className];
-            this.valtechConfig.content = updatedContent;
-            console.log(`🗑️ ContentLoader: Unregistered content for "${className}"`);
-        }
-        return existed;
-    }
-    /**
-     * Clear all registered content.
-     */
-    clearAllContent() {
-        this.registeredContent.clear();
-        console.log('🧹 ContentLoader: Cleared all registered content');
-    }
-    /**
-     * Get current content provider state.
-     * Useful for debugging.
-     */
-    getContentProvider() {
-        return this.valtechConfig.content;
-    }
-    /**
-     * ✅ CLEAN: Add content to provider using proper API
-     * @private
-     */
-    addContentToProvider(className, content) {
-        try {
-            // Get current content provider
-            const currentContent = this.valtechConfig.content || {};
-            // Create TextContent instance
-            const textContent = new TextContent(content);
-            // Update the content provider properly
-            const updatedContent = {
-                ...currentContent,
-                [className]: textContent,
-            };
-            // Set the updated content - this is the clean way
-            this.valtechConfig.content = updatedContent;
-            console.log(`📝 ContentLoader: Added "${className}" to content provider`);
-        }
-        catch (error) {
-            console.error(`❌ ContentLoader: Error adding content for "${className}":`, error);
-        }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ContentLoaderService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ContentLoaderService, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ContentLoaderService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }] });
-/**
- * Helper function to create a content module.
- */
-function createContentModule(className, content) {
-    return { className, content };
-}
-/**
- * ✅ CLEAN: Global registry using proper array instead of globalThis hack
- */
-const globalContentRegistry = [];
-/**
- * Simple function to register content directly.
- * ✅ IMPROVED: Cleaner global registry management
- */
-function registerContent(className, content) {
-    // Add to global registry
-    globalContentRegistry.push({ className, content });
-    console.log(`📝 registerContent: Queued "${className}" for registration`);
-}
-/**
- * Load all content from the global registry.
- * ✅ IMPROVED: Better error handling and logging
- */
-function loadRegisteredContent(contentLoader) {
-    if (globalContentRegistry.length === 0) {
-        console.log('ℹ️ ContentLoader: No content registered to load');
-        return;
-    }
-    console.log(`🚀 ContentLoader: Loading ${globalContentRegistry.length} registered content modules...`);
-    try {
-        // Load all content
-        contentLoader.loadContent([...globalContentRegistry]);
-        // Clear the registry after loading
-        globalContentRegistry.length = 0;
-        console.log('🎉 ContentLoader: All registered content loaded and registry cleared');
-    }
-    catch (error) {
-        console.error('❌ ContentLoader: Error loading registered content:', error);
-    }
-}
-/**
- * ✅ NEW: Debugging helper
- * Get current global registry state
- */
-function getRegisteredContentQueue() {
-    return [...globalContentRegistry];
-}
-/**
- * ✅ NEW: Debugging helper
- * Clear the global registry without loading
- */
-function clearRegisteredContentQueue() {
-    const count = globalContentRegistry.length;
-    globalContentRegistry.length = 0;
-    console.log(`🧹 ContentLoader: Cleared ${count} items from registration queue`);
-}
-
 const text = {
     es: {
         spanish: 'Español',
@@ -8464,5 +8414,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { ARTICLE_SPACING, ActionType, AlertBoxComponent, ArticleBuilder, ArticleComponent, AvatarComponent, BannerComponent, BaseDefault, BoxComponent, ButtonComponent, ButtonGroupComponent, CardComponent, CardSection, CardType, CheckInputComponent, ClearDefault, ClearDefaultBlock, ClearDefaultFull, ClearDefaultRound, ClearDefaultRoundBlock, ClearDefaultRoundFull, CommentInputComponent, ComponentContentHelper, ComponentStates, ContentLoaderComponent, ContentLoaderService, ContentService, DateInputComponent, DisplayComponent, DividerComponent, DownloadService, EmailInputComponent, ExpandableTextComponent, FileInputComponent, FooterComponent, FormComponent, FormFooterComponent, GlobalContent, HeaderComponent, HintComponent, HourInputComponent, HrefComponent, Icon, IconComponent, IconService, ImageComponent, InAppBrowserService, InputType, ItemListComponent, LANGUAGES, LangService, LanguageSelectorComponent, LayeredCardComponent, LayoutComponent, LinkComponent, LinkProcessorService, LinksCakeComponent, ListContentHelper, LocalStorageService, MOTION, NavigationService, NoContentComponent, NotesBoxComponent, NumberInputComponent, OutlineDefault, OutlineDefaultBlock, OutlineDefaultFull, OutlineDefaultRound, OutlineDefaultRoundBlock, OutlineDefaultRoundFull, PasswordInputComponent, PinInputComponent, PopoverSelectorComponent, 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, clearRegisteredContentQueue, content, createButtonProps, createComponentContentHelper, createContentHelper, createContentModule, createDisplayProps, createReactiveProps, createTextProps, createTitleProps, fromContent, fromContentWithInterpolation, fromMultipleContent, getRegisteredContentQueue, globalContentData, goToTop, interpolateContent, isAtEnd, loadRegisteredContent, maxLength, registerContent, replaceSpecialChars, resolveColor, resolveInputDefaultValue, shouldUseReactiveContent };
+export { ARTICLE_SPACING, ActionType, AlertBoxComponent, ArticleBuilder, ArticleComponent, AvatarComponent, BannerComponent, BaseDefault, BoxComponent, ButtonComponent, ButtonGroupComponent, CardComponent, CardSection, CardType, CheckInputComponent, ClearDefault, ClearDefaultBlock, ClearDefaultFull, ClearDefaultRound, ClearDefaultRoundBlock, ClearDefaultRoundFull, CommentInputComponent, ComponentContentHelper, ComponentStates, ContentLoaderComponent, ContentService, DateInputComponent, DisplayComponent, DividerComponent, DownloadService, EmailInputComponent, ExpandableTextComponent, FileInputComponent, FooterComponent, FormComponent, FormFooterComponent, GlobalContent, HeaderComponent, HintComponent, HourInputComponent, HrefComponent, Icon, IconComponent, IconService, ImageComponent, InAppBrowserService, InputType, ItemListComponent, LANGUAGES, LangService, LanguageSelectorComponent, LayeredCardComponent, LayoutComponent, LinkComponent, LinkProcessorService, LinksCakeComponent, ListContentHelper, LocalStorageService, MOTION, NavigationService, NoContentComponent, NotesBoxComponent, NumberInputComponent, OutlineDefault, OutlineDefaultBlock, OutlineDefaultFull, OutlineDefaultRound, OutlineDefaultRoundBlock, OutlineDefaultRoundFull, PasswordInputComponent, PinInputComponent, PopoverSelectorComponent, 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, createButtonProps, createComponentContentHelper, createContentHelper, createDisplayProps, createReactiveProps, createTextProps, createTitleProps, fromContent, fromContentWithInterpolation, fromMultipleContent, globalContentData, goToTop, interpolateContent, isAtEnd, maxLength, replaceSpecialChars, resolveColor, resolveInputDefaultValue, shouldUseReactiveContent };
 //# sourceMappingURL=valtech-components.mjs.map