@xosue-utils/inputs 0.1.0

package/lib/media-entry/media-entry.component.d.ts

@@ -0,0 +1,163 @@
+import { ElementRef, AfterViewInit } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+import * as i0 from "@angular/core";
+interface FileInfo {
+    name: string;
+    size: number;
+    progress: number;
+    status: 'loading' | 'success' | 'error';
+    type?: string;
+    url?: string;
+    error?: string;
+    /** 'uploading' = subiendo chunks; 'processing' = servidor procesando (resoluciones, etc.) */
+    phase?: 'uploading' | 'processing';
+    file?: File;
+    urlEncrypted?: string;
+    chunkNumber?: number;
+    uploadedBytes?: number;
+}
+type MediaMode = 'file' | 'image' | 'card';
+export declare class MediaEntryComponent implements ControlValueAccessor, AfterViewInit {
+    private cdr;
+    private elementRef;
+    private sanitizer;
+    private readonly inputsConfig;
+    private mediaPreview;
+    /** Visor de previsualización global (consumido desde la plantilla vía `openGeneralMediaPreview`). */
+    readonly generalMediaViewer: import("../../config/media-adapters").XosueUtilsMediaViewer;
+    /** Preview de imágenes: hash / uploads / URL absoluta (mismo estado que el resto del front). */
+    private readonly backendPreviewImgState;
+    label: string;
+    opcional: boolean;
+    description: string;
+    placeholder: string;
+    mode: MediaMode;
+    display: 'items' | 'cards';
+    multiple: boolean;
+    maxItems: number;
+    maxSize: number | null;
+    types: string[];
+    extensions: string[];
+    endpointUpload?: string;
+    /** Tamaño de cada chunk en MB. Por defecto 1.5 MB para no superar upload_max_filesize=2M en muchos servidores. */
+    chunkSizeMB: number;
+    sortable: boolean;
+    primaryTag: boolean;
+    previewEndpoint?: string;
+    /** Ancho máximo en px para imágenes (opcional). Si no se envía, se conserva el tamaño original. */
+    imageMaxWidth?: number;
+    /** Altura máxima en px para imágenes (opcional). Si no se envía, no se limita. */
+    imageMaxHeight?: number;
+    get hostDisabledClass(): boolean;
+    set disabled(value: boolean);
+    uploadFormRef?: ElementRef<HTMLFormElement>;
+    sortableContainer?: ElementRef;
+    private sortableInstance?;
+    private sortableInitialized;
+    pending: FileInfo[];
+    uploaded: FileInfo[];
+    failed: FileInfo[];
+    loading: boolean;
+    isDisabled: boolean;
+    private dragCounter;
+    isDragging: boolean;
+    get isImageMode(): boolean;
+    get isFileMode(): boolean;
+    get isCardMode(): boolean;
+    get isCardsDisplay(): boolean;
+    get isItemsDisplay(): boolean;
+    get defaultTypes(): string[];
+    get defaultExtensions(): string[];
+    get effectiveTypes(): string[];
+    get effectiveExtensions(): string[];
+    get allowedTypesText(): string;
+    get maxSizeText(): string;
+    ngAfterViewInit(): void;
+    ngAfterViewChecked(): void;
+    private onChange;
+    private onTouched;
+    writeValue(value: string[] | string | null): void;
+    /**
+     * Obtiene el tamaño del archivo con HEAD. En modo imagen con hash usa CDN (Cloudflare).
+     */
+    private fetchFileSize;
+    /**
+     * Obtiene la URL de preview para mostrar la imagen.
+     * En modo imagen, si url es un hash encriptado, resuelve la URL desde el CDN (Cloudflare).
+     * Si no, usa el endpoint de preview del backend.
+     */
+    getPreviewUrl(url: string | undefined): string | undefined;
+    /**
+     * Obtiene la URL a usar para preview (prioriza urlEncrypted, luego url)
+     */
+    private getFileUrl;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState(isDisabled: boolean): void;
+    onFileInput(event: Event): Promise<void>;
+    /**
+     * Sube un archivo por chunks usando binarios (multipart/form-data) con ping-pong
+     */
+    private uploadFileByChunks;
+    /**
+     * Espera hasta que el backend termine procesamiento + sync a Cloudflare y devuelva el hash final.
+     * Mientras tanto, mantiene el item en "pending" (phase=processing).
+     */
+    private pollUploadDone;
+    /**
+     * Envía un chunk binario al servidor mediante POST multipart/form-data (ping-pong).
+     * Todas las subidas (imágenes, vídeos, documentos) usan este flujo por fragmentos binarios.
+     */
+    private sendChunkBinary;
+    private validateImageFile;
+    private extractFileName;
+    /**
+     * Determina el tipo MIME basándose en la extensión del archivo
+     */
+    private getMimeTypeFromFileName;
+    /**
+     * Construye la URL de preview completa usando el endpoint unificado
+     * encryptedHash es el finalUrl (urlEncrypted)
+     *
+     * Inserta "sdz673fuf7348_sf4" después de los primeros 10 caracteres del hash
+     * para que el backend pueda identificarlo y extraer el hash original
+     */
+    private buildPreviewUrl;
+    /**
+     * Abre el preview del archivo mediante `MediaViewerService` (UI en `media-viewer-service`).
+     * En modo imagen con hash resuelve la URL desde el CDN (Cloudflare) antes de abrir.
+     */
+    openGeneralMediaPreview(fileInfo: FileInfo): Promise<void>;
+    /**
+     * Determina si el archivo se puede previsualizar en el navegador
+     * El backend maneja todo, así que solo verificamos si tenemos tipo o nombre
+     */
+    canPreview(fileType?: string | null, fileName?: string | null): boolean;
+    private viewerModeFor;
+    /**
+     * Determina si el archivo debe mostrarse en iframe (PDFs y documentos)
+     * El backend sirve estos archivos directamente, así que usamos iframe para PDFs y documentos Office
+     */
+    shouldUseIframe(fileType?: string | null, fileName?: string | null): boolean;
+    private moveToUploaded;
+    private moveToFailed;
+    private emitValues;
+    isAllProcessed(): boolean;
+    isPrimary(index: number): boolean;
+    removeUploaded(index: number): void;
+    removeFailed(index: number): void;
+    clearAllUploaded(): void;
+    clearAllFailed(): void;
+    onDragOver(event: DragEvent): void;
+    onDragEnter(event: DragEvent): void;
+    onDragLeave(event: DragEvent): void;
+    onDrop(event: DragEvent): void;
+    statusMessage: string | null;
+    statusTimeout?: any;
+    showStatusMessage(msg: string, durationMs?: number): void;
+    private reorderUploadedFromDOM;
+    getFileIcon(type: string | undefined): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MediaEntryComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MediaEntryComponent, "media-entry", never, { "label": { "alias": "label"; "required": false; }; "opcional": { "alias": "opcional"; "required": false; }; "description": { "alias": "description"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "display": { "alias": "display"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "maxItems": { "alias": "maxItems"; "required": false; }; "maxSize": { "alias": "maxSize"; "required": false; }; "types": { "alias": "types"; "required": false; }; "extensions": { "alias": "extensions"; "required": false; }; "endpointUpload": { "alias": "endpointUpload"; "required": false; }; "chunkSizeMB": { "alias": "chunkSizeMB"; "required": false; }; "sortable": { "alias": "sortable"; "required": false; }; "primaryTag": { "alias": "primaryTag"; "required": false; }; "previewEndpoint": { "alias": "previewEndpoint"; "required": false; }; "imageMaxWidth": { "alias": "imageMaxWidth"; "required": false; }; "imageMaxHeight": { "alias": "imageMaxHeight"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, never, true, never>;
+}
+export {};

package/lib/month-picker/month-picker.component.d.ts

@@ -0,0 +1,78 @@
+import { EventEmitter, OnInit, OnDestroy } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+import * as i0 from "@angular/core";
+export declare class MonthPickerComponent implements ControlValueAccessor, OnInit, OnDestroy {
+    private cdr;
+    private elementRef;
+    private monthPickerModal;
+    private inputOverlayCoordinator;
+    private readonly overlayToken;
+    private static readonly modalRootSelector;
+    private get hostElement();
+    label: string;
+    opcional: boolean;
+    description: string;
+    placeholder: string;
+    format: string;
+    get hostDisabledClass(): boolean;
+    set disabled(value: boolean);
+    selectionChange: EventEmitter<string>;
+    private onChange;
+    private onTouched;
+    writeValue(value: string | null): void;
+    registerOnChange(fn: (value: string | null) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    selectedValue: string;
+    private previousSelectedValue;
+    selectedYear: number;
+    selectedMonth: number | null;
+    currentYear: number;
+    years: number[];
+    months: number[];
+    readonly MONTH_NAMES: string[];
+    isDisabled: boolean;
+    isFocus: boolean;
+    showPicker: boolean;
+    showMonths: boolean;
+    showYears: boolean;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    private setFromDate;
+    private updateSelectedValue;
+    private parseDate;
+    onIncrementMonth(): void;
+    onDecrementMonth(): void;
+    onIncrementYear(): void;
+    onDecrementYear(): void;
+    onSelectMonth(month: number): void;
+    onSelectYear(year: number): void;
+    scrollToCurrentMonth(): void;
+    scrollToCurrentYear(): void;
+    openMonths(): void;
+    openYears(): void;
+    toggleShowPicker(e: Event): void;
+    private applyCancelState;
+    onCancel(): void;
+    onAccept(): void;
+    onClear(): void;
+    private buildModalView;
+    private syncModalView;
+    private openModalPortal;
+    private closeModalPortal;
+    private onOverlayDismissedByCoordinator;
+    private closePicker;
+    private buildHandlers;
+    focus(): void;
+    defocus(): void;
+    /**
+     * Simula un click en el input interno (si existe) para enfocarlo.
+     * @param event Evento del mouse (opcional).
+     */
+    manualClick(event?: MouseEvent): void;
+    get selectedDateExtended(): string;
+    get formattedSelected(): string;
+    private generateYears;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MonthPickerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MonthPickerComponent, "month-picker", never, { "label": { "alias": "label"; "required": false; }; "opcional": { "alias": "opcional"; "required": false; }; "description": { "alias": "description"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "format": { "alias": "format"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "selectionChange": "selectionChange"; }, never, never, true, never>;
+}

package/lib/month-picker/services/month-picker-modal/month-picker-modal.service.d.ts

@@ -0,0 +1,38 @@
+import * as i0 from "@angular/core";
+export interface MonthPickerModalViewModel {
+    selectedValue: string;
+    years: number[];
+    months: number[];
+    showYears: boolean;
+    selectedYear: number;
+    selectedMonth: number | null;
+    MONTH_NAMES: readonly string[];
+    selectedDateExtended: string;
+    formattedSelected: string;
+}
+export interface MonthPickerModalHandlers {
+    toggleShowPicker: (e: Event) => void;
+    onSelectYear: (y: number, e: Event) => void;
+    onDecrementYear: (e: Event) => void;
+    onIncrementYear: (e: Event) => void;
+    onSelectMonth: (m: number, e: Event) => void;
+    openYears: (e: Event) => void;
+    onDecrementMonth: (e: Event) => void;
+    onIncrementMonth: (e: Event) => void;
+    onCancel: () => void;
+    onClear: () => void;
+    onAccept: () => void;
+}
+export interface MonthPickerModalSession {
+    view: MonthPickerModalViewModel;
+    handlers: MonthPickerModalHandlers;
+}
+export declare class MonthPickerModalService {
+    private readonly state;
+    readonly state$: import("rxjs").Observable<MonthPickerModalSession>;
+    open(session: MonthPickerModalSession): void;
+    patchView(patch: Partial<MonthPickerModalViewModel>): void;
+    close(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MonthPickerModalService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<MonthPickerModalService>;
+}

package/lib/multichoice-entry/multichoice-entry.component.d.ts

@@ -0,0 +1,28 @@
+import { ControlValueAccessor } from '@angular/forms';
+import * as i0 from "@angular/core";
+export declare class MultichoiceEntryComponent implements ControlValueAccessor {
+    private cdr;
+    private elementRef;
+    label: string;
+    description: string;
+    opcional: boolean;
+    options: {
+        value: string;
+        text?: string;
+    }[];
+    get hostDisabledClass(): boolean;
+    set disabled(value: boolean);
+    selected: string[] | null;
+    isDisabled: boolean;
+    private onChange;
+    private onTouched;
+    writeValue(value: string[] | null): void;
+    registerOnChange(fn: (value: string[] | null) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(disabled: boolean): void;
+    toggle(optionValue: string): void;
+    isChecked(optionValue: string): boolean;
+    iconClass(optionValue: string): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MultichoiceEntryComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MultichoiceEntryComponent, "multichoice-entry", never, { "label": { "alias": "label"; "required": false; }; "description": { "alias": "description"; "required": false; }; "opcional": { "alias": "opcional"; "required": false; }; "options": { "alias": "options"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, never, true, never>;
+}

package/lib/multiselect-combobox/multiselect-combobox.component.d.ts

@@ -0,0 +1,100 @@
+import { EventEmitter, OnChanges, SimpleChanges, OnInit, OnDestroy } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+import { SelectOption } from '../only-select/only-select.types';
+import * as i0 from "@angular/core";
+export type { SelectOption } from '../only-select/only-select.types';
+export declare class MultiselectComboboxComponent implements ControlValueAccessor, OnInit, OnChanges, OnDestroy {
+    private cdr;
+    private http;
+    private readonly inputsConfig;
+    private multiselectModal;
+    private inputOverlayCoordinator;
+    private readonly overlayToken;
+    label: string;
+    description: string;
+    placeholder: string;
+    opcional: boolean;
+    options: SelectOption[];
+    api?: string;
+    search: boolean;
+    minSearch: number;
+    /** Parámetros extra en la query del API (p. ej. exclude_id). */
+    apiQueryParams: Record<string, string | number | boolean | null | undefined>;
+    /** No cargar catálogo completo al iniciar (útil para listas grandes). */
+    deferInitialLoad: boolean;
+    /** Mensaje cuando no quedan opciones (lista vacía o sin resultados de búsqueda). */
+    noOptionsMessage: string;
+    get hostDisabledClass(): boolean;
+    set disabled(value: boolean);
+    selectionChange: EventEmitter<SelectOption[]>;
+    isOpenOptions: boolean;
+    isFocus: boolean;
+    isDisabled: boolean;
+    filteredOptions: SelectOption[];
+    selectedOptions: SelectOption[];
+    private internalOptions;
+    private pendingValues;
+    private apiReady;
+    searchQuery: string;
+    isLoading: boolean;
+    isSearching: boolean;
+    private searchSubject;
+    private fetchSubject;
+    private searchSubscription?;
+    private fetchSubscription?;
+    private onChange;
+    private onTouched;
+    writeValue(values: string[] | null): void;
+    registerOnChange(fn: (value: string[]) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    private propagateChanges;
+    private resolvePendingSelection;
+    private buildApiUrl;
+    private requestApi;
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnDestroy(): void;
+    onSearchChange(e: Event): void;
+    /**
+     * Filtra opciones locales (método auxiliar para búsqueda con debounce)
+     */
+    private filterLocalOptions;
+    /**
+     * Calcula un score de relevancia para una opción basado en la búsqueda.
+     * - Score más alto = mejor coincidencia
+     * - Coincidencia exacta: 100
+     * - Comienza con la búsqueda: 80
+     * - Contiene la búsqueda: 60
+     * - Coincidencia en descripción: 40
+     * - Sin coincidencia: 0
+     */
+    private calculateRelevanceScore;
+    /**
+     * Obtiene los headers de autenticación para las peticiones HTTP.
+     */
+    private getAuthHeaders;
+    private fetchFromApi;
+    private loadLocalOptions;
+    private buildModalView;
+    private syncModalView;
+    private openModalPortal;
+    private closeModalPortal;
+    private onOverlayDismissedByCoordinator;
+    /** Quitar chip desde el modal sin propagar el click al backdrop. */
+    private removeSelectedFromModal;
+    onOptionToggle(option: SelectOption, event: Event): void;
+    removeSelected(option: SelectOption): void;
+    isSelected(option: SelectOption): boolean;
+    toggleOpenOptions(e: Event): void;
+    shouldShowSearchInput(): boolean;
+    focus(): void;
+    defocus(): void;
+    /**
+     * Simula un click en el input interno (si existe) para enfocarlo.
+     * @param event Evento del mouse (opcional).
+     */
+    manualClick(event?: MouseEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MultiselectComboboxComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MultiselectComboboxComponent, "multiselect-combobox", never, { "label": { "alias": "label"; "required": false; }; "description": { "alias": "description"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "opcional": { "alias": "opcional"; "required": false; }; "options": { "alias": "options"; "required": false; }; "api": { "alias": "api"; "required": false; }; "search": { "alias": "search"; "required": false; }; "minSearch": { "alias": "minSearch"; "required": false; }; "apiQueryParams": { "alias": "apiQueryParams"; "required": false; }; "deferInitialLoad": { "alias": "deferInitialLoad"; "required": false; }; "noOptionsMessage": { "alias": "noOptionsMessage"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "selectionChange": "selectionChange"; }, never, never, true, never>;
+}

package/lib/multiselect-combobox/services/multiselect-combobox-modal/multiselect-combobox-modal.service.d.ts

@@ -0,0 +1,30 @@
+import { SelectOption } from '../../../only-select/only-select.types';
+import * as i0 from "@angular/core";
+export interface MultiselectComboboxModalViewModel {
+    searchQuery: string;
+    filteredOptions: SelectOption[];
+    selectedOptions: SelectOption[];
+    shouldShowSearch: boolean;
+    isLoading: boolean;
+    isSearching: boolean;
+    noOptionsMessage: string;
+}
+export interface MultiselectComboboxModalHandlers {
+    onSearchInput: (e: Event) => void;
+    onBackdropClick: (e: Event) => void;
+    onOptionToggle: (option: SelectOption, event: Event) => void;
+    onRemoveSelected: (option: SelectOption, event: Event) => void;
+}
+export interface MultiselectComboboxModalSession {
+    view: MultiselectComboboxModalViewModel;
+    handlers: MultiselectComboboxModalHandlers;
+}
+export declare class MultiselectComboboxModalService {
+    private readonly state;
+    readonly state$: import("rxjs").Observable<MultiselectComboboxModalSession>;
+    open(session: MultiselectComboboxModalSession): void;
+    patchView(patch: Partial<MultiselectComboboxModalViewModel>): void;
+    close(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MultiselectComboboxModalService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<MultiselectComboboxModalService>;
+}

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

@@ -0,0 +1,90 @@
+import { EventEmitter, OnChanges, SimpleChanges, OnInit, OnDestroy } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+import { SelectOption } from './only-select.types';
+import * as i0 from "@angular/core";
+export type { SelectOption } from './only-select.types';
+export declare class OnlySelectComponent implements ControlValueAccessor, OnInit, OnChanges, OnDestroy {
+    private cdr;
+    private http;
+    private readonly inputsConfig;
+    private onlySelectModal;
+    private inputOverlayCoordinator;
+    private readonly overlayToken;
+    label: string;
+    description: string;
+    placeholder: string;
+    opcional: boolean;
+    options: SelectOption[];
+    /** Texto de ayuda mostrado al pulsar el botón de información. */
+    fieldHelp: string;
+    api?: string;
+    search: boolean;
+    minSearch: number;
+    /** Mensaje cuando no quedan opciones (lista vacía o sin resultados de búsqueda). */
+    noOptionsMessage: string;
+    get hostDisabledClass(): boolean;
+    set disabled(value: boolean);
+    selectionChange: EventEmitter<SelectOption>;
+    isOpenOptions: boolean;
+    isFocus: boolean;
+    isDisabled: boolean;
+    filteredOptions: SelectOption[];
+    selectedOption: SelectOption | null;
+    private internalOptions;
+    private pendingValue;
+    searchQuery: string;
+    isLoading: boolean;
+    isSearching: boolean;
+    private searchSubject;
+    private searchSubscription?;
+    private onChange;
+    private onTouched;
+    writeValue(value: string | null): void;
+    registerOnChange(fn: (value: string | null) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    private propagateChanges;
+    ngOnInit(): void;
+    /**
+     * Obtiene los headers de autenticación para las peticiones HTTP.
+     */
+    private getAuthHeaders;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnDestroy(): void;
+    onSearchChange(e: Event): void;
+    /**
+     * Filtra opciones locales (método auxiliar para búsqueda con debounce)
+     */
+    private filterLocalOptions;
+    /**
+     * Calcula un score de relevancia para una opción basado en la búsqueda.
+     * - Score más alto = mejor coincidencia
+     * - Coincidencia exacta: 100
+     * - Comienza con la búsqueda: 80
+     * - Contiene la búsqueda: 60
+     * - Coincidencia en descripción: 40
+     * - Sin coincidencia: 0
+     */
+    private calculateRelevanceScore;
+    private fetchFromApi;
+    private loadLocalOptions;
+    private buildModalView;
+    private syncModalView;
+    private openModalPortal;
+    private closeModalPortal;
+    private onOverlayDismissedByCoordinator;
+    onOptionToggle(option: SelectOption): void;
+    removeSelected(): void;
+    isSelected(option: SelectOption): boolean;
+    toggleOpenOptions(e: Event): void;
+    shouldShowSearchInput(): boolean;
+    focus(): void;
+    defocus(): void;
+    /**
+     * Simula un click en el input interno (si existe) para enfocarlo.
+     * @param event Evento del mouse (opcional).
+     */
+    manualClick(event?: MouseEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OnlySelectComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OnlySelectComponent, "only-select", never, { "label": { "alias": "label"; "required": false; }; "description": { "alias": "description"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "opcional": { "alias": "opcional"; "required": false; }; "options": { "alias": "options"; "required": false; }; "fieldHelp": { "alias": "fieldHelp"; "required": false; }; "api": { "alias": "api"; "required": false; }; "search": { "alias": "search"; "required": false; }; "minSearch": { "alias": "minSearch"; "required": false; }; "noOptionsMessage": { "alias": "noOptionsMessage"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "selectionChange": "selectionChange"; }, never, never, true, never>;
+}

package/lib/only-select/only-select.types.d.ts

@@ -0,0 +1,9 @@
+export interface SelectOption {
+    image?: string;
+    color?: string;
+    value: string;
+    name: string;
+    description?: string;
+    symbol?: string;
+    [key: string]: unknown;
+}

package/lib/only-select/services/only-select-modal/only-select-modal.service.d.ts

@@ -0,0 +1,29 @@
+import { SelectOption } from '../../only-select.types';
+import * as i0 from "@angular/core";
+export interface OnlySelectModalViewModel {
+    searchQuery: string;
+    filteredOptions: SelectOption[];
+    selectedOption: SelectOption | null;
+    shouldShowSearch: boolean;
+    isLoading: boolean;
+    isSearching: boolean;
+    noOptionsMessage: string;
+}
+export interface OnlySelectModalHandlers {
+    onSearchInput: (e: Event) => void;
+    onBackdropClick: (e: Event) => void;
+    onOptionSelect: (option: SelectOption) => void;
+}
+export interface OnlySelectModalSession {
+    view: OnlySelectModalViewModel;
+    handlers: OnlySelectModalHandlers;
+}
+export declare class OnlySelectModalService {
+    private readonly state;
+    readonly state$: import("rxjs").Observable<OnlySelectModalSession>;
+    open(session: OnlySelectModalSession): void;
+    patchView(patch: Partial<OnlySelectModalViewModel>): void;
+    close(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OnlySelectModalService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<OnlySelectModalService>;
+}

package/lib/onlychoice-entry/onlychoice-entry.component.d.ts

@@ -0,0 +1,28 @@
+import { ControlValueAccessor } from '@angular/forms';
+import * as i0 from "@angular/core";
+export declare class OnlychoiceEntryComponent implements ControlValueAccessor {
+    private cdr;
+    private elementRef;
+    label: string;
+    description: string;
+    opcional: boolean;
+    options: {
+        value: string;
+        text?: string;
+    }[];
+    get hostDisabledClass(): boolean;
+    set disabled(value: boolean);
+    selected: string | null;
+    isDisabled: boolean;
+    private onChange;
+    private onTouched;
+    writeValue(value: string | null): void;
+    registerOnChange(fn: (value: string | null) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(disabled: boolean): void;
+    toggle(optionValue: string): void;
+    isChecked(optionValue: string): boolean;
+    iconClass(optionValue: string): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OnlychoiceEntryComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OnlychoiceEntryComponent, "onlychoice-entry", never, { "label": { "alias": "label"; "required": false; }; "description": { "alias": "description"; "required": false; }; "opcional": { "alias": "opcional"; "required": false; }; "options": { "alias": "options"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, never, true, never>;
+}

package/lib/otp-entry/otp-entry.component.d.ts

@@ -0,0 +1,35 @@
+import { ElementRef, QueryList, AfterViewInit } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+import * as i0 from "@angular/core";
+export declare class OtpEntryComponent implements ControlValueAccessor, AfterViewInit {
+    private cdr;
+    private elementRef;
+    length: number;
+    label: string;
+    opcional: boolean;
+    description: string;
+    placeholder: string;
+    get hostDisabledClass(): boolean;
+    set disabled(value: boolean);
+    inputs: QueryList<ElementRef<HTMLInputElement>>;
+    isDisabled: boolean;
+    values: string[];
+    ngAfterViewInit(): void;
+    private onChange;
+    private onTouched;
+    writeValue(value: string | null): void;
+    registerOnChange(fn: (value: string | null) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(disabled: boolean): void;
+    onInput(event: Event, index: number): void;
+    onKeyDown(event: KeyboardEvent, index: number): void;
+    handlePaste(event: ClipboardEvent): void;
+    private resetValues;
+    private updateInputs;
+    private updateInput;
+    private focus;
+    private emit;
+    manualClick(event?: MouseEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OtpEntryComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OtpEntryComponent, "otp-entry", never, { "length": { "alias": "length"; "required": false; }; "label": { "alias": "label"; "required": false; }; "opcional": { "alias": "opcional"; "required": false; }; "description": { "alias": "description"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, never, true, never>;
+}