sit-onyx 1.0.0-beta.239 → 1.0.0-beta.240

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/components/OnyxNavBar/modules/OnyxTimer/OnyxTimer.vue.d.ts +6 -1
  2. package/dist/composables/useTimer.d.ts +1 -1
  3. package/dist/index.cjs +1 -1
  4. package/dist/index.js +94 -89
  5. package/package.json +6 -6
package/dist/components/OnyxNavBar/modules/OnyxTimer/OnyxTimer.vue.d.ts CHANGED
@@ -1,5 +1,10 @@
1
1
  import type { OnyxTimerProps } from "./types";
2
- declare const _default: import("vue").DefineComponent<OnyxTimerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
2
+ declare const _default: import("vue").DefineComponent<OnyxTimerProps, {
3
+ /**
4
+ * Time (in milliseconds) that the timer has left.
5
+ */
6
+ timeLeft: Readonly<import("vue").Ref<number, number>>;
7
+ }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
3
8
  timerEnded: () => any;
4
9
  }, string, import("vue").PublicProps, Readonly<OnyxTimerProps> & Readonly<{
5
10
  onTimerEnded?: (() => any) | undefined;
package/dist/composables/useTimer.d.ts CHANGED
@@ -6,7 +6,7 @@ export declare const useTimer: (endTime: Ref<ConstructorParameters<typeof Date>[
6
6
  /**
7
7
  * Time (in milliseconds) that the timer has left.
8
8
  */
9
- timeLeft: Ref<number, number>;
9
+ timeLeft: Readonly<Ref<number, number>>;
10
10
  /**
11
11
  * Whether the timer is ended.
12
12
  */
package/dist/index.cjs CHANGED
@@ -180,4 +180,4 @@
180
180
  </clipPath>
181
181
  </defs>
182
182
  </svg>
183
- `,Ko=e.defineComponent({__name:"OnyxColorSchemeDialog",props:{open:{type:Boolean,default:!1},density:{},modelValue:{}},emits:["update:modelValue","close"],setup(n,{emit:t}){const o=n,l=t,{t:r}=w(),a=e.computed(()=>[{value:"auto",icon:Es,label:r.value("colorScheme.auto.label"),description:r.value("colorScheme.auto.description")},{value:"light",icon:Ss,label:r.value("colorScheme.light.label"),description:r.value("colorScheme.light.description")},{value:"dark",icon:Vs,label:r.value("colorScheme.dark.label"),description:r.value("colorScheme.dark.description")}]);return(i,c)=>(e.openBlock(),e.createBlock(At,e.mergeProps({class:"onyx-color-scheme-dialog"},o,{label:e.unref(r)("colorScheme.headline"),options:a.value,onClose:c[0]||(c[0]=s=>l("close")),"onUpdate:modelValue":c[1]||(c[1]=s=>l("update:modelValue",s))}),{description:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(r)("colorScheme.subtitle")),1)]),_:1},16,["label","options"]))}}),Ns='<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>',$s={class:"onyx-color-scheme-menu-item__value"},jo=e.defineComponent({__name:"OnyxColorSchemeMenuItem",props:{modelValue:{}},emits:["update:modelValue"],setup(n,{emit:t}){const o=n,l=t,{t:r}=w(),a=e.ref(!1);return(i,c)=>(e.openBlock(),e.createBlock(te,{class:"onyx-component onyx-color-scheme-menu-item",onClick:c[2]||(c[2]=s=>a.value=!0)},{default:e.withCtx(()=>[e.createVNode(C,{icon:e.unref(Ns)},null,8,["icon"]),e.createElementVNode("div",null,[e.createTextVNode(e.toDisplayString(e.unref(r)("colorScheme.appearance"))+": ",1),e.createElementVNode("span",$s,e.toDisplayString(e.unref(r)(`colorScheme.${o.modelValue}.label`)),1)]),(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[e.createVNode(Ko,{"model-value":o.modelValue,open:a.value,onClose:c[0]||(c[0]=s=>a.value=!1),"onUpdate:modelValue":c[1]||(c[1]=s=>l("update:modelValue",s))},null,8,["model-value","open"])]))]),_:1}))}}),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>',Ts={class:"onyx-language-menu-item__value"},Os=e.defineComponent({__name:"OnyxLanguageMenuItem",props:{modelValue:{},options:{}},emits:["update:modelValue"],setup(n,{emit:t}){const o=n,l=t,{t:r}=w(),a=e.ref(!1),i=e.computed(()=>{var c;return((c=o.options.find(({value:s})=>s===o.modelValue))==null?void 0:c.label)??o.modelValue});return(c,s)=>(e.openBlock(),e.createBlock(te,{class:"onyx-component onyx-language-menu-item",onClick:s[2]||(s[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",Ts,e.toDisplayString(i.value),1)]),(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[e.createVNode(e.unref(At),{"model-value":o.modelValue,label:e.unref(r)("languageSelect.headline"),options:o.options,open:a.value,onClose:s[0]||(s[0]=u=>a.value=!1),"onUpdate:modelValue":s[1]||(s[1]=u=>l("update:modelValue",u))},{description:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(r)("languageSelect.subtitle")),1)]),_:1},8,["model-value","label","options","open"])]))]),_:1}))}}),Is='<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>',De=Symbol(),vt=Symbol(),Rt=Symbol(),Lt=Symbol(),ae=e.defineComponent({__name:"OnyxNavItemFacade",props:{link:{},open:{},label:{},active:{type:[Boolean,String]},disabled:{type:Boolean},color:{},context:{}},setup(n){const t=n,o=e.useSlots(),l=e.computed(()=>!!o.children);return(r,a)=>(e.openBlock(),e.createBlock(te,e.mergeProps(t,{link:l.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},[l.value?{name:"children",fn:e.withCtx(()=>[e.renderSlot(r.$slots,"children")]),key:"0"}:void 0]),1040,["link","class"]))}}),As=["aria-orientation"],Zo=e.defineComponent({__name:"OnyxNavSeparator",props:{orientation:{default:"vertical"}},setup(n){const t=n,o=e.inject(De,e.computed(()=>!1));return(l,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["onyx-component onyx-nav-separator",{"onyx-nav-separator--horizontal":t.orientation==="horizontal"||e.unref(o)}]),role:"separator","aria-orientation":t.orientation},null,10,As))}}),Rs={class:"onyx-nav-item-wrapper__controls"},Ls={role:"menu",class:"onyx-nav-item-wrapper__mobile-children"},_e=e.defineComponent({inheritAttrs:!1,__name:"OnyxNavItem",props:{link:{},label:{},active:{type:[Boolean,String],default:"auto"},open:{default:void 0}},emits:["update:open"],setup(n,{emit:t}){const o=n,l=t,r=e.useSlots(),{t:a}=w(),i=F({props:o,emit:l,key:"open",default:!1}),{restAttrs:c,rootAttrs:s}=j(),u=e.computed(()=>!!r.children),{isActive:p}=fe(),d=e.computed(()=>o.active!=="auto"?o.active:p.value(o.link)),f=e.inject(De,e.computed(()=>!1)),v=e.inject(Lt),m=e.inject(vt,!0);e.provide(vt,!1);const{componentRef:y,isVisible:h}=m?xs(Rt):{isVisible:e.toRef(!0)};return(g,x)=>e.unref(f)&&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(s)),[e.createElementVNode("div",Rs,[e.createVNode(me,{label:e.unref(a)("back"),mode:"plain",color:"neutral",icon:e.unref(Is),onClick:x[0]||(x[0]=_=>i.value=!1)},null,8,["label","icon"]),o.link?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createVNode(ae,e.mergeProps(e.unref(q)(o,e.unref(c)),{active:d.value,context:"mobile"}),{default:e.withCtx(()=>[e.renderSlot(g.$slots,"default")]),_:3},16,["active"]),e.createVNode(Zo,{orientation:"horizontal"})],64)):e.createCommentVNode("",!0)]),e.createElementVNode("ul",Ls,[e.renderSlot(g.$slots,"children")])],16)):e.unref(f)?(e.openBlock(),e.createBlock(ae,e.mergeProps({key:1},e.unref(q)(o,g.$attrs),{active:d.value,context:"mobile",onClick:x[1]||(x[1]=_=>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(m)&&u.value&&e.unref(h)?(e.openBlock(),e.createBlock(he,e.mergeProps({key:2},e.unref(s),{label:e.unref(a)("navItemOptionsLabel",{label:o.label})}),{button:e.withCtx(({trigger:_})=>[e.createVNode(ae,e.mergeProps(e.unref(q)(e.unref(c),o,_),{ref_key:"componentRef",ref:y,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(m)&&e.unref(h)?(e.openBlock(),e.createBlock(ae,e.mergeProps({key:3},e.unref(q)(o,g.$attrs),{ref_key:"componentRef",ref:y,active:d.value,context:"navbar"}),{default:e.withCtx(()=>[e.renderSlot(g.$slots,"default")]),_:3},16,["active"])):e.unref(h)?(e.openBlock(),e.createBlock(ae,e.mergeProps({key:4},e.unref(q)(o,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,disabled:!e.unref(v),to:e.unref(v)},[e.createVNode(ae,e.mergeProps(e.unref(q)(o,g.$attrs),{active:d.value,context:"list"}),{default:e.withCtx(()=>[e.renderSlot(g.$slots,"default")]),_:3},16,["active"])],8,["disabled","to"]))}}),Ds=n=>{const t=e.ref(),o=e.ref(lt(new Date(n.value).getTime())),l=e.computed(()=>o.value===0);return e.watch(n,r=>{clearInterval(t.value);const a=new Date(r).getTime();o.value=lt(a),t.value=setInterval(()=>{o.value=lt(a),l.value&&clearInterval(t.value)},1e3)},{immediate:!0}),e.onBeforeUnmount(()=>clearInterval(t.value)),{timeLeft:o,isEnded:l}},lt=n=>{const t=n-Date.now();return Math.max(t,0)},Wo=n=>{const t=Math.floor(n/6e4/60),o=Math.floor(n/6e4%60),l=Math.floor(n%6e4/1e3);return{hours:t,minutes:o,seconds:l}},Ps=(n,t)=>{const{hours:o,minutes:l,seconds:r}=Wo(n),a=s=>s.toString().padStart(2,"0");let i="",c=at(t.formatToParts(n,"seconds"));return l>0&&(c=at(t.formatToParts(n,"minutes"))),o>0&&(c=at(t.formatToParts(n,"hours")),i=`${a(o)}:`),`${i}${a(l)}:${a(r)} ${c}`},at=n=>{var t;return((t=n.at(-1))==null?void 0:t.value.replace(".","").trim())??""},zs=n=>{const{hours:t,minutes:o,seconds:l}=Wo(n);return`PT${t}H${o}M${l}S`},Fs=["aria-label"],Hs={key:0,class:"onyx-timer__label"},Us=["datetime"],Gs=e.defineComponent({__name:"OnyxTimer",props:{endTime:{},label:{},hideLabel:{type:Boolean}},emits:["timerEnded"],setup(n,{emit:t}){const o=n,l=t,{locale:r}=w(),{timeLeft:a,isEnded:i}=Ds(e.computed(()=>o.endTime)),c=e.computed(()=>new Intl.RelativeTimeFormat(r.value,{numeric:"always",style:"short"})),s=e.computed(()=>Ps(a.value,c.value));return e.watchEffect(()=>i.value&&l("timerEnded")),(u,p)=>(e.openBlock(),e.createElementBlock("div",{class:"onyx-component onyx-timer onyx-text onyx-truncation-ellipsis",role:"timer","aria-label":o.hideLabel?o.label:void 0},[o.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("span",Hs,e.toDisplayString(o.label),1)),e.createElementVNode("time",{datetime:e.unref(zs)(e.unref(a)),class:"onyx-timer__time"},e.toDisplayString(s.value),9,Us)],8,Fs))}}),qs={class:"onyx-component"},Ks={class:"onyx-user-menu__footer onyx-text--small"},js=e.defineComponent({__name:"UserMenuLayout",props:{isMobile:{type:Boolean},flyoutOpen:{default:void 0},disabled:{type:Boolean}},emits:["update:flyoutOpen"],setup(n,{emit:t}){const o=n,r=F({props:o,emit:t,key:"flyoutOpen",default:!1}),a=e.useSlots(),{t:i}=w();return(c,s)=>(e.openBlock(),e.createElementBlock("div",qs,[o.isMobile?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.renderSlot(c.$slots,"header"),e.renderSlot(c.$slots,"options"),a.footer?(e.openBlock(),e.createBlock(Ye,{key:0,class:"onyx-user-menu__mobile-footer",disabled:""},{default:e.withCtx(()=>[e.renderSlot(c.$slots,"footer")]),_:3})):e.createCommentVNode("",!0)],64)):(e.openBlock(),e.createBlock(he,{key:1,open:e.unref(r),"onUpdate:open":s[0]||(s[0]=u=>e.isRef(r)?r.value=u:null),label:e.unref(i)("navigation.userMenuLabel"),alignment:"right",disabled:c.disabled},e.createSlots({button:e.withCtx(({trigger:u})=>[e.renderSlot(c.$slots,"button",{trigger:u})]),header:e.withCtx(()=>[e.renderSlot(c.$slots,"header")]),options:e.withCtx(()=>[e.renderSlot(c.$slots,"options")]),_:2},[a.footer?{name:"footer",fn:e.withCtx(()=>[e.createElementVNode("div",Ks,[e.renderSlot(c.$slots,"footer")])]),key:"0"}:void 0]),1032,["open","label","disabled"]))]))}}),Zs={class:"onyx-truncation-ellipsis"},Ws={class:"onyx-user-menu__header"},Ys={class:"onyx-truncation-ellipsis"},Js={class:"onyx-user-menu__username onyx-text onyx-truncation-ellipsis"},Xs={key:0,class:"onyx-user-menu__description onyx-text--small onyx-truncation-ellipsis"},Qs={class:"onyx-user-menu__options"},Yo=e.defineComponent({__name:"OnyxUserMenu",props:{fullName:{},avatar:{},description:{},flyoutOpen:{default:void 0},disabled:{type:Boolean}},emits:["update:flyoutOpen"],setup(n,{emit:t}){const o=n,l=t,r=e.useSlots(),a=F({props:o,emit:l,key:"flyoutOpen",default:!1}),i=e.computed(()=>typeof o.avatar=="object"?o.avatar:{src:o.avatar,fullName:o.fullName}),c=e.inject(De,e.computed(()=>!1));return(s,u)=>(e.openBlock(),e.createBlock(js,{"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(c)}]),"is-mobile":e.unref(c),disabled:s.disabled},e.createSlots({button:e.withCtx(({trigger:p})=>[e.createElementVNode("button",e.mergeProps({class:"onyx-user-menu__trigger onyx-text",type:"button"},p),[e.createVNode($e,e.mergeProps(i.value,{size:"24px"}),null,16),e.createElementVNode("span",Zs,e.toDisplayString(o.fullName),1)],16)]),header:e.withCtx(()=>[e.createElementVNode("div",Ws,[e.createVNode($e,e.mergeProps(i.value,{size:"48px"}),null,16),e.createElementVNode("div",Ys,[e.createElementVNode("div",Js,e.toDisplayString(o.fullName),1),o.description?(e.openBlock(),e.createElementBlock("div",Xs,e.toDisplayString(o.description),1)):e.createCommentVNode("",!0)])])]),options:e.withCtx(()=>[e.createElementVNode("div",Qs,[e.renderSlot(s.$slots,"default")])]),_:2},[r.footer?{name:"footer",fn:e.withCtx(()=>[e.renderSlot(s.$slots,"footer")]),key:"0"}:void 0]),1032,["flyout-open","class","is-mobile","disabled"]))}}),Jo='<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>',ei='<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>',Xo='<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>',ti={class:"onyx-nav-bar__content"},oi={key:0,class:"onyx-nav-bar__mobile-page onyx-truncation-ellipsis"},ni={role:"menubar"},li={ref:"moreListRef"},ai={key:0,class:"onyx-nav-bar__mobile-context"},ri={key:0,class:"onyx-nav-bar__mobile-global-context"},si={class:"onyx-nav-bar__mobile-context-content"},ii={key:1,class:"onyx-nav-bar__context"},Qo=e.defineComponent({__name:"OnyxNavBar",props:{appName:{},logoUrl:{},withBackButton:{type:Boolean},appArea:{},mobile:{type:[Boolean,String,Number],default:"sm"}},emits:["navigateBack"],setup(n,{expose:t,emit:o}){const l=n,r=o,a=e.useSlots(),i=e.useTemplateRef("navBarRef"),{width:c}=re(i),{t:s}=w(),{currentRoute:u}=fe(),{elements:{nav:p}}=wa({navigationName:e.toRef(()=>l.appName)}),d=e.ref(!1),f=e.ref(!1),v=(g,x)=>x!==0&&x<g,m=e.computed(()=>typeof l.mobile=="number"?v(l.mobile,c.value):typeof l.mobile=="string"?v(Ge[l.mobile],c.value):l.mobile),y=e.useTemplateRef("moreListRef");e.provide(De,m),e.provide(Lt,y);const h=()=>{d.value=!1,f.value=!1};return e.watch(u,()=>h(),{deep:!0}),t({closeMobileMenus:h}),(g,x)=>(e.openBlock(),e.createElementBlock("header",{ref:"navBarRef",class:e.normalizeClass(["onyx-component onyx-nav-bar",{"onyx-nav-bar--mobile":m.value}])},[e.createElementVNode("div",ti,[m.value&&a.mobileActivePage&&!d.value&&!f.value?(e.openBlock(),e.createElementBlock("span",oi,[e.renderSlot(g.$slots,"mobileActivePage")])):l.appName||l.logoUrl||a.appArea?(e.openBlock(),e.createBlock(qo,e.mergeProps({key:1,class:"onyx-nav-bar__app","app-name":l.appName,"logo-url":l.logoUrl},l.appArea),{default:e.withCtx(()=>[e.renderSlot(g.$slots,"appArea")]),_:3},16,["app-name","logo-url"])):e.createCommentVNode("",!0),l.withBackButton?(e.openBlock(),e.createBlock(It,{key:2,class:"onyx-nav-bar__back",label:e.unref(s)("navigation.goBack"),icon:e.unref(Jo),color:"neutral",onClick:x[0]||(x[0]=_=>r("navigateBack",_))},null,8,["label","icon"])):e.createCommentVNode("",!0),a.default?(e.openBlock(),e.createElementBlock(e.Fragment,{key:3},[m.value?(e.openBlock(),e.createBlock(yt,{key:0,open:d.value,"onUpdate:open":[x[1]||(x[1]=_=>d.value=_),x[2]||(x[2]=_=>f.value=!1)],class:"onyx-nav-bar__burger",icon:e.unref(ei),label:e.unref(s)("navigation.toggleBurgerMenu"),headline:e.unref(s)("navigation.navigationHeadline")},{default:e.withCtx(()=>[e.createElementVNode("nav",e.mergeProps({class:"onyx-nav-bar__nav--mobile"},e.unref(p)),[e.createElementVNode("ul",ni,[e.renderSlot(g.$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(Go,{is:"ul",role:"menubar","injection-key":e.unref(Rt)},{default:e.withCtx(({attributes:_})=>[e.createElementVNode("div",e.normalizeProps(e.guardReactiveProps(_)),[e.renderSlot(g.$slots,"default")],16)]),more:e.withCtx(({attributes:_,hiddenElements:k})=>[e.createVNode(he,e.mergeProps({label:e.unref(s)("navigation.showMoreNavItemsLabel")},_),{button:e.withCtx(({trigger:b})=>[e.createVNode(ae,e.mergeProps(b,{label:e.unref(s)("navigation.moreNavItems",{n:k}),context:"navbar"}),null,16,["label"])]),options:e.withCtx(()=>[e.createElementVNode("div",li,null,512)]),_:2},1040,["label"])]),_:3},8,["injection-key"])],16))],64)):e.createCommentVNode("",!0),a.contextArea||a.globalContextArea?(e.openBlock(),e.createElementBlock(e.Fragment,{key:4},[m.value?(e.openBlock(),e.createElementBlock("div",ai,[a.globalContextArea?(e.openBlock(),e.createElementBlock("div",ri,[e.renderSlot(g.$slots,"globalContextArea")])):e.createCommentVNode("",!0),a.contextArea?(e.openBlock(),e.createBlock(yt,{key:1,open:f.value,"onUpdate:open":[x[3]||(x[3]=_=>f.value=_),x[4]||(x[4]=_=>d.value=!1)],icon:e.unref(Xo),label:e.unref(s)("navigation.toggleContextMenu")},{default:e.withCtx(()=>[e.createElementVNode("div",si,[e.renderSlot(g.$slots,"contextArea")])]),_:3},8,["open","icon","label"])):e.createCommentVNode("",!0)])):(e.openBlock(),e.createElementBlock("div",ii,[a.globalContextArea?e.renderSlot(g.$slots,"globalContextArea",{key:0}):e.createCommentVNode("",!0),a.contextArea?e.renderSlot(g.$slots,"contextArea",{key:1}):e.createCommentVNode("",!0)]))],64)):e.createCommentVNode("",!0)])],2))}}),ci=n=>{const{locale:t,t:o}=w(),l=e.computed(()=>new Intl.RelativeTimeFormat(t.value,e.unref(n.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(n.time)).getTime()-r.value;return Math.floor(d/1e3)}),c={year:60*60*24*365,month:60*60*24*30,week:60*60*24*7,day:60*60*24,hour:60*60,minute:60},s=e.computed(()=>Object.keys(c).find(p=>Math.abs(i.value)>=c[p]));return{timeAgo:e.computed(()=>{if(!s.value)return o.value("now");const p=i.value/c[s.value],d=p<0?Math.ceil(p):Math.floor(p);return l.value.format(d,s.value)})}},ui={class:"onyx-notification-card__content"},di={class:"onyx-notification-card__header"},pi={class:"onyx-notification-card__header-container"},mi={class:"onyx-notification-card__header-container"},fi={class:"onyx-notification-card__created-at onyx-text--small"},yi={class:"onyx-notification-card__description onyx-text onyx-truncation-multiline"},vi={key:0,class:"onyx-notification-card__actions onyx-density-compact"},hi=e.defineComponent({__name:"OnyxNotificationCard",props:{density:{},headline:{},createdAt:{},unread:{type:Boolean},icon:{}},setup(n){const t=n,o=e.useSlots(),{densityClass:l}=E(t),{d:r,t:a}=w(),{timeAgo:i}=ci({time:e.toRef(t,"createdAt"),options:{numeric:"auto"}});return(c,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["onyx-component","onyx-notification-card",e.unref(l)])},[e.createElementVNode("div",ui,[e.createElementVNode("div",null,[e.createElementVNode("div",di,[e.createElementVNode("div",pi,[t.icon?(e.openBlock(),e.createBlock(C,{key:0,class:"onyx-notification-card__icon",icon:t.icon},null,8,["icon"])):e.createCommentVNode("",!0),e.createVNode(ce,{is:"h3"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.headline),1)]),_:1})]),e.createElementVNode("div",mi,[t.unread?(e.openBlock(),e.createBlock(Te,{key:0,dot:""})):e.createCommentVNode("",!0),o.headerActions?(e.openBlock(),e.createBlock(he,{key:1,class:"onyx-notification-card__more-actions",label:e.unref(a)("notificationCard.moreActions"),trigger:"click",alignment:"right"},{button:e.withCtx(({trigger:u})=>[e.createVNode(Q,e.mergeProps(u,{label:e.unref(a)("notificationCard.toggleActions"),icon:e.unref(Xo)}),null,16,["label","icon"])]),options:e.withCtx(()=>[e.renderSlot(c.$slots,"headerActions")]),_:3},8,["label"])):e.createCommentVNode("",!0)])]),e.createElementVNode("div",fi,[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",yi,[e.renderSlot(c.$slots,"default")]),o.actions?(e.openBlock(),e.createElementBlock("div",vi,[e.renderSlot(c.$slots,"actions")])):e.createCommentVNode("",!0)])],2))}}),gi={class:"onyx-component onyx-notification-dot"},xi=e.defineComponent({__name:"OnyxNotificationDot",props:{hidden:{type:Boolean,default:!1},color:{default:"warning"}},setup(n){const t=n;return(o,l)=>(e.openBlock(),e.createElementBlock("div",gi,[e.renderSlot(o.$slots,"default"),t.hidden?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(Te,{key:0,class:"onyx-notification-dot__badge",color:t.color,dot:""},null,8,["color"]))]))}}),en='<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>',_i={class:"onyx-info-card__content"},ki={key:2,class:"onyx-info-card__description onyx-text--small"},bi={key:3,class:"onyx-info-card__buttons onyx-density-compact"},tn=e.defineComponent({__name:"OnyxInfoCard",props:{density:{},headline:{},color:{default:"info"},icon:{type:[String,Boolean],default:en},closable:{type:Boolean,default:!1}},emits:["close"],setup(n,{emit:t}){const o=n,l=t,r=e.useSlots(),{t:a}=w(),{densityClass:i}=E(o);return(c,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["onyx-component","onyx-info-card",`onyx-info-card--${o.color}`,e.unref(i)])},[o.icon?(e.openBlock(),e.createBlock(C,{key:0,class:"onyx-info-card__icon",icon:o.icon},null,8,["icon"])):e.createCommentVNode("",!0),e.createElementVNode("div",_i,[o.headline?(e.openBlock(),e.createBlock(ce,{key:0,is:"h3",class:"onyx-info-card__headline onyx-truncation-multiline"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.headline),1)]),_:1})):e.createCommentVNode("",!0),o.closable?(e.openBlock(),e.createBlock(Q,{key:1,class:"onyx-info-card__close",icon:e.unref(ie),label:e.unref(a)("close"),color:o.color==="neutral"?"soft":"medium",onClick:s[0]||(s[0]=u=>l("close"))},null,8,["icon","label","color"])):e.createCommentVNode("",!0),r.default?(e.openBlock(),e.createElementBlock("p",ki,[e.renderSlot(c.$slots,"default")])):e.createCommentVNode("",!0),r.buttons?(e.openBlock(),e.createElementBlock("div",bi,[e.renderSlot(c.$slots,"buttons")])):e.createCommentVNode("",!0)])],2))}}),on=e.defineComponent({__name:"OnyxNotificationMessage",props:{headline:{},duration:{default:8e3},icon:{}},emits:["close"],setup(n,{emit:t}){const o=n,l=t,r=e.useSlots();return(a,i)=>(e.openBlock(),e.createBlock(tn,{class:e.normalizeClass(["onyx-component onyx-notification-message",["onyx-component","onyx-notification-message",o.duration?"":"onyx-notification-message--permanent"]]),headline:o.headline,color:"neutral",icon:o.icon??!1,closable:"",tabindex:"0",style:e.normalizeStyle({animationDuration:o.duration?`${o.duration}ms`:void 0}),role:"status","aria-label":o.headline,onClose:i[0]||(i[0]=c=>l("close")),onAnimationend:i[1]||(i[1]=c=>l("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"]))}}),Dt=Symbol(),nn=()=>{let n=1;const t=e.ref([]),o=r=>{const a=n++;t.value.unshift({...r,id:a,onClose:()=>l(a)})},l=r=>{t.value=t.value.filter(a=>a.id!==r)};return{notifications:e.computed(()=>t.value),show:o,remove:l}},ln=()=>{const n=()=>{console.warn('Trying to use "useNotification()" before the notifications provider has been provided. Make sure to "provide" it first.')};return e.inject(Dt,()=>({notifications:e.computed(()=>[]),show:n,remove:n}),!0)},Bi={key:0,class:"onyx-component onyx-notifications",role:"presentation","aria-live":"polite",open:""},wi=e.defineComponent({__name:"OnyxNotifications",setup(n){const t=ln();return(o,l)=>e.unref(t).notifications.value.length?(e.openBlock(),e.createElementBlock("dialog",Bi,[(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(on,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,c=>(e.openBlock(),e.createBlock(me,e.mergeProps({key:c.label},{ref_for:!0},c),null,16))),128))]),key:"0"}:void 0]),1040)}),128))])):e.createCommentVNode("",!0)}}),Ci={key:0,class:"onyx-page__sidebar"},Ei={class:"onyx-page__main"},Vi={key:1,class:"onyx-grid-container"},Si={key:1,class:"onyx-page__sidebar onyx-page__sidebar--right"},Ni={key:2,class:"onyx-page__footer"},$i=e.defineComponent({__name:"OnyxPageLayout",props:{skeleton:{type:Boolean},footerAlignment:{default:"full"},noPadding:{type:Boolean}},setup(n){const t=n,o=e.useSlots();return Ke(t),(l,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["onyx-component onyx-page",["onyx-component","onyx-page",t.footerAlignment==="page"?"onyx-page--footer-page":""]])},[o.sidebar?(e.openBlock(),e.createElementBlock("div",Ci,[e.renderSlot(l.$slots,"sidebar")])):e.createCommentVNode("",!0),e.createElementVNode("main",Ei,[t.noPadding?e.renderSlot(l.$slots,"default",{key:0}):(e.openBlock(),e.createElementBlock("div",Vi,[e.renderSlot(l.$slots,"default")]))]),o.sidebarRight?(e.openBlock(),e.createElementBlock("div",Si,[e.renderSlot(l.$slots,"sidebarRight")])):e.createCommentVNode("",!0),o.footer?(e.openBlock(),e.createElementBlock("div",Ni,[e.renderSlot(l.$slots,"footer")])):e.createCommentVNode("",!0)],2))}}),an=n=>{const o=e.ref(!1),l=a=>{const i=a.target;if(!(i instanceof Element))return;const c=e.unref(n.offset)??0;o.value=Math.abs(i.scrollTop)+i.clientHeight>=i.scrollHeight-c-1};return{vScrollEnd:{mounted:a=>{e.watchEffect(()=>{var c;(((c=n.enabled)==null?void 0:c.value)??!0)&&!n.loading.value?a.addEventListener("scroll",l):a.removeEventListener("scroll",l)})}},isScrollEnd:o}},Mi='<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>',Ti=["id","readonly","placeholder","required","disabled","aria-label","title","value","autofocus"],Oi=["aria-label","title","disabled"],rn=e.defineComponent({inheritAttrs:!1,__name:"OnyxSelectInput",props:{disabled:{default:A},showError:{default:A},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:D},error:{},message:{},success:{},placeholder:{},modelValue:{},textMode:{},hideSuccessIcon:{type:Boolean,default:!1},showFocus:{type:Boolean}},emits:["inputClick","validityChange"],setup(n,{expose:t,emit:o}){const{rootAttrs:l,restAttrs:r}=j(),a=n,i=o,{t:c}=w(),{vCustomValidity:s,errorMessages:u}=ue({props:a,emit:i}),p=e.computed(()=>Y(a.success)),d=e.computed(()=>Y(a.message)),{disabled:f,showError:v}=W(a),m=P(a),y=Le(v),h=e.computed(()=>a.modelValue?a.modelValue.length:0),g=e.computed(()=>{var O;const N=(O=a.modelValue)==null?void 0:O.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 c.value("selections.currentSelection",{n:N})}}),x=e.ref(!1),{densityClass:_}=E(a),k=e.useTemplateRef("inputRef");t({input:k}),e.watch(()=>a.showFocus,(N,O)=>{x.value||O&&N===!1&&(x.value=!0)});const b=xo.concat(_o),$=N=>{b.includes(N.key)||N.preventDefault()};return oe(k,a),(N,O)=>e.unref(m)?(e.openBlock(),e.createElementBlock("div",e.mergeProps({key:0,class:["onyx-component","onyx-select-input-skeleton",e.unref(_)]},e.unref(l)),[a.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(R,{key:0,class:"onyx-select-input-skeleton__label"})),e.createVNode(R,{class:"onyx-select-input-skeleton__input"})],16)):(e.openBlock(),e.createElementBlock("div",e.mergeProps({key:1,class:["onyx-component","onyx-select-input",e.unref(_),e.unref(y),a.readonly?"onyx-select-input--readonly":"onyx-select-input--editable"]},e.unref(l)),[e.createVNode(Ve,e.mergeProps(a,{message:d.value,"success-messages":p.value,"error-messages":e.unref(u)}),{default:e.withCtx(({id:V})=>[e.createElementVNode("div",{class:"onyx-select-input__wrapper",onClick:O[0]||(O[0]=T=>!e.unref(f)&&!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:V,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":x.value}},e.unref(r),{type:"text",readonly:a.readonly,placeholder:a.placeholder,required:a.required,disabled:e.unref(f)||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:$}),null,16,Ti),[[e.unref(s)]]),a.textMode==="preview"&&h.value>0?(e.openBlock(),e.createBlock(we,{key:1,text:g.value,position:"bottom"},{default:e.withCtx(({trigger:T})=>[e.createVNode(Te,e.mergeProps({class:"onyx-select-input__badge"},T,{color:"neutral"}),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(h.value),1)]),_:2},1040)]),_:1},8,["text"])):e.createCommentVNode("",!0),e.createElementVNode("button",{class:"onyx-select-input__button",type:"button","aria-label":e.unref(c)("select.toggleDropDown"),title:e.unref(c)("select.toggleDropDown"),tabindex:"-1",disabled:e.unref(f)||a.readonly||a.loading},[e.createVNode(C,{icon:e.unref(Mi)},null,8,["icon"])],8,Oi),!a.hideSuccessIcon&&p.value?(e.openBlock(),e.createBlock(C,{key:2,class:"onyx-select-input__check-icon",icon:e.unref(Je),color:"success"},null,8,["icon"])):e.createCommentVNode("",!0)])]),_:1},16,["message","success-messages","error-messages"])],16))}}),Ii=["checked","aria-labelledby","disabled","indeterminate"],ht=e.defineComponent({__name:"OnyxSelectOption",props:{active:{type:Boolean,default:!1},density:{},multiple:{type:Boolean,default:!1},indeterminate:{type:Boolean},icon:{},truncation:{default:"ellipsis"}},setup(n){const t=n;return(o,l)=>(e.openBlock(),e.createBlock(Ye,e.mergeProps({class:"onyx-component onyx-select-option"},t,{checked:!!o.$attrs["aria-checked"],selected:!!o.$attrs["aria-selected"],disabled:!!o.$attrs["aria-disabled"]}),{default:e.withCtx(()=>[t.multiple?(e.openBlock(),e.createElementBlock("input",{key:0,checked:!!o.$attrs["aria-checked"],"aria-labelledby":o.$attrs.id,disabled:!!o.$attrs["aria-disabled"],indeterminate:t.indeterminate,"aria-hidden":"true",tabindex:"-1",class:"onyx-select-option__checkbox",type:"checkbox"},null,8,Ii)):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(o.$slots,"default")],2)]),_:3},16,["checked","selected","disabled"]))}}),Ai={ref:"selectRef",class:"onyx-component onyx-select-wrapper"},Ri={class:"onyx-select__wrapper",tabindex:"-1"},Li={key:0,role:"group",class:"onyx-select__group"},Di={role:"option","aria-selected":"false"},Pi={key:0,role:"presentation",class:"onyx-select__group-name onyx-text--small"},zi={key:1,class:"onyx-select__slot"},Fi={key:2,class:"onyx-select__slot"},Hi={key:0,class:"onyx-select__description onyx-text--small"},Pt=e.defineComponent({__name:"OnyxSelect",props:{density:{},showError:{default:A},requiredMarker:{default:A},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:D},error:{},message:{},success:{},placeholder:{},textMode:{},hideSuccessIcon:{type:Boolean},truncation:{default:"ellipsis"},noFilter:{type:Boolean,default:!1},withSearch:{type:Boolean},multiple:{},withCheckAll:{},disabled:{default:A},valueLabel:{default:void 0},alignment:{default:"full"},listLabel:{},listDescription:{},options:{},lazyLoading:{},keepSelectionOrder:{type:Boolean,default:!1},modelValue:{default:void 0},open:{default:void 0},searchTerm:{}},emits:["lazyLoad","validityChange","update:searchTerm","update:modelValue","update:open"],setup(n,{expose:t,emit:o}){const l=n,r=o,a=e.useSlots(),{t:i}=w(),{densityClass:c}=E(l),s=F({props:l,emit:r,key:"modelValue"}),u=F({props:l,emit:r,key:"searchTerm",default:""}),p=F({props:l,emit:r,key:"open",default:!1}),d=e.useTemplateRef("selectRef"),{openDirection:f,updateOpenDirection:v}=bt(d),m=e.ref(),y=e.computed(()=>s.value===void 0?[]:l.multiple&&Array.isArray(s.value)?s.value:[s.value]),h=e.computed(()=>l.valueLabel!==void 0?Array.isArray(l.valueLabel)?l.valueLabel:[l.valueLabel]:y.value.reduce((B,L)=>{var K;const z=(K=l.options.find(({value:G})=>G===L))==null?void 0:K.label;return z&&B.push(z),B},[])),g=e.useTemplateRef("miniSearchRef"),x=e.useTemplateRef("selectInputRef"),_=e.computed(()=>l.noFilter||!u.value?l.options:l.options.filter(({label:B})=>ao(B,u.value)));e.watch(y,()=>{l.multiple||(m.value=y.value.at(0))},{immediate:!0});const k=e.useId(),b=e.computed(()=>(l.multiple&&l.withCheckAll&&!u.value?[k]:[]).concat(Gt.value)),$=async B=>{var K,G,ee;const L=Zt(Ut(),"group");if(l.keepSelectionOrder?Ne.value=Ue(L):Ne.value=Ue(L,i.value("selections.selectGroup")),l.readonly){p.value=!1;return}const z=p.value;p.value=!z,await e.nextTick(),p.value&&v(),z!==p.value&&(z?(u.value&&(u.value=""),B||(G=(K=x.value)==null?void 0:K.input)==null||G.focus()):(ee=g.value)==null||ee.focus())},N=()=>m.value=b.value.at(0),O=()=>m.value=b.value.at(-1),V=B=>{const L=b.value.findIndex(z=>z===B);L<b.value.length-1&&(m.value=b.value[L+1])},T=B=>{const L=b.value.findIndex(z=>z===B);L>0&&(m.value=b.value[L-1])},I=B=>{const L=_.value.find(z=>z.label.toLowerCase().trim().startsWith(B.toLowerCase()));L&&(m.value=L.value)},M=B=>u.value=B,Z=B=>{var K;if(B===k){(K=Fe.value)==null||K.handleChange(!Fe.value.state.value.modelValue);return}if(!_.value.find(({value:G})=>G===B))return;if(!l.multiple){s.value=B;return}y.value.some(G=>G===B)?s.value=y.value.filter(G=>G!==B):s.value=[...y.value,B]},S=e.computed(()=>l.withSearch?"list":"none"),{label:le,listLabel:H,listDescription:ge,multiple:Pe}=e.toRefs(l),{elements:{input:Se,option:U,group:xe,listbox:ze}}=ka({autocomplete:S,label:le,listLabel:H,listDescription:ge,multiple:Pe,activeOption:e.computed(()=>m.value),isExpanded:p,templateRef:d,onToggle:$,onActivateFirst:N,onActivateLast:O,onActivateNext:V,onActivatePrevious:T,onTypeAhead:I,onAutocomplete:M,onSelect:Z}),Ut=()=>{if(l.keepSelectionOrder||!s.value||!Array.isArray(s.value)||s.value.length==0)return _.value;const B=new Set(s.value);return _.value.map(L=>({...L,group:B.has(L.value)?i.value("selections.selectGroup"):L.group}))},Ne=e.ref(),{vScrollEnd:vn,isScrollEnd:hn}=an({enabled:e.computed(()=>{var B;return((B=l.lazyLoading)==null?void 0:B.enabled)??!1}),loading:e.computed(()=>l.loading),offset:e.computed(()=>{var B;return(B=l.lazyLoading)==null?void 0:B.scrollOffset})}),Xe=e.computed(()=>{if(!_.value.length)return l.withSearch&&u.value?i.value("select.noMatch"):i.value("select.empty")}),Gt=e.computed(()=>_.value.filter(B=>!B.disabled).map(({value:B})=>B)),Fe=e.computed(()=>{if(!(!l.multiple||!l.withCheckAll))return Co(Gt,y,B=>{const L=B.map(z=>{var K;return(K=l.options.find(({value:G})=>G===z))==null?void 0:K.value}).filter(z=>z!=null);s.value=L})}),Qe=e.computed(()=>{var L;if(!l.multiple)return"";const B=i.value("selections.selectAll");return typeof l.withCheckAll=="boolean"?B:((L=l.withCheckAll)==null?void 0:L.label)??B});e.watchEffect(()=>{hn.value&&r("lazyLoad")});const gn=e.computed(()=>{const B={...l,open:void 0,modelValue:h.value};return l.withSearch?{...B,onKeydown:Se.value.onKeydown}:{...B,...Se.value}});return t({input:e.computed(()=>{var B;return(B=x.value)==null?void 0:B.input})}),e.watch([_],()=>{const B=Zt(Ut(),"group");l.keepSelectionOrder?Ne.value=Ue(B):Ne.value=Ue(B,i.value("selections.selectGroup"))},{deep:!0,immediate:!0}),(B,L)=>(e.openBlock(),e.createElementBlock("div",Ai,[e.createVNode(Vt,{class:e.normalizeClass(e.unref(c)),label:l.listLabel,position:e.unref(f),alignment:l.alignment==="full"?"center":l.alignment,"fit-parent":l.alignment==="full",open:e.unref(p)},{default:e.withCtx(()=>[e.createVNode(rn,e.mergeProps({ref:"selectInputRef"},gn.value,{"show-focus":e.unref(p),autofocus:l.autofocus,onInputClick:$,onValidityChange:L[0]||(L[0]=z=>r("validityChange",z))}),null,16,["show-focus","autofocus"])]),content:e.withCtx(()=>{var z,K,G;return[e.withDirectives((e.openBlock(),e.createElementBlock("div",Ri,[l.withSearch?(e.openBlock(),e.createBlock(Mt,e.mergeProps({key:0,ref:"miniSearchRef",autofocus:"","model-value":e.unref(u)},e.unref(Se),{label:e.unref(i)("select.searchInputLabel"),class:"onyx-select__search",onClear:L[1]||(L[1]=ee=>u.value="")}),null,16,["model-value","label"])):e.createCommentVNode("",!0),e.createElementVNode("div",e.normalizeProps(e.guardReactiveProps(e.unref(ze))),[Xe.value?(e.openBlock(),e.createElementBlock("ul",Li,[e.createElementVNode("li",Di,[e.renderSlot(B.$slots,"empty",{defaultMessage:Xe.value},()=>[e.createVNode(Ct,{density:l.density},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(Xe.value),1)]),_:1},8,["density"])])])])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[l.multiple&&l.withCheckAll&&!e.unref(u)?(e.openBlock(),e.createElementBlock("ul",e.mergeProps({key:0,class:"onyx-select__check-all"},e.unref(xe)({label:Qe.value})),[e.createVNode(ht,e.mergeProps(e.unref(U)({value:e.unref(k),label:Qe.value,selected:(z=Fe.value)==null?void 0:z.state.value.modelValue}),{multiple:"",active:e.unref(k)===m.value,indeterminate:(K=Fe.value)==null?void 0:K.state.value.indeterminate,density:l.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(Ne.value,ee=>(e.openBlock(),e.createElementBlock("ul",e.mergeProps({key:ee.name,class:"onyx-select__group"},{ref_for:!0},e.unref(xe)({label:ee.name})),[ee.name!==""?(e.openBlock(),e.createElementBlock("li",Pi,e.toDisplayString(ee.name),1)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(ee.items,X=>(e.openBlock(),e.createBlock(ht,e.mergeProps({key:X.value.toString()},{ref_for:!0},e.unref(U)({value:X.value,label:X.label,disabled:X.disabled,selected:y.value.some(xn=>xn===X.value)}),{multiple:l.multiple,active:X.value===m.value,icon:X.icon,density:l.density,truncation:X.truncation??l.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),(G=l.lazyLoading)!=null&&G.loading?(e.openBlock(),e.createElementBlock("div",zi,[e.createVNode(J,{class:"onyx-select__loading"})])):e.createCommentVNode("",!0),a.optionsEnd?(e.openBlock(),e.createElementBlock("div",Fi,[e.renderSlot(B.$slots,"optionsEnd")])):e.createCommentVNode("",!0)])),[[e.unref(vn)]]),l.listDescription?(e.openBlock(),e.createElementBlock("div",Hi,e.toDisplayString(l.listDescription),1)):e.createCommentVNode("",!0)]}),_:3},8,["class","label","position","alignment","fit-parent","open"])],512))}}),Ui=["aria-label"],Gi={class:"onyx-pagination__count"},qi=["aria-label","disabled"],Ki=["aria-label","disabled"],ji=e.defineComponent({__name:"OnyxSelectPagination",props:{density:{},modelValue:{},pages:{},disabled:{type:Boolean},skeleton:{type:[Symbol,Boolean,Number],default:D}},emits:["update:modelValue"],setup(n,{emit:t}){const o=n,l=t,{t:r}=w(),{densityClass:a}=E(o),i=P(o),c=e.computed(()=>Array.from({length:o.pages},(p,d)=>{const f=d+1;return{label:f.toString(),value:f}})),s=e.computed(()=>o.modelValue<=1),u=e.computed(()=>o.modelValue>=o.pages);return(p,d)=>e.unref(i)?(e.openBlock(),e.createBlock(R,{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":o.modelValue.toString().length})},[e.createVNode(Pt,{class:"onyx-pagination__select",label:e.unref(r)("pagination.select.label"),"list-label":e.unref(r)("pagination.select.listLabel"),options:c.value,"model-value":o.modelValue,"value-label":o.modelValue.toString(),"hide-label":"",disabled:o.disabled||o.pages<=1,alignment:"left","with-search":"","onUpdate:modelValue":d[0]||(d[0]=f=>l("update:modelValue",f))},null,8,["label","list-label","options","model-value","value-label","disabled"]),e.createElementVNode("div",Gi,e.toDisplayString(e.unref(r)("pagination.ofPages",{n:o.pages})),1),e.createElementVNode("button",{class:"onyx-pagination__button","aria-label":e.unref(r)("pagination.previous"),type:"button",disabled:o.disabled||s.value,onClick:d[1]||(d[1]=f=>l("update:modelValue",o.modelValue-1))},[e.createVNode(C,{icon:e.unref(Jo)},null,8,["icon"])],8,qi),e.createElementVNode("button",{class:"onyx-pagination__button","aria-label":e.unref(r)("pagination.next"),type:"button",disabled:o.disabled||u.value,onClick:d[2]||(d[2]=f=>l("update:modelValue",o.modelValue+1))},[e.createVNode(C,{icon:e.unref(Do)},null,8,["icon"])],8,Ki)],14,Ui))}}),sn=e.defineComponent({__name:"OnyxPagination",props:{density:{},modelValue:{},pages:{},disabled:{type:Boolean,default:!1},skeleton:{type:[Symbol,Boolean,Number],default:D}},emits:["update:modelValue"],setup(n,{emit:t}){const o=n,l=t;return(r,a)=>(e.openBlock(),e.createBlock(ji,e.mergeProps(o,{"onUpdate:modelValue":a[0]||(a[0]=i=>l("update:modelValue",i))}),null,16))}}),Zi=["required","name","value","checked","disabled","autofocus"],gt=e.defineComponent({inheritAttrs:!1,__name:"OnyxRadioButton",props:{disabled:{default:A},showError:{},autofocus:{type:Boolean},required:{type:Boolean,default:!1},density:{},customError:{},value:{},label:{},loading:{type:Boolean,default:!1},skeleton:{type:[Symbol,Boolean,Number],default:D},truncation:{default:"ellipsis"},name:{},checked:{type:Boolean,default:!1}},emits:["validityChange"],setup(n,{expose:t,emit:o}){const l=n,r=o,{rootAttrs:a,restAttrs:i}=j(),{vCustomValidity:c,errorMessages:s}=ue({props:l,emit:r}),{densityClass:u}=E(l),{disabled:p}=W(l),d=P(l),f=e.useTemplateRef("inputRef");return t({input:f}),oe(f,l),(v,m)=>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(R,{class:"onyx-radio-button-skeleton__input"}),e.createVNode(R,{class:"onyx-radio-button-skeleton__label"})],16)):(e.openBlock(),e.createBlock(wt,e.mergeProps({key:1,disabled:e.unref(p),"error-messages":e.unref(s)},e.unref(a)),{default:e.withCtx(()=>[e.createElementVNode("label",{class:e.normalizeClass(["onyx-component","onyx-radio-button",e.unref(u)])},[l.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:l.required,name:l.name,value:l.value,checked:l.checked,disabled:e.unref(p),autofocus:l.autofocus},e.unref(i)),null,16,Zi)),[[e.unref(c)]]),e.createElementVNode("span",{class:e.normalizeClass(["onyx-radio-button__label",[`onyx-truncation-${l.truncation}`]])},e.toDisplayString(l.label),3)],2)]),_:1},16,["disabled","error-messages"]))}}),Wi=["disabled","aria-label"],Yi={key:0,class:"onyx-radio-group__label"},cn=e.defineComponent({__name:"OnyxRadioGroup",props:{truncation:{default:"ellipsis"},skeleton:{type:[Symbol,Boolean,Number],default:D},label:{},labelTooltip:{},hideLabel:{type:Boolean},name:{default:()=>e.useId()},density:{},customError:{},required:{type:Boolean,default:!1},requiredMarker:{default:A},disabled:{default:A},options:{},modelValue:{},direction:{default:"vertical"}},emits:["validityChange","update:modelValue"],setup(n,{expose:t,emit:o}){const l=n,{densityClass:r}=E(l),{disabled:a,requiredMarker:i}=W(l),{requiredMarkerClass:c,requiredTypeClass:s}=We(l,i),u=P(l),p=o,d=F({props:l,emit:p,key:"modelValue"}),f=(m,y)=>{m&&(d.value=y)},v=e.useTemplateRef("radiobuttonsRef");return t({inputs:e.computed(()=>(Array.isArray(v.value)?v.value:[v.value]).flatMap(y=>y==null?void 0:y.input).filter(y=>!!y))}),(m,y)=>(e.openBlock(),e.createElementBlock("fieldset",{class:e.normalizeClass(["onyx-component","onyx-radio-group",e.unref(r),e.unref(s)]),disabled:e.unref(a),role:"radiogroup","aria-label":l.label},[l.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("legend",Yi,[e.createVNode(ce,{is:"h3",class:e.normalizeClass(e.unref(c))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(l.label),1)]),_:1},8,["class"]),l.labelTooltip?(e.openBlock(),e.createBlock(Ie,{key:0,open:"hover",text:l.labelTooltip},null,8,["text"])):e.createCommentVNode("",!0)])),e.createElementVNode("div",{class:e.normalizeClass(["onyx-radio-group__content",{"onyx-radio-group__content--horizontal":l.direction==="horizontal"}])},[e.unref(u)?typeof e.unref(u)=="number"?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(e.unref(u),h=>(e.openBlock(),e.createBlock(gt,{id:`skeleton-${h}`,key:h,value:`skeleton-${h}`,label:"Skeleton ${i}",name:l.name,skeleton:""},null,8,["id","value","name"]))),128)):e.createCommentVNode("",!0):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(l.options,(h,g)=>(e.openBlock(),e.createBlock(gt,e.mergeProps({key:h.value.toString()},{ref_for:!0},h,{ref_for:!0,ref:"radiobuttonsRef",name:l.name,"custom-error":l.customError,checked:h.value===e.unref(d),required:l.required,truncation:h.truncation??l.truncation,onValidityChange:x=>g===0&&p("validityChange",x),onChange:x=>f(x,h.value)}),null,16,["name","custom-error","checked","required","truncation","onValidityChange","onChange"]))),128))],2)],10,Wi))}}),Ji=["_self","_blank","_parent","_top"],Xi=["full","left","right"],Qi=["summary","preview"],ec=e.defineComponent({__name:"OnyxSidebarItem",props:{density:{},link:{},active:{type:[Boolean,String],default:"auto"}},setup(n){const t=n,{densityClass:o}=E(t),{isActive:l}=fe(),r=e.computed(()=>typeof t.active=="boolean"?t.active:l.value(t.link)),a=e.computed(()=>t.link?Ce(t.link):void 0),i=e.computed(()=>["onyx-component","onyx-sidebar-item",o.value,r.value?"onyx-sidebar-item--active":""]);return(c,s)=>a.value?(e.openBlock(),e.createBlock(ve,e.mergeProps({key:0,class:i.value},a.value),{default:e.withCtx(()=>[e.renderSlot(c.$slots,"default")]),_:3},16,["class"])):(e.openBlock(),e.createElementBlock("button",{key:1,class:e.normalizeClass(i.value),type:"button"},[e.renderSlot(c.$slots,"default")],2))}}),tc=["aria-label"],oc={key:0,class:"onyx-sidebar__header"},nc={class:"onyx-sidebar__body"},lc={key:1,class:"onyx-sidebar__footer"},ac={class:"onyx-sidebar__footer"},rc=e.defineComponent({__name:"OnyxSidebar",props:{density:{},label:{},drawer:{},resizable:{type:Boolean},alignment:{default:"left"}},emits:["close"],setup(n,{emit:t}){const o=n,l=t,r=e.useSlots(),{densityClass:a}=E(o),i=e.useTemplateRef("sidebarRef"),c=e.useTemplateRef("drawerRef"),s=e.ref(),u=e.computed(()=>{if(s.value)return{"--onyx-sidebar-width":`${s.value}px`}}),p=e.computed(()=>({onUpdateWidth:d=>s.value=d,onAutoSize:()=>s.value=void 0,alignment:o.alignment==="left"?"right":"left"}));return(d,f)=>o.drawer?(e.openBlock(),e.createBlock(Fo,e.mergeProps({key:1},o.drawer,{ref:"drawerRef",label:o.label,density:o.density,class:"onyx-sidebar",style:u.value,alignment:o.alignment,onClose:f[0]||(f[0]=v=>l("close"))}),e.createSlots({default:e.withCtx(()=>[e.renderSlot(d.$slots,"default"),o.resizable?(e.openBlock(),e.createBlock(mt,e.mergeProps({key:0,element:c.value},p.value),null,16,["element"])):e.createCommentVNode("",!0)]),_:2},[r.header?{name:"headline",fn:e.withCtx(()=>[e.renderSlot(d.$slots,"header")]),key:"0"}:void 0,r.description?{name:"description",fn:e.withCtx(()=>[e.renderSlot(d.$slots,"description")]),key:"1"}:void 0,r.footer?{name:"footer",fn:e.withCtx(()=>[e.createElementVNode("div",ac,[e.renderSlot(d.$slots,"footer")])]),key:"2"}:void 0]),1040,["label","density","style","alignment"])):(e.openBlock(),e.createElementBlock("aside",{key:0,ref:"sidebarRef",class:e.normalizeClass(["onyx-component","onyx-sidebar",e.unref(a),o.alignment==="right"?"onyx-sidebar--right":""]),"aria-label":o.label,style:e.normalizeStyle(u.value)},[r.header?(e.openBlock(),e.createElementBlock("header",oc,[e.renderSlot(d.$slots,"header")])):e.createCommentVNode("",!0),e.createElementVNode("div",nc,[e.renderSlot(d.$slots,"default")]),r.footer?(e.openBlock(),e.createElementBlock("footer",lc,[e.renderSlot(d.$slots,"footer")])):e.createCommentVNode("",!0),o.resizable?(e.openBlock(),e.createBlock(mt,e.mergeProps({key:2,element:i.value},p.value),null,16,["element"])):e.createCommentVNode("",!0)],14,tc))}}),sc=["left","right"],ic='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 11.25h18v1.5H3z"/></svg>',cc='<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>',uc=(n,t,o)=>{const l=t??-1/0,r=o??1/0;return Math.min(Math.max(n,l),r)},dc=(n,t)=>{if(n==null)return"";if(t>=0)return n.toFixed(t);const o=Math.pow(10,t);return(Math.round(n*o)/o).toString()},pc=["Ki","Mi","Gi","Ti","Pi","Ei","Zi","Yi","Ri","Qi"],mc=n=>{const t=n.substring(n.length-3,n.length-1),o=pc.indexOf(t)+1;return+n.substring(0,n.length-3)*1024**o},fc=(n,t)=>{const o=["byte","kilobyte","megabyte","gigabyte","terabyte","petabyte"];let l=t==0?0:Math.floor(Math.log(t)/Math.log(1024));l=Math.min(l,o.length-1);const r=t/Math.pow(1024,l),a=o[l];return new Intl.NumberFormat(n,{style:"unit",unit:a,unitDisplay:"narrow"}).format(r)},yc={class:"onyx-stepper__wrapper"},vc=["disabled","aria-label"],hc=["aria-label","autofocus","disabled","min","max","name","placeholder","readonly","required","step","title"],gc=["disabled","aria-label"],un=e.defineComponent({inheritAttrs:!1,__name:"OnyxStepper",props:{disabled:{default:A},showError:{default:A},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:D},error:{},message:{},success:{},placeholder:{},min:{},max:{},stepSize:{default:1},precision:{},validStepSize:{},autocomplete:{},hideButtons:{type:Boolean,default:!1},modelValue:{}},emits:["validityChange","update:modelValue"],setup(n,{expose:t,emit:o}){const l=n,r=o,{t:a}=w(),i=e.useTemplateRef("inputRef"),{disabled:c,showError:s}=W(l),u=P(l),p=Le(s),{densityClass:d}=E(l),{vCustomValidity:f,errorMessages:v}=ue({props:l,emit:r}),m=e.computed(()=>Y(l.success)),y=e.computed(()=>Y(l.message)),{rootAttrs:h,restAttrs:g}=j(),x=e.ref(!1),_=F({props:l,emit:r,key:"modelValue"}),k=e.ref(),b=e.computed(()=>T=>l.precision!==void 0&&T!=null?dc(T,l.precision):(T==null?void 0:T.toString())??"");e.watchEffect(()=>{k.value=b.value(_.value)});const $=T=>{x.value=!0;const I=_.value||0,M=(T==="stepUp"?1:-1)*l.stepSize,Z=parseFloat(b.value(I+M));_.value=uc(Z,l.min,l.max)},N=()=>{if(x.value=!0,k.value==null){_.value=void 0;return}k.value=b.value(parseFloat(k.value)),_.value=parseFloat(k.value)},O=e.computed(()=>a.value("stepper.increment",{stepSize:l.stepSize})),V=e.computed(()=>a.value("stepper.decrement",{stepSize:l.stepSize}));return t({input:i}),oe(i,l),(T,I)=>e.unref(u)?(e.openBlock(),e.createElementBlock("div",e.mergeProps({key:0,class:["onyx-component","onyx-stepper-skeleton",e.unref(d)]},e.unref(h)),[l.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(R,{key:0,class:"onyx-stepper-skeleton__label"})),e.createVNode(R,{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(h)),[e.createVNode(Ve,e.mergeProps(l,{message:y.value,"success-messages":m.value,"error-messages":e.unref(v)}),{default:e.withCtx(()=>[e.createElementVNode("div",yc,[l.hideButtons?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("button",{key:0,type:"button",class:"onyx-stepper__counter",disabled:e.unref(c)||T.readonly||l.loading||l.min!==void 0&&e.unref(_)!==void 0&&e.unref(_)!==null&&e.unref(_)<=l.min,"aria-label":V.value,tabindex:"-1",onClick:I[0]||(I[0]=M=>$("stepDown"))},[e.createVNode(C,{icon:e.unref(ic)},null,8,["icon"])],8,vc)),l.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":I[1]||(I[1]=M=>k.value=M),class:["onyx-stepper__native",{"onyx-stepper__native--touched":x.value}],type:"number","aria-label":l.label,autofocus:l.autofocus,disabled:e.unref(c)||l.loading,min:l.min,max:l.max,name:l.name,placeholder:l.placeholder,readonly:l.readonly,required:l.required,step:l.validStepSize??"any",title:l.hideLabel?l.label:void 0},e.unref(g),{onChange:N,onKeydown:[I[2]||(I[2]=e.withKeys(e.withModifiers(M=>$("stepUp"),["prevent"]),["up"])),I[3]||(I[3]=e.withKeys(e.withModifiers(M=>$("stepDown"),["prevent"]),["down"]))]}),null,16,hc)),[[e.vModelText,k.value],[e.unref(f)]]),l.hideButtons?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("button",{key:3,type:"button",class:"onyx-stepper__counter",disabled:e.unref(c)||T.readonly||l.loading||l.max!==void 0&&e.unref(_)!==void 0&&e.unref(_)!==null&&e.unref(_)>=l.max,"aria-label":O.value,tabindex:"-1",onClick:I[4]||(I[4]=M=>$("stepUp"))},[e.createVNode(C,{icon:e.unref(cc)},null,8,["icon"])],8,gc))])]),_:1},16,["message","success-messages","error-messages"])],16))}}),xc={class:"onyx-switch-skeleton__click-area"},_c=["title"],kc=["aria-label","disabled","required","autofocus"],bc={class:"onyx-switch__click-area"},Bc={class:"onyx-switch__container"},wc={class:"onyx-switch__icon"},dn=e.defineComponent({inheritAttrs:!1,__name:"OnyxSwitch",props:{disabled:{default:A},showError:{},requiredMarker:{default:A},autofocus:{type:Boolean},required:{type:Boolean},density:{},customError:{},label:{},hideLabel:{type:Boolean},loading:{type:Boolean,default:!1},skeleton:{type:[Symbol,Boolean,Number],default:D},truncation:{default:"ellipsis"},modelValue:{default:void 0}},emits:["update:modelValue","validityChange"],setup(n,{expose:t,emit:o}){const l=n,r=o,{rootAttrs:a,restAttrs:i}=j(),{densityClass:c}=E(l),{disabled:s,showError:u,requiredMarker:p}=W(l),{requiredMarkerClass:d,requiredTypeClass:f}=We(l,p),{vCustomValidity:v,errorMessages:m}=ue({props:l,emit:r}),y=e.computed(()=>u.value!==!1?m.value:void 0),h=e.computed(()=>l.hideLabel&&l.label||void 0),g=P(l),x=F({props:l,emit:r,key:"modelValue",default:!1}),_=e.useTemplateRef("inputRef");return t({input:_}),oe(_,l),(k,b)=>e.unref(g)?(e.openBlock(),e.createElementBlock("div",e.mergeProps({key:0,class:["onyx-component","onyx-switch-skeleton",e.unref(c)]},e.unref(a)),[e.createElementVNode("span",xc,[e.createVNode(R,{class:"onyx-switch-skeleton__input"})]),l.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(R,{key:0,class:"onyx-switch-skeleton__label"}))],16)):(e.openBlock(),e.createBlock(wt,e.mergeProps({key:1,disabled:e.unref(s),"error-messages":y.value},e.unref(a)),{default:e.withCtx(()=>[e.createElementVNode("label",{class:e.normalizeClass(["onyx-component onyx-switch",[e.unref(f),e.unref(c)]]),title:h.value},[e.withDirectives(e.createElementVNode("input",e.mergeProps({ref:"inputRef","onUpdate:modelValue":b[0]||(b[0]=$=>e.isRef(x)?x.value=$:null),type:"checkbox",role:"switch",class:{"onyx-switch__input":!0,"onyx-switch__loading":l.loading},"aria-label":l.hideLabel?l.label:void 0,disabled:e.unref(s)||l.loading,required:l.required,autofocus:l.autofocus},e.unref(i)),null,16,kc),[[e.vModelCheckbox,e.unref(x)],[e.unref(v)]]),e.createElementVNode("span",bc,[e.createElementVNode("span",Bc,[e.createElementVNode("span",wc,[l.loading?(e.openBlock(),e.createBlock(J,{key:0,class:"onyx-switch__spinner",type:"circle"})):(e.openBlock(),e.createBlock(C,{key:1,icon:e.unref(x)?e.unref(Je):e.unref(ie)},null,8,["icon"]))]),b[1]||(b[1]=e.createElementVNode("div",{class:"onyx-switch__frame"},null,-1))])]),l.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(["onyx-switch__label",[`onyx-truncation-${l.truncation}`,l.truncation==="multiline"?e.unref(d):void 0]])},e.toDisplayString(l.label),3)),!l.hideLabel&&l.truncation==="ellipsis"?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["onyx-switch__marker",[e.unref(d)]])},null,2)):e.createCommentVNode("",!0)],10,_c)]),_:1},16,["disabled","error-messages"]))}}),Cc=["intense","soft","medium"],zt=Symbol(),Ec=["disabled"],Vc={class:"onyx-tab__label"},Sc=e.defineComponent({__name:"OnyxTab",props:{density:{},value:{},label:{},disabled:{type:Boolean,default:!1},skeleton:{type:[Symbol,Boolean,Number],default:D}},setup(n){const t=n,{densityClass:o}=E(t),l=e.inject(zt),r=P(t),a=e.computed(()=>`onyx-tab--${l==null?void 0:l.size.value}`),i=e.computed(()=>l==null?void 0:l.headless.elements.tab.value({value:t.value,disabled:t.disabled||!!r.value}));return(c,s)=>{var u,p,d,f,v;return e.openBlock(),e.createElementBlock(e.Fragment,null,[e.unref(r)?(e.openBlock(),e.createBlock(R,e.mergeProps({key:0,class:["onyx-tab-skeleton",e.unref(o),a.value]},i.value),null,16,["class"])):(e.openBlock(),e.createElementBlock("button",e.mergeProps({key:1,class:["onyx-component","onyx-tab",e.unref(o),a.value,(u=i.value)!=null&&u["aria-selected"]?"onyx-tab--selected":""]},i.value,{type:"button",disabled:t.disabled}),[e.createElementVNode("div",Vc,[e.renderSlot(c.$slots,"tab",{},()=>[e.createTextVNode(e.toDisplayString(t.label),1)])])],16,Ec)),(p=e.unref(l))!=null&&p.panel.value?(e.openBlock(),e.createBlock(e.Teleport,{key:2,to:(d=e.unref(l))==null?void 0:d.panel.value,defer:""},[(f=i.value)!=null&&f["aria-selected"]?(e.openBlock(),e.createElementBlock("div",e.mergeProps({key:0},(v=e.unref(l))==null?void 0:v.headless.elements.tabpanel.value({value:t.value}),{class:"onyx-tab__panel"}),[e.renderSlot(c.$slots,"default")],16)):e.createCommentVNode("",!0)],8,["to"])):e.createCommentVNode("",!0)],64)}}}),Nc=e.defineComponent({__name:"OnyxTabs",props:{density:{},skeleton:{type:Boolean},label:{},modelValue:{},stretched:{type:Boolean},size:{default:"h2"}},emits:["update:modelValue"],setup(n,{emit:t}){const o=n,l=t,{densityClass:r}=E(o),a=F({props:o,emit:l,key:"modelValue"}),i=Ca({label:e.toRef(o,"label"),selectedTab:e.toRef(()=>a.value),onSelect:s=>a.value=s}),c=e.useTemplateRef("panelRef");return Ke(o),e.provide(zt,{headless:i,panel:c,size:e.toRef(o,"size")}),(s,u)=>(e.openBlock(),e.createElementBlock("div",{ref:"panelRef",class:e.normalizeClass(["onyx-component","onyx-tabs",e.unref(r),o.stretched?"onyx-tabs--stretched":""])},[e.createElementVNode("div",e.mergeProps(e.unref(i).elements.tablist.value,{class:"onyx-tabs__tablist"}),[e.renderSlot(s.$slots,"default")],16)],2))}}),$c={class:"onyx-text onyx-truncation-ellipsis"},Mc={class:"onyx-text onyx-truncation-ellipsis"},pe=e.defineComponent({__name:"OnyxTag",props:{density:{},label:{},color:{default:"neutral"},icon:{},clickable:{},skeleton:{type:[Symbol,Boolean,Number],default:D}},setup(n){const t=n,{densityClass:o}=E(t),l=P(t),r=e.computed(()=>["onyx-component","onyx-tag",`onyx-tag--${t.color}`,{"onyx-tag--interactive":t.clickable},o.value]);return(a,i)=>e.unref(l)?(e.openBlock(),e.createBlock(R,{key:0,class:e.normalizeClass(["onyx-tag-skeleton",e.unref(o)])},null,8,["class"])):t.clickable?(e.openBlock(),e.createBlock(we,{key:1,text:typeof t.clickable=="object"?t.clickable.label:t.clickable},{default:e.withCtx(({trigger:c})=>[e.createElementVNode("button",e.mergeProps(c,{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",$c,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",Mc,e.toDisplayString(t.label),1)],2))}}),Tc={},Oc={class:"onyx-component onyx-error-svg",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1119.60911 699","xmlns:xlink":"http://www.w3.org/1999/xlink","aria-hidden":"true"};function Ic(n,t){return e.openBlock(),e.createElementBlock("svg",Oc,t[0]||(t[0]=[e.createStaticVNode('<circle cx="292.60911" cy="213" r="213" fill="var(--onyx-error-svg-background-color-circle)"></circle><path d="M31.39089,151.64237c0,77.49789,48.6181,140.20819,108.70073,140.20819" transform="translate(-31.39089 -100.5)" fill="var(--onyx-error-svg-background-color)"></path><path d="M140.09162,291.85056c0-78.36865,54.255-141.78356,121.30372-141.78356" transform="translate(-31.39089 -100.5)" fill="var(--onyx-error-svg-background-color-primary)"></path><path d="M70.77521,158.66768c0,73.61476,31.00285,133.18288,69.31641,133.18288" transform="translate(-31.39089 -100.5)" fill="var(--onyx-error-svg-background-color-primary)"></path><path d="M140.09162,291.85056c0-100.13772,62.7103-181.16788,140.20819-181.16788" transform="translate(-31.39089 -100.5)" fill="var(--onyx-error-svg-background-color)"></path><ellipse cx="198.60911" cy="424.5" rx="187" ry="25.43993" fill="var(--onyx-error-svg-background-color-accent)"></ellipse><ellipse cx="198.60911" cy="424.5" rx="157" ry="21.35866" opacity="0.1"></ellipse><ellipse cx="836.60911" cy="660.5" rx="283" ry="38.5" fill="var(--onyx-error-svg-background-color-accent)"></ellipse><ellipse cx="310.60911" cy="645.5" rx="170" ry="23.12721" fill="var(--onyx-error-svg-background-color-accent)"></ellipse><path d="M494,726.5c90,23,263-30,282-90" transform="translate(-31.39089 -100.5)" fill="none" stroke="var(--onyx-error-svg-background-color-cable)" stroke-miterlimit="10" stroke-width="2"></path><path d="M341,359.5s130-36,138,80-107,149-17,172" transform="translate(-31.39089 -100.5)" fill="none" stroke="var(--onyx-error-svg-background-color-cable)" stroke-miterlimit="10" stroke-width="2"></path><path d="M215.40233,637.78332s39.0723-10.82,41.47675,24.04449-32.15951,44.78287-5.10946,51.69566" transform="translate(-31.39089 -100.5)" fill="none" stroke="var(--onyx-error-svg-background-color-cable)" stroke-miterlimit="10" stroke-width="2"></path><path d="M810.09554,663.73988,802.218,714.03505s-38.78182,20.60284-11.51335,21.20881,155.73324,0,155.73324,0,24.84461,0-14.54318-21.81478l-7.87756-52.719Z" transform="translate(-31.39089 -100.5)" fill="var(--onyx-error-svg-background-color)"></path><path d="M785.21906,734.69812c6.193-5.51039,16.9989-11.252,16.9989-11.252l7.87756-50.2952,113.9216.10717,7.87756,49.582c9.185,5.08711,14.8749,8.987,18.20362,11.97818,5.05882-1.15422,10.58716-5.44353-18.20362-21.38921l-7.87756-52.719-113.9216,3.02983L802.218,714.03506S769.62985,731.34968,785.21906,734.69812Z" transform="translate(-31.39089 -100.5)" opacity="0.1"></path><rect x="578.43291" y="212.68859" width="513.25314" height="357.51989" rx="18.04568" fill="var(--onyx-error-svg-background-color)"></rect><rect x="595.70294" y="231.77652" width="478.71308" height="267.83694" fill="var(--onyx-error-svg-background-color-accent)"></rect><circle cx="835.05948" cy="223.29299" r="3.02983" fill="var(--onyx-error-svg-background-color-device-controls)"></circle><path d="M1123.07694,621.32226V652.6628a18.04341,18.04341,0,0,1-18.04568,18.04568H627.86949A18.04341,18.04341,0,0,1,609.8238,652.6628V621.32226Z" transform="translate(-31.39089 -100.5)" fill="var(--onyx-error-svg-background-color)"></path><polygon points="968.978 667.466 968.978 673.526 642.968 673.526 642.968 668.678 643.417 667.466 651.452 645.651 962.312 645.651 968.978 667.466" fill="var(--onyx-error-svg-background-color)"></polygon><path d="M1125.828,762.03359c-.59383,2.539-2.83591,5.21743-7.90178,7.75032-18.179,9.08949-55.1429-2.42386-55.1429-2.42386s-28.4804-4.84773-28.4804-17.573a22.72457,22.72457,0,0,1,2.49658-1.48459c7.64294-4.04351,32.98449-14.02122,77.9177.42248a18.73921,18.73921,0,0,1,8.54106,5.59715C1125.07908,756.45353,1126.50669,759.15715,1125.828,762.03359Z" transform="translate(-31.39089 -100.5)" fill="var(--onyx-error-svg-background-color)"></path><path d="M1125.828,762.03359c-22.251,8.526-42.0843,9.1622-62.43871-4.975-10.26507-7.12617-19.59089-8.88955-26.58979-8.75618,7.64294-4.04351,32.98449-14.02122,77.9177.42248a18.73921,18.73921,0,0,1,8.54106,5.59715C1125.07908,756.45353,1126.50669,759.15715,1125.828,762.03359Z" transform="translate(-31.39089 -100.5)" opacity="0.1"></path><ellipse cx="1066.53846" cy="654.13477" rx="7.87756" ry="2.42386" fill="var(--onyx-error-svg-background-color-device-controls)"></ellipse><circle cx="835.05948" cy="545.66686" r="11.51335" fill="var(--onyx-error-svg-background-color-device-controls)"></circle><polygon points="968.978 667.466 968.978 673.526 642.968 673.526 642.968 668.678 643.417 667.466 968.978 667.466" opacity="0.1"></polygon><rect x="108.60911" y="159" width="208" height="242" fill="var(--onyx-error-svg-background-color)"></rect><rect x="87.60911" y="135" width="250" height="86" fill="var(--onyx-error-svg-background-color-accent)"></rect><rect x="87.60911" y="237" width="250" height="86" fill="var(--onyx-error-svg-background-color-accent)"></rect><rect x="87.60911" y="339" width="250" height="86" fill="var(--onyx-error-svg-background-color-accent)"></rect><rect x="271.60911" y="150" width="16" height="16" fill="var(--onyx-error-svg-background-color-primary)" opacity="0.4"></rect><rect x="294.60911" y="150" width="16" height="16" fill="var(--onyx-error-svg-background-color-primary)" opacity="0.8"></rect><rect x="317.60911" y="150" width="16" height="16" fill="var(--onyx-error-svg-background-color-primary)"></rect><rect x="271.60911" y="251" width="16" height="16" fill="var(--onyx-error-svg-background-color-primary)" opacity="0.4"></rect><rect x="294.60911" y="251" width="16" height="16" fill="var(--onyx-error-svg-background-color-primary)" opacity="0.8"></rect><rect x="317.60911" y="251" width="16" height="16" fill="var(--onyx-error-svg-background-color-primary)"></rect><rect x="271.60911" y="352" width="16" height="16" fill="var(--onyx-error-svg-background-color-primary)" opacity="0.4"></rect><rect x="294.60911" y="352" width="16" height="16" fill="var(--onyx-error-svg-background-color-primary)" opacity="0.8"></rect><rect x="317.60911" y="352" width="16" height="16" fill="var(--onyx-error-svg-background-color-primary)"></rect><circle cx="316.60911" cy="538" r="79" fill="var(--onyx-error-svg-background-color)"></circle><rect x="280.60911" y="600" width="24" height="43" fill="var(--onyx-error-svg-background-color)"></rect><rect x="328.60911" y="600" width="24" height="43" fill="var(--onyx-error-svg-background-color)"></rect><ellipse cx="300.60911" cy="643.5" rx="20" ry="7.5" fill="var(--onyx-error-svg-background-color)"></ellipse><ellipse cx="348.60911" cy="642.5" rx="20" ry="7.5" fill="var(--onyx-error-svg-background-color)"></ellipse><circle cx="318.60911" cy="518" r="27" fill="var(--onyx-error-svg-background-color-face)"></circle><circle cx="318.60911" cy="518" r="9" fill="var(--onyx-error-svg-background-color-accent)"></circle><path d="M271.36733,565.03228c-6.37889-28.56758,14.01185-57.43392,45.544-64.47477s62.2651,10.41,68.644,38.9776-14.51861,39.10379-46.05075,46.14464S277.74622,593.59986,271.36733,565.03228Z" transform="translate(-31.39089 -100.5)" fill="var(--onyx-error-svg-background-color-primary)"></path><ellipse cx="417.21511" cy="611.34365" rx="39.5" ry="12.40027" transform="translate(-238.28665 112.98044) rotate(-23.17116)" fill="var(--onyx-error-svg-background-color)"></ellipse><ellipse cx="269.21511" cy="664.34365" rx="39.5" ry="12.40027" transform="translate(-271.07969 59.02084) rotate(-23.17116)" fill="var(--onyx-error-svg-background-color)"></ellipse><path d="M394,661.5c0,7.732-19.90861,23-42,23s-43-14.268-43-22,20.90861-6,43-6S394,653.768,394,661.5Z" transform="translate(-31.39089 -100.5)" fill="var(--onyx-error-svg-background-color-face)"></path>',48)]))}const Ac=Ze(Tc,[["render",Ic]]),pn=e.defineComponent({__name:"OnyxFileUploadSVG",props:{disabled:{type:Boolean},active:{type:Boolean}},setup(n){const t=n;return(o,l)=>(e.openBlock(),e.createElementBlock("svg",{class:e.normalizeClass(["onyx-component onyx-file-upload-svg",{"onyx-file-upload-svg--disabled":t.disabled,"onyx-file-upload-svg--active":t.active}]),width:"50",height:"64",viewBox:"0 0 50 64",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},l[0]||(l[0]=[e.createElementVNode("path",{d:"M8 0.5H34.793L43.5 9.20703V50C43.5 54.1421 40.1421 57.5 36 57.5H8C3.85786 57.5 0.5 54.1421 0.5 50V8C0.500001 3.85786 3.85787 0.5 8 0.5Z",fill:"var(--onyx-file-upload-svg-background-color)",stroke:"var(--onyx-file-upload-svg-border-color)"},null,-1),e.createElementVNode("path",{d:"M34 0L39 5L44 10H38C35.7909 10 34 8.20914 34 6V0Z",fill:"var(--onyx-file-upload-svg-border-color)"},null,-1),e.createElementVNode("path",{d:"M18 48C18 39.1634 25.1634 32 34 32C42.8366 32 50 39.1634 50 48C50 56.8366 42.8366 64 34 64C25.1634 64 18 56.8366 18 48Z",fill:"var(--onyx-file-upload-svg-background-color-bubble)"},null,-1),e.createElementVNode("path",{d:"M39.2005 42.2123H39.1668C38.5307 41.0817 37.5611 40.175 36.3905 39.616C35.2198 39.0571 33.9051 38.8731 32.626 39.0893C31.3469 39.3056 30.1657 39.9114 29.2438 40.824C28.3218 41.7367 27.7041 42.9117 27.475 44.1886C26.316 44.3486 25.2615 44.9441 24.5258 45.8538C23.7901 46.7636 23.4284 47.9194 23.5144 49.0862C23.6004 50.2531 24.1275 51.3434 24.9886 52.1355C25.8496 52.9276 26.9801 53.3621 28.15 53.3506H33.25V57.0001H34.75V53.3506H39.2005C40.6409 53.3123 42.0073 52.7047 43.0006 51.6609C43.9939 50.6172 44.5331 49.2223 44.5 47.7818C44.525 47.0663 44.4071 46.353 44.153 45.6837C43.8989 45.0143 43.5138 44.4024 43.0203 43.8838C42.5268 43.3651 41.9347 42.9501 41.2788 42.6631C40.6229 42.3761 39.9164 42.2229 39.2005 42.2123ZM39.2005 51.8506H34.75V47.4631L36.7405 49.3006L37.7583 48.1988L34 44.7293L30.241 48.1988L31.2588 49.3006L33.25 47.4631V51.8506H28.15C27.7382 51.857 27.3291 51.7814 26.9468 51.6282C26.5644 51.475 26.2163 51.2473 25.9228 50.9583C25.6293 50.6693 25.3962 50.3248 25.2371 49.9449C25.0779 49.5649 24.996 49.1571 24.996 48.7452C24.996 48.3333 25.0779 47.9255 25.2371 47.5455C25.3962 47.1656 25.6293 46.8211 25.9228 46.5321C26.2163 46.2431 26.5644 46.0154 26.9468 45.8622C27.3291 45.709 27.7382 45.6334 28.15 45.6398H28.8573L28.8985 44.9341C28.9785 43.8759 29.4074 42.8742 30.118 42.086C30.8286 41.2978 31.7807 40.7678 32.825 40.5791C33.8693 40.3903 34.9467 40.5535 35.8882 41.0431C36.8298 41.5326 37.5822 42.3208 38.0275 43.2841L38.2353 43.7386L38.7348 43.7221C38.7865 43.7221 39.1465 43.7138 39.1998 43.7138C39.7178 43.7266 40.2281 43.8425 40.7008 44.0547C41.1735 44.2669 41.5992 44.5712 41.953 44.9498C42.3068 45.3284 42.5817 45.7737 42.7614 46.2597C42.9412 46.7457 43.0223 47.2626 43 47.7803C43.0338 48.8234 42.653 49.8373 41.9409 50.6002C41.2288 51.363 40.2434 51.8126 39.2005 51.8506Z",fill:"var(--onyx-file-upload-svg-color-bubble)"},null,-1)]),2))}}),Rc=["disabled"],Lc={class:"onyx-file-upload__content"},Dc={class:"onyx-file-upload__label onyx-text"},Pc={key:0,class:"onyx-file-upload__text onyx-text--small"},zc={key:1,class:"onyx-file-upload__text onyx-text--small"},Fc={key:2,class:"onyx-file-upload__text onyx-text--small"},Hc=["accept","multiple","disabled","name"],Uc=e.defineComponent({inheritAttrs:!1,__name:"OnyxFileUpload",props:{density:{},name:{},modelValue:{},multiple:{},accept:{default:()=>[]},maxSize:{},maxTotalSize:{},maxCount:{},replace:{},disabled:{type:Boolean}},emits:["update:modelValue"],setup(n,{emit:t}){const o=n,l=t,{t:r,locale:a}=w(),{densityClass:i}=E(o),{restAttrs:c,rootAttrs:s}=j(),u=F({props:o,emit:l,key:"modelValue"}),p=e.useTemplateRef("inputRef"),d=e.computed(()=>u.value?Array.isArray(u.value)?u.value:[u.value]:[]),f=x=>{let _;o.multiple?o.replace?_=x.slice():_=d.value.concat(x):_=x[0],u.value=_},v=x=>{const _=x.target,k=Array.from(_.files??[]);f(k),_.value=""},m=e.computed(()=>x=>{const _=typeof x=="number"?x:mc(x);return fc(a.value,_)}),y=e.ref(!1),h=x=>{var k;if(o.disabled)return;y.value=!1;const _=Array.from(((k=x.dataTransfer)==null?void 0:k.files)??[]);f(_)},g=()=>{o.disabled||(y.value=!0)};return(x,_)=>{var k,b;return e.openBlock(),e.createElementBlock("div",e.mergeProps({class:["onyx-component","onyx-file-upload-wrapper",e.unref(i)]},e.unref(s)),[e.createElementVNode("button",{type:"button",class:e.normalizeClass(["onyx-file-upload",y.value?"onyx-file-upload--dragging":""]),disabled:o.disabled,onDragenter:g,onDragleave:_[0]||(_[0]=$=>y.value=!1),onDragover:_[1]||(_[1]=e.withModifiers(()=>{},["prevent"])),onDrop:e.withModifiers(h,["prevent"]),onClick:_[2]||(_[2]=$=>{var N;return(N=p.value)==null?void 0:N.click()})},[e.createVNode(e.unref(pn),{disabled:o.disabled,active:y.value},null,8,["disabled","active"]),e.createElementVNode("div",Lc,[e.createElementVNode("p",Dc,[e.createElementVNode("u",null,e.toDisplayString(e.unref(r)("fileUpload.clickToUpload")),1),e.createTextVNode(" "+e.toDisplayString(e.unref(r)("fileUpload.orDragAndDrop"))+". ",1)]),o.maxSize||o.maxTotalSize?(e.openBlock(),e.createElementBlock("p",Pc,[e.createTextVNode(e.toDisplayString(e.unref(r)("fileUpload.maxFileSize"))+": ",1),o.maxSize&&o.maxTotalSize?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(e.toDisplayString(m.value(o.maxSize))+" ("+e.toDisplayString(m.value(o.maxTotalSize))+" "+e.toDisplayString(e.unref(r)("fileUpload.inTotal"))+") ",1)],64)):o.maxSize?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(m.value(o.maxSize)),1)],64)):o.maxTotalSize?(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[e.createTextVNode(e.toDisplayString(m.value(o.maxTotalSize))+" "+e.toDisplayString(e.unref(r)("fileUpload.inTotal")),1)],64)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),o.multiple&&o.maxCount?(e.openBlock(),e.createElementBlock("p",zc,e.toDisplayString(e.unref(r)("fileUpload.maxFileCount",{n:o.maxCount})),1)):e.createCommentVNode("",!0),(k=o.accept)!=null&&k.length?(e.openBlock(),e.createElementBlock("p",Fc,e.toDisplayString(e.unref(r)("fileUpload.allowedFileTypes",{types:o.accept.join(", ")})),1)):e.createCommentVNode("",!0)])],42,Rc),e.createElementVNode("input",e.mergeProps({ref:"inputRef","aria-hidden":"true",tabindex:"-1",class:"onyx-file-upload-input",type:"file",accept:(b=o.accept)!=null&&b.length?o.accept.join(","):void 0,multiple:o.multiple,disabled:o.disabled,name:o.name},e.unref(c),{onChange:v}),null,16,Hc)],16)}}}),Gc=e.defineComponent({__name:"OnyxFilterTag",props:{density:{},label:{},icon:{},skeleton:{type:[Symbol,Boolean,Number],default:D},active:{}},emits:["update:active"],setup(n,{emit:t}){const o=n,l=t,{t:r}=w(),a=F({props:o,emit:l,key:"active",default:!1}),i=e.computed(()=>a.value?r.value("filterTag.clickToRemove",{label:o.label}):r.value("filterTag.clickToAdd",{label:o.label})),c=P(o);return(s,u)=>(e.openBlock(),e.createBlock(pe,e.mergeProps(o,{clickable:{label:i.value,actionIcon:e.unref(a)?e.unref(ie):void 0},class:"onyx-filter-tag",skeleton:e.unref(c),onClick:u[0]||(u[0]=()=>{a.value=!e.unref(a)})}),null,16,["clickable","skeleton"]))}}),qc=["data-autosize-value"],Kc=["id","placeholder","required","autocapitalize","autofocus","name","readonly","disabled","minlength","maxlength","aria-label","title"],mn=e.defineComponent({inheritAttrs:!1,__name:"OnyxTextarea",props:{disabled:{default:A},showError:{default:A},requiredMarker:{default:A},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:D},error:{},message:{},success:{},placeholder:{},maxlength:{},withCounter:{type:Boolean},minlength:{},autocapitalize:{default:"sentences"},modelValue:{},autosize:{},disableManualResize:{type:Boolean,default:!1}},emits:["validityChange","update:modelValue"],setup(n,{expose:t,emit:o}){const l=n,r=o,a=F({props:l,emit:r,key:"modelValue",default:""}),{rootAttrs:i,restAttrs:c}=j(),{maxLength:s,maxLengthError:u}=Ho({props:l,modelValue:a}),p=e.computed(()=>l.customError??u.value),{vCustomValidity:d,errorMessages:f}=ue({props:l,emit:r,customError:p}),{densityClass:v}=E(l),m=e.computed(()=>Y(l.success)),y=e.computed(()=>Y(l.message)),h=e.computed(()=>{if(!l.autosize)return;const N=l.autosize.min?Math.max(l.autosize.min,2):void 0,O=l.autosize.max;return[N?`--min-autosize-rows: ${N}`:"",`--max-autosize-rows: ${O??"unset"}`]}),g=N=>{var V;const O=N.target;(V=O.parentElement)==null||V.setAttribute("data-autosize-value",O.value)},{disabled:x,showError:_}=W(l),k=P(l),b=Le(_),$=e.useTemplateRef("inputRef");return t({input:$}),oe($,l),(N,O)=>e.unref(k)?(e.openBlock(),e.createElementBlock("div",e.mergeProps({key:0,class:["onyx-component","onyx-textarea-skeleton",e.unref(v)],style:h.value},e.unref(i)),[l.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(R,{key:0,class:"onyx-textarea-skeleton__label"})),e.createVNode(R,{class:"onyx-textarea-skeleton__input"})],16)):(e.openBlock(),e.createElementBlock("div",e.mergeProps({key:1,class:["onyx-component","onyx-textarea",e.unref(b),e.unref(v)],style:h.value},e.unref(i)),[e.createVNode(Ve,e.mergeProps(l,{message:y.value,"success-messages":m.value,"error-messages":e.unref(f)}),{default:e.withCtx(({id:V})=>[e.createElementVNode("div",{class:"onyx-textarea__wrapper","data-autosize-value":e.unref(a)},[e.withDirectives(e.createElementVNode("textarea",e.mergeProps({id:V,ref:"inputRef","onUpdate:modelValue":O[0]||(O[0]=T=>e.isRef(a)?a.value=T:null),class:["onyx-textarea__native",{"onyx-textarea__native--no-resize":l.disableManualResize}],placeholder:l.placeholder,required:l.required,autocapitalize:l.autocapitalize,autofocus:l.autofocus,name:l.name,readonly:l.readonly,disabled:e.unref(x),minlength:l.minlength,maxlength:e.unref(s),"aria-label":l.hideLabel?l.label:void 0,title:l.hideLabel?l.label:void 0},e.unref(c),{onInput:g}),null,16,Kc),[[e.vModelText,e.unref(a)],[e.unref(d)]])],8,qc)]),_:1},16,["message","success-messages","error-messages"])],16))}}),jc='<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>',Zc={class:"onyx-toast-message__wrapper"},Wc={class:"onyx-toast-message__content onyx-truncation-ellipsis"},Yc={class:"onyx-toast-message__headline onyx-text"},Jc={class:"onyx-truncation-ellipsis"},Xc=["aria-label"],Qc={key:0,class:"onyx-toast-message__description onyx-text--small onyx-truncation-multiline",tabindex:"0"},Ft=e.defineComponent({__name:"OnyxToastMessage",props:{density:{},headline:{},description:{},color:{default:"neutral"},duration:{default:5e3},clickable:{type:Boolean,default:!1},icon:{type:[String,Boolean],default:void 0}},emits:["close"],setup(n,{emit:t}){const o=n,l=t,{t:r}=w(),{densityClass:a}=E(o),i=e.computed(()=>o.duration>0),c={neutral:dt,danger:Eo,warning:en,success:jc},s=e.computed(()=>{if(o.icon!==!1)return o.icon||c[o.color]});return(u,p)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.clickable?"button":"div"),{class:e.normalizeClass(["onyx-component onyx-toast-message",[`onyx-toast-message--${o.color}`,e.unref(a)]]),role:o.color==="danger"||o.color==="warning"?"alert":"status","aria-label":o.clickable?o.headline:void 0},{default:e.withCtx(()=>[e.createElementVNode("div",Zc,[s.value?(e.openBlock(),e.createBlock(C,{key:0,icon:s.value},null,8,["icon"])):e.createCommentVNode("",!0),e.createElementVNode("div",Wc,[e.createElementVNode("div",Yc,[e.createElementVNode("span",Jc,e.toDisplayString(o.headline),1),o.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=>l("close"))},[e.createVNode(C,{icon:e.unref(ie)},null,8,["icon"])],8,Xc))]),o.description?(e.openBlock(),e.createElementBlock("p",Qc,e.toDisplayString(o.description),1)):e.createCommentVNode("",!0)])]),i.value?(e.openBlock(),e.createElementBlock("time",{key:o.duration,"aria-hidden":"true",class:"onyx-toast-message__progress-bar",style:e.normalizeStyle({animationDuration:`${o.duration}ms`}),onAnimationend:p[1]||(p[1]=d=>l("close"))},null,36)):e.createCommentVNode("",!0)]),_:1},8,["class","role","aria-label"]))}}),Ht=Symbol(),fn=()=>{let n=1;const t=e.ref([]),o=r=>{const a=n++;t.value.push({...r,id:a,onClose:()=>l(a)})},l=r=>{t.value=t.value.filter(a=>a.id!==r)};return{toasts:e.computed(()=>t.value),show:o,remove:l}},yn=()=>{const n=()=>{console.warn('Trying to use "useToast()" before the toast provider has been provided. Make sure to "provide" it first.')};return e.inject(Ht,()=>({toasts:e.computed(()=>[]),show:n,remove:n}),!0)},eu={key:0,class:"onyx-component onyx-toast",role:"presentation","aria-live":"polite",open:""},tu=e.defineComponent({__name:"OnyxToast",setup(n){const t=yn();return(o,l)=>e.unref(t).toasts.value.length?(e.openBlock(),e.createElementBlock("dialog",eu,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(t).toasts.value,({id:r,...a})=>(e.openBlock(),e.createBlock(Ft,e.mergeProps({key:r},{ref_for:!0},a),null,16))),128))])):e.createCommentVNode("",!0)}}),ou='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13.026 7.476 11.97 8.532l3.086 3.094H6.382v1.498h8.674L11.97 16.21l1.056 1.063 4.9-4.898z"/></svg>',nu='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M21.855 2.123c.39.404.607.937.607 1.507h.008v16.71c0 1.185-.945 2.145-2.1 2.145H9.577c-1.155 0-2.1-.953-2.107-2.13v-1.613h1.507v1.613c0 .352.27.637.6.637H20.37c.337 0 .6-.292.592-.645V3.63a.65.65 0 0 0-.187-.465.55.55 0 0 0-.412-.18v.008H9.577c-.33 0-.607.285-.607.637v1.605H7.477V3.63c.008-1.177.945-2.137 2.1-2.145h10.786a2.06 2.06 0 0 1 1.492.638"/><path d="M16.47 12.735H4.41l3.09 3.098-1.058 1.057-4.905-4.905L6.442 7.08 7.5 8.145l-3.09 3.09h12.06z"/></svg>',lu='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M11.657 8.266a3.75 3.75 0 1 1 .688 7.469 3.75 3.75 0 0 1-.688-7.47m-.11 5.938a2.249 2.249 0 1 0 .906-4.406 2.249 2.249 0 0 0-.906 4.406" clip-rule="evenodd"/><path fill-rule="evenodd" d="M22.5 9.75v4.5h-3.35a7.5 7.5 0 0 1-.504 1.214l2.369 2.37-3.181 3.181-2.37-2.37a7.3 7.3 0 0 1-1.214.506V22.5h-4.5v-3.35a7.5 7.5 0 0 1-1.214-.504l-2.37 2.369-3.181-3.181 2.37-2.37a7.3 7.3 0 0 1-.506-1.214H1.5v-4.5h3.35q.197-.63.504-1.213l-2.37-2.37 3.183-3.183 2.369 2.37a7.4 7.4 0 0 1 1.214-.505V1.5h4.5v3.35q.63.197 1.214.504l2.37-2.37 3.181 3.182-2.37 2.37q.308.584.506 1.214zm-4.666 9.144 1.06-1.06-2.137-2.138.319-.507c.36-.57.62-1.198.77-1.855l.133-.584H21v-1.5h-3.017l-.133-.584a6 6 0 0 0-.774-1.855l-.32-.507 2.139-2.138-1.06-1.06-2.139 2.138-.507-.32a6 6 0 0 0-1.855-.77l-.584-.132V3h-1.5v3.022l-.583.133c-.657.15-1.285.41-1.855.77l-.507.32-2.138-2.139-1.061 1.06 2.138 2.138-.32.507a6 6 0 0 0-.77 1.855l-.133.584H3v1.5h3.021l.133.584c.15.657.41 1.284.77 1.855l.32.507-2.139 2.138 1.06 1.06 2.139-2.137.507.319c.57.36 1.198.62 1.855.77l.584.133V21h1.5v-3.021l.583-.133a6 6 0 0 0 1.855-.77l.507-.32z" clip-rule="evenodd"/></svg>',au='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M11.25 15.75V4.81L7.28 8.78 6.22 7.72 12 1.94l5.78 5.78-1.06 1.06-3.97-3.97v10.94z"/><path d="M15.75 12v-1.5h3.75v12h-15v-12h3.75V12H6v9h12v-9z"/></svg>',ru={class:"parent"},su={class:"showcase__flex grid--row1"},iu={class:"showcase__flex grid--tags"},cu={class:"showcase__flex grid--row2"},uu={class:"showcase__flex grid--row3"},du={class:"showcase__flex grid--row4"},pu=e.defineComponent({__name:"ComponentShowcase",props:{dark:{type:Boolean},darkModifiers:{}},emits:["update:dark"],setup(n){const t=e.useModel(n,"dark"),o=Array.from({length:6},(c,s)=>({label:`Option ${s+1}`,value:s+1})),l=Array.from({length:3},(c,s)=>({label:"Checkbox",value:s+1})),r=Array.from({length:4},(c,s)=>({label:"Radio button",value:s+1})),a=e.ref({pagination:1,checkboxGroup:[l.length],radioGroup:1}),i=[{avatar:"https://www.github.com/mj-hof.png",name:"Martin Hofmann"},{avatar:"https://www.github.com/jannick-ux.png",name:"Jannick Keller"},{avatar:"https://www.github.com/JoCa96.png",name:"Jonathan Leo Carle"},{avatar:"https://www.github.com/BoppLi.png",name:"Linda Bopp"},{avatar:"https://www.github.com/larsrickert.png",name:"Lars Rickert"},{avatar:"https://www.github.com/MajaZarkova.png",name:"Maja Zarkova"},{avatar:"https://www.github.com/ChristianBusshoff.png",name:"Christian Bußhoff"}];return(c,s)=>(e.openBlock(),e.createElementBlock("div",ru,[e.createElementVNode("div",{class:e.normalizeClass(["showcase onyx-text",{dark:t.value}])},[e.createElementVNode("div",su,[e.createVNode(sn,{modelValue:a.value.pagination,"onUpdate:modelValue":s[0]||(s[0]=u=>a.value.pagination=u),pages:6},null,8,["modelValue"]),e.createVNode(Pt,{modelValue:a.value.select,"onUpdate:modelValue":s[1]||(s[1]=u=>a.value.select=u),class:"showcase__select",label:"Select","list-label":"List of options",placeholder:"Select",options:e.unref(o),multiple:"","with-search":"","hide-label":""},null,8,["modelValue","options"]),e.createVNode(dn,{modelValue:t.value,"onUpdate:modelValue":s[2]||(s[2]=u=>t.value=u),label:"Dark mode"},null,8,["modelValue"])]),e.createVNode(Et,{class:"grid--table",striped:""},{head:e.withCtx(()=>s[8]||(s[8]=[e.createElementVNode("tr",null,[e.createElementVNode("th",{scope:"col"},"User"),e.createElementVNode("th",{scope:"col"},"Status"),e.createElementVNode("th",{scope:"col"},"Date"),e.createElementVNode("th",{scope:"col"},"Time")],-1)])),default:e.withCtx(()=>[s[9]||(s[9]=e.createElementVNode("tr",null,[e.createElementVNode("td",null,[e.createElementVNode("strong",null,"Lindsay Borrows")]),e.createElementVNode("td",null,"active"),e.createElementVNode("td",null,"02/12/26"),e.createElementVNode("td",{class:"font--soft"},"-")],-1)),s[10]||(s[10]=e.createElementVNode("tr",null,[e.createElementVNode("td",null,[e.createElementVNode("strong",null,"Pete Ellis Doyle")]),e.createElementVNode("td",null,"on hold"),e.createElementVNode("td",null,"25/07/26"),e.createElementVNode("td",{class:"font--soft"},"06:30")],-1)),s[11]||(s[11]=e.createElementVNode("tr",null,[e.createElementVNode("td",null,[e.createElementVNode("strong",null,"Barry Louis")]),e.createElementVNode("td",null,"active"),e.createElementVNode("td",null,"09/09/26"),e.createElementVNode("td",{class:"font--soft"},"06:45")],-1)),s[12]||(s[12]=e.createElementVNode("tr",null,[e.createElementVNode("td",null,[e.createElementVNode("strong",null,"Timothy Nixon")]),e.createElementVNode("td",null,"active"),e.createElementVNode("td",null,"30/10/26"),e.createElementVNode("td",{class:"font--soft"},"-")],-1)),s[13]||(s[13]=e.createElementVNode("tr",null,[e.createElementVNode("td",null,[e.createElementVNode("strong",null,"Will Monroe")]),e.createElementVNode("td",null,"finished"),e.createElementVNode("td",null,"27/03/26"),e.createElementVNode("td",{class:"font--soft"},"14:56")],-1)),s[14]||(s[14]=e.createElementVNode("tr",null,[e.createElementVNode("td",null,[e.createElementVNode("strong",null,"Francis Walsh")]),e.createElementVNode("td",null,"ready"),e.createElementVNode("td",null,"16/12/26"),e.createElementVNode("td",{class:"font--soft"},"12:05")],-1))]),_:1,__:[9,10,11,12,13,14]}),e.createVNode(mn,{modelValue:a.value.textarea,"onUpdate:modelValue":s[3]||(s[3]=u=>a.value.textarea=u),class:"grid--textarea",label:"Textarea","hide-label":"",placeholder:"Enter free text here",autosize:{min:7,max:14}},null,8,["modelValue"]),e.createVNode(Ft,{class:"grid--toast",headline:"Toast notification",description:"Description",duration:0}),e.createElementVNode("div",iu,[e.createVNode(Te,null,{default:e.withCtx(()=>s[15]||(s[15]=[e.createTextVNode("Badge")])),_:1,__:[15]}),e.createVNode(pe,{label:"Tag"}),e.createVNode(pe,{label:"Tag",color:"primary"}),e.createVNode(pe,{label:"Tag",color:"danger"}),e.createVNode(pe,{label:"Tag",color:"warning"}),e.createVNode(pe,{label:"Tag",color:"success"})]),e.createVNode(pt,{modelValue:a.value.checkboxGroup,"onUpdate:modelValue":s[4]||(s[4]=u=>a.value.checkboxGroup=u),class:"grid--checkboxes",label:"Checkbox group","hide-label":"",options:e.unref(l),"with-check-all":""},null,8,["modelValue","options"]),e.createElementVNode("div",cu,[e.createVNode(co,null,{default:e.withCtx(()=>[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(i,u=>e.createVNode($e,{key:u.name,"full-name":u.name,src:u.avatar,size:"32px"},null,8,["full-name","src"])),64)),e.createVNode($e,{"full-name":"Three others",initials:"+3",size:"32px"})]),_:1}),e.createVNode(cn,{modelValue:a.value.radioGroup,"onUpdate:modelValue":s[5]||(s[5]=u=>a.value.radioGroup=u),label:"Radio group","hide-label":"",options:e.unref(r),direction:"horizontal"},null,8,["modelValue","options"])]),e.createElementVNode("div",uu,[e.createVNode(Uo,{label:"Input",placeholder:"Example input","hide-label":""}),e.createVNode(It,{icon:e.unref(au),label:"Icon button"},null,8,["icon"]),e.createVNode(me,{icon:e.unref(ou),label:"Button",color:"neutral"},null,8,["icon"]),e.createVNode(me,{icon:e.unref(Je),label:"Button"},null,8,["icon"]),e.createVNode(un,{modelValue:a.value.stepper,"onUpdate:modelValue":s[6]||(s[6]=u=>a.value.stepper=u),label:"Stepper","hide-label":"",placeholder:"0"},null,8,["modelValue"])]),e.createElementVNode("div",du,[s[16]||(s[16]=e.createElementVNode("div",null,null,-1)),e.createVNode(pt,{label:"Checkbox group (skeleton)","hide-label":"",direction:"horizontal",skeleton:4,options:[]})]),e.createVNode(Qo,{class:"grid--nav","app-name":"Nav bar","logo-url":"/onyx-logo.svg"},{contextArea:e.withCtx(()=>[e.createVNode(Yo,{description:"Company Name","full-name":"Jane Doe"},{footer:e.withCtx(()=>s[19]||(s[19]=[e.createTextVNode(" App version "),e.createElementVNode("span",{class:"onyx-text--monospace"},"0.0.0",-1)])),default:e.withCtx(()=>[e.createVNode(te,null,{default:e.withCtx(()=>[e.createVNode(C,{icon:e.unref(lu)},null,8,["icon"]),s[17]||(s[17]=e.createTextVNode(" Settings "))]),_:1,__:[17]}),e.createVNode(jo,{"model-value":t.value?"dark":"light","onUpdate:modelValue":s[7]||(s[7]=u=>t.value=u==="dark")},null,8,["model-value"]),e.createVNode(te,{color:"danger"},{default:e.withCtx(()=>[e.createVNode(C,{icon:e.unref(nu)},null,8,["icon"]),s[18]||(s[18]=e.createTextVNode(" Logout "))]),_:1,__:[18]})]),_:1})]),default:e.withCtx(()=>[e.createVNode(_e,{label:"Page 1",active:""}),e.createVNode(_e,{label:"Page 2"},{children:e.withCtx(()=>[e.createVNode(_e,{label:"Subpage 1"}),e.createVNode(_e,{label:"Subpage 2"})]),_:1}),e.createVNode(_e,{label:"Page 3",link:{href:"https://onyx.schwarz",target:"_blank"}})]),_:1})],2)]))}}),mu=Ze(pu,[["__scopeId","data-v-631cdcd6"]]),fu=n=>{e.onMounted(()=>{e.watch([n],()=>{const t=document.documentElement,o="onyx-transition-active",l=()=>{t.classList.remove(o)};t.addEventListener("transitionend",l,{once:!0}),t.classList.add(o)})})},yu=["primary","neutral","danger","warning","success","info"],vu=["small","default","large"],hu=["ellipsis","multiline"],gu=["onyx","digits","kaufland","lidl","schwarz"],xu=["horizontal","vertical"],_u=(n={})=>({install:t=>{lo(t,n.i18n);const o=t.runWithContext(()=>w());t.provide(Ht,fn()),t.provide(Dt,nn()),n.router&&t.provide(kt,n.router),t.mixin({beforeMount:()=>{e.watchEffect(()=>{ku(o.t.value("optional"))})}})}}),ku=n=>{var t;(t=globalThis.document)==null||t.body.style.setProperty("--onyx-global-optional-text",`"${n}"`)};exports.ACCORDION_INJECTION_KEY=xt;exports.ACCORDION_TYPES=bn;exports.BUTTON_COLORS=la;exports.BUTTON_MODES=aa;exports.BUTTON_TYPES=na;exports.DENSITIES=_n;exports.DIALOG_ALIGNMENTS=Gr;exports.DIRECTIONS=xu;exports.DataGridFeatures=Ar;exports.HEADLINE_TYPES=Xr;exports.ICON_SIZES=Qr;exports.IMAGE_SHAPES=as;exports.INPUT_TYPES=ds;exports.LINK_TARGETS=Ji;exports.MOBILE_NAV_BAR_INJECTION_KEY=De;exports.MULTISELECT_TEXT_MODE=Qi;exports.NAV_BAR_IS_TOP_LEVEL_INJECTION_KEY=vt;exports.NAV_BAR_MORE_LIST_INJECTION_KEY=Rt;exports.NAV_BAR_MORE_LIST_TARGET_INJECTION_KEY=Lt;exports.NOTIFICATIONS_PROVIDER_INJECTION_KEY=Dt;exports.ONYX_BREAKPOINTS=Ge;exports.ONYX_COLORS=yu;exports.ONYX_THEMES=gu;exports.OnyxAccordion=Bn;exports.OnyxAccordionItem=An;exports.OnyxAlertDialog=Vl;exports.OnyxAppLayout=$l;exports.OnyxAvatar=$e;exports.OnyxAvatarStack=co;exports.OnyxBadge=Te;exports.OnyxBottomBar=uo;exports.OnyxBreadcrumb=Ul;exports.OnyxBreadcrumbItem=po;exports.OnyxButton=me;exports.OnyxCard=mo;exports.OnyxCheckbox=be;exports.OnyxCheckboxGroup=pt;exports.OnyxColorSchemeDialog=Ko;exports.OnyxColorSchemeMenuItem=jo;exports.OnyxComponentShowcase=mu;exports.OnyxDataGrid=ur;exports.OnyxDataGridRenderer=Vo;exports.OnyxDatePicker=Ur;exports.OnyxDialog=_t;exports.OnyxDrawer=Fo;exports.OnyxEmpty=Ct;exports.OnyxErrorSVG=Ac;exports.OnyxExternalLinkIcon=Tt;exports.OnyxFileUpload=Uc;exports.OnyxFileUploadSVG=pn;exports.OnyxFilterTag=Gc;exports.OnyxFlyout=Vt;exports.OnyxFlyoutMenu=he;exports.OnyxForm=Jr;exports.OnyxFormElement=Ve;exports.OnyxHeadline=ce;exports.OnyxIcon=C;exports.OnyxIconButton=It;exports.OnyxImage=ls;exports.OnyxInfoCard=tn;exports.OnyxInfoTooltip=Ie;exports.OnyxInput=Uo;exports.OnyxLanguageMenuItem=Os;exports.OnyxLink=ps;exports.OnyxListItem=Ye;exports.OnyxLoadingIndicator=J;exports.OnyxMenuItem=te;exports.OnyxMiniSearch=Mt;exports.OnyxMobileNavButton=yt;exports.OnyxModalDialog=Ot;exports.OnyxMoreList=Go;exports.OnyxNavAppArea=qo;exports.OnyxNavBar=Qo;exports.OnyxNavItem=_e;exports.OnyxNavItemFacade=ae;exports.OnyxNavSeparator=Zo;exports.OnyxNotificationCard=hi;exports.OnyxNotificationDot=xi;exports.OnyxNotificationMessage=on;exports.OnyxNotifications=wi;exports.OnyxPageLayout=$i;exports.OnyxPagination=sn;exports.OnyxRadioButton=gt;exports.OnyxRadioGroup=cn;exports.OnyxRouterLink=ve;exports.OnyxSelect=Pt;exports.OnyxSelectDialog=At;exports.OnyxSelectInput=rn;exports.OnyxSelectOption=ht;exports.OnyxSidebar=rc;exports.OnyxSidebarItem=ec;exports.OnyxSkeleton=R;exports.OnyxStepper=un;exports.OnyxSwitch=dn;exports.OnyxSystemButton=Q;exports.OnyxTab=Sc;exports.OnyxTable=Et;exports.OnyxTabs=Nc;exports.OnyxTag=pe;exports.OnyxTextarea=mn;exports.OnyxTimer=Gs;exports.OnyxToast=tu;exports.OnyxToastMessage=Ft;exports.OnyxTooltip=we;exports.OnyxUserMenu=Yo;exports.OnyxVisuallyHidden=ye;exports.ROUTER_INJECTION_KEY=kt;exports.SELECT_ALIGNMENTS=Xi;exports.SIDEBAR_ALIGNMENT=sc;exports.SYSTEM_BUTTON_COLORS=Cc;exports.TABS_INJECTION_KEY=zt;exports.TEXT_SIZES=vu;exports.TOAST_PROVIDER_INJECTION_KEY=Ht;exports.TRUNCATION_TYPES=hu;exports.createFeature=sr;exports.createNotificationsProvider=nn;exports.createOnyx=_u;exports.createTableColumnGroups=Ro;exports.createToastProvider=fn;exports.extractLinkProps=Ce;exports.normalizedIncludes=ao;exports.provideI18n=lo;exports.useDataGridFeatures=Lo;exports.useDensity=E;exports.useIsFeatureEnabled=Re;exports.useLink=fe;exports.useNotification=ln;exports.useScrollEnd=an;exports.useThemeTransition=fu;exports.useToast=yn;
183
+ `,Ko=e.defineComponent({__name:"OnyxColorSchemeDialog",props:{open:{type:Boolean,default:!1},density:{},modelValue:{}},emits:["update:modelValue","close"],setup(n,{emit:t}){const o=n,l=t,{t:r}=w(),a=e.computed(()=>[{value:"auto",icon:Es,label:r.value("colorScheme.auto.label"),description:r.value("colorScheme.auto.description")},{value:"light",icon:Ss,label:r.value("colorScheme.light.label"),description:r.value("colorScheme.light.description")},{value:"dark",icon:Vs,label:r.value("colorScheme.dark.label"),description:r.value("colorScheme.dark.description")}]);return(i,c)=>(e.openBlock(),e.createBlock(At,e.mergeProps({class:"onyx-color-scheme-dialog"},o,{label:e.unref(r)("colorScheme.headline"),options:a.value,onClose:c[0]||(c[0]=s=>l("close")),"onUpdate:modelValue":c[1]||(c[1]=s=>l("update:modelValue",s))}),{description:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(r)("colorScheme.subtitle")),1)]),_:1},16,["label","options"]))}}),Ns='<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>',$s={class:"onyx-color-scheme-menu-item__value"},jo=e.defineComponent({__name:"OnyxColorSchemeMenuItem",props:{modelValue:{}},emits:["update:modelValue"],setup(n,{emit:t}){const o=n,l=t,{t:r}=w(),a=e.ref(!1);return(i,c)=>(e.openBlock(),e.createBlock(te,{class:"onyx-component onyx-color-scheme-menu-item",onClick:c[2]||(c[2]=s=>a.value=!0)},{default:e.withCtx(()=>[e.createVNode(C,{icon:e.unref(Ns)},null,8,["icon"]),e.createElementVNode("div",null,[e.createTextVNode(e.toDisplayString(e.unref(r)("colorScheme.appearance"))+": ",1),e.createElementVNode("span",$s,e.toDisplayString(e.unref(r)(`colorScheme.${o.modelValue}.label`)),1)]),(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[e.createVNode(Ko,{"model-value":o.modelValue,open:a.value,onClose:c[0]||(c[0]=s=>a.value=!1),"onUpdate:modelValue":c[1]||(c[1]=s=>l("update:modelValue",s))},null,8,["model-value","open"])]))]),_:1}))}}),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>',Ts={class:"onyx-language-menu-item__value"},Os=e.defineComponent({__name:"OnyxLanguageMenuItem",props:{modelValue:{},options:{}},emits:["update:modelValue"],setup(n,{emit:t}){const o=n,l=t,{t:r}=w(),a=e.ref(!1),i=e.computed(()=>{var c;return((c=o.options.find(({value:s})=>s===o.modelValue))==null?void 0:c.label)??o.modelValue});return(c,s)=>(e.openBlock(),e.createBlock(te,{class:"onyx-component onyx-language-menu-item",onClick:s[2]||(s[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",Ts,e.toDisplayString(i.value),1)]),(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[e.createVNode(e.unref(At),{"model-value":o.modelValue,label:e.unref(r)("languageSelect.headline"),options:o.options,open:a.value,onClose:s[0]||(s[0]=u=>a.value=!1),"onUpdate:modelValue":s[1]||(s[1]=u=>l("update:modelValue",u))},{description:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(r)("languageSelect.subtitle")),1)]),_:1},8,["model-value","label","options","open"])]))]),_:1}))}}),Is='<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>',De=Symbol(),vt=Symbol(),Rt=Symbol(),Lt=Symbol(),ae=e.defineComponent({__name:"OnyxNavItemFacade",props:{link:{},open:{},label:{},active:{type:[Boolean,String]},disabled:{type:Boolean},color:{},context:{}},setup(n){const t=n,o=e.useSlots(),l=e.computed(()=>!!o.children);return(r,a)=>(e.openBlock(),e.createBlock(te,e.mergeProps(t,{link:l.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},[l.value?{name:"children",fn:e.withCtx(()=>[e.renderSlot(r.$slots,"children")]),key:"0"}:void 0]),1040,["link","class"]))}}),As=["aria-orientation"],Zo=e.defineComponent({__name:"OnyxNavSeparator",props:{orientation:{default:"vertical"}},setup(n){const t=n,o=e.inject(De,e.computed(()=>!1));return(l,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["onyx-component onyx-nav-separator",{"onyx-nav-separator--horizontal":t.orientation==="horizontal"||e.unref(o)}]),role:"separator","aria-orientation":t.orientation},null,10,As))}}),Rs={class:"onyx-nav-item-wrapper__controls"},Ls={role:"menu",class:"onyx-nav-item-wrapper__mobile-children"},_e=e.defineComponent({inheritAttrs:!1,__name:"OnyxNavItem",props:{link:{},label:{},active:{type:[Boolean,String],default:"auto"},open:{default:void 0}},emits:["update:open"],setup(n,{emit:t}){const o=n,l=t,r=e.useSlots(),{t:a}=w(),i=F({props:o,emit:l,key:"open",default:!1}),{restAttrs:c,rootAttrs:s}=j(),u=e.computed(()=>!!r.children),{isActive:p}=fe(),d=e.computed(()=>o.active!=="auto"?o.active:p.value(o.link)),f=e.inject(De,e.computed(()=>!1)),v=e.inject(Lt),m=e.inject(vt,!0);e.provide(vt,!1);const{componentRef:y,isVisible:h}=m?xs(Rt):{isVisible:e.toRef(!0)};return(g,x)=>e.unref(f)&&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(s)),[e.createElementVNode("div",Rs,[e.createVNode(me,{label:e.unref(a)("back"),mode:"plain",color:"neutral",icon:e.unref(Is),onClick:x[0]||(x[0]=_=>i.value=!1)},null,8,["label","icon"]),o.link?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createVNode(ae,e.mergeProps(e.unref(q)(o,e.unref(c)),{active:d.value,context:"mobile"}),{default:e.withCtx(()=>[e.renderSlot(g.$slots,"default")]),_:3},16,["active"]),e.createVNode(Zo,{orientation:"horizontal"})],64)):e.createCommentVNode("",!0)]),e.createElementVNode("ul",Ls,[e.renderSlot(g.$slots,"children")])],16)):e.unref(f)?(e.openBlock(),e.createBlock(ae,e.mergeProps({key:1},e.unref(q)(o,g.$attrs),{active:d.value,context:"mobile",onClick:x[1]||(x[1]=_=>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(m)&&u.value&&e.unref(h)?(e.openBlock(),e.createBlock(he,e.mergeProps({key:2},e.unref(s),{label:e.unref(a)("navItemOptionsLabel",{label:o.label})}),{button:e.withCtx(({trigger:_})=>[e.createVNode(ae,e.mergeProps(e.unref(q)(e.unref(c),o,_),{ref_key:"componentRef",ref:y,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(m)&&e.unref(h)?(e.openBlock(),e.createBlock(ae,e.mergeProps({key:3},e.unref(q)(o,g.$attrs),{ref_key:"componentRef",ref:y,active:d.value,context:"navbar"}),{default:e.withCtx(()=>[e.renderSlot(g.$slots,"default")]),_:3},16,["active"])):e.unref(h)?(e.openBlock(),e.createBlock(ae,e.mergeProps({key:4},e.unref(q)(o,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,disabled:!e.unref(v),to:e.unref(v)},[e.createVNode(ae,e.mergeProps(e.unref(q)(o,g.$attrs),{active:d.value,context:"list"}),{default:e.withCtx(()=>[e.renderSlot(g.$slots,"default")]),_:3},16,["active"])],8,["disabled","to"]))}}),Ds=n=>{const t=e.ref(),o=e.ref(lt(new Date(n.value).getTime())),l=e.computed(()=>o.value===0);return e.watch(n,r=>{clearInterval(t.value);const a=new Date(r).getTime();o.value=lt(a),t.value=setInterval(()=>{o.value=lt(a),l.value&&clearInterval(t.value)},1e3)},{immediate:!0}),e.onBeforeUnmount(()=>clearInterval(t.value)),{timeLeft:e.readonly(o),isEnded:l}},lt=n=>{const t=n-Date.now();return Math.max(t,0)},Wo=n=>{const t=Math.floor(n/6e4/60),o=Math.floor(n/6e4%60),l=Math.floor(n%6e4/1e3);return{hours:t,minutes:o,seconds:l}},Ps=(n,t)=>{const{hours:o,minutes:l,seconds:r}=Wo(n),a=s=>s.toString().padStart(2,"0");let i="",c=at(t.formatToParts(n,"seconds"));return l>0&&(c=at(t.formatToParts(n,"minutes"))),o>0&&(c=at(t.formatToParts(n,"hours")),i=`${a(o)}:`),`${i}${a(l)}:${a(r)} ${c}`},at=n=>{var t;return((t=n.at(-1))==null?void 0:t.value.replace(".","").trim())??""},zs=n=>{const{hours:t,minutes:o,seconds:l}=Wo(n);return`PT${t}H${o}M${l}S`},Fs=["aria-label"],Hs={key:0,class:"onyx-timer__label"},Us=["datetime"],Gs=e.defineComponent({__name:"OnyxTimer",props:{endTime:{},label:{},hideLabel:{type:Boolean}},emits:["timerEnded"],setup(n,{expose:t,emit:o}){const l=n,r=o,{locale:a}=w(),{timeLeft:i,isEnded:c}=Ds(e.computed(()=>l.endTime)),s=e.computed(()=>new Intl.RelativeTimeFormat(a.value,{numeric:"always",style:"short"})),u=e.computed(()=>Ps(i.value,s.value));return e.watchEffect(()=>c.value&&r("timerEnded")),t({timeLeft:i}),(p,d)=>(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",Hs,e.toDisplayString(l.label),1)),e.createElementVNode("time",{datetime:e.unref(zs)(e.unref(i)),class:"onyx-timer__time"},e.toDisplayString(u.value),9,Us)],8,Fs))}}),qs={class:"onyx-component"},Ks={class:"onyx-user-menu__footer onyx-text--small"},js=e.defineComponent({__name:"UserMenuLayout",props:{isMobile:{type:Boolean},flyoutOpen:{default:void 0},disabled:{type:Boolean}},emits:["update:flyoutOpen"],setup(n,{emit:t}){const o=n,r=F({props:o,emit:t,key:"flyoutOpen",default:!1}),a=e.useSlots(),{t:i}=w();return(c,s)=>(e.openBlock(),e.createElementBlock("div",qs,[o.isMobile?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.renderSlot(c.$slots,"header"),e.renderSlot(c.$slots,"options"),a.footer?(e.openBlock(),e.createBlock(Ye,{key:0,class:"onyx-user-menu__mobile-footer",disabled:""},{default:e.withCtx(()=>[e.renderSlot(c.$slots,"footer")]),_:3})):e.createCommentVNode("",!0)],64)):(e.openBlock(),e.createBlock(he,{key:1,open:e.unref(r),"onUpdate:open":s[0]||(s[0]=u=>e.isRef(r)?r.value=u:null),label:e.unref(i)("navigation.userMenuLabel"),alignment:"right",disabled:c.disabled},e.createSlots({button:e.withCtx(({trigger:u})=>[e.renderSlot(c.$slots,"button",{trigger:u})]),header:e.withCtx(()=>[e.renderSlot(c.$slots,"header")]),options:e.withCtx(()=>[e.renderSlot(c.$slots,"options")]),_:2},[a.footer?{name:"footer",fn:e.withCtx(()=>[e.createElementVNode("div",Ks,[e.renderSlot(c.$slots,"footer")])]),key:"0"}:void 0]),1032,["open","label","disabled"]))]))}}),Zs={class:"onyx-truncation-ellipsis"},Ws={class:"onyx-user-menu__header"},Ys={class:"onyx-truncation-ellipsis"},Js={class:"onyx-user-menu__username onyx-text onyx-truncation-ellipsis"},Xs={key:0,class:"onyx-user-menu__description onyx-text--small onyx-truncation-ellipsis"},Qs={class:"onyx-user-menu__options"},Yo=e.defineComponent({__name:"OnyxUserMenu",props:{fullName:{},avatar:{},description:{},flyoutOpen:{default:void 0},disabled:{type:Boolean}},emits:["update:flyoutOpen"],setup(n,{emit:t}){const o=n,l=t,r=e.useSlots(),a=F({props:o,emit:l,key:"flyoutOpen",default:!1}),i=e.computed(()=>typeof o.avatar=="object"?o.avatar:{src:o.avatar,fullName:o.fullName}),c=e.inject(De,e.computed(()=>!1));return(s,u)=>(e.openBlock(),e.createBlock(js,{"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(c)}]),"is-mobile":e.unref(c),disabled:s.disabled},e.createSlots({button:e.withCtx(({trigger:p})=>[e.createElementVNode("button",e.mergeProps({class:"onyx-user-menu__trigger onyx-text",type:"button"},p),[e.createVNode($e,e.mergeProps(i.value,{size:"24px"}),null,16),e.createElementVNode("span",Zs,e.toDisplayString(o.fullName),1)],16)]),header:e.withCtx(()=>[e.createElementVNode("div",Ws,[e.createVNode($e,e.mergeProps(i.value,{size:"48px"}),null,16),e.createElementVNode("div",Ys,[e.createElementVNode("div",Js,e.toDisplayString(o.fullName),1),o.description?(e.openBlock(),e.createElementBlock("div",Xs,e.toDisplayString(o.description),1)):e.createCommentVNode("",!0)])])]),options:e.withCtx(()=>[e.createElementVNode("div",Qs,[e.renderSlot(s.$slots,"default")])]),_:2},[r.footer?{name:"footer",fn:e.withCtx(()=>[e.renderSlot(s.$slots,"footer")]),key:"0"}:void 0]),1032,["flyout-open","class","is-mobile","disabled"]))}}),Jo='<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>',ei='<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>',Xo='<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>',ti={class:"onyx-nav-bar__content"},oi={key:0,class:"onyx-nav-bar__mobile-page onyx-truncation-ellipsis"},ni={role:"menubar"},li={ref:"moreListRef"},ai={key:0,class:"onyx-nav-bar__mobile-context"},ri={key:0,class:"onyx-nav-bar__mobile-global-context"},si={class:"onyx-nav-bar__mobile-context-content"},ii={key:1,class:"onyx-nav-bar__context"},Qo=e.defineComponent({__name:"OnyxNavBar",props:{appName:{},logoUrl:{},withBackButton:{type:Boolean},appArea:{},mobile:{type:[Boolean,String,Number],default:"sm"}},emits:["navigateBack"],setup(n,{expose:t,emit:o}){const l=n,r=o,a=e.useSlots(),i=e.useTemplateRef("navBarRef"),{width:c}=re(i),{t:s}=w(),{currentRoute:u}=fe(),{elements:{nav:p}}=wa({navigationName:e.toRef(()=>l.appName)}),d=e.ref(!1),f=e.ref(!1),v=(g,x)=>x!==0&&x<g,m=e.computed(()=>typeof l.mobile=="number"?v(l.mobile,c.value):typeof l.mobile=="string"?v(Ge[l.mobile],c.value):l.mobile),y=e.useTemplateRef("moreListRef");e.provide(De,m),e.provide(Lt,y);const h=()=>{d.value=!1,f.value=!1};return e.watch(u,()=>h(),{deep:!0}),t({closeMobileMenus:h}),(g,x)=>(e.openBlock(),e.createElementBlock("header",{ref:"navBarRef",class:e.normalizeClass(["onyx-component onyx-nav-bar",{"onyx-nav-bar--mobile":m.value}])},[e.createElementVNode("div",ti,[m.value&&a.mobileActivePage&&!d.value&&!f.value?(e.openBlock(),e.createElementBlock("span",oi,[e.renderSlot(g.$slots,"mobileActivePage")])):l.appName||l.logoUrl||a.appArea?(e.openBlock(),e.createBlock(qo,e.mergeProps({key:1,class:"onyx-nav-bar__app","app-name":l.appName,"logo-url":l.logoUrl},l.appArea),{default:e.withCtx(()=>[e.renderSlot(g.$slots,"appArea")]),_:3},16,["app-name","logo-url"])):e.createCommentVNode("",!0),l.withBackButton?(e.openBlock(),e.createBlock(It,{key:2,class:"onyx-nav-bar__back",label:e.unref(s)("navigation.goBack"),icon:e.unref(Jo),color:"neutral",onClick:x[0]||(x[0]=_=>r("navigateBack",_))},null,8,["label","icon"])):e.createCommentVNode("",!0),a.default?(e.openBlock(),e.createElementBlock(e.Fragment,{key:3},[m.value?(e.openBlock(),e.createBlock(yt,{key:0,open:d.value,"onUpdate:open":[x[1]||(x[1]=_=>d.value=_),x[2]||(x[2]=_=>f.value=!1)],class:"onyx-nav-bar__burger",icon:e.unref(ei),label:e.unref(s)("navigation.toggleBurgerMenu"),headline:e.unref(s)("navigation.navigationHeadline")},{default:e.withCtx(()=>[e.createElementVNode("nav",e.mergeProps({class:"onyx-nav-bar__nav--mobile"},e.unref(p)),[e.createElementVNode("ul",ni,[e.renderSlot(g.$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(Go,{is:"ul",role:"menubar","injection-key":e.unref(Rt)},{default:e.withCtx(({attributes:_})=>[e.createElementVNode("div",e.normalizeProps(e.guardReactiveProps(_)),[e.renderSlot(g.$slots,"default")],16)]),more:e.withCtx(({attributes:_,hiddenElements:k})=>[e.createVNode(he,e.mergeProps({label:e.unref(s)("navigation.showMoreNavItemsLabel")},_),{button:e.withCtx(({trigger:b})=>[e.createVNode(ae,e.mergeProps(b,{label:e.unref(s)("navigation.moreNavItems",{n:k}),context:"navbar"}),null,16,["label"])]),options:e.withCtx(()=>[e.createElementVNode("div",li,null,512)]),_:2},1040,["label"])]),_:3},8,["injection-key"])],16))],64)):e.createCommentVNode("",!0),a.contextArea||a.globalContextArea?(e.openBlock(),e.createElementBlock(e.Fragment,{key:4},[m.value?(e.openBlock(),e.createElementBlock("div",ai,[a.globalContextArea?(e.openBlock(),e.createElementBlock("div",ri,[e.renderSlot(g.$slots,"globalContextArea")])):e.createCommentVNode("",!0),a.contextArea?(e.openBlock(),e.createBlock(yt,{key:1,open:f.value,"onUpdate:open":[x[3]||(x[3]=_=>f.value=_),x[4]||(x[4]=_=>d.value=!1)],icon:e.unref(Xo),label:e.unref(s)("navigation.toggleContextMenu")},{default:e.withCtx(()=>[e.createElementVNode("div",si,[e.renderSlot(g.$slots,"contextArea")])]),_:3},8,["open","icon","label"])):e.createCommentVNode("",!0)])):(e.openBlock(),e.createElementBlock("div",ii,[a.globalContextArea?e.renderSlot(g.$slots,"globalContextArea",{key:0}):e.createCommentVNode("",!0),a.contextArea?e.renderSlot(g.$slots,"contextArea",{key:1}):e.createCommentVNode("",!0)]))],64)):e.createCommentVNode("",!0)])],2))}}),ci=n=>{const{locale:t,t:o}=w(),l=e.computed(()=>new Intl.RelativeTimeFormat(t.value,e.unref(n.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(n.time)).getTime()-r.value;return Math.floor(d/1e3)}),c={year:60*60*24*365,month:60*60*24*30,week:60*60*24*7,day:60*60*24,hour:60*60,minute:60},s=e.computed(()=>Object.keys(c).find(p=>Math.abs(i.value)>=c[p]));return{timeAgo:e.computed(()=>{if(!s.value)return o.value("now");const p=i.value/c[s.value],d=p<0?Math.ceil(p):Math.floor(p);return l.value.format(d,s.value)})}},ui={class:"onyx-notification-card__content"},di={class:"onyx-notification-card__header"},pi={class:"onyx-notification-card__header-container"},mi={class:"onyx-notification-card__header-container"},fi={class:"onyx-notification-card__created-at onyx-text--small"},yi={class:"onyx-notification-card__description onyx-text onyx-truncation-multiline"},vi={key:0,class:"onyx-notification-card__actions onyx-density-compact"},hi=e.defineComponent({__name:"OnyxNotificationCard",props:{density:{},headline:{},createdAt:{},unread:{type:Boolean},icon:{}},setup(n){const t=n,o=e.useSlots(),{densityClass:l}=E(t),{d:r,t:a}=w(),{timeAgo:i}=ci({time:e.toRef(t,"createdAt"),options:{numeric:"auto"}});return(c,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["onyx-component","onyx-notification-card",e.unref(l)])},[e.createElementVNode("div",ui,[e.createElementVNode("div",null,[e.createElementVNode("div",di,[e.createElementVNode("div",pi,[t.icon?(e.openBlock(),e.createBlock(C,{key:0,class:"onyx-notification-card__icon",icon:t.icon},null,8,["icon"])):e.createCommentVNode("",!0),e.createVNode(ce,{is:"h3"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.headline),1)]),_:1})]),e.createElementVNode("div",mi,[t.unread?(e.openBlock(),e.createBlock(Te,{key:0,dot:""})):e.createCommentVNode("",!0),o.headerActions?(e.openBlock(),e.createBlock(he,{key:1,class:"onyx-notification-card__more-actions",label:e.unref(a)("notificationCard.moreActions"),trigger:"click",alignment:"right"},{button:e.withCtx(({trigger:u})=>[e.createVNode(Q,e.mergeProps(u,{label:e.unref(a)("notificationCard.toggleActions"),icon:e.unref(Xo)}),null,16,["label","icon"])]),options:e.withCtx(()=>[e.renderSlot(c.$slots,"headerActions")]),_:3},8,["label"])):e.createCommentVNode("",!0)])]),e.createElementVNode("div",fi,[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",yi,[e.renderSlot(c.$slots,"default")]),o.actions?(e.openBlock(),e.createElementBlock("div",vi,[e.renderSlot(c.$slots,"actions")])):e.createCommentVNode("",!0)])],2))}}),gi={class:"onyx-component onyx-notification-dot"},xi=e.defineComponent({__name:"OnyxNotificationDot",props:{hidden:{type:Boolean,default:!1},color:{default:"warning"}},setup(n){const t=n;return(o,l)=>(e.openBlock(),e.createElementBlock("div",gi,[e.renderSlot(o.$slots,"default"),t.hidden?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(Te,{key:0,class:"onyx-notification-dot__badge",color:t.color,dot:""},null,8,["color"]))]))}}),en='<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>',_i={class:"onyx-info-card__content"},ki={key:2,class:"onyx-info-card__description onyx-text--small"},bi={key:3,class:"onyx-info-card__buttons onyx-density-compact"},tn=e.defineComponent({__name:"OnyxInfoCard",props:{density:{},headline:{},color:{default:"info"},icon:{type:[String,Boolean],default:en},closable:{type:Boolean,default:!1}},emits:["close"],setup(n,{emit:t}){const o=n,l=t,r=e.useSlots(),{t:a}=w(),{densityClass:i}=E(o);return(c,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["onyx-component","onyx-info-card",`onyx-info-card--${o.color}`,e.unref(i)])},[o.icon?(e.openBlock(),e.createBlock(C,{key:0,class:"onyx-info-card__icon",icon:o.icon},null,8,["icon"])):e.createCommentVNode("",!0),e.createElementVNode("div",_i,[o.headline?(e.openBlock(),e.createBlock(ce,{key:0,is:"h3",class:"onyx-info-card__headline onyx-truncation-multiline"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.headline),1)]),_:1})):e.createCommentVNode("",!0),o.closable?(e.openBlock(),e.createBlock(Q,{key:1,class:"onyx-info-card__close",icon:e.unref(ie),label:e.unref(a)("close"),color:o.color==="neutral"?"soft":"medium",onClick:s[0]||(s[0]=u=>l("close"))},null,8,["icon","label","color"])):e.createCommentVNode("",!0),r.default?(e.openBlock(),e.createElementBlock("p",ki,[e.renderSlot(c.$slots,"default")])):e.createCommentVNode("",!0),r.buttons?(e.openBlock(),e.createElementBlock("div",bi,[e.renderSlot(c.$slots,"buttons")])):e.createCommentVNode("",!0)])],2))}}),on=e.defineComponent({__name:"OnyxNotificationMessage",props:{headline:{},duration:{default:8e3},icon:{}},emits:["close"],setup(n,{emit:t}){const o=n,l=t,r=e.useSlots();return(a,i)=>(e.openBlock(),e.createBlock(tn,{class:e.normalizeClass(["onyx-component onyx-notification-message",["onyx-component","onyx-notification-message",o.duration?"":"onyx-notification-message--permanent"]]),headline:o.headline,color:"neutral",icon:o.icon??!1,closable:"",tabindex:"0",style:e.normalizeStyle({animationDuration:o.duration?`${o.duration}ms`:void 0}),role:"status","aria-label":o.headline,onClose:i[0]||(i[0]=c=>l("close")),onAnimationend:i[1]||(i[1]=c=>l("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"]))}}),Dt=Symbol(),nn=()=>{let n=1;const t=e.ref([]),o=r=>{const a=n++;t.value.unshift({...r,id:a,onClose:()=>l(a)})},l=r=>{t.value=t.value.filter(a=>a.id!==r)};return{notifications:e.computed(()=>t.value),show:o,remove:l}},ln=()=>{const n=()=>{console.warn('Trying to use "useNotification()" before the notifications provider has been provided. Make sure to "provide" it first.')};return e.inject(Dt,()=>({notifications:e.computed(()=>[]),show:n,remove:n}),!0)},Bi={key:0,class:"onyx-component onyx-notifications",role:"presentation","aria-live":"polite",open:""},wi=e.defineComponent({__name:"OnyxNotifications",setup(n){const t=ln();return(o,l)=>e.unref(t).notifications.value.length?(e.openBlock(),e.createElementBlock("dialog",Bi,[(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(on,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,c=>(e.openBlock(),e.createBlock(me,e.mergeProps({key:c.label},{ref_for:!0},c),null,16))),128))]),key:"0"}:void 0]),1040)}),128))])):e.createCommentVNode("",!0)}}),Ci={key:0,class:"onyx-page__sidebar"},Ei={class:"onyx-page__main"},Vi={key:1,class:"onyx-grid-container"},Si={key:1,class:"onyx-page__sidebar onyx-page__sidebar--right"},Ni={key:2,class:"onyx-page__footer"},$i=e.defineComponent({__name:"OnyxPageLayout",props:{skeleton:{type:Boolean},footerAlignment:{default:"full"},noPadding:{type:Boolean}},setup(n){const t=n,o=e.useSlots();return Ke(t),(l,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["onyx-component onyx-page",["onyx-component","onyx-page",t.footerAlignment==="page"?"onyx-page--footer-page":""]])},[o.sidebar?(e.openBlock(),e.createElementBlock("div",Ci,[e.renderSlot(l.$slots,"sidebar")])):e.createCommentVNode("",!0),e.createElementVNode("main",Ei,[t.noPadding?e.renderSlot(l.$slots,"default",{key:0}):(e.openBlock(),e.createElementBlock("div",Vi,[e.renderSlot(l.$slots,"default")]))]),o.sidebarRight?(e.openBlock(),e.createElementBlock("div",Si,[e.renderSlot(l.$slots,"sidebarRight")])):e.createCommentVNode("",!0),o.footer?(e.openBlock(),e.createElementBlock("div",Ni,[e.renderSlot(l.$slots,"footer")])):e.createCommentVNode("",!0)],2))}}),an=n=>{const o=e.ref(!1),l=a=>{const i=a.target;if(!(i instanceof Element))return;const c=e.unref(n.offset)??0;o.value=Math.abs(i.scrollTop)+i.clientHeight>=i.scrollHeight-c-1};return{vScrollEnd:{mounted:a=>{e.watchEffect(()=>{var c;(((c=n.enabled)==null?void 0:c.value)??!0)&&!n.loading.value?a.addEventListener("scroll",l):a.removeEventListener("scroll",l)})}},isScrollEnd:o}},Mi='<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>',Ti=["id","readonly","placeholder","required","disabled","aria-label","title","value","autofocus"],Oi=["aria-label","title","disabled"],rn=e.defineComponent({inheritAttrs:!1,__name:"OnyxSelectInput",props:{disabled:{default:A},showError:{default:A},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:D},error:{},message:{},success:{},placeholder:{},modelValue:{},textMode:{},hideSuccessIcon:{type:Boolean,default:!1},showFocus:{type:Boolean}},emits:["inputClick","validityChange"],setup(n,{expose:t,emit:o}){const{rootAttrs:l,restAttrs:r}=j(),a=n,i=o,{t:c}=w(),{vCustomValidity:s,errorMessages:u}=ue({props:a,emit:i}),p=e.computed(()=>Y(a.success)),d=e.computed(()=>Y(a.message)),{disabled:f,showError:v}=W(a),m=P(a),y=Le(v),h=e.computed(()=>a.modelValue?a.modelValue.length:0),g=e.computed(()=>{var O;const N=(O=a.modelValue)==null?void 0:O.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 c.value("selections.currentSelection",{n:N})}}),x=e.ref(!1),{densityClass:_}=E(a),k=e.useTemplateRef("inputRef");t({input:k}),e.watch(()=>a.showFocus,(N,O)=>{x.value||O&&N===!1&&(x.value=!0)});const b=xo.concat(_o),$=N=>{b.includes(N.key)||N.preventDefault()};return oe(k,a),(N,O)=>e.unref(m)?(e.openBlock(),e.createElementBlock("div",e.mergeProps({key:0,class:["onyx-component","onyx-select-input-skeleton",e.unref(_)]},e.unref(l)),[a.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(R,{key:0,class:"onyx-select-input-skeleton__label"})),e.createVNode(R,{class:"onyx-select-input-skeleton__input"})],16)):(e.openBlock(),e.createElementBlock("div",e.mergeProps({key:1,class:["onyx-component","onyx-select-input",e.unref(_),e.unref(y),a.readonly?"onyx-select-input--readonly":"onyx-select-input--editable"]},e.unref(l)),[e.createVNode(Ve,e.mergeProps(a,{message:d.value,"success-messages":p.value,"error-messages":e.unref(u)}),{default:e.withCtx(({id:V})=>[e.createElementVNode("div",{class:"onyx-select-input__wrapper",onClick:O[0]||(O[0]=T=>!e.unref(f)&&!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:V,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":x.value}},e.unref(r),{type:"text",readonly:a.readonly,placeholder:a.placeholder,required:a.required,disabled:e.unref(f)||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:$}),null,16,Ti),[[e.unref(s)]]),a.textMode==="preview"&&h.value>0?(e.openBlock(),e.createBlock(we,{key:1,text:g.value,position:"bottom"},{default:e.withCtx(({trigger:T})=>[e.createVNode(Te,e.mergeProps({class:"onyx-select-input__badge"},T,{color:"neutral"}),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(h.value),1)]),_:2},1040)]),_:1},8,["text"])):e.createCommentVNode("",!0),e.createElementVNode("button",{class:"onyx-select-input__button",type:"button","aria-label":e.unref(c)("select.toggleDropDown"),title:e.unref(c)("select.toggleDropDown"),tabindex:"-1",disabled:e.unref(f)||a.readonly||a.loading},[e.createVNode(C,{icon:e.unref(Mi)},null,8,["icon"])],8,Oi),!a.hideSuccessIcon&&p.value?(e.openBlock(),e.createBlock(C,{key:2,class:"onyx-select-input__check-icon",icon:e.unref(Je),color:"success"},null,8,["icon"])):e.createCommentVNode("",!0)])]),_:1},16,["message","success-messages","error-messages"])],16))}}),Ii=["checked","aria-labelledby","disabled","indeterminate"],ht=e.defineComponent({__name:"OnyxSelectOption",props:{active:{type:Boolean,default:!1},density:{},multiple:{type:Boolean,default:!1},indeterminate:{type:Boolean},icon:{},truncation:{default:"ellipsis"}},setup(n){const t=n;return(o,l)=>(e.openBlock(),e.createBlock(Ye,e.mergeProps({class:"onyx-component onyx-select-option"},t,{checked:!!o.$attrs["aria-checked"],selected:!!o.$attrs["aria-selected"],disabled:!!o.$attrs["aria-disabled"]}),{default:e.withCtx(()=>[t.multiple?(e.openBlock(),e.createElementBlock("input",{key:0,checked:!!o.$attrs["aria-checked"],"aria-labelledby":o.$attrs.id,disabled:!!o.$attrs["aria-disabled"],indeterminate:t.indeterminate,"aria-hidden":"true",tabindex:"-1",class:"onyx-select-option__checkbox",type:"checkbox"},null,8,Ii)):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(o.$slots,"default")],2)]),_:3},16,["checked","selected","disabled"]))}}),Ai={ref:"selectRef",class:"onyx-component onyx-select-wrapper"},Ri={class:"onyx-select__wrapper",tabindex:"-1"},Li={key:0,role:"group",class:"onyx-select__group"},Di={role:"option","aria-selected":"false"},Pi={key:0,role:"presentation",class:"onyx-select__group-name onyx-text--small"},zi={key:1,class:"onyx-select__slot"},Fi={key:2,class:"onyx-select__slot"},Hi={key:0,class:"onyx-select__description onyx-text--small"},Pt=e.defineComponent({__name:"OnyxSelect",props:{density:{},showError:{default:A},requiredMarker:{default:A},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:D},error:{},message:{},success:{},placeholder:{},textMode:{},hideSuccessIcon:{type:Boolean},truncation:{default:"ellipsis"},noFilter:{type:Boolean,default:!1},withSearch:{type:Boolean},multiple:{},withCheckAll:{},disabled:{default:A},valueLabel:{default:void 0},alignment:{default:"full"},listLabel:{},listDescription:{},options:{},lazyLoading:{},keepSelectionOrder:{type:Boolean,default:!1},modelValue:{default:void 0},open:{default:void 0},searchTerm:{}},emits:["lazyLoad","validityChange","update:searchTerm","update:modelValue","update:open"],setup(n,{expose:t,emit:o}){const l=n,r=o,a=e.useSlots(),{t:i}=w(),{densityClass:c}=E(l),s=F({props:l,emit:r,key:"modelValue"}),u=F({props:l,emit:r,key:"searchTerm",default:""}),p=F({props:l,emit:r,key:"open",default:!1}),d=e.useTemplateRef("selectRef"),{openDirection:f,updateOpenDirection:v}=bt(d),m=e.ref(),y=e.computed(()=>s.value===void 0?[]:l.multiple&&Array.isArray(s.value)?s.value:[s.value]),h=e.computed(()=>l.valueLabel!==void 0?Array.isArray(l.valueLabel)?l.valueLabel:[l.valueLabel]:y.value.reduce((B,L)=>{var K;const z=(K=l.options.find(({value:G})=>G===L))==null?void 0:K.label;return z&&B.push(z),B},[])),g=e.useTemplateRef("miniSearchRef"),x=e.useTemplateRef("selectInputRef"),_=e.computed(()=>l.noFilter||!u.value?l.options:l.options.filter(({label:B})=>ao(B,u.value)));e.watch(y,()=>{l.multiple||(m.value=y.value.at(0))},{immediate:!0});const k=e.useId(),b=e.computed(()=>(l.multiple&&l.withCheckAll&&!u.value?[k]:[]).concat(Gt.value)),$=async B=>{var K,G,ee;const L=Zt(Ut(),"group");if(l.keepSelectionOrder?Ne.value=Ue(L):Ne.value=Ue(L,i.value("selections.selectGroup")),l.readonly){p.value=!1;return}const z=p.value;p.value=!z,await e.nextTick(),p.value&&v(),z!==p.value&&(z?(u.value&&(u.value=""),B||(G=(K=x.value)==null?void 0:K.input)==null||G.focus()):(ee=g.value)==null||ee.focus())},N=()=>m.value=b.value.at(0),O=()=>m.value=b.value.at(-1),V=B=>{const L=b.value.findIndex(z=>z===B);L<b.value.length-1&&(m.value=b.value[L+1])},T=B=>{const L=b.value.findIndex(z=>z===B);L>0&&(m.value=b.value[L-1])},I=B=>{const L=_.value.find(z=>z.label.toLowerCase().trim().startsWith(B.toLowerCase()));L&&(m.value=L.value)},M=B=>u.value=B,Z=B=>{var K;if(B===k){(K=Fe.value)==null||K.handleChange(!Fe.value.state.value.modelValue);return}if(!_.value.find(({value:G})=>G===B))return;if(!l.multiple){s.value=B;return}y.value.some(G=>G===B)?s.value=y.value.filter(G=>G!==B):s.value=[...y.value,B]},S=e.computed(()=>l.withSearch?"list":"none"),{label:le,listLabel:H,listDescription:ge,multiple:Pe}=e.toRefs(l),{elements:{input:Se,option:U,group:xe,listbox:ze}}=ka({autocomplete:S,label:le,listLabel:H,listDescription:ge,multiple:Pe,activeOption:e.computed(()=>m.value),isExpanded:p,templateRef:d,onToggle:$,onActivateFirst:N,onActivateLast:O,onActivateNext:V,onActivatePrevious:T,onTypeAhead:I,onAutocomplete:M,onSelect:Z}),Ut=()=>{if(l.keepSelectionOrder||!s.value||!Array.isArray(s.value)||s.value.length==0)return _.value;const B=new Set(s.value);return _.value.map(L=>({...L,group:B.has(L.value)?i.value("selections.selectGroup"):L.group}))},Ne=e.ref(),{vScrollEnd:vn,isScrollEnd:hn}=an({enabled:e.computed(()=>{var B;return((B=l.lazyLoading)==null?void 0:B.enabled)??!1}),loading:e.computed(()=>l.loading),offset:e.computed(()=>{var B;return(B=l.lazyLoading)==null?void 0:B.scrollOffset})}),Xe=e.computed(()=>{if(!_.value.length)return l.withSearch&&u.value?i.value("select.noMatch"):i.value("select.empty")}),Gt=e.computed(()=>_.value.filter(B=>!B.disabled).map(({value:B})=>B)),Fe=e.computed(()=>{if(!(!l.multiple||!l.withCheckAll))return Co(Gt,y,B=>{const L=B.map(z=>{var K;return(K=l.options.find(({value:G})=>G===z))==null?void 0:K.value}).filter(z=>z!=null);s.value=L})}),Qe=e.computed(()=>{var L;if(!l.multiple)return"";const B=i.value("selections.selectAll");return typeof l.withCheckAll=="boolean"?B:((L=l.withCheckAll)==null?void 0:L.label)??B});e.watchEffect(()=>{hn.value&&r("lazyLoad")});const gn=e.computed(()=>{const B={...l,open:void 0,modelValue:h.value};return l.withSearch?{...B,onKeydown:Se.value.onKeydown}:{...B,...Se.value}});return t({input:e.computed(()=>{var B;return(B=x.value)==null?void 0:B.input})}),e.watch([_],()=>{const B=Zt(Ut(),"group");l.keepSelectionOrder?Ne.value=Ue(B):Ne.value=Ue(B,i.value("selections.selectGroup"))},{deep:!0,immediate:!0}),(B,L)=>(e.openBlock(),e.createElementBlock("div",Ai,[e.createVNode(Vt,{class:e.normalizeClass(e.unref(c)),label:l.listLabel,position:e.unref(f),alignment:l.alignment==="full"?"center":l.alignment,"fit-parent":l.alignment==="full",open:e.unref(p)},{default:e.withCtx(()=>[e.createVNode(rn,e.mergeProps({ref:"selectInputRef"},gn.value,{"show-focus":e.unref(p),autofocus:l.autofocus,onInputClick:$,onValidityChange:L[0]||(L[0]=z=>r("validityChange",z))}),null,16,["show-focus","autofocus"])]),content:e.withCtx(()=>{var z,K,G;return[e.withDirectives((e.openBlock(),e.createElementBlock("div",Ri,[l.withSearch?(e.openBlock(),e.createBlock(Mt,e.mergeProps({key:0,ref:"miniSearchRef",autofocus:"","model-value":e.unref(u)},e.unref(Se),{label:e.unref(i)("select.searchInputLabel"),class:"onyx-select__search",onClear:L[1]||(L[1]=ee=>u.value="")}),null,16,["model-value","label"])):e.createCommentVNode("",!0),e.createElementVNode("div",e.normalizeProps(e.guardReactiveProps(e.unref(ze))),[Xe.value?(e.openBlock(),e.createElementBlock("ul",Li,[e.createElementVNode("li",Di,[e.renderSlot(B.$slots,"empty",{defaultMessage:Xe.value},()=>[e.createVNode(Ct,{density:l.density},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(Xe.value),1)]),_:1},8,["density"])])])])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[l.multiple&&l.withCheckAll&&!e.unref(u)?(e.openBlock(),e.createElementBlock("ul",e.mergeProps({key:0,class:"onyx-select__check-all"},e.unref(xe)({label:Qe.value})),[e.createVNode(ht,e.mergeProps(e.unref(U)({value:e.unref(k),label:Qe.value,selected:(z=Fe.value)==null?void 0:z.state.value.modelValue}),{multiple:"",active:e.unref(k)===m.value,indeterminate:(K=Fe.value)==null?void 0:K.state.value.indeterminate,density:l.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(Ne.value,ee=>(e.openBlock(),e.createElementBlock("ul",e.mergeProps({key:ee.name,class:"onyx-select__group"},{ref_for:!0},e.unref(xe)({label:ee.name})),[ee.name!==""?(e.openBlock(),e.createElementBlock("li",Pi,e.toDisplayString(ee.name),1)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(ee.items,X=>(e.openBlock(),e.createBlock(ht,e.mergeProps({key:X.value.toString()},{ref_for:!0},e.unref(U)({value:X.value,label:X.label,disabled:X.disabled,selected:y.value.some(xn=>xn===X.value)}),{multiple:l.multiple,active:X.value===m.value,icon:X.icon,density:l.density,truncation:X.truncation??l.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),(G=l.lazyLoading)!=null&&G.loading?(e.openBlock(),e.createElementBlock("div",zi,[e.createVNode(J,{class:"onyx-select__loading"})])):e.createCommentVNode("",!0),a.optionsEnd?(e.openBlock(),e.createElementBlock("div",Fi,[e.renderSlot(B.$slots,"optionsEnd")])):e.createCommentVNode("",!0)])),[[e.unref(vn)]]),l.listDescription?(e.openBlock(),e.createElementBlock("div",Hi,e.toDisplayString(l.listDescription),1)):e.createCommentVNode("",!0)]}),_:3},8,["class","label","position","alignment","fit-parent","open"])],512))}}),Ui=["aria-label"],Gi={class:"onyx-pagination__count"},qi=["aria-label","disabled"],Ki=["aria-label","disabled"],ji=e.defineComponent({__name:"OnyxSelectPagination",props:{density:{},modelValue:{},pages:{},disabled:{type:Boolean},skeleton:{type:[Symbol,Boolean,Number],default:D}},emits:["update:modelValue"],setup(n,{emit:t}){const o=n,l=t,{t:r}=w(),{densityClass:a}=E(o),i=P(o),c=e.computed(()=>Array.from({length:o.pages},(p,d)=>{const f=d+1;return{label:f.toString(),value:f}})),s=e.computed(()=>o.modelValue<=1),u=e.computed(()=>o.modelValue>=o.pages);return(p,d)=>e.unref(i)?(e.openBlock(),e.createBlock(R,{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":o.modelValue.toString().length})},[e.createVNode(Pt,{class:"onyx-pagination__select",label:e.unref(r)("pagination.select.label"),"list-label":e.unref(r)("pagination.select.listLabel"),options:c.value,"model-value":o.modelValue,"value-label":o.modelValue.toString(),"hide-label":"",disabled:o.disabled||o.pages<=1,alignment:"left","with-search":"","onUpdate:modelValue":d[0]||(d[0]=f=>l("update:modelValue",f))},null,8,["label","list-label","options","model-value","value-label","disabled"]),e.createElementVNode("div",Gi,e.toDisplayString(e.unref(r)("pagination.ofPages",{n:o.pages})),1),e.createElementVNode("button",{class:"onyx-pagination__button","aria-label":e.unref(r)("pagination.previous"),type:"button",disabled:o.disabled||s.value,onClick:d[1]||(d[1]=f=>l("update:modelValue",o.modelValue-1))},[e.createVNode(C,{icon:e.unref(Jo)},null,8,["icon"])],8,qi),e.createElementVNode("button",{class:"onyx-pagination__button","aria-label":e.unref(r)("pagination.next"),type:"button",disabled:o.disabled||u.value,onClick:d[2]||(d[2]=f=>l("update:modelValue",o.modelValue+1))},[e.createVNode(C,{icon:e.unref(Do)},null,8,["icon"])],8,Ki)],14,Ui))}}),sn=e.defineComponent({__name:"OnyxPagination",props:{density:{},modelValue:{},pages:{},disabled:{type:Boolean,default:!1},skeleton:{type:[Symbol,Boolean,Number],default:D}},emits:["update:modelValue"],setup(n,{emit:t}){const o=n,l=t;return(r,a)=>(e.openBlock(),e.createBlock(ji,e.mergeProps(o,{"onUpdate:modelValue":a[0]||(a[0]=i=>l("update:modelValue",i))}),null,16))}}),Zi=["required","name","value","checked","disabled","autofocus"],gt=e.defineComponent({inheritAttrs:!1,__name:"OnyxRadioButton",props:{disabled:{default:A},showError:{},autofocus:{type:Boolean},required:{type:Boolean,default:!1},density:{},customError:{},value:{},label:{},loading:{type:Boolean,default:!1},skeleton:{type:[Symbol,Boolean,Number],default:D},truncation:{default:"ellipsis"},name:{},checked:{type:Boolean,default:!1}},emits:["validityChange"],setup(n,{expose:t,emit:o}){const l=n,r=o,{rootAttrs:a,restAttrs:i}=j(),{vCustomValidity:c,errorMessages:s}=ue({props:l,emit:r}),{densityClass:u}=E(l),{disabled:p}=W(l),d=P(l),f=e.useTemplateRef("inputRef");return t({input:f}),oe(f,l),(v,m)=>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(R,{class:"onyx-radio-button-skeleton__input"}),e.createVNode(R,{class:"onyx-radio-button-skeleton__label"})],16)):(e.openBlock(),e.createBlock(wt,e.mergeProps({key:1,disabled:e.unref(p),"error-messages":e.unref(s)},e.unref(a)),{default:e.withCtx(()=>[e.createElementVNode("label",{class:e.normalizeClass(["onyx-component","onyx-radio-button",e.unref(u)])},[l.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:l.required,name:l.name,value:l.value,checked:l.checked,disabled:e.unref(p),autofocus:l.autofocus},e.unref(i)),null,16,Zi)),[[e.unref(c)]]),e.createElementVNode("span",{class:e.normalizeClass(["onyx-radio-button__label",[`onyx-truncation-${l.truncation}`]])},e.toDisplayString(l.label),3)],2)]),_:1},16,["disabled","error-messages"]))}}),Wi=["disabled","aria-label"],Yi={key:0,class:"onyx-radio-group__label"},cn=e.defineComponent({__name:"OnyxRadioGroup",props:{truncation:{default:"ellipsis"},skeleton:{type:[Symbol,Boolean,Number],default:D},label:{},labelTooltip:{},hideLabel:{type:Boolean},name:{default:()=>e.useId()},density:{},customError:{},required:{type:Boolean,default:!1},requiredMarker:{default:A},disabled:{default:A},options:{},modelValue:{},direction:{default:"vertical"}},emits:["validityChange","update:modelValue"],setup(n,{expose:t,emit:o}){const l=n,{densityClass:r}=E(l),{disabled:a,requiredMarker:i}=W(l),{requiredMarkerClass:c,requiredTypeClass:s}=We(l,i),u=P(l),p=o,d=F({props:l,emit:p,key:"modelValue"}),f=(m,y)=>{m&&(d.value=y)},v=e.useTemplateRef("radiobuttonsRef");return t({inputs:e.computed(()=>(Array.isArray(v.value)?v.value:[v.value]).flatMap(y=>y==null?void 0:y.input).filter(y=>!!y))}),(m,y)=>(e.openBlock(),e.createElementBlock("fieldset",{class:e.normalizeClass(["onyx-component","onyx-radio-group",e.unref(r),e.unref(s)]),disabled:e.unref(a),role:"radiogroup","aria-label":l.label},[l.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("legend",Yi,[e.createVNode(ce,{is:"h3",class:e.normalizeClass(e.unref(c))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(l.label),1)]),_:1},8,["class"]),l.labelTooltip?(e.openBlock(),e.createBlock(Ie,{key:0,open:"hover",text:l.labelTooltip},null,8,["text"])):e.createCommentVNode("",!0)])),e.createElementVNode("div",{class:e.normalizeClass(["onyx-radio-group__content",{"onyx-radio-group__content--horizontal":l.direction==="horizontal"}])},[e.unref(u)?typeof e.unref(u)=="number"?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(e.unref(u),h=>(e.openBlock(),e.createBlock(gt,{id:`skeleton-${h}`,key:h,value:`skeleton-${h}`,label:"Skeleton ${i}",name:l.name,skeleton:""},null,8,["id","value","name"]))),128)):e.createCommentVNode("",!0):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(l.options,(h,g)=>(e.openBlock(),e.createBlock(gt,e.mergeProps({key:h.value.toString()},{ref_for:!0},h,{ref_for:!0,ref:"radiobuttonsRef",name:l.name,"custom-error":l.customError,checked:h.value===e.unref(d),required:l.required,truncation:h.truncation??l.truncation,onValidityChange:x=>g===0&&p("validityChange",x),onChange:x=>f(x,h.value)}),null,16,["name","custom-error","checked","required","truncation","onValidityChange","onChange"]))),128))],2)],10,Wi))}}),Ji=["_self","_blank","_parent","_top"],Xi=["full","left","right"],Qi=["summary","preview"],ec=e.defineComponent({__name:"OnyxSidebarItem",props:{density:{},link:{},active:{type:[Boolean,String],default:"auto"}},setup(n){const t=n,{densityClass:o}=E(t),{isActive:l}=fe(),r=e.computed(()=>typeof t.active=="boolean"?t.active:l.value(t.link)),a=e.computed(()=>t.link?Ce(t.link):void 0),i=e.computed(()=>["onyx-component","onyx-sidebar-item",o.value,r.value?"onyx-sidebar-item--active":""]);return(c,s)=>a.value?(e.openBlock(),e.createBlock(ve,e.mergeProps({key:0,class:i.value},a.value),{default:e.withCtx(()=>[e.renderSlot(c.$slots,"default")]),_:3},16,["class"])):(e.openBlock(),e.createElementBlock("button",{key:1,class:e.normalizeClass(i.value),type:"button"},[e.renderSlot(c.$slots,"default")],2))}}),tc=["aria-label"],oc={key:0,class:"onyx-sidebar__header"},nc={class:"onyx-sidebar__body"},lc={key:1,class:"onyx-sidebar__footer"},ac={class:"onyx-sidebar__footer"},rc=e.defineComponent({__name:"OnyxSidebar",props:{density:{},label:{},drawer:{},resizable:{type:Boolean},alignment:{default:"left"}},emits:["close"],setup(n,{emit:t}){const o=n,l=t,r=e.useSlots(),{densityClass:a}=E(o),i=e.useTemplateRef("sidebarRef"),c=e.useTemplateRef("drawerRef"),s=e.ref(),u=e.computed(()=>{if(s.value)return{"--onyx-sidebar-width":`${s.value}px`}}),p=e.computed(()=>({onUpdateWidth:d=>s.value=d,onAutoSize:()=>s.value=void 0,alignment:o.alignment==="left"?"right":"left"}));return(d,f)=>o.drawer?(e.openBlock(),e.createBlock(Fo,e.mergeProps({key:1},o.drawer,{ref:"drawerRef",label:o.label,density:o.density,class:"onyx-sidebar",style:u.value,alignment:o.alignment,onClose:f[0]||(f[0]=v=>l("close"))}),e.createSlots({default:e.withCtx(()=>[e.renderSlot(d.$slots,"default"),o.resizable?(e.openBlock(),e.createBlock(mt,e.mergeProps({key:0,element:c.value},p.value),null,16,["element"])):e.createCommentVNode("",!0)]),_:2},[r.header?{name:"headline",fn:e.withCtx(()=>[e.renderSlot(d.$slots,"header")]),key:"0"}:void 0,r.description?{name:"description",fn:e.withCtx(()=>[e.renderSlot(d.$slots,"description")]),key:"1"}:void 0,r.footer?{name:"footer",fn:e.withCtx(()=>[e.createElementVNode("div",ac,[e.renderSlot(d.$slots,"footer")])]),key:"2"}:void 0]),1040,["label","density","style","alignment"])):(e.openBlock(),e.createElementBlock("aside",{key:0,ref:"sidebarRef",class:e.normalizeClass(["onyx-component","onyx-sidebar",e.unref(a),o.alignment==="right"?"onyx-sidebar--right":""]),"aria-label":o.label,style:e.normalizeStyle(u.value)},[r.header?(e.openBlock(),e.createElementBlock("header",oc,[e.renderSlot(d.$slots,"header")])):e.createCommentVNode("",!0),e.createElementVNode("div",nc,[e.renderSlot(d.$slots,"default")]),r.footer?(e.openBlock(),e.createElementBlock("footer",lc,[e.renderSlot(d.$slots,"footer")])):e.createCommentVNode("",!0),o.resizable?(e.openBlock(),e.createBlock(mt,e.mergeProps({key:2,element:i.value},p.value),null,16,["element"])):e.createCommentVNode("",!0)],14,tc))}}),sc=["left","right"],ic='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 11.25h18v1.5H3z"/></svg>',cc='<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>',uc=(n,t,o)=>{const l=t??-1/0,r=o??1/0;return Math.min(Math.max(n,l),r)},dc=(n,t)=>{if(n==null)return"";if(t>=0)return n.toFixed(t);const o=Math.pow(10,t);return(Math.round(n*o)/o).toString()},pc=["Ki","Mi","Gi","Ti","Pi","Ei","Zi","Yi","Ri","Qi"],mc=n=>{const t=n.substring(n.length-3,n.length-1),o=pc.indexOf(t)+1;return+n.substring(0,n.length-3)*1024**o},fc=(n,t)=>{const o=["byte","kilobyte","megabyte","gigabyte","terabyte","petabyte"];let l=t==0?0:Math.floor(Math.log(t)/Math.log(1024));l=Math.min(l,o.length-1);const r=t/Math.pow(1024,l),a=o[l];return new Intl.NumberFormat(n,{style:"unit",unit:a,unitDisplay:"narrow"}).format(r)},yc={class:"onyx-stepper__wrapper"},vc=["disabled","aria-label"],hc=["aria-label","autofocus","disabled","min","max","name","placeholder","readonly","required","step","title"],gc=["disabled","aria-label"],un=e.defineComponent({inheritAttrs:!1,__name:"OnyxStepper",props:{disabled:{default:A},showError:{default:A},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:D},error:{},message:{},success:{},placeholder:{},min:{},max:{},stepSize:{default:1},precision:{},validStepSize:{},autocomplete:{},hideButtons:{type:Boolean,default:!1},modelValue:{}},emits:["validityChange","update:modelValue"],setup(n,{expose:t,emit:o}){const l=n,r=o,{t:a}=w(),i=e.useTemplateRef("inputRef"),{disabled:c,showError:s}=W(l),u=P(l),p=Le(s),{densityClass:d}=E(l),{vCustomValidity:f,errorMessages:v}=ue({props:l,emit:r}),m=e.computed(()=>Y(l.success)),y=e.computed(()=>Y(l.message)),{rootAttrs:h,restAttrs:g}=j(),x=e.ref(!1),_=F({props:l,emit:r,key:"modelValue"}),k=e.ref(),b=e.computed(()=>T=>l.precision!==void 0&&T!=null?dc(T,l.precision):(T==null?void 0:T.toString())??"");e.watchEffect(()=>{k.value=b.value(_.value)});const $=T=>{x.value=!0;const I=_.value||0,M=(T==="stepUp"?1:-1)*l.stepSize,Z=parseFloat(b.value(I+M));_.value=uc(Z,l.min,l.max)},N=()=>{if(x.value=!0,k.value==null){_.value=void 0;return}k.value=b.value(parseFloat(k.value)),_.value=parseFloat(k.value)},O=e.computed(()=>a.value("stepper.increment",{stepSize:l.stepSize})),V=e.computed(()=>a.value("stepper.decrement",{stepSize:l.stepSize}));return t({input:i}),oe(i,l),(T,I)=>e.unref(u)?(e.openBlock(),e.createElementBlock("div",e.mergeProps({key:0,class:["onyx-component","onyx-stepper-skeleton",e.unref(d)]},e.unref(h)),[l.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(R,{key:0,class:"onyx-stepper-skeleton__label"})),e.createVNode(R,{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(h)),[e.createVNode(Ve,e.mergeProps(l,{message:y.value,"success-messages":m.value,"error-messages":e.unref(v)}),{default:e.withCtx(()=>[e.createElementVNode("div",yc,[l.hideButtons?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("button",{key:0,type:"button",class:"onyx-stepper__counter",disabled:e.unref(c)||T.readonly||l.loading||l.min!==void 0&&e.unref(_)!==void 0&&e.unref(_)!==null&&e.unref(_)<=l.min,"aria-label":V.value,tabindex:"-1",onClick:I[0]||(I[0]=M=>$("stepDown"))},[e.createVNode(C,{icon:e.unref(ic)},null,8,["icon"])],8,vc)),l.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":I[1]||(I[1]=M=>k.value=M),class:["onyx-stepper__native",{"onyx-stepper__native--touched":x.value}],type:"number","aria-label":l.label,autofocus:l.autofocus,disabled:e.unref(c)||l.loading,min:l.min,max:l.max,name:l.name,placeholder:l.placeholder,readonly:l.readonly,required:l.required,step:l.validStepSize??"any",title:l.hideLabel?l.label:void 0},e.unref(g),{onChange:N,onKeydown:[I[2]||(I[2]=e.withKeys(e.withModifiers(M=>$("stepUp"),["prevent"]),["up"])),I[3]||(I[3]=e.withKeys(e.withModifiers(M=>$("stepDown"),["prevent"]),["down"]))]}),null,16,hc)),[[e.vModelText,k.value],[e.unref(f)]]),l.hideButtons?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("button",{key:3,type:"button",class:"onyx-stepper__counter",disabled:e.unref(c)||T.readonly||l.loading||l.max!==void 0&&e.unref(_)!==void 0&&e.unref(_)!==null&&e.unref(_)>=l.max,"aria-label":O.value,tabindex:"-1",onClick:I[4]||(I[4]=M=>$("stepUp"))},[e.createVNode(C,{icon:e.unref(cc)},null,8,["icon"])],8,gc))])]),_:1},16,["message","success-messages","error-messages"])],16))}}),xc={class:"onyx-switch-skeleton__click-area"},_c=["title"],kc=["aria-label","disabled","required","autofocus"],bc={class:"onyx-switch__click-area"},Bc={class:"onyx-switch__container"},wc={class:"onyx-switch__icon"},dn=e.defineComponent({inheritAttrs:!1,__name:"OnyxSwitch",props:{disabled:{default:A},showError:{},requiredMarker:{default:A},autofocus:{type:Boolean},required:{type:Boolean},density:{},customError:{},label:{},hideLabel:{type:Boolean},loading:{type:Boolean,default:!1},skeleton:{type:[Symbol,Boolean,Number],default:D},truncation:{default:"ellipsis"},modelValue:{default:void 0}},emits:["update:modelValue","validityChange"],setup(n,{expose:t,emit:o}){const l=n,r=o,{rootAttrs:a,restAttrs:i}=j(),{densityClass:c}=E(l),{disabled:s,showError:u,requiredMarker:p}=W(l),{requiredMarkerClass:d,requiredTypeClass:f}=We(l,p),{vCustomValidity:v,errorMessages:m}=ue({props:l,emit:r}),y=e.computed(()=>u.value!==!1?m.value:void 0),h=e.computed(()=>l.hideLabel&&l.label||void 0),g=P(l),x=F({props:l,emit:r,key:"modelValue",default:!1}),_=e.useTemplateRef("inputRef");return t({input:_}),oe(_,l),(k,b)=>e.unref(g)?(e.openBlock(),e.createElementBlock("div",e.mergeProps({key:0,class:["onyx-component","onyx-switch-skeleton",e.unref(c)]},e.unref(a)),[e.createElementVNode("span",xc,[e.createVNode(R,{class:"onyx-switch-skeleton__input"})]),l.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(R,{key:0,class:"onyx-switch-skeleton__label"}))],16)):(e.openBlock(),e.createBlock(wt,e.mergeProps({key:1,disabled:e.unref(s),"error-messages":y.value},e.unref(a)),{default:e.withCtx(()=>[e.createElementVNode("label",{class:e.normalizeClass(["onyx-component onyx-switch",[e.unref(f),e.unref(c)]]),title:h.value},[e.withDirectives(e.createElementVNode("input",e.mergeProps({ref:"inputRef","onUpdate:modelValue":b[0]||(b[0]=$=>e.isRef(x)?x.value=$:null),type:"checkbox",role:"switch",class:{"onyx-switch__input":!0,"onyx-switch__loading":l.loading},"aria-label":l.hideLabel?l.label:void 0,disabled:e.unref(s)||l.loading,required:l.required,autofocus:l.autofocus},e.unref(i)),null,16,kc),[[e.vModelCheckbox,e.unref(x)],[e.unref(v)]]),e.createElementVNode("span",bc,[e.createElementVNode("span",Bc,[e.createElementVNode("span",wc,[l.loading?(e.openBlock(),e.createBlock(J,{key:0,class:"onyx-switch__spinner",type:"circle"})):(e.openBlock(),e.createBlock(C,{key:1,icon:e.unref(x)?e.unref(Je):e.unref(ie)},null,8,["icon"]))]),b[1]||(b[1]=e.createElementVNode("div",{class:"onyx-switch__frame"},null,-1))])]),l.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(["onyx-switch__label",[`onyx-truncation-${l.truncation}`,l.truncation==="multiline"?e.unref(d):void 0]])},e.toDisplayString(l.label),3)),!l.hideLabel&&l.truncation==="ellipsis"?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["onyx-switch__marker",[e.unref(d)]])},null,2)):e.createCommentVNode("",!0)],10,_c)]),_:1},16,["disabled","error-messages"]))}}),Cc=["intense","soft","medium"],zt=Symbol(),Ec=["disabled"],Vc={class:"onyx-tab__label"},Sc=e.defineComponent({__name:"OnyxTab",props:{density:{},value:{},label:{},disabled:{type:Boolean,default:!1},skeleton:{type:[Symbol,Boolean,Number],default:D}},setup(n){const t=n,{densityClass:o}=E(t),l=e.inject(zt),r=P(t),a=e.computed(()=>`onyx-tab--${l==null?void 0:l.size.value}`),i=e.computed(()=>l==null?void 0:l.headless.elements.tab.value({value:t.value,disabled:t.disabled||!!r.value}));return(c,s)=>{var u,p,d,f,v;return e.openBlock(),e.createElementBlock(e.Fragment,null,[e.unref(r)?(e.openBlock(),e.createBlock(R,e.mergeProps({key:0,class:["onyx-tab-skeleton",e.unref(o),a.value]},i.value),null,16,["class"])):(e.openBlock(),e.createElementBlock("button",e.mergeProps({key:1,class:["onyx-component","onyx-tab",e.unref(o),a.value,(u=i.value)!=null&&u["aria-selected"]?"onyx-tab--selected":""]},i.value,{type:"button",disabled:t.disabled}),[e.createElementVNode("div",Vc,[e.renderSlot(c.$slots,"tab",{},()=>[e.createTextVNode(e.toDisplayString(t.label),1)])])],16,Ec)),(p=e.unref(l))!=null&&p.panel.value?(e.openBlock(),e.createBlock(e.Teleport,{key:2,to:(d=e.unref(l))==null?void 0:d.panel.value,defer:""},[(f=i.value)!=null&&f["aria-selected"]?(e.openBlock(),e.createElementBlock("div",e.mergeProps({key:0},(v=e.unref(l))==null?void 0:v.headless.elements.tabpanel.value({value:t.value}),{class:"onyx-tab__panel"}),[e.renderSlot(c.$slots,"default")],16)):e.createCommentVNode("",!0)],8,["to"])):e.createCommentVNode("",!0)],64)}}}),Nc=e.defineComponent({__name:"OnyxTabs",props:{density:{},skeleton:{type:Boolean},label:{},modelValue:{},stretched:{type:Boolean},size:{default:"h2"}},emits:["update:modelValue"],setup(n,{emit:t}){const o=n,l=t,{densityClass:r}=E(o),a=F({props:o,emit:l,key:"modelValue"}),i=Ca({label:e.toRef(o,"label"),selectedTab:e.toRef(()=>a.value),onSelect:s=>a.value=s}),c=e.useTemplateRef("panelRef");return Ke(o),e.provide(zt,{headless:i,panel:c,size:e.toRef(o,"size")}),(s,u)=>(e.openBlock(),e.createElementBlock("div",{ref:"panelRef",class:e.normalizeClass(["onyx-component","onyx-tabs",e.unref(r),o.stretched?"onyx-tabs--stretched":""])},[e.createElementVNode("div",e.mergeProps(e.unref(i).elements.tablist.value,{class:"onyx-tabs__tablist"}),[e.renderSlot(s.$slots,"default")],16)],2))}}),$c={class:"onyx-text onyx-truncation-ellipsis"},Mc={class:"onyx-text onyx-truncation-ellipsis"},pe=e.defineComponent({__name:"OnyxTag",props:{density:{},label:{},color:{default:"neutral"},icon:{},clickable:{},skeleton:{type:[Symbol,Boolean,Number],default:D}},setup(n){const t=n,{densityClass:o}=E(t),l=P(t),r=e.computed(()=>["onyx-component","onyx-tag",`onyx-tag--${t.color}`,{"onyx-tag--interactive":t.clickable},o.value]);return(a,i)=>e.unref(l)?(e.openBlock(),e.createBlock(R,{key:0,class:e.normalizeClass(["onyx-tag-skeleton",e.unref(o)])},null,8,["class"])):t.clickable?(e.openBlock(),e.createBlock(we,{key:1,text:typeof t.clickable=="object"?t.clickable.label:t.clickable},{default:e.withCtx(({trigger:c})=>[e.createElementVNode("button",e.mergeProps(c,{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",$c,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",Mc,e.toDisplayString(t.label),1)],2))}}),Tc={},Oc={class:"onyx-component onyx-error-svg",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1119.60911 699","xmlns:xlink":"http://www.w3.org/1999/xlink","aria-hidden":"true"};function Ic(n,t){return e.openBlock(),e.createElementBlock("svg",Oc,t[0]||(t[0]=[e.createStaticVNode('<circle cx="292.60911" cy="213" r="213" fill="var(--onyx-error-svg-background-color-circle)"></circle><path d="M31.39089,151.64237c0,77.49789,48.6181,140.20819,108.70073,140.20819" transform="translate(-31.39089 -100.5)" fill="var(--onyx-error-svg-background-color)"></path><path d="M140.09162,291.85056c0-78.36865,54.255-141.78356,121.30372-141.78356" transform="translate(-31.39089 -100.5)" fill="var(--onyx-error-svg-background-color-primary)"></path><path d="M70.77521,158.66768c0,73.61476,31.00285,133.18288,69.31641,133.18288" transform="translate(-31.39089 -100.5)" fill="var(--onyx-error-svg-background-color-primary)"></path><path d="M140.09162,291.85056c0-100.13772,62.7103-181.16788,140.20819-181.16788" transform="translate(-31.39089 -100.5)" fill="var(--onyx-error-svg-background-color)"></path><ellipse cx="198.60911" cy="424.5" rx="187" ry="25.43993" fill="var(--onyx-error-svg-background-color-accent)"></ellipse><ellipse cx="198.60911" cy="424.5" rx="157" ry="21.35866" opacity="0.1"></ellipse><ellipse cx="836.60911" cy="660.5" rx="283" ry="38.5" fill="var(--onyx-error-svg-background-color-accent)"></ellipse><ellipse cx="310.60911" cy="645.5" rx="170" ry="23.12721" fill="var(--onyx-error-svg-background-color-accent)"></ellipse><path d="M494,726.5c90,23,263-30,282-90" transform="translate(-31.39089 -100.5)" fill="none" stroke="var(--onyx-error-svg-background-color-cable)" stroke-miterlimit="10" stroke-width="2"></path><path d="M341,359.5s130-36,138,80-107,149-17,172" transform="translate(-31.39089 -100.5)" fill="none" stroke="var(--onyx-error-svg-background-color-cable)" stroke-miterlimit="10" stroke-width="2"></path><path d="M215.40233,637.78332s39.0723-10.82,41.47675,24.04449-32.15951,44.78287-5.10946,51.69566" transform="translate(-31.39089 -100.5)" fill="none" stroke="var(--onyx-error-svg-background-color-cable)" stroke-miterlimit="10" stroke-width="2"></path><path d="M810.09554,663.73988,802.218,714.03505s-38.78182,20.60284-11.51335,21.20881,155.73324,0,155.73324,0,24.84461,0-14.54318-21.81478l-7.87756-52.719Z" transform="translate(-31.39089 -100.5)" fill="var(--onyx-error-svg-background-color)"></path><path d="M785.21906,734.69812c6.193-5.51039,16.9989-11.252,16.9989-11.252l7.87756-50.2952,113.9216.10717,7.87756,49.582c9.185,5.08711,14.8749,8.987,18.20362,11.97818,5.05882-1.15422,10.58716-5.44353-18.20362-21.38921l-7.87756-52.719-113.9216,3.02983L802.218,714.03506S769.62985,731.34968,785.21906,734.69812Z" transform="translate(-31.39089 -100.5)" opacity="0.1"></path><rect x="578.43291" y="212.68859" width="513.25314" height="357.51989" rx="18.04568" fill="var(--onyx-error-svg-background-color)"></rect><rect x="595.70294" y="231.77652" width="478.71308" height="267.83694" fill="var(--onyx-error-svg-background-color-accent)"></rect><circle cx="835.05948" cy="223.29299" r="3.02983" fill="var(--onyx-error-svg-background-color-device-controls)"></circle><path d="M1123.07694,621.32226V652.6628a18.04341,18.04341,0,0,1-18.04568,18.04568H627.86949A18.04341,18.04341,0,0,1,609.8238,652.6628V621.32226Z" transform="translate(-31.39089 -100.5)" fill="var(--onyx-error-svg-background-color)"></path><polygon points="968.978 667.466 968.978 673.526 642.968 673.526 642.968 668.678 643.417 667.466 651.452 645.651 962.312 645.651 968.978 667.466" fill="var(--onyx-error-svg-background-color)"></polygon><path d="M1125.828,762.03359c-.59383,2.539-2.83591,5.21743-7.90178,7.75032-18.179,9.08949-55.1429-2.42386-55.1429-2.42386s-28.4804-4.84773-28.4804-17.573a22.72457,22.72457,0,0,1,2.49658-1.48459c7.64294-4.04351,32.98449-14.02122,77.9177.42248a18.73921,18.73921,0,0,1,8.54106,5.59715C1125.07908,756.45353,1126.50669,759.15715,1125.828,762.03359Z" transform="translate(-31.39089 -100.5)" fill="var(--onyx-error-svg-background-color)"></path><path d="M1125.828,762.03359c-22.251,8.526-42.0843,9.1622-62.43871-4.975-10.26507-7.12617-19.59089-8.88955-26.58979-8.75618,7.64294-4.04351,32.98449-14.02122,77.9177.42248a18.73921,18.73921,0,0,1,8.54106,5.59715C1125.07908,756.45353,1126.50669,759.15715,1125.828,762.03359Z" transform="translate(-31.39089 -100.5)" opacity="0.1"></path><ellipse cx="1066.53846" cy="654.13477" rx="7.87756" ry="2.42386" fill="var(--onyx-error-svg-background-color-device-controls)"></ellipse><circle cx="835.05948" cy="545.66686" r="11.51335" fill="var(--onyx-error-svg-background-color-device-controls)"></circle><polygon points="968.978 667.466 968.978 673.526 642.968 673.526 642.968 668.678 643.417 667.466 968.978 667.466" opacity="0.1"></polygon><rect x="108.60911" y="159" width="208" height="242" fill="var(--onyx-error-svg-background-color)"></rect><rect x="87.60911" y="135" width="250" height="86" fill="var(--onyx-error-svg-background-color-accent)"></rect><rect x="87.60911" y="237" width="250" height="86" fill="var(--onyx-error-svg-background-color-accent)"></rect><rect x="87.60911" y="339" width="250" height="86" fill="var(--onyx-error-svg-background-color-accent)"></rect><rect x="271.60911" y="150" width="16" height="16" fill="var(--onyx-error-svg-background-color-primary)" opacity="0.4"></rect><rect x="294.60911" y="150" width="16" height="16" fill="var(--onyx-error-svg-background-color-primary)" opacity="0.8"></rect><rect x="317.60911" y="150" width="16" height="16" fill="var(--onyx-error-svg-background-color-primary)"></rect><rect x="271.60911" y="251" width="16" height="16" fill="var(--onyx-error-svg-background-color-primary)" opacity="0.4"></rect><rect x="294.60911" y="251" width="16" height="16" fill="var(--onyx-error-svg-background-color-primary)" opacity="0.8"></rect><rect x="317.60911" y="251" width="16" height="16" fill="var(--onyx-error-svg-background-color-primary)"></rect><rect x="271.60911" y="352" width="16" height="16" fill="var(--onyx-error-svg-background-color-primary)" opacity="0.4"></rect><rect x="294.60911" y="352" width="16" height="16" fill="var(--onyx-error-svg-background-color-primary)" opacity="0.8"></rect><rect x="317.60911" y="352" width="16" height="16" fill="var(--onyx-error-svg-background-color-primary)"></rect><circle cx="316.60911" cy="538" r="79" fill="var(--onyx-error-svg-background-color)"></circle><rect x="280.60911" y="600" width="24" height="43" fill="var(--onyx-error-svg-background-color)"></rect><rect x="328.60911" y="600" width="24" height="43" fill="var(--onyx-error-svg-background-color)"></rect><ellipse cx="300.60911" cy="643.5" rx="20" ry="7.5" fill="var(--onyx-error-svg-background-color)"></ellipse><ellipse cx="348.60911" cy="642.5" rx="20" ry="7.5" fill="var(--onyx-error-svg-background-color)"></ellipse><circle cx="318.60911" cy="518" r="27" fill="var(--onyx-error-svg-background-color-face)"></circle><circle cx="318.60911" cy="518" r="9" fill="var(--onyx-error-svg-background-color-accent)"></circle><path d="M271.36733,565.03228c-6.37889-28.56758,14.01185-57.43392,45.544-64.47477s62.2651,10.41,68.644,38.9776-14.51861,39.10379-46.05075,46.14464S277.74622,593.59986,271.36733,565.03228Z" transform="translate(-31.39089 -100.5)" fill="var(--onyx-error-svg-background-color-primary)"></path><ellipse cx="417.21511" cy="611.34365" rx="39.5" ry="12.40027" transform="translate(-238.28665 112.98044) rotate(-23.17116)" fill="var(--onyx-error-svg-background-color)"></ellipse><ellipse cx="269.21511" cy="664.34365" rx="39.5" ry="12.40027" transform="translate(-271.07969 59.02084) rotate(-23.17116)" fill="var(--onyx-error-svg-background-color)"></ellipse><path d="M394,661.5c0,7.732-19.90861,23-42,23s-43-14.268-43-22,20.90861-6,43-6S394,653.768,394,661.5Z" transform="translate(-31.39089 -100.5)" fill="var(--onyx-error-svg-background-color-face)"></path>',48)]))}const Ac=Ze(Tc,[["render",Ic]]),pn=e.defineComponent({__name:"OnyxFileUploadSVG",props:{disabled:{type:Boolean},active:{type:Boolean}},setup(n){const t=n;return(o,l)=>(e.openBlock(),e.createElementBlock("svg",{class:e.normalizeClass(["onyx-component onyx-file-upload-svg",{"onyx-file-upload-svg--disabled":t.disabled,"onyx-file-upload-svg--active":t.active}]),width:"50",height:"64",viewBox:"0 0 50 64",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},l[0]||(l[0]=[e.createElementVNode("path",{d:"M8 0.5H34.793L43.5 9.20703V50C43.5 54.1421 40.1421 57.5 36 57.5H8C3.85786 57.5 0.5 54.1421 0.5 50V8C0.500001 3.85786 3.85787 0.5 8 0.5Z",fill:"var(--onyx-file-upload-svg-background-color)",stroke:"var(--onyx-file-upload-svg-border-color)"},null,-1),e.createElementVNode("path",{d:"M34 0L39 5L44 10H38C35.7909 10 34 8.20914 34 6V0Z",fill:"var(--onyx-file-upload-svg-border-color)"},null,-1),e.createElementVNode("path",{d:"M18 48C18 39.1634 25.1634 32 34 32C42.8366 32 50 39.1634 50 48C50 56.8366 42.8366 64 34 64C25.1634 64 18 56.8366 18 48Z",fill:"var(--onyx-file-upload-svg-background-color-bubble)"},null,-1),e.createElementVNode("path",{d:"M39.2005 42.2123H39.1668C38.5307 41.0817 37.5611 40.175 36.3905 39.616C35.2198 39.0571 33.9051 38.8731 32.626 39.0893C31.3469 39.3056 30.1657 39.9114 29.2438 40.824C28.3218 41.7367 27.7041 42.9117 27.475 44.1886C26.316 44.3486 25.2615 44.9441 24.5258 45.8538C23.7901 46.7636 23.4284 47.9194 23.5144 49.0862C23.6004 50.2531 24.1275 51.3434 24.9886 52.1355C25.8496 52.9276 26.9801 53.3621 28.15 53.3506H33.25V57.0001H34.75V53.3506H39.2005C40.6409 53.3123 42.0073 52.7047 43.0006 51.6609C43.9939 50.6172 44.5331 49.2223 44.5 47.7818C44.525 47.0663 44.4071 46.353 44.153 45.6837C43.8989 45.0143 43.5138 44.4024 43.0203 43.8838C42.5268 43.3651 41.9347 42.9501 41.2788 42.6631C40.6229 42.3761 39.9164 42.2229 39.2005 42.2123ZM39.2005 51.8506H34.75V47.4631L36.7405 49.3006L37.7583 48.1988L34 44.7293L30.241 48.1988L31.2588 49.3006L33.25 47.4631V51.8506H28.15C27.7382 51.857 27.3291 51.7814 26.9468 51.6282C26.5644 51.475 26.2163 51.2473 25.9228 50.9583C25.6293 50.6693 25.3962 50.3248 25.2371 49.9449C25.0779 49.5649 24.996 49.1571 24.996 48.7452C24.996 48.3333 25.0779 47.9255 25.2371 47.5455C25.3962 47.1656 25.6293 46.8211 25.9228 46.5321C26.2163 46.2431 26.5644 46.0154 26.9468 45.8622C27.3291 45.709 27.7382 45.6334 28.15 45.6398H28.8573L28.8985 44.9341C28.9785 43.8759 29.4074 42.8742 30.118 42.086C30.8286 41.2978 31.7807 40.7678 32.825 40.5791C33.8693 40.3903 34.9467 40.5535 35.8882 41.0431C36.8298 41.5326 37.5822 42.3208 38.0275 43.2841L38.2353 43.7386L38.7348 43.7221C38.7865 43.7221 39.1465 43.7138 39.1998 43.7138C39.7178 43.7266 40.2281 43.8425 40.7008 44.0547C41.1735 44.2669 41.5992 44.5712 41.953 44.9498C42.3068 45.3284 42.5817 45.7737 42.7614 46.2597C42.9412 46.7457 43.0223 47.2626 43 47.7803C43.0338 48.8234 42.653 49.8373 41.9409 50.6002C41.2288 51.363 40.2434 51.8126 39.2005 51.8506Z",fill:"var(--onyx-file-upload-svg-color-bubble)"},null,-1)]),2))}}),Rc=["disabled"],Lc={class:"onyx-file-upload__content"},Dc={class:"onyx-file-upload__label onyx-text"},Pc={key:0,class:"onyx-file-upload__text onyx-text--small"},zc={key:1,class:"onyx-file-upload__text onyx-text--small"},Fc={key:2,class:"onyx-file-upload__text onyx-text--small"},Hc=["accept","multiple","disabled","name"],Uc=e.defineComponent({inheritAttrs:!1,__name:"OnyxFileUpload",props:{density:{},name:{},modelValue:{},multiple:{},accept:{default:()=>[]},maxSize:{},maxTotalSize:{},maxCount:{},replace:{},disabled:{type:Boolean}},emits:["update:modelValue"],setup(n,{emit:t}){const o=n,l=t,{t:r,locale:a}=w(),{densityClass:i}=E(o),{restAttrs:c,rootAttrs:s}=j(),u=F({props:o,emit:l,key:"modelValue"}),p=e.useTemplateRef("inputRef"),d=e.computed(()=>u.value?Array.isArray(u.value)?u.value:[u.value]:[]),f=x=>{let _;o.multiple?o.replace?_=x.slice():_=d.value.concat(x):_=x[0],u.value=_},v=x=>{const _=x.target,k=Array.from(_.files??[]);f(k),_.value=""},m=e.computed(()=>x=>{const _=typeof x=="number"?x:mc(x);return fc(a.value,_)}),y=e.ref(!1),h=x=>{var k;if(o.disabled)return;y.value=!1;const _=Array.from(((k=x.dataTransfer)==null?void 0:k.files)??[]);f(_)},g=()=>{o.disabled||(y.value=!0)};return(x,_)=>{var k,b;return e.openBlock(),e.createElementBlock("div",e.mergeProps({class:["onyx-component","onyx-file-upload-wrapper",e.unref(i)]},e.unref(s)),[e.createElementVNode("button",{type:"button",class:e.normalizeClass(["onyx-file-upload",y.value?"onyx-file-upload--dragging":""]),disabled:o.disabled,onDragenter:g,onDragleave:_[0]||(_[0]=$=>y.value=!1),onDragover:_[1]||(_[1]=e.withModifiers(()=>{},["prevent"])),onDrop:e.withModifiers(h,["prevent"]),onClick:_[2]||(_[2]=$=>{var N;return(N=p.value)==null?void 0:N.click()})},[e.createVNode(e.unref(pn),{disabled:o.disabled,active:y.value},null,8,["disabled","active"]),e.createElementVNode("div",Lc,[e.createElementVNode("p",Dc,[e.createElementVNode("u",null,e.toDisplayString(e.unref(r)("fileUpload.clickToUpload")),1),e.createTextVNode(" "+e.toDisplayString(e.unref(r)("fileUpload.orDragAndDrop"))+". ",1)]),o.maxSize||o.maxTotalSize?(e.openBlock(),e.createElementBlock("p",Pc,[e.createTextVNode(e.toDisplayString(e.unref(r)("fileUpload.maxFileSize"))+": ",1),o.maxSize&&o.maxTotalSize?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(e.toDisplayString(m.value(o.maxSize))+" ("+e.toDisplayString(m.value(o.maxTotalSize))+" "+e.toDisplayString(e.unref(r)("fileUpload.inTotal"))+") ",1)],64)):o.maxSize?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(m.value(o.maxSize)),1)],64)):o.maxTotalSize?(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[e.createTextVNode(e.toDisplayString(m.value(o.maxTotalSize))+" "+e.toDisplayString(e.unref(r)("fileUpload.inTotal")),1)],64)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),o.multiple&&o.maxCount?(e.openBlock(),e.createElementBlock("p",zc,e.toDisplayString(e.unref(r)("fileUpload.maxFileCount",{n:o.maxCount})),1)):e.createCommentVNode("",!0),(k=o.accept)!=null&&k.length?(e.openBlock(),e.createElementBlock("p",Fc,e.toDisplayString(e.unref(r)("fileUpload.allowedFileTypes",{types:o.accept.join(", ")})),1)):e.createCommentVNode("",!0)])],42,Rc),e.createElementVNode("input",e.mergeProps({ref:"inputRef","aria-hidden":"true",tabindex:"-1",class:"onyx-file-upload-input",type:"file",accept:(b=o.accept)!=null&&b.length?o.accept.join(","):void 0,multiple:o.multiple,disabled:o.disabled,name:o.name},e.unref(c),{onChange:v}),null,16,Hc)],16)}}}),Gc=e.defineComponent({__name:"OnyxFilterTag",props:{density:{},label:{},icon:{},skeleton:{type:[Symbol,Boolean,Number],default:D},active:{}},emits:["update:active"],setup(n,{emit:t}){const o=n,l=t,{t:r}=w(),a=F({props:o,emit:l,key:"active",default:!1}),i=e.computed(()=>a.value?r.value("filterTag.clickToRemove",{label:o.label}):r.value("filterTag.clickToAdd",{label:o.label})),c=P(o);return(s,u)=>(e.openBlock(),e.createBlock(pe,e.mergeProps(o,{clickable:{label:i.value,actionIcon:e.unref(a)?e.unref(ie):void 0},class:"onyx-filter-tag",skeleton:e.unref(c),onClick:u[0]||(u[0]=()=>{a.value=!e.unref(a)})}),null,16,["clickable","skeleton"]))}}),qc=["data-autosize-value"],Kc=["id","placeholder","required","autocapitalize","autofocus","name","readonly","disabled","minlength","maxlength","aria-label","title"],mn=e.defineComponent({inheritAttrs:!1,__name:"OnyxTextarea",props:{disabled:{default:A},showError:{default:A},requiredMarker:{default:A},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:D},error:{},message:{},success:{},placeholder:{},maxlength:{},withCounter:{type:Boolean},minlength:{},autocapitalize:{default:"sentences"},modelValue:{},autosize:{},disableManualResize:{type:Boolean,default:!1}},emits:["validityChange","update:modelValue"],setup(n,{expose:t,emit:o}){const l=n,r=o,a=F({props:l,emit:r,key:"modelValue",default:""}),{rootAttrs:i,restAttrs:c}=j(),{maxLength:s,maxLengthError:u}=Ho({props:l,modelValue:a}),p=e.computed(()=>l.customError??u.value),{vCustomValidity:d,errorMessages:f}=ue({props:l,emit:r,customError:p}),{densityClass:v}=E(l),m=e.computed(()=>Y(l.success)),y=e.computed(()=>Y(l.message)),h=e.computed(()=>{if(!l.autosize)return;const N=l.autosize.min?Math.max(l.autosize.min,2):void 0,O=l.autosize.max;return[N?`--min-autosize-rows: ${N}`:"",`--max-autosize-rows: ${O??"unset"}`]}),g=N=>{var V;const O=N.target;(V=O.parentElement)==null||V.setAttribute("data-autosize-value",O.value)},{disabled:x,showError:_}=W(l),k=P(l),b=Le(_),$=e.useTemplateRef("inputRef");return t({input:$}),oe($,l),(N,O)=>e.unref(k)?(e.openBlock(),e.createElementBlock("div",e.mergeProps({key:0,class:["onyx-component","onyx-textarea-skeleton",e.unref(v)],style:h.value},e.unref(i)),[l.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(R,{key:0,class:"onyx-textarea-skeleton__label"})),e.createVNode(R,{class:"onyx-textarea-skeleton__input"})],16)):(e.openBlock(),e.createElementBlock("div",e.mergeProps({key:1,class:["onyx-component","onyx-textarea",e.unref(b),e.unref(v)],style:h.value},e.unref(i)),[e.createVNode(Ve,e.mergeProps(l,{message:y.value,"success-messages":m.value,"error-messages":e.unref(f)}),{default:e.withCtx(({id:V})=>[e.createElementVNode("div",{class:"onyx-textarea__wrapper","data-autosize-value":e.unref(a)},[e.withDirectives(e.createElementVNode("textarea",e.mergeProps({id:V,ref:"inputRef","onUpdate:modelValue":O[0]||(O[0]=T=>e.isRef(a)?a.value=T:null),class:["onyx-textarea__native",{"onyx-textarea__native--no-resize":l.disableManualResize}],placeholder:l.placeholder,required:l.required,autocapitalize:l.autocapitalize,autofocus:l.autofocus,name:l.name,readonly:l.readonly,disabled:e.unref(x),minlength:l.minlength,maxlength:e.unref(s),"aria-label":l.hideLabel?l.label:void 0,title:l.hideLabel?l.label:void 0},e.unref(c),{onInput:g}),null,16,Kc),[[e.vModelText,e.unref(a)],[e.unref(d)]])],8,qc)]),_:1},16,["message","success-messages","error-messages"])],16))}}),jc='<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>',Zc={class:"onyx-toast-message__wrapper"},Wc={class:"onyx-toast-message__content onyx-truncation-ellipsis"},Yc={class:"onyx-toast-message__headline onyx-text"},Jc={class:"onyx-truncation-ellipsis"},Xc=["aria-label"],Qc={key:0,class:"onyx-toast-message__description onyx-text--small onyx-truncation-multiline",tabindex:"0"},Ft=e.defineComponent({__name:"OnyxToastMessage",props:{density:{},headline:{},description:{},color:{default:"neutral"},duration:{default:5e3},clickable:{type:Boolean,default:!1},icon:{type:[String,Boolean],default:void 0}},emits:["close"],setup(n,{emit:t}){const o=n,l=t,{t:r}=w(),{densityClass:a}=E(o),i=e.computed(()=>o.duration>0),c={neutral:dt,danger:Eo,warning:en,success:jc},s=e.computed(()=>{if(o.icon!==!1)return o.icon||c[o.color]});return(u,p)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.clickable?"button":"div"),{class:e.normalizeClass(["onyx-component onyx-toast-message",[`onyx-toast-message--${o.color}`,e.unref(a)]]),role:o.color==="danger"||o.color==="warning"?"alert":"status","aria-label":o.clickable?o.headline:void 0},{default:e.withCtx(()=>[e.createElementVNode("div",Zc,[s.value?(e.openBlock(),e.createBlock(C,{key:0,icon:s.value},null,8,["icon"])):e.createCommentVNode("",!0),e.createElementVNode("div",Wc,[e.createElementVNode("div",Yc,[e.createElementVNode("span",Jc,e.toDisplayString(o.headline),1),o.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=>l("close"))},[e.createVNode(C,{icon:e.unref(ie)},null,8,["icon"])],8,Xc))]),o.description?(e.openBlock(),e.createElementBlock("p",Qc,e.toDisplayString(o.description),1)):e.createCommentVNode("",!0)])]),i.value?(e.openBlock(),e.createElementBlock("time",{key:o.duration,"aria-hidden":"true",class:"onyx-toast-message__progress-bar",style:e.normalizeStyle({animationDuration:`${o.duration}ms`}),onAnimationend:p[1]||(p[1]=d=>l("close"))},null,36)):e.createCommentVNode("",!0)]),_:1},8,["class","role","aria-label"]))}}),Ht=Symbol(),fn=()=>{let n=1;const t=e.ref([]),o=r=>{const a=n++;t.value.push({...r,id:a,onClose:()=>l(a)})},l=r=>{t.value=t.value.filter(a=>a.id!==r)};return{toasts:e.computed(()=>t.value),show:o,remove:l}},yn=()=>{const n=()=>{console.warn('Trying to use "useToast()" before the toast provider has been provided. Make sure to "provide" it first.')};return e.inject(Ht,()=>({toasts:e.computed(()=>[]),show:n,remove:n}),!0)},eu={key:0,class:"onyx-component onyx-toast",role:"presentation","aria-live":"polite",open:""},tu=e.defineComponent({__name:"OnyxToast",setup(n){const t=yn();return(o,l)=>e.unref(t).toasts.value.length?(e.openBlock(),e.createElementBlock("dialog",eu,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(t).toasts.value,({id:r,...a})=>(e.openBlock(),e.createBlock(Ft,e.mergeProps({key:r},{ref_for:!0},a),null,16))),128))])):e.createCommentVNode("",!0)}}),ou='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13.026 7.476 11.97 8.532l3.086 3.094H6.382v1.498h8.674L11.97 16.21l1.056 1.063 4.9-4.898z"/></svg>',nu='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M21.855 2.123c.39.404.607.937.607 1.507h.008v16.71c0 1.185-.945 2.145-2.1 2.145H9.577c-1.155 0-2.1-.953-2.107-2.13v-1.613h1.507v1.613c0 .352.27.637.6.637H20.37c.337 0 .6-.292.592-.645V3.63a.65.65 0 0 0-.187-.465.55.55 0 0 0-.412-.18v.008H9.577c-.33 0-.607.285-.607.637v1.605H7.477V3.63c.008-1.177.945-2.137 2.1-2.145h10.786a2.06 2.06 0 0 1 1.492.638"/><path d="M16.47 12.735H4.41l3.09 3.098-1.058 1.057-4.905-4.905L6.442 7.08 7.5 8.145l-3.09 3.09h12.06z"/></svg>',lu='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M11.657 8.266a3.75 3.75 0 1 1 .688 7.469 3.75 3.75 0 0 1-.688-7.47m-.11 5.938a2.249 2.249 0 1 0 .906-4.406 2.249 2.249 0 0 0-.906 4.406" clip-rule="evenodd"/><path fill-rule="evenodd" d="M22.5 9.75v4.5h-3.35a7.5 7.5 0 0 1-.504 1.214l2.369 2.37-3.181 3.181-2.37-2.37a7.3 7.3 0 0 1-1.214.506V22.5h-4.5v-3.35a7.5 7.5 0 0 1-1.214-.504l-2.37 2.369-3.181-3.181 2.37-2.37a7.3 7.3 0 0 1-.506-1.214H1.5v-4.5h3.35q.197-.63.504-1.213l-2.37-2.37 3.183-3.183 2.369 2.37a7.4 7.4 0 0 1 1.214-.505V1.5h4.5v3.35q.63.197 1.214.504l2.37-2.37 3.181 3.182-2.37 2.37q.308.584.506 1.214zm-4.666 9.144 1.06-1.06-2.137-2.138.319-.507c.36-.57.62-1.198.77-1.855l.133-.584H21v-1.5h-3.017l-.133-.584a6 6 0 0 0-.774-1.855l-.32-.507 2.139-2.138-1.06-1.06-2.139 2.138-.507-.32a6 6 0 0 0-1.855-.77l-.584-.132V3h-1.5v3.022l-.583.133c-.657.15-1.285.41-1.855.77l-.507.32-2.138-2.139-1.061 1.06 2.138 2.138-.32.507a6 6 0 0 0-.77 1.855l-.133.584H3v1.5h3.021l.133.584c.15.657.41 1.284.77 1.855l.32.507-2.139 2.138 1.06 1.06 2.139-2.137.507.319c.57.36 1.198.62 1.855.77l.584.133V21h1.5v-3.021l.583-.133a6 6 0 0 0 1.855-.77l.507-.32z" clip-rule="evenodd"/></svg>',au='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M11.25 15.75V4.81L7.28 8.78 6.22 7.72 12 1.94l5.78 5.78-1.06 1.06-3.97-3.97v10.94z"/><path d="M15.75 12v-1.5h3.75v12h-15v-12h3.75V12H6v9h12v-9z"/></svg>',ru={class:"parent"},su={class:"showcase__flex grid--row1"},iu={class:"showcase__flex grid--tags"},cu={class:"showcase__flex grid--row2"},uu={class:"showcase__flex grid--row3"},du={class:"showcase__flex grid--row4"},pu=e.defineComponent({__name:"ComponentShowcase",props:{dark:{type:Boolean},darkModifiers:{}},emits:["update:dark"],setup(n){const t=e.useModel(n,"dark"),o=Array.from({length:6},(c,s)=>({label:`Option ${s+1}`,value:s+1})),l=Array.from({length:3},(c,s)=>({label:"Checkbox",value:s+1})),r=Array.from({length:4},(c,s)=>({label:"Radio button",value:s+1})),a=e.ref({pagination:1,checkboxGroup:[l.length],radioGroup:1}),i=[{avatar:"https://www.github.com/mj-hof.png",name:"Martin Hofmann"},{avatar:"https://www.github.com/jannick-ux.png",name:"Jannick Keller"},{avatar:"https://www.github.com/JoCa96.png",name:"Jonathan Leo Carle"},{avatar:"https://www.github.com/BoppLi.png",name:"Linda Bopp"},{avatar:"https://www.github.com/larsrickert.png",name:"Lars Rickert"},{avatar:"https://www.github.com/MajaZarkova.png",name:"Maja Zarkova"},{avatar:"https://www.github.com/ChristianBusshoff.png",name:"Christian Bußhoff"}];return(c,s)=>(e.openBlock(),e.createElementBlock("div",ru,[e.createElementVNode("div",{class:e.normalizeClass(["showcase onyx-text",{dark:t.value}])},[e.createElementVNode("div",su,[e.createVNode(sn,{modelValue:a.value.pagination,"onUpdate:modelValue":s[0]||(s[0]=u=>a.value.pagination=u),pages:6},null,8,["modelValue"]),e.createVNode(Pt,{modelValue:a.value.select,"onUpdate:modelValue":s[1]||(s[1]=u=>a.value.select=u),class:"showcase__select",label:"Select","list-label":"List of options",placeholder:"Select",options:e.unref(o),multiple:"","with-search":"","hide-label":""},null,8,["modelValue","options"]),e.createVNode(dn,{modelValue:t.value,"onUpdate:modelValue":s[2]||(s[2]=u=>t.value=u),label:"Dark mode"},null,8,["modelValue"])]),e.createVNode(Et,{class:"grid--table",striped:""},{head:e.withCtx(()=>s[8]||(s[8]=[e.createElementVNode("tr",null,[e.createElementVNode("th",{scope:"col"},"User"),e.createElementVNode("th",{scope:"col"},"Status"),e.createElementVNode("th",{scope:"col"},"Date"),e.createElementVNode("th",{scope:"col"},"Time")],-1)])),default:e.withCtx(()=>[s[9]||(s[9]=e.createElementVNode("tr",null,[e.createElementVNode("td",null,[e.createElementVNode("strong",null,"Lindsay Borrows")]),e.createElementVNode("td",null,"active"),e.createElementVNode("td",null,"02/12/26"),e.createElementVNode("td",{class:"font--soft"},"-")],-1)),s[10]||(s[10]=e.createElementVNode("tr",null,[e.createElementVNode("td",null,[e.createElementVNode("strong",null,"Pete Ellis Doyle")]),e.createElementVNode("td",null,"on hold"),e.createElementVNode("td",null,"25/07/26"),e.createElementVNode("td",{class:"font--soft"},"06:30")],-1)),s[11]||(s[11]=e.createElementVNode("tr",null,[e.createElementVNode("td",null,[e.createElementVNode("strong",null,"Barry Louis")]),e.createElementVNode("td",null,"active"),e.createElementVNode("td",null,"09/09/26"),e.createElementVNode("td",{class:"font--soft"},"06:45")],-1)),s[12]||(s[12]=e.createElementVNode("tr",null,[e.createElementVNode("td",null,[e.createElementVNode("strong",null,"Timothy Nixon")]),e.createElementVNode("td",null,"active"),e.createElementVNode("td",null,"30/10/26"),e.createElementVNode("td",{class:"font--soft"},"-")],-1)),s[13]||(s[13]=e.createElementVNode("tr",null,[e.createElementVNode("td",null,[e.createElementVNode("strong",null,"Will Monroe")]),e.createElementVNode("td",null,"finished"),e.createElementVNode("td",null,"27/03/26"),e.createElementVNode("td",{class:"font--soft"},"14:56")],-1)),s[14]||(s[14]=e.createElementVNode("tr",null,[e.createElementVNode("td",null,[e.createElementVNode("strong",null,"Francis Walsh")]),e.createElementVNode("td",null,"ready"),e.createElementVNode("td",null,"16/12/26"),e.createElementVNode("td",{class:"font--soft"},"12:05")],-1))]),_:1,__:[9,10,11,12,13,14]}),e.createVNode(mn,{modelValue:a.value.textarea,"onUpdate:modelValue":s[3]||(s[3]=u=>a.value.textarea=u),class:"grid--textarea",label:"Textarea","hide-label":"",placeholder:"Enter free text here",autosize:{min:7,max:14}},null,8,["modelValue"]),e.createVNode(Ft,{class:"grid--toast",headline:"Toast notification",description:"Description",duration:0}),e.createElementVNode("div",iu,[e.createVNode(Te,null,{default:e.withCtx(()=>s[15]||(s[15]=[e.createTextVNode("Badge")])),_:1,__:[15]}),e.createVNode(pe,{label:"Tag"}),e.createVNode(pe,{label:"Tag",color:"primary"}),e.createVNode(pe,{label:"Tag",color:"danger"}),e.createVNode(pe,{label:"Tag",color:"warning"}),e.createVNode(pe,{label:"Tag",color:"success"})]),e.createVNode(pt,{modelValue:a.value.checkboxGroup,"onUpdate:modelValue":s[4]||(s[4]=u=>a.value.checkboxGroup=u),class:"grid--checkboxes",label:"Checkbox group","hide-label":"",options:e.unref(l),"with-check-all":""},null,8,["modelValue","options"]),e.createElementVNode("div",cu,[e.createVNode(co,null,{default:e.withCtx(()=>[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(i,u=>e.createVNode($e,{key:u.name,"full-name":u.name,src:u.avatar,size:"32px"},null,8,["full-name","src"])),64)),e.createVNode($e,{"full-name":"Three others",initials:"+3",size:"32px"})]),_:1}),e.createVNode(cn,{modelValue:a.value.radioGroup,"onUpdate:modelValue":s[5]||(s[5]=u=>a.value.radioGroup=u),label:"Radio group","hide-label":"",options:e.unref(r),direction:"horizontal"},null,8,["modelValue","options"])]),e.createElementVNode("div",uu,[e.createVNode(Uo,{label:"Input",placeholder:"Example input","hide-label":""}),e.createVNode(It,{icon:e.unref(au),label:"Icon button"},null,8,["icon"]),e.createVNode(me,{icon:e.unref(ou),label:"Button",color:"neutral"},null,8,["icon"]),e.createVNode(me,{icon:e.unref(Je),label:"Button"},null,8,["icon"]),e.createVNode(un,{modelValue:a.value.stepper,"onUpdate:modelValue":s[6]||(s[6]=u=>a.value.stepper=u),label:"Stepper","hide-label":"",placeholder:"0"},null,8,["modelValue"])]),e.createElementVNode("div",du,[s[16]||(s[16]=e.createElementVNode("div",null,null,-1)),e.createVNode(pt,{label:"Checkbox group (skeleton)","hide-label":"",direction:"horizontal",skeleton:4,options:[]})]),e.createVNode(Qo,{class:"grid--nav","app-name":"Nav bar","logo-url":"/onyx-logo.svg"},{contextArea:e.withCtx(()=>[e.createVNode(Yo,{description:"Company Name","full-name":"Jane Doe"},{footer:e.withCtx(()=>s[19]||(s[19]=[e.createTextVNode(" App version "),e.createElementVNode("span",{class:"onyx-text--monospace"},"0.0.0",-1)])),default:e.withCtx(()=>[e.createVNode(te,null,{default:e.withCtx(()=>[e.createVNode(C,{icon:e.unref(lu)},null,8,["icon"]),s[17]||(s[17]=e.createTextVNode(" Settings "))]),_:1,__:[17]}),e.createVNode(jo,{"model-value":t.value?"dark":"light","onUpdate:modelValue":s[7]||(s[7]=u=>t.value=u==="dark")},null,8,["model-value"]),e.createVNode(te,{color:"danger"},{default:e.withCtx(()=>[e.createVNode(C,{icon:e.unref(nu)},null,8,["icon"]),s[18]||(s[18]=e.createTextVNode(" Logout "))]),_:1,__:[18]})]),_:1})]),default:e.withCtx(()=>[e.createVNode(_e,{label:"Page 1",active:""}),e.createVNode(_e,{label:"Page 2"},{children:e.withCtx(()=>[e.createVNode(_e,{label:"Subpage 1"}),e.createVNode(_e,{label:"Subpage 2"})]),_:1}),e.createVNode(_e,{label:"Page 3",link:{href:"https://onyx.schwarz",target:"_blank"}})]),_:1})],2)]))}}),mu=Ze(pu,[["__scopeId","data-v-631cdcd6"]]),fu=n=>{e.onMounted(()=>{e.watch([n],()=>{const t=document.documentElement,o="onyx-transition-active",l=()=>{t.classList.remove(o)};t.addEventListener("transitionend",l,{once:!0}),t.classList.add(o)})})},yu=["primary","neutral","danger","warning","success","info"],vu=["small","default","large"],hu=["ellipsis","multiline"],gu=["onyx","digits","kaufland","lidl","schwarz"],xu=["horizontal","vertical"],_u=(n={})=>({install:t=>{lo(t,n.i18n);const o=t.runWithContext(()=>w());t.provide(Ht,fn()),t.provide(Dt,nn()),n.router&&t.provide(kt,n.router),t.mixin({beforeMount:()=>{e.watchEffect(()=>{ku(o.t.value("optional"))})}})}}),ku=n=>{var t;(t=globalThis.document)==null||t.body.style.setProperty("--onyx-global-optional-text",`"${n}"`)};exports.ACCORDION_INJECTION_KEY=xt;exports.ACCORDION_TYPES=bn;exports.BUTTON_COLORS=la;exports.BUTTON_MODES=aa;exports.BUTTON_TYPES=na;exports.DENSITIES=_n;exports.DIALOG_ALIGNMENTS=Gr;exports.DIRECTIONS=xu;exports.DataGridFeatures=Ar;exports.HEADLINE_TYPES=Xr;exports.ICON_SIZES=Qr;exports.IMAGE_SHAPES=as;exports.INPUT_TYPES=ds;exports.LINK_TARGETS=Ji;exports.MOBILE_NAV_BAR_INJECTION_KEY=De;exports.MULTISELECT_TEXT_MODE=Qi;exports.NAV_BAR_IS_TOP_LEVEL_INJECTION_KEY=vt;exports.NAV_BAR_MORE_LIST_INJECTION_KEY=Rt;exports.NAV_BAR_MORE_LIST_TARGET_INJECTION_KEY=Lt;exports.NOTIFICATIONS_PROVIDER_INJECTION_KEY=Dt;exports.ONYX_BREAKPOINTS=Ge;exports.ONYX_COLORS=yu;exports.ONYX_THEMES=gu;exports.OnyxAccordion=Bn;exports.OnyxAccordionItem=An;exports.OnyxAlertDialog=Vl;exports.OnyxAppLayout=$l;exports.OnyxAvatar=$e;exports.OnyxAvatarStack=co;exports.OnyxBadge=Te;exports.OnyxBottomBar=uo;exports.OnyxBreadcrumb=Ul;exports.OnyxBreadcrumbItem=po;exports.OnyxButton=me;exports.OnyxCard=mo;exports.OnyxCheckbox=be;exports.OnyxCheckboxGroup=pt;exports.OnyxColorSchemeDialog=Ko;exports.OnyxColorSchemeMenuItem=jo;exports.OnyxComponentShowcase=mu;exports.OnyxDataGrid=ur;exports.OnyxDataGridRenderer=Vo;exports.OnyxDatePicker=Ur;exports.OnyxDialog=_t;exports.OnyxDrawer=Fo;exports.OnyxEmpty=Ct;exports.OnyxErrorSVG=Ac;exports.OnyxExternalLinkIcon=Tt;exports.OnyxFileUpload=Uc;exports.OnyxFileUploadSVG=pn;exports.OnyxFilterTag=Gc;exports.OnyxFlyout=Vt;exports.OnyxFlyoutMenu=he;exports.OnyxForm=Jr;exports.OnyxFormElement=Ve;exports.OnyxHeadline=ce;exports.OnyxIcon=C;exports.OnyxIconButton=It;exports.OnyxImage=ls;exports.OnyxInfoCard=tn;exports.OnyxInfoTooltip=Ie;exports.OnyxInput=Uo;exports.OnyxLanguageMenuItem=Os;exports.OnyxLink=ps;exports.OnyxListItem=Ye;exports.OnyxLoadingIndicator=J;exports.OnyxMenuItem=te;exports.OnyxMiniSearch=Mt;exports.OnyxMobileNavButton=yt;exports.OnyxModalDialog=Ot;exports.OnyxMoreList=Go;exports.OnyxNavAppArea=qo;exports.OnyxNavBar=Qo;exports.OnyxNavItem=_e;exports.OnyxNavItemFacade=ae;exports.OnyxNavSeparator=Zo;exports.OnyxNotificationCard=hi;exports.OnyxNotificationDot=xi;exports.OnyxNotificationMessage=on;exports.OnyxNotifications=wi;exports.OnyxPageLayout=$i;exports.OnyxPagination=sn;exports.OnyxRadioButton=gt;exports.OnyxRadioGroup=cn;exports.OnyxRouterLink=ve;exports.OnyxSelect=Pt;exports.OnyxSelectDialog=At;exports.OnyxSelectInput=rn;exports.OnyxSelectOption=ht;exports.OnyxSidebar=rc;exports.OnyxSidebarItem=ec;exports.OnyxSkeleton=R;exports.OnyxStepper=un;exports.OnyxSwitch=dn;exports.OnyxSystemButton=Q;exports.OnyxTab=Sc;exports.OnyxTable=Et;exports.OnyxTabs=Nc;exports.OnyxTag=pe;exports.OnyxTextarea=mn;exports.OnyxTimer=Gs;exports.OnyxToast=tu;exports.OnyxToastMessage=Ft;exports.OnyxTooltip=we;exports.OnyxUserMenu=Yo;exports.OnyxVisuallyHidden=ye;exports.ROUTER_INJECTION_KEY=kt;exports.SELECT_ALIGNMENTS=Xi;exports.SIDEBAR_ALIGNMENT=sc;exports.SYSTEM_BUTTON_COLORS=Cc;exports.TABS_INJECTION_KEY=zt;exports.TEXT_SIZES=vu;exports.TOAST_PROVIDER_INJECTION_KEY=Ht;exports.TRUNCATION_TYPES=hu;exports.createFeature=sr;exports.createNotificationsProvider=nn;exports.createOnyx=_u;exports.createTableColumnGroups=Ro;exports.createToastProvider=fn;exports.extractLinkProps=Ce;exports.normalizedIncludes=ao;exports.provideI18n=lo;exports.useDataGridFeatures=Lo;exports.useDensity=E;exports.useIsFeatureEnabled=Re;exports.useLink=fe;exports.useNotification=ln;exports.useScrollEnd=an;exports.useThemeTransition=fu;exports.useToast=yn;