@fundamental-ngx/ui5-webcomponents 0.58.4 → 0.58.6

package/calendar/index.d.ts

@@ -0,0 +1,112 @@
+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">>;
+    /**
+     * 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.
+     *
+     * - **calendarLegend**: Defines the calendar legend of the component.
+     * - **(default)**: Defines the selected date or dates (depending on the `selectionMode` property)
+  for this calendar as instances of `ui5-date` or `ui5-date-range`.
+  Use `ui5-date` for single or multiple selection, and `ui5-date-range` for range selection.
+     * - **specialDates**: Defines the special dates, visually emphasized in the calendar.
+     * - **disabledDates**: Defines the disabled date ranges that cannot be selected in the calendar.
+  Use `ui5-date-range` elements to specify ranges of disabled dates.
+  Each range can define a start date, an end date, or both.
+     *
+     * @example
+     * ```html
+     * <ui5-calendar>
+     *   <div slot="header">Custom header content</div>
+     *   <p>Default slot content</p>
+     * </ui5-calendar>
+     * ```
+     *
+     * @readonly
+     * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
+     */
+    readonly slots: ({
+        name: string;
+        description: string;
+        since: string;
+    } | {
+        name: string;
+        description: string;
+        since?: undefined;
+    })[];
+    elementRef: ElementRef<_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,53 @@
+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>;
+    /**
+     * 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.
+     *
+     * @example
+     * ```html
+     * <ui5-calendar-legend>
+     *   <div slot="header">Custom header content</div>
+     *   <p>Default slot content</p>
+     * </ui5-calendar-legend>
+     * ```
+     *
+     * @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<_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 };

package/card/index.d.ts

@@ -0,0 +1,63 @@
+import * as _angular_core from '@angular/core';
+import { AfterViewInit, ElementRef, Injector } from '@angular/core';
+import _Card from '@ui5/webcomponents/dist/Card.js';
+
+declare class Card implements AfterViewInit {
+    /**
+     * Defines the accessible name of the component, which is used as the name of the card region and should be unique per card.
+  
+  **Note:** `accessibleName` should be always set, unless `accessibleNameRef` is set.
+     */
+    accessibleName: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Defines the IDs of the elements that label the component.
+     */
+    accessibleNameRef: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Defines if a loading indicator would be displayed over the card.
+     */
+    loading: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Defines the delay in milliseconds, after which the loading indicator will show up for this card.
+     */
+    loadingDelay: _angular_core.InputSignal<number | 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 content of the component.
+     * - **header**: Defines the header of the component.
+  
+  **Note:** Use `ui5-card-header` for the intended design.
+     *
+     * @example
+     * ```html
+     * <ui5-card>
+     *   <div slot="header">Custom header content</div>
+     *   <p>Default slot content</p>
+     * </ui5-card>
+     * ```
+     *
+     * @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<_Card>;
+    injector: Injector;
+    get element(): _Card;
+    ngAfterViewInit(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Card, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Card, "ui5-card, [ui5-card]", ["ui5Card"], { "accessibleName": { "alias": "accessibleName"; "required": false; "isSignal": true; }; "accessibleNameRef": { "alias": "accessibleNameRef"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "loadingDelay": { "alias": "loadingDelay"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+export { Card };

package/card-header/index.d.ts

@@ -0,0 +1,62 @@
+import * as _angular_core from '@angular/core';
+import { AfterViewInit, ElementRef, Injector } from '@angular/core';
+import _CardHeader from '@ui5/webcomponents/dist/CardHeader.js';
+import { UI5CustomEvent } from '@ui5/webcomponents-base';
+
+declare class CardHeader implements AfterViewInit {
+    /**
+     * Defines the title text.
+     */
+    titleText: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Defines the subtitle text.
+     */
+    subtitleText: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Defines the additional text.
+     */
+    additionalText: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Defines if the component would be interactive,
+  e.g gets hover effect and `click` event is fired, when pressed.
+     */
+    interactive: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Fired when the component is activated by mouse/tap or by using the Enter or Space key.
+  
+  **Note:** The event would be fired only if the `interactive` property is set to true.
+     */
+    ui5Click: _angular_core.OutputEmitterRef<UI5CustomEvent<_CardHeader, "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.
+     *
+     * - **avatar**: Defines an avatar image, displayed in the left most part of the header.
+     * - **action**: Defines an action, displayed in the right most part of the header.
+     *
+     * @example
+     * ```html
+     * <ui5-card-header>
+     *   <div slot="header">Custom header content</div>
+     *   <p>Default slot content</p>
+     * </ui5-card-header>
+     * ```
+     *
+     * @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<_CardHeader>;
+    injector: Injector;
+    get element(): _CardHeader;
+    ngAfterViewInit(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CardHeader, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CardHeader, "ui5-card-header, [ui5-card-header]", ["ui5CardHeader"], { "titleText": { "alias": "titleText"; "required": false; "isSignal": true; }; "subtitleText": { "alias": "subtitleText"; "required": false; "isSignal": true; }; "additionalText": { "alias": "additionalText"; "required": false; "isSignal": true; }; "interactive": { "alias": "interactive"; "required": false; "isSignal": true; }; }, { "ui5Click": "ui5Click"; }, never, ["*"], true, never>;
+}
+
+export { CardHeader };

package/carousel/index.d.ts

@@ -0,0 +1,114 @@
+import * as _angular_core from '@angular/core';
+import { AfterViewInit, ElementRef, Injector } from '@angular/core';
+import _Carousel from '@ui5/webcomponents/dist/Carousel.js';
+import { UI5CustomEvent } from '@ui5/webcomponents-base';
+
+declare class Carousel implements AfterViewInit {
+    /**
+     * Defines the accessible name of the component.
+     */
+    accessibleName: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Defines the IDs of the elements that label the input.
+     */
+    accessibleNameRef: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Defines whether the carousel should loop, i.e show the first page after the last page is reached and vice versa.
+     */
+    cyclic: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Defines the number of items per page depending on the carousel width.
+  
+  - 'S' for screens smaller than 600 pixels.
+  - 'M' for screens greater than or equal to 600 pixels and smaller than 1024 pixels.
+  - 'L' for screens greater than or equal to 1024 pixels and smaller than 1440 pixels.
+  - 'XL' for screens greater than or equal to 1440 pixels.
+  
+  One item per page is shown by default.
+     */
+    itemsPerPage: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Defines the visibility of the navigation arrows.
+  If set to true the navigation arrows will be hidden.
+     */
+    hideNavigationArrows: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Defines the visibility of the page indicator.
+  If set to true the page indicator will be hidden.
+     */
+    hidePageIndicator: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Defines the style of the page indicator.
+  Available options are:
+  
+  - `Default` - The page indicator will be visualized as dots if there are fewer than 9 pages. If there are more pages, the page indicator will switch to displaying the current page and the total number of pages. (e.g. X of Y)
+  - `Numeric` - The page indicator will display the current page and the total number of pages. (e.g. X of Y)
+     */
+    pageIndicatorType: _angular_core.InputSignal<"Default" | "Numeric" | undefined>;
+    /**
+     * Defines the carousel's background design.
+     */
+    backgroundDesign: _angular_core.InputSignal<"Solid" | "Transparent" | "Translucent" | undefined>;
+    /**
+     * Defines the page indicator background design.
+     */
+    pageIndicatorBackgroundDesign: _angular_core.InputSignal<"Solid" | "Transparent" | "Translucent" | undefined>;
+    /**
+     * Defines the page indicator border design.
+     */
+    pageIndicatorBorderDesign: _angular_core.InputSignal<"Solid" | "None" | undefined>;
+    /**
+     * Defines the position of arrows.
+  
+  Available options are:
+  
+  - `Content` - the arrows are placed on the sides of the current page.
+  - `Navigation` - the arrows are placed on the sides of the page indicator.
+     */
+    arrowsPlacement: _angular_core.InputSignal<"Content" | "Navigation" | undefined>;
+    /**
+     * The indices of the currently visible items of the component.
+     * @readonly This property is managed by the web component.
+     */
+    get visibleItemsIndices(): Array<number>;
+    /**
+     * Fired whenever the page changes due to user interaction,
+  when the user clicks on the navigation arrows or while resizing,
+  based on the `items-per-page` property.
+     */
+    ui5Navigate: _angular_core.OutputEmitterRef<UI5CustomEvent<_Carousel, "navigate">>;
+    /**
+     * 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 content of the component.
+  
+  **Note:** Items with the `hidden` attribute will be automatically excluded from carousel navigation and page calculations.
+  They will not be displayed or accessible via keyboard navigation. See [sample](./#carousel-with-hidden-items).
+     *
+     * @example
+     * ```html
+     * <ui5-carousel>
+     *   <div slot="header">Custom header content</div>
+     *   <p>Default slot content</p>
+     * </ui5-carousel>
+     * ```
+     *
+     * @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<_Carousel>;
+    injector: Injector;
+    get element(): _Carousel;
+    ngAfterViewInit(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Carousel, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Carousel, "ui5-carousel, [ui5-carousel]", ["ui5Carousel"], { "accessibleName": { "alias": "accessibleName"; "required": false; "isSignal": true; }; "accessibleNameRef": { "alias": "accessibleNameRef"; "required": false; "isSignal": true; }; "cyclic": { "alias": "cyclic"; "required": false; "isSignal": true; }; "itemsPerPage": { "alias": "itemsPerPage"; "required": false; "isSignal": true; }; "hideNavigationArrows": { "alias": "hideNavigationArrows"; "required": false; "isSignal": true; }; "hidePageIndicator": { "alias": "hidePageIndicator"; "required": false; "isSignal": true; }; "pageIndicatorType": { "alias": "pageIndicatorType"; "required": false; "isSignal": true; }; "backgroundDesign": { "alias": "backgroundDesign"; "required": false; "isSignal": true; }; "pageIndicatorBackgroundDesign": { "alias": "pageIndicatorBackgroundDesign"; "required": false; "isSignal": true; }; "pageIndicatorBorderDesign": { "alias": "pageIndicatorBorderDesign"; "required": false; "isSignal": true; }; "arrowsPlacement": { "alias": "arrowsPlacement"; "required": false; "isSignal": true; }; }, { "ui5Navigate": "ui5Navigate"; }, never, ["*"], true, never>;
+}
+
+export { Carousel };

package/check-box/index.d.ts

@@ -0,0 +1,108 @@
+import * as _angular_core from '@angular/core';
+import { AfterViewInit, ElementRef, Injector } from '@angular/core';
+import _CheckBox from '@ui5/webcomponents/dist/CheckBox.js';
+import { UI5CustomEvent } from '@ui5/webcomponents-base';
+import * as i1 from '@fundamental-ngx/ui5-webcomponents/utils';
+
+declare class CheckBox implements AfterViewInit {
+    /**
+     * Receives id(or many ids) of the elements that label the component
+     */
+    accessibleNameRef: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Defines the accessible ARIA name of the component.
+     */
+    accessibleName: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Defines whether the component is disabled.
+  
+  **Note:** A disabled component is completely noninteractive.
+     */
+    disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Defines whether the component is read-only.
+  
+  **Note:** A read-only component is not editable,
+  but still provides visual feedback upon user interaction.
+     */
+    readonly: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Determines whether the `ui5-checkbox` is in display only state.
+  
+  When set to `true`, the `ui5-checkbox` is not interactive, not editable, not focusable
+  and not in the tab chain. This setting is used for forms in review mode.
+  
+  **Note:** When the property `disabled` is set to `true` this property has no effect.
+     */
+    displayOnly: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Defines whether the component is required.
+  
+  **Note:** We advise against using the text property of the checkbox when there is a
+  label associated with it to avoid having two required asterisks.
+     */
+    required: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Defines whether the component is displayed as partially checked.
+  
+  **Note:** The indeterminate state can be set only programmatically and can’t be achieved by user
+  interaction and the resulting visual state depends on the values of the `indeterminate`
+  and `checked` properties:
+  
+  -  If the component is checked and indeterminate, it will be displayed as partially checked
+  -  If the component is checked and it is not indeterminate, it will be displayed as checked
+  -  If the component is not checked, it will be displayed as not checked regardless value of the indeterminate attribute
+     */
+    indeterminate: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Defines if the component is checked.
+  
+  **Note:** The property can be changed with user interaction,
+  either by cliking/tapping on the component, or by
+  pressing the Enter or Space key.
+     */
+    checked: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Defines the text of the component.
+     */
+    text: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Defines the value state of the component.
+     */
+    valueState: _angular_core.InputSignal<"None" | "Positive" | "Critical" | "Negative" | "Information" | undefined>;
+    /**
+     * Defines whether the component text wraps when there is not enough space.
+  
+  **Note:** for option "Normal" the text will wrap and the words will not be broken based on hyphenation.
+  **Note:** for option "None" the text will be truncated with an ellipsis.
+     */
+    wrappingType: _angular_core.InputSignal<"None" | "Normal" | undefined>;
+    /**
+     * Determines the name by which the component will be identified upon submission in an HTML form.
+  
+  **Note:** This property is only applicable within the context of an HTML Form element.
+     */
+    name: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Defines the form value of the component that is submitted when the checkbox is checked.
+  
+  When a form containing `ui5-checkbox` elements is submitted, only the values of the
+  **checked** checkboxes are included in the form data sent to the server. Unchecked
+  checkboxes do not contribute any data to the form submission.
+  
+  This property is particularly useful for **checkbox groups**, where multiple checkboxes with the same `name` but different `value` properties can be used to represent a set of related options.
+     */
+    value: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Fired when the component checked state changes.
+     */
+    ui5Change: _angular_core.OutputEmitterRef<UI5CustomEvent<_CheckBox, "change">>;
+    elementRef: ElementRef<_CheckBox>;
+    injector: Injector;
+    get element(): _CheckBox;
+    ngAfterViewInit(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CheckBox, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CheckBox, "ui5-checkbox, [ui5-checkbox]", ["ui5CheckBox"], { "accessibleNameRef": { "alias": "accessibleNameRef"; "required": false; "isSignal": true; }; "accessibleName": { "alias": "accessibleName"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "displayOnly": { "alias": "displayOnly"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "indeterminate": { "alias": "indeterminate"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "valueState": { "alias": "valueState"; "required": false; "isSignal": true; }; "wrappingType": { "alias": "wrappingType"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "ui5Change": "ui5Change"; }, never, ["*"], true, [{ directive: typeof i1.GenericControlValueAccessor; inputs: {}; outputs: {}; }]>;
+}
+
+export { CheckBox };

package/color-palette/index.d.ts

@@ -0,0 +1,42 @@
+import * as i0 from '@angular/core';
+import { AfterViewInit, ElementRef, Injector } from '@angular/core';
+import _ColorPalette from '@ui5/webcomponents/dist/ColorPalette.js';
+import { UI5CustomEvent } from '@ui5/webcomponents-base';
+
+declare class ColorPalette implements AfterViewInit {
+    /**
+     * Fired when the user selects a color.
+     */
+    ui5ItemClick: i0.OutputEmitterRef<UI5CustomEvent<_ColorPalette, "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 `ui5-color-palette-item` elements.
+     *
+     * @example
+     * ```html
+     * <ui5-color-palette>
+     *   <div slot="header">Custom header content</div>
+     *   <p>Default slot content</p>
+     * </ui5-color-palette>
+     * ```
+     *
+     * @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<_ColorPalette>;
+    injector: Injector;
+    get element(): _ColorPalette;
+    ngAfterViewInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ColorPalette, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ColorPalette, "ui5-color-palette, [ui5-color-palette]", ["ui5ColorPalette"], {}, { "ui5ItemClick": "ui5ItemClick"; }, never, ["*"], true, never>;
+}
+
+export { ColorPalette };

package/color-palette-item/index.d.ts

@@ -0,0 +1,27 @@
+import * as _angular_core from '@angular/core';
+import { AfterViewInit, ElementRef, Injector } from '@angular/core';
+import _ColorPaletteItem from '@ui5/webcomponents/dist/ColorPaletteItem.js';
+
+declare class ColorPaletteItem implements AfterViewInit {
+    /**
+     * Defines the colour of the component.
+  
+  **Note:** The value should be a valid CSS color.
+     */
+    value: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Defines if the component is selected.
+  
+  **Note:** Only one item must be selected per <code>ui5-color-palette</code>.
+  If more than one item is defined as selected, the last one would be considered as the selected one.
+     */
+    selected: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    elementRef: ElementRef<_ColorPaletteItem>;
+    injector: Injector;
+    get element(): _ColorPaletteItem;
+    ngAfterViewInit(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ColorPaletteItem, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ColorPaletteItem, "ui5-color-palette-item, [ui5-color-palette-item]", ["ui5ColorPaletteItem"], { "value": { "alias": "value"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+export { ColorPaletteItem };