@telcomdev/ui 0.1.40 → 0.1.42
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json
CHANGED
package/types/telcomdev-ui.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as _angular_core from '@angular/core';
|
|
2
|
-
import {
|
|
2
|
+
import { AfterContentInit, OnDestroy, EventEmitter, AfterContentChecked, ModelSignal, OutputEmitterRef, OnChanges, SimpleChanges, InjectionToken, Type, AfterViewInit, TemplateRef } from '@angular/core';
|
|
3
3
|
import { ControlValueAccessor } from '@angular/forms';
|
|
4
4
|
import { FormCheckboxControl, WithOptionalFieldTree, DisabledReason, ValidationError, FormValueControl } from '@angular/forms/signals';
|
|
5
5
|
import { CdkConnectedOverlay, ScrollStrategy, ConnectedPosition } from '@angular/cdk/overlay';
|
|
@@ -130,6 +130,39 @@ declare class TdAlert {
|
|
|
130
130
|
declare class TdAlerta extends TdAlert {
|
|
131
131
|
}
|
|
132
132
|
|
|
133
|
+
declare class TdAccordionItem {
|
|
134
|
+
title: string;
|
|
135
|
+
description: string;
|
|
136
|
+
icon: string;
|
|
137
|
+
disabled: boolean;
|
|
138
|
+
set expanded(value: boolean);
|
|
139
|
+
get expanded(): boolean;
|
|
140
|
+
readonly expandedChange: EventEmitter<boolean>;
|
|
141
|
+
readonly toggleEvent: EventEmitter<TdAccordionItem>;
|
|
142
|
+
protected readonly expandedState: _angular_core.WritableSignal<boolean>;
|
|
143
|
+
protected readonly panelId: string;
|
|
144
|
+
protected toggle(): void;
|
|
145
|
+
setExpanded(value: boolean): void;
|
|
146
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TdAccordionItem, never>;
|
|
147
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<TdAccordionItem, "td-accordion-item", never, { "title": { "alias": "title"; "required": false; }; "description": { "alias": "description"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "expanded": { "alias": "expanded"; "required": false; }; }, { "expandedChange": "expandedChange"; }, never, ["*"], true, never>;
|
|
148
|
+
}
|
|
149
|
+
declare class TdAccordion implements AfterContentInit, OnDestroy {
|
|
150
|
+
private readonly itemList;
|
|
151
|
+
multiple: boolean;
|
|
152
|
+
bordered: boolean;
|
|
153
|
+
dense: boolean;
|
|
154
|
+
dark: boolean;
|
|
155
|
+
private readonly subscriptions;
|
|
156
|
+
private itemsSubscription;
|
|
157
|
+
private readonly changeDetector;
|
|
158
|
+
ngAfterContentInit(): void;
|
|
159
|
+
ngOnDestroy(): void;
|
|
160
|
+
private subscribeToItems;
|
|
161
|
+
private handleToggle;
|
|
162
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TdAccordion, never>;
|
|
163
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<TdAccordion, "td-accordion", never, { "multiple": { "alias": "multiple"; "required": false; }; "bordered": { "alias": "bordered"; "required": false; }; "dense": { "alias": "dense"; "required": false; }; "dark": { "alias": "dark"; "required": false; }; }, {}, ["itemList"], ["*"], true, never>;
|
|
164
|
+
}
|
|
165
|
+
|
|
133
166
|
type TdBadgeTone = 'primary' | 'neutral' | 'success' | 'warning' | 'danger' | 'info';
|
|
134
167
|
type TdBadgeVariant = 'soft' | 'solid' | 'outline';
|
|
135
168
|
type TdBadgeSize = 'sm' | 'md' | 'lg';
|
|
@@ -604,6 +637,7 @@ declare class TdDialog {
|
|
|
604
637
|
open<C, D = unknown, R = unknown>(component: Type<C>, config?: TdDialogConfig<D>): TdDialogRef<R>;
|
|
605
638
|
closeAll(): void;
|
|
606
639
|
private widthFor;
|
|
640
|
+
private maxHeightFor;
|
|
607
641
|
private panelClasses;
|
|
608
642
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TdDialog, never>;
|
|
609
643
|
static ɵprov: _angular_core.ɵɵInjectableDeclaration<TdDialog>;
|
|
@@ -2070,6 +2104,7 @@ declare class TdTabsActions {
|
|
|
2070
2104
|
type TdTabsVariant = 'linea' | 'pastilla' | 'contenida';
|
|
2071
2105
|
type TdTabsAlignment = 'inicio' | 'centro' | 'fin';
|
|
2072
2106
|
type TdTabsActionsPlacement = 'header' | 'footer';
|
|
2107
|
+
type TdTabsScrollMode = 'auto' | 'content';
|
|
2073
2108
|
declare class TdTabs implements AfterContentInit, OnDestroy {
|
|
2074
2109
|
private readonly cdr;
|
|
2075
2110
|
private tabsChange?;
|
|
@@ -2087,6 +2122,8 @@ declare class TdTabs implements AfterContentInit, OnDestroy {
|
|
|
2087
2122
|
panelFocusable: boolean;
|
|
2088
2123
|
contentHeight: string | null;
|
|
2089
2124
|
scrollableContent: boolean;
|
|
2125
|
+
/** Mantiene fijo el encabezado y limita el scroll al panel activo. */
|
|
2126
|
+
scrollMode: TdTabsScrollMode;
|
|
2090
2127
|
actionsPlacement: TdTabsActionsPlacement;
|
|
2091
2128
|
readonly selectedIndexChange: EventEmitter<number>;
|
|
2092
2129
|
readonly tabChange: EventEmitter<TdTab>;
|
|
@@ -2107,7 +2144,7 @@ declare class TdTabs implements AfterContentInit, OnDestroy {
|
|
|
2107
2144
|
private focusButton;
|
|
2108
2145
|
private ensureTabVisible;
|
|
2109
2146
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TdTabs, never>;
|
|
2110
|
-
static ɵcmp: _angular_core.ɵɵ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; }; "contentHeight": { "alias": "contentHeight"; "required": false; }; "scrollableContent": { "alias": "scrollableContent"; "required": false; }; "actionsPlacement": { "alias": "actionsPlacement"; "required": false; }; }, { "selectedIndexChange": "selectedIndexChange"; "tabChange": "tabChange"; }, ["tabQuery"], ["[tdTabsActions]"], true, never>;
|
|
2147
|
+
static ɵcmp: _angular_core.ɵɵ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; }; "contentHeight": { "alias": "contentHeight"; "required": false; }; "scrollableContent": { "alias": "scrollableContent"; "required": false; }; "scrollMode": { "alias": "scrollMode"; "required": false; }; "actionsPlacement": { "alias": "actionsPlacement"; "required": false; }; }, { "selectedIndexChange": "selectedIndexChange"; "tabChange": "tabChange"; }, ["tabQuery"], ["[tdTabsActions]"], true, never>;
|
|
2111
2148
|
}
|
|
2112
2149
|
|
|
2113
2150
|
type TdThemeMode = 'light' | 'dark' | 'system';
|
|
@@ -2181,5 +2218,5 @@ declare class TdTooltip implements OnDestroy {
|
|
|
2181
2218
|
static ngAcceptInputType_tdTooltipDisabled: unknown;
|
|
2182
2219
|
}
|
|
2183
2220
|
|
|
2184
|
-
export { TD_DIALOG_CONFIG, TD_DIALOG_DATA, TD_ICONOS, TD_ICONOS_NOMBRES, TD_THEME_DARK_COLORS, TD_THEME_LIGHT_COLORS, TdAlert, TdAlerta, TdAutocompleteSelect, TdBadge, TdButton, TdCheckbox, TdDataTable, TdDatePicker, TdDialog, TdDialogActions, TdDialogClose, TdDialogPrimary, TdDialogRef, TdFileUpload, TdFileViewer, TdFileViewerService, TdFooter, TdHeader, TdIcon, TdIconoRegistry, TdInput, TdLayout, TdLayoutContentSlot, TdLayoutFooterSlot, TdLayoutHeaderSlot, TdLayoutSidebarSlot, TdMenu, TdRadioGroup, TdSelect, TdSidebar, TdTab, TdTabs, TdTabsActions, TdTextarea, TdThemeService, TdTooltip, TelcomdevUi, createTdFormControlBridge };
|
|
2185
|
-
export type { MenuSidebar, TdAlertOptions, TdAlertType, TdAlertaOpciones, TdAlertaTipo, TdBadgePosition, TdBadgeSize, TdBadgeTone, TdBadgeVariant, TdButtonSize, TdButtonTone, TdButtonType, TdButtonVariant, TdDataTableAccion, TdDataTableAccionEvento, TdDataTableAccionesPresentacion, TdDataTableAlineacion, TdDataTableBoton, TdDataTableColumna, TdDataTableImagenConfig, TdDataTableImagenEvento, TdDataTableImagenForma, TdDataTableTipoColumna, TdDataTableTono, TdDatePickerMode, TdDatePickerValue, TdDateRange, TdDialogConfig, TdDialogPanelData, TdDialogRefLike, TdDialogTamano, TdErrorDisplay, TdFileAttachment, TdFileSource, TdFileUploadItem, TdFileUploadPreviewKind, TdFileUploadRejectReason, TdFileUploadRejected, TdFileUploadValue, TdFileUploadVariant, TdFileViewerArchivo, TdFileViewerKind, TdFileViewerOpenOptions, TdFormControlBridge, TdHeaderAccionPerfil, TdHeaderNotificacion, TdHeaderPerfilAccion, TdHeaderPerfilAccionTono, TdIconoDefinicion, TdIconoNombre, TdIconoPersonalizado, TdInputEmptyValue, TdInputMask, TdInputSanitize, TdInputSanitizeFn, TdInputSanitizePreset, TdInputValue, TdLayoutMobileSidebarStyle, TdLayoutSectionSpan, TdLayoutSidebarPlacement, TdMenuBadge, TdMenuItem, TdMenuPosicion, TdMenuSeleccion, TdMenuTono, TdRadioDirection, TdRadioOption, TdRadioVariant, TdSelectAppearance, TdSelectOption, TdSelectOverflowText, TdSelectScrollBehavior, TdSidebarModoCerrado, TdSidebarSeleccion, TdSnackbarOpciones, TdSnackbarPosicion, TdSnackbarTipo, TdTabsActionsPlacement, TdTabsAlignment, TdTabsVariant, TdTextareaEmptyValue, TdTextareaValue, TdThemeMode, TdThemePaletteColor, TdToastOptions, TdToastPosition, TdToastType, TdTooltipPosition, TdTooltipTone };
|
|
2221
|
+
export { TD_DIALOG_CONFIG, TD_DIALOG_DATA, TD_ICONOS, TD_ICONOS_NOMBRES, TD_THEME_DARK_COLORS, TD_THEME_LIGHT_COLORS, TdAccordion, TdAccordionItem, TdAlert, TdAlerta, TdAutocompleteSelect, TdBadge, TdButton, TdCheckbox, TdDataTable, TdDatePicker, TdDialog, TdDialogActions, TdDialogClose, TdDialogPrimary, TdDialogRef, TdFileUpload, TdFileViewer, TdFileViewerService, TdFooter, TdHeader, TdIcon, TdIconoRegistry, TdInput, TdLayout, TdLayoutContentSlot, TdLayoutFooterSlot, TdLayoutHeaderSlot, TdLayoutSidebarSlot, TdMenu, TdRadioGroup, TdSelect, TdSidebar, TdTab, TdTabs, TdTabsActions, TdTextarea, TdThemeService, TdTooltip, TelcomdevUi, createTdFormControlBridge };
|
|
2222
|
+
export type { MenuSidebar, TdAlertOptions, TdAlertType, TdAlertaOpciones, TdAlertaTipo, TdBadgePosition, TdBadgeSize, TdBadgeTone, TdBadgeVariant, TdButtonSize, TdButtonTone, TdButtonType, TdButtonVariant, TdDataTableAccion, TdDataTableAccionEvento, TdDataTableAccionesPresentacion, TdDataTableAlineacion, TdDataTableBoton, TdDataTableColumna, TdDataTableImagenConfig, TdDataTableImagenEvento, TdDataTableImagenForma, TdDataTableTipoColumna, TdDataTableTono, TdDatePickerMode, TdDatePickerValue, TdDateRange, TdDialogConfig, TdDialogPanelData, TdDialogRefLike, TdDialogTamano, TdErrorDisplay, TdFileAttachment, TdFileSource, TdFileUploadItem, TdFileUploadPreviewKind, TdFileUploadRejectReason, TdFileUploadRejected, TdFileUploadValue, TdFileUploadVariant, TdFileViewerArchivo, TdFileViewerKind, TdFileViewerOpenOptions, TdFormControlBridge, TdHeaderAccionPerfil, TdHeaderNotificacion, TdHeaderPerfilAccion, TdHeaderPerfilAccionTono, TdIconoDefinicion, TdIconoNombre, TdIconoPersonalizado, TdInputEmptyValue, TdInputMask, TdInputSanitize, TdInputSanitizeFn, TdInputSanitizePreset, TdInputValue, TdLayoutMobileSidebarStyle, TdLayoutSectionSpan, TdLayoutSidebarPlacement, TdMenuBadge, TdMenuItem, TdMenuPosicion, TdMenuSeleccion, TdMenuTono, TdRadioDirection, TdRadioOption, TdRadioVariant, TdSelectAppearance, TdSelectOption, TdSelectOverflowText, TdSelectScrollBehavior, TdSidebarModoCerrado, TdSidebarSeleccion, TdSnackbarOpciones, TdSnackbarPosicion, TdSnackbarTipo, TdTabsActionsPlacement, TdTabsAlignment, TdTabsScrollMode, TdTabsVariant, TdTextareaEmptyValue, TdTextareaValue, TdThemeMode, TdThemePaletteColor, TdToastOptions, TdToastPosition, TdToastType, TdTooltipPosition, TdTooltipTone };
|