valtech-components 2.0.565 → 2.0.567

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

@@ -1,10 +1,16 @@
-import { EventEmitter } from '@angular/core';
+import { OnChanges, OnInit, EventEmitter, SimpleChanges } from '@angular/core';
 import { RatingMetadata, RatingChangeEvent } from './types';
 import * as i0 from "@angular/core";
-export declare class RatingComponent {
-    props: RatingMetadata;
+export declare class RatingComponent implements OnInit, OnChanges {
+    private presets;
+    preset?: string;
+    props: Partial<RatingMetadata>;
+    resolvedProps: RatingMetadata;
     ratingChange: EventEmitter<RatingChangeEvent>;
     hoverValue: number | null;
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    private resolveProps;
     get displayValue(): number;
     getStars(): number[];
     getStarIcon(position: number): string;
@@ -13,5 +19,5 @@ export declare class RatingComponent {
     onStarHover(position: number): void;
     onStarLeave(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<RatingComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<RatingComponent, "val-rating", never, { "props": { "alias": "props"; "required": false; }; }, { "ratingChange": "ratingChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RatingComponent, "val-rating", never, { "preset": { "alias": "preset"; "required": false; }; "props": { "alias": "props"; "required": false; }; }, { "ratingChange": "ratingChange"; }, never, never, true, never>;
 }

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

@@ -1,18 +1,21 @@
-import { EventEmitter } from '@angular/core';
+import { EventEmitter, OnChanges, OnInit, SimpleChanges } from '@angular/core';
+import { SearchbarMetadata } from './types';
 import * as i0 from "@angular/core";
-export declare class SearchbarComponent {
+export declare class SearchbarComponent implements OnInit, OnChanges {
+    private presets;
+    private i18n;
     /**
-     * Whether the searchbar is disabled.
+     * Preset name to apply.
      */
-    disabled: boolean;
+    preset?: string;
     /**
-     * Custom placeholder text (optional - uses i18n default if not provided)
+     * Configuration object. Values here override preset values.
      */
-    placeholder?: string;
+    props: Partial<SearchbarMetadata>;
     /**
-     * Custom cancel button text (optional - uses i18n default if not provided)
+     * Resolved props after merging preset + explicit props.
      */
-    cancelText?: string;
+    resolvedProps: SearchbarMetadata;
     /**
      * Emits the search term on input.
      */
@@ -25,15 +28,16 @@ export declare class SearchbarComponent {
      * Emits when the searchbar loses focus.
      */
     blurEvent: EventEmitter<void>;
-    private i18n;
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    private resolveProps;
     /** Get placeholder text */
     getPlaceholder(): string;
     /** Get cancel button text */
     getCancelText(): string;
-    constructor();
     onSearch($event: any): void;
     onFocus(): void;
     onBlur(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SearchbarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SearchbarComponent, "val-searchbar", never, { "disabled": { "alias": "disabled"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "cancelText": { "alias": "cancelText"; "required": false; }; }, { "filterEvent": "filterEvent"; "focusEvent": "focusEvent"; "blurEvent": "blurEvent"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SearchbarComponent, "val-searchbar", never, { "preset": { "alias": "preset"; "required": false; }; "props": { "alias": "props"; "required": false; }; }, { "filterEvent": "filterEvent"; "focusEvent": "focusEvent"; "blurEvent": "blurEvent"; }, never, never, true, never>;
 }

package/lib/components/molecules/searchbar/types.d.ts

@@ -0,0 +1,33 @@
+/**
+ * Configuration for val-searchbar component.
+ */
+export interface SearchbarMetadata {
+    /**
+     * Whether the searchbar is disabled.
+     */
+    disabled?: boolean;
+    /**
+     * Custom placeholder text.
+     * If not provided, uses i18n default ('search').
+     */
+    placeholder?: string;
+    /**
+     * Custom cancel button text.
+     * If not provided, uses i18n default ('cancel').
+     */
+    cancelText?: string;
+    /**
+     * Debounce time in milliseconds for search input.
+     * Default: 500
+     */
+    debounce?: number;
+    /**
+     * When to show the cancel button.
+     * Default: 'focus'
+     */
+    showCancelButton?: 'always' | 'focus' | 'never';
+    /**
+     * Mode for styling (iOS or MD).
+     */
+    mode?: 'ios' | 'md';
+}

package/lib/components/molecules/segment-control/segment-control.component.d.ts

@@ -1,12 +1,20 @@
-import { EventEmitter } from '@angular/core';
+import { OnChanges, OnInit, EventEmitter, SimpleChanges } from '@angular/core';
 import { SegmentControlMetadata, SegmentOption } from './types';
 import * as i0 from "@angular/core";
-export declare class SegmentControlComponent {
+export declare class SegmentControlComponent implements OnInit, OnChanges {
+    private presets;
     /**
-     * Input configuration object.
-     * @type {SegmentControlMetadata}
+     * Preset name to apply. Presets define reusable segment configurations.
      */
-    props: SegmentControlMetadata;
+    preset?: string;
+    /**
+     * Input configuration object. Values here override preset values.
+     */
+    props: Partial<SegmentControlMetadata>;
+    /**
+     * Resolved props after merging preset + explicit props.
+     */
+    resolvedProps: SegmentControlMetadata;
     /**
      * Emits the selected value when the segment changes.
      */
@@ -17,8 +25,11 @@ export declare class SegmentControlComponent {
         WORKING: "WORKING";
         ERROR: "ERROR";
     };
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    private resolveProps;
     onSegmentChange(event: CustomEvent): void;
     getOptionLabel(option: SegmentOption): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<SegmentControlComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SegmentControlComponent, "val-segment-control", never, { "props": { "alias": "props"; "required": false; }; }, { "segmentChange": "segmentChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SegmentControlComponent, "val-segment-control", never, { "preset": { "alias": "preset"; "required": false; }; "props": { "alias": "props"; "required": false; }; }, { "segmentChange": "segmentChange"; }, 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/stats-card/stats-card.component.d.ts

@@ -1,14 +1,20 @@
-import { EventEmitter } from '@angular/core';
+import { OnChanges, OnInit, EventEmitter, SimpleChanges } from '@angular/core';
 import { StatsCardMetadata } from './types';
 import * as i0 from "@angular/core";
-export declare class StatsCardComponent {
-    props: StatsCardMetadata;
+export declare class StatsCardComponent implements OnInit, OnChanges {
+    private presets;
+    preset?: string;
+    props: Partial<StatsCardMetadata>;
+    resolvedProps: StatsCardMetadata;
     cardClick: EventEmitter<void>;
     Math: Math;
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    private resolveProps;
     getCardColor(): string;
     getBackgroundClass(): string;
     getTrendClass(): string;
     getTrendIcon(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<StatsCardComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<StatsCardComponent, "val-stats-card", never, { "props": { "alias": "props"; "required": false; }; }, { "cardClick": "cardClick"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<StatsCardComponent, "val-stats-card", never, { "preset": { "alias": "preset"; "required": false; }; "props": { "alias": "props"; "required": false; }; }, { "cardClick": "cardClick"; }, never, never, true, never>;
 }

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

@@ -1,9 +1,25 @@
-import { EventEmitter } from '@angular/core';
+import { OnChanges, OnInit, EventEmitter, SimpleChanges } from '@angular/core';
 import { StepperMetadata, StepMetadata, StepChangeEvent, StepStatus } from './types';
 import * as i0 from "@angular/core";
-export declare class StepperComponent {
-    props: StepperMetadata;
+export declare class StepperComponent implements OnInit, OnChanges {
+    private presets;
+    /**
+     * Preset name to apply. Presets define reusable stepper configurations
+     * that can be registered at app level via provideValtechPresets().
+     */
+    preset?: string;
+    /**
+     * Stepper configuration object. Values here override preset values.
+     */
+    props: Partial<StepperMetadata>;
+    /**
+     * Resolved props after merging preset + explicit props.
+     */
+    resolvedProps: StepperMetadata;
     stepChange: EventEmitter<StepChangeEvent>;
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    private resolveProps;
     getCurrentIndex(): number;
     getStepStatus(step: StepMetadata, index: number): StepStatus;
     getStepColor(step: StepMetadata, index: number): string;
@@ -11,5 +27,5 @@ export declare class StepperComponent {
     onStepClick(step: StepMetadata, index: number): void;
     getStepLabel(step: StepMetadata): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<StepperComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<StepperComponent, "val-stepper", never, { "props": { "alias": "props"; "required": false; }; }, { "stepChange": "stepChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<StepperComponent, "val-stepper", never, { "preset": { "alias": "preset"; "required": false; }; "props": { "alias": "props"; "required": false; }; }, { "stepChange": "stepChange"; }, never, never, true, never>;
 }

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

@@ -1,11 +1,34 @@
-import { EventEmitter } from '@angular/core';
+import { OnChanges, OnInit, EventEmitter, SimpleChanges } from '@angular/core';
 import { TabsMetadata, TabMetadata } from './types';
 import * as i0 from "@angular/core";
-export declare class TabsComponent {
-    props: TabsMetadata;
+export declare class TabsComponent implements OnInit, OnChanges {
+    private presets;
+    /**
+     * Preset name to apply. Presets define reusable tabs configurations
+     * that can be registered at app level via provideValtechPresets().
+     *
+     * @example
+     * <val-tabs preset="main-nav" [props]="{ tabs: [...] }"></val-tabs>
+     */
+    preset?: string;
+    /**
+     * Tabs configuration object. Values here override preset values.
+     */
+    props: Partial<TabsMetadata>;
+    /**
+     * Resolved props after merging preset + explicit props.
+     */
+    resolvedProps: TabsMetadata;
     tabChange: EventEmitter<TabMetadata>;
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    /**
+     * Merge preset configuration with explicit props.
+     * Explicit props take precedence over preset values.
+     */
+    private resolveProps;
     onTabClick(tab: TabMetadata): void;
     getTabLabel(tab: TabMetadata): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<TabsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TabsComponent, "val-tabs", never, { "props": { "alias": "props"; "required": false; }; }, { "tabChange": "tabChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TabsComponent, "val-tabs", never, { "preset": { "alias": "preset"; "required": false; }; "props": { "alias": "props"; "required": false; }; }, { "tabChange": "tabChange"; }, 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/lib/components/molecules/textarea-input/textarea-input.component.d.ts

@@ -1,8 +1,24 @@
-import { OnInit } from '@angular/core';
+import { OnChanges, OnInit, SimpleChanges } from '@angular/core';
 import { TextareaInputMetadata } from './types';
 import * as i0 from "@angular/core";
-export declare class TextareaInputComponent implements OnInit {
-    props: TextareaInputMetadata;
+export declare class TextareaInputComponent implements OnInit, OnChanges {
+    private presets;
+    /**
+     * Preset name to apply. Presets define reusable textarea configurations
+     * that can be registered at app level via provideValtechPresets().
+     *
+     * @example
+     * <val-textarea-input preset="form-field" [props]="{ control: ctrl }"></val-textarea-input>
+     */
+    preset?: string;
+    /**
+     * Textarea configuration object. Values here override preset values.
+     */
+    props: Partial<TextareaInputMetadata>;
+    /**
+     * Resolved props after merging preset + explicit props.
+     */
+    resolvedProps: TextareaInputMetadata;
     states: {
         ENABLED: "ENABLED";
         DISABLED: "DISABLED";
@@ -10,6 +26,13 @@ export declare class TextareaInputComponent implements OnInit {
         ERROR: "ERROR";
     };
     ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    /**
+     * Merge preset configuration with explicit props.
+     * Explicit props take precedence over preset values.
+     */
+    private resolveProps;
+    private applyDefaultValue;
     getLabel(): string;
     getPlaceholder(): string;
     getHint(): string;
@@ -19,5 +42,5 @@ export declare class TextareaInputComponent implements OnInit {
     getRemainingLabel(): string;
     counterFormatter: (inputLength: number, maxLength: number) => string;
     static ɵfac: i0.ɵɵFactoryDeclaration<TextareaInputComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TextareaInputComponent, "val-textarea-input", never, { "props": { "alias": "props"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TextareaInputComponent, "val-textarea-input", never, { "preset": { "alias": "preset"; "required": false; }; "props": { "alias": "props"; "required": false; }; }, {}, never, never, true, never>;
 }

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

@@ -1,18 +1,39 @@
+import { OnChanges, OnInit, SimpleChanges } from '@angular/core';
 import { ToggleInputMetadata } from './types';
 import * as i0 from "@angular/core";
-export declare class ToggleInputComponent {
+export declare class ToggleInputComponent implements OnInit, OnChanges {
+    private presets;
     /**
-     * Input configuration object.
+     * Preset name to apply. Presets define reusable toggle input configurations
+     * that can be registered at app level via provideValtechPresets().
+     *
+     * @example
+     * <val-toggle-input preset="form-field" [props]="{ control: ctrl }"></val-toggle-input>
+     */
+    preset?: string;
+    /**
+     * Input configuration object. Values here override preset values.
      * @type {ToggleInputMetadata}
      */
-    props: ToggleInputMetadata;
+    props: Partial<ToggleInputMetadata>;
+    /**
+     * Resolved props after merging preset + explicit props.
+     */
+    resolvedProps: ToggleInputMetadata;
     states: {
         ENABLED: "ENABLED";
         DISABLED: "DISABLED";
         WORKING: "WORKING";
         ERROR: "ERROR";
     };
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    /**
+     * Merge preset configuration with explicit props.
+     * Explicit props take precedence over preset values.
+     */
+    private resolveProps;
     getDisplayLabel(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<ToggleInputComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ToggleInputComponent, "val-toggle-input", never, { "props": { "alias": "props"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ToggleInputComponent, "val-toggle-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.567",
   "private": false,
   "bin": {
     "valtech-firebase-config": "./src/lib/services/firebase/scripts/generate-sw-config.js"