{
  "version": "experimental",
  "tags": [
    {
      "name": "uui-action-bar",
      "path": "./../uui-action-bar/lib/uui-action-bar.element.ts",
      "properties": [
        {
          "name": "styles",
          "type": "CSSResult[]",
          "default": "[null,null]"
        }
      ],
      "slots": [
        {
          "name": "",
          "description": "The slot for buttons. It supports `<uui-button>` elements out of the box."
        }
      ]
    },
    {
      "name": "uui-avatar-group",
      "path": "./../uui-avatar-group/lib/uui-avatar-group.element.ts",
      "description": "Group a set of avatars, set a limit to minimize the visual space.",
      "attributes": [
        {
          "name": "limit",
          "description": "This sets a limit of how many avatars can be shown. It will ad a +{number} after the avatars to show the number of hidden avatars.",
          "type": "number",
          "default": "\"0\""
        }
      ],
      "properties": [
        {
          "name": "limit",
          "attribute": "limit",
          "description": "This sets a limit of how many avatars can be shown. It will ad a +{number} after the avatars to show the number of hidden avatars.",
          "type": "number",
          "default": "\"0\""
        },
        {
          "name": "styles",
          "type": "CSSResult[]",
          "default": "[null]"
        }
      ],
      "slots": [
        {
          "name": "",
          "description": "Insert the `<uui-avatar>` elements in the default slot"
        }
      ],
      "cssProperties": [
        {
          "name": "--uui-avatar-border-color",
          "description": "Border color of the avatars"
        }
      ]
    },
    {
      "name": "uui-avatar",
      "path": "./../uui-avatar/lib/uui-avatar.element.ts",
      "description": "Avatar for displaying users",
      "attributes": [
        {
          "name": "overflow",
          "description": "Set to true to prevent content from getting hidden if going outside the parent. Useful in combination with something like a Badge.",
          "type": "boolean",
          "default": "\"true\""
        },
        {
          "name": "img-src",
          "description": "Use this to apply a image src",
          "type": "string",
          "default": "\"''\""
        },
        {
          "name": "img-srcset",
          "description": "Use this to apply a image srcset",
          "type": "string",
          "default": "\"''\""
        },
        {
          "name": "name",
          "description": "Provide the name used for labels and to generate the initials.",
          "type": "string",
          "default": "\"''\""
        },
        {
          "name": "initials",
          "description": "Use this to override the initials generated from the name.",
          "type": "string",
          "default": "\"undefined\""
        }
      ],
      "properties": [
        {
          "name": "overflow",
          "attribute": "overflow",
          "description": "Set to true to prevent content from getting hidden if going outside the parent. Useful in combination with something like a Badge.",
          "type": "boolean",
          "default": "\"true\""
        },
        {
          "name": "imgSrc",
          "attribute": "img-src",
          "description": "Use this to apply a image src",
          "type": "string",
          "default": "\"''\""
        },
        {
          "name": "imgSrcset",
          "attribute": "img-srcset",
          "description": "Use this to apply a image srcset",
          "type": "string",
          "default": "\"''\""
        },
        {
          "name": "name",
          "attribute": "name",
          "description": "Provide the name used for labels and to generate the initials.",
          "type": "string",
          "default": "\"''\""
        },
        {
          "name": "initials",
          "attribute": "initials",
          "description": "Use this to override the initials generated from the name.",
          "type": "string",
          "default": "\"undefined\""
        },
        {
          "name": "styles",
          "type": "CSSResult[]",
          "default": "[null]"
        }
      ],
      "slots": [
        {
          "name": "",
          "description": "For anything other than initials (no more than 2-3 characters)"
        }
      ]
    },
    {
      "name": "uui-badge",
      "path": "./../uui-badge/lib/uui-badge.element.ts",
      "description": "A badge to notify that there is something that requires attention of the user. The badge is positioned with `position: absolute`. It will determine its position against the first ancestor with `position: relative`.",
      "attributes": [
        {
          "name": "color",
          "description": "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.",
          "type": "\"default\" | \"positive\" | \"warning\" | \"danger\"",
          "default": "\"\\\"default\\\"\""
        },
        {
          "name": "look",
          "description": "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.",
          "type": "\"default\" | \"primary\" | \"secondary\" | \"outline\" | \"placeholder\"",
          "default": "\"\\\"default\\\"\""
        },
        {
          "name": "attention",
          "description": "Bring attention to this badge by applying a bounce animation.",
          "type": "boolean",
          "default": "\"false\""
        }
      ],
      "properties": [
        {
          "name": "color",
          "attribute": "color",
          "description": "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.",
          "type": "\"default\" | \"positive\" | \"warning\" | \"danger\"",
          "default": "\"\\\"default\\\"\""
        },
        {
          "name": "look",
          "attribute": "look",
          "description": "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.",
          "type": "\"default\" | \"primary\" | \"secondary\" | \"outline\" | \"placeholder\"",
          "default": "\"\\\"default\\\"\""
        },
        {
          "name": "attention",
          "attribute": "attention",
          "description": "Bring attention to this badge by applying a bounce animation.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "styles",
          "type": "CSSResult[]",
          "default": "[null]"
        }
      ],
      "slots": [
        {
          "name": "",
          "description": "The slot for badge contents"
        }
      ]
    },
    {
      "name": "uui-box",
      "path": "./../uui-box/lib/uui-box.element.ts",
      "description": "A layout box for grouping elements, as well its possible to append a header, with a headline or other elements to the box.",
      "attributes": [
        {
          "name": "headline",
          "description": "Headline for this box, can also be set via the `headline` slot.",
          "type": "string | null",
          "default": "\"null\""
        },
        {
          "name": "headline-variant",
          "description": "Changes the headline variant for accessibility for this box.\nNotice this does not change the visual representation of the headline. (Umbraco recommends displaying a h5 size headline in the UUI-BOX)",
          "type": "\"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\"",
          "default": "\"\\\"h5\\\"\""
        }
      ],
      "properties": [
        {
          "name": "headline",
          "attribute": "headline",
          "description": "Headline for this box, can also be set via the `headline` slot.",
          "type": "string | null",
          "default": "\"null\""
        },
        {
          "name": "headlineVariant",
          "attribute": "headline-variant",
          "description": "Changes the headline variant for accessibility for this box.\nNotice this does not change the visual representation of the headline. (Umbraco recommends displaying a h5 size headline in the UUI-BOX)",
          "type": "\"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\"",
          "default": "\"\\\"h5\\\"\""
        },
        {
          "name": "styles",
          "type": "CSSResult[]",
          "default": "[\"UUITextStyles\",null]"
        }
      ],
      "slots": [
        {
          "name": "headline",
          "description": "headline area, this area is placed within the headline tag which is located inside the header. Use this to ensure the right headline styling."
        },
        {
          "name": "header",
          "description": "header area, use this for things that are not the headline but are located in the header."
        },
        {
          "name": "header-actions",
          "description": "right-side of the box header, use this to append some actions that are general for the topic of this box."
        },
        {
          "name": "",
          "description": "area for the content of the box"
        }
      ],
      "cssProperties": [
        {
          "name": "--uui-box-header-padding",
          "description": "overwrite the header padding"
        },
        {
          "name": "--uui-box-default-padding",
          "description": "overwrite the box padding"
        },
        {
          "name": "--uui-box-border-width",
          "description": "overwrite the box border, default is 0"
        },
        {
          "name": "--uui-box-box-shadow",
          "description": "overwrite the box shadow, default is var(--uui-shadow-depth-1)"
        },
        {
          "name": "--uui-box-border-radius",
          "description": "overwrite the box border-radius, default is var(--uui-border-radius)"
        },
        {
          "name": "--uui-box-border-color",
          "description": "overwrites the box border colorm default is var(--uui-color-divider-standalone)"
        }
      ]
    },
    {
      "name": "uui-breadcrumb-item",
      "path": "./../uui-breadcrumbs/lib/uui-breadcrumb-item.element.ts",
      "description": "A breadcrumb-item to be used with the breadcrumbs component.",
      "attributes": [
        {
          "name": "href",
          "description": "Specifies the link href.",
          "type": "String",
          "default": "\"undefined\""
        },
        {
          "name": "last-item",
          "description": "Specifies if the element is the last item in the uui-breadcrumbs. Last item will not render as a link",
          "type": "Boolean",
          "default": "\"'false'\""
        }
      ],
      "properties": [
        {
          "name": "href",
          "attribute": "href",
          "description": "Specifies the link href.",
          "type": "String",
          "default": "\"undefined\""
        },
        {
          "name": "lastItem",
          "attribute": "last-item",
          "description": "Specifies if the element is the last item in the uui-breadcrumbs. Last item will not render as a link",
          "type": "Boolean",
          "default": "\"'false'\""
        },
        {
          "name": "styles",
          "type": "CSSResult[]",
          "default": "[null]"
        }
      ],
      "slots": [
        {
          "name": "",
          "description": "This slot displays elements inside the breadcrumb"
        }
      ],
      "cssParts": [
        {
          "name": "separator",
          "description": "change the content of the after element of this part to change the separator"
        }
      ]
    },
    {
      "name": "uui-breadcrumbs",
      "path": "./../uui-breadcrumbs/lib/uui-breadcrumbs.element.ts",
      "description": "A breadcrumbs component to be used in combination with the uui-breadcrumb-item.",
      "properties": [
        {
          "name": "styles",
          "type": "CSSResult[]",
          "default": "[null]"
        }
      ],
      "slots": [
        {
          "name": "",
          "description": "Slot to display nested breadcrumb items. It supports `<uui-breadcrumb-item>` elements or elements containing the `role=\"listitem\"` attribute"
        }
      ]
    },
    {
      "name": "uui-button-copy-text",
      "path": "./../uui-button-copy-text/lib/uui-button-copy-text.element.ts",
      "attributes": [
        {
          "name": "text",
          "description": "Set a string you wish to copy to the clipboard",
          "type": "string",
          "default": "\"''\""
        },
        {
          "name": "copy-from",
          "description": "Copies the text content from another element by specifying the ID of the element\nThe ID of the element does not need to start with # like a CSS selector\nIf this property is set, the value property is ignored",
          "type": "string",
          "default": "\"''\""
        },
        {
          "name": "animation-state-delay",
          "description": "The delay in milliseconds before the button returns to its default state after a successful copy",
          "type": "number",
          "default": "\"250\""
        },
        {
          "name": "type",
          "description": "Specifies the type of button",
          "type": "\"submit\" | \"button\" | \"reset\"",
          "default": "\"\\\"button\\\"\""
        },
        {
          "name": "disabled",
          "description": "Disables the button, changes the looks of it and prevents if from emitting the click event",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "look",
          "description": "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.",
          "type": "\"default\" | \"primary\" | \"secondary\" | \"outline\" | \"placeholder\"",
          "default": "\"\\\"default\\\"\""
        },
        {
          "name": "color",
          "description": "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.",
          "type": "\"default\" | \"positive\" | \"warning\" | \"danger\"",
          "default": "\"\\\"default\\\"\""
        },
        {
          "name": "compact",
          "description": "Makes the left and right padding of the button narrower.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "state",
          "description": "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.",
          "type": "undefined |'waiting' | 'success' | 'failed'",
          "default": "\"undefined\""
        },
        {
          "name": "href",
          "description": "Set an href, this will turns the button into a anchor tag.",
          "type": "string",
          "default": "\"undefined\""
        },
        {
          "name": "target",
          "description": "Set an anchor tag target, only used when using href.",
          "type": "string",
          "default": "\"undefined\""
        },
        {
          "name": "rel",
          "description": "Set the rel attribute for an anchor tag, only used when using href.",
          "type": "string",
          "default": "\"undefined\""
        },
        {
          "name": "title",
          "description": "Sets the title attribute, which provides a tooltip for both button and anchor elements.",
          "type": "string",
          "default": "\"''\""
        },
        {
          "name": "name",
          "description": "This is a name property of the component.",
          "type": "string",
          "default": "\"''\""
        },
        {
          "name": "value",
          "description": "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.",
          "type": "string",
          "default": "\"''\""
        },
        {
          "name": "required",
          "description": "Apply validation rule for requiring a value of this form control.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "required-message",
          "description": "Required validation message.",
          "type": "string",
          "default": "\"This field is required\""
        },
        {
          "name": "error",
          "description": "Apply custom error on this input.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "error-message",
          "description": "Custom error message.",
          "type": "string",
          "default": "\"This field is invalid\""
        },
        {
          "name": "pristine",
          "description": "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.",
          "type": "boolean",
          "default": "\"true\""
        },
        {
          "name": "label",
          "description": "label to be used for aria-label and potentially as visual label for some components",
          "type": "string"
        },
        {
          "name": "popovertarget",
          "description": "Set a popovertarget.",
          "type": "string",
          "default": "\"undefined\""
        }
      ],
      "properties": [
        {
          "name": "text",
          "attribute": "text",
          "description": "Set a string you wish to copy to the clipboard",
          "type": "string",
          "default": "\"''\""
        },
        {
          "name": "copyFrom",
          "attribute": "copy-from",
          "description": "Copies the text content from another element by specifying the ID of the element\nThe ID of the element does not need to start with # like a CSS selector\nIf this property is set, the value property is ignored",
          "type": "string",
          "default": "\"''\""
        },
        {
          "name": "animationStateDelay",
          "attribute": "animation-state-delay",
          "description": "The delay in milliseconds before the button returns to its default state after a successful copy",
          "type": "number",
          "default": "\"250\""
        },
        {
          "name": "type",
          "attribute": "type",
          "description": "Specifies the type of button",
          "type": "\"submit\" | \"button\" | \"reset\"",
          "default": "\"\\\"button\\\"\""
        },
        {
          "name": "disabled",
          "attribute": "disabled",
          "description": "Disables the button, changes the looks of it and prevents if from emitting the click event",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "look",
          "attribute": "look",
          "description": "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.",
          "type": "\"default\" | \"primary\" | \"secondary\" | \"outline\" | \"placeholder\"",
          "default": "\"\\\"default\\\"\""
        },
        {
          "name": "color",
          "attribute": "color",
          "description": "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.",
          "type": "\"default\" | \"positive\" | \"warning\" | \"danger\"",
          "default": "\"\\\"default\\\"\""
        },
        {
          "name": "compact",
          "attribute": "compact",
          "description": "Makes the left and right padding of the button narrower.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "state",
          "attribute": "state",
          "description": "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.",
          "type": "undefined |'waiting' | 'success' | 'failed'",
          "default": "\"undefined\""
        },
        {
          "name": "href",
          "attribute": "href",
          "description": "Set an href, this will turns the button into a anchor tag.",
          "type": "string",
          "default": "\"undefined\""
        },
        {
          "name": "target",
          "attribute": "target",
          "description": "Set an anchor tag target, only used when using href.",
          "type": "string",
          "default": "\"undefined\""
        },
        {
          "name": "rel",
          "attribute": "rel",
          "description": "Set the rel attribute for an anchor tag, only used when using href.",
          "type": "string",
          "default": "\"undefined\""
        },
        {
          "name": "title",
          "attribute": "title",
          "description": "Sets the title attribute, which provides a tooltip for both button and anchor elements.",
          "type": "string",
          "default": "\"''\""
        },
        {
          "name": "styles",
          "type": "CSSResult[]",
          "default": "\"styles\""
        },
        {
          "name": "formAssociated",
          "description": "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/",
          "type": "boolean",
          "default": "true"
        },
        {
          "name": "name",
          "attribute": "name",
          "description": "This is a name property of the component.",
          "type": "string",
          "default": "\"''\""
        },
        {
          "name": "value",
          "attribute": "value",
          "description": "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.",
          "type": "string",
          "default": "\"''\""
        },
        {
          "name": "required",
          "attribute": "required",
          "description": "Apply validation rule for requiring a value of this form control.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "requiredMessage",
          "attribute": "required-message",
          "description": "Required validation message.",
          "type": "string",
          "default": "\"This field is required\""
        },
        {
          "name": "error",
          "attribute": "error",
          "description": "Apply custom error on this input.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "errorMessage",
          "attribute": "error-message",
          "description": "Custom error message.",
          "type": "string",
          "default": "\"This field is invalid\""
        },
        {
          "name": "validity",
          "type": "ValidityState"
        },
        {
          "name": "validationMessage",
          "type": "string"
        },
        {
          "name": "pristine",
          "attribute": "pristine",
          "description": "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.",
          "type": "boolean",
          "default": "\"true\""
        },
        {
          "name": "label",
          "attribute": "label",
          "description": "label to be used for aria-label and potentially as visual label for some components",
          "type": "string"
        },
        {
          "name": "popoverContainerElement",
          "attribute": "popovertarget",
          "description": "Set a popovertarget.",
          "type": "string",
          "default": "\"undefined\""
        }
      ],
      "events": [
        {
          "name": "copying",
          "description": "Fires before the content is about to copied to the clipboard and can be used to transform or modify the data before its added to the clipboard"
        },
        {
          "name": "copied",
          "description": "Fires when the content is copied to the clipboard"
        },
        {
          "name": "click",
          "description": "fires when the element is clicked"
        }
      ],
      "slots": [
        {
          "name": "",
          "description": "Use to replace the default content of the copy icon"
        },
        {
          "name": "label",
          "description": "for label content"
        },
        {
          "name": "extra",
          "description": "for extra"
        }
      ],
      "cssProperties": [
        {
          "name": "--uui-button-height",
          "description": "overwrite the button height"
        },
        {
          "name": "--uui-button-border-width",
          "description": "overwrite the border width"
        },
        {
          "name": "--uui-button-border-radius",
          "description": "overwrite the border radius"
        },
        {
          "name": "--uui-button-font-weight",
          "description": "overwrite the font weight"
        },
        {
          "name": "--uui-button-font-size",
          "description": "overwrite the font size"
        },
        {
          "name": "--uui-button-background-color",
          "description": "overwrite the background color"
        },
        {
          "name": "--uui-button-background-color-hover",
          "description": "overwrite the background color for hover state"
        },
        {
          "name": "--uui-button-background-color-disabled",
          "description": "overwrite the background color for disabled state"
        },
        {
          "name": "--uui-button-border-color",
          "description": "overwrite the border color"
        },
        {
          "name": "--uui-button-border-color-hover",
          "description": "overwrite the border color for hover state"
        },
        {
          "name": "--uui-button-border-color-disabled",
          "description": "overwrite the border color for disabled state"
        },
        {
          "name": "--uui-button-contrast",
          "description": "overwrite the text color"
        },
        {
          "name": "--uui-button-contrast-hover",
          "description": "overwrite the text color for hover state"
        },
        {
          "name": "--uui-button-contrast-disabled",
          "description": "overwrite the text color for disabled state"
        },
        {
          "name": "--uui-button-content-align",
          "description": "Overwrite justify-content alignment. Possible values: 'left', 'right', 'center'."
        },
        {
          "name": "--uui-button-transition",
          "description": "Add transition to the button. Default is none."
        },
        {
          "name": "--uui-focus-outline-color",
          "description": "overwrite the focus outline color"
        }
      ]
    },
    {
      "name": "uui-button-group",
      "path": "./../uui-button-group/lib/uui-button-group.element.ts",
      "description": "Place <uui-button> elements in the slot. They will be nicely displayed.",
      "properties": [
        {
          "name": "styles",
          "type": "CSSResult[]",
          "default": "[null]"
        }
      ],
      "slots": [
        {
          "name": "",
          "description": "The slot for buttons. It supports `<uui-button>` elements out of the box."
        }
      ]
    },
    {
      "name": "uui-button-inline-create",
      "path": "./../uui-button-inline-create/lib/uui-button-inline-create.element.ts",
      "attributes": [
        {
          "name": "label",
          "description": "Label to be used for aria-label and eventually as visual label",
          "type": "string"
        },
        {
          "name": "href",
          "description": "Set an href, this will turns the button into an anchor tag.",
          "type": "string",
          "default": "\"undefined\""
        },
        {
          "name": "target",
          "description": "Set an anchor tag target, only used when using href.",
          "type": "string",
          "default": "\"undefined\""
        },
        {
          "name": "rel",
          "description": "Set the rel attribute for an anchor tag, only used when using href.",
          "type": "string",
          "default": "\"undefined\""
        },
        {
          "name": "vertical",
          "description": "Place the button vertically",
          "type": "Boolean",
          "default": "false"
        }
      ],
      "properties": [
        {
          "name": "label",
          "attribute": "label",
          "description": "Label to be used for aria-label and eventually as visual label",
          "type": "string"
        },
        {
          "name": "href",
          "attribute": "href",
          "description": "Set an href, this will turns the button into an anchor tag.",
          "type": "string",
          "default": "\"undefined\""
        },
        {
          "name": "target",
          "attribute": "target",
          "description": "Set an anchor tag target, only used when using href.",
          "type": "string",
          "default": "\"undefined\""
        },
        {
          "name": "rel",
          "attribute": "rel",
          "description": "Set the rel attribute for an anchor tag, only used when using href.",
          "type": "string",
          "default": "\"undefined\""
        },
        {
          "name": "styles",
          "type": "CSSResult[]",
          "default": "[\"UUIBlinkKeyframes\",null]"
        },
        {
          "name": "vertical",
          "attribute": "vertical",
          "description": "Place the button vertically",
          "type": "Boolean",
          "default": "false"
        }
      ],
      "events": [
        {
          "name": "click",
          "description": "on user click"
        }
      ]
    },
    {
      "name": "uui-button",
      "path": "./../uui-button/lib/uui-button.element.ts",
      "attributes": [
        {
          "name": "type",
          "description": "Specifies the type of button",
          "type": "\"submit\" | \"button\" | \"reset\"",
          "default": "\"\\\"button\\\"\""
        },
        {
          "name": "disabled",
          "description": "Disables the button, changes the looks of it and prevents if from emitting the click event",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "look",
          "description": "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.",
          "type": "\"default\" | \"primary\" | \"secondary\" | \"outline\" | \"placeholder\"",
          "default": "\"\\\"default\\\"\""
        },
        {
          "name": "color",
          "description": "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.",
          "type": "\"default\" | \"positive\" | \"warning\" | \"danger\"",
          "default": "\"\\\"default\\\"\""
        },
        {
          "name": "compact",
          "description": "Makes the left and right padding of the button narrower.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "state",
          "description": "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.",
          "type": "undefined |'waiting' | 'success' | 'failed'",
          "default": "\"undefined\""
        },
        {
          "name": "href",
          "description": "Set an href, this will turns the button into a anchor tag.",
          "type": "string",
          "default": "\"undefined\""
        },
        {
          "name": "target",
          "description": "Set an anchor tag target, only used when using href.",
          "type": "string",
          "default": "\"undefined\""
        },
        {
          "name": "rel",
          "description": "Set the rel attribute for an anchor tag, only used when using href.",
          "type": "string",
          "default": "\"undefined\""
        },
        {
          "name": "title",
          "description": "Sets the title attribute, which provides a tooltip for both button and anchor elements.",
          "type": "string",
          "default": "\"''\""
        },
        {
          "name": "name",
          "description": "This is a name property of the component.",
          "type": "string",
          "default": "\"''\""
        },
        {
          "name": "value",
          "description": "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.",
          "type": "string",
          "default": "\"''\""
        },
        {
          "name": "required",
          "description": "Apply validation rule for requiring a value of this form control.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "required-message",
          "description": "Required validation message.",
          "type": "string",
          "default": "\"This field is required\""
        },
        {
          "name": "error",
          "description": "Apply custom error on this input.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "error-message",
          "description": "Custom error message.",
          "type": "string",
          "default": "\"This field is invalid\""
        },
        {
          "name": "pristine",
          "description": "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.",
          "type": "boolean",
          "default": "\"true\""
        },
        {
          "name": "label",
          "description": "label to be used for aria-label and potentially as visual label for some components",
          "type": "string"
        },
        {
          "name": "popovertarget",
          "description": "Set a popovertarget.",
          "type": "string",
          "default": "\"undefined\""
        }
      ],
      "properties": [
        {
          "name": "type",
          "attribute": "type",
          "description": "Specifies the type of button",
          "type": "\"submit\" | \"button\" | \"reset\"",
          "default": "\"\\\"button\\\"\""
        },
        {
          "name": "disabled",
          "attribute": "disabled",
          "description": "Disables the button, changes the looks of it and prevents if from emitting the click event",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "look",
          "attribute": "look",
          "description": "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.",
          "type": "\"default\" | \"primary\" | \"secondary\" | \"outline\" | \"placeholder\"",
          "default": "\"\\\"default\\\"\""
        },
        {
          "name": "color",
          "attribute": "color",
          "description": "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.",
          "type": "\"default\" | \"positive\" | \"warning\" | \"danger\"",
          "default": "\"\\\"default\\\"\""
        },
        {
          "name": "compact",
          "attribute": "compact",
          "description": "Makes the left and right padding of the button narrower.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "state",
          "attribute": "state",
          "description": "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.",
          "type": "undefined |'waiting' | 'success' | 'failed'",
          "default": "\"undefined\""
        },
        {
          "name": "href",
          "attribute": "href",
          "description": "Set an href, this will turns the button into a anchor tag.",
          "type": "string",
          "default": "\"undefined\""
        },
        {
          "name": "target",
          "attribute": "target",
          "description": "Set an anchor tag target, only used when using href.",
          "type": "string",
          "default": "\"undefined\""
        },
        {
          "name": "rel",
          "attribute": "rel",
          "description": "Set the rel attribute for an anchor tag, only used when using href.",
          "type": "string",
          "default": "\"undefined\""
        },
        {
          "name": "title",
          "attribute": "title",
          "description": "Sets the title attribute, which provides a tooltip for both button and anchor elements.",
          "type": "string",
          "default": "\"''\""
        },
        {
          "name": "styles",
          "type": "CSSResult[]",
          "default": "[\"UUIHorizontalShakeKeyframes\",null]"
        },
        {
          "name": "formAssociated",
          "description": "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/",
          "type": "boolean",
          "default": "true"
        },
        {
          "name": "name",
          "attribute": "name",
          "description": "This is a name property of the component.",
          "type": "string",
          "default": "\"''\""
        },
        {
          "name": "value",
          "attribute": "value",
          "description": "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.",
          "type": "string",
          "default": "\"''\""
        },
        {
          "name": "required",
          "attribute": "required",
          "description": "Apply validation rule for requiring a value of this form control.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "requiredMessage",
          "attribute": "required-message",
          "description": "Required validation message.",
          "type": "string",
          "default": "\"This field is required\""
        },
        {
          "name": "error",
          "attribute": "error",
          "description": "Apply custom error on this input.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "errorMessage",
          "attribute": "error-message",
          "description": "Custom error message.",
          "type": "string",
          "default": "\"This field is invalid\""
        },
        {
          "name": "validity",
          "type": "ValidityState"
        },
        {
          "name": "validationMessage",
          "type": "string"
        },
        {
          "name": "pristine",
          "attribute": "pristine",
          "description": "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.",
          "type": "boolean",
          "default": "\"true\""
        },
        {
          "name": "label",
          "attribute": "label",
          "description": "label to be used for aria-label and potentially as visual label for some components",
          "type": "string"
        },
        {
          "name": "popoverContainerElement",
          "attribute": "popovertarget",
          "description": "Set a popovertarget.",
          "type": "string",
          "default": "\"undefined\""
        }
      ],
      "events": [
        {
          "name": "click",
          "description": "fires when the element is clicked"
        }
      ],
      "slots": [
        {
          "name": "",
          "description": "for default content"
        },
        {
          "name": "label",
          "description": "for label content"
        },
        {
          "name": "extra",
          "description": "for extra"
        }
      ],
      "cssProperties": [
        {
          "name": "--uui-button-height",
          "description": "overwrite the button height"
        },
        {
          "name": "--uui-button-border-width",
          "description": "overwrite the border width"
        },
        {
          "name": "--uui-button-border-radius",
          "description": "overwrite the border radius"
        },
        {
          "name": "--uui-button-font-weight",
          "description": "overwrite the font weight"
        },
        {
          "name": "--uui-button-font-size",
          "description": "overwrite the font size"
        },
        {
          "name": "--uui-button-background-color",
          "description": "overwrite the background color"
        },
        {
          "name": "--uui-button-background-color-hover",
          "description": "overwrite the background color for hover state"
        },
        {
          "name": "--uui-button-background-color-disabled",
          "description": "overwrite the background color for disabled state"
        },
        {
          "name": "--uui-button-border-color",
          "description": "overwrite the border color"
        },
        {
          "name": "--uui-button-border-color-hover",
          "description": "overwrite the border color for hover state"
        },
        {
          "name": "--uui-button-border-color-disabled",
          "description": "overwrite the border color for disabled state"
        },
        {
          "name": "--uui-button-contrast",
          "description": "overwrite the text color"
        },
        {
          "name": "--uui-button-contrast-hover",
          "description": "overwrite the text color for hover state"
        },
        {
          "name": "--uui-button-contrast-disabled",
          "description": "overwrite the text color for disabled state"
        },
        {
          "name": "--uui-button-content-align",
          "description": "Overwrite justify-content alignment. Possible values: 'left', 'right', 'center'."
        },
        {
          "name": "--uui-button-transition",
          "description": "Add transition to the button. Default is none."
        },
        {
          "name": "--uui-focus-outline-color",
          "description": "overwrite the focus outline color"
        }
      ]
    },
    {
      "name": "uui-card-block-type",
      "path": "./../uui-card-block-type/lib/uui-card-block-type.element.ts",
      "attributes": [
        {
          "name": "name",
          "description": "Block type name",
          "type": "string",
          "default": "\"''\""
        },
        {
          "name": "description",
          "description": "Block type description",
          "type": "string",
          "default": "\"undefined\""
        },
        {
          "name": "background",
          "type": "string | undefined"
        },
        {
          "name": "disabled",
          "description": "Set to true to prevent opening of this item.\nThis does not prevent selection, selection is controlled by property 'selectable'",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "error",
          "description": "Set to true to highlight there is an error with this item.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "href",
          "description": "Set an href, this will turns the name of the card into an anchor tag.",
          "type": "string",
          "default": "\"undefined\""
        },
        {
          "name": "target",
          "description": "Set an anchor tag target, only used when using href.",
          "type": "string",
          "default": "\"undefined\""
        },
        {
          "name": "rel",
          "description": "Set the rel attribute for an anchor tag, only used when using href.",
          "type": "string",
          "default": "\"undefined\""
        },
        {
          "name": "select-only",
          "description": "Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.",
          "type": "boolean"
        },
        {
          "name": "selectable",
          "description": "Enable the ability to select this element.",
          "type": "boolean"
        },
        {
          "name": "selected",
          "description": "Attribute applied when the element is selected.",
          "type": "boolean",
          "default": "false"
        }
      ],
      "properties": [
        {
          "name": "name",
          "attribute": "name",
          "description": "Block type name",
          "type": "string",
          "default": "\"''\""
        },
        {
          "name": "description",
          "attribute": "description",
          "description": "Block type description",
          "type": "string",
          "default": "\"undefined\""
        },
        {
          "name": "background",
          "attribute": "background",
          "type": "string | undefined"
        },
        {
          "name": "disabled",
          "attribute": "disabled",
          "description": "Set to true to prevent opening of this item.\nThis does not prevent selection, selection is controlled by property 'selectable'",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "error",
          "attribute": "error",
          "description": "Set to true to highlight there is an error with this item.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "href",
          "attribute": "href",
          "description": "Set an href, this will turns the name of the card into an anchor tag.",
          "type": "string",
          "default": "\"undefined\""
        },
        {
          "name": "target",
          "attribute": "target",
          "description": "Set an anchor tag target, only used when using href.",
          "type": "string",
          "default": "\"undefined\""
        },
        {
          "name": "rel",
          "attribute": "rel",
          "description": "Set the rel attribute for an anchor tag, only used when using href.",
          "type": "string",
          "default": "\"undefined\""
        },
        {
          "name": "styles",
          "type": "CSSResult[]",
          "default": "[null,null]"
        },
        {
          "name": "selectOnly",
          "attribute": "select-only",
          "description": "Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.",
          "type": "boolean"
        },
        {
          "name": "selectable",
          "attribute": "selectable",
          "description": "Enable the ability to select this element.",
          "type": "boolean"
        },
        {
          "name": "selected",
          "attribute": "selected",
          "description": "Attribute applied when the element is selected.",
          "type": "boolean",
          "default": "false"
        }
      ],
      "events": [
        {
          "name": "open",
          "description": "fires when the card title is clicked."
        },
        {
          "name": "selected",
          "description": "fires when the media card is selected"
        },
        {
          "name": "deselected",
          "description": "fires when the media card is deselected"
        }
      ],
      "slots": [
        {
          "name": "",
          "description": "slot for the default content area"
        },
        {
          "name": "tag",
          "description": "slot for the tag with support for `<uui-tag>` elements"
        },
        {
          "name": "actions",
          "description": "slot for the actions with support for the `<uui-action-bar>` element"
        }
      ]
    },
    {
      "name": "uui-card-content-node",
      "path": "./../uui-card-content-node/lib/uui-card-content-node.element.ts",
      "attributes": [
        {
          "name": "name",
          "description": "Node name",
          "type": "string",
          "default": "\"''\""
        },
        {
          "name": "detail",
          "description": "Node details",
          "type": "string",
          "default": "\"''\""
        },
        {
          "name": "disabled",
          "description": "Set to true to prevent opening of this item.\nThis does not prevent selection, selection is controlled by property 'selectable'",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "error",
          "description": "Set to true to highlight there is an error with this item.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "href",
          "description": "Set an href, this will turns the name of the card into an anchor tag.",
          "type": "string",
          "default": "\"undefined\""
        },
        {
          "name": "target",
          "description": "Set an anchor tag target, only used when using href.",
          "type": "string",
          "default": "\"undefined\""
        },
        {
          "name": "rel",
          "description": "Set the rel attribute for an anchor tag, only used when using href.",
          "type": "string",
          "default": "\"undefined\""
        },
        {
          "name": "select-only",
          "description": "Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.",
          "type": "boolean"
        },
        {
          "name": "selectable",
          "description": "Enable the ability to select this element.",
          "type": "boolean"
        },
        {
          "name": "selected",
          "description": "Attribute applied when the element is selected.",
          "type": "boolean",
          "default": "false"
        }
      ],
      "properties": [
        {
          "name": "name",
          "attribute": "name",
          "description": "Node name",
          "type": "string",
          "default": "\"''\""
        },
        {
          "name": "detail",
          "attribute": "detail",
          "description": "Node details",
          "type": "string",
          "default": "\"''\""
        },
        {
          "name": "disabled",
          "attribute": "disabled",
          "description": "Set to true to prevent opening of this item.\nThis does not prevent selection, selection is controlled by property 'selectable'",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "error",
          "attribute": "error",
          "description": "Set to true to highlight there is an error with this item.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "href",
          "attribute": "href",
          "description": "Set an href, this will turns the name of the card into an anchor tag.",
          "type": "string",
          "default": "\"undefined\""
        },
        {
          "name": "target",
          "attribute": "target",
          "description": "Set an anchor tag target, only used when using href.",
          "type": "string",
          "default": "\"undefined\""
        },
        {
          "name": "rel",
          "attribute": "rel",
          "description": "Set the rel attribute for an anchor tag, only used when using href.",
          "type": "string",
          "default": "\"undefined\""
        },
        {
          "name": "styles",
          "type": "CSSResult[]",
          "default": "[null,null]"
        },
        {
          "name": "selectOnly",
          "attribute": "select-only",
          "description": "Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.",
          "type": "boolean"
        },
        {
          "name": "selectable",
          "attribute": "selectable",
          "description": "Enable the ability to select this element.",
          "type": "boolean"
        },
        {
          "name": "selected",
          "attribute": "selected",
          "description": "Attribute applied when the element is selected.",
          "type": "boolean",
          "default": "false"
        }
      ],
      "events": [
        {
          "name": "open",
          "description": "fires when the card title is clicked."
        },
        {
          "name": "selected",
          "description": "fires when the media card is selected"
        },
        {
          "name": "deselected",
          "description": "fires when the media card is deselected"
        }
      ],
      "slots": [
        {
          "name": "",
          "description": "slot for the default content area"
        },
        {
          "name": "icon",
          "description": "slot for the icon with support for `<uui-icon>` elements"
        },
        {
          "name": "tag",
          "description": "slot for the tag with support for `<uui-tag>` elements"
        },
        {
          "name": "actions",
          "description": "slot for the actions with support for the `<uui-action-bar>` element"
        }
      ]
    },
    {
      "name": "uui-card-media",
      "path": "./../uui-card-media/lib/uui-card-media.element.ts",
      "attributes": [
        {
          "name": "name",
          "description": "Media name",
          "type": "string",
          "default": "\"''\""
        },
        {
          "name": "detail",
          "description": "Media detail",
          "type": "string",
          "default": "\"''\""
        },
        {
          "name": "file-ext",
          "description": "Media file extension, without \".\"",
          "type": "string",
          "default": "\"''\""
        },
        {
          "name": "disabled",
          "description": "Set to true to prevent opening of this item.\nThis does not prevent selection, selection is controlled by property 'selectable'",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "error",
          "description": "Set to true to highlight there is an error with this item.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "href",
          "description": "Set an href, this will turns the name of the card into an anchor tag.",
          "type": "string",
          "default": "\"undefined\""
        },
        {
          "name": "target",
          "description": "Set an anchor tag target, only used when using href.",
          "type": "string",
          "default": "\"undefined\""
        },
        {
          "name": "rel",
          "description": "Set the rel attribute for an anchor tag, only used when using href.",
          "type": "string",
          "default": "\"undefined\""
        },
        {
          "name": "select-only",
          "description": "Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.",
          "type": "boolean"
        },
        {
          "name": "selectable",
          "description": "Enable the ability to select this element.",
          "type": "boolean"
        },
        {
          "name": "selected",
          "description": "Attribute applied when the element is selected.",
          "type": "boolean",
          "default": "false"
        }
      ],
      "properties": [
        {
          "name": "name",
          "attribute": "name",
          "description": "Media name",
          "type": "string",
          "default": "\"''\""
        },
        {
          "name": "detail",
          "attribute": "detail",
          "description": "Media detail",
          "type": "string",
          "default": "\"''\""
        },
        {
          "name": "fileExt",
          "attribute": "file-ext",
          "description": "Media file extension, without \".\"",
          "type": "string",
          "default": "\"''\""
        },
        {
          "name": "disabled",
          "attribute": "disabled",
          "description": "Set to true to prevent opening of this item.\nThis does not prevent selection, selection is controlled by property 'selectable'",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "error",
          "attribute": "error",
          "description": "Set to true to highlight there is an error with this item.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "href",
          "attribute": "href",
          "description": "Set an href, this will turns the name of the card into an anchor tag.",
          "type": "string",
          "default": "\"undefined\""
        },
        {
          "name": "target",
          "attribute": "target",
          "description": "Set an anchor tag target, only used when using href.",
          "type": "string",
          "default": "\"undefined\""
        },
        {
          "name": "rel",
          "attribute": "rel",
          "description": "Set the rel attribute for an anchor tag, only used when using href.",
          "type": "string",
          "default": "\"undefined\""
        },
        {
          "name": "styles",
          "type": "CSSResult[]",
          "default": "[null,null]"
        },
        {
          "name": "selectOnly",
          "attribute": "select-only",
          "description": "Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.",
          "type": "boolean"
        },
        {
          "name": "selectable",
          "attribute": "selectable",
          "description": "Enable the ability to select this element.",
          "type": "boolean"
        },
        {
          "name": "selected",
          "attribute": "selected",
          "description": "Attribute applied when the element is selected.",
          "type": "boolean",
          "default": "false"
        }
      ],
      "events": [
        {
          "name": "open",
          "description": "fires when the card title is clicked."
        },
        {
          "name": "selected",
          "description": "fires when the media card is selected"
        },
        {
          "name": "deselected",
          "description": "fires when the media card is deselected"
        }
      ],
      "slots": [
        {
          "name": "tag",
          "description": "slot for the tag with support for `<uui-tag>` elements"
        },
        {
          "name": "actions",
          "description": "slot for the actions with support for the `<uui-action-bar>` element"
        },
        {
          "name": "",
          "description": "slot for the default content area"
        }
      ]
    },
    {
      "name": "uui-card-user",
      "path": "./../uui-card-user/lib/uui-card-user.element.ts",
      "attributes": [
        {
          "name": "name",
          "description": "User name",
          "type": "string",
          "default": "\"''\""
        },
        {
          "name": "disabled",
          "description": "Set to true to prevent opening of this item.\nThis does not prevent selection, selection is controlled by property 'selectable'",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "error",
          "description": "Set to true to highlight there is an error with this item.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "href",
          "description": "Set an href, this will turns the name of the card into an anchor tag.",
          "type": "string",
          "default": "\"undefined\""
        },
        {
          "name": "target",
          "description": "Set an anchor tag target, only used when using href.",
          "type": "string",
          "default": "\"undefined\""
        },
        {
          "name": "rel",
          "description": "Set the rel attribute for an anchor tag, only used when using href.",
          "type": "string",
          "default": "\"undefined\""
        },
        {
          "name": "select-only",
          "description": "Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.",
          "type": "boolean"
        },
        {
          "name": "selectable",
          "description": "Enable the ability to select this element.",
          "type": "boolean"
        },
        {
          "name": "selected",
          "description": "Attribute applied when the element is selected.",
          "type": "boolean",
          "default": "false"
        }
      ],
      "properties": [
        {
          "name": "name",
          "attribute": "name",
          "description": "User name",
          "type": "string",
          "default": "\"''\""
        },
        {
          "name": "disabled",
          "attribute": "disabled",
          "description": "Set to true to prevent opening of this item.\nThis does not prevent selection, selection is controlled by property 'selectable'",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "error",
          "attribute": "error",
          "description": "Set to true to highlight there is an error with this item.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "href",
          "attribute": "href",
          "description": "Set an href, this will turns the name of the card into an anchor tag.",
          "type": "string",
          "default": "\"undefined\""
        },
        {
          "name": "target",
          "attribute": "target",
          "description": "Set an anchor tag target, only used when using href.",
          "type": "string",
          "default": "\"undefined\""
        },
        {
          "name": "rel",
          "attribute": "rel",
          "description": "Set the rel attribute for an anchor tag, only used when using href.",
          "type": "string",
          "default": "\"undefined\""
        },
        {
          "name": "styles",
          "type": "CSSResult[]",
          "default": "[null,null]"
        },
        {
          "name": "selectOnly",
          "attribute": "select-only",
          "description": "Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.",
          "type": "boolean"
        },
        {
          "name": "selectable",
          "attribute": "selectable",
          "description": "Enable the ability to select this element.",
          "type": "boolean"
        },
        {
          "name": "selected",
          "attribute": "selected",
          "description": "Attribute applied when the element is selected.",
          "type": "boolean",
          "default": "false"
        }
      ],
      "events": [
        {
          "name": "open",
          "description": "fires when the card title is clicked."
        },
        {
          "name": "selected",
          "description": "fires when the media card is selected"
        },
        {
          "name": "deselected",
          "description": "fires when the media card is deselected"
        }
      ],
      "slots": [
        {
          "name": "",
          "description": "slot for the default content area"
        },
        {
          "name": "tag",
          "description": "slot for the tag with support for `<uui-tag>` elements"
        },
        {
          "name": "avatar",
          "description": "slot for the avatar with support for the `<uui-avatar>` element"
        },
        {
          "name": "actions",
          "description": "slot for the actions with support for the `<uui-action-bar>` element"
        }
      ]
    },
    {
      "name": "uui-card",
      "path": "./../uui-card/lib/uui-card.element.ts",
      "description": "Card is a Component that provides the basics for a Card component. This can be extended in code to match a certain need.",
      "attributes": [
        {
          "name": "disabled",
          "description": "Set to true to prevent opening of this item.\nThis does not prevent selection, selection is controlled by property 'selectable'",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "error",
          "description": "Set to true to highlight there is an error with this item.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "href",
          "description": "Set an href, this will turns the name of the card into an anchor tag.",
          "type": "string",
          "default": "\"undefined\""
        },
        {
          "name": "target",
          "description": "Set an anchor tag target, only used when using href.",
          "type": "string",
          "default": "\"undefined\""
        },
        {
          "name": "rel",
          "description": "Set the rel attribute for an anchor tag, only used when using href.",
          "type": "string",
          "default": "\"undefined\""
        },
        {
          "name": "select-only",
          "description": "Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.",
          "type": "boolean"
        },
        {
          "name": "selectable",
          "description": "Enable the ability to select this element.",
          "type": "boolean"
        },
        {
          "name": "selected",
          "description": "Attribute applied when the element is selected.",
          "type": "boolean",
          "default": "false"
        }
      ],
      "properties": [
        {
          "name": "disabled",
          "attribute": "disabled",
          "description": "Set to true to prevent opening of this item.\nThis does not prevent selection, selection is controlled by property 'selectable'",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "error",
          "attribute": "error",
          "description": "Set to true to highlight there is an error with this item.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "href",
          "attribute": "href",
          "description": "Set an href, this will turns the name of the card into an anchor tag.",
          "type": "string",
          "default": "\"undefined\""
        },
        {
          "name": "target",
          "attribute": "target",
          "description": "Set an anchor tag target, only used when using href.",
          "type": "string",
          "default": "\"undefined\""
        },
        {
          "name": "rel",
          "attribute": "rel",
          "description": "Set the rel attribute for an anchor tag, only used when using href.",
          "type": "string",
          "default": "\"undefined\""
        },
        {
          "name": "styles",
          "type": "CSSResult[]",
          "default": "[\"UUITextStyles\",null]"
        },
        {
          "name": "selectOnly",
          "attribute": "select-only",
          "description": "Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.",
          "type": "boolean"
        },
        {
          "name": "selectable",
          "attribute": "selectable",
          "description": "Enable the ability to select this element.",
          "type": "boolean"
        },
        {
          "name": "selected",
          "attribute": "selected",
          "description": "Attribute applied when the element is selected.",
          "type": "boolean",
          "default": "false"
        }
      ],
      "events": [
        {
          "name": "open",
          "description": "fires when the card title is clicked."
        },
        {
          "name": "selected",
          "description": "fires when the media card is selected"
        },
        {
          "name": "deselected",
          "description": "fires when the media card is deselected"
        }
      ],
      "slots": [
        {
          "name": "",
          "description": "Default content."
        }
      ]
    },
    {
      "name": "uui-caret",
      "path": "./../uui-caret/lib/uui-caret.element.ts",
      "description": "DEPRECATED: Please use uui-symbol-expand or uui-symbol-sort. A caret that rotates on click. Color will be `currentColor`",
      "attributes": [
        {
          "name": "open",
          "description": "Turns the arrow around.",
          "type": "boolean",
          "default": "\"false\""
        }
      ],
      "properties": [
        {
          "name": "open",
          "attribute": "open",
          "description": "Turns the arrow around.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "styles",
          "type": "CSSResult[]",
          "default": "[null]"
        }
      ],
      "deprecated": true,
      "deprecatedMessage": "since version 0.0.8"
    },
    {
      "name": "uui-checkbox",
      "path": "./../uui-checkbox/lib/uui-checkbox.element.ts",
      "description": "Umbraco checkbox, toggles between checked and uncheck",
      "attributes": [
        {
          "name": "label-position",
          "description": "Specifies the label position of the checkbox or the toggle",
          "type": "'left' | 'right' | 'top' | 'bottom'",
          "default": "\"right\""
        },
        {
          "name": "checked",
          "description": "Reflects the state of the element.\nTrue if checkbox or toggle is checked. Change this to switch the state programmatically.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "indeterminate",
          "description": "Indeterminate state for the input.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "disabled",
          "description": "Disables the input.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "readonly",
          "description": "Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "name",
          "description": "This is a name property of the component.",
          "type": "string",
          "default": "\"''\""
        },
        {
          "name": "value",
          "description": "intentional overwrite of FormControlMixins value getter and setter method.",
          "type": "string",
          "default": "\"''\""
        },
        {
          "name": "required",
          "description": "Apply validation rule for requiring a value of this form control.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "required-message",
          "description": "Required validation message.",
          "type": "string",
          "default": "\"This field is required\""
        },
        {
          "name": "error",
          "description": "Apply custom error on this input.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "error-message",
          "description": "Custom error message.",
          "type": "string",
          "default": "\"This field is invalid\""
        },
        {
          "name": "pristine",
          "description": "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.",
          "type": "boolean",
          "default": "\"true\""
        },
        {
          "name": "label",
          "description": "Label to be used for aria-label and potentially as visual label for some components",
          "type": "string"
        }
      ],
      "properties": [
        {
          "name": "labelPosition",
          "attribute": "label-position",
          "description": "Specifies the label position of the checkbox or the toggle",
          "type": "'left' | 'right' | 'top' | 'bottom'",
          "default": "\"right\""
        },
        {
          "name": "checked",
          "attribute": "checked",
          "description": "Reflects the state of the element.\nTrue if checkbox or toggle is checked. Change this to switch the state programmatically.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "indeterminate",
          "attribute": "indeterminate",
          "description": "Indeterminate state for the input.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "disabled",
          "attribute": "disabled",
          "description": "Disables the input.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "readonly",
          "attribute": "readonly",
          "description": "Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "styles",
          "type": "CSSResult[]",
          "default": "[null,\"UUIHorizontalShakeKeyframes\",null]"
        },
        {
          "name": "formAssociated",
          "description": "This is a static class field indicating that the element is can be used inside a native form and participate in its events. It may require a polyfill, check support here https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/attachInternals.  Read more about form controls here https://web.dev/more-capable-form-controls/",
          "type": "boolean",
          "default": "true"
        },
        {
          "name": "name",
          "attribute": "name",
          "description": "This is a name property of the component.",
          "type": "string",
          "default": "\"''\""
        },
        {
          "name": "value",
          "attribute": "value",
          "description": "intentional overwrite of FormControlMixins value getter and setter method.",
          "type": "string",
          "default": "\"''\""
        },
        {
          "name": "required",
          "attribute": "required",
          "description": "Apply validation rule for requiring a value of this form control.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "requiredMessage",
          "attribute": "required-message",
          "description": "Required validation message.",
          "type": "string",
          "default": "\"This field is required\""
        },
        {
          "name": "error",
          "attribute": "error",
          "description": "Apply custom error on this input.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "errorMessage",
          "attribute": "error-message",
          "description": "Custom error message.",
          "type": "string",
          "default": "\"This field is invalid\""
        },
        {
          "name": "validity",
          "type": "ValidityState"
        },
        {
          "name": "validationMessage",
          "type": "string"
        },
        {
          "name": "pristine",
          "attribute": "pristine",
          "description": "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.",
          "type": "boolean",
          "default": "\"true\""
        },
        {
          "name": "label",
          "attribute": "label",
          "description": "Label to be used for aria-label and potentially as visual label for some components",
          "type": "string"
        }
      ],
      "events": [
        {
          "name": "change",
          "description": "fires when the element is begin checked by a user action"
        }
      ],
      "cssProperties": [
        {
          "name": "--uui-checkbox-size",
          "description": "To set the size of the checkbox."
        }
      ]
    },
    {
      "name": "uui-color-area",
      "path": "./../uui-color-area/lib/uui-color-area.element.ts",
      "attributes": [
        {
          "name": "disabled",
          "description": "Sets the color area to disabled.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "readonly",
          "description": "Sets the color area to readonly mode.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "hue",
          "description": "The current hue.",
          "type": "number",
          "default": "\"0\""
        },
        {
          "name": "saturation",
          "description": "The current saturation.",
          "type": "number",
          "default": "\"0\""
        },
        {
          "name": "lightness",
          "description": "The current lightness.",
          "type": "number",
          "default": "\"0\""
        },
        {
          "name": "brightness",
          "description": "The current brightness.",
          "type": "number",
          "default": "\"0\""
        },
        {
          "name": "alpha",
          "description": "The current alpha.",
          "type": "number",
          "default": "\"100\""
        },
        {
          "name": "value",
          "description": "The current value.",
          "type": "string"
        }
      ],
      "properties": [
        {
          "name": "disabled",
          "attribute": "disabled",
          "description": "Sets the color area to disabled.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "readonly",
          "attribute": "readonly",
          "description": "Sets the color area to readonly mode.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "hue",
          "attribute": "hue",
          "description": "The current hue.",
          "type": "number",
          "default": "\"0\""
        },
        {
          "name": "saturation",
          "attribute": "saturation",
          "description": "The current saturation.",
          "type": "number",
          "default": "\"0\""
        },
        {
          "name": "lightness",
          "attribute": "lightness",
          "description": "The current lightness.",
          "type": "number",
          "default": "\"0\""
        },
        {
          "name": "brightness",
          "attribute": "brightness",
          "description": "The current brightness.",
          "type": "number",
          "default": "\"0\""
        },
        {
          "name": "alpha",
          "attribute": "alpha",
          "description": "The current alpha.",
          "type": "number",
          "default": "\"100\""
        },
        {
          "name": "value",
          "attribute": "value",
          "description": "The current value.",
          "type": "string"
        },
        {
          "name": "styles",
          "type": "CSSResult[]",
          "default": "[null]"
        }
      ],
      "cssProperties": [
        {
          "name": "--uui-color-area-grid-handle-size",
          "description": "The size of the handle in the grid"
        }
      ]
    },
    {
      "name": "uui-color-picker",
      "path": "./../uui-color-picker/lib/uui-color-picker.element.ts",
      "attributes": [
        {
          "name": "value",
          "description": "The current color.",
          "type": "string",
          "default": "\"''\""
        },
        {
          "name": "format",
          "description": "The format to use for the display value. If opacity is enabled, these will translate to HEXA, RGBA, HSLA, and HSVA\nrespectively. The color picker will always accept user input in any format (including CSS color names) and convert\nit to the desired format.",
          "type": "UUIColorPickerFormat",
          "default": "\"'hex'\""
        },
        {
          "name": "name",
          "description": "The input's name attribute.",
          "type": "string",
          "default": "\"''\""
        },
        {
          "name": "size",
          "description": "Determines the size of the color picker's trigger. This has no effect on inline color pickers.",
          "type": "UUIColorPickerSize",
          "default": "\"'medium'\""
        },
        {
          "name": "no-format-toggle",
          "description": "Removes the format toggle.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "inline",
          "description": "Renders the color picker inline rather than inside a dropdown.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "disabled",
          "description": "Sets the color picker to disabled.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "opacity",
          "description": "Whether to show the opacity slider.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "readonly",
          "description": "Sets the color picker to readonly mode.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "uppercase",
          "description": "By default, the value will be set in lowercase. Set this to true to set it in uppercase instead.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "label",
          "description": "Label to be used for aria-label and potentially as visual label for some components",
          "type": "string"
        }
      ],
      "properties": [
        {
          "name": "value",
          "attribute": "value",
          "description": "The current color.",
          "type": "string",
          "default": "\"''\""
        },
        {
          "name": "format",
          "attribute": "format",
          "description": "The format to use for the display value. If opacity is enabled, these will translate to HEXA, RGBA, HSLA, and HSVA\nrespectively. The color picker will always accept user input in any format (including CSS color names) and convert\nit to the desired format.",
          "type": "UUIColorPickerFormat",
          "default": "\"'hex'\""
        },
        {
          "name": "name",
          "attribute": "name",
          "description": "The input's name attribute.",
          "type": "string",
          "default": "\"''\""
        },
        {
          "name": "size",
          "attribute": "size",
          "description": "Determines the size of the color picker's trigger. This has no effect on inline color pickers.",
          "type": "UUIColorPickerSize",
          "default": "\"'medium'\""
        },
        {
          "name": "noFormatToggle",
          "attribute": "no-format-toggle",
          "description": "Removes the format toggle.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "inline",
          "attribute": "inline",
          "description": "Renders the color picker inline rather than inside a dropdown.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "disabled",
          "attribute": "disabled",
          "description": "Sets the color picker to disabled.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "opacity",
          "attribute": "opacity",
          "description": "Whether to show the opacity slider.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "readonly",
          "attribute": "readonly",
          "description": "Sets the color picker to readonly mode.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "uppercase",
          "attribute": "uppercase",
          "description": "By default, the value will be set in lowercase. Set this to true to set it in uppercase instead.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "swatches",
          "description": "An array of predefined color swatches to display. Can include any format the color picker can parse, including\nHEX(A), RGB(A), HSL(A), HSV(A), and CSS color names.",
          "type": "string[]",
          "default": "[\"#d0021b\",\"#f5a623\",\"#f8e71c\",\"#8b572a\",\"#7ed321\",\"#417505\",\"#bd10e0\",\"#9013fe\",\"#4a90e2\",\"#50e3c2\",\"#b8e986\",\"#000\",\"#444\",\"#888\",\"#ccc\",\"#fff\"]"
        },
        {
          "name": "styles",
          "type": "CSSResult[]",
          "default": "[null]"
        },
        {
          "name": "label",
          "attribute": "label",
          "description": "Label to be used for aria-label and potentially as visual label for some components",
          "type": "string"
        }
      ],
      "events": [
        {
          "name": "change",
          "description": "Fired when the color changes"
        }
      ],
      "cssProperties": [
        {
          "name": "--uui-color-picker-width",
          "description": "The width of the color picker"
        }
      ]
    },
    {
      "name": "uui-color-slider",
      "path": "./../uui-color-slider/lib/uui-color-slider.element.ts",
      "attributes": [
        {
          "name": "type",
          "description": "The type of the slider.",
          "type": "UUIColorSliderType",
          "default": "\"'hue'\""
        },
        {
          "name": "color",
          "description": "The color value.",
          "type": "string",
          "default": "\"''\""
        },
        {
          "name": "min",
          "description": "This is a minimum value of the slider.",
          "type": "number",
          "default": "\"0\""
        },
        {
          "name": "max",
          "description": "This is a maximum value of the slider.",
          "type": "number",
          "default": "\"100\""
        },
        {
          "name": "precision",
          "description": "The minimum increment value allowed by the slider.",
          "type": "number",
          "default": "1"
        },
        {
          "name": "vertical",
          "description": "Draws the slider in a vertical orientation.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "value",
          "description": "The current value of the slider.",
          "type": "number",
          "default": "\"0\""
        },
        {
          "name": "readonly",
          "description": "Sets the color slider to readonly mode.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "disabled",
          "description": "Sets the color slider to disabled.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "hide-value-label",
          "description": "Hides the value label under the slider.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "label",
          "description": "Label to be used for aria-label and potentially as visual label for some components",
          "type": "string"
        }
      ],
      "properties": [
        {
          "name": "type",
          "attribute": "type",
          "description": "The type of the slider.",
          "type": "UUIColorSliderType",
          "default": "\"'hue'\""
        },
        {
          "name": "color",
          "attribute": "color",
          "description": "The color value.",
          "type": "string",
          "default": "\"''\""
        },
        {
          "name": "min",
          "attribute": "min",
          "description": "This is a minimum value of the slider.",
          "type": "number",
          "default": "\"0\""
        },
        {
          "name": "max",
          "attribute": "max",
          "description": "This is a maximum value of the slider.",
          "type": "number",
          "default": "\"100\""
        },
        {
          "name": "precision",
          "attribute": "precision",
          "description": "The minimum increment value allowed by the slider.",
          "type": "number",
          "default": "1"
        },
        {
          "name": "vertical",
          "attribute": "vertical",
          "description": "Draws the slider in a vertical orientation.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "value",
          "attribute": "value",
          "description": "The current value of the slider.",
          "type": "number",
          "default": "\"0\""
        },
        {
          "name": "readonly",
          "attribute": "readonly",
          "description": "Sets the color slider to readonly mode.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "disabled",
          "attribute": "disabled",
          "description": "Sets the color slider to disabled.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "hideValueLabel",
          "attribute": "hide-value-label",
          "description": "Hides the value label under the slider.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "cssPropCurrentValue",
          "type": "number"
        },
        {
          "name": "styles",
          "type": "CSSResult[]",
          "default": "[null]"
        },
        {
          "name": "label",
          "attribute": "label",
          "description": "Label to be used for aria-label and potentially as visual label for some components",
          "type": "string"
        }
      ],
      "events": [
        {
          "name": "change",
          "description": "Fires when the value of the slider changes."
        }
      ],
      "cssProperties": [
        {
          "name": "--uui-slider-height",
          "description": "The height of the slider."
        },
        {
          "name": "--uui-slider-handle-size",
          "description": "The size of the slider handle."
        },
        {
          "name": "--uui-slider-background-image",
          "description": "The background image of the slider."
        },
        {
          "name": "--uui-slider-background-size",
          "description": "The background size of the slider."
        },
        {
          "name": "--uui-slider-background-position",
          "description": "The background position of the slider."
        }
      ]
    },
    {
      "name": "uui-color-swatch",
      "path": "./../uui-color-swatch/lib/uui-color-swatch.element.ts",
      "description": "Color swatch, can have label and be selectable, disabled or readonly.",
      "attributes": [
        {
          "name": "value",
          "description": "Value of the swatch. This will become the color value if color is left undefined, see the property `color` for more details.",
          "type": "string"
        },
        {
          "name": "color",
          "description": "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.",
          "type": "string | undefined"
        },
        {
          "name": "disabled",
          "description": "Sets the swatch to disabled.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "readonly",
          "description": "Sets the swatch to readonly mode.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "show-label",
          "description": "When true shows element label below the color checkbox",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "label",
          "description": "Label to be used for aria-label and potentially as visual label for some components",
          "type": "string"
        },
        {
          "name": "selectable",
          "description": "Enable the ability to select this element.",
          "type": "boolean"
        },
        {
          "name": "selected",
          "description": "Attribute applied when the element is selected.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "active",
          "description": "Set this boolean to true for then the related composition is sorted.",
          "type": "boolean",
          "default": "false"
        }
      ],
      "properties": [
        {
          "name": "value",
          "attribute": "value",
          "description": "Value of the swatch. This will become the color value if color is left undefined, see the property `color` for more details.",
          "type": "string"
        },
        {
          "name": "color",
          "attribute": "color",
          "description": "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.",
          "type": "string | undefined"
        },
        {
          "name": "disabled",
          "attribute": "disabled",
          "description": "Sets the swatch to disabled.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "readonly",
          "attribute": "readonly",
          "description": "Sets the swatch to readonly mode.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "showLabel",
          "attribute": "show-label",
          "description": "When true shows element label below the color checkbox",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "styles",
          "type": "CSSResult[]",
          "default": "[null]"
        },
        {
          "name": "label",
          "attribute": "label",
          "description": "Label to be used for aria-label and potentially as visual label for some components",
          "type": "string"
        },
        {
          "name": "selectable",
          "attribute": "selectable",
          "description": "Enable the ability to select this element.",
          "type": "boolean"
        },
        {
          "name": "selected",
          "attribute": "selected",
          "description": "Attribute applied when the element is selected.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "active",
          "attribute": "active",
          "description": "Set this boolean to true for then the related composition is sorted.",
          "type": "boolean",
          "default": "false"
        }
      ],
      "events": [
        {
          "name": "selected",
          "description": "fires when the media card is selected"
        },
        {
          "name": "deselected",
          "description": "fires when the media card is deselected"
        }
      ],
      "slots": [
        {
          "name": "label",
          "description": "Default slot for the label."
        }
      ],
      "cssProperties": [
        {
          "name": "--uui-swatch-size",
          "description": "The size of the swatch."
        },
        {
          "name": "--uui-swatch-border-width",
          "description": "The width of the border."
        },
        {
          "name": "--uui-swatch-color",
          "description": "The width of the border."
        }
      ]
    },
    {
      "name": "uui-color-swatches",
      "path": "./../uui-color-swatches/lib/uui-color-swatches.element.ts",
      "description": "Put uui-color-swatch elements inside this element to create a color swatch selector.",
      "attributes": [
        {
          "name": "value",
          "description": "Value of selected option.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "disabled",
          "description": "Sets the swatches to disabled.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "readonly",
          "description": "Sets the swatches to readonly mode.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "label",
          "description": "Label to be used for aria-label and potentially as visual label for some components",
          "type": "string"
        }
      ],
      "properties": [
        {
          "name": "value",
          "attribute": "value",
          "description": "Value of selected option.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "disabled",
          "attribute": "disabled",
          "description": "Sets the swatches to disabled.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "readonly",
          "attribute": "readonly",
          "description": "Sets the swatches to readonly mode.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "styles",
          "type": "CSSResult[]",
          "default": "[null]"
        },
        {
          "name": "label",
          "attribute": "label",
          "description": "Label to be used for aria-label and potentially as visual label for some components",
          "type": "string"
        }
      ],
      "events": [
        {
          "name": "change",
          "description": "Fires when a color swatch is selected."
        }
      ],
      "slots": [
        {
          "name": "",
          "description": "Default slot for content."
        }
      ]
    },
    {
      "name": "uui-combobox-list-option",
      "path": "./../uui-combobox-list/lib/uui-combobox-list-option.element.ts",
      "attributes": [
        {
          "name": "value",
          "description": "Value of the option.",
          "type": "string",
          "default": "\"\\\"\\\"\""
        },
        {
          "name": "display-value",
          "description": "A readable value.",
          "type": "string",
          "default": "\"\\\"\\\"\""
        },
        {
          "name": "disabled",
          "description": "Determines if the options is disabled. If true the option can't be selected",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "selectable",
          "description": "Enable the ability to select this element.",
          "type": "boolean",
          "default": "true"
        },
        {
          "name": "selected",
          "description": "Attribute applied when the element is selected.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "active",
          "description": "Set this boolean to true for then the related composition is sorted.",
          "type": "boolean",
          "default": "false"
        }
      ],
      "properties": [
        {
          "name": "value",
          "attribute": "value",
          "description": "Value of the option.",
          "type": "string",
          "default": "\"\\\"\\\"\""
        },
        {
          "name": "displayValue",
          "attribute": "display-value",
          "description": "A readable value.",
          "type": "string",
          "default": "\"\\\"\\\"\""
        },
        {
          "name": "disabled",
          "attribute": "disabled",
          "description": "Determines if the options is disabled. If true the option can't be selected",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "styles",
          "type": "CSSResult[]",
          "default": "[null]"
        },
        {
          "name": "selectable",
          "attribute": "selectable",
          "description": "Enable the ability to select this element.",
          "type": "boolean",
          "default": "true"
        },
        {
          "name": "selected",
          "attribute": "selected",
          "description": "Attribute applied when the element is selected.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "active",
          "attribute": "active",
          "description": "Set this boolean to true for then the related composition is sorted.",
          "type": "boolean",
          "default": "false"
        }
      ],
      "events": [
        {
          "name": "selected",
          "description": "fires when the media card is selected"
        },
        {
          "name": "deselected",
          "description": "fires when the media card is deselected"
        }
      ],
      "slots": [
        {
          "name": "",
          "description": "For option content"
        }
      ]
    },
    {
      "name": "uui-combobox-list",
      "path": "./../uui-combobox-list/lib/uui-combobox-list.element.ts",
      "attributes": [
        {
          "name": "value",
          "description": "Value of selected option.",
          "type": "FormDataEntryValue | FormData",
          "default": "\"\\\"\\\"\""
        },
        {
          "name": "displayValue",
          "description": "A readable value to display to show the selected value.",
          "type": "string",
          "default": "\"\\\"\\\"\""
        },
        {
          "name": "for",
          "description": "provide another element of which keyboard navigation",
          "type": "HTMLElement",
          "default": "\"this\""
        }
      ],
      "properties": [
        {
          "name": "value",
          "attribute": "value",
          "description": "Value of selected option.",
          "type": "FormDataEntryValue | FormData",
          "default": "\"\\\"\\\"\""
        },
        {
          "name": "displayValue",
          "attribute": "displayValue",
          "description": "A readable value to display to show the selected value.",
          "type": "string",
          "default": "\"\\\"\\\"\""
        },
        {
          "name": "for",
          "attribute": "for",
          "description": "provide another element of which keyboard navigation",
          "type": "HTMLElement",
          "default": "\"this\""
        },
        {
          "name": "styles",
          "type": "CSSResult[]",
          "default": "[null]"
        }
      ],
      "events": [
        {
          "name": "change",
          "description": "fires when selection is changed"
        }
      ],
      "slots": [
        {
          "name": "",
          "description": "for uui-combobox-list-options"
        }
      ]
    },
    {
      "name": "uui-combobox",
      "path": "./../uui-combobox/lib/uui-combobox.element.ts",
      "attributes": [
        {
          "name": "search",
          "description": "The search input.",
          "type": "string",
          "default": "\"\\\"\\\"\""
        },
        {
          "name": "open",
          "description": "Specifies if the popover should be open.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "close-label",
          "description": "Specifies the button label for the close button in mobile mode",
          "type": "string",
          "default": "\"\\\"Close\\\"\""
        },
        {
          "name": "disabled",
          "description": "Disables the uui-combobox.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "hide-expand-symbol",
          "description": "Removes the expand symbol.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "readonly",
          "description": "Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "placeholder",
          "description": "Defines the input placeholder.",
          "type": "string",
          "default": "\"''\""
        },
        {
          "name": "name",
          "description": "This is a name property of the component.",
          "type": "string",
          "default": "\"''\""
        },
        {
          "name": "value",
          "description": "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.",
          "type": "string",
          "default": "\"''\""
        },
        {
          "name": "required",
          "description": "Apply validation rule for requiring a value of this form control.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "required-message",
          "description": "Required validation message.",
          "type": "string",
          "default": "\"This field is required\""
        },
        {
          "name": "error",
          "description": "Apply custom error on this input.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "error-message",
          "description": "Custom error message.",
          "type": "string",
          "default": "\"This field is invalid\""
        },
        {
          "name": "pristine",
          "description": "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.",
          "type": "boolean",
          "default": "\"true\""
        }
      ],
      "properties": [
        {
          "name": "search",
          "attribute": "search",
          "description": "The search input.",
          "type": "string",
          "default": "\"\\\"\\\"\""
        },
        {
          "name": "open",
          "attribute": "open",
          "description": "Specifies if the popover should be open.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "closeLabel",
          "attribute": "close-label",
          "description": "Specifies the button label for the close button in mobile mode",
          "type": "string",
          "default": "\"\\\"Close\\\"\""
        },
        {
          "name": "disabled",
          "attribute": "disabled",
          "description": "Disables the uui-combobox.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "hideExpandSymbol",
          "attribute": "hide-expand-symbol",
          "description": "Removes the expand symbol.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "readonly",
          "attribute": "readonly",
          "description": "Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "placeholder",
          "attribute": "placeholder",
          "description": "Defines the input placeholder.",
          "type": "string",
          "default": "\"''\""
        },
        {
          "name": "styles",
          "type": "CSSResult[]",
          "default": "[null]"
        },
        {
          "name": "formAssociated",
          "description": "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/",
          "type": "boolean",
          "default": "true"
        },
        {
          "name": "name",
          "attribute": "name",
          "description": "This is a name property of the component.",
          "type": "string",
          "default": "\"''\""
        },
        {
          "name": "value",
          "attribute": "value",
          "description": "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.",
          "type": "string",
          "default": "\"''\""
        },
        {
          "name": "required",
          "attribute": "required",
          "description": "Apply validation rule for requiring a value of this form control.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "requiredMessage",
          "attribute": "required-message",
          "description": "Required validation message.",
          "type": "string",
          "default": "\"This field is required\""
        },
        {
          "name": "error",
          "attribute": "error",
          "description": "Apply custom error on this input.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "errorMessage",
          "attribute": "error-message",
          "description": "Custom error message.",
          "type": "string",
          "default": "\"This field is invalid\""
        },
        {
          "name": "validity",
          "type": "ValidityState"
        },
        {
          "name": "validationMessage",
          "type": "string"
        },
        {
          "name": "pristine",
          "attribute": "pristine",
          "description": "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.",
          "type": "boolean",
          "default": "\"true\""
        }
      ],
      "events": [
        {
          "name": "input",
          "description": "fires when search input is changed"
        },
        {
          "name": "change",
          "description": "fires when selection is changed"
        }
      ],
      "slots": [
        {
          "name": "",
          "description": "for uui-combobox-list-options"
        },
        {
          "name": "input-prepend",
          "description": "prepend for the uui-input"
        },
        {
          "name": "input-append",
          "description": "append for the uui-input"
        }
      ],
      "cssProperties": [
        {
          "name": "--uui-dropdown-width",
          "description": "overwrite the dropdown width"
        }
      ]
    },
    {
      "name": "uui-dialog-layout",
      "path": "./../uui-dialog-layout/lib/uui-dialog-layout.element.ts",
      "attributes": [
        {
          "name": "headline",
          "description": "Headline for this notification, can also be set via the 'headline' slot.",
          "type": "string | null",
          "default": "\"null\""
        }
      ],
      "properties": [
        {
          "name": "headline",
          "attribute": "headline",
          "description": "Headline for this notification, can also be set via the 'headline' slot.",
          "type": "string | null",
          "default": "\"null\""
        },
        {
          "name": "styles",
          "type": "CSSResult[]",
          "default": "[null]"
        }
      ],
      "slots": [
        {
          "name": "",
          "description": "Use this for the text content"
        },
        {
          "name": "headline",
          "description": "Use this for slotted headline"
        },
        {
          "name": "actions",
          "description": "Use this for actions"
        }
      ]
    },
    {
      "name": "uui-dialog",
      "path": "./../uui-dialog/lib/uui-dialog.element.ts",
      "properties": [
        {
          "name": "styles",
          "type": "CSSResult[]",
          "default": "[null]"
        }
      ],
      "slots": [
        {
          "name": "",
          "description": "The slot for dialog content"
        }
      ]
    },
    {
      "name": "uui-file-dropzone",
      "path": "./../uui-file-dropzone/lib/uui-file-dropzone.element.ts",
      "attributes": [
        {
          "name": "accept",
          "description": "Comma-separated list of accepted mime types or file extensions (denoted with a `.`).\nIf this is left empty, it will allow all types.",
          "type": "string"
        },
        {
          "name": "disallow-folder-upload",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "multiple",
          "description": "Allows for multiple files to be selected.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "label",
          "description": "Label to be used for aria-label and potentially as visual label for some components",
          "type": "string"
        }
      ],
      "properties": [
        {
          "name": "accept",
          "attribute": "accept",
          "description": "Comma-separated list of accepted mime types or file extensions (denoted with a `.`).\nIf this is left empty, it will allow all types.",
          "type": "string"
        },
        {
          "name": "disallowFolderUpload",
          "attribute": "disallow-folder-upload",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "multiple",
          "attribute": "multiple",
          "description": "Allows for multiple files to be selected.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "styles",
          "type": "CSSResult[]",
          "default": "[null]"
        },
        {
          "name": "label",
          "attribute": "label",
          "description": "Label to be used for aria-label and potentially as visual label for some components",
          "type": "string"
        }
      ],
      "events": [
        {
          "name": "change",
          "description": "fires when a file has been selected."
        },
        {
          "name": "reject",
          "description": "fires when files are rejected due to not matching the accept attribute."
        }
      ],
      "slots": [
        {
          "name": "",
          "description": "For the content of the dropzone"
        }
      ]
    },
    {
      "name": "uui-file-preview",
      "path": "./../uui-file-preview/lib/uui-file-preview.element.ts",
      "properties": [
        {
          "name": "file",
          "type": "File | undefined"
        },
        {
          "name": "styles",
          "type": "CSSResult[]",
          "default": "[null]"
        }
      ],
      "slots": [
        {
          "name": "actions",
          "description": "To display one or more actions that can be executed on the file."
        }
      ]
    },
    {
      "name": "uui-form-layout-item",
      "path": "./../uui-form-layout-item/lib/uui-form-layout-item.element.ts",
      "attributes": [
        {
          "name": "description",
          "type": "string | null"
        }
      ],
      "properties": [
        {
          "name": "description",
          "attribute": "description",
          "type": "string | null"
        },
        {
          "name": "styles",
          "type": "CSSResult[]",
          "default": "[null]"
        }
      ],
      "slots": [
        {
          "name": "",
          "description": "for button contents"
        },
        {
          "name": "message",
          "description": "for extras in the messages container"
        },
        {
          "name": "description",
          "description": "for extras in the description container"
        },
        {
          "name": "label",
          "description": "for label contents"
        }
      ]
    },
    {
      "name": "uui-form-validation-message",
      "path": "./../uui-form-validation-message/lib/uui-form-validation-message.element.ts",
      "attributes": [
        {
          "name": "for",
          "description": "Set the element containing Form Controls of interest.",
          "type": "string",
          "default": "\"this\""
        }
      ],
      "properties": [
        {
          "name": "for",
          "attribute": "for",
          "description": "Set the element containing Form Controls of interest.",
          "type": "string",
          "default": "\"this\""
        },
        {
          "name": "styles",
          "type": "CSSResult[]",
          "default": "[null]"
        }
      ],
      "slots": [
        {
          "name": "",
          "description": "for button contents"
        },
        {
          "name": "message",
          "description": "for extras in the messages container"
        }
      ]
    },
    {
      "name": "uui-form",
      "path": "./../uui-form/lib/uui-form.element.ts"
    },
    {
      "name": "uui-icon-registry-essential",
      "path": "./../uui-icon-registry-essential/lib/uui-icon-registry-essential.element.ts",
      "properties": [
        {
          "name": "icons",
          "type": "Record<string, string>"
        },
        {
          "name": "registry"
        }
      ]
    },
    {
      "name": "uui-icon-registry",
      "path": "./../uui-icon-registry/lib/uui-icon-registry.element.ts",
      "properties": [
        {
          "name": "icons",
          "type": "Record<string, string>"
        },
        {
          "name": "registry",
          "type": "UUIIconRegistry"
        }
      ]
    },
    {
      "name": "uui-icon",
      "path": "./../uui-icon/lib/uui-icon.element.ts",
      "attributes": [
        {
          "name": "label",
          "description": "An alternate description to use for assistive devices.\nIf omitted, the icon will be considered presentational and ignored by assistive devices.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "name",
          "description": "Icon name is used to retrieve the icon from a parent Icon Registry.\nIf no Icon Registry responds to the given name, the fallback svg will be used.",
          "type": "string",
          "default": "\"null\""
        },
        {
          "name": "svg",
          "description": "Define the raw SVG string to be displayed by this component.",
          "type": "string",
          "default": "\"null\""
        },
        {
          "name": "fallback",
          "description": "Fallback SVG is a raw SVG string, this is used then 'name' hasn't been accepted by any parent Icon Registry.",
          "type": "string",
          "default": "\"null\""
        }
      ],
      "properties": [
        {
          "name": "label",
          "attribute": "label",
          "description": "An alternate description to use for assistive devices.\nIf omitted, the icon will be considered presentational and ignored by assistive devices.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "name",
          "attribute": "name",
          "description": "Icon name is used to retrieve the icon from a parent Icon Registry.\nIf no Icon Registry responds to the given name, the fallback svg will be used.",
          "type": "string",
          "default": "\"null\""
        },
        {
          "name": "svg",
          "attribute": "svg",
          "description": "Define the raw SVG string to be displayed by this component.",
          "type": "string",
          "default": "\"null\""
        },
        {
          "name": "fallback",
          "attribute": "fallback",
          "description": "Fallback SVG is a raw SVG string, this is used then 'name' hasn't been accepted by any parent Icon Registry.",
          "type": "string",
          "default": "\"null\""
        },
        {
          "name": "styles",
          "type": "CSSResult[]",
          "default": "[null]"
        }
      ],
      "events": [
        {
          "name": "icon_request",
          "description": "fires when the name property is defined to retrieve the icon source."
        }
      ],
      "cssProperties": [
        {
          "name": "--uui-icon-color",
          "description": "sets the color for the icon, if not set it will use the text color."
        },
        {
          "name": "--uui-icon-color-overwrite",
          "description": "overwrite the icon color, once this is set the --uui-icon-color will be ignored."
        }
      ]
    },
    {
      "name": "uui-input-file",
      "path": "./../uui-input-file/lib/uui-input-file.element.ts",
      "attributes": [
        {
          "name": "accept",
          "description": "Accepted filetypes. Will allow all types if empty.",
          "type": "string",
          "default": "\"false\""
        },
        {
          "name": "multiple",
          "description": "Allows for multiple files to be selected.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "name",
          "description": "This is a name property of the component.",
          "type": "string",
          "default": "\"''\""
        },
        {
          "name": "value",
          "description": "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.",
          "type": "string",
          "default": "\"''\""
        },
        {
          "name": "required",
          "description": "Apply validation rule for requiring a value of this form control.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "required-message",
          "description": "Required validation message.",
          "type": "string",
          "default": "\"This field is required\""
        },
        {
          "name": "error",
          "description": "Apply custom error on this input.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "error-message",
          "description": "Custom error message.",
          "type": "string",
          "default": "\"This field is invalid\""
        },
        {
          "name": "pristine",
          "description": "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.",
          "type": "boolean",
          "default": "\"true\""
        }
      ],
      "properties": [
        {
          "name": "accept",
          "attribute": "accept",
          "description": "Accepted filetypes. Will allow all types if empty.",
          "type": "string",
          "default": "\"false\""
        },
        {
          "name": "multiple",
          "attribute": "multiple",
          "description": "Allows for multiple files to be selected.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "styles",
          "type": "CSSResult[]",
          "default": "[null]"
        },
        {
          "name": "formAssociated",
          "description": "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/",
          "type": "boolean",
          "default": "true"
        },
        {
          "name": "name",
          "attribute": "name",
          "description": "This is a name property of the component.",
          "type": "string",
          "default": "\"''\""
        },
        {
          "name": "value",
          "attribute": "value",
          "description": "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.",
          "type": "string",
          "default": "\"''\""
        },
        {
          "name": "required",
          "attribute": "required",
          "description": "Apply validation rule for requiring a value of this form control.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "requiredMessage",
          "attribute": "required-message",
          "description": "Required validation message.",
          "type": "string",
          "default": "\"This field is required\""
        },
        {
          "name": "error",
          "attribute": "error",
          "description": "Apply custom error on this input.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "errorMessage",
          "attribute": "error-message",
          "description": "Custom error message.",
          "type": "string",
          "default": "\"This field is invalid\""
        },
        {
          "name": "validity",
          "type": "ValidityState"
        },
        {
          "name": "validationMessage",
          "type": "string"
        },
        {
          "name": "pristine",
          "attribute": "pristine",
          "description": "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.",
          "type": "boolean",
          "default": "\"true\""
        }
      ]
    },
    {
      "name": "uui-input-lock",
      "path": "./../uui-input-lock/lib/uui-input-lock.element.ts",
      "attributes": [
        {
          "name": "locked",
          "description": "Determine the inputs locked state.",
          "type": "boolean",
          "default": "\"true\""
        },
        {
          "name": "unlock-label",
          "description": "Define the label for the unlock button.",
          "type": "string",
          "default": "\"true\""
        },
        {
          "name": "lock-label",
          "description": "Define the label for the lock button.",
          "type": "string",
          "default": "\"true\""
        },
        {
          "name": "min",
          "description": "Sets the min value of the input.\nExamples: the first date the user may pick in date and datetime-local, or the min numeric value the user can pick in a number input.",
          "type": "number | string",
          "default": "\"undefined\""
        },
        {
          "name": "minlength",
          "description": "Sets the minimum length of the value of the input.",
          "type": "number",
          "default": "\"undefined\""
        },
        {
          "name": "minlength-message",
          "description": "Minlength validation message.",
          "type": "string | ((charsLeft: number) => string)",
          "default": "\"\""
        },
        {
          "name": "max",
          "description": "Sets the max value of the input.\nExamples: the last date the user may pick in date and datetime-local, or the max numeric value the user can pick in a number input.",
          "type": "number | string",
          "default": "\"undefined\""
        },
        {
          "name": "maxlength",
          "description": "Sets the maximum length of the value of the input.",
          "type": "number",
          "default": "\"undefined\""
        },
        {
          "name": "maxlength-message",
          "description": "Maxlength validation message.",
          "type": "string | ((max: number, current: number) => string)",
          "default": "\"\""
        },
        {
          "name": "step",
          "description": "Specifies the interval between legal numbers of the input",
          "type": "number",
          "default": "\"undefined\""
        },
        {
          "name": "disabled",
          "description": "Disables the input.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "readonly",
          "description": "Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.",
          "type": "boolean",
          "default": "true"
        },
        {
          "name": "placeholder",
          "description": "Defines the input placeholder.",
          "type": "string",
          "default": "\"''\""
        },
        {
          "name": "autocomplete",
          "description": "Defines the input autocomplete.",
          "type": "string",
          "default": "\"undefined\""
        },
        {
          "name": "auto-width",
          "description": "Sets the input width to fit the value or placeholder if empty",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "type",
          "description": "This property specifies the type of input that will be rendered.",
          "type": "'text' | 'tel' | 'url' | 'email' | 'password' | 'date' | 'month' | 'week' | 'time' | 'datetime-local' | 'number' | 'color'",
          "default": "\"text\""
        },
        {
          "name": "inputmode",
          "description": "The inputmode global attribute is an enumerated attribute that hints at the type of data that might be entered by the user while editing the element or its contents. This allows a browser to display an appropriate virtual keyboard.",
          "type": "'text' | 'none' | 'decimal' | 'number' | 'tel' | 'search' | 'email' | 'url'",
          "default": "\"text\""
        },
        {
          "name": "pattern",
          "description": "Validates the input based on the Regex pattern",
          "type": "string"
        },
        {
          "name": "tabindex",
          "description": "Set the input tabindex, set this to `-1` to avoid tabbing into the input.",
          "type": "number",
          "default": "-1"
        },
        {
          "name": "spellcheck",
          "description": "get/set native spellcheck attribute",
          "type": "boolean"
        },
        {
          "name": "name",
          "description": "get/set the name of the input",
          "type": "string",
          "default": "\"''\""
        },
        {
          "name": "value",
          "description": "get/set the value of the input",
          "type": "string",
          "default": "\"''\""
        },
        {
          "name": "required",
          "description": "Apply validation rule for requiring a value of this form control.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "required-message",
          "description": "Required validation message.",
          "type": "string",
          "default": "\"This field is required\""
        },
        {
          "name": "error",
          "description": "Apply custom error on this input.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "error-message",
          "description": "Custom error message.",
          "type": "string",
          "default": "\"This field is invalid\""
        },
        {
          "name": "pristine",
          "description": "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.",
          "type": "boolean",
          "default": "\"true\""
        },
        {
          "name": "label",
          "description": "Label to be used for aria-label and potentially as visual label for some components",
          "type": "string"
        }
      ],
      "properties": [
        {
          "name": "locked",
          "attribute": "locked",
          "description": "Determine the inputs locked state.",
          "type": "boolean",
          "default": "\"true\""
        },
        {
          "name": "unlockLabel",
          "attribute": "unlock-label",
          "description": "Define the label for the unlock button.",
          "type": "string",
          "default": "\"true\""
        },
        {
          "name": "lockLabel",
          "attribute": "lock-label",
          "description": "Define the label for the lock button.",
          "type": "string",
          "default": "\"true\""
        },
        {
          "name": "min",
          "attribute": "min",
          "description": "Sets the min value of the input.\nExamples: the first date the user may pick in date and datetime-local, or the min numeric value the user can pick in a number input.",
          "type": "number | string",
          "default": "\"undefined\""
        },
        {
          "name": "minlength",
          "attribute": "minlength",
          "description": "Sets the minimum length of the value of the input.",
          "type": "number",
          "default": "\"undefined\""
        },
        {
          "name": "minlengthMessage",
          "attribute": "minlength-message",
          "description": "Minlength validation message.",
          "type": "string | ((charsLeft: number) => string)",
          "default": "\"\""
        },
        {
          "name": "max",
          "attribute": "max",
          "description": "Sets the max value of the input.\nExamples: the last date the user may pick in date and datetime-local, or the max numeric value the user can pick in a number input.",
          "type": "number | string",
          "default": "\"undefined\""
        },
        {
          "name": "maxlength",
          "attribute": "maxlength",
          "description": "Sets the maximum length of the value of the input.",
          "type": "number",
          "default": "\"undefined\""
        },
        {
          "name": "maxlengthMessage",
          "attribute": "maxlength-message",
          "description": "Maxlength validation message.",
          "type": "string | ((max: number, current: number) => string)",
          "default": "\"\""
        },
        {
          "name": "step",
          "attribute": "step",
          "description": "Specifies the interval between legal numbers of the input",
          "type": "number",
          "default": "\"undefined\""
        },
        {
          "name": "disabled",
          "attribute": "disabled",
          "description": "Disables the input.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "readonly",
          "attribute": "readonly",
          "description": "Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.",
          "type": "boolean",
          "default": "true"
        },
        {
          "name": "placeholder",
          "attribute": "placeholder",
          "description": "Defines the input placeholder.",
          "type": "string",
          "default": "\"''\""
        },
        {
          "name": "autocomplete",
          "attribute": "autocomplete",
          "description": "Defines the input autocomplete.",
          "type": "string",
          "default": "\"undefined\""
        },
        {
          "name": "autoWidth",
          "attribute": "auto-width",
          "description": "Sets the input width to fit the value or placeholder if empty",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "type",
          "attribute": "type",
          "description": "This property specifies the type of input that will be rendered.",
          "type": "'text' | 'tel' | 'url' | 'email' | 'password' | 'date' | 'month' | 'week' | 'time' | 'datetime-local' | 'number' | 'color'",
          "default": "\"text\""
        },
        {
          "name": "inputMode",
          "attribute": "inputmode",
          "description": "The inputmode global attribute is an enumerated attribute that hints at the type of data that might be entered by the user while editing the element or its contents. This allows a browser to display an appropriate virtual keyboard.",
          "type": "'text' | 'none' | 'decimal' | 'number' | 'tel' | 'search' | 'email' | 'url'",
          "default": "\"text\""
        },
        {
          "name": "pattern",
          "attribute": "pattern",
          "description": "Validates the input based on the Regex pattern",
          "type": "string"
        },
        {
          "name": "tabIndex",
          "attribute": "tabindex",
          "description": "Set the input tabindex, set this to `-1` to avoid tabbing into the input.",
          "type": "number",
          "default": "-1"
        },
        {
          "name": "styles",
          "type": "CSSResult[]",
          "default": "[null,null]"
        },
        {
          "name": "spellcheck",
          "attribute": "spellcheck",
          "description": "get/set native spellcheck attribute",
          "type": "boolean"
        },
        {
          "name": "formAssociated",
          "description": "This is a static class field indicating that the element is can be used inside a native form and participate in its events. It may require a polyfill, check support here https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/attachInternals.  Read more about form controls here https://web.dev/more-capable-form-controls/",
          "type": "boolean",
          "default": "true"
        },
        {
          "name": "name",
          "attribute": "name",
          "description": "get/set the name of the input",
          "type": "string",
          "default": "\"''\""
        },
        {
          "name": "value",
          "attribute": "value",
          "description": "get/set the value of the input",
          "type": "string",
          "default": "\"''\""
        },
        {
          "name": "required",
          "attribute": "required",
          "description": "Apply validation rule for requiring a value of this form control.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "requiredMessage",
          "attribute": "required-message",
          "description": "Required validation message.",
          "type": "string",
          "default": "\"This field is required\""
        },
        {
          "name": "error",
          "attribute": "error",
          "description": "Apply custom error on this input.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "errorMessage",
          "attribute": "error-message",
          "description": "Custom error message.",
          "type": "string",
          "default": "\"This field is invalid\""
        },
        {
          "name": "validity",
          "type": "ValidityState"
        },
        {
          "name": "validationMessage",
          "type": "string"
        },
        {
          "name": "pristine",
          "attribute": "pristine",
          "description": "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.",
          "type": "boolean",
          "default": "\"true\""
        },
        {
          "name": "label",
          "attribute": "label",
          "description": "Label to be used for aria-label and potentially as visual label for some components",
          "type": "string"
        }
      ],
      "events": [
        {
          "name": "change",
          "description": "on change"
        },
        {
          "name": "input",
          "description": "on input"
        },
        {
          "name": "keyup",
          "description": "on keyup"
        }
      ],
      "slots": [
        {
          "name": "prepend",
          "description": "for components to render to the left of the input."
        },
        {
          "name": "append",
          "description": "for components to render to the right of the input."
        }
      ],
      "cssProperties": [
        {
          "name": "--uui-input-height",
          "description": "Height of the element"
        },
        {
          "name": "--uui-input-background-color",
          "description": "Background color of the element"
        },
        {
          "name": "--uui-input-background-color-disabled",
          "description": "Background color when disabled"
        },
        {
          "name": "--uui-input-background-color-readonly",
          "description": "Background color when readonly"
        },
        {
          "name": "--uui-input-border-width",
          "description": "Border width"
        },
        {
          "name": "--uui-input-border-color",
          "description": "Border color"
        },
        {
          "name": "--uui-input-border-color-hover",
          "description": "Border color on hover"
        },
        {
          "name": "--uui-input-border-color-focus",
          "description": "Border color on focus"
        },
        {
          "name": "--uui-input-border-color-disabled",
          "description": "Border color when disabled"
        },
        {
          "name": "--uui-input-border-color-readonly",
          "description": "Border color when readonly"
        }
      ]
    },
    {
      "name": "uui-input-password",
      "path": "./../uui-input-password/lib/uui-input-password.element.ts",
      "attributes": [
        {
          "name": "min",
          "description": "Sets the min value of the input.\nExamples: the first date the user may pick in date and datetime-local, or the min numeric value the user can pick in a number input.",
          "type": "number | string",
          "default": "\"undefined\""
        },
        {
          "name": "minlength",
          "description": "Sets the minimum length of the value of the input.",
          "type": "number",
          "default": "\"undefined\""
        },
        {
          "name": "minlength-message",
          "description": "Minlength validation message.",
          "type": "string | ((charsLeft: number) => string)",
          "default": "\"\""
        },
        {
          "name": "max",
          "description": "Sets the max value of the input.\nExamples: the last date the user may pick in date and datetime-local, or the max numeric value the user can pick in a number input.",
          "type": "number | string",
          "default": "\"undefined\""
        },
        {
          "name": "maxlength",
          "description": "Sets the maximum length of the value of the input.",
          "type": "number",
          "default": "\"undefined\""
        },
        {
          "name": "maxlength-message",
          "description": "Maxlength validation message.",
          "type": "string | ((max: number, current: number) => string)",
          "default": "\"\""
        },
        {
          "name": "step",
          "description": "Specifies the interval between legal numbers of the input",
          "type": "number",
          "default": "\"undefined\""
        },
        {
          "name": "disabled",
          "description": "Disables the input.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "readonly",
          "description": "Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "placeholder",
          "description": "Defines the input placeholder.",
          "type": "string",
          "default": "\"''\""
        },
        {
          "name": "autocomplete",
          "description": "Defines the input autocomplete.",
          "type": "string",
          "default": "\"undefined\""
        },
        {
          "name": "auto-width",
          "description": "Sets the input width to fit the value or placeholder if empty",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "type",
          "description": "This property specifies the type of input that will be rendered.",
          "type": "'text' | 'tel' | 'url' | 'email' | 'password' | 'date' | 'month' | 'week' | 'time' | 'datetime-local' | 'number' | 'color'",
          "default": "\"text\""
        },
        {
          "name": "inputmode",
          "description": "The inputmode global attribute is an enumerated attribute that hints at the type of data that might be entered by the user while editing the element or its contents. This allows a browser to display an appropriate virtual keyboard.",
          "type": "'text' | 'none' | 'decimal' | 'number' | 'tel' | 'search' | 'email' | 'url'",
          "default": "\"text\""
        },
        {
          "name": "pattern",
          "description": "Validates the input based on the Regex pattern",
          "type": "string"
        },
        {
          "name": "tabindex",
          "description": "Set the input tabindex, set this to `-1` to avoid tabbing into the input.",
          "type": "number",
          "default": "0"
        },
        {
          "name": "spellcheck",
          "description": "get/set native spellcheck attribute",
          "type": "boolean"
        },
        {
          "name": "name",
          "description": "get/set the name of the input",
          "type": "string",
          "default": "\"''\""
        },
        {
          "name": "value",
          "description": "get/set the value of the input",
          "type": "string",
          "default": "\"''\""
        },
        {
          "name": "required",
          "description": "Apply validation rule for requiring a value of this form control.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "required-message",
          "description": "Required validation message.",
          "type": "string",
          "default": "\"This field is required\""
        },
        {
          "name": "error",
          "description": "Apply custom error on this input.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "error-message",
          "description": "Custom error message.",
          "type": "string",
          "default": "\"This field is invalid\""
        },
        {
          "name": "pristine",
          "description": "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.",
          "type": "boolean",
          "default": "\"true\""
        },
        {
          "name": "label",
          "description": "Label to be used for aria-label and potentially as visual label for some components",
          "type": "string"
        }
      ],
      "properties": [
        {
          "name": "min",
          "attribute": "min",
          "description": "Sets the min value of the input.\nExamples: the first date the user may pick in date and datetime-local, or the min numeric value the user can pick in a number input.",
          "type": "number | string",
          "default": "\"undefined\""
        },
        {
          "name": "minlength",
          "attribute": "minlength",
          "description": "Sets the minimum length of the value of the input.",
          "type": "number",
          "default": "\"undefined\""
        },
        {
          "name": "minlengthMessage",
          "attribute": "minlength-message",
          "description": "Minlength validation message.",
          "type": "string | ((charsLeft: number) => string)",
          "default": "\"\""
        },
        {
          "name": "max",
          "attribute": "max",
          "description": "Sets the max value of the input.\nExamples: the last date the user may pick in date and datetime-local, or the max numeric value the user can pick in a number input.",
          "type": "number | string",
          "default": "\"undefined\""
        },
        {
          "name": "maxlength",
          "attribute": "maxlength",
          "description": "Sets the maximum length of the value of the input.",
          "type": "number",
          "default": "\"undefined\""
        },
        {
          "name": "maxlengthMessage",
          "attribute": "maxlength-message",
          "description": "Maxlength validation message.",
          "type": "string | ((max: number, current: number) => string)",
          "default": "\"\""
        },
        {
          "name": "step",
          "attribute": "step",
          "description": "Specifies the interval between legal numbers of the input",
          "type": "number",
          "default": "\"undefined\""
        },
        {
          "name": "disabled",
          "attribute": "disabled",
          "description": "Disables the input.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "readonly",
          "attribute": "readonly",
          "description": "Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "placeholder",
          "attribute": "placeholder",
          "description": "Defines the input placeholder.",
          "type": "string",
          "default": "\"''\""
        },
        {
          "name": "autocomplete",
          "attribute": "autocomplete",
          "description": "Defines the input autocomplete.",
          "type": "string",
          "default": "\"undefined\""
        },
        {
          "name": "autoWidth",
          "attribute": "auto-width",
          "description": "Sets the input width to fit the value or placeholder if empty",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "type",
          "attribute": "type",
          "description": "This property specifies the type of input that will be rendered.",
          "type": "'text' | 'tel' | 'url' | 'email' | 'password' | 'date' | 'month' | 'week' | 'time' | 'datetime-local' | 'number' | 'color'",
          "default": "\"text\""
        },
        {
          "name": "inputMode",
          "attribute": "inputmode",
          "description": "The inputmode global attribute is an enumerated attribute that hints at the type of data that might be entered by the user while editing the element or its contents. This allows a browser to display an appropriate virtual keyboard.",
          "type": "'text' | 'none' | 'decimal' | 'number' | 'tel' | 'search' | 'email' | 'url'",
          "default": "\"text\""
        },
        {
          "name": "pattern",
          "attribute": "pattern",
          "description": "Validates the input based on the Regex pattern",
          "type": "string"
        },
        {
          "name": "tabIndex",
          "attribute": "tabindex",
          "description": "Set the input tabindex, set this to `-1` to avoid tabbing into the input.",
          "type": "number",
          "default": "0"
        },
        {
          "name": "styles",
          "type": "CSSResult[]",
          "default": "[null,null]"
        },
        {
          "name": "spellcheck",
          "attribute": "spellcheck",
          "description": "get/set native spellcheck attribute",
          "type": "boolean"
        },
        {
          "name": "formAssociated",
          "description": "This is a static class field indicating that the element is can be used inside a native form and participate in its events. It may require a polyfill, check support here https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/attachInternals.  Read more about form controls here https://web.dev/more-capable-form-controls/",
          "type": "boolean",
          "default": "true"
        },
        {
          "name": "name",
          "attribute": "name",
          "description": "get/set the name of the input",
          "type": "string",
          "default": "\"''\""
        },
        {
          "name": "value",
          "attribute": "value",
          "description": "get/set the value of the input",
          "type": "string",
          "default": "\"''\""
        },
        {
          "name": "required",
          "attribute": "required",
          "description": "Apply validation rule for requiring a value of this form control.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "requiredMessage",
          "attribute": "required-message",
          "description": "Required validation message.",
          "type": "string",
          "default": "\"This field is required\""
        },
        {
          "name": "error",
          "attribute": "error",
          "description": "Apply custom error on this input.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "errorMessage",
          "attribute": "error-message",
          "description": "Custom error message.",
          "type": "string",
          "default": "\"This field is invalid\""
        },
        {
          "name": "validity",
          "type": "ValidityState"
        },
        {
          "name": "validationMessage",
          "type": "string"
        },
        {
          "name": "pristine",
          "attribute": "pristine",
          "description": "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.",
          "type": "boolean",
          "default": "\"true\""
        },
        {
          "name": "label",
          "attribute": "label",
          "description": "Label to be used for aria-label and potentially as visual label for some components",
          "type": "string"
        }
      ],
      "events": [
        {
          "name": "change",
          "description": "on change"
        },
        {
          "name": "input",
          "description": "on input"
        },
        {
          "name": "keyup",
          "description": "on keyup"
        }
      ],
      "slots": [
        {
          "name": "prepend",
          "description": "for components to render to the left of the input."
        },
        {
          "name": "append",
          "description": "for components to render to the right of the input."
        }
      ],
      "cssProperties": [
        {
          "name": "--uui-input-height",
          "description": "Height of the element"
        },
        {
          "name": "--uui-input-background-color",
          "description": "Background color of the element"
        },
        {
          "name": "--uui-input-background-color-disabled",
          "description": "Background color when disabled"
        },
        {
          "name": "--uui-input-background-color-readonly",
          "description": "Background color when readonly"
        },
        {
          "name": "--uui-input-border-width",
          "description": "Border width"
        },
        {
          "name": "--uui-input-border-color",
          "description": "Border color"
        },
        {
          "name": "--uui-input-border-color-hover",
          "description": "Border color on hover"
        },
        {
          "name": "--uui-input-border-color-focus",
          "description": "Border color on focus"
        },
        {
          "name": "--uui-input-border-color-disabled",
          "description": "Border color when disabled"
        },
        {
          "name": "--uui-input-border-color-readonly",
          "description": "Border color when readonly"
        }
      ]
    },
    {
      "name": "uui-input",
      "path": "./../uui-input/lib/uui-input.element.ts",
      "description": "Custom element wrapping the native input element.This is a formAssociated element, meaning it can participate in a native HTMLForm. A name:value pair will be submitted.",
      "attributes": [
        {
          "name": "min",
          "description": "Sets the min value of the input.\nExamples: the first date the user may pick in date and datetime-local, or the min numeric value the user can pick in a number input.",
          "type": "number | string",
          "default": "\"undefined\""
        },
        {
          "name": "minlength",
          "description": "Sets the minimum length of the value of the input.",
          "type": "number",
          "default": "\"undefined\""
        },
        {
          "name": "minlength-message",
          "description": "Minlength validation message.",
          "type": "string | ((charsLeft: number) => string)",
          "default": "\"\""
        },
        {
          "name": "max",
          "description": "Sets the max value of the input.\nExamples: the last date the user may pick in date and datetime-local, or the max numeric value the user can pick in a number input.",
          "type": "number | string",
          "default": "\"undefined\""
        },
        {
          "name": "maxlength",
          "description": "Sets the maximum length of the value of the input.",
          "type": "number",
          "default": "\"undefined\""
        },
        {
          "name": "maxlength-message",
          "description": "Maxlength validation message.",
          "type": "string | ((max: number, current: number) => string)",
          "default": "\"\""
        },
        {
          "name": "step",
          "description": "Specifies the interval between legal numbers of the input",
          "type": "number",
          "default": "\"undefined\""
        },
        {
          "name": "disabled",
          "description": "Disables the input.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "readonly",
          "description": "Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "placeholder",
          "description": "Defines the input placeholder.",
          "type": "string",
          "default": "\"''\""
        },
        {
          "name": "autocomplete",
          "description": "Defines the input autocomplete.",
          "type": "string",
          "default": "\"undefined\""
        },
        {
          "name": "auto-width",
          "description": "Sets the input width to fit the value or placeholder if empty",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "type",
          "description": "This property specifies the type of input that will be rendered.",
          "type": "'text' | 'tel' | 'url' | 'email' | 'password' | 'date' | 'month' | 'week' | 'time' | 'datetime-local' | 'number' | 'color'",
          "default": "\"text\""
        },
        {
          "name": "inputmode",
          "description": "The inputmode global attribute is an enumerated attribute that hints at the type of data that might be entered by the user while editing the element or its contents. This allows a browser to display an appropriate virtual keyboard.",
          "type": "'text' | 'none' | 'decimal' | 'number' | 'tel' | 'search' | 'email' | 'url'",
          "default": "\"text\""
        },
        {
          "name": "pattern",
          "description": "Validates the input based on the Regex pattern",
          "type": "string"
        },
        {
          "name": "tabindex",
          "description": "Set the input tabindex, set this to `-1` to avoid tabbing into the input.",
          "type": "number",
          "default": "0"
        },
        {
          "name": "spellcheck",
          "description": "get/set native spellcheck attribute",
          "type": "boolean"
        },
        {
          "name": "name",
          "description": "get/set the name of the input",
          "type": "string",
          "default": "\"''\""
        },
        {
          "name": "value",
          "description": "get/set the value of the input",
          "type": "string",
          "default": "\"''\""
        },
        {
          "name": "required",
          "description": "Apply validation rule for requiring a value of this form control.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "required-message",
          "description": "Required validation message.",
          "type": "string",
          "default": "\"This field is required\""
        },
        {
          "name": "error",
          "description": "Apply custom error on this input.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "error-message",
          "description": "Custom error message.",
          "type": "string",
          "default": "\"This field is invalid\""
        },
        {
          "name": "pristine",
          "description": "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.",
          "type": "boolean",
          "default": "\"true\""
        },
        {
          "name": "label",
          "description": "Label to be used for aria-label and potentially as visual label for some components",
          "type": "string"
        }
      ],
      "properties": [
        {
          "name": "min",
          "attribute": "min",
          "description": "Sets the min value of the input.\nExamples: the first date the user may pick in date and datetime-local, or the min numeric value the user can pick in a number input.",
          "type": "number | string",
          "default": "\"undefined\""
        },
        {
          "name": "minlength",
          "attribute": "minlength",
          "description": "Sets the minimum length of the value of the input.",
          "type": "number",
          "default": "\"undefined\""
        },
        {
          "name": "minlengthMessage",
          "attribute": "minlength-message",
          "description": "Minlength validation message.",
          "type": "string | ((charsLeft: number) => string)",
          "default": "\"\""
        },
        {
          "name": "max",
          "attribute": "max",
          "description": "Sets the max value of the input.\nExamples: the last date the user may pick in date and datetime-local, or the max numeric value the user can pick in a number input.",
          "type": "number | string",
          "default": "\"undefined\""
        },
        {
          "name": "maxlength",
          "attribute": "maxlength",
          "description": "Sets the maximum length of the value of the input.",
          "type": "number",
          "default": "\"undefined\""
        },
        {
          "name": "maxlengthMessage",
          "attribute": "maxlength-message",
          "description": "Maxlength validation message.",
          "type": "string | ((max: number, current: number) => string)",
          "default": "\"\""
        },
        {
          "name": "step",
          "attribute": "step",
          "description": "Specifies the interval between legal numbers of the input",
          "type": "number",
          "default": "\"undefined\""
        },
        {
          "name": "disabled",
          "attribute": "disabled",
          "description": "Disables the input.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "readonly",
          "attribute": "readonly",
          "description": "Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "placeholder",
          "attribute": "placeholder",
          "description": "Defines the input placeholder.",
          "type": "string",
          "default": "\"''\""
        },
        {
          "name": "autocomplete",
          "attribute": "autocomplete",
          "description": "Defines the input autocomplete.",
          "type": "string",
          "default": "\"undefined\""
        },
        {
          "name": "autoWidth",
          "attribute": "auto-width",
          "description": "Sets the input width to fit the value or placeholder if empty",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "type",
          "attribute": "type",
          "description": "This property specifies the type of input that will be rendered.",
          "type": "'text' | 'tel' | 'url' | 'email' | 'password' | 'date' | 'month' | 'week' | 'time' | 'datetime-local' | 'number' | 'color'",
          "default": "\"text\""
        },
        {
          "name": "inputMode",
          "attribute": "inputmode",
          "description": "The inputmode global attribute is an enumerated attribute that hints at the type of data that might be entered by the user while editing the element or its contents. This allows a browser to display an appropriate virtual keyboard.",
          "type": "'text' | 'none' | 'decimal' | 'number' | 'tel' | 'search' | 'email' | 'url'",
          "default": "\"text\""
        },
        {
          "name": "pattern",
          "attribute": "pattern",
          "description": "Validates the input based on the Regex pattern",
          "type": "string"
        },
        {
          "name": "tabIndex",
          "attribute": "tabindex",
          "description": "Set the input tabindex, set this to `-1` to avoid tabbing into the input.",
          "type": "number",
          "default": "0"
        },
        {
          "name": "styles",
          "type": "CSSResult[]",
          "default": "[null]"
        },
        {
          "name": "spellcheck",
          "attribute": "spellcheck",
          "description": "get/set native spellcheck attribute",
          "type": "boolean"
        },
        {
          "name": "formAssociated",
          "description": "This is a static class field indicating that the element is can be used inside a native form and participate in its events. It may require a polyfill, check support here https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/attachInternals.  Read more about form controls here https://web.dev/more-capable-form-controls/",
          "type": "boolean",
          "default": "true"
        },
        {
          "name": "name",
          "attribute": "name",
          "description": "get/set the name of the input",
          "type": "string",
          "default": "\"''\""
        },
        {
          "name": "value",
          "attribute": "value",
          "description": "get/set the value of the input",
          "type": "string",
          "default": "\"''\""
        },
        {
          "name": "required",
          "attribute": "required",
          "description": "Apply validation rule for requiring a value of this form control.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "requiredMessage",
          "attribute": "required-message",
          "description": "Required validation message.",
          "type": "string",
          "default": "\"This field is required\""
        },
        {
          "name": "error",
          "attribute": "error",
          "description": "Apply custom error on this input.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "errorMessage",
          "attribute": "error-message",
          "description": "Custom error message.",
          "type": "string",
          "default": "\"This field is invalid\""
        },
        {
          "name": "validity",
          "type": "ValidityState"
        },
        {
          "name": "validationMessage",
          "type": "string"
        },
        {
          "name": "pristine",
          "attribute": "pristine",
          "description": "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.",
          "type": "boolean",
          "default": "\"true\""
        },
        {
          "name": "label",
          "attribute": "label",
          "description": "Label to be used for aria-label and potentially as visual label for some components",
          "type": "string"
        }
      ],
      "events": [
        {
          "name": "change",
          "description": "on change"
        },
        {
          "name": "input",
          "description": "on input"
        },
        {
          "name": "keyup",
          "description": "on keyup"
        }
      ],
      "slots": [
        {
          "name": "prepend",
          "description": "for components to render to the left of the input."
        },
        {
          "name": "append",
          "description": "for components to render to the right of the input."
        }
      ],
      "cssProperties": [
        {
          "name": "--uui-input-height",
          "description": "Height of the element"
        },
        {
          "name": "--uui-input-background-color",
          "description": "Background color of the element"
        },
        {
          "name": "--uui-input-background-color-disabled",
          "description": "Background color when disabled"
        },
        {
          "name": "--uui-input-background-color-readonly",
          "description": "Background color when readonly"
        },
        {
          "name": "--uui-input-border-width",
          "description": "Border width"
        },
        {
          "name": "--uui-input-border-color",
          "description": "Border color"
        },
        {
          "name": "--uui-input-border-color-hover",
          "description": "Border color on hover"
        },
        {
          "name": "--uui-input-border-color-focus",
          "description": "Border color on focus"
        },
        {
          "name": "--uui-input-border-color-disabled",
          "description": "Border color when disabled"
        },
        {
          "name": "--uui-input-border-color-readonly",
          "description": "Border color when readonly"
        }
      ]
    },
    {
      "name": "uui-key",
      "path": "./../uui-keyboard-shortcut/lib/uui-key.element.ts",
      "description": "A visual representation of a key on you keyboard. use inside `<uui-keyboard-shortcut></uui-keyboard-shortcut>`",
      "properties": [
        {
          "name": "styles",
          "type": "CSSResult[]",
          "default": "[null]"
        }
      ],
      "slots": [
        {
          "name": "",
          "description": "for the key name. Anything you put in here will be lowercase."
        }
      ]
    },
    {
      "name": "uui-keyboard-shortcut",
      "path": "./../uui-keyboard-shortcut/lib/uui-keyboard-shortcut.element.ts",
      "description": "A visual representation of a keyboard shortcut.",
      "properties": [
        {
          "name": "styles",
          "type": "CSSResult[]",
          "default": "[null]"
        }
      ],
      "slots": [
        {
          "name": "",
          "description": "for `<uui-key></uui-key>` elements"
        }
      ]
    },
    {
      "name": "uui-label",
      "path": "./../uui-label/lib/uui-label.element.ts",
      "description": "Label element for Custom Element",
      "attributes": [
        {
          "name": "disabled",
          "description": "Disables the label.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "for",
          "description": "Define the related element to this label.",
          "type": "string | HTMLElement",
          "default": "\"null\""
        },
        {
          "name": "required",
          "description": "Highlight that the related element is required.",
          "type": "boolean",
          "default": "\"false\""
        }
      ],
      "properties": [
        {
          "name": "disabled",
          "attribute": "disabled",
          "description": "Disables the label.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "for",
          "attribute": "for",
          "description": "Define the related element to this label.",
          "type": "string | HTMLElement",
          "default": "\"null\""
        },
        {
          "name": "required",
          "attribute": "required",
          "description": "Highlight that the related element is required.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "styles",
          "type": "CSSResult[]",
          "default": "[null]"
        }
      ],
      "slots": [
        {
          "name": "",
          "description": "for the label text."
        }
      ],
      "cssProperties": [
        {
          "name": "--uui-validation-color",
          "description": "Color property for the required asterisk."
        }
      ]
    },
    {
      "name": "uui-loader-bar",
      "path": "./../uui-loader-bar/lib/uui-loader-bar.element.ts",
      "attributes": [
        {
          "name": "progress",
          "description": "Set this to a number between 0 and 100 to reflect the progress of some operation. When the value is left at 0 loader will looped animation",
          "type": "number",
          "default": "\"0\""
        },
        {
          "name": "animationDuration",
          "description": "Set this to a number greater then 0 to define the length of loader animation in seconds. Passing 0 or a negative number as a value will set it to 1 second. This is because negative values are illegal in the `animation-duration` css property, and value of 0 just stops the animation.",
          "type": "number",
          "default": "\"1\""
        }
      ],
      "properties": [
        {
          "name": "progress",
          "attribute": "progress",
          "description": "Set this to a number between 0 and 100 to reflect the progress of some operation. When the value is left at 0 loader will looped animation",
          "type": "number",
          "default": "\"0\""
        },
        {
          "name": "animationDuration",
          "attribute": "animationDuration",
          "description": "Set this to a number greater then 0 to define the length of loader animation in seconds. Passing 0 or a negative number as a value will set it to 1 second. This is because negative values are illegal in the `animation-duration` css property, and value of 0 just stops the animation.",
          "type": "number",
          "default": "\"1\""
        },
        {
          "name": "styles",
          "type": "CSSResult[]",
          "default": "[null]"
        }
      ]
    },
    {
      "name": "uui-loader-circle",
      "path": "./../uui-loader-circle/lib/uui-loader-circle.element.ts",
      "attributes": [
        {
          "name": "progress",
          "description": "Sets the progress that loader shows",
          "type": "number",
          "default": "\"0\""
        },
        {
          "name": "show-progress",
          "description": "If true then element displays progress number at bigger sizes",
          "type": "boolean",
          "default": "\"false\""
        }
      ],
      "properties": [
        {
          "name": "progress",
          "attribute": "progress",
          "description": "Sets the progress that loader shows",
          "type": "number",
          "default": "\"0\""
        },
        {
          "name": "showProgress",
          "attribute": "show-progress",
          "description": "If true then element displays progress number at bigger sizes",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "styles",
          "type": "CSSResult[]",
          "default": "[null]"
        }
      ]
    },
    {
      "name": "uui-loader",
      "path": "./../uui-loader/lib/uui-loader.element.ts",
      "description": "A basic loader.",
      "properties": [
        {
          "name": "styles",
          "type": "CSSResult[]",
          "default": "[null]"
        }
      ]
    },
    {
      "name": "uui-menu-item",
      "path": "./../uui-menu-item/lib/uui-menu-item.element.ts",
      "attributes": [
        {
          "name": "disabled",
          "description": "Disables the menu item, changes the looks of it and prevents it from emitting the click event",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "show-children",
          "description": "Controls if nested items should be shown.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "has-children",
          "description": "Shows/hides the caret.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "loading",
          "description": "Shows/hides the loading indicator",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "href",
          "description": "Set an href, this will turns the label into a anchor tag.",
          "type": "string",
          "default": "\"undefined\""
        },
        {
          "name": "target",
          "description": "Set an anchor tag target, only used when using href.",
          "type": "string",
          "default": "\"undefined\""
        },
        {
          "name": "rel",
          "description": "Set the rel attribute for an anchor tag, only used when using href.",
          "type": "string",
          "default": "\"undefined\""
        },
        {
          "name": "select-mode",
          "description": "Sets the selection mode.",
          "type": "string",
          "default": "\"undefined\""
        },
        {
          "name": "caret-label",
          "description": "Sets the aria-label for the caret button.",
          "type": "string",
          "default": "\"'Reveal the underlying items'\""
        },
        {
          "name": "select-only",
          "description": "Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.",
          "type": "boolean"
        },
        {
          "name": "selectable",
          "description": "Enable the ability to select this element.",
          "type": "boolean"
        },
        {
          "name": "selected",
          "description": "Attribute applied when the element is selected.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "active",
          "description": "Set this boolean to true for then the related composition is sorted.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "label",
          "description": "Label to be used for aria-label and potentially as visual label for some components",
          "type": "string"
        }
      ],
      "properties": [
        {
          "name": "disabled",
          "attribute": "disabled",
          "description": "Disables the menu item, changes the looks of it and prevents it from emitting the click event",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "showChildren",
          "attribute": "show-children",
          "description": "Controls if nested items should be shown.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "hasChildren",
          "attribute": "has-children",
          "description": "Shows/hides the caret.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "loading",
          "attribute": "loading",
          "description": "Shows/hides the loading indicator",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "href",
          "attribute": "href",
          "description": "Set an href, this will turns the label into a anchor tag.",
          "type": "string",
          "default": "\"undefined\""
        },
        {
          "name": "target",
          "attribute": "target",
          "description": "Set an anchor tag target, only used when using href.",
          "type": "string",
          "default": "\"undefined\""
        },
        {
          "name": "rel",
          "attribute": "rel",
          "description": "Set the rel attribute for an anchor tag, only used when using href.",
          "type": "string",
          "default": "\"undefined\""
        },
        {
          "name": "selectMode",
          "attribute": "select-mode",
          "description": "Sets the selection mode.",
          "type": "string",
          "default": "\"undefined\""
        },
        {
          "name": "caretLabel",
          "attribute": "caret-label",
          "description": "Sets the aria-label for the caret button.",
          "type": "string",
          "default": "\"'Reveal the underlying items'\""
        },
        {
          "name": "renderExpandSymbol",
          "description": "Overwrite the expand symbol rendering, this replaces the Expand Symbol from UI Library.",
          "type": "(() => Element | TemplateResult<1> | undefined) | undefined"
        },
        {
          "name": "styles",
          "type": "CSSResult[]",
          "default": "[null]"
        },
        {
          "name": "selectOnly",
          "attribute": "select-only",
          "description": "Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.",
          "type": "boolean"
        },
        {
          "name": "selectable",
          "attribute": "selectable",
          "description": "Enable the ability to select this element.",
          "type": "boolean"
        },
        {
          "name": "selected",
          "attribute": "selected",
          "description": "Attribute applied when the element is selected.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "active",
          "attribute": "active",
          "description": "Set this boolean to true for then the related composition is sorted.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "label",
          "attribute": "label",
          "description": "Label to be used for aria-label and potentially as visual label for some components",
          "type": "string"
        }
      ],
      "events": [
        {
          "name": "show-children",
          "description": "fires when the expand icon is clicked to show nested menu items"
        },
        {
          "name": "hide-children",
          "description": "fires when the expend icon is clicked to hide nested menu items"
        },
        {
          "name": "click-label",
          "description": "fires when the label is clicked"
        },
        {
          "name": "selected",
          "description": "fires when the media card is selected"
        },
        {
          "name": "deselected",
          "description": "fires when the media card is deselected"
        }
      ],
      "slots": [
        {
          "name": "",
          "description": "nested menu items go here"
        },
        {
          "name": "icon",
          "description": "icon area"
        },
        {
          "name": "actions",
          "description": "actions area"
        },
        {
          "name": "label",
          "description": "area to place the label"
        }
      ],
      "cssProperties": [
        {
          "name": "--uui-menu-item-indent",
          "description": "set indentation of the menu items"
        },
        {
          "name": "--uui-menu-item-flat-structure",
          "description": "set to 1 to remove the indentation of the chevron. Use this when you have a flat menu structure"
        },
        {
          "name": "--uui-menu-item-background-color-hover",
          "description": "background color when hovering"
        },
        {
          "name": "--uui-menu-item-color-hover",
          "description": "text color when hovering"
        },
        {
          "name": "--uui-menu-item-background-color-active",
          "description": "background color when active"
        },
        {
          "name": "--uui-menu-item-color-active",
          "description": "text color when active"
        },
        {
          "name": "--uui-menu-item-background-color-disabled",
          "description": "background color when disabled"
        },
        {
          "name": "--uui-menu-item-color-disabled",
          "description": "text color when disabled"
        },
        {
          "name": "--uui-menu-item-background-color-selected",
          "description": "background color when selected"
        },
        {
          "name": "--uui-menu-item-color-selected",
          "description": "text color when selected"
        },
        {
          "name": "--uui-menu-item-color-background-selected-hover",
          "description": "text color when selected"
        }
      ]
    },
    {
      "name": "modal-example",
      "path": "./../uui-modal/lib/modal-example.element.ts",
      "properties": [
        {
          "name": "styles",
          "type": "CSSResult",
          "default": "\"css`\\n    .sidebar-buttons {\\n      margin-top: auto;\\n      display: flex;\\n      align-items: center;\\n      justify-content: end;\\n      padding: 16px;\\n      background: var(--uui-color-surface);\\n      box-shadow: var(--uui-shadow-depth-4);\\n    }\\n  `\""
        }
      ]
    },
    {
      "name": "uui-modal-dialog",
      "path": "./../uui-modal/lib/uui-modal-dialog.element.ts",
      "attributes": [
        {
          "name": "is-open",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "is-closing",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "index",
          "type": "number",
          "default": "0"
        },
        {
          "name": "unique-index",
          "type": "number",
          "default": "0"
        },
        {
          "name": "transition-duration",
          "type": "number"
        }
      ],
      "properties": [
        {
          "name": "isOpen",
          "attribute": "is-open",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "isClosing",
          "attribute": "is-closing",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "index",
          "attribute": "index",
          "type": "number",
          "default": "0"
        },
        {
          "name": "uniqueIndex",
          "attribute": "unique-index",
          "type": "number",
          "default": "0"
        },
        {
          "name": "transitionDuration",
          "attribute": "transition-duration",
          "type": "number"
        },
        {
          "name": "open",
          "type": "(event?: Event | undefined) => void",
          "default": "\"(event?: Event) => {\\n    event?.preventDefault();\\n    event?.stopImmediatePropagation();\\n\\n    const openEvent = new CustomEvent(UUIModalOpenEvent, {\\n      cancelable: true,\\n    });\\n    // TODO: get rid of legacy 'open'-event sometime in the future. [NL]\\n    const legacyOpenEvent = new CustomEvent('open', {\\n      cancelable: true,\\n    });\\n\\n    this.dispatchEvent(openEvent);\\n    this.dispatchEvent(legacyOpenEvent);\\n    if (openEvent.defaultPrevented || legacyOpenEvent.defaultPrevented) return;\\n\\n    this._openModal();\\n  }\""
        },
        {
          "name": "close",
          "type": "(event?: Event | undefined) => void",
          "default": "\"(event?: Event) => {\\n    event?.preventDefault();\\n    event?.stopImmediatePropagation();\\n\\n    const closeEvent = new CustomEvent(UUIModalCloseEvent, {\\n      cancelable: true,\\n    });\\n    this.dispatchEvent(closeEvent);\\n\\n    if (closeEvent.defaultPrevented) return;\\n\\n    this.forceClose();\\n  }\""
        },
        {
          "name": "styles",
          "type": "CSSResult[]",
          "default": "[null,null]"
        }
      ],
      "events": [
        {
          "name": "uui:modal-open"
        },
        {
          "name": "open"
        },
        {
          "name": "uui:modal-close"
        },
        {
          "name": "close-end"
        },
        {
          "name": "uui:modal-close-end"
        }
      ]
    },
    {
      "name": "uui-modal-sidebar",
      "path": "./../uui-modal/lib/uui-modal-sidebar.element.ts",
      "attributes": [
        {
          "name": "size",
          "type": "UUIModalSidebarSize",
          "default": "\"full\""
        },
        {
          "name": "is-open",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "is-closing",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "index",
          "type": "number",
          "default": "0"
        },
        {
          "name": "unique-index",
          "type": "number",
          "default": "0"
        },
        {
          "name": "transition-duration",
          "type": "number"
        }
      ],
      "properties": [
        {
          "name": "size",
          "attribute": "size",
          "type": "UUIModalSidebarSize",
          "default": "\"full\""
        },
        {
          "name": "isOpen",
          "attribute": "is-open",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "isClosing",
          "attribute": "is-closing",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "index",
          "attribute": "index",
          "type": "number",
          "default": "0"
        },
        {
          "name": "uniqueIndex",
          "attribute": "unique-index",
          "type": "number",
          "default": "0"
        },
        {
          "name": "transitionDuration",
          "attribute": "transition-duration",
          "type": "number"
        },
        {
          "name": "open",
          "type": "(event?: Event | undefined) => void",
          "default": "\"(event?: Event) => {\\n    event?.preventDefault();\\n    event?.stopImmediatePropagation();\\n\\n    const openEvent = new CustomEvent(UUIModalOpenEvent, {\\n      cancelable: true,\\n    });\\n    // TODO: get rid of legacy 'open'-event sometime in the future. [NL]\\n    const legacyOpenEvent = new CustomEvent('open', {\\n      cancelable: true,\\n    });\\n\\n    this.dispatchEvent(openEvent);\\n    this.dispatchEvent(legacyOpenEvent);\\n    if (openEvent.defaultPrevented || legacyOpenEvent.defaultPrevented) return;\\n\\n    this._openModal();\\n  }\""
        },
        {
          "name": "close",
          "type": "(event?: Event | undefined) => void",
          "default": "\"(event?: Event) => {\\n    event?.preventDefault();\\n    event?.stopImmediatePropagation();\\n\\n    const closeEvent = new CustomEvent(UUIModalCloseEvent, {\\n      cancelable: true,\\n    });\\n    this.dispatchEvent(closeEvent);\\n\\n    if (closeEvent.defaultPrevented) return;\\n\\n    this.forceClose();\\n  }\""
        },
        {
          "name": "styles",
          "type": "CSSResult[]",
          "default": "[null,null]"
        }
      ],
      "events": [
        {
          "name": "uui:modal-open"
        },
        {
          "name": "open"
        },
        {
          "name": "uui:modal-close"
        },
        {
          "name": "close-end"
        },
        {
          "name": "uui:modal-close-end"
        }
      ]
    },
    {
      "name": "uui-pagination",
      "path": "./../uui-pagination/lib/uui-pagination.element.ts",
      "attributes": [
        {
          "name": "label",
          "description": "This property is used to generate a proper `aria-label`. It will be announced by screen reader as: \"<<this.label>>. Current page: <<this.current>>\"",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "aria-label",
          "description": "With this property you can overwrite aria-label.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "firstLabel",
          "description": "This property is used to generate the name of the first button",
          "type": "string",
          "default": "\"First\""
        },
        {
          "name": "previousLabel",
          "description": "This property is used to generate the name of the previous button",
          "type": "string",
          "default": "\"Previous\""
        },
        {
          "name": "nextLabel",
          "description": "This property is used to generate the name of the next button",
          "type": "string",
          "default": "\"Next\""
        },
        {
          "name": "lastLabel",
          "description": "This property is used to generate the name of the last button",
          "type": "string",
          "default": "\"Last\""
        },
        {
          "name": "total",
          "description": "Set the amount of pages to navigate.",
          "type": "number",
          "default": "\": 1\""
        },
        {
          "name": "current",
          "description": "Define the current active page.",
          "type": "number"
        }
      ],
      "properties": [
        {
          "name": "label",
          "attribute": "label",
          "description": "This property is used to generate a proper `aria-label`. It will be announced by screen reader as: \"<<this.label>>. Current page: <<this.current>>\"",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "ariaLabel",
          "attribute": "aria-label",
          "description": "With this property you can overwrite aria-label.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "firstLabel",
          "attribute": "firstLabel",
          "description": "This property is used to generate the name of the first button",
          "type": "string",
          "default": "\"First\""
        },
        {
          "name": "previousLabel",
          "attribute": "previousLabel",
          "description": "This property is used to generate the name of the previous button",
          "type": "string",
          "default": "\"Previous\""
        },
        {
          "name": "nextLabel",
          "attribute": "nextLabel",
          "description": "This property is used to generate the name of the next button",
          "type": "string",
          "default": "\"Next\""
        },
        {
          "name": "lastLabel",
          "attribute": "lastLabel",
          "description": "This property is used to generate the name of the last button",
          "type": "string",
          "default": "\"Last\""
        },
        {
          "name": "total",
          "attribute": "total",
          "description": "Set the amount of pages to navigate.",
          "type": "number",
          "default": "\": 1\""
        },
        {
          "name": "current",
          "attribute": "current",
          "description": "Define the current active page.",
          "type": "number"
        },
        {
          "name": "styles",
          "type": "CSSResult[]",
          "default": "[null]"
        }
      ],
      "events": [
        {
          "name": "change",
          "description": "When clicked on the page button fires change event"
        }
      ]
    },
    {
      "name": "uui-popover-container",
      "path": "./../uui-popover-container/lib/uui-popover-container-shadowdomtester.element.ts"
    },
    {
      "name": "uui-popover-container",
      "path": "./../uui-popover-container/lib/uui-popover-container.element.ts",
      "attributes": [
        {
          "name": "margin",
          "description": "Set the distance between popover container element and target element.",
          "type": "number",
          "default": "\"0\""
        },
        {
          "name": "open",
          "description": "Read-only attribute to check if the popover is open",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "placement",
          "description": "Define the placement of the popover container.",
          "type": "PopoverContainerPlacement",
          "default": "\"'bottom-start'\""
        },
        {
          "name": "popover",
          "description": "Indicates that the element is a popover container"
        }
      ],
      "properties": [
        {
          "name": "margin",
          "attribute": "margin",
          "description": "Set the distance between popover container element and target element.",
          "type": "number",
          "default": "\"0\""
        },
        {
          "name": "open",
          "attribute": "open",
          "description": "Read-only attribute to check if the popover is open",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "placement",
          "attribute": "placement",
          "description": "Define the placement of the popover container.",
          "type": "PopoverContainerPlacement",
          "default": "\"'bottom-start'\""
        },
        {
          "name": "styles",
          "type": "CSSResult[]",
          "default": "[null]"
        }
      ],
      "events": [
        {
          "name": "uui-popover-before-toggle"
        }
      ]
    },
    {
      "name": "uui-popover",
      "path": "./../uui-popover/lib/uui-popover.element.ts",
      "attributes": [
        {
          "name": "margin",
          "description": "Set the distance between popover-modal and trigger.",
          "type": "number",
          "default": "\"false\""
        },
        {
          "name": "placement",
          "description": "Define the placement of the popover-modal.",
          "type": "PopoverPlacement",
          "default": "\"'bottom-start'\""
        },
        {
          "name": "open",
          "description": "Opens the popover-modal.",
          "type": "boolean",
          "default": "\"false\""
        }
      ],
      "properties": [
        {
          "name": "margin",
          "attribute": "margin",
          "description": "Set the distance between popover-modal and trigger.",
          "type": "number",
          "default": "\"false\""
        },
        {
          "name": "placement",
          "attribute": "placement",
          "description": "Define the placement of the popover-modal.",
          "type": "PopoverPlacement",
          "default": "\"'bottom-start'\""
        },
        {
          "name": "open",
          "attribute": "open",
          "description": "Opens the popover-modal.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "styles",
          "type": "CSSResult[]",
          "default": "[null]"
        }
      ],
      "events": [
        {
          "name": "close",
          "description": "When popover is closed by user interaction."
        }
      ],
      "slots": [
        {
          "name": "trigger",
          "description": "The element that triggers the popover."
        },
        {
          "name": "popover",
          "description": "The content of the popover."
        }
      ],
      "cssProperties": [
        {
          "name": "--uui-popover-z-index",
          "description": "overwrite the z-index of the popover container."
        }
      ],
      "deprecated": true,
      "deprecatedMessage": "This component has been deprecated and will be removed in future releases. It is being replaced by popover-container."
    },
    {
      "name": "uui-progress-bar",
      "path": "./../uui-progress-bar/lib/uui-progress-bar.element.ts",
      "attributes": [
        {
          "name": "progress",
          "description": "Set this to a number between 0 and 100 to reflect the progress of some operation.",
          "type": "number",
          "default": "\"0\""
        }
      ],
      "properties": [
        {
          "name": "progress",
          "attribute": "progress",
          "description": "Set this to a number between 0 and 100 to reflect the progress of some operation.",
          "type": "number",
          "default": "\"0\""
        },
        {
          "name": "styles",
          "type": "CSSResult[]",
          "default": "[null]"
        }
      ]
    },
    {
      "name": "uui-radio-group",
      "path": "./../uui-radio/lib/uui-radio-group.element.ts",
      "attributes": [
        {
          "name": "disabled",
          "description": "Disables the input.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "readonly",
          "description": "Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "name",
          "description": "This is a name property of the component.",
          "type": "string",
          "default": "\"''\""
        },
        {
          "name": "value",
          "description": "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.",
          "type": "string",
          "default": "\"''\""
        },
        {
          "name": "required",
          "description": "Apply validation rule for requiring a value of this form control.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "required-message",
          "description": "Required validation message.",
          "type": "string",
          "default": "\"This field is required\""
        },
        {
          "name": "error",
          "description": "Apply custom error on this input.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "error-message",
          "description": "Custom error message.",
          "type": "string",
          "default": "\"This field is invalid\""
        },
        {
          "name": "pristine",
          "description": "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.",
          "type": "boolean",
          "default": "\"true\""
        }
      ],
      "properties": [
        {
          "name": "disabled",
          "attribute": "disabled",
          "description": "Disables the input.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "readonly",
          "attribute": "readonly",
          "description": "Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "styles",
          "type": "CSSResult[]",
          "default": "[null]"
        },
        {
          "name": "formAssociated",
          "description": "This is a static class field indicating that the element is can be used inside a native form and participate in its events. It may require a polyfill, check support here https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/attachInternals.  Read more about form controls here https://web.dev/more-capable-form-controls/",
          "type": "boolean",
          "default": "true"
        },
        {
          "name": "name",
          "attribute": "name",
          "description": "This is a name property of the component.",
          "type": "string",
          "default": "\"''\""
        },
        {
          "name": "value",
          "attribute": "value",
          "description": "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.",
          "type": "string",
          "default": "\"''\""
        },
        {
          "name": "required",
          "attribute": "required",
          "description": "Apply validation rule for requiring a value of this form control.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "requiredMessage",
          "attribute": "required-message",
          "description": "Required validation message.",
          "type": "string",
          "default": "\"This field is required\""
        },
        {
          "name": "error",
          "attribute": "error",
          "description": "Apply custom error on this input.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "errorMessage",
          "attribute": "error-message",
          "description": "Custom error message.",
          "type": "string",
          "default": "\"This field is invalid\""
        },
        {
          "name": "validity",
          "type": "ValidityState"
        },
        {
          "name": "validationMessage",
          "type": "string"
        },
        {
          "name": "pristine",
          "attribute": "pristine",
          "description": "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.",
          "type": "boolean",
          "default": "\"true\""
        }
      ],
      "slots": [
        {
          "name": "",
          "description": "slot for `<uui-radio>` elements or custom elements that extend from `UUIRadioElement`"
        }
      ]
    },
    {
      "name": "uui-radio",
      "path": "./../uui-radio/lib/uui-radio.element.ts",
      "attributes": [
        {
          "name": "name",
          "description": "This is a name property of the `<uui-radio>` component. It reflects the behaviour of the native `<input />` element and its name attribute.",
          "type": "string",
          "default": "\"''\""
        },
        {
          "name": "value",
          "description": "This is a value property of the `<uui-radio>`.",
          "type": "string",
          "default": "\"''\""
        },
        {
          "name": "label",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "checked",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "disabled",
          "description": "Disables the input.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "readonly",
          "description": "Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.",
          "type": "boolean",
          "default": "\"false\""
        }
      ],
      "properties": [
        {
          "name": "name",
          "attribute": "name",
          "description": "This is a name property of the `<uui-radio>` component. It reflects the behaviour of the native `<input />` element and its name attribute.",
          "type": "string",
          "default": "\"''\""
        },
        {
          "name": "value",
          "attribute": "value",
          "description": "This is a value property of the `<uui-radio>`.",
          "type": "string",
          "default": "\"''\""
        },
        {
          "name": "label",
          "attribute": "label",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "checked",
          "attribute": "checked",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "disabled",
          "attribute": "disabled",
          "description": "Disables the input.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "readonly",
          "attribute": "readonly",
          "description": "Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "styles",
          "type": "CSSResult[]",
          "default": "[\"UUIHorizontalShakeKeyframes\",null]"
        }
      ],
      "events": [
        {
          "name": "change",
          "description": "on input change"
        }
      ],
      "slots": [
        {
          "name": "",
          "description": "slot to set the label if no `label` attribute is set."
        }
      ],
      "cssProperties": [
        {
          "name": "--uui-radio-button-size",
          "description": "Sets the size of the radio button."
        }
      ]
    },
    {
      "name": "uui-range-slider",
      "path": "./../uui-range-slider/lib/uui-range-slider.element.ts",
      "attributes": [
        {
          "name": "label",
          "description": "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.",
          "type": "string"
        },
        {
          "name": "disabled",
          "description": "Disables the input.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "readonly",
          "description": "Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "min",
          "description": "Sets the minimum allowed value.",
          "type": "number",
          "default": "\"0\""
        },
        {
          "name": "max",
          "description": "Sets the maximum allowed value.",
          "type": "number",
          "default": "\"100\""
        },
        {
          "name": "hide-step-values",
          "description": "Hides the numbers representing the value of each steps. Dots will still be visible",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "step",
          "description": "This reflects the behavior of a native input step attribute.",
          "type": "number",
          "default": "\"1\""
        },
        {
          "name": "min-gap",
          "description": "Minimum value gap between the the two picked values. Cannot be lower than the step value and cannot be higher than the maximum gap",
          "type": "number",
          "default": "\"undefined\""
        },
        {
          "name": "max-gap",
          "description": "Maximum value gap between the the two picked values. Cannot be lower than the minimum gap.",
          "type": "number",
          "default": "\"undefined\""
        },
        {
          "name": "name",
          "description": "This is a name property of the component.",
          "type": "string",
          "default": "\"''\""
        },
        {
          "name": "value",
          "description": "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.",
          "type": "string",
          "default": "\"0,0\""
        },
        {
          "name": "required",
          "description": "Apply validation rule for requiring a value of this form control.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "required-message",
          "description": "Required validation message.",
          "type": "string",
          "default": "\"This field is required\""
        },
        {
          "name": "error",
          "description": "Apply custom error on this input.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "error-message",
          "description": "Custom error message.",
          "type": "string",
          "default": "\"This field is invalid\""
        },
        {
          "name": "pristine",
          "description": "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.",
          "type": "boolean",
          "default": "\"true\""
        }
      ],
      "properties": [
        {
          "name": "label",
          "attribute": "label",
          "description": "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.",
          "type": "string"
        },
        {
          "name": "disabled",
          "attribute": "disabled",
          "description": "Disables the input.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "readonly",
          "attribute": "readonly",
          "description": "Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "min",
          "attribute": "min",
          "description": "Sets the minimum allowed value.",
          "type": "number",
          "default": "\"0\""
        },
        {
          "name": "max",
          "attribute": "max",
          "description": "Sets the maximum allowed value.",
          "type": "number",
          "default": "\"100\""
        },
        {
          "name": "hideStepValues",
          "attribute": "hide-step-values",
          "description": "Hides the numbers representing the value of each steps. Dots will still be visible",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "step",
          "attribute": "step",
          "description": "This reflects the behavior of a native input step attribute.",
          "type": "number",
          "default": "\"1\""
        },
        {
          "name": "minGap",
          "attribute": "min-gap",
          "description": "Minimum value gap between the the two picked values. Cannot be lower than the step value and cannot be higher than the maximum gap",
          "type": "number",
          "default": "\"undefined\""
        },
        {
          "name": "maxGap",
          "attribute": "max-gap",
          "description": "Maximum value gap between the the two picked values. Cannot be lower than the minimum gap.",
          "type": "number",
          "default": "\"undefined\""
        },
        {
          "name": "styles",
          "description": "Style",
          "type": "CSSResult[]",
          "default": "[null]"
        },
        {
          "name": "formAssociated",
          "description": "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/",
          "type": "boolean",
          "default": "true"
        },
        {
          "name": "name",
          "attribute": "name",
          "description": "This is a name property of the component.",
          "type": "string",
          "default": "\"''\""
        },
        {
          "name": "value",
          "attribute": "value",
          "description": "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.",
          "type": "string",
          "default": "\"0,0\""
        },
        {
          "name": "required",
          "attribute": "required",
          "description": "Apply validation rule for requiring a value of this form control.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "requiredMessage",
          "attribute": "required-message",
          "description": "Required validation message.",
          "type": "string",
          "default": "\"This field is required\""
        },
        {
          "name": "error",
          "attribute": "error",
          "description": "Apply custom error on this input.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "errorMessage",
          "attribute": "error-message",
          "description": "Custom error message.",
          "type": "string",
          "default": "\"This field is invalid\""
        },
        {
          "name": "validity",
          "type": "ValidityState"
        },
        {
          "name": "validationMessage",
          "type": "string"
        },
        {
          "name": "pristine",
          "attribute": "pristine",
          "description": "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.",
          "type": "boolean",
          "default": "\"true\""
        }
      ],
      "events": [
        {
          "name": "input",
          "description": "on input"
        },
        {
          "name": "change",
          "description": "on change"
        }
      ]
    },
    {
      "name": "uui-ref-list",
      "path": "./../uui-ref-list/lib/uui-ref-list.element.ts",
      "properties": [
        {
          "name": "styles",
          "type": "CSSResult[]",
          "default": "[null]"
        }
      ]
    },
    {
      "name": "uui-ref-node-data-type",
      "path": "./../uui-ref-node-data-type/lib/uui-ref-node-data-type.element.ts",
      "attributes": [
        {
          "name": "alias",
          "description": "Alias",
          "type": "string",
          "default": "\"''\""
        },
        {
          "name": "name",
          "description": "Node name",
          "type": "string",
          "default": "\"''\""
        },
        {
          "name": "detail",
          "description": "Node details",
          "type": "string",
          "default": "\"''\""
        },
        {
          "name": "href",
          "description": "Set an href, this will turns the name of the card into an anchor tag.",
          "type": "string",
          "default": "\"undefined\""
        },
        {
          "name": "target",
          "description": "Set an anchor tag target, only used when using href.",
          "type": "string",
          "default": "\"undefined\""
        },
        {
          "name": "rel",
          "description": "Set the rel attribute for an anchor tag, only used when using href.",
          "type": "string",
          "default": "\"undefined\""
        },
        {
          "name": "readonly",
          "description": "Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "disabled",
          "description": "Set tot true to disable",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "error",
          "description": "Set to true to display error state",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "select-only",
          "description": "Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.",
          "type": "boolean"
        },
        {
          "name": "selectable",
          "description": "Enable the ability to select this element.",
          "type": "boolean"
        },
        {
          "name": "selected",
          "description": "Attribute applied when the element is selected.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "standalone",
          "description": "Set to true to make element stand out",
          "type": "boolean",
          "default": "false"
        }
      ],
      "properties": [
        {
          "name": "alias",
          "attribute": "alias",
          "description": "Alias",
          "type": "string",
          "default": "\"''\""
        },
        {
          "name": "name",
          "attribute": "name",
          "description": "Node name",
          "type": "string",
          "default": "\"''\""
        },
        {
          "name": "detail",
          "attribute": "detail",
          "description": "Node details",
          "type": "string",
          "default": "\"''\""
        },
        {
          "name": "href",
          "attribute": "href",
          "description": "Set an href, this will turns the name of the card into an anchor tag.",
          "type": "string",
          "default": "\"undefined\""
        },
        {
          "name": "target",
          "attribute": "target",
          "description": "Set an anchor tag target, only used when using href.",
          "type": "string",
          "default": "\"undefined\""
        },
        {
          "name": "rel",
          "attribute": "rel",
          "description": "Set the rel attribute for an anchor tag, only used when using href.",
          "type": "string",
          "default": "\"undefined\""
        },
        {
          "name": "readonly",
          "attribute": "readonly",
          "description": "Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "styles",
          "type": "CSSResult[]",
          "default": "[null]"
        },
        {
          "name": "disabled",
          "attribute": "disabled",
          "description": "Set tot true to disable",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "error",
          "attribute": "error",
          "description": "Set to true to display error state",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "selectOnly",
          "attribute": "select-only",
          "description": "Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.",
          "type": "boolean"
        },
        {
          "name": "selectable",
          "attribute": "selectable",
          "description": "Enable the ability to select this element.",
          "type": "boolean"
        },
        {
          "name": "selected",
          "attribute": "selected",
          "description": "Attribute applied when the element is selected.",
          "type": "boolean",
          "default": "false"
        }
      ],
      "events": [
        {
          "name": "open",
          "description": "fires when the ref title is clicked"
        },
        {
          "name": "selected",
          "description": "fires when the ref is selected"
        },
        {
          "name": "deselected",
          "description": "fires when the ref is deselected"
        }
      ],
      "slots": [
        {
          "name": "",
          "description": "for content"
        },
        {
          "name": "icon",
          "description": "for an icon"
        },
        {
          "name": "tag",
          "description": "for a tag"
        },
        {
          "name": "actions",
          "description": "for actions"
        }
      ]
    },
    {
      "name": "uui-ref-node-document-type",
      "path": "./../uui-ref-node-document-type/lib/uui-ref-node-document-type.element.ts",
      "attributes": [
        {
          "name": "alias",
          "description": "Alias",
          "type": "string",
          "default": "\"''\""
        },
        {
          "name": "name",
          "description": "Node name",
          "type": "string",
          "default": "\"''\""
        },
        {
          "name": "detail",
          "description": "Node details",
          "type": "string",
          "default": "\"''\""
        },
        {
          "name": "href",
          "description": "Set an href, this will turns the name of the card into an anchor tag.",
          "type": "string",
          "default": "\"undefined\""
        },
        {
          "name": "target",
          "description": "Set an anchor tag target, only used when using href.",
          "type": "string",
          "default": "\"undefined\""
        },
        {
          "name": "rel",
          "description": "Set the rel attribute for an anchor tag, only used when using href.",
          "type": "string",
          "default": "\"undefined\""
        },
        {
          "name": "readonly",
          "description": "Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "disabled",
          "description": "Set tot true to disable",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "error",
          "description": "Set to true to display error state",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "select-only",
          "description": "Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.",
          "type": "boolean"
        },
        {
          "name": "selectable",
          "description": "Enable the ability to select this element.",
          "type": "boolean"
        },
        {
          "name": "selected",
          "description": "Attribute applied when the element is selected.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "standalone",
          "description": "Set to true to make element stand out",
          "type": "boolean",
          "default": "false"
        }
      ],
      "properties": [
        {
          "name": "alias",
          "attribute": "alias",
          "description": "Alias",
          "type": "string",
          "default": "\"''\""
        },
        {
          "name": "name",
          "attribute": "name",
          "description": "Node name",
          "type": "string",
          "default": "\"''\""
        },
        {
          "name": "detail",
          "attribute": "detail",
          "description": "Node details",
          "type": "string",
          "default": "\"''\""
        },
        {
          "name": "href",
          "attribute": "href",
          "description": "Set an href, this will turns the name of the card into an anchor tag.",
          "type": "string",
          "default": "\"undefined\""
        },
        {
          "name": "target",
          "attribute": "target",
          "description": "Set an anchor tag target, only used when using href.",
          "type": "string",
          "default": "\"undefined\""
        },
        {
          "name": "rel",
          "attribute": "rel",
          "description": "Set the rel attribute for an anchor tag, only used when using href.",
          "type": "string",
          "default": "\"undefined\""
        },
        {
          "name": "readonly",
          "attribute": "readonly",
          "description": "Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "styles",
          "type": "CSSResult[]",
          "default": "[null]"
        },
        {
          "name": "disabled",
          "attribute": "disabled",
          "description": "Set tot true to disable",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "error",
          "attribute": "error",
          "description": "Set to true to display error state",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "selectOnly",
          "attribute": "select-only",
          "description": "Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.",
          "type": "boolean"
        },
        {
          "name": "selectable",
          "attribute": "selectable",
          "description": "Enable the ability to select this element.",
          "type": "boolean"
        },
        {
          "name": "selected",
          "attribute": "selected",
          "description": "Attribute applied when the element is selected.",
          "type": "boolean",
          "default": "false"
        }
      ],
      "events": [
        {
          "name": "open",
          "description": "fires when the ref title is clicked"
        },
        {
          "name": "selected",
          "description": "fires when the ref is selected"
        },
        {
          "name": "deselected",
          "description": "fires when the ref is deselected"
        }
      ],
      "slots": [
        {
          "name": "",
          "description": "for content"
        },
        {
          "name": "icon",
          "description": "for an icon"
        },
        {
          "name": "tag",
          "description": "for a tag"
        },
        {
          "name": "actions",
          "description": "for actions"
        }
      ]
    },
    {
      "name": "uui-ref-node-form",
      "path": "./../uui-ref-node-form/lib/uui-ref-node-form.element.ts",
      "attributes": [
        {
          "name": "name",
          "description": "Node name",
          "type": "string",
          "default": "\"''\""
        },
        {
          "name": "detail",
          "description": "Node details",
          "type": "string",
          "default": "\"''\""
        },
        {
          "name": "href",
          "description": "Set an href, this will turns the name of the card into an anchor tag.",
          "type": "string",
          "default": "\"undefined\""
        },
        {
          "name": "target",
          "description": "Set an anchor tag target, only used when using href.",
          "type": "string",
          "default": "\"undefined\""
        },
        {
          "name": "rel",
          "description": "Set the rel attribute for an anchor tag, only used when using href.",
          "type": "string",
          "default": "\"undefined\""
        },
        {
          "name": "readonly",
          "description": "Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "disabled",
          "description": "Set tot true to disable",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "error",
          "description": "Set to true to display error state",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "select-only",
          "description": "Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.",
          "type": "boolean"
        },
        {
          "name": "selectable",
          "description": "Enable the ability to select this element.",
          "type": "boolean"
        },
        {
          "name": "selected",
          "description": "Attribute applied when the element is selected.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "standalone",
          "description": "Set to true to make element stand out",
          "type": "boolean",
          "default": "false"
        }
      ],
      "properties": [
        {
          "name": "name",
          "attribute": "name",
          "description": "Node name",
          "type": "string",
          "default": "\"''\""
        },
        {
          "name": "detail",
          "attribute": "detail",
          "description": "Node details",
          "type": "string",
          "default": "\"''\""
        },
        {
          "name": "href",
          "attribute": "href",
          "description": "Set an href, this will turns the name of the card into an anchor tag.",
          "type": "string",
          "default": "\"undefined\""
        },
        {
          "name": "target",
          "attribute": "target",
          "description": "Set an anchor tag target, only used when using href.",
          "type": "string",
          "default": "\"undefined\""
        },
        {
          "name": "rel",
          "attribute": "rel",
          "description": "Set the rel attribute for an anchor tag, only used when using href.",
          "type": "string",
          "default": "\"undefined\""
        },
        {
          "name": "readonly",
          "attribute": "readonly",
          "description": "Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "styles",
          "type": "CSSResult[]",
          "default": "[null]"
        },
        {
          "name": "disabled",
          "attribute": "disabled",
          "description": "Set tot true to disable",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "error",
          "attribute": "error",
          "description": "Set to true to display error state",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "selectOnly",
          "attribute": "select-only",
          "description": "Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.",
          "type": "boolean"
        },
        {
          "name": "selectable",
          "attribute": "selectable",
          "description": "Enable the ability to select this element.",
          "type": "boolean"
        },
        {
          "name": "selected",
          "attribute": "selected",
          "description": "Attribute applied when the element is selected.",
          "type": "boolean",
          "default": "false"
        }
      ],
      "events": [
        {
          "name": "open",
          "description": "fires when the ref title is clicked"
        },
        {
          "name": "selected",
          "description": "fires when the ref is selected"
        },
        {
          "name": "deselected",
          "description": "fires when the ref is deselected"
        }
      ],
      "slots": [
        {
          "name": "",
          "description": "for content"
        },
        {
          "name": "icon",
          "description": "for an icon"
        },
        {
          "name": "tag",
          "description": "for a tag"
        },
        {
          "name": "actions",
          "description": "for actions"
        }
      ]
    },
    {
      "name": "uui-ref-node-member",
      "path": "./../uui-ref-node-member/lib/uui-ref-node-member.element.ts",
      "attributes": [
        {
          "name": "group-name",
          "description": "Group name",
          "type": "string",
          "default": "\"''\""
        },
        {
          "name": "name",
          "description": "Node name",
          "type": "string",
          "default": "\"''\""
        },
        {
          "name": "detail",
          "description": "Node details",
          "type": "string",
          "default": "\"''\""
        },
        {
          "name": "href",
          "description": "Set an href, this will turns the name of the card into an anchor tag.",
          "type": "string",
          "default": "\"undefined\""
        },
        {
          "name": "target",
          "description": "Set an anchor tag target, only used when using href.",
          "type": "string",
          "default": "\"undefined\""
        },
        {
          "name": "rel",
          "description": "Set the rel attribute for an anchor tag, only used when using href.",
          "type": "string",
          "default": "\"undefined\""
        },
        {
          "name": "readonly",
          "description": "Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "disabled",
          "description": "Set tot true to disable",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "error",
          "description": "Set to true to display error state",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "select-only",
          "description": "Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.",
          "type": "boolean"
        },
        {
          "name": "selectable",
          "description": "Enable the ability to select this element.",
          "type": "boolean"
        },
        {
          "name": "selected",
          "description": "Attribute applied when the element is selected.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "standalone",
          "description": "Set to true to make element stand out",
          "type": "boolean",
          "default": "false"
        }
      ],
      "properties": [
        {
          "name": "groupName",
          "attribute": "group-name",
          "description": "Group name",
          "type": "string",
          "default": "\"''\""
        },
        {
          "name": "name",
          "attribute": "name",
          "description": "Node name",
          "type": "string",
          "default": "\"''\""
        },
        {
          "name": "detail",
          "attribute": "detail",
          "description": "Node details",
          "type": "string",
          "default": "\"''\""
        },
        {
          "name": "href",
          "attribute": "href",
          "description": "Set an href, this will turns the name of the card into an anchor tag.",
          "type": "string",
          "default": "\"undefined\""
        },
        {
          "name": "target",
          "attribute": "target",
          "description": "Set an anchor tag target, only used when using href.",
          "type": "string",
          "default": "\"undefined\""
        },
        {
          "name": "rel",
          "attribute": "rel",
          "description": "Set the rel attribute for an anchor tag, only used when using href.",
          "type": "string",
          "default": "\"undefined\""
        },
        {
          "name": "readonly",
          "attribute": "readonly",
          "description": "Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "styles",
          "type": "CSSResult[]",
          "default": "[null]"
        },
        {
          "name": "disabled",
          "attribute": "disabled",
          "description": "Set tot true to disable",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "error",
          "attribute": "error",
          "description": "Set to true to display error state",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "selectOnly",
          "attribute": "select-only",
          "description": "Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.",
          "type": "boolean"
        },
        {
          "name": "selectable",
          "attribute": "selectable",
          "description": "Enable the ability to select this element.",
          "type": "boolean"
        },
        {
          "name": "selected",
          "attribute": "selected",
          "description": "Attribute applied when the element is selected.",
          "type": "boolean",
          "default": "false"
        }
      ],
      "events": [
        {
          "name": "open",
          "description": "fires when the ref title is clicked"
        },
        {
          "name": "selected",
          "description": "fires when the ref is selected"
        },
        {
          "name": "deselected",
          "description": "fires when the ref is deselected"
        }
      ],
      "slots": [
        {
          "name": "",
          "description": "for content"
        },
        {
          "name": "icon",
          "description": "for an icon"
        },
        {
          "name": "tag",
          "description": "for a tag"
        },
        {
          "name": "actions",
          "description": "for actions"
        }
      ]
    },
    {
      "name": "uui-ref-node-package",
      "path": "./../uui-ref-node-package/lib/uui-ref-node-package.element.ts",
      "attributes": [
        {
          "name": "version",
          "description": "Package version",
          "type": "string",
          "default": "\"''\""
        },
        {
          "name": "author",
          "description": "Package author",
          "type": "string",
          "default": "\"''\""
        },
        {
          "name": "name",
          "description": "Node name",
          "type": "string",
          "default": "\"''\""
        },
        {
          "name": "detail",
          "description": "Node details",
          "type": "string",
          "default": "\"''\""
        },
        {
          "name": "href",
          "description": "Set an href, this will turns the name of the card into an anchor tag.",
          "type": "string",
          "default": "\"undefined\""
        },
        {
          "name": "target",
          "description": "Set an anchor tag target, only used when using href.",
          "type": "string",
          "default": "\"undefined\""
        },
        {
          "name": "rel",
          "description": "Set the rel attribute for an anchor tag, only used when using href.",
          "type": "string",
          "default": "\"undefined\""
        },
        {
          "name": "readonly",
          "description": "Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "disabled",
          "description": "Set tot true to disable",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "error",
          "description": "Set to true to display error state",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "select-only",
          "description": "Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.",
          "type": "boolean"
        },
        {
          "name": "selectable",
          "description": "Enable the ability to select this element.",
          "type": "boolean"
        },
        {
          "name": "selected",
          "description": "Attribute applied when the element is selected.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "standalone",
          "description": "Set to true to make element stand out",
          "type": "boolean",
          "default": "false"
        }
      ],
      "properties": [
        {
          "name": "version",
          "attribute": "version",
          "description": "Package version",
          "type": "string",
          "default": "\"''\""
        },
        {
          "name": "author",
          "attribute": "author",
          "description": "Package author",
          "type": "string",
          "default": "\"''\""
        },
        {
          "name": "name",
          "attribute": "name",
          "description": "Node name",
          "type": "string",
          "default": "\"''\""
        },
        {
          "name": "detail",
          "attribute": "detail",
          "description": "Node details",
          "type": "string",
          "default": "\"''\""
        },
        {
          "name": "href",
          "attribute": "href",
          "description": "Set an href, this will turns the name of the card into an anchor tag.",
          "type": "string",
          "default": "\"undefined\""
        },
        {
          "name": "target",
          "attribute": "target",
          "description": "Set an anchor tag target, only used when using href.",
          "type": "string",
          "default": "\"undefined\""
        },
        {
          "name": "rel",
          "attribute": "rel",
          "description": "Set the rel attribute for an anchor tag, only used when using href.",
          "type": "string",
          "default": "\"undefined\""
        },
        {
          "name": "readonly",
          "attribute": "readonly",
          "description": "Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "styles",
          "type": "CSSResult[]",
          "default": "[null]"
        },
        {
          "name": "disabled",
          "attribute": "disabled",
          "description": "Set tot true to disable",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "error",
          "attribute": "error",
          "description": "Set to true to display error state",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "selectOnly",
          "attribute": "select-only",
          "description": "Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.",
          "type": "boolean"
        },
        {
          "name": "selectable",
          "attribute": "selectable",
          "description": "Enable the ability to select this element.",
          "type": "boolean"
        },
        {
          "name": "selected",
          "attribute": "selected",
          "description": "Attribute applied when the element is selected.",
          "type": "boolean",
          "default": "false"
        }
      ],
      "events": [
        {
          "name": "open",
          "description": "fires when the ref title is clicked"
        },
        {
          "name": "selected",
          "description": "fires when the ref is selected"
        },
        {
          "name": "deselected",
          "description": "fires when the ref is deselected"
        }
      ],
      "slots": [
        {
          "name": "",
          "description": "for content"
        },
        {
          "name": "icon",
          "description": "for an icon"
        },
        {
          "name": "tag",
          "description": "for a tag"
        },
        {
          "name": "actions",
          "description": "for actions"
        }
      ]
    },
    {
      "name": "uui-ref-node-user",
      "path": "./../uui-ref-node-user/lib/uui-ref-node-user.element.ts",
      "attributes": [
        {
          "name": "group-name",
          "description": "Group name",
          "type": "string",
          "default": "\"''\""
        },
        {
          "name": "name",
          "description": "Node name",
          "type": "string",
          "default": "\"''\""
        },
        {
          "name": "detail",
          "description": "Node details",
          "type": "string",
          "default": "\"''\""
        },
        {
          "name": "href",
          "description": "Set an href, this will turns the name of the card into an anchor tag.",
          "type": "string",
          "default": "\"undefined\""
        },
        {
          "name": "target",
          "description": "Set an anchor tag target, only used when using href.",
          "type": "string",
          "default": "\"undefined\""
        },
        {
          "name": "rel",
          "description": "Set the rel attribute for an anchor tag, only used when using href.",
          "type": "string",
          "default": "\"undefined\""
        },
        {
          "name": "readonly",
          "description": "Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "disabled",
          "description": "Set tot true to disable",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "error",
          "description": "Set to true to display error state",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "select-only",
          "description": "Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.",
          "type": "boolean"
        },
        {
          "name": "selectable",
          "description": "Enable the ability to select this element.",
          "type": "boolean"
        },
        {
          "name": "selected",
          "description": "Attribute applied when the element is selected.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "standalone",
          "description": "Set to true to make element stand out",
          "type": "boolean",
          "default": "false"
        }
      ],
      "properties": [
        {
          "name": "groupName",
          "attribute": "group-name",
          "description": "Group name",
          "type": "string",
          "default": "\"''\""
        },
        {
          "name": "name",
          "attribute": "name",
          "description": "Node name",
          "type": "string",
          "default": "\"''\""
        },
        {
          "name": "detail",
          "attribute": "detail",
          "description": "Node details",
          "type": "string",
          "default": "\"''\""
        },
        {
          "name": "href",
          "attribute": "href",
          "description": "Set an href, this will turns the name of the card into an anchor tag.",
          "type": "string",
          "default": "\"undefined\""
        },
        {
          "name": "target",
          "attribute": "target",
          "description": "Set an anchor tag target, only used when using href.",
          "type": "string",
          "default": "\"undefined\""
        },
        {
          "name": "rel",
          "attribute": "rel",
          "description": "Set the rel attribute for an anchor tag, only used when using href.",
          "type": "string",
          "default": "\"undefined\""
        },
        {
          "name": "readonly",
          "attribute": "readonly",
          "description": "Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "styles",
          "type": "CSSResult[]",
          "default": "[null]"
        },
        {
          "name": "disabled",
          "attribute": "disabled",
          "description": "Set tot true to disable",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "error",
          "attribute": "error",
          "description": "Set to true to display error state",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "selectOnly",
          "attribute": "select-only",
          "description": "Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.",
          "type": "boolean"
        },
        {
          "name": "selectable",
          "attribute": "selectable",
          "description": "Enable the ability to select this element.",
          "type": "boolean"
        },
        {
          "name": "selected",
          "attribute": "selected",
          "description": "Attribute applied when the element is selected.",
          "type": "boolean",
          "default": "false"
        }
      ],
      "events": [
        {
          "name": "open",
          "description": "fires when the ref title is clicked"
        },
        {
          "name": "selected",
          "description": "fires when the ref is selected"
        },
        {
          "name": "deselected",
          "description": "fires when the ref is deselected"
        }
      ],
      "slots": [
        {
          "name": "",
          "description": "for content"
        },
        {
          "name": "icon",
          "description": "for an icon"
        },
        {
          "name": "tag",
          "description": "for a tag"
        },
        {
          "name": "actions",
          "description": "for actions"
        }
      ]
    },
    {
      "name": "uui-ref-node",
      "path": "./../uui-ref-node/lib/uui-ref-node.element.ts",
      "attributes": [
        {
          "name": "name",
          "description": "Node name",
          "type": "string",
          "default": "\"''\""
        },
        {
          "name": "detail",
          "description": "Node details",
          "type": "string",
          "default": "\"''\""
        },
        {
          "name": "href",
          "description": "Set an href, this will turns the name of the card into an anchor tag.",
          "type": "string",
          "default": "\"undefined\""
        },
        {
          "name": "target",
          "description": "Set an anchor tag target, only used when using href.",
          "type": "string",
          "default": "\"undefined\""
        },
        {
          "name": "rel",
          "description": "Set the rel attribute for an anchor tag, only used when using href.",
          "type": "string",
          "default": "\"undefined\""
        },
        {
          "name": "readonly",
          "description": "Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "disabled",
          "description": "Set tot true to disable",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "error",
          "description": "Set to true to display error state",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "select-only",
          "description": "Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.",
          "type": "boolean"
        },
        {
          "name": "selectable",
          "description": "Enable the ability to select this element.",
          "type": "boolean"
        },
        {
          "name": "selected",
          "description": "Attribute applied when the element is selected.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "standalone",
          "description": "Set to true to make element stand out",
          "type": "boolean",
          "default": "false"
        }
      ],
      "properties": [
        {
          "name": "name",
          "attribute": "name",
          "description": "Node name",
          "type": "string",
          "default": "\"''\""
        },
        {
          "name": "detail",
          "attribute": "detail",
          "description": "Node details",
          "type": "string",
          "default": "\"''\""
        },
        {
          "name": "href",
          "attribute": "href",
          "description": "Set an href, this will turns the name of the card into an anchor tag.",
          "type": "string",
          "default": "\"undefined\""
        },
        {
          "name": "target",
          "attribute": "target",
          "description": "Set an anchor tag target, only used when using href.",
          "type": "string",
          "default": "\"undefined\""
        },
        {
          "name": "rel",
          "attribute": "rel",
          "description": "Set the rel attribute for an anchor tag, only used when using href.",
          "type": "string",
          "default": "\"undefined\""
        },
        {
          "name": "readonly",
          "attribute": "readonly",
          "description": "Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "styles",
          "type": "CSSResult[]",
          "default": "[null,null]"
        },
        {
          "name": "disabled",
          "attribute": "disabled",
          "description": "Set tot true to disable",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "error",
          "attribute": "error",
          "description": "Set to true to display error state",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "selectOnly",
          "attribute": "select-only",
          "description": "Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.",
          "type": "boolean"
        },
        {
          "name": "selectable",
          "attribute": "selectable",
          "description": "Enable the ability to select this element.",
          "type": "boolean"
        },
        {
          "name": "selected",
          "attribute": "selected",
          "description": "Attribute applied when the element is selected.",
          "type": "boolean",
          "default": "false"
        }
      ],
      "events": [
        {
          "name": "open",
          "description": "fires when the ref title is clicked"
        },
        {
          "name": "selected",
          "description": "fires when the ref is selected"
        },
        {
          "name": "deselected",
          "description": "fires when the ref is deselected"
        }
      ],
      "slots": [
        {
          "name": "",
          "description": "for content"
        },
        {
          "name": "icon",
          "description": "for an icon"
        },
        {
          "name": "tag",
          "description": "for a tag"
        },
        {
          "name": "actions",
          "description": "for actions"
        }
      ]
    },
    {
      "name": "uui-ref",
      "path": "./../uui-ref/lib/uui-ref.element.ts",
      "attributes": [
        {
          "name": "readonly",
          "description": "Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "disabled",
          "description": "Set tot true to disable",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "error",
          "description": "Set to true to display error state",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "select-only",
          "description": "Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.",
          "type": "boolean"
        },
        {
          "name": "selectable",
          "description": "Enable the ability to select this element.",
          "type": "boolean"
        },
        {
          "name": "selected",
          "description": "Attribute applied when the element is selected.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "standalone",
          "description": "Set to true to make element stand out",
          "type": "boolean",
          "default": "false"
        }
      ],
      "properties": [
        {
          "name": "readonly",
          "attribute": "readonly",
          "description": "Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "styles",
          "type": "CSSResult[]",
          "default": "[null]"
        },
        {
          "name": "disabled",
          "attribute": "disabled",
          "description": "Set tot true to disable",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "error",
          "attribute": "error",
          "description": "Set to true to display error state",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "selectOnly",
          "attribute": "select-only",
          "description": "Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.",
          "type": "boolean"
        },
        {
          "name": "selectable",
          "attribute": "selectable",
          "description": "Enable the ability to select this element.",
          "type": "boolean"
        },
        {
          "name": "selected",
          "attribute": "selected",
          "description": "Attribute applied when the element is selected.",
          "type": "boolean",
          "default": "false"
        }
      ],
      "events": [
        {
          "name": "open",
          "description": "fires when the ref is opened"
        },
        {
          "name": "selected",
          "description": "fires when the ref is selected"
        },
        {
          "name": "deselected",
          "description": "fires when the ref is deselected"
        }
      ]
    },
    {
      "name": "uui-responsive-container",
      "path": "./../uui-responsive-container/lib/uui-responsive-container.element.ts",
      "description": "A responsive container that collapses overflowing children into a dropdown.",
      "attributes": [
        {
          "name": "collapse",
          "description": "Controls which side items collapse from.\n- \"end\": Items collapse from the right, more button appears on right (default)\n- \"start\": Items collapse from the left, more button appears on left",
          "type": "\"start\" | \"end\"",
          "default": "\"\\\"end\\\"\""
        }
      ],
      "properties": [
        {
          "name": "collapse",
          "attribute": "collapse",
          "description": "Controls which side items collapse from.\n- \"end\": Items collapse from the right, more button appears on right (default)\n- \"start\": Items collapse from the left, more button appears on left",
          "type": "\"start\" | \"end\"",
          "default": "\"\\\"end\\\"\""
        },
        {
          "name": "styles",
          "type": "CSSResult[]",
          "default": "[null]"
        }
      ],
      "slots": [
        {
          "name": "",
          "description": "Default slot for child elements (buttons, etc.)"
        }
      ],
      "cssProperties": [
        {
          "name": "--uui-responsive-container-gap",
          "description": "Gap between items (default: 8px)"
        }
      ]
    },
    {
      "name": "uui-scroll-container",
      "path": "./../uui-scroll-container/lib/uui-scroll-container.element.ts",
      "attributes": [
        {
          "name": "enforce-scroll",
          "description": "forces the scrollbar to appear",
          "type": "boolean",
          "default": "false"
        }
      ],
      "properties": [
        {
          "name": "styles",
          "type": "CSSResult[]",
          "default": "[null]"
        },
        {
          "name": "enforceScroll",
          "attribute": "enforce-scroll",
          "description": "forces the scrollbar to appear",
          "type": "boolean",
          "default": "false"
        }
      ],
      "slots": [
        {
          "name": "",
          "description": "for content"
        }
      ]
    },
    {
      "name": "uui-select",
      "path": "./../uui-select/lib/uui-select.element.ts",
      "description": "Custom element wrapping the native select element. Pass an array of options to it.\nThis is a formAssociated element, meaning it can participate in a native HTMLForm. A name:value pair will be submitted.",
      "attributes": [
        {
          "name": "label",
          "description": "Text with which component should be labeled",
          "type": "string"
        },
        {
          "name": "placeholder",
          "description": "Defines the select's placeholder.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "disabled",
          "description": "Disables the select.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "readonly",
          "description": "Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "disabledGroups",
          "description": "An array of options to be rendered by the element. Put the names of the groups you wanna disable, separated by a coma: `disabledGroups='fruits, vegetables'`. It's not case sensitive",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "name",
          "description": "This is a name property of the component.",
          "type": "string",
          "default": "\"''\""
        },
        {
          "name": "value",
          "description": "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.",
          "type": "string",
          "default": "\"''\""
        },
        {
          "name": "required",
          "description": "Apply validation rule for requiring a value of this form control.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "required-message",
          "description": "Required validation message.",
          "type": "string",
          "default": "\"This field is required\""
        },
        {
          "name": "error",
          "description": "Set to true if the component should have an error state.Property is reflected to the corresponding attribute.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "error-message",
          "description": "Custom error message.",
          "type": "string",
          "default": "\"This field is invalid\""
        },
        {
          "name": "pristine",
          "description": "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.",
          "type": "boolean",
          "default": "\"true\""
        }
      ],
      "properties": [
        {
          "name": "label",
          "attribute": "label",
          "description": "Text with which component should be labeled",
          "type": "string"
        },
        {
          "name": "placeholder",
          "attribute": "placeholder",
          "description": "Defines the select's placeholder.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "disabled",
          "attribute": "disabled",
          "description": "Disables the select.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "readonly",
          "attribute": "readonly",
          "description": "Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "options",
          "description": "An array of options to be rendered by the element. If you want the element The option interface has up to 5 properties:\n`interface Option {\nname: string;\nvalue: string;\ngroup?: string;\nselected?: boolean;\ndisabled?: boolean;\n}`",
          "type": "Option[]",
          "default": "[]"
        },
        {
          "name": "disabledGroups",
          "attribute": "disabledGroups",
          "description": "An array of options to be rendered by the element. Put the names of the groups you wanna disable, separated by a coma: `disabledGroups='fruits, vegetables'`. It's not case sensitive",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "styles",
          "type": "CSSResult[]",
          "default": "[null]"
        },
        {
          "name": "formAssociated",
          "description": "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/",
          "type": "boolean",
          "default": "true"
        },
        {
          "name": "name",
          "attribute": "name",
          "description": "This is a name property of the component.",
          "type": "string",
          "default": "\"''\""
        },
        {
          "name": "value",
          "attribute": "value",
          "description": "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.",
          "type": "string",
          "default": "\"''\""
        },
        {
          "name": "required",
          "attribute": "required",
          "description": "Apply validation rule for requiring a value of this form control.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "requiredMessage",
          "attribute": "required-message",
          "description": "Required validation message.",
          "type": "string",
          "default": "\"This field is required\""
        },
        {
          "name": "error",
          "attribute": "error",
          "description": "Set to true if the component should have an error state.Property is reflected to the corresponding attribute.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "errorMessage",
          "attribute": "error-message",
          "description": "Custom error message.",
          "type": "string",
          "default": "\"This field is invalid\""
        },
        {
          "name": "validity",
          "type": "ValidityState"
        },
        {
          "name": "validationMessage",
          "type": "string"
        },
        {
          "name": "pristine",
          "attribute": "pristine",
          "description": "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.",
          "type": "boolean",
          "default": "\"true\""
        }
      ],
      "events": [
        {
          "name": "change",
          "description": "when the user changes value"
        }
      ],
      "cssProperties": [
        {
          "name": "--uui-select-height",
          "description": "Height of the element"
        },
        {
          "name": "--uui-select-font-size",
          "description": "Font size of the element"
        },
        {
          "name": "--uui-select-text-color",
          "description": "Color of the text"
        },
        {
          "name": "--uui-select-padding-y",
          "description": "Padding on the y axis"
        },
        {
          "name": "--uui-select-padding-x",
          "description": "Padding on the x axis"
        },
        {
          "name": "--uui-select-border-color",
          "description": "Border color"
        },
        {
          "name": "--uui-select-border-color-hover",
          "description": "Border color on hover"
        },
        {
          "name": "--uui-select-selected-option-background-color",
          "description": "Background color of the selected option"
        },
        {
          "name": "--uui-select-selected-option-color",
          "description": "Color of the selected option"
        },
        {
          "name": "--uui-select-outline-color",
          "description": "Outline color"
        },
        {
          "name": "--uui-select-background-color",
          "description": "Background color"
        },
        {
          "name": "--uui-select-disabled-background-color",
          "description": "Background color when disabled"
        }
      ]
    },
    {
      "name": "uui-slider",
      "path": "./../uui-slider/lib/uui-slider.element.ts",
      "attributes": [
        {
          "name": "hide-step-values",
          "description": "Hides the numbers representing the value of each steps. Dots will still be visible",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "hide-value-label",
          "description": "Hides the value label on the thumb.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "min",
          "description": "This is a minimum value of the input.",
          "type": "number",
          "default": "\"0\""
        },
        {
          "name": "max",
          "description": "This is a maximum value of the input.",
          "type": "number",
          "default": "\"100\""
        },
        {
          "name": "step",
          "description": "This reflects the behavior of a native input step attribute.",
          "type": "number",
          "default": "\"1\""
        },
        {
          "name": "disabled",
          "description": "Disables the input.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "readonly",
          "description": "Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "label",
          "description": "Label to be used for aria-label and eventually as visual label",
          "type": "string"
        },
        {
          "name": "name",
          "description": "This is a name property of the component.",
          "type": "string",
          "default": "\"''\""
        },
        {
          "name": "value",
          "description": "This is a value property of the uui-slider.",
          "type": "string",
          "default": "\"''\""
        },
        {
          "name": "required",
          "description": "Apply validation rule for requiring a value of this form control.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "required-message",
          "description": "Required validation message.",
          "type": "string",
          "default": "\"This field is required\""
        },
        {
          "name": "error",
          "description": "Apply custom error on this input.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "error-message",
          "description": "Custom error message.",
          "type": "string",
          "default": "\"This field is invalid\""
        },
        {
          "name": "pristine",
          "description": "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.",
          "type": "boolean",
          "default": "\"true\""
        }
      ],
      "properties": [
        {
          "name": "hideStepValues",
          "attribute": "hide-step-values",
          "description": "Hides the numbers representing the value of each steps. Dots will still be visible",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "hideValueLabel",
          "attribute": "hide-value-label",
          "description": "Hides the value label on the thumb.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "min",
          "attribute": "min",
          "description": "This is a minimum value of the input.",
          "type": "number",
          "default": "\"0\""
        },
        {
          "name": "max",
          "attribute": "max",
          "description": "This is a maximum value of the input.",
          "type": "number",
          "default": "\"100\""
        },
        {
          "name": "step",
          "attribute": "step",
          "description": "This reflects the behavior of a native input step attribute.",
          "type": "number",
          "default": "\"1\""
        },
        {
          "name": "disabled",
          "attribute": "disabled",
          "description": "Disables the input.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "readonly",
          "attribute": "readonly",
          "description": "Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "label",
          "attribute": "label",
          "description": "Label to be used for aria-label and eventually as visual label",
          "type": "string"
        },
        {
          "name": "styles",
          "type": "CSSResult[]",
          "default": "[\"UUIHorizontalPulseKeyframes\",\"nativeInputStyles\",null]"
        },
        {
          "name": "formAssociated",
          "description": "This is a static class field indicating that the element is can be used inside a native form and participate in its events. It may require a polyfill, check support here https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/attachInternals.  Read more about form controls here https://web.dev/more-capable-form-controls/",
          "type": "boolean",
          "default": "true"
        },
        {
          "name": "name",
          "attribute": "name",
          "description": "This is a name property of the component.",
          "type": "string",
          "default": "\"''\""
        },
        {
          "name": "value",
          "attribute": "value",
          "description": "This is a value property of the uui-slider.",
          "type": "string",
          "default": "\"''\""
        },
        {
          "name": "required",
          "attribute": "required",
          "description": "Apply validation rule for requiring a value of this form control.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "requiredMessage",
          "attribute": "required-message",
          "description": "Required validation message.",
          "type": "string",
          "default": "\"This field is required\""
        },
        {
          "name": "error",
          "attribute": "error",
          "description": "Apply custom error on this input.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "errorMessage",
          "attribute": "error-message",
          "description": "Custom error message.",
          "type": "string",
          "default": "\"This field is invalid\""
        },
        {
          "name": "validity",
          "type": "ValidityState"
        },
        {
          "name": "validationMessage",
          "type": "string"
        },
        {
          "name": "pristine",
          "attribute": "pristine",
          "description": "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.",
          "type": "boolean",
          "default": "\"true\""
        }
      ],
      "events": [
        {
          "name": "input",
          "description": "on input"
        }
      ]
    },
    {
      "name": "uui-symbol-expand",
      "path": "./../uui-symbol-expand/lib/uui-symbol-expand.element.ts",
      "description": "A symbol indicating whether related composition is expanded or collapsed",
      "attributes": [
        {
          "name": "open",
          "description": "Set this boolean to true for a open/expanded look.",
          "type": "boolean",
          "default": "\"false\""
        }
      ],
      "properties": [
        {
          "name": "open",
          "attribute": "open",
          "description": "Set this boolean to true for a open/expanded look.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "styles",
          "type": "CSSResult[]",
          "default": "[null]"
        }
      ]
    },
    {
      "name": "uui-symbol-file-dropzone",
      "path": "./../uui-symbol-file-dropzone/lib/uui-symbol-file-dropzone.element.ts",
      "attributes": [
        {
          "name": "error",
          "description": "Renders a error symbol instead of the upload symbol",
          "type": "boolean",
          "default": "\"false\""
        }
      ],
      "properties": [
        {
          "name": "error",
          "attribute": "error",
          "description": "Renders a error symbol instead of the upload symbol",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "styles",
          "type": "CSSResult[]",
          "default": "[null]"
        }
      ]
    },
    {
      "name": "uui-symbol-file-thumbnail",
      "path": "./../uui-symbol-file-thumbnail/lib/uui-symbol-file-thumbnail.element.ts",
      "attributes": [
        {
          "name": "src",
          "description": "Source of the thumbnail.",
          "type": "string",
          "default": "\"''\""
        },
        {
          "name": "alt",
          "description": "Alt of the thumbnail.",
          "type": "string",
          "default": "\"''\""
        }
      ],
      "properties": [
        {
          "name": "src",
          "attribute": "src",
          "description": "Source of the thumbnail.",
          "type": "string",
          "default": "\"''\""
        },
        {
          "name": "alt",
          "attribute": "alt",
          "description": "Alt of the thumbnail.",
          "type": "string",
          "default": "\"''\""
        },
        {
          "name": "styles",
          "type": "CSSResult[]",
          "default": "[null]"
        }
      ]
    },
    {
      "name": "uui-file-symbol",
      "path": "./../uui-symbol-file/lib/uui-symbol-file.element.ts",
      "attributes": [
        {
          "name": "type",
          "description": "The text that will appear on the file icon",
          "type": "string",
          "default": "\"\""
        }
      ],
      "properties": [
        {
          "name": "type",
          "attribute": "type",
          "description": "The text that will appear on the file icon",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "styles",
          "type": "CSSResult[]",
          "default": "[\"UUITextStyles\",null]"
        }
      ]
    },
    {
      "name": "uui-symbol-file",
      "path": "./../uui-symbol-file/lib/uui-symbol-file.element.ts",
      "attributes": [
        {
          "name": "type",
          "description": "The text that will appear on the file icon",
          "type": "string",
          "default": "\"\""
        }
      ],
      "properties": [
        {
          "name": "type",
          "attribute": "type",
          "description": "The text that will appear on the file icon",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "styles",
          "type": "CSSResult[]",
          "default": "[\"UUITextStyles\",null]"
        }
      ]
    },
    {
      "name": "uui-folder-symbol",
      "path": "./../uui-symbol-folder/lib/uui-symbol-folder.element.ts",
      "properties": [
        {
          "name": "styles",
          "type": "CSSResult[]",
          "default": "[null]"
        }
      ]
    },
    {
      "name": "uui-symbol-folder",
      "path": "./../uui-symbol-folder/lib/uui-symbol-folder.element.ts",
      "properties": [
        {
          "name": "styles",
          "type": "CSSResult[]",
          "default": "[null]"
        }
      ]
    },
    {
      "name": "uui-symbol-lock",
      "path": "./../uui-symbol-lock/lib/uui-symbol-lock.element.ts",
      "attributes": [
        {
          "name": "open",
          "type": "boolean",
          "default": "false"
        }
      ],
      "properties": [
        {
          "name": "open",
          "attribute": "open",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "styles",
          "type": "CSSResult[]",
          "default": "[null]"
        }
      ]
    },
    {
      "name": "uui-symbol-more",
      "path": "./../uui-symbol-more/lib/uui-symbol-more.element.ts",
      "properties": [
        {
          "name": "styles",
          "type": "CSSResult[]",
          "default": "[null]"
        }
      ]
    },
    {
      "name": "uui-symbol-sort",
      "path": "./../uui-symbol-sort/lib/uui-symbol-sort.element.ts",
      "attributes": [
        {
          "name": "descending",
          "description": "Turns the arrow around. Set this boolean to true for displaying descending sort is active.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "active",
          "description": "Set this boolean to true for then the related composition is sorted.",
          "type": "boolean",
          "default": "false"
        }
      ],
      "properties": [
        {
          "name": "descending",
          "attribute": "descending",
          "description": "Turns the arrow around. Set this boolean to true for displaying descending sort is active.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "styles",
          "type": "CSSResult[]",
          "default": "[null]"
        },
        {
          "name": "active",
          "attribute": "active",
          "description": "Set this boolean to true for then the related composition is sorted.",
          "type": "boolean",
          "default": "false"
        }
      ]
    },
    {
      "name": "uui-table-cell",
      "path": "./../uui-table/lib/uui-table-cell.element.ts",
      "description": "Table cell that detects if it has overflow and if so it'll add a title attribute to itself to display full text. Must be a child of uui-table-row",
      "attributes": [
        {
          "name": "disable-child-interaction",
          "description": "Used to enforce selection interaction by preventing other interactions, primary set by table-row for select-only mode.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "no-padding",
          "description": "Remove padding in order to have element going to the edge of the cell.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "clip-text",
          "description": "Enable overflow ellipsis",
          "type": "boolean",
          "default": "\"false\""
        }
      ],
      "properties": [
        {
          "name": "disableChildInteraction",
          "attribute": "disable-child-interaction",
          "description": "Used to enforce selection interaction by preventing other interactions, primary set by table-row for select-only mode.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "noPadding",
          "attribute": "no-padding",
          "description": "Remove padding in order to have element going to the edge of the cell.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "clipText",
          "attribute": "clip-text",
          "description": "Enable overflow ellipsis",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "styles",
          "type": "CSSResult[]",
          "default": "[null]"
        }
      ],
      "slots": [
        {
          "name": "",
          "description": "slot for table cell content"
        }
      ],
      "cssProperties": [
        {
          "name": "--uui-table-cell-padding",
          "description": "overwrite the table cell padding"
        },
        {
          "name": "--uui-table-cell-height",
          "description": "overwrite the table cell height"
        }
      ]
    },
    {
      "name": "uui-table-column",
      "path": "./../uui-table/lib/uui-table-column.element.ts",
      "description": "Table column element. Equivalent of native col. Any styles you apply to it will be applied to the corresponding column in the table. Must be a child of uui-table. If you want to have unstyled column between two styled columns put this element into the markup without any styles applied to it.",
      "properties": [
        {
          "name": "styles",
          "type": "CSSResult[]",
          "default": "[null]"
        }
      ]
    },
    {
      "name": "uui-table-head-cell",
      "path": "./../uui-table/lib/uui-table-head-cell.element.ts",
      "description": "Child element of uui-table-head. Use it there.",
      "attributes": [
        {
          "name": "disable-child-interaction",
          "description": "Used to enforce selection interaction by preventing other interactions, primary set by table-row for select-only mode.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "no-padding",
          "description": "Remove padding in order to have element going to the edge of the cell.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "clip-text",
          "description": "Enable overflow ellipsis",
          "type": "boolean",
          "default": "\"false\""
        }
      ],
      "properties": [
        {
          "name": "disableChildInteraction",
          "attribute": "disable-child-interaction",
          "description": "Used to enforce selection interaction by preventing other interactions, primary set by table-row for select-only mode.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "noPadding",
          "attribute": "no-padding",
          "description": "Remove padding in order to have element going to the edge of the cell.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "clipText",
          "attribute": "clip-text",
          "description": "Enable overflow ellipsis",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "styles",
          "type": "CSSResult[]",
          "default": "[null,null]"
        }
      ],
      "slots": [
        {
          "name": "",
          "description": "slot for table cell content"
        }
      ],
      "cssProperties": [
        {
          "name": "--uui-table-cell-padding",
          "description": "overwrite the table cell padding"
        },
        {
          "name": "--uui-table-cell-height",
          "description": "overwrite the table cell height"
        }
      ]
    },
    {
      "name": "uui-table-head",
      "path": "./../uui-table/lib/uui-table-head.element.ts",
      "description": "Table head element. Holds the styles for table head. Parent to uui-table-head-cell.",
      "properties": [
        {
          "name": "styles",
          "type": "CSSResult[]",
          "default": "[null]"
        }
      ],
      "slots": [
        {
          "name": "",
          "description": "slot for uui-table-head-cell elements."
        }
      ]
    },
    {
      "name": "uui-table-row",
      "path": "./../uui-table/lib/uui-table-row.element.ts",
      "description": "Table row element with option to set is as selectable. Parent for uui-table-cell. Must be a child of uui-table.",
      "attributes": [
        {
          "name": "select-only",
          "description": "Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.",
          "type": "boolean"
        },
        {
          "name": "selectable",
          "description": "Enable the ability to select this element.",
          "type": "boolean"
        },
        {
          "name": "selected",
          "description": "Attribute applied when the element is selected.",
          "type": "boolean",
          "default": "false"
        }
      ],
      "properties": [
        {
          "name": "styles",
          "type": "CSSResult[]",
          "default": "[null]"
        },
        {
          "name": "selectOnly",
          "attribute": "select-only",
          "description": "Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.",
          "type": "boolean"
        },
        {
          "name": "selectable",
          "attribute": "selectable",
          "description": "Enable the ability to select this element.",
          "type": "boolean"
        },
        {
          "name": "selected",
          "attribute": "selected",
          "description": "Attribute applied when the element is selected.",
          "type": "boolean",
          "default": "false"
        }
      ],
      "events": [
        {
          "name": "selected",
          "description": "fires when the media card is selected"
        },
        {
          "name": "deselected",
          "description": "fires when the media card is deselected"
        }
      ],
      "slots": [
        {
          "name": "",
          "description": "for <uui-table-cell> elements that should be in the row."
        }
      ],
      "cssProperties": [
        {
          "name": "--uui-table-row-color-selected",
          "description": "overwrite the color of the selected row"
        }
      ]
    },
    {
      "name": "uui-table",
      "path": "./../uui-table/lib/uui-table.element.ts",
      "description": "Recreation of native table and it's child elements. `<uui-table>` is a parent element to `<uui-table-head>` `<and uui-table-row>`. To make it fully accessible remember to add aria-label and aria-describedby.",
      "properties": [
        {
          "name": "styles",
          "type": "CSSResult[]",
          "default": "[null]"
        }
      ],
      "slots": [
        {
          "name": "",
          "description": "slot for `<uui-table-head>` and `<uui-table-row>` elements. Make a table out of them."
        }
      ]
    },
    {
      "name": "uui-tab-group",
      "path": "./../uui-tabs/lib/uui-tab-group.element.ts",
      "attributes": [
        {
          "name": "dropdown-content-direction",
          "description": "Set the flex direction of the content of the dropdown.",
          "type": "string",
          "default": "\"vertical\""
        }
      ],
      "properties": [
        {
          "name": "dropdownContentDirection",
          "attribute": "dropdown-content-direction",
          "description": "Set the flex direction of the content of the dropdown.",
          "type": "string",
          "default": "\"vertical\""
        },
        {
          "name": "styles",
          "type": "CSSResult[]",
          "default": "[null]"
        }
      ],
      "slots": [
        {
          "name": "",
          "description": "Default slot for the tab group"
        }
      ],
      "cssProperties": [
        {
          "name": "--uui-tab-group-dropdown-tab-text",
          "description": "Define the tab text color in the dropdown"
        },
        {
          "name": "--uui-tab-group-dropdown-tab-text-hover",
          "description": "Define the tab text hover color in the dropdown"
        },
        {
          "name": "--uui-tab-group-dropdown-tab-text-active",
          "description": "Define the tab text active color in the dropdown"
        },
        {
          "name": "--uui-tab-group-dropdown-background",
          "description": "Define the background color of the dropdown"
        },
        {
          "name": "--uui-tab-group-gap",
          "description": "Define the gap between elements dropdown. Only pixel values are valid"
        }
      ]
    },
    {
      "name": "uui-tabs",
      "path": "./../uui-tabs/lib/uui-tab.element.ts",
      "description": "A single tab. Should be put into `<uui-tab-group>`,",
      "attributes": [
        {
          "name": "disabled",
          "description": "Reflects the disabled state of the element. True if tab is disabled. Change this to switch the state programmatically.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "href",
          "description": "Set an href, this will turns the inner button into a anchor tag.",
          "type": "string",
          "default": "\"undefined\""
        },
        {
          "name": "target",
          "description": "Set an anchor tag target, only used when using href.",
          "type": "string",
          "default": "\"undefined\""
        },
        {
          "name": "rel",
          "description": "Set the rel attribute for an anchor tag, only used when using href.",
          "type": "string",
          "default": "\"undefined\""
        },
        {
          "name": "orientation",
          "description": "Set the visual orientation of this tab, this changes the look and placement of the active indication.",
          "type": "string",
          "default": "\"horizontal\""
        },
        {
          "name": "active",
          "description": "Set this boolean to true for then the related composition is sorted.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "label",
          "description": "Label to be used for aria-label and potentially as visual label for some components",
          "type": "string"
        }
      ],
      "properties": [
        {
          "name": "disabled",
          "attribute": "disabled",
          "description": "Reflects the disabled state of the element. True if tab is disabled. Change this to switch the state programmatically.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "href",
          "attribute": "href",
          "description": "Set an href, this will turns the inner button into a anchor tag.",
          "type": "string",
          "default": "\"undefined\""
        },
        {
          "name": "target",
          "attribute": "target",
          "description": "Set an anchor tag target, only used when using href.",
          "type": "string",
          "default": "\"undefined\""
        },
        {
          "name": "rel",
          "attribute": "rel",
          "description": "Set the rel attribute for an anchor tag, only used when using href.",
          "type": "string",
          "default": "\"undefined\""
        },
        {
          "name": "orientation",
          "attribute": "orientation",
          "description": "Set the visual orientation of this tab, this changes the look and placement of the active indication.",
          "type": "string",
          "default": "\"horizontal\""
        },
        {
          "name": "styles",
          "type": "CSSResult[]",
          "default": "[null]"
        },
        {
          "name": "active",
          "attribute": "active",
          "description": "Set this boolean to true for then the related composition is sorted.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "label",
          "attribute": "label",
          "description": "Label to be used for aria-label and potentially as visual label for some components",
          "type": "string"
        }
      ],
      "slots": [
        {
          "name": "",
          "description": "for label"
        },
        {
          "name": "icon",
          "description": "for icon"
        },
        {
          "name": "extra",
          "description": "for extra"
        }
      ],
      "cssProperties": [
        {
          "name": "--uui-tab-text",
          "description": "Define the tab text color"
        },
        {
          "name": "--uui-tab-text-hover",
          "description": "Define the tab text hover color"
        },
        {
          "name": "--uui-tab-text-active",
          "description": "Define the tab text active color"
        },
        {
          "name": "--uui-tab-divider",
          "description": "Define the tab dividers color"
        },
        {
          "name": "--uui-tab-padding-horizontal",
          "description": "Define the tab horizontal padding"
        }
      ]
    },
    {
      "name": "uui-tab",
      "path": "./../uui-tabs/lib/uui-tab.element.ts",
      "description": "A single tab. Should be put into `<uui-tab-group>`,",
      "attributes": [
        {
          "name": "disabled",
          "description": "Reflects the disabled state of the element. True if tab is disabled. Change this to switch the state programmatically.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "href",
          "description": "Set an href, this will turns the inner button into a anchor tag.",
          "type": "string",
          "default": "\"undefined\""
        },
        {
          "name": "target",
          "description": "Set an anchor tag target, only used when using href.",
          "type": "string",
          "default": "\"undefined\""
        },
        {
          "name": "rel",
          "description": "Set the rel attribute for an anchor tag, only used when using href.",
          "type": "string",
          "default": "\"undefined\""
        },
        {
          "name": "orientation",
          "description": "Set the visual orientation of this tab, this changes the look and placement of the active indication.",
          "type": "string",
          "default": "\"horizontal\""
        },
        {
          "name": "active",
          "description": "Set this boolean to true for then the related composition is sorted.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "label",
          "description": "Label to be used for aria-label and potentially as visual label for some components",
          "type": "string"
        }
      ],
      "properties": [
        {
          "name": "disabled",
          "attribute": "disabled",
          "description": "Reflects the disabled state of the element. True if tab is disabled. Change this to switch the state programmatically.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "href",
          "attribute": "href",
          "description": "Set an href, this will turns the inner button into a anchor tag.",
          "type": "string",
          "default": "\"undefined\""
        },
        {
          "name": "target",
          "attribute": "target",
          "description": "Set an anchor tag target, only used when using href.",
          "type": "string",
          "default": "\"undefined\""
        },
        {
          "name": "rel",
          "attribute": "rel",
          "description": "Set the rel attribute for an anchor tag, only used when using href.",
          "type": "string",
          "default": "\"undefined\""
        },
        {
          "name": "orientation",
          "attribute": "orientation",
          "description": "Set the visual orientation of this tab, this changes the look and placement of the active indication.",
          "type": "string",
          "default": "\"horizontal\""
        },
        {
          "name": "styles",
          "type": "CSSResult[]",
          "default": "[null]"
        },
        {
          "name": "active",
          "attribute": "active",
          "description": "Set this boolean to true for then the related composition is sorted.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "label",
          "attribute": "label",
          "description": "Label to be used for aria-label and potentially as visual label for some components",
          "type": "string"
        }
      ],
      "slots": [
        {
          "name": "",
          "description": "for label"
        },
        {
          "name": "icon",
          "description": "for icon"
        },
        {
          "name": "extra",
          "description": "for extra"
        }
      ],
      "cssProperties": [
        {
          "name": "--uui-tab-text",
          "description": "Define the tab text color"
        },
        {
          "name": "--uui-tab-text-hover",
          "description": "Define the tab text hover color"
        },
        {
          "name": "--uui-tab-text-active",
          "description": "Define the tab text active color"
        },
        {
          "name": "--uui-tab-divider",
          "description": "Define the tab dividers color"
        },
        {
          "name": "--uui-tab-padding-horizontal",
          "description": "Define the tab horizontal padding"
        }
      ]
    },
    {
      "name": "uui-tag",
      "path": "./../uui-tag/lib/uui-tag.element.ts",
      "attributes": [
        {
          "name": "color",
          "description": "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.",
          "type": "\"default\" | \"positive\" | \"warning\" | \"danger\"",
          "default": "\"\\\"default\\\"\""
        },
        {
          "name": "look",
          "description": "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.",
          "type": "\"default\" | \"primary\" | \"secondary\" | \"outline\" | \"placeholder\"",
          "default": "\"\\\"default\\\"\""
        }
      ],
      "properties": [
        {
          "name": "color",
          "attribute": "color",
          "description": "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.",
          "type": "\"default\" | \"positive\" | \"warning\" | \"danger\"",
          "default": "\"\\\"default\\\"\""
        },
        {
          "name": "look",
          "attribute": "look",
          "description": "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.",
          "type": "\"default\" | \"primary\" | \"secondary\" | \"outline\" | \"placeholder\"",
          "default": "\"\\\"default\\\"\""
        },
        {
          "name": "styles",
          "type": "CSSResult[]",
          "default": "[null]"
        }
      ],
      "slots": [
        {
          "name": "",
          "description": "slot for tag contents"
        }
      ],
      "cssProperties": [
        {
          "name": "--uui-tag-font-size",
          "description": "overwrite the default font-size for the tag."
        },
        {
          "name": "--uui-tag-padding",
          "description": "overwrite the default padding size for the tag."
        },
        {
          "name": "--uui-tag-border-radius",
          "description": "overwrite the default border-radius for the tag."
        },
        {
          "name": "--uui-tag-border-color",
          "description": "overwrite the default border color for the tag."
        }
      ]
    },
    {
      "name": "uui-textarea",
      "path": "./../uui-textarea/lib/uui-textarea.element.ts",
      "attributes": [
        {
          "name": "placeholder",
          "description": "Defines the textarea placeholder.",
          "type": "string",
          "default": "\"''\""
        },
        {
          "name": "disabled",
          "description": "Disables the textarea.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "readonly",
          "description": "Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "minlength",
          "description": "This is a minimum value of the input.",
          "type": "number",
          "default": "\"undefined\""
        },
        {
          "name": "minlength-message",
          "description": "Minlength validation message.",
          "type": "string | ((charsLeft: number) => string)",
          "default": "\"\""
        },
        {
          "name": "maxlength",
          "description": "This is a maximum value of the input.",
          "type": "number",
          "default": "\"undefined\""
        },
        {
          "name": "maxlength-message",
          "description": "Maxlength validation message.",
          "type": "string | ((max: number, current: number) => string)",
          "default": "\"\""
        },
        {
          "name": "auto-height",
          "description": "Enables automatic height adjustment. The height will be confined within the min and max height if defined.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "label",
          "description": "Label to be used for aria-label and eventually as visual label",
          "type": "string"
        },
        {
          "name": "rows",
          "description": "Sets the number of rows of the textarea",
          "type": "number"
        },
        {
          "name": "cols",
          "description": "Sets the number of cols of the textarea",
          "type": "number"
        },
        {
          "name": "wrap",
          "description": "Indicates how the control should wrap the value for form submission. If this attribute is not specified, soft is its default value.",
          "type": "'soft' | 'hard'",
          "default": "\"undefined\""
        },
        {
          "name": "name",
          "description": "This is a name property of the `<uui-textarea>` component. It reflects the behaviour of the native `<textarea>` element and its name attribute.",
          "type": "string",
          "default": "\"''\""
        },
        {
          "name": "value",
          "description": "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.",
          "type": "string",
          "default": "\"''\""
        },
        {
          "name": "required",
          "description": "Apply validation rule for requiring a value of this form control.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "required-message",
          "description": "Required validation message.",
          "type": "string",
          "default": "\"This field is required\""
        },
        {
          "name": "error",
          "description": "Set to true if the component should have an error state. Property is reflected to the corresponding attribute.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "error-message",
          "description": "Custom error message.",
          "type": "string",
          "default": "\"This field is invalid\""
        },
        {
          "name": "pristine",
          "description": "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.",
          "type": "boolean",
          "default": "\"true\""
        }
      ],
      "properties": [
        {
          "name": "placeholder",
          "attribute": "placeholder",
          "description": "Defines the textarea placeholder.",
          "type": "string",
          "default": "\"''\""
        },
        {
          "name": "disabled",
          "attribute": "disabled",
          "description": "Disables the textarea.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "readonly",
          "attribute": "readonly",
          "description": "Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "minlength",
          "attribute": "minlength",
          "description": "This is a minimum value of the input.",
          "type": "number",
          "default": "\"undefined\""
        },
        {
          "name": "minlengthMessage",
          "attribute": "minlength-message",
          "description": "Minlength validation message.",
          "type": "string | ((charsLeft: number) => string)",
          "default": "\"\""
        },
        {
          "name": "maxlength",
          "attribute": "maxlength",
          "description": "This is a maximum value of the input.",
          "type": "number",
          "default": "\"undefined\""
        },
        {
          "name": "maxlengthMessage",
          "attribute": "maxlength-message",
          "description": "Maxlength validation message.",
          "type": "string | ((max: number, current: number) => string)",
          "default": "\"\""
        },
        {
          "name": "autoHeight",
          "attribute": "auto-height",
          "description": "Enables automatic height adjustment. The height will be confined within the min and max height if defined.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "label",
          "attribute": "label",
          "description": "Label to be used for aria-label and eventually as visual label",
          "type": "string"
        },
        {
          "name": "rows",
          "attribute": "rows",
          "description": "Sets the number of rows of the textarea",
          "type": "number"
        },
        {
          "name": "cols",
          "attribute": "cols",
          "description": "Sets the number of cols of the textarea",
          "type": "number"
        },
        {
          "name": "wrap",
          "attribute": "wrap",
          "description": "Indicates how the control should wrap the value for form submission. If this attribute is not specified, soft is its default value.",
          "type": "'soft' | 'hard'",
          "default": "\"undefined\""
        },
        {
          "name": "styles",
          "type": "CSSResult[]",
          "default": "[null]"
        },
        {
          "name": "formAssociated",
          "description": "This is a static class field indicating that the element is can be used inside a native form and participate in its events. It may require a polyfill, check support here https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/attachInternals.  Read more about form controls here https://web.dev/more-capable-form-controls/",
          "type": "boolean",
          "default": "true"
        },
        {
          "name": "name",
          "attribute": "name",
          "description": "This is a name property of the `<uui-textarea>` component. It reflects the behaviour of the native `<textarea>` element and its name attribute.",
          "type": "string",
          "default": "\"''\""
        },
        {
          "name": "value",
          "attribute": "value",
          "description": "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.",
          "type": "string",
          "default": "\"''\""
        },
        {
          "name": "required",
          "attribute": "required",
          "description": "Apply validation rule for requiring a value of this form control.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "requiredMessage",
          "attribute": "required-message",
          "description": "Required validation message.",
          "type": "string",
          "default": "\"This field is required\""
        },
        {
          "name": "error",
          "attribute": "error",
          "description": "Set to true if the component should have an error state. Property is reflected to the corresponding attribute.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "errorMessage",
          "attribute": "error-message",
          "description": "Custom error message.",
          "type": "string",
          "default": "\"This field is invalid\""
        },
        {
          "name": "validity",
          "type": "ValidityState"
        },
        {
          "name": "validationMessage",
          "type": "string"
        },
        {
          "name": "pristine",
          "attribute": "pristine",
          "description": "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.",
          "type": "boolean",
          "default": "\"true\""
        }
      ],
      "events": [
        {
          "name": "change",
          "description": "on change"
        },
        {
          "name": "input",
          "description": "on input"
        },
        {
          "name": "keyup",
          "description": "on keyup"
        }
      ],
      "cssProperties": [
        {
          "name": "--uui-textarea-min-height",
          "description": "Sets the minimum height of the textarea"
        },
        {
          "name": "--uui-textarea-max-height",
          "description": "Sets the maximum height of the textarea"
        },
        {
          "name": "--uui-textarea-background-color",
          "description": "Sets the background color of the textarea",
          "type": "color"
        },
        {
          "name": "--uui-textarea-font-size",
          "description": "Overwrites the default font size"
        }
      ]
    },
    {
      "name": "uui-toast-notification-container",
      "path": "./../uui-toast-notification-container/lib/uui-toast-notification-container.element.ts",
      "attributes": [
        {
          "name": "bottom-up",
          "description": "set the toast container to grow from bottom to top.",
          "type": "boolean"
        },
        {
          "name": "left-align",
          "description": "set the toast container to align to the left.",
          "type": "boolean"
        }
      ],
      "properties": [
        {
          "name": "autoClose",
          "type": "number | null"
        },
        {
          "name": "pauseAutoClose",
          "description": "pause all auto close timer, including later coming.",
          "type": "() => void",
          "default": "\"() => {\\n    this._autoClosePause = true;\\n    this._toasts?.forEach(el => el.pauseAutoClose());\\n  }\""
        },
        {
          "name": "resumeAutoClose",
          "description": "resume the auto close timers.",
          "type": "() => void",
          "default": "\"() => {\\n    // Only reset autoClose if we have it and if one of the children does not have focus.\\n    if (this.matches(':focus-within:not(:focus)') === false) {\\n      this._autoClosePause = false;\\n      this._toasts?.forEach(el => el.resumeAutoClose());\\n    }\\n  }\""
        },
        {
          "name": "styles",
          "type": "CSSResult[]",
          "default": "[null]"
        }
      ],
      "slots": [
        {
          "name": "",
          "description": "slot for toast layout/content"
        }
      ]
    },
    {
      "name": "uui-toast-notification-layout",
      "path": "./../uui-toast-notification-layout/lib/uui-toast-notification-layout.element.ts",
      "attributes": [
        {
          "name": "headline",
          "description": "Headline for this notification, can also be set via the 'headline' slot.",
          "type": "string",
          "default": "\"\""
        }
      ],
      "properties": [
        {
          "name": "headline",
          "attribute": "headline",
          "description": "Headline for this notification, can also be set via the 'headline' slot.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "styles",
          "type": "CSSResult[]",
          "default": "[\"UUITextStyles\",null]"
        }
      ],
      "slots": [
        {
          "name": "",
          "description": "for content"
        },
        {
          "name": "headline",
          "description": "for headline"
        },
        {
          "name": "actions",
          "description": "for actions"
        }
      ]
    },
    {
      "name": "uui-toast-notification",
      "path": "./../uui-toast-notification/lib/uui-toast-notification.element.ts",
      "attributes": [
        {
          "name": "color",
          "description": "Changes the color of the notification to one of the predefined, symbolic colors. Example: set this to danger to indicate errors.",
          "type": "UUIInterfaceColor",
          "default": "\"\\\"\\\"\""
        },
        {
          "name": "autoClose",
          "description": "Set an auto-close timer.",
          "type": "number | null",
          "default": "\"null\""
        },
        {
          "name": "open",
          "description": "define if this toast should open or close.",
          "type": "boolean",
          "default": "\"false\""
        }
      ],
      "properties": [
        {
          "name": "color",
          "attribute": "color",
          "description": "Changes the color of the notification to one of the predefined, symbolic colors. Example: set this to danger to indicate errors.",
          "type": "UUIInterfaceColor",
          "default": "\"\\\"\\\"\""
        },
        {
          "name": "autoClose",
          "attribute": "autoClose",
          "description": "Set an auto-close timer.",
          "type": "number | null",
          "default": "\"null\""
        },
        {
          "name": "open",
          "attribute": "open",
          "description": "define if this toast should open or close.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "styles",
          "type": "CSSResult[]",
          "default": "[\"UUITextStyles\",null]"
        }
      ],
      "events": [
        {
          "name": "opening",
          "description": "fires when the toast is starting to open"
        },
        {
          "name": "opened",
          "description": "fires when the toast is open after the open-animation"
        },
        {
          "name": "closing",
          "description": "fires when the toast is starting to close"
        },
        {
          "name": "closed",
          "description": "fires when the toast is closed"
        }
      ],
      "slots": [
        {
          "name": "",
          "description": "slot for dialog layout/content"
        }
      ]
    },
    {
      "name": "uui-toggle",
      "path": "./../uui-toggle/lib/uui-toggle.element.ts",
      "description": "Umbraco Toggle-switch, toggles between off/on. Technically a checkbox.",
      "attributes": [
        {
          "name": "label-position",
          "description": "Specifies the label position of the checkbox or the toggle",
          "type": "'left' | 'right' | 'top' | 'bottom'",
          "default": "\"right\""
        },
        {
          "name": "checked",
          "description": "Reflects the state of the element.\nTrue if checkbox or toggle is checked. Change this to switch the state programmatically.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "indeterminate",
          "description": "Indeterminate state for the input.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "disabled",
          "description": "Disables the input.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "readonly",
          "description": "Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "name",
          "description": "This is a name property of the component.",
          "type": "string",
          "default": "\"''\""
        },
        {
          "name": "value",
          "description": "intentional overwrite of FormControlMixins value getter and setter method.",
          "type": "string",
          "default": "\"''\""
        },
        {
          "name": "required",
          "description": "Apply validation rule for requiring a value of this form control.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "required-message",
          "description": "Required validation message.",
          "type": "string",
          "default": "\"This field is required\""
        },
        {
          "name": "error",
          "description": "Apply custom error on this input.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "error-message",
          "description": "Custom error message.",
          "type": "string",
          "default": "\"This field is invalid\""
        },
        {
          "name": "pristine",
          "description": "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.",
          "type": "boolean",
          "default": "\"true\""
        },
        {
          "name": "label",
          "description": "Label to be used for aria-label and potentially as visual label for some components",
          "type": "string"
        }
      ],
      "properties": [
        {
          "name": "labelPosition",
          "attribute": "label-position",
          "description": "Specifies the label position of the checkbox or the toggle",
          "type": "'left' | 'right' | 'top' | 'bottom'",
          "default": "\"right\""
        },
        {
          "name": "checked",
          "attribute": "checked",
          "description": "Reflects the state of the element.\nTrue if checkbox or toggle is checked. Change this to switch the state programmatically.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "indeterminate",
          "attribute": "indeterminate",
          "description": "Indeterminate state for the input.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "disabled",
          "attribute": "disabled",
          "description": "Disables the input.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "readonly",
          "attribute": "readonly",
          "description": "Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "styles",
          "type": "CSSResult[]",
          "default": "[null,\"UUIHorizontalShakeKeyframes\",null]"
        },
        {
          "name": "formAssociated",
          "description": "This is a static class field indicating that the element is can be used inside a native form and participate in its events. It may require a polyfill, check support here https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/attachInternals.  Read more about form controls here https://web.dev/more-capable-form-controls/",
          "type": "boolean",
          "default": "true"
        },
        {
          "name": "name",
          "attribute": "name",
          "description": "This is a name property of the component.",
          "type": "string",
          "default": "\"''\""
        },
        {
          "name": "value",
          "attribute": "value",
          "description": "intentional overwrite of FormControlMixins value getter and setter method.",
          "type": "string",
          "default": "\"''\""
        },
        {
          "name": "required",
          "attribute": "required",
          "description": "Apply validation rule for requiring a value of this form control.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "requiredMessage",
          "attribute": "required-message",
          "description": "Required validation message.",
          "type": "string",
          "default": "\"This field is required\""
        },
        {
          "name": "error",
          "attribute": "error",
          "description": "Apply custom error on this input.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "errorMessage",
          "attribute": "error-message",
          "description": "Custom error message.",
          "type": "string",
          "default": "\"This field is invalid\""
        },
        {
          "name": "validity",
          "type": "ValidityState"
        },
        {
          "name": "validationMessage",
          "type": "string"
        },
        {
          "name": "pristine",
          "attribute": "pristine",
          "description": "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.",
          "type": "boolean",
          "default": "\"true\""
        },
        {
          "name": "label",
          "attribute": "label",
          "description": "Label to be used for aria-label and potentially as visual label for some components",
          "type": "string"
        }
      ],
      "events": [
        {
          "name": "change-",
          "description": "fires when the element is begin checked by a user action"
        },
        {
          "name": "change",
          "description": "on change"
        }
      ],
      "cssProperties": [
        {
          "name": "--uui-toggle-size",
          "description": "Define the toggle size."
        },
        {
          "name": "--uui-toggle-switch-width",
          "description": "Define the slider width."
        },
        {
          "name": "--uui-toggle-background-color",
          "description": "Set the toggle background color"
        },
        {
          "name": "--uui-toggle-border-color",
          "description": "Set the toggle border color"
        },
        {
          "name": "--uui-toggle-border-color-hover",
          "description": "Set the toggle background color when hovered"
        },
        {
          "name": "--uui-toggle-background-color-hover",
          "description": "Set the toggle background color when hovered"
        },
        {
          "name": "--uui-toggle-border-color-focus",
          "description": "Set the toggle background color when focused"
        },
        {
          "name": "--uui-toggle-background-color-focus",
          "description": "Set the toggle background color when focused"
        }
      ]
    },
    {
      "name": "uui-visually-hidden",
      "path": "./../uui-visually-hidden/lib/uui-visually-hidden.element.ts",
      "properties": [
        {
          "name": "styles",
          "type": "CSSResult[]",
          "default": "[null]"
        }
      ]
    }
  ]
}