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

package/main/date-picker/index.d.ts

@@ -0,0 +1,147 @@
+import * as i0 from '@angular/core';
+import { EventEmitter } from '@angular/core';
+import * as i1 from '@ui5/webcomponents-ngx/generic-cva';
+import { GenericControlValueAccessor } from '@ui5/webcomponents-ngx/generic-cva';
+import DatePicker, { DatePickerChangeEventDetail, DatePickerInputEventDetail, DatePickerValueStateChangeEventDetail } from '@ui5/webcomponents/dist/DatePicker.js';
+
+declare class DatePickerComponent {
+    /**
+          Sets a calendar type used for display.
+  If not set, the calendar type of the global configuration is used.
+          */
+    primaryCalendarType: 'Gregorian' | 'Islamic' | 'Japanese' | 'Buddhist' | 'Persian' | undefined;
+    /**
+          Defines the secondary calendar type.
+  If not set, the calendar will only show the primary calendar type.
+          */
+    secondaryCalendarType: 'Gregorian' | 'Islamic' | 'Japanese' | 'Buddhist' | 'Persian' | undefined;
+    /**
+          Determines the format, displayed in the input field.
+          */
+    formatPattern: string | undefined;
+    /**
+          Determines the format, displayed in the input field.
+          */
+    displayFormat: string | undefined;
+    /**
+          Determines the format, used for the value attribute.
+          */
+    valueFormat: 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: string;
+    /**
+          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: string;
+    /**
+          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: 'Default' | 'ISO_8601' | 'MiddleEastern' | 'WesternTraditional';
+    /**
+          Defines a formatted date value.
+          */
+    value: string;
+    /**
+          Defines the value state of the component.
+          */
+    valueState: 'None' | 'Positive' | 'Critical' | 'Negative' | 'Information';
+    /**
+          Defines whether the component is required.
+          */
+    required: boolean;
+    /**
+          Determines whether the component is displayed as disabled.
+          */
+    disabled: boolean;
+    /**
+          Determines whether the component is displayed as read-only.
+          */
+    readonly: boolean;
+    /**
+          Defines a short hint, intended to aid the user with data entry when the
+  component has no value.
+  
+  **Note:** When no placeholder is set, the format pattern is displayed as a placeholder.
+  Passing an empty string as the value of this property will make the component appear empty - without placeholder or format pattern.
+          */
+    placeholder: string | 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: string | 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: boolean;
+    /**
+          Defines the open or closed state of the popover.
+          */
+    open: boolean;
+    /**
+          Defines the aria-label attribute for the component.
+          */
+    accessibleName: string | undefined;
+    /**
+          Receives id(or many ids) of the elements that label the component.
+          */
+    accessibleNameRef: string | undefined;
+    /**
+          Defines the accessible description of the component.
+          */
+    accessibleDescription: string | undefined;
+    /**
+          Receives id(or many ids) of the elements that describe the input.
+          */
+    accessibleDescriptionRef: string | undefined;
+    /**
+       Fired when the input operation has finished by pressing Enter or on focusout.
+      */
+    ui5Change: EventEmitter<DatePickerChangeEventDetail>;
+    /**
+       Fired when the value of the component is changed at each key stroke.
+      */
+    ui5Input: EventEmitter<DatePickerInputEventDetail>;
+    /**
+       Fired before the value state of the component is updated internally.
+  The event is preventable, meaning that if it's default action is
+  prevented, the component will not update the value state.
+      */
+    ui5ValueStateChange: EventEmitter<DatePickerValueStateChangeEventDetail>;
+    /**
+       Fired after the component's picker is opened.
+      */
+    ui5Open: EventEmitter<void>;
+    /**
+       Fired after the component's picker is closed.
+      */
+    ui5Close: EventEmitter<void>;
+    private elementRef;
+    private zone;
+    private cdr;
+    protected _cva: GenericControlValueAccessor<any>;
+    get element(): DatePicker;
+    set cvaValue(val: string);
+    get cvaValue(): string;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<DatePickerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DatePickerComponent, "ui5-date-picker", ["ui5DatePicker"], { "primaryCalendarType": { "alias": "primaryCalendarType"; "required": false; }; "secondaryCalendarType": { "alias": "secondaryCalendarType"; "required": false; }; "formatPattern": { "alias": "formatPattern"; "required": false; }; "displayFormat": { "alias": "displayFormat"; "required": false; }; "valueFormat": { "alias": "valueFormat"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "calendarWeekNumbering": { "alias": "calendarWeekNumbering"; "required": false; }; "value": { "alias": "value"; "required": false; }; "valueState": { "alias": "valueState"; "required": false; }; "required": { "alias": "required"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "name": { "alias": "name"; "required": false; }; "hideWeekNumbers": { "alias": "hideWeekNumbers"; "required": false; }; "open": { "alias": "open"; "required": false; }; "accessibleName": { "alias": "accessibleName"; "required": false; }; "accessibleNameRef": { "alias": "accessibleNameRef"; "required": false; }; "accessibleDescription": { "alias": "accessibleDescription"; "required": false; }; "accessibleDescriptionRef": { "alias": "accessibleDescriptionRef"; "required": false; }; }, { "ui5Change": "ui5Change"; "ui5Input": "ui5Input"; "ui5ValueStateChange": "ui5ValueStateChange"; "ui5Open": "ui5Open"; "ui5Close": "ui5Close"; }, never, ["*"], true, [{ directive: typeof i1.GenericControlValueAccessor; inputs: {}; outputs: {}; }]>;
+    static ngAcceptInputType_required: unknown;
+    static ngAcceptInputType_disabled: unknown;
+    static ngAcceptInputType_readonly: unknown;
+    static ngAcceptInputType_hideWeekNumbers: unknown;
+    static ngAcceptInputType_open: unknown;
+}
+
+export { DatePickerComponent };

package/main/date-range-picker/index.d.ts

@@ -0,0 +1,153 @@
+import * as i0 from '@angular/core';
+import { EventEmitter } from '@angular/core';
+import * as i1 from '@ui5/webcomponents-ngx/generic-cva';
+import { GenericControlValueAccessor } from '@ui5/webcomponents-ngx/generic-cva';
+import { DatePickerChangeEventDetail, DatePickerInputEventDetail, DatePickerValueStateChangeEventDetail } from '@ui5/webcomponents/dist/DatePicker.js';
+import DateRangePicker from '@ui5/webcomponents/dist/DateRangePicker.js';
+
+declare class DateRangePickerComponent {
+    /**
+          Sets a calendar type used for display.
+  If not set, the calendar type of the global configuration is used.
+          */
+    primaryCalendarType: 'Gregorian' | 'Islamic' | 'Japanese' | 'Buddhist' | 'Persian' | undefined;
+    /**
+          Defines the secondary calendar type.
+  If not set, the calendar will only show the primary calendar type.
+          */
+    secondaryCalendarType: 'Gregorian' | 'Islamic' | 'Japanese' | 'Buddhist' | 'Persian' | undefined;
+    /**
+          Determines the format, displayed in the input field.
+          */
+    formatPattern: string | undefined;
+    /**
+          Determines the format, displayed in the input field.
+          */
+    displayFormat: string | undefined;
+    /**
+          Determines the format, used for the value attribute.
+          */
+    valueFormat: 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: string;
+    /**
+          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: string;
+    /**
+          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: 'Default' | 'ISO_8601' | 'MiddleEastern' | 'WesternTraditional';
+    /**
+          Defines a formatted date value.
+          */
+    value: string;
+    /**
+          Defines the value state of the component.
+          */
+    valueState: 'None' | 'Positive' | 'Critical' | 'Negative' | 'Information';
+    /**
+          Defines whether the component is required.
+          */
+    required: boolean;
+    /**
+          Determines whether the component is displayed as disabled.
+          */
+    disabled: boolean;
+    /**
+          Determines whether the component is displayed as read-only.
+          */
+    readonly: boolean;
+    /**
+          Defines a short hint, intended to aid the user with data entry when the
+  component has no value.
+  
+  **Note:** When no placeholder is set, the format pattern is displayed as a placeholder.
+  Passing an empty string as the value of this property will make the component appear empty - without placeholder or format pattern.
+          */
+    placeholder: string | 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: string | 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: boolean;
+    /**
+          Defines the open or closed state of the popover.
+          */
+    open: boolean;
+    /**
+          Defines the aria-label attribute for the component.
+          */
+    accessibleName: string | undefined;
+    /**
+          Receives id(or many ids) of the elements that label the component.
+          */
+    accessibleNameRef: string | undefined;
+    /**
+          Defines the accessible description of the component.
+          */
+    accessibleDescription: string | undefined;
+    /**
+          Receives id(or many ids) of the elements that describe the input.
+          */
+    accessibleDescriptionRef: string | undefined;
+    /**
+          Determines the symbol which separates the dates.
+  If not supplied, the default time interval delimiter for the current locale will be used.
+          */
+    delimiter: string;
+    /**
+       Fired when the input operation has finished by pressing Enter or on focusout.
+      */
+    ui5Change: EventEmitter<DatePickerChangeEventDetail>;
+    /**
+       Fired when the value of the component is changed at each key stroke.
+      */
+    ui5Input: EventEmitter<DatePickerInputEventDetail>;
+    /**
+       Fired before the value state of the component is updated internally.
+  The event is preventable, meaning that if it's default action is
+  prevented, the component will not update the value state.
+      */
+    ui5ValueStateChange: EventEmitter<DatePickerValueStateChangeEventDetail>;
+    /**
+       Fired after the component's picker is opened.
+      */
+    ui5Open: EventEmitter<void>;
+    /**
+       Fired after the component's picker is closed.
+      */
+    ui5Close: EventEmitter<void>;
+    private elementRef;
+    private zone;
+    private cdr;
+    protected _cva: GenericControlValueAccessor<any>;
+    get element(): DateRangePicker;
+    set cvaValue(val: string);
+    get cvaValue(): string;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<DateRangePickerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DateRangePickerComponent, "ui5-daterange-picker", ["ui5DaterangePicker"], { "primaryCalendarType": { "alias": "primaryCalendarType"; "required": false; }; "secondaryCalendarType": { "alias": "secondaryCalendarType"; "required": false; }; "formatPattern": { "alias": "formatPattern"; "required": false; }; "displayFormat": { "alias": "displayFormat"; "required": false; }; "valueFormat": { "alias": "valueFormat"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "calendarWeekNumbering": { "alias": "calendarWeekNumbering"; "required": false; }; "value": { "alias": "value"; "required": false; }; "valueState": { "alias": "valueState"; "required": false; }; "required": { "alias": "required"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "name": { "alias": "name"; "required": false; }; "hideWeekNumbers": { "alias": "hideWeekNumbers"; "required": false; }; "open": { "alias": "open"; "required": false; }; "accessibleName": { "alias": "accessibleName"; "required": false; }; "accessibleNameRef": { "alias": "accessibleNameRef"; "required": false; }; "accessibleDescription": { "alias": "accessibleDescription"; "required": false; }; "accessibleDescriptionRef": { "alias": "accessibleDescriptionRef"; "required": false; }; "delimiter": { "alias": "delimiter"; "required": false; }; }, { "ui5Change": "ui5Change"; "ui5Input": "ui5Input"; "ui5ValueStateChange": "ui5ValueStateChange"; "ui5Open": "ui5Open"; "ui5Close": "ui5Close"; }, never, ["*"], true, [{ directive: typeof i1.GenericControlValueAccessor; inputs: {}; outputs: {}; }]>;
+    static ngAcceptInputType_required: unknown;
+    static ngAcceptInputType_disabled: unknown;
+    static ngAcceptInputType_readonly: unknown;
+    static ngAcceptInputType_hideWeekNumbers: unknown;
+    static ngAcceptInputType_open: unknown;
+}
+
+export { DateRangePickerComponent };

package/main/date-time-picker/index.d.ts

@@ -0,0 +1,148 @@
+import * as i0 from '@angular/core';
+import { EventEmitter } from '@angular/core';
+import * as i1 from '@ui5/webcomponents-ngx/generic-cva';
+import { GenericControlValueAccessor } from '@ui5/webcomponents-ngx/generic-cva';
+import { DatePickerChangeEventDetail, DatePickerInputEventDetail, DatePickerValueStateChangeEventDetail } from '@ui5/webcomponents/dist/DatePicker.js';
+import DateTimePicker from '@ui5/webcomponents/dist/DateTimePicker.js';
+
+declare class DateTimePickerComponent {
+    /**
+          Sets a calendar type used for display.
+  If not set, the calendar type of the global configuration is used.
+          */
+    primaryCalendarType: 'Gregorian' | 'Islamic' | 'Japanese' | 'Buddhist' | 'Persian' | undefined;
+    /**
+          Defines the secondary calendar type.
+  If not set, the calendar will only show the primary calendar type.
+          */
+    secondaryCalendarType: 'Gregorian' | 'Islamic' | 'Japanese' | 'Buddhist' | 'Persian' | undefined;
+    /**
+          Determines the format, displayed in the input field.
+          */
+    formatPattern: string | undefined;
+    /**
+          Determines the format, displayed in the input field.
+          */
+    displayFormat: string | undefined;
+    /**
+          Determines the format, used for the value attribute.
+          */
+    valueFormat: 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: string;
+    /**
+          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: string;
+    /**
+          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: 'Default' | 'ISO_8601' | 'MiddleEastern' | 'WesternTraditional';
+    /**
+          Defines a formatted date value.
+          */
+    value: string;
+    /**
+          Defines the value state of the component.
+          */
+    valueState: 'None' | 'Positive' | 'Critical' | 'Negative' | 'Information';
+    /**
+          Defines whether the component is required.
+          */
+    required: boolean;
+    /**
+          Determines whether the component is displayed as disabled.
+          */
+    disabled: boolean;
+    /**
+          Determines whether the component is displayed as read-only.
+          */
+    readonly: boolean;
+    /**
+          Defines a short hint, intended to aid the user with data entry when the
+  component has no value.
+  
+  **Note:** When no placeholder is set, the format pattern is displayed as a placeholder.
+  Passing an empty string as the value of this property will make the component appear empty - without placeholder or format pattern.
+          */
+    placeholder: string | 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: string | 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: boolean;
+    /**
+          Defines the open or closed state of the popover.
+          */
+    open: boolean;
+    /**
+          Defines the aria-label attribute for the component.
+          */
+    accessibleName: string | undefined;
+    /**
+          Receives id(or many ids) of the elements that label the component.
+          */
+    accessibleNameRef: string | undefined;
+    /**
+          Defines the accessible description of the component.
+          */
+    accessibleDescription: string | undefined;
+    /**
+          Receives id(or many ids) of the elements that describe the input.
+          */
+    accessibleDescriptionRef: string | undefined;
+    /**
+       Fired when the input operation has finished by pressing Enter or on focusout.
+      */
+    ui5Change: EventEmitter<DatePickerChangeEventDetail>;
+    /**
+       Fired when the value of the component is changed at each key stroke.
+      */
+    ui5Input: EventEmitter<DatePickerInputEventDetail>;
+    /**
+       Fired before the value state of the component is updated internally.
+  The event is preventable, meaning that if it's default action is
+  prevented, the component will not update the value state.
+      */
+    ui5ValueStateChange: EventEmitter<DatePickerValueStateChangeEventDetail>;
+    /**
+       Fired after the component's picker is opened.
+      */
+    ui5Open: EventEmitter<void>;
+    /**
+       Fired after the component's picker is closed.
+      */
+    ui5Close: EventEmitter<void>;
+    private elementRef;
+    private zone;
+    private cdr;
+    protected _cva: GenericControlValueAccessor<any>;
+    get element(): DateTimePicker;
+    set cvaValue(val: string);
+    get cvaValue(): string;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<DateTimePickerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DateTimePickerComponent, "ui5-datetime-picker", ["ui5DatetimePicker"], { "primaryCalendarType": { "alias": "primaryCalendarType"; "required": false; }; "secondaryCalendarType": { "alias": "secondaryCalendarType"; "required": false; }; "formatPattern": { "alias": "formatPattern"; "required": false; }; "displayFormat": { "alias": "displayFormat"; "required": false; }; "valueFormat": { "alias": "valueFormat"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "calendarWeekNumbering": { "alias": "calendarWeekNumbering"; "required": false; }; "value": { "alias": "value"; "required": false; }; "valueState": { "alias": "valueState"; "required": false; }; "required": { "alias": "required"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "name": { "alias": "name"; "required": false; }; "hideWeekNumbers": { "alias": "hideWeekNumbers"; "required": false; }; "open": { "alias": "open"; "required": false; }; "accessibleName": { "alias": "accessibleName"; "required": false; }; "accessibleNameRef": { "alias": "accessibleNameRef"; "required": false; }; "accessibleDescription": { "alias": "accessibleDescription"; "required": false; }; "accessibleDescriptionRef": { "alias": "accessibleDescriptionRef"; "required": false; }; }, { "ui5Change": "ui5Change"; "ui5Input": "ui5Input"; "ui5ValueStateChange": "ui5ValueStateChange"; "ui5Open": "ui5Open"; "ui5Close": "ui5Close"; }, never, ["*"], true, [{ directive: typeof i1.GenericControlValueAccessor; inputs: {}; outputs: {}; }]>;
+    static ngAcceptInputType_required: unknown;
+    static ngAcceptInputType_disabled: unknown;
+    static ngAcceptInputType_readonly: unknown;
+    static ngAcceptInputType_hideWeekNumbers: unknown;
+    static ngAcceptInputType_open: unknown;
+}
+
+export { DateTimePickerComponent };

package/main/dialog/index.d.ts

@@ -0,0 +1,119 @@
+import * as i0 from '@angular/core';
+import { EventEmitter } from '@angular/core';
+import Dialog from '@ui5/webcomponents/dist/Dialog.js';
+import { PopupBeforeCloseEventDetail } from '@ui5/webcomponents/dist/Popup.js';
+
+declare class DialogComponent {
+    /**
+          Defines the ID of the HTML Element, which will get the initial focus.
+  
+  **Note:** If an element with `autofocus` attribute is added inside the component,
+  `initialFocus` won't take effect.
+          */
+    initialFocus: string | undefined;
+    /**
+          Defines if the focus should be returned to the previously focused element,
+  when the popup closes.
+          */
+    preventFocusRestore: boolean;
+    /**
+          Defines the accessible name of the component.
+          */
+    accessibleName: string | undefined;
+    /**
+          Defines the IDs of the elements that label the component.
+          */
+    accessibleNameRef: string | undefined;
+    /**
+          Allows setting a custom role.
+          */
+    accessibleRole: 'None' | 'Dialog' | 'AlertDialog';
+    /**
+          Defines the accessible description of the component.
+          */
+    accessibleDescription: string | undefined;
+    /**
+          Receives id(or many ids) of the elements that describe the component.
+          */
+    accessibleDescriptionRef: string | undefined;
+    /**
+          Indicates whether initial focus should be prevented.
+          */
+    preventInitialFocus: boolean;
+    /**
+          Indicates if the element is open
+          */
+    open: boolean;
+    /**
+          Defines the header text.
+  
+  **Note:** If `header` slot is provided, the `headerText` is ignored.
+          */
+    headerText: string | undefined;
+    /**
+          Determines if the dialog will be stretched to full screen on mobile. On desktop,
+  the dialog will be stretched to approximately 90% of the viewport.
+  
+  **Note:** For better usability of the component it is recommended to set this property to "true" when the dialog is opened on phone.
+          */
+    stretch: boolean;
+    /**
+          Determines whether the component is draggable.
+  If this property is set to true, the Dialog will be draggable by its header.
+  
+  **Note:** The component can be draggable only in desktop mode.
+  
+  **Note:** This property overrides the default HTML "draggable" attribute native behavior.
+  When "draggable" is set to true, the native browser "draggable"
+  behavior is prevented and only the Dialog custom logic ("draggable by its header") works.
+          */
+    draggable: boolean;
+    /**
+          Configures the component to be resizable.
+  If this property is set to true, the Dialog will have a resize handle in its bottom right corner in LTR languages.
+  In RTL languages, the resize handle will be placed in the bottom left corner.
+  
+  **Note:** The component can be resizable only in desktop mode.
+  
+  **Note:** Upon resizing, externally defined height and width styling will be ignored.
+          */
+    resizable: boolean;
+    /**
+          Defines the state of the `Dialog`.
+  
+  **Note:** If `"Negative"` and `"Critical"` states is set, it will change the
+  accessibility role to "alertdialog", if the accessibleRole property is set to `"Dialog"`.
+          */
+    state: 'None' | 'Positive' | 'Critical' | 'Negative' | 'Information';
+    /**
+       Fired before the component is opened. This event can be cancelled, which will prevent the popup from opening.
+      */
+    ui5BeforeOpen: EventEmitter<void>;
+    /**
+       Fired after the component is opened.
+      */
+    ui5Open: EventEmitter<void>;
+    /**
+       Fired before the component is closed. This event can be cancelled, which will prevent the popup from closing.
+      */
+    ui5BeforeClose: EventEmitter<PopupBeforeCloseEventDetail>;
+    /**
+       Fired after the component is closed.
+      */
+    ui5Close: EventEmitter<void>;
+    private elementRef;
+    private zone;
+    private cdr;
+    get element(): Dialog;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<DialogComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DialogComponent, "ui5-dialog", ["ui5Dialog"], { "initialFocus": { "alias": "initialFocus"; "required": false; }; "preventFocusRestore": { "alias": "preventFocusRestore"; "required": false; }; "accessibleName": { "alias": "accessibleName"; "required": false; }; "accessibleNameRef": { "alias": "accessibleNameRef"; "required": false; }; "accessibleRole": { "alias": "accessibleRole"; "required": false; }; "accessibleDescription": { "alias": "accessibleDescription"; "required": false; }; "accessibleDescriptionRef": { "alias": "accessibleDescriptionRef"; "required": false; }; "preventInitialFocus": { "alias": "preventInitialFocus"; "required": false; }; "open": { "alias": "open"; "required": false; }; "headerText": { "alias": "headerText"; "required": false; }; "stretch": { "alias": "stretch"; "required": false; }; "draggable": { "alias": "draggable"; "required": false; }; "resizable": { "alias": "resizable"; "required": false; }; "state": { "alias": "state"; "required": false; }; }, { "ui5BeforeOpen": "ui5BeforeOpen"; "ui5Open": "ui5Open"; "ui5BeforeClose": "ui5BeforeClose"; "ui5Close": "ui5Close"; }, never, ["*"], true, never>;
+    static ngAcceptInputType_preventFocusRestore: unknown;
+    static ngAcceptInputType_preventInitialFocus: unknown;
+    static ngAcceptInputType_open: unknown;
+    static ngAcceptInputType_stretch: unknown;
+    static ngAcceptInputType_draggable: unknown;
+    static ngAcceptInputType_resizable: unknown;
+}
+
+export { DialogComponent };

package/main/dynamic-date-range/index.d.ts

@@ -0,0 +1,28 @@
+import * as i0 from '@angular/core';
+import { EventEmitter } from '@angular/core';
+import DynamicDateRange, { DynamicDateRangeValue } from '@ui5/webcomponents/dist/DynamicDateRange.js';
+
+declare class DynamicDateRangeComponent {
+    /**
+          Defines the value object.
+          */
+    value: DynamicDateRangeValue | undefined;
+    /**
+          Defines the options listed as a string, separated by commas and using capital case.
+  Example: "TODAY, YESTERDAY, DATERANGE"
+          */
+    options: string;
+    /**
+       Fired when the input operation has finished by pressing Enter or on focusout or a value is selected in the popover.
+      */
+    ui5Change: EventEmitter<void>;
+    private elementRef;
+    private zone;
+    private cdr;
+    get element(): DynamicDateRange;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<DynamicDateRangeComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DynamicDateRangeComponent, "ui5-dynamic-date-range", ["ui5DynamicDateRange"], { "value": { "alias": "value"; "required": false; }; "options": { "alias": "options"; "required": false; }; }, { "ui5Change": "ui5Change"; }, never, ["*"], true, never>;
+}
+
+export { DynamicDateRangeComponent };

package/main/expandable-text/index.d.ts

@@ -0,0 +1,30 @@
+import ExpandableText from '@ui5/webcomponents/dist/ExpandableText.js';
+import * as i0 from '@angular/core';
+
+declare class ExpandableTextComponent {
+    /**
+          Text of the component.
+          */
+    text: string | undefined;
+    /**
+          Maximum number of characters to be displayed initially. If the text length exceeds this limit, the text will be truncated with an ellipsis, and the "More" link will be displayed.
+          */
+    maxCharacters: number;
+    /**
+          Determines how the full text will be displayed.
+          */
+    overflowMode: 'InPlace' | 'Popover';
+    /**
+          Specifies if an empty indicator should be displayed when there is no text.
+          */
+    emptyIndicatorMode: 'Off' | 'On';
+    private elementRef;
+    private zone;
+    private cdr;
+    get element(): ExpandableText;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<ExpandableTextComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ExpandableTextComponent, "ui5-expandable-text", ["ui5ExpandableText"], { "text": { "alias": "text"; "required": false; }; "maxCharacters": { "alias": "maxCharacters"; "required": false; }; "overflowMode": { "alias": "overflowMode"; "required": false; }; "emptyIndicatorMode": { "alias": "emptyIndicatorMode"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+
+export { ExpandableTextComponent };