valtech-components 4.0.954 → 4.0.956

package/lib/components/atoms/rights-footer/rights-footer.component.d.ts

@@ -57,7 +57,7 @@ export declare class RightsFooterComponent {
     /**
      * Computed helper for color prop in template.
      */
-    propsColor: import("@angular/core").Signal<"success" | "medium" | "primary" | "secondary" | "tertiary" | "warning" | "danger" | "light" | "dark">;
+    propsColor: import("@angular/core").Signal<"primary" | "secondary" | "tertiary" | "success" | "warning" | "danger" | "light" | "medium" | "dark">;
     /**
      * Computed helper for withMargin prop in template.
      */

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

@@ -11,7 +11,7 @@ export declare class TextComponent {
      */
     displayContent: import("@angular/core").Signal<string>;
     propsColor: import("@angular/core").Signal<import("@ionic/core").Color>;
-    propsSize: import("@angular/core").Signal<"small" | "medium" | "large" | "xlarge">;
+    propsSize: import("@angular/core").Signal<"medium" | "small" | "large" | "xlarge">;
     propsBold: import("@angular/core").Signal<boolean>;
     propsProcessLinks: import("@angular/core").Signal<boolean>;
     propsAllowPartialBold: import("@angular/core").Signal<boolean>;

package/lib/components/atoms/user-avatar/user-avatar.component.d.ts

@@ -38,7 +38,7 @@ export declare class UserAvatarComponent {
     readonly imageUrl: import("@angular/core").Signal<string>;
     /** Iniciales — 1-2 chars derivados de name (preferred) o email prefix. */
     readonly initials: import("@angular/core").Signal<string>;
-    readonly sizeClass: import("@angular/core").Signal<"small" | "medium" | "large" | "xlarge" | "xsmall">;
+    readonly sizeClass: import("@angular/core").Signal<"medium" | "small" | "large" | "xlarge" | "xsmall">;
     readonly shapeClass: import("@angular/core").Signal<"circle" | "square">;
     /** Background — explicito o derivado deterministicamente del user. */
     readonly bgColor: import("@angular/core").Signal<string>;

package/lib/components/molecules/features-list/features-list.component.d.ts

@@ -41,7 +41,7 @@ export declare class FeaturesListComponent {
         iconColor: string;
         iconSize: number;
         mode: "horizontal" | "vertical";
-        gap: "small" | "medium" | "large";
+        gap: "medium" | "small" | "large";
         alignment: "center" | "start";
         imageShape: "circle" | "square";
         maxVisible: number;

package/lib/components/molecules/phone-display/phone-display.component.d.ts

@@ -6,7 +6,7 @@ export declare class PhoneDisplayComponent {
     props: PhoneDisplayMetadata;
     onClick: EventEmitter<string>;
     protected rawPhone: import("@angular/core").Signal<string>;
-    protected mode: import("@angular/core").Signal<"link" | "text" | "button">;
+    protected mode: import("@angular/core").Signal<"button" | "link" | "text">;
     protected formatted: import("@angular/core").Signal<string>;
     protected href: import("@angular/core").Signal<string>;
     protected ariaLabel: import("@angular/core").Signal<string>;

package/lib/components/molecules/select-search/select-search-picker-modal.component.d.ts

@@ -0,0 +1,44 @@
+import { OnInit } from '@angular/core';
+import { I18nService } from '../../../services/i18n';
+import { ButtonMetadata } from '../../types';
+import * as i0 from "@angular/core";
+export interface SelectSearchPickerProps {
+    title: string;
+    options: Record<string, unknown>[];
+    valueProperty: string;
+    labelProperty: string;
+    multiple: boolean;
+    /** Valores ya seleccionados (siempre array — un solo elemento si no es `multiple`). */
+    selectedValues: unknown[];
+    placeholder?: string;
+}
+/**
+ * Picker de `val-select-search` / `val-multi-select-search` — full-screen en
+ * mobile, card flotante en desktop (`ModalService.openAdaptive`, Regla #5).
+ * Reemplaza el `ion-modal` con breakpoints que ambos componentes tenían
+ * embebido: mismo bottom-sheet en cualquier tamaño de pantalla, sin el
+ * tratamiento "card centrada" que el resto de los modales del factory ya usa.
+ *
+ * Selección simple: cierra al tocar un ítem (`dismiss({values:[v]}, 'selected')`).
+ * Selección múltiple: acumula localmente, footer con "Aplicar" (Regla #5,
+ * val-modal-layout con `actions`).
+ */
+export declare class SelectSearchPickerModalComponent implements OnInit {
+    _modalRef?: {
+        dismiss: (data?: unknown, role?: string) => void;
+    };
+    readonly i18n: I18nService;
+    /** Inyectado por `ModalService.openAdaptive({ componentProps })`. */
+    props: SelectSearchPickerProps;
+    readonly query: import("@angular/core").WritableSignal<string>;
+    readonly selected: import("@angular/core").WritableSignal<unknown[]>;
+    ngOnInit(): void;
+    readonly filteredItems: import("@angular/core").Signal<Record<string, unknown>[]>;
+    readonly footerActions: import("@angular/core").Signal<ButtonMetadata[]>;
+    isSelected(item: Record<string, unknown>): boolean;
+    toggle(item: Record<string, unknown>): void;
+    apply(): void;
+    cancel(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SelectSearchPickerModalComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SelectSearchPickerModalComponent, "val-select-search-picker-modal", never, {}, {}, never, never, true, never>;
+}

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

@@ -1,10 +1,8 @@
 import { OnChanges, OnDestroy, SimpleChanges } from '@angular/core';
-import { IonModal } from '@ionic/angular';
 import { IconService } from '../../../services/icons.service';
 import { InputMetadata, InputOption } from '../../types';
 import * as i0 from "@angular/core";
 export declare class SelectSearchComponent implements OnChanges, OnDestroy {
-    modal: IonModal;
     label: string;
     labelProperty: string;
     valueProperty: string;
@@ -24,6 +22,7 @@ export declare class SelectSearchComponent implements OnChanges, OnDestroy {
     icon: IconService;
     private changeDetector;
     private i18n;
+    private modals;
     /**
      * Label visible sobre el selector (estilo val-form). Solo se muestra si viene
      * explícito por `props.label` o el input `label`; sin él, no se renderiza nada.
@@ -55,26 +54,16 @@ export declare class SelectSearchComponent implements OnChanges, OnDestroy {
     private initializeItems;
     private syncControlValueWithSelectedItems;
     private applyDefaultValue;
-    onFilter(event: any): void;
-    onFocus(): void;
-    onBlur(): void;
-    openModal(): void;
-    preventDefaultBehavior(event: MouseEvent): void;
-    /**
-     * Reset state only - called by didDismiss event
-     * Separated from closeModal to avoid double dismissal and scroll issues
-     */
-    resetState(): void;
     /**
-     * Close modal only - does not reset state (didDismiss will handle that)
+     * Abre el picker vía `ModalService.openAdaptive` (Regla #5: full-screen en
+     * mobile, card flotante en desktop) en vez del `ion-modal` con breakpoints
+     * que este componente tenía embebido antes — mismo bottom-sheet en
+     * cualquier tamaño de pantalla, sin el tratamiento de card centrada que ya
+     * usa el resto de los modales del factory. El filtrado, la selección y el
+     * footer "Aplicar" (modo `multiple`) viven en `SelectSearchPickerModalComponent`.
      */
-    closeModal(): void;
-    /**
-     * @deprecated Use closeModal() instead. Kept for backwards compatibility.
-     */
-    cancelModal(): void;
-    selectItem(item: any): void;
-    isItemSelected(item: any): boolean;
+    openPicker(): Promise<void>;
+    preventDefaultBehavior(event: MouseEvent): void;
     updateDisplayValue(): void;
     applyChanges(): void;
     reset(): void;

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

@@ -57,7 +57,7 @@ export declare class ArticleComponent implements OnInit, AfterViewInit {
     getVideoElement(element: ArticleElement): ArticleVideoElement;
     getCustomElement(element: ArticleElement): ArticleCustomElement;
     getQuoteTextProps(element: ArticleElement): {
-        size: "small" | "medium" | "large" | "xlarge";
+        size: "medium" | "small" | "large" | "xlarge";
         color: import("@ionic/core").Color;
         content?: string;
         bold: boolean;
@@ -73,7 +73,7 @@ export declare class ArticleComponent implements OnInit, AfterViewInit {
         showQuoteMark?: boolean;
     };
     getHighlightTextProps(element: ArticleElement): {
-        size: "small" | "medium" | "large" | "xlarge";
+        size: "medium" | "small" | "large" | "xlarge";
         color: import("@ionic/core").Color;
         content?: string;
         bold: boolean;
@@ -105,7 +105,7 @@ export declare class ArticleComponent implements OnInit, AfterViewInit {
         shape?: "round";
         size?: "small" | "default" | "large";
         fill?: "default" | "clear" | "outline" | "solid" | "tint";
-        type: "reset" | "submit" | "button";
+        type: "button" | "submit" | "reset";
         token?: string;
         ref?: any;
         handler?: (value: any) => any;

package/lib/components/organisms/landing-steps/landing-steps.component.d.ts

@@ -4,7 +4,7 @@ export declare class LandingStepsComponent {
     private readonly props_;
     set props(v: LandingStepsMetadata);
     readonly p: import("@angular/core").Signal<LandingStepsMetadata>;
-    readonly cols: import("@angular/core").Signal<2 | 3 | 4>;
+    readonly cols: import("@angular/core").Signal<3 | 4 | 2>;
     readonly accentColor: import("@angular/core").Signal<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<LandingStepsComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<LandingStepsComponent, "val-landing-steps", never, { "props": { "alias": "props"; "required": false; }; }, {}, never, never, true, never>;

package/lib/version.d.ts

@@ -2,4 +2,4 @@
  * Current version of valtech-components.
  * This is automatically updated during the publish process.
  */
-export declare const VERSION = "4.0.954";
+export declare const VERSION = "4.0.956";

package/package.json

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

package/public-api.d.ts

@@ -121,6 +121,7 @@ export * from './lib/components/molecules/range-input/types';
 export * from './lib/components/molecules/searchbar/searchbar.component';
 export * from './lib/components/molecules/select-input/select-input.component';
 export * from './lib/components/molecules/select-search/select-search.component';
+export * from './lib/components/molecules/select-search/select-search-picker-modal.component';
 export * from './lib/components/molecules/segment-control/segment-control.component';
 export * from './lib/components/molecules/segment-control/types';
 export * from './lib/components/molecules/text-input/text-input.component';