sit-onyx 1.0.0-beta.35 → 1.0.0-beta.36

package/dist/index.cjs

@@ -1,4 +1,4 @@
-"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">
+"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">
 <g clip-path="url(#clip0_4499_144781)">
 <mask id="mask0_4499_144781" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="83" height="104">
 <rect width="83" height="104" fill="#D9D9D9"/>