sit-onyx 1.0.0-beta.40 → 1.0.0-beta.41

package/dist/components/OnyxAppLayout/OnyxAppLayout.vue.d.ts

@@ -1,6 +1,5 @@
 import type { OnyxAppLayoutProps } from "./types";
-declare var __VLS_inheritedAttrs: {};
-declare const __VLS_templateResult: {
+declare function __VLS_template(): {
     slots: Readonly<{
         /** Navigation area of the application */
         navBar?(): unknown;
@@ -21,9 +20,9 @@ declare const __VLS_templateResult: {
         appOverlay?(): unknown;
     };
     refs: {};
-    attrs: Partial<typeof __VLS_inheritedAttrs>;
+    attrs: Partial<{}>;
 };
-type __VLS_Slots = typeof __VLS_templateResult['slots'];
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<OnyxAppLayoutProps>, {
     navBarAlignment: string;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<OnyxAppLayoutProps>, {
@@ -31,7 +30,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<
 }>>>, {
     navBarAlignment: "top" | "left";
 }, {}>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_Slots>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithDefaults<P, D> = {
     [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {

package/dist/components/OnyxAvatar/OnyxAvatar.vue.d.ts

@@ -1,6 +1,5 @@
 import type { OnyxAvatarProps } from "./types";
-declare var __VLS_inheritedAttrs: {};
-declare const __VLS_templateResult: {
+declare function __VLS_template(): {
     slots: Readonly<{
         /**
          * Optional slot to override the default initials. Will only be used if `type` is `initials`.
@@ -13,9 +12,9 @@ declare const __VLS_templateResult: {
         default?(): unknown;
     };
     refs: {};
-    attrs: Partial<typeof __VLS_inheritedAttrs>;
+    attrs: Partial<{}>;
 };
-type __VLS_Slots = typeof __VLS_templateResult['slots'];
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<OnyxAvatarProps>, {
     size: string;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<OnyxAvatarProps>, {
@@ -23,7 +22,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<
 }>>>, {
     size: "16px" | "24px" | "32px" | "48px" | "64px" | "96px";
 }, {}>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_Slots>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithDefaults<P, D> = {
     [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {

package/dist/components/OnyxAvatarStack/OnyxAvatarStack.vue.d.ts

@@ -1,5 +1,4 @@
-declare var __VLS_inheritedAttrs: {};
-declare const __VLS_templateResult: {
+declare function __VLS_template(): {
     slots: Readonly<{
         /**
          * Default slot to place the avatars.
@@ -12,11 +11,11 @@ declare const __VLS_templateResult: {
         default(): unknown;
     };
     refs: {};
-    attrs: Partial<typeof __VLS_inheritedAttrs>;
+    attrs: Partial<{}>;
 };
-type __VLS_Slots = typeof __VLS_templateResult['slots'];
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_Slots>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {

package/dist/components/OnyxBadge/OnyxBadge.vue.d.ts

@@ -1,6 +1,5 @@
 import type { OnyxBadgeProps } from "./types";
-declare var __VLS_inheritedAttrs: {};
-declare const __VLS_templateResult: {
+declare function __VLS_template(): {
     slots: Readonly<{
         /**
          * Badge content.
@@ -13,9 +12,9 @@ declare const __VLS_templateResult: {
         default?(): unknown;
     };
     refs: {};
-    attrs: Partial<typeof __VLS_inheritedAttrs>;
+    attrs: Partial<{}>;
 };
-type __VLS_Slots = typeof __VLS_templateResult['slots'];
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<OnyxBadgeProps>, {
     color: string;
     dot: boolean;
@@ -26,7 +25,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<
     color: import("../..").OnyxColor;
     dot: boolean;
 }, {}>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_Slots>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithDefaults<P, D> = {
     [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {

package/dist/components/OnyxDialog/OnyxDialog.vue.d.ts

@@ -1,6 +1,5 @@
 import type { OnyxDialogProps } from "./types";
-declare var __VLS_inheritedAttrs: {};
-declare const __VLS_templateResult: {
+declare function __VLS_template(): {
     slots: Readonly<{
         /**
          * Dialog content. For accessibility purposes it is strongly recommended
@@ -17,11 +16,11 @@ declare const __VLS_templateResult: {
         default(): unknown;
     };
     refs: {
-        dialogRef: import("vue").DialogHTMLAttributes & import("vue").ReservedProps;
+        dialogRef: HTMLDialogElement;
     };
-    attrs: Partial<typeof __VLS_inheritedAttrs>;
+    attrs: Partial<{}>;
 };
-type __VLS_Slots = typeof __VLS_templateResult['slots'];
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<OnyxDialogProps>, {
     open: boolean;
     modal: boolean;
@@ -39,7 +38,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<
     modal: boolean;
     alert: boolean;
 }, {}>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_Slots>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithDefaults<P, D> = {
     [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {

package/dist/components/OnyxEmpty/OnyxEmpty.vue.d.ts

@@ -1,6 +1,5 @@
 import { type DensityProp } from "../../composables/density";
-declare var __VLS_inheritedAttrs: {};
-declare const __VLS_templateResult: {
+declare function __VLS_template(): {
     slots: Readonly<{
         /**
          * Label / text to display.
@@ -21,11 +20,11 @@ declare const __VLS_templateResult: {
         icon?(): unknown;
     };
     refs: {};
-    attrs: Partial<typeof __VLS_inheritedAttrs>;
+    attrs: Partial<{}>;
 };
-type __VLS_Slots = typeof __VLS_templateResult['slots'];
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import("vue").DefineComponent<__VLS_TypePropsToOption<DensityProp>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<DensityProp>>>, {}, {}>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_Slots>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToOption<T> = {

package/dist/components/OnyxErrorTooltip/OnyxErrorTooltip.vue.d.ts

@@ -1,6 +1,5 @@
 import { type FormErrorMessages } from "../../composables/useCustomValidity";
-declare var __VLS_inheritedAttrs: {};
-declare const __VLS_templateResult: {
+declare function __VLS_template(): {
     slots: Readonly<{
         /**
          * Any component. Will be wrapped in an OnyxTooltip showing
@@ -15,11 +14,11 @@ declare const __VLS_templateResult: {
         default(): unknown;
     };
     refs: {
-        targetRef: import("vue").HTMLAttributes & import("vue").ReservedProps;
+        targetRef: HTMLDivElement;
     };
-    attrs: Partial<typeof __VLS_inheritedAttrs>;
+    attrs: Partial<{}>;
 };
-type __VLS_Slots = typeof __VLS_templateResult['slots'];
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import("vue").DefineComponent<__VLS_TypePropsToOption<{
     /**
      * The given component will be shown inside a tooltip when
@@ -39,7 +38,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_TypePropsToOp
     /** We don't show an error if the content is not interactive */
     disabled?: boolean;
 }>>>, {}, {}>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_Slots>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToOption<T> = {

package/dist/components/OnyxFormElement/OnyxFormElement.vue.d.ts

@@ -1,6 +1,5 @@
 import type { OnyxFormElementProps } from "./types";
-declare var __VLS_inheritedAttrs: {};
-declare const __VLS_templateResult: {
+declare function __VLS_template(): {
     slots: Readonly<{
         /** The place for the actual form element */
         default(props: {
@@ -13,9 +12,9 @@ declare const __VLS_templateResult: {
         }): unknown;
     };
     refs: {};
-    attrs: Partial<typeof __VLS_inheritedAttrs>;
+    attrs: Partial<{}>;
 };
-type __VLS_Slots = typeof __VLS_templateResult['slots'];
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<OnyxFormElementProps>, {
     required: boolean;
     id: () => string;
@@ -26,7 +25,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<
     required: boolean;
     id: string;
 }, {}>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_Slots>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithDefaults<P, D> = {
     [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {

package/dist/components/OnyxHeadline/OnyxHeadline.vue.d.ts

@@ -1,6 +1,5 @@
 import type { OnyxHeadlineProps } from "./types";
-declare var __VLS_inheritedAttrs: {};
-declare const __VLS_templateResult: {
+declare function __VLS_template(): {
     slots: Readonly<{
         /**
          * Headline content.
@@ -13,11 +12,11 @@ declare const __VLS_templateResult: {
         default(): unknown;
     };
     refs: {};
-    attrs: Partial<typeof __VLS_inheritedAttrs>;
+    attrs: Partial<{}>;
 };
-type __VLS_Slots = typeof __VLS_templateResult['slots'];
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import("vue").DefineComponent<__VLS_TypePropsToOption<OnyxHeadlineProps>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<OnyxHeadlineProps>>>, {}, {}>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_Slots>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToOption<T> = {

package/dist/components/OnyxIconButton/OnyxIconButton.vue.d.ts

@@ -1,6 +1,5 @@
 import type { OnyxIconButtonProps } from "./types";
-declare var __VLS_inheritedAttrs: {};
-declare const __VLS_templateResult: {
+declare function __VLS_template(): {
     slots: Readonly<{
         /** Slot for an custom icon. Will have no effect if property `icon` is passed. */
         default(): unknown;
@@ -9,9 +8,9 @@ declare const __VLS_templateResult: {
         default(): unknown;
     };
     refs: {};
-    attrs: Partial<typeof __VLS_inheritedAttrs>;
+    attrs: Partial<{}>;
 };
-type __VLS_Slots = typeof __VLS_templateResult['slots'];
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<OnyxIconButtonProps>, {
     disabled: boolean;
     type: string;
@@ -32,7 +31,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<
     disabled: boolean;
     skeleton: boolean;
 }, {}>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_Slots>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithDefaults<P, D> = {
     [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {

package/dist/components/OnyxLink/OnyxLink.vue.d.ts

@@ -1,6 +1,5 @@
 import type { OnyxLinkProps } from "./types";
-declare var __VLS_inheritedAttrs: {};
-declare const __VLS_templateResult: {
+declare function __VLS_template(): {
     slots: Readonly<{
         /**
          * Link label.
@@ -13,9 +12,9 @@ declare const __VLS_templateResult: {
         default(): unknown;
     };
     refs: {};
-    attrs: Partial<typeof __VLS_inheritedAttrs>;
+    attrs: Partial<{}>;
 };
-type __VLS_Slots = typeof __VLS_templateResult['slots'];
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<OnyxLinkProps>, {
     target: string;
     withExternalIcon: string;
@@ -30,7 +29,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<
     target: import("./types").LinkTarget;
     withExternalIcon: boolean | "auto";
 }, {}>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_Slots>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithDefaults<P, D> = {
     [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {

package/dist/components/OnyxListItem/OnyxListItem.vue.d.ts

@@ -1,6 +1,5 @@
 import type { OnyxListItemProps } from "./types";
-declare var __VLS_inheritedAttrs: {};
-declare const __VLS_templateResult: {
+declare function __VLS_template(): {
     slots: Readonly<{
         /**
          * Option content.
@@ -13,9 +12,9 @@ declare const __VLS_templateResult: {
         default(): unknown;
     };
     refs: {};
-    attrs: Partial<typeof __VLS_inheritedAttrs>;
+    attrs: Partial<{}>;
 };
-type __VLS_Slots = typeof __VLS_templateResult['slots'];
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<OnyxListItemProps>, {
     active: boolean;
     disabled: boolean;
@@ -32,7 +31,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<
     selected: boolean;
     active: boolean;
 }, {}>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_Slots>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithDefaults<P, D> = {
     [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {

package/dist/components/OnyxMobileNavButton/OnyxMobileNavButton.vue.d.ts

@@ -1,6 +1,5 @@
 import type { OnyxMobileNavButtonProps } from "./types";
-declare var __VLS_inheritedAttrs: {};
-declare const __VLS_templateResult: {
+declare function __VLS_template(): {
     slots: Readonly<{
         /**
          * Slot for the menu content when it's open.
@@ -13,9 +12,9 @@ declare const __VLS_templateResult: {
         default(): unknown;
     };
     refs: {};
-    attrs: Partial<typeof __VLS_inheritedAttrs>;
+    attrs: Partial<{}>;
 };
-type __VLS_Slots = typeof __VLS_templateResult['slots'];
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<OnyxMobileNavButtonProps>, {
     open: boolean;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -27,7 +26,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<
 }, {
     open: boolean;
 }, {}>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_Slots>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithDefaults<P, D> = {
     [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {

package/dist/components/OnyxNavAppArea/OnyxNavAppArea.vue.d.ts

@@ -1,6 +1,5 @@
 import type { OnyxNavAppAreaProps } from "./types";
-declare var __VLS_inheritedAttrs: {};
-declare const __VLS_templateResult: {
+declare function __VLS_template(): {
     slots: Readonly<{
         /**
          * Optional slot to override the content.
@@ -13,15 +12,15 @@ declare const __VLS_templateResult: {
         default?(): unknown;
     };
     refs: {};
-    attrs: Partial<typeof __VLS_inheritedAttrs>;
+    attrs: Partial<{}>;
 };
-type __VLS_Slots = typeof __VLS_templateResult['slots'];
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import("vue").DefineComponent<__VLS_TypePropsToOption<OnyxNavAppAreaProps>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     click: () => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<OnyxNavAppAreaProps>>> & {
     onClick?: (() => any) | undefined;
 }, {}, {}>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_Slots>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToOption<T> = {

package/dist/components/OnyxNavBar/OnyxNavBar.vue.d.ts

@@ -1,6 +1,5 @@
 import { type OnyxNavBarProps } from "./types";
-declare var __VLS_inheritedAttrs: {};
-declare const __VLS_templateResult: {
+declare function __VLS_template(): {
     slots: Readonly<{
         /**
          * Nav buttons, only `OnyxNavButton` components should be placed here.
@@ -53,11 +52,11 @@ declare const __VLS_templateResult: {
         mobileActivePage?: () => unknown;
     };
     refs: {
-        navBarRef: import("vue").HTMLAttributes & import("vue").ReservedProps;
+        navBarRef: HTMLElement;
     };
-    attrs: Partial<typeof __VLS_inheritedAttrs>;
+    attrs: Partial<{}>;
 };
-type __VLS_Slots = typeof __VLS_templateResult['slots'];
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<OnyxNavBarProps>, {
     mobileBreakpoint: string;
 }>, {
@@ -86,7 +85,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<
 }, {
     mobileBreakpoint: import("../../types").OnyxBreakpoint | number;
 }, {}>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_Slots>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithDefaults<P, D> = {
     [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {

package/dist/components/OnyxNavBar/modules/OnyxMenuItem/OnyxMenuItem.vue.d.ts

@@ -1,20 +1,18 @@
 import { type OnyxMenuItemProps } from "./types";
-declare var __VLS_13: {};
-declare var __VLS_inheritedAttrs: {};
-declare const __VLS_templateResult: {
+declare function __VLS_template(): {
     slots: {
-        default?(_: typeof __VLS_13): any;
+        default?(_: {}): any;
     };
     refs: {};
-    attrs: Partial<typeof __VLS_inheritedAttrs>;
+    attrs: Partial<{}>;
 };
-type __VLS_Slots = typeof __VLS_templateResult['slots'];
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import("vue").DefineComponent<__VLS_TypePropsToOption<OnyxMenuItemProps>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     click: () => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<OnyxMenuItemProps>>> & {
     onClick?: (() => any) | undefined;
 }, {}, {}>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_Slots>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToOption<T> = {

package/dist/components/OnyxNavBar/modules/OnyxNavButton/MobileComponentTestWrapper.vue.d.ts

@@ -1,6 +1,5 @@
 import type { OnyxNavButtonProps } from "./types";
-declare var __VLS_inheritedAttrs: {};
-declare const __VLS_templateResult: {
+declare function __VLS_template(): {
     slots: Readonly<{
         /**
          * An optional slot to show additional content behind the label (e.g. a `OnyxBadge`).
@@ -21,15 +20,15 @@ declare const __VLS_templateResult: {
         children?(): unknown;
     };
     refs: {};
-    attrs: Partial<typeof __VLS_inheritedAttrs>;
+    attrs: Partial<{}>;
 };
-type __VLS_Slots = typeof __VLS_templateResult['slots'];
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import("vue").DefineComponent<__VLS_TypePropsToOption<OnyxNavButtonProps>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     click: (href: string) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<OnyxNavButtonProps>>> & {
     onClick?: ((href: string) => any) | undefined;
 }, {}, {}>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_Slots>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToOption<T> = {

package/dist/components/OnyxNavBar/modules/OnyxNavButton/NavButtonLayout.vue.d.ts

@@ -1,5 +1,4 @@
-declare var __VLS_inheritedAttrs: {};
-declare const __VLS_templateResult: {
+declare function __VLS_template(): {
     slots: Readonly<{
         button?(): unknown;
         options?(): unknown;
@@ -8,9 +7,9 @@ declare const __VLS_templateResult: {
         options?(): unknown;
     };
     refs: {};
-    attrs: Partial<typeof __VLS_inheritedAttrs>;
+    attrs: Partial<{}>;
 };
-type __VLS_Slots = typeof __VLS_templateResult['slots'];
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<import("../../../OnyxExternalLinkIcon/types").OnyxExternalLinkIcon & {
     mobileChildrenOpen?: import("../../../../composables/useManagedState").ManagedProp<boolean>;
     label: string;
@@ -34,7 +33,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<
 }, {
     mobileChildrenOpen: import("../../../../composables/useManagedState").ManagedProp<boolean>;
 }, {}>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_Slots>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithDefaults<P, D> = {
     [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {

package/dist/components/OnyxNavBar/modules/OnyxNavButton/OnyxNavButton.vue.d.ts

@@ -1,6 +1,5 @@
 import type { OnyxNavButtonProps } from "./types";
-declare var __VLS_inheritedAttrs: {};
-declare const __VLS_templateResult: {
+declare function __VLS_template(): {
     slots: Readonly<{
         /**
          * An optional slot to override the label content.
@@ -21,9 +20,9 @@ declare const __VLS_templateResult: {
         children?(): unknown;
     };
     refs: {};
-    attrs: Partial<typeof __VLS_inheritedAttrs>;
+    attrs: Partial<{}>;
 };
-type __VLS_Slots = typeof __VLS_templateResult['slots'];
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<OnyxNavButtonProps>, {
     active: boolean;
     withExternalIcon: string;
@@ -38,7 +37,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<
     withExternalIcon: boolean | "auto";
     active: boolean;
 }, {}>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_Slots>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithDefaults<P, D> = {
     [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {

package/dist/components/OnyxNavBar/modules/OnyxNavItem/OnyxNavItem.vue.d.ts

@@ -1,5 +1,4 @@
-declare var __VLS_inheritedAttrs: {};
-declare const __VLS_templateResult: {
+declare function __VLS_template(): {
     slots: Readonly<{
         /**
          * Content of the nav item.
@@ -12,9 +11,9 @@ declare const __VLS_templateResult: {
         default?(): unknown;
     };
     refs: {};
-    attrs: Partial<typeof __VLS_inheritedAttrs>;
+    attrs: Partial<{}>;
 };
-type __VLS_Slots = typeof __VLS_templateResult['slots'];
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<import("../index.js").OnyxNavButtonProps>, {
     withExternalIcon: string;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -26,7 +25,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<
 }, {
     withExternalIcon: boolean | "auto";
 }, {}>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_Slots>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithDefaults<P, D> = {
     [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {

package/dist/components/OnyxNavBar/modules/OnyxUserMenu/OnyxUserMenu.vue.d.ts

@@ -1,6 +1,5 @@
 import type { OnyxUserMenuProps } from "./types";
-declare var __VLS_inheritedAttrs: {};
-declare const __VLS_templateResult: {
+declare function __VLS_template(): {
     slots: Readonly<{
         /**
          * Slot for the menu options. Its recommended to use the `OnyxMenuItem` component here.
@@ -21,9 +20,9 @@ declare const __VLS_templateResult: {
         footer?(): unknown;
     };
     refs: {};
-    attrs: Partial<typeof __VLS_inheritedAttrs>;
+    attrs: Partial<{}>;
 };
-type __VLS_Slots = typeof __VLS_templateResult['slots'];
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<OnyxUserMenuProps>, {
     flyoutOpen: symbol;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -35,7 +34,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<
 }, {
     flyoutOpen: import("../../../../composables/useManagedState").ManagedProp<boolean>;
 }, {}>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_Slots>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithDefaults<P, D> = {
     [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {

package/dist/components/OnyxPageLayout/OnyxPageLayout.vue.d.ts

@@ -1,6 +1,5 @@
 import type { OnyxPageLayoutProps } from "./types";
-declare var __VLS_inheritedAttrs: {};
-declare const __VLS_templateResult: {
+declare function __VLS_template(): {
     slots: Readonly<{
         /** Main content area of the page */
         default(): unknown;
@@ -17,11 +16,11 @@ declare const __VLS_templateResult: {
         footer?(): unknown;
     };
     refs: {};
-    attrs: Partial<typeof __VLS_inheritedAttrs>;
+    attrs: Partial<{}>;
 };
-type __VLS_Slots = typeof __VLS_templateResult['slots'];
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import("vue").DefineComponent<__VLS_TypePropsToOption<OnyxPageLayoutProps>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<OnyxPageLayoutProps>>>, {}, {}>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_Slots>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToOption<T> = {

package/dist/components/OnyxSelectOption/OnyxSelectOption.vue.d.ts

@@ -1,6 +1,5 @@
 import type { OnyxSelectOptionProps } from "./types";
-declare var __VLS_inheritedAttrs: {};
-declare const __VLS_templateResult: {
+declare function __VLS_template(): {
     slots: Readonly<{
         /**
          * Default slot to place the option label / text content.
@@ -13,9 +12,9 @@ declare const __VLS_templateResult: {
         default(): unknown;
     };
     refs: {};
-    attrs: Partial<typeof __VLS_inheritedAttrs>;
+    attrs: Partial<{}>;
 };
-type __VLS_Slots = typeof __VLS_templateResult['slots'];
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<OnyxSelectOptionProps>, {
     active: boolean;
     multiple: boolean;
@@ -29,7 +28,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<
     truncation: import("../../index.js").TruncationType;
     active: boolean;
 }, {}>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_Slots>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithDefaults<P, D> = {
     [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {

package/dist/components/OnyxTable/OnyxTable.vue.d.ts

@@ -1,7 +1,6 @@
 import { type VNode } from "vue";
 import type { OnyxTableProps } from "./types";
-declare var __VLS_inheritedAttrs: {};
-declare const __VLS_templateResult: {
+declare function __VLS_template(): {
     slots: Readonly<{
         /**
          * Table content. Must only contain valid HTML `<tbody>` children like `<tr>` and `<td>`.
@@ -40,9 +39,9 @@ declare const __VLS_templateResult: {
         }): unknown;
     };
     refs: {};
-    attrs: Partial<typeof __VLS_inheritedAttrs>;
+    attrs: Partial<{}>;
 };
-type __VLS_Slots = typeof __VLS_templateResult['slots'];
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<OnyxTableProps>, {
     striped: boolean;
     withVerticalBorders: boolean;
@@ -56,7 +55,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<
     withVerticalBorders: boolean;
     withPageScrolling: boolean;
 }, {}>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_Slots>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithDefaults<P, D> = {
     [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {

package/dist/components/OnyxTooltip/OnyxTooltip.vue.d.ts

@@ -1,7 +1,6 @@
 import type { HTMLAttributes, VNode } from "vue";
 import type { OnyxTooltipProps } from "./types";
-declare var __VLS_inheritedAttrs: {};
-declare const __VLS_templateResult: {
+declare function __VLS_template(): {
     slots: Readonly<{
         /**
          * Default slot where the parent content is placed that controls the open/close state of the tooltip.
@@ -34,9 +33,9 @@ declare const __VLS_templateResult: {
         tooltip?(): unknown;
     };
     refs: {};
-    attrs: Partial<typeof __VLS_inheritedAttrs>;
+    attrs: Partial<{}>;
 };
-type __VLS_Slots = typeof __VLS_templateResult['slots'];
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<OnyxTooltipProps>, {
     color: string;
     position: string;
@@ -53,7 +52,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<
     fitParent: boolean;
     open: import("./types").TooltipOpen;
 }, {}>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_Slots>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithDefaults<P, D> = {
     [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {

package/dist/components/OnyxVisuallyHidden/OnyxVisuallyHidden.vue.d.ts

@@ -1,14 +1,12 @@
 import type { OnyxVisuallyHiddenProps } from "./types";
-declare var __VLS_6: {};
-declare var __VLS_inheritedAttrs: {};
-declare const __VLS_templateResult: {
+declare function __VLS_template(): {
     slots: {
-        default?(_: typeof __VLS_6): any;
+        default?(_: {}): any;
     };
     refs: {};
-    attrs: Partial<typeof __VLS_inheritedAttrs>;
+    attrs: Partial<{}>;
 };
-type __VLS_Slots = typeof __VLS_templateResult['slots'];
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<OnyxVisuallyHiddenProps>, {
     is: string;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<OnyxVisuallyHiddenProps>, {
@@ -16,7 +14,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<
 }>>>, {
     is: string;
 }, {}>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_Slots>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithDefaults<P, D> = {
     [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {

package/dist/components/examples/GridPlayground/GridElement/GridElement.vue.d.ts

@@ -1,6 +1,5 @@
 import type { GridElementConfig } from "../EditGridElementDialog/EditGridElementDialog.vue";
-declare var __VLS_inheritedAttrs: {};
-declare const __VLS_templateResult: {
+declare function __VLS_template(): {
     slots: Readonly<{
         default?(props: {
             /**
@@ -17,11 +16,11 @@ declare const __VLS_templateResult: {
         }): unknown;
     };
     refs: {
-        buttonRef: import("vue").ButtonHTMLAttributes & import("vue").ReservedProps;
+        buttonRef: HTMLButtonElement;
     };
-    attrs: Partial<typeof __VLS_inheritedAttrs>;
+    attrs: Partial<{}>;
 };
-type __VLS_Slots = typeof __VLS_templateResult['slots'];
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import("vue").DefineComponent<__VLS_TypePropsToOption<GridElementConfig & {
     label: string;
     mode?: "default" | "outline";
@@ -33,7 +32,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_TypePropsToOp
 }>>> & {
     onClick?: (() => any) | undefined;
 }, {}, {}>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_Slots>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToOption<T> = {

package/dist/index.cjs

@@ -180,4 +180,4 @@
 </clipPath>
 </defs>
 </svg>
-`,Ln={class:"onyx-color-scheme-dialog__subtitle onyx-text"},In=["innerHTML"],Dn=["autofocus","value","checked","aria-label"],Pn={class:"onyx-text--small"},An={class:"onyx-color-scheme-dialog__actions"},lt=e.defineComponent({__name:"OnyxColorSchemeDialog",props:{open:{type:Boolean,default:!1},density:{},modelValue:{}},emits:["update:modelValue","close"],setup(o,{emit:n}){const t=o,l=n,r=e.ref(t.modelValue);e.watchEffect(()=>r.value=t.modelValue);const{t:a}=C(),s=e.computed(()=>[{value:"auto",image:Mn,label:a.value("colorScheme.auto.label"),description:a.value("colorScheme.auto.description")},{value:"light",image:Tn,label:a.value("colorScheme.light.label"),description:a.value("colorScheme.light.description")},{value:"dark",image:On,label:a.value("colorScheme.dark.label"),description:a.value("colorScheme.dark.description")}]),i=u=>{const c=u.target;r.value=c.value},d=()=>{r.value&&(l("update:modelValue",r.value),l("close"))};return(u,c)=>(e.openBlock(),e.createBlock(Je,e.mergeProps({class:"onyx-color-scheme-dialog"},t,{label:e.unref(a)("colorScheme.headline"),modal:"",onClose:c[1]||(c[1]=p=>l("close"))}),{default:e.withCtx(()=>[e.createElementVNode("form",{class:"onyx-color-scheme-dialog__form",onSubmit:e.withModifiers(d,["prevent"])},[e.createElementVNode("div",null,[e.createVNode(z,{is:"h2"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(a)("colorScheme.headline")),1)]),_:1}),e.createElementVNode("span",Ln,e.toDisplayString(e.unref(a)("colorScheme.subtitle")),1)]),e.createElementVNode("fieldset",{class:"onyx-color-scheme-dialog__list",onChange:i},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.value,p=>(e.openBlock(),e.createElementBlock("label",{key:p.value,class:"onyx-color-scheme-dialog__option"},[e.createElementVNode("figure",{class:"onyx-color-scheme-dialog__image",innerHTML:p.image},null,8,In),e.createElementVNode("div",null,[e.createVNode(ee,{is:"div"},{default:e.withCtx(()=>[e.createElementVNode("input",{type:"radio",name:"color-scheme",autofocus:t.modelValue===p.value,value:p.value,checked:t.modelValue===p.value,"aria-label":p.label,required:""},null,8,Dn)]),_:2},1024),e.createVNode(z,{is:"h3",class:"onyx-color-scheme-dialog__label"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(p.label),1)]),_:2},1024),e.createElementVNode("p",Pn,e.toDisplayString(p.description),1)])]))),128))],32),e.createElementVNode("div",An,[e.createVNode(X,{label:e.unref(a)("cancel"),mode:"plain",color:"neutral",onClick:c[0]||(c[0]=p=>l("close"))},null,8,["label"]),e.createVNode(X,{label:e.unref(a)("apply"),type:"submit"},null,8,["label"])])],32)]),_:1},16,["label"]))}}),zn='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12.008 1.5c-5.79 0-10.493 4.71-10.493 10.493 0 5.782 4.71 10.492 10.493 10.492 5.782 0 10.492-4.71 10.492-10.492S17.79 1.5 12.008 1.5M13.5 3.135q.753.126 1.463.375v16.973q-.709.249-1.463.375zm2.962 1.058a9.3 9.3 0 0 1 1.59 1.162v13.282a9 9 0 0 1-1.59 1.163zm3.083 2.917a8.93 8.93 0 0 1 1.447 4.882 9 9 0 0 1-1.447 4.883zM3.008 11.992C3.008 7.036 7.043 3 12 3v17.993c-4.957 0-8.992-4.035-8.992-8.993z"/></svg>',Se=e.defineComponent({__name:"OnyxMenuItem",props:{href:{},active:{type:Boolean},disabled:{type:Boolean},color:{}},emits:["click"],setup(o,{emit:n}){const t=o,l=n,{elements:{listItem:r,menuItem:a}}=qe();return(s,i)=>(e.openBlock(),e.createBlock(oe,e.mergeProps({selected:t.active,active:t.active,color:t.color,disabled:t.disabled,class:"onyx-menu-item"},e.unref(r)),{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.href?"a":"button"),e.mergeProps({class:"onyx-menu-item__trigger",disabled:!t.href&&t.disabled,href:t.href},e.unref(a)({active:t.active,disabled:!t.href&&t.disabled}),{onClick:i[0]||(i[0]=d=>l("click"))}),{default:e.withCtx(()=>[e.renderSlot(s.$slots,"default")]),_:3},16,["disabled","href"]))]),_:3},16,["selected","active","color","disabled"]))}}),Hn={class:"onyx-color-scheme-menu-item__value"},Rn=e.defineComponent({__name:"OnyxColorSchemeMenuItem",props:{modelValue:{}},emits:["update:modelValue"],setup(o,{emit:n}){const t=o,l=n,{t:r}=C(),a=e.ref(!1);return(s,i)=>(e.openBlock(),e.createBlock(Se,{class:"onyx-color-scheme-menu-item",onClick:i[2]||(i[2]=d=>a.value=!0)},{default:e.withCtx(()=>[e.createVNode(x,{icon:e.unref(zn)},null,8,["icon"]),e.createElementVNode("div",null,[e.createTextVNode(e.toDisplayString(e.unref(r)("colorScheme.appearance"))+": ",1),e.createElementVNode("span",Hn,e.toDisplayString(e.unref(r)(`colorScheme.${t.modelValue}.label`)),1)]),(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[e.createVNode(lt,{"model-value":t.modelValue,open:a.value,onClose:i[0]||(i[0]=d=>a.value=!1),"onUpdate:modelValue":i[1]||(i[1]=d=>l("update:modelValue",d))},null,8,["model-value","open"])]))]),_:1}))}}),Fn=o=>e.computed(o),I=Symbol("MANAGED_SYMBOL"),W=(o,n,t)=>{const l=e.computed(()=>o.value===I),r=e.ref(l.value?n:o.value);return{state:Fn({set:s=>{r.value=s,t(s)},get:()=>l.value?r.value:o.value}),isManaged:l}},Un=["aria-label"],Ne=e.defineComponent({__name:"OnyxFlyoutMenu",props:{open:{default:I},label:{}},emits:["update:open"],setup(o,{emit:n}){const t=o,l=n,{state:r}=W(e.toRef(()=>t.open),!1,c=>l("update:open",c)),a=e.useSlots(),{elements:{root:s,button:i,menu:d}}=no({isExpanded:e.computed(()=>!!r.value),onToggle:()=>r.value=!r.value}),u=e.computed(()=>{var p;if(!a.default)return;const c=a.default().at(0);return(c==null?void 0:c.type.toString())==="Symbol(v-fgt)"?Array.isArray(c==null?void 0:c.children)?(p=c==null?void 0:c.children)==null?void 0:p.at(0):void 0:c});return(c,p)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps({class:"onyx-flyout-menu"},e.unref(s)),[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(u.value),e.normalizeProps(e.guardReactiveProps(e.unref(i))),null,16)),a.options||a.header||a.footer?e.withDirectives((e.openBlock(),e.createElementBlock("div",{key:0,"aria-label":t.label,class:e.normalizeClass({"onyx-flyout-menu__list--with-header":!!a.header,"onyx-flyout-menu__list--with-footer":!!a.footer,"onyx-flyout-menu__list":!0})},[e.renderSlot(c.$slots,"header"),a.options?(e.openBlock(),e.createElementBlock("ul",e.mergeProps({key:0},e.unref(d),{class:"onyx-flyout-menu__wrapper onyx-flyout-menu__group"}),[e.renderSlot(c.$slots,"options")],16)):e.createCommentVNode("",!0),e.renderSlot(c.$slots,"footer")],10,Un)),[[e.vShow,e.unref(r)]]):e.createCommentVNode("",!0)],16))}}),at='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m9.905 6.22-1.06 1.06 4.72 4.72-4.72 4.72 1.06 1.06 5.78-5.78z"/></svg>',R=Symbol(),qn='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M17.618 11.626H8.936l3.094-3.094-1.064-1.056-4.899 4.898 4.9 4.9 1.063-1.064-3.094-3.086h8.682z"/></svg>',Zn=["aria-orientation"],rt=e.defineComponent({__name:"OnyxNavSeparator",props:{orientation:{default:"vertical"}},setup(o){const n=o,t=e.inject(R);return(l,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["onyx-nav-separator",{"onyx-nav-separator--horizontal":n.orientation==="horizontal"||e.unref(t)}]),role:"separator","aria-orientation":n.orientation},null,10,Zn))}}),Gn={role:"presentation"},Kn=e.defineComponent({__name:"NavButtonLayout",props:{href:{},withExternalIcon:{type:[Boolean,String]},mobileChildrenOpen:{default:I},label:{},active:{type:Boolean},isMobile:{type:Boolean}},emits:["update:mobileChildrenOpen"],setup(o,{emit:n}){const t=o,l=e.useSlots(),{t:r}=C(),a=n,{state:s}=W(e.toRef(()=>t.mobileChildrenOpen),!1,i=>a("update:mobileChildrenOpen",i));return(i,d)=>(e.openBlock(),e.createElementBlock("li",Gn,[t.isMobile?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[t.isMobile&&e.unref(s)?(e.openBlock(),e.createBlock(X,{key:0,label:e.unref(r)("back"),mode:"plain",color:"neutral",icon:e.unref(qn),onClick:d[0]||(d[0]=u=>s.value=!1)},null,8,["label","icon"])):e.createCommentVNode("",!0),!e.unref(s)||t.href?e.renderSlot(i.$slots,"button",{key:1}):e.createCommentVNode("",!0),e.unref(s)&&t.href?(e.openBlock(),e.createBlock(rt,{key:2,orientation:"horizontal"})):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("ul",{role:"menu",class:e.normalizeClass(["onyx-nav-button__mobile-children",{"onyx-nav-button__mobile-children--open":e.unref(s)}])},[e.renderSlot(i.$slots,"options")],2),[[e.vShow,e.unref(s)]])],64)):(e.openBlock(),e.createBlock(Ne,{key:1,label:e.unref(r)("navItemOptionsLabel",{label:t.label})},e.createSlots({default:e.withCtx(()=>[e.renderSlot(i.$slots,"button")]),_:2},[l.options?{name:"options",fn:e.withCtx(()=>[e.renderSlot(i.$slots,"options")]),key:"0"}:void 0]),1032,["label"]))]))}}),jn=["aria-label"],Yn={class:"onyx-truncation-ellipsis"},Xn=e.defineComponent({__name:"OnyxNavButton",props:{href:{},withExternalIcon:{type:[Boolean,String],default:"auto"},mobileChildrenOpen:{},label:{},active:{type:Boolean,default:!1}},emits:["click"],setup(o,{emit:n}){const t=o,l=n,r=e.useSlots(),a=e.inject(R),s=e.ref(!1),i=e.computed(()=>!!r.children),d=()=>{a!=null&&a.value&&i.value&&!s.value?s.value=!0:t.href&&l("click",t.href)};return(u,c)=>(e.openBlock(),e.createBlock(Kn,e.mergeProps(t,{"mobile-children-open":s.value,"onUpdate:mobileChildrenOpen":c[0]||(c[0]=p=>s.value=p),class:["onyx-nav-button",{"onyx-nav-button--mobile":e.unref(a),"onyx-nav-button--active":t.active}],"is-mobile":e.unref(a)??!1}),e.createSlots({button:e.withCtx(()=>[e.createElementVNode("button",{class:"onyx-nav-button__trigger onyx-text",role:"menuitem","aria-label":t.label,type:"button",onClick:d},[e.renderSlot(u.$slots,"default",{},()=>[e.createElementVNode("span",Yn,e.toDisplayString(t.label),1),e.createVNode(Q,e.normalizeProps(e.guardReactiveProps(t)),null,16)]),e.unref(a)&&i.value&&!s.value?(e.openBlock(),e.createBlock(x,{key:0,class:"onyx-nav-button__mobile-chevron",icon:e.unref(at)},null,8,["icon"])):e.createCommentVNode("",!0)],8,jn)]),_:2},[r.children?{name:"options",fn:e.withCtx(()=>[e.renderSlot(u.$slots,"children")]),key:"0"}:void 0]),1040,["mobile-children-open","class","is-mobile"]))}}),Wn=e.defineComponent({__name:"OnyxNavItem",props:{href:{},withExternalIcon:{type:[Boolean,String],default:"auto"},mobileChildrenOpen:{},label:{},active:{type:Boolean}},emits:["click"],setup(o,{emit:n}){const t=o,l=n;return(r,a)=>(e.openBlock(),e.createBlock(Se,{class:"onyx-nav-item",active:t.active,href:t.href??"javascript:void(0)",onClick:a[0]||(a[0]=s=>t.href&&l("click",t.href))},{default:e.withCtx(()=>[e.renderSlot(r.$slots,"default",{},()=>[e.createElementVNode("span",null,e.toDisplayString(t.label),1),e.createVNode(Q,e.normalizeProps(e.guardReactiveProps(t)),null,16)])]),_:3},8,["active","href"]))}}),Jn=o=>{const n=e.ref(),t=e.ref(pe(new Date(o.value).getTime())),l=e.computed(()=>t.value===0);return e.watch(o,r=>{clearInterval(n.value);const a=new Date(r).getTime();t.value=pe(a),n.value=setInterval(()=>{t.value=pe(a),l.value&&clearInterval(n.value)},1e3)},{immediate:!0}),e.onBeforeUnmount(()=>clearInterval(n.value)),{timeLeft:t,isEnded:l}},pe=o=>{const n=o-Date.now();return Math.max(n,0)},st=o=>{const n=Math.floor(o/6e4/60),t=Math.floor(o/6e4%60),l=Math.floor(o%6e4/1e3);return{hours:n,minutes:t,seconds:l}},Qn=(o,n)=>{const{hours:t,minutes:l,seconds:r}=st(o),a=d=>d.toString().padStart(2,"0");let s="",i=me(n.formatToParts(o,"seconds"));return l>0&&(i=me(n.formatToParts(o,"minutes"))),t>0&&(i=me(n.formatToParts(o,"hours")),s=`${a(t)}:`),`${s}${a(l)}:${a(r)} ${i}`},me=o=>{var n;return((n=o.at(-1))==null?void 0:n.value.replace(".","").trim())??""},el=o=>{const{hours:n,minutes:t,seconds:l}=st(o);return`PT${n}H${t}M${l}S`},tl=["aria-label"],ol={key:0,class:"onyx-timer__label"},nl=["datetime"],ll=e.defineComponent({__name:"OnyxTimer",props:{endTime:{},label:{},hideLabel:{type:Boolean}},emits:["timerEnded"],setup(o,{emit:n}){const t=o,l=n,{locale:r}=C(),{timeLeft:a,isEnded:s}=Jn(e.computed(()=>t.endTime)),i=e.computed(()=>new Intl.RelativeTimeFormat(r.value,{numeric:"always",style:"short"})),d=e.computed(()=>Qn(a.value,i.value));return e.watchEffect(()=>s.value&&l("timerEnded")),(u,c)=>(e.openBlock(),e.createElementBlock("div",{class:"onyx-timer onyx-text onyx-truncation-ellipsis",role:"timer","aria-label":t.hideLabel?t.label:void 0},[t.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("span",ol,e.toDisplayString(t.label),1)),e.createElementVNode("time",{datetime:e.unref(el)(e.unref(a)),class:"onyx-timer__time"},e.toDisplayString(d.value),9,nl)],8,tl))}}),al={class:"onyx-user-menu__footer onyx-text--small"},rl=e.defineComponent({__name:"UserMenuLayout",props:{isMobile:{type:Boolean},flyoutOpen:{default:I}},emits:["update:flyoutOpen"],setup(o){const n=o,t=e.useModel(n,"flyoutOpen"),l=e.useSlots(),{t:r}=C();return(a,s)=>(e.openBlock(),e.createElementBlock("div",null,[n.isMobile?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.renderSlot(a.$slots,"header"),e.renderSlot(a.$slots,"options"),l.footer?(e.openBlock(),e.createBlock(oe,{key:0,class:"onyx-user-menu__mobile-footer",disabled:""},{default:e.withCtx(()=>[e.renderSlot(a.$slots,"footer")]),_:3})):e.createCommentVNode("",!0)],64)):(e.openBlock(),e.createBlock(Ne,{key:1,open:e.unref(t),"onUpdate:open":s[0]||(s[0]=i=>e.isRef(t)?t.value=i:null),label:e.unref(r)("navigation.userMenuLabel")},e.createSlots({header:e.withCtx(()=>[e.renderSlot(a.$slots,"header")]),options:e.withCtx(()=>[e.renderSlot(a.$slots,"options")]),default:e.withCtx(()=>[e.renderSlot(a.$slots,"button")]),_:2},[l.footer?{name:"footer",fn:e.withCtx(()=>[e.createElementVNode("div",al,[e.renderSlot(a.$slots,"footer")])]),key:"0"}:void 0]),1032,["open","label"]))]))}}),sl={class:"onyx-user-menu__trigger onyx-text",type:"button"},il={class:"onyx-truncation-ellipsis"},cl={class:"onyx-user-menu__header"},ul={class:"onyx-truncation-ellipsis"},dl={class:"onyx-user-menu__username onyx-text onyx-truncation-ellipsis"},pl={key:0,class:"onyx-user-menu__description onyx-text--small onyx-truncation-ellipsis"},ml={class:"onyx-user-menu__options"},fl=e.defineComponent({__name:"OnyxUserMenu",props:{username:{},avatar:{},description:{},flyoutOpen:{default:I}},emits:["update:flyoutOpen"],setup(o,{emit:n}){const t=o,l=n,r=e.useSlots(),a=e.computed(()=>({src:t.avatar,label:t.username})),s=e.inject(R,e.computed(()=>!1));return(i,d)=>(e.openBlock(),e.createBlock(rl,{class:e.normalizeClass(["onyx-user-menu",{"onyx-user-menu--mobile":e.unref(s)}]),"is-mobile":e.unref(s),"flyout-open":i.flyoutOpen,"onUpdate:flyoutOpen":d[0]||(d[0]=u=>l("update:flyoutOpen",u))},e.createSlots({button:e.withCtx(()=>[e.createElementVNode("button",sl,[e.createVNode(fe,e.mergeProps(a.value,{size:"24px"}),null,16),e.createElementVNode("span",il,e.toDisplayString(t.username),1)])]),header:e.withCtx(()=>[e.createElementVNode("div",cl,[e.createVNode(fe,e.normalizeProps(e.guardReactiveProps(a.value)),null,16),e.createElementVNode("div",ul,[e.createElementVNode("div",dl,e.toDisplayString(t.username),1),t.description?(e.openBlock(),e.createElementBlock("div",pl,e.toDisplayString(t.description),1)):e.createCommentVNode("",!0)])])]),options:e.withCtx(()=>[e.createElementVNode("div",ml,[e.renderSlot(i.$slots,"default")])]),_:2},[r.footer?{name:"footer",fn:e.withCtx(()=>[e.renderSlot(i.$slots,"footer")]),key:"0"}:void 0]),1032,["class","is-mobile","flyout-open"]))}}),it='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m15.155 7.28-1.06-1.06L8.315 12l5.78 5.78 1.06-1.06-4.72-4.72z"/></svg>',yl='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M22.5 6h-21v1.5h21zm0 5.25h-21v1.5h21zm-21 5.25h21V18h-21z"/></svg>',hl='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 1.5A2.25 2.25 0 1 1 12 6a2.25 2.25 0 0 1 0-4.5m0 8.25a2.25 2.25 0 1 1 0 4.5 2.25 2.25 0 0 1 0-4.5m1.25 8.63a2.25 2.25 0 1 0-2.5 3.741 2.25 2.25 0 0 0 2.5-3.742"/></svg>',vl=(o,n)=>{const t="content-box",l=e.ref(0),r=e.ref(0),a=s=>{const i=s[0].contentBoxSize;l.value=i.reduce((d,{inlineSize:u})=>d+u,0),r.value=i.reduce((d,{blockSize:u})=>d+u,0)};return e.onBeforeMount(()=>{const s=new ResizeObserver(a);e.watch(o,(i,d)=>{d&&(s==null||s.unobserve(d)),i&&(s==null||s.observe(i,{box:t}))},{immediate:!0}),e.onBeforeUnmount(()=>s.disconnect())}),{width:l,height:r}},ct={"2xs":320,xs:576,sm:768,md:992,lg:1440,xl:1920},_l=["primary","secondary","neutral","danger","warning","success","info"],kl=["small","default","large"],xl=["ellipsis","multiline"],gl=["horizontal","vertical"],bl={class:"onyx-nav-bar__content"},Bl={key:0,class:"onyx-nav-bar__mobile-page onyx-truncation-ellipsis"},Cl={role:"menubar"},Vl={role:"menubar"},wl={key:0,class:"onyx-nav-bar__mobile-context"},El={key:0,class:"onyx-nav-bar__mobile-global-context"},Sl={class:"onyx-nav-bar__mobile-context-content"},Nl={key:1,class:"onyx-nav-bar__context"},$l=e.defineComponent({__name:"OnyxNavBar",props:{logoUrl:{},appName:{},withBackButton:{type:Boolean},appAreaLabel:{},mobileBreakpoint:{default:"sm"}},emits:["appAreaClick","backButtonClick"],setup(o,{expose:n,emit:t}){const l=o,r=t,a=e.useSlots(),s=e.ref(),{width:i}=vl(s),{t:d}=C(),{elements:{nav:u}}=ao({navigationName:e.toRef(()=>l.appName)}),c=e.ref(!1),p=e.ref(!1),m=e.computed(()=>{const f=typeof l.mobileBreakpoint=="number"?l.mobileBreakpoint:ct[l.mobileBreakpoint];return i.value!==0&&i.value<f});return e.provide(R,m),n({closeMobileMenus:()=>{c.value=!1,p.value=!1}}),(f,y)=>(e.openBlock(),e.createElementBlock("header",{ref_key:"navBarRef",ref:s,class:e.normalizeClass(["onyx-nav-bar",{"onyx-nav-bar--mobile":m.value}])},[e.createElementVNode("div",bl,[m.value&&a.mobileActivePage&&!c.value&&!p.value?(e.openBlock(),e.createElementBlock("span",Bl,[e.renderSlot(f.$slots,"mobileActivePage")])):l.appName||l.logoUrl||a.appArea?(e.openBlock(),e.createBlock(nt,{key:1,class:"onyx-nav-bar__app","app-name":l.appName,"logo-url":l.logoUrl,label:l.appAreaLabel,onClick:y[0]||(y[0]=v=>{r("appAreaClick"),c.value=!1})},{default:e.withCtx(()=>[e.renderSlot(f.$slots,"appArea")]),_:3},8,["app-name","logo-url","label"])):e.createCommentVNode("",!0),l.withBackButton?(e.openBlock(),e.createBlock(et,{key:2,class:"onyx-nav-bar__back",label:e.unref(d)("navigation.goBack"),icon:e.unref(it),color:"neutral",onClick:y[1]||(y[1]=v=>r("backButtonClick"))},null,8,["label","icon"])):e.createCommentVNode("",!0),a.default?(e.openBlock(),e.createElementBlock(e.Fragment,{key:3},[m.value?(e.openBlock(),e.createBlock(xe,{key:0,open:c.value,"onUpdate:open":[y[2]||(y[2]=v=>c.value=v),y[3]||(y[3]=v=>p.value=!1)],class:"onyx-nav-bar__burger",icon:e.unref(yl),label:e.unref(d)("navigation.toggleBurgerMenu"),headline:e.unref(d)("navigation.navigationHeadline")},{default:e.withCtx(()=>[e.createElementVNode("nav",e.mergeProps({class:"onyx-nav-bar__nav--mobile"},e.unref(u)),[e.createElementVNode("ul",Cl,[e.renderSlot(f.$slots,"default")])],16)]),_:3},8,["open","icon","label","headline"])):(e.openBlock(),e.createElementBlock("nav",e.mergeProps({key:1,class:"onyx-nav-bar__nav"},e.unref(u)),[e.createElementVNode("ul",Vl,[e.renderSlot(f.$slots,"default")])],16))],64)):e.createCommentVNode("",!0),a.contextArea||a.globalContextArea?(e.openBlock(),e.createElementBlock(e.Fragment,{key:4},[m.value?(e.openBlock(),e.createElementBlock("div",wl,[a.globalContextArea?(e.openBlock(),e.createElementBlock("div",El,[e.renderSlot(f.$slots,"globalContextArea")])):e.createCommentVNode("",!0),a.contextArea?(e.openBlock(),e.createBlock(xe,{key:1,open:p.value,"onUpdate:open":[y[4]||(y[4]=v=>p.value=v),y[5]||(y[5]=v=>c.value=!1)],icon:e.unref(hl),label:e.unref(d)("navigation.toggleContextMenu")},{default:e.withCtx(()=>[e.createElementVNode("div",Sl,[e.renderSlot(f.$slots,"contextArea")])]),_:3},8,["open","icon","label"])):e.createCommentVNode("",!0)])):(e.openBlock(),e.createElementBlock("div",Nl,[a.globalContextArea?e.renderSlot(f.$slots,"globalContextArea",{key:0}):e.createCommentVNode("",!0),a.contextArea?e.renderSlot(f.$slots,"contextArea",{key:1}):e.createCommentVNode("",!0)]))],64)):e.createCommentVNode("",!0)])],2))}}),Ml={key:0,class:"onyx-page__sidebar"},Ol={class:"onyx-page__main"},Tl={key:1,class:"onyx-page__footer"},Ll=e.defineComponent({__name:"OnyxPageLayout",props:{footerAsideSidebar:{type:Boolean},hideSidebar:{type:Boolean}},setup(o){const n=o,t=e.useSlots(),l=e.computed(()=>n.footerAsideSidebar?"onyx-page--footer-partial":"onyx-page--footer-full");return(r,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["onyx-page",l.value])},[t.sidebar&&!n.hideSidebar?(e.openBlock(),e.createElementBlock("aside",Ml,[e.renderSlot(r.$slots,"sidebar")])):e.createCommentVNode("",!0),e.createElementVNode("main",Ol,[e.renderSlot(r.$slots,"default")]),t.footer?(e.openBlock(),e.createElementBlock("footer",Tl,[e.renderSlot(r.$slots,"footer")])):e.createCommentVNode("",!0)],2))}}),ut=o=>{const t=e.ref(!1),l=a=>{const s=a.target;if(!(s instanceof Element))return;const i=e.unref(o.offset)??0;t.value=Math.abs(s.scrollTop)+s.clientHeight>=s.scrollHeight-i-1};return{vScrollEnd:{mounted:a=>{e.watchEffect(()=>{var i;(((i=o.enabled)==null?void 0:i.value)??!0)&&!o.loading.value?a.addEventListener("scroll",l):a.removeEventListener("scroll",l)})}},isScrollEnd:t}},Il=o=>{const n=e.ref("bottom"),t=()=>{var p,m,f;const r=e.unref(o);if(!r){n.value="bottom";return}const a=(p=l(r))==null?void 0:p.getBoundingClientRect(),s=r.getBoundingClientRect(),i=(a==null?void 0:a.top)??((m=window.visualViewport)==null?void 0:m.pageTop)??0,u=((a==null?void 0:a.bottom)??((f=window.visualViewport)==null?void 0:f.height)??0)-s.bottom,c=s.top-i;n.value=c>u?"top":"bottom"},l=r=>r?getComputedStyle(r).overflow==="hidden"?r:r.parentElement?l(r.parentElement):void 0:void 0;return{openDirection:n,updateOpenDirection:t}},dt=(o,n)=>{const t=De(o.toLowerCase()),l=De(n.toLowerCase());return t.includes(l)},De=o=>o.normalize("NFD").replace(/[\u0300-\u036f]/g,""),Dl='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m16.718 14.123 1.057 1.057-5.782 5.782L6.21 15.18l1.058-1.057 4.717 4.717 4.718-4.717zM12 5.153l4.718 4.717 1.057-1.057-5.782-5.783L6.21 8.813 7.268 9.87l4.717-4.717z"/></svg>',Pl=["id","readonly","placeholder","required","disabled","aria-label","title","value","autofocus"],Al=["aria-label","disabled"],pt=e.defineComponent({inheritAttrs:!1,__name:"OnyxSelectInput",props:{density:{},required:{type:Boolean},requiredMarker:{},customError:{},autofocus:{type:Boolean},id:{},label:{},labelTooltip:{},hideLabel:{type:Boolean,default:!1},message:{},messageTooltip:{},errorMessages:{},modelValue:{},textMode:{},disabled:{type:Boolean},skeleton:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},placeholder:{},showFocus:{type:Boolean}},emits:["click","validityChange"],setup(o,{expose:n,emit:t}){const{rootAttrs:l,restAttrs:r}=tt(),a=o,s=t,{t:i}=C(),{vCustomValidity:d,errorMessages:u}=P({props:a,emit:s}),c=e.computed(()=>a.modelValue?a.modelValue.length:0),p=e.computed(()=>{var B;const b=(B=a.modelValue)==null?void 0:B.length;if(!a.modelValue||!b)return"";if(b===1)return a.modelValue[0];switch(a.textMode){case"preview":return a.modelValue.join(", ");case"summary":default:return i.value("selections.currentSelection",{n:b})}}),m=e.ref(!1),{densityClass:f}=g(a),y=e.ref();n({focus:()=>{var b;return(b=y.value)==null?void 0:b.focus()}}),e.watch(()=>a.showFocus,(b,B)=>{m.value||B&&b===!1&&(m.value=!0)});const v=Fe.concat(Ue),w=b=>{v.includes(b.key)||b.preventDefault()};return(b,B)=>a.skeleton?(e.openBlock(),e.createElementBlock("div",e.mergeProps({key:0,class:["onyx-select-input-skeleton",e.unref(f)]},e.unref(l)),[a.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(E,{key:0,class:"onyx-select-input-skeleton__label"})),e.createVNode(E,{class:"onyx-select-input-skeleton__input"})],16)):(e.openBlock(),e.createElementBlock("div",e.mergeProps({key:1,class:["onyx-select-input",e.unref(f),a.readonly?"onyx-select-input--readonly":"onyx-select-input--editable"]},e.unref(l)),[e.createVNode(te,e.mergeProps(a,{"error-messages":e.unref(u)}),{default:e.withCtx(({id:L})=>[e.createElementVNode("div",{class:"onyx-select-input__wrapper",onClick:B[0]||(B[0]=N=>s("click"))},[a.loading?(e.openBlock(),e.createBlock(T,{key:0,class:"onyx-select-input__loading",type:"circle"})):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("input",e.mergeProps({id:L,ref_key:"input",ref:y,class:{"onyx-select-input__native":!0,"onyx-select-input__native--show-focus":a.showFocus,"onyx-truncation-ellipsis":!0,"onyx-select-input__native--force-invalid":e.unref(u)&&m.value}},e.unref(r),{type:"text",readonly:a.readonly,placeholder:a.placeholder,required:a.required,disabled:a.disabled||a.loading,"aria-label":a.hideLabel?a.label:void 0,title:a.hideLabel?a.label:void 0,value:p.value,autofocus:a.autofocus,autocomplete:"off",onKeydown:w}),null,16,Pl),[[e.unref(d)]]),a.textMode==="preview"&&c.value>0?(e.openBlock(),e.createBlock(H,{key:1,text:p.value,position:"bottom"},{default:e.withCtx(({trigger:N})=>[e.createVNode(Pe,e.mergeProps({class:"onyx-select-input__badge"},N,{color:"neutral"}),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(c.value),1)]),_:2},1040)]),_:1},8,["text"])):e.createCommentVNode("",!0),e.createElementVNode("button",{class:"onyx-select-input__button",type:"button","aria-label":e.unref(i)("select.toggleDropDown"),tabindex:"-1",disabled:a.readonly||a.disabled||a.loading},[e.createVNode(x,{icon:e.unref(Dl)},null,8,["icon"])],8,Al)])]),_:1},16,["error-messages"])],16))}}),zl=["checked","aria-labelledby","disabled","indeterminate"],ge=e.defineComponent({__name:"OnyxSelectOption",props:{active:{type:Boolean,default:!1},density:{},multiple:{type:Boolean,default:!1},indeterminate:{type:Boolean},icon:{},truncation:{default:"ellipsis"}},setup(o){const n=o;return(t,l)=>(e.openBlock(),e.createBlock(oe,e.mergeProps({class:"onyx-select-option"},n,{checked:!!t.$attrs["aria-checked"],selected:!!t.$attrs["aria-selected"],disabled:!!t.$attrs["aria-disabled"]}),{default:e.withCtx(()=>[n.multiple?(e.openBlock(),e.createElementBlock("input",{key:0,checked:!!t.$attrs["aria-checked"],"aria-labelledby":t.$attrs.id,disabled:!!t.$attrs["aria-disabled"],indeterminate:n.indeterminate,"aria-hidden":"true",tabindex:"-1",class:"onyx-select-option__checkbox",type:"checkbox"},null,8,zl)):e.createCommentVNode("",!0),n.icon?(e.openBlock(),e.createBlock(x,{key:1,icon:n.icon},null,8,["icon"])):e.createCommentVNode("",!0),e.createElementVNode("span",{class:e.normalizeClass([`onyx-truncation-${n.truncation}`])},[e.renderSlot(t.$slots,"default")],2)]),_:3},16,["checked","selected","disabled"]))}}),Hl=["inert"],Rl={class:"onyx-select__wrapper",tabindex:"-1"},Fl={key:0,role:"group",class:"onyx-select__group"},Ul={role:"option","aria-selected":"false"},ql={key:0,role:"presentation",class:"onyx-select__group-name onyx-text--small"},Zl={key:1,class:"onyx-select__slot"},Gl={key:2,class:"onyx-select__slot"},Kl={key:0,class:"onyx-select__description onyx-text--small"},mt=e.defineComponent({__name:"OnyxSelect",props:{density:{},multiple:{type:Boolean},modelValue:{},withCheckAll:{type:[Boolean,Object]},withSearch:{type:Boolean},searchTerm:{default:I},required:{type:Boolean},requiredMarker:{},customError:{},autofocus:{type:Boolean},id:{},label:{},labelTooltip:{},hideLabel:{type:Boolean},message:{},messageTooltip:{},errorMessages:{},textMode:{},disabled:{type:Boolean},skeleton:{type:Boolean},readonly:{type:Boolean},loading:{type:Boolean,default:!1},placeholder:{},truncation:{default:"ellipsis"},valueLabel:{default:void 0},open:{default:I},alignment:{default:"full"},listLabel:{},listDescription:{},options:{},lazyLoading:{}},emits:["update:modelValue","update:searchTerm","update:open","lazyLoad","validityChange"],setup(o,{emit:n}){const t=o,l=n,{densityClass:r}=g(t),a=e.useSlots(),{t:s}=C(),{state:i,isManaged:d}=W(e.toRef(()=>t.searchTerm),"",h=>l("update:searchTerm",h)),{state:u}=W(e.toRef(()=>t.open),!1,h=>l("update:open",h)),c=e.ref(),{openDirection:p,updateOpenDirection:m}=Il(c),f=e.ref(),y=e.computed(()=>t.modelValue===void 0?[]:t.multiple&&Array.isArray(t.modelValue)?t.modelValue:[t.modelValue]),v=e.computed(()=>t.valueLabel!==void 0?Array.isArray(t.valueLabel)?t.valueLabel:[t.valueLabel]:y.value.reduce((h,k)=>{var S;const V=(S=t.options.find(({value:$})=>$===k))==null?void 0:S.label;return V&&h.push(V),h},[])),w=e.ref(),b=e.ref(),B=e.computed(()=>d.value&&i.value?t.options.filter(({label:h})=>dt(h,i.value)):t.options);e.watch(y,()=>{t.multiple||(f.value=y.value.at(0))},{immediate:!0});const L=M("ONYX_CHECK_ALL"),N=e.computed(()=>(t.multiple&&t.withCheckAll&&!i.value?[L]:[]).concat(Oe.value)),F=async h=>{var V,S;if(t.readonly){u.value=!1;return}const k=u.value;u.value=!k,await e.nextTick(),u.value&&m(),k!==u.value&&(k?(i.value&&(i.value=""),h||(V=b.value)==null||V.focus()):(S=w.value)==null||S.focus())},U=()=>f.value=N.value.at(0),ne=()=>f.value=N.value.at(-1),le=h=>{const k=N.value.findIndex(V=>V===h);k<N.value.length-1&&(f.value=N.value[k+1])},ae=h=>{const k=N.value.findIndex(V=>V===h);k>0&&(f.value=N.value[k-1])},re=h=>{const k=B.value.find(V=>V.label.toLowerCase().trim().startsWith(h.toLowerCase()));k&&(f.value=k.value)},se=h=>i.value=h,ie=h=>{var S;if(h===L){(S=Z.value)==null||S.handleChange(!Z.value.state.value.modelValue);return}if(!B.value.find(({value:$})=>$===h))return;if(!t.multiple)return l("update:modelValue",h);y.value.some($=>$===h)?l("update:modelValue",y.value.filter($=>$!==h)):l("update:modelValue",[...y.value,h])},ce=e.computed(()=>t.withSearch?"list":"none"),{elements:{input:_,option:q,group:Me,listbox:vt}}=oo({autocomplete:ce,label:t.label,listLabel:t.listLabel,listDescription:t.listDescription,activeOption:e.computed(()=>f.value),multiple:e.computed(()=>t.multiple),isExpanded:u,templateRef:c,onToggle:F,onActivateFirst:U,onActivateLast:ne,onActivateNext:le,onActivatePrevious:ae,onTypeAhead:re,onAutocomplete:se,onSelect:ie}),_t=e.computed(()=>zo(B.value,"group")),{vScrollEnd:kt,isScrollEnd:xt}=ut({enabled:e.computed(()=>{var h;return((h=t.lazyLoading)==null?void 0:h.enabled)??!1}),loading:e.computed(()=>t.loading),offset:e.computed(()=>{var h;return(h=t.lazyLoading)==null?void 0:h.scrollOffset})}),ue=e.computed(()=>{if(!B.value.length)return t.withSearch&&i.value?s.value("select.noMatch"):s.value("select.empty")}),Oe=e.computed(()=>B.value.filter(h=>!h.disabled).map(({value:h})=>h)),Z=e.computed(()=>{if(!(!t.multiple||!t.withCheckAll))return We(Oe,y,h=>{const k=h.map(V=>{var S;return(S=t.options.find(({value:$})=>$===V))==null?void 0:S.value}).filter(V=>V!=null);l("update:modelValue",k)})}),de=e.computed(()=>{var k;if(!t.multiple)return"";const h=s.value("selections.selectAll");return typeof t.withCheckAll=="boolean"?h:((k=t.withCheckAll)==null?void 0:k.label)??h});e.watchEffect(()=>{xt.value&&l("lazyLoad")});const gt=e.computed(()=>{const h={...t,modelValue:v.value};return t.withSearch?{...h,onKeydown:_.value.onKeydown}:{...h,..._.value}});return(h,k)=>{var V,S,$;return e.openBlock(),e.createElementBlock("div",{ref_key:"selectRef",ref:c,class:"onyx-select-wrapper"},[e.createVNode(pt,e.mergeProps({ref_key:"selectInput",ref:b},gt.value,{"show-focus":e.unref(u),autofocus:t.autofocus,onClick:F,onValidityChange:k[0]||(k[0]=G=>l("validityChange",G))}),null,16,["show-focus","autofocus"]),e.createElementVNode("div",{class:e.normalizeClass(["onyx-select",e.unref(r),e.unref(u)?"onyx-select--open":"",`onyx-select--${e.unref(p)}`,`onyx-select--${t.alignment}`]),inert:!e.unref(u)},[e.withDirectives((e.openBlock(),e.createElementBlock("div",Rl,[t.withSearch?(e.openBlock(),e.createBlock(ot,e.mergeProps({key:0,ref_key:"miniSearch",ref:w,"model-value":e.unref(i)},e.unref(_),{label:e.unref(s)("select.searchInputLabel"),class:"onyx-select__search",onClear:k[1]||(k[1]=G=>i.value="")}),null,16,["model-value","label"])):e.createCommentVNode("",!0),e.createElementVNode("div",e.normalizeProps(e.guardReactiveProps(e.unref(vt))),[ue.value?(e.openBlock(),e.createElementBlock("ul",Fl,[e.createElementVNode("li",Ul,[e.renderSlot(h.$slots,"empty",{defaultMessage:ue.value},()=>[e.createVNode(we,null,{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(ue.value),1)]),_:1})])])])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[t.multiple&&t.withCheckAll&&!e.unref(i)?(e.openBlock(),e.createElementBlock("ul",e.mergeProps({key:0,class:"onyx-select__check-all"},e.unref(Me)({label:de.value})),[e.createVNode(ge,e.mergeProps(e.unref(q)({value:e.unref(L),label:de.value,selected:(V=Z.value)==null?void 0:V.state.value.modelValue}),{multiple:"",active:e.unref(L)===f.value,indeterminate:(S=Z.value)==null?void 0:S.state.value.indeterminate,density:t.density}),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(de.value),1)]),_:1},16,["active","indeterminate","density"])],16)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(_t.value,(G,K)=>(e.openBlock(),e.createElementBlock("ul",e.mergeProps({key:K,class:"onyx-select__group",ref_for:!0},e.unref(Me)({label:K})),[K!=""?(e.openBlock(),e.createElementBlock("li",ql,e.toDisplayString(K),1)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(G,O=>(e.openBlock(),e.createBlock(ge,e.mergeProps({key:O.value.toString(),ref_for:!0},e.unref(q)({value:O.value,label:O.label,disabled:O.disabled,selected:y.value.some(bt=>bt===O.value)}),{multiple:t.multiple,active:O.value===f.value,icon:O.icon,density:t.density,truncation:O.truncation??t.truncation}),{default:e.withCtx(()=>[e.renderSlot(h.$slots,"option",e.mergeProps({ref_for:!0},O),()=>[e.createTextVNode(e.toDisplayString(O.label),1)])]),_:2},1040,["multiple","active","icon","density","truncation"]))),128))],16))),128))],64))],16),($=t.lazyLoading)!=null&&$.loading?(e.openBlock(),e.createElementBlock("div",Zl,[e.createVNode(T,{class:"onyx-select__loading"})])):e.createCommentVNode("",!0),a.optionsEnd?(e.openBlock(),e.createElementBlock("div",Gl,[e.renderSlot(h.$slots,"optionsEnd")])):e.createCommentVNode("",!0)])),[[e.unref(kt)]]),t.listDescription?(e.openBlock(),e.createElementBlock("div",Kl,e.toDisplayString(t.listDescription),1)):e.createCommentVNode("",!0)],10,Hl)],512)}}}),jl=["aria-label"],Yl={class:"onyx-pagination__count"},Xl=["aria-label","disabled"],Wl=["aria-label","disabled"],Jl=e.defineComponent({__name:"SelectPagination",props:{density:{},modelValue:{},pages:{},disabled:{type:Boolean}},emits:["update:modelValue"],setup(o,{emit:n}){const t=o,l=n,{t:r}=C(),{densityClass:a}=g(t),s=e.computed(()=>Array.from({length:t.pages},(u,c)=>{const p=c+1;return{label:p.toString(),value:p}})),i=e.computed(()=>t.modelValue<=1),d=e.computed(()=>t.modelValue>=t.pages);return(u,c)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["onyx-pagination","onyx-text",e.unref(a)]),role:"group","aria-label":e.unref(r)("pagination.label"),style:e.normalizeStyle({"--onyx-pagination-character-count":t.modelValue.toString().length})},[e.createVNode(mt,{class:"onyx-pagination__select",label:e.unref(r)("pagination.select.label"),"list-label":e.unref(r)("pagination.select.listLabel"),options:s.value,"model-value":t.modelValue,"value-label":t.modelValue.toString(),"hide-label":"",disabled:t.disabled||t.pages<=1,alignment:"left","with-search":"","onUpdate:modelValue":c[0]||(c[0]=p=>l("update:modelValue",p))},null,8,["label","list-label","options","model-value","value-label","disabled"]),e.createElementVNode("div",Yl,e.toDisplayString(e.unref(r)("pagination.ofPages",{n:t.pages})),1),e.createElementVNode("button",{class:"onyx-pagination__button","aria-label":e.unref(r)("pagination.previous"),type:"button",disabled:t.disabled||i.value,onClick:c[1]||(c[1]=p=>l("update:modelValue",t.modelValue-1))},[e.createVNode(x,{icon:e.unref(it)},null,8,["icon"])],8,Xl),e.createElementVNode("button",{class:"onyx-pagination__button","aria-label":e.unref(r)("pagination.next"),type:"button",disabled:t.disabled||d.value,onClick:c[2]||(c[2]=p=>l("update:modelValue",t.modelValue+1))},[e.createVNode(x,{icon:e.unref(at)},null,8,["icon"])],8,Wl)],14,jl))}}),Ql=e.defineComponent({__name:"OnyxPagination",props:{density:{},modelValue:{},pages:{},disabled:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(o,{emit:n}){const t=o,l=n;return(r,a)=>(e.openBlock(),e.createBlock(Jl,e.mergeProps(t,{"onUpdate:modelValue":a[0]||(a[0]=s=>l("update:modelValue",s))}),null,16))}}),ea=["required","name","value","checked","disabled","autofocus"],be=e.defineComponent({__name:"OnyxRadioButton",props:{density:{},value:{},label:{},disabled:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},skeleton:{type:Boolean},truncation:{default:"ellipsis"},customError:{},autofocus:{type:Boolean},name:{},checked:{type:Boolean,default:!1},required:{type:Boolean,default:!1}},emits:["change","validityChange"],setup(o,{emit:n}){const t=o,l=n,{vCustomValidity:r,errorMessages:a}=P({props:t,emit:l}),{densityClass:s}=g(t),i=d=>{const u=d.target.checked;l("change",u)};return(d,u)=>t.skeleton?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["onyx-radio-button-skeleton",e.unref(s)])},[e.createVNode(E,{class:"onyx-radio-button-skeleton__input"}),e.createVNode(E,{class:"onyx-radio-button-skeleton__label"})],2)):(e.openBlock(),e.createBlock(Ve,{key:1,disabled:t.disabled,"error-messages":e.unref(a)},{default:e.withCtx(()=>[e.createElementVNode("label",{class:e.normalizeClass(["onyx-radio-button",e.unref(s)])},[t.loading?(e.openBlock(),e.createBlock(T,{key:0,class:"onyx-radio-button__loading",type:"circle"})):e.withDirectives((e.openBlock(),e.createElementBlock("input",{key:1,class:"onyx-radio-button__selector",type:"radio",required:t.required,name:t.name,value:t.value,checked:t.checked,disabled:t.disabled,autofocus:t.autofocus,onChange:i},null,40,ea)),[[e.unref(r)]]),e.createElementVNode("span",{class:e.normalizeClass(["onyx-radio-button__label",[`onyx-truncation-${t.truncation}`]])},e.toDisplayString(t.label),3)],2)]),_:1},8,["disabled","error-messages"]))}}),ta=["disabled","aria-label"],oa={key:0,class:"onyx-radio-button-group__headline"},na=e.defineComponent({__name:"OnyxRadioGroup",props:{density:{},required:{type:Boolean,default:!1},requiredMarker:{},customError:{},truncation:{default:"ellipsis"},label:{},hideLabel:{type:Boolean},options:{},name:{default:()=>M("radio-button-group-name")},modelValue:{},disabled:{type:Boolean,default:!1},direction:{default:"vertical"},skeleton:{}},emits:["update:modelValue","validityChange"],setup(o,{emit:n}){const t=o,{densityClass:l}=g(t),{requiredMarkerClass:r,requiredTypeClass:a}=J(t),s=n,i=(d,u)=>{d&&s("update:modelValue",u)};return(d,u)=>(e.openBlock(),e.createElementBlock("fieldset",{class:e.normalizeClass(["onyx-radio-button-group",e.unref(l),e.unref(a)]),disabled:t.disabled,role:"radiogroup","aria-label":t.label},[t.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("legend",oa,[e.createVNode(z,{is:"h3",class:e.normalizeClass(e.unref(r))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.label),1)]),_:1},8,["class"])])),e.createElementVNode("div",{class:e.normalizeClass(["onyx-radio-button-group__content",{"onyx-radio-button-group__content--horizontal":t.direction==="horizontal"}])},[t.skeleton===void 0?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(t.options,(c,p)=>(e.openBlock(),e.createBlock(be,e.mergeProps({key:c.value.toString(),ref_for:!0},c,{name:t.name,"custom-error":t.customError,checked:c.value===t.modelValue,required:t.required,truncation:c.truncation??t.truncation,onValidityChange:m=>p===0&&s("validityChange",m),onChange:m=>i(m,c.value)}),null,16,["name","custom-error","checked","required","truncation","onValidityChange","onChange"]))),128)):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(t.skeleton,c=>(e.openBlock(),e.createBlock(be,{id:`skeleton-${c}`,key:c,value:`skeleton-${c}`,label:"Skeleton ${i}",name:t.name,skeleton:""},null,8,["id","value","name"]))),128))],2)],10,ta))}}),la=["full","left","right"],aa=["summary","preview"],ra='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 11.25h18v1.5H3z"/></svg>',sa='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12.75 11.25V3h-1.5v8.25H3v1.5h8.25V21h1.5v-8.25H21v-1.5z"/></svg>',ia={class:"onyx-stepper__wrapper"},ca=["disabled","aria-label"],ua=["aria-label","autofocus","disabled","min","max","name","placeholder","readonly","required","step","title"],da=["disabled","aria-label"],pa=e.defineComponent({__name:"OnyxStepper",props:{density:{},customError:{},required:{type:Boolean},requiredMarker:{},id:{},label:{},labelTooltip:{},hideLabel:{type:Boolean},message:{},messageTooltip:{},autofocus:{type:Boolean},modelValue:{},name:{},placeholder:{},min:{},max:{},step:{default:1},autocomplete:{},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},skeleton:{type:Boolean,default:!1}},emits:["update:modelValue","focus","blur","validityChange"],setup(o,{emit:n}){const t=o,{t:l}=C(),r=e.ref(),a=n,{densityClass:s}=g(t),{vCustomValidity:i,errorMessages:d}=P({props:t,emit:a}),u=e.ref(!1),c=e.computed({get:()=>t.modelValue,set:y=>a("update:modelValue",y)}),p=y=>{if(!r.value)return;r.value[`${y}`]();const v=r.value.valueAsNumber;c.value=isNaN(v)?void 0:v},m=e.computed(()=>l.value("stepper.increment",{stepSize:t.step})),f=e.computed(()=>l.value("stepper.decrement",{stepSize:t.step}));return(y,v)=>t.skeleton?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["onyx-stepper-skeleton",e.unref(s)])},[t.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(E,{key:0,class:"onyx-stepper-skeleton__label"})),e.createVNode(E,{class:"onyx-stepper-skeleton__input"})],2)):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["onyx-stepper",e.unref(s)])},[e.createVNode(te,e.mergeProps(t,{"error-messages":e.unref(d)}),{default:e.withCtx(()=>[e.createElementVNode("div",ia,[e.createElementVNode("button",{type:"button",class:"onyx-stepper__counter",disabled:t.min&&t.min===c.value||t.disabled||t.readonly||t.loading,"aria-label":f.value,onClick:v[0]||(v[0]=w=>p("stepDown"))},[e.createVNode(x,{icon:e.unref(ra)},null,8,["icon"])],8,ca),t.loading?(e.openBlock(),e.createBlock(T,{key:0,class:"onyx-stepper__loading",type:"circle"})):e.withDirectives((e.openBlock(),e.createElementBlock("input",{key:1,ref_key:"inputRef",ref:r,"onUpdate:modelValue":v[1]||(v[1]=w=>c.value=w),class:e.normalizeClass(["onyx-stepper__native",{"onyx-stepper__native--force-invalid":e.unref(d)&&u.value}]),type:"number","aria-label":t.label,autofocus:t.autofocus,disabled:t.disabled||t.loading,min:t.min,max:t.max,name:t.name,placeholder:t.placeholder,readonly:t.readonly,required:t.required,step:t.step,title:t.hideLabel?t.label:void 0,onChange:v[2]||(v[2]=w=>u.value=!0),onFocus:v[3]||(v[3]=w=>a("focus")),onBlur:v[4]||(v[4]=w=>a("blur"))},null,42,ua)),[[e.vModelText,c.value,void 0,{number:!0}],[e.unref(i)]]),e.createElementVNode("button",{type:"button",class:"onyx-stepper__counter",disabled:t.max&&t.max===c.value||t.disabled||t.readonly||t.loading,"aria-label":m.value,onClick:v[5]||(v[5]=w=>p("stepUp"))},[e.createVNode(x,{icon:e.unref(sa)},null,8,["icon"])],8,da)])]),_:1},16,["error-messages"])],2))}}),ma='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m15.983 8.095-6.22 6.22-2.468-2.47-1.061 1.062 3.53 3.525 7.28-7.28z"/></svg>',fa={class:"onyx-switch-skeleton__click-area"},ya=["title"],ha=["aria-label","disabled","required","autofocus"],va={class:"onyx-switch__click-area"},_a={class:"onyx-switch__container"},ka={class:"onyx-switch__icon"},xa=e.createElementVNode("div",{class:"onyx-switch__frame"},null,-1),ga=e.defineComponent({__name:"OnyxSwitch",props:{density:{},required:{type:Boolean},requiredMarker:{},customError:{},autofocus:{type:Boolean},modelValue:{type:Boolean,default:!1},label:{},disabled:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},hideLabel:{type:Boolean},truncation:{default:"ellipsis"},skeleton:{type:Boolean,default:!1}},emits:["update:modelValue","validityChange"],setup(o,{emit:n}){const t=o,l=n,{requiredMarkerClass:r,requiredTypeClass:a}=J(t),{densityClass:s}=g(t),{vCustomValidity:i,errorMessages:d}=P({props:t,emit:l}),u=e.computed(()=>t.hideLabel?t.label:void 0),c=e.computed({get:()=>t.modelValue,set:p=>{l("update:modelValue",p)}});return(p,m)=>t.skeleton?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["onyx-switch-skeleton",e.unref(s)])},[e.createElementVNode("span",fa,[e.createVNode(E,{class:"onyx-switch-skeleton__input"})]),t.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(E,{key:0,class:"onyx-switch-skeleton__label"}))],2)):(e.openBlock(),e.createBlock(Ve,{key:1,disabled:t.disabled,"error-messages":e.unref(d)},{default:e.withCtx(()=>[e.createElementVNode("label",{class:e.normalizeClass(["onyx-switch",[e.unref(a),e.unref(s)]]),title:u.value},[e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":m[0]||(m[0]=f=>c.value=f),type:"checkbox",role:"switch",class:e.normalizeClass({"onyx-switch__input":!0,"onyx-switch__loading":t.loading}),"aria-label":t.hideLabel?t.label:void 0,disabled:t.disabled||t.loading,required:t.required,autofocus:t.autofocus},null,10,ha),[[e.vModelCheckbox,c.value],[e.unref(i)]]),e.createElementVNode("span",va,[e.createElementVNode("span",_a,[e.createElementVNode("span",ka,[t.loading?(e.openBlock(),e.createBlock(T,{key:0,class:"onyx-switch__spinner",type:"circle"})):(e.openBlock(),e.createBlock(x,{key:1,icon:c.value?e.unref(ma):e.unref(Ee)},null,8,["icon"]))]),xa])]),t.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(["onyx-switch__label",[`onyx-truncation-${t.truncation}`,t.truncation==="multiline"?e.unref(r):void 0]])},e.toDisplayString(t.label),3)),!t.hideLabel&&t.truncation==="ellipsis"?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["onyx-switch__marker",[e.unref(r)]])},null,2)):e.createCommentVNode("",!0)],10,ya)]),_:1},8,["disabled","error-messages"]))}}),ba='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M8.25 17.25h-4.5V6.008h4.5zm-3-1.5h1.5V7.508h-1.5zm14.273 1.958c.457-.668.727-1.47.727-2.333 0-.127-.008-.255-.023-.375V4.508h-4.5v6.765a4.3 4.3 0 0 0-1.5.442V8.258h-4.5v8.992h2.716a4.12 4.12 0 0 0 3.667 2.25c.863 0 1.672-.27 2.332-.727l2.76 2.76 1.058-1.058-2.76-2.76zm-.788-11.7v6.18a4.05 4.05 0 0 0-1.492-.773v-5.4h1.492zm-7.492 9.742V9.758h1.5v3.292a4.1 4.1 0 0 0-.735 2.325c0 .127.007.255.022.375zM16.124 18a2.63 2.63 0 0 1-2.625-2.625 2.63 2.63 0 0 1 2.625-2.625 2.63 2.63 0 0 1 2.625 2.625A2.63 2.63 0 0 1 16.125 18"/></svg>',Ba={class:"onyx-table-wrapper"},Ca=["tabindex"],Va={key:0,class:"onyx-table__header"},wa={class:"onyx-table__empty"},Ea={colspan:"100%"},Sa={class:"onyx-table__empty-content"},Na=e.defineComponent({__name:"OnyxTable",props:{density:{},striped:{type:Boolean,default:!1},withVerticalBorders:{type:Boolean,default:!1},withPageScrolling:{type:Boolean,default:!1}},setup(o){const n=o,t=e.useSlots(),{t:l}=C(),{densityClass:r}=g(n),a=e.computed(()=>l.value("table.empty"));return(s,i)=>(e.openBlock(),e.createElementBlock("div",Ba,[e.createElementVNode("div",{class:e.normalizeClass({"onyx-table-wrapper__scroll-container":!n.withPageScrolling}),tabindex:n.withPageScrolling?void 0:0},[e.createElementVNode("table",{class:e.normalizeClass(["onyx-table onyx-text",[n.striped?"onyx-table--striped":"",n.withVerticalBorders?"onyx-table--vertical-borders":"",e.unref(r)]])},[t.head?(e.openBlock(),e.createElementBlock("thead",Va,[e.renderSlot(s.$slots,"head")])):e.createCommentVNode("",!0),e.createElementVNode("tbody",null,[e.renderSlot(s.$slots,"default",{},()=>[e.createElementVNode("tr",wa,[e.createElementVNode("td",Ea,[e.createElementVNode("div",Sa,[e.renderSlot(s.$slots,"empty",{defaultMessage:a.value},()=>[e.createVNode(we,null,{icon:e.withCtx(()=>[e.createVNode(x,{icon:e.unref(ba),size:"48px"},null,8,["icon"])]),default:e.withCtx(()=>[e.createTextVNode(" "+e.toDisplayString(a.value),1)]),_:1})])])])])])])],2)],10,Ca)]))}}),$a={class:"onyx-text onyx-truncation-ellipsis"},Ma=e.defineComponent({__name:"OnyxTag",props:{density:{},label:{},color:{default:"primary"},icon:{}},setup(o){const n=o,{densityClass:t}=g(n);return(l,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["onyx-tag",`onyx-tag--${n.color}`,e.unref(t)])},[n.icon?(e.openBlock(),e.createBlock(x,{key:0,icon:n.icon,size:"16px"},null,8,["icon"])):e.createCommentVNode("",!0),e.createElementVNode("span",$a,e.toDisplayString(n.label),1)],2))}}),Oa=["data-autosize-value"],Ta=["id","placeholder","required","autocapitalize","autofocus","name","readonly","disabled","minlength","maxlength","aria-label","title"],La=e.defineComponent({__name:"OnyxTextarea",props:{density:{},required:{type:Boolean,default:!1},requiredMarker:{},customError:{},label:{},labelTooltip:{},hideLabel:{type:Boolean},modelValue:{default:""},placeholder:{},autocapitalize:{default:"sentences"},autofocus:{type:Boolean},name:{},readonly:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},minlength:{},maxlength:{},withCounter:{type:Boolean},message:{},messageTooltip:{},skeleton:{type:Boolean,default:!1},autosize:{},disableManualResize:{type:Boolean,default:!1}},emits:["update:modelValue","change","focus","blur","validityChange"],setup(o,{emit:n}){const t=o,l=n,{vCustomValidity:r,errorMessages:a}=P({props:t,emit:l}),{densityClass:s}=g(t),i=e.computed({get:()=>t.modelValue,set:p=>l("update:modelValue",p)}),d=p=>{const m=p.target.value;l("change",m)},u=e.computed(()=>{if(!t.autosize)return;const p=t.autosize.min?Math.max(t.autosize.min,2):void 0,m=t.autosize.max;return[p?`--min-autosize-rows: ${p}`:"",`--max-autosize-rows: ${m??"unset"}`]}),c=p=>{var f;const m=p.target;(f=m.parentElement)==null||f.setAttribute("data-autosize-value",m.value)};return(p,m)=>t.skeleton?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["onyx-textarea-skeleton",e.unref(s)]),style:e.normalizeStyle(u.value)},[t.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(E,{key:0,class:"onyx-textarea-skeleton__label"})),e.createVNode(E,{class:"onyx-textarea-skeleton__input"})],6)):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["onyx-textarea",e.unref(s)]),style:e.normalizeStyle(u.value)},[e.createVNode(te,e.mergeProps(t,{"error-messages":e.unref(a)}),{default:e.withCtx(({id:f})=>[e.createElementVNode("div",{class:"onyx-textarea__wrapper","data-autosize-value":i.value},[e.withDirectives(e.createElementVNode("textarea",{id:f,"onUpdate:modelValue":m[0]||(m[0]=y=>i.value=y),class:e.normalizeClass(["onyx-textarea__native",{"onyx-textarea__native--no-resize":t.disableManualResize}]),placeholder:t.placeholder,required:t.required,autocapitalize:t.autocapitalize,autofocus:t.autofocus,name:t.name,readonly:t.readonly,disabled:t.disabled,minlength:t.minlength,maxlength:t.maxlength,"aria-label":t.hideLabel?t.label:void 0,title:t.hideLabel?t.label:void 0,onInput:c,onChange:d,onFocus:m[1]||(m[1]=y=>l("focus")),onBlur:m[2]||(m[2]=y=>l("blur"))},null,42,Ta),[[e.vModelText,i.value],[e.unref(r)]])],8,Oa)]),_:1},16,["error-messages"])],6))}}),Ia='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M11.25 16.5h1.5V18h-1.5zM12.75 6h-1.5v8.25h1.5z"/><path fill-rule="evenodd" d="M12 1.5a10.5 10.5 0 1 0 0 21 10.5 10.5 0 0 0 0-21m6.364 16.864A9 9 0 1 1 21 12a8.94 8.94 0 0 1-2.636 6.364" clip-rule="evenodd"/></svg>',Da='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m7.275 11.828 2.465 2.47 6.22-6.22 1.06 1.06-7.28 7.281-3.528-3.53z"/><path fill-rule="evenodd" d="M6.167 3.27a10.5 10.5 0 1 1 11.666 17.46A10.5 10.5 0 0 1 6.167 3.27M7 19.483A9 9 0 0 0 12 21a9.01 9.01 0 0 0 9-9 9 9 0 1 0-14 7.483" clip-rule="evenodd"/></svg>',Pa={class:"onyx-toast-message__wrapper"},Aa={class:"onyx-toast-message__content onyx-truncation-ellipsis"},za={class:"onyx-toast-message__headline onyx-text"},Ha={class:"onyx-truncation-ellipsis"},Ra=["aria-label"],Fa={key:0,class:"onyx-toast-message__description onyx-text--small onyx-truncation-multiline",tabindex:"0"},ft=e.defineComponent({__name:"OnyxToastMessage",props:{density:{},headline:{},description:{},color:{default:"neutral"},duration:{default:5e3},clickable:{type:Boolean,default:!1},icon:{type:[String,Boolean],default:void 0}},emits:["click","close"],setup(o,{emit:n}){const t=o,l=n,{t:r}=C(),{densityClass:a}=g(t),s=e.computed(()=>t.duration>0),i={neutral:ke,danger:Qe,warning:Ia,success:Da},d=e.computed(()=>{if(t.icon!==!1)return t.icon||i[t.color]});return(u,c)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.clickable?"button":"div"),{class:e.normalizeClass(["onyx-toast-message",[`onyx-toast-message--${t.color}`,e.unref(a)]]),role:t.color==="danger"||t.color==="warning"?"alert":"status","aria-label":t.clickable?t.headline:void 0,onClick:c[2]||(c[2]=p=>t.clickable&&l("click"))},{default:e.withCtx(()=>[e.createElementVNode("div",Pa,[d.value?(e.openBlock(),e.createBlock(x,{key:0,icon:d.value},null,8,["icon"])):e.createCommentVNode("",!0),e.createElementVNode("div",Aa,[e.createElementVNode("div",za,[e.createElementVNode("span",Ha,e.toDisplayString(t.headline),1),t.clickable?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("button",{key:0,type:"button","aria-label":e.unref(r)("close"),class:"onyx-toast-message__close",onClick:c[0]||(c[0]=p=>l("close"))},[e.createVNode(x,{icon:e.unref(Ee)},null,8,["icon"])],8,Ra))]),t.description?(e.openBlock(),e.createElementBlock("p",Fa,e.toDisplayString(t.description),1)):e.createCommentVNode("",!0)])]),s.value?(e.openBlock(),e.createElementBlock("time",{key:t.duration,"aria-hidden":"true",class:"onyx-toast-message__progress-bar",style:e.normalizeStyle({animationDuration:`${t.duration}ms`}),onAnimationend:c[1]||(c[1]=p=>l("close"))},null,36)):e.createCommentVNode("",!0)]),_:1},8,["class","role","aria-label"]))}}),$e=Symbol(),yt=()=>{let o=1;const n=e.ref([]),t=r=>{const a=o++;n.value.unshift({...r,id:a,onClose:()=>l(a)})},l=r=>{n.value=n.value.filter(a=>a.id!==r)};return{toasts:e.computed(()=>n.value),show:t,remove:l}},ht=()=>{const o=()=>{console.warn('Trying to use "useToast()" before the toast provider has been provided. Make sure to "provide" it first.')};return e.inject($e,()=>({toasts:e.computed(()=>[]),show:o,remove:o}),!0)},Ua={key:0,class:"onyx-toast",role:"presentation","aria-live":"polite",open:""},qa=e.defineComponent({__name:"OnyxToast",setup(o){const n=ht();return(t,l)=>e.unref(n).toasts.value.length?(e.openBlock(),e.createElementBlock("dialog",Ua,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(n).toasts.value,({id:r,...a})=>(e.openBlock(),e.createBlock(ft,e.mergeProps({key:r,ref_for:!0},a),null,16))),128))])):e.createCommentVNode("",!0)}}),Za=["top","bottom"],Ga=(o={})=>({install:n=>{je(n,o.i18n);const t=n.runWithContext(()=>C());n.provide($e,yt()),n.mixin({beforeMount:()=>{e.watchEffect(()=>{Ka(t.t.value("optional"))})}})}}),Ka=o=>{globalThis.document.body.style.setProperty("--onyx-global-optional-text",o)};exports.AUTOCAPITALIZE=hn;exports.BUTTON_COLORS=_o;exports.BUTTON_MODES=ko;exports.BUTTON_TYPES=vo;exports.DENSITIES=Tt;exports.DIRECTIONS=gl;exports.HEADLINE_TYPES=tn;exports.ICON_SIZES=on;exports.INPUT_TYPES=yn;exports.LINK_TARGETS=kn;exports.MOBILE_NAV_BAR_INJECTION_KEY=R;exports.MULTISELECT_TEXT_MODE=aa;exports.ONYX_BREAKPOINTS=ct;exports.ONYX_COLORS=_l;exports.OnyxAppLayout=Et;exports.OnyxAvatar=fe;exports.OnyxAvatarStack=Ot;exports.OnyxBadge=Pe;exports.OnyxButton=X;exports.OnyxCheckbox=j;exports.OnyxCheckboxGroup=Xo;exports.OnyxColorSchemeDialog=lt;exports.OnyxColorSchemeMenuItem=Rn;exports.OnyxDialog=Je;exports.OnyxEmpty=we;exports.OnyxExternalLinkIcon=Q;exports.OnyxFlyoutMenu=Ne;exports.OnyxHeadline=z;exports.OnyxIcon=x;exports.OnyxIconButton=et;exports.OnyxInfoTooltip=Y;exports.OnyxInput=fn;exports.OnyxLink=_n;exports.OnyxListItem=oe;exports.OnyxLoadingIndicator=T;exports.OnyxMenuItem=Se;exports.OnyxMiniSearch=ot;exports.OnyxMobileNavButton=xe;exports.OnyxNavAppArea=nt;exports.OnyxNavBar=$l;exports.OnyxNavButton=Xn;exports.OnyxNavItem=Wn;exports.OnyxNavSeparator=rt;exports.OnyxPageLayout=Ll;exports.OnyxPagination=Ql;exports.OnyxRadioButton=be;exports.OnyxRadioGroup=na;exports.OnyxSelect=mt;exports.OnyxSelectInput=pt;exports.OnyxSelectOption=ge;exports.OnyxSkeleton=E;exports.OnyxStepper=pa;exports.OnyxSwitch=ga;exports.OnyxTable=Na;exports.OnyxTag=Ma;exports.OnyxTextarea=La;exports.OnyxTimer=ll;exports.OnyxToast=qa;exports.OnyxToastMessage=ft;exports.OnyxTooltip=H;exports.OnyxUserMenu=fl;exports.OnyxVisuallyHidden=ee;exports.SELECT_ALIGNMENTS=la;exports.TEXT_SIZES=kl;exports.TOAST_PROVIDER_INJECTION_KEY=$e;exports.TOOLTIP_POSITIONS=Za;exports.TRUNCATION_TYPES=xl;exports.createOnyx=Ga;exports.createToastProvider=yt;exports.normalizedIncludes=dt;exports.provideI18n=je;exports.useDensity=g;exports.useScrollEnd=ut;exports.useToast=ht;
+`,Ln={class:"onyx-color-scheme-dialog__subtitle onyx-text"},In=["innerHTML"],Dn=["autofocus","value","checked","aria-label"],Pn={class:"onyx-text--small"},An={class:"onyx-color-scheme-dialog__actions"},lt=e.defineComponent({__name:"OnyxColorSchemeDialog",props:{open:{type:Boolean,default:!1},density:{},modelValue:{}},emits:["update:modelValue","close"],setup(o,{emit:n}){const t=o,l=n,r=e.ref(t.modelValue);e.watchEffect(()=>r.value=t.modelValue);const{t:a}=C(),s=e.computed(()=>[{value:"auto",image:Mn,label:a.value("colorScheme.auto.label"),description:a.value("colorScheme.auto.description")},{value:"light",image:Tn,label:a.value("colorScheme.light.label"),description:a.value("colorScheme.light.description")},{value:"dark",image:On,label:a.value("colorScheme.dark.label"),description:a.value("colorScheme.dark.description")}]),i=u=>{const c=u.target;r.value=c.value},d=()=>{r.value&&(l("update:modelValue",r.value),l("close"))};return(u,c)=>(e.openBlock(),e.createBlock(Je,e.mergeProps({class:"onyx-color-scheme-dialog"},t,{label:e.unref(a)("colorScheme.headline"),modal:"",onClose:c[1]||(c[1]=p=>l("close"))}),{default:e.withCtx(()=>[e.createElementVNode("form",{class:"onyx-color-scheme-dialog__form",onSubmit:e.withModifiers(d,["prevent"])},[e.createElementVNode("div",null,[e.createVNode(z,{is:"h2"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(a)("colorScheme.headline")),1)]),_:1}),e.createElementVNode("span",Ln,e.toDisplayString(e.unref(a)("colorScheme.subtitle")),1)]),e.createElementVNode("fieldset",{class:"onyx-color-scheme-dialog__list",onChange:i},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.value,p=>(e.openBlock(),e.createElementBlock("label",{key:p.value,class:"onyx-color-scheme-dialog__option"},[e.createElementVNode("figure",{class:"onyx-color-scheme-dialog__image",innerHTML:p.image},null,8,In),e.createElementVNode("div",null,[e.createVNode(ee,{is:"div"},{default:e.withCtx(()=>[e.createElementVNode("input",{type:"radio",name:"color-scheme",autofocus:t.modelValue===p.value,value:p.value,checked:t.modelValue===p.value,"aria-label":p.label,required:""},null,8,Dn)]),_:2},1024),e.createVNode(z,{is:"h3",class:"onyx-color-scheme-dialog__label"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(p.label),1)]),_:2},1024),e.createElementVNode("p",Pn,e.toDisplayString(p.description),1)])]))),128))],32),e.createElementVNode("div",An,[e.createVNode(X,{label:e.unref(a)("cancel"),mode:"plain",color:"neutral",onClick:c[0]||(c[0]=p=>l("close"))},null,8,["label"]),e.createVNode(X,{label:e.unref(a)("apply"),type:"submit"},null,8,["label"])])],32)]),_:1},16,["label"]))}}),zn='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12.008 1.5c-5.79 0-10.493 4.71-10.493 10.493 0 5.782 4.71 10.492 10.493 10.492 5.782 0 10.492-4.71 10.492-10.492S17.79 1.5 12.008 1.5M13.5 3.135q.753.126 1.463.375v16.973q-.709.249-1.463.375zm2.962 1.058a9.3 9.3 0 0 1 1.59 1.162v13.282a9 9 0 0 1-1.59 1.163zm3.083 2.917a8.93 8.93 0 0 1 1.447 4.882 9 9 0 0 1-1.447 4.883zM3.008 11.992C3.008 7.036 7.043 3 12 3v17.993c-4.957 0-8.992-4.035-8.992-8.993z"/></svg>',Se=e.defineComponent({__name:"OnyxMenuItem",props:{href:{},active:{type:Boolean},disabled:{type:Boolean},color:{}},emits:["click"],setup(o,{emit:n}){const t=o,l=n,{elements:{listItem:r,menuItem:a}}=qe();return(s,i)=>(e.openBlock(),e.createBlock(oe,e.mergeProps({selected:t.active,active:t.active,color:t.color,disabled:t.disabled,class:"onyx-menu-item"},e.unref(r)),{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.href?"a":"button"),e.mergeProps({class:"onyx-menu-item__trigger",disabled:!t.href&&t.disabled,href:t.href},e.unref(a)({active:t.active,disabled:!t.href&&t.disabled}),{onClick:i[0]||(i[0]=d=>l("click"))}),{default:e.withCtx(()=>[e.renderSlot(s.$slots,"default")]),_:3},16,["disabled","href"]))]),_:3},16,["selected","active","color","disabled"]))}}),Hn={class:"onyx-color-scheme-menu-item__value"},Rn=e.defineComponent({__name:"OnyxColorSchemeMenuItem",props:{modelValue:{}},emits:["update:modelValue"],setup(o,{emit:n}){const t=o,l=n,{t:r}=C(),a=e.ref(!1);return(s,i)=>(e.openBlock(),e.createBlock(Se,{class:"onyx-color-scheme-menu-item",onClick:i[2]||(i[2]=d=>a.value=!0)},{default:e.withCtx(()=>[e.createVNode(x,{icon:e.unref(zn)},null,8,["icon"]),e.createElementVNode("div",null,[e.createTextVNode(e.toDisplayString(e.unref(r)("colorScheme.appearance"))+": ",1),e.createElementVNode("span",Hn,e.toDisplayString(e.unref(r)(`colorScheme.${t.modelValue}.label`)),1)]),(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[e.createVNode(lt,{"model-value":t.modelValue,open:a.value,onClose:i[0]||(i[0]=d=>a.value=!1),"onUpdate:modelValue":i[1]||(i[1]=d=>l("update:modelValue",d))},null,8,["model-value","open"])]))]),_:1}))}}),Fn=o=>e.computed(o),I=Symbol("MANAGED_SYMBOL"),W=(o,n,t)=>{const l=e.computed(()=>o.value===I),r=e.ref(l.value?n:o.value);return{state:Fn({set:s=>{r.value=s,t(s)},get:()=>l.value?r.value:o.value}),isManaged:l}},Un=["aria-label"],Ne=e.defineComponent({__name:"OnyxFlyoutMenu",props:{open:{default:I},label:{}},emits:["update:open"],setup(o,{emit:n}){const t=o,l=n,{state:r}=W(e.toRef(()=>t.open),!1,c=>l("update:open",c)),a=e.useSlots(),{elements:{root:s,button:i,menu:d}}=no({isExpanded:e.computed(()=>!!r.value),onToggle:()=>r.value=!r.value}),u=e.computed(()=>{var p;if(!a.default)return;const c=a.default().at(0);return(c==null?void 0:c.type.toString())==="Symbol(v-fgt)"?Array.isArray(c==null?void 0:c.children)?(p=c==null?void 0:c.children)==null?void 0:p.at(0):void 0:c});return(c,p)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps({class:"onyx-flyout-menu"},e.unref(s)),[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(u.value),e.normalizeProps(e.guardReactiveProps(e.unref(i))),null,16)),a.options||a.header||a.footer?e.withDirectives((e.openBlock(),e.createElementBlock("div",{key:0,"aria-label":t.label,class:e.normalizeClass({"onyx-flyout-menu__list--with-header":!!a.header,"onyx-flyout-menu__list--with-footer":!!a.footer,"onyx-flyout-menu__list":!0})},[e.renderSlot(c.$slots,"header"),a.options?(e.openBlock(),e.createElementBlock("ul",e.mergeProps({key:0},e.unref(d),{class:"onyx-flyout-menu__wrapper onyx-flyout-menu__group"}),[e.renderSlot(c.$slots,"options")],16)):e.createCommentVNode("",!0),e.renderSlot(c.$slots,"footer")],10,Un)),[[e.vShow,e.unref(r)]]):e.createCommentVNode("",!0)],16))}}),at='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m9.905 6.22-1.06 1.06 4.72 4.72-4.72 4.72 1.06 1.06 5.78-5.78z"/></svg>',R=Symbol(),qn='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M17.618 11.626H8.936l3.094-3.094-1.064-1.056-4.899 4.898 4.9 4.9 1.063-1.064-3.094-3.086h8.682z"/></svg>',Zn=["aria-orientation"],rt=e.defineComponent({__name:"OnyxNavSeparator",props:{orientation:{default:"vertical"}},setup(o){const n=o,t=e.inject(R);return(l,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["onyx-nav-separator",{"onyx-nav-separator--horizontal":n.orientation==="horizontal"||e.unref(t)}]),role:"separator","aria-orientation":n.orientation},null,10,Zn))}}),Gn={role:"presentation"},Kn=e.defineComponent({__name:"NavButtonLayout",props:{href:{},withExternalIcon:{type:[Boolean,String]},mobileChildrenOpen:{default:I},label:{},active:{type:Boolean},isMobile:{type:Boolean}},emits:["update:mobileChildrenOpen"],setup(o,{emit:n}){const t=o,l=e.useSlots(),{t:r}=C(),a=n,{state:s}=W(e.toRef(()=>t.mobileChildrenOpen),!1,i=>a("update:mobileChildrenOpen",i));return(i,d)=>(e.openBlock(),e.createElementBlock("li",Gn,[t.isMobile?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[t.isMobile&&e.unref(s)?(e.openBlock(),e.createBlock(X,{key:0,label:e.unref(r)("back"),mode:"plain",color:"neutral",icon:e.unref(qn),onClick:d[0]||(d[0]=u=>s.value=!1)},null,8,["label","icon"])):e.createCommentVNode("",!0),!e.unref(s)||t.href?e.renderSlot(i.$slots,"button",{key:1}):e.createCommentVNode("",!0),e.unref(s)&&t.href?(e.openBlock(),e.createBlock(rt,{key:2,orientation:"horizontal"})):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("ul",{role:"menu",class:e.normalizeClass(["onyx-nav-button__mobile-children",{"onyx-nav-button__mobile-children--open":e.unref(s)}])},[e.renderSlot(i.$slots,"options")],2),[[e.vShow,e.unref(s)]])],64)):(e.openBlock(),e.createBlock(Ne,{key:1,label:e.unref(r)("navItemOptionsLabel",{label:t.label})},e.createSlots({default:e.withCtx(()=>[e.renderSlot(i.$slots,"button")]),_:2},[l.options?{name:"options",fn:e.withCtx(()=>[e.renderSlot(i.$slots,"options")]),key:"0"}:void 0]),1032,["label"]))]))}}),jn=["aria-label"],Yn={class:"onyx-truncation-ellipsis"},Xn=e.defineComponent({__name:"OnyxNavButton",props:{href:{},withExternalIcon:{type:[Boolean,String],default:"auto"},mobileChildrenOpen:{},label:{},active:{type:Boolean,default:!1}},emits:["click"],setup(o,{emit:n}){const t=o,l=n,r=e.useSlots(),a=e.inject(R),s=e.ref(!1),i=e.computed(()=>!!r.children),d=()=>{a!=null&&a.value&&i.value&&!s.value?s.value=!0:t.href&&l("click",t.href)};return(u,c)=>(e.openBlock(),e.createBlock(Kn,e.mergeProps(t,{"mobile-children-open":s.value,"onUpdate:mobileChildrenOpen":c[0]||(c[0]=p=>s.value=p),class:["onyx-nav-button",{"onyx-nav-button--mobile":e.unref(a),"onyx-nav-button--active":t.active}],"is-mobile":e.unref(a)??!1}),e.createSlots({button:e.withCtx(()=>[e.createElementVNode("button",{class:"onyx-nav-button__trigger onyx-text",role:"menuitem","aria-label":t.label,type:"button",onClick:d},[e.renderSlot(u.$slots,"default",{},()=>[e.createElementVNode("span",Yn,e.toDisplayString(t.label),1),e.createVNode(Q,e.normalizeProps(e.guardReactiveProps(t)),null,16)]),e.unref(a)&&i.value&&!s.value?(e.openBlock(),e.createBlock(x,{key:0,class:"onyx-nav-button__mobile-chevron",icon:e.unref(at)},null,8,["icon"])):e.createCommentVNode("",!0)],8,jn)]),_:2},[r.children?{name:"options",fn:e.withCtx(()=>[e.renderSlot(u.$slots,"children")]),key:"0"}:void 0]),1040,["mobile-children-open","class","is-mobile"]))}}),Wn=e.defineComponent({__name:"OnyxNavItem",props:{href:{},withExternalIcon:{type:[Boolean,String],default:"auto"},mobileChildrenOpen:{},label:{},active:{type:Boolean}},emits:["click"],setup(o,{emit:n}){const t=o,l=n;return(r,a)=>(e.openBlock(),e.createBlock(Se,{class:"onyx-nav-item",active:t.active,href:t.href??"javascript:void(0)",onClick:a[0]||(a[0]=s=>t.href&&l("click",t.href))},{default:e.withCtx(()=>[e.renderSlot(r.$slots,"default",{},()=>[e.createElementVNode("span",null,e.toDisplayString(t.label),1),e.createVNode(Q,e.normalizeProps(e.guardReactiveProps(t)),null,16)])]),_:3},8,["active","href"]))}}),Jn=o=>{const n=e.ref(),t=e.ref(pe(new Date(o.value).getTime())),l=e.computed(()=>t.value===0);return e.watch(o,r=>{clearInterval(n.value);const a=new Date(r).getTime();t.value=pe(a),n.value=setInterval(()=>{t.value=pe(a),l.value&&clearInterval(n.value)},1e3)},{immediate:!0}),e.onBeforeUnmount(()=>clearInterval(n.value)),{timeLeft:t,isEnded:l}},pe=o=>{const n=o-Date.now();return Math.max(n,0)},st=o=>{const n=Math.floor(o/6e4/60),t=Math.floor(o/6e4%60),l=Math.floor(o%6e4/1e3);return{hours:n,minutes:t,seconds:l}},Qn=(o,n)=>{const{hours:t,minutes:l,seconds:r}=st(o),a=d=>d.toString().padStart(2,"0");let s="",i=me(n.formatToParts(o,"seconds"));return l>0&&(i=me(n.formatToParts(o,"minutes"))),t>0&&(i=me(n.formatToParts(o,"hours")),s=`${a(t)}:`),`${s}${a(l)}:${a(r)} ${i}`},me=o=>{var n;return((n=o.at(-1))==null?void 0:n.value.replace(".","").trim())??""},el=o=>{const{hours:n,minutes:t,seconds:l}=st(o);return`PT${n}H${t}M${l}S`},tl=["aria-label"],ol={key:0,class:"onyx-timer__label"},nl=["datetime"],ll=e.defineComponent({__name:"OnyxTimer",props:{endTime:{},label:{},hideLabel:{type:Boolean}},emits:["timerEnded"],setup(o,{emit:n}){const t=o,l=n,{locale:r}=C(),{timeLeft:a,isEnded:s}=Jn(e.computed(()=>t.endTime)),i=e.computed(()=>new Intl.RelativeTimeFormat(r.value,{numeric:"always",style:"short"})),d=e.computed(()=>Qn(a.value,i.value));return e.watchEffect(()=>s.value&&l("timerEnded")),(u,c)=>(e.openBlock(),e.createElementBlock("div",{class:"onyx-timer onyx-text onyx-truncation-ellipsis",role:"timer","aria-label":t.hideLabel?t.label:void 0},[t.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("span",ol,e.toDisplayString(t.label),1)),e.createElementVNode("time",{datetime:e.unref(el)(e.unref(a)),class:"onyx-timer__time"},e.toDisplayString(d.value),9,nl)],8,tl))}}),al={class:"onyx-user-menu__footer onyx-text--small"},rl=e.defineComponent({__name:"UserMenuLayout",props:{isMobile:{type:Boolean},flyoutOpen:{default:I}},emits:["update:flyoutOpen"],setup(o){const n=o,t=e.useModel(n,"flyoutOpen"),l=e.useSlots(),{t:r}=C();return(a,s)=>(e.openBlock(),e.createElementBlock("div",null,[n.isMobile?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.renderSlot(a.$slots,"header"),e.renderSlot(a.$slots,"options"),l.footer?(e.openBlock(),e.createBlock(oe,{key:0,class:"onyx-user-menu__mobile-footer",disabled:""},{default:e.withCtx(()=>[e.renderSlot(a.$slots,"footer")]),_:3})):e.createCommentVNode("",!0)],64)):(e.openBlock(),e.createBlock(Ne,{key:1,open:e.unref(t),"onUpdate:open":s[0]||(s[0]=i=>e.isRef(t)?t.value=i:null),label:e.unref(r)("navigation.userMenuLabel")},e.createSlots({header:e.withCtx(()=>[e.renderSlot(a.$slots,"header")]),options:e.withCtx(()=>[e.renderSlot(a.$slots,"options")]),default:e.withCtx(()=>[e.renderSlot(a.$slots,"button")]),_:2},[l.footer?{name:"footer",fn:e.withCtx(()=>[e.createElementVNode("div",al,[e.renderSlot(a.$slots,"footer")])]),key:"0"}:void 0]),1032,["open","label"]))]))}}),sl={class:"onyx-user-menu__trigger onyx-text",type:"button"},il={class:"onyx-truncation-ellipsis"},cl={class:"onyx-user-menu__header"},ul={class:"onyx-truncation-ellipsis"},dl={class:"onyx-user-menu__username onyx-text onyx-truncation-ellipsis"},pl={key:0,class:"onyx-user-menu__description onyx-text--small onyx-truncation-ellipsis"},ml={class:"onyx-user-menu__options"},fl=e.defineComponent({__name:"OnyxUserMenu",props:{username:{},avatar:{},description:{},flyoutOpen:{default:I}},emits:["update:flyoutOpen"],setup(o,{emit:n}){const t=o,l=n,r=e.useSlots(),a=e.computed(()=>({src:t.avatar,label:t.username})),s=e.inject(R,e.computed(()=>!1));return(i,d)=>(e.openBlock(),e.createBlock(rl,{class:e.normalizeClass(["onyx-user-menu",{"onyx-user-menu--mobile":e.unref(s)}]),"is-mobile":e.unref(s),"flyout-open":i.flyoutOpen,"onUpdate:flyoutOpen":d[0]||(d[0]=u=>l("update:flyoutOpen",u))},e.createSlots({button:e.withCtx(()=>[e.createElementVNode("button",sl,[e.createVNode(fe,e.mergeProps(a.value,{size:"24px"}),null,16),e.createElementVNode("span",il,e.toDisplayString(t.username),1)])]),header:e.withCtx(()=>[e.createElementVNode("div",cl,[e.createVNode(fe,e.normalizeProps(e.guardReactiveProps(a.value)),null,16),e.createElementVNode("div",ul,[e.createElementVNode("div",dl,e.toDisplayString(t.username),1),t.description?(e.openBlock(),e.createElementBlock("div",pl,e.toDisplayString(t.description),1)):e.createCommentVNode("",!0)])])]),options:e.withCtx(()=>[e.createElementVNode("div",ml,[e.renderSlot(i.$slots,"default")])]),_:2},[r.footer?{name:"footer",fn:e.withCtx(()=>[e.renderSlot(i.$slots,"footer")]),key:"0"}:void 0]),1032,["class","is-mobile","flyout-open"]))}}),it='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m15.155 7.28-1.06-1.06L8.315 12l5.78 5.78 1.06-1.06-4.72-4.72z"/></svg>',yl='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M22.5 6h-21v1.5h21zm0 5.25h-21v1.5h21zm-21 5.25h21V18h-21z"/></svg>',hl='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 1.5A2.25 2.25 0 1 1 12 6a2.25 2.25 0 0 1 0-4.5m0 8.25a2.25 2.25 0 1 1 0 4.5 2.25 2.25 0 0 1 0-4.5m1.25 8.63a2.25 2.25 0 1 0-2.5 3.741 2.25 2.25 0 0 0 2.5-3.742"/></svg>',vl=(o,n)=>{const t="content-box",l=e.ref(0),r=e.ref(0),a=s=>{const i=s[0].contentBoxSize;l.value=i.reduce((d,{inlineSize:u})=>d+u,0),r.value=i.reduce((d,{blockSize:u})=>d+u,0)};return e.onBeforeMount(()=>{const s=new ResizeObserver(a);e.watch(o,(i,d)=>{d&&(s==null||s.unobserve(d)),i&&(s==null||s.observe(i,{box:t}))},{immediate:!0}),e.onBeforeUnmount(()=>s.disconnect())}),{width:l,height:r}},ct={"2xs":320,xs:576,sm:768,md:992,lg:1440,xl:1920},_l=["primary","secondary","neutral","danger","warning","success","info"],kl=["small","default","large"],xl=["ellipsis","multiline"],gl=["horizontal","vertical"],bl={class:"onyx-nav-bar__content"},Bl={key:0,class:"onyx-nav-bar__mobile-page onyx-truncation-ellipsis"},Cl={role:"menubar"},Vl={role:"menubar"},wl={key:0,class:"onyx-nav-bar__mobile-context"},El={key:0,class:"onyx-nav-bar__mobile-global-context"},Sl={class:"onyx-nav-bar__mobile-context-content"},Nl={key:1,class:"onyx-nav-bar__context"},$l=e.defineComponent({__name:"OnyxNavBar",props:{logoUrl:{},appName:{},withBackButton:{type:Boolean},appAreaLabel:{},mobileBreakpoint:{default:"sm"}},emits:["appAreaClick","backButtonClick"],setup(o,{expose:n,emit:t}){const l=o,r=t,a=e.useSlots(),s=e.ref(),{width:i}=vl(s),{t:d}=C(),{elements:{nav:u}}=ao({navigationName:e.toRef(()=>l.appName)}),c=e.ref(!1),p=e.ref(!1),m=e.computed(()=>{const f=typeof l.mobileBreakpoint=="number"?l.mobileBreakpoint:ct[l.mobileBreakpoint];return i.value!==0&&i.value<f});return e.provide(R,m),n({closeMobileMenus:()=>{c.value=!1,p.value=!1}}),(f,y)=>(e.openBlock(),e.createElementBlock("header",{ref_key:"navBarRef",ref:s,class:e.normalizeClass(["onyx-nav-bar",{"onyx-nav-bar--mobile":m.value}])},[e.createElementVNode("div",bl,[m.value&&a.mobileActivePage&&!c.value&&!p.value?(e.openBlock(),e.createElementBlock("span",Bl,[e.renderSlot(f.$slots,"mobileActivePage")])):l.appName||l.logoUrl||a.appArea?(e.openBlock(),e.createBlock(nt,{key:1,class:"onyx-nav-bar__app","app-name":l.appName,"logo-url":l.logoUrl,label:l.appAreaLabel,onClick:y[0]||(y[0]=v=>{r("appAreaClick"),c.value=!1})},{default:e.withCtx(()=>[e.renderSlot(f.$slots,"appArea")]),_:3},8,["app-name","logo-url","label"])):e.createCommentVNode("",!0),l.withBackButton?(e.openBlock(),e.createBlock(et,{key:2,class:"onyx-nav-bar__back",label:e.unref(d)("navigation.goBack"),icon:e.unref(it),color:"neutral",onClick:y[1]||(y[1]=v=>r("backButtonClick"))},null,8,["label","icon"])):e.createCommentVNode("",!0),a.default?(e.openBlock(),e.createElementBlock(e.Fragment,{key:3},[m.value?(e.openBlock(),e.createBlock(xe,{key:0,open:c.value,"onUpdate:open":[y[2]||(y[2]=v=>c.value=v),y[3]||(y[3]=v=>p.value=!1)],class:"onyx-nav-bar__burger",icon:e.unref(yl),label:e.unref(d)("navigation.toggleBurgerMenu"),headline:e.unref(d)("navigation.navigationHeadline")},{default:e.withCtx(()=>[e.createElementVNode("nav",e.mergeProps({class:"onyx-nav-bar__nav--mobile"},e.unref(u)),[e.createElementVNode("ul",Cl,[e.renderSlot(f.$slots,"default")])],16)]),_:3},8,["open","icon","label","headline"])):(e.openBlock(),e.createElementBlock("nav",e.mergeProps({key:1,class:"onyx-nav-bar__nav"},e.unref(u)),[e.createElementVNode("ul",Vl,[e.renderSlot(f.$slots,"default")])],16))],64)):e.createCommentVNode("",!0),a.contextArea||a.globalContextArea?(e.openBlock(),e.createElementBlock(e.Fragment,{key:4},[m.value?(e.openBlock(),e.createElementBlock("div",wl,[a.globalContextArea?(e.openBlock(),e.createElementBlock("div",El,[e.renderSlot(f.$slots,"globalContextArea")])):e.createCommentVNode("",!0),a.contextArea?(e.openBlock(),e.createBlock(xe,{key:1,open:p.value,"onUpdate:open":[y[4]||(y[4]=v=>p.value=v),y[5]||(y[5]=v=>c.value=!1)],icon:e.unref(hl),label:e.unref(d)("navigation.toggleContextMenu")},{default:e.withCtx(()=>[e.createElementVNode("div",Sl,[e.renderSlot(f.$slots,"contextArea")])]),_:3},8,["open","icon","label"])):e.createCommentVNode("",!0)])):(e.openBlock(),e.createElementBlock("div",Nl,[a.globalContextArea?e.renderSlot(f.$slots,"globalContextArea",{key:0}):e.createCommentVNode("",!0),a.contextArea?e.renderSlot(f.$slots,"contextArea",{key:1}):e.createCommentVNode("",!0)]))],64)):e.createCommentVNode("",!0)])],2))}}),Ml={key:0,class:"onyx-page__sidebar"},Ol={class:"onyx-page__main"},Tl={key:1,class:"onyx-page__footer"},Ll=e.defineComponent({__name:"OnyxPageLayout",props:{footerAsideSidebar:{type:Boolean},hideSidebar:{type:Boolean}},setup(o){const n=o,t=e.useSlots(),l=e.computed(()=>n.footerAsideSidebar?"onyx-page--footer-partial":"onyx-page--footer-full");return(r,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["onyx-page",l.value])},[t.sidebar&&!n.hideSidebar?(e.openBlock(),e.createElementBlock("aside",Ml,[e.renderSlot(r.$slots,"sidebar")])):e.createCommentVNode("",!0),e.createElementVNode("main",Ol,[e.renderSlot(r.$slots,"default")]),t.footer?(e.openBlock(),e.createElementBlock("footer",Tl,[e.renderSlot(r.$slots,"footer")])):e.createCommentVNode("",!0)],2))}}),ut=o=>{const t=e.ref(!1),l=a=>{const s=a.target;if(!(s instanceof Element))return;const i=e.unref(o.offset)??0;t.value=Math.abs(s.scrollTop)+s.clientHeight>=s.scrollHeight-i-1};return{vScrollEnd:{mounted:a=>{e.watchEffect(()=>{var i;(((i=o.enabled)==null?void 0:i.value)??!0)&&!o.loading.value?a.addEventListener("scroll",l):a.removeEventListener("scroll",l)})}},isScrollEnd:t}},Il=o=>{const n=e.ref("bottom"),t=()=>{var p,m,f;const r=e.unref(o);if(!r){n.value="bottom";return}const a=(p=l(r))==null?void 0:p.getBoundingClientRect(),s=r.getBoundingClientRect(),i=(a==null?void 0:a.top)??((m=window.visualViewport)==null?void 0:m.pageTop)??0,u=((a==null?void 0:a.bottom)??((f=window.visualViewport)==null?void 0:f.height)??0)-s.bottom,c=s.top-i;n.value=c>u?"top":"bottom"},l=r=>r?getComputedStyle(r).overflow==="hidden"?r:r.parentElement?l(r.parentElement):void 0:void 0;return{openDirection:n,updateOpenDirection:t}},dt=(o,n)=>{const t=De(o.toLowerCase()),l=De(n.toLowerCase());return t.includes(l)},De=o=>o.normalize("NFD").replace(/[\u0300-\u036f]/g,""),Dl='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m16.718 14.123 1.057 1.057-5.782 5.782L6.21 15.18l1.058-1.057 4.717 4.717 4.718-4.717zM12 5.153l4.718 4.717 1.057-1.057-5.782-5.783L6.21 8.813 7.268 9.87l4.717-4.717z"/></svg>',Pl=["id","readonly","placeholder","required","disabled","aria-label","title","value","autofocus"],Al=["aria-label","disabled"],pt=e.defineComponent({inheritAttrs:!1,__name:"OnyxSelectInput",props:{density:{},required:{type:Boolean},requiredMarker:{},customError:{},autofocus:{type:Boolean},id:{},label:{},labelTooltip:{},hideLabel:{type:Boolean,default:!1},message:{},messageTooltip:{},errorMessages:{},modelValue:{},textMode:{},disabled:{type:Boolean},skeleton:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},placeholder:{},showFocus:{type:Boolean}},emits:["click","validityChange"],setup(o,{expose:n,emit:t}){const{rootAttrs:l,restAttrs:r}=tt(),a=o,s=t,{t:i}=C(),{vCustomValidity:d,errorMessages:u}=P({props:a,emit:s}),c=e.computed(()=>a.modelValue?a.modelValue.length:0),p=e.computed(()=>{var B;const b=(B=a.modelValue)==null?void 0:B.length;if(!a.modelValue||!b)return"";if(b===1)return a.modelValue[0];switch(a.textMode){case"preview":return a.modelValue.join(", ");case"summary":default:return i.value("selections.currentSelection",{n:b})}}),m=e.ref(!1),{densityClass:f}=g(a),y=e.ref();n({focus:()=>{var b;return(b=y.value)==null?void 0:b.focus()}}),e.watch(()=>a.showFocus,(b,B)=>{m.value||B&&b===!1&&(m.value=!0)});const v=Fe.concat(Ue),w=b=>{v.includes(b.key)||b.preventDefault()};return(b,B)=>a.skeleton?(e.openBlock(),e.createElementBlock("div",e.mergeProps({key:0,class:["onyx-select-input-skeleton",e.unref(f)]},e.unref(l)),[a.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(E,{key:0,class:"onyx-select-input-skeleton__label"})),e.createVNode(E,{class:"onyx-select-input-skeleton__input"})],16)):(e.openBlock(),e.createElementBlock("div",e.mergeProps({key:1,class:["onyx-select-input",e.unref(f),a.readonly?"onyx-select-input--readonly":"onyx-select-input--editable"]},e.unref(l)),[e.createVNode(te,e.mergeProps(a,{"error-messages":e.unref(u)}),{default:e.withCtx(({id:L})=>[e.createElementVNode("div",{class:"onyx-select-input__wrapper",onClick:B[0]||(B[0]=N=>s("click"))},[a.loading?(e.openBlock(),e.createBlock(T,{key:0,class:"onyx-select-input__loading",type:"circle"})):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("input",e.mergeProps({id:L,ref_key:"input",ref:y,class:{"onyx-select-input__native":!0,"onyx-select-input__native--show-focus":a.showFocus,"onyx-truncation-ellipsis":!0,"onyx-select-input__native--force-invalid":e.unref(u)&&m.value}},e.unref(r),{type:"text",readonly:a.readonly,placeholder:a.placeholder,required:a.required,disabled:a.disabled||a.loading,"aria-label":a.hideLabel?a.label:void 0,title:a.hideLabel?a.label:void 0,value:p.value,autofocus:a.autofocus,autocomplete:"off",onKeydown:w}),null,16,Pl),[[e.unref(d)]]),a.textMode==="preview"&&c.value>0?(e.openBlock(),e.createBlock(H,{key:1,text:p.value,position:"bottom"},{default:e.withCtx(({trigger:N})=>[e.createVNode(Pe,e.mergeProps({class:"onyx-select-input__badge"},N,{color:"neutral"}),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(c.value),1)]),_:2},1040)]),_:1},8,["text"])):e.createCommentVNode("",!0),e.createElementVNode("button",{class:"onyx-select-input__button",type:"button","aria-label":e.unref(i)("select.toggleDropDown"),tabindex:"-1",disabled:a.readonly||a.disabled||a.loading},[e.createVNode(x,{icon:e.unref(Dl)},null,8,["icon"])],8,Al)])]),_:1},16,["error-messages"])],16))}}),zl=["checked","aria-labelledby","disabled","indeterminate"],ge=e.defineComponent({__name:"OnyxSelectOption",props:{active:{type:Boolean,default:!1},density:{},multiple:{type:Boolean,default:!1},indeterminate:{type:Boolean},icon:{},truncation:{default:"ellipsis"}},setup(o){const n=o;return(t,l)=>(e.openBlock(),e.createBlock(oe,e.mergeProps({class:"onyx-select-option"},n,{checked:!!t.$attrs["aria-checked"],selected:!!t.$attrs["aria-selected"],disabled:!!t.$attrs["aria-disabled"]}),{default:e.withCtx(()=>[n.multiple?(e.openBlock(),e.createElementBlock("input",{key:0,checked:!!t.$attrs["aria-checked"],"aria-labelledby":t.$attrs.id,disabled:!!t.$attrs["aria-disabled"],indeterminate:n.indeterminate,"aria-hidden":"true",tabindex:"-1",class:"onyx-select-option__checkbox",type:"checkbox"},null,8,zl)):e.createCommentVNode("",!0),n.icon?(e.openBlock(),e.createBlock(x,{key:1,icon:n.icon},null,8,["icon"])):e.createCommentVNode("",!0),e.createElementVNode("span",{class:e.normalizeClass([`onyx-truncation-${n.truncation}`])},[e.renderSlot(t.$slots,"default")],2)]),_:3},16,["checked","selected","disabled"]))}}),Hl=["inert"],Rl={class:"onyx-select__wrapper",tabindex:"-1"},Fl={key:0,role:"group",class:"onyx-select__group"},Ul={role:"option","aria-selected":"false"},ql={key:0,role:"presentation",class:"onyx-select__group-name onyx-text--small"},Zl={key:1,class:"onyx-select__slot"},Gl={key:2,class:"onyx-select__slot"},Kl={key:0,class:"onyx-select__description onyx-text--small"},mt=e.defineComponent({__name:"OnyxSelect",props:{density:{},multiple:{type:Boolean},modelValue:{},withCheckAll:{type:[Boolean,Object]},withSearch:{type:Boolean},searchTerm:{default:I},required:{type:Boolean},requiredMarker:{},customError:{},autofocus:{type:Boolean},id:{},label:{},labelTooltip:{},hideLabel:{type:Boolean},message:{},messageTooltip:{},errorMessages:{},textMode:{},disabled:{type:Boolean},skeleton:{type:Boolean},readonly:{type:Boolean},loading:{type:Boolean,default:!1},placeholder:{},truncation:{default:"ellipsis"},valueLabel:{default:void 0},open:{default:I},alignment:{default:"full"},listLabel:{},listDescription:{},options:{},lazyLoading:{}},emits:["update:modelValue","update:searchTerm","update:open","lazyLoad","validityChange"],setup(o,{emit:n}){const t=o,l=n,{densityClass:r}=g(t),a=e.useSlots(),{t:s}=C(),{state:i,isManaged:d}=W(e.toRef(()=>t.searchTerm),"",h=>l("update:searchTerm",h)),{state:u}=W(e.toRef(()=>t.open),!1,h=>l("update:open",h)),c=e.ref(),{openDirection:p,updateOpenDirection:m}=Il(c),f=e.ref(),y=e.computed(()=>t.modelValue===void 0?[]:t.multiple&&Array.isArray(t.modelValue)?t.modelValue:[t.modelValue]),v=e.computed(()=>t.valueLabel!==void 0?Array.isArray(t.valueLabel)?t.valueLabel:[t.valueLabel]:y.value.reduce((h,k)=>{var S;const V=(S=t.options.find(({value:$})=>$===k))==null?void 0:S.label;return V&&h.push(V),h},[])),w=e.ref(),b=e.ref(),B=e.computed(()=>d.value&&i.value?t.options.filter(({label:h})=>dt(h,i.value)):t.options);e.watch(y,()=>{t.multiple||(f.value=y.value.at(0))},{immediate:!0});const L=M("ONYX_CHECK_ALL"),N=e.computed(()=>(t.multiple&&t.withCheckAll&&!i.value?[L]:[]).concat(Oe.value)),F=async h=>{var V,S;if(t.readonly){u.value=!1;return}const k=u.value;u.value=!k,await e.nextTick(),u.value&&m(),k!==u.value&&(k?(i.value&&(i.value=""),h||(V=b.value)==null||V.focus()):(S=w.value)==null||S.focus())},U=()=>f.value=N.value.at(0),ne=()=>f.value=N.value.at(-1),le=h=>{const k=N.value.findIndex(V=>V===h);k<N.value.length-1&&(f.value=N.value[k+1])},ae=h=>{const k=N.value.findIndex(V=>V===h);k>0&&(f.value=N.value[k-1])},re=h=>{const k=B.value.find(V=>V.label.toLowerCase().trim().startsWith(h.toLowerCase()));k&&(f.value=k.value)},se=h=>i.value=h,ie=h=>{var S;if(h===L){(S=Z.value)==null||S.handleChange(!Z.value.state.value.modelValue);return}if(!B.value.find(({value:$})=>$===h))return;if(!t.multiple)return l("update:modelValue",h);y.value.some($=>$===h)?l("update:modelValue",y.value.filter($=>$!==h)):l("update:modelValue",[...y.value,h])},ce=e.computed(()=>t.withSearch?"list":"none"),{elements:{input:_,option:q,group:Me,listbox:vt}}=oo({autocomplete:ce,label:t.label,listLabel:t.listLabel,listDescription:t.listDescription,activeOption:e.computed(()=>f.value),multiple:e.computed(()=>t.multiple),isExpanded:u,templateRef:c,onToggle:F,onActivateFirst:U,onActivateLast:ne,onActivateNext:le,onActivatePrevious:ae,onTypeAhead:re,onAutocomplete:se,onSelect:ie}),_t=e.computed(()=>zo(B.value,"group")),{vScrollEnd:kt,isScrollEnd:xt}=ut({enabled:e.computed(()=>{var h;return((h=t.lazyLoading)==null?void 0:h.enabled)??!1}),loading:e.computed(()=>t.loading),offset:e.computed(()=>{var h;return(h=t.lazyLoading)==null?void 0:h.scrollOffset})}),ue=e.computed(()=>{if(!B.value.length)return t.withSearch&&i.value?s.value("select.noMatch"):s.value("select.empty")}),Oe=e.computed(()=>B.value.filter(h=>!h.disabled).map(({value:h})=>h)),Z=e.computed(()=>{if(!(!t.multiple||!t.withCheckAll))return We(Oe,y,h=>{const k=h.map(V=>{var S;return(S=t.options.find(({value:$})=>$===V))==null?void 0:S.value}).filter(V=>V!=null);l("update:modelValue",k)})}),de=e.computed(()=>{var k;if(!t.multiple)return"";const h=s.value("selections.selectAll");return typeof t.withCheckAll=="boolean"?h:((k=t.withCheckAll)==null?void 0:k.label)??h});e.watchEffect(()=>{xt.value&&l("lazyLoad")});const gt=e.computed(()=>{const h={...t,modelValue:v.value};return t.withSearch?{...h,onKeydown:_.value.onKeydown}:{...h,..._.value}});return(h,k)=>{var V,S,$;return e.openBlock(),e.createElementBlock("div",{ref_key:"selectRef",ref:c,class:"onyx-select-wrapper"},[e.createVNode(pt,e.mergeProps({ref_key:"selectInput",ref:b},gt.value,{"show-focus":e.unref(u),autofocus:t.autofocus,onClick:F,onValidityChange:k[0]||(k[0]=G=>l("validityChange",G))}),null,16,["show-focus","autofocus"]),e.createElementVNode("div",{class:e.normalizeClass(["onyx-select",e.unref(r),e.unref(u)?"onyx-select--open":"",`onyx-select--${e.unref(p)}`,`onyx-select--${t.alignment}`]),inert:!e.unref(u)},[e.withDirectives((e.openBlock(),e.createElementBlock("div",Rl,[t.withSearch?(e.openBlock(),e.createBlock(ot,e.mergeProps({key:0,ref_key:"miniSearch",ref:w,"model-value":e.unref(i)},e.unref(_),{label:e.unref(s)("select.searchInputLabel"),class:"onyx-select__search",onClear:k[1]||(k[1]=G=>i.value="")}),null,16,["model-value","label"])):e.createCommentVNode("",!0),e.createElementVNode("div",e.normalizeProps(e.guardReactiveProps(e.unref(vt))),[ue.value?(e.openBlock(),e.createElementBlock("ul",Fl,[e.createElementVNode("li",Ul,[e.renderSlot(h.$slots,"empty",{defaultMessage:ue.value},()=>[e.createVNode(we,null,{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(ue.value),1)]),_:1})])])])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[t.multiple&&t.withCheckAll&&!e.unref(i)?(e.openBlock(),e.createElementBlock("ul",e.mergeProps({key:0,class:"onyx-select__check-all"},e.unref(Me)({label:de.value})),[e.createVNode(ge,e.mergeProps(e.unref(q)({value:e.unref(L),label:de.value,selected:(V=Z.value)==null?void 0:V.state.value.modelValue}),{multiple:"",active:e.unref(L)===f.value,indeterminate:(S=Z.value)==null?void 0:S.state.value.indeterminate,density:t.density}),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(de.value),1)]),_:1},16,["active","indeterminate","density"])],16)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(_t.value,(G,K)=>(e.openBlock(),e.createElementBlock("ul",e.mergeProps({key:K,class:"onyx-select__group",ref_for:!0},e.unref(Me)({label:K})),[K!=""?(e.openBlock(),e.createElementBlock("li",ql,e.toDisplayString(K),1)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(G,O=>(e.openBlock(),e.createBlock(ge,e.mergeProps({key:O.value.toString(),ref_for:!0},e.unref(q)({value:O.value,label:O.label,disabled:O.disabled,selected:y.value.some(bt=>bt===O.value)}),{multiple:t.multiple,active:O.value===f.value,icon:O.icon,density:t.density,truncation:O.truncation??t.truncation}),{default:e.withCtx(()=>[e.renderSlot(h.$slots,"option",e.mergeProps({ref_for:!0},O),()=>[e.createTextVNode(e.toDisplayString(O.label),1)])]),_:2},1040,["multiple","active","icon","density","truncation"]))),128))],16))),128))],64))],16),($=t.lazyLoading)!=null&&$.loading?(e.openBlock(),e.createElementBlock("div",Zl,[e.createVNode(T,{class:"onyx-select__loading"})])):e.createCommentVNode("",!0),a.optionsEnd?(e.openBlock(),e.createElementBlock("div",Gl,[e.renderSlot(h.$slots,"optionsEnd")])):e.createCommentVNode("",!0)])),[[e.unref(kt)]]),t.listDescription?(e.openBlock(),e.createElementBlock("div",Kl,e.toDisplayString(t.listDescription),1)):e.createCommentVNode("",!0)],10,Hl)],512)}}}),jl=["aria-label"],Yl={class:"onyx-pagination__count"},Xl=["aria-label","disabled"],Wl=["aria-label","disabled"],Jl=e.defineComponent({__name:"SelectPagination",props:{density:{},modelValue:{},pages:{},disabled:{type:Boolean}},emits:["update:modelValue"],setup(o,{emit:n}){const t=o,l=n,{t:r}=C(),{densityClass:a}=g(t),s=e.computed(()=>Array.from({length:t.pages},(u,c)=>{const p=c+1;return{label:p.toString(),value:p}})),i=e.computed(()=>t.modelValue<=1),d=e.computed(()=>t.modelValue>=t.pages);return(u,c)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["onyx-pagination","onyx-text",e.unref(a)]),role:"group","aria-label":e.unref(r)("pagination.label"),style:e.normalizeStyle({"--onyx-pagination-character-count":t.modelValue.toString().length})},[e.createVNode(mt,{class:"onyx-pagination__select",label:e.unref(r)("pagination.select.label"),"list-label":e.unref(r)("pagination.select.listLabel"),options:s.value,"model-value":t.modelValue,"value-label":t.modelValue.toString(),"hide-label":"",disabled:t.disabled||t.pages<=1,alignment:"left","with-search":"","onUpdate:modelValue":c[0]||(c[0]=p=>l("update:modelValue",p))},null,8,["label","list-label","options","model-value","value-label","disabled"]),e.createElementVNode("div",Yl,e.toDisplayString(e.unref(r)("pagination.ofPages",{n:t.pages})),1),e.createElementVNode("button",{class:"onyx-pagination__button","aria-label":e.unref(r)("pagination.previous"),type:"button",disabled:t.disabled||i.value,onClick:c[1]||(c[1]=p=>l("update:modelValue",t.modelValue-1))},[e.createVNode(x,{icon:e.unref(it)},null,8,["icon"])],8,Xl),e.createElementVNode("button",{class:"onyx-pagination__button","aria-label":e.unref(r)("pagination.next"),type:"button",disabled:t.disabled||d.value,onClick:c[2]||(c[2]=p=>l("update:modelValue",t.modelValue+1))},[e.createVNode(x,{icon:e.unref(at)},null,8,["icon"])],8,Wl)],14,jl))}}),Ql=e.defineComponent({__name:"OnyxPagination",props:{density:{},modelValue:{},pages:{},disabled:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(o,{emit:n}){const t=o,l=n;return(r,a)=>(e.openBlock(),e.createBlock(Jl,e.mergeProps(t,{"onUpdate:modelValue":a[0]||(a[0]=s=>l("update:modelValue",s))}),null,16))}}),ea=["required","name","value","checked","disabled","autofocus"],be=e.defineComponent({__name:"OnyxRadioButton",props:{density:{},value:{},label:{},disabled:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},skeleton:{type:Boolean},truncation:{default:"ellipsis"},customError:{},autofocus:{type:Boolean},name:{},checked:{type:Boolean,default:!1},required:{type:Boolean,default:!1}},emits:["change","validityChange"],setup(o,{emit:n}){const t=o,l=n,{vCustomValidity:r,errorMessages:a}=P({props:t,emit:l}),{densityClass:s}=g(t),i=d=>{const u=d.target.checked;l("change",u)};return(d,u)=>t.skeleton?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["onyx-radio-button-skeleton",e.unref(s)])},[e.createVNode(E,{class:"onyx-radio-button-skeleton__input"}),e.createVNode(E,{class:"onyx-radio-button-skeleton__label"})],2)):(e.openBlock(),e.createBlock(Ve,{key:1,disabled:t.disabled,"error-messages":e.unref(a)},{default:e.withCtx(()=>[e.createElementVNode("label",{class:e.normalizeClass(["onyx-radio-button",e.unref(s)])},[t.loading?(e.openBlock(),e.createBlock(T,{key:0,class:"onyx-radio-button__loading",type:"circle"})):e.withDirectives((e.openBlock(),e.createElementBlock("input",{key:1,class:"onyx-radio-button__selector",type:"radio",required:t.required,name:t.name,value:t.value,checked:t.checked,disabled:t.disabled,autofocus:t.autofocus,onChange:i},null,40,ea)),[[e.unref(r)]]),e.createElementVNode("span",{class:e.normalizeClass(["onyx-radio-button__label",[`onyx-truncation-${t.truncation}`]])},e.toDisplayString(t.label),3)],2)]),_:1},8,["disabled","error-messages"]))}}),ta=["disabled","aria-label"],oa={key:0,class:"onyx-radio-button-group__headline"},na=e.defineComponent({__name:"OnyxRadioGroup",props:{density:{},required:{type:Boolean,default:!1},requiredMarker:{},customError:{},truncation:{default:"ellipsis"},label:{},hideLabel:{type:Boolean},options:{},name:{default:()=>M("radio-button-group-name")},modelValue:{},disabled:{type:Boolean,default:!1},direction:{default:"vertical"},skeleton:{}},emits:["update:modelValue","validityChange"],setup(o,{emit:n}){const t=o,{densityClass:l}=g(t),{requiredMarkerClass:r,requiredTypeClass:a}=J(t),s=n,i=(d,u)=>{d&&s("update:modelValue",u)};return(d,u)=>(e.openBlock(),e.createElementBlock("fieldset",{class:e.normalizeClass(["onyx-radio-button-group",e.unref(l),e.unref(a)]),disabled:t.disabled,role:"radiogroup","aria-label":t.label},[t.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("legend",oa,[e.createVNode(z,{is:"h3",class:e.normalizeClass(e.unref(r))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.label),1)]),_:1},8,["class"])])),e.createElementVNode("div",{class:e.normalizeClass(["onyx-radio-button-group__content",{"onyx-radio-button-group__content--horizontal":t.direction==="horizontal"}])},[t.skeleton===void 0?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(t.options,(c,p)=>(e.openBlock(),e.createBlock(be,e.mergeProps({key:c.value.toString(),ref_for:!0},c,{name:t.name,"custom-error":t.customError,checked:c.value===t.modelValue,required:t.required,truncation:c.truncation??t.truncation,onValidityChange:m=>p===0&&s("validityChange",m),onChange:m=>i(m,c.value)}),null,16,["name","custom-error","checked","required","truncation","onValidityChange","onChange"]))),128)):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(t.skeleton,c=>(e.openBlock(),e.createBlock(be,{id:`skeleton-${c}`,key:c,value:`skeleton-${c}`,label:"Skeleton ${i}",name:t.name,skeleton:""},null,8,["id","value","name"]))),128))],2)],10,ta))}}),la=["full","left","right"],aa=["summary","preview"],ra='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 11.25h18v1.5H3z"/></svg>',sa='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12.75 11.25V3h-1.5v8.25H3v1.5h8.25V21h1.5v-8.25H21v-1.5z"/></svg>',ia={class:"onyx-stepper__wrapper"},ca=["disabled","aria-label"],ua=["aria-label","autofocus","disabled","min","max","name","placeholder","readonly","required","step","title"],da=["disabled","aria-label"],pa=e.defineComponent({__name:"OnyxStepper",props:{density:{},customError:{},required:{type:Boolean},requiredMarker:{},id:{},label:{},labelTooltip:{},hideLabel:{type:Boolean},message:{},messageTooltip:{},autofocus:{type:Boolean},modelValue:{},name:{},placeholder:{},min:{},max:{},step:{default:1},autocomplete:{},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},skeleton:{type:Boolean,default:!1}},emits:["update:modelValue","focus","blur","validityChange"],setup(o,{emit:n}){const t=o,{t:l}=C(),r=e.ref(),a=n,{densityClass:s}=g(t),{vCustomValidity:i,errorMessages:d}=P({props:t,emit:a}),u=e.ref(!1),c=e.computed({get:()=>t.modelValue,set:y=>a("update:modelValue",y)}),p=y=>{if(!r.value)return;r.value[`${y}`]();const v=r.value.valueAsNumber;c.value=isNaN(v)?void 0:v},m=e.computed(()=>l.value("stepper.increment",{stepSize:t.step})),f=e.computed(()=>l.value("stepper.decrement",{stepSize:t.step}));return(y,v)=>t.skeleton?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["onyx-stepper-skeleton",e.unref(s)])},[t.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(E,{key:0,class:"onyx-stepper-skeleton__label"})),e.createVNode(E,{class:"onyx-stepper-skeleton__input"})],2)):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["onyx-stepper",e.unref(s)])},[e.createVNode(te,e.mergeProps(t,{"error-messages":e.unref(d)}),{default:e.withCtx(()=>[e.createElementVNode("div",ia,[e.createElementVNode("button",{type:"button",class:"onyx-stepper__counter",disabled:t.min&&t.min===c.value||t.disabled||t.readonly||t.loading,"aria-label":f.value,onClick:v[0]||(v[0]=w=>p("stepDown"))},[e.createVNode(x,{icon:e.unref(ra)},null,8,["icon"])],8,ca),t.loading?(e.openBlock(),e.createBlock(T,{key:0,class:"onyx-stepper__loading",type:"circle"})):e.withDirectives((e.openBlock(),e.createElementBlock("input",{key:1,ref_key:"inputRef",ref:r,"onUpdate:modelValue":v[1]||(v[1]=w=>c.value=w),class:e.normalizeClass(["onyx-stepper__native",{"onyx-stepper__native--force-invalid":e.unref(d)&&u.value}]),type:"number","aria-label":t.label,autofocus:t.autofocus,disabled:t.disabled||t.loading,min:t.min,max:t.max,name:t.name,placeholder:t.placeholder,readonly:t.readonly,required:t.required,step:t.step,title:t.hideLabel?t.label:void 0,onChange:v[2]||(v[2]=w=>u.value=!0),onFocus:v[3]||(v[3]=w=>a("focus")),onBlur:v[4]||(v[4]=w=>a("blur"))},null,42,ua)),[[e.vModelText,c.value,void 0,{number:!0}],[e.unref(i)]]),e.createElementVNode("button",{type:"button",class:"onyx-stepper__counter",disabled:t.max&&t.max===c.value||t.disabled||t.readonly||t.loading,"aria-label":m.value,onClick:v[5]||(v[5]=w=>p("stepUp"))},[e.createVNode(x,{icon:e.unref(sa)},null,8,["icon"])],8,da)])]),_:1},16,["error-messages"])],2))}}),ma='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m15.983 8.095-6.22 6.22-2.468-2.47-1.061 1.062 3.53 3.525 7.28-7.28z"/></svg>',fa={class:"onyx-switch-skeleton__click-area"},ya=["title"],ha=["aria-label","disabled","required","autofocus"],va={class:"onyx-switch__click-area"},_a={class:"onyx-switch__container"},ka={class:"onyx-switch__icon"},xa=e.createElementVNode("div",{class:"onyx-switch__frame"},null,-1),ga=e.defineComponent({__name:"OnyxSwitch",props:{density:{},required:{type:Boolean},requiredMarker:{},customError:{},autofocus:{type:Boolean},modelValue:{type:Boolean,default:!1},label:{},disabled:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},hideLabel:{type:Boolean},truncation:{default:"ellipsis"},skeleton:{type:Boolean,default:!1}},emits:["update:modelValue","validityChange"],setup(o,{emit:n}){const t=o,l=n,{requiredMarkerClass:r,requiredTypeClass:a}=J(t),{densityClass:s}=g(t),{vCustomValidity:i,errorMessages:d}=P({props:t,emit:l}),u=e.computed(()=>t.hideLabel?t.label:void 0),c=e.computed({get:()=>t.modelValue,set:p=>{l("update:modelValue",p)}});return(p,m)=>t.skeleton?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["onyx-switch-skeleton",e.unref(s)])},[e.createElementVNode("span",fa,[e.createVNode(E,{class:"onyx-switch-skeleton__input"})]),t.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(E,{key:0,class:"onyx-switch-skeleton__label"}))],2)):(e.openBlock(),e.createBlock(Ve,{key:1,disabled:t.disabled,"error-messages":e.unref(d)},{default:e.withCtx(()=>[e.createElementVNode("label",{class:e.normalizeClass(["onyx-switch",[e.unref(a),e.unref(s)]]),title:u.value},[e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":m[0]||(m[0]=f=>c.value=f),type:"checkbox",role:"switch",class:e.normalizeClass({"onyx-switch__input":!0,"onyx-switch__loading":t.loading}),"aria-label":t.hideLabel?t.label:void 0,disabled:t.disabled||t.loading,required:t.required,autofocus:t.autofocus},null,10,ha),[[e.vModelCheckbox,c.value],[e.unref(i)]]),e.createElementVNode("span",va,[e.createElementVNode("span",_a,[e.createElementVNode("span",ka,[t.loading?(e.openBlock(),e.createBlock(T,{key:0,class:"onyx-switch__spinner",type:"circle"})):(e.openBlock(),e.createBlock(x,{key:1,icon:c.value?e.unref(ma):e.unref(Ee)},null,8,["icon"]))]),xa])]),t.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(["onyx-switch__label",[`onyx-truncation-${t.truncation}`,t.truncation==="multiline"?e.unref(r):void 0]])},e.toDisplayString(t.label),3)),!t.hideLabel&&t.truncation==="ellipsis"?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["onyx-switch__marker",[e.unref(r)]])},null,2)):e.createCommentVNode("",!0)],10,ya)]),_:1},8,["disabled","error-messages"]))}}),ba='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M8.25 17.25h-4.5V6.008h4.5zm-3-1.5h1.5V7.508h-1.5zm14.273 1.958c.457-.668.727-1.47.727-2.333 0-.127-.008-.255-.023-.375V4.508h-4.5v6.765a4.3 4.3 0 0 0-1.5.442V8.258h-4.5v8.992h2.716a4.12 4.12 0 0 0 3.667 2.25c.863 0 1.672-.27 2.332-.727l2.76 2.76 1.058-1.058-2.76-2.76zm-.788-11.7v6.18a4.05 4.05 0 0 0-1.492-.773v-5.4h1.492zm-7.492 9.742V9.758h1.5v3.292a4.1 4.1 0 0 0-.735 2.325c0 .127.007.255.022.375zM16.124 18a2.63 2.63 0 0 1-2.625-2.625 2.63 2.63 0 0 1 2.625-2.625 2.63 2.63 0 0 1 2.625 2.625A2.63 2.63 0 0 1 16.125 18"/></svg>',Ba={class:"onyx-table-wrapper"},Ca=["tabindex"],Va={key:0,class:"onyx-table__header"},wa={class:"onyx-table__empty"},Ea={colspan:"100%"},Sa={class:"onyx-table__empty-content"},Na=e.defineComponent({__name:"OnyxTable",props:{density:{},striped:{type:Boolean,default:!1},withVerticalBorders:{type:Boolean,default:!1},withPageScrolling:{type:Boolean,default:!1}},setup(o){const n=o,t=e.useSlots(),{t:l}=C(),{densityClass:r}=g(n),a=e.computed(()=>l.value("table.empty"));return(s,i)=>(e.openBlock(),e.createElementBlock("div",Ba,[e.createElementVNode("div",{class:e.normalizeClass({"onyx-table-wrapper__scroll-container":!n.withPageScrolling}),tabindex:n.withPageScrolling?void 0:0},[e.createElementVNode("table",{class:e.normalizeClass(["onyx-table onyx-text",[n.striped?"onyx-table--striped":"",n.withVerticalBorders?"onyx-table--vertical-borders":"",e.unref(r)]])},[t.head?(e.openBlock(),e.createElementBlock("thead",Va,[e.renderSlot(s.$slots,"head")])):e.createCommentVNode("",!0),e.createElementVNode("tbody",null,[e.renderSlot(s.$slots,"default",{},()=>[e.createElementVNode("tr",wa,[e.createElementVNode("td",Ea,[e.createElementVNode("div",Sa,[e.renderSlot(s.$slots,"empty",{defaultMessage:a.value},()=>[e.createVNode(we,null,{icon:e.withCtx(()=>[e.createVNode(x,{icon:e.unref(ba),size:"48px"},null,8,["icon"])]),default:e.withCtx(()=>[e.createTextVNode(" "+e.toDisplayString(a.value),1)]),_:1})])])])])])])],2)],10,Ca)]))}}),$a={class:"onyx-text onyx-truncation-ellipsis"},Ma=e.defineComponent({__name:"OnyxTag",props:{density:{},label:{},color:{default:"primary"},icon:{}},setup(o){const n=o,{densityClass:t}=g(n);return(l,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["onyx-tag",`onyx-tag--${n.color}`,e.unref(t)])},[n.icon?(e.openBlock(),e.createBlock(x,{key:0,icon:n.icon,size:"16px"},null,8,["icon"])):e.createCommentVNode("",!0),e.createElementVNode("span",$a,e.toDisplayString(n.label),1)],2))}}),Oa=["data-autosize-value"],Ta=["id","placeholder","required","autocapitalize","autofocus","name","readonly","disabled","minlength","maxlength","aria-label","title"],La=e.defineComponent({__name:"OnyxTextarea",props:{density:{},required:{type:Boolean,default:!1},requiredMarker:{},customError:{},label:{},labelTooltip:{},hideLabel:{type:Boolean},modelValue:{default:""},placeholder:{},autocapitalize:{default:"sentences"},autofocus:{type:Boolean},name:{},readonly:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},minlength:{},maxlength:{},withCounter:{type:Boolean},message:{},messageTooltip:{},skeleton:{type:Boolean,default:!1},autosize:{},disableManualResize:{type:Boolean,default:!1}},emits:["update:modelValue","change","focus","blur","validityChange"],setup(o,{emit:n}){const t=o,l=n,{vCustomValidity:r,errorMessages:a}=P({props:t,emit:l}),{densityClass:s}=g(t),i=e.computed({get:()=>t.modelValue,set:p=>l("update:modelValue",p)}),d=p=>{const m=p.target.value;l("change",m)},u=e.computed(()=>{if(!t.autosize)return;const p=t.autosize.min?Math.max(t.autosize.min,2):void 0,m=t.autosize.max;return[p?`--min-autosize-rows: ${p}`:"",`--max-autosize-rows: ${m??"unset"}`]}),c=p=>{var f;const m=p.target;(f=m.parentElement)==null||f.setAttribute("data-autosize-value",m.value)};return(p,m)=>t.skeleton?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["onyx-textarea-skeleton",e.unref(s)]),style:e.normalizeStyle(u.value)},[t.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(E,{key:0,class:"onyx-textarea-skeleton__label"})),e.createVNode(E,{class:"onyx-textarea-skeleton__input"})],6)):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["onyx-textarea",e.unref(s)]),style:e.normalizeStyle(u.value)},[e.createVNode(te,e.mergeProps(t,{"error-messages":e.unref(a)}),{default:e.withCtx(({id:f})=>[e.createElementVNode("div",{class:"onyx-textarea__wrapper","data-autosize-value":i.value},[e.withDirectives(e.createElementVNode("textarea",{id:f,"onUpdate:modelValue":m[0]||(m[0]=y=>i.value=y),class:e.normalizeClass(["onyx-textarea__native",{"onyx-textarea__native--no-resize":t.disableManualResize}]),placeholder:t.placeholder,required:t.required,autocapitalize:t.autocapitalize,autofocus:t.autofocus,name:t.name,readonly:t.readonly,disabled:t.disabled,minlength:t.minlength,maxlength:t.maxlength,"aria-label":t.hideLabel?t.label:void 0,title:t.hideLabel?t.label:void 0,onInput:c,onChange:d,onFocus:m[1]||(m[1]=y=>l("focus")),onBlur:m[2]||(m[2]=y=>l("blur"))},null,42,Ta),[[e.vModelText,i.value],[e.unref(r)]])],8,Oa)]),_:1},16,["error-messages"])],6))}}),Ia='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M11.25 16.5h1.5V18h-1.5zM12.75 6h-1.5v8.25h1.5z"/><path fill-rule="evenodd" d="M12 1.5a10.5 10.5 0 1 0 0 21 10.5 10.5 0 0 0 0-21m6.364 16.864A9 9 0 1 1 21 12a8.94 8.94 0 0 1-2.636 6.364" clip-rule="evenodd"/></svg>',Da='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m7.275 11.828 2.465 2.47 6.22-6.22 1.06 1.06-7.28 7.281-3.528-3.53z"/><path fill-rule="evenodd" d="M6.167 3.27a10.5 10.5 0 1 1 11.666 17.46A10.5 10.5 0 0 1 6.167 3.27M7 19.483A9 9 0 0 0 12 21a9.01 9.01 0 0 0 9-9 9 9 0 1 0-14 7.483" clip-rule="evenodd"/></svg>',Pa={class:"onyx-toast-message__wrapper"},Aa={class:"onyx-toast-message__content onyx-truncation-ellipsis"},za={class:"onyx-toast-message__headline onyx-text"},Ha={class:"onyx-truncation-ellipsis"},Ra=["aria-label"],Fa={key:0,class:"onyx-toast-message__description onyx-text--small onyx-truncation-multiline",tabindex:"0"},ft=e.defineComponent({__name:"OnyxToastMessage",props:{density:{},headline:{},description:{},color:{default:"neutral"},duration:{default:5e3},clickable:{type:Boolean,default:!1},icon:{type:[String,Boolean],default:void 0}},emits:["click","close"],setup(o,{emit:n}){const t=o,l=n,{t:r}=C(),{densityClass:a}=g(t),s=e.computed(()=>t.duration>0),i={neutral:ke,danger:Qe,warning:Ia,success:Da},d=e.computed(()=>{if(t.icon!==!1)return t.icon||i[t.color]});return(u,c)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.clickable?"button":"div"),{class:e.normalizeClass(["onyx-toast-message",[`onyx-toast-message--${t.color}`,e.unref(a)]]),role:t.color==="danger"||t.color==="warning"?"alert":"status","aria-label":t.clickable?t.headline:void 0,onClick:c[2]||(c[2]=p=>t.clickable&&l("click"))},{default:e.withCtx(()=>[e.createElementVNode("div",Pa,[d.value?(e.openBlock(),e.createBlock(x,{key:0,icon:d.value},null,8,["icon"])):e.createCommentVNode("",!0),e.createElementVNode("div",Aa,[e.createElementVNode("div",za,[e.createElementVNode("span",Ha,e.toDisplayString(t.headline),1),t.clickable?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("button",{key:0,type:"button","aria-label":e.unref(r)("close"),class:"onyx-toast-message__close",onClick:c[0]||(c[0]=p=>l("close"))},[e.createVNode(x,{icon:e.unref(Ee)},null,8,["icon"])],8,Ra))]),t.description?(e.openBlock(),e.createElementBlock("p",Fa,e.toDisplayString(t.description),1)):e.createCommentVNode("",!0)])]),s.value?(e.openBlock(),e.createElementBlock("time",{key:t.duration,"aria-hidden":"true",class:"onyx-toast-message__progress-bar",style:e.normalizeStyle({animationDuration:`${t.duration}ms`}),onAnimationend:c[1]||(c[1]=p=>l("close"))},null,36)):e.createCommentVNode("",!0)]),_:1},8,["class","role","aria-label"]))}}),$e=Symbol(),yt=()=>{let o=1;const n=e.ref([]),t=r=>{const a=o++;n.value.unshift({...r,id:a,onClose:()=>l(a)})},l=r=>{n.value=n.value.filter(a=>a.id!==r)};return{toasts:e.computed(()=>n.value),show:t,remove:l}},ht=()=>{const o=()=>{console.warn('Trying to use "useToast()" before the toast provider has been provided. Make sure to "provide" it first.')};return e.inject($e,()=>({toasts:e.computed(()=>[]),show:o,remove:o}),!0)},Ua={key:0,class:"onyx-toast",role:"presentation","aria-live":"polite",open:""},qa=e.defineComponent({__name:"OnyxToast",setup(o){const n=ht();return(t,l)=>e.unref(n).toasts.value.length?(e.openBlock(),e.createElementBlock("dialog",Ua,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(n).toasts.value,({id:r,...a})=>(e.openBlock(),e.createBlock(ft,e.mergeProps({key:r,ref_for:!0},a),null,16))),128))])):e.createCommentVNode("",!0)}}),Za=["top","bottom"],Ga=(o={})=>({install:n=>{je(n,o.i18n);const t=n.runWithContext(()=>C());n.provide($e,yt()),n.mixin({beforeMount:()=>{e.watchEffect(()=>{Ka(t.t.value("optional"))})}})}}),Ka=o=>{var n;(n=globalThis.document)==null||n.body.style.setProperty("--onyx-global-optional-text",o)};exports.AUTOCAPITALIZE=hn;exports.BUTTON_COLORS=_o;exports.BUTTON_MODES=ko;exports.BUTTON_TYPES=vo;exports.DENSITIES=Tt;exports.DIRECTIONS=gl;exports.HEADLINE_TYPES=tn;exports.ICON_SIZES=on;exports.INPUT_TYPES=yn;exports.LINK_TARGETS=kn;exports.MOBILE_NAV_BAR_INJECTION_KEY=R;exports.MULTISELECT_TEXT_MODE=aa;exports.ONYX_BREAKPOINTS=ct;exports.ONYX_COLORS=_l;exports.OnyxAppLayout=Et;exports.OnyxAvatar=fe;exports.OnyxAvatarStack=Ot;exports.OnyxBadge=Pe;exports.OnyxButton=X;exports.OnyxCheckbox=j;exports.OnyxCheckboxGroup=Xo;exports.OnyxColorSchemeDialog=lt;exports.OnyxColorSchemeMenuItem=Rn;exports.OnyxDialog=Je;exports.OnyxEmpty=we;exports.OnyxExternalLinkIcon=Q;exports.OnyxFlyoutMenu=Ne;exports.OnyxHeadline=z;exports.OnyxIcon=x;exports.OnyxIconButton=et;exports.OnyxInfoTooltip=Y;exports.OnyxInput=fn;exports.OnyxLink=_n;exports.OnyxListItem=oe;exports.OnyxLoadingIndicator=T;exports.OnyxMenuItem=Se;exports.OnyxMiniSearch=ot;exports.OnyxMobileNavButton=xe;exports.OnyxNavAppArea=nt;exports.OnyxNavBar=$l;exports.OnyxNavButton=Xn;exports.OnyxNavItem=Wn;exports.OnyxNavSeparator=rt;exports.OnyxPageLayout=Ll;exports.OnyxPagination=Ql;exports.OnyxRadioButton=be;exports.OnyxRadioGroup=na;exports.OnyxSelect=mt;exports.OnyxSelectInput=pt;exports.OnyxSelectOption=ge;exports.OnyxSkeleton=E;exports.OnyxStepper=pa;exports.OnyxSwitch=ga;exports.OnyxTable=Na;exports.OnyxTag=Ma;exports.OnyxTextarea=La;exports.OnyxTimer=ll;exports.OnyxToast=qa;exports.OnyxToastMessage=ft;exports.OnyxTooltip=H;exports.OnyxUserMenu=fl;exports.OnyxVisuallyHidden=ee;exports.SELECT_ALIGNMENTS=la;exports.TEXT_SIZES=kl;exports.TOAST_PROVIDER_INJECTION_KEY=$e;exports.TOOLTIP_POSITIONS=Za;exports.TRUNCATION_TYPES=xl;exports.createOnyx=Ga;exports.createToastProvider=yt;exports.normalizedIncludes=dt;exports.provideI18n=je;exports.useDensity=g;exports.useScrollEnd=ut;exports.useToast=ht;

package/dist/index.js

@@ -4351,7 +4351,8 @@ const U = /* @__PURE__ */ Ye(Pa, [["render", Na]]), za = ["disabled", "type", "a
     });
   }
 }), ts = (t) => {
-  globalThis.document.body.style.setProperty("--onyx-global-optional-text", t);
+  var a;
+  (a = globalThis.document) == null || a.body.style.setProperty("--onyx-global-optional-text", t);
 };
 export {
   ys as AUTOCAPITALIZE,

package/dist/playwright/ScreenshotMatrix.vue.d.ts

@@ -1,13 +1,11 @@
-declare var __VLS_0: {};
-declare var __VLS_inheritedAttrs: {};
-declare const __VLS_templateResult: {
+declare function __VLS_template(): {
     slots: {
-        default?(_: typeof __VLS_0): any;
+        default?(_: {}): any;
     };
     refs: {};
-    attrs: Partial<typeof __VLS_inheritedAttrs>;
+    attrs: Partial<{}>;
 };
-type __VLS_Slots = typeof __VLS_templateResult['slots'];
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import("vue").DefineComponent<__VLS_TypePropsToOption<{
     /**
      * Test name. Will be displayed above the matrix screenshot and be used as filename.
@@ -43,7 +41,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_TypePropsToOp
      */
     browserName: string;
 }>>>, {}, {}>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_Slots>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToOption<T> = {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "sit-onyx",
   "description": "A design system and Vue.js component library created by Schwarz IT",
-  "version": "1.0.0-beta.40",
+  "version": "1.0.0-beta.41",
   "type": "module",
   "author": "Schwarz IT KG",
   "license": "Apache-2.0",
@@ -36,12 +36,14 @@
   "peerDependencies": {
     "typescript": ">= 5.2.2",
     "vue": ">= 3",
-    "@sit-onyx/icons": "^1.0.0-beta.1"
+    "@sit-onyx/icons": "^1.0.0-beta.2"
   },
   "devDependencies": {
     "@axe-core/playwright": "^4.10.0",
+    "@vue/compiler-dom": "~3.4.0",
     "eslint-plugin-vue-scoped-css": "^2.8.1",
-    "vue-component-type-helpers": "^2.1.4",
+    "vue": "~3.4.0",
+    "vue-component-type-helpers": "^2.1.6",
     "@sit-onyx/headless": "^1.0.0-beta.7"
   },
   "scripts": {