valtech-components 2.0.322 → 2.0.324

package/lib/components/atoms/text/text.component.d.ts

@@ -26,6 +26,7 @@ export declare class TextComponent implements OnInit, OnDestroy {
      * @property bold - Whether the text is bold
      * @property processLinks - Whether to automatically process and convert links in text (default: false)
      * @property linkConfig - Configuration for link processing (colors, target behavior, etc.)
+     * @property allowPartialBold - Whether to allow partial bold using <b> or <strong> tags (default: false)
      */
     props: TextMetadata;
     /**
@@ -42,6 +43,14 @@ export declare class TextComponent implements OnInit, OnDestroy {
      * Priority: static content > reactive content with interpolation > reactive content
      */
     private setupDisplayContent;
+    /**
+     * Process partial bold tags in the content.
+     * Converts <b> and <strong> tags to properly styled bold spans.
+     *
+     * @param content - The content string to process
+     * @returns Processed content with bold styling
+     */
+    processPartialBold(content: string | null): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<TextComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<TextComponent, "val-text", never, { "props": { "alias": "props"; "required": false; }; }, {}, never, never, true, never>;
 }
@@ -67,5 +76,22 @@ export declare class TextComponent implements OnInit, OnDestroy {
  *   })
  * };
  * ```
+ *
+ * @example With partial bold support:
+ * ```typescript
+ * // In component
+ * greetingProps: TextMetadata = {
+ *   ...createTextProps({
+ *     contentKey: 'greeting',
+ *     contentClass: 'UserComponent',
+ *     contentInterpolation: { name: '<b>Juan</b>' }
+ *   }, {
+ *     color: 'primary',
+ *     size: 'medium',
+ *     bold: false,
+ *     allowPartialBold: true
+ *   })
+ * };
+ * ```
  */
-export declare function createTextProps(contentConfig: TextContentConfig, styleConfig?: Partial<Pick<TextMetadata, 'color' | 'size' | 'bold'>>): Partial<TextMetadata>;
+export declare function createTextProps(contentConfig: TextContentConfig, styleConfig?: Partial<Pick<TextMetadata, 'color' | 'size' | 'bold' | 'allowPartialBold'>>): Partial<TextMetadata>;

package/lib/components/atoms/text/types.d.ts

@@ -28,6 +28,7 @@ export interface TextMetadata {
     contentInterpolation?: Record<string, string | number>;
     processLinks?: boolean;
     linkConfig?: LinkProcessorConfig;
+    allowPartialBold?: boolean;
 }
 /**
  * Configuration for reactive content in val-text component.

package/lib/components/organisms/article/article.component.d.ts

@@ -41,6 +41,7 @@ export declare class ArticleComponent implements OnInit {
         contentInterpolation?: Record<string, string | number>;
         processLinks?: boolean;
         linkConfig?: import("valtech-components").LinkProcessorConfig;
+        allowPartialBold?: boolean;
     };
     getHighlightTextProps(element: ArticleElement): {
         size: "small" | "medium" | "large" | "xlarge";
@@ -53,6 +54,7 @@ export declare class ArticleComponent implements OnInit {
         contentInterpolation?: Record<string, string | number>;
         processLinks?: boolean;
         linkConfig?: import("valtech-components").LinkProcessorConfig;
+        allowPartialBold?: boolean;
     };
     getHighlightColor(element: ArticleElement): string;
     getButtonProps(element: ArticleElement): {

package/lib/services/content-loader.service.d.ts

@@ -1,11 +1,11 @@
-import { LangService } from './lang-provider/lang-provider.service';
 import { LanguagesContent } from './lang-provider/types';
+import { Provider } from './lang-provider/content';
 import * as i0 from "@angular/core";
 /**
  * ContentLoader Service - Dynamic content loading system.
  *
- * Allows loading content from distributed .content.ts files throughout the project,
- * keeping content close to where it's used instead of centralizing everything in main.ts.
+ * REFACTORED: Now uses ValtechConfigService properly instead of hacking LangService.
+ * This provides a clean, maintainable way to register content dynamically.
  *
  * @example Basic usage:
  * ```typescript
@@ -15,17 +15,17 @@ import * as i0 from "@angular/core";
  *   en: { title: 'My User Page', welcome: 'Welcome {{name}}' }
  * };
  *
- * // In component or main.ts
+ * // In component
  * import { UserPageContent } from './user-page.content';
- * contentLoader.registerContent('UserPage', UserPageContent);
+ * registerContent('UserPage', UserPageContent);
  * ```
  */
 export declare class ContentLoaderService {
-    private langService;
+    private valtechConfig;
     private registeredContent;
-    constructor(langService: LangService);
     /**
      * Register content for a specific component/page class.
+     * ✅ CLEAN: Uses proper ValtechConfigService API instead of hacking LangService
      */
     registerContent(className: string, content: LanguagesContent): void;
     /**
@@ -53,10 +53,15 @@ export declare class ContentLoaderService {
      */
     clearAllContent(): void;
     /**
-     * Add content to the LangService content provider.
+     * Get current content provider state.
+     * Useful for debugging.
+     */
+    getContentProvider(): Provider | undefined;
+    /**
+     * ✅ CLEAN: Add content to provider using proper API
      * @private
      */
-    private addContentToLangService;
+    private addContentToProvider;
     static ɵfac: i0.ɵɵFactoryDeclaration<ContentLoaderService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<ContentLoaderService>;
 }
@@ -73,9 +78,21 @@ export interface ContentModule {
 export declare function createContentModule(className: string, content: LanguagesContent): ContentModule;
 /**
  * Simple function to register content directly.
+ * ✅ IMPROVED: Cleaner global registry management
  */
 export declare function registerContent(className: string, content: LanguagesContent): void;
 /**
  * Load all content from the global registry.
+ * ✅ IMPROVED: Better error handling and logging
  */
 export declare function loadRegisteredContent(contentLoader: ContentLoaderService): void;
+/**
+ * ✅ NEW: Debugging helper
+ * Get current global registry state
+ */
+export declare function getRegisteredContentQueue(): ContentModule[];
+/**
+ * ✅ NEW: Debugging helper
+ * Clear the global registry without loading
+ */
+export declare function clearRegisteredContentQueue(): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "valtech-components",
-  "version": "2.0.322",
+  "version": "2.0.324",
   "peerDependencies": {
     "@angular/common": "^18.0.0",
     "@angular/core": "^18.0.0",