@ui5/webcomponents-ngx 0.5.9-rc.4 → 0.5.9

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

@@ -0,0 +1,22 @@
+import SearchMessageArea from '@ui5/webcomponents-fiori/dist/SearchMessageArea.js';
+import * as i0 from '@angular/core';
+
+declare class SearchMessageAreaComponent {
+    /**
+          Defines the text to be displayed.
+          */
+    text: string | undefined;
+    /**
+          Defines the description text to be displayed.
+          */
+    description: string | undefined;
+    private elementRef;
+    private zone;
+    private cdr;
+    get element(): SearchMessageArea;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<SearchMessageAreaComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SearchMessageAreaComponent, "ui5-search-message-area", ["ui5SearchMessageArea"], { "text": { "alias": "text"; "required": false; }; "description": { "alias": "description"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+
+export { SearchMessageAreaComponent };

package/fiori/search-scope/index.d.ts

@@ -0,0 +1,23 @@
+import SearchScope from '@ui5/webcomponents-fiori/dist/SearchScope.js';
+import * as i0 from '@angular/core';
+
+declare class SearchScopeComponent {
+    /**
+          Defines the text of the component.
+          */
+    text: string;
+    /**
+          Indicates whether the item is selected
+          */
+    selected: boolean;
+    private elementRef;
+    private zone;
+    private cdr;
+    get element(): SearchScope;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<SearchScopeComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SearchScopeComponent, "ui5-search-scope", ["ui5SearchScope"], { "text": { "alias": "text"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ngAcceptInputType_selected: unknown;
+}
+
+export { SearchScopeComponent };

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

@@ -0,0 +1,140 @@
+import * as i0 from '@angular/core';
+import { EventEmitter } from '@angular/core';
+import ShellBar, { ShellBarAccessibilityAttributes, ShellBarNotificationsClickEventDetail, ShellBarProfileClickEventDetail, ShellBarProductSwitchClickEventDetail, ShellBarLogoClickEventDetail, ShellBarMenuItemClickEventDetail, ShellBarSearchButtonEventDetail, ShellBarSearchFieldToggleEventDetail, ShellBarSearchFieldClearEventDetail, ShellBarContentItemVisibilityChangeEventDetail } from '@ui5/webcomponents-fiori/dist/ShellBar.js';
+
+declare class ShellBarComponent {
+    /**
+          Defines the visibility state of the search button.
+  
+  **Note:** The `hideSearchButton` property is in an experimental state and is a subject to change.
+          */
+    hideSearchButton: boolean;
+    /**
+          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: boolean;
+    /**
+          Defines the `primaryTitle`.
+  
+  **Note:** The `primaryTitle` would be hidden on S screen size (less than approx. 700px).
+          */
+    primaryTitle: string | undefined;
+    /**
+          Defines the `secondaryTitle`.
+  
+  **Note:** The `secondaryTitle` would be hidden on S and M screen sizes (less than approx. 1300px).
+          */
+    secondaryTitle: string | undefined;
+    /**
+          Defines the `notificationsCount`,
+  displayed in the notification icon top-right corner.
+          */
+    notificationsCount: string | undefined;
+    /**
+          Defines, if the notification icon would be displayed.
+          */
+    showNotifications: boolean;
+    /**
+          Defines, if the product switch icon would be displayed.
+          */
+    showProductSwitch: boolean;
+    /**
+          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: boolean;
+    /**
+          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: ShellBarAccessibilityAttributes;
+    /**
+       Fired, when the notification icon is activated.
+      */
+    ui5NotificationsClick: EventEmitter<ShellBarNotificationsClickEventDetail>;
+    /**
+       Fired, when the profile slot is present.
+      */
+    ui5ProfileClick: EventEmitter<ShellBarProfileClickEventDetail>;
+    /**
+       Fired, when the product switch icon is activated.
+  
+  **Note:** You can prevent closing of overflow popover by calling `event.preventDefault()`.
+      */
+    ui5ProductSwitchClick: EventEmitter<ShellBarProductSwitchClickEventDetail>;
+    /**
+       Fired, when the logo is activated.
+      */
+    ui5LogoClick: EventEmitter<ShellBarLogoClickEventDetail>;
+    /**
+       Fired, when a menu item is activated
+  
+  **Note:** You can prevent closing of overflow popover by calling `event.preventDefault()`.
+      */
+    ui5MenuItemClick: EventEmitter<ShellBarMenuItemClickEventDetail>;
+    /**
+       Fired, when the search button is activated.
+  
+  **Note:** You can prevent expanding/collapsing of the search field by calling `event.preventDefault()`.
+      */
+    ui5SearchButtonClick: EventEmitter<ShellBarSearchButtonEventDetail>;
+    /**
+       Fired, when the search field is expanded or collapsed.
+      */
+    ui5SearchFieldToggle: EventEmitter<ShellBarSearchFieldToggleEventDetail>;
+    /**
+       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: EventEmitter<ShellBarSearchFieldClearEventDetail>;
+    /**
+       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: EventEmitter<ShellBarContentItemVisibilityChangeEventDetail>;
+    private elementRef;
+    private zone;
+    private cdr;
+    get element(): ShellBar;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<ShellBarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ShellBarComponent, "ui5-shellbar", ["ui5Shellbar"], { "hideSearchButton": { "alias": "hideSearchButton"; "required": false; }; "disableSearchCollapse": { "alias": "disableSearchCollapse"; "required": false; }; "primaryTitle": { "alias": "primaryTitle"; "required": false; }; "secondaryTitle": { "alias": "secondaryTitle"; "required": false; }; "notificationsCount": { "alias": "notificationsCount"; "required": false; }; "showNotifications": { "alias": "showNotifications"; "required": false; }; "showProductSwitch": { "alias": "showProductSwitch"; "required": false; }; "showSearchField": { "alias": "showSearchField"; "required": false; }; "accessibilityAttributes": { "alias": "accessibilityAttributes"; "required": false; }; }, { "ui5NotificationsClick": "ui5NotificationsClick"; "ui5ProfileClick": "ui5ProfileClick"; "ui5ProductSwitchClick": "ui5ProductSwitchClick"; "ui5LogoClick": "ui5LogoClick"; "ui5MenuItemClick": "ui5MenuItemClick"; "ui5SearchButtonClick": "ui5SearchButtonClick"; "ui5SearchFieldToggle": "ui5SearchFieldToggle"; "ui5SearchFieldClear": "ui5SearchFieldClear"; "ui5ContentItemVisibilityChange": "ui5ContentItemVisibilityChange"; }, never, ["*"], true, never>;
+    static ngAcceptInputType_hideSearchButton: unknown;
+    static ngAcceptInputType_disableSearchCollapse: unknown;
+    static ngAcceptInputType_showNotifications: unknown;
+    static ngAcceptInputType_showProductSwitch: unknown;
+    static ngAcceptInputType_showSearchField: unknown;
+}
+
+export { ShellBarComponent };

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

@@ -0,0 +1,44 @@
+import * as i0 from '@angular/core';
+import { EventEmitter } from '@angular/core';
+import ShellBarBranding from '@ui5/webcomponents-fiori/dist/ShellBarBranding.js';
+
+declare class ShellBarBrandingComponent {
+    /**
+          Defines the component href.
+  
+  **Note:** Standard hyperlink behavior is supported.
+          */
+    href: 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: string | undefined;
+    /**
+          Defines the text alternative of the component.
+  If not provided a default text alternative will be set, if present.
+          */
+    accessibleName: string | undefined;
+    /**
+       Fired, when the logo is activated.
+      */
+    ui5Click: EventEmitter<void>;
+    private elementRef;
+    private zone;
+    private cdr;
+    get element(): ShellBarBranding;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<ShellBarBrandingComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ShellBarBrandingComponent, "ui5-shellbar-branding", ["ui5ShellbarBranding"], { "href": { "alias": "href"; "required": false; }; "target": { "alias": "target"; "required": false; }; "accessibleName": { "alias": "accessibleName"; "required": false; }; }, { "ui5Click": "ui5Click"; }, never, ["*"], true, never>;
+}
+
+export { ShellBarBrandingComponent };

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

@@ -0,0 +1,50 @@
+import * as i0 from '@angular/core';
+import { EventEmitter } from '@angular/core';
+import ShellBarItem, { ShellBarItemAccessibilityAttributes, ShellBarItemClickEventDetail } from '@ui5/webcomponents-fiori/dist/ShellBarItem.js';
+
+declare class ShellBarItemComponent {
+    /**
+          Defines the name of the item's icon.
+          */
+    icon: string | undefined;
+    /**
+          Defines the item text.
+  
+  **Note:** The text is only displayed inside the overflow popover list view.
+          */
+    text: string | undefined;
+    /**
+          Defines the count displayed in the top-right corner.
+          */
+    count: 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: ShellBarItemAccessibilityAttributes;
+    /**
+       Fired, when the item is pressed.
+      */
+    ui5Click: EventEmitter<ShellBarItemClickEventDetail>;
+    private elementRef;
+    private zone;
+    private cdr;
+    get element(): ShellBarItem;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<ShellBarItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ShellBarItemComponent, "ui5-shellbar-item", ["ui5ShellbarItem"], { "icon": { "alias": "icon"; "required": false; }; "text": { "alias": "text"; "required": false; }; "count": { "alias": "count"; "required": false; }; "accessibilityAttributes": { "alias": "accessibilityAttributes"; "required": false; }; }, { "ui5Click": "ui5Click"; }, never, ["*"], true, never>;
+}
+
+export { ShellBarItemComponent };

package/fiori/shell-bar-search/index.d.ts

@@ -0,0 +1,80 @@
+import * as i0 from '@angular/core';
+import { EventEmitter } from '@angular/core';
+import { SearchFieldScopeSelectionChangeDetails } from '@ui5/webcomponents-fiori/dist/SearchField.js';
+import ShellBarSearch from '@ui5/webcomponents-fiori/dist/ShellBarSearch.js';
+
+declare class ShellBarSearchComponent {
+    /**
+          Indicates whether a loading indicator should be shown in the popup.
+          */
+    loading: boolean;
+    /**
+          Defines whether the value will be autcompleted to match an item.
+          */
+    noTypeahead: boolean;
+    /**
+          Indicates whether the items picker is open.
+          */
+    open: boolean;
+    /**
+          Defines whether the clear icon of the search will be shown.
+          */
+    showClearIcon: boolean;
+    /**
+          Defines the value of the component.
+  
+  **Note:** The property is updated upon typing.
+          */
+    value: string;
+    /**
+          Defines a short hint intended to aid the user with data entry when the
+  component has no value.
+          */
+    placeholder: string | undefined;
+    /**
+          Defines the accessible ARIA name of the component.
+          */
+    accessibleName: string | undefined;
+    /**
+          Defines the accessible ARIA description of the field.
+          */
+    accessibleDescription: string | undefined;
+    /**
+          Indicates whether the suggestions popover should be opened on focus.
+          */
+    autoOpen: boolean;
+    /**
+       Fired when the popup is opened.
+      */
+    ui5Open: EventEmitter<void>;
+    /**
+       Fired when the popup is closed.
+      */
+    ui5Close: EventEmitter<void>;
+    /**
+       Fired when typing in input or clear icon is pressed.
+      */
+    ui5Input: EventEmitter<void>;
+    /**
+       Fired when the scope has changed.
+      */
+    ui5ScopeChange: EventEmitter<SearchFieldScopeSelectionChangeDetails>;
+    /**
+       Fired when the user has triggered search with Enter key or Search Button press.
+      */
+    ui5Search: EventEmitter<void>;
+    private elementRef;
+    private zone;
+    private cdr;
+    get element(): ShellBarSearch;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<ShellBarSearchComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ShellBarSearchComponent, "ui5-shellbar-search", ["ui5ShellbarSearch"], { "loading": { "alias": "loading"; "required": false; }; "noTypeahead": { "alias": "noTypeahead"; "required": false; }; "open": { "alias": "open"; "required": false; }; "showClearIcon": { "alias": "showClearIcon"; "required": false; }; "value": { "alias": "value"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "accessibleName": { "alias": "accessibleName"; "required": false; }; "accessibleDescription": { "alias": "accessibleDescription"; "required": false; }; "autoOpen": { "alias": "autoOpen"; "required": false; }; }, { "ui5Open": "ui5Open"; "ui5Close": "ui5Close"; "ui5Input": "ui5Input"; "ui5ScopeChange": "ui5ScopeChange"; "ui5Search": "ui5Search"; }, never, ["*"], true, never>;
+    static ngAcceptInputType_loading: unknown;
+    static ngAcceptInputType_noTypeahead: unknown;
+    static ngAcceptInputType_open: unknown;
+    static ngAcceptInputType_showClearIcon: unknown;
+    static ngAcceptInputType_autoOpen: unknown;
+}
+
+export { ShellBarSearchComponent };

package/fiori/shell-bar-spacer/index.d.ts

@@ -0,0 +1,14 @@
+import ShellBarSpacer from '@ui5/webcomponents-fiori/dist/ShellBarSpacer.js';
+import * as i0 from '@angular/core';
+
+declare class ShellBarSpacerComponent {
+    private elementRef;
+    private zone;
+    private cdr;
+    get element(): ShellBarSpacer;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<ShellBarSpacerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ShellBarSpacerComponent, "ui5-shellbar-spacer", ["ui5ShellbarSpacer"], {}, {}, never, ["*"], true, never>;
+}
+
+export { ShellBarSpacerComponent };

package/fiori/side-navigation/index.d.ts

@@ -0,0 +1,34 @@
+import * as i0 from '@angular/core';
+import { EventEmitter } from '@angular/core';
+import SideNavigation, { SideNavigationSelectionChangeEventDetail } from '@ui5/webcomponents-fiori/dist/SideNavigation.js';
+
+declare class SideNavigationComponent {
+    /**
+          Defines whether the `ui5-side-navigation` is expanded or collapsed.
+  
+  **Note:** The collapsed mode is not supported on phones.
+  The `ui5-side-navigation` component is intended to be used within a `ui5-navigation-layout`
+  component to ensure proper responsive behavior. If you choose not to use the
+  `ui5-navigation-layout`, you will need to implement the appropriate responsive patterns yourself,
+  particularly for phones where the collapsed mode should not be used.
+          */
+    collapsed: boolean;
+    /**
+          Defines the accessible ARIA name of the component.
+          */
+    accessibleName: string | undefined;
+    /**
+       Fired when the selection has changed via user interaction
+      */
+    ui5SelectionChange: EventEmitter<SideNavigationSelectionChangeEventDetail>;
+    private elementRef;
+    private zone;
+    private cdr;
+    get element(): SideNavigation;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<SideNavigationComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SideNavigationComponent, "ui5-side-navigation", ["ui5SideNavigation"], { "collapsed": { "alias": "collapsed"; "required": false; }; "accessibleName": { "alias": "accessibleName"; "required": false; }; }, { "ui5SelectionChange": "ui5SelectionChange"; }, never, ["*"], true, never>;
+    static ngAcceptInputType_collapsed: unknown;
+}
+
+export { SideNavigationComponent };

package/fiori/side-navigation-group/index.d.ts

@@ -0,0 +1,37 @@
+import SideNavigationGroup from '@ui5/webcomponents-fiori/dist/SideNavigationGroup.js';
+import * as i0 from '@angular/core';
+
+declare class SideNavigationGroupComponent {
+    /**
+          Defines the text of the item.
+          */
+    text: string | undefined;
+    /**
+          Defines whether the component is disabled.
+  A disabled component can't be pressed or
+  focused, and it is not in the tab chain.
+          */
+    disabled: boolean;
+    /**
+          Defines the tooltip of the component.
+  
+  A tooltip attribute should be provided, in order to represent meaning/function,
+  when the component is collapsed ("icon only" design is visualized) or the item text is truncated.
+          */
+    tooltip: string | undefined;
+    /**
+          Defines if the item is expanded
+          */
+    expanded: boolean;
+    private elementRef;
+    private zone;
+    private cdr;
+    get element(): SideNavigationGroup;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<SideNavigationGroupComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SideNavigationGroupComponent, "ui5-side-navigation-group", ["ui5SideNavigationGroup"], { "text": { "alias": "text"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; "expanded": { "alias": "expanded"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ngAcceptInputType_disabled: unknown;
+    static ngAcceptInputType_expanded: unknown;
+}
+
+export { SideNavigationGroupComponent };

package/fiori/side-navigation-item/index.d.ts

@@ -0,0 +1,110 @@
+import * as i0 from '@angular/core';
+import { EventEmitter } from '@angular/core';
+import SideNavigationItem from '@ui5/webcomponents-fiori/dist/SideNavigationItem.js';
+import { SideNavigationItemClickEventDetail } from '@ui5/webcomponents-fiori/dist/SideNavigationItemBase.js';
+import { SideNavigationItemAccessibilityAttributes } from '@ui5/webcomponents-fiori/dist/SideNavigationSelectableItemBase.js';
+
+declare class SideNavigationItemComponent {
+    /**
+          Defines the text of the item.
+          */
+    text: string | undefined;
+    /**
+          Defines whether the component is disabled.
+  A disabled component can't be pressed or
+  focused, and it is not in the tab chain.
+          */
+    disabled: boolean;
+    /**
+          Defines the tooltip of the component.
+  
+  A tooltip attribute should be provided, in order to represent meaning/function,
+  when the component is collapsed ("icon only" design is visualized) or the item text is truncated.
+          */
+    tooltip: string | undefined;
+    /**
+          Defines the icon of the item.
+  
+  The SAP-icons font provides numerous options.
+  
+  See all the available icons in the [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).
+          */
+    icon: string | undefined;
+    /**
+          Defines whether the item is selected.
+  
+  **Note:** Items that have a set `href` and `target` set to `_blank` should not be selectable.
+          */
+    selected: boolean;
+    /**
+          Defines the link target URI. Supports standard hyperlink behavior.
+  If a JavaScript action should be triggered,
+  this should not be set, but instead an event handler
+  for the `click` event should be registered.
+          */
+    href: string | undefined;
+    /**
+          Defines the component target.
+  
+  Possible values:
+  
+  - `_self`
+  - `_top`
+  - `_blank`
+  - `_parent`
+  - `framename`
+  
+  **Note:** Items that have a defined `href` and `target`
+  attribute set to `_blank` should not be selectable.
+          */
+    target: string | undefined;
+    /**
+          Item design.
+  
+  **Note:** Items with "Action" design must not have sub-items.
+          */
+    design: 'Default' | 'Action';
+    /**
+          Indicates whether the navigation item is selectable. By default, all items are selectable unless specifically marked as unselectable.
+  
+  When a parent item is marked as unselectable, selecting it will only expand or collapse its sub-items.
+  To improve user experience do not mix unselectable parent items with selectable parent items in a single side navigation.
+  
+  
+  **Guidelines**:
+  - Items with an assigned `href` and a target of `_blank` should be marked as unselectable.
+  - Items that trigger actions (with design "Action") should be marked as unselectable.
+          */
+    unselectable: boolean;
+    /**
+          Defines the additional accessibility attributes that will be applied to the component.
+  The following fields are supported:
+  
+  - **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`.
+  
+  **Note:** Do not use it on parent items, as it will be overridden if the item is in the overflow menu.
+          */
+    accessibilityAttributes: SideNavigationItemAccessibilityAttributes;
+    /**
+          Defines if the item is expanded
+          */
+    expanded: boolean;
+    /**
+       Fired when the component is activated either with a click/tap or by using the [Enter] or [Space] keys.
+      */
+    ui5Click: EventEmitter<SideNavigationItemClickEventDetail>;
+    private elementRef;
+    private zone;
+    private cdr;
+    get element(): SideNavigationItem;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<SideNavigationItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SideNavigationItemComponent, "ui5-side-navigation-item", ["ui5SideNavigationItem"], { "text": { "alias": "text"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "href": { "alias": "href"; "required": false; }; "target": { "alias": "target"; "required": false; }; "design": { "alias": "design"; "required": false; }; "unselectable": { "alias": "unselectable"; "required": false; }; "accessibilityAttributes": { "alias": "accessibilityAttributes"; "required": false; }; "expanded": { "alias": "expanded"; "required": false; }; }, { "ui5Click": "ui5Click"; }, never, ["*"], true, never>;
+    static ngAcceptInputType_disabled: unknown;
+    static ngAcceptInputType_selected: unknown;
+    static ngAcceptInputType_unselectable: unknown;
+    static ngAcceptInputType_expanded: unknown;
+}
+
+export { SideNavigationItemComponent };

package/fiori/side-navigation-sub-item/index.d.ts

@@ -0,0 +1,105 @@
+import * as i0 from '@angular/core';
+import { EventEmitter } from '@angular/core';
+import { SideNavigationItemClickEventDetail } from '@ui5/webcomponents-fiori/dist/SideNavigationItemBase.js';
+import { SideNavigationItemAccessibilityAttributes } from '@ui5/webcomponents-fiori/dist/SideNavigationSelectableItemBase.js';
+import SideNavigationSubItem from '@ui5/webcomponents-fiori/dist/SideNavigationSubItem.js';
+
+declare class SideNavigationSubItemComponent {
+    /**
+          Defines the text of the item.
+          */
+    text: string | undefined;
+    /**
+          Defines whether the component is disabled.
+  A disabled component can't be pressed or
+  focused, and it is not in the tab chain.
+          */
+    disabled: boolean;
+    /**
+          Defines the tooltip of the component.
+  
+  A tooltip attribute should be provided, in order to represent meaning/function,
+  when the component is collapsed ("icon only" design is visualized) or the item text is truncated.
+          */
+    tooltip: string | undefined;
+    /**
+          Defines the icon of the item.
+  
+  The SAP-icons font provides numerous options.
+  
+  See all the available icons in the [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).
+          */
+    icon: string | undefined;
+    /**
+          Defines whether the item is selected.
+  
+  **Note:** Items that have a set `href` and `target` set to `_blank` should not be selectable.
+          */
+    selected: boolean;
+    /**
+          Defines the link target URI. Supports standard hyperlink behavior.
+  If a JavaScript action should be triggered,
+  this should not be set, but instead an event handler
+  for the `click` event should be registered.
+          */
+    href: string | undefined;
+    /**
+          Defines the component target.
+  
+  Possible values:
+  
+  - `_self`
+  - `_top`
+  - `_blank`
+  - `_parent`
+  - `framename`
+  
+  **Note:** Items that have a defined `href` and `target`
+  attribute set to `_blank` should not be selectable.
+          */
+    target: string | undefined;
+    /**
+          Item design.
+  
+  **Note:** Items with "Action" design must not have sub-items.
+          */
+    design: 'Default' | 'Action';
+    /**
+          Indicates whether the navigation item is selectable. By default, all items are selectable unless specifically marked as unselectable.
+  
+  When a parent item is marked as unselectable, selecting it will only expand or collapse its sub-items.
+  To improve user experience do not mix unselectable parent items with selectable parent items in a single side navigation.
+  
+  
+  **Guidelines**:
+  - Items with an assigned `href` and a target of `_blank` should be marked as unselectable.
+  - Items that trigger actions (with design "Action") should be marked as unselectable.
+          */
+    unselectable: boolean;
+    /**
+          Defines the additional accessibility attributes that will be applied to the component.
+  The following fields are supported:
+  
+  - **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`.
+  
+  **Note:** Do not use it on parent items, as it will be overridden if the item is in the overflow menu.
+          */
+    accessibilityAttributes: SideNavigationItemAccessibilityAttributes;
+    /**
+       Fired when the component is activated either with a click/tap or by using the [Enter] or [Space] keys.
+      */
+    ui5Click: EventEmitter<SideNavigationItemClickEventDetail>;
+    private elementRef;
+    private zone;
+    private cdr;
+    get element(): SideNavigationSubItem;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<SideNavigationSubItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SideNavigationSubItemComponent, "ui5-side-navigation-sub-item", ["ui5SideNavigationSubItem"], { "text": { "alias": "text"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "href": { "alias": "href"; "required": false; }; "target": { "alias": "target"; "required": false; }; "design": { "alias": "design"; "required": false; }; "unselectable": { "alias": "unselectable"; "required": false; }; "accessibilityAttributes": { "alias": "accessibilityAttributes"; "required": false; }; }, { "ui5Click": "ui5Click"; }, never, ["*"], true, never>;
+    static ngAcceptInputType_disabled: unknown;
+    static ngAcceptInputType_selected: unknown;
+    static ngAcceptInputType_unselectable: unknown;
+}
+
+export { SideNavigationSubItemComponent };