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

package/main/link/index.d.ts

@@ -0,0 +1,124 @@
+import * as i0 from '@angular/core';
+import { EventEmitter } from '@angular/core';
+import Link, { LinkAccessibilityAttributes, LinkClickEventDetail } from '@ui5/webcomponents/dist/Link.js';
+
+declare class LinkComponent {
+    /**
+          Defines whether the component is disabled.
+  
+  **Note:** When disabled, the click event cannot be triggered by the user.
+          */
+    disabled: boolean;
+    /**
+          Defines the tooltip of the component.
+          */
+    tooltip: string | undefined;
+    /**
+          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 component design.
+  
+  **Note:** Avaialble options are `Default`, `Subtle`, and `Emphasized`.
+          */
+    design: 'Default' | 'Subtle' | 'Emphasized';
+    /**
+          Defines the target area size of the link:
+  - **InteractiveAreaSize.Normal**: The default target area size.
+  - **InteractiveAreaSize.Large**: The target area size is enlarged to 24px in height.
+  
+  **Note:**The property is designed to make links easier to activate and helps meet the WCAG 2.2 Target Size requirement. It is applicable only for the SAP Horizon themes.
+  **Note:**To improve <code>ui5-link</code>'s reliability and usability, it is recommended to use the <code>InteractiveAreaSize.Large</code> value in scenarios where the <code>ui5-link</code> component is placed inside another interactive component, such as a list item or a table cell.
+  Setting the <code>interactiveAreaSize</code> property to <code>InteractiveAreaSize.Large</code> increases the <code>ui5-link</code>'s invisible touch area. As a result, the user's intended one-time selection command is more likely to activate the desired <code>ui5-link</code>, with minimal chance of unintentionally activating the underlying component.
+          */
+    interactiveAreaSize: 'Normal' | 'Large';
+    /**
+          Defines how the text of a component will be displayed when there is not enough space.
+  
+  **Note:** By default the text will wrap. If "None" is set - the text will truncate.
+          */
+    wrappingType: 'None' | 'Normal';
+    /**
+          Defines the accessible ARIA name of the component.
+          */
+    accessibleName: string | undefined;
+    /**
+          Receives id(or many ids) of the elements that label the input
+          */
+    accessibleNameRef: string | undefined;
+    /**
+          Defines the ARIA role of the component.
+  
+  **Note:** Use the <code>LinkAccessibleRole.Button</code> role in cases when navigation is not expected to occur and the href property is not defined.
+          */
+    accessibleRole: 'Link' | 'Button';
+    /**
+          Defines the additional accessibility attributes that will be applied to the component.
+  The following fields are supported:
+  
+  - **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`.
+          */
+    accessibilityAttributes: LinkAccessibilityAttributes;
+    /**
+          Defines the accessible description of the component.
+          */
+    accessibleDescription: string | undefined;
+    /**
+          Defines the icon, displayed as graphical element within the component before the link's text.
+  The SAP-icons font provides numerous options.
+  
+  **Note:** Usage of icon-only link is not supported, the link must always have a text.
+  
+  **Note:** We recommend using аn icon in the beginning or the end only, and with text.
+  
+  See all the available icons within the [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).
+          */
+    icon: string | undefined;
+    /**
+          Defines the icon, displayed as graphical element within the component after the link's text.
+  The SAP-icons font provides numerous options.
+  
+  **Note:** Usage of icon-only link is not supported, the link must always have a text.
+  
+  **Note:** We recommend using аn icon in the beginning or the end only, and with text.
+  
+  See all the available icons within the [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).
+          */
+    endIcon: string | undefined;
+    /**
+       Fired when the component is triggered either with a mouse/tap
+  or by using the Enter key.
+      */
+    ui5Click: EventEmitter<LinkClickEventDetail>;
+    private elementRef;
+    private zone;
+    private cdr;
+    get element(): Link;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<LinkComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LinkComponent, "ui5-link", ["ui5Link"], { "disabled": { "alias": "disabled"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; "href": { "alias": "href"; "required": false; }; "target": { "alias": "target"; "required": false; }; "design": { "alias": "design"; "required": false; }; "interactiveAreaSize": { "alias": "interactiveAreaSize"; "required": false; }; "wrappingType": { "alias": "wrappingType"; "required": false; }; "accessibleName": { "alias": "accessibleName"; "required": false; }; "accessibleNameRef": { "alias": "accessibleNameRef"; "required": false; }; "accessibleRole": { "alias": "accessibleRole"; "required": false; }; "accessibilityAttributes": { "alias": "accessibilityAttributes"; "required": false; }; "accessibleDescription": { "alias": "accessibleDescription"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "endIcon": { "alias": "endIcon"; "required": false; }; }, { "ui5Click": "ui5Click"; }, never, ["*"], true, never>;
+    static ngAcceptInputType_disabled: unknown;
+}
+
+export { LinkComponent };

package/main/list/index.d.ts

@@ -0,0 +1,157 @@
+import * as i0 from '@angular/core';
+import { EventEmitter } from '@angular/core';
+import List, { ListAccessibilityAttributes, ListItemClickEventDetail, ListItemCloseEventDetail, ListItemToggleEventDetail, ListItemDeleteEventDetail, ListSelectionChangeEventDetail, ListMoveEventDetail } from '@ui5/webcomponents/dist/List.js';
+
+declare class ListComponent {
+    /**
+          Defines the component header text.
+  
+  **Note:** If `header` is set this property is ignored.
+          */
+    headerText: string | undefined;
+    /**
+          Defines the footer text.
+          */
+    footerText: string | undefined;
+    /**
+          Determines whether the component is indented.
+          */
+    indent: boolean;
+    /**
+          Defines the selection mode of the component.
+          */
+    selectionMode: 'None' | 'Single' | 'SingleStart' | 'SingleEnd' | 'SingleAuto' | 'Multiple' | 'Delete';
+    /**
+          Defines the text that is displayed when the component contains no items.
+          */
+    noDataText: string | undefined;
+    /**
+          Defines the item separator style that is used.
+          */
+    separators: 'All' | 'Inner' | 'None';
+    /**
+          Defines whether the component will have growing capability either by pressing a `More` button,
+  or via user scroll. In both cases `load-more` event is fired.
+  
+  **Restrictions:** `growing="Scroll"` is not supported for Internet Explorer,
+  on IE the component will fallback to `growing="Button"`.
+          */
+    growing: 'Button' | 'Scroll' | 'None';
+    /**
+          Defines the text that will be displayed inside the growing button.
+  
+  **Note:** If not specified a built-in text will be displayed.
+  
+  **Note:** This property takes effect if the `growing` property is set to the `Button`.
+          */
+    growingButtonText: string | undefined;
+    /**
+          Defines if the component would display a loading indicator over the list.
+          */
+    loading: boolean;
+    /**
+          Defines the delay in milliseconds, after which the loading indicator will show up for this component.
+          */
+    loadingDelay: number;
+    /**
+          Defines the accessible name of the component.
+          */
+    accessibleName: string | undefined;
+    /**
+          Defines additional accessibility attributes on different areas of the component.
+  
+  The accessibilityAttributes object has the following field:
+  
+   - **growingButton**: `growingButton.name`, `growingButton.description`.
+  
+   The accessibility attributes support the following values:
+  
+  - **name**: Defines the accessible ARIA name of the growing button.
+  Accepts any string.
+  
+  - **description**: Defines the accessible ARIA description of the growing button.
+  Accepts any string.
+  
+   **Note:** The `accessibilityAttributes` property is in an experimental state and is a subject to change.
+          */
+    accessibilityAttributes: ListAccessibilityAttributes;
+    /**
+          Defines the IDs of the elements that label the component.
+          */
+    accessibleNameRef: string | undefined;
+    /**
+          Defines the accessible description of the component.
+          */
+    accessibleDescription: string | undefined;
+    /**
+          Defines the IDs of the elements that describe the component.
+          */
+    accessibleDescriptionRef: string | undefined;
+    /**
+          Defines the accessible role of the component.
+          */
+    accessibleRole: 'List' | 'Menu' | 'Tree' | 'ListBox';
+    /**
+       Fired when an item is activated, unless the item's `type` property
+  is set to `Inactive`.
+  
+  **Note**: This event is not triggered by interactions with selection components such as the checkboxes and radio buttons,
+  associated with non-default `selectionMode` values, or if any other **interactive** component
+  (such as a button or input) within the list item is directly clicked.
+      */
+    ui5ItemClick: EventEmitter<ListItemClickEventDetail>;
+    /**
+       Fired when the `Close` button of any item is clicked
+  
+  **Note:** This event is only applicable to list items that can be closed (such as notification list items),
+  not to be confused with `item-delete`.
+      */
+    ui5ItemClose: EventEmitter<ListItemCloseEventDetail>;
+    /**
+       Fired when the `Toggle` button of any item is clicked.
+  
+  **Note:** This event is only applicable to list items that can be toggled (such as notification group list items).
+      */
+    ui5ItemToggle: EventEmitter<ListItemToggleEventDetail>;
+    /**
+       Fired when the Delete button of any item is pressed.
+  
+  **Note:** A Delete button is displayed on each item,
+  when the component `selectionMode` property is set to `Delete`.
+      */
+    ui5ItemDelete: EventEmitter<ListItemDeleteEventDetail>;
+    /**
+       Fired when selection is changed by user interaction
+  in `Single`, `SingleStart`, `SingleEnd` and `Multiple` selection modes.
+      */
+    ui5SelectionChange: EventEmitter<ListSelectionChangeEventDetail>;
+    /**
+       Fired when the user scrolls to the bottom of the list.
+  
+  **Note:** The event is fired when the `growing='Scroll'` property is enabled.
+      */
+    ui5LoadMore: EventEmitter<void>;
+    /**
+       Fired when a movable list item is moved over a potential drop target during a dragging operation.
+  
+  If the new position is valid, prevent the default action of the event using `preventDefault()`.
+      */
+    ui5MoveOver: EventEmitter<ListMoveEventDetail>;
+    /**
+       Fired when a movable list item is dropped onto a drop target.
+  
+  **Note:** `move` event is fired only if there was a preceding `move-over` with prevented default action.
+      */
+    ui5Move: EventEmitter<ListMoveEventDetail>;
+    private elementRef;
+    private zone;
+    private cdr;
+    get element(): List;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<ListComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ListComponent, "ui5-list", ["ui5List"], { "headerText": { "alias": "headerText"; "required": false; }; "footerText": { "alias": "footerText"; "required": false; }; "indent": { "alias": "indent"; "required": false; }; "selectionMode": { "alias": "selectionMode"; "required": false; }; "noDataText": { "alias": "noDataText"; "required": false; }; "separators": { "alias": "separators"; "required": false; }; "growing": { "alias": "growing"; "required": false; }; "growingButtonText": { "alias": "growingButtonText"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "loadingDelay": { "alias": "loadingDelay"; "required": false; }; "accessibleName": { "alias": "accessibleName"; "required": false; }; "accessibilityAttributes": { "alias": "accessibilityAttributes"; "required": false; }; "accessibleNameRef": { "alias": "accessibleNameRef"; "required": false; }; "accessibleDescription": { "alias": "accessibleDescription"; "required": false; }; "accessibleDescriptionRef": { "alias": "accessibleDescriptionRef"; "required": false; }; "accessibleRole": { "alias": "accessibleRole"; "required": false; }; }, { "ui5ItemClick": "ui5ItemClick"; "ui5ItemClose": "ui5ItemClose"; "ui5ItemToggle": "ui5ItemToggle"; "ui5ItemDelete": "ui5ItemDelete"; "ui5SelectionChange": "ui5SelectionChange"; "ui5LoadMore": "ui5LoadMore"; "ui5MoveOver": "ui5MoveOver"; "ui5Move": "ui5Move"; }, never, ["*"], true, never>;
+    static ngAcceptInputType_indent: unknown;
+    static ngAcceptInputType_loading: unknown;
+}
+
+export { ListComponent };

package/main/list-item-custom/index.d.ts

@@ -0,0 +1,70 @@
+import * as i0 from '@angular/core';
+import { EventEmitter } from '@angular/core';
+import { ListItemAccessibilityAttributes } from '@ui5/webcomponents/dist/ListItem.js';
+import ListItemCustom from '@ui5/webcomponents/dist/ListItemCustom.js';
+
+declare class ListItemCustomComponent {
+    /**
+          Defines the visual indication and behavior of the list items.
+  Available options are `Active` (by default), `Inactive`, `Detail` and `Navigation`.
+  
+  **Note:** When set to `Active` or `Navigation`, the item will provide visual response upon press and hover,
+  while with type `Inactive` and `Detail` - will not.
+          */
+    type: 'Inactive' | 'Active' | 'Detail' | 'Navigation';
+    /**
+          Defines the additional accessibility attributes that will be applied to the component.
+  The following fields are supported:
+  
+  - **ariaSetsize**: Defines the number of items in the current set  when not all items in the set are present in the DOM.
+  **Note:** The value is an integer reflecting the number of items in the complete set. If the size of the entire set is unknown, set `-1`.
+  
+      - **ariaPosinset**: Defines an element's number or position in the current set when not all items are present in the DOM.
+      **Note:** The value is an integer greater than or equal to 1, and less than or equal to the size of the set when that size is known.
+          */
+    accessibilityAttributes: ListItemAccessibilityAttributes;
+    /**
+          The navigated state of the list item.
+  If set to `true`, a navigation indicator is displayed at the end of the list item.
+          */
+    navigated: boolean;
+    /**
+          Defines the text of the tooltip that would be displayed for the list item.
+          */
+    tooltip: string | undefined;
+    /**
+          Defines the highlight state of the list items.
+  Available options are: `"None"` (by default), `"Positive"`, `"Critical"`, `"Information"` and `"Negative"`.
+          */
+    highlight: 'None' | 'Positive' | 'Critical' | 'Negative' | 'Information';
+    /**
+          Defines the selected state of the component.
+          */
+    selected: boolean;
+    /**
+          Defines whether the item is movable.
+          */
+    movable: boolean;
+    /**
+          Defines the text alternative of the component.
+  
+  **Note**: If not provided a default text alternative will be set, if present.
+          */
+    accessibleName: string | undefined;
+    /**
+       Fired when the user clicks on the detail button when type is `Detail`.
+      */
+    ui5DetailClick: EventEmitter<void>;
+    private elementRef;
+    private zone;
+    private cdr;
+    get element(): ListItemCustom;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<ListItemCustomComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ListItemCustomComponent, "ui5-li-custom", ["ui5LiCustom"], { "type": { "alias": "type"; "required": false; }; "accessibilityAttributes": { "alias": "accessibilityAttributes"; "required": false; }; "navigated": { "alias": "navigated"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; "highlight": { "alias": "highlight"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "movable": { "alias": "movable"; "required": false; }; "accessibleName": { "alias": "accessibleName"; "required": false; }; }, { "ui5DetailClick": "ui5DetailClick"; }, never, ["*"], true, never>;
+    static ngAcceptInputType_navigated: unknown;
+    static ngAcceptInputType_selected: unknown;
+    static ngAcceptInputType_movable: unknown;
+}
+
+export { ListItemCustomComponent };

package/main/list-item-group/index.d.ts

@@ -0,0 +1,49 @@
+import * as i0 from '@angular/core';
+import { EventEmitter } from '@angular/core';
+import ListItemGroup, { ListItemGroupMoveEventDetail } from '@ui5/webcomponents/dist/ListItemGroup.js';
+
+declare class ListItemGroupComponent {
+    /**
+          Defines the header text of the <code>ui5-li-group</code>.
+          */
+    headerText: string | undefined;
+    /**
+          Defines the accessible name of the header.
+          */
+    headerAccessibleName: string | undefined;
+    /**
+          Defines if the text of the component should wrap when it's too long.
+  When set to "Normal", the content (title, description) will be wrapped
+  using the `ui5-expandable-text` component.<br/>
+  
+  The text can wrap up to 100 characters on small screens (size S) and
+  up to 300 characters on larger screens (size M and above). When text exceeds
+  these limits, it truncates with an ellipsis followed by a text expansion trigger.
+  
+  Available options are:
+  - `None` (default) - The text will truncate with an ellipsis.
+  - `Normal` - The text will wrap (without truncation).
+          */
+    wrappingType: 'None' | 'Normal';
+    /**
+       Fired when a movable list item is moved over a potential drop target during a dragging operation.
+  
+  If the new position is valid, prevent the default action of the event using `preventDefault()`.
+      */
+    ui5MoveOver: EventEmitter<ListItemGroupMoveEventDetail>;
+    /**
+       Fired when a movable list item is dropped onto a drop target.
+  
+  **Note:** `move` event is fired only if there was a preceding `move-over` with prevented default action.
+      */
+    ui5Move: EventEmitter<ListItemGroupMoveEventDetail>;
+    private elementRef;
+    private zone;
+    private cdr;
+    get element(): ListItemGroup;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<ListItemGroupComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ListItemGroupComponent, "ui5-li-group", ["ui5LiGroup"], { "headerText": { "alias": "headerText"; "required": false; }; "headerAccessibleName": { "alias": "headerAccessibleName"; "required": false; }; "wrappingType": { "alias": "wrappingType"; "required": false; }; }, { "ui5MoveOver": "ui5MoveOver"; "ui5Move": "ui5Move"; }, never, ["*"], true, never>;
+}
+
+export { ListItemGroupComponent };

package/main/list-item-standard/index.d.ts

@@ -0,0 +1,114 @@
+import * as i0 from '@angular/core';
+import { EventEmitter } from '@angular/core';
+import { ListItemAccessibilityAttributes } from '@ui5/webcomponents/dist/ListItem.js';
+import ListItemStandard from '@ui5/webcomponents/dist/ListItemStandard.js';
+
+declare class ListItemStandardComponent {
+    /**
+          Defines the visual indication and behavior of the list items.
+  Available options are `Active` (by default), `Inactive`, `Detail` and `Navigation`.
+  
+  **Note:** When set to `Active` or `Navigation`, the item will provide visual response upon press and hover,
+  while with type `Inactive` and `Detail` - will not.
+          */
+    type: 'Inactive' | 'Active' | 'Detail' | 'Navigation';
+    /**
+          Defines the additional accessibility attributes that will be applied to the component.
+  The following fields are supported:
+  
+  - **ariaSetsize**: Defines the number of items in the current set  when not all items in the set are present in the DOM.
+  **Note:** The value is an integer reflecting the number of items in the complete set. If the size of the entire set is unknown, set `-1`.
+  
+      - **ariaPosinset**: Defines an element's number or position in the current set when not all items are present in the DOM.
+      **Note:** The value is an integer greater than or equal to 1, and less than or equal to the size of the set when that size is known.
+          */
+    accessibilityAttributes: ListItemAccessibilityAttributes;
+    /**
+          The navigated state of the list item.
+  If set to `true`, a navigation indicator is displayed at the end of the list item.
+          */
+    navigated: boolean;
+    /**
+          Defines the text of the tooltip that would be displayed for the list item.
+          */
+    tooltip: string | undefined;
+    /**
+          Defines the highlight state of the list items.
+  Available options are: `"None"` (by default), `"Positive"`, `"Critical"`, `"Information"` and `"Negative"`.
+          */
+    highlight: 'None' | 'Positive' | 'Critical' | 'Negative' | 'Information';
+    /**
+          Defines the selected state of the component.
+          */
+    selected: boolean;
+    /**
+          Defines the text of the component.
+          */
+    text: string | undefined;
+    /**
+          Defines the description displayed right under the item text, if such is present.
+          */
+    description: string | undefined;
+    /**
+          Defines the `icon` source URI.
+  
+  **Note:**
+  SAP-icons font provides numerous built-in icons. To find all the available icons, see the
+  [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).
+          */
+    icon: string | undefined;
+    /**
+          Defines whether the `icon` should be displayed in the beginning of the list item or in the end.
+          */
+    iconEnd: boolean;
+    /**
+          Defines the `additionalText`, displayed in the end of the list item.
+          */
+    additionalText: string | undefined;
+    /**
+          Defines the state of the `additionalText`.
+  
+  Available options are: `"None"` (by default), `"Positive"`, `"Critical"`, `"Information"` and `"Negative"`.
+          */
+    additionalTextState: 'None' | 'Positive' | 'Critical' | 'Negative' | 'Information';
+    /**
+          Defines whether the item is movable.
+          */
+    movable: boolean;
+    /**
+          Defines the text alternative of the component.
+  Note: If not provided a default text alternative will be set, if present.
+          */
+    accessibleName: string | undefined;
+    /**
+          Defines if the text of the component should wrap when it's too long.
+  When set to "Normal", the content (title, description) will be wrapped
+  using the `ui5-expandable-text` component.<br/>
+  
+  The text can wrap up to 100 characters on small screens (size S) and
+  up to 300 characters on larger screens (size M and above). When text exceeds
+  these limits, it truncates with an ellipsis followed by a text expansion trigger.
+  
+  Available options are:
+  - `None` (default) - The text will truncate with an ellipsis.
+  - `Normal` - The text will wrap (without truncation).
+          */
+    wrappingType: 'None' | 'Normal';
+    /**
+       Fired when the user clicks on the detail button when type is `Detail`.
+      */
+    ui5DetailClick: EventEmitter<void>;
+    private elementRef;
+    private zone;
+    private cdr;
+    get element(): ListItemStandard;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<ListItemStandardComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ListItemStandardComponent, "ui5-li", ["ui5Li"], { "type": { "alias": "type"; "required": false; }; "accessibilityAttributes": { "alias": "accessibilityAttributes"; "required": false; }; "navigated": { "alias": "navigated"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; "highlight": { "alias": "highlight"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "text": { "alias": "text"; "required": false; }; "description": { "alias": "description"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconEnd": { "alias": "iconEnd"; "required": false; }; "additionalText": { "alias": "additionalText"; "required": false; }; "additionalTextState": { "alias": "additionalTextState"; "required": false; }; "movable": { "alias": "movable"; "required": false; }; "accessibleName": { "alias": "accessibleName"; "required": false; }; "wrappingType": { "alias": "wrappingType"; "required": false; }; }, { "ui5DetailClick": "ui5DetailClick"; }, never, ["*"], true, never>;
+    static ngAcceptInputType_navigated: unknown;
+    static ngAcceptInputType_selected: unknown;
+    static ngAcceptInputType_iconEnd: unknown;
+    static ngAcceptInputType_movable: unknown;
+}
+
+export { ListItemStandardComponent };

package/main/menu/index.d.ts

@@ -0,0 +1,71 @@
+import * as i0 from '@angular/core';
+import { EventEmitter } from '@angular/core';
+import Menu, { MenuItemClickEventDetail, MenuBeforeOpenEventDetail, MenuBeforeCloseEventDetail } from '@ui5/webcomponents/dist/Menu.js';
+
+declare class MenuComponent {
+    /**
+          Defines the header text of the menu (displayed on mobile).
+          */
+    headerText: string | undefined;
+    /**
+          Indicates if the menu is open.
+          */
+    open: boolean;
+    /**
+          Determines on which side the component is placed at.
+          */
+    placement: 'Start' | 'End' | 'Top' | 'Bottom';
+    /**
+          Determines the horizontal alignment of the menu relative to its opener control.
+          */
+    horizontalAlign: 'Center' | 'Start' | 'End' | 'Stretch';
+    /**
+          Defines if a loading indicator would be displayed inside the corresponding ui5-menu popover.
+          */
+    loading: boolean;
+    /**
+          Defines the delay in milliseconds, after which the loading indicator will be displayed inside the corresponding ui5-menu popover.
+          */
+    loadingDelay: number;
+    /**
+          Defines the ID or DOM Reference of the element at which the menu is shown.
+  When using this attribute in a declarative way, you must only use the `id` (as a string) of the element at which you want to show the popover.
+  You can only set the `opener` attribute to a DOM Reference when using JavaScript.
+          */
+    opener: HTMLElement | string | null | undefined;
+    /**
+       Fired when an item is being clicked.
+  
+  **Note:** Since 1.17.0 the event is preventable, allowing the menu to remain open after an item is pressed.
+      */
+    ui5ItemClick: EventEmitter<MenuItemClickEventDetail>;
+    /**
+       Fired before the menu is opened. This event can be cancelled, which will prevent the menu from opening.
+  
+  **Note:** Since 1.14.0 the event is also fired before a sub-menu opens.
+      */
+    ui5BeforeOpen: EventEmitter<MenuBeforeOpenEventDetail>;
+    /**
+       Fired after the menu is opened.
+      */
+    ui5Open: EventEmitter<void>;
+    /**
+       Fired before the menu is closed. This event can be cancelled, which will prevent the menu from closing.
+      */
+    ui5BeforeClose: EventEmitter<MenuBeforeCloseEventDetail>;
+    /**
+       Fired after the menu is closed.
+      */
+    ui5Close: EventEmitter<void>;
+    private elementRef;
+    private zone;
+    private cdr;
+    get element(): Menu;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<MenuComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MenuComponent, "ui5-menu", ["ui5Menu"], { "headerText": { "alias": "headerText"; "required": false; }; "open": { "alias": "open"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "horizontalAlign": { "alias": "horizontalAlign"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "loadingDelay": { "alias": "loadingDelay"; "required": false; }; "opener": { "alias": "opener"; "required": false; }; }, { "ui5ItemClick": "ui5ItemClick"; "ui5BeforeOpen": "ui5BeforeOpen"; "ui5Open": "ui5Open"; "ui5BeforeClose": "ui5BeforeClose"; "ui5Close": "ui5Close"; }, never, ["*"], true, never>;
+    static ngAcceptInputType_open: unknown;
+    static ngAcceptInputType_loading: unknown;
+}
+
+export { MenuComponent };