sit-onyx 1.0.0-beta.21 → 1.0.0-beta.23

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 (20) hide show
  1. package/dist/components/OnyxFormElement/OnyxFormElement.ct-utils.d.ts +11 -0
  2. package/dist/components/OnyxInfoTooltip/OnyxInfoTooltip.vue.d.ts +18 -1
  3. package/dist/components/OnyxInfoTooltip/types.d.ts +1 -5
  4. package/dist/components/OnyxSelect/types.d.ts +9 -11
  5. package/dist/components/OnyxTooltip/OnyxTooltip.ct-utils.d.ts +7 -0
  6. package/dist/components/OnyxTooltip/OnyxTooltip.vue.d.ts +13 -10
  7. package/dist/components/OnyxTooltip/TestWrapper.vue.d.ts +12 -0
  8. package/dist/components/OnyxTooltip/types.d.ts +20 -6
  9. package/dist/components/examples/FormExample/FormExample.vue.d.ts +2 -0
  10. package/dist/composables/useManagedState.d.ts +6 -3
  11. package/dist/index.cjs +5 -5
  12. package/dist/index.js +1295 -1232
  13. package/dist/style.css +1 -1
  14. package/package.json +2 -2
  15. package/src/i18n/locales/de-DE.json +3 -3
  16. package/src/i18n/locales/en-US.json +3 -3
  17. package/src/styles/mixins/list.scss +5 -2
  18. /package/dist/components/{GridPlayground → examples/GridPlayground}/GridElement.vue.d.ts +0 -0
  19. /package/dist/components/{GridPlayground → examples/GridPlayground}/GridElementsIndicator.vue.d.ts +0 -0
  20. /package/dist/components/{GridPlayground → examples/GridPlayground}/GridPlayground.vue.d.ts +0 -0
package/dist/index.cjs CHANGED
@@ -1,5 +1,5 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),ft={key:0,class:"onyx-app__nav"},yt={class:"onyx-app__page"},ht={key:1,class:"onyx-app__page-overlay"},vt={key:2,class:"onyx-app__app-overlay"},_t=e.defineComponent({__name:"OnyxAppLayout",props:{navBarAlignment:{default:"top"}},setup(o){const n=o,t=e.useSlots();return(l,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["onyx-app",{"onyx-app--horizontal":n.navBarAlignment==="left"}])},[t.navBar?(e.openBlock(),e.createElementBlock("div",ft,[e.renderSlot(l.$slots,"navBar")])):e.createCommentVNode("",!0),e.createElementVNode("div",yt,[e.renderSlot(l.$slots,"default")]),t.pageOverlay?(e.openBlock(),e.createElementBlock("div",ht,[e.renderSlot(l.$slots,"pageOverlay")])):e.createCommentVNode("",!0),t.appOverlay?(e.openBlock(),e.createElementBlock("div",vt,[e.renderSlot(l.$slots,"appOverlay")])):e.createCommentVNode("",!0)],2))}}),kt=["title"],xt=["src","alt"],gt={key:1,class:"onyx-avatar__initials"},re=e.defineComponent({__name:"OnyxAvatar",props:{size:{default:"48px"},label:{},src:{}},setup(o){const n=o,t=e.useSlots(),l=e.computed(()=>{const a=n.label.split(" ");return(a.length>1?`${a[0].charAt(0)}${a[1].charAt(0)}`:a[0].substring(0,2)).toUpperCase()}),r=e.ref(!1);return e.watch(()=>n.src,()=>r.value=!1),(a,i)=>(e.openBlock(),e.createElementBlock("figure",{class:e.normalizeClass(["onyx-avatar",[`onyx-avatar--${n.size}`,t.default?"onyx-avatar--custom":""]]),title:n.label},[n.src&&!r.value?(e.openBlock(),e.createElementBlock("img",{key:0,class:"onyx-avatar__svg",src:n.src,alt:n.label,onError:i[0]||(i[0]=c=>r.value=!0)},null,40,xt)):(e.openBlock(),e.createElementBlock("div",gt,[e.renderSlot(a.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(l.value),1)])]))],10,kt))}}),bt={class:"onyx-avatar-stack"},Bt=e.defineComponent({__name:"OnyxAvatarStack",setup(o){return(n,t)=>(e.openBlock(),e.createElementBlock("div",bt,[e.renderSlot(n.$slots,"default")]))}}),Ct=["compact","default","cozy"],b=o=>({densityClass:e.computed(()=>({[`onyx-density-${o.density}`]:o.density}))}),wt=["innerHTML"],g=e.defineComponent({__name:"OnyxIcon",props:{size:{},icon:{},color:{}},setup(o){const n=o;return(t,l)=>(e.openBlock(),e.createElementBlock("figure",{class:e.normalizeClass({"onyx-icon":!0,[`onyx-icon--${n.size}`]:n.size,[`onyx-icon--${n.color}`]:n.color}),"aria-hidden":"true",innerHTML:n.icon},null,10,wt))}}),$e=e.defineComponent({__name:"OnyxBadge",props:{density:{},color:{default:"primary"},icon:{},dot:{type:Boolean,default:!1}},setup(o){const n=o,{densityClass:t}=b(n);return(l,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["onyx-badge",["onyx-truncation-ellipsis","onyx-text",`onyx-badge--${n.color}`,n.dot?"onyx-badge--dot":"",e.unref(t)]])},[n.dot?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[n.icon?(e.openBlock(),e.createBlock(g,{key:0,class:"onyx-badge__icon",icon:n.icon},null,8,["icon"])):e.renderSlot(l.$slots,"default",{key:1})],64))],2))}}),me=(o,n)=>{const t=o.__vccOpts||o;for(const[l,r]of n)t[l]=r;return t},Vt={},St={class:"onyx-circle-spinner",viewBox:"0 0 50 50"},Et=e.createElementVNode("circle",{class:"onyx-circle-spinner__circle",cx:"50%",cy:"50%",r:"45%"},null,-1),Nt=[Et];function $t(o,n){return e.openBlock(),e.createElementBlock("svg",St,Nt)}const Mt=me(Vt,[["render",$t]]),Ot={},Tt={class:"onyx-loading-dots"},Lt=e.createElementVNode("span",{class:"onyx-loading-dots__center"},null,-1),It=[Lt];function Dt(o,n){return e.openBlock(),e.createElementBlock("div",Tt,It)}const Pt=me(Ot,[["render",Dt]]),O=e.defineComponent({__name:"OnyxLoadingIndicator",props:{type:{default:"dots"}},setup(o){const n=o;return(t,l)=>n.type==="circle"?(e.openBlock(),e.createBlock(Mt,{key:0})):n.type==="dots"?(e.openBlock(),e.createBlock(Pt,{key:1})):e.createCommentVNode("",!0)}}),zt={},At={"aria-hidden":"true",class:"onyx-skeleton"};function Ht(o,n){return e.openBlock(),e.createElementBlock("figure",At)}const V=me(zt,[["render",Ht]]),Rt=["disabled","type","aria-label","autofocus"],Ft={class:"onyx-button__label onyx-truncation-ellipsis"},K=e.defineComponent({__name:"OnyxButton",props:{density:{},autofocus:{type:Boolean},label:{},disabled:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},type:{default:"button"},color:{default:"primary"},mode:{default:"default"},icon:{},skeleton:{type:Boolean,default:!1}},emits:["click"],setup(o,{emit:n}){const t=o,{densityClass:l}=b(t),r=n;return(a,i)=>t.skeleton?(e.openBlock(),e.createBlock(V,{key:0,class:e.normalizeClass(["onyx-button-skeleton",e.unref(l)])},null,8,["class"])):(e.openBlock(),e.createElementBlock("button",{key:1,class:e.normalizeClass(["onyx-button",`onyx-button--${t.color}`,`onyx-button--${t.mode}`,{"onyx-button--loading":t.loading},e.unref(l)]),disabled:t.disabled||t.loading,type:t.type,"aria-label":t.loading?t.label:void 0,autofocus:t.autofocus,onClick:i[0]||(i[0]=c=>r("click"))},[t.icon&&!t.loading?(e.openBlock(),e.createBlock(g,{key:0,icon:t.icon},null,8,["icon"])):e.createCommentVNode("",!0),t.loading?(e.openBlock(),e.createBlock(O,{key:1,class:"onyx-button__loading"})):e.createCommentVNode("",!0),e.createElementVNode("span",Ft,e.toDisplayString(t.label),1)],10,Rt))}}),Ut=["button","submit","reset"],qt=["primary","neutral","danger"],Zt=["default","outline","plain"],G=o=>({requiredTypeClass:e.computed(()=>({[`onyx-use-${o.requiredMarker}`]:o.requiredMarker})),requiredMarkerClass:e.computed(()=>({"onyx-required-marker":o.required,"onyx-optional-marker":!o.required}))}),Kt="(optional)",Gt="Cancel",jt="Apply",Yt="Back",Xt="Close",Wt={tooShort:{preview:"Too short",fullError:"Please lengthen this text to {minLength} characters or more (you are currently using 1 character) | Please lengthen this text to {minLength} characters or more (you are currently using {n} characters)"},tooLong:{preview:"Too long",fullError:"Please shorten this text to {maxLength} characters or less (you are currently using 1 character) | Please shorten this text to {maxLength} characters or less (you are currently using {n} characters)"},rangeUnderflow:{preview:"Too low",fullError:"Value must be greater than or equal to {min}"},rangeOverflow:{preview:"Too high",fullError:"Value must be less than or equal to {max}"},patternMismatch:{preview:"Invalid format",fullError:"Please match the format requested."},valueMissing:{preview:"Required",fullError:"Please fill in this field."},stepMismatch:{preview:"Invalid number",fullError:"Please enter a value that is a multiple of {step}."},badInput:{preview:"Invalid input",fullError:'"{value}" does not match the expected type.'},typeMismatch:{generic:{preview:"Invalid input type",fullError:'"{value}" does not match the expected type.'},email:{preview:"Invalid mail",fullError:'"{value}" must be a valid email address.'},number:{preview:"Invalid number",fullError:'"{value}" must be a number.'},tel:{preview:"Invalid phone number",fullError:'"{value}" must be a valid phone number.'},url:{preview:"Invalid URL",fullError:'"{value}" must a valid URL.'}}},Jt={toggleDropDown:"Toggle selection popover",empty:"No data available",noMatch:"No item matches your search",searchInputLabel:"Filter the list items",clearSearch:"Clear search filter",searchPlaceholder:"Search"},Qt={selectAll:"Select all",currentSelection:"{n} selected"},eo={decrement:"Decrement by {stepSize}",increment:"Increment by {stepSize}"},to={empty:"This table is empty."},oo={opensExternally:"Opens in a new tab."},no="Subpages of {label}",lo={appLogo:"App logo of {appName}",goToHome:"Go to home page",goBack:"Go back",userMenuLabel:"User options",toggleBurgerMenu:"Toggle burger menu",toggleContextMenu:"Toggle context menu",navigationHeadline:"Navigation"},ao={info:"Show info tooltip",error:"Show error tooltip"},ro={headline:"Change appearance",subtitle:"Select the appearance of the application:",appearance:"Appearance",auto:{label:"Auto",description:"The application automatically adapts its appearance to your system settings."},light:{label:"Light",description:"Light mode provides optimal contrast for bright environments."},dark:{label:"Dark",description:"This color mode is optimized for darker environments."}},se={optional:Kt,cancel:Gt,apply:jt,back:Yt,close:Xt,validations:Wt,select:Jt,selections:Qt,stepper:eo,table:to,link:oo,navItemOptionsLabel:no,navigation:lo,showTooltip:ao,colorScheme:ro},Me=Symbol(),Oe=(o={})=>{const n=e.computed(()=>e.unref(o==null?void 0:o.locale)??"en-US");if(o.t)return{t:o.t,locale:n};const t=e.computed(()=>o!=null&&o.messages&&n.value in o.messages?o.messages[n.value]:se),l=e.computed(()=>(r,a={})=>{let i=we(r,t.value)??we(r,se)??"";return i=so(i,a.n),io(i,a)});return{locale:n,t:l}},Te=(o,n)=>{const t=Oe(n);return o.provide(Me,t),t},w=()=>e.inject(Me,()=>Oe(),!0),we=(o,n)=>{const t=o.split(".").reduce((l,r)=>!l||typeof l=="string"?l:l[r],n);return t&&typeof t=="string"?t:void 0},so=(o,n)=>{const t=o.split(" | ").map(r=>r.trim());if(t.length<=1)return o;let l=1;return n===0&&(l=0),n&&(n<=0||n>1)&&(l=2),t.length===2?l===1?t[0]:t[1]:t[l]},io=(o,n)=>n?Object.entries(n).reduce((l,[r,a])=>a===void 0?l:l.replace(new RegExp(`{${r}}`,"gi"),a.toString()),o).replace(/\s?{.*}\s?/gi,""):o,co=(o,n)=>{const t=Object.entries(o).filter(([r,a])=>a!==void 0),l=Object.entries(n).filter(([r,a])=>a!==void 0);return t.length!==l.length?!1:t.every(([r,a])=>a===n[r])},uo=(o,n)=>o.reduce((t,l)=>{const r=l[n]??"";return t[r]=t[r]||[],t[r].push(l),t},{}),Le=()=>Object.entries(Object.getOwnPropertyDescriptors(ValidityState.prototype)).filter(([o,n])=>n.enumerable).map(([o])=>o),po=o=>Le().reduce((n,t)=>(n[t]=o[t],n),{}),mo=o=>{if(o.valueMissing)return"valueMissing";const n=Le().filter(t=>t!=="valid").sort();for(const t of n)if(t in o&&o[t])return t},fo=Object.keys(se.validations.typeMismatch),yo=o=>{if(o)return typeof o=="string"?{shortMessage:o,longMessage:o}:o},Ve=o=>{if(!o)return;if(typeof o=="string")return o;if(o.shortMessage===o.longMessage)return o.shortMessage;const{shortMessage:n,longMessage:t}=o;return`${n}: ${t}`},T=o=>{const{t:n}=w(),t=e.ref(),l=e.ref(!1);e.watch(()=>o.props.modelValue,()=>l.value=!0,{once:!0});const r={mounted:c=>{e.watchEffect(()=>c.setCustomValidity(Ve(o.props.customError)??"")),e.watch([()=>o.props],()=>{const s=po(c.validity);!t.value&&s.valid||t.value&&co(s,t.value)||(t.value=s)},{immediate:!0,deep:!0}),e.watch([()=>o.props.customError,t,l],()=>{!l.value||!t.value||o.emit("validityChange",t.value)},{immediate:!0})}},a=e.computed(()=>{var u,d,m;if(!t.value||t.value.valid)return;const c=mo(t.value),s=yo(o.props.customError);if(s||c==="customError")return s||void 0;if(!c)return;if(c==="typeMismatch"){const f=fo.includes(o.props.type)?o.props.type:"generic";return{longMessage:n.value(`validations.typeMismatch.${f}.fullError`,{value:(u=o.props.modelValue)==null?void 0:u.toString()}),shortMessage:n.value(`validations.typeMismatch.${f}.preview`)}}const p={value:(d=o.props.modelValue)==null?void 0:d.toString(),n:((m=o.props.modelValue)==null?void 0:m.toString().length)??0,minLength:o.props.minlength,maxLength:o.props.maxlength,min:o.props.min,max:o.props.max,step:o.props.step};return{longMessage:n.value(`validations.${c}.fullError`,p),shortMessage:n.value(`validations.${c}.preview`)}}),i=e.computed(()=>{const c=[];return o.props.hideLabel&&c.push(o.props.label),a.value&&c.push(Ve(a.value)),c.length?c.join(`
2
- `):void 0});return{vCustomValidity:r,errorMessages:a,title:i}},ho=["title"],vo={class:"onyx-checkbox__container"},_o=["aria-label","indeterminate","disabled","required","value","autofocus"],q=e.defineComponent({__name:"OnyxCheckbox",props:{density:{},value:{},label:{},hideLabel:{type:Boolean},disabled:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},skeleton:{type:Boolean,default:!1},truncation:{default:"ellipsis"},required:{type:Boolean,default:!1},requiredMarker:{},customError:{},autofocus:{type:Boolean},modelValue:{type:Boolean,default:!1},indeterminate:{type:Boolean,default:!1}},emits:["update:modelValue","validityChange"],setup(o,{emit:n}){const t=o,l=n,r=e.computed({get:()=>t.modelValue,set:u=>l("update:modelValue",u)}),{requiredMarkerClass:a,requiredTypeClass:i}=G(t),{densityClass:c}=b(t),{vCustomValidity:s,title:p}=T({props:t,emit:l});return(u,d)=>t.skeleton?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["onyx-checkbox-skeleton",e.unref(c)])},[e.createVNode(V,{class:"onyx-checkbox-skeleton__input"}),t.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(V,{key:0,class:"onyx-checkbox-skeleton__label"}))],2)):(e.openBlock(),e.createElementBlock("label",{key:1,class:e.normalizeClass(["onyx-checkbox",[e.unref(i),e.unref(c)]]),title:e.unref(p)},[e.createElementVNode("div",vo,[t.loading?(e.openBlock(),e.createBlock(O,{key:0,class:"onyx-checkbox__loading",type:"circle"})):e.withDirectives((e.openBlock(),e.createElementBlock("input",{key:1,"onUpdate:modelValue":d[0]||(d[0]=m=>r.value=m),"aria-label":t.hideLabel?t.label:void 0,class:"onyx-checkbox__input",type:"checkbox",indeterminate:t.indeterminate,disabled:t.disabled,required:t.required,value:t.value,autofocus:t.autofocus},null,8,_o)),[[e.vModelCheckbox,r.value],[e.unref(s)]])]),t.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createElementVNode("p",{class:e.normalizeClass(["onyx-checkbox__label",[`onyx-truncation-${t.truncation}`,t.truncation==="multiline"?e.unref(a):void 0]])},e.toDisplayString(t.label),3),t.truncation==="ellipsis"?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["onyx-checkbox__marker",[e.unref(a)]])},null,2)):e.createCommentVNode("",!0)],64))],10,ho))}}),ko=(o,n)=>e.computed(()=>{const t=n.value.filter(r=>o.value.includes(r)),l=t.length===o.value.length;return{modelValue:l,indeterminate:!l&&o.value.length&&t.length?!0:void 0}}),Ie=(o,n,t)=>({state:ko(o,n),handleChange:l=>{const r=n.value.filter(i=>!o.value.includes(i)),a=l?r.concat(o.value):r;t(a)}}),L=e.defineComponent({__name:"OnyxHeadline",props:{is:{}},setup(o){const n=o;return(t,l)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n.is),{class:e.normalizeClass(["onyx-headline",`onyx-headline--${n.is}`])},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},8,["class"]))}}),xo=["disabled"],go={key:0,class:"onyx-checkbox-group__label"},bo=e.defineComponent({__name:"OnyxCheckboxGroup",props:{density:{},truncation:{default:"ellipsis"},options:{},modelValue:{default:()=>[]},headline:{},direction:{default:"vertical"},withCheckAll:{type:[Boolean,Object],default:!1},disabled:{type:Boolean,default:!1},skeleton:{}},emits:["update:modelValue"],setup(o,{emit:n}){const t=o,{densityClass:l}=b(t),r=n,{t:a}=w(),i=(u,d)=>{const m=d?[...t.modelValue,u]:t.modelValue.filter(f=>f!==u);r("update:modelValue",m)},c=e.computed(()=>t.options.filter(u=>!u.disabled&&!u.skeleton).map(({value:u})=>u)),s=Ie(c,e.computed(()=>t.modelValue),u=>r("update:modelValue",u)),p=e.computed(()=>{var d;const u=a.value("selections.selectAll");return typeof t.withCheckAll=="boolean"?u:((d=t.withCheckAll)==null?void 0:d.label)??u});return(u,d)=>(e.openBlock(),e.createElementBlock("fieldset",{class:e.normalizeClass(["onyx-checkbox-group",e.unref(l)]),disabled:t.disabled},[t.headline?(e.openBlock(),e.createElementBlock("legend",go,[e.createVNode(L,{is:"h3"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.headline),1)]),_:1})])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["onyx-checkbox-group__content",{"onyx-checkbox-group__content--horizontal":t.direction==="horizontal","onyx-checkbox-group__content--vertical":t.direction==="vertical"}])},[t.skeleton===void 0?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[t.withCheckAll?(e.openBlock(),e.createBlock(q,e.mergeProps({key:0},e.unref(s).state.value,{label:p.value,value:"all",class:"onyx-checkbox-group__option onyx-checkbox-group__check-all","onUpdate:modelValue":e.unref(s).handleChange}),null,16,["label","onUpdate:modelValue"])):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.options,m=>(e.openBlock(),e.createBlock(q,e.mergeProps({key:m.value.toString(),ref_for:!0},m,{truncation:m.truncation??t.truncation,"model-value":t.modelValue.includes(m.value),class:"onyx-checkbox-group__option","onUpdate:modelValue":f=>i(m.value,f)}),null,16,["truncation","model-value","onUpdate:modelValue"]))),128))],64)):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(t.skeleton,m=>(e.openBlock(),e.createBlock(q,{key:m,label:`Skeleton ${m}`,value:`skeleton-${m}`,skeleton:""},null,8,["label","value"]))),128))],2)],10,xo))}}),Bo=["aria-modal","aria-label","role"],De=e.defineComponent({__name:"OnyxDialog",props:{density:{},label:{},open:{type:Boolean,default:!1},modal:{type:Boolean,default:!1},alert:{type:Boolean,default:!1}},emits:["close"],setup(o,{emit:n}){const t=o,l=n,r=e.ref(),{densityClass:a}=b(t),i=()=>{var c,s;t.modal?(c=r.value)==null||c.showModal():(s=r.value)==null||s.show()};return e.watch([r,()=>t.open],()=>{var c;t.open?i():(c=r.value)==null||c.close()}),e.watch(()=>t.modal,()=>{var c;(c=r.value)!=null&&c.open&&(r.value.close(),i())}),(c,s)=>t.open?(e.openBlock(),e.createElementBlock("dialog",{key:0,ref_key:"dialogRef",ref:r,class:e.normalizeClass(["onyx-dialog",e.unref(a),"onyx-truncation-multiline"]),"aria-modal":t.modal,"aria-label":t.label,role:t.alert?"alertdialog":void 0,onCancel:s[0]||(s[0]=e.withModifiers(p=>l("close"),["prevent"]))},[e.renderSlot(c.$slots,"default")],42,Bo)):e.createCommentVNode("",!0)}}),Pe='<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 32 32"><path d="M25.899 6.1C23.166 3.367 19.583 2 16 2S8.834 3.367 6.101 6.1c-5.467 5.467-5.467 14.332 0 19.799C8.834 28.633 12.417 30 16 30s7.166-1.367 9.899-4.101c5.468-5.467 5.468-14.331 0-19.799m-1.414 18.385C22.219 26.752 19.205 28 16 28s-6.219-1.248-8.485-3.515C5.248 22.219 4 19.205 4 16s1.248-6.219 3.515-8.485C9.781 5.248 12.795 4 16 4s6.219 1.248 8.485 3.515S28 12.795 28 16s-1.248 6.219-3.515 8.485"/><path d="M20.814 9.771 16 14.586l-4.814-4.815-1.415 1.414L14.586 16l-4.815 4.814 1.415 1.415L16 17.414l4.814 4.815 1.415-1.415L17.414 16l4.815-4.815z"/></svg>',Co={class:"onyx-empty__label onyx-text onyx-truncation-multiline"},fe=e.defineComponent({__name:"OnyxEmpty",props:{density:{}},setup(o){const n=o,{densityClass:t}=b(n);return(l,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["onyx-empty",e.unref(t)])},[e.renderSlot(l.$slots,"icon",{},()=>[e.createVNode(g,{icon:e.unref(Pe),size:"48px"},null,8,["icon"])]),e.createElementVNode("div",Co,[e.renderSlot(l.$slots,"default")])],2))}}),wo='<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 32 32"><path d="M12.2 10.55v2h5.836l-8.193 8.193 1.414 1.414 8.193-8.193V19.8h2v-9.25z"/></svg>',Vo=o=>/^http(s?):\/\//.test(o),j=e.defineComponent({__name:"OnyxExternalLinkIcon",props:{href:{},withExternalIcon:{type:[Boolean,String],default:"auto"}},setup(o){const n=o,t=e.computed(()=>{const l=n.withExternalIcon;return l!=="auto"?l:Vo(n.href??"")});return(l,r)=>t.value?(e.openBlock(),e.createBlock(g,{key:0,class:"onyx-external-link-icon",icon:e.unref(wo),size:"16px"},null,8,["icon"])):e.createCommentVNode("",!0)}}),So=["h1","h2","h3","h4","h5","h6"],Eo=["12px","16px","24px","32px","48px","64px","96px"],No=["aria-label","title","type","disabled","autofocus"],ze=e.defineComponent({__name:"OnyxIconButton",props:{density:{},autofocus:{type:Boolean},label:{},disabled:{type:Boolean,default:!1},type:{default:"button"},color:{default:"primary"},loading:{type:Boolean},icon:{},skeleton:{type:Boolean,default:!1}},emits:["click"],setup(o,{emit:n}){const t=o,{densityClass:l}=b(t),r=n;return(a,i)=>t.skeleton?(e.openBlock(),e.createBlock(V,{key:0,class:e.normalizeClass(["onyx-icon-button-skeleton",e.unref(l)])},null,8,["class"])):(e.openBlock(),e.createElementBlock("button",{key:1,class:e.normalizeClass(["onyx-icon-button",[`onyx-icon-button--${t.color}`,{"onyx-icon-button--loading":t.loading},e.unref(l)]]),"aria-label":t.label,title:t.label,type:t.type,disabled:t.disabled||t.loading,autofocus:t.autofocus,onClick:i[0]||(i[0]=c=>r("click"))},[t.loading?(e.openBlock(),e.createBlock(O,{key:0,type:"circle"})):t.icon?(e.openBlock(),e.createBlock(g,{key:1,icon:t.icon},null,8,["icon"])):e.renderSlot(a.$slots,"default",{key:2})],10,No))}}),Ae='<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 32 32"><path d="M16 2C8.268 2 2 8.268 2 16s6.268 14 14 14 14-6.268 14-14S23.732 2 16 2m0 26C9.383 28 4 22.617 4 16S9.383 4 16 4s12 5.383 12 12-5.383 12-12 12"/><path d="M15 8h2v2h-2zm0 5h2v11h-2z"/></svg>',D=o=>o;function He(){const o=e.shallowRef();return e.computed({set:n=>{o.value=n!=null&&"$el"in n?n.$el:n},get:()=>o.value})}const $o=(()=>{let o=1;return()=>o++})(),M=o=>`${o}-${$o()}`,Mo=(o,n)=>Object.entries(o).every(([t,l])=>n[t]===l),Oo=(o,n)=>typeof n=="string"?o.key===n:Mo({altKey:!1,ctrlKey:!1,metaKey:!1,shiftKey:!1,...n},o),ie=o=>!Lo.has(o),To=["Unidentified","Alt","AltGraph","CapsLock","Control","Fn","FnLock","Meta","NumLock","ScrollLock","Shift","Symbol","SymbolLock","Hyper","Super","Enter","Tab","ArrowDown","ArrowLeft","ArrowRight","ArrowUp","End","Home","PageDown","PageUp","Backspace","Clear","Copy","CrSel","Cut","Delete","EraseEof","ExSel","Insert","Paste","Redo","Undo","Accept","Again","Attn","Cancel","ContextMenu","Escape","Execute","Find","Help","Pause","Play","Props","Select","ZoomIn","ZoomOut","BrightnessDown","BrightnessUp","Eject","LogOff","Power","PowerOff","PrintScreen","Hibernate","Standby","WakeUp","AllCandidates","Alphanumeric","CodeInput","Compose","Convert","Dead","FinalMode","GroupFirst","GroupLast","GroupNext","GroupPrevious","ModeChange","NextCandidate","NonConvert","PreviousCandidate","Process","SingleCandidate","HangulMode","HanjaMode","JunjaMode","Eisu","Hankaku","Hiragana","HiraganaKatakana","KanaMode","KanjiMode","Katakana","Romaji","Zenkaku","ZenkakuHankaku","F1","F2","F3","F4","F5","F6","F7","F8","F9","F10","F11","F12","Soft1","Soft2","Soft3","Soft4","ChannelDown","ChannelUp","Close","MailForward","MailReply","MailSend","MediaClose","MediaFastForward","MediaPause","MediaPlay","MediaPlayPause","MediaRecord","MediaRewind","MediaStop","MediaTrackNext","MediaTrackPrevious","New","Open","Print","Save","SpellCheck","Key11","Key12","AudioBalanceLeft","AudioBalanceRight","AudioBassBoostDown","AudioBassBoostToggle","AudioBassBoostUp","AudioFaderFront","AudioFaderRear","AudioSurroundModeNext","AudioTrebleDown","AudioTrebleUp","AudioVolumeDown","AudioVolumeUp","AudioVolumeMute","MicrophoneToggle","MicrophoneVolumeDown","MicrophoneVolumeUp","MicrophoneVolumeMute","SpeechCorrectionList","SpeechInputToggle","LaunchApplication1","LaunchApplication2","LaunchCalendar","LaunchContacts","LaunchMail","LaunchMediaPlayer","LaunchMusicPlayer","LaunchPhone","LaunchScreenSaver","LaunchSpreadsheet","LaunchWebBrowser","LaunchWebCam","LaunchWordProcessor","BrowserBack","BrowserFavorites","BrowserForward","BrowserHome","BrowserRefresh","BrowserSearch","BrowserStop","AppSwitch","Call","Camera","CameraFocus","EndCall","GoBack","GoHome","HeadsetHook","LastNumberRedial","Notification","MannerMode","VoiceDial","TV","TV3DMode","TVAntennaCable","TVAudioDescription","TVAudioDescriptionMixDown","TVAudioDescriptionMixUp","TVContentsMenu","TVDataService","TVInput","TVInputComponent1","TVInputComponent2","TVInputComposite1","TVInputComposite2","TVInputHDMI1","TVInputHDMI2","TVInputHDMI3","TVInputHDMI4","TVInputVGA1","TVMediaContext","TVNetwork","TVNumberEntry","TVPower","TVRadioService","TVSatellite","TVSatelliteBS","TVSatelliteCS","TVSatelliteToggle","TVTerrestrialAnalog","TVTerrestrialDigital","TVTimer","AVRInput","AVRPower","ColorF0Red","ColorF1Green","ColorF2Yellow","ColorF3Blue","ColorF4Grey","ColorF5Brown","ClosedCaptionToggle","Dimmer","DisplaySwap","DVR","Exit","FavoriteClear0","FavoriteClear1","FavoriteClear2","FavoriteClear3","FavoriteRecall0","FavoriteRecall1","FavoriteRecall2","FavoriteRecall3","FavoriteStore0","FavoriteStore1","FavoriteStore2","FavoriteStore3","Guide","GuideNextDay","GuidePreviousDay","Info","InstantReplay","Link","ListProgram","LiveContent","Lock","MediaApps","MediaAudioTrack","MediaLast","MediaSkipBackward","MediaSkipForward","MediaStepBackward","MediaStepForward","MediaTopMenu","NavigateIn","NavigateNext","NavigateOut","NavigatePrevious","NextFavoriteChannel","NextUserProfile","OnDemand","Pairing","PinPDown","PinPMove","PinPToggle","PinPUp","PlaySpeedDown","PlaySpeedReset","PlaySpeedUp","RandomToggle","RcLowBattery","RecordSpeedNext","RfBypass","ScanChannelsToggle","ScreenModeNext","Settings","SplitScreenToggle","STBInput","STBPower","Subtitle","Teletext","VideoModeNext","Wink","ZoomToggle","AudioVolumeDown","AudioVolumeUp","AudioVolumeMute","BrowserBack","BrowserForward","ChannelDown","ChannelUp","ContextMenu","Eject","End","Enter","Home","MediaFastForward","MediaPlay","MediaPlayPause","MediaRecord","MediaRewind","MediaStop","MediaNextTrack","MediaPause","MediaPreviousTrack","Power","Unidentified"],Lo=new Set(To),I=e.reactive(new Map),Io=(o,n)=>{if(n!=null&&n.size){I.set(o,n);return}I.delete(o),document.removeEventListener(o,Re)},Se=(o,n)=>{const t=I.get(o);t==null||t.delete(n),Io(o,t)},Do=(o,n)=>{const t=I.get(o)??new Set;t.add(n),I.set(o,t),document.addEventListener(o,Re)},Re=o=>{var t;const n=o.type;(t=I.get(n))==null||t.forEach(l=>l(o))},Fe=({type:o,listener:n,disabled:t})=>{e.onBeforeMount(()=>e.watchEffect(()=>t!=null&&t.value?Se(o,n):Do(o,n))),e.onBeforeUnmount(()=>Se(o,n))},Ue=({element:o,onOutsideClick:n,disabled:t})=>{Fe({type:"click",listener:({target:r})=>{var i;!((i=o.value)!=null&&i.contains(r))&&n()},disabled:t})},qe=(o,n)=>{let t;return(...l)=>{clearTimeout(t),t=setTimeout(()=>o(...l),n)}},Ze=(o,n=500)=>{let t="";const l=qe(()=>t="",n);return r=>{ie(r.key)&&(l(),t=`${t}${r.key}`,o(t))}},Po=D(o=>{const n=e.computed(()=>e.unref(o.multiple)??!1),t=new Map,l=s=>(t.has(s)||t.set(s,M("listbox-option")),t.get(s)),r=e.ref(!1);e.watchEffect(()=>{var p;if(o.activeOption.value==null||!r.value&&!o.controlled)return;const s=l(o.activeOption.value);(p=document.getElementById(s))==null||p.scrollIntoView({block:"nearest",inline:"nearest"})});const a=Ze(s=>{var p;return(p=o.onTypeAhead)==null?void 0:p.call(o,s)}),i=s=>{var p,u,d,m,f,v,h;switch(s.key){case" ":s.preventDefault(),o.activeOption.value!=null&&((p=o.onSelect)==null||p.call(o,o.activeOption.value));break;case"ArrowUp":if(s.preventDefault(),o.activeOption.value==null){(u=o.onActivateLast)==null||u.call(o);return}(d=o.onActivatePrevious)==null||d.call(o,o.activeOption.value);break;case"ArrowDown":if(s.preventDefault(),o.activeOption.value==null){(m=o.onActivateFirst)==null||m.call(o);return}(f=o.onActivateNext)==null||f.call(o,o.activeOption.value);break;case"Home":s.preventDefault(),(v=o.onActivateFirst)==null||v.call(o);break;case"End":s.preventDefault(),(h=o.onActivateLast)==null||h.call(o);break;default:a(s)}};return{elements:{listbox:e.computed(()=>o.controlled?{role:"listbox","aria-multiselectable":n.value,"aria-label":e.unref(o.label),tabindex:"-1"}:{role:"listbox","aria-multiselectable":n.value,"aria-label":e.unref(o.label),tabindex:"0","aria-activedescendant":o.activeOption.value!=null?l(o.activeOption.value):void 0,onFocus:()=>r.value=!0,onBlur:()=>r.value=!1,onKeydown:i}),group:e.computed(()=>s=>({role:"group","aria-label":s.label})),option:e.computed(()=>s=>{const p=s.selected??!1;return{id:l(s.value),role:"option","aria-label":s.label,"aria-disabled":s.disabled,"aria-checked":n.value?p:void 0,"aria-selected":n.value?void 0:p,onClick:()=>{var u;return!s.disabled&&((u=o.onSelect)==null?void 0:u.call(o,s.value))}}})},state:{isFocused:r},internals:{getOptionId:l}}}),Ke=["ArrowDown","ArrowUp"," ","Enter","Home","End"],Ge=["Escape",{key:"ArrowUp",altKey:!0},"Enter","Tab"],zo=["Enter"," "],Ao=["Enter"],Ho=(o,n)=>ce(o,n?Ao:zo),ce=(o,n)=>n.some(t=>Oo(o,t)),Ro=D(({autocomplete:o,onAutocomplete:n,onTypeAhead:t,multiple:l,label:r,listLabel:a,isExpanded:i,activeOption:c,onToggle:s,onSelect:p,onActivateFirst:u,onActivateLast:d,onActivateNext:m,onActivatePrevious:f,templateRef:v})=>{const h=M("comboBox-control"),B=e.computed(()=>e.unref(o)),k=e.computed(()=>e.unref(i)),S=e.computed(()=>e.unref(l)),P=_=>{const oe=_.target;B.value!=="none"&&(n==null||n(oe.value))},z=Ze(_=>t==null?void 0:t(_)),R=_=>{p==null||p(_),e.unref(S)||s==null||s()},W=_=>{switch(_.key){case"ArrowUp":if(_.preventDefault(),c.value==null)return d==null?void 0:d();f==null||f(c.value);break;case"ArrowDown":if(_.preventDefault(),c.value==null)return u==null?void 0:u();m==null||m(c.value);break;case"Home":_.preventDefault(),u==null||u();break;case"End":_.preventDefault(),d==null||d();break}},J=_=>{if(_.key==="Enter"&&_.preventDefault(),!k.value&&ce(_,Ke))return s==null||s(),_.key===" "&&_.preventDefault(),_.key==="End"?d==null?void 0:d():u==null?void 0:u();if(Ho(_,S.value))return R(c.value);if(k.value&&ce(_,Ge))return s==null?void 0:s();if(B.value==="none"&&ie(_.key))return!k.value&&(s==null||s()),z(_);if(B.value!=="none"&&ie(_.key)){!k.value&&(s==null||s());return}return W(_)},Q=B.value!=="none"?{"aria-autocomplete":B.value,type:"text"}:null,{elements:{option:ee,group:te,listbox:A},internals:{getOptionId:F}}=Po({label:a,multiple:S,controlled:!0,activeOption:c,onSelect:R});return Ue({element:v,onOutsideClick(){k.value&&(s==null||s(!0))}}),{elements:{option:ee,group:te,listbox:e.computed(()=>({...A.value,id:h,onMousedown:_=>_.preventDefault()})),input:e.computed(()=>({role:"combobox","aria-expanded":k.value,"aria-controls":h,"aria-label":e.unref(r),"aria-activedescendant":c.value!=null?F(c.value):void 0,onInput:P,onKeydown:J,...Q})),button:e.computed(()=>({tabindex:"-1",onClick:()=>s==null?void 0:s()}))}}}),Fo=D(({isExpanded:o,onToggle:n})=>{const t=M("menu-button-root"),l=M("menu-button-list"),r=He(),a=M("menu-button-button");Fe({type:"keydown",listener:p=>p.key==="Escape"&&o.value&&n(),disabled:e.computed(()=>!o.value)});const i=qe(p=>o.value!==p&&n(),200),c=p=>{const u=document.activeElement,d=(u==null?void 0:u.closest('[role="menu"]'))||r.value;if(!d)return;const m=[...d.querySelectorAll('[role="menuitem"]')];let f=0;if(u){const h=m.indexOf(u);switch(p){case"next":f=h+1;break;case"prev":f=h-1;break;case"first":f=0;break;case"last":f=m.length-1;break}}const v=m[f];v==null||v.focus()};return{elements:{root:{id:t,onKeydown:p=>{switch(p.key){case"ArrowDown":case"ArrowRight":p.preventDefault(),c("next");break;case"ArrowUp":case"ArrowLeft":p.preventDefault(),c("prev");break;case"Home":p.preventDefault(),c("first");break;case"End":p.preventDefault(),c("last");break;case" ":p.preventDefault(),p.target.click();break;case"Escape":p.preventDefault(),o.value&&n();break}},onMouseover:()=>i(!0),onMouseout:()=>i(!1),onFocusout:p=>{var u;(u=document.getElementById(t))!=null&&u.contains(p.relatedTarget)||o.value&&n()}},button:e.computed(()=>({"aria-controls":l,"aria-expanded":o.value,"aria-haspopup":!0,onFocus:()=>!o.value&&n(),id:a})),menu:{id:l,ref:r,role:"menu","aria-labelledby":a,onClick:()=>o.value&&n()},...je().elements}}}),je=D(()=>({elements:{listItem:{role:"none"},menuItem:o=>({"aria-current":o.active?"page":void 0,"aria-disabled":o.disabled,role:"menuitem"})}})),Uo={clamp:(o,n,t)=>Math.max(Math.min(o,t),n)},qo=D(({navigationName:o})=>{const n=M("nav"),t=()=>{const r=document.getElementById(n);return r?[...r.querySelectorAll("button[aria-expanded][aria-controls]")]:[]},l=(r,a)=>{const i=t(),c=i.indexOf(r);if(c===-1)return;const s=Uo.clamp(c+(a==="next"?1:-1),0,i.length-1);i[s].focus()};return{elements:{nav:{"aria-label":e.unref(o),id:n,onKeydown:r=>{switch(r.key){case"ArrowRight":l(r.target,"next");break;case"ArrowLeft":l(r.target,"previous");break}}}}}}),Zo=D(o=>{const n=He(),t=M("tooltip"),l=e.ref(!1);let r;const a=e.computed(()=>{const m=e.unref(o.open);return typeof m!="object"?200:m.debounce}),i=e.computed(()=>{const m=e.unref(o.open);return typeof m!="object"?m:m.type}),c=e.computed({get:()=>l.value,set:m=>{clearTimeout(r),r=setTimeout(()=>{l.value=m},a.value)}}),s=e.computed(()=>typeof i.value=="boolean"?i.value:c.value),p=()=>{l.value=!l.value},u=e.computed(()=>{if(i.value==="hover")return{onMouseover:()=>c.value=!0,onMouseout:()=>c.value=!1,onFocusin:()=>l.value=!0,onFocusout:()=>l.value=!1}}),d=m=>{m.key==="Escape"&&(l.value=!1)};return Ue({element:n,onOutsideClick:()=>l.value=!1,disabled:e.computed(()=>i.value!=="click")}),e.onBeforeMount(()=>{document.addEventListener("keydown",d)}),e.onBeforeUnmount(()=>{document.removeEventListener("keydown",d)}),{elements:{root:{ref:n},trigger:e.computed(()=>({"aria-describedby":t,onClick:i.value==="click"?p:void 0,...u.value})),tooltip:e.computed(()=>({role:"tooltip",id:t,tabindex:"-1",...u.value}))},state:{isVisible:s}}}),ye=e.defineComponent({__name:"OnyxTooltip",props:{density:{},text:{},icon:{},color:{default:"neutral"},position:{default:"top"},fitParent:{type:Boolean,default:!1},open:{type:[String,Boolean,Object],default:"hover"}},setup(o){const n=o,{elements:{root:t,trigger:l,tooltip:r},state:{isVisible:a}}=Zo({open:e.computed(()=>n.open)}),{densityClass:i}=b(n);return(c,s)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps({class:["onyx-tooltip-wrapper",e.unref(i)]},e.unref(t)),[e.createElementVNode("div",e.mergeProps(e.unref(r),{class:["onyx-tooltip onyx-text--small onyx-truncation-multiline",{"onyx-tooltip--danger":n.color==="danger","onyx-tooltip--bottom":n.position==="bottom","onyx-tooltip--fit-parent":n.fitParent,"onyx-tooltip--hidden":!e.unref(a)}]}),[n.icon?(e.openBlock(),e.createBlock(g,{key:0,icon:n.icon,size:"16px"},null,8,["icon"])):e.createCommentVNode("",!0),e.renderSlot(c.$slots,"tooltip",{},()=>[e.createElementVNode("span",null,e.toDisplayString(n.text),1)])],16),e.createElementVNode("div",e.normalizeProps(e.guardReactiveProps(e.unref(l))),[e.renderSlot(c.$slots,"default")],16)],16))}}),Ko=["aria-label"],Z=e.defineComponent({__name:"OnyxInfoTooltip",props:{text:{},position:{},label:{}},setup(o){const n=o,{t}=w();return(l,r)=>(e.openBlock(),e.createBlock(ye,{class:"onyx-info-tooltip",text:n.text,position:n.position},{default:e.withCtx(()=>[e.createElementVNode("button",{type:"button","aria-label":n.label||e.unref(t)("showTooltip.info"),class:"onyx-info-tooltip__trigger"},[e.createVNode(g,{icon:e.unref(Ae)},null,8,["icon"])],8,Ko)]),_:1},8,["text","position"]))}}),Go={key:0,class:"onyx-form-element__label onyx-text--small"},jo=["for"],Yo={key:1,class:"onyx-form-element__footer onyx-text--small"},Xo={key:0,class:"onyx-form-element__error-message onyx-truncation-ellipsis"},Wo={key:2,class:"onyx-form-element__message onyx-truncation-ellipsis"},Jo={key:4,class:"onyx-form-element__counter"},Y=e.defineComponent({__name:"OnyxFormElement",props:{required:{type:Boolean,default:!1},requiredMarker:{},id:{default:M("onyx-form-element")},modelValue:{},label:{},labelTooltip:{},hideLabel:{type:Boolean},message:{},messageTooltip:{},errorMessages:{},maxlength:{},withCounter:{type:Boolean}},setup(o){const n=o,{t}=w(),{requiredMarkerClass:l,requiredTypeClass:r}=G(n),a=e.computed(()=>{var i;if(n.withCounter&&n.maxlength)return`${(((i=n.modelValue)==null?void 0:i.toString())||"").length}/${n.maxlength}`});return(i,c)=>{var s,p;return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["onyx-form-element",e.unref(r)])},[n.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",Go,[e.createElementVNode("label",{for:n.id,class:"onyx-truncation-ellipsis"},e.toDisplayString(n.label),9,jo),n.required?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass([n.required?e.unref(l):void 0])},null,2)):e.createCommentVNode("",!0),n.labelTooltip?(e.openBlock(),e.createBlock(Z,{key:1,class:"onyx-form-element__label-tooltip",text:n.labelTooltip},null,8,["text"])):e.createCommentVNode("",!0),n.required?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("span",{key:2,class:e.normalizeClass([n.required?void 0:e.unref(l)])},null,2))])),e.renderSlot(i.$slots,"default",{id:n.id}),n.message||(s=i.errorMessages)!=null&&s.shortMessage||a.value?(e.openBlock(),e.createElementBlock("div",Yo,[i.errorMessages?(e.openBlock(),e.createElementBlock("span",Xo,e.toDisplayString(i.errorMessages.shortMessage),1)):e.createCommentVNode("",!0),(p=i.errorMessages)!=null&&p.longMessage?(e.openBlock(),e.createBlock(Z,{key:1,class:"onyx-form-element__error-tooltip",color:"danger",position:"bottom",label:e.unref(t)("showTooltip.error"),text:i.errorMessages.longMessage},null,8,["label","text"])):e.createCommentVNode("",!0),n.message?(e.openBlock(),e.createElementBlock("span",Wo,e.toDisplayString(n.message),1)):e.createCommentVNode("",!0),n.messageTooltip?(e.openBlock(),e.createBlock(Z,{key:3,class:"onyx-form-element__message-tooltip",position:"bottom",text:n.messageTooltip},null,8,["text"])):e.createCommentVNode("",!0),a.value?(e.openBlock(),e.createElementBlock("span",Jo,e.toDisplayString(a.value),1)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)],2)}}}),Qo={class:"onyx-input__wrapper"},en=["id","placeholder","type","required","autocapitalize","autocomplete","autofocus","name","pattern","readonly","disabled","minlength","maxlength","aria-label","title"],tn=e.defineComponent({__name:"OnyxInput",props:{density:{},required:{type:Boolean,default:!1},requiredMarker:{},customError:{},id:{},label:{},labelTooltip:{},hideLabel:{type:Boolean},message:{},messageTooltip:{},maxlength:{},withCounter:{type:Boolean},autofocus:{type:Boolean},modelValue:{default:""},type:{default:"text"},placeholder:{},autocapitalize:{default:"sentences"},autocomplete:{},name:{},pattern:{},readonly:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},minlength:{},skeleton:{type:Boolean,default:!1}},emits:["update:modelValue","change","focus","blur","validityChange"],setup(o,{emit:n}){const t=o,l=n,{vCustomValidity:r,errorMessages:a}=T({props:t,emit:l}),{densityClass:i}=b(t),c=e.computed({get:()=>t.modelValue,set:u=>l("update:modelValue",u)}),s=u=>{const d=u.target.value;l("change",d)},p=e.computed(()=>t.pattern instanceof RegExp?t.pattern.source:t.pattern);return(u,d)=>t.skeleton?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["onyx-input-skeleton",e.unref(i)])},[t.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(V,{key:0,class:"onyx-input-skeleton__label"})),e.createVNode(V,{class:"onyx-input-skeleton__input"})],2)):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["onyx-input",e.unref(i)])},[e.createVNode(Y,e.mergeProps(t,{"error-messages":e.unref(a)}),{default:e.withCtx(({id:m})=>[e.createElementVNode("div",Qo,[t.loading?(e.openBlock(),e.createBlock(O,{key:0,class:"onyx-input__loading",type:"circle"})):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("input",{id:m,"onUpdate:modelValue":d[0]||(d[0]=f=>c.value=f),placeholder:t.placeholder,class:"onyx-input__native",type:t.type,required:t.required,autocapitalize:t.autocapitalize,autocomplete:t.autocomplete,autofocus:t.autofocus,name:t.name,pattern:p.value,readonly:t.readonly,disabled:t.disabled||t.loading,minlength:t.minlength,maxlength:t.maxlength,"aria-label":t.hideLabel?t.label:void 0,title:t.hideLabel?t.label:void 0,onChange:s,onFocus:d[1]||(d[1]=f=>l("focus")),onBlur:d[2]||(d[2]=f=>l("blur"))},null,40,en),[[e.vModelDynamic,c.value],[e.unref(r)]])])]),_:1},16,["error-messages"])],2))}}),on=["email","password","search","tel","text","url"],nn=["none","sentences","words","characters"],he=e.defineComponent({__name:"OnyxVisuallyHidden",props:{is:{default:"span"}},setup(o){const n=o;return(t,l)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n.is),{class:"onyx-visually-hidden"},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3}))}}),ln=["href","target","rel"],an=e.defineComponent({__name:"OnyxLink",props:{href:{},withExternalIcon:{type:[Boolean,String],default:"auto"},target:{default:"_self"}},emits:["click"],setup(o,{emit:n}){const t=o,l=n,{t:r}=w();return(a,i)=>(e.openBlock(),e.createElementBlock("a",{class:"onyx-link",href:t.href,target:t.target,rel:t.target==="_blank"?"noreferrer":void 0,onClick:i[0]||(i[0]=c=>l("click"))},[e.renderSlot(a.$slots,"default"),t.target==="_blank"?(e.openBlock(),e.createBlock(he,{key:0},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(r)("link.opensExternally")),1)]),_:1})):e.createCommentVNode("",!0),e.createVNode(j,e.normalizeProps(e.guardReactiveProps(t)),null,16)],8,ln))}}),rn=["_self","_blank","_parent","_top"],X=e.defineComponent({__name:"OnyxListItem",props:{density:{},selected:{type:Boolean,default:!1},checked:{type:Boolean,default:!1},active:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},color:{}},setup(o){const n=o,{densityClass:t}=b(n);return(l,r)=>(e.openBlock(),e.createElementBlock("li",{class:e.normalizeClass({"onyx-list-item":!0,...e.unref(t),"onyx-list-item--active":n.active,[`onyx-list-item--${n.color}`]:n.color,"onyx-list-item--disabled":n.disabled,"onyx-list-item--selected":n.selected,"onyx-list-item--checked":n.checked})},[e.renderSlot(l.$slots,"default")],2))}}),sn='<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 32 32"><path d="m28.707 27.293-7.969-7.969A9.95 9.95 0 0 0 23 13c0-5.514-4.486-10-10-10S3 7.486 3 13s4.486 10 10 10c2.397 0 4.599-.85 6.324-2.262l7.969 7.969zM5 13c0-4.411 3.589-8 8-8s8 3.589 8 8-3.589 8-8 8-8-3.589-8-8"/></svg>',ve='<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 32 32"><path d="m22.707 10.707-1.414-1.414L16 14.586l-5.293-5.293-1.414 1.414L14.586 16l-5.293 5.293 1.414 1.414L16 17.414l5.293 5.293 1.414-1.414L17.414 16z"/></svg>',Ye=()=>{const o=e.useAttrs(),n=e.computed(()=>({class:o.class,style:o.style})),t=e.computed(()=>{const l={...o};return delete l.class,delete l.style,l});return{rootAttrs:n,restAttrs:t}},cn=["placeholder","aria-label"],un=["aria-label"],Xe=e.defineComponent({inheritAttrs:!1,__name:"OnyxMiniSearch",props:{density:{},label:{},modelValue:{}},emits:["update:modelValue","clear"],setup(o,{expose:n,emit:t}){const l=o,r=t,{rootAttrs:a,restAttrs:i}=Ye(),{densityClass:c}=b(l),{t:s}=w(),p=e.ref(),u=e.computed({get:()=>l.modelValue,set:d=>r("update:modelValue",d??"")});return n({focus:()=>{var d;return(d=p.value)==null?void 0:d.focus()}}),(d,m)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps({class:["onyx-mini-search",e.unref(c)]},e.unref(a)),[e.withDirectives(e.createElementVNode("input",e.mergeProps({ref_key:"input",ref:p,"onUpdate:modelValue":m[0]||(m[0]=f=>u.value=f),class:"onyx-mini-search__input onyx-text",placeholder:e.unref(s)("select.searchPlaceholder"),type:"text"},e.unref(i),{"aria-label":l.label}),null,16,cn),[[e.vModelText,u.value]]),e.createElementVNode("button",{type:"button",class:"onyx-mini-search__clear","aria-label":e.unref(s)("select.clearSearch"),tabindex:"-1",onMousedown:m[1]||(m[1]=e.withModifiers(()=>{},["prevent"])),onClick:m[2]||(m[2]=f=>r("clear"))},[e.createVNode(g,{icon:e.unref(ve)},null,8,["icon"])],40,un),e.createVNode(g,{class:"onyx-mini-search__icon",icon:e.unref(sn)},null,8,["icon"])],16))}}),dn='<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 32 32"><path d="m27.707 5.707-1.414-1.414L16 14.586 5.707 4.293 4.293 5.707 14.586 16 4.293 26.293l1.414 1.414L16 17.414l10.293 10.293 1.414-1.414L17.414 16z"/></svg>',pn={class:"onyx-mobile-nav-button"},mn=["aria-label"],fn={class:"onyx-mobile-nav-button__flyout"},yn={class:"onyx-mobile-nav-button__menu"},ue=e.defineComponent({__name:"OnyxMobileNavButton",props:{label:{},icon:{},open:{type:Boolean,default:!1},headline:{}},emits:["update:open"],setup(o,{emit:n}){const t=o,l=n;return(r,a)=>(e.openBlock(),e.createElementBlock("div",pn,[e.createElementVNode("button",{type:"button",class:e.normalizeClass(["onyx-mobile-nav-button__trigger",{"onyx-mobile-nav-button__trigger--active":t.open}]),"aria-label":t.label,onClick:a[0]||(a[0]=i=>l("update:open",!t.open))},[e.createVNode(g,{icon:t.open?e.unref(dn):t.icon},null,8,["icon"])],10,mn),t.open?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createElementVNode("div",fn,[e.createElementVNode("div",yn,[t.headline?(e.openBlock(),e.createBlock(L,{key:0,is:"h2",class:"onyx-mobile-nav-button__headline"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.headline),1)]),_:1})):e.createCommentVNode("",!0),e.renderSlot(r.$slots,"default")])]),e.createElementVNode("div",{class:"onyx-mobile-nav-button__backdrop",role:"presentation",onClick:a[1]||(a[1]=i=>l("update:open",!1))})],64)):e.createCommentVNode("",!0)]))}}),hn=["aria-label"],vn=["src","alt"],_n={key:1,class:"onyx-text-small onyx-truncation-ellipsis"},We=e.defineComponent({__name:"OnyxNavAppArea",props:{logoUrl:{},appName:{},label:{}},emits:["click"],setup(o,{emit:n}){const t=o,l=n,{t:r}=w(),a=e.computed(()=>t.label??r.value("navigation.goToHome"));return(i,c)=>(e.openBlock(),e.createElementBlock("button",{type:"button",class:"onyx-nav-app-area","aria-label":a.value,onClick:c[0]||(c[0]=s=>l("click"))},[e.renderSlot(i.$slots,"default",{},()=>[t.logoUrl?(e.openBlock(),e.createElementBlock("img",{key:0,src:t.logoUrl,alt:e.unref(r)("navigation.appLogo",{appName:t.appName}),class:"onyx-nav-app-area__logo",width:"24",height:"24"},null,8,vn)):e.createCommentVNode("",!0),t.appName?(e.openBlock(),e.createElementBlock("span",_n,e.toDisplayString(t.appName),1)):e.createCommentVNode("",!0)])],8,hn))}}),kn=`<svg width="166" height="104" viewBox="0 0 166 104" fill="none" xmlns="http://www.w3.org/2000/svg">
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),vt={key:0,class:"onyx-app__nav"},_t={class:"onyx-app__page"},kt={key:1,class:"onyx-app__page-overlay"},xt={key:2,class:"onyx-app__app-overlay"},gt=e.defineComponent({__name:"OnyxAppLayout",props:{navBarAlignment:{default:"top"}},setup(o){const n=o,t=e.useSlots();return(l,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["onyx-app",{"onyx-app--horizontal":n.navBarAlignment==="left"}])},[t.navBar?(e.openBlock(),e.createElementBlock("div",vt,[e.renderSlot(l.$slots,"navBar")])):e.createCommentVNode("",!0),e.createElementVNode("div",_t,[e.renderSlot(l.$slots,"default")]),t.pageOverlay?(e.openBlock(),e.createElementBlock("div",kt,[e.renderSlot(l.$slots,"pageOverlay")])):e.createCommentVNode("",!0),t.appOverlay?(e.openBlock(),e.createElementBlock("div",xt,[e.renderSlot(l.$slots,"appOverlay")])):e.createCommentVNode("",!0)],2))}}),bt=["title"],Bt=["src","alt"],Ct={key:1,class:"onyx-avatar__initials"},de=e.defineComponent({__name:"OnyxAvatar",props:{size:{default:"48px"},label:{},src:{}},setup(o){const n=o,t=e.useSlots(),l=e.computed(()=>{const a=n.label.split(" ");return(a.length>1?`${a[0].charAt(0)}${a[1].charAt(0)}`:a[0].substring(0,2)).toUpperCase()}),r=e.ref(!1);return e.watch(()=>n.src,()=>r.value=!1),(a,i)=>(e.openBlock(),e.createElementBlock("figure",{class:e.normalizeClass(["onyx-avatar",[`onyx-avatar--${n.size}`,t.default?"onyx-avatar--custom":""]]),title:n.label},[n.src&&!r.value?(e.openBlock(),e.createElementBlock("img",{key:0,class:"onyx-avatar__svg",src:n.src,alt:n.label,onError:i[0]||(i[0]=c=>r.value=!0)},null,40,Bt)):(e.openBlock(),e.createElementBlock("div",Ct,[e.renderSlot(a.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(l.value),1)])]))],10,bt))}}),wt={class:"onyx-avatar-stack"},Vt=e.defineComponent({__name:"OnyxAvatarStack",setup(o){return(n,t)=>(e.openBlock(),e.createElementBlock("div",wt,[e.renderSlot(n.$slots,"default")]))}}),St=["compact","default","cozy"],b=o=>({densityClass:e.computed(()=>({[`onyx-density-${o.density}`]:o.density}))}),Et=["innerHTML"],g=e.defineComponent({__name:"OnyxIcon",props:{size:{},icon:{},color:{}},setup(o){const n=o;return(t,l)=>(e.openBlock(),e.createElementBlock("figure",{class:e.normalizeClass({"onyx-icon":!0,[`onyx-icon--${n.size}`]:n.size,[`onyx-icon--${n.color}`]:n.color}),"aria-hidden":"true",innerHTML:n.icon},null,10,Et))}}),Ie=e.defineComponent({__name:"OnyxBadge",props:{density:{},color:{default:"primary"},icon:{},dot:{type:Boolean,default:!1}},setup(o){const n=o,{densityClass:t}=b(n);return(l,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["onyx-badge",["onyx-truncation-ellipsis","onyx-text",`onyx-badge--${n.color}`,n.dot?"onyx-badge--dot":"",e.unref(t)]])},[n.dot?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[n.icon?(e.openBlock(),e.createBlock(g,{key:0,class:"onyx-badge__icon",icon:n.icon},null,8,["icon"])):e.renderSlot(l.$slots,"default",{key:1})],64))],2))}}),xe=(o,n)=>{const t=o.__vccOpts||o;for(const[l,r]of n)t[l]=r;return t},Nt={},$t={class:"onyx-circle-spinner",viewBox:"0 0 50 50"},Mt=e.createElementVNode("circle",{class:"onyx-circle-spinner__circle",cx:"50%",cy:"50%",r:"45%"},null,-1),Ot=[Mt];function Tt(o,n){return e.openBlock(),e.createElementBlock("svg",$t,Ot)}const It=xe(Nt,[["render",Tt]]),Lt={},Dt={class:"onyx-loading-dots"},Pt=e.createElementVNode("span",{class:"onyx-loading-dots__center"},null,-1),At=[Pt];function zt(o,n){return e.openBlock(),e.createElementBlock("div",Dt,At)}const Ht=xe(Lt,[["render",zt]]),O=e.defineComponent({__name:"OnyxLoadingIndicator",props:{type:{default:"dots"}},setup(o){const n=o;return(t,l)=>n.type==="circle"?(e.openBlock(),e.createBlock(It,{key:0})):n.type==="dots"?(e.openBlock(),e.createBlock(Ht,{key:1})):e.createCommentVNode("",!0)}}),Rt={},Ft={"aria-hidden":"true",class:"onyx-skeleton"};function Ut(o,n){return e.openBlock(),e.createElementBlock("figure",Ft)}const S=xe(Rt,[["render",Ut]]),qt=["disabled","type","aria-label","autofocus"],Zt={class:"onyx-button__label onyx-truncation-ellipsis"},j=e.defineComponent({__name:"OnyxButton",props:{density:{},autofocus:{type:Boolean},label:{},disabled:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},type:{default:"button"},color:{default:"primary"},mode:{default:"default"},icon:{},skeleton:{type:Boolean,default:!1}},emits:["click"],setup(o,{emit:n}){const t=o,{densityClass:l}=b(t),r=n;return(a,i)=>t.skeleton?(e.openBlock(),e.createBlock(S,{key:0,class:e.normalizeClass(["onyx-button-skeleton",e.unref(l)])},null,8,["class"])):(e.openBlock(),e.createElementBlock("button",{key:1,class:e.normalizeClass(["onyx-button",`onyx-button--${t.color}`,`onyx-button--${t.mode}`,{"onyx-button--loading":t.loading},e.unref(l)]),disabled:t.disabled||t.loading,type:t.type,"aria-label":t.loading?t.label:void 0,autofocus:t.autofocus,onClick:i[0]||(i[0]=c=>r("click"))},[t.icon&&!t.loading?(e.openBlock(),e.createBlock(g,{key:0,icon:t.icon},null,8,["icon"])):e.createCommentVNode("",!0),t.loading?(e.openBlock(),e.createBlock(O,{key:1,class:"onyx-button__loading"})):e.createCommentVNode("",!0),e.createElementVNode("span",Zt,e.toDisplayString(t.label),1)],10,qt))}}),Gt=["button","submit","reset"],Kt=["primary","neutral","danger"],jt=["default","outline","plain"],X=o=>({requiredTypeClass:e.computed(()=>({[`onyx-use-${o.requiredMarker}`]:o.requiredMarker})),requiredMarkerClass:e.computed(()=>({"onyx-required-marker":o.required,"onyx-optional-marker":!o.required}))}),Yt="(optional)",Xt="Cancel",Wt="Apply",Jt="Back",Qt="Close",eo={tooShort:{preview:"Too short",fullError:"Please lengthen this text to {minLength} characters or more (you are currently using 1 character) | Please lengthen this text to {minLength} characters or more (you are currently using {n} characters)"},tooLong:{preview:"Too long",fullError:"Please shorten this text to {maxLength} characters or less (you are currently using 1 character) | Please shorten this text to {maxLength} characters or less (you are currently using {n} characters)"},rangeUnderflow:{preview:"Too low",fullError:"Value must be greater than or equal to {min}"},rangeOverflow:{preview:"Too high",fullError:"Value must be less than or equal to {max}"},patternMismatch:{preview:"Invalid format",fullError:"Please match the format requested."},valueMissing:{preview:"Required",fullError:"Please fill in this field."},stepMismatch:{preview:"Invalid number",fullError:"Please enter a value that is a multiple of {step}."},badInput:{preview:"Invalid input",fullError:'"{value}" does not match the expected type.'},typeMismatch:{generic:{preview:"Invalid input type",fullError:'"{value}" does not match the expected type.'},email:{preview:"Invalid mail",fullError:'"{value}" must be a valid email address.'},number:{preview:"Invalid number",fullError:'"{value}" must be a number.'},tel:{preview:"Invalid phone number",fullError:'"{value}" must be a valid phone number.'},url:{preview:"Invalid URL",fullError:'"{value}" must a valid URL.'}}},to={toggleDropDown:"Toggle selection popover",empty:"No data available",noMatch:"No item matches your search",searchInputLabel:"Filter the list items",clearSearch:"Clear search filter",searchPlaceholder:"Search"},oo={selectAll:"Select all",currentSelection:"{n} selected"},no={decrement:"Decrement by {stepSize}",increment:"Increment by {stepSize}"},lo={empty:"This table is empty."},ao={opensExternally:"Opens in a new tab."},ro="Subpages of {label}",so={appLogo:"App logo of {appName}",goToHome:"Go to home page",goBack:"Go back",userMenuLabel:"User options",toggleBurgerMenu:"Toggle burger menu",toggleContextMenu:"Toggle context menu",navigationHeadline:"Navigation"},io={info:"Toggle info tooltip",error:"Toggle error tooltip"},co={headline:"Change appearance",subtitle:"Select the appearance of the application:",appearance:"Appearance",auto:{label:"Auto",description:"The application automatically adapts its appearance to your system settings."},light:{label:"Light",description:"Light mode provides optimal contrast for bright environments."},dark:{label:"Dark",description:"This color mode is optimized for darker environments."}},pe={optional:Yt,cancel:Xt,apply:Wt,back:Jt,close:Qt,validations:eo,select:to,selections:oo,stepper:no,table:lo,link:ao,navItemOptionsLabel:ro,navigation:so,tooltip:io,colorScheme:co},Le=Symbol(),De=(o={})=>{const n=e.computed(()=>e.unref(o==null?void 0:o.locale)??"en-US");if(o.t)return{t:o.t,locale:n};const t=e.computed(()=>o!=null&&o.messages&&n.value in o.messages?o.messages[n.value]:pe),l=e.computed(()=>(r,a={})=>{let i=Ee(r,t.value)??Ee(r,pe)??"";return i=uo(i,a.n),po(i,a)});return{locale:n,t:l}},Pe=(o,n)=>{const t=De(n);return o.provide(Le,t),t},V=()=>e.inject(Le,()=>De(),!0),Ee=(o,n)=>{const t=o.split(".").reduce((l,r)=>!l||typeof l=="string"?l:l[r],n);return t&&typeof t=="string"?t:void 0},uo=(o,n)=>{const t=o.split(" | ").map(r=>r.trim());if(t.length<=1)return o;let l=1;return n===0&&(l=0),n&&(n<=0||n>1)&&(l=2),t.length===2?l===1?t[0]:t[1]:t[l]},po=(o,n)=>n?Object.entries(n).reduce((l,[r,a])=>a===void 0?l:l.replace(new RegExp(`{${r}}`,"gi"),a.toString()),o).replace(/\s?{.*}\s?/gi,""):o,mo=(o,n)=>{const t=Object.entries(o).filter(([r,a])=>a!==void 0),l=Object.entries(n).filter(([r,a])=>a!==void 0);return t.length!==l.length?!1:t.every(([r,a])=>a===n[r])},fo=(o,n)=>o.reduce((t,l)=>{const r=l[n]??"";return t[r]=t[r]||[],t[r].push(l),t},{}),Ae=()=>Object.entries(Object.getOwnPropertyDescriptors(ValidityState.prototype)).filter(([o,n])=>n.enumerable).map(([o])=>o),yo=o=>Ae().reduce((n,t)=>(n[t]=o[t],n),{}),ho=o=>{if(o.valueMissing)return"valueMissing";const n=Ae().filter(t=>t!=="valid").sort();for(const t of n)if(t in o&&o[t])return t},vo=Object.keys(pe.validations.typeMismatch),_o=o=>{if(o)return typeof o=="string"?{shortMessage:o,longMessage:o}:o},Ne=o=>{if(!o)return;if(typeof o=="string")return o;if(o.shortMessage===o.longMessage)return o.shortMessage;const{shortMessage:n,longMessage:t}=o;return`${n}: ${t}`},I=o=>{const{t:n}=V(),t=e.ref(),l=e.ref(!1);e.watch(()=>o.props.modelValue,()=>l.value=!0,{once:!0});const r={mounted:c=>{e.watchEffect(()=>c.setCustomValidity(Ne(o.props.customError)??"")),e.watch([()=>o.props],()=>{const s=yo(c.validity);!t.value&&s.valid||t.value&&mo(s,t.value)||(t.value=s)},{immediate:!0,deep:!0}),e.watch([()=>o.props.customError,t,l],()=>{!l.value||!t.value||o.emit("validityChange",t.value)},{immediate:!0})}},a=e.computed(()=>{var u,p,m;if(!t.value||t.value.valid)return;const c=ho(t.value),s=_o(o.props.customError);if(s||c==="customError")return s||void 0;if(!c)return;if(c==="typeMismatch"){const f=vo.includes(o.props.type)?o.props.type:"generic";return{longMessage:n.value(`validations.typeMismatch.${f}.fullError`,{value:(u=o.props.modelValue)==null?void 0:u.toString()}),shortMessage:n.value(`validations.typeMismatch.${f}.preview`)}}const d={value:(p=o.props.modelValue)==null?void 0:p.toString(),n:((m=o.props.modelValue)==null?void 0:m.toString().length)??0,minLength:o.props.minlength,maxLength:o.props.maxlength,min:o.props.min,max:o.props.max,step:o.props.step};return{longMessage:n.value(`validations.${c}.fullError`,d),shortMessage:n.value(`validations.${c}.preview`)}}),i=e.computed(()=>{const c=[];return o.props.hideLabel&&c.push(o.props.label),a.value&&c.push(Ne(a.value)),c.length?c.join(`
2
+ `):void 0});return{vCustomValidity:r,errorMessages:a,title:i}},ko=["title"],xo={class:"onyx-checkbox__container"},go=["aria-label","indeterminate","disabled","required","value","autofocus"],G=e.defineComponent({__name:"OnyxCheckbox",props:{density:{},value:{},label:{},hideLabel:{type:Boolean},disabled:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},skeleton:{type:Boolean,default:!1},truncation:{default:"ellipsis"},required:{type:Boolean,default:!1},requiredMarker:{},customError:{},autofocus:{type:Boolean},modelValue:{type:Boolean,default:!1},indeterminate:{type:Boolean,default:!1}},emits:["update:modelValue","validityChange"],setup(o,{emit:n}){const t=o,l=n,r=e.computed({get:()=>t.modelValue,set:u=>l("update:modelValue",u)}),{requiredMarkerClass:a,requiredTypeClass:i}=X(t),{densityClass:c}=b(t),{vCustomValidity:s,title:d}=I({props:t,emit:l});return(u,p)=>t.skeleton?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["onyx-checkbox-skeleton",e.unref(c)])},[e.createVNode(S,{class:"onyx-checkbox-skeleton__input"}),t.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(S,{key:0,class:"onyx-checkbox-skeleton__label"}))],2)):(e.openBlock(),e.createElementBlock("label",{key:1,class:e.normalizeClass(["onyx-checkbox",[e.unref(i),e.unref(c)]]),title:e.unref(d)},[e.createElementVNode("div",xo,[t.loading?(e.openBlock(),e.createBlock(O,{key:0,class:"onyx-checkbox__loading",type:"circle"})):e.withDirectives((e.openBlock(),e.createElementBlock("input",{key:1,"onUpdate:modelValue":p[0]||(p[0]=m=>r.value=m),"aria-label":t.hideLabel?t.label:void 0,class:"onyx-checkbox__input",type:"checkbox",indeterminate:t.indeterminate,disabled:t.disabled,required:t.required,value:t.value,autofocus:t.autofocus},null,8,go)),[[e.vModelCheckbox,r.value],[e.unref(s)]])]),t.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createElementVNode("p",{class:e.normalizeClass(["onyx-checkbox__label",[`onyx-truncation-${t.truncation}`,t.truncation==="multiline"?e.unref(a):void 0]])},e.toDisplayString(t.label),3),t.truncation==="ellipsis"?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["onyx-checkbox__marker",[e.unref(a)]])},null,2)):e.createCommentVNode("",!0)],64))],10,ko))}}),bo=(o,n)=>e.computed(()=>{const t=n.value.filter(r=>o.value.includes(r)),l=t.length===o.value.length;return{modelValue:l,indeterminate:!l&&o.value.length&&t.length?!0:void 0}}),ze=(o,n,t)=>({state:bo(o,n),handleChange:l=>{const r=n.value.filter(i=>!o.value.includes(i)),a=l?r.concat(o.value):r;t(a)}}),P=e.defineComponent({__name:"OnyxHeadline",props:{is:{}},setup(o){const n=o;return(t,l)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n.is),{class:e.normalizeClass(["onyx-headline",`onyx-headline--${n.is}`])},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},8,["class"]))}}),Bo=["disabled"],Co={key:0,class:"onyx-checkbox-group__label"},wo=e.defineComponent({__name:"OnyxCheckboxGroup",props:{density:{},truncation:{default:"ellipsis"},options:{},modelValue:{default:()=>[]},headline:{},direction:{default:"vertical"},withCheckAll:{type:[Boolean,Object],default:!1},disabled:{type:Boolean,default:!1},skeleton:{}},emits:["update:modelValue"],setup(o,{emit:n}){const t=o,{densityClass:l}=b(t),r=n,{t:a}=V(),i=(u,p)=>{const m=p?[...t.modelValue,u]:t.modelValue.filter(f=>f!==u);r("update:modelValue",m)},c=e.computed(()=>t.options.filter(u=>!u.disabled&&!u.skeleton).map(({value:u})=>u)),s=ze(c,e.computed(()=>t.modelValue),u=>r("update:modelValue",u)),d=e.computed(()=>{var p;const u=a.value("selections.selectAll");return typeof t.withCheckAll=="boolean"?u:((p=t.withCheckAll)==null?void 0:p.label)??u});return(u,p)=>(e.openBlock(),e.createElementBlock("fieldset",{class:e.normalizeClass(["onyx-checkbox-group",e.unref(l)]),disabled:t.disabled},[t.headline?(e.openBlock(),e.createElementBlock("legend",Co,[e.createVNode(P,{is:"h3"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.headline),1)]),_:1})])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["onyx-checkbox-group__content",{"onyx-checkbox-group__content--horizontal":t.direction==="horizontal","onyx-checkbox-group__content--vertical":t.direction==="vertical"}])},[t.skeleton===void 0?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[t.withCheckAll?(e.openBlock(),e.createBlock(G,e.mergeProps({key:0},e.unref(s).state.value,{label:d.value,value:"all",class:"onyx-checkbox-group__option onyx-checkbox-group__check-all","onUpdate:modelValue":e.unref(s).handleChange}),null,16,["label","onUpdate:modelValue"])):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.options,m=>(e.openBlock(),e.createBlock(G,e.mergeProps({key:m.value.toString(),ref_for:!0},m,{truncation:m.truncation??t.truncation,"model-value":t.modelValue.includes(m.value),class:"onyx-checkbox-group__option","onUpdate:modelValue":f=>i(m.value,f)}),null,16,["truncation","model-value","onUpdate:modelValue"]))),128))],64)):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(t.skeleton,m=>(e.openBlock(),e.createBlock(G,{key:m,label:`Skeleton ${m}`,value:`skeleton-${m}`,skeleton:""},null,8,["label","value"]))),128))],2)],10,Bo))}}),Vo=["aria-modal","aria-label","role"],He=e.defineComponent({__name:"OnyxDialog",props:{density:{},label:{},open:{type:Boolean,default:!1},modal:{type:Boolean,default:!1},alert:{type:Boolean,default:!1}},emits:["close"],setup(o,{emit:n}){const t=o,l=n,r=e.ref(),{densityClass:a}=b(t),i=()=>{var c,s;t.modal?(c=r.value)==null||c.showModal():(s=r.value)==null||s.show()};return e.watch([r,()=>t.open],()=>{var c;t.open?i():(c=r.value)==null||c.close()}),e.watch(()=>t.modal,()=>{var c;(c=r.value)!=null&&c.open&&(r.value.close(),i())}),(c,s)=>t.open?(e.openBlock(),e.createElementBlock("dialog",{key:0,ref_key:"dialogRef",ref:r,class:e.normalizeClass(["onyx-dialog",e.unref(a),"onyx-truncation-multiline"]),"aria-modal":t.modal,"aria-label":t.label,role:t.alert?"alertdialog":void 0,onCancel:s[0]||(s[0]=e.withModifiers(d=>l("close"),["prevent"]))},[e.renderSlot(c.$slots,"default")],42,Vo)):e.createCommentVNode("",!0)}}),Re='<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 32 32"><path d="M25.899 6.1C23.166 3.367 19.583 2 16 2S8.834 3.367 6.101 6.1c-5.467 5.467-5.467 14.332 0 19.799C8.834 28.633 12.417 30 16 30s7.166-1.367 9.899-4.101c5.468-5.467 5.468-14.331 0-19.799m-1.414 18.385C22.219 26.752 19.205 28 16 28s-6.219-1.248-8.485-3.515C5.248 22.219 4 19.205 4 16s1.248-6.219 3.515-8.485C9.781 5.248 12.795 4 16 4s6.219 1.248 8.485 3.515S28 12.795 28 16s-1.248 6.219-3.515 8.485"/><path d="M20.814 9.771 16 14.586l-4.814-4.815-1.415 1.414L14.586 16l-4.815 4.814 1.415 1.415L16 17.414l4.814 4.815 1.415-1.415L17.414 16l4.815-4.815z"/></svg>',So={class:"onyx-empty__label onyx-text onyx-truncation-multiline"},ge=e.defineComponent({__name:"OnyxEmpty",props:{density:{}},setup(o){const n=o,{densityClass:t}=b(n);return(l,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["onyx-empty",e.unref(t)])},[e.renderSlot(l.$slots,"icon",{},()=>[e.createVNode(g,{icon:e.unref(Re),size:"48px"},null,8,["icon"])]),e.createElementVNode("div",So,[e.renderSlot(l.$slots,"default")])],2))}}),Eo='<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 32 32"><path d="M12.2 10.55v2h5.836l-8.193 8.193 1.414 1.414 8.193-8.193V19.8h2v-9.25z"/></svg>',No=o=>/^http(s?):\/\//.test(o),W=e.defineComponent({__name:"OnyxExternalLinkIcon",props:{href:{},withExternalIcon:{type:[Boolean,String],default:"auto"}},setup(o){const n=o,t=e.computed(()=>{const l=n.withExternalIcon;return l!=="auto"?l:No(n.href??"")});return(l,r)=>t.value?(e.openBlock(),e.createBlock(g,{key:0,class:"onyx-external-link-icon",icon:e.unref(Eo),size:"16px"},null,8,["icon"])):e.createCommentVNode("",!0)}}),$o=["h1","h2","h3","h4","h5","h6"],Mo=["12px","16px","24px","32px","48px","64px","96px"],Oo=["aria-label","title","type","disabled","autofocus"],Fe=e.defineComponent({__name:"OnyxIconButton",props:{density:{},autofocus:{type:Boolean},label:{},disabled:{type:Boolean,default:!1},type:{default:"button"},color:{default:"primary"},loading:{type:Boolean},icon:{},skeleton:{type:Boolean,default:!1}},emits:["click"],setup(o,{emit:n}){const t=o,{densityClass:l}=b(t),r=n;return(a,i)=>t.skeleton?(e.openBlock(),e.createBlock(S,{key:0,class:e.normalizeClass(["onyx-icon-button-skeleton",e.unref(l)])},null,8,["class"])):(e.openBlock(),e.createElementBlock("button",{key:1,class:e.normalizeClass(["onyx-icon-button",[`onyx-icon-button--${t.color}`,{"onyx-icon-button--loading":t.loading},e.unref(l)]]),"aria-label":t.label,title:t.label,type:t.type,disabled:t.disabled||t.loading,autofocus:t.autofocus,onClick:i[0]||(i[0]=c=>r("click"))},[t.loading?(e.openBlock(),e.createBlock(O,{key:0,type:"circle"})):t.icon?(e.openBlock(),e.createBlock(g,{key:1,icon:t.icon},null,8,["icon"])):e.renderSlot(a.$slots,"default",{key:2})],10,Oo))}}),me='<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 32 32"><path d="M16 2C8.268 2 2 8.268 2 16s6.268 14 14 14 14-6.268 14-14S23.732 2 16 2m0 26C9.383 28 4 22.617 4 16S9.383 4 16 4s12 5.383 12 12-5.383 12-12 12"/><path d="M15 8h2v2h-2zm0 5h2v11h-2z"/></svg>',L=o=>o;function fe(){const o=e.shallowRef();return e.computed({set:n=>{o.value=n!=null&&"$el"in n?n.$el:n},get:()=>o.value})}const To=(()=>{let o=1;return()=>o++})(),M=o=>`${o}-${To()}`,Io=(o,n)=>Object.entries(o).every(([t,l])=>n[t]===l),Lo=(o,n)=>typeof n=="string"?o.key===n:Io({altKey:!1,ctrlKey:!1,metaKey:!1,shiftKey:!1,...n},o),ye=o=>!Po.has(o),Do=["Unidentified","Alt","AltGraph","CapsLock","Control","Fn","FnLock","Meta","NumLock","ScrollLock","Shift","Symbol","SymbolLock","Hyper","Super","Enter","Tab","ArrowDown","ArrowLeft","ArrowRight","ArrowUp","End","Home","PageDown","PageUp","Backspace","Clear","Copy","CrSel","Cut","Delete","EraseEof","ExSel","Insert","Paste","Redo","Undo","Accept","Again","Attn","Cancel","ContextMenu","Escape","Execute","Find","Help","Pause","Play","Props","Select","ZoomIn","ZoomOut","BrightnessDown","BrightnessUp","Eject","LogOff","Power","PowerOff","PrintScreen","Hibernate","Standby","WakeUp","AllCandidates","Alphanumeric","CodeInput","Compose","Convert","Dead","FinalMode","GroupFirst","GroupLast","GroupNext","GroupPrevious","ModeChange","NextCandidate","NonConvert","PreviousCandidate","Process","SingleCandidate","HangulMode","HanjaMode","JunjaMode","Eisu","Hankaku","Hiragana","HiraganaKatakana","KanaMode","KanjiMode","Katakana","Romaji","Zenkaku","ZenkakuHankaku","F1","F2","F3","F4","F5","F6","F7","F8","F9","F10","F11","F12","Soft1","Soft2","Soft3","Soft4","ChannelDown","ChannelUp","Close","MailForward","MailReply","MailSend","MediaClose","MediaFastForward","MediaPause","MediaPlay","MediaPlayPause","MediaRecord","MediaRewind","MediaStop","MediaTrackNext","MediaTrackPrevious","New","Open","Print","Save","SpellCheck","Key11","Key12","AudioBalanceLeft","AudioBalanceRight","AudioBassBoostDown","AudioBassBoostToggle","AudioBassBoostUp","AudioFaderFront","AudioFaderRear","AudioSurroundModeNext","AudioTrebleDown","AudioTrebleUp","AudioVolumeDown","AudioVolumeUp","AudioVolumeMute","MicrophoneToggle","MicrophoneVolumeDown","MicrophoneVolumeUp","MicrophoneVolumeMute","SpeechCorrectionList","SpeechInputToggle","LaunchApplication1","LaunchApplication2","LaunchCalendar","LaunchContacts","LaunchMail","LaunchMediaPlayer","LaunchMusicPlayer","LaunchPhone","LaunchScreenSaver","LaunchSpreadsheet","LaunchWebBrowser","LaunchWebCam","LaunchWordProcessor","BrowserBack","BrowserFavorites","BrowserForward","BrowserHome","BrowserRefresh","BrowserSearch","BrowserStop","AppSwitch","Call","Camera","CameraFocus","EndCall","GoBack","GoHome","HeadsetHook","LastNumberRedial","Notification","MannerMode","VoiceDial","TV","TV3DMode","TVAntennaCable","TVAudioDescription","TVAudioDescriptionMixDown","TVAudioDescriptionMixUp","TVContentsMenu","TVDataService","TVInput","TVInputComponent1","TVInputComponent2","TVInputComposite1","TVInputComposite2","TVInputHDMI1","TVInputHDMI2","TVInputHDMI3","TVInputHDMI4","TVInputVGA1","TVMediaContext","TVNetwork","TVNumberEntry","TVPower","TVRadioService","TVSatellite","TVSatelliteBS","TVSatelliteCS","TVSatelliteToggle","TVTerrestrialAnalog","TVTerrestrialDigital","TVTimer","AVRInput","AVRPower","ColorF0Red","ColorF1Green","ColorF2Yellow","ColorF3Blue","ColorF4Grey","ColorF5Brown","ClosedCaptionToggle","Dimmer","DisplaySwap","DVR","Exit","FavoriteClear0","FavoriteClear1","FavoriteClear2","FavoriteClear3","FavoriteRecall0","FavoriteRecall1","FavoriteRecall2","FavoriteRecall3","FavoriteStore0","FavoriteStore1","FavoriteStore2","FavoriteStore3","Guide","GuideNextDay","GuidePreviousDay","Info","InstantReplay","Link","ListProgram","LiveContent","Lock","MediaApps","MediaAudioTrack","MediaLast","MediaSkipBackward","MediaSkipForward","MediaStepBackward","MediaStepForward","MediaTopMenu","NavigateIn","NavigateNext","NavigateOut","NavigatePrevious","NextFavoriteChannel","NextUserProfile","OnDemand","Pairing","PinPDown","PinPMove","PinPToggle","PinPUp","PlaySpeedDown","PlaySpeedReset","PlaySpeedUp","RandomToggle","RcLowBattery","RecordSpeedNext","RfBypass","ScanChannelsToggle","ScreenModeNext","Settings","SplitScreenToggle","STBInput","STBPower","Subtitle","Teletext","VideoModeNext","Wink","ZoomToggle","AudioVolumeDown","AudioVolumeUp","AudioVolumeMute","BrowserBack","BrowserForward","ChannelDown","ChannelUp","ContextMenu","Eject","End","Enter","Home","MediaFastForward","MediaPlay","MediaPlayPause","MediaRecord","MediaRewind","MediaStop","MediaNextTrack","MediaPause","MediaPreviousTrack","Power","Unidentified"],Po=new Set(Do),A=e.reactive(new Map),Ao=(o,n)=>{if(n!=null&&n.size){A.set(o,n);return}A.delete(o),document.removeEventListener(o,Ue)},$e=(o,n)=>{const t=A.get(o);t==null||t.delete(n),Ao(o,t)},zo=(o,n)=>{const t=A.get(o)??new Set;t.add(n),A.set(o,t),document.addEventListener(o,Ue)},Ue=o=>{var t;const n=o.type;(t=A.get(n))==null||t.forEach(l=>l(o))},be=({type:o,listener:n,disabled:t})=>{e.onBeforeMount(()=>e.watchEffect(()=>t!=null&&t.value?$e(o,n):zo(o,n))),e.onBeforeUnmount(()=>$e(o,n))},qe=({inside:o,onOutsideClick:n,disabled:t})=>{be({type:"click",listener:r=>{const a=e.toValue(o);!(Array.isArray(a)?a:[a]).some(s=>s==null?void 0:s.contains(r.target))&&n(r)},disabled:t})},Ze=(o,n)=>{let t;return(...l)=>{clearTimeout(t),t=setTimeout(()=>o(...l),n)}},Ge=(o,n=500)=>{let t="";const l=Ze(()=>t="",n);return r=>{ye(r.key)&&(l(),t=`${t}${r.key}`,o(t))}},Ho=L(o=>{const n=e.computed(()=>e.unref(o.multiple)??!1),t=new Map,l=s=>(t.has(s)||t.set(s,M("listbox-option")),t.get(s)),r=e.ref(!1);e.watchEffect(()=>{var d;if(o.activeOption.value==null||!r.value&&!o.controlled)return;const s=l(o.activeOption.value);(d=document.getElementById(s))==null||d.scrollIntoView({block:"nearest",inline:"nearest"})});const a=Ge(s=>{var d;return(d=o.onTypeAhead)==null?void 0:d.call(o,s)}),i=s=>{var d,u,p,m,f,h,v;switch(s.key){case" ":s.preventDefault(),o.activeOption.value!=null&&((d=o.onSelect)==null||d.call(o,o.activeOption.value));break;case"ArrowUp":if(s.preventDefault(),o.activeOption.value==null){(u=o.onActivateLast)==null||u.call(o);return}(p=o.onActivatePrevious)==null||p.call(o,o.activeOption.value);break;case"ArrowDown":if(s.preventDefault(),o.activeOption.value==null){(m=o.onActivateFirst)==null||m.call(o);return}(f=o.onActivateNext)==null||f.call(o,o.activeOption.value);break;case"Home":s.preventDefault(),(h=o.onActivateFirst)==null||h.call(o);break;case"End":s.preventDefault(),(v=o.onActivateLast)==null||v.call(o);break;default:a(s)}};return{elements:{listbox:e.computed(()=>o.controlled?{role:"listbox","aria-multiselectable":n.value,"aria-label":e.unref(o.label),tabindex:"-1"}:{role:"listbox","aria-multiselectable":n.value,"aria-label":e.unref(o.label),tabindex:"0","aria-activedescendant":o.activeOption.value!=null?l(o.activeOption.value):void 0,onFocus:()=>r.value=!0,onBlur:()=>r.value=!1,onKeydown:i}),group:e.computed(()=>s=>({role:"group","aria-label":s.label})),option:e.computed(()=>s=>{const d=s.selected??!1;return{id:l(s.value),role:"option","aria-label":s.label,"aria-disabled":s.disabled,"aria-checked":n.value?d:void 0,"aria-selected":n.value?void 0:d,onClick:()=>{var u;return!s.disabled&&((u=o.onSelect)==null?void 0:u.call(o,s.value))}}})},state:{isFocused:r},internals:{getOptionId:l}}}),Ke=["ArrowDown","ArrowUp"," ","Enter","Home","End"],je=["Escape",{key:"ArrowUp",altKey:!0},"Enter","Tab"],Me=["Enter"],Ro=(o,n)=>{const t=n?[...Me," "]:Me;return he(o,t)},he=(o,n)=>n.some(t=>Lo(o,t)),Fo=L(({autocomplete:o,onAutocomplete:n,onTypeAhead:t,multiple:l,label:r,listLabel:a,isExpanded:i,activeOption:c,onToggle:s,onSelect:d,onActivateFirst:u,onActivateLast:p,onActivateNext:m,onActivatePrevious:f,templateRef:h})=>{const v=M("comboBox-control"),B=e.computed(()=>e.unref(o)),x=e.computed(()=>e.unref(i)),C=e.computed(()=>e.unref(l)),D=_=>{const F=_.target;B.value!=="none"&&(n==null||n(F.value))},T=Ge(_=>t==null?void 0:t(_)),R=_=>{d==null||d(_),e.unref(C)||s==null||s()},te=_=>{switch(_.key){case"ArrowUp":if(_.preventDefault(),c.value==null)return p==null?void 0:p();f==null||f(c.value);break;case"ArrowDown":if(_.preventDefault(),c.value==null)return u==null?void 0:u();m==null||m(c.value);break;case"Home":_.preventDefault(),u==null||u();break;case"End":_.preventDefault(),p==null||p();break}},oe=_=>{if(_.key==="Enter"&&_.preventDefault(),!x.value&&he(_,Ke))return s==null||s(),_.key===" "&&_.preventDefault(),_.key==="End"?p==null?void 0:p():u==null?void 0:u();if(Ro(_,B.value==="none"))return R(c.value);if(x.value&&he(_,je))return s==null?void 0:s();if(B.value==="none"&&ye(_.key))return!x.value&&(s==null||s()),T(_);if(B.value!=="none"&&ye(_.key)){!x.value&&(s==null||s());return}return te(_)},ne=B.value!=="none"?{"aria-autocomplete":B.value,type:"text"}:null,{elements:{option:le,group:ae,listbox:re},internals:{getOptionId:z}}=Ho({label:a,multiple:C,controlled:!0,activeOption:c,onSelect:R});return qe({inside:h,onOutsideClick(){x.value&&(s==null||s(!0))}}),{elements:{option:le,group:ae,listbox:e.computed(()=>({...re.value,id:v,onMousedown:_=>_.preventDefault()})),input:e.computed(()=>({role:"combobox","aria-expanded":x.value,"aria-controls":v,"aria-label":e.unref(r),"aria-activedescendant":c.value!=null?z(c.value):void 0,onInput:D,onKeydown:oe,...ne})),button:e.computed(()=>({tabindex:"-1",onClick:()=>s==null?void 0:s()}))}}}),Uo=L(({isExpanded:o,onToggle:n})=>{const t=M("menu-button-root"),l=M("menu-button-list"),r=fe(),a=M("menu-button-button");be({type:"keydown",listener:d=>d.key==="Escape"&&o.value&&n(),disabled:e.computed(()=>!o.value)});const i=Ze(d=>o.value!==d&&n(),200),c=d=>{const u=document.activeElement,p=(u==null?void 0:u.closest('[role="menu"]'))||r.value;if(!p)return;const m=[...p.querySelectorAll('[role="menuitem"]')];let f=0;if(u){const v=m.indexOf(u);switch(d){case"next":f=v+1;break;case"prev":f=v-1;break;case"first":f=0;break;case"last":f=m.length-1;break}}const h=m[f];h==null||h.focus()};return{elements:{root:{id:t,onKeydown:d=>{switch(d.key){case"ArrowDown":case"ArrowRight":d.preventDefault(),c("next");break;case"ArrowUp":case"ArrowLeft":d.preventDefault(),c("prev");break;case"Home":d.preventDefault(),c("first");break;case"End":d.preventDefault(),c("last");break;case" ":d.preventDefault(),d.target.click();break;case"Escape":d.preventDefault(),o.value&&n();break}},onMouseover:()=>i(!0),onMouseout:()=>i(!1),onFocusout:d=>{var u;(u=document.getElementById(t))!=null&&u.contains(d.relatedTarget)||o.value&&n()}},button:e.computed(()=>({"aria-controls":l,"aria-expanded":o.value,"aria-haspopup":!0,onFocus:()=>!o.value&&n(),id:a})),menu:{id:l,ref:r,role:"menu","aria-labelledby":a,onClick:()=>o.value&&n()},...Ye().elements}}}),Ye=L(()=>({elements:{listItem:{role:"none"},menuItem:o=>({"aria-current":o.active?"page":void 0,"aria-disabled":o.disabled,role:"menuitem"})}})),qo={clamp:(o,n,t)=>Math.max(Math.min(o,t),n)},Zo=L(({navigationName:o})=>{const n=M("nav"),t=()=>{const r=document.getElementById(n);return r?[...r.querySelectorAll("button[aria-expanded][aria-controls]")]:[]},l=(r,a)=>{const i=t(),c=i.indexOf(r);if(c===-1)return;const s=qo.clamp(c+(a==="next"?1:-1),0,i.length-1);i[s].focus()};return{elements:{nav:{"aria-label":e.unref(o),id:n,onKeydown:r=>{switch(r.key){case"ArrowRight":l(r.target,"next");break;case"ArrowLeft":l(r.target,"previous");break}}}}}}),Xe=({isExpanded:o})=>be({type:"keydown",listener:n=>{n.key==="Escape"&&(o.value=!1)},disabled:e.computed(()=>!o.value)}),Go=L(({toggleLabel:o,isVisible:n})=>{const t=fe(),l=fe(),r=e.toRef(n??!1);qe({inside:e.computed(()=>[t.value,l.value]),onOutsideClick:()=>r.value=!1,disabled:e.computed(()=>!r.value)}),Xe({isExpanded:r});const a=()=>r.value=!r.value;return{elements:{trigger:e.computed(()=>({ref:t,onClick:a,"aria-label":e.toValue(o)})),tooltip:{ref:l,role:"status",tabindex:"-1"}},state:{isVisible:r}}}),Ko=L(({debounce:o,isVisible:n})=>{const t=M("tooltip"),l=e.toRef(n??!1);let r;const a=e.computed({get:()=>l.value,set:c=>{clearTimeout(r),r=setTimeout(()=>{l.value=c},e.toValue(o))}}),i={onMouseover:()=>a.value=!0,onMouseout:()=>a.value=!1,onFocusin:()=>l.value=!0,onFocusout:()=>l.value=!1};return Xe({isExpanded:l}),{elements:{trigger:{"aria-describedby":t,...i},tooltip:{role:"tooltip",id:t,tabindex:"-1",...i}},state:{isVisible:l}}}),Y=e.defineComponent({__name:"OnyxTooltip",props:{density:{},text:{},icon:{},color:{default:"neutral"},position:{default:"top"},fitParent:{type:Boolean,default:!1},open:{type:[String,Boolean,Object],default:"hover"}},setup(o){const n=o,{densityClass:t}=b(n),{t:l}=V(),r=e.ref(!1),a=e.computed({set:f=>r.value=f,get:()=>typeof n.open=="boolean"?n.open:r.value}),i=e.computed(()=>({debounce:200,...typeof n.open=="object"&&n.open.type==="hover"&&n.open||{},isVisible:a})),c=e.computed(()=>({toggleLabel:l.value("tooltip.info"),...typeof n.open=="object"&&n.open.type==="click"&&n.open||{},isVisible:a})),s=e.computed(()=>typeof n.open=="object"?n.open.type:typeof n.open=="string"?n.open:"hover"),d=()=>s.value==="hover"?Ko(i.value):Go(c.value),u=e.shallowRef(d());e.watch(s,()=>u.value=d());const p=e.computed(()=>{var f;return(f=u.value)==null?void 0:f.elements.tooltip}),m=e.computed(()=>{var f;return e.toValue((f=u.value)==null?void 0:f.elements.trigger)});return(f,h)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["onyx-tooltip-wrapper",e.unref(t)])},[e.createElementVNode("div",e.mergeProps(p.value,{class:["onyx-tooltip onyx-text--small onyx-truncation-multiline",{"onyx-tooltip--danger":n.color==="danger","onyx-tooltip--bottom":n.position==="bottom","onyx-tooltip--fit-parent":n.fitParent,"onyx-tooltip--hidden":!a.value}]}),[n.icon?(e.openBlock(),e.createBlock(g,{key:0,icon:n.icon,size:"16px"},null,8,["icon"])):e.createCommentVNode("",!0),e.renderSlot(f.$slots,"tooltip",{},()=>[e.createTextVNode(e.toDisplayString(n.text),1)])],16),e.renderSlot(f.$slots,"default",{trigger:m.value})],2))}}),J=e.defineComponent({__name:"OnyxVisuallyHidden",props:{is:{default:"span"}},setup(o){const n=o;return(t,l)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n.is),{class:"onyx-visually-hidden"},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3}))}}),jo={class:"onyx-info-tooltip"},K=e.defineComponent({__name:"OnyxInfoTooltip",props:{text:{},position:{},open:{type:[String,Boolean,Object],default:"click"},color:{default:"neutral"}},setup(o){const n=o,t=e.computed(()=>typeof n.open=="object"?n.open.type:typeof n.open=="string"?n.open:"click");return(l,r)=>(e.openBlock(),e.createElementBlock("span",jo,[t.value==="click"?(e.openBlock(),e.createBlock(Y,{key:0,text:n.text,open:n.open,color:n.color,position:n.position},{default:e.withCtx(({trigger:a})=>[e.createElementVNode("button",e.mergeProps({type:"button",class:"onyx-info-tooltip__trigger"},a),[e.createVNode(g,{icon:e.unref(me)},null,8,["icon"])],16)]),_:1},8,["text","open","color","position"])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createVNode(Y,{"aria-hidden":"true",text:n.text,open:n.open,color:n.color,position:n.position},{default:e.withCtx(({trigger:a})=>[e.createElementVNode("span",e.mergeProps({class:"onyx-info-tooltip__trigger"},a),[e.createVNode(g,{icon:e.unref(me)},null,8,["icon"])],16)]),_:1},8,["text","open","color","position"]),e.createVNode(J,null,{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(n.text),1)]),_:1})],64))]))}}),Yo={key:0,class:"onyx-form-element__label onyx-text--small"},Xo=["for"],Wo={key:1,class:"onyx-form-element__footer onyx-text--small"},Jo={key:0,class:"onyx-form-element__error-message onyx-truncation-ellipsis"},Qo={key:2,class:"onyx-form-element__message onyx-truncation-ellipsis"},en={key:4,class:"onyx-form-element__counter"},Q=e.defineComponent({__name:"OnyxFormElement",props:{required:{type:Boolean,default:!1},requiredMarker:{},id:{default:M("onyx-form-element")},modelValue:{},label:{},labelTooltip:{},hideLabel:{type:Boolean},message:{},messageTooltip:{},errorMessages:{},maxlength:{},withCounter:{type:Boolean}},setup(o){const n=o,{t}=V(),{requiredMarkerClass:l,requiredTypeClass:r}=X(n),a=e.computed(()=>{var i;if(n.withCounter&&n.maxlength)return`${(((i=n.modelValue)==null?void 0:i.toString())||"").length}/${n.maxlength}`});return(i,c)=>{var s,d;return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["onyx-form-element",e.unref(r)])},[n.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",Yo,[e.createElementVNode("label",{for:n.id,class:"onyx-truncation-ellipsis"},e.toDisplayString(n.label),9,Xo),n.required?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass([n.required?e.unref(l):void 0])},null,2)):e.createCommentVNode("",!0),n.labelTooltip?(e.openBlock(),e.createBlock(K,{key:1,class:"onyx-form-element__label-tooltip",open:"hover",text:n.labelTooltip},null,8,["text"])):e.createCommentVNode("",!0),n.required?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("span",{key:2,class:e.normalizeClass([n.required?void 0:e.unref(l)])},null,2))])),e.renderSlot(i.$slots,"default",{id:n.id}),n.message||(s=i.errorMessages)!=null&&s.shortMessage||a.value?(e.openBlock(),e.createElementBlock("div",Wo,[i.errorMessages?(e.openBlock(),e.createElementBlock("span",Jo,e.toDisplayString(i.errorMessages.shortMessage),1)):e.createCommentVNode("",!0),(d=i.errorMessages)!=null&&d.longMessage?(e.openBlock(),e.createBlock(K,{key:1,class:"onyx-form-element__error-tooltip",color:"danger",position:"bottom",label:e.unref(t)("tooltip.error"),open:"hover",text:i.errorMessages.longMessage},null,8,["label","text"])):e.createCommentVNode("",!0),n.message?(e.openBlock(),e.createElementBlock("span",Qo,e.toDisplayString(n.message),1)):e.createCommentVNode("",!0),n.messageTooltip?(e.openBlock(),e.createBlock(K,{key:3,class:"onyx-form-element__message-tooltip",position:"bottom",open:"hover",text:n.messageTooltip},null,8,["text"])):e.createCommentVNode("",!0),a.value?(e.openBlock(),e.createElementBlock("span",en,e.toDisplayString(a.value),1)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)],2)}}}),tn={class:"onyx-input__wrapper"},on=["id","placeholder","type","required","autocapitalize","autocomplete","autofocus","name","pattern","readonly","disabled","minlength","maxlength","aria-label","title"],nn=e.defineComponent({__name:"OnyxInput",props:{density:{},required:{type:Boolean,default:!1},requiredMarker:{},customError:{},id:{},label:{},labelTooltip:{},hideLabel:{type:Boolean},message:{},messageTooltip:{},maxlength:{},withCounter:{type:Boolean},autofocus:{type:Boolean},modelValue:{default:""},type:{default:"text"},placeholder:{},autocapitalize:{default:"sentences"},autocomplete:{},name:{},pattern:{},readonly:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},minlength:{},skeleton:{type:Boolean,default:!1}},emits:["update:modelValue","change","focus","blur","validityChange"],setup(o,{emit:n}){const t=o,l=n,{vCustomValidity:r,errorMessages:a}=I({props:t,emit:l}),{densityClass:i}=b(t),c=e.computed({get:()=>t.modelValue,set:u=>l("update:modelValue",u)}),s=u=>{const p=u.target.value;l("change",p)},d=e.computed(()=>t.pattern instanceof RegExp?t.pattern.source:t.pattern);return(u,p)=>t.skeleton?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["onyx-input-skeleton",e.unref(i)])},[t.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(S,{key:0,class:"onyx-input-skeleton__label"})),e.createVNode(S,{class:"onyx-input-skeleton__input"})],2)):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["onyx-input",e.unref(i)])},[e.createVNode(Q,e.mergeProps(t,{"error-messages":e.unref(a)}),{default:e.withCtx(({id:m})=>[e.createElementVNode("div",tn,[t.loading?(e.openBlock(),e.createBlock(O,{key:0,class:"onyx-input__loading",type:"circle"})):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("input",{id:m,"onUpdate:modelValue":p[0]||(p[0]=f=>c.value=f),placeholder:t.placeholder,class:"onyx-input__native",type:t.type,required:t.required,autocapitalize:t.autocapitalize,autocomplete:t.autocomplete,autofocus:t.autofocus,name:t.name,pattern:d.value,readonly:t.readonly,disabled:t.disabled||t.loading,minlength:t.minlength,maxlength:t.maxlength,"aria-label":t.hideLabel?t.label:void 0,title:t.hideLabel?t.label:void 0,onChange:s,onFocus:p[1]||(p[1]=f=>l("focus")),onBlur:p[2]||(p[2]=f=>l("blur"))},null,40,on),[[e.vModelDynamic,c.value],[e.unref(r)]])])]),_:1},16,["error-messages"])],2))}}),ln=["email","password","search","tel","text","url"],an=["none","sentences","words","characters"],rn=["href","target","rel"],sn=e.defineComponent({__name:"OnyxLink",props:{href:{},withExternalIcon:{type:[Boolean,String],default:"auto"},target:{default:"_self"}},emits:["click"],setup(o,{emit:n}){const t=o,l=n,{t:r}=V();return(a,i)=>(e.openBlock(),e.createElementBlock("a",{class:"onyx-link",href:t.href,target:t.target,rel:t.target==="_blank"?"noreferrer":void 0,onClick:i[0]||(i[0]=c=>l("click"))},[e.renderSlot(a.$slots,"default"),t.target==="_blank"?(e.openBlock(),e.createBlock(J,{key:0},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(r)("link.opensExternally")),1)]),_:1})):e.createCommentVNode("",!0),e.createVNode(W,e.normalizeProps(e.guardReactiveProps(t)),null,16)],8,rn))}}),cn=["_self","_blank","_parent","_top"],ee=e.defineComponent({__name:"OnyxListItem",props:{density:{},selected:{type:Boolean,default:!1},checked:{type:Boolean,default:!1},active:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},color:{}},setup(o){const n=o,{densityClass:t}=b(n);return(l,r)=>(e.openBlock(),e.createElementBlock("li",{class:e.normalizeClass({"onyx-list-item":!0,...e.unref(t),"onyx-list-item--active":n.active,[`onyx-list-item--${n.color}`]:n.color,"onyx-list-item--disabled":n.disabled,"onyx-list-item--selected":n.selected,"onyx-list-item--checked":n.checked})},[e.renderSlot(l.$slots,"default")],2))}}),un='<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 32 32"><path d="m28.707 27.293-7.969-7.969A9.95 9.95 0 0 0 23 13c0-5.514-4.486-10-10-10S3 7.486 3 13s4.486 10 10 10c2.397 0 4.599-.85 6.324-2.262l7.969 7.969zM5 13c0-4.411 3.589-8 8-8s8 3.589 8 8-3.589 8-8 8-8-3.589-8-8"/></svg>',Be='<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 32 32"><path d="m22.707 10.707-1.414-1.414L16 14.586l-5.293-5.293-1.414 1.414L14.586 16l-5.293 5.293 1.414 1.414L16 17.414l5.293 5.293 1.414-1.414L17.414 16z"/></svg>',We=()=>{const o=e.useAttrs(),n=e.computed(()=>({class:o.class,style:o.style})),t=e.computed(()=>{const l={...o};return delete l.class,delete l.style,l});return{rootAttrs:n,restAttrs:t}},dn=["placeholder","aria-label"],pn=["aria-label"],Je=e.defineComponent({inheritAttrs:!1,__name:"OnyxMiniSearch",props:{density:{},label:{},modelValue:{}},emits:["update:modelValue","clear"],setup(o,{expose:n,emit:t}){const l=o,r=t,{rootAttrs:a,restAttrs:i}=We(),{densityClass:c}=b(l),{t:s}=V(),d=e.ref(),u=e.computed({get:()=>l.modelValue,set:p=>r("update:modelValue",p??"")});return n({focus:()=>{var p;return(p=d.value)==null?void 0:p.focus()}}),(p,m)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps({class:["onyx-mini-search",e.unref(c)]},e.unref(a)),[e.withDirectives(e.createElementVNode("input",e.mergeProps({ref_key:"input",ref:d,"onUpdate:modelValue":m[0]||(m[0]=f=>u.value=f),class:"onyx-mini-search__input onyx-text",placeholder:e.unref(s)("select.searchPlaceholder"),type:"text"},e.unref(i),{"aria-label":l.label}),null,16,dn),[[e.vModelText,u.value]]),e.createElementVNode("button",{type:"button",class:"onyx-mini-search__clear","aria-label":e.unref(s)("select.clearSearch"),tabindex:"-1",onMousedown:m[1]||(m[1]=e.withModifiers(()=>{},["prevent"])),onClick:m[2]||(m[2]=f=>r("clear"))},[e.createVNode(g,{icon:e.unref(Be)},null,8,["icon"])],40,pn),e.createVNode(g,{class:"onyx-mini-search__icon",icon:e.unref(un)},null,8,["icon"])],16))}}),mn='<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 32 32"><path d="m27.707 5.707-1.414-1.414L16 14.586 5.707 4.293 4.293 5.707 14.586 16 4.293 26.293l1.414 1.414L16 17.414l10.293 10.293 1.414-1.414L17.414 16z"/></svg>',fn={class:"onyx-mobile-nav-button"},yn=["aria-label"],hn={class:"onyx-mobile-nav-button__flyout"},vn={class:"onyx-mobile-nav-button__menu"},ve=e.defineComponent({__name:"OnyxMobileNavButton",props:{label:{},icon:{},open:{type:Boolean,default:!1},headline:{}},emits:["update:open"],setup(o,{emit:n}){const t=o,l=n;return(r,a)=>(e.openBlock(),e.createElementBlock("div",fn,[e.createElementVNode("button",{type:"button",class:e.normalizeClass(["onyx-mobile-nav-button__trigger",{"onyx-mobile-nav-button__trigger--active":t.open}]),"aria-label":t.label,onClick:a[0]||(a[0]=i=>l("update:open",!t.open))},[e.createVNode(g,{icon:t.open?e.unref(mn):t.icon},null,8,["icon"])],10,yn),t.open?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createElementVNode("div",hn,[e.createElementVNode("div",vn,[t.headline?(e.openBlock(),e.createBlock(P,{key:0,is:"h2",class:"onyx-mobile-nav-button__headline"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.headline),1)]),_:1})):e.createCommentVNode("",!0),e.renderSlot(r.$slots,"default")])]),e.createElementVNode("div",{class:"onyx-mobile-nav-button__backdrop",role:"presentation",onClick:a[1]||(a[1]=i=>l("update:open",!1))})],64)):e.createCommentVNode("",!0)]))}}),_n=["aria-label"],kn=["src","alt"],xn={key:1,class:"onyx-text-small onyx-truncation-ellipsis"},Qe=e.defineComponent({__name:"OnyxNavAppArea",props:{logoUrl:{},appName:{},label:{}},emits:["click"],setup(o,{emit:n}){const t=o,l=n,{t:r}=V(),a=e.computed(()=>t.label??r.value("navigation.goToHome"));return(i,c)=>(e.openBlock(),e.createElementBlock("button",{type:"button",class:"onyx-nav-app-area","aria-label":a.value,onClick:c[0]||(c[0]=s=>l("click"))},[e.renderSlot(i.$slots,"default",{},()=>[t.logoUrl?(e.openBlock(),e.createElementBlock("img",{key:0,src:t.logoUrl,alt:e.unref(r)("navigation.appLogo",{appName:t.appName}),class:"onyx-nav-app-area__logo",width:"24",height:"24"},null,8,kn)):e.createCommentVNode("",!0),t.appName?(e.openBlock(),e.createElementBlock("span",xn,e.toDisplayString(t.appName),1)):e.createCommentVNode("",!0)])],8,_n))}}),gn=`<svg width="166" height="104" viewBox="0 0 166 104" fill="none" xmlns="http://www.w3.org/2000/svg">
3
3
  <g clip-path="url(#clip0_4499_144781)">
4
4
  <mask id="mask0_4499_144781" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="83" height="104">
5
5
  <rect width="83" height="104" fill="#D9D9D9"/>
@@ -87,7 +87,7 @@
87
87
  </clipPath>
88
88
  </defs>
89
89
  </svg>
90
- `,xn=`<svg width="166" height="104" viewBox="0 0 166 104" fill="none" xmlns="http://www.w3.org/2000/svg">
90
+ `,bn=`<svg width="166" height="104" viewBox="0 0 166 104" fill="none" xmlns="http://www.w3.org/2000/svg">
91
91
  <g clip-path="url(#clip0_4499_144833)">
92
92
  <path d="M0 4C0 1.79086 1.79086 0 4 0H162C164.209 0 166 1.79086 166 4V100C166 102.209 164.209 104 162 104H4C1.79086 104 0 102.209 0 100V4Z" fill="var(--onyx-color-themed-neutral-1100)"/>
93
93
  <g filter="url(#filter0_d_4499_144833)">
@@ -134,7 +134,7 @@
134
134
  </clipPath>
135
135
  </defs>
136
136
  </svg>
137
- `,gn=`<svg width="166" height="104" viewBox="0 0 166 104" fill="none" xmlns="http://www.w3.org/2000/svg">
137
+ `,Bn=`<svg width="166" height="104" viewBox="0 0 166 104" fill="none" xmlns="http://www.w3.org/2000/svg">
138
138
  <g clip-path="url(#clip0_4499_144816)">
139
139
  <path d="M0 4C0 1.79086 1.79086 0 4 0H162C164.209 0 166 1.79086 166 4V100C166 102.209 164.209 104 162 104H4C1.79086 104 0 102.209 0 100V4Z" fill="white"/>
140
140
  <g filter="url(#filter0_d_4499_144816)">
@@ -181,4 +181,4 @@
181
181
  </clipPath>
182
182
  </defs>
183
183
  </svg>
184
- `,bn={class:"onyx-color-scheme-dialog__subtitle onyx-text"},Bn=["innerHTML"],Cn=["autofocus","value","checked","aria-label"],wn={class:"onyx-text--small"},Vn={class:"onyx-color-scheme-dialog__actions"},Je=e.defineComponent({__name:"OnyxColorSchemeDialog",props:{open:{type:Boolean,default:!1},density:{},modelValue:{}},emits:["update:modelValue","close"],setup(o,{emit:n}){const t=o,l=n,r=e.ref(t.modelValue);e.watchEffect(()=>r.value=t.modelValue);const{t:a}=w(),i=e.computed(()=>[{value:"auto",image:kn,label:a.value("colorScheme.auto.label"),description:a.value("colorScheme.auto.description")},{value:"light",image:gn,label:a.value("colorScheme.light.label"),description:a.value("colorScheme.light.description")},{value:"dark",image:xn,label:a.value("colorScheme.dark.label"),description:a.value("colorScheme.dark.description")}]),c=p=>{const u=p.target;r.value=u.value},s=()=>{r.value&&(l("update:modelValue",r.value),l("close"))};return(p,u)=>(e.openBlock(),e.createBlock(De,e.mergeProps({class:"onyx-color-scheme-dialog"},t,{label:e.unref(a)("colorScheme.headline"),modal:"",onClose:u[1]||(u[1]=d=>l("close"))}),{default:e.withCtx(()=>[e.createElementVNode("form",{class:"onyx-color-scheme-dialog__form",onSubmit:e.withModifiers(s,["prevent"])},[e.createElementVNode("div",null,[e.createVNode(L,{is:"h2"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(a)("colorScheme.headline")),1)]),_:1}),e.createElementVNode("span",bn,e.toDisplayString(e.unref(a)("colorScheme.subtitle")),1)]),e.createElementVNode("fieldset",{class:"onyx-color-scheme-dialog__list",onChange:c},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.value,d=>(e.openBlock(),e.createElementBlock("label",{key:d.value,class:"onyx-color-scheme-dialog__option"},[e.createElementVNode("figure",{class:"onyx-color-scheme-dialog__image",innerHTML:d.image},null,8,Bn),e.createElementVNode("div",null,[e.createVNode(he,{is:"div"},{default:e.withCtx(()=>[e.createElementVNode("input",{type:"radio",name:"color-scheme",autofocus:t.modelValue===d.value,value:d.value,checked:t.modelValue===d.value,"aria-label":d.label,required:""},null,8,Cn)]),_:2},1024),e.createVNode(L,{is:"h3",class:"onyx-color-scheme-dialog__label"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(d.label),1)]),_:2},1024),e.createElementVNode("p",wn,e.toDisplayString(d.description),1)])]))),128))],32),e.createElementVNode("div",Vn,[e.createVNode(K,{label:e.unref(a)("cancel"),mode:"plain",color:"neutral",onClick:u[0]||(u[0]=d=>l("close"))},null,8,["label"]),e.createVNode(K,{label:e.unref(a)("apply"),type:"submit"},null,8,["label"])])],32)]),_:1},16,["label"]))}}),Sn='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M15.99 2C8.28 2 2 8.27 2 15.99s6.27 13.99 13.99 13.99 13.99-6.27 13.99-13.99S23.7 2 15.99 2m5.96 3.6c.76.44 1.47.96 2.12 1.55v17.66c-.65.59-1.35 1.11-2.12 1.55zm-2 21.69c-.63.22-1.29.39-1.96.51V4.18c.67.11 1.33.28 1.96.51zm6.11-17.77c1.2 1.87 1.91 4.08 1.91 6.47s-.71 4.6-1.91 6.47V9.53ZM4 15.99C4 9.38 9.38 4 15.99 4v23.97C9.38 27.97 4 22.59 4 15.98Z" style="stroke-width:0"/></svg>',_e=e.defineComponent({__name:"OnyxMenuItem",props:{href:{},active:{type:Boolean},disabled:{type:Boolean},color:{}},emits:["click"],setup(o,{emit:n}){const t=o,l=n,{elements:{listItem:r,menuItem:a}}=je();return(i,c)=>(e.openBlock(),e.createBlock(X,e.mergeProps({selected:t.active,active:t.active,color:t.color,disabled:t.disabled,class:"onyx-menu-item"},e.unref(r)),{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.href?"a":"button"),e.mergeProps({class:"onyx-menu-item__trigger",disabled:!t.href&&t.disabled,href:t.href},e.unref(a)({active:t.active,disabled:!t.href&&t.disabled}),{onClick:c[0]||(c[0]=s=>l("click"))}),{default:e.withCtx(()=>[e.renderSlot(i.$slots,"default")]),_:3},16,["disabled","href"]))]),_:3},16,["selected","active","color","disabled"]))}}),En={class:"onyx-color-scheme-menu-item__value"},Nn=e.defineComponent({__name:"OnyxColorSchemeMenuItem",props:{modelValue:{}},emits:["update:modelValue"],setup(o,{emit:n}){const t=o,l=n,{t:r}=w(),a=e.ref(!1);return(i,c)=>(e.openBlock(),e.createBlock(_e,{class:"onyx-color-scheme-menu-item",onClick:c[2]||(c[2]=s=>a.value=!0)},{default:e.withCtx(()=>[e.createVNode(g,{icon:e.unref(Sn)},null,8,["icon"]),e.createElementVNode("div",null,[e.createTextVNode(e.toDisplayString(e.unref(r)("colorScheme.appearance"))+": ",1),e.createElementVNode("span",En,e.toDisplayString(e.unref(r)(`colorScheme.${t.modelValue}.label`)),1)]),(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[e.createVNode(Je,{"model-value":t.modelValue,open:a.value,onClose:c[0]||(c[0]=s=>a.value=!1),"onUpdate:modelValue":c[1]||(c[1]=s=>l("update:modelValue",s))},null,8,["model-value","open"])]))]),_:1}))}}),$n=["aria-label"],ke=e.defineComponent({__name:"OnyxFlyoutMenu",props:e.mergeModels({label:{}},{open:{type:Boolean,default:!1},openModifiers:{}}),emits:["update:open"],setup(o){const n=o,t=e.useModel(o,"open"),l=e.useSlots(),{elements:{root:r,button:a,menu:i}}=Fo({isExpanded:t,onToggle:()=>t.value=!t.value}),c=e.computed(()=>{var p;if(!l.default)return;const s=l.default().at(0);return(s==null?void 0:s.type.toString())==="Symbol(v-fgt)"?Array.isArray(s==null?void 0:s.children)?(p=s==null?void 0:s.children)==null?void 0:p.at(0):void 0:s});return(s,p)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps({class:"onyx-flyout-menu"},e.unref(r)),[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(c.value),e.normalizeProps(e.guardReactiveProps(e.unref(a))),null,16)),l.options||l.header||l.footer?e.withDirectives((e.openBlock(),e.createElementBlock("div",{key:0,"aria-label":n.label,class:e.normalizeClass({"onyx-flyout-menu__list--with-header":!!l.header,"onyx-flyout-menu__list--with-footer":!!l.footer,"onyx-flyout-menu__list":!0})},[e.renderSlot(s.$slots,"header"),l.options?(e.openBlock(),e.createElementBlock("ul",e.mergeProps({key:0},e.unref(i),{class:"onyx-flyout-menu__wrapper onyx-flyout-menu__group"}),[e.renderSlot(s.$slots,"options")],16)):e.createCommentVNode("",!0),e.renderSlot(s.$slots,"footer")],10,$n)),[[e.vShow,t.value]]):e.createCommentVNode("",!0)],16))}}),Mn='<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 32 32"><path d="m13.207 8.293-1.414 1.414L18.086 16l-6.293 6.293 1.414 1.414L20.914 16z"/></svg>',H=Symbol(),On='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32.04 32.04"><path d="M23.52 15.52H11.93l4.13-4.13-1.42-1.41-6.54 6.54 6.54 6.54 1.42-1.42-4.13-4.12h11.59z"/></svg>',Tn=["aria-orientation"],Qe=e.defineComponent({__name:"OnyxNavSeparator",props:{orientation:{default:"vertical"}},setup(o){const n=o,t=e.inject(H);return(l,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["onyx-nav-separator",{"onyx-nav-separator--horizontal":n.orientation==="horizontal"||e.unref(t)}]),role:"separator","aria-orientation":n.orientation},null,10,Tn))}}),Ln={role:"presentation"},In=e.defineComponent({__name:"NavButtonLayout",props:e.mergeModels({href:{},withExternalIcon:{type:[Boolean,String]},label:{},active:{type:Boolean},isMobile:{type:Boolean}},{mobileChildrenOpen:{type:Boolean},mobileChildrenOpenModifiers:{}}),emits:["update:mobileChildrenOpen"],setup(o){const n=o,t=e.useSlots(),{t:l}=w(),r=e.useModel(o,"mobileChildrenOpen");return(a,i)=>(e.openBlock(),e.createElementBlock("li",Ln,[n.isMobile?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[n.isMobile&&r.value?(e.openBlock(),e.createBlock(K,{key:0,label:e.unref(l)("back"),mode:"plain",color:"neutral",icon:e.unref(On),onClick:i[0]||(i[0]=c=>r.value=!1)},null,8,["label","icon"])):e.createCommentVNode("",!0),!r.value||n.href?e.renderSlot(a.$slots,"button",{key:1}):e.createCommentVNode("",!0),r.value&&n.href?(e.openBlock(),e.createBlock(Qe,{key:2,orientation:"horizontal"})):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("ul",{role:"menu",class:e.normalizeClass(["onyx-nav-button__mobile-children",{"onyx-nav-button__mobile-children--open":r.value}])},[e.renderSlot(a.$slots,"options")],2),[[e.vShow,r.value]])],64)):(e.openBlock(),e.createBlock(ke,{key:1,label:e.unref(l)("navItemOptionsLabel",{label:n.label})},e.createSlots({default:e.withCtx(()=>[e.renderSlot(a.$slots,"button")]),_:2},[t.options?{name:"options",fn:e.withCtx(()=>[e.renderSlot(a.$slots,"options")]),key:"0"}:void 0]),1032,["label"]))]))}}),Dn=["aria-label"],Pn={class:"onyx-truncation-ellipsis"},zn=e.defineComponent({__name:"OnyxNavButton",props:{href:{},withExternalIcon:{type:[Boolean,String],default:"auto"},label:{},active:{type:Boolean,default:!1}},emits:["click"],setup(o,{emit:n}){const t=o,l=n,r=e.useSlots(),a=e.inject(H),i=e.ref(!1),c=e.computed(()=>!!r.children),s=()=>{a!=null&&a.value&&c.value&&!i.value?i.value=!0:t.href&&l("click",t.href)};return(p,u)=>(e.openBlock(),e.createBlock(In,e.mergeProps({"mobile-children-open":i.value,"onUpdate:mobileChildrenOpen":u[0]||(u[0]=d=>i.value=d),class:["onyx-nav-button",{"onyx-nav-button--mobile":e.unref(a),"onyx-nav-button--active":t.active}],"is-mobile":e.unref(a)??!1},t),e.createSlots({button:e.withCtx(()=>[e.createElementVNode("button",{class:"onyx-nav-button__trigger onyx-text",role:"menuitem","aria-label":t.label,type:"button",onClick:s},[e.renderSlot(p.$slots,"default",{},()=>[e.createElementVNode("span",Pn,e.toDisplayString(t.label),1),e.createVNode(j,e.normalizeProps(e.guardReactiveProps(t)),null,16)]),e.unref(a)&&c.value&&!i.value?(e.openBlock(),e.createBlock(g,{key:0,class:"onyx-nav-button__mobile-chevron",icon:e.unref(Mn)},null,8,["icon"])):e.createCommentVNode("",!0)],8,Dn)]),_:2},[r.children?{name:"options",fn:e.withCtx(()=>[e.renderSlot(p.$slots,"children")]),key:"0"}:void 0]),1040,["mobile-children-open","class","is-mobile"]))}}),An=e.defineComponent({__name:"OnyxNavItem",props:{href:{},withExternalIcon:{type:[Boolean,String],default:"auto"},label:{},active:{type:Boolean}},emits:["click"],setup(o,{emit:n}){const t=o,l=n;return(r,a)=>(e.openBlock(),e.createBlock(_e,{class:"onyx-nav-item",active:t.active,href:t.href??"javascript:void(0)",onClick:a[0]||(a[0]=i=>t.href&&l("click",t.href))},{default:e.withCtx(()=>[e.renderSlot(r.$slots,"default",{},()=>[e.createElementVNode("span",null,e.toDisplayString(t.label),1),e.createVNode(j,e.normalizeProps(e.guardReactiveProps(t)),null,16)])]),_:3},8,["active","href"]))}}),Hn=o=>{const n=e.ref(),t=e.ref(le(new Date(o.value).getTime())),l=e.computed(()=>t.value===0);return e.watch(o,r=>{clearInterval(n.value);const a=new Date(r).getTime();t.value=le(a),n.value=setInterval(()=>{t.value=le(a),l.value&&clearInterval(n.value)},1e3)},{immediate:!0}),e.onBeforeUnmount(()=>clearInterval(n.value)),{timeLeft:t,isEnded:l}},le=o=>{const n=o-Date.now();return Math.max(n,0)},et=o=>{const n=Math.floor(o/6e4/60),t=Math.floor(o/6e4%60),l=Math.floor(o%6e4/1e3);return{hours:n,minutes:t,seconds:l}},Rn=(o,n)=>{const{hours:t,minutes:l,seconds:r}=et(o),a=s=>s.toString().padStart(2,"0");let i="",c=ae(n.formatToParts(o,"seconds"));return l>0&&(c=ae(n.formatToParts(o,"minutes"))),t>0&&(c=ae(n.formatToParts(o,"hours")),i=`${a(t)}:`),`${i}${a(l)}:${a(r)} ${c}`},ae=o=>{var n;return((n=o.at(-1))==null?void 0:n.value.replace(".","").trim())??""},Fn=o=>{const{hours:n,minutes:t,seconds:l}=et(o);return`PT${n}H${t}M${l}S`},Un=["aria-label"],qn={key:0,class:"onyx-timer__label"},Zn=["datetime"],Kn=e.defineComponent({__name:"OnyxTimer",props:{endTime:{},label:{},hideLabel:{type:Boolean}},emits:["timerEnded"],setup(o,{emit:n}){const t=o,l=n,{locale:r}=w(),{timeLeft:a,isEnded:i}=Hn(e.computed(()=>t.endTime)),c=e.computed(()=>new Intl.RelativeTimeFormat(r.value,{numeric:"always",style:"short"})),s=e.computed(()=>Rn(a.value,c.value));return e.watchEffect(()=>i.value&&l("timerEnded")),(p,u)=>(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",qn,e.toDisplayString(t.label),1)),e.createElementVNode("time",{datetime:e.unref(Fn)(e.unref(a)),class:"onyx-timer__time"},e.toDisplayString(s.value),9,Zn)],8,Un))}}),Gn={class:"onyx-user-menu__footer onyx-text--small"},jn=e.defineComponent({__name:"UserMenuLayout",props:e.mergeModels({isMobile:{type:Boolean}},{flyoutOpen:{type:Boolean,default:!1},flyoutOpenModifiers:{}}),emits:["update:flyoutOpen"],setup(o){const n=o,t=e.useModel(o,"flyoutOpen"),l=e.useSlots(),{t:r}=w();return(a,i)=>(e.openBlock(),e.createElementBlock("div",null,[n.isMobile?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.renderSlot(a.$slots,"header"),e.renderSlot(a.$slots,"options"),l.footer?(e.openBlock(),e.createBlock(X,{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(ke,{key:1,label:e.unref(r)("navigation.userMenuLabel"),open:t.value},e.createSlots({header:e.withCtx(()=>[e.renderSlot(a.$slots,"header")]),options:e.withCtx(()=>[e.renderSlot(a.$slots,"options")]),default:e.withCtx(()=>[e.renderSlot(a.$slots,"button")]),_:2},[l.footer?{name:"footer",fn:e.withCtx(()=>[e.createElementVNode("div",Gn,[e.renderSlot(a.$slots,"footer")])]),key:"0"}:void 0]),1032,["label","open"]))]))}}),Yn={class:"onyx-user-menu__trigger onyx-text",type:"button"},Xn={class:"onyx-truncation-ellipsis"},Wn={class:"onyx-user-menu__header"},Jn={class:"onyx-truncation-ellipsis"},Qn={class:"onyx-user-menu__username onyx-text onyx-truncation-ellipsis"},el={key:0,class:"onyx-user-menu__description onyx-text--small onyx-truncation-ellipsis"},tl={class:"onyx-user-menu__options"},ol=e.defineComponent({__name:"OnyxUserMenu",props:e.mergeModels({username:{},avatar:{},description:{}},{flyoutOpen:{type:Boolean,default:!1},flyoutOpenModifiers:{}}),emits:["update:flyoutOpen"],setup(o){const n=o,t=e.useModel(o,"flyoutOpen"),l=e.useSlots(),r=e.computed(()=>({src:n.avatar,label:n.username})),a=e.inject(H,e.computed(()=>!1));return(i,c)=>(e.openBlock(),e.createBlock(jn,{class:e.normalizeClass(["onyx-user-menu",{"onyx-user-menu--mobile":e.unref(a)}]),"is-mobile":e.unref(a),"flyout-open":t.value},e.createSlots({button:e.withCtx(()=>[e.createElementVNode("button",Yn,[e.createVNode(re,e.mergeProps(r.value,{size:"24px"}),null,16),e.createElementVNode("span",Xn,e.toDisplayString(n.username),1)])]),header:e.withCtx(()=>[e.createElementVNode("div",Wn,[e.createVNode(re,e.normalizeProps(e.guardReactiveProps(r.value)),null,16),e.createElementVNode("div",Jn,[e.createElementVNode("div",Qn,e.toDisplayString(n.username),1),n.description?(e.openBlock(),e.createElementBlock("div",el,e.toDisplayString(n.description),1)):e.createCommentVNode("",!0)])])]),options:e.withCtx(()=>[e.createElementVNode("div",tl,[e.renderSlot(i.$slots,"default")])]),_:2},[l.footer?{name:"footer",fn:e.withCtx(()=>[e.renderSlot(i.$slots,"footer")]),key:"0"}:void 0]),1032,["class","is-mobile","flyout-open"]))}}),nl='<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 32 32"><path d="m20.207 9.707-1.414-1.414L11.086 16l7.707 7.707 1.414-1.414L13.914 16z"/></svg>',ll='<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 32 32"><path d="M2 15h28v2H2zm0-7h28v2H2zm0 14h28v2H2z"/></svg>',al='<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 32 32"><circle cx="16" cy="5" r="3"/><circle cx="16" cy="16" r="3"/><circle cx="16" cy="27" r="3"/></svg>',rl=(o,n)=>{const t="content-box",l=e.ref(0),r=e.ref(0),a=i=>{const c=i[0].contentBoxSize;l.value=c.reduce((s,{inlineSize:p})=>s+p,0),r.value=c.reduce((s,{blockSize:p})=>s+p,0)};return e.onBeforeMount(()=>{const i=new ResizeObserver(a);e.watch(o,(c,s)=>{s&&(i==null||i.unobserve(s)),c&&(i==null||i.observe(c,{box:t}))},{immediate:!0}),e.onBeforeUnmount(()=>i.disconnect())}),{width:l,height:r}},tt={"2xs":320,xs:576,sm:768,md:992,lg:1440,xl:1920},sl=["primary","secondary","neutral","danger","warning","success","info"],il=["small","default","large"],cl=["ellipsis","multiline"],ul=["horizontal","vertical"],dl={class:"onyx-nav-bar__content"},pl={key:0,class:"onyx-nav-bar__mobile-page onyx-truncation-ellipsis"},ml={role:"menubar"},fl={role:"menubar"},yl={key:0,class:"onyx-nav-bar__mobile-context"},hl={key:0,class:"onyx-nav-bar__mobile-global-context"},vl={class:"onyx-nav-bar__mobile-context-content"},_l={key:1,class:"onyx-nav-bar__context"},kl=e.defineComponent({__name:"OnyxNavBar",props:{logoUrl:{},appName:{},withBackButton:{type:Boolean},appAreaLabel:{},mobileBreakpoint:{default:"sm"}},emits:["appAreaClick","backButtonClick"],setup(o,{expose:n,emit:t}){const l=o,r=t,a=e.useSlots(),i=e.ref(),{width:c}=rl(i),{t:s}=w(),{elements:{nav:p}}=qo({navigationName:e.toRef(()=>l.appName)}),u=e.ref(!1),d=e.ref(!1),m=e.computed(()=>{const f=typeof l.mobileBreakpoint=="number"?l.mobileBreakpoint:tt[l.mobileBreakpoint];return c.value!==0&&c.value<f});return e.provide(H,m),n({closeMobileMenus:()=>{u.value=!1,d.value=!1}}),(f,v)=>(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",dl,[m.value&&a.mobileActivePage&&!u.value&&!d.value?(e.openBlock(),e.createElementBlock("span",pl,[e.renderSlot(f.$slots,"mobileActivePage")])):l.appName||l.logoUrl||a.appArea?(e.openBlock(),e.createBlock(We,{key:1,class:"onyx-nav-bar__app","app-name":l.appName,"logo-url":l.logoUrl,label:l.appAreaLabel,onClick:v[0]||(v[0]=h=>{r("appAreaClick"),u.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(ze,{key:2,class:"onyx-nav-bar__back",label:e.unref(s)("navigation.goBack"),icon:e.unref(nl),color:"neutral",onClick:v[1]||(v[1]=h=>r("backButtonClick"))},null,8,["label","icon"])):e.createCommentVNode("",!0),a.default?(e.openBlock(),e.createElementBlock(e.Fragment,{key:3},[m.value?(e.openBlock(),e.createBlock(ue,{key:0,open:u.value,"onUpdate:open":[v[2]||(v[2]=h=>u.value=h),v[3]||(v[3]=h=>d.value=!1)],class:"onyx-nav-bar__burger",icon:e.unref(ll),label:e.unref(s)("navigation.toggleBurgerMenu"),headline:e.unref(s)("navigation.navigationHeadline")},{default:e.withCtx(()=>[e.createElementVNode("nav",e.mergeProps({class:"onyx-nav-bar__nav--mobile"},e.unref(p)),[e.createElementVNode("ul",ml,[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(p)),[e.createElementVNode("ul",fl,[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",yl,[a.globalContextArea?(e.openBlock(),e.createElementBlock("div",hl,[e.renderSlot(f.$slots,"globalContextArea")])):e.createCommentVNode("",!0),a.contextArea?(e.openBlock(),e.createBlock(ue,{key:1,open:d.value,"onUpdate:open":[v[4]||(v[4]=h=>d.value=h),v[5]||(v[5]=h=>u.value=!1)],icon:e.unref(al),label:e.unref(s)("navigation.toggleContextMenu")},{default:e.withCtx(()=>[e.createElementVNode("div",vl,[e.renderSlot(f.$slots,"contextArea")])]),_:3},8,["open","icon","label"])):e.createCommentVNode("",!0)])):(e.openBlock(),e.createElementBlock("div",_l,[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))}}),xl={key:0,class:"onyx-page__sidebar"},gl={class:"onyx-page__main"},bl={key:1,class:"onyx-page__footer"},Bl=e.defineComponent({__name:"OnyxPageLayout",props:{footerAsideSidebar:{type:Boolean},hideSidebar:{type:Boolean}},setup(o){const n=o,t=e.useSlots(),l=e.computed(()=>n.footerAsideSidebar?"onyx-page--footer-partial":"onyx-page--footer-full");return(r,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["onyx-page",l.value])},[t.sidebar&&!n.hideSidebar?(e.openBlock(),e.createElementBlock("aside",xl,[e.renderSlot(r.$slots,"sidebar")])):e.createCommentVNode("",!0),e.createElementVNode("main",gl,[e.renderSlot(r.$slots,"default")]),t.footer?(e.openBlock(),e.createElementBlock("footer",bl,[e.renderSlot(r.$slots,"footer")])):e.createCommentVNode("",!0)],2))}}),Cl=["title"],wl=["required","name","value","checked","disabled","autofocus"],de=e.defineComponent({__name:"OnyxRadioButton",props:{density:{},value:{},label:{},disabled:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},skeleton:{type:Boolean},truncation:{default:"ellipsis"},customError:{},autofocus:{type:Boolean},name:{},checked:{type:Boolean,default:!1},required:{type:Boolean,default:!1}},emits:["change","validityChange"],setup(o,{emit:n}){const t=o,l=n,{vCustomValidity:r,title:a}=T({props:t,emit:l}),{densityClass:i}=b(t),c=s=>{const p=s.target.checked;l("change",p)};return(s,p)=>t.skeleton?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["onyx-radio-button-skeleton",e.unref(i)])},[e.createVNode(V,{class:"onyx-radio-button-skeleton__input"}),e.createVNode(V,{class:"onyx-radio-button-skeleton__label"})],2)):(e.openBlock(),e.createElementBlock("label",{key:1,class:e.normalizeClass(["onyx-radio-button",e.unref(i)]),title:e.unref(a)},[t.loading?(e.openBlock(),e.createBlock(O,{key:0,class:"onyx-radio-button__loading",type:"circle"})):e.withDirectives((e.openBlock(),e.createElementBlock("input",{key:1,class:"onyx-radio-button__selector",type:"radio",required:t.required,name:t.name,value:t.value,checked:t.checked,disabled:t.disabled,autofocus:t.autofocus,onChange:c},null,40,wl)),[[e.unref(r)]]),e.createElementVNode("span",{class:e.normalizeClass(["onyx-radio-button__label",[`onyx-truncation-${t.truncation}`]])},e.toDisplayString(t.label),3)],10,Cl))}}),Vl=["disabled"],Sl={key:0,class:"onyx-radio-button-group__headline"},El=e.defineComponent({__name:"OnyxRadioGroup",props:{density:{},required:{type:Boolean,default:!1},requiredMarker:{},customError:{},truncation:{default:"ellipsis"},options:{},name:{default:()=>M("radio-button-group-name")},modelValue:{},headline:{default:""},disabled:{type:Boolean,default:!1},direction:{default:"vertical"},skeleton:{}},emits:["update:modelValue","validityChange"],setup(o,{emit:n}){const t=o,{densityClass:l}=b(t),{requiredMarkerClass:r,requiredTypeClass:a}=G(t),i=n,c=(s,p)=>{s&&i("update:modelValue",p)};return(s,p)=>(e.openBlock(),e.createElementBlock("fieldset",{class:e.normalizeClass(["onyx-radio-button-group",e.unref(l),e.unref(a)]),disabled:t.disabled,role:"radiogroup"},[t.headline?(e.openBlock(),e.createElementBlock("legend",Sl,[e.createVNode(L,{is:"h3",class:e.normalizeClass(e.unref(r))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.headline),1)]),_:1},8,["class"])])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["onyx-radio-button-group__content",{"onyx-radio-button-group__content--horizontal":t.direction==="horizontal"}])},[t.skeleton===void 0?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(t.options,(u,d)=>(e.openBlock(),e.createBlock(de,e.mergeProps({key:u.value.toString(),ref_for:!0},u,{name:t.name,"custom-error":t.customError,checked:u.value===t.modelValue,required:t.required,truncation:u.truncation??t.truncation,onValidityChange:m=>d===0&&i("validityChange",m),onChange:m=>c(m,u.value)}),null,16,["name","custom-error","checked","required","truncation","onValidityChange","onChange"]))),128)):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(t.skeleton,u=>(e.openBlock(),e.createBlock(de,{id:`skeleton-${u}`,key:u,value:`skeleton-${u}`,label:"Skeleton ${i}",name:t.name,skeleton:""},null,8,["id","value","name"]))),128))],2)],10,Vl))}}),ot=o=>{const t=e.ref(!1),l=a=>{const i=a.target;if(!(i instanceof Element))return;const c=e.unref(o.offset)??0;t.value=Math.abs(i.scrollTop)+i.clientHeight>=i.scrollHeight-c-1};return{vScrollEnd:{mounted:a=>{e.watchEffect(()=>{var c;(((c=o.enabled)==null?void 0:c.value)??!0)&&!o.loading.value?a.addEventListener("scroll",l):a.removeEventListener("scroll",l)})}},isScrollEnd:t}},Ee=(o,n,t)=>{const l=e.computed(()=>o.value===void 0),r=e.ref(l.value?n:o.value);return e.computed({set:a=>{r.value=a,t(a)},get:()=>l.value?r.value:o.value})},nt=(o,n)=>{const t=Ne(o.toLowerCase()),l=Ne(n.toLowerCase());return t.includes(l)},Ne=o=>o.normalize("NFD").replace(/[\u0300-\u036f]/g,""),Nl='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="m22.29 18.83 1.41 1.41-7.71 7.71-7.71-7.71 1.41-1.41 6.29 6.29 6.29-6.29ZM16 6.87l6.29 6.29 1.41-1.41-7.71-7.71-7.71 7.71 1.41 1.41 6.29-6.29Z"/></svg>',$l={class:"onyx-select-input__wrapper"},Ml=["id","readonly","placeholder","required","disabled","aria-label","title","value","autofocus"],Ol=["aria-label","disabled"],lt=e.defineComponent({inheritAttrs:!1,__name:"OnyxSelectInput",props:{density:{},required:{type:Boolean},requiredMarker:{},customError:{},autofocus:{type:Boolean},id:{},label:{},labelTooltip:{},hideLabel:{type:Boolean,default:!1},message:{},messageTooltip:{},errorMessages:{},modelValue:{},textMode:{},disabled:{type:Boolean},skeleton:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},placeholder:{},showFocus:{type:Boolean}},emits:["click","validityChange"],setup(o,{expose:n,emit:t}){const{rootAttrs:l,restAttrs:r}=Ye(),a=o,i=t,{t:c}=w(),{vCustomValidity:s,errorMessages:p}=T({props:a,emit:i}),u=e.computed(()=>a.modelValue?a.modelValue.length:0),d=e.computed(()=>{var S;const k=(S=a.modelValue)==null?void 0:S.length;if(!a.modelValue||!k)return"";if(k===1)return a.modelValue[0];switch(a.textMode){case"preview":return a.modelValue.join(", ");case"summary":default:return c.value("selections.currentSelection",{n:k})}}),m=e.ref(!1),{densityClass:f}=b(a),v=e.ref();n({focus:()=>{var k;return(k=v.value)==null?void 0:k.focus()}}),e.watch(()=>a.showFocus,(k,S)=>{m.value||S&&k===!1&&(m.value=!0)});const h=Ke.concat(Ge),B=k=>{h.includes(k.key)||k.preventDefault()};return(k,S)=>a.skeleton?(e.openBlock(),e.createElementBlock("div",e.mergeProps({key:0,class:["onyx-select-input-skeleton",e.unref(f)]},e.unref(l)),[a.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(V,{key:0,class:"onyx-select-input-skeleton__label"})),e.createVNode(V,{class:"onyx-select-input-skeleton__input"})],16)):(e.openBlock(),e.createElementBlock("div",e.mergeProps({key:1,class:["onyx-select-input",e.unref(f),a.readonly?"onyx-select-input--readonly":"onyx-select-input--editable"]},e.unref(l)),[e.createVNode(Y,e.mergeProps(a,{"error-messages":e.unref(p)}),{default:e.withCtx(({id:P})=>[e.createElementVNode("div",$l,[a.loading?(e.openBlock(),e.createBlock(O,{key:0,class:"onyx-select-input__loading",type:"circle"})):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("input",e.mergeProps({id:P,ref_key:"input",ref:v,class:{"onyx-select-input__native":!0,"onyx-select-input__native--show-focus":a.showFocus,"onyx-truncation-ellipsis":!0,"onyx-select-input__native--force-invalid":e.unref(p)&&m.value}},e.unref(r),{type:"text",readonly:a.readonly,placeholder:a.placeholder,required:a.required,disabled:a.disabled||a.loading,"aria-label":a.hideLabel?a.label:void 0,title:a.hideLabel?a.label:void 0,value:d.value,autofocus:a.autofocus,autocomplete:"off",onClick:S[0]||(S[0]=z=>i("click")),onKeydown:B}),null,16,Ml),[[e.unref(s)]]),a.textMode==="preview"&&u.value>0?(e.openBlock(),e.createBlock(ye,{key:1,text:d.value,position:"bottom"},{default:e.withCtx(()=>[e.createVNode($e,{class:"onyx-select-input__badge",color:"neutral"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(u.value),1)]),_:1})]),_:1},8,["text"])):e.createCommentVNode("",!0),e.createElementVNode("button",{class:"onyx-select-input__button",type:"button","aria-label":e.unref(c)("select.toggleDropDown"),tabindex:"-1",disabled:a.readonly||a.disabled||a.loading,onClick:S[1]||(S[1]=z=>i("click"))},[e.createVNode(g,{icon:e.unref(Nl)},null,8,["icon"])],8,Ol)])]),_:1},16,["error-messages"])],16))}}),Tl=["checked","aria-labelledby","disabled","indeterminate"],pe=e.defineComponent({__name:"OnyxSelectOption",props:{active:{type:Boolean,default:!1},density:{},multiple:{type:Boolean,default:!1},indeterminate:{type:Boolean},icon:{},truncation:{default:"ellipsis"}},setup(o){const n=o;return(t,l)=>(e.openBlock(),e.createBlock(X,e.mergeProps({class:"onyx-select-option"},n,{checked:!!t.$attrs["aria-checked"],selected:!!t.$attrs["aria-selected"],disabled:!!t.$attrs["aria-disabled"]}),{default:e.withCtx(()=>[n.multiple?(e.openBlock(),e.createElementBlock("input",{key:0,checked:!!t.$attrs["aria-checked"],"aria-labelledby":t.$attrs.id,disabled:!!t.$attrs["aria-disabled"],indeterminate:n.indeterminate,"aria-hidden":"true",tabindex:"-1",class:"onyx-select-option__checkbox",type:"checkbox"},null,8,Tl)):e.createCommentVNode("",!0),n.icon?(e.openBlock(),e.createBlock(g,{key:1,icon:n.icon},null,8,["icon"])):e.createCommentVNode("",!0),e.createElementVNode("span",{class:e.normalizeClass([`onyx-truncation-${n.truncation}`])},[e.renderSlot(t.$slots,"default")],2)]),_:3},16,["checked","selected","disabled"]))}}),Ll=["inert"],Il={class:"onyx-select__wrapper",tabindex:"-1"},Dl={key:0,role:"group",class:"onyx-select__group"},Pl={role:"option","aria-selected":"false"},zl={key:0,role:"presentation",class:"onyx-select__group-name onyx-text--small"},Al={key:1,class:"onyx-select__slot"},Hl={key:2,class:"onyx-select__slot"},Rl=e.defineComponent({__name:"OnyxSelect",props:{density:{},multiple:{type:Boolean},modelValue:{},withCheckAll:{type:[Boolean,Object]},withSearch:{type:Boolean},searchTerm:{default:void 0},manualSearch:{type:Boolean},required:{type:Boolean},requiredMarker:{},customError:{},autofocus:{type:Boolean},id:{},label:{},labelTooltip:{},hideLabel:{type:Boolean},message:{},messageTooltip:{},errorMessages:{},textMode:{},disabled:{type:Boolean},skeleton:{type:Boolean},readonly:{type:Boolean},loading:{type:Boolean,default:!1},placeholder:{},showFocus:{type:Boolean},truncation:{default:"ellipsis"},valueLabel:{default:void 0},open:{type:Boolean,default:void 0},listLabel:{},options:{},lazyLoading:{}},emits:["update:modelValue","update:searchTerm","update:open","lazyLoad","validityChange"],setup(o,{emit:n}){const t=o,l=n,{densityClass:r}=b(t),a=e.useSlots(),{t:i}=w(),c=Ee(e.toRef(()=>t.searchTerm),"",y=>l("update:searchTerm",y)),s=Ee(e.toRef(()=>t.open),!1,y=>l("update:open",y)),p=e.ref(),u=e.ref(),d=e.computed(()=>t.modelValue===void 0?[]:t.multiple&&Array.isArray(t.modelValue)?t.modelValue:[t.modelValue]),m=e.computed(()=>t.valueLabel!==void 0?Array.isArray(t.valueLabel)?t.valueLabel:[t.valueLabel]:d.value.reduce((y,x)=>{var N;const C=(N=t.options.find(({value:E})=>E===x))==null?void 0:N.label;return C&&y.push(C),y},[])),f=e.ref(),v=e.ref(),h=e.computed(()=>t.manualSearch?t.options:c.value?t.options.filter(({label:y})=>nt(y,c.value)):t.options);e.watch(d,()=>{t.multiple||(u.value=d.value.at(0))},{immediate:!0});const B=M("ONYX_CHECK_ALL"),k=e.computed(()=>(t.multiple&&t.withCheckAll&&!c.value?[B]:[]).concat(ge.value)),S=async y=>{var x,C;if(t.readonly){s.value=!1;return}s.value=!s.value,s.value?(await e.nextTick(),(C=f.value)==null||C.focus()):(c.value&&(c.value=""),y||(x=v.value)==null||x.focus())},P=()=>u.value=k.value.at(0),z=()=>u.value=k.value.at(-1),R=y=>{const x=k.value.findIndex(C=>C===y);x<k.value.length-1&&(u.value=k.value[x+1])},W=y=>{const x=k.value.findIndex(C=>C===y);x>0&&(u.value=k.value[x-1])},J=y=>{const x=h.value.find(C=>C.label.toLowerCase().trim().startsWith(y.toLowerCase()));x&&(u.value=x.value)},Q=y=>c.value=y,ee=y=>{var N;if(y===B){(N=U.value)==null||N.handleChange(!U.value.state.value.modelValue);return}if(!h.value.find(({value:E})=>E===y))return;if(!t.multiple)return l("update:modelValue",y);d.value.some(E=>E===y)?l("update:modelValue",d.value.filter(E=>E!==y)):l("update:modelValue",[...d.value,y])},te=e.computed(()=>t.withSearch?"list":"none"),{elements:{input:A,option:F,group:_,listbox:oe}}=Ro({autocomplete:te,label:t.label,listLabel:t.listLabel,activeOption:e.computed(()=>u.value),multiple:e.computed(()=>t.multiple),isExpanded:s,templateRef:p,onToggle:S,onActivateFirst:P,onActivateLast:z,onActivateNext:R,onActivatePrevious:W,onTypeAhead:J,onAutocomplete:Q,onSelect:ee}),ct=e.computed(()=>uo(h.value,"group")),{vScrollEnd:ut,isScrollEnd:dt}=ot({enabled:e.computed(()=>{var y;return((y=t.lazyLoading)==null?void 0:y.enabled)??!1}),loading:e.computed(()=>t.loading),offset:e.computed(()=>{var y;return(y=t.lazyLoading)==null?void 0:y.scrollOffset})}),ne=e.computed(()=>{if(!h.value.length)return t.withSearch&&c.value?i.value("select.noMatch"):i.value("select.empty")}),ge=e.computed(()=>h.value.filter(y=>!y.disabled).map(({value:y})=>y)),U=e.computed(()=>{if(!(!t.multiple||!t.withCheckAll))return Ie(ge,d,y=>{const x=y.map(C=>{var N;return(N=t.options.find(({value:E})=>E===C))==null?void 0:N.value}).filter(C=>C!=null);l("update:modelValue",x)})}),be=e.computed(()=>{var x;if(!t.multiple)return"";const y=i.value("selections.selectAll");return typeof t.withCheckAll=="boolean"?y:((x=t.withCheckAll)==null?void 0:x.label)??y});e.watchEffect(()=>{dt.value&&l("lazyLoad")});const pt=e.computed(()=>{const y={...t,modelValue:m.value};return t.withSearch?{...y,onKeydown:A.value.onKeydown}:{...y,...A.value}});return(y,x)=>{var C;return e.openBlock(),e.createElementBlock("div",{ref_key:"selectRef",ref:p,class:"onyx-select-wrapper"},[e.createVNode(lt,e.mergeProps({ref_key:"selectInput",ref:v},pt.value,{"show-focus":e.unref(s),autofocus:t.autofocus,onClick:S,onValidityChange:x[0]||(x[0]=N=>l("validityChange",N))}),null,16,["show-focus","autofocus"]),e.createElementVNode("div",{class:e.normalizeClass(["onyx-select",e.unref(r),e.unref(s)?"onyx-select--open":""]),inert:!e.unref(s)},[e.withDirectives((e.openBlock(),e.createElementBlock("div",Il,[t.withSearch?(e.openBlock(),e.createBlock(Xe,e.mergeProps({key:0,ref_key:"miniSearch",ref:f,"model-value":e.unref(c)},e.unref(A),{label:e.unref(i)("select.searchInputLabel"),class:"onyx-select__search",onClear:x[1]||(x[1]=N=>c.value="")}),null,16,["model-value","label"])):e.createCommentVNode("",!0),e.createElementVNode("div",e.normalizeProps(e.guardReactiveProps(e.unref(oe))),[ne.value?(e.openBlock(),e.createElementBlock("ul",Dl,[e.createElementVNode("li",Pl,[e.renderSlot(y.$slots,"empty",{defaultMessage:ne.value},()=>[e.createVNode(fe,null,{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(ne.value),1)]),_:1})])])])):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(ct.value,(N,E)=>{var Be,Ce;return e.openBlock(),e.createElementBlock("ul",e.mergeProps({key:E,class:"onyx-select__group",ref_for:!0},e.unref(_)({label:E})),[E!=""?(e.openBlock(),e.createElementBlock("li",zl,e.toDisplayString(E),1)):e.createCommentVNode("",!0),t.multiple&&t.withCheckAll&&!e.unref(c)?(e.openBlock(),e.createBlock(pe,e.mergeProps({key:1,ref_for:!0},e.unref(F)({value:e.unref(B),label:be.value,selected:(Be=U.value)==null?void 0:Be.state.value.modelValue}),{multiple:"",active:e.unref(B)===u.value,indeterminate:(Ce=U.value)==null?void 0:Ce.state.value.indeterminate,density:t.density,class:"onyx-select__check-all"}),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(be.value),1)]),_:1},16,["active","indeterminate","density"])):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(N,$=>(e.openBlock(),e.createBlock(pe,e.mergeProps({key:$.value.toString(),ref_for:!0},e.unref(F)({value:$.value,label:$.label,disabled:$.disabled,selected:d.value.some(mt=>mt===$.value)}),{multiple:t.multiple,active:$.value===u.value,icon:$.icon,density:t.density,truncation:$.truncation??t.truncation}),{default:e.withCtx(()=>[e.renderSlot(y.$slots,"option",e.mergeProps({ref_for:!0},$),()=>[e.createTextVNode(e.toDisplayString($.label),1)])]),_:2},1040,["multiple","active","icon","density","truncation"]))),128))],16)}),128))],16),(C=t.lazyLoading)!=null&&C.loading?(e.openBlock(),e.createElementBlock("div",Al,[e.createVNode(O,{class:"onyx-select__loading"})])):e.createCommentVNode("",!0),a.optionsEnd?(e.openBlock(),e.createElementBlock("div",Hl,[e.renderSlot(y.$slots,"optionsEnd")])):e.createCommentVNode("",!0)])),[[e.unref(ut)]])],10,Ll)],512)}}}),Fl=["summary","preview"],Ul='<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 32 32"><path d="M4 15h24v2H4z"/></svg>',ql='<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 32 32"><path d="M17 15V4h-2v11H4v2h11v11h2V17h11v-2z"/></svg>',Zl={class:"onyx-stepper__wrapper"},Kl=["disabled","aria-label"],Gl=["aria-label","autofocus","disabled","min","max","name","placeholder","readonly","required","step","title"],jl=["disabled","aria-label"],Yl=e.defineComponent({__name:"OnyxStepper",props:{density:{},customError:{},required:{type:Boolean},requiredMarker:{},id:{},label:{},labelTooltip:{},hideLabel:{type:Boolean},message:{},messageTooltip:{},autofocus:{type:Boolean},modelValue:{},name:{},placeholder:{},min:{},max:{},step:{default:1},autocomplete:{},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},skeleton:{type:Boolean,default:!1}},emits:["update:modelValue","focus","blur","validityChange"],setup(o,{emit:n}){const t=o,{t:l}=w(),r=e.ref(),a=n,{densityClass:i}=b(t),{vCustomValidity:c,errorMessages:s}=T({props:t,emit:a}),p=e.ref(!1),u=e.computed({get:()=>t.modelValue,set:v=>a("update:modelValue",v)}),d=v=>{if(!r.value)return;r.value[`${v}`]();const h=r.value.valueAsNumber;u.value=isNaN(h)?void 0:h},m=e.computed(()=>l.value("stepper.increment",{stepSize:t.step})),f=e.computed(()=>l.value("stepper.decrement",{stepSize:t.step}));return(v,h)=>t.skeleton?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["onyx-stepper-skeleton",e.unref(i)])},[t.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(V,{key:0,class:"onyx-stepper-skeleton__label"})),e.createVNode(V,{class:"onyx-stepper-skeleton__input"})],2)):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["onyx-stepper",e.unref(i)])},[e.createVNode(Y,e.mergeProps(t,{"error-messages":e.unref(s)}),{default:e.withCtx(()=>[e.createElementVNode("div",Zl,[e.createElementVNode("button",{type:"button",class:"onyx-stepper__counter",disabled:t.min&&t.min===u.value||t.disabled||t.readonly||t.loading,"aria-label":f.value,onClick:h[0]||(h[0]=B=>d("stepDown"))},[e.createVNode(g,{icon:e.unref(Ul)},null,8,["icon"])],8,Kl),t.loading?(e.openBlock(),e.createBlock(O,{key:0,class:"onyx-stepper__loading",type:"circle"})):e.withDirectives((e.openBlock(),e.createElementBlock("input",{key:1,ref_key:"inputRef",ref:r,"onUpdate:modelValue":h[1]||(h[1]=B=>u.value=B),class:e.normalizeClass(["onyx-stepper__native",{"onyx-stepper__native--force-invalid":e.unref(s)&&p.value}]),type:"number","aria-label":t.label,autofocus:t.autofocus,disabled:t.disabled||t.loading,min:t.min,max:t.max,name:t.name,placeholder:t.placeholder,readonly:t.readonly,required:t.required,step:t.step,title:t.hideLabel?t.label:void 0,onChange:h[2]||(h[2]=B=>p.value=!0),onFocus:h[3]||(h[3]=B=>a("focus")),onBlur:h[4]||(h[4]=B=>a("blur"))},null,42,Gl)),[[e.vModelText,u.value,void 0,{number:!0}],[e.unref(c)]]),e.createElementVNode("button",{type:"button",class:"onyx-stepper__counter",disabled:t.max&&t.max===u.value||t.disabled||t.readonly||t.loading,"aria-label":m.value,onClick:h[5]||(h[5]=B=>d("stepUp"))},[e.createVNode(g,{icon:e.unref(ql)},null,8,["icon"])],8,jl)])]),_:1},16,["error-messages"])],2))}}),Xl='<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 32 32"><path d="m21.311 10.793-8.293 8.293-3.291-3.292-1.415 1.415 4.706 4.705 9.707-9.707z"/></svg>',Wl={class:"onyx-switch-skeleton__click-area"},Jl=["title"],Ql=["aria-label","disabled","required","autofocus"],ea={class:"onyx-switch__click-area"},ta={class:"onyx-switch__container"},oa={class:"onyx-switch__icon"},na=e.createElementVNode("div",{class:"onyx-switch__frame"},null,-1),la=e.defineComponent({__name:"OnyxSwitch",props:{density:{},required:{type:Boolean},requiredMarker:{},customError:{},autofocus:{type:Boolean},modelValue:{type:Boolean,default:!1},label:{},disabled:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},hideLabel:{type:Boolean},truncation:{default:"ellipsis"},skeleton:{type:Boolean,default:!1}},emits:["update:modelValue","validityChange"],setup(o,{emit:n}){const t=o,l=n,{requiredMarkerClass:r,requiredTypeClass:a}=G(t),{densityClass:i}=b(t),{vCustomValidity:c,title:s}=T({props:t,emit:l}),p=e.computed({get:()=>t.modelValue,set:u=>{l("update:modelValue",u)}});return(u,d)=>t.skeleton?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["onyx-switch-skeleton",e.unref(i)])},[e.createElementVNode("span",Wl,[e.createVNode(V,{class:"onyx-switch-skeleton__input"})]),t.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(V,{key:0,class:"onyx-switch-skeleton__label"}))],2)):(e.openBlock(),e.createElementBlock("label",{key:1,class:e.normalizeClass(["onyx-switch",[e.unref(a),e.unref(i)]]),title:e.unref(s)},[e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":d[0]||(d[0]=m=>p.value=m),type:"checkbox",role:"switch",class:e.normalizeClass({"onyx-switch__input":!0,"onyx-switch__loading":t.loading}),"aria-label":t.hideLabel?t.label:void 0,disabled:t.disabled||t.loading,required:t.required,autofocus:t.autofocus},null,10,Ql),[[e.vModelCheckbox,p.value],[e.unref(c)]]),e.createElementVNode("span",ea,[e.createElementVNode("span",ta,[e.createElementVNode("span",oa,[t.loading?(e.openBlock(),e.createBlock(O,{key:0,class:"onyx-switch__spinner",type:"circle"})):(e.openBlock(),e.createBlock(g,{key:1,icon:p.value?e.unref(Xl):e.unref(ve)},null,8,["icon"]))]),na])]),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,Jl))}}),aa='<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2" viewBox="0 0 24 24"><path d="M8.25 17.25h-4.5V6.008h4.5zm-3-1.5h1.5V7.508h-1.5zm14.273 1.958c.457-.668.727-1.47.727-2.333 0-.127-.008-.255-.023-.375V4.508h-4.5v6.765a4.3 4.3 0 0 0-1.5.442V8.258h-4.5v8.992h2.716a4.13 4.13 0 0 0 3.667 2.25c.863 0 1.672-.27 2.332-.727l2.76 2.76 1.058-1.058-2.76-2.76zm-.788-11.7v6.18a4.1 4.1 0 0 0-1.492-.773v-5.4h1.492zm-7.492 9.742V9.758h1.5v3.292a4.1 4.1 0 0 0-.735 2.325c0 .127.007.255.022.375zM16.124 18a2.643 2.643 0 0 1-2.625-2.625 2.643 2.643 0 0 1 2.625-2.625 2.643 2.643 0 0 1 2.625 2.625A2.64 2.64 0 0 1 16.125 18" style="fill-rule:nonzero"/></svg>',ra={class:"onyx-table-wrapper"},sa=["tabindex"],ia={key:0,class:"onyx-table__header"},ca={class:"onyx-table__empty"},ua={colspan:"100%"},da={class:"onyx-table__empty-content"},pa=e.defineComponent({__name:"OnyxTable",props:{density:{},striped:{type:Boolean,default:!1},withVerticalBorders:{type:Boolean,default:!1},withPageScrolling:{type:Boolean,default:!1}},setup(o){const n=o,t=e.useSlots(),{t:l}=w(),{densityClass:r}=b(n),a=e.computed(()=>l.value("table.empty"));return(i,c)=>(e.openBlock(),e.createElementBlock("div",ra,[e.createElementVNode("div",{class:e.normalizeClass({"onyx-table-wrapper__scroll-container":!n.withPageScrolling}),tabindex:n.withPageScrolling?void 0:0},[e.createElementVNode("table",{class:e.normalizeClass(["onyx-table onyx-text",[n.striped?"onyx-table--striped":"",n.withVerticalBorders?"onyx-table--vertical-borders":"",e.unref(r)]])},[t.head?(e.openBlock(),e.createElementBlock("thead",ia,[e.renderSlot(i.$slots,"head")])):e.createCommentVNode("",!0),e.createElementVNode("tbody",null,[e.renderSlot(i.$slots,"default",{},()=>[e.createElementVNode("tr",ca,[e.createElementVNode("td",ua,[e.createElementVNode("div",da,[e.renderSlot(i.$slots,"empty",{defaultMessage:a.value},()=>[e.createVNode(fe,null,{icon:e.withCtx(()=>[e.createVNode(g,{icon:e.unref(aa),size:"48px"},null,8,["icon"])]),default:e.withCtx(()=>[e.createTextVNode(" "+e.toDisplayString(a.value),1)]),_:1})])])])])])])],2)],10,sa)]))}}),ma={class:"onyx-text onyx-truncation-ellipsis"},fa=e.defineComponent({__name:"OnyxTag",props:{density:{},label:{},color:{default:"primary"},icon:{}},setup(o){const n=o,{densityClass:t}=b(n);return(l,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["onyx-tag",`onyx-tag--${n.color}`,e.unref(t)])},[n.icon?(e.openBlock(),e.createBlock(g,{key:0,icon:n.icon,size:"16px"},null,8,["icon"])):e.createCommentVNode("",!0),e.createElementVNode("span",ma,e.toDisplayString(n.label),1)],2))}}),ya=["data-autosize-value"],ha=["id","placeholder","required","autocapitalize","autofocus","name","readonly","disabled","minlength","maxlength","aria-label","title"],va=e.defineComponent({__name:"OnyxTextarea",props:{density:{},required:{type:Boolean,default:!1},requiredMarker:{},customError:{},label:{},labelTooltip:{},hideLabel:{type:Boolean},modelValue:{default:""},placeholder:{},autocapitalize:{default:"sentences"},autofocus:{type:Boolean},name:{},readonly:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},minlength:{},maxlength:{},withCounter:{type:Boolean},message:{},messageTooltip:{},skeleton:{type:Boolean,default:!1},autosize:{},disableManualResize:{type:Boolean,default:!1}},emits:["update:modelValue","change","focus","blur","validityChange"],setup(o,{emit:n}){const t=o,l=n,{vCustomValidity:r,errorMessages:a}=T({props:t,emit:l}),{densityClass:i}=b(t),c=e.computed({get:()=>t.modelValue,set:d=>l("update:modelValue",d)}),s=d=>{const m=d.target.value;l("change",m)},p=e.computed(()=>{if(!t.autosize)return;const d=t.autosize.min?Math.max(t.autosize.min,2):void 0,m=t.autosize.max;return[d?`--min-autosize-rows: ${d}`:"",`--max-autosize-rows: ${m??"unset"}`]}),u=d=>{var f;const m=d.target;(f=m.parentElement)==null||f.setAttribute("data-autosize-value",m.value)};return(d,m)=>t.skeleton?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["onyx-textarea-skeleton",e.unref(i)]),style:e.normalizeStyle(p.value)},[t.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(V,{key:0,class:"onyx-textarea-skeleton__label"})),e.createVNode(V,{class:"onyx-textarea-skeleton__input"})],6)):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["onyx-textarea",e.unref(i)]),style:e.normalizeStyle(p.value)},[e.createVNode(Y,e.mergeProps(t,{"error-messages":e.unref(a)}),{default:e.withCtx(({id:f})=>[e.createElementVNode("div",{class:"onyx-textarea__wrapper","data-autosize-value":c.value},[e.withDirectives(e.createElementVNode("textarea",{id:f,"onUpdate:modelValue":m[0]||(m[0]=v=>c.value=v),class:e.normalizeClass(["onyx-textarea__native",{"onyx-textarea__native--no-resize":t.disableManualResize}]),placeholder:t.placeholder,required:t.required,autocapitalize:t.autocapitalize,autofocus:t.autofocus,name:t.name,readonly:t.readonly,disabled:t.disabled,minlength:t.minlength,maxlength:t.maxlength,"aria-label":t.hideLabel?t.label:void 0,title:t.hideLabel?t.label:void 0,onInput:u,onChange:s,onFocus:m[1]||(m[1]=v=>l("focus")),onBlur:m[2]||(m[2]=v=>l("blur"))},null,42,ha),[[e.vModelText,c.value],[e.unref(r)]])],8,ya)]),_:1},16,["error-messages"])],6))}}),_a='<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 32 32"><path d="M16 2C8.268 2 2 8.268 2 16s6.268 14 14 14 14-6.268 14-14S23.732 2 16 2m8.485 22.485A11.92 11.92 0 0 1 16 28C9.383 28 4 22.617 4 16S9.383 4 16 4s12 5.383 12 12c0 3.205-1.248 6.219-3.515 8.485"/><path d="M15 22h2v2h-2zm0-14h2v11h-2z"/></svg>',ka='<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 32 32"><path d="M16 2C8.268 2 2 8.268 2 16s6.268 14 14 14 14-6.268 14-14S23.732 2 16 2m0 26C9.383 28 4 22.617 4 16S9.383 4 16 4s12 5.383 12 12-5.383 12-12 12"/><path d="m12.987 19.063-3.291-3.292-1.414 1.415 4.705 4.706 9.707-9.708-1.414-1.414z"/></svg>',xa={class:"onyx-toast-message__wrapper"},ga={class:"onyx-toast-message__content onyx-truncation-ellipsis"},ba={class:"onyx-toast-message__headline onyx-text"},Ba={class:"onyx-truncation-ellipsis"},Ca=["aria-label"],wa={key:0,class:"onyx-toast-message__description onyx-text--small onyx-truncation-multiline",tabindex:"0"},at=e.defineComponent({__name:"OnyxToastMessage",props:{density:{},headline:{},description:{},color:{default:"neutral"},duration:{default:5e3},clickable:{type:Boolean,default:!1},icon:{type:[String,Boolean],default:void 0}},emits:["click","close"],setup(o,{emit:n}){const t=o,l=n,{t:r}=w(),{densityClass:a}=b(t),i=e.computed(()=>t.duration>0),c={neutral:Ae,danger:Pe,warning:_a,success:ka},s=e.computed(()=>{if(t.icon!==!1)return t.icon||c[t.color]});return(p,u)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.clickable?"button":"div"),{class:e.normalizeClass(["onyx-toast-message",[`onyx-toast-message--${t.color}`,e.unref(a)]]),role:t.color==="danger"||t.color==="warning"?"alert":"status","aria-label":t.clickable?t.headline:void 0,onClick:u[2]||(u[2]=d=>t.clickable&&l("click"))},{default:e.withCtx(()=>[e.createElementVNode("div",xa,[s.value?(e.openBlock(),e.createBlock(g,{key:0,icon:s.value},null,8,["icon"])):e.createCommentVNode("",!0),e.createElementVNode("div",ga,[e.createElementVNode("div",ba,[e.createElementVNode("span",Ba,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:u[0]||(u[0]=d=>l("close"))},[e.createVNode(g,{icon:e.unref(ve)},null,8,["icon"])],8,Ca))]),t.description?(e.openBlock(),e.createElementBlock("p",wa,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:u[1]||(u[1]=d=>l("close"))},null,36)):e.createCommentVNode("",!0)]),_:1},8,["class","role","aria-label"]))}}),xe=Symbol(),rt=()=>{let o=1;const n=e.ref([]),t=r=>{const a=o++;n.value.unshift({...r,id:a,onClose:()=>l(a)})},l=r=>{n.value=n.value.filter(a=>a.id!==r)};return{toasts:e.computed(()=>n.value),show:t,remove:l}},st=()=>{const o=()=>{console.warn('Trying to use "useToast()" before the toast provider has been provided. Make sure to "provide" it first.')};return e.inject(xe,()=>({toasts:e.computed(()=>[]),show:o,remove:o}),!0)},Va={key:0,class:"onyx-toast",role:"presentation","aria-live":"polite",open:""},Sa=e.defineComponent({__name:"OnyxToast",setup(o){const n=st();return(t,l)=>e.unref(n).toasts.value.length?(e.openBlock(),e.createElementBlock("dialog",Va,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(n).toasts.value,({id:r,...a})=>(e.openBlock(),e.createBlock(at,e.mergeProps({key:r,ref_for:!0},a),null,16))),128))])):e.createCommentVNode("",!0)}}),Ea=["top","bottom"],Na=(o={})=>({install:n=>{Te(n,o.i18n);const t=n.runWithContext(()=>w());e.watchEffect(()=>it(t.t.value("optional"))),n.provide(xe,rt())}}),it=o=>{globalThis.document.body.style.setProperty("--onyx-global-optional-text",o)};exports.AUTOCAPITALIZE=nn;exports.BUTTON_COLORS=qt;exports.BUTTON_MODES=Zt;exports.BUTTON_TYPES=Ut;exports.DENSITIES=Ct;exports.DIRECTIONS=ul;exports.HEADLINE_TYPES=So;exports.ICON_SIZES=Eo;exports.INPUT_TYPES=on;exports.LINK_TARGETS=rn;exports.MOBILE_NAV_BAR_INJECTION_KEY=H;exports.MULTISELECT_TEXT_MODE=Fl;exports.ONYX_BREAKPOINTS=tt;exports.ONYX_COLORS=sl;exports.OnyxAppLayout=_t;exports.OnyxAvatar=re;exports.OnyxAvatarStack=Bt;exports.OnyxBadge=$e;exports.OnyxButton=K;exports.OnyxCheckbox=q;exports.OnyxCheckboxGroup=bo;exports.OnyxColorSchemeDialog=Je;exports.OnyxColorSchemeMenuItem=Nn;exports.OnyxDialog=De;exports.OnyxEmpty=fe;exports.OnyxExternalLinkIcon=j;exports.OnyxFlyoutMenu=ke;exports.OnyxHeadline=L;exports.OnyxIcon=g;exports.OnyxIconButton=ze;exports.OnyxInfoTooltip=Z;exports.OnyxInput=tn;exports.OnyxLink=an;exports.OnyxListItem=X;exports.OnyxLoadingIndicator=O;exports.OnyxMenuItem=_e;exports.OnyxMiniSearch=Xe;exports.OnyxMobileNavButton=ue;exports.OnyxNavAppArea=We;exports.OnyxNavBar=kl;exports.OnyxNavButton=zn;exports.OnyxNavItem=An;exports.OnyxNavSeparator=Qe;exports.OnyxPageLayout=Bl;exports.OnyxRadioButton=de;exports.OnyxRadioGroup=El;exports.OnyxSelect=Rl;exports.OnyxSelectInput=lt;exports.OnyxSelectOption=pe;exports.OnyxSkeleton=V;exports.OnyxStepper=Yl;exports.OnyxSwitch=la;exports.OnyxTable=pa;exports.OnyxTag=fa;exports.OnyxTextarea=va;exports.OnyxTimer=Kn;exports.OnyxToast=Sa;exports.OnyxToastMessage=at;exports.OnyxTooltip=ye;exports.OnyxUserMenu=ol;exports.OnyxVisuallyHidden=he;exports.TEXT_SIZES=il;exports.TOAST_PROVIDER_INJECTION_KEY=xe;exports.TOOLTIP_POSITIONS=Ea;exports.TRUNCATION_TYPES=cl;exports.createOnyx=Na;exports.createToastProvider=rt;exports.normalizedIncludes=nt;exports.provideI18n=Te;exports.syncGlobalOptionalText=it;exports.useDensity=b;exports.useScrollEnd=ot;exports.useToast=st;
184
+ `,Cn={class:"onyx-color-scheme-dialog__subtitle onyx-text"},wn=["innerHTML"],Vn=["autofocus","value","checked","aria-label"],Sn={class:"onyx-text--small"},En={class:"onyx-color-scheme-dialog__actions"},et=e.defineComponent({__name:"OnyxColorSchemeDialog",props:{open:{type:Boolean,default:!1},density:{},modelValue:{}},emits:["update:modelValue","close"],setup(o,{emit:n}){const t=o,l=n,r=e.ref(t.modelValue);e.watchEffect(()=>r.value=t.modelValue);const{t:a}=V(),i=e.computed(()=>[{value:"auto",image:gn,label:a.value("colorScheme.auto.label"),description:a.value("colorScheme.auto.description")},{value:"light",image:Bn,label:a.value("colorScheme.light.label"),description:a.value("colorScheme.light.description")},{value:"dark",image:bn,label:a.value("colorScheme.dark.label"),description:a.value("colorScheme.dark.description")}]),c=d=>{const u=d.target;r.value=u.value},s=()=>{r.value&&(l("update:modelValue",r.value),l("close"))};return(d,u)=>(e.openBlock(),e.createBlock(He,e.mergeProps({class:"onyx-color-scheme-dialog"},t,{label:e.unref(a)("colorScheme.headline"),modal:"",onClose:u[1]||(u[1]=p=>l("close"))}),{default:e.withCtx(()=>[e.createElementVNode("form",{class:"onyx-color-scheme-dialog__form",onSubmit:e.withModifiers(s,["prevent"])},[e.createElementVNode("div",null,[e.createVNode(P,{is:"h2"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(a)("colorScheme.headline")),1)]),_:1}),e.createElementVNode("span",Cn,e.toDisplayString(e.unref(a)("colorScheme.subtitle")),1)]),e.createElementVNode("fieldset",{class:"onyx-color-scheme-dialog__list",onChange:c},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(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,wn),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,Vn)]),_:2},1024),e.createVNode(P,{is:"h3",class:"onyx-color-scheme-dialog__label"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(p.label),1)]),_:2},1024),e.createElementVNode("p",Sn,e.toDisplayString(p.description),1)])]))),128))],32),e.createElementVNode("div",En,[e.createVNode(j,{label:e.unref(a)("cancel"),mode:"plain",color:"neutral",onClick:u[0]||(u[0]=p=>l("close"))},null,8,["label"]),e.createVNode(j,{label:e.unref(a)("apply"),type:"submit"},null,8,["label"])])],32)]),_:1},16,["label"]))}}),Nn='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M15.99 2C8.28 2 2 8.27 2 15.99s6.27 13.99 13.99 13.99 13.99-6.27 13.99-13.99S23.7 2 15.99 2m5.96 3.6c.76.44 1.47.96 2.12 1.55v17.66c-.65.59-1.35 1.11-2.12 1.55zm-2 21.69c-.63.22-1.29.39-1.96.51V4.18c.67.11 1.33.28 1.96.51zm6.11-17.77c1.2 1.87 1.91 4.08 1.91 6.47s-.71 4.6-1.91 6.47V9.53ZM4 15.99C4 9.38 9.38 4 15.99 4v23.97C9.38 27.97 4 22.59 4 15.98Z" style="stroke-width:0"/></svg>',Ce=e.defineComponent({__name:"OnyxMenuItem",props:{href:{},active:{type:Boolean},disabled:{type:Boolean},color:{}},emits:["click"],setup(o,{emit:n}){const t=o,l=n,{elements:{listItem:r,menuItem:a}}=Ye();return(i,c)=>(e.openBlock(),e.createBlock(ee,e.mergeProps({selected:t.active,active:t.active,color:t.color,disabled:t.disabled,class:"onyx-menu-item"},e.unref(r)),{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.href?"a":"button"),e.mergeProps({class:"onyx-menu-item__trigger",disabled:!t.href&&t.disabled,href:t.href},e.unref(a)({active:t.active,disabled:!t.href&&t.disabled}),{onClick:c[0]||(c[0]=s=>l("click"))}),{default:e.withCtx(()=>[e.renderSlot(i.$slots,"default")]),_:3},16,["disabled","href"]))]),_:3},16,["selected","active","color","disabled"]))}}),$n={class:"onyx-color-scheme-menu-item__value"},Mn=e.defineComponent({__name:"OnyxColorSchemeMenuItem",props:{modelValue:{}},emits:["update:modelValue"],setup(o,{emit:n}){const t=o,l=n,{t:r}=V(),a=e.ref(!1);return(i,c)=>(e.openBlock(),e.createBlock(Ce,{class:"onyx-color-scheme-menu-item",onClick:c[2]||(c[2]=s=>a.value=!0)},{default:e.withCtx(()=>[e.createVNode(g,{icon:e.unref(Nn)},null,8,["icon"]),e.createElementVNode("div",null,[e.createTextVNode(e.toDisplayString(e.unref(r)("colorScheme.appearance"))+": ",1),e.createElementVNode("span",$n,e.toDisplayString(e.unref(r)(`colorScheme.${t.modelValue}.label`)),1)]),(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[e.createVNode(et,{"model-value":t.modelValue,open:a.value,onClose:c[0]||(c[0]=s=>a.value=!1),"onUpdate:modelValue":c[1]||(c[1]=s=>l("update:modelValue",s))},null,8,["model-value","open"])]))]),_:1}))}}),On=["aria-label"],we=e.defineComponent({__name:"OnyxFlyoutMenu",props:e.mergeModels({label:{}},{open:{type:Boolean,default:!1},openModifiers:{}}),emits:["update:open"],setup(o){const n=o,t=e.useModel(o,"open"),l=e.useSlots(),{elements:{root:r,button:a,menu:i}}=Uo({isExpanded:t,onToggle:()=>t.value=!t.value}),c=e.computed(()=>{var d;if(!l.default)return;const s=l.default().at(0);return(s==null?void 0:s.type.toString())==="Symbol(v-fgt)"?Array.isArray(s==null?void 0:s.children)?(d=s==null?void 0:s.children)==null?void 0:d.at(0):void 0:s});return(s,d)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps({class:"onyx-flyout-menu"},e.unref(r)),[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(c.value),e.normalizeProps(e.guardReactiveProps(e.unref(a))),null,16)),l.options||l.header||l.footer?e.withDirectives((e.openBlock(),e.createElementBlock("div",{key:0,"aria-label":n.label,class:e.normalizeClass({"onyx-flyout-menu__list--with-header":!!l.header,"onyx-flyout-menu__list--with-footer":!!l.footer,"onyx-flyout-menu__list":!0})},[e.renderSlot(s.$slots,"header"),l.options?(e.openBlock(),e.createElementBlock("ul",e.mergeProps({key:0},e.unref(i),{class:"onyx-flyout-menu__wrapper onyx-flyout-menu__group"}),[e.renderSlot(s.$slots,"options")],16)):e.createCommentVNode("",!0),e.renderSlot(s.$slots,"footer")],10,On)),[[e.vShow,t.value]]):e.createCommentVNode("",!0)],16))}}),Tn='<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 32 32"><path d="m13.207 8.293-1.414 1.414L18.086 16l-6.293 6.293 1.414 1.414L20.914 16z"/></svg>',H=Symbol(),In='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32.04 32.04"><path d="M23.52 15.52H11.93l4.13-4.13-1.42-1.41-6.54 6.54 6.54 6.54 1.42-1.42-4.13-4.12h11.59z"/></svg>',Ln=["aria-orientation"],tt=e.defineComponent({__name:"OnyxNavSeparator",props:{orientation:{default:"vertical"}},setup(o){const n=o,t=e.inject(H);return(l,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["onyx-nav-separator",{"onyx-nav-separator--horizontal":n.orientation==="horizontal"||e.unref(t)}]),role:"separator","aria-orientation":n.orientation},null,10,Ln))}}),Dn={role:"presentation"},Pn=e.defineComponent({__name:"NavButtonLayout",props:e.mergeModels({href:{},withExternalIcon:{type:[Boolean,String]},label:{},active:{type:Boolean},isMobile:{type:Boolean}},{mobileChildrenOpen:{type:Boolean},mobileChildrenOpenModifiers:{}}),emits:["update:mobileChildrenOpen"],setup(o){const n=o,t=e.useSlots(),{t:l}=V(),r=e.useModel(o,"mobileChildrenOpen");return(a,i)=>(e.openBlock(),e.createElementBlock("li",Dn,[n.isMobile?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[n.isMobile&&r.value?(e.openBlock(),e.createBlock(j,{key:0,label:e.unref(l)("back"),mode:"plain",color:"neutral",icon:e.unref(In),onClick:i[0]||(i[0]=c=>r.value=!1)},null,8,["label","icon"])):e.createCommentVNode("",!0),!r.value||n.href?e.renderSlot(a.$slots,"button",{key:1}):e.createCommentVNode("",!0),r.value&&n.href?(e.openBlock(),e.createBlock(tt,{key:2,orientation:"horizontal"})):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("ul",{role:"menu",class:e.normalizeClass(["onyx-nav-button__mobile-children",{"onyx-nav-button__mobile-children--open":r.value}])},[e.renderSlot(a.$slots,"options")],2),[[e.vShow,r.value]])],64)):(e.openBlock(),e.createBlock(we,{key:1,label:e.unref(l)("navItemOptionsLabel",{label:n.label})},e.createSlots({default:e.withCtx(()=>[e.renderSlot(a.$slots,"button")]),_:2},[t.options?{name:"options",fn:e.withCtx(()=>[e.renderSlot(a.$slots,"options")]),key:"0"}:void 0]),1032,["label"]))]))}}),An=["aria-label"],zn={class:"onyx-truncation-ellipsis"},Hn=e.defineComponent({__name:"OnyxNavButton",props:{href:{},withExternalIcon:{type:[Boolean,String],default:"auto"},label:{},active:{type:Boolean,default:!1}},emits:["click"],setup(o,{emit:n}){const t=o,l=n,r=e.useSlots(),a=e.inject(H),i=e.ref(!1),c=e.computed(()=>!!r.children),s=()=>{a!=null&&a.value&&c.value&&!i.value?i.value=!0:t.href&&l("click",t.href)};return(d,u)=>(e.openBlock(),e.createBlock(Pn,e.mergeProps({"mobile-children-open":i.value,"onUpdate:mobileChildrenOpen":u[0]||(u[0]=p=>i.value=p),class:["onyx-nav-button",{"onyx-nav-button--mobile":e.unref(a),"onyx-nav-button--active":t.active}],"is-mobile":e.unref(a)??!1},t),e.createSlots({button:e.withCtx(()=>[e.createElementVNode("button",{class:"onyx-nav-button__trigger onyx-text",role:"menuitem","aria-label":t.label,type:"button",onClick:s},[e.renderSlot(d.$slots,"default",{},()=>[e.createElementVNode("span",zn,e.toDisplayString(t.label),1),e.createVNode(W,e.normalizeProps(e.guardReactiveProps(t)),null,16)]),e.unref(a)&&c.value&&!i.value?(e.openBlock(),e.createBlock(g,{key:0,class:"onyx-nav-button__mobile-chevron",icon:e.unref(Tn)},null,8,["icon"])):e.createCommentVNode("",!0)],8,An)]),_:2},[r.children?{name:"options",fn:e.withCtx(()=>[e.renderSlot(d.$slots,"children")]),key:"0"}:void 0]),1040,["mobile-children-open","class","is-mobile"]))}}),Rn=e.defineComponent({__name:"OnyxNavItem",props:{href:{},withExternalIcon:{type:[Boolean,String],default:"auto"},label:{},active:{type:Boolean}},emits:["click"],setup(o,{emit:n}){const t=o,l=n;return(r,a)=>(e.openBlock(),e.createBlock(Ce,{class:"onyx-nav-item",active:t.active,href:t.href??"javascript:void(0)",onClick:a[0]||(a[0]=i=>t.href&&l("click",t.href))},{default:e.withCtx(()=>[e.renderSlot(r.$slots,"default",{},()=>[e.createElementVNode("span",null,e.toDisplayString(t.label),1),e.createVNode(W,e.normalizeProps(e.guardReactiveProps(t)),null,16)])]),_:3},8,["active","href"]))}}),Fn=o=>{const n=e.ref(),t=e.ref(ce(new Date(o.value).getTime())),l=e.computed(()=>t.value===0);return e.watch(o,r=>{clearInterval(n.value);const a=new Date(r).getTime();t.value=ce(a),n.value=setInterval(()=>{t.value=ce(a),l.value&&clearInterval(n.value)},1e3)},{immediate:!0}),e.onBeforeUnmount(()=>clearInterval(n.value)),{timeLeft:t,isEnded:l}},ce=o=>{const n=o-Date.now();return Math.max(n,0)},ot=o=>{const n=Math.floor(o/6e4/60),t=Math.floor(o/6e4%60),l=Math.floor(o%6e4/1e3);return{hours:n,minutes:t,seconds:l}},Un=(o,n)=>{const{hours:t,minutes:l,seconds:r}=ot(o),a=s=>s.toString().padStart(2,"0");let i="",c=ue(n.formatToParts(o,"seconds"));return l>0&&(c=ue(n.formatToParts(o,"minutes"))),t>0&&(c=ue(n.formatToParts(o,"hours")),i=`${a(t)}:`),`${i}${a(l)}:${a(r)} ${c}`},ue=o=>{var n;return((n=o.at(-1))==null?void 0:n.value.replace(".","").trim())??""},qn=o=>{const{hours:n,minutes:t,seconds:l}=ot(o);return`PT${n}H${t}M${l}S`},Zn=["aria-label"],Gn={key:0,class:"onyx-timer__label"},Kn=["datetime"],jn=e.defineComponent({__name:"OnyxTimer",props:{endTime:{},label:{},hideLabel:{type:Boolean}},emits:["timerEnded"],setup(o,{emit:n}){const t=o,l=n,{locale:r}=V(),{timeLeft:a,isEnded:i}=Fn(e.computed(()=>t.endTime)),c=e.computed(()=>new Intl.RelativeTimeFormat(r.value,{numeric:"always",style:"short"})),s=e.computed(()=>Un(a.value,c.value));return e.watchEffect(()=>i.value&&l("timerEnded")),(d,u)=>(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",Gn,e.toDisplayString(t.label),1)),e.createElementVNode("time",{datetime:e.unref(qn)(e.unref(a)),class:"onyx-timer__time"},e.toDisplayString(s.value),9,Kn)],8,Zn))}}),Yn={class:"onyx-user-menu__footer onyx-text--small"},Xn=e.defineComponent({__name:"UserMenuLayout",props:e.mergeModels({isMobile:{type:Boolean}},{flyoutOpen:{type:Boolean,default:!1},flyoutOpenModifiers:{}}),emits:["update:flyoutOpen"],setup(o){const n=o,t=e.useModel(o,"flyoutOpen"),l=e.useSlots(),{t:r}=V();return(a,i)=>(e.openBlock(),e.createElementBlock("div",null,[n.isMobile?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.renderSlot(a.$slots,"header"),e.renderSlot(a.$slots,"options"),l.footer?(e.openBlock(),e.createBlock(ee,{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(we,{key:1,label:e.unref(r)("navigation.userMenuLabel"),open:t.value},e.createSlots({header:e.withCtx(()=>[e.renderSlot(a.$slots,"header")]),options:e.withCtx(()=>[e.renderSlot(a.$slots,"options")]),default:e.withCtx(()=>[e.renderSlot(a.$slots,"button")]),_:2},[l.footer?{name:"footer",fn:e.withCtx(()=>[e.createElementVNode("div",Yn,[e.renderSlot(a.$slots,"footer")])]),key:"0"}:void 0]),1032,["label","open"]))]))}}),Wn={class:"onyx-user-menu__trigger onyx-text",type:"button"},Jn={class:"onyx-truncation-ellipsis"},Qn={class:"onyx-user-menu__header"},el={class:"onyx-truncation-ellipsis"},tl={class:"onyx-user-menu__username onyx-text onyx-truncation-ellipsis"},ol={key:0,class:"onyx-user-menu__description onyx-text--small onyx-truncation-ellipsis"},nl={class:"onyx-user-menu__options"},ll=e.defineComponent({__name:"OnyxUserMenu",props:e.mergeModels({username:{},avatar:{},description:{}},{flyoutOpen:{type:Boolean,default:!1},flyoutOpenModifiers:{}}),emits:["update:flyoutOpen"],setup(o){const n=o,t=e.useModel(o,"flyoutOpen"),l=e.useSlots(),r=e.computed(()=>({src:n.avatar,label:n.username})),a=e.inject(H,e.computed(()=>!1));return(i,c)=>(e.openBlock(),e.createBlock(Xn,{class:e.normalizeClass(["onyx-user-menu",{"onyx-user-menu--mobile":e.unref(a)}]),"is-mobile":e.unref(a),"flyout-open":t.value},e.createSlots({button:e.withCtx(()=>[e.createElementVNode("button",Wn,[e.createVNode(de,e.mergeProps(r.value,{size:"24px"}),null,16),e.createElementVNode("span",Jn,e.toDisplayString(n.username),1)])]),header:e.withCtx(()=>[e.createElementVNode("div",Qn,[e.createVNode(de,e.normalizeProps(e.guardReactiveProps(r.value)),null,16),e.createElementVNode("div",el,[e.createElementVNode("div",tl,e.toDisplayString(n.username),1),n.description?(e.openBlock(),e.createElementBlock("div",ol,e.toDisplayString(n.description),1)):e.createCommentVNode("",!0)])])]),options:e.withCtx(()=>[e.createElementVNode("div",nl,[e.renderSlot(i.$slots,"default")])]),_:2},[l.footer?{name:"footer",fn:e.withCtx(()=>[e.renderSlot(i.$slots,"footer")]),key:"0"}:void 0]),1032,["class","is-mobile","flyout-open"]))}}),al='<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 32 32"><path d="m20.207 9.707-1.414-1.414L11.086 16l7.707 7.707 1.414-1.414L13.914 16z"/></svg>',rl='<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 32 32"><path d="M2 15h28v2H2zm0-7h28v2H2zm0 14h28v2H2z"/></svg>',sl='<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 32 32"><circle cx="16" cy="5" r="3"/><circle cx="16" cy="16" r="3"/><circle cx="16" cy="27" r="3"/></svg>',il=(o,n)=>{const t="content-box",l=e.ref(0),r=e.ref(0),a=i=>{const c=i[0].contentBoxSize;l.value=c.reduce((s,{inlineSize:d})=>s+d,0),r.value=c.reduce((s,{blockSize:d})=>s+d,0)};return e.onBeforeMount(()=>{const i=new ResizeObserver(a);e.watch(o,(c,s)=>{s&&(i==null||i.unobserve(s)),c&&(i==null||i.observe(c,{box:t}))},{immediate:!0}),e.onBeforeUnmount(()=>i.disconnect())}),{width:l,height:r}},nt={"2xs":320,xs:576,sm:768,md:992,lg:1440,xl:1920},cl=["primary","secondary","neutral","danger","warning","success","info"],ul=["small","default","large"],dl=["ellipsis","multiline"],pl=["horizontal","vertical"],ml={class:"onyx-nav-bar__content"},fl={key:0,class:"onyx-nav-bar__mobile-page onyx-truncation-ellipsis"},yl={role:"menubar"},hl={role:"menubar"},vl={key:0,class:"onyx-nav-bar__mobile-context"},_l={key:0,class:"onyx-nav-bar__mobile-global-context"},kl={class:"onyx-nav-bar__mobile-context-content"},xl={key:1,class:"onyx-nav-bar__context"},gl=e.defineComponent({__name:"OnyxNavBar",props:{logoUrl:{},appName:{},withBackButton:{type:Boolean},appAreaLabel:{},mobileBreakpoint:{default:"sm"}},emits:["appAreaClick","backButtonClick"],setup(o,{expose:n,emit:t}){const l=o,r=t,a=e.useSlots(),i=e.ref(),{width:c}=il(i),{t:s}=V(),{elements:{nav:d}}=Zo({navigationName:e.toRef(()=>l.appName)}),u=e.ref(!1),p=e.ref(!1),m=e.computed(()=>{const f=typeof l.mobileBreakpoint=="number"?l.mobileBreakpoint:nt[l.mobileBreakpoint];return c.value!==0&&c.value<f});return e.provide(H,m),n({closeMobileMenus:()=>{u.value=!1,p.value=!1}}),(f,h)=>(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",ml,[m.value&&a.mobileActivePage&&!u.value&&!p.value?(e.openBlock(),e.createElementBlock("span",fl,[e.renderSlot(f.$slots,"mobileActivePage")])):l.appName||l.logoUrl||a.appArea?(e.openBlock(),e.createBlock(Qe,{key:1,class:"onyx-nav-bar__app","app-name":l.appName,"logo-url":l.logoUrl,label:l.appAreaLabel,onClick:h[0]||(h[0]=v=>{r("appAreaClick"),u.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(s)("navigation.goBack"),icon:e.unref(al),color:"neutral",onClick:h[1]||(h[1]=v=>r("backButtonClick"))},null,8,["label","icon"])):e.createCommentVNode("",!0),a.default?(e.openBlock(),e.createElementBlock(e.Fragment,{key:3},[m.value?(e.openBlock(),e.createBlock(ve,{key:0,open:u.value,"onUpdate:open":[h[2]||(h[2]=v=>u.value=v),h[3]||(h[3]=v=>p.value=!1)],class:"onyx-nav-bar__burger",icon:e.unref(rl),label:e.unref(s)("navigation.toggleBurgerMenu"),headline:e.unref(s)("navigation.navigationHeadline")},{default:e.withCtx(()=>[e.createElementVNode("nav",e.mergeProps({class:"onyx-nav-bar__nav--mobile"},e.unref(d)),[e.createElementVNode("ul",yl,[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(d)),[e.createElementVNode("ul",hl,[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",vl,[a.globalContextArea?(e.openBlock(),e.createElementBlock("div",_l,[e.renderSlot(f.$slots,"globalContextArea")])):e.createCommentVNode("",!0),a.contextArea?(e.openBlock(),e.createBlock(ve,{key:1,open:p.value,"onUpdate:open":[h[4]||(h[4]=v=>p.value=v),h[5]||(h[5]=v=>u.value=!1)],icon:e.unref(sl),label:e.unref(s)("navigation.toggleContextMenu")},{default:e.withCtx(()=>[e.createElementVNode("div",kl,[e.renderSlot(f.$slots,"contextArea")])]),_:3},8,["open","icon","label"])):e.createCommentVNode("",!0)])):(e.openBlock(),e.createElementBlock("div",xl,[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))}}),bl={key:0,class:"onyx-page__sidebar"},Bl={class:"onyx-page__main"},Cl={key:1,class:"onyx-page__footer"},wl=e.defineComponent({__name:"OnyxPageLayout",props:{footerAsideSidebar:{type:Boolean},hideSidebar:{type:Boolean}},setup(o){const n=o,t=e.useSlots(),l=e.computed(()=>n.footerAsideSidebar?"onyx-page--footer-partial":"onyx-page--footer-full");return(r,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["onyx-page",l.value])},[t.sidebar&&!n.hideSidebar?(e.openBlock(),e.createElementBlock("aside",bl,[e.renderSlot(r.$slots,"sidebar")])):e.createCommentVNode("",!0),e.createElementVNode("main",Bl,[e.renderSlot(r.$slots,"default")]),t.footer?(e.openBlock(),e.createElementBlock("footer",Cl,[e.renderSlot(r.$slots,"footer")])):e.createCommentVNode("",!0)],2))}}),Vl=["title"],Sl=["required","name","value","checked","disabled","autofocus"],_e=e.defineComponent({__name:"OnyxRadioButton",props:{density:{},value:{},label:{},disabled:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},skeleton:{type:Boolean},truncation:{default:"ellipsis"},customError:{},autofocus:{type:Boolean},name:{},checked:{type:Boolean,default:!1},required:{type:Boolean,default:!1}},emits:["change","validityChange"],setup(o,{emit:n}){const t=o,l=n,{vCustomValidity:r,title:a}=I({props:t,emit:l}),{densityClass:i}=b(t),c=s=>{const d=s.target.checked;l("change",d)};return(s,d)=>t.skeleton?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["onyx-radio-button-skeleton",e.unref(i)])},[e.createVNode(S,{class:"onyx-radio-button-skeleton__input"}),e.createVNode(S,{class:"onyx-radio-button-skeleton__label"})],2)):(e.openBlock(),e.createElementBlock("label",{key:1,class:e.normalizeClass(["onyx-radio-button",e.unref(i)]),title:e.unref(a)},[t.loading?(e.openBlock(),e.createBlock(O,{key:0,class:"onyx-radio-button__loading",type:"circle"})):e.withDirectives((e.openBlock(),e.createElementBlock("input",{key:1,class:"onyx-radio-button__selector",type:"radio",required:t.required,name:t.name,value:t.value,checked:t.checked,disabled:t.disabled,autofocus:t.autofocus,onChange:c},null,40,Sl)),[[e.unref(r)]]),e.createElementVNode("span",{class:e.normalizeClass(["onyx-radio-button__label",[`onyx-truncation-${t.truncation}`]])},e.toDisplayString(t.label),3)],10,Vl))}}),El=["disabled"],Nl={key:0,class:"onyx-radio-button-group__headline"},$l=e.defineComponent({__name:"OnyxRadioGroup",props:{density:{},required:{type:Boolean,default:!1},requiredMarker:{},customError:{},truncation:{default:"ellipsis"},options:{},name:{default:()=>M("radio-button-group-name")},modelValue:{},headline:{default:""},disabled:{type:Boolean,default:!1},direction:{default:"vertical"},skeleton:{}},emits:["update:modelValue","validityChange"],setup(o,{emit:n}){const t=o,{densityClass:l}=b(t),{requiredMarkerClass:r,requiredTypeClass:a}=X(t),i=n,c=(s,d)=>{s&&i("update:modelValue",d)};return(s,d)=>(e.openBlock(),e.createElementBlock("fieldset",{class:e.normalizeClass(["onyx-radio-button-group",e.unref(l),e.unref(a)]),disabled:t.disabled,role:"radiogroup"},[t.headline?(e.openBlock(),e.createElementBlock("legend",Nl,[e.createVNode(P,{is:"h3",class:e.normalizeClass(e.unref(r))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.headline),1)]),_:1},8,["class"])])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["onyx-radio-button-group__content",{"onyx-radio-button-group__content--horizontal":t.direction==="horizontal"}])},[t.skeleton===void 0?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(t.options,(u,p)=>(e.openBlock(),e.createBlock(_e,e.mergeProps({key:u.value.toString(),ref_for:!0},u,{name:t.name,"custom-error":t.customError,checked:u.value===t.modelValue,required:t.required,truncation:u.truncation??t.truncation,onValidityChange:m=>p===0&&i("validityChange",m),onChange:m=>c(m,u.value)}),null,16,["name","custom-error","checked","required","truncation","onValidityChange","onChange"]))),128)):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(t.skeleton,u=>(e.openBlock(),e.createBlock(_e,{id:`skeleton-${u}`,key:u,value:`skeleton-${u}`,label:"Skeleton ${i}",name:t.name,skeleton:""},null,8,["id","value","name"]))),128))],2)],10,El))}}),lt=o=>{const t=e.ref(!1),l=a=>{const i=a.target;if(!(i instanceof Element))return;const c=e.unref(o.offset)??0;t.value=Math.abs(i.scrollTop)+i.clientHeight>=i.scrollHeight-c-1};return{vScrollEnd:{mounted:a=>{e.watchEffect(()=>{var c;(((c=o.enabled)==null?void 0:c.value)??!0)&&!o.loading.value?a.addEventListener("scroll",l):a.removeEventListener("scroll",l)})}},isScrollEnd:t}},Oe=(o,n,t)=>{const l=e.computed(()=>o.value===void 0),r=e.ref(l.value?n:o.value);return{state:e.computed({set:i=>{r.value=i,t(i)},get:()=>l.value?r.value:o.value}),isManaged:l}},at=(o,n)=>{const t=Te(o.toLowerCase()),l=Te(n.toLowerCase());return t.includes(l)},Te=o=>o.normalize("NFD").replace(/[\u0300-\u036f]/g,""),Ml='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="m22.29 18.83 1.41 1.41-7.71 7.71-7.71-7.71 1.41-1.41 6.29 6.29 6.29-6.29ZM16 6.87l6.29 6.29 1.41-1.41-7.71-7.71-7.71 7.71 1.41 1.41 6.29-6.29Z"/></svg>',Ol={class:"onyx-select-input__wrapper"},Tl=["id","readonly","placeholder","required","disabled","aria-label","title","value","autofocus"],Il=["aria-label","disabled"],rt=e.defineComponent({inheritAttrs:!1,__name:"OnyxSelectInput",props:{density:{},required:{type:Boolean},requiredMarker:{},customError:{},autofocus:{type:Boolean},id:{},label:{},labelTooltip:{},hideLabel:{type:Boolean,default:!1},message:{},messageTooltip:{},errorMessages:{},modelValue:{},textMode:{},disabled:{type:Boolean},skeleton:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},placeholder:{},showFocus:{type:Boolean}},emits:["click","validityChange"],setup(o,{expose:n,emit:t}){const{rootAttrs:l,restAttrs:r}=We(),a=o,i=t,{t:c}=V(),{vCustomValidity:s,errorMessages:d}=I({props:a,emit:i}),u=e.computed(()=>a.modelValue?a.modelValue.length:0),p=e.computed(()=>{var C;const x=(C=a.modelValue)==null?void 0:C.length;if(!a.modelValue||!x)return"";if(x===1)return a.modelValue[0];switch(a.textMode){case"preview":return a.modelValue.join(", ");case"summary":default:return c.value("selections.currentSelection",{n:x})}}),m=e.ref(!1),{densityClass:f}=b(a),h=e.ref();n({focus:()=>{var x;return(x=h.value)==null?void 0:x.focus()}}),e.watch(()=>a.showFocus,(x,C)=>{m.value||C&&x===!1&&(m.value=!0)});const v=Ke.concat(je),B=x=>{v.includes(x.key)||x.preventDefault()};return(x,C)=>a.skeleton?(e.openBlock(),e.createElementBlock("div",e.mergeProps({key:0,class:["onyx-select-input-skeleton",e.unref(f)]},e.unref(l)),[a.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(S,{key:0,class:"onyx-select-input-skeleton__label"})),e.createVNode(S,{class:"onyx-select-input-skeleton__input"})],16)):(e.openBlock(),e.createElementBlock("div",e.mergeProps({key:1,class:["onyx-select-input",e.unref(f),a.readonly?"onyx-select-input--readonly":"onyx-select-input--editable"]},e.unref(l)),[e.createVNode(Q,e.mergeProps(a,{"error-messages":e.unref(d)}),{default:e.withCtx(({id:D})=>[e.createElementVNode("div",Ol,[a.loading?(e.openBlock(),e.createBlock(O,{key:0,class:"onyx-select-input__loading",type:"circle"})):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("input",e.mergeProps({id:D,ref_key:"input",ref:h,class:{"onyx-select-input__native":!0,"onyx-select-input__native--show-focus":a.showFocus,"onyx-truncation-ellipsis":!0,"onyx-select-input__native--force-invalid":e.unref(d)&&m.value}},e.unref(r),{type:"text",readonly:a.readonly,placeholder:a.placeholder,required:a.required,disabled:a.disabled||a.loading,"aria-label":a.hideLabel?a.label:void 0,title:a.hideLabel?a.label:void 0,value:p.value,autofocus:a.autofocus,autocomplete:"off",onClick:C[0]||(C[0]=T=>i("click")),onKeydown:B}),null,16,Tl),[[e.unref(s)]]),a.textMode==="preview"&&u.value>0?(e.openBlock(),e.createBlock(Y,{key:1,text:p.value,position:"bottom"},{default:e.withCtx(({trigger:T})=>[e.createVNode(Ie,e.mergeProps({class:"onyx-select-input__badge"},T,{color:"neutral"}),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(u.value),1)]),_:2},1040)]),_:1},8,["text"])):e.createCommentVNode("",!0),e.createElementVNode("button",{class:"onyx-select-input__button",type:"button","aria-label":e.unref(c)("select.toggleDropDown"),tabindex:"-1",disabled:a.readonly||a.disabled||a.loading,onClick:C[1]||(C[1]=T=>i("click"))},[e.createVNode(g,{icon:e.unref(Ml)},null,8,["icon"])],8,Il)])]),_:1},16,["error-messages"])],16))}}),Ll=["checked","aria-labelledby","disabled","indeterminate"],ke=e.defineComponent({__name:"OnyxSelectOption",props:{active:{type:Boolean,default:!1},density:{},multiple:{type:Boolean,default:!1},indeterminate:{type:Boolean},icon:{},truncation:{default:"ellipsis"}},setup(o){const n=o;return(t,l)=>(e.openBlock(),e.createBlock(ee,e.mergeProps({class:"onyx-select-option"},n,{checked:!!t.$attrs["aria-checked"],selected:!!t.$attrs["aria-selected"],disabled:!!t.$attrs["aria-disabled"]}),{default:e.withCtx(()=>[n.multiple?(e.openBlock(),e.createElementBlock("input",{key:0,checked:!!t.$attrs["aria-checked"],"aria-labelledby":t.$attrs.id,disabled:!!t.$attrs["aria-disabled"],indeterminate:n.indeterminate,"aria-hidden":"true",tabindex:"-1",class:"onyx-select-option__checkbox",type:"checkbox"},null,8,Ll)):e.createCommentVNode("",!0),n.icon?(e.openBlock(),e.createBlock(g,{key:1,icon:n.icon},null,8,["icon"])):e.createCommentVNode("",!0),e.createElementVNode("span",{class:e.normalizeClass([`onyx-truncation-${n.truncation}`])},[e.renderSlot(t.$slots,"default")],2)]),_:3},16,["checked","selected","disabled"]))}}),Dl=["inert"],Pl={class:"onyx-select__wrapper",tabindex:"-1"},Al={key:0,role:"group",class:"onyx-select__group"},zl={role:"option","aria-selected":"false"},Hl={key:0,role:"presentation",class:"onyx-select__group-name onyx-text--small"},Rl={key:1,class:"onyx-select__slot"},Fl={key:2,class:"onyx-select__slot"},Ul=e.defineComponent({__name:"OnyxSelect",props:{density:{},multiple:{type:Boolean},modelValue:{},withCheckAll:{type:[Boolean,Object]},withSearch:{type:Boolean},searchTerm:{default:void 0},required:{type:Boolean},requiredMarker:{},customError:{},autofocus:{type:Boolean},id:{},label:{},labelTooltip:{},hideLabel:{type:Boolean},message:{},messageTooltip:{},errorMessages:{},textMode:{},disabled:{type:Boolean},skeleton:{type:Boolean},readonly:{type:Boolean},loading:{type:Boolean,default:!1},placeholder:{},truncation:{default:"ellipsis"},valueLabel:{default:void 0},open:{type:Boolean,default:void 0},listLabel:{},options:{},lazyLoading:{}},emits:["update:modelValue","update:searchTerm","update:open","lazyLoad","validityChange"],setup(o,{emit:n}){const t=o,l=n,{densityClass:r}=b(t),a=e.useSlots(),{t:i}=V(),{state:c,isManaged:s}=Oe(e.toRef(()=>t.searchTerm),"",y=>l("update:searchTerm",y)),{state:d}=Oe(e.toRef(()=>t.open),!1,y=>l("update:open",y)),u=e.ref(),p=e.ref(),m=e.computed(()=>t.modelValue===void 0?[]:t.multiple&&Array.isArray(t.modelValue)?t.modelValue:[t.modelValue]),f=e.computed(()=>t.valueLabel!==void 0?Array.isArray(t.valueLabel)?t.valueLabel:[t.valueLabel]:m.value.reduce((y,k)=>{var E;const w=(E=t.options.find(({value:N})=>N===k))==null?void 0:E.label;return w&&y.push(w),y},[])),h=e.ref(),v=e.ref(),B=e.computed(()=>s.value&&c.value?t.options.filter(({label:y})=>at(y,c.value)):t.options);e.watch(m,()=>{t.multiple||(p.value=m.value.at(0))},{immediate:!0});const x=M("ONYX_CHECK_ALL"),C=e.computed(()=>(t.multiple&&t.withCheckAll&&!c.value?[x]:[]).concat(Se.value)),D=async y=>{var w,E;if(t.readonly){d.value=!1;return}const k=d.value;d.value=!k,await e.nextTick(),k!==d.value&&(k?(c.value&&(c.value=""),y||(w=v.value)==null||w.focus()):(E=h.value)==null||E.focus())},T=()=>p.value=C.value.at(0),R=()=>p.value=C.value.at(-1),te=y=>{const k=C.value.findIndex(w=>w===y);k<C.value.length-1&&(p.value=C.value[k+1])},oe=y=>{const k=C.value.findIndex(w=>w===y);k>0&&(p.value=C.value[k-1])},ne=y=>{const k=B.value.find(w=>w.label.toLowerCase().trim().startsWith(y.toLowerCase()));k&&(p.value=k.value)},le=y=>c.value=y,ae=y=>{var E;if(y===x){(E=U.value)==null||E.handleChange(!U.value.state.value.modelValue);return}if(!B.value.find(({value:N})=>N===y))return;if(!t.multiple)return l("update:modelValue",y);m.value.some(N=>N===y)?l("update:modelValue",m.value.filter(N=>N!==y)):l("update:modelValue",[...m.value,y])},re=e.computed(()=>t.withSearch?"list":"none"),{elements:{input:z,option:_,group:F,listbox:dt}}=Fo({autocomplete:re,label:t.label,listLabel:t.listLabel,activeOption:e.computed(()=>p.value),multiple:e.computed(()=>t.multiple),isExpanded:d,templateRef:u,onToggle:D,onActivateFirst:T,onActivateLast:R,onActivateNext:te,onActivatePrevious:oe,onTypeAhead:ne,onAutocomplete:le,onSelect:ae}),pt=e.computed(()=>fo(B.value,"group")),{vScrollEnd:mt,isScrollEnd:ft}=lt({enabled:e.computed(()=>{var y;return((y=t.lazyLoading)==null?void 0:y.enabled)??!1}),loading:e.computed(()=>t.loading),offset:e.computed(()=>{var y;return(y=t.lazyLoading)==null?void 0:y.scrollOffset})}),se=e.computed(()=>{if(!B.value.length)return t.withSearch&&c.value?i.value("select.noMatch"):i.value("select.empty")}),Se=e.computed(()=>B.value.filter(y=>!y.disabled).map(({value:y})=>y)),U=e.computed(()=>{if(!(!t.multiple||!t.withCheckAll))return ze(Se,m,y=>{const k=y.map(w=>{var E;return(E=t.options.find(({value:N})=>N===w))==null?void 0:E.value}).filter(w=>w!=null);l("update:modelValue",k)})}),ie=e.computed(()=>{var k;if(!t.multiple)return"";const y=i.value("selections.selectAll");return typeof t.withCheckAll=="boolean"?y:((k=t.withCheckAll)==null?void 0:k.label)??y});e.watchEffect(()=>{ft.value&&l("lazyLoad")});const yt=e.computed(()=>{const y={...t,modelValue:f.value};return t.withSearch?{...y,onKeydown:z.value.onKeydown}:{...y,...z.value}});return(y,k)=>{var w,E,N;return e.openBlock(),e.createElementBlock("div",{ref_key:"selectRef",ref:u,class:"onyx-select-wrapper"},[e.createVNode(rt,e.mergeProps({ref_key:"selectInput",ref:v},yt.value,{"show-focus":e.unref(d),autofocus:t.autofocus,onClick:D,onValidityChange:k[0]||(k[0]=q=>l("validityChange",q))}),null,16,["show-focus","autofocus"]),e.createElementVNode("div",{class:e.normalizeClass(["onyx-select",e.unref(r),e.unref(d)?"onyx-select--open":""]),inert:!e.unref(d)},[e.withDirectives((e.openBlock(),e.createElementBlock("div",Pl,[t.withSearch?(e.openBlock(),e.createBlock(Je,e.mergeProps({key:0,ref_key:"miniSearch",ref:h,"model-value":e.unref(c)},e.unref(z),{label:e.unref(i)("select.searchInputLabel"),class:"onyx-select__search",onClear:k[1]||(k[1]=q=>c.value="")}),null,16,["model-value","label"])):e.createCommentVNode("",!0),e.createElementVNode("div",e.normalizeProps(e.guardReactiveProps(e.unref(dt))),[se.value?(e.openBlock(),e.createElementBlock("ul",Al,[e.createElementVNode("li",zl,[e.renderSlot(y.$slots,"empty",{defaultMessage:se.value},()=>[e.createVNode(ge,null,{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(se.value),1)]),_:1})])])])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[t.multiple&&t.withCheckAll&&!e.unref(c)?(e.openBlock(),e.createElementBlock("ul",e.mergeProps({key:0,class:"onyx-select__check-all"},e.unref(F)({label:ie.value})),[e.createVNode(ke,e.mergeProps(e.unref(_)({value:e.unref(x),label:ie.value,selected:(w=U.value)==null?void 0:w.state.value.modelValue}),{multiple:"",active:e.unref(x)===p.value,indeterminate:(E=U.value)==null?void 0:E.state.value.indeterminate,density:t.density}),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(ie.value),1)]),_:1},16,["active","indeterminate","density"])],16)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(pt.value,(q,Z)=>(e.openBlock(),e.createElementBlock("ul",e.mergeProps({key:Z,class:"onyx-select__group",ref_for:!0},e.unref(F)({label:Z})),[Z!=""?(e.openBlock(),e.createElementBlock("li",Hl,e.toDisplayString(Z),1)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(q,$=>(e.openBlock(),e.createBlock(ke,e.mergeProps({key:$.value.toString(),ref_for:!0},e.unref(_)({value:$.value,label:$.label,disabled:$.disabled,selected:m.value.some(ht=>ht===$.value)}),{multiple:t.multiple,active:$.value===p.value,icon:$.icon,density:t.density,truncation:$.truncation??t.truncation}),{default:e.withCtx(()=>[e.renderSlot(y.$slots,"option",e.mergeProps({ref_for:!0},$),()=>[e.createTextVNode(e.toDisplayString($.label),1)])]),_:2},1040,["multiple","active","icon","density","truncation"]))),128))],16))),128))],64))],16),(N=t.lazyLoading)!=null&&N.loading?(e.openBlock(),e.createElementBlock("div",Rl,[e.createVNode(O,{class:"onyx-select__loading"})])):e.createCommentVNode("",!0),a.optionsEnd?(e.openBlock(),e.createElementBlock("div",Fl,[e.renderSlot(y.$slots,"optionsEnd")])):e.createCommentVNode("",!0)])),[[e.unref(mt)]])],10,Dl)],512)}}}),ql=["summary","preview"],Zl='<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 32 32"><path d="M4 15h24v2H4z"/></svg>',Gl='<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 32 32"><path d="M17 15V4h-2v11H4v2h11v11h2V17h11v-2z"/></svg>',Kl={class:"onyx-stepper__wrapper"},jl=["disabled","aria-label"],Yl=["aria-label","autofocus","disabled","min","max","name","placeholder","readonly","required","step","title"],Xl=["disabled","aria-label"],Wl=e.defineComponent({__name:"OnyxStepper",props:{density:{},customError:{},required:{type:Boolean},requiredMarker:{},id:{},label:{},labelTooltip:{},hideLabel:{type:Boolean},message:{},messageTooltip:{},autofocus:{type:Boolean},modelValue:{},name:{},placeholder:{},min:{},max:{},step:{default:1},autocomplete:{},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},skeleton:{type:Boolean,default:!1}},emits:["update:modelValue","focus","blur","validityChange"],setup(o,{emit:n}){const t=o,{t:l}=V(),r=e.ref(),a=n,{densityClass:i}=b(t),{vCustomValidity:c,errorMessages:s}=I({props:t,emit:a}),d=e.ref(!1),u=e.computed({get:()=>t.modelValue,set:h=>a("update:modelValue",h)}),p=h=>{if(!r.value)return;r.value[`${h}`]();const v=r.value.valueAsNumber;u.value=isNaN(v)?void 0:v},m=e.computed(()=>l.value("stepper.increment",{stepSize:t.step})),f=e.computed(()=>l.value("stepper.decrement",{stepSize:t.step}));return(h,v)=>t.skeleton?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["onyx-stepper-skeleton",e.unref(i)])},[t.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(S,{key:0,class:"onyx-stepper-skeleton__label"})),e.createVNode(S,{class:"onyx-stepper-skeleton__input"})],2)):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["onyx-stepper",e.unref(i)])},[e.createVNode(Q,e.mergeProps(t,{"error-messages":e.unref(s)}),{default:e.withCtx(()=>[e.createElementVNode("div",Kl,[e.createElementVNode("button",{type:"button",class:"onyx-stepper__counter",disabled:t.min&&t.min===u.value||t.disabled||t.readonly||t.loading,"aria-label":f.value,onClick:v[0]||(v[0]=B=>p("stepDown"))},[e.createVNode(g,{icon:e.unref(Zl)},null,8,["icon"])],8,jl),t.loading?(e.openBlock(),e.createBlock(O,{key:0,class:"onyx-stepper__loading",type:"circle"})):e.withDirectives((e.openBlock(),e.createElementBlock("input",{key:1,ref_key:"inputRef",ref:r,"onUpdate:modelValue":v[1]||(v[1]=B=>u.value=B),class:e.normalizeClass(["onyx-stepper__native",{"onyx-stepper__native--force-invalid":e.unref(s)&&d.value}]),type:"number","aria-label":t.label,autofocus:t.autofocus,disabled:t.disabled||t.loading,min:t.min,max:t.max,name:t.name,placeholder:t.placeholder,readonly:t.readonly,required:t.required,step:t.step,title:t.hideLabel?t.label:void 0,onChange:v[2]||(v[2]=B=>d.value=!0),onFocus:v[3]||(v[3]=B=>a("focus")),onBlur:v[4]||(v[4]=B=>a("blur"))},null,42,Yl)),[[e.vModelText,u.value,void 0,{number:!0}],[e.unref(c)]]),e.createElementVNode("button",{type:"button",class:"onyx-stepper__counter",disabled:t.max&&t.max===u.value||t.disabled||t.readonly||t.loading,"aria-label":m.value,onClick:v[5]||(v[5]=B=>p("stepUp"))},[e.createVNode(g,{icon:e.unref(Gl)},null,8,["icon"])],8,Xl)])]),_:1},16,["error-messages"])],2))}}),Jl='<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 32 32"><path d="m21.311 10.793-8.293 8.293-3.291-3.292-1.415 1.415 4.706 4.705 9.707-9.707z"/></svg>',Ql={class:"onyx-switch-skeleton__click-area"},ea=["title"],ta=["aria-label","disabled","required","autofocus"],oa={class:"onyx-switch__click-area"},na={class:"onyx-switch__container"},la={class:"onyx-switch__icon"},aa=e.createElementVNode("div",{class:"onyx-switch__frame"},null,-1),ra=e.defineComponent({__name:"OnyxSwitch",props:{density:{},required:{type:Boolean},requiredMarker:{},customError:{},autofocus:{type:Boolean},modelValue:{type:Boolean,default:!1},label:{},disabled:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},hideLabel:{type:Boolean},truncation:{default:"ellipsis"},skeleton:{type:Boolean,default:!1}},emits:["update:modelValue","validityChange"],setup(o,{emit:n}){const t=o,l=n,{requiredMarkerClass:r,requiredTypeClass:a}=X(t),{densityClass:i}=b(t),{vCustomValidity:c,title:s}=I({props:t,emit:l}),d=e.computed({get:()=>t.modelValue,set:u=>{l("update:modelValue",u)}});return(u,p)=>t.skeleton?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["onyx-switch-skeleton",e.unref(i)])},[e.createElementVNode("span",Ql,[e.createVNode(S,{class:"onyx-switch-skeleton__input"})]),t.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(S,{key:0,class:"onyx-switch-skeleton__label"}))],2)):(e.openBlock(),e.createElementBlock("label",{key:1,class:e.normalizeClass(["onyx-switch",[e.unref(a),e.unref(i)]]),title:e.unref(s)},[e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":p[0]||(p[0]=m=>d.value=m),type:"checkbox",role:"switch",class:e.normalizeClass({"onyx-switch__input":!0,"onyx-switch__loading":t.loading}),"aria-label":t.hideLabel?t.label:void 0,disabled:t.disabled||t.loading,required:t.required,autofocus:t.autofocus},null,10,ta),[[e.vModelCheckbox,d.value],[e.unref(c)]]),e.createElementVNode("span",oa,[e.createElementVNode("span",na,[e.createElementVNode("span",la,[t.loading?(e.openBlock(),e.createBlock(O,{key:0,class:"onyx-switch__spinner",type:"circle"})):(e.openBlock(),e.createBlock(g,{key:1,icon:d.value?e.unref(Jl):e.unref(Be)},null,8,["icon"]))]),aa])]),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,ea))}}),sa='<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2" viewBox="0 0 24 24"><path d="M8.25 17.25h-4.5V6.008h4.5zm-3-1.5h1.5V7.508h-1.5zm14.273 1.958c.457-.668.727-1.47.727-2.333 0-.127-.008-.255-.023-.375V4.508h-4.5v6.765a4.3 4.3 0 0 0-1.5.442V8.258h-4.5v8.992h2.716a4.13 4.13 0 0 0 3.667 2.25c.863 0 1.672-.27 2.332-.727l2.76 2.76 1.058-1.058-2.76-2.76zm-.788-11.7v6.18a4.1 4.1 0 0 0-1.492-.773v-5.4h1.492zm-7.492 9.742V9.758h1.5v3.292a4.1 4.1 0 0 0-.735 2.325c0 .127.007.255.022.375zM16.124 18a2.643 2.643 0 0 1-2.625-2.625 2.643 2.643 0 0 1 2.625-2.625 2.643 2.643 0 0 1 2.625 2.625A2.64 2.64 0 0 1 16.125 18" style="fill-rule:nonzero"/></svg>',ia={class:"onyx-table-wrapper"},ca=["tabindex"],ua={key:0,class:"onyx-table__header"},da={class:"onyx-table__empty"},pa={colspan:"100%"},ma={class:"onyx-table__empty-content"},fa=e.defineComponent({__name:"OnyxTable",props:{density:{},striped:{type:Boolean,default:!1},withVerticalBorders:{type:Boolean,default:!1},withPageScrolling:{type:Boolean,default:!1}},setup(o){const n=o,t=e.useSlots(),{t:l}=V(),{densityClass:r}=b(n),a=e.computed(()=>l.value("table.empty"));return(i,c)=>(e.openBlock(),e.createElementBlock("div",ia,[e.createElementVNode("div",{class:e.normalizeClass({"onyx-table-wrapper__scroll-container":!n.withPageScrolling}),tabindex:n.withPageScrolling?void 0:0},[e.createElementVNode("table",{class:e.normalizeClass(["onyx-table onyx-text",[n.striped?"onyx-table--striped":"",n.withVerticalBorders?"onyx-table--vertical-borders":"",e.unref(r)]])},[t.head?(e.openBlock(),e.createElementBlock("thead",ua,[e.renderSlot(i.$slots,"head")])):e.createCommentVNode("",!0),e.createElementVNode("tbody",null,[e.renderSlot(i.$slots,"default",{},()=>[e.createElementVNode("tr",da,[e.createElementVNode("td",pa,[e.createElementVNode("div",ma,[e.renderSlot(i.$slots,"empty",{defaultMessage:a.value},()=>[e.createVNode(ge,null,{icon:e.withCtx(()=>[e.createVNode(g,{icon:e.unref(sa),size:"48px"},null,8,["icon"])]),default:e.withCtx(()=>[e.createTextVNode(" "+e.toDisplayString(a.value),1)]),_:1})])])])])])])],2)],10,ca)]))}}),ya={class:"onyx-text onyx-truncation-ellipsis"},ha=e.defineComponent({__name:"OnyxTag",props:{density:{},label:{},color:{default:"primary"},icon:{}},setup(o){const n=o,{densityClass:t}=b(n);return(l,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["onyx-tag",`onyx-tag--${n.color}`,e.unref(t)])},[n.icon?(e.openBlock(),e.createBlock(g,{key:0,icon:n.icon,size:"16px"},null,8,["icon"])):e.createCommentVNode("",!0),e.createElementVNode("span",ya,e.toDisplayString(n.label),1)],2))}}),va=["data-autosize-value"],_a=["id","placeholder","required","autocapitalize","autofocus","name","readonly","disabled","minlength","maxlength","aria-label","title"],ka=e.defineComponent({__name:"OnyxTextarea",props:{density:{},required:{type:Boolean,default:!1},requiredMarker:{},customError:{},label:{},labelTooltip:{},hideLabel:{type:Boolean},modelValue:{default:""},placeholder:{},autocapitalize:{default:"sentences"},autofocus:{type:Boolean},name:{},readonly:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},minlength:{},maxlength:{},withCounter:{type:Boolean},message:{},messageTooltip:{},skeleton:{type:Boolean,default:!1},autosize:{},disableManualResize:{type:Boolean,default:!1}},emits:["update:modelValue","change","focus","blur","validityChange"],setup(o,{emit:n}){const t=o,l=n,{vCustomValidity:r,errorMessages:a}=I({props:t,emit:l}),{densityClass:i}=b(t),c=e.computed({get:()=>t.modelValue,set:p=>l("update:modelValue",p)}),s=p=>{const m=p.target.value;l("change",m)},d=e.computed(()=>{if(!t.autosize)return;const p=t.autosize.min?Math.max(t.autosize.min,2):void 0,m=t.autosize.max;return[p?`--min-autosize-rows: ${p}`:"",`--max-autosize-rows: ${m??"unset"}`]}),u=p=>{var f;const m=p.target;(f=m.parentElement)==null||f.setAttribute("data-autosize-value",m.value)};return(p,m)=>t.skeleton?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["onyx-textarea-skeleton",e.unref(i)]),style:e.normalizeStyle(d.value)},[t.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(S,{key:0,class:"onyx-textarea-skeleton__label"})),e.createVNode(S,{class:"onyx-textarea-skeleton__input"})],6)):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["onyx-textarea",e.unref(i)]),style:e.normalizeStyle(d.value)},[e.createVNode(Q,e.mergeProps(t,{"error-messages":e.unref(a)}),{default:e.withCtx(({id:f})=>[e.createElementVNode("div",{class:"onyx-textarea__wrapper","data-autosize-value":c.value},[e.withDirectives(e.createElementVNode("textarea",{id:f,"onUpdate:modelValue":m[0]||(m[0]=h=>c.value=h),class:e.normalizeClass(["onyx-textarea__native",{"onyx-textarea__native--no-resize":t.disableManualResize}]),placeholder:t.placeholder,required:t.required,autocapitalize:t.autocapitalize,autofocus:t.autofocus,name:t.name,readonly:t.readonly,disabled:t.disabled,minlength:t.minlength,maxlength:t.maxlength,"aria-label":t.hideLabel?t.label:void 0,title:t.hideLabel?t.label:void 0,onInput:u,onChange:s,onFocus:m[1]||(m[1]=h=>l("focus")),onBlur:m[2]||(m[2]=h=>l("blur"))},null,42,_a),[[e.vModelText,c.value],[e.unref(r)]])],8,va)]),_:1},16,["error-messages"])],6))}}),xa='<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 32 32"><path d="M16 2C8.268 2 2 8.268 2 16s6.268 14 14 14 14-6.268 14-14S23.732 2 16 2m8.485 22.485A11.92 11.92 0 0 1 16 28C9.383 28 4 22.617 4 16S9.383 4 16 4s12 5.383 12 12c0 3.205-1.248 6.219-3.515 8.485"/><path d="M15 22h2v2h-2zm0-14h2v11h-2z"/></svg>',ga='<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 32 32"><path d="M16 2C8.268 2 2 8.268 2 16s6.268 14 14 14 14-6.268 14-14S23.732 2 16 2m0 26C9.383 28 4 22.617 4 16S9.383 4 16 4s12 5.383 12 12-5.383 12-12 12"/><path d="m12.987 19.063-3.291-3.292-1.414 1.415 4.705 4.706 9.707-9.708-1.414-1.414z"/></svg>',ba={class:"onyx-toast-message__wrapper"},Ba={class:"onyx-toast-message__content onyx-truncation-ellipsis"},Ca={class:"onyx-toast-message__headline onyx-text"},wa={class:"onyx-truncation-ellipsis"},Va=["aria-label"],Sa={key:0,class:"onyx-toast-message__description onyx-text--small onyx-truncation-multiline",tabindex:"0"},st=e.defineComponent({__name:"OnyxToastMessage",props:{density:{},headline:{},description:{},color:{default:"neutral"},duration:{default:5e3},clickable:{type:Boolean,default:!1},icon:{type:[String,Boolean],default:void 0}},emits:["click","close"],setup(o,{emit:n}){const t=o,l=n,{t:r}=V(),{densityClass:a}=b(t),i=e.computed(()=>t.duration>0),c={neutral:me,danger:Re,warning:xa,success:ga},s=e.computed(()=>{if(t.icon!==!1)return t.icon||c[t.color]});return(d,u)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.clickable?"button":"div"),{class:e.normalizeClass(["onyx-toast-message",[`onyx-toast-message--${t.color}`,e.unref(a)]]),role:t.color==="danger"||t.color==="warning"?"alert":"status","aria-label":t.clickable?t.headline:void 0,onClick:u[2]||(u[2]=p=>t.clickable&&l("click"))},{default:e.withCtx(()=>[e.createElementVNode("div",ba,[s.value?(e.openBlock(),e.createBlock(g,{key:0,icon:s.value},null,8,["icon"])):e.createCommentVNode("",!0),e.createElementVNode("div",Ba,[e.createElementVNode("div",Ca,[e.createElementVNode("span",wa,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:u[0]||(u[0]=p=>l("close"))},[e.createVNode(g,{icon:e.unref(Be)},null,8,["icon"])],8,Va))]),t.description?(e.openBlock(),e.createElementBlock("p",Sa,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:u[1]||(u[1]=p=>l("close"))},null,36)):e.createCommentVNode("",!0)]),_:1},8,["class","role","aria-label"]))}}),Ve=Symbol(),it=()=>{let o=1;const n=e.ref([]),t=r=>{const a=o++;n.value.unshift({...r,id:a,onClose:()=>l(a)})},l=r=>{n.value=n.value.filter(a=>a.id!==r)};return{toasts:e.computed(()=>n.value),show:t,remove:l}},ct=()=>{const o=()=>{console.warn('Trying to use "useToast()" before the toast provider has been provided. Make sure to "provide" it first.')};return e.inject(Ve,()=>({toasts:e.computed(()=>[]),show:o,remove:o}),!0)},Ea={key:0,class:"onyx-toast",role:"presentation","aria-live":"polite",open:""},Na=e.defineComponent({__name:"OnyxToast",setup(o){const n=ct();return(t,l)=>e.unref(n).toasts.value.length?(e.openBlock(),e.createElementBlock("dialog",Ea,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(n).toasts.value,({id:r,...a})=>(e.openBlock(),e.createBlock(st,e.mergeProps({key:r,ref_for:!0},a),null,16))),128))])):e.createCommentVNode("",!0)}}),$a=["top","bottom"],Ma=(o={})=>({install:n=>{Pe(n,o.i18n);const t=n.runWithContext(()=>V());e.watchEffect(()=>ut(t.t.value("optional"))),n.provide(Ve,it())}}),ut=o=>{globalThis.document.body.style.setProperty("--onyx-global-optional-text",o)};exports.AUTOCAPITALIZE=an;exports.BUTTON_COLORS=Kt;exports.BUTTON_MODES=jt;exports.BUTTON_TYPES=Gt;exports.DENSITIES=St;exports.DIRECTIONS=pl;exports.HEADLINE_TYPES=$o;exports.ICON_SIZES=Mo;exports.INPUT_TYPES=ln;exports.LINK_TARGETS=cn;exports.MOBILE_NAV_BAR_INJECTION_KEY=H;exports.MULTISELECT_TEXT_MODE=ql;exports.ONYX_BREAKPOINTS=nt;exports.ONYX_COLORS=cl;exports.OnyxAppLayout=gt;exports.OnyxAvatar=de;exports.OnyxAvatarStack=Vt;exports.OnyxBadge=Ie;exports.OnyxButton=j;exports.OnyxCheckbox=G;exports.OnyxCheckboxGroup=wo;exports.OnyxColorSchemeDialog=et;exports.OnyxColorSchemeMenuItem=Mn;exports.OnyxDialog=He;exports.OnyxEmpty=ge;exports.OnyxExternalLinkIcon=W;exports.OnyxFlyoutMenu=we;exports.OnyxHeadline=P;exports.OnyxIcon=g;exports.OnyxIconButton=Fe;exports.OnyxInfoTooltip=K;exports.OnyxInput=nn;exports.OnyxLink=sn;exports.OnyxListItem=ee;exports.OnyxLoadingIndicator=O;exports.OnyxMenuItem=Ce;exports.OnyxMiniSearch=Je;exports.OnyxMobileNavButton=ve;exports.OnyxNavAppArea=Qe;exports.OnyxNavBar=gl;exports.OnyxNavButton=Hn;exports.OnyxNavItem=Rn;exports.OnyxNavSeparator=tt;exports.OnyxPageLayout=wl;exports.OnyxRadioButton=_e;exports.OnyxRadioGroup=$l;exports.OnyxSelect=Ul;exports.OnyxSelectInput=rt;exports.OnyxSelectOption=ke;exports.OnyxSkeleton=S;exports.OnyxStepper=Wl;exports.OnyxSwitch=ra;exports.OnyxTable=fa;exports.OnyxTag=ha;exports.OnyxTextarea=ka;exports.OnyxTimer=jn;exports.OnyxToast=Na;exports.OnyxToastMessage=st;exports.OnyxTooltip=Y;exports.OnyxUserMenu=ll;exports.OnyxVisuallyHidden=J;exports.TEXT_SIZES=ul;exports.TOAST_PROVIDER_INJECTION_KEY=Ve;exports.TOOLTIP_POSITIONS=$a;exports.TRUNCATION_TYPES=dl;exports.createOnyx=Ma;exports.createToastProvider=it;exports.normalizedIncludes=at;exports.provideI18n=Pe;exports.syncGlobalOptionalText=ut;exports.useDensity=b;exports.useScrollEnd=lt;exports.useToast=ct;