[{"exportName":"default","displayName":"OnyxAccordionItem","type":1,"props":[{"name":"density","global":false,"description":"Density defines the amount of vertical white space a component has and the height of the main\n(interactive) element of a component.","tags":[{"name":"default","text":"undefined By default the parents setting is used, if none is defined on any parent `default` is the default."}],"required":false,"type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":{"kind":"enum","type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":["undefined","\"compact\"","\"default\"","\"cozy\""]},"declarations":[]},{"name":"value","global":false,"description":"Value that is used inside the `OnyxAccordion` when the item is open.\nMust be unique across one accordion.","tags":[],"required":true,"type":"PropertyKey","schema":"PropertyKey","declarations":[]},{"name":"disabled","global":false,"default":"false","description":"Whether the accordion is disabled","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"skeleton","global":false,"default":"SKELETON_INJECTED_SYMBOL","description":"Whether to show a skeleton accordion.","tags":[],"required":false,"type":"SkeletonInjected | undefined","schema":{"kind":"enum","type":"SkeletonInjected | undefined","schema":["undefined","number","false","true","symbol"]},"declarations":[]}],"events":[],"slots":[{"name":"header","type":"any","description":"Displays the header content, which is always visible.","tags":[],"schema":"any","declarations":[]},{"name":"default","type":"any","description":"Displays the panel content, which is visible when the accordion item is open.","tags":[],"schema":"any","declarations":[]}],"exposed":[]},{"exportName":"default","displayName":"OnyxAppLayout","type":1,"props":[{"name":"navBarAlignment","global":false,"default":"\"top\"","description":"Alignment/position of the `navBar` slot.","tags":[],"required":false,"type":"\"top\" | \"left\" | undefined","schema":{"kind":"enum","type":"\"top\" | \"left\" | undefined","schema":["undefined","\"top\"","\"left\""]},"declarations":[]}],"events":[],"slots":[{"name":"default","type":"any","description":"Page content area of the application. Recommended component:\n[OnyxPageLayout](https://storybook.onyx.schwarz/?path=/docs/layout-pagelayout--docs).\n\nFor semantic HTML, it is recommend to use HTML elements like `<main>`","tags":[],"schema":"any","declarations":[]},{"name":"navBar","type":"any","description":"Navigation area of the application. Recommended components:\n\n- For top alignment:\n  [OnyxNavBar](https://storybook.onyx.schwarz/?path=/docs/navigation-navbar--docs)\n- For left alignment: no onyx component yet, create your own custom one\n\nFor implementing page-level sidebars, please use the\n[OnyxPageLayout](https://onyx.schwarz/?path=/story/layout-pagelayout--sidebar). For semantic\nHTML, it is recommended to use HTML elements like `<header>` and `<nav>` here, which is already\nthe case when using the above recommended components.","tags":[],"schema":"any","declarations":[]}],"exposed":[]},{"exportName":"default","displayName":"OnyxAvatar","type":1,"props":[{"name":"size","global":false,"default":"\"48px\"","description":"Size. Pixel values will be translated to the according `rem` value by the base of\n`16px`=`1rem`.","tags":[{"name":"default","text":"24px"}],"required":false,"type":"\"16px\" | \"24px\" | \"32px\" | \"48px\" | \"64px\" | \"96px\" | undefined","schema":{"kind":"enum","type":"\"16px\" | \"24px\" | \"32px\" | \"48px\" | \"64px\" | \"96px\" | undefined","schema":["undefined","\"16px\"","\"24px\"","\"32px\"","\"48px\"","\"64px\"","\"96px\""]},"declarations":[]},{"name":"fullName","global":false,"description":"Full user name. Will determine the displayed initials.","tags":[{"name":"example","text":"  \"John Doe\";"}],"required":true,"type":"DisplayName","schema":{"kind":"enum","type":"DisplayName","schema":["string",{"kind":"object","type":"{ name: string; locale: string; }","schema":{"name":{"name":"name","global":false,"description":"","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},"locale":{"name":"locale","global":false,"description":"Locale of the given name. Will be used for formatting.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]}}}]},"declarations":[]},{"name":"src","global":false,"description":"Image URL to show. If unset or an error occurs while loading, a fallback will be displayed\nwith the initials.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},{"name":"initials","global":false,"description":"Initials to use. If unset, they will be inferred automatically from the `fullName` property.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]}],"events":[],"slots":[],"exposed":[]},{"exportName":"default","displayName":"OnyxAvatarStack","type":1,"props":[],"events":[],"slots":[{"name":"default","type":"any","description":"Use the default slot to show one or more `OnyxAvatar` components.","tags":[],"schema":"any","declarations":[]}],"exposed":[]},{"exportName":"default","displayName":"OnyxBadge","type":1,"props":[{"name":"density","global":false,"description":"Density defines the amount of vertical white space a component has and the height of the main\n(interactive) element of a component.","tags":[{"name":"default","text":"undefined By default the parents setting is used, if none is defined on any parent `default` is the default."}],"required":false,"type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":{"kind":"enum","type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":["undefined","\"compact\"","\"default\"","\"cozy\""]},"declarations":[]},{"name":"color","global":false,"default":"\"primary\"","description":"The color of the badge.","tags":[],"required":false,"type":"\"primary\" | \"neutral\" | \"danger\" | \"warning\" | \"success\" | \"info\" | undefined","schema":{"kind":"enum","type":"\"primary\" | \"neutral\" | \"danger\" | \"warning\" | \"success\" | \"info\" | undefined","schema":["undefined","\"primary\"","\"neutral\"","\"danger\"","\"warning\"","\"success\"","\"info\""]},"declarations":[]},{"name":"icon","global":false,"description":"An icon which will be displayed inside the badge.\nNote: If the icon property is set, the default slot will not be rendered.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},{"name":"dot","global":false,"default":"false","description":"If `true`, only a colored dot will be displayed instead of the icon or slot content.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"clickable","global":false,"description":"Determines whether the Badge is clickable or not.\nIf a string is provided, it is used as tooltip label.\nIf an object is provided, it contains the tooltip label and an optional action icon.\n\nThe label must describe the on-click action, e.g. \"Click to remove the Badge.\"","tags":[],"required":false,"type":"string | ClickableBadgeOptions | undefined","schema":{"kind":"enum","type":"string | ClickableBadgeOptions | undefined","schema":["undefined","string",{"kind":"object","type":"ClickableBadgeOptions","schema":{"label":{"name":"label","global":false,"description":"The label displayed on the Tooltip","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},"actionIcon":{"name":"actionIcon","global":false,"description":"An icon displayed on the right side of the label.\nShould be used to indicate an action (e.g., dismissing).","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},"active":{"name":"active","global":false,"description":"Whether the badge should visually marked as active/selected","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]}}}]},"declarations":[]}],"events":[],"slots":[{"name":"default","type":"any","description":"The content of the badge. Don't provide interactive content.\nIf the `dot` or `icon` prop is set the slot content is not rendered.","tags":[],"schema":"any","declarations":[]}],"exposed":[]},{"exportName":"default","displayName":"OnyxBottomBar","type":1,"props":[{"name":"density","global":false,"description":"Density defines the amount of vertical white space a component has and the height of the main\n(interactive) element of a component.","tags":[{"name":"default","text":"undefined By default the parents setting is used, if none is defined on any parent `default` is the default."}],"required":false,"type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":{"kind":"enum","type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":["undefined","\"compact\"","\"default\"","\"cozy\""]},"declarations":[]},{"name":"hideBorder","global":false,"default":"false","description":"Whether to remove the top border / separator.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]}],"events":[],"slots":[{"name":"left","type":"any","description":"Bottom bar content. This slot is left aligned and can be used to provide `OnyxButton` and\n`OnyxIconButton` components.","tags":[],"schema":"any","declarations":[]},{"name":"default","type":"any","description":"Bottom bar content. This slot is right aligned and can be used to provide `OnyxButton` and\n`OnyxIconButton` components.","tags":[],"schema":"any","declarations":[]}],"exposed":[]},{"exportName":"default","displayName":"OnyxBreadcrumb","type":1,"props":[{"name":"density","global":false,"description":"Density defines the amount of vertical white space a component has and the height of the main\n(interactive) element of a component.","tags":[{"name":"default","text":"undefined By default the parents setting is used, if none is defined on any parent `default` is the default."}],"required":false,"type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":{"kind":"enum","type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":["undefined","\"compact\"","\"default\"","\"cozy\""]},"declarations":[]},{"name":"container","global":false,"default":"false","description":"If `true`, the component will be shown inside a styled container.\nRecommended when used together with a nav bar or sidebar.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"home","global":false,"description":"Custom home item.","tags":[],"required":false,"type":"BreadcrumbHomeItem | undefined","schema":{"kind":"enum","type":"BreadcrumbHomeItem | undefined","schema":["undefined",{"kind":"object","type":"BreadcrumbHomeItem","schema":{"label":{"name":"label","global":false,"description":"Text label for the home item. Will show the passed label instead of an icon.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},"link":{"name":"link","global":false,"description":"Link of the home item.","tags":[{"name":"default","text":"\"/\""}],"required":false,"type":"string | undefined","schema":"string | undefined","declarations":[]}}}]},"declarations":[]},{"name":"skeleton","global":false,"description":"Whether to show all nested breadcrumb items as skeleton.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]}],"events":[],"slots":[{"name":"default","type":"any","description":"Use the default slot to provide one or more `OnyxBreadcrumbItem` components.","tags":[],"schema":"any","declarations":[]}],"exposed":[]},{"exportName":"default","displayName":"OnyxBreadcrumbItem","type":1,"props":[{"name":"density","global":false,"description":"Density defines the amount of vertical white space a component has and the height of the main\n(interactive) element of a component.","tags":[{"name":"default","text":"undefined By default the parents setting is used, if none is defined on any parent `default` is the default."}],"required":false,"type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":{"kind":"enum","type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":["undefined","\"compact\"","\"default\"","\"cozy\""]},"declarations":[]},{"name":"active","global":false,"default":"\"auto\"","description":"Whether the nav item is currently active. If any nested option is active, the parent nav item\nwill also be marked as active. If \"auto\" and a\n[router](https://onyx.schwarz/development/router.html) is provided, the active state will be\ndetermined automatically based on the current route.","tags":[],"required":false,"type":"boolean | \"auto\" | undefined","schema":{"kind":"enum","type":"boolean | \"auto\" | undefined","schema":["undefined","false","true","\"auto\""]},"declarations":[]},{"name":"skeleton","global":false,"default":"SKELETON_INJECTED_SYMBOL","description":"Whether to show a skeleton item.","tags":[],"required":false,"type":"SkeletonInjected | undefined","schema":{"kind":"enum","type":"SkeletonInjected | undefined","schema":["undefined","number","false","true","symbol"]},"declarations":[]},{"name":"href","global":false,"description":"The URL/link to point to. Will use the router for internal links if provided, see [our\ndocumentation](https://onyx.schwarz/development/router.html) for further details.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]}],"events":[],"slots":[{"name":"default","type":"any","description":"Name of the page or breadcrumb step. Must be simple, textual content.","tags":[],"schema":"any","declarations":[]}],"exposed":[]},{"exportName":"default","displayName":"OnyxButton","type":1,"props":[{"name":"density","global":false,"description":"Density defines the amount of vertical white space a component has and the height of the main\n(interactive) element of a component.","tags":[{"name":"default","text":"undefined By default the parents setting is used, if none is defined on any parent `default` is the default."}],"required":false,"type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":{"kind":"enum","type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":["undefined","\"compact\"","\"default\"","\"cozy\""]},"declarations":[]},{"name":"autofocus","global":false,"description":"Whether to focus the component on page load or inside a dialog/popover once it opens.\nCan only be enabled for one element inside a page/dialog/popover.\nNote: Has no effect when set after the component has been mounted.\n\n**UX / Accessibility**: autofocus should be used carefully since it can reduce usability and\naccessibility for users.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"label","global":false,"description":"The text content of the button.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},{"name":"disabled","global":false,"default":"FORM_INJECTED_SYMBOL","description":"If the button should be disabled or not.","tags":[],"required":false,"type":"FormInjected<boolean> | undefined","schema":{"kind":"enum","type":"FormInjected<boolean> | undefined","schema":["undefined","false","true","symbol"]},"declarations":[]},{"name":"loading","global":false,"default":"false","description":"Shows a loading indicator.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"type","global":false,"default":"\"button\"","description":"The button type.","tags":[],"required":false,"type":"\"button\" | \"submit\" | \"reset\" | undefined","schema":{"kind":"enum","type":"\"button\" | \"submit\" | \"reset\" | undefined","schema":["undefined","\"button\"","\"submit\"","\"reset\""]},"declarations":[]},{"name":"color","global":false,"default":"\"primary\"","description":"The color of the button.","tags":[],"required":false,"type":"\"primary\" | \"neutral\" | \"danger\" | undefined","schema":{"kind":"enum","type":"\"primary\" | \"neutral\" | \"danger\" | undefined","schema":["undefined","\"primary\"","\"neutral\"","\"danger\""]},"declarations":[]},{"name":"mode","global":false,"default":"\"default\"","description":"The style of the button.","tags":[],"required":false,"type":"\"default\" | \"outline\" | \"plain\" | undefined","schema":{"kind":"enum","type":"\"default\" | \"outline\" | \"plain\" | undefined","schema":["undefined","\"default\"","\"outline\"","\"plain\""]},"declarations":[]},{"name":"icon","global":false,"description":"An icon which will be displayed on the left side of the label.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},{"name":"iconPosition","global":false,"default":"\"left\"","description":"Position where the icon is placed.","tags":[],"required":false,"type":"\"left\" | \"right\" | undefined","schema":{"kind":"enum","type":"\"left\" | \"right\" | undefined","schema":["undefined","\"left\"","\"right\""]},"declarations":[]},{"name":"skeleton","global":false,"default":"SKELETON_INJECTED_SYMBOL","description":"Whether to show a skeleton button.","tags":[],"required":false,"type":"SkeletonInjected | undefined","schema":{"kind":"enum","type":"SkeletonInjected | undefined","schema":["undefined","number","false","true","symbol"]},"declarations":[]},{"name":"link","global":false,"description":"If set, the button will be rendered as link. Note that not all button properties are\nsupported when used as link, e.g. `disabled`, `type` and `autofocus` are not supported.","tags":[],"required":false,"type":"string | SharedLinkProps | undefined","schema":{"kind":"enum","type":"string | SharedLinkProps | undefined","schema":["undefined","string",{"kind":"object","type":"SharedLinkProps","schema":{"href":{"name":"href","global":false,"description":"The URL/link to point to. Will use the router for internal links if provided, see [our\ndocumentation](https://onyx.schwarz/development/router.html) for further details.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},"target":{"name":"target","global":false,"description":"Where to display the linked URL (same tab, new tab etc.).\nFor `_blank`, the `rel=\"noreferrer\"` will be set automatically.\nIf set to \"auto\", external links will be opened with \"_blank\" and internal ones with \"_self\".","tags":[],"required":false,"type":"\"auto\" | \"_self\" | \"_blank\" | \"_parent\" | \"_top\" | undefined","schema":{"kind":"enum","type":"\"auto\" | \"_self\" | \"_blank\" | \"_parent\" | \"_top\" | undefined","schema":["undefined","\"auto\"","\"_self\"","\"_blank\"","\"_parent\"","\"_top\""]},"declarations":[]}}}]},"declarations":[]}],"events":[],"slots":[],"exposed":[]},{"exportName":"default","displayName":"OnyxCard","type":1,"props":[{"name":"density","global":false,"description":"Density defines the amount of vertical white space a component has and the height of the main\n(interactive) element of a component.","tags":[{"name":"default","text":"undefined By default the parents setting is used, if none is defined on any parent `default` is the default."}],"required":false,"type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":{"kind":"enum","type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":["undefined","\"compact\"","\"default\"","\"cozy\""]},"declarations":[]},{"name":"link","global":false,"description":"If set, the component will be rendered as link.","tags":[],"required":false,"type":"string | SharedLinkProps | undefined","schema":{"kind":"enum","type":"string | SharedLinkProps | undefined","schema":["undefined","string",{"kind":"object","type":"SharedLinkProps","schema":{"href":{"name":"href","global":false,"description":"The URL/link to point to. Will use the router for internal links if provided, see [our\ndocumentation](https://onyx.schwarz/development/router.html) for further details.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},"target":{"name":"target","global":false,"description":"Where to display the linked URL (same tab, new tab etc.).\nFor `_blank`, the `rel=\"noreferrer\"` will be set automatically.\nIf set to \"auto\", external links will be opened with \"_blank\" and internal ones with \"_self\".","tags":[],"required":false,"type":"\"auto\" | \"_self\" | \"_blank\" | \"_parent\" | \"_top\" | undefined","schema":{"kind":"enum","type":"\"auto\" | \"_self\" | \"_blank\" | \"_parent\" | \"_top\" | undefined","schema":["undefined","\"auto\"","\"_self\"","\"_blank\"","\"_parent\"","\"_top\""]},"declarations":[]}}}]},"declarations":[]},{"name":"clickable","global":false,"default":"false","description":"Whether the whole card should be clickable (will render it as `<button>`). **Important**: If\nclickable, the card must not contain interactive elements like other buttons etc.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]}],"events":[],"slots":[{"name":"default","type":"any","description":"Card content.","tags":[],"schema":"any","declarations":[]}],"exposed":[]},{"exportName":"default","displayName":"OnyxCodeTab","type":1,"props":[{"name":"disabled","global":false,"default":"undefined","description":"Whether the tab should be disabled and prevent the user from interacting with it.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"skeleton","global":false,"default":"SKELETON_INJECTED_SYMBOL","description":"Whether to show a skeleton tab.","tags":[],"required":false,"type":"SkeletonInjected | undefined","schema":{"kind":"enum","type":"SkeletonInjected | undefined","schema":["undefined","number","false","true","symbol"]},"declarations":[]},{"name":"value","global":false,"description":"Value of the tab when its selected. Will be the `modelValue` / `v-model` of the `OnyxTabs`\ncomponent.","tags":[],"required":true,"type":"PropertyKey","schema":"PropertyKey","declarations":[]},{"name":"label","global":false,"description":"Tab label to display. Alternatively, the `tab` slot can be used.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},{"name":"code","global":false,"description":"Raw source code snippet. Will be used for the copy functionality and as default slot content\n(without syntax highlighting). For custom highlighting or content, use the `default` slot. If\n`code` is left empty the\n[`innerText`](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/innerText) of the\n`default` slot is used for the copy functionality instead.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},{"name":"icon","global":false,"description":"Icon to display next to the label.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},{"name":"language","global":false,"description":"Language of the code snippet.","tags":[{"name":"example","text":"  (\"ts\", \"vue\", \"html\", \"css\");"}],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]}],"events":[],"slots":[{"name":"default","type":"any","description":"Tab panel / content. By default, the `code` property will be used (without syntax\nhighlighting).","tags":[],"schema":"any","declarations":[]},{"name":"tab","type":"any","description":"Optional slot to override the tab content. By default, the `label` and `icon` property will be\ndisplayed.","tags":[],"schema":"any","declarations":[]}],"exposed":[]},{"exportName":"default","displayName":"OnyxSelectOption","type":1,"props":[{"name":"density","global":false,"description":"Density defines the amount of vertical white space a component has and the height of the main\n(interactive) element of a component.","tags":[{"name":"default","text":"undefined By default the parents setting is used, if none is defined on any parent `default` is the default."}],"required":false,"type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":{"kind":"enum","type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":["undefined","\"compact\"","\"default\"","\"cozy\""]},"declarations":[]},{"name":"active","global":false,"default":"false","description":"Whether the option is (visually) active.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"multiple","global":false,"default":"false","description":"Adds a checkbox to the option","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"indeterminate","global":false,"description":"If `true`, an indeterminate indicator is shown.\nOnly in combination with `multiple`","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"icon","global":false,"description":"Optional icon.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},{"name":"truncation","global":false,"default":"\"ellipsis\"","description":"How to truncate the option label / text content if it exceeds the max width.","tags":[],"required":false,"type":"\"ellipsis\" | \"multiline\" | undefined","schema":{"kind":"enum","type":"\"ellipsis\" | \"multiline\" | undefined","schema":["undefined","\"ellipsis\"","\"multiline\""]},"declarations":[]}],"events":[],"slots":[{"name":"default","type":"any","description":"Default slot to place the option label / text content.","tags":[],"schema":"any","declarations":[]}],"exposed":[]},{"exportName":"default","displayName":"OnyxSeparator","type":1,"props":[{"name":"orientation","global":false,"default":"\"horizontal\"","description":"Orientation of the separator.","tags":[],"required":false,"type":"\"horizontal\" | \"vertical\" | undefined","schema":{"kind":"enum","type":"\"horizontal\" | \"vertical\" | undefined","schema":["undefined","\"horizontal\"","\"vertical\""]},"declarations":[]}],"events":[],"slots":[],"exposed":[]},{"exportName":"default","displayName":"OnyxDataGridRenderer","type":2,"props":[{"name":"density","global":false,"description":"Density defines the amount of vertical white space a component has and the height of the main\n(interactive) element of a component.","tags":[{"name":"default","text":"undefined By default the parents setting is used, if none is defined on any parent `default` is the default."}],"required":false,"type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":{"kind":"enum","type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":["undefined","\"compact\"","\"default\"","\"cozy\""]},"declarations":[]},{"name":"striped","global":false,"description":"Whether to use striped row background colors.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"withVerticalBorders","global":false,"description":"If `true`, vertical borders will be displayed in addition to the default horizontal borders.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"withPageScrolling","global":false,"description":"Whether the table will only scroll in a page context and will not scroll internally.\n\n- `false` => the table header will stick to the top of the **table** when it has a limited height\n- `true` => the table header will stick to the top of the **page** when scrolling the page\n- Warning: Don't set a max-height/width on the table when `withPageScrolling` is set.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"columnGroups","global":false,"description":"Optional column groups that are rendered above the table head to group columns together.\nSlot `head` must be filled for this to work and `withVerticalBorders` property should be set.","tags":[],"required":false,"type":"TableColumnGroup[] | undefined","schema":{"kind":"enum","type":"TableColumnGroup[] | undefined","schema":["undefined","TableColumnGroup[]"]},"declarations":[]},{"name":"scrollContainerAttrs","global":false,"description":"Additional HTML attributes for the scroll container.\nSupports attributes like id, class, style, and events.","tags":[],"required":false,"type":"HTMLAttributes | undefined","schema":{"kind":"enum","type":"HTMLAttributes | undefined","schema":["undefined","HTMLAttributes"]},"declarations":[]},{"name":"tableAttrs","global":false,"description":"Additional HTML attributes for the table element.\nSupports attributes like id, class, style, and events.","tags":[],"required":false,"type":"HTMLAttributes | undefined","schema":{"kind":"enum","type":"HTMLAttributes | undefined","schema":["undefined","HTMLAttributes"]},"declarations":[]},{"name":"truncation","global":false,"description":"Defines how overflows of text content in cells (`td`-elements) are handled. The cell can either\ngrow to multiple lines (`'multiline'`) or truncate the text (`'ellipsis'`). The `'ellipsis'`\nmode will only show an ellipsis, when a (maximum) width has been defined for a cell/column.","tags":[{"name":"default","text":"\"multiline\""}],"required":false,"type":"\"ellipsis\" | \"multiline\" | undefined","schema":{"kind":"enum","type":"\"ellipsis\" | \"multiline\" | undefined","schema":["undefined","\"ellipsis\"","\"multiline\""]},"declarations":[]},{"name":"columns","global":false,"description":"Will define which columns and their headers are rendered in which order.","tags":[],"required":true,"type":"DataGridRendererColumn<TEntry, any>[]","schema":"DataGridRendererColumn<TEntry, any>[]","declarations":[]},{"name":"rows","global":false,"description":"","tags":[],"required":true,"type":"DataGridRendererRow<TEntry, TMetadata>[]","schema":"DataGridRendererRow<TEntry, TMetadata>[]","declarations":[]}],"events":[],"slots":[{"name":"pagination","type":"any","description":"Optional slot for displaying a pagination below the table (bottom right). See OnyxPagination\ncomponent.","tags":[],"schema":"any","declarations":[]},{"name":"headline","type":"any","description":"Optional slot for showing a headline above the table (top left). See OnyxHeadline component.","tags":[],"schema":"any","declarations":[]},{"name":"empty","type":"{ defaultMessage: string; }","description":"Optional slot to customize the empty state when no body content exist.\nIt is recommended to use the `<OnyxEmpty>` component here.\n\nIf unset, a default translated message will be displayed for the current locale.","tags":[],"schema":{"kind":"object","type":"{ defaultMessage: string; }","schema":{"defaultMessage":{"name":"defaultMessage","global":false,"description":"","tags":[],"required":true,"type":"string","schema":"string","declarations":[]}}},"declarations":[]},{"name":"actions","type":"any","description":"Optional slot for showing table actions above the table (top right). See OnyxIconButton and\nOnyxButton component.","tags":[],"schema":"any","declarations":[]},{"name":"bottomLeft","type":"any","description":"Optional slot for displaying additional information below the table (bottom left).\nUseful for showing a legend, page size selection etc.","tags":[],"schema":"any","declarations":[]}],"exposed":[]},{"exportName":"default","displayName":"OnyxDataGrid","type":2,"props":[{"name":"features","global":false,"default":"[] as TFeatures","description":"Features that should be applied. They allow the modification of the behavior and rendering.\nUsually you want to use the provided features of the exported `DataGridFeature` namespace.\nCheck the Storybook examples (e.g. [Sorting](/?path=/story/data-datagrid-features--sorting))\nfor more details on how the features are used and configured.","tags":[],"required":false,"type":"TFeatures | undefined","schema":{"kind":"enum","type":"TFeatures | undefined","schema":["undefined",{"kind":"array","type":"TFeatures","schema":[]}]},"declarations":[]},{"name":"async","global":false,"description":"When `async` is `true`, the data transformation of supported features is disabled and\nexternalized. This allows for backend handling of data fetching and data transformation.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"columns","global":false,"description":"The order of and which columns should be rendered.","tags":[],"required":true,"type":"ColumnConfig<TEntry, TColumnGroup, IfExtends<RecordValues<MapTypeRenderOptions<IfNotEmpty<MaybeUnwrap<UnionByKey<ReturnType<[({ skeleton }: DataGridFeatureContext) => { readonly name: typeof BASE_FEATURE_SYMBOL; readonly watch: [Readonly<Ref<number | boolean, number | boolean>>, ComputedRef<{ is: \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\"; showAs?: \"h1\" | \"h2\" | \"h3\" | \"h4\" | undefined; hash?: string | undefined; skeleton?: SkeletonInjected | undefined; text: string; rowCount?: number | boolean | undefined; } | undefined>]; readonly modifyColumns: { readonly func: (columns: readonly InternalColumnConfig<any, any>[]) => InternalColumnConfig<any, any>[] | { type: { name: string; }; key: string | number | symbol; width?: string | undefined; columnGroupKey?: string | number | symbol | undefined; tdAttributes?: TdHTMLAttributes | undefined; thAttributes?: ThHTMLAttributes | undefined; label: string; }[]; }; readonly mutation: { readonly order: number; readonly func: (rows: Readonly<any>[]) => Readonly<any>[] | { id: number; }[]; }; readonly scrollContainerAttributes: () => { class: string; }; readonly typeRenderer: { readonly number: Readonly<TypeRenderer<DataGridEntry, NumberCellOptions>>; readonly string: Readonly<TypeRenderer<DataGridEntry, StringCellOptions>>; readonly select: Readonly<TypeRenderer<DataGridEntry, SelectCellOptions>>; readonly date: Readonly<TypeRenderer<DataGridEntry, DateCellOptions>>; readonly \"datetime-local\": Readonly<TypeRenderer<DataGridEntry, DateCellOptions>>; readonly time: Readonly<TypeRenderer<DataGridEntry, DateCellOptions>>; readonly timestamp: Readonly<TypeRenderer<DataGridEntry, DateCellOptions>>; readonly skeleton: Readonly<TypeRenderer<DataGridEntry, StringCellOptions>>; readonly boolean: Readonly<TypeRenderer<DataGridEntry, BooleanCellOptions>>; readonly link: Readonly<TypeRenderer<DataGridEntry, Partial<OnyxLinkProps>>>; }; readonly slots: { readonly headline: (slotContent: () => VNode<RendererNode, RendererElement, { [key: string]: any; }>[]) => VNode<RendererNode, RendererElement, { [key: string]: any; }>[]; }; }, ...TFeatures] extends any[] ? [({ skeleton }: DataGridFeatureContext) => { readonly name: typeof BASE_FEATURE_SYMBOL; readonly watch: [Readonly<Ref<number | boolean, number | boolean>>, ComputedRef<{ is: \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\"; showAs?: \"h1\" | \"h2\" | \"h3\" | \"h4\" | undefined; hash?: string | undefined; skeleton?: SkeletonInjected | undefined; text: string; rowCount?: number | boolean | undefined; } | undefined>]; readonly modifyColumns: { readonly func: (columns: readonly InternalColumnConfig<any, any>[]) => InternalColumnConfig<any, any>[] | { type: { name: string; }; key: string | number | symbol; width?: string | undefined; columnGroupKey?: string | number | symbol | undefined; tdAttributes?: TdHTMLAttributes | undefined; thAttributes?: ThHTMLAttributes | undefined; label: string; }[]; }; readonly mutation: { readonly order: number; readonly func: (rows: Readonly<any>[]) => Readonly<any>[] | { id: number; }[]; }; readonly scrollContainerAttributes: () => { class: string; }; readonly typeRenderer: { readonly number: Readonly<TypeRenderer<DataGridEntry, NumberCellOptions>>; readonly string: Readonly<TypeRenderer<DataGridEntry, StringCellOptions>>; readonly select: Readonly<TypeRenderer<DataGridEntry, SelectCellOptions>>; readonly date: Readonly<TypeRenderer<DataGridEntry, DateCellOptions>>; readonly \"datetime-local\": Readonly<TypeRenderer<DataGridEntry, DateCellOptions>>; readonly time: Readonly<TypeRenderer<DataGridEntry, DateCellOptions>>; readonly timestamp: Readonly<TypeRenderer<DataGridEntry, DateCellOptions>>; readonly skeleton: Readonly<TypeRenderer<DataGridEntry, StringCellOptions>>; readonly boolean: Readonly<TypeRenderer<DataGridEntry, BooleanCellOptions>>; readonly link: Readonly<TypeRenderer<DataGridEntry, Partial<OnyxLinkProps>>>; }; readonly slots: { readonly headline: (slotContent: () => VNode<RendererNode, RendererElement, { [key: string]: any; }>[]) => VNode<RendererNode, RendererElement, { [key: string]: any; }>[]; }; }, ...TFeatures][number] : [({ skeleton }: DataGridFeatureContext) => { readonly name: typeof BASE_FEATURE_SYMBOL; readonly watch: [Readonly<Ref<number | boolean, number | boolean>>, ComputedRef<{ is: \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\"; showAs?: \"h1\" | \"h2\" | \"h3\" | \"h4\" | undefined; hash?: string | undefined; skeleton?: SkeletonInjected | undefined; text: string; rowCount?: number | boolean | undefined; } | undefined>]; readonly modifyColumns: { readonly func: (columns: readonly InternalColumnConfig<any, any>[]) => InternalColumnConfig<any, any>[] | { type: { name: string; }; key: string | number | symbol; width?: string | undefined; columnGroupKey?: string | number | symbol | undefined; tdAttributes?: TdHTMLAttributes | undefined; thAttributes?: ThHTMLAttributes | undefined; label: string; }[]; }; readonly mutation: { readonly order: number; readonly func: (rows: Readonly<any>[]) => Readonly<any>[] | { id: number; }[]; }; readonly scrollContainerAttributes: () => { class: string; }; readonly typeRenderer: { readonly number: Readonly<TypeRenderer<DataGridEntry, NumberCellOptions>>; readonly string: Readonly<TypeRenderer<DataGridEntry, StringCellOptions>>; readonly select: Readonly<TypeRenderer<DataGridEntry, SelectCellOptions>>; readonly date: Readonly<TypeRenderer<DataGridEntry, DateCellOptions>>; readonly \"datetime-local\": Readonly<TypeRenderer<DataGridEntry, DateCellOptions>>; readonly time: Readonly<TypeRenderer<DataGridEntry, DateCellOptions>>; readonly timestamp: Readonly<TypeRenderer<DataGridEntry, DateCellOptions>>; readonly skeleton: Readonly<TypeRenderer<DataGridEntry, StringCellOptions>>; readonly boolean: Readonly<TypeRenderer<DataGridEntry, BooleanCellOptions>>; readonly link: Readonly<TypeRenderer<DataGridEntry, Partial<OnyxLinkProps>>>; }; readonly slots: { readonly headline: (slotContent: () => VNode<RendererNode, RendererElement, { [key: string]: any; }>[]) => VNode<RendererNode, RendererElement, { [key: string]: any; }>[]; }; }, ...TFeatures]>>, \"typeRenderer\", never>, never>>>, ColumnConfigTypeOption<PropertyKey, unknown>, never>>[]","schema":"ColumnConfig<TEntry, TColumnGroup, IfExtends<RecordValues<MapTypeRenderOptions<IfNotEmpty<MaybeUnwrap<UnionByKey<ReturnType<[({ skeleton }: DataGridFeatureContext) => { readonly name: typeof BASE_FEATURE_SYMBOL; readonly watch: [Readonly<Ref<number | boolean, number | boolean>>, ComputedRef<{ is: \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\"; showAs?: \"h1\" | \"h2\" | \"h3\" | \"h4\" | undefined; hash?: string | undefined; skeleton?: SkeletonInjected | undefined; text: string; rowCount?: number | boolean | undefined; } | undefined>]; readonly modifyColumns: { readonly func: (columns: readonly InternalColumnConfig<any, any>[]) => InternalColumnConfig<any, any>[] | { type: { name: string; }; key: string | number | symbol; width?: string | undefined; columnGroupKey?: string | number | symbol | undefined; tdAttributes?: TdHTMLAttributes | undefined; thAttributes?: ThHTMLAttributes | undefined; label: string; }[]; }; readonly mutation: { readonly order: number; readonly func: (rows: Readonly<any>[]) => Readonly<any>[] | { id: number; }[]; }; readonly scrollContainerAttributes: () => { class: string; }; readonly typeRenderer: { readonly number: Readonly<TypeRenderer<DataGridEntry, NumberCellOptions>>; readonly string: Readonly<TypeRenderer<DataGridEntry, StringCellOptions>>; readonly select: Readonly<TypeRenderer<DataGridEntry, SelectCellOptions>>; readonly date: Readonly<TypeRenderer<DataGridEntry, DateCellOptions>>; readonly \"datetime-local\": Readonly<TypeRenderer<DataGridEntry, DateCellOptions>>; readonly time: Readonly<TypeRenderer<DataGridEntry, DateCellOptions>>; readonly timestamp: Readonly<TypeRenderer<DataGridEntry, DateCellOptions>>; readonly skeleton: Readonly<TypeRenderer<DataGridEntry, StringCellOptions>>; readonly boolean: Readonly<TypeRenderer<DataGridEntry, BooleanCellOptions>>; readonly link: Readonly<TypeRenderer<DataGridEntry, Partial<OnyxLinkProps>>>; }; readonly slots: { readonly headline: (slotContent: () => VNode<RendererNode, RendererElement, { [key: string]: any; }>[]) => VNode<RendererNode, RendererElement, { [key: string]: any; }>[]; }; }, ...TFeatures] extends any[] ? [({ skeleton }: DataGridFeatureContext) => { readonly name: typeof BASE_FEATURE_SYMBOL; readonly watch: [Readonly<Ref<number | boolean, number | boolean>>, ComputedRef<{ is: \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\"; showAs?: \"h1\" | \"h2\" | \"h3\" | \"h4\" | undefined; hash?: string | undefined; skeleton?: SkeletonInjected | undefined; text: string; rowCount?: number | boolean | undefined; } | undefined>]; readonly modifyColumns: { readonly func: (columns: readonly InternalColumnConfig<any, any>[]) => InternalColumnConfig<any, any>[] | { type: { name: string; }; key: string | number | symbol; width?: string | undefined; columnGroupKey?: string | number | symbol | undefined; tdAttributes?: TdHTMLAttributes | undefined; thAttributes?: ThHTMLAttributes | undefined; label: string; }[]; }; readonly mutation: { readonly order: number; readonly func: (rows: Readonly<any>[]) => Readonly<any>[] | { id: number; }[]; }; readonly scrollContainerAttributes: () => { class: string; }; readonly typeRenderer: { readonly number: Readonly<TypeRenderer<DataGridEntry, NumberCellOptions>>; readonly string: Readonly<TypeRenderer<DataGridEntry, StringCellOptions>>; readonly select: Readonly<TypeRenderer<DataGridEntry, SelectCellOptions>>; readonly date: Readonly<TypeRenderer<DataGridEntry, DateCellOptions>>; readonly \"datetime-local\": Readonly<TypeRenderer<DataGridEntry, DateCellOptions>>; readonly time: Readonly<TypeRenderer<DataGridEntry, DateCellOptions>>; readonly timestamp: Readonly<TypeRenderer<DataGridEntry, DateCellOptions>>; readonly skeleton: Readonly<TypeRenderer<DataGridEntry, StringCellOptions>>; readonly boolean: Readonly<TypeRenderer<DataGridEntry, BooleanCellOptions>>; readonly link: Readonly<TypeRenderer<DataGridEntry, Partial<OnyxLinkProps>>>; }; readonly slots: { readonly headline: (slotContent: () => VNode<RendererNode, RendererElement, { [key: string]: any; }>[]) => VNode<RendererNode, RendererElement, { [key: string]: any; }>[]; }; }, ...TFeatures][number] : [({ skeleton }: DataGridFeatureContext) => { readonly name: typeof BASE_FEATURE_SYMBOL; readonly watch: [Readonly<Ref<number | boolean, number | boolean>>, ComputedRef<{ is: \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\"; showAs?: \"h1\" | \"h2\" | \"h3\" | \"h4\" | undefined; hash?: string | undefined; skeleton?: SkeletonInjected | undefined; text: string; rowCount?: number | boolean | undefined; } | undefined>]; readonly modifyColumns: { readonly func: (columns: readonly InternalColumnConfig<any, any>[]) => InternalColumnConfig<any, any>[] | { type: { name: string; }; key: string | number | symbol; width?: string | undefined; columnGroupKey?: string | number | symbol | undefined; tdAttributes?: TdHTMLAttributes | undefined; thAttributes?: ThHTMLAttributes | undefined; label: string; }[]; }; readonly mutation: { readonly order: number; readonly func: (rows: Readonly<any>[]) => Readonly<any>[] | { id: number; }[]; }; readonly scrollContainerAttributes: () => { class: string; }; readonly typeRenderer: { readonly number: Readonly<TypeRenderer<DataGridEntry, NumberCellOptions>>; readonly string: Readonly<TypeRenderer<DataGridEntry, StringCellOptions>>; readonly select: Readonly<TypeRenderer<DataGridEntry, SelectCellOptions>>; readonly date: Readonly<TypeRenderer<DataGridEntry, DateCellOptions>>; readonly \"datetime-local\": Readonly<TypeRenderer<DataGridEntry, DateCellOptions>>; readonly time: Readonly<TypeRenderer<DataGridEntry, DateCellOptions>>; readonly timestamp: Readonly<TypeRenderer<DataGridEntry, DateCellOptions>>; readonly skeleton: Readonly<TypeRenderer<DataGridEntry, StringCellOptions>>; readonly boolean: Readonly<TypeRenderer<DataGridEntry, BooleanCellOptions>>; readonly link: Readonly<TypeRenderer<DataGridEntry, Partial<OnyxLinkProps>>>; }; readonly slots: { readonly headline: (slotContent: () => VNode<RendererNode, RendererElement, { [key: string]: any; }>[]) => VNode<RendererNode, RendererElement, { [key: string]: any; }>[]; }; }, ...TFeatures]>>, \"typeRenderer\", never>, never>>>, ColumnConfigTypeOption<PropertyKey, unknown>, never>>[]","declarations":[]},{"name":"columnGroups","global":false,"description":"Configuration for the column groups defined via the `columns` configuration.","tags":[],"required":false,"type":"TColumnGroup | undefined","schema":{"kind":"enum","type":"TColumnGroup | undefined","schema":["undefined","TColumnGroup"]},"declarations":[]},{"name":"data","global":false,"description":"The data that should be used to fill the datagrid.","tags":[],"required":true,"type":"TEntry[]","schema":"TEntry[]","declarations":[]},{"name":"skeleton","global":false,"default":"SKELETON_INJECTED_SYMBOL","description":"Whether to show skeleton rows. Can be set to `true` to use a pre-defined skeleton row count or\nyou can pass a number to define a specific count.","tags":[],"required":false,"type":"SkeletonInjected | undefined","schema":{"kind":"enum","type":"SkeletonInjected | undefined","schema":["undefined","number","false","true","symbol"]},"declarations":[]},{"name":"headline","global":false,"description":"Headline to display above the data grid.","tags":[],"required":false,"type":"string | DataGridHeadline | undefined","schema":{"kind":"enum","type":"string | DataGridHeadline | undefined","schema":["undefined","string",{"kind":"object","type":"DataGridHeadline","schema":{"is":{"name":"is","global":false,"description":"Semantical headline type. Should match the page hierarchy and should not skip hierarchies (e.g.\nh2 should be followed by h3 etc.).","tags":[],"required":false,"type":"\"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\" | undefined","schema":{"kind":"enum","type":"\"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\" | undefined","schema":["undefined","\"h1\"","\"h2\"","\"h3\"","\"h4\"","\"h5\"","\"h6\""]},"declarations":[]},"showAs":{"name":"showAs","global":false,"description":"Visual size of the headline (h1-h6). Will default to but can be different from the semantical\n`is` property. Please note that only h1-h4 are intended to be used from UX perspective, h5 and\nh6 will have the same styles as h4.","tags":[],"required":false,"type":"\"h1\" | \"h2\" | \"h3\" | \"h4\" | undefined","schema":{"kind":"enum","type":"\"h1\" | \"h2\" | \"h3\" | \"h4\" | undefined","schema":["undefined","\"h1\"","\"h2\"","\"h3\"","\"h4\""]},"declarations":[]},"hash":{"name":"hash","global":false,"description":"Unique headline hash/ID (without \"#\") that is used to show a \"#\" icon on hover. Makes the\nheadline clickable and a URL that points to this headline is copied to the users clipboard.\nWill be automatically normalized when containing non URL-safe characters.","tags":[{"name":"example","text":"  \"about-us\";"}],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},"skeleton":{"name":"skeleton","global":false,"description":"Whether to show a skeleton headline.","tags":[],"required":false,"type":"SkeletonInjected | undefined","schema":{"kind":"enum","type":"SkeletonInjected | undefined","schema":["undefined","number","false","true","symbol"]},"declarations":[]},"text":{"name":"text","global":false,"description":"Headline text.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},"rowCount":{"name":"rowCount","global":false,"description":"Optional row count to display. If set to `true`, the count will be determined automatically.\nCan also be set to a custom number (useful when e.g. using async pagination).","tags":[],"required":false,"type":"number | boolean | undefined","schema":{"kind":"enum","type":"number | boolean | undefined","schema":["undefined","number","false","true"]},"declarations":[]}}}]},"declarations":[]},{"name":"density","global":false,"description":"Density defines the amount of vertical white space a component has and the height of the main\n(interactive) element of a component.","tags":[{"name":"default","text":"undefined By default the parents setting is used, if none is defined on any parent `default` is the default."}],"required":false,"type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":{"kind":"enum","type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":["undefined","\"compact\"","\"default\"","\"cozy\""]},"declarations":[]},{"name":"truncation","global":false,"description":"Defines how overflows of text content in cells (`td`-elements) are handled. The cell can either\ngrow to multiple lines (`'multiline'`) or truncate the text (`'ellipsis'`). The `'ellipsis'`\nmode will only show an ellipsis, when a (maximum) width has been defined for a cell/column.","tags":[{"name":"default","text":"\"multiline\""}],"required":false,"type":"\"ellipsis\" | \"multiline\" | undefined","schema":{"kind":"enum","type":"\"ellipsis\" | \"multiline\" | undefined","schema":["undefined","\"ellipsis\"","\"multiline\""]},"declarations":[]},{"name":"striped","global":false,"default":"true","description":"Whether to use striped row background colors.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"withVerticalBorders","global":false,"default":"true","description":"If `true`, vertical borders will be displayed in addition to the default horizontal borders.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"withPageScrolling","global":false,"description":"Whether the table will only scroll in a page context and will not scroll internally.\n\n- `false` => the table header will stick to the top of the **table** when it has a limited height\n- `true` => the table header will stick to the top of the **page** when scrolling the page\n- Warning: Don't set a max-height/width on the table when `withPageScrolling` is set.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"tableAttrs","global":false,"description":"Additional HTML attributes for the table element.\nSupports attributes like id, class, style, and events.","tags":[],"required":false,"type":"HTMLAttributes | undefined","schema":{"kind":"enum","type":"HTMLAttributes | undefined","schema":["undefined","HTMLAttributes"]},"declarations":[]}],"events":[],"slots":[{"name":"empty","type":"{ defaultMessage: string; }","description":"Optional slot to customize the empty state when no body content exist.\nIt is recommended to use the `<OnyxEmpty>` component here.\n\nIf unset, a default translated message will be displayed for the current locale.","tags":[],"schema":{"kind":"object","type":"{ defaultMessage: string; }","schema":{"defaultMessage":{"name":"defaultMessage","global":false,"description":"","tags":[],"required":true,"type":"string","schema":"string","declarations":[]}}},"declarations":[]}],"exposed":[]},{"exportName":"default","displayName":"OnyxSystemButton","type":1,"props":[{"name":"disabled","global":false,"default":"FORM_INJECTED_SYMBOL","description":"If the button should be disabled or not.","tags":[],"required":false,"type":"FormInjected<boolean> | undefined","schema":{"kind":"enum","type":"FormInjected<boolean> | undefined","schema":["undefined","false","true","symbol"]},"declarations":[]},{"name":"skeleton","global":false,"default":"SKELETON_INJECTED_SYMBOL","description":"Whether to show a skeleton button.","tags":[],"required":false,"type":"SkeletonInjected | undefined","schema":{"kind":"enum","type":"SkeletonInjected | undefined","schema":["undefined","number","false","true","symbol"]},"declarations":[]},{"name":"autofocus","global":false,"default":"false","description":"Whether to focus the component on page load or inside a dialog/popover once it opens.\nCan only be enabled for one element inside a page/dialog/popover.\nNote: Has no effect when set after the component has been mounted.\n\n**UX / Accessibility**: autofocus should be used carefully since it can reduce usability and\naccessibility for users.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"link","global":false,"description":"If set, the button will be rendered as link. Note that not all button properties are\nsupported when used as link, e.g. `disabled`, `type` and `autofocus` are not supported.","tags":[],"required":false,"type":"string | SharedLinkProps | undefined","schema":{"kind":"enum","type":"string | SharedLinkProps | undefined","schema":["undefined","string",{"kind":"object","type":"SharedLinkProps","schema":{"href":{"name":"href","global":false,"description":"The URL/link to point to. Will use the router for internal links if provided, see [our\ndocumentation](https://onyx.schwarz/development/router.html) for further details.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},"target":{"name":"target","global":false,"description":"Where to display the linked URL (same tab, new tab etc.).\nFor `_blank`, the `rel=\"noreferrer\"` will be set automatically.\nIf set to \"auto\", external links will be opened with \"_blank\" and internal ones with \"_self\".","tags":[],"required":false,"type":"\"auto\" | \"_self\" | \"_blank\" | \"_parent\" | \"_top\" | undefined","schema":{"kind":"enum","type":"\"auto\" | \"_self\" | \"_blank\" | \"_parent\" | \"_top\" | undefined","schema":["undefined","\"auto\"","\"_self\"","\"_blank\"","\"_parent\"","\"_top\""]},"declarations":[]}}}]},"declarations":[]},{"name":"label","global":false,"description":"Button label / text to show. Is always required (even if `icon` is set) for screen readers /\naccessibility.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},{"name":"icon","global":false,"description":"Icon to show. Will visually hide the label if set.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},{"name":"color","global":false,"default":"\"intense\"","description":"Button color.","tags":[],"required":false,"type":"\"soft\" | \"medium\" | \"intense\" | undefined","schema":{"kind":"enum","type":"\"soft\" | \"medium\" | \"intense\" | undefined","schema":["undefined","\"soft\"","\"medium\"","\"intense\""]},"declarations":[]}],"events":[],"slots":[{"name":"default","type":"any","description":"Optional slot to override the button content.\nShould only contain either an icon or text.","tags":[],"schema":"any","declarations":[]}],"exposed":[]},{"exportName":"default","displayName":"OnyxTab","type":1,"props":[{"name":"density","global":false,"description":"Density defines the amount of vertical white space a component has and the height of the main\n(interactive) element of a component.","tags":[{"name":"default","text":"undefined By default the parents setting is used, if none is defined on any parent `default` is the default."}],"required":false,"type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":{"kind":"enum","type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":["undefined","\"compact\"","\"default\"","\"cozy\""]},"declarations":[]},{"name":"value","global":false,"description":"Value of the tab when its selected. Will be the `modelValue` / `v-model` of the `OnyxTabs`\ncomponent.","tags":[],"required":true,"type":"PropertyKey","schema":"PropertyKey","declarations":[]},{"name":"label","global":false,"description":"Tab label to display. Alternatively, the `tab` slot can be used.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},{"name":"disabled","global":false,"default":"false","description":"Whether the tab should be disabled and prevent the user from interacting with it.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"skeleton","global":false,"default":"SKELETON_INJECTED_SYMBOL","description":"Whether to show a skeleton tab.","tags":[],"required":false,"type":"SkeletonInjected | undefined","schema":{"kind":"enum","type":"SkeletonInjected | undefined","schema":["undefined","number","false","true","symbol"]},"declarations":[]}],"events":[],"slots":[{"name":"default","type":"any","description":"Tab panel / content.","tags":[],"schema":"any","declarations":[]},{"name":"tab","type":"any","description":"Optional slot to override the tab content. By default, the `label` property will be displayed.","tags":[],"schema":"any","declarations":[]}],"exposed":[]},{"exportName":"default","displayName":"OnyxEmpty","type":1,"props":[{"name":"density","global":false,"description":"Density defines the amount of vertical white space a component has and the height of the main\n(interactive) element of a component.","tags":[{"name":"default","text":"undefined By default the parents setting is used, if none is defined on any parent `default` is the default."}],"required":false,"type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":{"kind":"enum","type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":["undefined","\"compact\"","\"default\"","\"cozy\""]},"declarations":[]}],"events":[],"slots":[{"name":"default","type":"any","description":"Label / headline to display.","tags":[],"schema":"any","declarations":[]},{"name":"description","type":"any","description":"Optional description text to display.","tags":[],"schema":"any","declarations":[]},{"name":"icon","type":"any","description":"Optional slot to override the default icon.","tags":[],"schema":"any","declarations":[]},{"name":"buttons","type":"any","description":"Optional slot to place custom buttons.","tags":[],"schema":"any","declarations":[]}],"exposed":[]},{"exportName":"default","displayName":"OnyxTable","type":1,"props":[{"name":"density","global":false,"description":"Density defines the amount of vertical white space a component has and the height of the main\n(interactive) element of a component.","tags":[{"name":"default","text":"undefined By default the parents setting is used, if none is defined on any parent `default` is the default."}],"required":false,"type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":{"kind":"enum","type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":["undefined","\"compact\"","\"default\"","\"cozy\""]},"declarations":[]},{"name":"striped","global":false,"default":"false","description":"Whether to use striped row background colors.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"withVerticalBorders","global":false,"default":"false","description":"If `true`, vertical borders will be displayed in addition to the default horizontal borders.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"withPageScrolling","global":false,"default":"false","description":"Whether the table will only scroll in a page context and will not scroll internally.\n\n- `false` => the table header will stick to the top of the **table** when it has a limited height\n- `true` => the table header will stick to the top of the **page** when scrolling the page\n- Warning: Don't set a max-height/width on the table when `withPageScrolling` is set.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"columnGroups","global":false,"description":"Optional column groups that are rendered above the table head to group columns together.\nSlot `head` must be filled for this to work and `withVerticalBorders` property should be set.","tags":[],"required":false,"type":"TableColumnGroup[] | undefined","schema":{"kind":"enum","type":"TableColumnGroup[] | undefined","schema":["undefined","TableColumnGroup[]"]},"declarations":[]},{"name":"scrollContainerAttrs","global":false,"description":"Additional HTML attributes for the scroll container.\nSupports attributes like id, class, style, and events.","tags":[],"required":false,"type":"HTMLAttributes | undefined","schema":{"kind":"enum","type":"HTMLAttributes | undefined","schema":["undefined","HTMLAttributes"]},"declarations":[]},{"name":"tableAttrs","global":false,"description":"Additional HTML attributes for the table element.\nSupports attributes like id, class, style, and events.","tags":[],"required":false,"type":"HTMLAttributes | undefined","schema":{"kind":"enum","type":"HTMLAttributes | undefined","schema":["undefined","HTMLAttributes"]},"declarations":[]},{"name":"truncation","global":false,"default":"\"multiline\"","description":"Defines how overflows of text content in cells (`td`-elements) are handled. The cell can either\ngrow to multiple lines (`'multiline'`) or truncate the text (`'ellipsis'`). The `'ellipsis'`\nmode will only show an ellipsis, when a (maximum) width has been defined for a cell/column.","tags":[{"name":"default","text":"\"multiline\""}],"required":false,"type":"\"ellipsis\" | \"multiline\" | undefined","schema":{"kind":"enum","type":"\"ellipsis\" | \"multiline\" | undefined","schema":["undefined","\"ellipsis\"","\"multiline\""]},"declarations":[]}],"events":[],"slots":[{"name":"default","type":"any","description":"Table content. Must only contain valid HTML `<tbody>` children like `<tr>` and `<td>`.","tags":[],"schema":"any","declarations":[]},{"name":"head","type":"any","description":"Table header. Must only contain valid HTML `<thead>` children like `<tr>` and `<th>`.","tags":[],"schema":"any","declarations":[]},{"name":"empty","type":"{ defaultMessage: string; }","description":"Optional slot to customize the empty state when no body content exist.\nIt is recommended to use the `<OnyxEmpty>` component here.\n\nIf unset, a default translated message will be displayed for the current locale.","tags":[],"schema":{"kind":"object","type":"{ defaultMessage: string; }","schema":{"defaultMessage":{"name":"defaultMessage","global":false,"description":"","tags":[],"required":true,"type":"string","schema":"string","declarations":[]}}},"declarations":[]},{"name":"headline","type":"any","description":"Optional slot for showing a headline above the table (top left). See OnyxHeadline component.","tags":[],"schema":"any","declarations":[]},{"name":"actions","type":"any","description":"Optional slot for showing table actions above the table (top right). See OnyxIconButton and\nOnyxButton component.","tags":[],"schema":"any","declarations":[]},{"name":"pagination","type":"any","description":"Optional slot for displaying a pagination below the table (bottom right). See OnyxPagination\ncomponent.","tags":[],"schema":"any","declarations":[]},{"name":"bottomLeft","type":"any","description":"Optional slot for displaying additional information below the table (bottom left).\nUseful for showing a legend, page size selection etc.","tags":[],"schema":"any","declarations":[]}],"exposed":[]},{"exportName":"default","displayName":"OnyxFABButton","type":1,"props":[{"name":"density","global":false,"description":"Density defines the amount of vertical white space a component has and the height of the main\n(interactive) element of a component.","tags":[{"name":"default","text":"undefined By default the parents setting is used, if none is defined on any parent `default` is the default."}],"required":false,"type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":{"kind":"enum","type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":["undefined","\"compact\"","\"default\"","\"cozy\""]},"declarations":[]},{"name":"link","global":false,"description":"If set, the component will be rendered as link.","tags":[],"required":false,"type":"string | SharedLinkProps | undefined","schema":{"kind":"enum","type":"string | SharedLinkProps | undefined","schema":["undefined","string",{"kind":"object","type":"SharedLinkProps","schema":{"href":{"name":"href","global":false,"description":"The URL/link to point to. Will use the router for internal links if provided, see [our\ndocumentation](https://onyx.schwarz/development/router.html) for further details.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},"target":{"name":"target","global":false,"description":"Where to display the linked URL (same tab, new tab etc.).\nFor `_blank`, the `rel=\"noreferrer\"` will be set automatically.\nIf set to \"auto\", external links will be opened with \"_blank\" and internal ones with \"_self\".","tags":[],"required":false,"type":"\"auto\" | \"_self\" | \"_blank\" | \"_parent\" | \"_top\" | undefined","schema":{"kind":"enum","type":"\"auto\" | \"_self\" | \"_blank\" | \"_parent\" | \"_top\" | undefined","schema":["undefined","\"auto\"","\"_self\"","\"_blank\"","\"_parent\"","\"_top\""]},"declarations":[]}}}]},"declarations":[]},{"name":"label","global":false,"description":"(Aria) Label of the action button that describes the action.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},{"name":"hideLabel","global":false,"description":"If `true`, the label will be visually hidden.\nFor accessibility / screen readers, the aria-label will still be set.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"icon","global":false,"description":"Icon to show in the action button.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},{"name":"skeleton","global":false,"default":"SKELETON_INJECTED_SYMBOL","description":"Whether to show a skeleton button.","tags":[],"required":false,"type":"SkeletonInjected | undefined","schema":{"kind":"enum","type":"SkeletonInjected | undefined","schema":["undefined","number","false","true","symbol"]},"declarations":[]}],"events":[],"slots":[],"exposed":[]},{"exportName":"default","displayName":"OnyxTableOfContents","type":1,"props":[{"name":"density","global":false,"description":"Density defines the amount of vertical white space a component has and the height of the main\n(interactive) element of a component.","tags":[{"name":"default","text":"undefined By default the parents setting is used, if none is defined on any parent `default` is the default."}],"required":false,"type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":{"kind":"enum","type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":["undefined","\"compact\"","\"default\"","\"cozy\""]},"declarations":[]},{"name":"skeleton","global":false,"default":"SKELETON_INJECTED_SYMBOL","description":"Whether to show skeleton items.","tags":[],"required":false,"type":"SkeletonInjected | undefined","schema":{"kind":"enum","type":"SkeletonInjected | undefined","schema":["undefined","number","false","true","symbol"]},"declarations":[]}],"events":[],"slots":[{"name":"default","type":"any","description":"Table of content items. Recommended to use the `OnyxTableOfContentsItem` component here.","tags":[],"schema":"any","declarations":[]}],"exposed":[]},{"exportName":"default","displayName":"OnyxFABItem","type":1,"props":[{"name":"density","global":false,"description":"Density defines the amount of vertical white space a component has and the height of the main\n(interactive) element of a component.","tags":[{"name":"default","text":"undefined By default the parents setting is used, if none is defined on any parent `default` is the default."}],"required":false,"type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":{"kind":"enum","type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":["undefined","\"compact\"","\"default\"","\"cozy\""]},"declarations":[]},{"name":"link","global":false,"description":"If set, the component will be rendered as link.","tags":[],"required":false,"type":"string | SharedLinkProps | undefined","schema":{"kind":"enum","type":"string | SharedLinkProps | undefined","schema":["undefined","string",{"kind":"object","type":"SharedLinkProps","schema":{"href":{"name":"href","global":false,"description":"The URL/link to point to. Will use the router for internal links if provided, see [our\ndocumentation](https://onyx.schwarz/development/router.html) for further details.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},"target":{"name":"target","global":false,"description":"Where to display the linked URL (same tab, new tab etc.).\nFor `_blank`, the `rel=\"noreferrer\"` will be set automatically.\nIf set to \"auto\", external links will be opened with \"_blank\" and internal ones with \"_self\".","tags":[],"required":false,"type":"\"auto\" | \"_self\" | \"_blank\" | \"_parent\" | \"_top\" | undefined","schema":{"kind":"enum","type":"\"auto\" | \"_self\" | \"_blank\" | \"_parent\" | \"_top\" | undefined","schema":["undefined","\"auto\"","\"_self\"","\"_blank\"","\"_parent\"","\"_top\""]},"declarations":[]}}}]},"declarations":[]},{"name":"label","global":false,"description":"Text label to show","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},{"name":"hideLabel","global":false,"description":"If `true`, the label will be visually hidden.\nFor accessibility / screen readers, the aria-label will still be set.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"icon","global":false,"description":"Optional icon to show.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]}],"events":[],"slots":[],"exposed":[]},{"exportName":"default","displayName":"OnyxTableOfContentsItem","type":1,"props":[{"name":"density","global":false,"description":"Density defines the amount of vertical white space a component has and the height of the main\n(interactive) element of a component.","tags":[{"name":"default","text":"undefined By default the parents setting is used, if none is defined on any parent `default` is the default."}],"required":false,"type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":{"kind":"enum","type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":["undefined","\"compact\"","\"default\"","\"cozy\""]},"declarations":[]},{"name":"link","global":false,"description":"If set, the component will be rendered as link.","tags":[],"required":true,"type":"string | SharedLinkProps","schema":{"kind":"enum","type":"string | SharedLinkProps","schema":["string",{"kind":"object","type":"SharedLinkProps","schema":{"href":{"name":"href","global":false,"description":"The URL/link to point to. Will use the router for internal links if provided, see [our\ndocumentation](https://onyx.schwarz/development/router.html) for further details.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},"target":{"name":"target","global":false,"description":"Where to display the linked URL (same tab, new tab etc.).\nFor `_blank`, the `rel=\"noreferrer\"` will be set automatically.\nIf set to \"auto\", external links will be opened with \"_blank\" and internal ones with \"_self\".","tags":[],"required":false,"type":"\"auto\" | \"_self\" | \"_blank\" | \"_parent\" | \"_top\" | undefined","schema":{"kind":"enum","type":"\"auto\" | \"_self\" | \"_blank\" | \"_parent\" | \"_top\" | undefined","schema":["undefined","\"auto\"","\"_self\"","\"_blank\"","\"_parent\"","\"_top\""]},"declarations":[]}}}]},"declarations":[]},{"name":"active","global":false,"default":"\"auto\"","description":"Whether the item is currently active. For \"auto\", the active state will be determined\nautomatically based on the current route or when the corresponding OnyxHeadline becomes\nvisible (requires to OnyxPageLayout to be used).","tags":[],"required":false,"type":"boolean | \"auto\" | undefined","schema":{"kind":"enum","type":"boolean | \"auto\" | undefined","schema":["undefined","false","true","\"auto\""]},"declarations":[]},{"name":"skeleton","global":false,"default":"SKELETON_INJECTED_SYMBOL","description":"Whether to show a skeleton item.","tags":[],"required":false,"type":"SkeletonInjected | undefined","schema":{"kind":"enum","type":"SkeletonInjected | undefined","schema":["undefined","number","false","true","symbol"]},"declarations":[]}],"events":[],"slots":[{"name":"default","type":"any","description":"Item content.","tags":[],"schema":"any","declarations":[]},{"name":"children","type":"any","description":"Optional nested children to display. Recommended to use the `OnyxTableOfContentsItem` component\nhere.","tags":[],"schema":"any","declarations":[]}],"exposed":[]},{"exportName":"default","displayName":"OnyxGlobalFAB","type":1,"props":[],"events":[],"slots":[],"exposed":[]},{"exportName":"default","displayName":"OnyxExternalLinkIcon","type":1,"props":[{"name":"href","global":false,"description":"The URL/link to point to. Will use the router for internal links if provided, see [our\ndocumentation](https://onyx.schwarz/development/router.html) for further details.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},{"name":"withExternalIcon","global":false,"default":"\"auto\"","description":"Whether to show the external link icon.\nIf set to `auto`, it will be shown when the `href` leads to another website\n(starting with \"http://\" or \"https://\") and will be hidden otherwise.","tags":[],"required":false,"type":"boolean | \"auto\" | undefined","schema":{"kind":"enum","type":"boolean | \"auto\" | undefined","schema":["undefined","false","true","\"auto\""]},"declarations":[]}],"events":[],"slots":[],"exposed":[]},{"exportName":"default","displayName":"OnyxTag","type":1,"props":[{"name":"density","global":false,"description":"Density defines the amount of vertical white space a component has and the height of the main\n(interactive) element of a component.","tags":[{"name":"default","text":"undefined By default the parents setting is used, if none is defined on any parent `default` is the default."}],"required":false,"type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":{"kind":"enum","type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":["undefined","\"compact\"","\"default\"","\"cozy\""]},"declarations":[]},{"name":"label","global":false,"description":"The text content of the tag.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},{"name":"color","global":false,"default":"\"neutral\"","description":"The color of the tag.","tags":[],"required":false,"type":"\"primary\" | \"neutral\" | \"danger\" | \"warning\" | \"success\" | \"info\" | undefined","schema":{"kind":"enum","type":"\"primary\" | \"neutral\" | \"danger\" | \"warning\" | \"success\" | \"info\" | undefined","schema":["undefined","\"primary\"","\"neutral\"","\"danger\"","\"warning\"","\"success\"","\"info\""]},"declarations":[]},{"name":"icon","global":false,"description":"An icon which will be displayed on the left side of the label.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},{"name":"clickable","global":false,"description":"Determines whether the Tag is clickable or not.\nIf a string is provided, it is used as tooltip label.\nIf an object is provided, it contains the tooltip label and an optional action icon.\n\nThe label must describe the on-click action, e.g. \"Click to remove the tag.\"","tags":[],"required":false,"type":"string | { label: string; actionIcon?: string | undefined; } | undefined","schema":{"kind":"enum","type":"string | { label: string; actionIcon?: string | undefined; } | undefined","schema":["undefined","string",{"kind":"object","type":"{ label: string; actionIcon?: string | undefined; }","schema":{"label":{"name":"label","global":false,"description":"The label displayed on the Tooltip","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},"actionIcon":{"name":"actionIcon","global":false,"description":"An icon displayed on the right side of the label.\nShould be used to indicate an action (e.g., dismissing).","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]}}}]},"declarations":[]},{"name":"skeleton","global":false,"default":"SKELETON_INJECTED_SYMBOL","description":"Whether to show a skeleton tag.","tags":[],"required":false,"type":"SkeletonInjected | undefined","schema":{"kind":"enum","type":"SkeletonInjected | undefined","schema":["undefined","number","false","true","symbol"]},"declarations":[]}],"events":[],"slots":[],"exposed":[]},{"exportName":"default","displayName":"OnyxForm","type":1,"props":[{"name":"disabled","global":false,"default":"false","description":"Whether the input should be disabled and prevent the user from interacting with it.\nDisabled makes the element not mutable, focusable, or even submitted with the form.\nIt will also not be validated.","tags":[{"name":"default","text":"`false`"}],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"showError","global":false,"default":"\"touched\"","description":"Configures if and when errors are shown.\n\n- `true`: errors will be shown initially.\n- `false`: errors will never be shown. ⚠️ Only the displaying of the error is effected! An error\n  will still block submission!\n- \"touched\": only shows an error _after_ a user has significantly interacted with the input, see\n  [:user-invalid](https://drafts.csswg.org/selectors/#user-invalid-pseudo)","tags":[{"name":"default","text":"\"touched\""}],"required":false,"type":"ShowErrorMode | undefined","schema":{"kind":"enum","type":"ShowErrorMode | undefined","schema":["undefined","false","true","\"touched\""]},"declarations":[]},{"name":"requiredMarker","global":false,"description":"How to display the required / optional marker.\n\n- Optional: will show an `(optional)` text after the label for optional form elements.\n- Required: will show an `*` indicator for required inputs after the label instead.\n\nNo marker will be visible if the label is hidden.","tags":[{"name":"default","text":"undefined By default the parents setting is used, if none is defined on any `required` is the default."}],"required":false,"type":"\"required\" | \"optional\" | undefined","schema":{"kind":"enum","type":"\"required\" | \"optional\" | undefined","schema":["undefined","\"required\"","\"optional\""]},"declarations":[]},{"name":"reserveMessageSpace","global":false,"default":"false","description":"Always reserves the space required to show `error` or other messages.\nSubsequently this will increase the height of the form element permanently.\nWe recommend to enable this to avoid layout shifts.","tags":[{"name":"default","text":"`false`"}],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"skeleton","global":false,"description":"Whether to show all supported child components as skeleton.\nCan be overridden on each child component if necessary.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"density","global":false,"description":"Density defines the amount of vertical white space a component has and the height of the main\n(interactive) element of a component.","tags":[{"name":"default","text":"undefined By default the parents setting is used, if none is defined on any parent `default` is the default."}],"required":false,"type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":{"kind":"enum","type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":["undefined","\"compact\"","\"default\"","\"cozy\""]},"declarations":[]}],"events":[],"slots":[{"name":"default","type":"any","description":"Any form content","tags":[],"schema":"any","declarations":[]}],"exposed":[]},{"exportName":"default","displayName":"OnyxFileTypeIcon","type":1,"props":[{"name":"inline","global":false,"description":"In inline mode the icon will adapt to the font-size and align itself according to the\nline-height.","tags":[{"name":"deprecated","text":"Use `size=\"inline\"` instead"}],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"color","global":false,"description":"Icon color.","tags":[],"required":false,"type":"\"primary\" | \"neutral\" | \"danger\" | \"warning\" | \"success\" | \"info\" | \"currentColor\" | undefined","schema":{"kind":"enum","type":"\"primary\" | \"neutral\" | \"danger\" | \"warning\" | \"success\" | \"info\" | \"currentColor\" | undefined","schema":["undefined","\"primary\"","\"neutral\"","\"danger\"","\"warning\"","\"success\"","\"info\"","\"currentColor\""]},"declarations":[]},{"name":"size","global":false,"description":"Size. Pixel values will be translated to the according `rem` value by the base of\n`16px`=`1rem`.","tags":[{"name":"default","text":"24px"}],"required":false,"type":"\"12px\" | \"16px\" | \"24px\" | \"32px\" | \"48px\" | \"64px\" | \"96px\" | \"inline\" | undefined","schema":{"kind":"enum","type":"\"12px\" | \"16px\" | \"24px\" | \"32px\" | \"48px\" | \"64px\" | \"96px\" | \"inline\" | undefined","schema":["undefined","\"12px\"","\"16px\"","\"24px\"","\"32px\"","\"48px\"","\"64px\"","\"96px\"","\"inline\""]},"declarations":[]},{"name":"type","global":false,"description":"Media type of the file, e.g. \"application/pdf\".\nIf unset or an unsupported media type is provided, a default icon will be shown.","tags":[],"required":false,"type":"`text/${string}` | `image/${string}` | `audio/${string}` | `video/${string}` | `application/${string}` | `font/${string}` | `model/${string}` | undefined","schema":{"kind":"enum","type":"`text/${string}` | `image/${string}` | `audio/${string}` | `video/${string}` | `application/${string}` | `font/${string}` | `model/${string}` | undefined","schema":["undefined","`text/${string}`","`image/${string}`","`audio/${string}`","`video/${string}`","`application/${string}`","`font/${string}`","`model/${string}`"]},"declarations":[]}],"events":[],"slots":[],"exposed":[]},{"exportName":"default","displayName":"OnyxNavAppArea","type":1,"props":[{"name":"link","global":false,"default":"\"/\"","description":"If set, the component will be rendered as link.","tags":[],"required":false,"type":"string | SharedLinkProps | undefined","schema":{"kind":"enum","type":"string | SharedLinkProps | undefined","schema":["undefined","string",{"kind":"object","type":"SharedLinkProps","schema":{"href":{"name":"href","global":false,"description":"The URL/link to point to. Will use the router for internal links if provided, see [our\ndocumentation](https://onyx.schwarz/development/router.html) for further details.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},"target":{"name":"target","global":false,"description":"Where to display the linked URL (same tab, new tab etc.).\nFor `_blank`, the `rel=\"noreferrer\"` will be set automatically.\nIf set to \"auto\", external links will be opened with \"_blank\" and internal ones with \"_self\".","tags":[],"required":false,"type":"\"auto\" | \"_self\" | \"_blank\" | \"_parent\" | \"_top\" | undefined","schema":{"kind":"enum","type":"\"auto\" | \"_self\" | \"_blank\" | \"_parent\" | \"_top\" | undefined","schema":["undefined","\"auto\"","\"_self\"","\"_blank\"","\"_parent\"","\"_top\""]},"declarations":[]}}}]},"declarations":[]},{"name":"logoUrl","global":false,"description":"Logo / app icon URl to display. Slot `logo` can be used to place custom content.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},{"name":"appName","global":false,"description":"Application name to show on the left.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},{"name":"label","global":false,"description":"Describes the action that is taken on click.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]}],"events":[],"slots":[{"name":"default","type":"any","description":"Optional slot to override the content.","tags":[],"schema":"any","declarations":[]}],"exposed":[]},{"exportName":"default","displayName":"OnyxHeadline","type":1,"props":[{"name":"is","global":false,"description":"Semantical headline type. Should match the page hierarchy and should not skip hierarchies (e.g.\nh2 should be followed by h3 etc.).","tags":[],"required":true,"type":"\"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\"","schema":{"kind":"enum","type":"\"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\"","schema":["\"h1\"","\"h2\"","\"h3\"","\"h4\"","\"h5\"","\"h6\""]},"declarations":[]},{"name":"showAs","global":false,"description":"Visual size of the headline (h1-h6). Will default to but can be different from the semantical\n`is` property. Please note that only h1-h4 are intended to be used from UX perspective, h5 and\nh6 will have the same styles as h4.","tags":[],"required":false,"type":"\"h1\" | \"h2\" | \"h3\" | \"h4\" | undefined","schema":{"kind":"enum","type":"\"h1\" | \"h2\" | \"h3\" | \"h4\" | undefined","schema":["undefined","\"h1\"","\"h2\"","\"h3\"","\"h4\""]},"declarations":[]},{"name":"hash","global":false,"description":"Unique headline hash/ID (without \"#\") that is used to show a \"#\" icon on hover. Makes the\nheadline clickable and a URL that points to this headline is copied to the users clipboard.\nWill be automatically normalized when containing non URL-safe characters.","tags":[{"name":"example","text":"  \"about-us\";"}],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},{"name":"skeleton","global":false,"default":"SKELETON_INJECTED_SYMBOL","description":"Whether to show a skeleton headline.","tags":[],"required":false,"type":"SkeletonInjected | undefined","schema":{"kind":"enum","type":"SkeletonInjected | undefined","schema":["undefined","number","false","true","symbol"]},"declarations":[]}],"events":[],"slots":[{"name":"default","type":"any","description":"Headline content.","tags":[],"schema":"any","declarations":[]}],"exposed":[]},{"exportName":"default","displayName":"OnyxIcon","type":1,"props":[{"name":"size","global":false,"description":"Size. Pixel values will be translated to the according `rem` value by the base of\n`16px`=`1rem`.","tags":[{"name":"default","text":"24px"}],"required":false,"type":"\"12px\" | \"16px\" | \"24px\" | \"32px\" | \"48px\" | \"64px\" | \"96px\" | \"inline\" | undefined","schema":{"kind":"enum","type":"\"12px\" | \"16px\" | \"24px\" | \"32px\" | \"48px\" | \"64px\" | \"96px\" | \"inline\" | undefined","schema":["undefined","\"12px\"","\"16px\"","\"24px\"","\"32px\"","\"48px\"","\"64px\"","\"96px\"","\"inline\""]},"declarations":[]},{"name":"icon","global":false,"description":"SVG source of the icon. **Important**: Only provide trustworthy content, the SVG content will\nnot be sanitized.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},{"name":"color","global":false,"description":"Icon color.","tags":[],"required":false,"type":"\"primary\" | \"neutral\" | \"danger\" | \"warning\" | \"success\" | \"info\" | \"currentColor\" | undefined","schema":{"kind":"enum","type":"\"primary\" | \"neutral\" | \"danger\" | \"warning\" | \"success\" | \"info\" | \"currentColor\" | undefined","schema":["undefined","\"primary\"","\"neutral\"","\"danger\"","\"warning\"","\"success\"","\"info\"","\"currentColor\""]},"declarations":[]},{"name":"inline","global":false,"description":"In inline mode the icon will adapt to the font-size and align itself according to the\nline-height.","tags":[{"name":"deprecated","text":"Use `size=\"inline\"` instead"}],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]}],"events":[],"slots":[],"exposed":[]},{"exportName":"default","displayName":"OnyxIconButton","type":1,"props":[{"name":"density","global":false,"description":"Density defines the amount of vertical white space a component has and the height of the main\n(interactive) element of a component.","tags":[{"name":"default","text":"undefined By default the parents setting is used, if none is defined on any parent `default` is the default."}],"required":false,"type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":{"kind":"enum","type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":["undefined","\"compact\"","\"default\"","\"cozy\""]},"declarations":[]},{"name":"autofocus","global":false,"description":"Whether to focus the component on page load or inside a dialog/popover once it opens.\nCan only be enabled for one element inside a page/dialog/popover.\nNote: Has no effect when set after the component has been mounted.\n\n**UX / Accessibility**: autofocus should be used carefully since it can reduce usability and\naccessibility for users.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"link","global":false,"description":"If set, the button will be rendered as link. Note that not all button properties are\nsupported when used as link, e.g. `disabled`, `type` and `autofocus` are not supported.","tags":[],"required":false,"type":"string | SharedLinkProps | undefined","schema":{"kind":"enum","type":"string | SharedLinkProps | undefined","schema":["undefined","string",{"kind":"object","type":"SharedLinkProps","schema":{"href":{"name":"href","global":false,"description":"The URL/link to point to. Will use the router for internal links if provided, see [our\ndocumentation](https://onyx.schwarz/development/router.html) for further details.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},"target":{"name":"target","global":false,"description":"Where to display the linked URL (same tab, new tab etc.).\nFor `_blank`, the `rel=\"noreferrer\"` will be set automatically.\nIf set to \"auto\", external links will be opened with \"_blank\" and internal ones with \"_self\".","tags":[],"required":false,"type":"\"auto\" | \"_self\" | \"_blank\" | \"_parent\" | \"_top\" | undefined","schema":{"kind":"enum","type":"\"auto\" | \"_self\" | \"_blank\" | \"_parent\" | \"_top\" | undefined","schema":["undefined","\"auto\"","\"_self\"","\"_blank\"","\"_parent\"","\"_top\""]},"declarations":[]}}}]},"declarations":[]},{"name":"label","global":false,"description":"The aria-label of the button.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},{"name":"disabled","global":false,"default":"FORM_INJECTED_SYMBOL","description":"If the button should be disabled or not.","tags":[],"required":false,"type":"FormInjected<boolean> | undefined","schema":{"kind":"enum","type":"FormInjected<boolean> | undefined","schema":["undefined","false","true","symbol"]},"declarations":[]},{"name":"type","global":false,"default":"\"button\"","description":"The button type.","tags":[],"required":false,"type":"\"button\" | \"submit\" | \"reset\" | undefined","schema":{"kind":"enum","type":"\"button\" | \"submit\" | \"reset\" | undefined","schema":["undefined","\"button\"","\"submit\"","\"reset\""]},"declarations":[]},{"name":"color","global":false,"default":"\"primary\"","description":"The color of the button.","tags":[],"required":false,"type":"\"primary\" | \"neutral\" | \"danger\" | undefined","schema":{"kind":"enum","type":"\"primary\" | \"neutral\" | \"danger\" | undefined","schema":["undefined","\"primary\"","\"neutral\"","\"danger\""]},"declarations":[]},{"name":"loading","global":false,"description":"When `true` shows an loading indicator instead of the actual icon.\nThe button is disabled while loading is `true`.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"icon","global":false,"description":"The icon which will be displayed. The custom content in the `default` won't have an effect if\nthe `icon` property is set.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},{"name":"skeleton","global":false,"default":"SKELETON_INJECTED_SYMBOL","description":"Whether to show a skeleton button.","tags":[],"required":false,"type":"SkeletonInjected | undefined","schema":{"kind":"enum","type":"SkeletonInjected | undefined","schema":["undefined","number","false","true","symbol"]},"declarations":[]}],"events":[],"slots":[{"name":"default","type":"any","description":"Slot for an custom icon. Will have no effect if property `icon` is passed.","tags":[],"schema":"any","declarations":[]}],"exposed":[]},{"exportName":"default","displayName":"OnyxImage","type":1,"props":[{"name":"src","global":false,"description":"Image URL to show.\nYou can pass different images for light and dark mode.","tags":[],"required":true,"type":"string | { light: string; dark: string; }","schema":{"kind":"enum","type":"string | { light: string; dark: string; }","schema":["string",{"kind":"object","type":"{ light: string; dark: string; }","schema":{"light":{"name":"light","global":false,"description":"","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},"dark":{"name":"dark","global":false,"description":"","tags":[],"required":true,"type":"string","schema":"string","declarations":[]}}}]},"declarations":[]},{"name":"alt","global":false,"description":"(Descriptive) Text that can replace the image, e.g. if it can not be loaded. Can be set to an\nempty string if the image is only used for decoration and NOT a key part of the content.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},{"name":"width","global":false,"description":"Width of the image in pixels. Can be customized via CSS to e.g. use 100% of the available\nwidth. Will be used by the browser to reserve space while the image is loading and is\nrecommended to prevent a layout shift.","tags":[],"required":true,"type":"number","schema":"number","declarations":[]},{"name":"height","global":false,"description":"Height of the image in pixels. Can be customized via CSS to e.g. use 100% of the available\nheight. Will be used by the browser to reserve space while the image is loading and is\nrecommended to prevent a layout shift.","tags":[],"required":true,"type":"number","schema":"number","declarations":[]},{"name":"loading","global":false,"default":"\"lazy\"","description":"Defines how the image should be loaded. - lazy: Defers loading until the image reaches a\nbrowser-defined distance from the viewport - eager: Immediately loads the image, regardless of\nwhether its currently in the visible viewport","tags":[],"required":false,"type":"ImageLoading | undefined","schema":{"kind":"enum","type":"ImageLoading | undefined","schema":["undefined","\"lazy\"","\"eager\""]},"declarations":[]},{"name":"shape","global":false,"description":"Image border shape. If unset, the original image shape will be used.","tags":[],"required":false,"type":"\"circle\" | \"rounded\" | \"clip\" | \"clip-inverted\" | undefined","schema":{"kind":"enum","type":"\"circle\" | \"rounded\" | \"clip\" | \"clip-inverted\" | undefined","schema":["undefined","\"circle\"","\"rounded\"","\"clip\"","\"clip-inverted\""]},"declarations":[]},{"name":"skeleton","global":false,"default":"SKELETON_INJECTED_SYMBOL","description":"Whether to show a skeleton image.","tags":[],"required":false,"type":"SkeletonInjected | undefined","schema":{"kind":"enum","type":"SkeletonInjected | undefined","schema":["undefined","number","false","true","symbol"]},"declarations":[]}],"events":[],"slots":[],"exposed":[]},{"exportName":"default","displayName":"OnyxLink","type":1,"props":[{"name":"href","global":false,"description":"The URL/link to point to. Will use the router for internal links if provided, see [our\ndocumentation](https://onyx.schwarz/development/router.html) for further details.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},{"name":"withExternalIcon","global":false,"default":"\"auto\"","description":"Whether to show the external link icon.\nIf set to `auto`, it will be shown when the `href` leads to another website\n(starting with \"http://\" or \"https://\") and will be hidden otherwise.","tags":[],"required":false,"type":"boolean | \"auto\" | undefined","schema":{"kind":"enum","type":"boolean | \"auto\" | undefined","schema":["undefined","false","true","\"auto\""]},"declarations":[]},{"name":"target","global":false,"default":"\"auto\"","description":"Where to display the linked URL (same tab, new tab etc.).\nFor `_blank`, the `rel=\"noreferrer\"` will be set automatically.\nIf set to \"auto\", external links will be opened with \"_blank\" and internal ones with \"_self\".","tags":[],"required":false,"type":"\"auto\" | \"_self\" | \"_blank\" | \"_parent\" | \"_top\" | undefined","schema":{"kind":"enum","type":"\"auto\" | \"_self\" | \"_blank\" | \"_parent\" | \"_top\" | undefined","schema":["undefined","\"auto\"","\"_self\"","\"_blank\"","\"_parent\"","\"_top\""]},"declarations":[]}],"events":[],"slots":[{"name":"default","type":"any","description":"Link label.","tags":[],"schema":"any","declarations":[]}],"exposed":[]},{"exportName":"default","displayName":"OnyxListItem","type":1,"props":[{"name":"density","global":false,"description":"Density defines the amount of vertical white space a component has and the height of the main\n(interactive) element of a component.","tags":[{"name":"default","text":"undefined By default the parents setting is used, if none is defined on any parent `default` is the default."}],"required":false,"type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":{"kind":"enum","type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":["undefined","\"compact\"","\"default\"","\"cozy\""]},"declarations":[]},{"name":"selected","global":false,"default":"false","description":"Whether the option is currently selected (if the content includes interactive components like a\ncheckbox, use `checked` instead).","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"checked","global":false,"default":"false","description":"Same as `selected` but with optimized styles when the content includes interactive component\n(e.g. a checkbox).","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"active","global":false,"default":"false","description":"Whether the option is (visually) active.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"disabled","global":false,"default":"false","description":"Whether the option is disabled.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"color","global":false,"description":"Main color of the option content.","tags":[],"required":false,"type":"\"primary\" | \"danger\" | undefined","schema":{"kind":"enum","type":"\"primary\" | \"danger\" | undefined","schema":["undefined","\"primary\"","\"danger\""]},"declarations":[]},{"name":"is","global":false,"default":"\"li\"","description":"What the component should render as. Defaults to `li`.","tags":[],"required":false,"type":"string | Component | undefined","schema":{"kind":"enum","type":"string | Component | undefined","schema":["undefined","string","ComponentOptions<any, any, any, ComputedOptions, MethodOptions, any, any, any, string, {}, {}, string, {}, {}, {}, string, ComponentProvideOptions>","FunctionalComponent<any, {}, any, {}>","ComponentPublicInstanceConstructor<any, any, any, any, ComputedOptions, MethodOptions>"]},"declarations":[]}],"events":[],"slots":[{"name":"default","type":"any","description":"Option content.","tags":[],"schema":"any","declarations":[]}],"exposed":[]},{"exportName":"default","displayName":"OnyxLoadingIndicator","type":1,"props":[{"name":"type","global":false,"default":"\"dots\"","description":"Indicator type to use.","tags":[],"required":false,"type":"\"circle\" | \"dots\" | undefined","schema":{"kind":"enum","type":"\"circle\" | \"dots\" | undefined","schema":["undefined","\"circle\"","\"dots\""]},"declarations":[]}],"events":[],"slots":[],"exposed":[]},{"exportName":"default","displayName":"OnyxToast","type":1,"props":[],"events":[],"slots":[],"exposed":[]},{"exportName":"default","displayName":"OnyxNotificationDot","type":1,"props":[{"name":"hidden","global":false,"default":"false","description":"If `true`, the dot will be hidden.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"color","global":false,"default":"\"warning\"","description":"Dot color.","tags":[],"required":false,"type":"\"primary\" | \"neutral\" | \"danger\" | \"warning\" | \"success\" | \"info\" | undefined","schema":{"kind":"enum","type":"\"primary\" | \"neutral\" | \"danger\" | \"warning\" | \"success\" | \"info\" | undefined","schema":["undefined","\"primary\"","\"neutral\"","\"danger\"","\"warning\"","\"success\"","\"info\""]},"declarations":[]}],"events":[],"slots":[{"name":"default","type":"any","description":"Main content where the dot will be positioned in relation to.","tags":[],"schema":"any","declarations":[]}],"exposed":[]},{"exportName":"default","displayName":"OnyxProgressItem","type":1,"props":[{"name":"density","global":false,"description":"Density defines the amount of vertical white space a component has and the height of the main\n(interactive) element of a component.","tags":[{"name":"default","text":"undefined By default the parents setting is used, if none is defined on any parent `default` is the default."}],"required":false,"type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":{"kind":"enum","type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":["undefined","\"compact\"","\"default\"","\"cozy\""]},"declarations":[]},{"name":"label","global":false,"description":"Visual label.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},{"name":"value","global":false,"description":"The value/number of the step.","tags":[],"required":true,"type":"number","schema":"number","declarations":[]},{"name":"status","global":false,"default":"\"default\"","description":"The status of the progress item which indicates whether the item is currently active, upcoming\nor already visited/completed.","tags":[],"required":false,"type":"\"default\" | \"active\" | \"invalid\" | \"completed\" | \"visited\" | undefined","schema":{"kind":"enum","type":"\"default\" | \"active\" | \"invalid\" | \"completed\" | \"visited\" | undefined","schema":["undefined","\"default\"","\"active\"","\"invalid\"","\"completed\"","\"visited\""]},"declarations":[]},{"name":"icon","global":false,"description":"Icon to display instead of the numeric indicator. If `status` is \"completed\", \"visited\" or\n\"invalid\", the icon will be pre-defined so passing a different icon does not work then.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},{"name":"disabled","global":false,"description":"Whether the item is disabled and can not be interacted with.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"skeleton","global":false,"default":"SKELETON_INJECTED_SYMBOL","description":"Whether to show a skeleton item.","tags":[],"required":false,"type":"SkeletonInjected | undefined","schema":{"kind":"enum","type":"SkeletonInjected | undefined","schema":["undefined","number","false","true","symbol"]},"declarations":[]}],"events":[],"slots":[{"name":"default","type":"Pick<OnyxProgressItemProps, \"label\">","description":"Optionally override the label slot with custom content.\nBy default, the `label` property will be displayed.","tags":[],"schema":"Pick<OnyxProgressItemProps, \"label\">","declarations":[]}],"exposed":[]},{"exportName":"default","displayName":"OnyxPageLayout","type":1,"props":[{"name":"skeleton","global":false,"description":"Whether to show all supported child components as skeleton.\nCan be overridden on each child component if necessary.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"footerAlignment","global":false,"default":"\"full\"","description":"How the footer is aligned when used together with a sidebar.\n- full: footer will span the full screen width below the sidebar/page.\n- page: footer will be restricted to the page width and is placed aside the sidebar.","tags":[],"required":false,"type":"\"full\" | \"page\" | undefined","schema":{"kind":"enum","type":"\"full\" | \"page\" | undefined","schema":["undefined","\"full\"","\"page\""]},"declarations":[]},{"name":"noPadding","global":false,"description":"If `true`, the default responsive page content padding will be removed. You can use the\n`onyx-grid-layout` CSS class on your own which is used internally for the padding. Useful when\ne.g. implementing a page with a full width hero image at the top, followed by content below.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]}],"events":[],"slots":[{"name":"default","type":"any","description":"Main content area of the page.","tags":[],"schema":"any","declarations":[]},{"name":"sidebar","type":"any","description":"Optional (left) sidebar. Recommended component:\n[OnyxSidebar](https://storybook.onyx.schwarz/?path=/docs/navigation-sidebar--docs)\n\nFor semantic HTML, it is recommended to use HTML elements like `<aside>` here, which is already\nthe case when using the\n[OnyxSidebar](https://storybook.onyx.schwarz/?path=/docs/navigation-sidebar--docs).","tags":[],"schema":"any","declarations":[]},{"name":"sidebarRight","type":"any","description":"Optional (right) sidebar. Recommended component:\n[OnyxSidebar](https://storybook.onyx.schwarz/?path=/docs/navigation-sidebar--docs)\n\nFor semantic HTML, it is recommended to use HTML elements like `<aside>` here, which is already\nthe case when using the\n[OnyxSidebar](https://storybook.onyx.schwarz/?path=/docs/navigation-sidebar--docs).","tags":[],"schema":"any","declarations":[]},{"name":"footer","type":"any","description":"Optional page footer.\nFor semantic HTML, it is recommended to use HTML elements like `<footer>` here.","tags":[],"schema":"any","declarations":[]}],"exposed":[]},{"exportName":"default","displayName":"OnyxSkeleton","type":1,"props":[],"events":[],"slots":[],"exposed":[]},{"exportName":"default","displayName":"OnyxVisuallyHidden","type":1,"props":[{"name":"is","global":false,"default":"\"span\"","description":"","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]}],"events":[],"slots":[{"name":"default","type":"any","description":"Content that should be visually hidden.","tags":[],"schema":"any","declarations":[]}],"exposed":[]},{"exportName":"default","displayName":"OnyxTreeView","type":1,"props":[{"name":"density","global":false,"description":"Density defines the amount of vertical white space a component has and the height of the main\n(interactive) element of a component.","tags":[{"name":"default","text":"undefined By default the parents setting is used, if none is defined on any parent `default` is the default."}],"required":false,"type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":{"kind":"enum","type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":["undefined","\"compact\"","\"default\"","\"cozy\""]},"declarations":[]},{"name":"label","global":false,"description":"Label of the tree view, required for accessibility / screen readers.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]}],"events":[],"slots":[{"name":"default","type":"any","description":"Tree view items. Use `OnyxTreeViewItem` components here.","tags":[],"schema":"any","declarations":[]}],"exposed":[]},{"exportName":"default","displayName":"OnyxNotifications","type":1,"props":[],"events":[],"slots":[],"exposed":[]},{"exportName":"default","displayName":"OnyxNavButton","type":1,"props":[{"name":"disabled","global":false,"description":"If the button should be disabled or not.","tags":[],"required":false,"type":"FormInjected<boolean> | undefined","schema":{"kind":"enum","type":"FormInjected<boolean> | undefined","schema":["undefined","false","true","symbol"]},"declarations":[]},{"name":"label","global":false,"description":"The text content of the button.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},{"name":"icon","global":false,"description":"An icon which will be displayed on the left side of the label.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},{"name":"link","global":false,"description":"If set, the button will be rendered as link. Note that not all button properties are\nsupported when used as link, e.g. `disabled`, `type` and `autofocus` are not supported.","tags":[],"required":false,"type":"string | SharedLinkProps | undefined","schema":{"kind":"enum","type":"string | SharedLinkProps | undefined","schema":["undefined","string",{"kind":"object","type":"SharedLinkProps","schema":{"href":{"name":"href","global":false,"description":"The URL/link to point to. Will use the router for internal links if provided, see [our\ndocumentation](https://onyx.schwarz/development/router.html) for further details.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},"target":{"name":"target","global":false,"description":"Where to display the linked URL (same tab, new tab etc.).\nFor `_blank`, the `rel=\"noreferrer\"` will be set automatically.\nIf set to \"auto\", external links will be opened with \"_blank\" and internal ones with \"_self\".","tags":[],"required":false,"type":"\"auto\" | \"_self\" | \"_blank\" | \"_parent\" | \"_top\" | undefined","schema":{"kind":"enum","type":"\"auto\" | \"_self\" | \"_blank\" | \"_parent\" | \"_top\" | undefined","schema":["undefined","\"auto\"","\"_self\"","\"_blank\"","\"_parent\"","\"_top\""]},"declarations":[]}}}]},"declarations":[]},{"name":"hideLabel","global":false,"description":"Whether the label should (visually) be hidden.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"color","global":false,"default":"\"neutral\"","description":"Main button color.\n- neutral: Used for custom nav bar actions\n- primary: Used for \"Login\" buttons","tags":[],"required":false,"type":"\"primary\" | \"neutral\" | undefined","schema":{"kind":"enum","type":"\"primary\" | \"neutral\" | undefined","schema":["undefined","\"primary\"","\"neutral\""]},"declarations":[]}],"events":[],"slots":[],"exposed":[]},{"exportName":"default","displayName":"OnyxGlobalSearchGroup","type":1,"props":[{"name":"density","global":false,"description":"Density defines the amount of vertical white space a component has and the height of the main\n(interactive) element of a component.","tags":[{"name":"default","text":"undefined By default the parents setting is used, if none is defined on any parent `default` is the default."}],"required":false,"type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":{"kind":"enum","type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":["undefined","\"compact\"","\"default\"","\"cozy\""]},"declarations":[]},{"name":"label","global":false,"description":"Group name.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},{"name":"skeleton","global":false,"description":"Whether to show skeleton options.","tags":[],"required":false,"type":"number | boolean | undefined","schema":{"kind":"enum","type":"number | boolean | undefined","schema":["undefined","number","false","true"]},"declarations":[]},{"name":"orientation","global":false,"default":"\"vertical\"","description":"Orientation of the component.","tags":[{"name":"default","text":"\"vertical\""}],"required":false,"type":"\"horizontal\" | \"vertical\" | undefined","schema":{"kind":"enum","type":"\"horizontal\" | \"vertical\" | undefined","schema":["undefined","\"horizontal\"","\"vertical\""]},"declarations":[]}],"events":[],"slots":[{"name":"default","type":"any","description":"Group items. Should use `OnyxGlobalSearchOption` for vertical orientation.","tags":[],"schema":"any","declarations":[]}],"exposed":[]},{"exportName":"default","displayName":"OnyxGlobalSearchOption","type":1,"props":[{"name":"density","global":false,"description":"Density defines the amount of vertical white space a component has and the height of the main\n(interactive) element of a component.","tags":[{"name":"default","text":"undefined By default the parents setting is used, if none is defined on any parent `default` is the default."}],"required":false,"type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":{"kind":"enum","type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":["undefined","\"compact\"","\"default\"","\"cozy\""]},"declarations":[]},{"name":"link","global":false,"description":"If set, the component will be rendered as link.","tags":[],"required":false,"type":"string | (SharedLinkProps & Partial<Pick<SharedLinkProps, \"href\">> & { withExternalIcon?: boolean | \"auto\" | undefined; }) | undefined","schema":{"kind":"enum","type":"string | (SharedLinkProps & Partial<Pick<SharedLinkProps, \"href\">> & { withExternalIcon?: boolean | \"auto\" | undefined; }) | undefined","schema":["undefined","string",{"kind":"object","type":"SharedLinkProps & Partial<Pick<SharedLinkProps, \"href\">> & { withExternalIcon?: boolean | \"auto\" | undefined; }","schema":{"href":{"name":"href","global":false,"description":"The URL/link to point to. Will use the router for internal links if provided, see [our\ndocumentation](https://onyx.schwarz/development/router.html) for further details.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},"target":{"name":"target","global":false,"description":"Where to display the linked URL (same tab, new tab etc.).\nFor `_blank`, the `rel=\"noreferrer\"` will be set automatically.\nIf set to \"auto\", external links will be opened with \"_blank\" and internal ones with \"_self\".","tags":[],"required":false,"type":"\"auto\" | \"_self\" | \"_blank\" | \"_parent\" | \"_top\" | undefined","schema":{"kind":"enum","type":"\"auto\" | \"_self\" | \"_blank\" | \"_parent\" | \"_top\" | undefined","schema":["undefined","\"auto\"","\"_self\"","\"_blank\"","\"_parent\"","\"_top\""]},"declarations":[]},"withExternalIcon":{"name":"withExternalIcon","global":false,"description":"Whether to show the external link icon.\nIf set to `auto`, it will be shown when the `href` leads to another website\n(starting with \"http://\" or \"https://\") and will be hidden otherwise.","tags":[],"required":false,"type":"boolean | \"auto\" | undefined","schema":{"kind":"enum","type":"boolean | \"auto\" | undefined","schema":["undefined","false","true","\"auto\""]},"declarations":[]}}}]},"declarations":[]},{"name":"autofocus","global":false,"description":"Whether to focus the component on page load or inside a dialog/popover once it opens.\nCan only be enabled for one element inside a page/dialog/popover.\nNote: Has no effect when set after the component has been mounted.\n\n**UX / Accessibility**: autofocus should be used carefully since it can reduce usability and\naccessibility for users.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"label","global":false,"description":"Option label.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},{"name":"value","global":false,"description":"Unique value of the option inside the global search.\nRequired for accessibility and keyboard support.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},{"name":"icon","global":false,"description":"Optional icon to show next to the label.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},{"name":"skeleton","global":false,"default":"SKELETON_INJECTED_SYMBOL","description":"Whether to show a skeleton option.","tags":[],"required":false,"type":"SkeletonInjected | undefined","schema":{"kind":"enum","type":"SkeletonInjected | undefined","schema":["undefined","number","false","true","symbol"]},"declarations":[]}],"events":[],"slots":[{"name":"default","type":"any","description":"Optional slot to override the option content. By default the `label` and `icon` property will\nbe displayed.","tags":[],"schema":"any","declarations":[]},{"name":"trailing","type":"any","description":"Optional slot to insert custom content on the right side / end of the option.","tags":[],"schema":"any","declarations":[]}],"exposed":[]},{"exportName":"default","displayName":"OnyxRouterLink","type":1,"props":[{"name":"href","global":false,"description":"The URL/link to point to. Will use the router for internal links if provided, see [our\ndocumentation](https://onyx.schwarz/development/router.html) for further details.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},{"name":"target","global":false,"default":"\"auto\"","description":"Where to display the linked URL (same tab, new tab etc.).\nFor `_blank`, the `rel=\"noreferrer\"` will be set automatically.\nIf set to \"auto\", external links will be opened with \"_blank\" and internal ones with \"_self\".","tags":[],"required":false,"type":"\"auto\" | \"_self\" | \"_blank\" | \"_parent\" | \"_top\" | undefined","schema":{"kind":"enum","type":"\"auto\" | \"_self\" | \"_blank\" | \"_parent\" | \"_top\" | undefined","schema":["undefined","\"auto\"","\"_self\"","\"_blank\"","\"_parent\"","\"_top\""]},"declarations":[]}],"events":[],"slots":[{"name":"default","type":"any","description":"","tags":[],"schema":"any","declarations":[]}],"exposed":[]},{"exportName":"default","displayName":"OnyxSegmentedControlElement","type":1,"props":[{"name":"disabled","global":false,"default":"FORM_INJECTED_SYMBOL","description":"Whether the input should be disabled and prevent the user from interacting with it.\nDisabled makes the element not mutable, focusable, or even submitted with the form.\nIt will also not be validated.","tags":[{"name":"default","text":"Inherits value from closest `<OnyxForm>` component, defaults to `false` otherwise"}],"required":false,"type":"FormInjected<boolean> | undefined","schema":{"kind":"enum","type":"FormInjected<boolean> | undefined","schema":["undefined","false","true","symbol"]},"declarations":[]},{"name":"value","global":false,"description":"Value of the option when it is selected.\nMust be unique in the current list of options.","tags":[],"required":true,"type":"SelectOptionValue","schema":{"kind":"enum","type":"SelectOptionValue","schema":["string","number","false","true"]},"declarations":[]},{"name":"label","global":false,"description":"Label to show. Required due to accessibility / screen readers.\nIf you want to visually hide the label, use the `hideLabel` property.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},{"name":"autofocus","global":false,"description":"Whether to focus the component on page load or inside a dialog/popover once it opens.\nCan only be enabled for one element inside a page/dialog/popover.\nNote: Has no effect when set after the component has been mounted.\n\n**UX / Accessibility**: autofocus should be used carefully since it can reduce usability and\naccessibility for users.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"hideLabel","global":false,"description":"If `true`, the label will be visually hidden and the `title` attribute will be set.\nFor accessibility / screen readers, the aria-label will still be set.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"icon","global":false,"description":"Icon for the option. If an icon is provided and `hideLabel` is set the width of the control\nwill be `fit-content`.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},{"name":"name","global":false,"description":"Same as the native `name` attribute of `<input>`.\nUsed to reference the input in JavaScript or in submitted form data.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},{"name":"density","global":false,"description":"Density defines the amount of vertical white space a component has and the height of the main\n(interactive) element of a component.","tags":[{"name":"default","text":"undefined By default the parents setting is used, if none is defined on any parent `default` is the default."}],"required":false,"type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":{"kind":"enum","type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":["undefined","\"compact\"","\"default\"","\"cozy\""]},"declarations":[]},{"name":"checked","global":false,"description":"","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]}],"events":[],"slots":[],"exposed":[]},{"exportName":"default","displayName":"OnyxNotificationCard","type":1,"props":[{"name":"density","global":false,"description":"Density defines the amount of vertical white space a component has and the height of the main\n(interactive) element of a component.","tags":[{"name":"default","text":"undefined By default the parents setting is used, if none is defined on any parent `default` is the default."}],"required":false,"type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":{"kind":"enum","type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":["undefined","\"compact\"","\"default\"","\"cozy\""]},"declarations":[]},{"name":"headline","global":false,"description":"Notification headline/title.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},{"name":"createdAt","global":false,"description":"Time when the notification was created.","tags":[],"required":true,"type":"string | number | Date","schema":{"kind":"enum","type":"string | number | Date","schema":["string","number","Date"]},"declarations":[]},{"name":"unread","global":false,"description":"Whether the notification is unread / not acknowledged by the user yet.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"icon","global":false,"description":"Optional icon to show.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},{"name":"skeleton","global":false,"default":"SKELETON_INJECTED_SYMBOL","description":"Whether to show a skeleton.","tags":[],"required":false,"type":"SkeletonInjected | undefined","schema":{"kind":"enum","type":"SkeletonInjected | undefined","schema":["undefined","number","false","true","symbol"]},"declarations":[]}],"events":[],"slots":[{"name":"default","type":"any","description":"Notification content/description.","tags":[],"schema":"any","declarations":[]},{"name":"actions","type":"any","description":"Optional custom footer actions/buttons.","tags":[],"schema":"any","declarations":[]},{"name":"headerActions","type":"any","description":"Optional custom header actions to display inside a flyout menu. Will only be shown when\nhovering the notification card or focussing via keyboard. You must only put\n[OnyxMenuItem](https://storybook.onyx.schwarz/?path=/docs/basic-menuitem--docs) components\nhere.","tags":[],"schema":"any","declarations":[]}],"exposed":[]},{"exportName":"default","displayName":"OnyxSidebarItem","type":1,"props":[{"name":"density","global":false,"description":"Density defines the amount of vertical white space a component has and the height of the main\n(interactive) element of a component.","tags":[{"name":"default","text":"undefined By default the parents setting is used, if none is defined on any parent `default` is the default."}],"required":false,"type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":{"kind":"enum","type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":["undefined","\"compact\"","\"default\"","\"cozy\""]},"declarations":[]},{"name":"link","global":false,"description":"If set, the component will be rendered as link.","tags":[],"required":false,"type":"string | SharedLinkProps | undefined","schema":{"kind":"enum","type":"string | SharedLinkProps | undefined","schema":["undefined","string",{"kind":"object","type":"SharedLinkProps","schema":{"href":{"name":"href","global":false,"description":"The URL/link to point to. Will use the router for internal links if provided, see [our\ndocumentation](https://onyx.schwarz/development/router.html) for further details.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},"target":{"name":"target","global":false,"description":"Where to display the linked URL (same tab, new tab etc.).\nFor `_blank`, the `rel=\"noreferrer\"` will be set automatically.\nIf set to \"auto\", external links will be opened with \"_blank\" and internal ones with \"_self\".","tags":[],"required":false,"type":"\"auto\" | \"_self\" | \"_blank\" | \"_parent\" | \"_top\" | undefined","schema":{"kind":"enum","type":"\"auto\" | \"_self\" | \"_blank\" | \"_parent\" | \"_top\" | undefined","schema":["undefined","\"auto\"","\"_self\"","\"_blank\"","\"_parent\"","\"_top\""]},"declarations":[]}}}]},"declarations":[]},{"name":"active","global":false,"default":"\"auto\"","description":"Whether the item is currently active. If \"auto\" and a\n[router](https://onyx.schwarz/development/router.html) is provided, the active state will be\ndetermined automatically based on the current route. (only when `link` property is set).","tags":[],"required":false,"type":"boolean | \"auto\" | undefined","schema":{"kind":"enum","type":"boolean | \"auto\" | undefined","schema":["undefined","false","true","\"auto\""]},"declarations":[]}],"events":[],"slots":[{"name":"default","type":"any","description":"Content of the sidebar item. Only use textual content here.","tags":[],"schema":"any","declarations":[]}],"exposed":[]},{"exportName":"default","displayName":"DataGridActions","type":1,"props":[{"name":"actions","global":false,"description":"A list of actions to be displayed in the action slot.","tags":[],"required":true,"type":"DataGridAction[]","schema":"DataGridAction[]","declarations":[]}],"events":[],"slots":[],"exposed":[]},{"exportName":"default","displayName":"OnyxNavItemFacade","type":1,"props":[{"name":"link","global":false,"description":"If set, the component will be rendered as link.","tags":[],"required":false,"type":"string | SharedLinkProps | undefined","schema":{"kind":"enum","type":"string | SharedLinkProps | undefined","schema":["undefined","string",{"kind":"object","type":"SharedLinkProps","schema":{"href":{"name":"href","global":false,"description":"The URL/link to point to. Will use the router for internal links if provided, see [our\ndocumentation](https://onyx.schwarz/development/router.html) for further details.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},"target":{"name":"target","global":false,"description":"Where to display the linked URL (same tab, new tab etc.).\nFor `_blank`, the `rel=\"noreferrer\"` will be set automatically.\nIf set to \"auto\", external links will be opened with \"_blank\" and internal ones with \"_self\".","tags":[],"required":false,"type":"\"auto\" | \"_self\" | \"_blank\" | \"_parent\" | \"_top\" | undefined","schema":{"kind":"enum","type":"\"auto\" | \"_self\" | \"_blank\" | \"_parent\" | \"_top\" | undefined","schema":["undefined","\"auto\"","\"_self\"","\"_blank\"","\"_parent\"","\"_top\""]},"declarations":[]}}}]},"declarations":[]},{"name":"open","global":false,"description":"If the children of the menu item are visible.","tags":[],"required":false,"type":"Nullable<boolean>","schema":{"kind":"enum","type":"Nullable<boolean>","schema":["undefined","null","false","true"]},"declarations":[]},{"name":"label","global":false,"description":"Label text for the menu item.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},{"name":"icon","global":false,"description":"Icon to be displayed next to the label.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},{"name":"active","global":false,"description":"Whether the item is currently active. This is the case if the page of the given link is\ncurrently open. If \"auto\" and a [router](https://onyx.schwarz/development/router.html) is\nprovided, the active state will be determined automatically based on the current route.","tags":[],"required":false,"type":"boolean | \"auto\" | undefined","schema":{"kind":"enum","type":"boolean | \"auto\" | undefined","schema":["undefined","false","true","\"auto\""]},"declarations":[]},{"name":"disabled","global":false,"description":"Whether the menu item is disabled.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"color","global":false,"description":"Main color of the item content.","tags":[],"required":false,"type":"\"primary\" | \"danger\" | undefined","schema":{"kind":"enum","type":"\"primary\" | \"danger\" | undefined","schema":["undefined","\"primary\"","\"danger\""]},"declarations":[]},{"name":"context","global":false,"description":"The render context of the nav item.\nStyling is changed based on the context prop.","tags":[],"required":true,"type":"\"mobile\" | \"list\" | \"navbar\" | \"vertical-navbar\"","schema":{"kind":"enum","type":"\"mobile\" | \"list\" | \"navbar\" | \"vertical-navbar\"","schema":["\"mobile\"","\"list\"","\"navbar\"","\"vertical-navbar\""]},"declarations":[]}],"events":[],"slots":[{"name":"default","type":"any","description":"Button/link text and additional inline content.","tags":[],"schema":"any","declarations":[]},{"name":"children","type":"any","description":"Children items of the nav item.","tags":[],"schema":"any","declarations":[]}],"exposed":[]},{"exportName":"default","displayName":"OnyxErrorSVG","type":1,"props":[],"events":[],"slots":[],"exposed":[]},{"exportName":"default","displayName":"OnyxFileUploadSVG","type":1,"props":[{"name":"disabled","global":false,"description":"Whether the illustration should be displayed in disabled styles.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"active","global":false,"description":"Whether the illustration should be displayed in active styles.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"error","global":false,"description":"Whether the illustration should be displayed in error styles.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]}],"events":[],"slots":[],"exposed":[]},{"exportName":"default","displayName":"OnyxLoadingDots","type":1,"props":[],"events":[],"slots":[],"exposed":[]},{"exportName":"default","displayName":"HeaderCell","type":1,"props":[{"name":"label","global":false,"description":"Label of the column","tags":[],"required":true,"type":"string","schema":"string","declarations":[]}],"events":[],"slots":[{"name":"actions","type":"any","description":"","tags":[],"schema":"any","declarations":[]}],"exposed":[]},{"exportName":"default","displayName":"ButtonOrLinkLayout","type":1,"props":[{"name":"disabled","global":false,"description":"If the button should be disabled or not.","tags":[],"required":false,"type":"FormInjected<boolean> | undefined","schema":{"kind":"enum","type":"FormInjected<boolean> | undefined","schema":["undefined","false","true","symbol"]},"declarations":[]},{"name":"type","global":false,"default":"\"button\"","description":"The button type.","tags":[],"required":false,"type":"\"button\" | \"submit\" | \"reset\" | undefined","schema":{"kind":"enum","type":"\"button\" | \"submit\" | \"reset\" | undefined","schema":["undefined","\"button\"","\"submit\"","\"reset\""]},"declarations":[]},{"name":"autofocus","global":false,"description":"Whether to focus the component on page load or inside a dialog/popover once it opens.\nCan only be enabled for one element inside a page/dialog/popover.\nNote: Has no effect when set after the component has been mounted.\n\n**UX / Accessibility**: autofocus should be used carefully since it can reduce usability and\naccessibility for users.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"loading","global":false,"description":"Shows a loading indicator.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"link","global":false,"description":"If set, the button will be rendered as link. Note that not all button properties are\nsupported when used as link, e.g. `disabled`, `type` and `autofocus` are not supported.","tags":[],"required":false,"type":"string | SharedLinkProps | undefined","schema":{"kind":"enum","type":"string | SharedLinkProps | undefined","schema":["undefined","string",{"kind":"object","type":"SharedLinkProps","schema":{"href":{"name":"href","global":false,"description":"The URL/link to point to. Will use the router for internal links if provided, see [our\ndocumentation](https://onyx.schwarz/development/router.html) for further details.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},"target":{"name":"target","global":false,"description":"Where to display the linked URL (same tab, new tab etc.).\nFor `_blank`, the `rel=\"noreferrer\"` will be set automatically.\nIf set to \"auto\", external links will be opened with \"_blank\" and internal ones with \"_self\".","tags":[],"required":false,"type":"\"auto\" | \"_self\" | \"_blank\" | \"_parent\" | \"_top\" | undefined","schema":{"kind":"enum","type":"\"auto\" | \"_self\" | \"_blank\" | \"_parent\" | \"_top\" | undefined","schema":["undefined","\"auto\"","\"_self\"","\"_blank\"","\"_parent\"","\"_top\""]},"declarations":[]}}}]},"declarations":[]}],"events":[],"slots":[{"name":"default","type":"any","description":"Button content. Must be simple, textual content.","tags":[],"schema":"any","declarations":[]}],"exposed":[]},{"exportName":"default","displayName":"OnyxRipple","type":1,"props":[],"events":[],"slots":[],"exposed":[{"name":"events","type":"Record<string, (event: MouseEvent) => void>","description":"","tags":[],"schema":"Record<string, (event: MouseEvent) => void>","declarations":[]}]},{"exportName":"default","displayName":"OnyxCircleSpinner","type":1,"props":[],"events":[],"slots":[],"exposed":[]},{"exportName":"default","displayName":"OnyxEmptySVG","type":1,"props":[],"events":[],"slots":[],"exposed":[]},{"exportName":"default","displayName":"OnyxAccordion","type":2,"props":[{"name":"density","global":false,"description":"Density defines the amount of vertical white space a component has and the height of the main\n(interactive) element of a component.","tags":[{"name":"default","text":"undefined By default the parents setting is used, if none is defined on any parent `default` is the default."}],"required":false,"type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":{"kind":"enum","type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":["undefined","\"compact\"","\"default\"","\"cozy\""]},"declarations":[]},{"name":"modelValue","global":false,"description":"Currently opened items. Will include the `value` property of the nested `OnyxAccordionItems`.","tags":[],"required":false,"type":"Nullable<TValue[]>","schema":{"kind":"enum","type":"Nullable<TValue[]>","schema":["undefined","null","TValue[]"]},"declarations":[]},{"name":"exclusive","global":false,"default":"false","description":"If `true`, only one accordion item can be open at the same time.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"disabled","global":false,"default":"false","description":"Disable the accordion.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"skeleton","global":false,"default":"SKELETON_INJECTED_SYMBOL","description":"If set, the specified number of skeleton accordions will be shown.","tags":[],"required":false,"type":"SkeletonInjected | undefined","schema":{"kind":"enum","type":"SkeletonInjected | undefined","schema":["undefined","number","false","true","symbol"]},"declarations":[]},{"name":"type","global":false,"default":"\"default\"","description":"Accordion type. Will have different visual representations. Please note that \"nested-large\" and\n\"nested-small\" should only be used inside other components like e.g. the\n[OnyxSidebar](https://storybook.onyx.schwarz/?path=/docs/navigation-sidebar--default).","tags":[],"required":false,"type":"\"default\" | \"nested-large\" | \"nested-small\" | \"card\" | undefined","schema":{"kind":"enum","type":"\"default\" | \"nested-large\" | \"nested-small\" | \"card\" | undefined","schema":["undefined","\"default\"","\"nested-large\"","\"nested-small\"","\"card\""]},"declarations":[]}],"events":[{"name":"update:modelValue","description":"Emitted when the list of open items changes.","tags":[],"type":"[value: TValue[]]","signature":"(evt: \"update:modelValue\", value: TValue[]): void","schema":["TValue[]"],"declarations":[]}],"slots":[{"name":"default","type":"any","description":"Use the default slot to pass one or more `OnyxAccordionItem`.","tags":[],"schema":"any","declarations":[]}],"exposed":[]},{"exportName":"default","displayName":"OnyxAlertModal","type":1,"props":[{"name":"density","global":false,"description":"Density defines the amount of vertical white space a component has and the height of the main\n(interactive) element of a component.","tags":[{"name":"default","text":"undefined By default the parents setting is used, if none is defined on any parent `default` is the default."}],"required":false,"type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":{"kind":"enum","type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":["undefined","\"compact\"","\"default\"","\"cozy\""]},"declarations":[]},{"name":"nonDismissible","global":false,"description":"Whether to prevent closing the dialog when clicking outside or pressing the `Escape` key.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"label","global":false,"description":"(Aria) label that describes the dialog. Required for accessibility / screen readers.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},{"name":"open","global":false,"description":"Whether the dialog is open.","tags":[],"required":false,"type":"Nullable<boolean>","schema":{"kind":"enum","type":"Nullable<boolean>","schema":["undefined","null","false","true"]},"declarations":[]},{"name":"icon","global":false,"default":"{ icon: iconCircleAttention, color: \"danger\" }","description":"Optional icon to show.","tags":[],"required":false,"type":"Pick<OnyxIconProps, \"icon\" | \"color\"> | undefined","schema":{"kind":"enum","type":"Pick<OnyxIconProps, \"icon\" | \"color\"> | undefined","schema":["undefined","Pick<OnyxIconProps, \"icon\" | \"color\">"]},"declarations":[]}],"events":[{"name":"update:open","description":"Emitted when the modal dialog should be closed.","tags":[],"type":"[open: boolean]","signature":"(event: \"update:open\", open: boolean): void","schema":[{"kind":"enum","type":"boolean","schema":["false","true"]}],"declarations":[]}],"slots":[{"name":"default","type":"any","description":"Modal content.","tags":[],"schema":"any","declarations":[]},{"name":"headline","type":"Pick<OnyxAlertModalProps, \"label\">","description":"Optional slot to override the headline with custom content.\nIf unset, the `label` property will be shown.","tags":[],"schema":"Pick<OnyxAlertModalProps, \"label\">","declarations":[]},{"name":"actions","type":"any","description":"Slot to display custom actions at the bottom of the modal, e.g. buttons for confirm or\ncancelling the current user workflow. Focus is automatically set to the first focusable element\ninside the modal dialog. If this is a button, it should be the least destructive action, to\nprevent users from accidentally confirming non-reversible actions.\n\nIf you have to, you can use the `autofocus` button attribute to force the initial focus on\nanother button.","tags":[{"name":"example","text":"  ```vue\n  <OnyxButton label=\"Cancel\" color=\"neutral\" mode=\"plain\" autofocus />\n  ```;"}],"schema":"any","declarations":[]}],"exposed":[]},{"exportName":"default","displayName":"OnyxItemsPerPage","type":1,"props":[{"name":"density","global":false,"description":"Density defines the amount of vertical white space a component has and the height of the main\n(interactive) element of a component.","tags":[{"name":"default","text":"undefined By default the parents setting is used, if none is defined on any parent `default` is the default."}],"required":false,"type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":{"kind":"enum","type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":["undefined","\"compact\"","\"default\"","\"cozy\""]},"declarations":[]},{"name":"modelValue","global":false,"description":"The current number of items per page.","tags":[],"required":true,"type":"number","schema":"number","declarations":[]},{"name":"options","global":false,"description":"The options for items per page selection.\nEach option represents a possible number of items per page.","tags":[],"required":true,"type":"number[]","schema":"number[]","declarations":[]},{"name":"disabled","global":false,"description":"Whether the items per page selector is disabled.\nWhen true, the user cannot change the number of items per page.","tags":[{"name":"default","text":"false"}],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"skeleton","global":false,"default":"SKELETON_INJECTED_SYMBOL","description":"Whether to show a skeleton pagination.","tags":[],"required":false,"type":"SkeletonInjected | undefined","schema":{"kind":"enum","type":"SkeletonInjected | undefined","schema":["undefined","number","false","true","symbol"]},"declarations":[]},{"name":"label","global":false,"description":"Label options.","tags":[],"required":false,"type":"Partial<FormElementV2LabelOptions> | undefined","schema":{"kind":"enum","type":"Partial<FormElementV2LabelOptions> | undefined","schema":["undefined","Partial<FormElementV2LabelOptions>"]},"declarations":[]}],"events":[{"name":"update:modelValue","description":"Emitted when the value changes","tags":[],"type":"[value: number]","signature":"(event: \"update:modelValue\", value: number): void","schema":["number"],"declarations":[]}],"slots":[],"exposed":[]},{"exportName":"default","displayName":"OnyxSearch","type":1,"props":[{"name":"density","global":false,"description":"Density defines the amount of vertical white space a component has and the height of the main\n(interactive) element of a component.","tags":[{"name":"default","text":"undefined By default the parents setting is used, if none is defined on any parent `default` is the default."}],"required":false,"type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":{"kind":"enum","type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":["undefined","\"compact\"","\"default\"","\"cozy\""]},"declarations":[]},{"name":"modelValue","global":false,"default":"undefined","description":"Current input value.","tags":[],"required":false,"type":"Nullable<string>","schema":{"kind":"enum","type":"Nullable<string>","schema":["undefined","null","string"]},"declarations":[]},{"name":"disabled","global":false,"default":"FORM_INJECTED_SYMBOL","description":"Whether the input should be disabled and prevent the user from interacting with it.\nDisabled makes the element not mutable, focusable, or even submitted with the form.\nIt will also not be validated.","tags":[{"name":"default","text":"Inherits value from closest `<OnyxForm>` component, defaults to `false` otherwise"}],"required":false,"type":"FormInjected<boolean> | undefined","schema":{"kind":"enum","type":"FormInjected<boolean> | undefined","schema":["undefined","false","true","symbol"]},"declarations":[]},{"name":"skeleton","global":false,"default":"SKELETON_INJECTED_SYMBOL","description":"Whether to show a skeleton input.","tags":[],"required":false,"type":"SkeletonInjected | undefined","schema":{"kind":"enum","type":"SkeletonInjected | undefined","schema":["undefined","number","false","true","symbol"]},"declarations":[]},{"name":"required","global":false,"description":"Whether the a value for this form element is required.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"autofocus","global":false,"description":"Whether to focus the component on page load or inside a dialog/popover once it opens.\nCan only be enabled for one element inside a page/dialog/popover.\nNote: Has no effect when set after the component has been mounted.\n\n**UX / Accessibility**: autofocus should be used carefully since it can reduce usability and\naccessibility for users.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"loading","global":false,"description":"Whether the input is loading. User interaction will be disabled.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"error","global":false,"description":"Custom error message to show. Takes precedence over intrinsic error messages.","tags":[],"required":false,"type":"CustomMessageType | undefined","schema":{"kind":"enum","type":"CustomMessageType | undefined","schema":["undefined","string",{"kind":"object","type":"FormMessages","schema":{"shortMessage":{"name":"shortMessage","global":false,"description":"A short message preview to inform the user about the input state.\nIt's usually shown directly underneath the input field.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},"longMessage":{"name":"longMessage","global":false,"description":"An extended informative message to provide more details.\nIt's usually shown in a tooltip next to the shortMessage.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},"hidden":{"name":"hidden","global":false,"description":"Will visually hide the message.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]}}}]},"declarations":[]},{"name":"id","global":false,"description":"The id of a labelled form-related element.\nIf not given an id will be generated.\nThe id is passed as a `default` slot property.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},{"name":"name","global":false,"description":"Same as the native `name` attribute of `<input>`.\nUsed to reference the input in JavaScript or in submitted form data.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},{"name":"readonly","global":false,"description":"Whether the input should be readonly.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"message","global":false,"description":"Message / help text to display below the form element.\nWill be replaced by an error message if the form element is invalid.","tags":[],"required":false,"type":"CustomMessageType | undefined","schema":{"kind":"enum","type":"CustomMessageType | undefined","schema":["undefined","string",{"kind":"object","type":"FormMessages","schema":{"shortMessage":{"name":"shortMessage","global":false,"description":"A short message preview to inform the user about the input state.\nIt's usually shown directly underneath the input field.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},"longMessage":{"name":"longMessage","global":false,"description":"An extended informative message to provide more details.\nIt's usually shown in a tooltip next to the shortMessage.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},"hidden":{"name":"hidden","global":false,"description":"Will visually hide the message.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]}}}]},"declarations":[]},{"name":"placeholder","global":false,"description":"Placeholder to show when the value is empty.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},{"name":"maxlength","global":false,"description":"Maximum number of characters that are allowed to be entered.\nWarning: when the value is (pre)set programmatically,\nthe input invalidity will not be detected by the browser, it will only turn invalid\nas soon as a user interacts with the input (types something).","tags":[],"required":false,"type":"MaxLength | undefined","schema":{"kind":"enum","type":"MaxLength | undefined","schema":["undefined","number",{"kind":"object","type":"{ max: number; strict?: boolean | undefined; }","schema":{"max":{"name":"max","global":false,"description":"Maximum number of characters that are allowed to be entered.","tags":[],"required":true,"type":"number","schema":"number","declarations":[]},"strict":{"name":"strict","global":false,"description":"Restricts the user from typing more characters than allowed.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]}}}]},"declarations":[]},{"name":"color","global":false,"default":"\"blank\"","description":"The component is available in two color modes: blank and tinted.\nUse the color that is opposite to the tinted or blank color of the underlying canvas.","tags":[{"name":"default","text":"\"blank\""}],"required":false,"type":"\"blank\" | \"tinted\" | undefined","schema":{"kind":"enum","type":"\"blank\" | \"tinted\" | undefined","schema":["undefined","\"blank\"","\"tinted\""]},"declarations":[]},{"name":"cornerRadius","global":false,"default":"\"soft\"","description":"Set the size of the corner radii.","tags":[{"name":"default","text":"\"blank\""}],"required":false,"type":"\"soft\" | \"strong\" | undefined","schema":{"kind":"enum","type":"\"soft\" | \"strong\" | undefined","schema":["undefined","\"soft\"","\"strong\""]},"declarations":[]},{"name":"showFilters","global":false,"default":"undefined","description":"Determines whether the filters should be displayed.\nActual filter content must be passed using the `default` slot.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"filterPosition","global":false,"default":"\"bottom\"","description":"Determines the position of the filters","tags":[{"name":"default","text":"\"bottom\""}],"required":false,"type":"\"inline\" | \"bottom\" | \"modal\" | undefined","schema":{"kind":"enum","type":"\"inline\" | \"bottom\" | \"modal\" | undefined","schema":["undefined","\"inline\"","\"bottom\"","\"modal\""]},"declarations":[]},{"name":"withShortcut","global":false,"default":"false","description":"Indicates whether keyboard shortcuts should be enabled for quick access.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]}],"events":[{"name":"update:modelValue","description":"Emitted when the input changes","tags":[],"type":"[value: string]","signature":"(event: \"update:modelValue\", value: string): void","schema":["string"],"declarations":[]},{"name":"update:showFilters","description":"Emitted when the filter button is click","tags":[],"type":"[value: boolean]","signature":"(event: \"update:showFilters\", value: boolean): void","schema":[{"kind":"enum","type":"boolean","schema":["false","true"]}],"declarations":[]}],"slots":[{"name":"default","type":"any","description":"Filter content. Visibility can be toggled using `v-model:showFilters`.","tags":[],"schema":"any","declarations":[]}],"exposed":[{"name":"input","type":"HTMLInputElement | null | undefined","description":"","tags":[],"schema":{"kind":"enum","type":"HTMLInputElement | null | undefined","schema":["undefined","null","HTMLInputElement"]},"declarations":[]}]},{"exportName":"default","displayName":"OnyxCalendar","type":2,"props":[{"name":"density","global":false,"description":"Density defines the amount of vertical white space a component has and the height of the main\n(interactive) element of a component.","tags":[{"name":"default","text":"undefined By default the parents setting is used, if none is defined on any parent `default` is the default."}],"required":false,"type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":{"kind":"enum","type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":["undefined","\"compact\"","\"default\"","\"cozy\""]},"declarations":[]},{"name":"modelValue","global":false,"default":"undefined","description":"Selected Value","tags":[],"required":false,"type":"Nullable<OnyxCalendarValueBySelection<TSelection>>","schema":{"kind":"enum","type":"Nullable<OnyxCalendarValueBySelection<TSelection>>","schema":["undefined","null","OnyxCalendarValueBySelection<TSelection>"]},"declarations":[]},{"name":"disabled","global":false,"default":"false","description":"Whether the calendar is disabled.\n\n- This can be a simple boolean to globally disable all interactions and selection, or a\n  **callback function** to disable specific dates individually.","tags":[{"name":"example","text":"  ```ts\n  // Globally disables the calendar\n  {\n    disabled: true;\n  }\n  ```;"},{"name":"example","text":"  ```ts\n  // Disables only Sunday\n  {\n    disabled: (date: Date) => date.getDay() === 0;\n  }\n  ```;"}],"required":false,"type":"boolean | ((date: Date) => boolean) | undefined","schema":{"kind":"enum","type":"boolean | ((date: Date) => boolean) | undefined","schema":["undefined","false","true",{"kind":"event","type":"(date: Date): boolean","schema":[]}]},"declarations":[]},{"name":"min","global":false,"description":"The earliest selectable date. Dates before this will be disabled.","tags":[],"required":false,"type":"Date | undefined","schema":{"kind":"enum","type":"Date | undefined","schema":["undefined","Date"]},"declarations":[]},{"name":"max","global":false,"description":"The latest selectable date. Dates after this will be disabled.","tags":[],"required":false,"type":"Date | undefined","schema":{"kind":"enum","type":"Date | undefined","schema":["undefined","Date"]},"declarations":[]},{"name":"weekStartDay","global":false,"default":"\"Monday\"","description":"The first day of the week displayed in the calendar.","tags":[{"name":"default","text":"Monday"}],"required":false,"type":"OnyxWeekDays | undefined","schema":{"kind":"enum","type":"OnyxWeekDays | undefined","schema":["undefined","\"Monday\"","\"Tuesday\"","\"Wednesday\"","\"Thursday\"","\"Friday\"","\"Saturday\"","\"Sunday\""]},"declarations":[]},{"name":"viewMonth","global":false,"description":"The month / year that is currently visible. If unset, it will be managed internally.\nUseful if you want to switch the view month programmatically.","tags":[{"name":"default","text":"today"}],"required":false,"type":"Nullable<string | number | Date>","schema":{"kind":"enum","type":"Nullable<string | number | Date>","schema":["undefined","null","string","number","Date"]},"declarations":[]},{"name":"size","global":false,"default":"\"auto\"","description":"The visual size of the calendar.\n- \"big\": larger layout with more spacing and bigger text\n- \"small\": compact layout\n- \"auto\": adjusts based on container or viewport","tags":[],"required":false,"type":"OnyxCalendarSize | undefined","schema":{"kind":"enum","type":"OnyxCalendarSize | undefined","schema":["undefined","\"auto\"","\"big\"","\"small\""]},"declarations":[]},{"name":"skeleton","global":false,"default":"SKELETON_INJECTED_SYMBOL","description":"Skeleton component to display while the calendar is loading.","tags":[],"required":false,"type":"SkeletonInjected | undefined","schema":{"kind":"enum","type":"SkeletonInjected | undefined","schema":["undefined","number","false","true","symbol"]},"declarations":[]},{"name":"selectionMode","global":false,"description":"Defines how dates are selected in the calendar.\nIf undefined, no selection will be possible.","tags":[],"required":false,"type":"TSelection | undefined","schema":{"kind":"enum","type":"TSelection | undefined","schema":["undefined","TSelection"]},"declarations":[]},{"name":"showCalendarWeeks","global":false,"description":"Whether to show week numbers in the calendar.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]}],"events":[{"name":"update:modelValue","description":"Emitted when the selection changes","tags":[],"type":"[newDate: OnyxCalendarValueBySelection<TSelection>]","signature":"(evt: \"update:modelValue\", newDate: OnyxCalendarValueBySelection<TSelection>): void","schema":["OnyxCalendarValueBySelection<TSelection>"],"declarations":[]},{"name":"update:viewMonth","description":"Emitted when the viewed Month changes","tags":[],"type":"[newDate: Date]","signature":"(evt: \"update:viewMonth\", newDate: Date): void","schema":["Date"],"declarations":[]}],"slots":[{"name":"actions","type":"any","description":"Optional slot that is displayed below at the right of the Header.\nCan be used to provide `OnyxIconButton` or `OnyxButton` components.","tags":[],"schema":"any","declarations":[]},{"name":"day","type":"{ date: Date; size: \"big\" | \"small\"; }","description":"Optional slot that is displayed inside each day, for custom calendar content.","tags":[],"schema":{"kind":"object","type":"{ date: Date; size: \"big\" | \"small\"; }","schema":{"date":{"name":"date","global":false,"description":"Date that the slot is rendered for.","tags":[],"required":true,"type":"Date","schema":"Date","declarations":[]},"size":{"name":"size","global":false,"description":"Actual size of the calendar.","tags":[],"required":true,"type":"\"big\" | \"small\"","schema":{"kind":"enum","type":"\"big\" | \"small\"","schema":["\"big\"","\"small\""]},"declarations":[]}}},"declarations":[]}],"exposed":[]},{"exportName":"default","displayName":"OnyxCheckbox","type":2,"props":[{"name":"disabled","global":false,"default":"FORM_INJECTED_SYMBOL","description":"Whether the input should be disabled and prevent the user from interacting with it.\nDisabled makes the element not mutable, focusable, or even submitted with the form.\nIt will also not be validated.","tags":[{"name":"default","text":"Inherits value from closest `<OnyxForm>` component, defaults to `false` otherwise"}],"required":false,"type":"FormInjected<boolean> | undefined","schema":{"kind":"enum","type":"FormInjected<boolean> | undefined","schema":["undefined","false","true","symbol"]},"declarations":[]},{"name":"showError","global":false,"description":"Configures if and when errors are shown.\n\n- `true`: errors will be shown initially.\n- `false`: errors will never be shown. ⚠️ Only the displaying of the error is effected! An error\n  can still block submission!\n- \"touched\": only shows an error _after_ a user has significantly interacted with the input, see\n  [:user-invalid](https://drafts.csswg.org/selectors/#user-invalid-pseudo)","tags":[{"name":"default","text":"Inherits value from closest `<OnyxForm>` component or `touched` if none exists"}],"required":false,"type":"FormInjected<ShowErrorMode> | undefined","schema":{"kind":"enum","type":"FormInjected<ShowErrorMode> | undefined","schema":["undefined","false","true","symbol","\"touched\""]},"declarations":[]},{"name":"requiredMarker","global":false,"default":"FORM_INJECTED_SYMBOL","description":"How to display the required / optional marker.\n\n- Optional: will show an `(optional)` text after the label for optional form elements.\n- Required: will show an `*` indicator for required inputs after the label instead.\n\nNo marker will be visible if the label is hidden.","tags":[{"name":"default","text":"Inherits value from closest `<OnyxForm>` component or `required` if none exists"}],"required":false,"type":"FormInjected<\"required\" | \"optional\"> | undefined","schema":{"kind":"enum","type":"FormInjected<\"required\" | \"optional\"> | undefined","schema":["undefined","symbol","\"required\"","\"optional\""]},"declarations":[]},{"name":"reserveMessageSpace","global":false,"description":"Always reserves the space required to show `error` or other messages.\nSubsequently this will increase the height of the form element permanently.\nWe recommend to enable this to avoid layout shifts.","tags":[{"name":"default","text":"Inherits value from closest `<OnyxForm>` component, defaults to `false` otherwise"}],"required":false,"type":"FormInjected<boolean> | undefined","schema":{"kind":"enum","type":"FormInjected<boolean> | undefined","schema":["undefined","false","true","symbol"]},"declarations":[]},{"name":"autofocus","global":false,"description":"Whether to focus the component on page load or inside a dialog/popover once it opens.\nCan only be enabled for one element inside a page/dialog/popover.\nNote: Has no effect when set after the component has been mounted.\n\n**UX / Accessibility**: autofocus should be used carefully since it can reduce usability and\naccessibility for users.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"required","global":false,"default":"false","description":"Whether the a value for this form element is required.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"density","global":false,"description":"Density defines the amount of vertical white space a component has and the height of the main\n(interactive) element of a component.","tags":[{"name":"default","text":"undefined By default the parents setting is used, if none is defined on any parent `default` is the default."}],"required":false,"type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":{"kind":"enum","type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":["undefined","\"compact\"","\"default\"","\"cozy\""]},"declarations":[]},{"name":"error","global":false,"description":"Custom error message to show. Takes precedence over intrinsic error messages.","tags":[],"required":false,"type":"CustomMessageType | undefined","schema":{"kind":"enum","type":"CustomMessageType | undefined","schema":["undefined","string",{"kind":"object","type":"FormMessages","schema":{"shortMessage":{"name":"shortMessage","global":false,"description":"A short message preview to inform the user about the input state.\nIt's usually shown directly underneath the input field.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},"longMessage":{"name":"longMessage","global":false,"description":"An extended informative message to provide more details.\nIt's usually shown in a tooltip next to the shortMessage.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},"hidden":{"name":"hidden","global":false,"description":"Will visually hide the message.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]}}}]},"declarations":[]},{"name":"value","global":false,"description":"Value of the option when it is selected.\nMust be unique in the current list of options.","tags":[],"required":true,"type":"TValue","schema":"TValue","declarations":[]},{"name":"label","global":false,"description":"Label to show. Required due to accessibility / screen readers.\nIf you want to visually hide the label, use the `hideLabel` property.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},{"name":"hideLabel","global":false,"description":"If `true`, the label will be visually hidden and the `title` attribute will be set.\nFor accessibility / screen readers, the aria-label will still be set.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"loading","global":false,"default":"false","description":"Shows a loading indicator.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"skeleton","global":false,"default":"SKELETON_INJECTED_SYMBOL","description":"Whether to show a skeleton.","tags":[],"required":false,"type":"SkeletonInjected | undefined","schema":{"kind":"enum","type":"SkeletonInjected | undefined","schema":["undefined","number","false","true","symbol"]},"declarations":[]},{"name":"truncation","global":false,"default":"\"ellipsis\"","description":"How to truncate the label if it exceeds the max width.","tags":[],"required":false,"type":"\"ellipsis\" | \"multiline\" | undefined","schema":{"kind":"enum","type":"\"ellipsis\" | \"multiline\" | undefined","schema":["undefined","\"ellipsis\"","\"multiline\""]},"declarations":[]},{"name":"modelValue","global":false,"default":"undefined","description":"Whether the checkbox is checked.","tags":[],"required":false,"type":"Nullable<boolean>","schema":{"kind":"enum","type":"Nullable<boolean>","schema":["undefined","null","false","true"]},"declarations":[]},{"name":"indeterminate","global":false,"default":"false","description":"If `true`, an indeterminate indicator is shown.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]}],"events":[{"name":"update:modelValue","description":"Emitted when the checked state changes.","tags":[],"type":"[value: boolean]","signature":"(evt: \"update:modelValue\", value: boolean): void","schema":[{"kind":"enum","type":"boolean","schema":["false","true"]}],"declarations":[]},{"name":"validityChange","description":"Emitted when the validity state of the input changes.","tags":[],"type":"[validity: ValidityState]","signature":"(evt: \"validityChange\", validity: ValidityState): void","schema":["ValidityState"],"declarations":[]}],"slots":[],"exposed":[]},{"exportName":"default","displayName":"OnyxSelectDialog","type":2,"props":[{"name":"density","global":false,"description":"Density defines the amount of vertical white space a component has and the height of the main\n(interactive) element of a component.","tags":[{"name":"default","text":"undefined By default the parents setting is used, if none is defined on any parent `default` is the default."}],"required":false,"type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":{"kind":"enum","type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":["undefined","\"compact\"","\"default\"","\"cozy\""]},"declarations":[]},{"name":"label","global":false,"description":"(Aria) label that describes the dialog. Required for accessibility / screen readers.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},{"name":"open","global":false,"default":"false","description":"Whether the dialog is open.","tags":[],"required":false,"type":"Nullable<boolean>","schema":{"kind":"enum","type":"Nullable<boolean>","schema":["undefined","null","false","true"]},"declarations":[]},{"name":"options","global":false,"description":"List of available options.","tags":[],"required":true,"type":"SelectDialogOption<TValue>[]","schema":"SelectDialogOption<TValue>[]","declarations":[]},{"name":"modelValue","global":false,"description":"Value of the currently selected option.","tags":[],"required":true,"type":"TValue","schema":"TValue","declarations":[]}],"events":[{"name":"update:modelValue","description":"Emitted when the color scheme should be changed.","tags":[],"type":"[value: TValue]","signature":"(evt: \"update:modelValue\", value: TValue): void","schema":["TValue"],"declarations":[]},{"name":"update:open","description":"Emitted when the dialog should be closed.","tags":[],"type":"[open: boolean]","signature":"(evt: \"update:open\", open: boolean): void","schema":[{"kind":"enum","type":"boolean","schema":["false","true"]}],"declarations":[]}],"slots":[{"name":"description","type":"any","description":"Optional slot to add custom content, e.g. a description to the dialog header (below the\nheadline).","tags":[],"schema":"any","declarations":[]}],"exposed":[]},{"exportName":"default","displayName":"OnyxCheckboxGroup","type":2,"props":[{"name":"truncation","global":false,"default":"\"ellipsis\"","description":"How to truncate the label if it exceeds the max width.","tags":[],"required":false,"type":"\"ellipsis\" | \"multiline\" | undefined","schema":{"kind":"enum","type":"\"ellipsis\" | \"multiline\" | undefined","schema":["undefined","\"ellipsis\"","\"multiline\""]},"declarations":[]},{"name":"density","global":false,"description":"Density defines the amount of vertical white space a component has and the height of the main\n(interactive) element of a component.","tags":[{"name":"default","text":"undefined By default the parents setting is used, if none is defined on any parent `default` is the default."}],"required":false,"type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":{"kind":"enum","type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":["undefined","\"compact\"","\"default\"","\"cozy\""]},"declarations":[]},{"name":"disabled","global":false,"default":"FORM_INJECTED_SYMBOL","description":"Whether the input should be disabled and prevent the user from interacting with it.\nDisabled makes the element not mutable, focusable, or even submitted with the form.\nIt will also not be validated.","tags":[{"name":"default","text":"Inherits value from closest `<OnyxForm>` component, defaults to `false` otherwise"}],"required":false,"type":"FormInjected<boolean> | undefined","schema":{"kind":"enum","type":"FormInjected<boolean> | undefined","schema":["undefined","false","true","symbol"]},"declarations":[]},{"name":"skeleton","global":false,"default":"SKELETON_INJECTED_SYMBOL","description":"Whether to show a skeleton input.","tags":[],"required":false,"type":"SkeletonInjected | undefined","schema":{"kind":"enum","type":"SkeletonInjected | undefined","schema":["undefined","number","false","true","symbol"]},"declarations":[]},{"name":"label","global":false,"description":"Label to show above the form element. Required due to accessibility / screen readers.\nIf you want to visually hide the label, use the `hideLabel` property.\nTODO: make CustomMessageType","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},{"name":"requiredMarker","global":false,"default":"FORM_INJECTED_SYMBOL","description":"How to display the required / optional marker.\n\n- Optional: will show an `(optional)` text after the label for optional form elements.\n- Required: will show an `*` indicator for required inputs after the label instead.\n\nNo marker will be visible if the label is hidden.","tags":[{"name":"default","text":"Inherits value from closest `<OnyxForm>` component or `required` if none exists"}],"required":false,"type":"FormInjected<\"required\" | \"optional\"> | undefined","schema":{"kind":"enum","type":"FormInjected<\"required\" | \"optional\"> | undefined","schema":["undefined","symbol","\"required\"","\"optional\""]},"declarations":[]},{"name":"labelTooltip","global":false,"description":"Info text to show inside a tooltip, next to the label.\nThe tooltip will be hidden if `hideLabel` property is set to true.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},{"name":"hideLabel","global":false,"description":"If `true`, the label will be visually hidden and\nthe `title` attribute will be set by the form element (input/textarea/...).\nFor accessibility / screen readers, the aria-label will still be set.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"options","global":false,"description":"Checkbox options.","tags":[],"required":true,"type":"CheckboxGroupOption<TValue>[]","schema":"CheckboxGroupOption<TValue>[]","declarations":[]},{"name":"modelValue","global":false,"description":"Currently checked checkboxes.","tags":[],"required":false,"type":"Nullable<TValue[]>","schema":{"kind":"enum","type":"Nullable<TValue[]>","schema":["undefined","null","TValue[]"]},"declarations":[]},{"name":"orientation","global":false,"default":"\"vertical\"","description":"Orientation of the checkboxes.","tags":[],"required":false,"type":"\"horizontal\" | \"vertical\" | undefined","schema":{"kind":"enum","type":"\"horizontal\" | \"vertical\" | undefined","schema":["undefined","\"horizontal\"","\"vertical\""]},"declarations":[]},{"name":"withCheckAll","global":false,"default":"false","description":"If true, an additional checkbox will be displayed to check/uncheck all options.\nDisabled and skeleton checkboxes will be excluded from the check/uncheck behavior.","tags":[],"required":false,"type":"boolean | { label?: string | undefined; } | undefined","schema":{"kind":"enum","type":"boolean | { label?: string | undefined; } | undefined","schema":["undefined","false","true",{"kind":"object","type":"{ label?: string | undefined; }","schema":{"label":{"name":"label","global":false,"description":"Label for the `select all` checkbox.\nIf unset, a default label will be shown depending on the current locale/language.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]}}}]},"declarations":[]}],"events":[{"name":"update:modelValue","description":"Emitted when the checked checkboxes change.","tags":[],"type":"[value: TValue[]]","signature":"(evt: \"update:modelValue\", value: TValue[]): void","schema":["TValue[]"],"declarations":[]}],"slots":[],"exposed":[]},{"exportName":"default","displayName":"OnyxSelectInput","type":2,"props":[{"name":"density","global":false,"description":"Density defines the amount of vertical white space a component has and the height of the main\n(interactive) element of a component.","tags":[{"name":"default","text":"undefined By default the parents setting is used, if none is defined on any parent `default` is the default."}],"required":false,"type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":{"kind":"enum","type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":["undefined","\"compact\"","\"default\"","\"cozy\""]},"declarations":[]},{"name":"disabled","global":false,"default":"FORM_INJECTED_SYMBOL","description":"Whether the input should be disabled and prevent the user from interacting with it.\nDisabled makes the element not mutable, focusable, or even submitted with the form.\nIt will also not be validated.","tags":[{"name":"default","text":"Inherits value from closest `<OnyxForm>` component, defaults to `false` otherwise"}],"required":false,"type":"FormInjected<boolean> | undefined","schema":{"kind":"enum","type":"FormInjected<boolean> | undefined","schema":["undefined","false","true","symbol"]},"declarations":[]},{"name":"skeleton","global":false,"default":"SKELETON_INJECTED_SYMBOL","description":"Whether to show a skeleton input.","tags":[],"required":false,"type":"SkeletonInjected | undefined","schema":{"kind":"enum","type":"SkeletonInjected | undefined","schema":["undefined","number","false","true","symbol"]},"declarations":[]},{"name":"required","global":false,"description":"Whether the a value for this form element is required.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"label","global":false,"description":"Label to show above the form element. Required due to accessibility / screen readers.\nIf you want to visually hide the label, use the `hideLabel` property.\nTODO: make CustomMessageType","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},{"name":"success","global":false,"description":"Success messages that inform about the state of form components","tags":[],"required":false,"type":"CustomMessageType | undefined","schema":{"kind":"enum","type":"CustomMessageType | undefined","schema":["undefined","string",{"kind":"object","type":"FormMessages","schema":{"shortMessage":{"name":"shortMessage","global":false,"description":"A short message preview to inform the user about the input state.\nIt's usually shown directly underneath the input field.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},"longMessage":{"name":"longMessage","global":false,"description":"An extended informative message to provide more details.\nIt's usually shown in a tooltip next to the shortMessage.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},"hidden":{"name":"hidden","global":false,"description":"Will visually hide the message.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]}}}]},"declarations":[]},{"name":"autofocus","global":false,"description":"Whether to focus the component on page load or inside a dialog/popover once it opens.\nCan only be enabled for one element inside a page/dialog/popover.\nNote: Has no effect when set after the component has been mounted.\n\n**UX / Accessibility**: autofocus should be used carefully since it can reduce usability and\naccessibility for users.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"loading","global":false,"default":"false","description":"Whether the input is loading. User interaction will be disabled.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"showError","global":false,"default":"FORM_INJECTED_SYMBOL","description":"Configures if and when errors are shown.\n\n- `true`: errors will be shown initially.\n- `false`: errors will never be shown. ⚠️ Only the displaying of the error is effected! An error\n  can still block submission!\n- \"touched\": only shows an error _after_ a user has significantly interacted with the input, see\n  [:user-invalid](https://drafts.csswg.org/selectors/#user-invalid-pseudo)","tags":[{"name":"default","text":"Inherits value from closest `<OnyxForm>` component or `touched` if none exists"}],"required":false,"type":"FormInjected<ShowErrorMode> | undefined","schema":{"kind":"enum","type":"FormInjected<ShowErrorMode> | undefined","schema":["undefined","false","true","symbol","\"touched\""]},"declarations":[]},{"name":"requiredMarker","global":false,"default":"FORM_INJECTED_SYMBOL","description":"How to display the required / optional marker.\n\n- Optional: will show an `(optional)` text after the label for optional form elements.\n- Required: will show an `*` indicator for required inputs after the label instead.\n\nNo marker will be visible if the label is hidden.","tags":[{"name":"default","text":"Inherits value from closest `<OnyxForm>` component or `required` if none exists"}],"required":false,"type":"FormInjected<\"required\" | \"optional\"> | undefined","schema":{"kind":"enum","type":"FormInjected<\"required\" | \"optional\"> | undefined","schema":["undefined","symbol","\"required\"","\"optional\""]},"declarations":[]},{"name":"reserveMessageSpace","global":false,"default":"FORM_INJECTED_SYMBOL","description":"Always reserves the space required to show `error` or other messages.\nSubsequently this will increase the height of the form element permanently.\nWe recommend to enable this to avoid layout shifts.","tags":[{"name":"default","text":"Inherits value from closest `<OnyxForm>` component, defaults to `false` otherwise"}],"required":false,"type":"FormInjected<boolean> | undefined","schema":{"kind":"enum","type":"FormInjected<boolean> | undefined","schema":["undefined","false","true","symbol"]},"declarations":[]},{"name":"error","global":false,"description":"Custom error message to show. Takes precedence over intrinsic error messages.","tags":[],"required":false,"type":"CustomMessageType | undefined","schema":{"kind":"enum","type":"CustomMessageType | undefined","schema":["undefined","string",{"kind":"object","type":"FormMessages","schema":{"shortMessage":{"name":"shortMessage","global":false,"description":"A short message preview to inform the user about the input state.\nIt's usually shown directly underneath the input field.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},"longMessage":{"name":"longMessage","global":false,"description":"An extended informative message to provide more details.\nIt's usually shown in a tooltip next to the shortMessage.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},"hidden":{"name":"hidden","global":false,"description":"Will visually hide the message.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]}}}]},"declarations":[]},{"name":"id","global":false,"description":"The id of a labelled form-related element.\nIf not given an id will be generated.\nThe id is passed as a `default` slot property.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},{"name":"name","global":false,"description":"Same as the native `name` attribute of `<input>`.\nUsed to reference the input in JavaScript or in submitted form data.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},{"name":"labelTooltip","global":false,"description":"Info text to show inside a tooltip, next to the label.\nThe tooltip will be hidden if `hideLabel` property is set to true.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},{"name":"hideLabel","global":false,"default":"false","description":"If `true`, the label will be visually hidden and\nthe `title` attribute will be set by the form element (input/textarea/...).\nFor accessibility / screen readers, the aria-label will still be set.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"readonly","global":false,"default":"false","description":"Whether the input should be readonly.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"message","global":false,"description":"Message / help text to display below the form element.\nWill be replaced by an error message if the form element is invalid.","tags":[],"required":false,"type":"CustomMessageType | undefined","schema":{"kind":"enum","type":"CustomMessageType | undefined","schema":["undefined","string",{"kind":"object","type":"FormMessages","schema":{"shortMessage":{"name":"shortMessage","global":false,"description":"A short message preview to inform the user about the input state.\nIt's usually shown directly underneath the input field.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},"longMessage":{"name":"longMessage","global":false,"description":"An extended informative message to provide more details.\nIt's usually shown in a tooltip next to the shortMessage.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},"hidden":{"name":"hidden","global":false,"description":"Will visually hide the message.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]}}}]},"declarations":[]},{"name":"placeholder","global":false,"description":"Placeholder to show when the value is empty.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},{"name":"modelValue","global":false,"description":"Current label(s) of the select.","tags":[],"required":false,"type":"string[] | undefined","schema":{"kind":"enum","type":"string[] | undefined","schema":["undefined","string[]"]},"declarations":[]},{"name":"textMode","global":false,"description":"How multiselect labels will be displayed in the input.\n- summary (default): will show \"x Selected\" if more than 1 is selected.\n- preview: will show the names of the selection as a truncated list.\nA number-badge appears next to it including a tooltip with all selected names.","tags":[],"required":false,"type":"\"summary\" | \"preview\" | undefined","schema":{"kind":"enum","type":"\"summary\" | \"preview\" | undefined","schema":["undefined","\"summary\"","\"preview\""]},"declarations":[]},{"name":"hideSuccessIcon","global":false,"default":"false","description":"Whether to hide the check icon when the input is in a success state.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"showFocus","global":false,"description":"Highlight input as if it has focus.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]}],"events":[{"name":"validityChange","description":"Emitted when the validity state of the input changes.","tags":[],"type":"[validity: ValidityState]","signature":"(evt: \"validityChange\", validity: ValidityState): void","schema":["ValidityState"],"declarations":[]},{"name":"inputClick","description":"Emitted when the select input is clicked (and is not disabled).","tags":[],"type":"[]","signature":"(evt: \"inputClick\"): void","schema":[],"declarations":[]}],"slots":[{"name":"icon","type":"any","description":"Optional slot to override the icon of the toggle button inside the input.","tags":[],"schema":"any","declarations":[]}],"exposed":[]},{"exportName":"default","displayName":"OnyxCodeTabs","type":2,"props":[{"name":"modelValue","global":false,"description":"Currently selected tab (`value` property of `OnyxTab` component).","tags":[],"required":true,"type":"TValue","schema":"TValue","declarations":[]},{"name":"skeleton","global":false,"description":"Whether to show all supported child components as skeleton.\nCan be overridden on each child component if necessary.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"label","global":false,"description":"Label of the tabs. Needed for accessibility / screen readers.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]}],"events":[{"name":"update:modelValue","description":"Emitted when the currently active tab changes.","tags":[],"type":"[value: TValue]","signature":"(evt: \"update:modelValue\", value: TValue): void","schema":["TValue"],"declarations":[]}],"slots":[{"name":"default","type":"any","description":"Slots for tab components. Only `OnyxCodeTab` should be used here.","tags":[],"schema":"any","declarations":[]}],"exposed":[]},{"exportName":"default","displayName":"OnyxSidebar","type":1,"props":[{"name":"density","global":false,"description":"Density defines the amount of vertical white space a component has and the height of the main\n(interactive) element of a component.","tags":[{"name":"default","text":"undefined By default the parents setting is used, if none is defined on any parent `default` is the default."}],"required":false,"type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":{"kind":"enum","type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":["undefined","\"compact\"","\"default\"","\"cozy\""]},"declarations":[]},{"name":"label","global":false,"description":"(Aria) label that describes the dialog. Required for accessibility / screen readers. When the\n`temporary` property is set, the label will be used as the displayed label/headline by\ndefault.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},{"name":"temporary","global":false,"description":"If set, the sidebar will be shown as an temporary overlay above the page content instead of\nin-place.","tags":[],"required":false,"type":"TemporarySidebar | undefined","schema":{"kind":"enum","type":"TemporarySidebar | undefined","schema":["undefined",{"kind":"object","type":"TemporarySidebar","schema":{"nonDismissible":{"name":"nonDismissible","global":false,"description":"Whether to prevent closing the dialog when clicking outside or pressing the `Escape` key.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},"open":{"name":"open","global":false,"description":"Whether the dialog is open.","tags":[],"required":false,"type":"Nullable<boolean>","schema":{"kind":"enum","type":"Nullable<boolean>","schema":["undefined","null","false","true"]},"declarations":[]},"backdrop":{"name":"backdrop","global":false,"description":"The intensity of the backdrop.","tags":[{"name":"default","text":"\"soft\""}],"required":false,"type":"\"soft\" | \"medium\" | undefined","schema":{"kind":"enum","type":"\"soft\" | \"medium\" | undefined","schema":["undefined","\"soft\"","\"medium\""]},"declarations":[]},"floating":{"name":"floating","global":false,"description":"If `true`, the sidebar will have a small gap from the viewport and have rounded corners.","tags":[],"required":false,"type":"boolean | undefined","schema":"boolean | undefined","declarations":[]}}}]},"declarations":[]},{"name":"resizable","global":false,"default":"true","description":"Whether the sidebar should be manually resizable by the user by dragging the right border.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"alignment","global":false,"default":"\"left\"","description":"Where the sidebar is positioned on the page. Note: When using the non-drawer sidebar (default),\nyou need to do the actual positioning on the page manually. You can use the\n[OnyxPageLayout](https://storybook.onyx.schwarz/?path=/story/layout-pagelayout--sidebar-right)\nfor this.","tags":[],"required":false,"type":"\"left\" | \"right\" | undefined","schema":{"kind":"enum","type":"\"left\" | \"right\" | undefined","schema":["undefined","\"left\"","\"right\""]},"declarations":[]},{"name":"collapseSidebar","global":false,"default":"\"sm\"","description":"Controls the collapsing behavior of the sidebar. - If set to a `OnyxBreakpoint` enum value\n(e.g., `md`), the sidebar will collapse when the screen width is at or below that breakpoint. -\nIf set to a `number`, the sidebar will collapse when the screen width is at or below this pixel\nvalue. - If set to `false`, the sidebar will never collapse automatically based on screen\nwidth.","tags":[{"name":"default","text":"`sm`"}],"required":false,"type":"number | false | OnyxBreakpoint | undefined","schema":{"kind":"enum","type":"number | false | OnyxBreakpoint | undefined","schema":["undefined","number","false","\"sm\"","\"2xs\"","\"xs\"","\"md\"","\"lg\"","\"xl\""]},"declarations":[]}],"events":[{"name":"close","description":"Emitted when the temporary sidebar should be closed.\nOnly available when the `temporary` property is set.","tags":[],"type":"[]","signature":"(event: \"close\"): void","schema":[],"declarations":[]}],"slots":[{"name":"default","type":"any","description":"Main sidebar content/body.\nUse `OnyxSidebarItem` and/or `OnyxTreeView` components here.","tags":[],"schema":"any","declarations":[]},{"name":"header","type":"any","description":"Optional header slot to show above the body.","tags":[],"schema":"any","declarations":[]},{"name":"footer","type":"any","description":"Optional footer slot to show below the body.\nUse `OnyxButton` component here.","tags":[],"schema":"any","declarations":[]},{"name":"description","type":"any","description":"Description slot of the `OnyxModalDialog`. Only available if the `temporary` property is set.","tags":[],"schema":"any","declarations":[]}],"exposed":[]},{"exportName":"default","displayName":"OnyxSlider","type":2,"props":[{"name":"density","global":false,"description":"Density defines the amount of vertical white space a component has and the height of the main\n(interactive) element of a component.","tags":[{"name":"default","text":"undefined By default the parents setting is used, if none is defined on any parent `default` is the default."}],"required":false,"type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":{"kind":"enum","type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":["undefined","\"compact\"","\"default\"","\"cozy\""]},"declarations":[]},{"name":"disabled","global":false,"default":"FORM_INJECTED_SYMBOL","description":"Whether the input should be disabled and prevent the user from interacting with it.\nDisabled makes the element not mutable, focusable, or even submitted with the form.\nIt will also not be validated.","tags":[{"name":"default","text":"Inherits value from closest `<OnyxForm>` component, defaults to `false` otherwise"}],"required":false,"type":"FormInjected<boolean> | undefined","schema":{"kind":"enum","type":"FormInjected<boolean> | undefined","schema":["undefined","false","true","symbol"]},"declarations":[]},{"name":"skeleton","global":false,"default":"SKELETON_INJECTED_SYMBOL","description":"Whether to show a skeleton input.","tags":[],"required":false,"type":"SkeletonInjected | undefined","schema":{"kind":"enum","type":"SkeletonInjected | undefined","schema":["undefined","number","false","true","symbol"]},"declarations":[]},{"name":"success","global":false,"description":"Success messages that inform about the state of form components","tags":[],"required":false,"type":"CustomMessageType | undefined","schema":{"kind":"enum","type":"CustomMessageType | undefined","schema":["undefined","string",{"kind":"object","type":"FormMessages","schema":{"shortMessage":{"name":"shortMessage","global":false,"description":"A short message preview to inform the user about the input state.\nIt's usually shown directly underneath the input field.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},"longMessage":{"name":"longMessage","global":false,"description":"An extended informative message to provide more details.\nIt's usually shown in a tooltip next to the shortMessage.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},"hidden":{"name":"hidden","global":false,"description":"Will visually hide the message.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]}}}]},"declarations":[]},{"name":"autofocus","global":false,"description":"Whether to focus the component on page load or inside a dialog/popover once it opens.\nCan only be enabled for one element inside a page/dialog/popover.\nNote: Has no effect when set after the component has been mounted.\n\n**UX / Accessibility**: autofocus should be used carefully since it can reduce usability and\naccessibility for users.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"showError","global":false,"default":"FORM_INJECTED_SYMBOL","description":"Configures if and when errors are shown.\n\n- `true`: errors will be shown initially.\n- `false`: errors will never be shown. ⚠️ Only the displaying of the error is effected! An error\n  can still block submission!\n- \"touched\": only shows an error _after_ a user has significantly interacted with the input, see\n  [:user-invalid](https://drafts.csswg.org/selectors/#user-invalid-pseudo)","tags":[{"name":"default","text":"Inherits value from closest `<OnyxForm>` component or `touched` if none exists"}],"required":false,"type":"FormInjected<ShowErrorMode> | undefined","schema":{"kind":"enum","type":"FormInjected<ShowErrorMode> | undefined","schema":["undefined","false","true","symbol","\"touched\""]},"declarations":[]},{"name":"reserveMessageSpace","global":false,"default":"FORM_INJECTED_SYMBOL","description":"Always reserves the space required to show `error` or other messages.\nSubsequently this will increase the height of the form element permanently.\nWe recommend to enable this to avoid layout shifts.","tags":[{"name":"default","text":"Inherits value from closest `<OnyxForm>` component, defaults to `false` otherwise"}],"required":false,"type":"FormInjected<boolean> | undefined","schema":{"kind":"enum","type":"FormInjected<boolean> | undefined","schema":["undefined","false","true","symbol"]},"declarations":[]},{"name":"error","global":false,"description":"Custom error message to show. Takes precedence over intrinsic error messages.","tags":[],"required":false,"type":"CustomMessageType | undefined","schema":{"kind":"enum","type":"CustomMessageType | undefined","schema":["undefined","string",{"kind":"object","type":"FormMessages","schema":{"shortMessage":{"name":"shortMessage","global":false,"description":"A short message preview to inform the user about the input state.\nIt's usually shown directly underneath the input field.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},"longMessage":{"name":"longMessage","global":false,"description":"An extended informative message to provide more details.\nIt's usually shown in a tooltip next to the shortMessage.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},"hidden":{"name":"hidden","global":false,"description":"Will visually hide the message.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]}}}]},"declarations":[]},{"name":"id","global":false,"description":"The id of a labelled form-related element.\nIf not given an id will be generated.\nThe id is passed as a `default` slot property.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},{"name":"name","global":false,"description":"Same as the native `name` attribute of `<input>`.\nUsed to reference the input in JavaScript or in submitted form data.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},{"name":"labelTooltip","global":false,"description":"Info text to show inside a tooltip, next to the label.\nThe tooltip will be hidden if `hideLabel` property is set to true.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},{"name":"hideLabel","global":false,"description":"If `true`, the label will be visually hidden and\nthe `title` attribute will be set by the form element (input/textarea/...).\nFor accessibility / screen readers, the aria-label will still be set.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"message","global":false,"description":"Message / help text to display below the form element.\nWill be replaced by an error message if the form element is invalid.","tags":[],"required":false,"type":"CustomMessageType | undefined","schema":{"kind":"enum","type":"CustomMessageType | undefined","schema":["undefined","string",{"kind":"object","type":"FormMessages","schema":{"shortMessage":{"name":"shortMessage","global":false,"description":"A short message preview to inform the user about the input state.\nIt's usually shown directly underneath the input field.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},"longMessage":{"name":"longMessage","global":false,"description":"An extended informative message to provide more details.\nIt's usually shown in a tooltip next to the shortMessage.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},"hidden":{"name":"hidden","global":false,"description":"Will visually hide the message.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]}}}]},"declarations":[]},{"name":"label","global":false,"description":"Label to show for the element. Required due to accessibility / screen readers.\nIf you want to visually hide the label, use the `label.hidden` property.","tags":[],"required":true,"type":"string | FormElementV2LabelOptions","schema":{"kind":"enum","type":"string | FormElementV2LabelOptions","schema":["string",{"kind":"object","type":"FormElementV2LabelOptions","schema":{"label":{"name":"label","global":false,"description":"Label displayed outside of the tooltip.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},"tooltipText":{"name":"tooltipText","global":false,"description":"Actual tooltip text.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},"position":{"name":"position","global":false,"description":"How to position the label relative to the main content.","tags":[],"required":false,"type":"\"top\" | \"left\" | \"right\" | undefined","schema":{"kind":"enum","type":"\"top\" | \"left\" | \"right\" | undefined","schema":["undefined","\"top\"","\"left\"","\"right\""]},"declarations":[]},"hidden":{"name":"hidden","global":false,"description":"If `true`, the label will be visually hidden.\nFor accessibility / screen readers, the aria-label will still be set.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},"truncation":{"name":"truncation","global":false,"description":"How to truncate the label if it exceeds the max width.","tags":[],"required":false,"type":"\"ellipsis\" | \"multiline\" | undefined","schema":{"kind":"enum","type":"\"ellipsis\" | \"multiline\" | undefined","schema":["undefined","\"ellipsis\"","\"multiline\""]},"declarations":[]}}}]},"declarations":[]},{"name":"mode","global":false,"default":"\"single\" as TSliderMode","description":"Defines the mode of the slider (single or range).","tags":[],"required":false,"type":"TSliderMode | undefined","schema":{"kind":"enum","type":"TSliderMode | undefined","schema":["undefined","TSliderMode"]},"declarations":[]},{"name":"modelValue","global":false,"description":"Current value(s) of the slider, depending on the `mode`.\nFor a single mode, pass a single number. For range model pass an array with two numbers.\n\nRecommended defaults (if your project has no specific initial value):\n- `single` mode: middle of the range → `(min + max) / 2`.\n- `range` mode: full range → `[min, max]`.","tags":[],"required":true,"type":"SliderValue<TSliderMode>","schema":"SliderValue<TSliderMode>","declarations":[]},{"name":"min","global":false,"default":"0","description":"Smallest possible number.","tags":[],"required":false,"type":"number | undefined","schema":{"kind":"enum","type":"number | undefined","schema":["undefined","number"]},"declarations":[]},{"name":"max","global":false,"default":"100","description":"Highest possible number.","tags":[],"required":false,"type":"number | undefined","schema":{"kind":"enum","type":"number | undefined","schema":["undefined","number"]},"declarations":[]},{"name":"step","global":false,"default":"1","description":"Step size to increase/decrease the slider value when moving the thumb(s).","tags":[],"required":false,"type":"number | undefined","schema":{"kind":"enum","type":"number | undefined","schema":["undefined","number"]},"declarations":[]},{"name":"shiftStep","global":false,"description":"Step size to increase/decrease the slider value when changing the value via keyboard while\npressing the \"Shift\" key.","tags":[{"name":"default","text":"10% of the total range (max - min)"}],"required":false,"type":"number | undefined","schema":{"kind":"enum","type":"number | undefined","schema":["undefined","number"]},"declarations":[]},{"name":"marks","global":false,"description":"Whether to show marks inside the slider rail. Use the `mark` slot to customize the displayed\nmark label.\n\n- `true`: will generate marks automatically based on `step` prop\n- Array of numbers or `SliderMark` objects: will shown at the specified values with optional\n  labels","tags":[],"required":false,"type":"boolean | readonly SliderMark[] | readonly number[] | undefined","schema":{"kind":"enum","type":"boolean | readonly SliderMark[] | readonly number[] | undefined","schema":["undefined","false","true","readonly SliderMark[]","readonly number[]"]},"declarations":[]},{"name":"control","global":false,"description":"Optional value controls to display in addition to the slider.\n\n- `value`: shows min and max value labels (non-interactive)\n- `icon`: shows icon buttons to increment/decrement the value. Works only in `single` mode\n- `input`: shows stepper(s) to input the value directly","tags":[],"required":false,"type":"\"value\" | \"icon\" | \"input\" | undefined","schema":{"kind":"enum","type":"\"value\" | \"icon\" | \"input\" | undefined","schema":["undefined","\"value\"","\"icon\"","\"input\""]},"declarations":[]},{"name":"tooltip","global":false,"description":"Options to customize the tooltip behavior.","tags":[],"required":false,"type":"SliderTooltipOptions | undefined","schema":{"kind":"enum","type":"SliderTooltipOptions | undefined","schema":["undefined",{"kind":"object","type":"SliderTooltipOptions","schema":{"hidden":{"name":"hidden","global":false,"description":"Whether to hide the tooltip.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},"formatter":{"name":"formatter","global":false,"description":"Optional formatter to customize the displayed tooltip value.","tags":[{"name":"param","text":"value Thumb value."},{"name":"param","text":"index Thumb index, will always be 0 for single sliders but can be 0 or 1 for range\nsliders."}],"required":false,"type":"((value: number, index: number) => string) | undefined","schema":{"kind":"enum","type":"((value: number, index: number) => string) | undefined","schema":["undefined",{"kind":"event","type":"(value: number, index: number): string","schema":[]}]},"declarations":[]}}}]},"declarations":[]}],"events":[{"name":"update:modelValue","description":"Emitted when the current value changes.","tags":[],"type":"[value: SliderValue<TSliderMode>]","signature":"(evt: \"update:modelValue\", value: SliderValue<TSliderMode>): void","schema":["SliderValue<TSliderMode>"],"declarations":[]},{"name":"validityChange","description":"Emitted when the validity state of the slider changes.","tags":[],"type":"[validity: ValidityState]","signature":"(evt: \"validityChange\", validity: ValidityState): void","schema":["ValidityState"],"declarations":[]}],"slots":[{"name":"mark","type":"SliderMark","description":"Optional slot to pass in custom content for a mark label (below the slider track).\nUseful for showing icons etc.","tags":[],"schema":{"kind":"object","type":"SliderMark","schema":{"value":{"name":"value","global":false,"description":"","tags":[],"required":true,"type":"number","schema":"number","declarations":[]},"label":{"name":"label","global":false,"description":"","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]}}},"declarations":[]}],"exposed":[]},{"exportName":"default","displayName":"OnyxSplitButton","type":1,"props":[{"name":"density","global":false,"description":"Density defines the amount of vertical white space a component has and the height of the main\n(interactive) element of a component.","tags":[{"name":"default","text":"undefined By default the parents setting is used, if none is defined on any parent `default` is the default."}],"required":false,"type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":{"kind":"enum","type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":["undefined","\"compact\"","\"default\"","\"cozy\""]},"declarations":[]},{"name":"autofocus","global":false,"description":"Whether to focus the component on page load or inside a dialog/popover once it opens.\nCan only be enabled for one element inside a page/dialog/popover.\nNote: Has no effect when set after the component has been mounted.\n\n**UX / Accessibility**: autofocus should be used carefully since it can reduce usability and\naccessibility for users.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"label","global":false,"description":"The text content of the button.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},{"name":"disabled","global":false,"default":"FORM_INJECTED_SYMBOL","description":"If the button should be disabled or not.","tags":[],"required":false,"type":"FormInjected<boolean> | undefined","schema":{"kind":"enum","type":"FormInjected<boolean> | undefined","schema":["undefined","false","true","symbol"]},"declarations":[]},{"name":"loading","global":false,"default":"false","description":"Shows a loading indicator.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"type","global":false,"description":"The button type.","tags":[],"required":false,"type":"\"button\" | \"submit\" | \"reset\" | undefined","schema":{"kind":"enum","type":"\"button\" | \"submit\" | \"reset\" | undefined","schema":["undefined","\"button\"","\"submit\"","\"reset\""]},"declarations":[]},{"name":"color","global":false,"default":"\"primary\"","description":"The color of the button.","tags":[],"required":false,"type":"\"primary\" | \"neutral\" | \"danger\" | undefined","schema":{"kind":"enum","type":"\"primary\" | \"neutral\" | \"danger\" | undefined","schema":["undefined","\"primary\"","\"neutral\"","\"danger\""]},"declarations":[]},{"name":"mode","global":false,"default":"\"default\"","description":"The style of the button.","tags":[],"required":false,"type":"\"default\" | \"outline\" | \"plain\" | undefined","schema":{"kind":"enum","type":"\"default\" | \"outline\" | \"plain\" | undefined","schema":["undefined","\"default\"","\"outline\"","\"plain\""]},"declarations":[]},{"name":"icon","global":false,"description":"An icon which will be displayed on the left side of the label.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},{"name":"iconPosition","global":false,"description":"Position where the icon is placed.","tags":[],"required":false,"type":"\"left\" | \"right\" | undefined","schema":{"kind":"enum","type":"\"left\" | \"right\" | undefined","schema":["undefined","\"left\"","\"right\""]},"declarations":[]},{"name":"skeleton","global":false,"default":"SKELETON_INJECTED_SYMBOL","description":"Whether to show a skeleton button.","tags":[],"required":false,"type":"SkeletonInjected | undefined","schema":{"kind":"enum","type":"SkeletonInjected | undefined","schema":["undefined","number","false","true","symbol"]},"declarations":[]},{"name":"link","global":false,"description":"If set, the button will be rendered as link. Note that not all button properties are\nsupported when used as link, e.g. `disabled`, `type` and `autofocus` are not supported.","tags":[],"required":false,"type":"string | SharedLinkProps | undefined","schema":{"kind":"enum","type":"string | SharedLinkProps | undefined","schema":["undefined","string",{"kind":"object","type":"SharedLinkProps","schema":{"href":{"name":"href","global":false,"description":"The URL/link to point to. Will use the router for internal links if provided, see [our\ndocumentation](https://onyx.schwarz/development/router.html) for further details.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},"target":{"name":"target","global":false,"description":"Where to display the linked URL (same tab, new tab etc.).\nFor `_blank`, the `rel=\"noreferrer\"` will be set automatically.\nIf set to \"auto\", external links will be opened with \"_blank\" and internal ones with \"_self\".","tags":[],"required":false,"type":"\"auto\" | \"_self\" | \"_blank\" | \"_parent\" | \"_top\" | undefined","schema":{"kind":"enum","type":"\"auto\" | \"_self\" | \"_blank\" | \"_parent\" | \"_top\" | undefined","schema":["undefined","\"auto\"","\"_self\"","\"_blank\"","\"_parent\"","\"_top\""]},"declarations":[]}}}]},"declarations":[]},{"name":"open","global":false,"default":"undefined","description":"Indicates whether the element is expanded or collapsed.","tags":[],"required":false,"type":"Nullable<boolean>","schema":{"kind":"enum","type":"Nullable<boolean>","schema":["undefined","null","false","true"]},"declarations":[]},{"name":"position","global":false,"description":"How to position the popover around the parent element.","tags":[],"required":false,"type":"\"auto\" | AnchorPosition | \"auto-inline\" | undefined","schema":{"kind":"enum","type":"\"auto\" | AnchorPosition | \"auto-inline\" | undefined","schema":["undefined","\"top\"","\"left\"","\"auto\"","\"right\"","\"bottom\"","\"top right\"","\"top left\"","\"bottom right\"","\"bottom left\"","\"auto-inline\""]},"declarations":[]},{"name":"alignment","global":false,"default":"\"right\"","description":"How to align the popover relative to the parent element (depending on the position).","tags":[],"required":false,"type":"\"auto\" | OpenAlignment | undefined","schema":{"kind":"enum","type":"\"auto\" | OpenAlignment | undefined","schema":["undefined","\"top\"","\"left\"","\"auto\"","\"right\"","\"bottom\"","\"center\""]},"declarations":[]},{"name":"trigger","global":false,"default":"\"click\"","description":"If the flyout is expanded on click or hover.\nThe default value is 'hover' which will expand the flyout on hover.","tags":[],"required":false,"type":"\"click\" | \"hover\" | undefined","schema":{"kind":"enum","type":"\"click\" | \"hover\" | undefined","schema":["undefined","\"click\"","\"hover\""]},"declarations":[]}],"events":[{"name":"update:open","description":"Emitted when the open state changes.","tags":[],"type":"[value: boolean]","signature":"(event: \"update:open\", value: boolean): void","schema":[{"kind":"enum","type":"boolean","schema":["false","true"]}],"declarations":[]}],"slots":[{"name":"options","type":"any","description":"Use the `options` slot to provide the `OnyxMenuItem`s that should be displayed in the flyout.","tags":[],"schema":"any","declarations":[]}],"exposed":[]},{"exportName":"default","displayName":"OnyxDatePicker","type":1,"props":[{"name":"density","global":false,"description":"Density defines the amount of vertical white space a component has and the height of the main\n(interactive) element of a component.","tags":[{"name":"default","text":"undefined By default the parents setting is used, if none is defined on any parent `default` is the default."}],"required":false,"type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":{"kind":"enum","type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":["undefined","\"compact\"","\"default\"","\"cozy\""]},"declarations":[]},{"name":"disabled","global":false,"default":"FORM_INJECTED_SYMBOL","description":"Whether the input should be disabled and prevent the user from interacting with it.\nDisabled makes the element not mutable, focusable, or even submitted with the form.\nIt will also not be validated.","tags":[{"name":"default","text":"Inherits value from closest `<OnyxForm>` component, defaults to `false` otherwise"}],"required":false,"type":"FormInjected<boolean> | undefined","schema":{"kind":"enum","type":"FormInjected<boolean> | undefined","schema":["undefined","false","true","symbol"]},"declarations":[]},{"name":"skeleton","global":false,"default":"SKELETON_INJECTED_SYMBOL","description":"Whether to show a skeleton input.","tags":[],"required":false,"type":"SkeletonInjected | undefined","schema":{"kind":"enum","type":"SkeletonInjected | undefined","schema":["undefined","number","false","true","symbol"]},"declarations":[]},{"name":"required","global":false,"default":"false","description":"Whether the a value for this form element is required.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"label","global":false,"description":"Label to show above the form element. Required due to accessibility / screen readers.\nIf you want to visually hide the label, use the `hideLabel` property.\nTODO: make CustomMessageType","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},{"name":"success","global":false,"description":"Success messages that inform about the state of form components","tags":[],"required":false,"type":"CustomMessageType | undefined","schema":{"kind":"enum","type":"CustomMessageType | undefined","schema":["undefined","string",{"kind":"object","type":"FormMessages","schema":{"shortMessage":{"name":"shortMessage","global":false,"description":"A short message preview to inform the user about the input state.\nIt's usually shown directly underneath the input field.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},"longMessage":{"name":"longMessage","global":false,"description":"An extended informative message to provide more details.\nIt's usually shown in a tooltip next to the shortMessage.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},"hidden":{"name":"hidden","global":false,"description":"Will visually hide the message.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]}}}]},"declarations":[]},{"name":"autofocus","global":false,"description":"Whether to focus the component on page load or inside a dialog/popover once it opens.\nCan only be enabled for one element inside a page/dialog/popover.\nNote: Has no effect when set after the component has been mounted.\n\n**UX / Accessibility**: autofocus should be used carefully since it can reduce usability and\naccessibility for users.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"loading","global":false,"default":"false","description":"Whether the input is loading. User interaction will be disabled.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"showError","global":false,"default":"FORM_INJECTED_SYMBOL","description":"Configures if and when errors are shown.\n\n- `true`: errors will be shown initially.\n- `false`: errors will never be shown. ⚠️ Only the displaying of the error is effected! An error\n  can still block submission!\n- \"touched\": only shows an error _after_ a user has significantly interacted with the input, see\n  [:user-invalid](https://drafts.csswg.org/selectors/#user-invalid-pseudo)","tags":[{"name":"default","text":"Inherits value from closest `<OnyxForm>` component or `touched` if none exists"}],"required":false,"type":"FormInjected<ShowErrorMode> | undefined","schema":{"kind":"enum","type":"FormInjected<ShowErrorMode> | undefined","schema":["undefined","false","true","symbol","\"touched\""]},"declarations":[]},{"name":"requiredMarker","global":false,"default":"FORM_INJECTED_SYMBOL","description":"How to display the required / optional marker.\n\n- Optional: will show an `(optional)` text after the label for optional form elements.\n- Required: will show an `*` indicator for required inputs after the label instead.\n\nNo marker will be visible if the label is hidden.","tags":[{"name":"default","text":"Inherits value from closest `<OnyxForm>` component or `required` if none exists"}],"required":false,"type":"FormInjected<\"required\" | \"optional\"> | undefined","schema":{"kind":"enum","type":"FormInjected<\"required\" | \"optional\"> | undefined","schema":["undefined","symbol","\"required\"","\"optional\""]},"declarations":[]},{"name":"reserveMessageSpace","global":false,"default":"FORM_INJECTED_SYMBOL","description":"Always reserves the space required to show `error` or other messages.\nSubsequently this will increase the height of the form element permanently.\nWe recommend to enable this to avoid layout shifts.","tags":[{"name":"default","text":"Inherits value from closest `<OnyxForm>` component, defaults to `false` otherwise"}],"required":false,"type":"FormInjected<boolean> | undefined","schema":{"kind":"enum","type":"FormInjected<boolean> | undefined","schema":["undefined","false","true","symbol"]},"declarations":[]},{"name":"error","global":false,"description":"Custom error message to show. Takes precedence over intrinsic error messages.","tags":[],"required":false,"type":"CustomMessageType | undefined","schema":{"kind":"enum","type":"CustomMessageType | undefined","schema":["undefined","string",{"kind":"object","type":"FormMessages","schema":{"shortMessage":{"name":"shortMessage","global":false,"description":"A short message preview to inform the user about the input state.\nIt's usually shown directly underneath the input field.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},"longMessage":{"name":"longMessage","global":false,"description":"An extended informative message to provide more details.\nIt's usually shown in a tooltip next to the shortMessage.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},"hidden":{"name":"hidden","global":false,"description":"Will visually hide the message.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]}}}]},"declarations":[]},{"name":"id","global":false,"description":"The id of a labelled form-related element.\nIf not given an id will be generated.\nThe id is passed as a `default` slot property.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},{"name":"name","global":false,"description":"Same as the native `name` attribute of `<input>`.\nUsed to reference the input in JavaScript or in submitted form data.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},{"name":"labelTooltip","global":false,"description":"Info text to show inside a tooltip, next to the label.\nThe tooltip will be hidden if `hideLabel` property is set to true.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},{"name":"hideLabel","global":false,"description":"If `true`, the label will be visually hidden and\nthe `title` attribute will be set by the form element (input/textarea/...).\nFor accessibility / screen readers, the aria-label will still be set.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"readonly","global":false,"default":"false","description":"Whether the input should be readonly.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"message","global":false,"description":"Message / help text to display below the form element.\nWill be replaced by an error message if the form element is invalid.","tags":[],"required":false,"type":"CustomMessageType | undefined","schema":{"kind":"enum","type":"CustomMessageType | undefined","schema":["undefined","string",{"kind":"object","type":"FormMessages","schema":{"shortMessage":{"name":"shortMessage","global":false,"description":"A short message preview to inform the user about the input state.\nIt's usually shown directly underneath the input field.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},"longMessage":{"name":"longMessage","global":false,"description":"An extended informative message to provide more details.\nIt's usually shown in a tooltip next to the shortMessage.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},"hidden":{"name":"hidden","global":false,"description":"Will visually hide the message.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]}}}]},"declarations":[]},{"name":"modelValue","global":false,"description":"A date string compliant with [ISO8601](https://en.wikipedia.org/wiki/ISO_8601).","tags":[{"name":"example","text":"  \"date.toISOString()\";"},{"name":"example","text":"  \"2011-10-31\";"}],"required":false,"type":"Nullable<string>","schema":{"kind":"enum","type":"Nullable<string>","schema":["undefined","null","string"]},"declarations":[]},{"name":"type","global":false,"default":"\"date\"","description":"Whether the user should be able to select only date or date + time.","tags":[],"required":false,"type":"\"date\" | \"datetime-local\" | undefined","schema":{"kind":"enum","type":"\"date\" | \"datetime-local\" | undefined","schema":["undefined","\"date\"","\"datetime-local\""]},"declarations":[]},{"name":"min","global":false,"description":"Min. / earliest selectable date (inclusive). When using `type=\"datetime-local\"`, the user can\nstill select a invalid time but the datepicker will show an error.","tags":[],"required":false,"type":"string | number | Date | undefined","schema":{"kind":"enum","type":"string | number | Date | undefined","schema":["undefined","string","number","Date"]},"declarations":[]},{"name":"max","global":false,"description":"Max. / latest selectable date (inclusive). When using `type=\"datetime-local\"`, the user can\nstill select a invalid time but the datepicker will show an error.","tags":[],"required":false,"type":"string | number | Date | undefined","schema":{"kind":"enum","type":"string | number | Date | undefined","schema":["undefined","string","number","Date"]},"declarations":[]}],"events":[{"name":"update:modelValue","description":"Emitted when the current value changes. Is a date string based on\n[ISO8601](https://en.wikipedia.org/wiki/ISO_8601).\n\nDependent on `type` the string is either:\n\n- \"date\": date only string based, e.g. `\"2011-10-31\"`\n- \"datetime-local\": Full datetime string in UTC timezone, `e.g. \"2011-10-31T00:00:00.000Z\"`","tags":[],"type":"[value?: string | undefined]","signature":"(event: \"update:modelValue\", value?: string | undefined): void","schema":[{"kind":"enum","type":"string | undefined","schema":["undefined","string"]}],"declarations":[]},{"name":"validityChange","description":"Emitted when the validity state of the input changes.","tags":[],"type":"[validity: ValidityState]","signature":"(event: \"validityChange\", validity: ValidityState): void","schema":["ValidityState"],"declarations":[]}],"slots":[],"exposed":[{"name":"input","type":"HTMLInputElement | null","description":"","tags":[],"schema":{"kind":"enum","type":"HTMLInputElement | null","schema":["null","HTMLInputElement"]},"declarations":[]}]},{"exportName":"default","displayName":"OnyxSwitch","type":1,"props":[{"name":"density","global":false,"description":"Density defines the amount of vertical white space a component has and the height of the main\n(interactive) element of a component.","tags":[{"name":"default","text":"undefined By default the parents setting is used, if none is defined on any parent `default` is the default."}],"required":false,"type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":{"kind":"enum","type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":["undefined","\"compact\"","\"default\"","\"cozy\""]},"declarations":[]},{"name":"disabled","global":false,"default":"FORM_INJECTED_SYMBOL","description":"Whether the input should be disabled and prevent the user from interacting with it.\nDisabled makes the element not mutable, focusable, or even submitted with the form.\nIt will also not be validated.","tags":[{"name":"default","text":"Inherits value from closest `<OnyxForm>` component, defaults to `false` otherwise"}],"required":false,"type":"FormInjected<boolean> | undefined","schema":{"kind":"enum","type":"FormInjected<boolean> | undefined","schema":["undefined","false","true","symbol"]},"declarations":[]},{"name":"skeleton","global":false,"default":"SKELETON_INJECTED_SYMBOL","description":"Whether to show a skeleton.","tags":[],"required":false,"type":"SkeletonInjected | undefined","schema":{"kind":"enum","type":"SkeletonInjected | undefined","schema":["undefined","number","false","true","symbol"]},"declarations":[]},{"name":"required","global":false,"description":"Whether the a value for this form element is required.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"autofocus","global":false,"description":"Whether to focus the component on page load or inside a dialog/popover once it opens.\nCan only be enabled for one element inside a page/dialog/popover.\nNote: Has no effect when set after the component has been mounted.\n\n**UX / Accessibility**: autofocus should be used carefully since it can reduce usability and\naccessibility for users.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"loading","global":false,"default":"false","description":"Shows a loading indicator.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"truncation","global":false,"default":"\"ellipsis\"","description":"How to truncate the label if it exceeds the max width.","tags":[],"required":false,"type":"\"ellipsis\" | \"multiline\" | undefined","schema":{"kind":"enum","type":"\"ellipsis\" | \"multiline\" | undefined","schema":["undefined","\"ellipsis\"","\"multiline\""]},"declarations":[]},{"name":"showError","global":false,"default":"FORM_INJECTED_SYMBOL","description":"Configures if and when errors are shown.\n\n- `true`: errors will be shown initially.\n- `false`: errors will never be shown. ⚠️ Only the displaying of the error is effected! An error\n  can still block submission!\n- \"touched\": only shows an error _after_ a user has significantly interacted with the input, see\n  [:user-invalid](https://drafts.csswg.org/selectors/#user-invalid-pseudo)","tags":[{"name":"default","text":"Inherits value from closest `<OnyxForm>` component or `touched` if none exists"}],"required":false,"type":"FormInjected<ShowErrorMode> | undefined","schema":{"kind":"enum","type":"FormInjected<ShowErrorMode> | undefined","schema":["undefined","false","true","symbol","\"touched\""]},"declarations":[]},{"name":"requiredMarker","global":false,"default":"FORM_INJECTED_SYMBOL","description":"How to display the required / optional marker.\n\n- Optional: will show an `(optional)` text after the label for optional form elements.\n- Required: will show an `*` indicator for required inputs after the label instead.\n\nNo marker will be visible if the label is hidden.","tags":[{"name":"default","text":"Inherits value from closest `<OnyxForm>` component or `required` if none exists"}],"required":false,"type":"FormInjected<\"required\" | \"optional\"> | undefined","schema":{"kind":"enum","type":"FormInjected<\"required\" | \"optional\"> | undefined","schema":["undefined","symbol","\"required\"","\"optional\""]},"declarations":[]},{"name":"reserveMessageSpace","global":false,"description":"Always reserves the space required to show `error` or other messages.\nSubsequently this will increase the height of the form element permanently.\nWe recommend to enable this to avoid layout shifts.","tags":[{"name":"default","text":"Inherits value from closest `<OnyxForm>` component, defaults to `false` otherwise"}],"required":false,"type":"FormInjected<boolean> | undefined","schema":{"kind":"enum","type":"FormInjected<boolean> | undefined","schema":["undefined","false","true","symbol"]},"declarations":[]},{"name":"error","global":false,"description":"Custom error message to show. Takes precedence over intrinsic error messages.","tags":[],"required":false,"type":"CustomMessageType | undefined","schema":{"kind":"enum","type":"CustomMessageType | undefined","schema":["undefined","string",{"kind":"object","type":"FormMessages","schema":{"shortMessage":{"name":"shortMessage","global":false,"description":"A short message preview to inform the user about the input state.\nIt's usually shown directly underneath the input field.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},"longMessage":{"name":"longMessage","global":false,"description":"An extended informative message to provide more details.\nIt's usually shown in a tooltip next to the shortMessage.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},"hidden":{"name":"hidden","global":false,"description":"Will visually hide the message.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]}}}]},"declarations":[]},{"name":"hideLabel","global":false,"description":"If `true`, the label will be visually hidden and the `title` attribute will be set.\nFor accessibility / screen readers, the aria-label will still be set.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"success","global":false,"description":"Success messages that inform about the state of form components","tags":[],"required":false,"type":"CustomMessageType | undefined","schema":{"kind":"enum","type":"CustomMessageType | undefined","schema":["undefined","string",{"kind":"object","type":"FormMessages","schema":{"shortMessage":{"name":"shortMessage","global":false,"description":"A short message preview to inform the user about the input state.\nIt's usually shown directly underneath the input field.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},"longMessage":{"name":"longMessage","global":false,"description":"An extended informative message to provide more details.\nIt's usually shown in a tooltip next to the shortMessage.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},"hidden":{"name":"hidden","global":false,"description":"Will visually hide the message.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]}}}]},"declarations":[]},{"name":"message","global":false,"description":"Message / help text to display below the form element.\nWill be replaced by an error message if the form element is invalid.","tags":[],"required":false,"type":"CustomMessageType | undefined","schema":{"kind":"enum","type":"CustomMessageType | undefined","schema":["undefined","string",{"kind":"object","type":"FormMessages","schema":{"shortMessage":{"name":"shortMessage","global":false,"description":"A short message preview to inform the user about the input state.\nIt's usually shown directly underneath the input field.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},"longMessage":{"name":"longMessage","global":false,"description":"An extended informative message to provide more details.\nIt's usually shown in a tooltip next to the shortMessage.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},"hidden":{"name":"hidden","global":false,"description":"Will visually hide the message.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]}}}]},"declarations":[]},{"name":"label","global":false,"description":"Label to show for the element. Required due to accessibility / screen readers.\nIf you want to visually hide the label, use the `label.hidden` property.","tags":[],"required":true,"type":"string | FormElementV2LabelOptions","schema":{"kind":"enum","type":"string | FormElementV2LabelOptions","schema":["string",{"kind":"object","type":"FormElementV2LabelOptions","schema":{"label":{"name":"label","global":false,"description":"Label displayed outside of the tooltip.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},"tooltipText":{"name":"tooltipText","global":false,"description":"Actual tooltip text.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},"position":{"name":"position","global":false,"description":"How to position the label relative to the main content.","tags":[],"required":false,"type":"\"top\" | \"left\" | \"right\" | undefined","schema":{"kind":"enum","type":"\"top\" | \"left\" | \"right\" | undefined","schema":["undefined","\"top\"","\"left\"","\"right\""]},"declarations":[]},"hidden":{"name":"hidden","global":false,"description":"If `true`, the label will be visually hidden.\nFor accessibility / screen readers, the aria-label will still be set.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},"truncation":{"name":"truncation","global":false,"description":"How to truncate the label if it exceeds the max width.","tags":[],"required":false,"type":"\"ellipsis\" | \"multiline\" | undefined","schema":{"kind":"enum","type":"\"ellipsis\" | \"multiline\" | undefined","schema":["undefined","\"ellipsis\"","\"multiline\""]},"declarations":[]}}}]},"declarations":[]},{"name":"modelValue","global":false,"default":"undefined","description":"Whether the switch should be checked or not.","tags":[],"required":false,"type":"Nullable<boolean>","schema":{"kind":"enum","type":"Nullable<boolean>","schema":["undefined","null","false","true"]},"declarations":[]},{"name":"valueLabel","global":false,"description":"The text label displayed directly next to the switch.\nDisplays different texts based on the checked state of the switch.","tags":[],"required":false,"type":"{ truthy: string; falsy: string; } | undefined","schema":{"kind":"enum","type":"{ truthy: string; falsy: string; } | undefined","schema":["undefined",{"kind":"object","type":"{ truthy: string; falsy: string; }","schema":{"truthy":{"name":"truthy","global":false,"description":"","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},"falsy":{"name":"falsy","global":false,"description":"","tags":[],"required":true,"type":"string","schema":"string","declarations":[]}}}]},"declarations":[]}],"events":[{"name":"update:modelValue","description":"Emitted when the checked state changes.","tags":[],"type":"[value: boolean]","signature":"(event: \"update:modelValue\", value: boolean): void","schema":[{"kind":"enum","type":"boolean","schema":["false","true"]}],"declarations":[]},{"name":"validityChange","description":"Emitted when the validity state of the input changes.","tags":[],"type":"[validity: ValidityState]","signature":"(event: \"validityChange\", validity: ValidityState): void","schema":["ValidityState"],"declarations":[]}],"slots":[],"exposed":[{"name":"input","type":"HTMLInputElement | null","description":"","tags":[],"schema":{"kind":"enum","type":"HTMLInputElement | null","schema":["null","HTMLInputElement"]},"declarations":[]}]},{"exportName":"default","displayName":"OnyxBasicDialog","type":1,"props":[{"name":"density","global":false,"description":"Density defines the amount of vertical white space a component has and the height of the main\n(interactive) element of a component.","tags":[{"name":"default","text":"undefined By default the parents setting is used, if none is defined on any parent `default` is the default."}],"required":false,"type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":{"kind":"enum","type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":["undefined","\"compact\"","\"default\"","\"cozy\""]},"declarations":[]},{"name":"label","global":false,"description":"(Aria) label that describes the dialog. Required for accessibility / screen readers.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},{"name":"open","global":false,"description":"Whether the dialog is open.","tags":[],"required":false,"type":"Nullable<boolean>","schema":{"kind":"enum","type":"Nullable<boolean>","schema":["undefined","null","false","true"]},"declarations":[]},{"name":"modal","global":false,"default":"false","description":"Whether the dialog is a modal.\nIf `true`, interaction with the rest of the page is prevented and a backdrop is displayed.\nAlso the `close` event is emitted when pressing \"Escape\".","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"nonDismissible","global":false,"default":"false","description":"Whether to prevent closing the dialog when clicking outside or pressing the `Escape` key.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"alert","global":false,"default":"false","description":"Whether the dialog is an [alert dialog](https://www.w3.org/WAI/ARIA/apg/patterns/alertdialog/).\nShould be set for better accessibility / screen reader support when the dialog\ninterrupts the user's workflow to communicate an important message and acquire a response,\ne.g. a delete confirmation.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"alignment","global":false,"default":"\"center\"","description":"How to align the dialog horizontally. If \"left\" or \"right\", the modal will also be made full\nheight.","tags":[],"required":false,"type":"\"left\" | \"right\" | \"center\" | undefined","schema":{"kind":"enum","type":"\"left\" | \"right\" | \"center\" | undefined","schema":["undefined","\"left\"","\"right\"","\"center\""]},"declarations":[]},{"name":"backdrop","global":false,"default":"\"soft\"","description":"The intensity of the backdrop.","tags":[{"name":"default","text":"\"soft\""}],"required":false,"type":"\"soft\" | \"medium\" | undefined","schema":{"kind":"enum","type":"\"soft\" | \"medium\" | undefined","schema":["undefined","\"soft\"","\"medium\""]},"declarations":[]}],"events":[{"name":"update:open","description":"Emitted when the dialog should be closed.\nOpening is always controlled via the `open` prop.","tags":[],"type":"[open: boolean]","signature":"(event: \"update:open\", open: boolean): void","schema":[{"kind":"enum","type":"boolean","schema":["false","true"]}],"declarations":[]}],"slots":[{"name":"default","type":"any","description":"Dialog content. For accessibility purposes it is strongly recommended\nto focus an element inside the dialog when it opens. The element will depend\non your use case (e.g. an input, button etc.).","tags":[],"schema":"any","declarations":[]}],"exposed":[{"name":"dialog","type":"HTMLDialogElement | null","description":"Template ref to the internal `<dialog>` element.","tags":[],"schema":{"kind":"enum","type":"HTMLDialogElement | null","schema":["null","HTMLDialogElement"]},"declarations":[]}]},{"exportName":"default","displayName":"OnyxDialog","type":1,"props":[{"name":"density","global":false,"description":"Density defines the amount of vertical white space a component has and the height of the main\n(interactive) element of a component.","tags":[{"name":"default","text":"undefined By default the parents setting is used, if none is defined on any parent `default` is the default."}],"required":false,"type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":{"kind":"enum","type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":["undefined","\"compact\"","\"default\"","\"cozy\""]},"declarations":[]},{"name":"disabled","global":false,"description":"Whether the popover is disabled and can not be opened.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"label","global":false,"description":"Aria label for the popover.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},{"name":"open","global":false,"default":"undefined","description":"Indicates whether the element is expanded or collapsed.","tags":[],"required":false,"type":"Nullable<boolean>","schema":{"kind":"enum","type":"Nullable<boolean>","schema":["undefined","null","false","true"]},"declarations":[]},{"name":"position","global":false,"description":"How to position the popover around the parent element.","tags":[],"required":false,"type":"\"auto\" | AnchorPosition | \"auto-inline\" | undefined","schema":{"kind":"enum","type":"\"auto\" | AnchorPosition | \"auto-inline\" | undefined","schema":["undefined","\"top\"","\"left\"","\"auto\"","\"right\"","\"bottom\"","\"top right\"","\"top left\"","\"bottom right\"","\"bottom left\"","\"auto-inline\""]},"declarations":[]},{"name":"alignment","global":false,"description":"How to align the popover relative to the parent element (depending on the position).","tags":[],"required":false,"type":"\"auto\" | OpenAlignment | undefined","schema":{"kind":"enum","type":"\"auto\" | OpenAlignment | undefined","schema":["undefined","\"top\"","\"left\"","\"auto\"","\"right\"","\"bottom\"","\"center\""]},"declarations":[]},{"name":"sticky","global":false,"default":"true","description":"If true, the popover remains visible within the viewport even if its parent element scrolls out\nof view.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"nonDismissible","global":false,"description":"Whether to prevent closing the dialog when clicking outside or pressing the `Escape` key.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]}],"events":[{"name":"update:open","description":"Emitted when the dialog should be closed.","tags":[],"type":"[open: boolean]","signature":"(event: \"update:open\", open: boolean): void","schema":[{"kind":"enum","type":"boolean","schema":["false","true"]}],"declarations":[]}],"slots":[{"name":"trigger","type":"{ trigger: object; }","description":"The trigger for the dialog. Should be an interactive component like a button or link.","tags":[],"schema":{"kind":"object","type":"{ trigger: object; }","schema":{"trigger":{"name":"trigger","global":false,"description":"Attributes and event listeners that must be bound to an interactive element (button or link),\nthat should act as the dialog trigger.","tags":[],"required":true,"type":"object","schema":"object","declarations":[]}}},"declarations":[]},{"name":"default","type":"any","description":"Dialog content.","tags":[],"schema":"any","declarations":[]},{"name":"headline","type":"Pick<OnyxDialogProps, \"label\">","description":"Optional slot to override the headline with custom content.\nIf unset, the `label` property will be shown.","tags":[],"schema":"Pick<OnyxDialogProps, \"label\">","declarations":[]},{"name":"footer","type":"any","description":"Optional footer slot to e.g. show action buttons (see OnyxBottomBar component).","tags":[],"schema":"any","declarations":[]}],"exposed":[]},{"exportName":"default","displayName":"OnyxStepper","type":1,"props":[{"name":"density","global":false,"description":"Density defines the amount of vertical white space a component has and the height of the main\n(interactive) element of a component.","tags":[{"name":"default","text":"undefined By default the parents setting is used, if none is defined on any parent `default` is the default."}],"required":false,"type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":{"kind":"enum","type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":["undefined","\"compact\"","\"default\"","\"cozy\""]},"declarations":[]},{"name":"disabled","global":false,"default":"FORM_INJECTED_SYMBOL","description":"Whether the input should be disabled and prevent the user from interacting with it.\nDisabled makes the element not mutable, focusable, or even submitted with the form.\nIt will also not be validated.","tags":[{"name":"default","text":"Inherits value from closest `<OnyxForm>` component, defaults to `false` otherwise"}],"required":false,"type":"FormInjected<boolean> | undefined","schema":{"kind":"enum","type":"FormInjected<boolean> | undefined","schema":["undefined","false","true","symbol"]},"declarations":[]},{"name":"skeleton","global":false,"default":"SKELETON_INJECTED_SYMBOL","description":"Whether to show a skeleton input.","tags":[],"required":false,"type":"SkeletonInjected | undefined","schema":{"kind":"enum","type":"SkeletonInjected | undefined","schema":["undefined","number","false","true","symbol"]},"declarations":[]},{"name":"required","global":false,"description":"Whether the a value for this form element is required.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"success","global":false,"description":"Success messages that inform about the state of form components","tags":[],"required":false,"type":"CustomMessageType | undefined","schema":{"kind":"enum","type":"CustomMessageType | undefined","schema":["undefined","string",{"kind":"object","type":"FormMessages","schema":{"shortMessage":{"name":"shortMessage","global":false,"description":"A short message preview to inform the user about the input state.\nIt's usually shown directly underneath the input field.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},"longMessage":{"name":"longMessage","global":false,"description":"An extended informative message to provide more details.\nIt's usually shown in a tooltip next to the shortMessage.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},"hidden":{"name":"hidden","global":false,"description":"Will visually hide the message.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]}}}]},"declarations":[]},{"name":"autofocus","global":false,"description":"Whether to focus the component on page load or inside a dialog/popover once it opens.\nCan only be enabled for one element inside a page/dialog/popover.\nNote: Has no effect when set after the component has been mounted.\n\n**UX / Accessibility**: autofocus should be used carefully since it can reduce usability and\naccessibility for users.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"loading","global":false,"default":"false","description":"Whether the input is loading. User interaction will be disabled.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"showError","global":false,"default":"FORM_INJECTED_SYMBOL","description":"Configures if and when errors are shown.\n\n- `true`: errors will be shown initially.\n- `false`: errors will never be shown. ⚠️ Only the displaying of the error is effected! An error\n  can still block submission!\n- \"touched\": only shows an error _after_ a user has significantly interacted with the input, see\n  [:user-invalid](https://drafts.csswg.org/selectors/#user-invalid-pseudo)","tags":[{"name":"default","text":"Inherits value from closest `<OnyxForm>` component or `touched` if none exists"}],"required":false,"type":"FormInjected<ShowErrorMode> | undefined","schema":{"kind":"enum","type":"FormInjected<ShowErrorMode> | undefined","schema":["undefined","false","true","symbol","\"touched\""]},"declarations":[]},{"name":"requiredMarker","global":false,"default":"FORM_INJECTED_SYMBOL","description":"How to display the required / optional marker.\n\n- Optional: will show an `(optional)` text after the label for optional form elements.\n- Required: will show an `*` indicator for required inputs after the label instead.\n\nNo marker will be visible if the label is hidden.","tags":[{"name":"default","text":"Inherits value from closest `<OnyxForm>` component or `required` if none exists"}],"required":false,"type":"FormInjected<\"required\" | \"optional\"> | undefined","schema":{"kind":"enum","type":"FormInjected<\"required\" | \"optional\"> | undefined","schema":["undefined","symbol","\"required\"","\"optional\""]},"declarations":[]},{"name":"reserveMessageSpace","global":false,"default":"FORM_INJECTED_SYMBOL","description":"Always reserves the space required to show `error` or other messages.\nSubsequently this will increase the height of the form element permanently.\nWe recommend to enable this to avoid layout shifts.","tags":[{"name":"default","text":"Inherits value from closest `<OnyxForm>` component, defaults to `false` otherwise"}],"required":false,"type":"FormInjected<boolean> | undefined","schema":{"kind":"enum","type":"FormInjected<boolean> | undefined","schema":["undefined","false","true","symbol"]},"declarations":[]},{"name":"error","global":false,"description":"Custom error message to show. Takes precedence over intrinsic error messages.","tags":[],"required":false,"type":"CustomMessageType | undefined","schema":{"kind":"enum","type":"CustomMessageType | undefined","schema":["undefined","string",{"kind":"object","type":"FormMessages","schema":{"shortMessage":{"name":"shortMessage","global":false,"description":"A short message preview to inform the user about the input state.\nIt's usually shown directly underneath the input field.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},"longMessage":{"name":"longMessage","global":false,"description":"An extended informative message to provide more details.\nIt's usually shown in a tooltip next to the shortMessage.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},"hidden":{"name":"hidden","global":false,"description":"Will visually hide the message.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]}}}]},"declarations":[]},{"name":"id","global":false,"description":"The id of a labelled form-related element.\nIf not given an id will be generated.\nThe id is passed as a `default` slot property.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},{"name":"name","global":false,"description":"Same as the native `name` attribute of `<input>`.\nUsed to reference the input in JavaScript or in submitted form data.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},{"name":"labelTooltip","global":false,"description":"Info text to show inside a tooltip, next to the label.\nThe tooltip will be hidden if `hideLabel` property is set to true.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},{"name":"hideLabel","global":false,"description":"If `true`, the label will be visually hidden and\nthe `title` attribute will be set by the form element (input/textarea/...).\nFor accessibility / screen readers, the aria-label will still be set.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"readonly","global":false,"default":"false","description":"Whether the input should be readonly.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"message","global":false,"description":"Message / help text to display below the form element.\nWill be replaced by an error message if the form element is invalid.","tags":[],"required":false,"type":"CustomMessageType | undefined","schema":{"kind":"enum","type":"CustomMessageType | undefined","schema":["undefined","string",{"kind":"object","type":"FormMessages","schema":{"shortMessage":{"name":"shortMessage","global":false,"description":"A short message preview to inform the user about the input state.\nIt's usually shown directly underneath the input field.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},"longMessage":{"name":"longMessage","global":false,"description":"An extended informative message to provide more details.\nIt's usually shown in a tooltip next to the shortMessage.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},"hidden":{"name":"hidden","global":false,"description":"Will visually hide the message.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]}}}]},"declarations":[]},{"name":"placeholder","global":false,"description":"Placeholder to show when the value is empty.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},{"name":"label","global":false,"description":"Label to show for the element. Required due to accessibility / screen readers.\nIf you want to visually hide the label, use the `label.hidden` property.","tags":[],"required":true,"type":"string | FormElementV2LabelOptions","schema":{"kind":"enum","type":"string | FormElementV2LabelOptions","schema":["string",{"kind":"object","type":"FormElementV2LabelOptions","schema":{"label":{"name":"label","global":false,"description":"Label displayed outside of the tooltip.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},"tooltipText":{"name":"tooltipText","global":false,"description":"Actual tooltip text.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},"position":{"name":"position","global":false,"description":"How to position the label relative to the main content.","tags":[],"required":false,"type":"\"top\" | \"left\" | \"right\" | undefined","schema":{"kind":"enum","type":"\"top\" | \"left\" | \"right\" | undefined","schema":["undefined","\"top\"","\"left\"","\"right\""]},"declarations":[]},"hidden":{"name":"hidden","global":false,"description":"If `true`, the label will be visually hidden.\nFor accessibility / screen readers, the aria-label will still be set.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},"truncation":{"name":"truncation","global":false,"description":"How to truncate the label if it exceeds the max width.","tags":[],"required":false,"type":"\"ellipsis\" | \"multiline\" | undefined","schema":{"kind":"enum","type":"\"ellipsis\" | \"multiline\" | undefined","schema":["undefined","\"ellipsis\"","\"multiline\""]},"declarations":[]}}}]},"declarations":[]},{"name":"min","global":false,"description":"The minimum allowed value.","tags":[],"required":false,"type":"number | undefined","schema":{"kind":"enum","type":"number | undefined","schema":["undefined","number"]},"declarations":[]},{"name":"max","global":false,"description":"The maximum allowed value.","tags":[],"required":false,"type":"number | undefined","schema":{"kind":"enum","type":"number | undefined","schema":["undefined","number"]},"declarations":[]},{"name":"stepSize","global":false,"default":"1","description":"Defines how much the value is adjusted when clicking the +/- button.","tags":[],"required":false,"type":"number | undefined","schema":{"kind":"enum","type":"number | undefined","schema":["undefined","number"]},"declarations":[]},{"name":"precision","global":false,"description":"Number of decimal places to show. Can also be negative. Value will be rounded if needed to\nmatch the specified precision.","tags":[{"name":"example","text":"  For `precision=2` with `modelValue=5`, \"5.00\" will be displayed."},{"name":"example","text":"  For `precision=-2` with `modelValue=60`, \"100\" will be displayed."},{"name":"example","text":"  For `precision=0`, only full numbers without decimals will be displayed."}],"required":false,"type":"number | undefined","schema":{"kind":"enum","type":"number | undefined","schema":["undefined","number"]},"declarations":[]},{"name":"validStepSize","global":false,"description":"Defines step size for valid/allowed values. Will show an error if invalid value is entered.\nCan be independent of the `stepSize` property.","tags":[{"name":"example","text":"  For `validStepSize` 0.01, only multiples of 0.01 are valid (useful for currencies)"},{"name":"example","text":"  For `stepSize=4` `validStepSize=2`, only even numbers are valid and the user can adjust the value by 4 when clicking the +/- button."}],"required":false,"type":"number | undefined","schema":{"kind":"enum","type":"number | undefined","schema":["undefined","number"]},"declarations":[]},{"name":"autocomplete","global":false,"description":"Specify how to provide automated assistance in filling out the input. Some autocomplete\nvalues might required specific browser permissions to be allowed by the user. Also browsers\nmight require a `name` property.","tags":[{"name":"see","text":"[MDN autocomplete](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete)"}],"required":false,"type":"Autocomplete | undefined","schema":{"kind":"enum","type":"Autocomplete | undefined","schema":["undefined","\"name\"","\"email\"","\"tel\"","\"off\"","\"on\"","\"additional-name\"","\"address-level1\"","\"address-level2\"","\"address-level3\"","\"address-level4\"","\"address-line1\"","\"address-line2\"","\"address-line3\"","\"bday-day\"","\"bday-month\"","\"bday-year\"","\"cc-csc\"","\"cc-exp\"","\"cc-exp-month\"","\"cc-exp-year\"","\"cc-family-name\"","\"cc-given-name\"","\"cc-name\"","\"cc-number\"","\"cc-type\"","\"country\"","\"country-name\"","\"current-password\"","\"family-name\"","\"given-name\"","\"honorific-prefix\"","\"honorific-suffix\"","\"new-password\"","\"one-time-code\"","\"organization\"","\"postal-code\"","\"street-address\"","\"transaction-amount\"","\"transaction-currency\"","\"username\"","\"tel-area-code\"","\"tel-country-code\"","\"tel-extension\"","\"tel-local\"","\"tel-local-prefix\"","\"tel-local-suffix\"","\"tel-national\"","\"home email\"","\"home tel\"","\"home tel-area-code\"","\"home tel-country-code\"","\"home tel-extension\"","\"home tel-local\"","\"home tel-local-prefix\"","\"home tel-local-suffix\"","\"home tel-national\"","\"mobile email\"","\"mobile tel\"","\"mobile tel-area-code\"","\"mobile tel-country-code\"","\"mobile tel-extension\"","\"mobile tel-local\"","\"mobile tel-local-prefix\"","\"mobile tel-local-suffix\"","\"mobile tel-national\"","\"work email\"","\"work tel\"","\"work tel-area-code\"","\"work tel-country-code\"","\"work tel-extension\"","\"work tel-local\"","\"work tel-local-prefix\"","\"work tel-local-suffix\"","\"work tel-national\"","\"name webauthn\"","\"additional-name webauthn\"","\"address-level1 webauthn\"","\"address-level2 webauthn\"","\"address-level3 webauthn\"","\"address-level4 webauthn\"","\"address-line1 webauthn\"","\"address-line2 webauthn\"","\"address-line3 webauthn\"","\"bday-day webauthn\"","\"bday-month webauthn\"","\"bday-year webauthn\"","\"cc-csc webauthn\"","\"cc-exp webauthn\"","\"cc-exp-month webauthn\"","\"cc-exp-year webauthn\"","\"cc-family-name webauthn\"","\"cc-given-name webauthn\"","\"cc-name webauthn\"","\"cc-number webauthn\"","\"cc-type webauthn\"","\"country webauthn\"","\"country-name webauthn\"","\"current-password webauthn\"","\"family-name webauthn\"","\"given-name webauthn\"","\"honorific-prefix webauthn\"","\"honorific-suffix webauthn\"","\"new-password webauthn\"","\"one-time-code webauthn\"","\"organization webauthn\"","\"postal-code webauthn\"","\"street-address webauthn\"","\"transaction-amount webauthn\"","\"transaction-currency webauthn\"","\"username webauthn\"","\"email webauthn\"","\"tel webauthn\"","\"tel-area-code webauthn\"","\"tel-country-code webauthn\"","\"tel-extension webauthn\"","\"tel-local webauthn\"","\"tel-local-prefix webauthn\"","\"tel-local-suffix webauthn\"","\"tel-national webauthn\"","\"home email webauthn\"","\"home tel webauthn\"","\"home tel-area-code webauthn\"","\"home tel-country-code webauthn\"","\"home tel-extension webauthn\"","\"home tel-local webauthn\"","\"home tel-local-prefix webauthn\"","\"home tel-local-suffix webauthn\"","\"home tel-national webauthn\"","\"mobile email webauthn\"","\"mobile tel webauthn\"","\"mobile tel-area-code webauthn\"","\"mobile tel-country-code webauthn\"","\"mobile tel-extension webauthn\"","\"mobile tel-local webauthn\"","\"mobile tel-local-prefix webauthn\"","\"mobile tel-local-suffix webauthn\"","\"mobile tel-national webauthn\"","\"work email webauthn\"","\"work tel webauthn\"","\"work tel-area-code webauthn\"","\"work tel-country-code webauthn\"","\"work tel-extension webauthn\"","\"work tel-local webauthn\"","\"work tel-local-prefix webauthn\"","\"work tel-local-suffix webauthn\"","\"work tel-national webauthn\"","\"billing name\"","\"billing name webauthn\"","\"billing additional-name\"","\"billing additional-name webauthn\"","\"billing address-level1\"","\"billing address-level1 webauthn\"","\"billing address-level2\"","\"billing address-level2 webauthn\"","\"billing address-level3\"","\"billing address-level3 webauthn\"","\"billing address-level4\"","\"billing address-level4 webauthn\"","\"billing address-line1\"","\"billing address-line1 webauthn\"","\"billing address-line2\"","\"billing address-line2 webauthn\"","\"billing address-line3\"","\"billing address-line3 webauthn\"","\"billing bday-day\"","\"billing bday-day webauthn\"","\"billing bday-month\"","\"billing bday-month webauthn\"","\"billing bday-year\"","\"billing bday-year webauthn\"","\"billing cc-csc\"","\"billing cc-csc webauthn\"","\"billing cc-exp\"","\"billing cc-exp webauthn\"","\"billing cc-exp-month\"","\"billing cc-exp-month webauthn\"","\"billing cc-exp-year\"","\"billing cc-exp-year webauthn\"","\"billing cc-family-name\"","\"billing cc-family-name webauthn\"","\"billing cc-given-name\"","\"billing cc-given-name webauthn\"","\"billing cc-name\"","\"billing cc-name webauthn\"","\"billing cc-number\"","\"billing cc-number webauthn\"","\"billing cc-type\"","\"billing cc-type webauthn\"","\"billing country\"","\"billing country webauthn\"","\"billing country-name\"","\"billing country-name webauthn\"","\"billing current-password\"","\"billing current-password webauthn\"","\"billing family-name\"","\"billing family-name webauthn\"","\"billing given-name\"","\"billing given-name webauthn\"","\"billing honorific-prefix\"","\"billing honorific-prefix webauthn\"","\"billing honorific-suffix\"","\"billing honorific-suffix webauthn\"","\"billing new-password\"","\"billing new-password webauthn\"","\"billing one-time-code\"","\"billing one-time-code webauthn\"","\"billing organization\"","\"billing organization webauthn\"","\"billing postal-code\"","\"billing postal-code webauthn\"","\"billing street-address\"","\"billing street-address webauthn\"","\"billing transaction-amount\"","\"billing transaction-amount webauthn\"","\"billing transaction-currency\"","\"billing transaction-currency webauthn\"","\"billing username\"","\"billing username webauthn\"","\"billing email\"","\"billing email webauthn\"","\"billing tel\"","\"billing tel webauthn\"","\"billing tel-area-code\"","\"billing tel-area-code webauthn\"","\"billing tel-country-code\"","\"billing tel-country-code webauthn\"","\"billing tel-extension\"","\"billing tel-extension webauthn\"","\"billing tel-local\"","\"billing tel-local webauthn\"","\"billing tel-local-prefix\"","\"billing tel-local-prefix webauthn\"","\"billing tel-local-suffix\"","\"billing tel-local-suffix webauthn\"","\"billing tel-national\"","\"billing tel-national webauthn\"","\"billing home email\"","\"billing home email webauthn\"","\"billing home tel\"","\"billing home tel webauthn\"","\"billing home tel-area-code\"","\"billing home tel-area-code webauthn\"","\"billing home tel-country-code\"","\"billing home tel-country-code webauthn\"","\"billing home tel-extension\"","\"billing home tel-extension webauthn\"","\"billing home tel-local\"","\"billing home tel-local webauthn\"","\"billing home tel-local-prefix\"","\"billing home tel-local-prefix webauthn\"","\"billing home tel-local-suffix\"","\"billing home tel-local-suffix webauthn\"","\"billing home tel-national\"","\"billing home tel-national webauthn\"","\"billing mobile email\"","\"billing mobile email webauthn\"","\"billing mobile tel\"","\"billing mobile tel webauthn\"","\"billing mobile tel-area-code\"","\"billing mobile tel-area-code webauthn\"","\"billing mobile tel-country-code\"","\"billing mobile tel-country-code webauthn\"","\"billing mobile tel-extension\"","\"billing mobile tel-extension webauthn\"","\"billing mobile tel-local\"","\"billing mobile tel-local webauthn\"","\"billing mobile tel-local-prefix\"","\"billing mobile tel-local-prefix webauthn\"","\"billing mobile tel-local-suffix\"","\"billing mobile tel-local-suffix webauthn\"","\"billing mobile tel-national\"","\"billing mobile tel-national webauthn\"","\"billing work email\"","\"billing work email webauthn\"","\"billing work tel\"","\"billing work tel webauthn\"","\"billing work tel-area-code\"","\"billing work tel-area-code webauthn\"","\"billing work tel-country-code\"","\"billing work tel-country-code webauthn\"","\"billing work tel-extension\"","\"billing work tel-extension webauthn\"","\"billing work tel-local\"","\"billing work tel-local webauthn\"","\"billing work tel-local-prefix\"","\"billing work tel-local-prefix webauthn\"","\"billing work tel-local-suffix\"","\"billing work tel-local-suffix webauthn\"","\"billing work tel-national\"","\"billing work tel-national webauthn\"","\"shipping name\"","\"shipping name webauthn\"","\"shipping additional-name\"","\"shipping additional-name webauthn\"","\"shipping address-level1\"","\"shipping address-level1 webauthn\"","\"shipping address-level2\"","\"shipping address-level2 webauthn\"","\"shipping address-level3\"","\"shipping address-level3 webauthn\"","\"shipping address-level4\"","\"shipping address-level4 webauthn\"","\"shipping address-line1\"","\"shipping address-line1 webauthn\"","\"shipping address-line2\"","\"shipping address-line2 webauthn\"","\"shipping address-line3\"","\"shipping address-line3 webauthn\"","\"shipping bday-day\"","\"shipping bday-day webauthn\"","\"shipping bday-month\"","\"shipping bday-month webauthn\"","\"shipping bday-year\"","\"shipping bday-year webauthn\"","\"shipping cc-csc\"","\"shipping cc-csc webauthn\"","\"shipping cc-exp\"","\"shipping cc-exp webauthn\"","\"shipping cc-exp-month\"","\"shipping cc-exp-month webauthn\"","\"shipping cc-exp-year\"","\"shipping cc-exp-year webauthn\"","\"shipping cc-family-name\"","\"shipping cc-family-name webauthn\"","\"shipping cc-given-name\"","\"shipping cc-given-name webauthn\"","\"shipping cc-name\"","\"shipping cc-name webauthn\"","\"shipping cc-number\"","\"shipping cc-number webauthn\"","\"shipping cc-type\"","\"shipping cc-type webauthn\"","\"shipping country\"","\"shipping country webauthn\"","\"shipping country-name\"","\"shipping country-name webauthn\"","\"shipping current-password\"","\"shipping current-password webauthn\"","\"shipping family-name\"","\"shipping family-name webauthn\"","\"shipping given-name\"","\"shipping given-name webauthn\"","\"shipping honorific-prefix\"","\"shipping honorific-prefix webauthn\"","\"shipping honorific-suffix\"","\"shipping honorific-suffix webauthn\"","\"shipping new-password\"","\"shipping new-password webauthn\"","\"shipping one-time-code\"","\"shipping one-time-code webauthn\"","\"shipping organization\"","\"shipping organization webauthn\"","\"shipping postal-code\"","\"shipping postal-code webauthn\"","\"shipping street-address\"","\"shipping street-address webauthn\"","\"shipping transaction-amount\"","\"shipping transaction-amount webauthn\"","\"shipping transaction-currency\"","\"shipping transaction-currency webauthn\"","\"shipping username\"","\"shipping username webauthn\"","\"shipping email\"","\"shipping email webauthn\"","\"shipping tel\"","\"shipping tel webauthn\"","\"shipping tel-area-code\"","\"shipping tel-area-code webauthn\"","\"shipping tel-country-code\"","\"shipping tel-country-code webauthn\"","\"shipping tel-extension\"","\"shipping tel-extension webauthn\"","\"shipping tel-local\"","\"shipping tel-local webauthn\"","\"shipping tel-local-prefix\"","\"shipping tel-local-prefix webauthn\"","\"shipping tel-local-suffix\"","\"shipping tel-local-suffix webauthn\"","\"shipping tel-national\"","\"shipping tel-national webauthn\"","\"shipping home email\"","\"shipping home email webauthn\"","\"shipping home tel\"","\"shipping home tel webauthn\"","\"shipping home tel-area-code\"","\"shipping home tel-area-code webauthn\"","\"shipping home tel-country-code\"","\"shipping home tel-country-code webauthn\"","\"shipping home tel-extension\"","\"shipping home tel-extension webauthn\"","\"shipping home tel-local\"","\"shipping home tel-local webauthn\"","\"shipping home tel-local-prefix\"","\"shipping home tel-local-prefix webauthn\"","\"shipping home tel-local-suffix\"","\"shipping home tel-local-suffix webauthn\"","\"shipping home tel-national\"","\"shipping home tel-national webauthn\"","\"shipping mobile email\"","\"shipping mobile email webauthn\"","\"shipping mobile tel\"","\"shipping mobile tel webauthn\"","\"shipping mobile tel-area-code\"","\"shipping mobile tel-area-code webauthn\"","\"shipping mobile tel-country-code\"","\"shipping mobile tel-country-code webauthn\"","\"shipping mobile tel-extension\"","\"shipping mobile tel-extension webauthn\"","\"shipping mobile tel-local\"","\"shipping mobile tel-local webauthn\"","\"shipping mobile tel-local-prefix\"","\"shipping mobile tel-local-prefix webauthn\"","\"shipping mobile tel-local-suffix\"","\"shipping mobile tel-local-suffix webauthn\"","\"shipping mobile tel-national\"","\"shipping mobile tel-national webauthn\"","\"shipping work email\"","\"shipping work email webauthn\"","\"shipping work tel\"","\"shipping work tel webauthn\"","\"shipping work tel-area-code\"","\"shipping work tel-area-code webauthn\"","\"shipping work tel-country-code\"","\"shipping work tel-country-code webauthn\"","\"shipping work tel-extension\"","\"shipping work tel-extension webauthn\"","\"shipping work tel-local\"","\"shipping work tel-local webauthn\"","\"shipping work tel-local-prefix\"","\"shipping work tel-local-prefix webauthn\"","\"shipping work tel-local-suffix\"","\"shipping work tel-local-suffix webauthn\"","\"shipping work tel-national\"","\"shipping work tel-national webauthn\""]},"declarations":[]},{"name":"hideButtons","global":false,"default":"false","description":"If true, the +/- button will be hidden.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"formatNumber","global":false,"description":"Controls number formatting when the input is not focused:\n- `true`: format number with default locale formatting (e.g. \"1,000\")\n- `false` or `undefined`: no formatting\n- function: custom formatter receives the numeric value and returns a string","tags":[],"required":false,"type":"boolean | ((modalValue: number) => string) | undefined","schema":{"kind":"enum","type":"boolean | ((modalValue: number) => string) | undefined","schema":["undefined","false","true",{"kind":"event","type":"(modalValue: number): string","schema":[]}]},"declarations":[]},{"name":"modelValue","global":false,"description":"Current number input","tags":[],"required":false,"type":"Nullable<number>","schema":{"kind":"enum","type":"Nullable<number>","schema":["undefined","null","number"]},"declarations":[]}],"events":[{"name":"update:modelValue","description":"Update modeValue","tags":[],"type":"[value?: Nullable<number>]","signature":"(event: \"update:modelValue\", value?: Nullable<number>): void","schema":[{"kind":"enum","type":"Nullable<number>","schema":["undefined","null","number"]}],"declarations":[]},{"name":"validityChange","description":"Emitted when the validity state of the input changes.","tags":[],"type":"[validity: ValidityState]","signature":"(event: \"validityChange\", validity: ValidityState): void","schema":["ValidityState"],"declarations":[]}],"slots":[{"name":"bottomRight","type":"any","description":"Optional slot to display content on the bottom right (e.g. a character counter).","tags":[],"schema":"any","declarations":[]},{"name":"leading","type":"any","description":"Optional slot to provide custom leading content before the actual input (e.g. an `OnyxSelect`).","tags":[],"schema":"any","declarations":[]},{"name":"leadingIcons","type":"any","description":"Optional inner icons (`OnyxIcon`) to display before the input but after the `leading` slot.\nWill be hidden when `loading` property is set.","tags":[],"schema":"any","declarations":[]},{"name":"trailingIcons","type":"any","description":"Optional inner icons to display after the input but before the `trailing` slot.","tags":[],"schema":"any","declarations":[]},{"name":"trailing","type":"any","description":"Optional slot to provide custom trailing content after the actual input (e.g. an `OnyxSelect`).","tags":[],"schema":"any","declarations":[]}],"exposed":[{"name":"input","type":"HTMLInputElement | null","description":"","tags":[],"schema":{"kind":"enum","type":"HTMLInputElement | null","schema":["null","HTMLInputElement"]},"declarations":[]}]},{"exportName":"default","displayName":"OnyxFAB","type":1,"props":[{"name":"density","global":false,"description":"Density defines the amount of vertical white space a component has and the height of the main\n(interactive) element of a component.","tags":[{"name":"default","text":"undefined By default the parents setting is used, if none is defined on any parent `default` is the default."}],"required":false,"type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":{"kind":"enum","type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":["undefined","\"compact\"","\"default\"","\"cozy\""]},"declarations":[]},{"name":"link","global":false,"description":"If set, the component will be rendered as link.","tags":[],"required":false,"type":"string | SharedLinkProps | undefined","schema":{"kind":"enum","type":"string | SharedLinkProps | undefined","schema":["undefined","string",{"kind":"object","type":"SharedLinkProps","schema":{"href":{"name":"href","global":false,"description":"The URL/link to point to. Will use the router for internal links if provided, see [our\ndocumentation](https://onyx.schwarz/development/router.html) for further details.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},"target":{"name":"target","global":false,"description":"Where to display the linked URL (same tab, new tab etc.).\nFor `_blank`, the `rel=\"noreferrer\"` will be set automatically.\nIf set to \"auto\", external links will be opened with \"_blank\" and internal ones with \"_self\".","tags":[],"required":false,"type":"\"auto\" | \"_self\" | \"_blank\" | \"_parent\" | \"_top\" | undefined","schema":{"kind":"enum","type":"\"auto\" | \"_self\" | \"_blank\" | \"_parent\" | \"_top\" | undefined","schema":["undefined","\"auto\"","\"_self\"","\"_blank\"","\"_parent\"","\"_top\""]},"declarations":[]}}}]},"declarations":[]},{"name":"label","global":false,"description":"(Aria) Label of the action button that describes the action.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},{"name":"hideLabel","global":false,"description":"If `true`, the label will be visually hidden.\nFor accessibility / screen readers, the aria-label will still be set.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"icon","global":false,"description":"Icon to show in the action button.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},{"name":"skeleton","global":false,"default":"SKELETON_INJECTED_SYMBOL","description":"Whether to show a skeleton button.","tags":[],"required":false,"type":"SkeletonInjected | undefined","schema":{"kind":"enum","type":"SkeletonInjected | undefined","schema":["undefined","number","false","true","symbol"]},"declarations":[]},{"name":"alignment","global":false,"default":"\"right\"","description":"How to align the component relative to the viewport.","tags":[],"required":false,"type":"\"left\" | \"right\" | undefined","schema":{"kind":"enum","type":"\"left\" | \"right\" | undefined","schema":["undefined","\"left\"","\"right\""]},"declarations":[]},{"name":"open","global":false,"default":"undefined","description":"Whether the element is expanded or collapsed.\nIf unset, the open state is manged internally.","tags":[],"required":false,"type":"Nullable<boolean>","schema":{"kind":"enum","type":"Nullable<boolean>","schema":["undefined","null","false","true"]},"declarations":[]}],"events":[{"name":"update:open","description":"Emitted when the isExpanded state changes.","tags":[],"type":"[value: boolean]","signature":"(event: \"update:open\", value: boolean): void","schema":[{"kind":"enum","type":"boolean","schema":["false","true"]}],"declarations":[]}],"slots":[{"name":"default","type":"any","description":"Nested options to show inside a flyout.","tags":[],"schema":"any","declarations":[]}],"exposed":[]},{"exportName":"default","displayName":"OnyxDatePickerV2","type":2,"props":[{"name":"density","global":false,"description":"Density defines the amount of vertical white space a component has and the height of the main\n(interactive) element of a component.","tags":[{"name":"default","text":"undefined By default the parents setting is used, if none is defined on any parent `default` is the default."}],"required":false,"type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":{"kind":"enum","type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":["undefined","\"compact\"","\"default\"","\"cozy\""]},"declarations":[]},{"name":"showError","global":false,"default":"FORM_INJECTED_SYMBOL","description":"Configures if and when errors are shown.\n\n- `true`: errors will be shown initially.\n- `false`: errors will never be shown. ⚠️ Only the displaying of the error is effected! An error\n  can still block submission!\n- \"touched\": only shows an error _after_ a user has significantly interacted with the input, see\n  [:user-invalid](https://drafts.csswg.org/selectors/#user-invalid-pseudo)","tags":[{"name":"default","text":"Inherits value from closest `<OnyxForm>` component or `touched` if none exists"}],"required":false,"type":"FormInjected<ShowErrorMode> | undefined","schema":{"kind":"enum","type":"FormInjected<ShowErrorMode> | undefined","schema":["undefined","false","true","symbol","\"touched\""]},"declarations":[]},{"name":"requiredMarker","global":false,"default":"FORM_INJECTED_SYMBOL","description":"How to display the required / optional marker.\n\n- Optional: will show an `(optional)` text after the label for optional form elements.\n- Required: will show an `*` indicator for required inputs after the label instead.\n\nNo marker will be visible if the label is hidden.","tags":[{"name":"default","text":"Inherits value from closest `<OnyxForm>` component or `required` if none exists"}],"required":false,"type":"FormInjected<\"required\" | \"optional\"> | undefined","schema":{"kind":"enum","type":"FormInjected<\"required\" | \"optional\"> | undefined","schema":["undefined","symbol","\"required\"","\"optional\""]},"declarations":[]},{"name":"reserveMessageSpace","global":false,"default":"FORM_INJECTED_SYMBOL","description":"Always reserves the space required to show `error` or other messages.\nSubsequently this will increase the height of the form element permanently.\nWe recommend to enable this to avoid layout shifts.","tags":[{"name":"default","text":"Inherits value from closest `<OnyxForm>` component, defaults to `false` otherwise"}],"required":false,"type":"FormInjected<boolean> | undefined","schema":{"kind":"enum","type":"FormInjected<boolean> | undefined","schema":["undefined","false","true","symbol"]},"declarations":[]},{"name":"id","global":false,"description":"The id of a labelled form-related element.\nWill be auto-generated if unset and be passed to the `default` slot.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},{"name":"label","global":false,"description":"Label to show for the element. Required due to accessibility / screen readers.\nIf you want to visually hide the label, use the `label.hidden` property.","tags":[],"required":true,"type":"string | FormElementV2LabelOptions","schema":{"kind":"enum","type":"string | FormElementV2LabelOptions","schema":["string",{"kind":"object","type":"FormElementV2LabelOptions","schema":{"label":{"name":"label","global":false,"description":"Label displayed outside of the tooltip.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},"tooltipText":{"name":"tooltipText","global":false,"description":"Actual tooltip text.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},"position":{"name":"position","global":false,"description":"How to position the label relative to the main content.","tags":[],"required":false,"type":"\"top\" | \"left\" | \"right\" | undefined","schema":{"kind":"enum","type":"\"top\" | \"left\" | \"right\" | undefined","schema":["undefined","\"top\"","\"left\"","\"right\""]},"declarations":[]},"hidden":{"name":"hidden","global":false,"description":"If `true`, the label will be visually hidden.\nFor accessibility / screen readers, the aria-label will still be set.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},"truncation":{"name":"truncation","global":false,"description":"How to truncate the label if it exceeds the max width.","tags":[],"required":false,"type":"\"ellipsis\" | \"multiline\" | undefined","schema":{"kind":"enum","type":"\"ellipsis\" | \"multiline\" | undefined","schema":["undefined","\"ellipsis\"","\"multiline\""]},"declarations":[]}}}]},"declarations":[]},{"name":"skeleton","global":false,"default":"SKELETON_INJECTED_SYMBOL","description":"Whether to show as skeleton.\nSkeleton component to display while the calendar is loading.","tags":[],"required":false,"type":"SkeletonInjected | undefined","schema":{"kind":"enum","type":"SkeletonInjected | undefined","schema":["undefined","number","false","true","symbol"]},"declarations":[]},{"name":"message","global":false,"description":"Optional message to show below the form element.","tags":[],"required":false,"type":"string | FormElementV2Tooltip | undefined","schema":{"kind":"enum","type":"string | FormElementV2Tooltip | undefined","schema":["undefined","string",{"kind":"object","type":"FormElementV2Tooltip","schema":{"label":{"name":"label","global":false,"description":"Label displayed outside of the tooltip.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},"tooltipText":{"name":"tooltipText","global":false,"description":"Actual tooltip text.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]}}}]},"declarations":[]},{"name":"error","global":false,"description":"Optional error message to show below the form element.","tags":[],"required":false,"type":"string | FormElementV2Tooltip | undefined","schema":{"kind":"enum","type":"string | FormElementV2Tooltip | undefined","schema":["undefined","string",{"kind":"object","type":"FormElementV2Tooltip","schema":{"label":{"name":"label","global":false,"description":"Label displayed outside of the tooltip.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},"tooltipText":{"name":"tooltipText","global":false,"description":"Actual tooltip text.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]}}}]},"declarations":[]},{"name":"success","global":false,"description":"Optional success message to show below the form element.","tags":[],"required":false,"type":"string | FormElementV2Tooltip | undefined","schema":{"kind":"enum","type":"string | FormElementV2Tooltip | undefined","schema":["undefined","string",{"kind":"object","type":"FormElementV2Tooltip","schema":{"label":{"name":"label","global":false,"description":"Label displayed outside of the tooltip.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},"tooltipText":{"name":"tooltipText","global":false,"description":"Actual tooltip text.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]}}}]},"declarations":[]},{"name":"required","global":false,"default":"false","description":"Whether the a value for this form element is required.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"loading","global":false,"default":"false","description":"Whether a loading indicator should be shown.\nWill hide the `leadingIcons` slot if set.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"open","global":false,"default":"undefined","description":"Whether the popover is currently open.","tags":[],"required":false,"type":"Nullable<boolean>","schema":{"kind":"enum","type":"Nullable<boolean>","schema":["undefined","null","false","true"]},"declarations":[]},{"name":"popoverOptions","global":false,"description":"Additional popover options.","tags":[],"required":false,"type":"FormElementV2PopoverOptions | undefined","schema":{"kind":"enum","type":"FormElementV2PopoverOptions | undefined","schema":["undefined",{"kind":"object","type":"FormElementV2PopoverOptions","schema":{"disabled":{"name":"disabled","global":false,"description":"Whether the popover is disabled and can not be opened.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},"position":{"name":"position","global":false,"description":"How to position the popover around the parent element.","tags":[],"required":false,"type":"\"auto\" | AnchorPosition | \"auto-inline\" | undefined","schema":{"kind":"enum","type":"\"auto\" | AnchorPosition | \"auto-inline\" | undefined","schema":["undefined","\"top\"","\"left\"","\"auto\"","\"right\"","\"bottom\"","\"top right\"","\"top left\"","\"bottom right\"","\"bottom left\"","\"auto-inline\""]},"declarations":[]},"alignment":{"name":"alignment","global":false,"description":"How to align the popover relative to the parent element (depending on the position).","tags":[],"required":false,"type":"\"auto\" | OpenAlignment | undefined","schema":{"kind":"enum","type":"\"auto\" | OpenAlignment | undefined","schema":["undefined","\"top\"","\"left\"","\"auto\"","\"right\"","\"bottom\"","\"center\""]},"declarations":[]},"fitParent":{"name":"fitParent","global":false,"description":"If `true`, the popover will match the width of the parent/slot element.","tags":[],"required":false,"type":"boolean | undefined","schema":"boolean | undefined","declarations":[]},"label":{"name":"label","global":false,"description":"Aria label for the popover.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},"description":{"name":"description","global":false,"description":"Description text that is displayed at the bottom of the popover.","tags":[],"required":false,"type":"string | undefined","schema":"string | undefined","declarations":[]}}}]},"declarations":[]},{"name":"disabled","global":false,"default":"FORM_INJECTED_SYMBOL","description":"Whether the input should be disabled and prevent the user from interacting with it.\nDisabled makes the element not mutable, focusable, or even submitted with the form.\nIt will also not be validated.","tags":[{"name":"default","text":"Inherits value from closest `<OnyxForm>` component, defaults to `false` otherwise"}],"required":false,"type":"FormInjected<boolean> | undefined","schema":{"kind":"enum","type":"FormInjected<boolean> | undefined","schema":["undefined","false","true","symbol"]},"declarations":[]},{"name":"name","global":false,"description":"Same as the native `name` attribute of `<input>`.\nUsed to reference the input in JavaScript or in submitted form data.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},{"name":"readonly","global":false,"default":"false","description":"Whether the input should be readonly.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"placeholder","global":false,"description":"Placeholder to show when the value is empty.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},{"name":"autofocus","global":false,"description":"Whether to focus the component on page load or inside a dialog/popover once it opens.\nCan only be enabled for one element inside a page/dialog/popover.\nNote: Has no effect when set after the component has been mounted.\n\n**UX / Accessibility**: autofocus should be used carefully since it can reduce usability and\naccessibility for users.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"modelValue","global":false,"default":"undefined","description":"Selected Value","tags":[],"required":false,"type":"Nullable<OnyxCalendarValueBySelection<TSelection>>","schema":{"kind":"enum","type":"Nullable<OnyxCalendarValueBySelection<TSelection>>","schema":["undefined","null","OnyxCalendarValueBySelection<TSelection>"]},"declarations":[]},{"name":"min","global":false,"description":"The earliest selectable date. Dates before this will be disabled.","tags":[],"required":false,"type":"Date | undefined","schema":{"kind":"enum","type":"Date | undefined","schema":["undefined","Date"]},"declarations":[]},{"name":"max","global":false,"description":"The latest selectable date. Dates after this will be disabled.","tags":[],"required":false,"type":"Date | undefined","schema":{"kind":"enum","type":"Date | undefined","schema":["undefined","Date"]},"declarations":[]},{"name":"weekStartDay","global":false,"default":"\"Monday\"","description":"The first day of the week displayed in the calendar.","tags":[{"name":"default","text":"Monday"}],"required":false,"type":"OnyxWeekDays | undefined","schema":{"kind":"enum","type":"OnyxWeekDays | undefined","schema":["undefined","\"Monday\"","\"Tuesday\"","\"Wednesday\"","\"Thursday\"","\"Friday\"","\"Saturday\"","\"Sunday\""]},"declarations":[]},{"name":"viewMonth","global":false,"description":"The month / year that is currently visible. If unset, it will be managed internally.\nUseful if you want to switch the view month programmatically.","tags":[{"name":"default","text":"today"}],"required":false,"type":"Nullable<string | number | Date>","schema":{"kind":"enum","type":"Nullable<string | number | Date>","schema":["undefined","null","string","number","Date"]},"declarations":[]},{"name":"selectionMode","global":false,"default":"\"single\" as TSelection","description":"Defines how dates are selected in the calendar.\nIf undefined, no selection will be possible.","tags":[],"required":false,"type":"TSelection | undefined","schema":{"kind":"enum","type":"TSelection | undefined","schema":["undefined","TSelection"]},"declarations":[]},{"name":"showCalendarWeeks","global":false,"default":"false","description":"Whether to show week numbers in the calendar.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"hideClearIcon","global":false,"description":"Whether to hide the clear icon when the input is filled and focused.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"multiView","global":false,"description":"Whether to show two calendars in range mode.","tags":[],"required":false,"type":"(boolean & (TSelection extends \"range\" ? boolean : never)) | undefined","schema":{"kind":"enum","type":"(boolean & (TSelection extends \"range\" ? boolean : never)) | undefined","schema":["undefined",{"kind":"object","type":"false & (TSelection extends \"range\" ? boolean : never)","schema":{"valueOf":{"name":"valueOf","global":false,"description":"Returns the primitive value of the specified object.","tags":[],"required":true,"type":"() => boolean","schema":"() => boolean","declarations":[]}}},{"kind":"object","type":"true & (TSelection extends \"range\" ? boolean : never)","schema":{"valueOf":{"name":"valueOf","global":false,"description":"Returns the primitive value of the specified object.","tags":[],"required":true,"type":"() => boolean","schema":"() => boolean","declarations":[]}}}]},"declarations":[]},{"name":"disabledDays","global":false,"default":"undefined","description":"Disable specific dates to select individually.","tags":[{"name":"example","text":"  `(date: Date) => date.getDay() === 0`;"}],"required":false,"type":"((date: Date) => boolean) | undefined","schema":{"kind":"enum","type":"((date: Date) => boolean) | undefined","schema":["undefined",{"kind":"event","type":"(date: Date): boolean","schema":[]}]},"declarations":[]}],"events":[{"name":"update:modelValue","description":"Emitted when the current value changes.","tags":[],"type":"[value?: OnyxCalendarValueBySelection<TSelection> | undefined]","signature":"(evt: \"update:modelValue\", value?: OnyxCalendarValueBySelection<TSelection> | undefined): void","schema":[{"kind":"enum","type":"OnyxCalendarValueBySelection<TSelection> | undefined","schema":["undefined","OnyxCalendarValueBySelection<TSelection>"]}],"declarations":[]},{"name":"update:open","description":"Emitted when the popover open state changes","tags":[],"type":"[open: boolean]","signature":"(evt: \"update:open\", open: boolean): void","schema":[{"kind":"enum","type":"boolean","schema":["false","true"]}],"declarations":[]},{"name":"update:viewMonth","description":"Emitted when the viewed Month changes","tags":[],"type":"[newDate: Date]","signature":"(evt: \"update:viewMonth\", newDate: Date): void","schema":["Date"],"declarations":[]},{"name":"validityChange","description":"Emitted when the validity state of the input changes.","tags":[],"type":"[validity: ValidityState]","signature":"(evt: \"validityChange\", validity: ValidityState): void","schema":["ValidityState"],"declarations":[]}],"slots":[{"name":"bottomRight","type":"any","description":"Optional slot to display content on the bottom right (e.g. a character counter).","tags":[],"schema":"any","declarations":[]},{"name":"leading","type":"any","description":"Optional slot to provide custom leading content before the actual input (e.g. an `OnyxSelect`).","tags":[],"schema":"any","declarations":[]},{"name":"leadingIcons","type":"any","description":"Optional inner icons (`OnyxIcon`) to display before the input but after the `leading` slot.\nWill be hidden when `loading` property is set.","tags":[],"schema":"any","declarations":[]},{"name":"trailingIcons","type":"any","description":"Optional inner icons to display after the input but before the `trailing` slot.","tags":[],"schema":"any","declarations":[]},{"name":"trailing","type":"any","description":"Optional slot to provide custom trailing content after the actual input (e.g. an `OnyxSelect`).","tags":[],"schema":"any","declarations":[]}],"exposed":[]},{"exportName":"default","displayName":"OnyxFormElement","type":2,"props":[{"name":"density","global":false,"description":"Density defines the amount of vertical white space a component has and the height of the main\n(interactive) element of a component.","tags":[{"name":"default","text":"undefined By default the parents setting is used, if none is defined on any parent `default` is the default."}],"required":false,"type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":{"kind":"enum","type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":["undefined","\"compact\"","\"default\"","\"cozy\""]},"declarations":[]},{"name":"disabled","global":false,"default":"FORM_INJECTED_SYMBOL","description":"Whether the input should be disabled and prevent the user from interacting with it.\nDisabled makes the element not mutable, focusable, or even submitted with the form.\nIt will also not be validated.","tags":[{"name":"default","text":"Inherits value from closest `<OnyxForm>` component, defaults to `false` otherwise"}],"required":false,"type":"FormInjected<boolean> | undefined","schema":{"kind":"enum","type":"FormInjected<boolean> | undefined","schema":["undefined","false","true","symbol"]},"declarations":[]},{"name":"skeleton","global":false,"description":"Whether to show a skeleton input.","tags":[],"required":false,"type":"SkeletonInjected | undefined","schema":{"kind":"enum","type":"SkeletonInjected | undefined","schema":["undefined","number","false","true","symbol"]},"declarations":[]},{"name":"required","global":false,"default":"false","description":"Whether the a value for this form element is required.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"label","global":false,"description":"Label to show above the form element. Required due to accessibility / screen readers.\nIf you want to visually hide the label, use the `hideLabel` property.\nTODO: make CustomMessageType","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},{"name":"autofocus","global":false,"description":"Whether to focus the component on page load or inside a dialog/popover once it opens.\nCan only be enabled for one element inside a page/dialog/popover.\nNote: Has no effect when set after the component has been mounted.\n\n**UX / Accessibility**: autofocus should be used carefully since it can reduce usability and\naccessibility for users.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"loading","global":false,"description":"Whether the input is loading. User interaction will be disabled.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"showError","global":false,"default":"FORM_INJECTED_SYMBOL","description":"Configures if and when errors are shown.\n\n- `true`: errors will be shown initially.\n- `false`: errors will never be shown. ⚠️ Only the displaying of the error is effected! An error\n  can still block submission!\n- \"touched\": only shows an error _after_ a user has significantly interacted with the input, see\n  [:user-invalid](https://drafts.csswg.org/selectors/#user-invalid-pseudo)","tags":[{"name":"default","text":"Inherits value from closest `<OnyxForm>` component or `touched` if none exists"}],"required":false,"type":"FormInjected<ShowErrorMode> | undefined","schema":{"kind":"enum","type":"FormInjected<ShowErrorMode> | undefined","schema":["undefined","false","true","symbol","\"touched\""]},"declarations":[]},{"name":"requiredMarker","global":false,"default":"FORM_INJECTED_SYMBOL","description":"How to display the required / optional marker.\n\n- Optional: will show an `(optional)` text after the label for optional form elements.\n- Required: will show an `*` indicator for required inputs after the label instead.\n\nNo marker will be visible if the label is hidden.","tags":[{"name":"default","text":"Inherits value from closest `<OnyxForm>` component or `required` if none exists"}],"required":false,"type":"FormInjected<\"required\" | \"optional\"> | undefined","schema":{"kind":"enum","type":"FormInjected<\"required\" | \"optional\"> | undefined","schema":["undefined","symbol","\"required\"","\"optional\""]},"declarations":[]},{"name":"reserveMessageSpace","global":false,"default":"FORM_INJECTED_SYMBOL","description":"Always reserves the space required to show `error` or other messages.\nSubsequently this will increase the height of the form element permanently.\nWe recommend to enable this to avoid layout shifts.","tags":[{"name":"default","text":"Inherits value from closest `<OnyxForm>` component, defaults to `false` otherwise"}],"required":false,"type":"FormInjected<boolean> | undefined","schema":{"kind":"enum","type":"FormInjected<boolean> | undefined","schema":["undefined","false","true","symbol"]},"declarations":[]},{"name":"id","global":false,"default":"useId()","description":"The id of a labelled form-related element.\nIf not given an id will be generated.\nThe id is passed as a `default` slot property.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},{"name":"name","global":false,"description":"Same as the native `name` attribute of `<input>`.\nUsed to reference the input in JavaScript or in submitted form data.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},{"name":"labelTooltip","global":false,"description":"Info text to show inside a tooltip, next to the label.\nThe tooltip will be hidden if `hideLabel` property is set to true.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},{"name":"hideLabel","global":false,"description":"If `true`, the label will be visually hidden and\nthe `title` attribute will be set by the form element (input/textarea/...).\nFor accessibility / screen readers, the aria-label will still be set.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"readonly","global":false,"description":"Whether the input should be readonly.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"placeholder","global":false,"description":"Placeholder to show when the value is empty.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},{"name":"maxlength","global":false,"description":"Maximum number of characters that are allowed to be entered.\nWarning: when the value is (pre)set programmatically,\nthe input invalidity will not be detected by the browser, it will only turn invalid\nas soon as a user interacts with the input (types something).","tags":[],"required":false,"type":"MaxLength | undefined","schema":{"kind":"enum","type":"MaxLength | undefined","schema":["undefined","number",{"kind":"object","type":"{ max: number; strict?: boolean | undefined; }","schema":{"max":{"name":"max","global":false,"description":"Maximum number of characters that are allowed to be entered.","tags":[],"required":true,"type":"number","schema":"number","declarations":[]},"strict":{"name":"strict","global":false,"description":"Restricts the user from typing more characters than allowed.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]}}}]},"declarations":[]},{"name":"withCounter","global":false,"description":"If `true`, a character counter will be displayed if `maxLength` is set.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"minlength","global":false,"description":"Minimum number of characters that have to to be entered.\nWarning: when the value is (pre)set programmatically,\nthe input invalidity will not be detected by the browser, it will only turn invalid\nas soon as a user interacts with the input (types something).","tags":[],"required":false,"type":"number | undefined","schema":{"kind":"enum","type":"number | undefined","schema":["undefined","number"]},"declarations":[]},{"name":"autocapitalize","global":false,"description":"If and how text should be automatically be capitalized when using non-physical keyboards\n(such as virtual keyboard on mobile devices or voice input).\n\nHas no effect when `type` is set to \"url\", \"email\" or \"password\".","tags":[{"name":"see","text":"[MDN autocapitalize](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autocapitalize)"}],"required":false,"type":"\"sentences\" | \"none\" | \"words\" | \"characters\" | undefined","schema":{"kind":"enum","type":"\"sentences\" | \"none\" | \"words\" | \"characters\" | undefined","schema":["undefined","\"sentences\"","\"none\"","\"words\"","\"characters\""]},"declarations":[]},{"name":"autocomplete","global":false,"description":"Specify how to provide automated assistance in filling out the input.\nSome autocomplete values might required specific browser permissions to be allowed by the user.\nAlso browsers might require a `name` property.","tags":[{"name":"see","text":"[MDN autocomplete](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete)"}],"required":false,"type":"Autocomplete | undefined","schema":{"kind":"enum","type":"Autocomplete | undefined","schema":["undefined","\"name\"","\"email\"","\"tel\"","\"off\"","\"on\"","\"additional-name\"","\"address-level1\"","\"address-level2\"","\"address-level3\"","\"address-level4\"","\"address-line1\"","\"address-line2\"","\"address-line3\"","\"bday-day\"","\"bday-month\"","\"bday-year\"","\"cc-csc\"","\"cc-exp\"","\"cc-exp-month\"","\"cc-exp-year\"","\"cc-family-name\"","\"cc-given-name\"","\"cc-name\"","\"cc-number\"","\"cc-type\"","\"country\"","\"country-name\"","\"current-password\"","\"family-name\"","\"given-name\"","\"honorific-prefix\"","\"honorific-suffix\"","\"new-password\"","\"one-time-code\"","\"organization\"","\"postal-code\"","\"street-address\"","\"transaction-amount\"","\"transaction-currency\"","\"username\"","\"tel-area-code\"","\"tel-country-code\"","\"tel-extension\"","\"tel-local\"","\"tel-local-prefix\"","\"tel-local-suffix\"","\"tel-national\"","\"home email\"","\"home tel\"","\"home tel-area-code\"","\"home tel-country-code\"","\"home tel-extension\"","\"home tel-local\"","\"home tel-local-prefix\"","\"home tel-local-suffix\"","\"home tel-national\"","\"mobile email\"","\"mobile tel\"","\"mobile tel-area-code\"","\"mobile tel-country-code\"","\"mobile tel-extension\"","\"mobile tel-local\"","\"mobile tel-local-prefix\"","\"mobile tel-local-suffix\"","\"mobile tel-national\"","\"work email\"","\"work tel\"","\"work tel-area-code\"","\"work tel-country-code\"","\"work tel-extension\"","\"work tel-local\"","\"work tel-local-prefix\"","\"work tel-local-suffix\"","\"work tel-national\"","\"name webauthn\"","\"additional-name webauthn\"","\"address-level1 webauthn\"","\"address-level2 webauthn\"","\"address-level3 webauthn\"","\"address-level4 webauthn\"","\"address-line1 webauthn\"","\"address-line2 webauthn\"","\"address-line3 webauthn\"","\"bday-day webauthn\"","\"bday-month webauthn\"","\"bday-year webauthn\"","\"cc-csc webauthn\"","\"cc-exp webauthn\"","\"cc-exp-month webauthn\"","\"cc-exp-year webauthn\"","\"cc-family-name webauthn\"","\"cc-given-name webauthn\"","\"cc-name webauthn\"","\"cc-number webauthn\"","\"cc-type webauthn\"","\"country webauthn\"","\"country-name webauthn\"","\"current-password webauthn\"","\"family-name webauthn\"","\"given-name webauthn\"","\"honorific-prefix webauthn\"","\"honorific-suffix webauthn\"","\"new-password webauthn\"","\"one-time-code webauthn\"","\"organization webauthn\"","\"postal-code webauthn\"","\"street-address webauthn\"","\"transaction-amount webauthn\"","\"transaction-currency webauthn\"","\"username webauthn\"","\"email webauthn\"","\"tel webauthn\"","\"tel-area-code webauthn\"","\"tel-country-code webauthn\"","\"tel-extension webauthn\"","\"tel-local webauthn\"","\"tel-local-prefix webauthn\"","\"tel-local-suffix webauthn\"","\"tel-national webauthn\"","\"home email webauthn\"","\"home tel webauthn\"","\"home tel-area-code webauthn\"","\"home tel-country-code webauthn\"","\"home tel-extension webauthn\"","\"home tel-local webauthn\"","\"home tel-local-prefix webauthn\"","\"home tel-local-suffix webauthn\"","\"home tel-national webauthn\"","\"mobile email webauthn\"","\"mobile tel webauthn\"","\"mobile tel-area-code webauthn\"","\"mobile tel-country-code webauthn\"","\"mobile tel-extension webauthn\"","\"mobile tel-local webauthn\"","\"mobile tel-local-prefix webauthn\"","\"mobile tel-local-suffix webauthn\"","\"mobile tel-national webauthn\"","\"work email webauthn\"","\"work tel webauthn\"","\"work tel-area-code webauthn\"","\"work tel-country-code webauthn\"","\"work tel-extension webauthn\"","\"work tel-local webauthn\"","\"work tel-local-prefix webauthn\"","\"work tel-local-suffix webauthn\"","\"work tel-national webauthn\"","\"billing name\"","\"billing name webauthn\"","\"billing additional-name\"","\"billing additional-name webauthn\"","\"billing address-level1\"","\"billing address-level1 webauthn\"","\"billing address-level2\"","\"billing address-level2 webauthn\"","\"billing address-level3\"","\"billing address-level3 webauthn\"","\"billing address-level4\"","\"billing address-level4 webauthn\"","\"billing address-line1\"","\"billing address-line1 webauthn\"","\"billing address-line2\"","\"billing address-line2 webauthn\"","\"billing address-line3\"","\"billing address-line3 webauthn\"","\"billing bday-day\"","\"billing bday-day webauthn\"","\"billing bday-month\"","\"billing bday-month webauthn\"","\"billing bday-year\"","\"billing bday-year webauthn\"","\"billing cc-csc\"","\"billing cc-csc webauthn\"","\"billing cc-exp\"","\"billing cc-exp webauthn\"","\"billing cc-exp-month\"","\"billing cc-exp-month webauthn\"","\"billing cc-exp-year\"","\"billing cc-exp-year webauthn\"","\"billing cc-family-name\"","\"billing cc-family-name webauthn\"","\"billing cc-given-name\"","\"billing cc-given-name webauthn\"","\"billing cc-name\"","\"billing cc-name webauthn\"","\"billing cc-number\"","\"billing cc-number webauthn\"","\"billing cc-type\"","\"billing cc-type webauthn\"","\"billing country\"","\"billing country webauthn\"","\"billing country-name\"","\"billing country-name webauthn\"","\"billing current-password\"","\"billing current-password webauthn\"","\"billing family-name\"","\"billing family-name webauthn\"","\"billing given-name\"","\"billing given-name webauthn\"","\"billing honorific-prefix\"","\"billing honorific-prefix webauthn\"","\"billing honorific-suffix\"","\"billing honorific-suffix webauthn\"","\"billing new-password\"","\"billing new-password webauthn\"","\"billing one-time-code\"","\"billing one-time-code webauthn\"","\"billing organization\"","\"billing organization webauthn\"","\"billing postal-code\"","\"billing postal-code webauthn\"","\"billing street-address\"","\"billing street-address webauthn\"","\"billing transaction-amount\"","\"billing transaction-amount webauthn\"","\"billing transaction-currency\"","\"billing transaction-currency webauthn\"","\"billing username\"","\"billing username webauthn\"","\"billing email\"","\"billing email webauthn\"","\"billing tel\"","\"billing tel webauthn\"","\"billing tel-area-code\"","\"billing tel-area-code webauthn\"","\"billing tel-country-code\"","\"billing tel-country-code webauthn\"","\"billing tel-extension\"","\"billing tel-extension webauthn\"","\"billing tel-local\"","\"billing tel-local webauthn\"","\"billing tel-local-prefix\"","\"billing tel-local-prefix webauthn\"","\"billing tel-local-suffix\"","\"billing tel-local-suffix webauthn\"","\"billing tel-national\"","\"billing tel-national webauthn\"","\"billing home email\"","\"billing home email webauthn\"","\"billing home tel\"","\"billing home tel webauthn\"","\"billing home tel-area-code\"","\"billing home tel-area-code webauthn\"","\"billing home tel-country-code\"","\"billing home tel-country-code webauthn\"","\"billing home tel-extension\"","\"billing home tel-extension webauthn\"","\"billing home tel-local\"","\"billing home tel-local webauthn\"","\"billing home tel-local-prefix\"","\"billing home tel-local-prefix webauthn\"","\"billing home tel-local-suffix\"","\"billing home tel-local-suffix webauthn\"","\"billing home tel-national\"","\"billing home tel-national webauthn\"","\"billing mobile email\"","\"billing mobile email webauthn\"","\"billing mobile tel\"","\"billing mobile tel webauthn\"","\"billing mobile tel-area-code\"","\"billing mobile tel-area-code webauthn\"","\"billing mobile tel-country-code\"","\"billing mobile tel-country-code webauthn\"","\"billing mobile tel-extension\"","\"billing mobile tel-extension webauthn\"","\"billing mobile tel-local\"","\"billing mobile tel-local webauthn\"","\"billing mobile tel-local-prefix\"","\"billing mobile tel-local-prefix webauthn\"","\"billing mobile tel-local-suffix\"","\"billing mobile tel-local-suffix webauthn\"","\"billing mobile tel-national\"","\"billing mobile tel-national webauthn\"","\"billing work email\"","\"billing work email webauthn\"","\"billing work tel\"","\"billing work tel webauthn\"","\"billing work tel-area-code\"","\"billing work tel-area-code webauthn\"","\"billing work tel-country-code\"","\"billing work tel-country-code webauthn\"","\"billing work tel-extension\"","\"billing work tel-extension webauthn\"","\"billing work tel-local\"","\"billing work tel-local webauthn\"","\"billing work tel-local-prefix\"","\"billing work tel-local-prefix webauthn\"","\"billing work tel-local-suffix\"","\"billing work tel-local-suffix webauthn\"","\"billing work tel-national\"","\"billing work tel-national webauthn\"","\"shipping name\"","\"shipping name webauthn\"","\"shipping additional-name\"","\"shipping additional-name webauthn\"","\"shipping address-level1\"","\"shipping address-level1 webauthn\"","\"shipping address-level2\"","\"shipping address-level2 webauthn\"","\"shipping address-level3\"","\"shipping address-level3 webauthn\"","\"shipping address-level4\"","\"shipping address-level4 webauthn\"","\"shipping address-line1\"","\"shipping address-line1 webauthn\"","\"shipping address-line2\"","\"shipping address-line2 webauthn\"","\"shipping address-line3\"","\"shipping address-line3 webauthn\"","\"shipping bday-day\"","\"shipping bday-day webauthn\"","\"shipping bday-month\"","\"shipping bday-month webauthn\"","\"shipping bday-year\"","\"shipping bday-year webauthn\"","\"shipping cc-csc\"","\"shipping cc-csc webauthn\"","\"shipping cc-exp\"","\"shipping cc-exp webauthn\"","\"shipping cc-exp-month\"","\"shipping cc-exp-month webauthn\"","\"shipping cc-exp-year\"","\"shipping cc-exp-year webauthn\"","\"shipping cc-family-name\"","\"shipping cc-family-name webauthn\"","\"shipping cc-given-name\"","\"shipping cc-given-name webauthn\"","\"shipping cc-name\"","\"shipping cc-name webauthn\"","\"shipping cc-number\"","\"shipping cc-number webauthn\"","\"shipping cc-type\"","\"shipping cc-type webauthn\"","\"shipping country\"","\"shipping country webauthn\"","\"shipping country-name\"","\"shipping country-name webauthn\"","\"shipping current-password\"","\"shipping current-password webauthn\"","\"shipping family-name\"","\"shipping family-name webauthn\"","\"shipping given-name\"","\"shipping given-name webauthn\"","\"shipping honorific-prefix\"","\"shipping honorific-prefix webauthn\"","\"shipping honorific-suffix\"","\"shipping honorific-suffix webauthn\"","\"shipping new-password\"","\"shipping new-password webauthn\"","\"shipping one-time-code\"","\"shipping one-time-code webauthn\"","\"shipping organization\"","\"shipping organization webauthn\"","\"shipping postal-code\"","\"shipping postal-code webauthn\"","\"shipping street-address\"","\"shipping street-address webauthn\"","\"shipping transaction-amount\"","\"shipping transaction-amount webauthn\"","\"shipping transaction-currency\"","\"shipping transaction-currency webauthn\"","\"shipping username\"","\"shipping username webauthn\"","\"shipping email\"","\"shipping email webauthn\"","\"shipping tel\"","\"shipping tel webauthn\"","\"shipping tel-area-code\"","\"shipping tel-area-code webauthn\"","\"shipping tel-country-code\"","\"shipping tel-country-code webauthn\"","\"shipping tel-extension\"","\"shipping tel-extension webauthn\"","\"shipping tel-local\"","\"shipping tel-local webauthn\"","\"shipping tel-local-prefix\"","\"shipping tel-local-prefix webauthn\"","\"shipping tel-local-suffix\"","\"shipping tel-local-suffix webauthn\"","\"shipping tel-national\"","\"shipping tel-national webauthn\"","\"shipping home email\"","\"shipping home email webauthn\"","\"shipping home tel\"","\"shipping home tel webauthn\"","\"shipping home tel-area-code\"","\"shipping home tel-area-code webauthn\"","\"shipping home tel-country-code\"","\"shipping home tel-country-code webauthn\"","\"shipping home tel-extension\"","\"shipping home tel-extension webauthn\"","\"shipping home tel-local\"","\"shipping home tel-local webauthn\"","\"shipping home tel-local-prefix\"","\"shipping home tel-local-prefix webauthn\"","\"shipping home tel-local-suffix\"","\"shipping home tel-local-suffix webauthn\"","\"shipping home tel-national\"","\"shipping home tel-national webauthn\"","\"shipping mobile email\"","\"shipping mobile email webauthn\"","\"shipping mobile tel\"","\"shipping mobile tel webauthn\"","\"shipping mobile tel-area-code\"","\"shipping mobile tel-area-code webauthn\"","\"shipping mobile tel-country-code\"","\"shipping mobile tel-country-code webauthn\"","\"shipping mobile tel-extension\"","\"shipping mobile tel-extension webauthn\"","\"shipping mobile tel-local\"","\"shipping mobile tel-local webauthn\"","\"shipping mobile tel-local-prefix\"","\"shipping mobile tel-local-prefix webauthn\"","\"shipping mobile tel-local-suffix\"","\"shipping mobile tel-local-suffix webauthn\"","\"shipping mobile tel-national\"","\"shipping mobile tel-national webauthn\"","\"shipping work email\"","\"shipping work email webauthn\"","\"shipping work tel\"","\"shipping work tel webauthn\"","\"shipping work tel-area-code\"","\"shipping work tel-area-code webauthn\"","\"shipping work tel-country-code\"","\"shipping work tel-country-code webauthn\"","\"shipping work tel-extension\"","\"shipping work tel-extension webauthn\"","\"shipping work tel-local\"","\"shipping work tel-local webauthn\"","\"shipping work tel-local-prefix\"","\"shipping work tel-local-prefix webauthn\"","\"shipping work tel-local-suffix\"","\"shipping work tel-local-suffix webauthn\"","\"shipping work tel-national\"","\"shipping work tel-national webauthn\""]},"declarations":[]},{"name":"errorMessages","global":false,"description":"","tags":[],"required":false,"type":"FormMessages | undefined","schema":{"kind":"enum","type":"FormMessages | undefined","schema":["undefined",{"kind":"object","type":"FormMessages","schema":{"shortMessage":{"name":"shortMessage","global":false,"description":"A short message preview to inform the user about the input state.\nIt's usually shown directly underneath the input field.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},"longMessage":{"name":"longMessage","global":false,"description":"An extended informative message to provide more details.\nIt's usually shown in a tooltip next to the shortMessage.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},"hidden":{"name":"hidden","global":false,"description":"Will visually hide the message.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]}}}]},"declarations":[]},{"name":"message","global":false,"description":"","tags":[],"required":false,"type":"FormMessages | undefined","schema":{"kind":"enum","type":"FormMessages | undefined","schema":["undefined",{"kind":"object","type":"FormMessages","schema":{"shortMessage":{"name":"shortMessage","global":false,"description":"A short message preview to inform the user about the input state.\nIt's usually shown directly underneath the input field.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},"longMessage":{"name":"longMessage","global":false,"description":"An extended informative message to provide more details.\nIt's usually shown in a tooltip next to the shortMessage.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},"hidden":{"name":"hidden","global":false,"description":"Will visually hide the message.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]}}}]},"declarations":[]},{"name":"successMessages","global":false,"description":"","tags":[],"required":false,"type":"FormMessages | undefined","schema":{"kind":"enum","type":"FormMessages | undefined","schema":["undefined",{"kind":"object","type":"FormMessages","schema":{"shortMessage":{"name":"shortMessage","global":false,"description":"A short message preview to inform the user about the input state.\nIt's usually shown directly underneath the input field.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},"longMessage":{"name":"longMessage","global":false,"description":"An extended informative message to provide more details.\nIt's usually shown in a tooltip next to the shortMessage.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},"hidden":{"name":"hidden","global":false,"description":"Will visually hide the message.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]}}}]},"declarations":[]},{"name":"modelValue","global":false,"description":"","tags":[],"required":false,"type":"Nullable<T>","schema":{"kind":"enum","type":"Nullable<T>","schema":["undefined","null","T"]},"declarations":[]}],"events":[{"name":"update:modelValue","description":"","tags":[],"type":"[value?: Nullable<T>]","signature":"(evt: \"update:modelValue\", value?: Nullable<T>): void","schema":[{"kind":"enum","type":"Nullable<T>","schema":["undefined","null","T"]}],"declarations":[]}],"slots":[{"name":"default","type":"{ id: string; }","description":"The place for the actual form element","tags":[],"schema":{"kind":"object","type":"{ id: string; }","schema":{"id":{"name":"id","global":false,"description":"","tags":[],"required":true,"type":"string","schema":"string","declarations":[]}}},"declarations":[]}],"exposed":[]},{"exportName":"default","displayName":"OnyxTabs","type":2,"props":[{"name":"density","global":false,"description":"Density defines the amount of vertical white space a component has and the height of the main\n(interactive) element of a component.","tags":[{"name":"default","text":"undefined By default the parents setting is used, if none is defined on any parent `default` is the default."}],"required":false,"type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":{"kind":"enum","type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":["undefined","\"compact\"","\"default\"","\"cozy\""]},"declarations":[]},{"name":"skeleton","global":false,"description":"Whether to show all supported child components as skeleton.\nCan be overridden on each child component if necessary.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"label","global":false,"description":"Label of the tabs. Needed for accessibility / screen readers.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},{"name":"modelValue","global":false,"description":"Currently selected tab (`value` property of `OnyxTab` component).","tags":[],"required":true,"type":"TValue","schema":"TValue","declarations":[]},{"name":"stretched","global":false,"description":"If `true`, the tabs will be stretched to the full available width.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"size","global":false,"default":"\"h2\"","description":"Tab font size. Note: This only affects the visual size of the tab font and has NO effect on\nthe semantic meaning. Size will be aligned with the corresponding `OnyxHeadline` size.","tags":[],"required":false,"type":"TabSize | undefined","schema":{"kind":"enum","type":"TabSize | undefined","schema":["undefined","\"h2\"","\"h3\"","\"h4\""]},"declarations":[]}],"events":[{"name":"update:modelValue","description":"Emitted when the currently active tab changes.","tags":[],"type":"[value: TValue]","signature":"(evt: \"update:modelValue\", value: TValue): void","schema":["TValue"],"declarations":[]}],"slots":[{"name":"default","type":"any","description":"Slots for tab components. Only `OnyxTab` should be used here.","tags":[],"schema":"any","declarations":[]},{"name":"actions","type":"any","description":"Optional actions to display in the top right.","tags":[],"schema":"any","declarations":[]}],"exposed":[]},{"exportName":"default","displayName":"OnyxFileCard","type":1,"props":[{"name":"density","global":false,"description":"Density defines the amount of vertical white space a component has and the height of the main\n(interactive) element of a component.","tags":[{"name":"default","text":"undefined By default the parents setting is used, if none is defined on any parent `default` is the default."}],"required":false,"type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":{"kind":"enum","type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":["undefined","\"compact\"","\"default\"","\"cozy\""]},"declarations":[]},{"name":"type","global":false,"description":"Media type of the file, e.g. \"application/pdf\".\nIf unset or an unsupported media type is provided, a default icon will be shown.","tags":[],"required":false,"type":"`text/${string}` | `image/${string}` | `audio/${string}` | `video/${string}` | `application/${string}` | `font/${string}` | `model/${string}` | undefined","schema":{"kind":"enum","type":"`text/${string}` | `image/${string}` | `audio/${string}` | `video/${string}` | `application/${string}` | `font/${string}` | `model/${string}` | undefined","schema":["undefined","`text/${string}`","`image/${string}`","`audio/${string}`","`video/${string}`","`application/${string}`","`font/${string}`","`model/${string}`"]},"declarations":[]},{"name":"filename","global":false,"description":"Name of the file.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},{"name":"size","global":false,"description":"File size. Can be a number in bytes (e.g. 1024 * 1024 * 42) or a [binary prefixed\nsize](https://en.wikipedia.org/wiki/Binary_prefix) (e.g. 42MiB). For the user, the size will\nbe displayed in decimal instead of binary notation (e.g. 42MB instead of 42MiB) since users\nare mostly non-technical and such visualization is therefore simpler to understand.","tags":[],"required":true,"type":"number | `${number}KiB` | `${number}MiB` | `${number}GiB` | `${number}TiB` | `${number}PiB` | `${number}EiB` | `${number}ZiB` | `${number}YiB` | `${number}RiB` | `${number}QiB`","schema":{"kind":"enum","type":"number | `${number}KiB` | `${number}MiB` | `${number}GiB` | `${number}TiB` | `${number}PiB` | `${number}EiB` | `${number}ZiB` | `${number}YiB` | `${number}RiB` | `${number}QiB`","schema":["number","`${number}KiB`","`${number}MiB`","`${number}GiB`","`${number}TiB`","`${number}PiB`","`${number}EiB`","`${number}ZiB`","`${number}YiB`","`${number}RiB`","`${number}QiB`"]},"declarations":[]},{"name":"link","global":false,"description":"Link to the file. If set, the filename will be rendered as link.","tags":[],"required":false,"type":"string | SharedLinkProps | undefined","schema":{"kind":"enum","type":"string | SharedLinkProps | undefined","schema":["undefined","string",{"kind":"object","type":"SharedLinkProps","schema":{"href":{"name":"href","global":false,"description":"The URL/link to point to. Will use the router for internal links if provided, see [our\ndocumentation](https://onyx.schwarz/development/router.html) for further details.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},"target":{"name":"target","global":false,"description":"Where to display the linked URL (same tab, new tab etc.).\nFor `_blank`, the `rel=\"noreferrer\"` will be set automatically.\nIf set to \"auto\", external links will be opened with \"_blank\" and internal ones with \"_self\".","tags":[],"required":false,"type":"\"auto\" | \"_self\" | \"_blank\" | \"_parent\" | \"_top\" | undefined","schema":{"kind":"enum","type":"\"auto\" | \"_self\" | \"_blank\" | \"_parent\" | \"_top\" | undefined","schema":["undefined","\"auto\"","\"_self\"","\"_blank\"","\"_parent\"","\"_top\""]},"declarations":[]}}}]},"declarations":[]},{"name":"status","global":false,"description":"Optional status text to show.","tags":[],"required":false,"type":"FileCardStatus | undefined","schema":{"kind":"enum","type":"FileCardStatus | undefined","schema":["undefined",{"kind":"object","type":"FileCardStatus","schema":{"text":{"name":"text","global":false,"description":"Status text to show.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},"color":{"name":"color","global":false,"description":"Text color.\nIf set to \"danger\", an error icon will be displayed instead of the regular file icon.","tags":[],"required":true,"type":"\"primary\" | \"neutral\" | \"danger\" | \"warning\" | \"success\" | \"info\"","schema":{"kind":"enum","type":"\"primary\" | \"neutral\" | \"danger\" | \"warning\" | \"success\" | \"info\"","schema":["\"primary\"","\"neutral\"","\"danger\"","\"warning\"","\"success\"","\"info\""]},"declarations":[]},"progress":{"name":"progress","global":false,"description":"Progress in percentage (0-100%). Displays a progress bar accordingly.","tags":[],"required":false,"type":"number | undefined","schema":{"kind":"enum","type":"number | undefined","schema":["undefined","number"]},"declarations":[]}}}]},"declarations":[]},{"name":"icon","global":false,"description":"Optional icon to show. If unset, a default icon will be shown depending on the file `type`\nproperty.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},{"name":"skeleton","global":false,"default":"SKELETON_INJECTED_SYMBOL","description":"Whether to show a skeleton card.","tags":[],"required":false,"type":"SkeletonInjected | undefined","schema":{"kind":"enum","type":"SkeletonInjected | undefined","schema":["undefined","number","false","true","symbol"]},"declarations":[]}],"events":[{"name":"validityChange","description":"Emitted when the validity state of the input changes.","tags":[],"type":"[validity: ValidityState]","signature":"(event: \"validityChange\", validity: ValidityState): void","schema":["ValidityState"],"declarations":[]}],"slots":[{"name":"actions","type":"any","description":"Optional actions to show on the right side of the card.\nRecommended to use the `OnyxIconButton` or `OnyxFlyoutMenu` component here.","tags":[],"schema":"any","declarations":[]}],"exposed":[]},{"exportName":"default","displayName":"OnyxFormElementAction","type":1,"props":[{"name":"density","global":false,"description":"Density defines the amount of vertical white space a component has and the height of the main\n(interactive) element of a component.","tags":[{"name":"default","text":"undefined By default the parents setting is used, if none is defined on any parent `default` is the default."}],"required":false,"type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":{"kind":"enum","type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":["undefined","\"compact\"","\"default\"","\"cozy\""]},"declarations":[]},{"name":"icon","global":false,"description":"Icon to display within the button.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},{"name":"label","global":false,"description":"Label describing the button action.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},{"name":"disabled","global":false,"default":"FORM_INJECTED_SYMBOL","description":"Whether the button is disabled or not.","tags":[],"required":false,"type":"FormInjected<boolean> | undefined","schema":{"kind":"enum","type":"FormInjected<boolean> | undefined","schema":["undefined","false","true","symbol"]},"declarations":[]},{"name":"type","global":false,"description":"Which type of button this action is.\nShould not be changed dynamically.","tags":[],"required":false,"type":"\"button\" | \"toggle\" | undefined","schema":{"kind":"enum","type":"\"button\" | \"toggle\" | undefined","schema":["undefined","\"button\"","\"toggle\""]},"declarations":[]},{"name":"size","global":false,"default":"\"sm\"","description":"Visual size. - default: Useful for standalone actions, e.g. inside leading/trialing slot of\nform elements - small: Useful for inline actions, e.g. inside the leadingIcons/trailingIcons\nslot of form elements (clear button etc.)","tags":[],"required":false,"type":"\"sm\" | \"lg\" | undefined","schema":{"kind":"enum","type":"\"sm\" | \"lg\" | undefined","schema":["undefined","\"sm\"","\"lg\""]},"declarations":[]},{"name":"pressed","global":false,"default":"undefined","description":"If the button is currently pressed / active.\nOnly use with `type=\"toggle\"`.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"showOnFocus","global":false,"default":"false","description":"If `true`, the button will be only be shown visually if the parent form element has focus.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"highlighted","global":false,"default":"false","description":"Whether the button is (visually) highlighted. If set to \"auto\", it is automatically highlighted\nwhen the parent form element has focus, open popover or is hovered.","tags":[],"required":false,"type":"boolean | \"auto\" | undefined","schema":{"kind":"enum","type":"boolean | \"auto\" | undefined","schema":["undefined","false","true","\"auto\""]},"declarations":[]},{"name":"open","global":false,"default":"undefined","description":"Whether the tooltip is currently open. If unset, the state will be managed internally.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]}],"events":[{"name":"update:open","description":"Emitted when the open state of the tooltip changes.","tags":[],"type":"[open: boolean]","signature":"(event: \"update:open\", open: boolean): void","schema":[{"kind":"enum","type":"boolean","schema":["false","true"]}],"declarations":[]},{"name":"update:pressed","description":"Emitted when the pressed state of the toggle button changes.","tags":[],"type":"[value: boolean]","signature":"(event: \"update:pressed\", value: boolean): void","schema":[{"kind":"enum","type":"boolean","schema":["false","true"]}],"declarations":[]}],"slots":[],"exposed":[]},{"exportName":"default","displayName":"OnyxInfoTooltip","type":1,"props":[{"name":"text","global":false,"description":"Text to display inside the tooltip.\nMust be set unless the custom \"tooltip\" slot is used.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},{"name":"density","global":false,"description":"Density defines the amount of vertical white space a component has and the height of the main\n(interactive) element of a component.","tags":[{"name":"default","text":"undefined By default the parents setting is used, if none is defined on any parent `default` is the default."}],"required":false,"type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":{"kind":"enum","type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":["undefined","\"compact\"","\"default\"","\"cozy\""]},"declarations":[]},{"name":"disabled","global":false,"description":"Whether the tooltip is disabled. If true, the tooltip will not be shown.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"open","global":false,"default":"undefined","description":"Whether the tooltip is currently open/visible. If unset, the state will be managed internally.","tags":[],"required":false,"type":"Nullable<boolean>","schema":{"kind":"enum","type":"Nullable<boolean>","schema":["undefined","null","false","true"]},"declarations":[]},{"name":"icon","global":false,"description":"Optional icon to show on the left of the text.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},{"name":"color","global":false,"default":"\"neutral\"","description":"Tooltip color.","tags":[],"required":false,"type":"\"neutral\" | \"danger\" | \"success\" | undefined","schema":{"kind":"enum","type":"\"neutral\" | \"danger\" | \"success\" | undefined","schema":["undefined","\"neutral\"","\"danger\"","\"success\""]},"declarations":[]},{"name":"position","global":false,"description":"How to position the tooltip relative to the parent element.","tags":[],"required":false,"type":"\"auto\" | AnchorPosition | undefined","schema":{"kind":"enum","type":"\"auto\" | AnchorPosition | undefined","schema":["undefined","\"top\"","\"left\"","\"auto\"","\"right\"","\"bottom\"","\"top right\"","\"top left\"","\"bottom right\"","\"bottom left\""]},"declarations":[]},{"name":"alignment","global":false,"description":"Specifies how to align the tooltip relative to the parent element.\nThis is applicable only for top and bottom positioning.","tags":[],"required":false,"type":"\"auto\" | OpenAlignment | undefined","schema":{"kind":"enum","type":"\"auto\" | OpenAlignment | undefined","schema":["undefined","\"top\"","\"left\"","\"auto\"","\"right\"","\"bottom\"","\"center\""]},"declarations":[]},{"name":"trigger","global":false,"default":"\"click\"","description":"Whether the tooltip is triggered on hover or click. Can also be an object with additional\noptions.\n\n- Hover: tooltip - describes the associated element\n- Click: toggletip - gives additional information about in the current context\n\nThe \"toggletip\" is implemented using an aria-live region.\nSee also: https://inclusive-components.design/tooltips-toggletips/","tags":[],"required":false,"type":"TooltipTrigger | undefined","schema":{"kind":"enum","type":"TooltipTrigger | undefined","schema":["undefined","\"click\"","\"hover\"",{"kind":"object","type":"{ type: \"hover\"; } & Partial<TooltipOptions>","schema":{"type":{"name":"type","global":false,"description":"","tags":[],"required":true,"type":"\"hover\"","schema":"\"hover\"","declarations":[]},"debounce":{"name":"debounce","global":false,"description":"Number of milliseconds to use as debounce when showing/hiding the tooltip.","tags":[],"required":false,"type":"MaybeRefOrGetter<number> | undefined","schema":{"kind":"enum","type":"MaybeRefOrGetter<number> | undefined","schema":["undefined","number","Ref<number, number>","ShallowRef<number, number>","WritableComputedRef<number, number>","ComputedRef<number>","() => number"]},"declarations":[]}}},{"kind":"object","type":"{ type: \"click\"; } & Partial<ToggletipOptions>","schema":{"type":{"name":"type","global":false,"description":"","tags":[],"required":true,"type":"\"click\"","schema":"\"click\"","declarations":[]},"toggleLabel":{"name":"toggleLabel","global":false,"description":"","tags":[],"required":false,"type":"MaybeRefOrGetter<string> | undefined","schema":{"kind":"enum","type":"MaybeRefOrGetter<string> | undefined","schema":["undefined","string","Ref<string, string>","ShallowRef<string, string>","WritableComputedRef<string, string>","ComputedRef<string>","() => string"]},"declarations":[]}}}]},"declarations":[]},{"name":"alignsWithEdge","global":false,"description":"Determines whether the tooltip aligns with the edge of the parent element,\ndepending on the specified alignment.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"withoutWedge","global":false,"description":"Determines whether the tooltip should be rendered without a wedge (triangle).","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]}],"events":[{"name":"update:open","description":"Emitted when the open state of the tooltip changes.","tags":[],"type":"[open: boolean]","signature":"(event: \"update:open\", open: boolean): void","schema":[{"kind":"enum","type":"boolean","schema":["false","true"]}],"declarations":[]}],"slots":[],"exposed":[]},{"exportName":"default","displayName":"OnyxTimePicker","type":2,"props":[{"name":"density","global":false,"description":"Density defines the amount of vertical white space a component has and the height of the main\n(interactive) element of a component.","tags":[{"name":"default","text":"undefined By default the parents setting is used, if none is defined on any parent `default` is the default."}],"required":false,"type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":{"kind":"enum","type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":["undefined","\"compact\"","\"default\"","\"cozy\""]},"declarations":[]},{"name":"showError","global":false,"default":"FORM_INJECTED_SYMBOL","description":"Configures if and when errors are shown.\n\n- `true`: errors will be shown initially.\n- `false`: errors will never be shown. ⚠️ Only the displaying of the error is effected! An error\n  can still block submission!\n- \"touched\": only shows an error _after_ a user has significantly interacted with the input, see\n  [:user-invalid](https://drafts.csswg.org/selectors/#user-invalid-pseudo)","tags":[{"name":"default","text":"Inherits value from closest `<OnyxForm>` component or `touched` if none exists"}],"required":false,"type":"FormInjected<ShowErrorMode> | undefined","schema":{"kind":"enum","type":"FormInjected<ShowErrorMode> | undefined","schema":["undefined","false","true","symbol","\"touched\""]},"declarations":[]},{"name":"requiredMarker","global":false,"default":"FORM_INJECTED_SYMBOL","description":"How to display the required / optional marker.\n\n- Optional: will show an `(optional)` text after the label for optional form elements.\n- Required: will show an `*` indicator for required inputs after the label instead.\n\nNo marker will be visible if the label is hidden.","tags":[{"name":"default","text":"Inherits value from closest `<OnyxForm>` component or `required` if none exists"}],"required":false,"type":"FormInjected<\"required\" | \"optional\"> | undefined","schema":{"kind":"enum","type":"FormInjected<\"required\" | \"optional\"> | undefined","schema":["undefined","symbol","\"required\"","\"optional\""]},"declarations":[]},{"name":"reserveMessageSpace","global":false,"default":"FORM_INJECTED_SYMBOL","description":"Always reserves the space required to show `error` or other messages.\nSubsequently this will increase the height of the form element permanently.\nWe recommend to enable this to avoid layout shifts.","tags":[{"name":"default","text":"Inherits value from closest `<OnyxForm>` component, defaults to `false` otherwise"}],"required":false,"type":"FormInjected<boolean> | undefined","schema":{"kind":"enum","type":"FormInjected<boolean> | undefined","schema":["undefined","false","true","symbol"]},"declarations":[]},{"name":"id","global":false,"description":"The id of a labelled form-related element.\nWill be auto-generated if unset and be passed to the `default` slot.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},{"name":"label","global":false,"description":"Label to show for the element. Required due to accessibility / screen readers.\nIf you want to visually hide the label, use the `label.hidden` property.","tags":[],"required":true,"type":"string | FormElementV2LabelOptions","schema":{"kind":"enum","type":"string | FormElementV2LabelOptions","schema":["string",{"kind":"object","type":"FormElementV2LabelOptions","schema":{"label":{"name":"label","global":false,"description":"Label displayed outside of the tooltip.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},"tooltipText":{"name":"tooltipText","global":false,"description":"Actual tooltip text.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},"position":{"name":"position","global":false,"description":"How to position the label relative to the main content.","tags":[],"required":false,"type":"\"top\" | \"left\" | \"right\" | undefined","schema":{"kind":"enum","type":"\"top\" | \"left\" | \"right\" | undefined","schema":["undefined","\"top\"","\"left\"","\"right\""]},"declarations":[]},"hidden":{"name":"hidden","global":false,"description":"If `true`, the label will be visually hidden.\nFor accessibility / screen readers, the aria-label will still be set.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},"truncation":{"name":"truncation","global":false,"description":"How to truncate the label if it exceeds the max width.","tags":[],"required":false,"type":"\"ellipsis\" | \"multiline\" | undefined","schema":{"kind":"enum","type":"\"ellipsis\" | \"multiline\" | undefined","schema":["undefined","\"ellipsis\"","\"multiline\""]},"declarations":[]}}}]},"declarations":[]},{"name":"skeleton","global":false,"default":"SKELETON_INJECTED_SYMBOL","description":"Whether to show as skeleton.","tags":[],"required":false,"type":"SkeletonInjected | undefined","schema":{"kind":"enum","type":"SkeletonInjected | undefined","schema":["undefined","number","false","true","symbol"]},"declarations":[]},{"name":"message","global":false,"description":"Optional message to show below the form element.","tags":[],"required":false,"type":"string | FormElementV2Tooltip | undefined","schema":{"kind":"enum","type":"string | FormElementV2Tooltip | undefined","schema":["undefined","string",{"kind":"object","type":"FormElementV2Tooltip","schema":{"label":{"name":"label","global":false,"description":"Label displayed outside of the tooltip.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},"tooltipText":{"name":"tooltipText","global":false,"description":"Actual tooltip text.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]}}}]},"declarations":[]},{"name":"error","global":false,"description":"Optional error message to show below the form element.","tags":[],"required":false,"type":"string | FormElementV2Tooltip | undefined","schema":{"kind":"enum","type":"string | FormElementV2Tooltip | undefined","schema":["undefined","string",{"kind":"object","type":"FormElementV2Tooltip","schema":{"label":{"name":"label","global":false,"description":"Label displayed outside of the tooltip.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},"tooltipText":{"name":"tooltipText","global":false,"description":"Actual tooltip text.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]}}}]},"declarations":[]},{"name":"success","global":false,"description":"Optional success message to show below the form element.","tags":[],"required":false,"type":"string | FormElementV2Tooltip | undefined","schema":{"kind":"enum","type":"string | FormElementV2Tooltip | undefined","schema":["undefined","string",{"kind":"object","type":"FormElementV2Tooltip","schema":{"label":{"name":"label","global":false,"description":"Label displayed outside of the tooltip.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},"tooltipText":{"name":"tooltipText","global":false,"description":"Actual tooltip text.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]}}}]},"declarations":[]},{"name":"required","global":false,"default":"false","description":"Whether the a value for this form element is required.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"loading","global":false,"description":"Whether a loading indicator should be shown.\nWill hide the `leadingIcons` slot if set.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"open","global":false,"default":"undefined","description":"Whether the popover is currently open.","tags":[],"required":false,"type":"Nullable<boolean>","schema":{"kind":"enum","type":"Nullable<boolean>","schema":["undefined","null","false","true"]},"declarations":[]},{"name":"popoverOptions","global":false,"description":"Additional popover options.","tags":[],"required":false,"type":"FormElementV2PopoverOptions | undefined","schema":{"kind":"enum","type":"FormElementV2PopoverOptions | undefined","schema":["undefined",{"kind":"object","type":"FormElementV2PopoverOptions","schema":{"disabled":{"name":"disabled","global":false,"description":"Whether the popover is disabled and can not be opened.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},"position":{"name":"position","global":false,"description":"How to position the popover around the parent element.","tags":[],"required":false,"type":"\"auto\" | AnchorPosition | \"auto-inline\" | undefined","schema":{"kind":"enum","type":"\"auto\" | AnchorPosition | \"auto-inline\" | undefined","schema":["undefined","\"top\"","\"left\"","\"auto\"","\"right\"","\"bottom\"","\"top right\"","\"top left\"","\"bottom right\"","\"bottom left\"","\"auto-inline\""]},"declarations":[]},"alignment":{"name":"alignment","global":false,"description":"How to align the popover relative to the parent element (depending on the position).","tags":[],"required":false,"type":"\"auto\" | OpenAlignment | undefined","schema":{"kind":"enum","type":"\"auto\" | OpenAlignment | undefined","schema":["undefined","\"top\"","\"left\"","\"auto\"","\"right\"","\"bottom\"","\"center\""]},"declarations":[]},"fitParent":{"name":"fitParent","global":false,"description":"If `true`, the popover will match the width of the parent/slot element.","tags":[],"required":false,"type":"boolean | undefined","schema":"boolean | undefined","declarations":[]},"label":{"name":"label","global":false,"description":"Aria label for the popover.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},"description":{"name":"description","global":false,"description":"Description text that is displayed at the bottom of the popover.","tags":[],"required":false,"type":"string | undefined","schema":"string | undefined","declarations":[]}}}]},"declarations":[]},{"name":"disabled","global":false,"default":"FORM_INJECTED_SYMBOL","description":"Whether the input should be disabled and prevent the user from interacting with it.\nDisabled makes the element not mutable, focusable, or even submitted with the form.\nIt will also not be validated.","tags":[{"name":"default","text":"Inherits value from closest `<OnyxForm>` component, defaults to `false` otherwise"}],"required":false,"type":"FormInjected<boolean> | undefined","schema":{"kind":"enum","type":"FormInjected<boolean> | undefined","schema":["undefined","false","true","symbol"]},"declarations":[]},{"name":"name","global":false,"description":"Same as the native `name` attribute of `<input>`.\nUsed to reference the input in JavaScript or in submitted form data.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},{"name":"readonly","global":false,"default":"false","description":"Whether the input should be readonly.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"hideClearIcon","global":false,"description":"Whether to hide the clear icon when the input is filled and focused.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"autofocus","global":false,"description":"Whether to focus the component on page load or inside a dialog/popover once it opens.\nCan only be enabled for one element inside a page/dialog/popover.\nNote: Has no effect when set after the component has been mounted.\n\n**UX / Accessibility**: autofocus should be used carefully since it can reduce usability and\naccessibility for users.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"type","global":false,"default":"\"default\" as TType","description":"Specifies the type of time picker input.\n- 'default': Free text input with validation.\n- 'select': Displays a dropdown list with pre-generated time options.","tags":[{"name":"default","text":"\"default\""}],"required":false,"type":"TType | undefined","schema":{"kind":"enum","type":"TType | undefined","schema":["undefined","TType"]},"declarations":[]},{"name":"options","global":false,"description":"Configuration options for the time picker's option generation.\nThis property is ONLY available when `type` is set to 'select'.","tags":[],"required":false,"type":"(TType extends \"select\" ? TimePickerSelectOptions : never) | undefined","schema":{"kind":"enum","type":"(TType extends \"select\" ? TimePickerSelectOptions : never) | undefined","schema":["undefined","TType extends \"select\" ? TimePickerSelectOptions : never"]},"declarations":[]},{"name":"modelValue","global":false,"description":"Current time value in 24-hour format (RFC 9557).\nWhile milliseconds (`.123`) and timezones (`Z`, `+01:00`) are accepted as input,\nthey are **ignored** (truncated) by the component logic and display.","tags":[{"name":"example","text":"  \"14:30\";"},{"name":"example","text":"  \"14:30:00\";"},{"name":"example","text":"  \"14:30:00.500Z\"(Treated as \"14:30:00\");"}],"required":false,"type":"(TType extends \"range\" ? TimeRange : string) | undefined","schema":{"kind":"enum","type":"(TType extends \"range\" ? TimeRange : string) | undefined","schema":["undefined","TType extends \"range\" ? TimeRange : string"]},"declarations":[]},{"name":"min","global":false,"description":"Minimum allowed time (inclusive).\nAccepts RFC 9557 formats. Milliseconds and timezones are ignored during validation.","tags":[{"name":"example","text":"  \"08:00:00\";"},{"name":"example","text":"  \"08:00:00.000Z\"(Valid, treated as \"08:00:00\");"}],"required":false,"type":"RfcTimeValue | undefined","schema":{"kind":"enum","type":"RfcTimeValue | undefined","schema":["undefined","`${number}:${number}`","`${number}:${number}:${number}`","`${number}:${number}:${number}${string}`"]},"declarations":[]},{"name":"max","global":false,"description":"Maximum allowed time (inclusive).\nAccepts RFC 9557 formats. Milliseconds and timezones are ignored during validation.","tags":[{"name":"example","text":"  \"08:00:00\";"},{"name":"example","text":"  \"08:00:00.000Z\"(Valid, treated as \"08:00:00\");"}],"required":false,"type":"RfcTimeValue | undefined","schema":{"kind":"enum","type":"RfcTimeValue | undefined","schema":["undefined","`${number}:${number}`","`${number}:${number}:${number}`","`${number}:${number}:${number}${string}`"]},"declarations":[]},{"name":"showSeconds","global":false,"default":"false","description":"Whether to show the seconds segment (:SS).\nIf true, the format is HH:MM:SS. If false, the format is HH:MM.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"showAmPm","global":false,"description":"Whether to use am/pm.\nIf set to \"auto\", the current locale will be used to determine if it is am/pm.","tags":[],"required":false,"type":"boolean | \"auto\" | undefined","schema":{"kind":"enum","type":"boolean | \"auto\" | undefined","schema":["undefined","false","true","\"auto\""]},"declarations":[]}],"events":[{"name":"update:modelValue","description":"Emitted when current value changes.","tags":[],"type":"[value?: (TType extends \"range\" ? TimeRange : string) | undefined]","signature":"(evt: \"update:modelValue\", value?: (TType extends \"range\" ? TimeRange : string) | undefined): void","schema":[{"kind":"enum","type":"(TType extends \"range\" ? TimeRange : string) | undefined","schema":["undefined","TType extends \"range\" ? TimeRange : string"]}],"declarations":[]},{"name":"update:open","description":"Emitted when the open state changes.","tags":[],"type":"[open: boolean]","signature":"(evt: \"update:open\", open: boolean): void","schema":[{"kind":"enum","type":"boolean","schema":["false","true"]}],"declarations":[]},{"name":"validityChange","description":"Emitted when the validity state of the input changes.","tags":[],"type":"[validity: ValidityState]","signature":"(evt: \"validityChange\", validity: ValidityState): void","schema":["ValidityState"],"declarations":[]}],"slots":[{"name":"bottomRight","type":"any","description":"Optional slot to display content on the bottom right (e.g. a character counter).","tags":[],"schema":"any","declarations":[]},{"name":"leading","type":"any","description":"Optional slot to provide custom leading content before the actual input (e.g. an `OnyxSelect`).","tags":[],"schema":"any","declarations":[]},{"name":"leadingIcons","type":"any","description":"Optional inner icons (`OnyxIcon`) to display before the input but after the `leading` slot.\nWill be hidden when `loading` property is set.","tags":[],"schema":"any","declarations":[]},{"name":"trailingIcons","type":"any","description":"Optional inner icons to display after the input but before the `trailing` slot.","tags":[],"schema":"any","declarations":[]},{"name":"trailing","type":"any","description":"Optional slot to provide custom trailing content after the actual input (e.g. an `OnyxSelect`).","tags":[],"schema":"any","declarations":[]}],"exposed":[]},{"exportName":"default","displayName":"OnyxTextarea","type":1,"props":[{"name":"density","global":false,"description":"Density defines the amount of vertical white space a component has and the height of the main\n(interactive) element of a component.","tags":[{"name":"default","text":"undefined By default the parents setting is used, if none is defined on any parent `default` is the default."}],"required":false,"type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":{"kind":"enum","type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":["undefined","\"compact\"","\"default\"","\"cozy\""]},"declarations":[]},{"name":"disabled","global":false,"default":"FORM_INJECTED_SYMBOL","description":"Whether the input should be disabled and prevent the user from interacting with it.\nDisabled makes the element not mutable, focusable, or even submitted with the form.\nIt will also not be validated.","tags":[{"name":"default","text":"Inherits value from closest `<OnyxForm>` component, defaults to `false` otherwise"}],"required":false,"type":"FormInjected<boolean> | undefined","schema":{"kind":"enum","type":"FormInjected<boolean> | undefined","schema":["undefined","false","true","symbol"]},"declarations":[]},{"name":"skeleton","global":false,"default":"SKELETON_INJECTED_SYMBOL","description":"Whether to show a skeleton input.","tags":[],"required":false,"type":"SkeletonInjected | undefined","schema":{"kind":"enum","type":"SkeletonInjected | undefined","schema":["undefined","number","false","true","symbol"]},"declarations":[]},{"name":"required","global":false,"default":"false","description":"Whether the a value for this form element is required.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"success","global":false,"description":"Success messages that inform about the state of form components","tags":[],"required":false,"type":"CustomMessageType | undefined","schema":{"kind":"enum","type":"CustomMessageType | undefined","schema":["undefined","string",{"kind":"object","type":"FormMessages","schema":{"shortMessage":{"name":"shortMessage","global":false,"description":"A short message preview to inform the user about the input state.\nIt's usually shown directly underneath the input field.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},"longMessage":{"name":"longMessage","global":false,"description":"An extended informative message to provide more details.\nIt's usually shown in a tooltip next to the shortMessage.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},"hidden":{"name":"hidden","global":false,"description":"Will visually hide the message.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]}}}]},"declarations":[]},{"name":"autofocus","global":false,"description":"Whether to focus the component on page load or inside a dialog/popover once it opens.\nCan only be enabled for one element inside a page/dialog/popover.\nNote: Has no effect when set after the component has been mounted.\n\n**UX / Accessibility**: autofocus should be used carefully since it can reduce usability and\naccessibility for users.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"loading","global":false,"description":"Whether the input is loading. User interaction will be disabled.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"showError","global":false,"default":"FORM_INJECTED_SYMBOL","description":"Configures if and when errors are shown.\n\n- `true`: errors will be shown initially.\n- `false`: errors will never be shown. ⚠️ Only the displaying of the error is effected! An error\n  can still block submission!\n- \"touched\": only shows an error _after_ a user has significantly interacted with the input, see\n  [:user-invalid](https://drafts.csswg.org/selectors/#user-invalid-pseudo)","tags":[{"name":"default","text":"Inherits value from closest `<OnyxForm>` component or `touched` if none exists"}],"required":false,"type":"FormInjected<ShowErrorMode> | undefined","schema":{"kind":"enum","type":"FormInjected<ShowErrorMode> | undefined","schema":["undefined","false","true","symbol","\"touched\""]},"declarations":[]},{"name":"requiredMarker","global":false,"default":"FORM_INJECTED_SYMBOL","description":"How to display the required / optional marker.\n\n- Optional: will show an `(optional)` text after the label for optional form elements.\n- Required: will show an `*` indicator for required inputs after the label instead.\n\nNo marker will be visible if the label is hidden.","tags":[{"name":"default","text":"Inherits value from closest `<OnyxForm>` component or `required` if none exists"}],"required":false,"type":"FormInjected<\"required\" | \"optional\"> | undefined","schema":{"kind":"enum","type":"FormInjected<\"required\" | \"optional\"> | undefined","schema":["undefined","symbol","\"required\"","\"optional\""]},"declarations":[]},{"name":"reserveMessageSpace","global":false,"default":"FORM_INJECTED_SYMBOL","description":"Always reserves the space required to show `error` or other messages.\nSubsequently this will increase the height of the form element permanently.\nWe recommend to enable this to avoid layout shifts.","tags":[{"name":"default","text":"Inherits value from closest `<OnyxForm>` component, defaults to `false` otherwise"}],"required":false,"type":"FormInjected<boolean> | undefined","schema":{"kind":"enum","type":"FormInjected<boolean> | undefined","schema":["undefined","false","true","symbol"]},"declarations":[]},{"name":"error","global":false,"description":"Custom error message to show. Takes precedence over intrinsic error messages.","tags":[],"required":false,"type":"CustomMessageType | undefined","schema":{"kind":"enum","type":"CustomMessageType | undefined","schema":["undefined","string",{"kind":"object","type":"FormMessages","schema":{"shortMessage":{"name":"shortMessage","global":false,"description":"A short message preview to inform the user about the input state.\nIt's usually shown directly underneath the input field.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},"longMessage":{"name":"longMessage","global":false,"description":"An extended informative message to provide more details.\nIt's usually shown in a tooltip next to the shortMessage.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},"hidden":{"name":"hidden","global":false,"description":"Will visually hide the message.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]}}}]},"declarations":[]},{"name":"id","global":false,"description":"The id of a labelled form-related element.\nIf not given an id will be generated.\nThe id is passed as a `default` slot property.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},{"name":"name","global":false,"description":"Same as the native `name` attribute of `<input>`.\nUsed to reference the input in JavaScript or in submitted form data.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},{"name":"labelTooltip","global":false,"description":"Info text to show inside a tooltip, next to the label.\nThe tooltip will be hidden if `hideLabel` property is set to true.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},{"name":"hideLabel","global":false,"description":"If `true`, the label will be visually hidden and\nthe `title` attribute will be set by the form element (input/textarea/...).\nFor accessibility / screen readers, the aria-label will still be set.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"readonly","global":false,"default":"false","description":"Whether the input should be readonly.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"message","global":false,"description":"Message / help text to display below the form element.\nWill be replaced by an error message if the form element is invalid.","tags":[],"required":false,"type":"CustomMessageType | undefined","schema":{"kind":"enum","type":"CustomMessageType | undefined","schema":["undefined","string",{"kind":"object","type":"FormMessages","schema":{"shortMessage":{"name":"shortMessage","global":false,"description":"A short message preview to inform the user about the input state.\nIt's usually shown directly underneath the input field.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},"longMessage":{"name":"longMessage","global":false,"description":"An extended informative message to provide more details.\nIt's usually shown in a tooltip next to the shortMessage.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},"hidden":{"name":"hidden","global":false,"description":"Will visually hide the message.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]}}}]},"declarations":[]},{"name":"placeholder","global":false,"description":"Placeholder to show when the value is empty.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},{"name":"modelValue","global":false,"description":"Current input value.","tags":[],"required":false,"type":"Nullable<string>","schema":{"kind":"enum","type":"Nullable<string>","schema":["undefined","null","string"]},"declarations":[]},{"name":"maxlength","global":false,"description":"Maximum number of characters that are allowed to be entered.\nWarning: when the value is (pre)set programmatically,\nthe input invalidity will not be detected by the browser, it will only turn invalid\nas soon as a user interacts with the input (types something).","tags":[],"required":false,"type":"MaxLength | undefined","schema":{"kind":"enum","type":"MaxLength | undefined","schema":["undefined","number",{"kind":"object","type":"{ max: number; strict?: boolean | undefined; }","schema":{"max":{"name":"max","global":false,"description":"Maximum number of characters that are allowed to be entered.","tags":[],"required":true,"type":"number","schema":"number","declarations":[]},"strict":{"name":"strict","global":false,"description":"Restricts the user from typing more characters than allowed.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]}}}]},"declarations":[]},{"name":"withCounter","global":false,"description":"If `true`, a character counter will be displayed if `maxLength` is set.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"minlength","global":false,"description":"Minimum number of characters that have to to be entered.\nWarning: when the value is (pre)set programmatically,\nthe input invalidity will not be detected by the browser, it will only turn invalid\nas soon as a user interacts with the input (types something).","tags":[],"required":false,"type":"number | undefined","schema":{"kind":"enum","type":"number | undefined","schema":["undefined","number"]},"declarations":[]},{"name":"autocapitalize","global":false,"default":"\"sentences\"","description":"If and how text should be automatically be capitalized when using non-physical keyboards\n(such as virtual keyboard on mobile devices or voice input).\n\nHas no effect when `type` is set to \"url\", \"email\" or \"password\".","tags":[{"name":"see","text":"[MDN autocapitalize](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autocapitalize)"}],"required":false,"type":"\"sentences\" | \"none\" | \"words\" | \"characters\" | undefined","schema":{"kind":"enum","type":"\"sentences\" | \"none\" | \"words\" | \"characters\" | undefined","schema":["undefined","\"sentences\"","\"none\"","\"words\"","\"characters\""]},"declarations":[]},{"name":"label","global":false,"description":"Label to show for the element. Required due to accessibility / screen readers.\nIf you want to visually hide the label, use the `label.hidden` property.","tags":[],"required":true,"type":"string | FormElementV2LabelOptions","schema":{"kind":"enum","type":"string | FormElementV2LabelOptions","schema":["string",{"kind":"object","type":"FormElementV2LabelOptions","schema":{"label":{"name":"label","global":false,"description":"Label displayed outside of the tooltip.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},"tooltipText":{"name":"tooltipText","global":false,"description":"Actual tooltip text.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},"position":{"name":"position","global":false,"description":"How to position the label relative to the main content.","tags":[],"required":false,"type":"\"top\" | \"left\" | \"right\" | undefined","schema":{"kind":"enum","type":"\"top\" | \"left\" | \"right\" | undefined","schema":["undefined","\"top\"","\"left\"","\"right\""]},"declarations":[]},"hidden":{"name":"hidden","global":false,"description":"If `true`, the label will be visually hidden.\nFor accessibility / screen readers, the aria-label will still be set.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},"truncation":{"name":"truncation","global":false,"description":"How to truncate the label if it exceeds the max width.","tags":[],"required":false,"type":"\"ellipsis\" | \"multiline\" | undefined","schema":{"kind":"enum","type":"\"ellipsis\" | \"multiline\" | undefined","schema":["undefined","\"ellipsis\"","\"multiline\""]},"declarations":[]}}}]},"declarations":[]},{"name":"autosize","global":false,"description":"Override the default autosize behavior (height adjusts based on the current value).\nBy default, the textarea will autosize while maintaining at least 3 and at most 10 rows.\nIf the user resizes the textarea manually, the autosize will no longer work and the height\nset by the user is used.","tags":[],"required":false,"type":"TextareaAutosize | undefined","schema":{"kind":"enum","type":"TextareaAutosize | undefined","schema":["undefined",{"kind":"object","type":"TextareaAutosize","schema":{"min":{"name":"min","global":false,"description":"Sets the min height to the given number of rows/lines.\nMust be `>= 2`. Will also be considered if the user resizes manually.","tags":[],"required":false,"type":"number | undefined","schema":{"kind":"enum","type":"number | undefined","schema":["undefined","number"]},"declarations":[]},"max":{"name":"max","global":false,"description":"Sets the max height to the given number of rows/lines.\nIf omitted, the textarea can grow unlimited.\nWill be ignored if the user resizes manually.","tags":[],"required":false,"type":"number | undefined","schema":"number | undefined","declarations":[]}}}]},"declarations":[]},{"name":"disableManualResize","global":false,"default":"false","description":"If `true`, the user will not be able to manually resize the textarea by dragging the bottom\nright corner.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]}],"events":[{"name":"update:modelValue","description":"Emitted when the input value changes.","tags":[],"type":"[value: string]","signature":"(event: \"update:modelValue\", value: string): void","schema":["string"],"declarations":[]},{"name":"validityChange","description":"Emitted when the validity state of the input changes.","tags":[],"type":"[validity: ValidityState]","signature":"(event: \"validityChange\", validity: ValidityState): void","schema":["ValidityState"],"declarations":[]}],"slots":[{"name":"leadingIcons","type":"any","description":"Optional inner icons (`OnyxIcon`) to display before the input but after the `leading` slot.\nWill be hidden when `loading` property is set.","tags":[],"schema":"any","declarations":[]}],"exposed":[{"name":"input","type":"HTMLTextAreaElement | null","description":"","tags":[],"schema":{"kind":"enum","type":"HTMLTextAreaElement | null","schema":["null","HTMLTextAreaElement"]},"declarations":[]}]},{"exportName":"default","displayName":"OnyxMiniSearch","type":1,"props":[{"name":"density","global":false,"description":"Density defines the amount of vertical white space a component has and the height of the main\n(interactive) element of a component.","tags":[{"name":"default","text":"undefined By default the parents setting is used, if none is defined on any parent `default` is the default."}],"required":false,"type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":{"kind":"enum","type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":["undefined","\"compact\"","\"default\"","\"cozy\""]},"declarations":[]},{"name":"label","global":false,"description":"(Aria) label of the input.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},{"name":"autofocus","global":false,"description":"","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"modelValue","global":false,"description":"Current search input.","tags":[],"required":false,"type":"Nullable<string>","schema":{"kind":"enum","type":"Nullable<string>","schema":["undefined","null","string"]},"declarations":[]}],"events":[{"name":"update:modelValue","description":"Updates the current value","tags":[],"type":"[value: string]","signature":"(event: \"update:modelValue\", value: string): void","schema":["string"],"declarations":[]},{"name":"clear","description":"Emitted when the clear button is clicked.","tags":[],"type":"[]","signature":"(event: \"clear\"): void","schema":[],"declarations":[]}],"slots":[],"exposed":[{"name":"focus","type":"() => void | undefined","description":"Focuses the input.","tags":[],"schema":{"kind":"event","type":"(): void | undefined"},"declarations":[]}]},{"exportName":"default","displayName":"OnyxFileUpload","type":2,"props":[{"name":"density","global":false,"description":"Density defines the amount of vertical white space a component has and the height of the main\n(interactive) element of a component.","tags":[{"name":"default","text":"undefined By default the parents setting is used, if none is defined on any parent `default` is the default."}],"required":false,"type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":{"kind":"enum","type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":["undefined","\"compact\"","\"default\"","\"cozy\""]},"declarations":[]},{"name":"disabled","global":false,"default":"FORM_INJECTED_SYMBOL","description":"Whether the input should be disabled and prevent the user from interacting with it.\nDisabled makes the element not mutable, focusable, or even submitted with the form.\nIt will also not be validated.","tags":[{"name":"default","text":"Inherits value from closest `<OnyxForm>` component, defaults to `false` otherwise"}],"required":false,"type":"FormInjected<boolean> | undefined","schema":{"kind":"enum","type":"FormInjected<boolean> | undefined","schema":["undefined","false","true","symbol"]},"declarations":[]},{"name":"name","global":false,"description":"Same as the native `name` attribute of `<input>`.\nUsed to reference the input in JavaScript or in submitted form data.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},{"name":"skeleton","global":false,"default":"SKELETON_INJECTED_SYMBOL","description":"Whether to show as skeleton.","tags":[],"required":false,"type":"SkeletonInjected | undefined","schema":{"kind":"enum","type":"SkeletonInjected | undefined","schema":["undefined","number","false","true","symbol"]},"declarations":[]},{"name":"required","global":false,"description":"Whether the a value for this form element is required.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"label","global":false,"description":"Label to show for the element. Required due to accessibility / screen readers.\nIf you want to visually hide the label, use the `label.hidden` property.","tags":[],"required":false,"type":"string | FormElementV2LabelOptions | undefined","schema":{"kind":"enum","type":"string | FormElementV2LabelOptions | undefined","schema":["undefined","string",{"kind":"object","type":"FormElementV2LabelOptions","schema":{"label":{"name":"label","global":false,"description":"Label displayed outside of the tooltip.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},"tooltipText":{"name":"tooltipText","global":false,"description":"Actual tooltip text.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},"position":{"name":"position","global":false,"description":"How to position the label relative to the main content.","tags":[],"required":false,"type":"\"top\" | \"left\" | \"right\" | undefined","schema":{"kind":"enum","type":"\"top\" | \"left\" | \"right\" | undefined","schema":["undefined","\"top\"","\"left\"","\"right\""]},"declarations":[]},"hidden":{"name":"hidden","global":false,"description":"If `true`, the label will be visually hidden.\nFor accessibility / screen readers, the aria-label will still be set.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},"truncation":{"name":"truncation","global":false,"description":"How to truncate the label if it exceeds the max width.","tags":[],"required":false,"type":"\"ellipsis\" | \"multiline\" | undefined","schema":{"kind":"enum","type":"\"ellipsis\" | \"multiline\" | undefined","schema":["undefined","\"ellipsis\"","\"multiline\""]},"declarations":[]}}}]},"declarations":[]},{"name":"success","global":false,"description":"Optional success message to show below the form element.","tags":[],"required":false,"type":"string | FormElementV2Tooltip | undefined","schema":{"kind":"enum","type":"string | FormElementV2Tooltip | undefined","schema":["undefined","string",{"kind":"object","type":"FormElementV2Tooltip","schema":{"label":{"name":"label","global":false,"description":"Label displayed outside of the tooltip.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},"tooltipText":{"name":"tooltipText","global":false,"description":"Actual tooltip text.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]}}}]},"declarations":[]},{"name":"showError","global":false,"default":"FORM_INJECTED_SYMBOL","description":"Configures if and when errors are shown.\n\n- `true`: errors will be shown initially.\n- `false`: errors will never be shown. ⚠️ Only the displaying of the error is effected! An error\n  can still block submission!\n- \"touched\": only shows an error _after_ a user has significantly interacted with the input, see\n  [:user-invalid](https://drafts.csswg.org/selectors/#user-invalid-pseudo)","tags":[{"name":"default","text":"Inherits value from closest `<OnyxForm>` component or `touched` if none exists"}],"required":false,"type":"FormInjected<ShowErrorMode> | undefined","schema":{"kind":"enum","type":"FormInjected<ShowErrorMode> | undefined","schema":["undefined","false","true","symbol","\"touched\""]},"declarations":[]},{"name":"requiredMarker","global":false,"default":"FORM_INJECTED_SYMBOL","description":"How to display the required / optional marker.\n\n- Optional: will show an `(optional)` text after the label for optional form elements.\n- Required: will show an `*` indicator for required inputs after the label instead.\n\nNo marker will be visible if the label is hidden.","tags":[{"name":"default","text":"Inherits value from closest `<OnyxForm>` component or `required` if none exists"}],"required":false,"type":"FormInjected<\"required\" | \"optional\"> | undefined","schema":{"kind":"enum","type":"FormInjected<\"required\" | \"optional\"> | undefined","schema":["undefined","symbol","\"required\"","\"optional\""]},"declarations":[]},{"name":"reserveMessageSpace","global":false,"default":"FORM_INJECTED_SYMBOL","description":"Always reserves the space required to show `error` or other messages.\nSubsequently this will increase the height of the form element permanently.\nWe recommend to enable this to avoid layout shifts.","tags":[{"name":"default","text":"Inherits value from closest `<OnyxForm>` component, defaults to `false` otherwise"}],"required":false,"type":"FormInjected<boolean> | undefined","schema":{"kind":"enum","type":"FormInjected<boolean> | undefined","schema":["undefined","false","true","symbol"]},"declarations":[]},{"name":"error","global":false,"description":"Optional error message to show below the form element.","tags":[],"required":false,"type":"string | FormElementV2Tooltip | undefined","schema":{"kind":"enum","type":"string | FormElementV2Tooltip | undefined","schema":["undefined","string",{"kind":"object","type":"FormElementV2Tooltip","schema":{"label":{"name":"label","global":false,"description":"Label displayed outside of the tooltip.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},"tooltipText":{"name":"tooltipText","global":false,"description":"Actual tooltip text.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]}}}]},"declarations":[]},{"name":"message","global":false,"description":"Optional message to show below the form element.","tags":[],"required":false,"type":"string | FormElementV2Tooltip | undefined","schema":{"kind":"enum","type":"string | FormElementV2Tooltip | undefined","schema":["undefined","string",{"kind":"object","type":"FormElementV2Tooltip","schema":{"label":{"name":"label","global":false,"description":"Label displayed outside of the tooltip.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},"tooltipText":{"name":"tooltipText","global":false,"description":"Actual tooltip text.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]}}}]},"declarations":[]},{"name":"modelValue","global":false,"description":"Currently selected file(s).\nIf `multiple` property is enabled, this value is an array, otherwise a single file.","tags":[],"required":false,"type":"(TMultiple extends true ? File[] : Nullable<File>) | undefined","schema":{"kind":"enum","type":"(TMultiple extends true ? File[] : Nullable<File>) | undefined","schema":["undefined","TMultiple extends true ? File[] : Nullable<File>"]},"declarations":[]},{"name":"multiple","global":false,"description":"Whether multiple files can be selected.\nIf `true`, the `modelValue` property will be an array, otherwise a single value.","tags":[],"required":false,"type":"TMultiple | undefined","schema":{"kind":"enum","type":"TMultiple | undefined","schema":["undefined","TMultiple"]},"declarations":[]},{"name":"accept","global":false,"default":"[]","description":"File types to accept/allow for the upload.\nIf undefined or an empty array, all types will be allowed.\n\nFor a full list of media types, see the [official\ndocs](https://www.iana.org/assignments/media-types/media-types.xhtml).","tags":[{"name":"see","text":" : https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input/file#unique_file_type_specifiers"}],"required":false,"type":"FileType[] | undefined","schema":{"kind":"enum","type":"FileType[] | undefined","schema":["undefined","FileType[]"]},"declarations":[]},{"name":"maxSize","global":false,"description":"Max. allowed file size per file. Can be a number in bytes (e.g. 1024 * 1024 * 42) or a\n[binary prefixed size](https://en.wikipedia.org/wiki/Binary_prefix) (e.g. 42MiB). For the\nuser, the size will be displayed in decimal instead of binary notation (e.g. 42MB instead of\n42MiB) since users are mostly non-technical and such visualization is therefore simpler to\nunderstand.\n\nTo limit the total size when `multiple` is enabled, you can use the `maxTotalSize` property.","tags":[],"required":false,"type":"number | `${number}KiB` | `${number}MiB` | `${number}GiB` | `${number}TiB` | `${number}PiB` | `${number}EiB` | `${number}ZiB` | `${number}YiB` | `${number}RiB` | `${number}QiB` | undefined","schema":{"kind":"enum","type":"number | `${number}KiB` | `${number}MiB` | `${number}GiB` | `${number}TiB` | `${number}PiB` | `${number}EiB` | `${number}ZiB` | `${number}YiB` | `${number}RiB` | `${number}QiB` | undefined","schema":["undefined","number","`${number}KiB`","`${number}MiB`","`${number}GiB`","`${number}TiB`","`${number}PiB`","`${number}EiB`","`${number}ZiB`","`${number}YiB`","`${number}RiB`","`${number}QiB`"]},"declarations":[]},{"name":"maxTotalSize","global":false,"description":"Max. allowed total file size for all files when `multiple` is enabled. Can be a number in\nbytes (e.g. 1024 * 1024 * 42) or a [binary prefixed\nsize](https://en.wikipedia.org/wiki/Binary_prefix) (e.g. 42MiB). For the user, the size will\nbe displayed in decimal instead of binary notation (e.g. 42MB instead of 42MiB) since users\nare mostly non-technical and such visualization is therefore simpler to understand.\n\nTo limit the size per-file, you can use the `maxSize` property.","tags":[],"required":false,"type":"(TMultiple extends true ? number | `${number}KiB` | `${number}MiB` | `${number}GiB` | `${number}TiB` | `${number}PiB` | `${number}EiB` | `${number}ZiB` | `${number}YiB` | `${number}RiB` | `${number}QiB` : never) | undefined","schema":{"kind":"enum","type":"(TMultiple extends true ? number | `${number}KiB` | `${number}MiB` | `${number}GiB` | `${number}TiB` | `${number}PiB` | `${number}EiB` | `${number}ZiB` | `${number}YiB` | `${number}RiB` | `${number}QiB` : never) | undefined","schema":["undefined","TMultiple extends true ? number | `${number}KiB` | `${number}MiB` | `${number}GiB` | `${number}TiB` | `${number}PiB` | `${number}EiB` | `${number}ZiB` | `${number}YiB` | `${number}RiB` | `${number}QiB` : never"]},"declarations":[]},{"name":"maxCount","global":false,"description":"Max. file count that can be selected if `multiple` is enabled.","tags":[],"required":false,"type":"(TMultiple extends true ? number : never) | undefined","schema":{"kind":"enum","type":"(TMultiple extends true ? number : never) | undefined","schema":["undefined","TMultiple extends true ? number : never"]},"declarations":[]},{"name":"replace","global":false,"description":"Whether to replace all existing files when `multiple` is enabled.\nBy default, newly selected files will be added to the current selection.","tags":[],"required":false,"type":"(boolean & (TMultiple extends true ? boolean : never)) | undefined","schema":{"kind":"enum","type":"(boolean & (TMultiple extends true ? boolean : never)) | undefined","schema":["undefined",{"kind":"object","type":"false & (TMultiple extends true ? boolean : never)","schema":{"valueOf":{"name":"valueOf","global":false,"description":"Returns the primitive value of the specified object.","tags":[],"required":true,"type":"() => boolean","schema":"() => boolean","declarations":[]}}},{"kind":"object","type":"true & (TMultiple extends true ? boolean : never)","schema":{"valueOf":{"name":"valueOf","global":false,"description":"Returns the primitive value of the specified object.","tags":[],"required":true,"type":"() => boolean","schema":"() => boolean","declarations":[]}}}]},"declarations":[]},{"name":"size","global":false,"default":"\"large\"","description":"The size of the upload container","tags":[{"name":"default","text":"large"}],"required":false,"type":"FileUploadSize | undefined","schema":{"kind":"enum","type":"FileUploadSize | undefined","schema":["undefined","\"small\"","\"medium\"","\"large\""]},"declarations":[]},{"name":"listType","global":false,"default":"\"list\"","description":"How to display the selected files. - list: Shows a list of all files (no height limit) -\nmaxHeight: Shows a list of files with a max height that when exceeding, the list becomes\nscrollable By default the max height is set to 3 files but can be customized by setting the\n`--onyx-file-upload-max-files` CSS variable to the desired number of visible items. Note: The\nlist will always display half of the next invisible file to visually indicate that there are\nmore files available. - button: Shows a show/hide all files button. By default all files are\nvisible (same behavior as \"list\" type). - hidden: Hides the list completely. Useful when\nimplementing a custom solution.","tags":[{"name":"default","text":"list"}],"required":false,"type":"FileUploadListType | undefined","schema":{"kind":"enum","type":"FileUploadListType | undefined","schema":["undefined","\"button\"","\"hidden\"","\"list\"","\"maxHeight\""]},"declarations":[]}],"events":[{"name":"update:modelValue","description":"Emitted when the file input changes","tags":[],"type":"[value: TModelValue]","signature":"(evt: \"update:modelValue\", value: TModelValue): void","schema":["TModelValue"],"declarations":[]},{"name":"validityChange","description":"Emitted when the validity state of the file input changes.","tags":[],"type":"[validity: ValidityState]","signature":"(evt: \"validityChange\", validity: ValidityState): void","schema":["ValidityState"],"declarations":[]}],"slots":[{"name":"default","type":"{ file: File; props: OnyxFileCardProps; }","description":"Optional slot to override the displayed file card for each file.","tags":[{"name":"param","text":"file The current file being rendered"},{"name":"param","text":"props File card props that would originally be passed to the OnyxFileCard if this slot\nwould not be used"}],"schema":{"kind":"object","type":"{ file: File; props: OnyxFileCardProps; }","schema":{"file":{"name":"file","global":false,"description":"","tags":[],"required":true,"type":"File","schema":"File","declarations":[]},"props":{"name":"props","global":false,"description":"","tags":[],"required":true,"type":"OnyxFileCardProps","schema":{"kind":"object","type":"OnyxFileCardProps","schema":{"density":{"name":"density","global":false,"description":"Density defines the amount of vertical white space a component has and the height of the main\n(interactive) element of a component.","tags":[{"name":"default","text":"undefined By default the parents setting is used, if none is defined on any parent `default` is the default."}],"required":false,"type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":{"kind":"enum","type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":["undefined","\"compact\"","\"default\"","\"cozy\""]},"declarations":[]},"type":{"name":"type","global":false,"description":"Media type of the file, e.g. \"application/pdf\".\nIf unset or an unsupported media type is provided, a default icon will be shown.","tags":[],"required":false,"type":"`text/${string}` | `image/${string}` | `audio/${string}` | `video/${string}` | `application/${string}` | `font/${string}` | `model/${string}` | undefined","schema":{"kind":"enum","type":"`text/${string}` | `image/${string}` | `audio/${string}` | `video/${string}` | `application/${string}` | `font/${string}` | `model/${string}` | undefined","schema":["undefined","`text/${string}`","`image/${string}`","`audio/${string}`","`video/${string}`","`application/${string}`","`font/${string}`","`model/${string}`"]},"declarations":[]},"filename":{"name":"filename","global":false,"description":"Name of the file.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},"size":{"name":"size","global":false,"description":"File size. Can be a number in bytes (e.g. 1024 * 1024 * 42) or a [binary prefixed\nsize](https://en.wikipedia.org/wiki/Binary_prefix) (e.g. 42MiB). For the user, the size will\nbe displayed in decimal instead of binary notation (e.g. 42MB instead of 42MiB) since users\nare mostly non-technical and such visualization is therefore simpler to understand.","tags":[],"required":true,"type":"number | `${number}KiB` | `${number}MiB` | `${number}GiB` | `${number}TiB` | `${number}PiB` | `${number}EiB` | `${number}ZiB` | `${number}YiB` | `${number}RiB` | `${number}QiB`","schema":{"kind":"enum","type":"number | `${number}KiB` | `${number}MiB` | `${number}GiB` | `${number}TiB` | `${number}PiB` | `${number}EiB` | `${number}ZiB` | `${number}YiB` | `${number}RiB` | `${number}QiB`","schema":["number","`${number}KiB`","`${number}MiB`","`${number}GiB`","`${number}TiB`","`${number}PiB`","`${number}EiB`","`${number}ZiB`","`${number}YiB`","`${number}RiB`","`${number}QiB`"]},"declarations":[]},"link":{"name":"link","global":false,"description":"Link to the file. If set, the filename will be rendered as link.","tags":[],"required":false,"type":"string | SharedLinkProps | undefined","schema":{"kind":"enum","type":"string | SharedLinkProps | undefined","schema":["undefined","string",{"kind":"object","type":"SharedLinkProps","schema":{"href":{"name":"href","global":false,"description":"The URL/link to point to. Will use the router for internal links if provided, see [our\ndocumentation](https://onyx.schwarz/development/router.html) for further details.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},"target":{"name":"target","global":false,"description":"Where to display the linked URL (same tab, new tab etc.).\nFor `_blank`, the `rel=\"noreferrer\"` will be set automatically.\nIf set to \"auto\", external links will be opened with \"_blank\" and internal ones with \"_self\".","tags":[],"required":false,"type":"\"auto\" | \"_self\" | \"_blank\" | \"_parent\" | \"_top\" | undefined","schema":{"kind":"enum","type":"\"auto\" | \"_self\" | \"_blank\" | \"_parent\" | \"_top\" | undefined","schema":["undefined","\"auto\"","\"_self\"","\"_blank\"","\"_parent\"","\"_top\""]},"declarations":[]}}}]},"declarations":[]},"status":{"name":"status","global":false,"description":"Optional status text to show.","tags":[],"required":false,"type":"FileCardStatus | undefined","schema":{"kind":"enum","type":"FileCardStatus | undefined","schema":["undefined",{"kind":"object","type":"FileCardStatus","schema":{"text":{"name":"text","global":false,"description":"Status text to show.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},"color":{"name":"color","global":false,"description":"Text color.\nIf set to \"danger\", an error icon will be displayed instead of the regular file icon.","tags":[],"required":true,"type":"\"primary\" | \"neutral\" | \"danger\" | \"warning\" | \"success\" | \"info\"","schema":{"kind":"enum","type":"\"primary\" | \"neutral\" | \"danger\" | \"warning\" | \"success\" | \"info\"","schema":["\"primary\"","\"neutral\"","\"danger\"","\"warning\"","\"success\"","\"info\""]},"declarations":[]},"progress":{"name":"progress","global":false,"description":"Progress in percentage (0-100%). Displays a progress bar accordingly.","tags":[],"required":false,"type":"number | undefined","schema":{"kind":"enum","type":"number | undefined","schema":["undefined","number"]},"declarations":[]}}}]},"declarations":[]},"icon":{"name":"icon","global":false,"description":"Optional icon to show. If unset, a default icon will be shown depending on the file `type`\nproperty.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},"skeleton":{"name":"skeleton","global":false,"description":"Whether to show a skeleton card.","tags":[],"required":false,"type":"SkeletonInjected | undefined","schema":{"kind":"enum","type":"SkeletonInjected | undefined","schema":["undefined","number","false","true","symbol"]},"declarations":[]}}},"declarations":[]}}},"declarations":[]}],"exposed":[]},{"exportName":"default","displayName":"OnyxMoreList","type":1,"props":[{"name":"injectionKey","global":false,"description":"Injection key to use. Must match the one used in the child components.\nWill not be reactive so it must not be changed.","tags":[],"required":true,"type":"MoreListInjectionKey","schema":{"kind":"object","type":"MoreListInjectionKey","schema":{"toString":{"name":"toString","global":false,"description":"Returns a string representation of an object.","tags":[],"required":true,"type":"() => string","schema":"() => string","declarations":[]},"valueOf":{"name":"valueOf","global":false,"description":"Returns the primitive value of the specified object.","tags":[],"required":true,"type":"() => symbol","schema":"() => symbol","declarations":[]},"description":{"name":"description","global":false,"description":"Expose the [[Description]] internal slot of a symbol directly.","tags":[],"required":true,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},"__@toPrimitive@57353":{"name":"__@toPrimitive@57353","global":false,"description":"Converts a Symbol object to a symbol.","tags":[],"required":true,"type":"(hint: string) => symbol","schema":"(hint: string) => symbol","declarations":[]},"__@toStringTag@56933":{"name":"__@toStringTag@56933","global":false,"description":"","tags":[],"required":true,"type":"string","schema":"string","declarations":[]}}},"declarations":[]},{"name":"is","global":false,"default":"\"div\"","description":"What the component should render as. Defaults to `div`.","tags":[],"required":false,"type":"string | Component | undefined","schema":{"kind":"enum","type":"string | Component | undefined","schema":["undefined","string","ComponentOptions<any, any, any, ComputedOptions, MethodOptions, any, any, any, string, {}, {}, string, {}, {}, {}, string, ComponentProvideOptions>","FunctionalComponent<any, {}, any, {}>","ComponentPublicInstanceConstructor<any, any, any, any, ComputedOptions, MethodOptions>"]},"declarations":[]},{"name":"direction","global":false,"default":"\"rtl\"","description":"From which direction the more list items should be collapsed. Defaults to `rtl`.","tags":[],"required":false,"type":"\"rtl\" | \"ltr\" | \"ttb\" | \"btt\" | undefined","schema":{"kind":"enum","type":"\"rtl\" | \"ltr\" | \"ttb\" | \"btt\" | undefined","schema":["undefined","\"rtl\"","\"ltr\"","\"ttb\"","\"btt\""]},"declarations":[]}],"events":[{"name":"visibilityChange","description":"Emitted when the number of visible elements changes.","tags":[],"type":"[MoreListSlotBindings]","signature":"(event: \"visibilityChange\", args_0: MoreListSlotBindings): void","schema":[{"kind":"object","type":"MoreListSlotBindings","schema":{"visibleElements":{"name":"visibleElements","global":false,"description":"Number of currently fully visible elements.","tags":[],"required":false,"type":"number | undefined","schema":{"kind":"enum","type":"number | undefined","schema":["undefined","number"]},"declarations":[]},"hiddenElements":{"name":"hiddenElements","global":false,"description":"Number of currently completely or partially hidden elements.","tags":[],"required":false,"type":"number | undefined","schema":"number | undefined","declarations":[]}}}],"declarations":[]}],"slots":[{"name":"default","type":"{ attributes: object; }","description":"List of components to render. Each child must implement the `useMoreListChild()` composable.","tags":[],"schema":{"kind":"object","type":"{ attributes: object; }","schema":{"attributes":{"name":"attributes","global":false,"description":"","tags":[],"required":true,"type":"object","schema":"object","declarations":[]}}},"declarations":[]},{"name":"more","type":"MoreListSlotBindings & { attributes: object; }","description":"Slot to display at the end if not all default slot elements fit in the available width.","tags":[],"schema":{"kind":"object","type":"MoreListSlotBindings & { attributes: object; }","schema":{"visibleElements":{"name":"visibleElements","global":false,"description":"Number of currently fully visible elements.","tags":[],"required":false,"type":"number | undefined","schema":{"kind":"enum","type":"number | undefined","schema":["undefined","number"]},"declarations":[]},"hiddenElements":{"name":"hiddenElements","global":false,"description":"Number of currently completely or partially hidden elements.","tags":[],"required":false,"type":"number | undefined","schema":"number | undefined","declarations":[]},"attributes":{"name":"attributes","global":false,"description":"","tags":[],"required":true,"type":"object","schema":"object","declarations":[]}}},"declarations":[]}],"exposed":[]},{"exportName":"default","displayName":"OnyxFilterTag","type":1,"props":[{"name":"density","global":false,"description":"Density defines the amount of vertical white space a component has and the height of the main\n(interactive) element of a component.","tags":[{"name":"default","text":"undefined By default the parents setting is used, if none is defined on any parent `default` is the default."}],"required":false,"type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":{"kind":"enum","type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":["undefined","\"compact\"","\"default\"","\"cozy\""]},"declarations":[]},{"name":"skeleton","global":false,"default":"SKELETON_INJECTED_SYMBOL","description":"Whether to show a skeleton tag.","tags":[],"required":false,"type":"SkeletonInjected | undefined","schema":{"kind":"enum","type":"SkeletonInjected | undefined","schema":["undefined","number","false","true","symbol"]},"declarations":[]},{"name":"label","global":false,"description":"The text content of the tag.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},{"name":"icon","global":false,"description":"An icon which will be displayed on the left side of the label.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},{"name":"active","global":false,"default":"undefined","description":"If `true` the filter is selected, shows an 'x' icon and can be removed on click.","tags":[],"required":false,"type":"Nullable<boolean>","schema":{"kind":"enum","type":"Nullable<boolean>","schema":["undefined","null","false","true"]},"declarations":[]}],"events":[{"name":"update:active","description":"Emitted when the active state changes.","tags":[],"type":"[value: boolean]","signature":"(event: \"update:active\", value: boolean): void","schema":[{"kind":"enum","type":"boolean","schema":["false","true"]}],"declarations":[]}],"slots":[],"exposed":[]},{"exportName":"default","displayName":"OnyxModal","type":1,"props":[{"name":"density","global":false,"description":"Density defines the amount of vertical white space a component has and the height of the main\n(interactive) element of a component.","tags":[{"name":"default","text":"undefined By default the parents setting is used, if none is defined on any parent `default` is the default."}],"required":false,"type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":{"kind":"enum","type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":["undefined","\"compact\"","\"default\"","\"cozy\""]},"declarations":[]},{"name":"nonDismissible","global":false,"description":"Whether to prevent closing the dialog when clicking outside or pressing the `Escape` key.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"label","global":false,"description":"(Aria) label that describes the dialog. Required for accessibility / screen readers.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},{"name":"open","global":false,"description":"Whether the dialog is open.","tags":[],"required":false,"type":"Nullable<boolean>","schema":{"kind":"enum","type":"Nullable<boolean>","schema":["undefined","null","false","true"]},"declarations":[]},{"name":"alert","global":false,"description":"Whether the dialog is an [alert dialog](https://www.w3.org/WAI/ARIA/apg/patterns/alertdialog/).\nShould be set for better accessibility / screen reader support when the dialog\ninterrupts the user's workflow to communicate an important message and acquire a response,\ne.g. a delete confirmation.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"backdrop","global":false,"description":"The intensity of the backdrop.","tags":[{"name":"default","text":"\"soft\""}],"required":false,"type":"\"soft\" | \"medium\" | undefined","schema":{"kind":"enum","type":"\"soft\" | \"medium\" | undefined","schema":["undefined","\"soft\"","\"medium\""]},"declarations":[]}],"events":[{"name":"update:open","description":"Emitted when the modal dialog should be closed.\nOpening is always controlled via the `open` prop.","tags":[],"type":"[open: boolean]","signature":"(event: \"update:open\", open: boolean): void","schema":[{"kind":"enum","type":"boolean","schema":["false","true"]}],"declarations":[]}],"slots":[{"name":"default","type":"any","description":"Dialog content.","tags":[],"schema":"any","declarations":[]},{"name":"headline","type":"Pick<OnyxModalProps, \"label\">","description":"Optional slot to override the headline with custom content.\nIf unset, the `label` property will be shown.","tags":[],"schema":"Pick<OnyxModalProps, \"label\">","declarations":[]},{"name":"description","type":"any","description":"Optional slot to add custom content, e.g. a description to the dialog header (below the\nheadline).","tags":[],"schema":"any","declarations":[]},{"name":"footer","type":"any","description":"Optional footer slot to e.g. show action buttons (see OnyxBottomBar component).","tags":[],"schema":"any","declarations":[]}],"exposed":[]},{"exportName":"default","displayName":"OnyxFilterBadge","type":1,"props":[{"name":"density","global":false,"description":"Density defines the amount of vertical white space a component has and the height of the main\n(interactive) element of a component.","tags":[{"name":"default","text":"undefined By default the parents setting is used, if none is defined on any parent `default` is the default."}],"required":false,"type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":{"kind":"enum","type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":["undefined","\"compact\"","\"default\"","\"cozy\""]},"declarations":[]},{"name":"color","global":false,"description":"The color of the badge.","tags":[],"required":false,"type":"\"primary\" | \"neutral\" | \"danger\" | \"warning\" | \"success\" | \"info\" | undefined","schema":{"kind":"enum","type":"\"primary\" | \"neutral\" | \"danger\" | \"warning\" | \"success\" | \"info\" | undefined","schema":["undefined","\"primary\"","\"neutral\"","\"danger\"","\"warning\"","\"success\"","\"info\""]},"declarations":[]},{"name":"label","global":false,"description":"The label for the badge. Will be displayed in the tooltip.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},{"name":"active","global":false,"default":"undefined","description":"If `true` the filter is active/selected, shows an 'x' icon and can be removed on click.","tags":[],"required":false,"type":"Nullable<boolean>","schema":{"kind":"enum","type":"Nullable<boolean>","schema":["undefined","null","false","true"]},"declarations":[]},{"name":"skeleton","global":false,"default":"SKELETON_INJECTED_SYMBOL","description":"Whether to show a skeleton badge.","tags":[],"required":false,"type":"SkeletonInjected | undefined","schema":{"kind":"enum","type":"SkeletonInjected | undefined","schema":["undefined","number","false","true","symbol"]},"declarations":[]}],"events":[{"name":"update:active","description":"Emitted when the active state changes.","tags":[],"type":"[value: boolean]","signature":"(event: \"update:active\", value: boolean): void","schema":[{"kind":"enum","type":"boolean","schema":["false","true"]}],"declarations":[]}],"slots":[{"name":"default","type":"any","description":"Badge content.","tags":[],"schema":"any","declarations":[]}],"exposed":[]},{"exportName":"default","displayName":"OnyxBasicPopover","type":1,"props":[{"name":"label","global":false,"description":"Aria label for the popover.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},{"name":"open","global":false,"default":"undefined","description":"Indicates whether the element is expanded or collapsed.","tags":[],"required":false,"type":"Nullable<boolean>","schema":{"kind":"enum","type":"Nullable<boolean>","schema":["undefined","null","false","true"]},"declarations":[]},{"name":"position","global":false,"default":"\"auto\"","description":"How to position the popover around the parent element.","tags":[],"required":false,"type":"\"auto\" | AnchorPosition | \"auto-inline\" | undefined","schema":{"kind":"enum","type":"\"auto\" | AnchorPosition | \"auto-inline\" | undefined","schema":["undefined","\"top\"","\"left\"","\"auto\"","\"right\"","\"bottom\"","\"top right\"","\"top left\"","\"bottom right\"","\"bottom left\"","\"auto-inline\""]},"declarations":[]},{"name":"alignment","global":false,"default":"\"auto\"","description":"How to align the popover relative to the parent element (depending on the position).","tags":[],"required":false,"type":"\"auto\" | OpenAlignment | undefined","schema":{"kind":"enum","type":"\"auto\" | OpenAlignment | undefined","schema":["undefined","\"top\"","\"left\"","\"auto\"","\"right\"","\"bottom\"","\"center\""]},"declarations":[]},{"name":"fitParent","global":false,"description":"If `true`, the popover will match the width of the parent/slot element.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"disabled","global":false,"description":"Whether the popover is disabled and can not be opened.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"role","global":false,"default":"\"dialog\"","description":"Role for the popover.\nThis can be used to control the ARIA role for accessibility.","tags":[{"name":"default","text":"\"dialog\""}],"required":false,"type":"\"dialog\" | \"menu\" | \"listbox\" | \"tree\" | \"grid\" | undefined","schema":{"kind":"enum","type":"\"dialog\" | \"menu\" | \"listbox\" | \"tree\" | \"grid\" | undefined","schema":["undefined","\"dialog\"","\"menu\"","\"listbox\"","\"tree\"","\"grid\""]},"declarations":[]},{"name":"sticky","global":false,"default":"false","description":"If true, the popover remains visible within the viewport even if its parent element scrolls out\nof view.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]}],"events":[{"name":"update:open","description":"","tags":[],"type":"[value: boolean]","signature":"(event: \"update:open\", value: boolean): void","schema":[{"kind":"enum","type":"boolean","schema":["false","true"]}],"declarations":[]}],"slots":[{"name":"default","type":"{ trigger: AriaAttributes; }","description":"The always visible parent to which the popover is aligned.\n`trigger` can optionally set to a button to explicitly connect the the button and popover.","tags":[],"schema":{"kind":"object","type":"{ trigger: AriaAttributes; }","schema":{"trigger":{"name":"trigger","global":false,"description":"","tags":[],"required":true,"type":"AriaAttributes","schema":"AriaAttributes","declarations":[]}}},"declarations":[]},{"name":"content","type":"any","description":"Content shown in the popover when it is expanded.","tags":[],"schema":"any","declarations":[]}],"exposed":[{"name":"popoverPosition","type":"\"top\" | \"left\" | \"right\" | \"bottom\" | \"top right\" | \"top left\" | \"bottom right\" | \"bottom left\"","description":"Actual used popover position.","tags":[],"schema":{"kind":"enum","type":"\"top\" | \"left\" | \"right\" | \"bottom\" | \"top right\" | \"top left\" | \"bottom right\" | \"bottom left\"","schema":["\"top\"","\"left\"","\"right\"","\"bottom\"","\"top right\"","\"top left\"","\"bottom right\"","\"bottom left\""]},"declarations":[]},{"name":"popoverAlignment","type":"OpenAlignment","description":"Actual used popover alignment.","tags":[],"schema":{"kind":"enum","type":"OpenAlignment","schema":["\"top\"","\"left\"","\"right\"","\"bottom\"","\"center\""]},"declarations":[]}]},{"exportName":"default","displayName":"OnyxMobileNavButton","type":1,"props":[{"name":"label","global":false,"description":"Aria label that describes the action when clicking the button.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},{"name":"icon","global":false,"description":"Icon to show when closed.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},{"name":"open","global":false,"default":"false","description":"Whether the button is considered open / is connected to an open menu/flyout.\nIf `true`, an \"x\" icon will be displayed.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"headline","global":false,"description":"Headline of the mobile flyout","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},{"name":"disabled","global":false,"description":"Whether the nav button is disabled and can not be opened.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]}],"events":[{"name":"update:open","description":"Emitted when the open state changes on click.","tags":[],"type":"[isOpen: boolean]","signature":"(event: \"update:open\", isOpen: boolean): void","schema":[{"kind":"enum","type":"boolean","schema":["false","true"]}],"declarations":[]}],"slots":[{"name":"default","type":"any","description":"Slot for the menu content when it's open.","tags":[],"schema":"any","declarations":[]}],"exposed":[]},{"exportName":"default","displayName":"OnyxToastMessage","type":1,"props":[{"name":"density","global":false,"description":"Density defines the amount of vertical white space a component has and the height of the main\n(interactive) element of a component.","tags":[{"name":"default","text":"undefined By default the parents setting is used, if none is defined on any parent `default` is the default."}],"required":false,"type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":{"kind":"enum","type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":["undefined","\"compact\"","\"default\"","\"cozy\""]},"declarations":[]},{"name":"headline","global":false,"description":"Main toast headline.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},{"name":"description","global":false,"description":"Optional toast description (e.g. detailed error message).","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},{"name":"color","global":false,"default":"\"neutral\"","description":"Toast color.","tags":[],"required":false,"type":"\"neutral\" | \"danger\" | \"warning\" | \"success\" | undefined","schema":{"kind":"enum","type":"\"neutral\" | \"danger\" | \"warning\" | \"success\" | undefined","schema":["undefined","\"neutral\"","\"danger\"","\"warning\"","\"success\""]},"declarations":[]},{"name":"duration","global":false,"default":"5000","description":"Duration in milliseconds for the toast to close automatically.\nTimer will be paused when hovering the toast.\n\nCan be set to `0` to disable the auto closing.","tags":[],"required":false,"type":"number | undefined","schema":{"kind":"enum","type":"number | undefined","schema":["undefined","number"]},"declarations":[]},{"name":"clickable","global":false,"default":"false","description":"Whether the toast is clickable. Enabling this will present the whole toast message element as a\nbutton element, but also hide the close button.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"icon","global":false,"default":"undefined","description":"Icon to display. By default, an icon will be displayed depending on the current `color`\nproperty. Can be set to `false` to hide the icon.","tags":[],"required":false,"type":"string | false | undefined","schema":{"kind":"enum","type":"string | false | undefined","schema":["undefined","string","false"]},"declarations":[]}],"events":[{"name":"close","description":"Emitted when the toast should be closed.","tags":[],"type":"[]","signature":"(event: \"close\"): void","schema":[],"declarations":[]}],"slots":[],"exposed":[]},{"exportName":"default","displayName":"OnyxNotificationMessage","type":1,"props":[{"name":"headline","global":false,"description":"Notification headline/title.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},{"name":"duration","global":false,"default":"8000","description":"Duration in milliseconds for the notification to close automatically.\nTimer will be paused when hovering the toast.\n\nCan be set to `0` to disable the auto closing.","tags":[],"required":false,"type":"number | undefined","schema":{"kind":"enum","type":"number | undefined","schema":["undefined","number"]},"declarations":[]},{"name":"icon","global":false,"description":"Optional icon to display.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]}],"events":[{"name":"close","description":"Emitted when the notification should be closed, e.g. when the duration has elapsed or the close\n\"x\" icon has been clicked.","tags":[],"type":"[]","signature":"(event: \"close\"): void","schema":[],"declarations":[]}],"slots":[{"name":"default","type":"any","description":"Description/preview of the notification content.","tags":[],"schema":"any","declarations":[]},{"name":"buttons","type":"any","description":"Slot to provide optional buttons/actions.","tags":[],"schema":"any","declarations":[]}],"exposed":[]},{"exportName":"default","displayName":"OnyxInput","type":1,"props":[{"name":"density","global":false,"description":"Density defines the amount of vertical white space a component has and the height of the main\n(interactive) element of a component.","tags":[{"name":"default","text":"undefined By default the parents setting is used, if none is defined on any parent `default` is the default."}],"required":false,"type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":{"kind":"enum","type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":["undefined","\"compact\"","\"default\"","\"cozy\""]},"declarations":[]},{"name":"disabled","global":false,"default":"FORM_INJECTED_SYMBOL","description":"Whether the input should be disabled and prevent the user from interacting with it.\nDisabled makes the element not mutable, focusable, or even submitted with the form.\nIt will also not be validated.","tags":[{"name":"default","text":"Inherits value from closest `<OnyxForm>` component, defaults to `false` otherwise"}],"required":false,"type":"FormInjected<boolean> | undefined","schema":{"kind":"enum","type":"FormInjected<boolean> | undefined","schema":["undefined","false","true","symbol"]},"declarations":[]},{"name":"skeleton","global":false,"default":"SKELETON_INJECTED_SYMBOL","description":"Whether to show a skeleton input.","tags":[],"required":false,"type":"SkeletonInjected | undefined","schema":{"kind":"enum","type":"SkeletonInjected | undefined","schema":["undefined","number","false","true","symbol"]},"declarations":[]},{"name":"required","global":false,"default":"false","description":"Whether the a value for this form element is required.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"success","global":false,"description":"Success messages that inform about the state of form components","tags":[],"required":false,"type":"CustomMessageType | undefined","schema":{"kind":"enum","type":"CustomMessageType | undefined","schema":["undefined","string",{"kind":"object","type":"FormMessages","schema":{"shortMessage":{"name":"shortMessage","global":false,"description":"A short message preview to inform the user about the input state.\nIt's usually shown directly underneath the input field.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},"longMessage":{"name":"longMessage","global":false,"description":"An extended informative message to provide more details.\nIt's usually shown in a tooltip next to the shortMessage.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},"hidden":{"name":"hidden","global":false,"description":"Will visually hide the message.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]}}}]},"declarations":[]},{"name":"autofocus","global":false,"description":"Whether to focus the component on page load or inside a dialog/popover once it opens.\nCan only be enabled for one element inside a page/dialog/popover.\nNote: Has no effect when set after the component has been mounted.\n\n**UX / Accessibility**: autofocus should be used carefully since it can reduce usability and\naccessibility for users.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"loading","global":false,"default":"false","description":"Whether the input is loading. User interaction will be disabled.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"showError","global":false,"default":"FORM_INJECTED_SYMBOL","description":"Configures if and when errors are shown.\n\n- `true`: errors will be shown initially.\n- `false`: errors will never be shown. ⚠️ Only the displaying of the error is effected! An error\n  can still block submission!\n- \"touched\": only shows an error _after_ a user has significantly interacted with the input, see\n  [:user-invalid](https://drafts.csswg.org/selectors/#user-invalid-pseudo)","tags":[{"name":"default","text":"Inherits value from closest `<OnyxForm>` component or `touched` if none exists"}],"required":false,"type":"FormInjected<ShowErrorMode> | undefined","schema":{"kind":"enum","type":"FormInjected<ShowErrorMode> | undefined","schema":["undefined","false","true","symbol","\"touched\""]},"declarations":[]},{"name":"requiredMarker","global":false,"default":"FORM_INJECTED_SYMBOL","description":"How to display the required / optional marker.\n\n- Optional: will show an `(optional)` text after the label for optional form elements.\n- Required: will show an `*` indicator for required inputs after the label instead.\n\nNo marker will be visible if the label is hidden.","tags":[{"name":"default","text":"Inherits value from closest `<OnyxForm>` component or `required` if none exists"}],"required":false,"type":"FormInjected<\"required\" | \"optional\"> | undefined","schema":{"kind":"enum","type":"FormInjected<\"required\" | \"optional\"> | undefined","schema":["undefined","symbol","\"required\"","\"optional\""]},"declarations":[]},{"name":"reserveMessageSpace","global":false,"default":"FORM_INJECTED_SYMBOL","description":"Always reserves the space required to show `error` or other messages.\nSubsequently this will increase the height of the form element permanently.\nWe recommend to enable this to avoid layout shifts.","tags":[{"name":"default","text":"Inherits value from closest `<OnyxForm>` component, defaults to `false` otherwise"}],"required":false,"type":"FormInjected<boolean> | undefined","schema":{"kind":"enum","type":"FormInjected<boolean> | undefined","schema":["undefined","false","true","symbol"]},"declarations":[]},{"name":"error","global":false,"description":"Custom error message to show. Takes precedence over intrinsic error messages.","tags":[],"required":false,"type":"CustomMessageType | undefined","schema":{"kind":"enum","type":"CustomMessageType | undefined","schema":["undefined","string",{"kind":"object","type":"FormMessages","schema":{"shortMessage":{"name":"shortMessage","global":false,"description":"A short message preview to inform the user about the input state.\nIt's usually shown directly underneath the input field.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},"longMessage":{"name":"longMessage","global":false,"description":"An extended informative message to provide more details.\nIt's usually shown in a tooltip next to the shortMessage.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},"hidden":{"name":"hidden","global":false,"description":"Will visually hide the message.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]}}}]},"declarations":[]},{"name":"id","global":false,"description":"The id of a labelled form-related element.\nIf not given an id will be generated.\nThe id is passed as a `default` slot property.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},{"name":"name","global":false,"description":"Same as the native `name` attribute of `<input>`.\nUsed to reference the input in JavaScript or in submitted form data.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},{"name":"labelTooltip","global":false,"description":"Info text to show inside a tooltip, next to the label.\nThe tooltip will be hidden if `hideLabel` property is set to true.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},{"name":"hideLabel","global":false,"description":"If `true`, the label will be visually hidden and\nthe `title` attribute will be set by the form element (input/textarea/...).\nFor accessibility / screen readers, the aria-label will still be set.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"readonly","global":false,"default":"false","description":"Whether the input should be readonly.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"message","global":false,"description":"Message / help text to display below the form element.\nWill be replaced by an error message if the form element is invalid.","tags":[],"required":false,"type":"CustomMessageType | undefined","schema":{"kind":"enum","type":"CustomMessageType | undefined","schema":["undefined","string",{"kind":"object","type":"FormMessages","schema":{"shortMessage":{"name":"shortMessage","global":false,"description":"A short message preview to inform the user about the input state.\nIt's usually shown directly underneath the input field.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},"longMessage":{"name":"longMessage","global":false,"description":"An extended informative message to provide more details.\nIt's usually shown in a tooltip next to the shortMessage.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},"hidden":{"name":"hidden","global":false,"description":"Will visually hide the message.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]}}}]},"declarations":[]},{"name":"placeholder","global":false,"description":"Placeholder to show when the value is empty.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},{"name":"label","global":false,"description":"Label to show for the element. Required due to accessibility / screen readers.\nIf you want to visually hide the label, use the `label.hidden` property.","tags":[],"required":true,"type":"string | FormElementV2LabelOptions","schema":{"kind":"enum","type":"string | FormElementV2LabelOptions","schema":["string",{"kind":"object","type":"FormElementV2LabelOptions","schema":{"label":{"name":"label","global":false,"description":"Label displayed outside of the tooltip.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},"tooltipText":{"name":"tooltipText","global":false,"description":"Actual tooltip text.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},"position":{"name":"position","global":false,"description":"How to position the label relative to the main content.","tags":[],"required":false,"type":"\"top\" | \"left\" | \"right\" | undefined","schema":{"kind":"enum","type":"\"top\" | \"left\" | \"right\" | undefined","schema":["undefined","\"top\"","\"left\"","\"right\""]},"declarations":[]},"hidden":{"name":"hidden","global":false,"description":"If `true`, the label will be visually hidden.\nFor accessibility / screen readers, the aria-label will still be set.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},"truncation":{"name":"truncation","global":false,"description":"How to truncate the label if it exceeds the max width.","tags":[],"required":false,"type":"\"ellipsis\" | \"multiline\" | undefined","schema":{"kind":"enum","type":"\"ellipsis\" | \"multiline\" | undefined","schema":["undefined","\"ellipsis\"","\"multiline\""]},"declarations":[]}}}]},"declarations":[]},{"name":"maxlength","global":false,"description":"Maximum number of characters that are allowed to be entered.\nWarning: when the value is (pre)set programmatically,\nthe input invalidity will not be detected by the browser, it will only turn invalid\nas soon as a user interacts with the input (types something).","tags":[],"required":false,"type":"MaxLength | undefined","schema":{"kind":"enum","type":"MaxLength | undefined","schema":["undefined","number",{"kind":"object","type":"{ max: number; strict?: boolean | undefined; }","schema":{"max":{"name":"max","global":false,"description":"Maximum number of characters that are allowed to be entered.","tags":[],"required":true,"type":"number","schema":"number","declarations":[]},"strict":{"name":"strict","global":false,"description":"Restricts the user from typing more characters than allowed.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]}}}]},"declarations":[]},{"name":"withCounter","global":false,"description":"If `true`, a character counter will be displayed if `maxLength` is set.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"minlength","global":false,"description":"Minimum number of characters that have to to be entered.\nWarning: when the value is (pre)set programmatically,\nthe input invalidity will not be detected by the browser, it will only turn invalid\nas soon as a user interacts with the input (types something).","tags":[],"required":false,"type":"number | undefined","schema":{"kind":"enum","type":"number | undefined","schema":["undefined","number"]},"declarations":[]},{"name":"autocapitalize","global":false,"default":"\"sentences\"","description":"If and how text should be automatically be capitalized when using non-physical keyboards\n(such as virtual keyboard on mobile devices or voice input).\n\nHas no effect when `type` is set to \"url\", \"email\" or \"password\".","tags":[{"name":"see","text":"[MDN autocapitalize](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autocapitalize)"}],"required":false,"type":"\"sentences\" | \"none\" | \"words\" | \"characters\" | undefined","schema":{"kind":"enum","type":"\"sentences\" | \"none\" | \"words\" | \"characters\" | undefined","schema":["undefined","\"sentences\"","\"none\"","\"words\"","\"characters\""]},"declarations":[]},{"name":"autocomplete","global":false,"description":"Specify how to provide automated assistance in filling out the input.\nSome autocomplete values might required specific browser permissions to be allowed by the user.\nAlso browsers might require a `name` property.","tags":[{"name":"see","text":"[MDN autocomplete](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete)"}],"required":false,"type":"Autocomplete | undefined","schema":{"kind":"enum","type":"Autocomplete | undefined","schema":["undefined","\"name\"","\"email\"","\"tel\"","\"off\"","\"on\"","\"additional-name\"","\"address-level1\"","\"address-level2\"","\"address-level3\"","\"address-level4\"","\"address-line1\"","\"address-line2\"","\"address-line3\"","\"bday-day\"","\"bday-month\"","\"bday-year\"","\"cc-csc\"","\"cc-exp\"","\"cc-exp-month\"","\"cc-exp-year\"","\"cc-family-name\"","\"cc-given-name\"","\"cc-name\"","\"cc-number\"","\"cc-type\"","\"country\"","\"country-name\"","\"current-password\"","\"family-name\"","\"given-name\"","\"honorific-prefix\"","\"honorific-suffix\"","\"new-password\"","\"one-time-code\"","\"organization\"","\"postal-code\"","\"street-address\"","\"transaction-amount\"","\"transaction-currency\"","\"username\"","\"tel-area-code\"","\"tel-country-code\"","\"tel-extension\"","\"tel-local\"","\"tel-local-prefix\"","\"tel-local-suffix\"","\"tel-national\"","\"home email\"","\"home tel\"","\"home tel-area-code\"","\"home tel-country-code\"","\"home tel-extension\"","\"home tel-local\"","\"home tel-local-prefix\"","\"home tel-local-suffix\"","\"home tel-national\"","\"mobile email\"","\"mobile tel\"","\"mobile tel-area-code\"","\"mobile tel-country-code\"","\"mobile tel-extension\"","\"mobile tel-local\"","\"mobile tel-local-prefix\"","\"mobile tel-local-suffix\"","\"mobile tel-national\"","\"work email\"","\"work tel\"","\"work tel-area-code\"","\"work tel-country-code\"","\"work tel-extension\"","\"work tel-local\"","\"work tel-local-prefix\"","\"work tel-local-suffix\"","\"work tel-national\"","\"name webauthn\"","\"additional-name webauthn\"","\"address-level1 webauthn\"","\"address-level2 webauthn\"","\"address-level3 webauthn\"","\"address-level4 webauthn\"","\"address-line1 webauthn\"","\"address-line2 webauthn\"","\"address-line3 webauthn\"","\"bday-day webauthn\"","\"bday-month webauthn\"","\"bday-year webauthn\"","\"cc-csc webauthn\"","\"cc-exp webauthn\"","\"cc-exp-month webauthn\"","\"cc-exp-year webauthn\"","\"cc-family-name webauthn\"","\"cc-given-name webauthn\"","\"cc-name webauthn\"","\"cc-number webauthn\"","\"cc-type webauthn\"","\"country webauthn\"","\"country-name webauthn\"","\"current-password webauthn\"","\"family-name webauthn\"","\"given-name webauthn\"","\"honorific-prefix webauthn\"","\"honorific-suffix webauthn\"","\"new-password webauthn\"","\"one-time-code webauthn\"","\"organization webauthn\"","\"postal-code webauthn\"","\"street-address webauthn\"","\"transaction-amount webauthn\"","\"transaction-currency webauthn\"","\"username webauthn\"","\"email webauthn\"","\"tel webauthn\"","\"tel-area-code webauthn\"","\"tel-country-code webauthn\"","\"tel-extension webauthn\"","\"tel-local webauthn\"","\"tel-local-prefix webauthn\"","\"tel-local-suffix webauthn\"","\"tel-national webauthn\"","\"home email webauthn\"","\"home tel webauthn\"","\"home tel-area-code webauthn\"","\"home tel-country-code webauthn\"","\"home tel-extension webauthn\"","\"home tel-local webauthn\"","\"home tel-local-prefix webauthn\"","\"home tel-local-suffix webauthn\"","\"home tel-national webauthn\"","\"mobile email webauthn\"","\"mobile tel webauthn\"","\"mobile tel-area-code webauthn\"","\"mobile tel-country-code webauthn\"","\"mobile tel-extension webauthn\"","\"mobile tel-local webauthn\"","\"mobile tel-local-prefix webauthn\"","\"mobile tel-local-suffix webauthn\"","\"mobile tel-national webauthn\"","\"work email webauthn\"","\"work tel webauthn\"","\"work tel-area-code webauthn\"","\"work tel-country-code webauthn\"","\"work tel-extension webauthn\"","\"work tel-local webauthn\"","\"work tel-local-prefix webauthn\"","\"work tel-local-suffix webauthn\"","\"work tel-national webauthn\"","\"billing name\"","\"billing name webauthn\"","\"billing additional-name\"","\"billing additional-name webauthn\"","\"billing address-level1\"","\"billing address-level1 webauthn\"","\"billing address-level2\"","\"billing address-level2 webauthn\"","\"billing address-level3\"","\"billing address-level3 webauthn\"","\"billing address-level4\"","\"billing address-level4 webauthn\"","\"billing address-line1\"","\"billing address-line1 webauthn\"","\"billing address-line2\"","\"billing address-line2 webauthn\"","\"billing address-line3\"","\"billing address-line3 webauthn\"","\"billing bday-day\"","\"billing bday-day webauthn\"","\"billing bday-month\"","\"billing bday-month webauthn\"","\"billing bday-year\"","\"billing bday-year webauthn\"","\"billing cc-csc\"","\"billing cc-csc webauthn\"","\"billing cc-exp\"","\"billing cc-exp webauthn\"","\"billing cc-exp-month\"","\"billing cc-exp-month webauthn\"","\"billing cc-exp-year\"","\"billing cc-exp-year webauthn\"","\"billing cc-family-name\"","\"billing cc-family-name webauthn\"","\"billing cc-given-name\"","\"billing cc-given-name webauthn\"","\"billing cc-name\"","\"billing cc-name webauthn\"","\"billing cc-number\"","\"billing cc-number webauthn\"","\"billing cc-type\"","\"billing cc-type webauthn\"","\"billing country\"","\"billing country webauthn\"","\"billing country-name\"","\"billing country-name webauthn\"","\"billing current-password\"","\"billing current-password webauthn\"","\"billing family-name\"","\"billing family-name webauthn\"","\"billing given-name\"","\"billing given-name webauthn\"","\"billing honorific-prefix\"","\"billing honorific-prefix webauthn\"","\"billing honorific-suffix\"","\"billing honorific-suffix webauthn\"","\"billing new-password\"","\"billing new-password webauthn\"","\"billing one-time-code\"","\"billing one-time-code webauthn\"","\"billing organization\"","\"billing organization webauthn\"","\"billing postal-code\"","\"billing postal-code webauthn\"","\"billing street-address\"","\"billing street-address webauthn\"","\"billing transaction-amount\"","\"billing transaction-amount webauthn\"","\"billing transaction-currency\"","\"billing transaction-currency webauthn\"","\"billing username\"","\"billing username webauthn\"","\"billing email\"","\"billing email webauthn\"","\"billing tel\"","\"billing tel webauthn\"","\"billing tel-area-code\"","\"billing tel-area-code webauthn\"","\"billing tel-country-code\"","\"billing tel-country-code webauthn\"","\"billing tel-extension\"","\"billing tel-extension webauthn\"","\"billing tel-local\"","\"billing tel-local webauthn\"","\"billing tel-local-prefix\"","\"billing tel-local-prefix webauthn\"","\"billing tel-local-suffix\"","\"billing tel-local-suffix webauthn\"","\"billing tel-national\"","\"billing tel-national webauthn\"","\"billing home email\"","\"billing home email webauthn\"","\"billing home tel\"","\"billing home tel webauthn\"","\"billing home tel-area-code\"","\"billing home tel-area-code webauthn\"","\"billing home tel-country-code\"","\"billing home tel-country-code webauthn\"","\"billing home tel-extension\"","\"billing home tel-extension webauthn\"","\"billing home tel-local\"","\"billing home tel-local webauthn\"","\"billing home tel-local-prefix\"","\"billing home tel-local-prefix webauthn\"","\"billing home tel-local-suffix\"","\"billing home tel-local-suffix webauthn\"","\"billing home tel-national\"","\"billing home tel-national webauthn\"","\"billing mobile email\"","\"billing mobile email webauthn\"","\"billing mobile tel\"","\"billing mobile tel webauthn\"","\"billing mobile tel-area-code\"","\"billing mobile tel-area-code webauthn\"","\"billing mobile tel-country-code\"","\"billing mobile tel-country-code webauthn\"","\"billing mobile tel-extension\"","\"billing mobile tel-extension webauthn\"","\"billing mobile tel-local\"","\"billing mobile tel-local webauthn\"","\"billing mobile tel-local-prefix\"","\"billing mobile tel-local-prefix webauthn\"","\"billing mobile tel-local-suffix\"","\"billing mobile tel-local-suffix webauthn\"","\"billing mobile tel-national\"","\"billing mobile tel-national webauthn\"","\"billing work email\"","\"billing work email webauthn\"","\"billing work tel\"","\"billing work tel webauthn\"","\"billing work tel-area-code\"","\"billing work tel-area-code webauthn\"","\"billing work tel-country-code\"","\"billing work tel-country-code webauthn\"","\"billing work tel-extension\"","\"billing work tel-extension webauthn\"","\"billing work tel-local\"","\"billing work tel-local webauthn\"","\"billing work tel-local-prefix\"","\"billing work tel-local-prefix webauthn\"","\"billing work tel-local-suffix\"","\"billing work tel-local-suffix webauthn\"","\"billing work tel-national\"","\"billing work tel-national webauthn\"","\"shipping name\"","\"shipping name webauthn\"","\"shipping additional-name\"","\"shipping additional-name webauthn\"","\"shipping address-level1\"","\"shipping address-level1 webauthn\"","\"shipping address-level2\"","\"shipping address-level2 webauthn\"","\"shipping address-level3\"","\"shipping address-level3 webauthn\"","\"shipping address-level4\"","\"shipping address-level4 webauthn\"","\"shipping address-line1\"","\"shipping address-line1 webauthn\"","\"shipping address-line2\"","\"shipping address-line2 webauthn\"","\"shipping address-line3\"","\"shipping address-line3 webauthn\"","\"shipping bday-day\"","\"shipping bday-day webauthn\"","\"shipping bday-month\"","\"shipping bday-month webauthn\"","\"shipping bday-year\"","\"shipping bday-year webauthn\"","\"shipping cc-csc\"","\"shipping cc-csc webauthn\"","\"shipping cc-exp\"","\"shipping cc-exp webauthn\"","\"shipping cc-exp-month\"","\"shipping cc-exp-month webauthn\"","\"shipping cc-exp-year\"","\"shipping cc-exp-year webauthn\"","\"shipping cc-family-name\"","\"shipping cc-family-name webauthn\"","\"shipping cc-given-name\"","\"shipping cc-given-name webauthn\"","\"shipping cc-name\"","\"shipping cc-name webauthn\"","\"shipping cc-number\"","\"shipping cc-number webauthn\"","\"shipping cc-type\"","\"shipping cc-type webauthn\"","\"shipping country\"","\"shipping country webauthn\"","\"shipping country-name\"","\"shipping country-name webauthn\"","\"shipping current-password\"","\"shipping current-password webauthn\"","\"shipping family-name\"","\"shipping family-name webauthn\"","\"shipping given-name\"","\"shipping given-name webauthn\"","\"shipping honorific-prefix\"","\"shipping honorific-prefix webauthn\"","\"shipping honorific-suffix\"","\"shipping honorific-suffix webauthn\"","\"shipping new-password\"","\"shipping new-password webauthn\"","\"shipping one-time-code\"","\"shipping one-time-code webauthn\"","\"shipping organization\"","\"shipping organization webauthn\"","\"shipping postal-code\"","\"shipping postal-code webauthn\"","\"shipping street-address\"","\"shipping street-address webauthn\"","\"shipping transaction-amount\"","\"shipping transaction-amount webauthn\"","\"shipping transaction-currency\"","\"shipping transaction-currency webauthn\"","\"shipping username\"","\"shipping username webauthn\"","\"shipping email\"","\"shipping email webauthn\"","\"shipping tel\"","\"shipping tel webauthn\"","\"shipping tel-area-code\"","\"shipping tel-area-code webauthn\"","\"shipping tel-country-code\"","\"shipping tel-country-code webauthn\"","\"shipping tel-extension\"","\"shipping tel-extension webauthn\"","\"shipping tel-local\"","\"shipping tel-local webauthn\"","\"shipping tel-local-prefix\"","\"shipping tel-local-prefix webauthn\"","\"shipping tel-local-suffix\"","\"shipping tel-local-suffix webauthn\"","\"shipping tel-national\"","\"shipping tel-national webauthn\"","\"shipping home email\"","\"shipping home email webauthn\"","\"shipping home tel\"","\"shipping home tel webauthn\"","\"shipping home tel-area-code\"","\"shipping home tel-area-code webauthn\"","\"shipping home tel-country-code\"","\"shipping home tel-country-code webauthn\"","\"shipping home tel-extension\"","\"shipping home tel-extension webauthn\"","\"shipping home tel-local\"","\"shipping home tel-local webauthn\"","\"shipping home tel-local-prefix\"","\"shipping home tel-local-prefix webauthn\"","\"shipping home tel-local-suffix\"","\"shipping home tel-local-suffix webauthn\"","\"shipping home tel-national\"","\"shipping home tel-national webauthn\"","\"shipping mobile email\"","\"shipping mobile email webauthn\"","\"shipping mobile tel\"","\"shipping mobile tel webauthn\"","\"shipping mobile tel-area-code\"","\"shipping mobile tel-area-code webauthn\"","\"shipping mobile tel-country-code\"","\"shipping mobile tel-country-code webauthn\"","\"shipping mobile tel-extension\"","\"shipping mobile tel-extension webauthn\"","\"shipping mobile tel-local\"","\"shipping mobile tel-local webauthn\"","\"shipping mobile tel-local-prefix\"","\"shipping mobile tel-local-prefix webauthn\"","\"shipping mobile tel-local-suffix\"","\"shipping mobile tel-local-suffix webauthn\"","\"shipping mobile tel-national\"","\"shipping mobile tel-national webauthn\"","\"shipping work email\"","\"shipping work email webauthn\"","\"shipping work tel\"","\"shipping work tel webauthn\"","\"shipping work tel-area-code\"","\"shipping work tel-area-code webauthn\"","\"shipping work tel-country-code\"","\"shipping work tel-country-code webauthn\"","\"shipping work tel-extension\"","\"shipping work tel-extension webauthn\"","\"shipping work tel-local\"","\"shipping work tel-local webauthn\"","\"shipping work tel-local-prefix\"","\"shipping work tel-local-prefix webauthn\"","\"shipping work tel-local-suffix\"","\"shipping work tel-local-suffix webauthn\"","\"shipping work tel-national\"","\"shipping work tel-national webauthn\""]},"declarations":[]},{"name":"modelValue","global":false,"description":"Current input value.","tags":[],"required":false,"type":"Nullable<string>","schema":{"kind":"enum","type":"Nullable<string>","schema":["undefined","null","string"]},"declarations":[]},{"name":"type","global":false,"default":"\"text\"","description":"Input type. For numeric inputs, we recommend using the\n[OnyxStepper](https://storybook.onyx.schwarz/?path=/docs/form-elements-stepper--docs). For\ndate inputs, refer to the\n[OnyxDatePicker](https://storybook.onyx.schwarz/?path=/docs/form-elements-datepicker--docs).","tags":[],"required":false,"type":"\"text\" | \"search\" | \"email\" | \"password\" | \"tel\" | \"url\" | undefined","schema":{"kind":"enum","type":"\"text\" | \"search\" | \"email\" | \"password\" | \"tel\" | \"url\" | undefined","schema":["undefined","\"text\"","\"search\"","\"email\"","\"password\"","\"tel\"","\"url\""]},"declarations":[]},{"name":"pattern","global":false,"description":"Pattern the value must match to be valid.","tags":[],"required":false,"type":"InputPattern | { value: InputPattern; error: CustomMessageType; } | undefined","schema":{"kind":"enum","type":"InputPattern | { value: InputPattern; error: CustomMessageType; } | undefined","schema":["undefined","string","RegExp",{"kind":"object","type":"{ value: InputPattern; error: CustomMessageType; }","schema":{"value":{"name":"value","global":false,"description":"","tags":[],"required":true,"type":"InputPattern","schema":{"kind":"enum","type":"InputPattern","schema":["string","RegExp"]},"declarations":[]},"error":{"name":"error","global":false,"description":"","tags":[],"required":true,"type":"CustomMessageType","schema":{"kind":"enum","type":"CustomMessageType","schema":["string",{"kind":"object","type":"FormMessages","schema":{"shortMessage":{"name":"shortMessage","global":false,"description":"A short message preview to inform the user about the input state.\nIt's usually shown directly underneath the input field.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},"longMessage":{"name":"longMessage","global":false,"description":"An extended informative message to provide more details.\nIt's usually shown in a tooltip next to the shortMessage.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},"hidden":{"name":"hidden","global":false,"description":"Will visually hide the message.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]}}}]},"declarations":[]}}}]},"declarations":[]},{"name":"hideSuccessIcon","global":false,"default":"false","description":"Whether to hide the check icon when the input is in a success state.","tags":[{"name":"deprecated","text":"This property is obsolete since the \"success\" state will no longer automatically show a \"check\" icon.\nThe \"check\" icon is intended as temporary feedback after a user action (e.g. clicking a copy button). Use the `trailingIcons` slot to manually show the icon if needed."}],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"hideClearIcon","global":false,"default":"false","description":"Whether to hide the clear icon when the input is filled and focused.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"showPassword","global":false,"default":"undefined","description":"Show or hide the password value for input with `type=\"password\"`.\nIf unset, the state will be managed internally.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"disableSlotPadding","global":false,"default":"false","description":"Whether to disable the inline padding for the leading and trailing slot. Useful when placing\nfull-size components like OnyxSelect or OnyxFormElementAction inside. When set to `true`, use\ncustom CSS with the `var(--onyx-form-element-v2-padding-inline)` to apply padding if needed.\n\nWill become the default in version 2.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]}],"events":[{"name":"update:modelValue","description":"Emitted when the input changes","tags":[],"type":"[value: string]","signature":"(event: \"update:modelValue\", value: string): void","schema":["string"],"declarations":[]},{"name":"validityChange","description":"Emitted when the validity state of the input changes.","tags":[],"type":"[validity: ValidityState]","signature":"(event: \"validityChange\", validity: ValidityState): void","schema":["ValidityState"],"declarations":[]},{"name":"update:showPassword","description":"Emitted when the password visibility changes","tags":[],"type":"[showPassword: boolean]","signature":"(event: \"update:showPassword\", showPassword: boolean): void","schema":[{"kind":"enum","type":"boolean","schema":["false","true"]}],"declarations":[]}],"slots":[{"name":"leading","type":"any","description":"Optional slot to provide custom leading content before the actual input (e.g. an `OnyxSelect`).","tags":[],"schema":"any","declarations":[]},{"name":"leadingIcons","type":"any","description":"Optional inner icons (`OnyxIcon`) to display before the input but after the `leading` slot.\nWill be hidden when `loading` property is set.","tags":[],"schema":"any","declarations":[]},{"name":"trailingIcons","type":"any","description":"Optional inner icons to display after the input but before the `trailing` slot.","tags":[],"schema":"any","declarations":[]},{"name":"trailing","type":"any","description":"Optional slot to provide custom trailing content after the actual input (e.g. an `OnyxSelect`).","tags":[],"schema":"any","declarations":[]}],"exposed":[{"name":"input","type":"HTMLInputElement | null","description":"Reference to the native HTML `<input />` element.","tags":[],"schema":{"kind":"enum","type":"HTMLInputElement | null","schema":["null","HTMLInputElement"]},"declarations":[]}]},{"exportName":"default","displayName":"OnyxProgressSteps","type":1,"props":[{"name":"density","global":false,"description":"Density defines the amount of vertical white space a component has and the height of the main\n(interactive) element of a component.","tags":[{"name":"default","text":"undefined By default the parents setting is used, if none is defined on any parent `default` is the default."}],"required":false,"type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":{"kind":"enum","type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":["undefined","\"compact\"","\"default\"","\"cozy\""]},"declarations":[]},{"name":"steps","global":false,"description":"List of available steps. The status and disabled state will be managed automatically if not\ndefined but can be overridden per step.","tags":[],"required":true,"type":"ControlledProgressStep[]","schema":"ControlledProgressStep[]","declarations":[]},{"name":"modelValue","global":false,"default":"1","description":"Value of the currently active step. First step = 1.","tags":[],"required":false,"type":"number | undefined","schema":{"kind":"enum","type":"number | undefined","schema":["undefined","number"]},"declarations":[]},{"name":"highestValue","global":false,"description":"The highest value/step that the user has visited but not completed (independent from the active\nstep). Used to automatically managed the \"visited\" state of the steps. If undefined, will be\nmanaged internally but can be set manually to e.g. reset the value if a new workflow has been\nstarted by the user. First step = 1.","tags":[],"required":false,"type":"number | undefined","schema":{"kind":"enum","type":"number | undefined","schema":["undefined","number"]},"declarations":[]},{"name":"orientation","global":false,"default":"\"horizontal\"","description":"Orientation of the steps.","tags":[],"required":false,"type":"\"horizontal\" | \"vertical\" | undefined","schema":{"kind":"enum","type":"\"horizontal\" | \"vertical\" | undefined","schema":["undefined","\"horizontal\"","\"vertical\""]},"declarations":[]},{"name":"skeleton","global":false,"default":"SKELETON_INJECTED_SYMBOL","description":"Whether to show all steps as skeleton. Can also be set on individual steps.","tags":[],"required":false,"type":"SkeletonInjected | undefined","schema":{"kind":"enum","type":"SkeletonInjected | undefined","schema":["undefined","number","false","true","symbol"]},"declarations":[]}],"events":[{"name":"update:modelValue","description":"Emitted when the currently active step changes.","tags":[],"type":"[value: number]","signature":"(event: \"update:modelValue\", value: number): void","schema":["number"],"declarations":[]},{"name":"update:highestValue","description":"Emitted when the highest visited step/value changes.","tags":[],"type":"[value: number]","signature":"(event: \"update:highestValue\", value: number): void","schema":["number"],"declarations":[]}],"slots":[{"name":"step","type":"{ step: OnyxProgressItemProps; }","description":"Optional slot to override the label content for an item (can be used to add custom content).","tags":[],"schema":{"kind":"object","type":"{ step: OnyxProgressItemProps; }","schema":{"step":{"name":"step","global":false,"description":"","tags":[],"required":true,"type":"OnyxProgressItemProps","schema":{"kind":"object","type":"OnyxProgressItemProps","schema":{"density":{"name":"density","global":false,"description":"Density defines the amount of vertical white space a component has and the height of the main\n(interactive) element of a component.","tags":[{"name":"default","text":"undefined By default the parents setting is used, if none is defined on any parent `default` is the default."}],"required":false,"type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":{"kind":"enum","type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":["undefined","\"compact\"","\"default\"","\"cozy\""]},"declarations":[]},"label":{"name":"label","global":false,"description":"Visual label.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},"value":{"name":"value","global":false,"description":"The value/number of the step.","tags":[],"required":true,"type":"number","schema":"number","declarations":[]},"status":{"name":"status","global":false,"description":"The status of the progress item which indicates whether the item is currently active, upcoming\nor already visited/completed.","tags":[],"required":false,"type":"\"default\" | \"active\" | \"invalid\" | \"completed\" | \"visited\" | undefined","schema":{"kind":"enum","type":"\"default\" | \"active\" | \"invalid\" | \"completed\" | \"visited\" | undefined","schema":["undefined","\"default\"","\"active\"","\"invalid\"","\"completed\"","\"visited\""]},"declarations":[]},"icon":{"name":"icon","global":false,"description":"Icon to display instead of the numeric indicator. If `status` is \"completed\", \"visited\" or\n\"invalid\", the icon will be pre-defined so passing a different icon does not work then.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},"disabled":{"name":"disabled","global":false,"description":"Whether the item is disabled and can not be interacted with.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},"skeleton":{"name":"skeleton","global":false,"description":"Whether to show a skeleton item.","tags":[],"required":false,"type":"SkeletonInjected | undefined","schema":{"kind":"enum","type":"SkeletonInjected | undefined","schema":["undefined","number","false","true","symbol"]},"declarations":[]}}},"declarations":[]}}},"declarations":[]}],"exposed":[]},{"exportName":"default","displayName":"OnyxPagination","type":1,"props":[{"name":"density","global":false,"description":"Density defines the amount of vertical white space a component has and the height of the main\n(interactive) element of a component.","tags":[{"name":"default","text":"undefined By default the parents setting is used, if none is defined on any parent `default` is the default."}],"required":false,"type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":{"kind":"enum","type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":["undefined","\"compact\"","\"default\"","\"cozy\""]},"declarations":[]},{"name":"modelValue","global":false,"description":"The currently selected page (first page is `1`).","tags":[],"required":true,"type":"number","schema":"number","declarations":[]},{"name":"pages","global":false,"description":"The maximum number of pages.","tags":[],"required":true,"type":"number","schema":"number","declarations":[]},{"name":"disabled","global":false,"default":"false","description":"Whether the pagination should be disabled (e.g. while loading data).","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"skeleton","global":false,"default":"SKELETON_INJECTED_SYMBOL","description":"Whether to show a skeleton pagination.","tags":[],"required":false,"type":"SkeletonInjected | undefined","schema":{"kind":"enum","type":"SkeletonInjected | undefined","schema":["undefined","number","false","true","symbol"]},"declarations":[]},{"name":"type","global":false,"default":"\"select\"","description":"The display type of the pagination.","tags":[{"name":"default","text":"select"}],"required":false,"type":"PaginationType | undefined","schema":{"kind":"enum","type":"PaginationType | undefined","schema":["undefined","\"compact\"","\"inline\"","\"select\""]},"declarations":[]},{"name":"disableFlyout","global":false,"description":"Whether to disable the select flyout for selecting a specific page.\nUseful when using cursor-based pagination where jumping to a specific page is not possible.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"autoCompact","global":false,"default":"false","description":"Whether the pagination type should be automatically switched to \"compact\" if the screen width\nis below a given breakpoint. Can be set to a boolean or a specific breakpoint. If set to\n`true`, the \"xs\" breakpoint is used.","tags":[],"required":false,"type":"number | boolean | OnyxBreakpoint | undefined","schema":{"kind":"enum","type":"number | boolean | OnyxBreakpoint | undefined","schema":["undefined","number","false","true","\"sm\"","\"2xs\"","\"xs\"","\"md\"","\"lg\"","\"xl\""]},"declarations":[]}],"events":[{"name":"update:modelValue","description":"Emitted when the selected page changes.","tags":[],"type":"[page: number]","signature":"(event: \"update:modelValue\", page: number): void","schema":["number"],"declarations":[]}],"slots":[],"exposed":[]},{"exportName":"default","displayName":"OnyxTreeViewItem","type":1,"props":[{"name":"density","global":false,"description":"Density defines the amount of vertical white space a component has and the height of the main\n(interactive) element of a component.","tags":[{"name":"default","text":"undefined By default the parents setting is used, if none is defined on any parent `default` is the default."}],"required":false,"type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":{"kind":"enum","type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":["undefined","\"compact\"","\"default\"","\"cozy\""]},"declarations":[]},{"name":"disabled","global":false,"default":"false","description":"Whether the option is disabled.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"active","global":false,"default":"false","description":"Whether the option is (visually) active.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"label","global":false,"description":"Label to show.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},{"name":"icon","global":false,"description":"Optional icon to show.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},{"name":"open","global":false,"default":"undefined","description":"Indicates whether the nested children are expanded.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]}],"events":[{"name":"update:open","description":"Emitted when the children of the item are toggled.","tags":[],"type":"[value: boolean]","signature":"(event: \"update:open\", value: boolean): void","schema":[{"kind":"enum","type":"boolean","schema":["false","true"]}],"declarations":[]},{"name":"itemSelect","description":"Emitted when the item is selected.","tags":[],"type":"[value?: void | undefined]","signature":"(event: \"itemSelect\", value?: void | undefined): void","schema":[{"kind":"enum","type":"void | undefined","schema":["undefined","void"]}],"declarations":[]}],"slots":[{"name":"default","type":"any","description":"Nested child items. Recommend to use `OnyxTreeViewItem` components here.","tags":[],"schema":"any","declarations":[]},{"name":"item","type":"any","description":"Optional slot to place custom content for the item. By default, the `label` and `icon` property\nwill be shown.","tags":[],"schema":"any","declarations":[]}],"exposed":[]},{"exportName":"default","displayName":"ComponentShowcase","type":1,"props":[{"name":"dark","global":false,"description":"","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]}],"events":[{"name":"update:dark","description":"","tags":[],"type":"[value: boolean | undefined]","signature":"(event: \"update:dark\", value: boolean | undefined): void","schema":[{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]}],"declarations":[]}],"slots":[],"exposed":[]},{"exportName":"default","displayName":"OnyxRadioButton","type":2,"props":[{"name":"density","global":false,"description":"Density defines the amount of vertical white space a component has and the height of the main\n(interactive) element of a component.","tags":[{"name":"default","text":"undefined By default the parents setting is used, if none is defined on any parent `default` is the default."}],"required":false,"type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":{"kind":"enum","type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":["undefined","\"compact\"","\"default\"","\"cozy\""]},"declarations":[]},{"name":"disabled","global":false,"default":"FORM_INJECTED_SYMBOL","description":"Whether the input should be disabled and prevent the user from interacting with it.\nDisabled makes the element not mutable, focusable, or even submitted with the form.\nIt will also not be validated.","tags":[{"name":"default","text":"Inherits value from closest `<OnyxForm>` component, defaults to `false` otherwise"}],"required":false,"type":"FormInjected<boolean> | undefined","schema":{"kind":"enum","type":"FormInjected<boolean> | undefined","schema":["undefined","false","true","symbol"]},"declarations":[]},{"name":"skeleton","global":false,"default":"SKELETON_INJECTED_SYMBOL","description":"Whether to show a skeleton.","tags":[],"required":false,"type":"SkeletonInjected | undefined","schema":{"kind":"enum","type":"SkeletonInjected | undefined","schema":["undefined","number","false","true","symbol"]},"declarations":[]},{"name":"value","global":false,"description":"Value of the option when it is selected.\nMust be unique in the current list of options.","tags":[],"required":true,"type":"TValue","schema":"TValue","declarations":[]},{"name":"required","global":false,"default":"false","description":"Whether the a value for this form element is required.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"label","global":false,"description":"Label to show. Required due to accessibility / screen readers.\nIf you want to visually hide the label, use the `hideLabel` property.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},{"name":"autofocus","global":false,"description":"Whether to focus the component on page load or inside a dialog/popover once it opens.\nCan only be enabled for one element inside a page/dialog/popover.\nNote: Has no effect when set after the component has been mounted.\n\n**UX / Accessibility**: autofocus should be used carefully since it can reduce usability and\naccessibility for users.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"loading","global":false,"default":"false","description":"Shows a loading indicator.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"truncation","global":false,"default":"\"ellipsis\"","description":"How to truncate the label if it exceeds the max width.","tags":[],"required":false,"type":"\"ellipsis\" | \"multiline\" | undefined","schema":{"kind":"enum","type":"\"ellipsis\" | \"multiline\" | undefined","schema":["undefined","\"ellipsis\"","\"multiline\""]},"declarations":[]},{"name":"showError","global":false,"description":"Configures if and when errors are shown.\n\n- `true`: errors will be shown initially.\n- `false`: errors will never be shown. ⚠️ Only the displaying of the error is effected! An error\n  can still block submission!\n- \"touched\": only shows an error _after_ a user has significantly interacted with the input, see\n  [:user-invalid](https://drafts.csswg.org/selectors/#user-invalid-pseudo)","tags":[{"name":"default","text":"Inherits value from closest `<OnyxForm>` component or `touched` if none exists"}],"required":false,"type":"FormInjected<ShowErrorMode> | undefined","schema":{"kind":"enum","type":"FormInjected<ShowErrorMode> | undefined","schema":["undefined","false","true","symbol","\"touched\""]},"declarations":[]},{"name":"reserveMessageSpace","global":false,"description":"Always reserves the space required to show `error` or other messages.\nSubsequently this will increase the height of the form element permanently.\nWe recommend to enable this to avoid layout shifts.","tags":[{"name":"default","text":"Inherits value from closest `<OnyxForm>` component, defaults to `false` otherwise"}],"required":false,"type":"FormInjected<boolean> | undefined","schema":{"kind":"enum","type":"FormInjected<boolean> | undefined","schema":["undefined","false","true","symbol"]},"declarations":[]},{"name":"error","global":false,"description":"Custom error message to show. Takes precedence over intrinsic error messages.","tags":[],"required":false,"type":"CustomMessageType | undefined","schema":{"kind":"enum","type":"CustomMessageType | undefined","schema":["undefined","string",{"kind":"object","type":"FormMessages","schema":{"shortMessage":{"name":"shortMessage","global":false,"description":"A short message preview to inform the user about the input state.\nIt's usually shown directly underneath the input field.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},"longMessage":{"name":"longMessage","global":false,"description":"An extended informative message to provide more details.\nIt's usually shown in a tooltip next to the shortMessage.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},"hidden":{"name":"hidden","global":false,"description":"Will visually hide the message.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]}}}]},"declarations":[]},{"name":"name","global":false,"description":"Identifier for the radio buttons in the group.\nAll radio buttons that should belong to the same radio group must have the same name.\nSee also: https://html.spec.whatwg.org/multipage/input.html#radio-button-group","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},{"name":"checked","global":false,"default":"false","description":"Whether the radio button is checked.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]}],"events":[{"name":"validityChange","description":"Emitted when the validity state of the input changes.","tags":[],"type":"[validity: ValidityState]","signature":"(evt: \"validityChange\", validity: ValidityState): void","schema":["ValidityState"],"declarations":[]}],"slots":[],"exposed":[]},{"exportName":"default","displayName":"OnyxInfoCard","type":1,"props":[{"name":"density","global":false,"description":"Density defines the amount of vertical white space a component has and the height of the main\n(interactive) element of a component.","tags":[{"name":"default","text":"undefined By default the parents setting is used, if none is defined on any parent `default` is the default."}],"required":false,"type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":{"kind":"enum","type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":["undefined","\"compact\"","\"default\"","\"cozy\""]},"declarations":[]},{"name":"headline","global":false,"description":"Card headline.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},{"name":"color","global":false,"default":"\"info\"","description":"Card color.","tags":[],"required":false,"type":"\"primary\" | \"neutral\" | \"danger\" | \"warning\" | \"success\" | \"info\" | undefined","schema":{"kind":"enum","type":"\"primary\" | \"neutral\" | \"danger\" | \"warning\" | \"success\" | \"info\" | undefined","schema":["undefined","\"primary\"","\"neutral\"","\"danger\"","\"warning\"","\"success\"","\"info\""]},"declarations":[]},{"name":"icon","global":false,"default":"iconCircleAttention","description":"Icon to display. If unset, a default icon will be displayed.\nCan be set to `false` to hide the icon.","tags":[],"required":false,"type":"string | false | undefined","schema":{"kind":"enum","type":"string | false | undefined","schema":["undefined","string","false"]},"declarations":[]},{"name":"closable","global":false,"default":"false","description":"Whether the info card can be closed. Will show an \"x\" icon.\nIf you provide custom `headerActions`, the close button will not be visible.\nPlease provide a custom menu item inside your header actions then.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]}],"events":[{"name":"close","description":"Emitted when the close button is clicked (`closable` property must be enabled).","tags":[],"type":"[]","signature":"(event: \"close\"): void","schema":[],"declarations":[]}],"slots":[{"name":"default","type":"any","description":"Slot to provide description / further information.","tags":[],"schema":"any","declarations":[]},{"name":"buttons","type":"any","description":"Slot to provide optional buttons/actions.","tags":[],"schema":"any","declarations":[]},{"name":"headerActions","type":"any","description":"Optional custom header actions to display inside a flyout menu. Note that the `closable`\nproperty will not have any effect when custom header actions are set. Please provide a close\nmenu item manually via the header actions then. You must only put\n[OnyxMenuItem](https://storybook.onyx.schwarz/?path=/docs/basic-menuitem--docs) components\nhere.","tags":[],"schema":"any","declarations":[]}],"exposed":[]},{"exportName":"default","displayName":"OnyxEditLinkDialog","type":1,"props":[{"name":"modelValue","global":false,"default":"undefined","description":"Current link value.","tags":[],"required":false,"type":"EditLinkValue | undefined","schema":{"kind":"enum","type":"EditLinkValue | undefined","schema":["undefined",{"kind":"object","type":"EditLinkValue","schema":{"href":{"name":"href","global":false,"description":"The URL/link to point to. Will use the router for internal links if provided, see [our\ndocumentation](https://onyx.schwarz/development/router.html) for further details.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},"withExternalIcon":{"name":"withExternalIcon","global":false,"description":"Whether to show the external link icon.\nIf set to `auto`, it will be shown when the `href` leads to another website\n(starting with \"http://\" or \"https://\") and will be hidden otherwise.","tags":[],"required":false,"type":"boolean | \"auto\" | undefined","schema":{"kind":"enum","type":"boolean | \"auto\" | undefined","schema":["undefined","false","true","\"auto\""]},"declarations":[]},"target":{"name":"target","global":false,"description":"Where to display the linked URL (same tab, new tab etc.).\nFor `_blank`, the `rel=\"noreferrer\"` will be set automatically.\nIf set to \"auto\", external links will be opened with \"_blank\" and internal ones with \"_self\".","tags":[],"required":false,"type":"\"auto\" | \"_self\" | \"_blank\" | \"_parent\" | \"_top\" | undefined","schema":{"kind":"enum","type":"\"auto\" | \"_self\" | \"_blank\" | \"_parent\" | \"_top\" | undefined","schema":["undefined","\"auto\"","\"_self\"","\"_blank\"","\"_parent\"","\"_top\""]},"declarations":[]},"label":{"name":"label","global":false,"description":"User-friendly label to display instead of the link.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]}}}]},"declarations":[]},{"name":"open","global":false,"default":"undefined","description":"Controls whether the dialog is open.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]}],"events":[{"name":"update:modelValue","description":"Emitted when the value is updated.","tags":[],"type":"[value?: EditLinkValue | undefined]","signature":"(event: \"update:modelValue\", value?: EditLinkValue | undefined): void","schema":[{"kind":"enum","type":"EditLinkValue | undefined","schema":["undefined",{"kind":"object","type":"EditLinkValue","schema":{"href":{"name":"href","global":false,"description":"The URL/link to point to. Will use the router for internal links if provided, see [our\ndocumentation](https://onyx.schwarz/development/router.html) for further details.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},"withExternalIcon":{"name":"withExternalIcon","global":false,"description":"Whether to show the external link icon.\nIf set to `auto`, it will be shown when the `href` leads to another website\n(starting with \"http://\" or \"https://\") and will be hidden otherwise.","tags":[],"required":false,"type":"boolean | \"auto\" | undefined","schema":{"kind":"enum","type":"boolean | \"auto\" | undefined","schema":["undefined","false","true","\"auto\""]},"declarations":[]},"target":{"name":"target","global":false,"description":"Where to display the linked URL (same tab, new tab etc.).\nFor `_blank`, the `rel=\"noreferrer\"` will be set automatically.\nIf set to \"auto\", external links will be opened with \"_blank\" and internal ones with \"_self\".","tags":[],"required":false,"type":"\"auto\" | \"_self\" | \"_blank\" | \"_parent\" | \"_top\" | undefined","schema":{"kind":"enum","type":"\"auto\" | \"_self\" | \"_blank\" | \"_parent\" | \"_top\" | undefined","schema":["undefined","\"auto\"","\"_self\"","\"_blank\"","\"_parent\"","\"_top\""]},"declarations":[]},"label":{"name":"label","global":false,"description":"User-friendly label to display instead of the link.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]}}}]}],"declarations":[]},{"name":"update:open","description":"Emitted when the dialog is opened or closed.","tags":[],"type":"[value: boolean]","signature":"(event: \"update:open\", value: boolean): void","schema":[{"kind":"enum","type":"boolean","schema":["false","true"]}],"declarations":[]}],"slots":[{"name":"trigger","type":"{ trigger: object; }","description":"Element to trigger the dialog. Must bind the `trigger` params.","tags":[],"schema":{"kind":"object","type":"{ trigger: object; }","schema":{"trigger":{"name":"trigger","global":false,"description":"","tags":[],"required":true,"type":"object","schema":"object","declarations":[]}}},"declarations":[]}],"exposed":[]},{"exportName":"default","displayName":"OnyxKey","type":1,"props":[{"name":"name","global":false,"description":"The keyboard key.","tags":[],"required":true,"type":"KeyboardKey","schema":{"kind":"enum","type":"KeyboardKey","schema":["\"P\"","\"B\"","\"D\"","\"C\"","\"M\"","\"$\"","\".\"","\"Home\"","\"Select\"","\"Undo\"","\"Redo\"","\"Pause\"","\"0\"","\":\"","\"-\"","\"/\"","\"Clear\"","\"*\"","\"1\"","\"2\"","\"3\"","\"4\"","\"5\"","\"6\"","\"7\"","\"8\"","\"9\"","\"A\"","\"E\"","\"F\"","\"G\"","\"H\"","\"I\"","\"J\"","\"K\"","\"L\"","\"N\"","\"O\"","\"Q\"","\"R\"","\"S\"","\"T\"","\"U\"","\"V\"","\"W\"","\"X\"","\"Y\"","\"Z\"","\"Space\"","\"!\"","\"@\"","\"#\"","\"%\"","\"^\"","\"&\"","\"(\"","\")\"","\"_\"","\"=\"","\"+\"","\"[\"","\"]\"","\"{\"","\"}\"","\";\"","\"'\"","\"\\\"\"","\",\"","\"?\"","\"`\"","\"~\"","\"\\\\\"","\"ArrowUp\"","\"ArrowDown\"","\"ArrowLeft\"","\"ArrowRight\"","\"End\"","\"PageUp\"","\"PageDown\"","\"Backspace\"","\"Delete\"","\"Insert\"","\"Enter\"","\"Tab\"","\"Escape\"","\"Shift\"","\"Control\"","\"Alt\"","\"Meta\"","\"AltGraph\"","\"CapsLock\"","\"NumLock\"","\"ScrollLock\"","\"F1\"","\"F2\"","\"F3\"","\"F4\"","\"F5\"","\"F6\"","\"F7\"","\"F8\"","\"F9\"","\"F10\"","\"F11\"","\"F12\"","\"FN\"","\"Numpad0\"","\"Numpad1\"","\"Numpad2\"","\"Numpad3\"","\"Numpad4\"","\"Numpad5\"","\"Numpad6\"","\"Numpad7\"","\"Numpad8\"","\"Numpad9\"","\"NumpadAdd\"","\"NumpadSubtract\"","\"NumpadMultiply\"","\"NumpadDivide\"","\"NumpadDecimal\"","\"NumpadEnter\"","\"AudioVolumeMute\"","\"AudioVolumeDown\"","\"AudioVolumeUp\"","\"MediaTrackNext\"","\"MediaTrackPrevious\"","\"MediaStop\"","\"MediaPlayPause\"","\"PrintScreen\"","\"ContextMenu\"","\"Help\"","\"unknown\""]},"declarations":[]},{"name":"os","global":false,"default":"\"auto\"","description":"Which operating system to use for displaying the key.\nWhen set to \"auto\", the OS will be detected automatically.","tags":[{"name":"default","text":"\"auto\""}],"required":false,"type":"\"auto\" | \"generic\" | \"macOS\" | \"windows\" | undefined","schema":{"kind":"enum","type":"\"auto\" | \"generic\" | \"macOS\" | \"windows\" | undefined","schema":["undefined","\"auto\"","\"generic\"","\"macOS\"","\"windows\""]},"declarations":[]},{"name":"highlight","global":false,"default":"false","description":"Whether the key is currently (visually) highlighted.\nWhen set to \"auto\", it is automatically highlighted when pressed.\n\nKey highlight state (for visual effect)","tags":[{"name":"default","text":"false"}],"required":false,"type":"boolean | \"auto\" | undefined","schema":{"kind":"enum","type":"boolean | \"auto\" | undefined","schema":["undefined","false","true","\"auto\""]},"declarations":[]},{"name":"skeleton","global":false,"default":"SKELETON_INJECTED_SYMBOL","description":"Whether to show a skeleton key.","tags":[],"required":false,"type":"SkeletonInjected | undefined","schema":{"kind":"enum","type":"SkeletonInjected | undefined","schema":["undefined","number","false","true","symbol"]},"declarations":[]}],"events":[{"name":"pressed","description":"Emitted when the given key was pressed.","tags":[],"type":"[]","signature":"(event: \"pressed\"): void","schema":[],"declarations":[]}],"slots":[],"exposed":[{"name":"actualOS","type":"\"generic\" | \"macOS\" | \"windows\"","description":"Actually used operating system (considers auto detection).","tags":[],"schema":{"kind":"enum","type":"\"generic\" | \"macOS\" | \"windows\"","schema":["\"generic\"","\"macOS\"","\"windows\""]},"declarations":[]}]},{"exportName":"default","displayName":"OnyxTooltip","type":1,"props":[{"name":"density","global":false,"description":"Density defines the amount of vertical white space a component has and the height of the main\n(interactive) element of a component.","tags":[{"name":"default","text":"undefined By default the parents setting is used, if none is defined on any parent `default` is the default."}],"required":false,"type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":{"kind":"enum","type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":["undefined","\"compact\"","\"default\"","\"cozy\""]},"declarations":[]},{"name":"disabled","global":false,"default":"false","description":"Whether the tooltip is disabled. If true, the tooltip will not be shown.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"text","global":false,"description":"Text to display inside the tooltip.\nMust be set unless the custom \"tooltip\" slot is used.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},{"name":"icon","global":false,"description":"Optional icon to show on the left of the text.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},{"name":"color","global":false,"default":"\"neutral\"","description":"Tooltip color.","tags":[],"required":false,"type":"\"neutral\" | \"danger\" | \"success\" | undefined","schema":{"kind":"enum","type":"\"neutral\" | \"danger\" | \"success\" | undefined","schema":["undefined","\"neutral\"","\"danger\"","\"success\""]},"declarations":[]},{"name":"position","global":false,"default":"\"auto\"","description":"How to position the tooltip relative to the parent element.","tags":[],"required":false,"type":"\"auto\" | AnchorPosition | undefined","schema":{"kind":"enum","type":"\"auto\" | AnchorPosition | undefined","schema":["undefined","\"top\"","\"left\"","\"auto\"","\"right\"","\"bottom\"","\"top right\"","\"top left\"","\"bottom right\"","\"bottom left\""]},"declarations":[]},{"name":"alignment","global":false,"default":"\"auto\"","description":"Specifies how to align the tooltip relative to the parent element.\nThis is applicable only for top and bottom positioning.","tags":[],"required":false,"type":"\"auto\" | OpenAlignment | undefined","schema":{"kind":"enum","type":"\"auto\" | OpenAlignment | undefined","schema":["undefined","\"top\"","\"left\"","\"auto\"","\"right\"","\"bottom\"","\"center\""]},"declarations":[]},{"name":"fitParent","global":false,"default":"false","description":"If `true`, the tooltip will match the width of the parent/slot element.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"open","global":false,"default":"undefined","description":"Whether the tooltip is currently open/visible. If unset, the state will be managed internally.","tags":[],"required":false,"type":"Nullable<boolean>","schema":{"kind":"enum","type":"Nullable<boolean>","schema":["undefined","null","false","true"]},"declarations":[]},{"name":"trigger","global":false,"default":"\"hover\"","description":"Whether the tooltip is triggered on hover or click. Can also be an object with additional\noptions.\n\n- Hover: tooltip - describes the associated element\n- Click: toggletip - gives additional information about in the current context\n\nThe \"toggletip\" is implemented using an aria-live region.\nSee also: https://inclusive-components.design/tooltips-toggletips/","tags":[],"required":false,"type":"TooltipTrigger | undefined","schema":{"kind":"enum","type":"TooltipTrigger | undefined","schema":["undefined","\"click\"","\"hover\"",{"kind":"object","type":"{ type: \"hover\"; } & Partial<TooltipOptions>","schema":{"type":{"name":"type","global":false,"description":"","tags":[],"required":true,"type":"\"hover\"","schema":"\"hover\"","declarations":[]},"debounce":{"name":"debounce","global":false,"description":"Number of milliseconds to use as debounce when showing/hiding the tooltip.","tags":[],"required":false,"type":"MaybeRefOrGetter<number> | undefined","schema":{"kind":"enum","type":"MaybeRefOrGetter<number> | undefined","schema":["undefined","number","Ref<number, number>","ShallowRef<number, number>","WritableComputedRef<number, number>","ComputedRef<number>","() => number"]},"declarations":[]}}},{"kind":"object","type":"{ type: \"click\"; } & Partial<ToggletipOptions>","schema":{"type":{"name":"type","global":false,"description":"","tags":[],"required":true,"type":"\"click\"","schema":"\"click\"","declarations":[]},"toggleLabel":{"name":"toggleLabel","global":false,"description":"","tags":[],"required":false,"type":"MaybeRefOrGetter<string> | undefined","schema":{"kind":"enum","type":"MaybeRefOrGetter<string> | undefined","schema":["undefined","string","Ref<string, string>","ShallowRef<string, string>","WritableComputedRef<string, string>","ComputedRef<string>","() => string"]},"declarations":[]}}}]},"declarations":[]},{"name":"alignsWithEdge","global":false,"default":"false","description":"Determines whether the tooltip aligns with the edge of the parent element,\ndepending on the specified alignment.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"withoutWedge","global":false,"description":"Determines whether the tooltip should be rendered without a wedge (triangle).","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]}],"events":[{"name":"update:open","description":"Emitted when the open state of the tooltip changes.","tags":[],"type":"[open: boolean]","signature":"(event: \"update:open\", open: boolean): void","schema":[{"kind":"enum","type":"boolean","schema":["false","true"]}],"declarations":[]}],"slots":[{"name":"default","type":"{ trigger: AriaAttributes; }","description":"Default slot where the parent content is placed that controls the open/close state of the\ntooltip.\n\n**Accessibility**: You must ensure that the trigger attributes are bound to a button when the\n`open` prop is not `hover`!","tags":[],"schema":{"kind":"object","type":"{ trigger: AriaAttributes; }","schema":{"trigger":{"name":"trigger","global":false,"description":"","tags":[],"required":true,"type":"AriaAttributes","schema":"AriaAttributes","declarations":[]}}},"declarations":[]},{"name":"tooltip","type":"any","description":"Optional slot to place custom content for the tooltip text.\n\n**Accessibility**: You must ensure that the tooltip content is NOT focusable/interactive.","tags":[],"schema":"any","declarations":[]}],"exposed":[]},{"exportName":"default","displayName":"OnyxShortcut","type":1,"props":[{"name":"os","global":false,"default":"\"auto\"","description":"Which operating system to use for displaying the key.\nWhen set to \"auto\", the OS will be detected automatically.","tags":[{"name":"default","text":"\"auto\""}],"required":false,"type":"\"auto\" | \"generic\" | \"macOS\" | \"windows\" | undefined","schema":{"kind":"enum","type":"\"auto\" | \"generic\" | \"macOS\" | \"windows\" | undefined","schema":["undefined","\"auto\"","\"generic\"","\"macOS\"","\"windows\""]},"declarations":[]},{"name":"highlight","global":false,"default":"false","description":"Whether the key is currently (visually) highlighted.\nWhen set to \"auto\", it is automatically highlighted when pressed.\n\nKey highlight state (for visual effect)","tags":[{"name":"default","text":"false"}],"required":false,"type":"boolean | \"auto\" | undefined","schema":{"kind":"enum","type":"boolean | \"auto\" | undefined","schema":["undefined","false","true","\"auto\""]},"declarations":[]},{"name":"sequence","global":false,"description":"Sequence of shortcut steps.","tags":[{"name":"example","text":"  `[{ all: [\"Control\", {any:[\"C\",\"Y\"]}] }, { any: [\"V\", \"Insert\"] }]`;"}],"required":true,"type":"ShortcutSequenceStep[]","schema":"ShortcutSequenceStep[]","declarations":[]},{"name":"skeleton","global":false,"default":"SKELETON_INJECTED_SYMBOL","description":"Whether to show a skeleton shortcut.","tags":[],"required":false,"type":"SkeletonInjected | undefined","schema":{"kind":"enum","type":"SkeletonInjected | undefined","schema":["undefined","number","false","true","symbol"]},"declarations":[]},{"name":"cleanupDelay","global":false,"default":"5000","description":"Delay in milliseconds before cleaning up the pressed keys after inactivity.","tags":[{"name":"default","text":"5000"}],"required":false,"type":"number | undefined","schema":{"kind":"enum","type":"number | undefined","schema":["undefined","number"]},"declarations":[]},{"name":"element","global":false,"description":"Element on which to listen for the shortcut events.\nIf not provided, the events are listened on the global window object.","tags":[],"required":false,"type":"HTMLElement | undefined","schema":{"kind":"enum","type":"HTMLElement | undefined","schema":["undefined","HTMLElement"]},"declarations":[]},{"name":"disabled","global":false,"default":"false","description":"Whether the shortcut handling is disabled.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]}],"events":[{"name":"complete","description":"Emitted when the full shortcut sequence is completed successfully.","tags":[],"type":"[]","signature":"(event: \"complete\"): void","schema":[],"declarations":[]},{"name":"stepComplete","description":"Emitted when a step in the shortcut sequence is completed.","tags":[],"type":"[step: ShortcutSequenceStep, stepIndex: number]","signature":"(event: \"stepComplete\", step: ShortcutSequenceStep, stepIndex: number): void","schema":[{"kind":"enum","type":"ShortcutSequenceStep","schema":[{"kind":"object","type":"ShortCutAllStep & { hideSeparator?: boolean | undefined; }","schema":{"all":{"name":"all","global":false,"description":"Shortcut step that requires all keys to be pressed.\nFor example, Ctrl + S would be represented as `{ all: [\"Control\", \"S\"] }`.","tags":[],"required":true,"type":"(KeyboardKey | ShortcutItemAny)[]","schema":"(KeyboardKey | ShortcutItemAny)[]","declarations":[]},"hideSeparator":{"name":"hideSeparator","global":false,"description":"Whether to hide the separator (`/` or `+`) used to concatenate keys in this step.\nUseful when you e.g. want to display `↑↓` instead of `↑/↓`.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]}}},{"kind":"object","type":"ShortCutAnyStep & { hideSeparator?: boolean | undefined; }","schema":{"any":{"name":"any","global":false,"description":"Shortcut step that requires any one of the keys to be pressed.\nFor example, Ctrl or Command would be represented as `{ any: [\"Control\", \"Meta\"] }`.","tags":[],"required":true,"type":"(KeyboardKey | ShortcutItemAll)[]","schema":"(KeyboardKey | ShortcutItemAll)[]","declarations":[]},"hideSeparator":{"name":"hideSeparator","global":false,"description":"Whether to hide the separator (`/` or `+`) used to concatenate keys in this step.\nUseful when you e.g. want to display `↑↓` instead of `↑/↓`.","tags":[],"required":false,"type":"boolean | undefined","schema":"boolean | undefined","declarations":[]}}}]},"number"],"declarations":[]}],"slots":[],"exposed":[]},{"exportName":"default","displayName":"OnyxNavBar","type":2,"props":[{"name":"logoUrl","global":false,"description":"Logo / app icon URl to display. Slot `logo` can be used to place custom content.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},{"name":"appName","global":false,"description":"Application name to show on the left.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},{"name":"withBackButton","global":false,"description":"Whether to show a back button.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"appArea","global":false,"description":"Override app area.","tags":[{"name":"default","text":"Link to \"/\" route with a translated \"Go to home\" aria-label depending on the current locale."}],"required":false,"type":"Omit<OnyxNavAppAreaProps, \"logoUrl\" | \"appName\"> | undefined","schema":{"kind":"enum","type":"Omit<OnyxNavAppAreaProps, \"logoUrl\" | \"appName\"> | undefined","schema":["undefined","Omit<OnyxNavAppAreaProps, \"logoUrl\" | \"appName\">"]},"declarations":[]},{"name":"mobile","global":false,"default":"\"sm\"","description":"Determines if and when the `OnyxNavBar` should render in mobile mode.\n\n`mobile` prop can be one of the following; - a `boolean`: The NavBar renders in mobile mode,\nwhen `true`. - a `OnyxBreakpoint`: The NavBar renders in mobile mode, when the current\nbreakpoint matches or is smaller. - a `number`: The NavBar renders in mobile when the viewport\nwidth is smaller than the provided value.","tags":[{"name":"see","text":"[onyx docs](https://onyx.schwarz/development/breakpoints.html) for more information."}],"required":false,"type":"number | boolean | OnyxBreakpoint | undefined","schema":{"kind":"enum","type":"number | boolean | OnyxBreakpoint | undefined","schema":["undefined","number","false","true","\"sm\"","\"2xs\"","\"xs\"","\"md\"","\"lg\"","\"xl\""]},"declarations":[]},{"name":"orientation","global":false,"default":"\"horizontal\" as any","description":"The orientation of the nav bar.","tags":[{"name":"default","text":"\"horizontal\""}],"required":false,"type":"T | undefined","schema":{"kind":"enum","type":"T | undefined","schema":["undefined","T"]},"declarations":[]},{"name":"expanded","global":false,"default":"undefined","description":"Whether the nav bar is currently expanded. Only available for `orientation=\"vertical\"`.","tags":[],"required":false,"type":"Nullable<boolean>","schema":{"kind":"enum","type":"Nullable<boolean>","schema":["undefined","null","false","true"]},"declarations":[]},{"name":"alignment","global":false,"description":"How to align the navigation items. Only available for `orientation=\"vertical\"`.","tags":[],"required":false,"type":"(T extends \"vertical\" ? \"top\" | \"center\" : never) | undefined","schema":{"kind":"enum","type":"(T extends \"vertical\" ? \"top\" | \"center\" : never) | undefined","schema":["undefined","T extends \"vertical\" ? \"top\" | \"center\" : never"]},"declarations":[]}],"events":[{"name":"navigateBack","description":"Emitted when the back button is clicked.","tags":[],"type":"[event: MouseEvent]","signature":"(evt: \"navigateBack\", event: MouseEvent): void","schema":["MouseEvent"],"declarations":[]},{"name":"update:expanded","description":"Emitted when the expanded state changes.","tags":[],"type":"[expanded: boolean]","signature":"(evt: \"update:expanded\", expanded: boolean): void","schema":[{"kind":"enum","type":"boolean","schema":["false","true"]}],"declarations":[]}],"slots":[{"name":"default","type":"any","description":"[`OnyxNavItem`](/docs/navigation-navbar-modules-navitem--docs) components should be placed and\nnested here to build the navigation. Important: When using the vertical orientation, the CSS\nvariable --onyx-vertical-navbar-collapsed-width might need to be adjusted on the OnyxNavBar to\nfit the custom content properly.","tags":[],"schema":"any","declarations":[]},{"name":"appArea","type":"any","description":"Optional slot to override the app area content (logo and app name, e.g. with a custom icon /\n`OnyxIcon` component).","tags":[],"schema":"any","declarations":[]},{"name":"contextArea","type":"any","description":"Optional context area on the right to display additional (global) components, like user login,\nglobal settings etc. Use the following ready-to-use components: - `OnyxTimer` - `OnyxTag` -\n`OnyxSeparator` - `OnyxUserMenu` (Ideally `OnyxUserMenu` is the last item on the very right)\n\nFor custom buttons use the `OnyxNavButton`.","tags":[],"schema":"any","declarations":[]},{"name":"globalContextArea","type":"any","description":"Same as `contextArea` slot on desktop (will be placed next to it) but on mobile, the components\ninside will stay in the mobile nav bar itself and will not be collapsed into the context menu\nbutton.\n\nGlobal actions like e.g. search or notification center can be placed here that should always be\ndirectly accessible on mobile.\n\nThe same components as for the `contextArea` can be used here.","tags":[],"schema":"any","declarations":[]},{"name":"mobileActivePage","type":"any","description":"Label for displaying the currently active page in mobile mode.\nIf a child of a nav item is active, it should displayed the child label instead of the parent.","tags":[],"schema":"any","declarations":[]}],"exposed":[]},{"exportName":"default","displayName":"OnyxFormElementV2","type":1,"props":[{"name":"density","global":false,"description":"Density defines the amount of vertical white space a component has and the height of the main\n(interactive) element of a component.","tags":[{"name":"default","text":"undefined By default the parents setting is used, if none is defined on any parent `default` is the default."}],"required":false,"type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":{"kind":"enum","type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":["undefined","\"compact\"","\"default\"","\"cozy\""]},"declarations":[]},{"name":"showError","global":false,"default":"FORM_INJECTED_SYMBOL","description":"Configures if and when errors are shown.\n\n- `true`: errors will be shown initially.\n- `false`: errors will never be shown. ⚠️ Only the displaying of the error is effected! An error\n  can still block submission!\n- \"touched\": only shows an error _after_ a user has significantly interacted with the input, see\n  [:user-invalid](https://drafts.csswg.org/selectors/#user-invalid-pseudo)","tags":[{"name":"default","text":"Inherits value from closest `<OnyxForm>` component or `touched` if none exists"}],"required":false,"type":"FormInjected<ShowErrorMode> | undefined","schema":{"kind":"enum","type":"FormInjected<ShowErrorMode> | undefined","schema":["undefined","false","true","symbol","\"touched\""]},"declarations":[]},{"name":"requiredMarker","global":false,"default":"FORM_INJECTED_SYMBOL","description":"How to display the required / optional marker.\n\n- Optional: will show an `(optional)` text after the label for optional form elements.\n- Required: will show an `*` indicator for required inputs after the label instead.\n\nNo marker will be visible if the label is hidden.","tags":[{"name":"default","text":"Inherits value from closest `<OnyxForm>` component or `required` if none exists"}],"required":false,"type":"FormInjected<\"required\" | \"optional\"> | undefined","schema":{"kind":"enum","type":"FormInjected<\"required\" | \"optional\"> | undefined","schema":["undefined","symbol","\"required\"","\"optional\""]},"declarations":[]},{"name":"reserveMessageSpace","global":false,"default":"FORM_INJECTED_SYMBOL","description":"Always reserves the space required to show `error` or other messages.\nSubsequently this will increase the height of the form element permanently.\nWe recommend to enable this to avoid layout shifts.","tags":[{"name":"default","text":"Inherits value from closest `<OnyxForm>` component, defaults to `false` otherwise"}],"required":false,"type":"FormInjected<boolean> | undefined","schema":{"kind":"enum","type":"FormInjected<boolean> | undefined","schema":["undefined","false","true","symbol"]},"declarations":[]},{"name":"id","global":false,"default":"useId()","description":"The id of a labelled form-related element.\nWill be auto-generated if unset and be passed to the `default` slot.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},{"name":"label","global":false,"description":"Label to show for the element. Required due to accessibility / screen readers.\nIf you want to visually hide the label, use the `label.hidden` property.","tags":[],"required":true,"type":"string | FormElementV2LabelOptions","schema":{"kind":"enum","type":"string | FormElementV2LabelOptions","schema":["string",{"kind":"object","type":"FormElementV2LabelOptions","schema":{"label":{"name":"label","global":false,"description":"Label displayed outside of the tooltip.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},"tooltipText":{"name":"tooltipText","global":false,"description":"Actual tooltip text.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},"position":{"name":"position","global":false,"description":"How to position the label relative to the main content.","tags":[],"required":false,"type":"\"top\" | \"left\" | \"right\" | undefined","schema":{"kind":"enum","type":"\"top\" | \"left\" | \"right\" | undefined","schema":["undefined","\"top\"","\"left\"","\"right\""]},"declarations":[]},"hidden":{"name":"hidden","global":false,"description":"If `true`, the label will be visually hidden.\nFor accessibility / screen readers, the aria-label will still be set.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},"truncation":{"name":"truncation","global":false,"description":"How to truncate the label if it exceeds the max width.","tags":[],"required":false,"type":"\"ellipsis\" | \"multiline\" | undefined","schema":{"kind":"enum","type":"\"ellipsis\" | \"multiline\" | undefined","schema":["undefined","\"ellipsis\"","\"multiline\""]},"declarations":[]}}}]},"declarations":[]},{"name":"skeleton","global":false,"default":"SKELETON_INJECTED_SYMBOL","description":"Whether to show as skeleton.","tags":[],"required":false,"type":"SkeletonInjected | undefined","schema":{"kind":"enum","type":"SkeletonInjected | undefined","schema":["undefined","number","false","true","symbol"]},"declarations":[]},{"name":"message","global":false,"description":"Optional message to show below the form element.","tags":[],"required":false,"type":"string | FormElementV2Tooltip | undefined","schema":{"kind":"enum","type":"string | FormElementV2Tooltip | undefined","schema":["undefined","string",{"kind":"object","type":"FormElementV2Tooltip","schema":{"label":{"name":"label","global":false,"description":"Label displayed outside of the tooltip.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},"tooltipText":{"name":"tooltipText","global":false,"description":"Actual tooltip text.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]}}}]},"declarations":[]},{"name":"error","global":false,"description":"Optional error message to show below the form element.","tags":[],"required":false,"type":"string | FormElementV2Tooltip | undefined","schema":{"kind":"enum","type":"string | FormElementV2Tooltip | undefined","schema":["undefined","string",{"kind":"object","type":"FormElementV2Tooltip","schema":{"label":{"name":"label","global":false,"description":"Label displayed outside of the tooltip.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},"tooltipText":{"name":"tooltipText","global":false,"description":"Actual tooltip text.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]}}}]},"declarations":[]},{"name":"success","global":false,"description":"Optional success message to show below the form element.","tags":[],"required":false,"type":"string | FormElementV2Tooltip | undefined","schema":{"kind":"enum","type":"string | FormElementV2Tooltip | undefined","schema":["undefined","string",{"kind":"object","type":"FormElementV2Tooltip","schema":{"label":{"name":"label","global":false,"description":"Label displayed outside of the tooltip.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},"tooltipText":{"name":"tooltipText","global":false,"description":"Actual tooltip text.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]}}}]},"declarations":[]},{"name":"required","global":false,"description":"Whether the a value for this form element is required.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"loading","global":false,"description":"Whether a loading indicator should be shown.\nWill hide the `leadingIcons` slot if set.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"open","global":false,"default":"undefined","description":"Whether the popover is currently open.","tags":[],"required":false,"type":"Nullable<boolean>","schema":{"kind":"enum","type":"Nullable<boolean>","schema":["undefined","null","false","true"]},"declarations":[]},{"name":"popoverOptions","global":false,"default":"{ fitParent: true }","description":"Additional popover options.","tags":[],"required":false,"type":"FormElementV2PopoverOptions | undefined","schema":{"kind":"enum","type":"FormElementV2PopoverOptions | undefined","schema":["undefined",{"kind":"object","type":"FormElementV2PopoverOptions","schema":{"disabled":{"name":"disabled","global":false,"description":"Whether the popover is disabled and can not be opened.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},"position":{"name":"position","global":false,"description":"How to position the popover around the parent element.","tags":[],"required":false,"type":"\"auto\" | AnchorPosition | \"auto-inline\" | undefined","schema":{"kind":"enum","type":"\"auto\" | AnchorPosition | \"auto-inline\" | undefined","schema":["undefined","\"top\"","\"left\"","\"auto\"","\"right\"","\"bottom\"","\"top right\"","\"top left\"","\"bottom right\"","\"bottom left\"","\"auto-inline\""]},"declarations":[]},"alignment":{"name":"alignment","global":false,"description":"How to align the popover relative to the parent element (depending on the position).","tags":[],"required":false,"type":"\"auto\" | OpenAlignment | undefined","schema":{"kind":"enum","type":"\"auto\" | OpenAlignment | undefined","schema":["undefined","\"top\"","\"left\"","\"auto\"","\"right\"","\"bottom\"","\"center\""]},"declarations":[]},"fitParent":{"name":"fitParent","global":false,"description":"If `true`, the popover will match the width of the parent/slot element.","tags":[],"required":false,"type":"boolean | undefined","schema":"boolean | undefined","declarations":[]},"label":{"name":"label","global":false,"description":"Aria label for the popover.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},"description":{"name":"description","global":false,"description":"Description text that is displayed at the bottom of the popover.","tags":[],"required":false,"type":"string | undefined","schema":"string | undefined","declarations":[]}}}]},"declarations":[]},{"name":"unstyled","global":false,"description":"*Wether it's unstyled, in which case it resets the styles of the content area (where the\nmain form element resides)","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]}],"events":[{"name":"update:open","description":"Emitted when the popover open state changes.","tags":[],"type":"[open: boolean]","signature":"(event: \"update:open\", open: boolean): void","schema":[{"kind":"enum","type":"boolean","schema":["false","true"]}],"declarations":[]}],"slots":[{"name":"default","type":"HTMLAttributes","description":"Actual native HTML form element (e.g. `<input>` or `<textarea>`).","tags":[],"schema":"HTMLAttributes","declarations":[]},{"name":"leading","type":"any","description":"Optional slot to provide custom leading content before the actual input (e.g. an `OnyxSelect`).","tags":[],"schema":"any","declarations":[]},{"name":"leadingIcons","type":"any","description":"Optional inner icons (`OnyxIcon`) to display before the input but after the `leading` slot.\nWill be hidden when `loading` property is set.","tags":[],"schema":"any","declarations":[]},{"name":"trailingIcons","type":"any","description":"Optional inner icons to display after the input but before the `trailing` slot.","tags":[],"schema":"any","declarations":[]},{"name":"trailing","type":"any","description":"Optional slot to provide custom trailing content after the actual input (e.g. an `OnyxSelect`).","tags":[],"schema":"any","declarations":[]},{"name":"bottomRight","type":"any","description":"Optional slot to display content on the bottom right (e.g. a character counter).","tags":[],"schema":"any","declarations":[]},{"name":"popover","type":"any","description":"Optional popover content. If set, a popover will be wrapped around the main input area.\nNote: The input should typically be readonly or disabled when using a popover.","tags":[],"schema":"any","declarations":[]}],"exposed":[]},{"exportName":"default","displayName":"OnyxGlobalSearch","type":1,"props":[{"name":"density","global":false,"description":"Density defines the amount of vertical white space a component has and the height of the main\n(interactive) element of a component.","tags":[{"name":"default","text":"undefined By default the parents setting is used, if none is defined on any parent `default` is the default."}],"required":false,"type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":{"kind":"enum","type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":["undefined","\"compact\"","\"default\"","\"cozy\""]},"declarations":[]},{"name":"nonDismissible","global":false,"description":"Whether to prevent closing the dialog when clicking outside or pressing the `Escape` key.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"open","global":false,"description":"Whether the dialog is open.","tags":[],"required":false,"type":"Nullable<boolean>","schema":{"kind":"enum","type":"Nullable<boolean>","schema":["undefined","null","false","true"]},"declarations":[]},{"name":"alert","global":false,"description":"Whether the dialog is an [alert dialog](https://www.w3.org/WAI/ARIA/apg/patterns/alertdialog/).\nShould be set for better accessibility / screen reader support when the dialog\ninterrupts the user's workflow to communicate an important message and acquire a response,\ne.g. a delete confirmation.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"backdrop","global":false,"description":"The intensity of the backdrop.","tags":[{"name":"default","text":"\"soft\""}],"required":false,"type":"\"soft\" | \"medium\" | undefined","schema":{"kind":"enum","type":"\"soft\" | \"medium\" | undefined","schema":["undefined","\"soft\"","\"medium\""]},"declarations":[]},{"name":"modelValue","global":false,"description":"The current search term.","tags":[],"required":false,"type":"Nullable<string>","schema":{"kind":"enum","type":"Nullable<string>","schema":["undefined","null","string"]},"declarations":[]},{"name":"loading","global":false,"description":"Whether the search is currently loading results.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]}],"events":[{"name":"update:modelValue","description":"Emitted when the search term changes.","tags":[],"type":"[value: string]","signature":"(event: \"update:modelValue\", value: string): void","schema":["string"],"declarations":[]},{"name":"update:open","description":"Emitted when the modal dialog should be closed.\nOpening is always controlled via the `open` prop.","tags":[],"type":"[open: boolean]","signature":"(event: \"update:open\", open: boolean): void","schema":[{"kind":"enum","type":"boolean","schema":["false","true"]}],"declarations":[]}],"slots":[{"name":"default","type":"any","description":"Slot to pass search results / groups. Only `OnyxGlobalSearchGroup` components should be used.","tags":[],"schema":"any","declarations":[]},{"name":"endOfList","type":"{ getOptionProps: (value: string) => { role: string; id: string; \"aria-selected\": boolean; }; activeValue?: string | undefined; }","description":"Slot to pass content after search results.","tags":[],"schema":{"kind":"object","type":"{ getOptionProps: (value: string) => { role: string; id: string; \"aria-selected\": boolean; }; activeValue?: string | undefined; }","schema":{"getOptionProps":{"name":"getOptionProps","global":false,"description":"Helper to make an element navigable.","tags":[{"name":"param","text":"value - Must be a unique name (e.g., 'show-all')."}],"required":true,"type":"(value: string) => { role: string; id: string; \"aria-selected\": boolean; }","schema":{"kind":"event","type":"(value: string): { role: string; id: string; \"aria-selected\": boolean; }","schema":[]},"declarations":[]},"activeValue":{"name":"activeValue","global":false,"description":"The value of the currently highlighted option.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]}}},"declarations":[]},{"name":"leading","type":"any","description":"Slot to pass leading content that is displayed before the `default` slot.","tags":[],"schema":"any","declarations":[]}],"exposed":[]},{"exportName":"default","displayName":"OnyxSegmentedControl","type":2,"props":[{"name":"density","global":false,"description":"Density defines the amount of vertical white space a component has and the height of the main\n(interactive) element of a component.","tags":[{"name":"default","text":"undefined By default the parents setting is used, if none is defined on any parent `default` is the default."}],"required":false,"type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":{"kind":"enum","type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":["undefined","\"compact\"","\"default\"","\"cozy\""]},"declarations":[]},{"name":"modelValue","global":false,"description":"Value of the active control element.","tags":[],"required":true,"type":"TValue","schema":"TValue","declarations":[]},{"name":"skeleton","global":false,"default":"SKELETON_INJECTED_SYMBOL","description":"Whether to show a skeleton segmented control.","tags":[],"required":false,"type":"SkeletonInjected | undefined","schema":{"kind":"enum","type":"SkeletonInjected | undefined","schema":["undefined","number","false","true","symbol"]},"declarations":[]},{"name":"options","global":false,"description":"Array of options for the segmented control.","tags":[],"required":true,"type":"OnyxSegmentedControlOption<TValue>[]","schema":"OnyxSegmentedControlOption<TValue>[]","declarations":[]},{"name":"name","global":false,"default":"useId()","description":"Same as the native `name` attribute of `<input>`.\nUsed to reference the input in JavaScript or in submitted form data.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]}],"events":[{"name":"update:modelValue","description":"Emitted when the selected value changes.","tags":[],"type":"[value: TValue]","signature":"(evt: \"update:modelValue\", value: TValue): void","schema":["TValue"],"declarations":[]}],"slots":[],"exposed":[]},{"exportName":"default","displayName":"OnyxSelect","type":2,"props":[{"name":"density","global":false,"description":"Density defines the amount of vertical white space a component has and the height of the main\n(interactive) element of a component.","tags":[{"name":"default","text":"undefined By default the parents setting is used, if none is defined on any parent `default` is the default."}],"required":false,"type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":{"kind":"enum","type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":["undefined","\"compact\"","\"default\"","\"cozy\""]},"declarations":[]},{"name":"disabled","global":false,"default":"FORM_INJECTED_SYMBOL","description":"Whether the input should be disabled and prevent the user from interacting with it.\nDisabled makes the element not mutable, focusable, or even submitted with the form.\nIt will also not be validated.\nWhether the select should be disabled.","tags":[{"name":"default","text":"Inherits value from closest `<OnyxForm>` component, defaults to `false` otherwise"}],"required":false,"type":"FormInjected<boolean> | undefined","schema":{"kind":"enum","type":"FormInjected<boolean> | undefined","schema":["undefined","false","true","symbol"]},"declarations":[]},{"name":"skeleton","global":false,"default":"SKELETON_INJECTED_SYMBOL","description":"Whether to show a skeleton input.","tags":[],"required":false,"type":"SkeletonInjected | undefined","schema":{"kind":"enum","type":"SkeletonInjected | undefined","schema":["undefined","number","false","true","symbol"]},"declarations":[]},{"name":"required","global":false,"description":"Whether the a value for this form element is required.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"success","global":false,"description":"Success messages that inform about the state of form components","tags":[],"required":false,"type":"CustomMessageType | undefined","schema":{"kind":"enum","type":"CustomMessageType | undefined","schema":["undefined","string",{"kind":"object","type":"FormMessages","schema":{"shortMessage":{"name":"shortMessage","global":false,"description":"A short message preview to inform the user about the input state.\nIt's usually shown directly underneath the input field.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},"longMessage":{"name":"longMessage","global":false,"description":"An extended informative message to provide more details.\nIt's usually shown in a tooltip next to the shortMessage.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},"hidden":{"name":"hidden","global":false,"description":"Will visually hide the message.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]}}}]},"declarations":[]},{"name":"autofocus","global":false,"description":"Whether to focus the component on page load or inside a dialog/popover once it opens.\nCan only be enabled for one element inside a page/dialog/popover.\nNote: Has no effect when set after the component has been mounted.\n\n**UX / Accessibility**: autofocus should be used carefully since it can reduce usability and\naccessibility for users.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"loading","global":false,"default":"false","description":"Whether the input is loading. User interaction will be disabled.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"showError","global":false,"default":"FORM_INJECTED_SYMBOL","description":"Configures if and when errors are shown.\n\n- `true`: errors will be shown initially.\n- `false`: errors will never be shown. ⚠️ Only the displaying of the error is effected! An error\n  can still block submission!\n- \"touched\": only shows an error _after_ a user has significantly interacted with the input, see\n  [:user-invalid](https://drafts.csswg.org/selectors/#user-invalid-pseudo)","tags":[{"name":"default","text":"Inherits value from closest `<OnyxForm>` component or `touched` if none exists"}],"required":false,"type":"FormInjected<ShowErrorMode> | undefined","schema":{"kind":"enum","type":"FormInjected<ShowErrorMode> | undefined","schema":["undefined","false","true","symbol","\"touched\""]},"declarations":[]},{"name":"requiredMarker","global":false,"default":"FORM_INJECTED_SYMBOL","description":"How to display the required / optional marker.\n\n- Optional: will show an `(optional)` text after the label for optional form elements.\n- Required: will show an `*` indicator for required inputs after the label instead.\n\nNo marker will be visible if the label is hidden.","tags":[{"name":"default","text":"Inherits value from closest `<OnyxForm>` component or `required` if none exists"}],"required":false,"type":"FormInjected<\"required\" | \"optional\"> | undefined","schema":{"kind":"enum","type":"FormInjected<\"required\" | \"optional\"> | undefined","schema":["undefined","symbol","\"required\"","\"optional\""]},"declarations":[]},{"name":"reserveMessageSpace","global":false,"default":"FORM_INJECTED_SYMBOL","description":"Always reserves the space required to show `error` or other messages.\nSubsequently this will increase the height of the form element permanently.\nWe recommend to enable this to avoid layout shifts.","tags":[{"name":"default","text":"Inherits value from closest `<OnyxForm>` component, defaults to `false` otherwise"}],"required":false,"type":"FormInjected<boolean> | undefined","schema":{"kind":"enum","type":"FormInjected<boolean> | undefined","schema":["undefined","false","true","symbol"]},"declarations":[]},{"name":"error","global":false,"description":"Custom error message to show. Takes precedence over intrinsic error messages.","tags":[],"required":false,"type":"CustomMessageType | undefined","schema":{"kind":"enum","type":"CustomMessageType | undefined","schema":["undefined","string",{"kind":"object","type":"FormMessages","schema":{"shortMessage":{"name":"shortMessage","global":false,"description":"A short message preview to inform the user about the input state.\nIt's usually shown directly underneath the input field.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},"longMessage":{"name":"longMessage","global":false,"description":"An extended informative message to provide more details.\nIt's usually shown in a tooltip next to the shortMessage.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},"hidden":{"name":"hidden","global":false,"description":"Will visually hide the message.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]}}}]},"declarations":[]},{"name":"id","global":false,"description":"The id of a labelled form-related element.\nIf not given an id will be generated.\nThe id is passed as a `default` slot property.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},{"name":"name","global":false,"description":"Same as the native `name` attribute of `<input>`.\nUsed to reference the input in JavaScript or in submitted form data.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},{"name":"labelTooltip","global":false,"description":"Info text to show inside a tooltip, next to the label.\nThe tooltip will be hidden if `hideLabel` property is set to true.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},{"name":"hideLabel","global":false,"description":"If `true`, the label will be visually hidden and\nthe `title` attribute will be set by the form element (input/textarea/...).\nFor accessibility / screen readers, the aria-label will still be set.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"readonly","global":false,"default":"false","description":"Whether the input should be readonly.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"message","global":false,"description":"Message / help text to display below the form element.\nWill be replaced by an error message if the form element is invalid.","tags":[],"required":false,"type":"CustomMessageType | undefined","schema":{"kind":"enum","type":"CustomMessageType | undefined","schema":["undefined","string",{"kind":"object","type":"FormMessages","schema":{"shortMessage":{"name":"shortMessage","global":false,"description":"A short message preview to inform the user about the input state.\nIt's usually shown directly underneath the input field.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},"longMessage":{"name":"longMessage","global":false,"description":"An extended informative message to provide more details.\nIt's usually shown in a tooltip next to the shortMessage.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},"hidden":{"name":"hidden","global":false,"description":"Will visually hide the message.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]}}}]},"declarations":[]},{"name":"placeholder","global":false,"description":"Placeholder to show when the value is empty.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},{"name":"label","global":false,"description":"Label to show for the element. Required due to accessibility / screen readers.\nIf you want to visually hide the label, use the `label.hidden` property.","tags":[],"required":true,"type":"string | FormElementV2LabelOptions","schema":{"kind":"enum","type":"string | FormElementV2LabelOptions","schema":["string",{"kind":"object","type":"FormElementV2LabelOptions","schema":{"label":{"name":"label","global":false,"description":"Label displayed outside of the tooltip.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},"tooltipText":{"name":"tooltipText","global":false,"description":"Actual tooltip text.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},"position":{"name":"position","global":false,"description":"How to position the label relative to the main content.","tags":[],"required":false,"type":"\"top\" | \"left\" | \"right\" | undefined","schema":{"kind":"enum","type":"\"top\" | \"left\" | \"right\" | undefined","schema":["undefined","\"top\"","\"left\"","\"right\""]},"declarations":[]},"hidden":{"name":"hidden","global":false,"description":"If `true`, the label will be visually hidden.\nFor accessibility / screen readers, the aria-label will still be set.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},"truncation":{"name":"truncation","global":false,"description":"How to truncate the label if it exceeds the max width.","tags":[],"required":false,"type":"\"ellipsis\" | \"multiline\" | undefined","schema":{"kind":"enum","type":"\"ellipsis\" | \"multiline\" | undefined","schema":["undefined","\"ellipsis\"","\"multiline\""]},"declarations":[]}}}]},"declarations":[]},{"name":"open","global":false,"default":"undefined","description":"Whether the popover is currently open.","tags":[],"required":false,"type":"Nullable<boolean>","schema":{"kind":"enum","type":"Nullable<boolean>","schema":["undefined","null","false","true"]},"declarations":[]},{"name":"truncation","global":false,"default":"\"ellipsis\"","description":"How to truncate the label if it exceeds the max width.","tags":[],"required":false,"type":"\"ellipsis\" | \"multiline\" | undefined","schema":{"kind":"enum","type":"\"ellipsis\" | \"multiline\" | undefined","schema":["undefined","\"ellipsis\"","\"multiline\""]},"declarations":[]},{"name":"hideSuccessIcon","global":false,"description":"Whether to hide the check icon when the input is in a success state.","tags":[{"name":"deprecated","text":"This property is obsolete since the \"success\" state will no longer automatically show a \"check\" icon.\nThe \"check\" icon is intended as temporary feedback after a user action (e.g. clicking a copy button). Use the `trailingIcons` slot to manually show the icon if needed."}],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"hideClearIcon","global":false,"description":"Whether to hide the clear icon when the input is filled and focused.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"noFilter","global":false,"default":"false","description":"Disables the implicit options filtering when the user changes the search term.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"withSearch","global":false,"description":"Allows the user to filter the list entries.\nIf enabled, you need to manually filter the options based on the current `searchTerm`.\nYou can use our `normalizedIncludes()` utility function for this.\nNo support for `lazyLoading` yet.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"multiple","global":false,"description":"Allows the selection of multiple options","tags":[],"required":false,"type":"(boolean & TMultiple) | undefined","schema":{"kind":"enum","type":"(boolean & TMultiple) | undefined","schema":["undefined",{"kind":"object","type":"false & TMultiple","schema":{"valueOf":{"name":"valueOf","global":false,"description":"Returns the primitive value of the specified object.","tags":[],"required":true,"type":"() => boolean","schema":"() => boolean","declarations":[]}}},{"kind":"object","type":"true & TMultiple","schema":{"valueOf":{"name":"valueOf","global":false,"description":"Returns the primitive value of the specified object.","tags":[],"required":true,"type":"() => boolean","schema":"() => boolean","declarations":[]}}}]},"declarations":[]},{"name":"withCheckAll","global":false,"description":"If true, a checkbox will be displayed to check/uncheck all options.\nDisabled and skeleton checkboxes will be excluded from the check/uncheck behavior.\nOnly available if \"multiple\" is true and no `searchTerm` is provided.","tags":[],"required":false,"type":"boolean | { label?: string | undefined; labelFiltered?: string | undefined; } | undefined","schema":{"kind":"enum","type":"boolean | { label?: string | undefined; labelFiltered?: string | undefined; } | undefined","schema":["undefined","false","true",{"kind":"object","type":"{ label?: string | undefined; labelFiltered?: string | undefined; }","schema":{"label":{"name":"label","global":false,"description":"Label for the `select all` checkbox.\nIf unset, a default label will be shown depending on the current locale/language.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},"labelFiltered":{"name":"labelFiltered","global":false,"description":"Label for the `select all` checkbox when a filter is active.\nUseful for clarifying that only the visible/filtered items will be selected.","tags":[],"required":false,"type":"string | undefined","schema":"string | undefined","declarations":[]}}}]},"declarations":[]},{"name":"valueLabel","global":false,"default":"undefined","description":"Label that will be shown in the input of OnyxSelect.\nIf unset, will be managed internally by comparing `modelValue` with `options`.\nRecommended to be used if not all options can be provided at once\nor a manual search is implemented.","tags":[],"required":false,"type":"string | string[] | undefined","schema":{"kind":"enum","type":"string | string[] | undefined","schema":["undefined","string","string[]"]},"declarations":[]},{"name":"alignment","global":false,"default":"\"full\"","description":"Alignment of the select flyout relative to the input.\nIf set to full, the width of the flyout will be aligned (100%) with the input of the select.\nOtherwise the flyout width will fit the options content width and aligned left/right.","tags":[],"required":false,"type":"\"left\" | \"right\" | \"full\" | undefined","schema":{"kind":"enum","type":"\"left\" | \"right\" | \"full\" | undefined","schema":["undefined","\"left\"","\"right\"","\"full\""]},"declarations":[]},{"name":"listLabel","global":false,"description":"Label describing the list of options to support assistive technologies.","tags":[{"name":"example","text":": { label: \"Your Animal\", listLabel: \"List of animals\" }"}],"required":true,"type":"string","schema":"string","declarations":[]},{"name":"listDescription","global":false,"description":"Text describing the list of options which will be displayed at the bottom of the flyout.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},{"name":"options","global":false,"description":"Available options to choose from.","tags":[],"required":true,"type":"SelectOption<TValue>[]","schema":"SelectOption<TValue>[]","declarations":[]},{"name":"lazyLoading","global":false,"description":"Lazy loading options. Can be used to load more options on scroll.\nIf you want to use a button instead, use the `optionsEnd` slot.","tags":[],"required":false,"type":"SelectLazyLoading | undefined","schema":{"kind":"enum","type":"SelectLazyLoading | undefined","schema":["undefined",{"kind":"object","type":"SelectLazyLoading","schema":{"enabled":{"name":"enabled","global":false,"description":"Whether lazy loading should be enabled.\nCan be disabled e.g. if all options are loaded.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},"loading":{"name":"loading","global":false,"description":"Whether the lazy loading is currently loading more options.","tags":[],"required":false,"type":"boolean | undefined","schema":"boolean | undefined","declarations":[]},"scrollOffset":{"name":"scrollOffset","global":false,"description":"Scroll offset (in pixel). Must be >= 0.\nCan be used to trigger the `lazyLoad` event earlier (e.g. if scrolled to second last option).","tags":[],"required":false,"type":"number | undefined","schema":{"kind":"enum","type":"number | undefined","schema":["undefined","number"]},"declarations":[]}}}]},"declarations":[]},{"name":"keepSelectionOrder","global":false,"default":"false","description":"Whether to preserve the selection order when reopening the dropdown.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"modelValue","global":false,"default":"undefined","description":"Currently selected options. Can be either a single value or an array of values.","tags":[],"required":false,"type":"Nullable<TModelValue>","schema":{"kind":"enum","type":"Nullable<TModelValue>","schema":["undefined","null","TModelValue"]},"declarations":[]},{"name":"searchTerm","global":false,"description":"Current search term when `withSearch` is enabled.","tags":[],"required":false,"type":"Nullable<string>","schema":{"kind":"enum","type":"Nullable<string>","schema":["undefined","null","string"]},"declarations":[]},{"name":"textMode","global":false,"default":"\"summary\"","description":"How multiselect labels will be displayed in the input.\n- summary (default): will show \"x Selected\" if more than 1 is selected.\n- preview: will show the names of the selection as a truncated list.\nA number-badge appears next to it including a tooltip with all selected names.","tags":[],"required":false,"type":"\"summary\" | \"preview\" | undefined","schema":{"kind":"enum","type":"\"summary\" | \"preview\" | undefined","schema":["undefined","\"summary\"","\"preview\""]},"declarations":[]}],"events":[{"name":"update:modelValue","description":"Emitted when an option is selected","tags":[],"type":"[value?: Nullable<TModelValue>]","signature":"(evt: \"update:modelValue\", value?: Nullable<TModelValue>): void","schema":[{"kind":"enum","type":"Nullable<TModelValue>","schema":["undefined","null","TModelValue"]}],"declarations":[]},{"name":"update:open","description":"Emitted when the open state changes","tags":[],"type":"[value: boolean]","signature":"(evt: \"update:open\", value: boolean): void","schema":[{"kind":"enum","type":"boolean","schema":["false","true"]}],"declarations":[]},{"name":"validityChange","description":"Emitted when the validity state of the input changes.","tags":[],"type":"[validity: ValidityState]","signature":"(evt: \"validityChange\", validity: ValidityState): void","schema":["ValidityState"],"declarations":[]},{"name":"lazyLoad","description":"Emitted if lazy loading is triggered / the users scrolls to the end of the options.\nSee property `lazyLoading` for enabling the lazy loading.","tags":[],"type":"[]","signature":"(evt: \"lazyLoad\"): void","schema":[],"declarations":[]},{"name":"update:searchTerm","description":"Emitted when a search term is inputted","tags":[],"type":"[value: string]","signature":"(evt: \"update:searchTerm\", value: string): void","schema":["string"],"declarations":[]}],"slots":[{"name":"bottomRight","type":"any","description":"Optional slot to display content on the bottom right (e.g. a character counter).","tags":[],"schema":"any","declarations":[]},{"name":"leading","type":"any","description":"Optional slot to provide custom leading content before the actual input (e.g. an `OnyxSelect`).","tags":[],"schema":"any","declarations":[]},{"name":"leadingIcons","type":"any","description":"Optional inner icons (`OnyxIcon`) to display before the input but after the `leading` slot.\nWill be hidden when `loading` property is set.","tags":[],"schema":"any","declarations":[]},{"name":"trailingIcons","type":"any","description":"Optional inner icons to display after the input but before the `trailing` slot.","tags":[],"schema":"any","declarations":[]},{"name":"trailing","type":"any","description":"Optional slot to provide custom trailing content after the actual input (e.g. an `OnyxSelect`).","tags":[],"schema":"any","declarations":[]},{"name":"empty","type":"{ defaultMessage: string; }","description":"Optional slot to customize the empty state when no options exist.\nIt is recommended to use the `<OnyxEmpty>` component here.\n\nIf unset, a default translated message will be displayed for the current locale.","tags":[],"schema":{"kind":"object","type":"{ defaultMessage: string; }","schema":{"defaultMessage":{"name":"defaultMessage","global":false,"description":"","tags":[],"required":true,"type":"string","schema":"string","declarations":[]}}},"declarations":[]},{"name":"optionsEnd","type":"any","description":"Optional slot that is displayed below all options that can be used\nto e.g. show a button to load more options instead of lazy loading on scroll.","tags":[],"schema":"any","declarations":[]},{"name":"option","type":"SelectOption<TValue>","description":"Optional slot to override the option content.","tags":[],"schema":{"kind":"object","type":"SelectOption<TValue>","schema":{"value":{"name":"value","global":false,"description":"Value of the option when it is selected.\nMust be unique in the current list of options.","tags":[],"required":true,"type":"TValue","schema":"TValue","declarations":[]},"label":{"name":"label","global":false,"description":"Label to show. Required due to accessibility / screen readers.\nIf you want to visually hide the label, use the `hideLabel` property.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},"truncation":{"name":"truncation","global":false,"description":"How to truncate the label if it exceeds the max width.","tags":[],"required":false,"type":"\"ellipsis\" | \"multiline\" | undefined","schema":{"kind":"enum","type":"\"ellipsis\" | \"multiline\" | undefined","schema":["undefined","\"ellipsis\"","\"multiline\""]},"declarations":[]},"icon":{"name":"icon","global":false,"description":"Optional icon.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},"disabled":{"name":"disabled","global":false,"description":"Disables the option and prevents it from being selected.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},"group":{"name":"group","global":false,"description":"Optional group name. If set, all options with the same group name will be grouped below that\nname. If `group` is used for one option, it should be used for all other options as well.","tags":[],"required":false,"type":"string | undefined","schema":"string | undefined","declarations":[]}}},"declarations":[]},{"name":"toggleIcon","type":"any","description":"Optional slot to override the icon of the toggle button inside the input.\nRecommended to use the `OnyxFormElementAction` component here.","tags":[],"schema":"any","declarations":[]}],"exposed":[]},{"exportName":"default","displayName":"OnyxRadioGroup","type":2,"props":[{"name":"truncation","global":false,"default":"\"ellipsis\"","description":"How to truncate the label if it exceeds the max width.","tags":[],"required":false,"type":"\"ellipsis\" | \"multiline\" | undefined","schema":{"kind":"enum","type":"\"ellipsis\" | \"multiline\" | undefined","schema":["undefined","\"ellipsis\"","\"multiline\""]},"declarations":[]},{"name":"density","global":false,"description":"Density defines the amount of vertical white space a component has and the height of the main\n(interactive) element of a component.","tags":[{"name":"default","text":"undefined By default the parents setting is used, if none is defined on any parent `default` is the default."}],"required":false,"type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":{"kind":"enum","type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":["undefined","\"compact\"","\"default\"","\"cozy\""]},"declarations":[]},{"name":"disabled","global":false,"default":"FORM_INJECTED_SYMBOL","description":"Whether the input should be disabled and prevent the user from interacting with it.\nDisabled makes the element not mutable, focusable, or even submitted with the form.\nIt will also not be validated.","tags":[{"name":"default","text":"Inherits value from closest `<OnyxForm>` component, defaults to `false` otherwise"}],"required":false,"type":"FormInjected<boolean> | undefined","schema":{"kind":"enum","type":"FormInjected<boolean> | undefined","schema":["undefined","false","true","symbol"]},"declarations":[]},{"name":"skeleton","global":false,"default":"SKELETON_INJECTED_SYMBOL","description":"Whether to show a skeleton input.","tags":[],"required":false,"type":"SkeletonInjected | undefined","schema":{"kind":"enum","type":"SkeletonInjected | undefined","schema":["undefined","number","false","true","symbol"]},"declarations":[]},{"name":"required","global":false,"default":"false","description":"Whether the a value for this form element is required.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"label","global":false,"description":"Label to show above the form element. Required due to accessibility / screen readers.\nIf you want to visually hide the label, use the `hideLabel` property.\nTODO: make CustomMessageType","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},{"name":"requiredMarker","global":false,"default":"FORM_INJECTED_SYMBOL","description":"How to display the required / optional marker.\n\n- Optional: will show an `(optional)` text after the label for optional form elements.\n- Required: will show an `*` indicator for required inputs after the label instead.\n\nNo marker will be visible if the label is hidden.","tags":[{"name":"default","text":"Inherits value from closest `<OnyxForm>` component or `required` if none exists"}],"required":false,"type":"FormInjected<\"required\" | \"optional\"> | undefined","schema":{"kind":"enum","type":"FormInjected<\"required\" | \"optional\"> | undefined","schema":["undefined","symbol","\"required\"","\"optional\""]},"declarations":[]},{"name":"error","global":false,"description":"Custom error message to show. Takes precedence over intrinsic error messages.","tags":[],"required":false,"type":"CustomMessageType | undefined","schema":{"kind":"enum","type":"CustomMessageType | undefined","schema":["undefined","string",{"kind":"object","type":"FormMessages","schema":{"shortMessage":{"name":"shortMessage","global":false,"description":"A short message preview to inform the user about the input state.\nIt's usually shown directly underneath the input field.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},"longMessage":{"name":"longMessage","global":false,"description":"An extended informative message to provide more details.\nIt's usually shown in a tooltip next to the shortMessage.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},"hidden":{"name":"hidden","global":false,"description":"Will visually hide the message.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]}}}]},"declarations":[]},{"name":"name","global":false,"default":"useId()","description":"Same as the native `name` attribute of `<input>`.\nUsed to reference the input in JavaScript or in submitted form data.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},{"name":"labelTooltip","global":false,"description":"Info text to show inside a tooltip, next to the label.\nThe tooltip will be hidden if `hideLabel` property is set to true.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},{"name":"hideLabel","global":false,"description":"If `true`, the label will be visually hidden and\nthe `title` attribute will be set by the form element (input/textarea/...).\nFor accessibility / screen readers, the aria-label will still be set.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"options","global":false,"description":"Options for the individual radio buttons of the group.","tags":[],"required":true,"type":"RadioButtonOption<TValue>[]","schema":"RadioButtonOption<TValue>[]","declarations":[]},{"name":"modelValue","global":false,"description":"The selected radio button option.","tags":[],"required":false,"type":"Nullable<TValue>","schema":{"kind":"enum","type":"Nullable<TValue>","schema":["undefined","null","TValue"]},"declarations":[]},{"name":"orientation","global":false,"default":"\"vertical\"","description":"Orientation of the radio buttons. Can be vertical (default) or horizontal.","tags":[],"required":false,"type":"\"horizontal\" | \"vertical\" | undefined","schema":{"kind":"enum","type":"\"horizontal\" | \"vertical\" | undefined","schema":["undefined","\"horizontal\"","\"vertical\""]},"declarations":[]}],"events":[{"name":"update:modelValue","description":"Emitted when the selected radio button changes.","tags":[],"type":"[selected?: Nullable<TValue>]","signature":"(evt: \"update:modelValue\", selected?: Nullable<TValue>): void","schema":[{"kind":"enum","type":"Nullable<TValue>","schema":["undefined","null","TValue"]}],"declarations":[]},{"name":"validityChange","description":"Emitted when the validity state changes.","tags":[],"type":"[validity: ValidityState]","signature":"(evt: \"validityChange\", validity: ValidityState): void","schema":["ValidityState"],"declarations":[]}],"slots":[],"exposed":[]},{"exportName":"default","displayName":"DataGridActionButton","type":1,"props":[],"events":[],"slots":[],"exposed":[]},{"exportName":"default","displayName":"OnyxColorSchemeDialog","type":1,"props":[{"name":"density","global":false,"description":"Density defines the amount of vertical white space a component has and the height of the main\n(interactive) element of a component.","tags":[{"name":"default","text":"undefined By default the parents setting is used, if none is defined on any parent `default` is the default."}],"required":false,"type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":{"kind":"enum","type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":["undefined","\"compact\"","\"default\"","\"cozy\""]},"declarations":[]},{"name":"open","global":false,"default":"false","description":"Whether the dialog is open.","tags":[],"required":false,"type":"Nullable<boolean>","schema":{"kind":"enum","type":"Nullable<boolean>","schema":["undefined","null","false","true"]},"declarations":[]},{"name":"modelValue","global":false,"description":"Currently active color scheme.","tags":[],"required":true,"type":"ColorSchemeValue","schema":{"kind":"enum","type":"ColorSchemeValue","schema":["\"auto\"","\"light\"","\"dark\""]},"declarations":[]}],"events":[{"name":"update:modelValue","description":"Emitted when the color scheme should be changed.","tags":[],"type":"[value: ColorSchemeValue]","signature":"(event: \"update:modelValue\", value: ColorSchemeValue): void","schema":[{"kind":"enum","type":"ColorSchemeValue","schema":["\"auto\"","\"light\"","\"dark\""]}],"declarations":[]},{"name":"update:open","description":"Emitted when the dialog should be closed.","tags":[],"type":"[value: boolean]","signature":"(event: \"update:open\", value: boolean): void","schema":[{"kind":"enum","type":"boolean","schema":["false","true"]}],"declarations":[]}],"slots":[],"exposed":[]},{"exportName":"default","displayName":"OnyxLanguageMenuItem","type":2,"props":[{"name":"modelValue","global":false,"description":"Currently selected country.","tags":[],"required":true,"type":"TValue","schema":"TValue","declarations":[]},{"name":"options","global":false,"description":"List of available countries.","tags":[],"required":true,"type":"SelectDialogOption<TValue>[]","schema":"SelectDialogOption<TValue>[]","declarations":[]}],"events":[{"name":"update:modelValue","description":"","tags":[],"type":"[value: TValue]","signature":"(evt: \"update:modelValue\", value: TValue): void","schema":["TValue"],"declarations":[]}],"slots":[],"exposed":[]},{"exportName":"default","displayName":"OnyxMenuItem","type":1,"props":[{"name":"link","global":false,"description":"If set, the component will be rendered as link.","tags":[],"required":false,"type":"string | SharedLinkProps | undefined","schema":{"kind":"enum","type":"string | SharedLinkProps | undefined","schema":["undefined","string",{"kind":"object","type":"SharedLinkProps","schema":{"href":{"name":"href","global":false,"description":"The URL/link to point to. Will use the router for internal links if provided, see [our\ndocumentation](https://onyx.schwarz/development/router.html) for further details.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},"target":{"name":"target","global":false,"description":"Where to display the linked URL (same tab, new tab etc.).\nFor `_blank`, the `rel=\"noreferrer\"` will be set automatically.\nIf set to \"auto\", external links will be opened with \"_blank\" and internal ones with \"_self\".","tags":[],"required":false,"type":"\"auto\" | \"_self\" | \"_blank\" | \"_parent\" | \"_top\" | undefined","schema":{"kind":"enum","type":"\"auto\" | \"_self\" | \"_blank\" | \"_parent\" | \"_top\" | undefined","schema":["undefined","\"auto\"","\"_self\"","\"_blank\"","\"_parent\"","\"_top\""]},"declarations":[]}}}]},"declarations":[]},{"name":"open","global":false,"default":"undefined","description":"If the children of the menu item are visible.","tags":[],"required":false,"type":"Nullable<boolean>","schema":{"kind":"enum","type":"Nullable<boolean>","schema":["undefined","null","false","true"]},"declarations":[]},{"name":"label","global":false,"description":"Label text for the menu item.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},{"name":"icon","global":false,"description":"Icon to be displayed next to the label.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},{"name":"active","global":false,"default":"\"auto\"","description":"Whether the item is currently active. This is the case if the page of the given link is\ncurrently open. If \"auto\" and a [router](https://onyx.schwarz/development/router.html) is\nprovided, the active state will be determined automatically based on the current route.","tags":[],"required":false,"type":"boolean | \"auto\" | undefined","schema":{"kind":"enum","type":"boolean | \"auto\" | undefined","schema":["undefined","false","true","\"auto\""]},"declarations":[]},{"name":"disabled","global":false,"description":"Whether the menu item is disabled.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"color","global":false,"description":"Main color of the item content.","tags":[],"required":false,"type":"\"primary\" | \"danger\" | undefined","schema":{"kind":"enum","type":"\"primary\" | \"danger\" | undefined","schema":["undefined","\"primary\"","\"danger\""]},"declarations":[]}],"events":[{"name":"update:open","description":"Emitted when the open state should update.","tags":[],"type":"[value: boolean]","signature":"(event: \"update:open\", value: boolean): void","schema":[{"kind":"enum","type":"boolean","schema":["false","true"]}],"declarations":[]}],"slots":[{"name":"default","type":"any","description":"Button/link text and additional inline content.","tags":[],"schema":"any","declarations":[]},{"name":"children","type":"any","description":"Children menuitems.","tags":[],"schema":"any","declarations":[]}],"exposed":[{"name":"buttonOrLink","type":"HTMLAnchorElement | HTMLButtonElement","description":"","tags":[],"schema":{"kind":"enum","type":"HTMLAnchorElement | HTMLButtonElement","schema":["HTMLAnchorElement","HTMLButtonElement"]},"declarations":[]}]},{"exportName":"default","displayName":"OnyxColorSchemeMenuItem","type":1,"props":[{"name":"modelValue","global":false,"description":"Currently active color scheme.","tags":[],"required":true,"type":"ColorSchemeValue","schema":{"kind":"enum","type":"ColorSchemeValue","schema":["\"auto\"","\"light\"","\"dark\""]},"declarations":[]}],"events":[{"name":"update:modelValue","description":"","tags":[],"type":"[value: ColorSchemeValue]","signature":"(event: \"update:modelValue\", value: ColorSchemeValue): void","schema":[{"kind":"enum","type":"ColorSchemeValue","schema":["\"auto\"","\"light\"","\"dark\""]}],"declarations":[]}],"slots":[],"exposed":[]},{"exportName":"default","displayName":"OnyxNavItem","type":1,"props":[{"name":"link","global":false,"description":"If set, the component will be rendered as link.","tags":[],"required":false,"type":"string | (SharedLinkProps & Partial<Pick<SharedLinkProps, \"href\">> & { withExternalIcon?: boolean | \"auto\" | undefined; }) | undefined","schema":{"kind":"enum","type":"string | (SharedLinkProps & Partial<Pick<SharedLinkProps, \"href\">> & { withExternalIcon?: boolean | \"auto\" | undefined; }) | undefined","schema":["undefined","string",{"kind":"object","type":"SharedLinkProps & Partial<Pick<SharedLinkProps, \"href\">> & { withExternalIcon?: boolean | \"auto\" | undefined; }","schema":{"href":{"name":"href","global":false,"description":"The URL/link to point to. Will use the router for internal links if provided, see [our\ndocumentation](https://onyx.schwarz/development/router.html) for further details.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},"target":{"name":"target","global":false,"description":"Where to display the linked URL (same tab, new tab etc.).\nFor `_blank`, the `rel=\"noreferrer\"` will be set automatically.\nIf set to \"auto\", external links will be opened with \"_blank\" and internal ones with \"_self\".","tags":[],"required":false,"type":"\"auto\" | \"_self\" | \"_blank\" | \"_parent\" | \"_top\" | undefined","schema":{"kind":"enum","type":"\"auto\" | \"_self\" | \"_blank\" | \"_parent\" | \"_top\" | undefined","schema":["undefined","\"auto\"","\"_self\"","\"_blank\"","\"_parent\"","\"_top\""]},"declarations":[]},"withExternalIcon":{"name":"withExternalIcon","global":false,"description":"Whether to show the external link icon.\nIf set to `auto`, it will be shown when the `href` leads to another website\n(starting with \"http://\" or \"https://\") and will be hidden otherwise.","tags":[],"required":false,"type":"boolean | \"auto\" | undefined","schema":{"kind":"enum","type":"boolean | \"auto\" | undefined","schema":["undefined","false","true","\"auto\""]},"declarations":[]}}}]},"declarations":[]},{"name":"drilldownMode","global":false,"description":"Defines how nested menu items are rendered and behave.\n- `internal`: Nested items expand within current menu.\n- `external`: Nested items open in a separate, adjacent flyout menu.","tags":[],"required":false,"type":"\"internal\" | \"external\" | undefined","schema":{"kind":"enum","type":"\"internal\" | \"external\" | undefined","schema":["undefined","\"internal\"","\"external\""]},"declarations":[]},{"name":"label","global":false,"description":"Label to show inside the Nav item.\nYou can use the `default` slot to display custom content.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},{"name":"icon","global":false,"description":"*Icon to be displayed next to the item label. Required for Items inside a VerticalNavBar to\nensure accessibility when collapsed.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},{"name":"active","global":false,"default":"\"auto\"","description":"Whether the nav item is currently active. If any nested option is active, the parent nav item\nwill also be marked as active. If \"auto\" and a\n[router](https://onyx.schwarz/development/router.html) is provided, the active state will be\ndetermined automatically based on the current route.","tags":[],"required":false,"type":"boolean | \"auto\" | undefined","schema":{"kind":"enum","type":"boolean | \"auto\" | undefined","schema":["undefined","false","true","\"auto\""]},"declarations":[]},{"name":"open","global":false,"default":"undefined","description":"Controls whether child elements are open.","tags":[],"required":false,"type":"Nullable<boolean>","schema":{"kind":"enum","type":"Nullable<boolean>","schema":["undefined","null","false","true"]},"declarations":[]}],"events":[{"name":"update:open","description":"Emitted when the state of mobile children visibility changes.","tags":[],"type":"[value: boolean]","signature":"(event: \"update:open\", value: boolean): void","schema":[{"kind":"enum","type":"boolean","schema":["false","true"]}],"declarations":[]}],"slots":[{"name":"default","type":"any","description":"You can replace the label of the menuitem with your custom content.","tags":[],"schema":"any","declarations":[]},{"name":"children","type":"any","description":"OnyxNavItem Children can be nested here.","tags":[],"schema":"any","declarations":[]}],"exposed":[]},{"exportName":"default","displayName":"OnyxFlyoutMenu","type":2,"props":[{"name":"position","global":false,"description":"How to position the popover around the parent element.","tags":[],"required":false,"type":"\"auto\" | AnchorPosition | \"auto-inline\" | undefined","schema":{"kind":"enum","type":"\"auto\" | AnchorPosition | \"auto-inline\" | undefined","schema":["undefined","\"top\"","\"left\"","\"auto\"","\"right\"","\"bottom\"","\"top right\"","\"top left\"","\"bottom right\"","\"bottom left\"","\"auto-inline\""]},"declarations":[]},{"name":"alignment","global":false,"default":"\"auto\"","description":"How to align the popover relative to the parent element (depending on the position).","tags":[],"required":false,"type":"\"auto\" | OpenAlignment | undefined","schema":{"kind":"enum","type":"\"auto\" | OpenAlignment | undefined","schema":["undefined","\"top\"","\"left\"","\"auto\"","\"right\"","\"bottom\"","\"center\""]},"declarations":[]},{"name":"label","global":false,"description":"Aria label for the flyout.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},{"name":"trigger","global":false,"default":"\"hover\"","description":"If the flyout is expanded on click or hover.\nThe default value is 'hover' which will expand the flyout on hover.","tags":[],"required":false,"type":"\"click\" | \"hover\" | undefined","schema":{"kind":"enum","type":"\"click\" | \"hover\" | undefined","schema":["undefined","\"click\"","\"hover\""]},"declarations":[]},{"name":"open","global":false,"default":"undefined","description":"Indicates whether the element is expanded or collapsed.","tags":[],"required":false,"type":"Nullable<boolean>","schema":{"kind":"enum","type":"Nullable<boolean>","schema":["undefined","null","false","true"]},"declarations":[]},{"name":"disabled","global":false,"description":"Whether the flyout is disabled and can not be opened.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"drilldownMode","global":false,"default":"\"internal\"","description":"Defines how nested menu items are rendered and behave.\n- `internal`: Nested items expand within current menu.\n- `external`: Nested items open in a separate, adjacent flyout menu.","tags":[],"required":false,"type":"\"internal\" | \"external\" | undefined","schema":{"kind":"enum","type":"\"internal\" | \"external\" | undefined","schema":["undefined","\"internal\"","\"external\""]},"declarations":[]}],"events":[{"name":"update:open","description":"Emitted when the isExpanded state changes.","tags":[],"type":"[value: boolean]","signature":"(evt: \"update:open\", value: boolean): void","schema":[{"kind":"enum","type":"boolean","schema":["false","true"]}],"declarations":[]}],"slots":[{"name":"button","type":"{ trigger: object; }","description":"The trigger for the flyout menu. Use with `OnyxButton`, `OnyxSystemButton` or `OnyxIconButton`","tags":[],"schema":{"kind":"object","type":"{ trigger: object; }","schema":{"trigger":{"name":"trigger","global":false,"description":"Attributes and event listeners that must be bound to an interactive element (button or link),\nthat should act as the flyout trigger.","tags":[],"required":true,"type":"object","schema":"object","declarations":[]}}},"declarations":[]},{"name":"options","type":"any","description":"Use this slot to provide `OnyxMenuItem` components.","tags":[],"schema":"any","declarations":[]},{"name":"header","type":"any","description":"Optional header content to display above the options.","tags":[],"schema":"any","declarations":[]},{"name":"footer","type":"any","description":"Optional footer content to display below the options.","tags":[],"schema":"any","declarations":[]}],"exposed":[]},{"exportName":"default","displayName":"OnyxTimer","type":1,"props":[{"name":"endTime","global":false,"description":"The end time of the timer. Supports all values of `new Date()`.","tags":[],"required":true,"type":"string | number | Date","schema":{"kind":"enum","type":"string | number | Date","schema":["string","number","Date"]},"declarations":[]},{"name":"label","global":false,"description":"Timer label. Required due to accessibility / screen readers.\nIf you want to visually hide the label, use the `hideLabel` property.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},{"name":"hideLabel","global":false,"description":"If `true`, the label will be visually hidden and the `title` attribute will be set.\nFor accessibility / screen readers, the aria-label will still be set.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]}],"events":[{"name":"timerEnded","description":"Emitted when timer has ended.","tags":[],"type":"[]","signature":"(event: \"timerEnded\"): void","schema":[],"declarations":[]}],"slots":[],"exposed":[{"name":"timeLeft","type":"number","description":"Time (in milliseconds) that the timer has left.","tags":[],"schema":"number","declarations":[]}]},{"exportName":"default","displayName":"OnyxUserMenu","type":1,"props":[{"name":"position","global":false,"description":"How to position the popover around the parent element.","tags":[],"required":false,"type":"\"auto\" | AnchorPosition | \"auto-inline\" | undefined","schema":{"kind":"enum","type":"\"auto\" | AnchorPosition | \"auto-inline\" | undefined","schema":["undefined","\"top\"","\"left\"","\"auto\"","\"right\"","\"bottom\"","\"top right\"","\"top left\"","\"bottom right\"","\"bottom left\"","\"auto-inline\""]},"declarations":[]},{"name":"alignment","global":false,"description":"How to align the popover relative to the parent element (depending on the position).","tags":[],"required":false,"type":"\"auto\" | OpenAlignment | undefined","schema":{"kind":"enum","type":"\"auto\" | OpenAlignment | undefined","schema":["undefined","\"top\"","\"left\"","\"auto\"","\"right\"","\"bottom\"","\"center\""]},"declarations":[]},{"name":"fullName","global":false,"description":"Full user name.","tags":[{"name":"example","text":"  \"John Doe\";"}],"required":true,"type":"string","schema":"string","declarations":[]},{"name":"avatar","global":false,"description":"User avatar. If unset or an error occurs while loading, a fallback will be displayed with the\nusername initials.","tags":[],"required":false,"type":"string | Omit<OnyxAvatarProps, \"size\"> | undefined","schema":{"kind":"enum","type":"string | Omit<OnyxAvatarProps, \"size\"> | undefined","schema":["undefined","string","Omit<OnyxAvatarProps, \"size\">"]},"declarations":[]},{"name":"description","global":false,"description":"Optional user description that is displayed when the menu is opened.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},{"name":"flyoutOpen","global":false,"default":"undefined","description":"Controls whether the flyout menu is open.","tags":[],"required":false,"type":"Nullable<boolean>","schema":{"kind":"enum","type":"Nullable<boolean>","schema":["undefined","null","false","true"]},"declarations":[]},{"name":"disabled","global":false,"description":"Whether the user menu is disabled and can not be opened.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]}],"events":[{"name":"update:flyoutOpen","description":"Emitted when the state of flyoutOpen changes.","tags":[],"type":"[value: boolean]","signature":"(event: \"update:flyoutOpen\", value: boolean): void","schema":[{"kind":"enum","type":"boolean","schema":["false","true"]}],"declarations":[]}],"slots":[{"name":"default","type":"any","description":"Slot for the menu options. Use the `OnyxMenuItem` component here.\nYou can also use the readily available `OnyxMenuItem` components:\n- `OnyxColorSchemeMenuItem`\n- `OnyxLanguageMenuItem`","tags":[],"schema":"any","declarations":[]},{"name":"footer","type":"any","description":"Optional footer content to display at the bottom.","tags":[],"schema":"any","declarations":[]}],"exposed":[]},{"exportName":"default","displayName":"DataGridFormElementWrapper","type":2,"props":[{"name":"is","global":false,"description":"The component that should be wrapped.","tags":[],"required":true,"type":"Component","schema":"Component","declarations":[]},{"name":"modelValue","global":false,"description":"The `modelValue` prop for setting the current value of the component.","tags":[],"required":false,"type":"TModelValue | undefined","schema":{"kind":"enum","type":"TModelValue | undefined","schema":["undefined","TModelValue"]},"declarations":[]},{"name":"label","global":false,"description":"The label text, which is used for the form element.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]}],"events":[{"name":"update:modelValue","description":"Emitted when the input changes.","tags":[],"type":"[value: TModelValue]","signature":"(evt: \"update:modelValue\", value: TModelValue): void","schema":["TModelValue"],"declarations":[]},{"name":"validityChange","description":"Emitted when the validity state of the input changes.","tags":[],"type":"[validity: ValidityState]","signature":"(evt: \"validityChange\", validity: ValidityState): void","schema":["ValidityState"],"declarations":[]}],"slots":[],"exposed":[]},{"exportName":"default","displayName":"LinkEditor","type":1,"props":[{"name":"modelValue","global":false,"description":"Value of the link.","tags":[],"required":false,"type":"unknown","schema":"unknown","declarations":[]}],"events":[{"name":"update:modelValue","description":"Emitted when the link changes.","tags":[],"type":"[value?: EditLinkValue | undefined]","signature":"(event: \"update:modelValue\", value?: EditLinkValue | undefined): void","schema":[{"kind":"enum","type":"EditLinkValue | undefined","schema":["undefined",{"kind":"object","type":"EditLinkValue","schema":{"href":{"name":"href","global":false,"description":"The URL/link to point to. Will use the router for internal links if provided, see [our\ndocumentation](https://onyx.schwarz/development/router.html) for further details.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},"withExternalIcon":{"name":"withExternalIcon","global":false,"description":"Whether to show the external link icon.\nIf set to `auto`, it will be shown when the `href` leads to another website\n(starting with \"http://\" or \"https://\") and will be hidden otherwise.","tags":[],"required":false,"type":"boolean | \"auto\" | undefined","schema":{"kind":"enum","type":"boolean | \"auto\" | undefined","schema":["undefined","false","true","\"auto\""]},"declarations":[]},"target":{"name":"target","global":false,"description":"Where to display the linked URL (same tab, new tab etc.).\nFor `_blank`, the `rel=\"noreferrer\"` will be set automatically.\nIf set to \"auto\", external links will be opened with \"_blank\" and internal ones with \"_self\".","tags":[],"required":false,"type":"\"auto\" | \"_self\" | \"_blank\" | \"_parent\" | \"_top\" | undefined","schema":{"kind":"enum","type":"\"auto\" | \"_self\" | \"_blank\" | \"_parent\" | \"_top\" | undefined","schema":["undefined","\"auto\"","\"_self\"","\"_blank\"","\"_parent\"","\"_top\""]},"declarations":[]},"label":{"name":"label","global":false,"description":"User-friendly label to display instead of the link.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]}}}]}],"declarations":[]}],"slots":[],"exposed":[]},{"exportName":"default","displayName":"OnyxResizeHandle","type":1,"props":[{"name":"element","global":false,"description":"Template ref (or getter) of the element to do the resizing on.","tags":[],"required":true,"type":"VueTemplateRefElement","schema":{"kind":"enum","type":"VueTemplateRefElement","schema":["undefined","null","Element",{"kind":"object","type":"{ $el: Element; }","schema":{"$el":{"name":"$el","global":false,"description":"","tags":[],"required":true,"type":"Element","schema":"Element","declarations":[]}}}]},"declarations":[]},{"name":"min","global":false,"default":"1","description":"Minimum width (in pixels) that should not be fallen below while resizing.","tags":[],"required":false,"type":"number | undefined","schema":{"kind":"enum","type":"number | undefined","schema":["undefined","number"]},"declarations":[]},{"name":"active","global":false,"description":"Whether the resizing is currently active/dragging. Useful if the resize handle is rerendered\nbased on some conditions but the dragging state should be kept.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"alignment","global":false,"default":"\"right\"","description":"How the resize handle is aligned to the parent element.\nWill determine whether the left or right border is resizable.","tags":[],"required":false,"type":"\"left\" | \"right\" | undefined","schema":{"kind":"enum","type":"\"left\" | \"right\" | undefined","schema":["undefined","\"left\"","\"right\""]},"declarations":[]}],"events":[{"name":"updateWidth","description":"Emitted when the width should be updated while resizing.\nNote: You must take care of actually applied the desired CSS to apply the width.","tags":[],"type":"[width: number]","signature":"(event: \"updateWidth\", width: number): void","schema":["number"],"declarations":[]},{"name":"autoSize","description":"Emitted when the size should be set automatically (by double clicking).","tags":[],"type":"[]","signature":"(event: \"autoSize\"): void","schema":[],"declarations":[]},{"name":"start","description":"Emitted when the resizing has started (mouse has been moved for the first time).","tags":[],"type":"[]","signature":"(event: \"start\"): void","schema":[],"declarations":[]},{"name":"end","description":"Emitted when the resizing has ended (onMouseup).","tags":[],"type":"[]","signature":"(event: \"end\"): void","schema":[],"declarations":[]}],"slots":[],"exposed":[]},{"exportName":"default","displayName":"SortAction","type":1,"props":[{"name":"columnLabel","global":false,"description":"Label of this Column.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},{"name":"sortDirection","global":false,"description":"The current sorting direction, that should be indicated.","tags":[],"required":true,"type":"SortDirection","schema":{"kind":"enum","type":"SortDirection","schema":["\"desc\"","\"none\"","\"asc\""]},"declarations":[]},{"name":"ctx","global":false,"description":"Data grid context for the header action.","tags":[],"required":false,"type":"HeaderActionIconComponentContext | undefined","schema":{"kind":"enum","type":"HeaderActionIconComponentContext | undefined","schema":["undefined",{"kind":"object","type":"HeaderActionIconComponentContext","schema":{"hasFlyoutMenu":{"name":"hasFlyoutMenu","global":false,"description":"Whether the icon component is rendered alongside a flyout menu (because there are multiple\nactions, e.g. from other features).","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]}}}]},"declarations":[]}],"events":[{"name":"update:sortDirection","description":"","tags":[],"type":"[direction: SortDirection]","signature":"(event: \"update:sortDirection\", direction: SortDirection): void","schema":[{"kind":"enum","type":"SortDirection","schema":["\"desc\"","\"none\"","\"asc\""]}],"declarations":[]}],"slots":[],"exposed":[]},{"exportName":"default","displayName":"FormMessage","type":1,"props":[{"name":"messages","global":false,"description":"Message to display.","tags":[],"required":true,"type":"FormMessages","schema":{"kind":"object","type":"FormMessages","schema":{"shortMessage":{"name":"shortMessage","global":false,"description":"A short message preview to inform the user about the input state.\nIt's usually shown directly underneath the input field.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},"longMessage":{"name":"longMessage","global":false,"description":"An extended informative message to provide more details.\nIt's usually shown in a tooltip next to the shortMessage.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},"hidden":{"name":"hidden","global":false,"description":"Will visually hide the message.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]}}},"declarations":[]},{"name":"type","global":false,"description":"How the message should be colored and displayed.","tags":[],"required":true,"type":"\"neutral\" | \"danger\" | \"success\"","schema":{"kind":"enum","type":"\"neutral\" | \"danger\" | \"success\"","schema":["\"neutral\"","\"danger\"","\"success\""]},"declarations":[]}],"events":[],"slots":[],"exposed":[]},{"exportName":"default","displayName":"OnyxCalendarCell","type":1,"props":[{"name":"density","global":false,"description":"Density defines the amount of vertical white space a component has and the height of the main\n(interactive) element of a component.","tags":[{"name":"default","text":"undefined By default the parents setting is used, if none is defined on any parent `default` is the default."}],"required":false,"type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":{"kind":"enum","type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":["undefined","\"compact\"","\"default\"","\"cozy\""]},"declarations":[]},{"name":"date","global":false,"description":"Numeric date / day of the month.","tags":[],"required":true,"type":"number","schema":"number","declarations":[]},{"name":"size","global":false,"description":"","tags":[],"required":true,"type":"OnyxCalendarSize","schema":{"kind":"enum","type":"OnyxCalendarSize","schema":["\"auto\"","\"big\"","\"small\""]},"declarations":[]},{"name":"is","global":false,"default":"\"div\"","description":"","tags":[],"required":false,"type":"\"button\" | \"div\" | undefined","schema":{"kind":"enum","type":"\"button\" | \"div\" | undefined","schema":["undefined","\"button\"","\"div\""]},"declarations":[]},{"name":"disabled","global":false,"description":"Whether the cell is disabled and can not be interacted with.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"showAsDisabled","global":false,"description":"Whether to visually show the cell as disabled but still allow it to be interactive.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"color","global":false,"description":"Optional highlight color.","tags":[],"required":false,"type":"\"primary\" | \"neutral\" | undefined","schema":{"kind":"enum","type":"\"primary\" | \"neutral\" | undefined","schema":["undefined","\"primary\"","\"neutral\""]},"declarations":[]},{"name":"backgroundColor","global":false,"default":"\"blank\"","description":"","tags":[],"required":false,"type":"\"blank\" | \"tinted\" | undefined","schema":{"kind":"enum","type":"\"blank\" | \"tinted\" | undefined","schema":["undefined","\"blank\"","\"tinted\""]},"declarations":[]},{"name":"rangeType","global":false,"description":"Optionally define which range selection type the cell is currently active.","tags":[],"required":false,"type":"CalendarCellRangeType | undefined","schema":{"kind":"enum","type":"CalendarCellRangeType | undefined","schema":["undefined","\"middle\"","\"start\"","\"end\""]},"declarations":[]},{"name":"buttonAttributes","global":false,"description":"","tags":[],"required":false,"type":"HTMLAttributes | undefined","schema":{"kind":"enum","type":"HTMLAttributes | undefined","schema":["undefined","HTMLAttributes"]},"declarations":[]},{"name":"tooltipText","global":false,"description":"Optional tooltip text","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]}],"events":[],"slots":[{"name":"default","type":"any","description":"Optional slot for custom cell content.","tags":[],"schema":"any","declarations":[]}],"exposed":[]},{"exportName":"default","displayName":"OnyxFormElementV2Label","type":1,"props":[{"name":"density","global":false,"description":"Density defines the amount of vertical white space a component has and the height of the main\n(interactive) element of a component.","tags":[{"name":"default","text":"undefined By default the parents setting is used, if none is defined on any parent `default` is the default."}],"required":false,"type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":{"kind":"enum","type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":["undefined","\"compact\"","\"default\"","\"cozy\""]},"declarations":[]},{"name":"showError","global":false,"description":"Configures if and when errors are shown.\n\n- `true`: errors will be shown initially.\n- `false`: errors will never be shown. ⚠️ Only the displaying of the error is effected! An error\n  can still block submission!\n- \"touched\": only shows an error _after_ a user has significantly interacted with the input, see\n  [:user-invalid](https://drafts.csswg.org/selectors/#user-invalid-pseudo)","tags":[{"name":"default","text":"Inherits value from closest `<OnyxForm>` component or `touched` if none exists"}],"required":false,"type":"FormInjected<ShowErrorMode> | undefined","schema":{"kind":"enum","type":"FormInjected<ShowErrorMode> | undefined","schema":["undefined","false","true","symbol","\"touched\""]},"declarations":[]},{"name":"requiredMarker","global":false,"description":"How to display the required / optional marker.\n\n- Optional: will show an `(optional)` text after the label for optional form elements.\n- Required: will show an `*` indicator for required inputs after the label instead.\n\nNo marker will be visible if the label is hidden.","tags":[{"name":"default","text":"Inherits value from closest `<OnyxForm>` component or `required` if none exists"}],"required":false,"type":"FormInjected<\"required\" | \"optional\"> | undefined","schema":{"kind":"enum","type":"FormInjected<\"required\" | \"optional\"> | undefined","schema":["undefined","symbol","\"required\"","\"optional\""]},"declarations":[]},{"name":"reserveMessageSpace","global":false,"description":"Always reserves the space required to show `error` or other messages.\nSubsequently this will increase the height of the form element permanently.\nWe recommend to enable this to avoid layout shifts.","tags":[{"name":"default","text":"Inherits value from closest `<OnyxForm>` component, defaults to `false` otherwise"}],"required":false,"type":"FormInjected<boolean> | undefined","schema":{"kind":"enum","type":"FormInjected<boolean> | undefined","schema":["undefined","false","true","symbol"]},"declarations":[]},{"name":"id","global":false,"description":"The id of a labelled form-related element.\nWill be auto-generated if unset and be passed to the `default` slot.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},{"name":"label","global":false,"description":"Label to show for the element. Required due to accessibility / screen readers.\nIf you want to visually hide the label, use the `label.hidden` property.","tags":[],"required":true,"type":"string | FormElementV2LabelOptions","schema":{"kind":"enum","type":"string | FormElementV2LabelOptions","schema":["string",{"kind":"object","type":"FormElementV2LabelOptions","schema":{"label":{"name":"label","global":false,"description":"Label displayed outside of the tooltip.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},"tooltipText":{"name":"tooltipText","global":false,"description":"Actual tooltip text.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},"position":{"name":"position","global":false,"description":"How to position the label relative to the main content.","tags":[],"required":false,"type":"\"top\" | \"left\" | \"right\" | undefined","schema":{"kind":"enum","type":"\"top\" | \"left\" | \"right\" | undefined","schema":["undefined","\"top\"","\"left\"","\"right\""]},"declarations":[]},"hidden":{"name":"hidden","global":false,"description":"If `true`, the label will be visually hidden.\nFor accessibility / screen readers, the aria-label will still be set.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},"truncation":{"name":"truncation","global":false,"description":"How to truncate the label if it exceeds the max width.","tags":[],"required":false,"type":"\"ellipsis\" | \"multiline\" | undefined","schema":{"kind":"enum","type":"\"ellipsis\" | \"multiline\" | undefined","schema":["undefined","\"ellipsis\"","\"multiline\""]},"declarations":[]}}}]},"declarations":[]},{"name":"skeleton","global":false,"default":"SKELETON_INJECTED_SYMBOL","description":"Whether to show as skeleton.","tags":[],"required":false,"type":"SkeletonInjected | undefined","schema":{"kind":"enum","type":"SkeletonInjected | undefined","schema":["undefined","number","false","true","symbol"]},"declarations":[]},{"name":"message","global":false,"description":"Optional message to show below the form element.","tags":[],"required":false,"type":"string | FormElementV2Tooltip | undefined","schema":{"kind":"enum","type":"string | FormElementV2Tooltip | undefined","schema":["undefined","string",{"kind":"object","type":"FormElementV2Tooltip","schema":{"label":{"name":"label","global":false,"description":"Label displayed outside of the tooltip.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},"tooltipText":{"name":"tooltipText","global":false,"description":"Actual tooltip text.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]}}}]},"declarations":[]},{"name":"error","global":false,"description":"Optional error message to show below the form element.","tags":[],"required":false,"type":"string | FormElementV2Tooltip | undefined","schema":{"kind":"enum","type":"string | FormElementV2Tooltip | undefined","schema":["undefined","string",{"kind":"object","type":"FormElementV2Tooltip","schema":{"label":{"name":"label","global":false,"description":"Label displayed outside of the tooltip.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},"tooltipText":{"name":"tooltipText","global":false,"description":"Actual tooltip text.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]}}}]},"declarations":[]},{"name":"success","global":false,"description":"Optional success message to show below the form element.","tags":[],"required":false,"type":"string | FormElementV2Tooltip | undefined","schema":{"kind":"enum","type":"string | FormElementV2Tooltip | undefined","schema":["undefined","string",{"kind":"object","type":"FormElementV2Tooltip","schema":{"label":{"name":"label","global":false,"description":"Label displayed outside of the tooltip.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},"tooltipText":{"name":"tooltipText","global":false,"description":"Actual tooltip text.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]}}}]},"declarations":[]},{"name":"required","global":false,"description":"Whether the a value for this form element is required.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"loading","global":false,"description":"Whether a loading indicator should be shown.\nWill hide the `leadingIcons` slot if set.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"open","global":false,"description":"Whether the popover is currently open.","tags":[],"required":false,"type":"Nullable<boolean>","schema":{"kind":"enum","type":"Nullable<boolean>","schema":["undefined","null","false","true"]},"declarations":[]},{"name":"popoverOptions","global":false,"description":"Additional popover options.","tags":[],"required":false,"type":"FormElementV2PopoverOptions | undefined","schema":{"kind":"enum","type":"FormElementV2PopoverOptions | undefined","schema":["undefined",{"kind":"object","type":"FormElementV2PopoverOptions","schema":{"disabled":{"name":"disabled","global":false,"description":"Whether the popover is disabled and can not be opened.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},"position":{"name":"position","global":false,"description":"How to position the popover around the parent element.","tags":[],"required":false,"type":"\"auto\" | AnchorPosition | \"auto-inline\" | undefined","schema":{"kind":"enum","type":"\"auto\" | AnchorPosition | \"auto-inline\" | undefined","schema":["undefined","\"top\"","\"left\"","\"auto\"","\"right\"","\"bottom\"","\"top right\"","\"top left\"","\"bottom right\"","\"bottom left\"","\"auto-inline\""]},"declarations":[]},"alignment":{"name":"alignment","global":false,"description":"How to align the popover relative to the parent element (depending on the position).","tags":[],"required":false,"type":"\"auto\" | OpenAlignment | undefined","schema":{"kind":"enum","type":"\"auto\" | OpenAlignment | undefined","schema":["undefined","\"top\"","\"left\"","\"auto\"","\"right\"","\"bottom\"","\"center\""]},"declarations":[]},"fitParent":{"name":"fitParent","global":false,"description":"If `true`, the popover will match the width of the parent/slot element.","tags":[],"required":false,"type":"boolean | undefined","schema":"boolean | undefined","declarations":[]},"label":{"name":"label","global":false,"description":"Aria label for the popover.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},"description":{"name":"description","global":false,"description":"Description text that is displayed at the bottom of the popover.","tags":[],"required":false,"type":"string | undefined","schema":"string | undefined","declarations":[]}}}]},"declarations":[]}],"events":[],"slots":[],"exposed":[]},{"exportName":"default","displayName":"OnyxFormElementV2Bottom","type":1,"props":[{"name":"density","global":false,"description":"Density defines the amount of vertical white space a component has and the height of the main\n(interactive) element of a component.","tags":[{"name":"default","text":"undefined By default the parents setting is used, if none is defined on any parent `default` is the default."}],"required":false,"type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":{"kind":"enum","type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":["undefined","\"compact\"","\"default\"","\"cozy\""]},"declarations":[]},{"name":"showError","global":false,"description":"Configures if and when errors are shown.\n\n- `true`: errors will be shown initially.\n- `false`: errors will never be shown. ⚠️ Only the displaying of the error is effected! An error\n  can still block submission!\n- \"touched\": only shows an error _after_ a user has significantly interacted with the input, see\n  [:user-invalid](https://drafts.csswg.org/selectors/#user-invalid-pseudo)","tags":[{"name":"default","text":"Inherits value from closest `<OnyxForm>` component or `touched` if none exists"}],"required":false,"type":"FormInjected<ShowErrorMode> | undefined","schema":{"kind":"enum","type":"FormInjected<ShowErrorMode> | undefined","schema":["undefined","false","true","symbol","\"touched\""]},"declarations":[]},{"name":"requiredMarker","global":false,"description":"How to display the required / optional marker.\n\n- Optional: will show an `(optional)` text after the label for optional form elements.\n- Required: will show an `*` indicator for required inputs after the label instead.\n\nNo marker will be visible if the label is hidden.","tags":[{"name":"default","text":"Inherits value from closest `<OnyxForm>` component or `required` if none exists"}],"required":false,"type":"FormInjected<\"required\" | \"optional\"> | undefined","schema":{"kind":"enum","type":"FormInjected<\"required\" | \"optional\"> | undefined","schema":["undefined","symbol","\"required\"","\"optional\""]},"declarations":[]},{"name":"reserveMessageSpace","global":false,"description":"Always reserves the space required to show `error` or other messages.\nSubsequently this will increase the height of the form element permanently.\nWe recommend to enable this to avoid layout shifts.","tags":[{"name":"default","text":"Inherits value from closest `<OnyxForm>` component, defaults to `false` otherwise"}],"required":false,"type":"FormInjected<boolean> | undefined","schema":{"kind":"enum","type":"FormInjected<boolean> | undefined","schema":["undefined","false","true","symbol"]},"declarations":[]},{"name":"id","global":false,"description":"The id of a labelled form-related element.\nWill be auto-generated if unset and be passed to the `default` slot.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},{"name":"label","global":false,"description":"Label to show for the element. Required due to accessibility / screen readers.\nIf you want to visually hide the label, use the `label.hidden` property.","tags":[],"required":true,"type":"string | FormElementV2LabelOptions","schema":{"kind":"enum","type":"string | FormElementV2LabelOptions","schema":["string",{"kind":"object","type":"FormElementV2LabelOptions","schema":{"label":{"name":"label","global":false,"description":"Label displayed outside of the tooltip.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},"tooltipText":{"name":"tooltipText","global":false,"description":"Actual tooltip text.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},"position":{"name":"position","global":false,"description":"How to position the label relative to the main content.","tags":[],"required":false,"type":"\"top\" | \"left\" | \"right\" | undefined","schema":{"kind":"enum","type":"\"top\" | \"left\" | \"right\" | undefined","schema":["undefined","\"top\"","\"left\"","\"right\""]},"declarations":[]},"hidden":{"name":"hidden","global":false,"description":"If `true`, the label will be visually hidden.\nFor accessibility / screen readers, the aria-label will still be set.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},"truncation":{"name":"truncation","global":false,"description":"How to truncate the label if it exceeds the max width.","tags":[],"required":false,"type":"\"ellipsis\" | \"multiline\" | undefined","schema":{"kind":"enum","type":"\"ellipsis\" | \"multiline\" | undefined","schema":["undefined","\"ellipsis\"","\"multiline\""]},"declarations":[]}}}]},"declarations":[]},{"name":"skeleton","global":false,"description":"Whether to show as skeleton.","tags":[],"required":false,"type":"SkeletonInjected | undefined","schema":{"kind":"enum","type":"SkeletonInjected | undefined","schema":["undefined","number","false","true","symbol"]},"declarations":[]},{"name":"message","global":false,"description":"Optional message to show below the form element.","tags":[],"required":false,"type":"string | FormElementV2Tooltip | undefined","schema":{"kind":"enum","type":"string | FormElementV2Tooltip | undefined","schema":["undefined","string",{"kind":"object","type":"FormElementV2Tooltip","schema":{"label":{"name":"label","global":false,"description":"Label displayed outside of the tooltip.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},"tooltipText":{"name":"tooltipText","global":false,"description":"Actual tooltip text.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]}}}]},"declarations":[]},{"name":"error","global":false,"description":"Optional error message to show below the form element.","tags":[],"required":false,"type":"string | FormElementV2Tooltip | undefined","schema":{"kind":"enum","type":"string | FormElementV2Tooltip | undefined","schema":["undefined","string",{"kind":"object","type":"FormElementV2Tooltip","schema":{"label":{"name":"label","global":false,"description":"Label displayed outside of the tooltip.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},"tooltipText":{"name":"tooltipText","global":false,"description":"Actual tooltip text.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]}}}]},"declarations":[]},{"name":"success","global":false,"description":"Optional success message to show below the form element.","tags":[],"required":false,"type":"string | FormElementV2Tooltip | undefined","schema":{"kind":"enum","type":"string | FormElementV2Tooltip | undefined","schema":["undefined","string",{"kind":"object","type":"FormElementV2Tooltip","schema":{"label":{"name":"label","global":false,"description":"Label displayed outside of the tooltip.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},"tooltipText":{"name":"tooltipText","global":false,"description":"Actual tooltip text.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]}}}]},"declarations":[]},{"name":"required","global":false,"description":"Whether the a value for this form element is required.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"loading","global":false,"description":"Whether a loading indicator should be shown.\nWill hide the `leadingIcons` slot if set.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"open","global":false,"description":"Whether the popover is currently open.","tags":[],"required":false,"type":"Nullable<boolean>","schema":{"kind":"enum","type":"Nullable<boolean>","schema":["undefined","null","false","true"]},"declarations":[]},{"name":"popoverOptions","global":false,"description":"Additional popover options.","tags":[],"required":false,"type":"FormElementV2PopoverOptions | undefined","schema":{"kind":"enum","type":"FormElementV2PopoverOptions | undefined","schema":["undefined",{"kind":"object","type":"FormElementV2PopoverOptions","schema":{"disabled":{"name":"disabled","global":false,"description":"Whether the popover is disabled and can not be opened.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},"position":{"name":"position","global":false,"description":"How to position the popover around the parent element.","tags":[],"required":false,"type":"\"auto\" | AnchorPosition | \"auto-inline\" | undefined","schema":{"kind":"enum","type":"\"auto\" | AnchorPosition | \"auto-inline\" | undefined","schema":["undefined","\"top\"","\"left\"","\"auto\"","\"right\"","\"bottom\"","\"top right\"","\"top left\"","\"bottom right\"","\"bottom left\"","\"auto-inline\""]},"declarations":[]},"alignment":{"name":"alignment","global":false,"description":"How to align the popover relative to the parent element (depending on the position).","tags":[],"required":false,"type":"\"auto\" | OpenAlignment | undefined","schema":{"kind":"enum","type":"\"auto\" | OpenAlignment | undefined","schema":["undefined","\"top\"","\"left\"","\"auto\"","\"right\"","\"bottom\"","\"center\""]},"declarations":[]},"fitParent":{"name":"fitParent","global":false,"description":"If `true`, the popover will match the width of the parent/slot element.","tags":[],"required":false,"type":"boolean | undefined","schema":"boolean | undefined","declarations":[]},"label":{"name":"label","global":false,"description":"Aria label for the popover.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},"description":{"name":"description","global":false,"description":"Description text that is displayed at the bottom of the popover.","tags":[],"required":false,"type":"string | undefined","schema":"string | undefined","declarations":[]}}}]},"declarations":[]}],"events":[],"slots":[{"name":"bottomRight","type":"any","description":"","tags":[],"schema":"any","declarations":[]}],"exposed":[]},{"exportName":"default","displayName":"OnyxMenuItemContent","type":1,"props":[{"name":"disabled","global":false,"description":"Whether the menu item is disabled.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"label","global":false,"description":"Label text for the menu item.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},{"name":"icon","global":false,"description":"Icon to be displayed next to the label.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},{"name":"link","global":false,"description":"If set, the component will be rendered as link.","tags":[],"required":false,"type":"string | SharedLinkProps | undefined","schema":{"kind":"enum","type":"string | SharedLinkProps | undefined","schema":["undefined","string",{"kind":"object","type":"SharedLinkProps","schema":{"href":{"name":"href","global":false,"description":"The URL/link to point to. Will use the router for internal links if provided, see [our\ndocumentation](https://onyx.schwarz/development/router.html) for further details.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},"target":{"name":"target","global":false,"description":"Where to display the linked URL (same tab, new tab etc.).\nFor `_blank`, the `rel=\"noreferrer\"` will be set automatically.\nIf set to \"auto\", external links will be opened with \"_blank\" and internal ones with \"_self\".","tags":[],"required":false,"type":"\"auto\" | \"_self\" | \"_blank\" | \"_parent\" | \"_top\" | undefined","schema":{"kind":"enum","type":"\"auto\" | \"_self\" | \"_blank\" | \"_parent\" | \"_top\" | undefined","schema":["undefined","\"auto\"","\"_self\"","\"_blank\"","\"_parent\"","\"_top\""]},"declarations":[]}}}]},"declarations":[]},{"name":"hasChildren","global":false,"description":"Weather the MenuItem has children","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]}],"events":[],"slots":[{"name":"default","type":"any","description":"Button/link text and additional inline content.","tags":[],"schema":"any","declarations":[]}],"exposed":[]},{"exportName":"default","displayName":"OnyxVerticalNavBar","type":1,"props":[{"name":"logoUrl","global":false,"description":"Logo / app icon URl to display. Slot `logo` can be used to place custom content.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},{"name":"appName","global":false,"description":"Application name to show on the left.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},{"name":"withBackButton","global":false,"description":"Whether to show a back button.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"appArea","global":false,"description":"Override app area.","tags":[{"name":"default","text":"Link to \"/\" route with a translated \"Go to home\" aria-label depending on the current locale."}],"required":false,"type":"Omit<OnyxNavAppAreaProps, \"logoUrl\" | \"appName\"> | undefined","schema":{"kind":"enum","type":"Omit<OnyxNavAppAreaProps, \"logoUrl\" | \"appName\"> | undefined","schema":["undefined","Omit<OnyxNavAppAreaProps, \"logoUrl\" | \"appName\">"]},"declarations":[]},{"name":"mobile","global":false,"description":"Determines if and when the `OnyxNavBar` should render in mobile mode.\n\n`mobile` prop can be one of the following; - a `boolean`: The NavBar renders in mobile mode,\nwhen `true`. - a `OnyxBreakpoint`: The NavBar renders in mobile mode, when the current\nbreakpoint matches or is smaller. - a `number`: The NavBar renders in mobile when the viewport\nwidth is smaller than the provided value.","tags":[{"name":"see","text":"[onyx docs](https://onyx.schwarz/development/breakpoints.html) for more information."}],"required":false,"type":"number | boolean | OnyxBreakpoint | undefined","schema":{"kind":"enum","type":"number | boolean | OnyxBreakpoint | undefined","schema":["undefined","number","false","true","\"sm\"","\"2xs\"","\"xs\"","\"md\"","\"lg\"","\"xl\""]},"declarations":[]},{"name":"orientation","global":false,"description":"The orientation of the nav bar.","tags":[{"name":"default","text":"\"horizontal\""}],"required":false,"type":"\"vertical\" | undefined","schema":{"kind":"enum","type":"\"vertical\" | undefined","schema":["undefined","\"vertical\""]},"declarations":[]},{"name":"expanded","global":false,"description":"Whether the nav bar is currently expanded. Only available for `orientation=\"vertical\"`.","tags":[],"required":false,"type":"Nullable<boolean>","schema":{"kind":"enum","type":"Nullable<boolean>","schema":["undefined","null","false","true"]},"declarations":[]},{"name":"alignment","global":false,"default":"\"top\"","description":"How to align the navigation items. Only available for `orientation=\"vertical\"`.","tags":[],"required":false,"type":"\"top\" | \"center\" | undefined","schema":{"kind":"enum","type":"\"top\" | \"center\" | undefined","schema":["undefined","\"top\"","\"center\""]},"declarations":[]}],"events":[{"name":"navigateBack","description":"Emitted when the back button is clicked.","tags":[],"type":"[event: MouseEvent]","signature":"(event: \"navigateBack\", event: MouseEvent): void","schema":["MouseEvent"],"declarations":[]},{"name":"update:expanded","description":"Emitted when the expanded state changes.","tags":[],"type":"[expanded: boolean]","signature":"(event: \"update:expanded\", expanded: boolean): void","schema":[{"kind":"enum","type":"boolean","schema":["false","true"]}],"declarations":[]}],"slots":[{"name":"default","type":"any","description":"[`OnyxNavItem`](/docs/navigation-navbar-modules-navitem--docs) components should be placed and\nnested here to build the navigation. Important: When using the vertical orientation, the CSS\nvariable --onyx-vertical-navbar-collapsed-width might need to be adjusted on the OnyxNavBar to\nfit the custom content properly.","tags":[],"schema":"any","declarations":[]},{"name":"appArea","type":"any","description":"Optional slot to override the app area content (logo and app name, e.g. with a custom icon /\n`OnyxIcon` component).","tags":[],"schema":"any","declarations":[]},{"name":"contextArea","type":"any","description":"Optional context area on the right to display additional (global) components, like user login,\nglobal settings etc. Use the following ready-to-use components: - `OnyxTimer` - `OnyxTag` -\n`OnyxSeparator` - `OnyxUserMenu` (Ideally `OnyxUserMenu` is the last item on the very right)\n\nFor custom buttons use the `OnyxNavButton`.","tags":[],"schema":"any","declarations":[]},{"name":"globalContextArea","type":"any","description":"Same as `contextArea` slot on desktop (will be placed next to it) but on mobile, the components\ninside will stay in the mobile nav bar itself and will not be collapsed into the context menu\nbutton.\n\nGlobal actions like e.g. search or notification center can be placed here that should always be\ndirectly accessible on mobile.\n\nThe same components as for the `contextArea` can be used here.","tags":[],"schema":"any","declarations":[]},{"name":"mobileActivePage","type":"any","description":"Label for displaying the currently active page in mobile mode.\nIf a child of a nav item is active, it should displayed the child label instead of the parent.","tags":[],"schema":"any","declarations":[]}],"exposed":[]},{"exportName":"default","displayName":"OnyxSelectPagination","type":1,"props":[{"name":"density","global":false,"description":"Density defines the amount of vertical white space a component has and the height of the main\n(interactive) element of a component.","tags":[{"name":"default","text":"undefined By default the parents setting is used, if none is defined on any parent `default` is the default."}],"required":false,"type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":{"kind":"enum","type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":["undefined","\"compact\"","\"default\"","\"cozy\""]},"declarations":[]},{"name":"modelValue","global":false,"description":"The currently selected page (first page is `1`).","tags":[],"required":true,"type":"number","schema":"number","declarations":[]},{"name":"pages","global":false,"description":"The maximum number of pages.","tags":[],"required":true,"type":"number","schema":"number","declarations":[]},{"name":"disabled","global":false,"description":"Whether the pagination should be disabled (e.g. while loading data).","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"skeleton","global":false,"default":"SKELETON_INJECTED_SYMBOL","description":"Whether to show a skeleton pagination.","tags":[],"required":false,"type":"SkeletonInjected | undefined","schema":{"kind":"enum","type":"SkeletonInjected | undefined","schema":["undefined","number","false","true","symbol"]},"declarations":[]},{"name":"type","global":false,"description":"The display type of the pagination.","tags":[{"name":"default","text":"select"}],"required":false,"type":"PaginationType | undefined","schema":{"kind":"enum","type":"PaginationType | undefined","schema":["undefined","\"compact\"","\"inline\"","\"select\""]},"declarations":[]},{"name":"disableFlyout","global":false,"description":"Whether to disable the select flyout for selecting a specific page.\nUseful when using cursor-based pagination where jumping to a specific page is not possible.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"autoCompact","global":false,"description":"Whether the pagination type should be automatically switched to \"compact\" if the screen width\nis below a given breakpoint. Can be set to a boolean or a specific breakpoint. If set to\n`true`, the \"xs\" breakpoint is used.","tags":[],"required":false,"type":"number | boolean | OnyxBreakpoint | undefined","schema":{"kind":"enum","type":"number | boolean | OnyxBreakpoint | undefined","schema":["undefined","number","false","true","\"sm\"","\"2xs\"","\"xs\"","\"md\"","\"lg\"","\"xl\""]},"declarations":[]}],"events":[{"name":"update:modelValue","description":"Emitted when the selected page changes.","tags":[],"type":"[page: number]","signature":"(event: \"update:modelValue\", page: number): void","schema":["number"],"declarations":[]}],"slots":[],"exposed":[]},{"exportName":"default","displayName":"OnyxMonthYearPickerGrid","type":1,"props":[{"name":"mode","global":false,"description":"Mode of the picker.","tags":[],"required":true,"type":"\"year\" | \"month\"","schema":{"kind":"enum","type":"\"year\" | \"month\"","schema":["\"year\"","\"month\""]},"declarations":[]},{"name":"viewMonth","global":false,"description":"The month / year that is currently visible.","tags":[],"required":true,"type":"Date","schema":"Date","declarations":[]},{"name":"open","global":false,"description":"When the calendar picker is open.","tags":[],"required":true,"type":"boolean","schema":{"kind":"enum","type":"boolean","schema":["false","true"]},"declarations":[]}],"events":[{"name":"selectYear","description":"","tags":[],"type":"[year: number]","signature":"(event: \"selectYear\", year: number): void","schema":["number"],"declarations":[]},{"name":"selectMonth","description":"","tags":[],"type":"[month: number]","signature":"(event: \"selectMonth\", month: number): void","schema":["number"],"declarations":[]}],"slots":[],"exposed":[]},{"exportName":"default","displayName":"OnyxCompactPagination","type":1,"props":[{"name":"density","global":false,"description":"Density defines the amount of vertical white space a component has and the height of the main\n(interactive) element of a component.","tags":[{"name":"default","text":"undefined By default the parents setting is used, if none is defined on any parent `default` is the default."}],"required":false,"type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":{"kind":"enum","type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":["undefined","\"compact\"","\"default\"","\"cozy\""]},"declarations":[]},{"name":"modelValue","global":false,"description":"The currently selected page (first page is `1`).","tags":[],"required":true,"type":"number","schema":"number","declarations":[]},{"name":"pages","global":false,"description":"The maximum number of pages.","tags":[],"required":true,"type":"number","schema":"number","declarations":[]},{"name":"disabled","global":false,"description":"Whether the pagination should be disabled (e.g. while loading data).","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"skeleton","global":false,"default":"SKELETON_INJECTED_SYMBOL","description":"Whether to show a skeleton pagination.","tags":[],"required":false,"type":"SkeletonInjected | undefined","schema":{"kind":"enum","type":"SkeletonInjected | undefined","schema":["undefined","number","false","true","symbol"]},"declarations":[]},{"name":"type","global":false,"description":"The display type of the pagination.","tags":[{"name":"default","text":"select"}],"required":false,"type":"PaginationType | undefined","schema":{"kind":"enum","type":"PaginationType | undefined","schema":["undefined","\"compact\"","\"inline\"","\"select\""]},"declarations":[]},{"name":"disableFlyout","global":false,"description":"Whether to disable the select flyout for selecting a specific page.\nUseful when using cursor-based pagination where jumping to a specific page is not possible.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"autoCompact","global":false,"description":"Whether the pagination type should be automatically switched to \"compact\" if the screen width\nis below a given breakpoint. Can be set to a boolean or a specific breakpoint. If set to\n`true`, the \"xs\" breakpoint is used.","tags":[],"required":false,"type":"number | boolean | OnyxBreakpoint | undefined","schema":{"kind":"enum","type":"number | boolean | OnyxBreakpoint | undefined","schema":["undefined","number","false","true","\"sm\"","\"2xs\"","\"xs\"","\"md\"","\"lg\"","\"xl\""]},"declarations":[]}],"events":[{"name":"update:modelValue","description":"Emitted when the selected page changes.","tags":[],"type":"[page: number]","signature":"(event: \"update:modelValue\", page: number): void","schema":["number"],"declarations":[]}],"slots":[],"exposed":[]},{"exportName":"default","displayName":"OnyxInlinePagination","type":1,"props":[{"name":"density","global":false,"description":"Density defines the amount of vertical white space a component has and the height of the main\n(interactive) element of a component.","tags":[{"name":"default","text":"undefined By default the parents setting is used, if none is defined on any parent `default` is the default."}],"required":false,"type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":{"kind":"enum","type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":["undefined","\"compact\"","\"default\"","\"cozy\""]},"declarations":[]},{"name":"modelValue","global":false,"description":"The currently selected page (first page is `1`).","tags":[],"required":true,"type":"number","schema":"number","declarations":[]},{"name":"pages","global":false,"description":"The maximum number of pages.","tags":[],"required":true,"type":"number","schema":"number","declarations":[]},{"name":"disabled","global":false,"description":"Whether the pagination should be disabled (e.g. while loading data).","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"skeleton","global":false,"default":"SKELETON_INJECTED_SYMBOL","description":"Whether to show a skeleton pagination.","tags":[],"required":false,"type":"SkeletonInjected | undefined","schema":{"kind":"enum","type":"SkeletonInjected | undefined","schema":["undefined","number","false","true","symbol"]},"declarations":[]},{"name":"type","global":false,"description":"The display type of the pagination.","tags":[{"name":"default","text":"select"}],"required":false,"type":"PaginationType | undefined","schema":{"kind":"enum","type":"PaginationType | undefined","schema":["undefined","\"compact\"","\"inline\"","\"select\""]},"declarations":[]},{"name":"disableFlyout","global":false,"description":"Whether to disable the select flyout for selecting a specific page.\nUseful when using cursor-based pagination where jumping to a specific page is not possible.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"autoCompact","global":false,"description":"Whether the pagination type should be automatically switched to \"compact\" if the screen width\nis below a given breakpoint. Can be set to a boolean or a specific breakpoint. If set to\n`true`, the \"xs\" breakpoint is used.","tags":[],"required":false,"type":"number | boolean | OnyxBreakpoint | undefined","schema":{"kind":"enum","type":"number | boolean | OnyxBreakpoint | undefined","schema":["undefined","number","false","true","\"sm\"","\"2xs\"","\"xs\"","\"md\"","\"lg\"","\"xl\""]},"declarations":[]}],"events":[{"name":"update:modelValue","description":"Emitted when the selected page changes.","tags":[],"type":"[page: number]","signature":"(event: \"update:modelValue\", page: number): void","schema":["number"],"declarations":[]}],"slots":[],"exposed":[]},{"exportName":"default","displayName":"DefaultTimePicker","type":1,"props":[{"name":"density","global":false,"description":"Density defines the amount of vertical white space a component has and the height of the main\n(interactive) element of a component.","tags":[{"name":"default","text":"undefined By default the parents setting is used, if none is defined on any parent `default` is the default."}],"required":false,"type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":{"kind":"enum","type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":["undefined","\"compact\"","\"default\"","\"cozy\""]},"declarations":[]},{"name":"showError","global":false,"description":"Configures if and when errors are shown.\n\n- `true`: errors will be shown initially.\n- `false`: errors will never be shown. ⚠️ Only the displaying of the error is effected! An error\n  can still block submission!\n- \"touched\": only shows an error _after_ a user has significantly interacted with the input, see\n  [:user-invalid](https://drafts.csswg.org/selectors/#user-invalid-pseudo)","tags":[{"name":"default","text":"Inherits value from closest `<OnyxForm>` component or `touched` if none exists"}],"required":false,"type":"FormInjected<ShowErrorMode> | undefined","schema":{"kind":"enum","type":"FormInjected<ShowErrorMode> | undefined","schema":["undefined","false","true","symbol","\"touched\""]},"declarations":[]},{"name":"requiredMarker","global":false,"description":"How to display the required / optional marker.\n\n- Optional: will show an `(optional)` text after the label for optional form elements.\n- Required: will show an `*` indicator for required inputs after the label instead.\n\nNo marker will be visible if the label is hidden.","tags":[{"name":"default","text":"Inherits value from closest `<OnyxForm>` component or `required` if none exists"}],"required":false,"type":"FormInjected<\"required\" | \"optional\"> | undefined","schema":{"kind":"enum","type":"FormInjected<\"required\" | \"optional\"> | undefined","schema":["undefined","symbol","\"required\"","\"optional\""]},"declarations":[]},{"name":"reserveMessageSpace","global":false,"description":"Always reserves the space required to show `error` or other messages.\nSubsequently this will increase the height of the form element permanently.\nWe recommend to enable this to avoid layout shifts.","tags":[{"name":"default","text":"Inherits value from closest `<OnyxForm>` component, defaults to `false` otherwise"}],"required":false,"type":"FormInjected<boolean> | undefined","schema":{"kind":"enum","type":"FormInjected<boolean> | undefined","schema":["undefined","false","true","symbol"]},"declarations":[]},{"name":"id","global":false,"description":"The id of a labelled form-related element.\nWill be auto-generated if unset and be passed to the `default` slot.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},{"name":"label","global":false,"description":"Label to show for the element. Required due to accessibility / screen readers.\nIf you want to visually hide the label, use the `label.hidden` property.","tags":[],"required":true,"type":"string | FormElementV2LabelOptions","schema":{"kind":"enum","type":"string | FormElementV2LabelOptions","schema":["string",{"kind":"object","type":"FormElementV2LabelOptions","schema":{"label":{"name":"label","global":false,"description":"Label displayed outside of the tooltip.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},"tooltipText":{"name":"tooltipText","global":false,"description":"Actual tooltip text.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},"position":{"name":"position","global":false,"description":"How to position the label relative to the main content.","tags":[],"required":false,"type":"\"top\" | \"left\" | \"right\" | undefined","schema":{"kind":"enum","type":"\"top\" | \"left\" | \"right\" | undefined","schema":["undefined","\"top\"","\"left\"","\"right\""]},"declarations":[]},"hidden":{"name":"hidden","global":false,"description":"If `true`, the label will be visually hidden.\nFor accessibility / screen readers, the aria-label will still be set.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},"truncation":{"name":"truncation","global":false,"description":"How to truncate the label if it exceeds the max width.","tags":[],"required":false,"type":"\"ellipsis\" | \"multiline\" | undefined","schema":{"kind":"enum","type":"\"ellipsis\" | \"multiline\" | undefined","schema":["undefined","\"ellipsis\"","\"multiline\""]},"declarations":[]}}}]},"declarations":[]},{"name":"skeleton","global":false,"description":"Whether to show as skeleton.","tags":[],"required":false,"type":"SkeletonInjected | undefined","schema":{"kind":"enum","type":"SkeletonInjected | undefined","schema":["undefined","number","false","true","symbol"]},"declarations":[]},{"name":"message","global":false,"description":"Optional message to show below the form element.","tags":[],"required":false,"type":"string | FormElementV2Tooltip | undefined","schema":{"kind":"enum","type":"string | FormElementV2Tooltip | undefined","schema":["undefined","string",{"kind":"object","type":"FormElementV2Tooltip","schema":{"label":{"name":"label","global":false,"description":"Label displayed outside of the tooltip.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},"tooltipText":{"name":"tooltipText","global":false,"description":"Actual tooltip text.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]}}}]},"declarations":[]},{"name":"error","global":false,"description":"Optional error message to show below the form element.","tags":[],"required":false,"type":"string | FormElementV2Tooltip | undefined","schema":{"kind":"enum","type":"string | FormElementV2Tooltip | undefined","schema":["undefined","string",{"kind":"object","type":"FormElementV2Tooltip","schema":{"label":{"name":"label","global":false,"description":"Label displayed outside of the tooltip.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},"tooltipText":{"name":"tooltipText","global":false,"description":"Actual tooltip text.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]}}}]},"declarations":[]},{"name":"success","global":false,"description":"Optional success message to show below the form element.","tags":[],"required":false,"type":"string | FormElementV2Tooltip | undefined","schema":{"kind":"enum","type":"string | FormElementV2Tooltip | undefined","schema":["undefined","string",{"kind":"object","type":"FormElementV2Tooltip","schema":{"label":{"name":"label","global":false,"description":"Label displayed outside of the tooltip.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},"tooltipText":{"name":"tooltipText","global":false,"description":"Actual tooltip text.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]}}}]},"declarations":[]},{"name":"required","global":false,"description":"Whether the a value for this form element is required.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"loading","global":false,"description":"Whether a loading indicator should be shown.\nWill hide the `leadingIcons` slot if set.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"open","global":false,"description":"Whether the popover is currently open.","tags":[],"required":false,"type":"Nullable<boolean>","schema":{"kind":"enum","type":"Nullable<boolean>","schema":["undefined","null","false","true"]},"declarations":[]},{"name":"popoverOptions","global":false,"description":"Additional popover options.","tags":[],"required":false,"type":"FormElementV2PopoverOptions | undefined","schema":{"kind":"enum","type":"FormElementV2PopoverOptions | undefined","schema":["undefined",{"kind":"object","type":"FormElementV2PopoverOptions","schema":{"disabled":{"name":"disabled","global":false,"description":"Whether the popover is disabled and can not be opened.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},"position":{"name":"position","global":false,"description":"How to position the popover around the parent element.","tags":[],"required":false,"type":"\"auto\" | AnchorPosition | \"auto-inline\" | undefined","schema":{"kind":"enum","type":"\"auto\" | AnchorPosition | \"auto-inline\" | undefined","schema":["undefined","\"top\"","\"left\"","\"auto\"","\"right\"","\"bottom\"","\"top right\"","\"top left\"","\"bottom right\"","\"bottom left\"","\"auto-inline\""]},"declarations":[]},"alignment":{"name":"alignment","global":false,"description":"How to align the popover relative to the parent element (depending on the position).","tags":[],"required":false,"type":"\"auto\" | OpenAlignment | undefined","schema":{"kind":"enum","type":"\"auto\" | OpenAlignment | undefined","schema":["undefined","\"top\"","\"left\"","\"auto\"","\"right\"","\"bottom\"","\"center\""]},"declarations":[]},"fitParent":{"name":"fitParent","global":false,"description":"If `true`, the popover will match the width of the parent/slot element.","tags":[],"required":false,"type":"boolean | undefined","schema":"boolean | undefined","declarations":[]},"label":{"name":"label","global":false,"description":"Aria label for the popover.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},"description":{"name":"description","global":false,"description":"Description text that is displayed at the bottom of the popover.","tags":[],"required":false,"type":"string | undefined","schema":"string | undefined","declarations":[]}}}]},"declarations":[]},{"name":"disabled","global":false,"description":"Whether the input should be disabled and prevent the user from interacting with it.\nDisabled makes the element not mutable, focusable, or even submitted with the form.\nIt will also not be validated.","tags":[{"name":"default","text":"Inherits value from closest `<OnyxForm>` component, defaults to `false` otherwise"}],"required":false,"type":"FormInjected<boolean> | undefined","schema":{"kind":"enum","type":"FormInjected<boolean> | undefined","schema":["undefined","false","true","symbol"]},"declarations":[]},{"name":"name","global":false,"description":"Same as the native `name` attribute of `<input>`.\nUsed to reference the input in JavaScript or in submitted form data.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},{"name":"readonly","global":false,"description":"Whether the input should be readonly.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"hideClearIcon","global":false,"description":"Whether to hide the clear icon when the input is filled and focused.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"autofocus","global":false,"description":"Whether to focus the component on page load or inside a dialog/popover once it opens.\nCan only be enabled for one element inside a page/dialog/popover.\nNote: Has no effect when set after the component has been mounted.\n\n**UX / Accessibility**: autofocus should be used carefully since it can reduce usability and\naccessibility for users.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"type","global":false,"description":"Specifies the type of time picker input.\n- 'default': Free text input with validation.\n- 'select': Displays a dropdown list with pre-generated time options.","tags":[{"name":"default","text":"\"default\""}],"required":false,"type":"\"default\" | \"range\" | \"select\" | undefined","schema":{"kind":"enum","type":"\"default\" | \"range\" | \"select\" | undefined","schema":["undefined","\"default\"","\"range\"","\"select\""]},"declarations":[]},{"name":"options","global":false,"description":"Configuration options for the time picker's option generation.\nThis property is ONLY available when `type` is set to 'select'.","tags":[],"required":false,"type":"TimePickerSelectOptions | undefined","schema":{"kind":"enum","type":"TimePickerSelectOptions | undefined","schema":["undefined",{"kind":"object","type":"TimePickerSelectOptions","schema":{"stepSize":{"name":"stepSize","global":false,"description":"The step size, in seconds, used for generating the time options.","tags":[{"name":"default","text":"1800 // 30 min"}],"required":false,"type":"number | undefined","schema":{"kind":"enum","type":"number | undefined","schema":["undefined","number"]},"declarations":[]},"customTimes":{"name":"customTimes","global":false,"description":"A function that provides custom time options.","tags":[],"required":false,"type":"SelectOption<string>[] | undefined","schema":{"kind":"enum","type":"SelectOption<string>[] | undefined","schema":["undefined","SelectOption<string>[]"]},"declarations":[]}}}]},"declarations":[]},{"name":"modelValue","global":false,"description":"Current time value in 24-hour format (RFC 9557).\nWhile milliseconds (`.123`) and timezones (`Z`, `+01:00`) are accepted as input,\nthey are **ignored** (truncated) by the component logic and display.","tags":[{"name":"example","text":"  \"14:30\";"},{"name":"example","text":"  \"14:30:00\";"},{"name":"example","text":"  \"14:30:00.500Z\"(Treated as \"14:30:00\");"}],"required":false,"type":"string | TimeRange | undefined","schema":{"kind":"enum","type":"string | TimeRange | undefined","schema":["undefined","string",{"kind":"object","type":"TimeRange","schema":{"from":{"name":"from","global":false,"description":"","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},"to":{"name":"to","global":false,"description":"","tags":[],"required":true,"type":"string","schema":"string","declarations":[]}}}]},"declarations":[]},{"name":"min","global":false,"description":"Minimum allowed time (inclusive).\nAccepts RFC 9557 formats. Milliseconds and timezones are ignored during validation.","tags":[{"name":"example","text":"  \"08:00:00\";"},{"name":"example","text":"  \"08:00:00.000Z\"(Valid, treated as \"08:00:00\");"}],"required":false,"type":"RfcTimeValue | undefined","schema":{"kind":"enum","type":"RfcTimeValue | undefined","schema":["undefined","`${number}:${number}`","`${number}:${number}:${number}`","`${number}:${number}:${number}${string}`"]},"declarations":[]},{"name":"max","global":false,"description":"Maximum allowed time (inclusive).\nAccepts RFC 9557 formats. Milliseconds and timezones are ignored during validation.","tags":[{"name":"example","text":"  \"08:00:00\";"},{"name":"example","text":"  \"08:00:00.000Z\"(Valid, treated as \"08:00:00\");"}],"required":false,"type":"RfcTimeValue | undefined","schema":{"kind":"enum","type":"RfcTimeValue | undefined","schema":["undefined","`${number}:${number}`","`${number}:${number}:${number}`","`${number}:${number}:${number}${string}`"]},"declarations":[]},{"name":"showSeconds","global":false,"description":"Whether to show the seconds segment (:SS).\nIf true, the format is HH:MM:SS. If false, the format is HH:MM.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"showAmPm","global":false,"description":"Whether to use am/pm.\nIf set to \"auto\", the current locale will be used to determine if it is am/pm.","tags":[],"required":false,"type":"boolean | \"auto\" | undefined","schema":{"kind":"enum","type":"boolean | \"auto\" | undefined","schema":["undefined","false","true","\"auto\""]},"declarations":[]}],"events":[{"name":"update:modelValue","description":"Emitted when modelValue changes.","tags":[],"type":"[value?: string | undefined]","signature":"(event: \"update:modelValue\", value?: string | undefined): void","schema":[{"kind":"enum","type":"string | undefined","schema":["undefined","string"]}],"declarations":[]},{"name":"validityChange","description":"Emitted when the validity state of the input changes.","tags":[],"type":"[validity: ValidityState]","signature":"(event: \"validityChange\", validity: ValidityState): void","schema":["ValidityState"],"declarations":[]}],"slots":[{"name":"bottomRight","type":"any","description":"Optional slot to display content on the bottom right (e.g. a character counter).","tags":[],"schema":"any","declarations":[]},{"name":"leading","type":"any","description":"Optional slot to provide custom leading content before the actual input (e.g. an `OnyxSelect`).","tags":[],"schema":"any","declarations":[]},{"name":"leadingIcons","type":"any","description":"Optional inner icons (`OnyxIcon`) to display before the input but after the `leading` slot.\nWill be hidden when `loading` property is set.","tags":[],"schema":"any","declarations":[]},{"name":"trailingIcons","type":"any","description":"Optional inner icons to display after the input but before the `trailing` slot.","tags":[],"schema":"any","declarations":[]},{"name":"trailing","type":"any","description":"Optional slot to provide custom trailing content after the actual input (e.g. an `OnyxSelect`).","tags":[],"schema":"any","declarations":[]}],"exposed":[{"name":"input","type":"HTMLInputElement | null","description":"","tags":[],"schema":{"kind":"enum","type":"HTMLInputElement | null","schema":["null","HTMLInputElement"]},"declarations":[]}]},{"exportName":"default","displayName":"SelectTimePicker","type":1,"props":[{"name":"density","global":false,"description":"Density defines the amount of vertical white space a component has and the height of the main\n(interactive) element of a component.","tags":[{"name":"default","text":"undefined By default the parents setting is used, if none is defined on any parent `default` is the default."}],"required":false,"type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":{"kind":"enum","type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":["undefined","\"compact\"","\"default\"","\"cozy\""]},"declarations":[]},{"name":"showError","global":false,"description":"Configures if and when errors are shown.\n\n- `true`: errors will be shown initially.\n- `false`: errors will never be shown. ⚠️ Only the displaying of the error is effected! An error\n  can still block submission!\n- \"touched\": only shows an error _after_ a user has significantly interacted with the input, see\n  [:user-invalid](https://drafts.csswg.org/selectors/#user-invalid-pseudo)","tags":[{"name":"default","text":"Inherits value from closest `<OnyxForm>` component or `touched` if none exists"}],"required":false,"type":"FormInjected<ShowErrorMode> | undefined","schema":{"kind":"enum","type":"FormInjected<ShowErrorMode> | undefined","schema":["undefined","false","true","symbol","\"touched\""]},"declarations":[]},{"name":"requiredMarker","global":false,"description":"How to display the required / optional marker.\n\n- Optional: will show an `(optional)` text after the label for optional form elements.\n- Required: will show an `*` indicator for required inputs after the label instead.\n\nNo marker will be visible if the label is hidden.","tags":[{"name":"default","text":"Inherits value from closest `<OnyxForm>` component or `required` if none exists"}],"required":false,"type":"FormInjected<\"required\" | \"optional\"> | undefined","schema":{"kind":"enum","type":"FormInjected<\"required\" | \"optional\"> | undefined","schema":["undefined","symbol","\"required\"","\"optional\""]},"declarations":[]},{"name":"reserveMessageSpace","global":false,"description":"Always reserves the space required to show `error` or other messages.\nSubsequently this will increase the height of the form element permanently.\nWe recommend to enable this to avoid layout shifts.","tags":[{"name":"default","text":"Inherits value from closest `<OnyxForm>` component, defaults to `false` otherwise"}],"required":false,"type":"FormInjected<boolean> | undefined","schema":{"kind":"enum","type":"FormInjected<boolean> | undefined","schema":["undefined","false","true","symbol"]},"declarations":[]},{"name":"id","global":false,"description":"The id of a labelled form-related element.\nWill be auto-generated if unset and be passed to the `default` slot.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},{"name":"label","global":false,"description":"Label to show for the element. Required due to accessibility / screen readers.\nIf you want to visually hide the label, use the `label.hidden` property.","tags":[],"required":true,"type":"string | FormElementV2LabelOptions","schema":{"kind":"enum","type":"string | FormElementV2LabelOptions","schema":["string",{"kind":"object","type":"FormElementV2LabelOptions","schema":{"label":{"name":"label","global":false,"description":"Label displayed outside of the tooltip.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},"tooltipText":{"name":"tooltipText","global":false,"description":"Actual tooltip text.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},"position":{"name":"position","global":false,"description":"How to position the label relative to the main content.","tags":[],"required":false,"type":"\"top\" | \"left\" | \"right\" | undefined","schema":{"kind":"enum","type":"\"top\" | \"left\" | \"right\" | undefined","schema":["undefined","\"top\"","\"left\"","\"right\""]},"declarations":[]},"hidden":{"name":"hidden","global":false,"description":"If `true`, the label will be visually hidden.\nFor accessibility / screen readers, the aria-label will still be set.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},"truncation":{"name":"truncation","global":false,"description":"How to truncate the label if it exceeds the max width.","tags":[],"required":false,"type":"\"ellipsis\" | \"multiline\" | undefined","schema":{"kind":"enum","type":"\"ellipsis\" | \"multiline\" | undefined","schema":["undefined","\"ellipsis\"","\"multiline\""]},"declarations":[]}}}]},"declarations":[]},{"name":"skeleton","global":false,"description":"Whether to show as skeleton.","tags":[],"required":false,"type":"SkeletonInjected | undefined","schema":{"kind":"enum","type":"SkeletonInjected | undefined","schema":["undefined","number","false","true","symbol"]},"declarations":[]},{"name":"message","global":false,"description":"Optional message to show below the form element.","tags":[],"required":false,"type":"string | FormElementV2Tooltip | undefined","schema":{"kind":"enum","type":"string | FormElementV2Tooltip | undefined","schema":["undefined","string",{"kind":"object","type":"FormElementV2Tooltip","schema":{"label":{"name":"label","global":false,"description":"Label displayed outside of the tooltip.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},"tooltipText":{"name":"tooltipText","global":false,"description":"Actual tooltip text.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]}}}]},"declarations":[]},{"name":"error","global":false,"description":"Optional error message to show below the form element.","tags":[],"required":false,"type":"string | FormElementV2Tooltip | undefined","schema":{"kind":"enum","type":"string | FormElementV2Tooltip | undefined","schema":["undefined","string",{"kind":"object","type":"FormElementV2Tooltip","schema":{"label":{"name":"label","global":false,"description":"Label displayed outside of the tooltip.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},"tooltipText":{"name":"tooltipText","global":false,"description":"Actual tooltip text.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]}}}]},"declarations":[]},{"name":"success","global":false,"description":"Optional success message to show below the form element.","tags":[],"required":false,"type":"string | FormElementV2Tooltip | undefined","schema":{"kind":"enum","type":"string | FormElementV2Tooltip | undefined","schema":["undefined","string",{"kind":"object","type":"FormElementV2Tooltip","schema":{"label":{"name":"label","global":false,"description":"Label displayed outside of the tooltip.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},"tooltipText":{"name":"tooltipText","global":false,"description":"Actual tooltip text.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]}}}]},"declarations":[]},{"name":"required","global":false,"description":"Whether the a value for this form element is required.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"loading","global":false,"description":"Whether a loading indicator should be shown.\nWill hide the `leadingIcons` slot if set.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"open","global":false,"default":"undefined","description":"Whether the popover is currently open.","tags":[],"required":false,"type":"Nullable<boolean>","schema":{"kind":"enum","type":"Nullable<boolean>","schema":["undefined","null","false","true"]},"declarations":[]},{"name":"popoverOptions","global":false,"description":"Additional popover options.","tags":[],"required":false,"type":"FormElementV2PopoverOptions | undefined","schema":{"kind":"enum","type":"FormElementV2PopoverOptions | undefined","schema":["undefined",{"kind":"object","type":"FormElementV2PopoverOptions","schema":{"disabled":{"name":"disabled","global":false,"description":"Whether the popover is disabled and can not be opened.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},"position":{"name":"position","global":false,"description":"How to position the popover around the parent element.","tags":[],"required":false,"type":"\"auto\" | AnchorPosition | \"auto-inline\" | undefined","schema":{"kind":"enum","type":"\"auto\" | AnchorPosition | \"auto-inline\" | undefined","schema":["undefined","\"top\"","\"left\"","\"auto\"","\"right\"","\"bottom\"","\"top right\"","\"top left\"","\"bottom right\"","\"bottom left\"","\"auto-inline\""]},"declarations":[]},"alignment":{"name":"alignment","global":false,"description":"How to align the popover relative to the parent element (depending on the position).","tags":[],"required":false,"type":"\"auto\" | OpenAlignment | undefined","schema":{"kind":"enum","type":"\"auto\" | OpenAlignment | undefined","schema":["undefined","\"top\"","\"left\"","\"auto\"","\"right\"","\"bottom\"","\"center\""]},"declarations":[]},"fitParent":{"name":"fitParent","global":false,"description":"If `true`, the popover will match the width of the parent/slot element.","tags":[],"required":false,"type":"boolean | undefined","schema":"boolean | undefined","declarations":[]},"label":{"name":"label","global":false,"description":"Aria label for the popover.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},"description":{"name":"description","global":false,"description":"Description text that is displayed at the bottom of the popover.","tags":[],"required":false,"type":"string | undefined","schema":"string | undefined","declarations":[]}}}]},"declarations":[]},{"name":"disabled","global":false,"description":"Whether the input should be disabled and prevent the user from interacting with it.\nDisabled makes the element not mutable, focusable, or even submitted with the form.\nIt will also not be validated.","tags":[{"name":"default","text":"Inherits value from closest `<OnyxForm>` component, defaults to `false` otherwise"}],"required":false,"type":"FormInjected<boolean> | undefined","schema":{"kind":"enum","type":"FormInjected<boolean> | undefined","schema":["undefined","false","true","symbol"]},"declarations":[]},{"name":"name","global":false,"description":"Same as the native `name` attribute of `<input>`.\nUsed to reference the input in JavaScript or in submitted form data.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},{"name":"readonly","global":false,"description":"Whether the input should be readonly.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"hideClearIcon","global":false,"description":"Whether to hide the clear icon when the input is filled and focused.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"autofocus","global":false,"description":"Whether to focus the component on page load or inside a dialog/popover once it opens.\nCan only be enabled for one element inside a page/dialog/popover.\nNote: Has no effect when set after the component has been mounted.\n\n**UX / Accessibility**: autofocus should be used carefully since it can reduce usability and\naccessibility for users.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"type","global":false,"description":"Specifies the type of time picker input.\n- 'default': Free text input with validation.\n- 'select': Displays a dropdown list with pre-generated time options.","tags":[{"name":"default","text":"\"default\""}],"required":false,"type":"\"default\" | \"range\" | \"select\" | undefined","schema":{"kind":"enum","type":"\"default\" | \"range\" | \"select\" | undefined","schema":["undefined","\"default\"","\"range\"","\"select\""]},"declarations":[]},{"name":"options","global":false,"default":"{}","description":"Configuration options for the time picker's option generation.\nThis property is ONLY available when `type` is set to 'select'.","tags":[],"required":false,"type":"TimePickerSelectOptions | undefined","schema":{"kind":"enum","type":"TimePickerSelectOptions | undefined","schema":["undefined",{"kind":"object","type":"TimePickerSelectOptions","schema":{"stepSize":{"name":"stepSize","global":false,"description":"The step size, in seconds, used for generating the time options.","tags":[{"name":"default","text":"1800 // 30 min"}],"required":false,"type":"number | undefined","schema":{"kind":"enum","type":"number | undefined","schema":["undefined","number"]},"declarations":[]},"customTimes":{"name":"customTimes","global":false,"description":"A function that provides custom time options.","tags":[],"required":false,"type":"SelectOption<string>[] | undefined","schema":{"kind":"enum","type":"SelectOption<string>[] | undefined","schema":["undefined","SelectOption<string>[]"]},"declarations":[]}}}]},"declarations":[]},{"name":"modelValue","global":false,"description":"Current time value in 24-hour format (RFC 9557).\nWhile milliseconds (`.123`) and timezones (`Z`, `+01:00`) are accepted as input,\nthey are **ignored** (truncated) by the component logic and display.","tags":[{"name":"example","text":"  \"14:30\";"},{"name":"example","text":"  \"14:30:00\";"},{"name":"example","text":"  \"14:30:00.500Z\"(Treated as \"14:30:00\");"}],"required":false,"type":"string | TimeRange | undefined","schema":{"kind":"enum","type":"string | TimeRange | undefined","schema":["undefined","string",{"kind":"object","type":"TimeRange","schema":{"from":{"name":"from","global":false,"description":"","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},"to":{"name":"to","global":false,"description":"","tags":[],"required":true,"type":"string","schema":"string","declarations":[]}}}]},"declarations":[]},{"name":"min","global":false,"description":"Minimum allowed time (inclusive).\nAccepts RFC 9557 formats. Milliseconds and timezones are ignored during validation.","tags":[{"name":"example","text":"  \"08:00:00\";"},{"name":"example","text":"  \"08:00:00.000Z\"(Valid, treated as \"08:00:00\");"}],"required":false,"type":"RfcTimeValue | undefined","schema":{"kind":"enum","type":"RfcTimeValue | undefined","schema":["undefined","`${number}:${number}`","`${number}:${number}:${number}`","`${number}:${number}:${number}${string}`"]},"declarations":[]},{"name":"max","global":false,"description":"Maximum allowed time (inclusive).\nAccepts RFC 9557 formats. Milliseconds and timezones are ignored during validation.","tags":[{"name":"example","text":"  \"08:00:00\";"},{"name":"example","text":"  \"08:00:00.000Z\"(Valid, treated as \"08:00:00\");"}],"required":false,"type":"RfcTimeValue | undefined","schema":{"kind":"enum","type":"RfcTimeValue | undefined","schema":["undefined","`${number}:${number}`","`${number}:${number}:${number}`","`${number}:${number}:${number}${string}`"]},"declarations":[]},{"name":"showSeconds","global":false,"description":"Whether to show the seconds segment (:SS).\nIf true, the format is HH:MM:SS. If false, the format is HH:MM.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"showAmPm","global":false,"description":"Whether to use am/pm.\nIf set to \"auto\", the current locale will be used to determine if it is am/pm.","tags":[],"required":false,"type":"boolean | \"auto\" | undefined","schema":{"kind":"enum","type":"boolean | \"auto\" | undefined","schema":["undefined","false","true","\"auto\""]},"declarations":[]}],"events":[{"name":"update:modelValue","description":"Emitted when modelValue changes.","tags":[],"type":"[value?: string | undefined]","signature":"(event: \"update:modelValue\", value?: string | undefined): void","schema":[{"kind":"enum","type":"string | undefined","schema":["undefined","string"]}],"declarations":[]},{"name":"update:open","description":"Emitted when the open state changes.","tags":[],"type":"[open: boolean]","signature":"(event: \"update:open\", open: boolean): void","schema":[{"kind":"enum","type":"boolean","schema":["false","true"]}],"declarations":[]},{"name":"validityChange","description":"Emitted when the validity state of the input changes.","tags":[],"type":"[validity: ValidityState]","signature":"(event: \"validityChange\", validity: ValidityState): void","schema":["ValidityState"],"declarations":[]}],"slots":[{"name":"bottomRight","type":"any","description":"Optional slot to display content on the bottom right (e.g. a character counter).","tags":[],"schema":"any","declarations":[]},{"name":"leading","type":"any","description":"Optional slot to provide custom leading content before the actual input (e.g. an `OnyxSelect`).","tags":[],"schema":"any","declarations":[]},{"name":"leadingIcons","type":"any","description":"Optional inner icons (`OnyxIcon`) to display before the input but after the `leading` slot.\nWill be hidden when `loading` property is set.","tags":[],"schema":"any","declarations":[]},{"name":"trailingIcons","type":"any","description":"Optional inner icons to display after the input but before the `trailing` slot.","tags":[],"schema":"any","declarations":[]},{"name":"trailing","type":"any","description":"Optional slot to provide custom trailing content after the actual input (e.g. an `OnyxSelect`).","tags":[],"schema":"any","declarations":[]}],"exposed":[{"name":"input","type":"HTMLInputElement | null | undefined","description":"","tags":[],"schema":{"kind":"enum","type":"HTMLInputElement | null | undefined","schema":["undefined","null","HTMLInputElement"]},"declarations":[]}]},{"exportName":"default","displayName":"RangeTimePicker","type":1,"props":[{"name":"density","global":false,"description":"Density defines the amount of vertical white space a component has and the height of the main\n(interactive) element of a component.","tags":[{"name":"default","text":"undefined By default the parents setting is used, if none is defined on any parent `default` is the default."}],"required":false,"type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":{"kind":"enum","type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":["undefined","\"compact\"","\"default\"","\"cozy\""]},"declarations":[]},{"name":"showError","global":false,"description":"Configures if and when errors are shown.\n\n- `true`: errors will be shown initially.\n- `false`: errors will never be shown. ⚠️ Only the displaying of the error is effected! An error\n  can still block submission!\n- \"touched\": only shows an error _after_ a user has significantly interacted with the input, see\n  [:user-invalid](https://drafts.csswg.org/selectors/#user-invalid-pseudo)","tags":[{"name":"default","text":"Inherits value from closest `<OnyxForm>` component or `touched` if none exists"}],"required":false,"type":"FormInjected<ShowErrorMode> | undefined","schema":{"kind":"enum","type":"FormInjected<ShowErrorMode> | undefined","schema":["undefined","false","true","symbol","\"touched\""]},"declarations":[]},{"name":"requiredMarker","global":false,"description":"How to display the required / optional marker.\n\n- Optional: will show an `(optional)` text after the label for optional form elements.\n- Required: will show an `*` indicator for required inputs after the label instead.\n\nNo marker will be visible if the label is hidden.","tags":[{"name":"default","text":"Inherits value from closest `<OnyxForm>` component or `required` if none exists"}],"required":false,"type":"FormInjected<\"required\" | \"optional\"> | undefined","schema":{"kind":"enum","type":"FormInjected<\"required\" | \"optional\"> | undefined","schema":["undefined","symbol","\"required\"","\"optional\""]},"declarations":[]},{"name":"reserveMessageSpace","global":false,"description":"Always reserves the space required to show `error` or other messages.\nSubsequently this will increase the height of the form element permanently.\nWe recommend to enable this to avoid layout shifts.","tags":[{"name":"default","text":"Inherits value from closest `<OnyxForm>` component, defaults to `false` otherwise"}],"required":false,"type":"FormInjected<boolean> | undefined","schema":{"kind":"enum","type":"FormInjected<boolean> | undefined","schema":["undefined","false","true","symbol"]},"declarations":[]},{"name":"id","global":false,"description":"The id of a labelled form-related element.\nWill be auto-generated if unset and be passed to the `default` slot.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},{"name":"label","global":false,"description":"Label to show for the element. Required due to accessibility / screen readers.\nIf you want to visually hide the label, use the `label.hidden` property.","tags":[],"required":true,"type":"string | FormElementV2LabelOptions","schema":{"kind":"enum","type":"string | FormElementV2LabelOptions","schema":["string",{"kind":"object","type":"FormElementV2LabelOptions","schema":{"label":{"name":"label","global":false,"description":"Label displayed outside of the tooltip.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},"tooltipText":{"name":"tooltipText","global":false,"description":"Actual tooltip text.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},"position":{"name":"position","global":false,"description":"How to position the label relative to the main content.","tags":[],"required":false,"type":"\"top\" | \"left\" | \"right\" | undefined","schema":{"kind":"enum","type":"\"top\" | \"left\" | \"right\" | undefined","schema":["undefined","\"top\"","\"left\"","\"right\""]},"declarations":[]},"hidden":{"name":"hidden","global":false,"description":"If `true`, the label will be visually hidden.\nFor accessibility / screen readers, the aria-label will still be set.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},"truncation":{"name":"truncation","global":false,"description":"How to truncate the label if it exceeds the max width.","tags":[],"required":false,"type":"\"ellipsis\" | \"multiline\" | undefined","schema":{"kind":"enum","type":"\"ellipsis\" | \"multiline\" | undefined","schema":["undefined","\"ellipsis\"","\"multiline\""]},"declarations":[]}}}]},"declarations":[]},{"name":"skeleton","global":false,"description":"Whether to show as skeleton.","tags":[],"required":false,"type":"SkeletonInjected | undefined","schema":{"kind":"enum","type":"SkeletonInjected | undefined","schema":["undefined","number","false","true","symbol"]},"declarations":[]},{"name":"message","global":false,"description":"Optional message to show below the form element.","tags":[],"required":false,"type":"string | FormElementV2Tooltip | undefined","schema":{"kind":"enum","type":"string | FormElementV2Tooltip | undefined","schema":["undefined","string",{"kind":"object","type":"FormElementV2Tooltip","schema":{"label":{"name":"label","global":false,"description":"Label displayed outside of the tooltip.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},"tooltipText":{"name":"tooltipText","global":false,"description":"Actual tooltip text.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]}}}]},"declarations":[]},{"name":"error","global":false,"description":"Optional error message to show below the form element.","tags":[],"required":false,"type":"string | FormElementV2Tooltip | undefined","schema":{"kind":"enum","type":"string | FormElementV2Tooltip | undefined","schema":["undefined","string",{"kind":"object","type":"FormElementV2Tooltip","schema":{"label":{"name":"label","global":false,"description":"Label displayed outside of the tooltip.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},"tooltipText":{"name":"tooltipText","global":false,"description":"Actual tooltip text.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]}}}]},"declarations":[]},{"name":"success","global":false,"description":"Optional success message to show below the form element.","tags":[],"required":false,"type":"string | FormElementV2Tooltip | undefined","schema":{"kind":"enum","type":"string | FormElementV2Tooltip | undefined","schema":["undefined","string",{"kind":"object","type":"FormElementV2Tooltip","schema":{"label":{"name":"label","global":false,"description":"Label displayed outside of the tooltip.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},"tooltipText":{"name":"tooltipText","global":false,"description":"Actual tooltip text.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]}}}]},"declarations":[]},{"name":"required","global":false,"description":"Whether the a value for this form element is required.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"loading","global":false,"description":"Whether a loading indicator should be shown.\nWill hide the `leadingIcons` slot if set.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"open","global":false,"default":"undefined","description":"Whether the popover is currently open.","tags":[],"required":false,"type":"Nullable<boolean>","schema":{"kind":"enum","type":"Nullable<boolean>","schema":["undefined","null","false","true"]},"declarations":[]},{"name":"popoverOptions","global":false,"description":"Additional popover options.","tags":[],"required":false,"type":"FormElementV2PopoverOptions | undefined","schema":{"kind":"enum","type":"FormElementV2PopoverOptions | undefined","schema":["undefined",{"kind":"object","type":"FormElementV2PopoverOptions","schema":{"disabled":{"name":"disabled","global":false,"description":"Whether the popover is disabled and can not be opened.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},"position":{"name":"position","global":false,"description":"How to position the popover around the parent element.","tags":[],"required":false,"type":"\"auto\" | AnchorPosition | \"auto-inline\" | undefined","schema":{"kind":"enum","type":"\"auto\" | AnchorPosition | \"auto-inline\" | undefined","schema":["undefined","\"top\"","\"left\"","\"auto\"","\"right\"","\"bottom\"","\"top right\"","\"top left\"","\"bottom right\"","\"bottom left\"","\"auto-inline\""]},"declarations":[]},"alignment":{"name":"alignment","global":false,"description":"How to align the popover relative to the parent element (depending on the position).","tags":[],"required":false,"type":"\"auto\" | OpenAlignment | undefined","schema":{"kind":"enum","type":"\"auto\" | OpenAlignment | undefined","schema":["undefined","\"top\"","\"left\"","\"auto\"","\"right\"","\"bottom\"","\"center\""]},"declarations":[]},"fitParent":{"name":"fitParent","global":false,"description":"If `true`, the popover will match the width of the parent/slot element.","tags":[],"required":false,"type":"boolean | undefined","schema":"boolean | undefined","declarations":[]},"label":{"name":"label","global":false,"description":"Aria label for the popover.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},"description":{"name":"description","global":false,"description":"Description text that is displayed at the bottom of the popover.","tags":[],"required":false,"type":"string | undefined","schema":"string | undefined","declarations":[]}}}]},"declarations":[]},{"name":"disabled","global":false,"description":"Whether the input should be disabled and prevent the user from interacting with it.\nDisabled makes the element not mutable, focusable, or even submitted with the form.\nIt will also not be validated.","tags":[{"name":"default","text":"Inherits value from closest `<OnyxForm>` component, defaults to `false` otherwise"}],"required":false,"type":"FormInjected<boolean> | undefined","schema":{"kind":"enum","type":"FormInjected<boolean> | undefined","schema":["undefined","false","true","symbol"]},"declarations":[]},{"name":"name","global":false,"description":"Same as the native `name` attribute of `<input>`.\nUsed to reference the input in JavaScript or in submitted form data.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},{"name":"readonly","global":false,"description":"Whether the input should be readonly.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"hideClearIcon","global":false,"description":"Whether to hide the clear icon when the input is filled and focused.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"autofocus","global":false,"description":"Whether to focus the component on page load or inside a dialog/popover once it opens.\nCan only be enabled for one element inside a page/dialog/popover.\nNote: Has no effect when set after the component has been mounted.\n\n**UX / Accessibility**: autofocus should be used carefully since it can reduce usability and\naccessibility for users.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"type","global":false,"description":"Specifies the type of time picker input.\n- 'default': Free text input with validation.\n- 'select': Displays a dropdown list with pre-generated time options.","tags":[{"name":"default","text":"\"default\""}],"required":false,"type":"\"default\" | \"range\" | \"select\" | undefined","schema":{"kind":"enum","type":"\"default\" | \"range\" | \"select\" | undefined","schema":["undefined","\"default\"","\"range\"","\"select\""]},"declarations":[]},{"name":"options","global":false,"description":"Configuration options for the time picker's option generation.\nThis property is ONLY available when `type` is set to 'select'.","tags":[],"required":false,"type":"TimePickerSelectOptions | undefined","schema":{"kind":"enum","type":"TimePickerSelectOptions | undefined","schema":["undefined",{"kind":"object","type":"TimePickerSelectOptions","schema":{"stepSize":{"name":"stepSize","global":false,"description":"The step size, in seconds, used for generating the time options.","tags":[{"name":"default","text":"1800 // 30 min"}],"required":false,"type":"number | undefined","schema":{"kind":"enum","type":"number | undefined","schema":["undefined","number"]},"declarations":[]},"customTimes":{"name":"customTimes","global":false,"description":"A function that provides custom time options.","tags":[],"required":false,"type":"SelectOption<string>[] | undefined","schema":{"kind":"enum","type":"SelectOption<string>[] | undefined","schema":["undefined","SelectOption<string>[]"]},"declarations":[]}}}]},"declarations":[]},{"name":"modelValue","global":false,"description":"Current time value in 24-hour format (RFC 9557).\nWhile milliseconds (`.123`) and timezones (`Z`, `+01:00`) are accepted as input,\nthey are **ignored** (truncated) by the component logic and display.","tags":[{"name":"example","text":"  \"14:30\";"},{"name":"example","text":"  \"14:30:00\";"},{"name":"example","text":"  \"14:30:00.500Z\"(Treated as \"14:30:00\");"}],"required":false,"type":"string | TimeRange | undefined","schema":{"kind":"enum","type":"string | TimeRange | undefined","schema":["undefined","string",{"kind":"object","type":"TimeRange","schema":{"from":{"name":"from","global":false,"description":"","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},"to":{"name":"to","global":false,"description":"","tags":[],"required":true,"type":"string","schema":"string","declarations":[]}}}]},"declarations":[]},{"name":"min","global":false,"description":"Minimum allowed time (inclusive).\nAccepts RFC 9557 formats. Milliseconds and timezones are ignored during validation.","tags":[{"name":"example","text":"  \"08:00:00\";"},{"name":"example","text":"  \"08:00:00.000Z\"(Valid, treated as \"08:00:00\");"}],"required":false,"type":"RfcTimeValue | undefined","schema":{"kind":"enum","type":"RfcTimeValue | undefined","schema":["undefined","`${number}:${number}`","`${number}:${number}:${number}`","`${number}:${number}:${number}${string}`"]},"declarations":[]},{"name":"max","global":false,"description":"Maximum allowed time (inclusive).\nAccepts RFC 9557 formats. Milliseconds and timezones are ignored during validation.","tags":[{"name":"example","text":"  \"08:00:00\";"},{"name":"example","text":"  \"08:00:00.000Z\"(Valid, treated as \"08:00:00\");"}],"required":false,"type":"RfcTimeValue | undefined","schema":{"kind":"enum","type":"RfcTimeValue | undefined","schema":["undefined","`${number}:${number}`","`${number}:${number}:${number}`","`${number}:${number}:${number}${string}`"]},"declarations":[]},{"name":"showSeconds","global":false,"description":"Whether to show the seconds segment (:SS).\nIf true, the format is HH:MM:SS. If false, the format is HH:MM.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"showAmPm","global":false,"description":"Whether to use am/pm.\nIf set to \"auto\", the current locale will be used to determine if it is am/pm.","tags":[],"required":false,"type":"boolean | \"auto\" | undefined","schema":{"kind":"enum","type":"boolean | \"auto\" | undefined","schema":["undefined","false","true","\"auto\""]},"declarations":[]}],"events":[{"name":"update:modelValue","description":"Emitted when modelValue changes.","tags":[],"type":"[value?: TimeRange | undefined]","signature":"(event: \"update:modelValue\", value?: TimeRange | undefined): void","schema":[{"kind":"enum","type":"TimeRange | undefined","schema":["undefined",{"kind":"object","type":"TimeRange","schema":{"from":{"name":"from","global":false,"description":"","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},"to":{"name":"to","global":false,"description":"","tags":[],"required":true,"type":"string","schema":"string","declarations":[]}}}]}],"declarations":[]},{"name":"update:open","description":"Emitted when the open state changes.","tags":[],"type":"[open: boolean]","signature":"(event: \"update:open\", open: boolean): void","schema":[{"kind":"enum","type":"boolean","schema":["false","true"]}],"declarations":[]},{"name":"validityChange","description":"Emitted when the validity state of the input changes.","tags":[],"type":"[validity: ValidityState]","signature":"(event: \"validityChange\", validity: ValidityState): void","schema":["ValidityState"],"declarations":[]}],"slots":[{"name":"bottomRight","type":"any","description":"Optional slot to display content on the bottom right (e.g. a character counter).","tags":[],"schema":"any","declarations":[]},{"name":"leading","type":"any","description":"Optional slot to provide custom leading content before the actual input (e.g. an `OnyxSelect`).","tags":[],"schema":"any","declarations":[]},{"name":"leadingIcons","type":"any","description":"Optional inner icons (`OnyxIcon`) to display before the input but after the `leading` slot.\nWill be hidden when `loading` property is set.","tags":[],"schema":"any","declarations":[]},{"name":"trailingIcons","type":"any","description":"Optional inner icons to display after the input but before the `trailing` slot.","tags":[],"schema":"any","declarations":[]},{"name":"trailing","type":"any","description":"Optional slot to provide custom trailing content after the actual input (e.g. an `OnyxSelect`).","tags":[],"schema":"any","declarations":[]}],"exposed":[{"name":"input","type":"HTMLInputElement | null","description":"","tags":[],"schema":{"kind":"enum","type":"HTMLInputElement | null","schema":["null","HTMLInputElement"]},"declarations":[]}]},{"exportName":"default","displayName":"OnyxHorizontalNavBar","type":1,"props":[{"name":"logoUrl","global":false,"description":"Logo / app icon URl to display. Slot `logo` can be used to place custom content.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},{"name":"appName","global":false,"description":"Application name to show on the left.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},{"name":"withBackButton","global":false,"description":"Whether to show a back button.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"appArea","global":false,"description":"Override app area.","tags":[{"name":"default","text":"Link to \"/\" route with a translated \"Go to home\" aria-label depending on the current locale."}],"required":false,"type":"Omit<OnyxNavAppAreaProps, \"logoUrl\" | \"appName\"> | undefined","schema":{"kind":"enum","type":"Omit<OnyxNavAppAreaProps, \"logoUrl\" | \"appName\"> | undefined","schema":["undefined","Omit<OnyxNavAppAreaProps, \"logoUrl\" | \"appName\">"]},"declarations":[]},{"name":"mobile","global":false,"default":"\"sm\"","description":"Determines if and when the `OnyxNavBar` should render in mobile mode.\n\n`mobile` prop can be one of the following; - a `boolean`: The NavBar renders in mobile mode,\nwhen `true`. - a `OnyxBreakpoint`: The NavBar renders in mobile mode, when the current\nbreakpoint matches or is smaller. - a `number`: The NavBar renders in mobile when the viewport\nwidth is smaller than the provided value.","tags":[{"name":"see","text":"[onyx docs](https://onyx.schwarz/development/breakpoints.html) for more information."}],"required":false,"type":"number | boolean | OnyxBreakpoint | undefined","schema":{"kind":"enum","type":"number | boolean | OnyxBreakpoint | undefined","schema":["undefined","number","false","true","\"sm\"","\"2xs\"","\"xs\"","\"md\"","\"lg\"","\"xl\""]},"declarations":[]},{"name":"orientation","global":false,"description":"The orientation of the nav bar.","tags":[{"name":"default","text":"\"horizontal\""}],"required":false,"type":"\"horizontal\" | undefined","schema":{"kind":"enum","type":"\"horizontal\" | undefined","schema":["undefined","\"horizontal\""]},"declarations":[]},{"name":"expanded","global":false,"description":"Whether the nav bar is currently expanded. Only available for `orientation=\"vertical\"`.","tags":[],"required":false,"type":"Nullable<boolean>","schema":{"kind":"enum","type":"Nullable<boolean>","schema":["undefined","null","false","true"]},"declarations":[]},{"name":"alignment","global":false,"description":"How to align the navigation items. Only available for `orientation=\"vertical\"`.","tags":[],"required":false,"type":"undefined","schema":"undefined","declarations":[]}],"events":[{"name":"navigateBack","description":"Emitted when the back button is clicked.","tags":[],"type":"[event: MouseEvent]","signature":"(event: \"navigateBack\", event: MouseEvent): void","schema":["MouseEvent"],"declarations":[]}],"slots":[{"name":"default","type":"any","description":"[`OnyxNavItem`](/docs/navigation-navbar-modules-navitem--docs) components should be placed and\nnested here to build the navigation. Important: When using the vertical orientation, the CSS\nvariable --onyx-vertical-navbar-collapsed-width might need to be adjusted on the OnyxNavBar to\nfit the custom content properly.","tags":[],"schema":"any","declarations":[]},{"name":"appArea","type":"any","description":"Optional slot to override the app area content (logo and app name, e.g. with a custom icon /\n`OnyxIcon` component).","tags":[],"schema":"any","declarations":[]},{"name":"contextArea","type":"any","description":"Optional context area on the right to display additional (global) components, like user login,\nglobal settings etc. Use the following ready-to-use components: - `OnyxTimer` - `OnyxTag` -\n`OnyxSeparator` - `OnyxUserMenu` (Ideally `OnyxUserMenu` is the last item on the very right)\n\nFor custom buttons use the `OnyxNavButton`.","tags":[],"schema":"any","declarations":[]},{"name":"globalContextArea","type":"any","description":"Same as `contextArea` slot on desktop (will be placed next to it) but on mobile, the components\ninside will stay in the mobile nav bar itself and will not be collapsed into the context menu\nbutton.\n\nGlobal actions like e.g. search or notification center can be placed here that should always be\ndirectly accessible on mobile.\n\nThe same components as for the `contextArea` can be used here.","tags":[],"schema":"any","declarations":[]},{"name":"mobileActivePage","type":"any","description":"Label for displaying the currently active page in mobile mode.\nIf a child of a nav item is active, it should displayed the child label instead of the parent.","tags":[],"schema":"any","declarations":[]}],"exposed":[{"name":"closeMobileMenus","type":"() => void","description":"Closes the mobile burger and context menu.\nUseful if you want to e.g. close them when a nav item is clicked.\nWill be automatically done if a router is provided.","tags":[],"schema":{"kind":"event","type":"(): void"},"declarations":[]}]},{"exportName":"default","displayName":"MaybePopoverLayout","type":1,"props":[{"name":"density","global":false,"description":"Density defines the amount of vertical white space a component has and the height of the main\n(interactive) element of a component.","tags":[{"name":"default","text":"undefined By default the parents setting is used, if none is defined on any parent `default` is the default."}],"required":false,"type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":{"kind":"enum","type":"\"compact\" | \"default\" | \"cozy\" | undefined","schema":["undefined","\"compact\"","\"default\"","\"cozy\""]},"declarations":[]},{"name":"showError","global":false,"description":"Configures if and when errors are shown.\n\n- `true`: errors will be shown initially.\n- `false`: errors will never be shown. ⚠️ Only the displaying of the error is effected! An error\n  can still block submission!\n- \"touched\": only shows an error _after_ a user has significantly interacted with the input, see\n  [:user-invalid](https://drafts.csswg.org/selectors/#user-invalid-pseudo)","tags":[{"name":"default","text":"Inherits value from closest `<OnyxForm>` component or `touched` if none exists"}],"required":false,"type":"FormInjected<ShowErrorMode> | undefined","schema":{"kind":"enum","type":"FormInjected<ShowErrorMode> | undefined","schema":["undefined","false","true","symbol","\"touched\""]},"declarations":[]},{"name":"requiredMarker","global":false,"description":"How to display the required / optional marker.\n\n- Optional: will show an `(optional)` text after the label for optional form elements.\n- Required: will show an `*` indicator for required inputs after the label instead.\n\nNo marker will be visible if the label is hidden.","tags":[{"name":"default","text":"Inherits value from closest `<OnyxForm>` component or `required` if none exists"}],"required":false,"type":"FormInjected<\"required\" | \"optional\"> | undefined","schema":{"kind":"enum","type":"FormInjected<\"required\" | \"optional\"> | undefined","schema":["undefined","symbol","\"required\"","\"optional\""]},"declarations":[]},{"name":"reserveMessageSpace","global":false,"description":"Always reserves the space required to show `error` or other messages.\nSubsequently this will increase the height of the form element permanently.\nWe recommend to enable this to avoid layout shifts.","tags":[{"name":"default","text":"Inherits value from closest `<OnyxForm>` component, defaults to `false` otherwise"}],"required":false,"type":"FormInjected<boolean> | undefined","schema":{"kind":"enum","type":"FormInjected<boolean> | undefined","schema":["undefined","false","true","symbol"]},"declarations":[]},{"name":"id","global":false,"description":"The id of a labelled form-related element.\nWill be auto-generated if unset and be passed to the `default` slot.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},{"name":"label","global":false,"description":"Label to show for the element. Required due to accessibility / screen readers.\nIf you want to visually hide the label, use the `label.hidden` property.","tags":[],"required":true,"type":"string | FormElementV2LabelOptions","schema":{"kind":"enum","type":"string | FormElementV2LabelOptions","schema":["string",{"kind":"object","type":"FormElementV2LabelOptions","schema":{"label":{"name":"label","global":false,"description":"Label displayed outside of the tooltip.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},"tooltipText":{"name":"tooltipText","global":false,"description":"Actual tooltip text.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},"position":{"name":"position","global":false,"description":"How to position the label relative to the main content.","tags":[],"required":false,"type":"\"top\" | \"left\" | \"right\" | undefined","schema":{"kind":"enum","type":"\"top\" | \"left\" | \"right\" | undefined","schema":["undefined","\"top\"","\"left\"","\"right\""]},"declarations":[]},"hidden":{"name":"hidden","global":false,"description":"If `true`, the label will be visually hidden.\nFor accessibility / screen readers, the aria-label will still be set.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},"truncation":{"name":"truncation","global":false,"description":"How to truncate the label if it exceeds the max width.","tags":[],"required":false,"type":"\"ellipsis\" | \"multiline\" | undefined","schema":{"kind":"enum","type":"\"ellipsis\" | \"multiline\" | undefined","schema":["undefined","\"ellipsis\"","\"multiline\""]},"declarations":[]}}}]},"declarations":[]},{"name":"skeleton","global":false,"description":"Whether to show as skeleton.","tags":[],"required":false,"type":"SkeletonInjected | undefined","schema":{"kind":"enum","type":"SkeletonInjected | undefined","schema":["undefined","number","false","true","symbol"]},"declarations":[]},{"name":"message","global":false,"description":"Optional message to show below the form element.","tags":[],"required":false,"type":"string | FormElementV2Tooltip | undefined","schema":{"kind":"enum","type":"string | FormElementV2Tooltip | undefined","schema":["undefined","string",{"kind":"object","type":"FormElementV2Tooltip","schema":{"label":{"name":"label","global":false,"description":"Label displayed outside of the tooltip.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},"tooltipText":{"name":"tooltipText","global":false,"description":"Actual tooltip text.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]}}}]},"declarations":[]},{"name":"error","global":false,"description":"Optional error message to show below the form element.","tags":[],"required":false,"type":"string | FormElementV2Tooltip | undefined","schema":{"kind":"enum","type":"string | FormElementV2Tooltip | undefined","schema":["undefined","string",{"kind":"object","type":"FormElementV2Tooltip","schema":{"label":{"name":"label","global":false,"description":"Label displayed outside of the tooltip.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},"tooltipText":{"name":"tooltipText","global":false,"description":"Actual tooltip text.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]}}}]},"declarations":[]},{"name":"success","global":false,"description":"Optional success message to show below the form element.","tags":[],"required":false,"type":"string | FormElementV2Tooltip | undefined","schema":{"kind":"enum","type":"string | FormElementV2Tooltip | undefined","schema":["undefined","string",{"kind":"object","type":"FormElementV2Tooltip","schema":{"label":{"name":"label","global":false,"description":"Label displayed outside of the tooltip.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},"tooltipText":{"name":"tooltipText","global":false,"description":"Actual tooltip text.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]}}}]},"declarations":[]},{"name":"required","global":false,"description":"Whether the a value for this form element is required.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"loading","global":false,"description":"Whether a loading indicator should be shown.\nWill hide the `leadingIcons` slot if set.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"open","global":false,"description":"Whether the popover is currently open.","tags":[],"required":false,"type":"Nullable<boolean>","schema":{"kind":"enum","type":"Nullable<boolean>","schema":["undefined","null","false","true"]},"declarations":[]},{"name":"popoverOptions","global":false,"description":"Additional popover options.","tags":[],"required":false,"type":"FormElementV2PopoverOptions | undefined","schema":{"kind":"enum","type":"FormElementV2PopoverOptions | undefined","schema":["undefined",{"kind":"object","type":"FormElementV2PopoverOptions","schema":{"disabled":{"name":"disabled","global":false,"description":"Whether the popover is disabled and can not be opened.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},"position":{"name":"position","global":false,"description":"How to position the popover around the parent element.","tags":[],"required":false,"type":"\"auto\" | AnchorPosition | \"auto-inline\" | undefined","schema":{"kind":"enum","type":"\"auto\" | AnchorPosition | \"auto-inline\" | undefined","schema":["undefined","\"top\"","\"left\"","\"auto\"","\"right\"","\"bottom\"","\"top right\"","\"top left\"","\"bottom right\"","\"bottom left\"","\"auto-inline\""]},"declarations":[]},"alignment":{"name":"alignment","global":false,"description":"How to align the popover relative to the parent element (depending on the position).","tags":[],"required":false,"type":"\"auto\" | OpenAlignment | undefined","schema":{"kind":"enum","type":"\"auto\" | OpenAlignment | undefined","schema":["undefined","\"top\"","\"left\"","\"auto\"","\"right\"","\"bottom\"","\"center\""]},"declarations":[]},"fitParent":{"name":"fitParent","global":false,"description":"If `true`, the popover will match the width of the parent/slot element.","tags":[],"required":false,"type":"boolean | undefined","schema":"boolean | undefined","declarations":[]},"label":{"name":"label","global":false,"description":"Aria label for the popover.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},"description":{"name":"description","global":false,"description":"Description text that is displayed at the bottom of the popover.","tags":[],"required":false,"type":"string | undefined","schema":"string | undefined","declarations":[]}}}]},"declarations":[]}],"events":[{"name":"update:open","description":"Emitted when the popover open state changes.","tags":[],"type":"[open: boolean]","signature":"(event: \"update:open\", open: boolean): void","schema":[{"kind":"enum","type":"boolean","schema":["false","true"]}],"declarations":[]}],"slots":[{"name":"default","type":"{ input?: HTMLAttributes | undefined; }","description":"","tags":[],"schema":{"kind":"object","type":"{ input?: HTMLAttributes | undefined; }","schema":{"input":{"name":"input","global":false,"description":"","tags":[],"required":false,"type":"HTMLAttributes | undefined","schema":{"kind":"enum","type":"HTMLAttributes | undefined","schema":["undefined","HTMLAttributes"]},"declarations":[]}}},"declarations":[]},{"name":"popover","type":"any","description":"","tags":[],"schema":"any","declarations":[]}],"exposed":[]},{"exportName":"default","displayName":"UserMenuLayout","type":2,"props":[{"name":"position","global":false,"default":"\"auto\"","description":"How to position the popover around the parent element.","tags":[],"required":false,"type":"\"auto\" | AnchorPosition | \"auto-inline\" | undefined","schema":{"kind":"enum","type":"\"auto\" | AnchorPosition | \"auto-inline\" | undefined","schema":["undefined","\"top\"","\"left\"","\"auto\"","\"right\"","\"bottom\"","\"top right\"","\"top left\"","\"bottom right\"","\"bottom left\"","\"auto-inline\""]},"declarations":[]},{"name":"alignment","global":false,"default":"\"auto\"","description":"How to align the popover relative to the parent element (depending on the position).","tags":[],"required":false,"type":"\"auto\" | OpenAlignment | undefined","schema":{"kind":"enum","type":"\"auto\" | OpenAlignment | undefined","schema":["undefined","\"top\"","\"left\"","\"auto\"","\"right\"","\"bottom\"","\"center\""]},"declarations":[]},{"name":"isMobile","global":false,"description":"If the mobile layout should be used instead of the desktop layout.","tags":[],"required":true,"type":"boolean","schema":{"kind":"enum","type":"boolean","schema":["false","true"]},"declarations":[]},{"name":"flyoutOpen","global":false,"default":"undefined","description":"Controls whether the flyout menu is open.","tags":[],"required":false,"type":"Nullable<boolean>","schema":{"kind":"enum","type":"Nullable<boolean>","schema":["undefined","null","false","true"]},"declarations":[]},{"name":"disabled","global":false,"description":"Whether the flyout is disabled and can not be opened.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]}],"events":[{"name":"update:flyoutOpen","description":"Emitted when the state of flyoutOpen changes.","tags":[],"type":"[value: boolean]","signature":"(evt: \"update:flyoutOpen\", value: boolean): void","schema":[{"kind":"enum","type":"boolean","schema":["false","true"]}],"declarations":[]}],"slots":[{"name":"button","type":"{ trigger: object; }","description":"The trigger for the flyout menu. Must be an interactive component like a button or link.","tags":[],"schema":{"kind":"object","type":"{ trigger: object; }","schema":{"trigger":{"name":"trigger","global":false,"description":"Attributes and event listeners that must be bound to the interactive element, that should act\nas the flyout trigger.","tags":[],"required":true,"type":"object","schema":"object","declarations":[]}}},"declarations":[]},{"name":"header","type":"any","description":"","tags":[],"schema":"any","declarations":[]},{"name":"options","type":"any","description":"","tags":[],"schema":"any","declarations":[]},{"name":"footer","type":"any","description":"","tags":[],"schema":"any","declarations":[]}],"exposed":[]},{"exportName":"Segment","displayName":"Segment","type":1,"props":[{"name":"showSeconds","global":false,"description":"Whether to show the seconds segment (:SS).\nIf true, the format is HH:MM:SS. If false, the format is HH:MM.","tags":[],"required":false,"type":"boolean | undefined","schema":{"kind":"enum","type":"boolean | undefined","schema":["undefined","false","true"]},"declarations":[]},{"name":"showAmPm","global":false,"description":"Whether to use am/pm.\nIf set to \"auto\", the current locale will be used to determine if it is am/pm.","tags":[],"required":false,"type":"boolean | \"auto\" | undefined","schema":{"kind":"enum","type":"boolean | \"auto\" | undefined","schema":["undefined","false","true","\"auto\""]},"declarations":[]},{"name":"headline","global":false,"description":"Group headline.","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},{"name":"modelValue","global":false,"description":"Current value.","tags":[],"required":false,"type":"string | undefined","schema":{"kind":"enum","type":"string | undefined","schema":["undefined","string"]},"declarations":[]},{"name":"focusedSegment","global":false,"description":"Which segment is currently focused.","tags":[],"required":false,"type":"Segment | undefined","schema":{"kind":"enum","type":"Segment | undefined","schema":["undefined","\"hours\"","\"minutes\"","\"seconds\""]},"declarations":[]}],"events":[{"name":"update:modelValue","description":"Emitted when the current value changes.","tags":[],"type":"[value?: string | undefined]","signature":"(event: \"update:modelValue\", value?: string | undefined): void","schema":[{"kind":"enum","type":"string | undefined","schema":["undefined","string"]}],"declarations":[]},{"name":"jumpSegmentFocus","description":"Emitted when the another segment should be focused.","tags":[],"type":"[direction: \"previous\" | \"next\"]","signature":"(event: \"jumpSegmentFocus\", direction: \"previous\" | \"next\"): void","schema":[{"kind":"enum","type":"\"previous\" | \"next\"","schema":["\"previous\"","\"next\""]}],"declarations":[]},{"name":"update:focusedSegment","description":"Emitted when the currently focused segment changes.","tags":[],"type":"[segment: Segment]","signature":"(event: \"update:focusedSegment\", segment: Segment): void","schema":[{"kind":"enum","type":"Segment","schema":["\"hours\"","\"minutes\"","\"seconds\""]}],"declarations":[]}],"slots":[],"exposed":[]},{"exportName":"ToggleOption","displayName":"ToggleOption","type":1,"props":[{"name":"modelValue","global":false,"description":"Current selected Value","tags":[],"required":true,"type":"string | number | boolean","schema":{"kind":"enum","type":"string | number | boolean","schema":["string","number","false","true"]},"declarations":[]},{"name":"options","global":false,"description":"Options to Toggle","tags":[],"required":true,"type":"[ToggleOption, ToggleOption]","schema":{"kind":"array","type":"[ToggleOption, ToggleOption]","schema":[{"kind":"object","type":"ToggleOption","schema":{"label":{"name":"label","global":false,"description":"","tags":[],"required":true,"type":"string","schema":"string","declarations":[]},"value":{"name":"value","global":false,"description":"","tags":[],"required":true,"type":"string | number | boolean","schema":{"kind":"enum","type":"string | number | boolean","schema":["string","number","false","true"]},"declarations":[]}}},"ToggleOption"]},"declarations":[]}],"events":[{"name":"update:modelValue","description":"","tags":[],"type":"[value: string | number | boolean]","signature":"(event: \"update:modelValue\", value: string | number | boolean): void","schema":[{"kind":"enum","type":"string | number | boolean","schema":["string","number","false","true"]}],"declarations":[]}],"slots":[],"exposed":[]}]