valtech-components 2.0.326 → 2.0.328

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

@@ -1,15 +1,15 @@
 import { EventEmitter, OnDestroy, OnInit } from '@angular/core';
 import { Observable } from 'rxjs';
-import { ContentService } from '../../../services/content.service';
 import { DownloadService } from '../../../services/download.service';
 import { IconService } from '../../../services/icons.service';
+import { LangService } from '../../../services/lang-provider/lang-provider.service';
 import { NavigationService } from '../../../services/navigation.service';
 import { ButtonContentConfig, ButtonMetadata } from '../../types';
 import * as i0 from "@angular/core";
 export declare class ButtonComponent implements OnInit, OnDestroy {
     private download;
     private navigation;
-    private contentService;
+    private langService;
     states: {
         ENABLED: "ENABLED";
         DISABLED: "DISABLED";
@@ -27,7 +27,7 @@ export declare class ButtonComponent implements OnInit, OnDestroy {
      * Event emitted when the button is clicked.
      */
     onClick: EventEmitter<string>;
-    constructor(download: DownloadService, icon: IconService, navigation: NavigationService, contentService: ContentService);
+    constructor(download: DownloadService, icon: IconService, navigation: NavigationService, langService: LangService);
     ngOnInit(): void;
     ngOnDestroy(): void;
     /**

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

@@ -1,10 +1,8 @@
 import { OnDestroy, OnInit } from '@angular/core';
 import { Observable } from 'rxjs';
-import { ContentService } from '../../../services/content.service';
 import { DisplayContentConfig, DisplayMetadata } from './types';
 import * as i0 from "@angular/core";
 export declare class DisplayComponent implements OnInit, OnDestroy {
-    private contentService;
     displayContent$: Observable<string>;
     private subscriptions;
     /**
@@ -16,7 +14,8 @@ export declare class DisplayComponent implements OnInit, OnDestroy {
      * @property size - The text size ('small' | 'medium' | 'large' | 'xlarge').
      */
     props: DisplayMetadata;
-    constructor(contentService: ContentService);
+    private langService;
+    constructor();
     ngOnInit(): void;
     ngOnDestroy(): void;
     private initializeDisplayContent;

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

@@ -1,11 +1,11 @@
 import { OnDestroy, OnInit } from '@angular/core';
 import { Observable } from 'rxjs';
-import { ContentService } from '../../../services/content.service';
+import { LangService } from '../../../services/lang-provider/lang-provider.service';
 import { LinkProcessorService } from '../../../services/link-processor.service';
 import { TextContentConfig, TextMetadata } from './types';
 import * as i0 from "@angular/core";
 export declare class TextComponent implements OnInit, OnDestroy {
-    private contentService;
+    private langService;
     private linkProcessor;
     /**
      * Text configuration object.
@@ -35,7 +35,7 @@ export declare class TextComponent implements OnInit, OnDestroy {
      */
     displayContent$: Observable<string>;
     private subscription;
-    constructor(contentService: ContentService, linkProcessor: LinkProcessorService);
+    constructor(langService: LangService, linkProcessor: LinkProcessorService);
     ngOnInit(): void;
     ngOnDestroy(): void;
     /**

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

@@ -14,8 +14,7 @@ export declare class TitleComponent implements OnInit {
      * @property thin - Whether the title is thin (optional).
      */
     props: TitleMetadata;
-    private contentService;
-    private contentHelper;
+    private langService;
     displayContent$: Observable<string>;
     constructor();
     ngOnInit(): void;

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

@@ -1,11 +1,13 @@
 import { Color } from '@ionic/core';
-import { ReactiveTextMetadata } from '../../../shared/utils/reactive-content';
+import { ReactiveTextMetadata } from '../../../shared/utils/simple-content';
 /**
  * Props for val-title component.
  * Supports both static content and reactive content from the language service.
  *
  * @property content - Static title text to display (takes precedence over reactive content).
- * @property contentConfig - Reactive content configuration (used when content is not provided).
+ * @property contentKey - Content key for reactive content lookup.
+ * @property contentClass - Component class name for content lookup.
+ * @property contentFallback - Fallback text if content is not found.
  * @property color - The title color (Ionic color string).
  * @property size - The title size ('small' | 'medium' | 'large' | 'xlarge').
  * @property bold - Whether the title is bold.
@@ -36,8 +38,12 @@ export interface TitleMetadata extends ReactiveTextMetadata {
  * ```typescript
  * const props = createTitleProps(
  *   { size: 'large', color: 'primary', bold: true },
- *   { contentConfig: { key: 'pageTitle', fallback: 'Default Title' } }
+ *   {
+ *     contentKey: 'pageTitle',
+ *     contentClass: 'MyComponent',
+ *     contentFallback: 'Default Title'
+ *   }
  * );
  * ```
  */
-export declare function createTitleProps(styleConfig: Pick<TitleMetadata, 'size' | 'color' | 'bold' | 'thin'>, contentConfig: Pick<TitleMetadata, 'content' | 'contentConfig'>): TitleMetadata;
+export declare function createTitleProps(styleConfig: Pick<TitleMetadata, 'size' | 'color' | 'bold' | 'thin'>, contentConfig: Pick<TitleMetadata, 'content' | 'contentKey' | 'contentClass' | 'contentFallback'>): TitleMetadata;

package/lib/components/molecules/alert-box/alert-box.component.d.ts

@@ -1,9 +1,9 @@
 import { OnDestroy, OnInit } from '@angular/core';
-import { ContentService } from '../../../services/content.service';
+import { LangService } from '../../../services/lang-provider/lang-provider.service';
 import { AlertBoxMetadata, ReactiveAlertBoxMetadata } from './types';
 import * as i0 from "@angular/core";
 export declare class AlertBoxComponent implements OnInit, OnDestroy {
-    private contentService;
+    private langService;
     private subscriptions;
     /**
      * Alert box configuration object.
@@ -16,7 +16,7 @@ export declare class AlertBoxComponent implements OnInit, OnDestroy {
     get isLegacyProps(): boolean;
     /** Get text props for legacy pattern */
     getLegacyTextProps(): any;
-    constructor(contentService: ContentService);
+    constructor(langService: LangService);
     ngOnInit(): void;
     ngOnDestroy(): void;
     private initializeReactiveTextProps;

package/lib/components/molecules/language-selector/language-selector.component.d.ts

@@ -1,6 +1,5 @@
 import { EventEmitter, OnDestroy, OnInit } from '@angular/core';
 import { Observable } from 'rxjs';
-import { ContentService } from '../../../services/content.service';
 import { LangService } from '../../../services/lang-provider/lang-provider.service';
 import { LangOption } from '../../../services/lang-provider/types';
 import { PopoverSelectorMetadata } from '../popover-selector/types';
@@ -8,7 +7,6 @@ import { LanguageSelectorMetadata } from './types';
 import * as i0 from "@angular/core";
 export declare class LanguageSelectorComponent implements OnInit, OnDestroy {
     private langService;
-    private contentService;
     /**
      * Language selector configuration object.
      * @type {LanguageSelectorMetadata}
@@ -32,7 +30,7 @@ export declare class LanguageSelectorComponent implements OnInit, OnDestroy {
     private readonly defaultLanguageNames;
     /** Default flag icons for languages */
     private readonly defaultLanguageFlags;
-    constructor(langService: LangService, contentService: ContentService);
+    constructor(langService: LangService);
     ngOnInit(): void;
     ngOnDestroy(): void;
     private initializeLanguageState;

package/lib/services/lang-provider/lang-provider.service.d.ts

@@ -207,6 +207,56 @@ export declare class LangService {
      * Useful for testing or complete reinitialization.
      */
     clearAllContent(): void;
+    /**
+     * Get content with interpolation support.
+     * Retrieves content and replaces placeholders with provided values.
+     *
+     * @param className - The component class name
+     * @param key - The text key
+     * @param interpolationData - Object with values to interpolate
+     * @param fallback - Optional fallback text if key is not found
+     * @returns Text with interpolated values
+     */
+    getTextWithInterpolation(className: string, key: string, interpolationData?: Record<string, string | number>, fallback?: string): string;
+    /**
+     * Get reactive content with interpolation support.
+     * Returns an Observable that emits interpolated content when language changes.
+     *
+     * @param className - The component class name
+     * @param key - The text key
+     * @param interpolationData - Object with values to interpolate
+     * @param fallback - Optional fallback text if key is not found
+     * @returns Observable that emits interpolated text
+     */
+    getContentWithInterpolation(className: string, key: string, interpolationData?: Record<string, string | number>, fallback?: string): Observable<string>;
+    /**
+     * Interpolate a string with provided values.
+     * Replaces placeholders like {{key}} or {key} with actual values.
+     *
+     * @param content - Content string with placeholders
+     * @param values - Values to interpolate
+     * @returns Interpolated string
+     *
+     * @example
+     * ```typescript
+     * interpolateString('Hello {{name}}!', { name: 'World' })
+     * // Returns: 'Hello World!'
+     * ```
+     */
+    private interpolateString;
+    /**
+     * Legacy function equivalent to the old fromContentWithInterpolation.
+     * Provides reactive content with interpolation support for backward compatibility.
+     *
+     * @param className - The component class name
+     * @param key - The text key
+     * @param interpolationData - Object with values to interpolate
+     * @param fallback - Optional fallback text if key is not found
+     * @returns Observable that emits interpolated text
+     *
+     * @deprecated Use getContentWithInterpolation instead
+     */
+    fromContentWithInterpolation(className: string, key: string, interpolationData?: Record<string, string | number>, fallback?: string): Observable<string>;
     get Lang(): LangOption;
     set Lang(lang: LangOption);
     static ɵfac: i0.ɵɵFactoryDeclaration<LangService, never>;

package/lib/shared/utils/simple-content.d.ts

@@ -0,0 +1,120 @@
+/**
+ * Simplified content utilities for the new LangService-only system.
+ * This replaces the old reactive-content.ts with a much simpler approach.
+ */
+/**
+ * Base metadata for components that support reactive content.
+ * Simplified version that works directly with LangService.
+ */
+export interface ReactiveContentMetadata {
+    /** Static content text (takes precedence over reactive content) */
+    content?: string;
+    /** Content key for reactive content from LangService */
+    contentKey?: string;
+    /** Component class name for content lookup */
+    contentClass?: string;
+    /** Fallback text if content is not found */
+    contentFallback?: string;
+}
+/**
+ * Extended metadata for text-based components with reactive content support.
+ */
+export interface ReactiveTextMetadata extends ReactiveContentMetadata {
+    /** Static content text */
+    content?: string;
+    /** Content key for reactive lookup */
+    contentKey?: string;
+    /** Component class name */
+    contentClass?: string;
+    /** Fallback text */
+    contentFallback?: string;
+}
+/**
+ * Extended metadata for components that support content interpolation.
+ */
+export interface ReactiveContentWithInterpolation extends ReactiveContentMetadata {
+    /** Interpolation data for parameterized content */
+    contentInterpolation?: Record<string, string | number>;
+}
+/**
+ * Helper function to determine if component should use reactive content.
+ * @param metadata Component metadata
+ * @returns True if component should use reactive content
+ */
+export declare function shouldUseReactiveContent(metadata: ReactiveContentMetadata): boolean;
+/**
+ * Extract content configuration from metadata.
+ * @param metadata Component metadata
+ * @returns Content configuration for LangService
+ */
+export declare function extractContentConfig(metadata: ReactiveContentMetadata): {
+    className: string;
+    key: string;
+    fallback: string;
+};
+/**
+ * Create reactive content metadata with defaults.
+ * @param config Partial content configuration
+ * @returns Complete reactive content metadata
+ */
+export declare function createReactiveContentMetadata(config: Partial<ReactiveContentMetadata>): ReactiveContentMetadata;
+/**
+ * Interpolate content string with values.
+ * Replaces placeholders like {{key}} or {key} with actual values.
+ *
+ * @param content - Content string with placeholders
+ * @param values - Values to interpolate
+ * @returns Interpolated string
+ *
+ * @example
+ * ```typescript
+ * interpolateContent('Hello {{name}}!', { name: 'World' })
+ * // Returns: 'Hello World!'
+ * ```
+ */
+export declare function interpolateContent(content: string, values?: Record<string, string | number>): string;
+/**
+ * Check if component should use reactive content with interpolation.
+ * @param metadata Component metadata with interpolation
+ * @returns True if component should use reactive content with interpolation
+ */
+export declare function shouldUseReactiveContentWithInterpolation(metadata: ReactiveContentWithInterpolation): boolean;
+/**
+ * Extract content configuration with interpolation from metadata.
+ * @param metadata Component metadata with interpolation
+ * @returns Content configuration for LangService with interpolation data
+ */
+export declare function extractContentConfigWithInterpolation(metadata: ReactiveContentWithInterpolation): {
+    className: string;
+    key: string;
+    fallback: string;
+    interpolation: Record<string, string | number>;
+};
+/**
+ * Helper function to get reactive content with interpolation using LangService.
+ * This provides a unified way to get reactive, interpolated content.
+ *
+ * @param langService - The LangService instance
+ * @param metadata - Component metadata with interpolation
+ * @returns Observable that emits interpolated content
+ *
+ * @example
+ * ```typescript
+ * const content$ = fromContentWithInterpolation(this.langService, {
+ *   contentClass: 'MyComponent',
+ *   contentKey: 'greeting',
+ *   contentInterpolation: { name: 'World' }
+ * });
+ * ```
+ */
+export declare function fromContentWithInterpolation(langService: any, // LangService type would cause circular dependency
+metadata: ReactiveContentWithInterpolation): any;
+/**
+ * Helper function to get static content with interpolation.
+ * This provides interpolation for static content strings.
+ *
+ * @param content - Static content string
+ * @param interpolationData - Values to interpolate
+ * @returns Interpolated string
+ */
+export declare function interpolateStaticContent(content: string, interpolationData?: Record<string, string | number>): string;

package/package.json

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

package/public-api.d.ts

@@ -87,7 +87,6 @@ export * from './lib/components/organisms/article/types';
 export * from './lib/components/templates/layout/layout.component';
 export * from './lib/components/templates/simple/simple.component';
 export * from './lib/components/templates/simple/types';
-export * from './lib/services/content.service';
 export * from './lib/services/download.service';
 export * from './lib/services/icons.service';
 export * from './lib/services/in-app-browser.service';
@@ -105,6 +104,6 @@ export * from './lib/shared/pipes/process-links.pipe';
 export * from './lib/shared/utils/content';
 export * from './lib/shared/utils/dom';
 export * from './lib/shared/utils/form-defaults';
-export * from './lib/shared/utils/reactive-content';
+export { createReactiveContentMetadata, extractContentConfig, extractContentConfigWithInterpolation, interpolateStaticContent, ReactiveContentMetadata, ReactiveContentWithInterpolation, ReactiveTextMetadata, shouldUseReactiveContent, shouldUseReactiveContentWithInterpolation, } from './lib/shared/utils/simple-content';
 export * from './lib/shared/utils/styles';
 export * from './lib/shared/utils/text';