@umbraco-ui/uui 1.8.1 → 1.9.0-rc.0

package/vscode-html-custom-data.json

@@ -161,7 +161,7 @@
     },
     {
       "name": "uui-button-inline-create",
-      "description": "Events:\n\n  * `click` {} - on user click\n\nAttributes:\n\n  * `label` {string} - Label to be used for aria-label and eventually as visual label\n\n  * `href` {string} - Set an href, this will turns the button into an anchor tag.\n\n  * `target` {string} - Set an anchor tag target, only used when using href.\n\n  * `vertical` {Boolean} - Place the button vertically\n\nProperties:\n\n  * `_position` {`number`} - \n\n  * `label` {string} - Label to be used for aria-label and eventually as visual label\n\n  * `href` {string} - Set an href, this will turns the button into an anchor tag.\n\n  * `target` {string} - Set an anchor tag target, only used when using href.\n\n  * `styles` {`CSSResult[]`} - \n\n  * `vertical` {Boolean} - Place the button vertically",
+      "description": "Events:\n\n  * `click` {} - on user click\n\nAttributes:\n\n  * `label` {string} - Label to be used for aria-label and eventually as visual label\n\n  * `href` {string} - Set an href, this will turns the button into an anchor tag.\n\n  * `target` {string} - Set an anchor tag target, only used when using href.\n\n  * `rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\n  * `vertical` {Boolean} - Place the button vertically\n\nProperties:\n\n  * `_position` {`number`} - \n\n  * `label` {string} - Label to be used for aria-label and eventually as visual label\n\n  * `href` {string} - Set an href, this will turns the button into an anchor tag.\n\n  * `target` {string} - Set an anchor tag target, only used when using href.\n\n  * `rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\n  * `styles` {`CSSResult[]`} - \n\n  * `vertical` {Boolean} - Place the button vertically",
       "attributes": [
         {
           "name": "label",
@@ -191,6 +191,11 @@
             }
           ]
         },
+        {
+          "name": "rel",
+          "description": "`rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\nProperty: rel\n\nDefault: undefined",
+          "values": []
+        },
         {
           "name": "vertical",
           "description": "`vertical` {Boolean} - Place the button vertically\n\nProperty: vertical\n\nDefault: false",
@@ -204,7 +209,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.\nIf you dont want the setFormValue to be called on the ElementInternals, then prevent calling this method, by not calling super.value = newValue in your implementation of the value 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\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.\nIf you dont want the setFormValue to be called on the ElementInternals, then prevent calling this method, by not calling super.value = newValue in your implementation of the value 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  * `_pristine` {`boolean`} - \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  * `_customValidityObject` {`UUIFormControlValidatorConfig | undefined`} - \n\n  * `validity` {`ValidityState`} - \n\n  * `validationMessage` {`string`} - \n\n  * `_internals` {`ElementInternals`} - \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  * `rel` {string} - Set the rel attribute for an anchor tag, 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.\nIf you dont want the setFormValue to be called on the ElementInternals, then prevent calling this method, by not calling super.value = newValue in your implementation of the value 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\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  * `rel` {string} - Set the rel attribute for an anchor tag, 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.\nIf you dont want the setFormValue to be called on the ElementInternals, then prevent calling this method, by not calling super.value = newValue in your implementation of the value 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  * `_pristine` {`boolean`} - \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  * `_customValidityObject` {`UUIFormControlValidatorConfig | undefined`} - \n\n  * `validity` {`ValidityState`} - \n\n  * `validationMessage` {`string`} - \n\n  * `_internals` {`ElementInternals`} - \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",
@@ -314,6 +319,11 @@
             }
           ]
         },
+        {
+          "name": "rel",
+          "description": "`rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\nProperty: rel\n\nDefault: undefined",
+          "values": []
+        },
         {
           "name": "name",
           "description": "`name` {string} - This is a name property of the component.\n\nProperty: name\n\nDefault: ''"
@@ -363,7 +373,7 @@
     },
     {
       "name": "uui-card-block-type",
-      "description": "Events:\n\n  * `open` - fires when the card title is clicked.\n\n  * `selected` - fires when the media card is selected\n\n  * `deselected` - fires when the media card is deselected\n\nSlots:\n\n  * ` ` {} - Default content.\n\nAttributes:\n\n  * `name` {string} - Block type name\n\n  * `description` {string} - Block type description\n\n  * `background` {`string | undefined`} - \n\n  * `disabled` {boolean} - Set to true to prevent opening of this item.\nThis does not prevent selection, selection is controlled by property 'selectable'\n\n  * `error` {boolean} - Set to true to highlight there is an error with this item.\n\n  * `href` {string} - Set an href, this will turns the name of the card into an anchor tag.\n\n  * `target` {string} - Set an anchor tag target, only used when using href.\n\n  * `select-only` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\nProperties:\n\n  * `name` {string} - Block type name\n\n  * `description` {string} - Block type description\n\n  * `background` {`string | undefined`} - \n\n  * `disabled` {boolean} - Set to true to prevent opening of this item.\nThis does not prevent selection, selection is controlled by property 'selectable'\n\n  * `error` {boolean} - Set to true to highlight there is an error with this item.\n\n  * `href` {string} - Set an href, this will turns the name of the card into an anchor tag.\n\n  * `target` {string} - Set an anchor tag target, only used when using href.\n\n  * `styles` {`CSSResult[]`} - \n\n  * `_selectOnly` {`boolean`} - \n\n  * `selectOnly` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `_selectable` {`boolean`} - \n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `deselectable` {`boolean`} - \n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n  * `selectableTarget` {`EventTarget`} - \n\n  * `handleSelectKeydown` - ",
+      "description": "Events:\n\n  * `open` - fires when the card title is clicked.\n\n  * `selected` - fires when the media card is selected\n\n  * `deselected` - fires when the media card is deselected\n\nSlots:\n\n  * ` ` {} - slot for the default content area\n\n  * `tag` {} - slot for the tag with support for `<uui-tag>` elements\n\n  * `actions` {} - slot for the actions with support for the `<uui-action-bar>` element\n\nAttributes:\n\n  * `name` {string} - Block type name\n\n  * `description` {string} - Block type description\n\n  * `background` {`string | undefined`} - \n\n  * `disabled` {boolean} - Set to true to prevent opening of this item.\nThis does not prevent selection, selection is controlled by property 'selectable'\n\n  * `error` {boolean} - Set to true to highlight there is an error with this item.\n\n  * `href` {string} - Set an href, this will turns the name of the card into an anchor tag.\n\n  * `target` {string} - Set an anchor tag target, only used when using href.\n\n  * `rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\n  * `select-only` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\nProperties:\n\n  * `name` {string} - Block type name\n\n  * `description` {string} - Block type description\n\n  * `background` {`string | undefined`} - \n\n  * `disabled` {boolean} - Set to true to prevent opening of this item.\nThis does not prevent selection, selection is controlled by property 'selectable'\n\n  * `error` {boolean} - Set to true to highlight there is an error with this item.\n\n  * `href` {string} - Set an href, this will turns the name of the card into an anchor tag.\n\n  * `target` {string} - Set an anchor tag target, only used when using href.\n\n  * `rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\n  * `styles` {`CSSResult[]`} - \n\n  * `_selectOnly` {`boolean`} - \n\n  * `selectOnly` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `_selectable` {`boolean`} - \n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `deselectable` {`boolean`} - \n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n  * `selectableTarget` {`EventTarget`} - \n\n  * `handleSelectKeydown` - ",
       "attributes": [
         {
           "name": "name",
@@ -412,6 +422,11 @@
             }
           ]
         },
+        {
+          "name": "rel",
+          "description": "`rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\nProperty: rel\n\nDefault: undefined",
+          "values": []
+        },
         {
           "name": "select-only",
           "description": "`select-only` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\nProperty: selectOnly",
@@ -443,7 +458,7 @@
     },
     {
       "name": "uui-card-content-node",
-      "description": "Events:\n\n  * `open` - fires when the card title is clicked.\n\n  * `selected` - fires when the media card is selected\n\n  * `deselected` - fires when the media card is deselected\n\nSlots:\n\n  * ` ` {} - slot for the default content area\n\n  * `icon` {} - slot for the icon with support for `<uui-icon>` elements\n\n  * `tag` {} - slot for the tag with support for `<uui-tag>` elements\n\n  * `actions` {} - slot for the actions with support for the `<uui-action-bar>` element\n\nAttributes:\n\n  * `name` {string} - Node name\n\n  * `disabled` {boolean} - Set to true to prevent opening of this item.\nThis does not prevent selection, selection is controlled by property 'selectable'\n\n  * `error` {boolean} - Set to true to highlight there is an error with this item.\n\n  * `href` {string} - Set an href, this will turns the name of the card into an anchor tag.\n\n  * `target` {string} - Set an anchor tag target, only used when using href.\n\n  * `select-only` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\nProperties:\n\n  * `name` {string} - Node name\n\n  * `_iconSlotHasContent` {`boolean`} - \n\n  * `fallbackIcon` {`string`} - \n\n  * `disabled` {boolean} - Set to true to prevent opening of this item.\nThis does not prevent selection, selection is controlled by property 'selectable'\n\n  * `error` {boolean} - Set to true to highlight there is an error with this item.\n\n  * `href` {string} - Set an href, this will turns the name of the card into an anchor tag.\n\n  * `target` {string} - Set an anchor tag target, only used when using href.\n\n  * `styles` {`CSSResult[]`} - \n\n  * `_selectOnly` {`boolean`} - \n\n  * `selectOnly` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `_selectable` {`boolean`} - \n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `deselectable` {`boolean`} - \n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n  * `selectableTarget` {`EventTarget`} - \n\n  * `handleSelectKeydown` - ",
+      "description": "Events:\n\n  * `open` - fires when the card title is clicked.\n\n  * `selected` - fires when the media card is selected\n\n  * `deselected` - fires when the media card is deselected\n\nSlots:\n\n  * ` ` {} - slot for the default content area\n\n  * `icon` {} - slot for the icon with support for `<uui-icon>` elements\n\n  * `tag` {} - slot for the tag with support for `<uui-tag>` elements\n\n  * `actions` {} - slot for the actions with support for the `<uui-action-bar>` element\n\nAttributes:\n\n  * `name` {string} - Node name\n\n  * `disabled` {boolean} - Set to true to prevent opening of this item.\nThis does not prevent selection, selection is controlled by property 'selectable'\n\n  * `error` {boolean} - Set to true to highlight there is an error with this item.\n\n  * `href` {string} - Set an href, this will turns the name of the card into an anchor tag.\n\n  * `target` {string} - Set an anchor tag target, only used when using href.\n\n  * `rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\n  * `select-only` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\nProperties:\n\n  * `name` {string} - Node name\n\n  * `_iconSlotHasContent` {`boolean`} - \n\n  * `fallbackIcon` {`string`} - \n\n  * `disabled` {boolean} - Set to true to prevent opening of this item.\nThis does not prevent selection, selection is controlled by property 'selectable'\n\n  * `error` {boolean} - Set to true to highlight there is an error with this item.\n\n  * `href` {string} - Set an href, this will turns the name of the card into an anchor tag.\n\n  * `target` {string} - Set an anchor tag target, only used when using href.\n\n  * `rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\n  * `styles` {`CSSResult[]`} - \n\n  * `_selectOnly` {`boolean`} - \n\n  * `selectOnly` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `_selectable` {`boolean`} - \n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `deselectable` {`boolean`} - \n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n  * `selectableTarget` {`EventTarget`} - \n\n  * `handleSelectKeydown` - ",
       "attributes": [
         {
           "name": "name",
@@ -482,6 +497,11 @@
             }
           ]
         },
+        {
+          "name": "rel",
+          "description": "`rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\nProperty: rel\n\nDefault: undefined",
+          "values": []
+        },
         {
           "name": "select-only",
           "description": "`select-only` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\nProperty: selectOnly",
@@ -513,7 +533,7 @@
     },
     {
       "name": "uui-card-media",
-      "description": "Events:\n\n  * `open` - fires when the card title is clicked.\n\n  * `selected` - fires when the media card is selected\n\n  * `deselected` - fires when the media card is deselected\n\nSlots:\n\n  * `tag` {} - slot for the tag with support for `<uui-tag>` elements\n\n  * `actions` {} - slot for the actions with support for the `<uui-action-bar>` element\n\n  * ` ` {} - slot for the default content area\n\nAttributes:\n\n  * `name` {string} - Media name\n\n  * `file-ext` {string} - Media file extension, without \".\"\n\n  * `disabled` {boolean} - Set to true to prevent opening of this item.\nThis does not prevent selection, selection is controlled by property 'selectable'\n\n  * `error` {boolean} - Set to true to highlight there is an error with this item.\n\n  * `href` {string} - Set an href, this will turns the name of the card into an anchor tag.\n\n  * `target` {string} - Set an anchor tag target, only used when using href.\n\n  * `select-only` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\nProperties:\n\n  * `name` {string} - Media name\n\n  * `fileExt` {string} - Media file extension, without \".\"\n\n  * `hasPreview` {`boolean`} - \n\n  * `disabled` {boolean} - Set to true to prevent opening of this item.\nThis does not prevent selection, selection is controlled by property 'selectable'\n\n  * `error` {boolean} - Set to true to highlight there is an error with this item.\n\n  * `href` {string} - Set an href, this will turns the name of the card into an anchor tag.\n\n  * `target` {string} - Set an anchor tag target, only used when using href.\n\n  * `styles` {`CSSResult[]`} - \n\n  * `_selectOnly` {`boolean`} - \n\n  * `selectOnly` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `_selectable` {`boolean`} - \n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `deselectable` {`boolean`} - \n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n  * `selectableTarget` {`EventTarget`} - \n\n  * `handleSelectKeydown` - ",
+      "description": "Events:\n\n  * `open` - fires when the card title is clicked.\n\n  * `selected` - fires when the media card is selected\n\n  * `deselected` - fires when the media card is deselected\n\nSlots:\n\n  * `tag` {} - slot for the tag with support for `<uui-tag>` elements\n\n  * `actions` {} - slot for the actions with support for the `<uui-action-bar>` element\n\n  * ` ` {} - slot for the default content area\n\nAttributes:\n\n  * `name` {string} - Media name\n\n  * `file-ext` {string} - Media file extension, without \".\"\n\n  * `disabled` {boolean} - Set to true to prevent opening of this item.\nThis does not prevent selection, selection is controlled by property 'selectable'\n\n  * `error` {boolean} - Set to true to highlight there is an error with this item.\n\n  * `href` {string} - Set an href, this will turns the name of the card into an anchor tag.\n\n  * `target` {string} - Set an anchor tag target, only used when using href.\n\n  * `rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\n  * `select-only` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\nProperties:\n\n  * `name` {string} - Media name\n\n  * `fileExt` {string} - Media file extension, without \".\"\n\n  * `hasPreview` {`boolean`} - \n\n  * `disabled` {boolean} - Set to true to prevent opening of this item.\nThis does not prevent selection, selection is controlled by property 'selectable'\n\n  * `error` {boolean} - Set to true to highlight there is an error with this item.\n\n  * `href` {string} - Set an href, this will turns the name of the card into an anchor tag.\n\n  * `target` {string} - Set an anchor tag target, only used when using href.\n\n  * `rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\n  * `styles` {`CSSResult[]`} - \n\n  * `_selectOnly` {`boolean`} - \n\n  * `selectOnly` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `_selectable` {`boolean`} - \n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `deselectable` {`boolean`} - \n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n  * `selectableTarget` {`EventTarget`} - \n\n  * `handleSelectKeydown` - ",
       "attributes": [
         {
           "name": "name",
@@ -556,6 +576,11 @@
             }
           ]
         },
+        {
+          "name": "rel",
+          "description": "`rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\nProperty: rel\n\nDefault: undefined",
+          "values": []
+        },
         {
           "name": "select-only",
           "description": "`select-only` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\nProperty: selectOnly",
@@ -587,7 +612,7 @@
     },
     {
       "name": "uui-card-user",
-      "description": "Events:\n\n  * `open` - fires when the card title is clicked.\n\n  * `selected` - fires when the media card is selected\n\n  * `deselected` - fires when the media card is deselected\n\nSlots:\n\n  * ` ` {} - slot for the default content area\n\n  * `tag` {} - slot for the tag with support for `<uui-tag>` elements\n\n  * `actions` {} - slot for the actions with support for the `<uui-action-bar>` element\n\nAttributes:\n\n  * `name` {string} - User name\n\n  * `disabled` {boolean} - Set to true to prevent opening of this item.\nThis does not prevent selection, selection is controlled by property 'selectable'\n\n  * `error` {boolean} - Set to true to highlight there is an error with this item.\n\n  * `href` {string} - Set an href, this will turns the name of the card into an anchor tag.\n\n  * `target` {string} - Set an anchor tag target, only used when using href.\n\n  * `select-only` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\nProperties:\n\n  * `name` {string} - User name\n\n  * `_avatarSlotHasContent` {`boolean`} - \n\n  * `_avatarSlotChanged` - \n\n  * `disabled` {boolean} - Set to true to prevent opening of this item.\nThis does not prevent selection, selection is controlled by property 'selectable'\n\n  * `error` {boolean} - Set to true to highlight there is an error with this item.\n\n  * `href` {string} - Set an href, this will turns the name of the card into an anchor tag.\n\n  * `target` {string} - Set an anchor tag target, only used when using href.\n\n  * `styles` {`CSSResult[]`} - \n\n  * `_selectOnly` {`boolean`} - \n\n  * `selectOnly` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `_selectable` {`boolean`} - \n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `deselectable` {`boolean`} - \n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n  * `selectableTarget` {`EventTarget`} - \n\n  * `handleSelectKeydown` - ",
+      "description": "Events:\n\n  * `open` - fires when the card title is clicked.\n\n  * `selected` - fires when the media card is selected\n\n  * `deselected` - fires when the media card is deselected\n\nSlots:\n\n  * ` ` {} - slot for the default content area\n\n  * `tag` {} - slot for the tag with support for `<uui-tag>` elements\n\n  * `actions` {} - slot for the actions with support for the `<uui-action-bar>` element\n\nAttributes:\n\n  * `name` {string} - User name\n\n  * `disabled` {boolean} - Set to true to prevent opening of this item.\nThis does not prevent selection, selection is controlled by property 'selectable'\n\n  * `error` {boolean} - Set to true to highlight there is an error with this item.\n\n  * `href` {string} - Set an href, this will turns the name of the card into an anchor tag.\n\n  * `target` {string} - Set an anchor tag target, only used when using href.\n\n  * `rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\n  * `select-only` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\nProperties:\n\n  * `name` {string} - User name\n\n  * `_avatarSlotHasContent` {`boolean`} - \n\n  * `_avatarSlotChanged` - \n\n  * `disabled` {boolean} - Set to true to prevent opening of this item.\nThis does not prevent selection, selection is controlled by property 'selectable'\n\n  * `error` {boolean} - Set to true to highlight there is an error with this item.\n\n  * `href` {string} - Set an href, this will turns the name of the card into an anchor tag.\n\n  * `target` {string} - Set an anchor tag target, only used when using href.\n\n  * `rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\n  * `styles` {`CSSResult[]`} - \n\n  * `_selectOnly` {`boolean`} - \n\n  * `selectOnly` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `_selectable` {`boolean`} - \n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `deselectable` {`boolean`} - \n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n  * `selectableTarget` {`EventTarget`} - \n\n  * `handleSelectKeydown` - ",
       "attributes": [
         {
           "name": "name",
@@ -626,6 +651,11 @@
             }
           ]
         },
+        {
+          "name": "rel",
+          "description": "`rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\nProperty: rel\n\nDefault: undefined",
+          "values": []
+        },
         {
           "name": "select-only",
           "description": "`select-only` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\nProperty: selectOnly",
@@ -657,7 +687,7 @@
     },
     {
       "name": "uui-card",
-      "description": "Events:\n\n  * `open` - fires when the card title is clicked.\n\n  * `selected` - fires when the media card is selected\n\n  * `deselected` - fires when the media card is deselected\n\nSlots:\n\n  * ` ` {} - Default content.\n\nAttributes:\n\n  * `disabled` {boolean} - Set to true to prevent opening of this item.\nThis does not prevent selection, selection is controlled by property 'selectable'\n\n  * `error` {boolean} - Set to true to highlight there is an error with this item.\n\n  * `href` {string} - Set an href, this will turns the name of the card into an anchor tag.\n\n  * `target` {string} - Set an anchor tag target, only used when using href.\n\n  * `select-only` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\nProperties:\n\n  * `disabled` {boolean} - Set to true to prevent opening of this item.\nThis does not prevent selection, selection is controlled by property 'selectable'\n\n  * `error` {boolean} - Set to true to highlight there is an error with this item.\n\n  * `href` {string} - Set an href, this will turns the name of the card into an anchor tag.\n\n  * `target` {string} - Set an anchor tag target, only used when using href.\n\n  * `styles` {`CSSResult[]`} - \n\n  * `_selectOnly` {`boolean`} - \n\n  * `selectOnly` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `_selectable` {`boolean`} - \n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `deselectable` {`boolean`} - \n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n  * `selectableTarget` {`EventTarget`} - \n\n  * `handleSelectKeydown` - ",
+      "description": "Events:\n\n  * `open` - fires when the card title is clicked.\n\n  * `selected` - fires when the media card is selected\n\n  * `deselected` - fires when the media card is deselected\n\nSlots:\n\n  * ` ` {} - Default content.\n\nAttributes:\n\n  * `disabled` {boolean} - Set to true to prevent opening of this item.\nThis does not prevent selection, selection is controlled by property 'selectable'\n\n  * `error` {boolean} - Set to true to highlight there is an error with this item.\n\n  * `href` {string} - Set an href, this will turns the name of the card into an anchor tag.\n\n  * `target` {string} - Set an anchor tag target, only used when using href.\n\n  * `rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\n  * `select-only` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\nProperties:\n\n  * `disabled` {boolean} - Set to true to prevent opening of this item.\nThis does not prevent selection, selection is controlled by property 'selectable'\n\n  * `error` {boolean} - Set to true to highlight there is an error with this item.\n\n  * `href` {string} - Set an href, this will turns the name of the card into an anchor tag.\n\n  * `target` {string} - Set an anchor tag target, only used when using href.\n\n  * `rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\n  * `styles` {`CSSResult[]`} - \n\n  * `_selectOnly` {`boolean`} - \n\n  * `selectOnly` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `_selectable` {`boolean`} - \n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `deselectable` {`boolean`} - \n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n  * `selectableTarget` {`EventTarget`} - \n\n  * `handleSelectKeydown` - ",
       "attributes": [
         {
           "name": "disabled",
@@ -692,6 +722,11 @@
             }
           ]
         },
+        {
+          "name": "rel",
+          "description": "`rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\nProperty: rel\n\nDefault: undefined",
+          "values": []
+        },
         {
           "name": "select-only",
           "description": "`select-only` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\nProperty: selectOnly",
@@ -734,7 +769,7 @@
     },
     {
       "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  * `_value` {`string`} - \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  * `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  * `_pristine` {`boolean`} - \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  * `_customValidityObject` {`UUIFormControlValidatorConfig | undefined`} - \n\n  * `validity` {`ValidityState`} - \n\n  * `validationMessage` {`string`} - \n\n  * `_internals` {`ElementInternals`} - \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  * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\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  * `_value` {`string`} - \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  * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\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  * `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  * `_pristine` {`boolean`} - \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  * `_customValidityObject` {`UUIFormControlValidatorConfig | undefined`} - \n\n  * `validity` {`ValidityState`} - \n\n  * `validationMessage` {`string`} - \n\n  * `_internals` {`ElementInternals`} - \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",
@@ -764,6 +799,11 @@
           "description": "`disabled` {boolean} - Disables the input.\n\nProperty: disabled\n\nDefault: false",
           "valueSet": "v"
         },
+        {
+          "name": "readonly",
+          "description": "`readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\nProperty: readonly\n\nDefault: false",
+          "valueSet": "v"
+        },
         {
           "name": "name",
           "description": "`name` {string} - This is a name property of the component.\n\nProperty: name\n\nDefault: ''"
@@ -842,7 +882,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` {`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`} - ",
+      "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  * `_value` {`string`} - \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",
@@ -1119,7 +1159,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.\nIf you dont want the setFormValue to be called on the ElementInternals, then prevent calling this method, by not calling super.value = newValue in your implementation of the value 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\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  * `_input` {`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.\nIf you dont want the setFormValue to be called on the ElementInternals, then prevent calling this method, by not calling super.value = newValue in your implementation of the value 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  * `_pristine` {`boolean`} - \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  * `_customValidityObject` {`UUIFormControlValidatorConfig | undefined`} - \n\n  * `validity` {`ValidityState`} - \n\n  * `validationMessage` {`string`} - \n\n  * `_internals` {`ElementInternals`} - ",
+      "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  * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\n  * `name` {string} - This is a name property of the component.\n\n  * `value` {string} - Value of this form control.\nIf you dont want the setFormValue to be called on the ElementInternals, then prevent calling this method, by not calling super.value = newValue in your implementation of the value 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\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  * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\n  * `_input` {`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.\nIf you dont want the setFormValue to be called on the ElementInternals, then prevent calling this method, by not calling super.value = newValue in your implementation of the value 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  * `_pristine` {`boolean`} - \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  * `_customValidityObject` {`UUIFormControlValidatorConfig | undefined`} - \n\n  * `validity` {`ValidityState`} - \n\n  * `validationMessage` {`string`} - \n\n  * `_internals` {`ElementInternals`} - ",
       "attributes": [
         {
           "name": "search",
@@ -1139,6 +1179,11 @@
           "description": "`disabled` {boolean} - Disables the uui-combobox.\n\nProperty: disabled\n\nDefault: false",
           "valueSet": "v"
         },
+        {
+          "name": "readonly",
+          "description": "`readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\nProperty: readonly\n\nDefault: false",
+          "valueSet": "v"
+        },
         {
           "name": "name",
           "description": "`name` {string} - This is a name property of the component.\n\nProperty: name\n\nDefault: ''"
@@ -1199,12 +1244,17 @@
     },
     {
       "name": "uui-file-dropzone",
-      "description": "Events:\n\n  * `change` - fires when the a file has been selected.\n\nSlots:\n\n  * ` ` {} - For the content of the dropzone\n\nAttributes:\n\n  * `accept` {string} - Comma-separated list of accepted mime types or file extensions (denoted with a `.`).\nIf this is left empty, it will allow all types.\n\n  * `multiple` {boolean} - Allows for multiple files to be selected.\n\n  * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\nProperties:\n\n  * `_input` {`HTMLInputElement`} - \n\n  * `_dropzone` {`HTMLElement`} - \n\n  * `_acceptedFileExtensions` {`string[]`} - \n\n  * `_acceptedMimeTypes` {`string[]`} - \n\n  * `_accept` {`string`} - \n\n  * `accept` {string} - Comma-separated list of accepted mime types or file extensions (denoted with a `.`).\nIf this is left empty, it will allow all types.\n\n  * `multiple` {boolean} - Allows for multiple files to be selected.\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 a file has been selected.\n\nSlots:\n\n  * ` ` {} - For the content of the dropzone\n\nAttributes:\n\n  * `accept` {string} - Comma-separated list of accepted mime types or file extensions (denoted with a `.`).\nIf this is left empty, it will allow all types.\n\n  * `disallow-folder-upload` {`boolean`} - \n\n  * `multiple` {boolean} - Allows for multiple files to be selected.\n\n  * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\nProperties:\n\n  * `_input` {`HTMLInputElement`} - \n\n  * `_dropzone` {`HTMLElement`} - \n\n  * `_acceptedFileExtensions` {`string[]`} - \n\n  * `_acceptedMimeTypes` {`string[]`} - \n\n  * `_accept` {`string`} - \n\n  * `accept` {string} - Comma-separated list of accepted mime types or file extensions (denoted with a `.`).\nIf this is left empty, it will allow all types.\n\n  * `disallowFolderUpload` {`boolean`} - \n\n  * `multiple` {boolean} - Allows for multiple files to be selected.\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": "accept",
           "description": "`accept` {string} - Comma-separated list of accepted mime types or file extensions (denoted with a `.`).\nIf this is left empty, it will allow all types.\n\nProperty: accept"
         },
+        {
+          "name": "disallow-folder-upload",
+          "description": "`disallow-folder-upload` {`boolean`} - \n\nProperty: disallowFolderUpload\n\nDefault: false",
+          "valueSet": "v"
+        },
         {
           "name": "multiple",
           "description": "`multiple` {boolean} - Allows for multiple files to be selected.\n\nProperty: multiple\n\nDefault: false",
@@ -1946,7 +1996,7 @@
     },
     {
       "name": "uui-menu-item",
-      "description": "Events:\n\n  * `show-children` - fires when the expand icon is clicked to show nested menu items\n\n  * `hide-children` - fires when the expend icon is clicked to hide nested menu items\n\n  * `click-label` - fires when the label is clicked\n\n  * `selected` - fires when the media card is selected\n\n  * `deselected` - fires when the media card is deselected\n\nSlots:\n\n  * ` ` {} - nested menu items go here\n\n  * `icon` {} - icon area\n\n  * `actions` {} - actions area\n\n  * `label` {} - area to place the label\n\nAttributes:\n\n  * `disabled` {boolean} - Disables the menu item, changes the looks of it and prevents it from emitting the click event\n\n  * `show-children` {boolean} - Controls if nested items should be shown.\n\n  * `has-children` {boolean} - Shows/hides the caret.\n\n  * `loading` {boolean} - Shows/hides the loading indicator\n\n  * `href` {string} - Set an href, this will turns the label into a anchor tag.\n\n  * `target` {string} - Set an anchor tag target, only used when using href.\n\n  * `select-mode` {string} - Sets the selection mode.\n\n  * `select-only` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n  * `active` {boolean} - Set this boolean to true for then the related composition is sorted.\n\n  * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\nProperties:\n\n  * `disabled` {boolean} - Disables the menu item, changes the looks of it and prevents it from emitting the click event\n\n  * `showChildren` {boolean} - Controls if nested items should be shown.\n\n  * `hasChildren` {boolean} - Shows/hides the caret.\n\n  * `loading` {boolean} - Shows/hides the loading indicator\n\n  * `href` {string} - Set an href, this will turns the label into a anchor tag.\n\n  * `target` {string} - Set an anchor tag target, only used when using href.\n\n  * `selectMode` {string} - Sets the selection mode.\n\n  * `iconSlotHasContent` {`boolean`} - \n\n  * `_labelButtonChanged` - \n\n  * `_iconSlotChanged` - \n\n  * `_onCaretClicked` - \n\n  * `_onLabelClicked` - \n\n  * `styles` {`CSSResult[]`} - \n\n  * `_selectOnly` {`boolean`} - \n\n  * `selectOnly` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `_selectable` {`boolean`} - \n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `deselectable` {`boolean`} - \n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n  * `selectableTarget` {`EventTarget`} - \n\n  * `handleSelectKeydown` - \n\n  * `active` {boolean} - Set this boolean to true for then the related composition is sorted.\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  * `show-children` - fires when the expand icon is clicked to show nested menu items\n\n  * `hide-children` - fires when the expend icon is clicked to hide nested menu items\n\n  * `click-label` - fires when the label is clicked\n\n  * `selected` - fires when the media card is selected\n\n  * `deselected` - fires when the media card is deselected\n\nSlots:\n\n  * ` ` {} - nested menu items go here\n\n  * `icon` {} - icon area\n\n  * `actions` {} - actions area\n\n  * `label` {} - area to place the label\n\nAttributes:\n\n  * `disabled` {boolean} - Disables the menu item, changes the looks of it and prevents it from emitting the click event\n\n  * `show-children` {boolean} - Controls if nested items should be shown.\n\n  * `has-children` {boolean} - Shows/hides the caret.\n\n  * `loading` {boolean} - Shows/hides the loading indicator\n\n  * `href` {string} - Set an href, this will turns the label into a anchor tag.\n\n  * `target` {string} - Set an anchor tag target, only used when using href.\n\n  * `rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\n  * `select-mode` {string} - Sets the selection mode.\n\n  * `select-only` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n  * `active` {boolean} - Set this boolean to true for then the related composition is sorted.\n\n  * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\nProperties:\n\n  * `disabled` {boolean} - Disables the menu item, changes the looks of it and prevents it from emitting the click event\n\n  * `showChildren` {boolean} - Controls if nested items should be shown.\n\n  * `hasChildren` {boolean} - Shows/hides the caret.\n\n  * `loading` {boolean} - Shows/hides the loading indicator\n\n  * `href` {string} - Set an href, this will turns the label into a anchor tag.\n\n  * `target` {string} - Set an anchor tag target, only used when using href.\n\n  * `rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\n  * `selectMode` {string} - Sets the selection mode.\n\n  * `iconSlotHasContent` {`boolean`} - \n\n  * `_labelButtonChanged` - \n\n  * `_iconSlotChanged` - \n\n  * `_onCaretClicked` - \n\n  * `_onLabelClicked` - \n\n  * `styles` {`CSSResult[]`} - \n\n  * `_selectOnly` {`boolean`} - \n\n  * `selectOnly` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `_selectable` {`boolean`} - \n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `deselectable` {`boolean`} - \n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n  * `selectableTarget` {`EventTarget`} - \n\n  * `handleSelectKeydown` - \n\n  * `active` {boolean} - Set this boolean to true for then the related composition is sorted.\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": "disabled",
@@ -1991,6 +2041,11 @@
             }
           ]
         },
+        {
+          "name": "rel",
+          "description": "`rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\nProperty: rel\n\nDefault: undefined",
+          "values": []
+        },
         {
           "name": "select-mode",
           "description": "`select-mode` {string} - Sets the selection mode.\n\nProperty: selectMode\n\nDefault: undefined",
@@ -2315,13 +2370,18 @@
     },
     {
       "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.\nIf you dont want the setFormValue to be called on the ElementInternals, then prevent calling this method, by not calling super.value = newValue in your implementation of the value 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\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.\nIf you dont want the setFormValue to be called on the ElementInternals, then prevent calling this method, by not calling super.value = newValue in your implementation of the value 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  * `_pristine` {`boolean`} - \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  * `_customValidityObject` {`UUIFormControlValidatorConfig | undefined`} - \n\n  * `validity` {`ValidityState`} - \n\n  * `validationMessage` {`string`} - \n\n  * `_internals` {`ElementInternals`} - ",
+      "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  * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\n  * `name` {string} - This is a name property of the component.\n\n  * `value` {string} - Value of this form control.\nIf you dont want the setFormValue to be called on the ElementInternals, then prevent calling this method, by not calling super.value = newValue in your implementation of the value 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\nProperties:\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  * `_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.\nIf you dont want the setFormValue to be called on the ElementInternals, then prevent calling this method, by not calling super.value = newValue in your implementation of the value 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  * `_pristine` {`boolean`} - \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  * `_customValidityObject` {`UUIFormControlValidatorConfig | undefined`} - \n\n  * `validity` {`ValidityState`} - \n\n  * `validationMessage` {`string`} - \n\n  * `_internals` {`ElementInternals`} - ",
       "attributes": [
         {
           "name": "disabled",
           "description": "`disabled` {boolean} - Disables the input.\n\nProperty: disabled\n\nDefault: false",
           "valueSet": "v"
         },
+        {
+          "name": "readonly",
+          "description": "`readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\nProperty: readonly\n\nDefault: false",
+          "valueSet": "v"
+        },
         {
           "name": "name",
           "description": "`name` {string} - This is a name property of the component.\n\nProperty: name\n\nDefault: ''"
@@ -2358,7 +2418,7 @@
     },
     {
       "name": "uui-radio",
-      "description": "Events:\n\n  * `change` {} - on input change\n\nSlots:\n\n  * ` ` {} - slot to set the label if no `label` attribute is set.\n\nAttributes:\n\n  * `name` {string} - This is a name property of the `<uui-radio>` component. It reflects the behaviour of the native `<input />` element and its name attribute.\n\n  * `value` {string} - This is a value property of the `<uui-radio>`.\n\n  * `label` {`string`} - \n\n  * `checked` {`boolean`} - \n\n  * `disabled` {boolean} - Disables the input.\n\nProperties:\n\n  * `inputElement` {`HTMLInputElement`} - \n\n  * `name` {string} - This is a name property of the `<uui-radio>` component. It reflects the behaviour of the native `<input />` element and its name attribute.\n\n  * `value` {string} - This is a value property of the `<uui-radio>`.\n\n  * `label` {`string`} - \n\n  * `checked` {`boolean`} - \n\n  * `_checked` {`boolean`} - \n\n  * `disabled` {boolean} - Disables the input.\n\n  * `_disabled` {`boolean`} - \n\n  * `styles` {`CSSResult[]`} - ",
+      "description": "Events:\n\n  * `change` {} - on input change\n\nSlots:\n\n  * ` ` {} - slot to set the label if no `label` attribute is set.\n\nAttributes:\n\n  * `name` {string} - This is a name property of the `<uui-radio>` component. It reflects the behaviour of the native `<input />` element and its name attribute.\n\n  * `value` {string} - This is a value property of the `<uui-radio>`.\n\n  * `label` {`string`} - \n\n  * `checked` {`boolean`} - \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\nProperties:\n\n  * `inputElement` {`HTMLInputElement`} - \n\n  * `name` {string} - This is a name property of the `<uui-radio>` component. It reflects the behaviour of the native `<input />` element and its name attribute.\n\n  * `value` {string} - This is a value property of the `<uui-radio>`.\n\n  * `label` {`string`} - \n\n  * `checked` {`boolean`} - \n\n  * `_checked` {`boolean`} - \n\n  * `disabled` {boolean} - Disables the input.\n\n  * `_disabled` {`boolean`} - \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  * `styles` {`CSSResult[]`} - ",
       "attributes": [
         {
           "name": "name",
@@ -2382,6 +2442,11 @@
           "description": "`disabled` {boolean} - Disables the input.\n\nProperty: disabled\n\nDefault: false",
           "valueSet": "v"
         },
+        {
+          "name": "readonly",
+          "description": "`readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\nProperty: readonly\n\nDefault: false",
+          "valueSet": "v"
+        },
         {
           "name": "onchange",
           "description": "`change` {} - on input change"
@@ -2390,7 +2455,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  * `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  * `_pristine` {`boolean`} - \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  * `_customValidityObject` {`UUIFormControlValidatorConfig | undefined`} - \n\n  * `validity` {`ValidityState`} - \n\n  * `validationMessage` {`string`} - \n\n  * `_internals` {`ElementInternals`} - ",
+      "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  * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\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  * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\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  * `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  * `_pristine` {`boolean`} - \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  * `_customValidityObject` {`UUIFormControlValidatorConfig | undefined`} - \n\n  * `validity` {`ValidityState`} - \n\n  * `validationMessage` {`string`} - \n\n  * `_internals` {`ElementInternals`} - ",
       "attributes": [
         {
           "name": "label",
@@ -2401,6 +2466,11 @@
           "description": "`disabled` {boolean} - Disables the input.\n\nProperty: disabled\n\nDefault: false",
           "valueSet": "v"
         },
+        {
+          "name": "readonly",
+          "description": "`readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\nProperty: readonly\n\nDefault: false",
+          "valueSet": "v"
+        },
         {
           "name": "min",
           "description": "`min` {number} - Sets the minimum allowed value.\n\nProperty: min\n\nDefault: 0"
@@ -2477,7 +2547,7 @@
     },
     {
       "name": "uui-ref-node-data-type",
-      "description": "Events:\n\n  * `open` - fires when the ref title is clicked\n\n  * `selected` - fires when the ref is selected\n\n  * `deselected` - fires when the ref is deselected\n\nSlots:\n\n  * ` ` {} - for content\n\n  * `icon` {} - for an icon\n\n  * `tag` {} - for a tag\n\n  * `actions` {} - for actions\n\nAttributes:\n\n  * `alias` {string} - Alias\n\n  * `name` {string} - Node name\n\n  * `detail` {string} - Node details\n\n  * `href` {string} - Set an href, this will turns the name of the card into an anchor tag.\n\n  * `target` {string} - Set an anchor tag target, only used when using href.\n\n  * `disabled` {boolean} - Set tot true to disable\n\n  * `error` {boolean} - Set to true to display error state\n\n  * `select-only` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n  * `standalone` {boolean} - Set to true to make element stand out\n\nProperties:\n\n  * `alias` {string} - Alias\n\n  * `name` {string} - Node name\n\n  * `detail` {string} - Node details\n\n  * `href` {string} - Set an href, this will turns the name of the card into an anchor tag.\n\n  * `target` {string} - Set an anchor tag target, only used when using href.\n\n  * `_iconSlotHasContent` {`boolean`} - \n\n  * `fallbackIcon` {`string`} - \n\n  * `styles` {`CSSResult[]`} - \n\n  * `disabled` {boolean} - Set tot true to disable\n\n  * `error` {boolean} - Set to true to display error state\n\n  * `_selectOnly` {`boolean`} - \n\n  * `selectOnly` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `_selectable` {`boolean`} - \n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `deselectable` {`boolean`} - \n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n  * `selectableTarget` {`EventTarget`} - \n\n  * `handleSelectKeydown` - ",
+      "description": "Events:\n\n  * `open` - fires when the ref title is clicked\n\n  * `selected` - fires when the ref is selected\n\n  * `deselected` - fires when the ref is deselected\n\nSlots:\n\n  * ` ` {} - for content\n\n  * `icon` {} - for an icon\n\n  * `tag` {} - for a tag\n\n  * `actions` {} - for actions\n\nAttributes:\n\n  * `alias` {string} - Alias\n\n  * `name` {string} - Node name\n\n  * `detail` {string} - Node details\n\n  * `href` {string} - Set an href, this will turns the name of the card into an anchor tag.\n\n  * `target` {string} - Set an anchor tag target, only used when using href.\n\n  * `rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\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  * `disabled` {boolean} - Set tot true to disable\n\n  * `error` {boolean} - Set to true to display error state\n\n  * `select-only` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n  * `standalone` {boolean} - Set to true to make element stand out\n\nProperties:\n\n  * `alias` {string} - Alias\n\n  * `name` {string} - Node name\n\n  * `detail` {string} - Node details\n\n  * `href` {string} - Set an href, this will turns the name of the card into an anchor tag.\n\n  * `target` {string} - Set an anchor tag target, only used when using href.\n\n  * `rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\n  * `_iconSlotHasContent` {`boolean`} - \n\n  * `fallbackIcon` {`string`} - \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  * `styles` {`CSSResult[]`} - \n\n  * `disabled` {boolean} - Set tot true to disable\n\n  * `error` {boolean} - Set to true to display error state\n\n  * `_selectOnly` {`boolean`} - \n\n  * `selectOnly` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `_selectable` {`boolean`} - \n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `deselectable` {`boolean`} - \n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n  * `selectableTarget` {`EventTarget`} - \n\n  * `handleSelectKeydown` - ",
       "attributes": [
         {
           "name": "alias",
@@ -2514,6 +2584,16 @@
             }
           ]
         },
+        {
+          "name": "rel",
+          "description": "`rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\nProperty: rel\n\nDefault: undefined",
+          "values": []
+        },
+        {
+          "name": "readonly",
+          "description": "`readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\nProperty: readonly\n\nDefault: false",
+          "valueSet": "v"
+        },
         {
           "name": "disabled",
           "description": "`disabled` {boolean} - Set tot true to disable\n\nProperty: disabled\n\nDefault: false",
@@ -2560,7 +2640,7 @@
     },
     {
       "name": "uui-ref-node-document-type",
-      "description": "Events:\n\n  * `open` - fires when the ref title is clicked\n\n  * `selected` - fires when the ref is selected\n\n  * `deselected` - fires when the ref is deselected\n\nSlots:\n\n  * ` ` {} - for content\n\n  * `icon` {} - for an icon\n\n  * `tag` {} - for a tag\n\n  * `actions` {} - for actions\n\nAttributes:\n\n  * `alias` {string} - Alias\n\n  * `name` {string} - Node name\n\n  * `detail` {string} - Node details\n\n  * `href` {string} - Set an href, this will turns the name of the card into an anchor tag.\n\n  * `target` {string} - Set an anchor tag target, only used when using href.\n\n  * `disabled` {boolean} - Set tot true to disable\n\n  * `error` {boolean} - Set to true to display error state\n\n  * `select-only` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n  * `standalone` {boolean} - Set to true to make element stand out\n\nProperties:\n\n  * `alias` {string} - Alias\n\n  * `name` {string} - Node name\n\n  * `detail` {string} - Node details\n\n  * `href` {string} - Set an href, this will turns the name of the card into an anchor tag.\n\n  * `target` {string} - Set an anchor tag target, only used when using href.\n\n  * `_iconSlotHasContent` {`boolean`} - \n\n  * `fallbackIcon` {`string`} - \n\n  * `styles` {`CSSResult[]`} - \n\n  * `disabled` {boolean} - Set tot true to disable\n\n  * `error` {boolean} - Set to true to display error state\n\n  * `_selectOnly` {`boolean`} - \n\n  * `selectOnly` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `_selectable` {`boolean`} - \n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `deselectable` {`boolean`} - \n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n  * `selectableTarget` {`EventTarget`} - \n\n  * `handleSelectKeydown` - ",
+      "description": "Events:\n\n  * `open` - fires when the ref title is clicked\n\n  * `selected` - fires when the ref is selected\n\n  * `deselected` - fires when the ref is deselected\n\nSlots:\n\n  * ` ` {} - for content\n\n  * `icon` {} - for an icon\n\n  * `tag` {} - for a tag\n\n  * `actions` {} - for actions\n\nAttributes:\n\n  * `alias` {string} - Alias\n\n  * `name` {string} - Node name\n\n  * `detail` {string} - Node details\n\n  * `href` {string} - Set an href, this will turns the name of the card into an anchor tag.\n\n  * `target` {string} - Set an anchor tag target, only used when using href.\n\n  * `rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\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  * `disabled` {boolean} - Set tot true to disable\n\n  * `error` {boolean} - Set to true to display error state\n\n  * `select-only` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n  * `standalone` {boolean} - Set to true to make element stand out\n\nProperties:\n\n  * `alias` {string} - Alias\n\n  * `name` {string} - Node name\n\n  * `detail` {string} - Node details\n\n  * `href` {string} - Set an href, this will turns the name of the card into an anchor tag.\n\n  * `target` {string} - Set an anchor tag target, only used when using href.\n\n  * `rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\n  * `_iconSlotHasContent` {`boolean`} - \n\n  * `fallbackIcon` {`string`} - \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  * `styles` {`CSSResult[]`} - \n\n  * `disabled` {boolean} - Set tot true to disable\n\n  * `error` {boolean} - Set to true to display error state\n\n  * `_selectOnly` {`boolean`} - \n\n  * `selectOnly` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `_selectable` {`boolean`} - \n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `deselectable` {`boolean`} - \n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n  * `selectableTarget` {`EventTarget`} - \n\n  * `handleSelectKeydown` - ",
       "attributes": [
         {
           "name": "alias",
@@ -2597,6 +2677,16 @@
             }
           ]
         },
+        {
+          "name": "rel",
+          "description": "`rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\nProperty: rel\n\nDefault: undefined",
+          "values": []
+        },
+        {
+          "name": "readonly",
+          "description": "`readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\nProperty: readonly\n\nDefault: false",
+          "valueSet": "v"
+        },
         {
           "name": "disabled",
           "description": "`disabled` {boolean} - Set tot true to disable\n\nProperty: disabled\n\nDefault: false",
@@ -2643,7 +2733,7 @@
     },
     {
       "name": "uui-ref-node-form",
-      "description": "Events:\n\n  * `open` - fires when the ref title is clicked\n\n  * `selected` - fires when the ref is selected\n\n  * `deselected` - fires when the ref is deselected\n\nSlots:\n\n  * ` ` {} - for content\n\n  * `icon` {} - for an icon\n\n  * `tag` {} - for a tag\n\n  * `actions` {} - for actions\n\nAttributes:\n\n  * `name` {string} - Node name\n\n  * `detail` {string} - Node details\n\n  * `href` {string} - Set an href, this will turns the name of the card into an anchor tag.\n\n  * `target` {string} - Set an anchor tag target, only used when using href.\n\n  * `disabled` {boolean} - Set tot true to disable\n\n  * `error` {boolean} - Set to true to display error state\n\n  * `select-only` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n  * `standalone` {boolean} - Set to true to make element stand out\n\nProperties:\n\n  * `name` {string} - Node name\n\n  * `detail` {string} - Node details\n\n  * `href` {string} - Set an href, this will turns the name of the card into an anchor tag.\n\n  * `target` {string} - Set an anchor tag target, only used when using href.\n\n  * `_iconSlotHasContent` {`boolean`} - \n\n  * `fallbackIcon` {`string`} - \n\n  * `styles` {`CSSResult[]`} - \n\n  * `disabled` {boolean} - Set tot true to disable\n\n  * `error` {boolean} - Set to true to display error state\n\n  * `_selectOnly` {`boolean`} - \n\n  * `selectOnly` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `_selectable` {`boolean`} - \n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `deselectable` {`boolean`} - \n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n  * `selectableTarget` {`EventTarget`} - \n\n  * `handleSelectKeydown` - ",
+      "description": "Events:\n\n  * `open` - fires when the ref title is clicked\n\n  * `selected` - fires when the ref is selected\n\n  * `deselected` - fires when the ref is deselected\n\nSlots:\n\n  * ` ` {} - for content\n\n  * `icon` {} - for an icon\n\n  * `tag` {} - for a tag\n\n  * `actions` {} - for actions\n\nAttributes:\n\n  * `name` {string} - Node name\n\n  * `detail` {string} - Node details\n\n  * `href` {string} - Set an href, this will turns the name of the card into an anchor tag.\n\n  * `target` {string} - Set an anchor tag target, only used when using href.\n\n  * `rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\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  * `disabled` {boolean} - Set tot true to disable\n\n  * `error` {boolean} - Set to true to display error state\n\n  * `select-only` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n  * `standalone` {boolean} - Set to true to make element stand out\n\nProperties:\n\n  * `name` {string} - Node name\n\n  * `detail` {string} - Node details\n\n  * `href` {string} - Set an href, this will turns the name of the card into an anchor tag.\n\n  * `target` {string} - Set an anchor tag target, only used when using href.\n\n  * `rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\n  * `_iconSlotHasContent` {`boolean`} - \n\n  * `fallbackIcon` {`string`} - \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  * `styles` {`CSSResult[]`} - \n\n  * `disabled` {boolean} - Set tot true to disable\n\n  * `error` {boolean} - Set to true to display error state\n\n  * `_selectOnly` {`boolean`} - \n\n  * `selectOnly` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `_selectable` {`boolean`} - \n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `deselectable` {`boolean`} - \n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n  * `selectableTarget` {`EventTarget`} - \n\n  * `handleSelectKeydown` - ",
       "attributes": [
         {
           "name": "name",
@@ -2676,6 +2766,16 @@
             }
           ]
         },
+        {
+          "name": "rel",
+          "description": "`rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\nProperty: rel\n\nDefault: undefined",
+          "values": []
+        },
+        {
+          "name": "readonly",
+          "description": "`readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\nProperty: readonly\n\nDefault: false",
+          "valueSet": "v"
+        },
         {
           "name": "disabled",
           "description": "`disabled` {boolean} - Set tot true to disable\n\nProperty: disabled\n\nDefault: false",
@@ -2722,7 +2822,7 @@
     },
     {
       "name": "uui-ref-node-member",
-      "description": "Events:\n\n  * `open` - fires when the ref title is clicked\n\n  * `selected` - fires when the ref is selected\n\n  * `deselected` - fires when the ref is deselected\n\nSlots:\n\n  * ` ` {} - for content\n\n  * `icon` {} - for an icon\n\n  * `tag` {} - for a tag\n\n  * `actions` {} - for actions\n\nAttributes:\n\n  * `group-name` {string} - Group name\n\n  * `name` {string} - Node name\n\n  * `detail` {string} - Node details\n\n  * `href` {string} - Set an href, this will turns the name of the card into an anchor tag.\n\n  * `target` {string} - Set an anchor tag target, only used when using href.\n\n  * `disabled` {boolean} - Set tot true to disable\n\n  * `error` {boolean} - Set to true to display error state\n\n  * `select-only` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n  * `standalone` {boolean} - Set to true to make element stand out\n\nProperties:\n\n  * `groupName` {string} - Group name\n\n  * `name` {string} - Node name\n\n  * `detail` {string} - Node details\n\n  * `href` {string} - Set an href, this will turns the name of the card into an anchor tag.\n\n  * `target` {string} - Set an anchor tag target, only used when using href.\n\n  * `_iconSlotHasContent` {`boolean`} - \n\n  * `fallbackIcon` {`string`} - \n\n  * `styles` {`CSSResult[]`} - \n\n  * `disabled` {boolean} - Set tot true to disable\n\n  * `error` {boolean} - Set to true to display error state\n\n  * `_selectOnly` {`boolean`} - \n\n  * `selectOnly` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `_selectable` {`boolean`} - \n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `deselectable` {`boolean`} - \n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n  * `selectableTarget` {`EventTarget`} - \n\n  * `handleSelectKeydown` - ",
+      "description": "Events:\n\n  * `open` - fires when the ref title is clicked\n\n  * `selected` - fires when the ref is selected\n\n  * `deselected` - fires when the ref is deselected\n\nSlots:\n\n  * ` ` {} - for content\n\n  * `icon` {} - for an icon\n\n  * `tag` {} - for a tag\n\n  * `actions` {} - for actions\n\nAttributes:\n\n  * `group-name` {string} - Group name\n\n  * `name` {string} - Node name\n\n  * `detail` {string} - Node details\n\n  * `href` {string} - Set an href, this will turns the name of the card into an anchor tag.\n\n  * `target` {string} - Set an anchor tag target, only used when using href.\n\n  * `rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\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  * `disabled` {boolean} - Set tot true to disable\n\n  * `error` {boolean} - Set to true to display error state\n\n  * `select-only` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n  * `standalone` {boolean} - Set to true to make element stand out\n\nProperties:\n\n  * `groupName` {string} - Group name\n\n  * `name` {string} - Node name\n\n  * `detail` {string} - Node details\n\n  * `href` {string} - Set an href, this will turns the name of the card into an anchor tag.\n\n  * `target` {string} - Set an anchor tag target, only used when using href.\n\n  * `rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\n  * `_iconSlotHasContent` {`boolean`} - \n\n  * `fallbackIcon` {`string`} - \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  * `styles` {`CSSResult[]`} - \n\n  * `disabled` {boolean} - Set tot true to disable\n\n  * `error` {boolean} - Set to true to display error state\n\n  * `_selectOnly` {`boolean`} - \n\n  * `selectOnly` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `_selectable` {`boolean`} - \n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `deselectable` {`boolean`} - \n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n  * `selectableTarget` {`EventTarget`} - \n\n  * `handleSelectKeydown` - ",
       "attributes": [
         {
           "name": "group-name",
@@ -2759,6 +2859,16 @@
             }
           ]
         },
+        {
+          "name": "rel",
+          "description": "`rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\nProperty: rel\n\nDefault: undefined",
+          "values": []
+        },
+        {
+          "name": "readonly",
+          "description": "`readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\nProperty: readonly\n\nDefault: false",
+          "valueSet": "v"
+        },
         {
           "name": "disabled",
           "description": "`disabled` {boolean} - Set tot true to disable\n\nProperty: disabled\n\nDefault: false",
@@ -2805,7 +2915,7 @@
     },
     {
       "name": "uui-ref-node-package",
-      "description": "Events:\n\n  * `open` - fires when the ref title is clicked\n\n  * `selected` - fires when the ref is selected\n\n  * `deselected` - fires when the ref is deselected\n\nSlots:\n\n  * ` ` {} - for content\n\n  * `icon` {} - for an icon\n\n  * `tag` {} - for a tag\n\n  * `actions` {} - for actions\n\nAttributes:\n\n  * `version` {string} - Package version\n\n  * `author` {string} - Package author\n\n  * `name` {string} - Node name\n\n  * `detail` {string} - Node details\n\n  * `href` {string} - Set an href, this will turns the name of the card into an anchor tag.\n\n  * `target` {string} - Set an anchor tag target, only used when using href.\n\n  * `disabled` {boolean} - Set tot true to disable\n\n  * `error` {boolean} - Set to true to display error state\n\n  * `select-only` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n  * `standalone` {boolean} - Set to true to make element stand out\n\nProperties:\n\n  * `version` {string} - Package version\n\n  * `author` {string} - Package author\n\n  * `name` {string} - Node name\n\n  * `detail` {string} - Node details\n\n  * `href` {string} - Set an href, this will turns the name of the card into an anchor tag.\n\n  * `target` {string} - Set an anchor tag target, only used when using href.\n\n  * `_iconSlotHasContent` {`boolean`} - \n\n  * `fallbackIcon` {`string`} - \n\n  * `styles` {`CSSResult[]`} - \n\n  * `disabled` {boolean} - Set tot true to disable\n\n  * `error` {boolean} - Set to true to display error state\n\n  * `_selectOnly` {`boolean`} - \n\n  * `selectOnly` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `_selectable` {`boolean`} - \n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `deselectable` {`boolean`} - \n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n  * `selectableTarget` {`EventTarget`} - \n\n  * `handleSelectKeydown` - ",
+      "description": "Events:\n\n  * `open` - fires when the ref title is clicked\n\n  * `selected` - fires when the ref is selected\n\n  * `deselected` - fires when the ref is deselected\n\nSlots:\n\n  * ` ` {} - for content\n\n  * `icon` {} - for an icon\n\n  * `tag` {} - for a tag\n\n  * `actions` {} - for actions\n\nAttributes:\n\n  * `version` {string} - Package version\n\n  * `author` {string} - Package author\n\n  * `name` {string} - Node name\n\n  * `detail` {string} - Node details\n\n  * `href` {string} - Set an href, this will turns the name of the card into an anchor tag.\n\n  * `target` {string} - Set an anchor tag target, only used when using href.\n\n  * `rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\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  * `disabled` {boolean} - Set tot true to disable\n\n  * `error` {boolean} - Set to true to display error state\n\n  * `select-only` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n  * `standalone` {boolean} - Set to true to make element stand out\n\nProperties:\n\n  * `version` {string} - Package version\n\n  * `author` {string} - Package author\n\n  * `name` {string} - Node name\n\n  * `detail` {string} - Node details\n\n  * `href` {string} - Set an href, this will turns the name of the card into an anchor tag.\n\n  * `target` {string} - Set an anchor tag target, only used when using href.\n\n  * `rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\n  * `_iconSlotHasContent` {`boolean`} - \n\n  * `fallbackIcon` {`string`} - \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  * `styles` {`CSSResult[]`} - \n\n  * `disabled` {boolean} - Set tot true to disable\n\n  * `error` {boolean} - Set to true to display error state\n\n  * `_selectOnly` {`boolean`} - \n\n  * `selectOnly` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `_selectable` {`boolean`} - \n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `deselectable` {`boolean`} - \n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n  * `selectableTarget` {`EventTarget`} - \n\n  * `handleSelectKeydown` - ",
       "attributes": [
         {
           "name": "version",
@@ -2846,6 +2956,16 @@
             }
           ]
         },
+        {
+          "name": "rel",
+          "description": "`rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\nProperty: rel\n\nDefault: undefined",
+          "values": []
+        },
+        {
+          "name": "readonly",
+          "description": "`readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\nProperty: readonly\n\nDefault: false",
+          "valueSet": "v"
+        },
         {
           "name": "disabled",
           "description": "`disabled` {boolean} - Set tot true to disable\n\nProperty: disabled\n\nDefault: false",
@@ -2892,7 +3012,7 @@
     },
     {
       "name": "uui-ref-node-user",
-      "description": "Events:\n\n  * `open` - fires when the ref title is clicked\n\n  * `selected` - fires when the ref is selected\n\n  * `deselected` - fires when the ref is deselected\n\nSlots:\n\n  * ` ` {} - for content\n\n  * `icon` {} - for an icon\n\n  * `tag` {} - for a tag\n\n  * `actions` {} - for actions\n\nAttributes:\n\n  * `group-name` {string} - Group name\n\n  * `name` {string} - Node name\n\n  * `detail` {string} - Node details\n\n  * `href` {string} - Set an href, this will turns the name of the card into an anchor tag.\n\n  * `target` {string} - Set an anchor tag target, only used when using href.\n\n  * `disabled` {boolean} - Set tot true to disable\n\n  * `error` {boolean} - Set to true to display error state\n\n  * `select-only` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n  * `standalone` {boolean} - Set to true to make element stand out\n\nProperties:\n\n  * `groupName` {string} - Group name\n\n  * `name` {string} - Node name\n\n  * `detail` {string} - Node details\n\n  * `href` {string} - Set an href, this will turns the name of the card into an anchor tag.\n\n  * `target` {string} - Set an anchor tag target, only used when using href.\n\n  * `_iconSlotHasContent` {`boolean`} - \n\n  * `fallbackIcon` {`string`} - \n\n  * `styles` {`CSSResult[]`} - \n\n  * `disabled` {boolean} - Set tot true to disable\n\n  * `error` {boolean} - Set to true to display error state\n\n  * `_selectOnly` {`boolean`} - \n\n  * `selectOnly` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `_selectable` {`boolean`} - \n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `deselectable` {`boolean`} - \n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n  * `selectableTarget` {`EventTarget`} - \n\n  * `handleSelectKeydown` - ",
+      "description": "Events:\n\n  * `open` - fires when the ref title is clicked\n\n  * `selected` - fires when the ref is selected\n\n  * `deselected` - fires when the ref is deselected\n\nSlots:\n\n  * ` ` {} - for content\n\n  * `icon` {} - for an icon\n\n  * `tag` {} - for a tag\n\n  * `actions` {} - for actions\n\nAttributes:\n\n  * `group-name` {string} - Group name\n\n  * `name` {string} - Node name\n\n  * `detail` {string} - Node details\n\n  * `href` {string} - Set an href, this will turns the name of the card into an anchor tag.\n\n  * `target` {string} - Set an anchor tag target, only used when using href.\n\n  * `rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\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  * `disabled` {boolean} - Set tot true to disable\n\n  * `error` {boolean} - Set to true to display error state\n\n  * `select-only` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n  * `standalone` {boolean} - Set to true to make element stand out\n\nProperties:\n\n  * `groupName` {string} - Group name\n\n  * `name` {string} - Node name\n\n  * `detail` {string} - Node details\n\n  * `href` {string} - Set an href, this will turns the name of the card into an anchor tag.\n\n  * `target` {string} - Set an anchor tag target, only used when using href.\n\n  * `rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\n  * `_iconSlotHasContent` {`boolean`} - \n\n  * `fallbackIcon` {`string`} - \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  * `styles` {`CSSResult[]`} - \n\n  * `disabled` {boolean} - Set tot true to disable\n\n  * `error` {boolean} - Set to true to display error state\n\n  * `_selectOnly` {`boolean`} - \n\n  * `selectOnly` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `_selectable` {`boolean`} - \n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `deselectable` {`boolean`} - \n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n  * `selectableTarget` {`EventTarget`} - \n\n  * `handleSelectKeydown` - ",
       "attributes": [
         {
           "name": "group-name",
@@ -2929,6 +3049,16 @@
             }
           ]
         },
+        {
+          "name": "rel",
+          "description": "`rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\nProperty: rel\n\nDefault: undefined",
+          "values": []
+        },
+        {
+          "name": "readonly",
+          "description": "`readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\nProperty: readonly\n\nDefault: false",
+          "valueSet": "v"
+        },
         {
           "name": "disabled",
           "description": "`disabled` {boolean} - Set tot true to disable\n\nProperty: disabled\n\nDefault: false",
@@ -2975,7 +3105,7 @@
     },
     {
       "name": "uui-ref-node",
-      "description": "Events:\n\n  * `open` - fires when the ref title is clicked\n\n  * `selected` - fires when the ref is selected\n\n  * `deselected` - fires when the ref is deselected\n\nSlots:\n\n  * ` ` {} - for content\n\n  * `icon` {} - for an icon\n\n  * `tag` {} - for a tag\n\n  * `actions` {} - for actions\n\nAttributes:\n\n  * `name` {string} - Node name\n\n  * `detail` {string} - Node details\n\n  * `href` {string} - Set an href, this will turns the name of the card into an anchor tag.\n\n  * `target` {string} - Set an anchor tag target, only used when using href.\n\n  * `disabled` {boolean} - Set tot true to disable\n\n  * `error` {boolean} - Set to true to display error state\n\n  * `select-only` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n  * `standalone` {boolean} - Set to true to make element stand out\n\nProperties:\n\n  * `name` {string} - Node name\n\n  * `detail` {string} - Node details\n\n  * `href` {string} - Set an href, this will turns the name of the card into an anchor tag.\n\n  * `target` {string} - Set an anchor tag target, only used when using href.\n\n  * `_iconSlotHasContent` {`boolean`} - \n\n  * `fallbackIcon` {`string`} - \n\n  * `styles` {`CSSResult[]`} - \n\n  * `disabled` {boolean} - Set tot true to disable\n\n  * `error` {boolean} - Set to true to display error state\n\n  * `_selectOnly` {`boolean`} - \n\n  * `selectOnly` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `_selectable` {`boolean`} - \n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `deselectable` {`boolean`} - \n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n  * `selectableTarget` {`EventTarget`} - \n\n  * `handleSelectKeydown` - ",
+      "description": "Events:\n\n  * `open` - fires when the ref title is clicked\n\n  * `selected` - fires when the ref is selected\n\n  * `deselected` - fires when the ref is deselected\n\nSlots:\n\n  * ` ` {} - for content\n\n  * `icon` {} - for an icon\n\n  * `tag` {} - for a tag\n\n  * `actions` {} - for actions\n\nAttributes:\n\n  * `name` {string} - Node name\n\n  * `detail` {string} - Node details\n\n  * `href` {string} - Set an href, this will turns the name of the card into an anchor tag.\n\n  * `target` {string} - Set an anchor tag target, only used when using href.\n\n  * `rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\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  * `disabled` {boolean} - Set tot true to disable\n\n  * `error` {boolean} - Set to true to display error state\n\n  * `select-only` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n  * `standalone` {boolean} - Set to true to make element stand out\n\nProperties:\n\n  * `name` {string} - Node name\n\n  * `detail` {string} - Node details\n\n  * `href` {string} - Set an href, this will turns the name of the card into an anchor tag.\n\n  * `target` {string} - Set an anchor tag target, only used when using href.\n\n  * `rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\n  * `_iconSlotHasContent` {`boolean`} - \n\n  * `fallbackIcon` {`string`} - \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  * `styles` {`CSSResult[]`} - \n\n  * `disabled` {boolean} - Set tot true to disable\n\n  * `error` {boolean} - Set to true to display error state\n\n  * `_selectOnly` {`boolean`} - \n\n  * `selectOnly` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `_selectable` {`boolean`} - \n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `deselectable` {`boolean`} - \n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n  * `selectableTarget` {`EventTarget`} - \n\n  * `handleSelectKeydown` - ",
       "attributes": [
         {
           "name": "name",
@@ -3008,6 +3138,16 @@
             }
           ]
         },
+        {
+          "name": "rel",
+          "description": "`rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\nProperty: rel\n\nDefault: undefined",
+          "values": []
+        },
+        {
+          "name": "readonly",
+          "description": "`readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\nProperty: readonly\n\nDefault: false",
+          "valueSet": "v"
+        },
         {
           "name": "disabled",
           "description": "`disabled` {boolean} - Set tot true to disable\n\nProperty: disabled\n\nDefault: false",
@@ -3054,8 +3194,13 @@
     },
     {
       "name": "uui-ref",
-      "description": "Events:\n\n  * `open` - fires when the ref is opened\n\n  * `selected` - fires when the ref is selected\n\n  * `deselected` - fires when the ref is deselected\n\nAttributes:\n\n  * `disabled` {boolean} - Set tot true to disable\n\n  * `error` {boolean} - Set to true to display error state\n\n  * `select-only` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n  * `standalone` {boolean} - Set to true to make element stand out\n\nProperties:\n\n  * `styles` {`CSSResult[]`} - \n\n  * `disabled` {boolean} - Set tot true to disable\n\n  * `error` {boolean} - Set to true to display error state\n\n  * `_selectOnly` {`boolean`} - \n\n  * `selectOnly` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `_selectable` {`boolean`} - \n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `deselectable` {`boolean`} - \n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n  * `selectableTarget` {`EventTarget`} - \n\n  * `handleSelectKeydown` - ",
+      "description": "Events:\n\n  * `open` - fires when the ref is opened\n\n  * `selected` - fires when the ref is selected\n\n  * `deselected` - fires when the ref is deselected\n\nAttributes:\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  * `disabled` {boolean} - Set tot true to disable\n\n  * `error` {boolean} - Set to true to display error state\n\n  * `select-only` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n  * `standalone` {boolean} - Set to true to make element stand out\n\nProperties:\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  * `styles` {`CSSResult[]`} - \n\n  * `disabled` {boolean} - Set tot true to disable\n\n  * `error` {boolean} - Set to true to display error state\n\n  * `_selectOnly` {`boolean`} - \n\n  * `selectOnly` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `_selectable` {`boolean`} - \n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `deselectable` {`boolean`} - \n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n  * `selectableTarget` {`EventTarget`} - \n\n  * `handleSelectKeydown` - ",
       "attributes": [
+        {
+          "name": "readonly",
+          "description": "`readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\nProperty: readonly\n\nDefault: false",
+          "valueSet": "v"
+        },
         {
           "name": "disabled",
           "description": "`disabled` {boolean} - Set tot true to disable\n\nProperty: disabled\n\nDefault: false",
@@ -3113,7 +3258,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.\nIf you dont want the setFormValue to be called on the ElementInternals, then prevent calling this method, by not calling super.value = newValue in your implementation of the value 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} - 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.\nIf you dont want the setFormValue to be called on the ElementInternals, then prevent calling this method, by not calling super.value = newValue in your implementation of the value 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  * `_pristine` {`boolean`} - \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  * `_customValidityObject` {`UUIFormControlValidatorConfig | undefined`} - \n\n  * `validity` {`ValidityState`} - \n\n  * `validationMessage` {`string`} - \n\n  * `_internals` {`ElementInternals`} - ",
+      "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  * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\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.\nIf you dont want the setFormValue to be called on the ElementInternals, then prevent calling this method, by not calling super.value = newValue in your implementation of the value 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} - 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  * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\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.\nIf you dont want the setFormValue to be called on the ElementInternals, then prevent calling this method, by not calling super.value = newValue in your implementation of the value 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  * `_pristine` {`boolean`} - \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  * `_customValidityObject` {`UUIFormControlValidatorConfig | undefined`} - \n\n  * `validity` {`ValidityState`} - \n\n  * `validationMessage` {`string`} - \n\n  * `_internals` {`ElementInternals`} - ",
       "attributes": [
         {
           "name": "label",
@@ -3128,6 +3273,11 @@
           "description": "`disabled` {boolean} - Disables the select.\n\nProperty: disabled\n\nDefault: false",
           "valueSet": "v"
         },
+        {
+          "name": "readonly",
+          "description": "`readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\nProperty: readonly\n\nDefault: false",
+          "valueSet": "v"
+        },
         {
           "name": "disabledGroups",
           "description": "`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\nProperty: disabledGroups\n\nDefault: "
@@ -3172,13 +3322,18 @@
     },
     {
       "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  * `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  * `_pristine` {`boolean`} - \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  * `_customValidityObject` {`UUIFormControlValidatorConfig | undefined`} - \n\n  * `validity` {`ValidityState`} - \n\n  * `validationMessage` {`string`} - \n\n  * `_internals` {`ElementInternals`} - ",
+      "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  * `hide-value-label` {boolean} - Hides the value label on the thumb.\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  * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\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  * `hideValueLabel` {boolean} - Hides the value label on the thumb.\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  * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\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  * `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  * `_pristine` {`boolean`} - \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  * `_customValidityObject` {`UUIFormControlValidatorConfig | undefined`} - \n\n  * `validity` {`ValidityState`} - \n\n  * `validationMessage` {`string`} - \n\n  * `_internals` {`ElementInternals`} - ",
       "attributes": [
         {
           "name": "hide-step-values",
           "description": "`hide-step-values` {boolean} - Hides the numbers representing the value of each steps. Dots will still be visible\n\nProperty: hideStepValues\n\nDefault: false",
           "valueSet": "v"
         },
+        {
+          "name": "hide-value-label",
+          "description": "`hide-value-label` {boolean} - Hides the value label on the thumb.\n\nProperty: hideValueLabel\n\nDefault: false",
+          "valueSet": "v"
+        },
         {
           "name": "min",
           "description": "`min` {number} - This is a minimum value of the input.\n\nProperty: min\n\nDefault: 0"
@@ -3196,6 +3351,11 @@
           "description": "`disabled` {boolean} - Disables the input.\n\nProperty: disabled\n\nDefault: false",
           "valueSet": "v"
         },
+        {
+          "name": "readonly",
+          "description": "`readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\nProperty: readonly\n\nDefault: false",
+          "valueSet": "v"
+        },
         {
           "name": "label",
           "description": "`label` {string} - Label to be used for aria-label and eventually as visual label\n\nProperty: label"
@@ -3442,7 +3602,7 @@
     },
     {
       "name": "uui-tabs",
-      "description": "A single tab. Should be put into `<uui-tab-group>`,\n\nSlots:\n\n  * ` ` {} - for label\n\n  * `icon` {} - for icon\n\n  * `extra` {} - for extra\n\nAttributes:\n\n  * `disabled` {boolean} - Reflects the disabled state of the element. True if tab is disabled. Change this to switch the state programmatically.\n\n  * `href` {string} - Set an href, this will turns the inner button into a anchor tag.\n\n  * `target` {string} - Set an anchor tag target, only used when using href.\n\n  * `orientation` {string} - Set the visual orientation of this tab, this changes the look and placement of the active indication.\n\n  * `active` {boolean} - Set this boolean to true for then the related composition is sorted.\n\n  * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\nProperties:\n\n  * `disabled` {boolean} - Reflects the disabled state of the element. True if tab is disabled. Change this to switch the state programmatically.\n\n  * `href` {string} - Set an href, this will turns the inner button into a anchor tag.\n\n  * `target` {string} - Set an anchor tag target, only used when using href.\n\n  * `orientation` {string} - Set the visual orientation of this tab, this changes the look and placement of the active indication.\n\n  * `styles` {`CSSResult[]`} - \n\n  * `active` {boolean} - Set this boolean to true for then the related composition is sorted.\n\n  * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\n  * `_labelSlotHasContent` {`boolean`} - ",
+      "description": "A single tab. Should be put into `<uui-tab-group>`,\n\nSlots:\n\n  * ` ` {} - for label\n\n  * `icon` {} - for icon\n\n  * `extra` {} - for extra\n\nAttributes:\n\n  * `disabled` {boolean} - Reflects the disabled state of the element. True if tab is disabled. Change this to switch the state programmatically.\n\n  * `href` {string} - Set an href, this will turns the inner button into a anchor tag.\n\n  * `target` {string} - Set an anchor tag target, only used when using href.\n\n  * `rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\n  * `orientation` {string} - Set the visual orientation of this tab, this changes the look and placement of the active indication.\n\n  * `active` {boolean} - Set this boolean to true for then the related composition is sorted.\n\n  * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\nProperties:\n\n  * `disabled` {boolean} - Reflects the disabled state of the element. True if tab is disabled. Change this to switch the state programmatically.\n\n  * `href` {string} - Set an href, this will turns the inner button into a anchor tag.\n\n  * `target` {string} - Set an anchor tag target, only used when using href.\n\n  * `rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\n  * `orientation` {string} - Set the visual orientation of this tab, this changes the look and placement of the active indication.\n\n  * `styles` {`CSSResult[]`} - \n\n  * `active` {boolean} - Set this boolean to true for then the related composition is sorted.\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": "disabled",
@@ -3472,6 +3632,11 @@
             }
           ]
         },
+        {
+          "name": "rel",
+          "description": "`rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\nProperty: rel\n\nDefault: undefined",
+          "values": []
+        },
         {
           "name": "orientation",
           "description": "`orientation` {string} - Set the visual orientation of this tab, this changes the look and placement of the active indication.\n\nProperty: orientation\n\nDefault: horizontal",
@@ -3497,7 +3662,7 @@
     },
     {
       "name": "uui-tab",
-      "description": "A single tab. Should be put into `<uui-tab-group>`,\n\nSlots:\n\n  * ` ` {} - for label\n\n  * `icon` {} - for icon\n\n  * `extra` {} - for extra\n\nAttributes:\n\n  * `disabled` {boolean} - Reflects the disabled state of the element. True if tab is disabled. Change this to switch the state programmatically.\n\n  * `href` {string} - Set an href, this will turns the inner button into a anchor tag.\n\n  * `target` {string} - Set an anchor tag target, only used when using href.\n\n  * `orientation` {string} - Set the visual orientation of this tab, this changes the look and placement of the active indication.\n\n  * `active` {boolean} - Set this boolean to true for then the related composition is sorted.\n\n  * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\nProperties:\n\n  * `disabled` {boolean} - Reflects the disabled state of the element. True if tab is disabled. Change this to switch the state programmatically.\n\n  * `href` {string} - Set an href, this will turns the inner button into a anchor tag.\n\n  * `target` {string} - Set an anchor tag target, only used when using href.\n\n  * `orientation` {string} - Set the visual orientation of this tab, this changes the look and placement of the active indication.\n\n  * `styles` {`CSSResult[]`} - \n\n  * `active` {boolean} - Set this boolean to true for then the related composition is sorted.\n\n  * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\n  * `_labelSlotHasContent` {`boolean`} - ",
+      "description": "A single tab. Should be put into `<uui-tab-group>`,\n\nSlots:\n\n  * ` ` {} - for label\n\n  * `icon` {} - for icon\n\n  * `extra` {} - for extra\n\nAttributes:\n\n  * `disabled` {boolean} - Reflects the disabled state of the element. True if tab is disabled. Change this to switch the state programmatically.\n\n  * `href` {string} - Set an href, this will turns the inner button into a anchor tag.\n\n  * `target` {string} - Set an anchor tag target, only used when using href.\n\n  * `rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\n  * `orientation` {string} - Set the visual orientation of this tab, this changes the look and placement of the active indication.\n\n  * `active` {boolean} - Set this boolean to true for then the related composition is sorted.\n\n  * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\nProperties:\n\n  * `disabled` {boolean} - Reflects the disabled state of the element. True if tab is disabled. Change this to switch the state programmatically.\n\n  * `href` {string} - Set an href, this will turns the inner button into a anchor tag.\n\n  * `target` {string} - Set an anchor tag target, only used when using href.\n\n  * `rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\n  * `orientation` {string} - Set the visual orientation of this tab, this changes the look and placement of the active indication.\n\n  * `styles` {`CSSResult[]`} - \n\n  * `active` {boolean} - Set this boolean to true for then the related composition is sorted.\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": "disabled",
@@ -3527,6 +3692,11 @@
             }
           ]
         },
+        {
+          "name": "rel",
+          "description": "`rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\nProperty: rel\n\nDefault: undefined",
+          "values": []
+        },
         {
           "name": "orientation",
           "description": "`orientation` {string} - Set the visual orientation of this tab, this changes the look and placement of the active indication.\n\nProperty: orientation\n\nDefault: horizontal",
@@ -3800,7 +3970,7 @@
     },
     {
       "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  * `_value` {`string`} - \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  * `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  * `_pristine` {`boolean`} - \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  * `_customValidityObject` {`UUIFormControlValidatorConfig | undefined`} - \n\n  * `validity` {`ValidityState`} - \n\n  * `validationMessage` {`string`} - \n\n  * `_internals` {`ElementInternals`} - \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  * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\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  * `_value` {`string`} - \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  * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\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  * `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  * `_pristine` {`boolean`} - \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  * `_customValidityObject` {`UUIFormControlValidatorConfig | undefined`} - \n\n  * `validity` {`ValidityState`} - \n\n  * `validationMessage` {`string`} - \n\n  * `_internals` {`ElementInternals`} - \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",
@@ -3830,6 +4000,11 @@
           "description": "`disabled` {boolean} - Disables the input.\n\nProperty: disabled\n\nDefault: false",
           "valueSet": "v"
         },
+        {
+          "name": "readonly",
+          "description": "`readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\nProperty: readonly\n\nDefault: false",
+          "valueSet": "v"
+        },
         {
           "name": "name",
           "description": "`name` {string} - This is a name property of the component.\n\nProperty: name\n\nDefault: ''"