sit-onyx 1.0.0-beta.6 → 1.0.0-beta.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/dist/index.cjs +1 -1
  2. package/dist/index.js +3 -2
  3. package/package.json +1 -1
package/dist/index.cjs CHANGED
@@ -180,4 +180,4 @@
180
180
  </clipPath>
181
181
  </defs>
182
182
  </svg>
183
- `,_n={class:"onyx-color-scheme-dialog__subtitle onyx-text"},kn=["innerHTML"],xn=["autofocus","value","checked","aria-label"],gn={class:"onyx-text--small"},bn={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}=C(),s=e.computed(()=>[{value:"auto",image:hn,label:a.value("colorScheme.auto.label"),description:a.value("colorScheme.auto.description")},{value:"light",image:vn,label:a.value("colorScheme.light.label"),description:a.value("colorScheme.light.description")},{value:"dark",image:yn,label:a.value("colorScheme.dark.label"),description:a.value("colorScheme.dark.description")}]),c=d=>{const i=d.target;r.value=i.value},u=()=>{r.value&&(l("update:modelValue",r.value),l("close"))};return(d,i)=>(e.openBlock(),e.createBlock(Pe,e.mergeProps({class:"onyx-color-scheme-dialog"},t,{label:e.unref(a)("colorScheme.headline"),modal:"",onClose:i[1]||(i[1]=p=>l("close"))}),{default:e.withCtx(()=>[e.createElementVNode("form",{class:"onyx-color-scheme-dialog__form",onSubmit:e.withModifiers(u,["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",_n,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,p=>(e.openBlock(),e.createElementBlock("label",{key:p.value,class:"onyx-color-scheme-dialog__option"},[e.createElementVNode("figure",{class:"onyx-color-scheme-dialog__image",innerHTML:p.image},null,8,kn),e.createElementVNode("div",null,[e.createVNode(_e,{is:"div"},{default:e.withCtx(()=>[e.createElementVNode("input",{type:"radio",name:"color-scheme",autofocus:t.modelValue===p.value,value:p.value,checked:t.modelValue===p.value,"aria-label":p.label,required:""},null,8,xn)]),_:2},1024),e.createVNode(I,{is:"h3",class:"onyx-color-scheme-dialog__label"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(p.label),1)]),_:2},1024),e.createElementVNode("p",gn,e.toDisplayString(p.description),1)])]))),128))],32),e.createElementVNode("div",bn,[e.createVNode(Z,{label:e.unref(a)("cancel"),mode:"plain",color:"neutral",onClick:i[0]||(i[0]=p=>l("close"))},null,8,["label"]),e.createVNode(Z,{label:e.unref(a)("apply"),type:"submit"},null,8,["label"])])],32)]),_:1},16,["label"]))}}),Bn='<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>',xe=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}}=je();return(s,c)=>(e.openBlock(),e.createBlock(j,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]=u=>l("click"))}),{default:e.withCtx(()=>[e.renderSlot(s.$slots,"default")]),_:3},16,["disabled","href"]))]),_:3},16,["selected","active","color","disabled"]))}}),Cn={class:"onyx-color-scheme-menu-item__value"},wn=e.defineComponent({__name:"OnyxColorSchemeMenuItem",props:{modelValue:{}},emits:["update:modelValue"],setup(o,{emit:n}){const t=o,l=n,{t:r}=C(),a=e.ref(!1);return(s,c)=>(e.openBlock(),e.createBlock(xe,{class:"onyx-color-scheme-menu-item",onClick:c[2]||(c[2]=u=>a.value=!0)},{default:e.withCtx(()=>[e.createVNode(g,{icon:e.unref(Bn)},null,8,["icon"]),e.createElementVNode("div",null,[e.createTextVNode(e.toDisplayString(e.unref(r)("colorScheme.appearance"))+": ",1),e.createElementVNode("span",Cn,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]=u=>a.value=!1),"onUpdate:modelValue":c[1]||(c[1]=u=>l("update:modelValue",u))},null,8,["model-value","open"])]))]),_:1}))}}),de=(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})},Vn=["aria-label"],ge=e.defineComponent({__name:"OnyxFlyoutMenu",props:{open:{type:Boolean,default:void 0},label:{}},emits:["update:open"],setup(o,{emit:n}){const t=o,l=n,r=e.useSlots(),a=de(e.toRef(()=>t.open),!1,i=>l("update:open",i)),{elements:{root:s,button:c,menu:u}}=Po({isExpanded:a,onToggle:()=>a.value=!a.value}),d=e.computed(()=>{var p;if(!r.default)return;const i=r.default().at(0);return(i==null?void 0:i.type.toString())==="Symbol(v-fgt)"?Array.isArray(i==null?void 0:i.children)?(p=i==null?void 0:i.children)==null?void 0:p.at(0):void 0:i});return(i,p)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps({class:"onyx-flyout-menu"},e.unref(s)),[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(d.value),e.normalizeProps(e.guardReactiveProps(e.unref(c))),null,16)),r.options||r.header||r.footer?e.withDirectives((e.openBlock(),e.createElementBlock("div",{key:0,"aria-label":t.label,class:e.normalizeClass({"onyx-flyout-menu__list--with-header":!!r.header,"onyx-flyout-menu__list--with-footer":!!r.footer,"onyx-flyout-menu__list":!0})},[e.renderSlot(i.$slots,"header"),r.options?(e.openBlock(),e.createElementBlock("ul",e.mergeProps({key:0},e.unref(u),{class:"onyx-flyout-menu__wrapper onyx-flyout-menu__group"}),[e.renderSlot(i.$slots,"options")],16)):e.createCommentVNode("",!0),e.renderSlot(i.$slots,"footer")],10,Vn)),[[e.vShow,e.unref(a)]]):e.createCommentVNode("",!0)],16))}}),Sn='<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(),En='<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>',Nn=["aria-orientation"],Qe=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,Nn))}}),$n={role:"presentation"},Mn=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}=C(),r=e.useModel(o,"mobileChildrenOpen");return(a,s)=>(e.openBlock(),e.createElementBlock("li",$n,[n.isMobile?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[n.isMobile&&r.value?(e.openBlock(),e.createBlock(Z,{key:0,label:e.unref(l)("back"),mode:"plain",color:"neutral",icon:e.unref(En),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(Qe,{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(ge,{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"]))]))}}),On=["aria-label"],Tn={class:"onyx-truncation-ellipsis"},In=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),u=()=>{a!=null&&a.value&&c.value&&!s.value?s.value=!0:t.href&&l("click",t.href)};return(d,i)=>(e.openBlock(),e.createBlock(Mn,e.mergeProps({"mobile-children-open":s.value,"onUpdate:mobileChildrenOpen":i[0]||(i[0]=p=>s.value=p),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:u},[e.renderSlot(d.$slots,"default",{},()=>[e.createElementVNode("span",Tn,e.toDisplayString(t.label),1),e.createVNode(G,e.normalizeProps(e.guardReactiveProps(t)),null,16)]),e.unref(a)&&c.value&&!s.value?(e.openBlock(),e.createBlock(g,{key:0,class:"onyx-nav-button__mobile-chevron",icon:e.unref(Sn)},null,8,["icon"])):e.createCommentVNode("",!0)],8,On)]),_:2},[r.children?{name:"options",fn:e.withCtx(()=>[e.renderSlot(d.$slots,"children")]),key:"0"}:void 0]),1040,["mobile-children-open","class","is-mobile"]))}}),Ln=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(xe,{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(G,e.normalizeProps(e.guardReactiveProps(t)),null,16)])]),_:3},8,["active","href"]))}}),Dn=o=>{const n=e.ref(),t=e.ref(le(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=le(a),n.value=setInterval(()=>{t.value=le(a),l.value&&clearInterval(n.value)},1e3)},{immediate:!0}),e.onBeforeUnmount(()=>clearInterval(n.value)),{timeLeft:t,isEnded:l}},le=o=>{const n=o-Date.now();return Math.max(n,0)},et=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}},Pn=(o,n)=>{const{hours:t,minutes:l,seconds:r}=et(o),a=u=>u.toString().padStart(2,"0");let s="",c=ae(n.formatToParts(o,"seconds"));return l>0&&(c=ae(n.formatToParts(o,"minutes"))),t>0&&(c=ae(n.formatToParts(o,"hours")),s=`${a(t)}:`),`${s}${a(l)}:${a(r)} ${c}`},ae=o=>{var n;return((n=o.at(-1))==null?void 0:n.value.replace(".","").trim())??""},An=o=>{const{hours:n,minutes:t,seconds:l}=et(o);return`PT${n}H${t}M${l}S`},zn=["aria-label"],Hn={key:0,class:"onyx-timer__label"},Rn=["datetime"],Fn=e.defineComponent({__name:"OnyxTimer",props:{endTime:{},label:{},hideLabel:{type:Boolean}},emits:["timerEnded"],setup(o,{emit:n}){const t=o,l=n,{locale:r}=C(),{timeLeft:a,isEnded:s}=Dn(e.computed(()=>t.endTime)),c=e.computed(()=>new Intl.RelativeTimeFormat(r.value,{numeric:"always",style:"short"})),u=e.computed(()=>Pn(a.value,c.value));return e.watchEffect(()=>s.value&&l("timerEnded")),(d,i)=>(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",Hn,e.toDisplayString(t.label),1)),e.createElementVNode("time",{datetime:e.unref(An)(e.unref(a)),class:"onyx-timer__time"},e.toDisplayString(u.value),9,Rn)],8,zn))}}),Un={class:"onyx-user-menu__footer onyx-text--small"},qn=e.defineComponent({__name:"UserMenuLayout",props:{isMobile:{type:Boolean}},setup(o){const n=o,t=e.useSlots(),{t:l}=C();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.createVNode(j,{class:"onyx-user-menu__mobile-footer",disabled:""},{default:e.withCtx(()=>[e.renderSlot(r.$slots,"footer")]),_:3})],64)):(e.openBlock(),e.createBlock(ge,{key:1,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.createElementVNode("div",Un,[e.renderSlot(r.$slots,"footer")])]),key:"0"}:void 0]),1032,["label"]))]))}}),Zn={class:"onyx-user-menu__trigger onyx-text",type:"button"},Kn={class:"onyx-truncation-ellipsis"},Gn={class:"onyx-user-menu__header"},jn={class:"onyx-truncation-ellipsis"},Yn={class:"onyx-user-menu__username onyx-text onyx-truncation-ellipsis"},Xn={key:0,class:"onyx-user-menu__description onyx-text--small onyx-truncation-ellipsis"},Wn={class:"onyx-user-menu__options"},Jn=e.defineComponent({__name:"OnyxUserMenu",props:{username:{},avatar:{},description:{},open:{type:Boolean}},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(qn,{class:e.normalizeClass(["onyx-user-menu",{"onyx-user-menu--mobile":e.unref(r)}]),"is-mobile":e.unref(r)},e.createSlots({button:e.withCtx(()=>[e.createElementVNode("button",Zn,[e.createVNode(re,e.mergeProps(l.value,{size:"24px"}),null,16),e.createElementVNode("span",Kn,e.toDisplayString(n.username),1)])]),header:e.withCtx(()=>[e.createElementVNode("div",Gn,[e.createVNode(re,e.normalizeProps(e.guardReactiveProps(l.value)),null,16),e.createElementVNode("div",jn,[e.createElementVNode("div",Yn,e.toDisplayString(n.username),1),n.description?(e.openBlock(),e.createElementBlock("div",Xn,e.toDisplayString(n.description),1)):e.createCommentVNode("",!0)])])]),options:e.withCtx(()=>[e.createElementVNode("div",Wn,[e.renderSlot(a.$slots,"default")])]),_:2},[t.footer?{name:"footer",fn:e.withCtx(()=>[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>',el='<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 32 32"><path d="M2 15h28v2H2zm0-7h28v2H2zm0 14h28v2H2z"/></svg>',tl='<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>',ol=(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((u,{inlineSize:d})=>u+d,0),r.value=c.reduce((u,{blockSize:d})=>u+d,0)};return e.onBeforeMount(()=>{const s=new ResizeObserver(a);e.watch(o,(c,u)=>{u&&(s==null||s.unobserve(u)),c&&(s==null||s.observe(c,{box:t}))},{immediate:!0}),e.onBeforeUnmount(()=>s.disconnect())}),{width:l,height:r}},tt={"2xs":320,xs:576,sm:768,md:992,lg:1440,xl:1920},nl=["primary","secondary","neutral","danger","warning","success","info"],ll=["small","default","large"],al=["ellipsis","multiline"],rl=["horizontal","vertical"],sl={class:"onyx-nav-bar__content"},il={key:0,class:"onyx-nav-bar__mobile-page onyx-truncation-ellipsis"},cl={role:"menubar"},ul={role:"menubar"},dl={key:0,class:"onyx-nav-bar__mobile-context"},pl={key:0,class:"onyx-nav-bar__mobile-global-context"},ml={class:"onyx-nav-bar__mobile-context-content"},fl={key:1,class:"onyx-nav-bar__context"},hl=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}=ol(s),{t:u}=C(),{elements:{nav:d}}=zo({navigationName:e.toRef(()=>l.appName)}),i=e.ref(!1),p=e.ref(!1),m=e.computed(()=>{const h=typeof l.mobileBreakpoint=="number"?l.mobileBreakpoint:tt[l.mobileBreakpoint];return c.value!==0&&c.value<h});return e.provide(z,m),n({closeMobileMenus:()=>{i.value=!1,p.value=!1}}),(h,y)=>(e.openBlock(),e.createElementBlock("header",{ref_key:"navBarRef",ref:s,class:e.normalizeClass(["onyx-nav-bar",{"onyx-nav-bar--mobile":m.value}])},[e.createElementVNode("div",sl,[m.value&&a.mobileActivePage&&!i.value&&!p.value?(e.openBlock(),e.createElementBlock("span",il,[e.renderSlot(h.$slots,"mobileActivePage")])):l.appName||l.logoUrl||a.appArea?(e.openBlock(),e.createBlock(We,{key:1,class:"onyx-nav-bar__app","app-name":l.appName,"logo-url":l.logoUrl,label:l.appAreaLabel,onClick:y[0]||(y[0]=_=>{r("appAreaClick"),i.value=!1})},{default:e.withCtx(()=>[e.renderSlot(h.$slots,"appArea")]),_:3},8,["app-name","logo-url","label"])):e.createCommentVNode("",!0),l.withBackButton?(e.openBlock(),e.createBlock(ze,{key:2,class:"onyx-nav-bar__back",label:e.unref(u)("navigation.goBack"),icon:e.unref(Qn),color:"neutral",onClick:y[1]||(y[1]=_=>r("backButtonClick"))},null,8,["label","icon"])):e.createCommentVNode("",!0),a.default?(e.openBlock(),e.createElementBlock(e.Fragment,{key:3},[m.value?(e.openBlock(),e.createBlock(ue,{key:0,open:i.value,"onUpdate:open":[y[2]||(y[2]=_=>i.value=_),y[3]||(y[3]=_=>p.value=!1)],class:"onyx-nav-bar__burger",icon:e.unref(el),label:e.unref(u)("navigation.toggleBurgerMenu"),headline:e.unref(u)("navigation.navigationHeadline")},{default:e.withCtx(()=>[e.createElementVNode("nav",e.mergeProps({class:"onyx-nav-bar__nav--mobile"},e.unref(d)),[e.createElementVNode("ul",cl,[e.renderSlot(h.$slots,"default")])],16)]),_:3},8,["open","icon","label","headline"])):(e.openBlock(),e.createElementBlock("nav",e.mergeProps({key:1,class:"onyx-nav-bar__nav"},e.unref(d)),[e.createElementVNode("ul",ul,[e.renderSlot(h.$slots,"default")])],16))],64)):e.createCommentVNode("",!0),a.contextArea||a.globalContextArea?(e.openBlock(),e.createElementBlock(e.Fragment,{key:4},[m.value?(e.openBlock(),e.createElementBlock("div",dl,[a.globalContextArea?(e.openBlock(),e.createElementBlock("div",pl,[e.renderSlot(h.$slots,"globalContextArea")])):e.createCommentVNode("",!0),a.contextArea?(e.openBlock(),e.createBlock(ue,{key:1,open:p.value,"onUpdate:open":[y[4]||(y[4]=_=>p.value=_),y[5]||(y[5]=_=>i.value=!1)],icon:e.unref(tl),label:e.unref(u)("navigation.toggleContextMenu")},{default:e.withCtx(()=>[e.createElementVNode("div",ml,[e.renderSlot(h.$slots,"contextArea")])]),_:3},8,["open","icon","label"])):e.createCommentVNode("",!0)])):(e.openBlock(),e.createElementBlock("div",fl,[a.globalContextArea?e.renderSlot(h.$slots,"globalContextArea",{key:0}):e.createCommentVNode("",!0),a.contextArea?e.renderSlot(h.$slots,"contextArea",{key:1}):e.createCommentVNode("",!0)]))],64)):e.createCommentVNode("",!0)])],2))}}),yl={key:0,class:"onyx-page__sidebar"},vl={class:"onyx-page__main"},_l={key:1,class:"onyx-page__footer"},kl=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",yl,[e.renderSlot(r.$slots,"sidebar")])):e.createCommentVNode("",!0),e.createElementVNode("main",vl,[e.renderSlot(r.$slots,"default")]),t.footer?(e.openBlock(),e.createElementBlock("footer",_l,[e.renderSlot(r.$slots,"footer")])):e.createCommentVNode("",!0)],2))}}),xl=["title"],gl=["required","name","value","checked","disabled","autofocus"],pe=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}=D({props:t,emit:l}),{densityClass:a}=b(t),s=c=>{const u=c.target.checked;l("change",u)};return(c,u)=>t.skeleton?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["onyx-radio-button-skeleton",e.unref(a)])},[e.createVNode(V,{class:"onyx-radio-button-skeleton__input"}),e.createVNode(V,{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(Le)(t.customError)},[t.loading?(e.openBlock(),e.createBlock(O,{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,gl)),[[e.unref(r)]]),e.createElementVNode("span",{class:e.normalizeClass(["onyx-radio-button__label",[`onyx-truncation-${t.truncation}`]])},e.toDisplayString(t.label),3)],10,xl))}}),bl=["disabled"],Bl={key:0,class:"onyx-radio-button-group__headline"},Cl=e.defineComponent({__name:"OnyxRadioGroup",props:{density:{},required:{type:Boolean,default:!1},requiredMarker:{},customError:{},truncation:{default:"ellipsis"},options:{},name:{default:()=>M("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}=b(t),{requiredMarkerClass:r,requiredTypeClass:a}=K(t),s=n,c=(u,d)=>{u&&s("update:modelValue",d)};return(u,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",Bl,[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,(i,p)=>(e.openBlock(),e.createBlock(pe,e.mergeProps({key:i.value.toString(),ref_for:!0},i,{name:t.name,"custom-error":t.customError,checked:i.value===t.modelValue,required:t.required,truncation:i.truncation??t.truncation,onValidityChange:m=>p===0&&s("validityChange",m),onChange:m=>c(m,i.value)}),null,16,["name","custom-error","checked","required","truncation","onValidityChange","onChange"]))),128)):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(t.skeleton,i=>(e.openBlock(),e.createBlock(pe,{id:`skeleton-${i}`,key:i,value:`skeleton-${i}`,label:"Skeleton ${i}",name:t.name,skeleton:""},null,8,["id","value","name"]))),128))],2)],10,bl))}}),ot=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}},wl='<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>',Vl={class:"onyx-select-input__wrapper"},Sl=["readonly","placeholder","required","disabled","aria-label","title","value","autofocus"],El=["aria-label","disabled"],nt=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}=Ye(),a=o,s=t,{t:c}=C(),{vCustomValidity:u,errorMessages:d}=D({props:a,emit:s}),i=e.computed(()=>a.modelValue?a.modelValue.length:0),p=e.computed(()=>{var B;const x=(B=a.modelValue)==null?void 0:B.length;if(!a.modelValue||!x)return"";if(x===1)return a.modelValue[0].label;switch(a.textMode){case"preview":return a.modelValue.map(({label:N})=>N).join(", ");case"summary":default:return c.value("selections.currentSelection",{n:x})}}),m=e.ref(!1),{densityClass:h}=b(a),y=e.ref();n({focus:()=>{var x;return(x=y.value)==null?void 0:x.focus()}}),e.watch(()=>a.showFocus,(x,B)=>{m.value||B&&x===!1&&(m.value=!0)});const _=Ke.concat(Ge),T=x=>{_.includes(x.key)||x.preventDefault()};return(x,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(V,{key:0,class:"onyx-select-input-skeleton__label"})),e.createVNode(V,{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(ve,e.mergeProps(a,{"error-messages":e.unref(d)}),{default:e.withCtx(()=>[e.createElementVNode("div",Vl,[a.loading?(e.openBlock(),e.createBlock(O,{key:0,class:"onyx-select-input__loading",type:"circle"})):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("input",e.mergeProps({ref_key:"input",ref:y,class:{"onyx-select-input__native":!0,"onyx-select-input__native--show-focus":a.showFocus,"onyx-truncation-ellipsis":!0,"onyx-select-input__native--force-invalid":e.unref(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:p.value,autofocus:a.autofocus,onClick:B[0]||(B[0]=N=>s("click")),onKeydown:T}),null,16,Sl),[[e.unref(u)]]),a.textMode==="preview"&&i.value>0?(e.openBlock(),e.createBlock(ye,{key:1,text:p.value,position:"bottom"},{default:e.withCtx(()=>[e.createVNode($e,{class:"onyx-select-input__badge",color:"neutral"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(i.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]=N=>s("click"))},[e.createVNode(g,{icon:e.unref(wl)},null,8,["icon"])],8,El)])]),_:1},16,["error-messages"])],16))}}),Nl=["checked","aria-labelledby","disabled","indeterminate"],me=e.defineComponent({__name:"OnyxSelectOption",props:{active:{type:Boolean,default:!1},density:{},multiple:{type:Boolean,default:!1},indeterminate:{type:Boolean},icon:{},truncation:{default:"ellipsis"}},setup(o){const n=o;return(t,l)=>(e.openBlock(),e.createBlock(j,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,Nl)):e.createCommentVNode("",!0),n.icon?(e.openBlock(),e.createBlock(g,{key:1,icon:n.icon},null,8,["icon"])):e.createCommentVNode("",!0),e.createElementVNode("span",{class:e.normalizeClass([`onyx-truncation-${n.truncation}`])},[e.renderSlot(t.$slots,"default")],2)]),_:3},16,["checked","selected","disabled"]))}}),$l=["inert","aria-busy"],Ml={class:"onyx-select__wrapper",tabindex:"-1"},Ol={key:0,role:"group",class:"onyx-select__group"},Tl={role:"option","aria-selected":"false"},Il={key:0,role:"presentation",class:"onyx-select__group-name onyx-text--small"},Ll={key:1,class:"onyx-select__slot"},Dl={key:2,class:"onyx-select__slot"},Pl=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},truncation:{default:"ellipsis"},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}=b(t),a=e.useSlots(),{t:s}=C(),c=de(e.toRef(()=>t.searchTerm),"",f=>l("update:searchTerm",f)),u=de(e.toRef(()=>t.open),!1,f=>l("update:open",f)),d=e.ref(),i=e.ref(),p=e.computed(()=>t.modelValue?t.multiple&&Array.isArray(t.modelValue)?t.modelValue:[t.modelValue]:[]),m=e.ref(),h=e.ref();e.watch(p,()=>{var f;t.multiple||(i.value=(f=p.value.at(0))==null?void 0:f.value)},{immediate:!0});const y=M("ONYX_CHECK_ALL"),_=e.computed(()=>(t.multiple&&t.withCheckAll&&!c.value?[y]:[]).concat(Be.value)),T=async f=>{var k,w;if(t.readonly){u.value=!1;return}u.value=!u.value,u.value?(await e.nextTick(),(w=m.value)==null||w.focus()):(c.value&&(c.value=""),f||(k=h.value)==null||k.focus())},x=()=>i.value=_.value.at(0),B=()=>i.value=_.value.at(-1),N=f=>{const k=_.value.findIndex(w=>w===f);k<_.value.length-1&&(i.value=_.value[k+1])},Y=f=>{const k=_.value.findIndex(w=>w===f);k>0&&(i.value=_.value[k-1])},X=f=>{const k=t.options.find(w=>w.label.toLowerCase().trim().startsWith(f.toLowerCase()));k&&(i.value=k.value)},H=f=>c.value=f,W=f=>{var $;if(f===y){($=F.value)==null||$.handleChange(!F.value.state.value.modelValue);return}const k=t.options.find(({value:S})=>S===f);if(!k)return;if(!t.multiple)return l("update:modelValue",k);p.value.some(({value:S})=>S===f)?l("update:modelValue",p.value.filter(({value:S})=>S!==f)):l("update:modelValue",[...p.value,k])},J=e.computed(()=>t.withSearch?"list":"none"),{elements:{input:A,option:R,group:Q,listbox:ee}}=Do({autocomplete:J,label:t.label,listLabel:t.listLabel,inputValue:e.computed(()=>t.withSearch&&c.value||""),activeOption:e.computed(()=>i.value),multiple:e.computed(()=>t.multiple),isExpanded:u,templateRef:d,onToggle:T,onActivateFirst:x,onActivateLast:B,onActivateNext:N,onActivatePrevious:Y,onTypeAhead:X,onAutocomplete:H,onSelect:W}),te=e.computed(()=>ao(t.options,"group")),{vScrollEnd:v,isScrollEnd:oe}=ot({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})}),ne=e.computed(()=>{if(!t.options.length)return t.withSearch&&c.value?s.value("select.noMatch"):s.value("select.empty")}),Be=e.computed(()=>t.options.filter(f=>!f.disabled).map(({value:f})=>f)),F=e.computed(()=>{if(!(!t.multiple||!t.withCheckAll))return De(Be,e.computed(()=>p.value.map(({value:f})=>f)),f=>{const k=f.map(w=>t.options.find(({value:$})=>$===w)).filter(w=>w!=null);l("update:modelValue",k)})}),Ce=e.computed(()=>{var k;if(!t.multiple)return"";const f=s.value("selections.selectAll");return typeof t.withCheckAll=="boolean"?f:((k=t.withCheckAll)==null?void 0:k.label)??f});e.watchEffect(()=>{oe.value&&l("lazyLoad")});const it=e.computed(()=>{const f={...t,modelValue:p.value};return t.withSearch?{...f,onKeydown:A.value.onKeydown}:{...f,...A.value}});return(f,k)=>{var w;return e.openBlock(),e.createElementBlock("div",{ref_key:"selectRef",ref:d,class:"onyx-select-wrapper"},[e.createVNode(nt,e.mergeProps({ref_key:"selectInput",ref:h},it.value,{"show-focus":e.unref(u),autofocus:t.autofocus,onClick:T,onValidityChange:k[0]||(k[0]=$=>l("validityChange",$))}),null,16,["show-focus","autofocus"]),e.createElementVNode("div",{class:e.normalizeClass(["onyx-select",e.unref(r),e.unref(u)?"onyx-select--open":""]),inert:!e.unref(u),"aria-busy":t.loading},[e.withDirectives((e.openBlock(),e.createElementBlock("div",Ml,[t.withSearch?(e.openBlock(),e.createBlock(Xe,e.mergeProps({key:0,ref_key:"miniSearch",ref:m},e.unref(A),{label:e.unref(s)("select.searchInputLabel"),class:"onyx-select__search",onClear:k[1]||(k[1]=$=>c.value="")}),null,16,["label"])):e.createCommentVNode("",!0),e.createElementVNode("div",e.normalizeProps(e.guardReactiveProps(e.unref(ee))),[ne.value?(e.openBlock(),e.createElementBlock("ul",Ol,[e.createElementVNode("li",Tl,[e.renderSlot(f.$slots,"empty",{defaultMessage:ne.value},()=>[e.createVNode(he,null,{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(ne.value),1)]),_:1})])])])):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(te.value,($,S)=>{var we,Ve;return e.openBlock(),e.createElementBlock("ul",e.mergeProps({key:S,class:"onyx-select__group",ref_for:!0},e.unref(Q)({label:S})),[S!=""?(e.openBlock(),e.createElementBlock("li",Il,e.toDisplayString(S),1)):e.createCommentVNode("",!0),t.multiple&&t.withCheckAll&&!e.unref(c)?(e.openBlock(),e.createBlock(me,e.mergeProps({key:1,ref_for:!0},e.unref(R)({value:e.unref(y),label:Ce.value,selected:(we=F.value)==null?void 0:we.state.value.modelValue}),{multiple:"",active:e.unref(y)===i.value,indeterminate:(Ve=F.value)==null?void 0:Ve.state.value.indeterminate,density:t.density,class:"onyx-select__check-all"}),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(Ce.value),1)]),_:1},16,["active","indeterminate","density"])):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList($,E=>(e.openBlock(),e.createBlock(me,e.mergeProps({key:E.value.toString(),ref_for:!0},e.unref(R)({value:E.value,label:E.label,disabled:E.disabled,selected:p.value.some(({value:ct})=>ct===E.value)}),{multiple:t.multiple,active:E.value===i.value,icon:E.icon,density:t.density,truncation:E.truncation??t.truncation}),{default:e.withCtx(()=>[e.renderSlot(f.$slots,"option",e.mergeProps({ref_for:!0},E),()=>[e.createTextVNode(e.toDisplayString(E.label),1)])]),_:2},1040,["multiple","active","icon","density","truncation"]))),128))],16)}),128))],16),(w=t.lazyLoading)!=null&&w.loading?(e.openBlock(),e.createElementBlock("div",Ll,[e.createVNode(O,{class:"onyx-select__loading"})])):e.createCommentVNode("",!0),a.optionsEnd?(e.openBlock(),e.createElementBlock("div",Dl,[e.renderSlot(f.$slots,"optionsEnd")])):e.createCommentVNode("",!0)])),[[e.unref(v)]])],10,$l)],512)}}}),Al=["summary","preview"],zl='<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>',Hl={class:"onyx-switch-skeleton__click-area"},Rl=["title"],Fl=["aria-label","disabled","required","autofocus"],Ul={class:"onyx-switch__click-area"},ql={class:"onyx-switch__container"},Zl={class:"onyx-switch__icon"},Kl=e.createElementVNode("div",{class:"onyx-switch__frame"},null,-1),Gl=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}=K(t),{densityClass:s}=b(t),{vCustomValidity:c}=D({props:t,emit:l}),u=e.computed({get:()=>t.modelValue,set:d=>{l("update:modelValue",d)}});return(d,i)=>t.skeleton?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["onyx-switch-skeleton",e.unref(s)])},[e.createElementVNode("span",Hl,[e.createVNode(V,{class:"onyx-switch-skeleton__input"})]),t.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(V,{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":i[0]||(i[0]=p=>u.value=p),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,Fl),[[e.vModelCheckbox,u.value],[e.unref(c)]]),e.createElementVNode("span",Ul,[e.createElementVNode("span",ql,[e.createElementVNode("span",Zl,[t.loading?(e.openBlock(),e.createBlock(e.unref(O),{key:0,class:"onyx-switch__spinner",type:"circle"})):(e.openBlock(),e.createBlock(e.unref(g),{key:1,icon:u.value?e.unref(zl):e.unref(ke)},null,8,["icon"]))]),Kl])]),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,Rl))}}),jl='<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>',Yl={class:"onyx-table-wrapper"},Xl=["tabindex"],Wl={key:0,class:"onyx-table__header"},Jl={class:"onyx-table__empty"},Ql={colspan:"100%"},ea={class:"onyx-table__empty-content"},ta=e.defineComponent({__name:"OnyxTable",props:{density:{},striped:{type:Boolean,default:!1},withVerticalBorders:{type:Boolean,default:!1},withPageScrolling:{type:Boolean,default:!1}},setup(o){const n=o,t=e.useSlots(),{t:l}=C(),{densityClass:r}=b(n),a=e.computed(()=>l.value("table.empty"));return(s,c)=>(e.openBlock(),e.createElementBlock("div",Yl,[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",Wl,[e.renderSlot(s.$slots,"head")])):e.createCommentVNode("",!0),e.createElementVNode("tbody",null,[e.renderSlot(s.$slots,"default",{},()=>[e.createElementVNode("tr",Jl,[e.createElementVNode("td",Ql,[e.createElementVNode("div",ea,[e.renderSlot(s.$slots,"empty",{defaultMessage:a.value},()=>[e.createVNode(he,null,{icon:e.withCtx(()=>[e.createVNode(g,{icon:e.unref(jl),size:"48px"},null,8,["icon"])]),default:e.withCtx(()=>[e.createTextVNode(" "+e.toDisplayString(a.value),1)]),_:1})])])])])])])],2)],10,Xl)]))}}),oa={class:"onyx-text onyx-truncation-ellipsis"},na=e.defineComponent({__name:"OnyxTag",props:{density:{},label:{},color:{default:"primary"},icon:{}},setup(o){const n=o,{densityClass:t}=b(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(g,{key:0,icon:n.icon,size:"16px"},null,8,["icon"])):e.createCommentVNode("",!0),e.createElementVNode("span",oa,e.toDisplayString(n.label),1)],2))}}),la=["data-autosize-value"],aa=["placeholder","required","autocapitalize","autofocus","name","readonly","disabled","minlength","maxlength","aria-label","title"],ra=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}=D({props:t,emit:l}),{densityClass:s}=b(t),c=e.computed({get:()=>t.modelValue,set:p=>l("update:modelValue",p)}),u=p=>{const m=p.target.value;l("change",m)},d=e.computed(()=>{if(!t.autosize)return;const p=t.autosize.min?Math.max(t.autosize.min,2):void 0,m=t.autosize.max;return[p?`--min-autosize-rows: ${p}`:"",`--max-autosize-rows: ${m??"unset"}`]}),i=p=>{var h;const m=p.target;(h=m.parentElement)==null||h.setAttribute("data-autosize-value",m.value)};return(p,m)=>t.skeleton?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["onyx-textarea-skeleton",e.unref(s)]),style:e.normalizeStyle(d.value)},[t.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(V,{key:0,class:"onyx-textarea-skeleton__label"})),e.createVNode(V,{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(ve,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:i,onChange:u,onFocus:m[1]||(m[1]=h=>l("focus")),onBlur:m[2]||(m[2]=h=>l("blur"))},null,42,aa),[[e.vModelText,c.value],[e.unref(r)]])],8,la)]),_:1},16,["error-messages"])],6))}}),sa='<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>',ia='<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>',ca={class:"onyx-toast-message__wrapper"},ua={class:"onyx-toast-message__content onyx-truncation-ellipsis"},da={class:"onyx-toast-message__headline onyx-text"},pa={class:"onyx-truncation-ellipsis"},ma=["aria-label"],fa={key:0,class:"onyx-toast-message__description onyx-text--small onyx-truncation-multiline",tabindex:"0"},lt=e.defineComponent({__name:"OnyxToastMessage",props:{density:{},headline:{},description:{},color:{default:"neutral"},duration:{default:5e3},clickable:{type:Boolean,default:!1},icon:{type:[String,Boolean],default:void 0}},emits:["click","close"],setup(o,{emit:n}){const t=o,l=n,{t:r}=C(),{densityClass:a}=b(t),s=e.computed(()=>t.duration>0),c={neutral:He,danger:Ae,warning:sa,success:ia},u=e.computed(()=>{if(t.icon!==!1)return t.icon||c[t.color]});return(d,i)=>(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:i[2]||(i[2]=p=>t.clickable&&l("click"))},{default:e.withCtx(()=>[e.createElementVNode("div",ca,[u.value?(e.openBlock(),e.createBlock(g,{key:0,icon:u.value},null,8,["icon"])):e.createCommentVNode("",!0),e.createElementVNode("div",ua,[e.createElementVNode("div",da,[e.createElementVNode("span",pa,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:i[0]||(i[0]=p=>l("close"))},[e.createVNode(g,{icon:e.unref(ke)},null,8,["icon"])],8,ma))]),t.description?(e.openBlock(),e.createElementBlock("p",fa,e.toDisplayString(t.description),1)):e.createCommentVNode("",!0)])]),s.value?(e.openBlock(),e.createElementBlock("time",{key:t.duration,"aria-hidden":"true",class:"onyx-toast-message__progress-bar",style:e.normalizeStyle({animationDuration:`${t.duration}ms`}),onAnimationend:i[1]||(i[1]=p=>l("close"))},null,36)):e.createCommentVNode("",!0)]),_:1},8,["class","role","aria-label"]))}}),be=Symbol(),at=()=>{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}},rt=()=>{const o=()=>{console.warn('Trying to use "useToast()" before the toast provider has been provided. Make sure to "provide" it first.')};return e.inject(be,()=>({toasts:e.computed(()=>[]),show:o,remove:o}),!0)},ha={key:0,class:"onyx-toast",role:"presentation","aria-live":"polite",open:""},ya=e.defineComponent({__name:"OnyxToast",setup(o){const n=rt();return(t,l)=>e.unref(n).toasts.value.length?(e.openBlock(),e.createElementBlock("dialog",ha,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(n).toasts.value,({id:r,...a})=>(e.openBlock(),e.createBlock(lt,e.mergeProps({key:r,ref_for:!0},a),null,16))),128))])):e.createCommentVNode("",!0)}}),va=["top","bottom"],_a=(o={})=>({install:n=>{Te(n,o.i18n);const t=n.runWithContext(()=>C());e.watchEffect(()=>st(t.t.value("optional"))),n.provide(be,at())}}),st=o=>{globalThis.document.body.style.setProperty("--onyx-global-optional-text",o)},ka=(o,n)=>{const t=Ne(o.toLowerCase()),l=Ne(n.toLowerCase());return t.includes(l)},Ne=o=>o.normalize("NFD").replace(/[\u0300-\u036f]/g,"");exports.AUTOCAPITALIZE=Qo;exports.BUTTON_COLORS=Ht;exports.BUTTON_MODES=Rt;exports.BUTTON_TYPES=zt;exports.DENSITIES=xt;exports.DIRECTIONS=rl;exports.HEADLINE_TYPES=bo;exports.ICON_SIZES=Bo;exports.INPUT_TYPES=Jo;exports.LINK_TARGETS=on;exports.MOBILE_NAV_BAR_INJECTION_KEY=z;exports.MULTISELECT_TEXT_MODE=Al;exports.ONYX_BREAKPOINTS=tt;exports.ONYX_COLORS=nl;exports.OnyxAppLayout=ft;exports.OnyxAvatar=re;exports.OnyxAvatarStack=kt;exports.OnyxBadge=$e;exports.OnyxButton=Z;exports.OnyxCheckbox=U;exports.OnyxCheckboxGroup=yo;exports.OnyxColorSchemeDialog=Je;exports.OnyxColorSchemeMenuItem=wn;exports.OnyxDialog=Pe;exports.OnyxEmpty=he;exports.OnyxExternalLinkIcon=G;exports.OnyxFlyoutMenu=ge;exports.OnyxHeadline=I;exports.OnyxIcon=g;exports.OnyxIconButton=ze;exports.OnyxInfoTooltip=q;exports.OnyxInput=Wo;exports.OnyxLink=tn;exports.OnyxListItem=j;exports.OnyxLoadingIndicator=O;exports.OnyxMenuItem=xe;exports.OnyxMiniSearch=Xe;exports.OnyxMobileNavButton=ue;exports.OnyxNavAppArea=We;exports.OnyxNavBar=hl;exports.OnyxNavButton=In;exports.OnyxNavItem=Ln;exports.OnyxNavSeparator=Qe;exports.OnyxPageLayout=kl;exports.OnyxRadioButton=pe;exports.OnyxRadioGroup=Cl;exports.OnyxSelect=Pl;exports.OnyxSelectInput=nt;exports.OnyxSelectOption=me;exports.OnyxSkeleton=V;exports.OnyxSwitch=Gl;exports.OnyxTable=ta;exports.OnyxTag=na;exports.OnyxTextarea=ra;exports.OnyxTimer=Fn;exports.OnyxToast=ya;exports.OnyxToastMessage=lt;exports.OnyxTooltip=ye;exports.OnyxUserMenu=Jn;exports.OnyxVisuallyHidden=_e;exports.TEXT_SIZES=ll;exports.TOAST_PROVIDER_INJECTION_KEY=be;exports.TOOLTIP_POSITIONS=va;exports.TRUNCATION_TYPES=al;exports.createOnyx=_a;exports.createToastProvider=at;exports.normalizedIncludes=ka;exports.provideI18n=Te;exports.syncGlobalOptionalText=st;exports.useDensity=b;exports.useScrollEnd=ot;exports.useToast=rt;
183
+ `,_n={class:"onyx-color-scheme-dialog__subtitle onyx-text"},kn=["innerHTML"],xn=["autofocus","value","checked","aria-label"],gn={class:"onyx-text--small"},bn={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}=C(),s=e.computed(()=>[{value:"auto",image:hn,label:a.value("colorScheme.auto.label"),description:a.value("colorScheme.auto.description")},{value:"light",image:vn,label:a.value("colorScheme.light.label"),description:a.value("colorScheme.light.description")},{value:"dark",image:yn,label:a.value("colorScheme.dark.label"),description:a.value("colorScheme.dark.description")}]),c=d=>{const i=d.target;r.value=i.value},u=()=>{r.value&&(l("update:modelValue",r.value),l("close"))};return(d,i)=>(e.openBlock(),e.createBlock(Pe,e.mergeProps({class:"onyx-color-scheme-dialog"},t,{label:e.unref(a)("colorScheme.headline"),modal:"",onClose:i[1]||(i[1]=p=>l("close"))}),{default:e.withCtx(()=>[e.createElementVNode("form",{class:"onyx-color-scheme-dialog__form",onSubmit:e.withModifiers(u,["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",_n,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,p=>(e.openBlock(),e.createElementBlock("label",{key:p.value,class:"onyx-color-scheme-dialog__option"},[e.createElementVNode("figure",{class:"onyx-color-scheme-dialog__image",innerHTML:p.image},null,8,kn),e.createElementVNode("div",null,[e.createVNode(_e,{is:"div"},{default:e.withCtx(()=>[e.createElementVNode("input",{type:"radio",name:"color-scheme",autofocus:t.modelValue===p.value,value:p.value,checked:t.modelValue===p.value,"aria-label":p.label,required:""},null,8,xn)]),_:2},1024),e.createVNode(I,{is:"h3",class:"onyx-color-scheme-dialog__label"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(p.label),1)]),_:2},1024),e.createElementVNode("p",gn,e.toDisplayString(p.description),1)])]))),128))],32),e.createElementVNode("div",bn,[e.createVNode(Z,{label:e.unref(a)("cancel"),mode:"plain",color:"neutral",onClick:i[0]||(i[0]=p=>l("close"))},null,8,["label"]),e.createVNode(Z,{label:e.unref(a)("apply"),type:"submit"},null,8,["label"])])],32)]),_:1},16,["label"]))}}),Bn='<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>',xe=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}}=je();return(s,c)=>(e.openBlock(),e.createBlock(j,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]=u=>l("click"))}),{default:e.withCtx(()=>[e.renderSlot(s.$slots,"default")]),_:3},16,["disabled","href"]))]),_:3},16,["selected","active","color","disabled"]))}}),Cn={class:"onyx-color-scheme-menu-item__value"},wn=e.defineComponent({__name:"OnyxColorSchemeMenuItem",props:{modelValue:{}},emits:["update:modelValue"],setup(o,{emit:n}){const t=o,l=n,{t:r}=C(),a=e.ref(!1);return(s,c)=>(e.openBlock(),e.createBlock(xe,{class:"onyx-color-scheme-menu-item",onClick:c[2]||(c[2]=u=>a.value=!0)},{default:e.withCtx(()=>[e.createVNode(g,{icon:e.unref(Bn)},null,8,["icon"]),e.createElementVNode("div",null,[e.createTextVNode(e.toDisplayString(e.unref(r)("colorScheme.appearance"))+": ",1),e.createElementVNode("span",Cn,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]=u=>a.value=!1),"onUpdate:modelValue":c[1]||(c[1]=u=>l("update:modelValue",u))},null,8,["model-value","open"])]))]),_:1}))}}),de=(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})},Vn=["aria-label"],ge=e.defineComponent({__name:"OnyxFlyoutMenu",props:{open:{type:Boolean,default:void 0},label:{}},emits:["update:open"],setup(o,{emit:n}){const t=o,l=n,r=e.useSlots(),a=de(e.toRef(()=>t.open),!1,i=>l("update:open",i)),{elements:{root:s,button:c,menu:u}}=Po({isExpanded:a,onToggle:()=>a.value=!a.value}),d=e.computed(()=>{var p;if(!r.default)return;const i=r.default().at(0);return(i==null?void 0:i.type.toString())==="Symbol(v-fgt)"?Array.isArray(i==null?void 0:i.children)?(p=i==null?void 0:i.children)==null?void 0:p.at(0):void 0:i});return(i,p)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps({class:"onyx-flyout-menu"},e.unref(s)),[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(d.value),e.normalizeProps(e.guardReactiveProps(e.unref(c))),null,16)),r.options||r.header||r.footer?e.withDirectives((e.openBlock(),e.createElementBlock("div",{key:0,"aria-label":t.label,class:e.normalizeClass({"onyx-flyout-menu__list--with-header":!!r.header,"onyx-flyout-menu__list--with-footer":!!r.footer,"onyx-flyout-menu__list":!0})},[e.renderSlot(i.$slots,"header"),r.options?(e.openBlock(),e.createElementBlock("ul",e.mergeProps({key:0},e.unref(u),{class:"onyx-flyout-menu__wrapper onyx-flyout-menu__group"}),[e.renderSlot(i.$slots,"options")],16)):e.createCommentVNode("",!0),e.renderSlot(i.$slots,"footer")],10,Vn)),[[e.vShow,e.unref(a)]]):e.createCommentVNode("",!0)],16))}}),Sn='<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(),En='<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>',Nn=["aria-orientation"],Qe=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,Nn))}}),$n={role:"presentation"},Mn=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}=C(),r=e.useModel(o,"mobileChildrenOpen");return(a,s)=>(e.openBlock(),e.createElementBlock("li",$n,[n.isMobile?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[n.isMobile&&r.value?(e.openBlock(),e.createBlock(Z,{key:0,label:e.unref(l)("back"),mode:"plain",color:"neutral",icon:e.unref(En),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(Qe,{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(ge,{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"]))]))}}),On=["aria-label"],Tn={class:"onyx-truncation-ellipsis"},In=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),u=()=>{a!=null&&a.value&&c.value&&!s.value?s.value=!0:t.href&&l("click",t.href)};return(d,i)=>(e.openBlock(),e.createBlock(Mn,e.mergeProps({"mobile-children-open":s.value,"onUpdate:mobileChildrenOpen":i[0]||(i[0]=p=>s.value=p),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:u},[e.renderSlot(d.$slots,"default",{},()=>[e.createElementVNode("span",Tn,e.toDisplayString(t.label),1),e.createVNode(G,e.normalizeProps(e.guardReactiveProps(t)),null,16)]),e.unref(a)&&c.value&&!s.value?(e.openBlock(),e.createBlock(g,{key:0,class:"onyx-nav-button__mobile-chevron",icon:e.unref(Sn)},null,8,["icon"])):e.createCommentVNode("",!0)],8,On)]),_:2},[r.children?{name:"options",fn:e.withCtx(()=>[e.renderSlot(d.$slots,"children")]),key:"0"}:void 0]),1040,["mobile-children-open","class","is-mobile"]))}}),Ln=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(xe,{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(G,e.normalizeProps(e.guardReactiveProps(t)),null,16)])]),_:3},8,["active","href"]))}}),Dn=o=>{const n=e.ref(),t=e.ref(le(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=le(a),n.value=setInterval(()=>{t.value=le(a),l.value&&clearInterval(n.value)},1e3)},{immediate:!0}),e.onBeforeUnmount(()=>clearInterval(n.value)),{timeLeft:t,isEnded:l}},le=o=>{const n=o-Date.now();return Math.max(n,0)},et=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}},Pn=(o,n)=>{const{hours:t,minutes:l,seconds:r}=et(o),a=u=>u.toString().padStart(2,"0");let s="",c=ae(n.formatToParts(o,"seconds"));return l>0&&(c=ae(n.formatToParts(o,"minutes"))),t>0&&(c=ae(n.formatToParts(o,"hours")),s=`${a(t)}:`),`${s}${a(l)}:${a(r)} ${c}`},ae=o=>{var n;return((n=o.at(-1))==null?void 0:n.value.replace(".","").trim())??""},An=o=>{const{hours:n,minutes:t,seconds:l}=et(o);return`PT${n}H${t}M${l}S`},zn=["aria-label"],Hn={key:0,class:"onyx-timer__label"},Rn=["datetime"],Fn=e.defineComponent({__name:"OnyxTimer",props:{endTime:{},label:{},hideLabel:{type:Boolean}},emits:["timerEnded"],setup(o,{emit:n}){const t=o,l=n,{locale:r}=C(),{timeLeft:a,isEnded:s}=Dn(e.computed(()=>t.endTime)),c=e.computed(()=>new Intl.RelativeTimeFormat(r.value,{numeric:"always",style:"short"})),u=e.computed(()=>Pn(a.value,c.value));return e.watchEffect(()=>s.value&&l("timerEnded")),(d,i)=>(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",Hn,e.toDisplayString(t.label),1)),e.createElementVNode("time",{datetime:e.unref(An)(e.unref(a)),class:"onyx-timer__time"},e.toDisplayString(u.value),9,Rn)],8,zn))}}),Un={class:"onyx-user-menu__footer onyx-text--small"},qn=e.defineComponent({__name:"UserMenuLayout",props:{isMobile:{type:Boolean}},setup(o){const n=o,t=e.useSlots(),{t:l}=C();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"),t.footer?(e.openBlock(),e.createBlock(j,{key:0,class:"onyx-user-menu__mobile-footer",disabled:""},{default:e.withCtx(()=>[e.renderSlot(r.$slots,"footer")]),_:3})):e.createCommentVNode("",!0)],64)):(e.openBlock(),e.createBlock(ge,{key:1,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.createElementVNode("div",Un,[e.renderSlot(r.$slots,"footer")])]),key:"0"}:void 0]),1032,["label"]))]))}}),Zn={class:"onyx-user-menu__trigger onyx-text",type:"button"},Kn={class:"onyx-truncation-ellipsis"},Gn={class:"onyx-user-menu__header"},jn={class:"onyx-truncation-ellipsis"},Yn={class:"onyx-user-menu__username onyx-text onyx-truncation-ellipsis"},Xn={key:0,class:"onyx-user-menu__description onyx-text--small onyx-truncation-ellipsis"},Wn={class:"onyx-user-menu__options"},Jn=e.defineComponent({__name:"OnyxUserMenu",props:{username:{},avatar:{},description:{},open:{type:Boolean}},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(qn,{class:e.normalizeClass(["onyx-user-menu",{"onyx-user-menu--mobile":e.unref(r)}]),"is-mobile":e.unref(r)},e.createSlots({button:e.withCtx(()=>[e.createElementVNode("button",Zn,[e.createVNode(re,e.mergeProps(l.value,{size:"24px"}),null,16),e.createElementVNode("span",Kn,e.toDisplayString(n.username),1)])]),header:e.withCtx(()=>[e.createElementVNode("div",Gn,[e.createVNode(re,e.normalizeProps(e.guardReactiveProps(l.value)),null,16),e.createElementVNode("div",jn,[e.createElementVNode("div",Yn,e.toDisplayString(n.username),1),n.description?(e.openBlock(),e.createElementBlock("div",Xn,e.toDisplayString(n.description),1)):e.createCommentVNode("",!0)])])]),options:e.withCtx(()=>[e.createElementVNode("div",Wn,[e.renderSlot(a.$slots,"default")])]),_:2},[t.footer?{name:"footer",fn:e.withCtx(()=>[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>',el='<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 32 32"><path d="M2 15h28v2H2zm0-7h28v2H2zm0 14h28v2H2z"/></svg>',tl='<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>',ol=(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((u,{inlineSize:d})=>u+d,0),r.value=c.reduce((u,{blockSize:d})=>u+d,0)};return e.onBeforeMount(()=>{const s=new ResizeObserver(a);e.watch(o,(c,u)=>{u&&(s==null||s.unobserve(u)),c&&(s==null||s.observe(c,{box:t}))},{immediate:!0}),e.onBeforeUnmount(()=>s.disconnect())}),{width:l,height:r}},tt={"2xs":320,xs:576,sm:768,md:992,lg:1440,xl:1920},nl=["primary","secondary","neutral","danger","warning","success","info"],ll=["small","default","large"],al=["ellipsis","multiline"],rl=["horizontal","vertical"],sl={class:"onyx-nav-bar__content"},il={key:0,class:"onyx-nav-bar__mobile-page onyx-truncation-ellipsis"},cl={role:"menubar"},ul={role:"menubar"},dl={key:0,class:"onyx-nav-bar__mobile-context"},pl={key:0,class:"onyx-nav-bar__mobile-global-context"},ml={class:"onyx-nav-bar__mobile-context-content"},fl={key:1,class:"onyx-nav-bar__context"},hl=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}=ol(s),{t:u}=C(),{elements:{nav:d}}=zo({navigationName:e.toRef(()=>l.appName)}),i=e.ref(!1),p=e.ref(!1),m=e.computed(()=>{const h=typeof l.mobileBreakpoint=="number"?l.mobileBreakpoint:tt[l.mobileBreakpoint];return c.value!==0&&c.value<h});return e.provide(z,m),n({closeMobileMenus:()=>{i.value=!1,p.value=!1}}),(h,y)=>(e.openBlock(),e.createElementBlock("header",{ref_key:"navBarRef",ref:s,class:e.normalizeClass(["onyx-nav-bar",{"onyx-nav-bar--mobile":m.value}])},[e.createElementVNode("div",sl,[m.value&&a.mobileActivePage&&!i.value&&!p.value?(e.openBlock(),e.createElementBlock("span",il,[e.renderSlot(h.$slots,"mobileActivePage")])):l.appName||l.logoUrl||a.appArea?(e.openBlock(),e.createBlock(We,{key:1,class:"onyx-nav-bar__app","app-name":l.appName,"logo-url":l.logoUrl,label:l.appAreaLabel,onClick:y[0]||(y[0]=_=>{r("appAreaClick"),i.value=!1})},{default:e.withCtx(()=>[e.renderSlot(h.$slots,"appArea")]),_:3},8,["app-name","logo-url","label"])):e.createCommentVNode("",!0),l.withBackButton?(e.openBlock(),e.createBlock(ze,{key:2,class:"onyx-nav-bar__back",label:e.unref(u)("navigation.goBack"),icon:e.unref(Qn),color:"neutral",onClick:y[1]||(y[1]=_=>r("backButtonClick"))},null,8,["label","icon"])):e.createCommentVNode("",!0),a.default?(e.openBlock(),e.createElementBlock(e.Fragment,{key:3},[m.value?(e.openBlock(),e.createBlock(ue,{key:0,open:i.value,"onUpdate:open":[y[2]||(y[2]=_=>i.value=_),y[3]||(y[3]=_=>p.value=!1)],class:"onyx-nav-bar__burger",icon:e.unref(el),label:e.unref(u)("navigation.toggleBurgerMenu"),headline:e.unref(u)("navigation.navigationHeadline")},{default:e.withCtx(()=>[e.createElementVNode("nav",e.mergeProps({class:"onyx-nav-bar__nav--mobile"},e.unref(d)),[e.createElementVNode("ul",cl,[e.renderSlot(h.$slots,"default")])],16)]),_:3},8,["open","icon","label","headline"])):(e.openBlock(),e.createElementBlock("nav",e.mergeProps({key:1,class:"onyx-nav-bar__nav"},e.unref(d)),[e.createElementVNode("ul",ul,[e.renderSlot(h.$slots,"default")])],16))],64)):e.createCommentVNode("",!0),a.contextArea||a.globalContextArea?(e.openBlock(),e.createElementBlock(e.Fragment,{key:4},[m.value?(e.openBlock(),e.createElementBlock("div",dl,[a.globalContextArea?(e.openBlock(),e.createElementBlock("div",pl,[e.renderSlot(h.$slots,"globalContextArea")])):e.createCommentVNode("",!0),a.contextArea?(e.openBlock(),e.createBlock(ue,{key:1,open:p.value,"onUpdate:open":[y[4]||(y[4]=_=>p.value=_),y[5]||(y[5]=_=>i.value=!1)],icon:e.unref(tl),label:e.unref(u)("navigation.toggleContextMenu")},{default:e.withCtx(()=>[e.createElementVNode("div",ml,[e.renderSlot(h.$slots,"contextArea")])]),_:3},8,["open","icon","label"])):e.createCommentVNode("",!0)])):(e.openBlock(),e.createElementBlock("div",fl,[a.globalContextArea?e.renderSlot(h.$slots,"globalContextArea",{key:0}):e.createCommentVNode("",!0),a.contextArea?e.renderSlot(h.$slots,"contextArea",{key:1}):e.createCommentVNode("",!0)]))],64)):e.createCommentVNode("",!0)])],2))}}),yl={key:0,class:"onyx-page__sidebar"},vl={class:"onyx-page__main"},_l={key:1,class:"onyx-page__footer"},kl=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",yl,[e.renderSlot(r.$slots,"sidebar")])):e.createCommentVNode("",!0),e.createElementVNode("main",vl,[e.renderSlot(r.$slots,"default")]),t.footer?(e.openBlock(),e.createElementBlock("footer",_l,[e.renderSlot(r.$slots,"footer")])):e.createCommentVNode("",!0)],2))}}),xl=["title"],gl=["required","name","value","checked","disabled","autofocus"],pe=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}=D({props:t,emit:l}),{densityClass:a}=b(t),s=c=>{const u=c.target.checked;l("change",u)};return(c,u)=>t.skeleton?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["onyx-radio-button-skeleton",e.unref(a)])},[e.createVNode(V,{class:"onyx-radio-button-skeleton__input"}),e.createVNode(V,{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(Le)(t.customError)},[t.loading?(e.openBlock(),e.createBlock(O,{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,gl)),[[e.unref(r)]]),e.createElementVNode("span",{class:e.normalizeClass(["onyx-radio-button__label",[`onyx-truncation-${t.truncation}`]])},e.toDisplayString(t.label),3)],10,xl))}}),bl=["disabled"],Bl={key:0,class:"onyx-radio-button-group__headline"},Cl=e.defineComponent({__name:"OnyxRadioGroup",props:{density:{},required:{type:Boolean,default:!1},requiredMarker:{},customError:{},truncation:{default:"ellipsis"},options:{},name:{default:()=>M("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}=b(t),{requiredMarkerClass:r,requiredTypeClass:a}=K(t),s=n,c=(u,d)=>{u&&s("update:modelValue",d)};return(u,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",Bl,[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,(i,p)=>(e.openBlock(),e.createBlock(pe,e.mergeProps({key:i.value.toString(),ref_for:!0},i,{name:t.name,"custom-error":t.customError,checked:i.value===t.modelValue,required:t.required,truncation:i.truncation??t.truncation,onValidityChange:m=>p===0&&s("validityChange",m),onChange:m=>c(m,i.value)}),null,16,["name","custom-error","checked","required","truncation","onValidityChange","onChange"]))),128)):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(t.skeleton,i=>(e.openBlock(),e.createBlock(pe,{id:`skeleton-${i}`,key:i,value:`skeleton-${i}`,label:"Skeleton ${i}",name:t.name,skeleton:""},null,8,["id","value","name"]))),128))],2)],10,bl))}}),ot=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}},wl='<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>',Vl={class:"onyx-select-input__wrapper"},Sl=["readonly","placeholder","required","disabled","aria-label","title","value","autofocus"],El=["aria-label","disabled"],nt=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}=Ye(),a=o,s=t,{t:c}=C(),{vCustomValidity:u,errorMessages:d}=D({props:a,emit:s}),i=e.computed(()=>a.modelValue?a.modelValue.length:0),p=e.computed(()=>{var B;const x=(B=a.modelValue)==null?void 0:B.length;if(!a.modelValue||!x)return"";if(x===1)return a.modelValue[0].label;switch(a.textMode){case"preview":return a.modelValue.map(({label:N})=>N).join(", ");case"summary":default:return c.value("selections.currentSelection",{n:x})}}),m=e.ref(!1),{densityClass:h}=b(a),y=e.ref();n({focus:()=>{var x;return(x=y.value)==null?void 0:x.focus()}}),e.watch(()=>a.showFocus,(x,B)=>{m.value||B&&x===!1&&(m.value=!0)});const _=Ke.concat(Ge),T=x=>{_.includes(x.key)||x.preventDefault()};return(x,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(V,{key:0,class:"onyx-select-input-skeleton__label"})),e.createVNode(V,{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(ve,e.mergeProps(a,{"error-messages":e.unref(d)}),{default:e.withCtx(()=>[e.createElementVNode("div",Vl,[a.loading?(e.openBlock(),e.createBlock(O,{key:0,class:"onyx-select-input__loading",type:"circle"})):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("input",e.mergeProps({ref_key:"input",ref:y,class:{"onyx-select-input__native":!0,"onyx-select-input__native--show-focus":a.showFocus,"onyx-truncation-ellipsis":!0,"onyx-select-input__native--force-invalid":e.unref(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:p.value,autofocus:a.autofocus,onClick:B[0]||(B[0]=N=>s("click")),onKeydown:T}),null,16,Sl),[[e.unref(u)]]),a.textMode==="preview"&&i.value>0?(e.openBlock(),e.createBlock(ye,{key:1,text:p.value,position:"bottom"},{default:e.withCtx(()=>[e.createVNode($e,{class:"onyx-select-input__badge",color:"neutral"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(i.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]=N=>s("click"))},[e.createVNode(g,{icon:e.unref(wl)},null,8,["icon"])],8,El)])]),_:1},16,["error-messages"])],16))}}),Nl=["checked","aria-labelledby","disabled","indeterminate"],me=e.defineComponent({__name:"OnyxSelectOption",props:{active:{type:Boolean,default:!1},density:{},multiple:{type:Boolean,default:!1},indeterminate:{type:Boolean},icon:{},truncation:{default:"ellipsis"}},setup(o){const n=o;return(t,l)=>(e.openBlock(),e.createBlock(j,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,Nl)):e.createCommentVNode("",!0),n.icon?(e.openBlock(),e.createBlock(g,{key:1,icon:n.icon},null,8,["icon"])):e.createCommentVNode("",!0),e.createElementVNode("span",{class:e.normalizeClass([`onyx-truncation-${n.truncation}`])},[e.renderSlot(t.$slots,"default")],2)]),_:3},16,["checked","selected","disabled"]))}}),$l=["inert","aria-busy"],Ml={class:"onyx-select__wrapper",tabindex:"-1"},Ol={key:0,role:"group",class:"onyx-select__group"},Tl={role:"option","aria-selected":"false"},Il={key:0,role:"presentation",class:"onyx-select__group-name onyx-text--small"},Ll={key:1,class:"onyx-select__slot"},Dl={key:2,class:"onyx-select__slot"},Pl=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},truncation:{default:"ellipsis"},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}=b(t),a=e.useSlots(),{t:s}=C(),c=de(e.toRef(()=>t.searchTerm),"",f=>l("update:searchTerm",f)),u=de(e.toRef(()=>t.open),!1,f=>l("update:open",f)),d=e.ref(),i=e.ref(),p=e.computed(()=>t.modelValue?t.multiple&&Array.isArray(t.modelValue)?t.modelValue:[t.modelValue]:[]),m=e.ref(),h=e.ref();e.watch(p,()=>{var f;t.multiple||(i.value=(f=p.value.at(0))==null?void 0:f.value)},{immediate:!0});const y=M("ONYX_CHECK_ALL"),_=e.computed(()=>(t.multiple&&t.withCheckAll&&!c.value?[y]:[]).concat(Be.value)),T=async f=>{var k,w;if(t.readonly){u.value=!1;return}u.value=!u.value,u.value?(await e.nextTick(),(w=m.value)==null||w.focus()):(c.value&&(c.value=""),f||(k=h.value)==null||k.focus())},x=()=>i.value=_.value.at(0),B=()=>i.value=_.value.at(-1),N=f=>{const k=_.value.findIndex(w=>w===f);k<_.value.length-1&&(i.value=_.value[k+1])},Y=f=>{const k=_.value.findIndex(w=>w===f);k>0&&(i.value=_.value[k-1])},X=f=>{const k=t.options.find(w=>w.label.toLowerCase().trim().startsWith(f.toLowerCase()));k&&(i.value=k.value)},H=f=>c.value=f,W=f=>{var $;if(f===y){($=F.value)==null||$.handleChange(!F.value.state.value.modelValue);return}const k=t.options.find(({value:S})=>S===f);if(!k)return;if(!t.multiple)return l("update:modelValue",k);p.value.some(({value:S})=>S===f)?l("update:modelValue",p.value.filter(({value:S})=>S!==f)):l("update:modelValue",[...p.value,k])},J=e.computed(()=>t.withSearch?"list":"none"),{elements:{input:A,option:R,group:Q,listbox:ee}}=Do({autocomplete:J,label:t.label,listLabel:t.listLabel,inputValue:e.computed(()=>t.withSearch&&c.value||""),activeOption:e.computed(()=>i.value),multiple:e.computed(()=>t.multiple),isExpanded:u,templateRef:d,onToggle:T,onActivateFirst:x,onActivateLast:B,onActivateNext:N,onActivatePrevious:Y,onTypeAhead:X,onAutocomplete:H,onSelect:W}),te=e.computed(()=>ao(t.options,"group")),{vScrollEnd:v,isScrollEnd:oe}=ot({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})}),ne=e.computed(()=>{if(!t.options.length)return t.withSearch&&c.value?s.value("select.noMatch"):s.value("select.empty")}),Be=e.computed(()=>t.options.filter(f=>!f.disabled).map(({value:f})=>f)),F=e.computed(()=>{if(!(!t.multiple||!t.withCheckAll))return De(Be,e.computed(()=>p.value.map(({value:f})=>f)),f=>{const k=f.map(w=>t.options.find(({value:$})=>$===w)).filter(w=>w!=null);l("update:modelValue",k)})}),Ce=e.computed(()=>{var k;if(!t.multiple)return"";const f=s.value("selections.selectAll");return typeof t.withCheckAll=="boolean"?f:((k=t.withCheckAll)==null?void 0:k.label)??f});e.watchEffect(()=>{oe.value&&l("lazyLoad")});const it=e.computed(()=>{const f={...t,modelValue:p.value};return t.withSearch?{...f,onKeydown:A.value.onKeydown}:{...f,...A.value}});return(f,k)=>{var w;return e.openBlock(),e.createElementBlock("div",{ref_key:"selectRef",ref:d,class:"onyx-select-wrapper"},[e.createVNode(nt,e.mergeProps({ref_key:"selectInput",ref:h},it.value,{"show-focus":e.unref(u),autofocus:t.autofocus,onClick:T,onValidityChange:k[0]||(k[0]=$=>l("validityChange",$))}),null,16,["show-focus","autofocus"]),e.createElementVNode("div",{class:e.normalizeClass(["onyx-select",e.unref(r),e.unref(u)?"onyx-select--open":""]),inert:!e.unref(u),"aria-busy":t.loading},[e.withDirectives((e.openBlock(),e.createElementBlock("div",Ml,[t.withSearch?(e.openBlock(),e.createBlock(Xe,e.mergeProps({key:0,ref_key:"miniSearch",ref:m},e.unref(A),{label:e.unref(s)("select.searchInputLabel"),class:"onyx-select__search",onClear:k[1]||(k[1]=$=>c.value="")}),null,16,["label"])):e.createCommentVNode("",!0),e.createElementVNode("div",e.normalizeProps(e.guardReactiveProps(e.unref(ee))),[ne.value?(e.openBlock(),e.createElementBlock("ul",Ol,[e.createElementVNode("li",Tl,[e.renderSlot(f.$slots,"empty",{defaultMessage:ne.value},()=>[e.createVNode(he,null,{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(ne.value),1)]),_:1})])])])):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(te.value,($,S)=>{var we,Ve;return e.openBlock(),e.createElementBlock("ul",e.mergeProps({key:S,class:"onyx-select__group",ref_for:!0},e.unref(Q)({label:S})),[S!=""?(e.openBlock(),e.createElementBlock("li",Il,e.toDisplayString(S),1)):e.createCommentVNode("",!0),t.multiple&&t.withCheckAll&&!e.unref(c)?(e.openBlock(),e.createBlock(me,e.mergeProps({key:1,ref_for:!0},e.unref(R)({value:e.unref(y),label:Ce.value,selected:(we=F.value)==null?void 0:we.state.value.modelValue}),{multiple:"",active:e.unref(y)===i.value,indeterminate:(Ve=F.value)==null?void 0:Ve.state.value.indeterminate,density:t.density,class:"onyx-select__check-all"}),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(Ce.value),1)]),_:1},16,["active","indeterminate","density"])):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList($,E=>(e.openBlock(),e.createBlock(me,e.mergeProps({key:E.value.toString(),ref_for:!0},e.unref(R)({value:E.value,label:E.label,disabled:E.disabled,selected:p.value.some(({value:ct})=>ct===E.value)}),{multiple:t.multiple,active:E.value===i.value,icon:E.icon,density:t.density,truncation:E.truncation??t.truncation}),{default:e.withCtx(()=>[e.renderSlot(f.$slots,"option",e.mergeProps({ref_for:!0},E),()=>[e.createTextVNode(e.toDisplayString(E.label),1)])]),_:2},1040,["multiple","active","icon","density","truncation"]))),128))],16)}),128))],16),(w=t.lazyLoading)!=null&&w.loading?(e.openBlock(),e.createElementBlock("div",Ll,[e.createVNode(O,{class:"onyx-select__loading"})])):e.createCommentVNode("",!0),a.optionsEnd?(e.openBlock(),e.createElementBlock("div",Dl,[e.renderSlot(f.$slots,"optionsEnd")])):e.createCommentVNode("",!0)])),[[e.unref(v)]])],10,$l)],512)}}}),Al=["summary","preview"],zl='<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>',Hl={class:"onyx-switch-skeleton__click-area"},Rl=["title"],Fl=["aria-label","disabled","required","autofocus"],Ul={class:"onyx-switch__click-area"},ql={class:"onyx-switch__container"},Zl={class:"onyx-switch__icon"},Kl=e.createElementVNode("div",{class:"onyx-switch__frame"},null,-1),Gl=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}=K(t),{densityClass:s}=b(t),{vCustomValidity:c}=D({props:t,emit:l}),u=e.computed({get:()=>t.modelValue,set:d=>{l("update:modelValue",d)}});return(d,i)=>t.skeleton?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["onyx-switch-skeleton",e.unref(s)])},[e.createElementVNode("span",Hl,[e.createVNode(V,{class:"onyx-switch-skeleton__input"})]),t.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(V,{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":i[0]||(i[0]=p=>u.value=p),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,Fl),[[e.vModelCheckbox,u.value],[e.unref(c)]]),e.createElementVNode("span",Ul,[e.createElementVNode("span",ql,[e.createElementVNode("span",Zl,[t.loading?(e.openBlock(),e.createBlock(e.unref(O),{key:0,class:"onyx-switch__spinner",type:"circle"})):(e.openBlock(),e.createBlock(e.unref(g),{key:1,icon:u.value?e.unref(zl):e.unref(ke)},null,8,["icon"]))]),Kl])]),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,Rl))}}),jl='<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>',Yl={class:"onyx-table-wrapper"},Xl=["tabindex"],Wl={key:0,class:"onyx-table__header"},Jl={class:"onyx-table__empty"},Ql={colspan:"100%"},ea={class:"onyx-table__empty-content"},ta=e.defineComponent({__name:"OnyxTable",props:{density:{},striped:{type:Boolean,default:!1},withVerticalBorders:{type:Boolean,default:!1},withPageScrolling:{type:Boolean,default:!1}},setup(o){const n=o,t=e.useSlots(),{t:l}=C(),{densityClass:r}=b(n),a=e.computed(()=>l.value("table.empty"));return(s,c)=>(e.openBlock(),e.createElementBlock("div",Yl,[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",Wl,[e.renderSlot(s.$slots,"head")])):e.createCommentVNode("",!0),e.createElementVNode("tbody",null,[e.renderSlot(s.$slots,"default",{},()=>[e.createElementVNode("tr",Jl,[e.createElementVNode("td",Ql,[e.createElementVNode("div",ea,[e.renderSlot(s.$slots,"empty",{defaultMessage:a.value},()=>[e.createVNode(he,null,{icon:e.withCtx(()=>[e.createVNode(g,{icon:e.unref(jl),size:"48px"},null,8,["icon"])]),default:e.withCtx(()=>[e.createTextVNode(" "+e.toDisplayString(a.value),1)]),_:1})])])])])])])],2)],10,Xl)]))}}),oa={class:"onyx-text onyx-truncation-ellipsis"},na=e.defineComponent({__name:"OnyxTag",props:{density:{},label:{},color:{default:"primary"},icon:{}},setup(o){const n=o,{densityClass:t}=b(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(g,{key:0,icon:n.icon,size:"16px"},null,8,["icon"])):e.createCommentVNode("",!0),e.createElementVNode("span",oa,e.toDisplayString(n.label),1)],2))}}),la=["data-autosize-value"],aa=["placeholder","required","autocapitalize","autofocus","name","readonly","disabled","minlength","maxlength","aria-label","title"],ra=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}=D({props:t,emit:l}),{densityClass:s}=b(t),c=e.computed({get:()=>t.modelValue,set:p=>l("update:modelValue",p)}),u=p=>{const m=p.target.value;l("change",m)},d=e.computed(()=>{if(!t.autosize)return;const p=t.autosize.min?Math.max(t.autosize.min,2):void 0,m=t.autosize.max;return[p?`--min-autosize-rows: ${p}`:"",`--max-autosize-rows: ${m??"unset"}`]}),i=p=>{var h;const m=p.target;(h=m.parentElement)==null||h.setAttribute("data-autosize-value",m.value)};return(p,m)=>t.skeleton?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["onyx-textarea-skeleton",e.unref(s)]),style:e.normalizeStyle(d.value)},[t.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(V,{key:0,class:"onyx-textarea-skeleton__label"})),e.createVNode(V,{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(ve,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:i,onChange:u,onFocus:m[1]||(m[1]=h=>l("focus")),onBlur:m[2]||(m[2]=h=>l("blur"))},null,42,aa),[[e.vModelText,c.value],[e.unref(r)]])],8,la)]),_:1},16,["error-messages"])],6))}}),sa='<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>',ia='<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>',ca={class:"onyx-toast-message__wrapper"},ua={class:"onyx-toast-message__content onyx-truncation-ellipsis"},da={class:"onyx-toast-message__headline onyx-text"},pa={class:"onyx-truncation-ellipsis"},ma=["aria-label"],fa={key:0,class:"onyx-toast-message__description onyx-text--small onyx-truncation-multiline",tabindex:"0"},lt=e.defineComponent({__name:"OnyxToastMessage",props:{density:{},headline:{},description:{},color:{default:"neutral"},duration:{default:5e3},clickable:{type:Boolean,default:!1},icon:{type:[String,Boolean],default:void 0}},emits:["click","close"],setup(o,{emit:n}){const t=o,l=n,{t:r}=C(),{densityClass:a}=b(t),s=e.computed(()=>t.duration>0),c={neutral:He,danger:Ae,warning:sa,success:ia},u=e.computed(()=>{if(t.icon!==!1)return t.icon||c[t.color]});return(d,i)=>(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:i[2]||(i[2]=p=>t.clickable&&l("click"))},{default:e.withCtx(()=>[e.createElementVNode("div",ca,[u.value?(e.openBlock(),e.createBlock(g,{key:0,icon:u.value},null,8,["icon"])):e.createCommentVNode("",!0),e.createElementVNode("div",ua,[e.createElementVNode("div",da,[e.createElementVNode("span",pa,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:i[0]||(i[0]=p=>l("close"))},[e.createVNode(g,{icon:e.unref(ke)},null,8,["icon"])],8,ma))]),t.description?(e.openBlock(),e.createElementBlock("p",fa,e.toDisplayString(t.description),1)):e.createCommentVNode("",!0)])]),s.value?(e.openBlock(),e.createElementBlock("time",{key:t.duration,"aria-hidden":"true",class:"onyx-toast-message__progress-bar",style:e.normalizeStyle({animationDuration:`${t.duration}ms`}),onAnimationend:i[1]||(i[1]=p=>l("close"))},null,36)):e.createCommentVNode("",!0)]),_:1},8,["class","role","aria-label"]))}}),be=Symbol(),at=()=>{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}},rt=()=>{const o=()=>{console.warn('Trying to use "useToast()" before the toast provider has been provided. Make sure to "provide" it first.')};return e.inject(be,()=>({toasts:e.computed(()=>[]),show:o,remove:o}),!0)},ha={key:0,class:"onyx-toast",role:"presentation","aria-live":"polite",open:""},ya=e.defineComponent({__name:"OnyxToast",setup(o){const n=rt();return(t,l)=>e.unref(n).toasts.value.length?(e.openBlock(),e.createElementBlock("dialog",ha,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(n).toasts.value,({id:r,...a})=>(e.openBlock(),e.createBlock(lt,e.mergeProps({key:r,ref_for:!0},a),null,16))),128))])):e.createCommentVNode("",!0)}}),va=["top","bottom"],_a=(o={})=>({install:n=>{Te(n,o.i18n);const t=n.runWithContext(()=>C());e.watchEffect(()=>st(t.t.value("optional"))),n.provide(be,at())}}),st=o=>{globalThis.document.body.style.setProperty("--onyx-global-optional-text",o)},ka=(o,n)=>{const t=Ne(o.toLowerCase()),l=Ne(n.toLowerCase());return t.includes(l)},Ne=o=>o.normalize("NFD").replace(/[\u0300-\u036f]/g,"");exports.AUTOCAPITALIZE=Qo;exports.BUTTON_COLORS=Ht;exports.BUTTON_MODES=Rt;exports.BUTTON_TYPES=zt;exports.DENSITIES=xt;exports.DIRECTIONS=rl;exports.HEADLINE_TYPES=bo;exports.ICON_SIZES=Bo;exports.INPUT_TYPES=Jo;exports.LINK_TARGETS=on;exports.MOBILE_NAV_BAR_INJECTION_KEY=z;exports.MULTISELECT_TEXT_MODE=Al;exports.ONYX_BREAKPOINTS=tt;exports.ONYX_COLORS=nl;exports.OnyxAppLayout=ft;exports.OnyxAvatar=re;exports.OnyxAvatarStack=kt;exports.OnyxBadge=$e;exports.OnyxButton=Z;exports.OnyxCheckbox=U;exports.OnyxCheckboxGroup=yo;exports.OnyxColorSchemeDialog=Je;exports.OnyxColorSchemeMenuItem=wn;exports.OnyxDialog=Pe;exports.OnyxEmpty=he;exports.OnyxExternalLinkIcon=G;exports.OnyxFlyoutMenu=ge;exports.OnyxHeadline=I;exports.OnyxIcon=g;exports.OnyxIconButton=ze;exports.OnyxInfoTooltip=q;exports.OnyxInput=Wo;exports.OnyxLink=tn;exports.OnyxListItem=j;exports.OnyxLoadingIndicator=O;exports.OnyxMenuItem=xe;exports.OnyxMiniSearch=Xe;exports.OnyxMobileNavButton=ue;exports.OnyxNavAppArea=We;exports.OnyxNavBar=hl;exports.OnyxNavButton=In;exports.OnyxNavItem=Ln;exports.OnyxNavSeparator=Qe;exports.OnyxPageLayout=kl;exports.OnyxRadioButton=pe;exports.OnyxRadioGroup=Cl;exports.OnyxSelect=Pl;exports.OnyxSelectInput=nt;exports.OnyxSelectOption=me;exports.OnyxSkeleton=V;exports.OnyxSwitch=Gl;exports.OnyxTable=ta;exports.OnyxTag=na;exports.OnyxTextarea=ra;exports.OnyxTimer=Fn;exports.OnyxToast=ya;exports.OnyxToastMessage=lt;exports.OnyxTooltip=ye;exports.OnyxUserMenu=Jn;exports.OnyxVisuallyHidden=_e;exports.TEXT_SIZES=ll;exports.TOAST_PROVIDER_INJECTION_KEY=be;exports.TOOLTIP_POSITIONS=va;exports.TRUNCATION_TYPES=al;exports.createOnyx=_a;exports.createToastProvider=at;exports.normalizedIncludes=ka;exports.provideI18n=Te;exports.syncGlobalOptionalText=st;exports.useDensity=b;exports.useScrollEnd=ot;exports.useToast=rt;
package/dist/index.js CHANGED
@@ -2604,7 +2604,8 @@ const R = /* @__PURE__ */ Ne(na, [["render", ra]]), ia = ["disabled", "type", "a
2604
2604
  a.isMobile ? (s(), p(z, { key: 0 }, [
2605
2605
  b(n.$slots, "header"),
2606
2606
  b(n.$slots, "options"),
2607
- S(Ue, {
2607
+ e.footer ? (s(), x(Ue, {
2608
+ key: 0,
2608
2609
  class: "onyx-user-menu__mobile-footer",
2609
2610
  disabled: ""
2610
2611
  }, {
@@ -2612,7 +2613,7 @@ const R = /* @__PURE__ */ Ne(na, [["render", ra]]), ia = ["disabled", "type", "a
2612
2613
  b(n.$slots, "footer")
2613
2614
  ]),
2614
2615
  _: 3
2615
- })
2616
+ })) : _("", !0)
2616
2617
  ], 64)) : (s(), x(Ct, {
2617
2618
  key: 1,
2618
2619
  label: r(o)("navigation.userMenuLabel")
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "sit-onyx",
3
3
  "description": "A design system and Vue.js component library created by Schwarz IT",
4
- "version": "1.0.0-beta.6",
4
+ "version": "1.0.0-beta.7",
5
5
  "type": "module",
6
6
  "author": "Schwarz IT KG",
7
7
  "license": "Apache-2.0",