@fundamental-ngx/core 0.55.4 → 0.55.5

package/panel/panel.component.d.ts

@@ -30,6 +30,10 @@ export declare class PanelComponent {
     expandedChange: EventEmitter<boolean>;
     /** Reference to panel content */
     panelContent: Nullable<PanelContentDirective>;
+    /** Whether the panel (header and content) is transparent */
+    transparent: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    /** Whether the panel has no border radius */
+    noRadius: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     /** @hidden */
     _buttonIcon$: import("@angular/core").Signal<"slim-arrow-down" | "slim-arrow-left" | "slim-arrow-right">;
     /** @hidden */
@@ -43,5 +47,5 @@ export declare class PanelComponent {
     /** Methods that toggles the Panel Content */
     toggleExpand(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PanelComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PanelComponent, "fd-panel", never, { "class": { "alias": "class"; "required": false; }; "fixed": { "alias": "fixed"; "required": false; }; "id": { "alias": "id"; "required": false; }; "expandId": { "alias": "expandId"; "required": false; }; "expandAriaLabel": { "alias": "expandAriaLabel"; "required": false; }; "expandAriaLabelledBy": { "alias": "expandAriaLabelledBy"; "required": false; }; "expanded": { "alias": "expanded"; "required": false; }; }, { "expandedChange": "expandedChange"; }, ["panelContent"], ["[fd-panel-title]", "*", "[fd-panel-content]"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PanelComponent, "fd-panel", never, { "class": { "alias": "class"; "required": false; }; "fixed": { "alias": "fixed"; "required": false; }; "id": { "alias": "id"; "required": false; }; "expandId": { "alias": "expandId"; "required": false; }; "expandAriaLabel": { "alias": "expandAriaLabel"; "required": false; }; "expandAriaLabelledBy": { "alias": "expandAriaLabelledBy"; "required": false; }; "expanded": { "alias": "expanded"; "required": false; }; "transparent": { "alias": "transparent"; "required": false; "isSignal": true; }; "noRadius": { "alias": "noRadius"; "required": false; "isSignal": true; }; }, { "expandedChange": "expandedChange"; }, ["panelContent"], ["[fd-panel-title]", "*", "[fd-panel-content]"], true, never>;
 }

package/settings/index.d.ts

@@ -0,0 +1,11 @@
+export * from './settings-container/settings-container.component';
+export * from './settings-content/settings-content.directive';
+export * from './settings-detail-area/settings-detail-area.directive';
+export * from './settings-dialog-body/settings-dialog-body.directive';
+export * from './settings-dialog-content/settings-dialog-content.directive';
+export * from './settings-header-button/settings-header-button.directive';
+export * from './settings-header/settings-header.directive';
+export * from './settings-list-area/settings-list-area.directive';
+export * from './settings-list-container/settings-list-container.directive';
+export * from './settings.component';
+export * from './settings.module';

package/settings/settings-container/settings-container.component.d.ts

@@ -0,0 +1,52 @@
+import { AfterViewInit, OnDestroy, ViewContainerRef } from '@angular/core';
+import { ButtonComponent } from '@fundamental-ngx/core/button';
+import { ListItemComponent } from '@fundamental-ngx/core/list';
+import * as i0 from "@angular/core";
+export type SettingsViewMode = 'lg' | 'md' | 'sm';
+export declare enum VIEW_MODE {
+    LG = "lg",
+    MD = "md",
+    SM = "sm"
+}
+export declare class SettingsContainerComponent implements OnDestroy, AfterViewInit {
+    /** @hidden */
+    readonly viewContainer: import("@angular/core").Signal<ViewContainerRef | undefined>;
+    /** @hidden */
+    readonly headerButton: import("@angular/core").Signal<ButtonComponent | undefined>;
+    /** @hidden */
+    readonly listItems: import("@angular/core").Signal<readonly ListItemComponent<any>[]>;
+    /** @hidden */
+    readonly activeListItem: import("@angular/core").WritableSignal<ListItemComponent<any> | null>;
+    /** @hidden */
+    readonly viewMode: import("@angular/core").WritableSignal<SettingsViewMode>;
+    /** @hidden */
+    readonly screenWidth: import("@angular/core").WritableSignal<number>;
+    /** @hidden */
+    readonly showListArea: import("@angular/core").WritableSignal<boolean>;
+    /** @hidden */
+    readonly showDetailArea: import("@angular/core").WritableSignal<boolean>;
+    /** @hidden */
+    private _eventUnlisteners;
+    /** @hidden */
+    private _renderer;
+    /** @hidden */
+    constructor();
+    /** @hidden */
+    onWindowResize(): void;
+    /** @hidden */
+    ngAfterViewInit(): void;
+    /** @hidden */
+    ngOnDestroy(): void;
+    /** @hidden */
+    private _updateViewMode;
+    /** @hidden */
+    private _setupHeaderButton;
+    /** @hidden */
+    private _updateHeaderButtonVisibility;
+    /** @hidden */
+    private _setupListItemListeners;
+    /** @hidden */
+    private _renderTemplate;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SettingsContainerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SettingsContainerComponent, "fd-settings-container", never, {}, {}, ["viewContainer", "headerButton", "listItems"], ["[fd-settings-list-area]", "[fd-settings-detail-area]"], true, never>;
+}

package/settings/settings-content/settings-content.directive.d.ts

@@ -0,0 +1,15 @@
+import * as i0 from "@angular/core";
+export declare class SettingsContentDirective {
+    /**
+     * Whether the content should be without paddings.
+     * Default value is false.
+     */
+    noPadding: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Whether the content should be without background.
+     * Default value is false.
+     */
+    noBackground: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SettingsContentDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SettingsContentDirective, "[fd-settings-content]", never, { "noPadding": { "alias": "noPadding"; "required": false; "isSignal": true; }; "noBackground": { "alias": "noBackground"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/settings/settings-detail-area/settings-detail-area.directive.d.ts

@@ -0,0 +1,5 @@
+import * as i0 from "@angular/core";
+export declare class SettingsDetailAreaDirective {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SettingsDetailAreaDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SettingsDetailAreaDirective, "[fd-settings-detail-area]", never, {}, {}, never, never, true, never>;
+}

package/settings/settings-dialog-body/settings-dialog-body.directive.d.ts

@@ -0,0 +1,5 @@
+import * as i0 from "@angular/core";
+export declare class SettingsDialogBodyDirective {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SettingsDialogBodyDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SettingsDialogBodyDirective, "[fd-settings-dialog-body]", never, {}, {}, never, never, true, never>;
+}

package/settings/settings-dialog-content/settings-dialog-content.directive.d.ts

@@ -0,0 +1,5 @@
+import * as i0 from "@angular/core";
+export declare class SettingsDialogContentDirective {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SettingsDialogContentDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SettingsDialogContentDirective, "[fd-settings-dialog-content]", never, {}, {}, never, never, true, never>;
+}

package/settings/settings-header/settings-header.directive.d.ts

@@ -0,0 +1,5 @@
+import * as i0 from "@angular/core";
+export declare class SettingsHeaderDirective {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SettingsHeaderDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SettingsHeaderDirective, "[fd-settings-header]", never, {}, {}, never, never, true, never>;
+}

package/settings/settings-header-button/settings-header-button.directive.d.ts

@@ -0,0 +1,5 @@
+import * as i0 from "@angular/core";
+export declare class SettingsHeaderButtonDirective {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SettingsHeaderButtonDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SettingsHeaderButtonDirective, "[fd-settings-header-button]", never, {}, {}, never, never, true, never>;
+}

package/settings/settings-list-area/settings-list-area.directive.d.ts

@@ -0,0 +1,5 @@
+import * as i0 from "@angular/core";
+export declare class SettingsListAreaDirective {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SettingsListAreaDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SettingsListAreaDirective, "[fd-settings-list-area]", never, {}, {}, never, never, true, never>;
+}

package/settings/settings-list-container/settings-list-container.directive.d.ts

@@ -0,0 +1,5 @@
+import * as i0 from "@angular/core";
+export declare class SettingsListContainerDirective {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SettingsListContainerDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SettingsListContainerDirective, "[fd-settings-list-container]", never, {}, {}, never, never, true, never>;
+}

package/settings/settings.component.d.ts

@@ -0,0 +1,5 @@
+import * as i0 from "@angular/core";
+export declare class SettingsComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SettingsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SettingsComponent, "[fd-settings]", never, {}, {}, never, ["*"], true, never>;
+}

package/settings/settings.module.d.ts

@@ -0,0 +1,20 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./settings-list-area/settings-list-area.directive";
+import * as i2 from "./settings-detail-area/settings-detail-area.directive";
+import * as i3 from "./settings-list-container/settings-list-container.directive";
+import * as i4 from "./settings-content/settings-content.directive";
+import * as i5 from "./settings-header/settings-header.directive";
+import * as i6 from "./settings-header-button/settings-header-button.directive";
+import * as i7 from "./settings-dialog-content/settings-dialog-content.directive";
+import * as i8 from "./settings-dialog-body/settings-dialog-body.directive";
+import * as i9 from "./settings-container/settings-container.component";
+import * as i10 from "./settings.component";
+/**
+ * @deprecated
+ * Use direct imports of components and directives.
+ */
+export declare class SettingsModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SettingsModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SettingsModule, never, [typeof i1.SettingsListAreaDirective, typeof i2.SettingsDetailAreaDirective, typeof i3.SettingsListContainerDirective, typeof i4.SettingsContentDirective, typeof i5.SettingsHeaderDirective, typeof i6.SettingsHeaderButtonDirective, typeof i7.SettingsDialogContentDirective, typeof i8.SettingsDialogBodyDirective, typeof i9.SettingsContainerComponent, typeof i10.SettingsComponent], [typeof i1.SettingsListAreaDirective, typeof i2.SettingsDetailAreaDirective, typeof i3.SettingsListContainerDirective, typeof i4.SettingsContentDirective, typeof i5.SettingsHeaderDirective, typeof i6.SettingsHeaderButtonDirective, typeof i7.SettingsDialogContentDirective, typeof i8.SettingsDialogBodyDirective, typeof i9.SettingsContainerComponent, typeof i10.SettingsComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<SettingsModule>;
+}

package/shellbar/index.d.ts

@@ -7,7 +7,11 @@ export * from './product-menu/product-menu.component';
 export * from './shellbar-action/shellbar-action.component';
 export * from './shellbar-actions-mobile/shellbar-actions-mobile.component';
 export * from './shellbar-actions/shellbar-actions.component';
+export * from './shellbar-branding/shellbar-branding.component';
+export * from './shellbar-context-area/shellbar-context-area.component';
+export * from './shellbar-hide-priority.directive';
 export * from './shellbar-logo/shellbar-logo.component';
+export * from './shellbar-separator/shellbar-separator.component';
 export * from './shellbar-sidenav.directive';
 export * from './shellbar-subtitle/shellbar-subtitle.component';
 export * from './shellbar-title/shellbar-title.component';

package/shellbar/model/shellbar.d.ts

@@ -2,4 +2,6 @@ import { Nullable } from '@fundamental-ngx/cdk/utils';
 import { ShellbarGroupFlexOptions } from './shellbar-sizes';
 export interface Shellbar {
     groupFlex: Nullable<ShellbarGroupFlexOptions>;
+    _searchToggledFromActions: () => void;
+    _actionsExceedShellbarWidth: () => boolean;
 }

package/shellbar/shellbar-action/shellbar-action.component.d.ts

@@ -1,3 +1,4 @@
+import { ElementRef } from '@angular/core';
 import { Nullable } from '@fundamental-ngx/cdk/utils';
 import { IconFont } from '@fundamental-ngx/core/icon';
 import * as i0 from "@angular/core";
@@ -26,6 +27,8 @@ export declare class ShellbarActionComponent {
     notificationLabel: string;
     /** Represents the number of notifications. */
     notificationCount: number;
+    /** @hidden */
+    _elRef: ElementRef<any>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ShellbarActionComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ShellbarActionComponent, "fd-shellbar-action", never, { "glyph": { "alias": "glyph"; "required": false; }; "glyphFont": { "alias": "glyphFont"; "required": false; }; "callback": { "alias": "callback"; "required": false; }; "label": { "alias": "label"; "required": false; }; "notificationLabel": { "alias": "notificationLabel"; "required": false; }; "notificationCount": { "alias": "notificationCount"; "required": false; }; }, {}, never, never, true, never>;
 }

package/shellbar/shellbar-actions/shellbar-actions.component.d.ts

@@ -1,4 +1,4 @@
-import { EventEmitter, OnDestroy, QueryList } from '@angular/core';
+import { ElementRef, EventEmitter, OnDestroy, QueryList } from '@angular/core';
 import { ComboboxInterface } from '@fundamental-ngx/core/combobox';
 import { ProductSwitchComponent } from '@fundamental-ngx/core/product-switch';
 import { CdkPortalOutlet, DomPortal } from '@angular/cdk/portal';
@@ -36,6 +36,10 @@ export declare class ShellbarActionsComponent implements OnDestroy {
     userMenu: ShellbarUserMenu[];
     /** When set to true, popover list will be closed after selecting the option */
     closePopoverOnSelect: boolean;
+    /** Whether to show the assistive tools icon. */
+    assistiveTools: boolean;
+    /** @hidden */
+    assistiveToolsCallback: Nullable<(event: MouseEvent) => void>;
     /**
      * Event emitted when search opened.
      */
@@ -56,6 +60,8 @@ export declare class ShellbarActionsComponent implements OnDestroy {
     _addSearchIcon: boolean;
     /** @hidden */
     _searchPortal: DomPortal;
+    /** @hidden */
+    _showMobileActions: boolean;
     /**
      * Whether to show the search field.
      */
@@ -63,14 +69,12 @@ export declare class ShellbarActionsComponent implements OnDestroy {
     /** @hidden */
     currentSize: ShellbarSizes;
     /** @hidden */
+    _elRef: ElementRef<any>;
+    /** @hidden */
     private readonly _cd;
     /** @hidden */
     private readonly _shellbar;
     /** @hidden */
-    private get _groupShrink();
-    /** @hidden */
-    private get _groupBasisAuto();
-    /** @hidden */
     private _searchComponent;
     /** @hidden */
     _toggleSearch: () => void;
@@ -79,6 +83,8 @@ export declare class ShellbarActionsComponent implements OnDestroy {
     /** @hidden */
     ngOnDestroy(): void;
     /** @hidden */
+    _handleOverflow(shouldOverflow: boolean): void;
+    /** @hidden */
     _attachSearch(portal: DomPortal, searchComponent: Nullable<SearchComponent>, size: ShellbarSizes): void;
     /** @hidden */
     _detachSearch(): void;
@@ -89,5 +95,5 @@ export declare class ShellbarActionsComponent implements OnDestroy {
     /** @hidden */
     private _toggleSearchPortal;
     static ɵfac: i0.ɵɵFactoryDeclaration<ShellbarActionsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ShellbarActionsComponent, "fd-shellbar-actions", never, { "user": { "alias": "user"; "required": false; }; "userMenu": { "alias": "userMenu"; "required": false; }; "closePopoverOnSelect": { "alias": "closePopoverOnSelect"; "required": false; }; }, { "searchOpen": "searchOpen"; }, ["userComponent", "comboboxComponent", "productSwitchComponent", "shellbarActions"], ["fd-combobox", "*", "fd-shellbar-action", "fd-shellbar-user-menu", "fd-product-switch"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ShellbarActionsComponent, "fd-shellbar-actions", never, { "user": { "alias": "user"; "required": false; }; "userMenu": { "alias": "userMenu"; "required": false; }; "closePopoverOnSelect": { "alias": "closePopoverOnSelect"; "required": false; }; "assistiveTools": { "alias": "assistiveTools"; "required": false; }; "assistiveToolsCallback": { "alias": "assistiveToolsCallback"; "required": false; }; }, { "searchOpen": "searchOpen"; }, ["userComponent", "comboboxComponent", "productSwitchComponent", "shellbarActions"], ["fd-combobox", "*", "fd-shellbar-action", "fd-shellbar-user-menu", "fd-product-switch"], true, never>;
 }

package/shellbar/shellbar-actions-mobile/shellbar-actions-mobile.component.d.ts

@@ -1,4 +1,5 @@
 import { AfterContentChecked, EventEmitter, QueryList } from '@angular/core';
+import { Nullable } from '@fundamental-ngx/cdk/utils';
 import { ShellbarActionComponent } from '../shellbar-action/shellbar-action.component';
 import * as i0 from "@angular/core";
 export declare class ShellbarActionsMobileComponent implements AfterContentChecked {
@@ -9,6 +10,8 @@ export declare class ShellbarActionsMobileComponent implements AfterContentCheck
      */
     searchExists: boolean;
     /** @hidden */
+    assistiveToolsCallback: Nullable<(event: MouseEvent) => void>;
+    /** @hidden */
     showSearch: EventEmitter<void>;
     /** @hidden */
     totalNotifications: number;
@@ -17,5 +20,5 @@ export declare class ShellbarActionsMobileComponent implements AfterContentCheck
     /** @hidden */
     ngAfterContentChecked(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ShellbarActionsMobileComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ShellbarActionsMobileComponent, "fd-shellbar-actions-mobile", never, { "shellbarActions": { "alias": "shellbarActions"; "required": false; }; "searchExists": { "alias": "searchExists"; "required": false; }; }, { "showSearch": "showSearch"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ShellbarActionsMobileComponent, "fd-shellbar-actions-mobile", never, { "shellbarActions": { "alias": "shellbarActions"; "required": false; }; "searchExists": { "alias": "searchExists"; "required": false; }; "assistiveToolsCallback": { "alias": "assistiveToolsCallback"; "required": false; }; }, { "showSearch": "showSearch"; }, never, never, true, never>;
 }

package/shellbar/shellbar-branding/shellbar-branding.component.d.ts

@@ -0,0 +1,20 @@
+import { ElementRef } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * The component for shellbar branding.
+ */
+export declare class ShellbarBrandingComponent {
+    private _elRef;
+    /** Whether the shellbar branding is interactive. */
+    interactiveBranding: boolean;
+    /** @hidden */
+    private readonly _shellbar;
+    /** @hidden */
+    constructor(_elRef: ElementRef);
+    /** @hidden */
+    hideTitleIfNeeded(): void;
+    /** @hidden */
+    showTitle(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ShellbarBrandingComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ShellbarBrandingComponent, "fd-shellbar-branding", never, { "interactiveBranding": { "alias": "interactiveBranding"; "required": false; }; }, {}, never, ["*"], true, never>;
+}

package/shellbar/shellbar-context-area/shellbar-context-area.component.d.ts

@@ -0,0 +1,30 @@
+import { ElementRef } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Component representing the context area of the shellbar.
+ * It manages the visibility of its child elements based on the available width.
+ */
+export declare class ShellbarContextAreaComponent {
+    el: ElementRef;
+    /** @hidden */
+    private readonly _shellbar;
+    /** @hidden */
+    constructor(el: ElementRef);
+    /**
+     * Iteratively hides elements if the end of the actions exceed the end of the shellbar.
+     */
+    hideElementsIfNeeded(): void;
+    /**
+     * Iteratively shows elements if they can be displayed in the shellbar without causing the actions
+     * to exceed the end of th eshellbar.
+     */
+    showElements(): void;
+    /**
+     * Retrieves the child elements with their respective priority values.
+     * The elements are sorted based on their priority, with elements having
+     * higher priority shown first.
+     */
+    private _getElementsWithPriority;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ShellbarContextAreaComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ShellbarContextAreaComponent, "fd-shellbar-context-area", never, {}, {}, never, ["*"], true, never>;
+}

package/shellbar/shellbar-hide-priority.directive.d.ts

@@ -0,0 +1,10 @@
+import { ElementRef } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class ShellbarHidePriorityDirective {
+    /** @hidden */
+    priority: any;
+    /** @hidden */
+    elRef: ElementRef<any>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ShellbarHidePriorityDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ShellbarHidePriorityDirective, "[fdShellbarHidePriority]", never, { "priority": { "alias": "fdShellbarHidePriority"; "required": false; }; }, {}, never, never, true, never>;
+}

package/shellbar/shellbar-separator/shellbar-separator.component.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+/**
+ * The shellbar separator component.
+ */
+export declare class ShellbarSeparatorComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ShellbarSeparatorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ShellbarSeparatorComponent, "fd-shellbar-separator", never, {}, {}, never, never, true, never>;
+}

package/shellbar/shellbar-subtitle/shellbar-subtitle.component.d.ts

@@ -1,5 +1,7 @@
 import * as i0 from "@angular/core";
 /**
+ * @deprecated The shellbar subtitle component has been deprecated as of 0.54.2.
+ *
  * The component that represents a shellbar subtitle.
  * The subtitle is optional and should be used rarely.
  * ```html

package/shellbar/shellbar.component.d.ts

@@ -1,9 +1,11 @@
-import { AfterContentInit, AfterViewInit, ElementRef, OnDestroy, QueryList } from '@angular/core';
+import { AfterContentInit, AfterViewInit, ElementRef, EventEmitter, OnDestroy, QueryList } from '@angular/core';
 import { Nullable } from '@fundamental-ngx/cdk/utils';
 import { ComboboxInterface } from '@fundamental-ngx/core/combobox';
 import { SearchComponent } from '@fundamental-ngx/core/shared';
 import { SideNavigationInterface } from '@fundamental-ngx/core/side-navigation';
 import { Breakpoints, ShellbarGroupFlexOptions, ShellbarSizes } from './model/shellbar-sizes';
+import { ShellbarBrandingComponent } from './shellbar-branding/shellbar-branding.component';
+import { ShellbarContextAreaComponent } from './shellbar-context-area/shellbar-context-area.component';
 import * as i0 from "@angular/core";
 /**
  * The shellbar offers consistent, responsive navigation across all products and applications.
@@ -30,15 +32,22 @@ export declare class ShellbarComponent implements AfterContentInit, AfterViewIni
      */
     set groupFlex(value: Nullable<ShellbarGroupFlexOptions>);
     get groupFlex(): Nullable<ShellbarGroupFlexOptions>;
+    /** Whether to show the navigation button. */
+    showNavigationButton: boolean;
+    /** Whether to show the back button. */
+    showBackButton: boolean;
+    /** Emitted event when navigation button is clicked. */
+    navigationButtonClicked: EventEmitter<Event>;
+    /** Emitted event when back button is clicked. */
+    backButtonClicked: EventEmitter<Event>;
     /** @hidden */
     comboboxComponent: ComboboxInterface;
     /** @hidden */
     buttons: QueryList<ElementRef>;
-    /**
-     * Search component placed inside the shellbar
-     */
-    set searchComponent(component: Nullable<SearchComponent>);
-    get searchComponent(): Nullable<SearchComponent>;
+    /** @hidden */
+    contextArea: ShellbarContextAreaComponent;
+    /** @hidden */
+    branding: ShellbarBrandingComponent;
     /** @hidden */
     private _actions?;
     /** @hidden */
@@ -46,14 +55,21 @@ export declare class ShellbarComponent implements AfterContentInit, AfterViewIni
     /** @hidden */
     private readonly _shellbar;
     /** @hidden */
+    _showMobileSearch: boolean;
+    /** @hidden */
+    readonly _rtl$: import("@angular/core").Signal<boolean>;
+    /**
+     * Search component placed inside the shellbar
+     */
+    set searchComponent(component: Nullable<SearchComponent>);
+    get searchComponent(): Nullable<SearchComponent>;
+    /** @hidden */
     get _hideTitleComponents(): boolean;
     /** @hidden */
     get _hideAllComponents(): boolean;
     /** @hidden */
     get _currentSize(): ShellbarSizes;
     /** @hidden */
-    _showMobileSearch: boolean;
-    /** @hidden */
     private _groupFlex;
     /** @hidden */
     private _searchPortal;
@@ -74,6 +90,10 @@ export declare class ShellbarComponent implements AfterContentInit, AfterViewIni
     /** @hidden */
     private _searchSubmitSubscription;
     /** @hidden */
+    private _resizeObserverService;
+    /** @hidden */
+    private readonly _rtlService;
+    /** @hidden */
     ngAfterContentInit(): void;
     /** @hidden */
     ngAfterViewInit(): void;
@@ -88,16 +108,32 @@ export declare class ShellbarComponent implements AfterContentInit, AfterViewIni
     /** @hidden */
     _getSideNavClass(): string;
     /** @hidden */
+    _getShellbarEnd(): number;
+    /** @hidden */
+    _getActionsEnd(): number;
+    /** @hidden */
+    _actionsExceedShellbarWidth(): boolean;
+    /** @hidden */
+    _searchToggledFromActions(): void;
+    /** @hidden */
+    _navigationClicked(event: Event): void;
+    /** @hidden */
+    _backClicked(event: Event): void;
+    /** @hidden */
     private _setSearchComponentListeners;
     private _placeSearch;
     /** @hidden */
     private _setCurrentBreakpoint;
     /** @hidden */
+    private _handleOverflow;
+    /** @hidden */
+    private _resetOverflow;
+    /** @hidden */
     private _normalizeBreakpoints;
     /** @hidden */
     private _attachSearch;
     /** @hidden */
     private _detachSearch;
     static ɵfac: i0.ɵɵFactoryDeclaration<ShellbarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ShellbarComponent, "fd-shellbar", never, { "size": { "alias": "size"; "required": false; }; "breakpoints": { "alias": "breakpoints"; "required": false; }; "sideNav": { "alias": "sideNav"; "required": false; }; "groupFlex": { "alias": "groupFlex"; "required": false; }; }, {}, ["comboboxComponent", "searchComponent", "_actions", "buttons"], ["[fd-shellbar-side-nav]", "fd-shellbar-logo", "fd-shellbar-title", "fd-product-menu", "fd-shellbar-subtitle", "*", "fd-shellbar-actions"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ShellbarComponent, "fd-shellbar", never, { "size": { "alias": "size"; "required": false; }; "breakpoints": { "alias": "breakpoints"; "required": false; }; "sideNav": { "alias": "sideNav"; "required": false; }; "groupFlex": { "alias": "groupFlex"; "required": false; }; "showNavigationButton": { "alias": "showNavigationButton"; "required": false; }; "showBackButton": { "alias": "showBackButton"; "required": false; }; }, { "navigationButtonClicked": "navigationButtonClicked"; "backButtonClicked": "backButtonClicked"; }, ["comboboxComponent", "contextArea", "branding", "_actions", "searchComponent", "buttons"], ["fd-shellbar-branding", "[fd-shellbar-side-nav]", "fd-shellbar-logo", "fd-shellbar-title", "fd-product-menu", "fd-shellbar-subtitle", "fd-shellbar-separator", "fd-shellbar-context-area", "*", "fd-shellbar-actions"], true, never>;
 }

package/shellbar/shellbar.module.d.ts

@@ -9,9 +9,14 @@ import * as i7 from "./shellbar-logo/shellbar-logo.component";
 import * as i8 from "./shellbar-title/shellbar-title.component";
 import * as i9 from "./user-menu/shellbar-user-menu.component";
 import * as i10 from "./shellbar-sidenav.directive";
-import * as i11 from "@fundamental-ngx/core/content-density";
+import * as i11 from "./user-menu/shellbar-user-menu-button.directive";
+import * as i12 from "./shellbar-branding/shellbar-branding.component";
+import * as i13 from "./shellbar-context-area/shellbar-context-area.component";
+import * as i14 from "./shellbar-separator/shellbar-separator.component";
+import * as i15 from "./shellbar-hide-priority.directive";
+import * as i16 from "@fundamental-ngx/core/content-density";
 export declare class ShellbarModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<ShellbarModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ShellbarModule, never, [typeof i1.ShellbarComponent, typeof i2.ProductMenuComponent, typeof i3.ShellbarSubtitleComponent, typeof i4.ShellbarActionsComponent, typeof i5.ShellbarActionsMobileComponent, typeof i6.ShellbarActionComponent, typeof i7.ShellbarLogoComponent, typeof i8.ShellbarTitleComponent, typeof i9.ShellbarUserMenuComponent, typeof i10.ShellbarSidenavDirective], [typeof i1.ShellbarComponent, typeof i2.ProductMenuComponent, typeof i3.ShellbarSubtitleComponent, typeof i4.ShellbarActionsComponent, typeof i5.ShellbarActionsMobileComponent, typeof i6.ShellbarActionComponent, typeof i7.ShellbarLogoComponent, typeof i8.ShellbarTitleComponent, typeof i9.ShellbarUserMenuComponent, typeof i10.ShellbarSidenavDirective, typeof i11.ContentDensityModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ShellbarModule, never, [typeof i1.ShellbarComponent, typeof i2.ProductMenuComponent, typeof i3.ShellbarSubtitleComponent, typeof i4.ShellbarActionsComponent, typeof i5.ShellbarActionsMobileComponent, typeof i6.ShellbarActionComponent, typeof i7.ShellbarLogoComponent, typeof i8.ShellbarTitleComponent, typeof i9.ShellbarUserMenuComponent, typeof i10.ShellbarSidenavDirective, typeof i11.ShellbarUserMenuButtonDirective, typeof i10.ShellbarSidenavDirective, typeof i12.ShellbarBrandingComponent, typeof i13.ShellbarContextAreaComponent, typeof i14.ShellbarSeparatorComponent, typeof i15.ShellbarHidePriorityDirective], [typeof i1.ShellbarComponent, typeof i2.ProductMenuComponent, typeof i3.ShellbarSubtitleComponent, typeof i4.ShellbarActionsComponent, typeof i5.ShellbarActionsMobileComponent, typeof i6.ShellbarActionComponent, typeof i7.ShellbarLogoComponent, typeof i8.ShellbarTitleComponent, typeof i9.ShellbarUserMenuComponent, typeof i10.ShellbarSidenavDirective, typeof i11.ShellbarUserMenuButtonDirective, typeof i10.ShellbarSidenavDirective, typeof i12.ShellbarBrandingComponent, typeof i13.ShellbarContextAreaComponent, typeof i14.ShellbarSeparatorComponent, typeof i15.ShellbarHidePriorityDirective, typeof i16.ContentDensityModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<ShellbarModule>;
 }

package/user-menu/components/user-menu-body.component.d.ts

@@ -0,0 +1,63 @@
+import { AfterViewInit, OnInit, QueryList, TemplateRef } from '@angular/core';
+import { Observable } from 'rxjs';
+import { UserMenuListItemComponent } from './user-menu-list-item.component';
+import * as i0 from "@angular/core";
+export declare class UserMenuBodyComponent implements OnInit, AfterViewInit {
+    /** @hidden */
+    readonly _listItems: QueryList<UserMenuListItemComponent>;
+    /**
+     * Handle the navigation icon (arrow) of the Back button in RTL mode
+     */
+    navigationArrow$: Observable<string>;
+    /**
+     * Template ref of the submenu
+     */
+    submenu: import("@angular/core").WritableSignal<TemplateRef<any> | null>;
+    /**
+     * The text of the selected item
+     * Needed in mobile mode to update the title in the header
+     */
+    selectedItemTitle: import("@angular/core").WritableSignal<string | null>;
+    /**
+     * Template ref to the header of the user menu body.
+     * Needed in mobile mode
+     */
+    readonly bodyHeader: import("@angular/core").Signal<TemplateRef<any> | undefined>;
+    /** @hidden */
+    private _rtlService;
+    /** @hidden */
+    private _refresh$;
+    /** @hidden */
+    private readonly _destroyRef;
+    /** @hidden */
+    private readonly _keyboardSupportService;
+    /** @hidden */
+    onClick(event: MouseEvent): void;
+    /** @hidden */
+    keyDownHandler(event: KeyboardEvent): void;
+    /** @hidden */
+    ngOnInit(): void;
+    /** @hidden */
+    ngAfterViewInit(): void;
+    /**
+     * Selects the item and sets the submenu template ref
+     */
+    selectItem(submenuTpl: TemplateRef<any> | null): void;
+    /**
+     * Updates the title of the selected item
+     */
+    updateTitle(title: string | null): void;
+    /**
+     * Clears the submenu template ref and the selected item title
+     * Closes the submenu and returns to the main view
+     */
+    clearSubmenu(): void;
+    /**
+     * Closes the dialog in mobile mode
+     */
+    closeDialog(dialogRef: any): void;
+    /** @hidden */
+    private _setupInteractionListeners;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UserMenuBodyComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UserMenuBodyComponent, "fd-user-menu-body", never, {}, {}, ["_listItems"], ["[fd-user-menu-header]", "[fd-user-menu-content-container]"], true, never>;
+}

package/user-menu/components/user-menu-content-container.component.d.ts

@@ -0,0 +1,5 @@
+import * as i0 from "@angular/core";
+export declare class UserMenuContentContainerComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<UserMenuContentContainerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UserMenuContentContainerComponent, "[fd-user-menu-content-container]", never, {}, {}, never, ["*"], true, never>;
+}

package/user-menu/components/user-menu-control.component.d.ts

@@ -0,0 +1,14 @@
+import { EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class UserMenuControlComponent {
+    /** Event emitted event when control element is clicked */
+    clicked: EventEmitter<void>;
+    /** @hidden Saves element that is focused before dialog opened */
+    private _focusedElementBeforeDialogOpened;
+    /** @hidden */
+    onClick(): void;
+    /** @hidden */
+    _focus(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UserMenuControlComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UserMenuControlComponent, "fd-user-menu-control", never, {}, { "clicked": "clicked"; }, never, ["*"], true, never>;
+}

package/user-menu/components/user-menu-footer.component.d.ts

@@ -0,0 +1,5 @@
+import * as i0 from "@angular/core";
+export declare class UserMenuFooterComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<UserMenuFooterComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UserMenuFooterComponent, "fd-user-menu-footer", never, {}, {}, never, ["*"], true, never>;
+}