@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
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@telcomdev/ui",
3
- "version": "0.1.40",
3
+ "version": "0.1.42",
4
4
  "description": "Librería UI reutilizable para los sistemas TelcomDev.",
5
5
  "keywords": [
6
6
  "angular",
@@ -1,5 +1,5 @@
1
1
  import * as _angular_core from '@angular/core';
2
- import { AfterContentChecked, EventEmitter, ModelSignal, OutputEmitterRef, OnChanges, OnDestroy, SimpleChanges, InjectionToken, Type, AfterViewInit, AfterContentInit, TemplateRef } from '@angular/core';
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 };