valtech-components 2.0.321 → 2.0.323

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

@@ -31,7 +31,7 @@ export declare class ArticleComponent implements OnInit {
     getVideoElement(element: ArticleElement): ArticleVideoElement;
     getCustomElement(element: ArticleElement): ArticleCustomElement;
     getQuoteTextProps(element: ArticleElement): {
-        size: "small" | "medium" | "large" | "xlarge";
+        size: "medium" | "small" | "large" | "xlarge";
         color: import("@ionic/core").Color;
         content?: string;
         bold: boolean;
@@ -41,9 +41,10 @@ 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";
+        size: "medium" | "small" | "large" | "xlarge";
         color: import("@ionic/core").Color;
         content?: string;
         bold: boolean;
@@ -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/package.json

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