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

package/search/index.d.ts

@@ -0,0 +1,106 @@
+import * as _angular_core from '@angular/core';
+import { AfterViewInit, ElementRef, Injector } from '@angular/core';
+import _Search from '@ui5/webcomponents-fiori/dist/Search.js';
+import { UI5CustomEvent } from '@ui5/webcomponents-base';
+
+declare class Search implements AfterViewInit {
+    /**
+     * Indicates whether a loading indicator should be shown in the popup.
+     */
+    loading: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Defines whether the value will be autcompleted to match an item.
+     */
+    noTypeahead: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Indicates whether the items picker is open.
+     */
+    open: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Defines whether the clear icon of the search will be shown.
+     */
+    showClearIcon: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Defines the value of the component.
+  
+  **Note:** The property is updated upon typing.
+     */
+    value: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Defines a short hint intended to aid the user with data entry when the
+  component has no value.
+     */
+    placeholder: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Defines the accessible ARIA name of the component.
+     */
+    accessibleName: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Defines the accessible ARIA description of the field.
+     */
+    accessibleDescription: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Fired when the popup is opened.
+     */
+    ui5Open: _angular_core.OutputEmitterRef<UI5CustomEvent<_Search, "open">>;
+    /**
+     * Fired when the popup is closed.
+     */
+    ui5Close: _angular_core.OutputEmitterRef<UI5CustomEvent<_Search, "close">>;
+    /**
+     * Fired when typing in input or clear icon is pressed.
+     */
+    ui5Input: _angular_core.OutputEmitterRef<UI5CustomEvent<_Search, "input">>;
+    /**
+     * Fired when the scope has changed.
+     */
+    ui5ScopeChange: _angular_core.OutputEmitterRef<UI5CustomEvent<_Search, "scope-change">>;
+    /**
+     * Fired when the user has triggered search with Enter key or Search Button press.
+     */
+    ui5Search: _angular_core.OutputEmitterRef<UI5CustomEvent<_Search, "search">>;
+    /**
+     * 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 Search suggestion items.
+     * - **action**: Defines the popup footer action button.
+     * - **illustration**: Defines the illustrated message to be shown in the popup.
+     * - **messageArea**: Defines the illustrated message to be shown in the popup.
+     * - **scopes**: Defines the component scope options.
+     * - **filterButton**: Defines the filter button slot, used to display an additional filtering button.
+  This slot is intended for passing a `ui5-button` with a filter icon to provide extended filtering options.
+  
+  **Note:** Scope button and Filter button are mutually exclusive.
+     *
+     * @example
+     * ```html
+     * <ui5-search>
+     *   <div slot="header">Custom header content</div>
+     *   <p>Default slot content</p>
+     * </ui5-search>
+     * ```
+     *
+     * @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?: undefined;
+    } | {
+        name: string;
+        description: string;
+        since: string;
+    })[];
+    elementRef: ElementRef<_Search>;
+    injector: Injector;
+    get element(): _Search;
+    ngAfterViewInit(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Search, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Search, "ui5-search, [ui5-search]", ["ui5Search"], { "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "noTypeahead": { "alias": "noTypeahead"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; "showClearIcon": { "alias": "showClearIcon"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "accessibleName": { "alias": "accessibleName"; "required": false; "isSignal": true; }; "accessibleDescription": { "alias": "accessibleDescription"; "required": false; "isSignal": true; }; }, { "ui5Open": "ui5Open"; "ui5Close": "ui5Close"; "ui5Input": "ui5Input"; "ui5ScopeChange": "ui5ScopeChange"; "ui5Search": "ui5Search"; }, never, ["*"], true, never>;
+}
+
+export { Search };

package/search-item/index.d.ts

@@ -0,0 +1,75 @@
+import * as _angular_core from '@angular/core';
+import { AfterViewInit, ElementRef, Injector } from '@angular/core';
+import _SearchItem from '@ui5/webcomponents-fiori/dist/SearchItem.js';
+import { UI5CustomEvent } from '@ui5/webcomponents-base';
+
+declare class SearchItem implements AfterViewInit {
+    /**
+     * Defines the heading text of the search item.
+     */
+    text: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Defines the description that appears right under the item text, if available.
+     */
+    description: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Defines the icon name of the search item.
+  **Note:** If provided, the image slot will be ignored.
+     */
+    icon: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Defines whether the search item is selected.
+     */
+    selected: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Defines whether the search item is deletable.
+     */
+    deletable: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Defines the scope of the search item
+     */
+    scopeName: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Fired when delete button is pressed.
+     */
+    ui5Delete: _angular_core.OutputEmitterRef<UI5CustomEvent<_SearchItem, "delete">>;
+    /**
+     * 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.
+     *
+     * - **image**: **Note:** While the slot allows the option of setting a custom avatar, to comply with the
+  design guidelines, use the `ui5-avatar` with size - XS.
+     * - **actions**: Defines the actionable elements.
+  This slot allows placing additional interactive elements (such as buttons, icons, or tags)
+  next to the delete button, providing flexible customization for various user actions.
+  
+  **Note:** While the slot is flexible, for consistency with design guidelines,
+  it's recommended to use `ui5-button` with `Transparent` design or `ui5-icon` elements.
+     *
+     * @example
+     * ```html
+     * <ui5-search-item>
+     *   <div slot="header">Custom header content</div>
+     *   <p>Default slot content</p>
+     * </ui5-search-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;
+        since: string;
+    }[];
+    elementRef: ElementRef<_SearchItem>;
+    injector: Injector;
+    get element(): _SearchItem;
+    ngAfterViewInit(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SearchItem, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SearchItem, "ui5-search-item, [ui5-search-item]", ["ui5SearchItem"], { "text": { "alias": "text"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "deletable": { "alias": "deletable"; "required": false; "isSignal": true; }; "scopeName": { "alias": "scopeName"; "required": false; "isSignal": true; }; }, { "ui5Delete": "ui5Delete"; }, never, ["*"], true, never>;
+}
+
+export { SearchItem };

package/search-item-group/index.d.ts

@@ -0,0 +1,14 @@
+import * as i0 from '@angular/core';
+import { AfterViewInit, ElementRef, Injector } from '@angular/core';
+import _SearchItemGroup from '@ui5/webcomponents-fiori/dist/SearchItemGroup.js';
+
+declare class SearchItemGroup implements AfterViewInit {
+    elementRef: ElementRef<_SearchItemGroup>;
+    injector: Injector;
+    get element(): _SearchItemGroup;
+    ngAfterViewInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SearchItemGroup, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SearchItemGroup, "ui5-search-item-group, [ui5-search-item-group]", ["ui5SearchItemGroup"], {}, {}, never, ["*"], true, never>;
+}
+
+export { SearchItemGroup };

package/search-item-show-more/index.d.ts

@@ -0,0 +1,30 @@
+import * as _angular_core from '@angular/core';
+import { AfterViewInit, ElementRef, Injector } from '@angular/core';
+import _SearchItemShowMore from '@ui5/webcomponents-fiori/dist/SearchItemShowMore.js';
+import { UI5CustomEvent } from '@ui5/webcomponents-base';
+
+declare class SearchItemShowMore implements AfterViewInit {
+    /**
+     * Specifies the number of additional items available to show.
+  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>;
+    /**
+     * Defines whether the show more item is selected.
+     */
+    selected: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Fired when the component is activated, either with a mouse/tap
+  or by pressing the Enter or Space keys.
+     */
+    ui5Click: _angular_core.OutputEmitterRef<UI5CustomEvent<_SearchItemShowMore, "click">>;
+    elementRef: ElementRef<_SearchItemShowMore>;
+    injector: Injector;
+    get element(): _SearchItemShowMore;
+    ngAfterViewInit(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SearchItemShowMore, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SearchItemShowMore, "ui5-search-item-show-more, [ui5-search-item-show-more]", ["ui5SearchItemShowMore"], { "itemsToShowCount": { "alias": "itemsToShowCount"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; }, { "ui5Click": "ui5Click"; }, never, ["*"], true, never>;
+}
+
+export { SearchItemShowMore };

package/search-message-area/index.d.ts

@@ -0,0 +1,22 @@
+import * as _angular_core from '@angular/core';
+import { AfterViewInit, ElementRef, Injector } from '@angular/core';
+import _SearchMessageArea from '@ui5/webcomponents-fiori/dist/SearchMessageArea.js';
+
+declare class SearchMessageArea implements AfterViewInit {
+    /**
+     * Defines the text to be displayed.
+     */
+    text: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Defines the description text to be displayed.
+     */
+    description: _angular_core.InputSignal<string | undefined>;
+    elementRef: ElementRef<_SearchMessageArea>;
+    injector: Injector;
+    get element(): _SearchMessageArea;
+    ngAfterViewInit(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SearchMessageArea, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SearchMessageArea, "ui5-search-message-area, [ui5-search-message-area]", ["ui5SearchMessageArea"], { "text": { "alias": "text"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+export { SearchMessageArea };

package/search-scope/index.d.ts

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

package/shell-bar/index.d.ts

@@ -0,0 +1,218 @@
+import * as _angular_core from '@angular/core';
+import { AfterViewInit, ElementRef, Injector } from '@angular/core';
+import _ShellBar, { ShellBarAccessibilityAttributes } from '@ui5/webcomponents-fiori/dist/ShellBar.js';
+export { ShellBarAccessibilityAttributes } from '@ui5/webcomponents-fiori/dist/ShellBar.js';
+import { UI5CustomEvent } from '@ui5/webcomponents-base';
+
+declare class ShellBar implements AfterViewInit {
+    /**
+     * Defines the visibility state of the search button.
+  
+  **Note:** The `hideSearchButton` property is in an experimental state and is a subject to change.
+     */
+    hideSearchButton: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Disables the automatic search field expansion/collapse when the available space is not enough.
+  
+  **Note:** The `disableSearchCollapse` property is in an experimental state and is a subject to change.
+     */
+    disableSearchCollapse: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Defines the `primaryTitle`.
+  
+  **Note:** The `primaryTitle` would be hidden on S screen size (less than approx. 700px).
+     */
+    primaryTitle: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Defines the `secondaryTitle`.
+  
+  **Note:** The `secondaryTitle` would be hidden on S and M screen sizes (less than approx. 1300px).
+     */
+    secondaryTitle: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Defines the `notificationsCount`,
+  displayed in the notification icon top-right corner.
+     */
+    notificationsCount: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Defines, if the notification icon would be displayed.
+     */
+    showNotifications: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Defines, if the product switch icon would be displayed.
+     */
+    showProductSwitch: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Defines, if the Search Field would be displayed when there is a valid `searchField` slot.
+  
+  **Note:** By default the Search Field is not displayed.
+     */
+    showSearchField: _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:
+  
+  - **logo** - `logo.role` and `logo.name`.
+  - **notifications** - `notifications.expanded` and `notifications.hasPopup`.
+  - **profile** - `profile.expanded`, `profile.hasPopup` and `profile.name`.
+  - **product** - `product.expanded` and `product.hasPopup`.
+  - **search** - `search.hasPopup`.
+  - **overflow** - `overflow.expanded` and `overflow.hasPopup`.
+  - **branding** - `branding.name`.
+  
+  The accessibility attributes support the following values:
+  
+  - **role**: Defines the accessible ARIA role of the logo area.
+  Accepts the following string values: `button` or `link`.
+  
+  - **expanded**: Indicates whether the button, or another grouping element it controls,
+  is currently expanded or collapsed.
+  Accepts the following string values: `true` or `false`.
+  
+  - **hasPopup**: Indicates the availability and type of interactive popup element,
+  such as menu or dialog, that can be triggered by the button.
+  
+  Accepts the following string values: `dialog`, `grid`, `listbox`, `menu` or `tree`.
+  - **name**: Defines the accessible ARIA name of the area.
+  Accepts any string.
+     */
+    accessibilityAttributes: _angular_core.InputSignal<ShellBarAccessibilityAttributes | undefined>;
+    /**
+     * Returns the `logo` DOM ref.
+     * @readonly This property is managed by the web component.
+     */
+    get logoDomRef(): HTMLElement | null;
+    /**
+     * Returns the `notifications` icon DOM ref.
+     * @readonly This property is managed by the web component.
+     */
+    get notificationsDomRef(): HTMLElement | null;
+    /**
+     * Returns the `overflow` icon DOM ref.
+     * @readonly This property is managed by the web component.
+     */
+    get overflowDomRef(): HTMLElement | null;
+    /**
+     * Returns the `profile` icon DOM ref.
+     * @readonly This property is managed by the web component.
+     */
+    get profileDomRef(): HTMLElement | null;
+    /**
+     * Returns the `product-switch` icon DOM ref.
+     * @readonly This property is managed by the web component.
+     */
+    get productSwitchDomRef(): HTMLElement | null;
+    /**
+     * Fired, when the notification icon is activated.
+     */
+    ui5NotificationsClick: _angular_core.OutputEmitterRef<UI5CustomEvent<_ShellBar, "notifications-click">>;
+    /**
+     * Fired, when the profile slot is present.
+     */
+    ui5ProfileClick: _angular_core.OutputEmitterRef<UI5CustomEvent<_ShellBar, "profile-click">>;
+    /**
+     * Fired, when the product switch icon is activated.
+  
+  **Note:** You can prevent closing of overflow popover by calling `event.preventDefault()`.
+     */
+    ui5ProductSwitchClick: _angular_core.OutputEmitterRef<UI5CustomEvent<_ShellBar, "product-switch-click">>;
+    /**
+     * Fired, when the logo is activated.
+     */
+    ui5LogoClick: _angular_core.OutputEmitterRef<UI5CustomEvent<_ShellBar, "logo-click">>;
+    /**
+     * Fired, when a menu item is activated
+  
+  **Note:** You can prevent closing of overflow popover by calling `event.preventDefault()`.
+     */
+    ui5MenuItemClick: _angular_core.OutputEmitterRef<UI5CustomEvent<_ShellBar, "menu-item-click">>;
+    /**
+     * Fired, when the search button is activated.
+  
+  **Note:** You can prevent expanding/collapsing of the search field by calling `event.preventDefault()`.
+     */
+    ui5SearchButtonClick: _angular_core.OutputEmitterRef<UI5CustomEvent<_ShellBar, "search-button-click">>;
+    /**
+     * Fired, when the search field is expanded or collapsed.
+     */
+    ui5SearchFieldToggle: _angular_core.OutputEmitterRef<UI5CustomEvent<_ShellBar, "search-field-toggle">>;
+    /**
+     * Fired, when the search cancel button is activated.
+  
+  **Note:** You can prevent the default behavior (clearing the search field value) by calling `event.preventDefault()`. The search will still be closed.
+  **Note:** The `search-field-clear` event is in an experimental state and is a subject to change.
+     */
+    ui5SearchFieldClear: _angular_core.OutputEmitterRef<UI5CustomEvent<_ShellBar, "search-field-clear">>;
+    /**
+     * Fired, when an item from the content slot is hidden or shown.
+  **Note:** The `content-item-visibility-change` event is in an experimental state and is a subject to change.
+     */
+    ui5ContentItemVisibilityChange: _angular_core.OutputEmitterRef<UI5CustomEvent<_ShellBar, "content-item-visibility-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.
+     *
+     * - **assistant**: Defines the assistant slot.
+     * - **branding**: Defines the branding slot.
+  The `ui5-shellbar-branding` component is intended to be placed inside this slot.
+  Content placed here takes precedence over the `primaryTitle` property and the `logo` content slot.
+  
+  **Note:** The `branding` slot is in an experimental state and is a subject to change.
+     * - **(default)**: Defines the `ui5-shellbar` additional items.
+  
+  **Note:**
+  You can use the `<ui5-shellbar-item></ui5-shellbar-item>`.
+     * - **profile**: You can pass `ui5-avatar` to set the profile image/icon.
+  If no profile slot is set - profile will be excluded from actions.
+  
+  **Note:** We recommend not using the `size` attribute of `ui5-avatar` because
+  it should have specific size by design in the context of `ui5-shellbar` profile.
+     * - **logo**: Defines the logo of the `ui5-shellbar`.
+  For example, you can use `ui5-avatar` or `img` elements as logo.
+     * - **menuItems**: Defines the items displayed in menu after a click on a start button.
+  
+  **Note:** You can use the  `<ui5-li></ui5-li>` and its ancestors.
+     * - **searchField**: Defines the `ui5-input`, that will be used as a search field.
+     * - **startButton**: Defines a `ui5-button` in the bar that will be placed in the beginning.
+  We encourage this slot to be used for a menu button.
+  It gets overstyled to match ShellBar's styling.
+     * - **content**: Define the items displayed in the content area.
+  
+  Use the `data-hide-order` attribute with numeric value to specify the order of the items to be hidden when the space is not enough.
+  Lower values will be hidden first.
+  
+  **Note:** The `content` slot is in an experimental state and is a subject to change.
+     *
+     * @example
+     * ```html
+     * <ui5-shellbar>
+     *   <div slot="header">Custom header content</div>
+     *   <p>Default slot content</p>
+     * </ui5-shellbar>
+     * ```
+     *
+     * @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<_ShellBar>;
+    injector: Injector;
+    get element(): _ShellBar;
+    ngAfterViewInit(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ShellBar, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ShellBar, "ui5-shellbar, [ui5-shellbar]", ["ui5ShellBar"], { "hideSearchButton": { "alias": "hideSearchButton"; "required": false; "isSignal": true; }; "disableSearchCollapse": { "alias": "disableSearchCollapse"; "required": false; "isSignal": true; }; "primaryTitle": { "alias": "primaryTitle"; "required": false; "isSignal": true; }; "secondaryTitle": { "alias": "secondaryTitle"; "required": false; "isSignal": true; }; "notificationsCount": { "alias": "notificationsCount"; "required": false; "isSignal": true; }; "showNotifications": { "alias": "showNotifications"; "required": false; "isSignal": true; }; "showProductSwitch": { "alias": "showProductSwitch"; "required": false; "isSignal": true; }; "showSearchField": { "alias": "showSearchField"; "required": false; "isSignal": true; }; "accessibilityAttributes": { "alias": "accessibilityAttributes"; "required": false; "isSignal": true; }; }, { "ui5NotificationsClick": "ui5NotificationsClick"; "ui5ProfileClick": "ui5ProfileClick"; "ui5ProductSwitchClick": "ui5ProductSwitchClick"; "ui5LogoClick": "ui5LogoClick"; "ui5MenuItemClick": "ui5MenuItemClick"; "ui5SearchButtonClick": "ui5SearchButtonClick"; "ui5SearchFieldToggle": "ui5SearchFieldToggle"; "ui5SearchFieldClear": "ui5SearchFieldClear"; "ui5ContentItemVisibilityChange": "ui5ContentItemVisibilityChange"; }, never, ["*"], true, never>;
+}
+
+export { ShellBar };

package/shell-bar-branding/index.d.ts

@@ -0,0 +1,71 @@
+import * as _angular_core from '@angular/core';
+import { AfterViewInit, ElementRef, Injector } from '@angular/core';
+import _ShellBarBranding from '@ui5/webcomponents-fiori/dist/ShellBarBranding.js';
+import { UI5CustomEvent } from '@ui5/webcomponents-base';
+
+declare class ShellBarBranding implements AfterViewInit {
+    /**
+     * Defines the component href.
+  
+  **Note:** Standard hyperlink behavior is supported.
+     */
+    href: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Defines the component target.
+  
+  **Notes:**
+  
+  - `_self`
+  - `_top`
+  - `_blank`
+  - `_parent`
+  - `_search`
+  
+  **This property must only be used when the `href` property is set.**
+     */
+    target: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Defines the text alternative of the component.
+  If not provided a default text alternative will be set, if present.
+     */
+    accessibleName: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Fired, when the logo is activated.
+     */
+    ui5Click: _angular_core.OutputEmitterRef<UI5CustomEvent<_ShellBarBranding, "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 title for the ui5-shellbar-branding component.
+  
+  **Note:** Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design.
+     * - **logo**: Defines the logo of the `ui5-shellbar`.
+  For example, you can use `ui5-avatar` or `img` elements as logo.
+     *
+     * @example
+     * ```html
+     * <ui5-shellbar-branding>
+     *   <div slot="header">Custom header content</div>
+     *   <p>Default slot content</p>
+     * </ui5-shellbar-branding>
+     * ```
+     *
+     * @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<_ShellBarBranding>;
+    injector: Injector;
+    get element(): _ShellBarBranding;
+    ngAfterViewInit(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ShellBarBranding, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ShellBarBranding, "ui5-shellbar-branding, [ui5-shellbar-branding]", ["ui5ShellBarBranding"], { "href": { "alias": "href"; "required": false; "isSignal": true; }; "target": { "alias": "target"; "required": false; "isSignal": true; }; "accessibleName": { "alias": "accessibleName"; "required": false; "isSignal": true; }; }, { "ui5Click": "ui5Click"; }, never, ["*"], true, never>;
+}
+
+export { ShellBarBranding };

package/shell-bar-item/index.d.ts

@@ -0,0 +1,51 @@
+import * as _angular_core from '@angular/core';
+import { AfterViewInit, ElementRef, Injector } from '@angular/core';
+import _ShellBarItem, { ShellBarItemAccessibilityAttributes } from '@ui5/webcomponents-fiori/dist/ShellBarItem.js';
+export { ShellBarItemAccessibilityAttributes } from '@ui5/webcomponents-fiori/dist/ShellBarItem.js';
+import { UI5CustomEvent } from '@ui5/webcomponents-base';
+
+declare class ShellBarItem implements AfterViewInit {
+    /**
+     * Defines the name of the item's icon.
+     */
+    icon: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Defines the item text.
+  
+  **Note:** The text is only displayed inside the overflow popover list view.
+     */
+    text: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Defines the count displayed in the top-right corner.
+     */
+    count: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Defines additional accessibility attributes on Shellbar Items.
+  
+  The accessibility attributes support the following values:
+  
+  - **expanded**: Indicates whether the button, or another grouping element it controls,
+  is currently expanded or collapsed.
+  Accepts the following string values: `true` or `false`.
+  
+  - **hasPopup**: Indicates the availability and type of interactive popup element,
+  such as menu or dialog, that can be triggered by the button.
+  
+  - **controls**: Identifies the element (or elements) whose contents
+  or presence are controlled by the component.
+  Accepts a lowercase string value, referencing the ID of the element it controls.
+     */
+    accessibilityAttributes: _angular_core.InputSignal<ShellBarItemAccessibilityAttributes | undefined>;
+    /**
+     * Fired, when the item is pressed.
+     */
+    ui5Click: _angular_core.OutputEmitterRef<UI5CustomEvent<_ShellBarItem, "click">>;
+    elementRef: ElementRef<_ShellBarItem>;
+    injector: Injector;
+    get element(): _ShellBarItem;
+    ngAfterViewInit(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ShellBarItem, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ShellBarItem, "ui5-shellbar-item, [ui5-shellbar-item]", ["ui5ShellBarItem"], { "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "count": { "alias": "count"; "required": false; "isSignal": true; }; "accessibilityAttributes": { "alias": "accessibilityAttributes"; "required": false; "isSignal": true; }; }, { "ui5Click": "ui5Click"; }, never, ["*"], true, never>;
+}
+
+export { ShellBarItem };