sit-onyx 1.0.0-beta.35 → 1.0.0-beta.37
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.cjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),Ct={key:0,class:"onyx-app__nav"},Vt={class:"onyx-app__page"},wt={key:1,class:"onyx-app__page-overlay"},Et={key:2,class:"onyx-app__app-overlay"},St=e.defineComponent({__name:"OnyxAppLayout",props:{navBarAlignment:{default:"top"}},setup(o){const n=o,t=e.useSlots();return(l,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["onyx-app",{"onyx-app--horizontal":n.navBarAlignment==="left"}])},[t.navBar?(e.openBlock(),e.createElementBlock("div",Ct,[e.renderSlot(l.$slots,"navBar")])):e.createCommentVNode("",!0),e.createElementVNode("div",Vt,[e.renderSlot(l.$slots,"default")]),t.pageOverlay?(e.openBlock(),e.createElementBlock("div",wt,[e.renderSlot(l.$slots,"pageOverlay")])):e.createCommentVNode("",!0),t.appOverlay?(e.openBlock(),e.createElementBlock("div",Et,[e.renderSlot(l.$slots,"appOverlay")])):e.createCommentVNode("",!0)],2))}}),Nt=["title"],$t=["src","alt"],Mt={key:1,class:"onyx-avatar__initials"},fe=e.defineComponent({__name:"OnyxAvatar",props:{size:{default:"48px"},label:{},src:{}},setup(o){const n=o,t=e.useSlots(),l=e.computed(()=>{const a=n.label.split(" ");return(a.length>1?`${a[0].charAt(0)}${a[1].charAt(0)}`:a[0].substring(0,2)).toUpperCase()}),r=e.ref(!1);return e.watch(()=>n.src,()=>r.value=!1),(a,s)=>(e.openBlock(),e.createElementBlock("figure",{class:e.normalizeClass(["onyx-avatar",[`onyx-avatar--${n.size}`,t.default?"onyx-avatar--custom":""]]),title:n.label},[n.src&&!r.value?(e.openBlock(),e.createElementBlock("img",{key:0,class:"onyx-avatar__svg",src:n.src,alt:n.label,onError:s[0]||(s[0]=c=>r.value=!0)},null,40,$t)):(e.openBlock(),e.createElementBlock("div",Mt,[e.renderSlot(a.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(l.value),1)])]))],10,Nt))}}),Ot={class:"onyx-avatar-stack"},Tt=e.defineComponent({__name:"OnyxAvatarStack",setup(o){return(n,t)=>(e.openBlock(),e.createElementBlock("div",Ot,[e.renderSlot(n.$slots,"default")]))}}),Lt=["compact","default","cozy"],g=o=>({densityClass:e.computed(()=>({[`onyx-density-${o.density}`]:o.density}))}),It=["innerHTML"],x=e.defineComponent({__name:"OnyxIcon",props:{size:{},icon:{},color:{}},setup(o){const n=o;return(t,l)=>(e.openBlock(),e.createElementBlock("figure",{class:e.normalizeClass({"onyx-icon":!0,[`onyx-icon--${n.size}`]:n.size,[`onyx-icon--${n.color}`]:n.color}),"aria-hidden":"true",innerHTML:n.icon},null,10,It))}}),De=e.defineComponent({__name:"OnyxBadge",props:{density:{},color:{default:"primary"},icon:{},dot:{type:Boolean,default:!1}},setup(o){const n=o,{densityClass:t}=g(n);return(l,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["onyx-badge",["onyx-truncation-ellipsis","onyx-text",`onyx-badge--${n.color}`,n.dot?"onyx-badge--dot":"",e.unref(t)]])},[n.dot?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[n.icon?(e.openBlock(),e.createBlock(x,{key:0,class:"onyx-badge__icon",icon:n.icon},null,8,["icon"])):e.renderSlot(l.$slots,"default",{key:1})],64))],2))}}),Be=(o,n)=>{const t=o.__vccOpts||o;for(const[l,r]of n)t[l]=r;return t},Pt={},Dt={class:"onyx-circle-spinner",viewBox:"0 0 50 50"},At=e.createElementVNode("circle",{class:"onyx-circle-spinner__circle",cx:"50%",cy:"50%",r:"45%"},null,-1),zt=[At];function Ht(o,n){return e.openBlock(),e.createElementBlock("svg",Dt,zt)}const Rt=Be(Pt,[["render",Ht]]),Ft={},Ut={class:"onyx-loading-dots"},qt=e.createElementVNode("span",{class:"onyx-loading-dots__center"},null,-1),Gt=[qt];function Zt(o,n){return e.openBlock(),e.createElementBlock("div",Ut,Gt)}const Kt=Be(Ft,[["render",Zt]]),T=e.defineComponent({__name:"OnyxLoadingIndicator",props:{type:{default:"dots"}},setup(o){const n=o;return(t,l)=>n.type==="circle"?(e.openBlock(),e.createBlock(Rt,{key:0})):n.type==="dots"?(e.openBlock(),e.createBlock(Kt,{key:1})):e.createCommentVNode("",!0)}}),P=o=>o;function ye(){const o=e.shallowRef();return e.computed({set:n=>{o.value=n!=null&&"$el"in n?n.$el:n},get:()=>o.value})}const jt=(()=>{let o=1;return()=>o++})(),M=o=>`${o}-${jt()}`,Yt=(o,n)=>Object.entries(o).every(([t,l])=>n[t]===l),Xt=(o,n)=>typeof n=="string"?o.key===n:Yt({altKey:!1,ctrlKey:!1,metaKey:!1,shiftKey:!1,...n},o),he=o=>!Jt.has(o),Wt=["Unidentified","Alt","AltGraph","CapsLock","Control","Fn","FnLock","Meta","NumLock","ScrollLock","Shift","Symbol","SymbolLock","Hyper","Super","Enter","Tab","ArrowDown","ArrowLeft","ArrowRight","ArrowUp","End","Home","PageDown","PageUp","Backspace","Clear","Copy","CrSel","Cut","Delete","EraseEof","ExSel","Insert","Paste","Redo","Undo","Accept","Again","Attn","Cancel","ContextMenu","Escape","Execute","Find","Help","Pause","Play","Props","Select","ZoomIn","ZoomOut","BrightnessDown","BrightnessUp","Eject","LogOff","Power","PowerOff","PrintScreen","Hibernate","Standby","WakeUp","AllCandidates","Alphanumeric","CodeInput","Compose","Convert","Dead","FinalMode","GroupFirst","GroupLast","GroupNext","GroupPrevious","ModeChange","NextCandidate","NonConvert","PreviousCandidate","Process","SingleCandidate","HangulMode","HanjaMode","JunjaMode","Eisu","Hankaku","Hiragana","HiraganaKatakana","KanaMode","KanjiMode","Katakana","Romaji","Zenkaku","ZenkakuHankaku","F1","F2","F3","F4","F5","F6","F7","F8","F9","F10","F11","F12","Soft1","Soft2","Soft3","Soft4","ChannelDown","ChannelUp","Close","MailForward","MailReply","MailSend","MediaClose","MediaFastForward","MediaPause","MediaPlay","MediaPlayPause","MediaRecord","MediaRewind","MediaStop","MediaTrackNext","MediaTrackPrevious","New","Open","Print","Save","SpellCheck","Key11","Key12","AudioBalanceLeft","AudioBalanceRight","AudioBassBoostDown","AudioBassBoostToggle","AudioBassBoostUp","AudioFaderFront","AudioFaderRear","AudioSurroundModeNext","AudioTrebleDown","AudioTrebleUp","AudioVolumeDown","AudioVolumeUp","AudioVolumeMute","MicrophoneToggle","MicrophoneVolumeDown","MicrophoneVolumeUp","MicrophoneVolumeMute","SpeechCorrectionList","SpeechInputToggle","LaunchApplication1","LaunchApplication2","LaunchCalendar","LaunchContacts","LaunchMail","LaunchMediaPlayer","LaunchMusicPlayer","LaunchPhone","LaunchScreenSaver","LaunchSpreadsheet","LaunchWebBrowser","LaunchWebCam","LaunchWordProcessor","BrowserBack","BrowserFavorites","BrowserForward","BrowserHome","BrowserRefresh","BrowserSearch","BrowserStop","AppSwitch","Call","Camera","CameraFocus","EndCall","GoBack","GoHome","HeadsetHook","LastNumberRedial","Notification","MannerMode","VoiceDial","TV","TV3DMode","TVAntennaCable","TVAudioDescription","TVAudioDescriptionMixDown","TVAudioDescriptionMixUp","TVContentsMenu","TVDataService","TVInput","TVInputComponent1","TVInputComponent2","TVInputComposite1","TVInputComposite2","TVInputHDMI1","TVInputHDMI2","TVInputHDMI3","TVInputHDMI4","TVInputVGA1","TVMediaContext","TVNetwork","TVNumberEntry","TVPower","TVRadioService","TVSatellite","TVSatelliteBS","TVSatelliteCS","TVSatelliteToggle","TVTerrestrialAnalog","TVTerrestrialDigital","TVTimer","AVRInput","AVRPower","ColorF0Red","ColorF1Green","ColorF2Yellow","ColorF3Blue","ColorF4Grey","ColorF5Brown","ClosedCaptionToggle","Dimmer","DisplaySwap","DVR","Exit","FavoriteClear0","FavoriteClear1","FavoriteClear2","FavoriteClear3","FavoriteRecall0","FavoriteRecall1","FavoriteRecall2","FavoriteRecall3","FavoriteStore0","FavoriteStore1","FavoriteStore2","FavoriteStore3","Guide","GuideNextDay","GuidePreviousDay","Info","InstantReplay","Link","ListProgram","LiveContent","Lock","MediaApps","MediaAudioTrack","MediaLast","MediaSkipBackward","MediaSkipForward","MediaStepBackward","MediaStepForward","MediaTopMenu","NavigateIn","NavigateNext","NavigateOut","NavigatePrevious","NextFavoriteChannel","NextUserProfile","OnDemand","Pairing","PinPDown","PinPMove","PinPToggle","PinPUp","PlaySpeedDown","PlaySpeedReset","PlaySpeedUp","RandomToggle","RcLowBattery","RecordSpeedNext","RfBypass","ScanChannelsToggle","ScreenModeNext","Settings","SplitScreenToggle","STBInput","STBPower","Subtitle","Teletext","VideoModeNext","Wink","ZoomToggle","AudioVolumeDown","AudioVolumeUp","AudioVolumeMute","BrowserBack","BrowserForward","ChannelDown","ChannelUp","ContextMenu","Eject","End","Enter","Home","MediaFastForward","MediaPlay","MediaPlayPause","MediaRecord","MediaRewind","MediaStop","MediaNextTrack","MediaPause","MediaPreviousTrack","Power","Unidentified"],Jt=new Set(Wt),A=e.reactive(new Map),Qt=(o,n)=>{if(n!=null&&n.size){A.set(o,n);return}A.delete(o),document.removeEventListener(o,Ae)},Te=(o,n)=>{const t=A.get(o);t==null||t.delete(n),Qt(o,t)},eo=(o,n)=>{const t=A.get(o)??new Set;t.add(n),A.set(o,t),document.addEventListener(o,Ae)},Ae=o=>{var t;const n=o.type;(t=A.get(n))==null||t.forEach(l=>l(o))},Ce=({type:o,listener:n,disabled:t})=>{e.onBeforeMount(()=>e.watchEffect(()=>t!=null&&t.value?Te(o,n):eo(o,n))),e.onBeforeUnmount(()=>Te(o,n))},ze=({inside:o,onOutsideClick:n,disabled:t})=>{Ce({type:"click",listener:r=>{const a=e.toValue(o);!(Array.isArray(a)?a:[a]).some(d=>d==null?void 0:d.contains(r.target))&&n(r)},disabled:t})},He=(o,n)=>{let t;return(...l)=>{clearTimeout(t),t=setTimeout(()=>o(...l),n)}},Re=(o,n=500)=>{let t="";const l=He(()=>t="",n);return r=>{he(r.key)&&(l(),t=`${t}${r.key}`,o(t))}},to=P(o=>{const n=e.computed(()=>e.unref(o.multiple)??!1),t=e.computed(()=>e.unref(o.isExpanded)??!1),l=new Map,r=i=>(l.has(i)||l.set(i,M("listbox-option")),l.get(i)),a=e.ref(!1);e.watchEffect(()=>{var u;if(!t.value||o.activeOption.value==null||!a.value&&!o.controlled)return;const i=r(o.activeOption.value);(u=document.getElementById(i))==null||u.scrollIntoView({block:"nearest",inline:"nearest"})});const s=Re(i=>{var u;return(u=o.onTypeAhead)==null?void 0:u.call(o,i)}),c=i=>{var u,p,m,f,y,v,w;switch(i.key){case" ":i.preventDefault(),o.activeOption.value!=null&&((u=o.onSelect)==null||u.call(o,o.activeOption.value));break;case"ArrowUp":if(i.preventDefault(),o.activeOption.value==null){(p=o.onActivateLast)==null||p.call(o);return}(m=o.onActivatePrevious)==null||m.call(o,o.activeOption.value);break;case"ArrowDown":if(i.preventDefault(),o.activeOption.value==null){(f=o.onActivateFirst)==null||f.call(o);return}(y=o.onActivateNext)==null||y.call(o,o.activeOption.value);break;case"Home":i.preventDefault(),(v=o.onActivateFirst)==null||v.call(o);break;case"End":i.preventDefault(),(w=o.onActivateLast)==null||w.call(o);break;default:s(i)}};return{elements:{listbox:e.computed(()=>o.controlled?{role:"listbox","aria-multiselectable":n.value,"aria-label":e.unref(o.label),"aria-description":o.description,tabindex:"-1"}:{role:"listbox","aria-multiselectable":n.value,"aria-label":e.unref(o.label),"aria-description":o.description,tabindex:"0","aria-activedescendant":o.activeOption.value!=null?r(o.activeOption.value):void 0,onFocus:()=>a.value=!0,onBlur:()=>a.value=!1,onKeydown:c}),group:e.computed(()=>i=>({role:"group","aria-label":i.label})),option:e.computed(()=>i=>{const u=i.selected??!1;return{id:r(i.value),role:"option","aria-label":i.label,"aria-disabled":i.disabled,"aria-checked":n.value?u:void 0,"aria-selected":n.value?void 0:u,onClick:()=>{var p;return!i.disabled&&((p=o.onSelect)==null?void 0:p.call(o,i.value))}}})},state:{isFocused:a},internals:{getOptionId:r}}}),Fe=["ArrowDown","ArrowUp"," ","Enter","Home","End"],Ue=["Escape",{key:"ArrowUp",altKey:!0},"Enter","Tab"],Le=["Enter"],oo=(o,n)=>{const t=n?[...Le," "]:Le;return ve(o,t)},ve=(o,n)=>n.some(t=>Xt(o,t)),no=P(({autocomplete:o,onAutocomplete:n,onTypeAhead:t,multiple:l,label:r,listLabel:a,listDescription:s,isExpanded:c,activeOption:d,onToggle:i,onSelect:u,onActivateFirst:p,onActivateLast:m,onActivateNext:f,onActivatePrevious:y,templateRef:v})=>{const w=M("comboBox-control"),b=e.computed(()=>e.unref(o)),B=e.computed(()=>e.unref(c)),L=e.computed(()=>e.unref(l)),N=_=>{const q=_.target;b.value!=="none"&&(n==null||n(q.value))},F=Re(_=>t==null?void 0:t(_)),U=_=>{u==null||u(_),e.unref(L)||i==null||i()},ne=_=>{switch(_.key){case"ArrowUp":if(_.preventDefault(),d.value==null)return m==null?void 0:m();y==null||y(d.value);break;case"ArrowDown":if(_.preventDefault(),d.value==null)return p==null?void 0:p();f==null||f(d.value);break;case"Home":_.preventDefault(),p==null||p();break;case"End":_.preventDefault(),m==null||m();break}},le=_=>{if(_.key==="Enter"&&_.preventDefault(),!B.value&&ve(_,Fe))return i==null||i(),_.key===" "&&_.preventDefault(),_.key==="End"?m==null?void 0:m():p==null?void 0:p();if(oo(_,b.value==="none"))return U(d.value);if(B.value&&ve(_,Ue))return i==null?void 0:i();if(b.value==="none"&&he(_.key))return!B.value&&(i==null||i()),F(_);if(b.value!=="none"&&he(_.key)){!B.value&&(i==null||i());return}return ne(_)},ae=b.value!=="none"?{"aria-autocomplete":b.value,type:"text"}:null,{elements:{option:re,group:se,listbox:ie},internals:{getOptionId:ce}}=to({label:a,description:s,multiple:L,controlled:!0,activeOption:d,isExpanded:B,onSelect:U});return ze({inside:v,onOutsideClick(){B.value&&(i==null||i(!0))}}),{elements:{option:re,group:se,listbox:e.computed(()=>({...ie.value,id:w,onMousedown:_=>_.preventDefault()})),input:e.computed(()=>({role:"combobox","aria-expanded":B.value,"aria-controls":w,"aria-label":e.unref(r),"aria-activedescendant":d.value!=null?ce(d.value):void 0,onInput:N,onKeydown:le,...ae})),button:e.computed(()=>({tabindex:"-1",onClick:()=>i==null?void 0:i()}))}}}),lo=P(({isExpanded:o,onToggle:n})=>{const t=M("menu-button-root"),l=M("menu-button-list"),r=ye(),a=M("menu-button-button");Ce({type:"keydown",listener:i=>i.key==="Escape"&&o.value&&n(),disabled:e.computed(()=>!o.value)});const s=He(i=>o.value!==i&&n(),200),c=i=>{const u=document.activeElement,p=(u==null?void 0:u.closest('[role="menu"]'))||r.value;if(!p)return;const m=[...p.querySelectorAll('[role="menuitem"]')];let f=0;if(u){const v=m.indexOf(u);switch(i){case"next":f=v+1;break;case"prev":f=v-1;break;case"first":f=0;break;case"last":f=m.length-1;break}}const y=m[f];y==null||y.focus()};return{elements:{root:{id:t,onKeydown:i=>{switch(i.key){case"ArrowDown":case"ArrowRight":i.preventDefault(),c("next");break;case"ArrowUp":case"ArrowLeft":i.preventDefault(),c("prev");break;case"Home":i.preventDefault(),c("first");break;case"End":i.preventDefault(),c("last");break;case" ":i.preventDefault(),i.target.click();break;case"Escape":i.preventDefault(),o.value&&n();break}},onMouseover:()=>s(!0),onMouseout:()=>s(!1),onFocusout:i=>{var u;(u=document.getElementById(t))!=null&&u.contains(i.relatedTarget)||o.value&&n()}},button:e.computed(()=>({"aria-controls":l,"aria-expanded":o.value,"aria-haspopup":!0,onFocus:()=>!o.value&&n(),id:a})),menu:{id:l,ref:r,role:"menu","aria-labelledby":a,onClick:()=>o.value&&n()},...qe().elements}}}),qe=P(()=>({elements:{listItem:{role:"none"},menuItem:o=>({"aria-current":o.active?"page":void 0,"aria-disabled":o.disabled,role:"menuitem"})}})),ao={clamp:(o,n,t)=>Math.max(Math.min(o,t),n)},ro=P(({navigationName:o})=>{const n=M("nav"),t=()=>{const r=document.getElementById(n);return r?[...r.querySelectorAll("button[aria-expanded][aria-controls]")]:[]},l=(r,a)=>{const s=t(),c=s.indexOf(r);if(c===-1)return;const d=ao.clamp(c+(a==="next"?1:-1),0,s.length-1);s[d].focus()};return{elements:{nav:{"aria-label":e.unref(o),id:n,onKeydown:r=>{switch(r.key){case"ArrowRight":l(r.target,"next");break;case"ArrowLeft":l(r.target,"previous");break}}}}}}),Ge=({isExpanded:o})=>Ce({type:"keydown",listener:n=>{n.key==="Escape"&&(o.value=!1)},disabled:e.computed(()=>!o.value)}),so=P(({toggleLabel:o,isVisible:n})=>{const t=ye(),l=ye(),r=e.toRef(n??!1);ze({inside:e.computed(()=>[t.value,l.value]),onOutsideClick:()=>r.value=!1,disabled:e.computed(()=>!r.value)}),Ge({isExpanded:r});const a=()=>r.value=!r.value;return{elements:{trigger:e.computed(()=>({ref:t,onClick:a,"aria-label":e.toValue(o)})),tooltip:{ref:l,role:"status",tabindex:"-1"}},state:{isVisible:r}}}),io=P(({debounce:o,isVisible:n})=>{const t=M("tooltip"),l=e.toRef(n??!1);let r;const a=e.computed({get:()=>l.value,set:c=>{clearTimeout(r),r=setTimeout(()=>{l.value=c},e.toValue(o))}}),s={onMouseover:()=>a.value=!0,onMouseout:()=>a.value=!1,onFocusin:()=>l.value=!0,onFocusout:()=>l.value=!1};return Ge({isExpanded:l}),{elements:{trigger:{"aria-describedby":t,...s},tooltip:{role:"tooltip",id:t,tabindex:"-1",...s}},state:{isVisible:l}}});function co(o,n,t){const l=Math.max(Math.abs(o-t.left),Math.abs(o-t.right)),r=Math.max(Math.abs(n-t.top),Math.abs(n-t.bottom));return Math.hypot(l,r)}const uo=o=>{const n=e.ref(!1),t=e.reactive(new Map),l=e.computed(()=>{var d;return(d=o.value.container.value)==null?void 0:d.getBoundingClientRect()}),r=d=>{n.value=!0;const i=d.x,u=d.y;if(!l.value)return;const p=co(i,u,l.value),m=i-l.value.left,f=u-l.value.top,y={left:m-p+"px",top:f-p+"px",radius:Math.round(p*2)+"px",rippleId:M("ripple"),fadeIn:!1};t.set(y.rippleId,y)},a=d=>{const i=d.dataset.rippleid;i!=null&&(t.has(i)&&(t.get(i).fadeIn=!0),n.value||t.delete(i))},s=()=>{n.value=!1,t.forEach((d,i)=>{d.fadeIn&&t.delete(i)})},c=e.ref({});return e.onBeforeMount(()=>{var d;(d=window.matchMedia)!=null&&d.call(window,"pointer: none").matches?c.value={touchstart:r,touchend:s,touchcancel:s}:c.value={mousedown:r,mouseleave:s,mouseup:s}}),{isPointerDown:n,ripples:t,startRipple:r,hideRipples:s,hideRipple:a,events:c}},po=["data-rippleid"],mo=e.defineComponent({__name:"OnyxRipple",setup(o,{expose:n}){const t=e.ref(),l=e.computed(()=>({container:t})),{ripples:r,hideRipple:a,events:s}=uo(l);return n({events:s}),(c,d)=>(e.openBlock(),e.createElementBlock("span",{ref_key:"rippleTrigger",ref:t,class:"onyx-ripple","aria-hidden":"true"},[e.createVNode(e.TransitionGroup,{name:"onyx-ripple",onAfterEnter:d[0]||(d[0]=i=>e.unref(a)(i))},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(r),([i,u])=>(e.openBlock(),e.createElementBlock("span",{key:i,class:"onyx-ripple__element",style:e.normalizeStyle({left:u.left,top:u.top,width:u.radius,height:u.radius}),"data-rippleid":i},null,12,po))),128))]),_:1})],512))}}),fo={},yo={"aria-hidden":"true",class:"onyx-skeleton"};function ho(o,n){return e.openBlock(),e.createElementBlock("figure",yo)}const E=Be(fo,[["render",ho]]),vo=["disabled","type","aria-label","autofocus"],_o={class:"onyx-button__label onyx-truncation-ellipsis"},X=e.defineComponent({__name:"OnyxButton",props:{density:{},autofocus:{type:Boolean},label:{},disabled:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},type:{default:"button"},color:{default:"primary"},mode:{default:"default"},icon:{},skeleton:{type:Boolean,default:!1}},emits:["click"],setup(o,{emit:n}){const t=o,{densityClass:l}=g(t),r=n,a=e.ref(),s=e.computed(()=>{var c;return((c=a.value)==null?void 0:c.events)??{}});return(c,d)=>t.skeleton?(e.openBlock(),e.createBlock(E,{key:0,class:e.normalizeClass(["onyx-button-skeleton",e.unref(l)])},null,8,["class"])):(e.openBlock(),e.createElementBlock("button",e.mergeProps({key:1,class:["onyx-button",`onyx-button--${t.color}`,`onyx-button--${t.mode}`,{"onyx-button--loading":t.loading},e.unref(l)],disabled:t.disabled||t.loading,type:t.type,"aria-label":t.loading?t.label:void 0,autofocus:t.autofocus,onClick:d[0]||(d[0]=i=>r("click"))},e.toHandlers(s.value,!0)),[!t.disabled&&!t.loading?(e.openBlock(),e.createBlock(mo,{key:0,ref_key:"rippleRef",ref:a},null,512)):e.createCommentVNode("",!0),t.icon&&!t.loading?(e.openBlock(),e.createBlock(x,{key:1,class:"onyx-button__icon",icon:t.icon},null,8,["icon"])):e.createCommentVNode("",!0),t.loading?(e.openBlock(),e.createBlock(T,{key:2,class:"onyx-button__loading"})):e.createCommentVNode("",!0),e.createElementVNode("span",_o,e.toDisplayString(t.label),1)],16,vo))}}),ko=["button","submit","reset"],xo=["primary","neutral","danger"],go=["default","outline","plain"],J=o=>({requiredTypeClass:e.computed(()=>({[`onyx-use-${o.requiredMarker}`]:o.requiredMarker})),requiredMarkerClass:e.computed(()=>({"onyx-required-marker":o.required,"onyx-optional-marker":!o.required}))}),bo="(optional)",Bo="Cancel",Co="Apply",Vo="Back",wo="Close",Eo={tooShort:{preview:"Too short",fullError:"Please lengthen this text to {minLength} characters or more (you are currently using 1 character) | Please lengthen this text to {minLength} characters or more (you are currently using {n} characters)"},tooLong:{preview:"Too long",fullError:"Please shorten this text to {maxLength} characters or less (you are currently using 1 character) | Please shorten this text to {maxLength} characters or less (you are currently using {n} characters)"},rangeUnderflow:{preview:"Too low",fullError:"Value must be greater than or equal to {min}"},rangeOverflow:{preview:"Too high",fullError:"Value must be less than or equal to {max}"},patternMismatch:{preview:"Invalid format",fullError:"Please match the format requested."},valueMissing:{preview:"Required",fullError:"Please fill in this field."},stepMismatch:{preview:"Invalid number",fullError:"Please enter a value that is a multiple of {step}."},badInput:{preview:"Invalid input",fullError:'"{value}" does not match the expected type.'},typeMismatch:{generic:{preview:"Invalid input type",fullError:'"{value}" does not match the expected type.'},email:{preview:"Invalid mail",fullError:'"{value}" must be a valid email address.'},number:{preview:"Invalid number",fullError:'"{value}" must be a number.'},tel:{preview:"Invalid phone number",fullError:'"{value}" must be a valid phone number.'},url:{preview:"Invalid URL",fullError:'"{value}" must a valid URL.'}}},So={toggleDropDown:"Toggle selection popover",empty:"No data available",noMatch:"No item matches your search",searchInputLabel:"Filter the list items",clearSearch:"Clear search filter",searchPlaceholder:"Search"},No={selectAll:"Select all",currentSelection:"{n} selected"},$o={decrement:"Decrement by {stepSize}",increment:"Increment by {stepSize}"},Mo={empty:"This table is empty."},Oo={opensExternally:"Opens in a new tab."},To="Subpages of {label}",Lo={appLogo:"App logo of {appName}",goToHome:"Go to home page",goBack:"Go back",userMenuLabel:"User options",toggleBurgerMenu:"Toggle burger menu",toggleContextMenu:"Toggle context menu",navigationHeadline:"Navigation"},Io={info:"Toggle info tooltip",error:"Toggle error tooltip"},Po={headline:"Change appearance",subtitle:"Select the appearance of the application:",appearance:"Appearance",auto:{label:"Auto",description:"The application automatically adapts its appearance to your system settings."},light:{label:"Light",description:"Light mode provides optimal contrast for bright environments."},dark:{label:"Dark",description:"This color mode is optimized for darker environments."}},Do={label:"Pagination",ofPages:"of 1 page | of {n} pages",previous:"previous page",next:"next page",select:{label:"Page selection",listLabel:"Available pages"}},_e={optional:bo,cancel:Bo,apply:Co,back:Vo,close:wo,validations:Eo,select:So,selections:No,stepper:$o,table:Mo,link:Oo,navItemOptionsLabel:To,navigation:Lo,tooltip:Io,colorScheme:Po,pagination:Do},Ze=Symbol(),Ke=(o={})=>{const n=e.computed(()=>e.unref(o==null?void 0:o.locale)??"en-US");if(o.t)return{t:o.t,locale:n};const t=e.computed(()=>o!=null&&o.messages&&n.value in o.messages?o.messages[n.value]:_e),l=e.computed(()=>(r,a={})=>{let s=Ie(r,t.value)??Ie(r,_e)??"";return s=Ao(s,a.n),zo(s,a)});return{locale:n,t:l}},je=(o,n)=>{const t=Ke(n);return o.provide(Ze,t),t},C=()=>e.inject(Ze,()=>Ke(),!0),Ie=(o,n)=>{const t=o.split(".").reduce((l,r)=>!l||typeof l=="string"?l:l[r],n);return t&&typeof t=="string"?t:void 0},Ao=(o,n)=>{const t=o.split(" | ").map(r=>r.trim());if(t.length<=1)return o;let l=1;return n===0&&(l=0),n&&(n<=0||n>1)&&(l=2),t.length===2?l===1?t[0]:t[1]:t[l]},zo=(o,n)=>n?Object.entries(n).reduce((l,[r,a])=>a===void 0?l:l.replace(new RegExp(`{${r}}`,"gi"),a.toString()),o).replace(/\s?{.*}\s?/gi,""):o,Ho=(o,n)=>{const t=Object.entries(o).filter(([r,a])=>a!==void 0),l=Object.entries(n).filter(([r,a])=>a!==void 0);return t.length!==l.length?!1:t.every(([r,a])=>a===n[r])},Ro=(o,n)=>o.reduce((t,l)=>{const r=l[n]??"";return t[r]=t[r]||[],t[r].push(l),t},{}),Ye=()=>Object.entries(Object.getOwnPropertyDescriptors(ValidityState.prototype)).filter(([o,n])=>n.enumerable).map(([o])=>o),Fo=o=>Ye().reduce((n,t)=>(n[t]=o[t],n),{}),Uo=o=>{if(o.valueMissing)return"valueMissing";const n=Ye().filter(t=>t!=="valid").sort();for(const t of n)if(t in o&&o[t])return t},qo=Object.keys(_e.validations.typeMismatch),Go=o=>{if(o)return typeof o=="string"?{shortMessage:o,longMessage:o}:o},Xe=o=>{if(!o)return;if(typeof o=="string")return o;if(o.shortMessage===o.longMessage)return o.shortMessage;const{shortMessage:n,longMessage:t}=o;return`${n}: ${t}`},D=o=>{const{t:n}=C(),t=e.ref(),l=e.ref(!1);e.watch(()=>o.props.modelValue,()=>l.value=!0,{once:!0});const r={mounted:s=>{e.watchEffect(()=>s.setCustomValidity(Xe(o.props.customError)??"")),e.watch([()=>o.props],()=>{const c=Fo(s.validity);!t.value&&c.valid||t.value&&Ho(c,t.value)||(t.value=c)},{immediate:!0,deep:!0}),e.watch([()=>o.props.customError,t,l],()=>{!l.value||!t.value||o.emit("validityChange",t.value)},{immediate:!0})}},a=e.computed(()=>{var i,u,p;if(!t.value||t.value.valid)return;const s=Uo(t.value),c=Go(o.props.customError);if(c||s==="customError")return c||void 0;if(!s)return;if(s==="typeMismatch"){const m=qo.includes(o.props.type)?o.props.type:"generic";return{longMessage:n.value(`validations.typeMismatch.${m}.fullError`,{value:(i=o.props.modelValue)==null?void 0:i.toString()}),shortMessage:n.value(`validations.typeMismatch.${m}.preview`)}}const d={value:(u=o.props.modelValue)==null?void 0:u.toString(),n:((p=o.props.modelValue)==null?void 0:p.toString().length)??0,minLength:o.props.minlength,maxLength:o.props.maxlength,min:o.props.min,max:o.props.max,step:o.props.step};return{longMessage:n.value(`validations.${s}.fullError`,d),shortMessage:n.value(`validations.${s}.preview`)}});return{vCustomValidity:r,errorMessages:a}},H=e.defineComponent({__name:"OnyxTooltip",props:{density:{},text:{},icon:{},color:{default:"neutral"},position:{default:"top"},fitParent:{type:Boolean,default:!1},open:{type:[String,Boolean,Object],default:"hover"}},setup(o){const n=o,{densityClass:t}=g(n),{t:l}=C(),r=e.ref(!1),a=e.computed({set:f=>r.value=f,get:()=>typeof n.open=="boolean"?n.open:r.value}),s=e.computed(()=>({debounce:200,...typeof n.open=="object"&&n.open.type==="hover"&&n.open||{},isVisible:a})),c=e.computed(()=>({toggleLabel:l.value("tooltip.info"),...typeof n.open=="object"&&n.open.type==="click"&&n.open||{},isVisible:a})),d=e.computed(()=>typeof n.open=="object"?n.open.type:typeof n.open=="string"?n.open:"hover"),i=()=>d.value==="hover"?io(s.value):so(c.value),u=e.shallowRef(i());e.watch(d,()=>u.value=i());const p=e.computed(()=>{var f;return(f=u.value)==null?void 0:f.elements.tooltip}),m=e.computed(()=>{var f;return e.toValue((f=u.value)==null?void 0:f.elements.trigger)});return(f,y)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["onyx-tooltip-wrapper",e.unref(t)])},[e.createElementVNode("div",e.mergeProps(p.value,{class:["onyx-tooltip onyx-text--small onyx-truncation-multiline",{"onyx-tooltip--danger":n.color==="danger","onyx-tooltip--bottom":n.position==="bottom","onyx-tooltip--fit-parent":n.fitParent,"onyx-tooltip--hidden":!a.value}]}),[n.icon?(e.openBlock(),e.createBlock(x,{key:0,icon:n.icon,size:"16px"},null,8,["icon"])):e.createCommentVNode("",!0),e.renderSlot(f.$slots,"tooltip",{},()=>[e.createTextVNode(e.toDisplayString(n.text),1)])],16),e.renderSlot(f.$slots,"default",{trigger:m.value})],2))}}),Ve=e.defineComponent({__name:"OnyxErrorTooltip",props:{errorMessages:{},disabled:{type:Boolean}},setup(o){const n=o,t=e.computed(()=>Xe(n.errorMessages)),l=e.ref();return(r,a)=>(e.openBlock(),e.createElementBlock("div",null,[!t.value||n.disabled?(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"targetRef",ref:l},null,512)):e.createCommentVNode("",!0),t.value&&!n.disabled?(e.openBlock(),e.createBlock(H,{key:1,class:"onyx-error-tooltip",open:"hover",text:t.value,color:"danger"},{default:e.withCtx(({trigger:s})=>[e.createElementVNode("div",e.mergeProps({ref_key:"targetRef",ref:l},s),null,16)]),_:1},8,["text"])):e.createCommentVNode("",!0),(e.openBlock(),e.createBlock(e.Teleport,{disabled:!l.value,to:l.value},[e.renderSlot(r.$slots,"default")],8,["disabled","to"]))]))}}),Zo=["title"],Ko={class:"onyx-checkbox__container"},jo=["aria-label","indeterminate","disabled","required","value","autofocus"],j=e.defineComponent({__name:"OnyxCheckbox",props:{density:{},value:{},label:{},hideLabel:{type:Boolean},disabled:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},skeleton:{type:Boolean,default:!1},truncation:{default:"ellipsis"},required:{type:Boolean,default:!1},requiredMarker:{},customError:{},autofocus:{type:Boolean},modelValue:{type:Boolean,default:!1},indeterminate:{type:Boolean,default:!1}},emits:["update:modelValue","validityChange"],setup(o,{emit:n}){const t=o,l=n,r=e.computed({get:()=>t.modelValue,set:p=>l("update:modelValue",p)}),{requiredMarkerClass:a,requiredTypeClass:s}=J(t),{densityClass:c}=g(t),{vCustomValidity:d,errorMessages:i}=D({props:t,emit:l}),u=e.computed(()=>t.hideLabel?t.label:void 0);return(p,m)=>t.skeleton?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["onyx-checkbox-skeleton",e.unref(c)])},[e.createVNode(E,{class:"onyx-checkbox-skeleton__input"}),t.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(E,{key:0,class:"onyx-checkbox-skeleton__label"}))],2)):(e.openBlock(),e.createBlock(Ve,{key:1,disabled:t.disabled,"error-messages":e.unref(i)},{default:e.withCtx(()=>[e.createElementVNode("label",{class:e.normalizeClass(["onyx-checkbox",[e.unref(s),e.unref(c)]]),title:u.value},[e.createElementVNode("div",Ko,[t.loading?(e.openBlock(),e.createBlock(T,{key:0,class:"onyx-checkbox__loading",type:"circle"})):e.withDirectives((e.openBlock(),e.createElementBlock("input",{key:1,"onUpdate:modelValue":m[0]||(m[0]=f=>r.value=f),"aria-label":t.hideLabel?t.label:void 0,class:"onyx-checkbox__input",type:"checkbox",indeterminate:t.indeterminate,disabled:t.disabled,required:t.required,value:t.value,autofocus:t.autofocus},null,8,jo)),[[e.vModelCheckbox,r.value],[e.unref(d)]])]),t.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createElementVNode("p",{class:e.normalizeClass(["onyx-checkbox__label",[`onyx-truncation-${t.truncation}`,t.truncation==="multiline"?e.unref(a):void 0]])},e.toDisplayString(t.label),3),t.truncation==="ellipsis"?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["onyx-checkbox__marker",[e.unref(a)]])},null,2)):e.createCommentVNode("",!0)],64))],10,Zo)]),_:1},8,["disabled","error-messages"]))}}),Yo=(o,n)=>e.computed(()=>{const t=n.value.filter(r=>o.value.includes(r)),l=t.length===o.value.length;return{modelValue:l,indeterminate:!l&&o.value.length&&t.length?!0:void 0}}),We=(o,n,t)=>({state:Yo(o,n),handleChange:l=>{const r=n.value.filter(s=>!o.value.includes(s)),a=l?r.concat(o.value):r;t(a)}}),z=e.defineComponent({__name:"OnyxHeadline",props:{is:{}},setup(o){const n=o;return(t,l)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n.is),{class:e.normalizeClass(["onyx-headline",`onyx-headline--${n.is}`])},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},8,["class"]))}}),Xo=["disabled","aria-label"],Wo={key:0,class:"onyx-checkbox-group__label"},Jo=e.defineComponent({__name:"OnyxCheckboxGroup",props:{density:{},truncation:{default:"ellipsis"},label:{},hideLabel:{type:Boolean},options:{},modelValue:{default:()=>[]},direction:{default:"vertical"},withCheckAll:{type:[Boolean,Object],default:!1},disabled:{type:Boolean,default:!1},skeleton:{}},emits:["update:modelValue"],setup(o,{emit:n}){const t=o,{densityClass:l}=g(t),r=n,{t:a}=C(),s=(u,p)=>{const m=p?[...t.modelValue,u]:t.modelValue.filter(f=>f!==u);r("update:modelValue",m)},c=e.computed(()=>t.options.filter(u=>!u.disabled&&!u.skeleton).map(({value:u})=>u)),d=We(c,e.computed(()=>t.modelValue),u=>r("update:modelValue",u)),i=e.computed(()=>{var p;const u=a.value("selections.selectAll");return typeof t.withCheckAll=="boolean"?u:((p=t.withCheckAll)==null?void 0:p.label)??u});return(u,p)=>(e.openBlock(),e.createElementBlock("fieldset",{class:e.normalizeClass(["onyx-checkbox-group",e.unref(l)]),disabled:t.disabled,"aria-label":t.label},[t.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("legend",Wo,[e.createVNode(z,{is:"h3"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.label),1)]),_:1})])),e.createElementVNode("div",{class:e.normalizeClass(["onyx-checkbox-group__content",{"onyx-checkbox-group__content--horizontal":t.direction==="horizontal","onyx-checkbox-group__content--vertical":t.direction==="vertical"}])},[t.skeleton===void 0?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[t.withCheckAll?(e.openBlock(),e.createBlock(j,e.mergeProps({key:0},e.unref(d).state.value,{label:i.value,value:"all",class:"onyx-checkbox-group__option onyx-checkbox-group__check-all","onUpdate:modelValue":e.unref(d).handleChange}),null,16,["label","onUpdate:modelValue"])):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.options,m=>(e.openBlock(),e.createBlock(j,e.mergeProps({key:m.value.toString(),ref_for:!0},m,{truncation:m.truncation??t.truncation,"model-value":t.modelValue.includes(m.value),class:"onyx-checkbox-group__option","onUpdate:modelValue":f=>s(m.value,f)}),null,16,["truncation","model-value","onUpdate:modelValue"]))),128))],64)):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(t.skeleton,m=>(e.openBlock(),e.createBlock(j,{key:m,label:`Skeleton ${m}`,value:`skeleton-${m}`,skeleton:""},null,8,["label","value"]))),128))],2)],10,Xo))}}),Qo=["aria-modal","aria-label","role"],Je=e.defineComponent({__name:"OnyxDialog",props:{density:{},label:{},open:{type:Boolean,default:!1},modal:{type:Boolean,default:!1},alert:{type:Boolean,default:!1}},emits:["close"],setup(o,{emit:n}){const t=o,l=n,r=e.ref(),{densityClass:a}=g(t),s=()=>{var c,d;t.modal?(c=r.value)==null||c.showModal():(d=r.value)==null||d.show()};return e.watch([r,()=>t.open],()=>{var c;t.open?s():(c=r.value)==null||c.close()}),e.watch(()=>t.modal,()=>{var c;(c=r.value)!=null&&c.open&&(r.value.close(),s())}),(c,d)=>t.open?(e.openBlock(),e.createElementBlock("dialog",{key:0,ref_key:"dialogRef",ref:r,class:e.normalizeClass(["onyx-dialog",e.unref(a),"onyx-truncation-multiline"]),"aria-modal":t.modal,"aria-label":t.label,role:t.alert?"alertdialog":void 0,onCancel:d[0]||(d[0]=e.withModifiers(i=>l("close"),["prevent"]))},[e.renderSlot(c.$slots,"default")],42,Qo)):e.createCommentVNode("",!0)}}),Qe='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M14.049 1.702a10.5 10.5 0 0 1 5.376 2.873 10.466 10.466 0 0 1 0 14.85 10.5 10.5 0 1 1-5.376-17.723m1.394 18.644a9 9 0 0 0 2.92-1.982A9.002 9.002 0 0 0 15.48 3.626a9 9 0 0 0-9.843 2.01 9 9 0 0 0 9.807 14.71M12 10.94l3.61-3.612 1.062 1.06L13.06 12l3.612 3.61-1.062 1.062L12 13.06l-3.61 3.612-1.062-1.062L10.94 12 7.328 8.389l1.062-1.06z" clip-rule="evenodd"/></svg>',en={class:"onyx-empty__label onyx-text onyx-truncation-multiline"},we=e.defineComponent({__name:"OnyxEmpty",props:{density:{}},setup(o){const n=o,{densityClass:t}=g(n);return(l,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["onyx-empty",e.unref(t)])},[e.renderSlot(l.$slots,"icon",{},()=>[e.createVNode(x,{icon:e.unref(Qe),size:"48px"},null,8,["icon"])]),e.createElementVNode("div",en,[e.renderSlot(l.$slots,"default")])],2))}}),tn='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g clip-path="url(#a)"><path d="M9.15 7.913v1.5h4.377l-6.145 6.144 1.06 1.06 6.146-6.144v4.377h1.5V7.913z"/></g><defs><clipPath id="a"><path d="M0 0h24v24H0z"/></clipPath></defs></svg>',on=o=>/^http(s?):\/\//.test(o),Q=e.defineComponent({__name:"OnyxExternalLinkIcon",props:{href:{},withExternalIcon:{type:[Boolean,String],default:"auto"}},setup(o){const n=o,t=e.computed(()=>{const l=n.withExternalIcon;return l!=="auto"?l:on(n.href??"")});return(l,r)=>t.value?(e.openBlock(),e.createBlock(x,{key:0,class:"onyx-external-link-icon",icon:e.unref(tn),size:"16px"},null,8,["icon"])):e.createCommentVNode("",!0)}}),nn=["h1","h2","h3","h4","h5","h6"],ln=["12px","16px","24px","32px","48px","64px","96px"],an=["aria-label","title","type","disabled","autofocus"],et=e.defineComponent({__name:"OnyxIconButton",props:{density:{},autofocus:{type:Boolean},label:{},disabled:{type:Boolean,default:!1},type:{default:"button"},color:{default:"primary"},loading:{type:Boolean},icon:{},skeleton:{type:Boolean,default:!1}},emits:["click"],setup(o,{emit:n}){const t=o,{densityClass:l}=g(t),r=n;return(a,s)=>t.skeleton?(e.openBlock(),e.createBlock(E,{key:0,class:e.normalizeClass(["onyx-icon-button-skeleton",e.unref(l)])},null,8,["class"])):(e.openBlock(),e.createElementBlock("button",{key:1,class:e.normalizeClass(["onyx-icon-button",[`onyx-icon-button--${t.color}`,{"onyx-icon-button--loading":t.loading},e.unref(l)]]),"aria-label":t.label,title:t.label,type:t.type,disabled:t.disabled||t.loading,autofocus:t.autofocus,onClick:s[0]||(s[0]=c=>r("click"))},[t.loading?(e.openBlock(),e.createBlock(T,{key:0,type:"circle"})):t.icon?(e.openBlock(),e.createBlock(x,{key:1,icon:t.icon},null,8,["icon"])):e.renderSlot(a.$slots,"default",{key:2})],10,an))}}),ke='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M12 1.5a10.5 10.5 0 1 0 0 21 10.5 10.5 0 0 0 0-21M12 21a9 9 0 1 1 9-9 9.01 9.01 0 0 1-9 9m-.75-15h1.5v1.5h-1.5zm1.5 3.75h-1.5V18h1.5z" clip-rule="evenodd"/></svg>',ee=e.defineComponent({__name:"OnyxVisuallyHidden",props:{is:{default:"span"}},setup(o){const n=o;return(t,l)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n.is),{class:"onyx-visually-hidden"},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3}))}}),rn={class:"onyx-info-tooltip"},Y=e.defineComponent({__name:"OnyxInfoTooltip",props:{text:{},position:{},open:{type:[String,Boolean,Object],default:"click"},color:{default:"neutral"}},setup(o){const n=o,t=e.computed(()=>typeof n.open=="object"?n.open.type:typeof n.open=="string"?n.open:"click");return(l,r)=>(e.openBlock(),e.createElementBlock("span",rn,[t.value==="click"?(e.openBlock(),e.createBlock(H,{key:0,text:n.text,open:n.open,color:n.color,position:n.position},{default:e.withCtx(({trigger:a})=>[e.createElementVNode("button",e.mergeProps({type:"button",class:"onyx-info-tooltip__trigger"},a),[e.createVNode(x,{icon:e.unref(ke)},null,8,["icon"])],16)]),_:1},8,["text","open","color","position"])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createVNode(H,{"aria-hidden":"true",text:n.text,open:n.open,color:n.color,position:n.position},{default:e.withCtx(({trigger:a})=>[e.createElementVNode("span",e.mergeProps({class:"onyx-info-tooltip__trigger"},a),[e.createVNode(x,{icon:e.unref(ke)},null,8,["icon"])],16)]),_:1},8,["text","open","color","position"]),e.createVNode(ee,null,{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(n.text),1)]),_:1})],64))]))}}),sn={key:0,class:"onyx-form-element__label onyx-text--small"},cn=["for"],un={key:1,class:"onyx-form-element__footer onyx-text--small"},dn={key:0,class:"onyx-form-element__error-message onyx-truncation-ellipsis"},pn={key:2,class:"onyx-form-element__message onyx-truncation-ellipsis"},mn={key:4,class:"onyx-form-element__counter"},te=e.defineComponent({__name:"OnyxFormElement",props:{required:{type:Boolean,default:!1},requiredMarker:{},id:{default:()=>M("onyx-form-element")},modelValue:{},label:{},labelTooltip:{},hideLabel:{type:Boolean},message:{},messageTooltip:{},errorMessages:{},maxlength:{},withCounter:{type:Boolean}},setup(o){const n=o,{t}=C(),{requiredMarkerClass:l,requiredTypeClass:r}=J(n),a=e.computed(()=>{var s;if(n.withCounter&&n.maxlength)return`${(((s=n.modelValue)==null?void 0:s.toString())||"").length}/${n.maxlength}`});return(s,c)=>{var d,i;return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["onyx-form-element",e.unref(r)])},[n.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",sn,[e.createElementVNode("label",{for:n.id,class:"onyx-truncation-ellipsis"},e.toDisplayString(n.label),9,cn),n.required?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass([n.required?e.unref(l):void 0])},null,2)):e.createCommentVNode("",!0),n.labelTooltip?(e.openBlock(),e.createBlock(Y,{key:1,class:"onyx-form-element__label-tooltip",open:"hover",text:n.labelTooltip},null,8,["text"])):e.createCommentVNode("",!0),n.required?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("span",{key:2,class:e.normalizeClass([n.required?void 0:e.unref(l)])},null,2))])),e.renderSlot(s.$slots,"default",{id:n.id}),n.message||(d=s.errorMessages)!=null&&d.shortMessage||a.value?(e.openBlock(),e.createElementBlock("div",un,[s.errorMessages?(e.openBlock(),e.createElementBlock("span",dn,e.toDisplayString(s.errorMessages.shortMessage),1)):e.createCommentVNode("",!0),(i=s.errorMessages)!=null&&i.longMessage?(e.openBlock(),e.createBlock(Y,{key:1,class:"onyx-form-element__error-tooltip",color:"danger",position:"bottom",label:e.unref(t)("tooltip.error"),open:"hover",text:s.errorMessages.longMessage},null,8,["label","text"])):e.createCommentVNode("",!0),n.message?(e.openBlock(),e.createElementBlock("span",pn,e.toDisplayString(n.message),1)):e.createCommentVNode("",!0),n.messageTooltip?(e.openBlock(),e.createBlock(Y,{key:3,class:"onyx-form-element__message-tooltip",position:"bottom",open:"hover",text:n.messageTooltip},null,8,["text"])):e.createCommentVNode("",!0),a.value?(e.openBlock(),e.createElementBlock("span",mn,e.toDisplayString(a.value),1)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)],2)}}}),fn={class:"onyx-input__wrapper"},yn=["id","placeholder","type","required","autocapitalize","autocomplete","autofocus","name","pattern","readonly","disabled","minlength","maxlength","aria-label","title"],hn=e.defineComponent({__name:"OnyxInput",props:{density:{},required:{type:Boolean,default:!1},requiredMarker:{},customError:{},id:{},label:{},labelTooltip:{},hideLabel:{type:Boolean},message:{},messageTooltip:{},maxlength:{},withCounter:{type:Boolean},autofocus:{type:Boolean},modelValue:{default:""},type:{default:"text"},placeholder:{},autocapitalize:{default:"sentences"},autocomplete:{},name:{},pattern:{},readonly:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},minlength:{},skeleton:{type:Boolean,default:!1}},emits:["update:modelValue","change","focus","blur","validityChange"],setup(o,{emit:n}){const t=o,l=n,{vCustomValidity:r,errorMessages:a}=D({props:t,emit:l}),{densityClass:s}=g(t),c=e.computed({get:()=>t.modelValue,set:u=>l("update:modelValue",u)}),d=u=>{const p=u.target.value;l("change",p)},i=e.computed(()=>t.pattern instanceof RegExp?t.pattern.source:t.pattern);return(u,p)=>t.skeleton?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["onyx-input-skeleton",e.unref(s)])},[t.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(E,{key:0,class:"onyx-input-skeleton__label"})),e.createVNode(E,{class:"onyx-input-skeleton__input"})],2)):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["onyx-input",e.unref(s)])},[e.createVNode(te,e.mergeProps(t,{"error-messages":e.unref(a)}),{default:e.withCtx(({id:m})=>[e.createElementVNode("div",fn,[t.loading?(e.openBlock(),e.createBlock(T,{key:0,class:"onyx-input__loading",type:"circle"})):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("input",{id:m,"onUpdate:modelValue":p[0]||(p[0]=f=>c.value=f),placeholder:t.placeholder,class:"onyx-input__native",type:t.type,required:t.required,autocapitalize:t.autocapitalize,autocomplete:t.autocomplete,autofocus:t.autofocus,name:t.name,pattern:i.value,readonly:t.readonly,disabled:t.disabled||t.loading,minlength:t.minlength,maxlength:t.maxlength,"aria-label":t.hideLabel?t.label:void 0,title:t.hideLabel?t.label:void 0,onChange:d,onFocus:p[1]||(p[1]=f=>l("focus")),onBlur:p[2]||(p[2]=f=>l("blur"))},null,40,yn),[[e.vModelDynamic,c.value],[e.unref(r)]])])]),_:1},16,["error-messages"])],2))}}),vn=["email","password","search","tel","text","url"],_n=["none","sentences","words","characters"],kn=["href","target","rel"],xn=e.defineComponent({__name:"OnyxLink",props:{href:{},withExternalIcon:{type:[Boolean,String],default:"auto"},target:{default:"_self"}},emits:["click"],setup(o,{emit:n}){const t=o,l=n,{t:r}=C();return(a,s)=>(e.openBlock(),e.createElementBlock("a",{class:"onyx-link",href:t.href,target:t.target,rel:t.target==="_blank"?"noreferrer":void 0,onClick:s[0]||(s[0]=c=>l("click"))},[e.renderSlot(a.$slots,"default"),t.target==="_blank"?(e.openBlock(),e.createBlock(ee,{key:0},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(r)("link.opensExternally")),1)]),_:1})):e.createCommentVNode("",!0),e.createVNode(Q,e.normalizeProps(e.guardReactiveProps(t)),null,16)],8,kn))}}),gn=["_self","_blank","_parent","_top"],oe=e.defineComponent({__name:"OnyxListItem",props:{density:{},selected:{type:Boolean,default:!1},checked:{type:Boolean,default:!1},active:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},color:{}},setup(o){const n=o,{densityClass:t}=g(n);return(l,r)=>(e.openBlock(),e.createElementBlock("li",{class:e.normalizeClass({"onyx-list-item":!0,...e.unref(t),"onyx-list-item--active":n.active,[`onyx-list-item--${n.color}`]:n.color,"onyx-list-item--disabled":n.disabled,"onyx-list-item--selected":n.selected,"onyx-list-item--checked":n.checked})},[e.renderSlot(l.$slots,"default")],2))}}),bn='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m21.53 20.47-5.977-5.977a7.512 7.512 0 1 0-1.06 1.06l5.977 5.977zM3.75 9.75a6 6 0 1 1 6 6 6.007 6.007 0 0 1-6-6"/></svg>',Ee='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m17.03 8.03-1.06-1.06L12 10.94 8.03 6.97 6.97 8.03 10.94 12l-3.97 3.97 1.06 1.06L12 13.06l3.97 3.97 1.06-1.06L13.06 12z"/></svg>',tt=()=>{const o=e.useAttrs(),n=e.computed(()=>({class:o.class,style:o.style})),t=e.computed(()=>{const l={...o};return delete l.class,delete l.style,l});return{rootAttrs:n,restAttrs:t}},Bn=["placeholder","aria-label"],Cn=["aria-label"],ot=e.defineComponent({inheritAttrs:!1,__name:"OnyxMiniSearch",props:{density:{},label:{},modelValue:{}},emits:["update:modelValue","clear"],setup(o,{expose:n,emit:t}){const l=o,r=t,{rootAttrs:a,restAttrs:s}=tt(),{densityClass:c}=g(l),{t:d}=C(),i=e.ref(),u=e.computed({get:()=>l.modelValue,set:p=>r("update:modelValue",p??"")});return n({focus:()=>{var p;return(p=i.value)==null?void 0:p.focus()}}),(p,m)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps({class:["onyx-mini-search",e.unref(c)]},e.unref(a)),[e.withDirectives(e.createElementVNode("input",e.mergeProps({ref_key:"input",ref:i,"onUpdate:modelValue":m[0]||(m[0]=f=>u.value=f),class:"onyx-mini-search__input onyx-text",placeholder:e.unref(d)("select.searchPlaceholder"),type:"text"},e.unref(s),{"aria-label":l.label}),null,16,Bn),[[e.vModelText,u.value]]),e.createElementVNode("button",{type:"button",class:"onyx-mini-search__clear","aria-label":e.unref(d)("select.clearSearch"),tabindex:"-1",onMousedown:m[1]||(m[1]=e.withModifiers(()=>{},["prevent"])),onClick:m[2]||(m[2]=f=>r("clear"))},[e.createVNode(x,{icon:e.unref(Ee)},null,8,["icon"])],40,Cn),e.createVNode(x,{class:"onyx-mini-search__icon",icon:e.unref(bn)},null,8,["icon"])],16))}}),Vn='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m20.78 4.28-1.06-1.06L12 10.94 4.28 3.22 3.22 4.28 10.94 12l-7.72 7.72 1.06 1.06L12 13.06l7.72 7.72 1.06-1.06L13.06 12z"/></svg>',wn={class:"onyx-mobile-nav-button"},En=["aria-label"],Sn={class:"onyx-mobile-nav-button__flyout"},Nn={class:"onyx-mobile-nav-button__menu"},xe=e.defineComponent({__name:"OnyxMobileNavButton",props:{label:{},icon:{},open:{type:Boolean,default:!1},headline:{}},emits:["update:open"],setup(o,{emit:n}){const t=o,l=n;return(r,a)=>(e.openBlock(),e.createElementBlock("div",wn,[e.createElementVNode("button",{type:"button",class:e.normalizeClass(["onyx-mobile-nav-button__trigger",{"onyx-mobile-nav-button__trigger--active":t.open}]),"aria-label":t.label,onClick:a[0]||(a[0]=s=>l("update:open",!t.open))},[e.createVNode(x,{icon:t.open?e.unref(Vn):t.icon},null,8,["icon"])],10,En),t.open?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createElementVNode("div",Sn,[e.createElementVNode("div",Nn,[t.headline?(e.openBlock(),e.createBlock(z,{key:0,is:"h2",class:"onyx-mobile-nav-button__headline"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.headline),1)]),_:1})):e.createCommentVNode("",!0),e.renderSlot(r.$slots,"default")])]),e.createElementVNode("div",{class:"onyx-mobile-nav-button__backdrop",role:"presentation",onClick:a[1]||(a[1]=s=>l("update:open",!1))})],64)):e.createCommentVNode("",!0)]))}}),$n=["aria-label"],Mn=["src","alt"],On={key:1,class:"onyx-text-small onyx-truncation-ellipsis"},nt=e.defineComponent({__name:"OnyxNavAppArea",props:{logoUrl:{},appName:{},label:{}},emits:["click"],setup(o,{emit:n}){const t=o,l=n,{t:r}=C(),a=e.computed(()=>t.label??r.value("navigation.goToHome"));return(s,c)=>(e.openBlock(),e.createElementBlock("button",{type:"button",class:"onyx-nav-app-area","aria-label":a.value,onClick:c[0]||(c[0]=d=>l("click"))},[e.renderSlot(s.$slots,"default",{},()=>[t.logoUrl?(e.openBlock(),e.createElementBlock("img",{key:0,src:t.logoUrl,alt:e.unref(r)("navigation.appLogo",{appName:t.appName}),class:"onyx-nav-app-area__logo",width:"24",height:"24"},null,8,Mn)):e.createCommentVNode("",!0),t.appName?(e.openBlock(),e.createElementBlock("span",On,e.toDisplayString(t.appName),1)):e.createCommentVNode("",!0)])],8,$n))}}),Tn=`<svg width="166" height="104" viewBox="0 0 166 104" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),Ct={key:0,class:"onyx-app__nav"},Vt={class:"onyx-app__page"},wt={key:1,class:"onyx-app__page-overlay"},Et={key:2,class:"onyx-app__app-overlay"},St=e.defineComponent({__name:"OnyxAppLayout",props:{navBarAlignment:{default:"top"}},setup(o){const n=o,t=e.useSlots();return(l,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["onyx-app",{"onyx-app--horizontal":n.navBarAlignment==="left"}])},[t.navBar?(e.openBlock(),e.createElementBlock("div",Ct,[e.renderSlot(l.$slots,"navBar")])):e.createCommentVNode("",!0),e.createElementVNode("div",Vt,[e.renderSlot(l.$slots,"default")]),t.pageOverlay?(e.openBlock(),e.createElementBlock("div",wt,[e.renderSlot(l.$slots,"pageOverlay")])):e.createCommentVNode("",!0),t.appOverlay?(e.openBlock(),e.createElementBlock("div",Et,[e.renderSlot(l.$slots,"appOverlay")])):e.createCommentVNode("",!0)],2))}}),Nt=["title"],$t=["src","alt"],Mt={key:1,class:"onyx-avatar__initials"},fe=e.defineComponent({__name:"OnyxAvatar",props:{size:{default:"48px"},label:{},src:{}},setup(o){const n=o,t=e.useSlots(),l=e.computed(()=>{const a=n.label.split(" ");return(a.length>1?`${a[0].charAt(0)}${a[1].charAt(0)}`:a[0].substring(0,2)).toUpperCase()}),r=e.ref(!1);return e.watch(()=>n.src,()=>r.value=!1),(a,s)=>(e.openBlock(),e.createElementBlock("figure",{class:e.normalizeClass(["onyx-avatar",[`onyx-avatar--${n.size}`,t.default?"onyx-avatar--custom":""]]),title:n.label},[n.src&&!r.value?(e.openBlock(),e.createElementBlock("img",{key:0,class:"onyx-avatar__svg",src:n.src,alt:n.label,onError:s[0]||(s[0]=c=>r.value=!0)},null,40,$t)):(e.openBlock(),e.createElementBlock("div",Mt,[e.renderSlot(a.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(l.value),1)])]))],10,Nt))}}),Ot={class:"onyx-avatar-stack"},Tt=e.defineComponent({__name:"OnyxAvatarStack",setup(o){return(n,t)=>(e.openBlock(),e.createElementBlock("div",Ot,[e.renderSlot(n.$slots,"default")]))}}),Lt=["compact","default","cozy"],g=o=>({densityClass:e.computed(()=>({[`onyx-density-${o.density}`]:o.density}))}),It=["innerHTML"],x=e.defineComponent({__name:"OnyxIcon",props:{size:{},icon:{},color:{}},setup(o){const n=o;return(t,l)=>(e.openBlock(),e.createElementBlock("figure",{class:e.normalizeClass({"onyx-icon":!0,[`onyx-icon--${n.size}`]:n.size,[`onyx-icon--${n.color}`]:n.color}),"aria-hidden":"true",innerHTML:n.icon},null,10,It))}}),De=e.defineComponent({__name:"OnyxBadge",props:{density:{},color:{default:"primary"},icon:{},dot:{type:Boolean,default:!1}},setup(o){const n=o,{densityClass:t}=g(n);return(l,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["onyx-badge",["onyx-truncation-ellipsis","onyx-text",`onyx-badge--${n.color}`,n.dot?"onyx-badge--dot":"",e.unref(t)]])},[n.dot?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[n.icon?(e.openBlock(),e.createBlock(x,{key:0,class:"onyx-badge__icon",icon:n.icon},null,8,["icon"])):e.renderSlot(l.$slots,"default",{key:1})],64))],2))}}),Be=(o,n)=>{const t=o.__vccOpts||o;for(const[l,r]of n)t[l]=r;return t},Pt={},Dt={class:"onyx-circle-spinner",viewBox:"0 0 50 50"},At=e.createElementVNode("circle",{class:"onyx-circle-spinner__circle",cx:"50%",cy:"50%",r:"45%"},null,-1),zt=[At];function Ht(o,n){return e.openBlock(),e.createElementBlock("svg",Dt,zt)}const Rt=Be(Pt,[["render",Ht]]),Ft={},Ut={class:"onyx-loading-dots"},qt=e.createElementVNode("span",{class:"onyx-loading-dots__center"},null,-1),Gt=[qt];function Zt(o,n){return e.openBlock(),e.createElementBlock("div",Ut,Gt)}const Kt=Be(Ft,[["render",Zt]]),T=e.defineComponent({__name:"OnyxLoadingIndicator",props:{type:{default:"dots"}},setup(o){const n=o;return(t,l)=>n.type==="circle"?(e.openBlock(),e.createBlock(Rt,{key:0})):n.type==="dots"?(e.openBlock(),e.createBlock(Kt,{key:1})):e.createCommentVNode("",!0)}}),P=o=>o;function ye(){const o=e.shallowRef();return e.computed({set:n=>{o.value=n!=null&&"$el"in n?n.$el:n},get:()=>o.value})}const jt=(()=>{let o=1;return()=>o++})(),M=o=>`${o}-${jt()}`,Yt=(o,n)=>Object.entries(o).every(([t,l])=>n[t]===l),Xt=(o,n)=>typeof n=="string"?o.key===n:Yt({altKey:!1,ctrlKey:!1,metaKey:!1,shiftKey:!1,...n},o),he=o=>!Jt.has(o),Wt=["Unidentified","Alt","AltGraph","CapsLock","Control","Fn","FnLock","Meta","NumLock","ScrollLock","Shift","Symbol","SymbolLock","Hyper","Super","Enter","Tab","ArrowDown","ArrowLeft","ArrowRight","ArrowUp","End","Home","PageDown","PageUp","Backspace","Clear","Copy","CrSel","Cut","Delete","EraseEof","ExSel","Insert","Paste","Redo","Undo","Accept","Again","Attn","Cancel","ContextMenu","Escape","Execute","Find","Help","Pause","Play","Props","Select","ZoomIn","ZoomOut","BrightnessDown","BrightnessUp","Eject","LogOff","Power","PowerOff","PrintScreen","Hibernate","Standby","WakeUp","AllCandidates","Alphanumeric","CodeInput","Compose","Convert","Dead","FinalMode","GroupFirst","GroupLast","GroupNext","GroupPrevious","ModeChange","NextCandidate","NonConvert","PreviousCandidate","Process","SingleCandidate","HangulMode","HanjaMode","JunjaMode","Eisu","Hankaku","Hiragana","HiraganaKatakana","KanaMode","KanjiMode","Katakana","Romaji","Zenkaku","ZenkakuHankaku","F1","F2","F3","F4","F5","F6","F7","F8","F9","F10","F11","F12","Soft1","Soft2","Soft3","Soft4","ChannelDown","ChannelUp","Close","MailForward","MailReply","MailSend","MediaClose","MediaFastForward","MediaPause","MediaPlay","MediaPlayPause","MediaRecord","MediaRewind","MediaStop","MediaTrackNext","MediaTrackPrevious","New","Open","Print","Save","SpellCheck","Key11","Key12","AudioBalanceLeft","AudioBalanceRight","AudioBassBoostDown","AudioBassBoostToggle","AudioBassBoostUp","AudioFaderFront","AudioFaderRear","AudioSurroundModeNext","AudioTrebleDown","AudioTrebleUp","AudioVolumeDown","AudioVolumeUp","AudioVolumeMute","MicrophoneToggle","MicrophoneVolumeDown","MicrophoneVolumeUp","MicrophoneVolumeMute","SpeechCorrectionList","SpeechInputToggle","LaunchApplication1","LaunchApplication2","LaunchCalendar","LaunchContacts","LaunchMail","LaunchMediaPlayer","LaunchMusicPlayer","LaunchPhone","LaunchScreenSaver","LaunchSpreadsheet","LaunchWebBrowser","LaunchWebCam","LaunchWordProcessor","BrowserBack","BrowserFavorites","BrowserForward","BrowserHome","BrowserRefresh","BrowserSearch","BrowserStop","AppSwitch","Call","Camera","CameraFocus","EndCall","GoBack","GoHome","HeadsetHook","LastNumberRedial","Notification","MannerMode","VoiceDial","TV","TV3DMode","TVAntennaCable","TVAudioDescription","TVAudioDescriptionMixDown","TVAudioDescriptionMixUp","TVContentsMenu","TVDataService","TVInput","TVInputComponent1","TVInputComponent2","TVInputComposite1","TVInputComposite2","TVInputHDMI1","TVInputHDMI2","TVInputHDMI3","TVInputHDMI4","TVInputVGA1","TVMediaContext","TVNetwork","TVNumberEntry","TVPower","TVRadioService","TVSatellite","TVSatelliteBS","TVSatelliteCS","TVSatelliteToggle","TVTerrestrialAnalog","TVTerrestrialDigital","TVTimer","AVRInput","AVRPower","ColorF0Red","ColorF1Green","ColorF2Yellow","ColorF3Blue","ColorF4Grey","ColorF5Brown","ClosedCaptionToggle","Dimmer","DisplaySwap","DVR","Exit","FavoriteClear0","FavoriteClear1","FavoriteClear2","FavoriteClear3","FavoriteRecall0","FavoriteRecall1","FavoriteRecall2","FavoriteRecall3","FavoriteStore0","FavoriteStore1","FavoriteStore2","FavoriteStore3","Guide","GuideNextDay","GuidePreviousDay","Info","InstantReplay","Link","ListProgram","LiveContent","Lock","MediaApps","MediaAudioTrack","MediaLast","MediaSkipBackward","MediaSkipForward","MediaStepBackward","MediaStepForward","MediaTopMenu","NavigateIn","NavigateNext","NavigateOut","NavigatePrevious","NextFavoriteChannel","NextUserProfile","OnDemand","Pairing","PinPDown","PinPMove","PinPToggle","PinPUp","PlaySpeedDown","PlaySpeedReset","PlaySpeedUp","RandomToggle","RcLowBattery","RecordSpeedNext","RfBypass","ScanChannelsToggle","ScreenModeNext","Settings","SplitScreenToggle","STBInput","STBPower","Subtitle","Teletext","VideoModeNext","Wink","ZoomToggle","AudioVolumeDown","AudioVolumeUp","AudioVolumeMute","BrowserBack","BrowserForward","ChannelDown","ChannelUp","ContextMenu","Eject","End","Enter","Home","MediaFastForward","MediaPlay","MediaPlayPause","MediaRecord","MediaRewind","MediaStop","MediaNextTrack","MediaPause","MediaPreviousTrack","Power","Unidentified"],Jt=new Set(Wt),A=e.reactive(new Map),Qt=(o,n)=>{if(n!=null&&n.size){A.set(o,n);return}A.delete(o),document.removeEventListener(o,Ae)},Te=(o,n)=>{const t=A.get(o);t==null||t.delete(n),Qt(o,t)},eo=(o,n)=>{const t=A.get(o)??new Set;t.add(n),A.set(o,t),document.addEventListener(o,Ae)},Ae=o=>{var t;const n=o.type;(t=A.get(n))==null||t.forEach(l=>l(o))},Ce=({type:o,listener:n,disabled:t})=>{e.onBeforeMount(()=>e.watchEffect(()=>t!=null&&t.value?Te(o,n):eo(o,n))),e.onBeforeUnmount(()=>Te(o,n))},ze=({inside:o,onOutsideClick:n,disabled:t})=>{Ce({type:"click",listener:r=>{const a=e.toValue(o);!(Array.isArray(a)?a:[a]).some(d=>d==null?void 0:d.contains(r.target))&&n(r)},disabled:t})},He=(o,n)=>{let t;return(...l)=>{clearTimeout(t),t=setTimeout(()=>o(...l),n)}},Re=(o,n=500)=>{let t="";const l=He(()=>t="",n);return r=>{he(r.key)&&(l(),t=`${t}${r.key}`,o(t))}},to=P(o=>{const n=e.computed(()=>e.unref(o.multiple)??!1),t=e.computed(()=>e.unref(o.isExpanded)??!1),l=new Map,r=i=>(l.has(i)||l.set(i,M("listbox-option")),l.get(i)),a=e.ref(!1);e.watchEffect(()=>{var u;if(!t.value||o.activeOption.value==null||!a.value&&!o.controlled)return;const i=r(o.activeOption.value);(u=document.getElementById(i))==null||u.scrollIntoView({block:"nearest",inline:"nearest"})});const s=Re(i=>{var u;return(u=o.onTypeAhead)==null?void 0:u.call(o,i)}),c=i=>{var u,p,m,f,y,v,w;switch(i.key){case" ":i.preventDefault(),o.activeOption.value!=null&&((u=o.onSelect)==null||u.call(o,o.activeOption.value));break;case"ArrowUp":if(i.preventDefault(),o.activeOption.value==null){(p=o.onActivateLast)==null||p.call(o);return}(m=o.onActivatePrevious)==null||m.call(o,o.activeOption.value);break;case"ArrowDown":if(i.preventDefault(),o.activeOption.value==null){(f=o.onActivateFirst)==null||f.call(o);return}(y=o.onActivateNext)==null||y.call(o,o.activeOption.value);break;case"Home":i.preventDefault(),(v=o.onActivateFirst)==null||v.call(o);break;case"End":i.preventDefault(),(w=o.onActivateLast)==null||w.call(o);break;default:s(i)}};return{elements:{listbox:e.computed(()=>o.controlled?{role:"listbox","aria-multiselectable":n.value,"aria-label":e.unref(o.label),"aria-description":o.description,tabindex:"-1"}:{role:"listbox","aria-multiselectable":n.value,"aria-label":e.unref(o.label),"aria-description":o.description,tabindex:"0","aria-activedescendant":o.activeOption.value!=null?r(o.activeOption.value):void 0,onFocus:()=>a.value=!0,onBlur:()=>a.value=!1,onKeydown:c}),group:e.computed(()=>i=>({role:"group","aria-label":i.label})),option:e.computed(()=>i=>{const u=i.selected??!1;return{id:r(i.value),role:"option","aria-label":i.label,"aria-disabled":i.disabled,"aria-checked":n.value?u:void 0,"aria-selected":n.value?void 0:u,onClick:()=>{var p;return!i.disabled&&((p=o.onSelect)==null?void 0:p.call(o,i.value))}}})},state:{isFocused:a},internals:{getOptionId:r}}}),Fe=["ArrowDown","ArrowUp"," ","Enter","Home","End"],Ue=["Escape",{key:"ArrowUp",altKey:!0},"Enter","Tab"],Le=["Enter"],oo=(o,n)=>{const t=n?[...Le," "]:Le;return ve(o,t)},ve=(o,n)=>n.some(t=>Xt(o,t)),no=P(({autocomplete:o,onAutocomplete:n,onTypeAhead:t,multiple:l,label:r,listLabel:a,listDescription:s,isExpanded:c,activeOption:d,onToggle:i,onSelect:u,onActivateFirst:p,onActivateLast:m,onActivateNext:f,onActivatePrevious:y,templateRef:v})=>{const w=M("comboBox-control"),b=e.computed(()=>e.unref(o)),B=e.computed(()=>e.unref(c)),L=e.computed(()=>e.unref(l)),N=_=>{const q=_.target;b.value!=="none"&&(n==null||n(q.value))},F=Re(_=>t==null?void 0:t(_)),U=_=>{u==null||u(_),e.unref(L)||i==null||i()},ne=_=>{switch(_.key){case"ArrowUp":if(_.preventDefault(),d.value==null)return m==null?void 0:m();y==null||y(d.value);break;case"ArrowDown":if(_.preventDefault(),d.value==null)return p==null?void 0:p();f==null||f(d.value);break;case"Home":_.preventDefault(),p==null||p();break;case"End":_.preventDefault(),m==null||m();break}},le=_=>{if(_.key==="Enter"&&_.preventDefault(),!B.value&&ve(_,Fe))return i==null||i(),_.key===" "&&_.preventDefault(),_.key==="End"?m==null?void 0:m():p==null?void 0:p();if(oo(_,b.value==="none"))return U(d.value);if(B.value&&ve(_,Ue))return i==null?void 0:i();if(b.value==="none"&&he(_.key))return!B.value&&(i==null||i()),F(_);if(b.value!=="none"&&he(_.key)){!B.value&&(i==null||i());return}return ne(_)},ae=b.value!=="none"?{"aria-autocomplete":b.value,type:"text"}:null,{elements:{option:re,group:se,listbox:ie},internals:{getOptionId:ce}}=to({label:a,description:s,multiple:L,controlled:!0,activeOption:d,isExpanded:B,onSelect:U});return ze({inside:v,onOutsideClick(){B.value&&(i==null||i(!0))}}),{elements:{option:re,group:se,listbox:e.computed(()=>({...ie.value,id:w,onMousedown:_=>_.preventDefault()})),input:e.computed(()=>({role:"combobox","aria-expanded":B.value,"aria-controls":w,"aria-label":e.unref(r),"aria-activedescendant":d.value!=null?ce(d.value):void 0,onInput:N,onKeydown:le,...ae})),button:e.computed(()=>({tabindex:"-1",onClick:()=>i==null?void 0:i()}))}}}),lo=P(({isExpanded:o,onToggle:n})=>{const t=M("menu-button-root"),l=M("menu-button-list"),r=ye(),a=M("menu-button-button");Ce({type:"keydown",listener:i=>i.key==="Escape"&&o.value&&n(),disabled:e.computed(()=>!o.value)});const s=He(i=>o.value!==i&&n(),200),c=i=>{const u=document.activeElement,p=(u==null?void 0:u.closest('[role="menu"]'))||r.value;if(!p)return;const m=[...p.querySelectorAll('[role="menuitem"]')];let f=0;if(u){const v=m.indexOf(u);switch(i){case"next":f=v+1;break;case"prev":f=v-1;break;case"first":f=0;break;case"last":f=m.length-1;break}}const y=m[f];y==null||y.focus()};return{elements:{root:{id:t,onKeydown:i=>{switch(i.key){case"ArrowDown":case"ArrowRight":i.preventDefault(),c("next");break;case"ArrowUp":case"ArrowLeft":i.preventDefault(),c("prev");break;case"Home":i.preventDefault(),c("first");break;case"End":i.preventDefault(),c("last");break;case" ":i.preventDefault(),i.target.click();break;case"Escape":i.preventDefault(),o.value&&n();break}},onMouseover:()=>s(!0),onMouseout:()=>s(!1),onFocusout:i=>{var u;(u=document.getElementById(t))!=null&&u.contains(i.relatedTarget)||o.value&&n()}},button:e.computed(()=>({"aria-controls":l,"aria-expanded":o.value,"aria-haspopup":!0,onFocus:()=>!o.value&&n(),id:a})),menu:{id:l,ref:r,role:"menu","aria-labelledby":a,onClick:()=>o.value&&n()},...qe().elements}}}),qe=P(()=>({elements:{listItem:{role:"none"},menuItem:o=>({"aria-current":o.active?"page":void 0,"aria-disabled":o.disabled,role:"menuitem"})}})),ao={clamp:(o,n,t)=>Math.max(Math.min(o,t),n)},ro=P(({navigationName:o})=>{const n=M("nav"),t=()=>{const r=document.getElementById(n);return r?[...r.querySelectorAll("button[aria-expanded][aria-controls]")]:[]},l=(r,a)=>{const s=t(),c=s.indexOf(r);if(c===-1)return;const d=ao.clamp(c+(a==="next"?1:-1),0,s.length-1);s[d].focus()};return{elements:{nav:{"aria-label":e.unref(o),id:n,onKeydown:r=>{switch(r.key){case"ArrowRight":l(r.target,"next");break;case"ArrowLeft":l(r.target,"previous");break}}}}}}),Ge=({isExpanded:o})=>Ce({type:"keydown",listener:n=>{n.key==="Escape"&&(o.value=!1)},disabled:e.computed(()=>!o.value)}),so=P(({toggleLabel:o,isVisible:n})=>{const t=ye(),l=ye(),r=e.toRef(n??!1);ze({inside:e.computed(()=>[t.value,l.value]),onOutsideClick:()=>r.value=!1,disabled:e.computed(()=>!r.value)}),Ge({isExpanded:r});const a=()=>r.value=!r.value;return{elements:{trigger:e.computed(()=>({ref:t,onClick:a,"aria-label":e.toValue(o)})),tooltip:{ref:l,role:"status",tabindex:"-1"}},state:{isVisible:r}}}),io=P(({debounce:o,isVisible:n})=>{const t=M("tooltip"),l=e.toRef(n??!1);let r;const a=e.computed({get:()=>l.value,set:c=>{clearTimeout(r),r=setTimeout(()=>{l.value=c},e.toValue(o))}}),s={onMouseover:()=>a.value=!0,onMouseout:()=>a.value=!1,onFocusin:()=>l.value=!0,onFocusout:()=>l.value=!1};return Ge({isExpanded:l}),{elements:{trigger:{"aria-describedby":t,...s},tooltip:{role:"tooltip",id:t,tabindex:"-1",...s}},state:{isVisible:l}}});function co(o,n,t){const l=Math.max(Math.abs(o-t.left),Math.abs(o-t.right)),r=Math.max(Math.abs(n-t.top),Math.abs(n-t.bottom));return Math.hypot(l,r)}const uo=o=>{const n=e.ref(!1),t=e.reactive(new Map),l=e.computed(()=>{var d;return(d=o.value.container.value)==null?void 0:d.getBoundingClientRect()}),r=d=>{n.value=!0;const i=d.x,u=d.y;if(!l.value)return;const p=co(i,u,l.value),m=i-l.value.left,f=u-l.value.top,y={left:m-p+"px",top:f-p+"px",radius:Math.round(p*2)+"px",rippleId:M("ripple"),fadeIn:!1};t.set(y.rippleId,y)},a=d=>{const i=d.dataset.rippleid;i!=null&&(t.has(i)&&(t.get(i).fadeIn=!0),n.value||t.delete(i))},s=()=>{n.value=!1,t.forEach((d,i)=>{d.fadeIn&&t.delete(i)})},c=e.ref({});return e.onBeforeMount(()=>{var d;(d=window.matchMedia)!=null&&d.call(window,"pointer: none").matches?c.value={touchstart:r,touchend:s,touchcancel:s}:c.value={mousedown:r,mouseleave:s,mouseup:s}}),{isPointerDown:n,ripples:t,startRipple:r,hideRipples:s,hideRipple:a,events:c}},po=["data-rippleid"],mo=e.defineComponent({__name:"OnyxRipple",setup(o,{expose:n}){const t=e.ref(),l=e.computed(()=>({container:t})),{ripples:r,hideRipple:a,events:s}=uo(l);return n({events:s}),(c,d)=>(e.openBlock(),e.createElementBlock("span",{ref_key:"rippleTrigger",ref:t,class:"onyx-ripple","aria-hidden":"true"},[e.createVNode(e.TransitionGroup,{name:"onyx-ripple",onAfterEnter:d[0]||(d[0]=i=>e.unref(a)(i))},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(r),([i,u])=>(e.openBlock(),e.createElementBlock("span",{key:i,class:"onyx-ripple__element",style:e.normalizeStyle({left:u.left,top:u.top,width:u.radius,height:u.radius}),"data-rippleid":i},null,12,po))),128))]),_:1})],512))}}),fo={},yo={"aria-hidden":"true",class:"onyx-skeleton"};function ho(o,n){return e.openBlock(),e.createElementBlock("figure",yo)}const E=Be(fo,[["render",ho]]),vo=["disabled","type","aria-label","autofocus"],_o={class:"onyx-button__label onyx-truncation-ellipsis"},X=e.defineComponent({__name:"OnyxButton",props:{density:{},autofocus:{type:Boolean},label:{},disabled:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},type:{default:"button"},color:{default:"primary"},mode:{default:"default"},icon:{},skeleton:{type:Boolean,default:!1}},emits:["click"],setup(o,{emit:n}){const t=o,{densityClass:l}=g(t),r=n,a=e.ref(),s=e.computed(()=>{var c;return((c=a.value)==null?void 0:c.events)??{}});return(c,d)=>t.skeleton?(e.openBlock(),e.createBlock(E,{key:0,class:e.normalizeClass(["onyx-button-skeleton",e.unref(l)])},null,8,["class"])):(e.openBlock(),e.createElementBlock("button",e.mergeProps({key:1,class:["onyx-button",`onyx-button--${t.color}`,`onyx-button--${t.mode}`,{"onyx-button--loading":t.loading},e.unref(l)],disabled:t.disabled||t.loading,type:t.type,"aria-label":t.loading?t.label:void 0,autofocus:t.autofocus,onClick:d[0]||(d[0]=i=>r("click"))},e.toHandlers(s.value,!0)),[!t.disabled&&!t.loading?(e.openBlock(),e.createBlock(mo,{key:0,ref_key:"rippleRef",ref:a},null,512)):e.createCommentVNode("",!0),t.icon&&!t.loading?(e.openBlock(),e.createBlock(x,{key:1,class:"onyx-button__icon",icon:t.icon},null,8,["icon"])):e.createCommentVNode("",!0),t.loading?(e.openBlock(),e.createBlock(T,{key:2,class:"onyx-button__loading"})):e.createCommentVNode("",!0),e.createElementVNode("span",_o,e.toDisplayString(t.label),1)],16,vo))}}),ko=["button","submit","reset"],xo=["primary","neutral","danger"],go=["default","outline","plain"],J=o=>({requiredTypeClass:e.computed(()=>({[`onyx-use-${o.requiredMarker}`]:o.requiredMarker})),requiredMarkerClass:e.computed(()=>({"onyx-required-marker":o.required,"onyx-optional-marker":!o.required}))}),bo="(optional)",Bo="Cancel",Co="Apply",Vo="Back",wo="Close",Eo={tooShort:{preview:"Too short",fullError:"Please lengthen this text to {minLength} characters or more (you are currently using 1 character) | Please lengthen this text to {minLength} characters or more (you are currently using {n} characters)"},tooLong:{preview:"Too long",fullError:"Please shorten this text to {maxLength} characters or less (you are currently using 1 character) | Please shorten this text to {maxLength} characters or less (you are currently using {n} characters)"},rangeUnderflow:{preview:"Too low",fullError:"Value must be greater than or equal to {min}"},rangeOverflow:{preview:"Too high",fullError:"Value must be less than or equal to {max}"},patternMismatch:{preview:"Invalid format",fullError:"Please match the format requested."},valueMissing:{preview:"Required",fullError:"Please fill in this field."},stepMismatch:{preview:"Invalid number",fullError:"Please enter a value that is a multiple of {step}."},badInput:{preview:"Invalid input",fullError:'"{value}" does not match the expected type.'},typeMismatch:{generic:{preview:"Invalid input type",fullError:'"{value}" does not match the expected type.'},email:{preview:"Invalid mail",fullError:'"{value}" must be a valid email address.'},number:{preview:"Invalid number",fullError:'"{value}" must be a number.'},tel:{preview:"Invalid phone number",fullError:'"{value}" must be a valid phone number.'},url:{preview:"Invalid URL",fullError:'"{value}" must a valid URL.'}}},So={toggleDropDown:"Toggle selection popover",empty:"No data available",noMatch:"No item matches your search",searchInputLabel:"Filter the list items",clearSearch:"Clear search filter",searchPlaceholder:"Search"},No={selectAll:"Select all",currentSelection:"{n} selected"},$o={decrement:"Decrement by {stepSize}",increment:"Increment by {stepSize}"},Mo={empty:"This table is empty."},Oo={opensExternally:"Opens in a new tab."},To="Subpages of {label}",Lo={appLogo:"App logo of {appName}",goToHome:"Go to home page",goBack:"Go back",userMenuLabel:"User options",toggleBurgerMenu:"Toggle burger menu",toggleContextMenu:"Toggle context menu",navigationHeadline:"Navigation"},Io={info:"Toggle info tooltip",error:"Toggle error tooltip"},Po={headline:"Change appearance",subtitle:"Select the appearance of the application:",appearance:"Appearance",auto:{label:"Auto",description:"The application automatically adapts its appearance to your system settings."},light:{label:"Light",description:"Light mode provides optimal contrast for bright environments."},dark:{label:"Dark",description:"This color mode is optimized for darker environments."}},Do={label:"Pagination",ofPages:"of 1 page | of {n} pages",previous:"previous page",next:"next page",select:{label:"Page selection",listLabel:"Available pages"}},_e={optional:bo,cancel:Bo,apply:Co,back:Vo,close:wo,validations:Eo,select:So,selections:No,stepper:$o,table:Mo,link:Oo,navItemOptionsLabel:To,navigation:Lo,tooltip:Io,colorScheme:Po,pagination:Do},Ze=Symbol(),Ke=(o={})=>{const n=e.computed(()=>e.unref(o==null?void 0:o.locale)??"en-US");if(o.t)return{t:o.t,locale:n};const t=e.computed(()=>o!=null&&o.messages&&n.value in o.messages?o.messages[n.value]:_e),l=e.computed(()=>(r,a={})=>{let s=Ie(r,t.value)??Ie(r,_e)??"";return s=Ao(s,a.n),zo(s,a)});return{locale:n,t:l}},je=(o,n)=>{const t=Ke(n);return o.provide(Ze,t),t},C=()=>e.inject(Ze,()=>Ke(),!0),Ie=(o,n)=>{const t=o.split(".").reduce((l,r)=>!l||typeof l=="string"?l:l[r],n);return t&&typeof t=="string"?t:void 0},Ao=(o,n)=>{const t=o.split(" | ").map(r=>r.trim());if(t.length<=1)return o;let l=1;return n===0&&(l=0),n&&(n<=0||n>1)&&(l=2),t.length===2?l===1?t[0]:t[1]:t[l]},zo=(o,n)=>n?Object.entries(n).reduce((l,[r,a])=>a===void 0?l:l.replace(new RegExp(`{${r}}`,"gi"),a.toString()),o).replace(/\s?{.*}\s?/gi,""):o,Ho=(o,n)=>{const t=Object.entries(o).filter(([r,a])=>a!==void 0),l=Object.entries(n).filter(([r,a])=>a!==void 0);return t.length!==l.length?!1:t.every(([r,a])=>a===n[r])},Ro=(o,n)=>o.reduce((t,l)=>{const r=l[n]??"";return t[r]=t[r]||[],t[r].push(l),t},{}),Ye=()=>Object.entries(Object.getOwnPropertyDescriptors(ValidityState.prototype)).filter(([o,n])=>n.enumerable).map(([o])=>o),Fo=o=>Ye().reduce((n,t)=>(n[t]=o[t],n),{}),Uo=o=>{if(o.valueMissing)return"valueMissing";const n=Ye().filter(t=>t!=="valid").sort();for(const t of n)if(t in o&&o[t])return t},qo=Object.keys(_e.validations.typeMismatch),Go=o=>{if(o)return typeof o=="string"?{shortMessage:o,longMessage:o}:o},Xe=o=>{if(!o)return;if(typeof o=="string")return o;if(o.shortMessage===o.longMessage)return o.shortMessage;const{shortMessage:n,longMessage:t}=o;return`${n}: ${t}`},D=o=>{const{t:n}=C(),t=e.ref(),l=e.ref(!1);e.watch(()=>o.props.modelValue,()=>l.value=!0,{once:!0});const r={mounted:s=>{e.watchEffect(()=>s.setCustomValidity(Xe(o.props.customError)??"")),e.watch([()=>o.props],()=>{const c=Fo(s.validity);!t.value&&c.valid||t.value&&Ho(c,t.value)||(t.value=c)},{immediate:!0,deep:!0}),e.watch([()=>o.props.customError,t,l],()=>{!l.value||!t.value||o.emit("validityChange",t.value)},{immediate:!0})}},a=e.computed(()=>{var i,u,p;if(!t.value||t.value.valid)return;const s=Uo(t.value),c=Go(o.props.customError);if(c||s==="customError")return c||void 0;if(!s)return;if(s==="typeMismatch"){const m=qo.includes(o.props.type)?o.props.type:"generic";return{longMessage:n.value(`validations.typeMismatch.${m}.fullError`,{value:(i=o.props.modelValue)==null?void 0:i.toString()}),shortMessage:n.value(`validations.typeMismatch.${m}.preview`)}}const d={value:(u=o.props.modelValue)==null?void 0:u.toString(),n:((p=o.props.modelValue)==null?void 0:p.toString().length)??0,minLength:o.props.minlength,maxLength:o.props.maxlength,min:o.props.min,max:o.props.max,step:o.props.step};return{longMessage:n.value(`validations.${s}.fullError`,d),shortMessage:n.value(`validations.${s}.preview`)}});return{vCustomValidity:r,errorMessages:a}},H=e.defineComponent({__name:"OnyxTooltip",props:{density:{},text:{},icon:{},color:{default:"neutral"},position:{default:"top"},fitParent:{type:Boolean,default:!1},open:{type:[String,Boolean,Object],default:"hover"}},setup(o){const n=o,{densityClass:t}=g(n),{t:l}=C(),r=e.ref(!1),a=e.computed({set:f=>r.value=f,get:()=>typeof n.open=="boolean"?n.open:r.value}),s=e.computed(()=>({debounce:200,...typeof n.open=="object"&&n.open.type==="hover"&&n.open||{},isVisible:a})),c=e.computed(()=>({toggleLabel:l.value("tooltip.info"),...typeof n.open=="object"&&n.open.type==="click"&&n.open||{},isVisible:a})),d=e.computed(()=>typeof n.open=="object"?n.open.type:typeof n.open=="string"?n.open:"hover"),i=()=>d.value==="hover"?io(s.value):so(c.value),u=e.shallowRef(i());e.watch(d,()=>u.value=i());const p=e.computed(()=>{var f;return(f=u.value)==null?void 0:f.elements.tooltip}),m=e.computed(()=>{var f;return e.toValue((f=u.value)==null?void 0:f.elements.trigger)});return(f,y)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["onyx-tooltip-wrapper",e.unref(t)])},[e.createElementVNode("div",e.mergeProps(p.value,{class:["onyx-tooltip onyx-text--small onyx-truncation-multiline",{"onyx-tooltip--danger":n.color==="danger","onyx-tooltip--bottom":n.position==="bottom","onyx-tooltip--fit-parent":n.fitParent,"onyx-tooltip--hidden":!a.value}]}),[n.icon?(e.openBlock(),e.createBlock(x,{key:0,icon:n.icon,size:"16px"},null,8,["icon"])):e.createCommentVNode("",!0),e.renderSlot(f.$slots,"tooltip",{},()=>[e.createTextVNode(e.toDisplayString(n.text),1)])],16),e.renderSlot(f.$slots,"default",{trigger:m.value})],2))}}),Ve=e.defineComponent({__name:"OnyxErrorTooltip",props:{errorMessages:{},disabled:{type:Boolean}},setup(o){const n=o,t=e.computed(()=>Xe(n.errorMessages)),l=e.ref();return(r,a)=>(e.openBlock(),e.createElementBlock("div",null,[!t.value||n.disabled?(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"targetRef",ref:l},null,512)):e.createCommentVNode("",!0),t.value&&!n.disabled?(e.openBlock(),e.createBlock(H,{key:1,class:"onyx-error-tooltip",open:"hover",text:t.value,color:"danger"},{default:e.withCtx(({trigger:s})=>[e.createElementVNode("div",e.mergeProps({ref_key:"targetRef",ref:l},s),null,16)]),_:1},8,["text"])):e.createCommentVNode("",!0),(e.openBlock(),e.createBlock(e.Teleport,{disabled:!l.value,to:l.value},[e.renderSlot(r.$slots,"default")],8,["disabled","to"]))]))}}),Zo=["title"],Ko={class:"onyx-checkbox__container"},jo=["aria-label","indeterminate","disabled","required","value","autofocus"],j=e.defineComponent({__name:"OnyxCheckbox",props:{density:{},value:{},label:{},hideLabel:{type:Boolean},disabled:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},skeleton:{type:Boolean,default:!1},truncation:{default:"ellipsis"},required:{type:Boolean,default:!1},requiredMarker:{},customError:{},autofocus:{type:Boolean},modelValue:{type:Boolean,default:!1},indeterminate:{type:Boolean,default:!1}},emits:["update:modelValue","validityChange"],setup(o,{emit:n}){const t=o,l=n,r=e.computed({get:()=>t.modelValue,set:p=>l("update:modelValue",p)}),{requiredMarkerClass:a,requiredTypeClass:s}=J(t),{densityClass:c}=g(t),{vCustomValidity:d,errorMessages:i}=D({props:t,emit:l}),u=e.computed(()=>t.hideLabel?t.label:void 0);return(p,m)=>t.skeleton?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["onyx-checkbox-skeleton",e.unref(c)])},[e.createVNode(E,{class:"onyx-checkbox-skeleton__input"}),t.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(E,{key:0,class:"onyx-checkbox-skeleton__label"}))],2)):(e.openBlock(),e.createBlock(Ve,{key:1,disabled:t.disabled,"error-messages":e.unref(i)},{default:e.withCtx(()=>[e.createElementVNode("label",{class:e.normalizeClass(["onyx-checkbox",[e.unref(s),e.unref(c)]]),title:u.value},[e.createElementVNode("div",Ko,[t.loading?(e.openBlock(),e.createBlock(T,{key:0,class:"onyx-checkbox__loading",type:"circle"})):e.withDirectives((e.openBlock(),e.createElementBlock("input",{key:1,"onUpdate:modelValue":m[0]||(m[0]=f=>r.value=f),"aria-label":t.hideLabel?t.label:void 0,class:"onyx-checkbox__input",type:"checkbox",indeterminate:t.indeterminate,disabled:t.disabled,required:t.required,value:t.value,autofocus:t.autofocus},null,8,jo)),[[e.vModelCheckbox,r.value],[e.unref(d)]])]),t.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createElementVNode("p",{class:e.normalizeClass(["onyx-checkbox__label",[`onyx-truncation-${t.truncation}`,t.truncation==="multiline"?e.unref(a):void 0]])},e.toDisplayString(t.label),3),t.truncation==="ellipsis"?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["onyx-checkbox__marker",[e.unref(a)]])},null,2)):e.createCommentVNode("",!0)],64))],10,Zo)]),_:1},8,["disabled","error-messages"]))}}),Yo=(o,n)=>e.computed(()=>{const t=n.value.filter(r=>o.value.includes(r)),l=t.length===o.value.length;return{modelValue:l,indeterminate:!l&&o.value.length&&t.length?!0:void 0}}),We=(o,n,t)=>({state:Yo(o,n),handleChange:l=>{const r=n.value.filter(s=>!o.value.includes(s)),a=l?r.concat(o.value):r;t(a)}}),z=e.defineComponent({__name:"OnyxHeadline",props:{is:{}},setup(o){const n=o;return(t,l)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n.is),{class:e.normalizeClass(["onyx-headline",`onyx-headline--${n.is}`])},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},8,["class"]))}}),Xo=["disabled","aria-label"],Wo={key:0,class:"onyx-checkbox-group__label"},Jo=e.defineComponent({__name:"OnyxCheckboxGroup",props:{density:{},truncation:{default:"ellipsis"},label:{},hideLabel:{type:Boolean},options:{},modelValue:{default:()=>[]},direction:{default:"vertical"},withCheckAll:{type:[Boolean,Object],default:!1},disabled:{type:Boolean,default:!1},skeleton:{}},emits:["update:modelValue"],setup(o,{emit:n}){const t=o,{densityClass:l}=g(t),r=n,{t:a}=C(),s=(u,p)=>{const m=p?[...t.modelValue,u]:t.modelValue.filter(f=>f!==u);r("update:modelValue",m)},c=e.computed(()=>t.options.filter(u=>!u.disabled&&!u.skeleton).map(({value:u})=>u)),d=We(c,e.computed(()=>t.modelValue),u=>r("update:modelValue",u)),i=e.computed(()=>{var p;const u=a.value("selections.selectAll");return typeof t.withCheckAll=="boolean"?u:((p=t.withCheckAll)==null?void 0:p.label)??u});return(u,p)=>(e.openBlock(),e.createElementBlock("fieldset",{class:e.normalizeClass(["onyx-checkbox-group",e.unref(l)]),disabled:t.disabled,"aria-label":t.label},[t.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("legend",Wo,[e.createVNode(z,{is:"h3"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.label),1)]),_:1})])),e.createElementVNode("div",{class:e.normalizeClass(["onyx-checkbox-group__content",{"onyx-checkbox-group__content--horizontal":t.direction==="horizontal","onyx-checkbox-group__content--vertical":t.direction==="vertical"}])},[t.skeleton===void 0?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[t.withCheckAll?(e.openBlock(),e.createBlock(j,e.mergeProps({key:0},e.unref(d).state.value,{label:i.value,value:"all",class:"onyx-checkbox-group__option onyx-checkbox-group__check-all","onUpdate:modelValue":e.unref(d).handleChange}),null,16,["label","onUpdate:modelValue"])):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.options,m=>(e.openBlock(),e.createBlock(j,e.mergeProps({key:m.value.toString(),ref_for:!0},m,{truncation:m.truncation??t.truncation,"model-value":t.modelValue.includes(m.value),class:"onyx-checkbox-group__option","onUpdate:modelValue":f=>s(m.value,f)}),null,16,["truncation","model-value","onUpdate:modelValue"]))),128))],64)):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(t.skeleton,m=>(e.openBlock(),e.createBlock(j,{key:m,label:`Skeleton ${m}`,value:`skeleton-${m}`,skeleton:""},null,8,["label","value"]))),128))],2)],10,Xo))}}),Qo=["aria-modal","aria-label","role"],Je=e.defineComponent({__name:"OnyxDialog",props:{density:{},label:{},open:{type:Boolean,default:!1},modal:{type:Boolean,default:!1},alert:{type:Boolean,default:!1}},emits:["close"],setup(o,{emit:n}){const t=o,l=n,r=e.ref(),{densityClass:a}=g(t),s=()=>{var c,d;t.modal?(c=r.value)==null||c.showModal():(d=r.value)==null||d.show()};return e.watch([r,()=>t.open],()=>{var c;t.open?s():(c=r.value)==null||c.close()}),e.watch(()=>t.modal,()=>{var c;(c=r.value)!=null&&c.open&&(r.value.close(),s())}),(c,d)=>t.open?(e.openBlock(),e.createElementBlock("dialog",{key:0,ref_key:"dialogRef",ref:r,class:e.normalizeClass(["onyx-dialog",e.unref(a),"onyx-truncation-multiline"]),"aria-modal":t.modal,"aria-label":t.label,role:t.alert?"alertdialog":void 0,onCancel:d[0]||(d[0]=e.withModifiers(i=>l("close"),["prevent"]))},[e.renderSlot(c.$slots,"default")],42,Qo)):e.createCommentVNode("",!0)}}),Qe='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M14.049 1.702a10.5 10.5 0 0 1 5.376 2.873 10.466 10.466 0 0 1 0 14.85 10.5 10.5 0 1 1-5.376-17.723m1.394 18.644a9 9 0 0 0 2.92-1.982A9.002 9.002 0 0 0 15.48 3.626a9 9 0 0 0-9.843 2.01 9 9 0 0 0 9.807 14.71M12 10.94l3.61-3.612 1.062 1.06L13.06 12l3.612 3.61-1.062 1.062L12 13.06l-3.61 3.612-1.062-1.062L10.94 12 7.328 8.389l1.062-1.06z" clip-rule="evenodd"/></svg>',en={class:"onyx-empty__label onyx-text onyx-truncation-multiline"},we=e.defineComponent({__name:"OnyxEmpty",props:{density:{}},setup(o){const n=o,{densityClass:t}=g(n);return(l,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["onyx-empty",e.unref(t)])},[e.renderSlot(l.$slots,"icon",{},()=>[e.createVNode(x,{icon:e.unref(Qe),size:"48px"},null,8,["icon"])]),e.createElementVNode("div",en,[e.renderSlot(l.$slots,"default")])],2))}}),tn='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g clip-path="url(#a)"><path d="M9.15 7.913v1.5h4.377l-6.145 6.144 1.06 1.06 6.146-6.144v4.377h1.5V7.913z"/></g><defs><clipPath id="a"><path d="M0 0h24v24H0z"/></clipPath></defs></svg>',on=o=>/^http(s?):\/\//.test(o),Q=e.defineComponent({__name:"OnyxExternalLinkIcon",props:{href:{},withExternalIcon:{type:[Boolean,String],default:"auto"}},setup(o){const n=o,t=e.computed(()=>{const l=n.withExternalIcon;return l!=="auto"?l:on(n.href??"")});return(l,r)=>t.value?(e.openBlock(),e.createBlock(x,{key:0,class:"onyx-external-link-icon",icon:e.unref(tn),size:"16px"},null,8,["icon"])):e.createCommentVNode("",!0)}}),nn=["h1","h2","h3","h4","h5","h6"],ln=["12px","16px","24px","32px","48px","64px","96px"],an=["aria-label","title","type","disabled","autofocus"],et=e.defineComponent({__name:"OnyxIconButton",props:{density:{},autofocus:{type:Boolean},label:{},disabled:{type:Boolean,default:!1},type:{default:"button"},color:{default:"primary"},loading:{type:Boolean},icon:{},skeleton:{type:Boolean,default:!1}},emits:["click"],setup(o,{emit:n}){const t=o,{densityClass:l}=g(t),r=n;return(a,s)=>t.skeleton?(e.openBlock(),e.createBlock(E,{key:0,class:e.normalizeClass(["onyx-icon-button-skeleton",e.unref(l)])},null,8,["class"])):(e.openBlock(),e.createElementBlock("button",{key:1,class:e.normalizeClass(["onyx-icon-button",[`onyx-icon-button--${t.color}`,{"onyx-icon-button--loading":t.loading},e.unref(l)]]),"aria-label":t.label,title:t.label,type:t.type,disabled:t.disabled||t.loading,autofocus:t.autofocus,onClick:s[0]||(s[0]=c=>r("click"))},[t.loading?(e.openBlock(),e.createBlock(T,{key:0,type:"circle"})):t.icon?(e.openBlock(),e.createBlock(x,{key:1,icon:t.icon},null,8,["icon"])):e.renderSlot(a.$slots,"default",{key:2})],10,an))}}),ke='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M12 1.5a10.5 10.5 0 1 0 0 21 10.5 10.5 0 0 0 0-21M12 21a9 9 0 1 1 9-9 9.01 9.01 0 0 1-9 9m-.75-15h1.5v1.5h-1.5zm1.5 3.75h-1.5V18h1.5z" clip-rule="evenodd"/></svg>',ee=e.defineComponent({__name:"OnyxVisuallyHidden",props:{is:{default:"span"}},setup(o){const n=o;return(t,l)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n.is),{class:"onyx-visually-hidden"},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3}))}}),rn={class:"onyx-info-tooltip"},Y=e.defineComponent({__name:"OnyxInfoTooltip",props:{text:{},position:{},open:{type:[String,Boolean,Object],default:"click"},color:{default:"neutral"}},setup(o){const n=o,t=e.computed(()=>typeof n.open=="object"?n.open.type:typeof n.open=="string"?n.open:"click");return(l,r)=>(e.openBlock(),e.createElementBlock("span",rn,[t.value==="click"?(e.openBlock(),e.createBlock(H,{key:0,text:n.text,open:n.open,color:n.color,position:n.position},{default:e.withCtx(({trigger:a})=>[e.createElementVNode("button",e.mergeProps({type:"button",class:"onyx-info-tooltip__trigger"},a),[e.createVNode(x,{icon:e.unref(ke)},null,8,["icon"])],16)]),_:1},8,["text","open","color","position"])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createVNode(H,{"aria-hidden":"true",text:n.text,open:n.open,color:n.color,position:n.position},{default:e.withCtx(({trigger:a})=>[e.createElementVNode("span",e.mergeProps({class:"onyx-info-tooltip__trigger"},a),[e.createVNode(x,{icon:e.unref(ke)},null,8,["icon"])],16)]),_:1},8,["text","open","color","position"]),e.createVNode(ee,null,{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(n.text),1)]),_:1})],64))]))}}),sn={key:0,class:"onyx-form-element__label onyx-text--small"},cn=["for"],un={key:1,class:"onyx-form-element__footer onyx-text--small"},dn={key:0,class:"onyx-form-element__error-message onyx-truncation-ellipsis"},pn={key:2,class:"onyx-form-element__message onyx-truncation-ellipsis"},mn={key:4,class:"onyx-form-element__counter"},te=e.defineComponent({__name:"OnyxFormElement",props:{required:{type:Boolean,default:!1},requiredMarker:{},id:{default:()=>M("onyx-form-element")},modelValue:{},label:{},labelTooltip:{},hideLabel:{type:Boolean},message:{},messageTooltip:{},errorMessages:{},maxlength:{},withCounter:{type:Boolean}},setup(o){const n=o,{t}=C(),{requiredMarkerClass:l,requiredTypeClass:r}=J(n),a=e.computed(()=>{var s;if(n.withCounter&&n.maxlength)return`${(((s=n.modelValue)==null?void 0:s.toString())||"").length}/${n.maxlength}`});return(s,c)=>{var d,i;return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["onyx-form-element",e.unref(r)])},[n.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",sn,[e.createElementVNode("label",{for:n.id,class:"onyx-truncation-ellipsis"},e.toDisplayString(n.label),9,cn),n.required?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass([n.required?e.unref(l):void 0])},null,2)):e.createCommentVNode("",!0),n.labelTooltip?(e.openBlock(),e.createBlock(Y,{key:1,class:"onyx-form-element__label-tooltip",open:"hover",text:n.labelTooltip},null,8,["text"])):e.createCommentVNode("",!0),n.required?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("span",{key:2,class:e.normalizeClass([n.required?void 0:e.unref(l)])},null,2))])),e.renderSlot(s.$slots,"default",{id:n.id}),n.message||(d=s.errorMessages)!=null&&d.shortMessage||a.value?(e.openBlock(),e.createElementBlock("div",un,[s.errorMessages?(e.openBlock(),e.createElementBlock("span",dn,e.toDisplayString(s.errorMessages.shortMessage),1)):e.createCommentVNode("",!0),(i=s.errorMessages)!=null&&i.longMessage?(e.openBlock(),e.createBlock(Y,{key:1,class:"onyx-form-element__error-tooltip",color:"danger",position:"bottom",label:e.unref(t)("tooltip.error"),open:"hover",text:s.errorMessages.longMessage},null,8,["label","text"])):e.createCommentVNode("",!0),n.message?(e.openBlock(),e.createElementBlock("span",pn,e.toDisplayString(n.message),1)):e.createCommentVNode("",!0),n.messageTooltip?(e.openBlock(),e.createBlock(Y,{key:3,class:"onyx-form-element__message-tooltip",position:"bottom",open:"hover",text:n.messageTooltip},null,8,["text"])):e.createCommentVNode("",!0),a.value?(e.openBlock(),e.createElementBlock("span",mn,e.toDisplayString(a.value),1)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)],2)}}}),fn={class:"onyx-input__wrapper"},yn=["id","placeholder","type","required","autocapitalize","autocomplete","autofocus","name","pattern","readonly","disabled","minlength","maxlength","aria-label","title"],hn=e.defineComponent({__name:"OnyxInput",props:{density:{},required:{type:Boolean,default:!1},requiredMarker:{},customError:{},id:{},label:{},labelTooltip:{},hideLabel:{type:Boolean},message:{},messageTooltip:{},maxlength:{},withCounter:{type:Boolean},autofocus:{type:Boolean},modelValue:{default:""},type:{default:"text"},placeholder:{},autocapitalize:{default:"sentences"},autocomplete:{},name:{},pattern:{},readonly:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},minlength:{},skeleton:{type:Boolean,default:!1}},emits:["update:modelValue","change","focus","blur","validityChange"],setup(o,{emit:n}){const t=o,l=n,{vCustomValidity:r,errorMessages:a}=D({props:t,emit:l}),{densityClass:s}=g(t),c=e.computed({get:()=>t.modelValue,set:u=>l("update:modelValue",u)}),d=u=>{const p=u.target.value;l("change",p)},i=e.computed(()=>t.pattern instanceof RegExp?t.pattern.source:t.pattern);return(u,p)=>t.skeleton?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["onyx-input-skeleton",e.unref(s)])},[t.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(E,{key:0,class:"onyx-input-skeleton__label"})),e.createVNode(E,{class:"onyx-input-skeleton__input"})],2)):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["onyx-input",e.unref(s)])},[e.createVNode(te,e.mergeProps(t,{"error-messages":e.unref(a)}),{default:e.withCtx(({id:m})=>[e.createElementVNode("div",fn,[t.loading?(e.openBlock(),e.createBlock(T,{key:0,class:"onyx-input__loading",type:"circle"})):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("input",{id:m,"onUpdate:modelValue":p[0]||(p[0]=f=>c.value=f),placeholder:t.placeholder,class:"onyx-input__native",type:t.type,required:t.required,autocapitalize:t.autocapitalize,autocomplete:t.autocomplete,autofocus:t.autofocus,name:t.name,pattern:i.value,readonly:t.readonly,disabled:t.disabled||t.loading,minlength:t.minlength,maxlength:t.maxlength,"aria-label":t.hideLabel?t.label:void 0,title:t.hideLabel?t.label:void 0,onChange:d,onFocus:p[1]||(p[1]=f=>l("focus")),onBlur:p[2]||(p[2]=f=>l("blur"))},null,40,yn),[[e.vModelDynamic,c.value],[e.unref(r)]])])]),_:1},16,["error-messages"])],2))}}),vn=["email","password","search","tel","text","url"],_n=["none","sentences","words","characters"],kn=["href","target","rel"],xn=e.defineComponent({__name:"OnyxLink",props:{href:{},withExternalIcon:{type:[Boolean,String],default:"auto"},target:{default:"_self"}},emits:["click"],setup(o,{emit:n}){const t=o,l=n,{t:r}=C();return(a,s)=>(e.openBlock(),e.createElementBlock("a",{class:"onyx-link",href:t.href,target:t.target,rel:t.target==="_blank"?"noreferrer":void 0,onClick:s[0]||(s[0]=c=>l("click"))},[e.renderSlot(a.$slots,"default"),t.target==="_blank"?(e.openBlock(),e.createBlock(ee,{key:0},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(r)("link.opensExternally")),1)]),_:1})):e.createCommentVNode("",!0),e.createVNode(Q,e.normalizeProps(e.guardReactiveProps(t)),null,16)],8,kn))}}),gn=["_self","_blank","_parent","_top"],oe=e.defineComponent({__name:"OnyxListItem",props:{density:{},selected:{type:Boolean,default:!1},checked:{type:Boolean,default:!1},active:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},color:{}},setup(o){const n=o,{densityClass:t}=g(n);return(l,r)=>(e.openBlock(),e.createElementBlock("li",{class:e.normalizeClass({"onyx-list-item":!0,...e.unref(t),"onyx-list-item--active":n.active,[`onyx-list-item--${n.color}`]:n.color,"onyx-list-item--disabled":n.disabled,"onyx-list-item--selected":n.selected,"onyx-list-item--checked":n.checked})},[e.renderSlot(l.$slots,"default")],2))}}),bn='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m21.53 20.47-5.977-5.977a7.512 7.512 0 1 0-1.06 1.06l5.977 5.977zM3.75 9.75a6 6 0 1 1 6 6 6.007 6.007 0 0 1-6-6"/></svg>',Ee='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m17.03 8.03-1.06-1.06L12 10.94 8.03 6.97 6.97 8.03 10.94 12l-3.97 3.97 1.06 1.06L12 13.06l3.97 3.97 1.06-1.06L13.06 12z"/></svg>',tt=()=>{const o=e.useAttrs(),n=e.computed(()=>({class:o.class,style:o.style})),t=e.computed(()=>{const l={...o};return delete l.class,delete l.style,l});return{rootAttrs:n,restAttrs:t}},Bn=["placeholder","aria-label"],Cn=["aria-label"],ot=e.defineComponent({inheritAttrs:!1,__name:"OnyxMiniSearch",props:{density:{},label:{},modelValue:{}},emits:["update:modelValue","clear"],setup(o,{expose:n,emit:t}){const l=o,r=t,{rootAttrs:a,restAttrs:s}=tt(),{densityClass:c}=g(l),{t:d}=C(),i=e.ref(),u=e.computed({get:()=>l.modelValue,set:m=>r("update:modelValue",m??"")}),p=e.computed(()=>d.value("select.searchPlaceholder"));return n({focus:()=>{var m;return(m=i.value)==null?void 0:m.focus()}}),(m,f)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps({class:["onyx-mini-search",e.unref(c)]},e.unref(a),{style:{"--onyx-placeholder-character-count":p.value.length}}),[e.withDirectives(e.createElementVNode("input",e.mergeProps({ref_key:"input",ref:i,"onUpdate:modelValue":f[0]||(f[0]=y=>u.value=y),class:"onyx-mini-search__input onyx-text",placeholder:p.value,type:"text",size:"1"},e.unref(s),{"aria-label":l.label}),null,16,Bn),[[e.vModelText,u.value]]),e.createElementVNode("button",{type:"button",class:"onyx-mini-search__clear","aria-label":e.unref(d)("select.clearSearch"),tabindex:"-1",onMousedown:f[1]||(f[1]=e.withModifiers(()=>{},["prevent"])),onClick:f[2]||(f[2]=y=>r("clear"))},[e.createVNode(x,{icon:e.unref(Ee)},null,8,["icon"])],40,Cn),e.createVNode(x,{class:"onyx-mini-search__icon",icon:e.unref(bn)},null,8,["icon"])],16))}}),Vn='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m20.78 4.28-1.06-1.06L12 10.94 4.28 3.22 3.22 4.28 10.94 12l-7.72 7.72 1.06 1.06L12 13.06l7.72 7.72 1.06-1.06L13.06 12z"/></svg>',wn={class:"onyx-mobile-nav-button"},En=["aria-label"],Sn={class:"onyx-mobile-nav-button__flyout"},Nn={class:"onyx-mobile-nav-button__menu"},xe=e.defineComponent({__name:"OnyxMobileNavButton",props:{label:{},icon:{},open:{type:Boolean,default:!1},headline:{}},emits:["update:open"],setup(o,{emit:n}){const t=o,l=n;return(r,a)=>(e.openBlock(),e.createElementBlock("div",wn,[e.createElementVNode("button",{type:"button",class:e.normalizeClass(["onyx-mobile-nav-button__trigger",{"onyx-mobile-nav-button__trigger--active":t.open}]),"aria-label":t.label,onClick:a[0]||(a[0]=s=>l("update:open",!t.open))},[e.createVNode(x,{icon:t.open?e.unref(Vn):t.icon},null,8,["icon"])],10,En),t.open?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createElementVNode("div",Sn,[e.createElementVNode("div",Nn,[t.headline?(e.openBlock(),e.createBlock(z,{key:0,is:"h2",class:"onyx-mobile-nav-button__headline"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.headline),1)]),_:1})):e.createCommentVNode("",!0),e.renderSlot(r.$slots,"default")])]),e.createElementVNode("div",{class:"onyx-mobile-nav-button__backdrop",role:"presentation",onClick:a[1]||(a[1]=s=>l("update:open",!1))})],64)):e.createCommentVNode("",!0)]))}}),$n=["aria-label"],Mn=["src","alt"],On={key:1,class:"onyx-text-small onyx-truncation-ellipsis"},nt=e.defineComponent({__name:"OnyxNavAppArea",props:{logoUrl:{},appName:{},label:{}},emits:["click"],setup(o,{emit:n}){const t=o,l=n,{t:r}=C(),a=e.computed(()=>t.label??r.value("navigation.goToHome"));return(s,c)=>(e.openBlock(),e.createElementBlock("button",{type:"button",class:"onyx-nav-app-area","aria-label":a.value,onClick:c[0]||(c[0]=d=>l("click"))},[e.renderSlot(s.$slots,"default",{},()=>[t.logoUrl?(e.openBlock(),e.createElementBlock("img",{key:0,src:t.logoUrl,alt:e.unref(r)("navigation.appLogo",{appName:t.appName}),class:"onyx-nav-app-area__logo",width:"24",height:"24"},null,8,Mn)):e.createCommentVNode("",!0),t.appName?(e.openBlock(),e.createElementBlock("span",On,e.toDisplayString(t.appName),1)):e.createCommentVNode("",!0)])],8,$n))}}),Tn=`<svg width="166" height="104" viewBox="0 0 166 104" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
2
|
<g clip-path="url(#clip0_4499_144781)">
|
|
3
3
|
<mask id="mask0_4499_144781" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="83" height="104">
|
|
4
4
|
<rect width="83" height="104" fill="#D9D9D9"/>
|
|
@@ -180,4 +180,4 @@
|
|
|
180
180
|
</clipPath>
|
|
181
181
|
</defs>
|
|
182
182
|
</svg>
|
|
183
|
-
`,Pn={class:"onyx-color-scheme-dialog__subtitle onyx-text"},Dn=["innerHTML"],An=["autofocus","value","checked","aria-label"],zn={class:"onyx-text--small"},Hn={class:"onyx-color-scheme-dialog__actions"},lt=e.defineComponent({__name:"OnyxColorSchemeDialog",props:{open:{type:Boolean,default:!1},density:{},modelValue:{}},emits:["update:modelValue","close"],setup(o,{emit:n}){const t=o,l=n,r=e.ref(t.modelValue);e.watchEffect(()=>r.value=t.modelValue);const{t:a}=C(),s=e.computed(()=>[{value:"auto",image:Tn,label:a.value("colorScheme.auto.label"),description:a.value("colorScheme.auto.description")},{value:"light",image:In,label:a.value("colorScheme.light.label"),description:a.value("colorScheme.light.description")},{value:"dark",image:Ln,label:a.value("colorScheme.dark.label"),description:a.value("colorScheme.dark.description")}]),c=i=>{const u=i.target;r.value=u.value},d=()=>{r.value&&(l("update:modelValue",r.value),l("close"))};return(i,u)=>(e.openBlock(),e.createBlock(Je,e.mergeProps({class:"onyx-color-scheme-dialog"},t,{label:e.unref(a)("colorScheme.headline"),modal:"",onClose:u[1]||(u[1]=p=>l("close"))}),{default:e.withCtx(()=>[e.createElementVNode("form",{class:"onyx-color-scheme-dialog__form",onSubmit:e.withModifiers(d,["prevent"])},[e.createElementVNode("div",null,[e.createVNode(z,{is:"h2"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(a)("colorScheme.headline")),1)]),_:1}),e.createElementVNode("span",Pn,e.toDisplayString(e.unref(a)("colorScheme.subtitle")),1)]),e.createElementVNode("fieldset",{class:"onyx-color-scheme-dialog__list",onChange:c},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.value,p=>(e.openBlock(),e.createElementBlock("label",{key:p.value,class:"onyx-color-scheme-dialog__option"},[e.createElementVNode("figure",{class:"onyx-color-scheme-dialog__image",innerHTML:p.image},null,8,Dn),e.createElementVNode("div",null,[e.createVNode(ee,{is:"div"},{default:e.withCtx(()=>[e.createElementVNode("input",{type:"radio",name:"color-scheme",autofocus:t.modelValue===p.value,value:p.value,checked:t.modelValue===p.value,"aria-label":p.label,required:""},null,8,An)]),_:2},1024),e.createVNode(z,{is:"h3",class:"onyx-color-scheme-dialog__label"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(p.label),1)]),_:2},1024),e.createElementVNode("p",zn,e.toDisplayString(p.description),1)])]))),128))],32),e.createElementVNode("div",Hn,[e.createVNode(X,{label:e.unref(a)("cancel"),mode:"plain",color:"neutral",onClick:u[0]||(u[0]=p=>l("close"))},null,8,["label"]),e.createVNode(X,{label:e.unref(a)("apply"),type:"submit"},null,8,["label"])])],32)]),_:1},16,["label"]))}}),Rn='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g clip-path="url(#a)"><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"/></g><defs><clipPath id="a"><path d="M0 0h24v24H0z"/></clipPath></defs></svg>',Se=e.defineComponent({__name:"OnyxMenuItem",props:{href:{},active:{type:Boolean},disabled:{type:Boolean},color:{}},emits:["click"],setup(o,{emit:n}){const t=o,l=n,{elements:{listItem:r,menuItem:a}}=qe();return(s,c)=>(e.openBlock(),e.createBlock(oe,e.mergeProps({selected:t.active,active:t.active,color:t.color,disabled:t.disabled,class:"onyx-menu-item"},e.unref(r)),{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.href?"a":"button"),e.mergeProps({class:"onyx-menu-item__trigger",disabled:!t.href&&t.disabled,href:t.href},e.unref(a)({active:t.active,disabled:!t.href&&t.disabled}),{onClick:c[0]||(c[0]=d=>l("click"))}),{default:e.withCtx(()=>[e.renderSlot(s.$slots,"default")]),_:3},16,["disabled","href"]))]),_:3},16,["selected","active","color","disabled"]))}}),Fn={class:"onyx-color-scheme-menu-item__value"},Un=e.defineComponent({__name:"OnyxColorSchemeMenuItem",props:{modelValue:{}},emits:["update:modelValue"],setup(o,{emit:n}){const t=o,l=n,{t:r}=C(),a=e.ref(!1);return(s,c)=>(e.openBlock(),e.createBlock(Se,{class:"onyx-color-scheme-menu-item",onClick:c[2]||(c[2]=d=>a.value=!0)},{default:e.withCtx(()=>[e.createVNode(x,{icon:e.unref(Rn)},null,8,["icon"]),e.createElementVNode("div",null,[e.createTextVNode(e.toDisplayString(e.unref(r)("colorScheme.appearance"))+": ",1),e.createElementVNode("span",Fn,e.toDisplayString(e.unref(r)(`colorScheme.${t.modelValue}.label`)),1)]),(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[e.createVNode(lt,{"model-value":t.modelValue,open:a.value,onClose:c[0]||(c[0]=d=>a.value=!1),"onUpdate:modelValue":c[1]||(c[1]=d=>l("update:modelValue",d))},null,8,["model-value","open"])]))]),_:1}))}}),qn=o=>e.computed(o),I=Symbol("MANAGED_SYMBOL"),W=(o,n,t)=>{const l=e.computed(()=>o.value===I),r=e.ref(l.value?n:o.value);return{state:qn({set:s=>{r.value=s,t(s)},get:()=>l.value?r.value:o.value}),isManaged:l}},Gn=["aria-label"],Ne=e.defineComponent({__name:"OnyxFlyoutMenu",props:{open:{default:I},label:{}},emits:["update:open"],setup(o,{emit:n}){const t=o,l=n,{state:r}=W(e.toRef(()=>t.open),!1,u=>l("update:open",u)),a=e.useSlots(),{elements:{root:s,button:c,menu:d}}=lo({isExpanded:e.computed(()=>!!r.value),onToggle:()=>r.value=!r.value}),i=e.computed(()=>{var p;if(!a.default)return;const u=a.default().at(0);return(u==null?void 0:u.type.toString())==="Symbol(v-fgt)"?Array.isArray(u==null?void 0:u.children)?(p=u==null?void 0:u.children)==null?void 0:p.at(0):void 0:u});return(u,p)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps({class:"onyx-flyout-menu"},e.unref(s)),[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(i.value),e.normalizeProps(e.guardReactiveProps(e.unref(c))),null,16)),a.options||a.header||a.footer?e.withDirectives((e.openBlock(),e.createElementBlock("div",{key:0,"aria-label":t.label,class:e.normalizeClass({"onyx-flyout-menu__list--with-header":!!a.header,"onyx-flyout-menu__list--with-footer":!!a.footer,"onyx-flyout-menu__list":!0})},[e.renderSlot(u.$slots,"header"),a.options?(e.openBlock(),e.createElementBlock("ul",e.mergeProps({key:0},e.unref(d),{class:"onyx-flyout-menu__wrapper onyx-flyout-menu__group"}),[e.renderSlot(u.$slots,"options")],16)):e.createCommentVNode("",!0),e.renderSlot(u.$slots,"footer")],10,Gn)),[[e.vShow,e.unref(r)]]):e.createCommentVNode("",!0)],16))}}),at='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m9.905 6.22-1.06 1.06 4.72 4.72-4.72 4.72 1.06 1.06 5.78-5.78z"/></svg>',R=Symbol(),Zn='<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>',Kn=["aria-orientation"],rt=e.defineComponent({__name:"OnyxNavSeparator",props:{orientation:{default:"vertical"}},setup(o){const n=o,t=e.inject(R);return(l,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["onyx-nav-separator",{"onyx-nav-separator--horizontal":n.orientation==="horizontal"||e.unref(t)}]),role:"separator","aria-orientation":n.orientation},null,10,Kn))}}),jn={role:"presentation"},Yn=e.defineComponent({__name:"NavButtonLayout",props:{href:{},withExternalIcon:{type:[Boolean,String]},label:{},active:{type:Boolean},isMobile:{type:Boolean},mobileChildrenOpen:{default:I}},emits:["update:mobileChildrenOpen"],setup(o,{emit:n}){const t=o,l=e.useSlots(),{t:r}=C(),a=n,{state:s}=W(e.toRef(()=>t.mobileChildrenOpen),!1,c=>a("update:mobileChildrenOpen",c));return(c,d)=>(e.openBlock(),e.createElementBlock("li",jn,[t.isMobile?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[t.isMobile&&e.unref(s)?(e.openBlock(),e.createBlock(X,{key:0,label:e.unref(r)("back"),mode:"plain",color:"neutral",icon:e.unref(Zn),onClick:d[0]||(d[0]=i=>s.value=!1)},null,8,["label","icon"])):e.createCommentVNode("",!0),!e.unref(s)||t.href?e.renderSlot(c.$slots,"button",{key:1}):e.createCommentVNode("",!0),e.unref(s)&&t.href?(e.openBlock(),e.createBlock(rt,{key:2,orientation:"horizontal"})):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("ul",{role:"menu",class:e.normalizeClass(["onyx-nav-button__mobile-children",{"onyx-nav-button__mobile-children--open":e.unref(s)}])},[e.renderSlot(c.$slots,"options")],2),[[e.vShow,e.unref(s)]])],64)):(e.openBlock(),e.createBlock(Ne,{key:1,label:e.unref(r)("navItemOptionsLabel",{label:t.label})},e.createSlots({default:e.withCtx(()=>[e.renderSlot(c.$slots,"button")]),_:2},[l.options?{name:"options",fn:e.withCtx(()=>[e.renderSlot(c.$slots,"options")]),key:"0"}:void 0]),1032,["label"]))]))}}),Xn=["aria-label"],Wn={class:"onyx-truncation-ellipsis"},Jn=e.defineComponent({__name:"OnyxNavButton",props:{href:{},withExternalIcon:{type:[Boolean,String],default:"auto"},label:{},active:{type:Boolean,default:!1}},emits:["click"],setup(o,{emit:n}){const t=o,l=n,r=e.useSlots(),a=e.inject(R),s=e.ref(!1),c=e.computed(()=>!!r.children),d=()=>{a!=null&&a.value&&c.value&&!s.value?s.value=!0:t.href&&l("click",t.href)};return(i,u)=>(e.openBlock(),e.createBlock(Yn,e.mergeProps(t,{"mobile-children-open":s.value,"onUpdate:mobileChildrenOpen":u[0]||(u[0]=p=>s.value=p),class:["onyx-nav-button",{"onyx-nav-button--mobile":e.unref(a),"onyx-nav-button--active":t.active}],"is-mobile":e.unref(a)??!1}),e.createSlots({button:e.withCtx(()=>[e.createElementVNode("button",{class:"onyx-nav-button__trigger onyx-text",role:"menuitem","aria-label":t.label,type:"button",onClick:d},[e.renderSlot(i.$slots,"default",{},()=>[e.createElementVNode("span",Wn,e.toDisplayString(t.label),1),e.createVNode(Q,e.normalizeProps(e.guardReactiveProps(t)),null,16)]),e.unref(a)&&c.value&&!s.value?(e.openBlock(),e.createBlock(x,{key:0,class:"onyx-nav-button__mobile-chevron",icon:e.unref(at)},null,8,["icon"])):e.createCommentVNode("",!0)],8,Xn)]),_:2},[r.children?{name:"options",fn:e.withCtx(()=>[e.renderSlot(i.$slots,"children")]),key:"0"}:void 0]),1040,["mobile-children-open","class","is-mobile"]))}}),Qn=e.defineComponent({__name:"OnyxNavItem",props:{href:{},withExternalIcon:{type:[Boolean,String],default:"auto"},label:{},active:{type:Boolean}},emits:["click"],setup(o,{emit:n}){const t=o,l=n;return(r,a)=>(e.openBlock(),e.createBlock(Se,{class:"onyx-nav-item",active:t.active,href:t.href??"javascript:void(0)",onClick:a[0]||(a[0]=s=>t.href&&l("click",t.href))},{default:e.withCtx(()=>[e.renderSlot(r.$slots,"default",{},()=>[e.createElementVNode("span",null,e.toDisplayString(t.label),1),e.createVNode(Q,e.normalizeProps(e.guardReactiveProps(t)),null,16)])]),_:3},8,["active","href"]))}}),el=o=>{const n=e.ref(),t=e.ref(pe(new Date(o.value).getTime())),l=e.computed(()=>t.value===0);return e.watch(o,r=>{clearInterval(n.value);const a=new Date(r).getTime();t.value=pe(a),n.value=setInterval(()=>{t.value=pe(a),l.value&&clearInterval(n.value)},1e3)},{immediate:!0}),e.onBeforeUnmount(()=>clearInterval(n.value)),{timeLeft:t,isEnded:l}},pe=o=>{const n=o-Date.now();return Math.max(n,0)},st=o=>{const n=Math.floor(o/6e4/60),t=Math.floor(o/6e4%60),l=Math.floor(o%6e4/1e3);return{hours:n,minutes:t,seconds:l}},tl=(o,n)=>{const{hours:t,minutes:l,seconds:r}=st(o),a=d=>d.toString().padStart(2,"0");let s="",c=me(n.formatToParts(o,"seconds"));return l>0&&(c=me(n.formatToParts(o,"minutes"))),t>0&&(c=me(n.formatToParts(o,"hours")),s=`${a(t)}:`),`${s}${a(l)}:${a(r)} ${c}`},me=o=>{var n;return((n=o.at(-1))==null?void 0:n.value.replace(".","").trim())??""},ol=o=>{const{hours:n,minutes:t,seconds:l}=st(o);return`PT${n}H${t}M${l}S`},nl=["aria-label"],ll={key:0,class:"onyx-timer__label"},al=["datetime"],rl=e.defineComponent({__name:"OnyxTimer",props:{endTime:{},label:{},hideLabel:{type:Boolean}},emits:["timerEnded"],setup(o,{emit:n}){const t=o,l=n,{locale:r}=C(),{timeLeft:a,isEnded:s}=el(e.computed(()=>t.endTime)),c=e.computed(()=>new Intl.RelativeTimeFormat(r.value,{numeric:"always",style:"short"})),d=e.computed(()=>tl(a.value,c.value));return e.watchEffect(()=>s.value&&l("timerEnded")),(i,u)=>(e.openBlock(),e.createElementBlock("div",{class:"onyx-timer onyx-text onyx-truncation-ellipsis",role:"timer","aria-label":t.hideLabel?t.label:void 0},[t.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("span",ll,e.toDisplayString(t.label),1)),e.createElementVNode("time",{datetime:e.unref(ol)(e.unref(a)),class:"onyx-timer__time"},e.toDisplayString(d.value),9,al)],8,nl))}}),sl={class:"onyx-user-menu__footer onyx-text--small"},il=e.defineComponent({__name:"UserMenuLayout",props:{isMobile:{type:Boolean},flyoutOpen:{default:I}},emits:["update:flyoutOpen"],setup(o){const n=o,t=e.useModel(n,"flyoutOpen"),l=e.useSlots(),{t:r}=C();return(a,s)=>(e.openBlock(),e.createElementBlock("div",null,[n.isMobile?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.renderSlot(a.$slots,"header"),e.renderSlot(a.$slots,"options"),l.footer?(e.openBlock(),e.createBlock(oe,{key:0,class:"onyx-user-menu__mobile-footer",disabled:""},{default:e.withCtx(()=>[e.renderSlot(a.$slots,"footer")]),_:3})):e.createCommentVNode("",!0)],64)):(e.openBlock(),e.createBlock(Ne,{key:1,open:e.unref(t),"onUpdate:open":s[0]||(s[0]=c=>e.isRef(t)?t.value=c:null),label:e.unref(r)("navigation.userMenuLabel")},e.createSlots({header:e.withCtx(()=>[e.renderSlot(a.$slots,"header")]),options:e.withCtx(()=>[e.renderSlot(a.$slots,"options")]),default:e.withCtx(()=>[e.renderSlot(a.$slots,"button")]),_:2},[l.footer?{name:"footer",fn:e.withCtx(()=>[e.createElementVNode("div",sl,[e.renderSlot(a.$slots,"footer")])]),key:"0"}:void 0]),1032,["open","label"]))]))}}),cl={class:"onyx-user-menu__trigger onyx-text",type:"button"},ul={class:"onyx-truncation-ellipsis"},dl={class:"onyx-user-menu__header"},pl={class:"onyx-truncation-ellipsis"},ml={class:"onyx-user-menu__username onyx-text onyx-truncation-ellipsis"},fl={key:0,class:"onyx-user-menu__description onyx-text--small onyx-truncation-ellipsis"},yl={class:"onyx-user-menu__options"},hl=e.defineComponent({__name:"OnyxUserMenu",props:{username:{},avatar:{},description:{},flyoutOpen:{default:I}},emits:["update:flyoutOpen"],setup(o,{emit:n}){const t=o,l=n,r=e.useSlots(),a=e.computed(()=>({src:t.avatar,label:t.username})),s=e.inject(R,e.computed(()=>!1));return(c,d)=>(e.openBlock(),e.createBlock(il,{class:e.normalizeClass(["onyx-user-menu",{"onyx-user-menu--mobile":e.unref(s)}]),"is-mobile":e.unref(s),"flyout-open":c.flyoutOpen,"onUpdate:flyoutOpen":d[0]||(d[0]=i=>l("update:flyoutOpen",i))},e.createSlots({button:e.withCtx(()=>[e.createElementVNode("button",cl,[e.createVNode(fe,e.mergeProps(a.value,{size:"24px"}),null,16),e.createElementVNode("span",ul,e.toDisplayString(t.username),1)])]),header:e.withCtx(()=>[e.createElementVNode("div",dl,[e.createVNode(fe,e.normalizeProps(e.guardReactiveProps(a.value)),null,16),e.createElementVNode("div",pl,[e.createElementVNode("div",ml,e.toDisplayString(t.username),1),t.description?(e.openBlock(),e.createElementBlock("div",fl,e.toDisplayString(t.description),1)):e.createCommentVNode("",!0)])])]),options:e.withCtx(()=>[e.createElementVNode("div",yl,[e.renderSlot(c.$slots,"default")])]),_:2},[r.footer?{name:"footer",fn:e.withCtx(()=>[e.renderSlot(c.$slots,"footer")]),key:"0"}:void 0]),1032,["class","is-mobile","flyout-open"]))}}),it='<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>',vl='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M22.5 6h-21v1.5h21zm0 5.25h-21v1.5h21zm-21 5.25h21V18h-21z" clip-rule="evenodd"/></svg>',_l='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill-rule="evenodd" 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" clip-rule="evenodd"/></svg>',kl=(o,n)=>{const t="content-box",l=e.ref(0),r=e.ref(0),a=s=>{const c=s[0].contentBoxSize;l.value=c.reduce((d,{inlineSize:i})=>d+i,0),r.value=c.reduce((d,{blockSize:i})=>d+i,0)};return e.onBeforeMount(()=>{const s=new ResizeObserver(a);e.watch(o,(c,d)=>{d&&(s==null||s.unobserve(d)),c&&(s==null||s.observe(c,{box:t}))},{immediate:!0}),e.onBeforeUnmount(()=>s.disconnect())}),{width:l,height:r}},ct={"2xs":320,xs:576,sm:768,md:992,lg:1440,xl:1920},xl=["primary","secondary","neutral","danger","warning","success","info"],gl=["small","default","large"],bl=["ellipsis","multiline"],Bl=["horizontal","vertical"],Cl={class:"onyx-nav-bar__content"},Vl={key:0,class:"onyx-nav-bar__mobile-page onyx-truncation-ellipsis"},wl={role:"menubar"},El={role:"menubar"},Sl={key:0,class:"onyx-nav-bar__mobile-context"},Nl={key:0,class:"onyx-nav-bar__mobile-global-context"},$l={class:"onyx-nav-bar__mobile-context-content"},Ml={key:1,class:"onyx-nav-bar__context"},Ol=e.defineComponent({__name:"OnyxNavBar",props:{logoUrl:{},appName:{},withBackButton:{type:Boolean},appAreaLabel:{},mobileBreakpoint:{default:"sm"}},emits:["appAreaClick","backButtonClick"],setup(o,{expose:n,emit:t}){const l=o,r=t,a=e.useSlots(),s=e.ref(),{width:c}=kl(s),{t:d}=C(),{elements:{nav:i}}=ro({navigationName:e.toRef(()=>l.appName)}),u=e.ref(!1),p=e.ref(!1),m=e.computed(()=>{const f=typeof l.mobileBreakpoint=="number"?l.mobileBreakpoint:ct[l.mobileBreakpoint];return c.value!==0&&c.value<f});return e.provide(R,m),n({closeMobileMenus:()=>{u.value=!1,p.value=!1}}),(f,y)=>(e.openBlock(),e.createElementBlock("header",{ref_key:"navBarRef",ref:s,class:e.normalizeClass(["onyx-nav-bar",{"onyx-nav-bar--mobile":m.value}])},[e.createElementVNode("div",Cl,[m.value&&a.mobileActivePage&&!u.value&&!p.value?(e.openBlock(),e.createElementBlock("span",Vl,[e.renderSlot(f.$slots,"mobileActivePage")])):l.appName||l.logoUrl||a.appArea?(e.openBlock(),e.createBlock(nt,{key:1,class:"onyx-nav-bar__app","app-name":l.appName,"logo-url":l.logoUrl,label:l.appAreaLabel,onClick:y[0]||(y[0]=v=>{r("appAreaClick"),u.value=!1})},{default:e.withCtx(()=>[e.renderSlot(f.$slots,"appArea")]),_:3},8,["app-name","logo-url","label"])):e.createCommentVNode("",!0),l.withBackButton?(e.openBlock(),e.createBlock(et,{key:2,class:"onyx-nav-bar__back",label:e.unref(d)("navigation.goBack"),icon:e.unref(it),color:"neutral",onClick:y[1]||(y[1]=v=>r("backButtonClick"))},null,8,["label","icon"])):e.createCommentVNode("",!0),a.default?(e.openBlock(),e.createElementBlock(e.Fragment,{key:3},[m.value?(e.openBlock(),e.createBlock(xe,{key:0,open:u.value,"onUpdate:open":[y[2]||(y[2]=v=>u.value=v),y[3]||(y[3]=v=>p.value=!1)],class:"onyx-nav-bar__burger",icon:e.unref(vl),label:e.unref(d)("navigation.toggleBurgerMenu"),headline:e.unref(d)("navigation.navigationHeadline")},{default:e.withCtx(()=>[e.createElementVNode("nav",e.mergeProps({class:"onyx-nav-bar__nav--mobile"},e.unref(i)),[e.createElementVNode("ul",wl,[e.renderSlot(f.$slots,"default")])],16)]),_:3},8,["open","icon","label","headline"])):(e.openBlock(),e.createElementBlock("nav",e.mergeProps({key:1,class:"onyx-nav-bar__nav"},e.unref(i)),[e.createElementVNode("ul",El,[e.renderSlot(f.$slots,"default")])],16))],64)):e.createCommentVNode("",!0),a.contextArea||a.globalContextArea?(e.openBlock(),e.createElementBlock(e.Fragment,{key:4},[m.value?(e.openBlock(),e.createElementBlock("div",Sl,[a.globalContextArea?(e.openBlock(),e.createElementBlock("div",Nl,[e.renderSlot(f.$slots,"globalContextArea")])):e.createCommentVNode("",!0),a.contextArea?(e.openBlock(),e.createBlock(xe,{key:1,open:p.value,"onUpdate:open":[y[4]||(y[4]=v=>p.value=v),y[5]||(y[5]=v=>u.value=!1)],icon:e.unref(_l),label:e.unref(d)("navigation.toggleContextMenu")},{default:e.withCtx(()=>[e.createElementVNode("div",$l,[e.renderSlot(f.$slots,"contextArea")])]),_:3},8,["open","icon","label"])):e.createCommentVNode("",!0)])):(e.openBlock(),e.createElementBlock("div",Ml,[a.globalContextArea?e.renderSlot(f.$slots,"globalContextArea",{key:0}):e.createCommentVNode("",!0),a.contextArea?e.renderSlot(f.$slots,"contextArea",{key:1}):e.createCommentVNode("",!0)]))],64)):e.createCommentVNode("",!0)])],2))}}),Tl={key:0,class:"onyx-page__sidebar"},Ll={class:"onyx-page__main"},Il={key:1,class:"onyx-page__footer"},Pl=e.defineComponent({__name:"OnyxPageLayout",props:{footerAsideSidebar:{type:Boolean},hideSidebar:{type:Boolean}},setup(o){const n=o,t=e.useSlots(),l=e.computed(()=>n.footerAsideSidebar?"onyx-page--footer-partial":"onyx-page--footer-full");return(r,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["onyx-page",l.value])},[t.sidebar&&!n.hideSidebar?(e.openBlock(),e.createElementBlock("aside",Tl,[e.renderSlot(r.$slots,"sidebar")])):e.createCommentVNode("",!0),e.createElementVNode("main",Ll,[e.renderSlot(r.$slots,"default")]),t.footer?(e.openBlock(),e.createElementBlock("footer",Il,[e.renderSlot(r.$slots,"footer")])):e.createCommentVNode("",!0)],2))}}),ut=o=>{const t=e.ref(!1),l=a=>{const s=a.target;if(!(s instanceof Element))return;const c=e.unref(o.offset)??0;t.value=Math.abs(s.scrollTop)+s.clientHeight>=s.scrollHeight-c-1};return{vScrollEnd:{mounted:a=>{e.watchEffect(()=>{var c;(((c=o.enabled)==null?void 0:c.value)??!0)&&!o.loading.value?a.addEventListener("scroll",l):a.removeEventListener("scroll",l)})}},isScrollEnd:t}},Dl=o=>{const n=e.ref("bottom"),t=()=>{var p,m,f;const r=e.unref(o);if(!r){n.value="bottom";return}const a=(p=l(r))==null?void 0:p.getBoundingClientRect(),s=r.getBoundingClientRect(),c=(a==null?void 0:a.top)??((m=window.visualViewport)==null?void 0:m.pageTop)??0,i=((a==null?void 0:a.bottom)??((f=window.visualViewport)==null?void 0:f.height)??0)-s.bottom,u=s.top-c;n.value=u>i?"top":"bottom"},l=r=>r?getComputedStyle(r).overflow==="hidden"?r:r.parentElement?l(r.parentElement):void 0:void 0;return{openDirection:n,updateOpenDirection:t}},dt=(o,n)=>{const t=Pe(o.toLowerCase()),l=Pe(n.toLowerCase());return t.includes(l)},Pe=o=>o.normalize("NFD").replace(/[\u0300-\u036f]/g,""),Al='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g clip-path="url(#a)"><path d="m16.718 14.123 1.057 1.057-5.782 5.782L6.21 15.18l1.057-1.057 4.718 4.717 4.718-4.717zM12 5.153l4.718 4.717 1.057-1.057-5.782-5.783L6.21 8.813 7.267 9.87l4.718-4.717z"/></g><defs><clipPath id="a"><path d="M0 0h24v24H0z"/></clipPath></defs></svg>',zl=["id","readonly","placeholder","required","disabled","aria-label","title","value","autofocus"],Hl=["aria-label","disabled"],pt=e.defineComponent({inheritAttrs:!1,__name:"OnyxSelectInput",props:{density:{},required:{type:Boolean},requiredMarker:{},customError:{},autofocus:{type:Boolean},id:{},label:{},labelTooltip:{},hideLabel:{type:Boolean,default:!1},message:{},messageTooltip:{},errorMessages:{},modelValue:{},textMode:{},disabled:{type:Boolean},skeleton:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},placeholder:{},showFocus:{type:Boolean}},emits:["click","validityChange"],setup(o,{expose:n,emit:t}){const{rootAttrs:l,restAttrs:r}=tt(),a=o,s=t,{t:c}=C(),{vCustomValidity:d,errorMessages:i}=D({props:a,emit:s}),u=e.computed(()=>a.modelValue?a.modelValue.length:0),p=e.computed(()=>{var B;const b=(B=a.modelValue)==null?void 0:B.length;if(!a.modelValue||!b)return"";if(b===1)return a.modelValue[0];switch(a.textMode){case"preview":return a.modelValue.join(", ");case"summary":default:return c.value("selections.currentSelection",{n:b})}}),m=e.ref(!1),{densityClass:f}=g(a),y=e.ref();n({focus:()=>{var b;return(b=y.value)==null?void 0:b.focus()}}),e.watch(()=>a.showFocus,(b,B)=>{m.value||B&&b===!1&&(m.value=!0)});const v=Fe.concat(Ue),w=b=>{v.includes(b.key)||b.preventDefault()};return(b,B)=>a.skeleton?(e.openBlock(),e.createElementBlock("div",e.mergeProps({key:0,class:["onyx-select-input-skeleton",e.unref(f)]},e.unref(l)),[a.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(E,{key:0,class:"onyx-select-input-skeleton__label"})),e.createVNode(E,{class:"onyx-select-input-skeleton__input"})],16)):(e.openBlock(),e.createElementBlock("div",e.mergeProps({key:1,class:["onyx-select-input",e.unref(f),a.readonly?"onyx-select-input--readonly":"onyx-select-input--editable"]},e.unref(l)),[e.createVNode(te,e.mergeProps(a,{"error-messages":e.unref(i)}),{default:e.withCtx(({id:L})=>[e.createElementVNode("div",{class:"onyx-select-input__wrapper",onClick:B[0]||(B[0]=N=>s("click"))},[a.loading?(e.openBlock(),e.createBlock(T,{key:0,class:"onyx-select-input__loading",type:"circle"})):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("input",e.mergeProps({id:L,ref_key:"input",ref:y,class:{"onyx-select-input__native":!0,"onyx-select-input__native--show-focus":a.showFocus,"onyx-truncation-ellipsis":!0,"onyx-select-input__native--force-invalid":e.unref(i)&&m.value}},e.unref(r),{type:"text",readonly:a.readonly,placeholder:a.placeholder,required:a.required,disabled:a.disabled||a.loading,"aria-label":a.hideLabel?a.label:void 0,title:a.hideLabel?a.label:void 0,value:p.value,autofocus:a.autofocus,autocomplete:"off",onKeydown:w}),null,16,zl),[[e.unref(d)]]),a.textMode==="preview"&&u.value>0?(e.openBlock(),e.createBlock(H,{key:1,text:p.value,position:"bottom"},{default:e.withCtx(({trigger:N})=>[e.createVNode(De,e.mergeProps({class:"onyx-select-input__badge"},N,{color:"neutral"}),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(u.value),1)]),_:2},1040)]),_:1},8,["text"])):e.createCommentVNode("",!0),e.createElementVNode("button",{class:"onyx-select-input__button",type:"button","aria-label":e.unref(c)("select.toggleDropDown"),tabindex:"-1",disabled:a.readonly||a.disabled||a.loading},[e.createVNode(x,{icon:e.unref(Al)},null,8,["icon"])],8,Hl)])]),_:1},16,["error-messages"])],16))}}),Rl=["checked","aria-labelledby","disabled","indeterminate"],ge=e.defineComponent({__name:"OnyxSelectOption",props:{active:{type:Boolean,default:!1},density:{},multiple:{type:Boolean,default:!1},indeterminate:{type:Boolean},icon:{},truncation:{default:"ellipsis"}},setup(o){const n=o;return(t,l)=>(e.openBlock(),e.createBlock(oe,e.mergeProps({class:"onyx-select-option"},n,{checked:!!t.$attrs["aria-checked"],selected:!!t.$attrs["aria-selected"],disabled:!!t.$attrs["aria-disabled"]}),{default:e.withCtx(()=>[n.multiple?(e.openBlock(),e.createElementBlock("input",{key:0,checked:!!t.$attrs["aria-checked"],"aria-labelledby":t.$attrs.id,disabled:!!t.$attrs["aria-disabled"],indeterminate:n.indeterminate,"aria-hidden":"true",tabindex:"-1",class:"onyx-select-option__checkbox",type:"checkbox"},null,8,Rl)):e.createCommentVNode("",!0),n.icon?(e.openBlock(),e.createBlock(x,{key:1,icon:n.icon},null,8,["icon"])):e.createCommentVNode("",!0),e.createElementVNode("span",{class:e.normalizeClass([`onyx-truncation-${n.truncation}`])},[e.renderSlot(t.$slots,"default")],2)]),_:3},16,["checked","selected","disabled"]))}}),Fl=["inert"],Ul={class:"onyx-select__wrapper",tabindex:"-1"},ql={key:0,role:"group",class:"onyx-select__group"},Gl={role:"option","aria-selected":"false"},Zl={key:0,role:"presentation",class:"onyx-select__group-name onyx-text--small"},Kl={key:1,class:"onyx-select__slot"},jl={key:2,class:"onyx-select__slot"},Yl={key:0,class:"onyx-select__description onyx-text--small"},mt=e.defineComponent({__name:"OnyxSelect",props:{density:{},multiple:{type:Boolean},modelValue:{},withCheckAll:{type:[Boolean,Object]},withSearch:{type:Boolean},searchTerm:{default:I},required:{type:Boolean},requiredMarker:{},customError:{},autofocus:{type:Boolean},id:{},label:{},labelTooltip:{},hideLabel:{type:Boolean},message:{},messageTooltip:{},errorMessages:{},textMode:{},disabled:{type:Boolean},skeleton:{type:Boolean},readonly:{type:Boolean},loading:{type:Boolean,default:!1},placeholder:{},truncation:{default:"ellipsis"},valueLabel:{default:void 0},open:{default:I},alignment:{default:"full"},listLabel:{},listDescription:{},options:{},lazyLoading:{}},emits:["update:modelValue","update:searchTerm","update:open","lazyLoad","validityChange"],setup(o,{emit:n}){const t=o,l=n,{densityClass:r}=g(t),a=e.useSlots(),{t:s}=C(),{state:c,isManaged:d}=W(e.toRef(()=>t.searchTerm),"",h=>l("update:searchTerm",h)),{state:i}=W(e.toRef(()=>t.open),!1,h=>l("update:open",h)),u=e.ref(),{openDirection:p,updateOpenDirection:m}=Dl(u),f=e.ref(),y=e.computed(()=>t.modelValue===void 0?[]:t.multiple&&Array.isArray(t.modelValue)?t.modelValue:[t.modelValue]),v=e.computed(()=>t.valueLabel!==void 0?Array.isArray(t.valueLabel)?t.valueLabel:[t.valueLabel]:y.value.reduce((h,k)=>{var S;const V=(S=t.options.find(({value:$})=>$===k))==null?void 0:S.label;return V&&h.push(V),h},[])),w=e.ref(),b=e.ref(),B=e.computed(()=>d.value&&c.value?t.options.filter(({label:h})=>dt(h,c.value)):t.options);e.watch(y,()=>{t.multiple||(f.value=y.value.at(0))},{immediate:!0});const L=M("ONYX_CHECK_ALL"),N=e.computed(()=>(t.multiple&&t.withCheckAll&&!c.value?[L]:[]).concat(Oe.value)),F=async h=>{var V,S;if(t.readonly){i.value=!1;return}const k=i.value;i.value=!k,await e.nextTick(),i.value&&m(),k!==i.value&&(k?(c.value&&(c.value=""),h||(V=b.value)==null||V.focus()):(S=w.value)==null||S.focus())},U=()=>f.value=N.value.at(0),ne=()=>f.value=N.value.at(-1),le=h=>{const k=N.value.findIndex(V=>V===h);k<N.value.length-1&&(f.value=N.value[k+1])},ae=h=>{const k=N.value.findIndex(V=>V===h);k>0&&(f.value=N.value[k-1])},re=h=>{const k=B.value.find(V=>V.label.toLowerCase().trim().startsWith(h.toLowerCase()));k&&(f.value=k.value)},se=h=>c.value=h,ie=h=>{var S;if(h===L){(S=G.value)==null||S.handleChange(!G.value.state.value.modelValue);return}if(!B.value.find(({value:$})=>$===h))return;if(!t.multiple)return l("update:modelValue",h);y.value.some($=>$===h)?l("update:modelValue",y.value.filter($=>$!==h)):l("update:modelValue",[...y.value,h])},ce=e.computed(()=>t.withSearch?"list":"none"),{elements:{input:_,option:q,group:Me,listbox:_t}}=no({autocomplete:ce,label:t.label,listLabel:t.listLabel,listDescription:t.listDescription,activeOption:e.computed(()=>f.value),multiple:e.computed(()=>t.multiple),isExpanded:i,templateRef:u,onToggle:F,onActivateFirst:U,onActivateLast:ne,onActivateNext:le,onActivatePrevious:ae,onTypeAhead:re,onAutocomplete:se,onSelect:ie}),kt=e.computed(()=>Ro(B.value,"group")),{vScrollEnd:xt,isScrollEnd:gt}=ut({enabled:e.computed(()=>{var h;return((h=t.lazyLoading)==null?void 0:h.enabled)??!1}),loading:e.computed(()=>t.loading),offset:e.computed(()=>{var h;return(h=t.lazyLoading)==null?void 0:h.scrollOffset})}),ue=e.computed(()=>{if(!B.value.length)return t.withSearch&&c.value?s.value("select.noMatch"):s.value("select.empty")}),Oe=e.computed(()=>B.value.filter(h=>!h.disabled).map(({value:h})=>h)),G=e.computed(()=>{if(!(!t.multiple||!t.withCheckAll))return We(Oe,y,h=>{const k=h.map(V=>{var S;return(S=t.options.find(({value:$})=>$===V))==null?void 0:S.value}).filter(V=>V!=null);l("update:modelValue",k)})}),de=e.computed(()=>{var k;if(!t.multiple)return"";const h=s.value("selections.selectAll");return typeof t.withCheckAll=="boolean"?h:((k=t.withCheckAll)==null?void 0:k.label)??h});e.watchEffect(()=>{gt.value&&l("lazyLoad")});const bt=e.computed(()=>{const h={...t,modelValue:v.value};return t.withSearch?{...h,onKeydown:_.value.onKeydown}:{...h,..._.value}});return(h,k)=>{var V,S,$;return e.openBlock(),e.createElementBlock("div",{ref_key:"selectRef",ref:u,class:"onyx-select-wrapper"},[e.createVNode(pt,e.mergeProps({ref_key:"selectInput",ref:b},bt.value,{"show-focus":e.unref(i),autofocus:t.autofocus,onClick:F,onValidityChange:k[0]||(k[0]=Z=>l("validityChange",Z))}),null,16,["show-focus","autofocus"]),e.createElementVNode("div",{class:e.normalizeClass(["onyx-select",e.unref(r),e.unref(i)?"onyx-select--open":"",`onyx-select--${e.unref(p)}`,`onyx-select--${t.alignment}`]),inert:!e.unref(i)},[e.withDirectives((e.openBlock(),e.createElementBlock("div",Ul,[t.withSearch?(e.openBlock(),e.createBlock(ot,e.mergeProps({key:0,ref_key:"miniSearch",ref:w,"model-value":e.unref(c)},e.unref(_),{label:e.unref(s)("select.searchInputLabel"),class:"onyx-select__search",onClear:k[1]||(k[1]=Z=>c.value="")}),null,16,["model-value","label"])):e.createCommentVNode("",!0),e.createElementVNode("div",e.normalizeProps(e.guardReactiveProps(e.unref(_t))),[ue.value?(e.openBlock(),e.createElementBlock("ul",ql,[e.createElementVNode("li",Gl,[e.renderSlot(h.$slots,"empty",{defaultMessage:ue.value},()=>[e.createVNode(we,null,{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(ue.value),1)]),_:1})])])])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[t.multiple&&t.withCheckAll&&!e.unref(c)?(e.openBlock(),e.createElementBlock("ul",e.mergeProps({key:0,class:"onyx-select__check-all"},e.unref(Me)({label:de.value})),[e.createVNode(ge,e.mergeProps(e.unref(q)({value:e.unref(L),label:de.value,selected:(V=G.value)==null?void 0:V.state.value.modelValue}),{multiple:"",active:e.unref(L)===f.value,indeterminate:(S=G.value)==null?void 0:S.state.value.indeterminate,density:t.density}),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(de.value),1)]),_:1},16,["active","indeterminate","density"])],16)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(kt.value,(Z,K)=>(e.openBlock(),e.createElementBlock("ul",e.mergeProps({key:K,class:"onyx-select__group",ref_for:!0},e.unref(Me)({label:K})),[K!=""?(e.openBlock(),e.createElementBlock("li",Zl,e.toDisplayString(K),1)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(Z,O=>(e.openBlock(),e.createBlock(ge,e.mergeProps({key:O.value.toString(),ref_for:!0},e.unref(q)({value:O.value,label:O.label,disabled:O.disabled,selected:y.value.some(Bt=>Bt===O.value)}),{multiple:t.multiple,active:O.value===f.value,icon:O.icon,density:t.density,truncation:O.truncation??t.truncation}),{default:e.withCtx(()=>[e.renderSlot(h.$slots,"option",e.mergeProps({ref_for:!0},O),()=>[e.createTextVNode(e.toDisplayString(O.label),1)])]),_:2},1040,["multiple","active","icon","density","truncation"]))),128))],16))),128))],64))],16),($=t.lazyLoading)!=null&&$.loading?(e.openBlock(),e.createElementBlock("div",Kl,[e.createVNode(T,{class:"onyx-select__loading"})])):e.createCommentVNode("",!0),a.optionsEnd?(e.openBlock(),e.createElementBlock("div",jl,[e.renderSlot(h.$slots,"optionsEnd")])):e.createCommentVNode("",!0)])),[[e.unref(xt)]]),t.listDescription?(e.openBlock(),e.createElementBlock("div",Yl,e.toDisplayString(t.listDescription),1)):e.createCommentVNode("",!0)],10,Fl)],512)}}}),Xl=["aria-label"],Wl={class:"onyx-pagination__count"},Jl=["aria-label","disabled"],Ql=["aria-label","disabled"],ea=e.defineComponent({__name:"ModernPagination",props:{density:{},modelValue:{},pages:{},disabled:{type:Boolean}},emits:["update:modelValue"],setup(o,{emit:n}){const t=o,l=n,{t:r}=C(),{densityClass:a}=g(t),s=e.computed(()=>Array.from({length:t.pages},(i,u)=>{const p=u+1;return{label:p.toString(),value:p}})),c=e.computed(()=>t.modelValue<=1),d=e.computed(()=>t.modelValue>=t.pages);return(i,u)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["onyx-pagination","onyx-text",e.unref(a)]),role:"group","aria-label":e.unref(r)("pagination.label"),style:e.normalizeStyle({"--onyx-pagination-character-count":t.modelValue.toString().length})},[e.createVNode(mt,{class:"onyx-pagination__select",label:e.unref(r)("pagination.select.label"),"list-label":e.unref(r)("pagination.select.listLabel"),options:s.value,"model-value":t.modelValue,"value-label":t.modelValue.toString(),"hide-label":"",disabled:t.disabled||t.pages<=1,"onUpdate:modelValue":u[0]||(u[0]=p=>l("update:modelValue",p))},null,8,["label","list-label","options","model-value","value-label","disabled"]),e.createElementVNode("div",Wl,e.toDisplayString(e.unref(r)("pagination.ofPages",{n:t.pages})),1),e.createElementVNode("button",{class:"onyx-pagination__button","aria-label":e.unref(r)("pagination.previous"),type:"button",disabled:t.disabled||c.value,onClick:u[1]||(u[1]=p=>l("update:modelValue",t.modelValue-1))},[e.createVNode(x,{icon:e.unref(it)},null,8,["icon"])],8,Jl),e.createElementVNode("button",{class:"onyx-pagination__button","aria-label":e.unref(r)("pagination.next"),type:"button",disabled:t.disabled||d.value,onClick:u[2]||(u[2]=p=>l("update:modelValue",t.modelValue+1))},[e.createVNode(x,{icon:e.unref(at)},null,8,["icon"])],8,Ql)],14,Xl))}}),ta=e.defineComponent({__name:"OnyxPagination",props:{density:{},modelValue:{},pages:{},disabled:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(o,{emit:n}){const t=o,l=n;return(r,a)=>(e.openBlock(),e.createBlock(ea,e.mergeProps(t,{"onUpdate:modelValue":a[0]||(a[0]=s=>l("update:modelValue",s))}),null,16))}}),oa=["required","name","value","checked","disabled","autofocus"],be=e.defineComponent({__name:"OnyxRadioButton",props:{density:{},value:{},label:{},disabled:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},skeleton:{type:Boolean},truncation:{default:"ellipsis"},customError:{},autofocus:{type:Boolean},name:{},checked:{type:Boolean,default:!1},required:{type:Boolean,default:!1}},emits:["change","validityChange"],setup(o,{emit:n}){const t=o,l=n,{vCustomValidity:r,errorMessages:a}=D({props:t,emit:l}),{densityClass:s}=g(t),c=d=>{const i=d.target.checked;l("change",i)};return(d,i)=>t.skeleton?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["onyx-radio-button-skeleton",e.unref(s)])},[e.createVNode(E,{class:"onyx-radio-button-skeleton__input"}),e.createVNode(E,{class:"onyx-radio-button-skeleton__label"})],2)):(e.openBlock(),e.createBlock(Ve,{key:1,disabled:t.disabled,"error-messages":e.unref(a)},{default:e.withCtx(()=>[e.createElementVNode("label",{class:e.normalizeClass(["onyx-radio-button",e.unref(s)])},[t.loading?(e.openBlock(),e.createBlock(T,{key:0,class:"onyx-radio-button__loading",type:"circle"})):e.withDirectives((e.openBlock(),e.createElementBlock("input",{key:1,class:"onyx-radio-button__selector",type:"radio",required:t.required,name:t.name,value:t.value,checked:t.checked,disabled:t.disabled,autofocus:t.autofocus,onChange:c},null,40,oa)),[[e.unref(r)]]),e.createElementVNode("span",{class:e.normalizeClass(["onyx-radio-button__label",[`onyx-truncation-${t.truncation}`]])},e.toDisplayString(t.label),3)],2)]),_:1},8,["disabled","error-messages"]))}}),na=["disabled","aria-label"],la={key:0,class:"onyx-radio-button-group__headline"},aa=e.defineComponent({__name:"OnyxRadioGroup",props:{density:{},required:{type:Boolean,default:!1},requiredMarker:{},customError:{},truncation:{default:"ellipsis"},label:{},hideLabel:{type:Boolean},options:{},name:{default:()=>M("radio-button-group-name")},modelValue:{},disabled:{type:Boolean,default:!1},direction:{default:"vertical"},skeleton:{}},emits:["update:modelValue","validityChange"],setup(o,{emit:n}){const t=o,{densityClass:l}=g(t),{requiredMarkerClass:r,requiredTypeClass:a}=J(t),s=n,c=(d,i)=>{d&&s("update:modelValue",i)};return(d,i)=>(e.openBlock(),e.createElementBlock("fieldset",{class:e.normalizeClass(["onyx-radio-button-group",e.unref(l),e.unref(a)]),disabled:t.disabled,role:"radiogroup","aria-label":t.label},[t.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("legend",la,[e.createVNode(z,{is:"h3",class:e.normalizeClass(e.unref(r))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.label),1)]),_:1},8,["class"])])),e.createElementVNode("div",{class:e.normalizeClass(["onyx-radio-button-group__content",{"onyx-radio-button-group__content--horizontal":t.direction==="horizontal"}])},[t.skeleton===void 0?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(t.options,(u,p)=>(e.openBlock(),e.createBlock(be,e.mergeProps({key:u.value.toString(),ref_for:!0},u,{name:t.name,"custom-error":t.customError,checked:u.value===t.modelValue,required:t.required,truncation:u.truncation??t.truncation,onValidityChange:m=>p===0&&s("validityChange",m),onChange:m=>c(m,u.value)}),null,16,["name","custom-error","checked","required","truncation","onValidityChange","onChange"]))),128)):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(t.skeleton,u=>(e.openBlock(),e.createBlock(be,{id:`skeleton-${u}`,key:u,value:`skeleton-${u}`,label:"Skeleton ${i}",name:t.name,skeleton:""},null,8,["id","value","name"]))),128))],2)],10,na))}}),ra=["full","left","right"],sa=["summary","preview"],ia='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 11.25h18v1.5H3z"/></svg>',ca='<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>',ua={class:"onyx-stepper__wrapper"},da=["disabled","aria-label"],pa=["aria-label","autofocus","disabled","min","max","name","placeholder","readonly","required","step","title"],ma=["disabled","aria-label"],fa=e.defineComponent({__name:"OnyxStepper",props:{density:{},customError:{},required:{type:Boolean},requiredMarker:{},id:{},label:{},labelTooltip:{},hideLabel:{type:Boolean},message:{},messageTooltip:{},autofocus:{type:Boolean},modelValue:{},name:{},placeholder:{},min:{},max:{},step:{default:1},autocomplete:{},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},skeleton:{type:Boolean,default:!1}},emits:["update:modelValue","focus","blur","validityChange"],setup(o,{emit:n}){const t=o,{t:l}=C(),r=e.ref(),a=n,{densityClass:s}=g(t),{vCustomValidity:c,errorMessages:d}=D({props:t,emit:a}),i=e.ref(!1),u=e.computed({get:()=>t.modelValue,set:y=>a("update:modelValue",y)}),p=y=>{if(!r.value)return;r.value[`${y}`]();const v=r.value.valueAsNumber;u.value=isNaN(v)?void 0:v},m=e.computed(()=>l.value("stepper.increment",{stepSize:t.step})),f=e.computed(()=>l.value("stepper.decrement",{stepSize:t.step}));return(y,v)=>t.skeleton?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["onyx-stepper-skeleton",e.unref(s)])},[t.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(E,{key:0,class:"onyx-stepper-skeleton__label"})),e.createVNode(E,{class:"onyx-stepper-skeleton__input"})],2)):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["onyx-stepper",e.unref(s)])},[e.createVNode(te,e.mergeProps(t,{"error-messages":e.unref(d)}),{default:e.withCtx(()=>[e.createElementVNode("div",ua,[e.createElementVNode("button",{type:"button",class:"onyx-stepper__counter",disabled:t.min&&t.min===u.value||t.disabled||t.readonly||t.loading,"aria-label":f.value,onClick:v[0]||(v[0]=w=>p("stepDown"))},[e.createVNode(x,{icon:e.unref(ia)},null,8,["icon"])],8,da),t.loading?(e.openBlock(),e.createBlock(T,{key:0,class:"onyx-stepper__loading",type:"circle"})):e.withDirectives((e.openBlock(),e.createElementBlock("input",{key:1,ref_key:"inputRef",ref:r,"onUpdate:modelValue":v[1]||(v[1]=w=>u.value=w),class:e.normalizeClass(["onyx-stepper__native",{"onyx-stepper__native--force-invalid":e.unref(d)&&i.value}]),type:"number","aria-label":t.label,autofocus:t.autofocus,disabled:t.disabled||t.loading,min:t.min,max:t.max,name:t.name,placeholder:t.placeholder,readonly:t.readonly,required:t.required,step:t.step,title:t.hideLabel?t.label:void 0,onChange:v[2]||(v[2]=w=>i.value=!0),onFocus:v[3]||(v[3]=w=>a("focus")),onBlur:v[4]||(v[4]=w=>a("blur"))},null,42,pa)),[[e.vModelText,u.value,void 0,{number:!0}],[e.unref(c)]]),e.createElementVNode("button",{type:"button",class:"onyx-stepper__counter",disabled:t.max&&t.max===u.value||t.disabled||t.readonly||t.loading,"aria-label":m.value,onClick:v[5]||(v[5]=w=>p("stepUp"))},[e.createVNode(x,{icon:e.unref(ca)},null,8,["icon"])],8,ma)])]),_:1},16,["error-messages"])],2))}}),ya='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m15.983 8.095-6.22 6.22-2.468-2.47-1.061 1.062 3.53 3.525 7.28-7.28z"/></svg>',ha={class:"onyx-switch-skeleton__click-area"},va=["title"],_a=["aria-label","disabled","required","autofocus"],ka={class:"onyx-switch__click-area"},xa={class:"onyx-switch__container"},ga={class:"onyx-switch__icon"},ba=e.createElementVNode("div",{class:"onyx-switch__frame"},null,-1),Ba=e.defineComponent({__name:"OnyxSwitch",props:{density:{},required:{type:Boolean},requiredMarker:{},customError:{},autofocus:{type:Boolean},modelValue:{type:Boolean,default:!1},label:{},disabled:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},hideLabel:{type:Boolean},truncation:{default:"ellipsis"},skeleton:{type:Boolean,default:!1}},emits:["update:modelValue","validityChange"],setup(o,{emit:n}){const t=o,l=n,{requiredMarkerClass:r,requiredTypeClass:a}=J(t),{densityClass:s}=g(t),{vCustomValidity:c,errorMessages:d}=D({props:t,emit:l}),i=e.computed(()=>t.hideLabel?t.label:void 0),u=e.computed({get:()=>t.modelValue,set:p=>{l("update:modelValue",p)}});return(p,m)=>t.skeleton?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["onyx-switch-skeleton",e.unref(s)])},[e.createElementVNode("span",ha,[e.createVNode(E,{class:"onyx-switch-skeleton__input"})]),t.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(E,{key:0,class:"onyx-switch-skeleton__label"}))],2)):(e.openBlock(),e.createBlock(Ve,{key:1,disabled:t.disabled,"error-messages":e.unref(d)},{default:e.withCtx(()=>[e.createElementVNode("label",{class:e.normalizeClass(["onyx-switch",[e.unref(a),e.unref(s)]]),title:i.value},[e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":m[0]||(m[0]=f=>u.value=f),type:"checkbox",role:"switch",class:e.normalizeClass({"onyx-switch__input":!0,"onyx-switch__loading":t.loading}),"aria-label":t.hideLabel?t.label:void 0,disabled:t.disabled||t.loading,required:t.required,autofocus:t.autofocus},null,10,_a),[[e.vModelCheckbox,u.value],[e.unref(c)]]),e.createElementVNode("span",ka,[e.createElementVNode("span",xa,[e.createElementVNode("span",ga,[t.loading?(e.openBlock(),e.createBlock(T,{key:0,class:"onyx-switch__spinner",type:"circle"})):(e.openBlock(),e.createBlock(x,{key:1,icon:u.value?e.unref(ya):e.unref(Ee)},null,8,["icon"]))]),ba])]),t.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(["onyx-switch__label",[`onyx-truncation-${t.truncation}`,t.truncation==="multiline"?e.unref(r):void 0]])},e.toDisplayString(t.label),3)),!t.hideLabel&&t.truncation==="ellipsis"?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["onyx-switch__marker",[e.unref(r)]])},null,2)):e.createCommentVNode("",!0)],10,va)]),_:1},8,["disabled","error-messages"]))}}),Ca='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g clip-path="url(#a)"><path d="M8.25 17.25h-4.5V6.008h4.5zm-3-1.5h1.5V7.508h-1.5zm14.273 1.958c.457-.668.727-1.47.727-2.333 0-.127-.008-.255-.023-.375V4.508h-4.5v6.765a4.3 4.3 0 0 0-1.5.442V8.258h-4.5v8.992h2.716a4.12 4.12 0 0 0 3.667 2.25c.863 0 1.672-.27 2.332-.727l2.76 2.76 1.058-1.058-2.76-2.76zm-.788-11.7v6.18a4.05 4.05 0 0 0-1.492-.773v-5.4h1.492zm-7.492 9.742V9.758h1.5v3.292a4.1 4.1 0 0 0-.735 2.325c0 .127.007.255.022.375h-.788M16.124 18a2.63 2.63 0 0 1-2.625-2.625 2.63 2.63 0 0 1 2.625-2.625 2.63 2.63 0 0 1 2.625 2.625A2.63 2.63 0 0 1 16.125 18"/></g><defs><clipPath id="a"><path d="M0 0h24v24H0z"/></clipPath></defs></svg>',Va={class:"onyx-table-wrapper"},wa=["tabindex"],Ea={key:0,class:"onyx-table__header"},Sa={class:"onyx-table__empty"},Na={colspan:"100%"},$a={class:"onyx-table__empty-content"},Ma=e.defineComponent({__name:"OnyxTable",props:{density:{},striped:{type:Boolean,default:!1},withVerticalBorders:{type:Boolean,default:!1},withPageScrolling:{type:Boolean,default:!1}},setup(o){const n=o,t=e.useSlots(),{t:l}=C(),{densityClass:r}=g(n),a=e.computed(()=>l.value("table.empty"));return(s,c)=>(e.openBlock(),e.createElementBlock("div",Va,[e.createElementVNode("div",{class:e.normalizeClass({"onyx-table-wrapper__scroll-container":!n.withPageScrolling}),tabindex:n.withPageScrolling?void 0:0},[e.createElementVNode("table",{class:e.normalizeClass(["onyx-table onyx-text",[n.striped?"onyx-table--striped":"",n.withVerticalBorders?"onyx-table--vertical-borders":"",e.unref(r)]])},[t.head?(e.openBlock(),e.createElementBlock("thead",Ea,[e.renderSlot(s.$slots,"head")])):e.createCommentVNode("",!0),e.createElementVNode("tbody",null,[e.renderSlot(s.$slots,"default",{},()=>[e.createElementVNode("tr",Sa,[e.createElementVNode("td",Na,[e.createElementVNode("div",$a,[e.renderSlot(s.$slots,"empty",{defaultMessage:a.value},()=>[e.createVNode(we,null,{icon:e.withCtx(()=>[e.createVNode(x,{icon:e.unref(Ca),size:"48px"},null,8,["icon"])]),default:e.withCtx(()=>[e.createTextVNode(" "+e.toDisplayString(a.value),1)]),_:1})])])])])])])],2)],10,wa)]))}}),Oa={class:"onyx-text onyx-truncation-ellipsis"},Ta=e.defineComponent({__name:"OnyxTag",props:{density:{},label:{},color:{default:"primary"},icon:{}},setup(o){const n=o,{densityClass:t}=g(n);return(l,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["onyx-tag",`onyx-tag--${n.color}`,e.unref(t)])},[n.icon?(e.openBlock(),e.createBlock(x,{key:0,icon:n.icon,size:"16px"},null,8,["icon"])):e.createCommentVNode("",!0),e.createElementVNode("span",Oa,e.toDisplayString(n.label),1)],2))}}),La=["data-autosize-value"],Ia=["id","placeholder","required","autocapitalize","autofocus","name","readonly","disabled","minlength","maxlength","aria-label","title"],Pa=e.defineComponent({__name:"OnyxTextarea",props:{density:{},required:{type:Boolean,default:!1},requiredMarker:{},customError:{},label:{},labelTooltip:{},hideLabel:{type:Boolean},modelValue:{default:""},placeholder:{},autocapitalize:{default:"sentences"},autofocus:{type:Boolean},name:{},readonly:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},minlength:{},maxlength:{},withCounter:{type:Boolean},message:{},messageTooltip:{},skeleton:{type:Boolean,default:!1},autosize:{},disableManualResize:{type:Boolean,default:!1}},emits:["update:modelValue","change","focus","blur","validityChange"],setup(o,{emit:n}){const t=o,l=n,{vCustomValidity:r,errorMessages:a}=D({props:t,emit:l}),{densityClass:s}=g(t),c=e.computed({get:()=>t.modelValue,set:p=>l("update:modelValue",p)}),d=p=>{const m=p.target.value;l("change",m)},i=e.computed(()=>{if(!t.autosize)return;const p=t.autosize.min?Math.max(t.autosize.min,2):void 0,m=t.autosize.max;return[p?`--min-autosize-rows: ${p}`:"",`--max-autosize-rows: ${m??"unset"}`]}),u=p=>{var f;const m=p.target;(f=m.parentElement)==null||f.setAttribute("data-autosize-value",m.value)};return(p,m)=>t.skeleton?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["onyx-textarea-skeleton",e.unref(s)]),style:e.normalizeStyle(i.value)},[t.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(E,{key:0,class:"onyx-textarea-skeleton__label"})),e.createVNode(E,{class:"onyx-textarea-skeleton__input"})],6)):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["onyx-textarea",e.unref(s)]),style:e.normalizeStyle(i.value)},[e.createVNode(te,e.mergeProps(t,{"error-messages":e.unref(a)}),{default:e.withCtx(({id:f})=>[e.createElementVNode("div",{class:"onyx-textarea__wrapper","data-autosize-value":c.value},[e.withDirectives(e.createElementVNode("textarea",{id:f,"onUpdate:modelValue":m[0]||(m[0]=y=>c.value=y),class:e.normalizeClass(["onyx-textarea__native",{"onyx-textarea__native--no-resize":t.disableManualResize}]),placeholder:t.placeholder,required:t.required,autocapitalize:t.autocapitalize,autofocus:t.autofocus,name:t.name,readonly:t.readonly,disabled:t.disabled,minlength:t.minlength,maxlength:t.maxlength,"aria-label":t.hideLabel?t.label:void 0,title:t.hideLabel?t.label:void 0,onInput:u,onChange:d,onFocus:m[1]||(m[1]=y=>l("focus")),onBlur:m[2]||(m[2]=y=>l("blur"))},null,42,Ia),[[e.vModelText,c.value],[e.unref(r)]])],8,La)]),_:1},16,["error-messages"])],6))}}),Da='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><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.364M11.25 16.5h1.5V18h-1.5zM12.75 6h-1.5v8.25h1.5z" clip-rule="evenodd"/></svg>',Aa='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><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.483m.275-7.655 2.465 2.47 6.22-6.22 1.06 1.06-7.28 7.281-3.528-3.53z" clip-rule="evenodd"/></svg>',za={class:"onyx-toast-message__wrapper"},Ha={class:"onyx-toast-message__content onyx-truncation-ellipsis"},Ra={class:"onyx-toast-message__headline onyx-text"},Fa={class:"onyx-truncation-ellipsis"},Ua=["aria-label"],qa={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:["click","close"],setup(o,{emit:n}){const t=o,l=n,{t:r}=C(),{densityClass:a}=g(t),s=e.computed(()=>t.duration>0),c={neutral:ke,danger:Qe,warning:Da,success:Aa},d=e.computed(()=>{if(t.icon!==!1)return t.icon||c[t.color]});return(i,u)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.clickable?"button":"div"),{class:e.normalizeClass(["onyx-toast-message",[`onyx-toast-message--${t.color}`,e.unref(a)]]),role:t.color==="danger"||t.color==="warning"?"alert":"status","aria-label":t.clickable?t.headline:void 0,onClick:u[2]||(u[2]=p=>t.clickable&&l("click"))},{default:e.withCtx(()=>[e.createElementVNode("div",za,[d.value?(e.openBlock(),e.createBlock(x,{key:0,icon:d.value},null,8,["icon"])):e.createCommentVNode("",!0),e.createElementVNode("div",Ha,[e.createElementVNode("div",Ra,[e.createElementVNode("span",Fa,e.toDisplayString(t.headline),1),t.clickable?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("button",{key:0,type:"button","aria-label":e.unref(r)("close"),class:"onyx-toast-message__close",onClick:u[0]||(u[0]=p=>l("close"))},[e.createVNode(x,{icon:e.unref(Ee)},null,8,["icon"])],8,Ua))]),t.description?(e.openBlock(),e.createElementBlock("p",qa,e.toDisplayString(t.description),1)):e.createCommentVNode("",!0)])]),s.value?(e.openBlock(),e.createElementBlock("time",{key:t.duration,"aria-hidden":"true",class:"onyx-toast-message__progress-bar",style:e.normalizeStyle({animationDuration:`${t.duration}ms`}),onAnimationend:u[1]||(u[1]=p=>l("close"))},null,36)):e.createCommentVNode("",!0)]),_:1},8,["class","role","aria-label"]))}}),$e=Symbol(),yt=()=>{let o=1;const n=e.ref([]),t=r=>{const a=o++;n.value.unshift({...r,id:a,onClose:()=>l(a)})},l=r=>{n.value=n.value.filter(a=>a.id!==r)};return{toasts:e.computed(()=>n.value),show:t,remove:l}},ht=()=>{const o=()=>{console.warn('Trying to use "useToast()" before the toast provider has been provided. Make sure to "provide" it first.')};return e.inject($e,()=>({toasts:e.computed(()=>[]),show:o,remove:o}),!0)},Ga={key:0,class:"onyx-toast",role:"presentation","aria-live":"polite",open:""},Za=e.defineComponent({__name:"OnyxToast",setup(o){const n=ht();return(t,l)=>e.unref(n).toasts.value.length?(e.openBlock(),e.createElementBlock("dialog",Ga,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(n).toasts.value,({id:r,...a})=>(e.openBlock(),e.createBlock(ft,e.mergeProps({key:r,ref_for:!0},a),null,16))),128))])):e.createCommentVNode("",!0)}}),Ka=["top","bottom"],ja=(o={})=>({install:n=>{je(n,o.i18n);const t=n.runWithContext(()=>C());e.watchEffect(()=>vt(t.t.value("optional"))),n.provide($e,yt())}}),vt=o=>{globalThis.document.body.style.setProperty("--onyx-global-optional-text",o)};exports.AUTOCAPITALIZE=_n;exports.BUTTON_COLORS=xo;exports.BUTTON_MODES=go;exports.BUTTON_TYPES=ko;exports.DENSITIES=Lt;exports.DIRECTIONS=Bl;exports.HEADLINE_TYPES=nn;exports.ICON_SIZES=ln;exports.INPUT_TYPES=vn;exports.LINK_TARGETS=gn;exports.MOBILE_NAV_BAR_INJECTION_KEY=R;exports.MULTISELECT_TEXT_MODE=sa;exports.ONYX_BREAKPOINTS=ct;exports.ONYX_COLORS=xl;exports.OnyxAppLayout=St;exports.OnyxAvatar=fe;exports.OnyxAvatarStack=Tt;exports.OnyxBadge=De;exports.OnyxButton=X;exports.OnyxCheckbox=j;exports.OnyxCheckboxGroup=Jo;exports.OnyxColorSchemeDialog=lt;exports.OnyxColorSchemeMenuItem=Un;exports.OnyxDialog=Je;exports.OnyxEmpty=we;exports.OnyxExternalLinkIcon=Q;exports.OnyxFlyoutMenu=Ne;exports.OnyxHeadline=z;exports.OnyxIcon=x;exports.OnyxIconButton=et;exports.OnyxInfoTooltip=Y;exports.OnyxInput=hn;exports.OnyxLink=xn;exports.OnyxListItem=oe;exports.OnyxLoadingIndicator=T;exports.OnyxMenuItem=Se;exports.OnyxMiniSearch=ot;exports.OnyxMobileNavButton=xe;exports.OnyxNavAppArea=nt;exports.OnyxNavBar=Ol;exports.OnyxNavButton=Jn;exports.OnyxNavItem=Qn;exports.OnyxNavSeparator=rt;exports.OnyxPageLayout=Pl;exports.OnyxPagination=ta;exports.OnyxRadioButton=be;exports.OnyxRadioGroup=aa;exports.OnyxSelect=mt;exports.OnyxSelectInput=pt;exports.OnyxSelectOption=ge;exports.OnyxSkeleton=E;exports.OnyxStepper=fa;exports.OnyxSwitch=Ba;exports.OnyxTable=Ma;exports.OnyxTag=Ta;exports.OnyxTextarea=Pa;exports.OnyxTimer=rl;exports.OnyxToast=Za;exports.OnyxToastMessage=ft;exports.OnyxTooltip=H;exports.OnyxUserMenu=hl;exports.OnyxVisuallyHidden=ee;exports.SELECT_ALIGNMENTS=ra;exports.TEXT_SIZES=gl;exports.TOAST_PROVIDER_INJECTION_KEY=$e;exports.TOOLTIP_POSITIONS=Ka;exports.TRUNCATION_TYPES=bl;exports.createOnyx=ja;exports.createToastProvider=yt;exports.normalizedIncludes=dt;exports.provideI18n=je;exports.syncGlobalOptionalText=vt;exports.useDensity=g;exports.useScrollEnd=ut;exports.useToast=ht;
|
|
183
|
+
`,Pn={class:"onyx-color-scheme-dialog__subtitle onyx-text"},Dn=["innerHTML"],An=["autofocus","value","checked","aria-label"],zn={class:"onyx-text--small"},Hn={class:"onyx-color-scheme-dialog__actions"},lt=e.defineComponent({__name:"OnyxColorSchemeDialog",props:{open:{type:Boolean,default:!1},density:{},modelValue:{}},emits:["update:modelValue","close"],setup(o,{emit:n}){const t=o,l=n,r=e.ref(t.modelValue);e.watchEffect(()=>r.value=t.modelValue);const{t:a}=C(),s=e.computed(()=>[{value:"auto",image:Tn,label:a.value("colorScheme.auto.label"),description:a.value("colorScheme.auto.description")},{value:"light",image:In,label:a.value("colorScheme.light.label"),description:a.value("colorScheme.light.description")},{value:"dark",image:Ln,label:a.value("colorScheme.dark.label"),description:a.value("colorScheme.dark.description")}]),c=i=>{const u=i.target;r.value=u.value},d=()=>{r.value&&(l("update:modelValue",r.value),l("close"))};return(i,u)=>(e.openBlock(),e.createBlock(Je,e.mergeProps({class:"onyx-color-scheme-dialog"},t,{label:e.unref(a)("colorScheme.headline"),modal:"",onClose:u[1]||(u[1]=p=>l("close"))}),{default:e.withCtx(()=>[e.createElementVNode("form",{class:"onyx-color-scheme-dialog__form",onSubmit:e.withModifiers(d,["prevent"])},[e.createElementVNode("div",null,[e.createVNode(z,{is:"h2"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(a)("colorScheme.headline")),1)]),_:1}),e.createElementVNode("span",Pn,e.toDisplayString(e.unref(a)("colorScheme.subtitle")),1)]),e.createElementVNode("fieldset",{class:"onyx-color-scheme-dialog__list",onChange:c},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.value,p=>(e.openBlock(),e.createElementBlock("label",{key:p.value,class:"onyx-color-scheme-dialog__option"},[e.createElementVNode("figure",{class:"onyx-color-scheme-dialog__image",innerHTML:p.image},null,8,Dn),e.createElementVNode("div",null,[e.createVNode(ee,{is:"div"},{default:e.withCtx(()=>[e.createElementVNode("input",{type:"radio",name:"color-scheme",autofocus:t.modelValue===p.value,value:p.value,checked:t.modelValue===p.value,"aria-label":p.label,required:""},null,8,An)]),_:2},1024),e.createVNode(z,{is:"h3",class:"onyx-color-scheme-dialog__label"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(p.label),1)]),_:2},1024),e.createElementVNode("p",zn,e.toDisplayString(p.description),1)])]))),128))],32),e.createElementVNode("div",Hn,[e.createVNode(X,{label:e.unref(a)("cancel"),mode:"plain",color:"neutral",onClick:u[0]||(u[0]=p=>l("close"))},null,8,["label"]),e.createVNode(X,{label:e.unref(a)("apply"),type:"submit"},null,8,["label"])])],32)]),_:1},16,["label"]))}}),Rn='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g clip-path="url(#a)"><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"/></g><defs><clipPath id="a"><path d="M0 0h24v24H0z"/></clipPath></defs></svg>',Se=e.defineComponent({__name:"OnyxMenuItem",props:{href:{},active:{type:Boolean},disabled:{type:Boolean},color:{}},emits:["click"],setup(o,{emit:n}){const t=o,l=n,{elements:{listItem:r,menuItem:a}}=qe();return(s,c)=>(e.openBlock(),e.createBlock(oe,e.mergeProps({selected:t.active,active:t.active,color:t.color,disabled:t.disabled,class:"onyx-menu-item"},e.unref(r)),{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.href?"a":"button"),e.mergeProps({class:"onyx-menu-item__trigger",disabled:!t.href&&t.disabled,href:t.href},e.unref(a)({active:t.active,disabled:!t.href&&t.disabled}),{onClick:c[0]||(c[0]=d=>l("click"))}),{default:e.withCtx(()=>[e.renderSlot(s.$slots,"default")]),_:3},16,["disabled","href"]))]),_:3},16,["selected","active","color","disabled"]))}}),Fn={class:"onyx-color-scheme-menu-item__value"},Un=e.defineComponent({__name:"OnyxColorSchemeMenuItem",props:{modelValue:{}},emits:["update:modelValue"],setup(o,{emit:n}){const t=o,l=n,{t:r}=C(),a=e.ref(!1);return(s,c)=>(e.openBlock(),e.createBlock(Se,{class:"onyx-color-scheme-menu-item",onClick:c[2]||(c[2]=d=>a.value=!0)},{default:e.withCtx(()=>[e.createVNode(x,{icon:e.unref(Rn)},null,8,["icon"]),e.createElementVNode("div",null,[e.createTextVNode(e.toDisplayString(e.unref(r)("colorScheme.appearance"))+": ",1),e.createElementVNode("span",Fn,e.toDisplayString(e.unref(r)(`colorScheme.${t.modelValue}.label`)),1)]),(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[e.createVNode(lt,{"model-value":t.modelValue,open:a.value,onClose:c[0]||(c[0]=d=>a.value=!1),"onUpdate:modelValue":c[1]||(c[1]=d=>l("update:modelValue",d))},null,8,["model-value","open"])]))]),_:1}))}}),qn=o=>e.computed(o),I=Symbol("MANAGED_SYMBOL"),W=(o,n,t)=>{const l=e.computed(()=>o.value===I),r=e.ref(l.value?n:o.value);return{state:qn({set:s=>{r.value=s,t(s)},get:()=>l.value?r.value:o.value}),isManaged:l}},Gn=["aria-label"],Ne=e.defineComponent({__name:"OnyxFlyoutMenu",props:{open:{default:I},label:{}},emits:["update:open"],setup(o,{emit:n}){const t=o,l=n,{state:r}=W(e.toRef(()=>t.open),!1,u=>l("update:open",u)),a=e.useSlots(),{elements:{root:s,button:c,menu:d}}=lo({isExpanded:e.computed(()=>!!r.value),onToggle:()=>r.value=!r.value}),i=e.computed(()=>{var p;if(!a.default)return;const u=a.default().at(0);return(u==null?void 0:u.type.toString())==="Symbol(v-fgt)"?Array.isArray(u==null?void 0:u.children)?(p=u==null?void 0:u.children)==null?void 0:p.at(0):void 0:u});return(u,p)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps({class:"onyx-flyout-menu"},e.unref(s)),[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(i.value),e.normalizeProps(e.guardReactiveProps(e.unref(c))),null,16)),a.options||a.header||a.footer?e.withDirectives((e.openBlock(),e.createElementBlock("div",{key:0,"aria-label":t.label,class:e.normalizeClass({"onyx-flyout-menu__list--with-header":!!a.header,"onyx-flyout-menu__list--with-footer":!!a.footer,"onyx-flyout-menu__list":!0})},[e.renderSlot(u.$slots,"header"),a.options?(e.openBlock(),e.createElementBlock("ul",e.mergeProps({key:0},e.unref(d),{class:"onyx-flyout-menu__wrapper onyx-flyout-menu__group"}),[e.renderSlot(u.$slots,"options")],16)):e.createCommentVNode("",!0),e.renderSlot(u.$slots,"footer")],10,Gn)),[[e.vShow,e.unref(r)]]):e.createCommentVNode("",!0)],16))}}),at='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m9.905 6.22-1.06 1.06 4.72 4.72-4.72 4.72 1.06 1.06 5.78-5.78z"/></svg>',R=Symbol(),Zn='<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>',Kn=["aria-orientation"],rt=e.defineComponent({__name:"OnyxNavSeparator",props:{orientation:{default:"vertical"}},setup(o){const n=o,t=e.inject(R);return(l,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["onyx-nav-separator",{"onyx-nav-separator--horizontal":n.orientation==="horizontal"||e.unref(t)}]),role:"separator","aria-orientation":n.orientation},null,10,Kn))}}),jn={role:"presentation"},Yn=e.defineComponent({__name:"NavButtonLayout",props:{href:{},withExternalIcon:{type:[Boolean,String]},label:{},active:{type:Boolean},isMobile:{type:Boolean},mobileChildrenOpen:{default:I}},emits:["update:mobileChildrenOpen"],setup(o,{emit:n}){const t=o,l=e.useSlots(),{t:r}=C(),a=n,{state:s}=W(e.toRef(()=>t.mobileChildrenOpen),!1,c=>a("update:mobileChildrenOpen",c));return(c,d)=>(e.openBlock(),e.createElementBlock("li",jn,[t.isMobile?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[t.isMobile&&e.unref(s)?(e.openBlock(),e.createBlock(X,{key:0,label:e.unref(r)("back"),mode:"plain",color:"neutral",icon:e.unref(Zn),onClick:d[0]||(d[0]=i=>s.value=!1)},null,8,["label","icon"])):e.createCommentVNode("",!0),!e.unref(s)||t.href?e.renderSlot(c.$slots,"button",{key:1}):e.createCommentVNode("",!0),e.unref(s)&&t.href?(e.openBlock(),e.createBlock(rt,{key:2,orientation:"horizontal"})):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("ul",{role:"menu",class:e.normalizeClass(["onyx-nav-button__mobile-children",{"onyx-nav-button__mobile-children--open":e.unref(s)}])},[e.renderSlot(c.$slots,"options")],2),[[e.vShow,e.unref(s)]])],64)):(e.openBlock(),e.createBlock(Ne,{key:1,label:e.unref(r)("navItemOptionsLabel",{label:t.label})},e.createSlots({default:e.withCtx(()=>[e.renderSlot(c.$slots,"button")]),_:2},[l.options?{name:"options",fn:e.withCtx(()=>[e.renderSlot(c.$slots,"options")]),key:"0"}:void 0]),1032,["label"]))]))}}),Xn=["aria-label"],Wn={class:"onyx-truncation-ellipsis"},Jn=e.defineComponent({__name:"OnyxNavButton",props:{href:{},withExternalIcon:{type:[Boolean,String],default:"auto"},label:{},active:{type:Boolean,default:!1}},emits:["click"],setup(o,{emit:n}){const t=o,l=n,r=e.useSlots(),a=e.inject(R),s=e.ref(!1),c=e.computed(()=>!!r.children),d=()=>{a!=null&&a.value&&c.value&&!s.value?s.value=!0:t.href&&l("click",t.href)};return(i,u)=>(e.openBlock(),e.createBlock(Yn,e.mergeProps(t,{"mobile-children-open":s.value,"onUpdate:mobileChildrenOpen":u[0]||(u[0]=p=>s.value=p),class:["onyx-nav-button",{"onyx-nav-button--mobile":e.unref(a),"onyx-nav-button--active":t.active}],"is-mobile":e.unref(a)??!1}),e.createSlots({button:e.withCtx(()=>[e.createElementVNode("button",{class:"onyx-nav-button__trigger onyx-text",role:"menuitem","aria-label":t.label,type:"button",onClick:d},[e.renderSlot(i.$slots,"default",{},()=>[e.createElementVNode("span",Wn,e.toDisplayString(t.label),1),e.createVNode(Q,e.normalizeProps(e.guardReactiveProps(t)),null,16)]),e.unref(a)&&c.value&&!s.value?(e.openBlock(),e.createBlock(x,{key:0,class:"onyx-nav-button__mobile-chevron",icon:e.unref(at)},null,8,["icon"])):e.createCommentVNode("",!0)],8,Xn)]),_:2},[r.children?{name:"options",fn:e.withCtx(()=>[e.renderSlot(i.$slots,"children")]),key:"0"}:void 0]),1040,["mobile-children-open","class","is-mobile"]))}}),Qn=e.defineComponent({__name:"OnyxNavItem",props:{href:{},withExternalIcon:{type:[Boolean,String],default:"auto"},label:{},active:{type:Boolean}},emits:["click"],setup(o,{emit:n}){const t=o,l=n;return(r,a)=>(e.openBlock(),e.createBlock(Se,{class:"onyx-nav-item",active:t.active,href:t.href??"javascript:void(0)",onClick:a[0]||(a[0]=s=>t.href&&l("click",t.href))},{default:e.withCtx(()=>[e.renderSlot(r.$slots,"default",{},()=>[e.createElementVNode("span",null,e.toDisplayString(t.label),1),e.createVNode(Q,e.normalizeProps(e.guardReactiveProps(t)),null,16)])]),_:3},8,["active","href"]))}}),el=o=>{const n=e.ref(),t=e.ref(pe(new Date(o.value).getTime())),l=e.computed(()=>t.value===0);return e.watch(o,r=>{clearInterval(n.value);const a=new Date(r).getTime();t.value=pe(a),n.value=setInterval(()=>{t.value=pe(a),l.value&&clearInterval(n.value)},1e3)},{immediate:!0}),e.onBeforeUnmount(()=>clearInterval(n.value)),{timeLeft:t,isEnded:l}},pe=o=>{const n=o-Date.now();return Math.max(n,0)},st=o=>{const n=Math.floor(o/6e4/60),t=Math.floor(o/6e4%60),l=Math.floor(o%6e4/1e3);return{hours:n,minutes:t,seconds:l}},tl=(o,n)=>{const{hours:t,minutes:l,seconds:r}=st(o),a=d=>d.toString().padStart(2,"0");let s="",c=me(n.formatToParts(o,"seconds"));return l>0&&(c=me(n.formatToParts(o,"minutes"))),t>0&&(c=me(n.formatToParts(o,"hours")),s=`${a(t)}:`),`${s}${a(l)}:${a(r)} ${c}`},me=o=>{var n;return((n=o.at(-1))==null?void 0:n.value.replace(".","").trim())??""},ol=o=>{const{hours:n,minutes:t,seconds:l}=st(o);return`PT${n}H${t}M${l}S`},nl=["aria-label"],ll={key:0,class:"onyx-timer__label"},al=["datetime"],rl=e.defineComponent({__name:"OnyxTimer",props:{endTime:{},label:{},hideLabel:{type:Boolean}},emits:["timerEnded"],setup(o,{emit:n}){const t=o,l=n,{locale:r}=C(),{timeLeft:a,isEnded:s}=el(e.computed(()=>t.endTime)),c=e.computed(()=>new Intl.RelativeTimeFormat(r.value,{numeric:"always",style:"short"})),d=e.computed(()=>tl(a.value,c.value));return e.watchEffect(()=>s.value&&l("timerEnded")),(i,u)=>(e.openBlock(),e.createElementBlock("div",{class:"onyx-timer onyx-text onyx-truncation-ellipsis",role:"timer","aria-label":t.hideLabel?t.label:void 0},[t.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("span",ll,e.toDisplayString(t.label),1)),e.createElementVNode("time",{datetime:e.unref(ol)(e.unref(a)),class:"onyx-timer__time"},e.toDisplayString(d.value),9,al)],8,nl))}}),sl={class:"onyx-user-menu__footer onyx-text--small"},il=e.defineComponent({__name:"UserMenuLayout",props:{isMobile:{type:Boolean},flyoutOpen:{default:I}},emits:["update:flyoutOpen"],setup(o){const n=o,t=e.useModel(n,"flyoutOpen"),l=e.useSlots(),{t:r}=C();return(a,s)=>(e.openBlock(),e.createElementBlock("div",null,[n.isMobile?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.renderSlot(a.$slots,"header"),e.renderSlot(a.$slots,"options"),l.footer?(e.openBlock(),e.createBlock(oe,{key:0,class:"onyx-user-menu__mobile-footer",disabled:""},{default:e.withCtx(()=>[e.renderSlot(a.$slots,"footer")]),_:3})):e.createCommentVNode("",!0)],64)):(e.openBlock(),e.createBlock(Ne,{key:1,open:e.unref(t),"onUpdate:open":s[0]||(s[0]=c=>e.isRef(t)?t.value=c:null),label:e.unref(r)("navigation.userMenuLabel")},e.createSlots({header:e.withCtx(()=>[e.renderSlot(a.$slots,"header")]),options:e.withCtx(()=>[e.renderSlot(a.$slots,"options")]),default:e.withCtx(()=>[e.renderSlot(a.$slots,"button")]),_:2},[l.footer?{name:"footer",fn:e.withCtx(()=>[e.createElementVNode("div",sl,[e.renderSlot(a.$slots,"footer")])]),key:"0"}:void 0]),1032,["open","label"]))]))}}),cl={class:"onyx-user-menu__trigger onyx-text",type:"button"},ul={class:"onyx-truncation-ellipsis"},dl={class:"onyx-user-menu__header"},pl={class:"onyx-truncation-ellipsis"},ml={class:"onyx-user-menu__username onyx-text onyx-truncation-ellipsis"},fl={key:0,class:"onyx-user-menu__description onyx-text--small onyx-truncation-ellipsis"},yl={class:"onyx-user-menu__options"},hl=e.defineComponent({__name:"OnyxUserMenu",props:{username:{},avatar:{},description:{},flyoutOpen:{default:I}},emits:["update:flyoutOpen"],setup(o,{emit:n}){const t=o,l=n,r=e.useSlots(),a=e.computed(()=>({src:t.avatar,label:t.username})),s=e.inject(R,e.computed(()=>!1));return(c,d)=>(e.openBlock(),e.createBlock(il,{class:e.normalizeClass(["onyx-user-menu",{"onyx-user-menu--mobile":e.unref(s)}]),"is-mobile":e.unref(s),"flyout-open":c.flyoutOpen,"onUpdate:flyoutOpen":d[0]||(d[0]=i=>l("update:flyoutOpen",i))},e.createSlots({button:e.withCtx(()=>[e.createElementVNode("button",cl,[e.createVNode(fe,e.mergeProps(a.value,{size:"24px"}),null,16),e.createElementVNode("span",ul,e.toDisplayString(t.username),1)])]),header:e.withCtx(()=>[e.createElementVNode("div",dl,[e.createVNode(fe,e.normalizeProps(e.guardReactiveProps(a.value)),null,16),e.createElementVNode("div",pl,[e.createElementVNode("div",ml,e.toDisplayString(t.username),1),t.description?(e.openBlock(),e.createElementBlock("div",fl,e.toDisplayString(t.description),1)):e.createCommentVNode("",!0)])])]),options:e.withCtx(()=>[e.createElementVNode("div",yl,[e.renderSlot(c.$slots,"default")])]),_:2},[r.footer?{name:"footer",fn:e.withCtx(()=>[e.renderSlot(c.$slots,"footer")]),key:"0"}:void 0]),1032,["class","is-mobile","flyout-open"]))}}),it='<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>',vl='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M22.5 6h-21v1.5h21zm0 5.25h-21v1.5h21zm-21 5.25h21V18h-21z" clip-rule="evenodd"/></svg>',_l='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill-rule="evenodd" 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" clip-rule="evenodd"/></svg>',kl=(o,n)=>{const t="content-box",l=e.ref(0),r=e.ref(0),a=s=>{const c=s[0].contentBoxSize;l.value=c.reduce((d,{inlineSize:i})=>d+i,0),r.value=c.reduce((d,{blockSize:i})=>d+i,0)};return e.onBeforeMount(()=>{const s=new ResizeObserver(a);e.watch(o,(c,d)=>{d&&(s==null||s.unobserve(d)),c&&(s==null||s.observe(c,{box:t}))},{immediate:!0}),e.onBeforeUnmount(()=>s.disconnect())}),{width:l,height:r}},ct={"2xs":320,xs:576,sm:768,md:992,lg:1440,xl:1920},xl=["primary","secondary","neutral","danger","warning","success","info"],gl=["small","default","large"],bl=["ellipsis","multiline"],Bl=["horizontal","vertical"],Cl={class:"onyx-nav-bar__content"},Vl={key:0,class:"onyx-nav-bar__mobile-page onyx-truncation-ellipsis"},wl={role:"menubar"},El={role:"menubar"},Sl={key:0,class:"onyx-nav-bar__mobile-context"},Nl={key:0,class:"onyx-nav-bar__mobile-global-context"},$l={class:"onyx-nav-bar__mobile-context-content"},Ml={key:1,class:"onyx-nav-bar__context"},Ol=e.defineComponent({__name:"OnyxNavBar",props:{logoUrl:{},appName:{},withBackButton:{type:Boolean},appAreaLabel:{},mobileBreakpoint:{default:"sm"}},emits:["appAreaClick","backButtonClick"],setup(o,{expose:n,emit:t}){const l=o,r=t,a=e.useSlots(),s=e.ref(),{width:c}=kl(s),{t:d}=C(),{elements:{nav:i}}=ro({navigationName:e.toRef(()=>l.appName)}),u=e.ref(!1),p=e.ref(!1),m=e.computed(()=>{const f=typeof l.mobileBreakpoint=="number"?l.mobileBreakpoint:ct[l.mobileBreakpoint];return c.value!==0&&c.value<f});return e.provide(R,m),n({closeMobileMenus:()=>{u.value=!1,p.value=!1}}),(f,y)=>(e.openBlock(),e.createElementBlock("header",{ref_key:"navBarRef",ref:s,class:e.normalizeClass(["onyx-nav-bar",{"onyx-nav-bar--mobile":m.value}])},[e.createElementVNode("div",Cl,[m.value&&a.mobileActivePage&&!u.value&&!p.value?(e.openBlock(),e.createElementBlock("span",Vl,[e.renderSlot(f.$slots,"mobileActivePage")])):l.appName||l.logoUrl||a.appArea?(e.openBlock(),e.createBlock(nt,{key:1,class:"onyx-nav-bar__app","app-name":l.appName,"logo-url":l.logoUrl,label:l.appAreaLabel,onClick:y[0]||(y[0]=v=>{r("appAreaClick"),u.value=!1})},{default:e.withCtx(()=>[e.renderSlot(f.$slots,"appArea")]),_:3},8,["app-name","logo-url","label"])):e.createCommentVNode("",!0),l.withBackButton?(e.openBlock(),e.createBlock(et,{key:2,class:"onyx-nav-bar__back",label:e.unref(d)("navigation.goBack"),icon:e.unref(it),color:"neutral",onClick:y[1]||(y[1]=v=>r("backButtonClick"))},null,8,["label","icon"])):e.createCommentVNode("",!0),a.default?(e.openBlock(),e.createElementBlock(e.Fragment,{key:3},[m.value?(e.openBlock(),e.createBlock(xe,{key:0,open:u.value,"onUpdate:open":[y[2]||(y[2]=v=>u.value=v),y[3]||(y[3]=v=>p.value=!1)],class:"onyx-nav-bar__burger",icon:e.unref(vl),label:e.unref(d)("navigation.toggleBurgerMenu"),headline:e.unref(d)("navigation.navigationHeadline")},{default:e.withCtx(()=>[e.createElementVNode("nav",e.mergeProps({class:"onyx-nav-bar__nav--mobile"},e.unref(i)),[e.createElementVNode("ul",wl,[e.renderSlot(f.$slots,"default")])],16)]),_:3},8,["open","icon","label","headline"])):(e.openBlock(),e.createElementBlock("nav",e.mergeProps({key:1,class:"onyx-nav-bar__nav"},e.unref(i)),[e.createElementVNode("ul",El,[e.renderSlot(f.$slots,"default")])],16))],64)):e.createCommentVNode("",!0),a.contextArea||a.globalContextArea?(e.openBlock(),e.createElementBlock(e.Fragment,{key:4},[m.value?(e.openBlock(),e.createElementBlock("div",Sl,[a.globalContextArea?(e.openBlock(),e.createElementBlock("div",Nl,[e.renderSlot(f.$slots,"globalContextArea")])):e.createCommentVNode("",!0),a.contextArea?(e.openBlock(),e.createBlock(xe,{key:1,open:p.value,"onUpdate:open":[y[4]||(y[4]=v=>p.value=v),y[5]||(y[5]=v=>u.value=!1)],icon:e.unref(_l),label:e.unref(d)("navigation.toggleContextMenu")},{default:e.withCtx(()=>[e.createElementVNode("div",$l,[e.renderSlot(f.$slots,"contextArea")])]),_:3},8,["open","icon","label"])):e.createCommentVNode("",!0)])):(e.openBlock(),e.createElementBlock("div",Ml,[a.globalContextArea?e.renderSlot(f.$slots,"globalContextArea",{key:0}):e.createCommentVNode("",!0),a.contextArea?e.renderSlot(f.$slots,"contextArea",{key:1}):e.createCommentVNode("",!0)]))],64)):e.createCommentVNode("",!0)])],2))}}),Tl={key:0,class:"onyx-page__sidebar"},Ll={class:"onyx-page__main"},Il={key:1,class:"onyx-page__footer"},Pl=e.defineComponent({__name:"OnyxPageLayout",props:{footerAsideSidebar:{type:Boolean},hideSidebar:{type:Boolean}},setup(o){const n=o,t=e.useSlots(),l=e.computed(()=>n.footerAsideSidebar?"onyx-page--footer-partial":"onyx-page--footer-full");return(r,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["onyx-page",l.value])},[t.sidebar&&!n.hideSidebar?(e.openBlock(),e.createElementBlock("aside",Tl,[e.renderSlot(r.$slots,"sidebar")])):e.createCommentVNode("",!0),e.createElementVNode("main",Ll,[e.renderSlot(r.$slots,"default")]),t.footer?(e.openBlock(),e.createElementBlock("footer",Il,[e.renderSlot(r.$slots,"footer")])):e.createCommentVNode("",!0)],2))}}),ut=o=>{const t=e.ref(!1),l=a=>{const s=a.target;if(!(s instanceof Element))return;const c=e.unref(o.offset)??0;t.value=Math.abs(s.scrollTop)+s.clientHeight>=s.scrollHeight-c-1};return{vScrollEnd:{mounted:a=>{e.watchEffect(()=>{var c;(((c=o.enabled)==null?void 0:c.value)??!0)&&!o.loading.value?a.addEventListener("scroll",l):a.removeEventListener("scroll",l)})}},isScrollEnd:t}},Dl=o=>{const n=e.ref("bottom"),t=()=>{var p,m,f;const r=e.unref(o);if(!r){n.value="bottom";return}const a=(p=l(r))==null?void 0:p.getBoundingClientRect(),s=r.getBoundingClientRect(),c=(a==null?void 0:a.top)??((m=window.visualViewport)==null?void 0:m.pageTop)??0,i=((a==null?void 0:a.bottom)??((f=window.visualViewport)==null?void 0:f.height)??0)-s.bottom,u=s.top-c;n.value=u>i?"top":"bottom"},l=r=>r?getComputedStyle(r).overflow==="hidden"?r:r.parentElement?l(r.parentElement):void 0:void 0;return{openDirection:n,updateOpenDirection:t}},dt=(o,n)=>{const t=Pe(o.toLowerCase()),l=Pe(n.toLowerCase());return t.includes(l)},Pe=o=>o.normalize("NFD").replace(/[\u0300-\u036f]/g,""),Al='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g clip-path="url(#a)"><path d="m16.718 14.123 1.057 1.057-5.782 5.782L6.21 15.18l1.057-1.057 4.718 4.717 4.718-4.717zM12 5.153l4.718 4.717 1.057-1.057-5.782-5.783L6.21 8.813 7.267 9.87l4.718-4.717z"/></g><defs><clipPath id="a"><path d="M0 0h24v24H0z"/></clipPath></defs></svg>',zl=["id","readonly","placeholder","required","disabled","aria-label","title","value","autofocus"],Hl=["aria-label","disabled"],pt=e.defineComponent({inheritAttrs:!1,__name:"OnyxSelectInput",props:{density:{},required:{type:Boolean},requiredMarker:{},customError:{},autofocus:{type:Boolean},id:{},label:{},labelTooltip:{},hideLabel:{type:Boolean,default:!1},message:{},messageTooltip:{},errorMessages:{},modelValue:{},textMode:{},disabled:{type:Boolean},skeleton:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},placeholder:{},showFocus:{type:Boolean}},emits:["click","validityChange"],setup(o,{expose:n,emit:t}){const{rootAttrs:l,restAttrs:r}=tt(),a=o,s=t,{t:c}=C(),{vCustomValidity:d,errorMessages:i}=D({props:a,emit:s}),u=e.computed(()=>a.modelValue?a.modelValue.length:0),p=e.computed(()=>{var B;const b=(B=a.modelValue)==null?void 0:B.length;if(!a.modelValue||!b)return"";if(b===1)return a.modelValue[0];switch(a.textMode){case"preview":return a.modelValue.join(", ");case"summary":default:return c.value("selections.currentSelection",{n:b})}}),m=e.ref(!1),{densityClass:f}=g(a),y=e.ref();n({focus:()=>{var b;return(b=y.value)==null?void 0:b.focus()}}),e.watch(()=>a.showFocus,(b,B)=>{m.value||B&&b===!1&&(m.value=!0)});const v=Fe.concat(Ue),w=b=>{v.includes(b.key)||b.preventDefault()};return(b,B)=>a.skeleton?(e.openBlock(),e.createElementBlock("div",e.mergeProps({key:0,class:["onyx-select-input-skeleton",e.unref(f)]},e.unref(l)),[a.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(E,{key:0,class:"onyx-select-input-skeleton__label"})),e.createVNode(E,{class:"onyx-select-input-skeleton__input"})],16)):(e.openBlock(),e.createElementBlock("div",e.mergeProps({key:1,class:["onyx-select-input",e.unref(f),a.readonly?"onyx-select-input--readonly":"onyx-select-input--editable"]},e.unref(l)),[e.createVNode(te,e.mergeProps(a,{"error-messages":e.unref(i)}),{default:e.withCtx(({id:L})=>[e.createElementVNode("div",{class:"onyx-select-input__wrapper",onClick:B[0]||(B[0]=N=>s("click"))},[a.loading?(e.openBlock(),e.createBlock(T,{key:0,class:"onyx-select-input__loading",type:"circle"})):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("input",e.mergeProps({id:L,ref_key:"input",ref:y,class:{"onyx-select-input__native":!0,"onyx-select-input__native--show-focus":a.showFocus,"onyx-truncation-ellipsis":!0,"onyx-select-input__native--force-invalid":e.unref(i)&&m.value}},e.unref(r),{type:"text",readonly:a.readonly,placeholder:a.placeholder,required:a.required,disabled:a.disabled||a.loading,"aria-label":a.hideLabel?a.label:void 0,title:a.hideLabel?a.label:void 0,value:p.value,autofocus:a.autofocus,autocomplete:"off",onKeydown:w}),null,16,zl),[[e.unref(d)]]),a.textMode==="preview"&&u.value>0?(e.openBlock(),e.createBlock(H,{key:1,text:p.value,position:"bottom"},{default:e.withCtx(({trigger:N})=>[e.createVNode(De,e.mergeProps({class:"onyx-select-input__badge"},N,{color:"neutral"}),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(u.value),1)]),_:2},1040)]),_:1},8,["text"])):e.createCommentVNode("",!0),e.createElementVNode("button",{class:"onyx-select-input__button",type:"button","aria-label":e.unref(c)("select.toggleDropDown"),tabindex:"-1",disabled:a.readonly||a.disabled||a.loading},[e.createVNode(x,{icon:e.unref(Al)},null,8,["icon"])],8,Hl)])]),_:1},16,["error-messages"])],16))}}),Rl=["checked","aria-labelledby","disabled","indeterminate"],ge=e.defineComponent({__name:"OnyxSelectOption",props:{active:{type:Boolean,default:!1},density:{},multiple:{type:Boolean,default:!1},indeterminate:{type:Boolean},icon:{},truncation:{default:"ellipsis"}},setup(o){const n=o;return(t,l)=>(e.openBlock(),e.createBlock(oe,e.mergeProps({class:"onyx-select-option"},n,{checked:!!t.$attrs["aria-checked"],selected:!!t.$attrs["aria-selected"],disabled:!!t.$attrs["aria-disabled"]}),{default:e.withCtx(()=>[n.multiple?(e.openBlock(),e.createElementBlock("input",{key:0,checked:!!t.$attrs["aria-checked"],"aria-labelledby":t.$attrs.id,disabled:!!t.$attrs["aria-disabled"],indeterminate:n.indeterminate,"aria-hidden":"true",tabindex:"-1",class:"onyx-select-option__checkbox",type:"checkbox"},null,8,Rl)):e.createCommentVNode("",!0),n.icon?(e.openBlock(),e.createBlock(x,{key:1,icon:n.icon},null,8,["icon"])):e.createCommentVNode("",!0),e.createElementVNode("span",{class:e.normalizeClass([`onyx-truncation-${n.truncation}`])},[e.renderSlot(t.$slots,"default")],2)]),_:3},16,["checked","selected","disabled"]))}}),Fl=["inert"],Ul={class:"onyx-select__wrapper",tabindex:"-1"},ql={key:0,role:"group",class:"onyx-select__group"},Gl={role:"option","aria-selected":"false"},Zl={key:0,role:"presentation",class:"onyx-select__group-name onyx-text--small"},Kl={key:1,class:"onyx-select__slot"},jl={key:2,class:"onyx-select__slot"},Yl={key:0,class:"onyx-select__description onyx-text--small"},mt=e.defineComponent({__name:"OnyxSelect",props:{density:{},multiple:{type:Boolean},modelValue:{},withCheckAll:{type:[Boolean,Object]},withSearch:{type:Boolean},searchTerm:{default:I},required:{type:Boolean},requiredMarker:{},customError:{},autofocus:{type:Boolean},id:{},label:{},labelTooltip:{},hideLabel:{type:Boolean},message:{},messageTooltip:{},errorMessages:{},textMode:{},disabled:{type:Boolean},skeleton:{type:Boolean},readonly:{type:Boolean},loading:{type:Boolean,default:!1},placeholder:{},truncation:{default:"ellipsis"},valueLabel:{default:void 0},open:{default:I},alignment:{default:"full"},listLabel:{},listDescription:{},options:{},lazyLoading:{}},emits:["update:modelValue","update:searchTerm","update:open","lazyLoad","validityChange"],setup(o,{emit:n}){const t=o,l=n,{densityClass:r}=g(t),a=e.useSlots(),{t:s}=C(),{state:c,isManaged:d}=W(e.toRef(()=>t.searchTerm),"",h=>l("update:searchTerm",h)),{state:i}=W(e.toRef(()=>t.open),!1,h=>l("update:open",h)),u=e.ref(),{openDirection:p,updateOpenDirection:m}=Dl(u),f=e.ref(),y=e.computed(()=>t.modelValue===void 0?[]:t.multiple&&Array.isArray(t.modelValue)?t.modelValue:[t.modelValue]),v=e.computed(()=>t.valueLabel!==void 0?Array.isArray(t.valueLabel)?t.valueLabel:[t.valueLabel]:y.value.reduce((h,k)=>{var S;const V=(S=t.options.find(({value:$})=>$===k))==null?void 0:S.label;return V&&h.push(V),h},[])),w=e.ref(),b=e.ref(),B=e.computed(()=>d.value&&c.value?t.options.filter(({label:h})=>dt(h,c.value)):t.options);e.watch(y,()=>{t.multiple||(f.value=y.value.at(0))},{immediate:!0});const L=M("ONYX_CHECK_ALL"),N=e.computed(()=>(t.multiple&&t.withCheckAll&&!c.value?[L]:[]).concat(Oe.value)),F=async h=>{var V,S;if(t.readonly){i.value=!1;return}const k=i.value;i.value=!k,await e.nextTick(),i.value&&m(),k!==i.value&&(k?(c.value&&(c.value=""),h||(V=b.value)==null||V.focus()):(S=w.value)==null||S.focus())},U=()=>f.value=N.value.at(0),ne=()=>f.value=N.value.at(-1),le=h=>{const k=N.value.findIndex(V=>V===h);k<N.value.length-1&&(f.value=N.value[k+1])},ae=h=>{const k=N.value.findIndex(V=>V===h);k>0&&(f.value=N.value[k-1])},re=h=>{const k=B.value.find(V=>V.label.toLowerCase().trim().startsWith(h.toLowerCase()));k&&(f.value=k.value)},se=h=>c.value=h,ie=h=>{var S;if(h===L){(S=G.value)==null||S.handleChange(!G.value.state.value.modelValue);return}if(!B.value.find(({value:$})=>$===h))return;if(!t.multiple)return l("update:modelValue",h);y.value.some($=>$===h)?l("update:modelValue",y.value.filter($=>$!==h)):l("update:modelValue",[...y.value,h])},ce=e.computed(()=>t.withSearch?"list":"none"),{elements:{input:_,option:q,group:Me,listbox:_t}}=no({autocomplete:ce,label:t.label,listLabel:t.listLabel,listDescription:t.listDescription,activeOption:e.computed(()=>f.value),multiple:e.computed(()=>t.multiple),isExpanded:i,templateRef:u,onToggle:F,onActivateFirst:U,onActivateLast:ne,onActivateNext:le,onActivatePrevious:ae,onTypeAhead:re,onAutocomplete:se,onSelect:ie}),kt=e.computed(()=>Ro(B.value,"group")),{vScrollEnd:xt,isScrollEnd:gt}=ut({enabled:e.computed(()=>{var h;return((h=t.lazyLoading)==null?void 0:h.enabled)??!1}),loading:e.computed(()=>t.loading),offset:e.computed(()=>{var h;return(h=t.lazyLoading)==null?void 0:h.scrollOffset})}),ue=e.computed(()=>{if(!B.value.length)return t.withSearch&&c.value?s.value("select.noMatch"):s.value("select.empty")}),Oe=e.computed(()=>B.value.filter(h=>!h.disabled).map(({value:h})=>h)),G=e.computed(()=>{if(!(!t.multiple||!t.withCheckAll))return We(Oe,y,h=>{const k=h.map(V=>{var S;return(S=t.options.find(({value:$})=>$===V))==null?void 0:S.value}).filter(V=>V!=null);l("update:modelValue",k)})}),de=e.computed(()=>{var k;if(!t.multiple)return"";const h=s.value("selections.selectAll");return typeof t.withCheckAll=="boolean"?h:((k=t.withCheckAll)==null?void 0:k.label)??h});e.watchEffect(()=>{gt.value&&l("lazyLoad")});const bt=e.computed(()=>{const h={...t,modelValue:v.value};return t.withSearch?{...h,onKeydown:_.value.onKeydown}:{...h,..._.value}});return(h,k)=>{var V,S,$;return e.openBlock(),e.createElementBlock("div",{ref_key:"selectRef",ref:u,class:"onyx-select-wrapper"},[e.createVNode(pt,e.mergeProps({ref_key:"selectInput",ref:b},bt.value,{"show-focus":e.unref(i),autofocus:t.autofocus,onClick:F,onValidityChange:k[0]||(k[0]=Z=>l("validityChange",Z))}),null,16,["show-focus","autofocus"]),e.createElementVNode("div",{class:e.normalizeClass(["onyx-select",e.unref(r),e.unref(i)?"onyx-select--open":"",`onyx-select--${e.unref(p)}`,`onyx-select--${t.alignment}`]),inert:!e.unref(i)},[e.withDirectives((e.openBlock(),e.createElementBlock("div",Ul,[t.withSearch?(e.openBlock(),e.createBlock(ot,e.mergeProps({key:0,ref_key:"miniSearch",ref:w,"model-value":e.unref(c)},e.unref(_),{label:e.unref(s)("select.searchInputLabel"),class:"onyx-select__search",onClear:k[1]||(k[1]=Z=>c.value="")}),null,16,["model-value","label"])):e.createCommentVNode("",!0),e.createElementVNode("div",e.normalizeProps(e.guardReactiveProps(e.unref(_t))),[ue.value?(e.openBlock(),e.createElementBlock("ul",ql,[e.createElementVNode("li",Gl,[e.renderSlot(h.$slots,"empty",{defaultMessage:ue.value},()=>[e.createVNode(we,null,{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(ue.value),1)]),_:1})])])])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[t.multiple&&t.withCheckAll&&!e.unref(c)?(e.openBlock(),e.createElementBlock("ul",e.mergeProps({key:0,class:"onyx-select__check-all"},e.unref(Me)({label:de.value})),[e.createVNode(ge,e.mergeProps(e.unref(q)({value:e.unref(L),label:de.value,selected:(V=G.value)==null?void 0:V.state.value.modelValue}),{multiple:"",active:e.unref(L)===f.value,indeterminate:(S=G.value)==null?void 0:S.state.value.indeterminate,density:t.density}),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(de.value),1)]),_:1},16,["active","indeterminate","density"])],16)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(kt.value,(Z,K)=>(e.openBlock(),e.createElementBlock("ul",e.mergeProps({key:K,class:"onyx-select__group",ref_for:!0},e.unref(Me)({label:K})),[K!=""?(e.openBlock(),e.createElementBlock("li",Zl,e.toDisplayString(K),1)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(Z,O=>(e.openBlock(),e.createBlock(ge,e.mergeProps({key:O.value.toString(),ref_for:!0},e.unref(q)({value:O.value,label:O.label,disabled:O.disabled,selected:y.value.some(Bt=>Bt===O.value)}),{multiple:t.multiple,active:O.value===f.value,icon:O.icon,density:t.density,truncation:O.truncation??t.truncation}),{default:e.withCtx(()=>[e.renderSlot(h.$slots,"option",e.mergeProps({ref_for:!0},O),()=>[e.createTextVNode(e.toDisplayString(O.label),1)])]),_:2},1040,["multiple","active","icon","density","truncation"]))),128))],16))),128))],64))],16),($=t.lazyLoading)!=null&&$.loading?(e.openBlock(),e.createElementBlock("div",Kl,[e.createVNode(T,{class:"onyx-select__loading"})])):e.createCommentVNode("",!0),a.optionsEnd?(e.openBlock(),e.createElementBlock("div",jl,[e.renderSlot(h.$slots,"optionsEnd")])):e.createCommentVNode("",!0)])),[[e.unref(xt)]]),t.listDescription?(e.openBlock(),e.createElementBlock("div",Yl,e.toDisplayString(t.listDescription),1)):e.createCommentVNode("",!0)],10,Fl)],512)}}}),Xl=["aria-label"],Wl={class:"onyx-pagination__count"},Jl=["aria-label","disabled"],Ql=["aria-label","disabled"],ea=e.defineComponent({__name:"SelectPagination",props:{density:{},modelValue:{},pages:{},disabled:{type:Boolean}},emits:["update:modelValue"],setup(o,{emit:n}){const t=o,l=n,{t:r}=C(),{densityClass:a}=g(t),s=e.computed(()=>Array.from({length:t.pages},(i,u)=>{const p=u+1;return{label:p.toString(),value:p}})),c=e.computed(()=>t.modelValue<=1),d=e.computed(()=>t.modelValue>=t.pages);return(i,u)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["onyx-pagination","onyx-text",e.unref(a)]),role:"group","aria-label":e.unref(r)("pagination.label"),style:e.normalizeStyle({"--onyx-pagination-character-count":t.modelValue.toString().length})},[e.createVNode(mt,{class:"onyx-pagination__select",label:e.unref(r)("pagination.select.label"),"list-label":e.unref(r)("pagination.select.listLabel"),options:s.value,"model-value":t.modelValue,"value-label":t.modelValue.toString(),"hide-label":"",disabled:t.disabled||t.pages<=1,alignment:"left","with-search":"","onUpdate:modelValue":u[0]||(u[0]=p=>l("update:modelValue",p))},null,8,["label","list-label","options","model-value","value-label","disabled"]),e.createElementVNode("div",Wl,e.toDisplayString(e.unref(r)("pagination.ofPages",{n:t.pages})),1),e.createElementVNode("button",{class:"onyx-pagination__button","aria-label":e.unref(r)("pagination.previous"),type:"button",disabled:t.disabled||c.value,onClick:u[1]||(u[1]=p=>l("update:modelValue",t.modelValue-1))},[e.createVNode(x,{icon:e.unref(it)},null,8,["icon"])],8,Jl),e.createElementVNode("button",{class:"onyx-pagination__button","aria-label":e.unref(r)("pagination.next"),type:"button",disabled:t.disabled||d.value,onClick:u[2]||(u[2]=p=>l("update:modelValue",t.modelValue+1))},[e.createVNode(x,{icon:e.unref(at)},null,8,["icon"])],8,Ql)],14,Xl))}}),ta=e.defineComponent({__name:"OnyxPagination",props:{density:{},modelValue:{},pages:{},disabled:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(o,{emit:n}){const t=o,l=n;return(r,a)=>(e.openBlock(),e.createBlock(ea,e.mergeProps(t,{"onUpdate:modelValue":a[0]||(a[0]=s=>l("update:modelValue",s))}),null,16))}}),oa=["required","name","value","checked","disabled","autofocus"],be=e.defineComponent({__name:"OnyxRadioButton",props:{density:{},value:{},label:{},disabled:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},skeleton:{type:Boolean},truncation:{default:"ellipsis"},customError:{},autofocus:{type:Boolean},name:{},checked:{type:Boolean,default:!1},required:{type:Boolean,default:!1}},emits:["change","validityChange"],setup(o,{emit:n}){const t=o,l=n,{vCustomValidity:r,errorMessages:a}=D({props:t,emit:l}),{densityClass:s}=g(t),c=d=>{const i=d.target.checked;l("change",i)};return(d,i)=>t.skeleton?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["onyx-radio-button-skeleton",e.unref(s)])},[e.createVNode(E,{class:"onyx-radio-button-skeleton__input"}),e.createVNode(E,{class:"onyx-radio-button-skeleton__label"})],2)):(e.openBlock(),e.createBlock(Ve,{key:1,disabled:t.disabled,"error-messages":e.unref(a)},{default:e.withCtx(()=>[e.createElementVNode("label",{class:e.normalizeClass(["onyx-radio-button",e.unref(s)])},[t.loading?(e.openBlock(),e.createBlock(T,{key:0,class:"onyx-radio-button__loading",type:"circle"})):e.withDirectives((e.openBlock(),e.createElementBlock("input",{key:1,class:"onyx-radio-button__selector",type:"radio",required:t.required,name:t.name,value:t.value,checked:t.checked,disabled:t.disabled,autofocus:t.autofocus,onChange:c},null,40,oa)),[[e.unref(r)]]),e.createElementVNode("span",{class:e.normalizeClass(["onyx-radio-button__label",[`onyx-truncation-${t.truncation}`]])},e.toDisplayString(t.label),3)],2)]),_:1},8,["disabled","error-messages"]))}}),na=["disabled","aria-label"],la={key:0,class:"onyx-radio-button-group__headline"},aa=e.defineComponent({__name:"OnyxRadioGroup",props:{density:{},required:{type:Boolean,default:!1},requiredMarker:{},customError:{},truncation:{default:"ellipsis"},label:{},hideLabel:{type:Boolean},options:{},name:{default:()=>M("radio-button-group-name")},modelValue:{},disabled:{type:Boolean,default:!1},direction:{default:"vertical"},skeleton:{}},emits:["update:modelValue","validityChange"],setup(o,{emit:n}){const t=o,{densityClass:l}=g(t),{requiredMarkerClass:r,requiredTypeClass:a}=J(t),s=n,c=(d,i)=>{d&&s("update:modelValue",i)};return(d,i)=>(e.openBlock(),e.createElementBlock("fieldset",{class:e.normalizeClass(["onyx-radio-button-group",e.unref(l),e.unref(a)]),disabled:t.disabled,role:"radiogroup","aria-label":t.label},[t.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("legend",la,[e.createVNode(z,{is:"h3",class:e.normalizeClass(e.unref(r))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.label),1)]),_:1},8,["class"])])),e.createElementVNode("div",{class:e.normalizeClass(["onyx-radio-button-group__content",{"onyx-radio-button-group__content--horizontal":t.direction==="horizontal"}])},[t.skeleton===void 0?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(t.options,(u,p)=>(e.openBlock(),e.createBlock(be,e.mergeProps({key:u.value.toString(),ref_for:!0},u,{name:t.name,"custom-error":t.customError,checked:u.value===t.modelValue,required:t.required,truncation:u.truncation??t.truncation,onValidityChange:m=>p===0&&s("validityChange",m),onChange:m=>c(m,u.value)}),null,16,["name","custom-error","checked","required","truncation","onValidityChange","onChange"]))),128)):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(t.skeleton,u=>(e.openBlock(),e.createBlock(be,{id:`skeleton-${u}`,key:u,value:`skeleton-${u}`,label:"Skeleton ${i}",name:t.name,skeleton:""},null,8,["id","value","name"]))),128))],2)],10,na))}}),ra=["full","left","right"],sa=["summary","preview"],ia='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 11.25h18v1.5H3z"/></svg>',ca='<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>',ua={class:"onyx-stepper__wrapper"},da=["disabled","aria-label"],pa=["aria-label","autofocus","disabled","min","max","name","placeholder","readonly","required","step","title"],ma=["disabled","aria-label"],fa=e.defineComponent({__name:"OnyxStepper",props:{density:{},customError:{},required:{type:Boolean},requiredMarker:{},id:{},label:{},labelTooltip:{},hideLabel:{type:Boolean},message:{},messageTooltip:{},autofocus:{type:Boolean},modelValue:{},name:{},placeholder:{},min:{},max:{},step:{default:1},autocomplete:{},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},skeleton:{type:Boolean,default:!1}},emits:["update:modelValue","focus","blur","validityChange"],setup(o,{emit:n}){const t=o,{t:l}=C(),r=e.ref(),a=n,{densityClass:s}=g(t),{vCustomValidity:c,errorMessages:d}=D({props:t,emit:a}),i=e.ref(!1),u=e.computed({get:()=>t.modelValue,set:y=>a("update:modelValue",y)}),p=y=>{if(!r.value)return;r.value[`${y}`]();const v=r.value.valueAsNumber;u.value=isNaN(v)?void 0:v},m=e.computed(()=>l.value("stepper.increment",{stepSize:t.step})),f=e.computed(()=>l.value("stepper.decrement",{stepSize:t.step}));return(y,v)=>t.skeleton?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["onyx-stepper-skeleton",e.unref(s)])},[t.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(E,{key:0,class:"onyx-stepper-skeleton__label"})),e.createVNode(E,{class:"onyx-stepper-skeleton__input"})],2)):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["onyx-stepper",e.unref(s)])},[e.createVNode(te,e.mergeProps(t,{"error-messages":e.unref(d)}),{default:e.withCtx(()=>[e.createElementVNode("div",ua,[e.createElementVNode("button",{type:"button",class:"onyx-stepper__counter",disabled:t.min&&t.min===u.value||t.disabled||t.readonly||t.loading,"aria-label":f.value,onClick:v[0]||(v[0]=w=>p("stepDown"))},[e.createVNode(x,{icon:e.unref(ia)},null,8,["icon"])],8,da),t.loading?(e.openBlock(),e.createBlock(T,{key:0,class:"onyx-stepper__loading",type:"circle"})):e.withDirectives((e.openBlock(),e.createElementBlock("input",{key:1,ref_key:"inputRef",ref:r,"onUpdate:modelValue":v[1]||(v[1]=w=>u.value=w),class:e.normalizeClass(["onyx-stepper__native",{"onyx-stepper__native--force-invalid":e.unref(d)&&i.value}]),type:"number","aria-label":t.label,autofocus:t.autofocus,disabled:t.disabled||t.loading,min:t.min,max:t.max,name:t.name,placeholder:t.placeholder,readonly:t.readonly,required:t.required,step:t.step,title:t.hideLabel?t.label:void 0,onChange:v[2]||(v[2]=w=>i.value=!0),onFocus:v[3]||(v[3]=w=>a("focus")),onBlur:v[4]||(v[4]=w=>a("blur"))},null,42,pa)),[[e.vModelText,u.value,void 0,{number:!0}],[e.unref(c)]]),e.createElementVNode("button",{type:"button",class:"onyx-stepper__counter",disabled:t.max&&t.max===u.value||t.disabled||t.readonly||t.loading,"aria-label":m.value,onClick:v[5]||(v[5]=w=>p("stepUp"))},[e.createVNode(x,{icon:e.unref(ca)},null,8,["icon"])],8,ma)])]),_:1},16,["error-messages"])],2))}}),ya='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m15.983 8.095-6.22 6.22-2.468-2.47-1.061 1.062 3.53 3.525 7.28-7.28z"/></svg>',ha={class:"onyx-switch-skeleton__click-area"},va=["title"],_a=["aria-label","disabled","required","autofocus"],ka={class:"onyx-switch__click-area"},xa={class:"onyx-switch__container"},ga={class:"onyx-switch__icon"},ba=e.createElementVNode("div",{class:"onyx-switch__frame"},null,-1),Ba=e.defineComponent({__name:"OnyxSwitch",props:{density:{},required:{type:Boolean},requiredMarker:{},customError:{},autofocus:{type:Boolean},modelValue:{type:Boolean,default:!1},label:{},disabled:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},hideLabel:{type:Boolean},truncation:{default:"ellipsis"},skeleton:{type:Boolean,default:!1}},emits:["update:modelValue","validityChange"],setup(o,{emit:n}){const t=o,l=n,{requiredMarkerClass:r,requiredTypeClass:a}=J(t),{densityClass:s}=g(t),{vCustomValidity:c,errorMessages:d}=D({props:t,emit:l}),i=e.computed(()=>t.hideLabel?t.label:void 0),u=e.computed({get:()=>t.modelValue,set:p=>{l("update:modelValue",p)}});return(p,m)=>t.skeleton?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["onyx-switch-skeleton",e.unref(s)])},[e.createElementVNode("span",ha,[e.createVNode(E,{class:"onyx-switch-skeleton__input"})]),t.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(E,{key:0,class:"onyx-switch-skeleton__label"}))],2)):(e.openBlock(),e.createBlock(Ve,{key:1,disabled:t.disabled,"error-messages":e.unref(d)},{default:e.withCtx(()=>[e.createElementVNode("label",{class:e.normalizeClass(["onyx-switch",[e.unref(a),e.unref(s)]]),title:i.value},[e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":m[0]||(m[0]=f=>u.value=f),type:"checkbox",role:"switch",class:e.normalizeClass({"onyx-switch__input":!0,"onyx-switch__loading":t.loading}),"aria-label":t.hideLabel?t.label:void 0,disabled:t.disabled||t.loading,required:t.required,autofocus:t.autofocus},null,10,_a),[[e.vModelCheckbox,u.value],[e.unref(c)]]),e.createElementVNode("span",ka,[e.createElementVNode("span",xa,[e.createElementVNode("span",ga,[t.loading?(e.openBlock(),e.createBlock(T,{key:0,class:"onyx-switch__spinner",type:"circle"})):(e.openBlock(),e.createBlock(x,{key:1,icon:u.value?e.unref(ya):e.unref(Ee)},null,8,["icon"]))]),ba])]),t.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(["onyx-switch__label",[`onyx-truncation-${t.truncation}`,t.truncation==="multiline"?e.unref(r):void 0]])},e.toDisplayString(t.label),3)),!t.hideLabel&&t.truncation==="ellipsis"?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["onyx-switch__marker",[e.unref(r)]])},null,2)):e.createCommentVNode("",!0)],10,va)]),_:1},8,["disabled","error-messages"]))}}),Ca='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g clip-path="url(#a)"><path d="M8.25 17.25h-4.5V6.008h4.5zm-3-1.5h1.5V7.508h-1.5zm14.273 1.958c.457-.668.727-1.47.727-2.333 0-.127-.008-.255-.023-.375V4.508h-4.5v6.765a4.3 4.3 0 0 0-1.5.442V8.258h-4.5v8.992h2.716a4.12 4.12 0 0 0 3.667 2.25c.863 0 1.672-.27 2.332-.727l2.76 2.76 1.058-1.058-2.76-2.76zm-.788-11.7v6.18a4.05 4.05 0 0 0-1.492-.773v-5.4h1.492zm-7.492 9.742V9.758h1.5v3.292a4.1 4.1 0 0 0-.735 2.325c0 .127.007.255.022.375h-.788M16.124 18a2.63 2.63 0 0 1-2.625-2.625 2.63 2.63 0 0 1 2.625-2.625 2.63 2.63 0 0 1 2.625 2.625A2.63 2.63 0 0 1 16.125 18"/></g><defs><clipPath id="a"><path d="M0 0h24v24H0z"/></clipPath></defs></svg>',Va={class:"onyx-table-wrapper"},wa=["tabindex"],Ea={key:0,class:"onyx-table__header"},Sa={class:"onyx-table__empty"},Na={colspan:"100%"},$a={class:"onyx-table__empty-content"},Ma=e.defineComponent({__name:"OnyxTable",props:{density:{},striped:{type:Boolean,default:!1},withVerticalBorders:{type:Boolean,default:!1},withPageScrolling:{type:Boolean,default:!1}},setup(o){const n=o,t=e.useSlots(),{t:l}=C(),{densityClass:r}=g(n),a=e.computed(()=>l.value("table.empty"));return(s,c)=>(e.openBlock(),e.createElementBlock("div",Va,[e.createElementVNode("div",{class:e.normalizeClass({"onyx-table-wrapper__scroll-container":!n.withPageScrolling}),tabindex:n.withPageScrolling?void 0:0},[e.createElementVNode("table",{class:e.normalizeClass(["onyx-table onyx-text",[n.striped?"onyx-table--striped":"",n.withVerticalBorders?"onyx-table--vertical-borders":"",e.unref(r)]])},[t.head?(e.openBlock(),e.createElementBlock("thead",Ea,[e.renderSlot(s.$slots,"head")])):e.createCommentVNode("",!0),e.createElementVNode("tbody",null,[e.renderSlot(s.$slots,"default",{},()=>[e.createElementVNode("tr",Sa,[e.createElementVNode("td",Na,[e.createElementVNode("div",$a,[e.renderSlot(s.$slots,"empty",{defaultMessage:a.value},()=>[e.createVNode(we,null,{icon:e.withCtx(()=>[e.createVNode(x,{icon:e.unref(Ca),size:"48px"},null,8,["icon"])]),default:e.withCtx(()=>[e.createTextVNode(" "+e.toDisplayString(a.value),1)]),_:1})])])])])])])],2)],10,wa)]))}}),Oa={class:"onyx-text onyx-truncation-ellipsis"},Ta=e.defineComponent({__name:"OnyxTag",props:{density:{},label:{},color:{default:"primary"},icon:{}},setup(o){const n=o,{densityClass:t}=g(n);return(l,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["onyx-tag",`onyx-tag--${n.color}`,e.unref(t)])},[n.icon?(e.openBlock(),e.createBlock(x,{key:0,icon:n.icon,size:"16px"},null,8,["icon"])):e.createCommentVNode("",!0),e.createElementVNode("span",Oa,e.toDisplayString(n.label),1)],2))}}),La=["data-autosize-value"],Ia=["id","placeholder","required","autocapitalize","autofocus","name","readonly","disabled","minlength","maxlength","aria-label","title"],Pa=e.defineComponent({__name:"OnyxTextarea",props:{density:{},required:{type:Boolean,default:!1},requiredMarker:{},customError:{},label:{},labelTooltip:{},hideLabel:{type:Boolean},modelValue:{default:""},placeholder:{},autocapitalize:{default:"sentences"},autofocus:{type:Boolean},name:{},readonly:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},minlength:{},maxlength:{},withCounter:{type:Boolean},message:{},messageTooltip:{},skeleton:{type:Boolean,default:!1},autosize:{},disableManualResize:{type:Boolean,default:!1}},emits:["update:modelValue","change","focus","blur","validityChange"],setup(o,{emit:n}){const t=o,l=n,{vCustomValidity:r,errorMessages:a}=D({props:t,emit:l}),{densityClass:s}=g(t),c=e.computed({get:()=>t.modelValue,set:p=>l("update:modelValue",p)}),d=p=>{const m=p.target.value;l("change",m)},i=e.computed(()=>{if(!t.autosize)return;const p=t.autosize.min?Math.max(t.autosize.min,2):void 0,m=t.autosize.max;return[p?`--min-autosize-rows: ${p}`:"",`--max-autosize-rows: ${m??"unset"}`]}),u=p=>{var f;const m=p.target;(f=m.parentElement)==null||f.setAttribute("data-autosize-value",m.value)};return(p,m)=>t.skeleton?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["onyx-textarea-skeleton",e.unref(s)]),style:e.normalizeStyle(i.value)},[t.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(E,{key:0,class:"onyx-textarea-skeleton__label"})),e.createVNode(E,{class:"onyx-textarea-skeleton__input"})],6)):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["onyx-textarea",e.unref(s)]),style:e.normalizeStyle(i.value)},[e.createVNode(te,e.mergeProps(t,{"error-messages":e.unref(a)}),{default:e.withCtx(({id:f})=>[e.createElementVNode("div",{class:"onyx-textarea__wrapper","data-autosize-value":c.value},[e.withDirectives(e.createElementVNode("textarea",{id:f,"onUpdate:modelValue":m[0]||(m[0]=y=>c.value=y),class:e.normalizeClass(["onyx-textarea__native",{"onyx-textarea__native--no-resize":t.disableManualResize}]),placeholder:t.placeholder,required:t.required,autocapitalize:t.autocapitalize,autofocus:t.autofocus,name:t.name,readonly:t.readonly,disabled:t.disabled,minlength:t.minlength,maxlength:t.maxlength,"aria-label":t.hideLabel?t.label:void 0,title:t.hideLabel?t.label:void 0,onInput:u,onChange:d,onFocus:m[1]||(m[1]=y=>l("focus")),onBlur:m[2]||(m[2]=y=>l("blur"))},null,42,Ia),[[e.vModelText,c.value],[e.unref(r)]])],8,La)]),_:1},16,["error-messages"])],6))}}),Da='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><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.364M11.25 16.5h1.5V18h-1.5zM12.75 6h-1.5v8.25h1.5z" clip-rule="evenodd"/></svg>',Aa='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><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.483m.275-7.655 2.465 2.47 6.22-6.22 1.06 1.06-7.28 7.281-3.528-3.53z" clip-rule="evenodd"/></svg>',za={class:"onyx-toast-message__wrapper"},Ha={class:"onyx-toast-message__content onyx-truncation-ellipsis"},Ra={class:"onyx-toast-message__headline onyx-text"},Fa={class:"onyx-truncation-ellipsis"},Ua=["aria-label"],qa={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:["click","close"],setup(o,{emit:n}){const t=o,l=n,{t:r}=C(),{densityClass:a}=g(t),s=e.computed(()=>t.duration>0),c={neutral:ke,danger:Qe,warning:Da,success:Aa},d=e.computed(()=>{if(t.icon!==!1)return t.icon||c[t.color]});return(i,u)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.clickable?"button":"div"),{class:e.normalizeClass(["onyx-toast-message",[`onyx-toast-message--${t.color}`,e.unref(a)]]),role:t.color==="danger"||t.color==="warning"?"alert":"status","aria-label":t.clickable?t.headline:void 0,onClick:u[2]||(u[2]=p=>t.clickable&&l("click"))},{default:e.withCtx(()=>[e.createElementVNode("div",za,[d.value?(e.openBlock(),e.createBlock(x,{key:0,icon:d.value},null,8,["icon"])):e.createCommentVNode("",!0),e.createElementVNode("div",Ha,[e.createElementVNode("div",Ra,[e.createElementVNode("span",Fa,e.toDisplayString(t.headline),1),t.clickable?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("button",{key:0,type:"button","aria-label":e.unref(r)("close"),class:"onyx-toast-message__close",onClick:u[0]||(u[0]=p=>l("close"))},[e.createVNode(x,{icon:e.unref(Ee)},null,8,["icon"])],8,Ua))]),t.description?(e.openBlock(),e.createElementBlock("p",qa,e.toDisplayString(t.description),1)):e.createCommentVNode("",!0)])]),s.value?(e.openBlock(),e.createElementBlock("time",{key:t.duration,"aria-hidden":"true",class:"onyx-toast-message__progress-bar",style:e.normalizeStyle({animationDuration:`${t.duration}ms`}),onAnimationend:u[1]||(u[1]=p=>l("close"))},null,36)):e.createCommentVNode("",!0)]),_:1},8,["class","role","aria-label"]))}}),$e=Symbol(),yt=()=>{let o=1;const n=e.ref([]),t=r=>{const a=o++;n.value.unshift({...r,id:a,onClose:()=>l(a)})},l=r=>{n.value=n.value.filter(a=>a.id!==r)};return{toasts:e.computed(()=>n.value),show:t,remove:l}},ht=()=>{const o=()=>{console.warn('Trying to use "useToast()" before the toast provider has been provided. Make sure to "provide" it first.')};return e.inject($e,()=>({toasts:e.computed(()=>[]),show:o,remove:o}),!0)},Ga={key:0,class:"onyx-toast",role:"presentation","aria-live":"polite",open:""},Za=e.defineComponent({__name:"OnyxToast",setup(o){const n=ht();return(t,l)=>e.unref(n).toasts.value.length?(e.openBlock(),e.createElementBlock("dialog",Ga,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(n).toasts.value,({id:r,...a})=>(e.openBlock(),e.createBlock(ft,e.mergeProps({key:r,ref_for:!0},a),null,16))),128))])):e.createCommentVNode("",!0)}}),Ka=["top","bottom"],ja=(o={})=>({install:n=>{je(n,o.i18n);const t=n.runWithContext(()=>C());e.watchEffect(()=>vt(t.t.value("optional"))),n.provide($e,yt())}}),vt=o=>{globalThis.document.body.style.setProperty("--onyx-global-optional-text",o)};exports.AUTOCAPITALIZE=_n;exports.BUTTON_COLORS=xo;exports.BUTTON_MODES=go;exports.BUTTON_TYPES=ko;exports.DENSITIES=Lt;exports.DIRECTIONS=Bl;exports.HEADLINE_TYPES=nn;exports.ICON_SIZES=ln;exports.INPUT_TYPES=vn;exports.LINK_TARGETS=gn;exports.MOBILE_NAV_BAR_INJECTION_KEY=R;exports.MULTISELECT_TEXT_MODE=sa;exports.ONYX_BREAKPOINTS=ct;exports.ONYX_COLORS=xl;exports.OnyxAppLayout=St;exports.OnyxAvatar=fe;exports.OnyxAvatarStack=Tt;exports.OnyxBadge=De;exports.OnyxButton=X;exports.OnyxCheckbox=j;exports.OnyxCheckboxGroup=Jo;exports.OnyxColorSchemeDialog=lt;exports.OnyxColorSchemeMenuItem=Un;exports.OnyxDialog=Je;exports.OnyxEmpty=we;exports.OnyxExternalLinkIcon=Q;exports.OnyxFlyoutMenu=Ne;exports.OnyxHeadline=z;exports.OnyxIcon=x;exports.OnyxIconButton=et;exports.OnyxInfoTooltip=Y;exports.OnyxInput=hn;exports.OnyxLink=xn;exports.OnyxListItem=oe;exports.OnyxLoadingIndicator=T;exports.OnyxMenuItem=Se;exports.OnyxMiniSearch=ot;exports.OnyxMobileNavButton=xe;exports.OnyxNavAppArea=nt;exports.OnyxNavBar=Ol;exports.OnyxNavButton=Jn;exports.OnyxNavItem=Qn;exports.OnyxNavSeparator=rt;exports.OnyxPageLayout=Pl;exports.OnyxPagination=ta;exports.OnyxRadioButton=be;exports.OnyxRadioGroup=aa;exports.OnyxSelect=mt;exports.OnyxSelectInput=pt;exports.OnyxSelectOption=ge;exports.OnyxSkeleton=E;exports.OnyxStepper=fa;exports.OnyxSwitch=Ba;exports.OnyxTable=Ma;exports.OnyxTag=Ta;exports.OnyxTextarea=Pa;exports.OnyxTimer=rl;exports.OnyxToast=Za;exports.OnyxToastMessage=ft;exports.OnyxTooltip=H;exports.OnyxUserMenu=hl;exports.OnyxVisuallyHidden=ee;exports.SELECT_ALIGNMENTS=ra;exports.TEXT_SIZES=gl;exports.TOAST_PROVIDER_INJECTION_KEY=$e;exports.TOOLTIP_POSITIONS=Ka;exports.TRUNCATION_TYPES=bl;exports.createOnyx=ja;exports.createToastProvider=yt;exports.normalizedIncludes=dt;exports.provideI18n=je;exports.syncGlobalOptionalText=vt;exports.useDensity=g;exports.useScrollEnd=ut;exports.useToast=ht;
|