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

package/main/panel/index.d.ts

@@ -0,0 +1,65 @@
+import * as i0 from '@angular/core';
+import { EventEmitter } from '@angular/core';
+import Panel from '@ui5/webcomponents/dist/Panel.js';
+
+declare class PanelComponent {
+    /**
+          This property is used to set the header text of the component.
+  The text is visible in both expanded and collapsed states.
+  
+  **Note:** This property is overridden by the `header` slot.
+          */
+    headerText: string | undefined;
+    /**
+          Determines whether the component is in a fixed state that is not
+  expandable/collapsible by user interaction.
+          */
+    fixed: boolean;
+    /**
+          Indicates whether the component is collapsed and only the header is displayed.
+          */
+    collapsed: boolean;
+    /**
+          Indicates whether the transition between the expanded and the collapsed state of the component is animated. By default the animation is enabled.
+          */
+    noAnimation: boolean;
+    /**
+          Sets the accessible ARIA role of the component.
+  Depending on the usage, you can change the role from the default `Form`
+  to `Region` or `Complementary`.
+          */
+    accessibleRole: 'Complementary' | 'Form' | 'Region';
+    /**
+          Defines the "aria-level" of component heading,
+  set by the `headerText`.
+          */
+    headerLevel: 'H1' | 'H2' | 'H3' | 'H4' | 'H5' | 'H6';
+    /**
+          Defines the accessible ARIA name of the component.
+          */
+    accessibleName: string | undefined;
+    /**
+          Indicates whether the Panel header is sticky or not.
+  If stickyHeader is set to true, then whenever you scroll the content or
+  the application, the header of the panel will be always visible and
+  a solid color will be used for its design.
+          */
+    stickyHeader: boolean;
+    /**
+       Fired when the component is expanded/collapsed by user interaction.
+      */
+    ui5Toggle: EventEmitter<void>;
+    private elementRef;
+    private zone;
+    private cdr;
+    get element(): Panel;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<PanelComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PanelComponent, "ui5-panel", ["ui5Panel"], { "headerText": { "alias": "headerText"; "required": false; }; "fixed": { "alias": "fixed"; "required": false; }; "collapsed": { "alias": "collapsed"; "required": false; }; "noAnimation": { "alias": "noAnimation"; "required": false; }; "accessibleRole": { "alias": "accessibleRole"; "required": false; }; "headerLevel": { "alias": "headerLevel"; "required": false; }; "accessibleName": { "alias": "accessibleName"; "required": false; }; "stickyHeader": { "alias": "stickyHeader"; "required": false; }; }, { "ui5Toggle": "ui5Toggle"; }, never, ["*"], true, never>;
+    static ngAcceptInputType_fixed: unknown;
+    static ngAcceptInputType_collapsed: unknown;
+    static ngAcceptInputType_noAnimation: unknown;
+    static ngAcceptInputType_stickyHeader: unknown;
+}
+
+export { PanelComponent };

package/main/popover/index.d.ts

@@ -0,0 +1,117 @@
+import * as i0 from '@angular/core';
+import { EventEmitter } from '@angular/core';
+import Popover from '@ui5/webcomponents/dist/Popover.js';
+import { PopupBeforeCloseEventDetail } from '@ui5/webcomponents/dist/Popup.js';
+
+declare class PopoverComponent {
+    /**
+          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 on which side the component is placed at.
+          */
+    placement: 'Start' | 'End' | 'Top' | 'Bottom';
+    /**
+          Determines the horizontal alignment of the component.
+          */
+    horizontalAlign: 'Center' | 'Start' | 'End' | 'Stretch';
+    /**
+          Determines the vertical alignment of the component.
+          */
+    verticalAlign: 'Center' | 'Top' | 'Bottom' | 'Stretch';
+    /**
+          Defines whether the component should close when
+  clicking/tapping outside of the popover.
+  If enabled, it blocks any interaction with the background.
+          */
+    modal: boolean;
+    /**
+          Determines whether the component arrow is hidden.
+          */
+    hideArrow: boolean;
+    /**
+          Determines if there is no enough space, the component can be placed
+  over the target.
+          */
+    allowTargetOverlap: boolean;
+    /**
+          Defines the ID or DOM Reference of the element at which the popover is shown.
+  When using this attribute in a declarative way, you must only use the `id` (as a string) of the element at which you want to show the popover.
+  You can only set the `opener` attribute to a DOM Reference when using JavaScript.
+          */
+    opener: HTMLElement | string | null | undefined;
+    /**
+       Fired 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(): Popover;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<PopoverComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PopoverComponent, "ui5-popover", ["ui5Popover"], { "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; }; "placement": { "alias": "placement"; "required": false; }; "horizontalAlign": { "alias": "horizontalAlign"; "required": false; }; "verticalAlign": { "alias": "verticalAlign"; "required": false; }; "modal": { "alias": "modal"; "required": false; }; "hideArrow": { "alias": "hideArrow"; "required": false; }; "allowTargetOverlap": { "alias": "allowTargetOverlap"; "required": false; }; "opener": { "alias": "opener"; "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_modal: unknown;
+    static ngAcceptInputType_hideArrow: unknown;
+    static ngAcceptInputType_allowTargetOverlap: unknown;
+}
+
+export { PopoverComponent };

package/main/progress-indicator/index.d.ts

@@ -0,0 +1,43 @@
+import ProgressIndicator from '@ui5/webcomponents/dist/ProgressIndicator.js';
+import * as i0 from '@angular/core';
+
+declare class ProgressIndicatorComponent {
+    /**
+          Defines the accessible ARIA name of the component.
+          */
+    accessibleName: string | undefined;
+    /**
+          Defines whether the component value is shown.
+          */
+    hideValue: boolean;
+    /**
+          Specifies the numerical value in percent for the length of the component.
+  
+  **Note:**
+  If a value greater than 100 is provided, the percentValue is set to 100. In other cases of invalid value, percentValue is set to its default of 0.
+          */
+    value: number;
+    /**
+          Specifies the text value to be displayed in the bar.
+  
+  **Note:**
+  
+  - If there is no value provided or the value is empty, the default percentage value is shown.
+  - If `hideValue` property is `true` both the `displayValue` and `value` property values are not shown.
+          */
+    displayValue: string | undefined;
+    /**
+          Defines the value state of the component.
+          */
+    valueState: 'None' | 'Positive' | 'Critical' | 'Negative' | 'Information';
+    private elementRef;
+    private zone;
+    private cdr;
+    get element(): ProgressIndicator;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<ProgressIndicatorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ProgressIndicatorComponent, "ui5-progress-indicator", ["ui5ProgressIndicator"], { "accessibleName": { "alias": "accessibleName"; "required": false; }; "hideValue": { "alias": "hideValue"; "required": false; }; "value": { "alias": "value"; "required": false; }; "displayValue": { "alias": "displayValue"; "required": false; }; "valueState": { "alias": "valueState"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ngAcceptInputType_hideValue: unknown;
+}
+
+export { ProgressIndicatorComponent };

package/main/radio-button/index.d.ts

@@ -0,0 +1,96 @@
+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 RadioButton from '@ui5/webcomponents/dist/RadioButton.js';
+
+declare class RadioButtonComponent {
+    /**
+          Defines whether the component is disabled.
+  
+  **Note:** A disabled component is completely noninteractive.
+          */
+    disabled: boolean;
+    /**
+          Defines whether the component is read-only.
+  
+  **Note:** A read-only component isn't editable or selectable.
+  However, because it's focusable, it still provides visual feedback upon user interaction.
+          */
+    readonly: boolean;
+    /**
+          Defines whether the component is required.
+          */
+    required: boolean;
+    /**
+          Defines whether the component is checked or not.
+  
+  **Note:** The property value can be changed with user interaction,
+  either by clicking/tapping on the component,
+  or by using the Space or Enter key.
+  
+  **Note:** Only enabled radio buttons can be checked.
+  Read-only radio buttons are not selectable, and therefore are always unchecked.
+          */
+    checked: boolean;
+    /**
+          Defines the text of the component.
+          */
+    text: string | undefined;
+    /**
+          Defines the value state of the component.
+          */
+    valueState: 'None' | 'Positive' | 'Critical' | 'Negative' | 'Information';
+    /**
+          Determines the name by which the component will be identified upon submission in an HTML form.
+  
+  Radio buttons with the same `name` will form a radio button group.
+  
+  **Note:** By this name the component will be identified upon submission in an HTML form.
+  
+  **Note:** The selection can be changed with `ARROW_UP/DOWN` and `ARROW_LEFT/RIGHT` keys between radio buttons in same group.
+  
+  **Note:** Only one radio button can be selected per group.
+          */
+    name: string | undefined;
+    /**
+          Defines the form value of the component.
+  When a form with a radio button group is submitted, the group's value
+  will be the value of the currently selected radio button.
+          */
+    value: string;
+    /**
+          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.
+          */
+    wrappingType: 'None' | 'Normal';
+    /**
+          Defines the accessible ARIA name of the component.
+          */
+    accessibleName: string | undefined;
+    /**
+          Defines the IDs of the elements that label the component.
+          */
+    accessibleNameRef: string | undefined;
+    /**
+       Fired when the component checked state changes.
+      */
+    ui5Change: EventEmitter<void>;
+    private elementRef;
+    private zone;
+    private cdr;
+    protected _cva: GenericControlValueAccessor<any>;
+    get element(): RadioButton;
+    set cvaValue(val: string);
+    get cvaValue(): string;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<RadioButtonComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RadioButtonComponent, "ui5-radio-button", ["ui5RadioButton"], { "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; "text": { "alias": "text"; "required": false; }; "valueState": { "alias": "valueState"; "required": false; }; "name": { "alias": "name"; "required": false; }; "value": { "alias": "value"; "required": false; }; "wrappingType": { "alias": "wrappingType"; "required": false; }; "accessibleName": { "alias": "accessibleName"; "required": false; }; "accessibleNameRef": { "alias": "accessibleNameRef"; "required": false; }; }, { "ui5Change": "ui5Change"; }, never, ["*"], true, [{ directive: typeof i1.GenericControlValueAccessor; inputs: {}; outputs: {}; }]>;
+    static ngAcceptInputType_disabled: unknown;
+    static ngAcceptInputType_readonly: unknown;
+    static ngAcceptInputType_required: unknown;
+    static ngAcceptInputType_checked: unknown;
+}
+
+export { RadioButtonComponent };

package/main/range-slider/index.d.ts

@@ -0,0 +1,94 @@
+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 RangeSlider from '@ui5/webcomponents/dist/RangeSlider.js';
+
+declare class RangeSliderComponent {
+    /**
+          Defines the minimum value of the slider.
+          */
+    min: number;
+    /**
+          Defines the maximum value of the slider.
+          */
+    max: number;
+    /**
+          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 size of the slider's selection intervals (e.g. min = 0, max = 10, step = 5 would result in possible selection of the values 0, 5, 10).
+  
+  **Note:** If set to 0 the slider handle movement is disabled. When negative number or value other than a number, the component fallbacks to its default value.
+          */
+    step: number;
+    /**
+          Displays a label with a value on every N-th step.
+  
+  **Note:** The step and tickmarks properties must be enabled.
+  Example - if the step value is set to 2 and the label interval is also specified to 2 - then every second
+  tickmark will be labelled, which means every 4th value number.
+          */
+    labelInterval: number;
+    /**
+          Enables tickmarks visualization for each step.
+  
+  **Note:** The step must be a positive number.
+          */
+    showTickmarks: boolean;
+    /**
+          Enables handle tooltip displaying the current value.
+          */
+    showTooltip: boolean;
+    /**
+          
+  Indicates whether input fields should be used as tooltips for the handles.
+  
+  **Note:** Setting this option to true will only work if showTooltip is set to true.
+  **Note:** In order for the component to comply with the accessibility standard, it is recommended to set the editableTooltip property to true.
+          */
+    editableTooltip: boolean;
+    /**
+          Defines whether the slider is in disabled state.
+          */
+    disabled: boolean;
+    /**
+          Defines the accessible ARIA name of the component.
+          */
+    accessibleName: string | undefined;
+    /**
+          Defines start point of a selection - position of a first handle on the slider.
+          */
+    startValue: number;
+    /**
+          Defines end point of a selection - position of a second handle on the slider.
+          */
+    endValue: number;
+    /**
+       Fired when the value changes and the user has finished interacting with the slider.
+      */
+    ui5Change: EventEmitter<void>;
+    /**
+       Fired when the value changes due to user interaction that is not yet finished - during mouse/touch dragging.
+      */
+    ui5Input: EventEmitter<void>;
+    private elementRef;
+    private zone;
+    private cdr;
+    protected _cva: GenericControlValueAccessor<any>;
+    get element(): RangeSlider;
+    set cvaValue(val: number);
+    get cvaValue(): number;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<RangeSliderComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RangeSliderComponent, "ui5-range-slider", ["ui5RangeSlider"], { "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "name": { "alias": "name"; "required": false; }; "step": { "alias": "step"; "required": false; }; "labelInterval": { "alias": "labelInterval"; "required": false; }; "showTickmarks": { "alias": "showTickmarks"; "required": false; }; "showTooltip": { "alias": "showTooltip"; "required": false; }; "editableTooltip": { "alias": "editableTooltip"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "accessibleName": { "alias": "accessibleName"; "required": false; }; "startValue": { "alias": "startValue"; "required": false; }; "endValue": { "alias": "endValue"; "required": false; }; }, { "ui5Change": "ui5Change"; "ui5Input": "ui5Input"; }, never, ["*"], true, [{ directive: typeof i1.GenericControlValueAccessor; inputs: {}; outputs: {}; }]>;
+    static ngAcceptInputType_showTickmarks: unknown;
+    static ngAcceptInputType_showTooltip: unknown;
+    static ngAcceptInputType_editableTooltip: unknown;
+    static ngAcceptInputType_disabled: unknown;
+}
+
+export { RangeSliderComponent };

package/main/rating-indicator/index.d.ts

@@ -0,0 +1,69 @@
+import * as i0 from '@angular/core';
+import { EventEmitter } from '@angular/core';
+import RatingIndicator from '@ui5/webcomponents/dist/RatingIndicator.js';
+
+declare class RatingIndicatorComponent {
+    /**
+          The indicated value of the rating.
+  
+  **Note:** If you set a number which is not round, it would be shown as follows:
+  
+  - 1.0 - 1.2 -> 1
+  - 1.3 - 1.7 -> 1.5
+  - 1.8 - 1.9 -> 2
+          */
+    value: number;
+    /**
+          The number of displayed rating symbols.
+          */
+    max: number;
+    /**
+          Defines the size of the component.
+          */
+    size: 'S' | 'M' | 'L';
+    /**
+          Defines whether the component is disabled.
+  
+  **Note:** A disabled component is completely noninteractive.
+          */
+    disabled: boolean;
+    /**
+          Defines whether the component is read-only.
+  
+  **Note:** A read-only component is not editable,
+  but still provides visual feedback upon user interaction.
+          */
+    readonly: boolean;
+    /**
+          Defines the accessible ARIA name of the component.
+          */
+    accessibleName: string | undefined;
+    /**
+          Receives id(or many ids) of the elements that label the component.
+          */
+    accessibleNameRef: string | undefined;
+    /**
+          Defines whether the component is required.
+          */
+    required: boolean;
+    /**
+          Defines the tooltip of the component.
+          */
+    tooltip: string | undefined;
+    /**
+       The event is fired when the value changes.
+      */
+    ui5Change: EventEmitter<void>;
+    private elementRef;
+    private zone;
+    private cdr;
+    get element(): RatingIndicator;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<RatingIndicatorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RatingIndicatorComponent, "ui5-rating-indicator", ["ui5RatingIndicator"], { "value": { "alias": "value"; "required": false; }; "max": { "alias": "max"; "required": false; }; "size": { "alias": "size"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "accessibleName": { "alias": "accessibleName"; "required": false; }; "accessibleNameRef": { "alias": "accessibleNameRef"; "required": false; }; "required": { "alias": "required"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; }, { "ui5Change": "ui5Change"; }, never, ["*"], true, never>;
+    static ngAcceptInputType_disabled: unknown;
+    static ngAcceptInputType_readonly: unknown;
+    static ngAcceptInputType_required: unknown;
+}
+
+export { RatingIndicatorComponent };

package/main/responsive-popover/index.d.ts

@@ -0,0 +1,117 @@
+import * as i0 from '@angular/core';
+import { EventEmitter } from '@angular/core';
+import { PopupBeforeCloseEventDetail } from '@ui5/webcomponents/dist/Popup.js';
+import ResponsivePopover from '@ui5/webcomponents/dist/ResponsivePopover.js';
+
+declare class ResponsivePopoverComponent {
+    /**
+          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 on which side the component is placed at.
+          */
+    placement: 'Start' | 'End' | 'Top' | 'Bottom';
+    /**
+          Determines the horizontal alignment of the component.
+          */
+    horizontalAlign: 'Center' | 'Start' | 'End' | 'Stretch';
+    /**
+          Determines the vertical alignment of the component.
+          */
+    verticalAlign: 'Center' | 'Top' | 'Bottom' | 'Stretch';
+    /**
+          Defines whether the component should close when
+  clicking/tapping outside of the popover.
+  If enabled, it blocks any interaction with the background.
+          */
+    modal: boolean;
+    /**
+          Determines whether the component arrow is hidden.
+          */
+    hideArrow: boolean;
+    /**
+          Determines if there is no enough space, the component can be placed
+  over the target.
+          */
+    allowTargetOverlap: boolean;
+    /**
+          Defines the ID or DOM Reference of the element at which the popover is shown.
+  When using this attribute in a declarative way, you must only use the `id` (as a string) of the element at which you want to show the popover.
+  You can only set the `opener` attribute to a DOM Reference when using JavaScript.
+          */
+    opener: HTMLElement | string | null | undefined;
+    /**
+       Fired 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(): ResponsivePopover;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<ResponsivePopoverComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ResponsivePopoverComponent, "ui5-responsive-popover", ["ui5ResponsivePopover"], { "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; }; "placement": { "alias": "placement"; "required": false; }; "horizontalAlign": { "alias": "horizontalAlign"; "required": false; }; "verticalAlign": { "alias": "verticalAlign"; "required": false; }; "modal": { "alias": "modal"; "required": false; }; "hideArrow": { "alias": "hideArrow"; "required": false; }; "allowTargetOverlap": { "alias": "allowTargetOverlap"; "required": false; }; "opener": { "alias": "opener"; "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_modal: unknown;
+    static ngAcceptInputType_hideArrow: unknown;
+    static ngAcceptInputType_allowTargetOverlap: unknown;
+}
+
+export { ResponsivePopoverComponent };

package/main/segmented-button/index.d.ts

@@ -0,0 +1,47 @@
+import * as i0 from '@angular/core';
+import { EventEmitter } from '@angular/core';
+import SegmentedButton, { SegmentedButtonSelectionChangeEventDetail } from '@ui5/webcomponents/dist/SegmentedButton.js';
+
+declare class SegmentedButtonComponent {
+    /**
+          Defines the accessible ARIA name of the component.
+          */
+    accessibleName: string | undefined;
+    /**
+          Defines the IDs of the HTML Elements that label the component.
+          */
+    accessibleNameRef: string | undefined;
+    /**
+          Defines the accessible description of the component.
+          */
+    accessibleDescription: string | undefined;
+    /**
+          Defines the IDs of the HTML Elements that describe the component.
+          */
+    accessibleDescriptionRef: string | undefined;
+    /**
+          Defines the component selection mode.
+          */
+    selectionMode: 'Single' | 'Multiple';
+    /**
+          Determines whether the segmented button items should be sized to fit their content.
+  
+  If set to `true`, each item will be sized to fit its content, with any extra space distributed after the last item.
+  If set to `false` (the default), all items will be equally sized to fill the available space.
+          */
+    itemsFitContent: boolean;
+    /**
+       Fired when the selected item changes.
+      */
+    ui5SelectionChange: EventEmitter<SegmentedButtonSelectionChangeEventDetail>;
+    private elementRef;
+    private zone;
+    private cdr;
+    get element(): SegmentedButton;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<SegmentedButtonComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SegmentedButtonComponent, "ui5-segmented-button", ["ui5SegmentedButton"], { "accessibleName": { "alias": "accessibleName"; "required": false; }; "accessibleNameRef": { "alias": "accessibleNameRef"; "required": false; }; "accessibleDescription": { "alias": "accessibleDescription"; "required": false; }; "accessibleDescriptionRef": { "alias": "accessibleDescriptionRef"; "required": false; }; "selectionMode": { "alias": "selectionMode"; "required": false; }; "itemsFitContent": { "alias": "itemsFitContent"; "required": false; }; }, { "ui5SelectionChange": "ui5SelectionChange"; }, never, ["*"], true, never>;
+    static ngAcceptInputType_itemsFitContent: unknown;
+}
+
+export { SegmentedButtonComponent };