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

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

@@ -1,17 +1,11 @@
 import { EventEmitter } from '@angular/core';
 import '@ui5/webcomponents/dist/ToolbarButton.js';
-import { AccessibilityAttributes, default as ToolbarButton } from '@ui5/webcomponents/dist/ToolbarButton.js';
+import { ToolbarAccessibilityAttributes, default as ToolbarButton } from '@ui5/webcomponents/dist/ToolbarButton.js';
 import * as i0 from "@angular/core";
 declare class ToolbarButtonComponent {
     /**
        Property used to define the access of the item to the overflow Popover. If "NeverOverflow" option is set,
   the item never goes in the Popover, if "AlwaysOverflow" - it never comes out of it.
-  Available options are:
-  <ul>
-  <li><code>NeverOverflow</code></li>
-  <li><code>AlwaysOverflow</code></li>
-  <li><code>Default</code></li>
-  </ul>
       */
     overflowPriority: 'Default' | 'NeverOverflow' | 'AlwaysOverflow';
     /**
@@ -21,40 +15,37 @@ declare class ToolbarButtonComponent {
     preventOverflowClosing: boolean;
     /**
        Defines if the action is disabled.
-  <br><br>
-  <b>Note:</b> a disabled action can't be pressed or focused, and it is not in the tab chain.
+  
+  **Note:** a disabled action can't be pressed or focused, and it is not in the tab chain.
       */
     disabled: boolean;
     /**
        Defines the action design.
-  <b>The available values are:</b>
-  
-  <ul>
-  <li><code>Default</code></li>
-  <li><code>Emphasized</code></li>
-  <li><code>Positive</code></li>
-  <li><code>Negative</code></li>
-  <li><code>Transparent</code></li>
-  <li><code>Attention</code></li>
-  </ul>
       */
     design: 'Default' | 'Positive' | 'Negative' | 'Transparent' | 'Emphasized' | 'Attention';
     /**
-       Defines the <code>icon</code> source URI.
-  <br><br>
-  <b>Note:</b>
-  SAP-icons font provides numerous buil-in icons. To find all the available icons, see the
-  <ui5-link target="_blank" href="https://openui5.hana.ondemand.com/test-resources/sap/m/demokit/iconExplorer/webapp/index.html" class="api-table-content-cell-link">Icon Explorer</ui5-link>.
+       Defines the `icon` source URI.
+  
+  **Note:** SAP-icons font provides numerous buil-in icons. To find all the available icons, see the
+  [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).
       */
     icon: string;
     /**
-       Defines whether the icon should be displayed after the component text.
+       Defines the icon, displayed as graphical element within the component after the button text.
+  
+  **Note:** It is highly recommended to use `endIcon` property only together with `icon` and/or `text` properties.
+  Usage of `endIcon` only should be avoided.
+  
+  The SAP-icons font provides numerous options.
+  
+  Example:
+  See all the available icons within the [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).
       */
-    iconEnd: boolean;
+    endIcon: string;
     /**
        Defines the tooltip of the component.
-  <br>
-  <b>Note:</b> A tooltip attribute should be provided for icon-only buttons, in order to represent their exact meaning/function.
+  
+  **Note:** A tooltip attribute should be provided for icon-only buttons, in order to represent their exact meaning/function.
       */
     tooltip: string;
     /**
@@ -66,48 +57,36 @@ declare class ToolbarButtonComponent {
       */
     accessibleNameRef: string;
     /**
-       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:
+  - **expanded**: Indicates whether the button, or another grouping element it controls, is currently expanded or collapsed.
+  Accepts the following string values: `true` or `false`
   
-  <ul>
-          <li><code>expanded</code>: Indicates whether the button, or another grouping element it controls, is currently expanded or collapsed. Accepts the following string values:
-          <ul>
-              <li><code>true</code></li>
-              <li><code>false</code></li>
-          </ul>
-          </li>
-          <li><code>hasPopup</code>: Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by the button. Accepts the following string values:
-              <ul>
-              <li><code>Dialog</code></li>
-              <li><code>Grid</code></li>
-              <li><code>Listbox</code></li>
-              <li><code>Menu</code></li>
-              <li><code>Tree</code></li>
-              </ul>
-          </li>
-          <li><code>controls</code>: Identifies the element (or elements) whose contents or presence are controlled by the button element. Accepts a string value.</li>
-  </ul>
+  - **hasPopup**: Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by the button.
+  Accepts the following string values: `dialog`, `grid`, `listbox`, `menu` or `tree`.
+  
+  - **controls**: Identifies the element (or elements) whose contents or presence are controlled by the button element.
+  Accepts a lowercase string value.
       */
-    accessibilityAttributes: AccessibilityAttributes;
+    accessibilityAttributes: ToolbarAccessibilityAttributes;
     /**
        Button text
       */
     text: string;
     /**
        Defines the width of the button.
-  <br><br>
   
-  <b>Note:</b> all CSS sizes are supported - 'percentage', 'px', 'rem', 'auto', etc.
+  **Note:** all CSS sizes are supported - 'percentage', 'px', 'rem', 'auto', etc.
       */
     width: string | undefined;
     /**
        Fired when the component is activated either with a
   mouse/tap or by using the Enter or Space key.
-  <br><br>
-  <b>Note:</b> The event will not be fired if the <code>disabled</code>
-  property is set to <code>true</code>.
+  
+  **Note:** The event will not be fired if the `disabled`
+  property is set to `true`.
       */
     ui5Click: EventEmitter<void>;
     private elementRef;
@@ -116,6 +95,6 @@ declare class ToolbarButtonComponent {
     get element(): ToolbarButton;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<ToolbarButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ToolbarButtonComponent, "ui5-toolbar-button", never, { "overflowPriority": { "alias": "overflowPriority"; "required": false; }; "preventOverflowClosing": { "alias": "preventOverflowClosing"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "design": { "alias": "design"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconEnd": { "alias": "iconEnd"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; "accessibleName": { "alias": "accessibleName"; "required": false; }; "accessibleNameRef": { "alias": "accessibleNameRef"; "required": false; }; "accessibilityAttributes": { "alias": "accessibilityAttributes"; "required": false; }; "text": { "alias": "text"; "required": false; }; "width": { "alias": "width"; "required": false; }; }, { "ui5Click": "ui5Click"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ToolbarButtonComponent, "ui5-toolbar-button", ["ui5ToolbarButton"], { "overflowPriority": { "alias": "overflowPriority"; "required": false; }; "preventOverflowClosing": { "alias": "preventOverflowClosing"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "design": { "alias": "design"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "endIcon": { "alias": "endIcon"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; "accessibleName": { "alias": "accessibleName"; "required": false; }; "accessibleNameRef": { "alias": "accessibleNameRef"; "required": false; }; "accessibilityAttributes": { "alias": "accessibilityAttributes"; "required": false; }; "text": { "alias": "text"; "required": false; }; "width": { "alias": "width"; "required": false; }; }, { "ui5Click": "ui5Click"; }, never, ["*"], true, never>;
 }
 export { ToolbarButtonComponent };

package/main/toolbar-select/index.d.ts

@@ -6,12 +6,6 @@ declare class ToolbarSelectComponent {
     /**
        Property used to define the access of the item to the overflow Popover. If "NeverOverflow" option is set,
   the item never goes in the Popover, if "AlwaysOverflow" - it never comes out of it.
-  Available options are:
-  <ul>
-  <li><code>NeverOverflow</code></li>
-  <li><code>AlwaysOverflow</code></li>
-  <li><code>Default</code></li>
-  </ul>
       */
     overflowPriority: 'Default' | 'NeverOverflow' | 'AlwaysOverflow';
     /**
@@ -21,20 +15,18 @@ declare class ToolbarSelectComponent {
     preventOverflowClosing: boolean;
     /**
        Defines the width of the select.
-  <br><br>
   
-  <b>Note:</b> all CSS sizes are supported - 'percentage', 'px', 'rem', 'auto', etc.
+  **Note:** all CSS sizes are supported - 'percentage', 'px', 'rem', 'auto', etc.
       */
     width: string | undefined;
     /**
        Defines the value state of the component.
-  <br><br>
       */
-    valueState: 'None' | 'Success' | 'Warning' | 'Error' | 'Information';
+    valueState: 'None' | 'Positive' | 'Critical' | 'Negative' | 'Information';
     /**
        Defines whether the component is in disabled state.
-  <br><br>
-  <b>Note:</b> A disabled component is noninteractive.
+  
+  **Note:** A disabled component is noninteractive.
       */
     disabled: boolean;
     /**
@@ -63,6 +55,6 @@ declare class ToolbarSelectComponent {
     get element(): ToolbarSelect;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<ToolbarSelectComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ToolbarSelectComponent, "ui5-toolbar-select", never, { "overflowPriority": { "alias": "overflowPriority"; "required": false; }; "preventOverflowClosing": { "alias": "preventOverflowClosing"; "required": false; }; "width": { "alias": "width"; "required": false; }; "valueState": { "alias": "valueState"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "accessibleName": { "alias": "accessibleName"; "required": false; }; "accessibleNameRef": { "alias": "accessibleNameRef"; "required": false; }; }, { "ui5Change": "ui5Change"; "ui5Open": "ui5Open"; "ui5Close": "ui5Close"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ToolbarSelectComponent, "ui5-toolbar-select", ["ui5ToolbarSelect"], { "overflowPriority": { "alias": "overflowPriority"; "required": false; }; "preventOverflowClosing": { "alias": "preventOverflowClosing"; "required": false; }; "width": { "alias": "width"; "required": false; }; "valueState": { "alias": "valueState"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "accessibleName": { "alias": "accessibleName"; "required": false; }; "accessibleNameRef": { "alias": "accessibleNameRef"; "required": false; }; }, { "ui5Change": "ui5Change"; "ui5Open": "ui5Open"; "ui5Close": "ui5Close"; }, never, ["*"], true, never>;
 }
 export { ToolbarSelectComponent };

package/main/toolbar-select-option/index.d.ts

@@ -12,6 +12,6 @@ declare class ToolbarSelectOptionComponent {
     get element(): ToolbarSelectOption;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<ToolbarSelectOptionComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ToolbarSelectOptionComponent, "ui5-toolbar-select-option", never, { "selected": { "alias": "selected"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ToolbarSelectOptionComponent, "ui5-toolbar-select-option", ["ui5ToolbarSelectOption"], { "selected": { "alias": "selected"; "required": false; }; }, {}, never, ["*"], true, never>;
 }
 export { ToolbarSelectOptionComponent };

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

@@ -5,12 +5,6 @@ declare class ToolbarSeparatorComponent {
     /**
        Property used to define the access of the item to the overflow Popover. If "NeverOverflow" option is set,
   the item never goes in the Popover, if "AlwaysOverflow" - it never comes out of it.
-  Available options are:
-  <ul>
-  <li><code>NeverOverflow</code></li>
-  <li><code>AlwaysOverflow</code></li>
-  <li><code>Default</code></li>
-  </ul>
       */
     overflowPriority: 'Default' | 'NeverOverflow' | 'AlwaysOverflow';
     /**
@@ -24,6 +18,6 @@ declare class ToolbarSeparatorComponent {
     get element(): ToolbarSeparator;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<ToolbarSeparatorComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ToolbarSeparatorComponent, "ui5-toolbar-separator", never, { "overflowPriority": { "alias": "overflowPriority"; "required": false; }; "preventOverflowClosing": { "alias": "preventOverflowClosing"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ToolbarSeparatorComponent, "ui5-toolbar-separator", ["ui5ToolbarSeparator"], { "overflowPriority": { "alias": "overflowPriority"; "required": false; }; "preventOverflowClosing": { "alias": "preventOverflowClosing"; "required": false; }; }, {}, never, ["*"], true, never>;
 }
 export { ToolbarSeparatorComponent };

package/main/toolbar-spacer/index.d.ts

@@ -5,12 +5,6 @@ declare class ToolbarSpacerComponent {
     /**
        Property used to define the access of the item to the overflow Popover. If "NeverOverflow" option is set,
   the item never goes in the Popover, if "AlwaysOverflow" - it never comes out of it.
-  Available options are:
-  <ul>
-  <li><code>NeverOverflow</code></li>
-  <li><code>AlwaysOverflow</code></li>
-  <li><code>Default</code></li>
-  </ul>
       */
     overflowPriority: 'Default' | 'NeverOverflow' | 'AlwaysOverflow';
     /**
@@ -20,9 +14,8 @@ declare class ToolbarSpacerComponent {
     preventOverflowClosing: boolean;
     /**
        Defines the width of the spacer.
-  <br><br>
   
-  <b>Note:</b> all CSS sizes are supported - 'percentage', 'px', 'rem', 'auto', etc.
+  **Note:** all CSS sizes are supported - 'percentage', 'px', 'rem', 'auto', etc.
       */
     width: string | undefined;
     private elementRef;
@@ -31,6 +24,6 @@ declare class ToolbarSpacerComponent {
     get element(): ToolbarSpacer;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<ToolbarSpacerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ToolbarSpacerComponent, "ui5-toolbar-spacer", never, { "overflowPriority": { "alias": "overflowPriority"; "required": false; }; "preventOverflowClosing": { "alias": "preventOverflowClosing"; "required": false; }; "width": { "alias": "width"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ToolbarSpacerComponent, "ui5-toolbar-spacer", ["ui5ToolbarSpacer"], { "overflowPriority": { "alias": "overflowPriority"; "required": false; }; "preventOverflowClosing": { "alias": "preventOverflowClosing"; "required": false; }; "width": { "alias": "width"; "required": false; }; }, {}, never, ["*"], true, never>;
 }
 export { ToolbarSpacerComponent };

package/main/tree/index.d.ts

@@ -4,18 +4,18 @@ import { default as Tree, TreeItemClickEventDetail, TreeItemDeleteEventDetail, T
 import * as i0 from "@angular/core";
 declare class TreeComponent {
     /**
-       Defines the mode of the component. Since the tree uses a <code>ui5-list</code> to display its structure,
+       Defines the selection mode of the component. Since the tree uses a `ui5-list` to display its structure,
   the tree modes are exactly the same as the list modes, and are all applicable.
       */
-    mode: 'None' | 'SingleSelect' | 'SingleSelectBegin' | 'SingleSelectEnd' | 'SingleSelectAuto' | 'MultiSelect' | 'Delete';
+    selectionMode: 'None' | 'Single' | 'SingleStart' | 'SingleEnd' | 'SingleAuto' | 'Multiple' | 'Delete';
     /**
        Defines the text that is displayed when the component contains no items.
       */
     noDataText: string;
     /**
        Defines the component header text.
-  <br><br>
-  <b>Note:</b> If the <code>header</code> slot is set, this property is ignored.
+  
+  **Note:** If the `header` slot is set, this property is ignored.
       */
     headerText: string;
     /**
@@ -32,9 +32,10 @@ declare class TreeComponent {
     accessibleNameRef: string;
     /**
        Fired when a tree item is expanded or collapsed.
-  <i>Note:</i> You can call <code>preventDefault()</code> on the event object to suppress the event, if needed.
+  
+  **Note:** You can call `preventDefault()` on the event object to suppress the event, if needed.
   This may be handy for example if you want to dynamically load tree items upon the user expanding a node.
-  Even if you prevented the event's default behavior, you can always manually call <code>toggle()</code> on a tree item.
+  Even if you prevented the event's default behavior, you can always manually call `toggle()` on a tree item.
       */
     ui5ItemToggle: EventEmitter<TreeItemToggleEventDetail>;
     /**
@@ -51,14 +52,14 @@ declare class TreeComponent {
     ui5ItemClick: EventEmitter<TreeItemClickEventDetail>;
     /**
        Fired when the Delete button of any tree item is pressed.
-  <br><br>
-  <b>Note:</b> A Delete button is displayed on each item,
-  when the component <code>mode</code> property is set to <code>Delete</code>.
+  
+  **Note:** A Delete button is displayed on each item,
+  when the component `selectionMode` property is set to `Delete`.
       */
     ui5ItemDelete: EventEmitter<TreeItemDeleteEventDetail>;
     /**
        Fired when selection is changed by user interaction
-  in <code>SingleSelect</code>, <code>SingleSelectBegin</code>, <code>SingleSelectEnd</code> and <code>MultiSelect</code> modes.
+  in `Single`, `SingleStart`, `SingleEnd` and `Multiple` modes.
       */
     ui5SelectionChange: EventEmitter<TreeSelectionChangeEventDetail>;
     private elementRef;
@@ -67,6 +68,6 @@ declare class TreeComponent {
     get element(): Tree;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<TreeComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TreeComponent, "ui5-tree", never, { "mode": { "alias": "mode"; "required": false; }; "noDataText": { "alias": "noDataText"; "required": false; }; "headerText": { "alias": "headerText"; "required": false; }; "footerText": { "alias": "footerText"; "required": false; }; "accessibleName": { "alias": "accessibleName"; "required": false; }; "accessibleNameRef": { "alias": "accessibleNameRef"; "required": false; }; }, { "ui5ItemToggle": "ui5ItemToggle"; "ui5ItemMouseover": "ui5ItemMouseover"; "ui5ItemMouseout": "ui5ItemMouseout"; "ui5ItemClick": "ui5ItemClick"; "ui5ItemDelete": "ui5ItemDelete"; "ui5SelectionChange": "ui5SelectionChange"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TreeComponent, "ui5-tree", ["ui5Tree"], { "selectionMode": { "alias": "selectionMode"; "required": false; }; "noDataText": { "alias": "noDataText"; "required": false; }; "headerText": { "alias": "headerText"; "required": false; }; "footerText": { "alias": "footerText"; "required": false; }; "accessibleName": { "alias": "accessibleName"; "required": false; }; "accessibleNameRef": { "alias": "accessibleNameRef"; "required": false; }; }, { "ui5ItemToggle": "ui5ItemToggle"; "ui5ItemMouseover": "ui5ItemMouseover"; "ui5ItemMouseout": "ui5ItemMouseout"; "ui5ItemClick": "ui5ItemClick"; "ui5ItemDelete": "ui5ItemDelete"; "ui5SelectionChange": "ui5SelectionChange"; }, never, ["*"], true, never>;
 }
 export { TreeComponent };

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

@@ -1,43 +1,46 @@
 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/TreeItem.js';
 import TreeItem from '@ui5/webcomponents/dist/TreeItem.js';
 import * as i0 from "@angular/core";
 declare class TreeItemComponent {
     /**
-       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>
-      */
-    accessibilityAttributes: AccessibilityAttributes;
+      - **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: 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';
     /**
        If set, an icon will be displayed before the text of the tree list item.
       */
@@ -46,35 +49,38 @@ declare class TreeItemComponent {
        Defines whether the tree list item will show a collapse or expand icon inside its toggle button.
       */
     expanded: boolean;
+    /**
+       Defines whether the item is movable.
+      */
+    movable: boolean;
     /**
        Defines whether the selection of a tree node is displayed as partially selected.
-  <br><br>
-  <b>Note:</b> The indeterminate state can be set only programmatically and can’t be achieved by user
-  interaction, meaning that the resulting visual state depends on the values of the <code>indeterminate</code>
-  and <code>selected</code> properties:
-  <ul>
-  <li> If a tree node has both <code>selected</code> and <code>indeterminate</code> set to <code>true</code>, it is displayed as partially selected.
-  <li> If a tree node has <code>selected</code> set to <code>true</code> and <code>indeterminate</code> set to <code>false</code>, it is displayed as selected.
-  <li> If a tree node has <code>selected</code> set to <code>false</code>, it is displayed as not selected regardless of the value of the <code>indeterminate</code> property.
-  </ul>
-  <br>
-  <b>Note:</b> This property takes effect only when the <code>ui5-tree</code> is in <code>MultiSelect</code> mode.
+  
+  **Note:** The indeterminate state can be set only programmatically and can’t be achieved by user
+  interaction, meaning that the resulting visual state depends on the values of the `indeterminate`
+  and `selected` properties:
+  
+  -  If a tree node has both `selected` and `indeterminate` set to `true`, it is displayed as partially selected.
+  -  If a tree node has `selected` set to `true` and `indeterminate` set to `false`, it is displayed as selected.
+  -  If a tree node has `selected` set to `false`, it is displayed as not selected regardless of the value of the `indeterminate` property.
+  
+  **Note:** This property takes effect only when the `ui5-tree` is in `Multiple` mode.
       */
     indeterminate: boolean;
     /**
        Defines whether the tree node has children, even if currently no other tree nodes are slotted inside.
-  <br>
-  <i>Note:</i> This property is useful for showing big tree structures where not all nodes are initially loaded due to performance reasons.
-  Set this to <code>true</code> for nodes you intend to load lazily, when the user clicks the expand button.
+  
+  **Note:** This property is useful for showing big tree structures where not all nodes are initially loaded due to performance reasons.
+  Set this to `true` for nodes you intend to load lazily, when the user clicks the expand button.
   It is not necessary to set this property otherwise. If a tree item has children, the expand button will be displayed anyway.
       */
     hasChildren: boolean;
     /**
-       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' | 'Success' | 'Warning' | 'Error' | 'Information';
+    additionalTextState: 'None' | 'Positive' | 'Critical' | 'Negative' | 'Information';
     /**
        Defines the accessible name of the component.
       */
@@ -84,11 +90,11 @@ declare class TreeItemComponent {
       */
     text: string;
     /**
-       Defines the <code>additionalText</code>, displayed in the end of the tree item.
+       Defines the `additionalText`, displayed in the end of the tree item.
       */
     additionalText: 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;
@@ -97,6 +103,6 @@ declare class TreeItemComponent {
     get element(): TreeItem;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<TreeItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TreeItemComponent, "ui5-tree-item", never, { "selected": { "alias": "selected"; "required": false; }; "type": { "alias": "type"; "required": false; }; "accessibilityAttributes": { "alias": "accessibilityAttributes"; "required": false; }; "navigated": { "alias": "navigated"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "expanded": { "alias": "expanded"; "required": false; }; "indeterminate": { "alias": "indeterminate"; "required": false; }; "hasChildren": { "alias": "hasChildren"; "required": false; }; "additionalTextState": { "alias": "additionalTextState"; "required": false; }; "accessibleName": { "alias": "accessibleName"; "required": false; }; "text": { "alias": "text"; "required": false; }; "additionalText": { "alias": "additionalText"; "required": false; }; }, { "ui5DetailClick": "ui5DetailClick"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TreeItemComponent, "ui5-tree-item", ["ui5TreeItem"], { "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; }; "icon": { "alias": "icon"; "required": false; }; "expanded": { "alias": "expanded"; "required": false; }; "movable": { "alias": "movable"; "required": false; }; "indeterminate": { "alias": "indeterminate"; "required": false; }; "hasChildren": { "alias": "hasChildren"; "required": false; }; "additionalTextState": { "alias": "additionalTextState"; "required": false; }; "accessibleName": { "alias": "accessibleName"; "required": false; }; "text": { "alias": "text"; "required": false; }; "additionalText": { "alias": "additionalText"; "required": false; }; }, { "ui5DetailClick": "ui5DetailClick"; }, never, ["*"], true, never>;
 }
 export { TreeItemComponent };