import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js"; import NavigationLayoutMode from "./types/NavigationLayoutMode.js"; import type SideNavigation from "./SideNavigation.js"; /** * @class * * ### Overview * * The `ui5-navigation-layout` is a container component that can be used to * create a layout with a header, a side navigation and a content area. * * ### Usage * * Use the `ui5-navigation-layout` to create whole screen of an application with vertical navigation. * * ### Responsive Behavior * * On desktop and tablet devices, the side navigation is visible * by default and can be expanded or collapsed using the `mode` property. * On phone devices, the side navigation is hidden by default and can * be displayed using the `mode` property. * * ### ES6 Module Import * * `import "@ui5/webcomponents-fiori/dist/NavigationLayout.js";` * @constructor * @extends UI5Element * @since 2.4.0 * @public */ declare class NavigationLayout extends UI5Element { _defaultSideCollapsed: boolean; /** * Specifies the navigation layout mode. * @default "Auto" * @public */ mode: `${NavigationLayoutMode}`; /** * @private */ sideCollapsed: boolean; /** * @private */ isPhone: boolean; /** * @private */ isTablet: boolean; /** * Gets whether the side navigation is collapsed. * @public */ isSideCollapsed(): boolean; /** * Defines the header. * @public */ header: Array; /** * Defines the side content. * @public */ sideContent: Array; /** * Defines the content. * @public */ content: Array; onBeforeRendering(): void; calcSideCollapsed(): void; } export default NavigationLayout;