sit-onyx 1.0.0-beta.200 → 1.0.0-beta.201
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.
- package/dist/index.cjs +1 -1
- package/dist/index.js +4 -4
- package/package.json +1 -1
package/dist/index.cjs
CHANGED
|
@@ -180,4 +180,4 @@
|
|
|
180
180
|
</clipPath>
|
|
181
181
|
</defs>
|
|
182
182
|
</svg>
|
|
183
|
-
`,_o=e.defineComponent({__name:"OnyxColorSchemeDialog",props:{open:{type:Boolean,default:!1},density:{},modelValue:{}},emits:["update:modelValue","close"],setup(o,{emit:t}){const l=o,n=t,{t:r}=w(),a=e.computed(()=>[{value:"auto",icon:ss,label:r.value("colorScheme.auto.label"),description:r.value("colorScheme.auto.description")},{value:"light",icon:cs,label:r.value("colorScheme.light.label"),description:r.value("colorScheme.light.description")},{value:"dark",icon:is,label:r.value("colorScheme.dark.label"),description:r.value("colorScheme.dark.description")}]);return(i,s)=>(e.openBlock(),e.createBlock(_t,e.mergeProps({class:"onyx-color-scheme-dialog"},l,{label:e.unref(r)("colorScheme.headline"),options:a.value,onClose:s[0]||(s[0]=c=>n("close")),"onUpdate:modelValue":s[1]||(s[1]=c=>n("update:modelValue",c))}),{description:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(r)("colorScheme.subtitle")),1)]),_:1},16,["label","options"]))}}),us='<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>',ds={class:"onyx-color-scheme-menu-item__value"},ps=e.defineComponent({__name:"OnyxColorSchemeMenuItem",props:{modelValue:{}},emits:["update:modelValue"],setup(o,{emit:t}){const l=o,n=t,{t:r}=w(),a=e.ref(!1);return(i,s)=>(e.openBlock(),e.createBlock(se,{class:"onyx-component onyx-color-scheme-menu-item",onClick:s[2]||(s[2]=c=>a.value=!0)},{default:e.withCtx(()=>[e.createVNode(C,{icon:e.unref(us)},null,8,["icon"]),e.createElementVNode("div",null,[e.createTextVNode(e.toDisplayString(e.unref(r)("colorScheme.appearance"))+": ",1),e.createElementVNode("span",ds,e.toDisplayString(e.unref(r)(`colorScheme.${l.modelValue}.label`)),1)]),(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[e.createVNode(_o,{"model-value":l.modelValue,open:a.value,onClose:s[0]||(s[0]=c=>a.value=!1),"onUpdate:modelValue":s[1]||(s[1]=c=>n("update:modelValue",c))},null,8,["model-value","open"])]))]),_:1}))}}),ms='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19.388 19.5H21l-4.005-9.78-.6-1.455h-1.342L14.46 9.72l-4.185 9.788h1.785l1.717-4.193h3.893l1.717 4.193zm-4.996-5.693 1.335-3.247 1.328 3.247zm-2.699-1.289c-.743-.6-1.396-1.2-1.958-1.763 1.965-2.513 2.483-4.26 2.58-4.68h2.018V4.372h-4.8V3H7.8v1.372H3v1.703h7.508c-.21.585-.735 1.777-1.95 3.382C7.424 8.092 6.907 7.126 6.9 7.102l-1.553.765c.045.083.675 1.305 2.085 2.948-1.005 1.133-2.302 2.393-4.012 3.758l1.095 1.32c1.71-1.366 3.045-2.648 4.095-3.81a25 25 0 0 0 2.37 2.077l.697-1.635z"/></svg>',fs={class:"onyx-language-menu-item__value"},ys=e.defineComponent({__name:"OnyxLanguageMenuItem",props:{modelValue:{},options:{}},emits:["update:modelValue"],setup(o,{emit:t}){const l=o,n=t,{t:r}=w(),a=e.ref(!1),i=e.computed(()=>{var s;return((s=l.options.find(({value:c})=>c===l.modelValue))==null?void 0:s.label)??l.modelValue});return(s,c)=>(e.openBlock(),e.createBlock(se,{class:"onyx-component onyx-language-menu-item",onClick:c[2]||(c[2]=u=>a.value=!0)},{default:e.withCtx(()=>[e.createVNode(C,{icon:e.unref(ms)},null,8,["icon"]),e.createElementVNode("div",null,[e.createTextVNode(e.toDisplayString(e.unref(r)("languageSelect.label"))+": ",1),e.createElementVNode("span",fs,e.toDisplayString(i.value),1)]),(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[e.createVNode(e.unref(_t),{"model-value":l.modelValue,label:e.unref(r)("languageSelect.headline"),options:l.options,open:a.value,onClose:c[0]||(c[0]=u=>a.value=!1),"onUpdate:modelValue":c[1]||(c[1]=u=>n("update:modelValue",u))},{description:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(r)("languageSelect.subtitle")),1)]),_:1},8,["model-value","label","options","open"])]))]),_:1}))}}),hs='<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>',Se=Symbol(),rt=Symbol(),kt=Symbol(),xt=Symbol(),te=e.defineComponent({__name:"OnyxNavItemFacade",props:{link:{},open:{},label:{},active:{type:[Boolean,String]},disabled:{type:Boolean},color:{},context:{}},setup(o){const t=o,l=e.useSlots(),n=e.computed(()=>!!l.children);return(r,a)=>(e.openBlock(),e.createBlock(se,e.mergeProps(t,{link:n.value&&t.context!=="navbar"?void 0:t.link,class:{"onyx-nav-item":!0,"onyx-nav-item--active":t.active,[`onyx-nav-item--${t.context}`]:!0,"onyx-nav-item--open":t.open}}),e.createSlots({default:e.withCtx(()=>[e.renderSlot(r.$slots,"default")]),_:2},[n.value?{name:"children",fn:e.withCtx(()=>[e.renderSlot(r.$slots,"children")]),key:"0"}:void 0]),1040,["link","class"]))}}),vs=["aria-orientation"],ko=e.defineComponent({__name:"OnyxNavSeparator",props:{orientation:{default:"vertical"}},setup(o){const t=o,l=e.inject(Se,e.computed(()=>!1));return(n,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["onyx-component onyx-nav-separator",{"onyx-nav-separator--horizontal":t.orientation==="horizontal"||e.unref(l)}]),role:"separator","aria-orientation":t.orientation},null,10,vs))}}),gs={class:"onyx-nav-item-wrapper__controls"},_s={role:"menu",class:"onyx-nav-item-wrapper__mobile-children"},ks=e.defineComponent({inheritAttrs:!1,__name:"OnyxNavItem",props:{link:{},label:{},active:{type:[Boolean,String],default:"auto"},open:{default:void 0}},emits:["update:open"],setup(o,{emit:t}){const l=o,n=t,r=e.useSlots(),{t:a}=w(),i=F({props:l,emit:n,key:"open",initialValue:!1}),{restAttrs:s,rootAttrs:c}=Y(),u=e.computed(()=>!!r.children),{isActive:p}=he(),d=e.computed(()=>l.active!=="auto"?l.active:p.value(l.link)),m=e.inject(Se,e.computed(()=>!1)),y=e.inject(xt),f=e.inject(rt,!0);e.provide(rt,!1);const{componentRef:h,isVisible:v}=f?es(kt):{isVisible:e.toRef(!0)};return(g,_)=>e.unref(m)&&e.unref(i)?(e.openBlock(),e.createElementBlock("div",e.mergeProps({key:0,class:{"onyx-component":!0,"onyx-nav-item-wrapper":!0,"onyx-nav-item-wrapper--open":e.unref(i)}},e.unref(c)),[e.createElementVNode("div",gs,[e.createVNode(xe,{label:e.unref(a)("back"),mode:"plain",color:"neutral",icon:e.unref(hs),onClick:_[0]||(_[0]=k=>i.value=!1)},null,8,["label","icon"]),l.link?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createVNode(te,e.mergeProps(e.unref(K)(l,e.unref(s)),{active:d.value,context:"mobile"}),{default:e.withCtx(()=>[e.renderSlot(g.$slots,"default")]),_:3},16,["active"]),e.createVNode(ko,{orientation:"horizontal"})],64)):e.createCommentVNode("",!0)]),e.createElementVNode("ul",_s,[e.renderSlot(g.$slots,"children")])],16)):e.unref(m)?(e.openBlock(),e.createBlock(te,e.mergeProps({key:1},e.unref(K)(l,g.$attrs),{active:d.value,context:"mobile",onClick:_[1]||(_[1]=k=>u.value&&(i.value=!0))}),e.createSlots({default:e.withCtx(()=>[e.renderSlot(g.$slots,"default")]),_:2},[r.children?{name:"children",fn:e.withCtx(()=>[e.renderSlot(g.$slots,"children")]),key:"0"}:void 0]),1040,["active"])):e.unref(f)&&u.value&&e.unref(v)?(e.openBlock(),e.createBlock(ie,e.mergeProps({key:2},e.unref(c),{label:e.unref(a)("navItemOptionsLabel",{label:l.label})}),{button:e.withCtx(({trigger:k})=>[e.createVNode(te,e.mergeProps(e.unref(K)(e.unref(s),l,k),{ref_key:"componentRef",ref:h,active:d.value,context:"navbar"}),e.createSlots({default:e.withCtx(()=>[e.renderSlot(g.$slots,"default")]),_:2},[r.children?{name:"children",fn:e.withCtx(()=>[e.renderSlot(g.$slots,"children")]),key:"0"}:void 0]),1040,["active"])]),options:e.withCtx(()=>[e.renderSlot(g.$slots,"children")]),_:3},16,["label"])):e.unref(f)&&e.unref(v)?(e.openBlock(),e.createBlock(te,e.mergeProps({key:3},e.unref(K)(l,g.$attrs),{ref_key:"componentRef",ref:h,active:d.value,context:"navbar"}),{default:e.withCtx(()=>[e.renderSlot(g.$slots,"default")]),_:3},16,["active"])):e.unref(v)?(e.openBlock(),e.createBlock(te,e.mergeProps({key:4},e.unref(K)(l,g.$attrs),{active:d.value,context:"list"}),{default:e.withCtx(()=>[e.renderSlot(g.$slots,"default")]),_:3},16,["active"])):(e.openBlock(),e.createBlock(e.Teleport,{key:5,defer:"",disabled:!e.unref(y),to:e.unref(y)},[e.createVNode(te,e.mergeProps(e.unref(K)(l,g.$attrs),{active:d.value,context:"list"}),{default:e.withCtx(()=>[e.renderSlot(g.$slots,"default")]),_:3},16,["active"])],8,["disabled","to"]))}}),xs=o=>{const t=e.ref(),l=e.ref(Ye(new Date(o.value).getTime())),n=e.computed(()=>l.value===0);return e.watch(o,r=>{clearInterval(t.value);const a=new Date(r).getTime();l.value=Ye(a),t.value=setInterval(()=>{l.value=Ye(a),n.value&&clearInterval(t.value)},1e3)},{immediate:!0}),e.onBeforeUnmount(()=>clearInterval(t.value)),{timeLeft:l,isEnded:n}},Ye=o=>{const t=o-Date.now();return Math.max(t,0)},xo=o=>{const t=Math.floor(o/6e4/60),l=Math.floor(o/6e4%60),n=Math.floor(o%6e4/1e3);return{hours:t,minutes:l,seconds:n}},bs=(o,t)=>{const{hours:l,minutes:n,seconds:r}=xo(o),a=c=>c.toString().padStart(2,"0");let i="",s=Ze(t.formatToParts(o,"seconds"));return n>0&&(s=Ze(t.formatToParts(o,"minutes"))),l>0&&(s=Ze(t.formatToParts(o,"hours")),i=`${a(l)}:`),`${i}${a(n)}:${a(r)} ${s}`},Ze=o=>{var t;return((t=o.at(-1))==null?void 0:t.value.replace(".","").trim())??""},Bs=o=>{const{hours:t,minutes:l,seconds:n}=xo(o);return`PT${t}H${l}M${n}S`},ws=["aria-label"],Cs={key:0,class:"onyx-timer__label"},Es=["datetime"],Ss=e.defineComponent({__name:"OnyxTimer",props:{endTime:{},label:{},hideLabel:{type:Boolean}},emits:["timerEnded"],setup(o,{emit:t}){const l=o,n=t,{locale:r}=w(),{timeLeft:a,isEnded:i}=xs(e.computed(()=>l.endTime)),s=e.computed(()=>new Intl.RelativeTimeFormat(r.value,{numeric:"always",style:"short"})),c=e.computed(()=>bs(a.value,s.value));return e.watchEffect(()=>i.value&&n("timerEnded")),(u,p)=>(e.openBlock(),e.createElementBlock("div",{class:"onyx-component onyx-timer onyx-text onyx-truncation-ellipsis",role:"timer","aria-label":l.hideLabel?l.label:void 0},[l.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("span",Cs,e.toDisplayString(l.label),1)),e.createElementVNode("time",{datetime:e.unref(Bs)(e.unref(a)),class:"onyx-timer__time"},e.toDisplayString(c.value),9,Es)],8,ws))}}),Vs={class:"onyx-component"},Ns={class:"onyx-user-menu__footer onyx-text--small"},$s=e.defineComponent({__name:"UserMenuLayout",props:{isMobile:{type:Boolean},flyoutOpen:{default:void 0}},emits:["update:flyoutOpen"],setup(o,{emit:t}){const l=o,r=F({props:l,emit:t,key:"flyoutOpen",initialValue:!1}),a=e.useSlots(),{t:i}=w();return(s,c)=>(e.openBlock(),e.createElementBlock("div",Vs,[l.isMobile?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.renderSlot(s.$slots,"header"),e.renderSlot(s.$slots,"options"),a.footer?(e.openBlock(),e.createBlock(He,{key:0,class:"onyx-user-menu__mobile-footer",disabled:""},{default:e.withCtx(()=>[e.renderSlot(s.$slots,"footer")]),_:3})):e.createCommentVNode("",!0)],64)):(e.openBlock(),e.createBlock(ie,{key:1,open:e.unref(r),"onUpdate:open":c[0]||(c[0]=u=>e.isRef(r)?r.value=u:null),label:e.unref(i)("navigation.userMenuLabel")},e.createSlots({button:e.withCtx(({trigger:u})=>[e.renderSlot(s.$slots,"button",{trigger:u})]),header:e.withCtx(()=>[e.renderSlot(s.$slots,"header")]),options:e.withCtx(()=>[e.renderSlot(s.$slots,"options")]),_:2},[a.footer?{name:"footer",fn:e.withCtx(()=>[e.createElementVNode("div",Ns,[e.renderSlot(s.$slots,"footer")])]),key:"0"}:void 0]),1032,["open","label"]))]))}}),Ms={class:"onyx-truncation-ellipsis"},Ts={class:"onyx-user-menu__header"},Is={class:"onyx-truncation-ellipsis"},Os={class:"onyx-user-menu__username onyx-text onyx-truncation-ellipsis"},As={key:0,class:"onyx-user-menu__description onyx-text--small onyx-truncation-ellipsis"},Rs={class:"onyx-user-menu__options"},Ls=e.defineComponent({__name:"OnyxUserMenu",props:{fullName:{},avatar:{},description:{},flyoutOpen:{default:void 0}},emits:["update:flyoutOpen"],setup(o,{emit:t}){const l=o,n=t,r=e.useSlots(),a=F({props:l,emit:n,key:"flyoutOpen",initialValue:!1}),i=e.computed(()=>typeof l.avatar=="object"?l.avatar:{src:l.avatar,fullName:l.fullName}),s=e.inject(Se,e.computed(()=>!1));return(c,u)=>(e.openBlock(),e.createBlock($s,{"flyout-open":e.unref(a),"onUpdate:flyoutOpen":u[0]||(u[0]=p=>e.isRef(a)?a.value=p:null),class:e.normalizeClass(["onyx-component onyx-user-menu",{"onyx-user-menu--mobile":e.unref(s)}]),"is-mobile":e.unref(s)},e.createSlots({button:e.withCtx(({trigger:p})=>[e.createElementVNode("button",e.mergeProps({class:"onyx-user-menu__trigger onyx-text",type:"button"},p),[e.createVNode(Xe,e.mergeProps(i.value,{size:"24px"}),null,16),e.createElementVNode("span",Ms,e.toDisplayString(l.fullName),1)],16)]),header:e.withCtx(()=>[e.createElementVNode("div",Ts,[e.createVNode(Xe,e.mergeProps(i.value,{size:"48px"}),null,16),e.createElementVNode("div",Is,[e.createElementVNode("div",Os,e.toDisplayString(l.fullName),1),l.description?(e.openBlock(),e.createElementBlock("div",As,e.toDisplayString(l.description),1)):e.createCommentVNode("",!0)])])]),options:e.withCtx(()=>[e.createElementVNode("div",Rs,[e.renderSlot(c.$slots,"default")])]),_:2},[r.footer?{name:"footer",fn:e.withCtx(()=>[e.renderSlot(c.$slots,"footer")]),key:"0"}:void 0]),1032,["flyout-open","class","is-mobile"]))}}),bo='<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>',Ds='<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>',Bo='<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>',Ps={class:"onyx-nav-bar__content"},zs={key:0,class:"onyx-nav-bar__mobile-page onyx-truncation-ellipsis"},Fs={role:"menubar"},Hs=["id"],Us={key:0,class:"onyx-nav-bar__mobile-context"},qs={key:0,class:"onyx-nav-bar__mobile-global-context"},Gs={class:"onyx-nav-bar__mobile-context-content"},Ks={key:1,class:"onyx-nav-bar__context"},js=e.defineComponent({__name:"OnyxNavBar",props:{appName:{},logoUrl:{},withBackButton:{type:Boolean},appArea:{},mobileBreakpoint:{default:"sm"}},emits:["navigateBack"],setup(o,{expose:t,emit:l}){const n=o,r=l,a=e.useSlots(),i=e.useTemplateRef("navBarRef"),{width:s}=me(i),{t:c}=w(),{currentRoute:u}=he(),{elements:{nav:p}}=Wl({navigationName:e.toRef(()=>n.appName)}),d=e.ref(!1),m=e.ref(!1),y=e.computed(()=>{const v=typeof n.mobileBreakpoint=="number"?n.mobileBreakpoint:Oe[n.mobileBreakpoint];return s.value!==0&&s.value<v}),f=e.useId();e.provide(Se,y),e.provide(xt,`#${f}`);const h=()=>{d.value=!1,m.value=!1};return e.watch(u,()=>h(),{deep:!0}),t({closeMobileMenus:h}),(v,g)=>(e.openBlock(),e.createElementBlock("header",{ref:"navBarRef",class:e.normalizeClass(["onyx-component onyx-nav-bar",{"onyx-nav-bar--mobile":y.value}])},[e.createElementVNode("div",Ps,[y.value&&a.mobileActivePage&&!d.value&&!m.value?(e.openBlock(),e.createElementBlock("span",zs,[e.renderSlot(v.$slots,"mobileActivePage")])):n.appName||n.logoUrl||a.appArea?(e.openBlock(),e.createBlock(go,e.mergeProps({key:1,class:"onyx-nav-bar__app","app-name":n.appName,"logo-url":n.logoUrl},n.appArea),{default:e.withCtx(()=>[e.renderSlot(v.$slots,"appArea")]),_:3},16,["app-name","logo-url"])):e.createCommentVNode("",!0),n.withBackButton?(e.openBlock(),e.createBlock(yo,{key:2,class:"onyx-nav-bar__back",label:e.unref(c)("navigation.goBack"),icon:e.unref(bo),color:"neutral",onClick:g[0]||(g[0]=_=>r("navigateBack",_))},null,8,["label","icon"])):e.createCommentVNode("",!0),a.default?(e.openBlock(),e.createElementBlock(e.Fragment,{key:3},[y.value?(e.openBlock(),e.createBlock(at,{key:0,open:d.value,"onUpdate:open":[g[1]||(g[1]=_=>d.value=_),g[2]||(g[2]=_=>m.value=!1)],class:"onyx-nav-bar__burger",icon:e.unref(Ds),label:e.unref(c)("navigation.toggleBurgerMenu"),headline:e.unref(c)("navigation.navigationHeadline")},{default:e.withCtx(()=>[e.createElementVNode("nav",e.mergeProps({class:"onyx-nav-bar__nav--mobile"},e.unref(p)),[e.createElementVNode("ul",Fs,[e.renderSlot(v.$slots,"default")])],16)]),_:3},8,["open","icon","label","headline"])):(e.openBlock(),e.createElementBlock("nav",e.mergeProps({key:1,class:"onyx-nav-bar__nav"},e.unref(p)),[e.createVNode(vo,{is:"ul",role:"menubar","injection-key":e.unref(kt)},{default:e.withCtx(({attributes:_})=>[e.createElementVNode("div",e.normalizeProps(e.guardReactiveProps(_)),[e.renderSlot(v.$slots,"default")],16)]),more:e.withCtx(({attributes:_,hiddenElements:k})=>[e.createVNode(ie,e.mergeProps({label:e.unref(c)("navigation.showMoreNavItemsLabel")},_),{button:e.withCtx(({trigger:x})=>[e.createVNode(te,e.mergeProps(x,{label:e.unref(c)("navigation.moreNavItems",{n:k}),context:"navbar"}),null,16,["label"])]),options:e.withCtx(()=>[e.createElementVNode("div",{id:e.unref(f)},null,8,Hs)]),_:2},1040,["label"])]),_:3},8,["injection-key"])],16))],64)):e.createCommentVNode("",!0),a.contextArea||a.globalContextArea?(e.openBlock(),e.createElementBlock(e.Fragment,{key:4},[y.value?(e.openBlock(),e.createElementBlock("div",Us,[a.globalContextArea?(e.openBlock(),e.createElementBlock("div",qs,[e.renderSlot(v.$slots,"globalContextArea")])):e.createCommentVNode("",!0),a.contextArea?(e.openBlock(),e.createBlock(at,{key:1,open:m.value,"onUpdate:open":[g[3]||(g[3]=_=>m.value=_),g[4]||(g[4]=_=>d.value=!1)],icon:e.unref(Bo),label:e.unref(c)("navigation.toggleContextMenu")},{default:e.withCtx(()=>[e.createElementVNode("div",Gs,[e.renderSlot(v.$slots,"contextArea")])]),_:3},8,["open","icon","label"])):e.createCommentVNode("",!0)])):(e.openBlock(),e.createElementBlock("div",Ks,[a.globalContextArea?e.renderSlot(v.$slots,"globalContextArea",{key:0}):e.createCommentVNode("",!0),a.contextArea?e.renderSlot(v.$slots,"contextArea",{key:1}):e.createCommentVNode("",!0)]))],64)):e.createCommentVNode("",!0)])],2))}}),Ys=o=>{const{locale:t,t:l}=w(),n=e.computed(()=>new Intl.RelativeTimeFormat(t.value,e.unref(o.options))),r=e.ref(Date.now());let a;e.onMounted(()=>{a=setInterval(()=>r.value=Date.now(),1e3*10)}),e.onUnmounted(()=>clearInterval(a));const i=e.computed(()=>{const d=new Date(e.unref(o.time)).getTime()-r.value;return Math.floor(d/1e3)}),s={year:60*60*24*365,month:60*60*24*30,week:60*60*24*7,day:60*60*24,hour:60*60,minute:60},c=e.computed(()=>Object.keys(s).find(p=>Math.abs(i.value)>=s[p]));return{timeAgo:e.computed(()=>{if(!c.value)return l.value("now");const p=i.value/s[c.value],d=p<0?Math.ceil(p):Math.floor(p);return n.value.format(d,c.value)})}},Zs={class:"onyx-notification-card__content"},Ws={class:"onyx-notification-card__header"},Js={class:"onyx-notification-card__headline"},Xs={class:"onyx-notification-card__more-actions-wrapper"},Qs={class:"onyx-notification-card__created-at onyx-text--small"},ei={class:"onyx-notification-card__description onyx-text onyx-truncation-multiline"},ti={key:0,class:"onyx-notification-card__actions onyx-density-compact"},oi=e.defineComponent({__name:"OnyxNotificationCard",props:{density:{},headline:{},createdAt:{},unread:{type:Boolean}},setup(o){const t=o,l=e.useSlots(),{densityClass:n}=E(t),{d:r,t:a}=w(),{timeAgo:i}=Ys({time:e.toRef(t,"createdAt"),options:{numeric:"auto"}});return(s,c)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["onyx-component","onyx-notification-card",e.unref(n)])},[e.createElementVNode("div",Zs,[e.createElementVNode("div",Ws,[e.createElementVNode("div",Js,[e.createVNode(ne,{is:"h3"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.headline),1)]),_:1}),e.createElementVNode("div",Xs,[t.unread?(e.openBlock(),e.createBlock(De,{key:0,dot:""})):e.createCommentVNode("",!0),l.headerActions?(e.openBlock(),e.createBlock(ie,{key:1,class:"onyx-notification-card__more-actions",label:e.unref(a)("notificationCard.moreActions"),trigger:"click"},{button:e.withCtx(({trigger:u})=>[e.createVNode(Q,e.mergeProps(u,{label:e.unref(a)("notificationCard.toggleActions"),icon:e.unref(Bo)}),null,16,["label","icon"])]),options:e.withCtx(()=>[e.renderSlot(s.$slots,"headerActions")]),_:3},8,["label"])):e.createCommentVNode("",!0)])]),e.createElementVNode("div",Qs,[e.createElementVNode("span",null,e.toDisplayString(e.unref(r)(t.createdAt,"datetime-local")),1),e.createElementVNode("span",null,e.toDisplayString(e.unref(i)),1)])]),e.createElementVNode("p",ei,[e.renderSlot(s.$slots,"default")]),l.actions?(e.openBlock(),e.createElementBlock("div",ti,[e.renderSlot(s.$slots,"actions")])):e.createCommentVNode("",!0)])],2))}}),ni={class:"onyx-component onyx-notification-dot"},li=e.defineComponent({__name:"OnyxNotificationDot",props:{hidden:{type:Boolean,default:!1},color:{default:"warning"}},setup(o){const t=o;return(l,n)=>(e.openBlock(),e.createElementBlock("div",ni,[e.renderSlot(l.$slots,"default"),t.hidden?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(De,{key:0,class:"onyx-notification-dot__badge",color:t.color,dot:""},null,8,["color"]))]))}}),wo='<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>',ai={class:"onyx-info-card__content"},ri={key:2,class:"onyx-info-card__description onyx-text--small"},si={key:3,class:"onyx-info-card__buttons onyx-density-compact"},Co=e.defineComponent({__name:"OnyxInfoCard",props:{density:{},headline:{},color:{default:"info"},icon:{type:[String,Boolean],default:wo},closable:{type:Boolean,default:!1}},emits:["close"],setup(o,{emit:t}){const l=o,n=t,r=e.useSlots(),{t:a}=w(),{densityClass:i}=E(l);return(s,c)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["onyx-component","onyx-info-card",`onyx-info-card--${l.color}`,e.unref(i)])},[l.icon?(e.openBlock(),e.createBlock(C,{key:0,class:"onyx-info-card__icon",icon:l.icon},null,8,["icon"])):e.createCommentVNode("",!0),e.createElementVNode("div",ai,[l.headline?(e.openBlock(),e.createBlock(ne,{key:0,is:"h3",class:"onyx-info-card__headline onyx-truncation-multiline"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(l.headline),1)]),_:1})):e.createCommentVNode("",!0),l.closable?(e.openBlock(),e.createBlock(Q,{key:1,class:"onyx-info-card__close",icon:e.unref(oe),label:e.unref(a)("close"),color:l.color==="neutral"?"soft":"medium",onClick:c[0]||(c[0]=u=>n("close"))},null,8,["icon","label","color"])):e.createCommentVNode("",!0),r.default?(e.openBlock(),e.createElementBlock("p",ri,[e.renderSlot(s.$slots,"default")])):e.createCommentVNode("",!0),r.buttons?(e.openBlock(),e.createElementBlock("div",si,[e.renderSlot(s.$slots,"buttons")])):e.createCommentVNode("",!0)])],2))}}),Eo=e.defineComponent({__name:"OnyxNotificationMessage",props:{headline:{},duration:{default:8e3},icon:{}},emits:["close"],setup(o,{emit:t}){const l=o,n=t,r=e.useSlots();return(a,i)=>(e.openBlock(),e.createBlock(Co,{class:e.normalizeClass(["onyx-component onyx-notification-message",["onyx-component","onyx-notification-message",l.duration?"":"onyx-notification-message--permanent"]]),headline:l.headline,color:"neutral",icon:l.icon??!1,closable:"",tabindex:"0",style:e.normalizeStyle({animationDuration:l.duration?`${l.duration}ms`:void 0}),role:"status","aria-label":l.headline,onClose:i[0]||(i[0]=s=>n("close")),onAnimationend:i[1]||(i[1]=s=>n("close"))},e.createSlots({default:e.withCtx(()=>[e.renderSlot(a.$slots,"default")]),_:2},[r.buttons?{name:"buttons",fn:e.withCtx(()=>[e.renderSlot(a.$slots,"buttons")]),key:"0"}:void 0]),1032,["class","headline","icon","style","aria-label"]))}}),bt=Symbol(),So=()=>{let o=1;const t=e.ref([]),l=r=>{const a=o++;t.value.unshift({...r,id:a,onClose:()=>n(a)})},n=r=>{t.value=t.value.filter(a=>a.id!==r)};return{notifications:e.computed(()=>t.value),show:l,remove:n}},Vo=()=>{const o=()=>{console.warn('Trying to use "useNotification()" before the notifications provider has been provided. Make sure to "provide" it first.')};return e.inject(bt,()=>({notifications:e.computed(()=>[]),show:o,remove:o}),!0)},ii={key:0,class:"onyx-component onyx-notifications",role:"presentation","aria-live":"polite",open:""},ci=e.defineComponent({__name:"OnyxNotifications",setup(o){const t=Vo();return(l,n)=>e.unref(t).notifications.value.length?(e.openBlock(),e.createElementBlock("dialog",ii,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(t).notifications.value,({id:r,...a})=>{var i;return e.openBlock(),e.createBlock(Eo,e.mergeProps({key:r,ref_for:!0},a),e.createSlots({default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(a.description)+" ",1)]),_:2},[(i=a.buttons)!=null&&i.length?{name:"buttons",fn:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.buttons,s=>(e.openBlock(),e.createBlock(xe,e.mergeProps({key:s.label,ref_for:!0},s),null,16))),128))]),key:"0"}:void 0]),1040)}),128))])):e.createCommentVNode("",!0)}}),ui={key:0,class:"onyx-page__sidebar"},di={class:"onyx-page__main"},pi={key:1,class:"onyx-page__footer"},mi=e.defineComponent({__name:"OnyxPageLayout",props:{skeleton:{type:Boolean},footerAsideSidebar:{type:Boolean},hideSidebar:{type:Boolean}},setup(o){const t=o,l=e.useSlots();Re(t);const n=e.computed(()=>t.footerAsideSidebar?"onyx-page--footer-partial":"onyx-page--footer-full");return(r,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["onyx-component onyx-page",n.value])},[l.sidebar&&!t.hideSidebar?(e.openBlock(),e.createElementBlock("aside",ui,[e.renderSlot(r.$slots,"sidebar")])):e.createCommentVNode("",!0),e.createElementVNode("main",di,[e.renderSlot(r.$slots,"default")]),l.footer?(e.openBlock(),e.createElementBlock("footer",pi,[e.renderSlot(r.$slots,"footer")])):e.createCommentVNode("",!0)],2))}}),No=o=>{const l=e.ref(!1),n=a=>{const i=a.target;if(!(i instanceof Element))return;const s=e.unref(o.offset)??0;l.value=Math.abs(i.scrollTop)+i.clientHeight>=i.scrollHeight-s-1};return{vScrollEnd:{mounted:a=>{e.watchEffect(()=>{var s;(((s=o.enabled)==null?void 0:s.value)??!0)&&!o.loading.value?a.addEventListener("scroll",n):a.removeEventListener("scroll",n)})}},isScrollEnd:l}},fi='<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>',yi=["id","readonly","placeholder","required","disabled","aria-label","title","value","autofocus"],hi=["aria-label","title","disabled"],$o=e.defineComponent({inheritAttrs:!1,__name:"OnyxSelectInput",props:{disabled:{default:$},showError:{default:$},requiredMarker:{},required:{type:Boolean},density:{},customError:{},autofocus:{type:Boolean},id:{},name:{},label:{},labelTooltip:{},hideLabel:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},skeleton:{type:[Symbol,Boolean,Number],default:A},error:{},message:{},success:{},placeholder:{},modelValue:{},textMode:{},hideSuccessIcon:{type:Boolean,default:!1},showFocus:{type:Boolean}},emits:["inputClick","validityChange"],setup(o,{expose:t,emit:l}){const{rootAttrs:n,restAttrs:r}=Y(),a=o,i=l,{t:s}=w(),{vCustomValidity:c,errorMessages:u}=le({props:a,emit:i}),p=e.computed(()=>W(a.success)),d=e.computed(()=>W(a.message)),{disabled:m,showError:y}=j(a),f=P(a),h=Ee(y),v=e.computed(()=>a.modelValue?a.modelValue.length:0),g=e.computed(()=>{var B;const N=(B=a.modelValue)==null?void 0:B.length;if(!a.modelValue||!N)return"";if(N===1)return a.modelValue[0];switch(a.textMode){case"preview":return a.modelValue.join(", ");case"summary":default:return s.value("selections.currentSelection",{n:N})}}),_=e.ref(!1),{densityClass:k}=E(a),x=e.useTemplateRef("inputRef");t({input:x}),e.watch(()=>a.showFocus,(N,B)=>{_.value||B&&N===!1&&(_.value=!0)});const S=Xt.concat(Qt),T=N=>{S.includes(N.key)||N.preventDefault()};return ee(x,a),(N,B)=>e.unref(f)?(e.openBlock(),e.createElementBlock("div",e.mergeProps({key:0,class:["onyx-component","onyx-select-input-skeleton",e.unref(k)]},e.unref(n)),[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-component","onyx-select-input",e.unref(k),e.unref(h),a.readonly?"onyx-select-input--readonly":"onyx-select-input--editable"]},e.unref(n)),[e.createVNode(_e,e.mergeProps(a,{message:d.value,"success-messages":p.value,"error-messages":e.unref(u)}),{default:e.withCtx(({id:R})=>[e.createElementVNode("div",{class:"onyx-select-input__wrapper",onClick:B[0]||(B[0]=I=>!e.unref(m)&&!a.loading&&i("inputClick"))},[a.loading?(e.openBlock(),e.createBlock(J,{key:0,class:"onyx-select-input__loading",type:"circle"})):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("input",e.mergeProps({id:R,ref:"inputRef",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(m)||a.loading,"aria-label":a.hideLabel?a.label:void 0,title:a.hideLabel?a.label:void 0,value:g.value,autofocus:a.autofocus,autocomplete:"off",onKeydown:T}),null,16,yi),[[e.unref(c)]]),a.textMode==="preview"&&v.value>0?(e.openBlock(),e.createBlock(fe,{key:1,text:g.value,position:"bottom"},{default:e.withCtx(({trigger:I})=>[e.createVNode(De,e.mergeProps({class:"onyx-select-input__badge"},I,{color:"neutral"}),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(v.value),1)]),_:2},1040)]),_:1},8,["text"])):e.createCommentVNode("",!0),e.createElementVNode("button",{class:"onyx-select-input__button",type:"button","aria-label":e.unref(s)("select.toggleDropDown"),title:e.unref(s)("select.toggleDropDown"),tabindex:"-1",disabled:e.unref(m)||a.readonly||a.loading},[e.createVNode(C,{icon:e.unref(fi)},null,8,["icon"])],8,hi),!a.hideSuccessIcon&&p.value?(e.openBlock(),e.createBlock(C,{key:2,class:"onyx-select-input__check-icon",icon:e.unref(gt),color:"success"},null,8,["icon"])):e.createCommentVNode("",!0)])]),_:1},16,["message","success-messages","error-messages"])],16))}}),vi=["checked","aria-labelledby","disabled","indeterminate"],st=e.defineComponent({__name:"OnyxSelectOption",props:{active:{type:Boolean,default:!1},density:{},multiple:{type:Boolean,default:!1},indeterminate:{type:Boolean},icon:{},truncation:{default:"ellipsis"}},setup(o){const t=o;return(l,n)=>(e.openBlock(),e.createBlock(He,e.mergeProps({class:"onyx-component onyx-select-option"},t,{checked:!!l.$attrs["aria-checked"],selected:!!l.$attrs["aria-selected"],disabled:!!l.$attrs["aria-disabled"]}),{default:e.withCtx(()=>[t.multiple?(e.openBlock(),e.createElementBlock("input",{key:0,checked:!!l.$attrs["aria-checked"],"aria-labelledby":l.$attrs.id,disabled:!!l.$attrs["aria-disabled"],indeterminate:t.indeterminate,"aria-hidden":"true",tabindex:"-1",class:"onyx-select-option__checkbox",type:"checkbox"},null,8,vi)):e.createCommentVNode("",!0),t.icon?(e.openBlock(),e.createBlock(C,{key:1,icon:t.icon},null,8,["icon"])):e.createCommentVNode("",!0),e.createElementVNode("span",{class:e.normalizeClass([`onyx-truncation-${t.truncation}`])},[e.renderSlot(l.$slots,"default")],2)]),_:3},16,["checked","selected","disabled"]))}}),gi={ref:"selectRef",class:"onyx-component onyx-select-wrapper"},_i=["inert"],ki={class:"onyx-select__wrapper",tabindex:"-1"},xi={key:0,role:"group",class:"onyx-select__group"},bi={role:"option","aria-selected":"false"},Bi={key:0,role:"presentation",class:"onyx-select__group-name onyx-text--small"},wi={key:1,class:"onyx-select__slot"},Ci={key:2,class:"onyx-select__slot"},Ei={key:0,class:"onyx-select__description onyx-text--small"},Mo=e.defineComponent({__name:"OnyxSelect",props:{density:{},showError:{default:$},requiredMarker:{default:$},required:{type:Boolean},customError:{},autofocus:{type:Boolean},id:{},name:{},label:{},labelTooltip:{},hideLabel:{type:Boolean},readonly:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},skeleton:{type:[Symbol,Boolean,Number],default:A},error:{},message:{},success:{},placeholder:{},textMode:{},hideSuccessIcon:{type:Boolean},truncation:{default:"ellipsis"},noFilter:{type:Boolean,default:!1},withSearch:{type:Boolean},multiple:{},withCheckAll:{},disabled:{default:$},valueLabel:{default:void 0},alignment:{default:"full"},listLabel:{},listDescription:{},options:{},lazyLoading:{},modelValue:{},open:{default:void 0},searchTerm:{}},emits:["lazyLoad","validityChange","update:searchTerm","update:modelValue","update:open"],setup(o,{expose:t,emit:l}){const n=o,r=l,{densityClass:a}=E(n),i=e.useSlots(),{t:s}=w(),c=F({props:n,emit:r,key:"modelValue"}),u=F({props:n,emit:r,key:"searchTerm",initialValue:""}),p=F({props:n,emit:r,key:"open",initialValue:!1}),d=e.useTemplateRef("selectRef"),{openDirection:m,updateOpenDirection:y}=oo(d),f=e.ref(),h=e.computed(()=>c.value===void 0?[]:n.multiple&&Array.isArray(c.value)?c.value:[c.value]),v=e.computed(()=>n.valueLabel!==void 0?Array.isArray(n.valueLabel)?n.valueLabel:[n.valueLabel]:h.value.reduce((b,O)=>{var G;const H=(G=n.options.find(({value:q})=>q===O))==null?void 0:G.label;return H&&b.push(H),b},[])),g=e.useTemplateRef("miniSearchRef"),_=e.useTemplateRef("selectInputRef"),k=e.computed(()=>n.noFilter||!u.value?n.options:n.options.filter(({label:b})=>zt(b,u.value)));e.watch(h,()=>{n.multiple||(f.value=h.value.at(0))},{immediate:!0});const x=e.useId(),S=e.computed(()=>(n.multiple&&n.withCheckAll&&!u.value?[x]:[]).concat(Et.value)),T=async b=>{var H,G,q;if(n.readonly){p.value=!1;return}const O=p.value;p.value=!O,await e.nextTick(),p.value&&y(),O!==p.value&&(O?(u.value&&(u.value=""),b||(G=(H=_.value)==null?void 0:H.input)==null||G.focus()):(q=g.value)==null||q.focus())},N=()=>f.value=S.value.at(0),B=()=>f.value=S.value.at(-1),R=b=>{const O=S.value.findIndex(H=>H===b);O<S.value.length-1&&(f.value=S.value[O+1])},I=b=>{const O=S.value.findIndex(H=>H===b);O>0&&(f.value=S.value[O-1])},L=b=>{const O=k.value.find(H=>H.label.toLowerCase().trim().startsWith(b.toLowerCase()));O&&(f.value=O.value)},U=b=>u.value=b,Z=b=>{var G;if(b===x){(G=Ne.value)==null||G.handleChange(!Ne.value.state.value.modelValue);return}if(!k.value.find(({value:q})=>q===b))return;if(!n.multiple){c.value=b;return}h.value.some(q=>q===b)?c.value=h.value.filter(q=>q!==b):c.value=[...h.value,b]},V=e.computed(()=>n.withSearch?"list":"none"),{label:D,listLabel:ce,listDescription:Ve,multiple:z}=e.toRefs(n),{elements:{input:re,option:ke,group:Ct,listbox:Ro}}=jl({autocomplete:V,label:D,listLabel:ce,listDescription:Ve,multiple:z,activeOption:e.computed(()=>f.value),isExpanded:p,templateRef:d,onToggle:T,onActivateFirst:N,onActivateLast:B,onActivateNext:R,onActivatePrevious:I,onTypeAhead:L,onAutocomplete:U,onSelect:Z}),Lo=e.computed(()=>Tl(k.value,"group")),{vScrollEnd:Do,isScrollEnd:Po}=No({enabled:e.computed(()=>{var b;return((b=n.lazyLoading)==null?void 0:b.enabled)??!1}),loading:e.computed(()=>n.loading),offset:e.computed(()=>{var b;return(b=n.lazyLoading)==null?void 0:b.scrollOffset})}),Ue=e.computed(()=>{if(!k.value.length)return n.withSearch&&u.value?s.value("select.noMatch"):s.value("select.empty")}),Et=e.computed(()=>k.value.filter(b=>!b.disabled).map(({value:b})=>b)),Ne=e.computed(()=>{if(!(!n.multiple||!n.withCheckAll))return no(Et,h,b=>{const O=b.map(H=>{var G;return(G=n.options.find(({value:q})=>q===H))==null?void 0:G.value}).filter(H=>H!=null);c.value=O})}),qe=e.computed(()=>{var O;if(!n.multiple)return"";const b=s.value("selections.selectAll");return typeof n.withCheckAll=="boolean"?b:((O=n.withCheckAll)==null?void 0:O.label)??b});e.watchEffect(()=>{Po.value&&r("lazyLoad")});const zo=e.computed(()=>{const b={...n,open:void 0,modelValue:v.value};return n.withSearch?{...b,onKeydown:re.value.onKeydown}:{...b,...re.value}});return t({input:e.computed(()=>{var b;return(b=_.value)==null?void 0:b.input})}),(b,O)=>{var H,G,q;return e.openBlock(),e.createElementBlock("div",gi,[e.createVNode($o,e.mergeProps({ref:"selectInputRef"},zo.value,{"show-focus":e.unref(p),autofocus:n.autofocus,onInputClick:T,onValidityChange:O[0]||(O[0]=$e=>r("validityChange",$e))}),null,16,["show-focus","autofocus"]),e.createElementVNode("div",{class:e.normalizeClass(["onyx-select",e.unref(a),e.unref(p)?"onyx-select--open":"",`onyx-select--${e.unref(m)}`,`onyx-select--${n.alignment}`]),inert:!e.unref(p)},[e.withDirectives((e.openBlock(),e.createElementBlock("div",ki,[n.withSearch?(e.openBlock(),e.createBlock(yt,e.mergeProps({key:0,ref:"miniSearchRef","model-value":e.unref(u)},e.unref(re),{label:e.unref(s)("select.searchInputLabel"),class:"onyx-select__search",onClear:O[1]||(O[1]=$e=>u.value="")}),null,16,["model-value","label"])):e.createCommentVNode("",!0),e.createElementVNode("div",e.normalizeProps(e.guardReactiveProps(e.unref(Ro))),[Ue.value?(e.openBlock(),e.createElementBlock("ul",xi,[e.createElementVNode("li",bi,[e.renderSlot(b.$slots,"empty",{defaultMessage:Ue.value},()=>[e.createVNode(ft,null,{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(Ue.value),1)]),_:1})])])])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[n.multiple&&n.withCheckAll&&!e.unref(u)?(e.openBlock(),e.createElementBlock("ul",e.mergeProps({key:0,class:"onyx-select__check-all"},e.unref(Ct)({label:qe.value})),[e.createVNode(st,e.mergeProps(e.unref(ke)({value:e.unref(x),label:qe.value,selected:(H=Ne.value)==null?void 0:H.state.value.modelValue}),{multiple:"",active:e.unref(x)===f.value,indeterminate:(G=Ne.value)==null?void 0:G.state.value.indeterminate,density:n.density}),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(qe.value),1)]),_:1},16,["active","indeterminate","density"])],16)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(Lo.value,($e,Me)=>(e.openBlock(),e.createElementBlock("ul",e.mergeProps({key:Me,class:"onyx-select__group",ref_for:!0},e.unref(Ct)({label:Me})),[Me!=""?(e.openBlock(),e.createElementBlock("li",Bi,e.toDisplayString(Me),1)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList($e,X=>(e.openBlock(),e.createBlock(st,e.mergeProps({key:X.value.toString(),ref_for:!0},e.unref(ke)({value:X.value,label:X.label,disabled:X.disabled,selected:h.value.some(Fo=>Fo===X.value)}),{multiple:n.multiple,active:X.value===f.value,icon:X.icon,density:n.density,truncation:X.truncation??n.truncation}),{default:e.withCtx(()=>[e.renderSlot(b.$slots,"option",e.mergeProps({ref_for:!0},X),()=>[e.createTextVNode(e.toDisplayString(X.label),1)])]),_:2},1040,["multiple","active","icon","density","truncation"]))),128))],16))),128))],64))],16),(q=n.lazyLoading)!=null&&q.loading?(e.openBlock(),e.createElementBlock("div",wi,[e.createVNode(J,{class:"onyx-select__loading"})])):e.createCommentVNode("",!0),i.optionsEnd?(e.openBlock(),e.createElementBlock("div",Ci,[e.renderSlot(b.$slots,"optionsEnd")])):e.createCommentVNode("",!0)])),[[e.unref(Do)]]),n.listDescription?(e.openBlock(),e.createElementBlock("div",Ei,e.toDisplayString(n.listDescription),1)):e.createCommentVNode("",!0)],10,_i)],512)}}}),Si=["aria-label"],Vi={class:"onyx-pagination__count"},Ni=["aria-label","disabled"],$i=["aria-label","disabled"],Mi=e.defineComponent({__name:"OnyxSelectPagination",props:{density:{},modelValue:{},pages:{},disabled:{type:Boolean},skeleton:{type:[Symbol,Boolean,Number],default:A}},emits:["update:modelValue"],setup(o,{emit:t}){const l=o,n=t,{t:r}=w(),{densityClass:a}=E(l),i=P(l),s=e.computed(()=>Array.from({length:l.pages},(p,d)=>{const m=d+1;return{label:m.toString(),value:m}})),c=e.computed(()=>l.modelValue<=1),u=e.computed(()=>l.modelValue>=l.pages);return(p,d)=>e.unref(i)?(e.openBlock(),e.createBlock(M,{key:0,class:e.normalizeClass(["onyx-pagination-skeleton","onyx-text",e.unref(a)])},null,8,["class"])):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["onyx-component","onyx-pagination","onyx-text",e.unref(a)]),role:"group","aria-label":e.unref(r)("pagination.label"),style:e.normalizeStyle({"--onyx-pagination-character-count":l.modelValue.toString().length})},[e.createVNode(Mo,{class:"onyx-pagination__select",label:e.unref(r)("pagination.select.label"),"list-label":e.unref(r)("pagination.select.listLabel"),options:s.value,"model-value":l.modelValue,"value-label":l.modelValue.toString(),"hide-label":"",disabled:l.disabled||l.pages<=1,alignment:"left","with-search":"","onUpdate:modelValue":d[0]||(d[0]=m=>n("update:modelValue",m))},null,8,["label","list-label","options","model-value","value-label","disabled"]),e.createElementVNode("div",Vi,e.toDisplayString(e.unref(r)("pagination.ofPages",{n:l.pages})),1),e.createElementVNode("button",{class:"onyx-pagination__button","aria-label":e.unref(r)("pagination.previous"),type:"button",disabled:l.disabled||c.value,onClick:d[1]||(d[1]=m=>n("update:modelValue",l.modelValue-1))},[e.createVNode(C,{icon:e.unref(bo)},null,8,["icon"])],8,Ni),e.createElementVNode("button",{class:"onyx-pagination__button","aria-label":e.unref(r)("pagination.next"),type:"button",disabled:l.disabled||u.value,onClick:d[2]||(d[2]=m=>n("update:modelValue",l.modelValue+1))},[e.createVNode(C,{icon:e.unref(po)},null,8,["icon"])],8,$i)],14,Si))}}),Ti=e.defineComponent({__name:"OnyxPagination",props:{density:{},modelValue:{},pages:{},disabled:{type:Boolean,default:!1},skeleton:{type:[Symbol,Boolean,Number],default:A}},emits:["update:modelValue"],setup(o,{emit:t}){const l=o,n=t;return(r,a)=>(e.openBlock(),e.createBlock(Mi,e.mergeProps(l,{"onUpdate:modelValue":a[0]||(a[0]=i=>n("update:modelValue",i))}),null,16))}}),Ii=["required","name","value","checked","disabled","autofocus"],it=e.defineComponent({inheritAttrs:!1,__name:"OnyxRadioButton",props:{disabled:{default:$},showError:{},autofocus:{type:Boolean},required:{type:Boolean,default:!1},density:{},customError:{},value:{},label:{},loading:{type:Boolean,default:!1},skeleton:{type:[Symbol,Boolean,Number],default:A},truncation:{default:"ellipsis"},name:{},checked:{type:Boolean,default:!1}},emits:["validityChange"],setup(o,{expose:t,emit:l}){const n=o,r=l,{rootAttrs:a,restAttrs:i}=Y(),{vCustomValidity:s,errorMessages:c}=le({props:n,emit:r}),{densityClass:u}=E(n),{disabled:p}=j(n),d=P(n),m=e.useTemplateRef("inputRef");return t({input:m}),ee(m,n),(y,f)=>e.unref(d)?(e.openBlock(),e.createElementBlock("div",e.mergeProps({key:0,class:["onyx-component","onyx-radio-button-skeleton",e.unref(u)]},e.unref(a)),[e.createVNode(M,{class:"onyx-radio-button-skeleton__input"}),e.createVNode(M,{class:"onyx-radio-button-skeleton__label"})],16)):(e.openBlock(),e.createBlock(mt,e.mergeProps({key:1,disabled:e.unref(p),"error-messages":e.unref(c)},e.unref(a)),{default:e.withCtx(()=>[e.createElementVNode("label",{class:e.normalizeClass(["onyx-component","onyx-radio-button",e.unref(u)])},[n.loading?(e.openBlock(),e.createBlock(J,{key:0,class:"onyx-radio-button__loading",type:"circle"})):e.withDirectives((e.openBlock(),e.createElementBlock("input",e.mergeProps({key:1,ref:"inputRef",class:"onyx-radio-button__selector",type:"radio",required:n.required,name:n.name,value:n.value,checked:n.checked,disabled:e.unref(p),autofocus:n.autofocus},e.unref(i)),null,16,Ii)),[[e.unref(s)]]),e.createElementVNode("span",{class:e.normalizeClass(["onyx-radio-button__label",[`onyx-truncation-${n.truncation}`]])},e.toDisplayString(n.label),3)],2)]),_:1},16,["disabled","error-messages"]))}}),Oi=["disabled","aria-label"],Ai={key:0,class:"onyx-radio-group__label"},Ri=e.defineComponent({__name:"OnyxRadioGroup",props:{truncation:{default:"ellipsis"},skeleton:{type:[Symbol,Boolean,Number],default:A},label:{},labelTooltip:{},hideLabel:{type:Boolean},name:{default:()=>e.useId()},density:{},customError:{},required:{type:Boolean,default:!1},requiredMarker:{default:$},disabled:{default:$},options:{},modelValue:{},direction:{default:"vertical"}},emits:["validityChange","update:modelValue"],setup(o,{expose:t,emit:l}){const n=o,{densityClass:r}=E(n),{disabled:a,requiredMarker:i}=j(n),{requiredMarkerClass:s,requiredTypeClass:c}=Pe(n,i),u=P(n),p=l,d=F({props:n,emit:p,key:"modelValue"}),m=(f,h)=>{f&&(d.value=h)},y=e.useTemplateRef("radiobuttonsRef");return t({inputs:e.computed(()=>(Array.isArray(y.value)?y.value:[y.value]).flatMap(h=>h==null?void 0:h.input).filter(h=>!!h))}),(f,h)=>(e.openBlock(),e.createElementBlock("fieldset",{class:e.normalizeClass(["onyx-component","onyx-radio-group",e.unref(r),e.unref(c)]),disabled:e.unref(a),role:"radiogroup","aria-label":n.label},[n.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("legend",Ai,[e.createVNode(ne,{is:"h3",class:e.normalizeClass(e.unref(s))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(n.label),1)]),_:1},8,["class"]),n.labelTooltip?(e.openBlock(),e.createBlock(Be,{key:0,open:"hover",text:n.labelTooltip},null,8,["text"])):e.createCommentVNode("",!0)])),e.createElementVNode("div",{class:e.normalizeClass(["onyx-radio-group__content",{"onyx-radio-group__content--horizontal":n.direction==="horizontal"}])},[e.unref(u)?typeof e.unref(u)=="number"?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(e.unref(u),v=>(e.openBlock(),e.createBlock(it,{id:`skeleton-${v}`,key:v,value:`skeleton-${v}`,label:"Skeleton ${i}",name:n.name,skeleton:""},null,8,["id","value","name"]))),128)):e.createCommentVNode("",!0):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(n.options,(v,g)=>(e.openBlock(),e.createBlock(it,e.mergeProps({key:v.value.toString(),ref_for:!0},v,{ref_for:!0,ref:"radiobuttonsRef",name:n.name,"custom-error":n.customError,checked:v.value===e.unref(d),required:n.required,truncation:v.truncation??n.truncation,onValidityChange:_=>g===0&&p("validityChange",_),onChange:_=>m(_,v.value)}),null,16,["name","custom-error","checked","required","truncation","onValidityChange","onChange"]))),128))],2)],10,Oi))}}),Li=["_self","_blank","_parent","_top"],Di=["full","left","right"],Pi=["summary","preview"],zi='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 11.25h18v1.5H3z"/></svg>',Fi='<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>',Hi=(o,t,l)=>{const n=t??-1/0,r=l??1/0;return Math.min(Math.max(o,n),r)},Ui=(o,t)=>{if(!o)return"";if(t>=0)return o.toFixed(t);const l=Math.pow(10,t);return(Math.round(o*l)/l).toString()},qi={class:"onyx-stepper__wrapper"},Gi=["disabled","aria-label"],Ki=["aria-label","autofocus","disabled","min","max","name","placeholder","readonly","required","step","title"],ji=["disabled","aria-label"],Yi=e.defineComponent({inheritAttrs:!1,__name:"OnyxStepper",props:{disabled:{default:$},showError:{default:$},requiredMarker:{},required:{type:Boolean},density:{},customError:{},autofocus:{type:Boolean},id:{},name:{},label:{},labelTooltip:{},hideLabel:{type:Boolean},readonly:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},skeleton:{type:[Symbol,Boolean,Number],default:A},error:{},message:{},success:{},placeholder:{},min:{},max:{},stepSize:{default:1},precision:{},validStepSize:{},autocomplete:{},hideButtons:{type:Boolean,default:!1},modelValue:{}},emits:["validityChange","update:modelValue"],setup(o,{expose:t,emit:l}){const n=o,r=l,{t:a}=w(),i=e.useTemplateRef("inputRef"),{disabled:s,showError:c}=j(n),u=P(n),p=Ee(c),{densityClass:d}=E(n),{vCustomValidity:m,errorMessages:y}=le({props:n,emit:r}),f=e.computed(()=>W(n.success)),h=e.computed(()=>W(n.message)),{rootAttrs:v,restAttrs:g}=Y(),_=e.ref(!1),k=F({props:n,emit:r,key:"modelValue"}),x=e.ref(),S=e.computed(()=>I=>n.precision!==void 0&&I!==void 0&&I!==null?Ui(I,n.precision):(I==null?void 0:I.toString())??"");e.watchEffect(()=>{x.value=S.value(k.value)});const T=I=>{_.value=!0;const L=k.value||0,U=(I==="stepUp"?1:-1)*n.stepSize,Z=parseFloat(S.value(L+U));k.value=Hi(Z,n.min,n.max)},N=()=>{if(_.value=!0,!x.value){k.value=void 0;return}x.value=S.value(parseFloat(x.value)),k.value=parseFloat(x.value)},B=e.computed(()=>a.value("stepper.increment",{stepSize:n.stepSize})),R=e.computed(()=>a.value("stepper.decrement",{stepSize:n.stepSize}));return t({input:i}),ee(i,n),(I,L)=>e.unref(u)?(e.openBlock(),e.createElementBlock("div",e.mergeProps({key:0,class:["onyx-component","onyx-stepper-skeleton",e.unref(d)]},e.unref(v)),[n.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(M,{key:0,class:"onyx-stepper-skeleton__label"})),e.createVNode(M,{class:"onyx-stepper-skeleton__input"})],16)):(e.openBlock(),e.createElementBlock("div",e.mergeProps({key:1,class:["onyx-component","onyx-stepper",e.unref(d),e.unref(p)]},e.unref(v)),[e.createVNode(_e,e.mergeProps(n,{message:h.value,"success-messages":f.value,"error-messages":e.unref(y)}),{default:e.withCtx(()=>[e.createElementVNode("div",qi,[n.hideButtons?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("button",{key:0,type:"button",class:"onyx-stepper__counter",disabled:e.unref(s)||I.readonly||n.loading||n.min!==void 0&&e.unref(k)!==void 0&&e.unref(k)!==null&&e.unref(k)<=n.min,"aria-label":R.value,tabindex:"-1",onClick:L[0]||(L[0]=U=>T("stepDown"))},[e.createVNode(C,{icon:e.unref(zi)},null,8,["icon"])],8,Gi)),n.loading?(e.openBlock(),e.createBlock(J,{key:1,class:"onyx-stepper__loading",type:"circle"})):e.withDirectives((e.openBlock(),e.createElementBlock("input",e.mergeProps({key:2,ref:"inputRef","onUpdate:modelValue":L[1]||(L[1]=U=>x.value=U),class:["onyx-stepper__native",{"onyx-stepper__native--touched":_.value}],type:"number","aria-label":n.label,autofocus:n.autofocus,disabled:e.unref(s)||n.loading,min:n.min,max:n.max,name:n.name,placeholder:n.placeholder,readonly:n.readonly,required:n.required,step:n.validStepSize??"any",title:n.hideLabel?n.label:void 0},e.unref(g),{onChange:N,onKeydown:[L[2]||(L[2]=e.withKeys(e.withModifiers(U=>T("stepUp"),["prevent"]),["up"])),L[3]||(L[3]=e.withKeys(e.withModifiers(U=>T("stepDown"),["prevent"]),["down"]))]}),null,16,Ki)),[[e.vModelText,x.value],[e.unref(m)]]),n.hideButtons?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("button",{key:3,type:"button",class:"onyx-stepper__counter",disabled:e.unref(s)||I.readonly||n.loading||n.max!==void 0&&e.unref(k)!==void 0&&e.unref(k)!==null&&e.unref(k)>=n.max,"aria-label":B.value,tabindex:"-1",onClick:L[4]||(L[4]=U=>T("stepUp"))},[e.createVNode(C,{icon:e.unref(Fi)},null,8,["icon"])],8,ji))])]),_:1},16,["message","success-messages","error-messages"])],16))}}),Zi={class:"onyx-switch-skeleton__click-area"},Wi=["title"],Ji=["aria-label","disabled","required","autofocus"],Xi={class:"onyx-switch__click-area"},Qi={class:"onyx-switch__container"},ec={class:"onyx-switch__icon"},tc=e.defineComponent({inheritAttrs:!1,__name:"OnyxSwitch",props:{disabled:{default:$},showError:{},requiredMarker:{default:$},autofocus:{type:Boolean},required:{type:Boolean},density:{},customError:{},label:{},hideLabel:{type:Boolean},loading:{type:Boolean,default:!1},skeleton:{type:[Symbol,Boolean,Number],default:A},truncation:{default:"ellipsis"},modelValue:{default:void 0}},emits:["update:modelValue","validityChange"],setup(o,{expose:t,emit:l}){const n=o,r=l,{rootAttrs:a,restAttrs:i}=Y(),{densityClass:s}=E(n),{disabled:c,showError:u,requiredMarker:p}=j(n),{requiredMarkerClass:d,requiredTypeClass:m}=Pe(n,p),{vCustomValidity:y,errorMessages:f}=le({props:n,emit:r}),h=e.computed(()=>u.value!==!1?f.value:void 0),v=e.computed(()=>n.hideLabel&&n.label||void 0),g=P(n),_=F({props:n,emit:r,key:"modelValue",initialValue:!1}),k=e.useTemplateRef("inputRef");return t({input:k}),ee(k,n),(x,S)=>e.unref(g)?(e.openBlock(),e.createElementBlock("div",e.mergeProps({key:0,class:["onyx-component","onyx-switch-skeleton",e.unref(s)]},e.unref(a)),[e.createElementVNode("span",Zi,[e.createVNode(M,{class:"onyx-switch-skeleton__input"})]),n.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(M,{key:0,class:"onyx-switch-skeleton__label"}))],16)):(e.openBlock(),e.createBlock(mt,e.mergeProps({key:1,disabled:e.unref(c),"error-messages":h.value},e.unref(a)),{default:e.withCtx(()=>[e.createElementVNode("label",{class:e.normalizeClass(["onyx-component onyx-switch",[e.unref(m),e.unref(s)]]),title:v.value},[e.withDirectives(e.createElementVNode("input",e.mergeProps({ref:"inputRef","onUpdate:modelValue":S[0]||(S[0]=T=>e.isRef(_)?_.value=T:null),type:"checkbox",role:"switch",class:{"onyx-switch__input":!0,"onyx-switch__loading":n.loading},"aria-label":n.hideLabel?n.label:void 0,disabled:e.unref(c)||n.loading,required:n.required,autofocus:n.autofocus},e.unref(i)),null,16,Ji),[[e.vModelCheckbox,e.unref(_)],[e.unref(y)]]),e.createElementVNode("span",Xi,[e.createElementVNode("span",Qi,[e.createElementVNode("span",ec,[n.loading?(e.openBlock(),e.createBlock(J,{key:0,class:"onyx-switch__spinner",type:"circle"})):(e.openBlock(),e.createBlock(C,{key:1,icon:e.unref(_)?e.unref(gt):e.unref(oe)},null,8,["icon"]))]),S[1]||(S[1]=e.createElementVNode("div",{class:"onyx-switch__frame"},null,-1))])]),n.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(["onyx-switch__label",[`onyx-truncation-${n.truncation}`,n.truncation==="multiline"?e.unref(d):void 0]])},e.toDisplayString(n.label),3)),!n.hideLabel&&n.truncation==="ellipsis"?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["onyx-switch__marker",[e.unref(d)]])},null,2)):e.createCommentVNode("",!0)],10,Wi)]),_:1},16,["disabled","error-messages"]))}}),oc=["intense","soft","medium"],Bt=Symbol(),nc=["disabled"],lc={class:"onyx-tab__label"},ac=e.defineComponent({__name:"OnyxTab",props:{density:{},value:{},label:{},disabled:{type:Boolean,default:!1},skeleton:{type:[Symbol,Boolean,Number],default:A}},setup(o){const t=o,{densityClass:l}=E(t),n=e.inject(Bt),r=P(t),a=e.computed(()=>`onyx-tab--${n==null?void 0:n.size.value}`),i=e.computed(()=>n==null?void 0:n.headless.elements.tab.value({value:t.value,disabled:t.disabled||!!r.value}));return(s,c)=>{var u,p,d,m,y;return e.openBlock(),e.createElementBlock(e.Fragment,null,[e.unref(r)?(e.openBlock(),e.createBlock(M,e.mergeProps({key:0,class:["onyx-tab-skeleton",e.unref(l),a.value]},i.value),null,16,["class"])):(e.openBlock(),e.createElementBlock("button",e.mergeProps({key:1,class:["onyx-component","onyx-tab",e.unref(l),a.value,(u=i.value)!=null&&u["aria-selected"]?"onyx-tab--selected":""]},i.value,{type:"button",disabled:t.disabled}),[e.createElementVNode("div",lc,[e.renderSlot(s.$slots,"tab",{},()=>[e.createTextVNode(e.toDisplayString(t.label),1)])])],16,nc)),(e.openBlock(),e.createBlock(e.Teleport,{to:(p=e.unref(n))==null?void 0:p.panel.value,disabled:!((d=e.unref(n))!=null&&d.panel.value),defer:""},[(m=i.value)!=null&&m["aria-selected"]?(e.openBlock(),e.createElementBlock("div",e.mergeProps({key:0},(y=e.unref(n))==null?void 0:y.headless.elements.tabpanel.value({value:t.value}),{class:"onyx-tab__panel"}),[e.renderSlot(s.$slots,"default")],16)):e.createCommentVNode("",!0)],8,["to","disabled"]))],64)}}}),rc=e.defineComponent({__name:"OnyxTabs",props:{density:{},skeleton:{type:Boolean},label:{},modelValue:{},stretched:{type:Boolean},size:{default:"h2"}},emits:["update:modelValue"],setup(o,{emit:t}){const l=o,n=t,{densityClass:r}=E(l),a=F({props:l,emit:n,key:"modelValue"}),i=Jl({label:e.toRef(l,"label"),selectedTab:e.toRef(()=>a.value),onSelect:c=>a.value=c}),s=e.useTemplateRef("panelRef");return Re(l),e.provide(Bt,{headless:i,panel:s,size:e.toRef(l,"size")}),(c,u)=>(e.openBlock(),e.createElementBlock("div",{ref:"panelRef",class:e.normalizeClass(["onyx-component","onyx-tabs",e.unref(r),l.stretched?"onyx-tabs--stretched":""])},[e.createElementVNode("div",e.mergeProps(e.unref(i).elements.tablist.value,{class:"onyx-tabs__tablist"}),[e.renderSlot(c.$slots,"default")],16)],2))}}),sc={class:"onyx-text onyx-truncation-ellipsis"},ic={class:"onyx-text onyx-truncation-ellipsis"},To=e.defineComponent({__name:"OnyxTag",props:{density:{},label:{},color:{default:"neutral"},icon:{},clickable:{},skeleton:{type:[Symbol,Boolean,Number],default:A}},setup(o){const t=o,{densityClass:l}=E(t),n=P(t),r=e.computed(()=>["onyx-component","onyx-tag",`onyx-tag--${t.color}`,{"onyx-tag--interactive":t.clickable},l.value]);return(a,i)=>e.unref(n)?(e.openBlock(),e.createBlock(M,{key:0,class:e.normalizeClass(["onyx-tag-skeleton",e.unref(l)])},null,8,["class"])):t.clickable?(e.openBlock(),e.createBlock(fe,{key:1,text:typeof t.clickable=="object"?t.clickable.label:t.clickable},{default:e.withCtx(({trigger:s})=>[e.createElementVNode("button",e.mergeProps(s,{class:r.value,type:"button"}),[t.icon?(e.openBlock(),e.createBlock(C,{key:0,icon:t.icon,inline:""},null,8,["icon"])):e.createCommentVNode("",!0),e.createElementVNode("span",sc,e.toDisplayString(t.label),1),typeof t.clickable=="object"&&t.clickable.actionIcon?(e.openBlock(),e.createBlock(C,{key:1,icon:t.clickable.actionIcon,inline:""},null,8,["icon"])):e.createCommentVNode("",!0)],16)]),_:1},8,["text"])):(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass(r.value)},[t.icon?(e.openBlock(),e.createBlock(C,{key:0,icon:t.icon,inline:""},null,8,["icon"])):e.createCommentVNode("",!0),e.createElementVNode("span",ic,e.toDisplayString(t.label),1)],2))}}),cc=e.defineComponent({__name:"OnyxFilterTag",props:{density:{},label:{},icon:{},skeleton:{type:[Symbol,Boolean,Number],default:A},active:{}},emits:["update:active"],setup(o,{emit:t}){const l=o,n=t,{t:r}=w(),a=F({props:l,emit:n,key:"active",initialValue:!1}),i=e.computed(()=>a.value?r.value("filterTag.clickToRemove",{label:l.label}):r.value("filterTag.clickToAdd",{label:l.label})),s=P(l);return(c,u)=>(e.openBlock(),e.createBlock(To,e.mergeProps(l,{clickable:{label:i.value,actionIcon:e.unref(a)?e.unref(oe):void 0},class:"onyx-filter-tag",skeleton:e.unref(s),onClick:u[0]||(u[0]=()=>{a.value=!e.unref(a)})}),null,16,["clickable","skeleton"]))}}),uc=["data-autosize-value"],dc=["id","placeholder","required","autocapitalize","autofocus","name","readonly","disabled","minlength","maxlength","aria-label","title"],pc=e.defineComponent({inheritAttrs:!1,__name:"OnyxTextarea",props:{disabled:{default:$},showError:{default:$},requiredMarker:{default:$},required:{type:Boolean,default:!1},density:{},customError:{},autofocus:{type:Boolean},id:{},name:{},label:{},labelTooltip:{},hideLabel:{type:Boolean},readonly:{type:Boolean,default:!1},skeleton:{type:[Symbol,Boolean,Number],default:A},error:{},message:{},success:{},placeholder:{},maxlength:{},withCounter:{type:Boolean},minlength:{},autocapitalize:{default:"sentences"},modelValue:{},autosize:{},disableManualResize:{type:Boolean,default:!1}},emits:["validityChange","update:modelValue"],setup(o,{expose:t,emit:l}){const n=o,r=l,a=F({props:n,emit:r,key:"modelValue",initialValue:""}),{rootAttrs:i,restAttrs:s}=Y(),{maxLength:c,maxLengthError:u}=ho({props:n,modelValue:a}),p=e.computed(()=>n.customError??u.value),{vCustomValidity:d,errorMessages:m}=le({props:n,emit:r,customError:p}),{densityClass:y}=E(n),f=e.computed(()=>W(n.success)),h=e.computed(()=>W(n.message)),v=e.computed(()=>{if(!n.autosize)return;const N=n.autosize.min?Math.max(n.autosize.min,2):void 0,B=n.autosize.max;return[N?`--min-autosize-rows: ${N}`:"",`--max-autosize-rows: ${B??"unset"}`]}),g=N=>{var R;const B=N.target;(R=B.parentElement)==null||R.setAttribute("data-autosize-value",B.value)},{disabled:_,showError:k}=j(n),x=P(n),S=Ee(k),T=e.useTemplateRef("inputRef");return t({input:T}),ee(T,n),(N,B)=>e.unref(x)?(e.openBlock(),e.createElementBlock("div",e.mergeProps({key:0,class:["onyx-component","onyx-textarea-skeleton",e.unref(y)],style:v.value},e.unref(i)),[n.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(M,{key:0,class:"onyx-textarea-skeleton__label"})),e.createVNode(M,{class:"onyx-textarea-skeleton__input"})],16)):(e.openBlock(),e.createElementBlock("div",e.mergeProps({key:1,class:["onyx-component","onyx-textarea",e.unref(S),e.unref(y)],style:v.value},e.unref(i)),[e.createVNode(_e,e.mergeProps(n,{message:h.value,"success-messages":f.value,"error-messages":e.unref(m)}),{default:e.withCtx(({id:R})=>[e.createElementVNode("div",{class:"onyx-textarea__wrapper","data-autosize-value":e.unref(a)},[e.withDirectives(e.createElementVNode("textarea",e.mergeProps({id:R,ref:"inputRef","onUpdate:modelValue":B[0]||(B[0]=I=>e.isRef(a)?a.value=I:null),class:["onyx-textarea__native",{"onyx-textarea__native--no-resize":n.disableManualResize}],placeholder:n.placeholder,required:n.required,autocapitalize:n.autocapitalize,autofocus:n.autofocus,name:n.name,readonly:n.readonly,disabled:e.unref(_),minlength:n.minlength,maxlength:e.unref(c),"aria-label":n.hideLabel?n.label:void 0,title:n.hideLabel?n.label:void 0},e.unref(s),{onInput:g}),null,16,dc),[[e.vModelText,e.unref(a)],[e.unref(d)]])],8,uc)]),_:1},16,["message","success-messages","error-messages"])],16))}}),mc='<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>',fc={class:"onyx-toast-message__wrapper"},yc={class:"onyx-toast-message__content onyx-truncation-ellipsis"},hc={class:"onyx-toast-message__headline onyx-text"},vc={class:"onyx-truncation-ellipsis"},gc=["aria-label"],_c={key:0,class:"onyx-toast-message__description onyx-text--small onyx-truncation-multiline",tabindex:"0"},Io=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(o,{emit:t}){const l=o,n=t,{t:r}=w(),{densityClass:a}=E(l),i=e.computed(()=>l.duration>0),s={neutral:nt,danger:lo,warning:wo,success:mc},c=e.computed(()=>{if(l.icon!==!1)return l.icon||s[l.color]});return(u,p)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(l.clickable?"button":"div"),{class:e.normalizeClass(["onyx-component onyx-toast-message",[`onyx-toast-message--${l.color}`,e.unref(a)]]),role:l.color==="danger"||l.color==="warning"?"alert":"status","aria-label":l.clickable?l.headline:void 0},{default:e.withCtx(()=>[e.createElementVNode("div",fc,[c.value?(e.openBlock(),e.createBlock(C,{key:0,icon:c.value},null,8,["icon"])):e.createCommentVNode("",!0),e.createElementVNode("div",yc,[e.createElementVNode("div",hc,[e.createElementVNode("span",vc,e.toDisplayString(l.headline),1),l.clickable?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("button",{key:0,type:"button","aria-label":e.unref(r)("close"),class:"onyx-toast-message__close",onClick:p[0]||(p[0]=d=>n("close"))},[e.createVNode(C,{icon:e.unref(oe)},null,8,["icon"])],8,gc))]),l.description?(e.openBlock(),e.createElementBlock("p",_c,e.toDisplayString(l.description),1)):e.createCommentVNode("",!0)])]),i.value?(e.openBlock(),e.createElementBlock("time",{key:l.duration,"aria-hidden":"true",class:"onyx-toast-message__progress-bar",style:e.normalizeStyle({animationDuration:`${l.duration}ms`}),onAnimationend:p[1]||(p[1]=d=>n("close"))},null,36)):e.createCommentVNode("",!0)]),_:1},8,["class","role","aria-label"]))}}),wt=Symbol(),Oo=()=>{let o=1;const t=e.ref([]),l=r=>{const a=o++;t.value.push({...r,id:a,onClose:()=>n(a)})},n=r=>{t.value=t.value.filter(a=>a.id!==r)};return{toasts:e.computed(()=>t.value),show:l,remove:n}},Ao=()=>{const o=()=>{console.warn('Trying to use "useToast()" before the toast provider has been provided. Make sure to "provide" it first.')};return e.inject(wt,()=>({toasts:e.computed(()=>[]),show:o,remove:o}),!0)},kc={key:0,class:"onyx-component onyx-toast",role:"presentation","aria-live":"polite",open:""},xc=e.defineComponent({__name:"OnyxToast",setup(o){const t=Ao();return(l,n)=>e.unref(t).toasts.value.length?(e.openBlock(),e.createElementBlock("dialog",kc,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(t).toasts.value,({id:r,...a})=>(e.openBlock(),e.createBlock(Io,e.mergeProps({key:r,ref_for:!0},a),null,16))),128))])):e.createCommentVNode("",!0)}}),bc=o=>{e.onMounted(()=>{e.watch([o],()=>{const t=document.documentElement,l="onyx-transition-active",n=()=>{t.classList.remove(l)};t.addEventListener("transitionend",n,{once:!0}),t.classList.add(l)})})},Bc=["primary","neutral","danger","warning","success","info"],wc=["small","default","large"],Cc=["ellipsis","multiline"],Ec=["onyx","digits","kaufland","lidl","schwarz"],Sc=["horizontal","vertical"],Vc=(o={})=>({install:t=>{Pt(t,o.i18n);const l=t.runWithContext(()=>w());t.provide(wt,Oo()),t.provide(bt,So()),o.router&&t.provide(dt,o.router),t.mixin({beforeMount:()=>{e.watchEffect(()=>{Nc(l.t.value("optional"))})}})}}),Nc=o=>{var t;(t=globalThis.document)==null||t.body.style.setProperty("--onyx-global-optional-text",`"${o}"`)};exports.ACCORDION_INJECTION_KEY=ct;exports.ACCORDION_TYPES=qo;exports.BUTTON_COLORS=Nl;exports.BUTTON_MODES=$l;exports.BUTTON_TYPES=Vl;exports.DENSITIES=Ho;exports.DIALOG_ALIGNMENTS=Br;exports.DIRECTIONS=Sc;exports.DataGridFeatures=fr;exports.HEADLINE_TYPES=Tr;exports.ICON_SIZES=Ir;exports.IMAGE_SHAPES=Pr;exports.INPUT_TYPES=Kr;exports.LINK_TARGETS=Li;exports.MOBILE_NAV_BAR_INJECTION_KEY=Se;exports.MULTISELECT_TEXT_MODE=Pi;exports.NAV_BAR_IS_TOP_LEVEL_INJECTION_KEY=rt;exports.NAV_BAR_MORE_LIST_INJECTION_KEY=kt;exports.NAV_BAR_MORE_LIST_TARGET_INJECTION_KEY=xt;exports.NOTIFICATIONS_PROVIDER_INJECTION_KEY=bt;exports.ONYX_BREAKPOINTS=Oe;exports.ONYX_COLORS=Bc;exports.ONYX_THEMES=Ec;exports.OnyxAccordion=Go;exports.OnyxAccordionItem=nn;exports.OnyxAlertDialog=Yn;exports.OnyxAppLayout=Qn;exports.OnyxAvatar=Xe;exports.OnyxAvatarStack=al;exports.OnyxBadge=De;exports.OnyxBottomBar=cl;exports.OnyxBreadcrumb=fl;exports.OnyxBreadcrumbItem=qt;exports.OnyxButton=xe;exports.OnyxCard=Kt;exports.OnyxCheckbox=de;exports.OnyxCheckboxGroup=pa;exports.OnyxColorSchemeDialog=_o;exports.OnyxColorSchemeMenuItem=ps;exports.OnyxDataGrid=Ha;exports.OnyxDataGridRenderer=ro;exports.OnyxDatePicker=br;exports.OnyxDialog=ut;exports.OnyxDrawer=$r;exports.OnyxEmpty=ft;exports.OnyxExternalLinkIcon=ht;exports.OnyxFilterTag=cc;exports.OnyxFlyoutMenu=ie;exports.OnyxForm=Mr;exports.OnyxFormElement=_e;exports.OnyxHeadline=ne;exports.OnyxIcon=C;exports.OnyxIconButton=yo;exports.OnyxImage=Dr;exports.OnyxInfoCard=Co;exports.OnyxInfoTooltip=Be;exports.OnyxInput=Gr;exports.OnyxLanguageMenuItem=ys;exports.OnyxLink=jr;exports.OnyxListItem=He;exports.OnyxLoadingIndicator=J;exports.OnyxMenuItem=se;exports.OnyxMiniSearch=yt;exports.OnyxMobileNavButton=at;exports.OnyxModalDialog=vt;exports.OnyxMoreList=vo;exports.OnyxNavAppArea=go;exports.OnyxNavBar=js;exports.OnyxNavItem=ks;exports.OnyxNavItemFacade=te;exports.OnyxNavSeparator=ko;exports.OnyxNotificationCard=oi;exports.OnyxNotificationDot=li;exports.OnyxNotificationMessage=Eo;exports.OnyxNotifications=ci;exports.OnyxPageLayout=mi;exports.OnyxPagination=Ti;exports.OnyxRadioButton=it;exports.OnyxRadioGroup=Ri;exports.OnyxRouterLink=ge;exports.OnyxSelect=Mo;exports.OnyxSelectDialog=_t;exports.OnyxSelectInput=$o;exports.OnyxSelectOption=st;exports.OnyxSkeleton=M;exports.OnyxStepper=Yi;exports.OnyxSwitch=tc;exports.OnyxSystemButton=Q;exports.OnyxTab=ac;exports.OnyxTable=ao;exports.OnyxTabs=rc;exports.OnyxTag=To;exports.OnyxTextarea=pc;exports.OnyxTimer=Ss;exports.OnyxToast=xc;exports.OnyxToastMessage=Io;exports.OnyxTooltip=fe;exports.OnyxUserMenu=Ls;exports.OnyxVisuallyHidden=ve;exports.ROUTER_INJECTION_KEY=dt;exports.SELECT_ALIGNMENTS=Di;exports.SYSTEM_BUTTON_COLORS=oc;exports.TABS_INJECTION_KEY=Bt;exports.TEXT_SIZES=wc;exports.TOAST_PROVIDER_INJECTION_KEY=wt;exports.TRUNCATION_TYPES=Cc;exports.createFeature=Fa;exports.createNotificationsProvider=So;exports.createOnyx=Vc;exports.createTableColumnGroups=co;exports.createToastProvider=Oo;exports.extractLinkProps=be;exports.normalizedIncludes=zt;exports.provideI18n=Pt;exports.useDataGridFeatures=uo;exports.useDensity=E;exports.useIsFeatureEnabled=Ce;exports.useLink=he;exports.useNotification=Vo;exports.useScrollEnd=No;exports.useThemeTransition=bc;exports.useToast=Ao;
|
|
183
|
+
`,_o=e.defineComponent({__name:"OnyxColorSchemeDialog",props:{open:{type:Boolean,default:!1},density:{},modelValue:{}},emits:["update:modelValue","close"],setup(o,{emit:t}){const l=o,n=t,{t:r}=w(),a=e.computed(()=>[{value:"auto",icon:ss,label:r.value("colorScheme.auto.label"),description:r.value("colorScheme.auto.description")},{value:"light",icon:cs,label:r.value("colorScheme.light.label"),description:r.value("colorScheme.light.description")},{value:"dark",icon:is,label:r.value("colorScheme.dark.label"),description:r.value("colorScheme.dark.description")}]);return(i,s)=>(e.openBlock(),e.createBlock(_t,e.mergeProps({class:"onyx-color-scheme-dialog"},l,{label:e.unref(r)("colorScheme.headline"),options:a.value,onClose:s[0]||(s[0]=c=>n("close")),"onUpdate:modelValue":s[1]||(s[1]=c=>n("update:modelValue",c))}),{description:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(r)("colorScheme.subtitle")),1)]),_:1},16,["label","options"]))}}),us='<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>',ds={class:"onyx-color-scheme-menu-item__value"},ps=e.defineComponent({__name:"OnyxColorSchemeMenuItem",props:{modelValue:{}},emits:["update:modelValue"],setup(o,{emit:t}){const l=o,n=t,{t:r}=w(),a=e.ref(!1);return(i,s)=>(e.openBlock(),e.createBlock(se,{class:"onyx-component onyx-color-scheme-menu-item",onClick:s[2]||(s[2]=c=>a.value=!0)},{default:e.withCtx(()=>[e.createVNode(C,{icon:e.unref(us)},null,8,["icon"]),e.createElementVNode("div",null,[e.createTextVNode(e.toDisplayString(e.unref(r)("colorScheme.appearance"))+": ",1),e.createElementVNode("span",ds,e.toDisplayString(e.unref(r)(`colorScheme.${l.modelValue}.label`)),1)]),(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[e.createVNode(_o,{"model-value":l.modelValue,open:a.value,onClose:s[0]||(s[0]=c=>a.value=!1),"onUpdate:modelValue":s[1]||(s[1]=c=>n("update:modelValue",c))},null,8,["model-value","open"])]))]),_:1}))}}),ms='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19.388 19.5H21l-4.005-9.78-.6-1.455h-1.342L14.46 9.72l-4.185 9.788h1.785l1.717-4.193h3.893l1.717 4.193zm-4.996-5.693 1.335-3.247 1.328 3.247zm-2.699-1.289c-.743-.6-1.396-1.2-1.958-1.763 1.965-2.513 2.483-4.26 2.58-4.68h2.018V4.372h-4.8V3H7.8v1.372H3v1.703h7.508c-.21.585-.735 1.777-1.95 3.382C7.424 8.092 6.907 7.126 6.9 7.102l-1.553.765c.045.083.675 1.305 2.085 2.948-1.005 1.133-2.302 2.393-4.012 3.758l1.095 1.32c1.71-1.366 3.045-2.648 4.095-3.81a25 25 0 0 0 2.37 2.077l.697-1.635z"/></svg>',fs={class:"onyx-language-menu-item__value"},ys=e.defineComponent({__name:"OnyxLanguageMenuItem",props:{modelValue:{},options:{}},emits:["update:modelValue"],setup(o,{emit:t}){const l=o,n=t,{t:r}=w(),a=e.ref(!1),i=e.computed(()=>{var s;return((s=l.options.find(({value:c})=>c===l.modelValue))==null?void 0:s.label)??l.modelValue});return(s,c)=>(e.openBlock(),e.createBlock(se,{class:"onyx-component onyx-language-menu-item",onClick:c[2]||(c[2]=u=>a.value=!0)},{default:e.withCtx(()=>[e.createVNode(C,{icon:e.unref(ms)},null,8,["icon"]),e.createElementVNode("div",null,[e.createTextVNode(e.toDisplayString(e.unref(r)("languageSelect.label"))+": ",1),e.createElementVNode("span",fs,e.toDisplayString(i.value),1)]),(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[e.createVNode(e.unref(_t),{"model-value":l.modelValue,label:e.unref(r)("languageSelect.headline"),options:l.options,open:a.value,onClose:c[0]||(c[0]=u=>a.value=!1),"onUpdate:modelValue":c[1]||(c[1]=u=>n("update:modelValue",u))},{description:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(r)("languageSelect.subtitle")),1)]),_:1},8,["model-value","label","options","open"])]))]),_:1}))}}),hs='<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>',Se=Symbol(),rt=Symbol(),kt=Symbol(),xt=Symbol(),te=e.defineComponent({__name:"OnyxNavItemFacade",props:{link:{},open:{},label:{},active:{type:[Boolean,String]},disabled:{type:Boolean},color:{},context:{}},setup(o){const t=o,l=e.useSlots(),n=e.computed(()=>!!l.children);return(r,a)=>(e.openBlock(),e.createBlock(se,e.mergeProps(t,{link:n.value&&t.context!=="navbar"?void 0:t.link,class:{"onyx-nav-item":!0,"onyx-nav-item--active":t.active,[`onyx-nav-item--${t.context}`]:!0,"onyx-nav-item--open":t.open}}),e.createSlots({default:e.withCtx(()=>[e.renderSlot(r.$slots,"default")]),_:2},[n.value?{name:"children",fn:e.withCtx(()=>[e.renderSlot(r.$slots,"children")]),key:"0"}:void 0]),1040,["link","class"]))}}),vs=["aria-orientation"],ko=e.defineComponent({__name:"OnyxNavSeparator",props:{orientation:{default:"vertical"}},setup(o){const t=o,l=e.inject(Se,e.computed(()=>!1));return(n,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["onyx-component onyx-nav-separator",{"onyx-nav-separator--horizontal":t.orientation==="horizontal"||e.unref(l)}]),role:"separator","aria-orientation":t.orientation},null,10,vs))}}),gs={class:"onyx-nav-item-wrapper__controls"},_s={role:"menu",class:"onyx-nav-item-wrapper__mobile-children"},ks=e.defineComponent({inheritAttrs:!1,__name:"OnyxNavItem",props:{link:{},label:{},active:{type:[Boolean,String],default:"auto"},open:{default:void 0}},emits:["update:open"],setup(o,{emit:t}){const l=o,n=t,r=e.useSlots(),{t:a}=w(),i=F({props:l,emit:n,key:"open",initialValue:!1}),{restAttrs:s,rootAttrs:c}=Y(),u=e.computed(()=>!!r.children),{isActive:p}=he(),d=e.computed(()=>l.active!=="auto"?l.active:p.value(l.link)),m=e.inject(Se,e.computed(()=>!1)),y=e.inject(xt),f=e.inject(rt,!0);e.provide(rt,!1);const{componentRef:h,isVisible:v}=f?es(kt):{isVisible:e.toRef(!0)};return(g,_)=>e.unref(m)&&e.unref(i)?(e.openBlock(),e.createElementBlock("div",e.mergeProps({key:0,class:{"onyx-component":!0,"onyx-nav-item-wrapper":!0,"onyx-nav-item-wrapper--open":e.unref(i)}},e.unref(c)),[e.createElementVNode("div",gs,[e.createVNode(xe,{label:e.unref(a)("back"),mode:"plain",color:"neutral",icon:e.unref(hs),onClick:_[0]||(_[0]=k=>i.value=!1)},null,8,["label","icon"]),l.link?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createVNode(te,e.mergeProps(e.unref(K)(l,e.unref(s)),{active:d.value,context:"mobile"}),{default:e.withCtx(()=>[e.renderSlot(g.$slots,"default")]),_:3},16,["active"]),e.createVNode(ko,{orientation:"horizontal"})],64)):e.createCommentVNode("",!0)]),e.createElementVNode("ul",_s,[e.renderSlot(g.$slots,"children")])],16)):e.unref(m)?(e.openBlock(),e.createBlock(te,e.mergeProps({key:1},e.unref(K)(l,g.$attrs),{active:d.value,context:"mobile",onClick:_[1]||(_[1]=k=>u.value&&(i.value=!0))}),e.createSlots({default:e.withCtx(()=>[e.renderSlot(g.$slots,"default")]),_:2},[r.children?{name:"children",fn:e.withCtx(()=>[e.renderSlot(g.$slots,"children")]),key:"0"}:void 0]),1040,["active"])):e.unref(f)&&u.value&&e.unref(v)?(e.openBlock(),e.createBlock(ie,e.mergeProps({key:2},e.unref(c),{label:e.unref(a)("navItemOptionsLabel",{label:l.label})}),{button:e.withCtx(({trigger:k})=>[e.createVNode(te,e.mergeProps(e.unref(K)(e.unref(s),l,k),{ref_key:"componentRef",ref:h,active:d.value,context:"navbar"}),e.createSlots({default:e.withCtx(()=>[e.renderSlot(g.$slots,"default")]),_:2},[r.children?{name:"children",fn:e.withCtx(()=>[e.renderSlot(g.$slots,"children")]),key:"0"}:void 0]),1040,["active"])]),options:e.withCtx(()=>[e.renderSlot(g.$slots,"children")]),_:3},16,["label"])):e.unref(f)&&e.unref(v)?(e.openBlock(),e.createBlock(te,e.mergeProps({key:3},e.unref(K)(l,g.$attrs),{ref_key:"componentRef",ref:h,active:d.value,context:"navbar"}),{default:e.withCtx(()=>[e.renderSlot(g.$slots,"default")]),_:3},16,["active"])):e.unref(v)?(e.openBlock(),e.createBlock(te,e.mergeProps({key:4},e.unref(K)(l,g.$attrs),{active:d.value,context:"list"}),{default:e.withCtx(()=>[e.renderSlot(g.$slots,"default")]),_:3},16,["active"])):(e.openBlock(),e.createBlock(e.Teleport,{key:5,defer:"",disabled:!e.unref(y),to:e.unref(y)},[e.createVNode(te,e.mergeProps(e.unref(K)(l,g.$attrs),{active:d.value,context:"list"}),{default:e.withCtx(()=>[e.renderSlot(g.$slots,"default")]),_:3},16,["active"])],8,["disabled","to"]))}}),xs=o=>{const t=e.ref(),l=e.ref(Ye(new Date(o.value).getTime())),n=e.computed(()=>l.value===0);return e.watch(o,r=>{clearInterval(t.value);const a=new Date(r).getTime();l.value=Ye(a),t.value=setInterval(()=>{l.value=Ye(a),n.value&&clearInterval(t.value)},1e3)},{immediate:!0}),e.onBeforeUnmount(()=>clearInterval(t.value)),{timeLeft:l,isEnded:n}},Ye=o=>{const t=o-Date.now();return Math.max(t,0)},xo=o=>{const t=Math.floor(o/6e4/60),l=Math.floor(o/6e4%60),n=Math.floor(o%6e4/1e3);return{hours:t,minutes:l,seconds:n}},bs=(o,t)=>{const{hours:l,minutes:n,seconds:r}=xo(o),a=c=>c.toString().padStart(2,"0");let i="",s=Ze(t.formatToParts(o,"seconds"));return n>0&&(s=Ze(t.formatToParts(o,"minutes"))),l>0&&(s=Ze(t.formatToParts(o,"hours")),i=`${a(l)}:`),`${i}${a(n)}:${a(r)} ${s}`},Ze=o=>{var t;return((t=o.at(-1))==null?void 0:t.value.replace(".","").trim())??""},Bs=o=>{const{hours:t,minutes:l,seconds:n}=xo(o);return`PT${t}H${l}M${n}S`},ws=["aria-label"],Cs={key:0,class:"onyx-timer__label"},Es=["datetime"],Ss=e.defineComponent({__name:"OnyxTimer",props:{endTime:{},label:{},hideLabel:{type:Boolean}},emits:["timerEnded"],setup(o,{emit:t}){const l=o,n=t,{locale:r}=w(),{timeLeft:a,isEnded:i}=xs(e.computed(()=>l.endTime)),s=e.computed(()=>new Intl.RelativeTimeFormat(r.value,{numeric:"always",style:"short"})),c=e.computed(()=>bs(a.value,s.value));return e.watchEffect(()=>i.value&&n("timerEnded")),(u,p)=>(e.openBlock(),e.createElementBlock("div",{class:"onyx-component onyx-timer onyx-text onyx-truncation-ellipsis",role:"timer","aria-label":l.hideLabel?l.label:void 0},[l.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("span",Cs,e.toDisplayString(l.label),1)),e.createElementVNode("time",{datetime:e.unref(Bs)(e.unref(a)),class:"onyx-timer__time"},e.toDisplayString(c.value),9,Es)],8,ws))}}),Vs={class:"onyx-component"},Ns={class:"onyx-user-menu__footer onyx-text--small"},$s=e.defineComponent({__name:"UserMenuLayout",props:{isMobile:{type:Boolean},flyoutOpen:{default:void 0}},emits:["update:flyoutOpen"],setup(o,{emit:t}){const l=o,r=F({props:l,emit:t,key:"flyoutOpen",initialValue:!1}),a=e.useSlots(),{t:i}=w();return(s,c)=>(e.openBlock(),e.createElementBlock("div",Vs,[l.isMobile?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.renderSlot(s.$slots,"header"),e.renderSlot(s.$slots,"options"),a.footer?(e.openBlock(),e.createBlock(He,{key:0,class:"onyx-user-menu__mobile-footer",disabled:""},{default:e.withCtx(()=>[e.renderSlot(s.$slots,"footer")]),_:3})):e.createCommentVNode("",!0)],64)):(e.openBlock(),e.createBlock(ie,{key:1,open:e.unref(r),"onUpdate:open":c[0]||(c[0]=u=>e.isRef(r)?r.value=u:null),label:e.unref(i)("navigation.userMenuLabel")},e.createSlots({button:e.withCtx(({trigger:u})=>[e.renderSlot(s.$slots,"button",{trigger:u})]),header:e.withCtx(()=>[e.renderSlot(s.$slots,"header")]),options:e.withCtx(()=>[e.renderSlot(s.$slots,"options")]),_:2},[a.footer?{name:"footer",fn:e.withCtx(()=>[e.createElementVNode("div",Ns,[e.renderSlot(s.$slots,"footer")])]),key:"0"}:void 0]),1032,["open","label"]))]))}}),Ms={class:"onyx-truncation-ellipsis"},Ts={class:"onyx-user-menu__header"},Is={class:"onyx-truncation-ellipsis"},Os={class:"onyx-user-menu__username onyx-text onyx-truncation-ellipsis"},As={key:0,class:"onyx-user-menu__description onyx-text--small onyx-truncation-ellipsis"},Rs={class:"onyx-user-menu__options"},Ls=e.defineComponent({__name:"OnyxUserMenu",props:{fullName:{},avatar:{},description:{},flyoutOpen:{default:void 0}},emits:["update:flyoutOpen"],setup(o,{emit:t}){const l=o,n=t,r=e.useSlots(),a=F({props:l,emit:n,key:"flyoutOpen",initialValue:!1}),i=e.computed(()=>typeof l.avatar=="object"?l.avatar:{src:l.avatar,fullName:l.fullName}),s=e.inject(Se,e.computed(()=>!1));return(c,u)=>(e.openBlock(),e.createBlock($s,{"flyout-open":e.unref(a),"onUpdate:flyoutOpen":u[0]||(u[0]=p=>e.isRef(a)?a.value=p:null),class:e.normalizeClass(["onyx-component onyx-user-menu",{"onyx-user-menu--mobile":e.unref(s)}]),"is-mobile":e.unref(s)},e.createSlots({button:e.withCtx(({trigger:p})=>[e.createElementVNode("button",e.mergeProps({class:"onyx-user-menu__trigger onyx-text",type:"button"},p),[e.createVNode(Xe,e.mergeProps(i.value,{size:"24px"}),null,16),e.createElementVNode("span",Ms,e.toDisplayString(l.fullName),1)],16)]),header:e.withCtx(()=>[e.createElementVNode("div",Ts,[e.createVNode(Xe,e.mergeProps(i.value,{size:"48px"}),null,16),e.createElementVNode("div",Is,[e.createElementVNode("div",Os,e.toDisplayString(l.fullName),1),l.description?(e.openBlock(),e.createElementBlock("div",As,e.toDisplayString(l.description),1)):e.createCommentVNode("",!0)])])]),options:e.withCtx(()=>[e.createElementVNode("div",Rs,[e.renderSlot(c.$slots,"default")])]),_:2},[r.footer?{name:"footer",fn:e.withCtx(()=>[e.renderSlot(c.$slots,"footer")]),key:"0"}:void 0]),1032,["flyout-open","class","is-mobile"]))}}),bo='<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>',Ds='<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>',Bo='<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>',Ps={class:"onyx-nav-bar__content"},zs={key:0,class:"onyx-nav-bar__mobile-page onyx-truncation-ellipsis"},Fs={role:"menubar"},Hs=["id"],Us={key:0,class:"onyx-nav-bar__mobile-context"},qs={key:0,class:"onyx-nav-bar__mobile-global-context"},Gs={class:"onyx-nav-bar__mobile-context-content"},Ks={key:1,class:"onyx-nav-bar__context"},js=e.defineComponent({__name:"OnyxNavBar",props:{appName:{},logoUrl:{},withBackButton:{type:Boolean},appArea:{},mobileBreakpoint:{default:"sm"}},emits:["navigateBack"],setup(o,{expose:t,emit:l}){const n=o,r=l,a=e.useSlots(),i=e.useTemplateRef("navBarRef"),{width:s}=me(i),{t:c}=w(),{currentRoute:u}=he(),{elements:{nav:p}}=Wl({navigationName:e.toRef(()=>n.appName)}),d=e.ref(!1),m=e.ref(!1),y=e.computed(()=>{const v=typeof n.mobileBreakpoint=="number"?n.mobileBreakpoint:Oe[n.mobileBreakpoint];return s.value!==0&&s.value<v}),f=e.useId();e.provide(Se,y),e.provide(xt,`#${f}`);const h=()=>{d.value=!1,m.value=!1};return e.watch(u,()=>h(),{deep:!0}),t({closeMobileMenus:h}),(v,g)=>(e.openBlock(),e.createElementBlock("header",{ref:"navBarRef",class:e.normalizeClass(["onyx-component onyx-nav-bar",{"onyx-nav-bar--mobile":y.value}])},[e.createElementVNode("div",Ps,[y.value&&a.mobileActivePage&&!d.value&&!m.value?(e.openBlock(),e.createElementBlock("span",zs,[e.renderSlot(v.$slots,"mobileActivePage")])):n.appName||n.logoUrl||a.appArea?(e.openBlock(),e.createBlock(go,e.mergeProps({key:1,class:"onyx-nav-bar__app","app-name":n.appName,"logo-url":n.logoUrl},n.appArea),{default:e.withCtx(()=>[e.renderSlot(v.$slots,"appArea")]),_:3},16,["app-name","logo-url"])):e.createCommentVNode("",!0),n.withBackButton?(e.openBlock(),e.createBlock(yo,{key:2,class:"onyx-nav-bar__back",label:e.unref(c)("navigation.goBack"),icon:e.unref(bo),color:"neutral",onClick:g[0]||(g[0]=_=>r("navigateBack",_))},null,8,["label","icon"])):e.createCommentVNode("",!0),a.default?(e.openBlock(),e.createElementBlock(e.Fragment,{key:3},[y.value?(e.openBlock(),e.createBlock(at,{key:0,open:d.value,"onUpdate:open":[g[1]||(g[1]=_=>d.value=_),g[2]||(g[2]=_=>m.value=!1)],class:"onyx-nav-bar__burger",icon:e.unref(Ds),label:e.unref(c)("navigation.toggleBurgerMenu"),headline:e.unref(c)("navigation.navigationHeadline")},{default:e.withCtx(()=>[e.createElementVNode("nav",e.mergeProps({class:"onyx-nav-bar__nav--mobile"},e.unref(p)),[e.createElementVNode("ul",Fs,[e.renderSlot(v.$slots,"default")])],16)]),_:3},8,["open","icon","label","headline"])):(e.openBlock(),e.createElementBlock("nav",e.mergeProps({key:1,class:"onyx-nav-bar__nav"},e.unref(p)),[e.createVNode(vo,{is:"ul",role:"menubar","injection-key":e.unref(kt)},{default:e.withCtx(({attributes:_})=>[e.createElementVNode("div",e.normalizeProps(e.guardReactiveProps(_)),[e.renderSlot(v.$slots,"default")],16)]),more:e.withCtx(({attributes:_,hiddenElements:k})=>[e.createVNode(ie,e.mergeProps({label:e.unref(c)("navigation.showMoreNavItemsLabel")},_),{button:e.withCtx(({trigger:x})=>[e.createVNode(te,e.mergeProps(x,{label:e.unref(c)("navigation.moreNavItems",{n:k}),context:"navbar"}),null,16,["label"])]),options:e.withCtx(()=>[e.createElementVNode("div",{id:e.unref(f)},null,8,Hs)]),_:2},1040,["label"])]),_:3},8,["injection-key"])],16))],64)):e.createCommentVNode("",!0),a.contextArea||a.globalContextArea?(e.openBlock(),e.createElementBlock(e.Fragment,{key:4},[y.value?(e.openBlock(),e.createElementBlock("div",Us,[a.globalContextArea?(e.openBlock(),e.createElementBlock("div",qs,[e.renderSlot(v.$slots,"globalContextArea")])):e.createCommentVNode("",!0),a.contextArea?(e.openBlock(),e.createBlock(at,{key:1,open:m.value,"onUpdate:open":[g[3]||(g[3]=_=>m.value=_),g[4]||(g[4]=_=>d.value=!1)],icon:e.unref(Bo),label:e.unref(c)("navigation.toggleContextMenu")},{default:e.withCtx(()=>[e.createElementVNode("div",Gs,[e.renderSlot(v.$slots,"contextArea")])]),_:3},8,["open","icon","label"])):e.createCommentVNode("",!0)])):(e.openBlock(),e.createElementBlock("div",Ks,[a.globalContextArea?e.renderSlot(v.$slots,"globalContextArea",{key:0}):e.createCommentVNode("",!0),a.contextArea?e.renderSlot(v.$slots,"contextArea",{key:1}):e.createCommentVNode("",!0)]))],64)):e.createCommentVNode("",!0)])],2))}}),Ys=o=>{const{locale:t,t:l}=w(),n=e.computed(()=>new Intl.RelativeTimeFormat(t.value,e.unref(o.options))),r=e.ref(Date.now());let a;e.onMounted(()=>{a=setInterval(()=>r.value=Date.now(),1e3*10)}),e.onUnmounted(()=>clearInterval(a));const i=e.computed(()=>{const d=new Date(e.unref(o.time)).getTime()-r.value;return Math.floor(d/1e3)}),s={year:60*60*24*365,month:60*60*24*30,week:60*60*24*7,day:60*60*24,hour:60*60,minute:60},c=e.computed(()=>Object.keys(s).find(p=>Math.abs(i.value)>=s[p]));return{timeAgo:e.computed(()=>{if(!c.value)return l.value("now");const p=i.value/s[c.value],d=p<0?Math.ceil(p):Math.floor(p);return n.value.format(d,c.value)})}},Zs={class:"onyx-notification-card__content"},Ws={class:"onyx-notification-card__header"},Js={class:"onyx-notification-card__headline"},Xs={class:"onyx-notification-card__more-actions-wrapper"},Qs={class:"onyx-notification-card__created-at onyx-text--small"},ei={class:"onyx-notification-card__description onyx-text onyx-truncation-multiline"},ti={key:0,class:"onyx-notification-card__actions onyx-density-compact"},oi=e.defineComponent({__name:"OnyxNotificationCard",props:{density:{},headline:{},createdAt:{},unread:{type:Boolean}},setup(o){const t=o,l=e.useSlots(),{densityClass:n}=E(t),{d:r,t:a}=w(),{timeAgo:i}=Ys({time:e.toRef(t,"createdAt"),options:{numeric:"auto"}});return(s,c)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["onyx-component","onyx-notification-card",e.unref(n)])},[e.createElementVNode("div",Zs,[e.createElementVNode("div",Ws,[e.createElementVNode("div",Js,[e.createVNode(ne,{is:"h3"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.headline),1)]),_:1}),e.createElementVNode("div",Xs,[t.unread?(e.openBlock(),e.createBlock(De,{key:0,dot:""})):e.createCommentVNode("",!0),l.headerActions?(e.openBlock(),e.createBlock(ie,{key:1,class:"onyx-notification-card__more-actions",label:e.unref(a)("notificationCard.moreActions"),trigger:"click"},{button:e.withCtx(({trigger:u})=>[e.createVNode(Q,e.mergeProps(u,{label:e.unref(a)("notificationCard.toggleActions"),icon:e.unref(Bo)}),null,16,["label","icon"])]),options:e.withCtx(()=>[e.renderSlot(s.$slots,"headerActions")]),_:3},8,["label"])):e.createCommentVNode("",!0)])]),e.createElementVNode("div",Qs,[e.createElementVNode("span",null,e.toDisplayString(e.unref(r)(t.createdAt,"datetime-local")),1),e.createElementVNode("span",null,e.toDisplayString(e.unref(i)),1)])]),e.createElementVNode("p",ei,[e.renderSlot(s.$slots,"default")]),l.actions?(e.openBlock(),e.createElementBlock("div",ti,[e.renderSlot(s.$slots,"actions")])):e.createCommentVNode("",!0)])],2))}}),ni={class:"onyx-component onyx-notification-dot"},li=e.defineComponent({__name:"OnyxNotificationDot",props:{hidden:{type:Boolean,default:!1},color:{default:"warning"}},setup(o){const t=o;return(l,n)=>(e.openBlock(),e.createElementBlock("div",ni,[e.renderSlot(l.$slots,"default"),t.hidden?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(De,{key:0,class:"onyx-notification-dot__badge",color:t.color,dot:""},null,8,["color"]))]))}}),wo='<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>',ai={class:"onyx-info-card__content"},ri={key:2,class:"onyx-info-card__description onyx-text--small"},si={key:3,class:"onyx-info-card__buttons onyx-density-compact"},Co=e.defineComponent({__name:"OnyxInfoCard",props:{density:{},headline:{},color:{default:"info"},icon:{type:[String,Boolean],default:wo},closable:{type:Boolean,default:!1}},emits:["close"],setup(o,{emit:t}){const l=o,n=t,r=e.useSlots(),{t:a}=w(),{densityClass:i}=E(l);return(s,c)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["onyx-component","onyx-info-card",`onyx-info-card--${l.color}`,e.unref(i)])},[l.icon?(e.openBlock(),e.createBlock(C,{key:0,class:"onyx-info-card__icon",icon:l.icon},null,8,["icon"])):e.createCommentVNode("",!0),e.createElementVNode("div",ai,[l.headline?(e.openBlock(),e.createBlock(ne,{key:0,is:"h3",class:"onyx-info-card__headline onyx-truncation-multiline"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(l.headline),1)]),_:1})):e.createCommentVNode("",!0),l.closable?(e.openBlock(),e.createBlock(Q,{key:1,class:"onyx-info-card__close",icon:e.unref(oe),label:e.unref(a)("close"),color:l.color==="neutral"?"soft":"medium",onClick:c[0]||(c[0]=u=>n("close"))},null,8,["icon","label","color"])):e.createCommentVNode("",!0),r.default?(e.openBlock(),e.createElementBlock("p",ri,[e.renderSlot(s.$slots,"default")])):e.createCommentVNode("",!0),r.buttons?(e.openBlock(),e.createElementBlock("div",si,[e.renderSlot(s.$slots,"buttons")])):e.createCommentVNode("",!0)])],2))}}),Eo=e.defineComponent({__name:"OnyxNotificationMessage",props:{headline:{},duration:{default:8e3},icon:{}},emits:["close"],setup(o,{emit:t}){const l=o,n=t,r=e.useSlots();return(a,i)=>(e.openBlock(),e.createBlock(Co,{class:e.normalizeClass(["onyx-component onyx-notification-message",["onyx-component","onyx-notification-message",l.duration?"":"onyx-notification-message--permanent"]]),headline:l.headline,color:"neutral",icon:l.icon??!1,closable:"",tabindex:"0",style:e.normalizeStyle({animationDuration:l.duration?`${l.duration}ms`:void 0}),role:"status","aria-label":l.headline,onClose:i[0]||(i[0]=s=>n("close")),onAnimationend:i[1]||(i[1]=s=>n("close"))},e.createSlots({default:e.withCtx(()=>[e.renderSlot(a.$slots,"default")]),_:2},[r.buttons?{name:"buttons",fn:e.withCtx(()=>[e.renderSlot(a.$slots,"buttons")]),key:"0"}:void 0]),1032,["class","headline","icon","style","aria-label"]))}}),bt=Symbol(),So=()=>{let o=1;const t=e.ref([]),l=r=>{const a=o++;t.value.unshift({...r,id:a,onClose:()=>n(a)})},n=r=>{t.value=t.value.filter(a=>a.id!==r)};return{notifications:e.computed(()=>t.value),show:l,remove:n}},Vo=()=>{const o=()=>{console.warn('Trying to use "useNotification()" before the notifications provider has been provided. Make sure to "provide" it first.')};return e.inject(bt,()=>({notifications:e.computed(()=>[]),show:o,remove:o}),!0)},ii={key:0,class:"onyx-component onyx-notifications",role:"presentation","aria-live":"polite",open:""},ci=e.defineComponent({__name:"OnyxNotifications",setup(o){const t=Vo();return(l,n)=>e.unref(t).notifications.value.length?(e.openBlock(),e.createElementBlock("dialog",ii,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(t).notifications.value,({id:r,...a})=>{var i;return e.openBlock(),e.createBlock(Eo,e.mergeProps({key:r,ref_for:!0},a),e.createSlots({default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(a.description)+" ",1)]),_:2},[(i=a.buttons)!=null&&i.length?{name:"buttons",fn:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.buttons,s=>(e.openBlock(),e.createBlock(xe,e.mergeProps({key:s.label,ref_for:!0},s),null,16))),128))]),key:"0"}:void 0]),1040)}),128))])):e.createCommentVNode("",!0)}}),ui={key:0,class:"onyx-page__sidebar"},di={class:"onyx-page__main"},pi={key:1,class:"onyx-page__footer"},mi=e.defineComponent({__name:"OnyxPageLayout",props:{skeleton:{type:Boolean},footerAsideSidebar:{type:Boolean},hideSidebar:{type:Boolean}},setup(o){const t=o,l=e.useSlots();Re(t);const n=e.computed(()=>t.footerAsideSidebar?"onyx-page--footer-partial":"onyx-page--footer-full");return(r,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["onyx-component onyx-page",n.value])},[l.sidebar&&!t.hideSidebar?(e.openBlock(),e.createElementBlock("aside",ui,[e.renderSlot(r.$slots,"sidebar")])):e.createCommentVNode("",!0),e.createElementVNode("main",di,[e.renderSlot(r.$slots,"default")]),l.footer?(e.openBlock(),e.createElementBlock("footer",pi,[e.renderSlot(r.$slots,"footer")])):e.createCommentVNode("",!0)],2))}}),No=o=>{const l=e.ref(!1),n=a=>{const i=a.target;if(!(i instanceof Element))return;const s=e.unref(o.offset)??0;l.value=Math.abs(i.scrollTop)+i.clientHeight>=i.scrollHeight-s-1};return{vScrollEnd:{mounted:a=>{e.watchEffect(()=>{var s;(((s=o.enabled)==null?void 0:s.value)??!0)&&!o.loading.value?a.addEventListener("scroll",n):a.removeEventListener("scroll",n)})}},isScrollEnd:l}},fi='<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>',yi=["id","readonly","placeholder","required","disabled","aria-label","title","value","autofocus"],hi=["aria-label","title","disabled"],$o=e.defineComponent({inheritAttrs:!1,__name:"OnyxSelectInput",props:{disabled:{default:$},showError:{default:$},requiredMarker:{},required:{type:Boolean},density:{},customError:{},autofocus:{type:Boolean},id:{},name:{},label:{},labelTooltip:{},hideLabel:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},skeleton:{type:[Symbol,Boolean,Number],default:A},error:{},message:{},success:{},placeholder:{},modelValue:{},textMode:{},hideSuccessIcon:{type:Boolean,default:!1},showFocus:{type:Boolean}},emits:["inputClick","validityChange"],setup(o,{expose:t,emit:l}){const{rootAttrs:n,restAttrs:r}=Y(),a=o,i=l,{t:s}=w(),{vCustomValidity:c,errorMessages:u}=le({props:a,emit:i}),p=e.computed(()=>W(a.success)),d=e.computed(()=>W(a.message)),{disabled:m,showError:y}=j(a),f=P(a),h=Ee(y),v=e.computed(()=>a.modelValue?a.modelValue.length:0),g=e.computed(()=>{var B;const N=(B=a.modelValue)==null?void 0:B.length;if(!a.modelValue||!N)return"";if(N===1)return a.modelValue[0];switch(a.textMode){case"preview":return a.modelValue.join(", ");case"summary":default:return s.value("selections.currentSelection",{n:N})}}),_=e.ref(!1),{densityClass:k}=E(a),x=e.useTemplateRef("inputRef");t({input:x}),e.watch(()=>a.showFocus,(N,B)=>{_.value||B&&N===!1&&(_.value=!0)});const S=Xt.concat(Qt),T=N=>{S.includes(N.key)||N.preventDefault()};return ee(x,a),(N,B)=>e.unref(f)?(e.openBlock(),e.createElementBlock("div",e.mergeProps({key:0,class:["onyx-component","onyx-select-input-skeleton",e.unref(k)]},e.unref(n)),[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-component","onyx-select-input",e.unref(k),e.unref(h),a.readonly?"onyx-select-input--readonly":"onyx-select-input--editable"]},e.unref(n)),[e.createVNode(_e,e.mergeProps(a,{message:d.value,"success-messages":p.value,"error-messages":e.unref(u)}),{default:e.withCtx(({id:R})=>[e.createElementVNode("div",{class:"onyx-select-input__wrapper",onClick:B[0]||(B[0]=I=>!e.unref(m)&&!a.loading&&i("inputClick"))},[a.loading?(e.openBlock(),e.createBlock(J,{key:0,class:"onyx-select-input__loading",type:"circle"})):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("input",e.mergeProps({id:R,ref:"inputRef",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(m)||a.loading,"aria-label":a.hideLabel?a.label:void 0,title:a.hideLabel?a.label:void 0,value:g.value,autofocus:a.autofocus,autocomplete:"off",onKeydown:T}),null,16,yi),[[e.unref(c)]]),a.textMode==="preview"&&v.value>0?(e.openBlock(),e.createBlock(fe,{key:1,text:g.value,position:"bottom"},{default:e.withCtx(({trigger:I})=>[e.createVNode(De,e.mergeProps({class:"onyx-select-input__badge"},I,{color:"neutral"}),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(v.value),1)]),_:2},1040)]),_:1},8,["text"])):e.createCommentVNode("",!0),e.createElementVNode("button",{class:"onyx-select-input__button",type:"button","aria-label":e.unref(s)("select.toggleDropDown"),title:e.unref(s)("select.toggleDropDown"),tabindex:"-1",disabled:e.unref(m)||a.readonly||a.loading},[e.createVNode(C,{icon:e.unref(fi)},null,8,["icon"])],8,hi),!a.hideSuccessIcon&&p.value?(e.openBlock(),e.createBlock(C,{key:2,class:"onyx-select-input__check-icon",icon:e.unref(gt),color:"success"},null,8,["icon"])):e.createCommentVNode("",!0)])]),_:1},16,["message","success-messages","error-messages"])],16))}}),vi=["checked","aria-labelledby","disabled","indeterminate"],st=e.defineComponent({__name:"OnyxSelectOption",props:{active:{type:Boolean,default:!1},density:{},multiple:{type:Boolean,default:!1},indeterminate:{type:Boolean},icon:{},truncation:{default:"ellipsis"}},setup(o){const t=o;return(l,n)=>(e.openBlock(),e.createBlock(He,e.mergeProps({class:"onyx-component onyx-select-option"},t,{checked:!!l.$attrs["aria-checked"],selected:!!l.$attrs["aria-selected"],disabled:!!l.$attrs["aria-disabled"]}),{default:e.withCtx(()=>[t.multiple?(e.openBlock(),e.createElementBlock("input",{key:0,checked:!!l.$attrs["aria-checked"],"aria-labelledby":l.$attrs.id,disabled:!!l.$attrs["aria-disabled"],indeterminate:t.indeterminate,"aria-hidden":"true",tabindex:"-1",class:"onyx-select-option__checkbox",type:"checkbox"},null,8,vi)):e.createCommentVNode("",!0),t.icon?(e.openBlock(),e.createBlock(C,{key:1,icon:t.icon},null,8,["icon"])):e.createCommentVNode("",!0),e.createElementVNode("span",{class:e.normalizeClass([`onyx-truncation-${t.truncation}`])},[e.renderSlot(l.$slots,"default")],2)]),_:3},16,["checked","selected","disabled"]))}}),gi={ref:"selectRef",class:"onyx-component onyx-select-wrapper"},_i=["inert"],ki={class:"onyx-select__wrapper",tabindex:"-1"},xi={key:0,role:"group",class:"onyx-select__group"},bi={role:"option","aria-selected":"false"},Bi={key:0,role:"presentation",class:"onyx-select__group-name onyx-text--small"},wi={key:1,class:"onyx-select__slot"},Ci={key:2,class:"onyx-select__slot"},Ei={key:0,class:"onyx-select__description onyx-text--small"},Mo=e.defineComponent({__name:"OnyxSelect",props:{density:{},showError:{default:$},requiredMarker:{default:$},required:{type:Boolean},customError:{},autofocus:{type:Boolean},id:{},name:{},label:{},labelTooltip:{},hideLabel:{type:Boolean},readonly:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},skeleton:{type:[Symbol,Boolean,Number],default:A},error:{},message:{},success:{},placeholder:{},textMode:{},hideSuccessIcon:{type:Boolean},truncation:{default:"ellipsis"},noFilter:{type:Boolean,default:!1},withSearch:{type:Boolean},multiple:{},withCheckAll:{},disabled:{default:$},valueLabel:{default:void 0},alignment:{default:"full"},listLabel:{},listDescription:{},options:{},lazyLoading:{},modelValue:{},open:{default:void 0},searchTerm:{}},emits:["lazyLoad","validityChange","update:searchTerm","update:modelValue","update:open"],setup(o,{expose:t,emit:l}){const n=o,r=l,{densityClass:a}=E(n),i=e.useSlots(),{t:s}=w(),c=F({props:n,emit:r,key:"modelValue"}),u=F({props:n,emit:r,key:"searchTerm",initialValue:""}),p=F({props:n,emit:r,key:"open",initialValue:!1}),d=e.useTemplateRef("selectRef"),{openDirection:m,updateOpenDirection:y}=oo(d),f=e.ref(),h=e.computed(()=>c.value===void 0?[]:n.multiple&&Array.isArray(c.value)?c.value:[c.value]),v=e.computed(()=>n.valueLabel!==void 0?Array.isArray(n.valueLabel)?n.valueLabel:[n.valueLabel]:h.value.reduce((b,O)=>{var G;const H=(G=n.options.find(({value:q})=>q===O))==null?void 0:G.label;return H&&b.push(H),b},[])),g=e.useTemplateRef("miniSearchRef"),_=e.useTemplateRef("selectInputRef"),k=e.computed(()=>n.noFilter||!u.value?n.options:n.options.filter(({label:b})=>zt(b,u.value)));e.watch(h,()=>{n.multiple||(f.value=h.value.at(0))},{immediate:!0});const x=e.useId(),S=e.computed(()=>(n.multiple&&n.withCheckAll&&!u.value?[x]:[]).concat(Et.value)),T=async b=>{var H,G,q;if(n.readonly){p.value=!1;return}const O=p.value;p.value=!O,await e.nextTick(),p.value&&y(),O!==p.value&&(O?(u.value&&(u.value=""),b||(G=(H=_.value)==null?void 0:H.input)==null||G.focus()):(q=g.value)==null||q.focus())},N=()=>f.value=S.value.at(0),B=()=>f.value=S.value.at(-1),R=b=>{const O=S.value.findIndex(H=>H===b);O<S.value.length-1&&(f.value=S.value[O+1])},I=b=>{const O=S.value.findIndex(H=>H===b);O>0&&(f.value=S.value[O-1])},L=b=>{const O=k.value.find(H=>H.label.toLowerCase().trim().startsWith(b.toLowerCase()));O&&(f.value=O.value)},U=b=>u.value=b,Z=b=>{var G;if(b===x){(G=Ne.value)==null||G.handleChange(!Ne.value.state.value.modelValue);return}if(!k.value.find(({value:q})=>q===b))return;if(!n.multiple){c.value=b;return}h.value.some(q=>q===b)?c.value=h.value.filter(q=>q!==b):c.value=[...h.value,b]},V=e.computed(()=>n.withSearch?"list":"none"),{label:D,listLabel:ce,listDescription:Ve,multiple:z}=e.toRefs(n),{elements:{input:re,option:ke,group:Ct,listbox:Ro}}=jl({autocomplete:V,label:D,listLabel:ce,listDescription:Ve,multiple:z,activeOption:e.computed(()=>f.value),isExpanded:p,templateRef:d,onToggle:T,onActivateFirst:N,onActivateLast:B,onActivateNext:R,onActivatePrevious:I,onTypeAhead:L,onAutocomplete:U,onSelect:Z}),Lo=e.computed(()=>Tl(k.value,"group")),{vScrollEnd:Do,isScrollEnd:Po}=No({enabled:e.computed(()=>{var b;return((b=n.lazyLoading)==null?void 0:b.enabled)??!1}),loading:e.computed(()=>n.loading),offset:e.computed(()=>{var b;return(b=n.lazyLoading)==null?void 0:b.scrollOffset})}),Ue=e.computed(()=>{if(!k.value.length)return n.withSearch&&u.value?s.value("select.noMatch"):s.value("select.empty")}),Et=e.computed(()=>k.value.filter(b=>!b.disabled).map(({value:b})=>b)),Ne=e.computed(()=>{if(!(!n.multiple||!n.withCheckAll))return no(Et,h,b=>{const O=b.map(H=>{var G;return(G=n.options.find(({value:q})=>q===H))==null?void 0:G.value}).filter(H=>H!=null);c.value=O})}),qe=e.computed(()=>{var O;if(!n.multiple)return"";const b=s.value("selections.selectAll");return typeof n.withCheckAll=="boolean"?b:((O=n.withCheckAll)==null?void 0:O.label)??b});e.watchEffect(()=>{Po.value&&r("lazyLoad")});const zo=e.computed(()=>{const b={...n,open:void 0,modelValue:v.value};return n.withSearch?{...b,onKeydown:re.value.onKeydown}:{...b,...re.value}});return t({input:e.computed(()=>{var b;return(b=_.value)==null?void 0:b.input})}),(b,O)=>{var H,G,q;return e.openBlock(),e.createElementBlock("div",gi,[e.createVNode($o,e.mergeProps({ref:"selectInputRef"},zo.value,{"show-focus":e.unref(p),autofocus:n.autofocus,onInputClick:T,onValidityChange:O[0]||(O[0]=$e=>r("validityChange",$e))}),null,16,["show-focus","autofocus"]),e.createElementVNode("div",{class:e.normalizeClass(["onyx-select",e.unref(a),e.unref(p)?"onyx-select--open":"",`onyx-select--${e.unref(m)}`,`onyx-select--${n.alignment}`]),inert:!e.unref(p)},[e.withDirectives((e.openBlock(),e.createElementBlock("div",ki,[n.withSearch?(e.openBlock(),e.createBlock(yt,e.mergeProps({key:0,ref:"miniSearchRef","model-value":e.unref(u)},e.unref(re),{label:e.unref(s)("select.searchInputLabel"),class:"onyx-select__search",onClear:O[1]||(O[1]=$e=>u.value="")}),null,16,["model-value","label"])):e.createCommentVNode("",!0),e.createElementVNode("div",e.normalizeProps(e.guardReactiveProps(e.unref(Ro))),[Ue.value?(e.openBlock(),e.createElementBlock("ul",xi,[e.createElementVNode("li",bi,[e.renderSlot(b.$slots,"empty",{defaultMessage:Ue.value},()=>[e.createVNode(ft,null,{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(Ue.value),1)]),_:1})])])])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[n.multiple&&n.withCheckAll&&!e.unref(u)?(e.openBlock(),e.createElementBlock("ul",e.mergeProps({key:0,class:"onyx-select__check-all"},e.unref(Ct)({label:qe.value})),[e.createVNode(st,e.mergeProps(e.unref(ke)({value:e.unref(x),label:qe.value,selected:(H=Ne.value)==null?void 0:H.state.value.modelValue}),{multiple:"",active:e.unref(x)===f.value,indeterminate:(G=Ne.value)==null?void 0:G.state.value.indeterminate,density:n.density}),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(qe.value),1)]),_:1},16,["active","indeterminate","density"])],16)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(Lo.value,($e,Me)=>(e.openBlock(),e.createElementBlock("ul",e.mergeProps({key:Me,class:"onyx-select__group",ref_for:!0},e.unref(Ct)({label:Me})),[Me!=""?(e.openBlock(),e.createElementBlock("li",Bi,e.toDisplayString(Me),1)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList($e,X=>(e.openBlock(),e.createBlock(st,e.mergeProps({key:X.value.toString(),ref_for:!0},e.unref(ke)({value:X.value,label:X.label,disabled:X.disabled,selected:h.value.some(Fo=>Fo===X.value)}),{multiple:n.multiple,active:X.value===f.value,icon:X.icon,density:n.density,truncation:X.truncation??n.truncation}),{default:e.withCtx(()=>[e.renderSlot(b.$slots,"option",e.mergeProps({ref_for:!0},X),()=>[e.createTextVNode(e.toDisplayString(X.label),1)])]),_:2},1040,["multiple","active","icon","density","truncation"]))),128))],16))),128))],64))],16),(q=n.lazyLoading)!=null&&q.loading?(e.openBlock(),e.createElementBlock("div",wi,[e.createVNode(J,{class:"onyx-select__loading"})])):e.createCommentVNode("",!0),i.optionsEnd?(e.openBlock(),e.createElementBlock("div",Ci,[e.renderSlot(b.$slots,"optionsEnd")])):e.createCommentVNode("",!0)])),[[e.unref(Do)]]),n.listDescription?(e.openBlock(),e.createElementBlock("div",Ei,e.toDisplayString(n.listDescription),1)):e.createCommentVNode("",!0)],10,_i)],512)}}}),Si=["aria-label"],Vi={class:"onyx-pagination__count"},Ni=["aria-label","disabled"],$i=["aria-label","disabled"],Mi=e.defineComponent({__name:"OnyxSelectPagination",props:{density:{},modelValue:{},pages:{},disabled:{type:Boolean},skeleton:{type:[Symbol,Boolean,Number],default:A}},emits:["update:modelValue"],setup(o,{emit:t}){const l=o,n=t,{t:r}=w(),{densityClass:a}=E(l),i=P(l),s=e.computed(()=>Array.from({length:l.pages},(p,d)=>{const m=d+1;return{label:m.toString(),value:m}})),c=e.computed(()=>l.modelValue<=1),u=e.computed(()=>l.modelValue>=l.pages);return(p,d)=>e.unref(i)?(e.openBlock(),e.createBlock(M,{key:0,class:e.normalizeClass(["onyx-pagination-skeleton","onyx-text",e.unref(a)])},null,8,["class"])):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["onyx-component","onyx-pagination","onyx-text",e.unref(a)]),role:"group","aria-label":e.unref(r)("pagination.label"),style:e.normalizeStyle({"--onyx-pagination-character-count":l.modelValue.toString().length})},[e.createVNode(Mo,{class:"onyx-pagination__select",label:e.unref(r)("pagination.select.label"),"list-label":e.unref(r)("pagination.select.listLabel"),options:s.value,"model-value":l.modelValue,"value-label":l.modelValue.toString(),"hide-label":"",disabled:l.disabled||l.pages<=1,alignment:"left","with-search":"","onUpdate:modelValue":d[0]||(d[0]=m=>n("update:modelValue",m))},null,8,["label","list-label","options","model-value","value-label","disabled"]),e.createElementVNode("div",Vi,e.toDisplayString(e.unref(r)("pagination.ofPages",{n:l.pages})),1),e.createElementVNode("button",{class:"onyx-pagination__button","aria-label":e.unref(r)("pagination.previous"),type:"button",disabled:l.disabled||c.value,onClick:d[1]||(d[1]=m=>n("update:modelValue",l.modelValue-1))},[e.createVNode(C,{icon:e.unref(bo)},null,8,["icon"])],8,Ni),e.createElementVNode("button",{class:"onyx-pagination__button","aria-label":e.unref(r)("pagination.next"),type:"button",disabled:l.disabled||u.value,onClick:d[2]||(d[2]=m=>n("update:modelValue",l.modelValue+1))},[e.createVNode(C,{icon:e.unref(po)},null,8,["icon"])],8,$i)],14,Si))}}),Ti=e.defineComponent({__name:"OnyxPagination",props:{density:{},modelValue:{},pages:{},disabled:{type:Boolean,default:!1},skeleton:{type:[Symbol,Boolean,Number],default:A}},emits:["update:modelValue"],setup(o,{emit:t}){const l=o,n=t;return(r,a)=>(e.openBlock(),e.createBlock(Mi,e.mergeProps(l,{"onUpdate:modelValue":a[0]||(a[0]=i=>n("update:modelValue",i))}),null,16))}}),Ii=["required","name","value","checked","disabled","autofocus"],it=e.defineComponent({inheritAttrs:!1,__name:"OnyxRadioButton",props:{disabled:{default:$},showError:{},autofocus:{type:Boolean},required:{type:Boolean,default:!1},density:{},customError:{},value:{},label:{},loading:{type:Boolean,default:!1},skeleton:{type:[Symbol,Boolean,Number],default:A},truncation:{default:"ellipsis"},name:{},checked:{type:Boolean,default:!1}},emits:["validityChange"],setup(o,{expose:t,emit:l}){const n=o,r=l,{rootAttrs:a,restAttrs:i}=Y(),{vCustomValidity:s,errorMessages:c}=le({props:n,emit:r}),{densityClass:u}=E(n),{disabled:p}=j(n),d=P(n),m=e.useTemplateRef("inputRef");return t({input:m}),ee(m,n),(y,f)=>e.unref(d)?(e.openBlock(),e.createElementBlock("div",e.mergeProps({key:0,class:["onyx-component","onyx-radio-button-skeleton",e.unref(u)]},e.unref(a)),[e.createVNode(M,{class:"onyx-radio-button-skeleton__input"}),e.createVNode(M,{class:"onyx-radio-button-skeleton__label"})],16)):(e.openBlock(),e.createBlock(mt,e.mergeProps({key:1,disabled:e.unref(p),"error-messages":e.unref(c)},e.unref(a)),{default:e.withCtx(()=>[e.createElementVNode("label",{class:e.normalizeClass(["onyx-component","onyx-radio-button",e.unref(u)])},[n.loading?(e.openBlock(),e.createBlock(J,{key:0,class:"onyx-radio-button__loading",type:"circle"})):e.withDirectives((e.openBlock(),e.createElementBlock("input",e.mergeProps({key:1,ref:"inputRef",class:"onyx-radio-button__selector",type:"radio",required:n.required,name:n.name,value:n.value,checked:n.checked,disabled:e.unref(p),autofocus:n.autofocus},e.unref(i)),null,16,Ii)),[[e.unref(s)]]),e.createElementVNode("span",{class:e.normalizeClass(["onyx-radio-button__label",[`onyx-truncation-${n.truncation}`]])},e.toDisplayString(n.label),3)],2)]),_:1},16,["disabled","error-messages"]))}}),Oi=["disabled","aria-label"],Ai={key:0,class:"onyx-radio-group__label"},Ri=e.defineComponent({__name:"OnyxRadioGroup",props:{truncation:{default:"ellipsis"},skeleton:{type:[Symbol,Boolean,Number],default:A},label:{},labelTooltip:{},hideLabel:{type:Boolean},name:{default:()=>e.useId()},density:{},customError:{},required:{type:Boolean,default:!1},requiredMarker:{default:$},disabled:{default:$},options:{},modelValue:{},direction:{default:"vertical"}},emits:["validityChange","update:modelValue"],setup(o,{expose:t,emit:l}){const n=o,{densityClass:r}=E(n),{disabled:a,requiredMarker:i}=j(n),{requiredMarkerClass:s,requiredTypeClass:c}=Pe(n,i),u=P(n),p=l,d=F({props:n,emit:p,key:"modelValue"}),m=(f,h)=>{f&&(d.value=h)},y=e.useTemplateRef("radiobuttonsRef");return t({inputs:e.computed(()=>(Array.isArray(y.value)?y.value:[y.value]).flatMap(h=>h==null?void 0:h.input).filter(h=>!!h))}),(f,h)=>(e.openBlock(),e.createElementBlock("fieldset",{class:e.normalizeClass(["onyx-component","onyx-radio-group",e.unref(r),e.unref(c)]),disabled:e.unref(a),role:"radiogroup","aria-label":n.label},[n.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("legend",Ai,[e.createVNode(ne,{is:"h3",class:e.normalizeClass(e.unref(s))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(n.label),1)]),_:1},8,["class"]),n.labelTooltip?(e.openBlock(),e.createBlock(Be,{key:0,open:"hover",text:n.labelTooltip},null,8,["text"])):e.createCommentVNode("",!0)])),e.createElementVNode("div",{class:e.normalizeClass(["onyx-radio-group__content",{"onyx-radio-group__content--horizontal":n.direction==="horizontal"}])},[e.unref(u)?typeof e.unref(u)=="number"?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(e.unref(u),v=>(e.openBlock(),e.createBlock(it,{id:`skeleton-${v}`,key:v,value:`skeleton-${v}`,label:"Skeleton ${i}",name:n.name,skeleton:""},null,8,["id","value","name"]))),128)):e.createCommentVNode("",!0):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(n.options,(v,g)=>(e.openBlock(),e.createBlock(it,e.mergeProps({key:v.value.toString(),ref_for:!0},v,{ref_for:!0,ref:"radiobuttonsRef",name:n.name,"custom-error":n.customError,checked:v.value===e.unref(d),required:n.required,truncation:v.truncation??n.truncation,onValidityChange:_=>g===0&&p("validityChange",_),onChange:_=>m(_,v.value)}),null,16,["name","custom-error","checked","required","truncation","onValidityChange","onChange"]))),128))],2)],10,Oi))}}),Li=["_self","_blank","_parent","_top"],Di=["full","left","right"],Pi=["summary","preview"],zi='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 11.25h18v1.5H3z"/></svg>',Fi='<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>',Hi=(o,t,l)=>{const n=t??-1/0,r=l??1/0;return Math.min(Math.max(o,n),r)},Ui=(o,t)=>{if(!o)return"";if(t>=0)return o.toFixed(t);const l=Math.pow(10,t);return(Math.round(o*l)/l).toString()},qi={class:"onyx-stepper__wrapper"},Gi=["disabled","aria-label"],Ki=["aria-label","autofocus","disabled","min","max","name","placeholder","readonly","required","step","title"],ji=["disabled","aria-label"],Yi=e.defineComponent({inheritAttrs:!1,__name:"OnyxStepper",props:{disabled:{default:$},showError:{default:$},requiredMarker:{},required:{type:Boolean},density:{},customError:{},autofocus:{type:Boolean},id:{},name:{},label:{},labelTooltip:{},hideLabel:{type:Boolean},readonly:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},skeleton:{type:[Symbol,Boolean,Number],default:A},error:{},message:{},success:{},placeholder:{},min:{},max:{},stepSize:{default:1},precision:{},validStepSize:{},autocomplete:{},hideButtons:{type:Boolean,default:!1},modelValue:{}},emits:["validityChange","update:modelValue"],setup(o,{expose:t,emit:l}){const n=o,r=l,{t:a}=w(),i=e.useTemplateRef("inputRef"),{disabled:s,showError:c}=j(n),u=P(n),p=Ee(c),{densityClass:d}=E(n),{vCustomValidity:m,errorMessages:y}=le({props:n,emit:r}),f=e.computed(()=>W(n.success)),h=e.computed(()=>W(n.message)),{rootAttrs:v,restAttrs:g}=Y(),_=e.ref(!1),k=F({props:n,emit:r,key:"modelValue"}),x=e.ref(),S=e.computed(()=>I=>n.precision!==void 0&&I!==void 0&&I!==null?Ui(I,n.precision):(I==null?void 0:I.toString())??"");e.watchEffect(()=>{x.value=S.value(k.value)});const T=I=>{_.value=!0;const L=k.value||0,U=(I==="stepUp"?1:-1)*n.stepSize,Z=parseFloat(S.value(L+U));k.value=Hi(Z,n.min,n.max)},N=()=>{if(_.value=!0,!x.value){k.value=void 0;return}x.value=S.value(parseFloat(x.value)),k.value=parseFloat(x.value)},B=e.computed(()=>a.value("stepper.increment",{stepSize:n.stepSize})),R=e.computed(()=>a.value("stepper.decrement",{stepSize:n.stepSize}));return t({input:i}),ee(i,n),(I,L)=>e.unref(u)?(e.openBlock(),e.createElementBlock("div",e.mergeProps({key:0,class:["onyx-component","onyx-stepper-skeleton",e.unref(d)]},e.unref(v)),[n.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(M,{key:0,class:"onyx-stepper-skeleton__label"})),e.createVNode(M,{class:"onyx-stepper-skeleton__input"})],16)):(e.openBlock(),e.createElementBlock("div",e.mergeProps({key:1,class:["onyx-component","onyx-stepper",e.unref(d),e.unref(p)]},e.unref(v)),[e.createVNode(_e,e.mergeProps(n,{message:h.value,"success-messages":f.value,"error-messages":e.unref(y)}),{default:e.withCtx(()=>[e.createElementVNode("div",qi,[n.hideButtons?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("button",{key:0,type:"button",class:"onyx-stepper__counter",disabled:e.unref(s)||I.readonly||n.loading||n.min!==void 0&&e.unref(k)!==void 0&&e.unref(k)!==null&&e.unref(k)<=n.min,"aria-label":R.value,tabindex:"-1",onClick:L[0]||(L[0]=U=>T("stepDown"))},[e.createVNode(C,{icon:e.unref(zi)},null,8,["icon"])],8,Gi)),n.loading?(e.openBlock(),e.createBlock(J,{key:1,class:"onyx-stepper__loading",type:"circle"})):e.withDirectives((e.openBlock(),e.createElementBlock("input",e.mergeProps({key:2,ref:"inputRef","onUpdate:modelValue":L[1]||(L[1]=U=>x.value=U),class:["onyx-stepper__native",{"onyx-stepper__native--touched":_.value}],type:"number","aria-label":n.label,autofocus:n.autofocus,disabled:e.unref(s)||n.loading,min:n.min,max:n.max,name:n.name,placeholder:n.placeholder,readonly:n.readonly,required:n.required,step:n.validStepSize??"any",title:n.hideLabel?n.label:void 0},e.unref(g),{onChange:N,onKeydown:[L[2]||(L[2]=e.withKeys(e.withModifiers(U=>T("stepUp"),["prevent"]),["up"])),L[3]||(L[3]=e.withKeys(e.withModifiers(U=>T("stepDown"),["prevent"]),["down"]))]}),null,16,Ki)),[[e.vModelText,x.value],[e.unref(m)]]),n.hideButtons?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("button",{key:3,type:"button",class:"onyx-stepper__counter",disabled:e.unref(s)||I.readonly||n.loading||n.max!==void 0&&e.unref(k)!==void 0&&e.unref(k)!==null&&e.unref(k)>=n.max,"aria-label":B.value,tabindex:"-1",onClick:L[4]||(L[4]=U=>T("stepUp"))},[e.createVNode(C,{icon:e.unref(Fi)},null,8,["icon"])],8,ji))])]),_:1},16,["message","success-messages","error-messages"])],16))}}),Zi={class:"onyx-switch-skeleton__click-area"},Wi=["title"],Ji=["aria-label","disabled","required","autofocus"],Xi={class:"onyx-switch__click-area"},Qi={class:"onyx-switch__container"},ec={class:"onyx-switch__icon"},tc=e.defineComponent({inheritAttrs:!1,__name:"OnyxSwitch",props:{disabled:{default:$},showError:{},requiredMarker:{default:$},autofocus:{type:Boolean},required:{type:Boolean},density:{},customError:{},label:{},hideLabel:{type:Boolean},loading:{type:Boolean,default:!1},skeleton:{type:[Symbol,Boolean,Number],default:A},truncation:{default:"ellipsis"},modelValue:{default:void 0}},emits:["update:modelValue","validityChange"],setup(o,{expose:t,emit:l}){const n=o,r=l,{rootAttrs:a,restAttrs:i}=Y(),{densityClass:s}=E(n),{disabled:c,showError:u,requiredMarker:p}=j(n),{requiredMarkerClass:d,requiredTypeClass:m}=Pe(n,p),{vCustomValidity:y,errorMessages:f}=le({props:n,emit:r}),h=e.computed(()=>u.value!==!1?f.value:void 0),v=e.computed(()=>n.hideLabel&&n.label||void 0),g=P(n),_=F({props:n,emit:r,key:"modelValue",initialValue:!1}),k=e.useTemplateRef("inputRef");return t({input:k}),ee(k,n),(x,S)=>e.unref(g)?(e.openBlock(),e.createElementBlock("div",e.mergeProps({key:0,class:["onyx-component","onyx-switch-skeleton",e.unref(s)]},e.unref(a)),[e.createElementVNode("span",Zi,[e.createVNode(M,{class:"onyx-switch-skeleton__input"})]),n.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(M,{key:0,class:"onyx-switch-skeleton__label"}))],16)):(e.openBlock(),e.createBlock(mt,e.mergeProps({key:1,disabled:e.unref(c),"error-messages":h.value},e.unref(a)),{default:e.withCtx(()=>[e.createElementVNode("label",{class:e.normalizeClass(["onyx-component onyx-switch",[e.unref(m),e.unref(s)]]),title:v.value},[e.withDirectives(e.createElementVNode("input",e.mergeProps({ref:"inputRef","onUpdate:modelValue":S[0]||(S[0]=T=>e.isRef(_)?_.value=T:null),type:"checkbox",role:"switch",class:{"onyx-switch__input":!0,"onyx-switch__loading":n.loading},"aria-label":n.hideLabel?n.label:void 0,disabled:e.unref(c)||n.loading,required:n.required,autofocus:n.autofocus},e.unref(i)),null,16,Ji),[[e.vModelCheckbox,e.unref(_)],[e.unref(y)]]),e.createElementVNode("span",Xi,[e.createElementVNode("span",Qi,[e.createElementVNode("span",ec,[n.loading?(e.openBlock(),e.createBlock(J,{key:0,class:"onyx-switch__spinner",type:"circle"})):(e.openBlock(),e.createBlock(C,{key:1,icon:e.unref(_)?e.unref(gt):e.unref(oe)},null,8,["icon"]))]),S[1]||(S[1]=e.createElementVNode("div",{class:"onyx-switch__frame"},null,-1))])]),n.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(["onyx-switch__label",[`onyx-truncation-${n.truncation}`,n.truncation==="multiline"?e.unref(d):void 0]])},e.toDisplayString(n.label),3)),!n.hideLabel&&n.truncation==="ellipsis"?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["onyx-switch__marker",[e.unref(d)]])},null,2)):e.createCommentVNode("",!0)],10,Wi)]),_:1},16,["disabled","error-messages"]))}}),oc=["intense","soft","medium"],Bt=Symbol(),nc=["disabled"],lc={class:"onyx-tab__label"},ac=e.defineComponent({__name:"OnyxTab",props:{density:{},value:{},label:{},disabled:{type:Boolean,default:!1},skeleton:{type:[Symbol,Boolean,Number],default:A}},setup(o){const t=o,{densityClass:l}=E(t),n=e.inject(Bt),r=P(t),a=e.computed(()=>`onyx-tab--${n==null?void 0:n.size.value}`),i=e.computed(()=>n==null?void 0:n.headless.elements.tab.value({value:t.value,disabled:t.disabled||!!r.value}));return(s,c)=>{var u,p,d,m,y;return e.openBlock(),e.createElementBlock(e.Fragment,null,[e.unref(r)?(e.openBlock(),e.createBlock(M,e.mergeProps({key:0,class:["onyx-tab-skeleton",e.unref(l),a.value]},i.value),null,16,["class"])):(e.openBlock(),e.createElementBlock("button",e.mergeProps({key:1,class:["onyx-component","onyx-tab",e.unref(l),a.value,(u=i.value)!=null&&u["aria-selected"]?"onyx-tab--selected":""]},i.value,{type:"button",disabled:t.disabled}),[e.createElementVNode("div",lc,[e.renderSlot(s.$slots,"tab",{},()=>[e.createTextVNode(e.toDisplayString(t.label),1)])])],16,nc)),(p=e.unref(n))!=null&&p.panel.value?(e.openBlock(),e.createBlock(e.Teleport,{key:2,to:(d=e.unref(n))==null?void 0:d.panel.value,defer:""},[(m=i.value)!=null&&m["aria-selected"]?(e.openBlock(),e.createElementBlock("div",e.mergeProps({key:0},(y=e.unref(n))==null?void 0:y.headless.elements.tabpanel.value({value:t.value}),{class:"onyx-tab__panel"}),[e.renderSlot(s.$slots,"default")],16)):e.createCommentVNode("",!0)],8,["to"])):e.createCommentVNode("",!0)],64)}}}),rc=e.defineComponent({__name:"OnyxTabs",props:{density:{},skeleton:{type:Boolean},label:{},modelValue:{},stretched:{type:Boolean},size:{default:"h2"}},emits:["update:modelValue"],setup(o,{emit:t}){const l=o,n=t,{densityClass:r}=E(l),a=F({props:l,emit:n,key:"modelValue"}),i=Jl({label:e.toRef(l,"label"),selectedTab:e.toRef(()=>a.value),onSelect:c=>a.value=c}),s=e.useTemplateRef("panelRef");return Re(l),e.provide(Bt,{headless:i,panel:s,size:e.toRef(l,"size")}),(c,u)=>(e.openBlock(),e.createElementBlock("div",{ref:"panelRef",class:e.normalizeClass(["onyx-component","onyx-tabs",e.unref(r),l.stretched?"onyx-tabs--stretched":""])},[e.createElementVNode("div",e.mergeProps(e.unref(i).elements.tablist.value,{class:"onyx-tabs__tablist"}),[e.renderSlot(c.$slots,"default")],16)],2))}}),sc={class:"onyx-text onyx-truncation-ellipsis"},ic={class:"onyx-text onyx-truncation-ellipsis"},To=e.defineComponent({__name:"OnyxTag",props:{density:{},label:{},color:{default:"neutral"},icon:{},clickable:{},skeleton:{type:[Symbol,Boolean,Number],default:A}},setup(o){const t=o,{densityClass:l}=E(t),n=P(t),r=e.computed(()=>["onyx-component","onyx-tag",`onyx-tag--${t.color}`,{"onyx-tag--interactive":t.clickable},l.value]);return(a,i)=>e.unref(n)?(e.openBlock(),e.createBlock(M,{key:0,class:e.normalizeClass(["onyx-tag-skeleton",e.unref(l)])},null,8,["class"])):t.clickable?(e.openBlock(),e.createBlock(fe,{key:1,text:typeof t.clickable=="object"?t.clickable.label:t.clickable},{default:e.withCtx(({trigger:s})=>[e.createElementVNode("button",e.mergeProps(s,{class:r.value,type:"button"}),[t.icon?(e.openBlock(),e.createBlock(C,{key:0,icon:t.icon,inline:""},null,8,["icon"])):e.createCommentVNode("",!0),e.createElementVNode("span",sc,e.toDisplayString(t.label),1),typeof t.clickable=="object"&&t.clickable.actionIcon?(e.openBlock(),e.createBlock(C,{key:1,icon:t.clickable.actionIcon,inline:""},null,8,["icon"])):e.createCommentVNode("",!0)],16)]),_:1},8,["text"])):(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass(r.value)},[t.icon?(e.openBlock(),e.createBlock(C,{key:0,icon:t.icon,inline:""},null,8,["icon"])):e.createCommentVNode("",!0),e.createElementVNode("span",ic,e.toDisplayString(t.label),1)],2))}}),cc=e.defineComponent({__name:"OnyxFilterTag",props:{density:{},label:{},icon:{},skeleton:{type:[Symbol,Boolean,Number],default:A},active:{}},emits:["update:active"],setup(o,{emit:t}){const l=o,n=t,{t:r}=w(),a=F({props:l,emit:n,key:"active",initialValue:!1}),i=e.computed(()=>a.value?r.value("filterTag.clickToRemove",{label:l.label}):r.value("filterTag.clickToAdd",{label:l.label})),s=P(l);return(c,u)=>(e.openBlock(),e.createBlock(To,e.mergeProps(l,{clickable:{label:i.value,actionIcon:e.unref(a)?e.unref(oe):void 0},class:"onyx-filter-tag",skeleton:e.unref(s),onClick:u[0]||(u[0]=()=>{a.value=!e.unref(a)})}),null,16,["clickable","skeleton"]))}}),uc=["data-autosize-value"],dc=["id","placeholder","required","autocapitalize","autofocus","name","readonly","disabled","minlength","maxlength","aria-label","title"],pc=e.defineComponent({inheritAttrs:!1,__name:"OnyxTextarea",props:{disabled:{default:$},showError:{default:$},requiredMarker:{default:$},required:{type:Boolean,default:!1},density:{},customError:{},autofocus:{type:Boolean},id:{},name:{},label:{},labelTooltip:{},hideLabel:{type:Boolean},readonly:{type:Boolean,default:!1},skeleton:{type:[Symbol,Boolean,Number],default:A},error:{},message:{},success:{},placeholder:{},maxlength:{},withCounter:{type:Boolean},minlength:{},autocapitalize:{default:"sentences"},modelValue:{},autosize:{},disableManualResize:{type:Boolean,default:!1}},emits:["validityChange","update:modelValue"],setup(o,{expose:t,emit:l}){const n=o,r=l,a=F({props:n,emit:r,key:"modelValue",initialValue:""}),{rootAttrs:i,restAttrs:s}=Y(),{maxLength:c,maxLengthError:u}=ho({props:n,modelValue:a}),p=e.computed(()=>n.customError??u.value),{vCustomValidity:d,errorMessages:m}=le({props:n,emit:r,customError:p}),{densityClass:y}=E(n),f=e.computed(()=>W(n.success)),h=e.computed(()=>W(n.message)),v=e.computed(()=>{if(!n.autosize)return;const N=n.autosize.min?Math.max(n.autosize.min,2):void 0,B=n.autosize.max;return[N?`--min-autosize-rows: ${N}`:"",`--max-autosize-rows: ${B??"unset"}`]}),g=N=>{var R;const B=N.target;(R=B.parentElement)==null||R.setAttribute("data-autosize-value",B.value)},{disabled:_,showError:k}=j(n),x=P(n),S=Ee(k),T=e.useTemplateRef("inputRef");return t({input:T}),ee(T,n),(N,B)=>e.unref(x)?(e.openBlock(),e.createElementBlock("div",e.mergeProps({key:0,class:["onyx-component","onyx-textarea-skeleton",e.unref(y)],style:v.value},e.unref(i)),[n.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(M,{key:0,class:"onyx-textarea-skeleton__label"})),e.createVNode(M,{class:"onyx-textarea-skeleton__input"})],16)):(e.openBlock(),e.createElementBlock("div",e.mergeProps({key:1,class:["onyx-component","onyx-textarea",e.unref(S),e.unref(y)],style:v.value},e.unref(i)),[e.createVNode(_e,e.mergeProps(n,{message:h.value,"success-messages":f.value,"error-messages":e.unref(m)}),{default:e.withCtx(({id:R})=>[e.createElementVNode("div",{class:"onyx-textarea__wrapper","data-autosize-value":e.unref(a)},[e.withDirectives(e.createElementVNode("textarea",e.mergeProps({id:R,ref:"inputRef","onUpdate:modelValue":B[0]||(B[0]=I=>e.isRef(a)?a.value=I:null),class:["onyx-textarea__native",{"onyx-textarea__native--no-resize":n.disableManualResize}],placeholder:n.placeholder,required:n.required,autocapitalize:n.autocapitalize,autofocus:n.autofocus,name:n.name,readonly:n.readonly,disabled:e.unref(_),minlength:n.minlength,maxlength:e.unref(c),"aria-label":n.hideLabel?n.label:void 0,title:n.hideLabel?n.label:void 0},e.unref(s),{onInput:g}),null,16,dc),[[e.vModelText,e.unref(a)],[e.unref(d)]])],8,uc)]),_:1},16,["message","success-messages","error-messages"])],16))}}),mc='<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>',fc={class:"onyx-toast-message__wrapper"},yc={class:"onyx-toast-message__content onyx-truncation-ellipsis"},hc={class:"onyx-toast-message__headline onyx-text"},vc={class:"onyx-truncation-ellipsis"},gc=["aria-label"],_c={key:0,class:"onyx-toast-message__description onyx-text--small onyx-truncation-multiline",tabindex:"0"},Io=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(o,{emit:t}){const l=o,n=t,{t:r}=w(),{densityClass:a}=E(l),i=e.computed(()=>l.duration>0),s={neutral:nt,danger:lo,warning:wo,success:mc},c=e.computed(()=>{if(l.icon!==!1)return l.icon||s[l.color]});return(u,p)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(l.clickable?"button":"div"),{class:e.normalizeClass(["onyx-component onyx-toast-message",[`onyx-toast-message--${l.color}`,e.unref(a)]]),role:l.color==="danger"||l.color==="warning"?"alert":"status","aria-label":l.clickable?l.headline:void 0},{default:e.withCtx(()=>[e.createElementVNode("div",fc,[c.value?(e.openBlock(),e.createBlock(C,{key:0,icon:c.value},null,8,["icon"])):e.createCommentVNode("",!0),e.createElementVNode("div",yc,[e.createElementVNode("div",hc,[e.createElementVNode("span",vc,e.toDisplayString(l.headline),1),l.clickable?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("button",{key:0,type:"button","aria-label":e.unref(r)("close"),class:"onyx-toast-message__close",onClick:p[0]||(p[0]=d=>n("close"))},[e.createVNode(C,{icon:e.unref(oe)},null,8,["icon"])],8,gc))]),l.description?(e.openBlock(),e.createElementBlock("p",_c,e.toDisplayString(l.description),1)):e.createCommentVNode("",!0)])]),i.value?(e.openBlock(),e.createElementBlock("time",{key:l.duration,"aria-hidden":"true",class:"onyx-toast-message__progress-bar",style:e.normalizeStyle({animationDuration:`${l.duration}ms`}),onAnimationend:p[1]||(p[1]=d=>n("close"))},null,36)):e.createCommentVNode("",!0)]),_:1},8,["class","role","aria-label"]))}}),wt=Symbol(),Oo=()=>{let o=1;const t=e.ref([]),l=r=>{const a=o++;t.value.push({...r,id:a,onClose:()=>n(a)})},n=r=>{t.value=t.value.filter(a=>a.id!==r)};return{toasts:e.computed(()=>t.value),show:l,remove:n}},Ao=()=>{const o=()=>{console.warn('Trying to use "useToast()" before the toast provider has been provided. Make sure to "provide" it first.')};return e.inject(wt,()=>({toasts:e.computed(()=>[]),show:o,remove:o}),!0)},kc={key:0,class:"onyx-component onyx-toast",role:"presentation","aria-live":"polite",open:""},xc=e.defineComponent({__name:"OnyxToast",setup(o){const t=Ao();return(l,n)=>e.unref(t).toasts.value.length?(e.openBlock(),e.createElementBlock("dialog",kc,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(t).toasts.value,({id:r,...a})=>(e.openBlock(),e.createBlock(Io,e.mergeProps({key:r,ref_for:!0},a),null,16))),128))])):e.createCommentVNode("",!0)}}),bc=o=>{e.onMounted(()=>{e.watch([o],()=>{const t=document.documentElement,l="onyx-transition-active",n=()=>{t.classList.remove(l)};t.addEventListener("transitionend",n,{once:!0}),t.classList.add(l)})})},Bc=["primary","neutral","danger","warning","success","info"],wc=["small","default","large"],Cc=["ellipsis","multiline"],Ec=["onyx","digits","kaufland","lidl","schwarz"],Sc=["horizontal","vertical"],Vc=(o={})=>({install:t=>{Pt(t,o.i18n);const l=t.runWithContext(()=>w());t.provide(wt,Oo()),t.provide(bt,So()),o.router&&t.provide(dt,o.router),t.mixin({beforeMount:()=>{e.watchEffect(()=>{Nc(l.t.value("optional"))})}})}}),Nc=o=>{var t;(t=globalThis.document)==null||t.body.style.setProperty("--onyx-global-optional-text",`"${o}"`)};exports.ACCORDION_INJECTION_KEY=ct;exports.ACCORDION_TYPES=qo;exports.BUTTON_COLORS=Nl;exports.BUTTON_MODES=$l;exports.BUTTON_TYPES=Vl;exports.DENSITIES=Ho;exports.DIALOG_ALIGNMENTS=Br;exports.DIRECTIONS=Sc;exports.DataGridFeatures=fr;exports.HEADLINE_TYPES=Tr;exports.ICON_SIZES=Ir;exports.IMAGE_SHAPES=Pr;exports.INPUT_TYPES=Kr;exports.LINK_TARGETS=Li;exports.MOBILE_NAV_BAR_INJECTION_KEY=Se;exports.MULTISELECT_TEXT_MODE=Pi;exports.NAV_BAR_IS_TOP_LEVEL_INJECTION_KEY=rt;exports.NAV_BAR_MORE_LIST_INJECTION_KEY=kt;exports.NAV_BAR_MORE_LIST_TARGET_INJECTION_KEY=xt;exports.NOTIFICATIONS_PROVIDER_INJECTION_KEY=bt;exports.ONYX_BREAKPOINTS=Oe;exports.ONYX_COLORS=Bc;exports.ONYX_THEMES=Ec;exports.OnyxAccordion=Go;exports.OnyxAccordionItem=nn;exports.OnyxAlertDialog=Yn;exports.OnyxAppLayout=Qn;exports.OnyxAvatar=Xe;exports.OnyxAvatarStack=al;exports.OnyxBadge=De;exports.OnyxBottomBar=cl;exports.OnyxBreadcrumb=fl;exports.OnyxBreadcrumbItem=qt;exports.OnyxButton=xe;exports.OnyxCard=Kt;exports.OnyxCheckbox=de;exports.OnyxCheckboxGroup=pa;exports.OnyxColorSchemeDialog=_o;exports.OnyxColorSchemeMenuItem=ps;exports.OnyxDataGrid=Ha;exports.OnyxDataGridRenderer=ro;exports.OnyxDatePicker=br;exports.OnyxDialog=ut;exports.OnyxDrawer=$r;exports.OnyxEmpty=ft;exports.OnyxExternalLinkIcon=ht;exports.OnyxFilterTag=cc;exports.OnyxFlyoutMenu=ie;exports.OnyxForm=Mr;exports.OnyxFormElement=_e;exports.OnyxHeadline=ne;exports.OnyxIcon=C;exports.OnyxIconButton=yo;exports.OnyxImage=Dr;exports.OnyxInfoCard=Co;exports.OnyxInfoTooltip=Be;exports.OnyxInput=Gr;exports.OnyxLanguageMenuItem=ys;exports.OnyxLink=jr;exports.OnyxListItem=He;exports.OnyxLoadingIndicator=J;exports.OnyxMenuItem=se;exports.OnyxMiniSearch=yt;exports.OnyxMobileNavButton=at;exports.OnyxModalDialog=vt;exports.OnyxMoreList=vo;exports.OnyxNavAppArea=go;exports.OnyxNavBar=js;exports.OnyxNavItem=ks;exports.OnyxNavItemFacade=te;exports.OnyxNavSeparator=ko;exports.OnyxNotificationCard=oi;exports.OnyxNotificationDot=li;exports.OnyxNotificationMessage=Eo;exports.OnyxNotifications=ci;exports.OnyxPageLayout=mi;exports.OnyxPagination=Ti;exports.OnyxRadioButton=it;exports.OnyxRadioGroup=Ri;exports.OnyxRouterLink=ge;exports.OnyxSelect=Mo;exports.OnyxSelectDialog=_t;exports.OnyxSelectInput=$o;exports.OnyxSelectOption=st;exports.OnyxSkeleton=M;exports.OnyxStepper=Yi;exports.OnyxSwitch=tc;exports.OnyxSystemButton=Q;exports.OnyxTab=ac;exports.OnyxTable=ao;exports.OnyxTabs=rc;exports.OnyxTag=To;exports.OnyxTextarea=pc;exports.OnyxTimer=Ss;exports.OnyxToast=xc;exports.OnyxToastMessage=Io;exports.OnyxTooltip=fe;exports.OnyxUserMenu=Ls;exports.OnyxVisuallyHidden=ve;exports.ROUTER_INJECTION_KEY=dt;exports.SELECT_ALIGNMENTS=Di;exports.SYSTEM_BUTTON_COLORS=oc;exports.TABS_INJECTION_KEY=Bt;exports.TEXT_SIZES=wc;exports.TOAST_PROVIDER_INJECTION_KEY=wt;exports.TRUNCATION_TYPES=Cc;exports.createFeature=Fa;exports.createNotificationsProvider=So;exports.createOnyx=Vc;exports.createTableColumnGroups=co;exports.createToastProvider=Oo;exports.extractLinkProps=be;exports.normalizedIncludes=zt;exports.provideI18n=Pt;exports.useDataGridFeatures=uo;exports.useDensity=E;exports.useIsFeatureEnabled=Ce;exports.useLink=he;exports.useNotification=Vo;exports.useScrollEnd=No;exports.useThemeTransition=bc;exports.useToast=Ao;
|
package/dist/index.js
CHANGED
|
@@ -6726,15 +6726,15 @@ const ps = (t, e) => {
|
|
|
6726
6726
|
])
|
|
6727
6727
|
])
|
|
6728
6728
|
], 16, uc)),
|
|
6729
|
-
(i(), x(et, {
|
|
6730
|
-
|
|
6731
|
-
|
|
6729
|
+
(m = s(n)) != null && m.panel.value ? (i(), x(et, {
|
|
6730
|
+
key: 2,
|
|
6731
|
+
to: (p = s(n)) == null ? void 0 : p.panel.value,
|
|
6732
6732
|
defer: ""
|
|
6733
6733
|
}, [
|
|
6734
6734
|
(y = c.value) != null && y["aria-selected"] ? (i(), h("div", C({ key: 0 }, (_ = s(n)) == null ? void 0 : _.headless.elements.tabpanel.value({ value: e.value }), { class: "onyx-tab__panel" }), [
|
|
6735
6735
|
w(r.$slots, "default")
|
|
6736
6736
|
], 16)) : k("", !0)
|
|
6737
|
-
], 8, ["to"
|
|
6737
|
+
], 8, ["to"])) : k("", !0)
|
|
6738
6738
|
], 64);
|
|
6739
6739
|
};
|
|
6740
6740
|
}
|
package/package.json
CHANGED