@fundamental-ngx/ui5-webcomponents 0.58.0-rc.1

package/README.md

@@ -0,0 +1,3 @@
+# ui5-webcomponents
+
+ui5-wecomponents package

package/avatar/index.d.ts

@@ -0,0 +1,101 @@
+import * as _angular_core from '@angular/core';
+import { AfterViewInit, ElementRef, Injector } from '@angular/core';
+import _Avatar, { 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">>;
+    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,58 @@
+import * as _angular_core from '@angular/core';
+import { AfterViewInit, ElementRef, Injector } from '@angular/core';
+import _AvatarGroup, { 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">>;
+    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,28 @@
+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>;
+    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; }; }, {}, never, ["*"], true, never>;
+}
+
+export { Bar };

package/breadcrumbs/index.d.ts

@@ -0,0 +1,33 @@
+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">>;
+    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,38 @@
+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>;
+    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,34 @@
+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>;
+    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,117 @@
+import * as _angular_core from '@angular/core';
+import { AfterViewInit, ElementRef, Injector } from '@angular/core';
+import _Button, { 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">>;
+    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 };

package/calendar/index.d.ts

@@ -0,0 +1,77 @@
+import * as _angular_core from '@angular/core';
+import { AfterViewInit, ElementRef, Injector } from '@angular/core';
+import _Calendar from '@ui5/webcomponents/dist/Calendar.js';
+import { UI5CustomEvent } from '@ui5/webcomponents-base';
+
+declare class Calendar implements AfterViewInit {
+    /**
+     * Defines the type of selection used in the calendar component.
+  Accepted property values are:
+  
+  - `CalendarSelectionMode.Single` - enables a single date selection.(default value)
+  - `CalendarSelectionMode.Range` - enables selection of a date range.
+  - `CalendarSelectionMode.Multiple` - enables selection of multiple dates.
+     */
+    selectionMode: _angular_core.InputSignal<"Single" | "Multiple" | "Range" | undefined>;
+    /**
+     * Defines the visibility of the week numbers column.
+  
+  **Note:** For calendars other than Gregorian,
+  the week numbers are not displayed regardless of what is set.
+     */
+    hideWeekNumbers: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Sets a calendar type used for display.
+  If not set, the calendar type of the global configuration is used.
+     */
+    primaryCalendarType: _angular_core.InputSignal<"Gregorian" | "Islamic" | "Japanese" | "Buddhist" | "Persian" | undefined>;
+    /**
+     * Defines the secondary calendar type.
+  If not set, the calendar will only show the primary calendar type.
+     */
+    secondaryCalendarType: _angular_core.InputSignal<"Gregorian" | "Islamic" | "Japanese" | "Buddhist" | "Persian" | undefined>;
+    /**
+     * Determines the format, displayed in the input field.
+     */
+    formatPattern: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Determines the format, displayed in the input field.
+     */
+    displayFormat: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Determines the format, used for the value attribute.
+     */
+    valueFormat: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Determines the minimum date available for selection.
+  
+  **Note:** If the formatPattern property is not set, the minDate value must be provided in the ISO date format (yyyy-MM-dd).
+     */
+    minDate: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Determines the maximum date available for selection.
+  
+  **Note:** If the formatPattern property is not set, the maxDate value must be provided in the ISO date format (yyyy-MM-dd).
+     */
+    maxDate: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Defines how to calculate calendar weeks and first day of the week.
+  If not set, the calendar will be displayed according to the currently set global configuration.
+     */
+    calendarWeekNumbering: _angular_core.InputSignal<"Default" | "ISO_8601" | "MiddleEastern" | "WesternTraditional" | undefined>;
+    /**
+     * Fired when the selected dates change.
+  
+  **Note:** If you call `preventDefault()` for this event, the component will not
+  create instances of `ui5-date` for the newly selected dates. In that case you should do this manually.
+     */
+    ui5SelectionChange: _angular_core.OutputEmitterRef<UI5CustomEvent<_Calendar, "selection-change">>;
+    elementRef: ElementRef<_Calendar>;
+    injector: Injector;
+    get element(): _Calendar;
+    ngAfterViewInit(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Calendar, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Calendar, "ui5-calendar, [ui5-calendar]", ["ui5Calendar"], { "selectionMode": { "alias": "selectionMode"; "required": false; "isSignal": true; }; "hideWeekNumbers": { "alias": "hideWeekNumbers"; "required": false; "isSignal": true; }; "primaryCalendarType": { "alias": "primaryCalendarType"; "required": false; "isSignal": true; }; "secondaryCalendarType": { "alias": "secondaryCalendarType"; "required": false; "isSignal": true; }; "formatPattern": { "alias": "formatPattern"; "required": false; "isSignal": true; }; "displayFormat": { "alias": "displayFormat"; "required": false; "isSignal": true; }; "valueFormat": { "alias": "valueFormat"; "required": false; "isSignal": true; }; "minDate": { "alias": "minDate"; "required": false; "isSignal": true; }; "maxDate": { "alias": "maxDate"; "required": false; "isSignal": true; }; "calendarWeekNumbering": { "alias": "calendarWeekNumbering"; "required": false; "isSignal": true; }; }, { "ui5SelectionChange": "ui5SelectionChange"; }, never, ["*"], true, never>;
+}
+
+export { Calendar };

package/calendar-date/index.d.ts

@@ -0,0 +1,19 @@
+import * as i0 from '@angular/core';
+import { AfterViewInit, ElementRef, Injector } from '@angular/core';
+import _CalendarDate from '@ui5/webcomponents/dist/CalendarDate.js';
+
+declare class CalendarDate implements AfterViewInit {
+    /**
+     * The date formatted according to the `formatPattern` property
+  of the `ui5-calendar` that hosts the component.
+     */
+    value: i0.InputSignal<string | undefined>;
+    elementRef: ElementRef<_CalendarDate>;
+    injector: Injector;
+    get element(): _CalendarDate;
+    ngAfterViewInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CalendarDate, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CalendarDate, "ui5-date, [ui5-date]", ["ui5CalendarDate"], { "value": { "alias": "value"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+export { CalendarDate };

package/calendar-date-range/index.d.ts

@@ -0,0 +1,24 @@
+import * as _angular_core from '@angular/core';
+import { AfterViewInit, ElementRef, Injector } from '@angular/core';
+import _CalendarDateRange from '@ui5/webcomponents/dist/CalendarDateRange.js';
+
+declare class CalendarDateRange implements AfterViewInit {
+    /**
+     * Start of date range formatted according to the `formatPattern` property
+  of the `ui5-calendar` that hosts the component.
+     */
+    startValue: _angular_core.InputSignal<string | undefined>;
+    /**
+     * End of date range formatted according to the `formatPattern` property
+  of the `ui5-calendar` that hosts the component.
+     */
+    endValue: _angular_core.InputSignal<string | undefined>;
+    elementRef: ElementRef<_CalendarDateRange>;
+    injector: Injector;
+    get element(): _CalendarDateRange;
+    ngAfterViewInit(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CalendarDateRange, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CalendarDateRange, "ui5-date-range, [ui5-date-range]", ["ui5CalendarDateRange"], { "startValue": { "alias": "startValue"; "required": false; "isSignal": true; }; "endValue": { "alias": "endValue"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+export { CalendarDateRange };

package/calendar-legend/index.d.ts

@@ -0,0 +1,30 @@
+import * as _angular_core from '@angular/core';
+import { AfterViewInit, ElementRef, Injector } from '@angular/core';
+import _CalendarLegend from '@ui5/webcomponents/dist/CalendarLegend.js';
+
+declare class CalendarLegend implements AfterViewInit {
+    /**
+     * Hides the Today item in the legend.
+     */
+    hideToday: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Hides the Selected day item in the legend.
+     */
+    hideSelectedDay: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Hides the Non-Working day item in the legend.
+     */
+    hideNonWorkingDay: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Hides the Working day item in the legend.
+     */
+    hideWorkingDay: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    elementRef: ElementRef<_CalendarLegend>;
+    injector: Injector;
+    get element(): _CalendarLegend;
+    ngAfterViewInit(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CalendarLegend, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CalendarLegend, "ui5-calendar-legend, [ui5-calendar-legend]", ["ui5CalendarLegend"], { "hideToday": { "alias": "hideToday"; "required": false; "isSignal": true; }; "hideSelectedDay": { "alias": "hideSelectedDay"; "required": false; "isSignal": true; }; "hideNonWorkingDay": { "alias": "hideNonWorkingDay"; "required": false; "isSignal": true; }; "hideWorkingDay": { "alias": "hideWorkingDay"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+export { CalendarLegend };

package/calendar-legend-item/index.d.ts

@@ -0,0 +1,22 @@
+import * as _angular_core from '@angular/core';
+import { AfterViewInit, ElementRef, Injector } from '@angular/core';
+import _CalendarLegendItem from '@ui5/webcomponents/dist/CalendarLegendItem.js';
+
+declare class CalendarLegendItem implements AfterViewInit {
+    /**
+     * Defines the text content of the Calendar Legend Item.
+     */
+    text: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Defines the type of the Calendar Legend Item.
+     */
+    type: _angular_core.InputSignal<"Today" | "Selected" | "None" | "Working" | "NonWorking" | "Type01" | "Type02" | "Type03" | "Type04" | "Type05" | "Type06" | "Type07" | "Type08" | "Type09" | "Type10" | "Type11" | "Type12" | "Type13" | "Type14" | "Type15" | "Type16" | "Type17" | "Type18" | "Type19" | "Type20" | undefined>;
+    elementRef: ElementRef<_CalendarLegendItem>;
+    injector: Injector;
+    get element(): _CalendarLegendItem;
+    ngAfterViewInit(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CalendarLegendItem, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CalendarLegendItem, "ui5-calendar-legend-item, [ui5-calendar-legend-item]", ["ui5CalendarLegendItem"], { "text": { "alias": "text"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+export { CalendarLegendItem };