valtech-components 2.0.565 → 2.0.566

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

@@ -1,12 +1,25 @@
-import { OnInit } from '@angular/core';
+import { OnChanges, OnInit, SimpleChanges } from '@angular/core';
 import { AlertBoxMetadata, ReactiveAlertBoxMetadata } from './types';
 import * as i0 from "@angular/core";
-export declare class AlertBoxComponent implements OnInit {
+export declare class AlertBoxComponent implements OnInit, OnChanges {
+    private presets;
     /**
-     * Alert box configuration object.
+     * Preset name to apply. Presets define reusable alert configurations
+     * (color, icon, box style) that can be registered at app level.
+     *
+     * @example
+     * <val-alert-box preset="warning" [props]="{ text: 'Warning message' }"></val-alert-box>
+     */
+    preset?: string;
+    /**
+     * Alert box configuration object. Values here override preset values.
      * Supports both legacy AlertBoxMetadata and ReactiveAlertBoxMetadata patterns.
      */
-    props: AlertBoxMetadata | ReactiveAlertBoxMetadata;
+    props: Partial<AlertBoxMetadata | ReactiveAlertBoxMetadata>;
+    /**
+     * Resolved props after merging preset + explicit props.
+     */
+    resolvedProps: AlertBoxMetadata | ReactiveAlertBoxMetadata;
     /** Computed text properties for reactive pattern */
     computedTextProps: any;
     /** Whether this is using the legacy props pattern */
@@ -14,7 +27,13 @@ export declare class AlertBoxComponent implements OnInit {
     /** Get text props for legacy pattern */
     getLegacyTextProps(): any;
     ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    /**
+     * Merge preset configuration with explicit props.
+     * Explicit props take precedence over preset values.
+     */
+    private resolveProps;
     private initializeTextProps;
     static ɵfac: i0.ɵɵFactoryDeclaration<AlertBoxComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AlertBoxComponent, "val-alert-box", never, { "props": { "alias": "props"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AlertBoxComponent, "val-alert-box", never, { "preset": { "alias": "preset"; "required": false; }; "props": { "alias": "props"; "required": false; }; }, {}, never, never, true, never>;
 }

package/lib/components/molecules/card/card.component.d.ts

@@ -1,10 +1,19 @@
-import { EventEmitter, OnInit } from '@angular/core';
+import { EventEmitter, OnChanges, OnInit, SimpleChanges } from '@angular/core';
 import { ToolbarActionType } from '../../types';
 import { CardClickEvent, CardMetadata, CardSection, CardType } from './types';
 import * as i0 from "@angular/core";
-export declare class CardComponent implements OnInit {
+export declare class CardComponent implements OnInit, OnChanges {
+    private presets;
     /**
-     * Card configuration object.
+     * Preset name to apply. Presets define reusable card configurations
+     * (type, variant, padding, etc.) that can be registered at app level.
+     *
+     * @example
+     * <val-card preset="feature" [props]="{ title: 'My Card' }"></val-card>
+     */
+    preset?: string;
+    /**
+     * Card configuration object. Values here override preset values.
      * @type {CardMetadata}
      * @property type - The card type (see CardType).
      * @property title - The card title.
@@ -14,7 +23,11 @@ export declare class CardComponent implements OnInit {
      * @property sections - Custom card sections (optional).
      * @property overtitle - Subtitle or overtitle (optional).
      */
-    props: CardMetadata;
+    props: Partial<CardMetadata>;
+    /**
+     * Resolved props after merging preset + explicit props.
+     */
+    resolvedProps: CardMetadata;
     /**
      * Event emitted when the card or an action is clicked.
      */
@@ -24,7 +37,13 @@ export declare class CardComponent implements OnInit {
     sections: typeof CardSection;
     constructor();
     ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    /**
+     * Merge preset configuration with explicit props.
+     * Explicit props take precedence over preset values.
+     */
+    private resolveProps;
     clickHandler(section: CardSection, token?: string): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CardComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CardComponent, "val-card", never, { "props": { "alias": "props"; "required": false; }; }, { "onClick": "onClick"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CardComponent, "val-card", never, { "preset": { "alias": "preset"; "required": false; }; "props": { "alias": "props"; "required": false; }; }, { "onClick": "onClick"; }, never, never, true, never>;
 }

package/lib/components/molecules/email-input/email-input.component.d.ts

@@ -1,15 +1,34 @@
-import { OnInit } from '@angular/core';
+import { OnChanges, OnInit, SimpleChanges } from '@angular/core';
 import { InputMetadata } from '../../types';
 import * as i0 from "@angular/core";
-export declare class EmailInputComponent implements OnInit {
+export declare class EmailInputComponent implements OnInit, OnChanges {
+    private presets;
     /**
-     * Input configuration object.
+     * Preset name to apply. Presets define reusable input configurations
+     * that can be registered at app level via provideValtechPresets().
+     *
+     * @example
+     * <val-email-input preset="form-field" [props]="{ control: ctrl }"></val-email-input>
+     */
+    preset?: string;
+    /**
+     * Input configuration object. Values here override preset values.
      * @type {InputMetadata}
      * @property control - The Angular FormControl for the input.
-     * @property placeholder - The placeholder text. For i18n, use langService.getText() to get translated value.
+     * @property placeholder - The placeholder text.
+     */
+    props: Partial<InputMetadata>;
+    /**
+     * Resolved props after merging preset + explicit props.
      */
-    props: InputMetadata;
+    resolvedProps: InputMetadata;
     ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    /**
+     * Merge preset configuration with explicit props.
+     * Explicit props take precedence over preset values.
+     */
+    private resolveProps;
     static ɵfac: i0.ɵɵFactoryDeclaration<EmailInputComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<EmailInputComponent, "val-email-input", never, { "props": { "alias": "props"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EmailInputComponent, "val-email-input", never, { "preset": { "alias": "preset"; "required": false; }; "props": { "alias": "props"; "required": false; }; }, {}, never, never, true, never>;
 }

package/lib/components/molecules/password-input/password-input.component.d.ts

@@ -1,18 +1,37 @@
-import { OnInit } from '@angular/core';
+import { OnChanges, OnInit, SimpleChanges } from '@angular/core';
 import { IconService } from '../../../services/icons.service';
 import { InputMetadata } from '../../types';
 import * as i0 from "@angular/core";
-export declare class PasswordInputComponent implements OnInit {
+export declare class PasswordInputComponent implements OnInit, OnChanges {
+    private presets;
     /**
-     * Input configuration object.
+     * Preset name to apply. Presets define reusable input configurations
+     * that can be registered at app level via provideValtechPresets().
+     *
+     * @example
+     * <val-password-input preset="login" [props]="{ control: ctrl }"></val-password-input>
+     */
+    preset?: string;
+    /**
+     * Input configuration object. Values here override preset values.
      * @type {InputMetadata}
      * @property control - The Angular FormControl for the input.
-     * @property placeholder - The placeholder text. For i18n, use langService.getText() to get translated value.
+     * @property placeholder - The placeholder text.
+     */
+    props: Partial<InputMetadata>;
+    /**
+     * Resolved props after merging preset + explicit props.
      */
-    props: InputMetadata;
+    resolvedProps: InputMetadata;
     hidePassword: boolean;
     constructor(icon: IconService);
     ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    /**
+     * Merge preset configuration with explicit props.
+     * Explicit props take precedence over preset values.
+     */
+    private resolveProps;
     static ɵfac: i0.ɵɵFactoryDeclaration<PasswordInputComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PasswordInputComponent, "val-password-input", never, { "props": { "alias": "props"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PasswordInputComponent, "val-password-input", never, { "preset": { "alias": "preset"; "required": false; }; "props": { "alias": "props"; "required": false; }; }, {}, never, never, true, never>;
 }

package/lib/components/molecules/select-input/select-input.component.d.ts

@@ -1,9 +1,19 @@
-import { OnInit } from '@angular/core';
+import { OnChanges, OnInit, SimpleChanges } from '@angular/core';
 import { InputMetadata } from '../../types';
 import * as i0 from "@angular/core";
-export declare class SearchSelectorComponent implements OnInit {
+export declare class SearchSelectorComponent implements OnInit, OnChanges {
+    private i18n;
+    private presets;
+    /**
+     * Preset name to apply. Presets define reusable input configurations
+     * that can be registered at app level via provideValtechPresets().
+     *
+     * @example
+     * <val-select-input preset="form-field" [props]="{ control: ctrl, options: opts }"></val-select-input>
+     */
+    preset?: string;
     /**
-     * Input configuration object.
+     * Input configuration object. Values here override preset values.
      * @type {InputMetadata}
      * @property control - The Angular FormControl for the select input.
      * @property label - The label for the select.
@@ -13,8 +23,11 @@ export declare class SearchSelectorComponent implements OnInit {
      * @property cancelText - Custom cancel button text (default: 'Cancelar').
      * @property okText - Custom OK button text (default: 'Aceptar').
      */
-    props: InputMetadata;
-    private i18n;
+    props: Partial<InputMetadata>;
+    /**
+     * Resolved props after merging preset + explicit props.
+     */
+    resolvedProps: InputMetadata;
     customModalOptions: {
         header: string;
         breakpoints: number[];
@@ -23,6 +36,13 @@ export declare class SearchSelectorComponent implements OnInit {
     cancelText: string;
     okText: string;
     ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    /**
+     * Merge preset configuration with explicit props.
+     * Explicit props take precedence over preset values.
+     */
+    private resolveProps;
+    private setupComponent;
     static ɵfac: i0.ɵɵFactoryDeclaration<SearchSelectorComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SearchSelectorComponent, "val-select-input", never, { "props": { "alias": "props"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SearchSelectorComponent, "val-select-input", never, { "preset": { "alias": "preset"; "required": false; }; "props": { "alias": "props"; "required": false; }; }, {}, never, never, true, never>;
 }

package/lib/components/molecules/text-input/text-input.component.d.ts

@@ -1,42 +1,42 @@
-import { OnInit } from '@angular/core';
+import { OnChanges, OnInit, SimpleChanges } from '@angular/core';
 import { InputMetadata } from '../../types';
 import * as i0 from "@angular/core";
-export declare class TextInputComponent implements OnInit {
+export declare class TextInputComponent implements OnInit, OnChanges {
+    private presets;
     /**
-     * Input configuration object.
+     * Preset name to apply. Presets define reusable input configurations
+     * (size, fill, labelPosition, etc.) that can be registered at app level.
+     *
+     * @example
+     * <val-text-input preset="form-field" [props]="{ control: ctrl }"></val-text-input>
+     */
+    preset?: string;
+    /**
+     * Input configuration object. Values here override preset values.
      * @type {InputMetadata}
      * @property control - The Angular FormControl for the input.
-     * @property placeholder - The placeholder text. For i18n, use langService.getText() to get translated value.
+     * @property placeholder - The placeholder text.
      * @property label, name, hint, type, validators, etc. - See InputMetadata for all options.
      */
-    props: InputMetadata;
+    props: Partial<InputMetadata>;
+    /**
+     * Resolved props after merging preset + explicit props.
+     * Preset values are overridden by explicit props.
+     */
+    resolvedProps: InputMetadata;
     states: {
         ENABLED: "ENABLED";
         DISABLED: "DISABLED";
         WORKING: "WORKING";
-        /**
-         * val-text-input
-         *
-         * A text input field integrated with Angular forms.
-         * For i18n support, pass the translated placeholder text via props.
-         *
-         * @example Static placeholder:
-         * <val-text-input [props]="{ control: myControl, placeholder: 'Enter text' }"></val-text-input>
-         *
-         * @example With i18n:
-         * ```typescript
-         * // In component
-         * textProps = {
-         *   control: this.textControl,
-         *   placeholder: this.langService.getText('MyComponent', 'namePlaceholder')
-         * };
-         * ```
-         *
-         * @input props: InputMetadata - Configuration for the input (form control, placeholder, label, etc.)
-         */
         ERROR: "ERROR";
     };
     ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    /**
+     * Merge preset configuration with explicit props.
+     * Explicit props take precedence over preset values.
+     */
+    private resolveProps;
     static ɵfac: i0.ɵɵFactoryDeclaration<TextInputComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TextInputComponent, "val-text-input", never, { "props": { "alias": "props"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TextInputComponent, "val-text-input", never, { "preset": { "alias": "preset"; "required": false; }; "props": { "alias": "props"; "required": false; }; }, {}, never, never, true, never>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "valtech-components",
-  "version": "2.0.565",
+  "version": "2.0.566",
   "private": false,
   "bin": {
     "valtech-firebase-config": "./src/lib/services/firebase/scripts/generate-sw-config.js"