valtech-components 4.0.953 → 4.0.955

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

@@ -32,7 +32,7 @@ export declare class MetadataListComponent {
     }>;
     readonly resolvedSections: import("@angular/core").Signal<MetadataSection[]>;
     readonly hostClass: import("@angular/core").Signal<string>;
-    readonly gridStyle: import("@angular/core").Signal<string>;
+    readonly gridStyle: import("@angular/core").Signal<any>;
     static ɵfac: i0.ɵɵFactoryDeclaration<MetadataListComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MetadataListComponent, "val-metadata-list", never, { "props": { "alias": "props"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
 }

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

@@ -0,0 +1,44 @@
+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 {
+    _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[]>;
+    readonly filteredItems: import("@angular/core").Signal<Record<string, unknown>[]>;
+    readonly footerActions: import("@angular/core").Signal<ButtonMetadata[]>;
+    private seeded;
+    private ensureSeeded;
+    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/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.953";
+export declare const VERSION = "4.0.955";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "valtech-components",
-  "version": "4.0.953",
+  "version": "4.0.955",
   "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';