@ui5/webcomponents-ngx 0.3.0-rc.2 → 0.3.0-rc.3

package/main/special-calendar-date/index.d.ts

@@ -0,0 +1,22 @@
+import '@ui5/webcomponents/dist/SpecialCalendarDate.js';
+import SpecialCalendarDate from '@ui5/webcomponents/dist/SpecialCalendarDate.js';
+import * as i0 from "@angular/core";
+declare class SpecialCalendarDateComponent {
+    /**
+       The date formatted according to the `formatPattern` property
+  of the `ui5-calendar` that hosts the component.
+      */
+    value: string;
+    /**
+       Defines the type of the special date.
+      */
+    type: 'None' | 'Working' | 'NonWorking' | 'Type01' | 'Type02' | 'Type03' | 'Type04' | 'Type05' | 'Type06' | 'Type07' | 'Type08' | 'Type09' | 'Type10' | 'Type11' | 'Type12' | 'Type13' | 'Type14' | 'Type15' | 'Type16' | 'Type17' | 'Type18' | 'Type19' | 'Type20';
+    private elementRef;
+    private zone;
+    private cdr;
+    get element(): SpecialCalendarDate;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<SpecialCalendarDateComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SpecialCalendarDateComponent, "ui5-special-date", ["ui5SpecialDate"], { "value": { "alias": "value"; "required": false; }; "type": { "alias": "type"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+export { SpecialCalendarDateComponent };

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

@@ -6,16 +6,12 @@ declare class SplitButtonComponent {
     /**
        Defines the icon to be displayed as graphical element within the component.
   The SAP-icons font provides numerous options.
-  <br><br>
+  
   Example:
   
-  See all the available icons in the <ui5-link target="_blank" href="https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html">Icon Explorer</ui5-link>.
+  See all the available icons in the [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).
       */
     icon: string;
-    /**
-       Defines the icon to be displayed in active state as graphical element within the component.
-      */
-    activeIcon: string;
     /**
        Defines whether the arrow button should have the active state styles or not.
       */
@@ -48,6 +44,6 @@ declare class SplitButtonComponent {
     get element(): SplitButton;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<SplitButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SplitButtonComponent, "ui5-split-button", never, { "icon": { "alias": "icon"; "required": false; }; "activeIcon": { "alias": "activeIcon"; "required": false; }; "activeArrowButton": { "alias": "activeArrowButton"; "required": false; }; "design": { "alias": "design"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "accessibleName": { "alias": "accessibleName"; "required": false; }; }, { "ui5Click": "ui5Click"; "ui5ArrowClick": "ui5ArrowClick"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SplitButtonComponent, "ui5-split-button", ["ui5SplitButton"], { "icon": { "alias": "icon"; "required": false; }; "activeArrowButton": { "alias": "activeArrowButton"; "required": false; }; "design": { "alias": "design"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "accessibleName": { "alias": "accessibleName"; "required": false; }; }, { "ui5Click": "ui5Click"; "ui5ArrowClick": "ui5ArrowClick"; }, never, ["*"], true, never>;
 }
 export { SplitButtonComponent };

package/main/standard-list-item/index.d.ts

@@ -1,84 +1,91 @@
 import { EventEmitter } from '@angular/core';
-import { AccessibilityAttributes } from '@ui5/webcomponents/dist/ListItem.js';
+import { ListItemAccessibilityAttributes } from '@ui5/webcomponents/dist/ListItem.js';
 import '@ui5/webcomponents/dist/StandardListItem.js';
 import StandardListItem from '@ui5/webcomponents/dist/StandardListItem.js';
 import * as i0 from "@angular/core";
 declare class StandardListItemComponent {
     /**
-       Defines the selected state of the <code>ListItem</code>.
+       Defines the selected state of the component.
       */
     selected: boolean;
     /**
        Defines the visual indication and behavior of the list items.
-  Available options are <code>Active</code> (by default), <code>Inactive</code>, <code>Detail</code> and <code>Navigation</code>.
-  <br><br>
-  <b>Note:</b> When set to <code>Active</code> or <code>Navigation</code>, the item will provide visual response upon press and hover,
-  while with type <code>Inactive</code> and <code>Detail</code> - will not.
+  Available options are `Active` (by default), `Inactive`, `Detail` and `Navigation`.
+  
+  **Note:** When set to `Active` or `Navigation`, the item will provide visual response upon press and hover,
+  while with type `Inactive` and `Detail` - will not.
       */
     type: 'Inactive' | 'Active' | 'Detail' | 'Navigation';
     /**
-       An object of strings that defines several additional accessibility attribute values
-  for customization depending on the use case.
+       Defines the additional accessibility attributes that will be applied to the component.
+  The following fields are supported:
   
-   It supports the following fields:
+  - **ariaSetsize**: Defines the number of items in the current set  when not all items in the set are present in the DOM.
+  **Note:** The value is an integer reflecting the number of items in the complete set. If the size of the entire set is unknown, set `-1`.
   
-  <ul>
-          <li><code>ariaSetsize</code>: Defines the number of items in the current set of listitems or treeitems when not all items in the set are present in the DOM.
-          The value of each <code>aria-setsize</code> is an integer reflecting number of items in the complete set.
-          <b>Note: </b> If the size of the entire set is unknown, set <code>aria-setsize="-1"</code>.
-          </li>
-          <li><code>ariaPosinset</code>: Defines an element's number or position in the current set of listitems or treeitems when not all items are present in the DOM.
-          The value of each <code>aria-posinset</code> is an integer greater than or equal to 1, and less than or equal to the size of the set when that size is known.
-          </li>
-  </ul>
+      - **ariaPosinset**: Defines an element's number or position in the current set when not all items are present in the DOM.
+      **Note:** The value is an integer greater than or equal to 1, and less than or equal to the size of the set when that size is known.
       */
-    accessibilityAttributes: AccessibilityAttributes;
+    accessibilityAttributes: ListItemAccessibilityAttributes;
     /**
        The navigated state of the list item.
-  If set to <code>true</code>, a navigation indicator is displayed at the end of the list item.
+  If set to `true`, a navigation indicator is displayed at the end of the list item.
       */
     navigated: boolean;
+    /**
+       Defines the text of the tooltip that would be displayed for the list item.
+      */
+    tooltip: string;
+    /**
+       Defines the highlight state of the list items.
+  Available options are: `"None"` (by default), `"Positive"`, `"Critical"`, `"Information"` and `"Negative"`.
+      */
+    highlight: 'None' | 'Positive' | 'Critical' | 'Negative' | 'Information';
     /**
        Defines the description displayed right under the item text, if such is present.
       */
     description: string;
     /**
-       Defines the <code>icon</code> source URI.
-  <br><br>
-  <b>Note:</b>
+       Defines the `icon` source URI.
+  
+  **Note:**
   SAP-icons font provides numerous built-in icons. To find all the available icons, see the
-  <ui5-link target="_blank" href="https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html">Icon Explorer</ui5-link>.
+  [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).
       */
     icon: string;
     /**
-       Defines whether the <code>icon</code> should be displayed in the beginning of the list item or in the end.
-  <br><br>
-  <b>Note:</b> If <code>image</code> is set, the <code>icon</code> would be displayed after the <code>image</code>.
+       Defines whether the `icon` should be displayed in the beginning of the list item or in the end.
+  
+  **Note:** If `image` is set, the `icon` would be displayed after the `image`.
       */
     iconEnd: boolean;
     /**
-       Defines the <code>image</code> source URI.
-  <br><br>
-  <b>Note:</b> The <code>image</code> would be displayed in the beginning of the list item.
+       Defines the `image` source URI.
+  
+  **Note:** The `image` would be displayed in the beginning of the list item.
       */
     image: string;
     /**
-       Defines the <code>additionalText</code>, displayed in the end of the list item.
+       Defines the `additionalText`, displayed in the end of the list item.
       */
     additionalText: string;
     /**
-       Defines the state of the <code>additionalText</code>.
-  <br>
-  Available options are: <code>"None"</code> (by default), <code>"Success"</code>, <code>"Warning"</code>, <code>"Information"</code> and <code>"Error"</code>.
+       Defines the state of the `additionalText`.
+  
+  Available options are: `"None"` (by default), `"Positive"`, `"Critical"`, `"Information"` and `"Negative"`.
+      */
+    additionalTextState: 'None' | 'Positive' | 'Critical' | 'Negative' | 'Information';
+    /**
+       Defines whether the item is movable.
       */
-    additionalTextState: 'None' | 'Success' | 'Warning' | 'Error' | 'Information';
+    movable: boolean;
     /**
        Defines the text alternative of the component.
   Note: If not provided a default text alternative will be set, if present.
       */
     accessibleName: string;
     /**
-       Fired when the user clicks on the detail button when type is <code>Detail</code>.
+       Fired when the user clicks on the detail button when type is `Detail`.
       */
     ui5DetailClick: EventEmitter<void>;
     private elementRef;
@@ -87,6 +94,6 @@ declare class StandardListItemComponent {
     get element(): StandardListItem;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<StandardListItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<StandardListItemComponent, "ui5-li", never, { "selected": { "alias": "selected"; "required": false; }; "type": { "alias": "type"; "required": false; }; "accessibilityAttributes": { "alias": "accessibilityAttributes"; "required": false; }; "navigated": { "alias": "navigated"; "required": false; }; "description": { "alias": "description"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconEnd": { "alias": "iconEnd"; "required": false; }; "image": { "alias": "image"; "required": false; }; "additionalText": { "alias": "additionalText"; "required": false; }; "additionalTextState": { "alias": "additionalTextState"; "required": false; }; "accessibleName": { "alias": "accessibleName"; "required": false; }; }, { "ui5DetailClick": "ui5DetailClick"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<StandardListItemComponent, "ui5-li", ["ui5Li"], { "selected": { "alias": "selected"; "required": false; }; "type": { "alias": "type"; "required": false; }; "accessibilityAttributes": { "alias": "accessibilityAttributes"; "required": false; }; "navigated": { "alias": "navigated"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; "highlight": { "alias": "highlight"; "required": false; }; "description": { "alias": "description"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconEnd": { "alias": "iconEnd"; "required": false; }; "image": { "alias": "image"; "required": false; }; "additionalText": { "alias": "additionalText"; "required": false; }; "additionalTextState": { "alias": "additionalTextState"; "required": false; }; "movable": { "alias": "movable"; "required": false; }; "accessibleName": { "alias": "accessibleName"; "required": false; }; }, { "ui5DetailClick": "ui5DetailClick"; }, never, ["*"], true, never>;
 }
 export { StandardListItemComponent };

package/main/step-input/index.d.ts

@@ -1,6 +1,6 @@
 import { EventEmitter } from '@angular/core';
 import '@ui5/webcomponents/dist/StepInput.js';
-import StepInput from '@ui5/webcomponents/dist/StepInput.js';
+import { default as StepInput, StepInputValueStateChangeEventDetail } from '@ui5/webcomponents/dist/StepInput.js';
 import * as i0 from "@angular/core";
 declare class StepInputComponent {
     /**
@@ -22,7 +22,7 @@ declare class StepInputComponent {
     /**
        Defines the value state of the component.
       */
-    valueState: 'None' | 'Success' | 'Warning' | 'Error' | 'Information';
+    valueState: 'None' | 'Positive' | 'Critical' | 'Negative' | 'Information';
     /**
        Defines whether the component is required.
       */
@@ -39,22 +39,14 @@ declare class StepInputComponent {
        Defines a short hint, intended to aid the user with data entry when the
   component has no value.
   
-  <br><br>
-  <b>Note:</b> When no placeholder is set, the format pattern is displayed as a placeholder.
+  **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 with which the component will be submitted in an HTML form.
+       Determines the name by which the component will be identified upon submission in an HTML form.
   
-  <br><br>
-  <b>Important:</b> For the <code>name</code> property to have effect, you must add the following import to your project:
-  <code>import "@ui5/webcomponents/dist/features/InputElementsFormSupport.js";</code>
-  
-  <br><br>
-  <b>Note:</b> When set, a native <code>input</code> HTML element
-  will be created inside the component so that it can be submitted as
-  part of an HTML form. Do not use this property unless you need to submit a form.
+  **Note:** This property is only applicable within the context of an HTML Form element.
       */
     name: string;
     /**
@@ -73,12 +65,18 @@ declare class StepInputComponent {
        Fired when the input operation has finished by pressing Enter or on focusout.
       */
     ui5Change: EventEmitter<void>;
+    /**
+       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<StepInputValueStateChangeEventDetail>;
     private elementRef;
     private zone;
     private cdr;
     get element(): StepInput;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<StepInputComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<StepInputComponent, "ui5-step-input", never, { "value": { "alias": "value"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "step": { "alias": "step"; "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; }; "valuePrecision": { "alias": "valuePrecision"; "required": false; }; "accessibleName": { "alias": "accessibleName"; "required": false; }; "accessibleNameRef": { "alias": "accessibleNameRef"; "required": false; }; }, { "ui5Change": "ui5Change"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<StepInputComponent, "ui5-step-input", ["ui5StepInput"], { "value": { "alias": "value"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "step": { "alias": "step"; "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; }; "valuePrecision": { "alias": "valuePrecision"; "required": false; }; "accessibleName": { "alias": "accessibleName"; "required": false; }; "accessibleNameRef": { "alias": "accessibleNameRef"; "required": false; }; }, { "ui5Change": "ui5Change"; "ui5ValueStateChange": "ui5ValueStateChange"; }, never, ["*"], true, never>;
 }
 export { StepInputComponent };

package/main/suggestion-group-item/index.d.ts

@@ -3,7 +3,7 @@ import SuggestionGroupItem from '@ui5/webcomponents/dist/SuggestionGroupItem.js'
 import * as i0 from "@angular/core";
 declare class SuggestionGroupItemComponent {
     /**
-       Defines the text of the <code>ui5-suggestion-group-item</code>.
+       Defines the text of the `ui5-suggestion-group-item`.
       */
     text: string;
     private elementRef;
@@ -12,6 +12,6 @@ declare class SuggestionGroupItemComponent {
     get element(): SuggestionGroupItem;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<SuggestionGroupItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SuggestionGroupItemComponent, "ui5-suggestion-group-item", never, { "text": { "alias": "text"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SuggestionGroupItemComponent, "ui5-suggestion-group-item", ["ui5SuggestionGroupItem"], { "text": { "alias": "text"; "required": false; }; }, {}, never, ["*"], true, never>;
 }
 export { SuggestionGroupItemComponent };

package/main/suggestion-item/index.d.ts

@@ -8,10 +8,10 @@ declare class SuggestionItemComponent {
     text: string;
     /**
        Defines the visual indication and behavior of the item.
-  Available options are <code>Active</code> (by default), <code>Inactive</code> and <code>Detail</code>.
-  <br><br>
-  <b>Note:</b> When set to <code>Active</code>, the item will provide visual response upon press and hover,
-  while when <code>Inactive</code> or <code>Detail</code> - will not.
+  Available options are `Active` (by default), `Inactive` and `Detail`.
+  
+  **Note:** When set to `Active`, the item will provide visual response upon press and hover,
+  while when `Inactive` or `Detail` - will not.
       */
     type: 'Inactive' | 'Active' | 'Detail' | 'Navigation';
     /**
@@ -19,39 +19,39 @@ declare class SuggestionItemComponent {
       */
     description: string;
     /**
-       Defines the <code>icon</code> source URI.
-  <br><br>
-  <b>Note:</b>
+       Defines the `icon` source URI.
+  
+  **Note:**
   SAP-icons font provides numerous built-in icons. To find all the available icons, see the
-  <ui5-link target="_blank" href="https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html">Icon Explorer</ui5-link>.
+  [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).
       */
     icon: string;
     /**
-       Defines whether the <code>icon</code> should be displayed in the beginning of the item or in the end.
-  <br><br>
-  <b>Note:</b> If <code>image</code> is set, the <code>icon</code> would be displayed after the <code>image</code>.
+       Defines whether the `icon` should be displayed in the beginning of the item or in the end.
+  
+  **Note:** If `image` is set, the `icon` would be displayed after the `image`.
       */
     iconEnd: boolean;
     /**
-       Defines the <code>image</code> source URI.
-  <br><br>
-  <b>Note:</b> The <code>image</code> would be displayed in the beginning of the item.
+       Defines the `image` source URI.
+  
+  **Note:** The `image` would be displayed in the beginning of the item.
       */
     image: string;
     /**
-       Defines the <code>additionalText</code>, displayed in the end of the item.
+       Defines the `additionalText`, displayed in the end of the item.
       */
     additionalText: string;
     /**
-       Defines the state of the <code>additionalText</code>.
+       Defines the state of the `additionalText`.
       */
-    additionalTextState: 'None' | 'Success' | 'Warning' | 'Error' | 'Information';
+    additionalTextState: 'None' | 'Positive' | 'Critical' | 'Negative' | 'Information';
     private elementRef;
     private zone;
     private cdr;
     get element(): SuggestionItem;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<SuggestionItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SuggestionItemComponent, "ui5-suggestion-item", never, { "text": { "alias": "text"; "required": false; }; "type": { "alias": "type"; "required": false; }; "description": { "alias": "description"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconEnd": { "alias": "iconEnd"; "required": false; }; "image": { "alias": "image"; "required": false; }; "additionalText": { "alias": "additionalText"; "required": false; }; "additionalTextState": { "alias": "additionalTextState"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SuggestionItemComponent, "ui5-suggestion-item", ["ui5SuggestionItem"], { "text": { "alias": "text"; "required": false; }; "type": { "alias": "type"; "required": false; }; "description": { "alias": "description"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconEnd": { "alias": "iconEnd"; "required": false; }; "image": { "alias": "image"; "required": false; }; "additionalText": { "alias": "additionalText"; "required": false; }; "additionalTextState": { "alias": "additionalTextState"; "required": false; }; }, {}, never, ["*"], true, never>;
 }
 export { SuggestionItemComponent };

package/main/switch/index.d.ts

@@ -7,55 +7,54 @@ import * as i1 from "@ui5/webcomponents-ngx/generic-cva";
 declare class SwitchComponent {
     /**
        Defines the component design.
-  <br><br>
-  <b>Note:</b> If <code>Graphical</code> type is set,
-  positive and negative icons will replace the <code>textOn</code> and <code>textOff</code>.
+  
+  **Note:** If `Graphical` type is set,
+  positive and negative icons will replace the `textOn` and `textOff`.
       */
     design: 'Textual' | 'Graphical';
     /**
        Defines if the component is checked.
-  <br><br>
-  <b>Note:</b> The property can be changed with user interaction,
-  either by cliking the component, or by pressing the <code>Enter</code> or <code>Space</code> key.
+  
+  **Note:** The property can be changed with user interaction,
+  either by cliking the component, or by pressing the `Enter` or `Space` key.
       */
     checked: boolean;
     /**
        Defines whether the component is disabled.
-  <br><br>
-  <b>Note:</b> A disabled component is noninteractive.
+  
+  **Note:** A disabled component is noninteractive.
       */
     disabled: boolean;
     /**
        Defines the text, displayed when the component is checked.
   
-  <br><br>
-  <b>Note:</b> We recommend using short texts, up to 3 letters (larger texts would be cut off).
+  **Note:** We recommend using short texts, up to 3 letters (larger texts would be cut off).
       */
     textOn: string;
     /**
        Defines the text, displayed when the component is not checked.
-  <br><br>
-  <b>Note:</b> We recommend using short texts, up to 3 letters (larger texts would be cut off).
+  
+  **Note:** We recommend using short texts, up to 3 letters (larger texts would be cut off).
       */
     textOff: string;
     /**
        Sets the accessible ARIA name of the component.
   
-  <b>Note</b>: We recommend that you set an accessibleNameRef pointing to an external label or at least an <code>accessibleName</code>.
-  Providing an <code>accessibleNameRef</code> or an <code>accessibleName</code> is mandatory in the cases when <code>textOn</code> and <code>textOff</code> properties aren't set.
+  **Note**: We recommend that you set an accessibleNameRef pointing to an external label or at least an `accessibleName`.
+  Providing an `accessibleNameRef` or an `accessibleName` is mandatory in the cases when `textOn` and `textOff` properties aren't set.
       */
     accessibleName: string;
     /**
        Receives id(or many ids) of the elements that label the component.
   
-  <b>Note</b>: We recommend that you set an accessibleNameRef pointing to an external label or at least an <code>accessibleName</code>.
-  Providing an <code>accessibleNameRef</code> or an <code>accessibleName</code> is mandatory in the cases when <code>textOn</code> and <code>textOff</code> properties aren't set.
+  **Note**: We recommend that you set an accessibleNameRef pointing to an external label or at least an `accessibleName`.
+  Providing an `accessibleNameRef` or an `accessibleName` is mandatory in the cases when `textOn` and `textOff` properties aren't set.
       */
     accessibleNameRef: string;
     /**
        Defines the tooltip of the component.
-  <br>
-  <b>Note:</b> If applicable an external label reference should always be the preferred option to provide context to the <code>ui5-switch</code> component over a tooltip.
+  
+  **Note:** If applicable an external label reference should always be the preferred option to provide context to the `ui5-switch` component over a tooltip.
       */
     tooltip: string;
     /**
@@ -63,16 +62,9 @@ declare class SwitchComponent {
       */
     required: boolean;
     /**
-       Determines the name with which the component will be submitted in an HTML form.
-  
-  <br><br>
-  <b>Important:</b> For the <code>name</code> property to have effect, you must add the following import to your project:
-  <code>import "@ui5/webcomponents/dist/features/InputElementsFormSupport.js";</code>
+       Determines the name by which the component will be identified upon submission in an HTML form.
   
-  <br><br>
-  <b>Note:</b> When set, a native <code>input</code> HTML element
-  will be created inside the component so that it can be submitted as
-  part of an HTML form. Do not use this property unless you need to submit a form.
+  **Note:** This property is only applicable within the context of an HTML Form element.
       */
     name: string;
     /**
@@ -88,6 +80,6 @@ declare class SwitchComponent {
     get cvaValue(): boolean;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<SwitchComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SwitchComponent, "ui5-switch", never, { "design": { "alias": "design"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "textOn": { "alias": "textOn"; "required": false; }; "textOff": { "alias": "textOff"; "required": false; }; "accessibleName": { "alias": "accessibleName"; "required": false; }; "accessibleNameRef": { "alias": "accessibleNameRef"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; "required": { "alias": "required"; "required": false; }; "name": { "alias": "name"; "required": false; }; }, { "ui5Change": "ui5Change"; }, never, ["*"], true, [{ directive: typeof i1.GenericControlValueAccessor; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SwitchComponent, "ui5-switch", ["ui5Switch"], { "design": { "alias": "design"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "textOn": { "alias": "textOn"; "required": false; }; "textOff": { "alias": "textOff"; "required": false; }; "accessibleName": { "alias": "accessibleName"; "required": false; }; "accessibleNameRef": { "alias": "accessibleNameRef"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; "required": { "alias": "required"; "required": false; }; "name": { "alias": "name"; "required": false; }; }, { "ui5Change": "ui5Change"; }, never, ["*"], true, [{ directive: typeof i1.GenericControlValueAccessor; inputs: {}; outputs: {}; }]>;
 }
 export { SwitchComponent };

package/main/tab/index.d.ts

@@ -17,24 +17,21 @@ declare class TabComponent {
     /**
        Defines the icon source URI to be displayed as graphical element within the component.
   The SAP-icons font provides numerous built-in icons.
-  See all the available icons in the <ui5-link target="_blank" href="https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html">Icon Explorer</ui5-link>.
+  See all the available icons in the [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).
       */
     icon: string;
     /**
        Defines the component's design color.
-  <br><br>
+  
   The design is applied to:
-  <ul>
-  <li>the component icon</li>
-  <li>the <code>text</code> when the component overflows</li>
-  <li>the tab selection line</li>
-  </ul>
   
-  <br><br>
-  Available designs are: <code>"Default"</code>, <code>"Neutral"</code>, <code>"Positive"</code>, <code>"Critical"</code> and <code>"Negative"</code>.
+  - the component icon
+  - the `text` when the component overflows
+  - the tab selection line
+  
+  Available designs are: `"Default"`, `"Neutral"`, `"Positive"`, `"Critical"` and `"Negative"`.
   
-  <br><br>
-  <b>Note:</b> The design depends on the current theme.
+  **Note:** The design depends on the current theme.
       */
     design: 'Default' | 'Positive' | 'Negative' | 'Critical' | 'Neutral';
     /**
@@ -47,6 +44,6 @@ declare class TabComponent {
     get element(): Tab;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<TabComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TabComponent, "ui5-tab", never, { "text": { "alias": "text"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "additionalText": { "alias": "additionalText"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "design": { "alias": "design"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TabComponent, "ui5-tab", ["ui5Tab"], { "text": { "alias": "text"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "additionalText": { "alias": "additionalText"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "design": { "alias": "design"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; }, {}, never, ["*"], true, never>;
 }
 export { TabComponent };

package/main/tab-container/index.d.ts

@@ -1,61 +1,59 @@
 import { EventEmitter } from '@angular/core';
 import '@ui5/webcomponents/dist/TabContainer.js';
-import { default as TabContainer, TabContainerTabSelectEventDetail } from '@ui5/webcomponents/dist/TabContainer.js';
+import { default as TabContainer, TabContainerMoveEventDetail, TabContainerTabSelectEventDetail } from '@ui5/webcomponents/dist/TabContainer.js';
 import * as i0 from "@angular/core";
 declare class TabContainerComponent {
-    /**
-       Defines whether the tabs are in a fixed state that is not
-  expandable/collapsible by user interaction.
-      */
-    fixed: boolean;
     /**
        Defines whether the tab content is collapsed.
       */
     collapsed: boolean;
     /**
-       Defines whether the overflow select list is displayed.
-  <br><br>
-  The overflow select list represents a list, where all tabs are displayed
-  so that it's easier for the user to select a specific tab.
-      */
-    showOverflow: boolean;
-    /**
-       Defines the alignment of the content and the <code>additionalText</code> of a tab.
+       Defines the alignment of the content and the `additionalText` of a tab.
   
-  <br>
-  <b>Note:</b>
-  The content and the <code>additionalText</code> would be displayed vertically by default,
-  but when set to <code>Inline</code>, they would be displayed horizontally.
+  **Note:**
+  The content and the `additionalText` would be displayed vertically by default,
+  but when set to `Inline`, they would be displayed horizontally.
       */
     tabLayout: 'Inline' | 'Standard';
     /**
        Defines the overflow mode of the header (the tab strip). If you have a large number of tabs, only the tabs that can fit on screen will be visible.
   All other tabs that can 't fit on the screen are available in an overflow tab "More".
   
-  <br>
-  <b>Note:</b>
+  **Note:**
   Only one overflow at the end would be displayed by default,
-  but when set to <code>StartAndEnd</code>, there will be two overflows on both ends, and tab order will not change on tab selection.
+  but when set to `StartAndEnd`, there will be two overflows on both ends, and tab order will not change on tab selection.
       */
-    tabsOverflowMode: 'End' | 'StartAndEnd';
+    overflowMode: 'End' | 'StartAndEnd';
     /**
-       Sets the background color of the Tab Container's header as <code>Solid</code>, <code>Transparent</code>, or <code>Translucent</code>.
+       Sets the background color of the Tab Container's header as `Solid`, `Transparent`, or `Translucent`.
       */
     headerBackgroundDesign: 'Solid' | 'Transparent' | 'Translucent';
     /**
-       Sets the background color of the Tab Container's content as <code>Solid</code>, <code>Transparent</code>, or <code>Translucent</code>.
+       Sets the background color of the Tab Container's content as `Solid`, `Transparent`, or `Translucent`.
       */
     contentBackgroundDesign: 'Solid' | 'Transparent' | 'Translucent';
     /**
        Fired when a tab is selected.
       */
     ui5TabSelect: EventEmitter<TabContainerTabSelectEventDetail>;
+    /**
+       Fired when element is being moved over the tab container.
+  
+  If the new position is valid, prevent the default action of the event using `preventDefault()`.
+      */
+    ui5MoveOver: EventEmitter<TabContainerMoveEventDetail>;
+    /**
+       Fired when element is moved to the tab container.
+  
+  **Note:** `move` event is fired only if there was a preceding `move-over` with prevented default action.
+      */
+    ui5Move: EventEmitter<TabContainerMoveEventDetail>;
     private elementRef;
     private zone;
     private cdr;
     get element(): TabContainer;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<TabContainerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TabContainerComponent, "ui5-tabcontainer", never, { "fixed": { "alias": "fixed"; "required": false; }; "collapsed": { "alias": "collapsed"; "required": false; }; "showOverflow": { "alias": "showOverflow"; "required": false; }; "tabLayout": { "alias": "tabLayout"; "required": false; }; "tabsOverflowMode": { "alias": "tabsOverflowMode"; "required": false; }; "headerBackgroundDesign": { "alias": "headerBackgroundDesign"; "required": false; }; "contentBackgroundDesign": { "alias": "contentBackgroundDesign"; "required": false; }; }, { "ui5TabSelect": "ui5TabSelect"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TabContainerComponent, "ui5-tabcontainer", ["ui5Tabcontainer"], { "collapsed": { "alias": "collapsed"; "required": false; }; "tabLayout": { "alias": "tabLayout"; "required": false; }; "overflowMode": { "alias": "overflowMode"; "required": false; }; "headerBackgroundDesign": { "alias": "headerBackgroundDesign"; "required": false; }; "contentBackgroundDesign": { "alias": "contentBackgroundDesign"; "required": false; }; }, { "ui5TabSelect": "ui5TabSelect"; "ui5MoveOver": "ui5MoveOver"; "ui5Move": "ui5Move"; }, never, ["*"], true, never>;
 }
 export { TabContainerComponent };

package/main/tab-separator/index.d.ts

@@ -8,6 +8,6 @@ declare class TabSeparatorComponent {
     get element(): TabSeparator;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<TabSeparatorComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TabSeparatorComponent, "ui5-tab-separator", never, {}, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TabSeparatorComponent, "ui5-tab-separator", ["ui5TabSeparator"], {}, {}, never, ["*"], true, never>;
 }
 export { TabSeparatorComponent };