@fundamental-ngx/ui5-webcomponents 0.58.4 → 0.58.6

package/avatar/index.d.ts

@@ -0,0 +1,136 @@
+import * as _angular_core from '@angular/core';
+import { AfterViewInit, ElementRef, Injector } from '@angular/core';
+import _Avatar, { AvatarAccessibilityAttributes } from '@ui5/webcomponents/dist/Avatar.js';
+export { AvatarAccessibilityAttributes } from '@ui5/webcomponents/dist/Avatar.js';
+import { UI5CustomEvent } from '@ui5/webcomponents-base';
+
+declare class Avatar implements AfterViewInit {
+    /**
+     * Defines whether the component is disabled.
+  A disabled component can't be pressed or
+  focused, and it is not in the tab chain.
+     */
+    disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Defines if the avatar is interactive (focusable and pressable).
+  
+  **Note:** This property won't have effect if the `disabled`
+  property is set to `true`.
+     */
+    interactive: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Defines the name of the UI5 Icon, that will be displayed.
+  
+  **Note:** If `image` slot is provided, the property will be ignored.
+  
+  **Note:** You should import the desired icon first, then use its name as "icon".
+  
+  `import "@ui5/webcomponents-icons/dist/{icon_name}.js"`
+  
+  `<ui5-avatar icon="employee">`
+  
+  **Note:** If no icon or an empty one is provided, by default the "employee" icon should be displayed.
+  
+  See all the available icons in the [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).
+     */
+    icon: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Defines the name of the fallback icon, which should be displayed in the following cases:
+  
+      - If the initials are not valid (more than 3 letters, unsupported languages or empty initials).
+      - If there are three initials and they do not fit in the shape (e.g. WWW for some of the sizes).
+      - If the image src is wrong.
+  
+  **Note:** If not set, a default fallback icon "employee" is displayed.
+  
+  **Note:** You should import the desired icon first, then use its name as "fallback-icon".
+  
+  `import "@ui5/webcomponents-icons/dist/{icon_name}.js"`
+  
+  `<ui5-avatar fallback-icon="alert">`
+  
+  See all the available icons in the [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).
+     */
+    fallbackIcon: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Defines the displayed initials.
+  
+  Up to three Latin letters can be displayed as initials.
+     */
+    initials: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Defines the shape of the component.
+     */
+    shape: _angular_core.InputSignal<"Circle" | "Square" | undefined>;
+    /**
+     * Defines predefined size of the component.
+     */
+    size: _angular_core.InputSignal<"XS" | "S" | "M" | "L" | "XL" | undefined>;
+    /**
+     * Defines the background color of the desired image.
+  If `colorScheme` is set to `Auto`, the avatar will be displayed with the `Accent6` color.
+     */
+    colorScheme: _angular_core.InputSignal<"Auto" | "Accent1" | "Accent2" | "Accent3" | "Accent4" | "Accent5" | "Accent6" | "Accent7" | "Accent8" | "Accent9" | "Accent10" | "Placeholder" | "Transparent" | 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>;
+    /**
+     * Defines the additional accessibility attributes that will be applied to the component.
+  The following field is 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`.
+     */
+    accessibilityAttributes: _angular_core.InputSignal<AvatarAccessibilityAttributes | undefined>;
+    /**
+     * Fired on mouseup, space and enter if avatar is interactive
+  
+  **Note:** The event will not be fired if the `disabled`
+  property is set to `true`.
+     */
+    ui5Click: _angular_core.OutputEmitterRef<UI5CustomEvent<_Avatar, "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)**: Receives the desired `<img>` tag
+  
+  **Note:** If you experience flickering of the provided image, you can hide the component until it is defined with the following CSS:<br/>
+  `ui5-avatar:not(:defined) {`<br/>
+  &nbsp;&nbsp;&nbsp;&nbsp;`visibility: hidden;`<br/>
+  `}`
+     * - **badge**: Defines the optional badge that will be used for visual affordance.
+  
+  **Note:** While the slot allows for custom badges, to achieve
+  the Fiori design, you can use the `ui5-tag` with `ui5-icon`
+  in the corresponding `icon` slot, without text nodes.
+     *
+     * @example
+     * ```html
+     * <ui5-avatar>
+     *   <div slot="header">Custom header content</div>
+     *   <p>Default slot content</p>
+     * </ui5-avatar>
+     * ```
+     *
+     * @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<_Avatar>;
+    injector: Injector;
+    get element(): _Avatar;
+    ngAfterViewInit(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Avatar, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Avatar, "ui5-avatar, [ui5-avatar]", ["ui5Avatar"], { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "interactive": { "alias": "interactive"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "fallbackIcon": { "alias": "fallbackIcon"; "required": false; "isSignal": true; }; "initials": { "alias": "initials"; "required": false; "isSignal": true; }; "shape": { "alias": "shape"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "colorScheme": { "alias": "colorScheme"; "required": false; "isSignal": true; }; "accessibleName": { "alias": "accessibleName"; "required": false; "isSignal": true; }; "accessibilityAttributes": { "alias": "accessibilityAttributes"; "required": false; "isSignal": true; }; }, { "ui5Click": "ui5Click"; }, never, ["*"], true, never>;
+}
+
+export { Avatar };

package/avatar-group/index.d.ts

@@ -0,0 +1,97 @@
+import * as _angular_core from '@angular/core';
+import { AfterViewInit, ElementRef, Injector } from '@angular/core';
+import _AvatarGroup, { AvatarGroupAccessibilityAttributes, IAvatarGroupItem } from '@ui5/webcomponents/dist/AvatarGroup.js';
+export { AvatarGroupAccessibilityAttributes, IAvatarGroupItem } from '@ui5/webcomponents/dist/AvatarGroup.js';
+import { UI5CustomEvent } from '@ui5/webcomponents-base';
+import AvatarColorScheme from '@ui5/webcomponents/dist/types/AvatarColorScheme.js';
+
+declare class AvatarGroup implements AfterViewInit {
+    /**
+     * Defines the mode of the `AvatarGroup`.
+     */
+    type: _angular_core.InputSignal<"Group" | "Individual" | undefined>;
+    /**
+     * Defines the additional accessibility attributes that will be applied to the component.
+  The following field is 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`.
+     */
+    accessibilityAttributes: _angular_core.InputSignal<AvatarGroupAccessibilityAttributes | undefined>;
+    /**
+     * Defines the accessible name of the AvatarGroup.
+  When provided, this will override the default aria-label text.
+     */
+    accessibleName: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Receives id(s) of the elements that describe the AvatarGroup.
+  When provided, this will be used as aria-labelledby instead of aria-label.
+     */
+    accessibleNameRef: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Returns an array containing the `ui5-avatar` instances that are currently not displayed due to lack of space.
+     * @readonly This property is managed by the web component.
+     */
+    get hiddenItems(): Array<IAvatarGroupItem>;
+    /**
+     * Returns an array containing the `AvatarColorScheme` values that correspond to the avatars in the component.
+     * @readonly This property is managed by the web component.
+     */
+    get colorScheme(): Array<AvatarColorScheme>;
+    /**
+     * Fired when the component is activated either with a
+  click/tap or by using the Enter or Space key.
+     */
+    ui5Click: _angular_core.OutputEmitterRef<UI5CustomEvent<_AvatarGroup, "click">>;
+    /**
+     * Fired when the count of visible `ui5-avatar` elements in the
+  component has changed
+     */
+    ui5Overflow: _angular_core.OutputEmitterRef<UI5CustomEvent<_AvatarGroup, "overflow">>;
+    /**
+     * 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 items of the component. Use the `ui5-avatar` component as an item.
+  
+  **Note:** The UX guidelines recommends using avatars with "Circle" shape.
+  
+  Moreover, if you use avatars with "Square" shape, there will be visual inconsistency
+  as the built-in overflow action has "Circle" shape.
+     * - **overflowButton**: Defines the overflow button of the component.
+  
+  **Note:** We recommend using the `ui5-button` component.
+  
+  **Note:** If this slot is not used, the component will display the built-in overflow button.
+     *
+     * @example
+     * ```html
+     * <ui5-avatar-group>
+     *   <div slot="header">Custom header content</div>
+     *   <p>Default slot content</p>
+     * </ui5-avatar-group>
+     * ```
+     *
+     * @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<_AvatarGroup>;
+    injector: Injector;
+    get element(): _AvatarGroup;
+    ngAfterViewInit(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AvatarGroup, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AvatarGroup, "ui5-avatar-group, [ui5-avatar-group]", ["ui5AvatarGroup"], { "type": { "alias": "type"; "required": false; "isSignal": true; }; "accessibilityAttributes": { "alias": "accessibilityAttributes"; "required": false; "isSignal": true; }; "accessibleName": { "alias": "accessibleName"; "required": false; "isSignal": true; }; "accessibleNameRef": { "alias": "accessibleNameRef"; "required": false; "isSignal": true; }; }, { "ui5Click": "ui5Click"; "ui5Overflow": "ui5Overflow"; }, never, ["*"], true, never>;
+}
+
+export { AvatarGroup };

package/bar/index.d.ts

@@ -0,0 +1,61 @@
+import * as _angular_core from '@angular/core';
+import { AfterViewInit, ElementRef, Injector } from '@angular/core';
+import _Bar from '@ui5/webcomponents/dist/Bar.js';
+
+declare class Bar implements AfterViewInit {
+    /**
+     * Defines the component's design.
+     */
+    design: _angular_core.InputSignal<"Header" | "Subheader" | "Footer" | "FloatingFooter" | undefined>;
+    /**
+     * Specifies the ARIA role applied to the component for accessibility purposes.
+  
+  **Note:**
+  
+  - Set accessibleRole to "toolbar" only when the component contains two or more active, interactive elements (such as buttons, links, or input fields) within the bar.
+  
+  - If there is only one or no active element, it is recommended to avoid using the "toolbar" role, as it implies a grouping of multiple interactive controls.
+     */
+    accessibleRole: _angular_core.InputSignal<"Toolbar" | "None" | undefined>;
+    /**
+     * Defines the accessible ARIA name of the component.
+     */
+    accessibleName: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Receives id(or many ids) of the elements that label the bar.
+     */
+    accessibleNameRef: _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.
+     *
+     * - **startContent**: Defines the content at the start of the bar.
+     * - **(default)**: Defines the content in the middle of the bar.
+     * - **endContent**: Defines the content at the end of the bar.
+     *
+     * @example
+     * ```html
+     * <ui5-bar>
+     *   <div slot="header">Custom header content</div>
+     *   <p>Default slot content</p>
+     * </ui5-bar>
+     * ```
+     *
+     * @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<_Bar>;
+    injector: Injector;
+    get element(): _Bar;
+    ngAfterViewInit(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Bar, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Bar, "ui5-bar, [ui5-bar]", ["ui5Bar"], { "design": { "alias": "design"; "required": false; "isSignal": true; }; "accessibleRole": { "alias": "accessibleRole"; "required": false; "isSignal": true; }; "accessibleName": { "alias": "accessibleName"; "required": false; "isSignal": true; }; "accessibleNameRef": { "alias": "accessibleNameRef"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+export { Bar };

package/breadcrumbs/index.d.ts

@@ -0,0 +1,58 @@
+import * as _angular_core from '@angular/core';
+import { AfterViewInit, ElementRef, Injector } from '@angular/core';
+import _Breadcrumbs from '@ui5/webcomponents/dist/Breadcrumbs.js';
+import { UI5CustomEvent } from '@ui5/webcomponents-base';
+
+declare class Breadcrumbs implements AfterViewInit {
+    /**
+     * Defines the visual appearance of the last BreadcrumbsItem.
+  
+  The Breadcrumbs supports two visual appearances for the last BreadcrumbsItem:
+  - "Standard" - displaying the last item as "current page" (bold and without separator)
+  - "NoCurrentPage" - displaying the last item as a regular BreadcrumbsItem, followed by separator
+     */
+    design: _angular_core.InputSignal<"Standard" | "NoCurrentPage" | undefined>;
+    /**
+     * Determines the visual style of the separator between the breadcrumb items.
+     */
+    separators: _angular_core.InputSignal<"Slash" | "BackSlash" | "DoubleBackSlash" | "DoubleGreaterThan" | "DoubleSlash" | "GreaterThan" | undefined>;
+    /**
+     * Fires when a `BreadcrumbsItem` is clicked.
+  
+  **Note:** You can prevent browser location change by calling `event.preventDefault()`.
+     */
+    ui5ItemClick: _angular_core.OutputEmitterRef<UI5CustomEvent<_Breadcrumbs, "item-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:** Use the `ui5-breadcrumbs-item` component to define the desired items.
+     *
+     * @example
+     * ```html
+     * <ui5-breadcrumbs>
+     *   <div slot="header">Custom header content</div>
+     *   <p>Default slot content</p>
+     * </ui5-breadcrumbs>
+     * ```
+     *
+     * @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<_Breadcrumbs>;
+    injector: Injector;
+    get element(): _Breadcrumbs;
+    ngAfterViewInit(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Breadcrumbs, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Breadcrumbs, "ui5-breadcrumbs, [ui5-breadcrumbs]", ["ui5Breadcrumbs"], { "design": { "alias": "design"; "required": false; "isSignal": true; }; "separators": { "alias": "separators"; "required": false; "isSignal": true; }; }, { "ui5ItemClick": "ui5ItemClick"; }, never, ["*"], true, never>;
+}
+
+export { Breadcrumbs };

package/breadcrumbs-item/index.d.ts

@@ -0,0 +1,63 @@
+import * as _angular_core from '@angular/core';
+import { AfterViewInit, ElementRef, Injector } from '@angular/core';
+import _BreadcrumbsItem from '@ui5/webcomponents/dist/BreadcrumbsItem.js';
+
+declare class BreadcrumbsItem implements AfterViewInit {
+    /**
+     * Defines the link href.
+  
+  **Note:** Standard hyperlink behavior is supported.
+     */
+    href: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Defines the link target.
+  
+  Available options are:
+  
+  - `_self`
+  - `_top`
+  - `_blank`
+  - `_parent`
+  - `_search`
+  
+  **Note:** This property must only be used when the `href` property is set.
+     */
+    target: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Defines the accessible ARIA name of the item.
+     */
+    accessibleName: _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.
+     *
+     * - **(default)**: Defines the text of the component.
+  
+  **Note:** Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design.
+     *
+     * @example
+     * ```html
+     * <ui5-breadcrumbs-item>
+     *   <div slot="header">Custom header content</div>
+     *   <p>Default slot content</p>
+     * </ui5-breadcrumbs-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<_BreadcrumbsItem>;
+    injector: Injector;
+    get element(): _BreadcrumbsItem;
+    ngAfterViewInit(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BreadcrumbsItem, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<BreadcrumbsItem, "ui5-breadcrumbs-item, [ui5-breadcrumbs-item]", ["ui5BreadcrumbsItem"], { "href": { "alias": "href"; "required": false; "isSignal": true; }; "target": { "alias": "target"; "required": false; "isSignal": true; }; "accessibleName": { "alias": "accessibleName"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+export { BreadcrumbsItem };

package/busy-indicator/index.d.ts

@@ -0,0 +1,57 @@
+import * as _angular_core from '@angular/core';
+import { AfterViewInit, ElementRef, Injector } from '@angular/core';
+import _BusyIndicator from '@ui5/webcomponents/dist/BusyIndicator.js';
+
+declare class BusyIndicator implements AfterViewInit {
+    /**
+     * Defines text to be displayed below the component. It can be used to inform the user of the current operation.
+     */
+    text: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Defines the size of the component.
+     */
+    size: _angular_core.InputSignal<"S" | "M" | "L" | undefined>;
+    /**
+     * Defines if the busy indicator is visible on the screen. By default it is not.
+     */
+    active: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Defines the delay in milliseconds, after which the busy indicator will be visible on the screen.
+     */
+    delay: _angular_core.InputSignal<number | undefined>;
+    /**
+     * Defines the placement of the text.
+     */
+    textPlacement: _angular_core.InputSignal<"Top" | "Bottom" | 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)**: Determines the content over which the component will appear.
+     *
+     * @example
+     * ```html
+     * <ui5-busy-indicator>
+     *   <div slot="header">Custom header content</div>
+     *   <p>Default slot content</p>
+     * </ui5-busy-indicator>
+     * ```
+     *
+     * @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<_BusyIndicator>;
+    injector: Injector;
+    get element(): _BusyIndicator;
+    ngAfterViewInit(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BusyIndicator, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<BusyIndicator, "ui5-busy-indicator, [ui5-busy-indicator]", ["ui5BusyIndicator"], { "text": { "alias": "text"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "active": { "alias": "active"; "required": false; "isSignal": true; }; "delay": { "alias": "delay"; "required": false; "isSignal": true; }; "textPlacement": { "alias": "textPlacement"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+export { BusyIndicator };

package/button/index.d.ts

@@ -0,0 +1,149 @@
+import * as _angular_core from '@angular/core';
+import { AfterViewInit, ElementRef, Injector } from '@angular/core';
+import _Button, { ButtonAccessibilityAttributes } from '@ui5/webcomponents/dist/Button.js';
+export { ButtonAccessibilityAttributes } from '@ui5/webcomponents/dist/Button.js';
+import { UI5CustomEvent } from '@ui5/webcomponents-base';
+
+declare class Button implements AfterViewInit {
+    /**
+     * Defines the component design.
+     */
+    design: _angular_core.InputSignal<"Default" | "Positive" | "Negative" | "Transparent" | "Emphasized" | "Attention" | 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: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Defines the icon, displayed as graphical element within the component.
+  The SAP-icons font provides numerous options.
+  
+  Example:
+  See all the available icons within the [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).
+     */
+    icon: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Defines the icon, displayed as graphical element within the component after the button text.
+  
+  **Note:** It is highly recommended to use `endIcon` property only together with `icon` and/or `text` properties.
+  Usage of `endIcon` only should be avoided.
+  
+  The SAP-icons font provides numerous options.
+  
+  Example:
+  See all the available icons within the [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).
+     */
+    endIcon: _angular_core.InputSignal<string | undefined>;
+    /**
+     * When set to `true`, the component will
+  automatically submit the nearest HTML form element on `press`.
+  
+  **Note:** This property is only applicable within the context of an HTML Form element.`
+     */
+    submits: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Defines the tooltip of the component.
+  
+  **Note:** A tooltip attribute should be provided for icon-only buttons, in order to represent their exact meaning/function.
+     */
+    tooltip: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Defines the accessible ARIA name of the component.
+     */
+    accessibleName: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Receives id(or many ids) of the elements that label the component.
+     */
+    accessibleNameRef: _angular_core.InputSignal<string | undefined>;
+    /**
+     * 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`.
+  
+  - **ariaLabel**: Defines the accessible ARIA name of the component.
+  Accepts any string value.
+  
+   - **ariaKeyShortcuts**: Defines keyboard shortcuts that activate or give focus to the button.
+  
+  - **controls**: Identifies the element (or elements) whose contents or presence are controlled by the button element.
+  Accepts a lowercase string value.
+     */
+    accessibilityAttributes: _angular_core.InputSignal<ButtonAccessibilityAttributes | undefined>;
+    /**
+     * Defines the accessible description of the component.
+     */
+    accessibleDescription: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Defines whether the button has special form-related functionality.
+  
+  **Note:** This property is only applicable within the context of an HTML Form element.
+     */
+    type: _angular_core.InputSignal<"Button" | "Submit" | "Reset" | undefined>;
+    /**
+     * Describes the accessibility role of the button.
+  
+  **Note:** Use <code>ButtonAccessibleRole.Link</code> role only with a press handler, which performs a navigation. In all other scenarios the default button semantics are recommended.
+     */
+    accessibleRole: _angular_core.InputSignal<"Button" | "Link" | undefined>;
+    /**
+     * Defines whether the button shows a loading indicator.
+  
+  **Note:** If set to `true`, a busy indicator component will be displayed on the related button.
+     */
+    loading: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Specifies the delay in milliseconds before the loading indicator appears within the associated button.
+     */
+    loadingDelay: _angular_core.InputSignal<number | undefined>;
+    /**
+     * Fired when the component is activated either with a mouse/tap or by using the Enter or Space key.
+  
+  **Note:** The event will not be fired if the `disabled` property is set to `true`.
+     */
+    ui5Click: _angular_core.OutputEmitterRef<UI5CustomEvent<_Button, "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 text of the component.
+  
+  **Note:** Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design.
+     * - **badge**: Adds a badge to the button.
+     *
+     * @example
+     * ```html
+     * <ui5-button>
+     *   <div slot="header">Custom header content</div>
+     *   <p>Default slot content</p>
+     * </ui5-button>
+     * ```
+     *
+     * @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<_Button>;
+    injector: Injector;
+    get element(): _Button;
+    ngAfterViewInit(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Button, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Button, "ui5-button, [ui5-button]", ["ui5Button"], { "design": { "alias": "design"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "endIcon": { "alias": "endIcon"; "required": false; "isSignal": true; }; "submits": { "alias": "submits"; "required": false; "isSignal": true; }; "tooltip": { "alias": "tooltip"; "required": false; "isSignal": true; }; "accessibleName": { "alias": "accessibleName"; "required": false; "isSignal": true; }; "accessibleNameRef": { "alias": "accessibleNameRef"; "required": false; "isSignal": true; }; "accessibilityAttributes": { "alias": "accessibilityAttributes"; "required": false; "isSignal": true; }; "accessibleDescription": { "alias": "accessibleDescription"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "accessibleRole": { "alias": "accessibleRole"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "loadingDelay": { "alias": "loadingDelay"; "required": false; "isSignal": true; }; }, { "ui5Click": "ui5Click"; }, never, ["*"], true, never>;
+}
+
+export { Button };

package/button-badge/index.d.ts

@@ -0,0 +1,29 @@
+import * as _angular_core from '@angular/core';
+import { AfterViewInit, ElementRef, Injector } from '@angular/core';
+import _ButtonBadge from '@ui5/webcomponents/dist/ButtonBadge.js';
+
+declare class ButtonBadge implements AfterViewInit {
+    /**
+     * Defines the badge placement and appearance.
+  - **InlineText** - displayed inside the button after its text, and recommended for **compact** density.
+  - **OverlayText** - displayed at the top-end corner of the button, and recommended for **cozy** density.
+  - **AttentionDot** - displayed at the top-end corner of the button as a dot, and suitable for both **cozy** and **compact** densities.
+     */
+    design: _angular_core.InputSignal<"InlineText" | "OverlayText" | "AttentionDot" | undefined>;
+    /**
+     * Defines the text of the component.
+  
+  **Note:** Text is not applied when the `design` property is set to `AttentionDot`.
+  
+  **Note:** The badge component only accepts numeric values and the "+" symbol. Using other characters or formats may result in unpredictable behavior, which is not guaranteed or supported.
+     */
+    text: _angular_core.InputSignal<string | undefined>;
+    elementRef: ElementRef<_ButtonBadge>;
+    injector: Injector;
+    get element(): _ButtonBadge;
+    ngAfterViewInit(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ButtonBadge, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ButtonBadge, "ui5-button-badge, [ui5-button-badge]", ["ui5ButtonBadge"], { "design": { "alias": "design"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+export { ButtonBadge };