valtech-components 2.0.317 → 2.0.318

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

@@ -1,7 +1,7 @@
 import { OnDestroy, OnInit } from '@angular/core';
 import { Observable } from 'rxjs';
 import { ContentService } from '../../../services/content.service';
-import { DisplayMetadata } from './types';
+import { DisplayContentConfig, DisplayMetadata } from './types';
 import * as i0 from "@angular/core";
 export declare class DisplayComponent implements OnInit, OnDestroy {
     private contentService;
@@ -23,3 +23,48 @@ export declare class DisplayComponent implements OnInit, OnDestroy {
     static ɵfac: i0.ɵɵFactoryDeclaration<DisplayComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<DisplayComponent, "val-display", never, { "props": { "alias": "props"; "required": false; }; }, {}, never, never, true, never>;
 }
+/**
+ * Helper function to create reactive display props from content configuration.
+ * This provides a convenient way to create val-display props with reactive content.
+ *
+ * @param contentConfig - Content configuration for reactive content
+ * @param styleConfig - Optional style configuration (color and size)
+ * @returns DisplayMetadata with content properties set
+ *
+ * @example
+ * ```typescript
+ * // In component
+ * titleProps: DisplayMetadata = createDisplayProps({
+ *   key: 'title',
+ *   className: 'HeaderComponent',
+ *   fallback: 'Default Title'
+ * }, {
+ *   color: 'primary',
+ *   size: 'large'
+ * });
+ * ```
+ *
+ * @example
+ * ```typescript
+ * // With interpolation
+ * greetingProps: DisplayMetadata = createDisplayProps({
+ *   key: 'greeting',
+ *   className: 'UserComponent',
+ *   fallback: 'Hello!',
+ *   interpolation: { name: 'John', count: 5 }
+ * }, {
+ *   color: 'secondary',
+ *   size: 'medium'
+ * });
+ * ```
+ *
+ * @example
+ * ```typescript
+ * // Using default style values
+ * simpleProps: DisplayMetadata = createDisplayProps({
+ *   key: 'welcomeMessage',
+ *   className: 'HomeComponent'
+ * }); // Will use default color: 'dark' and size: 'medium'
+ * ```
+ */
+export declare function createDisplayProps(contentConfig: DisplayContentConfig, styleConfig?: Partial<Pick<DisplayMetadata, 'color' | 'size'>>): DisplayMetadata;

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

@@ -21,3 +21,13 @@ export interface DisplayMetadata {
         interpolation?: Record<string, any>;
     };
 }
+/**
+ * Configuration for reactive content in val-display component.
+ * Use this interface when you only need to specify content-related properties.
+ */
+export interface DisplayContentConfig {
+    key: string;
+    className?: string;
+    fallback?: string;
+    interpolation?: Record<string, string | number>;
+}

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

@@ -73,7 +73,7 @@ export declare class ArticleComponent implements OnInit {
         shape?: "round";
         size?: "small" | "large" | "default";
         fill?: "default" | "clear" | "outline" | "solid";
-        type: "button" | "submit" | "reset";
+        type: "submit" | "button" | "reset";
         token?: string;
         ref?: any;
         handler?: (value: any) => any;

package/package.json

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