@umbraco-ui/uui 1.11.0 → 1.12.1

package/vscode-html-custom-data.json

@@ -209,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  * `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  * `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  * `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  * `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  * `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`} - \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  * `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  * `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 and fail states display icons. State is automatically reset to the default 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  * `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  * `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  * `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 and fail states display icons. State is automatically reset to the default 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  * `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`} - \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  * `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  * `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",
@@ -283,7 +283,7 @@
         },
         {
           "name": "state",
-          "description": "`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\nProperty: state\n\nDefault: undefined",
+          "description": "`state` {undefined |'waiting' | 'success' | 'failed'} - Sets the state of the button. With waiting state a loader will show, the success and fail states display icons. State is automatically reset to the default after 3 seconds.\n\nProperty: state\n\nDefault: undefined",
           "values": [
             {
               "name": "waiting"
@@ -373,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  * ` ` {} - 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` - ",
+      "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`} - ",
       "attributes": [
         {
           "name": "name",
@@ -458,12 +458,16 @@
     },
     {
       "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  * `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` - ",
+      "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  * `detail` {string} - Node details\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  * `detail` {string} - Node details\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`} - ",
       "attributes": [
         {
           "name": "name",
           "description": "`name` {string} - Node name\n\nProperty: name\n\nDefault: ''"
         },
+        {
+          "name": "detail",
+          "description": "`detail` {string} - Node details\n\nProperty: detail\n\nDefault: ''"
+        },
         {
           "name": "disabled",
           "description": "`disabled` {boolean} - Set to true to prevent opening of this item.\nThis does not prevent selection, selection is controlled by property 'selectable'\n\nProperty: disabled\n\nDefault: false",
@@ -533,12 +537,17 @@
     },
     {
       "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  * `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` - ",
+      "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  * `detail` {string} - Media detail\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  * `detail` {string} - Media detail\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`} - ",
       "attributes": [
         {
           "name": "name",
           "description": "`name` {string} - Media name\n\nProperty: name\n\nDefault: ''"
         },
+        {
+          "name": "detail",
+          "description": "`detail` {string} - Media detail\n\nProperty: detail\n\nDefault: ''",
+          "values": []
+        },
         {
           "name": "file-ext",
           "description": "`file-ext` {string} - Media file extension, without \".\"\n\nProperty: fileExt\n\nDefault: ''"
@@ -612,7 +621,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  * `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` - ",
+      "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`} - ",
       "attributes": [
         {
           "name": "name",
@@ -687,7 +696,7 @@
     },
     {
       "name": "uui-card",
-      "description": "Card is a Component that provides the basics for a Card component. This can be extended in code to match a certain need.\n\nEvents:\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` - ",
+      "description": "Card is a Component that provides the basics for a Card component. This can be extended in code to match a certain need.\n\nEvents:\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`} - ",
       "attributes": [
         {
           "name": "disabled",
@@ -1038,7 +1047,7 @@
     },
     {
       "name": "uui-color-swatch",
-      "description": "Color swatch, can have label and be selectable, disabled or readonly.\n\nEvents:\n\n  * `selected` - fires when the media card is selected\n\n  * `deselected` - fires when the media card is deselected\n\nSlots:\n\n  * `label` {} - Default slot for the label.\n\nAttributes:\n\n  * `value` {`string`} - Value of the swatch. This will become the color value if color is left undefined, see the property `color` for more details.\n\n  * `color` {`string | undefined`} - Color of the swatch. Should be a valid hex, hexa, rgb, rgba, hsl or hsla string. Should fulfill this [css spec](https://www.w3.org/TR/css-color-4/#color-type). If not provided element will look at its text content.\n\n  * `disabled` {boolean} - Sets the swatch to disabled.\n\n  * `readonly` {boolean} - Sets the swatch to readonly mode.\n\n  * `show-label` {`boolean`} - When true shows element label below the color checkbox\n\n  * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\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\nProperties:\n\n  * `value` {`string`} - Value of the swatch. This will become the color value if color is left undefined, see the property `color` for more details.\n\n  * `_value` {`string | undefined`} - \n\n  * `color` {`string | undefined`} - Color of the swatch. Should be a valid hex, hexa, rgb, rgba, hsl or hsla string. Should fulfill this [css spec](https://www.w3.org/TR/css-color-4/#color-type). If not provided element will look at its text content.\n\n  * `_color` {`string | undefined`} - \n\n  * `disabled` {boolean} - Sets the swatch to disabled.\n\n  * `readonly` {boolean} - Sets the swatch to readonly mode.\n\n  * `showLabel` {`boolean`} - When true shows element label below the color checkbox\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`} - \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.",
+      "description": "Color swatch, can have label and be selectable, disabled or readonly.\n\nEvents:\n\n  * `selected` - fires when the media card is selected\n\n  * `deselected` - fires when the media card is deselected\n\nSlots:\n\n  * `label` {} - Default slot for the label.\n\nAttributes:\n\n  * `value` {`string`} - Value of the swatch. This will become the color value if color is left undefined, see the property `color` for more details.\n\n  * `color` {`string | undefined`} - Color of the swatch. Should be a valid hex, hexa, rgb, rgba, hsl or hsla string. Should fulfill this [css spec](https://www.w3.org/TR/css-color-4/#color-type). If not provided element will look at its text content.\n\n  * `disabled` {boolean} - Sets the swatch to disabled.\n\n  * `readonly` {boolean} - Sets the swatch to readonly mode.\n\n  * `show-label` {`boolean`} - When true shows element label below the color checkbox\n\n  * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\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\nProperties:\n\n  * `value` {`string`} - Value of the swatch. This will become the color value if color is left undefined, see the property `color` for more details.\n\n  * `_value` {`string | undefined`} - \n\n  * `color` {`string | undefined`} - Color of the swatch. Should be a valid hex, hexa, rgb, rgba, hsl or hsla string. Should fulfill this [css spec](https://www.w3.org/TR/css-color-4/#color-type). If not provided element will look at its text content.\n\n  * `_color` {`string | undefined`} - \n\n  * `disabled` {boolean} - Sets the swatch to disabled.\n\n  * `readonly` {boolean} - Sets the swatch to readonly mode.\n\n  * `showLabel` {`boolean`} - When true shows element label below the color checkbox\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`} - \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  * `active` {boolean} - Set this boolean to true for then the related composition is sorted.",
       "attributes": [
         {
           "name": "value",
@@ -1123,7 +1132,7 @@
     },
     {
       "name": "uui-combobox-list-option",
-      "description": "Events:\n\n  * `selected` - fires when the media card is selected\n\n  * `deselected` - fires when the media card is deselected\n\nSlots:\n\n  * ` ` {} - For option content\n\nAttributes:\n\n  * `value` {string} - Value of the option.\n\n  * `display-value` {string} - A readable value.\n\n  * `disabled` {boolean} - Determines if the options is disabled. If true the option can't be selected\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\nProperties:\n\n  * `_value` {`string | undefined`} - \n\n  * `_disabled` {`boolean`} - \n\n  * `_displayValue` {`string`} - \n\n  * `value` {string} - Value of the option.\n\n  * `displayValue` {string} - A readable value.\n\n  * `disabled` {boolean} - Determines if the options is disabled. If true the option can't be selected\n\n  * `styles` {`CSSResult[]`} - \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.",
+      "description": "Events:\n\n  * `selected` - fires when the media card is selected\n\n  * `deselected` - fires when the media card is deselected\n\nSlots:\n\n  * ` ` {} - For option content\n\nAttributes:\n\n  * `value` {string} - Value of the option.\n\n  * `display-value` {string} - A readable value.\n\n  * `disabled` {boolean} - Determines if the options is disabled. If true the option can't be selected\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\nProperties:\n\n  * `_value` {`string | undefined`} - \n\n  * `_disabled` {`boolean`} - \n\n  * `_displayValue` {`string`} - \n\n  * `value` {string} - Value of the option.\n\n  * `displayValue` {string} - A readable value.\n\n  * `disabled` {boolean} - Determines if the options is disabled. If true the option can't be selected\n\n  * `styles` {`CSSResult[]`} - \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  * `active` {boolean} - Set this boolean to true for then the related composition is sorted.",
       "attributes": [
         {
           "name": "value",
@@ -2023,7 +2032,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  * `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  * `caret-label` {`string`} - Sets the aria-label for the caret button.\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  * `caretLabel` {`string`} - Sets the aria-label for the caret button.\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  * `caret-label` {`string`} - Sets the aria-label for the caret button.\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  * `caretLabel` {`string`} - Sets the aria-label for the caret button.\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  * `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",
@@ -2142,7 +2151,7 @@
     },
     {
       "name": "uui-modal-dialog",
-      "description": "Events:\n\n  * `open` {`CustomEvent<unknown>`} - \n\n  * `uui:modal-close` {`CustomEvent<unknown>`} - \n\n  * `close-end` {`CustomEvent<unknown>`} - \n\nAttributes:\n\n  * `is-open` {`boolean`} - \n\n  * `is-closing` {`boolean`} - \n\n  * `index` {`number`} - \n\n  * `unique-index` {`number`} - \n\n  * `transition-duration` {`number`} - \n\nProperties:\n\n  * `_dialogElement` {`HTMLDialogElement | undefined`} - \n\n  * `isOpen` {`boolean`} - \n\n  * `isClosing` {`boolean`} - \n\n  * `index` {`number`} - \n\n  * `uniqueIndex` {`number`} - \n\n  * `_transitionDuration` {`number`} - \n\n  * `transitionDuration` {`number`} - \n\n  * `open` - \n\n  * `close` - \n\n  * `styles` {`CSSResult[]`} - ",
+      "description": "Events:\n\n  * `uui:modal-open` {`CustomEvent<unknown>`} - \n\n  * `open` {`CustomEvent<unknown>`} - \n\n  * `uui:modal-close` {`CustomEvent<unknown>`} - \n\n  * `close-end` {`CustomEvent<unknown>`} - \n\n  * `uui:modal-close-end` {`CustomEvent<unknown>`} - \n\nAttributes:\n\n  * `is-open` {`boolean`} - \n\n  * `is-closing` {`boolean`} - \n\n  * `index` {`number`} - \n\n  * `unique-index` {`number`} - \n\n  * `transition-duration` {`number`} - \n\nProperties:\n\n  * `_dialogElement` {`HTMLDialogElement | undefined`} - \n\n  * `isOpen` {`boolean`} - \n\n  * `isClosing` {`boolean`} - \n\n  * `index` {`number`} - \n\n  * `uniqueIndex` {`number`} - \n\n  * `_transitionDuration` {`number`} - \n\n  * `transitionDuration` {`number`} - \n\n  * `open` - \n\n  * `close` - \n\n  * `styles` {`CSSResult[]`} - ",
       "attributes": [
         {
           "name": "is-open",
@@ -2166,6 +2175,10 @@
           "name": "transition-duration",
           "description": "`transition-duration` {`number`} - \n\nProperty: transitionDuration"
         },
+        {
+          "name": "onuui:modal-open",
+          "description": "`uui:modal-open` {`CustomEvent<unknown>`} - "
+        },
         {
           "name": "onopen",
           "description": "`open` {`CustomEvent<unknown>`} - "
@@ -2177,12 +2190,16 @@
         {
           "name": "onclose-end",
           "description": "`close-end` {`CustomEvent<unknown>`} - "
+        },
+        {
+          "name": "onuui:modal-close-end",
+          "description": "`uui:modal-close-end` {`CustomEvent<unknown>`} - "
         }
       ]
     },
     {
       "name": "uui-modal-sidebar",
-      "description": "Events:\n\n  * `open` {`CustomEvent<unknown>`} - \n\n  * `uui:modal-close` {`CustomEvent<unknown>`} - \n\n  * `close-end` {`CustomEvent<unknown>`} - \n\nAttributes:\n\n  * `size` {`UUIModalSidebarSize`} - \n\n  * `is-open` {`boolean`} - \n\n  * `is-closing` {`boolean`} - \n\n  * `index` {`number`} - \n\n  * `unique-index` {`number`} - \n\n  * `transition-duration` {`number`} - \n\nProperties:\n\n  * `size` {`UUIModalSidebarSize`} - \n\n  * `_dialogElement` {`HTMLDialogElement | undefined`} - \n\n  * `isOpen` {`boolean`} - \n\n  * `isClosing` {`boolean`} - \n\n  * `index` {`number`} - \n\n  * `uniqueIndex` {`number`} - \n\n  * `_transitionDuration` {`number`} - \n\n  * `transitionDuration` {`number`} - \n\n  * `open` - \n\n  * `close` - \n\n  * `styles` {`CSSResult[]`} - ",
+      "description": "Events:\n\n  * `uui:modal-open` {`CustomEvent<unknown>`} - \n\n  * `open` {`CustomEvent<unknown>`} - \n\n  * `uui:modal-close` {`CustomEvent<unknown>`} - \n\n  * `close-end` {`CustomEvent<unknown>`} - \n\n  * `uui:modal-close-end` {`CustomEvent<unknown>`} - \n\nAttributes:\n\n  * `size` {`UUIModalSidebarSize`} - \n\n  * `is-open` {`boolean`} - \n\n  * `is-closing` {`boolean`} - \n\n  * `index` {`number`} - \n\n  * `unique-index` {`number`} - \n\n  * `transition-duration` {`number`} - \n\nProperties:\n\n  * `size` {`UUIModalSidebarSize`} - \n\n  * `_dialogElement` {`HTMLDialogElement | undefined`} - \n\n  * `isOpen` {`boolean`} - \n\n  * `isClosing` {`boolean`} - \n\n  * `index` {`number`} - \n\n  * `uniqueIndex` {`number`} - \n\n  * `_transitionDuration` {`number`} - \n\n  * `transitionDuration` {`number`} - \n\n  * `open` - \n\n  * `close` - \n\n  * `styles` {`CSSResult[]`} - ",
       "attributes": [
         {
           "name": "size",
@@ -2224,6 +2241,10 @@
           "name": "transition-duration",
           "description": "`transition-duration` {`number`} - \n\nProperty: transitionDuration"
         },
+        {
+          "name": "onuui:modal-open",
+          "description": "`uui:modal-open` {`CustomEvent<unknown>`} - "
+        },
         {
           "name": "onopen",
           "description": "`open` {`CustomEvent<unknown>`} - "
@@ -2235,6 +2256,10 @@
         {
           "name": "onclose-end",
           "description": "`close-end` {`CustomEvent<unknown>`} - "
+        },
+        {
+          "name": "onuui:modal-close-end",
+          "description": "`uui:modal-close-end` {`CustomEvent<unknown>`} - "
         }
       ]
     },
@@ -2486,7 +2511,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  * `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  * `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  * `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\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`} - \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  * `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.",
+      "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  * `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  * `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\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  * `_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`} - \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  * `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.",
       "attributes": [
         {
           "name": "label",
@@ -2578,7 +2603,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  * `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` - ",
+      "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`} - ",
       "attributes": [
         {
           "name": "alias",
@@ -2671,7 +2696,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  * `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` - ",
+      "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`} - ",
       "attributes": [
         {
           "name": "alias",
@@ -2764,7 +2789,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  * `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` - ",
+      "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`} - ",
       "attributes": [
         {
           "name": "name",
@@ -2853,7 +2878,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  * `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` - ",
+      "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`} - ",
       "attributes": [
         {
           "name": "group-name",
@@ -2946,7 +2971,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  * `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` - ",
+      "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`} - ",
       "attributes": [
         {
           "name": "version",
@@ -3043,7 +3068,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  * `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` - ",
+      "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`} - ",
       "attributes": [
         {
           "name": "group-name",
@@ -3136,7 +3161,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  * `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` - ",
+      "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`} - ",
       "attributes": [
         {
           "name": "name",
@@ -3225,7 +3250,7 @@
     },
     {
       "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  * `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` - ",
+      "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`} - ",
       "attributes": [
         {
           "name": "readonly",
@@ -3581,7 +3606,7 @@
     },
     {
       "name": "uui-table-row",
-      "description": "Table row element with option to set is as selectable. Parent for uui-table-cell. Must be a child of uui-table.\n\nEvents:\n\n  * `selected` - fires when the media card is selected\n\n  * `deselected` - fires when the media card is deselected\n\nSlots:\n\n  * ` ` {} - for <uui-table-cell> elements that should be in the row.\n\nAttributes:\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  * `slotCellNodes` {`unknown[] | undefined`} - \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": "Table row element with option to set is as selectable. Parent for uui-table-cell. Must be a child of uui-table.\n\nEvents:\n\n  * `selected` - fires when the media card is selected\n\n  * `deselected` - fires when the media card is deselected\n\nSlots:\n\n  * ` ` {} - for <uui-table-cell> elements that should be in the row.\n\nAttributes:\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  * `slotCellNodes` {`unknown[] | undefined`} - \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`} - ",
       "attributes": [
         {
           "name": "select-only",