sit-onyx 1.0.0-beta.59 → 1.0.0-beta.60

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/dist/index.cjs +1 -1
  2. package/dist/index.js +21 -21
  3. package/package.json +1 -1
package/dist/index.cjs CHANGED
@@ -180,4 +180,4 @@
180
180
  </clipPath>
181
181
  </defs>
182
182
  </svg>
183
- `,sl={class:"onyx-color-scheme-dialog__subtitle onyx-text"},il=["innerHTML"],cl=["autofocus","value","checked","aria-label"],ul={class:"onyx-text--small"},dl={class:"onyx-color-scheme-dialog__actions"},kt=e.defineComponent({__name:"OnyxColorSchemeDialog",props:{open:{type:Boolean,default:!1},density:{},modelValue:{}},emits:["update:modelValue","close"],setup(n,{emit:o}){const t=n,l=o,r=e.toRef(t,"modelValue");e.watchEffect(()=>r.value=t.modelValue);const{t:a}=S(),s=e.computed(()=>[{value:"auto",image:ll,label:a.value("colorScheme.auto.label"),description:a.value("colorScheme.auto.description")},{value:"light",image:rl,label:a.value("colorScheme.light.label"),description:a.value("colorScheme.light.description")},{value:"dark",image:al,label:a.value("colorScheme.dark.label"),description:a.value("colorScheme.dark.description")}]),i=c=>{const u=c.target;r.value=u.value},d=()=>{r.value&&(l("update:modelValue",r.value),l("close"))};return(c,u)=>(e.openBlock(),e.createBlock(ft,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(d,["prevent"])},[e.createElementVNode("div",null,[e.createVNode(G,{is:"h2"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(a)("colorScheme.headline")),1)]),_:1}),e.createElementVNode("span",sl,e.toDisplayString(e.unref(a)("colorScheme.subtitle")),1)]),e.createElementVNode("fieldset",{class:"onyx-color-scheme-dialog__list",onChange:i},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.value,p=>(e.openBlock(),e.createElementBlock("label",{key:p.value,class:"onyx-color-scheme-dialog__option"},[e.createElementVNode("figure",{class:"onyx-color-scheme-dialog__image",innerHTML:p.image},null,8,il),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,cl)]),_:2},1024),e.createVNode(G,{is:"h3",class:"onyx-color-scheme-dialog__label"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(p.label),1)]),_:2},1024),e.createElementVNode("p",ul,e.toDisplayString(p.description),1)])]))),128))],32),e.createElementVNode("div",dl,[e.createVNode(te,{label:e.unref(a)("cancel"),mode:"plain",color:"neutral",onClick:u[0]||(u[0]=p=>l("close"))},null,8,["label"]),e.createVNode(te,{label:e.unref(a)("apply"),type:"submit"},null,8,["label"])])],32)]),_:1},16,["label"]))}}),pl='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12.008 1.5c-5.79 0-10.493 4.71-10.493 10.493 0 5.782 4.71 10.492 10.493 10.492 5.782 0 10.492-4.71 10.492-10.492S17.79 1.5 12.008 1.5M13.5 3.135q.753.126 1.463.375v16.973q-.709.249-1.463.375zm2.962 1.058a9.3 9.3 0 0 1 1.59 1.162v13.282a9 9 0 0 1-1.59 1.163zm3.083 2.917a8.93 8.93 0 0 1 1.447 4.882 9 9 0 0 1-1.447 4.883zM3.008 11.992C3.008 7.036 7.043 3 12 3v17.993c-4.957 0-8.992-4.035-8.992-8.993z"/></svg>',ml=["href","target","rel"],fl=["disabled"],Le=e.defineComponent({__name:"OnyxMenuItem",props:{target:{default:"_self"},href:{},active:{type:Boolean},disabled:{type:Boolean},color:{}},setup(n){const o=n,{t}=S(),{elements:{listItem:l,menuItem:r}}=it(),a=e.computed(()=>r({active:o.active,disabled:o.disabled}));return(s,i)=>(e.openBlock(),e.createBlock(ie,e.mergeProps({selected:o.active,active:o.active,color:o.color,disabled:o.disabled,class:"onyx-menu-item"},e.unref(l)),{default:e.withCtx(()=>[o.href?(e.openBlock(),e.createElementBlock("a",e.mergeProps({key:0,class:"onyx-menu-item__trigger",href:o.href,target:o.target,rel:o.target==="_blank"?"noreferrer":void 0},a.value),[e.renderSlot(s.$slots,"default")],16,ml)):(e.openBlock(),e.createElementBlock("button",e.mergeProps({key:1,class:"onyx-menu-item__trigger",type:"button",disabled:o.disabled},a.value),[e.renderSlot(s.$slots,"default"),o.target==="_blank"?(e.openBlock(),e.createBlock(j,{key:0},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(t)("link.opensExternally")),1)]),_:1})):e.createCommentVNode("",!0)],16,fl))]),_:3},16,["selected","active","color","disabled"]))}}),yl={class:"onyx-color-scheme-menu-item__value"},hl=e.defineComponent({__name:"OnyxColorSchemeMenuItem",props:{modelValue:{}},emits:["update:modelValue"],setup(n,{emit:o}){const t=n,l=o,{t:r}=S(),a=e.ref(!1);return(s,i)=>(e.openBlock(),e.createBlock(Le,{class:"onyx-color-scheme-menu-item",onClick:i[2]||(i[2]=d=>a.value=!0)},{default:e.withCtx(()=>[e.createVNode(C,{icon:e.unref(pl)},null,8,["icon"]),e.createElementVNode("div",null,[e.createTextVNode(e.toDisplayString(e.unref(r)("colorScheme.appearance"))+": ",1),e.createElementVNode("span",yl,e.toDisplayString(e.unref(r)(`colorScheme.${t.modelValue}.label`)),1)]),(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[e.createVNode(kt,{"model-value":t.modelValue,open:a.value,onClose:i[0]||(i[0]=d=>a.value=!1),"onUpdate:modelValue":i[1]||(i[1]=d=>l("update:modelValue",d))},null,8,["model-value","open"])]))]),_:1}))}}),vl=n=>e.computed(n),R=Symbol("MANAGED_SYMBOL"),oe=(n,o,t)=>{const l=e.computed(()=>n.value===R),r=e.ref(e.toValue(l)?o:n.value);return{state:vl({set:s=>{r.value=s,t(s)},get:()=>l.value?r.value:n.value}),isManaged:l}},_l=["aria-label"],Ie=e.defineComponent({__name:"OnyxFlyoutMenu",props:{open:{default:R},label:{}},emits:["update:open"],setup(n,{emit:o}){const t=n,l=o,{state:r}=oe(e.toRef(()=>t.open),!1,u=>l("update:open",u)),a=e.useSlots(),{elements:{root:s,button:i,menu:d}}=en({isExpanded:e.computed(()=>!!r.value),onToggle:()=>r.value=!r.value}),c=e.computed(()=>{var p;if(!a.default)return;const u=a.default().at(0);return(u==null?void 0:u.type.toString())==="Symbol(v-fgt)"?Array.isArray(u==null?void 0:u.children)?(p=u==null?void 0:u.children)==null?void 0:p.at(0):void 0:u});return(u,p)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps({class:"onyx-flyout-menu"},e.unref(s)),[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(c.value),e.normalizeProps(e.guardReactiveProps(e.unref(i))),null,16)),a.options||a.header||a.footer?e.withDirectives((e.openBlock(),e.createElementBlock("div",{key:0,"aria-label":t.label,class:e.normalizeClass({"onyx-flyout-menu__list--with-header":!!a.header,"onyx-flyout-menu__list--with-footer":!!a.footer,"onyx-flyout-menu__list":!0})},[e.renderSlot(u.$slots,"header"),a.options?(e.openBlock(),e.createElementBlock("ul",e.mergeProps({key:0},e.unref(d),{class:"onyx-flyout-menu__wrapper onyx-flyout-menu__group"}),[e.renderSlot(u.$slots,"options")],16)):e.createCommentVNode("",!0),e.renderSlot(u.$slots,"footer")],10,_l)),[[e.vShow,e.unref(r)]]):e.createCommentVNode("",!0)],16))}}),gt='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m9.905 6.22-1.06 1.06 4.72 4.72-4.72 4.72 1.06 1.06 5.78-5.78z"/></svg>',Y=Symbol(),kl='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M17.618 11.626H8.936l3.094-3.094-1.064-1.056-4.899 4.898 4.9 4.9 1.063-1.064-3.094-3.086h8.682z"/></svg>',gl=["aria-orientation"],xt=e.defineComponent({__name:"OnyxNavSeparator",props:{orientation:{default:"vertical"}},setup(n){const o=n,t=e.inject(Y);return(l,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["onyx-nav-separator",{"onyx-nav-separator--horizontal":o.orientation==="horizontal"||e.unref(t)}]),role:"separator","aria-orientation":o.orientation},null,10,gl))}}),xl={role:"presentation"},bl=e.defineComponent({__name:"NavButtonLayout",props:{href:{},withExternalIcon:{type:[Boolean,String]},mobileChildrenOpen:{},label:{},active:{type:Boolean},isMobile:{type:Boolean}},emits:["update:mobileChildrenOpen"],setup(n,{emit:o}){const t=n,l=e.useSlots(),{t:r}=S(),a=o;return(s,i)=>(e.openBlock(),e.createElementBlock("li",xl,[t.isMobile?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[t.isMobile&&s.mobileChildrenOpen?(e.openBlock(),e.createBlock(te,{key:0,label:e.unref(r)("back"),mode:"plain",color:"neutral",icon:e.unref(kl),onClick:i[0]||(i[0]=d=>a("update:mobileChildrenOpen",!1))},null,8,["label","icon"])):e.createCommentVNode("",!0),!s.mobileChildrenOpen||t.href?e.renderSlot(s.$slots,"button",{key:1}):e.createCommentVNode("",!0),s.mobileChildrenOpen&&t.href?(e.openBlock(),e.createBlock(xt,{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":s.mobileChildrenOpen}])},[e.renderSlot(s.$slots,"options")],2),[[e.vShow,s.mobileChildrenOpen]])],64)):(e.openBlock(),e.createBlock(Ie,{key:1,label:e.unref(r)("navItemOptionsLabel",{label:t.label})},e.createSlots({default:e.withCtx(()=>[e.renderSlot(s.$slots,"button")]),_:2},[l.options?{name:"options",fn:e.withCtx(()=>[e.renderSlot(s.$slots,"options")]),key:"0"}:void 0]),1032,["label"]))]))}}),Bl=["aria-label"],Cl={class:"onyx-truncation-ellipsis"},wl=e.defineComponent({__name:"OnyxNavButton",props:{href:{},withExternalIcon:{type:[Boolean,String],default:"auto"},mobileChildrenOpen:{default:R},label:{},active:{type:Boolean,default:!1}},emits:["navigate","update:mobileChildrenOpen"],setup(n,{emit:o}){const t=n,l=o,r=e.useSlots(),a=e.inject(Y),s=e.computed(()=>!!r.children),{state:i}=oe(e.toRef(()=>t.mobileChildrenOpen),!1,c=>l("update:mobileChildrenOpen",c)),d=c=>{a!=null&&a.value&&s.value&&!i.value?i.value=!0:t.href&&l("navigate",t.href,c)};return(c,u)=>(e.openBlock(),e.createBlock(bl,e.mergeProps(t,{"mobile-children-open":e.unref(i),"onUpdate:mobileChildrenOpen":u[0]||(u[0]=p=>e.isRef(i)?i.value=p:null),class:["onyx-nav-button",{"onyx-nav-button--mobile":e.unref(a),"onyx-nav-button--active":t.active}],"is-mobile":e.unref(a)??!1}),e.createSlots({button:e.withCtx(()=>[e.createElementVNode("button",{class:e.normalizeClass(["onyx-nav-button__trigger onyx-text",{"onyx-nav-button__link":t.href!=null}]),role:"menuitem","aria-label":t.label,type:"button",onClick:d},[e.renderSlot(c.$slots,"default",{},()=>[e.createElementVNode("span",Cl,e.toDisplayString(t.label),1),e.createVNode(ae,e.normalizeProps(e.guardReactiveProps(t)),null,16)]),e.unref(a)&&s.value&&!e.unref(i)?(e.openBlock(),e.createBlock(C,{key:0,class:"onyx-nav-button__mobile-chevron",icon:e.unref(gt)},null,8,["icon"])):e.createCommentVNode("",!0)],10,Bl)]),_:2},[r.children?{name:"options",fn:e.withCtx(()=>[e.renderSlot(c.$slots,"children")]),key:"0"}:void 0]),1040,["mobile-children-open","class","is-mobile"]))}}),Vl=e.defineComponent({__name:"OnyxNavItem",props:{href:{},withExternalIcon:{type:[Boolean,String],default:"auto"},mobileChildrenOpen:{},label:{},active:{type:Boolean}},emits:["navigate"],setup(n,{emit:o}){const t=n,l=o;return(r,a)=>(e.openBlock(),e.createBlock(Le,{class:"onyx-nav-item",active:t.active,href:t.href??"javascript:void(0)",onClick:a[0]||(a[0]=s=>t.href&&l("navigate",t.href))},{default:e.withCtx(()=>[e.renderSlot(r.$slots,"default",{},()=>[e.createElementVNode("span",null,e.toDisplayString(t.label),1),e.createVNode(ae,e.normalizeProps(e.guardReactiveProps(t)),null,16)])]),_:3},8,["active","href"]))}}),El=n=>{const o=e.ref(),t=e.ref(_e(new Date(n.value).getTime())),l=e.computed(()=>t.value===0);return e.watch(n,r=>{clearInterval(o.value);const a=new Date(r).getTime();t.value=_e(a),o.value=setInterval(()=>{t.value=_e(a),l.value&&clearInterval(o.value)},1e3)},{immediate:!0}),e.onBeforeUnmount(()=>clearInterval(o.value)),{timeLeft:t,isEnded:l}},_e=n=>{const o=n-Date.now();return Math.max(o,0)},bt=n=>{const o=Math.floor(n/6e4/60),t=Math.floor(n/6e4%60),l=Math.floor(n%6e4/1e3);return{hours:o,minutes:t,seconds:l}},Sl=(n,o)=>{const{hours:t,minutes:l,seconds:r}=bt(n),a=d=>d.toString().padStart(2,"0");let s="",i=ke(o.formatToParts(n,"seconds"));return l>0&&(i=ke(o.formatToParts(n,"minutes"))),t>0&&(i=ke(o.formatToParts(n,"hours")),s=`${a(t)}:`),`${s}${a(l)}:${a(r)} ${i}`},ke=n=>{var o;return((o=n.at(-1))==null?void 0:o.value.replace(".","").trim())??""},Nl=n=>{const{hours:o,minutes:t,seconds:l}=bt(n);return`PT${o}H${t}M${l}S`},Ml=["aria-label"],$l={key:0,class:"onyx-timer__label"},Ol=["datetime"],Tl=e.defineComponent({__name:"OnyxTimer",props:{endTime:{},label:{},hideLabel:{type:Boolean}},emits:["timerEnded"],setup(n,{emit:o}){const t=n,l=o,{locale:r}=S(),{timeLeft:a,isEnded:s}=El(e.computed(()=>t.endTime)),i=e.computed(()=>new Intl.RelativeTimeFormat(r.value,{numeric:"always",style:"short"})),d=e.computed(()=>Sl(a.value,i.value));return e.watchEffect(()=>s.value&&l("timerEnded")),(c,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",$l,e.toDisplayString(t.label),1)),e.createElementVNode("time",{datetime:e.unref(Nl)(e.unref(a)),class:"onyx-timer__time"},e.toDisplayString(d.value),9,Ol)],8,Ml))}}),Ll={class:"onyx-user-menu__footer onyx-text--small"},Il=e.defineComponent({__name:"UserMenuLayout",props:{isMobile:{type:Boolean},flyoutOpen:{default:R}},emits:["update:flyoutOpen"],setup(n){const o=n,t=e.useModel(o,"flyoutOpen"),l=e.useSlots(),{t:r}=S();return(a,s)=>(e.openBlock(),e.createElementBlock("div",null,[o.isMobile?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.renderSlot(a.$slots,"header"),e.renderSlot(a.$slots,"options"),l.footer?(e.openBlock(),e.createBlock(ie,{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(Ie,{key:1,open:e.unref(t),"onUpdate:open":s[0]||(s[0]=i=>e.isRef(t)?t.value=i:null),label:e.unref(r)("navigation.userMenuLabel")},e.createSlots({header:e.withCtx(()=>[e.renderSlot(a.$slots,"header")]),options:e.withCtx(()=>[e.renderSlot(a.$slots,"options")]),default:e.withCtx(()=>[e.renderSlot(a.$slots,"button")]),_:2},[l.footer?{name:"footer",fn:e.withCtx(()=>[e.createElementVNode("div",Ll,[e.renderSlot(a.$slots,"footer")])]),key:"0"}:void 0]),1032,["open","label"]))]))}}),Dl={class:"onyx-user-menu__trigger onyx-text",type:"button"},Pl={class:"onyx-truncation-ellipsis"},Al={class:"onyx-user-menu__header"},zl={class:"onyx-truncation-ellipsis"},Rl={class:"onyx-user-menu__username onyx-text onyx-truncation-ellipsis"},Hl={key:0,class:"onyx-user-menu__description onyx-text--small onyx-truncation-ellipsis"},Fl={class:"onyx-user-menu__options"},Ul=e.defineComponent({__name:"OnyxUserMenu",props:{username:{},avatar:{},description:{},flyoutOpen:{default:R}},emits:["update:flyoutOpen"],setup(n,{emit:o}){const t=n,l=o,r=e.useSlots(),a=e.computed(()=>({src:t.avatar,label:t.username})),s=e.inject(Y,e.computed(()=>!1));return(i,d)=>(e.openBlock(),e.createBlock(Il,{class:e.normalizeClass(["onyx-user-menu",{"onyx-user-menu--mobile":e.unref(s)}]),"is-mobile":e.unref(s),"flyout-open":i.flyoutOpen,"onUpdate:flyoutOpen":d[0]||(d[0]=c=>l("update:flyoutOpen",c))},e.createSlots({button:e.withCtx(()=>[e.createElementVNode("button",Dl,[e.createVNode(ge,e.mergeProps(a.value,{size:"24px"}),null,16),e.createElementVNode("span",Pl,e.toDisplayString(t.username),1)])]),header:e.withCtx(()=>[e.createElementVNode("div",Al,[e.createVNode(ge,e.normalizeProps(e.guardReactiveProps(a.value)),null,16),e.createElementVNode("div",zl,[e.createElementVNode("div",Rl,e.toDisplayString(t.username),1),t.description?(e.openBlock(),e.createElementBlock("div",Hl,e.toDisplayString(t.description),1)):e.createCommentVNode("",!0)])])]),options:e.withCtx(()=>[e.createElementVNode("div",Fl,[e.renderSlot(i.$slots,"default")])]),_:2},[r.footer?{name:"footer",fn:e.withCtx(()=>[e.renderSlot(i.$slots,"footer")]),key:"0"}:void 0]),1032,["class","is-mobile","flyout-open"]))}}),Bt='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m15.155 7.28-1.06-1.06L8.315 12l5.78 5.78 1.06-1.06-4.72-4.72z"/></svg>',ql='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M22.5 6h-21v1.5h21zm0 5.25h-21v1.5h21zm-21 5.25h21V18h-21z"/></svg>',Gl='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 1.5A2.25 2.25 0 1 1 12 6a2.25 2.25 0 0 1 0-4.5m0 8.25a2.25 2.25 0 1 1 0 4.5 2.25 2.25 0 0 1 0-4.5m1.25 8.63a2.25 2.25 0 1 0-2.5 3.741 2.25 2.25 0 0 0 2.5-3.742"/></svg>',Kl=(n,o)=>{const t="content-box",l=e.ref(0),r=e.ref(0),a=s=>{const i=s[0].contentBoxSize;l.value=i.reduce((d,{inlineSize:c})=>d+c,0),r.value=i.reduce((d,{blockSize:c})=>d+c,0)};return e.onBeforeMount(()=>{const s=new ResizeObserver(a);e.watch(n,(i,d)=>{d&&(s==null||s.unobserve(d)),i&&(s==null||s.observe(i,{box:t}))},{immediate:!0}),e.onBeforeUnmount(()=>s.disconnect())}),{width:l,height:r}},Ct={"2xs":320,xs:576,sm:768,md:992,lg:1440,xl:1920},Zl=["primary","secondary","neutral","danger","warning","success","info"],jl=["small","default","large"],Yl=["ellipsis","multiline"],Wl=["horizontal","vertical"],Jl={class:"onyx-nav-bar__content"},Xl={key:0,class:"onyx-nav-bar__mobile-page onyx-truncation-ellipsis"},Ql={role:"menubar"},ea={role:"menubar"},ta={key:0,class:"onyx-nav-bar__mobile-context"},oa={key:0,class:"onyx-nav-bar__mobile-global-context"},na={class:"onyx-nav-bar__mobile-context-content"},la={key:1,class:"onyx-nav-bar__context"},aa=e.defineComponent({__name:"OnyxNavBar",props:{logoUrl:{},appName:{},withBackButton:{type:Boolean},appAreaLabel:{},mobileBreakpoint:{default:"sm"}},emits:["navigateToStart","navigateBack"],setup(n,{expose:o,emit:t}){const l=n,r=t,a=e.useSlots(),s=e.ref(),{width:i}=Kl(s),{t:d}=S(),{elements:{nav:c}}=on({navigationName:e.toRef(()=>l.appName)}),u=e.ref(!1),p=e.ref(!1),y=e.computed(()=>{const m=typeof l.mobileBreakpoint=="number"?l.mobileBreakpoint:Ct[l.mobileBreakpoint];return i.value!==0&&i.value<m});return e.provide(Y,y),o({closeMobileMenus:()=>{u.value=!1,p.value=!1}}),(m,f)=>(e.openBlock(),e.createElementBlock("header",{ref_key:"navBarRef",ref:s,class:e.normalizeClass(["onyx-nav-bar",{"onyx-nav-bar--mobile":y.value}])},[e.createElementVNode("div",Jl,[y.value&&a.mobileActivePage&&!u.value&&!p.value?(e.openBlock(),e.createElementBlock("span",Xl,[e.renderSlot(m.$slots,"mobileActivePage")])):l.appName||l.logoUrl||a.appArea?(e.openBlock(),e.createBlock(_t,{key:1,class:"onyx-nav-bar__app","app-name":l.appName,"logo-url":l.logoUrl,label:l.appAreaLabel,onClick:f[0]||(f[0]=v=>{r("navigateToStart",v),u.value=!1})},{default:e.withCtx(()=>[e.renderSlot(m.$slots,"appArea")]),_:3},8,["app-name","logo-url","label"])):e.createCommentVNode("",!0),l.withBackButton?(e.openBlock(),e.createBlock(yt,{key:2,class:"onyx-nav-bar__back",label:e.unref(d)("navigation.goBack"),icon:e.unref(Bt),color:"neutral",onClick:f[1]||(f[1]=v=>r("navigateBack",v))},null,8,["label","icon"])):e.createCommentVNode("",!0),a.default?(e.openBlock(),e.createElementBlock(e.Fragment,{key:3},[y.value?(e.openBlock(),e.createBlock(Ve,{key:0,open:u.value,"onUpdate:open":[f[2]||(f[2]=v=>u.value=v),f[3]||(f[3]=v=>p.value=!1)],class:"onyx-nav-bar__burger",icon:e.unref(ql),label:e.unref(d)("navigation.toggleBurgerMenu"),headline:e.unref(d)("navigation.navigationHeadline")},{default:e.withCtx(()=>[e.createElementVNode("nav",e.mergeProps({class:"onyx-nav-bar__nav--mobile"},e.unref(c)),[e.createElementVNode("ul",Ql,[e.renderSlot(m.$slots,"default")])],16)]),_:3},8,["open","icon","label","headline"])):(e.openBlock(),e.createElementBlock("nav",e.mergeProps({key:1,class:"onyx-nav-bar__nav"},e.unref(c)),[e.createElementVNode("ul",ea,[e.renderSlot(m.$slots,"default")])],16))],64)):e.createCommentVNode("",!0),a.contextArea||a.globalContextArea?(e.openBlock(),e.createElementBlock(e.Fragment,{key:4},[y.value?(e.openBlock(),e.createElementBlock("div",ta,[a.globalContextArea?(e.openBlock(),e.createElementBlock("div",oa,[e.renderSlot(m.$slots,"globalContextArea")])):e.createCommentVNode("",!0),a.contextArea?(e.openBlock(),e.createBlock(Ve,{key:1,open:p.value,"onUpdate:open":[f[4]||(f[4]=v=>p.value=v),f[5]||(f[5]=v=>u.value=!1)],icon:e.unref(Gl),label:e.unref(d)("navigation.toggleContextMenu")},{default:e.withCtx(()=>[e.createElementVNode("div",na,[e.renderSlot(m.$slots,"contextArea")])]),_:3},8,["open","icon","label"])):e.createCommentVNode("",!0)])):(e.openBlock(),e.createElementBlock("div",la,[a.globalContextArea?e.renderSlot(m.$slots,"globalContextArea",{key:0}):e.createCommentVNode("",!0),a.contextArea?e.renderSlot(m.$slots,"contextArea",{key:1}):e.createCommentVNode("",!0)]))],64)):e.createCommentVNode("",!0)])],2))}}),ra={key:0,class:"onyx-page__sidebar"},sa={class:"onyx-page__main"},ia={key:1,class:"onyx-page__footer"},ca=e.defineComponent({__name:"OnyxPageLayout",props:{skeleton:{type:Boolean},footerAsideSidebar:{type:Boolean},hideSidebar:{type:Boolean}},setup(n){const o=n,t=e.useSlots();je(o);const l=e.computed(()=>o.footerAsideSidebar?"onyx-page--footer-partial":"onyx-page--footer-full");return(r,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["onyx-page",l.value])},[t.sidebar&&!o.hideSidebar?(e.openBlock(),e.createElementBlock("aside",ra,[e.renderSlot(r.$slots,"sidebar")])):e.createCommentVNode("",!0),e.createElementVNode("main",sa,[e.renderSlot(r.$slots,"default")]),t.footer?(e.openBlock(),e.createElementBlock("footer",ia,[e.renderSlot(r.$slots,"footer")])):e.createCommentVNode("",!0)],2))}}),wt=n=>{const t=e.ref(!1),l=a=>{const s=a.target;if(!(s instanceof Element))return;const i=e.unref(n.offset)??0;t.value=Math.abs(s.scrollTop)+s.clientHeight>=s.scrollHeight-i-1};return{vScrollEnd:{mounted:a=>{e.watchEffect(()=>{var i;(((i=n.enabled)==null?void 0:i.value)??!0)&&!n.loading.value?a.addEventListener("scroll",l):a.removeEventListener("scroll",l)})}},isScrollEnd:t}},Vt=(n,o)=>{const t=qe(n.toLowerCase()),l=qe(o.toLowerCase());return t.includes(l)},qe=n=>n.normalize("NFD").replace(/[\u0300-\u036f]/g,""),ua='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m16.718 14.123 1.057 1.057-5.782 5.782L6.21 15.18l1.058-1.057 4.717 4.717 4.718-4.717zM12 5.153l4.718 4.717 1.057-1.057-5.782-5.783L6.21 8.813 7.268 9.87l4.717-4.717z"/></svg>',da=["id","readonly","placeholder","required","disabled","aria-label","title","value","autofocus"],pa=["aria-label","disabled"],Et=e.defineComponent({inheritAttrs:!1,__name:"OnyxSelectInput",props:{disabled:{default:$},showError:{default:$},density:{},required:{type:Boolean},requiredMarker:{},customError:{},autofocus:{type:Boolean},id:{},label:{},labelTooltip:{},hideLabel:{type:Boolean,default:!1},message:{},messageTooltip:{},errorMessages:{},modelValue:{},textMode:{},skeleton:{type:[Symbol,Boolean],default:P},readonly:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},placeholder:{},showFocus:{type:Boolean}},emits:["inputClick","validityChange"],setup(n,{expose:o,emit:t}){const{rootAttrs:l,restAttrs:r}=ht(),a=n,s=t,{t:i}=S(),{vCustomValidity:d,errorMessages:c}=H({props:a,emit:s}),{disabled:u,showError:p}=I(a),y=z(a),m=re(p),f=e.computed(()=>a.modelValue?a.modelValue.length:0),v=e.computed(()=>{var T;const g=(T=a.modelValue)==null?void 0:T.length;if(!a.modelValue||!g)return"";if(g===1)return a.modelValue[0];switch(a.textMode){case"preview":return a.modelValue.join(", ");case"summary":default:return i.value("selections.currentSelection",{n:g})}}),_=e.ref(!1),{densityClass:w}=V(a),k=e.ref();o({focus:()=>{var g;return(g=k.value)==null?void 0:g.focus()}}),e.watch(()=>a.showFocus,(g,T)=>{_.value||T&&g===!1&&(_.value=!0)});const b=rt.concat(st),E=g=>{b.includes(g.key)||g.preventDefault()};return(g,T)=>e.unref(y)?(e.openBlock(),e.createElementBlock("div",e.mergeProps({key:0,class:["onyx-select-input-skeleton",e.unref(w)]},e.unref(l)),[a.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(M,{key:0,class:"onyx-select-input-skeleton__label"})),e.createVNode(M,{class:"onyx-select-input-skeleton__input"})],16)):(e.openBlock(),e.createElementBlock("div",e.mergeProps({key:1,class:["onyx-select-input",e.unref(w),e.unref(m),a.readonly?"onyx-select-input--readonly":"onyx-select-input--editable"]},e.unref(l)),[e.createVNode(se,e.mergeProps(a,{"error-messages":e.unref(c)}),{default:e.withCtx(({id:K})=>[e.createElementVNode("div",{class:"onyx-select-input__wrapper",onClick:T[0]||(T[0]=U=>!e.unref(u)&&!a.loading&&s("inputClick"))},[a.loading?(e.openBlock(),e.createBlock(A,{key:0,class:"onyx-select-input__loading",type:"circle"})):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("input",e.mergeProps({id:K,ref_key:"input",ref:k,class:{"onyx-select-input__native":!0,"onyx-select-input__native--show-focus":a.showFocus,"onyx-truncation-ellipsis":!0,"onyx-select-input__native--touched":_.value}},e.unref(r),{type:"text",readonly:a.readonly,placeholder:a.placeholder,required:a.required,disabled:e.unref(u)||a.loading,"aria-label":a.hideLabel?a.label:void 0,title:a.hideLabel?a.label:void 0,value:v.value,autofocus:a.autofocus,autocomplete:"off",onKeydown:E}),null,16,da),[[e.unref(d)]]),a.textMode==="preview"&&f.value>0?(e.openBlock(),e.createBlock(Z,{key:1,text:v.value,position:"bottom"},{default:e.withCtx(({trigger:U})=>[e.createVNode(Ge,e.mergeProps({class:"onyx-select-input__badge"},U,{color:"neutral"}),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(f.value),1)]),_:2},1040)]),_:1},8,["text"])):e.createCommentVNode("",!0),e.createElementVNode("button",{class:"onyx-select-input__button",type:"button","aria-label":e.unref(i)("select.toggleDropDown"),tabindex:"-1",disabled:e.unref(u)||a.readonly||a.loading},[e.createVNode(C,{icon:e.unref(ua)},null,8,["icon"])],8,pa)])]),_:1},16,["error-messages"])],16))}}),ma=["checked","aria-labelledby","disabled","indeterminate"],Ee=e.defineComponent({__name:"OnyxSelectOption",props:{active:{type:Boolean,default:!1},density:{},multiple:{type:Boolean,default:!1},indeterminate:{type:Boolean},icon:{},truncation:{default:"ellipsis"}},setup(n){const o=n;return(t,l)=>(e.openBlock(),e.createBlock(ie,e.mergeProps({class:"onyx-select-option"},o,{checked:!!t.$attrs["aria-checked"],selected:!!t.$attrs["aria-selected"],disabled:!!t.$attrs["aria-disabled"]}),{default:e.withCtx(()=>[o.multiple?(e.openBlock(),e.createElementBlock("input",{key:0,checked:!!t.$attrs["aria-checked"],"aria-labelledby":t.$attrs.id,disabled:!!t.$attrs["aria-disabled"],indeterminate:o.indeterminate,"aria-hidden":"true",tabindex:"-1",class:"onyx-select-option__checkbox",type:"checkbox"},null,8,ma)):e.createCommentVNode("",!0),o.icon?(e.openBlock(),e.createBlock(C,{key:1,icon:o.icon},null,8,["icon"])):e.createCommentVNode("",!0),e.createElementVNode("span",{class:e.normalizeClass([`onyx-truncation-${o.truncation}`])},[e.renderSlot(t.$slots,"default")],2)]),_:3},16,["checked","selected","disabled"]))}}),fa=["inert"],ya={class:"onyx-select__wrapper",tabindex:"-1"},ha={key:0,role:"group",class:"onyx-select__group"},va={role:"option","aria-selected":"false"},_a={key:0,role:"presentation",class:"onyx-select__group-name onyx-text--small"},ka={key:1,class:"onyx-select__slot"},ga={key:2,class:"onyx-select__slot"},xa={key:0,class:"onyx-select__description onyx-text--small"},St=e.defineComponent({__name:"OnyxSelect",props:{density:{},multiple:{type:Boolean},modelValue:{},withCheckAll:{type:[Boolean,Object]},withSearch:{type:Boolean},searchTerm:{default:R},showError:{},required:{type:Boolean},requiredMarker:{},customError:{},autofocus:{type:Boolean},id:{},label:{},labelTooltip:{},hideLabel:{type:Boolean},message:{},messageTooltip:{},errorMessages:{},textMode:{},skeleton:{type:[Symbol,Boolean]},readonly:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},placeholder:{},truncation:{default:"ellipsis"},disabled:{default:$},valueLabel:{default:void 0},open:{default:R},alignment:{default:"full"},listLabel:{},listDescription:{},options:{},lazyLoading:{}},emits:["update:modelValue","update:searchTerm","update:open","lazyLoad","validityChange"],setup(n,{emit:o}){const t=n,l=o,{densityClass:r}=V(t),a=e.useSlots(),{t:s}=S(),{state:i,isManaged:d}=oe(e.toRef(()=>t.searchTerm),"",h=>l("update:searchTerm",h)),{state:c}=oe(e.toRef(()=>t.open),!1,h=>l("update:open",h)),u=e.ref(),{openDirection:p,updateOpenDirection:y}=ut(u),m=e.ref(),f=e.computed(()=>t.modelValue===void 0?[]:t.multiple&&Array.isArray(t.modelValue)?t.modelValue:[t.modelValue]),v=e.computed(()=>t.valueLabel!==void 0?Array.isArray(t.valueLabel)?t.valueLabel:[t.valueLabel]:f.value.reduce((h,B)=>{var O;const N=(O=t.options.find(({value:L})=>L===B))==null?void 0:O.label;return N&&h.push(N),h},[])),_=e.ref(),w=e.ref(),k=e.computed(()=>d.value&&i.value?t.options.filter(({label:h})=>Vt(h,i.value)):t.options);e.watch(f,()=>{t.multiple||(m.value=f.value.at(0))},{immediate:!0});const b=e.useId(),E=e.computed(()=>(t.multiple&&t.withCheckAll&&!i.value?[b]:[]).concat(ze.value)),g=async h=>{var N,O;if(t.readonly){c.value=!1;return}const B=c.value;c.value=!B,await e.nextTick(),c.value&&y(),B!==c.value&&(B?(i.value&&(i.value=""),h||(N=w.value)==null||N.focus()):(O=_.value)==null||O.focus())},T=()=>m.value=E.value.at(0),K=()=>m.value=E.value.at(-1),U=h=>{const B=E.value.findIndex(N=>N===h);B<E.value.length-1&&(m.value=E.value[B+1])},ce=h=>{const B=E.value.findIndex(N=>N===h);B>0&&(m.value=E.value[B-1])},ue=h=>{const B=k.value.find(N=>N.label.toLowerCase().trim().startsWith(h.toLowerCase()));B&&(m.value=B.value)},de=h=>i.value=h,pe=h=>{var O;if(h===b){(O=W.value)==null||O.handleChange(!W.value.state.value.modelValue);return}if(!k.value.find(({value:L})=>L===h))return;if(!t.multiple)return l("update:modelValue",h);f.value.some(L=>L===h)?l("update:modelValue",f.value.filter(L=>L!==h)):l("update:modelValue",[...f.value,h])},me=e.computed(()=>t.withSearch?"list":"none"),{label:x,listLabel:fe,listDescription:Ot,multiple:Tt}=e.toRefs(t),{elements:{input:ye,option:Pe,group:Ae,listbox:Lt}}=Qo({autocomplete:me,label:x,listLabel:fe,listDescription:Ot,multiple:Tt,activeOption:e.computed(()=>m.value),isExpanded:c,templateRef:u,onToggle:g,onActivateFirst:T,onActivateLast:K,onActivateNext:U,onActivatePrevious:ce,onTypeAhead:ue,onAutocomplete:de,onSelect:pe}),It=e.computed(()=>Ro(k.value,"group")),{vScrollEnd:Dt,isScrollEnd:Pt}=wt({enabled:e.computed(()=>{var h;return((h=t.lazyLoading)==null?void 0:h.enabled)??!1}),loading:e.computed(()=>t.loading),offset:e.computed(()=>{var h;return(h=t.lazyLoading)==null?void 0:h.scrollOffset})}),he=e.computed(()=>{if(!k.value.length)return t.withSearch&&i.value?s.value("select.noMatch"):s.value("select.empty")}),ze=e.computed(()=>k.value.filter(h=>!h.disabled).map(({value:h})=>h)),W=e.computed(()=>{if(!(!t.multiple||!t.withCheckAll))return dt(ze,f,h=>{const B=h.map(N=>{var O;return(O=t.options.find(({value:L})=>L===N))==null?void 0:O.value}).filter(N=>N!=null);l("update:modelValue",B)})}),ve=e.computed(()=>{var B;if(!t.multiple)return"";const h=s.value("selections.selectAll");return typeof t.withCheckAll=="boolean"?h:((B=t.withCheckAll)==null?void 0:B.label)??h});e.watchEffect(()=>{Pt.value&&l("lazyLoad")});const At=e.computed(()=>{const h={...t,open:void 0,modelValue:v.value};return t.withSearch?{...h,onKeydown:ye.value.onKeydown}:{...h,...ye.value}});return(h,B)=>{var N,O,L;return e.openBlock(),e.createElementBlock("div",{ref_key:"selectRef",ref:u,class:"onyx-select-wrapper"},[e.createVNode(Et,e.mergeProps({ref_key:"selectInput",ref:w},At.value,{"show-focus":e.unref(c),autofocus:t.autofocus,onInputClick:g,onValidityChange:B[0]||(B[0]=J=>l("validityChange",J))}),null,16,["show-focus","autofocus"]),e.createElementVNode("div",{class:e.normalizeClass(["onyx-select",e.unref(r),e.unref(c)?"onyx-select--open":"",`onyx-select--${e.unref(p)}`,`onyx-select--${t.alignment}`]),inert:!e.unref(c)},[e.withDirectives((e.openBlock(),e.createElementBlock("div",ya,[t.withSearch?(e.openBlock(),e.createBlock(vt,e.mergeProps({key:0,ref_key:"miniSearch",ref:_,"model-value":e.unref(i)},e.unref(ye),{label:e.unref(s)("select.searchInputLabel"),class:"onyx-select__search",onClear:B[1]||(B[1]=J=>i.value="")}),null,16,["model-value","label"])):e.createCommentVNode("",!0),e.createElementVNode("div",e.normalizeProps(e.guardReactiveProps(e.unref(Lt))),[he.value?(e.openBlock(),e.createElementBlock("ul",ha,[e.createElementVNode("li",va,[e.renderSlot(h.$slots,"empty",{defaultMessage:he.value},()=>[e.createVNode(Oe,null,{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(he.value),1)]),_:1})])])])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[t.multiple&&t.withCheckAll&&!e.unref(i)?(e.openBlock(),e.createElementBlock("ul",e.mergeProps({key:0,class:"onyx-select__check-all"},e.unref(Ae)({label:ve.value})),[e.createVNode(Ee,e.mergeProps(e.unref(Pe)({value:e.unref(b),label:ve.value,selected:(N=W.value)==null?void 0:N.state.value.modelValue}),{multiple:"",active:e.unref(b)===m.value,indeterminate:(O=W.value)==null?void 0:O.state.value.indeterminate,density:t.density}),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(ve.value),1)]),_:1},16,["active","indeterminate","density"])],16)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(It.value,(J,X)=>(e.openBlock(),e.createElementBlock("ul",e.mergeProps({key:X,class:"onyx-select__group",ref_for:!0},e.unref(Ae)({label:X})),[X!=""?(e.openBlock(),e.createElementBlock("li",_a,e.toDisplayString(X),1)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(J,D=>(e.openBlock(),e.createBlock(Ee,e.mergeProps({key:D.value.toString(),ref_for:!0},e.unref(Pe)({value:D.value,label:D.label,disabled:D.disabled,selected:f.value.some(zt=>zt===D.value)}),{multiple:t.multiple,active:D.value===m.value,icon:D.icon,density:t.density,truncation:D.truncation??t.truncation}),{default:e.withCtx(()=>[e.renderSlot(h.$slots,"option",e.mergeProps({ref_for:!0},D),()=>[e.createTextVNode(e.toDisplayString(D.label),1)])]),_:2},1040,["multiple","active","icon","density","truncation"]))),128))],16))),128))],64))],16),(L=t.lazyLoading)!=null&&L.loading?(e.openBlock(),e.createElementBlock("div",ka,[e.createVNode(A,{class:"onyx-select__loading"})])):e.createCommentVNode("",!0),a.optionsEnd?(e.openBlock(),e.createElementBlock("div",ga,[e.renderSlot(h.$slots,"optionsEnd")])):e.createCommentVNode("",!0)])),[[e.unref(Dt)]]),t.listDescription?(e.openBlock(),e.createElementBlock("div",xa,e.toDisplayString(t.listDescription),1)):e.createCommentVNode("",!0)],10,fa)],512)}}}),ba=["aria-label"],Ba={class:"onyx-pagination__count"},Ca=["aria-label","disabled"],wa=["aria-label","disabled"],Va=e.defineComponent({__name:"SelectPagination",props:{density:{},modelValue:{},pages:{},disabled:{type:Boolean}},emits:["update:modelValue"],setup(n,{emit:o}){const t=n,l=o,{t:r}=S(),{densityClass:a}=V(t),s=e.computed(()=>Array.from({length:t.pages},(c,u)=>{const p=u+1;return{label:p.toString(),value:p}})),i=e.computed(()=>t.modelValue<=1),d=e.computed(()=>t.modelValue>=t.pages);return(c,u)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["onyx-pagination","onyx-text",e.unref(a)]),role:"group","aria-label":e.unref(r)("pagination.label"),style:e.normalizeStyle({"--onyx-pagination-character-count":t.modelValue.toString().length})},[e.createVNode(St,{class:"onyx-pagination__select",label:e.unref(r)("pagination.select.label"),"list-label":e.unref(r)("pagination.select.listLabel"),options:s.value,"model-value":t.modelValue,"value-label":t.modelValue.toString(),"hide-label":"",disabled:t.disabled||t.pages<=1,alignment:"left","with-search":"","onUpdate:modelValue":u[0]||(u[0]=p=>l("update:modelValue",p))},null,8,["label","list-label","options","model-value","value-label","disabled"]),e.createElementVNode("div",Ba,e.toDisplayString(e.unref(r)("pagination.ofPages",{n:t.pages})),1),e.createElementVNode("button",{class:"onyx-pagination__button","aria-label":e.unref(r)("pagination.previous"),type:"button",disabled:t.disabled||i.value,onClick:u[1]||(u[1]=p=>l("update:modelValue",t.modelValue-1))},[e.createVNode(C,{icon:e.unref(Bt)},null,8,["icon"])],8,Ca),e.createElementVNode("button",{class:"onyx-pagination__button","aria-label":e.unref(r)("pagination.next"),type:"button",disabled:t.disabled||d.value,onClick:u[2]||(u[2]=p=>l("update:modelValue",t.modelValue+1))},[e.createVNode(C,{icon:e.unref(gt)},null,8,["icon"])],8,wa)],14,ba))}}),Ea=e.defineComponent({__name:"OnyxPagination",props:{density:{},modelValue:{},pages:{},disabled:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(n,{emit:o}){const t=n,l=o;return(r,a)=>(e.openBlock(),e.createBlock(Va,e.mergeProps(t,{"onUpdate:modelValue":a[0]||(a[0]=s=>l("update:modelValue",s))}),null,16))}}),Sa=["required","name","value","checked","disabled","autofocus"],Se=e.defineComponent({__name:"OnyxRadioButton",props:{density:{},value:{},label:{},disabled:{default:$},loading:{type:Boolean,default:!1},skeleton:{type:[Symbol,Boolean],default:P},truncation:{default:"ellipsis"},customError:{},autofocus:{type:Boolean},name:{},checked:{type:Boolean,default:!1},required:{type:Boolean,default:!1}},emits:["validityChange"],setup(n,{emit:o}){const t=n,l=o,{vCustomValidity:r,errorMessages:a}=H({props:t,emit:l}),{densityClass:s}=V(t),{disabled:i}=I(t),d=z(t);return(c,u)=>e.unref(d)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["onyx-radio-button-skeleton",e.unref(s)])},[e.createVNode(M,{class:"onyx-radio-button-skeleton__input"}),e.createVNode(M,{class:"onyx-radio-button-skeleton__label"})],2)):(e.openBlock(),e.createBlock($e,{key:1,disabled:e.unref(i),"error-messages":e.unref(a)},{default:e.withCtx(()=>[e.createElementVNode("label",{class:e.normalizeClass(["onyx-radio-button",e.unref(s)])},[t.loading?(e.openBlock(),e.createBlock(A,{key:0,class:"onyx-radio-button__loading",type:"circle"})):e.withDirectives((e.openBlock(),e.createElementBlock("input",{key:1,class:"onyx-radio-button__selector",type:"radio",required:t.required,name:t.name,value:t.value,checked:t.checked,disabled:e.unref(i),autofocus:t.autofocus},null,8,Sa)),[[e.unref(r)]]),e.createElementVNode("span",{class:e.normalizeClass(["onyx-radio-button__label",[`onyx-truncation-${t.truncation}`]])},e.toDisplayString(t.label),3)],2)]),_:1},8,["disabled","error-messages"]))}}),Na=["disabled","aria-label"],Ma={key:0,class:"onyx-radio-group__headline"},$a=e.defineComponent({__name:"OnyxRadioGroup",props:{density:{},required:{type:Boolean,default:!1},requiredMarker:{},customError:{},truncation:{default:"ellipsis"},label:{},hideLabel:{type:Boolean},options:{},name:{default:()=>e.useId()??""},modelValue:{},disabled:{default:$},direction:{default:"vertical"},skeleton:{}},emits:["update:modelValue","validityChange"],setup(n,{emit:o}){const t=n,{densityClass:l}=V(t),{requiredMarkerClass:r,requiredTypeClass:a}=ne(t),{disabled:s}=I(t),i=o,d=(c,u)=>{c&&i("update:modelValue",u)};return(c,u)=>(e.openBlock(),e.createElementBlock("fieldset",{class:e.normalizeClass(["onyx-radio-group",e.unref(l),e.unref(a)]),disabled:e.unref(s),role:"radiogroup","aria-label":t.label},[t.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("legend",Ma,[e.createVNode(G,{is:"h3",class:e.normalizeClass(e.unref(r))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.label),1)]),_:1},8,["class"])])),e.createElementVNode("div",{class:e.normalizeClass(["onyx-radio-group__content",{"onyx-radio-group__content--horizontal":t.direction==="horizontal"}])},[t.skeleton===void 0?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(t.options,(p,y)=>(e.openBlock(),e.createBlock(Se,e.mergeProps({key:p.value.toString(),ref_for:!0},p,{name:t.name,"custom-error":t.customError,checked:p.value===t.modelValue,required:t.required,truncation:p.truncation??t.truncation,onValidityChange:m=>y===0&&i("validityChange",m),onChange:m=>d(m,p.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,p=>(e.openBlock(),e.createBlock(Se,{id:`skeleton-${p}`,key:p,value:`skeleton-${p}`,label:"Skeleton ${i}",name:t.name,skeleton:""},null,8,["id","value","name"]))),128))],2)],10,Na))}}),Oa=["full","left","right"],Ta=["summary","preview"],La='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 11.25h18v1.5H3z"/></svg>',Ia='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12.75 11.25V3h-1.5v8.25H3v1.5h8.25V21h1.5v-8.25H21v-1.5z"/></svg>',Da={class:"onyx-stepper__wrapper"},Pa=["disabled","aria-label"],Aa=["aria-label","autofocus","disabled","min","max","name","placeholder","readonly","required","step","title"],za=["disabled","aria-label"],Ra=e.defineComponent({__name:"OnyxStepper",props:{disabled:{default:$},showError:{default:$},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:{},readonly:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},skeleton:{type:[Symbol,Boolean],default:P}},emits:["update:modelValue","validityChange"],setup(n,{emit:o}){const t=n,{t:l}=S(),r=e.ref(),a=o,{disabled:s,showError:i}=I(t),d=z(t),c=re(i),{densityClass:u}=V(t),{vCustomValidity:p,errorMessages:y}=H({props:t,emit:a}),m=e.ref(!1),f=e.computed({get:()=>t.modelValue,set:k=>a("update:modelValue",k)}),v=k=>{if(!r.value)return;r.value[`${k}`]();const b=r.value.valueAsNumber;f.value=isNaN(b)?void 0:b},_=e.computed(()=>l.value("stepper.increment",{stepSize:t.step})),w=e.computed(()=>l.value("stepper.decrement",{stepSize:t.step}));return(k,b)=>e.unref(d)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["onyx-stepper-skeleton",e.unref(u)])},[t.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(M,{key:0,class:"onyx-stepper-skeleton__label"})),e.createVNode(M,{class:"onyx-stepper-skeleton__input"})],2)):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["onyx-stepper",e.unref(u),e.unref(c)])},[e.createVNode(se,e.mergeProps(t,{"error-messages":e.unref(y)}),{default:e.withCtx(()=>[e.createElementVNode("div",Da,[e.createElementVNode("button",{type:"button",class:"onyx-stepper__counter",disabled:t.min&&t.min===f.value||e.unref(s)||k.readonly||t.loading,"aria-label":w.value,onClick:b[0]||(b[0]=E=>v("stepDown"))},[e.createVNode(C,{icon:e.unref(La)},null,8,["icon"])],8,Pa),t.loading?(e.openBlock(),e.createBlock(A,{key:0,class:"onyx-stepper__loading",type:"circle"})):e.withDirectives((e.openBlock(),e.createElementBlock("input",{key:1,ref_key:"inputRef",ref:r,"onUpdate:modelValue":b[1]||(b[1]=E=>f.value=E),class:e.normalizeClass(["onyx-stepper__native",{"onyx-stepper__native--touched":m.value}]),type:"number","aria-label":t.label,autofocus:t.autofocus,disabled:e.unref(s)||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:b[2]||(b[2]=E=>m.value=!0)},null,42,Aa)),[[e.vModelText,f.value,void 0,{number:!0}],[e.unref(p)]]),e.createElementVNode("button",{type:"button",class:"onyx-stepper__counter",disabled:t.max&&t.max===f.value||e.unref(s)||k.readonly||t.loading,"aria-label":_.value,onClick:b[3]||(b[3]=E=>v("stepUp"))},[e.createVNode(C,{icon:e.unref(Ia)},null,8,["icon"])],8,za)])]),_:1},16,["error-messages"])],2))}}),Ha='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m15.983 8.095-6.22 6.22-2.468-2.47-1.061 1.062 3.53 3.525 7.28-7.28z"/></svg>',Fa={class:"onyx-switch-skeleton__click-area"},Ua=["title"],qa=["aria-label","disabled","required","autofocus"],Ga={class:"onyx-switch__click-area"},Ka={class:"onyx-switch__container"},Za={class:"onyx-switch__icon"},ja=e.defineComponent({__name:"OnyxSwitch",props:{disabled:{default:$},showError:{},density:{},required:{type:Boolean},requiredMarker:{},customError:{},autofocus:{type:Boolean},modelValue:{type:Boolean,default:!1},label:{},loading:{type:Boolean,default:!1},hideLabel:{type:Boolean},truncation:{default:"ellipsis"},skeleton:{type:[Symbol,Boolean],default:P}},emits:["update:modelValue","validityChange"],setup(n,{emit:o}){const t=n,l=o,{requiredMarkerClass:r,requiredTypeClass:a}=ne(t),{densityClass:s}=V(t),{disabled:i,showError:d}=I(t),{vCustomValidity:c,errorMessages:u}=H({props:t,emit:l}),p=e.computed(()=>d.value!==!1?u.value:void 0),y=e.computed(()=>t.hideLabel&&t.label||void 0),m=z(t),f=e.computed({get:()=>t.modelValue,set:v=>{l("update:modelValue",v)}});return(v,_)=>e.unref(m)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["onyx-switch-skeleton",e.unref(s)])},[e.createElementVNode("span",Fa,[e.createVNode(M,{class:"onyx-switch-skeleton__input"})]),t.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(M,{key:0,class:"onyx-switch-skeleton__label"}))],2)):(e.openBlock(),e.createBlock($e,{key:1,disabled:e.unref(i),"error-messages":p.value},{default:e.withCtx(()=>[e.createElementVNode("label",{class:e.normalizeClass(["onyx-switch",[e.unref(a),e.unref(s)]]),title:y.value},[e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":_[0]||(_[0]=w=>f.value=w),type:"checkbox",role:"switch",class:e.normalizeClass({"onyx-switch__input":!0,"onyx-switch__loading":t.loading}),"aria-label":t.hideLabel?t.label:void 0,disabled:e.unref(i)||t.loading,required:t.required,autofocus:t.autofocus},null,10,qa),[[e.vModelCheckbox,f.value],[e.unref(c)]]),e.createElementVNode("span",Ga,[e.createElementVNode("span",Ka,[e.createElementVNode("span",Za,[t.loading?(e.openBlock(),e.createBlock(A,{key:0,class:"onyx-switch__spinner",type:"circle"})):(e.openBlock(),e.createBlock(C,{key:1,icon:f.value?e.unref(Ha):e.unref(Te)},null,8,["icon"]))]),_[1]||(_[1]=e.createElementVNode("div",{class:"onyx-switch__frame"},null,-1))])]),t.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(["onyx-switch__label",[`onyx-truncation-${t.truncation}`,t.truncation==="multiline"?e.unref(r):void 0]])},e.toDisplayString(t.label),3)),!t.hideLabel&&t.truncation==="ellipsis"?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["onyx-switch__marker",[e.unref(r)]])},null,2)):e.createCommentVNode("",!0)],10,Ua)]),_:1},8,["disabled","error-messages"]))}}),Ya={class:"onyx-text onyx-truncation-ellipsis"},Wa=e.defineComponent({__name:"OnyxTag",props:{density:{},label:{},color:{default:"primary"},icon:{}},setup(n){const o=n,{densityClass:t}=V(o);return(l,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["onyx-tag",`onyx-tag--${o.color}`,e.unref(t)])},[o.icon?(e.openBlock(),e.createBlock(C,{key:0,icon:o.icon,size:"16px"},null,8,["icon"])):e.createCommentVNode("",!0),e.createElementVNode("span",Ya,e.toDisplayString(o.label),1)],2))}}),Ja=["data-autosize-value"],Xa=["id","placeholder","required","autocapitalize","autofocus","name","readonly","disabled","minlength","maxlength","aria-label","title"],Qa=e.defineComponent({__name:"OnyxTextarea",props:{density:{},required:{type:Boolean,default:!1},requiredMarker:{},customError:{},label:{},labelTooltip:{},hideLabel:{type:Boolean},modelValue:{default:""},placeholder:{},autocapitalize:{default:"sentences"},autofocus:{type:Boolean},name:{},readonly:{type:Boolean,default:!1},disabled:{default:$},minlength:{},maxlength:{},withCounter:{type:Boolean},message:{},messageTooltip:{},skeleton:{type:[Symbol,Boolean],default:P},autosize:{},disableManualResize:{type:Boolean,default:!1}},emits:["update:modelValue","validityChange"],setup(n,{emit:o}){const t=n,l=o,{vCustomValidity:r,errorMessages:a}=H({props:t,emit:l}),{densityClass:s}=V(t),i=e.computed({get:()=>t.modelValue,set:f=>l("update:modelValue",f)}),d=e.computed(()=>{if(!t.autosize)return;const f=t.autosize.min?Math.max(t.autosize.min,2):void 0,v=t.autosize.max;return[f?`--min-autosize-rows: ${f}`:"",`--max-autosize-rows: ${v??"unset"}`]}),c=f=>{var _;const v=f.target;(_=v.parentElement)==null||_.setAttribute("data-autosize-value",v.value)},{disabled:u,showError:p}=I(t),y=z(t),m=re(p);return(f,v)=>e.unref(y)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["onyx-textarea-skeleton",e.unref(s)]),style:e.normalizeStyle(d.value)},[t.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(M,{key:0,class:"onyx-textarea-skeleton__label"})),e.createVNode(M,{class:"onyx-textarea-skeleton__input"})],6)):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["onyx-textarea",e.unref(m),e.unref(s)]),style:e.normalizeStyle(d.value)},[e.createVNode(se,e.mergeProps(t,{"error-messages":e.unref(a)}),{default:e.withCtx(({id:_})=>[e.createElementVNode("div",{class:"onyx-textarea__wrapper","data-autosize-value":i.value},[e.withDirectives(e.createElementVNode("textarea",{id:_,"onUpdate:modelValue":v[0]||(v[0]=w=>i.value=w),class:e.normalizeClass(["onyx-textarea__native",{"onyx-textarea__native--no-resize":t.disableManualResize}]),placeholder:t.placeholder,required:t.required,autocapitalize:t.autocapitalize,autofocus:t.autofocus,name:t.name,readonly:t.readonly,disabled:e.unref(u),minlength:t.minlength,maxlength:t.maxlength,"aria-label":t.hideLabel?t.label:void 0,title:t.hideLabel?t.label:void 0,onInput:c},null,42,Xa),[[e.vModelText,i.value],[e.unref(r)]])],8,Ja)]),_:1},16,["error-messages"])],6))}}),er='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M11.25 16.5h1.5V18h-1.5zM12.75 6h-1.5v8.25h1.5z"/><path fill-rule="evenodd" d="M12 1.5a10.5 10.5 0 1 0 0 21 10.5 10.5 0 0 0 0-21m6.364 16.864A9 9 0 1 1 21 12a8.94 8.94 0 0 1-2.636 6.364" clip-rule="evenodd"/></svg>',tr='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m7.275 11.828 2.465 2.47 6.22-6.22 1.06 1.06-7.28 7.281-3.528-3.53z"/><path fill-rule="evenodd" d="M6.167 3.27a10.5 10.5 0 1 1 11.666 17.46A10.5 10.5 0 0 1 6.167 3.27M7 19.483A9 9 0 0 0 12 21a9.01 9.01 0 0 0 9-9 9 9 0 1 0-14 7.483" clip-rule="evenodd"/></svg>',or={class:"onyx-toast-message__wrapper"},nr={class:"onyx-toast-message__content onyx-truncation-ellipsis"},lr={class:"onyx-toast-message__headline onyx-text"},ar={class:"onyx-truncation-ellipsis"},rr=["aria-label"],sr={key:0,class:"onyx-toast-message__description onyx-text--small onyx-truncation-multiline",tabindex:"0"},Nt=e.defineComponent({__name:"OnyxToastMessage",props:{density:{},headline:{},description:{},color:{default:"neutral"},duration:{default:5e3},clickable:{type:Boolean,default:!1},icon:{type:[String,Boolean],default:void 0}},emits:["close"],setup(n,{emit:o}){const t=n,l=o,{t:r}=S(),{densityClass:a}=V(t),s=e.computed(()=>t.duration>0),i={neutral:we,danger:pt,warning:er,success:tr},d=e.computed(()=>{if(t.icon!==!1)return t.icon||i[t.color]});return(c,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},{default:e.withCtx(()=>[e.createElementVNode("div",or,[d.value?(e.openBlock(),e.createBlock(C,{key:0,icon:d.value},null,8,["icon"])):e.createCommentVNode("",!0),e.createElementVNode("div",nr,[e.createElementVNode("div",lr,[e.createElementVNode("span",ar,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(C,{icon:e.unref(Te)},null,8,["icon"])],8,rr))]),t.description?(e.openBlock(),e.createElementBlock("p",sr,e.toDisplayString(t.description),1)):e.createCommentVNode("",!0)])]),s.value?(e.openBlock(),e.createElementBlock("time",{key:t.duration,"aria-hidden":"true",class:"onyx-toast-message__progress-bar",style:e.normalizeStyle({animationDuration:`${t.duration}ms`}),onAnimationend:u[1]||(u[1]=p=>l("close"))},null,36)):e.createCommentVNode("",!0)]),_:1},8,["class","role","aria-label"]))}}),De=Symbol(),Mt=()=>{let n=1;const o=e.ref([]),t=r=>{const a=n++;o.value.unshift({...r,id:a,onClose:()=>l(a)})},l=r=>{o.value=o.value.filter(a=>a.id!==r)};return{toasts:e.computed(()=>o.value),show:t,remove:l}},$t=()=>{const n=()=>{console.warn('Trying to use "useToast()" before the toast provider has been provided. Make sure to "provide" it first.')};return e.inject(De,()=>({toasts:e.computed(()=>[]),show:n,remove:n}),!0)},ir={key:0,class:"onyx-toast",role:"presentation","aria-live":"polite",open:""},cr=e.defineComponent({__name:"OnyxToast",setup(n){const o=$t();return(t,l)=>e.unref(o).toasts.value.length?(e.openBlock(),e.createElementBlock("dialog",ir,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(o).toasts.value,({id:r,...a})=>(e.openBlock(),e.createBlock(Nt,e.mergeProps({key:r,ref_for:!0},a),null,16))),128))])):e.createCommentVNode("",!0)}}),ur=["top","bottom","auto"],dr=e.defineComponent({__name:"OnyxForm",props:{disabled:{type:Boolean,default:!1},showError:{default:"touched"},skeleton:{type:Boolean},density:{}},setup(n){const o=n;Qt(o),je(o);const{densityClass:t}=V(o);return(l,r)=>(e.openBlock(),e.createElementBlock("form",{class:e.normalizeClass({"onyx-form":!0,...e.unref(t)})},[e.renderSlot(l.$slots,"default")],2))}}),pr=(n={})=>({install:o=>{Qe(o,n.i18n);const t=o.runWithContext(()=>S());o.provide(De,Mt()),o.mixin({beforeMount:()=>{e.watchEffect(()=>{mr(t.t.value("optional"))})}})}}),mr=n=>{var o;(o=globalThis.document)==null||o.body.style.setProperty("--onyx-global-optional-text",n)};exports.AUTOCAPITALIZE=Un;exports.BUTTON_COLORS=ko;exports.BUTTON_MODES=go;exports.BUTTON_TYPES=_o;exports.DENSITIES=Wt;exports.DIRECTIONS=Wl;exports.HEADLINE_TYPES=Nn;exports.ICON_SIZES=Mn;exports.INPUT_TYPES=Fn;exports.LINK_TARGETS=Kn;exports.MOBILE_NAV_BAR_INJECTION_KEY=Y;exports.MULTISELECT_TEXT_MODE=Ta;exports.ONYX_BREAKPOINTS=Ct;exports.ONYX_COLORS=Zl;exports.OnyxAppLayout=qt;exports.OnyxAvatar=ge;exports.OnyxAvatarStack=Yt;exports.OnyxBadge=Ge;exports.OnyxButton=te;exports.OnyxCheckbox=Q;exports.OnyxCheckboxGroup=mn;exports.OnyxColorSchemeDialog=kt;exports.OnyxColorSchemeMenuItem=hl;exports.OnyxDataGridRenderer=wn;exports.OnyxDialog=ft;exports.OnyxEmpty=Oe;exports.OnyxExternalLinkIcon=ae;exports.OnyxFlyoutMenu=Ie;exports.OnyxForm=dr;exports.OnyxHeadline=G;exports.OnyxIcon=C;exports.OnyxIconButton=yt;exports.OnyxInfoTooltip=ee;exports.OnyxInput=Hn;exports.OnyxLink=Gn;exports.OnyxListItem=ie;exports.OnyxLoadingIndicator=A;exports.OnyxMenuItem=Le;exports.OnyxMiniSearch=vt;exports.OnyxMobileNavButton=Ve;exports.OnyxNavAppArea=_t;exports.OnyxNavBar=aa;exports.OnyxNavButton=wl;exports.OnyxNavItem=Vl;exports.OnyxNavSeparator=xt;exports.OnyxPageLayout=ca;exports.OnyxPagination=Ea;exports.OnyxRadioButton=Se;exports.OnyxRadioGroup=$a;exports.OnyxSelect=St;exports.OnyxSelectInput=Et;exports.OnyxSelectOption=Ee;exports.OnyxSkeleton=M;exports.OnyxStepper=Ra;exports.OnyxSwitch=ja;exports.OnyxTable=mt;exports.OnyxTag=Wa;exports.OnyxTextarea=Qa;exports.OnyxTimer=Tl;exports.OnyxToast=cr;exports.OnyxToastMessage=Nt;exports.OnyxTooltip=Z;exports.OnyxUserMenu=Ul;exports.OnyxVisuallyHidden=j;exports.SELECT_ALIGNMENTS=Oa;exports.TEXT_SIZES=jl;exports.TOAST_PROVIDER_INJECTION_KEY=De;exports.TOOLTIP_POSITIONS=ur;exports.TRUNCATION_TYPES=Yl;exports.createOnyx=pr;exports.createToastProvider=Mt;exports.normalizedIncludes=Vt;exports.provideI18n=Qe;exports.useDensity=V;exports.useScrollEnd=wt;exports.useToast=$t;
183
+ `,sl={class:"onyx-color-scheme-dialog__subtitle onyx-text"},il=["innerHTML"],cl=["autofocus","value","checked","aria-label"],ul={class:"onyx-text--small"},dl={class:"onyx-color-scheme-dialog__actions"},kt=e.defineComponent({__name:"OnyxColorSchemeDialog",props:{open:{type:Boolean,default:!1},density:{},modelValue:{}},emits:["update:modelValue","close"],setup(n,{emit:o}){const t=n,l=o,r=e.ref();e.watchEffect(()=>r.value=t.modelValue);const{t:a}=S(),s=e.computed(()=>[{value:"auto",image:ll,label:a.value("colorScheme.auto.label"),description:a.value("colorScheme.auto.description")},{value:"light",image:rl,label:a.value("colorScheme.light.label"),description:a.value("colorScheme.light.description")},{value:"dark",image:al,label:a.value("colorScheme.dark.label"),description:a.value("colorScheme.dark.description")}]),i=c=>{const u=c.target;r.value=u.value},d=()=>{r.value&&(l("update:modelValue",r.value),l("close"))};return(c,u)=>(e.openBlock(),e.createBlock(ft,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(d,["prevent"])},[e.createElementVNode("div",null,[e.createVNode(G,{is:"h2"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(a)("colorScheme.headline")),1)]),_:1}),e.createElementVNode("span",sl,e.toDisplayString(e.unref(a)("colorScheme.subtitle")),1)]),e.createElementVNode("fieldset",{class:"onyx-color-scheme-dialog__list",onChange:i},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.value,p=>(e.openBlock(),e.createElementBlock("label",{key:p.value,class:"onyx-color-scheme-dialog__option"},[e.createElementVNode("figure",{class:"onyx-color-scheme-dialog__image",innerHTML:p.image},null,8,il),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,cl)]),_:2},1024),e.createVNode(G,{is:"h3",class:"onyx-color-scheme-dialog__label"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(p.label),1)]),_:2},1024),e.createElementVNode("p",ul,e.toDisplayString(p.description),1)])]))),128))],32),e.createElementVNode("div",dl,[e.createVNode(te,{label:e.unref(a)("cancel"),mode:"plain",color:"neutral",onClick:u[0]||(u[0]=p=>l("close"))},null,8,["label"]),e.createVNode(te,{label:e.unref(a)("apply"),type:"submit"},null,8,["label"])])],32)]),_:1},16,["label"]))}}),pl='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12.008 1.5c-5.79 0-10.493 4.71-10.493 10.493 0 5.782 4.71 10.492 10.493 10.492 5.782 0 10.492-4.71 10.492-10.492S17.79 1.5 12.008 1.5M13.5 3.135q.753.126 1.463.375v16.973q-.709.249-1.463.375zm2.962 1.058a9.3 9.3 0 0 1 1.59 1.162v13.282a9 9 0 0 1-1.59 1.163zm3.083 2.917a8.93 8.93 0 0 1 1.447 4.882 9 9 0 0 1-1.447 4.883zM3.008 11.992C3.008 7.036 7.043 3 12 3v17.993c-4.957 0-8.992-4.035-8.992-8.993z"/></svg>',ml=["href","target","rel"],fl=["disabled"],Le=e.defineComponent({__name:"OnyxMenuItem",props:{target:{default:"_self"},href:{},active:{type:Boolean},disabled:{type:Boolean},color:{}},setup(n){const o=n,{t}=S(),{elements:{listItem:l,menuItem:r}}=it(),a=e.computed(()=>r({active:o.active,disabled:o.disabled}));return(s,i)=>(e.openBlock(),e.createBlock(ie,e.mergeProps({selected:o.active,active:o.active,color:o.color,disabled:o.disabled,class:"onyx-menu-item"},e.unref(l)),{default:e.withCtx(()=>[o.href?(e.openBlock(),e.createElementBlock("a",e.mergeProps({key:0,class:"onyx-menu-item__trigger",href:o.href,target:o.target,rel:o.target==="_blank"?"noreferrer":void 0},a.value),[e.renderSlot(s.$slots,"default")],16,ml)):(e.openBlock(),e.createElementBlock("button",e.mergeProps({key:1,class:"onyx-menu-item__trigger",type:"button",disabled:o.disabled},a.value),[e.renderSlot(s.$slots,"default"),o.target==="_blank"?(e.openBlock(),e.createBlock(j,{key:0},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(t)("link.opensExternally")),1)]),_:1})):e.createCommentVNode("",!0)],16,fl))]),_:3},16,["selected","active","color","disabled"]))}}),yl={class:"onyx-color-scheme-menu-item__value"},hl=e.defineComponent({__name:"OnyxColorSchemeMenuItem",props:{modelValue:{}},emits:["update:modelValue"],setup(n,{emit:o}){const t=n,l=o,{t:r}=S(),a=e.ref(!1);return(s,i)=>(e.openBlock(),e.createBlock(Le,{class:"onyx-color-scheme-menu-item",onClick:i[2]||(i[2]=d=>a.value=!0)},{default:e.withCtx(()=>[e.createVNode(C,{icon:e.unref(pl)},null,8,["icon"]),e.createElementVNode("div",null,[e.createTextVNode(e.toDisplayString(e.unref(r)("colorScheme.appearance"))+": ",1),e.createElementVNode("span",yl,e.toDisplayString(e.unref(r)(`colorScheme.${t.modelValue}.label`)),1)]),(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[e.createVNode(kt,{"model-value":t.modelValue,open:a.value,onClose:i[0]||(i[0]=d=>a.value=!1),"onUpdate:modelValue":i[1]||(i[1]=d=>l("update:modelValue",d))},null,8,["model-value","open"])]))]),_:1}))}}),vl=n=>e.computed(n),R=Symbol("MANAGED_SYMBOL"),oe=(n,o,t)=>{const l=e.computed(()=>n.value===R),r=e.ref(e.toValue(l)?o:n.value);return{state:vl({set:s=>{r.value=s,t(s)},get:()=>l.value?r.value:n.value}),isManaged:l}},_l=["aria-label"],Ie=e.defineComponent({__name:"OnyxFlyoutMenu",props:{open:{default:R},label:{}},emits:["update:open"],setup(n,{emit:o}){const t=n,l=o,{state:r}=oe(e.toRef(()=>t.open),!1,u=>l("update:open",u)),a=e.useSlots(),{elements:{root:s,button:i,menu:d}}=en({isExpanded:e.computed(()=>!!r.value),onToggle:()=>r.value=!r.value}),c=e.computed(()=>{var p;if(!a.default)return;const u=a.default().at(0);return(u==null?void 0:u.type.toString())==="Symbol(v-fgt)"?Array.isArray(u==null?void 0:u.children)?(p=u==null?void 0:u.children)==null?void 0:p.at(0):void 0:u});return(u,p)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps({class:"onyx-flyout-menu"},e.unref(s)),[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(c.value),e.normalizeProps(e.guardReactiveProps(e.unref(i))),null,16)),a.options||a.header||a.footer?e.withDirectives((e.openBlock(),e.createElementBlock("div",{key:0,"aria-label":t.label,class:e.normalizeClass({"onyx-flyout-menu__list--with-header":!!a.header,"onyx-flyout-menu__list--with-footer":!!a.footer,"onyx-flyout-menu__list":!0})},[e.renderSlot(u.$slots,"header"),a.options?(e.openBlock(),e.createElementBlock("ul",e.mergeProps({key:0},e.unref(d),{class:"onyx-flyout-menu__wrapper onyx-flyout-menu__group"}),[e.renderSlot(u.$slots,"options")],16)):e.createCommentVNode("",!0),e.renderSlot(u.$slots,"footer")],10,_l)),[[e.vShow,e.unref(r)]]):e.createCommentVNode("",!0)],16))}}),gt='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m9.905 6.22-1.06 1.06 4.72 4.72-4.72 4.72 1.06 1.06 5.78-5.78z"/></svg>',Y=Symbol(),kl='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M17.618 11.626H8.936l3.094-3.094-1.064-1.056-4.899 4.898 4.9 4.9 1.063-1.064-3.094-3.086h8.682z"/></svg>',gl=["aria-orientation"],xt=e.defineComponent({__name:"OnyxNavSeparator",props:{orientation:{default:"vertical"}},setup(n){const o=n,t=e.inject(Y);return(l,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["onyx-nav-separator",{"onyx-nav-separator--horizontal":o.orientation==="horizontal"||e.unref(t)}]),role:"separator","aria-orientation":o.orientation},null,10,gl))}}),xl={role:"presentation"},bl=e.defineComponent({__name:"NavButtonLayout",props:{href:{},withExternalIcon:{type:[Boolean,String]},mobileChildrenOpen:{},label:{},active:{type:Boolean},isMobile:{type:Boolean}},emits:["update:mobileChildrenOpen"],setup(n,{emit:o}){const t=n,l=e.useSlots(),{t:r}=S(),a=o;return(s,i)=>(e.openBlock(),e.createElementBlock("li",xl,[t.isMobile?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[t.isMobile&&s.mobileChildrenOpen?(e.openBlock(),e.createBlock(te,{key:0,label:e.unref(r)("back"),mode:"plain",color:"neutral",icon:e.unref(kl),onClick:i[0]||(i[0]=d=>a("update:mobileChildrenOpen",!1))},null,8,["label","icon"])):e.createCommentVNode("",!0),!s.mobileChildrenOpen||t.href?e.renderSlot(s.$slots,"button",{key:1}):e.createCommentVNode("",!0),s.mobileChildrenOpen&&t.href?(e.openBlock(),e.createBlock(xt,{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":s.mobileChildrenOpen}])},[e.renderSlot(s.$slots,"options")],2),[[e.vShow,s.mobileChildrenOpen]])],64)):(e.openBlock(),e.createBlock(Ie,{key:1,label:e.unref(r)("navItemOptionsLabel",{label:t.label})},e.createSlots({default:e.withCtx(()=>[e.renderSlot(s.$slots,"button")]),_:2},[l.options?{name:"options",fn:e.withCtx(()=>[e.renderSlot(s.$slots,"options")]),key:"0"}:void 0]),1032,["label"]))]))}}),Bl=["aria-label"],Cl={class:"onyx-truncation-ellipsis"},wl=e.defineComponent({__name:"OnyxNavButton",props:{href:{},withExternalIcon:{type:[Boolean,String],default:"auto"},mobileChildrenOpen:{default:R},label:{},active:{type:Boolean,default:!1}},emits:["navigate","update:mobileChildrenOpen"],setup(n,{emit:o}){const t=n,l=o,r=e.useSlots(),a=e.inject(Y),s=e.computed(()=>!!r.children),{state:i}=oe(e.toRef(()=>t.mobileChildrenOpen),!1,c=>l("update:mobileChildrenOpen",c)),d=c=>{a!=null&&a.value&&s.value&&!i.value?i.value=!0:t.href&&l("navigate",t.href,c)};return(c,u)=>(e.openBlock(),e.createBlock(bl,e.mergeProps(t,{"mobile-children-open":e.unref(i),"onUpdate:mobileChildrenOpen":u[0]||(u[0]=p=>e.isRef(i)?i.value=p:null),class:["onyx-nav-button",{"onyx-nav-button--mobile":e.unref(a),"onyx-nav-button--active":t.active}],"is-mobile":e.unref(a)??!1}),e.createSlots({button:e.withCtx(()=>[e.createElementVNode("button",{class:e.normalizeClass(["onyx-nav-button__trigger onyx-text",{"onyx-nav-button__link":t.href!=null}]),role:"menuitem","aria-label":t.label,type:"button",onClick:d},[e.renderSlot(c.$slots,"default",{},()=>[e.createElementVNode("span",Cl,e.toDisplayString(t.label),1),e.createVNode(ae,e.normalizeProps(e.guardReactiveProps(t)),null,16)]),e.unref(a)&&s.value&&!e.unref(i)?(e.openBlock(),e.createBlock(C,{key:0,class:"onyx-nav-button__mobile-chevron",icon:e.unref(gt)},null,8,["icon"])):e.createCommentVNode("",!0)],10,Bl)]),_:2},[r.children?{name:"options",fn:e.withCtx(()=>[e.renderSlot(c.$slots,"children")]),key:"0"}:void 0]),1040,["mobile-children-open","class","is-mobile"]))}}),Vl=e.defineComponent({__name:"OnyxNavItem",props:{href:{},withExternalIcon:{type:[Boolean,String],default:"auto"},mobileChildrenOpen:{},label:{},active:{type:Boolean}},emits:["navigate"],setup(n,{emit:o}){const t=n,l=o;return(r,a)=>(e.openBlock(),e.createBlock(Le,{class:"onyx-nav-item",active:t.active,href:t.href??"javascript:void(0)",onClick:a[0]||(a[0]=s=>t.href&&l("navigate",t.href))},{default:e.withCtx(()=>[e.renderSlot(r.$slots,"default",{},()=>[e.createElementVNode("span",null,e.toDisplayString(t.label),1),e.createVNode(ae,e.normalizeProps(e.guardReactiveProps(t)),null,16)])]),_:3},8,["active","href"]))}}),El=n=>{const o=e.ref(),t=e.ref(_e(new Date(n.value).getTime())),l=e.computed(()=>t.value===0);return e.watch(n,r=>{clearInterval(o.value);const a=new Date(r).getTime();t.value=_e(a),o.value=setInterval(()=>{t.value=_e(a),l.value&&clearInterval(o.value)},1e3)},{immediate:!0}),e.onBeforeUnmount(()=>clearInterval(o.value)),{timeLeft:t,isEnded:l}},_e=n=>{const o=n-Date.now();return Math.max(o,0)},bt=n=>{const o=Math.floor(n/6e4/60),t=Math.floor(n/6e4%60),l=Math.floor(n%6e4/1e3);return{hours:o,minutes:t,seconds:l}},Sl=(n,o)=>{const{hours:t,minutes:l,seconds:r}=bt(n),a=d=>d.toString().padStart(2,"0");let s="",i=ke(o.formatToParts(n,"seconds"));return l>0&&(i=ke(o.formatToParts(n,"minutes"))),t>0&&(i=ke(o.formatToParts(n,"hours")),s=`${a(t)}:`),`${s}${a(l)}:${a(r)} ${i}`},ke=n=>{var o;return((o=n.at(-1))==null?void 0:o.value.replace(".","").trim())??""},Nl=n=>{const{hours:o,minutes:t,seconds:l}=bt(n);return`PT${o}H${t}M${l}S`},Ml=["aria-label"],$l={key:0,class:"onyx-timer__label"},Ol=["datetime"],Tl=e.defineComponent({__name:"OnyxTimer",props:{endTime:{},label:{},hideLabel:{type:Boolean}},emits:["timerEnded"],setup(n,{emit:o}){const t=n,l=o,{locale:r}=S(),{timeLeft:a,isEnded:s}=El(e.computed(()=>t.endTime)),i=e.computed(()=>new Intl.RelativeTimeFormat(r.value,{numeric:"always",style:"short"})),d=e.computed(()=>Sl(a.value,i.value));return e.watchEffect(()=>s.value&&l("timerEnded")),(c,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",$l,e.toDisplayString(t.label),1)),e.createElementVNode("time",{datetime:e.unref(Nl)(e.unref(a)),class:"onyx-timer__time"},e.toDisplayString(d.value),9,Ol)],8,Ml))}}),Ll={class:"onyx-user-menu__footer onyx-text--small"},Il=e.defineComponent({__name:"UserMenuLayout",props:{isMobile:{type:Boolean},flyoutOpen:{default:R}},emits:["update:flyoutOpen"],setup(n){const o=n,t=e.useModel(o,"flyoutOpen"),l=e.useSlots(),{t:r}=S();return(a,s)=>(e.openBlock(),e.createElementBlock("div",null,[o.isMobile?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.renderSlot(a.$slots,"header"),e.renderSlot(a.$slots,"options"),l.footer?(e.openBlock(),e.createBlock(ie,{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(Ie,{key:1,open:e.unref(t),"onUpdate:open":s[0]||(s[0]=i=>e.isRef(t)?t.value=i:null),label:e.unref(r)("navigation.userMenuLabel")},e.createSlots({header:e.withCtx(()=>[e.renderSlot(a.$slots,"header")]),options:e.withCtx(()=>[e.renderSlot(a.$slots,"options")]),default:e.withCtx(()=>[e.renderSlot(a.$slots,"button")]),_:2},[l.footer?{name:"footer",fn:e.withCtx(()=>[e.createElementVNode("div",Ll,[e.renderSlot(a.$slots,"footer")])]),key:"0"}:void 0]),1032,["open","label"]))]))}}),Dl={class:"onyx-user-menu__trigger onyx-text",type:"button"},Pl={class:"onyx-truncation-ellipsis"},Al={class:"onyx-user-menu__header"},zl={class:"onyx-truncation-ellipsis"},Rl={class:"onyx-user-menu__username onyx-text onyx-truncation-ellipsis"},Hl={key:0,class:"onyx-user-menu__description onyx-text--small onyx-truncation-ellipsis"},Fl={class:"onyx-user-menu__options"},Ul=e.defineComponent({__name:"OnyxUserMenu",props:{username:{},avatar:{},description:{},flyoutOpen:{default:R}},emits:["update:flyoutOpen"],setup(n,{emit:o}){const t=n,l=o,r=e.useSlots(),a=e.computed(()=>({src:t.avatar,label:t.username})),s=e.inject(Y,e.computed(()=>!1));return(i,d)=>(e.openBlock(),e.createBlock(Il,{class:e.normalizeClass(["onyx-user-menu",{"onyx-user-menu--mobile":e.unref(s)}]),"is-mobile":e.unref(s),"flyout-open":i.flyoutOpen,"onUpdate:flyoutOpen":d[0]||(d[0]=c=>l("update:flyoutOpen",c))},e.createSlots({button:e.withCtx(()=>[e.createElementVNode("button",Dl,[e.createVNode(ge,e.mergeProps(a.value,{size:"24px"}),null,16),e.createElementVNode("span",Pl,e.toDisplayString(t.username),1)])]),header:e.withCtx(()=>[e.createElementVNode("div",Al,[e.createVNode(ge,e.normalizeProps(e.guardReactiveProps(a.value)),null,16),e.createElementVNode("div",zl,[e.createElementVNode("div",Rl,e.toDisplayString(t.username),1),t.description?(e.openBlock(),e.createElementBlock("div",Hl,e.toDisplayString(t.description),1)):e.createCommentVNode("",!0)])])]),options:e.withCtx(()=>[e.createElementVNode("div",Fl,[e.renderSlot(i.$slots,"default")])]),_:2},[r.footer?{name:"footer",fn:e.withCtx(()=>[e.renderSlot(i.$slots,"footer")]),key:"0"}:void 0]),1032,["class","is-mobile","flyout-open"]))}}),Bt='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m15.155 7.28-1.06-1.06L8.315 12l5.78 5.78 1.06-1.06-4.72-4.72z"/></svg>',ql='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M22.5 6h-21v1.5h21zm0 5.25h-21v1.5h21zm-21 5.25h21V18h-21z"/></svg>',Gl='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 1.5A2.25 2.25 0 1 1 12 6a2.25 2.25 0 0 1 0-4.5m0 8.25a2.25 2.25 0 1 1 0 4.5 2.25 2.25 0 0 1 0-4.5m1.25 8.63a2.25 2.25 0 1 0-2.5 3.741 2.25 2.25 0 0 0 2.5-3.742"/></svg>',Kl=(n,o)=>{const t="content-box",l=e.ref(0),r=e.ref(0),a=s=>{const i=s[0].contentBoxSize;l.value=i.reduce((d,{inlineSize:c})=>d+c,0),r.value=i.reduce((d,{blockSize:c})=>d+c,0)};return e.onBeforeMount(()=>{const s=new ResizeObserver(a);e.watch(n,(i,d)=>{d&&(s==null||s.unobserve(d)),i&&(s==null||s.observe(i,{box:t}))},{immediate:!0}),e.onBeforeUnmount(()=>s.disconnect())}),{width:l,height:r}},Ct={"2xs":320,xs:576,sm:768,md:992,lg:1440,xl:1920},Zl=["primary","secondary","neutral","danger","warning","success","info"],jl=["small","default","large"],Yl=["ellipsis","multiline"],Wl=["horizontal","vertical"],Jl={class:"onyx-nav-bar__content"},Xl={key:0,class:"onyx-nav-bar__mobile-page onyx-truncation-ellipsis"},Ql={role:"menubar"},ea={role:"menubar"},ta={key:0,class:"onyx-nav-bar__mobile-context"},oa={key:0,class:"onyx-nav-bar__mobile-global-context"},na={class:"onyx-nav-bar__mobile-context-content"},la={key:1,class:"onyx-nav-bar__context"},aa=e.defineComponent({__name:"OnyxNavBar",props:{logoUrl:{},appName:{},withBackButton:{type:Boolean},appAreaLabel:{},mobileBreakpoint:{default:"sm"}},emits:["navigateToStart","navigateBack"],setup(n,{expose:o,emit:t}){const l=n,r=t,a=e.useSlots(),s=e.ref(),{width:i}=Kl(s),{t:d}=S(),{elements:{nav:c}}=on({navigationName:e.toRef(()=>l.appName)}),u=e.ref(!1),p=e.ref(!1),y=e.computed(()=>{const m=typeof l.mobileBreakpoint=="number"?l.mobileBreakpoint:Ct[l.mobileBreakpoint];return i.value!==0&&i.value<m});return e.provide(Y,y),o({closeMobileMenus:()=>{u.value=!1,p.value=!1}}),(m,f)=>(e.openBlock(),e.createElementBlock("header",{ref_key:"navBarRef",ref:s,class:e.normalizeClass(["onyx-nav-bar",{"onyx-nav-bar--mobile":y.value}])},[e.createElementVNode("div",Jl,[y.value&&a.mobileActivePage&&!u.value&&!p.value?(e.openBlock(),e.createElementBlock("span",Xl,[e.renderSlot(m.$slots,"mobileActivePage")])):l.appName||l.logoUrl||a.appArea?(e.openBlock(),e.createBlock(_t,{key:1,class:"onyx-nav-bar__app","app-name":l.appName,"logo-url":l.logoUrl,label:l.appAreaLabel,onClick:f[0]||(f[0]=v=>{r("navigateToStart",v),u.value=!1})},{default:e.withCtx(()=>[e.renderSlot(m.$slots,"appArea")]),_:3},8,["app-name","logo-url","label"])):e.createCommentVNode("",!0),l.withBackButton?(e.openBlock(),e.createBlock(yt,{key:2,class:"onyx-nav-bar__back",label:e.unref(d)("navigation.goBack"),icon:e.unref(Bt),color:"neutral",onClick:f[1]||(f[1]=v=>r("navigateBack",v))},null,8,["label","icon"])):e.createCommentVNode("",!0),a.default?(e.openBlock(),e.createElementBlock(e.Fragment,{key:3},[y.value?(e.openBlock(),e.createBlock(Ve,{key:0,open:u.value,"onUpdate:open":[f[2]||(f[2]=v=>u.value=v),f[3]||(f[3]=v=>p.value=!1)],class:"onyx-nav-bar__burger",icon:e.unref(ql),label:e.unref(d)("navigation.toggleBurgerMenu"),headline:e.unref(d)("navigation.navigationHeadline")},{default:e.withCtx(()=>[e.createElementVNode("nav",e.mergeProps({class:"onyx-nav-bar__nav--mobile"},e.unref(c)),[e.createElementVNode("ul",Ql,[e.renderSlot(m.$slots,"default")])],16)]),_:3},8,["open","icon","label","headline"])):(e.openBlock(),e.createElementBlock("nav",e.mergeProps({key:1,class:"onyx-nav-bar__nav"},e.unref(c)),[e.createElementVNode("ul",ea,[e.renderSlot(m.$slots,"default")])],16))],64)):e.createCommentVNode("",!0),a.contextArea||a.globalContextArea?(e.openBlock(),e.createElementBlock(e.Fragment,{key:4},[y.value?(e.openBlock(),e.createElementBlock("div",ta,[a.globalContextArea?(e.openBlock(),e.createElementBlock("div",oa,[e.renderSlot(m.$slots,"globalContextArea")])):e.createCommentVNode("",!0),a.contextArea?(e.openBlock(),e.createBlock(Ve,{key:1,open:p.value,"onUpdate:open":[f[4]||(f[4]=v=>p.value=v),f[5]||(f[5]=v=>u.value=!1)],icon:e.unref(Gl),label:e.unref(d)("navigation.toggleContextMenu")},{default:e.withCtx(()=>[e.createElementVNode("div",na,[e.renderSlot(m.$slots,"contextArea")])]),_:3},8,["open","icon","label"])):e.createCommentVNode("",!0)])):(e.openBlock(),e.createElementBlock("div",la,[a.globalContextArea?e.renderSlot(m.$slots,"globalContextArea",{key:0}):e.createCommentVNode("",!0),a.contextArea?e.renderSlot(m.$slots,"contextArea",{key:1}):e.createCommentVNode("",!0)]))],64)):e.createCommentVNode("",!0)])],2))}}),ra={key:0,class:"onyx-page__sidebar"},sa={class:"onyx-page__main"},ia={key:1,class:"onyx-page__footer"},ca=e.defineComponent({__name:"OnyxPageLayout",props:{skeleton:{type:Boolean},footerAsideSidebar:{type:Boolean},hideSidebar:{type:Boolean}},setup(n){const o=n,t=e.useSlots();je(o);const l=e.computed(()=>o.footerAsideSidebar?"onyx-page--footer-partial":"onyx-page--footer-full");return(r,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["onyx-page",l.value])},[t.sidebar&&!o.hideSidebar?(e.openBlock(),e.createElementBlock("aside",ra,[e.renderSlot(r.$slots,"sidebar")])):e.createCommentVNode("",!0),e.createElementVNode("main",sa,[e.renderSlot(r.$slots,"default")]),t.footer?(e.openBlock(),e.createElementBlock("footer",ia,[e.renderSlot(r.$slots,"footer")])):e.createCommentVNode("",!0)],2))}}),wt=n=>{const t=e.ref(!1),l=a=>{const s=a.target;if(!(s instanceof Element))return;const i=e.unref(n.offset)??0;t.value=Math.abs(s.scrollTop)+s.clientHeight>=s.scrollHeight-i-1};return{vScrollEnd:{mounted:a=>{e.watchEffect(()=>{var i;(((i=n.enabled)==null?void 0:i.value)??!0)&&!n.loading.value?a.addEventListener("scroll",l):a.removeEventListener("scroll",l)})}},isScrollEnd:t}},Vt=(n,o)=>{const t=qe(n.toLowerCase()),l=qe(o.toLowerCase());return t.includes(l)},qe=n=>n.normalize("NFD").replace(/[\u0300-\u036f]/g,""),ua='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m16.718 14.123 1.057 1.057-5.782 5.782L6.21 15.18l1.058-1.057 4.717 4.717 4.718-4.717zM12 5.153l4.718 4.717 1.057-1.057-5.782-5.783L6.21 8.813 7.268 9.87l4.717-4.717z"/></svg>',da=["id","readonly","placeholder","required","disabled","aria-label","title","value","autofocus"],pa=["aria-label","disabled"],Et=e.defineComponent({inheritAttrs:!1,__name:"OnyxSelectInput",props:{disabled:{default:$},showError:{default:$},density:{},required:{type:Boolean},requiredMarker:{},customError:{},autofocus:{type:Boolean},id:{},label:{},labelTooltip:{},hideLabel:{type:Boolean,default:!1},message:{},messageTooltip:{},errorMessages:{},modelValue:{},textMode:{},skeleton:{type:[Symbol,Boolean],default:P},readonly:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},placeholder:{},showFocus:{type:Boolean}},emits:["inputClick","validityChange"],setup(n,{expose:o,emit:t}){const{rootAttrs:l,restAttrs:r}=ht(),a=n,s=t,{t:i}=S(),{vCustomValidity:d,errorMessages:c}=H({props:a,emit:s}),{disabled:u,showError:p}=I(a),y=z(a),m=re(p),f=e.computed(()=>a.modelValue?a.modelValue.length:0),v=e.computed(()=>{var T;const g=(T=a.modelValue)==null?void 0:T.length;if(!a.modelValue||!g)return"";if(g===1)return a.modelValue[0];switch(a.textMode){case"preview":return a.modelValue.join(", ");case"summary":default:return i.value("selections.currentSelection",{n:g})}}),_=e.ref(!1),{densityClass:w}=V(a),k=e.ref();o({focus:()=>{var g;return(g=k.value)==null?void 0:g.focus()}}),e.watch(()=>a.showFocus,(g,T)=>{_.value||T&&g===!1&&(_.value=!0)});const b=rt.concat(st),E=g=>{b.includes(g.key)||g.preventDefault()};return(g,T)=>e.unref(y)?(e.openBlock(),e.createElementBlock("div",e.mergeProps({key:0,class:["onyx-select-input-skeleton",e.unref(w)]},e.unref(l)),[a.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(M,{key:0,class:"onyx-select-input-skeleton__label"})),e.createVNode(M,{class:"onyx-select-input-skeleton__input"})],16)):(e.openBlock(),e.createElementBlock("div",e.mergeProps({key:1,class:["onyx-select-input",e.unref(w),e.unref(m),a.readonly?"onyx-select-input--readonly":"onyx-select-input--editable"]},e.unref(l)),[e.createVNode(se,e.mergeProps(a,{"error-messages":e.unref(c)}),{default:e.withCtx(({id:K})=>[e.createElementVNode("div",{class:"onyx-select-input__wrapper",onClick:T[0]||(T[0]=U=>!e.unref(u)&&!a.loading&&s("inputClick"))},[a.loading?(e.openBlock(),e.createBlock(A,{key:0,class:"onyx-select-input__loading",type:"circle"})):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("input",e.mergeProps({id:K,ref_key:"input",ref:k,class:{"onyx-select-input__native":!0,"onyx-select-input__native--show-focus":a.showFocus,"onyx-truncation-ellipsis":!0,"onyx-select-input__native--touched":_.value}},e.unref(r),{type:"text",readonly:a.readonly,placeholder:a.placeholder,required:a.required,disabled:e.unref(u)||a.loading,"aria-label":a.hideLabel?a.label:void 0,title:a.hideLabel?a.label:void 0,value:v.value,autofocus:a.autofocus,autocomplete:"off",onKeydown:E}),null,16,da),[[e.unref(d)]]),a.textMode==="preview"&&f.value>0?(e.openBlock(),e.createBlock(Z,{key:1,text:v.value,position:"bottom"},{default:e.withCtx(({trigger:U})=>[e.createVNode(Ge,e.mergeProps({class:"onyx-select-input__badge"},U,{color:"neutral"}),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(f.value),1)]),_:2},1040)]),_:1},8,["text"])):e.createCommentVNode("",!0),e.createElementVNode("button",{class:"onyx-select-input__button",type:"button","aria-label":e.unref(i)("select.toggleDropDown"),tabindex:"-1",disabled:e.unref(u)||a.readonly||a.loading},[e.createVNode(C,{icon:e.unref(ua)},null,8,["icon"])],8,pa)])]),_:1},16,["error-messages"])],16))}}),ma=["checked","aria-labelledby","disabled","indeterminate"],Ee=e.defineComponent({__name:"OnyxSelectOption",props:{active:{type:Boolean,default:!1},density:{},multiple:{type:Boolean,default:!1},indeterminate:{type:Boolean},icon:{},truncation:{default:"ellipsis"}},setup(n){const o=n;return(t,l)=>(e.openBlock(),e.createBlock(ie,e.mergeProps({class:"onyx-select-option"},o,{checked:!!t.$attrs["aria-checked"],selected:!!t.$attrs["aria-selected"],disabled:!!t.$attrs["aria-disabled"]}),{default:e.withCtx(()=>[o.multiple?(e.openBlock(),e.createElementBlock("input",{key:0,checked:!!t.$attrs["aria-checked"],"aria-labelledby":t.$attrs.id,disabled:!!t.$attrs["aria-disabled"],indeterminate:o.indeterminate,"aria-hidden":"true",tabindex:"-1",class:"onyx-select-option__checkbox",type:"checkbox"},null,8,ma)):e.createCommentVNode("",!0),o.icon?(e.openBlock(),e.createBlock(C,{key:1,icon:o.icon},null,8,["icon"])):e.createCommentVNode("",!0),e.createElementVNode("span",{class:e.normalizeClass([`onyx-truncation-${o.truncation}`])},[e.renderSlot(t.$slots,"default")],2)]),_:3},16,["checked","selected","disabled"]))}}),fa=["inert"],ya={class:"onyx-select__wrapper",tabindex:"-1"},ha={key:0,role:"group",class:"onyx-select__group"},va={role:"option","aria-selected":"false"},_a={key:0,role:"presentation",class:"onyx-select__group-name onyx-text--small"},ka={key:1,class:"onyx-select__slot"},ga={key:2,class:"onyx-select__slot"},xa={key:0,class:"onyx-select__description onyx-text--small"},St=e.defineComponent({__name:"OnyxSelect",props:{density:{},multiple:{type:Boolean},modelValue:{},withCheckAll:{type:[Boolean,Object]},withSearch:{type:Boolean},searchTerm:{default:R},showError:{},required:{type:Boolean},requiredMarker:{},customError:{},autofocus:{type:Boolean},id:{},label:{},labelTooltip:{},hideLabel:{type:Boolean},message:{},messageTooltip:{},errorMessages:{},textMode:{},skeleton:{type:[Symbol,Boolean]},readonly:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},placeholder:{},truncation:{default:"ellipsis"},disabled:{default:$},valueLabel:{default:void 0},open:{default:R},alignment:{default:"full"},listLabel:{},listDescription:{},options:{},lazyLoading:{}},emits:["update:modelValue","update:searchTerm","update:open","lazyLoad","validityChange"],setup(n,{emit:o}){const t=n,l=o,{densityClass:r}=V(t),a=e.useSlots(),{t:s}=S(),{state:i,isManaged:d}=oe(e.toRef(()=>t.searchTerm),"",h=>l("update:searchTerm",h)),{state:c}=oe(e.toRef(()=>t.open),!1,h=>l("update:open",h)),u=e.ref(),{openDirection:p,updateOpenDirection:y}=ut(u),m=e.ref(),f=e.computed(()=>t.modelValue===void 0?[]:t.multiple&&Array.isArray(t.modelValue)?t.modelValue:[t.modelValue]),v=e.computed(()=>t.valueLabel!==void 0?Array.isArray(t.valueLabel)?t.valueLabel:[t.valueLabel]:f.value.reduce((h,B)=>{var O;const N=(O=t.options.find(({value:L})=>L===B))==null?void 0:O.label;return N&&h.push(N),h},[])),_=e.ref(),w=e.ref(),k=e.computed(()=>d.value&&i.value?t.options.filter(({label:h})=>Vt(h,i.value)):t.options);e.watch(f,()=>{t.multiple||(m.value=f.value.at(0))},{immediate:!0});const b=e.useId(),E=e.computed(()=>(t.multiple&&t.withCheckAll&&!i.value?[b]:[]).concat(ze.value)),g=async h=>{var N,O;if(t.readonly){c.value=!1;return}const B=c.value;c.value=!B,await e.nextTick(),c.value&&y(),B!==c.value&&(B?(i.value&&(i.value=""),h||(N=w.value)==null||N.focus()):(O=_.value)==null||O.focus())},T=()=>m.value=E.value.at(0),K=()=>m.value=E.value.at(-1),U=h=>{const B=E.value.findIndex(N=>N===h);B<E.value.length-1&&(m.value=E.value[B+1])},ce=h=>{const B=E.value.findIndex(N=>N===h);B>0&&(m.value=E.value[B-1])},ue=h=>{const B=k.value.find(N=>N.label.toLowerCase().trim().startsWith(h.toLowerCase()));B&&(m.value=B.value)},de=h=>i.value=h,pe=h=>{var O;if(h===b){(O=W.value)==null||O.handleChange(!W.value.state.value.modelValue);return}if(!k.value.find(({value:L})=>L===h))return;if(!t.multiple)return l("update:modelValue",h);f.value.some(L=>L===h)?l("update:modelValue",f.value.filter(L=>L!==h)):l("update:modelValue",[...f.value,h])},me=e.computed(()=>t.withSearch?"list":"none"),{label:x,listLabel:fe,listDescription:Ot,multiple:Tt}=e.toRefs(t),{elements:{input:ye,option:Pe,group:Ae,listbox:Lt}}=Qo({autocomplete:me,label:x,listLabel:fe,listDescription:Ot,multiple:Tt,activeOption:e.computed(()=>m.value),isExpanded:c,templateRef:u,onToggle:g,onActivateFirst:T,onActivateLast:K,onActivateNext:U,onActivatePrevious:ce,onTypeAhead:ue,onAutocomplete:de,onSelect:pe}),It=e.computed(()=>Ro(k.value,"group")),{vScrollEnd:Dt,isScrollEnd:Pt}=wt({enabled:e.computed(()=>{var h;return((h=t.lazyLoading)==null?void 0:h.enabled)??!1}),loading:e.computed(()=>t.loading),offset:e.computed(()=>{var h;return(h=t.lazyLoading)==null?void 0:h.scrollOffset})}),he=e.computed(()=>{if(!k.value.length)return t.withSearch&&i.value?s.value("select.noMatch"):s.value("select.empty")}),ze=e.computed(()=>k.value.filter(h=>!h.disabled).map(({value:h})=>h)),W=e.computed(()=>{if(!(!t.multiple||!t.withCheckAll))return dt(ze,f,h=>{const B=h.map(N=>{var O;return(O=t.options.find(({value:L})=>L===N))==null?void 0:O.value}).filter(N=>N!=null);l("update:modelValue",B)})}),ve=e.computed(()=>{var B;if(!t.multiple)return"";const h=s.value("selections.selectAll");return typeof t.withCheckAll=="boolean"?h:((B=t.withCheckAll)==null?void 0:B.label)??h});e.watchEffect(()=>{Pt.value&&l("lazyLoad")});const At=e.computed(()=>{const h={...t,open:void 0,modelValue:v.value};return t.withSearch?{...h,onKeydown:ye.value.onKeydown}:{...h,...ye.value}});return(h,B)=>{var N,O,L;return e.openBlock(),e.createElementBlock("div",{ref_key:"selectRef",ref:u,class:"onyx-select-wrapper"},[e.createVNode(Et,e.mergeProps({ref_key:"selectInput",ref:w},At.value,{"show-focus":e.unref(c),autofocus:t.autofocus,onInputClick:g,onValidityChange:B[0]||(B[0]=J=>l("validityChange",J))}),null,16,["show-focus","autofocus"]),e.createElementVNode("div",{class:e.normalizeClass(["onyx-select",e.unref(r),e.unref(c)?"onyx-select--open":"",`onyx-select--${e.unref(p)}`,`onyx-select--${t.alignment}`]),inert:!e.unref(c)},[e.withDirectives((e.openBlock(),e.createElementBlock("div",ya,[t.withSearch?(e.openBlock(),e.createBlock(vt,e.mergeProps({key:0,ref_key:"miniSearch",ref:_,"model-value":e.unref(i)},e.unref(ye),{label:e.unref(s)("select.searchInputLabel"),class:"onyx-select__search",onClear:B[1]||(B[1]=J=>i.value="")}),null,16,["model-value","label"])):e.createCommentVNode("",!0),e.createElementVNode("div",e.normalizeProps(e.guardReactiveProps(e.unref(Lt))),[he.value?(e.openBlock(),e.createElementBlock("ul",ha,[e.createElementVNode("li",va,[e.renderSlot(h.$slots,"empty",{defaultMessage:he.value},()=>[e.createVNode(Oe,null,{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(he.value),1)]),_:1})])])])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[t.multiple&&t.withCheckAll&&!e.unref(i)?(e.openBlock(),e.createElementBlock("ul",e.mergeProps({key:0,class:"onyx-select__check-all"},e.unref(Ae)({label:ve.value})),[e.createVNode(Ee,e.mergeProps(e.unref(Pe)({value:e.unref(b),label:ve.value,selected:(N=W.value)==null?void 0:N.state.value.modelValue}),{multiple:"",active:e.unref(b)===m.value,indeterminate:(O=W.value)==null?void 0:O.state.value.indeterminate,density:t.density}),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(ve.value),1)]),_:1},16,["active","indeterminate","density"])],16)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(It.value,(J,X)=>(e.openBlock(),e.createElementBlock("ul",e.mergeProps({key:X,class:"onyx-select__group",ref_for:!0},e.unref(Ae)({label:X})),[X!=""?(e.openBlock(),e.createElementBlock("li",_a,e.toDisplayString(X),1)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(J,D=>(e.openBlock(),e.createBlock(Ee,e.mergeProps({key:D.value.toString(),ref_for:!0},e.unref(Pe)({value:D.value,label:D.label,disabled:D.disabled,selected:f.value.some(zt=>zt===D.value)}),{multiple:t.multiple,active:D.value===m.value,icon:D.icon,density:t.density,truncation:D.truncation??t.truncation}),{default:e.withCtx(()=>[e.renderSlot(h.$slots,"option",e.mergeProps({ref_for:!0},D),()=>[e.createTextVNode(e.toDisplayString(D.label),1)])]),_:2},1040,["multiple","active","icon","density","truncation"]))),128))],16))),128))],64))],16),(L=t.lazyLoading)!=null&&L.loading?(e.openBlock(),e.createElementBlock("div",ka,[e.createVNode(A,{class:"onyx-select__loading"})])):e.createCommentVNode("",!0),a.optionsEnd?(e.openBlock(),e.createElementBlock("div",ga,[e.renderSlot(h.$slots,"optionsEnd")])):e.createCommentVNode("",!0)])),[[e.unref(Dt)]]),t.listDescription?(e.openBlock(),e.createElementBlock("div",xa,e.toDisplayString(t.listDescription),1)):e.createCommentVNode("",!0)],10,fa)],512)}}}),ba=["aria-label"],Ba={class:"onyx-pagination__count"},Ca=["aria-label","disabled"],wa=["aria-label","disabled"],Va=e.defineComponent({__name:"SelectPagination",props:{density:{},modelValue:{},pages:{},disabled:{type:Boolean}},emits:["update:modelValue"],setup(n,{emit:o}){const t=n,l=o,{t:r}=S(),{densityClass:a}=V(t),s=e.computed(()=>Array.from({length:t.pages},(c,u)=>{const p=u+1;return{label:p.toString(),value:p}})),i=e.computed(()=>t.modelValue<=1),d=e.computed(()=>t.modelValue>=t.pages);return(c,u)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["onyx-pagination","onyx-text",e.unref(a)]),role:"group","aria-label":e.unref(r)("pagination.label"),style:e.normalizeStyle({"--onyx-pagination-character-count":t.modelValue.toString().length})},[e.createVNode(St,{class:"onyx-pagination__select",label:e.unref(r)("pagination.select.label"),"list-label":e.unref(r)("pagination.select.listLabel"),options:s.value,"model-value":t.modelValue,"value-label":t.modelValue.toString(),"hide-label":"",disabled:t.disabled||t.pages<=1,alignment:"left","with-search":"","onUpdate:modelValue":u[0]||(u[0]=p=>l("update:modelValue",p))},null,8,["label","list-label","options","model-value","value-label","disabled"]),e.createElementVNode("div",Ba,e.toDisplayString(e.unref(r)("pagination.ofPages",{n:t.pages})),1),e.createElementVNode("button",{class:"onyx-pagination__button","aria-label":e.unref(r)("pagination.previous"),type:"button",disabled:t.disabled||i.value,onClick:u[1]||(u[1]=p=>l("update:modelValue",t.modelValue-1))},[e.createVNode(C,{icon:e.unref(Bt)},null,8,["icon"])],8,Ca),e.createElementVNode("button",{class:"onyx-pagination__button","aria-label":e.unref(r)("pagination.next"),type:"button",disabled:t.disabled||d.value,onClick:u[2]||(u[2]=p=>l("update:modelValue",t.modelValue+1))},[e.createVNode(C,{icon:e.unref(gt)},null,8,["icon"])],8,wa)],14,ba))}}),Ea=e.defineComponent({__name:"OnyxPagination",props:{density:{},modelValue:{},pages:{},disabled:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(n,{emit:o}){const t=n,l=o;return(r,a)=>(e.openBlock(),e.createBlock(Va,e.mergeProps(t,{"onUpdate:modelValue":a[0]||(a[0]=s=>l("update:modelValue",s))}),null,16))}}),Sa=["required","name","value","checked","disabled","autofocus"],Se=e.defineComponent({__name:"OnyxRadioButton",props:{density:{},value:{},label:{},disabled:{default:$},loading:{type:Boolean,default:!1},skeleton:{type:[Symbol,Boolean],default:P},truncation:{default:"ellipsis"},customError:{},autofocus:{type:Boolean},name:{},checked:{type:Boolean,default:!1},required:{type:Boolean,default:!1}},emits:["validityChange"],setup(n,{emit:o}){const t=n,l=o,{vCustomValidity:r,errorMessages:a}=H({props:t,emit:l}),{densityClass:s}=V(t),{disabled:i}=I(t),d=z(t);return(c,u)=>e.unref(d)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["onyx-radio-button-skeleton",e.unref(s)])},[e.createVNode(M,{class:"onyx-radio-button-skeleton__input"}),e.createVNode(M,{class:"onyx-radio-button-skeleton__label"})],2)):(e.openBlock(),e.createBlock($e,{key:1,disabled:e.unref(i),"error-messages":e.unref(a)},{default:e.withCtx(()=>[e.createElementVNode("label",{class:e.normalizeClass(["onyx-radio-button",e.unref(s)])},[t.loading?(e.openBlock(),e.createBlock(A,{key:0,class:"onyx-radio-button__loading",type:"circle"})):e.withDirectives((e.openBlock(),e.createElementBlock("input",{key:1,class:"onyx-radio-button__selector",type:"radio",required:t.required,name:t.name,value:t.value,checked:t.checked,disabled:e.unref(i),autofocus:t.autofocus},null,8,Sa)),[[e.unref(r)]]),e.createElementVNode("span",{class:e.normalizeClass(["onyx-radio-button__label",[`onyx-truncation-${t.truncation}`]])},e.toDisplayString(t.label),3)],2)]),_:1},8,["disabled","error-messages"]))}}),Na=["disabled","aria-label"],Ma={key:0,class:"onyx-radio-group__headline"},$a=e.defineComponent({__name:"OnyxRadioGroup",props:{density:{},required:{type:Boolean,default:!1},requiredMarker:{},customError:{},truncation:{default:"ellipsis"},label:{},hideLabel:{type:Boolean},options:{},name:{default:()=>e.useId()??""},modelValue:{},disabled:{default:$},direction:{default:"vertical"},skeleton:{}},emits:["update:modelValue","validityChange"],setup(n,{emit:o}){const t=n,{densityClass:l}=V(t),{requiredMarkerClass:r,requiredTypeClass:a}=ne(t),{disabled:s}=I(t),i=o,d=(c,u)=>{c&&i("update:modelValue",u)};return(c,u)=>(e.openBlock(),e.createElementBlock("fieldset",{class:e.normalizeClass(["onyx-radio-group",e.unref(l),e.unref(a)]),disabled:e.unref(s),role:"radiogroup","aria-label":t.label},[t.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("legend",Ma,[e.createVNode(G,{is:"h3",class:e.normalizeClass(e.unref(r))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.label),1)]),_:1},8,["class"])])),e.createElementVNode("div",{class:e.normalizeClass(["onyx-radio-group__content",{"onyx-radio-group__content--horizontal":t.direction==="horizontal"}])},[t.skeleton===void 0?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(t.options,(p,y)=>(e.openBlock(),e.createBlock(Se,e.mergeProps({key:p.value.toString(),ref_for:!0},p,{name:t.name,"custom-error":t.customError,checked:p.value===t.modelValue,required:t.required,truncation:p.truncation??t.truncation,onValidityChange:m=>y===0&&i("validityChange",m),onChange:m=>d(m,p.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,p=>(e.openBlock(),e.createBlock(Se,{id:`skeleton-${p}`,key:p,value:`skeleton-${p}`,label:"Skeleton ${i}",name:t.name,skeleton:""},null,8,["id","value","name"]))),128))],2)],10,Na))}}),Oa=["full","left","right"],Ta=["summary","preview"],La='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 11.25h18v1.5H3z"/></svg>',Ia='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12.75 11.25V3h-1.5v8.25H3v1.5h8.25V21h1.5v-8.25H21v-1.5z"/></svg>',Da={class:"onyx-stepper__wrapper"},Pa=["disabled","aria-label"],Aa=["aria-label","autofocus","disabled","min","max","name","placeholder","readonly","required","step","title"],za=["disabled","aria-label"],Ra=e.defineComponent({__name:"OnyxStepper",props:{disabled:{default:$},showError:{default:$},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:{},readonly:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},skeleton:{type:[Symbol,Boolean],default:P}},emits:["update:modelValue","validityChange"],setup(n,{emit:o}){const t=n,{t:l}=S(),r=e.ref(),a=o,{disabled:s,showError:i}=I(t),d=z(t),c=re(i),{densityClass:u}=V(t),{vCustomValidity:p,errorMessages:y}=H({props:t,emit:a}),m=e.ref(!1),f=e.computed({get:()=>t.modelValue,set:k=>a("update:modelValue",k)}),v=k=>{if(!r.value)return;r.value[`${k}`]();const b=r.value.valueAsNumber;f.value=isNaN(b)?void 0:b},_=e.computed(()=>l.value("stepper.increment",{stepSize:t.step})),w=e.computed(()=>l.value("stepper.decrement",{stepSize:t.step}));return(k,b)=>e.unref(d)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["onyx-stepper-skeleton",e.unref(u)])},[t.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(M,{key:0,class:"onyx-stepper-skeleton__label"})),e.createVNode(M,{class:"onyx-stepper-skeleton__input"})],2)):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["onyx-stepper",e.unref(u),e.unref(c)])},[e.createVNode(se,e.mergeProps(t,{"error-messages":e.unref(y)}),{default:e.withCtx(()=>[e.createElementVNode("div",Da,[e.createElementVNode("button",{type:"button",class:"onyx-stepper__counter",disabled:t.min&&t.min===f.value||e.unref(s)||k.readonly||t.loading,"aria-label":w.value,onClick:b[0]||(b[0]=E=>v("stepDown"))},[e.createVNode(C,{icon:e.unref(La)},null,8,["icon"])],8,Pa),t.loading?(e.openBlock(),e.createBlock(A,{key:0,class:"onyx-stepper__loading",type:"circle"})):e.withDirectives((e.openBlock(),e.createElementBlock("input",{key:1,ref_key:"inputRef",ref:r,"onUpdate:modelValue":b[1]||(b[1]=E=>f.value=E),class:e.normalizeClass(["onyx-stepper__native",{"onyx-stepper__native--touched":m.value}]),type:"number","aria-label":t.label,autofocus:t.autofocus,disabled:e.unref(s)||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:b[2]||(b[2]=E=>m.value=!0)},null,42,Aa)),[[e.vModelText,f.value,void 0,{number:!0}],[e.unref(p)]]),e.createElementVNode("button",{type:"button",class:"onyx-stepper__counter",disabled:t.max&&t.max===f.value||e.unref(s)||k.readonly||t.loading,"aria-label":_.value,onClick:b[3]||(b[3]=E=>v("stepUp"))},[e.createVNode(C,{icon:e.unref(Ia)},null,8,["icon"])],8,za)])]),_:1},16,["error-messages"])],2))}}),Ha='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m15.983 8.095-6.22 6.22-2.468-2.47-1.061 1.062 3.53 3.525 7.28-7.28z"/></svg>',Fa={class:"onyx-switch-skeleton__click-area"},Ua=["title"],qa=["aria-label","disabled","required","autofocus"],Ga={class:"onyx-switch__click-area"},Ka={class:"onyx-switch__container"},Za={class:"onyx-switch__icon"},ja=e.defineComponent({__name:"OnyxSwitch",props:{disabled:{default:$},showError:{},density:{},required:{type:Boolean},requiredMarker:{},customError:{},autofocus:{type:Boolean},modelValue:{type:Boolean,default:!1},label:{},loading:{type:Boolean,default:!1},hideLabel:{type:Boolean},truncation:{default:"ellipsis"},skeleton:{type:[Symbol,Boolean],default:P}},emits:["update:modelValue","validityChange"],setup(n,{emit:o}){const t=n,l=o,{requiredMarkerClass:r,requiredTypeClass:a}=ne(t),{densityClass:s}=V(t),{disabled:i,showError:d}=I(t),{vCustomValidity:c,errorMessages:u}=H({props:t,emit:l}),p=e.computed(()=>d.value!==!1?u.value:void 0),y=e.computed(()=>t.hideLabel&&t.label||void 0),m=z(t),f=e.computed({get:()=>t.modelValue,set:v=>{l("update:modelValue",v)}});return(v,_)=>e.unref(m)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["onyx-switch-skeleton",e.unref(s)])},[e.createElementVNode("span",Fa,[e.createVNode(M,{class:"onyx-switch-skeleton__input"})]),t.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(M,{key:0,class:"onyx-switch-skeleton__label"}))],2)):(e.openBlock(),e.createBlock($e,{key:1,disabled:e.unref(i),"error-messages":p.value},{default:e.withCtx(()=>[e.createElementVNode("label",{class:e.normalizeClass(["onyx-switch",[e.unref(a),e.unref(s)]]),title:y.value},[e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":_[0]||(_[0]=w=>f.value=w),type:"checkbox",role:"switch",class:e.normalizeClass({"onyx-switch__input":!0,"onyx-switch__loading":t.loading}),"aria-label":t.hideLabel?t.label:void 0,disabled:e.unref(i)||t.loading,required:t.required,autofocus:t.autofocus},null,10,qa),[[e.vModelCheckbox,f.value],[e.unref(c)]]),e.createElementVNode("span",Ga,[e.createElementVNode("span",Ka,[e.createElementVNode("span",Za,[t.loading?(e.openBlock(),e.createBlock(A,{key:0,class:"onyx-switch__spinner",type:"circle"})):(e.openBlock(),e.createBlock(C,{key:1,icon:f.value?e.unref(Ha):e.unref(Te)},null,8,["icon"]))]),_[1]||(_[1]=e.createElementVNode("div",{class:"onyx-switch__frame"},null,-1))])]),t.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(["onyx-switch__label",[`onyx-truncation-${t.truncation}`,t.truncation==="multiline"?e.unref(r):void 0]])},e.toDisplayString(t.label),3)),!t.hideLabel&&t.truncation==="ellipsis"?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["onyx-switch__marker",[e.unref(r)]])},null,2)):e.createCommentVNode("",!0)],10,Ua)]),_:1},8,["disabled","error-messages"]))}}),Ya={class:"onyx-text onyx-truncation-ellipsis"},Wa=e.defineComponent({__name:"OnyxTag",props:{density:{},label:{},color:{default:"primary"},icon:{}},setup(n){const o=n,{densityClass:t}=V(o);return(l,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["onyx-tag",`onyx-tag--${o.color}`,e.unref(t)])},[o.icon?(e.openBlock(),e.createBlock(C,{key:0,icon:o.icon,size:"16px"},null,8,["icon"])):e.createCommentVNode("",!0),e.createElementVNode("span",Ya,e.toDisplayString(o.label),1)],2))}}),Ja=["data-autosize-value"],Xa=["id","placeholder","required","autocapitalize","autofocus","name","readonly","disabled","minlength","maxlength","aria-label","title"],Qa=e.defineComponent({__name:"OnyxTextarea",props:{density:{},required:{type:Boolean,default:!1},requiredMarker:{},customError:{},label:{},labelTooltip:{},hideLabel:{type:Boolean},modelValue:{default:""},placeholder:{},autocapitalize:{default:"sentences"},autofocus:{type:Boolean},name:{},readonly:{type:Boolean,default:!1},disabled:{default:$},minlength:{},maxlength:{},withCounter:{type:Boolean},message:{},messageTooltip:{},skeleton:{type:[Symbol,Boolean],default:P},autosize:{},disableManualResize:{type:Boolean,default:!1}},emits:["update:modelValue","validityChange"],setup(n,{emit:o}){const t=n,l=o,{vCustomValidity:r,errorMessages:a}=H({props:t,emit:l}),{densityClass:s}=V(t),i=e.computed({get:()=>t.modelValue,set:f=>l("update:modelValue",f)}),d=e.computed(()=>{if(!t.autosize)return;const f=t.autosize.min?Math.max(t.autosize.min,2):void 0,v=t.autosize.max;return[f?`--min-autosize-rows: ${f}`:"",`--max-autosize-rows: ${v??"unset"}`]}),c=f=>{var _;const v=f.target;(_=v.parentElement)==null||_.setAttribute("data-autosize-value",v.value)},{disabled:u,showError:p}=I(t),y=z(t),m=re(p);return(f,v)=>e.unref(y)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["onyx-textarea-skeleton",e.unref(s)]),style:e.normalizeStyle(d.value)},[t.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(M,{key:0,class:"onyx-textarea-skeleton__label"})),e.createVNode(M,{class:"onyx-textarea-skeleton__input"})],6)):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["onyx-textarea",e.unref(m),e.unref(s)]),style:e.normalizeStyle(d.value)},[e.createVNode(se,e.mergeProps(t,{"error-messages":e.unref(a)}),{default:e.withCtx(({id:_})=>[e.createElementVNode("div",{class:"onyx-textarea__wrapper","data-autosize-value":i.value},[e.withDirectives(e.createElementVNode("textarea",{id:_,"onUpdate:modelValue":v[0]||(v[0]=w=>i.value=w),class:e.normalizeClass(["onyx-textarea__native",{"onyx-textarea__native--no-resize":t.disableManualResize}]),placeholder:t.placeholder,required:t.required,autocapitalize:t.autocapitalize,autofocus:t.autofocus,name:t.name,readonly:t.readonly,disabled:e.unref(u),minlength:t.minlength,maxlength:t.maxlength,"aria-label":t.hideLabel?t.label:void 0,title:t.hideLabel?t.label:void 0,onInput:c},null,42,Xa),[[e.vModelText,i.value],[e.unref(r)]])],8,Ja)]),_:1},16,["error-messages"])],6))}}),er='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M11.25 16.5h1.5V18h-1.5zM12.75 6h-1.5v8.25h1.5z"/><path fill-rule="evenodd" d="M12 1.5a10.5 10.5 0 1 0 0 21 10.5 10.5 0 0 0 0-21m6.364 16.864A9 9 0 1 1 21 12a8.94 8.94 0 0 1-2.636 6.364" clip-rule="evenodd"/></svg>',tr='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m7.275 11.828 2.465 2.47 6.22-6.22 1.06 1.06-7.28 7.281-3.528-3.53z"/><path fill-rule="evenodd" d="M6.167 3.27a10.5 10.5 0 1 1 11.666 17.46A10.5 10.5 0 0 1 6.167 3.27M7 19.483A9 9 0 0 0 12 21a9.01 9.01 0 0 0 9-9 9 9 0 1 0-14 7.483" clip-rule="evenodd"/></svg>',or={class:"onyx-toast-message__wrapper"},nr={class:"onyx-toast-message__content onyx-truncation-ellipsis"},lr={class:"onyx-toast-message__headline onyx-text"},ar={class:"onyx-truncation-ellipsis"},rr=["aria-label"],sr={key:0,class:"onyx-toast-message__description onyx-text--small onyx-truncation-multiline",tabindex:"0"},Nt=e.defineComponent({__name:"OnyxToastMessage",props:{density:{},headline:{},description:{},color:{default:"neutral"},duration:{default:5e3},clickable:{type:Boolean,default:!1},icon:{type:[String,Boolean],default:void 0}},emits:["close"],setup(n,{emit:o}){const t=n,l=o,{t:r}=S(),{densityClass:a}=V(t),s=e.computed(()=>t.duration>0),i={neutral:we,danger:pt,warning:er,success:tr},d=e.computed(()=>{if(t.icon!==!1)return t.icon||i[t.color]});return(c,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},{default:e.withCtx(()=>[e.createElementVNode("div",or,[d.value?(e.openBlock(),e.createBlock(C,{key:0,icon:d.value},null,8,["icon"])):e.createCommentVNode("",!0),e.createElementVNode("div",nr,[e.createElementVNode("div",lr,[e.createElementVNode("span",ar,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(C,{icon:e.unref(Te)},null,8,["icon"])],8,rr))]),t.description?(e.openBlock(),e.createElementBlock("p",sr,e.toDisplayString(t.description),1)):e.createCommentVNode("",!0)])]),s.value?(e.openBlock(),e.createElementBlock("time",{key:t.duration,"aria-hidden":"true",class:"onyx-toast-message__progress-bar",style:e.normalizeStyle({animationDuration:`${t.duration}ms`}),onAnimationend:u[1]||(u[1]=p=>l("close"))},null,36)):e.createCommentVNode("",!0)]),_:1},8,["class","role","aria-label"]))}}),De=Symbol(),Mt=()=>{let n=1;const o=e.ref([]),t=r=>{const a=n++;o.value.unshift({...r,id:a,onClose:()=>l(a)})},l=r=>{o.value=o.value.filter(a=>a.id!==r)};return{toasts:e.computed(()=>o.value),show:t,remove:l}},$t=()=>{const n=()=>{console.warn('Trying to use "useToast()" before the toast provider has been provided. Make sure to "provide" it first.')};return e.inject(De,()=>({toasts:e.computed(()=>[]),show:n,remove:n}),!0)},ir={key:0,class:"onyx-toast",role:"presentation","aria-live":"polite",open:""},cr=e.defineComponent({__name:"OnyxToast",setup(n){const o=$t();return(t,l)=>e.unref(o).toasts.value.length?(e.openBlock(),e.createElementBlock("dialog",ir,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(o).toasts.value,({id:r,...a})=>(e.openBlock(),e.createBlock(Nt,e.mergeProps({key:r,ref_for:!0},a),null,16))),128))])):e.createCommentVNode("",!0)}}),ur=["top","bottom","auto"],dr=e.defineComponent({__name:"OnyxForm",props:{disabled:{type:Boolean,default:!1},showError:{default:"touched"},skeleton:{type:Boolean},density:{}},setup(n){const o=n;Qt(o),je(o);const{densityClass:t}=V(o);return(l,r)=>(e.openBlock(),e.createElementBlock("form",{class:e.normalizeClass({"onyx-form":!0,...e.unref(t)})},[e.renderSlot(l.$slots,"default")],2))}}),pr=(n={})=>({install:o=>{Qe(o,n.i18n);const t=o.runWithContext(()=>S());o.provide(De,Mt()),o.mixin({beforeMount:()=>{e.watchEffect(()=>{mr(t.t.value("optional"))})}})}}),mr=n=>{var o;(o=globalThis.document)==null||o.body.style.setProperty("--onyx-global-optional-text",n)};exports.AUTOCAPITALIZE=Un;exports.BUTTON_COLORS=ko;exports.BUTTON_MODES=go;exports.BUTTON_TYPES=_o;exports.DENSITIES=Wt;exports.DIRECTIONS=Wl;exports.HEADLINE_TYPES=Nn;exports.ICON_SIZES=Mn;exports.INPUT_TYPES=Fn;exports.LINK_TARGETS=Kn;exports.MOBILE_NAV_BAR_INJECTION_KEY=Y;exports.MULTISELECT_TEXT_MODE=Ta;exports.ONYX_BREAKPOINTS=Ct;exports.ONYX_COLORS=Zl;exports.OnyxAppLayout=qt;exports.OnyxAvatar=ge;exports.OnyxAvatarStack=Yt;exports.OnyxBadge=Ge;exports.OnyxButton=te;exports.OnyxCheckbox=Q;exports.OnyxCheckboxGroup=mn;exports.OnyxColorSchemeDialog=kt;exports.OnyxColorSchemeMenuItem=hl;exports.OnyxDataGridRenderer=wn;exports.OnyxDialog=ft;exports.OnyxEmpty=Oe;exports.OnyxExternalLinkIcon=ae;exports.OnyxFlyoutMenu=Ie;exports.OnyxForm=dr;exports.OnyxHeadline=G;exports.OnyxIcon=C;exports.OnyxIconButton=yt;exports.OnyxInfoTooltip=ee;exports.OnyxInput=Hn;exports.OnyxLink=Gn;exports.OnyxListItem=ie;exports.OnyxLoadingIndicator=A;exports.OnyxMenuItem=Le;exports.OnyxMiniSearch=vt;exports.OnyxMobileNavButton=Ve;exports.OnyxNavAppArea=_t;exports.OnyxNavBar=aa;exports.OnyxNavButton=wl;exports.OnyxNavItem=Vl;exports.OnyxNavSeparator=xt;exports.OnyxPageLayout=ca;exports.OnyxPagination=Ea;exports.OnyxRadioButton=Se;exports.OnyxRadioGroup=$a;exports.OnyxSelect=St;exports.OnyxSelectInput=Et;exports.OnyxSelectOption=Ee;exports.OnyxSkeleton=M;exports.OnyxStepper=Ra;exports.OnyxSwitch=ja;exports.OnyxTable=mt;exports.OnyxTag=Wa;exports.OnyxTextarea=Qa;exports.OnyxTimer=Tl;exports.OnyxToast=cr;exports.OnyxToastMessage=Nt;exports.OnyxTooltip=Z;exports.OnyxUserMenu=Ul;exports.OnyxVisuallyHidden=j;exports.SELECT_ALIGNMENTS=Oa;exports.TEXT_SIZES=jl;exports.TOAST_PROVIDER_INJECTION_KEY=De;exports.TOOLTIP_POSITIONS=ur;exports.TRUNCATION_TYPES=Yl;exports.createOnyx=pr;exports.createToastProvider=Mt;exports.normalizedIncludes=Vt;exports.provideI18n=Qe;exports.useDensity=V;exports.useScrollEnd=wt;exports.useToast=$t;
package/dist/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import { defineComponent as C, useSlots as Q, openBlock as s, createElementBlock as d, normalizeClass as w, renderSlot as g, createCommentVNode as v, createElementVNode as f, computed as h, ref as E, watch as X, createTextVNode as G, toDisplayString as O, unref as r, Fragment as R, createBlock as x, provide as Qe, inject as ce, toRef as ne, reactive as wt, onBeforeMount as et, renderList as Y, normalizeStyle as xe, mergeProps as B, toHandlers as po, watchEffect as ie, shallowRef as Ct, onBeforeUnmount as tt, toValue as ge, nextTick as ot, useId as ae, onMounted as yo, withCtx as $, Teleport as $t, createVNode as M, withDirectives as ee, vModelCheckbox as Mt, resolveDynamicComponent as me, withModifiers as at, vModelDynamic as mo, normalizeProps as fe, guardReactiveProps as ve, useAttrs as ho, vModelText as nt, vShow as St, createSlots as Se, isRef as Vt, useModel as fo, toRefs as vo } from "vue";
1
+ import { defineComponent as C, useSlots as Q, openBlock as s, createElementBlock as d, normalizeClass as w, renderSlot as g, createCommentVNode as v, createElementVNode as f, computed as h, ref as E, watch as X, createTextVNode as G, toDisplayString as O, unref as r, Fragment as R, createBlock as x, provide as Qe, inject as ce, toRef as le, reactive as wt, onBeforeMount as et, renderList as Y, normalizeStyle as xe, mergeProps as B, toHandlers as po, watchEffect as ie, shallowRef as Ct, onBeforeUnmount as tt, toValue as ge, nextTick as ot, useId as ae, onMounted as yo, withCtx as $, Teleport as $t, createVNode as M, withDirectives as ee, vModelCheckbox as Mt, resolveDynamicComponent as me, withModifiers as at, vModelDynamic as mo, normalizeProps as fe, guardReactiveProps as ve, useAttrs as ho, vModelText as nt, vShow as St, createSlots as Se, isRef as Vt, useModel as fo, toRefs as vo } from "vue";
2
2
  const _o = {
3
3
  key: 0,
4
4
  class: "onyx-app__nav"
@@ -123,7 +123,7 @@ const _o = {
123
123
  ], 64))
124
124
  ], 2));
125
125
  }
126
- }), Bt = Symbol(), le = Symbol("SKELETON_INJECTED_SYMBOL"), Ot = (o) => (t) => h(() => typeof t.skeleton != "symbol" ? t.skeleton : t.skeleton === le ? (o == null ? void 0 : o.skeleton) ?? !1 : !1), Et = (o) => Qe(Bt, Ot(o)), Vo = Ot(), se = (o) => ce(
126
+ }), Bt = Symbol(), ne = Symbol("SKELETON_INJECTED_SYMBOL"), Ot = (o) => (t) => h(() => typeof t.skeleton != "symbol" ? t.skeleton : t.skeleton === ne ? (o == null ? void 0 : o.skeleton) ?? !1 : !1), Et = (o) => Qe(Bt, Ot(o)), Vo = Ot(), se = (o) => ce(
127
127
  Bt,
128
128
  /** Default */
129
129
  Vo
@@ -133,11 +133,11 @@ const _o = {
133
133
  }), Tt = (o) => (t) => ({
134
134
  disabled: ht(o, t, "disabled", !1),
135
135
  showError: ht(o, t, "showError", "touched")
136
- }), Bo = (o) => Qe(Lt, Tt(o && ne(o))), Oo = Tt(), te = (o) => ce(
136
+ }), Bo = (o) => Qe(Lt, Tt(o && le(o))), Oo = Tt(), te = (o) => ce(
137
137
  Lt,
138
138
  /** Default */
139
139
  Oo
140
- )(ne(o)), lt = (o, t) => {
140
+ )(le(o)), lt = (o, t) => {
141
141
  const e = o.__vccOpts || o;
142
142
  for (const [a, l] of t)
143
143
  e[a] = l;
@@ -247,7 +247,7 @@ const Z = /* @__PURE__ */ lt(Uo, [["render", qo]]), Go = ["disabled", "type", "a
247
247
  color: { default: "primary" },
248
248
  mode: { default: "default" },
249
249
  icon: {},
250
- skeleton: { type: [Symbol, Boolean], default: le }
250
+ skeleton: { type: [Symbol, Boolean], default: ne }
251
251
  },
252
252
  setup(o) {
253
253
  const t = o, { densityClass: e } = z(t), { disabled: a } = te(t), l = se(t), n = E(), i = h(() => {
@@ -1270,7 +1270,7 @@ const _a = (o, t) => Object.entries(o).every(
1270
1270
  disabled: h(() => !o.value)
1271
1271
  }), Oa = pe(
1272
1272
  ({ toggleLabel: o, isVisible: t }) => {
1273
- const e = Ye(), a = Ye(), l = ne(t ?? !1);
1273
+ const e = Ye(), a = Ye(), l = le(t ?? !1);
1274
1274
  Nt({
1275
1275
  inside: h(() => [e.value, a.value]),
1276
1276
  onOutsideClick: () => l.value = !1,
@@ -1304,7 +1304,7 @@ const _a = (o, t) => Object.entries(o).every(
1304
1304
  };
1305
1305
  }
1306
1306
  ), Ea = pe(({ debounce: o, isVisible: t }) => {
1307
- const e = ae(), a = ne(t ?? !1);
1307
+ const e = ae(), a = le(t ?? !1);
1308
1308
  let l;
1309
1309
  const n = h({
1310
1310
  get: () => a.value,
@@ -1510,7 +1510,7 @@ const _a = (o, t) => Object.entries(o).every(
1510
1510
  hideLabel: { type: Boolean },
1511
1511
  disabled: { default: K },
1512
1512
  loading: { type: Boolean, default: !1 },
1513
- skeleton: { type: [Symbol, Boolean], default: le },
1513
+ skeleton: { type: [Symbol, Boolean], default: ne },
1514
1514
  truncation: { default: "ellipsis" },
1515
1515
  required: { type: Boolean, default: !1 },
1516
1516
  requiredMarker: {},
@@ -1907,7 +1907,7 @@ const _a = (o, t) => Object.entries(o).every(
1907
1907
  color: { default: "primary" },
1908
1908
  loading: { type: Boolean },
1909
1909
  icon: {},
1910
- skeleton: { type: [Symbol, Boolean], default: le }
1910
+ skeleton: { type: [Symbol, Boolean], default: ne }
1911
1911
  },
1912
1912
  setup(o) {
1913
1913
  const t = o, { densityClass: e } = z(t), { disabled: a } = te(t), l = se(t);
@@ -2118,7 +2118,7 @@ const _a = (o, t) => Object.entries(o).every(
2118
2118
  readonly: { type: Boolean, default: !1 },
2119
2119
  loading: { type: Boolean, default: !1 },
2120
2120
  minlength: {},
2121
- skeleton: { type: [Symbol, Boolean], default: le }
2121
+ skeleton: { type: [Symbol, Boolean], default: ne }
2122
2122
  },
2123
2123
  emits: ["update:modelValue", "validityChange"],
2124
2124
  setup(o, { emit: t }) {
@@ -2567,7 +2567,7 @@ const _a = (o, t) => Object.entries(o).every(
2567
2567
  },
2568
2568
  emits: ["update:modelValue", "close"],
2569
2569
  setup(o, { emit: t }) {
2570
- const e = o, a = t, l = ne(e, "modelValue");
2570
+ const e = o, a = t, l = E();
2571
2571
  ie(() => l.value = e.modelValue);
2572
2572
  const { t: n } = F(), i = h(() => [
2573
2573
  {
@@ -2769,7 +2769,7 @@ const _a = (o, t) => Object.entries(o).every(
2769
2769
  emits: ["update:open"],
2770
2770
  setup(o, { emit: t }) {
2771
2771
  const e = o, a = t, { state: l } = Me(
2772
- ne(() => e.open),
2772
+ le(() => e.open),
2773
2773
  !1,
2774
2774
  (p) => a("update:open", p)
2775
2775
  ), n = Q(), {
@@ -2884,7 +2884,7 @@ const _a = (o, t) => Object.entries(o).every(
2884
2884
  emits: ["navigate", "update:mobileChildrenOpen"],
2885
2885
  setup(o, { emit: t }) {
2886
2886
  const e = o, a = t, l = Q(), n = ce(Te), i = h(() => !!l.children), { state: u } = Me(
2887
- ne(() => e.mobileChildrenOpen),
2887
+ le(() => e.mobileChildrenOpen),
2888
2888
  !1,
2889
2889
  (c) => a("update:mobileChildrenOpen", c)
2890
2890
  ), y = (c) => {
@@ -3185,7 +3185,7 @@ const _a = (o, t) => Object.entries(o).every(
3185
3185
  setup(o, { expose: t, emit: e }) {
3186
3186
  const a = o, l = e, n = Q(), i = E(), { width: u } = pl(i), { t: y } = F(), {
3187
3187
  elements: { nav: c }
3188
- } = Ba({ navigationName: ne(() => a.appName) }), p = E(!1), m = E(!1), k = h(() => {
3188
+ } = Ba({ navigationName: le(() => a.appName) }), p = E(!1), m = E(!1), k = h(() => {
3189
3189
  const _ = typeof a.mobileBreakpoint == "number" ? a.mobileBreakpoint : yl[a.mobileBreakpoint];
3190
3190
  return u.value !== 0 && u.value < _;
3191
3191
  });
@@ -3366,7 +3366,7 @@ const _a = (o, t) => Object.entries(o).every(
3366
3366
  errorMessages: {},
3367
3367
  modelValue: {},
3368
3368
  textMode: {},
3369
- skeleton: { type: [Symbol, Boolean], default: le },
3369
+ skeleton: { type: [Symbol, Boolean], default: ne },
3370
3370
  readonly: { type: Boolean, default: !1 },
3371
3371
  loading: { type: Boolean, default: !1 },
3372
3372
  placeholder: {},
@@ -3587,11 +3587,11 @@ const _a = (o, t) => Object.entries(o).every(
3587
3587
  emits: ["update:modelValue", "update:searchTerm", "update:open", "lazyLoad", "validityChange"],
3588
3588
  setup(o, { emit: t }) {
3589
3589
  const e = o, a = t, { densityClass: l } = z(e), n = Q(), { t: i } = F(), { state: u, isManaged: y } = Me(
3590
- ne(() => e.searchTerm),
3590
+ le(() => e.searchTerm),
3591
3591
  "",
3592
3592
  (S) => a("update:searchTerm", S)
3593
3593
  ), { state: c } = Me(
3594
- ne(() => e.open),
3594
+ le(() => e.open),
3595
3595
  !1,
3596
3596
  (S) => a("update:open", S)
3597
3597
  ), p = E(), { openDirection: m, updateOpenDirection: k } = Kt(p), _ = E(), b = h(() => e.modelValue === void 0 ? [] : e.multiple && Array.isArray(e.modelValue) ? e.modelValue : [e.modelValue]), V = h(() => e.valueLabel !== void 0 ? Array.isArray(e.valueLabel) ? e.valueLabel : [e.valueLabel] : b.value.reduce((S, H) => {
@@ -3904,7 +3904,7 @@ const _a = (o, t) => Object.entries(o).every(
3904
3904
  label: {},
3905
3905
  disabled: { default: K },
3906
3906
  loading: { type: Boolean, default: !1 },
3907
- skeleton: { type: [Symbol, Boolean], default: le },
3907
+ skeleton: { type: [Symbol, Boolean], default: ne },
3908
3908
  truncation: { default: "ellipsis" },
3909
3909
  customError: {},
3910
3910
  autofocus: { type: Boolean },
@@ -4047,7 +4047,7 @@ const _a = (o, t) => Object.entries(o).every(
4047
4047
  autocomplete: {},
4048
4048
  readonly: { type: Boolean, default: !1 },
4049
4049
  loading: { type: Boolean, default: !1 },
4050
- skeleton: { type: [Symbol, Boolean], default: le }
4050
+ skeleton: { type: [Symbol, Boolean], default: ne }
4051
4051
  },
4052
4052
  emits: ["update:modelValue", "validityChange"],
4053
4053
  setup(o, { emit: t }) {
@@ -4147,7 +4147,7 @@ const _a = (o, t) => Object.entries(o).every(
4147
4147
  loading: { type: Boolean, default: !1 },
4148
4148
  hideLabel: { type: Boolean },
4149
4149
  truncation: { default: "ellipsis" },
4150
- skeleton: { type: [Symbol, Boolean], default: le }
4150
+ skeleton: { type: [Symbol, Boolean], default: ne }
4151
4151
  },
4152
4152
  emits: ["update:modelValue", "validityChange"],
4153
4153
  setup(o, { emit: t }) {
@@ -4268,7 +4268,7 @@ const _a = (o, t) => Object.entries(o).every(
4268
4268
  withCounter: { type: Boolean },
4269
4269
  message: {},
4270
4270
  messageTooltip: {},
4271
- skeleton: { type: [Symbol, Boolean], default: le },
4271
+ skeleton: { type: [Symbol, Boolean], default: ne },
4272
4272
  autosize: {},
4273
4273
  disableManualResize: { type: Boolean, default: !1 }
4274
4274
  },
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "sit-onyx",
3
3
  "description": "A design system and Vue.js component library created by Schwarz IT",
4
- "version": "1.0.0-beta.59",
4
+ "version": "1.0.0-beta.60",
5
5
  "type": "module",
6
6
  "author": "Schwarz IT KG",
7
7
  "license": "Apache-2.0",