sit-onyx 1.0.0-beta.0 → 1.0.0-beta.1

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

@@ -1,41 +1,2 @@
-import type { OnyxToastProps } from "./types";
-declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<OnyxToastProps>, {
-    color: string;
-    duration: number;
-    clickable: boolean;
-    icon: undefined;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    click: () => void;
-    close: () => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<OnyxToastProps>, {
-    color: string;
-    duration: number;
-    clickable: boolean;
-    icon: undefined;
-}>>> & {
-    onClick?: (() => any) | undefined;
-    onClose?: (() => any) | undefined;
-}, {
-    icon: string | false;
-    color: Extract<import("../..").OnyxColor, "neutral" | "danger" | "warning" | "success">;
-    duration: number;
-    clickable: boolean;
-}, {}>;
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
 export default _default;
-type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
-        default: D[K];
-    }> : P[K];
-};
-type __VLS_Prettify<T> = {
-    [K in keyof T]: T[K];
-} & {};
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToOption<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};

package/dist/components/{OnyxToastProvider → OnyxToast}/useToast.d.ts

@@ -1,5 +1,5 @@
 import { type ComputedRef, type InjectionKey } from "vue";
-import type { OnyxToastProps } from "../OnyxToast/types";
+import type { OnyxToastMessageProps } from "../OnyxToastMessage/types";
 export type ToastProvider = {
     /**
      * Readonly list of currently active toasts.
@@ -25,7 +25,7 @@ export type ProvidedToast = ShowToastOptions & {
      */
     onClose: () => void;
 };
-export type ShowToastOptions = OnyxToastProps & {
+export type ShowToastOptions = OnyxToastMessageProps & {
     /**
      * Callback when the toast is clicked. Requires `clickable` to be enabled.
      */

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

@@ -0,0 +1,41 @@
+import type { OnyxToastMessageProps } from "./types";
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<OnyxToastMessageProps>, {
+    color: string;
+    duration: number;
+    clickable: boolean;
+    icon: undefined;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: () => void;
+    close: () => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<OnyxToastMessageProps>, {
+    color: string;
+    duration: number;
+    clickable: boolean;
+    icon: undefined;
+}>>> & {
+    onClick?: (() => any) | undefined;
+    onClose?: (() => any) | undefined;
+}, {
+    icon: string | false;
+    color: Extract<import("../..").OnyxColor, "neutral" | "danger" | "warning" | "success">;
+    duration: number;
+    clickable: boolean;
+}, {}>;
+export default _default;
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

package/dist/components/{OnyxToast → OnyxToastMessage}/types.d.ts

@@ -1,6 +1,6 @@
 import type { DensityProp } from "../../composables/density";
 import type { OnyxColor } from "../../types";
-export type OnyxToastProps = DensityProp & {
+export type OnyxToastMessageProps = DensityProp & {
     /**
      * Main toast headline.
      */

package/dist/index.cjs

@@ -180,4 +180,4 @@
 </clipPath>
 </defs>
 </svg>
-`,un={class:"onyx-color-scheme-dialog__subtitle onyx-text"},dn=["innerHTML"],pn=["autofocus","value","checked","aria-label"],mn={class:"onyx-text--small"},fn={class:"onyx-color-scheme-dialog__actions"},je=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}=B(),s=e.computed(()=>[{value:"auto",image:rn,label:a.value("colorScheme.auto.label"),description:a.value("colorScheme.auto.description")},{value:"light",image:cn,label:a.value("colorScheme.light.label"),description:a.value("colorScheme.light.description")},{value:"dark",image:sn,label:a.value("colorScheme.dark.label"),description:a.value("colorScheme.dark.description")}]),c=d=>{const p=d.target;r.value=p.value},i=()=>{r.value&&(l("update:modelValue",r.value),l("close"))};return(d,p)=>(e.openBlock(),e.createBlock(Le,e.mergeProps({class:"onyx-color-scheme-dialog"},t,{label:e.unref(a)("colorScheme.headline"),modal:"",onClose:p[1]||(p[1]=u=>l("close"))}),{default:e.withCtx(()=>[e.createElementVNode("form",{class:"onyx-color-scheme-dialog__form",onSubmit:e.withModifiers(i,["prevent"])},[e.createElementVNode("div",null,[e.createVNode(I,{is:"h2"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(a)("colorScheme.headline")),1)]),_:1}),e.createElementVNode("span",un,e.toDisplayString(e.unref(a)("colorScheme.subtitle")),1)]),e.createElementVNode("fieldset",{class:"onyx-color-scheme-dialog__list",onChange:c},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.value,u=>(e.openBlock(),e.createElementBlock("label",{key:u.value,class:"onyx-color-scheme-dialog__option"},[e.createElementVNode("figure",{class:"onyx-color-scheme-dialog__image",innerHTML:u.image},null,8,dn),e.createElementVNode("div",null,[e.createVNode(he,{is:"div"},{default:e.withCtx(()=>[e.createElementVNode("input",{type:"radio",name:"color-scheme",autofocus:t.modelValue===u.value,value:u.value,checked:t.modelValue===u.value,"aria-label":u.label,required:""},null,8,pn)]),_:2},1024),e.createVNode(I,{is:"h3",class:"onyx-color-scheme-dialog__label"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(u.label),1)]),_:2},1024),e.createElementVNode("p",mn,e.toDisplayString(u.description),1)])]))),128))],32),e.createElementVNode("div",fn,[e.createVNode(q,{label:e.unref(a)("cancel"),mode:"plain",color:"neutral",onClick:p[0]||(p[0]=u=>l("close"))},null,8,["label"]),e.createVNode(q,{label:e.unref(a)("apply"),type:"submit"},null,8,["label"])])],32)]),_:1},16,["label"]))}}),hn='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M15.99 2C8.28 2 2 8.27 2 15.99s6.27 13.99 13.99 13.99 13.99-6.27 13.99-13.99S23.7 2 15.99 2m5.96 3.6c.76.44 1.47.96 2.12 1.55v17.66c-.65.59-1.35 1.11-2.12 1.55zm-2 21.69c-.63.22-1.29.39-1.96.51V4.18c.67.11 1.33.28 1.96.51zm6.11-17.77c1.2 1.87 1.91 4.08 1.91 6.47s-.71 4.6-1.91 6.47V9.53ZM4 15.99C4 9.38 9.38 4 15.99 4v23.97C9.38 27.97 4 22.59 4 15.98Z" style="stroke-width:0"/></svg>',_e=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,c)=>(e.openBlock(),e.createBlock(ye,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:c[0]||(c[0]=i=>l("click"))}),{default:e.withCtx(()=>[e.renderSlot(s.$slots,"default")]),_:3},16,["disabled","href"]))]),_:3},16,["selected","active","color","disabled"]))}}),yn={class:"onyx-color-scheme-menu-item__value"},vn=e.defineComponent({__name:"OnyxColorSchemeMenuItem",props:{modelValue:{}},emits:["update:modelValue"],setup(o,{emit:n}){const t=o,l=n,{t:r}=B(),a=e.ref(!1);return(s,c)=>(e.openBlock(),e.createBlock(_e,{class:"onyx-color-scheme-menu-item",onClick:c[2]||(c[2]=i=>a.value=!0)},{default:e.withCtx(()=>[e.createVNode(x,{icon:e.unref(hn)},null,8,["icon"]),e.createElementVNode("div",null,[e.createTextVNode(e.toDisplayString(e.unref(r)("colorScheme.appearance"))+": ",1),e.createElementVNode("span",yn,e.toDisplayString(e.unref(r)(`colorScheme.${t.modelValue}.label`)),1)]),(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[e.createVNode(je,{"model-value":t.modelValue,open:a.value,onClose:c[0]||(c[0]=i=>a.value=!1),"onUpdate:modelValue":c[1]||(c[1]=i=>l("update:modelValue",i))},null,8,["model-value","open"])]))]),_:1}))}}),_n={class:"onyx-flyout-menu"},kn=["aria-label"],ke=e.defineComponent({__name:"OnyxFlyoutMenu",props:{label:{}},setup(o){const n=o,t=e.useSlots(),{elements:{button:l,flyout:r,menu:a},state:{isExpanded:s}}=Mo({}),c=e.computed(()=>{var d;if(!t.default)return;const i=t.default().at(0);return(i==null?void 0:i.type.toString())==="Symbol(v-fgt)"?Array.isArray(i==null?void 0:i.children)?(d=i==null?void 0:i.children)==null?void 0:d.at(0):void 0:i});return(i,d)=>(e.openBlock(),e.createElementBlock("div",_n,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(c.value),e.normalizeProps(e.guardReactiveProps(e.unref(l))),null,16)),t.options||t.header||t.footer?e.withDirectives((e.openBlock(),e.createElementBlock("div",e.mergeProps({key:0},e.unref(r),{"aria-label":n.label,class:{"onyx-flyout-menu__list--with-header":!!t.header,"onyx-flyout-menu__list--with-footer":!!t.footer,"onyx-flyout-menu__list":!0}}),[e.renderSlot(i.$slots,"header"),t.options?(e.openBlock(),e.createElementBlock("ul",e.mergeProps({key:0},e.unref(a),{class:"onyx-flyout-menu__wrapper onyx-flyout-menu__group"}),[e.renderSlot(i.$slots,"options")],16)):e.createCommentVNode("",!0),e.renderSlot(i.$slots,"footer")],16,kn)),[[e.vShow,e.unref(s)]]):e.createCommentVNode("",!0)]))}}),xn='<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 32 32"><path d="m13.207 8.293-1.414 1.414L18.086 16l-6.293 6.293 1.414 1.414L20.914 16z"/></svg>',z=Symbol(),gn='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32.04 32.04"><path d="M23.52 15.52H11.93l4.13-4.13-1.42-1.41-6.54 6.54 6.54 6.54 1.42-1.42-4.13-4.12h11.59z"/></svg>',bn=["aria-orientation"],Ye=e.defineComponent({__name:"OnyxNavSeparator",props:{orientation:{default:"vertical"}},setup(o){const n=o,t=e.inject(z);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,bn))}}),Bn={role:"presentation"},Cn=e.defineComponent({__name:"NavButtonLayout",props:e.mergeModels({href:{},withExternalIcon:{type:[Boolean,String]},label:{},active:{type:Boolean},isMobile:{type:Boolean}},{mobileChildrenOpen:{type:Boolean},mobileChildrenOpenModifiers:{}}),emits:["update:mobileChildrenOpen"],setup(o){const n=o,t=e.useSlots(),{t:l}=B(),r=e.useModel(o,"mobileChildrenOpen");return(a,s)=>(e.openBlock(),e.createElementBlock("li",Bn,[n.isMobile?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[n.isMobile&&r.value?(e.openBlock(),e.createBlock(q,{key:0,label:e.unref(l)("back"),mode:"plain",color:"neutral",icon:e.unref(gn),onClick:s[0]||(s[0]=c=>r.value=!1)},null,8,["label","icon"])):e.createCommentVNode("",!0),!r.value||n.href?e.renderSlot(a.$slots,"button",{key:1}):e.createCommentVNode("",!0),r.value&&n.href?(e.openBlock(),e.createBlock(Ye,{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":r.value}])},[e.renderSlot(a.$slots,"options")],2),[[e.vShow,r.value]])],64)):(e.openBlock(),e.createBlock(ke,{key:1,label:e.unref(l)("navItemOptionsLabel",{label:n.label})},e.createSlots({default:e.withCtx(()=>[e.renderSlot(a.$slots,"button")]),_:2},[t.options?{name:"options",fn:e.withCtx(()=>[e.renderSlot(a.$slots,"options")]),key:"0"}:void 0]),1032,["label"]))]))}}),wn=["aria-label"],Vn=e.defineComponent({__name:"OnyxNavButton",props:{href:{},withExternalIcon:{type:[Boolean,String],default:"auto"},label:{},active:{type:Boolean,default:!1}},emits:["click"],setup(o,{emit:n}){const t=o,l=n,r=e.useSlots(),a=e.inject(z),s=e.ref(!1),c=e.computed(()=>!!r.children),i=()=>{a!=null&&a.value&&c.value&&!s.value?s.value=!0:t.href&&l("click",t.href)};return(d,p)=>(e.openBlock(),e.createBlock(Cn,e.mergeProps({"mobile-children-open":s.value,"onUpdate:mobileChildrenOpen":p[0]||(p[0]=u=>s.value=u),class:["onyx-nav-button",{"onyx-nav-button--mobile":e.unref(a),"onyx-nav-button--active":t.active||s.value}],"is-mobile":e.unref(a)??!1},t),e.createSlots({button:e.withCtx(()=>[e.createElementVNode("button",{class:"onyx-nav-button__trigger onyx-text",role:"menuitem","aria-label":t.label,type:"button",onClick:i},[e.renderSlot(d.$slots,"default",{},()=>[e.createElementVNode("span",null,e.toDisplayString(t.label),1),e.createVNode(K,e.normalizeProps(e.guardReactiveProps(t)),null,16)]),e.unref(a)&&c.value&&!s.value?(e.openBlock(),e.createBlock(x,{key:0,class:"onyx-nav-button__mobile-chevron",icon:e.unref(xn)},null,8,["icon"])):e.createCommentVNode("",!0)],8,wn)]),_:2},[r.children?{name:"options",fn:e.withCtx(()=>[e.renderSlot(d.$slots,"children")]),key:"0"}:void 0]),1040,["mobile-children-open","class","is-mobile"]))}}),En=e.defineComponent({__name:"OnyxNavItem",props:{href:{},withExternalIcon:{type:[Boolean,String],default:"auto"},label:{},active:{type:Boolean}},emits:["click"],setup(o,{emit:n}){const t=o,l=n;return(r,a)=>(e.openBlock(),e.createBlock(_e,{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(K,e.normalizeProps(e.guardReactiveProps(t)),null,16)])]),_:3},8,["active","href"]))}}),Sn=o=>{const n=e.ref(),t=e.ref(oe(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=oe(a),n.value=setInterval(()=>{t.value=oe(a),l.value&&clearInterval(n.value)},1e3)},{immediate:!0}),e.onBeforeUnmount(()=>clearInterval(n.value)),{timeLeft:t,isEnded:l}},oe=o=>{const n=o-Date.now();return Math.max(n,0)},Xe=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}},Nn=(o,n)=>{const{hours:t,minutes:l,seconds:r}=Xe(o),a=i=>i.toString().padStart(2,"0");let s="",c=ne(n.formatToParts(o,"seconds"));return l>0&&(c=ne(n.formatToParts(o,"minutes"))),t>0&&(c=ne(n.formatToParts(o,"hours")),s=`${a(t)}:`),`${s}${a(l)}:${a(r)} ${c}`},ne=o=>{var n;return((n=o.at(-1))==null?void 0:n.value.replace(".","").trim())??""},$n=o=>{const{hours:n,minutes:t,seconds:l}=Xe(o);return`PT${n}H${t}M${l}S`},Mn=["aria-label"],On={key:0,class:"onyx-timer__label"},Tn=["datetime"],In=e.defineComponent({__name:"OnyxTimer",props:{endTime:{},label:{},hideLabel:{type:Boolean}},emits:["timerEnded"],setup(o,{emit:n}){const t=o,l=n,{locale:r}=B(),{timeLeft:a,isEnded:s}=Sn(e.computed(()=>t.endTime)),c=e.computed(()=>new Intl.RelativeTimeFormat(r.value,{numeric:"always",style:"short"})),i=e.computed(()=>Nn(a.value,c.value));return e.watchEffect(()=>s.value&&l("timerEnded")),(d,p)=>(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",On,e.toDisplayString(t.label),1)),e.createElementVNode("time",{datetime:e.unref($n)(e.unref(a)),class:"onyx-timer__time"},e.toDisplayString(i.value),9,Tn)],8,Mn))}}),Ln=e.defineComponent({__name:"UserMenuLayout",props:{isMobile:{type:Boolean}},setup(o){const n=o,t=e.useSlots(),{t:l}=B();return(r,a)=>(e.openBlock(),e.createElementBlock("div",null,[n.isMobile?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.renderSlot(r.$slots,"header"),e.renderSlot(r.$slots,"options"),e.renderSlot(r.$slots,"footer")],64)):(e.openBlock(),e.createBlock(ke,{key:1,class:"onyx-user-menu__flyout",label:e.unref(l)("navigation.userMenuLabel")},e.createSlots({header:e.withCtx(()=>[e.renderSlot(r.$slots,"header")]),options:e.withCtx(()=>[e.renderSlot(r.$slots,"options")]),default:e.withCtx(()=>[e.renderSlot(r.$slots,"button")]),_:2},[t.footer?{name:"footer",fn:e.withCtx(()=>[e.renderSlot(r.$slots,"footer")]),key:"0"}:void 0]),1032,["label"]))]))}}),Dn={class:"onyx-user-menu__trigger onyx-text",type:"button"},Pn={class:"onyx-truncation-ellipsis"},zn={class:"onyx-user-menu__header"},An={class:"onyx-truncation-ellipsis"},Hn={class:"onyx-user-menu__username onyx-text onyx-truncation-ellipsis"},Rn={key:0,class:"onyx-user-menu__description onyx-text--small onyx-truncation-ellipsis"},Fn={class:"onyx-user-menu__footer onyx-text--small"},Un=e.defineComponent({__name:"OnyxUserMenu",props:{username:{},avatar:{},description:{}},setup(o){const n=o,t=e.useSlots(),l=e.computed(()=>({src:n.avatar,label:n.username})),r=e.inject(z,e.computed(()=>!1));return(a,s)=>(e.openBlock(),e.createBlock(Ln,{class:e.normalizeClass(["onyx-user-menu",{"onyx-user-menu--mobile":e.unref(r)}]),"is-mobile":e.unref(r)??!1},e.createSlots({button:e.withCtx(()=>[e.createElementVNode("button",Dn,[e.createVNode(le,e.mergeProps(l.value,{size:"24px"}),null,16),e.createElementVNode("span",Pn,e.toDisplayString(n.username),1)])]),header:e.withCtx(()=>[e.createElementVNode("div",zn,[e.createVNode(le,e.normalizeProps(e.guardReactiveProps(l.value)),null,16),e.createElementVNode("div",An,[e.createElementVNode("div",Hn,e.toDisplayString(n.username),1),n.description?(e.openBlock(),e.createElementBlock("div",Rn,e.toDisplayString(n.description),1)):e.createCommentVNode("",!0)])])]),options:e.withCtx(()=>[e.renderSlot(a.$slots,"default")]),_:2},[t.footer?{name:"footer",fn:e.withCtx(()=>[e.createElementVNode("div",Fn,[e.renderSlot(a.$slots,"footer")])]),key:"0"}:void 0]),1032,["class","is-mobile"]))}}),qn='<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 32 32"><path d="m20.207 9.707-1.414-1.414L11.086 16l7.707 7.707 1.414-1.414L13.914 16z"/></svg>',Zn='<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 32 32"><path d="M2 15h28v2H2zm0-7h28v2H2zm0 14h28v2H2z"/></svg>',Kn='<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 32 32"><circle cx="16" cy="5" r="3"/><circle cx="16" cy="16" r="3"/><circle cx="16" cy="27" r="3"/></svg>',Gn=(o,n)=>{const t="content-box",l=e.ref(0),r=e.ref(0),a=s=>{const c=s[0].contentBoxSize;l.value=c.reduce((i,{inlineSize:d})=>i+d,0),r.value=c.reduce((i,{blockSize:d})=>i+d,0)};return e.onBeforeMount(()=>{const s=new ResizeObserver(a);e.watch(o,(c,i)=>{i&&(s==null||s.unobserve(i)),c&&(s==null||s.observe(c,{box:t}))},{immediate:!0}),e.onBeforeUnmount(()=>s.disconnect())}),{width:l,height:r}},We={"2xs":320,xs:576,sm:768,md:992,lg:1440,xl:1920},jn=["primary","secondary","neutral","danger","warning","success","info"],Yn=["small","default","large"],Xn=["ellipsis","multiline"],Wn=["horizontal","vertical"],Jn={class:"onyx-nav-bar__content"},Qn={key:0,class:"onyx-nav-bar__mobile-page"},el={class:"onyx-nav-bar__nav--mobile"},tl={role:"menubar"},ol={key:1,class:"onyx-nav-bar__nav"},nl={role:"menubar"},ll={key:0,class:"onyx-nav-bar__mobile-context"},al={key:0,class:"onyx-nav-bar__mobile-global-context"},rl={class:"onyx-nav-bar__mobile-context-content"},sl={key:1,class:"onyx-nav-bar__context"},il=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:c}=Gn(s),{t:i}=B(),d=e.ref(!1),p=e.ref(!1),u=e.computed(()=>{const m=typeof l.mobileBreakpoint=="number"?l.mobileBreakpoint:We[l.mobileBreakpoint];return c.value!==0&&c.value<m});return e.provide(z,u),n({closeMobileMenus:()=>{d.value=!1,p.value=!1}}),(m,h)=>(e.openBlock(),e.createElementBlock("header",{ref_key:"navBarRef",ref:s,class:e.normalizeClass(["onyx-nav-bar",{"onyx-nav-bar--mobile":u.value}])},[e.createElementVNode("div",Jn,[u.value&&!d.value&&a.mobileActivePage?(e.openBlock(),e.createElementBlock("span",Qn,[e.renderSlot(m.$slots,"mobileActivePage")])):l.appName||l.logoUrl||a.appArea?(e.openBlock(),e.createBlock(Ge,{key:1,class:"onyx-nav-bar__app","app-name":l.appName,"logo-url":l.logoUrl,label:l.appAreaLabel,onClick:h[0]||(h[0]=_=>{r("appAreaClick"),d.value=!1})},{default:e.withCtx(()=>[e.renderSlot(m.$slots,"appArea")]),_:3},8,["app-name","logo-url","label"])):e.createCommentVNode("",!0),l.withBackButton?(e.openBlock(),e.createBlock(Pe,{key:2,class:"onyx-nav-bar__back",label:e.unref(i)("navigation.goBack"),icon:e.unref(qn),color:"neutral",onClick:h[1]||(h[1]=_=>r("backButtonClick"))},null,8,["label","icon"])):e.createCommentVNode("",!0),a.default?(e.openBlock(),e.createElementBlock(e.Fragment,{key:3},[u.value?(e.openBlock(),e.createBlock(ie,{key:0,open:d.value,"onUpdate:open":[h[2]||(h[2]=_=>d.value=_),h[3]||(h[3]=_=>p.value=!1)],class:"onyx-nav-bar__burger",icon:e.unref(Zn),label:e.unref(i)("navigation.toggleBurgerMenu")},{default:e.withCtx(()=>[e.createVNode(I,{is:"h2",class:"onyx-nav-bar__mobile-headline"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(i)("navigation.navigationHeadline")),1)]),_:1}),e.createElementVNode("nav",el,[e.createElementVNode("ul",tl,[e.renderSlot(m.$slots,"default")])])]),_:3},8,["open","icon","label"])):(e.openBlock(),e.createElementBlock("nav",ol,[e.createElementVNode("ul",nl,[e.renderSlot(m.$slots,"default")])]))],64)):e.createCommentVNode("",!0),a.contextArea||a.globalContextArea?(e.openBlock(),e.createElementBlock(e.Fragment,{key:4},[u.value?(e.openBlock(),e.createElementBlock("div",ll,[a.globalContextArea?(e.openBlock(),e.createElementBlock("div",al,[e.renderSlot(m.$slots,"globalContextArea")])):e.createCommentVNode("",!0),a.contextArea?(e.openBlock(),e.createBlock(ie,{key:1,open:p.value,"onUpdate:open":[h[4]||(h[4]=_=>p.value=_),h[5]||(h[5]=_=>d.value=!1)],icon:e.unref(Kn),label:e.unref(i)("navigation.toggleContextMenu")},{default:e.withCtx(()=>[e.createElementVNode("div",rl,[e.renderSlot(m.$slots,"contextArea")])]),_:3},8,["open","icon","label"])):e.createCommentVNode("",!0)])):(e.openBlock(),e.createElementBlock("div",sl,[a.globalContextArea?e.renderSlot(m.$slots,"globalContextArea",{key:0}):e.createCommentVNode("",!0),a.contextArea?e.renderSlot(m.$slots,"contextArea",{key:1}):e.createCommentVNode("",!0)]))],64)):e.createCommentVNode("",!0)])],2))}}),cl={key:0,class:"onyx-page__sidebar"},ul={class:"onyx-page__main"},dl={key:1,class:"onyx-page__footer"},pl=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",cl,[e.renderSlot(r.$slots,"sidebar")])):e.createCommentVNode("",!0),e.createElementVNode("main",ul,[e.renderSlot(r.$slots,"default")]),t.footer?(e.openBlock(),e.createElementBlock("footer",dl,[e.renderSlot(r.$slots,"footer")])):e.createCommentVNode("",!0)],2))}}),ml=["title"],fl=["required","name","value","checked","disabled","autofocus"],ce=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}=L({props:t,emit:l}),{densityClass:a}=g(t),s=c=>{const i=c.target.checked;l("change",i)};return(c,i)=>t.skeleton?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["onyx-radio-button-skeleton",e.unref(a)])},[e.createVNode(w,{class:"onyx-radio-button-skeleton__input"}),e.createVNode(w,{class:"onyx-radio-button-skeleton__label"})],2)):(e.openBlock(),e.createElementBlock("label",{key:1,class:e.normalizeClass(["onyx-radio-button",e.unref(a)]),title:e.unref(Te)(t.customError)},[t.loading?(e.openBlock(),e.createBlock(M,{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:s},null,40,fl)),[[e.unref(r)]]),e.createElementVNode("span",{class:e.normalizeClass(["onyx-radio-button__label",[`onyx-truncation-${t.truncation}`]])},e.toDisplayString(t.label),3)],10,ml))}}),hl=["disabled"],yl={key:0,class:"onyx-radio-button-group__headline"},vl=e.defineComponent({__name:"OnyxRadioGroup",props:{density:{},required:{type:Boolean,default:!1},requiredMarker:{},customError:{},options:{},name:{default:()=>T("radio-button-group-name")},modelValue:{},headline:{default:""},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}=Z(t),s=n,c=(i,d)=>{i&&s("update:modelValue",d)};return(i,d)=>(e.openBlock(),e.createElementBlock("fieldset",{class:e.normalizeClass(["onyx-radio-button-group",e.unref(l),e.unref(a)]),disabled:t.disabled,role:"radiogroup"},[t.headline?(e.openBlock(),e.createElementBlock("legend",yl,[e.createVNode(I,{is:"h3",class:e.normalizeClass(e.unref(r))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.headline),1)]),_:1},8,["class"])])):e.createCommentVNode("",!0),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,(p,u)=>(e.openBlock(),e.createBlock(ce,e.mergeProps({key:p.value.toString(),ref_for:!0},p,{name:t.name,"custom-error":t.customError,checked:p.value===t.modelValue,required:t.required,onValidityChange:m=>u===0&&s("validityChange",m),onChange:m=>c(m,p.value)}),null,16,["name","custom-error","checked","required","onValidityChange","onChange"]))),128)):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(t.skeleton,p=>(e.openBlock(),e.createBlock(ce,{id:`skeleton-${p}`,key:p,value:`skeleton-${p}`,label:"Skeleton ${i}",name:t.name,skeleton:""},null,8,["id","value","name"]))),128))],2)],10,hl))}}),Je=o=>{const t=e.ref(!1),l=a=>{const s=a.target;if(!(s instanceof Element))return;const c=e.unref(o.offset)??0;t.value=Math.abs(s.scrollTop)+s.clientHeight>=s.scrollHeight-c-1};return{vScrollEnd:{mounted:a=>{e.watchEffect(()=>{var c;(((c=o.enabled)==null?void 0:c.value)??!0)&&!o.loading.value?a.addEventListener("scroll",l):a.removeEventListener("scroll",l)})}},isScrollEnd:t}},Ve=(o,n,t)=>{const l=e.computed(()=>o.value===void 0),r=e.ref(l.value?n:o.value);return e.computed({set:a=>{r.value=a,t(a)},get:()=>l.value?r.value:o.value})},_l='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="m22.29 18.83 1.41 1.41-7.71 7.71-7.71-7.71 1.41-1.41 6.29 6.29 6.29-6.29ZM16 6.87l6.29 6.29 1.41-1.41-7.71-7.71-7.71 7.71 1.41 1.41 6.29-6.29Z"/></svg>',kl={class:"onyx-select-input__wrapper"},xl=["readonly","placeholder","required","disabled","aria-label","title","value","autofocus"],gl=["aria-label","disabled"],Qe=e.defineComponent({inheritAttrs:!1,__name:"OnyxSelectInput",props:{density:{},required:{type:Boolean},requiredMarker:{},customError:{},modelValue:{},textMode:{},autofocus:{type:Boolean},label:{},labelTooltip:{},hideLabel:{type:Boolean,default:!1},message:{},messageTooltip:{},errorMessages:{},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}=Ze(),a=o,s=t,{t:c}=B(),{vCustomValidity:i,errorMessages:d}=L({props:a,emit:s}),p=e.computed(()=>a.modelValue?a.modelValue.length:0),u=e.computed(()=>{var b;const k=(b=a.modelValue)==null?void 0:b.length;if(!a.modelValue||!k)return"";if(k===1)return a.modelValue[0].label;switch(a.textMode){case"preview":return a.modelValue.map(({label:S})=>S).join(", ");case"summary":default:return c.value("selections.currentSelection",{n:k})}}),m=e.ref(!1),{densityClass:h}=g(a),_=e.ref();n({focus:()=>{var k;return(k=_.value)==null?void 0:k.focus()}}),e.watch(()=>a.showFocus,(k,b)=>{m.value||b&&k===!1&&(m.value=!0)});const V=Fe.concat(Ue),O=k=>{V.includes(k.key)||k.preventDefault()};return(k,b)=>a.skeleton?(e.openBlock(),e.createElementBlock("div",e.mergeProps({key:0,class:["onyx-select-input-skeleton",e.unref(h)]},e.unref(l)),[a.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(w,{key:0,class:"onyx-select-input-skeleton__label"})),e.createVNode(w,{class:"onyx-select-input-skeleton__input"})],16)):(e.openBlock(),e.createElementBlock("div",e.mergeProps({key:1,class:["onyx-select-input",e.unref(h),a.readonly?"onyx-select-input--readonly":"onyx-select-input--editable"]},e.unref(l)),[e.createVNode(fe,e.mergeProps(a,{"error-messages":e.unref(d)}),{default:e.withCtx(()=>[e.createElementVNode("div",kl,[a.loading?(e.openBlock(),e.createBlock(M,{key:0,class:"onyx-select-input__loading",type:"circle"})):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("input",e.mergeProps({ref_key:"input",ref:_,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(d)&&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:u.value,autofocus:a.autofocus,onClick:b[0]||(b[0]=S=>s("click")),onKeydown:O}),null,16,xl),[[e.unref(i)]]),a.textMode==="preview"&&p.value>0?(e.openBlock(),e.createBlock(me,{key:1,text:u.value,position:"bottom"},{default:e.withCtx(()=>[e.createVNode(Se,{class:"onyx-select-input__badge",color:"neutral"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(p.value),1)]),_:1})]),_:1},8,["text"])):e.createCommentVNode("",!0),e.createElementVNode("button",{class:"onyx-select-input__button",type:"button","aria-label":e.unref(c)("select.toggleDropDown"),tabindex:"-1",disabled:a.readonly||a.disabled||a.loading,onClick:b[1]||(b[1]=S=>s("click"))},[e.createVNode(x,{icon:e.unref(_l)},null,8,["icon"])],8,gl)])]),_:1},16,["error-messages"])],16))}}),bl=["checked","aria-labelledby","disabled","indeterminate"],Bl={class:"onyx-truncation-ellipsis"},ue=e.defineComponent({__name:"OnyxSelectOption",props:{active:{type:Boolean,default:!1},density:{},multiple:{type:Boolean,default:!1},indeterminate:{type:Boolean},icon:{}},setup(o){const n=o;return(t,l)=>(e.openBlock(),e.createBlock(ye,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,bl)):e.createCommentVNode("",!0),n.icon?(e.openBlock(),e.createBlock(x,{key:1,icon:n.icon},null,8,["icon"])):e.createCommentVNode("",!0),e.createElementVNode("span",Bl,[e.renderSlot(t.$slots,"default")])]),_:3},16,["checked","selected","disabled"]))}}),Cl=["inert","aria-busy"],wl={class:"onyx-select__wrapper",tabindex:"-1"},Vl={key:0,role:"group",class:"onyx-select__group"},El={role:"option","aria-selected":"false"},Sl={key:0,role:"presentation",class:"onyx-select__group-name onyx-text--small"},Nl={key:1,class:"onyx-select__slot"},$l={key:2,class:"onyx-select__slot"},Ml=e.defineComponent({__name:"OnyxSelect",props:{density:{},multiple:{type:Boolean},modelValue:{},withCheckAll:{type:[Boolean,Object]},withSearch:{type:Boolean},searchTerm:{default:void 0},required:{type:Boolean},requiredMarker:{},customError:{},textMode:{},autofocus:{type:Boolean},label:{},labelTooltip:{},hideLabel:{type:Boolean},message:{},messageTooltip:{},errorMessages:{},disabled:{type:Boolean},skeleton:{type:Boolean},readonly:{type:Boolean},loading:{type:Boolean,default:!1},placeholder:{},showFocus:{type:Boolean},open:{type:Boolean,default:void 0},listLabel:{},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}=B(),c=Ve(e.toRef(()=>t.searchTerm),"",f=>l("update:searchTerm",f)),i=Ve(e.toRef(()=>t.open),!1,f=>l("update:open",f)),d=e.ref(),p=e.ref(),u=e.computed(()=>t.modelValue?t.multiple&&Array.isArray(t.modelValue)?t.modelValue:[t.modelValue]:[]),m=e.ref(),h=e.ref();e.watch(u,()=>{var f;t.multiple||(p.value=(f=u.value.at(0))==null?void 0:f.value)},{immediate:!0});const _=T("ONYX_CHECK_ALL"),V=e.computed(()=>(t.multiple&&t.withCheckAll&&!c.value?[_]:[]).concat(ge.value)),O=async f=>{var v,C;if(t.readonly){i.value=!1;return}i.value=!i.value,i.value?(await e.nextTick(),(C=m.value)==null||C.focus()):(c.value&&(c.value=""),f||(v=h.value)==null||v.focus())},k=()=>p.value=V.value.at(0),b=()=>p.value=V.value.at(-1),S=f=>{const v=V.value.findIndex(C=>C===f);v<V.value.length-1&&(p.value=V.value[v+1])},G=f=>{const v=V.value.findIndex(C=>C===f);v>0&&(p.value=V.value[v-1])},j=f=>{const v=t.options.find(C=>C.label.toLowerCase().trim().startsWith(f.toLowerCase()));v&&(p.value=v.value)},A=f=>c.value=f,Y=f=>{var N;if(f===_){(N=R.value)==null||N.handleChange(!R.value.state.value.modelValue);return}const v=t.options.find(({value:E})=>E===f);if(!v)return;if(!t.multiple)return l("update:modelValue",v);u.value.some(({value:E})=>E===f)?l("update:modelValue",u.value.filter(({value:E})=>E!==f)):l("update:modelValue",[...u.value,v])},X=e.computed(()=>t.withSearch?"list":"none"),{elements:{input:D,option:H,group:W,listbox:J}}=$o({autocomplete:X,label:t.label,listLabel:t.listLabel,inputValue:e.computed(()=>t.withSearch&&c.value||""),activeOption:e.computed(()=>p.value),multiple:e.computed(()=>t.multiple),isExpanded:i,templateRef:d,onToggle:O,onActivateFirst:k,onActivateLast:b,onActivateNext:S,onActivatePrevious:G,onTypeAhead:j,onAutocomplete:A,onSelect:Y}),Q=e.computed(()=>to(t.options,"group")),{vScrollEnd:y,isScrollEnd:ee}=Je({enabled:e.computed(()=>{var f;return((f=t.lazyLoading)==null?void 0:f.enabled)??!1}),loading:e.computed(()=>t.loading),offset:e.computed(()=>{var f;return(f=t.lazyLoading)==null?void 0:f.scrollOffset})}),te=e.computed(()=>{if(!t.options.length)return t.withSearch&&c.value?s.value("select.noMatch"):s.value("select.empty")}),ge=e.computed(()=>t.options.filter(f=>!f.disabled).map(({value:f})=>f)),R=e.computed(()=>{if(!(!t.multiple||!t.withCheckAll))return Ie(ge,e.computed(()=>u.value.map(({value:f})=>f)),f=>{const v=f.map(C=>t.options.find(({value:N})=>N===C)).filter(C=>C!=null);l("update:modelValue",v)})}),be=e.computed(()=>{var v;if(!t.multiple)return"";const f=s.value("selections.selectAll");return typeof t.withCheckAll=="boolean"?f:((v=t.withCheckAll)==null?void 0:v.label)??f});e.watchEffect(()=>{ee.value&&l("lazyLoad")});const lt=e.computed(()=>{const f={...t,modelValue:u.value};return t.withSearch?{...f,onKeydown:D.value.onKeydown}:{...f,...D.value}});return(f,v)=>{var C;return e.openBlock(),e.createElementBlock("div",{ref_key:"selectRef",ref:d,class:"onyx-select-wrapper"},[e.createVNode(Qe,e.mergeProps({ref_key:"selectInput",ref:h},lt.value,{"show-focus":e.unref(i),autofocus:t.autofocus,onClick:O,onValidityChange:v[0]||(v[0]=N=>l("validityChange",N))}),null,16,["show-focus","autofocus"]),e.createElementVNode("div",{class:e.normalizeClass(["onyx-select",e.unref(r),e.unref(i)?"onyx-select--open":""]),inert:!e.unref(i),"aria-busy":t.loading},[e.withDirectives((e.openBlock(),e.createElementBlock("div",wl,[t.withSearch?(e.openBlock(),e.createBlock(Ke,e.mergeProps({key:0,ref_key:"miniSearch",ref:m},e.unref(D),{label:e.unref(s)("select.searchInputLabel"),class:"onyx-select__search",onClear:v[1]||(v[1]=N=>c.value="")}),null,16,["label"])):e.createCommentVNode("",!0),e.createElementVNode("div",e.normalizeProps(e.guardReactiveProps(e.unref(J))),[te.value?(e.openBlock(),e.createElementBlock("ul",Vl,[e.createElementVNode("li",El,[e.renderSlot(f.$slots,"empty",{defaultMessage:te.value},()=>[e.createVNode(pe,null,{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(te.value),1)]),_:1})])])])):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(Q.value,(N,E)=>{var Be,Ce;return e.openBlock(),e.createElementBlock("ul",e.mergeProps({key:E,class:"onyx-select__group",ref_for:!0},e.unref(W)({label:E})),[E!=""?(e.openBlock(),e.createElementBlock("li",Sl,e.toDisplayString(E),1)):e.createCommentVNode("",!0),t.multiple&&t.withCheckAll&&!e.unref(c)?(e.openBlock(),e.createBlock(ue,e.mergeProps({key:1,ref_for:!0},e.unref(H)({value:e.unref(_),label:be.value,selected:(Be=R.value)==null?void 0:Be.state.value.modelValue}),{multiple:"",active:e.unref(_)===p.value,indeterminate:(Ce=R.value)==null?void 0:Ce.state.value.indeterminate,density:t.density,class:"onyx-select__check-all"}),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(be.value),1)]),_:1},16,["active","indeterminate","density"])):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(N,$=>(e.openBlock(),e.createBlock(ue,e.mergeProps({key:$.value.toString(),ref_for:!0},e.unref(H)({value:$.value,label:$.label,disabled:$.disabled,selected:u.value.some(({value:at})=>at===$.value)}),{multiple:t.multiple,active:$.value===p.value,icon:$.icon,density:t.density}),{default:e.withCtx(()=>[e.renderSlot(f.$slots,"option",e.mergeProps({ref_for:!0},$),()=>[e.createTextVNode(e.toDisplayString($.label),1)])]),_:2},1040,["multiple","active","icon","density"]))),128))],16)}),128))],16),(C=t.lazyLoading)!=null&&C.loading?(e.openBlock(),e.createElementBlock("div",Nl,[e.createVNode(M,{class:"onyx-select__loading"})])):e.createCommentVNode("",!0),a.optionsEnd?(e.openBlock(),e.createElementBlock("div",$l,[e.renderSlot(f.$slots,"optionsEnd")])):e.createCommentVNode("",!0)])),[[e.unref(y)]])],10,Cl)],512)}}}),Ol=["summary","preview"],Tl='<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 32 32"><path d="m21.311 10.793-8.293 8.293-3.291-3.292-1.415 1.415 4.706 4.705 9.707-9.707z"/></svg>',Il={class:"onyx-switch-skeleton__click-area"},Ll=["title"],Dl=["aria-label","disabled","required","autofocus"],Pl={class:"onyx-switch__click-area"},zl={class:"onyx-switch__container"},Al={class:"onyx-switch__icon"},Hl=e.createElementVNode("div",{class:"onyx-switch__frame"},null,-1),Rl=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}=Z(t),{densityClass:s}=g(t),{vCustomValidity:c}=L({props:t,emit:l}),i=e.computed({get:()=>t.modelValue,set:d=>{l("update:modelValue",d)}});return(d,p)=>t.skeleton?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["onyx-switch-skeleton",e.unref(s)])},[e.createElementVNode("span",Il,[e.createVNode(w,{class:"onyx-switch-skeleton__input"})]),t.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(w,{key:0,class:"onyx-switch-skeleton__label"}))],2)):(e.openBlock(),e.createElementBlock("label",{key:1,class:e.normalizeClass(["onyx-switch",[e.unref(a),e.unref(s)]]),title:t.hideLabel?t.label:void 0},[e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":p[0]||(p[0]=u=>i.value=u),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,Dl),[[e.vModelCheckbox,i.value],[e.unref(c)]]),e.createElementVNode("span",Pl,[e.createElementVNode("span",zl,[e.createElementVNode("span",Al,[t.loading?(e.openBlock(),e.createBlock(e.unref(M),{key:0,class:"onyx-switch__spinner",type:"circle"})):(e.openBlock(),e.createBlock(e.unref(x),{key:1,icon:i.value?e.unref(Tl):e.unref(ve)},null,8,["icon"]))]),Hl])]),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.truncation==="ellipsis"?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["onyx-switch__marker",[e.unref(r)]])},null,2)):e.createCommentVNode("",!0)],10,Ll))}}),Fl='<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2" 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.13 4.13 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.1 4.1 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.643 2.643 0 0 1-2.625-2.625 2.643 2.643 0 0 1 2.625-2.625 2.643 2.643 0 0 1 2.625 2.625A2.64 2.64 0 0 1 16.125 18" style="fill-rule:nonzero"/></svg>',Ul={class:"onyx-table-wrapper"},ql=["tabindex"],Zl={key:0,class:"onyx-table__header"},Kl={class:"onyx-table__empty"},Gl={colspan:"100%"},jl={class:"onyx-table__empty-content"},Yl=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}=B(),{densityClass:r}=g(n),a=e.computed(()=>l.value("table.empty"));return(s,c)=>(e.openBlock(),e.createElementBlock("div",Ul,[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",Zl,[e.renderSlot(s.$slots,"head")])):e.createCommentVNode("",!0),e.createElementVNode("tbody",null,[e.renderSlot(s.$slots,"default",{},()=>[e.createElementVNode("tr",Kl,[e.createElementVNode("td",Gl,[e.createElementVNode("div",jl,[e.renderSlot(s.$slots,"empty",{defaultMessage:a.value},()=>[e.createVNode(pe,null,{icon:e.withCtx(()=>[e.createVNode(x,{icon:e.unref(Fl),size:"48px"},null,8,["icon"])]),default:e.withCtx(()=>[e.createTextVNode(" "+e.toDisplayString(a.value),1)]),_:1})])])])])])])],2)],10,ql)]))}}),Xl={class:"onyx-text onyx-truncation-ellipsis"},Wl=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",Xl,e.toDisplayString(n.label),1)],2))}}),Jl=["data-autosize-value"],Ql=["placeholder","required","autocapitalize","autofocus","name","readonly","disabled","minlength","maxlength","aria-label","title"],ea=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}=L({props:t,emit:l}),{densityClass:s}=g(t),c=e.computed({get:()=>t.modelValue,set:u=>l("update:modelValue",u)}),i=u=>{const m=u.target.value;l("change",m)},d=e.computed(()=>{if(!t.autosize)return;const u=t.autosize.min?Math.max(t.autosize.min,2):void 0,m=t.autosize.max;return[u?`--min-autosize-rows: ${u}`:"",`--max-autosize-rows: ${m??"unset"}`]}),p=u=>{var h;const m=u.target;(h=m.parentElement)==null||h.setAttribute("data-autosize-value",m.value)};return(u,m)=>t.skeleton?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["onyx-textarea-skeleton",e.unref(s)]),style:e.normalizeStyle(d.value)},[t.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(w,{key:0,class:"onyx-textarea-skeleton__label"})),e.createVNode(w,{class:"onyx-textarea-skeleton__input"})],6)):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["onyx-textarea",e.unref(s)]),style:e.normalizeStyle(d.value)},[e.createVNode(fe,e.mergeProps(t,{"error-messages":e.unref(a)}),{default:e.withCtx(()=>[e.createElementVNode("div",{class:"onyx-textarea__wrapper","data-autosize-value":c.value},[e.withDirectives(e.createElementVNode("textarea",{"onUpdate:modelValue":m[0]||(m[0]=h=>c.value=h),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:p,onChange:i,onFocus:m[1]||(m[1]=h=>l("focus")),onBlur:m[2]||(m[2]=h=>l("blur"))},null,42,Ql),[[e.vModelText,c.value],[e.unref(r)]])],8,Jl)]),_:1},16,["error-messages"])],6))}}),ta='<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 32 32"><path d="M16 2C8.268 2 2 8.268 2 16s6.268 14 14 14 14-6.268 14-14S23.732 2 16 2m8.485 22.485A11.92 11.92 0 0 1 16 28C9.383 28 4 22.617 4 16S9.383 4 16 4s12 5.383 12 12c0 3.205-1.248 6.219-3.515 8.485"/><path d="M15 22h2v2h-2zm0-14h2v11h-2z"/></svg>',oa='<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 32 32"><path d="M16 2C8.268 2 2 8.268 2 16s6.268 14 14 14 14-6.268 14-14S23.732 2 16 2m0 26C9.383 28 4 22.617 4 16S9.383 4 16 4s12 5.383 12 12-5.383 12-12 12"/><path d="m12.987 19.063-3.291-3.292-1.414 1.415 4.705 4.706 9.707-9.708-1.414-1.414z"/></svg>',na={class:"onyx-toast__wrapper"},la={class:"onyx-toast__content onyx-truncation-ellipsis"},aa={class:"onyx-toast__headline onyx-text"},ra={class:"onyx-truncation-ellipsis"},sa=["aria-label"],ia={key:0,class:"onyx-toast__description onyx-text--small onyx-truncation-multiline",tabindex:"0"},et=e.defineComponent({__name:"OnyxToast",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}=B(),{densityClass:a}=g(t),s=e.computed(()=>t.duration>0),c={neutral:ze,danger:De,warning:ta,success:oa},i=e.computed(()=>{if(t.icon!==!1)return t.icon||c[t.color]});return(d,p)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.clickable?"button":"div"),{class:e.normalizeClass(["onyx-toast",[`onyx-toast--${t.color}`,e.unref(a)]]),role:t.color==="danger"||t.color==="warning"?"alert":"status","aria-label":t.clickable?t.headline:void 0,onClick:p[2]||(p[2]=u=>t.clickable&&l("click"))},{default:e.withCtx(()=>[e.createElementVNode("div",na,[i.value?(e.openBlock(),e.createBlock(x,{key:0,icon:i.value},null,8,["icon"])):e.createCommentVNode("",!0),e.createElementVNode("div",la,[e.createElementVNode("div",aa,[e.createElementVNode("span",ra,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__close",onClick:p[0]||(p[0]=u=>l("close"))},[e.createVNode(x,{icon:e.unref(ve)},null,8,["icon"])],8,sa))]),t.description?(e.openBlock(),e.createElementBlock("p",ia,e.toDisplayString(t.description),1)):e.createCommentVNode("",!0)])]),s.value?(e.openBlock(),e.createElementBlock("time",{key:t.duration,"aria-hidden":"true",class:"onyx-toast__progress-bar",style:e.normalizeStyle({animationDuration:`${t.duration}ms`}),onAnimationend:p[1]||(p[1]=u=>l("close"))},null,36)):e.createCommentVNode("",!0)]),_:1},8,["class","role","aria-label"]))}}),xe=Symbol(),tt=()=>{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}},ot=()=>{const o=()=>{console.warn('Trying to use "useToast()" before the toast provider has been provided. Make sure to "provide" it first.')};return e.inject(xe,()=>({toasts:e.computed(()=>[]),show:o,remove:o}),!0)},ca={key:0,class:"onyx-toast-provider",role:"presentation","aria-live":"polite",open:""},ua=e.defineComponent({__name:"OnyxToastProvider",setup(o){const n=ot();return(t,l)=>e.unref(n).toasts.value.length?(e.openBlock(),e.createElementBlock("dialog",ca,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(n).toasts.value,({id:r,...a})=>(e.openBlock(),e.createBlock(et,e.mergeProps({key:r,ref_for:!0},a),null,16))),128))])):e.createCommentVNode("",!0)}}),da=["top","bottom"],pa=(o={})=>({install:n=>{Me(n,o.i18n);const t=n.runWithContext(()=>B());e.watchEffect(()=>nt(t.t.value("optional"))),n.provide(xe,tt())}}),nt=o=>{globalThis.document.body.style.setProperty("--onyx-global-optional-text",o)},ma=(o,n)=>{const t=Ee(o.toLowerCase()),l=Ee(n.toLowerCase());return t.includes(l)},Ee=o=>o.normalize("NFD").replace(/[\u0300-\u036f]/g,"");exports.AUTOCAPITALIZE=Ko;exports.BUTTON_COLORS=Dt;exports.BUTTON_MODES=Pt;exports.BUTTON_TYPES=Lt;exports.DENSITIES=yt;exports.DIRECTIONS=Wn;exports.HEADLINE_TYPES=_o;exports.ICON_SIZES=ko;exports.INPUT_TYPES=Zo;exports.LINK_TARGETS=Yo;exports.MOBILE_NAV_BAR_INJECTION_KEY=z;exports.MULTISELECT_TEXT_MODE=Ol;exports.ONYX_BREAKPOINTS=We;exports.ONYX_COLORS=jn;exports.OnyxAppLayout=ut;exports.OnyxAvatar=le;exports.OnyxAvatarStack=ht;exports.OnyxBadge=Se;exports.OnyxButton=q;exports.OnyxCheckbox=F;exports.OnyxCheckboxGroup=po;exports.OnyxColorSchemeDialog=je;exports.OnyxColorSchemeMenuItem=vn;exports.OnyxDialog=Le;exports.OnyxEmpty=pe;exports.OnyxExternalLinkIcon=K;exports.OnyxFlyoutMenu=ke;exports.OnyxHeadline=I;exports.OnyxIcon=x;exports.OnyxIconButton=Pe;exports.OnyxInfoTooltip=U;exports.OnyxInput=qo;exports.OnyxLink=jo;exports.OnyxListItem=ye;exports.OnyxLoadingIndicator=M;exports.OnyxMenuItem=_e;exports.OnyxMiniSearch=Ke;exports.OnyxMobileNavButton=ie;exports.OnyxNavAppArea=Ge;exports.OnyxNavBar=il;exports.OnyxNavButton=Vn;exports.OnyxNavItem=En;exports.OnyxNavSeparator=Ye;exports.OnyxPageLayout=pl;exports.OnyxRadioButton=ce;exports.OnyxRadioGroup=vl;exports.OnyxSelect=Ml;exports.OnyxSelectInput=Qe;exports.OnyxSelectOption=ue;exports.OnyxSkeleton=w;exports.OnyxSwitch=Rl;exports.OnyxTable=Yl;exports.OnyxTag=Wl;exports.OnyxTextarea=ea;exports.OnyxTimer=In;exports.OnyxToast=et;exports.OnyxToastProvider=ua;exports.OnyxTooltip=me;exports.OnyxUserMenu=Un;exports.OnyxVisuallyHidden=he;exports.TEXT_SIZES=Yn;exports.TOAST_PROVIDER_INJECTION_KEY=xe;exports.TOOLTIP_POSITIONS=da;exports.TRUNCATION_TYPES=Xn;exports.createOnyx=pa;exports.createToastProvider=tt;exports.normalizedIncludes=ma;exports.provideI18n=Me;exports.syncGlobalOptionalText=nt;exports.useDensity=g;exports.useScrollEnd=Je;exports.useToast=ot;
+`,un={class:"onyx-color-scheme-dialog__subtitle onyx-text"},dn=["innerHTML"],pn=["autofocus","value","checked","aria-label"],mn={class:"onyx-text--small"},fn={class:"onyx-color-scheme-dialog__actions"},je=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}=B(),s=e.computed(()=>[{value:"auto",image:rn,label:a.value("colorScheme.auto.label"),description:a.value("colorScheme.auto.description")},{value:"light",image:cn,label:a.value("colorScheme.light.label"),description:a.value("colorScheme.light.description")},{value:"dark",image:sn,label:a.value("colorScheme.dark.label"),description:a.value("colorScheme.dark.description")}]),c=d=>{const p=d.target;r.value=p.value},i=()=>{r.value&&(l("update:modelValue",r.value),l("close"))};return(d,p)=>(e.openBlock(),e.createBlock(Le,e.mergeProps({class:"onyx-color-scheme-dialog"},t,{label:e.unref(a)("colorScheme.headline"),modal:"",onClose:p[1]||(p[1]=u=>l("close"))}),{default:e.withCtx(()=>[e.createElementVNode("form",{class:"onyx-color-scheme-dialog__form",onSubmit:e.withModifiers(i,["prevent"])},[e.createElementVNode("div",null,[e.createVNode(I,{is:"h2"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(a)("colorScheme.headline")),1)]),_:1}),e.createElementVNode("span",un,e.toDisplayString(e.unref(a)("colorScheme.subtitle")),1)]),e.createElementVNode("fieldset",{class:"onyx-color-scheme-dialog__list",onChange:c},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.value,u=>(e.openBlock(),e.createElementBlock("label",{key:u.value,class:"onyx-color-scheme-dialog__option"},[e.createElementVNode("figure",{class:"onyx-color-scheme-dialog__image",innerHTML:u.image},null,8,dn),e.createElementVNode("div",null,[e.createVNode(he,{is:"div"},{default:e.withCtx(()=>[e.createElementVNode("input",{type:"radio",name:"color-scheme",autofocus:t.modelValue===u.value,value:u.value,checked:t.modelValue===u.value,"aria-label":u.label,required:""},null,8,pn)]),_:2},1024),e.createVNode(I,{is:"h3",class:"onyx-color-scheme-dialog__label"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(u.label),1)]),_:2},1024),e.createElementVNode("p",mn,e.toDisplayString(u.description),1)])]))),128))],32),e.createElementVNode("div",fn,[e.createVNode(q,{label:e.unref(a)("cancel"),mode:"plain",color:"neutral",onClick:p[0]||(p[0]=u=>l("close"))},null,8,["label"]),e.createVNode(q,{label:e.unref(a)("apply"),type:"submit"},null,8,["label"])])],32)]),_:1},16,["label"]))}}),hn='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M15.99 2C8.28 2 2 8.27 2 15.99s6.27 13.99 13.99 13.99 13.99-6.27 13.99-13.99S23.7 2 15.99 2m5.96 3.6c.76.44 1.47.96 2.12 1.55v17.66c-.65.59-1.35 1.11-2.12 1.55zm-2 21.69c-.63.22-1.29.39-1.96.51V4.18c.67.11 1.33.28 1.96.51zm6.11-17.77c1.2 1.87 1.91 4.08 1.91 6.47s-.71 4.6-1.91 6.47V9.53ZM4 15.99C4 9.38 9.38 4 15.99 4v23.97C9.38 27.97 4 22.59 4 15.98Z" style="stroke-width:0"/></svg>',_e=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,c)=>(e.openBlock(),e.createBlock(ye,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:c[0]||(c[0]=i=>l("click"))}),{default:e.withCtx(()=>[e.renderSlot(s.$slots,"default")]),_:3},16,["disabled","href"]))]),_:3},16,["selected","active","color","disabled"]))}}),yn={class:"onyx-color-scheme-menu-item__value"},vn=e.defineComponent({__name:"OnyxColorSchemeMenuItem",props:{modelValue:{}},emits:["update:modelValue"],setup(o,{emit:n}){const t=o,l=n,{t:r}=B(),a=e.ref(!1);return(s,c)=>(e.openBlock(),e.createBlock(_e,{class:"onyx-color-scheme-menu-item",onClick:c[2]||(c[2]=i=>a.value=!0)},{default:e.withCtx(()=>[e.createVNode(x,{icon:e.unref(hn)},null,8,["icon"]),e.createElementVNode("div",null,[e.createTextVNode(e.toDisplayString(e.unref(r)("colorScheme.appearance"))+": ",1),e.createElementVNode("span",yn,e.toDisplayString(e.unref(r)(`colorScheme.${t.modelValue}.label`)),1)]),(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[e.createVNode(je,{"model-value":t.modelValue,open:a.value,onClose:c[0]||(c[0]=i=>a.value=!1),"onUpdate:modelValue":c[1]||(c[1]=i=>l("update:modelValue",i))},null,8,["model-value","open"])]))]),_:1}))}}),_n={class:"onyx-flyout-menu"},kn=["aria-label"],ke=e.defineComponent({__name:"OnyxFlyoutMenu",props:{label:{}},setup(o){const n=o,t=e.useSlots(),{elements:{button:l,flyout:r,menu:a},state:{isExpanded:s}}=Mo({}),c=e.computed(()=>{var d;if(!t.default)return;const i=t.default().at(0);return(i==null?void 0:i.type.toString())==="Symbol(v-fgt)"?Array.isArray(i==null?void 0:i.children)?(d=i==null?void 0:i.children)==null?void 0:d.at(0):void 0:i});return(i,d)=>(e.openBlock(),e.createElementBlock("div",_n,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(c.value),e.normalizeProps(e.guardReactiveProps(e.unref(l))),null,16)),t.options||t.header||t.footer?e.withDirectives((e.openBlock(),e.createElementBlock("div",e.mergeProps({key:0},e.unref(r),{"aria-label":n.label,class:{"onyx-flyout-menu__list--with-header":!!t.header,"onyx-flyout-menu__list--with-footer":!!t.footer,"onyx-flyout-menu__list":!0}}),[e.renderSlot(i.$slots,"header"),t.options?(e.openBlock(),e.createElementBlock("ul",e.mergeProps({key:0},e.unref(a),{class:"onyx-flyout-menu__wrapper onyx-flyout-menu__group"}),[e.renderSlot(i.$slots,"options")],16)):e.createCommentVNode("",!0),e.renderSlot(i.$slots,"footer")],16,kn)),[[e.vShow,e.unref(s)]]):e.createCommentVNode("",!0)]))}}),xn='<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 32 32"><path d="m13.207 8.293-1.414 1.414L18.086 16l-6.293 6.293 1.414 1.414L20.914 16z"/></svg>',z=Symbol(),gn='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32.04 32.04"><path d="M23.52 15.52H11.93l4.13-4.13-1.42-1.41-6.54 6.54 6.54 6.54 1.42-1.42-4.13-4.12h11.59z"/></svg>',bn=["aria-orientation"],Ye=e.defineComponent({__name:"OnyxNavSeparator",props:{orientation:{default:"vertical"}},setup(o){const n=o,t=e.inject(z);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,bn))}}),Bn={role:"presentation"},Cn=e.defineComponent({__name:"NavButtonLayout",props:e.mergeModels({href:{},withExternalIcon:{type:[Boolean,String]},label:{},active:{type:Boolean},isMobile:{type:Boolean}},{mobileChildrenOpen:{type:Boolean},mobileChildrenOpenModifiers:{}}),emits:["update:mobileChildrenOpen"],setup(o){const n=o,t=e.useSlots(),{t:l}=B(),r=e.useModel(o,"mobileChildrenOpen");return(a,s)=>(e.openBlock(),e.createElementBlock("li",Bn,[n.isMobile?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[n.isMobile&&r.value?(e.openBlock(),e.createBlock(q,{key:0,label:e.unref(l)("back"),mode:"plain",color:"neutral",icon:e.unref(gn),onClick:s[0]||(s[0]=c=>r.value=!1)},null,8,["label","icon"])):e.createCommentVNode("",!0),!r.value||n.href?e.renderSlot(a.$slots,"button",{key:1}):e.createCommentVNode("",!0),r.value&&n.href?(e.openBlock(),e.createBlock(Ye,{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":r.value}])},[e.renderSlot(a.$slots,"options")],2),[[e.vShow,r.value]])],64)):(e.openBlock(),e.createBlock(ke,{key:1,label:e.unref(l)("navItemOptionsLabel",{label:n.label})},e.createSlots({default:e.withCtx(()=>[e.renderSlot(a.$slots,"button")]),_:2},[t.options?{name:"options",fn:e.withCtx(()=>[e.renderSlot(a.$slots,"options")]),key:"0"}:void 0]),1032,["label"]))]))}}),wn=["aria-label"],Vn=e.defineComponent({__name:"OnyxNavButton",props:{href:{},withExternalIcon:{type:[Boolean,String],default:"auto"},label:{},active:{type:Boolean,default:!1}},emits:["click"],setup(o,{emit:n}){const t=o,l=n,r=e.useSlots(),a=e.inject(z),s=e.ref(!1),c=e.computed(()=>!!r.children),i=()=>{a!=null&&a.value&&c.value&&!s.value?s.value=!0:t.href&&l("click",t.href)};return(d,p)=>(e.openBlock(),e.createBlock(Cn,e.mergeProps({"mobile-children-open":s.value,"onUpdate:mobileChildrenOpen":p[0]||(p[0]=u=>s.value=u),class:["onyx-nav-button",{"onyx-nav-button--mobile":e.unref(a),"onyx-nav-button--active":t.active||s.value}],"is-mobile":e.unref(a)??!1},t),e.createSlots({button:e.withCtx(()=>[e.createElementVNode("button",{class:"onyx-nav-button__trigger onyx-text",role:"menuitem","aria-label":t.label,type:"button",onClick:i},[e.renderSlot(d.$slots,"default",{},()=>[e.createElementVNode("span",null,e.toDisplayString(t.label),1),e.createVNode(K,e.normalizeProps(e.guardReactiveProps(t)),null,16)]),e.unref(a)&&c.value&&!s.value?(e.openBlock(),e.createBlock(x,{key:0,class:"onyx-nav-button__mobile-chevron",icon:e.unref(xn)},null,8,["icon"])):e.createCommentVNode("",!0)],8,wn)]),_:2},[r.children?{name:"options",fn:e.withCtx(()=>[e.renderSlot(d.$slots,"children")]),key:"0"}:void 0]),1040,["mobile-children-open","class","is-mobile"]))}}),En=e.defineComponent({__name:"OnyxNavItem",props:{href:{},withExternalIcon:{type:[Boolean,String],default:"auto"},label:{},active:{type:Boolean}},emits:["click"],setup(o,{emit:n}){const t=o,l=n;return(r,a)=>(e.openBlock(),e.createBlock(_e,{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(K,e.normalizeProps(e.guardReactiveProps(t)),null,16)])]),_:3},8,["active","href"]))}}),Sn=o=>{const n=e.ref(),t=e.ref(oe(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=oe(a),n.value=setInterval(()=>{t.value=oe(a),l.value&&clearInterval(n.value)},1e3)},{immediate:!0}),e.onBeforeUnmount(()=>clearInterval(n.value)),{timeLeft:t,isEnded:l}},oe=o=>{const n=o-Date.now();return Math.max(n,0)},Xe=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}},Nn=(o,n)=>{const{hours:t,minutes:l,seconds:r}=Xe(o),a=i=>i.toString().padStart(2,"0");let s="",c=ne(n.formatToParts(o,"seconds"));return l>0&&(c=ne(n.formatToParts(o,"minutes"))),t>0&&(c=ne(n.formatToParts(o,"hours")),s=`${a(t)}:`),`${s}${a(l)}:${a(r)} ${c}`},ne=o=>{var n;return((n=o.at(-1))==null?void 0:n.value.replace(".","").trim())??""},$n=o=>{const{hours:n,minutes:t,seconds:l}=Xe(o);return`PT${n}H${t}M${l}S`},Mn=["aria-label"],On={key:0,class:"onyx-timer__label"},Tn=["datetime"],In=e.defineComponent({__name:"OnyxTimer",props:{endTime:{},label:{},hideLabel:{type:Boolean}},emits:["timerEnded"],setup(o,{emit:n}){const t=o,l=n,{locale:r}=B(),{timeLeft:a,isEnded:s}=Sn(e.computed(()=>t.endTime)),c=e.computed(()=>new Intl.RelativeTimeFormat(r.value,{numeric:"always",style:"short"})),i=e.computed(()=>Nn(a.value,c.value));return e.watchEffect(()=>s.value&&l("timerEnded")),(d,p)=>(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",On,e.toDisplayString(t.label),1)),e.createElementVNode("time",{datetime:e.unref($n)(e.unref(a)),class:"onyx-timer__time"},e.toDisplayString(i.value),9,Tn)],8,Mn))}}),Ln=e.defineComponent({__name:"UserMenuLayout",props:{isMobile:{type:Boolean}},setup(o){const n=o,t=e.useSlots(),{t:l}=B();return(r,a)=>(e.openBlock(),e.createElementBlock("div",null,[n.isMobile?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.renderSlot(r.$slots,"header"),e.renderSlot(r.$slots,"options"),e.renderSlot(r.$slots,"footer")],64)):(e.openBlock(),e.createBlock(ke,{key:1,class:"onyx-user-menu__flyout",label:e.unref(l)("navigation.userMenuLabel")},e.createSlots({header:e.withCtx(()=>[e.renderSlot(r.$slots,"header")]),options:e.withCtx(()=>[e.renderSlot(r.$slots,"options")]),default:e.withCtx(()=>[e.renderSlot(r.$slots,"button")]),_:2},[t.footer?{name:"footer",fn:e.withCtx(()=>[e.renderSlot(r.$slots,"footer")]),key:"0"}:void 0]),1032,["label"]))]))}}),Dn={class:"onyx-user-menu__trigger onyx-text",type:"button"},Pn={class:"onyx-truncation-ellipsis"},zn={class:"onyx-user-menu__header"},An={class:"onyx-truncation-ellipsis"},Hn={class:"onyx-user-menu__username onyx-text onyx-truncation-ellipsis"},Rn={key:0,class:"onyx-user-menu__description onyx-text--small onyx-truncation-ellipsis"},Fn={class:"onyx-user-menu__footer onyx-text--small"},Un=e.defineComponent({__name:"OnyxUserMenu",props:{username:{},avatar:{},description:{}},setup(o){const n=o,t=e.useSlots(),l=e.computed(()=>({src:n.avatar,label:n.username})),r=e.inject(z,e.computed(()=>!1));return(a,s)=>(e.openBlock(),e.createBlock(Ln,{class:e.normalizeClass(["onyx-user-menu",{"onyx-user-menu--mobile":e.unref(r)}]),"is-mobile":e.unref(r)??!1},e.createSlots({button:e.withCtx(()=>[e.createElementVNode("button",Dn,[e.createVNode(le,e.mergeProps(l.value,{size:"24px"}),null,16),e.createElementVNode("span",Pn,e.toDisplayString(n.username),1)])]),header:e.withCtx(()=>[e.createElementVNode("div",zn,[e.createVNode(le,e.normalizeProps(e.guardReactiveProps(l.value)),null,16),e.createElementVNode("div",An,[e.createElementVNode("div",Hn,e.toDisplayString(n.username),1),n.description?(e.openBlock(),e.createElementBlock("div",Rn,e.toDisplayString(n.description),1)):e.createCommentVNode("",!0)])])]),options:e.withCtx(()=>[e.renderSlot(a.$slots,"default")]),_:2},[t.footer?{name:"footer",fn:e.withCtx(()=>[e.createElementVNode("div",Fn,[e.renderSlot(a.$slots,"footer")])]),key:"0"}:void 0]),1032,["class","is-mobile"]))}}),qn='<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 32 32"><path d="m20.207 9.707-1.414-1.414L11.086 16l7.707 7.707 1.414-1.414L13.914 16z"/></svg>',Zn='<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 32 32"><path d="M2 15h28v2H2zm0-7h28v2H2zm0 14h28v2H2z"/></svg>',Kn='<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 32 32"><circle cx="16" cy="5" r="3"/><circle cx="16" cy="16" r="3"/><circle cx="16" cy="27" r="3"/></svg>',Gn=(o,n)=>{const t="content-box",l=e.ref(0),r=e.ref(0),a=s=>{const c=s[0].contentBoxSize;l.value=c.reduce((i,{inlineSize:d})=>i+d,0),r.value=c.reduce((i,{blockSize:d})=>i+d,0)};return e.onBeforeMount(()=>{const s=new ResizeObserver(a);e.watch(o,(c,i)=>{i&&(s==null||s.unobserve(i)),c&&(s==null||s.observe(c,{box:t}))},{immediate:!0}),e.onBeforeUnmount(()=>s.disconnect())}),{width:l,height:r}},We={"2xs":320,xs:576,sm:768,md:992,lg:1440,xl:1920},jn=["primary","secondary","neutral","danger","warning","success","info"],Yn=["small","default","large"],Xn=["ellipsis","multiline"],Wn=["horizontal","vertical"],Jn={class:"onyx-nav-bar__content"},Qn={key:0,class:"onyx-nav-bar__mobile-page"},el={class:"onyx-nav-bar__nav--mobile"},tl={role:"menubar"},ol={key:1,class:"onyx-nav-bar__nav"},nl={role:"menubar"},ll={key:0,class:"onyx-nav-bar__mobile-context"},al={key:0,class:"onyx-nav-bar__mobile-global-context"},rl={class:"onyx-nav-bar__mobile-context-content"},sl={key:1,class:"onyx-nav-bar__context"},il=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:c}=Gn(s),{t:i}=B(),d=e.ref(!1),p=e.ref(!1),u=e.computed(()=>{const m=typeof l.mobileBreakpoint=="number"?l.mobileBreakpoint:We[l.mobileBreakpoint];return c.value!==0&&c.value<m});return e.provide(z,u),n({closeMobileMenus:()=>{d.value=!1,p.value=!1}}),(m,h)=>(e.openBlock(),e.createElementBlock("header",{ref_key:"navBarRef",ref:s,class:e.normalizeClass(["onyx-nav-bar",{"onyx-nav-bar--mobile":u.value}])},[e.createElementVNode("div",Jn,[u.value&&!d.value&&a.mobileActivePage?(e.openBlock(),e.createElementBlock("span",Qn,[e.renderSlot(m.$slots,"mobileActivePage")])):l.appName||l.logoUrl||a.appArea?(e.openBlock(),e.createBlock(Ge,{key:1,class:"onyx-nav-bar__app","app-name":l.appName,"logo-url":l.logoUrl,label:l.appAreaLabel,onClick:h[0]||(h[0]=_=>{r("appAreaClick"),d.value=!1})},{default:e.withCtx(()=>[e.renderSlot(m.$slots,"appArea")]),_:3},8,["app-name","logo-url","label"])):e.createCommentVNode("",!0),l.withBackButton?(e.openBlock(),e.createBlock(Pe,{key:2,class:"onyx-nav-bar__back",label:e.unref(i)("navigation.goBack"),icon:e.unref(qn),color:"neutral",onClick:h[1]||(h[1]=_=>r("backButtonClick"))},null,8,["label","icon"])):e.createCommentVNode("",!0),a.default?(e.openBlock(),e.createElementBlock(e.Fragment,{key:3},[u.value?(e.openBlock(),e.createBlock(ie,{key:0,open:d.value,"onUpdate:open":[h[2]||(h[2]=_=>d.value=_),h[3]||(h[3]=_=>p.value=!1)],class:"onyx-nav-bar__burger",icon:e.unref(Zn),label:e.unref(i)("navigation.toggleBurgerMenu")},{default:e.withCtx(()=>[e.createVNode(I,{is:"h2",class:"onyx-nav-bar__mobile-headline"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(i)("navigation.navigationHeadline")),1)]),_:1}),e.createElementVNode("nav",el,[e.createElementVNode("ul",tl,[e.renderSlot(m.$slots,"default")])])]),_:3},8,["open","icon","label"])):(e.openBlock(),e.createElementBlock("nav",ol,[e.createElementVNode("ul",nl,[e.renderSlot(m.$slots,"default")])]))],64)):e.createCommentVNode("",!0),a.contextArea||a.globalContextArea?(e.openBlock(),e.createElementBlock(e.Fragment,{key:4},[u.value?(e.openBlock(),e.createElementBlock("div",ll,[a.globalContextArea?(e.openBlock(),e.createElementBlock("div",al,[e.renderSlot(m.$slots,"globalContextArea")])):e.createCommentVNode("",!0),a.contextArea?(e.openBlock(),e.createBlock(ie,{key:1,open:p.value,"onUpdate:open":[h[4]||(h[4]=_=>p.value=_),h[5]||(h[5]=_=>d.value=!1)],icon:e.unref(Kn),label:e.unref(i)("navigation.toggleContextMenu")},{default:e.withCtx(()=>[e.createElementVNode("div",rl,[e.renderSlot(m.$slots,"contextArea")])]),_:3},8,["open","icon","label"])):e.createCommentVNode("",!0)])):(e.openBlock(),e.createElementBlock("div",sl,[a.globalContextArea?e.renderSlot(m.$slots,"globalContextArea",{key:0}):e.createCommentVNode("",!0),a.contextArea?e.renderSlot(m.$slots,"contextArea",{key:1}):e.createCommentVNode("",!0)]))],64)):e.createCommentVNode("",!0)])],2))}}),cl={key:0,class:"onyx-page__sidebar"},ul={class:"onyx-page__main"},dl={key:1,class:"onyx-page__footer"},pl=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",cl,[e.renderSlot(r.$slots,"sidebar")])):e.createCommentVNode("",!0),e.createElementVNode("main",ul,[e.renderSlot(r.$slots,"default")]),t.footer?(e.openBlock(),e.createElementBlock("footer",dl,[e.renderSlot(r.$slots,"footer")])):e.createCommentVNode("",!0)],2))}}),ml=["title"],fl=["required","name","value","checked","disabled","autofocus"],ce=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}=L({props:t,emit:l}),{densityClass:a}=g(t),s=c=>{const i=c.target.checked;l("change",i)};return(c,i)=>t.skeleton?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["onyx-radio-button-skeleton",e.unref(a)])},[e.createVNode(w,{class:"onyx-radio-button-skeleton__input"}),e.createVNode(w,{class:"onyx-radio-button-skeleton__label"})],2)):(e.openBlock(),e.createElementBlock("label",{key:1,class:e.normalizeClass(["onyx-radio-button",e.unref(a)]),title:e.unref(Te)(t.customError)},[t.loading?(e.openBlock(),e.createBlock(M,{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:s},null,40,fl)),[[e.unref(r)]]),e.createElementVNode("span",{class:e.normalizeClass(["onyx-radio-button__label",[`onyx-truncation-${t.truncation}`]])},e.toDisplayString(t.label),3)],10,ml))}}),hl=["disabled"],yl={key:0,class:"onyx-radio-button-group__headline"},vl=e.defineComponent({__name:"OnyxRadioGroup",props:{density:{},required:{type:Boolean,default:!1},requiredMarker:{},customError:{},options:{},name:{default:()=>T("radio-button-group-name")},modelValue:{},headline:{default:""},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}=Z(t),s=n,c=(i,d)=>{i&&s("update:modelValue",d)};return(i,d)=>(e.openBlock(),e.createElementBlock("fieldset",{class:e.normalizeClass(["onyx-radio-button-group",e.unref(l),e.unref(a)]),disabled:t.disabled,role:"radiogroup"},[t.headline?(e.openBlock(),e.createElementBlock("legend",yl,[e.createVNode(I,{is:"h3",class:e.normalizeClass(e.unref(r))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.headline),1)]),_:1},8,["class"])])):e.createCommentVNode("",!0),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,(p,u)=>(e.openBlock(),e.createBlock(ce,e.mergeProps({key:p.value.toString(),ref_for:!0},p,{name:t.name,"custom-error":t.customError,checked:p.value===t.modelValue,required:t.required,onValidityChange:m=>u===0&&s("validityChange",m),onChange:m=>c(m,p.value)}),null,16,["name","custom-error","checked","required","onValidityChange","onChange"]))),128)):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(t.skeleton,p=>(e.openBlock(),e.createBlock(ce,{id:`skeleton-${p}`,key:p,value:`skeleton-${p}`,label:"Skeleton ${i}",name:t.name,skeleton:""},null,8,["id","value","name"]))),128))],2)],10,hl))}}),Je=o=>{const t=e.ref(!1),l=a=>{const s=a.target;if(!(s instanceof Element))return;const c=e.unref(o.offset)??0;t.value=Math.abs(s.scrollTop)+s.clientHeight>=s.scrollHeight-c-1};return{vScrollEnd:{mounted:a=>{e.watchEffect(()=>{var c;(((c=o.enabled)==null?void 0:c.value)??!0)&&!o.loading.value?a.addEventListener("scroll",l):a.removeEventListener("scroll",l)})}},isScrollEnd:t}},Ve=(o,n,t)=>{const l=e.computed(()=>o.value===void 0),r=e.ref(l.value?n:o.value);return e.computed({set:a=>{r.value=a,t(a)},get:()=>l.value?r.value:o.value})},_l='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="m22.29 18.83 1.41 1.41-7.71 7.71-7.71-7.71 1.41-1.41 6.29 6.29 6.29-6.29ZM16 6.87l6.29 6.29 1.41-1.41-7.71-7.71-7.71 7.71 1.41 1.41 6.29-6.29Z"/></svg>',kl={class:"onyx-select-input__wrapper"},xl=["readonly","placeholder","required","disabled","aria-label","title","value","autofocus"],gl=["aria-label","disabled"],Qe=e.defineComponent({inheritAttrs:!1,__name:"OnyxSelectInput",props:{density:{},required:{type:Boolean},requiredMarker:{},customError:{},modelValue:{},textMode:{},autofocus:{type:Boolean},label:{},labelTooltip:{},hideLabel:{type:Boolean,default:!1},message:{},messageTooltip:{},errorMessages:{},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}=Ze(),a=o,s=t,{t:c}=B(),{vCustomValidity:i,errorMessages:d}=L({props:a,emit:s}),p=e.computed(()=>a.modelValue?a.modelValue.length:0),u=e.computed(()=>{var b;const k=(b=a.modelValue)==null?void 0:b.length;if(!a.modelValue||!k)return"";if(k===1)return a.modelValue[0].label;switch(a.textMode){case"preview":return a.modelValue.map(({label:S})=>S).join(", ");case"summary":default:return c.value("selections.currentSelection",{n:k})}}),m=e.ref(!1),{densityClass:h}=g(a),_=e.ref();n({focus:()=>{var k;return(k=_.value)==null?void 0:k.focus()}}),e.watch(()=>a.showFocus,(k,b)=>{m.value||b&&k===!1&&(m.value=!0)});const V=Fe.concat(Ue),O=k=>{V.includes(k.key)||k.preventDefault()};return(k,b)=>a.skeleton?(e.openBlock(),e.createElementBlock("div",e.mergeProps({key:0,class:["onyx-select-input-skeleton",e.unref(h)]},e.unref(l)),[a.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(w,{key:0,class:"onyx-select-input-skeleton__label"})),e.createVNode(w,{class:"onyx-select-input-skeleton__input"})],16)):(e.openBlock(),e.createElementBlock("div",e.mergeProps({key:1,class:["onyx-select-input",e.unref(h),a.readonly?"onyx-select-input--readonly":"onyx-select-input--editable"]},e.unref(l)),[e.createVNode(fe,e.mergeProps(a,{"error-messages":e.unref(d)}),{default:e.withCtx(()=>[e.createElementVNode("div",kl,[a.loading?(e.openBlock(),e.createBlock(M,{key:0,class:"onyx-select-input__loading",type:"circle"})):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("input",e.mergeProps({ref_key:"input",ref:_,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(d)&&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:u.value,autofocus:a.autofocus,onClick:b[0]||(b[0]=S=>s("click")),onKeydown:O}),null,16,xl),[[e.unref(i)]]),a.textMode==="preview"&&p.value>0?(e.openBlock(),e.createBlock(me,{key:1,text:u.value,position:"bottom"},{default:e.withCtx(()=>[e.createVNode(Se,{class:"onyx-select-input__badge",color:"neutral"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(p.value),1)]),_:1})]),_:1},8,["text"])):e.createCommentVNode("",!0),e.createElementVNode("button",{class:"onyx-select-input__button",type:"button","aria-label":e.unref(c)("select.toggleDropDown"),tabindex:"-1",disabled:a.readonly||a.disabled||a.loading,onClick:b[1]||(b[1]=S=>s("click"))},[e.createVNode(x,{icon:e.unref(_l)},null,8,["icon"])],8,gl)])]),_:1},16,["error-messages"])],16))}}),bl=["checked","aria-labelledby","disabled","indeterminate"],Bl={class:"onyx-truncation-ellipsis"},ue=e.defineComponent({__name:"OnyxSelectOption",props:{active:{type:Boolean,default:!1},density:{},multiple:{type:Boolean,default:!1},indeterminate:{type:Boolean},icon:{}},setup(o){const n=o;return(t,l)=>(e.openBlock(),e.createBlock(ye,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,bl)):e.createCommentVNode("",!0),n.icon?(e.openBlock(),e.createBlock(x,{key:1,icon:n.icon},null,8,["icon"])):e.createCommentVNode("",!0),e.createElementVNode("span",Bl,[e.renderSlot(t.$slots,"default")])]),_:3},16,["checked","selected","disabled"]))}}),Cl=["inert","aria-busy"],wl={class:"onyx-select__wrapper",tabindex:"-1"},Vl={key:0,role:"group",class:"onyx-select__group"},El={role:"option","aria-selected":"false"},Sl={key:0,role:"presentation",class:"onyx-select__group-name onyx-text--small"},Nl={key:1,class:"onyx-select__slot"},$l={key:2,class:"onyx-select__slot"},Ml=e.defineComponent({__name:"OnyxSelect",props:{density:{},multiple:{type:Boolean},modelValue:{},withCheckAll:{type:[Boolean,Object]},withSearch:{type:Boolean},searchTerm:{default:void 0},required:{type:Boolean},requiredMarker:{},customError:{},textMode:{},autofocus:{type:Boolean},label:{},labelTooltip:{},hideLabel:{type:Boolean},message:{},messageTooltip:{},errorMessages:{},disabled:{type:Boolean},skeleton:{type:Boolean},readonly:{type:Boolean},loading:{type:Boolean,default:!1},placeholder:{},showFocus:{type:Boolean},open:{type:Boolean,default:void 0},listLabel:{},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}=B(),c=Ve(e.toRef(()=>t.searchTerm),"",f=>l("update:searchTerm",f)),i=Ve(e.toRef(()=>t.open),!1,f=>l("update:open",f)),d=e.ref(),p=e.ref(),u=e.computed(()=>t.modelValue?t.multiple&&Array.isArray(t.modelValue)?t.modelValue:[t.modelValue]:[]),m=e.ref(),h=e.ref();e.watch(u,()=>{var f;t.multiple||(p.value=(f=u.value.at(0))==null?void 0:f.value)},{immediate:!0});const _=T("ONYX_CHECK_ALL"),V=e.computed(()=>(t.multiple&&t.withCheckAll&&!c.value?[_]:[]).concat(ge.value)),O=async f=>{var v,C;if(t.readonly){i.value=!1;return}i.value=!i.value,i.value?(await e.nextTick(),(C=m.value)==null||C.focus()):(c.value&&(c.value=""),f||(v=h.value)==null||v.focus())},k=()=>p.value=V.value.at(0),b=()=>p.value=V.value.at(-1),S=f=>{const v=V.value.findIndex(C=>C===f);v<V.value.length-1&&(p.value=V.value[v+1])},G=f=>{const v=V.value.findIndex(C=>C===f);v>0&&(p.value=V.value[v-1])},j=f=>{const v=t.options.find(C=>C.label.toLowerCase().trim().startsWith(f.toLowerCase()));v&&(p.value=v.value)},A=f=>c.value=f,Y=f=>{var N;if(f===_){(N=R.value)==null||N.handleChange(!R.value.state.value.modelValue);return}const v=t.options.find(({value:E})=>E===f);if(!v)return;if(!t.multiple)return l("update:modelValue",v);u.value.some(({value:E})=>E===f)?l("update:modelValue",u.value.filter(({value:E})=>E!==f)):l("update:modelValue",[...u.value,v])},X=e.computed(()=>t.withSearch?"list":"none"),{elements:{input:D,option:H,group:W,listbox:J}}=$o({autocomplete:X,label:t.label,listLabel:t.listLabel,inputValue:e.computed(()=>t.withSearch&&c.value||""),activeOption:e.computed(()=>p.value),multiple:e.computed(()=>t.multiple),isExpanded:i,templateRef:d,onToggle:O,onActivateFirst:k,onActivateLast:b,onActivateNext:S,onActivatePrevious:G,onTypeAhead:j,onAutocomplete:A,onSelect:Y}),Q=e.computed(()=>to(t.options,"group")),{vScrollEnd:y,isScrollEnd:ee}=Je({enabled:e.computed(()=>{var f;return((f=t.lazyLoading)==null?void 0:f.enabled)??!1}),loading:e.computed(()=>t.loading),offset:e.computed(()=>{var f;return(f=t.lazyLoading)==null?void 0:f.scrollOffset})}),te=e.computed(()=>{if(!t.options.length)return t.withSearch&&c.value?s.value("select.noMatch"):s.value("select.empty")}),ge=e.computed(()=>t.options.filter(f=>!f.disabled).map(({value:f})=>f)),R=e.computed(()=>{if(!(!t.multiple||!t.withCheckAll))return Ie(ge,e.computed(()=>u.value.map(({value:f})=>f)),f=>{const v=f.map(C=>t.options.find(({value:N})=>N===C)).filter(C=>C!=null);l("update:modelValue",v)})}),be=e.computed(()=>{var v;if(!t.multiple)return"";const f=s.value("selections.selectAll");return typeof t.withCheckAll=="boolean"?f:((v=t.withCheckAll)==null?void 0:v.label)??f});e.watchEffect(()=>{ee.value&&l("lazyLoad")});const lt=e.computed(()=>{const f={...t,modelValue:u.value};return t.withSearch?{...f,onKeydown:D.value.onKeydown}:{...f,...D.value}});return(f,v)=>{var C;return e.openBlock(),e.createElementBlock("div",{ref_key:"selectRef",ref:d,class:"onyx-select-wrapper"},[e.createVNode(Qe,e.mergeProps({ref_key:"selectInput",ref:h},lt.value,{"show-focus":e.unref(i),autofocus:t.autofocus,onClick:O,onValidityChange:v[0]||(v[0]=N=>l("validityChange",N))}),null,16,["show-focus","autofocus"]),e.createElementVNode("div",{class:e.normalizeClass(["onyx-select",e.unref(r),e.unref(i)?"onyx-select--open":""]),inert:!e.unref(i),"aria-busy":t.loading},[e.withDirectives((e.openBlock(),e.createElementBlock("div",wl,[t.withSearch?(e.openBlock(),e.createBlock(Ke,e.mergeProps({key:0,ref_key:"miniSearch",ref:m},e.unref(D),{label:e.unref(s)("select.searchInputLabel"),class:"onyx-select__search",onClear:v[1]||(v[1]=N=>c.value="")}),null,16,["label"])):e.createCommentVNode("",!0),e.createElementVNode("div",e.normalizeProps(e.guardReactiveProps(e.unref(J))),[te.value?(e.openBlock(),e.createElementBlock("ul",Vl,[e.createElementVNode("li",El,[e.renderSlot(f.$slots,"empty",{defaultMessage:te.value},()=>[e.createVNode(pe,null,{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(te.value),1)]),_:1})])])])):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(Q.value,(N,E)=>{var Be,Ce;return e.openBlock(),e.createElementBlock("ul",e.mergeProps({key:E,class:"onyx-select__group",ref_for:!0},e.unref(W)({label:E})),[E!=""?(e.openBlock(),e.createElementBlock("li",Sl,e.toDisplayString(E),1)):e.createCommentVNode("",!0),t.multiple&&t.withCheckAll&&!e.unref(c)?(e.openBlock(),e.createBlock(ue,e.mergeProps({key:1,ref_for:!0},e.unref(H)({value:e.unref(_),label:be.value,selected:(Be=R.value)==null?void 0:Be.state.value.modelValue}),{multiple:"",active:e.unref(_)===p.value,indeterminate:(Ce=R.value)==null?void 0:Ce.state.value.indeterminate,density:t.density,class:"onyx-select__check-all"}),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(be.value),1)]),_:1},16,["active","indeterminate","density"])):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(N,$=>(e.openBlock(),e.createBlock(ue,e.mergeProps({key:$.value.toString(),ref_for:!0},e.unref(H)({value:$.value,label:$.label,disabled:$.disabled,selected:u.value.some(({value:at})=>at===$.value)}),{multiple:t.multiple,active:$.value===p.value,icon:$.icon,density:t.density}),{default:e.withCtx(()=>[e.renderSlot(f.$slots,"option",e.mergeProps({ref_for:!0},$),()=>[e.createTextVNode(e.toDisplayString($.label),1)])]),_:2},1040,["multiple","active","icon","density"]))),128))],16)}),128))],16),(C=t.lazyLoading)!=null&&C.loading?(e.openBlock(),e.createElementBlock("div",Nl,[e.createVNode(M,{class:"onyx-select__loading"})])):e.createCommentVNode("",!0),a.optionsEnd?(e.openBlock(),e.createElementBlock("div",$l,[e.renderSlot(f.$slots,"optionsEnd")])):e.createCommentVNode("",!0)])),[[e.unref(y)]])],10,Cl)],512)}}}),Ol=["summary","preview"],Tl='<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 32 32"><path d="m21.311 10.793-8.293 8.293-3.291-3.292-1.415 1.415 4.706 4.705 9.707-9.707z"/></svg>',Il={class:"onyx-switch-skeleton__click-area"},Ll=["title"],Dl=["aria-label","disabled","required","autofocus"],Pl={class:"onyx-switch__click-area"},zl={class:"onyx-switch__container"},Al={class:"onyx-switch__icon"},Hl=e.createElementVNode("div",{class:"onyx-switch__frame"},null,-1),Rl=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}=Z(t),{densityClass:s}=g(t),{vCustomValidity:c}=L({props:t,emit:l}),i=e.computed({get:()=>t.modelValue,set:d=>{l("update:modelValue",d)}});return(d,p)=>t.skeleton?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["onyx-switch-skeleton",e.unref(s)])},[e.createElementVNode("span",Il,[e.createVNode(w,{class:"onyx-switch-skeleton__input"})]),t.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(w,{key:0,class:"onyx-switch-skeleton__label"}))],2)):(e.openBlock(),e.createElementBlock("label",{key:1,class:e.normalizeClass(["onyx-switch",[e.unref(a),e.unref(s)]]),title:t.hideLabel?t.label:void 0},[e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":p[0]||(p[0]=u=>i.value=u),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,Dl),[[e.vModelCheckbox,i.value],[e.unref(c)]]),e.createElementVNode("span",Pl,[e.createElementVNode("span",zl,[e.createElementVNode("span",Al,[t.loading?(e.openBlock(),e.createBlock(e.unref(M),{key:0,class:"onyx-switch__spinner",type:"circle"})):(e.openBlock(),e.createBlock(e.unref(x),{key:1,icon:i.value?e.unref(Tl):e.unref(ve)},null,8,["icon"]))]),Hl])]),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.truncation==="ellipsis"?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["onyx-switch__marker",[e.unref(r)]])},null,2)):e.createCommentVNode("",!0)],10,Ll))}}),Fl='<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2" 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.13 4.13 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.1 4.1 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.643 2.643 0 0 1-2.625-2.625 2.643 2.643 0 0 1 2.625-2.625 2.643 2.643 0 0 1 2.625 2.625A2.64 2.64 0 0 1 16.125 18" style="fill-rule:nonzero"/></svg>',Ul={class:"onyx-table-wrapper"},ql=["tabindex"],Zl={key:0,class:"onyx-table__header"},Kl={class:"onyx-table__empty"},Gl={colspan:"100%"},jl={class:"onyx-table__empty-content"},Yl=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}=B(),{densityClass:r}=g(n),a=e.computed(()=>l.value("table.empty"));return(s,c)=>(e.openBlock(),e.createElementBlock("div",Ul,[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",Zl,[e.renderSlot(s.$slots,"head")])):e.createCommentVNode("",!0),e.createElementVNode("tbody",null,[e.renderSlot(s.$slots,"default",{},()=>[e.createElementVNode("tr",Kl,[e.createElementVNode("td",Gl,[e.createElementVNode("div",jl,[e.renderSlot(s.$slots,"empty",{defaultMessage:a.value},()=>[e.createVNode(pe,null,{icon:e.withCtx(()=>[e.createVNode(x,{icon:e.unref(Fl),size:"48px"},null,8,["icon"])]),default:e.withCtx(()=>[e.createTextVNode(" "+e.toDisplayString(a.value),1)]),_:1})])])])])])])],2)],10,ql)]))}}),Xl={class:"onyx-text onyx-truncation-ellipsis"},Wl=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",Xl,e.toDisplayString(n.label),1)],2))}}),Jl=["data-autosize-value"],Ql=["placeholder","required","autocapitalize","autofocus","name","readonly","disabled","minlength","maxlength","aria-label","title"],ea=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}=L({props:t,emit:l}),{densityClass:s}=g(t),c=e.computed({get:()=>t.modelValue,set:u=>l("update:modelValue",u)}),i=u=>{const m=u.target.value;l("change",m)},d=e.computed(()=>{if(!t.autosize)return;const u=t.autosize.min?Math.max(t.autosize.min,2):void 0,m=t.autosize.max;return[u?`--min-autosize-rows: ${u}`:"",`--max-autosize-rows: ${m??"unset"}`]}),p=u=>{var h;const m=u.target;(h=m.parentElement)==null||h.setAttribute("data-autosize-value",m.value)};return(u,m)=>t.skeleton?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["onyx-textarea-skeleton",e.unref(s)]),style:e.normalizeStyle(d.value)},[t.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(w,{key:0,class:"onyx-textarea-skeleton__label"})),e.createVNode(w,{class:"onyx-textarea-skeleton__input"})],6)):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["onyx-textarea",e.unref(s)]),style:e.normalizeStyle(d.value)},[e.createVNode(fe,e.mergeProps(t,{"error-messages":e.unref(a)}),{default:e.withCtx(()=>[e.createElementVNode("div",{class:"onyx-textarea__wrapper","data-autosize-value":c.value},[e.withDirectives(e.createElementVNode("textarea",{"onUpdate:modelValue":m[0]||(m[0]=h=>c.value=h),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:p,onChange:i,onFocus:m[1]||(m[1]=h=>l("focus")),onBlur:m[2]||(m[2]=h=>l("blur"))},null,42,Ql),[[e.vModelText,c.value],[e.unref(r)]])],8,Jl)]),_:1},16,["error-messages"])],6))}}),ta='<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 32 32"><path d="M16 2C8.268 2 2 8.268 2 16s6.268 14 14 14 14-6.268 14-14S23.732 2 16 2m8.485 22.485A11.92 11.92 0 0 1 16 28C9.383 28 4 22.617 4 16S9.383 4 16 4s12 5.383 12 12c0 3.205-1.248 6.219-3.515 8.485"/><path d="M15 22h2v2h-2zm0-14h2v11h-2z"/></svg>',oa='<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 32 32"><path d="M16 2C8.268 2 2 8.268 2 16s6.268 14 14 14 14-6.268 14-14S23.732 2 16 2m0 26C9.383 28 4 22.617 4 16S9.383 4 16 4s12 5.383 12 12-5.383 12-12 12"/><path d="m12.987 19.063-3.291-3.292-1.414 1.415 4.705 4.706 9.707-9.708-1.414-1.414z"/></svg>',na={class:"onyx-toast-message__wrapper"},la={class:"onyx-toast-message__content onyx-truncation-ellipsis"},aa={class:"onyx-toast-message__headline onyx-text"},ra={class:"onyx-truncation-ellipsis"},sa=["aria-label"],ia={key:0,class:"onyx-toast-message__description onyx-text--small onyx-truncation-multiline",tabindex:"0"},et=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}=B(),{densityClass:a}=g(t),s=e.computed(()=>t.duration>0),c={neutral:ze,danger:De,warning:ta,success:oa},i=e.computed(()=>{if(t.icon!==!1)return t.icon||c[t.color]});return(d,p)=>(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:p[2]||(p[2]=u=>t.clickable&&l("click"))},{default:e.withCtx(()=>[e.createElementVNode("div",na,[i.value?(e.openBlock(),e.createBlock(x,{key:0,icon:i.value},null,8,["icon"])):e.createCommentVNode("",!0),e.createElementVNode("div",la,[e.createElementVNode("div",aa,[e.createElementVNode("span",ra,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:p[0]||(p[0]=u=>l("close"))},[e.createVNode(x,{icon:e.unref(ve)},null,8,["icon"])],8,sa))]),t.description?(e.openBlock(),e.createElementBlock("p",ia,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:p[1]||(p[1]=u=>l("close"))},null,36)):e.createCommentVNode("",!0)]),_:1},8,["class","role","aria-label"]))}}),xe=Symbol(),tt=()=>{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}},ot=()=>{const o=()=>{console.warn('Trying to use "useToast()" before the toast provider has been provided. Make sure to "provide" it first.')};return e.inject(xe,()=>({toasts:e.computed(()=>[]),show:o,remove:o}),!0)},ca={key:0,class:"onyx-toast",role:"presentation","aria-live":"polite",open:""},ua=e.defineComponent({__name:"OnyxToast",setup(o){const n=ot();return(t,l)=>e.unref(n).toasts.value.length?(e.openBlock(),e.createElementBlock("dialog",ca,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(n).toasts.value,({id:r,...a})=>(e.openBlock(),e.createBlock(et,e.mergeProps({key:r,ref_for:!0},a),null,16))),128))])):e.createCommentVNode("",!0)}}),da=["top","bottom"],pa=(o={})=>({install:n=>{Me(n,o.i18n);const t=n.runWithContext(()=>B());e.watchEffect(()=>nt(t.t.value("optional"))),n.provide(xe,tt())}}),nt=o=>{globalThis.document.body.style.setProperty("--onyx-global-optional-text",o)},ma=(o,n)=>{const t=Ee(o.toLowerCase()),l=Ee(n.toLowerCase());return t.includes(l)},Ee=o=>o.normalize("NFD").replace(/[\u0300-\u036f]/g,"");exports.AUTOCAPITALIZE=Ko;exports.BUTTON_COLORS=Dt;exports.BUTTON_MODES=Pt;exports.BUTTON_TYPES=Lt;exports.DENSITIES=yt;exports.DIRECTIONS=Wn;exports.HEADLINE_TYPES=_o;exports.ICON_SIZES=ko;exports.INPUT_TYPES=Zo;exports.LINK_TARGETS=Yo;exports.MOBILE_NAV_BAR_INJECTION_KEY=z;exports.MULTISELECT_TEXT_MODE=Ol;exports.ONYX_BREAKPOINTS=We;exports.ONYX_COLORS=jn;exports.OnyxAppLayout=ut;exports.OnyxAvatar=le;exports.OnyxAvatarStack=ht;exports.OnyxBadge=Se;exports.OnyxButton=q;exports.OnyxCheckbox=F;exports.OnyxCheckboxGroup=po;exports.OnyxColorSchemeDialog=je;exports.OnyxColorSchemeMenuItem=vn;exports.OnyxDialog=Le;exports.OnyxEmpty=pe;exports.OnyxExternalLinkIcon=K;exports.OnyxFlyoutMenu=ke;exports.OnyxHeadline=I;exports.OnyxIcon=x;exports.OnyxIconButton=Pe;exports.OnyxInfoTooltip=U;exports.OnyxInput=qo;exports.OnyxLink=jo;exports.OnyxListItem=ye;exports.OnyxLoadingIndicator=M;exports.OnyxMenuItem=_e;exports.OnyxMiniSearch=Ke;exports.OnyxMobileNavButton=ie;exports.OnyxNavAppArea=Ge;exports.OnyxNavBar=il;exports.OnyxNavButton=Vn;exports.OnyxNavItem=En;exports.OnyxNavSeparator=Ye;exports.OnyxPageLayout=pl;exports.OnyxRadioButton=ce;exports.OnyxRadioGroup=vl;exports.OnyxSelect=Ml;exports.OnyxSelectInput=Qe;exports.OnyxSelectOption=ue;exports.OnyxSkeleton=w;exports.OnyxSwitch=Rl;exports.OnyxTable=Yl;exports.OnyxTag=Wl;exports.OnyxTextarea=ea;exports.OnyxTimer=In;exports.OnyxToast=ua;exports.OnyxToastMessage=et;exports.OnyxTooltip=me;exports.OnyxUserMenu=Un;exports.OnyxVisuallyHidden=he;exports.TEXT_SIZES=Yn;exports.TOAST_PROVIDER_INJECTION_KEY=xe;exports.TOOLTIP_POSITIONS=da;exports.TRUNCATION_TYPES=Xn;exports.createOnyx=pa;exports.createToastProvider=tt;exports.normalizedIncludes=ma;exports.provideI18n=Me;exports.syncGlobalOptionalText=nt;exports.useDensity=g;exports.useScrollEnd=Je;exports.useToast=ot;

package/dist/index.d.ts

@@ -62,10 +62,10 @@ export { default as OnyxTag } from "./components/OnyxTag/OnyxTag.vue";
 export * from "./components/OnyxTag/types";
 export { default as OnyxTextarea } from "./components/OnyxTextarea/OnyxTextarea.vue";
 export * from "./components/OnyxTextarea/types";
+export { default as OnyxToastMessage } from "./components/OnyxToastMessage/OnyxToastMessage.vue";
+export * from "./components/OnyxToastMessage/types";
 export { default as OnyxToast } from "./components/OnyxToast/OnyxToast.vue";
-export * from "./components/OnyxToast/types";
-export { default as OnyxToastProvider } from "./components/OnyxToastProvider/OnyxToastProvider.vue";
-export * from "./components/OnyxToastProvider/useToast";
+export * from "./components/OnyxToast/useToast";
 export { default as OnyxTooltip } from "./components/OnyxTooltip/OnyxTooltip.vue";
 export * from "./components/OnyxTooltip/types";
 export { default as OnyxVisuallyHidden } from "./components/OnyxVisuallyHidden/OnyxVisuallyHidden.vue";

package/dist/index.js

@@ -3635,12 +3635,12 @@ const U = /* @__PURE__ */ He(ea, [["render", aa]]), la = ["disabled", "type", "a
       }, 16, ["error-messages"])
     ], 6));
   }
-}), nn = '<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 32 32"><path d="M16 2C8.268 2 2 8.268 2 16s6.268 14 14 14 14-6.268 14-14S23.732 2 16 2m8.485 22.485A11.92 11.92 0 0 1 16 28C9.383 28 4 22.617 4 16S9.383 4 16 4s12 5.383 12 12c0 3.205-1.248 6.219-3.515 8.485"/><path d="M15 22h2v2h-2zm0-14h2v11h-2z"/></svg>', sn = '<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 32 32"><path d="M16 2C8.268 2 2 8.268 2 16s6.268 14 14 14 14-6.268 14-14S23.732 2 16 2m0 26C9.383 28 4 22.617 4 16S9.383 4 16 4s12 5.383 12 12-5.383 12-12 12"/><path d="m12.987 19.063-3.291-3.292-1.414 1.415 4.705 4.706 9.707-9.708-1.414-1.414z"/></svg>', rn = { class: "onyx-toast__wrapper" }, cn = { class: "onyx-toast__content onyx-truncation-ellipsis" }, un = { class: "onyx-toast__headline onyx-text" }, dn = { class: "onyx-truncation-ellipsis" }, pn = ["aria-label"], mn = {
+}), nn = '<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 32 32"><path d="M16 2C8.268 2 2 8.268 2 16s6.268 14 14 14 14-6.268 14-14S23.732 2 16 2m8.485 22.485A11.92 11.92 0 0 1 16 28C9.383 28 4 22.617 4 16S9.383 4 16 4s12 5.383 12 12c0 3.205-1.248 6.219-3.515 8.485"/><path d="M15 22h2v2h-2zm0-14h2v11h-2z"/></svg>', sn = '<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 32 32"><path d="M16 2C8.268 2 2 8.268 2 16s6.268 14 14 14 14-6.268 14-14S23.732 2 16 2m0 26C9.383 28 4 22.617 4 16S9.383 4 16 4s12 5.383 12 12-5.383 12-12 12"/><path d="m12.987 19.063-3.291-3.292-1.414 1.415 4.705 4.706 9.707-9.708-1.414-1.414z"/></svg>', rn = { class: "onyx-toast-message__wrapper" }, cn = { class: "onyx-toast-message__content onyx-truncation-ellipsis" }, un = { class: "onyx-toast-message__headline onyx-text" }, dn = { class: "onyx-truncation-ellipsis" }, pn = ["aria-label"], mn = {
   key: 0,
-  class: "onyx-toast__description onyx-text--small onyx-truncation-multiline",
+  class: "onyx-toast-message__description onyx-text--small onyx-truncation-multiline",
   tabindex: "0"
 }, yn = /* @__PURE__ */ g({
-  __name: "OnyxToast",
+  __name: "OnyxToastMessage",
   props: {
     density: {},
     headline: {},
@@ -3662,7 +3662,7 @@ const U = /* @__PURE__ */ He(ea, [["render", aa]]), la = ["disabled", "type", "a
         return e.icon || u[e.color];
     });
     return (m, y) => (n(), x(re(e.clickable ? "button" : "div"), {
-      class: k(["onyx-toast", [`onyx-toast--${e.color}`, r(o)]]),
+      class: k(["onyx-toast-message", [`onyx-toast-message--${e.color}`, r(o)]]),
       role: e.color === "danger" || e.color === "warning" ? "alert" : "status",
       "aria-label": e.clickable ? e.headline : void 0,
       onClick: y[2] || (y[2] = (d) => e.clickable && l("click"))
@@ -3680,7 +3680,7 @@ const U = /* @__PURE__ */ He(ea, [["render", aa]]), la = ["disabled", "type", "a
                 key: 0,
                 type: "button",
                 "aria-label": r(s)("close"),
-                class: "onyx-toast__close",
+                class: "onyx-toast-message__close",
                 onClick: y[0] || (y[0] = (d) => l("close"))
               }, [
                 V(L, { icon: r(ze) }, null, 8, ["icon"])
@@ -3692,7 +3692,7 @@ const U = /* @__PURE__ */ He(ea, [["render", aa]]), la = ["disabled", "type", "a
         i.value ? (n(), p("time", {
           key: e.duration,
           "aria-hidden": "true",
-          class: "onyx-toast__progress-bar",
+          class: "onyx-toast-message__progress-bar",
           style: Be({ animationDuration: `${e.duration}ms` }),
           onAnimationend: y[1] || (y[1] = (d) => l("close"))
         }, null, 36)) : _("", !0)
@@ -3736,12 +3736,12 @@ const U = /* @__PURE__ */ He(ea, [["render", aa]]), la = ["disabled", "type", "a
   );
 }, fn = {
   key: 0,
-  class: "onyx-toast-provider",
+  class: "onyx-toast",
   role: "presentation",
   "aria-live": "polite",
   open: ""
 }, Jn = /* @__PURE__ */ g({
-  __name: "OnyxToastProvider",
+  __name: "OnyxToast",
   setup(t) {
     const a = vn();
     return (e, l) => r(a).toasts.value.length ? (n(), p("dialog", fn, [
@@ -3819,8 +3819,8 @@ export {
   Wn as OnyxTag,
   Xn as OnyxTextarea,
   Pn as OnyxTimer,
-  yn as OnyxToast,
-  Jn as OnyxToastProvider,
+  Jn as OnyxToast,
+  yn as OnyxToastMessage,
   ht as OnyxTooltip,
   Dn as OnyxUserMenu,
   vt as OnyxVisuallyHidden,