@fundamental-ngx/ui5-webcomponents-fiori 0.58.0-rc.65 → 0.58.0-rc.67

package/filter-item/index.d.ts

@@ -0,0 +1,46 @@
+import * as _angular_core from '@angular/core';
+import { AfterViewInit, ElementRef, Injector } from '@angular/core';
+import _FilterItem from '@ui5/webcomponents-fiori/dist/FilterItem.js';
+
+declare class FilterItem implements AfterViewInit {
+    /**
+     * Defines the text of the filter item.
+     */
+    text: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Defines the additional text of the filter item.
+  This text is typically used to show the number of selected filter options within this category.
+     */
+    additionalText: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Available slots for content projection in this component.
+     *
+     * Slots allow you to insert custom content into predefined areas of the web component.
+     * Use the `slot` attribute on child elements to target specific slots.
+     *
+     * - **values**: Defines the filter options available for this filter category.
+     *
+     * @example
+     * ```html
+     * <ui5-filter-item>
+     *   <div slot="header">Custom header content</div>
+     *   <p>Default slot content</p>
+     * </ui5-filter-item>
+     * ```
+     *
+     * @readonly
+     * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
+     */
+    readonly slots: {
+        name: string;
+        description: string;
+    }[];
+    elementRef: ElementRef<_FilterItem>;
+    injector: Injector;
+    get element(): _FilterItem;
+    ngAfterViewInit(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FilterItem, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FilterItem, "ui5-filter-item, [ui5-filter-item]", ["ui5FilterItem"], { "text": { "alias": "text"; "required": false; "isSignal": true; }; "additionalText": { "alias": "additionalText"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+export { FilterItem };

package/filter-item-option/index.d.ts

@@ -0,0 +1,22 @@
+import * as _angular_core from '@angular/core';
+import { AfterViewInit, ElementRef, Injector } from '@angular/core';
+import _FilterItemOption from '@ui5/webcomponents-fiori/dist/FilterItemOption.js';
+
+declare class FilterItemOption implements AfterViewInit {
+    /**
+     * Defines the text of the filter option.
+     */
+    text: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Defines if the filter option is selected.
+     */
+    selected: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    elementRef: ElementRef<_FilterItemOption>;
+    injector: Injector;
+    get element(): _FilterItemOption;
+    ngAfterViewInit(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FilterItemOption, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FilterItemOption, "ui5-filter-item-option, [ui5-filter-item-option]", ["ui5FilterItemOption"], { "text": { "alias": "text"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+export { FilterItemOption };

package/flexible-column-layout/index.d.ts

@@ -0,0 +1,135 @@
+import * as _angular_core from '@angular/core';
+import { AfterViewInit, ElementRef, Injector } from '@angular/core';
+import _FlexibleColumnLayout, { FCLAccessibilityAttributes, LayoutConfiguration, FlexibleColumnLayoutColumnLayout } from '@ui5/webcomponents-fiori/dist/FlexibleColumnLayout.js';
+export { FCLAccessibilityAttributes, FlexibleColumnLayoutColumnLayout, LayoutConfiguration } from '@ui5/webcomponents-fiori/dist/FlexibleColumnLayout.js';
+import { UI5CustomEvent } from '@ui5/webcomponents-base';
+
+declare class FlexibleColumnLayout implements AfterViewInit {
+    /**
+     * Defines the columns layout and their proportion.
+  
+  **Note:** The layout also depends on the screen size - one column for screens smaller than 599px,
+  two columns between 599px and 1023px and three columns for sizes bigger than 1023px.
+  
+  **For example:** layout=`TwoColumnsStartExpanded` means the layout will display up to two columns
+  in 67%/33% proportion.
+     */
+    layout: _angular_core.InputSignal<"OneColumn" | "TwoColumnsStartExpanded" | "TwoColumnsMidExpanded" | "ThreeColumnsMidExpanded" | "ThreeColumnsEndExpanded" | "ThreeColumnsStartExpandedEndHidden" | "ThreeColumnsMidExpandedEndHidden" | "ThreeColumnsStartHiddenMidExpanded" | "ThreeColumnsStartHiddenEndExpanded" | "MidColumnFullScreen" | "EndColumnFullScreen" | undefined>;
+    /**
+     * Specifies if the user is allowed to change the columns layout by dragging the separator between the columns.
+     */
+    disableResizing: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Defines additional accessibility attributes on different areas of the component.
+  
+  The accessibilityAttributes object has the following fields,
+  where each field is an object supporting one or more accessibility attributes:
+  
+   - **startColumn**: `startColumn.role` and `startColumn.name`.
+   - **midColumn**: `midColumn.role` and `midColumn.name`.
+   - **endColumn**: `endColumn.role` and `endColumn.name`.
+   - **startSeparator**: `startSeparator.role` and `startSeparator.name`.
+   - **endSeparator**: `endSeparator.role` and `endSeparator.name`.
+  
+  The accessibility attributes support the following values:
+  
+  - **role**: Defines the accessible ARIA landmark role of the area.
+  Accepts the following values: `none`, `complementary`, `contentinfo`, `main` or `region`.
+  
+  - **name**: Defines the accessible ARIA name of the area.
+  Accepts any string.
+     */
+    accessibilityAttributes: _angular_core.InputSignal<FCLAccessibilityAttributes | undefined>;
+    /**
+     * Allows to customize the column proportions per screen size and layout.
+  If no custom proportion provided for a specific layout, the default will be used.
+  
+  **Notes:**
+  
+  - The proportions should be given in percentages. For example ["30%", "40%", "30%"], ["70%", "30%", 0], etc.
+  - The proportions should add up to 100%.
+  - Hidden columns are marked as "0px", e.g. ["0px", "70%", "30%"]. Specifying 0 or "0%" for hidden columns is also valid.
+  - If the proportions do not match the layout (e.g. if provided proportions ["70%", "30%", "0px"] for "OneColumn" layout), then the default proportions will be used instead.
+  - Whenever the user drags the columns separator to resize the columns, the `layoutsConfiguration` object will be updated with the user-specified proportions for the given layout (and the `layout-configuration-change` event will be fired).
+  - No custom configuration available for the phone screen size, as the default of 100% column width is always used there.
+     */
+    layoutsConfiguration: _angular_core.InputSignal<LayoutConfiguration | undefined>;
+    /**
+     * Returns the current column layout, based on both the `layout` property and the screen size.
+  
+  **For example:** ["67%", "33%", 0], ["100%", 0, 0], ["25%", "50%", "25%"], etc,
+  where the numbers represents the width of the start, middle and end columns.
+     * @readonly This property is managed by the web component and updates reactively.
+     * Based on schema: readonly field that updates via layout-change event parameters.
+     */
+    columnLayout: _angular_core.Signal<FlexibleColumnLayoutColumnLayout | undefined>;
+    /**
+     * Returns if the `start` column is visible.
+     * @readonly This property is managed by the web component and updates reactively.
+     * Based on schema: readonly field that updates via layout-change event parameters.
+     */
+    startColumnVisible: _angular_core.Signal<boolean>;
+    /**
+     * Returns if the `middle` column is visible.
+     * @readonly This property is managed by the web component and updates reactively.
+     * Based on schema: readonly field that updates via layout-change event parameters.
+     */
+    midColumnVisible: _angular_core.Signal<boolean>;
+    /**
+     * Returns if the `end` column is visible.
+     * @readonly This property is managed by the web component and updates reactively.
+     * Based on schema: readonly field that updates via layout-change event parameters.
+     */
+    endColumnVisible: _angular_core.Signal<boolean>;
+    /**
+     * Returns the number of currently visible columns.
+     * @readonly This property is managed by the web component.
+     */
+    get visibleColumns(): number;
+    /**
+     * Fired when the layout changes via user interaction by dragging the separators
+  or by changing the component size due to resizing.
+     */
+    ui5LayoutChange: _angular_core.OutputEmitterRef<UI5CustomEvent<_FlexibleColumnLayout, "layout-change">>;
+    /**
+     * Fired when the `layoutsConfiguration` changes via user interaction by dragging the separators.
+     */
+    ui5LayoutConfigurationChange: _angular_core.OutputEmitterRef<UI5CustomEvent<_FlexibleColumnLayout, "layout-configuration-change">>;
+    /**
+     * Available slots for content projection in this component.
+     *
+     * Slots allow you to insert custom content into predefined areas of the web component.
+     * Use the `slot` attribute on child elements to target specific slots.
+     *
+     * - **startColumn**: Defines the content in the start column.
+     * - **midColumn**: Defines the content in the middle column.
+     * - **endColumn**: Defines the content in the end column.
+     *
+     * @example
+     * ```html
+     * <ui5-flexible-column-layout>
+     *   <div slot="header">Custom header content</div>
+     *   <p>Default slot content</p>
+     * </ui5-flexible-column-layout>
+     * ```
+     *
+     * @readonly
+     * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
+     */
+    readonly slots: {
+        name: string;
+        description: string;
+    }[];
+    elementRef: ElementRef<_FlexibleColumnLayout>;
+    injector: Injector;
+    private _columnLayoutSignal;
+    private _startColumnVisibleSignal;
+    private _midColumnVisibleSignal;
+    private _endColumnVisibleSignal;
+    get element(): _FlexibleColumnLayout;
+    ngAfterViewInit(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FlexibleColumnLayout, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FlexibleColumnLayout, "ui5-flexible-column-layout, [ui5-flexible-column-layout]", ["ui5FlexibleColumnLayout"], { "layout": { "alias": "layout"; "required": false; "isSignal": true; }; "disableResizing": { "alias": "disableResizing"; "required": false; "isSignal": true; }; "accessibilityAttributes": { "alias": "accessibilityAttributes"; "required": false; "isSignal": true; }; "layoutsConfiguration": { "alias": "layoutsConfiguration"; "required": false; "isSignal": true; }; }, { "ui5LayoutChange": "ui5LayoutChange"; "ui5LayoutConfigurationChange": "ui5LayoutConfigurationChange"; }, never, ["*"], true, never>;
+}
+
+export { FlexibleColumnLayout };

package/group-item/index.d.ts

@@ -0,0 +1,22 @@
+import * as _angular_core from '@angular/core';
+import { AfterViewInit, ElementRef, Injector } from '@angular/core';
+import _GroupItem from '@ui5/webcomponents-fiori/dist/GroupItem.js';
+
+declare class GroupItem implements AfterViewInit {
+    /**
+     * Defines the text of the group item.
+     */
+    text: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Defines if the group item is selected.
+     */
+    selected: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    elementRef: ElementRef<_GroupItem>;
+    injector: Injector;
+    get element(): _GroupItem;
+    ngAfterViewInit(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<GroupItem, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<GroupItem, "ui5-group-item, [ui5-group-item]", ["ui5GroupItem"], { "text": { "alias": "text"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+export { GroupItem };

package/illustrated-message/index.d.ts

@@ -0,0 +1,105 @@
+import * as _angular_core from '@angular/core';
+import { AfterViewInit, ElementRef, Injector } from '@angular/core';
+import _IllustratedMessage from '@ui5/webcomponents-fiori/dist/IllustratedMessage.js';
+
+declare class IllustratedMessage implements AfterViewInit {
+    /**
+     * Defines the illustration name that will be displayed in the component.
+  
+  Example:
+  
+  `name='BeforeSearch'`, `name='UnableToUpload'`, etc..
+  
+  **Note:** To use the TNT illustrations,
+  you need to set the `tnt` or `Tnt` prefix in front of the icon's name.
+  
+  Example:
+  
+  `name='tnt/Avatar'` or `name='TntAvatar'`.
+  
+  **Note:** By default the `BeforeSearch` illustration is loaded.
+  When using an illustration type, other than the default, it should be loaded in addition:
+  
+  `import "@ui5/webcomponents-fiori/dist/illustrations/NoData.js";`
+  
+  For TNT illustrations:
+  
+  `import "@ui5/webcomponents-fiori/dist/illustrations/tnt/SessionExpired.js";`
+     */
+    name: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Determines which illustration breakpoint variant is used.
+  
+  As `IllustratedMessage` adapts itself around the `Illustration`, the other
+  elements of the component are displayed differently on the different breakpoints/illustration designs.
+     */
+    design: _angular_core.InputSignal<"Auto" | "Base" | "Dot" | "Spot" | "Dialog" | "Scene" | "ExtraSmall" | "Small" | "Medium" | "Large" | undefined>;
+    /**
+     * Defines the subtitle of the component.
+  
+  **Note:** Using this property, the default subtitle text of illustration will be overwritten.
+  
+  **Note:** Using `subtitle` slot, the default of this property will be overwritten.
+     */
+    subtitleText: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Defines the title of the component.
+  
+  **Note:** Using this property, the default title text of illustration will be overwritten.
+     */
+    titleText: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Receives id(or many ids) of the elements that label the component.
+     */
+    accessibleNameRef: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Defines whether the illustration is decorative.
+  
+  When set to `true`, the attributes `role="presentation"` and `aria-hidden="true"` are applied to the SVG element.
+     */
+    decorative: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Available slots for content projection in this component.
+     *
+     * Slots allow you to insert custom content into predefined areas of the web component.
+     * Use the `slot` attribute on child elements to target specific slots.
+     *
+     * - **title**: Defines the title of the component.
+  
+  **Note:** Using this slot, the default title text of illustration and the value of `title` property will be overwritten.
+     * - **subtitle**: Defines the subtitle of the component.
+  
+  **Note:** Using this slot, the default subtitle text of illustration and the value of `subtitleText` property will be overwritten.
+     * - **(default)**: Defines the component actions.
+  
+  **Note:** Not displayed when the `design` property is set to `Base`.
+     *
+     * @example
+     * ```html
+     * <ui5-illustrated-message>
+     *   <div slot="header">Custom header content</div>
+     *   <p>Default slot content</p>
+     * </ui5-illustrated-message>
+     * ```
+     *
+     * @readonly
+     * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
+     */
+    readonly slots: ({
+        name: string;
+        description: string;
+        since: string;
+    } | {
+        name: string;
+        description: string;
+        since?: undefined;
+    })[];
+    elementRef: ElementRef<_IllustratedMessage>;
+    injector: Injector;
+    get element(): _IllustratedMessage;
+    ngAfterViewInit(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<IllustratedMessage, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<IllustratedMessage, "ui5-illustrated-message, [ui5-illustrated-message]", ["ui5IllustratedMessage"], { "name": { "alias": "name"; "required": false; "isSignal": true; }; "design": { "alias": "design"; "required": false; "isSignal": true; }; "subtitleText": { "alias": "subtitleText"; "required": false; "isSignal": true; }; "titleText": { "alias": "titleText"; "required": false; "isSignal": true; }; "accessibleNameRef": { "alias": "accessibleNameRef"; "required": false; "isSignal": true; }; "decorative": { "alias": "decorative"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+export { IllustratedMessage };

package/index.d.ts

@@ -68,6 +68,7 @@ import _UserMenu from '@ui5/webcomponents-fiori/dist/UserMenu.js';
 import _UserMenuAccount from '@ui5/webcomponents-fiori/dist/UserMenuAccount.js';
 import _UserMenuItem from '@ui5/webcomponents-fiori/dist/UserMenuItem.js';
 import _UserMenuItemGroup from '@ui5/webcomponents-fiori/dist/UserMenuItemGroup.js';
+import _UserSettingsAccountView from '@ui5/webcomponents-fiori/dist/UserSettingsAccountView.js';
 import _UserSettingsDialog from '@ui5/webcomponents-fiori/dist/UserSettingsDialog.js';
 import _UserSettingsItem from '@ui5/webcomponents-fiori/dist/UserSettingsItem.js';
 import _UserSettingsView from '@ui5/webcomponents-fiori/dist/UserSettingsView.js';
@@ -1394,8 +1395,8 @@ declare class SearchItemGroup implements AfterViewInit {
 declare class SearchItemShowMore implements AfterViewInit {
     /**
      * Specifies the number of additional items available to show.
-  This value replaces the placeholder (N) in the "Show more (N)" text.
-  If not set, the placeholder will remain as (N).
+  If no value is defined, the control shows "Show more" (without any counter).
+  If a number is provided, it displays "Show more (N)", where N is that number.
      */
     itemsToShowCount: _angular_core.InputSignal<number | undefined>;
     /**
@@ -2767,6 +2768,64 @@ declare class UserMenuItemGroup implements AfterViewInit {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<UserMenuItemGroup, "ui5-user-menu-item-group, [ui5-user-menu-item-group]", ["ui5UserMenuItemGroup"], {}, {}, never, ["*"], true, never>;
 }
 
+declare class UserSettingsAccountView implements AfterViewInit {
+    /**
+     * Defines if the User Menu shows the `Manage Account` option.
+     */
+    showManageAccount: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Defines the title text of the user settings view.
+     */
+    text: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Defines whether the view is selected. There can be just one selected view at a time.
+     */
+    selected: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Indicates whether the view is secondary. It is relevant only if the view is used in `pages` slot of `ui5-user-settings-item`
+  and controls the visibility of the back button.
+     */
+    secondary: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Fired when the `Edit Accounts` button is selected.
+     */
+    ui5EditAccountsClick: _angular_core.OutputEmitterRef<UI5CustomEvent<_UserSettingsAccountView, "edit-accounts-click">>;
+    /**
+     * Fired when the `Manage Account` button is selected.
+     */
+    ui5ManageAccountClick: _angular_core.OutputEmitterRef<UI5CustomEvent<_UserSettingsAccountView, "manage-account-click">>;
+    /**
+     * Available slots for content projection in this component.
+     *
+     * Slots allow you to insert custom content into predefined areas of the web component.
+     * Use the `slot` attribute on child elements to target specific slots.
+     *
+     * - **account**: Defines the user account.
+     * - **(default)**: Defines the content of the view.
+     *
+     * @example
+     * ```html
+     * <ui5-user-settings-account-view>
+     *   <div slot="header">Custom header content</div>
+     *   <p>Default slot content</p>
+     * </ui5-user-settings-account-view>
+     * ```
+     *
+     * @readonly
+     * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
+     */
+    readonly slots: {
+        name: string;
+        description: string;
+    }[];
+    elementRef: ElementRef<_UserSettingsAccountView>;
+    injector: Injector;
+    get element(): _UserSettingsAccountView;
+    ngAfterViewInit(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UserSettingsAccountView, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UserSettingsAccountView, "ui5-user-settings-account-view, [ui5-user-settings-account-view]", ["ui5UserSettingsAccountView"], { "showManageAccount": { "alias": "showManageAccount"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "secondary": { "alias": "secondary"; "required": false; "isSignal": true; }; }, { "ui5EditAccountsClick": "ui5EditAccountsClick"; "ui5ManageAccountClick": "ui5ManageAccountClick"; }, never, ["*"], true, never>;
+}
+
 declare class UserSettingsDialog implements AfterViewInit {
     /**
      * Defines, if the User Settings Dialog is opened.
@@ -3157,4 +3216,4 @@ declare class Ui5WebcomponentsFioriThemingService extends WebcomponentsThemingPr
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<Ui5WebcomponentsFioriThemingService>;
 }
 
-export { BarcodeScannerDialog, DynamicPage, DynamicPageHeader, DynamicPageTitle, DynamicSideContent, FilterItem, FilterItemOption, FlexibleColumnLayout, GenericControlValueAccessor, GroupItem, IllustratedMessage, MediaGallery, MediaGalleryItem, NavigationLayout, NotificationList, NotificationListGroupItem, NotificationListItem, Page, ProductSwitch, ProductSwitchItem, Search, SearchItem, SearchItemGroup, SearchItemShowMore, SearchMessageArea, SearchScope, ShellBar, ShellBarBranding, ShellBarItem, ShellBarSearch, ShellBarSpacer, SideNavigation, SideNavigationGroup, SideNavigationItem, SideNavigationSubItem, SortItem, Timeline, TimelineGroupItem, TimelineItem, Ui5WebcomponentsFioriThemingService, UploadCollection, UploadCollectionItem, UserMenu, UserMenuAccount, UserMenuItem, UserMenuItemGroup, UserSettingsDialog, UserSettingsItem, UserSettingsView, ViewSettingsDialog, Wizard, WizardStep };
+export { BarcodeScannerDialog, DynamicPage, DynamicPageHeader, DynamicPageTitle, DynamicSideContent, FilterItem, FilterItemOption, FlexibleColumnLayout, GenericControlValueAccessor, GroupItem, IllustratedMessage, MediaGallery, MediaGalleryItem, NavigationLayout, NotificationList, NotificationListGroupItem, NotificationListItem, Page, ProductSwitch, ProductSwitchItem, Search, SearchItem, SearchItemGroup, SearchItemShowMore, SearchMessageArea, SearchScope, ShellBar, ShellBarBranding, ShellBarItem, ShellBarSearch, ShellBarSpacer, SideNavigation, SideNavigationGroup, SideNavigationItem, SideNavigationSubItem, SortItem, Timeline, TimelineGroupItem, TimelineItem, Ui5WebcomponentsFioriThemingService, UploadCollection, UploadCollectionItem, UserMenu, UserMenuAccount, UserMenuItem, UserMenuItemGroup, UserSettingsAccountView, UserSettingsDialog, UserSettingsItem, UserSettingsView, ViewSettingsDialog, Wizard, WizardStep };

package/media-gallery/index.d.ts

@@ -0,0 +1,84 @@
+import * as _angular_core from '@angular/core';
+import { AfterViewInit, ElementRef, Injector } from '@angular/core';
+import _MediaGallery from '@ui5/webcomponents-fiori/dist/MediaGallery.js';
+import { UI5CustomEvent } from '@ui5/webcomponents-base';
+
+declare class MediaGallery implements AfterViewInit {
+    /**
+     * If set to `true`, all thumbnails are rendered in a scrollable container.
+  If `false`, only up to five thumbnails are rendered, followed by
+  an overflow button that shows the count of the remaining thumbnails.
+     */
+    showAllThumbnails: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * If enabled, a `display-area-click` event is fired
+  when the user clicks or taps on the display area.
+  
+  The display area is the central area that contains
+  the enlarged content of the currently selected item.
+     */
+    interactiveDisplayArea: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Determines the layout of the component.
+     */
+    layout: _angular_core.InputSignal<"Auto" | "Vertical" | "Horizontal" | undefined>;
+    /**
+     * Determines the horizontal alignment of the thumbnails menu
+  vs. the central display area.
+     */
+    menuHorizontalAlign: _angular_core.InputSignal<"Left" | "Right" | undefined>;
+    /**
+     * Determines the vertical alignment of the thumbnails menu
+  vs. the central display area.
+     */
+    menuVerticalAlign: _angular_core.InputSignal<"Top" | "Bottom" | undefined>;
+    /**
+     * Fired when selection is changed by user interaction.
+     */
+    ui5SelectionChange: _angular_core.OutputEmitterRef<UI5CustomEvent<_MediaGallery, "selection-change">>;
+    /**
+     * Fired when the thumbnails overflow button is clicked.
+     */
+    ui5OverflowClick: _angular_core.OutputEmitterRef<UI5CustomEvent<_MediaGallery, "overflow-click">>;
+    /**
+     * Fired when the display area is clicked.
+  The display area is the central area that contains
+  the enlarged content of the currently selected item.
+     */
+    ui5DisplayAreaClick: _angular_core.OutputEmitterRef<UI5CustomEvent<_MediaGallery, "display-area-click">>;
+    /**
+     * Available slots for content projection in this component.
+     *
+     * Slots allow you to insert custom content into predefined areas of the web component.
+     * Use the `slot` attribute on child elements to target specific slots.
+     *
+     * - **(default)**: Defines the component items.
+  
+  **Note:** Only one selected item is allowed.
+  
+  **Note:** Use the `ui5-media-gallery-item` component to define the desired items.
+     *
+     * @example
+     * ```html
+     * <ui5-media-gallery>
+     *   <div slot="header">Custom header content</div>
+     *   <p>Default slot content</p>
+     * </ui5-media-gallery>
+     * ```
+     *
+     * @readonly
+     * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
+     */
+    readonly slots: {
+        name: string;
+        description: string;
+    }[];
+    elementRef: ElementRef<_MediaGallery>;
+    injector: Injector;
+    get element(): _MediaGallery;
+    ngAfterViewInit(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MediaGallery, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MediaGallery, "ui5-media-gallery, [ui5-media-gallery]", ["ui5MediaGallery"], { "showAllThumbnails": { "alias": "showAllThumbnails"; "required": false; "isSignal": true; }; "interactiveDisplayArea": { "alias": "interactiveDisplayArea"; "required": false; "isSignal": true; }; "layout": { "alias": "layout"; "required": false; "isSignal": true; }; "menuHorizontalAlign": { "alias": "menuHorizontalAlign"; "required": false; "isSignal": true; }; "menuVerticalAlign": { "alias": "menuVerticalAlign"; "required": false; "isSignal": true; }; }, { "ui5SelectionChange": "ui5SelectionChange"; "ui5OverflowClick": "ui5OverflowClick"; "ui5DisplayAreaClick": "ui5DisplayAreaClick"; }, never, ["*"], true, never>;
+}
+
+export { MediaGallery };

package/media-gallery-item/index.d.ts

@@ -0,0 +1,50 @@
+import * as _angular_core from '@angular/core';
+import { AfterViewInit, ElementRef, Injector } from '@angular/core';
+import _MediaGalleryItem from '@ui5/webcomponents-fiori/dist/MediaGalleryItem.js';
+
+declare class MediaGalleryItem implements AfterViewInit {
+    /**
+     * Defines the selected state of the component.
+     */
+    selected: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Defines whether the component is in disabled state.
+     */
+    disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Determines the layout of the item container.
+     */
+    layout: _angular_core.InputSignal<"Square" | "Wide" | undefined>;
+    /**
+     * Available slots for content projection in this component.
+     *
+     * Slots allow you to insert custom content into predefined areas of the web component.
+     * Use the `slot` attribute on child elements to target specific slots.
+     *
+     * - **(default)**: Defines the content of the component.
+     * - **thumbnail**: Defines the content of the thumbnail.
+     *
+     * @example
+     * ```html
+     * <ui5-media-gallery-item>
+     *   <div slot="header">Custom header content</div>
+     *   <p>Default slot content</p>
+     * </ui5-media-gallery-item>
+     * ```
+     *
+     * @readonly
+     * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
+     */
+    readonly slots: {
+        name: string;
+        description: string;
+    }[];
+    elementRef: ElementRef<_MediaGalleryItem>;
+    injector: Injector;
+    get element(): _MediaGalleryItem;
+    ngAfterViewInit(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MediaGalleryItem, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MediaGalleryItem, "ui5-media-gallery-item, [ui5-media-gallery-item]", ["ui5MediaGalleryItem"], { "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "layout": { "alias": "layout"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+export { MediaGalleryItem };

package/navigation-layout/index.d.ts

@@ -0,0 +1,43 @@
+import * as i0 from '@angular/core';
+import { AfterViewInit, ElementRef, Injector } from '@angular/core';
+import _NavigationLayout from '@ui5/webcomponents-fiori/dist/NavigationLayout.js';
+
+declare class NavigationLayout implements AfterViewInit {
+    /**
+     * Specifies the navigation layout mode.
+     */
+    mode: i0.InputSignal<"Auto" | "Collapsed" | "Expanded" | undefined>;
+    /**
+     * Available slots for content projection in this component.
+     *
+     * Slots allow you to insert custom content into predefined areas of the web component.
+     * Use the `slot` attribute on child elements to target specific slots.
+     *
+     * - **header**: Defines the header.
+     * - **sideContent**: Defines the side content.
+     * - **(default)**: Defines the content.
+     *
+     * @example
+     * ```html
+     * <ui5-navigation-layout>
+     *   <div slot="header">Custom header content</div>
+     *   <p>Default slot content</p>
+     * </ui5-navigation-layout>
+     * ```
+     *
+     * @readonly
+     * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
+     */
+    readonly slots: {
+        name: string;
+        description: string;
+    }[];
+    elementRef: ElementRef<_NavigationLayout>;
+    injector: Injector;
+    get element(): _NavigationLayout;
+    ngAfterViewInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NavigationLayout, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NavigationLayout, "ui5-navigation-layout, [ui5-navigation-layout]", ["ui5NavigationLayout"], { "mode": { "alias": "mode"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+export { NavigationLayout };