@telcomdev/ui 0.0.4 → 0.0.6

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, TemplateRef, AfterContentInit } 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>;
@@ -111,6 +115,76 @@ declare class TdDataTable<T extends object> implements OnChanges, OnDestroy {
     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 {
     empresa: string;
     texto: string;
@@ -173,6 +247,8 @@ declare class TdIcon {
 interface TdIconoDefinicion {
     path: string;
     viewBox?: string;
+    estilo?: 'relleno' | 'linea';
+    grosor?: number;
 }
 type TdIconoPersonalizado = Record<string, string | TdIconoDefinicion>;
 
@@ -254,6 +330,12 @@ declare const TD_ICONOS: {
     search: {
         path: string;
     };
+    visibility: {
+        path: string;
+    };
+    visibility_off: {
+        path: string;
+    };
     notifications: {
         path: string;
     };
@@ -286,10 +368,293 @@ declare const TD_ICONOS: {
     };
     pdf: {
         path: string;
+        estilo: "linea";
+        grosor: number;
+    };
+    save: {
+        path: string;
+    };
+    copy: {
+        path: string;
+    };
+    download: {
+        path: string;
+    };
+    upload: {
+        path: string;
+    };
+    print: {
+        path: string;
+    };
+    excel: {
+        path: string;
+        estilo: "linea";
+        grosor: number;
+    };
+    xml: {
+        path: string;
+        estilo: "linea";
+        grosor: number;
+    };
+    zip: {
+        path: string;
+        estilo: "linea";
+        grosor: number;
+    };
+    file: {
+        path: string;
+    };
+    image: {
+        path: string;
+    };
+    calendar: {
+        path: string;
+    };
+    clock: {
+        path: string;
+    };
+    history: {
+        path: string;
+    };
+    filter: {
+        path: string;
+    };
+    refresh: {
+        path: string;
+    };
+    sort: {
+        path: string;
+    };
+    more_vertical: {
+        path: string;
+    };
+    more_horizontal: {
+        path: string;
+    };
+    arrow_back: {
+        path: string;
+    };
+    arrow_forward: {
+        path: string;
+    };
+    login: {
+        path: string;
+    };
+    logout: {
+        path: string;
+    };
+    lock: {
+        path: string;
+    };
+    lock_open: {
+        path: string;
+    };
+    mail: {
+        path: string;
+    };
+    phone: {
+        path: string;
+    };
+    send: {
+        path: string;
+    };
+    location: {
+        path: string;
+    };
+    language: {
+        path: string;
+    };
+    info: {
+        path: string;
+    };
+    warning: {
+        path: string;
+    };
+    error: {
+        path: string;
+    };
+    check_circle: {
+        path: string;
+    };
+    cancel: {
+        path: string;
+    };
+    star: {
+        path: string;
+    };
+    favorite: {
+        path: string;
+    };
+    database: {
+        path: string;
+    };
+    cloud: {
+        path: string;
+    };
+    camera: {
+        path: string;
+    };
+    link: {
+        path: string;
+    };
+    external_link: {
+        path: string;
     };
 };
 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 ("error" | "info" | "link" | "menu" | "search" | "cancel" | "close" | "copy" | "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" | "save" | "download" | "upload" | "print" | "excel" | "xml" | "zip" | "file" | "image" | "calendar" | "clock" | "history" | "filter" | "refresh" | "sort" | "more_vertical" | "more_horizontal" | "arrow_back" | "arrow_forward" | "login" | "logout" | "lock" | "lock_open" | "mail" | "phone" | "send" | "location" | "language" | "warning" | "check_circle" | "star" | "favorite" | "database" | "cloud" | "camera" | "external_link")[];
+
+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 +700,55 @@ 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 };
+declare class TdTab {
+    readonly generatedId: string;
+    id: string;
+    label: string;
+    icon: string;
+    disabled: boolean;
+    badge: string | number | null;
+    content: TemplateRef<unknown>;
+    get resolvedId(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TdTab, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TdTab, "td-tab", never, { "id": { "alias": "id"; "required": false; }; "label": { "alias": "label"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "badge": { "alias": "badge"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+
+type TdTabsVariant = 'linea' | 'pastilla' | 'contenida';
+type TdTabsAlignment = 'inicio' | 'centro' | 'fin';
+declare class TdTabs implements AfterContentInit, OnDestroy {
+    private readonly cdr;
+    private tabsChange?;
+    private requestedIndex;
+    private tabQuery;
+    private tabButtons;
+    set selectedIndex(value: number);
+    get selectedIndex(): number;
+    variant: TdTabsVariant;
+    alignment: TdTabsAlignment;
+    stretch: boolean;
+    dark: boolean;
+    ariaLabel: string;
+    panelFocusable: boolean;
+    readonly selectedIndexChange: EventEmitter<number>;
+    readonly tabChange: EventEmitter<TdTab>;
+    protected tabs: readonly TdTab[];
+    protected activeIndex: number;
+    protected get activeTab(): TdTab | null;
+    ngAfterContentInit(): void;
+    ngOnDestroy(): void;
+    protected select(index: number, focus?: boolean): void;
+    protected handleKeydown(event: KeyboardEvent): void;
+    protected tabId(tab: TdTab): string;
+    protected panelId(tab: TdTab): string;
+    private syncTabs;
+    private applyRequestedIndex;
+    private nextEnabledIndex;
+    private firstEnabledIndex;
+    private lastEnabledIndex;
+    private focusButton;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TdTabs, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TdTabs, "td-tabs", never, { "selectedIndex": { "alias": "selectedIndex"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "alignment": { "alias": "alignment"; "required": false; }; "stretch": { "alias": "stretch"; "required": false; }; "dark": { "alias": "dark"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "panelFocusable": { "alias": "panelFocusable"; "required": false; }; }, { "selectedIndexChange": "selectedIndexChange"; "tabChange": "tabChange"; }, ["tabQuery"], never, true, never>;
+}
+
+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, TdTab, TdTabs, 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, TdTabsAlignment, TdTabsVariant };