@telcomdev/ui 0.1.31 → 0.1.32

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@telcomdev/ui",
-  "version": "0.1.31",
+  "version": "0.1.32",
   "description": "Librería UI reutilizable para los sistemas TelcomDev.",
   "keywords": [
     "angular",

package/types/telcomdev-ui.d.ts

@@ -1366,18 +1366,24 @@ declare class TdLayoutFooterSlot {
 }
 type TdLayoutSidebarPlacement = 'auto' | 'inline' | 'overlay';
 type TdLayoutSectionSpan = 'content' | 'full';
-declare class TdLayout implements AfterContentInit {
+type TdLayoutMobileSidebarStyle = 'panel' | 'card';
+declare class TdLayout implements AfterContentInit, AfterViewInit, OnDestroy {
     private readonly headerSlot?;
     private readonly sidebarSlot?;
     private readonly footerSlot?;
+    private readonly headerHost?;
+    private readonly sidebarHost?;
+    private readonly hostRef;
     private readonly sidebarOpenState;
     protected readonly mobile: _angular_core.WritableSignal<boolean>;
+    private resizeObserver?;
     fillViewport: boolean;
     closeSidebarOnBackdrop: boolean;
     mobileBreakpoint: number;
     sidebarPlacement: TdLayoutSidebarPlacement;
     headerSpan: TdLayoutSectionSpan;
     footerSpan: TdLayoutSectionSpan;
+    mobileSidebarStyle: TdLayoutMobileSidebarStyle;
     set sidebarOpen(value: boolean);
     get sidebarOpen(): boolean;
     readonly sidebarOpenChange: EventEmitter<boolean>;
@@ -1385,16 +1391,21 @@ declare class TdLayout implements AfterContentInit {
     get hasSidebar(): boolean;
     get hasFooter(): boolean;
     ngAfterContentInit(): void;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
     protected syncViewport(): void;
+    protected syncOverlayPosition(): void;
+    protected handlePointerDownOutside(event: PointerEvent): void;
     protected sidebarAsOverlay(): boolean;
     protected headerFullWidth(): boolean;
     protected footerFullWidth(): boolean;
     openSidebar(): void;
     closeSidebar(): void;
     toggleSidebar(): void;
+    private updateHeaderOffset;
     private setSidebarOpen;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TdLayout, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TdLayout, "td-layout, td-shell", never, { "fillViewport": { "alias": "fillViewport"; "required": false; }; "closeSidebarOnBackdrop": { "alias": "closeSidebarOnBackdrop"; "required": false; }; "mobileBreakpoint": { "alias": "mobileBreakpoint"; "required": false; }; "sidebarPlacement": { "alias": "sidebarPlacement"; "required": false; }; "headerSpan": { "alias": "headerSpan"; "required": false; }; "footerSpan": { "alias": "footerSpan"; "required": false; }; "sidebarOpen": { "alias": "sidebarOpen"; "required": false; }; }, { "sidebarOpenChange": "sidebarOpenChange"; }, ["headerSlot", "sidebarSlot", "footerSlot"], ["[tdLayoutHeader]", "[tdLayoutSidebar]", "[tdLayoutContent]", "*", "[tdLayoutFooter]"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TdLayout, "td-layout, td-shell", never, { "fillViewport": { "alias": "fillViewport"; "required": false; }; "closeSidebarOnBackdrop": { "alias": "closeSidebarOnBackdrop"; "required": false; }; "mobileBreakpoint": { "alias": "mobileBreakpoint"; "required": false; }; "sidebarPlacement": { "alias": "sidebarPlacement"; "required": false; }; "headerSpan": { "alias": "headerSpan"; "required": false; }; "footerSpan": { "alias": "footerSpan"; "required": false; }; "mobileSidebarStyle": { "alias": "mobileSidebarStyle"; "required": false; }; "sidebarOpen": { "alias": "sidebarOpen"; "required": false; }; }, { "sidebarOpenChange": "sidebarOpenChange"; }, ["headerSlot", "sidebarSlot", "footerSlot"], ["[tdLayoutHeader]", "[tdLayoutSidebar]", "[tdLayoutContent]", "*", "[tdLayoutFooter]"], true, never>;
     static ngAcceptInputType_fillViewport: unknown;
     static ngAcceptInputType_closeSidebarOnBackdrop: unknown;
 }
@@ -1840,4 +1851,4 @@ declare class TdTooltip implements OnDestroy {
 }
 
 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, TdTextarea, TdThemeService, TdTooltip, TelcomdevUi, createTdFormControlBridge };
-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, TdLayoutSectionSpan, TdLayoutSidebarPlacement, TdMenuBadge, TdMenuItem, TdMenuPosicion, TdMenuSeleccion, TdMenuTono, TdRadioDirection, TdRadioOption, TdRadioVariant, TdSelectAppearance, TdSelectOption, TdSelectOverflowText, TdSelectScrollBehavior, TdSidebarModoCerrado, TdSidebarSeleccion, TdSnackbarOpciones, TdSnackbarPosicion, TdSnackbarTipo, TdTabsAlignment, TdTabsVariant, TdTextareaEmptyValue, TdTextareaValue, TdThemeMode, TdThemePaletteColor, TdToastOptions, TdToastPosition, TdToastType, TdTooltipPosition, TdTooltipTone };
+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, TdTabsAlignment, TdTabsVariant, TdTextareaEmptyValue, TdTextareaValue, TdThemeMode, TdThemePaletteColor, TdToastOptions, TdToastPosition, TdToastType, TdTooltipPosition, TdTooltipTone };