@umbraco-ui/uui 1.6.1 → 1.7.0-rc.0

package/vscode-html-custom-data.json

@@ -203,7 +203,7 @@
     },
     {
       "name": "uui-button",
-      "description": "Events:\n\n  * `click` - fires when the element is clicked\n\nSlots:\n\n  * ` ` {} - for default content\n\n  * `label` {} - for label content\n\n  * `extra` {} - for extra\n\nAttributes:\n\n  * `type` { \"submit\" | \"button\" | \"reset\" } - Specifies the type of button\n\n  * `disabled` {boolean} - Disables the button, changes the looks of it and prevents if from emitting the click event\n\n  * `look` {\"default\" | \"primary\" | \"secondary\" | \"outline\" | \"placeholder\"} - Changes the look of the button to one of the predefined, symbolic looks. For example - set this to positive if you want nice, green \"confirm\" button.\n\n  * `color` {\"default\" | \"positive\" | \"warning\" | \"danger\"} - Changes the look of the button to one of the predefined, symbolic looks. For example - set this to positive if you want nice, green \"confirm\" button.\n\n  * `compact` {boolean} - Makes the left and right padding of the button narrower.\n\n  * `state` {undefined |'waiting' | 'success' | 'failed'} - Sets the state of the button. With waiting state a loader will show, the success state and fail states display icons. State is reset do default automatically after 3 seconds.\n\n  * `href` {string} - Set an href, this will turns the button into a anchor tag.\n\n  * `target` {string} - Set an anchor tag target, only used when using href.\n\n  * `name` {string} - This is a name property of the component.\n\n  * `value` {string} - Value of this form control.\n\n  * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n  * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n  * `required-message` {`string`} - Required validation message.\n\n  * `error` {`boolean`} - Apply custom error on this input.\n\n  * `error-message` {`string`} - Custom error message.\n\n  * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\n  * `popovertarget` {string} - Set a popovertarget.\n\nProperties:\n\n  * `type` { \"submit\" | \"button\" | \"reset\" } - Specifies the type of button\n\n  * `disabled` {boolean} - Disables the button, changes the looks of it and prevents if from emitting the click event\n\n  * `look` {\"default\" | \"primary\" | \"secondary\" | \"outline\" | \"placeholder\"} - Changes the look of the button to one of the predefined, symbolic looks. For example - set this to positive if you want nice, green \"confirm\" button.\n\n  * `color` {\"default\" | \"positive\" | \"warning\" | \"danger\"} - Changes the look of the button to one of the predefined, symbolic looks. For example - set this to positive if you want nice, green \"confirm\" button.\n\n  * `compact` {boolean} - Makes the left and right padding of the button narrower.\n\n  * `state` {undefined |'waiting' | 'success' | 'failed'} - Sets the state of the button. With waiting state a loader will show, the success state and fail states display icons. State is reset do default automatically after 3 seconds.\n\n  * `href` {string} - Set an href, this will turns the button into a anchor tag.\n\n  * `target` {string} - Set an anchor tag target, only used when using href.\n\n  * `_button` {`HTMLInputElement`} - \n\n  * `_resetStateTimeout` {`number | undefined`} - \n\n  * `styles` {`CSSResult[]`} - \n\n  * `formAssociated` {boolean} - This is a static class field indicating that the element is can be used inside a native form and participate in its events.\nIt may require a polyfill, check support here https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/attachInternals.\nRead more about form controls here https://web.dev/more-capable-form-controls/\n\n  * `name` {string} - This is a name property of the component.\n\n  * `value` {string} - Value of this form control.\n\n  * `_validityState` - \n\n  * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n  * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n  * `requiredMessage` {`string`} - Required validation message.\n\n  * `error` {`boolean`} - Apply custom error on this input.\n\n  * `errorMessage` {`string`} - Custom error message.\n\n  * `_value` {`string | File | FormData`} - \n\n  * `_form` {`HTMLFormElement | null`} - \n\n  * `_validators` {`Validator[]`} - \n\n  * `_formCtrlElements` {`HTMLInputElement[]`} - \n\n  * `_customValidityObject` {`Validator | undefined`} - \n\n  * `_onFormSubmit` - \n\n  * `validity` {`ValidityState`} - \n\n  * `validationMessage` - \n\n  * `_internals` - \n\n  * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\n  * `_labelSlotHasContent` {`boolean`} - \n\n  * `popoverContainerElement` {string} - Set a popovertarget.\n\n  * `_togglePopover` - ",
+      "description": "Events:\n\n  * `click` - fires when the element is clicked\n\nSlots:\n\n  * ` ` {} - for default content\n\n  * `label` {} - for label content\n\n  * `extra` {} - for extra\n\nAttributes:\n\n  * `type` { \"submit\" | \"button\" | \"reset\" } - Specifies the type of button\n\n  * `disabled` {boolean} - Disables the button, changes the looks of it and prevents if from emitting the click event\n\n  * `look` {\"default\" | \"primary\" | \"secondary\" | \"outline\" | \"placeholder\"} - Changes the look of the button to one of the predefined, symbolic looks. For example - set this to positive if you want nice, green \"confirm\" button.\n\n  * `color` {\"default\" | \"positive\" | \"warning\" | \"danger\"} - Changes the look of the button to one of the predefined, symbolic looks. For example - set this to positive if you want nice, green \"confirm\" button.\n\n  * `compact` {boolean} - Makes the left and right padding of the button narrower.\n\n  * `state` {undefined |'waiting' | 'success' | 'failed'} - Sets the state of the button. With waiting state a loader will show, the success state and fail states display icons. State is reset do default automatically after 3 seconds.\n\n  * `href` {string} - Set an href, this will turns the button into a anchor tag.\n\n  * `target` {string} - Set an anchor tag target, only used when using href.\n\n  * `name` {string} - This is a name property of the component.\n\n  * `value` {string} - Value of this form control.\n\n  * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n  * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n  * `required-message` {`string`} - Required validation message.\n\n  * `error` {`boolean`} - Apply custom error on this input.\n\n  * `error-message` {`string`} - Custom error message.\n\n  * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\n  * `popovertarget` {string} - Set a popovertarget.\n\nProperties:\n\n  * `type` { \"submit\" | \"button\" | \"reset\" } - Specifies the type of button\n\n  * `disabled` {boolean} - Disables the button, changes the looks of it and prevents if from emitting the click event\n\n  * `look` {\"default\" | \"primary\" | \"secondary\" | \"outline\" | \"placeholder\"} - Changes the look of the button to one of the predefined, symbolic looks. For example - set this to positive if you want nice, green \"confirm\" button.\n\n  * `color` {\"default\" | \"positive\" | \"warning\" | \"danger\"} - Changes the look of the button to one of the predefined, symbolic looks. For example - set this to positive if you want nice, green \"confirm\" button.\n\n  * `compact` {boolean} - Makes the left and right padding of the button narrower.\n\n  * `state` {undefined |'waiting' | 'success' | 'failed'} - Sets the state of the button. With waiting state a loader will show, the success state and fail states display icons. State is reset do default automatically after 3 seconds.\n\n  * `href` {string} - Set an href, this will turns the button into a anchor tag.\n\n  * `target` {string} - Set an anchor tag target, only used when using href.\n\n  * `_button` {`HTMLInputElement`} - \n\n  * `_resetStateTimeout` {`number | undefined`} - \n\n  * `styles` {`CSSResult[]`} - \n\n  * `formAssociated` {boolean} - This is a static class field indicating that the element is can be used inside a native form and participate in its events.\nIt may require a polyfill, check support here https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/attachInternals.\nRead more about form controls here https://web.dev/more-capable-form-controls/\n\n  * `name` {string} - This is a name property of the component.\n\n  * `value` {string} - Value of this form control.\n\n  * `_validityState` - \n\n  * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n  * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n  * `requiredMessage` {`string`} - Required validation message.\n\n  * `error` {`boolean`} - Apply custom error on this input.\n\n  * `errorMessage` {`string`} - Custom error message.\n\n  * `_value` {`FormDataEntryValue | FormData`} - \n\n  * `_form` {`HTMLFormElement | null`} - \n\n  * `_validators` {`Validator[]`} - \n\n  * `_formCtrlElements` {`HTMLInputElement[]`} - \n\n  * `_customValidityObject` {`Validator | undefined`} - \n\n  * `_onFormSubmit` - \n\n  * `validity` {`ValidityState`} - \n\n  * `validationMessage` - \n\n  * `_internals` - \n\n  * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\n  * `_labelSlotHasContent` {`boolean`} - \n\n  * `popoverContainerElement` {string} - Set a popovertarget.\n\n  * `_togglePopover` - ",
       "attributes": [
         {
           "name": "type",
@@ -733,23 +733,23 @@
     },
     {
       "name": "uui-checkbox",
-      "description": "Umbraco checkbox, toggles between checked and uncheck\n\nEvents:\n\n  * `change` - fires when the element is begin checked by a user action\n\nAttributes:\n\n  * `label-position` {'left' | 'right' | 'top' | 'bottom'} - Specifies the label position of the checkbox or the toggle\n\n  * `checked` {boolean} - Reflects the state of the element.\nTrue if checkbox or toggle is checked. Change this to switch the state programmatically.\n\n  * `disabled` {boolean} - Disables the input.\n\n  * `name` {string} - This is a name property of the component.\n\n  * `value` {string} - intentional overwrite of FormControlMixins value getter and setter method.\n\n  * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n  * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n  * `required-message` {`string`} - Required validation message.\n\n  * `error` {`boolean`} - Apply custom error on this input.\n\n  * `error-message` {`string`} - Custom error message.\n\n  * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\nProperties:\n\n  * `labelPosition` {'left' | 'right' | 'top' | 'bottom'} - Specifies the label position of the checkbox or the toggle\n\n  * `_checked` {`boolean`} - \n\n  * `checked` {boolean} - Reflects the state of the element.\nTrue if checkbox or toggle is checked. Change this to switch the state programmatically.\n\n  * `disabled` {boolean} - Disables the input.\n\n  * `_input` {`HTMLInputElement`} - \n\n  * `styles` {`CSSResult[]`} - \n\n  * `inputRole` {`\"checkbox\" | \"switch\"`} - \n\n  * `formAssociated` {boolean} - This is a static class field indicating that the element is can be used inside a native form and participate in its events. It may require a polyfill, check support here https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/attachInternals.  Read more about form controls here https://web.dev/more-capable-form-controls/\n\n  * `name` {string} - This is a name property of the component.\n\n  * `value` {string} - intentional overwrite of FormControlMixins value getter and setter method.\n\n  * `_validityState` - \n\n  * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n  * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n  * `requiredMessage` {`string`} - Required validation message.\n\n  * `error` {`boolean`} - Apply custom error on this input.\n\n  * `errorMessage` {`string`} - Custom error message.\n\n  * `_value` {`string | File | FormData`} - \n\n  * `_form` {`HTMLFormElement | null`} - \n\n  * `_validators` {`Validator[]`} - \n\n  * `_formCtrlElements` {`HTMLInputElement[]`} - \n\n  * `_customValidityObject` {`Validator | undefined`} - \n\n  * `_onFormSubmit` - \n\n  * `validity` {`ValidityState`} - \n\n  * `validationMessage` - \n\n  * `_internals` - \n\n  * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\n  * `_labelSlotHasContent` {`boolean`} - ",
+      "description": "Umbraco checkbox, toggles between checked and uncheck\n\nEvents:\n\n  * `change` - fires when the element is begin checked by a user action\n\nAttributes:\n\n  * `label-position` {'left' | 'right' | 'top' | 'bottom'} - Specifies the label position of the checkbox or the toggle\n\n  * `checked` {boolean} - Reflects the state of the element.\nTrue if checkbox or toggle is checked. Change this to switch the state programmatically.\n\n  * `disabled` {boolean} - Disables the input.\n\n  * `name` {string} - This is a name property of the component.\n\n  * `value` {string} - intentional overwrite of FormControlMixins value getter and setter method.\n\n  * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n  * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n  * `required-message` {`string`} - Required validation message.\n\n  * `error` {`boolean`} - Apply custom error on this input.\n\n  * `error-message` {`string`} - Custom error message.\n\n  * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\nProperties:\n\n  * `labelPosition` {'left' | 'right' | 'top' | 'bottom'} - Specifies the label position of the checkbox or the toggle\n\n  * `_checked` {`boolean`} - \n\n  * `checked` {boolean} - Reflects the state of the element.\nTrue if checkbox or toggle is checked. Change this to switch the state programmatically.\n\n  * `disabled` {boolean} - Disables the input.\n\n  * `_input` {`HTMLInputElement`} - \n\n  * `styles` {`CSSResult[]`} - \n\n  * `inputRole` {`\"checkbox\" | \"switch\"`} - \n\n  * `formAssociated` {boolean} - This is a static class field indicating that the element is can be used inside a native form and participate in its events. It may require a polyfill, check support here https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/attachInternals.  Read more about form controls here https://web.dev/more-capable-form-controls/\n\n  * `name` {string} - This is a name property of the component.\n\n  * `value` {string} - intentional overwrite of FormControlMixins value getter and setter method.\n\n  * `_validityState` - \n\n  * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n  * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n  * `requiredMessage` {`string`} - Required validation message.\n\n  * `error` {`boolean`} - Apply custom error on this input.\n\n  * `errorMessage` {`string`} - Custom error message.\n\n  * `_value` {`FormDataEntryValue | FormData`} - \n\n  * `_form` {`HTMLFormElement | null`} - \n\n  * `_validators` {`Validator[]`} - \n\n  * `_formCtrlElements` {`HTMLInputElement[]`} - \n\n  * `_customValidityObject` {`Validator | undefined`} - \n\n  * `_onFormSubmit` - \n\n  * `validity` {`ValidityState`} - \n\n  * `validationMessage` - \n\n  * `_internals` - \n\n  * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\n  * `_labelSlotHasContent` {`boolean`} - ",
       "attributes": [
         {
           "name": "label-position",
           "description": "`label-position` {'left' | 'right' | 'top' | 'bottom'} - Specifies the label position of the checkbox or the toggle\n\nProperty: labelPosition\n\nDefault: right",
           "values": [
             {
-              "name": "top"
+              "name": "left"
             },
             {
-              "name": "bottom"
+              "name": "right"
             },
             {
-              "name": "right"
+              "name": "top"
             },
             {
-              "name": "left"
+              "name": "bottom"
             }
           ]
         },
@@ -841,7 +841,7 @@
     },
     {
       "name": "uui-color-picker",
-      "description": "Events:\n\n  * `change` - Fired when the color changes\n\nAttributes:\n\n  * `value` {string} - The current color.\n\n  * `format` {UUIColorPickerFormat} - The format to use for the display value. If opacity is enabled, these will translate to HEXA, RGBA, HSLA, and HSVA\nrespectively. The color picker will always accept user input in any format (including CSS color names) and convert\nit to the desired format.\n\n  * `name` {string} - The input's name attribute.\n\n  * `size` {UUIColorPickerSize} - Determines the size of the color picker's trigger. This has no effect on inline color pickers.\n\n  * `no-format-toggle` {boolean} - Removes the format toggle.\n\n  * `inline` {boolean} - Renders the color picker inline rather than inside a dropdown.\n\n  * `disabled` {boolean} - Disables the color picker.\n\n  * `opacity` {boolean} - Whether to show the opacity slider.\n\n  * `uppercase` {boolean} - By default, the value will be set in lowercase. Set this to true to set it in uppercase instead.\n\n  * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\nProperties:\n\n  * `_input` - \n\n  * `_previewButton` {`HTMLButtonElement`} - \n\n  * `_swatches` - \n\n  * `inputValue` {`string`} - \n\n  * `hue` {`number`} - \n\n  * `saturation` {`number`} - \n\n  * `lightness` {`number`} - \n\n  * `alpha` {`number`} - \n\n  * `_colord` - \n\n  * `value` {string} - The current color.\n\n  * `format` {UUIColorPickerFormat} - The format to use for the display value. If opacity is enabled, these will translate to HEXA, RGBA, HSLA, and HSVA\nrespectively. The color picker will always accept user input in any format (including CSS color names) and convert\nit to the desired format.\n\n  * `name` {string} - The input's name attribute.\n\n  * `size` {UUIColorPickerSize} - Determines the size of the color picker's trigger. This has no effect on inline color pickers.\n\n  * `noFormatToggle` {boolean} - Removes the format toggle.\n\n  * `inline` {boolean} - Renders the color picker inline rather than inside a dropdown.\n\n  * `disabled` {boolean} - Disables the color picker.\n\n  * `opacity` {boolean} - Whether to show the opacity slider.\n\n  * `uppercase` {boolean} - By default, the value will be set in lowercase. Set this to true to set it in uppercase instead.\n\n  * `swatches` {`string[]`} - An array of predefined color swatches to display. Can include any format the color picker can parse, including\nHEX(A), RGB(A), HSL(A), HSV(A), and CSS color names.\n\n  * `styles` {`CSSResult[]`} - \n\n  * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\n  * `_labelSlotHasContent` {`boolean`} - ",
+      "description": "Events:\n\n  * `change` - Fired when the color changes\n\nAttributes:\n\n  * `value` {string} - The current color.\n\n  * `format` {UUIColorPickerFormat} - The format to use for the display value. If opacity is enabled, these will translate to HEXA, RGBA, HSLA, and HSVA\nrespectively. The color picker will always accept user input in any format (including CSS color names) and convert\nit to the desired format.\n\n  * `name` {string} - The input's name attribute.\n\n  * `size` {UUIColorPickerSize} - Determines the size of the color picker's trigger. This has no effect on inline color pickers.\n\n  * `no-format-toggle` {boolean} - Removes the format toggle.\n\n  * `inline` {boolean} - Renders the color picker inline rather than inside a dropdown.\n\n  * `disabled` {boolean} - Disables the color picker.\n\n  * `opacity` {boolean} - Whether to show the opacity slider.\n\n  * `uppercase` {boolean} - By default, the value will be set in lowercase. Set this to true to set it in uppercase instead.\n\n  * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\nProperties:\n\n  * `_input` {`UUIInputElement`} - \n\n  * `_previewButton` {`HTMLButtonElement`} - \n\n  * `_swatches` {`UUIColorSwatchesElement`} - \n\n  * `inputValue` {`string`} - \n\n  * `hue` {`number`} - \n\n  * `saturation` {`number`} - \n\n  * `lightness` {`number`} - \n\n  * `alpha` {`number`} - \n\n  * `_colord` {`Colord`} - \n\n  * `value` {string} - The current color.\n\n  * `format` {UUIColorPickerFormat} - The format to use for the display value. If opacity is enabled, these will translate to HEXA, RGBA, HSLA, and HSVA\nrespectively. The color picker will always accept user input in any format (including CSS color names) and convert\nit to the desired format.\n\n  * `name` {string} - The input's name attribute.\n\n  * `size` {UUIColorPickerSize} - Determines the size of the color picker's trigger. This has no effect on inline color pickers.\n\n  * `noFormatToggle` {boolean} - Removes the format toggle.\n\n  * `inline` {boolean} - Renders the color picker inline rather than inside a dropdown.\n\n  * `disabled` {boolean} - Disables the color picker.\n\n  * `opacity` {boolean} - Whether to show the opacity slider.\n\n  * `uppercase` {boolean} - By default, the value will be set in lowercase. Set this to true to set it in uppercase instead.\n\n  * `swatches` {`string[]`} - An array of predefined color swatches to display. Can include any format the color picker can parse, including\nHEX(A), RGB(A), HSL(A), HSV(A), and CSS color names.\n\n  * `styles` {`CSSResult[]`} - \n\n  * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\n  * `_labelSlotHasContent` {`boolean`} - ",
       "attributes": [
         {
           "name": "value",
@@ -921,7 +921,7 @@
     },
     {
       "name": "uui-color-slider",
-      "description": "Events:\n\n  * `change` - Fires when the value of the slider changes.\n\nAttributes:\n\n  * `type` {UUIColorSliderType} - The type of the slider.\n\n  * `color` {string} - The color value.\n\n  * `min` {number} - This is a minimum value of the slider.\n\n  * `max` {number} - This is a maximum value of the slider.\n\n  * `precision` {number} - The minimum increment value allowed by the slider.\n\n  * `vertical` {boolean} - Draws the slider in a vertical orientation.\n\n  * `value` {number} - The current value of the slider.\n\n  * `disabled` {boolean} - Disables the color slider.\n\n  * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\nProperties:\n\n  * `type` {UUIColorSliderType} - The type of the slider.\n\n  * `color` {string} - The color value.\n\n  * `min` {number} - This is a minimum value of the slider.\n\n  * `max` {number} - This is a maximum value of the slider.\n\n  * `precision` {number} - The minimum increment value allowed by the slider.\n\n  * `vertical` {boolean} - Draws the slider in a vertical orientation.\n\n  * `value` {number} - The current value of the slider.\n\n  * `disabled` {boolean} - Disables the color slider.\n\n  * `container` {`HTMLElement`} - \n\n  * `handle` {`HTMLElement`} - \n\n  * `ccsPropCurrentValue` {`number`} - \n\n  * `styles` {`CSSResult[]`} - \n\n  * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\n  * `_labelSlotHasContent` {`boolean`} - ",
+      "description": "Events:\n\n  * `change` - Fires when the value of the slider changes.\n\nAttributes:\n\n  * `type` {UUIColorSliderType} - The type of the slider.\n\n  * `color` {string} - The color value.\n\n  * `min` {number} - This is a minimum value of the slider.\n\n  * `max` {number} - This is a maximum value of the slider.\n\n  * `precision` {number} - The minimum increment value allowed by the slider.\n\n  * `vertical` {boolean} - Draws the slider in a vertical orientation.\n\n  * `value` {number} - The current value of the slider.\n\n  * `disabled` {boolean} - Disables the color slider.\n\n  * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\nProperties:\n\n  * `type` {UUIColorSliderType} - The type of the slider.\n\n  * `color` {string} - The color value.\n\n  * `min` {number} - This is a minimum value of the slider.\n\n  * `max` {number} - This is a maximum value of the slider.\n\n  * `precision` {number} - The minimum increment value allowed by the slider.\n\n  * `vertical` {boolean} - Draws the slider in a vertical orientation.\n\n  * `value` {number} - The current value of the slider.\n\n  * `disabled` {boolean} - Disables the color slider.\n\n  * `container` {`HTMLElement`} - \n\n  * `handle` {`HTMLElement`} - \n\n  * `cssPropCurrentValue` {`number`} - \n\n  * `styles` {`CSSResult[]`} - \n\n  * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\n  * `_labelSlotHasContent` {`boolean`} - ",
       "attributes": [
         {
           "name": "type",
@@ -1029,7 +1029,7 @@
     },
     {
       "name": "uui-color-swatches",
-      "description": "Put uui-stacked-color-swatch elements inside this element to create a color swatch selector.\n\nEvents:\n\n  * `change` - Fires when a color swatch is selected.\n\nSlots:\n\n  * ` ` {} - Default slot for content.\n\nAttributes:\n\n  * `value` {`string`} - Value of selected option.\n\n  * `disabled` {boolean} - Disables the color swatches.\n\n  * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\nProperties:\n\n  * `value` {`string`} - Value of selected option.\n\n  * `disabled` {boolean} - Disables the color swatches.\n\n  * `swatches` {`UUIColorSwatchElement[]`} - \n\n  * `__activeElement` - \n\n  * `_activeElement` - \n\n  * `_selectedElement` - \n\n  * `_onSelected` - \n\n  * `_onDeselected` - \n\n  * `styles` {`CSSResult[]`} - \n\n  * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\n  * `_labelSlotHasContent` {`boolean`} - ",
+      "description": "Put uui-stacked-color-swatch elements inside this element to create a color swatch selector.\n\nEvents:\n\n  * `change` - Fires when a color swatch is selected.\n\nSlots:\n\n  * ` ` {} - Default slot for content.\n\nAttributes:\n\n  * `value` {`string`} - Value of selected option.\n\n  * `disabled` {boolean} - Disables the color swatches.\n\n  * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\nProperties:\n\n  * `value` {`string`} - Value of selected option.\n\n  * `disabled` {boolean} - Disables the color swatches.\n\n  * `swatches` {`UUIColorSwatchElement[]`} - \n\n  * `__activeElement` {`UUIColorSwatchElement | undefined`} - \n\n  * `_activeElement` {`UUIColorSwatchElement | undefined`} - \n\n  * `_selectedElement` {`UUIColorSwatchElement | undefined`} - \n\n  * `_onSelected` - \n\n  * `_onDeselected` - \n\n  * `styles` {`CSSResult[]`} - \n\n  * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\n  * `_labelSlotHasContent` {`boolean`} - ",
       "attributes": [
         {
           "name": "value",
@@ -1094,7 +1094,7 @@
     },
     {
       "name": "uui-combobox-list",
-      "description": "Events:\n\n  * `change` - fires when selection is changed\n\nSlots:\n\n  * ` ` {} - for uui-combobox-list-options\n\nAttributes:\n\n  * `value` { FormDataEntryValue | FormData } - Value of selected option.\n\n  * `displayValue` { string } - A readable value to display to show the selected value.\n\n  * `for` { HTMLElement } - provide another element of which keyboard navigation\n\nProperties:\n\n  * `value` { FormDataEntryValue | FormData } - Value of selected option.\n\n  * `displayValue` { string } - A readable value to display to show the selected value.\n\n  * `_for` {`HTMLElement | undefined`} - \n\n  * `for` { HTMLElement } - provide another element of which keyboard navigation\n\n  * `_options` {`UUIComboboxListOptionElement[]`} - \n\n  * `_activeOptions` {`UUIComboboxListOptionElement[]`} - \n\n  * `_value` {`string | File | FormData`} - \n\n  * `_activeElementValue` {`string | null`} - \n\n  * `_selectedElement` - \n\n  * `_onSlotChange` - \n\n  * `_onSelected` - \n\n  * `_onDeselected` - \n\n  * `_getActiveIndex` {`number`} - \n\n  * `_getActiveElement` - \n\n  * `_moveIndex` - \n\n  * `_onKeyDown` - \n\n  * `styles` {`CSSResult[]`} - ",
+      "description": "Events:\n\n  * `change` - fires when selection is changed\n\nSlots:\n\n  * ` ` {} - for uui-combobox-list-options\n\nAttributes:\n\n  * `value` { FormDataEntryValue | FormData } - Value of selected option.\n\n  * `displayValue` { string } - A readable value to display to show the selected value.\n\n  * `for` { HTMLElement } - provide another element of which keyboard navigation\n\nProperties:\n\n  * `value` { FormDataEntryValue | FormData } - Value of selected option.\n\n  * `displayValue` { string } - A readable value to display to show the selected value.\n\n  * `_for` {`HTMLElement | undefined`} - \n\n  * `for` { HTMLElement } - provide another element of which keyboard navigation\n\n  * `_options` {`UUIComboboxListOptionElement[]`} - \n\n  * `_activeOptions` {`UUIComboboxListOptionElement[]`} - \n\n  * `_value` {`FormDataEntryValue | FormData`} - \n\n  * `_activeElementValue` {`string | null`} - \n\n  * `_selectedElement` {`UUIComboboxListOptionElement | undefined`} - \n\n  * `_onSlotChange` - \n\n  * `_onSelected` - \n\n  * `_onDeselected` - \n\n  * `_getActiveIndex` {`number`} - \n\n  * `_getActiveElement` {`UUIComboboxListOptionElement | null | undefined`} - \n\n  * `_moveIndex` - \n\n  * `_onKeyDown` - \n\n  * `styles` {`CSSResult[]`} - ",
       "attributes": [
         {
           "name": "value",
@@ -1118,7 +1118,7 @@
     },
     {
       "name": "uui-combobox",
-      "description": "Events:\n\n  * `input` - fires when search input is changed\n\n  * `change` - fires when selection is changed\n\nSlots:\n\n  * ` ` {} - for uui-combobox-list-options\n\n  * `input-prepend` {} - prepend for the uui-input\n\n  * `input-append` {} - append for the uui-input\n\nAttributes:\n\n  * `search` { string } - The search input.\n\n  * `open` { boolean } - Specifies if the popover should be open.\n\n  * `closeLabel` { string } - Specifies the button label for the close button in mobile mode\n\n  * `disabled` {boolean} - Disables the uui-combobox.\n\n  * `name` {string} - This is a name property of the component.\n\n  * `value` {string} - Value of this form control.\n\n  * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n  * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n  * `required-message` {`string`} - Required validation message.\n\n  * `error` {`boolean`} - Apply custom error on this input.\n\n  * `error-message` {`string`} - Custom error message.\n\nProperties:\n\n  * `search` { string } - The search input.\n\n  * `open` { boolean } - Specifies if the popover should be open.\n\n  * `closeLabel` { string } - Specifies the button label for the close button in mobile mode\n\n  * `disabled` {boolean} - Disables the uui-combobox.\n\n  * `_inputElement` {`HTMLInputElement`} - \n\n  * `_comboboxPopoverElement` - \n\n  * `_comboboxListElements` {`UUIComboboxListElement[] | undefined`} - \n\n  * `_displayValue` {`string`} - \n\n  * `_search` {`string`} - \n\n  * `_isPhone` {`boolean`} - \n\n  * `_isOpen` {`boolean`} - \n\n  * `styles` {`CSSResult[]`} - \n\n  * `formAssociated` {boolean} - This is a static class field indicating that the element is can be used inside a native form and participate in its events.\nIt may require a polyfill, check support here https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/attachInternals.\nRead more about form controls here https://web.dev/more-capable-form-controls/\n\n  * `name` {string} - This is a name property of the component.\n\n  * `value` {string} - Value of this form control.\n\n  * `_validityState` - \n\n  * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n  * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n  * `requiredMessage` {`string`} - Required validation message.\n\n  * `error` {`boolean`} - Apply custom error on this input.\n\n  * `errorMessage` {`string`} - Custom error message.\n\n  * `_value` {`string | File | FormData`} - \n\n  * `_form` {`HTMLFormElement | null`} - \n\n  * `_validators` {`Validator[]`} - \n\n  * `_formCtrlElements` {`HTMLInputElement[]`} - \n\n  * `_customValidityObject` {`Validator | undefined`} - \n\n  * `_onFormSubmit` - \n\n  * `validity` {`ValidityState`} - \n\n  * `validationMessage` - \n\n  * `_internals` - ",
+      "description": "Events:\n\n  * `input` - fires when search input is changed\n\n  * `change` - fires when selection is changed\n\nSlots:\n\n  * ` ` {} - for uui-combobox-list-options\n\n  * `input-prepend` {} - prepend for the uui-input\n\n  * `input-append` {} - append for the uui-input\n\nAttributes:\n\n  * `search` { string } - The search input.\n\n  * `open` { boolean } - Specifies if the popover should be open.\n\n  * `closeLabel` { string } - Specifies the button label for the close button in mobile mode\n\n  * `disabled` {boolean} - Disables the uui-combobox.\n\n  * `name` {string} - This is a name property of the component.\n\n  * `value` {string} - Value of this form control.\n\n  * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n  * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n  * `required-message` {`string`} - Required validation message.\n\n  * `error` {`boolean`} - Apply custom error on this input.\n\n  * `error-message` {`string`} - Custom error message.\n\nProperties:\n\n  * `search` { string } - The search input.\n\n  * `open` { boolean } - Specifies if the popover should be open.\n\n  * `closeLabel` { string } - Specifies the button label for the close button in mobile mode\n\n  * `disabled` {boolean} - Disables the uui-combobox.\n\n  * `_inputElement` {`HTMLInputElement`} - \n\n  * `_comboboxPopoverElement` {`UUIPopoverContainerElement | undefined`} - \n\n  * `_comboboxListElements` {`UUIComboboxListElement[] | undefined`} - \n\n  * `_displayValue` {`string`} - \n\n  * `_search` {`string`} - \n\n  * `_isPhone` {`boolean`} - \n\n  * `_isOpen` {`boolean`} - \n\n  * `styles` {`CSSResult[]`} - \n\n  * `formAssociated` {boolean} - This is a static class field indicating that the element is can be used inside a native form and participate in its events.\nIt may require a polyfill, check support here https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/attachInternals.\nRead more about form controls here https://web.dev/more-capable-form-controls/\n\n  * `name` {string} - This is a name property of the component.\n\n  * `value` {string} - Value of this form control.\n\n  * `_validityState` - \n\n  * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n  * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n  * `requiredMessage` {`string`} - Required validation message.\n\n  * `error` {`boolean`} - Apply custom error on this input.\n\n  * `errorMessage` {`string`} - Custom error message.\n\n  * `_value` {`FormDataEntryValue | FormData`} - \n\n  * `_form` {`HTMLFormElement | null`} - \n\n  * `_validators` {`Validator[]`} - \n\n  * `_formCtrlElements` {`HTMLInputElement[]`} - \n\n  * `_customValidityObject` {`Validator | undefined`} - \n\n  * `_onFormSubmit` - \n\n  * `validity` {`ValidityState`} - \n\n  * `validationMessage` - \n\n  * `_internals` - ",
       "attributes": [
         {
           "name": "search",
@@ -1279,12 +1279,12 @@
     },
     {
       "name": "uui-icon-registry-essential",
-      "description": "Properties:\n\n  * `_icons` {Record<string, string>} - Provide a Dictionary/Record/Object where key is the icon name and the value is the SVGs to define in the icon registry.\n\n  * `icons` - \n\n  * `_registry` - \n\n  * `registry` - ",
+      "description": "Properties:\n\n  * `_icons` {Record<string, string>} - Provide a Dictionary/Record/Object where key is the icon name and the value is the SVGs to define in the icon registry.\n\n  * `icons` - \n\n  * `_registry` {`UUIIconRegistry`} - \n\n  * `registry` - ",
       "attributes": []
     },
     {
       "name": "uui-icon-registry",
-      "description": "Properties:\n\n  * `_icons` {Record<string, string>} - Provide a Dictionary/Record/Object where key is the icon name and the value is the SVGs to define in the icon registry.\n\n  * `icons` - \n\n  * `_registry` - \n\n  * `registry` - ",
+      "description": "Properties:\n\n  * `_icons` {Record<string, string>} - Provide a Dictionary/Record/Object where key is the icon name and the value is the SVGs to define in the icon registry.\n\n  * `icons` - \n\n  * `_registry` {`UUIIconRegistry`} - \n\n  * `registry` {`UUIIconRegistry`} - ",
       "attributes": []
     },
     {
@@ -1293,7 +1293,7 @@
       "attributes": [
         {
           "name": "label",
-          "description": "`label` {string} - An alternate description to use for assistive devices.\nIf omitted, the icon will be considered presentational and ignored by assistive devices.\n\nProperty: label"
+          "description": "`label` {string} - An alternate description to use for assistive devices.\nIf omitted, the icon will be considered presentational and ignored by assistive devices.\n\nProperty: label\n\nDefault: "
         },
         {
           "name": "name",
@@ -1318,7 +1318,7 @@
     },
     {
       "name": "uui-input-file",
-      "description": "Attributes:\n\n  * `accept` {string} - Accepted filetypes. Will allow all types if empty.\n\n  * `multiple` {boolean} - Allows for multiple files to be selected.\n\n  * `name` {string} - This is a name property of the component.\n\n  * `value` {string} - Value of this form control.\n\n  * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n  * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n  * `required-message` {`string`} - Required validation message.\n\n  * `error` {`boolean`} - Apply custom error on this input.\n\n  * `error-message` {`string`} - Custom error message.\n\nProperties:\n\n  * `_dropzone` - \n\n  * `_dropZone` - \n\n  * `accept` {string} - Accepted filetypes. Will allow all types if empty.\n\n  * `multiple` {boolean} - Allows for multiple files to be selected.\n\n  * `_files` {`File[]`} - \n\n  * `_updateFileWrappers` - \n\n  * `styles` {`CSSResult[]`} - \n\n  * `formAssociated` {boolean} - This is a static class field indicating that the element is can be used inside a native form and participate in its events.\nIt may require a polyfill, check support here https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/attachInternals.\nRead more about form controls here https://web.dev/more-capable-form-controls/\n\n  * `name` {string} - This is a name property of the component.\n\n  * `value` {string} - Value of this form control.\n\n  * `_validityState` - \n\n  * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n  * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n  * `requiredMessage` {`string`} - Required validation message.\n\n  * `error` {`boolean`} - Apply custom error on this input.\n\n  * `errorMessage` {`string`} - Custom error message.\n\n  * `_value` {`string | File | FormData`} - \n\n  * `_form` {`HTMLFormElement | null`} - \n\n  * `_validators` {`Validator[]`} - \n\n  * `_formCtrlElements` {`HTMLInputElement[]`} - \n\n  * `_customValidityObject` {`Validator | undefined`} - \n\n  * `_onFormSubmit` - \n\n  * `validity` {`ValidityState`} - \n\n  * `validationMessage` - \n\n  * `_internals` - ",
+      "description": "Attributes:\n\n  * `accept` {string} - Accepted filetypes. Will allow all types if empty.\n\n  * `multiple` {boolean} - Allows for multiple files to be selected.\n\n  * `name` {string} - This is a name property of the component.\n\n  * `value` {string} - Value of this form control.\n\n  * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n  * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n  * `required-message` {`string`} - Required validation message.\n\n  * `error` {`boolean`} - Apply custom error on this input.\n\n  * `error-message` {`string`} - Custom error message.\n\nProperties:\n\n  * `_dropzone` {`UUIFileDropzoneElement`} - \n\n  * `_dropZone` {`UUIFileDropzoneElement | undefined`} - \n\n  * `accept` {string} - Accepted filetypes. Will allow all types if empty.\n\n  * `multiple` {boolean} - Allows for multiple files to be selected.\n\n  * `_files` {`File[]`} - \n\n  * `_updateFileWrappers` - \n\n  * `styles` {`CSSResult[]`} - \n\n  * `formAssociated` {boolean} - This is a static class field indicating that the element is can be used inside a native form and participate in its events.\nIt may require a polyfill, check support here https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/attachInternals.\nRead more about form controls here https://web.dev/more-capable-form-controls/\n\n  * `name` {string} - This is a name property of the component.\n\n  * `value` {string} - Value of this form control.\n\n  * `_validityState` - \n\n  * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n  * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n  * `requiredMessage` {`string`} - Required validation message.\n\n  * `error` {`boolean`} - Apply custom error on this input.\n\n  * `errorMessage` {`string`} - Custom error message.\n\n  * `_value` {`FormDataEntryValue | FormData`} - \n\n  * `_form` {`HTMLFormElement | null`} - \n\n  * `_validators` {`Validator[]`} - \n\n  * `_formCtrlElements` {`HTMLInputElement[]`} - \n\n  * `_customValidityObject` {`Validator | undefined`} - \n\n  * `_onFormSubmit` - \n\n  * `validity` {`ValidityState`} - \n\n  * `validationMessage` - \n\n  * `_internals` - ",
       "attributes": [
         {
           "name": "accept",
@@ -1365,7 +1365,7 @@
     },
     {
       "name": "uui-input-lock",
-      "description": "Events:\n\n  * `change` {} - on change\n\n  * `input` {} - on input\n\n  * `keyup` {} - on keyup\n\nSlots:\n\n  * `prepend` {} - for components to render to the left of the input.\n\n  * `append` {} - for components to render to the right of the input.\n\nAttributes:\n\n  * `locked` {boolean} - Determine the inputs locked state.\n\n  * `min` {number | string} - Sets the min value of the input.\nExamples: the first date the user may pick in date and datetime-local, or the min numeric value the user can pick in a number input.\n\n  * `minlength` {number} - Sets the minimum length of the value of the input.\n\n  * `minlength-message` {`string`} - Minlength validation message.\n\n  * `max` {number | string} - Sets the max value of the input.\nExamples: the last date the user may pick in date and datetime-local, or the max numeric value the user can pick in a number input.\n\n  * `maxlength` {number} - Sets the maximum length of the value of the input.\n\n  * `maxlength-message` {`string`} - Maxlength validation message.\n\n  * `step` {number} - Specifies the interval between legal numbers of the input\n\n  * `disabled` {boolean} - Disables the input.\n\n  * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\n  * `placeholder` {string} - Defines the input placeholder.\n\n  * `autocomplete` {string} - Defines the input autocomplete.\n\n  * `auto-width` {boolean} - Sets the input width to fit the value or placeholder if empty\n\n  * `type` {'text' | 'tel'| 'url'| 'email'| 'password'| 'date'| 'month'| 'week'| 'time'| 'datetime-local'| 'number'| 'color'} - This property specifies the type of input that will be rendered.\n\n  * `pattern` {string} - Validates the input based on the Regex pattern\n\n  * `inputMode` {string} - The inputmode global attribute is an enumerated attribute that hints at the type of data that might be entered by the user while editing the element or its contents. This allows a browser to display an appropriate virtual keyboard.\n\n  * `spellcheck` {boolean} - get/set native spellcheck attribute\n\n  * `name` {string} - This is a name property of the component.\n\n  * `value` {string} - Value of this form control.\n\n  * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n  * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n  * `required-message` {`string`} - Required validation message.\n\n  * `error` {`boolean`} - Apply custom error on this input.\n\n  * `error-message` {`string`} - Custom error message.\n\n  * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\nProperties:\n\n  * `locked` {boolean} - Determine the inputs locked state.\n\n  * `min` {number | string} - Sets the min value of the input.\nExamples: the first date the user may pick in date and datetime-local, or the min numeric value the user can pick in a number input.\n\n  * `minlength` {number} - Sets the minimum length of the value of the input.\n\n  * `minlengthMessage` {`string`} - Minlength validation message.\n\n  * `max` {number | string} - Sets the max value of the input.\nExamples: the last date the user may pick in date and datetime-local, or the max numeric value the user can pick in a number input.\n\n  * `maxlength` {number} - Sets the maximum length of the value of the input.\n\n  * `maxlengthMessage` {`string`} - Maxlength validation message.\n\n  * `step` {number} - Specifies the interval between legal numbers of the input\n\n  * `disabled` {boolean} - Disables the input.\n\n  * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\n  * `placeholder` {string} - Defines the input placeholder.\n\n  * `autocomplete` {string} - Defines the input autocomplete.\n\n  * `autoWidth` {boolean} - Sets the input width to fit the value or placeholder if empty\n\n  * `type` {'text' | 'tel'| 'url'| 'email'| 'password'| 'date'| 'month'| 'week'| 'time'| 'datetime-local'| 'number'| 'color'} - This property specifies the type of input that will be rendered.\n\n  * `pattern` {string} - Validates the input based on the Regex pattern\n\n  * `inputMode` {string} - The inputmode global attribute is an enumerated attribute that hints at the type of data that might be entered by the user while editing the element or its contents. This allows a browser to display an appropriate virtual keyboard.\n\n  * `_input` {`HTMLInputElement`} - \n\n  * `_type` {`InputType`} - \n\n  * `styles` {`CSSResult[]`} - \n\n  * `spellcheck` {boolean} - get/set native spellcheck attribute\n\n  * `formAssociated` {boolean} - This is a static class field indicating that the element is can be used inside a native form and participate in its events. It may require a polyfill, check support here https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/attachInternals.  Read more about form controls here https://web.dev/more-capable-form-controls/\n\n  * `name` {string} - This is a name property of the component.\n\n  * `value` {string} - Value of this form control.\n\n  * `_validityState` - \n\n  * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n  * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n  * `requiredMessage` {`string`} - Required validation message.\n\n  * `error` {`boolean`} - Apply custom error on this input.\n\n  * `errorMessage` {`string`} - Custom error message.\n\n  * `_value` {`string | File | FormData`} - \n\n  * `_form` {`HTMLFormElement | null`} - \n\n  * `_validators` {`Validator[]`} - \n\n  * `_formCtrlElements` {`HTMLInputElement[]`} - \n\n  * `_customValidityObject` {`Validator | undefined`} - \n\n  * `_onFormSubmit` - \n\n  * `validity` {`ValidityState`} - \n\n  * `validationMessage` - \n\n  * `_internals` - \n\n  * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\n  * `_labelSlotHasContent` {`boolean`} - ",
+      "description": "Events:\n\n  * `change` {} - on change\n\n  * `input` {} - on input\n\n  * `keyup` {} - on keyup\n\nSlots:\n\n  * `prepend` {} - for components to render to the left of the input.\n\n  * `append` {} - for components to render to the right of the input.\n\nAttributes:\n\n  * `locked` {boolean} - Determine the inputs locked state.\n\n  * `min` {number | string} - Sets the min value of the input.\nExamples: the first date the user may pick in date and datetime-local, or the min numeric value the user can pick in a number input.\n\n  * `minlength` {number} - Sets the minimum length of the value of the input.\n\n  * `minlength-message` {`string`} - Minlength validation message.\n\n  * `max` {number | string} - Sets the max value of the input.\nExamples: the last date the user may pick in date and datetime-local, or the max numeric value the user can pick in a number input.\n\n  * `maxlength` {number} - Sets the maximum length of the value of the input.\n\n  * `maxlength-message` {`string`} - Maxlength validation message.\n\n  * `step` {number} - Specifies the interval between legal numbers of the input\n\n  * `disabled` {boolean} - Disables the input.\n\n  * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\n  * `placeholder` {string} - Defines the input placeholder.\n\n  * `autocomplete` {string} - Defines the input autocomplete.\n\n  * `auto-width` {boolean} - Sets the input width to fit the value or placeholder if empty\n\n  * `type` {'text' | 'tel'| 'url'| 'email'| 'password'| 'date'| 'month'| 'week'| 'time'| 'datetime-local'| 'number'| 'color'} - This property specifies the type of input that will be rendered.\n\n  * `pattern` {string} - Validates the input based on the Regex pattern\n\n  * `inputMode` {string} - The inputmode global attribute is an enumerated attribute that hints at the type of data that might be entered by the user while editing the element or its contents. This allows a browser to display an appropriate virtual keyboard.\n\n  * `spellcheck` {boolean} - get/set native spellcheck attribute\n\n  * `name` {string} - This is a name property of the component.\n\n  * `value` {string} - Value of this form control.\n\n  * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n  * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n  * `required-message` {`string`} - Required validation message.\n\n  * `error` {`boolean`} - Apply custom error on this input.\n\n  * `error-message` {`string`} - Custom error message.\n\n  * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\nProperties:\n\n  * `locked` {boolean} - Determine the inputs locked state.\n\n  * `min` {number | string} - Sets the min value of the input.\nExamples: the first date the user may pick in date and datetime-local, or the min numeric value the user can pick in a number input.\n\n  * `minlength` {number} - Sets the minimum length of the value of the input.\n\n  * `minlengthMessage` {`string`} - Minlength validation message.\n\n  * `max` {number | string} - Sets the max value of the input.\nExamples: the last date the user may pick in date and datetime-local, or the max numeric value the user can pick in a number input.\n\n  * `maxlength` {number} - Sets the maximum length of the value of the input.\n\n  * `maxlengthMessage` {`string`} - Maxlength validation message.\n\n  * `step` {number} - Specifies the interval between legal numbers of the input\n\n  * `disabled` {boolean} - Disables the input.\n\n  * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\n  * `placeholder` {string} - Defines the input placeholder.\n\n  * `autocomplete` {string} - Defines the input autocomplete.\n\n  * `autoWidth` {boolean} - Sets the input width to fit the value or placeholder if empty\n\n  * `type` {'text' | 'tel'| 'url'| 'email'| 'password'| 'date'| 'month'| 'week'| 'time'| 'datetime-local'| 'number'| 'color'} - This property specifies the type of input that will be rendered.\n\n  * `pattern` {string} - Validates the input based on the Regex pattern\n\n  * `inputMode` {string} - The inputmode global attribute is an enumerated attribute that hints at the type of data that might be entered by the user while editing the element or its contents. This allows a browser to display an appropriate virtual keyboard.\n\n  * `_input` {`HTMLInputElement`} - \n\n  * `_type` {`InputType`} - \n\n  * `styles` {`CSSResult[]`} - \n\n  * `spellcheck` {boolean} - get/set native spellcheck attribute\n\n  * `formAssociated` {boolean} - This is a static class field indicating that the element is can be used inside a native form and participate in its events. It may require a polyfill, check support here https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/attachInternals.  Read more about form controls here https://web.dev/more-capable-form-controls/\n\n  * `name` {string} - This is a name property of the component.\n\n  * `value` {string} - Value of this form control.\n\n  * `_validityState` - \n\n  * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n  * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n  * `requiredMessage` {`string`} - Required validation message.\n\n  * `error` {`boolean`} - Apply custom error on this input.\n\n  * `errorMessage` {`string`} - Custom error message.\n\n  * `_value` {`FormDataEntryValue | FormData`} - \n\n  * `_form` {`HTMLFormElement | null`} - \n\n  * `_validators` {`Validator[]`} - \n\n  * `_formCtrlElements` {`HTMLInputElement[]`} - \n\n  * `_customValidityObject` {`Validator | undefined`} - \n\n  * `_onFormSubmit` - \n\n  * `validity` {`ValidityState`} - \n\n  * `validationMessage` - \n\n  * `_internals` - \n\n  * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\n  * `_labelSlotHasContent` {`boolean`} - ",
       "attributes": [
         {
           "name": "locked",
@@ -1384,7 +1384,7 @@
         },
         {
           "name": "minlength-message",
-          "description": "`minlength-message` {`string`} - Minlength validation message.\n\nProperty: minlengthMessage"
+          "description": "`minlength-message` {`string`} - Minlength validation message.\n\nProperty: minlengthMessage\n\nDefault: "
         },
         {
           "name": "max",
@@ -1398,7 +1398,7 @@
         },
         {
           "name": "maxlength-message",
-          "description": "`maxlength-message` {`string`} - Maxlength validation message.\n\nProperty: maxlengthMessage"
+          "description": "`maxlength-message` {`string`} - Maxlength validation message.\n\nProperty: maxlengthMessage\n\nDefault: "
         },
         {
           "name": "step",
@@ -1437,16 +1437,16 @@
               "name": "number"
             },
             {
-              "name": "text"
+              "name": "email"
             },
             {
               "name": "tel"
             },
             {
-              "name": "url"
+              "name": "text"
             },
             {
-              "name": "email"
+              "name": "url"
             },
             {
               "name": "password"
@@ -1540,7 +1540,7 @@
     },
     {
       "name": "uui-input-password",
-      "description": "Events:\n\n  * `change` {} - on change\n\n  * `input` {} - on input\n\n  * `keyup` {} - on keyup\n\nSlots:\n\n  * `prepend` {} - for components to render to the left of the input.\n\n  * `append` {} - for components to render to the right of the input.\n\nAttributes:\n\n  * `min` {number | string} - Sets the min value of the input.\nExamples: the first date the user may pick in date and datetime-local, or the min numeric value the user can pick in a number input.\n\n  * `minlength` {number} - Sets the minimum length of the value of the input.\n\n  * `minlength-message` {`string`} - Minlength validation message.\n\n  * `max` {number | string} - Sets the max value of the input.\nExamples: the last date the user may pick in date and datetime-local, or the max numeric value the user can pick in a number input.\n\n  * `maxlength` {number} - Sets the maximum length of the value of the input.\n\n  * `maxlength-message` {`string`} - Maxlength validation message.\n\n  * `step` {number} - Specifies the interval between legal numbers of the input\n\n  * `disabled` {boolean} - Disables the input.\n\n  * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\n  * `placeholder` {string} - Defines the input placeholder.\n\n  * `autocomplete` {string} - Defines the input autocomplete.\n\n  * `auto-width` {boolean} - Sets the input width to fit the value or placeholder if empty\n\n  * `type` {'text' | 'tel'| 'url'| 'email'| 'password'| 'date'| 'month'| 'week'| 'time'| 'datetime-local'| 'number'| 'color'} - This property specifies the type of input that will be rendered.\n\n  * `pattern` {string} - Validates the input based on the Regex pattern\n\n  * `inputMode` {string} - The inputmode global attribute is an enumerated attribute that hints at the type of data that might be entered by the user while editing the element or its contents. This allows a browser to display an appropriate virtual keyboard.\n\n  * `spellcheck` {boolean} - get/set native spellcheck attribute\n\n  * `name` {string} - This is a name property of the component.\n\n  * `value` {string} - Value of this form control.\n\n  * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n  * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n  * `required-message` {`string`} - Required validation message.\n\n  * `error` {`boolean`} - Apply custom error on this input.\n\n  * `error-message` {`string`} - Custom error message.\n\n  * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\nProperties:\n\n  * `passwordType` {`InputType`} - \n\n  * `min` {number | string} - Sets the min value of the input.\nExamples: the first date the user may pick in date and datetime-local, or the min numeric value the user can pick in a number input.\n\n  * `minlength` {number} - Sets the minimum length of the value of the input.\n\n  * `minlengthMessage` {`string`} - Minlength validation message.\n\n  * `max` {number | string} - Sets the max value of the input.\nExamples: the last date the user may pick in date and datetime-local, or the max numeric value the user can pick in a number input.\n\n  * `maxlength` {number} - Sets the maximum length of the value of the input.\n\n  * `maxlengthMessage` {`string`} - Maxlength validation message.\n\n  * `step` {number} - Specifies the interval between legal numbers of the input\n\n  * `disabled` {boolean} - Disables the input.\n\n  * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\n  * `placeholder` {string} - Defines the input placeholder.\n\n  * `autocomplete` {string} - Defines the input autocomplete.\n\n  * `autoWidth` {boolean} - Sets the input width to fit the value or placeholder if empty\n\n  * `type` {'text' | 'tel'| 'url'| 'email'| 'password'| 'date'| 'month'| 'week'| 'time'| 'datetime-local'| 'number'| 'color'} - This property specifies the type of input that will be rendered.\n\n  * `pattern` {string} - Validates the input based on the Regex pattern\n\n  * `inputMode` {string} - The inputmode global attribute is an enumerated attribute that hints at the type of data that might be entered by the user while editing the element or its contents. This allows a browser to display an appropriate virtual keyboard.\n\n  * `_input` {`HTMLInputElement`} - \n\n  * `_type` {`InputType`} - \n\n  * `styles` {`CSSResult[]`} - \n\n  * `spellcheck` {boolean} - get/set native spellcheck attribute\n\n  * `formAssociated` {boolean} - This is a static class field indicating that the element is can be used inside a native form and participate in its events. It may require a polyfill, check support here https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/attachInternals.  Read more about form controls here https://web.dev/more-capable-form-controls/\n\n  * `name` {string} - This is a name property of the component.\n\n  * `value` {string} - Value of this form control.\n\n  * `_validityState` - \n\n  * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n  * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n  * `requiredMessage` {`string`} - Required validation message.\n\n  * `error` {`boolean`} - Apply custom error on this input.\n\n  * `errorMessage` {`string`} - Custom error message.\n\n  * `_value` {`string | File | FormData`} - \n\n  * `_form` {`HTMLFormElement | null`} - \n\n  * `_validators` {`Validator[]`} - \n\n  * `_formCtrlElements` {`HTMLInputElement[]`} - \n\n  * `_customValidityObject` {`Validator | undefined`} - \n\n  * `_onFormSubmit` - \n\n  * `validity` {`ValidityState`} - \n\n  * `validationMessage` - \n\n  * `_internals` - \n\n  * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\n  * `_labelSlotHasContent` {`boolean`} - ",
+      "description": "Events:\n\n  * `change` {} - on change\n\n  * `input` {} - on input\n\n  * `keyup` {} - on keyup\n\nSlots:\n\n  * `prepend` {} - for components to render to the left of the input.\n\n  * `append` {} - for components to render to the right of the input.\n\nAttributes:\n\n  * `min` {number | string} - Sets the min value of the input.\nExamples: the first date the user may pick in date and datetime-local, or the min numeric value the user can pick in a number input.\n\n  * `minlength` {number} - Sets the minimum length of the value of the input.\n\n  * `minlength-message` {`string`} - Minlength validation message.\n\n  * `max` {number | string} - Sets the max value of the input.\nExamples: the last date the user may pick in date and datetime-local, or the max numeric value the user can pick in a number input.\n\n  * `maxlength` {number} - Sets the maximum length of the value of the input.\n\n  * `maxlength-message` {`string`} - Maxlength validation message.\n\n  * `step` {number} - Specifies the interval between legal numbers of the input\n\n  * `disabled` {boolean} - Disables the input.\n\n  * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\n  * `placeholder` {string} - Defines the input placeholder.\n\n  * `autocomplete` {string} - Defines the input autocomplete.\n\n  * `auto-width` {boolean} - Sets the input width to fit the value or placeholder if empty\n\n  * `type` {'text' | 'tel'| 'url'| 'email'| 'password'| 'date'| 'month'| 'week'| 'time'| 'datetime-local'| 'number'| 'color'} - This property specifies the type of input that will be rendered.\n\n  * `pattern` {string} - Validates the input based on the Regex pattern\n\n  * `inputMode` {string} - The inputmode global attribute is an enumerated attribute that hints at the type of data that might be entered by the user while editing the element or its contents. This allows a browser to display an appropriate virtual keyboard.\n\n  * `spellcheck` {boolean} - get/set native spellcheck attribute\n\n  * `name` {string} - This is a name property of the component.\n\n  * `value` {string} - Value of this form control.\n\n  * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n  * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n  * `required-message` {`string`} - Required validation message.\n\n  * `error` {`boolean`} - Apply custom error on this input.\n\n  * `error-message` {`string`} - Custom error message.\n\n  * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\nProperties:\n\n  * `passwordType` {`InputType`} - \n\n  * `min` {number | string} - Sets the min value of the input.\nExamples: the first date the user may pick in date and datetime-local, or the min numeric value the user can pick in a number input.\n\n  * `minlength` {number} - Sets the minimum length of the value of the input.\n\n  * `minlengthMessage` {`string`} - Minlength validation message.\n\n  * `max` {number | string} - Sets the max value of the input.\nExamples: the last date the user may pick in date and datetime-local, or the max numeric value the user can pick in a number input.\n\n  * `maxlength` {number} - Sets the maximum length of the value of the input.\n\n  * `maxlengthMessage` {`string`} - Maxlength validation message.\n\n  * `step` {number} - Specifies the interval between legal numbers of the input\n\n  * `disabled` {boolean} - Disables the input.\n\n  * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\n  * `placeholder` {string} - Defines the input placeholder.\n\n  * `autocomplete` {string} - Defines the input autocomplete.\n\n  * `autoWidth` {boolean} - Sets the input width to fit the value or placeholder if empty\n\n  * `type` {'text' | 'tel'| 'url'| 'email'| 'password'| 'date'| 'month'| 'week'| 'time'| 'datetime-local'| 'number'| 'color'} - This property specifies the type of input that will be rendered.\n\n  * `pattern` {string} - Validates the input based on the Regex pattern\n\n  * `inputMode` {string} - The inputmode global attribute is an enumerated attribute that hints at the type of data that might be entered by the user while editing the element or its contents. This allows a browser to display an appropriate virtual keyboard.\n\n  * `_input` {`HTMLInputElement`} - \n\n  * `_type` {`InputType`} - \n\n  * `styles` {`CSSResult[]`} - \n\n  * `spellcheck` {boolean} - get/set native spellcheck attribute\n\n  * `formAssociated` {boolean} - This is a static class field indicating that the element is can be used inside a native form and participate in its events. It may require a polyfill, check support here https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/attachInternals.  Read more about form controls here https://web.dev/more-capable-form-controls/\n\n  * `name` {string} - This is a name property of the component.\n\n  * `value` {string} - Value of this form control.\n\n  * `_validityState` - \n\n  * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n  * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n  * `requiredMessage` {`string`} - Required validation message.\n\n  * `error` {`boolean`} - Apply custom error on this input.\n\n  * `errorMessage` {`string`} - Custom error message.\n\n  * `_value` {`FormDataEntryValue | FormData`} - \n\n  * `_form` {`HTMLFormElement | null`} - \n\n  * `_validators` {`Validator[]`} - \n\n  * `_formCtrlElements` {`HTMLInputElement[]`} - \n\n  * `_customValidityObject` {`Validator | undefined`} - \n\n  * `_onFormSubmit` - \n\n  * `validity` {`ValidityState`} - \n\n  * `validationMessage` - \n\n  * `_internals` - \n\n  * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\n  * `_labelSlotHasContent` {`boolean`} - ",
       "attributes": [
         {
           "name": "min",
@@ -1554,7 +1554,7 @@
         },
         {
           "name": "minlength-message",
-          "description": "`minlength-message` {`string`} - Minlength validation message.\n\nProperty: minlengthMessage"
+          "description": "`minlength-message` {`string`} - Minlength validation message.\n\nProperty: minlengthMessage\n\nDefault: "
         },
         {
           "name": "max",
@@ -1568,7 +1568,7 @@
         },
         {
           "name": "maxlength-message",
-          "description": "`maxlength-message` {`string`} - Maxlength validation message.\n\nProperty: maxlengthMessage"
+          "description": "`maxlength-message` {`string`} - Maxlength validation message.\n\nProperty: maxlengthMessage\n\nDefault: "
         },
         {
           "name": "step",
@@ -1607,16 +1607,16 @@
               "name": "number"
             },
             {
-              "name": "text"
+              "name": "email"
             },
             {
               "name": "tel"
             },
             {
-              "name": "url"
+              "name": "text"
             },
             {
-              "name": "email"
+              "name": "url"
             },
             {
               "name": "password"
@@ -1710,7 +1710,7 @@
     },
     {
       "name": "uui-input",
-      "description": "Custom element wrapping the native input element.This is a formAssociated element, meaning it can participate in a native HTMLForm. A name:value pair will be submitted.\n\nEvents:\n\n  * `change` {} - on change\n\n  * `input` {} - on input\n\n  * `keyup` {} - on keyup\n\nSlots:\n\n  * `prepend` {} - for components to render to the left of the input.\n\n  * `append` {} - for components to render to the right of the input.\n\nAttributes:\n\n  * `min` {number | string} - Sets the min value of the input.\nExamples: the first date the user may pick in date and datetime-local, or the min numeric value the user can pick in a number input.\n\n  * `minlength` {number} - Sets the minimum length of the value of the input.\n\n  * `minlength-message` {`string`} - Minlength validation message.\n\n  * `max` {number | string} - Sets the max value of the input.\nExamples: the last date the user may pick in date and datetime-local, or the max numeric value the user can pick in a number input.\n\n  * `maxlength` {number} - Sets the maximum length of the value of the input.\n\n  * `maxlength-message` {`string`} - Maxlength validation message.\n\n  * `step` {number} - Specifies the interval between legal numbers of the input\n\n  * `disabled` {boolean} - Disables the input.\n\n  * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\n  * `placeholder` {string} - Defines the input placeholder.\n\n  * `autocomplete` {string} - Defines the input autocomplete.\n\n  * `auto-width` {boolean} - Sets the input width to fit the value or placeholder if empty\n\n  * `type` {'text' | 'tel'| 'url'| 'email'| 'password'| 'date'| 'month'| 'week'| 'time'| 'datetime-local'| 'number'| 'color'} - This property specifies the type of input that will be rendered.\n\n  * `pattern` {string} - Validates the input based on the Regex pattern\n\n  * `inputMode` {string} - The inputmode global attribute is an enumerated attribute that hints at the type of data that might be entered by the user while editing the element or its contents. This allows a browser to display an appropriate virtual keyboard.\n\n  * `spellcheck` {boolean} - get/set native spellcheck attribute\n\n  * `name` {string} - This is a name property of the component.\n\n  * `value` {string} - Value of this form control.\n\n  * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n  * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n  * `required-message` {`string`} - Required validation message.\n\n  * `error` {`boolean`} - Apply custom error on this input.\n\n  * `error-message` {`string`} - Custom error message.\n\n  * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\nProperties:\n\n  * `min` {number | string} - Sets the min value of the input.\nExamples: the first date the user may pick in date and datetime-local, or the min numeric value the user can pick in a number input.\n\n  * `minlength` {number} - Sets the minimum length of the value of the input.\n\n  * `minlengthMessage` {`string`} - Minlength validation message.\n\n  * `max` {number | string} - Sets the max value of the input.\nExamples: the last date the user may pick in date and datetime-local, or the max numeric value the user can pick in a number input.\n\n  * `maxlength` {number} - Sets the maximum length of the value of the input.\n\n  * `maxlengthMessage` {`string`} - Maxlength validation message.\n\n  * `step` {number} - Specifies the interval between legal numbers of the input\n\n  * `disabled` {boolean} - Disables the input.\n\n  * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\n  * `placeholder` {string} - Defines the input placeholder.\n\n  * `autocomplete` {string} - Defines the input autocomplete.\n\n  * `autoWidth` {boolean} - Sets the input width to fit the value or placeholder if empty\n\n  * `type` {'text' | 'tel'| 'url'| 'email'| 'password'| 'date'| 'month'| 'week'| 'time'| 'datetime-local'| 'number'| 'color'} - This property specifies the type of input that will be rendered.\n\n  * `pattern` {string} - Validates the input based on the Regex pattern\n\n  * `inputMode` {string} - The inputmode global attribute is an enumerated attribute that hints at the type of data that might be entered by the user while editing the element or its contents. This allows a browser to display an appropriate virtual keyboard.\n\n  * `_input` {`HTMLInputElement`} - \n\n  * `_type` {`InputType`} - \n\n  * `styles` {`CSSResult[]`} - \n\n  * `spellcheck` {boolean} - get/set native spellcheck attribute\n\n  * `formAssociated` {boolean} - This is a static class field indicating that the element is can be used inside a native form and participate in its events. It may require a polyfill, check support here https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/attachInternals.  Read more about form controls here https://web.dev/more-capable-form-controls/\n\n  * `name` {string} - This is a name property of the component.\n\n  * `value` {string} - Value of this form control.\n\n  * `_validityState` - \n\n  * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n  * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n  * `requiredMessage` {`string`} - Required validation message.\n\n  * `error` {`boolean`} - Apply custom error on this input.\n\n  * `errorMessage` {`string`} - Custom error message.\n\n  * `_value` {`string | File | FormData`} - \n\n  * `_form` {`HTMLFormElement | null`} - \n\n  * `_validators` {`Validator[]`} - \n\n  * `_formCtrlElements` {`HTMLInputElement[]`} - \n\n  * `_customValidityObject` {`Validator | undefined`} - \n\n  * `_onFormSubmit` - \n\n  * `validity` {`ValidityState`} - \n\n  * `validationMessage` - \n\n  * `_internals` - \n\n  * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\n  * `_labelSlotHasContent` {`boolean`} - ",
+      "description": "Custom element wrapping the native input element.This is a formAssociated element, meaning it can participate in a native HTMLForm. A name:value pair will be submitted.\n\nEvents:\n\n  * `change` {} - on change\n\n  * `input` {} - on input\n\n  * `keyup` {} - on keyup\n\nSlots:\n\n  * `prepend` {} - for components to render to the left of the input.\n\n  * `append` {} - for components to render to the right of the input.\n\nAttributes:\n\n  * `min` {number | string} - Sets the min value of the input.\nExamples: the first date the user may pick in date and datetime-local, or the min numeric value the user can pick in a number input.\n\n  * `minlength` {number} - Sets the minimum length of the value of the input.\n\n  * `minlength-message` {`string`} - Minlength validation message.\n\n  * `max` {number | string} - Sets the max value of the input.\nExamples: the last date the user may pick in date and datetime-local, or the max numeric value the user can pick in a number input.\n\n  * `maxlength` {number} - Sets the maximum length of the value of the input.\n\n  * `maxlength-message` {`string`} - Maxlength validation message.\n\n  * `step` {number} - Specifies the interval between legal numbers of the input\n\n  * `disabled` {boolean} - Disables the input.\n\n  * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\n  * `placeholder` {string} - Defines the input placeholder.\n\n  * `autocomplete` {string} - Defines the input autocomplete.\n\n  * `auto-width` {boolean} - Sets the input width to fit the value or placeholder if empty\n\n  * `type` {'text' | 'tel'| 'url'| 'email'| 'password'| 'date'| 'month'| 'week'| 'time'| 'datetime-local'| 'number'| 'color'} - This property specifies the type of input that will be rendered.\n\n  * `pattern` {string} - Validates the input based on the Regex pattern\n\n  * `inputMode` {string} - The inputmode global attribute is an enumerated attribute that hints at the type of data that might be entered by the user while editing the element or its contents. This allows a browser to display an appropriate virtual keyboard.\n\n  * `spellcheck` {boolean} - get/set native spellcheck attribute\n\n  * `name` {string} - This is a name property of the component.\n\n  * `value` {string} - Value of this form control.\n\n  * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n  * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n  * `required-message` {`string`} - Required validation message.\n\n  * `error` {`boolean`} - Apply custom error on this input.\n\n  * `error-message` {`string`} - Custom error message.\n\n  * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\nProperties:\n\n  * `min` {number | string} - Sets the min value of the input.\nExamples: the first date the user may pick in date and datetime-local, or the min numeric value the user can pick in a number input.\n\n  * `minlength` {number} - Sets the minimum length of the value of the input.\n\n  * `minlengthMessage` {`string`} - Minlength validation message.\n\n  * `max` {number | string} - Sets the max value of the input.\nExamples: the last date the user may pick in date and datetime-local, or the max numeric value the user can pick in a number input.\n\n  * `maxlength` {number} - Sets the maximum length of the value of the input.\n\n  * `maxlengthMessage` {`string`} - Maxlength validation message.\n\n  * `step` {number} - Specifies the interval between legal numbers of the input\n\n  * `disabled` {boolean} - Disables the input.\n\n  * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\n  * `placeholder` {string} - Defines the input placeholder.\n\n  * `autocomplete` {string} - Defines the input autocomplete.\n\n  * `autoWidth` {boolean} - Sets the input width to fit the value or placeholder if empty\n\n  * `type` {'text' | 'tel'| 'url'| 'email'| 'password'| 'date'| 'month'| 'week'| 'time'| 'datetime-local'| 'number'| 'color'} - This property specifies the type of input that will be rendered.\n\n  * `pattern` {string} - Validates the input based on the Regex pattern\n\n  * `inputMode` {string} - The inputmode global attribute is an enumerated attribute that hints at the type of data that might be entered by the user while editing the element or its contents. This allows a browser to display an appropriate virtual keyboard.\n\n  * `_input` {`HTMLInputElement`} - \n\n  * `_type` {`InputType`} - \n\n  * `styles` {`CSSResult[]`} - \n\n  * `spellcheck` {boolean} - get/set native spellcheck attribute\n\n  * `formAssociated` {boolean} - This is a static class field indicating that the element is can be used inside a native form and participate in its events. It may require a polyfill, check support here https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/attachInternals.  Read more about form controls here https://web.dev/more-capable-form-controls/\n\n  * `name` {string} - This is a name property of the component.\n\n  * `value` {string} - Value of this form control.\n\n  * `_validityState` - \n\n  * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n  * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n  * `requiredMessage` {`string`} - Required validation message.\n\n  * `error` {`boolean`} - Apply custom error on this input.\n\n  * `errorMessage` {`string`} - Custom error message.\n\n  * `_value` {`FormDataEntryValue | FormData`} - \n\n  * `_form` {`HTMLFormElement | null`} - \n\n  * `_validators` {`Validator[]`} - \n\n  * `_formCtrlElements` {`HTMLInputElement[]`} - \n\n  * `_customValidityObject` {`Validator | undefined`} - \n\n  * `_onFormSubmit` - \n\n  * `validity` {`ValidityState`} - \n\n  * `validationMessage` - \n\n  * `_internals` - \n\n  * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\n  * `_labelSlotHasContent` {`boolean`} - ",
       "attributes": [
         {
           "name": "min",
@@ -1724,7 +1724,7 @@
         },
         {
           "name": "minlength-message",
-          "description": "`minlength-message` {`string`} - Minlength validation message.\n\nProperty: minlengthMessage"
+          "description": "`minlength-message` {`string`} - Minlength validation message.\n\nProperty: minlengthMessage\n\nDefault: "
         },
         {
           "name": "max",
@@ -1738,7 +1738,7 @@
         },
         {
           "name": "maxlength-message",
-          "description": "`maxlength-message` {`string`} - Maxlength validation message.\n\nProperty: maxlengthMessage"
+          "description": "`maxlength-message` {`string`} - Maxlength validation message.\n\nProperty: maxlengthMessage\n\nDefault: "
         },
         {
           "name": "step",
@@ -1777,16 +1777,16 @@
               "name": "number"
             },
             {
-              "name": "text"
+              "name": "email"
             },
             {
               "name": "tel"
             },
             {
-              "name": "url"
+              "name": "text"
             },
             {
-              "name": "email"
+              "name": "url"
             },
             {
               "name": "password"
@@ -1925,7 +1925,7 @@
     },
     {
       "name": "uui-loader-circle",
-      "description": "Attributes:\n\n  * `progress` {number} - Sets the progress that loader shows\n\n  * `show-progress` {boolean} - If true then element displays progress number at bigger sizes\n\nProperties:\n\n  * `progress` {number} - Sets the progress that loader shows\n\n  * `showProgress` {boolean} - If true then element displays progress number at bigger sizes\n\n  * `_resizeObserver` - \n\n  * `_isLarge` {`boolean`} - \n\n  * `styles` {`CSSResult[]`} - ",
+      "description": "Attributes:\n\n  * `progress` {number} - Sets the progress that loader shows\n\n  * `show-progress` {boolean} - If true then element displays progress number at bigger sizes\n\nProperties:\n\n  * `progress` {number} - Sets the progress that loader shows\n\n  * `showProgress` {boolean} - If true then element displays progress number at bigger sizes\n\n  * `_resizeObserver` {`ResizeObserver`} - \n\n  * `_isLarge` {`boolean`} - \n\n  * `styles` {`CSSResult[]`} - ",
       "attributes": [
         {
           "name": "progress",
@@ -2050,7 +2050,7 @@
     },
     {
       "name": "modal-example",
-      "description": "Properties:\n\n  * `_modals` {`TemplateResult<1>[]`} - \n\n  * `styles` - ",
+      "description": "Properties:\n\n  * `_modals` {`TemplateResult<1>[]`} - \n\n  * `styles` {`CSSResult`} - ",
       "attributes": []
     },
     {
@@ -2153,7 +2153,7 @@
     },
     {
       "name": "uui-pagination",
-      "description": "Events:\n\n  * `change` {} - When clicked on the page button fires change event\n\nAttributes:\n\n  * `label` {string} - This property is used to generate a proper `aria-label`. It will be announced by screen reader as: \"<<this.label>>. Current page: <<this.current>>\"\n\n  * `aria-label` {string} - With this property you can overwrite aria-label.\n\n  * `total` {number} - Set the amount of pages to navigate.\n\n  * `current` {number} - Define the current active page.\n\nProperties:\n\n  * `_observer` - \n\n  * `_navButtons` {`UUIButtonElement[]`} - \n\n  * `_pagesGroup` - \n\n  * `label` {string} - This property is used to generate a proper `aria-label`. It will be announced by screen reader as: \"<<this.label>>. Current page: <<this.current>>\"\n\n  * `ariaLabel` {string} - With this property you can overwrite aria-label.\n\n  * `_total` {`number`} - \n\n  * `total` {number} - Set the amount of pages to navigate.\n\n  * `_range` {`number`} - \n\n  * `_visiblePages` {`number[]`} - \n\n  * `_current` {`number`} - \n\n  * `current` {number} - Define the current active page.\n\n  * `styles` {`CSSResult[]`} - ",
+      "description": "Events:\n\n  * `change` {} - When clicked on the page button fires change event\n\nAttributes:\n\n  * `label` {string} - This property is used to generate a proper `aria-label`. It will be announced by screen reader as: \"<<this.label>>. Current page: <<this.current>>\"\n\n  * `aria-label` {string} - With this property you can overwrite aria-label.\n\n  * `total` {number} - Set the amount of pages to navigate.\n\n  * `current` {number} - Define the current active page.\n\nProperties:\n\n  * `_observer` {`ResizeObserver`} - \n\n  * `_navButtons` {`UUIButtonElement[]`} - \n\n  * `_pagesGroup` - \n\n  * `label` {string} - This property is used to generate a proper `aria-label`. It will be announced by screen reader as: \"<<this.label>>. Current page: <<this.current>>\"\n\n  * `ariaLabel` {string} - With this property you can overwrite aria-label.\n\n  * `_total` {`number`} - \n\n  * `total` {number} - Set the amount of pages to navigate.\n\n  * `_range` {`number`} - \n\n  * `_visiblePages` {`number[]`} - \n\n  * `_current` {`number`} - \n\n  * `current` {number} - Define the current active page.\n\n  * `styles` {`CSSResult[]`} - ",
       "attributes": [
         {
           "name": "label",
@@ -2195,34 +2195,34 @@
           "description": "`placement` {`PopoverContainerPlacement`} - Define the placement of the popover container.\n\nProperty: placement\n\nDefault: 'bottom-start'",
           "values": [
             {
-              "name": "top"
+              "name": "left"
             },
             {
-              "name": "top-start"
+              "name": "right"
             },
             {
-              "name": "top-end"
+              "name": "top"
             },
             {
               "name": "bottom"
             },
             {
-              "name": "bottom-start"
+              "name": "top-start"
             },
             {
-              "name": "bottom-end"
+              "name": "top-end"
             },
             {
-              "name": "right"
+              "name": "bottom-start"
             },
             {
-              "name": "right-start"
+              "name": "bottom-end"
             },
             {
-              "name": "right-end"
+              "name": "right-start"
             },
             {
-              "name": "left"
+              "name": "right-end"
             },
             {
               "name": "left-start"
@@ -2240,7 +2240,7 @@
     },
     {
       "name": "uui-popover",
-      "description": "Events:\n\n  * `close` {} - When popover is closed by user interaction.\n\nSlots:\n\n  * `trigger` {} - The element that triggers the popover.\n\n  * `popover` {} - The content of the popover.\n\nAttributes:\n\n  * `margin` {number} - Set the distance between popover-modal and trigger.\n\n  * `placement` {`PopoverPlacement`} - Define the placement of the popover-modal.\n\n  * `open` {boolean} - Opens the popover-modal.\n\nProperties:\n\n  * `intersectionObserver` {`IntersectionObserver | undefined`} - \n\n  * `scrollEventHandler` - \n\n  * `containerElement` {`HTMLElement`} - \n\n  * `_open` {`boolean`} - \n\n  * `_placement` {`PopoverPlacement`} - \n\n  * `_currentPlacement` {`\"top\" | \"top-start\" | \"top-end\" | \"bottom\" | \"bottom-start\" | \"bottom-end\" | \"right\" | \"right-start\" | \"right-end\" | \"left\" | \"left-start\" | \"left-end\" | \"auto\" | null`} - \n\n  * `_trigger` {`Element | undefined`} - \n\n  * `_scrollParents` {`Element[]`} - \n\n  * `_positionX` {`number | undefined`} - \n\n  * `_positionY` {`number | undefined`} - \n\n  * `margin` {number} - Set the distance between popover-modal and trigger.\n\n  * `placement` {`PopoverPlacement`} - Define the placement of the popover-modal.\n\n  * `open` {boolean} - Opens the popover-modal.\n\n  * `_onTriggerSlotChanged` - \n\n  * `_intersectionCallback` - \n\n  * `_onKeyUp` - \n\n  * `_onDocumentClick` - \n\n  * `styles` {`CSSResult[]`} - ",
+      "description": "Events:\n\n  * `close` {} - When popover is closed by user interaction.\n\nSlots:\n\n  * `trigger` {} - The element that triggers the popover.\n\n  * `popover` {} - The content of the popover.\n\nAttributes:\n\n  * `margin` {number} - Set the distance between popover-modal and trigger.\n\n  * `placement` {`PopoverPlacement`} - Define the placement of the popover-modal.\n\n  * `open` {boolean} - Opens the popover-modal.\n\nProperties:\n\n  * `intersectionObserver` {`IntersectionObserver | undefined`} - \n\n  * `scrollEventHandler` - \n\n  * `containerElement` {`HTMLElement`} - \n\n  * `_open` {`boolean`} - \n\n  * `_placement` {`PopoverPlacement`} - \n\n  * `_currentPlacement` {`PopoverPlacement | null`} - \n\n  * `_trigger` {`Element | undefined`} - \n\n  * `_scrollParents` {`Element[]`} - \n\n  * `_positionX` {`number | undefined`} - \n\n  * `_positionY` {`number | undefined`} - \n\n  * `margin` {number} - Set the distance between popover-modal and trigger.\n\n  * `placement` {`PopoverPlacement`} - Define the placement of the popover-modal.\n\n  * `open` {boolean} - Opens the popover-modal.\n\n  * `_onTriggerSlotChanged` - \n\n  * `_intersectionCallback` - \n\n  * `_onKeyUp` - \n\n  * `_onDocumentClick` - \n\n  * `styles` {`CSSResult[]`} - ",
       "attributes": [
         {
           "name": "margin",
@@ -2251,34 +2251,34 @@
           "description": "`placement` {`PopoverPlacement`} - Define the placement of the popover-modal.\n\nProperty: placement\n\nDefault: 'bottom-start'",
           "values": [
             {
-              "name": "top"
+              "name": "left"
             },
             {
-              "name": "top-start"
+              "name": "right"
             },
             {
-              "name": "top-end"
+              "name": "top"
             },
             {
               "name": "bottom"
             },
             {
-              "name": "bottom-start"
+              "name": "top-start"
             },
             {
-              "name": "bottom-end"
+              "name": "top-end"
             },
             {
-              "name": "right"
+              "name": "bottom-start"
             },
             {
-              "name": "right-start"
+              "name": "bottom-end"
             },
             {
-              "name": "right-end"
+              "name": "right-start"
             },
             {
-              "name": "left"
+              "name": "right-end"
             },
             {
               "name": "left-start"
@@ -2314,7 +2314,7 @@
     },
     {
       "name": "uui-radio-group",
-      "description": "Slots:\n\n  * ` ` {} - slot for `<uui-radio>` elements or custom elements that extend from `UUIRadioElement`\n\nAttributes:\n\n  * `disabled` {boolean} - Disables the input.\n\n  * `name` {string} - This is a name property of the component.\n\n  * `value` {string} - Value of this form control.\n\n  * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n  * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n  * `required-message` {`string`} - Required validation message.\n\n  * `error` {`boolean`} - Apply custom error on this input.\n\n  * `error-message` {`string`} - Custom error message.\n\nProperties:\n\n  * `disabled` {boolean} - Disables the input.\n\n  * `_selected` {`number | null`} - \n\n  * `_radioElements` {`UUIRadioElement[]`} - \n\n  * `_onChildBlur` - \n\n  * `_handleSelectOnClick` - \n\n  * `styles` {`CSSResult[]`} - \n\n  * `formAssociated` {boolean} - This is a static class field indicating that the element is can be used inside a native form and participate in its events. It may require a polyfill, check support here https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/attachInternals.  Read more about form controls here https://web.dev/more-capable-form-controls/\n\n  * `name` {string} - This is a name property of the component.\n\n  * `value` {string} - Value of this form control.\n\n  * `_validityState` - \n\n  * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n  * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n  * `requiredMessage` {`string`} - Required validation message.\n\n  * `error` {`boolean`} - Apply custom error on this input.\n\n  * `errorMessage` {`string`} - Custom error message.\n\n  * `_value` {`string | File | FormData`} - \n\n  * `_form` {`HTMLFormElement | null`} - \n\n  * `_validators` {`Validator[]`} - \n\n  * `_formCtrlElements` {`HTMLInputElement[]`} - \n\n  * `_customValidityObject` {`Validator | undefined`} - \n\n  * `_onFormSubmit` - \n\n  * `validity` {`ValidityState`} - \n\n  * `validationMessage` - \n\n  * `_internals` - ",
+      "description": "Slots:\n\n  * ` ` {} - slot for `<uui-radio>` elements or custom elements that extend from `UUIRadioElement`\n\nAttributes:\n\n  * `disabled` {boolean} - Disables the input.\n\n  * `name` {string} - This is a name property of the component.\n\n  * `value` {string} - Value of this form control.\n\n  * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n  * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n  * `required-message` {`string`} - Required validation message.\n\n  * `error` {`boolean`} - Apply custom error on this input.\n\n  * `error-message` {`string`} - Custom error message.\n\nProperties:\n\n  * `disabled` {boolean} - Disables the input.\n\n  * `_selected` {`number | null`} - \n\n  * `_radioElements` {`UUIRadioElement[]`} - \n\n  * `_onChildBlur` - \n\n  * `_handleSelectOnClick` - \n\n  * `styles` {`CSSResult[]`} - \n\n  * `formAssociated` {boolean} - This is a static class field indicating that the element is can be used inside a native form and participate in its events. It may require a polyfill, check support here https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/attachInternals.  Read more about form controls here https://web.dev/more-capable-form-controls/\n\n  * `name` {string} - This is a name property of the component.\n\n  * `value` {string} - Value of this form control.\n\n  * `_validityState` - \n\n  * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n  * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n  * `requiredMessage` {`string`} - Required validation message.\n\n  * `error` {`boolean`} - Apply custom error on this input.\n\n  * `errorMessage` {`string`} - Custom error message.\n\n  * `_value` {`FormDataEntryValue | FormData`} - \n\n  * `_form` {`HTMLFormElement | null`} - \n\n  * `_validators` {`Validator[]`} - \n\n  * `_formCtrlElements` {`HTMLInputElement[]`} - \n\n  * `_customValidityObject` {`Validator | undefined`} - \n\n  * `_onFormSubmit` - \n\n  * `validity` {`ValidityState`} - \n\n  * `validationMessage` - \n\n  * `_internals` - ",
       "attributes": [
         {
           "name": "disabled",
@@ -2389,7 +2389,7 @@
     },
     {
       "name": "uui-range-slider",
-      "description": "Events:\n\n  * `input` {} - on input\n\n  * `change` {} - on change\n\nAttributes:\n\n  * `label` {string} - Label to be used for aria-label and eventually as visual label. Adds \"low-end value\" and \"high-end value\" endings for the two values.\n\n  * `disabled` {boolean} - Disables the input.\n\n  * `min` {number} - Sets the minimum allowed value.\n\n  * `max` {number} - Sets the maximum allowed value.\n\n  * `hide-step-values` {boolean} - Hides the numbers representing the value of each steps. Dots will still be visible\n\n  * `step` {number} - This reflects the behavior of a native input step attribute.\n\n  * `min-gap` {number} - Minimum value gap between the the two picked values. Cannot be lower than the step value and cannot be higher than the maximum gap\n\n  * `max-gap` {number} - Maximum value gap between the the two picked values. Cannot be lower than the minimum gap.\n\n  * `name` {string} - This is a name property of the component.\n\n  * `value` {string} - This is a value property of the uui-range-slider. Split the two values with comma, for example 10,50 sets the values to 10 and 50.\n\n  * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n  * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n  * `required-message` {`string`} - Required validation message.\n\n  * `error` {`boolean`} - Apply custom error on this input.\n\n  * `error-message` {`string`} - Custom error message.\n\nProperties:\n\n  * `label` {string} - Label to be used for aria-label and eventually as visual label. Adds \"low-end value\" and \"high-end value\" endings for the two values.\n\n  * `disabled` {boolean} - Disables the input.\n\n  * `min` {number} - Sets the minimum allowed value.\n\n  * `_min` {`number`} - \n\n  * `max` {number} - Sets the maximum allowed value.\n\n  * `_max` {`number`} - \n\n  * `hideStepValues` {boolean} - Hides the numbers representing the value of each steps. Dots will still be visible\n\n  * `step` {number} - This reflects the behavior of a native input step attribute.\n\n  * `_step` {`number`} - \n\n  * `minGap` {number} - Minimum value gap between the the two picked values. Cannot be lower than the step value and cannot be higher than the maximum gap\n\n  * `_minGap` {`number | undefined`} - \n\n  * `maxGap` {number} - Maximum value gap between the the two picked values. Cannot be lower than the minimum gap.\n\n  * `_maxGap` {`number | undefined`} - \n\n  * `_currentFocus` {`HTMLInputElement | undefined`} - \n\n  * `_movement` {`boolean`} - \n\n  * `startPoint` {`{ mouse: number; low: number; high: number; }`} - \n\n  * `_lowInputValue` {`number`} - \n\n  * `_highInputValue` {`number`} - \n\n  * `_trackWidth` {`number`} - \n\n  * `_lowValuePercentStart` {`number`} - \n\n  * `_highValuePercentEnd` {`number`} - \n\n  * `_outerTrack` {`HTMLElement`} - Elements\n\n  * `_inputLow` {`HTMLInputElement`} - \n\n  * `_inputHigh` {`HTMLInputElement`} - \n\n  * `_innerColor` {`HTMLElement`} - \n\n  * `_innerColorThumb` {`HTMLElement`} - \n\n  * `_onKeypress` - Events\n\n  * `_onTouchStart` - Touch Event\n\n  * `_onTouchMove` - \n\n  * `_onTouchEnd` - \n\n  * `_onMouseDown` - Mouse Event\n\n  * `_onMouseMove` - \n\n  * `_onMouseUp` - \n\n  * `styles` {`CSSResult[]`} - Style\n\n  * `formAssociated` {boolean} - This is a static class field indicating that the element is can be used inside a native form and participate in its events.\nIt may require a polyfill, check support here https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/attachInternals.\nRead more about form controls here https://web.dev/more-capable-form-controls/\n\n  * `name` {string} - This is a name property of the component.\n\n  * `value` {string} - This is a value property of the uui-range-slider. Split the two values with comma, for example 10,50 sets the values to 10 and 50.\n\n  * `_validityState` - \n\n  * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n  * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n  * `requiredMessage` {`string`} - Required validation message.\n\n  * `error` {`boolean`} - Apply custom error on this input.\n\n  * `errorMessage` {`string`} - Custom error message.\n\n  * `_value` {`string | File | FormData`} - \n\n  * `_form` {`HTMLFormElement | null`} - \n\n  * `_validators` {`Validator[]`} - \n\n  * `_formCtrlElements` {`HTMLInputElement[]`} - \n\n  * `_customValidityObject` {`Validator | undefined`} - \n\n  * `_onFormSubmit` - \n\n  * `validity` {`ValidityState`} - \n\n  * `validationMessage` - \n\n  * `_internals` - ",
+      "description": "Events:\n\n  * `input` {} - on input\n\n  * `change` {} - on change\n\nAttributes:\n\n  * `label` {string} - Label to be used for aria-label and eventually as visual label. Adds \"low-end value\" and \"high-end value\" endings for the two values.\n\n  * `disabled` {boolean} - Disables the input.\n\n  * `min` {number} - Sets the minimum allowed value.\n\n  * `max` {number} - Sets the maximum allowed value.\n\n  * `hide-step-values` {boolean} - Hides the numbers representing the value of each steps. Dots will still be visible\n\n  * `step` {number} - This reflects the behavior of a native input step attribute.\n\n  * `min-gap` {number} - Minimum value gap between the the two picked values. Cannot be lower than the step value and cannot be higher than the maximum gap\n\n  * `max-gap` {number} - Maximum value gap between the the two picked values. Cannot be lower than the minimum gap.\n\n  * `name` {string} - This is a name property of the component.\n\n  * `value` {string} - This is a value property of the uui-range-slider. Split the two values with comma, for example 10,50 sets the values to 10 and 50.\n\n  * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n  * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n  * `required-message` {`string`} - Required validation message.\n\n  * `error` {`boolean`} - Apply custom error on this input.\n\n  * `error-message` {`string`} - Custom error message.\n\nProperties:\n\n  * `label` {string} - Label to be used for aria-label and eventually as visual label. Adds \"low-end value\" and \"high-end value\" endings for the two values.\n\n  * `disabled` {boolean} - Disables the input.\n\n  * `min` {number} - Sets the minimum allowed value.\n\n  * `_min` {`number`} - \n\n  * `max` {number} - Sets the maximum allowed value.\n\n  * `_max` {`number`} - \n\n  * `hideStepValues` {boolean} - Hides the numbers representing the value of each steps. Dots will still be visible\n\n  * `step` {number} - This reflects the behavior of a native input step attribute.\n\n  * `_step` {`number`} - \n\n  * `minGap` {number} - Minimum value gap between the the two picked values. Cannot be lower than the step value and cannot be higher than the maximum gap\n\n  * `_minGap` {`number | undefined`} - \n\n  * `maxGap` {number} - Maximum value gap between the the two picked values. Cannot be lower than the minimum gap.\n\n  * `_maxGap` {`number | undefined`} - \n\n  * `_currentFocus` {`HTMLInputElement | undefined`} - \n\n  * `_movement` {`boolean`} - \n\n  * `startPoint` {`{ mouse: number; low: number; high: number; }`} - \n\n  * `_lowInputValue` {`number`} - \n\n  * `_highInputValue` {`number`} - \n\n  * `_trackWidth` {`number`} - \n\n  * `_lowValuePercentStart` {`number`} - \n\n  * `_highValuePercentEnd` {`number`} - \n\n  * `_outerTrack` {`HTMLElement`} - Elements\n\n  * `_inputLow` {`HTMLInputElement`} - \n\n  * `_inputHigh` {`HTMLInputElement`} - \n\n  * `_innerColor` {`HTMLElement`} - \n\n  * `_innerColorThumb` {`HTMLElement`} - \n\n  * `_onKeypress` - Events\n\n  * `_onTouchStart` - Touch Event\n\n  * `_onTouchMove` - \n\n  * `_onTouchEnd` - \n\n  * `_onMouseDown` - Mouse Event\n\n  * `_onMouseMove` - \n\n  * `_onMouseUp` - \n\n  * `styles` {`CSSResult[]`} - Style\n\n  * `formAssociated` {boolean} - This is a static class field indicating that the element is can be used inside a native form and participate in its events.\nIt may require a polyfill, check support here https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/attachInternals.\nRead more about form controls here https://web.dev/more-capable-form-controls/\n\n  * `name` {string} - This is a name property of the component.\n\n  * `value` {string} - This is a value property of the uui-range-slider. Split the two values with comma, for example 10,50 sets the values to 10 and 50.\n\n  * `_validityState` - \n\n  * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n  * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n  * `requiredMessage` {`string`} - Required validation message.\n\n  * `error` {`boolean`} - Apply custom error on this input.\n\n  * `errorMessage` {`string`} - Custom error message.\n\n  * `_value` {`FormDataEntryValue | FormData`} - \n\n  * `_form` {`HTMLFormElement | null`} - \n\n  * `_validators` {`Validator[]`} - \n\n  * `_formCtrlElements` {`HTMLInputElement[]`} - \n\n  * `_customValidityObject` {`Validator | undefined`} - \n\n  * `_onFormSubmit` - \n\n  * `validity` {`ValidityState`} - \n\n  * `validationMessage` - \n\n  * `_internals` - ",
       "attributes": [
         {
           "name": "label",
@@ -3112,7 +3112,7 @@
     },
     {
       "name": "uui-select",
-      "description": "Custom element wrapping the native select element. Pass an array of options to it.\nThis is a formAssociated element, meaning it can participate in a native HTMLForm. A name:value pair will be submitted.\n\nEvents:\n\n  * `change` {} - when the user changes value\n\nAttributes:\n\n  * `label` {string} - Text with which component should be labeled\n\n  * `placeholder` {string} - Defines the select's placeholder.\n\n  * `disabled` {boolean} - Disables the select.\n\n  * `disabledGroups` {`string`} - An array of options to be rendered by the element. Put the names of the groups you wanna disable, separated by a coma: `disabledGroups='fruits, vegetables'`. It's not case sensitive\n\n  * `name` {string} - This is a name property of the component.\n\n  * `value` {string} - Value of this form control.\n\n  * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n  * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n  * `required-message` {`string`} - Required validation message.\n\n  * `error` {boolean} - Set to true if the component should have an error state.Property is reflected to the corresponding attribute.\n\n  * `error-message` {`string`} - Custom error message.\n\nProperties:\n\n  * `label` {string} - Text with which component should be labeled\n\n  * `placeholder` {string} - Defines the select's placeholder.\n\n  * `disabled` {boolean} - Disables the select.\n\n  * `options` {`Option[]`} - An array of options to be rendered by the element. If you want the element The option interface has up to 5 properties:\n`interface Option {\nname: string;\nvalue: string;\ngroup?: string;\nselected?: boolean;\ndisabled?: boolean;\n}`\n\n  * `_groups` {`string[]`} - \n\n  * `disabledGroups` {`string`} - An array of options to be rendered by the element. Put the names of the groups you wanna disable, separated by a coma: `disabledGroups='fruits, vegetables'`. It's not case sensitive\n\n  * `_disabledGroups` {`string[]`} - \n\n  * `_values` {`string[]`} - \n\n  * `_input` {`HTMLSelectElement`} - \n\n  * `styles` {`CSSResult[]`} - \n\n  * `formAssociated` {boolean} - This is a static class field indicating that the element is can be used inside a native form and participate in its events.\nIt may require a polyfill, check support here https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/attachInternals.\nRead more about form controls here https://web.dev/more-capable-form-controls/\n\n  * `name` {string} - This is a name property of the component.\n\n  * `value` {string} - Value of this form control.\n\n  * `_validityState` - \n\n  * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n  * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n  * `requiredMessage` {`string`} - Required validation message.\n\n  * `error` {boolean} - Set to true if the component should have an error state.Property is reflected to the corresponding attribute.\n\n  * `errorMessage` {`string`} - Custom error message.\n\n  * `_value` {`string | File | FormData`} - \n\n  * `_form` {`HTMLFormElement | null`} - \n\n  * `_validators` {`Validator[]`} - \n\n  * `_formCtrlElements` {`HTMLInputElement[]`} - \n\n  * `_customValidityObject` {`Validator | undefined`} - \n\n  * `_onFormSubmit` - \n\n  * `validity` {`ValidityState`} - \n\n  * `validationMessage` - \n\n  * `_internals` - ",
+      "description": "Custom element wrapping the native select element. Pass an array of options to it.\nThis is a formAssociated element, meaning it can participate in a native HTMLForm. A name:value pair will be submitted.\n\nEvents:\n\n  * `change` {} - when the user changes value\n\nAttributes:\n\n  * `label` {string} - Text with which component should be labeled\n\n  * `placeholder` {string} - Defines the select's placeholder.\n\n  * `disabled` {boolean} - Disables the select.\n\n  * `disabledGroups` {`string`} - An array of options to be rendered by the element. Put the names of the groups you wanna disable, separated by a coma: `disabledGroups='fruits, vegetables'`. It's not case sensitive\n\n  * `name` {string} - This is a name property of the component.\n\n  * `value` {string} - Value of this form control.\n\n  * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n  * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n  * `required-message` {`string`} - Required validation message.\n\n  * `error` {boolean} - Set to true if the component should have an error state.Property is reflected to the corresponding attribute.\n\n  * `error-message` {`string`} - Custom error message.\n\nProperties:\n\n  * `label` {string} - Text with which component should be labeled\n\n  * `placeholder` {string} - Defines the select's placeholder.\n\n  * `disabled` {boolean} - Disables the select.\n\n  * `options` {`Option[]`} - An array of options to be rendered by the element. If you want the element The option interface has up to 5 properties:\n`interface Option {\nname: string;\nvalue: string;\ngroup?: string;\nselected?: boolean;\ndisabled?: boolean;\n}`\n\n  * `_groups` {`string[]`} - \n\n  * `disabledGroups` {`string`} - An array of options to be rendered by the element. Put the names of the groups you wanna disable, separated by a coma: `disabledGroups='fruits, vegetables'`. It's not case sensitive\n\n  * `_disabledGroups` {`string[]`} - \n\n  * `_values` {`string[]`} - \n\n  * `_input` {`HTMLSelectElement`} - \n\n  * `styles` {`CSSResult[]`} - \n\n  * `formAssociated` {boolean} - This is a static class field indicating that the element is can be used inside a native form and participate in its events.\nIt may require a polyfill, check support here https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/attachInternals.\nRead more about form controls here https://web.dev/more-capable-form-controls/\n\n  * `name` {string} - This is a name property of the component.\n\n  * `value` {string} - Value of this form control.\n\n  * `_validityState` - \n\n  * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n  * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n  * `requiredMessage` {`string`} - Required validation message.\n\n  * `error` {boolean} - Set to true if the component should have an error state.Property is reflected to the corresponding attribute.\n\n  * `errorMessage` {`string`} - Custom error message.\n\n  * `_value` {`FormDataEntryValue | FormData`} - \n\n  * `_form` {`HTMLFormElement | null`} - \n\n  * `_validators` {`Validator[]`} - \n\n  * `_formCtrlElements` {`HTMLInputElement[]`} - \n\n  * `_customValidityObject` {`Validator | undefined`} - \n\n  * `_onFormSubmit` - \n\n  * `validity` {`ValidityState`} - \n\n  * `validationMessage` - \n\n  * `_internals` - ",
       "attributes": [
         {
           "name": "label",
@@ -3171,7 +3171,7 @@
     },
     {
       "name": "uui-slider",
-      "description": "Events:\n\n  * `input` {} - on input\n\nAttributes:\n\n  * `hide-step-values` {boolean} - Hides the numbers representing the value of each steps. Dots will still be visible\n\n  * `min` {number} - This is a minimum value of the input.\n\n  * `max` {number} - This is a maximum value of the input.\n\n  * `step` {number} - This reflects the behavior of a native input step attribute.\n\n  * `disabled` {boolean} - Disables the input.\n\n  * `label` {string} - Label to be used for aria-label and eventually as visual label\n\n  * `name` {string} - This is a name property of the component.\n\n  * `value` {string} - This is a value property of the uui-slider.\n\n  * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n  * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n  * `required-message` {`string`} - Required validation message.\n\n  * `error` {`boolean`} - Apply custom error on this input.\n\n  * `error-message` {`string`} - Custom error message.\n\nProperties:\n\n  * `hideStepValues` {boolean} - Hides the numbers representing the value of each steps. Dots will still be visible\n\n  * `min` {number} - This is a minimum value of the input.\n\n  * `max` {number} - This is a maximum value of the input.\n\n  * `step` {number} - This reflects the behavior of a native input step attribute.\n\n  * `disabled` {boolean} - Disables the input.\n\n  * `label` {string} - Label to be used for aria-label and eventually as visual label\n\n  * `_input` {`HTMLInputElement`} - \n\n  * `_track` {`HTMLElement`} - \n\n  * `_stepWidth` {`number`} - \n\n  * `onWindowResize` - \n\n  * `_steps` {`number[]`} - \n\n  * `_sliderPosition` {`string`} - \n\n  * `styles` {`CSSResult[]`} - \n\n  * `formAssociated` {boolean} - This is a static class field indicating that the element is can be used inside a native form and participate in its events. It may require a polyfill, check support here https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/attachInternals.  Read more about form controls here https://web.dev/more-capable-form-controls/\n\n  * `name` {string} - This is a name property of the component.\n\n  * `value` {string} - This is a value property of the uui-slider.\n\n  * `_validityState` - \n\n  * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n  * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n  * `requiredMessage` {`string`} - Required validation message.\n\n  * `error` {`boolean`} - Apply custom error on this input.\n\n  * `errorMessage` {`string`} - Custom error message.\n\n  * `_value` {`string | File | FormData`} - \n\n  * `_form` {`HTMLFormElement | null`} - \n\n  * `_validators` {`Validator[]`} - \n\n  * `_formCtrlElements` {`HTMLInputElement[]`} - \n\n  * `_customValidityObject` {`Validator | undefined`} - \n\n  * `_onFormSubmit` - \n\n  * `validity` {`ValidityState`} - \n\n  * `validationMessage` - \n\n  * `_internals` - ",
+      "description": "Events:\n\n  * `input` {} - on input\n\nAttributes:\n\n  * `hide-step-values` {boolean} - Hides the numbers representing the value of each steps. Dots will still be visible\n\n  * `min` {number} - This is a minimum value of the input.\n\n  * `max` {number} - This is a maximum value of the input.\n\n  * `step` {number} - This reflects the behavior of a native input step attribute.\n\n  * `disabled` {boolean} - Disables the input.\n\n  * `label` {string} - Label to be used for aria-label and eventually as visual label\n\n  * `name` {string} - This is a name property of the component.\n\n  * `value` {string} - This is a value property of the uui-slider.\n\n  * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n  * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n  * `required-message` {`string`} - Required validation message.\n\n  * `error` {`boolean`} - Apply custom error on this input.\n\n  * `error-message` {`string`} - Custom error message.\n\nProperties:\n\n  * `hideStepValues` {boolean} - Hides the numbers representing the value of each steps. Dots will still be visible\n\n  * `min` {number} - This is a minimum value of the input.\n\n  * `max` {number} - This is a maximum value of the input.\n\n  * `step` {number} - This reflects the behavior of a native input step attribute.\n\n  * `disabled` {boolean} - Disables the input.\n\n  * `label` {string} - Label to be used for aria-label and eventually as visual label\n\n  * `_input` {`HTMLInputElement`} - \n\n  * `_track` {`HTMLElement`} - \n\n  * `_stepWidth` {`number`} - \n\n  * `onWindowResize` - \n\n  * `_steps` {`number[]`} - \n\n  * `_sliderPosition` {`string`} - \n\n  * `styles` {`CSSResult[]`} - \n\n  * `formAssociated` {boolean} - This is a static class field indicating that the element is can be used inside a native form and participate in its events. It may require a polyfill, check support here https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/attachInternals.  Read more about form controls here https://web.dev/more-capable-form-controls/\n\n  * `name` {string} - This is a name property of the component.\n\n  * `value` {string} - This is a value property of the uui-slider.\n\n  * `_validityState` - \n\n  * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n  * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n  * `requiredMessage` {`string`} - Required validation message.\n\n  * `error` {`boolean`} - Apply custom error on this input.\n\n  * `errorMessage` {`string`} - Custom error message.\n\n  * `_value` {`FormDataEntryValue | FormData`} - \n\n  * `_form` {`HTMLFormElement | null`} - \n\n  * `_validators` {`Validator[]`} - \n\n  * `_formCtrlElements` {`HTMLInputElement[]`} - \n\n  * `_customValidityObject` {`Validator | undefined`} - \n\n  * `_onFormSubmit` - \n\n  * `validity` {`ValidityState`} - \n\n  * `validationMessage` - \n\n  * `_internals` - ",
       "attributes": [
         {
           "name": "hide-step-values",
@@ -3337,7 +3337,7 @@
     },
     {
       "name": "uui-table-cell",
-      "description": "Table cell that detects if it has overflow and if so it'll add a title attribute to itself to display full text. Must be a child of uui-table-row\n\nSlots:\n\n  * ` ` {} - slot for table cell content\n\nAttributes:\n\n  * `disable-child-interaction` {`boolean`} - Used to enforce selection interaction by preventing other interactions, primary set by table-row for select-only mode.\n\n  * `no-padding` {boolean} - Remove padding in order to have element going to the edge of the cell.\n\n  * `clip-text` {boolean} - Enable overflow ellipsis\n\nProperties:\n\n  * `disableChildInteraction` {`boolean`} - Used to enforce selection interaction by preventing other interactions, primary set by table-row for select-only mode.\n\n  * `noPadding` {boolean} - Remove padding in order to have element going to the edge of the cell.\n\n  * `clipText` {boolean} - Enable overflow ellipsis\n\n  * `_observer` - \n\n  * `styles` {`CSSResult[]`} - ",
+      "description": "Table cell that detects if it has overflow and if so it'll add a title attribute to itself to display full text. Must be a child of uui-table-row\n\nSlots:\n\n  * ` ` {} - slot for table cell content\n\nAttributes:\n\n  * `disable-child-interaction` {`boolean`} - Used to enforce selection interaction by preventing other interactions, primary set by table-row for select-only mode.\n\n  * `no-padding` {boolean} - Remove padding in order to have element going to the edge of the cell.\n\n  * `clip-text` {boolean} - Enable overflow ellipsis\n\nProperties:\n\n  * `disableChildInteraction` {`boolean`} - Used to enforce selection interaction by preventing other interactions, primary set by table-row for select-only mode.\n\n  * `noPadding` {boolean} - Remove padding in order to have element going to the edge of the cell.\n\n  * `clipText` {boolean} - Enable overflow ellipsis\n\n  * `_observer` {`ResizeObserver`} - \n\n  * `styles` {`CSSResult[]`} - ",
       "attributes": [
         {
           "name": "disable-child-interaction",
@@ -3363,7 +3363,7 @@
     },
     {
       "name": "uui-table-head-cell",
-      "description": "Child element of uui-table-head. Use it there.\n\nSlots:\n\n  * ` ` {} - slot for table cell content\n\nAttributes:\n\n  * `disable-child-interaction` {`boolean`} - Used to enforce selection interaction by preventing other interactions, primary set by table-row for select-only mode.\n\n  * `no-padding` {boolean} - Remove padding in order to have element going to the edge of the cell.\n\n  * `clip-text` {boolean} - Enable overflow ellipsis\n\nProperties:\n\n  * `disableChildInteraction` {`boolean`} - Used to enforce selection interaction by preventing other interactions, primary set by table-row for select-only mode.\n\n  * `noPadding` {boolean} - Remove padding in order to have element going to the edge of the cell.\n\n  * `clipText` {boolean} - Enable overflow ellipsis\n\n  * `_observer` - \n\n  * `styles` {`CSSResult[]`} - ",
+      "description": "Child element of uui-table-head. Use it there.\n\nSlots:\n\n  * ` ` {} - slot for table cell content\n\nAttributes:\n\n  * `disable-child-interaction` {`boolean`} - Used to enforce selection interaction by preventing other interactions, primary set by table-row for select-only mode.\n\n  * `no-padding` {boolean} - Remove padding in order to have element going to the edge of the cell.\n\n  * `clip-text` {boolean} - Enable overflow ellipsis\n\nProperties:\n\n  * `disableChildInteraction` {`boolean`} - Used to enforce selection interaction by preventing other interactions, primary set by table-row for select-only mode.\n\n  * `noPadding` {boolean} - Remove padding in order to have element going to the edge of the cell.\n\n  * `clipText` {boolean} - Enable overflow ellipsis\n\n  * `_observer` {`ResizeObserver`} - \n\n  * `styles` {`CSSResult[]`} - ",
       "attributes": [
         {
           "name": "disable-child-interaction",
@@ -3423,7 +3423,7 @@
     },
     {
       "name": "uui-tab-group",
-      "description": "Slots:\n\n  * ` ` {} - Default slot for the tab group\n\nAttributes:\n\n  * `dropdown-content-direction` {string} - Set the flex direction of the content of the dropdown.\n\nProperties:\n\n  * `_moreButtonElement` - \n\n  * `_popoverContainerElement` - \n\n  * `_mainElement` {`HTMLElement`} - \n\n  * `_slottedNodes` {`HTMLElement[] | undefined`} - \n\n  * `dropdownContentDirection` {string} - Set the flex direction of the content of the dropdown.\n\n  * `styles` {`CSSResult[]`} - ",
+      "description": "Slots:\n\n  * ` ` {} - Default slot for the tab group\n\nAttributes:\n\n  * `dropdown-content-direction` {string} - Set the flex direction of the content of the dropdown.\n\nProperties:\n\n  * `_moreButtonElement` {`UUIButtonElement`} - \n\n  * `_popoverContainerElement` {`UUIPopoverContainerElement`} - \n\n  * `_mainElement` {`HTMLElement`} - \n\n  * `_slottedNodes` {`HTMLElement[] | undefined`} - \n\n  * `dropdownContentDirection` {string} - Set the flex direction of the content of the dropdown.\n\n  * `styles` {`CSSResult[]`} - ",
       "attributes": [
         {
           "name": "dropdown-content-direction",
@@ -3602,7 +3602,7 @@
     },
     {
       "name": "uui-textarea",
-      "description": "Events:\n\n  * `change` {} - on change\n\n  * `input` {} - on input\n\n  * `keyup` {} - on keyup\n\nAttributes:\n\n  * `placeholder` {string} - Defines the textarea placeholder.\n\n  * `disabled` {boolean} - Disables the textarea.\n\n  * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\n  * `minlength` {number} - This is a minimum value of the input.\n\n  * `minlength-message` {boolean} - Minlength validation message.\n\n  * `maxlength` {number} - This is a maximum value of the input.\n\n  * `maxlength-message` {boolean} - Maxlength validation message.\n\n  * `auto-height` {boolean} - Enables automatic height adjustment. The height will be confined within the min and max height if defined.\n\n  * `label` {string} - Label to be used for aria-label and eventually as visual label\n\n  * `rows` {number} - Sets the number of rows of the textarea\n\n  * `cols` {number} - Sets the number of cols of the textarea\n\n  * `wrap` {'soft' | 'hard' | 'off'} - Indicates how the control should wrap the value for form submission. If this attribute is not specified, soft is its default value.\n\n  * `name` {string} - This is a name property of the `<uui-textarea>` component. It reflects the behaviour of the native `<textarea>` element and its name attribute.\n\n  * `value` {string} - Value of this form control.\n\n  * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n  * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n  * `required-message` {`string`} - Required validation message.\n\n  * `error` {boolean} - Set to true if the component should have an error state. Property is reflected to the corresponding attribute.\n\n  * `error-message` {`string`} - Custom error message.\n\nProperties:\n\n  * `placeholder` {string} - Defines the textarea placeholder.\n\n  * `disabled` {boolean} - Disables the textarea.\n\n  * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\n  * `minlength` {number} - This is a minimum value of the input.\n\n  * `minlengthMessage` {boolean} - Minlength validation message.\n\n  * `maxlength` {number} - This is a maximum value of the input.\n\n  * `maxlengthMessage` {boolean} - Maxlength validation message.\n\n  * `_textarea` {`HTMLInputElement`} - \n\n  * `autoHeight` {boolean} - Enables automatic height adjustment. The height will be confined within the min and max height if defined.\n\n  * `label` {string} - Label to be used for aria-label and eventually as visual label\n\n  * `rows` {number} - Sets the number of rows of the textarea\n\n  * `cols` {number} - Sets the number of cols of the textarea\n\n  * `wrap` {'soft' | 'hard' | 'off'} - Indicates how the control should wrap the value for form submission. If this attribute is not specified, soft is its default value.\n\n  * `styles` {`CSSResult[]`} - \n\n  * `formAssociated` {boolean} - This is a static class field indicating that the element is can be used inside a native form and participate in its events. It may require a polyfill, check support here https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/attachInternals.  Read more about form controls here https://web.dev/more-capable-form-controls/\n\n  * `name` {string} - This is a name property of the `<uui-textarea>` component. It reflects the behaviour of the native `<textarea>` element and its name attribute.\n\n  * `value` {string} - Value of this form control.\n\n  * `_validityState` - \n\n  * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n  * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n  * `requiredMessage` {`string`} - Required validation message.\n\n  * `error` {boolean} - Set to true if the component should have an error state. Property is reflected to the corresponding attribute.\n\n  * `errorMessage` {`string`} - Custom error message.\n\n  * `_value` {`string | File | FormData`} - \n\n  * `_form` {`HTMLFormElement | null`} - \n\n  * `_validators` {`Validator[]`} - \n\n  * `_formCtrlElements` {`HTMLInputElement[]`} - \n\n  * `_customValidityObject` {`Validator | undefined`} - \n\n  * `_onFormSubmit` - \n\n  * `validity` {`ValidityState`} - \n\n  * `validationMessage` - \n\n  * `_internals` - ",
+      "description": "Events:\n\n  * `change` {} - on change\n\n  * `input` {} - on input\n\n  * `keyup` {} - on keyup\n\nAttributes:\n\n  * `placeholder` {string} - Defines the textarea placeholder.\n\n  * `disabled` {boolean} - Disables the textarea.\n\n  * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\n  * `minlength` {number} - This is a minimum value of the input.\n\n  * `minlength-message` {boolean} - Minlength validation message.\n\n  * `maxlength` {number} - This is a maximum value of the input.\n\n  * `maxlength-message` {boolean} - Maxlength validation message.\n\n  * `auto-height` {boolean} - Enables automatic height adjustment. The height will be confined within the min and max height if defined.\n\n  * `label` {string} - Label to be used for aria-label and eventually as visual label\n\n  * `rows` {number} - Sets the number of rows of the textarea\n\n  * `cols` {number} - Sets the number of cols of the textarea\n\n  * `wrap` {'soft' | 'hard' | 'off'} - Indicates how the control should wrap the value for form submission. If this attribute is not specified, soft is its default value.\n\n  * `name` {string} - This is a name property of the `<uui-textarea>` component. It reflects the behaviour of the native `<textarea>` element and its name attribute.\n\n  * `value` {string} - Value of this form control.\n\n  * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n  * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n  * `required-message` {`string`} - Required validation message.\n\n  * `error` {boolean} - Set to true if the component should have an error state. Property is reflected to the corresponding attribute.\n\n  * `error-message` {`string`} - Custom error message.\n\nProperties:\n\n  * `placeholder` {string} - Defines the textarea placeholder.\n\n  * `disabled` {boolean} - Disables the textarea.\n\n  * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\n  * `minlength` {number} - This is a minimum value of the input.\n\n  * `minlengthMessage` {boolean} - Minlength validation message.\n\n  * `maxlength` {number} - This is a maximum value of the input.\n\n  * `maxlengthMessage` {boolean} - Maxlength validation message.\n\n  * `_textarea` {`HTMLInputElement`} - \n\n  * `autoHeight` {boolean} - Enables automatic height adjustment. The height will be confined within the min and max height if defined.\n\n  * `label` {string} - Label to be used for aria-label and eventually as visual label\n\n  * `rows` {number} - Sets the number of rows of the textarea\n\n  * `cols` {number} - Sets the number of cols of the textarea\n\n  * `wrap` {'soft' | 'hard' | 'off'} - Indicates how the control should wrap the value for form submission. If this attribute is not specified, soft is its default value.\n\n  * `styles` {`CSSResult[]`} - \n\n  * `formAssociated` {boolean} - This is a static class field indicating that the element is can be used inside a native form and participate in its events. It may require a polyfill, check support here https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/attachInternals.  Read more about form controls here https://web.dev/more-capable-form-controls/\n\n  * `name` {string} - This is a name property of the `<uui-textarea>` component. It reflects the behaviour of the native `<textarea>` element and its name attribute.\n\n  * `value` {string} - Value of this form control.\n\n  * `_validityState` - \n\n  * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n  * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n  * `requiredMessage` {`string`} - Required validation message.\n\n  * `error` {boolean} - Set to true if the component should have an error state. Property is reflected to the corresponding attribute.\n\n  * `errorMessage` {`string`} - Custom error message.\n\n  * `_value` {`FormDataEntryValue | FormData`} - \n\n  * `_form` {`HTMLFormElement | null`} - \n\n  * `_validators` {`Validator[]`} - \n\n  * `_formCtrlElements` {`HTMLInputElement[]`} - \n\n  * `_customValidityObject` {`Validator | undefined`} - \n\n  * `_onFormSubmit` - \n\n  * `validity` {`ValidityState`} - \n\n  * `validationMessage` - \n\n  * `_internals` - ",
       "attributes": [
         {
           "name": "placeholder",
@@ -3625,7 +3625,7 @@
         },
         {
           "name": "minlength-message",
-          "description": "`minlength-message` {boolean} - Minlength validation message.\n\nProperty: minlengthMessage"
+          "description": "`minlength-message` {boolean} - Minlength validation message.\n\nProperty: minlengthMessage\n\nDefault: "
         },
         {
           "name": "maxlength",
@@ -3634,7 +3634,7 @@
         },
         {
           "name": "maxlength-message",
-          "description": "`maxlength-message` {boolean} - Maxlength validation message.\n\nProperty: maxlengthMessage"
+          "description": "`maxlength-message` {boolean} - Maxlength validation message.\n\nProperty: maxlengthMessage\n\nDefault: "
         },
         {
           "name": "auto-height",
@@ -3660,13 +3660,13 @@
           "description": "`wrap` {'soft' | 'hard' | 'off'} - Indicates how the control should wrap the value for form submission. If this attribute is not specified, soft is its default value.\n\nProperty: wrap\n\nDefault: undefined",
           "values": [
             {
-              "name": "soft"
+              "name": "off"
             },
             {
-              "name": "hard"
+              "name": "soft"
             },
             {
-              "name": "off"
+              "name": "hard"
             }
           ]
         },
@@ -3743,13 +3743,13 @@
       "attributes": [
         {
           "name": "headline",
-          "description": "`headline` {`string`} - Headline for this notification, can also be set via the 'headline' slot.\n\nProperty: headline"
+          "description": "`headline` {`string`} - Headline for this notification, can also be set via the 'headline' slot.\n\nProperty: headline\n\nDefault: "
         }
       ]
     },
     {
       "name": "uui-toast-notification",
-      "description": "Events:\n\n  * `opening` - fires when the toast is starting to open\n\n  * `opened` - fires when the toast is open after the open-animation\n\n  * `closing` - fires when the toast is starting to close\n\n  * `closed` - fires when the toast is closed\n\nSlots:\n\n  * ` ` {} - slot for dialog layout/content\n\nAttributes:\n\n  * `color` {'' | 'default' | 'positive' | 'warning' | 'danger'} - Changes the color of the notification to one of the predefined, symbolic colors. Example: set this to danger to indicate errors.\n\n  * `autoClose` {`number | null`} - Set an auto-close timer.\n\n  * `open` {`boolean`} - define if this toast should open or close.\n\nProperties:\n\n  * `color` {'' | 'default' | 'positive' | 'warning' | 'danger'} - Changes the color of the notification to one of the predefined, symbolic colors. Example: set this to danger to indicate errors.\n\n  * `_autoClose` {`number | null`} - \n\n  * `autoClose` {`number | null`} - Set an auto-close timer.\n\n  * `_onOpenTimerComplete` - \n\n  * `_toastEl` {`HTMLElement`} - \n\n  * `_timer` - \n\n  * `_pauseTimer` {`boolean`} - \n\n  * `isOpen` {`boolean`} - \n\n  * `_open` {`boolean`} - \n\n  * `_animate` {`boolean`} - \n\n  * `_animationTimeout` {`number | undefined`} - \n\n  * `open` {`boolean`} - define if this toast should open or close.\n\n  * `_requestAnimationUpdate` {`number`} - \n\n  * `styles` {`CSSResult[]`} - ",
+      "description": "Events:\n\n  * `opening` - fires when the toast is starting to open\n\n  * `opened` - fires when the toast is open after the open-animation\n\n  * `closing` - fires when the toast is starting to close\n\n  * `closed` - fires when the toast is closed\n\nSlots:\n\n  * ` ` {} - slot for dialog layout/content\n\nAttributes:\n\n  * `color` {'' | 'default' | 'positive' | 'warning' | 'danger'} - Changes the color of the notification to one of the predefined, symbolic colors. Example: set this to danger to indicate errors.\n\n  * `autoClose` {`number | null`} - Set an auto-close timer.\n\n  * `open` {`boolean`} - define if this toast should open or close.\n\nProperties:\n\n  * `color` {'' | 'default' | 'positive' | 'warning' | 'danger'} - Changes the color of the notification to one of the predefined, symbolic colors. Example: set this to danger to indicate errors.\n\n  * `_autoClose` {`number | null`} - \n\n  * `autoClose` {`number | null`} - Set an auto-close timer.\n\n  * `_onOpenTimerComplete` - \n\n  * `_toastEl` {`HTMLElement`} - \n\n  * `_timer` {`Timer | null`} - \n\n  * `_pauseTimer` {`boolean`} - \n\n  * `isOpen` {`boolean`} - \n\n  * `_open` {`boolean`} - \n\n  * `_animate` {`boolean`} - \n\n  * `_animationTimeout` {`number | undefined`} - \n\n  * `open` {`boolean`} - define if this toast should open or close.\n\n  * `_requestAnimationUpdate` {`number`} - \n\n  * `styles` {`CSSResult[]`} - ",
       "attributes": [
         {
           "name": "color",
@@ -3802,23 +3802,23 @@
     },
     {
       "name": "uui-toggle",
-      "description": "Umbraco Toggle-switch, toggles between off/on. Technically a checkbox.\n\nEvents:\n\n  * `change-` {} - fires when the element is begin checked by a user action\n\n  * `change` {} - on change\n\nAttributes:\n\n  * `label-position` {'left' | 'right' | 'top' | 'bottom'} - Specifies the label position of the checkbox or the toggle\n\n  * `checked` {boolean} - Reflects the state of the element.\nTrue if checkbox or toggle is checked. Change this to switch the state programmatically.\n\n  * `disabled` {boolean} - Disables the input.\n\n  * `name` {string} - This is a name property of the component.\n\n  * `value` {string} - intentional overwrite of FormControlMixins value getter and setter method.\n\n  * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n  * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n  * `required-message` {`string`} - Required validation message.\n\n  * `error` {`boolean`} - Apply custom error on this input.\n\n  * `error-message` {`string`} - Custom error message.\n\n  * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\nProperties:\n\n  * `labelPosition` {'left' | 'right' | 'top' | 'bottom'} - Specifies the label position of the checkbox or the toggle\n\n  * `_checked` {`boolean`} - \n\n  * `checked` {boolean} - Reflects the state of the element.\nTrue if checkbox or toggle is checked. Change this to switch the state programmatically.\n\n  * `disabled` {boolean} - Disables the input.\n\n  * `_input` {`HTMLInputElement`} - \n\n  * `styles` {`CSSResult[]`} - \n\n  * `inputRole` {`\"checkbox\" | \"switch\"`} - \n\n  * `formAssociated` {boolean} - This is a static class field indicating that the element is can be used inside a native form and participate in its events. It may require a polyfill, check support here https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/attachInternals.  Read more about form controls here https://web.dev/more-capable-form-controls/\n\n  * `name` {string} - This is a name property of the component.\n\n  * `value` {string} - intentional overwrite of FormControlMixins value getter and setter method.\n\n  * `_validityState` - \n\n  * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n  * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n  * `requiredMessage` {`string`} - Required validation message.\n\n  * `error` {`boolean`} - Apply custom error on this input.\n\n  * `errorMessage` {`string`} - Custom error message.\n\n  * `_value` {`string | File | FormData`} - \n\n  * `_form` {`HTMLFormElement | null`} - \n\n  * `_validators` {`Validator[]`} - \n\n  * `_formCtrlElements` {`HTMLInputElement[]`} - \n\n  * `_customValidityObject` {`Validator | undefined`} - \n\n  * `_onFormSubmit` - \n\n  * `validity` {`ValidityState`} - \n\n  * `validationMessage` - \n\n  * `_internals` - \n\n  * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\n  * `_labelSlotHasContent` {`boolean`} - ",
+      "description": "Umbraco Toggle-switch, toggles between off/on. Technically a checkbox.\n\nEvents:\n\n  * `change-` {} - fires when the element is begin checked by a user action\n\n  * `change` {} - on change\n\nAttributes:\n\n  * `label-position` {'left' | 'right' | 'top' | 'bottom'} - Specifies the label position of the checkbox or the toggle\n\n  * `checked` {boolean} - Reflects the state of the element.\nTrue if checkbox or toggle is checked. Change this to switch the state programmatically.\n\n  * `disabled` {boolean} - Disables the input.\n\n  * `name` {string} - This is a name property of the component.\n\n  * `value` {string} - intentional overwrite of FormControlMixins value getter and setter method.\n\n  * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n  * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n  * `required-message` {`string`} - Required validation message.\n\n  * `error` {`boolean`} - Apply custom error on this input.\n\n  * `error-message` {`string`} - Custom error message.\n\n  * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\nProperties:\n\n  * `labelPosition` {'left' | 'right' | 'top' | 'bottom'} - Specifies the label position of the checkbox or the toggle\n\n  * `_checked` {`boolean`} - \n\n  * `checked` {boolean} - Reflects the state of the element.\nTrue if checkbox or toggle is checked. Change this to switch the state programmatically.\n\n  * `disabled` {boolean} - Disables the input.\n\n  * `_input` {`HTMLInputElement`} - \n\n  * `styles` {`CSSResult[]`} - \n\n  * `inputRole` {`\"checkbox\" | \"switch\"`} - \n\n  * `formAssociated` {boolean} - This is a static class field indicating that the element is can be used inside a native form and participate in its events. It may require a polyfill, check support here https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/attachInternals.  Read more about form controls here https://web.dev/more-capable-form-controls/\n\n  * `name` {string} - This is a name property of the component.\n\n  * `value` {string} - intentional overwrite of FormControlMixins value getter and setter method.\n\n  * `_validityState` - \n\n  * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n  * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n  * `requiredMessage` {`string`} - Required validation message.\n\n  * `error` {`boolean`} - Apply custom error on this input.\n\n  * `errorMessage` {`string`} - Custom error message.\n\n  * `_value` {`FormDataEntryValue | FormData`} - \n\n  * `_form` {`HTMLFormElement | null`} - \n\n  * `_validators` {`Validator[]`} - \n\n  * `_formCtrlElements` {`HTMLInputElement[]`} - \n\n  * `_customValidityObject` {`Validator | undefined`} - \n\n  * `_onFormSubmit` - \n\n  * `validity` {`ValidityState`} - \n\n  * `validationMessage` - \n\n  * `_internals` - \n\n  * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\n  * `_labelSlotHasContent` {`boolean`} - ",
       "attributes": [
         {
           "name": "label-position",
           "description": "`label-position` {'left' | 'right' | 'top' | 'bottom'} - Specifies the label position of the checkbox or the toggle\n\nProperty: labelPosition\n\nDefault: right",
           "values": [
             {
-              "name": "top"
+              "name": "left"
             },
             {
-              "name": "bottom"
+              "name": "right"
             },
             {
-              "name": "right"
+              "name": "top"
             },
             {
-              "name": "left"
+              "name": "bottom"
             }
           ]
         },