@telcomdev/ui 0.0.3 → 0.0.5

package/types/telcomdev-ui.d.ts

@@ -1,6 +1,10 @@
 import * as i0 from '@angular/core';
-import { OnChanges, OnDestroy, EventEmitter, SimpleChanges } from '@angular/core';
+import { OnChanges, OnDestroy, EventEmitter, SimpleChanges, InjectionToken, Type } from '@angular/core';
+import { Observable } from 'rxjs';
+import { DialogRef } from '@angular/cdk/dialog';
 import * as _telcomdev_ui from '@telcomdev/ui';
+import { ControlValueAccessor } from '@angular/forms';
+import { ScrollStrategy } from '@angular/cdk/overlay';
 
 declare class TelcomdevUi {
     static ɵfac: i0.ɵɵFactoryDeclaration<TelcomdevUi, never>;
@@ -47,8 +51,8 @@ interface TdDataTableColumna<T> {
 interface TdDataTableAccion<T> {
     id: string;
     etiqueta: string;
-    icono: string;
-    tono?: TdDataTableTono;
+    icono: string | ((fila: T) => string);
+    tono?: TdDataTableTono | ((fila: T) => TdDataTableTono);
     visible?: (fila: T) => boolean;
     deshabilitada?: (fila: T) => boolean;
 }
@@ -76,18 +80,16 @@ declare class TdDataTable<T extends object> implements OnChanges, OnDestroy {
     cargando: boolean;
     puedeCargarMas: boolean;
     itemSize: number;
+    filasAntesDeCargar: number;
     altura: string;
     campoId: keyof T & string;
     oscuro: boolean;
     mostrarBusqueda: boolean;
-    mostrarAgregar: boolean;
     placeholderBusqueda: string;
-    textoAgregar: string;
     textoVacio: string;
     descripcionVacio: string;
     debounceBusqueda: number;
     readonly busquedaChange: EventEmitter<string>;
-    readonly agregar: EventEmitter<void>;
     readonly accion: EventEmitter<TdDataTableAccionEvento<T>>;
     readonly botonClick: EventEmitter<TdDataTableBoton>;
     readonly cargarMas: EventEmitter<void>;
@@ -103,12 +105,84 @@ declare class TdDataTable<T extends object> implements OnChanges, OnDestroy {
     protected textoCelda(columna: TdDataTableColumna<T>, fila: T, indice: number): string;
     protected tonoCelda(columna: TdDataTableColumna<T>, fila: T): TdDataTableTono;
     protected accionesVisibles(fila: T): TdDataTableAccion<T>[];
+    protected iconoAccion(accion: TdDataTableAccion<T>, fila: T): string;
+    protected tonoAccion(accion: TdDataTableAccion<T>, fila: T): TdDataTableTono;
     protected botonesVisibles(): TdDataTableBoton[];
     protected ejecutarAccion(accion: TdDataTableAccion<T>, fila: T, indice: number): void;
     protected alCambiarIndice(): void;
     protected readonly trackFila: (_indice: number, fila: T) => unknown;
     static ɵfac: i0.ɵɵFactoryDeclaration<TdDataTable<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TdDataTable<any>, "td-data-table", never, { "datos": { "alias": "datos"; "required": false; }; "columnas": { "alias": "columnas"; "required": false; }; "acciones": { "alias": "acciones"; "required": false; }; "botones": { "alias": "botones"; "required": false; }; "total": { "alias": "total"; "required": false; }; "cargando": { "alias": "cargando"; "required": false; }; "puedeCargarMas": { "alias": "puedeCargarMas"; "required": false; }; "itemSize": { "alias": "itemSize"; "required": false; }; "altura": { "alias": "altura"; "required": false; }; "campoId": { "alias": "campoId"; "required": false; }; "oscuro": { "alias": "oscuro"; "required": false; }; "mostrarBusqueda": { "alias": "mostrarBusqueda"; "required": false; }; "mostrarAgregar": { "alias": "mostrarAgregar"; "required": false; }; "placeholderBusqueda": { "alias": "placeholderBusqueda"; "required": false; }; "textoAgregar": { "alias": "textoAgregar"; "required": false; }; "textoVacio": { "alias": "textoVacio"; "required": false; }; "descripcionVacio": { "alias": "descripcionVacio"; "required": false; }; "debounceBusqueda": { "alias": "debounceBusqueda"; "required": false; }; }, { "busquedaChange": "busquedaChange"; "agregar": "agregar"; "accion": "accion"; "botonClick": "botonClick"; "cargarMas": "cargarMas"; }, never, ["[tdDataTableFilters]", "[tdDataTableActions]"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TdDataTable<any>, "td-data-table", never, { "datos": { "alias": "datos"; "required": false; }; "columnas": { "alias": "columnas"; "required": false; }; "acciones": { "alias": "acciones"; "required": false; }; "botones": { "alias": "botones"; "required": false; }; "total": { "alias": "total"; "required": false; }; "cargando": { "alias": "cargando"; "required": false; }; "puedeCargarMas": { "alias": "puedeCargarMas"; "required": false; }; "itemSize": { "alias": "itemSize"; "required": false; }; "filasAntesDeCargar": { "alias": "filasAntesDeCargar"; "required": false; }; "altura": { "alias": "altura"; "required": false; }; "campoId": { "alias": "campoId"; "required": false; }; "oscuro": { "alias": "oscuro"; "required": false; }; "mostrarBusqueda": { "alias": "mostrarBusqueda"; "required": false; }; "placeholderBusqueda": { "alias": "placeholderBusqueda"; "required": false; }; "textoVacio": { "alias": "textoVacio"; "required": false; }; "descripcionVacio": { "alias": "descripcionVacio"; "required": false; }; "debounceBusqueda": { "alias": "debounceBusqueda"; "required": false; }; }, { "busquedaChange": "busquedaChange"; "accion": "accion"; "botonClick": "botonClick"; "cargarMas": "cargarMas"; }, never, ["[tdDataTableFilters]", "[tdDataTableActions]"], true, never>;
+}
+
+type TdDialogTamano = 'pequeno' | 'mediano' | 'grande' | 'pantalla';
+interface TdDialogConfig<D = unknown> {
+    data?: D;
+    titulo?: string;
+    subtitulo?: string;
+    icono?: string;
+    tamano?: TdDialogTamano;
+    ancho?: string;
+    alto?: string;
+    maxAncho?: string;
+    maxAlto?: string;
+    mostrarCerrar?: boolean;
+    cerrarAlNavegar?: boolean;
+    deshabilitarCierre?: boolean;
+    autoFocus?: 'dialog' | 'first-tabbable' | 'first-heading' | string | boolean;
+    restaurarFoco?: boolean;
+    oscuro?: boolean;
+    panelClass?: string | string[];
+    ariaLabel?: string;
+}
+interface TdDialogPanelData<D = unknown> {
+    component: Type<unknown>;
+    config: TdDialogConfig<D>;
+    fullscreen: boolean;
+}
+declare const TD_DIALOG_DATA: InjectionToken<unknown>;
+declare const TD_DIALOG_CONFIG: InjectionToken<TdDialogConfig<unknown>>;
+interface TdDialogRefLike<R = unknown> {
+    readonly closed: Observable<R | undefined>;
+    readonly id: string;
+    close(result?: R): void;
+    updateSize(width?: string | number, height?: string | number): this;
+}
+
+declare class TdDialogRef<R = unknown> implements TdDialogRefLike<R> {
+    private readonly ref;
+    readonly closed: Observable<R | undefined>;
+    readonly id: string;
+    constructor(ref: DialogRef<R, unknown>);
+    close(result?: R): void;
+    updateSize(width?: string | number, height?: string | number): this;
+}
+
+declare class TdDialog {
+    private readonly dialog;
+    open<C, D = unknown, R = unknown>(component: Type<C>, config?: TdDialogConfig<D>): TdDialogRef<R>;
+    closeAll(): void;
+    private widthFor;
+    private panelClasses;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TdDialog, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<TdDialog>;
+}
+
+declare class TdDialogActions {
+    static ɵfac: i0.ɵɵFactoryDeclaration<TdDialogActions, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TdDialogActions, "td-dialog-actions", never, {}, {}, never, ["*"], true, never>;
+}
+
+declare class TdDialogClose {
+    private readonly dialogRef;
+    result: unknown;
+    protected close(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TdDialogClose, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TdDialogClose, "[tdDialogClose]", never, { "result": { "alias": "tdDialogClose"; "required": false; }; }, {}, never, never, true, never>;
+}
+declare class TdDialogPrimary {
+    static ɵfac: i0.ɵɵFactoryDeclaration<TdDialogPrimary, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TdDialogPrimary, "[tdDialogPrimary]", never, {}, {}, never, never, true, never>;
 }
 
 declare class TdFooter {
@@ -254,6 +328,12 @@ declare const TD_ICONOS: {
     search: {
         path: string;
     };
+    visibility: {
+        path: string;
+    };
+    visibility_off: {
+        path: string;
+    };
     notifications: {
         path: string;
     };
@@ -289,7 +369,159 @@ declare const TD_ICONOS: {
     };
 };
 type TdIconoNombre = keyof typeof TD_ICONOS;
-declare const TD_ICONOS_NOMBRES: readonly ("menu" | "search" | "close" | "home" | "dashboard" | "folder" | "settings" | "people" | "person" | "security" | "inventory" | "shopping_cart" | "receipt" | "assessment" | "description" | "business" | "chevron_left" | "chevron_right" | "sun" | "moon" | "alert" | "check" | "notifications" | "chevron_down" | "apps" | "help" | "add" | "edit" | "delete" | "toggle_on" | "toggle_off" | "inbox" | "pdf")[];
+declare const TD_ICONOS_NOMBRES: readonly ("menu" | "search" | "close" | "home" | "dashboard" | "folder" | "settings" | "people" | "person" | "security" | "inventory" | "shopping_cart" | "receipt" | "assessment" | "description" | "business" | "chevron_left" | "chevron_right" | "sun" | "moon" | "alert" | "check" | "visibility" | "visibility_off" | "notifications" | "chevron_down" | "apps" | "help" | "add" | "edit" | "delete" | "toggle_on" | "toggle_off" | "inbox" | "pdf")[];
+
+declare class TdInput implements ControlValueAccessor {
+    private readonly cdr;
+    private readonly generatedId;
+    id: string;
+    name: string;
+    label: string;
+    type: 'text' | 'email' | 'password' | 'number' | 'tel' | 'url' | 'search' | 'date' | 'time';
+    placeholder: string;
+    autocomplete: string;
+    icon: string;
+    hint: string;
+    error: string;
+    readonly: boolean;
+    disabled: boolean;
+    required: boolean;
+    clearable: boolean;
+    dark: boolean;
+    min: string | number | null;
+    max: string | number | null;
+    step: string | number | null;
+    minlength: number | null;
+    maxlength: number | null;
+    readonly valueChange: EventEmitter<string>;
+    value: string;
+    protected focused: boolean;
+    protected passwordVisible: boolean;
+    protected get inputId(): string;
+    protected get descriptionId(): string | null;
+    protected get resolvedType(): string;
+    private onChange;
+    private onTouched;
+    writeValue(value: unknown): void;
+    registerOnChange(fn: (value: string) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(disabled: boolean): void;
+    protected handleInput(event: Event): void;
+    protected handleBlur(): void;
+    protected clear(): void;
+    private setValue;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TdInput, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TdInput, "td-input", never, { "id": { "alias": "id"; "required": false; }; "name": { "alias": "name"; "required": false; }; "label": { "alias": "label"; "required": false; }; "type": { "alias": "type"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "error": { "alias": "error"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "required": { "alias": "required"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "dark": { "alias": "dark"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "step": { "alias": "step"; "required": false; }; "minlength": { "alias": "minlength"; "required": false; }; "maxlength": { "alias": "maxlength"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
+}
+
+interface TdSelectOption<T = unknown> {
+    value: T;
+    label: string;
+    description?: string;
+    icon?: string;
+    disabled?: boolean;
+}
+type TdSelectScrollBehavior = 'reposition' | 'close';
+
+declare class TdAutocompleteSelect<T = unknown> implements ControlValueAccessor {
+    private readonly cdr;
+    private readonly document;
+    private readonly destroyRef;
+    private readonly scrollStrategies;
+    private readonly generatedId;
+    private searchInput?;
+    private connectedOverlay?;
+    label: string;
+    placeholder: string;
+    options: TdSelectOption<T>[];
+    hint: string;
+    error: string;
+    emptyText: string;
+    clearable: boolean;
+    dark: boolean;
+    disabled: boolean;
+    scrollBehavior: TdSelectScrollBehavior;
+    minimumCharacters: number;
+    filterWith: (option: TdSelectOption<T>, search: string) => boolean;
+    compareWith: (first: T | null, second: T | null) => boolean;
+    readonly selectionChange: EventEmitter<T | null>;
+    readonly searchChange: EventEmitter<string>;
+    protected value: T | null;
+    protected search: string;
+    protected open: boolean;
+    protected activeIndex: number;
+    protected readonly scrollStrategy: ScrollStrategy;
+    protected get inputId(): string;
+    protected get listId(): string;
+    protected get filteredOptions(): TdSelectOption<T>[];
+    protected readonly onTouched: () => void;
+    private changed;
+    private touched;
+    constructor();
+    writeValue(value: T | null): void;
+    registerOnChange(fn: (value: T | null) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(disabled: boolean): void;
+    protected compare(first: T | null, second: T | null): boolean;
+    protected openPanel(): void;
+    protected close(): void;
+    protected handleInput(event: Event): void;
+    protected select(option: TdSelectOption<T>): void;
+    protected clear(event: MouseEvent): void;
+    protected handleKeydown(event: KeyboardEvent): void;
+    private moveActive;
+    private firstEnabledIndex;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TdAutocompleteSelect<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TdAutocompleteSelect<any>, "td-autocomplete-select", never, { "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "options": { "alias": "options"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "error": { "alias": "error"; "required": false; }; "emptyText": { "alias": "emptyText"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "dark": { "alias": "dark"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "scrollBehavior": { "alias": "scrollBehavior"; "required": false; }; "minimumCharacters": { "alias": "minimumCharacters"; "required": false; }; "filterWith": { "alias": "filterWith"; "required": false; }; "compareWith": { "alias": "compareWith"; "required": false; }; }, { "selectionChange": "selectionChange"; "searchChange": "searchChange"; }, never, never, true, never>;
+}
+
+declare class TdSelect<T = unknown> implements ControlValueAccessor {
+    private readonly cdr;
+    private readonly document;
+    private readonly destroyRef;
+    private readonly scrollStrategies;
+    private readonly generatedId;
+    private connectedOverlay?;
+    label: string;
+    placeholder: string;
+    options: TdSelectOption<T>[];
+    hint: string;
+    error: string;
+    emptyText: string;
+    clearable: boolean;
+    dark: boolean;
+    disabled: boolean;
+    scrollBehavior: TdSelectScrollBehavior;
+    compareWith: (first: T | null, second: T | null) => boolean;
+    readonly selectionChange: EventEmitter<T | null>;
+    protected value: T | null;
+    protected open: boolean;
+    protected activeIndex: number;
+    protected readonly scrollStrategy: ScrollStrategy;
+    protected get labelId(): string;
+    protected get listId(): string;
+    protected get selectedOption(): TdSelectOption<T> | undefined;
+    private onChange;
+    private onTouched;
+    constructor();
+    writeValue(value: T | null): void;
+    registerOnChange(fn: (value: T | null) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(disabled: boolean): void;
+    protected compare(first: T | null, second: T | null): boolean;
+    protected toggle(): void;
+    protected close(): void;
+    protected select(option: TdSelectOption<T>): void;
+    protected clear(event: MouseEvent): void;
+    protected handleKeydown(event: KeyboardEvent): void;
+    protected handleOverlayKeydown(event: KeyboardEvent): void;
+    private openPanel;
+    private moveActive;
+    private firstEnabledIndex;
+    private setValue;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TdSelect<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TdSelect<any>, "td-select", never, { "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "options": { "alias": "options"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "error": { "alias": "error"; "required": false; }; "emptyText": { "alias": "emptyText"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "dark": { "alias": "dark"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "scrollBehavior": { "alias": "scrollBehavior"; "required": false; }; "compareWith": { "alias": "compareWith"; "required": false; }; }, { "selectionChange": "selectionChange"; }, never, never, true, never>;
+}
 
 interface MenuSidebar {
     nombre: string;
@@ -335,5 +567,5 @@ declare class TdSidebar {
     static ɵcmp: i0.ɵɵComponentDeclaration<TdSidebar, "td-sidebar", never, { "titulo": { "alias": "titulo"; "required": false; }; "subtitulo": { "alias": "subtitulo"; "required": false; }; "etiquetaNavegacion": { "alias": "etiquetaNavegacion"; "required": false; }; "logoUrl": { "alias": "logoUrl"; "required": false; }; "logoAlt": { "alias": "logoAlt"; "required": false; }; "textoCarga": { "alias": "textoCarga"; "required": false; }; "mensajeVacio": { "alias": "mensajeVacio"; "required": false; }; "error": { "alias": "error"; "required": false; }; "cargando": { "alias": "cargando"; "required": false; }; "oscuro": { "alias": "oscuro"; "required": false; }; "modoCerrado": { "alias": "modoCerrado"; "required": false; }; "abierto": { "alias": "abierto"; "required": false; }; "menu": { "alias": "menu"; "required": false; }; }, { "abiertoChange": "abiertoChange"; "seleccionar": "seleccionar"; }, never, never, true, never>;
 }
 
-export { TD_ICONOS, TD_ICONOS_NOMBRES, TdAlerta, TdDataTable, TdFooter, TdHeader, TdIcon, TdIconoRegistry, TdSidebar, TelcomdevUi };
-export type { MenuSidebar, TdAlertaOpciones, TdAlertaTipo, TdDataTableAccion, TdDataTableAccionEvento, TdDataTableAlineacion, TdDataTableBoton, TdDataTableColumna, TdDataTableTipoColumna, TdDataTableTono, TdHeaderAccionPerfil, TdHeaderNotificacion, TdIconoDefinicion, TdIconoNombre, TdIconoPersonalizado, TdSidebarModoCerrado, TdSidebarSeleccion };
+export { TD_DIALOG_CONFIG, TD_DIALOG_DATA, TD_ICONOS, TD_ICONOS_NOMBRES, TdAlerta, TdAutocompleteSelect, TdDataTable, TdDialog, TdDialogActions, TdDialogClose, TdDialogPrimary, TdDialogRef, TdFooter, TdHeader, TdIcon, TdIconoRegistry, TdInput, TdSelect, TdSidebar, TelcomdevUi };
+export type { MenuSidebar, TdAlertaOpciones, TdAlertaTipo, TdDataTableAccion, TdDataTableAccionEvento, TdDataTableAlineacion, TdDataTableBoton, TdDataTableColumna, TdDataTableTipoColumna, TdDataTableTono, TdDialogConfig, TdDialogPanelData, TdDialogRefLike, TdDialogTamano, TdHeaderAccionPerfil, TdHeaderNotificacion, TdIconoDefinicion, TdIconoNombre, TdIconoPersonalizado, TdSelectOption, TdSelectScrollBehavior, TdSidebarModoCerrado, TdSidebarSeleccion };