sit-onyx 1.0.0-beta.76 → 1.0.0-beta.78
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/OnyxMoreList/OnyxMoreList.vue.d.ts +17 -9
- package/dist/components/OnyxMoreList/types.d.ts +0 -9
- package/dist/composables/useMoreList.d.ts +48 -51
- package/dist/composables/useResizeObserver.d.ts +11 -1
- package/dist/index.cjs +4 -4
- package/dist/index.js +1582 -1580
- package/dist/style.css +1 -1
- package/package.json +1 -1
- package/src/styles/mixins/input.scss +28 -2
package/dist/index.cjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),Qe={"2xs":320,xs:576,sm:768,md:992,lg:1440,xl:1920},jt={key:0,class:"onyx-app__nav"},Yt={class:"onyx-app__page"},Jt={key:1,class:"onyx-app__page-overlay"},Wt={key:2,class:"onyx-app__app-overlay"},Xt=e.defineComponent({__name:"OnyxAppLayout",props:{navBarAlignment:{default:"top"}},setup(n){const o=n,t=e.useSlots();return(l,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["onyx-app",{"onyx-app--horizontal":o.navBarAlignment==="left"}])},[t.navBar?(e.openBlock(),e.createElementBlock("div",jt,[e.renderSlot(l.$slots,"navBar")])):e.createCommentVNode("",!0),e.createElementVNode("div",Yt,[e.renderSlot(l.$slots,"default")]),t.pageOverlay?(e.openBlock(),e.createElementBlock("div",Jt,[e.renderSlot(l.$slots,"pageOverlay")])):e.createCommentVNode("",!0),t.appOverlay?(e.openBlock(),e.createElementBlock("div",Wt,[e.renderSlot(l.$slots,"appOverlay")])):e.createCommentVNode("",!0)],2))}}),Qt=["title"],eo=["src","alt"],to={key:1,class:"onyx-avatar__initials"},Be=e.defineComponent({__name:"OnyxAvatar",props:{size:{default:"48px"},label:{},src:{}},setup(n){const o=n,t=e.useSlots(),l=e.computed(()=>{const a=o.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(()=>o.src,()=>r.value=!1),(a,i)=>(e.openBlock(),e.createElementBlock("figure",{class:e.normalizeClass(["onyx-avatar",[`onyx-avatar--${o.size}`,t.default?"onyx-avatar--custom":""]]),title:o.label},[o.src&&!r.value?(e.openBlock(),e.createElementBlock("img",{key:0,class:"onyx-avatar__svg",src:o.src,alt:o.label,onError:i[0]||(i[0]=c=>r.value=!0)},null,40,eo)):(e.openBlock(),e.createElementBlock("div",to,[e.renderSlot(a.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(l.value),1)])]))],10,Qt))}}),oo={class:"onyx-avatar-stack"},no=e.defineComponent({__name:"OnyxAvatarStack",setup(n){return(o,t)=>(e.openBlock(),e.createElementBlock("div",oo,[e.renderSlot(o.$slots,"default")]))}}),lo=["compact","default","cozy"],B=n=>({densityClass:e.computed(()=>({[`onyx-density-${n.density}`]:!!n.density}))}),ao=["innerHTML"],w=e.defineComponent({__name:"OnyxIcon",props:{size:{},icon:{},color:{}},setup(n){const o=n;return(t,l)=>(e.openBlock(),e.createElementBlock("figure",{class:e.normalizeClass({"onyx-icon":!0,[`onyx-icon--${o.size}`]:o.size,[`onyx-icon--${o.color}`]:o.color}),"aria-hidden":"true",innerHTML:o.icon},null,10,ao))}}),et=e.defineComponent({__name:"OnyxBadge",props:{density:{},color:{default:"primary"},icon:{},dot:{type:Boolean,default:!1}},setup(n){const o=n,{densityClass:t}=B(o);return(l,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["onyx-badge",["onyx-truncation-ellipsis","onyx-text",`onyx-badge--${o.color}`,o.dot?"onyx-badge--dot":"",e.unref(t)]])},[o.dot?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[o.icon?(e.openBlock(),e.createBlock(w,{key:0,class:"onyx-badge__icon",icon:o.icon},null,8,["icon"])):e.renderSlot(l.$slots,"default",{key:1})],64))],2))}}),tt=Symbol(),P=Symbol("SKELETON_INJECTED_SYMBOL"),ot=n=>o=>e.computed(()=>typeof o.skeleton!="symbol"?o.skeleton:o.skeleton===P&&(n==null?void 0:n.skeleton)===!0?3:!1),Te=n=>e.provide(tt,ot(n)),ro=ot(),A=n=>e.inject(tt,ro)(n),nt=Symbol(),I=Symbol("FORM_INJECTED_SYMBOL"),je=(n,o,t,l)=>e.computed(()=>{const r=o.value[t];return r!=null&&typeof r!="symbol"?r:r===I?(n==null?void 0:n.value[t])??l:l}),lt=n=>o=>({disabled:je(n,o,"disabled",!1),showError:je(n,o,"showError","touched")}),so=n=>e.provide(nt,lt(n&&e.toRef(n))),io=lt(),R=n=>e.inject(nt,io)(e.toRef(n)),Ie=(n,o)=>{const t=n.__vccOpts||n;for(const[l,r]of o)t[l]=r;return t},co={},uo={class:"onyx-circle-spinner",viewBox:"0 0 50 50"};function po(n,o){return e.openBlock(),e.createElementBlock("svg",uo,o[0]||(o[0]=[e.createElementVNode("circle",{class:"onyx-circle-spinner__circle",cx:"50%",cy:"50%",r:"45%"},null,-1)]))}const mo=Ie(co,[["render",po]]),fo={},yo={class:"onyx-loading-dots"};function ho(n,o){return e.openBlock(),e.createElementBlock("div",yo,o[0]||(o[0]=[e.createElementVNode("span",{class:"onyx-loading-dots__center"},null,-1)]))}const vo=Ie(fo,[["render",ho]]),F=e.defineComponent({__name:"OnyxLoadingIndicator",props:{type:{default:"dots"}},setup(n){const o=n;return(t,l)=>o.type==="circle"?(e.openBlock(),e.createBlock(mo,{key:0})):o.type==="dots"?(e.openBlock(),e.createBlock(vo,{key:1})):e.createCommentVNode("",!0)}}),_o=n=>{const o=e.ref(!1),t=e.reactive(new Map),l=c=>{var d;const u=(d=n.value)==null?void 0:d.getBoundingClientRect();if(!u)return;o.value=!0;const s={id:Date.now().toString(),left:`${c.x-u.left}px`,top:`${c.y-u.top}px`,animationEnded:!1};return t.set(s.id,s),s.id},r=c=>{const u=c.dataset.rippleid;u!=null&&(t.has(u)&&(t.get(u).animationEnded=!0),o.value||t.delete(u))},a=()=>{o.value=!1,t.forEach((c,u)=>{c.animationEnded&&t.delete(u)})},i=e.ref({});return e.onBeforeMount(()=>{var c;(c=window.matchMedia)!=null&&c.call(window,"pointer: none").matches?i.value={touchstart:l,touchend:a,touchcancel:a}:i.value={mousedown:l,mouseleave:a,mouseup:a}}),{isPointerDown:o,ripples:t,startRipple:l,hideRipples:a,hideRipple:r,events:i}},go=["data-rippleid"],ko=e.defineComponent({__name:"OnyxRipple",setup(n,{expose:o}){const t=e.ref(),{ripples:l,hideRipple:r,events:a}=_o(t);return o({events:a}),(i,c)=>(e.openBlock(),e.createElementBlock("span",{ref_key:"rippleTrigger",ref:t,class:"onyx-ripple","aria-hidden":"true"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(l),([u,s])=>(e.openBlock(),e.createElementBlock("span",{key:u,class:"onyx-ripple__element",style:e.normalizeStyle({"--onyx-ripple-left":s.left,"--onyx-ripple-top":s.top}),"data-rippleid":u,onAnimationend:c[0]||(c[0]=d=>e.unref(r)(d.target))},null,44,go))),128))],512))}}),bo={},xo={"aria-hidden":"true",class:"onyx-skeleton"};function Bo(n,o){return e.openBlock(),e.createElementBlock("figure",xo)}const M=Ie(bo,[["render",Bo]]),Co=["disabled","type","aria-label","autofocus"],wo={class:"onyx-button__label onyx-truncation-ellipsis"},ie=e.defineComponent({__name:"OnyxButton",props:{density:{},autofocus:{type:Boolean},label:{},disabled:{default:I},loading:{type:Boolean,default:!1},type:{default:"button"},color:{default:"primary"},mode:{default:"default"},icon:{},skeleton:{type:[Symbol,Boolean,Number],default:P}},setup(n){const o=n,{densityClass:t}=B(o),{disabled:l}=R(o),r=A(o),a=e.ref(),i=e.computed(()=>{var c;return((c=a.value)==null?void 0:c.events)??{}});return(c,u)=>e.unref(r)?(e.openBlock(),e.createBlock(M,{key:0,class:e.normalizeClass(["onyx-button-skeleton",e.unref(t)])},null,8,["class"])):(e.openBlock(),e.createElementBlock("button",e.mergeProps({key:1,class:["onyx-button",`onyx-button--${o.color}`,`onyx-button--${o.mode}`,{"onyx-button--loading":o.loading},e.unref(t)],disabled:e.unref(l)||o.loading,type:o.type,"aria-label":o.loading?o.label:void 0,autofocus:o.autofocus},e.toHandlers(i.value,!0)),[!e.unref(l)&&!o.loading?(e.openBlock(),e.createBlock(ko,{key:0,ref_key:"rippleRef",ref:a},null,512)):e.createCommentVNode("",!0),o.icon&&!o.loading?(e.openBlock(),e.createBlock(w,{key:1,class:"onyx-button__icon",icon:o.icon},null,8,["icon"])):e.createCommentVNode("",!0),o.loading?(e.openBlock(),e.createBlock(F,{key:2,class:"onyx-button__loading"})):e.createCommentVNode("",!0),e.createElementVNode("span",wo,e.toDisplayString(o.label),1)],16,Co))}}),Vo=["button","submit","reset"],Eo=["primary","neutral","danger"],So=["default","outline","plain"],ue=n=>({requiredTypeClass:e.computed(()=>({[`onyx-use-${n.requiredMarker}`]:n.requiredMarker})),requiredMarkerClass:e.computed(()=>({"onyx-required-marker":n.required,"onyx-optional-marker":!n.required}))}),No="(optional)",Mo="Cancel",$o="Apply",Oo="Back",To="Close",Io={head:{sortingAction:{asc:"Sort the table ascending by the {field} column.",desc:"Sort the table descending by the {field} column.",none:"Reset sorting."}}},Lo={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.'}}},Do={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"},Po={selectAll:"Select all",currentSelection:"{n} selected"},Ao={decrement:"Decrement by {stepSize}",increment:"Increment by {stepSize}"},zo={empty:"This table is empty."},Ro={opensExternally:"Opens in a new tab."},Ho="Subpages of {label}",Fo={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"},Uo={neutral:"Toggle info tooltip",danger:"Toggle error tooltip",success:"Toggle success tooltip"},qo={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."}},Go={label:"Pagination",ofPages:"of 1 page | of {n} pages",previous:"previous page",next:"next page",select:{label:"Page selection",listLabel:"Available pages"}},Ce={optional:No,cancel:Mo,apply:$o,back:Oo,close:To,dataGrid:Io,validations:Lo,select:Do,selections:Po,stepper:Ao,table:zo,link:Ro,navItemOptionsLabel:Ho,navigation:Fo,tooltip:Uo,colorScheme:qo,pagination:Go},at=Symbol(),rt=(n={})=>{const o=e.computed(()=>e.unref(n==null?void 0:n.locale)??"en-US");if(n.t)return{t:n.t,locale:o};const t=e.computed(()=>n!=null&&n.messages&&o.value in n.messages?n.messages[o.value]:Ce),l=e.computed(()=>(r,a={})=>{let i=Ye(r,t.value)??Ye(r,Ce)??"";return i=Ko(i,a.n),Zo(i,a)});return{locale:o,t:l}},st=(n,o)=>{const t=rt(o);return n.provide(at,t),t},N=()=>e.inject(at,()=>rt(),!0),Ye=(n,o)=>{const t=n.split(".").reduce((l,r)=>!l||typeof l=="string"?l:l[r],o);return t&&typeof t=="string"?t:void 0},Ko=(n,o)=>{const t=n.split(" | ").map(r=>r.trim());if(t.length<=1)return n;let l=1;return o===0&&(l=0),o&&(o<=0||o>1)&&(l=2),t.length===2?l===1?t[0]:t[1]:t[l]},Zo=(n,o)=>o?Object.entries(o).reduce((l,[r,a])=>a===void 0?l:l.replace(new RegExp(`{${r}}`,"gi"),a.toString()),n).replace(/\s?{.*}\s?/gi,""):n,jo=(n,o)=>{const t=Object.entries(n).filter(([r,a])=>a!==void 0),l=Object.entries(o).filter(([r,a])=>a!==void 0);return t.length!==l.length?!1:t.every(([r,a])=>a===o[r])},Yo=(n,o)=>n.reduce((t,l)=>{const r=l[o]??"";return t[r]=t[r]||[],t[r].push(l),t},{}),it=()=>Object.entries(Object.getOwnPropertyDescriptors(ValidityState.prototype)).filter(([n,o])=>o.enumerable).map(([n])=>n),Jo=n=>it().reduce((o,t)=>(o[t]=n[t],o),{}),Wo=n=>{if(n.valueMissing)return"valueMissing";const o=it().filter(t=>t!=="valid").sort();for(const t of o)if(t in n&&n[t])return t},Xo=Object.keys(Ce.validations.typeMismatch),H=n=>{if(n)return typeof n=="string"?{shortMessage:n,longMessage:n,hidden:!1}:n},ct=n=>{if(!n)return;if(typeof n=="string")return n;if(n.shortMessage===n.longMessage)return n.shortMessage;const{shortMessage:o,longMessage:t}=n;return`${o}: ${t}`},G=n=>{const{t:o}=N(),t=e.ref(),l=e.ref(!1);e.watch(()=>n.props.modelValue,()=>l.value=!0,{once:!0});const r={mounted:i=>{e.watchEffect(()=>i.setCustomValidity(ct(n.props.customError)??"")),e.watch([()=>n.props],()=>{const c=Jo(i.validity);!t.value&&c.valid||t.value&&jo(c,t.value)||(t.value=c)},{immediate:!0,deep:!0}),e.watch([()=>n.props.customError,t,l],()=>{!l.value||!t.value||n.emit("validityChange",t.value)},{immediate:!0})}},a=e.computed(()=>{var s,d,p;if(!t.value||t.value.valid)return;const i=Wo(t.value),c=H(n.props.customError);if(c||i==="customError")return c||void 0;if(!i)return;if(i==="typeMismatch"){const m=Xo.includes(n.props.type)?n.props.type:"generic";return{longMessage:o.value(`validations.typeMismatch.${m}.fullError`,{value:(s=n.props.modelValue)==null?void 0:s.toString()}),shortMessage:o.value(`validations.typeMismatch.${m}.preview`)}}const u={value:(d=n.props.modelValue)==null?void 0:d.toString(),n:((p=n.props.modelValue)==null?void 0:p.toString().length)??0,minLength:n.props.minlength,maxLength:n.props.maxlength,min:n.props.min,max:n.props.max,step:n.props.precision};return{longMessage:o.value(`validations.${i}.fullError`,u),shortMessage:o.value(`validations.${i}.preview`)}});return{vCustomValidity:r,errorMessages:a}},K=n=>n;function we(){const n=e.shallowRef();return e.computed({set:o=>{n.value=o!=null&&"$el"in o?o.$el:o},get:()=>n.value})}const Qo=(n,o)=>Object.entries(n).every(([t,l])=>o[t]===l),en=(n,o)=>typeof o=="string"?n.key===o:Qo({altKey:!1,ctrlKey:!1,metaKey:!1,shiftKey:!1,...o},n),Ve=n=>!on.has(n),tn=["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"],on=new Set(tn),j=e.reactive(new Map),nn=(n,o)=>{if(o!=null&&o.size){j.set(n,o);return}j.delete(n),document.removeEventListener(n,ut)},Je=(n,o)=>{const t=j.get(n);t==null||t.delete(o),nn(n,t)},ln=(n,o)=>{const t=j.get(n)??new Set;t.add(o),j.set(n,t),document.addEventListener(n,ut)},ut=n=>{var t;const o=n.type;(t=j.get(o))==null||t.forEach(l=>l(n))},de=({type:n,listener:o,disabled:t})=>{e.onBeforeMount(()=>e.watchEffect(()=>t!=null&&t.value?Je(n,o):ln(n,o))),e.onBeforeUnmount(()=>Je(n,o))},dt=({inside:n,onOutsideClick:o,disabled:t})=>{de({type:"click",listener:r=>{const a=e.toValue(n);!(Array.isArray(a)?a:[a]).some(u=>u==null?void 0:u.contains(r.target))&&o(r)},disabled:t})},pt=(n,o)=>{let t;const l=(...r)=>{clearTimeout(t),t=setTimeout(()=>n(...r),e.toValue(o))};return l.abort=()=>clearTimeout(t),l},mt=(n,o=500)=>{let t="";const l=pt(()=>t="",o);return r=>{Ve(r.key)&&(l(),t=`${t}${r.key}`,n(t))}},an=K(n=>{const o=e.computed(()=>e.unref(n.multiple)??!1),t=e.computed(()=>e.unref(n.isExpanded)??!1),l=new Map,r=s=>(l.has(s)||l.set(s,e.useId()),l.get(s)),a=e.ref(!1);e.watchEffect(async()=>{if(!t.value||n.activeOption.value==null||!a.value&&!n.controlled)return;const s=r(n.activeOption.value);await e.nextTick(()=>{var d;(d=document.getElementById(s))==null||d.scrollIntoView({block:"end",inline:"nearest"})})});const i=mt(s=>{var d;return(d=n.onTypeAhead)==null?void 0:d.call(n,s)}),c=s=>{var d,p,m,y,f,h,v;switch(s.key){case" ":s.preventDefault(),n.activeOption.value!=null&&((d=n.onSelect)==null||d.call(n,n.activeOption.value));break;case"ArrowUp":if(s.preventDefault(),n.activeOption.value==null){(p=n.onActivateLast)==null||p.call(n);return}(m=n.onActivatePrevious)==null||m.call(n,n.activeOption.value);break;case"ArrowDown":if(s.preventDefault(),n.activeOption.value==null){(y=n.onActivateFirst)==null||y.call(n);return}(f=n.onActivateNext)==null||f.call(n,n.activeOption.value);break;case"Home":s.preventDefault(),(h=n.onActivateFirst)==null||h.call(n);break;case"End":s.preventDefault(),(v=n.onActivateLast)==null||v.call(n);break;default:i(s)}};return{elements:{listbox:e.computed(()=>n.controlled?{role:"listbox","aria-multiselectable":o.value,"aria-label":e.unref(n.label),"aria-description":n.description,tabindex:"-1"}:{role:"listbox","aria-multiselectable":o.value,"aria-label":e.unref(n.label),"aria-description":n.description,tabindex:"0","aria-activedescendant":n.activeOption.value!=null?r(n.activeOption.value):void 0,onFocus:()=>a.value=!0,onBlur:()=>a.value=!1,onKeydown:c}),group:e.computed(()=>s=>({role:"group","aria-label":s.label})),option:e.computed(()=>s=>{const d=s.selected??!1;return{id:r(s.value),role:"option","aria-label":s.label,"aria-disabled":s.disabled,"aria-checked":o.value?d:void 0,"aria-selected":o.value?void 0:d,onClick:()=>{var p;return!s.disabled&&((p=n.onSelect)==null?void 0:p.call(n,s.value))}}})},state:{isFocused:a},internals:{getOptionId:r}}}),ft=["ArrowDown","ArrowUp"," ","Enter","Home","End"],yt=["Escape",{key:"ArrowUp",altKey:!0},"Enter","Tab"],We=["Enter"],rn=(n,o)=>{const t=o?[...We," "]:We;return Ee(n,t)},Ee=(n,o)=>o.some(t=>en(n,t)),sn=K(({autocomplete:n,onAutocomplete:o,onTypeAhead:t,multiple:l,label:r,listLabel:a,listDescription:i,isExpanded:c,activeOption:u,onToggle:s,onSelect:d,onActivateFirst:p,onActivateLast:m,onActivateNext:y,onActivatePrevious:f,templateRef:h})=>{const v=e.useId(),g=e.computed(()=>e.unref(n)),k=e.computed(()=>e.unref(c)),V=e.computed(()=>e.unref(l)),E=b=>{const ye=b.target;g.value!=="none"&&(o==null||o(ye.value))},$=mt(b=>t==null?void 0:t(b)),q=b=>{d==null||d(b),e.unref(V)||s==null||s()},T=b=>{switch(b.key){case"ArrowUp":if(b.preventDefault(),u.value==null)return m==null?void 0:m();f==null||f(u.value);break;case"ArrowDown":if(b.preventDefault(),u.value==null)return p==null?void 0:p();y==null||y(u.value);break;case"Home":b.preventDefault(),p==null||p();break;case"End":b.preventDefault(),m==null||m();break}},x=b=>{if(b.key==="Enter"&&b.preventDefault(),!k.value&&Ee(b,ft))return s==null||s(),b.key===" "&&b.preventDefault(),b.key==="End"?m==null?void 0:m():p==null?void 0:p();if(rn(b,g.value==="none"))return q(u.value);if(k.value&&Ee(b,yt))return s==null?void 0:s();if(g.value==="none"&&Ve(b.key))return!k.value&&(s==null||s()),$(b);if(g.value!=="none"&&Ve(b.key)){!k.value&&(s==null||s());return}return T(b)},S=e.computed(()=>g.value==="none"?null:{"aria-autocomplete":g.value,type:"text"}),{elements:{option:L,group:W,listbox:X},internals:{getOptionId:fe}}=an({label:a,description:i,multiple:V,controlled:!0,activeOption:u,isExpanded:k,onSelect:q});return dt({inside:h,onOutsideClick(){k.value&&(s==null||s(!0))}}),{elements:{option:L,group:W,listbox:e.computed(()=>({...X.value,id:v,onMousedown:b=>b.preventDefault()})),input:e.computed(()=>({role:"combobox","aria-expanded":k.value,"aria-controls":v,"aria-label":e.unref(r),"aria-activedescendant":u.value!=null?fe(u.value):void 0,onInput:E,onKeydown:x,...S.value})),button:e.computed(()=>({tabindex:"-1",onClick:()=>s==null?void 0:s()}))}}}),cn=K(n=>{const o=e.useId(),t=e.useId(),l=we(),r=e.useId();de({type:"keydown",listener:s=>s.key==="Escape"&&i(!1),disabled:e.computed(()=>!n.isExpanded.value)});const a=pt(()=>n.onToggle(),200);e.watch(n.isExpanded,()=>a.abort());const i=(s,d=!1)=>{if(s===n.isExpanded.value){a.abort();return}if(d){a();return}n.onToggle()},c=s=>{const d=document.activeElement,p=(d==null?void 0:d.closest('[role="menu"]'))||l.value;if(!p)return;const m=[...p.querySelectorAll('[role="menuitem"]')];let y=0;if(d){const h=m.indexOf(d);switch(s){case"next":y=h+1;break;case"prev":y=h-1;break;case"first":y=0;break;case"last":y=m.length-1;break}}const f=m[y];f==null||f.focus()};return{elements:{root:{id:o,onKeydown:s=>{switch(s.key){case"ArrowDown":case"ArrowRight":s.preventDefault(),c("next");break;case"ArrowUp":case"ArrowLeft":s.preventDefault(),c("prev");break;case"Home":s.preventDefault(),c("first");break;case"End":s.preventDefault(),c("last");break;case" ":s.preventDefault(),s.target.click();break;case"Escape":s.preventDefault(),i(!1);break}},onMouseenter:()=>i(!0),onMouseleave:()=>i(!1,!0),onFocusout:s=>{var d;o&&((d=document.getElementById(o))!=null&&d.contains(s.relatedTarget))||i(!1)}},button:e.computed(()=>({"aria-controls":t,"aria-expanded":n.isExpanded.value,"aria-haspopup":!0,onFocus:()=>i(!0),id:r})),menu:{id:t,ref:l,role:"menu","aria-labelledby":r,onClick:()=>i(!1)},...ht().elements}}}),ht=K(()=>({elements:{listItem:{role:"none"},menuItem:n=>({"aria-current":n.active?"page":void 0,"aria-disabled":n.disabled,role:"menuitem"})}})),un={clamp:(n,o,t)=>Math.max(Math.min(n,t),o)},dn=K(({navigationName:n})=>{const o=e.useId(),t=()=>{const r=o?document.getElementById(o):void 0;return r?[...r.querySelectorAll("button[aria-expanded][aria-controls]")]:[]},l=(r,a)=>{const i=t(),c=i.indexOf(r);if(c===-1)return;const u=un.clamp(c+(a==="next"?1:-1),0,i.length-1);i[u].focus()};return{elements:{nav:{"aria-label":e.unref(n),id:o,onKeydown:r=>{switch(r.key){case"ArrowRight":l(r.target,"next");break;case"ArrowLeft":l(r.target,"previous");break}}}}}}),pn=K(n=>{const o=new Map,t=r=>(o.has(r)||o.set(r,{tabId:e.useId(),panelId:e.useId()}),o.get(r)),l=r=>{var m,y;const a=r.target,i=Array.from(((m=a.parentElement)==null?void 0:m.querySelectorAll('[role="tab"]'))??[]).filter(f=>f.ariaDisabled!=="true"),c=i.indexOf(a),u=f=>{f instanceof HTMLElement&&f.focus()},s=()=>u(i.at(0)),d=()=>u(i.at(-1)),p=f=>{if(c===-1)return;const h=f==="next"?c+1:c-1;return h<0?d():h>=i.length?s():u(i.at(h))};switch(r.key){case"ArrowRight":p("next");break;case"ArrowLeft":p("previous");break;case"Home":s();break;case"End":d();break;case"Enter":case" ":{const f=Array.from(o.entries()).find(([,{tabId:h}])=>h===a.id);f&&((y=n.onSelect)==null||y.call(n,f[0]))}break}};return{elements:{tablist:e.computed(()=>({role:"tablist","aria-label":e.unref(n.label),onKeydown:l})),tab:e.computed(()=>r=>{const{tabId:a}=t(e.unref(n.selectedTab)),{tabId:i,panelId:c}=t(r.value),u=i===a;return{id:i,role:"tab","aria-selected":u,"aria-controls":c,"aria-disabled":r.disabled?!0:void 0,onClick:()=>{var s;return(s=n.onSelect)==null?void 0:s.call(n,r.value)},tabindex:u&&!r.disabled?0:-1}}),tabpanel:e.computed(()=>r=>{const{tabId:a,panelId:i}=t(r.value);return{id:i,role:"tabpanel","aria-labelledby":a}})}}}),vt=({isExpanded:n})=>de({type:"keydown",listener:o=>{o.key==="Escape"&&(n.value=!1)},disabled:e.computed(()=>!n.value)}),mn=K(({toggleLabel:n,isVisible:o})=>{const t=we(),l=we(),r=e.toRef(o??!1);dt({inside:e.computed(()=>[t.value,l.value]),onOutsideClick:()=>r.value=!1,disabled:e.computed(()=>!r.value)}),vt({isExpanded:r});const a=()=>r.value=!r.value;return{elements:{trigger:e.computed(()=>({ref:t,onClick:a,"aria-label":e.toValue(n)})),tooltip:{ref:l,role:"status",tabindex:"-1"}},state:{isVisible:r}}}),fn=K(({debounce:n,isVisible:o})=>{const t=e.useId(),l=e.toRef(o??!1);let r;const a=e.computed({get:()=>l.value,set:c=>{clearTimeout(r),r=setTimeout(()=>{l.value=c},e.toValue(n))}}),i={onMouseover:()=>a.value=!0,onMouseout:()=>a.value=!1,onFocusin:()=>l.value=!0,onFocusout:()=>l.value=!1};return vt({isExpanded:l}),{elements:{trigger:{"aria-describedby":t,...i},tooltip:{role:"tooltip",id:t,tabindex:"-1",...i}},state:{isVisible:l}}}),_t=(n,o="bottom")=>{const t=e.ref(o);return{openDirection:t,updateOpenDirection:()=>{var p,m,y;const r=e.unref(n);if(!r){t.value=o;return}const a=(p=Le(r))==null?void 0:p.getBoundingClientRect(),i=r.getBoundingClientRect(),c=(a==null?void 0:a.top)??((m=window.visualViewport)==null?void 0:m.pageTop)??0,s=((a==null?void 0:a.bottom)??((y=window.visualViewport)==null?void 0:y.height)??0)-i.bottom,d=i.top-c;t.value=d>s?"top":"bottom"}}},Le=n=>n?getComputedStyle(n).overflow.includes("hidden")?n:n.parentElement?Le(n.parentElement):void 0:void 0,yn=(n,o)=>{const l=e.ref("center");return{wedgePosition:l,updateWedgePosition:()=>{var g,k,V,E;const a=e.unref(n),i=e.unref(o);if(!a||!i){l.value="center";return}const c=(g=Le(a))==null?void 0:g.getBoundingClientRect(),u=a.getBoundingClientRect(),s=i.getBoundingClientRect();if(s.width<u.width){l.value="center";return}const d=(s.width-u.width+16*2)/2,p=(c==null?void 0:c.left)??((k=window.visualViewport)==null?void 0:k.pageLeft)??0,m=(c==null?void 0:c.right)??(((V=window.visualViewport)==null?void 0:V.width)??window.innerWidth)+(((E=window.visualViewport)==null?void 0:E.offsetLeft)??0),y=u.left-p,f=m-u.right,h=y>=d,v=f>=d;l.value=h===v?"center":y>f?"right":"left"}}},Q=e.defineComponent({__name:"OnyxTooltip",props:{density:{},text:{},icon:{},color:{default:"neutral"},position:{default:"auto"},alignment:{default:"auto"},fitParent:{type:Boolean,default:!1},open:{type:[String,Boolean,Object],default:"hover"}},setup(n){const o=n,{densityClass:t}=B(o),{t:l}=N(),r=e.ref(!1),a=e.computed({set:$=>r.value=$,get:()=>typeof o.open=="boolean"?o.open:r.value}),i=e.computed(()=>({debounce:200,...typeof o.open=="object"&&o.open.type==="hover"&&o.open||{},isVisible:a})),c=e.computed(()=>({toggleLabel:l.value(`tooltip.${o.color}`),...typeof o.open=="object"&&o.open.type==="click"&&o.open||{},isVisible:a})),u=e.computed(()=>typeof o.open=="object"?o.open.type:typeof o.open=="string"?o.open:"hover"),s=e.computed(()=>({"onyx-tooltip--danger":o.color==="danger","onyx-tooltip--success":o.color==="success","onyx-tooltip--fit-parent":o.fitParent,"onyx-tooltip--hidden":!a.value,[`onyx-tooltip--${v.value}`]:o.position==="auto",[`onyx-tooltip--${o.position}`]:o.position!=="auto",[`onyx-tooltip--${k.value}`]:o.alignment==="auto",[`onyx-tooltip--${o.alignment}`]:o.alignment!=="auto"})),d=()=>u.value==="hover"?fn(i.value):mn(c.value),p=e.shallowRef(d());e.watch(u,()=>p.value=d());const m=e.computed(()=>{var $;return($=p.value)==null?void 0:$.elements.tooltip}),y=e.computed(()=>{var $;return e.toValue(($=p.value)==null?void 0:$.elements.trigger)}),f=e.ref(),h=e.ref(),{openDirection:v,updateOpenDirection:g}=_t(f,"top"),{wedgePosition:k,updateWedgePosition:V}=yn(f,h),E=()=>{g(),V()};return de({type:"resize",listener:()=>E()}),e.onMounted(()=>E()),e.watch(a,async()=>{await e.nextTick(),g(),V()}),($,q)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"tooltipWrapperRef",ref:f,class:e.normalizeClass(["onyx-tooltip-wrapper",e.unref(t)])},[e.createElementVNode("div",e.mergeProps({ref_key:"tooltipRef",ref:h},m.value,{class:["onyx-tooltip","onyx-text--small","onyx-truncation-multiline",s.value]}),[o.icon?(e.openBlock(),e.createBlock(w,{key:0,icon:o.icon,size:"16px"},null,8,["icon"])):e.createCommentVNode("",!0),e.renderSlot($.$slots,"tooltip",{},()=>[e.createTextVNode(e.toDisplayString(o.text),1)])],16),e.renderSlot($.$slots,"default",{trigger:y.value})],2))}}),De=e.defineComponent({__name:"OnyxErrorTooltip",props:{errorMessages:{},disabled:{type:Boolean}},setup(n){const o=n,t=e.computed(()=>ct(o.errorMessages)),l=e.ref();return(r,a)=>(e.openBlock(),e.createElementBlock("div",null,[!t.value||o.disabled?(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"targetRef",ref:l},null,512)):e.createCommentVNode("",!0),t.value&&!o.disabled?(e.openBlock(),e.createBlock(Q,{key:1,class:"onyx-error-tooltip",open:"hover",text:t.value,color:"danger"},{default:e.withCtx(({trigger:i})=>[e.createElementVNode("div",e.mergeProps({ref_key:"targetRef",ref:l},i),null,16)]),_:1},8,["text"])):e.createCommentVNode("",!0),l.value?(e.openBlock(),e.createBlock(e.Teleport,{key:2,to:l.value,defer:""},[e.renderSlot(r.$slots,"default")],8,["to"])):e.createCommentVNode("",!0)]))}}),hn=["title"],vn={class:"onyx-checkbox__container"},_n=["aria-label","indeterminate","disabled","required","value","autofocus"],se=e.defineComponent({__name:"OnyxCheckbox",props:{density:{},value:{},label:{},hideLabel:{type:Boolean},disabled:{default:I},loading:{type:Boolean,default:!1},skeleton:{type:[Symbol,Boolean,Number],default:P},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(n,{emit:o}){const t=n,l=o,r=e.computed({get:()=>t.modelValue,set:y=>l("update:modelValue",y)}),{requiredMarkerClass:a,requiredTypeClass:i}=ue(t),{densityClass:c}=B(t),{vCustomValidity:u,errorMessages:s}=G({props:t,emit:l}),{disabled:d}=R(t),p=A(t),m=e.computed(()=>t.hideLabel?t.label:void 0);return(y,f)=>e.unref(p)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["onyx-checkbox-skeleton",e.unref(c)])},[e.createVNode(M,{class:"onyx-checkbox-skeleton__input"}),t.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(M,{key:0,class:"onyx-checkbox-skeleton__label"}))],2)):(e.openBlock(),e.createBlock(De,{key:1,disabled:e.unref(d),"error-messages":e.unref(s)},{default:e.withCtx(()=>[e.createElementVNode("label",{class:e.normalizeClass(["onyx-checkbox",[e.unref(i),e.unref(c)]]),title:m.value},[e.createElementVNode("div",vn,[t.loading?(e.openBlock(),e.createBlock(F,{key:0,class:"onyx-checkbox__loading",type:"circle"})):e.withDirectives((e.openBlock(),e.createElementBlock("input",{key:1,"onUpdate:modelValue":f[0]||(f[0]=h=>r.value=h),"aria-label":t.hideLabel?t.label:void 0,class:"onyx-checkbox__input",type:"checkbox",indeterminate:t.indeterminate,disabled:e.unref(d),required:t.required,value:t.value,autofocus:t.autofocus},null,8,_n)),[[e.vModelCheckbox,r.value],[e.unref(u)]])]),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,hn)]),_:1},8,["disabled","error-messages"]))}}),gn=(n,o)=>e.computed(()=>{const t=o.value.filter(r=>n.value.includes(r)),l=t.length===n.value.length;return{modelValue:l,indeterminate:!l&&n.value.length&&t.length?!0:void 0}}),gt=(n,o,t)=>({state:gn(n,o),handleChange:l=>{const r=o.value.filter(i=>!n.value.includes(i)),a=l?r.concat(n.value):r;t(a)}}),Y=e.defineComponent({__name:"OnyxHeadline",props:{is:{}},setup(n){const o=n;return(t,l)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.is),{class:e.normalizeClass(["onyx-headline",`onyx-headline--${o.is}`])},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},8,["class"]))}}),kn=["disabled","aria-label"],bn={key:0,class:"onyx-checkbox-group__label"},xn=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:{default:I},skeleton:{type:[Symbol,Boolean,Number],default:P}},emits:["update:modelValue"],setup(n,{emit:o}){const t=n,{densityClass:l}=B(t),r=o,{t:a}=N(),i=(m,y)=>{const f=y?[...t.modelValue,m]:t.modelValue.filter(h=>h!==m);r("update:modelValue",f)},c=e.computed(()=>t.options.filter(m=>!m.disabled&&!m.skeleton).map(({value:m})=>m)),{disabled:u}=R(t),s=A(t),d=gt(c,e.computed(()=>t.modelValue),m=>r("update:modelValue",m)),p=e.computed(()=>{var y;const m=a.value("selections.selectAll");return typeof t.withCheckAll=="boolean"?m:((y=t.withCheckAll)==null?void 0:y.label)??m});return(m,y)=>(e.openBlock(),e.createElementBlock("fieldset",{class:e.normalizeClass(["onyx-checkbox-group",e.unref(l)]),disabled:e.unref(u),"aria-label":t.label},[t.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("legend",bn,[e.createVNode(Y,{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"}])},[e.unref(s)?typeof e.unref(s)=="number"?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(e.unref(s),f=>(e.openBlock(),e.createBlock(se,{key:f,label:`Skeleton ${f}`,value:`skeleton-${f}`,skeleton:""},null,8,["label","value"]))),128)):e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[t.withCheckAll?(e.openBlock(),e.createBlock(se,e.mergeProps({key:0},e.unref(d).state.value,{label:p.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,f=>(e.openBlock(),e.createBlock(se,e.mergeProps({key:f.value.toString(),ref_for:!0},f,{truncation:f.truncation??t.truncation,"model-value":t.modelValue.includes(f.value),class:"onyx-checkbox-group__option","onUpdate:modelValue":h=>i(f.value,h)}),null,16,["truncation","model-value","onUpdate:modelValue"]))),128))],64))],2)],10,kn))}}),Bn='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M8.25 17.25h-4.5V6.008h4.5zm-3-1.5h1.5V7.508h-1.5zm14.273 1.958c.457-.668.727-1.47.727-2.333 0-.127-.008-.255-.023-.375V4.508h-4.5v6.765a4.3 4.3 0 0 0-1.5.442V8.258h-4.5v8.992h2.716a4.12 4.12 0 0 0 3.667 2.25c.863 0 1.672-.27 2.332-.727l2.76 2.76 1.058-1.058-2.76-2.76zm-.788-11.7v6.18a4.05 4.05 0 0 0-1.492-.773v-5.4h1.492zm-7.492 9.742V9.758h1.5v3.292a4.1 4.1 0 0 0-.735 2.325c0 .127.007.255.022.375zM16.124 18a2.63 2.63 0 0 1-2.625-2.625 2.63 2.63 0 0 1 2.625-2.625 2.63 2.63 0 0 1 2.625 2.625A2.63 2.63 0 0 1 16.125 18"/></svg>',kt='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m12 10.94 3.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"/><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.71" clip-rule="evenodd"/></svg>',Cn={class:"onyx-empty__label onyx-text onyx-truncation-multiline"},Pe=e.defineComponent({__name:"OnyxEmpty",props:{density:{}},setup(n){const o=n,{densityClass:t}=B(o);return(l,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["onyx-empty",e.unref(t)])},[e.renderSlot(l.$slots,"icon",{},()=>[e.createVNode(w,{icon:e.unref(kt),size:"48px"},null,8,["icon"])]),e.createElementVNode("div",Cn,[e.renderSlot(l.$slots,"default")])],2))}}),wn={class:"onyx-table-wrapper"},Vn=["tabindex"],En=["span"],Sn={key:0,class:"onyx-table__header"},Nn={key:0},Mn=["colspan"],$n={class:"onyx-table__empty"},On={colspan:"100%"},Tn={class:"onyx-table__empty-content"},bt=e.defineComponent({__name:"OnyxTable",props:{density:{},striped:{type:Boolean,default:!1},withVerticalBorders:{type:Boolean,default:!1},withPageScrolling:{type:Boolean,default:!1},columnGroups:{}},setup(n){const o=n,t=e.useSlots(),{t:l}=N(),{densityClass:r}=B(o),a=e.computed(()=>l.value("table.empty"));return(i,c)=>{var u;return e.openBlock(),e.createElementBlock("div",wn,[e.createElementVNode("div",{class:e.normalizeClass({"onyx-table-wrapper__scroll-container":!o.withPageScrolling}),tabindex:o.withPageScrolling?void 0:0},[e.createElementVNode("table",{class:e.normalizeClass(["onyx-table onyx-text",[o.striped?"onyx-table--striped":"",o.withVerticalBorders?"onyx-table--vertical-borders":"",e.unref(r)]])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.columnGroups,s=>(e.openBlock(),e.createElementBlock("colgroup",{key:s.key,span:s.span},null,8,En))),128)),t.head?(e.openBlock(),e.createElementBlock("thead",Sn,[(u=o.columnGroups)!=null&&u.length?(e.openBlock(),e.createElementBlock("tr",Nn,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.columnGroups,s=>(e.openBlock(),e.createElementBlock("th",{key:s.key,colspan:s.span,scope:"colgroup",class:"onyx-table__colgroup"},e.toDisplayString(s.header),9,Mn))),128))])):e.createCommentVNode("",!0),e.renderSlot(i.$slots,"head")])):e.createCommentVNode("",!0),e.createElementVNode("tbody",null,[e.renderSlot(i.$slots,"default",{},()=>[e.createElementVNode("tr",$n,[e.createElementVNode("td",On,[e.createElementVNode("div",Tn,[e.renderSlot(i.$slots,"empty",{defaultMessage:a.value},()=>[e.createVNode(Pe,null,{icon:e.withCtx(()=>[e.createVNode(w,{icon:e.unref(Bn),size:"48px"},null,8,["icon"])]),default:e.withCtx(()=>[e.createTextVNode(" "+e.toDisplayString(a.value),1)]),_:1})])])])])])])],2)],10,Vn)])}}}),xt=e.defineComponent({__name:"OnyxDataGridRenderer",props:{density:{},striped:{type:Boolean,default:!0},withVerticalBorders:{type:Boolean,default:!0},withPageScrolling:{type:Boolean},columnGroups:{},columns:{},rows:{}},setup(n){const o=n;return(t,l)=>(e.openBlock(),e.createBlock(bt,e.mergeProps({class:"onyx-data-grid"},o),{head:e.withCtx(()=>[e.createElementVNode("tr",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.columns,r=>(e.openBlock(),e.createElementBlock("th",e.mergeProps({key:r.key,ref_for:!0},r.thAttributes,{scope:"col"}),[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(r.component),e.mergeProps({ref_for:!0},r.props),null,16))],16))),128))])]),default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.rows,r=>(e.openBlock(),e.createElementBlock("tr",e.mergeProps({key:r.id,ref_for:!0},r.trAttributes),[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.columns,a=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:a.key},[r.cells[a.key]?(e.openBlock(),e.createElementBlock("td",e.mergeProps({key:0,ref_for:!0},r.cells[a.key].tdAttributes),[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(r.cells[a.key].component),e.mergeProps({ref_for:!0},r.cells[a.key].props),null,16))],16)):e.createCommentVNode("",!0)],64))),128))],16))),128))]),_:1},16))}}),In={class:"onyx-data-grid-header-cell"},Ln={class:"onyx-data-grid-header-cell__label"},Dn={key:0,class:"onyx-data-grid-header-cell__actions"},Pn=e.defineComponent({__name:"HeaderCell",props:{label:{}},setup(n){const o=n,t=e.useSlots();return(l,r)=>(e.openBlock(),e.createElementBlock("div",In,[e.createElementVNode("span",Ln,e.toDisplayString(o.label),1),t.actions?(e.openBlock(),e.createElementBlock("div",Dn,[e.renderSlot(l.$slots,"actions")])):e.createCommentVNode("",!0)]))}});const An=n=>{const o=r=>{const i=n.map(c=>c.header).filter(c=>!!c).map(c=>c.actions).filter(c=>!!c);return r.map(c=>{const u=i.flatMap(s=>s(c)).map(({iconComponent:s})=>s);return{key:c,component:()=>e.h(Pn,{label:String(c)},{actions:u}),props:{}}})},t=(r,a)=>{const i=n.map(u=>u.mutation).filter(u=>!!u),c=[...r];return i.forEach(({func:u})=>u(c)),c.map(u=>{const s=a.reduce((d,p)=>(d[p]={component:()=>u[p],props:{row:u}},d),{});return{id:u.id,cells:s}})},l=n.flatMap(r=>r.watch);return{createRendererRows:t,createRendererColumns:o,watchSources:l}},zn=e.defineComponent({__name:"OnyxDataGrid",props:{features:{default:()=>[]},columns:{},data:{}},setup(n){const o=n,t=e.ref([]),l=e.ref([]),{columns:r,data:a,features:i}=e.toRefs(o),c=e.computed(()=>An(i.value));let u;const s=()=>{const{createRendererColumns:d,createRendererRows:p,watchSources:m}=c.value;return e.watch([r,a,...m],()=>{t.value=d(r.value),l.value=p(a.value,r.value)},{immediate:!0,deep:!0})};return e.watch(c,()=>{u==null||u(),u=s()},{immediate:!0}),(d,p)=>(e.openBlock(),e.createBlock(xt,{columns:t.value,rows:l.value},null,8,["columns","rows"]))}}),Rn='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M16.905 12.653 12 17.558l-4.905-4.905 1.058-1.058 3.097 3.098V6h1.5v8.693l3.098-3.098z"/></svg>',Hn='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M7.095 10.905 12 6l4.905 4.905-1.058 1.058-3.097-3.098v8.693h-1.5V8.865l-3.098 3.098z"/></svg>',Fn='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m15.75 1.94 5.03 5.03-1.06 1.06-3.22-3.22v8.69H15V4.81l-3.22 3.22-1.06-1.06zM9 10.5v8.69l3.22-3.22 1.06 1.06-5.03 5.03-5.03-5.03 1.06-1.06 3.22 3.22V10.5z"/></svg>',Un=e.defineComponent({__name:"SortAction",props:{columnLabel:{},sortDirection:{}},setup(n){const o=n,{t}=N(),l=e.computed(()=>o.sortDirection==="asc"?Hn:o.sortDirection==="desc"?Rn:Fn),r=e.computed(()=>{const a=Se(o.sortDirection);return t.value(`dataGrid.head.sortingAction.${a}`,{field:o.columnLabel})});return(a,i)=>(e.openBlock(),e.createBlock(e.unref(ze),{color:"neutral",icon:l.value,label:r.value},null,8,["icon","label"]))}}),Se=n=>{switch(n){case"asc":return"desc";case"desc":return"none";case"none":default:return"asc"}},qn=Symbol("Sorting"),Gn=n=>{const o=e.toRef((n==null?void 0:n.sortState)??{column:void 0,direction:"none"}),t=e.computed(()=>u=>{var d;const s=e.toValue(n==null?void 0:n.columns);return((d=s==null?void 0:s[u])==null?void 0:d.sortFunc)??a.value}),l=e.computed(()=>u=>{var d;const s=e.toValue(n==null?void 0:n.columns);return!s||((d=s==null?void 0:s[u])==null?void 0:d.enabled)===!0}),{locale:r}=N(),a=e.computed(()=>(u,s)=>new Intl.Collator(r.value).compare(String(u),String(s))),i=u=>{const s=o.value.column===u?Se(o.value.direction):Se(),d=s!=="none"?u:void 0;o.value={direction:s,column:d}};return{name:qn,watch:[o,a],mutation:{func:u=>{const{column:s,direction:d}=o.value;if(!s||d==="none")return;const p=d==="asc"?1:-1,m=t.value(s);u.sort((y,f)=>m(y[s],f[s])*p)}},header:{actions:u=>l.value(u)===!0?[{iconComponent:e.h(Un,{columnLabel:String(u),sortDirection:o.value.column===u?o.value.direction:void 0,onClick:()=>i(u)})}]:[]}}},Kn=Object.freeze(Object.defineProperty({__proto__:null,useSorting:Gn},Symbol.toStringTag,{value:"Module"})),ee=n=>e.computed(()=>n.value===!0?"onyx-form-element--immediate-invalid":n.value===!1?"onyx-form-element--suppress-invalid":"onyx-form-element--touched-invalid"),Zn=n=>n instanceof Date&&!isNaN(n),Ne='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M11.25 6h1.5v1.5h-1.5zm1.5 3.75h-1.5V18h1.5z"/><path fill-rule="evenodd" d="M12 1.5a10.5 10.5 0 1 0 0 21 10.5 10.5 0 0 0 0-21M12 21a9 9 0 1 1 9-9 9.01 9.01 0 0 1-9 9" clip-rule="evenodd"/></svg>',J=e.defineComponent({__name:"OnyxVisuallyHidden",props:{is:{default:"span"}},setup(n){const o=n;return(t,l)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.is),{class:"onyx-visually-hidden"},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3}))}}),jn={class:"onyx-info-tooltip"},Ae=e.defineComponent({__name:"OnyxInfoTooltip",props:{text:{},position:{},open:{type:[String,Boolean,Object],default:"click"},color:{default:"neutral"}},setup(n){const o=n,t=e.computed(()=>typeof o.open=="object"?o.open.type:typeof o.open=="string"?o.open:"click");return(l,r)=>(e.openBlock(),e.createElementBlock("span",jn,[t.value==="click"?(e.openBlock(),e.createBlock(Q,{key:0,text:o.text,open:o.open,color:o.color,position:o.position},{default:e.withCtx(({trigger:a})=>[e.createElementVNode("button",e.mergeProps({type:"button",class:"onyx-info-tooltip__trigger"},a),[e.createVNode(w,{icon:e.unref(Ne)},null,8,["icon"])],16)]),_:1},8,["text","open","color","position"])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createVNode(Q,{"aria-hidden":"true",text:o.text,open:o.open,color:o.color,position:o.position},{default:e.withCtx(({trigger:a})=>[e.createElementVNode("span",e.mergeProps({class:"onyx-info-tooltip__trigger"},a),[e.createVNode(w,{icon:e.unref(Ne)},null,8,["icon"])],16)]),_:1},8,["text","open","color","position"]),e.createVNode(J,null,{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.text),1)]),_:1})],64))]))}}),Yn={class:e.normalizeClass(["onyx-truncation-ellipsis"])},ge=e.defineComponent({__name:"FormMessage",props:{messages:{},type:{}},setup(n){const o=n;return(t,l)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.messages.hidden?J:"span"),{class:e.normalizeClass(["onyx-form-message",`onyx-form-message__${o.type}`])},{default:e.withCtx(()=>[e.createElementVNode("span",Yn,e.toDisplayString(o.messages.shortMessage),1),o.messages.longMessage?(e.openBlock(),e.createBlock(Ae,{key:0,class:"onyx-form-message__tooltip",position:"bottom",open:"hover",color:o.type,text:o.messages.longMessage},null,8,["color","text"])):e.createCommentVNode("",!0)]),_:1},8,["class"]))}}),Jn={key:0,class:"onyx-form-element__label onyx-text--small"},Wn=["for"],Xn={class:"onyx-form-element__footer onyx-text--small"},Qn={class:"onyx-form-element__footer-messages"},el={key:0,class:"onyx-form-element__counter"},te=e.defineComponent({__name:"OnyxFormElement",props:{required:{type:Boolean,default:!1},requiredMarker:{},id:{default:()=>e.useId()},name:{},modelValue:{},label:{},labelTooltip:{},hideLabel:{type:Boolean},maxlength:{},withCounter:{type:Boolean},errorMessages:{},message:{},successMessages:{}},setup(n){const o=n,{requiredMarkerClass:t,requiredTypeClass:l}=ue(o),r=e.computed(()=>{var a;if(o.withCounter&&o.maxlength)return`${(((a=o.modelValue)==null?void 0:a.toString())||"").length}/${o.maxlength}`});return(a,i)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["onyx-form-element",e.unref(l),a.successMessages?"onyx-form-element--success":void 0])},[o.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",Jn,[e.createElementVNode("label",{for:o.id,class:"onyx-truncation-ellipsis"},e.toDisplayString(o.label),9,Wn),o.required?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass([o.required?e.unref(t):void 0])},null,2)):e.createCommentVNode("",!0),o.labelTooltip?(e.openBlock(),e.createBlock(Ae,{key:1,class:"onyx-form-element__label-tooltip",open:"hover",text:o.labelTooltip},null,8,["text"])):e.createCommentVNode("",!0),o.required?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("span",{key:2,class:e.normalizeClass([o.required?void 0:e.unref(t)])},null,2))])),e.renderSlot(a.$slots,"default",{id:o.id}),e.createElementVNode("div",Xn,[e.createElementVNode("span",Qn,[o.errorMessages?(e.openBlock(),e.createBlock(ge,{key:0,class:"onyx-form-element__error-message",messages:o.errorMessages,type:"danger"},null,8,["messages"])):e.createCommentVNode("",!0),o.successMessages?(e.openBlock(),e.createBlock(ge,{key:1,class:"onyx-form-element__success-message",messages:o.successMessages,type:"success"},null,8,["messages"])):e.createCommentVNode("",!0),o.message?(e.openBlock(),e.createBlock(ge,{key:2,class:"onyx-form-element__message",messages:o.message,type:"neutral"},null,8,["messages"])):e.createCommentVNode("",!0)]),r.value?(e.openBlock(),e.createElementBlock("span",el,e.toDisplayString(r.value),1)):e.createCommentVNode("",!0)])],2))}}),tl={class:"onyx-datepicker__wrapper"},ol=["id","value","type","required","autofocus","name","readonly","disabled","aria-label","title"],nl=e.defineComponent({__name:"OnyxDatePicker",props:{disabled:{default:I},showError:{default:I},density:{},required:{type:Boolean,default:!1},requiredMarker:{},customError:{},id:{},name:{},label:{},labelTooltip:{},hideLabel:{type:Boolean},error:{},message:{},success:{},autofocus:{type:Boolean},readonly:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},skeleton:{type:[Symbol,Boolean,Number],default:P},modelValue:{},type:{default:"date"}},emits:["update:modelValue","validityChange"],setup(n,{emit:o}){const t=n,l=o,{vCustomValidity:r,errorMessages:a}=G({props:t,emit:l}),i=e.computed(()=>H(t.success)),c=e.computed(()=>H(t.message)),{densityClass:u}=B(t),{disabled:s,showError:d}=R(t),p=A(t),m=ee(d),y=e.computed(()=>h=>{const v=h!=null?new Date(h):void 0;if(!Zn(v))return;const g=v.toISOString().split("T")[0];if(t.type==="date")return g;const k=v.getHours().toString().padStart(2,"0"),V=v.getMinutes().toString().padStart(2,"0");return`${g}T${k}:${V}`}),f=h=>{const g=h.target.valueAsDate;l("update:modelValue",g==null?void 0:g.toISOString())};return(h,v)=>e.unref(p)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["onyx-datepicker-skeleton",e.unref(u)])},[t.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(M,{key:0,class:"onyx-datepicker-skeleton__label"})),e.createVNode(M,{class:"onyx-datepicker-skeleton__input"})],2)):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["onyx-datepicker",e.unref(u),e.unref(m)])},[e.createVNode(te,e.mergeProps(t,{"error-messages":e.unref(a),"success-messages":i.value,message:c.value}),{default:e.withCtx(({id:g})=>[e.createElementVNode("div",tl,[t.loading?(e.openBlock(),e.createBlock(F,{key:0,class:"onyx-datepicker__loading",type:"circle"})):e.createCommentVNode("",!0),e.withDirectives((e.openBlock(),e.createElementBlock("input",{id:g,key:t.type,value:y.value(t.modelValue),class:e.normalizeClass(["onyx-datepicker__native",{"onyx-datepicker__native--success":i.value}]),type:t.type,required:t.required,autofocus:t.autofocus,name:t.name,readonly:t.readonly,disabled:e.unref(s)||t.loading,"aria-label":t.hideLabel?t.label:void 0,title:t.hideLabel?t.label:void 0,onInput:f},null,42,ol)),[[e.unref(r)]])])]),_:1},16,["error-messages","success-messages","message"])],2))}}),ll=["aria-modal","aria-label","role"],Bt=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(n,{emit:o}){const t=n,l=o,r=e.ref(),{densityClass:a}=B(t),i=()=>{var c,u;t.modal?(c=r.value)==null||c.showModal():(u=r.value)==null||u.show()};return e.watch([r,()=>t.open],()=>{var c;t.open?i():(c=r.value)==null||c.close()}),e.watch(()=>t.modal,()=>{var c;(c=r.value)!=null&&c.open&&(r.value.close(),i())}),(c,u)=>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:u[0]||(u[0]=e.withModifiers(s=>l("close"),["prevent"]))},[e.renderSlot(c.$slots,"default")],42,ll)):e.createCommentVNode("",!0)}}),al='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.15 7.913v1.5h4.377l-6.145 6.144 1.06 1.06 6.146-6.144v4.377h1.5V7.913z"/></svg>',rl=n=>/^http(s?):\/\//.test(n),pe=e.defineComponent({__name:"OnyxExternalLinkIcon",props:{href:{},withExternalIcon:{type:[Boolean,String],default:"auto"}},setup(n){const o=n,t=e.computed(()=>{const l=o.withExternalIcon;return l!=="auto"?l:rl(o.href??"")});return(l,r)=>t.value?(e.openBlock(),e.createBlock(w,{key:0,class:"onyx-external-link-icon",icon:e.unref(al),size:"16px"},null,8,["icon"])):e.createCommentVNode("",!0)}}),sl=["h1","h2","h3","h4","h5","h6"],il=["12px","16px","24px","32px","48px","64px","96px"],cl=["aria-label","title","type","disabled","autofocus"],ze=e.defineComponent({__name:"OnyxIconButton",props:{density:{},autofocus:{type:Boolean},label:{},disabled:{default:I},type:{default:"button"},color:{default:"primary"},loading:{type:Boolean},icon:{},skeleton:{type:[Symbol,Boolean,Number],default:P}},setup(n){const o=n,{densityClass:t}=B(o),{disabled:l}=R(o),r=A(o);return(a,i)=>e.unref(r)?(e.openBlock(),e.createBlock(M,{key:0,class:e.normalizeClass(["onyx-icon-button-skeleton",e.unref(t)])},null,8,["class"])):(e.openBlock(),e.createElementBlock("button",{key:1,class:e.normalizeClass(["onyx-icon-button",[`onyx-icon-button--${o.color}`,{"onyx-icon-button--loading":o.loading},e.unref(t)]]),"aria-label":o.label,title:o.label,type:o.type,disabled:e.unref(l)||o.loading,autofocus:o.autofocus},[o.loading?(e.openBlock(),e.createBlock(F,{key:0,type:"circle"})):o.icon?(e.openBlock(),e.createBlock(w,{key:1,icon:o.icon},null,8,["icon"])):e.renderSlot(a.$slots,"default",{key:2})],10,cl))}}),ul={class:"onyx-input__wrapper"},dl=["id","placeholder","type","required","autocapitalize","autocomplete","autofocus","name","pattern","readonly","disabled","minlength","maxlength","aria-label","title"],pl=e.defineComponent({__name:"OnyxInput",props:{disabled:{default:I},showError:{default:I},density:{},required:{type:Boolean,default:!1},requiredMarker:{},customError:{},id:{},name:{},label:{},labelTooltip:{},hideLabel:{type:Boolean},error:{},message:{},success:{},maxlength:{},withCounter:{type:Boolean},autofocus:{type:Boolean},modelValue:{default:""},type:{default:"text"},placeholder:{},autocapitalize:{default:"sentences"},autocomplete:{},pattern:{},readonly:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},minlength:{},skeleton:{type:[Symbol,Boolean,Number],default:P}},emits:["update:modelValue","validityChange"],setup(n,{emit:o}){const t=n,l=o,{vCustomValidity:r,errorMessages:a}=G({props:t,emit:l}),i=e.computed(()=>H(t.success)),c=e.computed(()=>H(t.message)),{densityClass:u}=B(t),s=e.computed({get:()=>t.modelValue,set:h=>l("update:modelValue",h)}),d=e.computed(()=>t.pattern instanceof RegExp?t.pattern.source:t.pattern),{disabled:p,showError:m}=R(t),y=A(t),f=ee(m);return(h,v)=>e.unref(y)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["onyx-input-skeleton",e.unref(u)])},[t.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(M,{key:0,class:"onyx-input-skeleton__label"})),e.createVNode(M,{class:"onyx-input-skeleton__input"})],2)):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["onyx-input",e.unref(u),e.unref(f)])},[e.createVNode(te,e.mergeProps(t,{"error-messages":e.unref(a),"success-messages":i.value,message:c.value}),{default:e.withCtx(({id:g})=>[e.createElementVNode("div",ul,[t.loading?(e.openBlock(),e.createBlock(F,{key:0,class:"onyx-input__loading",type:"circle"})):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("input",{id:g,"onUpdate:modelValue":v[0]||(v[0]=k=>s.value=k),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:d.value,readonly:t.readonly,disabled:e.unref(p)||t.loading,minlength:t.minlength,maxlength:t.maxlength,"aria-label":t.hideLabel?t.label:void 0,title:t.hideLabel?t.label:void 0},null,8,dl),[[e.vModelDynamic,s.value],[e.unref(r)]])])]),_:1},16,["error-messages","success-messages","message"])],2))}}),ml=["email","password","search","tel","text","url"],fl=["none","sentences","words","characters"],yl=["href","target","rel"],hl=e.defineComponent({__name:"OnyxLink",props:{href:{},withExternalIcon:{type:[Boolean,String],default:"auto"},target:{default:"_self"}},setup(n){const o=n,{t}=N();return(l,r)=>(e.openBlock(),e.createElementBlock("a",{class:"onyx-link",href:o.href,target:o.target,rel:o.target==="_blank"?"noreferrer":void 0},[e.renderSlot(l.$slots,"default"),o.target==="_blank"?(e.openBlock(),e.createBlock(J,{key:0},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(t)("link.opensExternally")),1)]),_:1})):e.createCommentVNode("",!0),e.createVNode(pe,e.normalizeProps(e.guardReactiveProps(o)),null,16)],8,yl))}}),vl=["_self","_blank","_parent","_top"],me=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(n){const o=n,{densityClass:t}=B(o);return(l,r)=>(e.openBlock(),e.createElementBlock("li",{class:e.normalizeClass({"onyx-list-item":!0,...e.unref(t),"onyx-list-item--active":o.active,[`onyx-list-item--${o.color}`]:o.color,"onyx-list-item--disabled":o.disabled,"onyx-list-item--selected":o.selected,"onyx-list-item--checked":o.checked})},[e.renderSlot(l.$slots,"default")],2))}}),_l='<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>',Re='<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>',Ct=()=>{const n=e.useAttrs(),o=e.computed(()=>({class:n.class,style:n.style})),t=e.computed(()=>{const l={...n};return delete l.class,delete l.style,l});return{rootAttrs:o,restAttrs:t}},gl=["placeholder","aria-label"],kl=["aria-label"],wt=e.defineComponent({inheritAttrs:!1,__name:"OnyxMiniSearch",props:{density:{},label:{},modelValue:{}},emits:["update:modelValue","clear"],setup(n,{expose:o,emit:t}){const l=n,r=t,{rootAttrs:a,restAttrs:i}=Ct(),{densityClass:c}=B(l),{t:u}=N(),s=e.ref(),d=e.computed({get:()=>l.modelValue,set:m=>r("update:modelValue",m??"")}),p=e.computed(()=>u.value("select.searchPlaceholder"));return o({focus:()=>{var m;return(m=s.value)==null?void 0:m.focus()}}),(m,y)=>(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:s,"onUpdate:modelValue":y[0]||(y[0]=f=>d.value=f),class:"onyx-mini-search__input onyx-text",placeholder:p.value,type:"text",size:"1"},e.unref(i),{"aria-label":l.label}),null,16,gl),[[e.vModelText,d.value]]),e.createElementVNode("button",{type:"button",class:"onyx-mini-search__clear","aria-label":e.unref(u)("select.clearSearch"),tabindex:"-1",onMousedown:y[1]||(y[1]=e.withModifiers(()=>{},["prevent"])),onClick:y[2]||(y[2]=f=>r("clear"))},[e.createVNode(w,{icon:e.unref(Re)},null,8,["icon"])],40,kl),e.createVNode(w,{class:"onyx-mini-search__icon",icon:e.unref(_l)},null,8,["icon"])],16))}}),bl='<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>',xl={class:"onyx-mobile-nav-button"},Bl=["aria-label"],Cl={class:"onyx-mobile-nav-button__flyout"},wl={class:"onyx-mobile-nav-button__menu"},Me=e.defineComponent({__name:"OnyxMobileNavButton",props:{label:{},icon:{},open:{type:Boolean,default:!1},headline:{}},emits:["update:open"],setup(n,{emit:o}){const t=n,l=o;return(r,a)=>(e.openBlock(),e.createElementBlock("div",xl,[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]=i=>l("update:open",!t.open))},[e.createVNode(w,{icon:t.open?e.unref(bl):t.icon},null,8,["icon"])],10,Bl),t.open?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createElementVNode("div",Cl,[e.createElementVNode("div",wl,[t.headline?(e.openBlock(),e.createBlock(Y,{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]=i=>l("update:open",!1))})],64)):e.createCommentVNode("",!0)]))}}),Vl=n=>{const o=e.ref([]),t=e.computed(()=>Array.from(n.componentRefs.keys()).filter(r=>!o.value.includes(r))),l=e.ref();return e.onBeforeUnmount(()=>{var r;return(r=l.value)==null?void 0:r.disconnect()}),e.watch([n.parentRef,n.componentRefs,n.disabled],()=>{var a,i;(a=l.value)==null||a.disconnect();const r=ke(n.parentRef.value);if(!r||(i=n.disabled)!=null&&i.value){o.value=[];return}l.value=new IntersectionObserver(c=>{const u=[],s=[];c.forEach(d=>{var y;const p=(y=Array.from(n.componentRefs).find(([f,h])=>ke(e.unref(h))===d.target))==null?void 0:y[0];if(!p)return;d.intersectionRatio===1?u.push(p):s.push(p)}),o.value.length===0?o.value=u:o.value=o.value.filter(d=>!s.includes(d)).concat(u)},{root:r,threshold:1}),n.componentRefs.forEach(c=>{var s;const u=ke(e.unref(c));u&&((s=l.value)==null||s.observe(u))})},{immediate:!0}),{visibleElements:o,hiddenElements:t}},ke=n=>n instanceof Element?n:n==null?void 0:n.$el,El=n=>{var a;const o=e.useId(),t=e.ref(),l=e.inject(n);(a=l==null?void 0:l.components)==null||a.set(o,t),e.onBeforeUnmount(()=>{var i;return(i=l==null?void 0:l.components)==null?void 0:i.delete(o)});const r=e.computed(()=>(l==null?void 0:l.disabled.value)||((l==null?void 0:l.visibleElements.value.includes(o))??!0));return{componentRef:t,isVisible:r}},Sl=e.defineComponent({__name:"OnyxMoreList",props:{is:{},injectionKey:{},disabled:{type:Boolean}},emits:["visibilityChange"],setup(n,{emit:o}){const t=n,l=o,r=e.ref(),a=e.reactive(new Map),i=e.toRef(t,"disabled"),c=Vl({parentRef:r,componentRefs:a,disabled:i});return e.provide(t.injectionKey,{components:a,visibleElements:c.visibleElements,disabled:i}),e.watch([c.visibleElements,c.hiddenElements],([u,s])=>{l("visibilityChange",{visibleElements:u.length,hiddenElements:s.length})}),(u,s)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.is),{ref_key:"parentRef",ref:r,class:"onyx-more"},{default:e.withCtx(()=>[e.renderSlot(u.$slots,"default"),e.unref(c).hiddenElements.value.length>0?e.renderSlot(u.$slots,"more",{key:0,hiddenElements:e.unref(c).hiddenElements.value.length,visibleElements:e.unref(c).visibleElements.value.length}):e.createCommentVNode("",!0)]),_:3},512))}}),Nl=["aria-label"],Ml=["src","alt"],$l={key:1,class:"onyx-text-small onyx-truncation-ellipsis"},Vt=e.defineComponent({__name:"OnyxNavAppArea",props:{logoUrl:{},appName:{},label:{}},setup(n){const o=n,{t}=N(),l=e.computed(()=>o.label??t.value("navigation.goToHome"));return(r,a)=>(e.openBlock(),e.createElementBlock("button",{type:"button",class:"onyx-nav-app-area","aria-label":l.value},[e.renderSlot(r.$slots,"default",{},()=>[o.logoUrl?(e.openBlock(),e.createElementBlock("img",{key:0,src:o.logoUrl,alt:e.unref(t)("navigation.appLogo",{appName:o.appName}),class:"onyx-nav-app-area__logo",width:"24",height:"24"},null,8,Ml)):e.createCommentVNode("",!0),o.appName?(e.openBlock(),e.createElementBlock("span",$l,e.toDisplayString(o.appName),1)):e.createCommentVNode("",!0)])],8,Nl))}}),Ol=`<svg width="166" height="104" viewBox="0 0 166 104" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),tt={"2xs":320,xs:576,sm:768,md:992,lg:1440,xl:1920},Jt={key:0,class:"onyx-app__nav"},Wt={class:"onyx-app__page"},Xt={key:1,class:"onyx-app__page-overlay"},Qt={key:2,class:"onyx-app__app-overlay"},eo=e.defineComponent({__name:"OnyxAppLayout",props:{navBarAlignment:{default:"top"}},setup(n){const o=n,t=e.useSlots();return(l,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["onyx-app",{"onyx-app--horizontal":o.navBarAlignment==="left"}])},[t.navBar?(e.openBlock(),e.createElementBlock("div",Jt,[e.renderSlot(l.$slots,"navBar")])):e.createCommentVNode("",!0),e.createElementVNode("div",Wt,[e.renderSlot(l.$slots,"default")]),t.pageOverlay?(e.openBlock(),e.createElementBlock("div",Xt,[e.renderSlot(l.$slots,"pageOverlay")])):e.createCommentVNode("",!0),t.appOverlay?(e.openBlock(),e.createElementBlock("div",Qt,[e.renderSlot(l.$slots,"appOverlay")])):e.createCommentVNode("",!0)],2))}}),to=["title"],oo=["src","alt"],no={key:1,class:"onyx-avatar__initials"},Be=e.defineComponent({__name:"OnyxAvatar",props:{size:{default:"48px"},label:{},src:{}},setup(n){const o=n,t=e.useSlots(),l=e.computed(()=>{const a=o.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(()=>o.src,()=>r.value=!1),(a,s)=>(e.openBlock(),e.createElementBlock("figure",{class:e.normalizeClass(["onyx-avatar",[`onyx-avatar--${o.size}`,t.default?"onyx-avatar--custom":""]]),title:o.label},[o.src&&!r.value?(e.openBlock(),e.createElementBlock("img",{key:0,class:"onyx-avatar__svg",src:o.src,alt:o.label,onError:s[0]||(s[0]=c=>r.value=!0)},null,40,oo)):(e.openBlock(),e.createElementBlock("div",no,[e.renderSlot(a.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(l.value),1)])]))],10,to))}}),lo={class:"onyx-avatar-stack"},ao=e.defineComponent({__name:"OnyxAvatarStack",setup(n){return(o,t)=>(e.openBlock(),e.createElementBlock("div",lo,[e.renderSlot(o.$slots,"default")]))}}),ro=["compact","default","cozy"],B=n=>({densityClass:e.computed(()=>({[`onyx-density-${n.density}`]:!!n.density}))}),so=["innerHTML"],w=e.defineComponent({__name:"OnyxIcon",props:{size:{},icon:{},color:{}},setup(n){const o=n;return(t,l)=>(e.openBlock(),e.createElementBlock("figure",{class:e.normalizeClass({"onyx-icon":!0,[`onyx-icon--${o.size}`]:o.size,[`onyx-icon--${o.color}`]:o.color}),"aria-hidden":"true",innerHTML:o.icon},null,10,so))}}),ot=e.defineComponent({__name:"OnyxBadge",props:{density:{},color:{default:"primary"},icon:{},dot:{type:Boolean,default:!1}},setup(n){const o=n,{densityClass:t}=B(o);return(l,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["onyx-badge",["onyx-truncation-ellipsis","onyx-text",`onyx-badge--${o.color}`,o.dot?"onyx-badge--dot":"",e.unref(t)]])},[o.dot?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[o.icon?(e.openBlock(),e.createBlock(w,{key:0,class:"onyx-badge__icon",icon:o.icon},null,8,["icon"])):e.renderSlot(l.$slots,"default",{key:1})],64))],2))}}),nt=Symbol(),P=Symbol("SKELETON_INJECTED_SYMBOL"),lt=n=>o=>e.computed(()=>typeof o.skeleton!="symbol"?o.skeleton:o.skeleton===P&&(n==null?void 0:n.skeleton)===!0?3:!1),Ie=n=>e.provide(nt,lt(n)),io=lt(),A=n=>e.inject(nt,io)(n),at=Symbol(),I=Symbol("FORM_INJECTED_SYMBOL"),Ye=(n,o,t,l)=>e.computed(()=>{const r=o.value[t];return r!=null&&typeof r!="symbol"?r:r===I?(n==null?void 0:n.value[t])??l:l}),rt=n=>o=>({disabled:Ye(n,o,"disabled",!1),showError:Ye(n,o,"showError","touched")}),co=n=>e.provide(at,rt(n&&e.toRef(n))),uo=rt(),R=n=>e.inject(at,uo)(e.toRef(n)),Le=(n,o)=>{const t=n.__vccOpts||n;for(const[l,r]of o)t[l]=r;return t},po={},mo={class:"onyx-circle-spinner",viewBox:"0 0 50 50"};function fo(n,o){return e.openBlock(),e.createElementBlock("svg",mo,o[0]||(o[0]=[e.createElementVNode("circle",{class:"onyx-circle-spinner__circle",cx:"50%",cy:"50%",r:"45%"},null,-1)]))}const yo=Le(po,[["render",fo]]),ho={},vo={class:"onyx-loading-dots"};function _o(n,o){return e.openBlock(),e.createElementBlock("div",vo,o[0]||(o[0]=[e.createElementVNode("span",{class:"onyx-loading-dots__center"},null,-1)]))}const go=Le(ho,[["render",_o]]),F=e.defineComponent({__name:"OnyxLoadingIndicator",props:{type:{default:"dots"}},setup(n){const o=n;return(t,l)=>o.type==="circle"?(e.openBlock(),e.createBlock(yo,{key:0})):o.type==="dots"?(e.openBlock(),e.createBlock(go,{key:1})):e.createCommentVNode("",!0)}}),ko=n=>{const o=e.ref(!1),t=e.reactive(new Map),l=c=>{var d;const u=(d=n.value)==null?void 0:d.getBoundingClientRect();if(!u)return;o.value=!0;const i={id:Date.now().toString(),left:`${c.x-u.left}px`,top:`${c.y-u.top}px`,animationEnded:!1};return t.set(i.id,i),i.id},r=c=>{const u=c.dataset.rippleid;u!=null&&(t.has(u)&&(t.get(u).animationEnded=!0),o.value||t.delete(u))},a=()=>{o.value=!1,t.forEach((c,u)=>{c.animationEnded&&t.delete(u)})},s=e.ref({});return e.onBeforeMount(()=>{var c;(c=window.matchMedia)!=null&&c.call(window,"pointer: none").matches?s.value={touchstart:l,touchend:a,touchcancel:a}:s.value={mousedown:l,mouseleave:a,mouseup:a}}),{isPointerDown:o,ripples:t,startRipple:l,hideRipples:a,hideRipple:r,events:s}},xo=["data-rippleid"],bo=e.defineComponent({__name:"OnyxRipple",setup(n,{expose:o}){const t=e.ref(),{ripples:l,hideRipple:r,events:a}=ko(t);return o({events:a}),(s,c)=>(e.openBlock(),e.createElementBlock("span",{ref_key:"rippleTrigger",ref:t,class:"onyx-ripple","aria-hidden":"true"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(l),([u,i])=>(e.openBlock(),e.createElementBlock("span",{key:u,class:"onyx-ripple__element",style:e.normalizeStyle({"--onyx-ripple-left":i.left,"--onyx-ripple-top":i.top}),"data-rippleid":u,onAnimationend:c[0]||(c[0]=d=>e.unref(r)(d.target))},null,44,xo))),128))],512))}}),Bo={},Co={"aria-hidden":"true",class:"onyx-skeleton"};function wo(n,o){return e.openBlock(),e.createElementBlock("figure",Co)}const M=Le(Bo,[["render",wo]]),Vo=["disabled","type","aria-label","autofocus"],Eo={class:"onyx-button__label onyx-truncation-ellipsis"},ie=e.defineComponent({__name:"OnyxButton",props:{density:{},autofocus:{type:Boolean},label:{},disabled:{default:I},loading:{type:Boolean,default:!1},type:{default:"button"},color:{default:"primary"},mode:{default:"default"},icon:{},skeleton:{type:[Symbol,Boolean,Number],default:P}},setup(n){const o=n,{densityClass:t}=B(o),{disabled:l}=R(o),r=A(o),a=e.ref(),s=e.computed(()=>{var c;return((c=a.value)==null?void 0:c.events)??{}});return(c,u)=>e.unref(r)?(e.openBlock(),e.createBlock(M,{key:0,class:e.normalizeClass(["onyx-button-skeleton",e.unref(t)])},null,8,["class"])):(e.openBlock(),e.createElementBlock("button",e.mergeProps({key:1,class:["onyx-button",`onyx-button--${o.color}`,`onyx-button--${o.mode}`,{"onyx-button--loading":o.loading},e.unref(t)],disabled:e.unref(l)||o.loading,type:o.type,"aria-label":o.loading?o.label:void 0,autofocus:o.autofocus},e.toHandlers(s.value,!0)),[!e.unref(l)&&!o.loading?(e.openBlock(),e.createBlock(bo,{key:0,ref_key:"rippleRef",ref:a},null,512)):e.createCommentVNode("",!0),o.icon&&!o.loading?(e.openBlock(),e.createBlock(w,{key:1,class:"onyx-button__icon",icon:o.icon},null,8,["icon"])):e.createCommentVNode("",!0),o.loading?(e.openBlock(),e.createBlock(F,{key:2,class:"onyx-button__loading"})):e.createCommentVNode("",!0),e.createElementVNode("span",Eo,e.toDisplayString(o.label),1)],16,Vo))}}),So=["button","submit","reset"],No=["primary","neutral","danger"],Mo=["default","outline","plain"],de=n=>({requiredTypeClass:e.computed(()=>({[`onyx-use-${n.requiredMarker}`]:n.requiredMarker})),requiredMarkerClass:e.computed(()=>({"onyx-required-marker":n.required,"onyx-optional-marker":!n.required}))}),$o="(optional)",Oo="Cancel",To="Apply",Io="Back",Lo="Close",Do={head:{sortingAction:{asc:"Sort the table ascending by the {field} column.",desc:"Sort the table descending by the {field} column.",none:"Reset sorting."}}},Po={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.'}}},Ao={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"},zo={selectAll:"Select all",currentSelection:"{n} selected"},Ro={decrement:"Decrement by {stepSize}",increment:"Increment by {stepSize}"},Ho={empty:"This table is empty."},Fo={opensExternally:"Opens in a new tab."},Uo="Subpages of {label}",qo={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"},Go={neutral:"Toggle info tooltip",danger:"Toggle error tooltip",success:"Toggle success tooltip"},Ko={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."}},Zo={label:"Pagination",ofPages:"of 1 page | of {n} pages",previous:"previous page",next:"next page",select:{label:"Page selection",listLabel:"Available pages"}},Ce={optional:$o,cancel:Oo,apply:To,back:Io,close:Lo,dataGrid:Do,validations:Po,select:Ao,selections:zo,stepper:Ro,table:Ho,link:Fo,navItemOptionsLabel:Uo,navigation:qo,tooltip:Go,colorScheme:Ko,pagination:Zo},st=Symbol(),it=(n={})=>{const o=e.computed(()=>e.unref(n==null?void 0:n.locale)??"en-US");if(n.t)return{t:n.t,locale:o};const t=e.computed(()=>n!=null&&n.messages&&o.value in n.messages?n.messages[o.value]:Ce),l=e.computed(()=>(r,a={})=>{let s=Je(r,t.value)??Je(r,Ce)??"";return s=jo(s,a.n),Yo(s,a)});return{locale:o,t:l}},ct=(n,o)=>{const t=it(o);return n.provide(st,t),t},N=()=>e.inject(st,()=>it(),!0),Je=(n,o)=>{const t=n.split(".").reduce((l,r)=>!l||typeof l=="string"?l:l[r],o);return t&&typeof t=="string"?t:void 0},jo=(n,o)=>{const t=n.split(" | ").map(r=>r.trim());if(t.length<=1)return n;let l=1;return o===0&&(l=0),o&&(o<=0||o>1)&&(l=2),t.length===2?l===1?t[0]:t[1]:t[l]},Yo=(n,o)=>o?Object.entries(o).reduce((l,[r,a])=>a===void 0?l:l.replace(new RegExp(`{${r}}`,"gi"),a.toString()),n).replace(/\s?{.*}\s?/gi,""):n,Jo=(n,o)=>{const t=Object.entries(n).filter(([r,a])=>a!==void 0),l=Object.entries(o).filter(([r,a])=>a!==void 0);return t.length!==l.length?!1:t.every(([r,a])=>a===o[r])},Wo=(n,o)=>n.reduce((t,l)=>{const r=l[o]??"";return t[r]=t[r]||[],t[r].push(l),t},{}),ut=()=>Object.entries(Object.getOwnPropertyDescriptors(ValidityState.prototype)).filter(([n,o])=>o.enumerable).map(([n])=>n),Xo=n=>ut().reduce((o,t)=>(o[t]=n[t],o),{}),Qo=n=>{if(n.valueMissing)return"valueMissing";const o=ut().filter(t=>t!=="valid").sort();for(const t of o)if(t in n&&n[t])return t},en=Object.keys(Ce.validations.typeMismatch),H=n=>{if(n)return typeof n=="string"?{shortMessage:n,longMessage:n,hidden:!1}:n},dt=n=>{if(!n)return;if(typeof n=="string")return n;if(n.shortMessage===n.longMessage)return n.shortMessage;const{shortMessage:o,longMessage:t}=n;return`${o}: ${t}`},G=n=>{const{t:o}=N(),t=e.ref(),l=e.ref(!1);e.watch(()=>n.props.modelValue,()=>l.value=!0,{once:!0});const r={mounted:s=>{e.watchEffect(()=>s.setCustomValidity(dt(n.props.customError)??"")),e.watch([()=>n.props],()=>{const c=Xo(s.validity);!t.value&&c.valid||t.value&&Jo(c,t.value)||(t.value=c)},{immediate:!0,deep:!0}),e.watch([()=>n.props.customError,t,l],()=>{!l.value||!t.value||n.emit("validityChange",t.value)},{immediate:!0})}},a=e.computed(()=>{var i,d,p;if(!t.value||t.value.valid)return;const s=Qo(t.value),c=H(n.props.customError);if(c||s==="customError")return c||void 0;if(!s)return;if(s==="typeMismatch"){const m=en.includes(n.props.type)?n.props.type:"generic";return{longMessage:o.value(`validations.typeMismatch.${m}.fullError`,{value:(i=n.props.modelValue)==null?void 0:i.toString()}),shortMessage:o.value(`validations.typeMismatch.${m}.preview`)}}const u={value:(d=n.props.modelValue)==null?void 0:d.toString(),n:((p=n.props.modelValue)==null?void 0:p.toString().length)??0,minLength:n.props.minlength,maxLength:n.props.maxlength,min:n.props.min,max:n.props.max,step:n.props.precision};return{longMessage:o.value(`validations.${s}.fullError`,u),shortMessage:o.value(`validations.${s}.preview`)}});return{vCustomValidity:r,errorMessages:a}},K=n=>n;function we(){const n=e.shallowRef();return e.computed({set:o=>{n.value=o!=null&&"$el"in o?o.$el:o},get:()=>n.value})}const tn=(n,o)=>Object.entries(n).every(([t,l])=>o[t]===l),on=(n,o)=>typeof o=="string"?n.key===o:tn({altKey:!1,ctrlKey:!1,metaKey:!1,shiftKey:!1,...o},n),Ve=n=>!ln.has(n),nn=["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"],ln=new Set(nn),j=e.reactive(new Map),an=(n,o)=>{if(o!=null&&o.size){j.set(n,o);return}j.delete(n),document.removeEventListener(n,pt)},We=(n,o)=>{const t=j.get(n);t==null||t.delete(o),an(n,t)},rn=(n,o)=>{const t=j.get(n)??new Set;t.add(o),j.set(n,t),document.addEventListener(n,pt)},pt=n=>{var t;const o=n.type;(t=j.get(o))==null||t.forEach(l=>l(n))},pe=({type:n,listener:o,disabled:t})=>{e.onBeforeMount(()=>e.watchEffect(()=>t!=null&&t.value?We(n,o):rn(n,o))),e.onBeforeUnmount(()=>We(n,o))},mt=({inside:n,onOutsideClick:o,disabled:t})=>{pe({type:"click",listener:r=>{const a=e.toValue(n);!(Array.isArray(a)?a:[a]).some(u=>u==null?void 0:u.contains(r.target))&&o(r)},disabled:t})},ft=(n,o)=>{let t;const l=(...r)=>{clearTimeout(t),t=setTimeout(()=>n(...r),e.toValue(o))};return l.abort=()=>clearTimeout(t),l},yt=(n,o=500)=>{let t="";const l=ft(()=>t="",o);return r=>{Ve(r.key)&&(l(),t=`${t}${r.key}`,n(t))}},sn=K(n=>{const o=e.computed(()=>e.unref(n.multiple)??!1),t=e.computed(()=>e.unref(n.isExpanded)??!1),l=new Map,r=i=>(l.has(i)||l.set(i,e.useId()),l.get(i)),a=e.ref(!1);e.watchEffect(async()=>{if(!t.value||n.activeOption.value==null||!a.value&&!n.controlled)return;const i=r(n.activeOption.value);await e.nextTick(()=>{var d;(d=document.getElementById(i))==null||d.scrollIntoView({block:"end",inline:"nearest"})})});const s=yt(i=>{var d;return(d=n.onTypeAhead)==null?void 0:d.call(n,i)}),c=i=>{var d,p,m,y,f,h,v;switch(i.key){case" ":i.preventDefault(),n.activeOption.value!=null&&((d=n.onSelect)==null||d.call(n,n.activeOption.value));break;case"ArrowUp":if(i.preventDefault(),n.activeOption.value==null){(p=n.onActivateLast)==null||p.call(n);return}(m=n.onActivatePrevious)==null||m.call(n,n.activeOption.value);break;case"ArrowDown":if(i.preventDefault(),n.activeOption.value==null){(y=n.onActivateFirst)==null||y.call(n);return}(f=n.onActivateNext)==null||f.call(n,n.activeOption.value);break;case"Home":i.preventDefault(),(h=n.onActivateFirst)==null||h.call(n);break;case"End":i.preventDefault(),(v=n.onActivateLast)==null||v.call(n);break;default:s(i)}};return{elements:{listbox:e.computed(()=>n.controlled?{role:"listbox","aria-multiselectable":o.value,"aria-label":e.unref(n.label),"aria-description":n.description,tabindex:"-1"}:{role:"listbox","aria-multiselectable":o.value,"aria-label":e.unref(n.label),"aria-description":n.description,tabindex:"0","aria-activedescendant":n.activeOption.value!=null?r(n.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 d=i.selected??!1;return{id:r(i.value),role:"option","aria-label":i.label,"aria-disabled":i.disabled,"aria-checked":o.value?d:void 0,"aria-selected":o.value?void 0:d,onClick:()=>{var p;return!i.disabled&&((p=n.onSelect)==null?void 0:p.call(n,i.value))}}})},state:{isFocused:a},internals:{getOptionId:r}}}),ht=["ArrowDown","ArrowUp"," ","Enter","Home","End"],vt=["Escape",{key:"ArrowUp",altKey:!0},"Enter","Tab"],Xe=["Enter"],cn=(n,o)=>{const t=o?[...Xe," "]:Xe;return Ee(n,t)},Ee=(n,o)=>o.some(t=>on(n,t)),un=K(({autocomplete:n,onAutocomplete:o,onTypeAhead:t,multiple:l,label:r,listLabel:a,listDescription:s,isExpanded:c,activeOption:u,onToggle:i,onSelect:d,onActivateFirst:p,onActivateLast:m,onActivateNext:y,onActivatePrevious:f,templateRef:h})=>{const v=e.useId(),g=e.computed(()=>e.unref(n)),k=e.computed(()=>e.unref(c)),V=e.computed(()=>e.unref(l)),E=x=>{const he=x.target;g.value!=="none"&&(o==null||o(he.value))},$=yt(x=>t==null?void 0:t(x)),q=x=>{d==null||d(x),e.unref(V)||i==null||i()},T=x=>{switch(x.key){case"ArrowUp":if(x.preventDefault(),u.value==null)return m==null?void 0:m();f==null||f(u.value);break;case"ArrowDown":if(x.preventDefault(),u.value==null)return p==null?void 0:p();y==null||y(u.value);break;case"Home":x.preventDefault(),p==null||p();break;case"End":x.preventDefault(),m==null||m();break}},b=x=>{if(x.key==="Enter"&&x.preventDefault(),!k.value&&Ee(x,ht))return i==null||i(),x.key===" "&&x.preventDefault(),x.key==="End"?m==null?void 0:m():p==null?void 0:p();if(cn(x,g.value==="none"))return q(u.value);if(k.value&&Ee(x,vt))return i==null?void 0:i();if(g.value==="none"&&Ve(x.key))return!k.value&&(i==null||i()),$(x);if(g.value!=="none"&&Ve(x.key)){!k.value&&(i==null||i());return}return T(x)},S=e.computed(()=>g.value==="none"?null:{"aria-autocomplete":g.value,type:"text"}),{elements:{option:L,group:W,listbox:X},internals:{getOptionId:ye}}=sn({label:a,description:s,multiple:V,controlled:!0,activeOption:u,isExpanded:k,onSelect:q});return mt({inside:h,onOutsideClick(){k.value&&(i==null||i(!0))}}),{elements:{option:L,group:W,listbox:e.computed(()=>({...X.value,id:v,onMousedown:x=>x.preventDefault()})),input:e.computed(()=>({role:"combobox","aria-expanded":k.value,"aria-controls":v,"aria-label":e.unref(r),"aria-activedescendant":u.value!=null?ye(u.value):void 0,onInput:E,onKeydown:b,...S.value})),button:e.computed(()=>({tabindex:"-1",onClick:()=>i==null?void 0:i()}))}}}),dn=K(n=>{const o=e.useId(),t=e.useId(),l=we(),r=e.useId();pe({type:"keydown",listener:i=>i.key==="Escape"&&s(!1),disabled:e.computed(()=>!n.isExpanded.value)});const a=ft(()=>n.onToggle(),200);e.watch(n.isExpanded,()=>a.abort());const s=(i,d=!1)=>{if(i===n.isExpanded.value){a.abort();return}if(d){a();return}n.onToggle()},c=i=>{const d=document.activeElement,p=(d==null?void 0:d.closest('[role="menu"]'))||l.value;if(!p)return;const m=[...p.querySelectorAll('[role="menuitem"]')];let y=0;if(d){const h=m.indexOf(d);switch(i){case"next":y=h+1;break;case"prev":y=h-1;break;case"first":y=0;break;case"last":y=m.length-1;break}}const f=m[y];f==null||f.focus()};return{elements:{root:{id:o,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(),s(!1);break}},onMouseenter:()=>s(!0),onMouseleave:()=>s(!1,!0),onFocusout:i=>{var d;o&&((d=document.getElementById(o))!=null&&d.contains(i.relatedTarget))||s(!1)}},button:e.computed(()=>({"aria-controls":t,"aria-expanded":n.isExpanded.value,"aria-haspopup":!0,onFocus:()=>s(!0),id:r})),menu:{id:t,ref:l,role:"menu","aria-labelledby":r,onClick:()=>s(!1)},..._t().elements}}}),_t=K(()=>({elements:{listItem:{role:"none"},menuItem:n=>({"aria-current":n.active?"page":void 0,"aria-disabled":n.disabled,role:"menuitem"})}})),pn={clamp:(n,o,t)=>Math.max(Math.min(n,t),o)},mn=K(({navigationName:n})=>{const o=e.useId(),t=()=>{const r=o?document.getElementById(o):void 0;return r?[...r.querySelectorAll("button[aria-expanded][aria-controls]")]:[]},l=(r,a)=>{const s=t(),c=s.indexOf(r);if(c===-1)return;const u=pn.clamp(c+(a==="next"?1:-1),0,s.length-1);s[u].focus()};return{elements:{nav:{"aria-label":e.unref(n),id:o,onKeydown:r=>{switch(r.key){case"ArrowRight":l(r.target,"next");break;case"ArrowLeft":l(r.target,"previous");break}}}}}}),fn=K(n=>{const o=new Map,t=r=>(o.has(r)||o.set(r,{tabId:e.useId(),panelId:e.useId()}),o.get(r)),l=r=>{var m,y;const a=r.target,s=Array.from(((m=a.parentElement)==null?void 0:m.querySelectorAll('[role="tab"]'))??[]).filter(f=>f.ariaDisabled!=="true"),c=s.indexOf(a),u=f=>{f instanceof HTMLElement&&f.focus()},i=()=>u(s.at(0)),d=()=>u(s.at(-1)),p=f=>{if(c===-1)return;const h=f==="next"?c+1:c-1;return h<0?d():h>=s.length?i():u(s.at(h))};switch(r.key){case"ArrowRight":p("next");break;case"ArrowLeft":p("previous");break;case"Home":i();break;case"End":d();break;case"Enter":case" ":{const f=Array.from(o.entries()).find(([,{tabId:h}])=>h===a.id);f&&((y=n.onSelect)==null||y.call(n,f[0]))}break}};return{elements:{tablist:e.computed(()=>({role:"tablist","aria-label":e.unref(n.label),onKeydown:l})),tab:e.computed(()=>r=>{const{tabId:a}=t(e.unref(n.selectedTab)),{tabId:s,panelId:c}=t(r.value),u=s===a;return{id:s,role:"tab","aria-selected":u,"aria-controls":c,"aria-disabled":r.disabled?!0:void 0,onClick:()=>{var i;return(i=n.onSelect)==null?void 0:i.call(n,r.value)},tabindex:u&&!r.disabled?0:-1}}),tabpanel:e.computed(()=>r=>{const{tabId:a,panelId:s}=t(r.value);return{id:s,role:"tabpanel","aria-labelledby":a}})}}}),gt=({isExpanded:n})=>pe({type:"keydown",listener:o=>{o.key==="Escape"&&(n.value=!1)},disabled:e.computed(()=>!n.value)}),yn=K(({toggleLabel:n,isVisible:o})=>{const t=we(),l=we(),r=e.toRef(o??!1);mt({inside:e.computed(()=>[t.value,l.value]),onOutsideClick:()=>r.value=!1,disabled:e.computed(()=>!r.value)}),gt({isExpanded:r});const a=()=>r.value=!r.value;return{elements:{trigger:e.computed(()=>({ref:t,onClick:a,"aria-label":e.toValue(n)})),tooltip:{ref:l,role:"status",tabindex:"-1"}},state:{isVisible:r}}}),hn=K(({debounce:n,isVisible:o})=>{const t=e.useId(),l=e.toRef(o??!1);let r;const a=e.computed({get:()=>l.value,set:c=>{clearTimeout(r),r=setTimeout(()=>{l.value=c},e.toValue(n))}}),s={onMouseover:()=>a.value=!0,onMouseout:()=>a.value=!1,onFocusin:()=>l.value=!0,onFocusout:()=>l.value=!1};return gt({isExpanded:l}),{elements:{trigger:{"aria-describedby":t,...s},tooltip:{role:"tooltip",id:t,tabindex:"-1",...s}},state:{isVisible:l}}}),kt=(n,o="bottom")=>{const t=e.ref(o);return{openDirection:t,updateOpenDirection:()=>{var p,m,y;const r=e.unref(n);if(!r){t.value=o;return}const a=(p=De(r))==null?void 0:p.getBoundingClientRect(),s=r.getBoundingClientRect(),c=(a==null?void 0:a.top)??((m=window.visualViewport)==null?void 0:m.pageTop)??0,i=((a==null?void 0:a.bottom)??((y=window.visualViewport)==null?void 0:y.height)??0)-s.bottom,d=s.top-c;t.value=d>i?"top":"bottom"}}},De=n=>n?getComputedStyle(n).overflow.includes("hidden")?n:n.parentElement?De(n.parentElement):void 0:void 0,vn=(n,o)=>{const l=e.ref("center");return{wedgePosition:l,updateWedgePosition:()=>{var g,k,V,E;const a=e.unref(n),s=e.unref(o);if(!a||!s){l.value="center";return}const c=(g=De(a))==null?void 0:g.getBoundingClientRect(),u=a.getBoundingClientRect(),i=s.getBoundingClientRect();if(i.width<u.width){l.value="center";return}const d=(i.width-u.width+16*2)/2,p=(c==null?void 0:c.left)??((k=window.visualViewport)==null?void 0:k.pageLeft)??0,m=(c==null?void 0:c.right)??(((V=window.visualViewport)==null?void 0:V.width)??window.innerWidth)+(((E=window.visualViewport)==null?void 0:E.offsetLeft)??0),y=u.left-p,f=m-u.right,h=y>=d,v=f>=d;l.value=h===v?"center":y>f?"right":"left"}}},Q=e.defineComponent({__name:"OnyxTooltip",props:{density:{},text:{},icon:{},color:{default:"neutral"},position:{default:"auto"},alignment:{default:"auto"},fitParent:{type:Boolean,default:!1},open:{type:[String,Boolean,Object],default:"hover"}},setup(n){const o=n,{densityClass:t}=B(o),{t:l}=N(),r=e.ref(!1),a=e.computed({set:$=>r.value=$,get:()=>typeof o.open=="boolean"?o.open:r.value}),s=e.computed(()=>({debounce:200,...typeof o.open=="object"&&o.open.type==="hover"&&o.open||{},isVisible:a})),c=e.computed(()=>({toggleLabel:l.value(`tooltip.${o.color}`),...typeof o.open=="object"&&o.open.type==="click"&&o.open||{},isVisible:a})),u=e.computed(()=>typeof o.open=="object"?o.open.type:typeof o.open=="string"?o.open:"hover"),i=e.computed(()=>({"onyx-tooltip--danger":o.color==="danger","onyx-tooltip--success":o.color==="success","onyx-tooltip--fit-parent":o.fitParent,"onyx-tooltip--hidden":!a.value,[`onyx-tooltip--${v.value}`]:o.position==="auto",[`onyx-tooltip--${o.position}`]:o.position!=="auto",[`onyx-tooltip--${k.value}`]:o.alignment==="auto",[`onyx-tooltip--${o.alignment}`]:o.alignment!=="auto"})),d=()=>u.value==="hover"?hn(s.value):yn(c.value),p=e.shallowRef(d());e.watch(u,()=>p.value=d());const m=e.computed(()=>{var $;return($=p.value)==null?void 0:$.elements.tooltip}),y=e.computed(()=>{var $;return e.toValue(($=p.value)==null?void 0:$.elements.trigger)}),f=e.ref(),h=e.ref(),{openDirection:v,updateOpenDirection:g}=kt(f,"top"),{wedgePosition:k,updateWedgePosition:V}=vn(f,h),E=()=>{g(),V()};return pe({type:"resize",listener:()=>E()}),e.onMounted(()=>E()),e.watch(a,async()=>{await e.nextTick(),g(),V()}),($,q)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"tooltipWrapperRef",ref:f,class:e.normalizeClass(["onyx-tooltip-wrapper",e.unref(t)])},[e.createElementVNode("div",e.mergeProps({ref_key:"tooltipRef",ref:h},m.value,{class:["onyx-tooltip","onyx-text--small","onyx-truncation-multiline",i.value]}),[o.icon?(e.openBlock(),e.createBlock(w,{key:0,icon:o.icon,size:"16px"},null,8,["icon"])):e.createCommentVNode("",!0),e.renderSlot($.$slots,"tooltip",{},()=>[e.createTextVNode(e.toDisplayString(o.text),1)])],16),e.renderSlot($.$slots,"default",{trigger:y.value})],2))}}),Pe=e.defineComponent({__name:"OnyxErrorTooltip",props:{errorMessages:{},disabled:{type:Boolean}},setup(n){const o=n,t=e.computed(()=>dt(o.errorMessages)),l=e.ref();return(r,a)=>(e.openBlock(),e.createElementBlock("div",null,[!t.value||o.disabled?(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"targetRef",ref:l},null,512)):e.createCommentVNode("",!0),t.value&&!o.disabled?(e.openBlock(),e.createBlock(Q,{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),l.value?(e.openBlock(),e.createBlock(e.Teleport,{key:2,to:l.value,defer:""},[e.renderSlot(r.$slots,"default")],8,["to"])):e.createCommentVNode("",!0)]))}}),_n=["title"],gn={class:"onyx-checkbox__container"},kn=["aria-label","indeterminate","disabled","required","value","autofocus"],se=e.defineComponent({__name:"OnyxCheckbox",props:{density:{},value:{},label:{},hideLabel:{type:Boolean},disabled:{default:I},loading:{type:Boolean,default:!1},skeleton:{type:[Symbol,Boolean,Number],default:P},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(n,{emit:o}){const t=n,l=o,r=e.computed({get:()=>t.modelValue,set:y=>l("update:modelValue",y)}),{requiredMarkerClass:a,requiredTypeClass:s}=de(t),{densityClass:c}=B(t),{vCustomValidity:u,errorMessages:i}=G({props:t,emit:l}),{disabled:d}=R(t),p=A(t),m=e.computed(()=>t.hideLabel?t.label:void 0);return(y,f)=>e.unref(p)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["onyx-checkbox-skeleton",e.unref(c)])},[e.createVNode(M,{class:"onyx-checkbox-skeleton__input"}),t.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(M,{key:0,class:"onyx-checkbox-skeleton__label"}))],2)):(e.openBlock(),e.createBlock(Pe,{key:1,disabled:e.unref(d),"error-messages":e.unref(i)},{default:e.withCtx(()=>[e.createElementVNode("label",{class:e.normalizeClass(["onyx-checkbox",[e.unref(s),e.unref(c)]]),title:m.value},[e.createElementVNode("div",gn,[t.loading?(e.openBlock(),e.createBlock(F,{key:0,class:"onyx-checkbox__loading",type:"circle"})):e.withDirectives((e.openBlock(),e.createElementBlock("input",{key:1,"onUpdate:modelValue":f[0]||(f[0]=h=>r.value=h),"aria-label":t.hideLabel?t.label:void 0,class:"onyx-checkbox__input",type:"checkbox",indeterminate:t.indeterminate,disabled:e.unref(d),required:t.required,value:t.value,autofocus:t.autofocus},null,8,kn)),[[e.vModelCheckbox,r.value],[e.unref(u)]])]),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,_n)]),_:1},8,["disabled","error-messages"]))}}),xn=(n,o)=>e.computed(()=>{const t=o.value.filter(r=>n.value.includes(r)),l=t.length===n.value.length;return{modelValue:l,indeterminate:!l&&n.value.length&&t.length?!0:void 0}}),xt=(n,o,t)=>({state:xn(n,o),handleChange:l=>{const r=o.value.filter(s=>!n.value.includes(s)),a=l?r.concat(n.value):r;t(a)}}),Y=e.defineComponent({__name:"OnyxHeadline",props:{is:{}},setup(n){const o=n;return(t,l)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.is),{class:e.normalizeClass(["onyx-headline",`onyx-headline--${o.is}`])},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},8,["class"]))}}),bn=["disabled","aria-label"],Bn={key:0,class:"onyx-checkbox-group__label"},Cn=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:{default:I},skeleton:{type:[Symbol,Boolean,Number],default:P}},emits:["update:modelValue"],setup(n,{emit:o}){const t=n,{densityClass:l}=B(t),r=o,{t:a}=N(),s=(m,y)=>{const f=y?[...t.modelValue,m]:t.modelValue.filter(h=>h!==m);r("update:modelValue",f)},c=e.computed(()=>t.options.filter(m=>!m.disabled&&!m.skeleton).map(({value:m})=>m)),{disabled:u}=R(t),i=A(t),d=xt(c,e.computed(()=>t.modelValue),m=>r("update:modelValue",m)),p=e.computed(()=>{var y;const m=a.value("selections.selectAll");return typeof t.withCheckAll=="boolean"?m:((y=t.withCheckAll)==null?void 0:y.label)??m});return(m,y)=>(e.openBlock(),e.createElementBlock("fieldset",{class:e.normalizeClass(["onyx-checkbox-group",e.unref(l)]),disabled:e.unref(u),"aria-label":t.label},[t.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("legend",Bn,[e.createVNode(Y,{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"}])},[e.unref(i)?typeof e.unref(i)=="number"?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(e.unref(i),f=>(e.openBlock(),e.createBlock(se,{key:f,label:`Skeleton ${f}`,value:`skeleton-${f}`,skeleton:""},null,8,["label","value"]))),128)):e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[t.withCheckAll?(e.openBlock(),e.createBlock(se,e.mergeProps({key:0},e.unref(d).state.value,{label:p.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,f=>(e.openBlock(),e.createBlock(se,e.mergeProps({key:f.value.toString(),ref_for:!0},f,{truncation:f.truncation??t.truncation,"model-value":t.modelValue.includes(f.value),class:"onyx-checkbox-group__option","onUpdate:modelValue":h=>s(f.value,h)}),null,16,["truncation","model-value","onUpdate:modelValue"]))),128))],64))],2)],10,bn))}}),wn='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M8.25 17.25h-4.5V6.008h4.5zm-3-1.5h1.5V7.508h-1.5zm14.273 1.958c.457-.668.727-1.47.727-2.333 0-.127-.008-.255-.023-.375V4.508h-4.5v6.765a4.3 4.3 0 0 0-1.5.442V8.258h-4.5v8.992h2.716a4.12 4.12 0 0 0 3.667 2.25c.863 0 1.672-.27 2.332-.727l2.76 2.76 1.058-1.058-2.76-2.76zm-.788-11.7v6.18a4.05 4.05 0 0 0-1.492-.773v-5.4h1.492zm-7.492 9.742V9.758h1.5v3.292a4.1 4.1 0 0 0-.735 2.325c0 .127.007.255.022.375zM16.124 18a2.63 2.63 0 0 1-2.625-2.625 2.63 2.63 0 0 1 2.625-2.625 2.63 2.63 0 0 1 2.625 2.625A2.63 2.63 0 0 1 16.125 18"/></svg>',bt='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m12 10.94 3.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"/><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.71" clip-rule="evenodd"/></svg>',Vn={class:"onyx-empty__label onyx-text onyx-truncation-multiline"},Ae=e.defineComponent({__name:"OnyxEmpty",props:{density:{}},setup(n){const o=n,{densityClass:t}=B(o);return(l,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["onyx-empty",e.unref(t)])},[e.renderSlot(l.$slots,"icon",{},()=>[e.createVNode(w,{icon:e.unref(bt),size:"48px"},null,8,["icon"])]),e.createElementVNode("div",Vn,[e.renderSlot(l.$slots,"default")])],2))}}),En={class:"onyx-table-wrapper"},Sn=["tabindex"],Nn=["span"],Mn={key:0,class:"onyx-table__header"},$n={key:0},On=["colspan"],Tn={class:"onyx-table__empty"},In={colspan:"100%"},Ln={class:"onyx-table__empty-content"},Bt=e.defineComponent({__name:"OnyxTable",props:{density:{},striped:{type:Boolean,default:!1},withVerticalBorders:{type:Boolean,default:!1},withPageScrolling:{type:Boolean,default:!1},columnGroups:{}},setup(n){const o=n,t=e.useSlots(),{t:l}=N(),{densityClass:r}=B(o),a=e.computed(()=>l.value("table.empty"));return(s,c)=>{var u;return e.openBlock(),e.createElementBlock("div",En,[e.createElementVNode("div",{class:e.normalizeClass({"onyx-table-wrapper__scroll-container":!o.withPageScrolling}),tabindex:o.withPageScrolling?void 0:0},[e.createElementVNode("table",{class:e.normalizeClass(["onyx-table onyx-text",[o.striped?"onyx-table--striped":"",o.withVerticalBorders?"onyx-table--vertical-borders":"",e.unref(r)]])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.columnGroups,i=>(e.openBlock(),e.createElementBlock("colgroup",{key:i.key,span:i.span},null,8,Nn))),128)),t.head?(e.openBlock(),e.createElementBlock("thead",Mn,[(u=o.columnGroups)!=null&&u.length?(e.openBlock(),e.createElementBlock("tr",$n,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.columnGroups,i=>(e.openBlock(),e.createElementBlock("th",{key:i.key,colspan:i.span,scope:"colgroup",class:"onyx-table__colgroup"},e.toDisplayString(i.header),9,On))),128))])):e.createCommentVNode("",!0),e.renderSlot(s.$slots,"head")])):e.createCommentVNode("",!0),e.createElementVNode("tbody",null,[e.renderSlot(s.$slots,"default",{},()=>[e.createElementVNode("tr",Tn,[e.createElementVNode("td",In,[e.createElementVNode("div",Ln,[e.renderSlot(s.$slots,"empty",{defaultMessage:a.value},()=>[e.createVNode(Ae,null,{icon:e.withCtx(()=>[e.createVNode(w,{icon:e.unref(wn),size:"48px"},null,8,["icon"])]),default:e.withCtx(()=>[e.createTextVNode(" "+e.toDisplayString(a.value),1)]),_:1})])])])])])])],2)],10,Sn)])}}}),Ct=e.defineComponent({__name:"OnyxDataGridRenderer",props:{density:{},striped:{type:Boolean,default:!0},withVerticalBorders:{type:Boolean,default:!0},withPageScrolling:{type:Boolean},columnGroups:{},columns:{},rows:{}},setup(n){const o=n;return(t,l)=>(e.openBlock(),e.createBlock(Bt,e.mergeProps({class:"onyx-data-grid"},o),{head:e.withCtx(()=>[e.createElementVNode("tr",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.columns,r=>(e.openBlock(),e.createElementBlock("th",e.mergeProps({key:r.key,ref_for:!0},r.thAttributes,{scope:"col"}),[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(r.component),e.mergeProps({ref_for:!0},r.props),null,16))],16))),128))])]),default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.rows,r=>(e.openBlock(),e.createElementBlock("tr",e.mergeProps({key:r.id,ref_for:!0},r.trAttributes),[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.columns,a=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:a.key},[r.cells[a.key]?(e.openBlock(),e.createElementBlock("td",e.mergeProps({key:0,ref_for:!0},r.cells[a.key].tdAttributes),[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(r.cells[a.key].component),e.mergeProps({ref_for:!0},r.cells[a.key].props),null,16))],16)):e.createCommentVNode("",!0)],64))),128))],16))),128))]),_:1},16))}}),Dn={class:"onyx-data-grid-header-cell"},Pn={class:"onyx-data-grid-header-cell__label"},An={key:0,class:"onyx-data-grid-header-cell__actions"},zn=e.defineComponent({__name:"HeaderCell",props:{label:{}},setup(n){const o=n,t=e.useSlots();return(l,r)=>(e.openBlock(),e.createElementBlock("div",Dn,[e.createElementVNode("span",Pn,e.toDisplayString(o.label),1),t.actions?(e.openBlock(),e.createElementBlock("div",An,[e.renderSlot(l.$slots,"actions")])):e.createCommentVNode("",!0)]))}});const Rn=n=>{const o=r=>{const s=n.map(c=>c.header).filter(c=>!!c).map(c=>c.actions).filter(c=>!!c);return r.map(c=>{const u=s.flatMap(i=>i(c)).map(({iconComponent:i})=>i);return{key:c,component:()=>e.h(zn,{label:String(c)},{actions:u}),props:{}}})},t=(r,a)=>{const s=n.map(u=>u.mutation).filter(u=>!!u),c=[...r];return s.forEach(({func:u})=>u(c)),c.map(u=>{const i=a.reduce((d,p)=>(d[p]={component:()=>u[p],props:{row:u}},d),{});return{id:u.id,cells:i}})},l=n.flatMap(r=>r.watch);return{createRendererRows:t,createRendererColumns:o,watchSources:l}},Hn=e.defineComponent({__name:"OnyxDataGrid",props:{features:{default:()=>[]},columns:{},data:{}},setup(n){const o=n,t=e.ref([]),l=e.ref([]),{columns:r,data:a,features:s}=e.toRefs(o),c=e.computed(()=>Rn(s.value));let u;const i=()=>{const{createRendererColumns:d,createRendererRows:p,watchSources:m}=c.value;return e.watch([r,a,...m],()=>{t.value=d(r.value),l.value=p(a.value,r.value)},{immediate:!0,deep:!0})};return e.watch(c,()=>{u==null||u(),u=i()},{immediate:!0}),(d,p)=>(e.openBlock(),e.createBlock(Ct,{columns:t.value,rows:l.value},null,8,["columns","rows"]))}}),Fn='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M16.905 12.653 12 17.558l-4.905-4.905 1.058-1.058 3.097 3.098V6h1.5v8.693l3.098-3.098z"/></svg>',Un='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M7.095 10.905 12 6l4.905 4.905-1.058 1.058-3.097-3.098v8.693h-1.5V8.865l-3.098 3.098z"/></svg>',qn='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m15.75 1.94 5.03 5.03-1.06 1.06-3.22-3.22v8.69H15V4.81l-3.22 3.22-1.06-1.06zM9 10.5v8.69l3.22-3.22 1.06 1.06-5.03 5.03-5.03-5.03 1.06-1.06 3.22 3.22V10.5z"/></svg>',Gn=e.defineComponent({__name:"SortAction",props:{columnLabel:{},sortDirection:{}},setup(n){const o=n,{t}=N(),l=e.computed(()=>o.sortDirection==="asc"?Un:o.sortDirection==="desc"?Fn:qn),r=e.computed(()=>{const a=Se(o.sortDirection);return t.value(`dataGrid.head.sortingAction.${a}`,{field:o.columnLabel})});return(a,s)=>(e.openBlock(),e.createBlock(e.unref(Re),{color:"neutral",icon:l.value,label:r.value},null,8,["icon","label"]))}}),Se=n=>{switch(n){case"asc":return"desc";case"desc":return"none";case"none":default:return"asc"}},Kn=Symbol("Sorting"),Zn=n=>{const o=e.toRef((n==null?void 0:n.sortState)??{column:void 0,direction:"none"}),t=e.computed(()=>u=>{var d;const i=e.toValue(n==null?void 0:n.columns);return((d=i==null?void 0:i[u])==null?void 0:d.sortFunc)??a.value}),l=e.computed(()=>u=>{var d;const i=e.toValue(n==null?void 0:n.columns);return!i||((d=i==null?void 0:i[u])==null?void 0:d.enabled)===!0}),{locale:r}=N(),a=e.computed(()=>(u,i)=>new Intl.Collator(r.value).compare(String(u),String(i))),s=u=>{const i=o.value.column===u?Se(o.value.direction):Se(),d=i!=="none"?u:void 0;o.value={direction:i,column:d}};return{name:Kn,watch:[o,a],mutation:{func:u=>{const{column:i,direction:d}=o.value;if(!i||d==="none")return;const p=d==="asc"?1:-1,m=t.value(i);u.sort((y,f)=>m(y[i],f[i])*p)}},header:{actions:u=>l.value(u)===!0?[{iconComponent:e.h(Gn,{columnLabel:String(u),sortDirection:o.value.column===u?o.value.direction:void 0,onClick:()=>s(u)})}]:[]}}},jn=Object.freeze(Object.defineProperty({__proto__:null,useSorting:Zn},Symbol.toStringTag,{value:"Module"})),ee=n=>e.computed(()=>n.value===!0?"onyx-form-element--immediate-invalid":n.value===!1?"onyx-form-element--suppress-invalid":"onyx-form-element--touched-invalid"),Yn=n=>n instanceof Date&&!isNaN(n),Ne='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M11.25 6h1.5v1.5h-1.5zm1.5 3.75h-1.5V18h1.5z"/><path fill-rule="evenodd" d="M12 1.5a10.5 10.5 0 1 0 0 21 10.5 10.5 0 0 0 0-21M12 21a9 9 0 1 1 9-9 9.01 9.01 0 0 1-9 9" clip-rule="evenodd"/></svg>',J=e.defineComponent({__name:"OnyxVisuallyHidden",props:{is:{default:"span"}},setup(n){const o=n;return(t,l)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.is),{class:"onyx-visually-hidden"},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3}))}}),Jn={class:"onyx-info-tooltip"},ze=e.defineComponent({__name:"OnyxInfoTooltip",props:{text:{},position:{},open:{type:[String,Boolean,Object],default:"click"},color:{default:"neutral"}},setup(n){const o=n,t=e.computed(()=>typeof o.open=="object"?o.open.type:typeof o.open=="string"?o.open:"click");return(l,r)=>(e.openBlock(),e.createElementBlock("span",Jn,[t.value==="click"?(e.openBlock(),e.createBlock(Q,{key:0,text:o.text,open:o.open,color:o.color,position:o.position},{default:e.withCtx(({trigger:a})=>[e.createElementVNode("button",e.mergeProps({type:"button",class:"onyx-info-tooltip__trigger"},a),[e.createVNode(w,{icon:e.unref(Ne)},null,8,["icon"])],16)]),_:1},8,["text","open","color","position"])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createVNode(Q,{"aria-hidden":"true",text:o.text,open:o.open,color:o.color,position:o.position},{default:e.withCtx(({trigger:a})=>[e.createElementVNode("span",e.mergeProps({class:"onyx-info-tooltip__trigger"},a),[e.createVNode(w,{icon:e.unref(Ne)},null,8,["icon"])],16)]),_:1},8,["text","open","color","position"]),e.createVNode(J,null,{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.text),1)]),_:1})],64))]))}}),Wn={class:e.normalizeClass(["onyx-truncation-ellipsis"])},ke=e.defineComponent({__name:"FormMessage",props:{messages:{},type:{}},setup(n){const o=n;return(t,l)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.messages.hidden?J:"span"),{class:e.normalizeClass(["onyx-form-message",`onyx-form-message__${o.type}`])},{default:e.withCtx(()=>[e.createElementVNode("span",Wn,e.toDisplayString(o.messages.shortMessage),1),o.messages.longMessage?(e.openBlock(),e.createBlock(ze,{key:0,class:"onyx-form-message__tooltip",position:"bottom",open:"hover",color:o.type,text:o.messages.longMessage},null,8,["color","text"])):e.createCommentVNode("",!0)]),_:1},8,["class"]))}}),Xn={key:0,class:"onyx-form-element__label onyx-text--small"},Qn=["for"],el={class:"onyx-form-element__footer onyx-text--small"},tl={class:"onyx-form-element__footer-messages"},ol={key:0,class:"onyx-form-element__counter"},te=e.defineComponent({__name:"OnyxFormElement",props:{required:{type:Boolean,default:!1},requiredMarker:{},id:{default:()=>e.useId()},name:{},modelValue:{},label:{},labelTooltip:{},hideLabel:{type:Boolean},maxlength:{},withCounter:{type:Boolean},errorMessages:{},message:{},successMessages:{}},setup(n){const o=n,{requiredMarkerClass:t,requiredTypeClass:l}=de(o),r=e.computed(()=>{var a;if(o.withCounter&&o.maxlength)return`${(((a=o.modelValue)==null?void 0:a.toString())||"").length}/${o.maxlength}`});return(a,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["onyx-form-element",e.unref(l),a.successMessages?"onyx-form-element--success":void 0])},[o.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",Xn,[e.createElementVNode("label",{for:o.id,class:"onyx-truncation-ellipsis"},e.toDisplayString(o.label),9,Qn),o.required?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass([o.required?e.unref(t):void 0])},null,2)):e.createCommentVNode("",!0),o.labelTooltip?(e.openBlock(),e.createBlock(ze,{key:1,class:"onyx-form-element__label-tooltip",open:"hover",text:o.labelTooltip},null,8,["text"])):e.createCommentVNode("",!0),o.required?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("span",{key:2,class:e.normalizeClass([o.required?void 0:e.unref(t)])},null,2))])),e.renderSlot(a.$slots,"default",{id:o.id}),e.createElementVNode("div",el,[e.createElementVNode("span",tl,[o.errorMessages?(e.openBlock(),e.createBlock(ke,{key:0,class:"onyx-form-element__error-message",messages:o.errorMessages,type:"danger"},null,8,["messages"])):e.createCommentVNode("",!0),o.successMessages?(e.openBlock(),e.createBlock(ke,{key:1,class:"onyx-form-element__success-message",messages:o.successMessages,type:"success"},null,8,["messages"])):e.createCommentVNode("",!0),o.message?(e.openBlock(),e.createBlock(ke,{key:2,class:"onyx-form-element__message",messages:o.message,type:"neutral"},null,8,["messages"])):e.createCommentVNode("",!0)]),r.value?(e.openBlock(),e.createElementBlock("span",ol,e.toDisplayString(r.value),1)):e.createCommentVNode("",!0)])],2))}}),nl={class:"onyx-datepicker__wrapper"},ll=["id","value","type","required","autofocus","name","readonly","disabled","aria-label","title"],al=e.defineComponent({__name:"OnyxDatePicker",props:{disabled:{default:I},showError:{default:I},density:{},required:{type:Boolean,default:!1},requiredMarker:{},customError:{},id:{},name:{},label:{},labelTooltip:{},hideLabel:{type:Boolean},error:{},message:{},success:{},autofocus:{type:Boolean},readonly:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},skeleton:{type:[Symbol,Boolean,Number],default:P},modelValue:{},type:{default:"date"}},emits:["update:modelValue","validityChange"],setup(n,{emit:o}){const t=n,l=o,{vCustomValidity:r,errorMessages:a}=G({props:t,emit:l}),s=e.computed(()=>H(t.success)),c=e.computed(()=>H(t.message)),{densityClass:u}=B(t),{disabled:i,showError:d}=R(t),p=A(t),m=ee(d),y=e.computed(()=>h=>{const v=h!=null?new Date(h):void 0;if(!Yn(v))return;const g=v.toISOString().split("T")[0];if(t.type==="date")return g;const k=v.getHours().toString().padStart(2,"0"),V=v.getMinutes().toString().padStart(2,"0");return`${g}T${k}:${V}`}),f=h=>{const g=h.target.valueAsDate;l("update:modelValue",g==null?void 0:g.toISOString())};return(h,v)=>e.unref(p)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["onyx-datepicker-skeleton",e.unref(u)])},[t.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(M,{key:0,class:"onyx-datepicker-skeleton__label"})),e.createVNode(M,{class:"onyx-datepicker-skeleton__input"})],2)):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["onyx-datepicker",e.unref(u),e.unref(m)])},[e.createVNode(te,e.mergeProps(t,{"error-messages":e.unref(a),"success-messages":s.value,message:c.value}),{default:e.withCtx(({id:g})=>[e.createElementVNode("div",nl,[t.loading?(e.openBlock(),e.createBlock(F,{key:0,class:"onyx-datepicker__loading",type:"circle"})):e.createCommentVNode("",!0),e.withDirectives((e.openBlock(),e.createElementBlock("input",{id:g,key:t.type,value:y.value(t.modelValue),class:e.normalizeClass(["onyx-datepicker__native",{"onyx-datepicker__native--success":s.value}]),type:t.type,required:t.required,autofocus:t.autofocus,name:t.name,readonly:t.readonly,disabled:e.unref(i)||t.loading,"aria-label":t.hideLabel?t.label:void 0,title:t.hideLabel?t.label:void 0,onInput:f},null,42,ll)),[[e.unref(r)]])])]),_:1},16,["error-messages","success-messages","message"])],2))}}),rl=["aria-modal","aria-label","role"],wt=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(n,{emit:o}){const t=n,l=o,r=e.ref(),{densityClass:a}=B(t),s=()=>{var c,u;t.modal?(c=r.value)==null||c.showModal():(u=r.value)==null||u.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,u)=>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:u[0]||(u[0]=e.withModifiers(i=>l("close"),["prevent"]))},[e.renderSlot(c.$slots,"default")],42,rl)):e.createCommentVNode("",!0)}}),sl='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.15 7.913v1.5h4.377l-6.145 6.144 1.06 1.06 6.146-6.144v4.377h1.5V7.913z"/></svg>',il=n=>/^http(s?):\/\//.test(n),me=e.defineComponent({__name:"OnyxExternalLinkIcon",props:{href:{},withExternalIcon:{type:[Boolean,String],default:"auto"}},setup(n){const o=n,t=e.computed(()=>{const l=o.withExternalIcon;return l!=="auto"?l:il(o.href??"")});return(l,r)=>t.value?(e.openBlock(),e.createBlock(w,{key:0,class:"onyx-external-link-icon",icon:e.unref(sl),size:"16px"},null,8,["icon"])):e.createCommentVNode("",!0)}}),cl=["h1","h2","h3","h4","h5","h6"],ul=["12px","16px","24px","32px","48px","64px","96px"],dl=["aria-label","title","type","disabled","autofocus"],Re=e.defineComponent({__name:"OnyxIconButton",props:{density:{},autofocus:{type:Boolean},label:{},disabled:{default:I},type:{default:"button"},color:{default:"primary"},loading:{type:Boolean},icon:{},skeleton:{type:[Symbol,Boolean,Number],default:P}},setup(n){const o=n,{densityClass:t}=B(o),{disabled:l}=R(o),r=A(o);return(a,s)=>e.unref(r)?(e.openBlock(),e.createBlock(M,{key:0,class:e.normalizeClass(["onyx-icon-button-skeleton",e.unref(t)])},null,8,["class"])):(e.openBlock(),e.createElementBlock("button",{key:1,class:e.normalizeClass(["onyx-icon-button",[`onyx-icon-button--${o.color}`,{"onyx-icon-button--loading":o.loading},e.unref(t)]]),"aria-label":o.label,title:o.label,type:o.type,disabled:e.unref(l)||o.loading,autofocus:o.autofocus},[o.loading?(e.openBlock(),e.createBlock(F,{key:0,type:"circle"})):o.icon?(e.openBlock(),e.createBlock(w,{key:1,icon:o.icon},null,8,["icon"])):e.renderSlot(a.$slots,"default",{key:2})],10,dl))}}),pl={class:"onyx-input__wrapper"},ml=["id","placeholder","type","required","autocapitalize","autocomplete","autofocus","name","pattern","readonly","disabled","minlength","maxlength","aria-label","title"],fl=e.defineComponent({__name:"OnyxInput",props:{disabled:{default:I},showError:{default:I},density:{},required:{type:Boolean,default:!1},requiredMarker:{},customError:{},id:{},name:{},label:{},labelTooltip:{},hideLabel:{type:Boolean},error:{},message:{},success:{},maxlength:{},withCounter:{type:Boolean},autofocus:{type:Boolean},modelValue:{default:""},type:{default:"text"},placeholder:{},autocapitalize:{default:"sentences"},autocomplete:{},pattern:{},readonly:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},minlength:{},skeleton:{type:[Symbol,Boolean,Number],default:P}},emits:["update:modelValue","validityChange"],setup(n,{emit:o}){const t=n,l=o,{vCustomValidity:r,errorMessages:a}=G({props:t,emit:l}),s=e.computed(()=>H(t.success)),c=e.computed(()=>H(t.message)),{densityClass:u}=B(t),i=e.computed({get:()=>t.modelValue,set:h=>l("update:modelValue",h)}),d=e.computed(()=>t.pattern instanceof RegExp?t.pattern.source:t.pattern),{disabled:p,showError:m}=R(t),y=A(t),f=ee(m);return(h,v)=>e.unref(y)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["onyx-input-skeleton",e.unref(u)])},[t.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(M,{key:0,class:"onyx-input-skeleton__label"})),e.createVNode(M,{class:"onyx-input-skeleton__input"})],2)):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["onyx-input",e.unref(u),e.unref(f)])},[e.createVNode(te,e.mergeProps(t,{"error-messages":e.unref(a),"success-messages":s.value,message:c.value}),{default:e.withCtx(({id:g})=>[e.createElementVNode("div",pl,[t.loading?(e.openBlock(),e.createBlock(F,{key:0,class:"onyx-input__loading",type:"circle"})):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("input",{id:g,"onUpdate:modelValue":v[0]||(v[0]=k=>i.value=k),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:d.value,readonly:t.readonly,disabled:e.unref(p)||t.loading,minlength:t.minlength,maxlength:t.maxlength,"aria-label":t.hideLabel?t.label:void 0,title:t.hideLabel?t.label:void 0},null,8,ml),[[e.vModelDynamic,i.value],[e.unref(r)]])])]),_:1},16,["error-messages","success-messages","message"])],2))}}),yl=["email","password","search","tel","text","url"],hl=["none","sentences","words","characters"],vl=["href","target","rel"],_l=e.defineComponent({__name:"OnyxLink",props:{href:{},withExternalIcon:{type:[Boolean,String],default:"auto"},target:{default:"_self"}},setup(n){const o=n,{t}=N();return(l,r)=>(e.openBlock(),e.createElementBlock("a",{class:"onyx-link",href:o.href,target:o.target,rel:o.target==="_blank"?"noreferrer":void 0},[e.renderSlot(l.$slots,"default"),o.target==="_blank"?(e.openBlock(),e.createBlock(J,{key:0},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(t)("link.opensExternally")),1)]),_:1})):e.createCommentVNode("",!0),e.createVNode(me,e.normalizeProps(e.guardReactiveProps(o)),null,16)],8,vl))}}),gl=["_self","_blank","_parent","_top"],fe=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(n){const o=n,{densityClass:t}=B(o);return(l,r)=>(e.openBlock(),e.createElementBlock("li",{class:e.normalizeClass({"onyx-list-item":!0,...e.unref(t),"onyx-list-item--active":o.active,[`onyx-list-item--${o.color}`]:o.color,"onyx-list-item--disabled":o.disabled,"onyx-list-item--selected":o.selected,"onyx-list-item--checked":o.checked})},[e.renderSlot(l.$slots,"default")],2))}}),kl='<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>',He='<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>',Vt=()=>{const n=e.useAttrs(),o=e.computed(()=>({class:n.class,style:n.style})),t=e.computed(()=>{const l={...n};return delete l.class,delete l.style,l});return{rootAttrs:o,restAttrs:t}},xl=["placeholder","aria-label"],bl=["aria-label"],Et=e.defineComponent({inheritAttrs:!1,__name:"OnyxMiniSearch",props:{density:{},label:{},modelValue:{}},emits:["update:modelValue","clear"],setup(n,{expose:o,emit:t}){const l=n,r=t,{rootAttrs:a,restAttrs:s}=Vt(),{densityClass:c}=B(l),{t:u}=N(),i=e.ref(),d=e.computed({get:()=>l.modelValue,set:m=>r("update:modelValue",m??"")}),p=e.computed(()=>u.value("select.searchPlaceholder"));return o({focus:()=>{var m;return(m=i.value)==null?void 0:m.focus()}}),(m,y)=>(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":y[0]||(y[0]=f=>d.value=f),class:"onyx-mini-search__input onyx-text",placeholder:p.value,type:"text",size:"1"},e.unref(s),{"aria-label":l.label}),null,16,xl),[[e.vModelText,d.value]]),e.createElementVNode("button",{type:"button",class:"onyx-mini-search__clear","aria-label":e.unref(u)("select.clearSearch"),tabindex:"-1",onMousedown:y[1]||(y[1]=e.withModifiers(()=>{},["prevent"])),onClick:y[2]||(y[2]=f=>r("clear"))},[e.createVNode(w,{icon:e.unref(He)},null,8,["icon"])],40,bl),e.createVNode(w,{class:"onyx-mini-search__icon",icon:e.unref(kl)},null,8,["icon"])],16))}}),Bl='<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>',Cl={class:"onyx-mobile-nav-button"},wl=["aria-label"],Vl={class:"onyx-mobile-nav-button__flyout"},El={class:"onyx-mobile-nav-button__menu"},Me=e.defineComponent({__name:"OnyxMobileNavButton",props:{label:{},icon:{},open:{type:Boolean,default:!1},headline:{}},emits:["update:open"],setup(n,{emit:o}){const t=n,l=o;return(r,a)=>(e.openBlock(),e.createElementBlock("div",Cl,[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(w,{icon:t.open?e.unref(Bl):t.icon},null,8,["icon"])],10,wl),t.open?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createElementVNode("div",Vl,[e.createElementVNode("div",El,[t.headline?(e.openBlock(),e.createBlock(Y,{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)]))}}),ce=(n,o)=>{const t="content-box",l=e.ref(0),r=e.ref(0),a=s=>{const c=s[0].contentBoxSize;l.value=c.reduce((u,{inlineSize:i})=>u+i,0),r.value=c.reduce((u,{blockSize:i})=>u+i,0)};return e.onMounted(()=>{const s=new ResizeObserver(a);if(!n){s.observe(document.documentElement,{box:t});return}e.watch(n,(c,u)=>{const i=$e(c),d=$e(u);d&&(s==null||s.unobserve(d)),i?s==null||s.observe(i,{box:t}):(l.value=0,r.value=0)},{immediate:!0}),e.onBeforeUnmount(()=>s.disconnect())}),{width:l,height:r}},$e=n=>n instanceof Element?n:n==null?void 0:n.$el,Sl=n=>{const o=e.ref([]),t=e.ref([]),{width:l}=ce(n.parentRef),{width:r}=ce(n.moreIndicatorRef),a=e.reactive(new Map);return e.onMounted(()=>{e.watchEffect(()=>{let s=l.value;if(s<=0)return;const c=Qe(n.parentRef.value),u=Qe(n.listRef.value);r.value>0&&(s-=r.value+c),o.value=[],t.value=[],Array.from(a.entries()).forEach(([i,d],p)=>{s-=d+(p>0?u:0),s>=0||p===a.size-1&&s+r.value>=0?o.value.push(i):t.value.push(i)})})}),{visibleElements:o,hiddenElements:t,componentMap:a}},Qe=n=>{const o=$e(n);return o&&Number.parseFloat(getComputedStyle(o).columnGap)||0},Nl=n=>{const o=e.useId(),t=e.ref(),l=e.inject(n,void 0),{width:r}=ce(t);e.watch(r,s=>{const c=l==null?void 0:l.componentMap;!c||c.has(o)&&s===0||c.set(o,s)},{immediate:!0}),e.onBeforeUnmount(()=>l==null?void 0:l.componentMap.delete(o));const a=e.computed(()=>(l==null?void 0:l.visibleElements.value.includes(o))??!0);return{componentRef:t,isVisible:a}},Ml=e.defineComponent({__name:"OnyxMoreList",props:{injectionKey:{}},emits:["visibilityChange"],setup(n,{emit:o}){const t=n,l=o,r=e.ref(),a=e.ref(),s=e.ref(),c=Sl({parentRef:r,listRef:a,moreIndicatorRef:s});return e.provide(t.injectionKey,c),e.watch([()=>c.visibleElements.value.length,()=>c.hiddenElements.value.length],([u,i])=>{l("visibilityChange",{visibleElements:u,hiddenElements:i})}),(u,i)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"parentRef",ref:r,class:"onyx-more-list"},[e.renderSlot(u.$slots,"default",{attributes:{ref:d=>a.value=d,class:"onyx-more-list__elements"}}),e.unref(c).hiddenElements.value.length>0?e.renderSlot(u.$slots,"more",{key:0,attributes:{ref:d=>s.value=d,class:"onyx-more-list__indicator"},hiddenElements:e.unref(c).hiddenElements.value.length,visibleElements:e.unref(c).visibleElements.value.length}):e.createCommentVNode("",!0)],512))}}),$l=["aria-label"],Ol=["src","alt"],Tl={key:1,class:"onyx-text-small onyx-truncation-ellipsis"},St=e.defineComponent({__name:"OnyxNavAppArea",props:{logoUrl:{},appName:{},label:{}},setup(n){const o=n,{t}=N(),l=e.computed(()=>o.label??t.value("navigation.goToHome"));return(r,a)=>(e.openBlock(),e.createElementBlock("button",{type:"button",class:"onyx-nav-app-area","aria-label":l.value},[e.renderSlot(r.$slots,"default",{},()=>[o.logoUrl?(e.openBlock(),e.createElementBlock("img",{key:0,src:o.logoUrl,alt:e.unref(t)("navigation.appLogo",{appName:o.appName}),class:"onyx-nav-app-area__logo",width:"24",height:"24"},null,8,Ol)):e.createCommentVNode("",!0),o.appName?(e.openBlock(),e.createElementBlock("span",Tl,e.toDisplayString(o.appName),1)):e.createCommentVNode("",!0)])],8,$l))}}),Il=`<svg width="166" height="104" viewBox="0 0 166 104" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
2
|
<g clip-path="url(#clip0_4499_144781)">
|
|
3
3
|
<mask id="mask0_4499_144781" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="83" height="104">
|
|
4
4
|
<rect width="83" height="104" fill="#D9D9D9"/>
|
|
@@ -86,7 +86,7 @@
|
|
|
86
86
|
</clipPath>
|
|
87
87
|
</defs>
|
|
88
88
|
</svg>
|
|
89
|
-
`,
|
|
89
|
+
`,Ll=`<svg width="166" height="104" viewBox="0 0 166 104" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
90
90
|
<g clip-path="url(#clip0_4499_144833)">
|
|
91
91
|
<path d="M0 4C0 1.79086 1.79086 0 4 0H162C164.209 0 166 1.79086 166 4V100C166 102.209 164.209 104 162 104H4C1.79086 104 0 102.209 0 100V4Z" fill="var(--onyx-color-steel-1100"/>
|
|
92
92
|
<g filter="url(#filter0_d_4499_144833)">
|
|
@@ -133,7 +133,7 @@
|
|
|
133
133
|
</clipPath>
|
|
134
134
|
</defs>
|
|
135
135
|
</svg>
|
|
136
|
-
`,
|
|
136
|
+
`,Dl=`<svg width="166" height="104" viewBox="0 0 166 104" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
137
137
|
<g clip-path="url(#clip0_4499_144816)">
|
|
138
138
|
<path d="M0 4C0 1.79086 1.79086 0 4 0H162C164.209 0 166 1.79086 166 4V100C166 102.209 164.209 104 162 104H4C1.79086 104 0 102.209 0 100V4Z" fill="white"/>
|
|
139
139
|
<g filter="url(#filter0_d_4499_144816)">
|
|
@@ -180,4 +180,4 @@
|
|
|
180
180
|
</clipPath>
|
|
181
181
|
</defs>
|
|
182
182
|
</svg>
|
|
183
|
-
`,Ll={class:"onyx-color-scheme-dialog__subtitle onyx-text"},Dl=["innerHTML"],Pl=["autofocus","value","checked","aria-label"],Al={class:"onyx-text--small"},zl={class:"onyx-color-scheme-dialog__actions"},Et=e.defineComponent({__name:"OnyxColorSchemeDialog",props:{open:{type:Boolean,default:!1},density:{},modelValue:{}},emits:["update:modelValue","close"],setup(n,{emit:o}){const t=n,l=o,r=e.ref();e.watchEffect(()=>r.value=t.modelValue);const{t:a}=N(),i=e.computed(()=>[{value:"auto",image:Ol,label:a.value("colorScheme.auto.label"),description:a.value("colorScheme.auto.description")},{value:"light",image:Il,label:a.value("colorScheme.light.label"),description:a.value("colorScheme.light.description")},{value:"dark",image:Tl,label:a.value("colorScheme.dark.label"),description:a.value("colorScheme.dark.description")}]),c=s=>{const d=s.target;r.value=d.value},u=()=>{r.value&&(l("update:modelValue",r.value),l("close"))};return(s,d)=>(e.openBlock(),e.createBlock(Bt,e.mergeProps({class:"onyx-color-scheme-dialog"},t,{label:e.unref(a)("colorScheme.headline"),modal:"",onClose:d[1]||(d[1]=p=>l("close"))}),{default:e.withCtx(()=>[e.createElementVNode("form",{class:"onyx-color-scheme-dialog__form",onSubmit:e.withModifiers(u,["prevent"])},[e.createElementVNode("div",null,[e.createVNode(Y,{is:"h2"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(a)("colorScheme.headline")),1)]),_:1}),e.createElementVNode("span",Ll,e.toDisplayString(e.unref(a)("colorScheme.subtitle")),1)]),e.createElementVNode("fieldset",{class:"onyx-color-scheme-dialog__list",onChange:c},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.value,p=>(e.openBlock(),e.createElementBlock("label",{key:p.value,class:"onyx-color-scheme-dialog__option"},[e.createElementVNode("figure",{class:"onyx-color-scheme-dialog__image",innerHTML:p.image},null,8,Dl),e.createElementVNode("div",null,[e.createVNode(J,{is:"div"},{default:e.withCtx(()=>[e.createElementVNode("input",{type:"radio",name:"color-scheme",autofocus:t.modelValue===p.value,value:p.value,checked:t.modelValue===p.value,"aria-label":p.label,required:""},null,8,Pl)]),_:2},1024),e.createVNode(Y,{is:"h3",class:"onyx-color-scheme-dialog__label"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(p.label),1)]),_:2},1024),e.createElementVNode("p",Al,e.toDisplayString(p.description),1)])]))),128))],32),e.createElementVNode("div",zl,[e.createVNode(ie,{label:e.unref(a)("cancel"),mode:"plain",color:"neutral",onClick:d[0]||(d[0]=p=>l("close"))},null,8,["label"]),e.createVNode(ie,{label:e.unref(a)("apply"),type:"submit"},null,8,["label"])])],32)]),_:1},16,["label"]))}}),Rl='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12.008 1.5c-5.79 0-10.493 4.71-10.493 10.493 0 5.782 4.71 10.492 10.493 10.492 5.782 0 10.492-4.71 10.492-10.492S17.79 1.5 12.008 1.5M13.5 3.135q.753.126 1.463.375v16.973q-.709.249-1.463.375zm2.962 1.058a9.3 9.3 0 0 1 1.59 1.162v13.282a9 9 0 0 1-1.59 1.163zm3.083 2.917a8.93 8.93 0 0 1 1.447 4.882 9 9 0 0 1-1.447 4.883zM3.008 11.992C3.008 7.036 7.043 3 12 3v17.993c-4.957 0-8.992-4.035-8.992-8.993z"/></svg>',Hl=["href","target","rel"],Fl=["disabled"],He=e.defineComponent({__name:"OnyxMenuItem",props:{target:{default:"_self"},href:{},active:{type:Boolean},disabled:{type:Boolean},color:{}},setup(n){const o=n,{t}=N(),{elements:{listItem:l,menuItem:r}}=ht(),a=e.computed(()=>r({active:o.active,disabled:o.disabled}));return(i,c)=>(e.openBlock(),e.createBlock(me,e.mergeProps({selected:o.active,active:o.active,color:o.color,disabled:o.disabled,class:"onyx-menu-item"},e.unref(l)),{default:e.withCtx(()=>[o.href?(e.openBlock(),e.createElementBlock("a",e.mergeProps({key:0,class:"onyx-menu-item__trigger",href:o.href,target:o.target,rel:o.target==="_blank"?"noreferrer":void 0},a.value),[e.renderSlot(i.$slots,"default")],16,Hl)):(e.openBlock(),e.createElementBlock("button",e.mergeProps({key:1,class:"onyx-menu-item__trigger",type:"button",disabled:o.disabled},a.value),[e.renderSlot(i.$slots,"default"),o.target==="_blank"?(e.openBlock(),e.createBlock(J,{key:0},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(t)("link.opensExternally")),1)]),_:1})):e.createCommentVNode("",!0)],16,Fl))]),_:3},16,["selected","active","color","disabled"]))}}),Ul={class:"onyx-color-scheme-menu-item__value"},ql=e.defineComponent({__name:"OnyxColorSchemeMenuItem",props:{modelValue:{}},emits:["update:modelValue"],setup(n,{emit:o}){const t=n,l=o,{t:r}=N(),a=e.ref(!1);return(i,c)=>(e.openBlock(),e.createBlock(He,{class:"onyx-color-scheme-menu-item",onClick:c[2]||(c[2]=u=>a.value=!0)},{default:e.withCtx(()=>[e.createVNode(w,{icon:e.unref(Rl)},null,8,["icon"]),e.createElementVNode("div",null,[e.createTextVNode(e.toDisplayString(e.unref(r)("colorScheme.appearance"))+": ",1),e.createElementVNode("span",Ul,e.toDisplayString(e.unref(r)(`colorScheme.${t.modelValue}.label`)),1)]),(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[e.createVNode(Et,{"model-value":t.modelValue,open:a.value,onClose:c[0]||(c[0]=u=>a.value=!1),"onUpdate:modelValue":c[1]||(c[1]=u=>l("update:modelValue",u))},null,8,["model-value","open"])]))]),_:1}))}}),Gl=n=>e.computed(n),Z=Symbol("MANAGED_SYMBOL"),ce=(n,o,t)=>{const l=e.computed(()=>n.value===Z),r=e.ref(e.toValue(l)?o:n.value);return{state:Gl({set:i=>{r.value=i,t(i)},get:()=>l.value?r.value:n.value}),isManaged:l}},Kl=["aria-label"],Fe=e.defineComponent({__name:"OnyxFlyoutMenu",props:{open:{default:Z},label:{}},emits:["update:open"],setup(n,{emit:o}){const t=n,l=o,{state:r}=ce(e.toRef(()=>t.open),!1,s=>l("update:open",s)),a=e.useSlots(),{elements:{root:i,button:c,menu:u}}=cn({isExpanded:e.computed(()=>!!r.value),onToggle:()=>r.value=!r.value});return(s,d)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps({class:"onyx-flyout-menu"},e.unref(i)),[e.renderSlot(s.$slots,"button",{trigger:e.unref(c)}),a.options||a.header||a.footer?e.withDirectives((e.openBlock(),e.createElementBlock("div",{key:0,"aria-label":t.label,class:e.normalizeClass({"onyx-flyout-menu__list--with-header":!!a.header,"onyx-flyout-menu__list--with-footer":!!a.footer,"onyx-flyout-menu__list":!0})},[e.renderSlot(s.$slots,"header"),a.options?(e.openBlock(),e.createElementBlock("ul",e.mergeProps({key:0},e.unref(u),{class:"onyx-flyout-menu__wrapper onyx-flyout-menu__group"}),[e.renderSlot(s.$slots,"options")],16)):e.createCommentVNode("",!0),e.renderSlot(s.$slots,"footer")],10,Kl)),[[e.vShow,e.unref(r)]]):e.createCommentVNode("",!0)],16))}}),St='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m9.905 6.22-1.06 1.06 4.72 4.72-4.72 4.72 1.06 1.06 5.78-5.78z"/></svg>',oe=Symbol(),Nt=Symbol(),Zl='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M17.618 11.626H8.936l3.094-3.094-1.064-1.056-4.899 4.898 4.9 4.9 1.063-1.064-3.094-3.086h8.682z"/></svg>',jl=["aria-orientation"],Mt=e.defineComponent({__name:"OnyxNavSeparator",props:{orientation:{default:"vertical"}},setup(n){const o=n,t=e.inject(oe);return(l,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["onyx-nav-separator",{"onyx-nav-separator--horizontal":o.orientation==="horizontal"||e.unref(t)}]),role:"separator","aria-orientation":o.orientation},null,10,jl))}}),Yl={role:"presentation"},Jl=e.defineComponent({__name:"NavButtonLayout",props:{href:{},withExternalIcon:{type:[Boolean,String]},mobileChildrenOpen:{},label:{},active:{type:Boolean},isMobile:{type:Boolean}},emits:["update:mobileChildrenOpen"],setup(n,{emit:o}){const t=n,l=e.useSlots(),{t:r}=N(),a=o;return(i,c)=>(e.openBlock(),e.createElementBlock("li",Yl,[t.isMobile?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[t.isMobile&&i.mobileChildrenOpen?(e.openBlock(),e.createBlock(ie,{key:0,label:e.unref(r)("back"),mode:"plain",color:"neutral",icon:e.unref(Zl),onClick:c[0]||(c[0]=u=>a("update:mobileChildrenOpen",!1))},null,8,["label","icon"])):e.createCommentVNode("",!0),!i.mobileChildrenOpen||t.href?e.renderSlot(i.$slots,"button",{key:1,trigger:{trigger:{}}}):e.createCommentVNode("",!0),i.mobileChildrenOpen&&t.href?(e.openBlock(),e.createBlock(Mt,{key:2,orientation:"horizontal"})):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("ul",{role:"menu",class:e.normalizeClass(["onyx-nav-button__mobile-children",{"onyx-nav-button__mobile-children--open":i.mobileChildrenOpen}])},[e.renderSlot(i.$slots,"options")],2),[[e.vShow,i.mobileChildrenOpen]])],64)):(e.openBlock(),e.createBlock(Fe,{key:1,label:e.unref(r)("navItemOptionsLabel",{label:t.label})},e.createSlots({button:e.withCtx(({trigger:u})=>[e.renderSlot(i.$slots,"button",{trigger:u})]),_:2},[l.options?{name:"options",fn:e.withCtx(()=>[e.renderSlot(i.$slots,"options")]),key:"0"}:void 0]),1032,["label"]))]))}}),Wl=["aria-label"],Xl={class:"onyx-truncation-ellipsis"},Ql=e.defineComponent({__name:"OnyxNavButton",props:{href:{},withExternalIcon:{type:[Boolean,String],default:"auto"},mobileChildrenOpen:{default:Z},label:{},active:{type:Boolean,default:!1}},emits:["navigate","update:mobileChildrenOpen"],setup(n,{emit:o}){const t=n,l=o,r=e.useSlots(),a=e.inject(oe),i=e.computed(()=>!!r.children),{componentRef:c,isVisible:u}=El(Nt),{state:s}=ce(e.toRef(()=>t.mobileChildrenOpen),!1,p=>l("update:mobileChildrenOpen",p)),d=p=>{a!=null&&a.value&&i.value&&!s.value?s.value=!0:t.href&&l("navigate",t.href,p)};return(p,m)=>(e.openBlock(),e.createBlock(Jl,e.mergeProps({ref_key:"componentRef",ref:c},t,{"mobile-children-open":e.unref(s),"onUpdate:mobileChildrenOpen":m[0]||(m[0]=y=>e.isRef(s)?s.value=y:null),class:["onyx-nav-button",{"onyx-nav-button--mobile":e.unref(a),"onyx-nav-button--active":t.active,"onyx-nav-button--hidden":!e.unref(a)&&!e.unref(u)}],"is-mobile":e.unref(a)??!1}),e.createSlots({button:e.withCtx(({trigger:y})=>[e.createElementVNode("button",e.mergeProps({class:["onyx-nav-button__trigger onyx-text",{"onyx-nav-button__link":t.href!=null}],role:"menuitem","aria-label":t.label,type:"button"},y,{onClick:d}),[e.renderSlot(p.$slots,"default",{},()=>[e.createElementVNode("span",Xl,e.toDisplayString(t.label),1),e.createVNode(pe,e.normalizeProps(e.guardReactiveProps(t)),null,16)]),e.unref(a)&&i.value&&!e.unref(s)?(e.openBlock(),e.createBlock(w,{key:0,class:"onyx-nav-button__mobile-chevron",icon:e.unref(St)},null,8,["icon"])):e.createCommentVNode("",!0)],16,Wl)]),_:2},[r.children?{name:"options",fn:e.withCtx(()=>[e.renderSlot(p.$slots,"children")]),key:"0"}:void 0]),1040,["mobile-children-open","class","is-mobile"]))}}),ea=e.defineComponent({__name:"OnyxNavItem",props:{href:{},withExternalIcon:{type:[Boolean,String],default:"auto"},mobileChildrenOpen:{},label:{},active:{type:Boolean}},emits:["navigate"],setup(n,{emit:o}){const t=n,l=o;return(r,a)=>(e.openBlock(),e.createBlock(He,{class:"onyx-nav-item",active:t.active,href:t.href??"javascript:void(0)",onClick:a[0]||(a[0]=i=>t.href&&l("navigate",t.href,i))},{default:e.withCtx(()=>[e.renderSlot(r.$slots,"default",{},()=>[e.createElementVNode("span",null,e.toDisplayString(t.label),1),e.createVNode(pe,e.normalizeProps(e.guardReactiveProps(t)),null,16)])]),_:3},8,["active","href"]))}}),ta=n=>{const o=e.ref(),t=e.ref(be(new Date(n.value).getTime())),l=e.computed(()=>t.value===0);return e.watch(n,r=>{clearInterval(o.value);const a=new Date(r).getTime();t.value=be(a),o.value=setInterval(()=>{t.value=be(a),l.value&&clearInterval(o.value)},1e3)},{immediate:!0}),e.onBeforeUnmount(()=>clearInterval(o.value)),{timeLeft:t,isEnded:l}},be=n=>{const o=n-Date.now();return Math.max(o,0)},$t=n=>{const o=Math.floor(n/6e4/60),t=Math.floor(n/6e4%60),l=Math.floor(n%6e4/1e3);return{hours:o,minutes:t,seconds:l}},oa=(n,o)=>{const{hours:t,minutes:l,seconds:r}=$t(n),a=u=>u.toString().padStart(2,"0");let i="",c=xe(o.formatToParts(n,"seconds"));return l>0&&(c=xe(o.formatToParts(n,"minutes"))),t>0&&(c=xe(o.formatToParts(n,"hours")),i=`${a(t)}:`),`${i}${a(l)}:${a(r)} ${c}`},xe=n=>{var o;return((o=n.at(-1))==null?void 0:o.value.replace(".","").trim())??""},na=n=>{const{hours:o,minutes:t,seconds:l}=$t(n);return`PT${o}H${t}M${l}S`},la=["aria-label"],aa={key:0,class:"onyx-timer__label"},ra=["datetime"],sa=e.defineComponent({__name:"OnyxTimer",props:{endTime:{},label:{},hideLabel:{type:Boolean}},emits:["timerEnded"],setup(n,{emit:o}){const t=n,l=o,{locale:r}=N(),{timeLeft:a,isEnded:i}=ta(e.computed(()=>t.endTime)),c=e.computed(()=>new Intl.RelativeTimeFormat(r.value,{numeric:"always",style:"short"})),u=e.computed(()=>oa(a.value,c.value));return e.watchEffect(()=>i.value&&l("timerEnded")),(s,d)=>(e.openBlock(),e.createElementBlock("div",{class:"onyx-timer onyx-text onyx-truncation-ellipsis",role:"timer","aria-label":t.hideLabel?t.label:void 0},[t.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("span",aa,e.toDisplayString(t.label),1)),e.createElementVNode("time",{datetime:e.unref(na)(e.unref(a)),class:"onyx-timer__time"},e.toDisplayString(u.value),9,ra)],8,la))}}),ia={class:"onyx-user-menu__footer onyx-text--small"},ca=e.defineComponent({__name:"UserMenuLayout",props:{isMobile:{type:Boolean},flyoutOpen:{default:Z}},emits:["update:flyoutOpen"],setup(n){const o=n,t=e.useModel(o,"flyoutOpen"),l=e.useSlots(),{t:r}=N();return(a,i)=>(e.openBlock(),e.createElementBlock("div",null,[o.isMobile?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.renderSlot(a.$slots,"header"),e.renderSlot(a.$slots,"options"),l.footer?(e.openBlock(),e.createBlock(me,{key:0,class:"onyx-user-menu__mobile-footer",disabled:""},{default:e.withCtx(()=>[e.renderSlot(a.$slots,"footer")]),_:3})):e.createCommentVNode("",!0)],64)):(e.openBlock(),e.createBlock(Fe,{key:1,open:e.unref(t),"onUpdate:open":i[0]||(i[0]=c=>e.isRef(t)?t.value=c:null),label:e.unref(r)("navigation.userMenuLabel")},e.createSlots({button:e.withCtx(({trigger:c})=>[e.renderSlot(a.$slots,"button",{trigger:c})]),header:e.withCtx(()=>[e.renderSlot(a.$slots,"header")]),options:e.withCtx(()=>[e.renderSlot(a.$slots,"options")]),_:2},[l.footer?{name:"footer",fn:e.withCtx(()=>[e.createElementVNode("div",ia,[e.renderSlot(a.$slots,"footer")])]),key:"0"}:void 0]),1032,["open","label"]))]))}}),ua={class:"onyx-truncation-ellipsis"},da={class:"onyx-user-menu__header"},pa={class:"onyx-truncation-ellipsis"},ma={class:"onyx-user-menu__username onyx-text onyx-truncation-ellipsis"},fa={key:0,class:"onyx-user-menu__description onyx-text--small onyx-truncation-ellipsis"},ya={class:"onyx-user-menu__options"},ha=e.defineComponent({__name:"OnyxUserMenu",props:{username:{},avatar:{},description:{},flyoutOpen:{default:Z}},emits:["update:flyoutOpen"],setup(n,{emit:o}){const t=n,l=o,r=e.useSlots(),a=e.computed(()=>({src:t.avatar,label:t.username})),i=e.inject(oe,e.computed(()=>!1));return(c,u)=>(e.openBlock(),e.createBlock(ca,{class:e.normalizeClass(["onyx-user-menu",{"onyx-user-menu--mobile":e.unref(i)}]),"is-mobile":e.unref(i),"flyout-open":c.flyoutOpen,"onUpdate:flyoutOpen":u[0]||(u[0]=s=>l("update:flyoutOpen",s))},e.createSlots({button:e.withCtx(({trigger:s})=>[e.createElementVNode("button",e.mergeProps({class:"onyx-user-menu__trigger onyx-text",type:"button"},s),[e.createVNode(Be,e.mergeProps(a.value,{size:"24px"}),null,16),e.createElementVNode("span",ua,e.toDisplayString(t.username),1)],16)]),header:e.withCtx(()=>[e.createElementVNode("div",da,[e.createVNode(Be,e.normalizeProps(e.guardReactiveProps(a.value)),null,16),e.createElementVNode("div",pa,[e.createElementVNode("div",ma,e.toDisplayString(t.username),1),t.description?(e.openBlock(),e.createElementBlock("div",fa,e.toDisplayString(t.description),1)):e.createCommentVNode("",!0)])])]),options:e.withCtx(()=>[e.createElementVNode("div",ya,[e.renderSlot(c.$slots,"default")])]),_:2},[r.footer?{name:"footer",fn:e.withCtx(()=>[e.renderSlot(c.$slots,"footer")]),key:"0"}:void 0]),1032,["class","is-mobile","flyout-open"]))}}),Ot='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m15.155 7.28-1.06-1.06L8.315 12l5.78 5.78 1.06-1.06-4.72-4.72z"/></svg>',va='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M22.5 6h-21v1.5h21zm0 5.25h-21v1.5h21zm-21 5.25h21V18h-21z"/></svg>',_a='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 1.5A2.25 2.25 0 1 1 12 6a2.25 2.25 0 0 1 0-4.5m0 8.25a2.25 2.25 0 1 1 0 4.5 2.25 2.25 0 0 1 0-4.5m1.25 8.63a2.25 2.25 0 1 0-2.5 3.741 2.25 2.25 0 0 0 2.5-3.742"/></svg>',ga=(n,o)=>{const t="content-box",l=e.ref(0),r=e.ref(0),a=i=>{const c=i[0].contentBoxSize;l.value=c.reduce((u,{inlineSize:s})=>u+s,0),r.value=c.reduce((u,{blockSize:s})=>u+s,0)};return e.onBeforeMount(()=>{const i=new ResizeObserver(a);e.watch(n,(c,u)=>{u&&(i==null||i.unobserve(u)),c&&(i==null||i.observe(c,{box:t}))},{immediate:!0}),e.onBeforeUnmount(()=>i.disconnect())}),{width:l,height:r}},ka={class:"onyx-nav-bar__content"},ba={key:0,class:"onyx-nav-bar__mobile-page onyx-truncation-ellipsis"},xa={role:"menubar"},Ba={role:"menubar"},Ca={key:0,class:"onyx-nav-bar__mobile-context"},wa={key:0,class:"onyx-nav-bar__mobile-global-context"},Va={class:"onyx-nav-bar__mobile-context-content"},Ea={key:1,class:"onyx-nav-bar__context"},Sa=e.defineComponent({__name:"OnyxNavBar",props:{logoUrl:{},appName:{},withBackButton:{type:Boolean},appAreaLabel:{},mobileBreakpoint:{default:"sm"}},emits:["navigateToStart","navigateBack"],setup(n,{expose:o,emit:t}){const l=n,r=t,a=e.useSlots(),i=e.ref(),{width:c}=ga(i),{t:u}=N(),{elements:{nav:s}}=dn({navigationName:e.toRef(()=>l.appName)}),d=e.ref(!1),p=e.ref(!1),m=e.computed(()=>{const y=typeof l.mobileBreakpoint=="number"?l.mobileBreakpoint:Qe[l.mobileBreakpoint];return c.value!==0&&c.value<y});return e.provide(oe,m),o({closeMobileMenus:()=>{d.value=!1,p.value=!1}}),(y,f)=>(e.openBlock(),e.createElementBlock("header",{ref_key:"navBarRef",ref:i,class:e.normalizeClass(["onyx-nav-bar",{"onyx-nav-bar--mobile":m.value}])},[e.createElementVNode("div",ka,[m.value&&a.mobileActivePage&&!d.value&&!p.value?(e.openBlock(),e.createElementBlock("span",ba,[e.renderSlot(y.$slots,"mobileActivePage")])):l.appName||l.logoUrl||a.appArea?(e.openBlock(),e.createBlock(Vt,{key:1,class:"onyx-nav-bar__app","app-name":l.appName,"logo-url":l.logoUrl,label:l.appAreaLabel,onClick:f[0]||(f[0]=h=>{r("navigateToStart",h),d.value=!1})},{default:e.withCtx(()=>[e.renderSlot(y.$slots,"appArea")]),_:3},8,["app-name","logo-url","label"])):e.createCommentVNode("",!0),l.withBackButton?(e.openBlock(),e.createBlock(ze,{key:2,class:"onyx-nav-bar__back",label:e.unref(u)("navigation.goBack"),icon:e.unref(Ot),color:"neutral",onClick:f[1]||(f[1]=h=>r("navigateBack",h))},null,8,["label","icon"])):e.createCommentVNode("",!0),a.default?(e.openBlock(),e.createElementBlock(e.Fragment,{key:3},[m.value?(e.openBlock(),e.createBlock(Me,{key:0,open:d.value,"onUpdate:open":[f[2]||(f[2]=h=>d.value=h),f[3]||(f[3]=h=>p.value=!1)],class:"onyx-nav-bar__burger",icon:e.unref(va),label:e.unref(u)("navigation.toggleBurgerMenu"),headline:e.unref(u)("navigation.navigationHeadline")},{default:e.withCtx(()=>[e.createElementVNode("nav",e.mergeProps({class:"onyx-nav-bar__nav--mobile"},e.unref(s)),[e.createElementVNode("ul",xa,[e.renderSlot(y.$slots,"default")])],16)]),_:3},8,["open","icon","label","headline"])):(e.openBlock(),e.createElementBlock("nav",e.mergeProps({key:1,class:"onyx-nav-bar__nav"},e.unref(s)),[e.createElementVNode("ul",Ba,[e.renderSlot(y.$slots,"default")])],16))],64)):e.createCommentVNode("",!0),a.contextArea||a.globalContextArea?(e.openBlock(),e.createElementBlock(e.Fragment,{key:4},[m.value?(e.openBlock(),e.createElementBlock("div",Ca,[a.globalContextArea?(e.openBlock(),e.createElementBlock("div",wa,[e.renderSlot(y.$slots,"globalContextArea")])):e.createCommentVNode("",!0),a.contextArea?(e.openBlock(),e.createBlock(Me,{key:1,open:p.value,"onUpdate:open":[f[4]||(f[4]=h=>p.value=h),f[5]||(f[5]=h=>d.value=!1)],icon:e.unref(_a),label:e.unref(u)("navigation.toggleContextMenu")},{default:e.withCtx(()=>[e.createElementVNode("div",Va,[e.renderSlot(y.$slots,"contextArea")])]),_:3},8,["open","icon","label"])):e.createCommentVNode("",!0)])):(e.openBlock(),e.createElementBlock("div",Ea,[a.globalContextArea?e.renderSlot(y.$slots,"globalContextArea",{key:0}):e.createCommentVNode("",!0),a.contextArea?e.renderSlot(y.$slots,"contextArea",{key:1}):e.createCommentVNode("",!0)]))],64)):e.createCommentVNode("",!0)])],2))}}),Na={key:0,class:"onyx-page__sidebar"},Ma={class:"onyx-page__main"},$a={key:1,class:"onyx-page__footer"},Oa=e.defineComponent({__name:"OnyxPageLayout",props:{skeleton:{type:Boolean},footerAsideSidebar:{type:Boolean},hideSidebar:{type:Boolean}},setup(n){const o=n,t=e.useSlots();Te(o);const l=e.computed(()=>o.footerAsideSidebar?"onyx-page--footer-partial":"onyx-page--footer-full");return(r,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["onyx-page",l.value])},[t.sidebar&&!o.hideSidebar?(e.openBlock(),e.createElementBlock("aside",Na,[e.renderSlot(r.$slots,"sidebar")])):e.createCommentVNode("",!0),e.createElementVNode("main",Ma,[e.renderSlot(r.$slots,"default")]),t.footer?(e.openBlock(),e.createElementBlock("footer",$a,[e.renderSlot(r.$slots,"footer")])):e.createCommentVNode("",!0)],2))}}),Tt=n=>{const t=e.ref(!1),l=a=>{const i=a.target;if(!(i instanceof Element))return;const c=e.unref(n.offset)??0;t.value=Math.abs(i.scrollTop)+i.clientHeight>=i.scrollHeight-c-1};return{vScrollEnd:{mounted:a=>{e.watchEffect(()=>{var c;(((c=n.enabled)==null?void 0:c.value)??!0)&&!n.loading.value?a.addEventListener("scroll",l):a.removeEventListener("scroll",l)})}},isScrollEnd:t}},It=(n,o)=>{const t=Xe(n.toLowerCase()),l=Xe(o.toLowerCase());return t.includes(l)},Xe=n=>n.normalize("NFD").replace(/[\u0300-\u036f]/g,""),Ta='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m16.718 14.123 1.057 1.057-5.782 5.782L6.21 15.18l1.058-1.057 4.717 4.717 4.718-4.717zM12 5.153l4.718 4.717 1.057-1.057-5.782-5.783L6.21 8.813 7.268 9.87l4.717-4.717z"/></svg>',Ia=["id","readonly","placeholder","required","disabled","aria-label","title","value","autofocus"],La=["aria-label","disabled"],Lt=e.defineComponent({inheritAttrs:!1,__name:"OnyxSelectInput",props:{disabled:{default:I},showError:{default:I},density:{},required:{type:Boolean},requiredMarker:{},customError:{},autofocus:{type:Boolean},id:{},name:{},label:{},labelTooltip:{},hideLabel:{type:Boolean,default:!1},error:{},message:{},success:{},modelValue:{},textMode:{},skeleton:{type:[Symbol,Boolean,Number],default:P},readonly:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},placeholder:{},showFocus:{type:Boolean}},emits:["inputClick","validityChange"],setup(n,{expose:o,emit:t}){const{rootAttrs:l,restAttrs:r}=Ct(),a=n,i=t,{t:c}=N(),{vCustomValidity:u,errorMessages:s}=G({props:a,emit:i}),d=e.computed(()=>H(a.success)),p=e.computed(()=>H(a.message)),{disabled:m,showError:y}=R(a),f=A(a),h=ee(y),v=e.computed(()=>a.modelValue?a.modelValue.length:0),g=e.computed(()=>{var x;const T=(x=a.modelValue)==null?void 0:x.length;if(!a.modelValue||!T)return"";if(T===1)return a.modelValue[0];switch(a.textMode){case"preview":return a.modelValue.join(", ");case"summary":default:return c.value("selections.currentSelection",{n:T})}}),k=e.ref(!1),{densityClass:V}=B(a),E=e.ref();o({focus:()=>{var T;return(T=E.value)==null?void 0:T.focus()}}),e.watch(()=>a.showFocus,(T,x)=>{k.value||x&&T===!1&&(k.value=!0)});const $=ft.concat(yt),q=T=>{$.includes(T.key)||T.preventDefault()};return(T,x)=>e.unref(f)?(e.openBlock(),e.createElementBlock("div",e.mergeProps({key:0,class:["onyx-select-input-skeleton",e.unref(V)]},e.unref(l)),[a.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(M,{key:0,class:"onyx-select-input-skeleton__label"})),e.createVNode(M,{class:"onyx-select-input-skeleton__input"})],16)):(e.openBlock(),e.createElementBlock("div",e.mergeProps({key:1,class:["onyx-select-input",e.unref(V),e.unref(h),a.readonly?"onyx-select-input--readonly":"onyx-select-input--editable"]},e.unref(l)),[e.createVNode(te,e.mergeProps(a,{message:p.value,"success-messages":d.value,"error-messages":e.unref(s)}),{default:e.withCtx(({id:S})=>[e.createElementVNode("div",{class:"onyx-select-input__wrapper",onClick:x[0]||(x[0]=L=>!e.unref(m)&&!a.loading&&i("inputClick"))},[a.loading?(e.openBlock(),e.createBlock(F,{key:0,class:"onyx-select-input__loading",type:"circle"})):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("input",e.mergeProps({id:S,ref_key:"input",ref:E,class:{"onyx-select-input__native":!0,"onyx-select-input__native--show-focus":a.showFocus,"onyx-truncation-ellipsis":!0,"onyx-select-input__native--touched":k.value}},e.unref(r),{type:"text",readonly:a.readonly,placeholder:a.placeholder,required:a.required,disabled:e.unref(m)||a.loading,"aria-label":a.hideLabel?a.label:void 0,title:a.hideLabel?a.label:void 0,value:g.value,autofocus:a.autofocus,autocomplete:"off",onKeydown:q}),null,16,Ia),[[e.unref(u)]]),a.textMode==="preview"&&v.value>0?(e.openBlock(),e.createBlock(Q,{key:1,text:g.value,position:"bottom"},{default:e.withCtx(({trigger:L})=>[e.createVNode(et,e.mergeProps({class:"onyx-select-input__badge"},L,{color:"neutral"}),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(v.value),1)]),_:2},1040)]),_:1},8,["text"])):e.createCommentVNode("",!0),e.createElementVNode("button",{class:"onyx-select-input__button",type:"button","aria-label":e.unref(c)("select.toggleDropDown"),tabindex:"-1",disabled:e.unref(m)||a.readonly||a.loading},[e.createVNode(w,{icon:e.unref(Ta)},null,8,["icon"])],8,La)])]),_:1},16,["message","success-messages","error-messages"])],16))}}),Da=["checked","aria-labelledby","disabled","indeterminate"],$e=e.defineComponent({__name:"OnyxSelectOption",props:{active:{type:Boolean,default:!1},density:{},multiple:{type:Boolean,default:!1},indeterminate:{type:Boolean},icon:{},truncation:{default:"ellipsis"}},setup(n){const o=n;return(t,l)=>(e.openBlock(),e.createBlock(me,e.mergeProps({class:"onyx-select-option"},o,{checked:!!t.$attrs["aria-checked"],selected:!!t.$attrs["aria-selected"],disabled:!!t.$attrs["aria-disabled"]}),{default:e.withCtx(()=>[o.multiple?(e.openBlock(),e.createElementBlock("input",{key:0,checked:!!t.$attrs["aria-checked"],"aria-labelledby":t.$attrs.id,disabled:!!t.$attrs["aria-disabled"],indeterminate:o.indeterminate,"aria-hidden":"true",tabindex:"-1",class:"onyx-select-option__checkbox",type:"checkbox"},null,8,Da)):e.createCommentVNode("",!0),o.icon?(e.openBlock(),e.createBlock(w,{key:1,icon:o.icon},null,8,["icon"])):e.createCommentVNode("",!0),e.createElementVNode("span",{class:e.normalizeClass([`onyx-truncation-${o.truncation}`])},[e.renderSlot(t.$slots,"default")],2)]),_:3},16,["checked","selected","disabled"]))}}),Pa=["inert"],Aa={class:"onyx-select__wrapper",tabindex:"-1"},za={key:0,role:"group",class:"onyx-select__group"},Ra={role:"option","aria-selected":"false"},Ha={key:0,role:"presentation",class:"onyx-select__group-name onyx-text--small"},Fa={key:1,class:"onyx-select__slot"},Ua={key:2,class:"onyx-select__slot"},qa={key:0,class:"onyx-select__description onyx-text--small"},Dt=e.defineComponent({__name:"OnyxSelect",props:{density:{},multiple:{type:Boolean},modelValue:{},withCheckAll:{type:[Boolean,Object]},withSearch:{type:Boolean},searchTerm:{default:Z},showError:{},required:{type:Boolean},requiredMarker:{},customError:{},autofocus:{type:Boolean},id:{},name:{},label:{},labelTooltip:{},hideLabel:{type:Boolean},error:{},message:{},success:{},textMode:{},skeleton:{type:[Symbol,Boolean,Number]},readonly:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},placeholder:{},truncation:{default:"ellipsis"},disabled:{default:I},valueLabel:{default:void 0},open:{default:Z},alignment:{default:"full"},listLabel:{},listDescription:{},options:{},lazyLoading:{}},emits:["update:modelValue","update:searchTerm","update:open","lazyLoad","validityChange"],setup(n,{emit:o}){const t=n,l=o,{densityClass:r}=B(t),a=e.useSlots(),{t:i}=N(),{state:c,isManaged:u}=ce(e.toRef(()=>t.searchTerm),"",_=>l("update:searchTerm",_)),{state:s}=ce(e.toRef(()=>t.open),!1,_=>l("update:open",_)),d=e.ref(),{openDirection:p,updateOpenDirection:m}=_t(d),y=e.ref(),f=e.computed(()=>t.modelValue===void 0?[]:t.multiple&&Array.isArray(t.modelValue)?t.modelValue:[t.modelValue]),h=e.computed(()=>t.valueLabel!==void 0?Array.isArray(t.valueLabel)?t.valueLabel:[t.valueLabel]:f.value.reduce((_,C)=>{var D;const O=(D=t.options.find(({value:z})=>z===C))==null?void 0:D.label;return O&&_.push(O),_},[])),v=e.ref(),g=e.ref(),k=e.computed(()=>u.value&&c.value?t.options.filter(({label:_})=>It(_,c.value)):t.options);e.watch(f,()=>{t.multiple||(y.value=f.value.at(0))},{immediate:!0});const V=e.useId(),E=e.computed(()=>(t.multiple&&t.withCheckAll&&!c.value?[V]:[]).concat(Ze.value)),$=async _=>{var O,D;if(t.readonly){s.value=!1;return}const C=s.value;s.value=!C,await e.nextTick(),s.value&&m(),C!==s.value&&(C?(c.value&&(c.value=""),_||(O=g.value)==null||O.focus()):(D=v.value)==null||D.focus())},q=()=>y.value=E.value.at(0),T=()=>y.value=E.value.at(-1),x=_=>{const C=E.value.findIndex(O=>O===_);C<E.value.length-1&&(y.value=E.value[C+1])},S=_=>{const C=E.value.findIndex(O=>O===_);C>0&&(y.value=E.value[C-1])},L=_=>{const C=k.value.find(O=>O.label.toLowerCase().trim().startsWith(_.toLowerCase()));C&&(y.value=C.value)},W=_=>c.value=_,X=_=>{var D;if(_===V){(D=ne.value)==null||D.handleChange(!ne.value.state.value.modelValue);return}if(!k.value.find(({value:z})=>z===_))return;if(!t.multiple)return l("update:modelValue",_);f.value.some(z=>z===_)?l("update:modelValue",f.value.filter(z=>z!==_)):l("update:modelValue",[...f.value,_])},fe=e.computed(()=>t.withSearch?"list":"none"),{label:b,listLabel:ye,listDescription:Rt,multiple:Ht}=e.toRefs(t),{elements:{input:he,option:Ge,group:Ke,listbox:Ft}}=sn({autocomplete:fe,label:b,listLabel:ye,listDescription:Rt,multiple:Ht,activeOption:e.computed(()=>y.value),isExpanded:s,templateRef:d,onToggle:$,onActivateFirst:q,onActivateLast:T,onActivateNext:x,onActivatePrevious:S,onTypeAhead:L,onAutocomplete:W,onSelect:X}),Ut=e.computed(()=>Yo(k.value,"group")),{vScrollEnd:qt,isScrollEnd:Gt}=Tt({enabled:e.computed(()=>{var _;return((_=t.lazyLoading)==null?void 0:_.enabled)??!1}),loading:e.computed(()=>t.loading),offset:e.computed(()=>{var _;return(_=t.lazyLoading)==null?void 0:_.scrollOffset})}),ve=e.computed(()=>{if(!k.value.length)return t.withSearch&&c.value?i.value("select.noMatch"):i.value("select.empty")}),Ze=e.computed(()=>k.value.filter(_=>!_.disabled).map(({value:_})=>_)),ne=e.computed(()=>{if(!(!t.multiple||!t.withCheckAll))return gt(Ze,f,_=>{const C=_.map(O=>{var D;return(D=t.options.find(({value:z})=>z===O))==null?void 0:D.value}).filter(O=>O!=null);l("update:modelValue",C)})}),_e=e.computed(()=>{var C;if(!t.multiple)return"";const _=i.value("selections.selectAll");return typeof t.withCheckAll=="boolean"?_:((C=t.withCheckAll)==null?void 0:C.label)??_});e.watchEffect(()=>{Gt.value&&l("lazyLoad")});const Kt=e.computed(()=>{const _={...t,open:void 0,modelValue:h.value};return t.withSearch?{..._,onKeydown:he.value.onKeydown}:{..._,...he.value}});return(_,C)=>{var O,D,z;return e.openBlock(),e.createElementBlock("div",{ref_key:"selectRef",ref:d,class:"onyx-select-wrapper"},[e.createVNode(Lt,e.mergeProps({ref_key:"selectInput",ref:g},Kt.value,{"show-focus":e.unref(s),autofocus:t.autofocus,onInputClick:$,onValidityChange:C[0]||(C[0]=le=>l("validityChange",le))}),null,16,["show-focus","autofocus"]),e.createElementVNode("div",{class:e.normalizeClass(["onyx-select",e.unref(r),e.unref(s)?"onyx-select--open":"",`onyx-select--${e.unref(p)}`,`onyx-select--${t.alignment}`]),inert:!e.unref(s)},[e.withDirectives((e.openBlock(),e.createElementBlock("div",Aa,[t.withSearch?(e.openBlock(),e.createBlock(wt,e.mergeProps({key:0,ref_key:"miniSearch",ref:v,"model-value":e.unref(c)},e.unref(he),{label:e.unref(i)("select.searchInputLabel"),class:"onyx-select__search",onClear:C[1]||(C[1]=le=>c.value="")}),null,16,["model-value","label"])):e.createCommentVNode("",!0),e.createElementVNode("div",e.normalizeProps(e.guardReactiveProps(e.unref(Ft))),[ve.value?(e.openBlock(),e.createElementBlock("ul",za,[e.createElementVNode("li",Ra,[e.renderSlot(_.$slots,"empty",{defaultMessage:ve.value},()=>[e.createVNode(Pe,null,{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(ve.value),1)]),_:1})])])])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[t.multiple&&t.withCheckAll&&!e.unref(c)?(e.openBlock(),e.createElementBlock("ul",e.mergeProps({key:0,class:"onyx-select__check-all"},e.unref(Ke)({label:_e.value})),[e.createVNode($e,e.mergeProps(e.unref(Ge)({value:e.unref(V),label:_e.value,selected:(O=ne.value)==null?void 0:O.state.value.modelValue}),{multiple:"",active:e.unref(V)===y.value,indeterminate:(D=ne.value)==null?void 0:D.state.value.indeterminate,density:t.density}),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(_e.value),1)]),_:1},16,["active","indeterminate","density"])],16)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(Ut.value,(le,ae)=>(e.openBlock(),e.createElementBlock("ul",e.mergeProps({key:ae,class:"onyx-select__group",ref_for:!0},e.unref(Ke)({label:ae})),[ae!=""?(e.openBlock(),e.createElementBlock("li",Ha,e.toDisplayString(ae),1)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(le,U=>(e.openBlock(),e.createBlock($e,e.mergeProps({key:U.value.toString(),ref_for:!0},e.unref(Ge)({value:U.value,label:U.label,disabled:U.disabled,selected:f.value.some(Zt=>Zt===U.value)}),{multiple:t.multiple,active:U.value===y.value,icon:U.icon,density:t.density,truncation:U.truncation??t.truncation}),{default:e.withCtx(()=>[e.renderSlot(_.$slots,"option",e.mergeProps({ref_for:!0},U),()=>[e.createTextVNode(e.toDisplayString(U.label),1)])]),_:2},1040,["multiple","active","icon","density","truncation"]))),128))],16))),128))],64))],16),(z=t.lazyLoading)!=null&&z.loading?(e.openBlock(),e.createElementBlock("div",Fa,[e.createVNode(F,{class:"onyx-select__loading"})])):e.createCommentVNode("",!0),a.optionsEnd?(e.openBlock(),e.createElementBlock("div",Ua,[e.renderSlot(_.$slots,"optionsEnd")])):e.createCommentVNode("",!0)])),[[e.unref(qt)]]),t.listDescription?(e.openBlock(),e.createElementBlock("div",qa,e.toDisplayString(t.listDescription),1)):e.createCommentVNode("",!0)],10,Pa)],512)}}}),Ga=["aria-label"],Ka={class:"onyx-pagination__count"},Za=["aria-label","disabled"],ja=["aria-label","disabled"],Ya=e.defineComponent({__name:"SelectPagination",props:{density:{},modelValue:{},pages:{},disabled:{type:Boolean}},emits:["update:modelValue"],setup(n,{emit:o}){const t=n,l=o,{t:r}=N(),{densityClass:a}=B(t),i=e.computed(()=>Array.from({length:t.pages},(s,d)=>{const p=d+1;return{label:p.toString(),value:p}})),c=e.computed(()=>t.modelValue<=1),u=e.computed(()=>t.modelValue>=t.pages);return(s,d)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["onyx-pagination","onyx-text",e.unref(a)]),role:"group","aria-label":e.unref(r)("pagination.label"),style:e.normalizeStyle({"--onyx-pagination-character-count":t.modelValue.toString().length})},[e.createVNode(Dt,{class:"onyx-pagination__select",label:e.unref(r)("pagination.select.label"),"list-label":e.unref(r)("pagination.select.listLabel"),options:i.value,"model-value":t.modelValue,"value-label":t.modelValue.toString(),"hide-label":"",disabled:t.disabled||t.pages<=1,alignment:"left","with-search":"","onUpdate:modelValue":d[0]||(d[0]=p=>l("update:modelValue",p))},null,8,["label","list-label","options","model-value","value-label","disabled"]),e.createElementVNode("div",Ka,e.toDisplayString(e.unref(r)("pagination.ofPages",{n:t.pages})),1),e.createElementVNode("button",{class:"onyx-pagination__button","aria-label":e.unref(r)("pagination.previous"),type:"button",disabled:t.disabled||c.value,onClick:d[1]||(d[1]=p=>l("update:modelValue",t.modelValue-1))},[e.createVNode(w,{icon:e.unref(Ot)},null,8,["icon"])],8,Za),e.createElementVNode("button",{class:"onyx-pagination__button","aria-label":e.unref(r)("pagination.next"),type:"button",disabled:t.disabled||u.value,onClick:d[2]||(d[2]=p=>l("update:modelValue",t.modelValue+1))},[e.createVNode(w,{icon:e.unref(St)},null,8,["icon"])],8,ja)],14,Ga))}}),Ja=e.defineComponent({__name:"OnyxPagination",props:{density:{},modelValue:{},pages:{},disabled:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(n,{emit:o}){const t=n,l=o;return(r,a)=>(e.openBlock(),e.createBlock(Ya,e.mergeProps(t,{"onUpdate:modelValue":a[0]||(a[0]=i=>l("update:modelValue",i))}),null,16))}}),Wa=["required","name","value","checked","disabled","autofocus"],Oe=e.defineComponent({__name:"OnyxRadioButton",props:{density:{},value:{},label:{},disabled:{default:I},loading:{type:Boolean,default:!1},skeleton:{type:[Symbol,Boolean,Number],default:P},truncation:{default:"ellipsis"},customError:{},autofocus:{type:Boolean},name:{},checked:{type:Boolean,default:!1},required:{type:Boolean,default:!1}},emits:["validityChange"],setup(n,{emit:o}){const t=n,l=o,{vCustomValidity:r,errorMessages:a}=G({props:t,emit:l}),{densityClass:i}=B(t),{disabled:c}=R(t),u=A(t);return(s,d)=>e.unref(u)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["onyx-radio-button-skeleton",e.unref(i)])},[e.createVNode(M,{class:"onyx-radio-button-skeleton__input"}),e.createVNode(M,{class:"onyx-radio-button-skeleton__label"})],2)):(e.openBlock(),e.createBlock(De,{key:1,disabled:e.unref(c),"error-messages":e.unref(a)},{default:e.withCtx(()=>[e.createElementVNode("label",{class:e.normalizeClass(["onyx-radio-button",e.unref(i)])},[t.loading?(e.openBlock(),e.createBlock(F,{key:0,class:"onyx-radio-button__loading",type:"circle"})):e.withDirectives((e.openBlock(),e.createElementBlock("input",{key:1,class:"onyx-radio-button__selector",type:"radio",required:t.required,name:t.name,value:t.value,checked:t.checked,disabled:e.unref(c),autofocus:t.autofocus},null,8,Wa)),[[e.unref(r)]]),e.createElementVNode("span",{class:e.normalizeClass(["onyx-radio-button__label",[`onyx-truncation-${t.truncation}`]])},e.toDisplayString(t.label),3)],2)]),_:1},8,["disabled","error-messages"]))}}),Xa=["disabled","aria-label"],Qa={key:0,class:"onyx-radio-group__headline"},er=e.defineComponent({__name:"OnyxRadioGroup",props:{density:{},required:{type:Boolean,default:!1},requiredMarker:{},customError:{},truncation:{default:"ellipsis"},label:{},hideLabel:{type:Boolean},name:{default:()=>e.useId()},options:{},modelValue:{},disabled:{default:I},direction:{default:"vertical"},skeleton:{type:[Symbol,Boolean,Number],default:P}},emits:["update:modelValue","validityChange"],setup(n,{emit:o}){const t=n,{densityClass:l}=B(t),{requiredMarkerClass:r,requiredTypeClass:a}=ue(t),{disabled:i}=R(t),c=A(t),u=o,s=(d,p)=>{d&&u("update:modelValue",p)};return(d,p)=>(e.openBlock(),e.createElementBlock("fieldset",{class:e.normalizeClass(["onyx-radio-group",e.unref(l),e.unref(a)]),disabled:e.unref(i),role:"radiogroup","aria-label":t.label},[t.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("legend",Qa,[e.createVNode(Y,{is:"h3",class:e.normalizeClass(e.unref(r))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.label),1)]),_:1},8,["class"])])),e.createElementVNode("div",{class:e.normalizeClass(["onyx-radio-group__content",{"onyx-radio-group__content--horizontal":t.direction==="horizontal"}])},[e.unref(c)?typeof e.unref(c)=="number"?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(e.unref(c),m=>(e.openBlock(),e.createBlock(Oe,{id:`skeleton-${m}`,key:m,value:`skeleton-${m}`,label:"Skeleton ${i}",name:t.name,skeleton:""},null,8,["id","value","name"]))),128)):e.createCommentVNode("",!0):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(t.options,(m,y)=>(e.openBlock(),e.createBlock(Oe,e.mergeProps({key:m.value.toString(),ref_for:!0},m,{name:t.name,"custom-error":t.customError,checked:m.value===t.modelValue,required:t.required,truncation:m.truncation??t.truncation,onValidityChange:f=>y===0&&u("validityChange",f),onChange:f=>s(f,m.value)}),null,16,["name","custom-error","checked","required","truncation","onValidityChange","onChange"]))),128))],2)],10,Xa))}}),tr=["full","left","right"],or=["summary","preview"],nr='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 11.25h18v1.5H3z"/></svg>',lr='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12.75 11.25V3h-1.5v8.25H3v1.5h8.25V21h1.5v-8.25H21v-1.5z"/></svg>',ar=(n,o)=>n/o%1===0,rr=(n,o,t)=>{const l=o??-1/0,r=t??1/0;return Math.min(Math.max(n,l),r)},re=(n,o)=>{if(n===void 0)return"";if(o>0)return n.toFixed(o);const l=Math.pow(10,o);return(Math.round(n*l)/l).toString()},sr={class:"onyx-stepper__wrapper"},ir=["disabled","aria-label"],cr=["aria-label","autofocus","disabled","min","max","name","placeholder","readonly","required","step","title"],ur=["disabled","aria-label"],dr=e.defineComponent({__name:"OnyxStepper",props:e.mergeModels({disabled:{default:I},showError:{default:I},density:{},customError:{},required:{type:Boolean},requiredMarker:{},id:{},name:{},label:{},labelTooltip:{},hideLabel:{type:Boolean},error:{},message:{},success:{},autofocus:{type:Boolean},placeholder:{},min:{},max:{},step:{},precision:{default:1},stepSize:{},stripStep:{type:Boolean,default:!1},autocomplete:{},readonly:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},skeleton:{type:[Symbol,Boolean,Number],default:P}},{modelValue:{},modelModifiers:{}}),emits:e.mergeModels(["validityChange"],["update:modelValue"]),setup(n,{emit:o}){const t=n,{t:l}=N(),r=e.ref(),a=o,{disabled:i,showError:c}=R(t),u=A(t),s=ee(c),{densityClass:d}=B(t),{vCustomValidity:p,errorMessages:m}=G({props:t,emit:a}),y=e.computed(()=>H(t.success)),f=e.computed(()=>H(t.message)),h=e.ref(!1),v=e.useModel(n,"modelValue"),g=e.ref(),k=e.computed(()=>{const x=t.precision,S=x.toString();return S.includes(".")?S.split(".")[1].length:-Math.floor(Math.log10(x))});e.watch(v,()=>g.value=re(v.value,k.value),{immediate:!0});const V=e.computed(()=>Math.max(t.stepSize??t.precision,t.precision)),E=x=>{if(!r.value)return;h.value=!0;const S=v.value||0,L=(x==="stepUp"?1:-1)*V.value,W=S+L,X=Math.round(W/t.precision)*t.precision;v.value=rr(X,t.min,t.max)},$=()=>{if(!r.value)return;h.value=!0;const x=parseFloat(g.value??""),S=parseFloat(re(x,k.value));if(g.value=re(x,k.value),!x||isNaN(x)){v.value=void 0;return}if(t.stripStep&&(!ar(x,t.precision)||t.min!==void 0&&t.min>x||t.max!==void 0&&t.max<x)){g.value=re(v.value,k.value);return}v.value=S},q=e.computed(()=>l.value("stepper.increment",{stepSize:V.value})),T=e.computed(()=>l.value("stepper.decrement",{stepSize:V.value}));return(x,S)=>e.unref(u)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["onyx-stepper-skeleton",e.unref(d)])},[t.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(M,{key:0,class:"onyx-stepper-skeleton__label"})),e.createVNode(M,{class:"onyx-stepper-skeleton__input"})],2)):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["onyx-stepper",e.unref(d),e.unref(s)])},[e.createVNode(te,e.mergeProps(t,{message:f.value,"success-messages":y.value,"error-messages":e.unref(m)}),{default:e.withCtx(()=>[e.createElementVNode("div",sr,[e.createElementVNode("button",{type:"button",class:"onyx-stepper__counter",disabled:e.unref(i)||x.readonly||t.loading||t.min!==void 0&&v.value!==void 0&&v.value<=t.min,"aria-label":T.value,tabindex:"-1",onClick:S[0]||(S[0]=L=>E("stepDown"))},[e.createVNode(w,{icon:e.unref(nr)},null,8,["icon"])],8,ir),t.loading?(e.openBlock(),e.createBlock(F,{key:0,class:"onyx-stepper__loading",type:"circle"})):e.withDirectives((e.openBlock(),e.createElementBlock("input",{key:1,ref_key:"inputRef",ref:r,"onUpdate:modelValue":S[1]||(S[1]=L=>g.value=L),class:e.normalizeClass(["onyx-stepper__native",{"onyx-stepper__native--touched":h.value}]),type:"number","aria-label":t.label,autofocus:t.autofocus,disabled:e.unref(i)||t.loading,min:t.min,max:t.max,name:t.name,placeholder:t.placeholder,readonly:t.readonly,required:t.required,step:t.precision,title:t.hideLabel?t.label:void 0,onChange:$,onKeydown:[S[2]||(S[2]=e.withKeys(e.withModifiers(L=>E("stepUp"),["prevent"]),["up"])),S[3]||(S[3]=e.withKeys(e.withModifiers(L=>E("stepDown"),["prevent"]),["down"]))]},null,42,cr)),[[e.vModelText,g.value],[e.unref(p)]]),e.createElementVNode("button",{type:"button",class:"onyx-stepper__counter",disabled:e.unref(i)||x.readonly||t.loading||t.max!==void 0&&v.value!==void 0&&v.value>=t.max,"aria-label":q.value,tabindex:"-1",onClick:S[4]||(S[4]=L=>E("stepUp"))},[e.createVNode(w,{icon:e.unref(lr)},null,8,["icon"])],8,ur)])]),_:1},16,["message","success-messages","error-messages"])],2))}}),pr='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m15.983 8.095-6.22 6.22-2.468-2.47-1.061 1.062 3.53 3.525 7.28-7.28z"/></svg>',mr={class:"onyx-switch-skeleton__click-area"},fr=["title"],yr=["aria-label","disabled","required","autofocus"],hr={class:"onyx-switch__click-area"},vr={class:"onyx-switch__container"},_r={class:"onyx-switch__icon"},gr=e.defineComponent({__name:"OnyxSwitch",props:{disabled:{default:I},showError:{},density:{},required:{type:Boolean},requiredMarker:{},customError:{},autofocus:{type:Boolean},modelValue:{type:Boolean,default:!1},label:{},loading:{type:Boolean,default:!1},hideLabel:{type:Boolean},truncation:{default:"ellipsis"},skeleton:{type:[Symbol,Boolean,Number],default:P}},emits:["update:modelValue","validityChange"],setup(n,{emit:o}){const t=n,l=o,{requiredMarkerClass:r,requiredTypeClass:a}=ue(t),{densityClass:i}=B(t),{disabled:c,showError:u}=R(t),{vCustomValidity:s,errorMessages:d}=G({props:t,emit:l}),p=e.computed(()=>u.value!==!1?d.value:void 0),m=e.computed(()=>t.hideLabel&&t.label||void 0),y=A(t),f=e.computed({get:()=>t.modelValue,set:h=>{l("update:modelValue",h)}});return(h,v)=>e.unref(y)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["onyx-switch-skeleton",e.unref(i)])},[e.createElementVNode("span",mr,[e.createVNode(M,{class:"onyx-switch-skeleton__input"})]),t.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(M,{key:0,class:"onyx-switch-skeleton__label"}))],2)):(e.openBlock(),e.createBlock(De,{key:1,disabled:e.unref(c),"error-messages":p.value},{default:e.withCtx(()=>[e.createElementVNode("label",{class:e.normalizeClass(["onyx-switch",[e.unref(a),e.unref(i)]]),title:m.value},[e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":v[0]||(v[0]=g=>f.value=g),type:"checkbox",role:"switch",class:e.normalizeClass({"onyx-switch__input":!0,"onyx-switch__loading":t.loading}),"aria-label":t.hideLabel?t.label:void 0,disabled:e.unref(c)||t.loading,required:t.required,autofocus:t.autofocus},null,10,yr),[[e.vModelCheckbox,f.value],[e.unref(s)]]),e.createElementVNode("span",hr,[e.createElementVNode("span",vr,[e.createElementVNode("span",_r,[t.loading?(e.openBlock(),e.createBlock(F,{key:0,class:"onyx-switch__spinner",type:"circle"})):(e.openBlock(),e.createBlock(w,{key:1,icon:f.value?e.unref(pr):e.unref(Re)},null,8,["icon"]))]),v[1]||(v[1]=e.createElementVNode("div",{class:"onyx-switch__frame"},null,-1))])]),t.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(["onyx-switch__label",[`onyx-truncation-${t.truncation}`,t.truncation==="multiline"?e.unref(r):void 0]])},e.toDisplayString(t.label),3)),!t.hideLabel&&t.truncation==="ellipsis"?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["onyx-switch__marker",[e.unref(r)]])},null,2)):e.createCommentVNode("",!0)],10,fr)]),_:1},8,["disabled","error-messages"]))}}),Ue=Symbol(),kr=["disabled"],br={class:"onyx-tab__label"},xr=e.defineComponent({__name:"OnyxTab",props:{density:{},value:{},label:{},disabled:{type:Boolean,default:!1},skeleton:{type:[Symbol,Boolean,Number],default:P}},setup(n){const o=n,{densityClass:t}=B(o),l=e.inject(Ue),r=A(o),a=e.computed(()=>`onyx-tab--${l==null?void 0:l.size.value}`),i=e.computed(()=>l==null?void 0:l.headless.elements.tab.value({value:o.value,disabled:o.disabled||!!r.value}));return(c,u)=>{var s,d,p,m,y;return e.openBlock(),e.createElementBlock(e.Fragment,null,[e.unref(r)?(e.openBlock(),e.createBlock(M,e.mergeProps({key:0,class:["onyx-tab-skeleton",e.unref(t),a.value]},i.value),null,16,["class"])):(e.openBlock(),e.createElementBlock("button",e.mergeProps({key:1,class:["onyx-tab",e.unref(t),a.value,(s=i.value)!=null&&s["aria-selected"]?"onyx-tab--selected":""]},i.value,{type:"button",disabled:o.disabled}),[e.createElementVNode("div",br,[e.renderSlot(c.$slots,"tab",{},()=>[e.createTextVNode(e.toDisplayString(o.label),1)])])],16,kr)),(e.openBlock(),e.createBlock(e.Teleport,{to:(d=e.unref(l))==null?void 0:d.panelRef.value,disabled:!((p=e.unref(l))!=null&&p.panelRef.value),defer:""},[(m=i.value)!=null&&m["aria-selected"]?(e.openBlock(),e.createElementBlock("div",e.mergeProps({key:0},(y=e.unref(l))==null?void 0:y.headless.elements.tabpanel.value({value:o.value}),{class:"onyx-tab__panel"}),[e.renderSlot(c.$slots,"default")],16)):e.createCommentVNode("",!0)],8,["to","disabled"]))],64)}}}),Br=e.defineComponent({__name:"OnyxTabs",props:{density:{},skeleton:{type:Boolean},label:{},modelValue:{},stretched:{type:Boolean},size:{default:"h2"}},emits:["update:modelValue"],setup(n,{emit:o}){const t=n,l=o,{densityClass:r}=B(t),a=pn({label:e.toRef(t,"label"),selectedTab:e.toRef(()=>t.modelValue),onSelect:c=>l("update:modelValue",c)}),i=e.ref();return Te(t),e.provide(Ue,{headless:a,panelRef:i,size:e.toRef(t,"size")}),(c,u)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"panelRef",ref:i,class:e.normalizeClass(["onyx-tabs",e.unref(r),t.stretched?"onyx-tabs--stretched":""])},[e.createElementVNode("div",e.mergeProps(e.unref(a).elements.tablist.value,{class:"onyx-tabs__tablist"}),[e.renderSlot(c.$slots,"default")],16)],2))}}),Cr={class:"onyx-text onyx-truncation-ellipsis"},wr=e.defineComponent({__name:"OnyxTag",props:{density:{},label:{},color:{default:"primary"},icon:{}},setup(n){const o=n,{densityClass:t}=B(o);return(l,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["onyx-tag",`onyx-tag--${o.color}`,e.unref(t)])},[o.icon?(e.openBlock(),e.createBlock(w,{key:0,icon:o.icon,size:"16px"},null,8,["icon"])):e.createCommentVNode("",!0),e.createElementVNode("span",Cr,e.toDisplayString(o.label),1)],2))}}),Vr=["data-autosize-value"],Er=["id","placeholder","required","autocapitalize","autofocus","name","readonly","disabled","minlength","maxlength","aria-label","title"],Sr=e.defineComponent({__name:"OnyxTextarea",props:{density:{},required:{type:Boolean,default:!1},requiredMarker:{},customError:{},label:{},labelTooltip:{},hideLabel:{type:Boolean},modelValue:{default:""},placeholder:{},autocapitalize:{default:"sentences"},autofocus:{type:Boolean},name:{},readonly:{type:Boolean,default:!1},disabled:{default:I},minlength:{},maxlength:{},withCounter:{type:Boolean},message:{},success:{},skeleton:{type:[Symbol,Boolean,Number],default:P},autosize:{},disableManualResize:{type:Boolean,default:!1}},emits:["update:modelValue","validityChange"],setup(n,{emit:o}){const t=n,l=o,{vCustomValidity:r,errorMessages:a}=G({props:t,emit:l}),{densityClass:i}=B(t),c=e.computed(()=>H(t.success)),u=e.computed(()=>H(t.message)),s=e.computed({get:()=>t.modelValue,set:v=>l("update:modelValue",v)}),d=e.computed(()=>{if(!t.autosize)return;const v=t.autosize.min?Math.max(t.autosize.min,2):void 0,g=t.autosize.max;return[v?`--min-autosize-rows: ${v}`:"",`--max-autosize-rows: ${g??"unset"}`]}),p=v=>{var k;const g=v.target;(k=g.parentElement)==null||k.setAttribute("data-autosize-value",g.value)},{disabled:m,showError:y}=R(t),f=A(t),h=ee(y);return(v,g)=>e.unref(f)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["onyx-textarea-skeleton",e.unref(i)]),style:e.normalizeStyle(d.value)},[t.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(M,{key:0,class:"onyx-textarea-skeleton__label"})),e.createVNode(M,{class:"onyx-textarea-skeleton__input"})],6)):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["onyx-textarea",e.unref(h),e.unref(i)]),style:e.normalizeStyle(d.value)},[e.createVNode(te,e.mergeProps(t,{message:u.value,"success-messages":c.value,"error-messages":e.unref(a)}),{default:e.withCtx(({id:k})=>[e.createElementVNode("div",{class:"onyx-textarea__wrapper","data-autosize-value":s.value},[e.withDirectives(e.createElementVNode("textarea",{id:k,"onUpdate:modelValue":g[0]||(g[0]=V=>s.value=V),class:e.normalizeClass(["onyx-textarea__native",{"onyx-textarea__native--no-resize":t.disableManualResize}]),placeholder:t.placeholder,required:t.required,autocapitalize:t.autocapitalize,autofocus:t.autofocus,name:t.name,readonly:t.readonly,disabled:e.unref(m),minlength:t.minlength,maxlength:t.maxlength,"aria-label":t.hideLabel?t.label:void 0,title:t.hideLabel?t.label:void 0,onInput:p},null,42,Er),[[e.vModelText,s.value],[e.unref(r)]])],8,Vr)]),_:1},16,["message","success-messages","error-messages"])],6))}}),Nr='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M11.25 16.5h1.5V18h-1.5zM12.75 6h-1.5v8.25h1.5z"/><path fill-rule="evenodd" d="M12 1.5a10.5 10.5 0 1 0 0 21 10.5 10.5 0 0 0 0-21m6.364 16.864A9 9 0 1 1 21 12a8.94 8.94 0 0 1-2.636 6.364" clip-rule="evenodd"/></svg>',Mr='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m7.275 11.828 2.465 2.47 6.22-6.22 1.06 1.06-7.28 7.281-3.528-3.53z"/><path fill-rule="evenodd" d="M6.167 3.27a10.5 10.5 0 1 1 11.666 17.46A10.5 10.5 0 0 1 6.167 3.27M7 19.483A9 9 0 0 0 12 21a9.01 9.01 0 0 0 9-9 9 9 0 1 0-14 7.483" clip-rule="evenodd"/></svg>',$r={class:"onyx-toast-message__wrapper"},Or={class:"onyx-toast-message__content onyx-truncation-ellipsis"},Tr={class:"onyx-toast-message__headline onyx-text"},Ir={class:"onyx-truncation-ellipsis"},Lr=["aria-label"],Dr={key:0,class:"onyx-toast-message__description onyx-text--small onyx-truncation-multiline",tabindex:"0"},Pt=e.defineComponent({__name:"OnyxToastMessage",props:{density:{},headline:{},description:{},color:{default:"neutral"},duration:{default:5e3},clickable:{type:Boolean,default:!1},icon:{type:[String,Boolean],default:void 0}},emits:["close"],setup(n,{emit:o}){const t=n,l=o,{t:r}=N(),{densityClass:a}=B(t),i=e.computed(()=>t.duration>0),c={neutral:Ne,danger:kt,warning:Nr,success:Mr},u=e.computed(()=>{if(t.icon!==!1)return t.icon||c[t.color]});return(s,d)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.clickable?"button":"div"),{class:e.normalizeClass(["onyx-toast-message",[`onyx-toast-message--${t.color}`,e.unref(a)]]),role:t.color==="danger"||t.color==="warning"?"alert":"status","aria-label":t.clickable?t.headline:void 0},{default:e.withCtx(()=>[e.createElementVNode("div",$r,[u.value?(e.openBlock(),e.createBlock(w,{key:0,icon:u.value},null,8,["icon"])):e.createCommentVNode("",!0),e.createElementVNode("div",Or,[e.createElementVNode("div",Tr,[e.createElementVNode("span",Ir,e.toDisplayString(t.headline),1),t.clickable?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("button",{key:0,type:"button","aria-label":e.unref(r)("close"),class:"onyx-toast-message__close",onClick:d[0]||(d[0]=p=>l("close"))},[e.createVNode(w,{icon:e.unref(Re)},null,8,["icon"])],8,Lr))]),t.description?(e.openBlock(),e.createElementBlock("p",Dr,e.toDisplayString(t.description),1)):e.createCommentVNode("",!0)])]),i.value?(e.openBlock(),e.createElementBlock("time",{key:t.duration,"aria-hidden":"true",class:"onyx-toast-message__progress-bar",style:e.normalizeStyle({animationDuration:`${t.duration}ms`}),onAnimationend:d[1]||(d[1]=p=>l("close"))},null,36)):e.createCommentVNode("",!0)]),_:1},8,["class","role","aria-label"]))}}),qe=Symbol(),At=()=>{let n=1;const o=e.ref([]),t=r=>{const a=n++;o.value.unshift({...r,id:a,onClose:()=>l(a)})},l=r=>{o.value=o.value.filter(a=>a.id!==r)};return{toasts:e.computed(()=>o.value),show:t,remove:l}},zt=()=>{const n=()=>{console.warn('Trying to use "useToast()" before the toast provider has been provided. Make sure to "provide" it first.')};return e.inject(qe,()=>({toasts:e.computed(()=>[]),show:n,remove:n}),!0)},Pr={key:0,class:"onyx-toast",role:"presentation","aria-live":"polite",open:""},Ar=e.defineComponent({__name:"OnyxToast",setup(n){const o=zt();return(t,l)=>e.unref(o).toasts.value.length?(e.openBlock(),e.createElementBlock("dialog",Pr,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(o).toasts.value,({id:r,...a})=>(e.openBlock(),e.createBlock(Pt,e.mergeProps({key:r,ref_for:!0},a),null,16))),128))])):e.createCommentVNode("",!0)}}),zr=["top","bottom","auto"],Rr=e.defineComponent({__name:"OnyxForm",props:{disabled:{type:Boolean,default:!1},showError:{default:"touched"},skeleton:{type:Boolean},density:{}},setup(n){const o=n;so(o),Te(o);const{densityClass:t}=B(o);return(l,r)=>(e.openBlock(),e.createElementBlock("form",{class:e.normalizeClass({"onyx-form":!0,...e.unref(t)})},[e.renderSlot(l.$slots,"default")],2))}}),Hr=["primary","neutral","danger","warning","success","info"],Fr=["small","default","large"],Ur=["ellipsis","multiline"],qr=["onyx","digits","kaufland","lidl","schwarz"],Gr=["horizontal","vertical"],Kr=(n={})=>({install:o=>{st(o,n.i18n);const t=o.runWithContext(()=>N());o.provide(qe,At()),o.mixin({beforeMount:()=>{e.watchEffect(()=>{Zr(t.t.value("optional"))})}})}}),Zr=n=>{var o;(o=globalThis.document)==null||o.body.style.setProperty("--onyx-global-optional-text",n)};exports.AUTOCAPITALIZE=fl;exports.BUTTON_COLORS=Eo;exports.BUTTON_MODES=So;exports.BUTTON_TYPES=Vo;exports.DENSITIES=lo;exports.DIRECTIONS=Gr;exports.DataGridFeatures=Kn;exports.HEADLINE_TYPES=sl;exports.ICON_SIZES=il;exports.INPUT_TYPES=ml;exports.LINK_TARGETS=vl;exports.MOBILE_NAV_BAR_INJECTION_KEY=oe;exports.MULTISELECT_TEXT_MODE=or;exports.NAV_BAR_MORE_LIST_INJECTION_KEY=Nt;exports.ONYX_BREAKPOINTS=Qe;exports.ONYX_COLORS=Hr;exports.ONYX_THEMES=qr;exports.OnyxAppLayout=Xt;exports.OnyxAvatar=Be;exports.OnyxAvatarStack=no;exports.OnyxBadge=et;exports.OnyxButton=ie;exports.OnyxCheckbox=se;exports.OnyxCheckboxGroup=xn;exports.OnyxColorSchemeDialog=Et;exports.OnyxColorSchemeMenuItem=ql;exports.OnyxDataGrid=zn;exports.OnyxDataGridRenderer=xt;exports.OnyxDatePicker=nl;exports.OnyxDialog=Bt;exports.OnyxEmpty=Pe;exports.OnyxExternalLinkIcon=pe;exports.OnyxFlyoutMenu=Fe;exports.OnyxForm=Rr;exports.OnyxHeadline=Y;exports.OnyxIcon=w;exports.OnyxIconButton=ze;exports.OnyxInfoTooltip=Ae;exports.OnyxInput=pl;exports.OnyxLink=hl;exports.OnyxListItem=me;exports.OnyxLoadingIndicator=F;exports.OnyxMenuItem=He;exports.OnyxMiniSearch=wt;exports.OnyxMobileNavButton=Me;exports.OnyxMoreList=Sl;exports.OnyxNavAppArea=Vt;exports.OnyxNavBar=Sa;exports.OnyxNavButton=Ql;exports.OnyxNavItem=ea;exports.OnyxNavSeparator=Mt;exports.OnyxPageLayout=Oa;exports.OnyxPagination=Ja;exports.OnyxRadioButton=Oe;exports.OnyxRadioGroup=er;exports.OnyxSelect=Dt;exports.OnyxSelectInput=Lt;exports.OnyxSelectOption=$e;exports.OnyxSkeleton=M;exports.OnyxStepper=dr;exports.OnyxSwitch=gr;exports.OnyxTab=xr;exports.OnyxTable=bt;exports.OnyxTabs=Br;exports.OnyxTag=wr;exports.OnyxTextarea=Sr;exports.OnyxTimer=sa;exports.OnyxToast=Ar;exports.OnyxToastMessage=Pt;exports.OnyxTooltip=Q;exports.OnyxUserMenu=ha;exports.OnyxVisuallyHidden=J;exports.SELECT_ALIGNMENTS=tr;exports.TABS_INJECTION_KEY=Ue;exports.TEXT_SIZES=Fr;exports.TOAST_PROVIDER_INJECTION_KEY=qe;exports.TOOLTIP_POSITIONS=zr;exports.TRUNCATION_TYPES=Ur;exports.createOnyx=Kr;exports.createToastProvider=At;exports.normalizedIncludes=It;exports.provideI18n=st;exports.useDensity=B;exports.useScrollEnd=Tt;exports.useToast=zt;
|
|
183
|
+
`,Pl={class:"onyx-color-scheme-dialog__subtitle onyx-text"},Al=["innerHTML"],zl=["autofocus","value","checked","aria-label"],Rl={class:"onyx-text--small"},Hl={class:"onyx-color-scheme-dialog__actions"},Nt=e.defineComponent({__name:"OnyxColorSchemeDialog",props:{open:{type:Boolean,default:!1},density:{},modelValue:{}},emits:["update:modelValue","close"],setup(n,{emit:o}){const t=n,l=o,r=e.ref();e.watchEffect(()=>r.value=t.modelValue);const{t:a}=N(),s=e.computed(()=>[{value:"auto",image:Il,label:a.value("colorScheme.auto.label"),description:a.value("colorScheme.auto.description")},{value:"light",image:Dl,label:a.value("colorScheme.light.label"),description:a.value("colorScheme.light.description")},{value:"dark",image:Ll,label:a.value("colorScheme.dark.label"),description:a.value("colorScheme.dark.description")}]),c=i=>{const d=i.target;r.value=d.value},u=()=>{r.value&&(l("update:modelValue",r.value),l("close"))};return(i,d)=>(e.openBlock(),e.createBlock(wt,e.mergeProps({class:"onyx-color-scheme-dialog"},t,{label:e.unref(a)("colorScheme.headline"),modal:"",onClose:d[1]||(d[1]=p=>l("close"))}),{default:e.withCtx(()=>[e.createElementVNode("form",{class:"onyx-color-scheme-dialog__form",onSubmit:e.withModifiers(u,["prevent"])},[e.createElementVNode("div",null,[e.createVNode(Y,{is:"h2"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(a)("colorScheme.headline")),1)]),_:1}),e.createElementVNode("span",Pl,e.toDisplayString(e.unref(a)("colorScheme.subtitle")),1)]),e.createElementVNode("fieldset",{class:"onyx-color-scheme-dialog__list",onChange:c},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.value,p=>(e.openBlock(),e.createElementBlock("label",{key:p.value,class:"onyx-color-scheme-dialog__option"},[e.createElementVNode("figure",{class:"onyx-color-scheme-dialog__image",innerHTML:p.image},null,8,Al),e.createElementVNode("div",null,[e.createVNode(J,{is:"div"},{default:e.withCtx(()=>[e.createElementVNode("input",{type:"radio",name:"color-scheme",autofocus:t.modelValue===p.value,value:p.value,checked:t.modelValue===p.value,"aria-label":p.label,required:""},null,8,zl)]),_:2},1024),e.createVNode(Y,{is:"h3",class:"onyx-color-scheme-dialog__label"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(p.label),1)]),_:2},1024),e.createElementVNode("p",Rl,e.toDisplayString(p.description),1)])]))),128))],32),e.createElementVNode("div",Hl,[e.createVNode(ie,{label:e.unref(a)("cancel"),mode:"plain",color:"neutral",onClick:d[0]||(d[0]=p=>l("close"))},null,8,["label"]),e.createVNode(ie,{label:e.unref(a)("apply"),type:"submit"},null,8,["label"])])],32)]),_:1},16,["label"]))}}),Fl='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12.008 1.5c-5.79 0-10.493 4.71-10.493 10.493 0 5.782 4.71 10.492 10.493 10.492 5.782 0 10.492-4.71 10.492-10.492S17.79 1.5 12.008 1.5M13.5 3.135q.753.126 1.463.375v16.973q-.709.249-1.463.375zm2.962 1.058a9.3 9.3 0 0 1 1.59 1.162v13.282a9 9 0 0 1-1.59 1.163zm3.083 2.917a8.93 8.93 0 0 1 1.447 4.882 9 9 0 0 1-1.447 4.883zM3.008 11.992C3.008 7.036 7.043 3 12 3v17.993c-4.957 0-8.992-4.035-8.992-8.993z"/></svg>',Ul=["href","target","rel"],ql=["disabled"],Fe=e.defineComponent({__name:"OnyxMenuItem",props:{target:{default:"_self"},href:{},active:{type:Boolean},disabled:{type:Boolean},color:{}},setup(n){const o=n,{t}=N(),{elements:{listItem:l,menuItem:r}}=_t(),a=e.computed(()=>r({active:o.active,disabled:o.disabled}));return(s,c)=>(e.openBlock(),e.createBlock(fe,e.mergeProps({selected:o.active,active:o.active,color:o.color,disabled:o.disabled,class:"onyx-menu-item"},e.unref(l)),{default:e.withCtx(()=>[o.href?(e.openBlock(),e.createElementBlock("a",e.mergeProps({key:0,class:"onyx-menu-item__trigger",href:o.href,target:o.target,rel:o.target==="_blank"?"noreferrer":void 0},a.value),[e.renderSlot(s.$slots,"default")],16,Ul)):(e.openBlock(),e.createElementBlock("button",e.mergeProps({key:1,class:"onyx-menu-item__trigger",type:"button",disabled:o.disabled},a.value),[e.renderSlot(s.$slots,"default"),o.target==="_blank"?(e.openBlock(),e.createBlock(J,{key:0},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(t)("link.opensExternally")),1)]),_:1})):e.createCommentVNode("",!0)],16,ql))]),_:3},16,["selected","active","color","disabled"]))}}),Gl={class:"onyx-color-scheme-menu-item__value"},Kl=e.defineComponent({__name:"OnyxColorSchemeMenuItem",props:{modelValue:{}},emits:["update:modelValue"],setup(n,{emit:o}){const t=n,l=o,{t:r}=N(),a=e.ref(!1);return(s,c)=>(e.openBlock(),e.createBlock(Fe,{class:"onyx-color-scheme-menu-item",onClick:c[2]||(c[2]=u=>a.value=!0)},{default:e.withCtx(()=>[e.createVNode(w,{icon:e.unref(Fl)},null,8,["icon"]),e.createElementVNode("div",null,[e.createTextVNode(e.toDisplayString(e.unref(r)("colorScheme.appearance"))+": ",1),e.createElementVNode("span",Gl,e.toDisplayString(e.unref(r)(`colorScheme.${t.modelValue}.label`)),1)]),(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[e.createVNode(Nt,{"model-value":t.modelValue,open:a.value,onClose:c[0]||(c[0]=u=>a.value=!1),"onUpdate:modelValue":c[1]||(c[1]=u=>l("update:modelValue",u))},null,8,["model-value","open"])]))]),_:1}))}}),Zl=n=>e.computed(n),Z=Symbol("MANAGED_SYMBOL"),ue=(n,o,t)=>{const l=e.computed(()=>n.value===Z),r=e.ref(e.toValue(l)?o:n.value);return{state:Zl({set:s=>{r.value=s,t(s)},get:()=>l.value?r.value:n.value}),isManaged:l}},jl=["aria-label"],Ue=e.defineComponent({__name:"OnyxFlyoutMenu",props:{open:{default:Z},label:{}},emits:["update:open"],setup(n,{emit:o}){const t=n,l=o,{state:r}=ue(e.toRef(()=>t.open),!1,i=>l("update:open",i)),a=e.useSlots(),{elements:{root:s,button:c,menu:u}}=dn({isExpanded:e.computed(()=>!!r.value),onToggle:()=>r.value=!r.value});return(i,d)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps({class:"onyx-flyout-menu"},e.unref(s)),[e.renderSlot(i.$slots,"button",{trigger:e.unref(c)}),a.options||a.header||a.footer?e.withDirectives((e.openBlock(),e.createElementBlock("div",{key:0,"aria-label":t.label,class:e.normalizeClass({"onyx-flyout-menu__list--with-header":!!a.header,"onyx-flyout-menu__list--with-footer":!!a.footer,"onyx-flyout-menu__list":!0})},[e.renderSlot(i.$slots,"header"),a.options?(e.openBlock(),e.createElementBlock("ul",e.mergeProps({key:0},e.unref(u),{class:"onyx-flyout-menu__wrapper onyx-flyout-menu__group"}),[e.renderSlot(i.$slots,"options")],16)):e.createCommentVNode("",!0),e.renderSlot(i.$slots,"footer")],10,jl)),[[e.vShow,e.unref(r)]]):e.createCommentVNode("",!0)],16))}}),Mt='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m9.905 6.22-1.06 1.06 4.72 4.72-4.72 4.72 1.06 1.06 5.78-5.78z"/></svg>',oe=Symbol(),$t=Symbol(),Yl='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M17.618 11.626H8.936l3.094-3.094-1.064-1.056-4.899 4.898 4.9 4.9 1.063-1.064-3.094-3.086h8.682z"/></svg>',Jl=["aria-orientation"],Ot=e.defineComponent({__name:"OnyxNavSeparator",props:{orientation:{default:"vertical"}},setup(n){const o=n,t=e.inject(oe,e.computed(()=>!1));return(l,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["onyx-nav-separator",{"onyx-nav-separator--horizontal":o.orientation==="horizontal"||e.unref(t)}]),role:"separator","aria-orientation":o.orientation},null,10,Jl))}}),Wl={role:"presentation"},Xl=e.defineComponent({__name:"NavButtonLayout",props:{href:{},withExternalIcon:{type:[Boolean,String]},mobileChildrenOpen:{},label:{},active:{type:Boolean},isMobile:{type:Boolean}},emits:["update:mobileChildrenOpen"],setup(n,{emit:o}){const t=n,l=e.useSlots(),{t:r}=N(),a=o;return(s,c)=>(e.openBlock(),e.createElementBlock("li",Wl,[t.isMobile?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[t.isMobile&&s.mobileChildrenOpen?(e.openBlock(),e.createBlock(ie,{key:0,label:e.unref(r)("back"),mode:"plain",color:"neutral",icon:e.unref(Yl),onClick:c[0]||(c[0]=u=>a("update:mobileChildrenOpen",!1))},null,8,["label","icon"])):e.createCommentVNode("",!0),!s.mobileChildrenOpen||t.href?e.renderSlot(s.$slots,"button",{key:1,trigger:{trigger:{}}}):e.createCommentVNode("",!0),s.mobileChildrenOpen&&t.href?(e.openBlock(),e.createBlock(Ot,{key:2,orientation:"horizontal"})):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("ul",{role:"menu",class:e.normalizeClass(["onyx-nav-button__mobile-children",{"onyx-nav-button__mobile-children--open":s.mobileChildrenOpen}])},[e.renderSlot(s.$slots,"options")],2),[[e.vShow,s.mobileChildrenOpen]])],64)):(e.openBlock(),e.createBlock(Ue,{key:1,label:e.unref(r)("navItemOptionsLabel",{label:t.label})},e.createSlots({button:e.withCtx(({trigger:u})=>[e.renderSlot(s.$slots,"button",{trigger:u})]),_:2},[l.options?{name:"options",fn:e.withCtx(()=>[e.renderSlot(s.$slots,"options")]),key:"0"}:void 0]),1032,["label"]))]))}}),Ql=["aria-label"],ea={class:"onyx-truncation-ellipsis"},ta=e.defineComponent({__name:"OnyxNavButton",props:{href:{},withExternalIcon:{type:[Boolean,String],default:"auto"},mobileChildrenOpen:{default:Z},label:{},active:{type:Boolean,default:!1}},emits:["navigate","update:mobileChildrenOpen"],setup(n,{emit:o}){const t=n,l=o,r=e.useSlots(),a=e.inject(oe,e.computed(()=>!1)),s=e.computed(()=>!!r.children),{componentRef:c,isVisible:u}=Nl($t),{state:i}=ue(e.toRef(()=>t.mobileChildrenOpen),!1,p=>l("update:mobileChildrenOpen",p)),d=p=>{a!=null&&a.value&&s.value&&!i.value?i.value=!0:t.href&&l("navigate",t.href,p)};return(p,m)=>e.withDirectives((e.openBlock(),e.createBlock(Xl,e.mergeProps({ref_key:"componentRef",ref:c},t,{"mobile-children-open":e.unref(i),"onUpdate:mobileChildrenOpen":m[0]||(m[0]=y=>e.isRef(i)?i.value=y:null),class:["onyx-nav-button",{"onyx-nav-button--mobile":e.unref(a),"onyx-nav-button--active":t.active}],"is-mobile":e.unref(a)??!1}),e.createSlots({button:e.withCtx(({trigger:y})=>[e.createElementVNode("button",e.mergeProps({class:["onyx-nav-button__trigger onyx-text",{"onyx-nav-button__link":t.href!=null}],role:"menuitem","aria-label":t.label,type:"button"},y,{onClick:d}),[e.renderSlot(p.$slots,"default",{},()=>[e.createElementVNode("span",ea,e.toDisplayString(t.label),1),e.createVNode(me,e.normalizeProps(e.guardReactiveProps(t)),null,16)]),e.unref(a)&&s.value&&!e.unref(i)?(e.openBlock(),e.createBlock(w,{key:0,class:"onyx-nav-button__mobile-chevron",icon:e.unref(Mt)},null,8,["icon"])):e.createCommentVNode("",!0)],16,Ql)]),_:2},[r.children?{name:"options",fn:e.withCtx(()=>[e.renderSlot(p.$slots,"children")]),key:"0"}:void 0]),1040,["mobile-children-open","class","is-mobile"])),[[e.vShow,e.unref(a)||e.unref(u)]])}}),oa=e.defineComponent({__name:"OnyxNavItem",props:{href:{},withExternalIcon:{type:[Boolean,String],default:"auto"},mobileChildrenOpen:{},label:{},active:{type:Boolean}},emits:["navigate"],setup(n,{emit:o}){const t=n,l=o;return(r,a)=>(e.openBlock(),e.createBlock(Fe,{class:"onyx-nav-item",active:t.active,href:t.href??"javascript:void(0)",onClick:a[0]||(a[0]=s=>t.href&&l("navigate",t.href,s))},{default:e.withCtx(()=>[e.renderSlot(r.$slots,"default",{},()=>[e.createElementVNode("span",null,e.toDisplayString(t.label),1),e.createVNode(me,e.normalizeProps(e.guardReactiveProps(t)),null,16)])]),_:3},8,["active","href"]))}}),na=n=>{const o=e.ref(),t=e.ref(xe(new Date(n.value).getTime())),l=e.computed(()=>t.value===0);return e.watch(n,r=>{clearInterval(o.value);const a=new Date(r).getTime();t.value=xe(a),o.value=setInterval(()=>{t.value=xe(a),l.value&&clearInterval(o.value)},1e3)},{immediate:!0}),e.onBeforeUnmount(()=>clearInterval(o.value)),{timeLeft:t,isEnded:l}},xe=n=>{const o=n-Date.now();return Math.max(o,0)},Tt=n=>{const o=Math.floor(n/6e4/60),t=Math.floor(n/6e4%60),l=Math.floor(n%6e4/1e3);return{hours:o,minutes:t,seconds:l}},la=(n,o)=>{const{hours:t,minutes:l,seconds:r}=Tt(n),a=u=>u.toString().padStart(2,"0");let s="",c=be(o.formatToParts(n,"seconds"));return l>0&&(c=be(o.formatToParts(n,"minutes"))),t>0&&(c=be(o.formatToParts(n,"hours")),s=`${a(t)}:`),`${s}${a(l)}:${a(r)} ${c}`},be=n=>{var o;return((o=n.at(-1))==null?void 0:o.value.replace(".","").trim())??""},aa=n=>{const{hours:o,minutes:t,seconds:l}=Tt(n);return`PT${o}H${t}M${l}S`},ra=["aria-label"],sa={key:0,class:"onyx-timer__label"},ia=["datetime"],ca=e.defineComponent({__name:"OnyxTimer",props:{endTime:{},label:{},hideLabel:{type:Boolean}},emits:["timerEnded"],setup(n,{emit:o}){const t=n,l=o,{locale:r}=N(),{timeLeft:a,isEnded:s}=na(e.computed(()=>t.endTime)),c=e.computed(()=>new Intl.RelativeTimeFormat(r.value,{numeric:"always",style:"short"})),u=e.computed(()=>la(a.value,c.value));return e.watchEffect(()=>s.value&&l("timerEnded")),(i,d)=>(e.openBlock(),e.createElementBlock("div",{class:"onyx-timer onyx-text onyx-truncation-ellipsis",role:"timer","aria-label":t.hideLabel?t.label:void 0},[t.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("span",sa,e.toDisplayString(t.label),1)),e.createElementVNode("time",{datetime:e.unref(aa)(e.unref(a)),class:"onyx-timer__time"},e.toDisplayString(u.value),9,ia)],8,ra))}}),ua={class:"onyx-user-menu__footer onyx-text--small"},da=e.defineComponent({__name:"UserMenuLayout",props:{isMobile:{type:Boolean},flyoutOpen:{default:Z}},emits:["update:flyoutOpen"],setup(n){const o=n,t=e.useModel(o,"flyoutOpen"),l=e.useSlots(),{t:r}=N();return(a,s)=>(e.openBlock(),e.createElementBlock("div",null,[o.isMobile?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.renderSlot(a.$slots,"header"),e.renderSlot(a.$slots,"options"),l.footer?(e.openBlock(),e.createBlock(fe,{key:0,class:"onyx-user-menu__mobile-footer",disabled:""},{default:e.withCtx(()=>[e.renderSlot(a.$slots,"footer")]),_:3})):e.createCommentVNode("",!0)],64)):(e.openBlock(),e.createBlock(Ue,{key:1,open:e.unref(t),"onUpdate:open":s[0]||(s[0]=c=>e.isRef(t)?t.value=c:null),label:e.unref(r)("navigation.userMenuLabel")},e.createSlots({button:e.withCtx(({trigger:c})=>[e.renderSlot(a.$slots,"button",{trigger:c})]),header:e.withCtx(()=>[e.renderSlot(a.$slots,"header")]),options:e.withCtx(()=>[e.renderSlot(a.$slots,"options")]),_:2},[l.footer?{name:"footer",fn:e.withCtx(()=>[e.createElementVNode("div",ua,[e.renderSlot(a.$slots,"footer")])]),key:"0"}:void 0]),1032,["open","label"]))]))}}),pa={class:"onyx-truncation-ellipsis"},ma={class:"onyx-user-menu__header"},fa={class:"onyx-truncation-ellipsis"},ya={class:"onyx-user-menu__username onyx-text onyx-truncation-ellipsis"},ha={key:0,class:"onyx-user-menu__description onyx-text--small onyx-truncation-ellipsis"},va={class:"onyx-user-menu__options"},_a=e.defineComponent({__name:"OnyxUserMenu",props:{username:{},avatar:{},description:{},flyoutOpen:{default:Z}},emits:["update:flyoutOpen"],setup(n,{emit:o}){const t=n,l=o,r=e.useSlots(),a=e.computed(()=>({src:t.avatar,label:t.username})),s=e.inject(oe,e.computed(()=>!1));return(c,u)=>(e.openBlock(),e.createBlock(da,{class:e.normalizeClass(["onyx-user-menu",{"onyx-user-menu--mobile":e.unref(s)}]),"is-mobile":e.unref(s),"flyout-open":c.flyoutOpen,"onUpdate:flyoutOpen":u[0]||(u[0]=i=>l("update:flyoutOpen",i))},e.createSlots({button:e.withCtx(({trigger:i})=>[e.createElementVNode("button",e.mergeProps({class:"onyx-user-menu__trigger onyx-text",type:"button"},i),[e.createVNode(Be,e.mergeProps(a.value,{size:"24px"}),null,16),e.createElementVNode("span",pa,e.toDisplayString(t.username),1)],16)]),header:e.withCtx(()=>[e.createElementVNode("div",ma,[e.createVNode(Be,e.normalizeProps(e.guardReactiveProps(a.value)),null,16),e.createElementVNode("div",fa,[e.createElementVNode("div",ya,e.toDisplayString(t.username),1),t.description?(e.openBlock(),e.createElementBlock("div",ha,e.toDisplayString(t.description),1)):e.createCommentVNode("",!0)])])]),options:e.withCtx(()=>[e.createElementVNode("div",va,[e.renderSlot(c.$slots,"default")])]),_:2},[r.footer?{name:"footer",fn:e.withCtx(()=>[e.renderSlot(c.$slots,"footer")]),key:"0"}:void 0]),1032,["class","is-mobile","flyout-open"]))}}),It='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m15.155 7.28-1.06-1.06L8.315 12l5.78 5.78 1.06-1.06-4.72-4.72z"/></svg>',ga='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M22.5 6h-21v1.5h21zm0 5.25h-21v1.5h21zm-21 5.25h21V18h-21z"/></svg>',ka='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 1.5A2.25 2.25 0 1 1 12 6a2.25 2.25 0 0 1 0-4.5m0 8.25a2.25 2.25 0 1 1 0 4.5 2.25 2.25 0 0 1 0-4.5m1.25 8.63a2.25 2.25 0 1 0-2.5 3.741 2.25 2.25 0 0 0 2.5-3.742"/></svg>',xa={class:"onyx-nav-bar__content"},ba={key:0,class:"onyx-nav-bar__mobile-page onyx-truncation-ellipsis"},Ba={role:"menubar"},Ca={role:"menubar"},wa={key:0,class:"onyx-nav-bar__mobile-context"},Va={key:0,class:"onyx-nav-bar__mobile-global-context"},Ea={class:"onyx-nav-bar__mobile-context-content"},Sa={key:1,class:"onyx-nav-bar__context"},Na=e.defineComponent({__name:"OnyxNavBar",props:{logoUrl:{},appName:{},withBackButton:{type:Boolean},appAreaLabel:{},mobileBreakpoint:{default:"sm"}},emits:["navigateToStart","navigateBack"],setup(n,{expose:o,emit:t}){const l=n,r=t,a=e.useSlots(),s=e.ref(),{width:c}=ce(s),{t:u}=N(),{elements:{nav:i}}=mn({navigationName:e.toRef(()=>l.appName)}),d=e.ref(!1),p=e.ref(!1),m=e.computed(()=>{const y=typeof l.mobileBreakpoint=="number"?l.mobileBreakpoint:tt[l.mobileBreakpoint];return c.value!==0&&c.value<y});return e.provide(oe,m),o({closeMobileMenus:()=>{d.value=!1,p.value=!1}}),(y,f)=>(e.openBlock(),e.createElementBlock("header",{ref_key:"navBarRef",ref:s,class:e.normalizeClass(["onyx-nav-bar",{"onyx-nav-bar--mobile":m.value}])},[e.createElementVNode("div",xa,[m.value&&a.mobileActivePage&&!d.value&&!p.value?(e.openBlock(),e.createElementBlock("span",ba,[e.renderSlot(y.$slots,"mobileActivePage")])):l.appName||l.logoUrl||a.appArea?(e.openBlock(),e.createBlock(St,{key:1,class:"onyx-nav-bar__app","app-name":l.appName,"logo-url":l.logoUrl,label:l.appAreaLabel,onClick:f[0]||(f[0]=h=>{r("navigateToStart",h),d.value=!1})},{default:e.withCtx(()=>[e.renderSlot(y.$slots,"appArea")]),_:3},8,["app-name","logo-url","label"])):e.createCommentVNode("",!0),l.withBackButton?(e.openBlock(),e.createBlock(Re,{key:2,class:"onyx-nav-bar__back",label:e.unref(u)("navigation.goBack"),icon:e.unref(It),color:"neutral",onClick:f[1]||(f[1]=h=>r("navigateBack",h))},null,8,["label","icon"])):e.createCommentVNode("",!0),a.default?(e.openBlock(),e.createElementBlock(e.Fragment,{key:3},[m.value?(e.openBlock(),e.createBlock(Me,{key:0,open:d.value,"onUpdate:open":[f[2]||(f[2]=h=>d.value=h),f[3]||(f[3]=h=>p.value=!1)],class:"onyx-nav-bar__burger",icon:e.unref(ga),label:e.unref(u)("navigation.toggleBurgerMenu"),headline:e.unref(u)("navigation.navigationHeadline")},{default:e.withCtx(()=>[e.createElementVNode("nav",e.mergeProps({class:"onyx-nav-bar__nav--mobile"},e.unref(i)),[e.createElementVNode("ul",Ba,[e.renderSlot(y.$slots,"default")])],16)]),_:3},8,["open","icon","label","headline"])):(e.openBlock(),e.createElementBlock("nav",e.mergeProps({key:1,class:"onyx-nav-bar__nav"},e.unref(i)),[e.createElementVNode("ul",Ca,[e.renderSlot(y.$slots,"default")])],16))],64)):e.createCommentVNode("",!0),a.contextArea||a.globalContextArea?(e.openBlock(),e.createElementBlock(e.Fragment,{key:4},[m.value?(e.openBlock(),e.createElementBlock("div",wa,[a.globalContextArea?(e.openBlock(),e.createElementBlock("div",Va,[e.renderSlot(y.$slots,"globalContextArea")])):e.createCommentVNode("",!0),a.contextArea?(e.openBlock(),e.createBlock(Me,{key:1,open:p.value,"onUpdate:open":[f[4]||(f[4]=h=>p.value=h),f[5]||(f[5]=h=>d.value=!1)],icon:e.unref(ka),label:e.unref(u)("navigation.toggleContextMenu")},{default:e.withCtx(()=>[e.createElementVNode("div",Ea,[e.renderSlot(y.$slots,"contextArea")])]),_:3},8,["open","icon","label"])):e.createCommentVNode("",!0)])):(e.openBlock(),e.createElementBlock("div",Sa,[a.globalContextArea?e.renderSlot(y.$slots,"globalContextArea",{key:0}):e.createCommentVNode("",!0),a.contextArea?e.renderSlot(y.$slots,"contextArea",{key:1}):e.createCommentVNode("",!0)]))],64)):e.createCommentVNode("",!0)])],2))}}),Ma={key:0,class:"onyx-page__sidebar"},$a={class:"onyx-page__main"},Oa={key:1,class:"onyx-page__footer"},Ta=e.defineComponent({__name:"OnyxPageLayout",props:{skeleton:{type:Boolean},footerAsideSidebar:{type:Boolean},hideSidebar:{type:Boolean}},setup(n){const o=n,t=e.useSlots();Ie(o);const l=e.computed(()=>o.footerAsideSidebar?"onyx-page--footer-partial":"onyx-page--footer-full");return(r,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["onyx-page",l.value])},[t.sidebar&&!o.hideSidebar?(e.openBlock(),e.createElementBlock("aside",Ma,[e.renderSlot(r.$slots,"sidebar")])):e.createCommentVNode("",!0),e.createElementVNode("main",$a,[e.renderSlot(r.$slots,"default")]),t.footer?(e.openBlock(),e.createElementBlock("footer",Oa,[e.renderSlot(r.$slots,"footer")])):e.createCommentVNode("",!0)],2))}}),Lt=n=>{const t=e.ref(!1),l=a=>{const s=a.target;if(!(s instanceof Element))return;const c=e.unref(n.offset)??0;t.value=Math.abs(s.scrollTop)+s.clientHeight>=s.scrollHeight-c-1};return{vScrollEnd:{mounted:a=>{e.watchEffect(()=>{var c;(((c=n.enabled)==null?void 0:c.value)??!0)&&!n.loading.value?a.addEventListener("scroll",l):a.removeEventListener("scroll",l)})}},isScrollEnd:t}},Dt=(n,o)=>{const t=et(n.toLowerCase()),l=et(o.toLowerCase());return t.includes(l)},et=n=>n.normalize("NFD").replace(/[\u0300-\u036f]/g,""),Ia='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m16.718 14.123 1.057 1.057-5.782 5.782L6.21 15.18l1.058-1.057 4.717 4.717 4.718-4.717zM12 5.153l4.718 4.717 1.057-1.057-5.782-5.783L6.21 8.813 7.268 9.87l4.717-4.717z"/></svg>',La=["id","readonly","placeholder","required","disabled","aria-label","title","value","autofocus"],Da=["aria-label","title","disabled"],Pt=e.defineComponent({inheritAttrs:!1,__name:"OnyxSelectInput",props:{disabled:{default:I},showError:{default:I},density:{},required:{type:Boolean},requiredMarker:{},customError:{},autofocus:{type:Boolean},id:{},name:{},label:{},labelTooltip:{},hideLabel:{type:Boolean,default:!1},error:{},message:{},success:{},modelValue:{},textMode:{},skeleton:{type:[Symbol,Boolean,Number],default:P},readonly:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},placeholder:{},showFocus:{type:Boolean}},emits:["inputClick","validityChange"],setup(n,{expose:o,emit:t}){const{rootAttrs:l,restAttrs:r}=Vt(),a=n,s=t,{t:c}=N(),{vCustomValidity:u,errorMessages:i}=G({props:a,emit:s}),d=e.computed(()=>H(a.success)),p=e.computed(()=>H(a.message)),{disabled:m,showError:y}=R(a),f=A(a),h=ee(y),v=e.computed(()=>a.modelValue?a.modelValue.length:0),g=e.computed(()=>{var b;const T=(b=a.modelValue)==null?void 0:b.length;if(!a.modelValue||!T)return"";if(T===1)return a.modelValue[0];switch(a.textMode){case"preview":return a.modelValue.join(", ");case"summary":default:return c.value("selections.currentSelection",{n:T})}}),k=e.ref(!1),{densityClass:V}=B(a),E=e.ref();o({focus:()=>{var T;return(T=E.value)==null?void 0:T.focus()}}),e.watch(()=>a.showFocus,(T,b)=>{k.value||b&&T===!1&&(k.value=!0)});const $=ht.concat(vt),q=T=>{$.includes(T.key)||T.preventDefault()};return(T,b)=>e.unref(f)?(e.openBlock(),e.createElementBlock("div",e.mergeProps({key:0,class:["onyx-select-input-skeleton",e.unref(V)]},e.unref(l)),[a.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(M,{key:0,class:"onyx-select-input-skeleton__label"})),e.createVNode(M,{class:"onyx-select-input-skeleton__input"})],16)):(e.openBlock(),e.createElementBlock("div",e.mergeProps({key:1,class:["onyx-select-input",e.unref(V),e.unref(h),a.readonly?"onyx-select-input--readonly":"onyx-select-input--editable"]},e.unref(l)),[e.createVNode(te,e.mergeProps(a,{message:p.value,"success-messages":d.value,"error-messages":e.unref(i)}),{default:e.withCtx(({id:S})=>[e.createElementVNode("div",{class:"onyx-select-input__wrapper",onClick:b[0]||(b[0]=L=>!e.unref(m)&&!a.loading&&s("inputClick"))},[a.loading?(e.openBlock(),e.createBlock(F,{key:0,class:"onyx-select-input__loading",type:"circle"})):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("input",e.mergeProps({id:S,ref_key:"input",ref:E,class:{"onyx-select-input__native":!0,"onyx-select-input__native--show-focus":a.showFocus,"onyx-truncation-ellipsis":!0,"onyx-select-input__native--touched":k.value}},e.unref(r),{type:"text",readonly:a.readonly,placeholder:a.placeholder,required:a.required,disabled:e.unref(m)||a.loading,"aria-label":a.hideLabel?a.label:void 0,title:a.hideLabel?a.label:void 0,value:g.value,autofocus:a.autofocus,autocomplete:"off",onKeydown:q}),null,16,La),[[e.unref(u)]]),a.textMode==="preview"&&v.value>0?(e.openBlock(),e.createBlock(Q,{key:1,text:g.value,position:"bottom"},{default:e.withCtx(({trigger:L})=>[e.createVNode(ot,e.mergeProps({class:"onyx-select-input__badge"},L,{color:"neutral"}),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(v.value),1)]),_:2},1040)]),_:1},8,["text"])):e.createCommentVNode("",!0),e.createElementVNode("button",{class:"onyx-select-input__button",type:"button","aria-label":e.unref(c)("select.toggleDropDown"),title:e.unref(c)("select.toggleDropDown"),tabindex:"-1",disabled:e.unref(m)||a.readonly||a.loading},[e.createVNode(w,{icon:e.unref(Ia)},null,8,["icon"])],8,Da)])]),_:1},16,["message","success-messages","error-messages"])],16))}}),Pa=["checked","aria-labelledby","disabled","indeterminate"],Oe=e.defineComponent({__name:"OnyxSelectOption",props:{active:{type:Boolean,default:!1},density:{},multiple:{type:Boolean,default:!1},indeterminate:{type:Boolean},icon:{},truncation:{default:"ellipsis"}},setup(n){const o=n;return(t,l)=>(e.openBlock(),e.createBlock(fe,e.mergeProps({class:"onyx-select-option"},o,{checked:!!t.$attrs["aria-checked"],selected:!!t.$attrs["aria-selected"],disabled:!!t.$attrs["aria-disabled"]}),{default:e.withCtx(()=>[o.multiple?(e.openBlock(),e.createElementBlock("input",{key:0,checked:!!t.$attrs["aria-checked"],"aria-labelledby":t.$attrs.id,disabled:!!t.$attrs["aria-disabled"],indeterminate:o.indeterminate,"aria-hidden":"true",tabindex:"-1",class:"onyx-select-option__checkbox",type:"checkbox"},null,8,Pa)):e.createCommentVNode("",!0),o.icon?(e.openBlock(),e.createBlock(w,{key:1,icon:o.icon},null,8,["icon"])):e.createCommentVNode("",!0),e.createElementVNode("span",{class:e.normalizeClass([`onyx-truncation-${o.truncation}`])},[e.renderSlot(t.$slots,"default")],2)]),_:3},16,["checked","selected","disabled"]))}}),Aa=["inert"],za={class:"onyx-select__wrapper",tabindex:"-1"},Ra={key:0,role:"group",class:"onyx-select__group"},Ha={role:"option","aria-selected":"false"},Fa={key:0,role:"presentation",class:"onyx-select__group-name onyx-text--small"},Ua={key:1,class:"onyx-select__slot"},qa={key:2,class:"onyx-select__slot"},Ga={key:0,class:"onyx-select__description onyx-text--small"},At=e.defineComponent({__name:"OnyxSelect",props:{density:{},multiple:{type:Boolean},modelValue:{},withCheckAll:{type:[Boolean,Object]},withSearch:{type:Boolean},searchTerm:{default:Z},showError:{},required:{type:Boolean},requiredMarker:{},customError:{},autofocus:{type:Boolean},id:{},name:{},label:{},labelTooltip:{},hideLabel:{type:Boolean},error:{},message:{},success:{},textMode:{},skeleton:{type:[Symbol,Boolean,Number]},readonly:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},placeholder:{},truncation:{default:"ellipsis"},disabled:{default:I},valueLabel:{default:void 0},open:{default:Z},alignment:{default:"full"},listLabel:{},listDescription:{},options:{},lazyLoading:{}},emits:["update:modelValue","update:searchTerm","update:open","lazyLoad","validityChange"],setup(n,{emit:o}){const t=n,l=o,{densityClass:r}=B(t),a=e.useSlots(),{t:s}=N(),{state:c,isManaged:u}=ue(e.toRef(()=>t.searchTerm),"",_=>l("update:searchTerm",_)),{state:i}=ue(e.toRef(()=>t.open),!1,_=>l("update:open",_)),d=e.ref(),{openDirection:p,updateOpenDirection:m}=kt(d),y=e.ref(),f=e.computed(()=>t.modelValue===void 0?[]:t.multiple&&Array.isArray(t.modelValue)?t.modelValue:[t.modelValue]),h=e.computed(()=>t.valueLabel!==void 0?Array.isArray(t.valueLabel)?t.valueLabel:[t.valueLabel]:f.value.reduce((_,C)=>{var D;const O=(D=t.options.find(({value:z})=>z===C))==null?void 0:D.label;return O&&_.push(O),_},[])),v=e.ref(),g=e.ref(),k=e.computed(()=>u.value&&c.value?t.options.filter(({label:_})=>Dt(_,c.value)):t.options);e.watch(f,()=>{t.multiple||(y.value=f.value.at(0))},{immediate:!0});const V=e.useId(),E=e.computed(()=>(t.multiple&&t.withCheckAll&&!c.value?[V]:[]).concat(je.value)),$=async _=>{var O,D;if(t.readonly){i.value=!1;return}const C=i.value;i.value=!C,await e.nextTick(),i.value&&m(),C!==i.value&&(C?(c.value&&(c.value=""),_||(O=g.value)==null||O.focus()):(D=v.value)==null||D.focus())},q=()=>y.value=E.value.at(0),T=()=>y.value=E.value.at(-1),b=_=>{const C=E.value.findIndex(O=>O===_);C<E.value.length-1&&(y.value=E.value[C+1])},S=_=>{const C=E.value.findIndex(O=>O===_);C>0&&(y.value=E.value[C-1])},L=_=>{const C=k.value.find(O=>O.label.toLowerCase().trim().startsWith(_.toLowerCase()));C&&(y.value=C.value)},W=_=>c.value=_,X=_=>{var D;if(_===V){(D=ne.value)==null||D.handleChange(!ne.value.state.value.modelValue);return}if(!k.value.find(({value:z})=>z===_))return;if(!t.multiple)return l("update:modelValue",_);f.value.some(z=>z===_)?l("update:modelValue",f.value.filter(z=>z!==_)):l("update:modelValue",[...f.value,_])},ye=e.computed(()=>t.withSearch?"list":"none"),{label:x,listLabel:he,listDescription:Ft,multiple:Ut}=e.toRefs(t),{elements:{input:ve,option:Ke,group:Ze,listbox:qt}}=un({autocomplete:ye,label:x,listLabel:he,listDescription:Ft,multiple:Ut,activeOption:e.computed(()=>y.value),isExpanded:i,templateRef:d,onToggle:$,onActivateFirst:q,onActivateLast:T,onActivateNext:b,onActivatePrevious:S,onTypeAhead:L,onAutocomplete:W,onSelect:X}),Gt=e.computed(()=>Wo(k.value,"group")),{vScrollEnd:Kt,isScrollEnd:Zt}=Lt({enabled:e.computed(()=>{var _;return((_=t.lazyLoading)==null?void 0:_.enabled)??!1}),loading:e.computed(()=>t.loading),offset:e.computed(()=>{var _;return(_=t.lazyLoading)==null?void 0:_.scrollOffset})}),_e=e.computed(()=>{if(!k.value.length)return t.withSearch&&c.value?s.value("select.noMatch"):s.value("select.empty")}),je=e.computed(()=>k.value.filter(_=>!_.disabled).map(({value:_})=>_)),ne=e.computed(()=>{if(!(!t.multiple||!t.withCheckAll))return xt(je,f,_=>{const C=_.map(O=>{var D;return(D=t.options.find(({value:z})=>z===O))==null?void 0:D.value}).filter(O=>O!=null);l("update:modelValue",C)})}),ge=e.computed(()=>{var C;if(!t.multiple)return"";const _=s.value("selections.selectAll");return typeof t.withCheckAll=="boolean"?_:((C=t.withCheckAll)==null?void 0:C.label)??_});e.watchEffect(()=>{Zt.value&&l("lazyLoad")});const jt=e.computed(()=>{const _={...t,open:void 0,modelValue:h.value};return t.withSearch?{..._,onKeydown:ve.value.onKeydown}:{..._,...ve.value}});return(_,C)=>{var O,D,z;return e.openBlock(),e.createElementBlock("div",{ref_key:"selectRef",ref:d,class:"onyx-select-wrapper"},[e.createVNode(Pt,e.mergeProps({ref_key:"selectInput",ref:g},jt.value,{"show-focus":e.unref(i),autofocus:t.autofocus,onInputClick:$,onValidityChange:C[0]||(C[0]=le=>l("validityChange",le))}),null,16,["show-focus","autofocus"]),e.createElementVNode("div",{class:e.normalizeClass(["onyx-select",e.unref(r),e.unref(i)?"onyx-select--open":"",`onyx-select--${e.unref(p)}`,`onyx-select--${t.alignment}`]),inert:!e.unref(i)},[e.withDirectives((e.openBlock(),e.createElementBlock("div",za,[t.withSearch?(e.openBlock(),e.createBlock(Et,e.mergeProps({key:0,ref_key:"miniSearch",ref:v,"model-value":e.unref(c)},e.unref(ve),{label:e.unref(s)("select.searchInputLabel"),class:"onyx-select__search",onClear:C[1]||(C[1]=le=>c.value="")}),null,16,["model-value","label"])):e.createCommentVNode("",!0),e.createElementVNode("div",e.normalizeProps(e.guardReactiveProps(e.unref(qt))),[_e.value?(e.openBlock(),e.createElementBlock("ul",Ra,[e.createElementVNode("li",Ha,[e.renderSlot(_.$slots,"empty",{defaultMessage:_e.value},()=>[e.createVNode(Ae,null,{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(_e.value),1)]),_:1})])])])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[t.multiple&&t.withCheckAll&&!e.unref(c)?(e.openBlock(),e.createElementBlock("ul",e.mergeProps({key:0,class:"onyx-select__check-all"},e.unref(Ze)({label:ge.value})),[e.createVNode(Oe,e.mergeProps(e.unref(Ke)({value:e.unref(V),label:ge.value,selected:(O=ne.value)==null?void 0:O.state.value.modelValue}),{multiple:"",active:e.unref(V)===y.value,indeterminate:(D=ne.value)==null?void 0:D.state.value.indeterminate,density:t.density}),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(ge.value),1)]),_:1},16,["active","indeterminate","density"])],16)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(Gt.value,(le,ae)=>(e.openBlock(),e.createElementBlock("ul",e.mergeProps({key:ae,class:"onyx-select__group",ref_for:!0},e.unref(Ze)({label:ae})),[ae!=""?(e.openBlock(),e.createElementBlock("li",Fa,e.toDisplayString(ae),1)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(le,U=>(e.openBlock(),e.createBlock(Oe,e.mergeProps({key:U.value.toString(),ref_for:!0},e.unref(Ke)({value:U.value,label:U.label,disabled:U.disabled,selected:f.value.some(Yt=>Yt===U.value)}),{multiple:t.multiple,active:U.value===y.value,icon:U.icon,density:t.density,truncation:U.truncation??t.truncation}),{default:e.withCtx(()=>[e.renderSlot(_.$slots,"option",e.mergeProps({ref_for:!0},U),()=>[e.createTextVNode(e.toDisplayString(U.label),1)])]),_:2},1040,["multiple","active","icon","density","truncation"]))),128))],16))),128))],64))],16),(z=t.lazyLoading)!=null&&z.loading?(e.openBlock(),e.createElementBlock("div",Ua,[e.createVNode(F,{class:"onyx-select__loading"})])):e.createCommentVNode("",!0),a.optionsEnd?(e.openBlock(),e.createElementBlock("div",qa,[e.renderSlot(_.$slots,"optionsEnd")])):e.createCommentVNode("",!0)])),[[e.unref(Kt)]]),t.listDescription?(e.openBlock(),e.createElementBlock("div",Ga,e.toDisplayString(t.listDescription),1)):e.createCommentVNode("",!0)],10,Aa)],512)}}}),Ka=["aria-label"],Za={class:"onyx-pagination__count"},ja=["aria-label","disabled"],Ya=["aria-label","disabled"],Ja=e.defineComponent({__name:"SelectPagination",props:{density:{},modelValue:{},pages:{},disabled:{type:Boolean}},emits:["update:modelValue"],setup(n,{emit:o}){const t=n,l=o,{t:r}=N(),{densityClass:a}=B(t),s=e.computed(()=>Array.from({length:t.pages},(i,d)=>{const p=d+1;return{label:p.toString(),value:p}})),c=e.computed(()=>t.modelValue<=1),u=e.computed(()=>t.modelValue>=t.pages);return(i,d)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["onyx-pagination","onyx-text",e.unref(a)]),role:"group","aria-label":e.unref(r)("pagination.label"),style:e.normalizeStyle({"--onyx-pagination-character-count":t.modelValue.toString().length})},[e.createVNode(At,{class:"onyx-pagination__select",label:e.unref(r)("pagination.select.label"),"list-label":e.unref(r)("pagination.select.listLabel"),options:s.value,"model-value":t.modelValue,"value-label":t.modelValue.toString(),"hide-label":"",disabled:t.disabled||t.pages<=1,alignment:"left","with-search":"","onUpdate:modelValue":d[0]||(d[0]=p=>l("update:modelValue",p))},null,8,["label","list-label","options","model-value","value-label","disabled"]),e.createElementVNode("div",Za,e.toDisplayString(e.unref(r)("pagination.ofPages",{n:t.pages})),1),e.createElementVNode("button",{class:"onyx-pagination__button","aria-label":e.unref(r)("pagination.previous"),type:"button",disabled:t.disabled||c.value,onClick:d[1]||(d[1]=p=>l("update:modelValue",t.modelValue-1))},[e.createVNode(w,{icon:e.unref(It)},null,8,["icon"])],8,ja),e.createElementVNode("button",{class:"onyx-pagination__button","aria-label":e.unref(r)("pagination.next"),type:"button",disabled:t.disabled||u.value,onClick:d[2]||(d[2]=p=>l("update:modelValue",t.modelValue+1))},[e.createVNode(w,{icon:e.unref(Mt)},null,8,["icon"])],8,Ya)],14,Ka))}}),Wa=e.defineComponent({__name:"OnyxPagination",props:{density:{},modelValue:{},pages:{},disabled:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(n,{emit:o}){const t=n,l=o;return(r,a)=>(e.openBlock(),e.createBlock(Ja,e.mergeProps(t,{"onUpdate:modelValue":a[0]||(a[0]=s=>l("update:modelValue",s))}),null,16))}}),Xa=["required","name","value","checked","disabled","autofocus"],Te=e.defineComponent({__name:"OnyxRadioButton",props:{density:{},value:{},label:{},disabled:{default:I},loading:{type:Boolean,default:!1},skeleton:{type:[Symbol,Boolean,Number],default:P},truncation:{default:"ellipsis"},customError:{},autofocus:{type:Boolean},name:{},checked:{type:Boolean,default:!1},required:{type:Boolean,default:!1}},emits:["validityChange"],setup(n,{emit:o}){const t=n,l=o,{vCustomValidity:r,errorMessages:a}=G({props:t,emit:l}),{densityClass:s}=B(t),{disabled:c}=R(t),u=A(t);return(i,d)=>e.unref(u)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["onyx-radio-button-skeleton",e.unref(s)])},[e.createVNode(M,{class:"onyx-radio-button-skeleton__input"}),e.createVNode(M,{class:"onyx-radio-button-skeleton__label"})],2)):(e.openBlock(),e.createBlock(Pe,{key:1,disabled:e.unref(c),"error-messages":e.unref(a)},{default:e.withCtx(()=>[e.createElementVNode("label",{class:e.normalizeClass(["onyx-radio-button",e.unref(s)])},[t.loading?(e.openBlock(),e.createBlock(F,{key:0,class:"onyx-radio-button__loading",type:"circle"})):e.withDirectives((e.openBlock(),e.createElementBlock("input",{key:1,class:"onyx-radio-button__selector",type:"radio",required:t.required,name:t.name,value:t.value,checked:t.checked,disabled:e.unref(c),autofocus:t.autofocus},null,8,Xa)),[[e.unref(r)]]),e.createElementVNode("span",{class:e.normalizeClass(["onyx-radio-button__label",[`onyx-truncation-${t.truncation}`]])},e.toDisplayString(t.label),3)],2)]),_:1},8,["disabled","error-messages"]))}}),Qa=["disabled","aria-label"],er={key:0,class:"onyx-radio-group__headline"},tr=e.defineComponent({__name:"OnyxRadioGroup",props:{density:{},required:{type:Boolean,default:!1},requiredMarker:{},customError:{},truncation:{default:"ellipsis"},label:{},hideLabel:{type:Boolean},name:{default:()=>e.useId()},options:{},modelValue:{},disabled:{default:I},direction:{default:"vertical"},skeleton:{type:[Symbol,Boolean,Number],default:P}},emits:["update:modelValue","validityChange"],setup(n,{emit:o}){const t=n,{densityClass:l}=B(t),{requiredMarkerClass:r,requiredTypeClass:a}=de(t),{disabled:s}=R(t),c=A(t),u=o,i=(d,p)=>{d&&u("update:modelValue",p)};return(d,p)=>(e.openBlock(),e.createElementBlock("fieldset",{class:e.normalizeClass(["onyx-radio-group",e.unref(l),e.unref(a)]),disabled:e.unref(s),role:"radiogroup","aria-label":t.label},[t.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("legend",er,[e.createVNode(Y,{is:"h3",class:e.normalizeClass(e.unref(r))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.label),1)]),_:1},8,["class"])])),e.createElementVNode("div",{class:e.normalizeClass(["onyx-radio-group__content",{"onyx-radio-group__content--horizontal":t.direction==="horizontal"}])},[e.unref(c)?typeof e.unref(c)=="number"?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(e.unref(c),m=>(e.openBlock(),e.createBlock(Te,{id:`skeleton-${m}`,key:m,value:`skeleton-${m}`,label:"Skeleton ${i}",name:t.name,skeleton:""},null,8,["id","value","name"]))),128)):e.createCommentVNode("",!0):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(t.options,(m,y)=>(e.openBlock(),e.createBlock(Te,e.mergeProps({key:m.value.toString(),ref_for:!0},m,{name:t.name,"custom-error":t.customError,checked:m.value===t.modelValue,required:t.required,truncation:m.truncation??t.truncation,onValidityChange:f=>y===0&&u("validityChange",f),onChange:f=>i(f,m.value)}),null,16,["name","custom-error","checked","required","truncation","onValidityChange","onChange"]))),128))],2)],10,Qa))}}),or=["full","left","right"],nr=["summary","preview"],lr='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 11.25h18v1.5H3z"/></svg>',ar='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12.75 11.25V3h-1.5v8.25H3v1.5h8.25V21h1.5v-8.25H21v-1.5z"/></svg>',rr=(n,o)=>n/o%1===0,sr=(n,o,t)=>{const l=o??-1/0,r=t??1/0;return Math.min(Math.max(n,l),r)},re=(n,o)=>{if(n===void 0)return"";if(o>0)return n.toFixed(o);const l=Math.pow(10,o);return(Math.round(n*l)/l).toString()},ir={class:"onyx-stepper__wrapper"},cr=["disabled","aria-label"],ur=["aria-label","autofocus","disabled","min","max","name","placeholder","readonly","required","step","title"],dr=["disabled","aria-label"],pr=e.defineComponent({__name:"OnyxStepper",props:e.mergeModels({disabled:{default:I},showError:{default:I},density:{},customError:{},required:{type:Boolean},requiredMarker:{},id:{},name:{},label:{},labelTooltip:{},hideLabel:{type:Boolean},error:{},message:{},success:{},autofocus:{type:Boolean},placeholder:{},min:{},max:{},step:{},precision:{default:1},stepSize:{},stripStep:{type:Boolean,default:!1},autocomplete:{},readonly:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},skeleton:{type:[Symbol,Boolean,Number],default:P}},{modelValue:{},modelModifiers:{}}),emits:e.mergeModels(["validityChange"],["update:modelValue"]),setup(n,{emit:o}){const t=n,{t:l}=N(),r=e.ref(),a=o,{disabled:s,showError:c}=R(t),u=A(t),i=ee(c),{densityClass:d}=B(t),{vCustomValidity:p,errorMessages:m}=G({props:t,emit:a}),y=e.computed(()=>H(t.success)),f=e.computed(()=>H(t.message)),h=e.ref(!1),v=e.useModel(n,"modelValue"),g=e.ref(),k=e.computed(()=>{const b=t.precision,S=b.toString();return S.includes(".")?S.split(".")[1].length:-Math.floor(Math.log10(b))});e.watch(v,()=>g.value=re(v.value,k.value),{immediate:!0});const V=e.computed(()=>Math.max(t.stepSize??t.precision,t.precision)),E=b=>{if(!r.value)return;h.value=!0;const S=v.value||0,L=(b==="stepUp"?1:-1)*V.value,W=S+L,X=Math.round(W/t.precision)*t.precision;v.value=sr(X,t.min,t.max)},$=()=>{if(!r.value)return;h.value=!0;const b=parseFloat(g.value??""),S=parseFloat(re(b,k.value));if(g.value=re(b,k.value),!b||isNaN(b)){v.value=void 0;return}if(t.stripStep&&(!rr(b,t.precision)||t.min!==void 0&&t.min>b||t.max!==void 0&&t.max<b)){g.value=re(v.value,k.value);return}v.value=S},q=e.computed(()=>l.value("stepper.increment",{stepSize:V.value})),T=e.computed(()=>l.value("stepper.decrement",{stepSize:V.value}));return(b,S)=>e.unref(u)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["onyx-stepper-skeleton",e.unref(d)])},[t.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(M,{key:0,class:"onyx-stepper-skeleton__label"})),e.createVNode(M,{class:"onyx-stepper-skeleton__input"})],2)):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["onyx-stepper",e.unref(d),e.unref(i)])},[e.createVNode(te,e.mergeProps(t,{message:f.value,"success-messages":y.value,"error-messages":e.unref(m)}),{default:e.withCtx(()=>[e.createElementVNode("div",ir,[e.createElementVNode("button",{type:"button",class:"onyx-stepper__counter",disabled:e.unref(s)||b.readonly||t.loading||t.min!==void 0&&v.value!==void 0&&v.value<=t.min,"aria-label":T.value,tabindex:"-1",onClick:S[0]||(S[0]=L=>E("stepDown"))},[e.createVNode(w,{icon:e.unref(lr)},null,8,["icon"])],8,cr),t.loading?(e.openBlock(),e.createBlock(F,{key:0,class:"onyx-stepper__loading",type:"circle"})):e.withDirectives((e.openBlock(),e.createElementBlock("input",{key:1,ref_key:"inputRef",ref:r,"onUpdate:modelValue":S[1]||(S[1]=L=>g.value=L),class:e.normalizeClass(["onyx-stepper__native",{"onyx-stepper__native--touched":h.value}]),type:"number","aria-label":t.label,autofocus:t.autofocus,disabled:e.unref(s)||t.loading,min:t.min,max:t.max,name:t.name,placeholder:t.placeholder,readonly:t.readonly,required:t.required,step:t.precision,title:t.hideLabel?t.label:void 0,onChange:$,onKeydown:[S[2]||(S[2]=e.withKeys(e.withModifiers(L=>E("stepUp"),["prevent"]),["up"])),S[3]||(S[3]=e.withKeys(e.withModifiers(L=>E("stepDown"),["prevent"]),["down"]))]},null,42,ur)),[[e.vModelText,g.value],[e.unref(p)]]),e.createElementVNode("button",{type:"button",class:"onyx-stepper__counter",disabled:e.unref(s)||b.readonly||t.loading||t.max!==void 0&&v.value!==void 0&&v.value>=t.max,"aria-label":q.value,tabindex:"-1",onClick:S[4]||(S[4]=L=>E("stepUp"))},[e.createVNode(w,{icon:e.unref(ar)},null,8,["icon"])],8,dr)])]),_:1},16,["message","success-messages","error-messages"])],2))}}),mr='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m15.983 8.095-6.22 6.22-2.468-2.47-1.061 1.062 3.53 3.525 7.28-7.28z"/></svg>',fr={class:"onyx-switch-skeleton__click-area"},yr=["title"],hr=["aria-label","disabled","required","autofocus"],vr={class:"onyx-switch__click-area"},_r={class:"onyx-switch__container"},gr={class:"onyx-switch__icon"},kr=e.defineComponent({__name:"OnyxSwitch",props:{disabled:{default:I},showError:{},density:{},required:{type:Boolean},requiredMarker:{},customError:{},autofocus:{type:Boolean},modelValue:{type:Boolean,default:!1},label:{},loading:{type:Boolean,default:!1},hideLabel:{type:Boolean},truncation:{default:"ellipsis"},skeleton:{type:[Symbol,Boolean,Number],default:P}},emits:["update:modelValue","validityChange"],setup(n,{emit:o}){const t=n,l=o,{requiredMarkerClass:r,requiredTypeClass:a}=de(t),{densityClass:s}=B(t),{disabled:c,showError:u}=R(t),{vCustomValidity:i,errorMessages:d}=G({props:t,emit:l}),p=e.computed(()=>u.value!==!1?d.value:void 0),m=e.computed(()=>t.hideLabel&&t.label||void 0),y=A(t),f=e.computed({get:()=>t.modelValue,set:h=>{l("update:modelValue",h)}});return(h,v)=>e.unref(y)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["onyx-switch-skeleton",e.unref(s)])},[e.createElementVNode("span",fr,[e.createVNode(M,{class:"onyx-switch-skeleton__input"})]),t.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(M,{key:0,class:"onyx-switch-skeleton__label"}))],2)):(e.openBlock(),e.createBlock(Pe,{key:1,disabled:e.unref(c),"error-messages":p.value},{default:e.withCtx(()=>[e.createElementVNode("label",{class:e.normalizeClass(["onyx-switch",[e.unref(a),e.unref(s)]]),title:m.value},[e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":v[0]||(v[0]=g=>f.value=g),type:"checkbox",role:"switch",class:e.normalizeClass({"onyx-switch__input":!0,"onyx-switch__loading":t.loading}),"aria-label":t.hideLabel?t.label:void 0,disabled:e.unref(c)||t.loading,required:t.required,autofocus:t.autofocus},null,10,hr),[[e.vModelCheckbox,f.value],[e.unref(i)]]),e.createElementVNode("span",vr,[e.createElementVNode("span",_r,[e.createElementVNode("span",gr,[t.loading?(e.openBlock(),e.createBlock(F,{key:0,class:"onyx-switch__spinner",type:"circle"})):(e.openBlock(),e.createBlock(w,{key:1,icon:f.value?e.unref(mr):e.unref(He)},null,8,["icon"]))]),v[1]||(v[1]=e.createElementVNode("div",{class:"onyx-switch__frame"},null,-1))])]),t.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(["onyx-switch__label",[`onyx-truncation-${t.truncation}`,t.truncation==="multiline"?e.unref(r):void 0]])},e.toDisplayString(t.label),3)),!t.hideLabel&&t.truncation==="ellipsis"?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["onyx-switch__marker",[e.unref(r)]])},null,2)):e.createCommentVNode("",!0)],10,yr)]),_:1},8,["disabled","error-messages"]))}}),qe=Symbol(),xr=["disabled"],br={class:"onyx-tab__label"},Br=e.defineComponent({__name:"OnyxTab",props:{density:{},value:{},label:{},disabled:{type:Boolean,default:!1},skeleton:{type:[Symbol,Boolean,Number],default:P}},setup(n){const o=n,{densityClass:t}=B(o),l=e.inject(qe),r=A(o),a=e.computed(()=>`onyx-tab--${l==null?void 0:l.size.value}`),s=e.computed(()=>l==null?void 0:l.headless.elements.tab.value({value:o.value,disabled:o.disabled||!!r.value}));return(c,u)=>{var i,d,p,m,y;return e.openBlock(),e.createElementBlock(e.Fragment,null,[e.unref(r)?(e.openBlock(),e.createBlock(M,e.mergeProps({key:0,class:["onyx-tab-skeleton",e.unref(t),a.value]},s.value),null,16,["class"])):(e.openBlock(),e.createElementBlock("button",e.mergeProps({key:1,class:["onyx-tab",e.unref(t),a.value,(i=s.value)!=null&&i["aria-selected"]?"onyx-tab--selected":""]},s.value,{type:"button",disabled:o.disabled}),[e.createElementVNode("div",br,[e.renderSlot(c.$slots,"tab",{},()=>[e.createTextVNode(e.toDisplayString(o.label),1)])])],16,xr)),(e.openBlock(),e.createBlock(e.Teleport,{to:(d=e.unref(l))==null?void 0:d.panelRef.value,disabled:!((p=e.unref(l))!=null&&p.panelRef.value),defer:""},[(m=s.value)!=null&&m["aria-selected"]?(e.openBlock(),e.createElementBlock("div",e.mergeProps({key:0},(y=e.unref(l))==null?void 0:y.headless.elements.tabpanel.value({value:o.value}),{class:"onyx-tab__panel"}),[e.renderSlot(c.$slots,"default")],16)):e.createCommentVNode("",!0)],8,["to","disabled"]))],64)}}}),Cr=e.defineComponent({__name:"OnyxTabs",props:{density:{},skeleton:{type:Boolean},label:{},modelValue:{},stretched:{type:Boolean},size:{default:"h2"}},emits:["update:modelValue"],setup(n,{emit:o}){const t=n,l=o,{densityClass:r}=B(t),a=fn({label:e.toRef(t,"label"),selectedTab:e.toRef(()=>t.modelValue),onSelect:c=>l("update:modelValue",c)}),s=e.ref();return Ie(t),e.provide(qe,{headless:a,panelRef:s,size:e.toRef(t,"size")}),(c,u)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"panelRef",ref:s,class:e.normalizeClass(["onyx-tabs",e.unref(r),t.stretched?"onyx-tabs--stretched":""])},[e.createElementVNode("div",e.mergeProps(e.unref(a).elements.tablist.value,{class:"onyx-tabs__tablist"}),[e.renderSlot(c.$slots,"default")],16)],2))}}),wr={class:"onyx-text onyx-truncation-ellipsis"},Vr=e.defineComponent({__name:"OnyxTag",props:{density:{},label:{},color:{default:"primary"},icon:{}},setup(n){const o=n,{densityClass:t}=B(o);return(l,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["onyx-tag",`onyx-tag--${o.color}`,e.unref(t)])},[o.icon?(e.openBlock(),e.createBlock(w,{key:0,icon:o.icon,size:"16px"},null,8,["icon"])):e.createCommentVNode("",!0),e.createElementVNode("span",wr,e.toDisplayString(o.label),1)],2))}}),Er=["data-autosize-value"],Sr=["id","placeholder","required","autocapitalize","autofocus","name","readonly","disabled","minlength","maxlength","aria-label","title"],Nr=e.defineComponent({__name:"OnyxTextarea",props:{density:{},required:{type:Boolean,default:!1},requiredMarker:{},customError:{},label:{},labelTooltip:{},hideLabel:{type:Boolean},modelValue:{default:""},placeholder:{},autocapitalize:{default:"sentences"},autofocus:{type:Boolean},name:{},readonly:{type:Boolean,default:!1},disabled:{default:I},minlength:{},maxlength:{},withCounter:{type:Boolean},message:{},success:{},skeleton:{type:[Symbol,Boolean,Number],default:P},autosize:{},disableManualResize:{type:Boolean,default:!1}},emits:["update:modelValue","validityChange"],setup(n,{emit:o}){const t=n,l=o,{vCustomValidity:r,errorMessages:a}=G({props:t,emit:l}),{densityClass:s}=B(t),c=e.computed(()=>H(t.success)),u=e.computed(()=>H(t.message)),i=e.computed({get:()=>t.modelValue,set:v=>l("update:modelValue",v)}),d=e.computed(()=>{if(!t.autosize)return;const v=t.autosize.min?Math.max(t.autosize.min,2):void 0,g=t.autosize.max;return[v?`--min-autosize-rows: ${v}`:"",`--max-autosize-rows: ${g??"unset"}`]}),p=v=>{var k;const g=v.target;(k=g.parentElement)==null||k.setAttribute("data-autosize-value",g.value)},{disabled:m,showError:y}=R(t),f=A(t),h=ee(y);return(v,g)=>e.unref(f)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["onyx-textarea-skeleton",e.unref(s)]),style:e.normalizeStyle(d.value)},[t.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(M,{key:0,class:"onyx-textarea-skeleton__label"})),e.createVNode(M,{class:"onyx-textarea-skeleton__input"})],6)):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["onyx-textarea",e.unref(h),e.unref(s)]),style:e.normalizeStyle(d.value)},[e.createVNode(te,e.mergeProps(t,{message:u.value,"success-messages":c.value,"error-messages":e.unref(a)}),{default:e.withCtx(({id:k})=>[e.createElementVNode("div",{class:"onyx-textarea__wrapper","data-autosize-value":i.value},[e.withDirectives(e.createElementVNode("textarea",{id:k,"onUpdate:modelValue":g[0]||(g[0]=V=>i.value=V),class:e.normalizeClass(["onyx-textarea__native",{"onyx-textarea__native--no-resize":t.disableManualResize}]),placeholder:t.placeholder,required:t.required,autocapitalize:t.autocapitalize,autofocus:t.autofocus,name:t.name,readonly:t.readonly,disabled:e.unref(m),minlength:t.minlength,maxlength:t.maxlength,"aria-label":t.hideLabel?t.label:void 0,title:t.hideLabel?t.label:void 0,onInput:p},null,42,Sr),[[e.vModelText,i.value],[e.unref(r)]])],8,Er)]),_:1},16,["message","success-messages","error-messages"])],6))}}),Mr='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M11.25 16.5h1.5V18h-1.5zM12.75 6h-1.5v8.25h1.5z"/><path fill-rule="evenodd" d="M12 1.5a10.5 10.5 0 1 0 0 21 10.5 10.5 0 0 0 0-21m6.364 16.864A9 9 0 1 1 21 12a8.94 8.94 0 0 1-2.636 6.364" clip-rule="evenodd"/></svg>',$r='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m7.275 11.828 2.465 2.47 6.22-6.22 1.06 1.06-7.28 7.281-3.528-3.53z"/><path fill-rule="evenodd" d="M6.167 3.27a10.5 10.5 0 1 1 11.666 17.46A10.5 10.5 0 0 1 6.167 3.27M7 19.483A9 9 0 0 0 12 21a9.01 9.01 0 0 0 9-9 9 9 0 1 0-14 7.483" clip-rule="evenodd"/></svg>',Or={class:"onyx-toast-message__wrapper"},Tr={class:"onyx-toast-message__content onyx-truncation-ellipsis"},Ir={class:"onyx-toast-message__headline onyx-text"},Lr={class:"onyx-truncation-ellipsis"},Dr=["aria-label"],Pr={key:0,class:"onyx-toast-message__description onyx-text--small onyx-truncation-multiline",tabindex:"0"},zt=e.defineComponent({__name:"OnyxToastMessage",props:{density:{},headline:{},description:{},color:{default:"neutral"},duration:{default:5e3},clickable:{type:Boolean,default:!1},icon:{type:[String,Boolean],default:void 0}},emits:["close"],setup(n,{emit:o}){const t=n,l=o,{t:r}=N(),{densityClass:a}=B(t),s=e.computed(()=>t.duration>0),c={neutral:Ne,danger:bt,warning:Mr,success:$r},u=e.computed(()=>{if(t.icon!==!1)return t.icon||c[t.color]});return(i,d)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.clickable?"button":"div"),{class:e.normalizeClass(["onyx-toast-message",[`onyx-toast-message--${t.color}`,e.unref(a)]]),role:t.color==="danger"||t.color==="warning"?"alert":"status","aria-label":t.clickable?t.headline:void 0},{default:e.withCtx(()=>[e.createElementVNode("div",Or,[u.value?(e.openBlock(),e.createBlock(w,{key:0,icon:u.value},null,8,["icon"])):e.createCommentVNode("",!0),e.createElementVNode("div",Tr,[e.createElementVNode("div",Ir,[e.createElementVNode("span",Lr,e.toDisplayString(t.headline),1),t.clickable?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("button",{key:0,type:"button","aria-label":e.unref(r)("close"),class:"onyx-toast-message__close",onClick:d[0]||(d[0]=p=>l("close"))},[e.createVNode(w,{icon:e.unref(He)},null,8,["icon"])],8,Dr))]),t.description?(e.openBlock(),e.createElementBlock("p",Pr,e.toDisplayString(t.description),1)):e.createCommentVNode("",!0)])]),s.value?(e.openBlock(),e.createElementBlock("time",{key:t.duration,"aria-hidden":"true",class:"onyx-toast-message__progress-bar",style:e.normalizeStyle({animationDuration:`${t.duration}ms`}),onAnimationend:d[1]||(d[1]=p=>l("close"))},null,36)):e.createCommentVNode("",!0)]),_:1},8,["class","role","aria-label"]))}}),Ge=Symbol(),Rt=()=>{let n=1;const o=e.ref([]),t=r=>{const a=n++;o.value.unshift({...r,id:a,onClose:()=>l(a)})},l=r=>{o.value=o.value.filter(a=>a.id!==r)};return{toasts:e.computed(()=>o.value),show:t,remove:l}},Ht=()=>{const n=()=>{console.warn('Trying to use "useToast()" before the toast provider has been provided. Make sure to "provide" it first.')};return e.inject(Ge,()=>({toasts:e.computed(()=>[]),show:n,remove:n}),!0)},Ar={key:0,class:"onyx-toast",role:"presentation","aria-live":"polite",open:""},zr=e.defineComponent({__name:"OnyxToast",setup(n){const o=Ht();return(t,l)=>e.unref(o).toasts.value.length?(e.openBlock(),e.createElementBlock("dialog",Ar,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(o).toasts.value,({id:r,...a})=>(e.openBlock(),e.createBlock(zt,e.mergeProps({key:r,ref_for:!0},a),null,16))),128))])):e.createCommentVNode("",!0)}}),Rr=["top","bottom","auto"],Hr=e.defineComponent({__name:"OnyxForm",props:{disabled:{type:Boolean,default:!1},showError:{default:"touched"},skeleton:{type:Boolean},density:{}},setup(n){const o=n;co(o),Ie(o);const{densityClass:t}=B(o);return(l,r)=>(e.openBlock(),e.createElementBlock("form",{class:e.normalizeClass({"onyx-form":!0,...e.unref(t)})},[e.renderSlot(l.$slots,"default")],2))}}),Fr=["primary","neutral","danger","warning","success","info"],Ur=["small","default","large"],qr=["ellipsis","multiline"],Gr=["onyx","digits","kaufland","lidl","schwarz"],Kr=["horizontal","vertical"],Zr=(n={})=>({install:o=>{ct(o,n.i18n);const t=o.runWithContext(()=>N());o.provide(Ge,Rt()),o.mixin({beforeMount:()=>{e.watchEffect(()=>{jr(t.t.value("optional"))})}})}}),jr=n=>{var o;(o=globalThis.document)==null||o.body.style.setProperty("--onyx-global-optional-text",n)};exports.AUTOCAPITALIZE=hl;exports.BUTTON_COLORS=No;exports.BUTTON_MODES=Mo;exports.BUTTON_TYPES=So;exports.DENSITIES=ro;exports.DIRECTIONS=Kr;exports.DataGridFeatures=jn;exports.HEADLINE_TYPES=cl;exports.ICON_SIZES=ul;exports.INPUT_TYPES=yl;exports.LINK_TARGETS=gl;exports.MOBILE_NAV_BAR_INJECTION_KEY=oe;exports.MULTISELECT_TEXT_MODE=nr;exports.NAV_BAR_MORE_LIST_INJECTION_KEY=$t;exports.ONYX_BREAKPOINTS=tt;exports.ONYX_COLORS=Fr;exports.ONYX_THEMES=Gr;exports.OnyxAppLayout=eo;exports.OnyxAvatar=Be;exports.OnyxAvatarStack=ao;exports.OnyxBadge=ot;exports.OnyxButton=ie;exports.OnyxCheckbox=se;exports.OnyxCheckboxGroup=Cn;exports.OnyxColorSchemeDialog=Nt;exports.OnyxColorSchemeMenuItem=Kl;exports.OnyxDataGrid=Hn;exports.OnyxDataGridRenderer=Ct;exports.OnyxDatePicker=al;exports.OnyxDialog=wt;exports.OnyxEmpty=Ae;exports.OnyxExternalLinkIcon=me;exports.OnyxFlyoutMenu=Ue;exports.OnyxForm=Hr;exports.OnyxHeadline=Y;exports.OnyxIcon=w;exports.OnyxIconButton=Re;exports.OnyxInfoTooltip=ze;exports.OnyxInput=fl;exports.OnyxLink=_l;exports.OnyxListItem=fe;exports.OnyxLoadingIndicator=F;exports.OnyxMenuItem=Fe;exports.OnyxMiniSearch=Et;exports.OnyxMobileNavButton=Me;exports.OnyxMoreList=Ml;exports.OnyxNavAppArea=St;exports.OnyxNavBar=Na;exports.OnyxNavButton=ta;exports.OnyxNavItem=oa;exports.OnyxNavSeparator=Ot;exports.OnyxPageLayout=Ta;exports.OnyxPagination=Wa;exports.OnyxRadioButton=Te;exports.OnyxRadioGroup=tr;exports.OnyxSelect=At;exports.OnyxSelectInput=Pt;exports.OnyxSelectOption=Oe;exports.OnyxSkeleton=M;exports.OnyxStepper=pr;exports.OnyxSwitch=kr;exports.OnyxTab=Br;exports.OnyxTable=Bt;exports.OnyxTabs=Cr;exports.OnyxTag=Vr;exports.OnyxTextarea=Nr;exports.OnyxTimer=ca;exports.OnyxToast=zr;exports.OnyxToastMessage=zt;exports.OnyxTooltip=Q;exports.OnyxUserMenu=_a;exports.OnyxVisuallyHidden=J;exports.SELECT_ALIGNMENTS=or;exports.TABS_INJECTION_KEY=qe;exports.TEXT_SIZES=Ur;exports.TOAST_PROVIDER_INJECTION_KEY=Ge;exports.TOOLTIP_POSITIONS=Rr;exports.TRUNCATION_TYPES=qr;exports.createOnyx=Zr;exports.createToastProvider=Rt;exports.normalizedIncludes=Dt;exports.provideI18n=ct;exports.useDensity=B;exports.useScrollEnd=Lt;exports.useToast=Ht;
|