@litigiovirtual/ius-design-components 1.0.286 → 1.0.288

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

@@ -35,6 +35,7 @@ export declare class InputSelectComponent implements OnDestroy {
     onEnterKey: EventEmitter<string>;
     onBlurEvent: EventEmitter<void>;
     onScrolledToEnd: EventEmitter<void>;
+    onFocusEvent: EventEmitter<void>;
     constructor(_el: ElementRef, _overlay: Overlay, _vcr: ViewContainerRef);
     onClickOutside(event: Event): void;
     closeList(event?: Event): void;
@@ -50,5 +51,5 @@ export declare class InputSelectComponent implements OnDestroy {
     private _closePanel;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<InputSelectComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<InputSelectComponent, "ius-input-select", never, { "componentId": { "alias": "componentId"; "required": true; }; "required": { "alias": "required"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "showHelpText": { "alias": "showHelpText"; "required": false; }; "error": { "alias": "error"; "required": false; }; "labelSuperior": { "alias": "labelSuperior"; "required": false; }; "labelInferior": { "alias": "labelInferior"; "required": false; }; "errorText": { "alias": "errorText"; "required": false; }; "labelInput": { "alias": "labelInput"; "required": false; }; "iconInput": { "alias": "iconInput"; "required": false; }; "textInput": { "alias": "textInput"; "required": false; }; "maxlenght": { "alias": "maxlenght"; "required": false; }; "inputType": { "alias": "inputType"; "required": false; }; "debounceMs": { "alias": "debounceMs"; "required": false; }; "enableInfiniteScroll": { "alias": "enableInfiniteScroll"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; }, { "onChangesValueEvent": "onChangesValueEvent"; "onEnterKey": "onEnterKey"; "onBlurEvent": "onBlurEvent"; "onScrolledToEnd": "onScrolledToEnd"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InputSelectComponent, "ius-input-select", never, { "componentId": { "alias": "componentId"; "required": true; }; "required": { "alias": "required"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "showHelpText": { "alias": "showHelpText"; "required": false; }; "error": { "alias": "error"; "required": false; }; "labelSuperior": { "alias": "labelSuperior"; "required": false; }; "labelInferior": { "alias": "labelInferior"; "required": false; }; "errorText": { "alias": "errorText"; "required": false; }; "labelInput": { "alias": "labelInput"; "required": false; }; "iconInput": { "alias": "iconInput"; "required": false; }; "textInput": { "alias": "textInput"; "required": false; }; "maxlenght": { "alias": "maxlenght"; "required": false; }; "inputType": { "alias": "inputType"; "required": false; }; "debounceMs": { "alias": "debounceMs"; "required": false; }; "enableInfiniteScroll": { "alias": "enableInfiniteScroll"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; }, { "onChangesValueEvent": "onChangesValueEvent"; "onEnterKey": "onEnterKey"; "onBlurEvent": "onBlurEvent"; "onScrolledToEnd": "onScrolledToEnd"; "onFocusEvent": "onFocusEvent"; }, never, ["*"], true, never>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@litigiovirtual/ius-design-components",
-  "version": "1.0.286",
+  "version": "1.0.288",
   "peerDependencies": {
     "@angular/cdk": ">=17.0.0 <20.0.0",
     "@angular/common": ">=17.0.0 <20.0.0",

package/utils/list-filter.util.d.ts

@@ -0,0 +1,41 @@
+/**
+ * ListFilter<T> — patrón único de filtrado para `ius-input-select` del ecosistema.
+ *
+ * Centraliza el filtrado client-side de listas en memoria con dos comportamientos:
+ *  - Debounce: lo aporta el propio `ius-input-select` (input `debounceMs`, default 300).
+ *  - "Re-click muestra lista completa": al re-enfocar un select ya seleccionado,
+ *    reaparece la lista completa (manteniendo el texto); al teclear, vuelve a filtrar.
+ *
+ * Clase plana (sin signals): funciona en change detection con o sin signals.
+ *
+ * Uso:
+ *   tipoFilter = new ListFilter(
+ *     () => this.tipoActividades,
+ *     (t, q) => (t.tipoActividad ?? '').toLowerCase().includes(q),
+ *   );
+ *   // template:
+ *   //   @for (t of tipoFilter.visible; track t.id) { ... }
+ *   //   (onChangesValueEvent)="onSearch($event)"  -> dentro: tipoFilter.search($event)
+ *   //   (onFocusEvent)="tipoFilter.reopen()"
+ */
+export declare class ListFilter<T> {
+    private readonly source;
+    private readonly match;
+    private _term;
+    private _reopened;
+    /**
+     * @param source Función que devuelve la lista completa actual (async-safe: se lee en cada acceso a `visible`).
+     * @param match  Predicado de coincidencia. `term` llega ya en minúsculas.
+     */
+    constructor(source: () => T[], match: (item: T, term: string) => boolean);
+    /** Lista a renderizar en el `@for`. */
+    get visible(): T[];
+    /** Término de filtro actual (sin normalizar). */
+    get term(): string;
+    /** Llamar desde el handler de búsqueda (al teclear): apaga el "mostrar todo" y filtra. */
+    search(term: string): void;
+    /** Llamar desde `(onFocusEvent)`: muestra la lista completa sin perder el texto. */
+    reopen(): void;
+    /** Limpia término y estado (ej. al abrir/cerrar un formulario). */
+    reset(): void;
+}

package/utils/public-api.d.ts

@@ -3,3 +3,4 @@ export * from './formato-hora.pipe';
 export * from './date-format.util';
 export * from './file-mime.util';
 export * from './file-size.util';
+export * from './list-filter.util';