@ui5/webcomponents 2.3.1-rc.0 → 2.4.0-rc.1

package/dist/custom-elements.json

@@ -7477,7 +7477,7 @@
               "type": {
                 "text": "CustomEvent"
               },
-              "description": "Fired before the component is opened. This event can be cancelled, which will prevent the popup from opening. **This event does not bubble.**",
+              "description": "Fired before the component is opened. This event can be cancelled, which will prevent the popup from opening.",
               "inheritedFrom": {
                 "name": "Popup",
                 "module": "dist/Popup.js"
@@ -7488,7 +7488,7 @@
               "type": {
                 "text": "CustomEvent"
               },
-              "description": "Fired after the component is opened. **This event does not bubble.**",
+              "description": "Fired after the component is opened.",
               "inheritedFrom": {
                 "name": "Popup",
                 "module": "dist/Popup.js"
@@ -7506,7 +7506,7 @@
                   }
                 ]
               },
-              "description": "Fired before the component is closed. This event can be cancelled, which will prevent the popup from closing. **This event does not bubble.**",
+              "description": "Fired before the component is closed. This event can be cancelled, which will prevent the popup from closing.",
               "inheritedFrom": {
                 "name": "Popup",
                 "module": "dist/Popup.js"
@@ -7517,7 +7517,7 @@
               "type": {
                 "text": "CustomEvent"
               },
-              "description": "Fired after the component is closed. **This event does not bubble.**",
+              "description": "Fired after the component is closed.",
               "inheritedFrom": {
                 "name": "Popup",
                 "module": "dist/Popup.js"
@@ -7850,7 +7850,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "### Overview\n\nThe Form is a layout component that arranges labels and form fields (like input fields) pairs\ninto a specific number of columns.\n\n**Note:** The Form web component is a layout component, it isn't a replacement for the native `form` HTML element.\nThe Form web component does not provide any APIs for form submission.\n\n### Structure\n\n- **Form** (`ui5-form`) is the top-level container component, responsible for the content layout and responsiveness.\n- **FormGroup** (`ui5-form-group`) enables the grouping of the Form content.\n- **FormItem** (`ui5-form-item`) is a pair of label and form fields and can be used directly in a Form, or as part of a FormGroup.\n\nThe simplest Form (`ui5-form`) consists of a header area on top,\ndisplaying a header text (see the `headingText` property) and content below - an arbitrary number of FormItems (ui5-form-item),\nrepresenting the pairs of label and form fields.\n\nAnd, there is also \"grouping\" available to assist the implementation of richer UIs.\nThis is enabled by the FormGroup (`ui5-form-group`) component.\nIn this case, the Form is structured into FormGroups and each FormGroup consists of FormItems.\n\n### Responsiveness\n\nThe Form component reacts and changes its layout on predefined breakpoints.\nDepending on its size, the Form content (FormGroups and FormItems) gets divided into one or more columns as follows:\n- **S** (< 600px) – 1 column is recommended (default: 1)\n- **M** (600px - 1022px) – up to 2 columns are recommended (default: 1)\n- **L** (1023px - 1439px) - up to 3 columns are recommended (default: 2)\n- **XL** (> 1439px) – up to 6 columns are recommended (default: 2)\n\nTo change the layout, use the `layout` property - f.e. layout=\"S1 M2 L3 XL6\".\n\n### Groups\n\nTo make better use of screen space, there is built-in logic to determine how many columns should a FormGroup occupy.\n\n- **Example #1** (perfect match):\n4 columns and 4 groups: each group will use 1 column.\n\n- **Example #2** (balanced distribution):\n4 columns and 2 groups: each group will use 2 columns.\n6 columns and 2 groups: each group will use 3 columns.\n\n- **Example #3** (unbalanced distribution):\n3 columns and 2 groups: the larger one will use 2 columns, the smaller 1 column.\n5 columns and 3 groups: two of the groups will use 2 columns each, the smallest 1 column.\n\n**Note:** The size of a group element is determined by the number of FormItems assigned to it.\nIn the case of equality, the first in the DOM will use more columns, and the last - fewer columns.\n\n- **Example #4** (more groups than columns):\n3 columns and 4 groups: each FormGroup uses only 1 column, the last FormGroup will wrap on the second row.\n\n### Groups Column Span\n\nTo influence the built-in group distribution, described in the previous section,\nyou can use the FormGroup's `columnSpan` property, that defines how many columns the group should expand to.\n\n### Items Column Span\n\nFormItem's columnSpan property defines how many columns the form item should expand to inside a form group or the form.\n\n### Items Label Span\n\nThe placement of the labels depends on the size of the used column.\nIf there is enough space, the labels are next to their associated fields, otherwise  - above the fields.\nBy default, the labels take 4/12 of the FormItem, leaving 8/12 parts to associated fields.\nYou can control what space the labels should take via the `labelSpan` property.\n\n**For example:** To always place the labels on top set: `labelSpan=\"S12 M12 L12 XL12\"` property.\n\n### ES6 Module Import\n\n- import @ui5/webcomponents/dist/Form.js\";\n- import @ui5/webcomponents/dist/FormGroup.js\";\n- import @ui5/webcomponents/dist/FormItem.js\";",
+          "description": "### Overview\n\nThe Form is a layout component that arranges labels and form fields (like input fields) pairs\ninto a specific number of columns.\n\n**Note:** The Form web component is a layout component, it isn't a replacement for the native `form` HTML element.\nThe Form web component does not provide any APIs for form submission.\n\n### Structure\n\n- **Form** (`ui5-form`) is the top-level container component, responsible for the content layout and responsiveness.\n- **FormGroup** (`ui5-form-group`) enables the grouping of the Form content.\n- **FormItem** (`ui5-form-item`) is a pair of label and form fields and can be used directly in a Form, or as part of a FormGroup.\n\nThe simplest Form (`ui5-form`) consists of a header area on top,\ndisplaying a header text (see the `headingText` property) and content below - an arbitrary number of FormItems (ui5-form-item),\nrepresenting the pairs of label and form fields.\n\nAnd, there is also \"grouping\" available to assist the implementation of richer UIs.\nThis is enabled by the FormGroup (`ui5-form-group`) component.\nIn this case, the Form is structured into FormGroups and each FormGroup consists of FormItems.\n\n### Responsiveness\n\nThe Form component reacts and changes its layout on predefined breakpoints.\nDepending on its size, the Form content (FormGroups and FormItems) gets divided into one or more columns as follows:\n- **S** (< 600px) – 1 column is recommended (default: 1)\n- **M** (600px - 1022px) – up to 2 columns are recommended (default: 1)\n- **L** (1023px - 1439px) - up to 3 columns are recommended (default: 2)\n- **XL** (> 1439px) – up to 6 columns are recommended (default: 3)\n\nTo change the layout, use the `layout` property - f.e. layout=\"S1 M2 L3 XL6\".\n\n### Groups\n\nTo make better use of screen space, there is built-in logic to determine how many columns should a FormGroup occupy.\n\n- **Example #1** (perfect match):\n4 columns and 4 groups: each group will use 1 column.\n\n- **Example #2** (balanced distribution):\n4 columns and 2 groups: each group will use 2 columns.\n6 columns and 2 groups: each group will use 3 columns.\n\n- **Example #3** (unbalanced distribution):\n3 columns and 2 groups: the larger one will use 2 columns, the smaller 1 column.\n5 columns and 3 groups: two of the groups will use 2 columns each, the smallest 1 column.\n\n**Note:** The size of a group element is determined by the number of FormItems assigned to it.\nIn the case of equality, the first in the DOM will use more columns, and the last - fewer columns.\n\n- **Example #4** (more groups than columns):\n3 columns and 4 groups: each FormGroup uses only 1 column, the last FormGroup will wrap on the second row.\n\n### Groups Column Span\n\nTo influence the built-in group distribution, described in the previous section,\nyou can use the FormGroup's `columnSpan` property, that defines how many columns the group should expand to.\n\n### Items Column Span\n\nFormItem's columnSpan property defines how many columns the form item should expand to inside a form group or the form.\n\n### Items Label Span\n\nThe placement of the labels depends on the size of the used column.\nIf there is enough space, the labels are next to their associated fields, otherwise  - above the fields.\nBy default, the labels take 4/12 of the FormItem, leaving 8/12 parts to associated fields.\nYou can control what space the labels should take via the `labelSpan` property.\n\n**For example:** To always place the labels on top set: `labelSpan=\"S12 M12 L12 XL12\"` property.\n\n### ES6 Module Import\n\n- import @ui5/webcomponents/dist/Form.js\";\n- import @ui5/webcomponents/dist/FormGroup.js\";\n- import @ui5/webcomponents/dist/FormItem.js\";",
           "name": "Form",
           "cssParts": [
             {
@@ -7883,8 +7883,8 @@
               "type": {
                 "text": "string"
               },
-              "default": "\"S1 M1 L2 XL2\"",
-              "description": "Defines the number of columns to distribute the form content by breakpoint.\n\nSupported values:\n- `S` - 1 column by default (1 column is recommended)\n- `M` - 1 column by default (up to 2 columns are recommended)\n- `L` - 2 columns by default (up to 3 columns are recommended)\n- `XL` - 2 columns by default (up to 6 columns  are recommended)",
+              "default": "\"S1 M1 L2 XL3\"",
+              "description": "Defines the number of columns to distribute the form content by breakpoint.\n\nSupported values:\n- `S` - 1 column by default (1 column is recommended)\n- `M` - 1 column by default (up to 2 columns are recommended)\n- `L` - 2 columns by default (up to 3 columns are recommended)\n- `XL` - 3 columns by default (up to 6 columns  are recommended)",
               "privacy": "public"
             },
             {
@@ -7927,9 +7927,9 @@
           ],
           "attributes": [
             {
-              "description": "Defines the number of columns to distribute the form content by breakpoint.\n\nSupported values:\n- `S` - 1 column by default (1 column is recommended)\n- `M` - 1 column by default (up to 2 columns are recommended)\n- `L` - 2 columns by default (up to 3 columns are recommended)\n- `XL` - 2 columns by default (up to 6 columns  are recommended)",
+              "description": "Defines the number of columns to distribute the form content by breakpoint.\n\nSupported values:\n- `S` - 1 column by default (1 column is recommended)\n- `M` - 1 column by default (up to 2 columns are recommended)\n- `L` - 2 columns by default (up to 3 columns are recommended)\n- `XL` - 3 columns by default (up to 6 columns  are recommended)",
               "name": "layout",
-              "default": "\"S1 M1 L2 XL2\"",
+              "default": "\"S1 M1 L2 XL3\"",
               "fieldName": "layout",
               "type": {
                 "text": "string"
@@ -13648,7 +13648,7 @@
               "type": {
                 "text": "CustomEvent"
               },
-              "description": "Fired before the component is opened. This event can be cancelled, which will prevent the popup from opening. **This event does not bubble.**",
+              "description": "Fired before the component is opened. This event can be cancelled, which will prevent the popup from opening.",
               "inheritedFrom": {
                 "name": "Popup",
                 "module": "dist/Popup.js"
@@ -13659,7 +13659,7 @@
               "type": {
                 "text": "CustomEvent"
               },
-              "description": "Fired after the component is opened. **This event does not bubble.**",
+              "description": "Fired after the component is opened.",
               "inheritedFrom": {
                 "name": "Popup",
                 "module": "dist/Popup.js"
@@ -13677,7 +13677,7 @@
                   }
                 ]
               },
-              "description": "Fired before the component is closed. This event can be cancelled, which will prevent the popup from closing. **This event does not bubble.**",
+              "description": "Fired before the component is closed. This event can be cancelled, which will prevent the popup from closing.",
               "inheritedFrom": {
                 "name": "Popup",
                 "module": "dist/Popup.js"
@@ -13688,7 +13688,7 @@
               "type": {
                 "text": "CustomEvent"
               },
-              "description": "Fired after the component is closed. **This event does not bubble.**",
+              "description": "Fired after the component is closed.",
               "inheritedFrom": {
                 "name": "Popup",
                 "module": "dist/Popup.js"
@@ -13827,14 +13827,14 @@
               "type": {
                 "text": "CustomEvent"
               },
-              "description": "Fired before the component is opened. This event can be cancelled, which will prevent the popup from opening. **This event does not bubble.**"
+              "description": "Fired before the component is opened. This event can be cancelled, which will prevent the popup from opening."
             },
             {
               "name": "open",
               "type": {
                 "text": "CustomEvent"
               },
-              "description": "Fired after the component is opened. **This event does not bubble.**"
+              "description": "Fired after the component is opened."
             },
             {
               "name": "before-close",
@@ -13848,14 +13848,14 @@
                   }
                 ]
               },
-              "description": "Fired before the component is closed. This event can be cancelled, which will prevent the popup from closing. **This event does not bubble.**"
+              "description": "Fired before the component is closed. This event can be cancelled, which will prevent the popup from closing."
             },
             {
               "name": "close",
               "type": {
                 "text": "CustomEvent"
               },
-              "description": "Fired after the component is closed. **This event does not bubble.**"
+              "description": "Fired after the component is closed."
             }
           ],
           "attributes": [
@@ -14532,6 +14532,20 @@
                 "module": "dist/SliderBase.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "editableTooltip",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "\nIndicates whether input fields should be used as tooltips for the handles.\n\n**Note:** Setting this option to true will only work if showTooltip is set to true.\n**Note:** In order for the component to comply with the accessibility standard, it is recommended to set the editableTooltip property to true.",
+              "privacy": "public",
+              "inheritedFrom": {
+                "name": "SliderBase",
+                "module": "dist/SliderBase.js"
+              }
+            },
             {
               "kind": "field",
               "name": "disabled",
@@ -14671,6 +14685,19 @@
                 "module": "dist/SliderBase.js"
               }
             },
+            {
+              "description": "\nIndicates whether input fields should be used as tooltips for the handles.\n\n**Note:** Setting this option to true will only work if showTooltip is set to true.\n**Note:** In order for the component to comply with the accessibility standard, it is recommended to set the editableTooltip property to true.",
+              "name": "editable-tooltip",
+              "default": "false",
+              "fieldName": "editableTooltip",
+              "type": {
+                "text": "boolean"
+              },
+              "inheritedFrom": {
+                "name": "SliderBase",
+                "module": "dist/SliderBase.js"
+              }
+            },
             {
               "description": "Defines whether the slider is in disabled state.",
               "name": "disabled",
@@ -15439,7 +15466,7 @@
               "type": {
                 "text": "CustomEvent"
               },
-              "description": "Fired before the component is opened. This event can be cancelled, which will prevent the popup from opening. **This event does not bubble.**",
+              "description": "Fired before the component is opened. This event can be cancelled, which will prevent the popup from opening.",
               "inheritedFrom": {
                 "name": "Popup",
                 "module": "dist/Popup.js"
@@ -15450,7 +15477,7 @@
               "type": {
                 "text": "CustomEvent"
               },
-              "description": "Fired after the component is opened. **This event does not bubble.**",
+              "description": "Fired after the component is opened.",
               "inheritedFrom": {
                 "name": "Popup",
                 "module": "dist/Popup.js"
@@ -15468,7 +15495,7 @@
                   }
                 ]
               },
-              "description": "Fired before the component is closed. This event can be cancelled, which will prevent the popup from closing. **This event does not bubble.**",
+              "description": "Fired before the component is closed. This event can be cancelled, which will prevent the popup from closing.",
               "inheritedFrom": {
                 "name": "Popup",
                 "module": "dist/Popup.js"
@@ -15479,7 +15506,7 @@
               "type": {
                 "text": "CustomEvent"
               },
-              "description": "Fired after the component is closed. **This event does not bubble.**",
+              "description": "Fired after the component is closed.",
               "inheritedFrom": {
                 "name": "Popup",
                 "module": "dist/Popup.js"
@@ -16222,6 +16249,20 @@
                 "module": "dist/SliderBase.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "editableTooltip",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "\nIndicates whether input fields should be used as tooltips for the handles.\n\n**Note:** Setting this option to true will only work if showTooltip is set to true.\n**Note:** In order for the component to comply with the accessibility standard, it is recommended to set the editableTooltip property to true.",
+              "privacy": "public",
+              "inheritedFrom": {
+                "name": "SliderBase",
+                "module": "dist/SliderBase.js"
+              }
+            },
             {
               "kind": "field",
               "name": "disabled",
@@ -16352,6 +16393,19 @@
                 "module": "dist/SliderBase.js"
               }
             },
+            {
+              "description": "\nIndicates whether input fields should be used as tooltips for the handles.\n\n**Note:** Setting this option to true will only work if showTooltip is set to true.\n**Note:** In order for the component to comply with the accessibility standard, it is recommended to set the editableTooltip property to true.",
+              "name": "editable-tooltip",
+              "default": "false",
+              "fieldName": "editableTooltip",
+              "type": {
+                "text": "boolean"
+              },
+              "inheritedFrom": {
+                "name": "SliderBase",
+                "module": "dist/SliderBase.js"
+              }
+            },
             {
               "description": "Defines whether the slider is in disabled state.",
               "name": "disabled",
@@ -16510,6 +16564,16 @@
               "description": "Enables handle tooltip displaying the current value.",
               "privacy": "public"
             },
+            {
+              "kind": "field",
+              "name": "editableTooltip",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "\nIndicates whether input fields should be used as tooltips for the handles.\n\n**Note:** Setting this option to true will only work if showTooltip is set to true.\n**Note:** In order for the component to comply with the accessibility standard, it is recommended to set the editableTooltip property to true.",
+              "privacy": "public"
+            },
             {
               "kind": "field",
               "name": "disabled",
@@ -16611,6 +16675,15 @@
                 "text": "boolean"
               }
             },
+            {
+              "description": "\nIndicates whether input fields should be used as tooltips for the handles.\n\n**Note:** Setting this option to true will only work if showTooltip is set to true.\n**Note:** In order for the component to comply with the accessibility standard, it is recommended to set the editableTooltip property to true.",
+              "name": "editable-tooltip",
+              "default": "false",
+              "fieldName": "editableTooltip",
+              "type": {
+                "text": "boolean"
+              }
+            },
             {
               "description": "Defines whether the slider is in disabled state.",
               "name": "disabled",