ui-core-abv 0.8.9 → 0.9.0

package/lib/components/dynamic-form/form.models.d.ts

@@ -160,7 +160,7 @@ export declare const VISIBILITY_OPERATOR_OPTIONS: {
     text: string;
 }[];
 export declare const FIELDS_CONFIG: FieldConfig[];
-export type FieldType = 'text' | 'number' | 'phone' | 'date' | 'time' | 'select' | 'radio' | 'checkbox' | 'switch' | 'textarea' | 'pool' | 'file' | 'multyselect' | 'searcher' | 'slider' | 'repeater' | 'computed';
+export type FieldType = 'text' | 'number' | 'phone' | 'date' | 'time' | 'select' | 'radio' | 'checkbox' | 'switch' | 'textarea' | 'pool' | 'file' | 'multyselect' | 'searcher' | 'multisearcher' | 'slider' | 'repeater' | 'computed';
 export interface FormResult {
     result: boolean;
     form: uicFormValuesRecord | null;

package/lib/components/dynamic-form/overlay-dropdown.service.d.ts

@@ -0,0 +1,36 @@
+import { TemplateRef, ViewContainerRef } from '@angular/core';
+import { ConnectedPosition, OverlayRef } from '@angular/cdk/overlay';
+import * as i0 from "@angular/core";
+export interface UicOverlayOpenConfig {
+    origin: HTMLElement;
+    template: TemplateRef<any>;
+    viewContainerRef: ViewContainerRef;
+    width?: number | 'auto';
+    positions?: ConnectedPosition[];
+    flexibleDimensions?: boolean;
+    autoReposition?: boolean;
+    onClose?: () => void;
+    onKeydown?: (event: KeyboardEvent) => void;
+    /**
+     * Cuando se define, el click en el backdrop deja de auto-cerrar el overlay:
+     * el consumidor decide si/cuándo llamar a `close()` (ej. para commitear un
+     * valor pendiente antes de cerrar, como hace time-picker).
+     */
+    onBackdropClick?: () => void;
+}
+export declare class UicOverlayHandle {
+    private readonly overlayRef;
+    constructor(overlayRef: OverlayRef);
+    get isOpen(): boolean;
+    get overlayElement(): HTMLElement;
+    updatePosition(): void;
+    close(): void;
+}
+export declare class UicOverlayDropdownService {
+    private readonly overlay;
+    open(config: UicOverlayOpenConfig): UicOverlayHandle;
+    private observeSizeChanges;
+    private getPreferredPositions;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UicOverlayDropdownService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<UicOverlayDropdownService>;
+}

package/lib/components/dynamic-form/search-resolver.service.d.ts

@@ -0,0 +1,20 @@
+import { Observable } from 'rxjs';
+import * as i0 from "@angular/core";
+export interface UicSearchResolverConfig {
+    debounceMs?: number;
+    getMinimumLength: () => number;
+    getSearchFn: () => ((query: string) => Observable<any[]>) | undefined;
+    onLoadingChange?: (loading: boolean) => void;
+}
+export declare class UicSearchResolverHandle {
+    private readonly config;
+    private readonly searchSubject;
+    readonly results$: Observable<any[]>;
+    constructor(config: UicSearchResolverConfig);
+    search(query: string): void;
+}
+export declare class UicSearchResolverService {
+    create(config: UicSearchResolverConfig): UicSearchResolverHandle;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UicSearchResolverService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<UicSearchResolverService>;
+}

package/lib/components/inputs/date-picker/date-picker.component.d.ts

@@ -1,5 +1,4 @@
 import { OnChanges, SimpleChanges, TemplateRef } from '@angular/core';
-import { ConnectedPosition } from '@angular/cdk/overlay';
 import { ButtonColor } from '../../button/button.component';
 import * as i0 from "@angular/core";
 type CalendarView = 'days' | 'months' | 'years';
@@ -28,7 +27,7 @@ export declare class UicDatePickerComponent extends base implements OnChanges {
     justMonth: boolean;
     monthDay: 'last' | 'first';
     calendarTemplate: TemplateRef<any>;
-    private overlayRef;
+    private overlayHandle?;
     months: string[];
     today: Date;
     currentYear: number;
@@ -43,12 +42,11 @@ export declare class UicDatePickerComponent extends base implements OnChanges {
     decadeRange: number[];
     displayValue: string;
     get inputPlaceholder(): string;
-    private readonly overlay;
+    private readonly overlayS;
     private readonly vcr;
     private readonly host;
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
-    overlayPositions: ConnectedPosition[];
     openCalendar(): void;
     closeCalendar(): void;
     get monthName(): string;

package/lib/components/inputs/input/input.component.d.ts

@@ -1,4 +1,3 @@
-import { EventEmitter } from '@angular/core';
 import { ButtonColor } from '../../button/button.component';
 import * as i0 from "@angular/core";
 export declare class UicInputComponent {
@@ -12,9 +11,6 @@ export declare class UicInputComponent {
     tip: string;
     disabled: boolean;
     loading: boolean;
-    clickButton: EventEmitter<boolean>;
-    disableBtn: boolean;
-    disableButton(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<UicInputComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<UicInputComponent, "ui-input", never, { "icon": { "alias": "icon"; "required": false; }; "iconColor": { "alias": "iconColor"; "required": false; }; "internalIcon": { "alias": "internalIcon"; "required": false; }; "internalIconColor": { "alias": "internalIconColor"; "required": false; }; "size": { "alias": "size"; "required": false; }; "label": { "alias": "label"; "required": false; }; "error": { "alias": "error"; "required": false; }; "tip": { "alias": "tip"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; }, { "clickButton": "clickButton"; }, never, ["*", "[counter]"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UicInputComponent, "ui-input", never, { "icon": { "alias": "icon"; "required": false; }; "iconColor": { "alias": "iconColor"; "required": false; }; "internalIcon": { "alias": "internalIcon"; "required": false; }; "internalIconColor": { "alias": "internalIconColor"; "required": false; }; "size": { "alias": "size"; "required": false; }; "label": { "alias": "label"; "required": false; }; "error": { "alias": "error"; "required": false; }; "tip": { "alias": "tip"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; }, {}, never, ["*", "[counter]"], true, never>;
 }

package/lib/components/inputs/multy-searcher/multy-searcher.component.d.ts

@@ -1,11 +1,54 @@
-import { EventEmitter } from '@angular/core';
+import { TemplateRef } from '@angular/core';
+import { Observable } from 'rxjs';
 import * as i0 from "@angular/core";
-export declare class UicMultySearcherComponent {
-    itemDisplayFn?: (item: any) => string;
+type MultySearcherValue = Record<string, any>[];
+declare const base: abstract new () => {
+    value: MultySearcherValue;
+    valueChange: import("@angular/core").EventEmitter<MultySearcherValue>;
+    onChange: (value: MultySearcherValue) => void;
+    onTouched: () => void;
+    writeValue(obj: MultySearcherValue): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState?(isDisabled: boolean): void;
+    notifyChange(value: MultySearcherValue): void;
+};
+export declare class UicMultySearcherComponent extends base {
+    icon: string;
+    iconColor: 'primary' | 'secondary';
+    internalIcon: string;
+    label: string;
+    error: string;
+    tip: string;
     disabled: boolean;
-    values: any[];
-    valuesChange: EventEmitter<any[]>;
-    removeItem(idx: number): void;
+    loading: boolean;
+    minimumSearchLength: number;
+    placeholder: string;
+    searchFn?: (query: string) => Observable<any[]>;
+    itemDisplayFn?: (item: any) => string;
+    itemIsEnabledFn?: (item: any) => boolean;
+    manualSearch: boolean;
+    private readonly push;
+    private readonly i18n;
+    private readonly searchResolver;
+    results$: Observable<any[]>;
+    selectedItems: MultySearcherValue;
+    searchText: string;
+    watingApi: boolean;
+    private readonly overlayS;
+    private readonly vcr;
+    private readonly host;
+    onSearchChange(value: string): void;
+    triggerSearch(): void;
+    selectItem(item: Record<string, any>): void;
+    removeItem(index: number): void;
+    clearSearch(): void;
+    dropdownTemplate: TemplateRef<any>;
+    private overlayHandle?;
+    openList(): void;
+    closeList(): void;
+    writeValue(value: MultySearcherValue | null): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<UicMultySearcherComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<UicMultySearcherComponent, "ui-multy-searcher", never, { "itemDisplayFn": { "alias": "itemDisplayFn"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "values": { "alias": "values"; "required": false; }; }, { "valuesChange": "valuesChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UicMultySearcherComponent, "ui-multy-searcher", never, { "icon": { "alias": "icon"; "required": false; }; "iconColor": { "alias": "iconColor"; "required": false; }; "internalIcon": { "alias": "internalIcon"; "required": false; }; "label": { "alias": "label"; "required": false; }; "error": { "alias": "error"; "required": false; }; "tip": { "alias": "tip"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "minimumSearchLength": { "alias": "minimumSearchLength"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "searchFn": { "alias": "searchFn"; "required": false; }; "itemDisplayFn": { "alias": "itemDisplayFn"; "required": false; }; "itemIsEnabledFn": { "alias": "itemIsEnabledFn"; "required": false; }; "manualSearch": { "alias": "manualSearch"; "required": false; }; }, {}, never, never, true, never>;
 }
+export {};

package/lib/components/inputs/multy-select/multy-select.component.d.ts

@@ -1,5 +1,4 @@
 import { SimpleChanges, TemplateRef } from '@angular/core';
-import { ConnectedPosition } from '@angular/cdk/overlay';
 import { AppSelectOption } from '../select/select.component';
 import { ButtonColor } from '../../button/button.component';
 import * as i0 from "@angular/core";
@@ -46,9 +45,8 @@ export declare class UicMultySelectComponent extends base {
         options: AppSelectOption[];
     }[];
     dropdownTemplate: TemplateRef<any>;
-    private overlayRef;
-    overlayPositions: ConnectedPosition[];
-    private readonly overlay;
+    private overlayHandle?;
+    private readonly overlayS;
     private readonly vcr;
     private readonly host;
     ngOnChanges(changes: SimpleChanges): void;

package/lib/components/inputs/phone-input/phone-input.component.d.ts

@@ -48,10 +48,9 @@ export declare class UicPhoneInputComponent extends base implements OnChanges, O
     private changeRegistered;
     private _countries;
     private readonly host;
-    private readonly overlay;
+    private readonly overlayS;
     private readonly vcr;
-    private overlayRef?;
-    private readonly overlayPositions;
+    private overlayHandle?;
     constructor();
     ngOnChanges(changes: SimpleChanges): void;
     ngOnDestroy(): void;

package/lib/components/inputs/select/select.component.d.ts

@@ -1,5 +1,4 @@
 import { SimpleChanges, TemplateRef } from '@angular/core';
-import { ConnectedPosition } from '@angular/cdk/overlay';
 import { ButtonColor } from '../../button/button.component';
 import * as i0 from "@angular/core";
 type selectId = number | string | null;
@@ -33,12 +32,11 @@ export declare class UicSelectComponent extends base {
     nullable: boolean;
     options: AppSelectOption[];
     dropdownTemplate: TemplateRef<any>;
-    private overlayRef;
+    private overlayHandle?;
     searchTerm: string;
     activeOptionIndex: number;
-    overlayPositions: ConnectedPosition[];
     selectedOption: AppSelectOption | null;
-    private readonly overlay;
+    private readonly overlayS;
     private readonly vcr;
     private readonly host;
     ngOnChanges(changes: SimpleChanges): void;
@@ -56,6 +54,7 @@ export declare class UicSelectComponent extends base {
     openList(): void;
     selectOption(option: AppSelectOption | null): void;
     closeList(): void;
+    private handleOverlayClosed;
     writeValue(value: string | number | null): void;
     updateSearchTerm(value: string): void;
     clearSearch(event?: Event): void;

package/lib/components/inputs/time-picker/time-picker.component.d.ts

@@ -1,5 +1,4 @@
 import { ElementRef, QueryList, SimpleChanges, TemplateRef } from '@angular/core';
-import { ConnectedPosition } from '@angular/cdk/overlay';
 import { ButtonColor } from '../../button/button.component';
 import * as i0 from "@angular/core";
 declare const base: abstract new () => {
@@ -28,11 +27,10 @@ export declare class UicTimePickerComponent extends base {
     hourOptions: QueryList<ElementRef<HTMLElement>>;
     minuteOptions: QueryList<ElementRef<HTMLElement>>;
     meridiemOptions: QueryList<ElementRef<HTMLElement>>;
-    private overlayRef;
-    private readonly overlay;
+    private overlayHandle?;
+    private readonly overlayS;
     private readonly vcr;
     private readonly host;
-    overlayPositions: ConnectedPosition[];
     hours12: number[];
     minutes: number[];
     meridiems: Array<'am' | 'pm'>;

package/lib/components/inputs/uic-searcher/uic-searcher.component.d.ts

@@ -1,6 +1,5 @@
 import { EventEmitter, TemplateRef } from '@angular/core';
 import { Observable } from 'rxjs';
-import { ConnectedPosition } from '@angular/cdk/overlay';
 import * as i0 from "@angular/core";
 declare const base: abstract new () => {
     value: Record<string, any> | null;
@@ -33,27 +32,23 @@ export declare class UicSearcherComponent extends base {
     manualSearch: boolean;
     stateless: boolean;
     pickedItem: EventEmitter<Record<string, any>>;
-    private readonly searchSubject;
+    private readonly searchResolver;
     results$: Observable<any[]>;
     selectedOption: Record<string, any> | null;
     searchText: string;
     watingApi: boolean;
-    private readonly overlay;
+    private readonly overlayS;
     private readonly vcr;
     private readonly host;
-    private resizeObserver?;
     onSearchChange(value: string): void;
     triggerSearch(): void;
     selectItem(item: Record<string, any>): void;
     clearSearch(): void;
     unselect(): void;
     dropdownTemplate: TemplateRef<any>;
-    private overlayRef;
-    overlayPositions: ConnectedPosition[];
+    private overlayHandle?;
     openList(): void;
     closeList(): void;
-    private observeOverlaySizeChanges;
-    private getPreferredPositions;
     writeValue(value: Record<string, any>): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<UicSearcherComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<UicSearcherComponent, "ui-searcher", never, { "icon": { "alias": "icon"; "required": false; }; "iconColor": { "alias": "iconColor"; "required": false; }; "internalIcon": { "alias": "internalIcon"; "required": false; }; "size": { "alias": "size"; "required": false; }; "label": { "alias": "label"; "required": false; }; "error": { "alias": "error"; "required": false; }; "tip": { "alias": "tip"; "required": false; }; "showSubtitle": { "alias": "showSubtitle"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "minimumSearchLength": { "alias": "minimumSearchLength"; "required": false; }; "showSelected": { "alias": "showSelected"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "searchFn": { "alias": "searchFn"; "required": false; }; "itemDisplayFn": { "alias": "itemDisplayFn"; "required": false; }; "itemIsEnabledFn": { "alias": "itemIsEnabledFn"; "required": false; }; "manualSearch": { "alias": "manualSearch"; "required": false; }; "stateless": { "alias": "stateless"; "required": false; }; }, { "pickedItem": "pickedItem"; }, never, never, true, never>;

package/lib/translate/dictionary.en.d.ts

@@ -146,6 +146,7 @@ export declare const DICTIONARY_EN: {
         readonly clear_tip: "Clear";
         readonly empty: "No items to show";
         readonly without_selected: "No selected items";
+        readonly already_selected: "This item is already selected";
     };
     readonly alerts: {
         readonly success_title: "Operation successful";

package/lib/translate/dictionary.es.d.ts

@@ -146,6 +146,7 @@ export declare const DICTIONARY_ES: {
         readonly clear_tip: "Limpiar";
         readonly empty: "No hay elementos para mostrar";
         readonly without_selected: "Sin elementos seleccionados";
+        readonly already_selected: "Este elemento ya fue seleccionado";
     };
     readonly alerts: {
         readonly success_title: "Operacion exitosa";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ui-core-abv",
-  "version": "0.8.9",
+  "version": "0.9.0",
   "peerDependencies": {
     "@angular/common": ">=19.2.0 <21.0.0",
     "@angular/core": ">=19.2.0  <21.0.0",