valtech-components 2.0.317 → 2.0.318
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2022/lib/components/atoms/display/display.component.mjs +57 -1
- package/esm2022/lib/components/atoms/display/types.mjs +1 -1
- package/fesm2022/valtech-components.mjs +57 -1
- package/fesm2022/valtech-components.mjs.map +1 -1
- package/lib/components/atoms/display/display.component.d.ts +46 -1
- package/lib/components/atoms/display/types.d.ts +10 -0
- package/lib/components/organisms/article/article.component.d.ts +1 -1
- package/package.json +1 -1
|
@@ -71,4 +71,60 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
71
71
|
}], ctorParameters: () => [{ type: i1.ContentService }], propDecorators: { props: [{
|
|
72
72
|
type: Input
|
|
73
73
|
}] } });
|
|
74
|
-
|
|
74
|
+
/**
|
|
75
|
+
* Helper function to create reactive display props from content configuration.
|
|
76
|
+
* This provides a convenient way to create val-display props with reactive content.
|
|
77
|
+
*
|
|
78
|
+
* @param contentConfig - Content configuration for reactive content
|
|
79
|
+
* @param styleConfig - Optional style configuration (color and size)
|
|
80
|
+
* @returns DisplayMetadata with content properties set
|
|
81
|
+
*
|
|
82
|
+
* @example
|
|
83
|
+
* ```typescript
|
|
84
|
+
* // In component
|
|
85
|
+
* titleProps: DisplayMetadata = createDisplayProps({
|
|
86
|
+
* key: 'title',
|
|
87
|
+
* className: 'HeaderComponent',
|
|
88
|
+
* fallback: 'Default Title'
|
|
89
|
+
* }, {
|
|
90
|
+
* color: 'primary',
|
|
91
|
+
* size: 'large'
|
|
92
|
+
* });
|
|
93
|
+
* ```
|
|
94
|
+
*
|
|
95
|
+
* @example
|
|
96
|
+
* ```typescript
|
|
97
|
+
* // With interpolation
|
|
98
|
+
* greetingProps: DisplayMetadata = createDisplayProps({
|
|
99
|
+
* key: 'greeting',
|
|
100
|
+
* className: 'UserComponent',
|
|
101
|
+
* fallback: 'Hello!',
|
|
102
|
+
* interpolation: { name: 'John', count: 5 }
|
|
103
|
+
* }, {
|
|
104
|
+
* color: 'secondary',
|
|
105
|
+
* size: 'medium'
|
|
106
|
+
* });
|
|
107
|
+
* ```
|
|
108
|
+
*
|
|
109
|
+
* @example
|
|
110
|
+
* ```typescript
|
|
111
|
+
* // Using default style values
|
|
112
|
+
* simpleProps: DisplayMetadata = createDisplayProps({
|
|
113
|
+
* key: 'welcomeMessage',
|
|
114
|
+
* className: 'HomeComponent'
|
|
115
|
+
* }); // Will use default color: 'dark' and size: 'medium'
|
|
116
|
+
* ```
|
|
117
|
+
*/
|
|
118
|
+
export function createDisplayProps(contentConfig, styleConfig = {}) {
|
|
119
|
+
return {
|
|
120
|
+
contentConfig: {
|
|
121
|
+
key: contentConfig.key,
|
|
122
|
+
className: contentConfig.className,
|
|
123
|
+
fallback: contentConfig.fallback,
|
|
124
|
+
interpolation: contentConfig.interpolation,
|
|
125
|
+
},
|
|
126
|
+
color: styleConfig.color || 'dark',
|
|
127
|
+
size: styleConfig.size || 'medium',
|
|
128
|
+
};
|
|
129
|
+
}
|
|
130
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlzcGxheS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy92YWx0ZWNoLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2F0b21zL2Rpc3BsYXkvZGlzcGxheS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFxQixNQUFNLGVBQWUsQ0FBQztBQUNwRSxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDcEQsT0FBTyxFQUFjLFlBQVksRUFBRSxFQUFFLEVBQUUsTUFBTSxNQUFNLENBQUM7Ozs7QUFpQnBEOzs7Ozs7Ozs7Ozs7OztHQWNHO0FBQ0gsTUFBTSxPQUFPLGdCQUFnQjtJQWUzQixZQUFvQixjQUE4QjtRQUE5QixtQkFBYyxHQUFkLGNBQWMsQ0FBZ0I7UUFiMUMsa0JBQWEsR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO0lBYVUsQ0FBQztJQUV0RCxRQUFRO1FBQ04sSUFBSSxDQUFDLHdCQUF3QixFQUFFLENBQUM7SUFDbEMsQ0FBQztJQUVELFdBQVc7UUFDVCxJQUFJLENBQUMsYUFBYSxDQUFDLFdBQVcsRUFBRSxDQUFDO0lBQ25DLENBQUM7SUFFTyx3QkFBd0I7UUFDOUIsa0NBQWtDO1FBQ2xDLElBQUksSUFBSSxDQUFDLEtBQUssQ0FBQyxPQUFPLEtBQUssU0FBUyxFQUFFLENBQUM7WUFDckMsSUFBSSxDQUFDLGVBQWUsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxPQUFPLENBQUMsQ0FBQztZQUM5QyxPQUFPO1FBQ1QsQ0FBQztRQUVELHFDQUFxQztRQUNyQyxJQUFJLElBQUksQ0FBQyxLQUFLLENBQUMsYUFBYSxFQUFFLENBQUM7WUFDN0IsSUFBSSxDQUFDLGVBQWUsR0FBRyxJQUFJLENBQUMsY0FBYyxDQUFDLFdBQVcsQ0FBQztnQkFDckQsU0FBUyxFQUFFLElBQUksQ0FBQyxLQUFLLENBQUMsYUFBYSxDQUFDLFNBQVMsSUFBSSxTQUFTO2dCQUMxRCxHQUFHLEVBQUUsSUFBSSxDQUFDLEtBQUssQ0FBQyxhQUFhLENBQUMsR0FBRztnQkFDakMsUUFBUSxFQUFFLElBQUksQ0FBQyxLQUFLLENBQUMsYUFBYSxDQUFDLFFBQVEsSUFBSSxJQUFJLENBQUMsS0FBSyxDQUFDLGFBQWEsQ0FBQyxHQUFHO2dCQUMzRSxhQUFhLEVBQUUsSUFBSSxDQUFDLEtBQUssQ0FBQyxhQUFhLENBQUMsYUFBYTthQUN0RCxDQUFDLENBQUM7WUFDSCxPQUFPO1FBQ1QsQ0FBQztRQUVELDJDQUEyQztRQUMzQyxJQUFJLENBQUMsZUFBZSxHQUFHLEVBQUUsQ0FBQyxFQUFFLENBQUMsQ0FBQztJQUNoQyxDQUFDOytHQTdDVSxnQkFBZ0I7bUdBQWhCLGdCQUFnQixtR0F4QmpCOzs7Ozs7R0FNVCw2a0dBUFMsWUFBWSxvRkFBRSxPQUFPOzs0RkF5QnBCLGdCQUFnQjtrQkE1QjVCLFNBQVM7K0JBQ0UsYUFBYSxjQUNYLElBQUksV0FDUCxDQUFDLFlBQVksRUFBRSxPQUFPLENBQUMsWUFDdEI7Ozs7OztHQU1UO21GQStCRCxLQUFLO3NCQURKLEtBQUs7O0FBb0NSOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBMkNHO0FBQ0gsTUFBTSxVQUFVLGtCQUFrQixDQUNoQyxhQUFtQyxFQUNuQyxjQUFnRSxFQUFFO0lBRWxFLE9BQU87UUFDTCxhQUFhLEVBQUU7WUFDYixHQUFHLEVBQUUsYUFBYSxDQUFDLEdBQUc7WUFDdEIsU0FBUyxFQUFFLGFBQWEsQ0FBQyxTQUFTO1lBQ2xDLFFBQVEsRUFBRSxhQUFhLENBQUMsUUFBUTtZQUNoQyxhQUFhLEVBQUUsYUFBYSxDQUFDLGFBQWE7U0FDM0M7UUFDRCxLQUFLLEVBQUUsV0FBVyxDQUFDLEtBQUssSUFBSSxNQUFNO1FBQ2xDLElBQUksRUFBRSxXQUFXLENBQUMsSUFBSSxJQUFJLFFBQVE7S0FDbkMsQ0FBQztBQUNKLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25EZXN0cm95LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IElvblRleHQgfSBmcm9tICdAaW9uaWMvYW5ndWxhci9zdGFuZGFsb25lJztcbmltcG9ydCB7IE9ic2VydmFibGUsIFN1YnNjcmlwdGlvbiwgb2YgfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IENvbnRlbnRTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vLi4vc2VydmljZXMvY29udGVudC5zZXJ2aWNlJztcbmltcG9ydCB7IERpc3BsYXlDb250ZW50Q29uZmlnLCBEaXNwbGF5TWV0YWRhdGEgfSBmcm9tICcuL3R5cGVzJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAndmFsLWRpc3BsYXknLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBJb25UZXh0XSxcbiAgdGVtcGxhdGU6IGBcbiAgICA8aW9uLXRleHQgW2NvbG9yXT1cInByb3BzLmNvbG9yXCI+XG4gICAgICA8cCBbY2xhc3NdPVwicHJvcHMuc2l6ZVwiPlxuICAgICAgICB7eyBkaXNwbGF5Q29udGVudCQgfCBhc3luYyB9fVxuICAgICAgPC9wPlxuICAgIDwvaW9uLXRleHQ+XG4gIGAsXG4gIHN0eWxlVXJsczogWycuL2Rpc3BsYXkuY29tcG9uZW50LnNjc3MnXSxcbn0pXG4vKipcbiAqIHZhbC1kaXNwbGF5XG4gKlxuICogRGlzcGxheXMgcHJvbWluZW50IHRleHQgb3IgdGl0bGVzIHdpdGggY3VzdG9tIGNvbG9yIGFuZCBzaXplLlxuICogU3VwcG9ydHMgYm90aCBzdGF0aWMgYW5kIHJlYWN0aXZlIGNvbnRlbnQgcGF0dGVybnMuXG4gKlxuICogQGV4YW1wbGVcbiAqIC8vIFN0YXRpYyBjb250ZW50XG4gKiA8dmFsLWRpc3BsYXkgW3Byb3BzXT1cInsgY29udGVudDogJ1RpdGxlJywgY29sb3I6ICdkYXJrJywgc2l6ZTogJ2xhcmdlJyB9XCI+PC92YWwtZGlzcGxheT5cbiAqXG4gKiAvLyBSZWFjdGl2ZSBjb250ZW50XG4gKiA8dmFsLWRpc3BsYXkgW3Byb3BzXT1cInsgY29udGVudENvbmZpZzogeyBrZXk6ICd3ZWxjb21lLnRpdGxlJyB9LCBjb2xvcjogJ3ByaW1hcnknLCBzaXplOiAneGxhcmdlJyB9XCI+PC92YWwtZGlzcGxheT5cbiAqXG4gKiBAaW5wdXQgcHJvcHM6IERpc3BsYXlNZXRhZGF0YSAtIENvbmZpZ3VyYXRpb24gZm9yIHRoZSBkaXNwbGF5IChjb250ZW50L2NvbnRlbnRDb25maWcsIGNvbG9yLCBzaXplKVxuICovXG5leHBvcnQgY2xhc3MgRGlzcGxheUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgT25EZXN0cm95IHtcbiAgZGlzcGxheUNvbnRlbnQkOiBPYnNlcnZhYmxlPHN0cmluZz47XG4gIHByaXZhdGUgc3Vic2NyaXB0aW9ucyA9IG5ldyBTdWJzY3JpcHRpb24oKTtcblxuICAvKipcbiAgICogRGlzcGxheSBjb25maWd1cmF0aW9uIG9iamVjdC5cbiAgICogQHR5cGUge0Rpc3BsYXlNZXRhZGF0YX1cbiAgICogQHByb3BlcnR5IGNvbnRlbnQgLSBTdGF0aWMgdGV4dCB0byBkaXNwbGF5ICh0YWtlcyBwcmVjZWRlbmNlIG92ZXIgY29udGVudENvbmZpZykuXG4gICAqIEBwcm9wZXJ0eSBjb250ZW50Q29uZmlnIC0gUmVhY3RpdmUgY29udGVudCBjb25maWd1cmF0aW9uLlxuICAgKiBAcHJvcGVydHkgY29sb3IgLSBUaGUgdGV4dCBjb2xvciAoSW9uaWMgY29sb3Igc3RyaW5nKS5cbiAgICogQHByb3BlcnR5IHNpemUgLSBUaGUgdGV4dCBzaXplICgnc21hbGwnIHwgJ21lZGl1bScgfCAnbGFyZ2UnIHwgJ3hsYXJnZScpLlxuICAgKi9cbiAgQElucHV0KClcbiAgcHJvcHM6IERpc3BsYXlNZXRhZGF0YTtcblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGNvbnRlbnRTZXJ2aWNlOiBDb250ZW50U2VydmljZSkge31cblxuICBuZ09uSW5pdCgpIHtcbiAgICB0aGlzLmluaXRpYWxpemVEaXNwbGF5Q29udGVudCgpO1xuICB9XG5cbiAgbmdPbkRlc3Ryb3koKSB7XG4gICAgdGhpcy5zdWJzY3JpcHRpb25zLnVuc3Vic2NyaWJlKCk7XG4gIH1cblxuICBwcml2YXRlIGluaXRpYWxpemVEaXNwbGF5Q29udGVudCgpIHtcbiAgICAvLyBTdGF0aWMgY29udGVudCB0YWtlcyBwcmVjZWRlbmNlXG4gICAgaWYgKHRoaXMucHJvcHMuY29udGVudCAhPT0gdW5kZWZpbmVkKSB7XG4gICAgICB0aGlzLmRpc3BsYXlDb250ZW50JCA9IG9mKHRoaXMucHJvcHMuY29udGVudCk7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgLy8gVXNlIHJlYWN0aXZlIGNvbnRlbnQgaWYgY29uZmlndXJlZFxuICAgIGlmICh0aGlzLnByb3BzLmNvbnRlbnRDb25maWcpIHtcbiAgICAgIHRoaXMuZGlzcGxheUNvbnRlbnQkID0gdGhpcy5jb250ZW50U2VydmljZS5mcm9tQ29udGVudCh7XG4gICAgICAgIGNsYXNzTmFtZTogdGhpcy5wcm9wcy5jb250ZW50Q29uZmlnLmNsYXNzTmFtZSB8fCAnX2dsb2JhbCcsXG4gICAgICAgIGtleTogdGhpcy5wcm9wcy5jb250ZW50Q29uZmlnLmtleSxcbiAgICAgICAgZmFsbGJhY2s6IHRoaXMucHJvcHMuY29udGVudENvbmZpZy5mYWxsYmFjayB8fCB0aGlzLnByb3BzLmNvbnRlbnRDb25maWcua2V5LFxuICAgICAgICBpbnRlcnBvbGF0aW9uOiB0aGlzLnByb3BzLmNvbnRlbnRDb25maWcuaW50ZXJwb2xhdGlvbixcbiAgICAgIH0pO1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIC8vIE5vIGNvbnRlbnQgY29uZmlndXJlZCAtIHVzZSBlbXB0eSBzdHJpbmdcbiAgICB0aGlzLmRpc3BsYXlDb250ZW50JCA9IG9mKCcnKTtcbiAgfVxufVxuXG4vKipcbiAqIEhlbHBlciBmdW5jdGlvbiB0byBjcmVhdGUgcmVhY3RpdmUgZGlzcGxheSBwcm9wcyBmcm9tIGNvbnRlbnQgY29uZmlndXJhdGlvbi5cbiAqIFRoaXMgcHJvdmlkZXMgYSBjb252ZW5pZW50IHdheSB0byBjcmVhdGUgdmFsLWRpc3BsYXkgcHJvcHMgd2l0aCByZWFjdGl2ZSBjb250ZW50LlxuICpcbiAqIEBwYXJhbSBjb250ZW50Q29uZmlnIC0gQ29udGVudCBjb25maWd1cmF0aW9uIGZvciByZWFjdGl2ZSBjb250ZW50XG4gKiBAcGFyYW0gc3R5bGVDb25maWcgLSBPcHRpb25hbCBzdHlsZSBjb25maWd1cmF0aW9uIChjb2xvciBhbmQgc2l6ZSlcbiAqIEByZXR1cm5zIERpc3BsYXlNZXRhZGF0YSB3aXRoIGNvbnRlbnQgcHJvcGVydGllcyBzZXRcbiAqXG4gKiBAZXhhbXBsZVxuICogYGBgdHlwZXNjcmlwdFxuICogLy8gSW4gY29tcG9uZW50XG4gKiB0aXRsZVByb3BzOiBEaXNwbGF5TWV0YWRhdGEgPSBjcmVhdGVEaXNwbGF5UHJvcHMoe1xuICogICBrZXk6ICd0aXRsZScsXG4gKiAgIGNsYXNzTmFtZTogJ0hlYWRlckNvbXBvbmVudCcsXG4gKiAgIGZhbGxiYWNrOiAnRGVmYXVsdCBUaXRsZSdcbiAqIH0sIHtcbiAqICAgY29sb3I6ICdwcmltYXJ5JyxcbiAqICAgc2l6ZTogJ2xhcmdlJ1xuICogfSk7XG4gKiBgYGBcbiAqXG4gKiBAZXhhbXBsZVxuICogYGBgdHlwZXNjcmlwdFxuICogLy8gV2l0aCBpbnRlcnBvbGF0aW9uXG4gKiBncmVldGluZ1Byb3BzOiBEaXNwbGF5TWV0YWRhdGEgPSBjcmVhdGVEaXNwbGF5UHJvcHMoe1xuICogICBrZXk6ICdncmVldGluZycsXG4gKiAgIGNsYXNzTmFtZTogJ1VzZXJDb21wb25lbnQnLFxuICogICBmYWxsYmFjazogJ0hlbGxvIScsXG4gKiAgIGludGVycG9sYXRpb246IHsgbmFtZTogJ0pvaG4nLCBjb3VudDogNSB9XG4gKiB9LCB7XG4gKiAgIGNvbG9yOiAnc2Vjb25kYXJ5JyxcbiAqICAgc2l6ZTogJ21lZGl1bSdcbiAqIH0pO1xuICogYGBgXG4gKlxuICogQGV4YW1wbGVcbiAqIGBgYHR5cGVzY3JpcHRcbiAqIC8vIFVzaW5nIGRlZmF1bHQgc3R5bGUgdmFsdWVzXG4gKiBzaW1wbGVQcm9wczogRGlzcGxheU1ldGFkYXRhID0gY3JlYXRlRGlzcGxheVByb3BzKHtcbiAqICAga2V5OiAnd2VsY29tZU1lc3NhZ2UnLFxuICogICBjbGFzc05hbWU6ICdIb21lQ29tcG9uZW50J1xuICogfSk7IC8vIFdpbGwgdXNlIGRlZmF1bHQgY29sb3I6ICdkYXJrJyBhbmQgc2l6ZTogJ21lZGl1bSdcbiAqIGBgYFxuICovXG5leHBvcnQgZnVuY3Rpb24gY3JlYXRlRGlzcGxheVByb3BzKFxuICBjb250ZW50Q29uZmlnOiBEaXNwbGF5Q29udGVudENvbmZpZyxcbiAgc3R5bGVDb25maWc6IFBhcnRpYWw8UGljazxEaXNwbGF5TWV0YWRhdGEsICdjb2xvcicgfCAnc2l6ZSc+PiA9IHt9XG4pOiBEaXNwbGF5TWV0YWRhdGEge1xuICByZXR1cm4ge1xuICAgIGNvbnRlbnRDb25maWc6IHtcbiAgICAgIGtleTogY29udGVudENvbmZpZy5rZXksXG4gICAgICBjbGFzc05hbWU6IGNvbnRlbnRDb25maWcuY2xhc3NOYW1lLFxuICAgICAgZmFsbGJhY2s6IGNvbnRlbnRDb25maWcuZmFsbGJhY2ssXG4gICAgICBpbnRlcnBvbGF0aW9uOiBjb250ZW50Q29uZmlnLmludGVycG9sYXRpb24sXG4gICAgfSxcbiAgICBjb2xvcjogc3R5bGVDb25maWcuY29sb3IgfHwgJ2RhcmsnLFxuICAgIHNpemU6IHN0eWxlQ29uZmlnLnNpemUgfHwgJ21lZGl1bScsXG4gIH07XG59XG4iXX0=
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export {};
|
|
2
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy92YWx0ZWNoLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2F0b21zL2Rpc3BsYXkvdHlwZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbG9yIH0gZnJvbSAnQGlvbmljL2NvcmUnO1xuXG4vKipcbiAqIFByb3BzIGZvciB2YWwtZGlzcGxheSBjb21wb25lbnQgd2l0aCByZWFjdGl2ZSBjb250ZW50IHN1cHBvcnQuXG4gKiBTdXBwb3J0cyBib3RoIHN0YXRpYyBhbmQgcmVhY3RpdmUgY29udGVudCBwYXR0ZXJucy5cbiAqXG4gKiBAcHJvcGVydHkgc2l6ZSAtIFRoZSB0ZXh0IHNpemUgKCdzbWFsbCcgfCAnbWVkaXVtJyB8ICdsYXJnZScgfCAneGxhcmdlJykuXG4gKiBAcHJvcGVydHkgY29sb3IgLSBUaGUgdGV4dCBjb2xvciAoSW9uaWMgY29sb3Igc3RyaW5nKS5cbiAqIEBwcm9wZXJ0eSBjb250ZW50IC0gU3RhdGljIGNvbnRlbnQgdGV4dCAodGFrZXMgcHJlY2VkZW5jZSBvdmVyIGNvbnRlbnRDb25maWcpLlxuICogQHByb3BlcnR5IGNvbnRlbnRDb25maWcgLSBSZWFjdGl2ZSBjb250ZW50IGNvbmZpZ3VyYXRpb24uXG4gKi9cbmV4cG9ydCBpbnRlcmZhY2UgRGlzcGxheU1ldGFkYXRhIHtcbiAgc2l6ZTogJ3NtYWxsJyB8ICdtZWRpdW0nIHwgJ2xhcmdlJyB8ICd4bGFyZ2UnO1xuICBjb2xvcjogQ29sb3I7XG4gIC8qKiBTdGF0aWMgY29udGVudCAodGFrZXMgcHJlY2VkZW5jZSBvdmVyIGNvbnRlbnRDb25maWcpICovXG4gIGNvbnRlbnQ/OiBzdHJpbmc7XG4gIC8qKiBSZWFjdGl2ZSBjb250ZW50IGNvbmZpZ3VyYXRpb24gKi9cbiAgY29udGVudENvbmZpZz86IHtcbiAgICBjbGFzc05hbWU/OiBzdHJpbmc7XG4gICAga2V5OiBzdHJpbmc7XG4gICAgZmFsbGJhY2s/
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy92YWx0ZWNoLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2F0b21zL2Rpc3BsYXkvdHlwZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbG9yIH0gZnJvbSAnQGlvbmljL2NvcmUnO1xuXG4vKipcbiAqIFByb3BzIGZvciB2YWwtZGlzcGxheSBjb21wb25lbnQgd2l0aCByZWFjdGl2ZSBjb250ZW50IHN1cHBvcnQuXG4gKiBTdXBwb3J0cyBib3RoIHN0YXRpYyBhbmQgcmVhY3RpdmUgY29udGVudCBwYXR0ZXJucy5cbiAqXG4gKiBAcHJvcGVydHkgc2l6ZSAtIFRoZSB0ZXh0IHNpemUgKCdzbWFsbCcgfCAnbWVkaXVtJyB8ICdsYXJnZScgfCAneGxhcmdlJykuXG4gKiBAcHJvcGVydHkgY29sb3IgLSBUaGUgdGV4dCBjb2xvciAoSW9uaWMgY29sb3Igc3RyaW5nKS5cbiAqIEBwcm9wZXJ0eSBjb250ZW50IC0gU3RhdGljIGNvbnRlbnQgdGV4dCAodGFrZXMgcHJlY2VkZW5jZSBvdmVyIGNvbnRlbnRDb25maWcpLlxuICogQHByb3BlcnR5IGNvbnRlbnRDb25maWcgLSBSZWFjdGl2ZSBjb250ZW50IGNvbmZpZ3VyYXRpb24uXG4gKi9cbmV4cG9ydCBpbnRlcmZhY2UgRGlzcGxheU1ldGFkYXRhIHtcbiAgc2l6ZTogJ3NtYWxsJyB8ICdtZWRpdW0nIHwgJ2xhcmdlJyB8ICd4bGFyZ2UnO1xuICBjb2xvcjogQ29sb3I7XG4gIC8qKiBTdGF0aWMgY29udGVudCAodGFrZXMgcHJlY2VkZW5jZSBvdmVyIGNvbnRlbnRDb25maWcpICovXG4gIGNvbnRlbnQ/OiBzdHJpbmc7XG4gIC8qKiBSZWFjdGl2ZSBjb250ZW50IGNvbmZpZ3VyYXRpb24gKi9cbiAgY29udGVudENvbmZpZz86IHtcbiAgICBjbGFzc05hbWU/OiBzdHJpbmc7XG4gICAga2V5OiBzdHJpbmc7XG4gICAgZmFsbGJhY2s/OiBzdHJpbmc7XG4gICAgaW50ZXJwb2xhdGlvbj86IFJlY29yZDxzdHJpbmcsIGFueT47XG4gIH07XG59XG5cbi8qKlxuICogQ29uZmlndXJhdGlvbiBmb3IgcmVhY3RpdmUgY29udGVudCBpbiB2YWwtZGlzcGxheSBjb21wb25lbnQuXG4gKiBVc2UgdGhpcyBpbnRlcmZhY2Ugd2hlbiB5b3Ugb25seSBuZWVkIHRvIHNwZWNpZnkgY29udGVudC1yZWxhdGVkIHByb3BlcnRpZXMuXG4gKi9cbmV4cG9ydCBpbnRlcmZhY2UgRGlzcGxheUNvbnRlbnRDb25maWcge1xuICBrZXk6IHN0cmluZztcbiAgY2xhc3NOYW1lPzogc3RyaW5nO1xuICBmYWxsYmFjaz86IHN0cmluZztcbiAgaW50ZXJwb2xhdGlvbj86IFJlY29yZDxzdHJpbmcsIHN0cmluZyB8IG51bWJlcj47XG59XG4iXX0=
|
|
@@ -1813,6 +1813,62 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
1813
1813
|
}], ctorParameters: () => [{ type: ContentService }], propDecorators: { props: [{
|
|
1814
1814
|
type: Input
|
|
1815
1815
|
}] } });
|
|
1816
|
+
/**
|
|
1817
|
+
* Helper function to create reactive display props from content configuration.
|
|
1818
|
+
* This provides a convenient way to create val-display props with reactive content.
|
|
1819
|
+
*
|
|
1820
|
+
* @param contentConfig - Content configuration for reactive content
|
|
1821
|
+
* @param styleConfig - Optional style configuration (color and size)
|
|
1822
|
+
* @returns DisplayMetadata with content properties set
|
|
1823
|
+
*
|
|
1824
|
+
* @example
|
|
1825
|
+
* ```typescript
|
|
1826
|
+
* // In component
|
|
1827
|
+
* titleProps: DisplayMetadata = createDisplayProps({
|
|
1828
|
+
* key: 'title',
|
|
1829
|
+
* className: 'HeaderComponent',
|
|
1830
|
+
* fallback: 'Default Title'
|
|
1831
|
+
* }, {
|
|
1832
|
+
* color: 'primary',
|
|
1833
|
+
* size: 'large'
|
|
1834
|
+
* });
|
|
1835
|
+
* ```
|
|
1836
|
+
*
|
|
1837
|
+
* @example
|
|
1838
|
+
* ```typescript
|
|
1839
|
+
* // With interpolation
|
|
1840
|
+
* greetingProps: DisplayMetadata = createDisplayProps({
|
|
1841
|
+
* key: 'greeting',
|
|
1842
|
+
* className: 'UserComponent',
|
|
1843
|
+
* fallback: 'Hello!',
|
|
1844
|
+
* interpolation: { name: 'John', count: 5 }
|
|
1845
|
+
* }, {
|
|
1846
|
+
* color: 'secondary',
|
|
1847
|
+
* size: 'medium'
|
|
1848
|
+
* });
|
|
1849
|
+
* ```
|
|
1850
|
+
*
|
|
1851
|
+
* @example
|
|
1852
|
+
* ```typescript
|
|
1853
|
+
* // Using default style values
|
|
1854
|
+
* simpleProps: DisplayMetadata = createDisplayProps({
|
|
1855
|
+
* key: 'welcomeMessage',
|
|
1856
|
+
* className: 'HomeComponent'
|
|
1857
|
+
* }); // Will use default color: 'dark' and size: 'medium'
|
|
1858
|
+
* ```
|
|
1859
|
+
*/
|
|
1860
|
+
function createDisplayProps(contentConfig, styleConfig = {}) {
|
|
1861
|
+
return {
|
|
1862
|
+
contentConfig: {
|
|
1863
|
+
key: contentConfig.key,
|
|
1864
|
+
className: contentConfig.className,
|
|
1865
|
+
fallback: contentConfig.fallback,
|
|
1866
|
+
interpolation: contentConfig.interpolation,
|
|
1867
|
+
},
|
|
1868
|
+
color: styleConfig.color || 'dark',
|
|
1869
|
+
size: styleConfig.size || 'medium',
|
|
1870
|
+
};
|
|
1871
|
+
}
|
|
1816
1872
|
|
|
1817
1873
|
/**
|
|
1818
1874
|
* val-divider
|
|
@@ -8150,5 +8206,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
8150
8206
|
* Generated bundle index. Do not edit.
|
|
8151
8207
|
*/
|
|
8152
8208
|
|
|
8153
|
-
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, createReactiveProps, createTextProps, createTitleProps, fromContent, fromContentWithInterpolation, fromMultipleContent, globalContentData, goToTop, interpolateContent, isAtEnd, maxLength, replaceSpecialChars, resolveColor, resolveInputDefaultValue, shouldUseReactiveContent };
|
|
8209
|
+
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 };
|
|
8154
8210
|
//# sourceMappingURL=valtech-components.mjs.map
|