npm - sit-onyx - Versions diffs - 1.0.0-beta.88 → 1.0.0-beta.89 - Mend

sit-onyx 1.0.0-beta.88 → 1.0.0-beta.89

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 (8) hide show

package/dist/components/OnyxSystemButton/examples/WithFlyoutMenu.vue.d.ts +2 -0
package/dist/components/OnyxSystemButton/examples/WithTooltip.vue.d.ts +2 -0
package/dist/index.cjs +1 -1
package/dist/index.js +2 -1
package/dist/playwright/a11y.d.ts +8 -1
package/dist/playwright/screenshots.d.ts +4 -45
package/package.json +2 -1
package/dist/playwright/ScreenshotMatrix.vue.d.ts +0 -37

package/dist/components/OnyxSystemButton/examples/WithFlyoutMenu.vue.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
2	+ export default _default;

package/dist/components/OnyxSystemButton/examples/WithTooltip.vue.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, HTMLDivElement>;
2	+ export default _default;

package/dist/index.cjs CHANGED Viewed

@@ -180,4 +180,4 @@
 </clipPath>
 </defs>
 </svg>
-`,ql={class:"onyx-color-scheme-dialog__subtitle onyx-text"},Gl=["innerHTML"],Kl=["autofocus","value","checked","aria-label"],Zl={class:"onyx-text--small"},jl={class:"onyx-color-scheme-dialog__actions"},Tt=e.defineComponent({__name:"OnyxColorSchemeDialog",props:{open:{type:Boolean,default:!1},density:{},modelValue:{}},emits:["update:modelValue","close"],setup(n,{emit:o}){const t=n,l=o,r=e.ref();e.watchEffect(()=>r.value=t.modelValue);const{t:a}=E(),i=e.computed(()=>[{value:"auto",image:Hl,label:a.value("colorScheme.auto.label"),description:a.value("colorScheme.auto.description")},{value:"light",image:Ul,label:a.value("colorScheme.light.label"),description:a.value("colorScheme.light.description")},{value:"dark",image:Fl,label:a.value("colorScheme.dark.label"),description:a.value("colorScheme.dark.description")}]),s=c=>{const d=c.target;r.value=d.value},u=()=>{r.value&&(l("update:modelValue",r.value),l("close"))};return(c,d)=>(e.openBlock(),e.createBlock(Nt,e.mergeProps({class:"onyx-color-scheme-dialog"},t,{label:e.unref(a)("colorScheme.headline"),modal:"",onClose:d[1]||(d[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(Y,{is:"h2"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(a)("colorScheme.headline")),1)]),_:1}),e.createElementVNode("span",ql,e.toDisplayString(e.unref(a)("colorScheme.subtitle")),1)]),e.createElementVNode("fieldset",{class:"onyx-color-scheme-dialog__list",onChange:s},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.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,Gl),e.createElementVNode("div",null,[e.createVNode(J,{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,Kl)]),_:2},1024),e.createVNode(Y,{is:"h3",class:"onyx-color-scheme-dialog__label"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(p.label),1)]),_:2},1024),e.createElementVNode("p",Zl,e.toDisplayString(p.description),1)])]))),128))],32),e.createElementVNode("div",jl,[e.createVNode(ce,{label:e.unref(a)("cancel"),mode:"plain",color:"neutral",onClick:d[0]||(d[0]=p=>l("close"))},null,8,["label"]),e.createVNode(ce,{label:e.unref(a)("apply"),type:"submit"},null,8,["label"])])],32)]),_:1},16,["label"]))}}),Yl='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12.008 1.5c-5.79 0-10.493 4.71-10.493 10.493 0 5.782 4.71 10.492 10.493 10.492 5.782 0 10.492-4.71 10.492-10.492S17.79 1.5 12.008 1.5M13.5 3.135q.753.126 1.463.375v16.973q-.709.249-1.463.375zm2.962 1.058a9.3 9.3 0 0 1 1.59 1.162v13.282a9 9 0 0 1-1.59 1.163zm3.083 2.917a8.93 8.93 0 0 1 1.447 4.882 9 9 0 0 1-1.447 4.883zM3.008 11.992C3.008 7.036 7.043 3 12 3v17.993c-4.957 0-8.992-4.035-8.992-8.993z"/></svg>',Jl=["href","target","rel"],Wl=["disabled"],Ge=e.defineComponent({__name:"OnyxMenuItem",props:{target:{default:"_self"},href:{},active:{type:Boolean},disabled:{type:Boolean},color:{}},setup(n){const o=n,{t}=E(),{elements:{listItem:l,menuItem:r}}=xt(),a=e.computed(()=>r({active:o.active,disabled:o.disabled}));return(i,s)=>(e.openBlock(),e.createBlock(ye,e.mergeProps({selected:o.active,active:o.active,color:o.color,disabled:o.disabled,class:"onyx-menu-item"},e.unref(l)),{default:e.withCtx(()=>[o.href?(e.openBlock(),e.createElementBlock("a",e.mergeProps({key:0,class:"onyx-menu-item__trigger",href:o.href,target:o.target,rel:o.target==="_blank"?"noreferrer":void 0},a.value),[e.renderSlot(i.$slots,"default")],16,Jl)):(e.openBlock(),e.createElementBlock("button",e.mergeProps({key:1,class:"onyx-menu-item__trigger",type:"button",disabled:o.disabled},a.value),[e.renderSlot(i.$slots,"default"),o.target==="_blank"?(e.openBlock(),e.createBlock(J,{key:0},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(t)("link.opensExternally")),1)]),_:1})):e.createCommentVNode("",!0)],16,Wl))]),_:3},16,["selected","active","color","disabled"]))}}),Xl={class:"onyx-color-scheme-menu-item__value"},Ql=e.defineComponent({__name:"OnyxColorSchemeMenuItem",props:{modelValue:{}},emits:["update:modelValue"],setup(n,{emit:o}){const t=n,l=o,{t:r}=E(),a=e.ref(!1);return(i,s)=>(e.openBlock(),e.createBlock(Ge,{class:"onyx-color-scheme-menu-item",onClick:s[2]||(s[2]=u=>a.value=!0)},{default:e.withCtx(()=>[e.createVNode(b,{icon:e.unref(Yl)},null,8,["icon"]),e.createElementVNode("div",null,[e.createTextVNode(e.toDisplayString(e.unref(r)("colorScheme.appearance"))+": ",1),e.createElementVNode("span",Xl,e.toDisplayString(e.unref(r)(`colorScheme.${t.modelValue}.label`)),1)]),(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[e.createVNode(Tt,{"model-value":t.modelValue,open:a.value,onClose:s[0]||(s[0]=u=>a.value=!1),"onUpdate:modelValue":s[1]||(s[1]=u=>l("update:modelValue",u))},null,8,["model-value","open"])]))]),_:1}))}}),It='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m9.905 6.22-1.06 1.06 4.72 4.72-4.72 4.72 1.06 1.06 5.78-5.78z"/></svg>',ne=Symbol(),Lt=Symbol(),ea='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M17.618 11.626H8.936l3.094-3.094-1.064-1.056-4.899 4.898 4.9 4.9 1.063-1.064-3.094-3.086h8.682z"/></svg>',ta=["aria-orientation"],Dt=e.defineComponent({__name:"OnyxNavSeparator",props:{orientation:{default:"vertical"}},setup(n){const o=n,t=e.inject(ne,e.computed(()=>!1));return(l,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["onyx-nav-separator",{"onyx-nav-separator--horizontal":o.orientation==="horizontal"||e.unref(t)}]),role:"separator","aria-orientation":o.orientation},null,10,ta))}}),oa={role:"presentation"},na=e.defineComponent({__name:"NavButtonLayout",props:{href:{},withExternalIcon:{type:[Boolean,String]},mobileChildrenOpen:{},label:{},active:{type:Boolean},isMobile:{type:Boolean}},emits:["update:mobileChildrenOpen"],setup(n,{emit:o}){const t=n,l=e.useSlots(),{t:r}=E(),a=o;return(i,s)=>(e.openBlock(),e.createElementBlock("li",oa,[t.isMobile?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[t.isMobile&&i.mobileChildrenOpen?(e.openBlock(),e.createBlock(ce,{key:0,label:e.unref(r)("back"),mode:"plain",color:"neutral",icon:e.unref(ea),onClick:s[0]||(s[0]=u=>a("update:mobileChildrenOpen",!1))},null,8,["label","icon"])):e.createCommentVNode("",!0),!i.mobileChildrenOpen||t.href?e.renderSlot(i.$slots,"button",{key:1,trigger:{trigger:{}}}):e.createCommentVNode("",!0),i.mobileChildrenOpen&&t.href?(e.openBlock(),e.createBlock(Dt,{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":i.mobileChildrenOpen}])},[e.renderSlot(i.$slots,"options")],2),[[e.vShow,i.mobileChildrenOpen]])],64)):(e.openBlock(),e.createBlock(he,{key:1,label:e.unref(r)("navItemOptionsLabel",{label:t.label})},e.createSlots({button:e.withCtx(({trigger:u})=>[e.renderSlot(i.$slots,"button",{trigger:u})]),_:2},[l.options?{name:"options",fn:e.withCtx(()=>[e.renderSlot(i.$slots,"options")]),key:"0"}:void 0]),1032,["label"]))]))}}),la=["aria-label"],aa={class:"onyx-truncation-ellipsis"},ra=e.defineComponent({__name:"OnyxNavButton",props:{href:{},withExternalIcon:{type:[Boolean,String],default:"auto"},mobileChildrenOpen:{default:Z},label:{},active:{type:Boolean,default:!1}},emits:["navigate","update:mobileChildrenOpen"],setup(n,{emit:o}){const t=n,l=o,r=e.useSlots(),a=e.inject(ne,e.computed(()=>!1)),i=e.computed(()=>!!r.children),{componentRef:s,isVisible:u}=Dl(Lt),{state:c}=ue(e.toRef(()=>t.mobileChildrenOpen),!1,p=>l("update:mobileChildrenOpen",p)),d=p=>{a!=null&&a.value&&i.value&&!c.value?c.value=!0:t.href&&l("navigate",t.href,p)};return(p,m)=>e.withDirectives((e.openBlock(),e.createBlock(na,e.mergeProps({ref_key:"componentRef",ref:s},t,{"mobile-children-open":e.unref(c),"onUpdate:mobileChildrenOpen":m[0]||(m[0]=f=>e.isRef(c)?c.value=f:null),class:["onyx-nav-button",{"onyx-nav-button--mobile":e.unref(a),"onyx-nav-button--active":t.active}],"is-mobile":e.unref(a)??!1}),e.createSlots({button:e.withCtx(({trigger:f})=>[e.createElementVNode("button",e.mergeProps({class:["onyx-nav-button__trigger onyx-text",{"onyx-nav-button__link":t.href!=null}],role:"menuitem","aria-label":t.label,type:"button"},f,{onClick:d}),[e.renderSlot(p.$slots,"default",{},()=>[e.createElementVNode("span",aa,e.toDisplayString(t.label),1),e.createVNode(ve,e.normalizeProps(e.guardReactiveProps(t)),null,16)]),e.unref(a)&&i.value&&!e.unref(c)?(e.openBlock(),e.createBlock(b,{key:0,class:"onyx-nav-button__mobile-chevron",icon:e.unref(It)},null,8,["icon"])):e.createCommentVNode("",!0)],16,la)]),_:2},[r.children?{name:"options",fn:e.withCtx(()=>[e.renderSlot(p.$slots,"children")]),key:"0"}:void 0]),1040,["mobile-children-open","class","is-mobile"])),[[e.vShow,e.unref(a)||e.unref(u)]])}}),sa=e.defineComponent({__name:"OnyxNavItem",props:{href:{},withExternalIcon:{type:[Boolean,String],default:"auto"},mobileChildrenOpen:{},label:{},active:{type:Boolean}},emits:["navigate"],setup(n,{emit:o}){const t=n,l=o;return(r,a)=>(e.openBlock(),e.createBlock(Ge,{class:"onyx-nav-item",active:t.active,href:t.href??"javascript:void(0)",onClick:a[0]||(a[0]=i=>t.href&&l("navigate",t.href,i))},{default:e.withCtx(()=>[e.renderSlot(r.$slots,"default",{},()=>[e.createElementVNode("span",null,e.toDisplayString(t.label),1),e.createVNode(ve,e.normalizeProps(e.guardReactiveProps(t)),null,16)])]),_:3},8,["active","href"]))}}),ia=n=>{const o=e.ref(),t=e.ref(we(new Date(n.value).getTime())),l=e.computed(()=>t.value===0);return e.watch(n,r=>{clearInterval(o.value);const a=new Date(r).getTime();t.value=we(a),o.value=setInterval(()=>{t.value=we(a),l.value&&clearInterval(o.value)},1e3)},{immediate:!0}),e.onBeforeUnmount(()=>clearInterval(o.value)),{timeLeft:t,isEnded:l}},we=n=>{const o=n-Date.now();return Math.max(o,0)},At=n=>{const o=Math.floor(n/6e4/60),t=Math.floor(n/6e4%60),l=Math.floor(n%6e4/1e3);return{hours:o,minutes:t,seconds:l}},ca=(n,o)=>{const{hours:t,minutes:l,seconds:r}=At(n),a=u=>u.toString().padStart(2,"0");let i="",s=Ve(o.formatToParts(n,"seconds"));return l>0&&(s=Ve(o.formatToParts(n,"minutes"))),t>0&&(s=Ve(o.formatToParts(n,"hours")),i=`${a(t)}:`),`${i}${a(l)}:${a(r)} ${s}`},Ve=n=>{var o;return((o=n.at(-1))==null?void 0:o.value.replace(".","").trim())??""},ua=n=>{const{hours:o,minutes:t,seconds:l}=At(n);return`PT${o}H${t}M${l}S`},da=["aria-label"],pa={key:0,class:"onyx-timer__label"},ma=["datetime"],fa=e.defineComponent({__name:"OnyxTimer",props:{endTime:{},label:{},hideLabel:{type:Boolean}},emits:["timerEnded"],setup(n,{emit:o}){const t=n,l=o,{locale:r}=E(),{timeLeft:a,isEnded:i}=ia(e.computed(()=>t.endTime)),s=e.computed(()=>new Intl.RelativeTimeFormat(r.value,{numeric:"always",style:"short"})),u=e.computed(()=>ca(a.value,s.value));return e.watchEffect(()=>i.value&&l("timerEnded")),(c,d)=>(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",pa,e.toDisplayString(t.label),1)),e.createElementVNode("time",{datetime:e.unref(ua)(e.unref(a)),class:"onyx-timer__time"},e.toDisplayString(u.value),9,ma)],8,da))}}),ya={class:"onyx-user-menu__footer onyx-text--small"},ha=e.defineComponent({__name:"UserMenuLayout",props:{isMobile:{type:Boolean},flyoutOpen:{default:Z}},emits:["update:flyoutOpen"],setup(n){const o=n,t=e.useModel(o,"flyoutOpen"),l=e.useSlots(),{t:r}=E();return(a,i)=>(e.openBlock(),e.createElementBlock("div",null,[o.isMobile?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.renderSlot(a.$slots,"header"),e.renderSlot(a.$slots,"options"),l.footer?(e.openBlock(),e.createBlock(ye,{key:0,class:"onyx-user-menu__mobile-footer",disabled:""},{default:e.withCtx(()=>[e.renderSlot(a.$slots,"footer")]),_:3})):e.createCommentVNode("",!0)],64)):(e.openBlock(),e.createBlock(he,{key:1,open:e.unref(t),"onUpdate:open":i[0]||(i[0]=s=>e.isRef(t)?t.value=s:null),label:e.unref(r)("navigation.userMenuLabel")},e.createSlots({button:e.withCtx(({trigger:s})=>[e.renderSlot(a.$slots,"button",{trigger:s})]),header:e.withCtx(()=>[e.renderSlot(a.$slots,"header")]),options:e.withCtx(()=>[e.renderSlot(a.$slots,"options")]),_:2},[l.footer?{name:"footer",fn:e.withCtx(()=>[e.createElementVNode("div",ya,[e.renderSlot(a.$slots,"footer")])]),key:"0"}:void 0]),1032,["open","label"]))]))}}),va={class:"onyx-truncation-ellipsis"},_a={class:"onyx-user-menu__header"},ga={class:"onyx-truncation-ellipsis"},ka={class:"onyx-user-menu__username onyx-text onyx-truncation-ellipsis"},ba={key:0,class:"onyx-user-menu__description onyx-text--small onyx-truncation-ellipsis"},xa={class:"onyx-user-menu__options"},Ba=e.defineComponent({__name:"OnyxUserMenu",props:{username:{},avatar:{},description:{},flyoutOpen:{default:Z}},emits:["update:flyoutOpen"],setup(n,{emit:o}){const t=n,l=o,r=e.useSlots(),a=e.computed(()=>({src:t.avatar,label:t.username})),i=e.inject(ne,e.computed(()=>!1));return(s,u)=>(e.openBlock(),e.createBlock(ha,{class:e.normalizeClass(["onyx-user-menu",{"onyx-user-menu--mobile":e.unref(i)}]),"is-mobile":e.unref(i),"flyout-open":s.flyoutOpen,"onUpdate:flyoutOpen":u[0]||(u[0]=c=>l("update:flyoutOpen",c))},e.createSlots({button:e.withCtx(({trigger:c})=>[e.createElementVNode("button",e.mergeProps({class:"onyx-user-menu__trigger onyx-text",type:"button"},c),[e.createVNode(Ee,e.mergeProps(a.value,{size:"24px"}),null,16),e.createElementVNode("span",va,e.toDisplayString(t.username),1)],16)]),header:e.withCtx(()=>[e.createElementVNode("div",_a,[e.createVNode(Ee,e.normalizeProps(e.guardReactiveProps(a.value)),null,16),e.createElementVNode("div",ga,[e.createElementVNode("div",ka,e.toDisplayString(t.username),1),t.description?(e.openBlock(),e.createElementBlock("div",ba,e.toDisplayString(t.description),1)):e.createCommentVNode("",!0)])])]),options:e.withCtx(()=>[e.createElementVNode("div",xa,[e.renderSlot(s.$slots,"default")])]),_:2},[r.footer?{name:"footer",fn:e.withCtx(()=>[e.renderSlot(s.$slots,"footer")]),key:"0"}:void 0]),1032,["class","is-mobile","flyout-open"]))}}),zt='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m15.155 7.28-1.06-1.06L8.315 12l5.78 5.78 1.06-1.06-4.72-4.72z"/></svg>',Ca='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M22.5 6h-21v1.5h21zm0 5.25h-21v1.5h21zm-21 5.25h21V18h-21z"/></svg>',wa='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 1.5A2.25 2.25 0 1 1 12 6a2.25 2.25 0 0 1 0-4.5m0 8.25a2.25 2.25 0 1 1 0 4.5 2.25 2.25 0 0 1 0-4.5m1.25 8.63a2.25 2.25 0 1 0-2.5 3.741 2.25 2.25 0 0 0 2.5-3.742"/></svg>',Va={class:"onyx-nav-bar__content"},Ea={key:0,class:"onyx-nav-bar__mobile-page onyx-truncation-ellipsis"},Sa={role:"menubar"},Na={role:"menubar"},Ma={key:0,class:"onyx-nav-bar__mobile-context"},$a={key:0,class:"onyx-nav-bar__mobile-global-context"},Oa={class:"onyx-nav-bar__mobile-context-content"},Ta={key:1,class:"onyx-nav-bar__context"},Ia=e.defineComponent({__name:"OnyxNavBar",props:{logoUrl:{},appName:{},withBackButton:{type:Boolean},appAreaLabel:{},mobileBreakpoint:{default:"sm"}},emits:["navigateToStart","navigateBack"],setup(n,{expose:o,emit:t}){const l=n,r=t,a=e.useSlots(),i=e.ref(),{width:s}=de(i),{t:u}=E(),{elements:{nav:c}}=_n({navigationName:e.toRef(()=>l.appName)}),d=e.ref(!1),p=e.ref(!1),m=e.computed(()=>{const f=typeof l.mobileBreakpoint=="number"?l.mobileBreakpoint:at[l.mobileBreakpoint];return s.value!==0&&s.value<f});return e.provide(ne,m),o({closeMobileMenus:()=>{d.value=!1,p.value=!1}}),(f,y)=>(e.openBlock(),e.createElementBlock("header",{ref_key:"navBarRef",ref:i,class:e.normalizeClass(["onyx-nav-bar",{"onyx-nav-bar--mobile":m.value}])},[e.createElementVNode("div",Va,[m.value&&a.mobileActivePage&&!d.value&&!p.value?(e.openBlock(),e.createElementBlock("span",Ea,[e.renderSlot(f.$slots,"mobileActivePage")])):l.appName||l.logoUrl||a.appArea?(e.openBlock(),e.createBlock(Ot,{key:1,class:"onyx-nav-bar__app","app-name":l.appName,"logo-url":l.logoUrl,label:l.appAreaLabel,onClick:y[0]||(y[0]=h=>{r("navigateToStart",h),d.value=!1})},{default:e.withCtx(()=>[e.renderSlot(f.$slots,"appArea")]),_:3},8,["app-name","logo-url","label"])):e.createCommentVNode("",!0),l.withBackButton?(e.openBlock(),e.createBlock(fe,{key:2,class:"onyx-nav-bar__back",label:e.unref(u)("navigation.goBack"),icon:e.unref(zt),color:"neutral",onClick:y[1]||(y[1]=h=>r("navigateBack",h))},null,8,["label","icon"])):e.createCommentVNode("",!0),a.default?(e.openBlock(),e.createElementBlock(e.Fragment,{key:3},[m.value?(e.openBlock(),e.createBlock(Le,{key:0,open:d.value,"onUpdate:open":[y[2]||(y[2]=h=>d.value=h),y[3]||(y[3]=h=>p.value=!1)],class:"onyx-nav-bar__burger",icon:e.unref(Ca),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(c)),[e.createElementVNode("ul",Sa,[e.renderSlot(f.$slots,"default")])],16)]),_:3},8,["open","icon","label","headline"])):(e.openBlock(),e.createElementBlock("nav",e.mergeProps({key:1,class:"onyx-nav-bar__nav"},e.unref(c)),[e.createElementVNode("ul",Na,[e.renderSlot(f.$slots,"default")])],16))],64)):e.createCommentVNode("",!0),a.contextArea||a.globalContextArea?(e.openBlock(),e.createElementBlock(e.Fragment,{key:4},[m.value?(e.openBlock(),e.createElementBlock("div",Ma,[a.globalContextArea?(e.openBlock(),e.createElementBlock("div",$a,[e.renderSlot(f.$slots,"globalContextArea")])):e.createCommentVNode("",!0),a.contextArea?(e.openBlock(),e.createBlock(Le,{key:1,open:p.value,"onUpdate:open":[y[4]||(y[4]=h=>p.value=h),y[5]||(y[5]=h=>d.value=!1)],icon:e.unref(wa),label:e.unref(u)("navigation.toggleContextMenu")},{default:e.withCtx(()=>[e.createElementVNode("div",Oa,[e.renderSlot(f.$slots,"contextArea")])]),_:3},8,["open","icon","label"])):e.createCommentVNode("",!0)])):(e.openBlock(),e.createElementBlock("div",Ta,[a.globalContextArea?e.renderSlot(f.$slots,"globalContextArea",{key:0}):e.createCommentVNode("",!0),a.contextArea?e.renderSlot(f.$slots,"contextArea",{key:1}):e.createCommentVNode("",!0)]))],64)):e.createCommentVNode("",!0)])],2))}}),La={key:0,class:"onyx-page__sidebar"},Da={class:"onyx-page__main"},Aa={key:1,class:"onyx-page__footer"},za=e.defineComponent({__name:"OnyxPageLayout",props:{skeleton:{type:Boolean},footerAsideSidebar:{type:Boolean},hideSidebar:{type:Boolean}},setup(n){const o=n,t=e.useSlots();Pe(o);const l=e.computed(()=>o.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&&!o.hideSidebar?(e.openBlock(),e.createElementBlock("aside",La,[e.renderSlot(r.$slots,"sidebar")])):e.createCommentVNode("",!0),e.createElementVNode("main",Da,[e.renderSlot(r.$slots,"default")]),t.footer?(e.openBlock(),e.createElementBlock("footer",Aa,[e.renderSlot(r.$slots,"footer")])):e.createCommentVNode("",!0)],2))}}),Pt=n=>{const t=e.ref(!1),l=a=>{const i=a.target;if(!(i instanceof Element))return;const s=e.unref(n.offset)??0;t.value=Math.abs(i.scrollTop)+i.clientHeight>=i.scrollHeight-s-1};return{vScrollEnd:{mounted:a=>{e.watchEffect(()=>{var s;(((s=n.enabled)==null?void 0:s.value)??!0)&&!n.loading.value?a.addEventListener("scroll",l):a.removeEventListener("scroll",l)})}},isScrollEnd:t}},Rt=(n,o)=>{const t=lt(n.toLowerCase()),l=lt(o.toLowerCase());return t.includes(l)},lt=n=>n.normalize("NFD").replace(/[\u0300-\u036f]/g,""),Pa='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m16.718 14.123 1.057 1.057-5.782 5.782L6.21 15.18l1.058-1.057 4.717 4.717 4.718-4.717zM12 5.153l4.718 4.717 1.057-1.057-5.782-5.783L6.21 8.813 7.268 9.87l4.717-4.717z"/></svg>',Ra=["id","readonly","placeholder","required","disabled","aria-label","title","value","autofocus"],Ha=["aria-label","title","disabled"],Ht=e.defineComponent({inheritAttrs:!1,__name:"OnyxSelectInput",props:{disabled:{default:T},showError:{default:T},density:{},required:{type:Boolean},requiredMarker:{},customError:{},autofocus:{type:Boolean},id:{},name:{},label:{},labelTooltip:{},hideLabel:{type:Boolean,default:!1},error:{},message:{},success:{},modelValue:{},textMode:{},skeleton:{type:[Symbol,Boolean,Number],default:L},readonly:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},hideSuccessIcon:{type:Boolean,default:!1},placeholder:{},showFocus:{type:Boolean}},emits:["inputClick","validityChange"],setup(n,{expose:o,emit:t}){const{rootAttrs:l,restAttrs:r}=Mt(),a=n,i=t,{t:s}=E(),{vCustomValidity:u,errorMessages:c}=G({props:a,emit:i}),d=e.computed(()=>H(a.success)),p=e.computed(()=>H(a.message)),{disabled:m,showError:f}=P(a),y=z(a),h=te(f),v=e.computed(()=>a.modelValue?a.modelValue.length:0),g=e.computed(()=>{var B;const I=(B=a.modelValue)==null?void 0:B.length;if(!a.modelValue||!I)return"";if(I===1)return a.modelValue[0];switch(a.textMode){case"preview":return a.modelValue.join(", ");case"summary":default:return s.value("selections.currentSelection",{n:I})}}),k=e.ref(!1),{densityClass:w}=C(a),S=e.ref();o({focus:()=>{var I;return(I=S.value)==null?void 0:I.focus()}}),e.watch(()=>a.showFocus,(I,B)=>{k.value||B&&I===!1&&(k.value=!0)});const $=kt.concat(bt),q=I=>{$.includes(I.key)||I.preventDefault()};return(I,B)=>e.unref(y)?(e.openBlock(),e.createElementBlock("div",e.mergeProps({key:0,class:["onyx-select-input-skeleton",e.unref(w)]},e.unref(l)),[a.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(M,{key:0,class:"onyx-select-input-skeleton__label"})),e.createVNode(M,{class:"onyx-select-input-skeleton__input"})],16)):(e.openBlock(),e.createElementBlock("div",e.mergeProps({key:1,class:["onyx-select-input",e.unref(w),e.unref(h),a.readonly?"onyx-select-input--readonly":"onyx-select-input--editable"]},e.unref(l)),[e.createVNode(oe,e.mergeProps(a,{message:p.value,"success-messages":d.value,"error-messages":e.unref(c)}),{default:e.withCtx(({id:N})=>[e.createElementVNode("div",{class:"onyx-select-input__wrapper",onClick:B[0]||(B[0]=D=>!e.unref(m)&&!a.loading&&i("inputClick"))},[a.loading?(e.openBlock(),e.createBlock(F,{key:0,class:"onyx-select-input__loading",type:"circle"})):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("input",e.mergeProps({id:N,ref_key:"input",ref:S,class:{"onyx-select-input__native":!0,"onyx-select-input__native--show-focus":a.showFocus,"onyx-truncation-ellipsis":!0,"onyx-select-input__native--touched":k.value}},e.unref(r),{type:"text",readonly:a.readonly,placeholder:a.placeholder,required:a.required,disabled:e.unref(m)||a.loading,"aria-label":a.hideLabel?a.label:void 0,title:a.hideLabel?a.label:void 0,value:g.value,autofocus:a.autofocus,autocomplete:"off",onKeydown:q}),null,16,Ra),[[e.unref(u)]]),a.textMode==="preview"&&v.value>0?(e.openBlock(),e.createBlock(Q,{key:1,text:g.value,position:"bottom"},{default:e.withCtx(({trigger:D})=>[e.createVNode(rt,e.mergeProps({class:"onyx-select-input__badge"},D,{color:"neutral"}),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(v.value),1)]),_:2},1040)]),_:1},8,["text"])):e.createCommentVNode("",!0),e.createElementVNode("button",{class:"onyx-select-input__button",type:"button","aria-label":e.unref(s)("select.toggleDropDown"),title:e.unref(s)("select.toggleDropDown"),tabindex:"-1",disabled:e.unref(m)||a.readonly||a.loading},[e.createVNode(b,{icon:e.unref(Pa)},null,8,["icon"])],8,Ha),!a.hideSuccessIcon&&d.value?(e.openBlock(),e.createBlock(b,{key:2,class:"onyx-select-input__check-icon",icon:e.unref(qe),color:"success"},null,8,["icon"])):e.createCommentVNode("",!0)])]),_:1},16,["message","success-messages","error-messages"])],16))}}),Fa=["checked","aria-labelledby","disabled","indeterminate"],Ae=e.defineComponent({__name:"OnyxSelectOption",props:{active:{type:Boolean,default:!1},density:{},multiple:{type:Boolean,default:!1},indeterminate:{type:Boolean},icon:{},truncation:{default:"ellipsis"}},setup(n){const o=n;return(t,l)=>(e.openBlock(),e.createBlock(ye,e.mergeProps({class:"onyx-select-option"},o,{checked:!!t.$attrs["aria-checked"],selected:!!t.$attrs["aria-selected"],disabled:!!t.$attrs["aria-disabled"]}),{default:e.withCtx(()=>[o.multiple?(e.openBlock(),e.createElementBlock("input",{key:0,checked:!!t.$attrs["aria-checked"],"aria-labelledby":t.$attrs.id,disabled:!!t.$attrs["aria-disabled"],indeterminate:o.indeterminate,"aria-hidden":"true",tabindex:"-1",class:"onyx-select-option__checkbox",type:"checkbox"},null,8,Fa)):e.createCommentVNode("",!0),o.icon?(e.openBlock(),e.createBlock(b,{key:1,icon:o.icon},null,8,["icon"])):e.createCommentVNode("",!0),e.createElementVNode("span",{class:e.normalizeClass([`onyx-truncation-${o.truncation}`])},[e.renderSlot(t.$slots,"default")],2)]),_:3},16,["checked","selected","disabled"]))}}),Ua=["inert"],qa={class:"onyx-select__wrapper",tabindex:"-1"},Ga={key:0,role:"group",class:"onyx-select__group"},Ka={role:"option","aria-selected":"false"},Za={key:0,role:"presentation",class:"onyx-select__group-name onyx-text--small"},ja={key:1,class:"onyx-select__slot"},Ya={key:2,class:"onyx-select__slot"},Ja={key:0,class:"onyx-select__description onyx-text--small"},Ft=e.defineComponent({__name:"OnyxSelect",props:{density:{},multiple:{type:Boolean},modelValue:{},withCheckAll:{type:[Boolean,Object]},withSearch:{type:Boolean},searchTerm:{default:Z},showError:{},required:{type:Boolean},requiredMarker:{},customError:{},autofocus:{type:Boolean},id:{},name:{},label:{},labelTooltip:{},hideLabel:{type:Boolean},error:{},message:{},success:{},textMode:{},skeleton:{type:[Symbol,Boolean,Number]},readonly:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},hideSuccessIcon:{type:Boolean},placeholder:{},truncation:{default:"ellipsis"},disabled:{default:T},valueLabel:{default:void 0},open:{default:Z},alignment:{default:"full"},listLabel:{},listDescription:{},options:{},lazyLoading:{}},emits:["update:modelValue","update:searchTerm","update:open","lazyLoad","validityChange"],setup(n,{emit:o}){const t=n,l=o,{densityClass:r}=C(t),a=e.useSlots(),{t:i}=E(),{state:s,isManaged:u}=ue(e.toRef(()=>t.searchTerm),"",_=>l("update:searchTerm",_)),{state:c}=ue(e.toRef(()=>t.open),!1,_=>l("update:open",_)),d=e.ref(),{openDirection:p,updateOpenDirection:m}=Ct(d),f=e.ref(),y=e.computed(()=>t.modelValue===void 0?[]:t.multiple&&Array.isArray(t.modelValue)?t.modelValue:[t.modelValue]),h=e.computed(()=>t.valueLabel!==void 0?Array.isArray(t.valueLabel)?t.valueLabel:[t.valueLabel]:y.value.reduce((_,V)=>{var A;const O=(A=t.options.find(({value:R})=>R===V))==null?void 0:A.label;return O&&_.push(O),_},[])),v=e.ref(),g=e.ref(),k=e.computed(()=>u.value&&s.value?t.options.filter(({label:_})=>Rt(_,s.value)):t.options);e.watch(y,()=>{t.multiple||(f.value=y.value.at(0))},{immediate:!0});const w=e.useId(),S=e.computed(()=>(t.multiple&&t.withCheckAll&&!s.value?[w]:[]).concat(Je.value)),$=async _=>{var O,A;if(t.readonly){c.value=!1;return}const V=c.value;c.value=!V,await e.nextTick(),c.value&&m(),V!==c.value&&(V?(s.value&&(s.value=""),_||(O=g.value)==null||O.focus()):(A=v.value)==null||A.focus())},q=()=>f.value=S.value.at(0),I=()=>f.value=S.value.at(-1),B=_=>{const V=S.value.findIndex(O=>O===_);V<S.value.length-1&&(f.value=S.value[V+1])},N=_=>{const V=S.value.findIndex(O=>O===_);V>0&&(f.value=S.value[V-1])},D=_=>{const V=k.value.find(O=>O.label.toLowerCase().trim().startsWith(_.toLowerCase()));V&&(f.value=V.value)},W=_=>s.value=_,X=_=>{var A;if(_===w){(A=le.value)==null||A.handleChange(!le.value.state.value.modelValue);return}if(!k.value.find(({value:R})=>R===_))return;if(!t.multiple)return l("update:modelValue",_);y.value.some(R=>R===_)?l("update:modelValue",y.value.filter(R=>R!==_)):l("update:modelValue",[...y.value,_])},ge=e.computed(()=>t.withSearch?"list":"none"),{label:x,listLabel:ke,listDescription:Kt,multiple:Zt}=e.toRefs(t),{elements:{input:be,option:je,group:Ye,listbox:jt}}=yn({autocomplete:ge,label:x,listLabel:ke,listDescription:Kt,multiple:Zt,activeOption:e.computed(()=>f.value),isExpanded:c,templateRef:d,onToggle:$,onActivateFirst:q,onActivateLast:I,onActivateNext:B,onActivatePrevious:N,onTypeAhead:D,onAutocomplete:W,onSelect:X}),Yt=e.computed(()=>on(k.value,"group")),{vScrollEnd:Jt,isScrollEnd:Wt}=Pt({enabled:e.computed(()=>{var _;return((_=t.lazyLoading)==null?void 0:_.enabled)??!1}),loading:e.computed(()=>t.loading),offset:e.computed(()=>{var _;return(_=t.lazyLoading)==null?void 0:_.scrollOffset})}),xe=e.computed(()=>{if(!k.value.length)return t.withSearch&&s.value?i.value("select.noMatch"):i.value("select.empty")}),Je=e.computed(()=>k.value.filter(_=>!_.disabled).map(({value:_})=>_)),le=e.computed(()=>{if(!(!t.multiple||!t.withCheckAll))return wt(Je,y,_=>{const V=_.map(O=>{var A;return(A=t.options.find(({value:R})=>R===O))==null?void 0:A.value}).filter(O=>O!=null);l("update:modelValue",V)})}),Be=e.computed(()=>{var V;if(!t.multiple)return"";const _=i.value("selections.selectAll");return typeof t.withCheckAll=="boolean"?_:((V=t.withCheckAll)==null?void 0:V.label)??_});e.watchEffect(()=>{Wt.value&&l("lazyLoad")});const Xt=e.computed(()=>{const _={...t,open:void 0,modelValue:h.value};return t.withSearch?{..._,onKeydown:be.value.onKeydown}:{..._,...be.value}});return(_,V)=>{var O,A,R;return e.openBlock(),e.createElementBlock("div",{ref_key:"selectRef",ref:d,class:"onyx-select-wrapper"},[e.createVNode(Ht,e.mergeProps({ref_key:"selectInput",ref:g},Xt.value,{"show-focus":e.unref(c),autofocus:t.autofocus,onInputClick:$,onValidityChange:V[0]||(V[0]=ae=>l("validityChange",ae))}),null,16,["show-focus","autofocus"]),e.createElementVNode("div",{class:e.normalizeClass(["onyx-select",e.unref(r),e.unref(c)?"onyx-select--open":"",`onyx-select--${e.unref(p)}`,`onyx-select--${t.alignment}`]),inert:!e.unref(c)},[e.withDirectives((e.openBlock(),e.createElementBlock("div",qa,[t.withSearch?(e.openBlock(),e.createBlock($t,e.mergeProps({key:0,ref_key:"miniSearch",ref:v,"model-value":e.unref(s)},e.unref(be),{label:e.unref(i)("select.searchInputLabel"),class:"onyx-select__search",onClear:V[1]||(V[1]=ae=>s.value="")}),null,16,["model-value","label"])):e.createCommentVNode("",!0),e.createElementVNode("div",e.normalizeProps(e.guardReactiveProps(e.unref(jt))),[xe.value?(e.openBlock(),e.createElementBlock("ul",Ga,[e.createElementVNode("li",Ka,[e.renderSlot(_.$slots,"empty",{defaultMessage:xe.value},()=>[e.createVNode(Ue,null,{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(xe.value),1)]),_:1})])])])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[t.multiple&&t.withCheckAll&&!e.unref(s)?(e.openBlock(),e.createElementBlock("ul",e.mergeProps({key:0,class:"onyx-select__check-all"},e.unref(Ye)({label:Be.value})),[e.createVNode(Ae,e.mergeProps(e.unref(je)({value:e.unref(w),label:Be.value,selected:(O=le.value)==null?void 0:O.state.value.modelValue}),{multiple:"",active:e.unref(w)===f.value,indeterminate:(A=le.value)==null?void 0:A.state.value.indeterminate,density:t.density}),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(Be.value),1)]),_:1},16,["active","indeterminate","density"])],16)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(Yt.value,(ae,re)=>(e.openBlock(),e.createElementBlock("ul",e.mergeProps({key:re,class:"onyx-select__group",ref_for:!0},e.unref(Ye)({label:re})),[re!=""?(e.openBlock(),e.createElementBlock("li",Za,e.toDisplayString(re),1)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(ae,U=>(e.openBlock(),e.createBlock(Ae,e.mergeProps({key:U.value.toString(),ref_for:!0},e.unref(je)({value:U.value,label:U.label,disabled:U.disabled,selected:y.value.some(Qt=>Qt===U.value)}),{multiple:t.multiple,active:U.value===f.value,icon:U.icon,density:t.density,truncation:U.truncation??t.truncation}),{default:e.withCtx(()=>[e.renderSlot(_.$slots,"option",e.mergeProps({ref_for:!0},U),()=>[e.createTextVNode(e.toDisplayString(U.label),1)])]),_:2},1040,["multiple","active","icon","density","truncation"]))),128))],16))),128))],64))],16),(R=t.lazyLoading)!=null&&R.loading?(e.openBlock(),e.createElementBlock("div",ja,[e.createVNode(F,{class:"onyx-select__loading"})])):e.createCommentVNode("",!0),a.optionsEnd?(e.openBlock(),e.createElementBlock("div",Ya,[e.renderSlot(_.$slots,"optionsEnd")])):e.createCommentVNode("",!0)])),[[e.unref(Jt)]]),t.listDescription?(e.openBlock(),e.createElementBlock("div",Ja,e.toDisplayString(t.listDescription),1)):e.createCommentVNode("",!0)],10,Ua)],512)}}}),Wa=["aria-label"],Xa={class:"onyx-pagination__count"},Qa=["aria-label","disabled"],er=["aria-label","disabled"],tr=e.defineComponent({__name:"SelectPagination",props:{density:{},modelValue:{},pages:{},disabled:{type:Boolean}},emits:["update:modelValue"],setup(n,{emit:o}){const t=n,l=o,{t:r}=E(),{densityClass:a}=C(t),i=e.computed(()=>Array.from({length:t.pages},(c,d)=>{const p=d+1;return{label:p.toString(),value:p}})),s=e.computed(()=>t.modelValue<=1),u=e.computed(()=>t.modelValue>=t.pages);return(c,d)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["onyx-pagination","onyx-text",e.unref(a)]),role:"group","aria-label":e.unref(r)("pagination.label"),style:e.normalizeStyle({"--onyx-pagination-character-count":t.modelValue.toString().length})},[e.createVNode(Ft,{class:"onyx-pagination__select",label:e.unref(r)("pagination.select.label"),"list-label":e.unref(r)("pagination.select.listLabel"),options:i.value,"model-value":t.modelValue,"value-label":t.modelValue.toString(),"hide-label":"",disabled:t.disabled||t.pages<=1,alignment:"left","with-search":"","onUpdate:modelValue":d[0]||(d[0]=p=>l("update:modelValue",p))},null,8,["label","list-label","options","model-value","value-label","disabled"]),e.createElementVNode("div",Xa,e.toDisplayString(e.unref(r)("pagination.ofPages",{n:t.pages})),1),e.createElementVNode("button",{class:"onyx-pagination__button","aria-label":e.unref(r)("pagination.previous"),type:"button",disabled:t.disabled||s.value,onClick:d[1]||(d[1]=p=>l("update:modelValue",t.modelValue-1))},[e.createVNode(b,{icon:e.unref(zt)},null,8,["icon"])],8,Qa),e.createElementVNode("button",{class:"onyx-pagination__button","aria-label":e.unref(r)("pagination.next"),type:"button",disabled:t.disabled||u.value,onClick:d[2]||(d[2]=p=>l("update:modelValue",t.modelValue+1))},[e.createVNode(b,{icon:e.unref(It)},null,8,["icon"])],8,er)],14,Wa))}}),or=e.defineComponent({__name:"OnyxPagination",props:{density:{},modelValue:{},pages:{},disabled:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(n,{emit:o}){const t=n,l=o;return(r,a)=>(e.openBlock(),e.createBlock(tr,e.mergeProps(t,{"onUpdate:modelValue":a[0]||(a[0]=i=>l("update:modelValue",i))}),null,16))}}),nr=["required","name","value","checked","disabled","autofocus"],ze=e.defineComponent({__name:"OnyxRadioButton",props:{density:{},value:{},label:{},disabled:{default:T},loading:{type:Boolean,default:!1},skeleton:{type:[Symbol,Boolean,Number],default:L},truncation:{default:"ellipsis"},customError:{},autofocus:{type:Boolean},name:{},checked:{type:Boolean,default:!1},required:{type:Boolean,default:!1}},emits:["validityChange"],setup(n,{emit:o}){const t=n,l=o,{vCustomValidity:r,errorMessages:a}=G({props:t,emit:l}),{densityClass:i}=C(t),{disabled:s}=P(t),u=z(t);return(c,d)=>e.unref(u)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["onyx-radio-button-skeleton",e.unref(i)])},[e.createVNode(M,{class:"onyx-radio-button-skeleton__input"}),e.createVNode(M,{class:"onyx-radio-button-skeleton__label"})],2)):(e.openBlock(),e.createBlock(Fe,{key:1,disabled:e.unref(s),"error-messages":e.unref(a)},{default:e.withCtx(()=>[e.createElementVNode("label",{class:e.normalizeClass(["onyx-radio-button",e.unref(i)])},[t.loading?(e.openBlock(),e.createBlock(F,{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:e.unref(s),autofocus:t.autofocus},null,8,nr)),[[e.unref(r)]]),e.createElementVNode("span",{class:e.normalizeClass(["onyx-radio-button__label",[`onyx-truncation-${t.truncation}`]])},e.toDisplayString(t.label),3)],2)]),_:1},8,["disabled","error-messages"]))}}),lr=["disabled","aria-label"],ar={key:0,class:"onyx-radio-group__label"},rr=e.defineComponent({__name:"OnyxRadioGroup",props:{density:{},required:{type:Boolean,default:!1},requiredMarker:{},customError:{},truncation:{default:"ellipsis"},label:{},labelTooltip:{},hideLabel:{type:Boolean},name:{default:()=>e.useId()},options:{},modelValue:{},disabled:{default:T},direction:{default:"vertical"},skeleton:{type:[Symbol,Boolean,Number],default:L}},emits:["update:modelValue","validityChange"],setup(n,{emit:o}){const t=n,{densityClass:l}=C(t),{requiredMarkerClass:r,requiredTypeClass:a}=pe(t),{disabled:i}=P(t),s=z(t),u=o,c=(d,p)=>{d&&u("update:modelValue",p)};return(d,p)=>(e.openBlock(),e.createElementBlock("fieldset",{class:e.normalizeClass(["onyx-radio-group",e.unref(l),e.unref(a)]),disabled:e.unref(i),role:"radiogroup","aria-label":t.label},[t.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("legend",ar,[e.createVNode(Y,{is:"h3",class:e.normalizeClass(e.unref(r))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.label),1)]),_:1},8,["class"]),t.labelTooltip?(e.openBlock(),e.createBlock(ee,{key:0,open:"hover",text:t.labelTooltip},null,8,["text"])):e.createCommentVNode("",!0)])),e.createElementVNode("div",{class:e.normalizeClass(["onyx-radio-group__content",{"onyx-radio-group__content--horizontal":t.direction==="horizontal"}])},[e.unref(s)?typeof e.unref(s)=="number"?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(e.unref(s),m=>(e.openBlock(),e.createBlock(ze,{id:`skeleton-${m}`,key:m,value:`skeleton-${m}`,label:"Skeleton ${i}",name:t.name,skeleton:""},null,8,["id","value","name"]))),128)):e.createCommentVNode("",!0):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(t.options,(m,f)=>(e.openBlock(),e.createBlock(ze,e.mergeProps({key:m.value.toString(),ref_for:!0},m,{name:t.name,"custom-error":t.customError,checked:m.value===t.modelValue,required:t.required,truncation:m.truncation??t.truncation,onValidityChange:y=>f===0&&u("validityChange",y),onChange:y=>c(y,m.value)}),null,16,["name","custom-error","checked","required","truncation","onValidityChange","onChange"]))),128))],2)],10,lr))}}),sr=["full","left","right"],ir=["summary","preview"],cr='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 11.25h18v1.5H3z"/></svg>',ur='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12.75 11.25V3h-1.5v8.25H3v1.5h8.25V21h1.5v-8.25H21v-1.5z"/></svg>',dr=(n,o)=>n/o%1===0,pr=(n,o,t)=>{const l=o??-1/0,r=t??1/0;return Math.min(Math.max(n,l),r)},se=(n,o)=>{if(n===void 0)return"";if(o>0)return n.toFixed(o);const l=Math.pow(10,o);return(Math.round(n*l)/l).toString()},mr={class:"onyx-stepper__wrapper"},fr=["disabled","aria-label"],yr=["aria-label","autofocus","disabled","min","max","name","placeholder","readonly","required","step","title"],hr=["disabled","aria-label"],vr=e.defineComponent({__name:"OnyxStepper",props:e.mergeModels({disabled:{default:T},showError:{default:T},density:{},customError:{},required:{type:Boolean},requiredMarker:{},id:{},name:{},label:{},labelTooltip:{},hideLabel:{type:Boolean},error:{},message:{},success:{},autofocus:{type:Boolean},placeholder:{},min:{},max:{},step:{},precision:{default:1},stepSize:{},stripStep:{type:Boolean,default:!1},autocomplete:{},readonly:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},skeleton:{type:[Symbol,Boolean,Number],default:L}},{modelValue:{},modelModifiers:{}}),emits:e.mergeModels(["validityChange"],["update:modelValue"]),setup(n,{emit:o}){const t=n,{t:l}=E(),r=e.ref(),a=o,{disabled:i,showError:s}=P(t),u=z(t),c=te(s),{densityClass:d}=C(t),{vCustomValidity:p,errorMessages:m}=G({props:t,emit:a}),f=e.computed(()=>H(t.success)),y=e.computed(()=>H(t.message)),h=e.ref(!1),v=e.useModel(n,"modelValue"),g=e.ref(),k=e.computed(()=>{const B=t.precision,N=B.toString();return N.includes(".")?N.split(".")[1].length:-Math.floor(Math.log10(B))});e.watch(v,()=>g.value=se(v.value,k.value),{immediate:!0});const w=e.computed(()=>Math.max(t.stepSize??t.precision,t.precision)),S=B=>{if(!r.value)return;h.value=!0;const N=v.value||0,D=(B==="stepUp"?1:-1)*w.value,W=N+D,X=Math.round(W/t.precision)*t.precision;v.value=pr(X,t.min,t.max)},$=()=>{if(!r.value)return;h.value=!0;const B=parseFloat(g.value??""),N=parseFloat(se(B,k.value));if(g.value=se(B,k.value),!B||isNaN(B)){v.value=void 0;return}if(t.stripStep&&(!dr(B,t.precision)||t.min!==void 0&&t.min>B||t.max!==void 0&&t.max<B)){g.value=se(v.value,k.value);return}v.value=N},q=e.computed(()=>l.value("stepper.increment",{stepSize:w.value})),I=e.computed(()=>l.value("stepper.decrement",{stepSize:w.value}));return(B,N)=>e.unref(u)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["onyx-stepper-skeleton",e.unref(d)])},[t.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(M,{key:0,class:"onyx-stepper-skeleton__label"})),e.createVNode(M,{class:"onyx-stepper-skeleton__input"})],2)):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["onyx-stepper",e.unref(d),e.unref(c)])},[e.createVNode(oe,e.mergeProps(t,{message:y.value,"success-messages":f.value,"error-messages":e.unref(m)}),{default:e.withCtx(()=>[e.createElementVNode("div",mr,[e.createElementVNode("button",{type:"button",class:"onyx-stepper__counter",disabled:e.unref(i)||B.readonly||t.loading||t.min!==void 0&&v.value!==void 0&&v.value<=t.min,"aria-label":I.value,tabindex:"-1",onClick:N[0]||(N[0]=D=>S("stepDown"))},[e.createVNode(b,{icon:e.unref(cr)},null,8,["icon"])],8,fr),t.loading?(e.openBlock(),e.createBlock(F,{key:0,class:"onyx-stepper__loading",type:"circle"})):e.withDirectives((e.openBlock(),e.createElementBlock("input",{key:1,ref_key:"inputRef",ref:r,"onUpdate:modelValue":N[1]||(N[1]=D=>g.value=D),class:e.normalizeClass(["onyx-stepper__native",{"onyx-stepper__native--touched":h.value}]),type:"number","aria-label":t.label,autofocus:t.autofocus,disabled:e.unref(i)||t.loading,min:t.min,max:t.max,name:t.name,placeholder:t.placeholder,readonly:t.readonly,required:t.required,step:t.precision,title:t.hideLabel?t.label:void 0,onChange:$,onKeydown:[N[2]||(N[2]=e.withKeys(e.withModifiers(D=>S("stepUp"),["prevent"]),["up"])),N[3]||(N[3]=e.withKeys(e.withModifiers(D=>S("stepDown"),["prevent"]),["down"]))]},null,42,yr)),[[e.vModelText,g.value],[e.unref(p)]]),e.createElementVNode("button",{type:"button",class:"onyx-stepper__counter",disabled:e.unref(i)||B.readonly||t.loading||t.max!==void 0&&v.value!==void 0&&v.value>=t.max,"aria-label":q.value,tabindex:"-1",onClick:N[4]||(N[4]=D=>S("stepUp"))},[e.createVNode(b,{icon:e.unref(ur)},null,8,["icon"])],8,hr)])]),_:1},16,["message","success-messages","error-messages"])],2))}}),_r={class:"onyx-switch-skeleton__click-area"},gr=["title"],kr=["aria-label","disabled","required","autofocus"],br={class:"onyx-switch__click-area"},xr={class:"onyx-switch__container"},Br={class:"onyx-switch__icon"},Cr=e.defineComponent({__name:"OnyxSwitch",props:{disabled:{default:T},showError:{},density:{},required:{type:Boolean},requiredMarker:{},customError:{},autofocus:{type:Boolean},modelValue:{type:Boolean,default:!1},label:{},loading:{type:Boolean,default:!1},hideLabel:{type:Boolean},truncation:{default:"ellipsis"},skeleton:{type:[Symbol,Boolean,Number],default:L}},emits:["update:modelValue","validityChange"],setup(n,{emit:o}){const t=n,l=o,{requiredMarkerClass:r,requiredTypeClass:a}=pe(t),{densityClass:i}=C(t),{disabled:s,showError:u}=P(t),{vCustomValidity:c,errorMessages:d}=G({props:t,emit:l}),p=e.computed(()=>u.value!==!1?d.value:void 0),m=e.computed(()=>t.hideLabel&&t.label||void 0),f=z(t),y=e.computed({get:()=>t.modelValue,set:h=>{l("update:modelValue",h)}});return(h,v)=>e.unref(f)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["onyx-switch-skeleton",e.unref(i)])},[e.createElementVNode("span",_r,[e.createVNode(M,{class:"onyx-switch-skeleton__input"})]),t.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(M,{key:0,class:"onyx-switch-skeleton__label"}))],2)):(e.openBlock(),e.createBlock(Fe,{key:1,disabled:e.unref(s),"error-messages":p.value},{default:e.withCtx(()=>[e.createElementVNode("label",{class:e.normalizeClass(["onyx-switch",[e.unref(a),e.unref(i)]]),title:m.value},[e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":v[0]||(v[0]=g=>y.value=g),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:e.unref(s)||t.loading,required:t.required,autofocus:t.autofocus},null,10,kr),[[e.vModelCheckbox,y.value],[e.unref(c)]]),e.createElementVNode("span",br,[e.createElementVNode("span",xr,[e.createElementVNode("span",Br,[t.loading?(e.openBlock(),e.createBlock(F,{key:0,class:"onyx-switch__spinner",type:"circle"})):(e.openBlock(),e.createBlock(b,{key:1,icon:y.value?e.unref(qe):e.unref(_e)},null,8,["icon"]))]),v[1]||(v[1]=e.createElementVNode("div",{class:"onyx-switch__frame"},null,-1))])]),t.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(["onyx-switch__label",[`onyx-truncation-${t.truncation}`,t.truncation==="multiline"?e.unref(r):void 0]])},e.toDisplayString(t.label),3)),!t.hideLabel&&t.truncation==="ellipsis"?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["onyx-switch__marker",[e.unref(r)]])},null,2)):e.createCommentVNode("",!0)],10,gr)]),_:1},8,["disabled","error-messages"]))}}),wr=["aria-label","disabled","autofocus"],Vr=e.defineComponent({__name:"OnyxSystemButton",props:{disabled:{default:T},autofocus:{type:Boolean,default:!1},skeleton:{type:[Symbol,Boolean,Number],default:L},label:{},icon:{},color:{default:"intense"}},setup(n){const o=n,{disabled:t}=P(o),l=z(o);return(r,a)=>e.unref(l)?(e.openBlock(),e.createBlock(M,{key:0,class:e.normalizeClass(["onyx-system-button-skeleton",o.icon?"":"onyx-system-button-skeleton--text"])},null,8,["class"])):(e.openBlock(),e.createElementBlock("button",{key:1,class:e.normalizeClass(["onyx-system-button","onyx-text--small",`onyx-system-button--${o.color}`]),"aria-label":o.label,type:"button",disabled:e.unref(t),autofocus:o.autofocus},[o.icon?(e.openBlock(),e.createBlock(b,{key:0,icon:o.icon},null,8,["icon"])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(o.label),1)],64))],10,wr))}}),Er=["intense","soft","medium"],Ke=Symbol(),Sr=["disabled"],Nr={class:"onyx-tab__label"},Mr=e.defineComponent({__name:"OnyxTab",props:{density:{},value:{},label:{},disabled:{type:Boolean,default:!1},skeleton:{type:[Symbol,Boolean,Number],default:L}},setup(n){const o=n,{densityClass:t}=C(o),l=e.inject(Ke),r=z(o),a=e.computed(()=>`onyx-tab--${l==null?void 0:l.size.value}`),i=e.computed(()=>l==null?void 0:l.headless.elements.tab.value({value:o.value,disabled:o.disabled||!!r.value}));return(s,u)=>{var c,d,p,m,f;return e.openBlock(),e.createElementBlock(e.Fragment,null,[e.unref(r)?(e.openBlock(),e.createBlock(M,e.mergeProps({key:0,class:["onyx-tab-skeleton",e.unref(t),a.value]},i.value),null,16,["class"])):(e.openBlock(),e.createElementBlock("button",e.mergeProps({key:1,class:["onyx-tab",e.unref(t),a.value,(c=i.value)!=null&&c["aria-selected"]?"onyx-tab--selected":""]},i.value,{type:"button",disabled:o.disabled}),[e.createElementVNode("div",Nr,[e.renderSlot(s.$slots,"tab",{},()=>[e.createTextVNode(e.toDisplayString(o.label),1)])])],16,Sr)),(e.openBlock(),e.createBlock(e.Teleport,{to:(d=e.unref(l))==null?void 0:d.panelRef.value,disabled:!((p=e.unref(l))!=null&&p.panelRef.value),defer:""},[(m=i.value)!=null&&m["aria-selected"]?(e.openBlock(),e.createElementBlock("div",e.mergeProps({key:0},(f=e.unref(l))==null?void 0:f.headless.elements.tabpanel.value({value:o.value}),{class:"onyx-tab__panel"}),[e.renderSlot(s.$slots,"default")],16)):e.createCommentVNode("",!0)],8,["to","disabled"]))],64)}}}),$r=e.defineComponent({__name:"OnyxTabs",props:{density:{},skeleton:{type:Boolean},label:{},modelValue:{},stretched:{type:Boolean},size:{default:"h2"}},emits:["update:modelValue"],setup(n,{emit:o}){const t=n,l=o,{densityClass:r}=C(t),a=gn({label:e.toRef(t,"label"),selectedTab:e.toRef(()=>t.modelValue),onSelect:s=>l("update:modelValue",s)}),i=e.ref();return Pe(t),e.provide(Ke,{headless:a,panelRef:i,size:e.toRef(t,"size")}),(s,u)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"panelRef",ref:i,class:e.normalizeClass(["onyx-tabs",e.unref(r),t.stretched?"onyx-tabs--stretched":""])},[e.createElementVNode("div",e.mergeProps(e.unref(a).elements.tablist.value,{class:"onyx-tabs__tablist"}),[e.renderSlot(s.$slots,"default")],16)],2))}}),Or={class:"onyx-text onyx-truncation-ellipsis"},Tr=e.defineComponent({__name:"OnyxTag",props:{density:{},label:{},color:{default:"primary"},icon:{}},setup(n){const o=n,{densityClass:t}=C(o);return(l,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["onyx-tag",`onyx-tag--${o.color}`,e.unref(t)])},[o.icon?(e.openBlock(),e.createBlock(b,{key:0,icon:o.icon,size:"16px"},null,8,["icon"])):e.createCommentVNode("",!0),e.createElementVNode("span",Or,e.toDisplayString(o.label),1)],2))}}),Ir=["data-autosize-value"],Lr=["id","placeholder","required","autocapitalize","autofocus","name","readonly","disabled","minlength","maxlength","aria-label","title"],Dr=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:{default:T},minlength:{},maxlength:{},withCounter:{type:Boolean},message:{},success:{},skeleton:{type:[Symbol,Boolean,Number],default:L},autosize:{},disableManualResize:{type:Boolean,default:!1}},emits:["update:modelValue","validityChange"],setup(n,{emit:o}){const t=n,l=o,{vCustomValidity:r,errorMessages:a}=G({props:t,emit:l}),{densityClass:i}=C(t),s=e.computed(()=>H(t.success)),u=e.computed(()=>H(t.message)),c=e.computed({get:()=>t.modelValue,set:v=>l("update:modelValue",v)}),d=e.computed(()=>{if(!t.autosize)return;const v=t.autosize.min?Math.max(t.autosize.min,2):void 0,g=t.autosize.max;return[v?`--min-autosize-rows: ${v}`:"",`--max-autosize-rows: ${g??"unset"}`]}),p=v=>{var k;const g=v.target;(k=g.parentElement)==null||k.setAttribute("data-autosize-value",g.value)},{disabled:m,showError:f}=P(t),y=z(t),h=te(f);return(v,g)=>e.unref(y)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["onyx-textarea-skeleton",e.unref(i)]),style:e.normalizeStyle(d.value)},[t.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(M,{key:0,class:"onyx-textarea-skeleton__label"})),e.createVNode(M,{class:"onyx-textarea-skeleton__input"})],6)):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["onyx-textarea",e.unref(h),e.unref(i)]),style:e.normalizeStyle(d.value)},[e.createVNode(oe,e.mergeProps(t,{message:u.value,"success-messages":s.value,"error-messages":e.unref(a)}),{default:e.withCtx(({id:k})=>[e.createElementVNode("div",{class:"onyx-textarea__wrapper","data-autosize-value":c.value},[e.withDirectives(e.createElementVNode("textarea",{id:k,"onUpdate:modelValue":g[0]||(g[0]=w=>c.value=w),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:e.unref(m),minlength:t.minlength,maxlength:t.maxlength,"aria-label":t.hideLabel?t.label:void 0,title:t.hideLabel?t.label:void 0,onInput:p},null,42,Lr),[[e.vModelText,c.value],[e.unref(r)]])],8,Ir)]),_:1},16,["message","success-messages","error-messages"])],6))}}),Ar='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M11.25 16.5h1.5V18h-1.5zM12.75 6h-1.5v8.25h1.5z"/><path fill-rule="evenodd" d="M12 1.5a10.5 10.5 0 1 0 0 21 10.5 10.5 0 0 0 0-21m6.364 16.864A9 9 0 1 1 21 12a8.94 8.94 0 0 1-2.636 6.364" clip-rule="evenodd"/></svg>',zr='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m7.275 11.828 2.465 2.47 6.22-6.22 1.06 1.06-7.28 7.281-3.528-3.53z"/><path fill-rule="evenodd" d="M6.167 3.27a10.5 10.5 0 1 1 11.666 17.46A10.5 10.5 0 0 1 6.167 3.27M7 19.483A9 9 0 0 0 12 21a9.01 9.01 0 0 0 9-9 9 9 0 1 0-14 7.483" clip-rule="evenodd"/></svg>',Pr={class:"onyx-toast-message__wrapper"},Rr={class:"onyx-toast-message__content onyx-truncation-ellipsis"},Hr={class:"onyx-toast-message__headline onyx-text"},Fr={class:"onyx-truncation-ellipsis"},Ur=["aria-label"],qr={key:0,class:"onyx-toast-message__description onyx-text--small onyx-truncation-multiline",tabindex:"0"},Ut=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:["close"],setup(n,{emit:o}){const t=n,l=o,{t:r}=E(),{densityClass:a}=C(t),i=e.computed(()=>t.duration>0),s={neutral:Te,danger:Vt,warning:Ar,success:zr},u=e.computed(()=>{if(t.icon!==!1)return t.icon||s[t.color]});return(c,d)=>(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},{default:e.withCtx(()=>[e.createElementVNode("div",Pr,[u.value?(e.openBlock(),e.createBlock(b,{key:0,icon:u.value},null,8,["icon"])):e.createCommentVNode("",!0),e.createElementVNode("div",Rr,[e.createElementVNode("div",Hr,[e.createElementVNode("span",Fr,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:d[0]||(d[0]=p=>l("close"))},[e.createVNode(b,{icon:e.unref(_e)},null,8,["icon"])],8,Ur))]),t.description?(e.openBlock(),e.createElementBlock("p",qr,e.toDisplayString(t.description),1)):e.createCommentVNode("",!0)])]),i.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:d[1]||(d[1]=p=>l("close"))},null,36)):e.createCommentVNode("",!0)]),_:1},8,["class","role","aria-label"]))}}),Ze=Symbol(),qt=()=>{let n=1;const o=e.ref([]),t=r=>{const a=n++;o.value.unshift({...r,id:a,onClose:()=>l(a)})},l=r=>{o.value=o.value.filter(a=>a.id!==r)};return{toasts:e.computed(()=>o.value),show:t,remove:l}},Gt=()=>{const n=()=>{console.warn('Trying to use "useToast()" before the toast provider has been provided. Make sure to "provide" it first.')};return e.inject(Ze,()=>({toasts:e.computed(()=>[]),show:n,remove:n}),!0)},Gr={key:0,class:"onyx-toast",role:"presentation","aria-live":"polite",open:""},Kr=e.defineComponent({__name:"OnyxToast",setup(n){const o=Gt();return(t,l)=>e.unref(o).toasts.value.length?(e.openBlock(),e.createElementBlock("dialog",Gr,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(o).toasts.value,({id:r,...a})=>(e.openBlock(),e.createBlock(Ut,e.mergeProps({key:r,ref_for:!0},a),null,16))),128))])):e.createCommentVNode("",!0)}}),Zr=["top","bottom","auto"],jr=e.defineComponent({__name:"OnyxForm",props:{disabled:{type:Boolean,default:!1},showError:{default:"touched"},skeleton:{type:Boolean},density:{}},setup(n){const o=n;fo(o),Pe(o);const{densityClass:t}=C(o);return(l,r)=>(e.openBlock(),e.createElementBlock("form",{class:e.normalizeClass({"onyx-form":!0,...e.unref(t)})},[e.renderSlot(l.$slots,"default")],2))}}),Yr=["primary","neutral","danger","warning","success","info"],Jr=["small","default","large"],Wr=["ellipsis","multiline"],Xr=["onyx","digits","kaufland","lidl","schwarz"],Qr=["horizontal","vertical"],es=(n={})=>({install:o=>{mt(o,n.i18n);const t=o.runWithContext(()=>E());o.provide(Ze,qt()),o.mixin({beforeMount:()=>{e.watchEffect(()=>{ts(t.t.value("optional"))})}})}}),ts=n=>{var o;(o=globalThis.document)==null||o.body.style.setProperty("--onyx-global-optional-text",n)};exports.AUTOCAPITALIZE=Bl;exports.BUTTON_COLORS=To;exports.BUTTON_MODES=Io;exports.BUTTON_TYPES=Oo;exports.DENSITIES=uo;exports.DIRECTIONS=Qr;exports.DataGridFeatures=nl;exports.HEADLINE_TYPES=hl;exports.ICON_SIZES=vl;exports.INPUT_TYPES=xl;exports.LINK_TARGETS=Vl;exports.MOBILE_NAV_BAR_INJECTION_KEY=ne;exports.MULTISELECT_TEXT_MODE=ir;exports.NAV_BAR_MORE_LIST_INJECTION_KEY=Lt;exports.ONYX_BREAKPOINTS=at;exports.ONYX_COLORS=Yr;exports.ONYX_THEMES=Xr;exports.OnyxAppLayout=lo;exports.OnyxAvatar=Ee;exports.OnyxAvatarStack=co;exports.OnyxBadge=rt;exports.OnyxButton=ce;exports.OnyxCheckbox=ie;exports.OnyxCheckboxGroup=Mn;exports.OnyxColorSchemeDialog=Tt;exports.OnyxColorSchemeMenuItem=Ql;exports.OnyxDataGrid=Jn;exports.OnyxDataGridRenderer=St;exports.OnyxDatePicker=pl;exports.OnyxDialog=Nt;exports.OnyxEmpty=Ue;exports.OnyxExternalLinkIcon=ve;exports.OnyxFlyoutMenu=he;exports.OnyxForm=jr;exports.OnyxHeadline=Y;exports.OnyxIcon=b;exports.OnyxIconButton=fe;exports.OnyxInfoTooltip=ee;exports.OnyxInput=bl;exports.OnyxLink=wl;exports.OnyxListItem=ye;exports.OnyxLoadingIndicator=F;exports.OnyxMenuItem=Ge;exports.OnyxMiniSearch=$t;exports.OnyxMobileNavButton=Le;exports.OnyxMoreList=Al;exports.OnyxNavAppArea=Ot;exports.OnyxNavBar=Ia;exports.OnyxNavButton=ra;exports.OnyxNavItem=sa;exports.OnyxNavSeparator=Dt;exports.OnyxPageLayout=za;exports.OnyxPagination=or;exports.OnyxRadioButton=ze;exports.OnyxRadioGroup=rr;exports.OnyxSelect=Ft;exports.OnyxSelectInput=Ht;exports.OnyxSelectOption=Ae;exports.OnyxSkeleton=M;exports.OnyxStepper=vr;exports.OnyxSwitch=Cr;exports.OnyxSystemButton=Vr;exports.OnyxTab=Mr;exports.OnyxTable=Et;exports.OnyxTabs=$r;exports.OnyxTag=Tr;exports.OnyxTextarea=Dr;exports.OnyxTimer=fa;exports.OnyxToast=Kr;exports.OnyxToastMessage=Ut;exports.OnyxTooltip=Q;exports.OnyxUserMenu=Ba;exports.OnyxVisuallyHidden=J;exports.SELECT_ALIGNMENTS=sr;exports.SYSTEM_BUTTON_COLORS=Er;exports.TABS_INJECTION_KEY=Ke;exports.TEXT_SIZES=Jr;exports.TOAST_PROVIDER_INJECTION_KEY=Ze;exports.TOOLTIP_POSITIONS=Zr;exports.TRUNCATION_TYPES=Wr;exports.createOnyx=es;exports.createToastProvider=qt;exports.normalizedIncludes=Rt;exports.provideI18n=mt;exports.useDensity=C;exports.useScrollEnd=Pt;exports.useToast=Gt;
+`,ql={class:"onyx-color-scheme-dialog__subtitle onyx-text"},Gl=["innerHTML"],Kl=["autofocus","value","checked","aria-label"],Zl={class:"onyx-text--small"},jl={class:"onyx-color-scheme-dialog__actions"},Tt=e.defineComponent({__name:"OnyxColorSchemeDialog",props:{open:{type:Boolean,default:!1},density:{},modelValue:{}},emits:["update:modelValue","close"],setup(n,{emit:o}){const t=n,l=o,r=e.ref();e.watchEffect(()=>r.value=t.modelValue);const{t:a}=E(),i=e.computed(()=>[{value:"auto",image:Hl,label:a.value("colorScheme.auto.label"),description:a.value("colorScheme.auto.description")},{value:"light",image:Ul,label:a.value("colorScheme.light.label"),description:a.value("colorScheme.light.description")},{value:"dark",image:Fl,label:a.value("colorScheme.dark.label"),description:a.value("colorScheme.dark.description")}]),s=c=>{const d=c.target;r.value=d.value},u=()=>{r.value&&(l("update:modelValue",r.value),l("close"))};return(c,d)=>(e.openBlock(),e.createBlock(Nt,e.mergeProps({class:"onyx-color-scheme-dialog"},t,{label:e.unref(a)("colorScheme.headline"),modal:"",onClose:d[1]||(d[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(Y,{is:"h2"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(a)("colorScheme.headline")),1)]),_:1}),e.createElementVNode("span",ql,e.toDisplayString(e.unref(a)("colorScheme.subtitle")),1)]),e.createElementVNode("fieldset",{class:"onyx-color-scheme-dialog__list",onChange:s},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.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,Gl),e.createElementVNode("div",null,[e.createVNode(J,{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,Kl)]),_:2},1024),e.createVNode(Y,{is:"h3",class:"onyx-color-scheme-dialog__label"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(p.label),1)]),_:2},1024),e.createElementVNode("p",Zl,e.toDisplayString(p.description),1)])]))),128))],32),e.createElementVNode("div",jl,[e.createVNode(ce,{label:e.unref(a)("cancel"),mode:"plain",color:"neutral",onClick:d[0]||(d[0]=p=>l("close"))},null,8,["label"]),e.createVNode(ce,{label:e.unref(a)("apply"),type:"submit"},null,8,["label"])])],32)]),_:1},16,["label"]))}}),Yl='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12.008 1.5c-5.79 0-10.493 4.71-10.493 10.493 0 5.782 4.71 10.492 10.493 10.492 5.782 0 10.492-4.71 10.492-10.492S17.79 1.5 12.008 1.5M13.5 3.135q.753.126 1.463.375v16.973q-.709.249-1.463.375zm2.962 1.058a9.3 9.3 0 0 1 1.59 1.162v13.282a9 9 0 0 1-1.59 1.163zm3.083 2.917a8.93 8.93 0 0 1 1.447 4.882 9 9 0 0 1-1.447 4.883zM3.008 11.992C3.008 7.036 7.043 3 12 3v17.993c-4.957 0-8.992-4.035-8.992-8.993z"/></svg>',Jl=["href","target","rel"],Wl=["disabled"],Ge=e.defineComponent({__name:"OnyxMenuItem",props:{target:{default:"_self"},href:{},active:{type:Boolean},disabled:{type:Boolean},color:{}},setup(n){const o=n,{t}=E(),{elements:{listItem:l,menuItem:r}}=xt(),a=e.computed(()=>r({active:o.active,disabled:o.disabled}));return(i,s)=>(e.openBlock(),e.createBlock(ye,e.mergeProps({selected:o.active,active:o.active,color:o.color,disabled:o.disabled,class:"onyx-menu-item"},e.unref(l)),{default:e.withCtx(()=>[o.href?(e.openBlock(),e.createElementBlock("a",e.mergeProps({key:0,class:"onyx-menu-item__trigger",href:o.href,target:o.target,rel:o.target==="_blank"?"noreferrer":void 0},a.value),[e.renderSlot(i.$slots,"default")],16,Jl)):(e.openBlock(),e.createElementBlock("button",e.mergeProps({key:1,class:"onyx-menu-item__trigger",type:"button",disabled:o.disabled},a.value),[e.renderSlot(i.$slots,"default"),o.target==="_blank"?(e.openBlock(),e.createBlock(J,{key:0},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(t)("link.opensExternally")),1)]),_:1})):e.createCommentVNode("",!0)],16,Wl))]),_:3},16,["selected","active","color","disabled"]))}}),Xl={class:"onyx-color-scheme-menu-item__value"},Ql=e.defineComponent({__name:"OnyxColorSchemeMenuItem",props:{modelValue:{}},emits:["update:modelValue"],setup(n,{emit:o}){const t=n,l=o,{t:r}=E(),a=e.ref(!1);return(i,s)=>(e.openBlock(),e.createBlock(Ge,{class:"onyx-color-scheme-menu-item",onClick:s[2]||(s[2]=u=>a.value=!0)},{default:e.withCtx(()=>[e.createVNode(b,{icon:e.unref(Yl)},null,8,["icon"]),e.createElementVNode("div",null,[e.createTextVNode(e.toDisplayString(e.unref(r)("colorScheme.appearance"))+": ",1),e.createElementVNode("span",Xl,e.toDisplayString(e.unref(r)(`colorScheme.${t.modelValue}.label`)),1)]),(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[e.createVNode(Tt,{"model-value":t.modelValue,open:a.value,onClose:s[0]||(s[0]=u=>a.value=!1),"onUpdate:modelValue":s[1]||(s[1]=u=>l("update:modelValue",u))},null,8,["model-value","open"])]))]),_:1}))}}),It='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m9.905 6.22-1.06 1.06 4.72 4.72-4.72 4.72 1.06 1.06 5.78-5.78z"/></svg>',ne=Symbol(),Lt=Symbol(),ea='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M17.618 11.626H8.936l3.094-3.094-1.064-1.056-4.899 4.898 4.9 4.9 1.063-1.064-3.094-3.086h8.682z"/></svg>',ta=["aria-orientation"],Dt=e.defineComponent({__name:"OnyxNavSeparator",props:{orientation:{default:"vertical"}},setup(n){const o=n,t=e.inject(ne,e.computed(()=>!1));return(l,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["onyx-nav-separator",{"onyx-nav-separator--horizontal":o.orientation==="horizontal"||e.unref(t)}]),role:"separator","aria-orientation":o.orientation},null,10,ta))}}),oa={role:"presentation"},na=e.defineComponent({__name:"NavButtonLayout",props:{href:{},withExternalIcon:{type:[Boolean,String]},mobileChildrenOpen:{},label:{},active:{type:Boolean},isMobile:{type:Boolean}},emits:["update:mobileChildrenOpen"],setup(n,{emit:o}){const t=n,l=e.useSlots(),{t:r}=E(),a=o;return(i,s)=>(e.openBlock(),e.createElementBlock("li",oa,[t.isMobile?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[t.isMobile&&i.mobileChildrenOpen?(e.openBlock(),e.createBlock(ce,{key:0,label:e.unref(r)("back"),mode:"plain",color:"neutral",icon:e.unref(ea),onClick:s[0]||(s[0]=u=>a("update:mobileChildrenOpen",!1))},null,8,["label","icon"])):e.createCommentVNode("",!0),!i.mobileChildrenOpen||t.href?e.renderSlot(i.$slots,"button",{key:1,trigger:{trigger:{}}}):e.createCommentVNode("",!0),i.mobileChildrenOpen&&t.href?(e.openBlock(),e.createBlock(Dt,{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":i.mobileChildrenOpen}])},[e.renderSlot(i.$slots,"options")],2),[[e.vShow,i.mobileChildrenOpen]])],64)):(e.openBlock(),e.createBlock(he,{key:1,label:e.unref(r)("navItemOptionsLabel",{label:t.label})},e.createSlots({button:e.withCtx(({trigger:u})=>[e.renderSlot(i.$slots,"button",{trigger:u})]),_:2},[l.options?{name:"options",fn:e.withCtx(()=>[e.renderSlot(i.$slots,"options")]),key:"0"}:void 0]),1032,["label"]))]))}}),la=["aria-label"],aa={class:"onyx-truncation-ellipsis"},ra=e.defineComponent({__name:"OnyxNavButton",props:{href:{},withExternalIcon:{type:[Boolean,String],default:"auto"},mobileChildrenOpen:{default:Z},label:{},active:{type:Boolean,default:!1}},emits:["navigate","update:mobileChildrenOpen"],setup(n,{emit:o}){const t=n,l=o,r=e.useSlots(),a=e.inject(ne,e.computed(()=>!1)),i=e.computed(()=>!!r.children),{componentRef:s,isVisible:u}=Dl(Lt),{state:c}=ue(e.toRef(()=>t.mobileChildrenOpen),!1,p=>l("update:mobileChildrenOpen",p)),d=p=>{a!=null&&a.value&&i.value&&!c.value?c.value=!0:t.href&&l("navigate",t.href,p)};return(p,m)=>e.withDirectives((e.openBlock(),e.createBlock(na,e.mergeProps({ref_key:"componentRef",ref:s},t,{"mobile-children-open":e.unref(c),"onUpdate:mobileChildrenOpen":m[0]||(m[0]=f=>e.isRef(c)?c.value=f:null),class:["onyx-nav-button",{"onyx-nav-button--mobile":e.unref(a),"onyx-nav-button--active":t.active}],"is-mobile":e.unref(a)??!1}),e.createSlots({button:e.withCtx(({trigger:f})=>[e.createElementVNode("button",e.mergeProps({class:["onyx-nav-button__trigger onyx-text",{"onyx-nav-button__link":t.href!=null}],role:"menuitem","aria-label":t.label,type:"button"},f,{onClick:d}),[e.renderSlot(p.$slots,"default",{},()=>[e.createElementVNode("span",aa,e.toDisplayString(t.label),1),e.createVNode(ve,e.normalizeProps(e.guardReactiveProps(t)),null,16)]),e.unref(a)&&i.value&&!e.unref(c)?(e.openBlock(),e.createBlock(b,{key:0,class:"onyx-nav-button__mobile-chevron",icon:e.unref(It)},null,8,["icon"])):e.createCommentVNode("",!0)],16,la)]),_:2},[r.children?{name:"options",fn:e.withCtx(()=>[e.renderSlot(p.$slots,"children")]),key:"0"}:void 0]),1040,["mobile-children-open","class","is-mobile"])),[[e.vShow,e.unref(a)||e.unref(u)]])}}),sa=e.defineComponent({__name:"OnyxNavItem",props:{href:{},withExternalIcon:{type:[Boolean,String],default:"auto"},mobileChildrenOpen:{},label:{},active:{type:Boolean}},emits:["navigate"],setup(n,{emit:o}){const t=n,l=o;return(r,a)=>(e.openBlock(),e.createBlock(Ge,{class:"onyx-nav-item",active:t.active,href:t.href??"javascript:void(0)",onClick:a[0]||(a[0]=i=>t.href&&l("navigate",t.href,i))},{default:e.withCtx(()=>[e.renderSlot(r.$slots,"default",{},()=>[e.createElementVNode("span",null,e.toDisplayString(t.label),1),e.createVNode(ve,e.normalizeProps(e.guardReactiveProps(t)),null,16)])]),_:3},8,["active","href"]))}}),ia=n=>{const o=e.ref(),t=e.ref(we(new Date(n.value).getTime())),l=e.computed(()=>t.value===0);return e.watch(n,r=>{clearInterval(o.value);const a=new Date(r).getTime();t.value=we(a),o.value=setInterval(()=>{t.value=we(a),l.value&&clearInterval(o.value)},1e3)},{immediate:!0}),e.onBeforeUnmount(()=>clearInterval(o.value)),{timeLeft:t,isEnded:l}},we=n=>{const o=n-Date.now();return Math.max(o,0)},At=n=>{const o=Math.floor(n/6e4/60),t=Math.floor(n/6e4%60),l=Math.floor(n%6e4/1e3);return{hours:o,minutes:t,seconds:l}},ca=(n,o)=>{const{hours:t,minutes:l,seconds:r}=At(n),a=u=>u.toString().padStart(2,"0");let i="",s=Ve(o.formatToParts(n,"seconds"));return l>0&&(s=Ve(o.formatToParts(n,"minutes"))),t>0&&(s=Ve(o.formatToParts(n,"hours")),i=`${a(t)}:`),`${i}${a(l)}:${a(r)} ${s}`},Ve=n=>{var o;return((o=n.at(-1))==null?void 0:o.value.replace(".","").trim())??""},ua=n=>{const{hours:o,minutes:t,seconds:l}=At(n);return`PT${o}H${t}M${l}S`},da=["aria-label"],pa={key:0,class:"onyx-timer__label"},ma=["datetime"],fa=e.defineComponent({__name:"OnyxTimer",props:{endTime:{},label:{},hideLabel:{type:Boolean}},emits:["timerEnded"],setup(n,{emit:o}){const t=n,l=o,{locale:r}=E(),{timeLeft:a,isEnded:i}=ia(e.computed(()=>t.endTime)),s=e.computed(()=>new Intl.RelativeTimeFormat(r.value,{numeric:"always",style:"short"})),u=e.computed(()=>ca(a.value,s.value));return e.watchEffect(()=>i.value&&l("timerEnded")),(c,d)=>(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",pa,e.toDisplayString(t.label),1)),e.createElementVNode("time",{datetime:e.unref(ua)(e.unref(a)),class:"onyx-timer__time"},e.toDisplayString(u.value),9,ma)],8,da))}}),ya={class:"onyx-user-menu__footer onyx-text--small"},ha=e.defineComponent({__name:"UserMenuLayout",props:{isMobile:{type:Boolean},flyoutOpen:{default:Z}},emits:["update:flyoutOpen"],setup(n){const o=n,t=e.useModel(o,"flyoutOpen"),l=e.useSlots(),{t:r}=E();return(a,i)=>(e.openBlock(),e.createElementBlock("div",null,[o.isMobile?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.renderSlot(a.$slots,"header"),e.renderSlot(a.$slots,"options"),l.footer?(e.openBlock(),e.createBlock(ye,{key:0,class:"onyx-user-menu__mobile-footer",disabled:""},{default:e.withCtx(()=>[e.renderSlot(a.$slots,"footer")]),_:3})):e.createCommentVNode("",!0)],64)):(e.openBlock(),e.createBlock(he,{key:1,open:e.unref(t),"onUpdate:open":i[0]||(i[0]=s=>e.isRef(t)?t.value=s:null),label:e.unref(r)("navigation.userMenuLabel")},e.createSlots({button:e.withCtx(({trigger:s})=>[e.renderSlot(a.$slots,"button",{trigger:s})]),header:e.withCtx(()=>[e.renderSlot(a.$slots,"header")]),options:e.withCtx(()=>[e.renderSlot(a.$slots,"options")]),_:2},[l.footer?{name:"footer",fn:e.withCtx(()=>[e.createElementVNode("div",ya,[e.renderSlot(a.$slots,"footer")])]),key:"0"}:void 0]),1032,["open","label"]))]))}}),va={class:"onyx-truncation-ellipsis"},_a={class:"onyx-user-menu__header"},ga={class:"onyx-truncation-ellipsis"},ka={class:"onyx-user-menu__username onyx-text onyx-truncation-ellipsis"},ba={key:0,class:"onyx-user-menu__description onyx-text--small onyx-truncation-ellipsis"},xa={class:"onyx-user-menu__options"},Ba=e.defineComponent({__name:"OnyxUserMenu",props:{username:{},avatar:{},description:{},flyoutOpen:{default:Z}},emits:["update:flyoutOpen"],setup(n,{emit:o}){const t=n,l=o,r=e.useSlots(),a=e.computed(()=>({src:t.avatar,label:t.username})),i=e.inject(ne,e.computed(()=>!1));return(s,u)=>(e.openBlock(),e.createBlock(ha,{class:e.normalizeClass(["onyx-user-menu",{"onyx-user-menu--mobile":e.unref(i)}]),"is-mobile":e.unref(i),"flyout-open":s.flyoutOpen,"onUpdate:flyoutOpen":u[0]||(u[0]=c=>l("update:flyoutOpen",c))},e.createSlots({button:e.withCtx(({trigger:c})=>[e.createElementVNode("button",e.mergeProps({class:"onyx-user-menu__trigger onyx-text",type:"button"},c),[e.createVNode(Ee,e.mergeProps(a.value,{size:"24px"}),null,16),e.createElementVNode("span",va,e.toDisplayString(t.username),1)],16)]),header:e.withCtx(()=>[e.createElementVNode("div",_a,[e.createVNode(Ee,e.normalizeProps(e.guardReactiveProps(a.value)),null,16),e.createElementVNode("div",ga,[e.createElementVNode("div",ka,e.toDisplayString(t.username),1),t.description?(e.openBlock(),e.createElementBlock("div",ba,e.toDisplayString(t.description),1)):e.createCommentVNode("",!0)])])]),options:e.withCtx(()=>[e.createElementVNode("div",xa,[e.renderSlot(s.$slots,"default")])]),_:2},[r.footer?{name:"footer",fn:e.withCtx(()=>[e.renderSlot(s.$slots,"footer")]),key:"0"}:void 0]),1032,["class","is-mobile","flyout-open"]))}}),zt='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m15.155 7.28-1.06-1.06L8.315 12l5.78 5.78 1.06-1.06-4.72-4.72z"/></svg>',Ca='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M22.5 6h-21v1.5h21zm0 5.25h-21v1.5h21zm-21 5.25h21V18h-21z"/></svg>',wa='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 1.5A2.25 2.25 0 1 1 12 6a2.25 2.25 0 0 1 0-4.5m0 8.25a2.25 2.25 0 1 1 0 4.5 2.25 2.25 0 0 1 0-4.5m1.25 8.63a2.25 2.25 0 1 0-2.5 3.741 2.25 2.25 0 0 0 2.5-3.742"/></svg>',Va={class:"onyx-nav-bar__content"},Ea={key:0,class:"onyx-nav-bar__mobile-page onyx-truncation-ellipsis"},Sa={role:"menubar"},Na={role:"menubar"},Ma={key:0,class:"onyx-nav-bar__mobile-context"},$a={key:0,class:"onyx-nav-bar__mobile-global-context"},Oa={class:"onyx-nav-bar__mobile-context-content"},Ta={key:1,class:"onyx-nav-bar__context"},Ia=e.defineComponent({__name:"OnyxNavBar",props:{logoUrl:{},appName:{},withBackButton:{type:Boolean},appAreaLabel:{},mobileBreakpoint:{default:"sm"}},emits:["navigateToStart","navigateBack"],setup(n,{expose:o,emit:t}){const l=n,r=t,a=e.useSlots(),i=e.ref(),{width:s}=de(i),{t:u}=E(),{elements:{nav:c}}=_n({navigationName:e.toRef(()=>l.appName)}),d=e.ref(!1),p=e.ref(!1),m=e.computed(()=>{const f=typeof l.mobileBreakpoint=="number"?l.mobileBreakpoint:at[l.mobileBreakpoint];return s.value!==0&&s.value<f});return e.provide(ne,m),o({closeMobileMenus:()=>{d.value=!1,p.value=!1}}),(f,y)=>(e.openBlock(),e.createElementBlock("header",{ref_key:"navBarRef",ref:i,class:e.normalizeClass(["onyx-nav-bar",{"onyx-nav-bar--mobile":m.value}])},[e.createElementVNode("div",Va,[m.value&&a.mobileActivePage&&!d.value&&!p.value?(e.openBlock(),e.createElementBlock("span",Ea,[e.renderSlot(f.$slots,"mobileActivePage")])):l.appName||l.logoUrl||a.appArea?(e.openBlock(),e.createBlock(Ot,{key:1,class:"onyx-nav-bar__app","app-name":l.appName,"logo-url":l.logoUrl,label:l.appAreaLabel,onClick:y[0]||(y[0]=h=>{r("navigateToStart",h),d.value=!1})},{default:e.withCtx(()=>[e.renderSlot(f.$slots,"appArea")]),_:3},8,["app-name","logo-url","label"])):e.createCommentVNode("",!0),l.withBackButton?(e.openBlock(),e.createBlock(fe,{key:2,class:"onyx-nav-bar__back",label:e.unref(u)("navigation.goBack"),icon:e.unref(zt),color:"neutral",onClick:y[1]||(y[1]=h=>r("navigateBack",h))},null,8,["label","icon"])):e.createCommentVNode("",!0),a.default?(e.openBlock(),e.createElementBlock(e.Fragment,{key:3},[m.value?(e.openBlock(),e.createBlock(Le,{key:0,open:d.value,"onUpdate:open":[y[2]||(y[2]=h=>d.value=h),y[3]||(y[3]=h=>p.value=!1)],class:"onyx-nav-bar__burger",icon:e.unref(Ca),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(c)),[e.createElementVNode("ul",Sa,[e.renderSlot(f.$slots,"default")])],16)]),_:3},8,["open","icon","label","headline"])):(e.openBlock(),e.createElementBlock("nav",e.mergeProps({key:1,class:"onyx-nav-bar__nav"},e.unref(c)),[e.createElementVNode("ul",Na,[e.renderSlot(f.$slots,"default")])],16))],64)):e.createCommentVNode("",!0),a.contextArea||a.globalContextArea?(e.openBlock(),e.createElementBlock(e.Fragment,{key:4},[m.value?(e.openBlock(),e.createElementBlock("div",Ma,[a.globalContextArea?(e.openBlock(),e.createElementBlock("div",$a,[e.renderSlot(f.$slots,"globalContextArea")])):e.createCommentVNode("",!0),a.contextArea?(e.openBlock(),e.createBlock(Le,{key:1,open:p.value,"onUpdate:open":[y[4]||(y[4]=h=>p.value=h),y[5]||(y[5]=h=>d.value=!1)],icon:e.unref(wa),label:e.unref(u)("navigation.toggleContextMenu")},{default:e.withCtx(()=>[e.createElementVNode("div",Oa,[e.renderSlot(f.$slots,"contextArea")])]),_:3},8,["open","icon","label"])):e.createCommentVNode("",!0)])):(e.openBlock(),e.createElementBlock("div",Ta,[a.globalContextArea?e.renderSlot(f.$slots,"globalContextArea",{key:0}):e.createCommentVNode("",!0),a.contextArea?e.renderSlot(f.$slots,"contextArea",{key:1}):e.createCommentVNode("",!0)]))],64)):e.createCommentVNode("",!0)])],2))}}),La={key:0,class:"onyx-page__sidebar"},Da={class:"onyx-page__main"},Aa={key:1,class:"onyx-page__footer"},za=e.defineComponent({__name:"OnyxPageLayout",props:{skeleton:{type:Boolean},footerAsideSidebar:{type:Boolean},hideSidebar:{type:Boolean}},setup(n){const o=n,t=e.useSlots();Pe(o);const l=e.computed(()=>o.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&&!o.hideSidebar?(e.openBlock(),e.createElementBlock("aside",La,[e.renderSlot(r.$slots,"sidebar")])):e.createCommentVNode("",!0),e.createElementVNode("main",Da,[e.renderSlot(r.$slots,"default")]),t.footer?(e.openBlock(),e.createElementBlock("footer",Aa,[e.renderSlot(r.$slots,"footer")])):e.createCommentVNode("",!0)],2))}}),Pt=n=>{const t=e.ref(!1),l=a=>{const i=a.target;if(!(i instanceof Element))return;const s=e.unref(n.offset)??0;t.value=Math.abs(i.scrollTop)+i.clientHeight>=i.scrollHeight-s-1};return{vScrollEnd:{mounted:a=>{e.watchEffect(()=>{var s;(((s=n.enabled)==null?void 0:s.value)??!0)&&!n.loading.value?a.addEventListener("scroll",l):a.removeEventListener("scroll",l)})}},isScrollEnd:t}},Rt=(n,o)=>{const t=lt(n.toLowerCase()),l=lt(o.toLowerCase());return t.includes(l)},lt=n=>n.normalize("NFD").replace(/[\u0300-\u036f]/g,""),Pa='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m16.718 14.123 1.057 1.057-5.782 5.782L6.21 15.18l1.058-1.057 4.717 4.717 4.718-4.717zM12 5.153l4.718 4.717 1.057-1.057-5.782-5.783L6.21 8.813 7.268 9.87l4.717-4.717z"/></svg>',Ra=["id","readonly","placeholder","required","disabled","aria-label","title","value","autofocus"],Ha=["aria-label","title","disabled"],Ht=e.defineComponent({inheritAttrs:!1,__name:"OnyxSelectInput",props:{disabled:{default:T},showError:{default:T},density:{},required:{type:Boolean},requiredMarker:{},customError:{},autofocus:{type:Boolean},id:{},name:{},label:{},labelTooltip:{},hideLabel:{type:Boolean,default:!1},error:{},message:{},success:{},modelValue:{},textMode:{},skeleton:{type:[Symbol,Boolean,Number],default:L},readonly:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},hideSuccessIcon:{type:Boolean,default:!1},placeholder:{},showFocus:{type:Boolean}},emits:["inputClick","validityChange"],setup(n,{expose:o,emit:t}){const{rootAttrs:l,restAttrs:r}=Mt(),a=n,i=t,{t:s}=E(),{vCustomValidity:u,errorMessages:c}=G({props:a,emit:i}),d=e.computed(()=>H(a.success)),p=e.computed(()=>H(a.message)),{disabled:m,showError:f}=P(a),y=z(a),h=te(f),v=e.computed(()=>a.modelValue?a.modelValue.length:0),g=e.computed(()=>{var B;const I=(B=a.modelValue)==null?void 0:B.length;if(!a.modelValue||!I)return"";if(I===1)return a.modelValue[0];switch(a.textMode){case"preview":return a.modelValue.join(", ");case"summary":default:return s.value("selections.currentSelection",{n:I})}}),k=e.ref(!1),{densityClass:w}=C(a),S=e.ref();o({focus:()=>{var I;return(I=S.value)==null?void 0:I.focus()}}),e.watch(()=>a.showFocus,(I,B)=>{k.value||B&&I===!1&&(k.value=!0)});const $=kt.concat(bt),q=I=>{$.includes(I.key)||I.preventDefault()};return(I,B)=>e.unref(y)?(e.openBlock(),e.createElementBlock("div",e.mergeProps({key:0,class:["onyx-select-input-skeleton",e.unref(w)]},e.unref(l)),[a.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(M,{key:0,class:"onyx-select-input-skeleton__label"})),e.createVNode(M,{class:"onyx-select-input-skeleton__input"})],16)):(e.openBlock(),e.createElementBlock("div",e.mergeProps({key:1,class:["onyx-select-input",e.unref(w),e.unref(h),a.readonly?"onyx-select-input--readonly":"onyx-select-input--editable"]},e.unref(l)),[e.createVNode(oe,e.mergeProps(a,{message:p.value,"success-messages":d.value,"error-messages":e.unref(c)}),{default:e.withCtx(({id:N})=>[e.createElementVNode("div",{class:"onyx-select-input__wrapper",onClick:B[0]||(B[0]=D=>!e.unref(m)&&!a.loading&&i("inputClick"))},[a.loading?(e.openBlock(),e.createBlock(F,{key:0,class:"onyx-select-input__loading",type:"circle"})):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("input",e.mergeProps({id:N,ref_key:"input",ref:S,class:{"onyx-select-input__native":!0,"onyx-select-input__native--show-focus":a.showFocus,"onyx-truncation-ellipsis":!0,"onyx-select-input__native--touched":k.value}},e.unref(r),{type:"text",readonly:a.readonly,placeholder:a.placeholder,required:a.required,disabled:e.unref(m)||a.loading,"aria-label":a.hideLabel?a.label:void 0,title:a.hideLabel?a.label:void 0,value:g.value,autofocus:a.autofocus,autocomplete:"off",onKeydown:q}),null,16,Ra),[[e.unref(u)]]),a.textMode==="preview"&&v.value>0?(e.openBlock(),e.createBlock(Q,{key:1,text:g.value,position:"bottom"},{default:e.withCtx(({trigger:D})=>[e.createVNode(rt,e.mergeProps({class:"onyx-select-input__badge"},D,{color:"neutral"}),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(v.value),1)]),_:2},1040)]),_:1},8,["text"])):e.createCommentVNode("",!0),e.createElementVNode("button",{class:"onyx-select-input__button",type:"button","aria-label":e.unref(s)("select.toggleDropDown"),title:e.unref(s)("select.toggleDropDown"),tabindex:"-1",disabled:e.unref(m)||a.readonly||a.loading},[e.createVNode(b,{icon:e.unref(Pa)},null,8,["icon"])],8,Ha),!a.hideSuccessIcon&&d.value?(e.openBlock(),e.createBlock(b,{key:2,class:"onyx-select-input__check-icon",icon:e.unref(qe),color:"success"},null,8,["icon"])):e.createCommentVNode("",!0)])]),_:1},16,["message","success-messages","error-messages"])],16))}}),Fa=["checked","aria-labelledby","disabled","indeterminate"],Ae=e.defineComponent({__name:"OnyxSelectOption",props:{active:{type:Boolean,default:!1},density:{},multiple:{type:Boolean,default:!1},indeterminate:{type:Boolean},icon:{},truncation:{default:"ellipsis"}},setup(n){const o=n;return(t,l)=>(e.openBlock(),e.createBlock(ye,e.mergeProps({class:"onyx-select-option"},o,{checked:!!t.$attrs["aria-checked"],selected:!!t.$attrs["aria-selected"],disabled:!!t.$attrs["aria-disabled"]}),{default:e.withCtx(()=>[o.multiple?(e.openBlock(),e.createElementBlock("input",{key:0,checked:!!t.$attrs["aria-checked"],"aria-labelledby":t.$attrs.id,disabled:!!t.$attrs["aria-disabled"],indeterminate:o.indeterminate,"aria-hidden":"true",tabindex:"-1",class:"onyx-select-option__checkbox",type:"checkbox"},null,8,Fa)):e.createCommentVNode("",!0),o.icon?(e.openBlock(),e.createBlock(b,{key:1,icon:o.icon},null,8,["icon"])):e.createCommentVNode("",!0),e.createElementVNode("span",{class:e.normalizeClass([`onyx-truncation-${o.truncation}`])},[e.renderSlot(t.$slots,"default")],2)]),_:3},16,["checked","selected","disabled"]))}}),Ua=["inert"],qa={class:"onyx-select__wrapper",tabindex:"-1"},Ga={key:0,role:"group",class:"onyx-select__group"},Ka={role:"option","aria-selected":"false"},Za={key:0,role:"presentation",class:"onyx-select__group-name onyx-text--small"},ja={key:1,class:"onyx-select__slot"},Ya={key:2,class:"onyx-select__slot"},Ja={key:0,class:"onyx-select__description onyx-text--small"},Ft=e.defineComponent({__name:"OnyxSelect",props:{density:{},multiple:{type:Boolean},modelValue:{},withCheckAll:{type:[Boolean,Object]},withSearch:{type:Boolean},searchTerm:{default:Z},showError:{},required:{type:Boolean},requiredMarker:{},customError:{},autofocus:{type:Boolean},id:{},name:{},label:{},labelTooltip:{},hideLabel:{type:Boolean},error:{},message:{},success:{},textMode:{},skeleton:{type:[Symbol,Boolean,Number]},readonly:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},hideSuccessIcon:{type:Boolean},placeholder:{},truncation:{default:"ellipsis"},disabled:{default:T},valueLabel:{default:void 0},open:{default:Z},alignment:{default:"full"},listLabel:{},listDescription:{},options:{},lazyLoading:{}},emits:["update:modelValue","update:searchTerm","update:open","lazyLoad","validityChange"],setup(n,{emit:o}){const t=n,l=o,{densityClass:r}=C(t),a=e.useSlots(),{t:i}=E(),{state:s,isManaged:u}=ue(e.toRef(()=>t.searchTerm),"",_=>l("update:searchTerm",_)),{state:c}=ue(e.toRef(()=>t.open),!1,_=>l("update:open",_)),d=e.ref(),{openDirection:p,updateOpenDirection:m}=Ct(d),f=e.ref(),y=e.computed(()=>t.modelValue===void 0?[]:t.multiple&&Array.isArray(t.modelValue)?t.modelValue:[t.modelValue]),h=e.computed(()=>t.valueLabel!==void 0?Array.isArray(t.valueLabel)?t.valueLabel:[t.valueLabel]:y.value.reduce((_,V)=>{var A;const O=(A=t.options.find(({value:R})=>R===V))==null?void 0:A.label;return O&&_.push(O),_},[])),v=e.ref(),g=e.ref(),k=e.computed(()=>u.value&&s.value?t.options.filter(({label:_})=>Rt(_,s.value)):t.options);e.watch(y,()=>{t.multiple||(f.value=y.value.at(0))},{immediate:!0});const w=e.useId(),S=e.computed(()=>(t.multiple&&t.withCheckAll&&!s.value?[w]:[]).concat(Je.value)),$=async _=>{var O,A;if(t.readonly){c.value=!1;return}const V=c.value;c.value=!V,await e.nextTick(),c.value&&m(),V!==c.value&&(V?(s.value&&(s.value=""),_||(O=g.value)==null||O.focus()):(A=v.value)==null||A.focus())},q=()=>f.value=S.value.at(0),I=()=>f.value=S.value.at(-1),B=_=>{const V=S.value.findIndex(O=>O===_);V<S.value.length-1&&(f.value=S.value[V+1])},N=_=>{const V=S.value.findIndex(O=>O===_);V>0&&(f.value=S.value[V-1])},D=_=>{const V=k.value.find(O=>O.label.toLowerCase().trim().startsWith(_.toLowerCase()));V&&(f.value=V.value)},W=_=>s.value=_,X=_=>{var A;if(_===w){(A=le.value)==null||A.handleChange(!le.value.state.value.modelValue);return}if(!k.value.find(({value:R})=>R===_))return;if(!t.multiple)return l("update:modelValue",_);y.value.some(R=>R===_)?l("update:modelValue",y.value.filter(R=>R!==_)):l("update:modelValue",[...y.value,_])},ge=e.computed(()=>t.withSearch?"list":"none"),{label:x,listLabel:ke,listDescription:Kt,multiple:Zt}=e.toRefs(t),{elements:{input:be,option:je,group:Ye,listbox:jt}}=yn({autocomplete:ge,label:x,listLabel:ke,listDescription:Kt,multiple:Zt,activeOption:e.computed(()=>f.value),isExpanded:c,templateRef:d,onToggle:$,onActivateFirst:q,onActivateLast:I,onActivateNext:B,onActivatePrevious:N,onTypeAhead:D,onAutocomplete:W,onSelect:X}),Yt=e.computed(()=>on(k.value,"group")),{vScrollEnd:Jt,isScrollEnd:Wt}=Pt({enabled:e.computed(()=>{var _;return((_=t.lazyLoading)==null?void 0:_.enabled)??!1}),loading:e.computed(()=>t.loading),offset:e.computed(()=>{var _;return(_=t.lazyLoading)==null?void 0:_.scrollOffset})}),xe=e.computed(()=>{if(!k.value.length)return t.withSearch&&s.value?i.value("select.noMatch"):i.value("select.empty")}),Je=e.computed(()=>k.value.filter(_=>!_.disabled).map(({value:_})=>_)),le=e.computed(()=>{if(!(!t.multiple||!t.withCheckAll))return wt(Je,y,_=>{const V=_.map(O=>{var A;return(A=t.options.find(({value:R})=>R===O))==null?void 0:A.value}).filter(O=>O!=null);l("update:modelValue",V)})}),Be=e.computed(()=>{var V;if(!t.multiple)return"";const _=i.value("selections.selectAll");return typeof t.withCheckAll=="boolean"?_:((V=t.withCheckAll)==null?void 0:V.label)??_});e.watchEffect(()=>{Wt.value&&l("lazyLoad")});const Xt=e.computed(()=>{const _={...t,open:void 0,modelValue:h.value};return t.withSearch?{..._,onKeydown:be.value.onKeydown}:{..._,...be.value}});return(_,V)=>{var O,A,R;return e.openBlock(),e.createElementBlock("div",{ref_key:"selectRef",ref:d,class:"onyx-select-wrapper"},[e.createVNode(Ht,e.mergeProps({ref_key:"selectInput",ref:g},Xt.value,{"show-focus":e.unref(c),autofocus:t.autofocus,onInputClick:$,onValidityChange:V[0]||(V[0]=ae=>l("validityChange",ae))}),null,16,["show-focus","autofocus"]),e.createElementVNode("div",{class:e.normalizeClass(["onyx-select",e.unref(r),e.unref(c)?"onyx-select--open":"",`onyx-select--${e.unref(p)}`,`onyx-select--${t.alignment}`]),inert:!e.unref(c)},[e.withDirectives((e.openBlock(),e.createElementBlock("div",qa,[t.withSearch?(e.openBlock(),e.createBlock($t,e.mergeProps({key:0,ref_key:"miniSearch",ref:v,"model-value":e.unref(s)},e.unref(be),{label:e.unref(i)("select.searchInputLabel"),class:"onyx-select__search",onClear:V[1]||(V[1]=ae=>s.value="")}),null,16,["model-value","label"])):e.createCommentVNode("",!0),e.createElementVNode("div",e.normalizeProps(e.guardReactiveProps(e.unref(jt))),[xe.value?(e.openBlock(),e.createElementBlock("ul",Ga,[e.createElementVNode("li",Ka,[e.renderSlot(_.$slots,"empty",{defaultMessage:xe.value},()=>[e.createVNode(Ue,null,{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(xe.value),1)]),_:1})])])])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[t.multiple&&t.withCheckAll&&!e.unref(s)?(e.openBlock(),e.createElementBlock("ul",e.mergeProps({key:0,class:"onyx-select__check-all"},e.unref(Ye)({label:Be.value})),[e.createVNode(Ae,e.mergeProps(e.unref(je)({value:e.unref(w),label:Be.value,selected:(O=le.value)==null?void 0:O.state.value.modelValue}),{multiple:"",active:e.unref(w)===f.value,indeterminate:(A=le.value)==null?void 0:A.state.value.indeterminate,density:t.density}),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(Be.value),1)]),_:1},16,["active","indeterminate","density"])],16)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(Yt.value,(ae,re)=>(e.openBlock(),e.createElementBlock("ul",e.mergeProps({key:re,class:"onyx-select__group",ref_for:!0},e.unref(Ye)({label:re})),[re!=""?(e.openBlock(),e.createElementBlock("li",Za,e.toDisplayString(re),1)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(ae,U=>(e.openBlock(),e.createBlock(Ae,e.mergeProps({key:U.value.toString(),ref_for:!0},e.unref(je)({value:U.value,label:U.label,disabled:U.disabled,selected:y.value.some(Qt=>Qt===U.value)}),{multiple:t.multiple,active:U.value===f.value,icon:U.icon,density:t.density,truncation:U.truncation??t.truncation}),{default:e.withCtx(()=>[e.renderSlot(_.$slots,"option",e.mergeProps({ref_for:!0},U),()=>[e.createTextVNode(e.toDisplayString(U.label),1)])]),_:2},1040,["multiple","active","icon","density","truncation"]))),128))],16))),128))],64))],16),(R=t.lazyLoading)!=null&&R.loading?(e.openBlock(),e.createElementBlock("div",ja,[e.createVNode(F,{class:"onyx-select__loading"})])):e.createCommentVNode("",!0),a.optionsEnd?(e.openBlock(),e.createElementBlock("div",Ya,[e.renderSlot(_.$slots,"optionsEnd")])):e.createCommentVNode("",!0)])),[[e.unref(Jt)]]),t.listDescription?(e.openBlock(),e.createElementBlock("div",Ja,e.toDisplayString(t.listDescription),1)):e.createCommentVNode("",!0)],10,Ua)],512)}}}),Wa=["aria-label"],Xa={class:"onyx-pagination__count"},Qa=["aria-label","disabled"],er=["aria-label","disabled"],tr=e.defineComponent({__name:"SelectPagination",props:{density:{},modelValue:{},pages:{},disabled:{type:Boolean}},emits:["update:modelValue"],setup(n,{emit:o}){const t=n,l=o,{t:r}=E(),{densityClass:a}=C(t),i=e.computed(()=>Array.from({length:t.pages},(c,d)=>{const p=d+1;return{label:p.toString(),value:p}})),s=e.computed(()=>t.modelValue<=1),u=e.computed(()=>t.modelValue>=t.pages);return(c,d)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["onyx-pagination","onyx-text",e.unref(a)]),role:"group","aria-label":e.unref(r)("pagination.label"),style:e.normalizeStyle({"--onyx-pagination-character-count":t.modelValue.toString().length})},[e.createVNode(Ft,{class:"onyx-pagination__select",label:e.unref(r)("pagination.select.label"),"list-label":e.unref(r)("pagination.select.listLabel"),options:i.value,"model-value":t.modelValue,"value-label":t.modelValue.toString(),"hide-label":"",disabled:t.disabled||t.pages<=1,alignment:"left","with-search":"","onUpdate:modelValue":d[0]||(d[0]=p=>l("update:modelValue",p))},null,8,["label","list-label","options","model-value","value-label","disabled"]),e.createElementVNode("div",Xa,e.toDisplayString(e.unref(r)("pagination.ofPages",{n:t.pages})),1),e.createElementVNode("button",{class:"onyx-pagination__button","aria-label":e.unref(r)("pagination.previous"),type:"button",disabled:t.disabled||s.value,onClick:d[1]||(d[1]=p=>l("update:modelValue",t.modelValue-1))},[e.createVNode(b,{icon:e.unref(zt)},null,8,["icon"])],8,Qa),e.createElementVNode("button",{class:"onyx-pagination__button","aria-label":e.unref(r)("pagination.next"),type:"button",disabled:t.disabled||u.value,onClick:d[2]||(d[2]=p=>l("update:modelValue",t.modelValue+1))},[e.createVNode(b,{icon:e.unref(It)},null,8,["icon"])],8,er)],14,Wa))}}),or=e.defineComponent({__name:"OnyxPagination",props:{density:{},modelValue:{},pages:{},disabled:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(n,{emit:o}){const t=n,l=o;return(r,a)=>(e.openBlock(),e.createBlock(tr,e.mergeProps(t,{"onUpdate:modelValue":a[0]||(a[0]=i=>l("update:modelValue",i))}),null,16))}}),nr=["required","name","value","checked","disabled","autofocus"],ze=e.defineComponent({__name:"OnyxRadioButton",props:{density:{},value:{},label:{},disabled:{default:T},loading:{type:Boolean,default:!1},skeleton:{type:[Symbol,Boolean,Number],default:L},truncation:{default:"ellipsis"},customError:{},autofocus:{type:Boolean},name:{},checked:{type:Boolean,default:!1},required:{type:Boolean,default:!1}},emits:["validityChange"],setup(n,{emit:o}){const t=n,l=o,{vCustomValidity:r,errorMessages:a}=G({props:t,emit:l}),{densityClass:i}=C(t),{disabled:s}=P(t),u=z(t);return(c,d)=>e.unref(u)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["onyx-radio-button-skeleton",e.unref(i)])},[e.createVNode(M,{class:"onyx-radio-button-skeleton__input"}),e.createVNode(M,{class:"onyx-radio-button-skeleton__label"})],2)):(e.openBlock(),e.createBlock(Fe,{key:1,disabled:e.unref(s),"error-messages":e.unref(a)},{default:e.withCtx(()=>[e.createElementVNode("label",{class:e.normalizeClass(["onyx-radio-button",e.unref(i)])},[t.loading?(e.openBlock(),e.createBlock(F,{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:e.unref(s),autofocus:t.autofocus},null,8,nr)),[[e.unref(r)]]),e.createElementVNode("span",{class:e.normalizeClass(["onyx-radio-button__label",[`onyx-truncation-${t.truncation}`]])},e.toDisplayString(t.label),3)],2)]),_:1},8,["disabled","error-messages"]))}}),lr=["disabled","aria-label"],ar={key:0,class:"onyx-radio-group__label"},rr=e.defineComponent({__name:"OnyxRadioGroup",props:{density:{},required:{type:Boolean,default:!1},requiredMarker:{},customError:{},truncation:{default:"ellipsis"},label:{},labelTooltip:{},hideLabel:{type:Boolean},name:{default:()=>e.useId()},options:{},modelValue:{},disabled:{default:T},direction:{default:"vertical"},skeleton:{type:[Symbol,Boolean,Number],default:L}},emits:["update:modelValue","validityChange"],setup(n,{emit:o}){const t=n,{densityClass:l}=C(t),{requiredMarkerClass:r,requiredTypeClass:a}=pe(t),{disabled:i}=P(t),s=z(t),u=o,c=(d,p)=>{d&&u("update:modelValue",p)};return(d,p)=>(e.openBlock(),e.createElementBlock("fieldset",{class:e.normalizeClass(["onyx-radio-group",e.unref(l),e.unref(a)]),disabled:e.unref(i),role:"radiogroup","aria-label":t.label},[t.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("legend",ar,[e.createVNode(Y,{is:"h3",class:e.normalizeClass(e.unref(r))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.label),1)]),_:1},8,["class"]),t.labelTooltip?(e.openBlock(),e.createBlock(ee,{key:0,open:"hover",text:t.labelTooltip},null,8,["text"])):e.createCommentVNode("",!0)])),e.createElementVNode("div",{class:e.normalizeClass(["onyx-radio-group__content",{"onyx-radio-group__content--horizontal":t.direction==="horizontal"}])},[e.unref(s)?typeof e.unref(s)=="number"?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(e.unref(s),m=>(e.openBlock(),e.createBlock(ze,{id:`skeleton-${m}`,key:m,value:`skeleton-${m}`,label:"Skeleton ${i}",name:t.name,skeleton:""},null,8,["id","value","name"]))),128)):e.createCommentVNode("",!0):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(t.options,(m,f)=>(e.openBlock(),e.createBlock(ze,e.mergeProps({key:m.value.toString(),ref_for:!0},m,{name:t.name,"custom-error":t.customError,checked:m.value===t.modelValue,required:t.required,truncation:m.truncation??t.truncation,onValidityChange:y=>f===0&&u("validityChange",y),onChange:y=>c(y,m.value)}),null,16,["name","custom-error","checked","required","truncation","onValidityChange","onChange"]))),128))],2)],10,lr))}}),sr=["full","left","right"],ir=["summary","preview"],cr='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 11.25h18v1.5H3z"/></svg>',ur='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12.75 11.25V3h-1.5v8.25H3v1.5h8.25V21h1.5v-8.25H21v-1.5z"/></svg>',dr=(n,o)=>n/o%1===0,pr=(n,o,t)=>{const l=o??-1/0,r=t??1/0;return Math.min(Math.max(n,l),r)},se=(n,o)=>{if(n===void 0)return"";if(o>0)return n.toFixed(o);const l=Math.pow(10,o);return(Math.round(n*l)/l).toString()},mr={class:"onyx-stepper__wrapper"},fr=["disabled","aria-label"],yr=["aria-label","autofocus","disabled","min","max","name","placeholder","readonly","required","step","title"],hr=["disabled","aria-label"],vr=e.defineComponent({__name:"OnyxStepper",props:e.mergeModels({disabled:{default:T},showError:{default:T},density:{},customError:{},required:{type:Boolean},requiredMarker:{},id:{},name:{},label:{},labelTooltip:{},hideLabel:{type:Boolean},error:{},message:{},success:{},autofocus:{type:Boolean},placeholder:{},min:{},max:{},step:{},precision:{default:1},stepSize:{},stripStep:{type:Boolean,default:!1},autocomplete:{},readonly:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},skeleton:{type:[Symbol,Boolean,Number],default:L}},{modelValue:{},modelModifiers:{}}),emits:e.mergeModels(["validityChange"],["update:modelValue"]),setup(n,{emit:o}){const t=n,{t:l}=E(),r=e.ref(),a=o,{disabled:i,showError:s}=P(t),u=z(t),c=te(s),{densityClass:d}=C(t),{vCustomValidity:p,errorMessages:m}=G({props:t,emit:a}),f=e.computed(()=>H(t.success)),y=e.computed(()=>H(t.message)),h=e.ref(!1),v=e.useModel(n,"modelValue"),g=e.ref(),k=e.computed(()=>{const B=t.precision,N=B.toString();return N.includes(".")?N.split(".")[1].length:-Math.floor(Math.log10(B))});e.watch(v,()=>g.value=se(v.value,k.value),{immediate:!0});const w=e.computed(()=>Math.max(t.stepSize??t.precision,t.precision)),S=B=>{if(!r.value)return;h.value=!0;const N=v.value||0,D=(B==="stepUp"?1:-1)*w.value,W=N+D,X=Math.round(W/t.precision)*t.precision;v.value=pr(X,t.min,t.max)},$=()=>{if(!r.value)return;h.value=!0;const B=parseFloat(g.value??""),N=parseFloat(se(B,k.value));if(g.value=se(B,k.value),!B||isNaN(B)){v.value=void 0;return}if(t.stripStep&&(!dr(B,t.precision)||t.min!==void 0&&t.min>B||t.max!==void 0&&t.max<B)){g.value=se(v.value,k.value);return}v.value=N},q=e.computed(()=>l.value("stepper.increment",{stepSize:w.value})),I=e.computed(()=>l.value("stepper.decrement",{stepSize:w.value}));return(B,N)=>e.unref(u)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["onyx-stepper-skeleton",e.unref(d)])},[t.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(M,{key:0,class:"onyx-stepper-skeleton__label"})),e.createVNode(M,{class:"onyx-stepper-skeleton__input"})],2)):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["onyx-stepper",e.unref(d),e.unref(c)])},[e.createVNode(oe,e.mergeProps(t,{message:y.value,"success-messages":f.value,"error-messages":e.unref(m)}),{default:e.withCtx(()=>[e.createElementVNode("div",mr,[e.createElementVNode("button",{type:"button",class:"onyx-stepper__counter",disabled:e.unref(i)||B.readonly||t.loading||t.min!==void 0&&v.value!==void 0&&v.value<=t.min,"aria-label":I.value,tabindex:"-1",onClick:N[0]||(N[0]=D=>S("stepDown"))},[e.createVNode(b,{icon:e.unref(cr)},null,8,["icon"])],8,fr),t.loading?(e.openBlock(),e.createBlock(F,{key:0,class:"onyx-stepper__loading",type:"circle"})):e.withDirectives((e.openBlock(),e.createElementBlock("input",{key:1,ref_key:"inputRef",ref:r,"onUpdate:modelValue":N[1]||(N[1]=D=>g.value=D),class:e.normalizeClass(["onyx-stepper__native",{"onyx-stepper__native--touched":h.value}]),type:"number","aria-label":t.label,autofocus:t.autofocus,disabled:e.unref(i)||t.loading,min:t.min,max:t.max,name:t.name,placeholder:t.placeholder,readonly:t.readonly,required:t.required,step:t.precision,title:t.hideLabel?t.label:void 0,onChange:$,onKeydown:[N[2]||(N[2]=e.withKeys(e.withModifiers(D=>S("stepUp"),["prevent"]),["up"])),N[3]||(N[3]=e.withKeys(e.withModifiers(D=>S("stepDown"),["prevent"]),["down"]))]},null,42,yr)),[[e.vModelText,g.value],[e.unref(p)]]),e.createElementVNode("button",{type:"button",class:"onyx-stepper__counter",disabled:e.unref(i)||B.readonly||t.loading||t.max!==void 0&&v.value!==void 0&&v.value>=t.max,"aria-label":q.value,tabindex:"-1",onClick:N[4]||(N[4]=D=>S("stepUp"))},[e.createVNode(b,{icon:e.unref(ur)},null,8,["icon"])],8,hr)])]),_:1},16,["message","success-messages","error-messages"])],2))}}),_r={class:"onyx-switch-skeleton__click-area"},gr=["title"],kr=["aria-label","disabled","required","autofocus"],br={class:"onyx-switch__click-area"},xr={class:"onyx-switch__container"},Br={class:"onyx-switch__icon"},Cr=e.defineComponent({__name:"OnyxSwitch",props:{disabled:{default:T},showError:{},density:{},required:{type:Boolean},requiredMarker:{},customError:{},autofocus:{type:Boolean},modelValue:{type:Boolean,default:!1},label:{},loading:{type:Boolean,default:!1},hideLabel:{type:Boolean},truncation:{default:"ellipsis"},skeleton:{type:[Symbol,Boolean,Number],default:L}},emits:["update:modelValue","validityChange"],setup(n,{emit:o}){const t=n,l=o,{requiredMarkerClass:r,requiredTypeClass:a}=pe(t),{densityClass:i}=C(t),{disabled:s,showError:u}=P(t),{vCustomValidity:c,errorMessages:d}=G({props:t,emit:l}),p=e.computed(()=>u.value!==!1?d.value:void 0),m=e.computed(()=>t.hideLabel&&t.label||void 0),f=z(t),y=e.computed({get:()=>t.modelValue,set:h=>{l("update:modelValue",h)}});return(h,v)=>e.unref(f)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["onyx-switch-skeleton",e.unref(i)])},[e.createElementVNode("span",_r,[e.createVNode(M,{class:"onyx-switch-skeleton__input"})]),t.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(M,{key:0,class:"onyx-switch-skeleton__label"}))],2)):(e.openBlock(),e.createBlock(Fe,{key:1,disabled:e.unref(s),"error-messages":p.value},{default:e.withCtx(()=>[e.createElementVNode("label",{class:e.normalizeClass(["onyx-switch",[e.unref(a),e.unref(i)]]),title:m.value},[e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":v[0]||(v[0]=g=>y.value=g),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:e.unref(s)||t.loading,required:t.required,autofocus:t.autofocus},null,10,kr),[[e.vModelCheckbox,y.value],[e.unref(c)]]),e.createElementVNode("span",br,[e.createElementVNode("span",xr,[e.createElementVNode("span",Br,[t.loading?(e.openBlock(),e.createBlock(F,{key:0,class:"onyx-switch__spinner",type:"circle"})):(e.openBlock(),e.createBlock(b,{key:1,icon:y.value?e.unref(qe):e.unref(_e)},null,8,["icon"]))]),v[1]||(v[1]=e.createElementVNode("div",{class:"onyx-switch__frame"},null,-1))])]),t.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(["onyx-switch__label",[`onyx-truncation-${t.truncation}`,t.truncation==="multiline"?e.unref(r):void 0]])},e.toDisplayString(t.label),3)),!t.hideLabel&&t.truncation==="ellipsis"?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["onyx-switch__marker",[e.unref(r)]])},null,2)):e.createCommentVNode("",!0)],10,gr)]),_:1},8,["disabled","error-messages"]))}}),wr=["aria-label","title","disabled","autofocus"],Vr=e.defineComponent({__name:"OnyxSystemButton",props:{disabled:{default:T},autofocus:{type:Boolean,default:!1},skeleton:{type:[Symbol,Boolean,Number],default:L},label:{},icon:{},color:{default:"intense"}},setup(n){const o=n,{disabled:t}=P(o),l=z(o);return(r,a)=>e.unref(l)?(e.openBlock(),e.createBlock(M,{key:0,class:e.normalizeClass(["onyx-system-button-skeleton",o.icon?"":"onyx-system-button-skeleton--text"])},null,8,["class"])):(e.openBlock(),e.createElementBlock("button",{key:1,class:e.normalizeClass(["onyx-system-button","onyx-text--small",`onyx-system-button--${o.color}`]),"aria-label":o.label,title:o.label,type:"button",disabled:e.unref(t),autofocus:o.autofocus},[o.icon?(e.openBlock(),e.createBlock(b,{key:0,icon:o.icon},null,8,["icon"])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(o.label),1)],64))],10,wr))}}),Er=["intense","soft","medium"],Ke=Symbol(),Sr=["disabled"],Nr={class:"onyx-tab__label"},Mr=e.defineComponent({__name:"OnyxTab",props:{density:{},value:{},label:{},disabled:{type:Boolean,default:!1},skeleton:{type:[Symbol,Boolean,Number],default:L}},setup(n){const o=n,{densityClass:t}=C(o),l=e.inject(Ke),r=z(o),a=e.computed(()=>`onyx-tab--${l==null?void 0:l.size.value}`),i=e.computed(()=>l==null?void 0:l.headless.elements.tab.value({value:o.value,disabled:o.disabled||!!r.value}));return(s,u)=>{var c,d,p,m,f;return e.openBlock(),e.createElementBlock(e.Fragment,null,[e.unref(r)?(e.openBlock(),e.createBlock(M,e.mergeProps({key:0,class:["onyx-tab-skeleton",e.unref(t),a.value]},i.value),null,16,["class"])):(e.openBlock(),e.createElementBlock("button",e.mergeProps({key:1,class:["onyx-tab",e.unref(t),a.value,(c=i.value)!=null&&c["aria-selected"]?"onyx-tab--selected":""]},i.value,{type:"button",disabled:o.disabled}),[e.createElementVNode("div",Nr,[e.renderSlot(s.$slots,"tab",{},()=>[e.createTextVNode(e.toDisplayString(o.label),1)])])],16,Sr)),(e.openBlock(),e.createBlock(e.Teleport,{to:(d=e.unref(l))==null?void 0:d.panelRef.value,disabled:!((p=e.unref(l))!=null&&p.panelRef.value),defer:""},[(m=i.value)!=null&&m["aria-selected"]?(e.openBlock(),e.createElementBlock("div",e.mergeProps({key:0},(f=e.unref(l))==null?void 0:f.headless.elements.tabpanel.value({value:o.value}),{class:"onyx-tab__panel"}),[e.renderSlot(s.$slots,"default")],16)):e.createCommentVNode("",!0)],8,["to","disabled"]))],64)}}}),$r=e.defineComponent({__name:"OnyxTabs",props:{density:{},skeleton:{type:Boolean},label:{},modelValue:{},stretched:{type:Boolean},size:{default:"h2"}},emits:["update:modelValue"],setup(n,{emit:o}){const t=n,l=o,{densityClass:r}=C(t),a=gn({label:e.toRef(t,"label"),selectedTab:e.toRef(()=>t.modelValue),onSelect:s=>l("update:modelValue",s)}),i=e.ref();return Pe(t),e.provide(Ke,{headless:a,panelRef:i,size:e.toRef(t,"size")}),(s,u)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"panelRef",ref:i,class:e.normalizeClass(["onyx-tabs",e.unref(r),t.stretched?"onyx-tabs--stretched":""])},[e.createElementVNode("div",e.mergeProps(e.unref(a).elements.tablist.value,{class:"onyx-tabs__tablist"}),[e.renderSlot(s.$slots,"default")],16)],2))}}),Or={class:"onyx-text onyx-truncation-ellipsis"},Tr=e.defineComponent({__name:"OnyxTag",props:{density:{},label:{},color:{default:"primary"},icon:{}},setup(n){const o=n,{densityClass:t}=C(o);return(l,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["onyx-tag",`onyx-tag--${o.color}`,e.unref(t)])},[o.icon?(e.openBlock(),e.createBlock(b,{key:0,icon:o.icon,size:"16px"},null,8,["icon"])):e.createCommentVNode("",!0),e.createElementVNode("span",Or,e.toDisplayString(o.label),1)],2))}}),Ir=["data-autosize-value"],Lr=["id","placeholder","required","autocapitalize","autofocus","name","readonly","disabled","minlength","maxlength","aria-label","title"],Dr=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:{default:T},minlength:{},maxlength:{},withCounter:{type:Boolean},message:{},success:{},skeleton:{type:[Symbol,Boolean,Number],default:L},autosize:{},disableManualResize:{type:Boolean,default:!1}},emits:["update:modelValue","validityChange"],setup(n,{emit:o}){const t=n,l=o,{vCustomValidity:r,errorMessages:a}=G({props:t,emit:l}),{densityClass:i}=C(t),s=e.computed(()=>H(t.success)),u=e.computed(()=>H(t.message)),c=e.computed({get:()=>t.modelValue,set:v=>l("update:modelValue",v)}),d=e.computed(()=>{if(!t.autosize)return;const v=t.autosize.min?Math.max(t.autosize.min,2):void 0,g=t.autosize.max;return[v?`--min-autosize-rows: ${v}`:"",`--max-autosize-rows: ${g??"unset"}`]}),p=v=>{var k;const g=v.target;(k=g.parentElement)==null||k.setAttribute("data-autosize-value",g.value)},{disabled:m,showError:f}=P(t),y=z(t),h=te(f);return(v,g)=>e.unref(y)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["onyx-textarea-skeleton",e.unref(i)]),style:e.normalizeStyle(d.value)},[t.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(M,{key:0,class:"onyx-textarea-skeleton__label"})),e.createVNode(M,{class:"onyx-textarea-skeleton__input"})],6)):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["onyx-textarea",e.unref(h),e.unref(i)]),style:e.normalizeStyle(d.value)},[e.createVNode(oe,e.mergeProps(t,{message:u.value,"success-messages":s.value,"error-messages":e.unref(a)}),{default:e.withCtx(({id:k})=>[e.createElementVNode("div",{class:"onyx-textarea__wrapper","data-autosize-value":c.value},[e.withDirectives(e.createElementVNode("textarea",{id:k,"onUpdate:modelValue":g[0]||(g[0]=w=>c.value=w),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:e.unref(m),minlength:t.minlength,maxlength:t.maxlength,"aria-label":t.hideLabel?t.label:void 0,title:t.hideLabel?t.label:void 0,onInput:p},null,42,Lr),[[e.vModelText,c.value],[e.unref(r)]])],8,Ir)]),_:1},16,["message","success-messages","error-messages"])],6))}}),Ar='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M11.25 16.5h1.5V18h-1.5zM12.75 6h-1.5v8.25h1.5z"/><path fill-rule="evenodd" d="M12 1.5a10.5 10.5 0 1 0 0 21 10.5 10.5 0 0 0 0-21m6.364 16.864A9 9 0 1 1 21 12a8.94 8.94 0 0 1-2.636 6.364" clip-rule="evenodd"/></svg>',zr='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m7.275 11.828 2.465 2.47 6.22-6.22 1.06 1.06-7.28 7.281-3.528-3.53z"/><path fill-rule="evenodd" d="M6.167 3.27a10.5 10.5 0 1 1 11.666 17.46A10.5 10.5 0 0 1 6.167 3.27M7 19.483A9 9 0 0 0 12 21a9.01 9.01 0 0 0 9-9 9 9 0 1 0-14 7.483" clip-rule="evenodd"/></svg>',Pr={class:"onyx-toast-message__wrapper"},Rr={class:"onyx-toast-message__content onyx-truncation-ellipsis"},Hr={class:"onyx-toast-message__headline onyx-text"},Fr={class:"onyx-truncation-ellipsis"},Ur=["aria-label"],qr={key:0,class:"onyx-toast-message__description onyx-text--small onyx-truncation-multiline",tabindex:"0"},Ut=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:["close"],setup(n,{emit:o}){const t=n,l=o,{t:r}=E(),{densityClass:a}=C(t),i=e.computed(()=>t.duration>0),s={neutral:Te,danger:Vt,warning:Ar,success:zr},u=e.computed(()=>{if(t.icon!==!1)return t.icon||s[t.color]});return(c,d)=>(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},{default:e.withCtx(()=>[e.createElementVNode("div",Pr,[u.value?(e.openBlock(),e.createBlock(b,{key:0,icon:u.value},null,8,["icon"])):e.createCommentVNode("",!0),e.createElementVNode("div",Rr,[e.createElementVNode("div",Hr,[e.createElementVNode("span",Fr,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:d[0]||(d[0]=p=>l("close"))},[e.createVNode(b,{icon:e.unref(_e)},null,8,["icon"])],8,Ur))]),t.description?(e.openBlock(),e.createElementBlock("p",qr,e.toDisplayString(t.description),1)):e.createCommentVNode("",!0)])]),i.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:d[1]||(d[1]=p=>l("close"))},null,36)):e.createCommentVNode("",!0)]),_:1},8,["class","role","aria-label"]))}}),Ze=Symbol(),qt=()=>{let n=1;const o=e.ref([]),t=r=>{const a=n++;o.value.unshift({...r,id:a,onClose:()=>l(a)})},l=r=>{o.value=o.value.filter(a=>a.id!==r)};return{toasts:e.computed(()=>o.value),show:t,remove:l}},Gt=()=>{const n=()=>{console.warn('Trying to use "useToast()" before the toast provider has been provided. Make sure to "provide" it first.')};return e.inject(Ze,()=>({toasts:e.computed(()=>[]),show:n,remove:n}),!0)},Gr={key:0,class:"onyx-toast",role:"presentation","aria-live":"polite",open:""},Kr=e.defineComponent({__name:"OnyxToast",setup(n){const o=Gt();return(t,l)=>e.unref(o).toasts.value.length?(e.openBlock(),e.createElementBlock("dialog",Gr,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(o).toasts.value,({id:r,...a})=>(e.openBlock(),e.createBlock(Ut,e.mergeProps({key:r,ref_for:!0},a),null,16))),128))])):e.createCommentVNode("",!0)}}),Zr=["top","bottom","auto"],jr=e.defineComponent({__name:"OnyxForm",props:{disabled:{type:Boolean,default:!1},showError:{default:"touched"},skeleton:{type:Boolean},density:{}},setup(n){const o=n;fo(o),Pe(o);const{densityClass:t}=C(o);return(l,r)=>(e.openBlock(),e.createElementBlock("form",{class:e.normalizeClass({"onyx-form":!0,...e.unref(t)})},[e.renderSlot(l.$slots,"default")],2))}}),Yr=["primary","neutral","danger","warning","success","info"],Jr=["small","default","large"],Wr=["ellipsis","multiline"],Xr=["onyx","digits","kaufland","lidl","schwarz"],Qr=["horizontal","vertical"],es=(n={})=>({install:o=>{mt(o,n.i18n);const t=o.runWithContext(()=>E());o.provide(Ze,qt()),o.mixin({beforeMount:()=>{e.watchEffect(()=>{ts(t.t.value("optional"))})}})}}),ts=n=>{var o;(o=globalThis.document)==null||o.body.style.setProperty("--onyx-global-optional-text",n)};exports.AUTOCAPITALIZE=Bl;exports.BUTTON_COLORS=To;exports.BUTTON_MODES=Io;exports.BUTTON_TYPES=Oo;exports.DENSITIES=uo;exports.DIRECTIONS=Qr;exports.DataGridFeatures=nl;exports.HEADLINE_TYPES=hl;exports.ICON_SIZES=vl;exports.INPUT_TYPES=xl;exports.LINK_TARGETS=Vl;exports.MOBILE_NAV_BAR_INJECTION_KEY=ne;exports.MULTISELECT_TEXT_MODE=ir;exports.NAV_BAR_MORE_LIST_INJECTION_KEY=Lt;exports.ONYX_BREAKPOINTS=at;exports.ONYX_COLORS=Yr;exports.ONYX_THEMES=Xr;exports.OnyxAppLayout=lo;exports.OnyxAvatar=Ee;exports.OnyxAvatarStack=co;exports.OnyxBadge=rt;exports.OnyxButton=ce;exports.OnyxCheckbox=ie;exports.OnyxCheckboxGroup=Mn;exports.OnyxColorSchemeDialog=Tt;exports.OnyxColorSchemeMenuItem=Ql;exports.OnyxDataGrid=Jn;exports.OnyxDataGridRenderer=St;exports.OnyxDatePicker=pl;exports.OnyxDialog=Nt;exports.OnyxEmpty=Ue;exports.OnyxExternalLinkIcon=ve;exports.OnyxFlyoutMenu=he;exports.OnyxForm=jr;exports.OnyxHeadline=Y;exports.OnyxIcon=b;exports.OnyxIconButton=fe;exports.OnyxInfoTooltip=ee;exports.OnyxInput=bl;exports.OnyxLink=wl;exports.OnyxListItem=ye;exports.OnyxLoadingIndicator=F;exports.OnyxMenuItem=Ge;exports.OnyxMiniSearch=$t;exports.OnyxMobileNavButton=Le;exports.OnyxMoreList=Al;exports.OnyxNavAppArea=Ot;exports.OnyxNavBar=Ia;exports.OnyxNavButton=ra;exports.OnyxNavItem=sa;exports.OnyxNavSeparator=Dt;exports.OnyxPageLayout=za;exports.OnyxPagination=or;exports.OnyxRadioButton=ze;exports.OnyxRadioGroup=rr;exports.OnyxSelect=Ft;exports.OnyxSelectInput=Ht;exports.OnyxSelectOption=Ae;exports.OnyxSkeleton=M;exports.OnyxStepper=vr;exports.OnyxSwitch=Cr;exports.OnyxSystemButton=Vr;exports.OnyxTab=Mr;exports.OnyxTable=Et;exports.OnyxTabs=$r;exports.OnyxTag=Tr;exports.OnyxTextarea=Dr;exports.OnyxTimer=fa;exports.OnyxToast=Kr;exports.OnyxToastMessage=Ut;exports.OnyxTooltip=Q;exports.OnyxUserMenu=Ba;exports.OnyxVisuallyHidden=J;exports.SELECT_ALIGNMENTS=sr;exports.SYSTEM_BUTTON_COLORS=Er;exports.TABS_INJECTION_KEY=Ke;exports.TEXT_SIZES=Jr;exports.TOAST_PROVIDER_INJECTION_KEY=Ze;exports.TOOLTIP_POSITIONS=Zr;exports.TRUNCATION_TYPES=Wr;exports.createOnyx=es;exports.createToastProvider=qt;exports.normalizedIncludes=Rt;exports.provideI18n=mt;exports.useDensity=C;exports.useScrollEnd=Pt;exports.useToast=Gt;

package/dist/index.js CHANGED Viewed

@@ -4822,7 +4822,7 @@ const Mn = (a) => {
       _: 1
     }, 8, ["disabled", "error-messages"]));
   }
-}), Fs = ["aria-label", "disabled", "autofocus"], Hr = /* @__PURE__ */ w({
+}), Fs = ["aria-label", "title", "disabled", "autofocus"], Hr = /* @__PURE__ */ w({
   __name: "OnyxSystemButton",
   props: {
     disabled: { default: j },
@@ -4841,6 +4841,7 @@ const Mn = (a) => {
       key: 1,
       class: S(["onyx-system-button", "onyx-text--small", `onyx-system-button--${t.color}`]),
       "aria-label": t.label,
+      title: t.label,
       type: "button",
       disabled: s(e),
       autofocus: t.autofocus

package/dist/playwright/a11y.d.ts CHANGED Viewed

@@ -1,7 +1,8 @@
 import AxeBuilder from "@axe-core/playwright";
 import { test as base } from "@playwright/experimental-ct-vue";
+import type { Page } from "@playwright/test";
 export { expect } from "@playwright/experimental-ct-vue";
-type AxeFixture = {
+export type AxeFixture = {
     makeAxeBuilder: () => AxeBuilder;
 };
 /**
@@ -11,6 +12,12 @@ type AxeFixture = {
  * https://github.com/SchwarzIT/onyx/issues/2250
  */
 export declare const DEFAULT_DISABLED_AXE_RULES: string[];
+/**
+ * Creates an `AxeBuilder` with onyx configuration that should be used for accessibility tests.
+ *
+ * @see https://playwright.dev/docs/accessibility-testing#creating-a-fixture
+ */
+export declare const createAxeBuilder: (page: Page) => AxeBuilder;
 /**
  * Extends Playwright's base test by providing `makeAxeBuilder`
  * This new `test` can be used in multiple test files, and each of them will get

package/dist/playwright/screenshots.d.ts CHANGED Viewed

@@ -1,54 +1,14 @@
-import type { MountResultJsx } from "@playwright/experimental-ct-vue";
-import type { Locator, Page } from "@playwright/test";
-import type { JSX } from "vue/jsx-runtime";
-import { test } from "../playwright/a11y";
-export type MatrixScreenshotTestOptions<TColumn extends string = string, TRow extends string = string> = {
-    /**
-     * Test name. Will be displayed above the matrix screenshot and be used as filename.
-     */
-    name: string;
-    /**
-     * Matrix columns. Must not contain spaces.
-     */
-    columns: readonly TColumn[];
-    /**
-     * Matrix rows. Must not contain spaces.
-     */
-    rows: readonly TRow[];
-    /**
-     * Function that returns the component for the given column and row.
-     */
-    component: (column: TColumn, row: TRow) => JSX.Element;
-    /**
-     * Optional callback to be executed before capturing the screenshot.
-     * Useful for performing `expect()` or e.g. hover, focus-visible state etc.
-     */
-    beforeScreenshot?: (component: MountResultJsx, page: TestArgs["page"], column: TColumn, row: TRow) => Promise<void>;
+import type { Page } from "@playwright/test";
+export type OnyxMatrixScreenshotHookContext = {
     /**
      * Rules to disable when performing the accessibility tests.
-     * **IMPORTANT**: Should be avoided! If used, please include a comment why it is needed
-     * and if possible create a GitHub issue with follow up work on it.
+     * **IMPORTANT**: Should be avoided! If used, please include a comment why it is needed.
      *
      * @see https://playwright.dev/docs/accessibility-testing#disabling-individual-scan-rules
      */
     disabledAccessibilityRules?: string[];
-    /**
-     * If `true`, no padding will be added to the screenshots.
-     * By default a `1rem` padding is added around the component/screenshot.
-     */
-    disablePadding?: boolean;
 };
-type TestArgs = Parameters<Parameters<typeof test>[2]>[0];
-/**
- * Creates a single matrix screenshot that includes the screenshots for every column-row combination.
- * Will also perform axe accessibility tests.
- */
-export declare const executeMatrixScreenshotTest: <TColumn extends string, TRow extends string>(options: MatrixScreenshotTestOptions<TColumn, TRow>) => Promise<void>;
-/**
- * Sets the component size to fit all absolute positioned content so it is included in screenshots.
- * Useful if component includes flyouts etc.
- */
-export declare const adjustAbsolutePositionScreenshot: (component: Locator) => Promise<void>;
+export declare const executeMatrixScreenshotTest: <TColumn extends string, TRow extends string>(options: import("@sit-onyx/playwright-utils").MatrixScreenshotTestOptions<TColumn, TRow, OnyxMatrixScreenshotHookContext>) => Promise<void>;
 /**
  * Mock icon to use in Playwright component tests (.tsx files) because Playwright has
  * issues when importing from "@sit-onyx/icons" directly with version 1.42.1.
@@ -71,4 +31,3 @@ export declare const MOCK_PLAYWRIGHT_LOGO_WIDE_URL = "/logo-wide.svg";
  * as image URL then.
  */
 export declare const defineLogoMockRoutes: (page: Page) => Promise<void>;
-export {};

package/package.json CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "name": "sit-onyx",
   "description": "A design system and Vue.js component library created by Schwarz IT",
-  "version": "1.0.0-beta.88",
+  "version": "1.0.0-beta.89",
   "type": "module",
   "author": "Schwarz IT KG",
   "license": "Apache-2.0",
@@ -51,6 +51,7 @@
     "vue": "3.5.13",
     "vue-component-type-helpers": "^2.1.10",
     "@sit-onyx/headless": "^1.0.0-beta.13",
+    "@sit-onyx/playwright-utils": "^1.0.0-beta.1",
     "@sit-onyx/storybook-utils": "^1.0.0-beta.74"
   },
   "scripts": {

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

@@ -1,37 +0,0 @@
-type __VLS_Props = {
-    /**
-     * Test name. Will be displayed above the matrix screenshot and be used as filename.
-     */
-    name: string;
-    /**
-     * Matrix columns. Must not contain spaces.
-     */
-    columns: readonly string[];
-    /**
-     * Matrix rows. Must not contain spaces.
-     */
-    rows: readonly string[];
-    /**
-     * Current Playwright browser name.
-     */
-    browserName: string;
-};
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: Readonly<{
-        default: () => unknown;
-    }> & {
-        default: () => unknown;
-    };
-    refs: {};
-    rootEl: HTMLDivElement;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLDivElement>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};