sit-onyx 1.0.0-beta.150 → 1.0.0-beta.151
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +1 -1
- package/dist/index.js +3 -3
- package/dist/utils/index.d.ts +2 -2
- package/package.json +4 -4
package/dist/index.cjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),pt={"2xs":320,xs:576,sm:768,md:992,lg:1440,xl:1920},mt=Symbol(),L=Symbol("SKELETON_INJECTED_SYMBOL"),ft=n=>t=>e.computed(()=>typeof t.skeleton!="symbol"?t.skeleton:t.skeleton===L&&(n==null?void 0:n.skeleton)===!0?3:!1),Ge=n=>e.provide(mt,ft(n)),yo=ft(),R=n=>e.inject(mt,yo)(n),Ke=Symbol(),ho=e.defineComponent({__name:"OnyxAccordion",props:{density:{},exclusive:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},skeleton:{type:[Symbol,Boolean,Number],default:L}},setup(n){const t=n,l=e.ref(new Set),{disabled:o,exclusive:r}=e.toRefs(t),a=R(t),{densityClass:c}=C(t),s=(u,i)=>{if(!i){l.value.delete(u);return}r.value&&l.value.clear(),l.value.add(u)};return e.watch(r,u=>{if(u&&l.value.size>1){const i=[...l.value].pop();l.value.clear(),i&&l.value.add(i)}}),e.provide(Ke,{openItems:l,updateOpen:s,disabled:o,skeleton:a}),(u,i)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["onyx-component","onyx-accordion",e.unref(c)])},[e.renderSlot(u.$slots,"default")],2))}}),vo='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M16.72 8.845 12 13.565l-4.72-4.72-1.06 1.06 5.78 5.78 5.78-5.78z"/></svg>',go=["innerHTML"],w=e.defineComponent({__name:"OnyxIcon",props:{size:{},icon:{},color:{}},setup(n){const t=n;return(l,o)=>(e.openBlock(),e.createElementBlock("figure",{class:e.normalizeClass({"onyx-component":!0,"onyx-icon":!0,[`onyx-icon--${t.size}`]:t.size,[`onyx-icon--${t.color}`]:t.color}),"aria-hidden":"true",innerHTML:t.icon},null,10,go))}}),je=(n,t)=>{const l=n.__vccOpts||n;for(const[o,r]of t)l[o]=r;return l},_o={},xo={"aria-hidden":"true",class:"onyx-component onyx-skeleton"};function ko(n,t){return e.openBlock(),e.createElementBlock("figure",xo)}const M=je(_o,[["render",ko]]),bo=["open"],Bo=["id","tabindex","aria-expanded","aria-controls","aria-disabled"],Co={class:"onyx-accordion-item__header-content"},wo=["id","aria-labelledby"],Eo=e.defineComponent({__name:"OnyxAccordionItem",props:{density:{},open:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},skeleton:{type:[Symbol,Boolean,Number],default:L}},emits:["update:open"],setup(n,{emit:t}){const l=n,o=e.useId(),r=e.inject(Ke),a=t,c=e.computed({get:()=>(r==null?void 0:r.openItems.value.has(o))||l.open,set:d=>{r==null||r.updateOpen(o,d),a("update:open",d)}}),s=R(l),{densityClass:u}=C(l),i=e.computed(()=>(r==null?void 0:r.disabled.value)||l.disabled);return(d,p)=>{var m;return e.unref(s)||(m=e.unref(r))!=null&&m.skeleton.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["onyx-component","onyx-accordion-item-skeleton",e.unref(u)])},[e.createVNode(M,{class:"onyx-accordion-item-skeleton__main"}),e.createVNode(M,{class:"onyx-accordion-item-skeleton__icon"})],2)):(e.openBlock(),e.createElementBlock("details",{key:1,class:e.normalizeClass(["onyx-component onyx-accordion-item",[e.unref(u)]]),open:c.value,onToggle:p[0]||(p[0]=f=>c.value=f.target.open)},[e.createElementVNode("summary",{id:"header-"+e.unref(o),class:"onyx-accordion-item__header",role:"button",tabindex:i.value?-1:0,"aria-expanded":c.value,"aria-controls":"panel-"+e.unref(o),"aria-disabled":i.value},[e.createElementVNode("div",Co,[e.renderSlot(d.$slots,"header")]),e.createVNode(w,{icon:e.unref(vo),class:"onyx-accordion-item__header-icon"},null,8,["icon"])],8,Bo),e.createElementVNode("div",{id:"panel-"+e.unref(o),class:"onyx-accordion-item__panel",role:"region","aria-labelledby":"header-"+e.unref(o)},[e.renderSlot(d.$slots,"default")],8,wo)],42,bo))}}}),te='<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>',Vo=["compact","default","cozy"],C=n=>({densityClass:e.computed(()=>({[`onyx-density-${n.density}`]:!!n.density}))}),So="(optional)",No="Cancel",Mo="Apply",$o="Back",To="Close",Oo={head:{selection:{selectAll:"Select all rows",deselectAll:"Deselect all rows",select:"Add row with ID '{id}' to the selection.",deselect:"Remove row with ID '{id}' from the selection."},sorting:{action:{asc:"Sort the table ascending by the {field} column.",desc:"Sort the table descending by the {field} column.",none:"Reset sorting."},menu:{asc:"Sort ascending",desc:"Sort descending",none:"No sorting"}}}},Io={tooShort:{preview:"Too short, minimum {minLength} characters required",fullError:"Make the input at least {minLength} characters long. It is currently {n} characters long. Special characters might use more than one character."},tooLong:{preview:"Too long, maximum {maxLength} characters allowed",fullError:"Shorten the input to {maxLength} characters or less. It is currently {n} characters long. Special characters might use more than one character."},rangeUnderflow:{preview:"Too low",fullError:"Input value must be greater than or equal to {min}."},rangeOverflow:{preview:"Too high",fullError:"Input value must be less than or equal to {max}."},patternMismatch:{preview:"Invalid format",fullError:"Please match the format requested."},valueMissing:{preview:"Required",fullError:"The field is empty, it is mandatory and must be filled in."},stepMismatch:{preview:"Invalid number",fullError:"Please enter a valid number, 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}" is not a valid email address. It should be similar to "johndoe@example.com" (Must contain one @ symbol and a period).'},number:{preview:"Invalid number",fullError:'"{value}" is not a valid number. Make sure it contains only digits, and optionally a single decimal point.'},tel:{preview:"Invalid phone number",fullError:'"{value}" is not a valid phone number.'},url:{preview:"Invalid URL",fullError:'"{value}" is not a valid URL. A URL usually points to a website and should be similar to "https://www.example.com".'}}},Lo={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"},Do={selectAll:"Select all",currentSelection:"{n} selected"},Ao={decrement:"Decrement by {stepSize}",increment:"Increment by {stepSize}"},Ro={empty:"This table is empty."},Po={opensExternally:"(opens in a new tab)"},zo="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",moreActionsFlyout:'Choose an action for the column "{column}"',moreActionsTrigger:"Toggle column actions"},Ho={neutral:"Toggle info tooltip",danger:"Toggle error tooltip",success:"Toggle success tooltip"},Uo={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."}},qo={label:"Pagination",ofPages:"of 1 page | of {n} pages",previous:"previous page",next:"next page",select:{label:"Page selection",listLabel:"Available pages"}},Go={clear:"Clear input"},Ko={close:"Close dialog"},jo={copyLink:"Copy link to this headline",copyLinkTo:"Copy link to headline:"},Zo={ariaLabel:"Avatar of {fullName}"},Oe={optional:So,cancel:No,apply:Mo,back:$o,close:To,dataGrid:Oo,validations:Io,select:Lo,selections:Do,stepper:Ao,table:Ro,link:Po,navItemOptionsLabel:zo,navigation:Fo,tooltip:Ho,colorScheme:Uo,pagination:qo,input:Go,dialog:Ko,headline:jo,avatar:Zo},yt=Symbol(),ht=(n={})=>{const t=e.readonly(e.toRef((n==null?void 0:n.locale)??"en-US")),l=n.t?e.readonly(e.toRef(n.t)):void 0;if(l)return{t:l,locale:t};const o=e.computed(()=>n!=null&&n.messages&&t.value in n.messages?n.messages[t.value]:Oe),r=e.computed(()=>(a,c={})=>{let s=at(a,o.value)??at(a,Oe)??"";return s=Yo(s,c.n),Wo(s,c)});return{locale:t,t:r}},vt=(n,t)=>{const l=ht(t);return n.provide(yt,l),l},V=()=>e.inject(yt,()=>ht(),!0),at=(n,t)=>{const l=n.split(".").reduce((o,r)=>!o||typeof o=="string"?o:o[r],t);return l&&typeof l=="string"?l:void 0},Yo=(n,t)=>{const l=n.split(" | ").map(r=>r.trim());if(l.length<=1)return n;let o=1;return t===0&&(o=0),t&&(t<=0||t>1)&&(o=2),l.length===2?o===1?l[0]:l[1]:l[o]},Wo=(n,t)=>t?Object.entries(t).reduce((o,[r,a])=>a===void 0?o:o.replace(new RegExp(`{${r}}`,"gi"),a.toString()),n).replace(/\s?{.*}\s?/gi,""):n,Jo=["aria-modal","aria-label","role"],Ze=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:t}){const l=n,o=t,r=e.useTemplateRef("dialogRef"),{densityClass:a}=C(l),c=()=>{var s,u;l.modal?(s=r.value)==null||s.showModal():(u=r.value)==null||u.show()};return e.watch([r,()=>l.open],()=>{var s;l.open?c():(s=r.value)==null||s.close()}),e.watch(()=>l.modal,()=>{var s;(s=r.value)!=null&&s.open&&(r.value.close(),c())}),(s,u)=>l.open?(e.openBlock(),e.createElementBlock("dialog",{key:0,ref:"dialogRef",class:e.normalizeClass(["onyx-component","onyx-dialog",e.unref(a),"onyx-truncation-multiline"]),"aria-modal":l.modal,"aria-label":l.label,role:l.alert?"alertdialog":void 0,onCancel:u[0]||(u[0]=e.withModifiers(i=>o("close"),["prevent"]))},[e.renderSlot(s.$slots,"default")],42,Jo)):e.createCommentVNode("",!0)}}),gt=(n,t)=>{const l=rt(n.toLowerCase()),o=rt(t.toLowerCase());return l.includes(o)},rt=n=>n.normalize("NFD").replace(/[\u0300-\u036f]/g,""),Xo=n=>n.trim().toLowerCase().replace(/\W/gi,"-"),Qo=(n,t)=>{var s;if(en.test(n))return;const l=new Intl.Segmenter(t,{granularity:"word"}),o=n.trim().toUpperCase(),r=Array.from(l.segment(o));if(r.length===0)return;const a=r[0].segment,c=r.length===1||(s=r.at(-1))==null?void 0:s.segment;return c?`${ye(a,t,0)}${ye(c,t,0)}`:`${ye(a,t,0)}${ye(a,t,1)}`},ye=(n,t,l)=>{const o=new Intl.Segmenter(t,{granularity:"grapheme"});return Array.from(o.segment(n)).map(a=>a.segment).at(l)??""},en=/[\u0600-\u06FF\u0750-\u077F\u08A0-\u08FF\u1100-\u11FF\u3130-\u318F\uA960-\uA97F\uAC00-\uD7AF\uD7B0-\uD7FF\u3040-\u309F\u30A0-\u30FF\u3400-\u4DBF\u4E00-\u9FFF\uF900-\uFAFF]|[\uD840-\uD869][\uDC00-\uDED6]/,_t=n=>/^http(s?):\/\//.test(n),J=n=>typeof n=="string"?{href:n}:n,se=()=>{const n=e.inject(Ye,void 0),t=e.computed(()=>{if(!n)return;const r=e.unref(n.currentRoute);return typeof r=="string"?{path:r}:r}),l=(r,a)=>{n&&!_t(a)&&tn(r)&&(r.preventDefault(),n.push(a))},o=e.computed(()=>r=>{if(!t.value||r==null)return!1;const a=st(J(r).href),c=st(t.value.path);return a==="/"?c===a:c.startsWith(a)});return{navigate:l,currentRoute:t,isActive:o}},tn=n=>{if(!(n.metaKey||n.altKey||n.ctrlKey||n.shiftKey)&&!n.defaultPrevented&&!(n.button!==void 0&&n.button!==0)){if(n.currentTarget&&n.currentTarget instanceof Element){const t=n.currentTarget.getAttribute("target"),l=n.currentTarget.getAttribute("href");if(t==="_blank"||l!=null&&l.startsWith("#"))return}return!0}},st=n=>{const t=n.trim();return t===""?"/":t==="/"?t:t.replace(/\/+$/,"")},Ye=Symbol(),oe=e.defineComponent({__name:"OnyxVisuallyHidden",props:{is:{default:"span"}},setup(n){const t=n;return(l,o)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.is),{class:"onyx-component onyx-visually-hidden"},{default:e.withCtx(()=>[e.renderSlot(l.$slots,"default")]),_:3}))}}),on=["href","target","rel"],ne=e.defineComponent({__name:"OnyxRouterLink",props:{href:{},target:{default:"_self"}},setup(n){const t=n,{t:l}=V(),{navigate:o,isActive:r}=se();return(a,c)=>(e.openBlock(),e.createElementBlock("a",{class:e.normalizeClass(["onyx-component","onyx-router-link",e.unref(r)(t.href)?"onyx-router-link--active":""]),href:t.href,target:t.target,rel:t.target==="_blank"?"noreferrer":void 0,onClick:c[0]||(c[0]=s=>e.unref(o)(s,t.href))},[e.renderSlot(a.$slots,"default"),t.target==="_blank"?(e.openBlock(),e.createBlock(oe,{key:0},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(l)("link.opensExternally")),1)]),_:1})):e.createCommentVNode("",!0)],10,on))}}),X=e.defineComponent({__name:"OnyxHeadline",props:{is:{},showAs:{},hash:{},skeleton:{type:[Symbol,Boolean,Number],default:L}},setup(n){const t=n,{t:l}=V(),o=R(t),r=e.computed(()=>t.hash?Xo(t.hash):void 0),a=e.computed(()=>t.showAs??t.is),c=async s=>{const{origin:u,pathname:i,search:d}=window.location,p=`${u}${i}${d}#${s}`;await navigator.clipboard.writeText(p)};return(s,u)=>e.unref(o)?(e.openBlock(),e.createBlock(M,{key:0,class:e.normalizeClass(["onyx-headline-skeleton",`onyx-headline-skeleton--${a.value}`])},null,8,["class"])):(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.is),{key:1,id:r.value,class:e.normalizeClass(["onyx-component","onyx-headline",`onyx-headline--${a.value}`])},{default:e.withCtx(()=>[r.value?(e.openBlock(),e.createBlock(ne,{key:0,href:`#${r.value}`,target:"_self",class:"onyx-headline__hash",title:e.unref(l)("headline.copyLink"),onClick:u[0]||(u[0]=i=>c(r.value))},{default:e.withCtx(()=>[e.createVNode(oe,null,{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(l)("headline.copyLinkTo")),1)]),_:1}),e.renderSlot(s.$slots,"default")]),_:3},8,["href","title"])):e.renderSlot(s.$slots,"default",{key:1})]),_:3},8,["id","class"]))}}),xt=Symbol(),E=Symbol("FORM_INJECTED_SYMBOL"),Se=(n,t,l,o)=>e.computed(()=>{const r=t.value[l];return r!=null&&typeof r!="symbol"?r:r===E?(n==null?void 0:n.value[l])??o:o}),kt=n=>t=>({disabled:Se(n,t,"disabled",!1),showError:Se(n,t,"showError","touched"),requiredMarker:Se(n,t,"requiredMarker","required")}),nn=n=>e.provide(xt,kt(n&&e.toRef(n))),ln=kt(),H=n=>e.inject(xt,ln)(e.toRef(n)),an=["aria-label","title","disabled","autofocus"],le=e.defineComponent({__name:"OnyxSystemButton",props:{disabled:{default:E},autofocus:{type:Boolean,default:!1},skeleton:{type:[Symbol,Boolean,Number],default:L},label:{},icon:{},color:{default:"intense"}},setup(n){const t=n,{disabled:l}=H(t),o=R(t);return(r,a)=>e.unref(o)?(e.openBlock(),e.createBlock(M,{key:0,class:e.normalizeClass(["onyx-system-button-skeleton",t.icon?"":"onyx-system-button-skeleton--text"])},null,8,["class"])):(e.openBlock(),e.createElementBlock("button",{key:1,class:e.normalizeClass(["onyx-system-button","onyx-text--small",`onyx-system-button--${t.color}`]),"aria-label":t.label,title:t.label,type:"button",disabled:e.unref(l),autofocus:t.autofocus},[t.icon?(e.openBlock(),e.createBlock(w,{key:0,icon:t.icon},null,8,["icon"])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(t.label),1)],64))],10,an))}}),rn={class:"onyx-alert-dialog__content"},sn={class:"onyx-alert-dialog__headline"},cn=["id"],un={class:"onyx-alert-dialog__actions"},dn=e.defineComponent({__name:"OnyxAlertDialog",props:{density:{},label:{},open:{type:Boolean},icon:{}},emits:["close"],setup(n,{emit:t}){const l=n,o=t,{t:r}=V(),{densityClass:a}=C(l),c=e.useId();return(s,u)=>(e.openBlock(),e.createBlock(Ze,e.mergeProps({class:["onyx-alert-dialog",e.unref(a)]},l,{"aria-describedby":e.unref(c),modal:"",alert:"",onClose:u[1]||(u[1]=i=>o("close"))}),{default:e.withCtx(()=>[e.createElementVNode("div",rn,[l.icon?(e.openBlock(),e.createBlock(w,e.mergeProps({key:0,class:"onyx-alert-dialog__icon"},l.icon,{size:"64px"}),null,16)):e.createCommentVNode("",!0),e.createElementVNode("div",null,[e.createElementVNode("div",sn,[e.renderSlot(s.$slots,"headline",{label:l.label},()=>[e.createVNode(X,{is:"h2"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(l.label),1)]),_:1})]),e.createVNode(le,{class:"onyx-alert-dialog__close",label:e.unref(r)("dialog.close"),icon:e.unref(te),onClick:u[0]||(u[0]=i=>o("close"))},null,8,["label","icon"])]),e.createElementVNode("div",{id:e.unref(c),class:"onyx-alert-dialog__body onyx-truncation"},[e.renderSlot(s.$slots,"default")],8,cn)])]),e.createElementVNode("div",un,[e.renderSlot(s.$slots,"actions")])]),_:3},16,["class","aria-describedby"]))}}),pn={key:0,class:"onyx-app__nav"},mn={class:"onyx-app__page"},fn={key:1,class:"onyx-app__page-overlay"},yn={key:2,class:"onyx-app__app-overlay"},hn=e.defineComponent({__name:"OnyxAppLayout",props:{navBarAlignment:{default:"top"}},setup(n){const t=n,l=e.useSlots();return(o,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["onyx-component onyx-app",{"onyx-app--horizontal":t.navBarAlignment==="left"}])},[l.navBar?(e.openBlock(),e.createElementBlock("div",pn,[e.renderSlot(o.$slots,"navBar")])):e.createCommentVNode("",!0),e.createElementVNode("div",mn,[e.renderSlot(o.$slots,"default")]),l.pageOverlay?(e.openBlock(),e.createElementBlock("div",fn,[e.renderSlot(o.$slots,"pageOverlay")])):e.createCommentVNode("",!0),l.appOverlay?(e.openBlock(),e.createElementBlock("div",yn,[e.renderSlot(o.$slots,"appOverlay")])):e.createCommentVNode("",!0)],2))}}),vn='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M14.292 9.055a4.125 4.125 0 1 1-4.584-6.86 4.125 4.125 0 0 1 4.584 6.86m-.834-5.613a2.625 2.625 0 1 0-2.916 4.366 2.625 2.625 0 0 0 2.916-4.366M9.75 11.25h4.5a5.257 5.257 0 0 1 5.25 5.25v6h-15v-6a5.257 5.257 0 0 1 5.25-5.25M6 21h12v-4.5a3.754 3.754 0 0 0-3.75-3.75h-4.5A3.755 3.755 0 0 0 6 16.5z" clip-rule="evenodd"/></svg>',gn=["title","aria-label"],_n=["src","alt"],xn={key:0,class:"onyx-avatar__initials"},Ie=e.defineComponent({__name:"OnyxAvatar",props:{size:{default:"48px"},fullName:{},src:{},initials:{}},setup(n){const t=n,{locale:l,t:o}=V(),r=e.computed(()=>typeof t.fullName=="object"?t.fullName:{name:t.fullName,locale:l.value}),a=e.computed(()=>t.initials?t.initials:Qo(r.value.name,r.value.locale)),c=e.computed(()=>o.value("avatar.ariaLabel",{fullName:r.value.name})),s=e.ref(!1);return e.watch(()=>t.src,()=>s.value=!1),(u,i)=>(e.openBlock(),e.createElementBlock("figure",{class:e.normalizeClass(["onyx-component","onyx-avatar",`onyx-avatar--${t.size}`,t.initials?"onyx-avatar--custom":""]),title:c.value,"aria-label":c.value},[t.src&&!s.value?(e.openBlock(),e.createElementBlock("img",{key:0,class:"onyx-avatar__image",src:t.src,alt:c.value,onError:i[0]||(i[0]=d=>s.value=!0)},null,40,_n)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[a.value?(e.openBlock(),e.createElementBlock("div",xn,e.toDisplayString(a.value),1)):(e.openBlock(),e.createBlock(w,{key:1,icon:e.unref(vn),class:"onyx-avatar__icon"},null,8,["icon"]))],64))],10,gn))}}),kn={class:"onyx-component onyx-avatar-stack"},bn=e.defineComponent({__name:"OnyxAvatarStack",setup(n){return(t,l)=>(e.openBlock(),e.createElementBlock("div",kn,[e.renderSlot(t.$slots,"default")]))}}),bt=e.defineComponent({__name:"OnyxBadge",props:{density:{},color:{default:"primary"},icon:{},dot:{type:Boolean,default:!1}},setup(n){const t=n,{densityClass:l}=C(t);return(o,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["onyx-component onyx-badge",["onyx-truncation-ellipsis","onyx-text",`onyx-badge--${t.color}`,t.dot?"onyx-badge--dot":"",e.unref(l)]])},[t.dot?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[t.icon?(e.openBlock(),e.createBlock(w,{key:0,class:"onyx-badge__icon",icon:t.icon},null,8,["icon"])):e.renderSlot(o.$slots,"default",{key:1})],64))],2))}}),Bn={class:"onyx-bottom-bar__content"},Cn={class:"onyx-bottom-bar__content--left"},wn={class:"onyx-bottom-bar__content--right"},En=e.defineComponent({__name:"OnyxBottomBar",props:{density:{},hideBorder:{type:Boolean,default:!1}},setup(n){const t=n,{densityClass:l}=C(t);return(o,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["onyx-component","onyx-bottom-bar",e.unref(l),t.hideBorder?"":"onyx-bottom-bar--border"])},[e.createElementVNode("div",Bn,[e.createElementVNode("div",Cn,[e.renderSlot(o.$slots,"left")]),e.createElementVNode("div",wn,[e.renderSlot(o.$slots,"default")])])],2))}}),Vn={},Sn={class:"onyx-component onyx-circle-spinner",viewBox:"0 0 50 50"};function Nn(n,t){return e.openBlock(),e.createElementBlock("svg",Sn,t[0]||(t[0]=[e.createElementVNode("circle",{class:"onyx-circle-spinner__circle",cx:"50%",cy:"50%",r:"45%"},null,-1)]))}const Mn=je(Vn,[["render",Nn]]),$n={},Tn={class:"onyx-component onyx-loading-dots"};function On(n,t){return e.openBlock(),e.createElementBlock("div",Tn,t[0]||(t[0]=[e.createElementVNode("span",{class:"onyx-loading-dots__center"},null,-1)]))}const In=je($n,[["render",On]]),G=e.defineComponent({__name:"OnyxLoadingIndicator",props:{type:{default:"dots"}},setup(n){const t=n;return(l,o)=>t.type==="circle"?(e.openBlock(),e.createBlock(Mn,{key:0})):t.type==="dots"?(e.openBlock(),e.createBlock(In,{key:1})):e.createCommentVNode("",!0)}}),Ln=n=>{const t=e.ref(!1),l=e.reactive(new Map),o=s=>{var d;const u=(d=n.value)==null?void 0:d.getBoundingClientRect();if(!u)return;t.value=!0;const i={id:Date.now().toString(),left:`${s.x-u.left}px`,top:`${s.y-u.top}px`,animationEnded:!1};return l.set(i.id,i),i.id},r=s=>{const u=s.dataset.rippleid;u!=null&&(l.has(u)&&(l.get(u).animationEnded=!0),t.value||l.delete(u))},a=()=>{t.value=!1,l.forEach((s,u)=>{s.animationEnded&&l.delete(u)})},c=e.ref({});return e.onBeforeMount(()=>{var s;(s=window.matchMedia)!=null&&s.call(window,"pointer: none").matches?c.value={touchstart:o,touchend:a,touchcancel:a}:c.value={mousedown:o,mouseleave:a,mouseup:a}}),{isPointerDown:t,ripples:l,startRipple:o,hideRipples:a,hideRipple:r,events:c}},Dn={ref:"rippleTriggerRef",class:"onyx-component onyx-ripple","aria-hidden":"true"},An=["data-rippleid"],Rn=e.defineComponent({__name:"OnyxRipple",setup(n,{expose:t}){const l=e.useTemplateRef("rippleTriggerRef"),{ripples:o,hideRipple:r,events:a}=Ln(l);return t({events:a}),(c,s)=>(e.openBlock(),e.createElementBlock("span",Dn,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(o),([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:s[0]||(s[0]=d=>e.unref(r)(d.target))},null,44,An))),128))],512))}}),Pn=["disabled","type","aria-label","autofocus"],zn={class:"onyx-button__label onyx-truncation-ellipsis"},he=e.defineComponent({__name:"OnyxButton",props:{density:{},autofocus:{type:Boolean},label:{},disabled:{default:E},loading:{type:Boolean,default:!1},type:{default:"button"},color:{default:"primary"},mode:{default:"default"},icon:{},skeleton:{type:[Symbol,Boolean,Number],default:L}},setup(n){const t=n,{densityClass:l}=C(t),{disabled:o}=H(t),r=R(t),a=e.useTemplateRef("rippleRef"),c=e.computed(()=>{var s;return((s=a.value)==null?void 0:s.events)??{}});return(s,u)=>e.unref(r)?(e.openBlock(),e.createBlock(M,{key:0,class:e.normalizeClass(["onyx-button-skeleton",e.unref(l)])},null,8,["class"])):(e.openBlock(),e.createElementBlock("button",e.mergeProps({key:1,class:["onyx-component","onyx-button",`onyx-button--${t.color}`,`onyx-button--${t.mode}`,{"onyx-button--loading":t.loading},e.unref(l)],disabled:e.unref(o)||t.loading,type:t.type,"aria-label":t.loading?t.label:void 0,autofocus:t.autofocus},e.toHandlers(c.value,!0)),[!e.unref(o)&&!t.loading?(e.openBlock(),e.createBlock(Rn,{key:0,ref:"rippleRef"},null,512)):e.createCommentVNode("",!0),t.icon&&!t.loading?(e.openBlock(),e.createBlock(w,{key:1,class:"onyx-button__icon",icon:t.icon},null,8,["icon"])):e.createCommentVNode("",!0),t.loading?(e.openBlock(),e.createBlock(G,{key:2,class:"onyx-button__loading"})):e.createCommentVNode("",!0),e.createElementVNode("span",zn,e.toDisplayString(t.label),1)],16,Pn))}}),Fn=["button","submit","reset"],Hn=["primary","neutral","danger"],Un=["default","outline","plain"],Bt=e.defineComponent({__name:"OnyxCard",props:{density:{},clickable:{type:Boolean,default:!1}},setup(n){const t=n,{densityClass:l}=C(t);return(o,r)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.clickable?"button":"div"),{class:e.normalizeClass(["onyx-component","onyx-card",e.unref(l),"onyx-truncation-multiline","onyx-text"])},{default:e.withCtx(()=>[e.renderSlot(o.$slots,"default")]),_:3},8,["class"]))}}),ge=(n,t)=>({requiredTypeClass:e.computed(()=>({[`onyx-use-${t.value}`]:!0})),requiredMarkerClass:e.computed(()=>({"onyx-required-marker":n.required,"onyx-optional-marker":!n.required}))}),Z=(n,t)=>{t.autofocus&&e.onMounted(()=>{var l;if(!t.loading){(l=n.value)==null||l.focus();return}e.watch(()=>!!t.loading,()=>{var o;return(o=n.value)==null?void 0:o.focus()},{once:!0})})},Le=n=>n instanceof Date&&!isNaN(n),qn=(n,t)=>{const l=Object.entries(n).filter(([r,a])=>a!==void 0),o=Object.entries(t).filter(([r,a])=>a!==void 0);return l.length!==o.length?!1:l.every(([r,a])=>a===t[r])},Gn=(n,t)=>n.reduce((l,o)=>{const r=o[t]??"";return l[r]=l[r]||[],l[r].push(o),l},{}),Kn=n=>Reflect.ownKeys(n).map(t=>[t,n[t]]),Ct=()=>Object.entries(Object.getOwnPropertyDescriptors(ValidityState.prototype)).filter(([n,t])=>t.enumerable).map(([n])=>n),jn=n=>Ct().reduce((t,l)=>(t[l]=n[l],t),{}),Zn=n=>{if(n.valueMissing)return"valueMissing";const t=Ct().filter(l=>l!=="valid").sort();for(const l of t)if(l in n&&n[l])return l},Yn=Object.keys(Oe.validations.typeMismatch),q=n=>{if(n)return typeof n=="string"?{shortMessage:n,longMessage:n,hidden:!1}:n},wt=n=>{if(!n)return;if(typeof n=="string")return n;if(n.shortMessage===n.longMessage)return n.shortMessage;const{shortMessage:t,longMessage:l}=n;return`${t}: ${l}`},Y=n=>{const{t,locale:l}=V(),o=e.ref(),r=e.ref(!1),a=e.computed(()=>n.props.customError??e.toValue(n.customError));e.watch(()=>n.props.modelValue,()=>r.value=!0,{once:!0});const c={mounted:u=>{e.watchEffect(()=>u.setCustomValidity(wt(a.value)??"")),e.watch([()=>n.props,a],()=>{const i=jn(u.validity);!o.value&&i.valid||o.value&&qn(i,o.value)||(o.value=i)},{immediate:!0,deep:!0}),e.watch([a,o,r],()=>{!r.value||!o.value||n.emit("validityChange",o.value)},{immediate:!0})}},s=e.computed(()=>{var m,f;if(!o.value||o.value.valid)return;const u=Zn(o.value),i=q(a.value);if(i||u==="customError")return i||void 0;if(!u)return;const d=typeof n.props.maxlength=="object"?n.props.maxlength.max:n.props.maxlength,p={value:(m=n.props.modelValue)==null?void 0:m.toString(),n:((f=n.props.modelValue)==null?void 0:f.toString().length)??0,minLength:n.props.minlength,maxLength:d,min:ct(l.value,n.props.type,n.props.min),max:ct(l.value,n.props.type,n.props.max),step:n.props.validStepSize};if(u==="typeMismatch"){const h=Yn.includes(n.props.type)?n.props.type:"generic";return{longMessage:t.value(`validations.typeMismatch.${h}.fullError`,p),shortMessage:t.value(`validations.typeMismatch.${h}.preview`,p)}}return{longMessage:t.value(`validations.${u}.fullError`,p),shortMessage:t.value(`validations.${u}.preview`,p)}});return{vCustomValidity:c,errorMessages:s}},ct=(n,t,l)=>{if(!t||!["date","datetime-local"].includes(t))return l==null?void 0:l.toString();const o=l!=null?new Date(l):void 0;if(!Le(o))return l==null?void 0:l.toString();const r={day:"2-digit",month:"2-digit",year:"numeric",...t==="datetime-local"?{hour:"2-digit",minute:"2-digit"}:void 0};return o.toLocaleString(n,r)},j=()=>{const n=e.useAttrs(),t=e.computed(()=>({class:n.class,style:n.style})),l=e.computed(()=>{const o={...n};return delete o.class,delete o.style,o});return{rootAttrs:t,restAttrs:l}},W=n=>n;function De(){const n=e.shallowRef();return e.computed({set:t=>{n.value=t!=null&&"$el"in t?t.$el:t},get:()=>n.value})}const Wn=(n,t)=>Object.entries(n).every(([l,o])=>t[l]===o),Jn=(n,t)=>typeof t=="string"?n.key===t:Wn({altKey:!1,ctrlKey:!1,metaKey:!1,shiftKey:!1,...t},n),Ae=n=>!Qn.has(n),Xn=["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"],Qn=new Set(Xn),ee=e.reactive(new Map),el=(n,t)=>{if(t!=null&&t.size){ee.set(n,t);return}ee.delete(n),document.removeEventListener(n,Et)},it=(n,t)=>{const l=ee.get(n);l==null||l.delete(t),el(n,l)},tl=(n,t)=>{const l=ee.get(n)??new Set;l.add(t),ee.set(n,l),document.addEventListener(n,Et)},Et=n=>{var l;const t=n.type;(l=ee.get(t))==null||l.forEach(o=>o(n))},_e=({type:n,listener:t,disabled:l})=>{e.onBeforeMount(()=>e.watchEffect(()=>l!=null&&l.value?it(n,t):tl(n,t))),e.onBeforeUnmount(()=>it(n,t))},Vt=({inside:n,onOutsideClick:t,disabled:l})=>{_e({type:"click",listener:r=>{const a=e.toValue(n);!(Array.isArray(a)?a:[a]).some(u=>u==null?void 0:u.contains(r.target))&&t(r)},disabled:l})},St=(n,t)=>{let l;const o=(...r)=>{clearTimeout(l),l=setTimeout(()=>n(...r),e.toValue(t))};return o.abort=()=>clearTimeout(l),o},Nt=(n,t=500)=>{let l="";const o=St(()=>l="",t);return r=>{Ae(r.key)&&(o(),l=`${l}${r.key}`,n(l))}},ol=W(n=>{const t=e.computed(()=>e.unref(n.multiple)??!1),l=e.computed(()=>e.unref(n.isExpanded)??!1),o=new Map,r=i=>(o.has(i)||o.set(i,e.useId()),o.get(i)),a=e.ref(!1);e.watchEffect(async()=>{var d;if(!l.value||n.activeOption.value==null||!a.value&&!n.controlled)return;const i=r(n.activeOption.value);await e.nextTick(),(d=document.getElementById(i))==null||d.scrollIntoView({block:"nearest",inline:"nearest"})});const c=Nt(i=>{var d;return(d=n.onTypeAhead)==null?void 0:d.call(n,i)}),s=i=>{var d,p,m,f,h,y,g;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){(f=n.onActivateFirst)==null||f.call(n);return}(h=n.onActivateNext)==null||h.call(n,n.activeOption.value);break;case"Home":i.preventDefault(),(y=n.onActivateFirst)==null||y.call(n);break;case"End":i.preventDefault(),(g=n.onActivateLast)==null||g.call(n);break;default:c(i)}};return{elements:{listbox:e.computed(()=>n.controlled?{role:"listbox","aria-multiselectable":t.value,"aria-label":e.unref(n.label),"aria-description":n.description,tabindex:"-1"}:{role:"listbox","aria-multiselectable":t.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:s}),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":t.value?d:void 0,"aria-selected":t.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}}}),Mt=["ArrowDown","ArrowUp"," ","Enter","Home","End"],$t=["Escape",{key:"ArrowUp",altKey:!0},"Enter","Tab"],ut=["Enter"],nl=(n,t)=>{const l=t?[...ut," "]:ut;return Re(n,l)},Re=(n,t)=>t.some(l=>Jn(n,l)),ll=W(({autocomplete:n,onAutocomplete:t,onTypeAhead:l,multiple:o,label:r,listLabel:a,listDescription:c,isExpanded:s,activeOption:u,onToggle:i,onSelect:d,onActivateFirst:p,onActivateLast:m,onActivateNext:f,onActivatePrevious:h,templateRef:y})=>{const g=e.useId(),v=e.computed(()=>e.unref(n)),x=e.computed(()=>e.unref(s)),_=e.computed(()=>e.unref(o)),b=S=>{const Ce=S.target;v.value!=="none"&&(t==null||t(Ce.value))},B=Nt(S=>l==null?void 0:l(S)),O=S=>{d==null||d(S),e.unref(_)||i==null||i()},T=S=>{switch(S.key){case"ArrowUp":if(S.preventDefault(),u.value==null)return m==null?void 0:m();h==null||h(u.value);break;case"ArrowDown":if(S.preventDefault(),u.value==null)return p==null?void 0:p();f==null||f(u.value);break;case"Home":S.preventDefault(),p==null||p();break;case"End":S.preventDefault(),m==null||m();break}},$=S=>{if(S.key==="Enter"&&S.preventDefault(),!x.value&&Re(S,Mt))return i==null||i(),S.key===" "&&S.preventDefault(),S.key==="End"?m==null?void 0:m():p==null?void 0:p();if(nl(S,v.value==="none"))return O(u.value);if(x.value&&Re(S,$t))return i==null?void 0:i();if(v.value==="none"&&Ae(S.key))return!x.value&&(i==null||i()),B(S);if(v.value!=="none"&&Ae(S.key)){!x.value&&(i==null||i());return}return T(S)},P=e.computed(()=>v.value==="none"?null:{"aria-autocomplete":v.value,type:"text"}),{elements:{option:I,group:A,listbox:U},internals:{getOptionId:ae}}=ol({label:a,description:c,multiple:_,controlled:!0,activeOption:u,isExpanded:x,onSelect:O});return Vt({inside:y,onOutsideClick(){x.value&&(i==null||i(!0))}}),{elements:{option:I,group:A,listbox:e.computed(()=>({...U.value,id:g,onMousedown:S=>S.preventDefault()})),input:e.computed(()=>({role:"combobox","aria-expanded":x.value,"aria-controls":g,"aria-label":e.unref(r),"aria-activedescendant":u.value!=null?ae(u.value):void 0,onInput:b,onKeydown:$,...P.value})),button:e.computed(()=>({tabindex:"-1",onClick:()=>i==null?void 0:i()}))}}}),al=W(n=>{const t=e.useId(),l=e.useId(),o=De(),r=e.useId();_e({type:"keydown",listener:d=>d.key==="Escape"&&c(!1),disabled:e.computed(()=>!n.isExpanded.value)});const a=St(()=>n.onToggle(),200);e.watch(n.isExpanded,()=>a.abort());const c=(d,p=!1)=>{if(d===n.isExpanded.value){a.abort();return}if(p){a();return}n.onToggle()},s=d=>{const p=document.activeElement,m=(p==null?void 0:p.closest('[role="menu"]'))||o.value;if(!m)return;const f=Array.from(m.querySelectorAll('[role="menuitem"]'));let h=0;if(p){const g=f.indexOf(p);switch(d){case"next":h=g+1;break;case"prev":h=g-1;break;case"first":h=0;break;case"last":h=f.length-1;break}}const y=f[h];y==null||y.focus()};return{elements:{root:{id:t,onKeydown:d=>{switch(d.key){case"ArrowDown":case"ArrowRight":d.preventDefault(),s("next");break;case"ArrowUp":case"ArrowLeft":d.preventDefault(),s("prev");break;case"Home":d.preventDefault(),s("first");break;case"End":d.preventDefault(),s("last");break;case" ":d.preventDefault(),d.target.click();break;case"Escape":d.preventDefault(),c(!1);break}},...(()=>{if(n.trigger.value==="hover")return{onMouseenter:()=>c(!0),onMouseleave:()=>c(!1,!0)}})(),onFocusout:d=>{var p;t&&((p=document.getElementById(t))!=null&&p.contains(d.relatedTarget))||c(!1)}},button:e.computed(()=>({"aria-controls":l,"aria-expanded":n.isExpanded.value,"aria-haspopup":!0,onFocus:()=>c(!0,!0),onClick:()=>n.trigger.value=="click"?c(!n.isExpanded.value):void 0,id:r})),menu:{id:l,ref:o,role:"menu","aria-labelledby":r,onClick:()=>c(!1)},...Tt().elements}}}),Tt=W(()=>({elements:{listItem:{role:"none"},menuItem:n=>({"aria-current":n.active?"page":void 0,"aria-disabled":n.disabled,role:"menuitem"})}})),rl={clamp:(n,t,l)=>Math.max(Math.min(n,l),t)},sl=W(({navigationName:n})=>{const t=e.useId(),l=()=>{const r=t?document.getElementById(t):void 0;return r?Array.from(r.querySelectorAll("button[aria-expanded][aria-controls]")):[]},o=(r,a)=>{const c=l(),s=c.indexOf(r);if(s===-1)return;const u=rl.clamp(s+(a==="next"?1:-1),0,c.length-1);c[u].focus()};return{elements:{nav:{"aria-label":e.unref(n),id:t,onKeydown:r=>{switch(r.key){case"ArrowRight":o(r.target,"next");break;case"ArrowLeft":o(r.target,"previous");break}}}}}}),cl=W(n=>{const t=new Map,l=r=>(t.has(r)||t.set(r,{tabId:e.useId(),panelId:e.useId()}),t.get(r)),o=r=>{var m,f;const a=r.target,c=Array.from(((m=a.parentElement)==null?void 0:m.querySelectorAll('[role="tab"]'))??[]).filter(h=>h.ariaDisabled!=="true"),s=c.indexOf(a),u=h=>{h instanceof HTMLElement&&h.focus()},i=()=>u(c.at(0)),d=()=>u(c.at(-1)),p=h=>{if(s===-1)return;const y=h==="next"?s+1:s-1;return y<0?d():y>=c.length?i():u(c.at(y))};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 h=Array.from(t.entries()).find(([,{tabId:y}])=>y===a.id);h&&((f=n.onSelect)==null||f.call(n,h[0]))}break}};return{elements:{tablist:e.computed(()=>({role:"tablist","aria-label":e.unref(n.label),onKeydown:o})),tab:e.computed(()=>r=>{const{tabId:a}=l(e.unref(n.selectedTab)),{tabId:c,panelId:s}=l(r.value),u=c===a;return{id:c,role:"tab","aria-selected":u,"aria-controls":s,"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:c}=l(r.value);return{id:c,role:"tabpanel","aria-labelledby":a}})}}}),Ot=({isExpanded:n})=>_e({type:"keydown",listener:t=>{t.key==="Escape"&&(n.value=!1)},disabled:e.computed(()=>!n.value)}),il=W(({toggleLabel:n,isVisible:t})=>{const l=De(),o=De(),r=e.toRef(t??!1);Vt({inside:e.computed(()=>[l.value,o.value]),onOutsideClick:()=>r.value=!1,disabled:e.computed(()=>!r.value)}),Ot({isExpanded:r});const a=()=>r.value=!r.value;return{elements:{trigger:e.computed(()=>({ref:l,onClick:a,"aria-label":e.toValue(n)})),tooltip:{ref:o,role:"status",tabindex:"-1"}},state:{isVisible:r}}}),ul=W(({debounce:n,isVisible:t})=>{const l=e.useId(),o=e.toRef(t??!1);let r;const a=e.computed({get:()=>o.value,set:s=>{clearTimeout(r),r=setTimeout(()=>{o.value=s},e.toValue(n))}}),c={onMouseover:()=>a.value=!0,onMouseout:()=>a.value=!1,onFocusin:()=>o.value=!0,onFocusout:()=>o.value=!1};return Ot({isExpanded:o}),{elements:{trigger:{"aria-describedby":l,...c},tooltip:{role:"tooltip",id:l,tabindex:"-1",...c}},state:{isVisible:o}}}),It=(n,t="bottom")=>{const l=e.ref(t);return{openDirection:l,updateOpenDirection:()=>{var p,m,f;const r=e.unref(n);if(!r){l.value=t;return}const a=(p=We(r))==null?void 0:p.getBoundingClientRect(),c=r.getBoundingClientRect(),s=(a==null?void 0:a.top)??((m=window.visualViewport)==null?void 0:m.pageTop)??0,i=((a==null?void 0:a.bottom)??((f=window.visualViewport)==null?void 0:f.height)??0)-c.bottom,d=c.top-s;l.value=d>i?"top":"bottom"}}},We=n=>n?getComputedStyle(n).overflow.includes("hidden")?n:n.parentElement?We(n.parentElement):void 0:void 0,dl=(n,t)=>{const o=e.ref("center");return{wedgePosition:o,updateWedgePosition:()=>{var v,x,_,b;const a=e.unref(n),c=e.unref(t);if(!a||!c){o.value="center";return}const s=(v=We(a))==null?void 0:v.getBoundingClientRect(),u=a.getBoundingClientRect(),i=c.getBoundingClientRect();if(i.width<u.width){o.value="center";return}const d=(i.width-u.width+16*2)/2,p=(s==null?void 0:s.left)??((x=window.visualViewport)==null?void 0:x.pageLeft)??0,m=(s==null?void 0:s.right)??(((_=window.visualViewport)==null?void 0:_.width)??window.innerWidth)+(((b=window.visualViewport)==null?void 0:b.offsetLeft)??0),f=u.left-p,h=m-u.right,y=f>=d,g=h>=d;o.value=y===g?"center":f>h?"right":"left"}}},re=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"},alignsWithEdge:{type:Boolean,default:!1}},setup(n){const t=n,{densityClass:l}=C(t),{t:o}=V(),r=e.ref(!1),a=e.computed({set:B=>r.value=B,get:()=>typeof t.open=="boolean"?t.open:r.value}),c=e.computed(()=>({debounce:200,...typeof t.open=="object"&&t.open.type==="hover"&&t.open||{},isVisible:a})),s=e.computed(()=>({toggleLabel:o.value(`tooltip.${t.color}`),...typeof t.open=="object"&&t.open.type==="click"&&t.open||{},isVisible:a})),u=e.computed(()=>typeof t.open=="object"?t.open.type:typeof t.open=="string"?t.open:"hover"),i=e.computed(()=>({"onyx-tooltip--danger":t.color==="danger","onyx-tooltip--success":t.color==="success","onyx-tooltip--fit-parent":t.fitParent,"onyx-tooltip--aligns-with-edge":t.alignsWithEdge,"onyx-tooltip--hidden":!a.value,[`onyx-tooltip--${g.value}`]:t.position==="auto",[`onyx-tooltip--${t.position}`]:t.position!=="auto",[`onyx-tooltip--${x.value}`]:t.alignment==="auto",[`onyx-tooltip--${t.alignment}`]:t.alignment!=="auto"})),d=()=>u.value==="hover"?ul(c.value):il(s.value),p=e.shallowRef(d());e.watch(u,()=>p.value=d());const m=e.computed(()=>{var B;return(B=p.value)==null?void 0:B.elements.tooltip}),f=e.computed(()=>{var B;return e.toValue((B=p.value)==null?void 0:B.elements.trigger)}),h=e.useTemplateRef("tooltipWrapperRefEl"),y=e.useTemplateRef("tooltipRefEl"),{openDirection:g,updateOpenDirection:v}=It(h,"top"),{wedgePosition:x,updateWedgePosition:_}=dl(h,y),b=()=>{v(),_()};return _e({type:"resize",listener:()=>b()}),e.onMounted(()=>b()),e.watch(a,async()=>{await e.nextTick(),v(),_()}),(B,O)=>(e.openBlock(),e.createElementBlock("div",{ref:"tooltipWrapperRefEl",class:e.normalizeClass(["onyx-component","onyx-tooltip-wrapper",e.unref(l)])},[e.createElementVNode("div",e.mergeProps({ref:"tooltipRefEl"},m.value,{class:["onyx-tooltip","onyx-text--small","onyx-truncation-multiline",i.value]}),[t.icon?(e.openBlock(),e.createBlock(w,{key:0,icon:t.icon,size:"16px"},null,8,["icon"])):e.createCommentVNode("",!0),e.renderSlot(B.$slots,"tooltip",{},()=>[e.createTextVNode(e.toDisplayString(t.text),1)])],16),e.renderSlot(B.$slots,"default",{trigger:f.value})],2))}}),pl={class:"onyx-component"},ml={key:0,ref:"targetRef"},Je=e.defineComponent({__name:"OnyxErrorTooltip",props:{errorMessages:{},disabled:{type:Boolean}},setup(n){const t=n,l=e.computed(()=>wt(t.errorMessages)),o=e.useTemplateRef("targetRef");return(r,a)=>(e.openBlock(),e.createElementBlock("div",pl,[!l.value||t.disabled?(e.openBlock(),e.createElementBlock("div",ml,null,512)):e.createCommentVNode("",!0),l.value&&!t.disabled?(e.openBlock(),e.createBlock(re,{key:1,class:"onyx-error-tooltip",open:"hover",text:l.value,color:"danger"},{default:e.withCtx(({trigger:c})=>[e.createElementVNode("div",e.mergeProps({ref:"targetRef"},c),null,16)]),_:1},8,["text"])):e.createCommentVNode("",!0),e.unref(o)?(e.openBlock(),e.createBlock(e.Teleport,{key:2,to:e.unref(o),defer:""},[e.renderSlot(r.$slots,"default")],8,["to"])):e.createCommentVNode("",!0)]))}}),fl=["title"],yl={class:"onyx-checkbox__container"},hl=["aria-label","indeterminate","disabled","required","value","autofocus"],Q=e.defineComponent({inheritAttrs:!1,__name:"OnyxCheckbox",props:{disabled:{default:E},showError:{},requiredMarker:{default:E},autofocus:{type:Boolean},required:{type:Boolean,default:!1},density:{},customError:{},value:{},label:{},hideLabel:{type:Boolean},loading:{type:Boolean,default:!1},skeleton:{type:[Symbol,Boolean,Number],default:L},truncation:{default:"ellipsis"},modelValue:{type:Boolean,default:!1},indeterminate:{type:Boolean,default:!1}},emits:["update:modelValue","validityChange"],setup(n,{expose:t,emit:l}){const o=n,r=l,{rootAttrs:a,restAttrs:c}=j(),s=e.computed({get:()=>o.modelValue,set:x=>r("update:modelValue",x)}),{vCustomValidity:u,errorMessages:i}=Y({props:o,emit:r}),{densityClass:d}=C(o),{disabled:p,requiredMarker:m}=H(o),f=R(o),{requiredMarkerClass:h,requiredTypeClass:y}=ge(o,m),g=e.computed(()=>o.hideLabel?o.label:void 0),v=e.useTemplateRef("inputRef");return t({input:v}),Z(v,o),(x,_)=>e.unref(f)?(e.openBlock(),e.createElementBlock("div",e.mergeProps({key:0,class:["onyx-component","onyx-checkbox-skeleton",e.unref(d)]},e.unref(a)),[e.createVNode(M,{class:"onyx-checkbox-skeleton__input"}),o.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(M,{key:0,class:"onyx-checkbox-skeleton__label"}))],16)):(e.openBlock(),e.createBlock(Je,e.mergeProps({key:1,disabled:e.unref(p),"error-messages":e.unref(i)},e.unref(a)),{default:e.withCtx(()=>[e.createElementVNode("label",{class:e.normalizeClass(["onyx-component onyx-checkbox",[e.unref(y),e.unref(d)]]),title:g.value},[e.createElementVNode("div",yl,[o.loading?(e.openBlock(),e.createBlock(G,{key:0,class:"onyx-checkbox__loading",type:"circle"})):e.withDirectives((e.openBlock(),e.createElementBlock("input",e.mergeProps({key:1,ref:"inputRef","onUpdate:modelValue":_[0]||(_[0]=b=>s.value=b),"aria-label":o.hideLabel?o.label:void 0,class:"onyx-checkbox__input",type:"checkbox",indeterminate:o.indeterminate,disabled:e.unref(p),required:o.required,value:o.value,autofocus:o.autofocus},e.unref(c)),null,16,hl)),[[e.vModelCheckbox,s.value],[e.unref(u)]])]),o.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createElementVNode("p",{class:e.normalizeClass(["onyx-checkbox__label",[`onyx-truncation-${o.truncation}`,o.truncation==="multiline"?e.unref(h):void 0]])},e.toDisplayString(o.label),3),o.truncation==="ellipsis"?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["onyx-checkbox__marker",[e.unref(h)]])},null,2)):e.createCommentVNode("",!0)],64))],10,fl)]),_:1},16,["disabled","error-messages"]))}}),vl=(n,t)=>e.computed(()=>{const l=t.value.filter(r=>n.value.includes(r)),o=l.length===n.value.length;return{modelValue:o,indeterminate:!o&&n.value.length&&l.length?!0:void 0}}),Lt=(n,t,l)=>({state:vl(n,t),handleChange:o=>{const r=t.value.filter(c=>!n.value.includes(c)),a=o?r.concat(n.value):r;l(a)}}),Pe='<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>',gl={class:"onyx-component onyx-info-tooltip"},ce=e.defineComponent({__name:"OnyxInfoTooltip",props:{text:{},density:{},icon:{},color:{default:"neutral"},position:{},alignment:{},open:{type:[String,Boolean,Object],default:"click"},alignsWithEdge:{type:Boolean}},setup(n){const t=n,l=e.computed(()=>typeof t.open=="object"?t.open.type:typeof t.open=="string"?t.open:"click");return(o,r)=>(e.openBlock(),e.createElementBlock("span",gl,[l.value==="click"?(e.openBlock(),e.createBlock(re,e.normalizeProps(e.mergeProps({key:0},t)),{default:e.withCtx(({trigger:a})=>[e.createVNode(le,e.mergeProps({label:a["aria-label"],icon:e.unref(Pe),class:"onyx-info-tooltip__trigger",color:"soft"},a),null,16,["label","icon"])]),_:1},16)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createVNode(re,e.mergeProps({"aria-hidden":"true"},t),{default:e.withCtx(({trigger:a})=>[e.createElementVNode("span",e.mergeProps({class:"onyx-info-tooltip__trigger"},a),[e.createVNode(w,{icon:e.unref(Pe)},null,8,["icon"])],16)]),_:1},16),e.createVNode(oe,null,{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.text),1)]),_:1})],64))]))}}),_l=["disabled","aria-label"],xl={key:0,class:"onyx-checkbox-group__label"},kl=e.defineComponent({__name:"OnyxCheckboxGroup",props:{truncation:{default:"ellipsis"},label:{},labelTooltip:{},hideLabel:{type:Boolean},density:{},skeleton:{type:[Symbol,Boolean,Number],default:L},disabled:{default:E},requiredMarker:{default:E},options:{},modelValue:{default:()=>[]},direction:{default:"vertical"},withCheckAll:{type:[Boolean,Object],default:!1}},emits:["update:modelValue"],setup(n,{expose:t,emit:l}){const o=n,{densityClass:r}=C(o),a=l,{t:c}=V(),s=(y,g)=>{const v=g?[...o.modelValue,y]:o.modelValue.filter(x=>x!==y);a("update:modelValue",v)},u=e.computed(()=>o.options.filter(y=>!y.disabled&&!y.skeleton).map(({value:y})=>y)),{disabled:i,requiredMarker:d}=H(o),p=R(o),m=Lt(u,e.computed(()=>o.modelValue),y=>a("update:modelValue",y)),f=e.computed(()=>{var g;const y=c.value("selections.selectAll");return typeof o.withCheckAll=="boolean"?y:((g=o.withCheckAll)==null?void 0:g.label)??y}),h=e.useTemplateRef("checkboxesRef");return t({inputs:e.computed(()=>(Array.isArray(h.value)?h.value:[h.value]).filter(Boolean).flatMap(g=>g.input))}),(y,g)=>(e.openBlock(),e.createElementBlock("fieldset",{class:e.normalizeClass(["onyx-component","onyx-checkbox-group",e.unref(r)]),disabled:e.unref(i),"aria-label":o.label},[o.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("legend",xl,[e.createVNode(X,{is:"h3"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.label),1)]),_:1}),o.labelTooltip?(e.openBlock(),e.createBlock(ce,{key:0,open:"hover",text:o.labelTooltip},null,8,["text"])):e.createCommentVNode("",!0)])),e.createElementVNode("div",{class:e.normalizeClass(["onyx-checkbox-group__content",{"onyx-checkbox-group__content--horizontal":o.direction==="horizontal","onyx-checkbox-group__content--vertical":o.direction==="vertical"}])},[e.unref(p)?typeof e.unref(p)=="number"?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(e.unref(p),v=>(e.openBlock(),e.createBlock(Q,{key:v,label:`Skeleton ${v}`,value:`skeleton-${v}`,skeleton:""},null,8,["label","value"]))),128)):e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[o.withCheckAll?(e.openBlock(),e.createBlock(Q,e.mergeProps({key:0,"required-marker":e.unref(d)},e.unref(m).state.value,{label:f.value,value:"all",class:"onyx-checkbox-group__option onyx-checkbox-group__check-all","onUpdate:modelValue":e.unref(m).handleChange}),null,16,["required-marker","label","onUpdate:modelValue"])):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.options,v=>(e.openBlock(),e.createBlock(Q,e.mergeProps({key:v.value.toString(),ref_for:!0},v,{ref_for:!0,ref:"checkboxesRef","required-marker":e.unref(d),truncation:v.truncation??o.truncation,"model-value":o.modelValue.includes(v.value),class:"onyx-checkbox-group__option","onUpdate:modelValue":x=>s(v.value,x)}),null,16,["required-marker","truncation","model-value","onUpdate:modelValue"]))),128))],64))],2)],10,_l))}}),bl='<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>',Dt='<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>',Bl={class:"onyx-empty__label onyx-text onyx-truncation-multiline"},Xe=e.defineComponent({__name:"OnyxEmpty",props:{density:{}},setup(n){const t=n,{densityClass:l}=C(t);return(o,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["onyx-component","onyx-empty",e.unref(l)])},[e.renderSlot(o.$slots,"icon",{},()=>[e.createVNode(w,{icon:e.unref(Dt),size:"48px"},null,8,["icon"])]),e.createElementVNode("div",Bl,[e.renderSlot(o.$slots,"default")])],2))}}),Cl={class:"onyx-table-wrapper onyx-component"},wl=["tabindex"],El=["span"],Vl={key:0,class:"onyx-table__header"},Sl={key:0},Nl=["colspan"],Ml={class:"onyx-table__empty"},$l={colspan:"100%"},Tl={class:"onyx-table__empty-content"},At=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 t=n,l=e.useSlots(),{t:o}=V(),{densityClass:r}=C(t),a=e.computed(()=>o.value("table.empty"));return(c,s)=>{var u;return e.openBlock(),e.createElementBlock("div",Cl,[e.createElementVNode("div",{class:e.normalizeClass({"onyx-table-wrapper__scroll-container":!t.withPageScrolling}),tabindex:t.withPageScrolling?void 0:0},[e.createElementVNode("table",{class:e.normalizeClass(["onyx-table onyx-text",[t.striped?"onyx-table--striped":"",t.withVerticalBorders?"onyx-table--vertical-borders":"",e.unref(r)]])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.columnGroups,i=>(e.openBlock(),e.createElementBlock("colgroup",{key:i.key,span:i.span},null,8,El))),128)),l.head?(e.openBlock(),e.createElementBlock("thead",Vl,[(u=t.columnGroups)!=null&&u.length?(e.openBlock(),e.createElementBlock("tr",Sl,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.columnGroups,i=>(e.openBlock(),e.createElementBlock("th",{key:i.key,colspan:i.span,scope:"colgroup",class:"onyx-table__colgroup"},e.toDisplayString(i.header),9,Nl))),128))])):e.createCommentVNode("",!0),e.renderSlot(c.$slots,"head")])):e.createCommentVNode("",!0),e.createElementVNode("tbody",null,[e.renderSlot(c.$slots,"default",{},()=>[e.createElementVNode("tr",Ml,[e.createElementVNode("td",$l,[e.createElementVNode("div",Tl,[e.renderSlot(c.$slots,"empty",{defaultMessage:a.value},()=>[e.createVNode(Xe,null,{icon:e.withCtx(()=>[e.createVNode(w,{icon:e.unref(bl),size:"48px"},null,8,["icon"])]),default:e.withCtx(()=>[e.createTextVNode(" "+e.toDisplayString(a.value),1)]),_:1})])])])])])])],2)],10,wl)])}}}),Rt=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 t=n;return(l,o)=>(e.openBlock(),e.createBlock(At,e.mergeProps({class:"onyx-data-grid"},t),{head:e.withCtx(()=>[e.createElementVNode("tr",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.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)))],16))),128))])]),empty:e.withCtx(()=>[e.renderSlot(l.$slots,"empty")]),default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.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(t.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))]),_:3},16))}}),Ol='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3.75 14.25a2.25 2.25 0 1 0 0-4.5 2.25 2.25 0 0 0 0 4.5m8.25 0a2.25 2.25 0 1 0 0-4.5 2.25 2.25 0 0 0 0 4.5M22.5 12a2.25 2.25 0 1 1-4.5 0 2.25 2.25 0 0 1 4.5 0"/></svg>',Il=["aria-label"],xe=e.defineComponent({__name:"OnyxFlyoutMenu",props:e.mergeModels({trigger:{default:"hover"},label:{}},{open:{type:Boolean,default:!1},openModifiers:{}}),emits:["update:open"],setup(n){const t=n,l=e.useModel(n,"open"),o=e.useSlots(),{elements:{root:r,button:a,menu:c}}=al({isExpanded:e.computed(()=>!!l.value),onToggle:()=>l.value=!l.value,trigger:e.computed(()=>t.trigger)});return(s,u)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps({class:"onyx-component onyx-flyout-menu"},e.unref(r)),[e.renderSlot(s.$slots,"button",{trigger:e.unref(a)}),o.options||o.header||o.footer?e.withDirectives((e.openBlock(),e.createElementBlock("div",{key:0,"aria-label":t.label,class:e.normalizeClass({"onyx-flyout-menu__list--with-header":!!o.header,"onyx-flyout-menu__list--with-footer":!!o.footer,"onyx-flyout-menu__list":!0})},[e.renderSlot(s.$slots,"header"),o.options?(e.openBlock(),e.createElementBlock("ul",e.mergeProps({key:0},e.unref(c),{class:"onyx-flyout-menu__wrapper onyx-flyout-menu__group"}),[e.renderSlot(s.$slots,"options")],16)):e.createCommentVNode("",!0),e.renderSlot(s.$slots,"footer")],10,Il)),[[e.vShow,l.value]]):e.createCommentVNode("",!0)],16))}}),Ll={class:"onyx-component onyx-data-grid-header-cell"},Dl={class:"onyx-data-grid-header-cell__label"},Al={key:0,class:"onyx-data-grid-header-cell__actions"},Rl=e.defineComponent({__name:"HeaderCell",props:{label:{}},setup(n){const t=n,l=e.useSlots();return(o,r)=>(e.openBlock(),e.createElementBlock("div",Ll,[e.createElementVNode("span",Dl,e.toDisplayString(t.label),1),l.actions?(e.openBlock(),e.createElementBlock("div",Al,[e.renderSlot(o.$slots,"actions")])):e.createCommentVNode("",!0)]))}});function Pl(n){return n}const Pt=(n,{t,columnConfig:l})=>{const o=e.computed(()=>{const d=e.toValue(l).map(p=>typeof p!="object"?{key:p}:p);return n.flatMap(({modifyColumns:p})=>p).reduce((p,m)=>m!=null&&m.func?m.func(p):p,d)}),r=new Map(n.flatMap(({typeRenderer:d})=>d&&Kn(d)).filter(Boolean)),a={header:{component:Rl},cell:{component:d=>String(d.modelValue)}},c=(d,p)=>{var m;return((m=r.get(p))==null?void 0:m[d])??a[d]},s=()=>{const p=n.map(m=>m.header).filter(m=>!!m).map(m=>m.actions).filter(m=>!!m);return o.value.map(m=>{var v;const f=p.flatMap(x=>x(m)),h=c("header",m.type),y=((v=m.label)==null?void 0:v.trim())??String(m.key);if(f.length>1){const x=f.map(({menuItems:b})=>b).filter(b=>!!b),_=e.h(xe,{label:t.value("navigation.moreActionsFlyout",{column:y}),trigger:"click"},{button:({trigger:b})=>e.h(le,{label:t.value("navigation.moreActionsTrigger"),color:"medium",icon:Ol,...b}),options:()=>x});return{...h,key:m.key,component:()=>e.h(h.component,{label:y},{actions:()=>_})}}const g=f.map(({iconComponent:x})=>x);return{...h,key:m.key,component:()=>e.h(h.component,{label:y},{actions:()=>g})}})},u=d=>{const p=n.map(f=>f.mutation).filter(f=>!!f),m=[...d];return p.forEach(({func:f})=>f(m)),m.map(f=>{const h=o.value.reduce((y,{key:g,type:v})=>(y[g]={...c("cell",v),props:{row:f,modelValue:f[g]}},y),{});return{id:f.id,cells:h}})},i=n.flatMap(d=>d.watch??[]);return{createRendererRows:u,createRendererColumns:s,watchSources:i}},zl=e.defineComponent({__name:"OnyxDataGrid",props:{features:{default:()=>[]},columns:{},data:{}},setup(n){const t=n,{t:l}=V(),o=e.ref([]),r=e.ref([]),{columns:a,data:c,features:s}=e.toRefs(t);let u;const i=({createRendererColumns:d,createRendererRows:p,watchSources:m})=>e.watch([c,l,...m],()=>{o.value=d(),r.value=p(c.value)},{immediate:!0,deep:!0});return e.watch(s,()=>{const d=Pt(s.value,{t:l,columnConfig:a});u==null||u(),u=i(d)},{immediate:!0}),(d,p)=>(e.openBlock(),e.createBlock(Rt,{columns:o.value,rows:r.value},{empty:e.withCtx(()=>[e.renderSlot(d.$slots,"empty")]),_:3},8,["columns","rows"]))}}),Fl=Symbol("Selection"),Ne=Symbol("SelectionColumn"),Hl=n=>{const t=e.toRef((n==null?void 0:n.selectionState)??{selectMode:"include",contingent:new Set}),l=e.toRef((n==null?void 0:n.disabled)??!1),o=e.toRef((n==null?void 0:n.hover)??!1),r=i=>t.value.selectMode==="include"?t.value.contingent.has(i):!t.value.contingent.has(i),a=i=>{t.value.selectMode=i?"exclude":"include",t.value.contingent.clear()},c=(i,d)=>{t.value.selectMode==="include"&&i===!0||t.value.selectMode==="exclude"&&i===!1?t.value.contingent.add(d):t.value.contingent.delete(d)},s=()=>t.value.contingent.size!==0,{t:u}=V();return{name:Fl,watch:[t,o,l],modifyColumns:{func:i=>l.value?[...i]:[{key:Ne,type:Ne},...i]},typeRenderer:{[Ne]:{header:{thAttributes:{class:"onyx-data-grid-selection-cell"},component:()=>e.h(Q,{label:t.value.selectMode==="include"?u.value("dataGrid.head.selection.selectAll"):u.value("dataGrid.head.selection.deselectAll"),value:"selection-all-rows",hideLabel:!0,indeterminate:s(),"onUpdate:modelValue":i=>a(i),modelValue:t.value.selectMode==="exclude"})},cell:{tdAttributes:{class:{"onyx-data-grid-selection-cell":!0}},component:({row:i})=>{const d=r(i.id),p=String(i.id),m=t.value.selectMode==="include"?u.value("dataGrid.head.selection.select",{id:p}):u.value("dataGrid.head.selection.deselect",{id:p});return e.h(Q,{class:{"onyx-data-grid-selection-cell__checkbox":!0,"onyx-data-grid-selection-cell__checkbox--hover":o.value,"onyx-data-grid-selection-cell__checkbox--checked":d},value:`selection-${p}`,hideLabel:!0,"onUpdate:modelValue":f=>c(f,i.id),label:m,modelValue:d})}}}}}},zt='<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>',Ft='<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>',Ul='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 1.5a10.5 10.5 0 1 0 0 21 10.5 10.5 0 0 0 0-21M21 12a8.96 8.96 0 0 1-2.134 5.806L6.191 5.13A8.991 8.991 0 0 1 21 12M3 12c0-2.127.756-4.185 2.134-5.806l12.675 12.672A8.99 8.99 0 0 1 3 12"/></svg>',ke=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 t=n,{densityClass:l}=C(t);return(o,r)=>(e.openBlock(),e.createElementBlock("li",{class:e.normalizeClass({"onyx-component":!0,"onyx-list-item":!0,...e.unref(l),"onyx-list-item--active":t.active,[`onyx-list-item--${t.color}`]:t.color,"onyx-list-item--disabled":t.disabled,"onyx-list-item--selected":t.selected,"onyx-list-item--checked":t.checked})},[e.renderSlot(o.$slots,"default")],2))}}),ql=["disabled"],be=e.defineComponent({__name:"OnyxMenuItem",props:{link:{},active:{type:[Boolean,String],default:"auto"},disabled:{type:Boolean},color:{}},setup(n){const t=n,{elements:{listItem:l,menuItem:o}}=Tt(),{isActive:r}=se(),a=e.computed(()=>t.active!=="auto"?t.active:r.value(t.link)),c=e.computed(()=>o({active:a.value,disabled:t.disabled}));return(s,u)=>(e.openBlock(),e.createBlock(ke,e.mergeProps({selected:a.value,active:a.value,color:t.color,disabled:t.disabled,class:"onyx-component onyx-menu-item"},e.unref(l)),{default:e.withCtx(()=>[t.link?(e.openBlock(),e.createBlock(ne,e.mergeProps({key:0,class:"onyx-menu-item__trigger"},{...c.value,...e.unref(J)(t.link)}),{default:e.withCtx(()=>[e.renderSlot(s.$slots,"default")]),_:3},16)):(e.openBlock(),e.createElementBlock("button",e.mergeProps({key:1,class:"onyx-menu-item__trigger",type:"button",disabled:t.disabled},c.value),[e.renderSlot(s.$slots,"default")],16,ql))]),_:3},16,["selected","active","color","disabled"]))}}),Gl='<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>',Kl=e.defineComponent({__name:"SortAction",props:{columnLabel:{},sortDirection:{}},setup(n){const t=n,{t:l}=V(),o=e.computed(()=>t.sortDirection==="asc"?Ft:t.sortDirection==="desc"?zt:Gl),r=e.computed(()=>{const a=ze(t.sortDirection);return l.value(`dataGrid.head.sorting.action.${a}`,{field:t.columnLabel})});return(a,c)=>(e.openBlock(),e.createBlock(le,{label:r.value,icon:o.value,color:"medium"},null,8,["label","icon"]))}}),ze=n=>{switch(n){case"asc":return"desc";case"desc":return"none";case"none":default:return"asc"}},jl=Symbol("Sorting"),Zl=n=>{const t=e.toRef((n==null?void 0:n.sortState)??{column:void 0,direction:"none"}),l=e.computed(()=>p=>{var f;const m=e.toValue(n==null?void 0:n.columns);return((f=m==null?void 0:m[p])==null?void 0:f.sortFunc)??c.value}),o=e.computed(()=>p=>{var f;const m=e.toValue(n==null?void 0:n.columns);return!m||((f=m==null?void 0:m[p])==null?void 0:f.enabled)===!0}),{locale:r,t:a}=V(),c=e.computed(()=>(p,m)=>new Intl.Collator(r.value).compare(String(p),String(m))),s=p=>{const m=t.value.column===p?ze(t.value.direction):ze(),f=m!=="none"?p:void 0;t.value={direction:m,column:f}},u=p=>{const{column:m,direction:f}=t.value;if(!m||f==="none")return;const h=f==="asc"?1:-1,y=l.value(m);p.sort((g,v)=>y(g[m],v[m])*h)},i=e.computed(()=>(p,m)=>t.value.column===p&&t.value.direction===m),d=(p,m)=>{const f={none:Ul,asc:Ft,desc:zt};return e.h(be,{active:i.value(p,m),onClick:()=>t.value={column:p,direction:m}},()=>[e.h(w,{icon:f[m]}),a.value(`dataGrid.head.sorting.menu.${m}`)])};return{name:jl,watch:[t,c],mutation:{func:u},header:{actions:({key:p})=>o.value(p)?[{iconComponent:e.h(Kl,{columnLabel:String(p),sortDirection:t.value.column===p?t.value.direction:void 0,onClick:()=>s(p)}),menuItems:[d(p,"none"),d(p,"asc"),d(p,"desc")]}]:[]}}},Yl=Object.freeze(Object.defineProperty({__proto__:null,useSelection:Hl,useSorting:Zl},Symbol.toStringTag,{value:"Module"})),ie=n=>e.computed(()=>n.value===!0?"onyx-form-element--immediate-invalid":n.value===!1?"onyx-form-element--suppress-invalid":"onyx-form-element--touched-invalid"),Wl={class:e.normalizeClass(["onyx-truncation-ellipsis"])},Me=e.defineComponent({__name:"FormMessage",props:{messages:{},type:{}},setup(n){const t=n;return(l,o)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(l.messages.hidden?oe:"span"),{class:e.normalizeClass(["onyx-component","onyx-form-message",`onyx-form-message__${t.type}`])},{default:e.withCtx(()=>[e.createElementVNode("span",Wl,e.toDisplayString(t.messages.shortMessage),1),t.messages.longMessage?(e.openBlock(),e.createBlock(ce,{key:0,class:"onyx-form-message__tooltip",position:"bottom",open:"hover",color:t.type,text:t.messages.longMessage},null,8,["color","text"])):e.createCommentVNode("",!0)]),_:1},8,["class"]))}}),Jl={key:0,class:"onyx-form-element__label onyx-text--small"},Xl=["for"],Ql={class:"onyx-form-element__footer onyx-text--small"},ea={class:"onyx-form-element__footer-messages"},ue=e.defineComponent({__name:"OnyxFormElement",props:e.mergeModels({disabled:{},showError:{},requiredMarker:{default:E},required:{type:Boolean,default:!1},density:{},customError:{},autofocus:{type:Boolean},id:{default:()=>e.useId()},name:{},label:{},labelTooltip:{},hideLabel:{type:Boolean},readonly:{type:Boolean},loading:{type:Boolean},skeleton:{type:[Symbol,Boolean,Number]},placeholder:{},maxlength:{},withCounter:{type:Boolean},minlength:{},autocapitalize:{},autocomplete:{},errorMessages:{},message:{},successMessages:{}},{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(n){const t=n,{requiredMarker:l}=H(t),{requiredMarkerClass:o,requiredTypeClass:r}=ge(t,l),a=e.useModel(n,"modelValue"),c=e.computed(()=>{var s;if(t.withCounter&&t.maxlength){const u=(((s=a.value)==null?void 0:s.toString())??"").length,i=typeof t.maxlength=="object"?t.maxlength.max:t.maxlength,d=u>i;return{length:u,maxLength:i,violated:d}}});return(s,u)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["onyx-component","onyx-form-element",e.unref(r),s.successMessages?"onyx-form-element--success":void 0])},[t.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",Jl,[e.createElementVNode("label",{for:t.id,class:"onyx-truncation-ellipsis"},e.toDisplayString(t.label),9,Xl),t.required?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass([t.required?e.unref(o):void 0])},null,2)):e.createCommentVNode("",!0),t.labelTooltip?(e.openBlock(),e.createBlock(ce,{key:1,class:"onyx-form-element__label-tooltip",open:"hover",text:t.labelTooltip},null,8,["text"])):e.createCommentVNode("",!0),t.required?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("span",{key:2,class:e.normalizeClass([t.required?void 0:e.unref(o)])},null,2))])),e.renderSlot(s.$slots,"default",{id:t.id}),e.createElementVNode("div",Ql,[e.createElementVNode("span",ea,[t.errorMessages?(e.openBlock(),e.createBlock(Me,{key:0,class:"onyx-form-element__error-message",messages:t.errorMessages,type:"danger"},null,8,["messages"])):e.createCommentVNode("",!0),t.successMessages?(e.openBlock(),e.createBlock(Me,{key:1,class:"onyx-form-element__success-message",messages:t.successMessages,type:"success"},null,8,["messages"])):e.createCommentVNode("",!0),t.message?(e.openBlock(),e.createBlock(Me,{key:2,class:"onyx-form-element__message",messages:t.message,type:"neutral"},null,8,["messages"])):e.createCommentVNode("",!0)]),c.value?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass({"onyx-form-element__counter":!0,"onyx-form-element__counter--violated":c.value.violated})},e.toDisplayString(c.value.length)+"/"+e.toDisplayString(c.value.maxLength),3)):e.createCommentVNode("",!0)])],2))}}),ta={class:"onyx-datepicker__wrapper"},oa=["id","type","required","autofocus","name","readonly","disabled","aria-label","title","min","max"],na=e.defineComponent({inheritAttrs:!1,__name:"OnyxDatePicker",props:{disabled:{default:E},showError:{default:E},requiredMarker:{},required:{type:Boolean,default:!1},density:{},customError:{},autofocus:{type:Boolean},id:{},name:{},label:{},labelTooltip:{},hideLabel:{type:Boolean},readonly:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},skeleton:{type:[Symbol,Boolean,Number],default:L},error:{},message:{},success:{},hideSuccessIcon:{type:Boolean},hideClearIcon:{type:Boolean},modelValue:{},type:{default:"date"},min:{},max:{}},emits:["update:modelValue","validityChange"],setup(n,{emit:t}){const l=n,o=t,{rootAttrs:r,restAttrs:a}=j(),{vCustomValidity:c,errorMessages:s}=Y({props:l,emit:o}),u=e.computed(()=>q(l.success)),i=e.computed(()=>q(l.message)),{densityClass:d}=C(l),{disabled:p,showError:m}=H(l),f=R(l),h=ie(m),y=e.computed(()=>x=>{const _=x!=null?new Date(x):void 0;if(!Le(_))return;const b=_.toISOString().split("T")[0];if(l.type==="date")return b;const B=_.getHours().toString().padStart(2,"0"),O=_.getMinutes().toString().padStart(2,"0");return`${b}T${B}:${O}`}),g=e.computed({get:()=>y.value(l.modelValue),set:x=>{const _=new Date(x??"");o("update:modelValue",Le(_)?_.toISOString():void 0)}}),v=e.useTemplateRef("inputRef");return Z(v,l),(x,_)=>e.unref(f)?(e.openBlock(),e.createElementBlock("div",e.mergeProps({key:0,class:["onyx-component","onyx-datepicker-skeleton",e.unref(d)]},e.unref(r)),[l.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(M,{key:0,class:"onyx-datepicker-skeleton__label"})),e.createVNode(M,{class:"onyx-datepicker-skeleton__input"})],16)):(e.openBlock(),e.createElementBlock("div",e.mergeProps({key:1,class:["onyx-component","onyx-datepicker",e.unref(d),e.unref(h)]},e.unref(r)),[e.createVNode(ue,e.mergeProps(l,{"error-messages":e.unref(s),"success-messages":u.value,message:i.value}),{default:e.withCtx(({id:b})=>[e.createElementVNode("div",ta,[l.loading?(e.openBlock(),e.createBlock(G,{key:0,class:"onyx-datepicker__loading",type:"circle"})):e.createCommentVNode("",!0),e.withDirectives((e.openBlock(),e.createElementBlock("input",e.mergeProps({id:b,key:l.type,ref:"inputRef","onUpdate:modelValue":_[0]||(_[0]=B=>g.value=B),class:["onyx-datepicker__native",{"onyx-datepicker__native--success":u.value}],type:l.type,required:l.required,autofocus:l.autofocus,name:l.name,readonly:l.readonly,disabled:e.unref(p)||l.loading,"aria-label":l.hideLabel?l.label:void 0,title:l.hideLabel?l.label:void 0,min:y.value(l.min),max:y.value(l.max)},e.unref(a)),null,16,oa)),[[e.vModelDynamic,g.value],[e.unref(c)]])])]),_:1},16,["error-messages","success-messages","message"])],16))}}),la='<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>',Be=e.defineComponent({__name:"OnyxExternalLinkIcon",props:{href:{},withExternalIcon:{type:[Boolean,String],default:"auto"}},setup(n){const t=n,l=e.computed(()=>{const o=t.withExternalIcon;return o!=="auto"?o:_t(t.href??"")});return(o,r)=>l.value?(e.openBlock(),e.createBlock(w,{key:0,class:"onyx-component onyx-external-link-icon",icon:e.unref(la),size:"16px"},null,8,["icon"])):e.createCommentVNode("",!0)}}),aa=["h1","h2","h3","h4","h5","h6"],ra=["12px","16px","24px","32px","48px","64px","96px"],sa=["aria-label","title","type","disabled","autofocus"],Ht=e.defineComponent({__name:"OnyxIconButton",props:{density:{},autofocus:{type:Boolean},label:{},disabled:{default:E},type:{default:"button"},color:{default:"primary"},loading:{type:Boolean},icon:{},skeleton:{type:[Symbol,Boolean,Number],default:L}},setup(n){const t=n,{densityClass:l}=C(t),{disabled:o}=H(t),r=R(t);return(a,c)=>e.unref(r)?(e.openBlock(),e.createBlock(M,{key:0,class:e.normalizeClass(["onyx-icon-button-skeleton",e.unref(l)])},null,8,["class"])):(e.openBlock(),e.createElementBlock("button",{key:1,class:e.normalizeClass(["onyx-component onyx-icon-button",[`onyx-icon-button--${t.color}`,{"onyx-icon-button--loading":t.loading},e.unref(l)]]),"aria-label":t.label,title:t.label,type:t.type,disabled:e.unref(o)||t.loading,autofocus:t.autofocus},[t.loading?(e.openBlock(),e.createBlock(G,{key:0,type:"circle"})):t.icon?(e.openBlock(),e.createBlock(w,{key:1,icon:t.icon},null,8,["icon"])):e.renderSlot(a.$slots,"default",{key:2})],10,sa))}}),Qe='<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>',Ut=n=>{const{t}=V(),l=e.computed(()=>{const a=n.props.maxlength;return{max:a&&(typeof a=="number"?a:a.max),strict:(typeof a=="object"&&a.strict)??!1}}),o=e.computed(()=>{const{strict:a,max:c}=l.value,s=e.toValue(n.modelValue);return!a&&s&&c&&s.length>c?{longMessage:t.value("validations.tooLong.fullError",{n:s.length,maxLength:c}),shortMessage:t.value("validations.tooLong.preview",{n:s.length,maxLength:c})}:void 0}),r=e.computed(()=>l.value.strict?l.value.max:void 0);return{maxLengthError:o,maxLength:r}},ca={class:"onyx-input__wrapper"},ia={key:0,class:"onyx-input__separator onyx-input__separator--leading"},ua=["id","placeholder","type","required","autocapitalize","autocomplete","autofocus","name","pattern","readonly","disabled","maxlength","minlength","aria-label","title"],da=["aria-label","title"],pa={key:4,class:"onyx-input__separator onyx-input__separator--trailing"},ma=e.defineComponent({inheritAttrs:!1,__name:"OnyxInput",props:e.mergeModels({disabled:{default:E},showError:{default:E},requiredMarker:{default:E},required:{type:Boolean,default:!1},density:{},customError:{},autofocus:{type:Boolean},id:{},name:{},label:{},labelTooltip:{},hideLabel:{type:Boolean},readonly:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},skeleton:{type:[Symbol,Boolean,Number],default:L},error:{},message:{},success:{},placeholder:{},maxlength:{},withCounter:{type:Boolean},minlength:{},autocapitalize:{default:"sentences"},autocomplete:{},type:{default:"text"},pattern:{},hideSuccessIcon:{type:Boolean,default:!1},hideClearIcon:{type:Boolean,default:!1}},{modelValue:{default:""},modelModifiers:{}}),emits:e.mergeModels(["validityChange"],["update:modelValue"]),setup(n,{expose:t,emit:l}){const o=n,r=l,a=e.useSlots(),c=e.useModel(n,"modelValue"),{rootAttrs:s,restAttrs:u}=j(),{t:i}=V(),{maxLength:d,maxLengthError:p}=Ut({modelValue:c,props:o}),m=e.computed(()=>o.customError??p.value),{vCustomValidity:f,errorMessages:h}=Y({props:o,emit:r,customError:m}),y=e.computed(()=>q(o.success)),g=e.computed(()=>q(o.message)),{densityClass:v}=C(o),x=e.computed(()=>o.pattern instanceof RegExp?o.pattern.source:o.pattern),_=e.useTemplateRef("inputRef");t({input:_});const{disabled:b,showError:B}=H(o),O=R(o),T=ie(B);return Z(_,o),($,P)=>e.unref(O)?(e.openBlock(),e.createElementBlock("div",e.mergeProps({key:0,class:["onyx-component","onyx-input-skeleton",e.unref(v)]},e.unref(s)),[o.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(M,{key:0,class:"onyx-input-skeleton__label"})),e.createVNode(M,{class:"onyx-input-skeleton__input"})],16)):(e.openBlock(),e.createElementBlock("div",e.mergeProps({key:1,class:["onyx-component","onyx-input",e.unref(v),e.unref(T)]},e.unref(s)),[e.createVNode(ue,e.mergeProps(o,{"error-messages":e.unref(h),"success-messages":y.value,message:g.value}),{default:e.withCtx(({id:I})=>[e.createElementVNode("div",ca,[e.renderSlot($.$slots,"leading"),a.leading?(e.openBlock(),e.createElementBlock("hr",ia)):e.createCommentVNode("",!0),o.loading?(e.openBlock(),e.createBlock(G,{key:1,class:"onyx-input__loading",type:"circle"})):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("input",e.mergeProps({id:I,ref:"inputRef","onUpdate:modelValue":P[0]||(P[0]=A=>c.value=A),placeholder:o.placeholder,class:"onyx-input__native",type:o.type,required:o.required,autocapitalize:o.autocapitalize,autocomplete:o.autocomplete,autofocus:o.autofocus,name:o.name,pattern:x.value,readonly:o.readonly,disabled:e.unref(b)||o.loading,maxlength:e.unref(d),minlength:o.minlength,"aria-label":o.hideLabel?o.label:void 0,title:o.hideLabel?o.label:void 0},e.unref(u)),null,16,ua),[[e.vModelDynamic,c.value],[e.unref(f)]]),!o.hideClearIcon&&c.value!==""?(e.openBlock(),e.createElementBlock("button",{key:2,type:"button",class:"onyx-input__clear","aria-label":e.unref(i)("input.clear"),title:e.unref(i)("input.clear"),tabindex:"-1",onClick:P[1]||(P[1]=()=>c.value="")},[e.createVNode(w,{icon:e.unref(te)},null,8,["icon"])],8,da)):e.createCommentVNode("",!0),!o.hideSuccessIcon&&y.value?(e.openBlock(),e.createBlock(w,{key:3,class:"onyx-input__check-icon",icon:e.unref(Qe),color:"success"},null,8,["icon"])):e.createCommentVNode("",!0),a.trailing?(e.openBlock(),e.createElementBlock("hr",pa)):e.createCommentVNode("",!0),e.renderSlot($.$slots,"trailing")])]),_:3},16,["error-messages","success-messages","message"])],16))}}),fa=["email","password","search","tel","text","url"],ya=e.defineComponent({__name:"OnyxLink",props:{href:{},withExternalIcon:{type:[Boolean,String],default:"auto"},target:{default:"_self"}},setup(n){const t=n;return(l,o)=>(e.openBlock(),e.createBlock(ne,e.mergeProps({class:"onyx-component onyx-link"},t),{default:e.withCtx(()=>[e.renderSlot(l.$slots,"default"),e.createVNode(Be,e.normalizeProps(e.guardReactiveProps(t)),null,16)]),_:3},16))}}),ha='<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>',va=["placeholder","aria-label"],ga=["aria-label"],qt=e.defineComponent({inheritAttrs:!1,__name:"OnyxMiniSearch",props:e.mergeModels({density:{},label:{}},{modelValue:{default:""},modelModifiers:{}}),emits:e.mergeModels(["clear"],["update:modelValue"]),setup(n,{expose:t,emit:l}){const o=n,r=l,a=e.useModel(n,"modelValue"),{rootAttrs:c,restAttrs:s}=j(),{densityClass:u}=C(o),{t:i}=V(),d=e.useTemplateRef("inputRef"),p=e.computed(()=>i.value("select.searchPlaceholder"));return t({focus:()=>{var m;return(m=d.value)==null?void 0:m.focus()}}),(m,f)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps({class:["onyx-component","onyx-mini-search",e.unref(u)]},e.unref(c),{style:{"--onyx-placeholder-character-count":p.value.length}}),[e.withDirectives(e.createElementVNode("input",e.mergeProps({ref:"inputRef","onUpdate:modelValue":f[0]||(f[0]=h=>a.value=h),class:"onyx-mini-search__input onyx-text",placeholder:p.value,type:"text",size:"1"},e.unref(s),{"aria-label":o.label}),null,16,va),[[e.vModelText,a.value]]),e.createElementVNode("button",{type:"button",class:"onyx-mini-search__clear","aria-label":e.unref(i)("select.clearSearch"),tabindex:"-1",onMousedown:f[1]||(f[1]=e.withModifiers(()=>{},["prevent"])),onClick:f[2]||(f[2]=h=>r("clear"))},[e.createVNode(w,{icon:e.unref(te)},null,8,["icon"])],40,ga),e.createVNode(w,{class:"onyx-mini-search__icon",icon:e.unref(ha)},null,8,["icon"])],16))}}),_a='<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>',xa={class:"onyx-component onyx-mobile-nav-button"},ka=["aria-label"],ba={class:"onyx-mobile-nav-button__flyout"},Ba={class:"onyx-mobile-nav-button__menu"},Fe=e.defineComponent({__name:"OnyxMobileNavButton",props:{label:{},icon:{},open:{type:Boolean,default:!1},headline:{}},emits:["update:open"],setup(n,{emit:t}){const l=n,o=t;return(r,a)=>(e.openBlock(),e.createElementBlock("div",xa,[e.createElementVNode("button",{type:"button",class:e.normalizeClass(["onyx-mobile-nav-button__trigger",{"onyx-mobile-nav-button__trigger--active":l.open}]),"aria-label":l.label,onClick:a[0]||(a[0]=c=>o("update:open",!l.open))},[e.createVNode(w,{icon:l.open?e.unref(_a):l.icon},null,8,["icon"])],10,ka),l.open?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createElementVNode("div",ba,[e.createElementVNode("div",Ba,[l.headline?(e.openBlock(),e.createBlock(X,{key:0,is:"h2",class:"onyx-mobile-nav-button__headline"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(l.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]=c=>o("update:open",!1))})],64)):e.createCommentVNode("",!0)]))}}),Ca={class:"onyx-modal-dialog__header"},wa={class:"onyx-modal-dialog__headline"},Ea=["id"],Gt=e.defineComponent({__name:"OnyxModalDialog",props:{density:{},label:{},open:{type:Boolean},alert:{type:Boolean}},emits:["close"],setup(n,{emit:t}){const l=n,o=t,r=e.useSlots(),{t:a}=V(),{densityClass:c}=C(l),s=e.useId(),u=e.computed(()=>!!r.description);return(i,d)=>(e.openBlock(),e.createBlock(Ze,e.mergeProps(l,{class:["onyx-modal-dialog",e.unref(c)],"aria-describedby":u.value?e.unref(s):void 0,modal:"",onClose:d[1]||(d[1]=p=>o("close"))}),{default:e.withCtx(()=>[e.createElementVNode("div",Ca,[e.createElementVNode("div",wa,[e.renderSlot(i.$slots,"headline",{label:l.label},()=>[e.createVNode(X,{is:"h2"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(l.label),1)]),_:1})]),e.createVNode(le,{class:"onyx-alert-dialog__close",label:e.unref(a)("dialog.close"),icon:e.unref(te),onClick:d[0]||(d[0]=p=>o("close"))},null,8,["label","icon"])]),u.value?(e.openBlock(),e.createElementBlock("div",{key:0,id:e.unref(s),class:"onyx-modal-dialog__description onyx-text--small"},[e.renderSlot(i.$slots,"description")],8,Ea)):e.createCommentVNode("",!0)]),e.renderSlot(i.$slots,"default")]),_:3},16,["class","aria-describedby"]))}}),ve=(n,t)=>{const l="content-box",o=e.ref(0),r=e.ref(0),a=c=>{const s=c[0].contentBoxSize;o.value=s.reduce((u,{inlineSize:i})=>u+i,0),r.value=s.reduce((u,{blockSize:i})=>u+i,0)};return e.onMounted(()=>{const c=new ResizeObserver(a);if(!n){c.observe(document.documentElement,{box:l});return}e.watch(n,(s,u)=>{const i=He(s),d=He(u);d&&(c==null||c.unobserve(d)),i?c==null||c.observe(i,{box:l}):(o.value=0,r.value=0)},{immediate:!0}),e.onBeforeUnmount(()=>c.disconnect())}),{width:o,height:r}},He=n=>n instanceof Element?n:n==null?void 0:n.$el,Va=n=>{const t=e.ref([]),l=e.ref([]),{width:o}=ve(n.parentRef),{width:r}=ve(n.moreIndicatorRef),a=e.reactive(new Map);return e.onMounted(()=>{e.watchEffect(()=>{let c=o.value;if(c<=0)return;const s=dt(n.parentRef.value),u=dt(n.listRef.value);r.value>0&&(c-=r.value+s),t.value=[],l.value=[],Array.from(a.entries()).forEach(([i,d],p)=>{c-=d+(p>0?u:0),c>=0||p===a.size-1&&c+r.value>=0?t.value.push(i):l.value.push(i)})})}),{visibleElements:t,hiddenElements:l,componentMap:a}},dt=n=>{const t=He(n);return t&&Number.parseFloat(getComputedStyle(t).columnGap)||0},Sa=n=>{const t=e.useId(),l=e.ref(),o=e.inject(n,void 0),{width:r}=ve(l);e.watch(r,c=>{const s=o==null?void 0:o.componentMap;!s||s.has(t)&&c===0||s.set(t,c)},{immediate:!0}),e.onBeforeUnmount(()=>o==null?void 0:o.componentMap.delete(t));const a=e.computed(()=>(o==null?void 0:o.visibleElements.value.includes(t))??!0);return{componentRef:l,isVisible:a}},Na=e.defineComponent({__name:"OnyxMoreList",props:{injectionKey:{}},emits:["visibilityChange"],setup(n,{emit:t}){const l=n,o=t,r=e.useTemplateRef("parentRef"),a=e.ref(),c=e.ref(),s=Va({parentRef:r,listRef:a,moreIndicatorRef:c});return e.provide(l.injectionKey,s),e.watch([()=>s.visibleElements.value.length,()=>s.hiddenElements.value.length],([u,i])=>{o("visibilityChange",{visibleElements:u,hiddenElements:i})}),(u,i)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"parentRef",ref:r,class:"onyx-component onyx-more-list"},[e.renderSlot(u.$slots,"default",{attributes:{ref:d=>a.value=d,class:"onyx-more-list__elements"}}),e.unref(s).hiddenElements.value.length>0?e.renderSlot(u.$slots,"more",{key:0,attributes:{ref:d=>c.value=d,class:"onyx-more-list__indicator"},hiddenElements:e.unref(s).hiddenElements.value.length,visibleElements:e.unref(s).visibleElements.value.length}):e.createCommentVNode("",!0)],512))}}),Ma=["src","alt"],$a={key:1,class:"onyx-text-small onyx-truncation-ellipsis"},Kt=e.defineComponent({__name:"OnyxNavAppArea",props:{link:{default:"/"},logoUrl:{},appName:{},label:{}},setup(n){const t=n,{t:l}=V(),o=e.computed(()=>t.label??l.value("navigation.goToHome")),r=e.computed(()=>J(t.link));return(a,c)=>(e.openBlock(),e.createBlock(ne,e.mergeProps(r.value,{class:"onyx-component onyx-nav-app-area","aria-label":o.value}),{default:e.withCtx(()=>[e.renderSlot(a.$slots,"default",{},()=>[t.logoUrl?(e.openBlock(),e.createElementBlock("img",{key:0,src:t.logoUrl,alt:e.unref(l)("navigation.appLogo",{appName:t.appName}),class:"onyx-nav-app-area__logo",width:"24",height:"24"},null,8,Ma)):e.createCommentVNode("",!0),t.appName?(e.openBlock(),e.createElementBlock("span",$a,e.toDisplayString(t.appName),1)):e.createCommentVNode("",!0)])]),_:3},16,["aria-label"]))}}),Ta=`<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"),pt={"2xs":320,xs:576,sm:768,md:992,lg:1440,xl:1920},mt=Symbol(),L=Symbol("SKELETON_INJECTED_SYMBOL"),ft=n=>t=>e.computed(()=>typeof t.skeleton!="symbol"?t.skeleton:t.skeleton===L&&(n==null?void 0:n.skeleton)===!0?3:!1),Ge=n=>e.provide(mt,ft(n)),yo=ft(),R=n=>e.inject(mt,yo)(n),Ke=Symbol(),ho=e.defineComponent({__name:"OnyxAccordion",props:{density:{},exclusive:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},skeleton:{type:[Symbol,Boolean,Number],default:L}},setup(n){const t=n,l=e.ref(new Set),{disabled:o,exclusive:r}=e.toRefs(t),a=R(t),{densityClass:c}=C(t),s=(u,i)=>{if(!i){l.value.delete(u);return}r.value&&l.value.clear(),l.value.add(u)};return e.watch(r,u=>{if(u&&l.value.size>1){const i=[...l.value].pop();l.value.clear(),i&&l.value.add(i)}}),e.provide(Ke,{openItems:l,updateOpen:s,disabled:o,skeleton:a}),(u,i)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["onyx-component","onyx-accordion",e.unref(c)])},[e.renderSlot(u.$slots,"default")],2))}}),vo='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M16.72 8.845 12 13.565l-4.72-4.72-1.06 1.06 5.78 5.78 5.78-5.78z"/></svg>',go=["innerHTML"],w=e.defineComponent({__name:"OnyxIcon",props:{size:{},icon:{},color:{}},setup(n){const t=n;return(l,o)=>(e.openBlock(),e.createElementBlock("figure",{class:e.normalizeClass({"onyx-component":!0,"onyx-icon":!0,[`onyx-icon--${t.size}`]:t.size,[`onyx-icon--${t.color}`]:t.color}),"aria-hidden":"true",innerHTML:t.icon},null,10,go))}}),je=(n,t)=>{const l=n.__vccOpts||n;for(const[o,r]of t)l[o]=r;return l},_o={},xo={"aria-hidden":"true",class:"onyx-component onyx-skeleton"};function ko(n,t){return e.openBlock(),e.createElementBlock("figure",xo)}const M=je(_o,[["render",ko]]),bo=["open"],Bo=["id","tabindex","aria-expanded","aria-controls","aria-disabled"],Co={class:"onyx-accordion-item__header-content"},wo=["id","aria-labelledby"],Eo=e.defineComponent({__name:"OnyxAccordionItem",props:{density:{},open:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},skeleton:{type:[Symbol,Boolean,Number],default:L}},emits:["update:open"],setup(n,{emit:t}){const l=n,o=e.useId(),r=e.inject(Ke),a=t,c=e.computed({get:()=>(r==null?void 0:r.openItems.value.has(o))||l.open,set:d=>{r==null||r.updateOpen(o,d),a("update:open",d)}}),s=R(l),{densityClass:u}=C(l),i=e.computed(()=>(r==null?void 0:r.disabled.value)||l.disabled);return(d,p)=>{var m;return e.unref(s)||(m=e.unref(r))!=null&&m.skeleton.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["onyx-component","onyx-accordion-item-skeleton",e.unref(u)])},[e.createVNode(M,{class:"onyx-accordion-item-skeleton__main"}),e.createVNode(M,{class:"onyx-accordion-item-skeleton__icon"})],2)):(e.openBlock(),e.createElementBlock("details",{key:1,class:e.normalizeClass(["onyx-component onyx-accordion-item",[e.unref(u)]]),open:c.value,onToggle:p[0]||(p[0]=f=>c.value=f.target.open)},[e.createElementVNode("summary",{id:"header-"+e.unref(o),class:"onyx-accordion-item__header",role:"button",tabindex:i.value?-1:0,"aria-expanded":c.value,"aria-controls":"panel-"+e.unref(o),"aria-disabled":i.value},[e.createElementVNode("div",Co,[e.renderSlot(d.$slots,"header")]),e.createVNode(w,{icon:e.unref(vo),class:"onyx-accordion-item__header-icon"},null,8,["icon"])],8,Bo),e.createElementVNode("div",{id:"panel-"+e.unref(o),class:"onyx-accordion-item__panel",role:"region","aria-labelledby":"header-"+e.unref(o)},[e.renderSlot(d.$slots,"default")],8,wo)],42,bo))}}}),te='<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>',Vo=["compact","default","cozy"],C=n=>({densityClass:e.computed(()=>({[`onyx-density-${n.density}`]:!!n.density}))}),So="(optional)",No="Cancel",Mo="Apply",$o="Back",To="Close",Oo={head:{selection:{selectAll:"Select all rows",deselectAll:"Deselect all rows",select:"Add row with ID '{id}' to the selection.",deselect:"Remove row with ID '{id}' from the selection."},sorting:{action:{asc:"Sort the table ascending by the {field} column.",desc:"Sort the table descending by the {field} column.",none:"Reset sorting."},menu:{asc:"Sort ascending",desc:"Sort descending",none:"No sorting"}}}},Io={tooShort:{preview:"Too short, minimum {minLength} characters required",fullError:"Make the input at least {minLength} characters long. It is currently {n} characters long. Special characters might use more than one character."},tooLong:{preview:"Too long, maximum {maxLength} characters allowed",fullError:"Shorten the input to {maxLength} characters or less. It is currently {n} characters long. Special characters might use more than one character."},rangeUnderflow:{preview:"Too low",fullError:"Input value must be greater than or equal to {min}."},rangeOverflow:{preview:"Too high",fullError:"Input value must be less than or equal to {max}."},patternMismatch:{preview:"Invalid format",fullError:"Please match the format requested."},valueMissing:{preview:"Required",fullError:"The field is empty, it is mandatory and must be filled in."},stepMismatch:{preview:"Invalid number",fullError:"Please enter a valid number, 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}" is not a valid email address. It should be similar to "johndoe@example.com" (Must contain one @ symbol and a period).'},number:{preview:"Invalid number",fullError:'"{value}" is not a valid number. Make sure it contains only digits, and optionally a single decimal point.'},tel:{preview:"Invalid phone number",fullError:'"{value}" is not a valid phone number.'},url:{preview:"Invalid URL",fullError:'"{value}" is not a valid URL. A URL usually points to a website and should be similar to "https://www.example.com".'}}},Lo={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"},Do={selectAll:"Select all",currentSelection:"{n} selected"},Ao={decrement:"Decrement by {stepSize}",increment:"Increment by {stepSize}"},Ro={empty:"This table is empty."},Po={opensExternally:"(opens in a new tab)"},zo="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",moreActionsFlyout:'Choose an action for the column "{column}"',moreActionsTrigger:"Toggle column actions"},Ho={neutral:"Toggle info tooltip",danger:"Toggle error tooltip",success:"Toggle success tooltip"},Uo={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."}},qo={label:"Pagination",ofPages:"of 1 page | of {n} pages",previous:"previous page",next:"next page",select:{label:"Page selection",listLabel:"Available pages"}},Go={clear:"Clear input"},Ko={close:"Close dialog"},jo={copyLink:"Copy link to this headline",copyLinkTo:"Copy link to headline:"},Zo={ariaLabel:"Avatar of {fullName}"},Oe={optional:So,cancel:No,apply:Mo,back:$o,close:To,dataGrid:Oo,validations:Io,select:Lo,selections:Do,stepper:Ao,table:Ro,link:Po,navItemOptionsLabel:zo,navigation:Fo,tooltip:Ho,colorScheme:Uo,pagination:qo,input:Go,dialog:Ko,headline:jo,avatar:Zo},yt=Symbol(),ht=(n={})=>{const t=e.readonly(e.toRef((n==null?void 0:n.locale)??"en-US")),l=n.t?e.readonly(e.toRef(n.t)):void 0;if(l)return{t:l,locale:t};const o=e.computed(()=>n!=null&&n.messages&&t.value in n.messages?n.messages[t.value]:Oe),r=e.computed(()=>(a,c={})=>{let s=at(a,o.value)??at(a,Oe)??"";return s=Yo(s,c.n),Wo(s,c)});return{locale:t,t:r}},vt=(n,t)=>{const l=ht(t);return n.provide(yt,l),l},V=()=>e.inject(yt,()=>ht(),!0),at=(n,t)=>{const l=n.split(".").reduce((o,r)=>!o||typeof o=="string"?o:o[r],t);return l&&typeof l=="string"?l:void 0},Yo=(n,t)=>{const l=n.split(" | ").map(r=>r.trim());if(l.length<=1)return n;let o=1;return t===0&&(o=0),t&&(t<=0||t>1)&&(o=2),l.length===2?o===1?l[0]:l[1]:l[o]},Wo=(n,t)=>t?Object.entries(t).reduce((o,[r,a])=>a===void 0?o:o.replace(new RegExp(`{${r}}`,"gi"),a.toString()),n).replace(/\s?{.*}\s?/gi,""):n,Jo=["aria-modal","aria-label","role"],Ze=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:t}){const l=n,o=t,r=e.useTemplateRef("dialogRef"),{densityClass:a}=C(l),c=()=>{var s,u;l.modal?(s=r.value)==null||s.showModal():(u=r.value)==null||u.show()};return e.watch([r,()=>l.open],()=>{var s;l.open?c():(s=r.value)==null||s.close()}),e.watch(()=>l.modal,()=>{var s;(s=r.value)!=null&&s.open&&(r.value.close(),c())}),(s,u)=>l.open?(e.openBlock(),e.createElementBlock("dialog",{key:0,ref:"dialogRef",class:e.normalizeClass(["onyx-component","onyx-dialog",e.unref(a),"onyx-truncation-multiline"]),"aria-modal":l.modal,"aria-label":l.label,role:l.alert?"alertdialog":void 0,onCancel:u[0]||(u[0]=e.withModifiers(i=>o("close"),["prevent"]))},[e.renderSlot(s.$slots,"default")],42,Jo)):e.createCommentVNode("",!0)}}),gt=(n,t)=>{const l=rt(n.toLowerCase()),o=rt(t.toLowerCase());return l.includes(o)},rt=n=>n.normalize("NFD").replace(/[\u0300-\u036f]/g,""),Xo=n=>n.trim().toLowerCase().replace(/\W/gi,"-"),Qo=(n,t)=>{var s;if(en.test(n))return;const l=new Intl.Segmenter(t,{granularity:"word"}),o=n.trim().toUpperCase(),r=Array.from(l.segment(o));if(r.length===0)return;const a=r[0].segment,c=r.length===1||(s=r.at(-1))==null?void 0:s.segment;return c?`${ye(a,t,0)}${ye(c,t,0)}`:`${ye(a,t,0)}${ye(a,t,1)}`},ye=(n,t,l)=>{const o=new Intl.Segmenter(t,{granularity:"grapheme"});return Array.from(o.segment(n)).map(a=>a.segment).at(l)??""},en=/[\u0600-\u06FF\u0750-\u077F\u08A0-\u08FF\u1100-\u11FF\u3130-\u318F\uA960-\uA97F\uAC00-\uD7AF\uD7B0-\uD7FF\u3040-\u309F\u30A0-\u30FF\u3400-\u4DBF\u4E00-\u9FFF\uF900-\uFAFF]|[\uD840-\uD869][\uDC00-\uDED6]/,_t=n=>!URL.canParse(n),J=n=>typeof n=="string"?{href:n}:n,se=()=>{const n=e.inject(Ye,void 0),t=e.computed(()=>{if(!n)return;const r=e.unref(n.currentRoute);return typeof r=="string"?{path:r}:r}),l=(r,a)=>{n&&_t(a)&&tn(r)&&(r.preventDefault(),n.push(a))},o=e.computed(()=>r=>{if(!t.value||r==null)return!1;const a=st(J(r).href),c=st(t.value.path);return a==="/"?c===a:c.startsWith(a)});return{navigate:l,currentRoute:t,isActive:o}},tn=n=>{if(!(n.metaKey||n.altKey||n.ctrlKey||n.shiftKey)&&!n.defaultPrevented&&!(n.button!==void 0&&n.button!==0)){if(n.currentTarget&&n.currentTarget instanceof Element){const t=n.currentTarget.getAttribute("target"),l=n.currentTarget.getAttribute("href");if(t==="_blank"||l!=null&&l.startsWith("#"))return}return!0}},st=n=>{const t=n.trim();return t===""?"/":t==="/"?t:t.replace(/\/+$/,"")},Ye=Symbol(),oe=e.defineComponent({__name:"OnyxVisuallyHidden",props:{is:{default:"span"}},setup(n){const t=n;return(l,o)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.is),{class:"onyx-component onyx-visually-hidden"},{default:e.withCtx(()=>[e.renderSlot(l.$slots,"default")]),_:3}))}}),on=["href","target","rel"],ne=e.defineComponent({__name:"OnyxRouterLink",props:{href:{},target:{default:"_self"}},setup(n){const t=n,{t:l}=V(),{navigate:o,isActive:r}=se();return(a,c)=>(e.openBlock(),e.createElementBlock("a",{class:e.normalizeClass(["onyx-component","onyx-router-link",e.unref(r)(t.href)?"onyx-router-link--active":""]),href:t.href,target:t.target,rel:t.target==="_blank"?"noreferrer":void 0,onClick:c[0]||(c[0]=s=>e.unref(o)(s,t.href))},[e.renderSlot(a.$slots,"default"),t.target==="_blank"?(e.openBlock(),e.createBlock(oe,{key:0},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(l)("link.opensExternally")),1)]),_:1})):e.createCommentVNode("",!0)],10,on))}}),X=e.defineComponent({__name:"OnyxHeadline",props:{is:{},showAs:{},hash:{},skeleton:{type:[Symbol,Boolean,Number],default:L}},setup(n){const t=n,{t:l}=V(),o=R(t),r=e.computed(()=>t.hash?Xo(t.hash):void 0),a=e.computed(()=>t.showAs??t.is),c=async s=>{const{origin:u,pathname:i,search:d}=window.location,p=`${u}${i}${d}#${s}`;await navigator.clipboard.writeText(p)};return(s,u)=>e.unref(o)?(e.openBlock(),e.createBlock(M,{key:0,class:e.normalizeClass(["onyx-headline-skeleton",`onyx-headline-skeleton--${a.value}`])},null,8,["class"])):(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.is),{key:1,id:r.value,class:e.normalizeClass(["onyx-component","onyx-headline",`onyx-headline--${a.value}`])},{default:e.withCtx(()=>[r.value?(e.openBlock(),e.createBlock(ne,{key:0,href:`#${r.value}`,target:"_self",class:"onyx-headline__hash",title:e.unref(l)("headline.copyLink"),onClick:u[0]||(u[0]=i=>c(r.value))},{default:e.withCtx(()=>[e.createVNode(oe,null,{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(l)("headline.copyLinkTo")),1)]),_:1}),e.renderSlot(s.$slots,"default")]),_:3},8,["href","title"])):e.renderSlot(s.$slots,"default",{key:1})]),_:3},8,["id","class"]))}}),xt=Symbol(),E=Symbol("FORM_INJECTED_SYMBOL"),Se=(n,t,l,o)=>e.computed(()=>{const r=t.value[l];return r!=null&&typeof r!="symbol"?r:r===E?(n==null?void 0:n.value[l])??o:o}),kt=n=>t=>({disabled:Se(n,t,"disabled",!1),showError:Se(n,t,"showError","touched"),requiredMarker:Se(n,t,"requiredMarker","required")}),nn=n=>e.provide(xt,kt(n&&e.toRef(n))),ln=kt(),H=n=>e.inject(xt,ln)(e.toRef(n)),an=["aria-label","title","disabled","autofocus"],le=e.defineComponent({__name:"OnyxSystemButton",props:{disabled:{default:E},autofocus:{type:Boolean,default:!1},skeleton:{type:[Symbol,Boolean,Number],default:L},label:{},icon:{},color:{default:"intense"}},setup(n){const t=n,{disabled:l}=H(t),o=R(t);return(r,a)=>e.unref(o)?(e.openBlock(),e.createBlock(M,{key:0,class:e.normalizeClass(["onyx-system-button-skeleton",t.icon?"":"onyx-system-button-skeleton--text"])},null,8,["class"])):(e.openBlock(),e.createElementBlock("button",{key:1,class:e.normalizeClass(["onyx-system-button","onyx-text--small",`onyx-system-button--${t.color}`]),"aria-label":t.label,title:t.label,type:"button",disabled:e.unref(l),autofocus:t.autofocus},[t.icon?(e.openBlock(),e.createBlock(w,{key:0,icon:t.icon},null,8,["icon"])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(t.label),1)],64))],10,an))}}),rn={class:"onyx-alert-dialog__content"},sn={class:"onyx-alert-dialog__headline"},cn=["id"],un={class:"onyx-alert-dialog__actions"},dn=e.defineComponent({__name:"OnyxAlertDialog",props:{density:{},label:{},open:{type:Boolean},icon:{}},emits:["close"],setup(n,{emit:t}){const l=n,o=t,{t:r}=V(),{densityClass:a}=C(l),c=e.useId();return(s,u)=>(e.openBlock(),e.createBlock(Ze,e.mergeProps({class:["onyx-alert-dialog",e.unref(a)]},l,{"aria-describedby":e.unref(c),modal:"",alert:"",onClose:u[1]||(u[1]=i=>o("close"))}),{default:e.withCtx(()=>[e.createElementVNode("div",rn,[l.icon?(e.openBlock(),e.createBlock(w,e.mergeProps({key:0,class:"onyx-alert-dialog__icon"},l.icon,{size:"64px"}),null,16)):e.createCommentVNode("",!0),e.createElementVNode("div",null,[e.createElementVNode("div",sn,[e.renderSlot(s.$slots,"headline",{label:l.label},()=>[e.createVNode(X,{is:"h2"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(l.label),1)]),_:1})]),e.createVNode(le,{class:"onyx-alert-dialog__close",label:e.unref(r)("dialog.close"),icon:e.unref(te),onClick:u[0]||(u[0]=i=>o("close"))},null,8,["label","icon"])]),e.createElementVNode("div",{id:e.unref(c),class:"onyx-alert-dialog__body onyx-truncation"},[e.renderSlot(s.$slots,"default")],8,cn)])]),e.createElementVNode("div",un,[e.renderSlot(s.$slots,"actions")])]),_:3},16,["class","aria-describedby"]))}}),pn={key:0,class:"onyx-app__nav"},mn={class:"onyx-app__page"},fn={key:1,class:"onyx-app__page-overlay"},yn={key:2,class:"onyx-app__app-overlay"},hn=e.defineComponent({__name:"OnyxAppLayout",props:{navBarAlignment:{default:"top"}},setup(n){const t=n,l=e.useSlots();return(o,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["onyx-component onyx-app",{"onyx-app--horizontal":t.navBarAlignment==="left"}])},[l.navBar?(e.openBlock(),e.createElementBlock("div",pn,[e.renderSlot(o.$slots,"navBar")])):e.createCommentVNode("",!0),e.createElementVNode("div",mn,[e.renderSlot(o.$slots,"default")]),l.pageOverlay?(e.openBlock(),e.createElementBlock("div",fn,[e.renderSlot(o.$slots,"pageOverlay")])):e.createCommentVNode("",!0),l.appOverlay?(e.openBlock(),e.createElementBlock("div",yn,[e.renderSlot(o.$slots,"appOverlay")])):e.createCommentVNode("",!0)],2))}}),vn='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M14.292 9.055a4.125 4.125 0 1 1-4.584-6.86 4.125 4.125 0 0 1 4.584 6.86m-.834-5.613a2.625 2.625 0 1 0-2.916 4.366 2.625 2.625 0 0 0 2.916-4.366M9.75 11.25h4.5a5.257 5.257 0 0 1 5.25 5.25v6h-15v-6a5.257 5.257 0 0 1 5.25-5.25M6 21h12v-4.5a3.754 3.754 0 0 0-3.75-3.75h-4.5A3.755 3.755 0 0 0 6 16.5z" clip-rule="evenodd"/></svg>',gn=["title","aria-label"],_n=["src","alt"],xn={key:0,class:"onyx-avatar__initials"},Ie=e.defineComponent({__name:"OnyxAvatar",props:{size:{default:"48px"},fullName:{},src:{},initials:{}},setup(n){const t=n,{locale:l,t:o}=V(),r=e.computed(()=>typeof t.fullName=="object"?t.fullName:{name:t.fullName,locale:l.value}),a=e.computed(()=>t.initials?t.initials:Qo(r.value.name,r.value.locale)),c=e.computed(()=>o.value("avatar.ariaLabel",{fullName:r.value.name})),s=e.ref(!1);return e.watch(()=>t.src,()=>s.value=!1),(u,i)=>(e.openBlock(),e.createElementBlock("figure",{class:e.normalizeClass(["onyx-component","onyx-avatar",`onyx-avatar--${t.size}`,t.initials?"onyx-avatar--custom":""]),title:c.value,"aria-label":c.value},[t.src&&!s.value?(e.openBlock(),e.createElementBlock("img",{key:0,class:"onyx-avatar__image",src:t.src,alt:c.value,onError:i[0]||(i[0]=d=>s.value=!0)},null,40,_n)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[a.value?(e.openBlock(),e.createElementBlock("div",xn,e.toDisplayString(a.value),1)):(e.openBlock(),e.createBlock(w,{key:1,icon:e.unref(vn),class:"onyx-avatar__icon"},null,8,["icon"]))],64))],10,gn))}}),kn={class:"onyx-component onyx-avatar-stack"},bn=e.defineComponent({__name:"OnyxAvatarStack",setup(n){return(t,l)=>(e.openBlock(),e.createElementBlock("div",kn,[e.renderSlot(t.$slots,"default")]))}}),bt=e.defineComponent({__name:"OnyxBadge",props:{density:{},color:{default:"primary"},icon:{},dot:{type:Boolean,default:!1}},setup(n){const t=n,{densityClass:l}=C(t);return(o,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["onyx-component onyx-badge",["onyx-truncation-ellipsis","onyx-text",`onyx-badge--${t.color}`,t.dot?"onyx-badge--dot":"",e.unref(l)]])},[t.dot?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[t.icon?(e.openBlock(),e.createBlock(w,{key:0,class:"onyx-badge__icon",icon:t.icon},null,8,["icon"])):e.renderSlot(o.$slots,"default",{key:1})],64))],2))}}),Bn={class:"onyx-bottom-bar__content"},Cn={class:"onyx-bottom-bar__content--left"},wn={class:"onyx-bottom-bar__content--right"},En=e.defineComponent({__name:"OnyxBottomBar",props:{density:{},hideBorder:{type:Boolean,default:!1}},setup(n){const t=n,{densityClass:l}=C(t);return(o,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["onyx-component","onyx-bottom-bar",e.unref(l),t.hideBorder?"":"onyx-bottom-bar--border"])},[e.createElementVNode("div",Bn,[e.createElementVNode("div",Cn,[e.renderSlot(o.$slots,"left")]),e.createElementVNode("div",wn,[e.renderSlot(o.$slots,"default")])])],2))}}),Vn={},Sn={class:"onyx-component onyx-circle-spinner",viewBox:"0 0 50 50"};function Nn(n,t){return e.openBlock(),e.createElementBlock("svg",Sn,t[0]||(t[0]=[e.createElementVNode("circle",{class:"onyx-circle-spinner__circle",cx:"50%",cy:"50%",r:"45%"},null,-1)]))}const Mn=je(Vn,[["render",Nn]]),$n={},Tn={class:"onyx-component onyx-loading-dots"};function On(n,t){return e.openBlock(),e.createElementBlock("div",Tn,t[0]||(t[0]=[e.createElementVNode("span",{class:"onyx-loading-dots__center"},null,-1)]))}const In=je($n,[["render",On]]),G=e.defineComponent({__name:"OnyxLoadingIndicator",props:{type:{default:"dots"}},setup(n){const t=n;return(l,o)=>t.type==="circle"?(e.openBlock(),e.createBlock(Mn,{key:0})):t.type==="dots"?(e.openBlock(),e.createBlock(In,{key:1})):e.createCommentVNode("",!0)}}),Ln=n=>{const t=e.ref(!1),l=e.reactive(new Map),o=s=>{var d;const u=(d=n.value)==null?void 0:d.getBoundingClientRect();if(!u)return;t.value=!0;const i={id:Date.now().toString(),left:`${s.x-u.left}px`,top:`${s.y-u.top}px`,animationEnded:!1};return l.set(i.id,i),i.id},r=s=>{const u=s.dataset.rippleid;u!=null&&(l.has(u)&&(l.get(u).animationEnded=!0),t.value||l.delete(u))},a=()=>{t.value=!1,l.forEach((s,u)=>{s.animationEnded&&l.delete(u)})},c=e.ref({});return e.onBeforeMount(()=>{var s;(s=window.matchMedia)!=null&&s.call(window,"pointer: none").matches?c.value={touchstart:o,touchend:a,touchcancel:a}:c.value={mousedown:o,mouseleave:a,mouseup:a}}),{isPointerDown:t,ripples:l,startRipple:o,hideRipples:a,hideRipple:r,events:c}},Dn={ref:"rippleTriggerRef",class:"onyx-component onyx-ripple","aria-hidden":"true"},An=["data-rippleid"],Rn=e.defineComponent({__name:"OnyxRipple",setup(n,{expose:t}){const l=e.useTemplateRef("rippleTriggerRef"),{ripples:o,hideRipple:r,events:a}=Ln(l);return t({events:a}),(c,s)=>(e.openBlock(),e.createElementBlock("span",Dn,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(o),([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:s[0]||(s[0]=d=>e.unref(r)(d.target))},null,44,An))),128))],512))}}),Pn=["disabled","type","aria-label","autofocus"],zn={class:"onyx-button__label onyx-truncation-ellipsis"},he=e.defineComponent({__name:"OnyxButton",props:{density:{},autofocus:{type:Boolean},label:{},disabled:{default:E},loading:{type:Boolean,default:!1},type:{default:"button"},color:{default:"primary"},mode:{default:"default"},icon:{},skeleton:{type:[Symbol,Boolean,Number],default:L}},setup(n){const t=n,{densityClass:l}=C(t),{disabled:o}=H(t),r=R(t),a=e.useTemplateRef("rippleRef"),c=e.computed(()=>{var s;return((s=a.value)==null?void 0:s.events)??{}});return(s,u)=>e.unref(r)?(e.openBlock(),e.createBlock(M,{key:0,class:e.normalizeClass(["onyx-button-skeleton",e.unref(l)])},null,8,["class"])):(e.openBlock(),e.createElementBlock("button",e.mergeProps({key:1,class:["onyx-component","onyx-button",`onyx-button--${t.color}`,`onyx-button--${t.mode}`,{"onyx-button--loading":t.loading},e.unref(l)],disabled:e.unref(o)||t.loading,type:t.type,"aria-label":t.loading?t.label:void 0,autofocus:t.autofocus},e.toHandlers(c.value,!0)),[!e.unref(o)&&!t.loading?(e.openBlock(),e.createBlock(Rn,{key:0,ref:"rippleRef"},null,512)):e.createCommentVNode("",!0),t.icon&&!t.loading?(e.openBlock(),e.createBlock(w,{key:1,class:"onyx-button__icon",icon:t.icon},null,8,["icon"])):e.createCommentVNode("",!0),t.loading?(e.openBlock(),e.createBlock(G,{key:2,class:"onyx-button__loading"})):e.createCommentVNode("",!0),e.createElementVNode("span",zn,e.toDisplayString(t.label),1)],16,Pn))}}),Fn=["button","submit","reset"],Hn=["primary","neutral","danger"],Un=["default","outline","plain"],Bt=e.defineComponent({__name:"OnyxCard",props:{density:{},clickable:{type:Boolean,default:!1}},setup(n){const t=n,{densityClass:l}=C(t);return(o,r)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.clickable?"button":"div"),{class:e.normalizeClass(["onyx-component","onyx-card",e.unref(l),"onyx-truncation-multiline","onyx-text"])},{default:e.withCtx(()=>[e.renderSlot(o.$slots,"default")]),_:3},8,["class"]))}}),ge=(n,t)=>({requiredTypeClass:e.computed(()=>({[`onyx-use-${t.value}`]:!0})),requiredMarkerClass:e.computed(()=>({"onyx-required-marker":n.required,"onyx-optional-marker":!n.required}))}),Z=(n,t)=>{t.autofocus&&e.onMounted(()=>{var l;if(!t.loading){(l=n.value)==null||l.focus();return}e.watch(()=>!!t.loading,()=>{var o;return(o=n.value)==null?void 0:o.focus()},{once:!0})})},Le=n=>n instanceof Date&&!isNaN(n),qn=(n,t)=>{const l=Object.entries(n).filter(([r,a])=>a!==void 0),o=Object.entries(t).filter(([r,a])=>a!==void 0);return l.length!==o.length?!1:l.every(([r,a])=>a===t[r])},Gn=(n,t)=>n.reduce((l,o)=>{const r=o[t]??"";return l[r]=l[r]||[],l[r].push(o),l},{}),Kn=n=>Reflect.ownKeys(n).map(t=>[t,n[t]]),Ct=()=>Object.entries(Object.getOwnPropertyDescriptors(ValidityState.prototype)).filter(([n,t])=>t.enumerable).map(([n])=>n),jn=n=>Ct().reduce((t,l)=>(t[l]=n[l],t),{}),Zn=n=>{if(n.valueMissing)return"valueMissing";const t=Ct().filter(l=>l!=="valid").sort();for(const l of t)if(l in n&&n[l])return l},Yn=Object.keys(Oe.validations.typeMismatch),q=n=>{if(n)return typeof n=="string"?{shortMessage:n,longMessage:n,hidden:!1}:n},wt=n=>{if(!n)return;if(typeof n=="string")return n;if(n.shortMessage===n.longMessage)return n.shortMessage;const{shortMessage:t,longMessage:l}=n;return`${t}: ${l}`},Y=n=>{const{t,locale:l}=V(),o=e.ref(),r=e.ref(!1),a=e.computed(()=>n.props.customError??e.toValue(n.customError));e.watch(()=>n.props.modelValue,()=>r.value=!0,{once:!0});const c={mounted:u=>{e.watchEffect(()=>u.setCustomValidity(wt(a.value)??"")),e.watch([()=>n.props,a],()=>{const i=jn(u.validity);!o.value&&i.valid||o.value&&qn(i,o.value)||(o.value=i)},{immediate:!0,deep:!0}),e.watch([a,o,r],()=>{!r.value||!o.value||n.emit("validityChange",o.value)},{immediate:!0})}},s=e.computed(()=>{var m,f;if(!o.value||o.value.valid)return;const u=Zn(o.value),i=q(a.value);if(i||u==="customError")return i||void 0;if(!u)return;const d=typeof n.props.maxlength=="object"?n.props.maxlength.max:n.props.maxlength,p={value:(m=n.props.modelValue)==null?void 0:m.toString(),n:((f=n.props.modelValue)==null?void 0:f.toString().length)??0,minLength:n.props.minlength,maxLength:d,min:ct(l.value,n.props.type,n.props.min),max:ct(l.value,n.props.type,n.props.max),step:n.props.validStepSize};if(u==="typeMismatch"){const h=Yn.includes(n.props.type)?n.props.type:"generic";return{longMessage:t.value(`validations.typeMismatch.${h}.fullError`,p),shortMessage:t.value(`validations.typeMismatch.${h}.preview`,p)}}return{longMessage:t.value(`validations.${u}.fullError`,p),shortMessage:t.value(`validations.${u}.preview`,p)}});return{vCustomValidity:c,errorMessages:s}},ct=(n,t,l)=>{if(!t||!["date","datetime-local"].includes(t))return l==null?void 0:l.toString();const o=l!=null?new Date(l):void 0;if(!Le(o))return l==null?void 0:l.toString();const r={day:"2-digit",month:"2-digit",year:"numeric",...t==="datetime-local"?{hour:"2-digit",minute:"2-digit"}:void 0};return o.toLocaleString(n,r)},j=()=>{const n=e.useAttrs(),t=e.computed(()=>({class:n.class,style:n.style})),l=e.computed(()=>{const o={...n};return delete o.class,delete o.style,o});return{rootAttrs:t,restAttrs:l}},W=n=>n;function De(){const n=e.shallowRef();return e.computed({set:t=>{n.value=t!=null&&"$el"in t?t.$el:t},get:()=>n.value})}const Wn=(n,t)=>Object.entries(n).every(([l,o])=>t[l]===o),Jn=(n,t)=>typeof t=="string"?n.key===t:Wn({altKey:!1,ctrlKey:!1,metaKey:!1,shiftKey:!1,...t},n),Ae=n=>!Qn.has(n),Xn=["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"],Qn=new Set(Xn),ee=e.reactive(new Map),el=(n,t)=>{if(t!=null&&t.size){ee.set(n,t);return}ee.delete(n),document.removeEventListener(n,Et)},it=(n,t)=>{const l=ee.get(n);l==null||l.delete(t),el(n,l)},tl=(n,t)=>{const l=ee.get(n)??new Set;l.add(t),ee.set(n,l),document.addEventListener(n,Et)},Et=n=>{var l;const t=n.type;(l=ee.get(t))==null||l.forEach(o=>o(n))},_e=({type:n,listener:t,disabled:l})=>{e.onBeforeMount(()=>e.watchEffect(()=>l!=null&&l.value?it(n,t):tl(n,t))),e.onBeforeUnmount(()=>it(n,t))},Vt=({inside:n,onOutsideClick:t,disabled:l})=>{_e({type:"click",listener:r=>{const a=e.toValue(n);!(Array.isArray(a)?a:[a]).some(u=>u==null?void 0:u.contains(r.target))&&t(r)},disabled:l})},St=(n,t)=>{let l;const o=(...r)=>{clearTimeout(l),l=setTimeout(()=>n(...r),e.toValue(t))};return o.abort=()=>clearTimeout(l),o},Nt=(n,t=500)=>{let l="";const o=St(()=>l="",t);return r=>{Ae(r.key)&&(o(),l=`${l}${r.key}`,n(l))}},ol=W(n=>{const t=e.computed(()=>e.unref(n.multiple)??!1),l=e.computed(()=>e.unref(n.isExpanded)??!1),o=new Map,r=i=>(o.has(i)||o.set(i,e.useId()),o.get(i)),a=e.ref(!1);e.watchEffect(async()=>{var d;if(!l.value||n.activeOption.value==null||!a.value&&!n.controlled)return;const i=r(n.activeOption.value);await e.nextTick(),(d=document.getElementById(i))==null||d.scrollIntoView({block:"nearest",inline:"nearest"})});const c=Nt(i=>{var d;return(d=n.onTypeAhead)==null?void 0:d.call(n,i)}),s=i=>{var d,p,m,f,h,y,g;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){(f=n.onActivateFirst)==null||f.call(n);return}(h=n.onActivateNext)==null||h.call(n,n.activeOption.value);break;case"Home":i.preventDefault(),(y=n.onActivateFirst)==null||y.call(n);break;case"End":i.preventDefault(),(g=n.onActivateLast)==null||g.call(n);break;default:c(i)}};return{elements:{listbox:e.computed(()=>n.controlled?{role:"listbox","aria-multiselectable":t.value,"aria-label":e.unref(n.label),"aria-description":n.description,tabindex:"-1"}:{role:"listbox","aria-multiselectable":t.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:s}),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":t.value?d:void 0,"aria-selected":t.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}}}),Mt=["ArrowDown","ArrowUp"," ","Enter","Home","End"],$t=["Escape",{key:"ArrowUp",altKey:!0},"Enter","Tab"],ut=["Enter"],nl=(n,t)=>{const l=t?[...ut," "]:ut;return Re(n,l)},Re=(n,t)=>t.some(l=>Jn(n,l)),ll=W(({autocomplete:n,onAutocomplete:t,onTypeAhead:l,multiple:o,label:r,listLabel:a,listDescription:c,isExpanded:s,activeOption:u,onToggle:i,onSelect:d,onActivateFirst:p,onActivateLast:m,onActivateNext:f,onActivatePrevious:h,templateRef:y})=>{const g=e.useId(),v=e.computed(()=>e.unref(n)),x=e.computed(()=>e.unref(s)),_=e.computed(()=>e.unref(o)),b=S=>{const Ce=S.target;v.value!=="none"&&(t==null||t(Ce.value))},B=Nt(S=>l==null?void 0:l(S)),O=S=>{d==null||d(S),e.unref(_)||i==null||i()},T=S=>{switch(S.key){case"ArrowUp":if(S.preventDefault(),u.value==null)return m==null?void 0:m();h==null||h(u.value);break;case"ArrowDown":if(S.preventDefault(),u.value==null)return p==null?void 0:p();f==null||f(u.value);break;case"Home":S.preventDefault(),p==null||p();break;case"End":S.preventDefault(),m==null||m();break}},$=S=>{if(S.key==="Enter"&&S.preventDefault(),!x.value&&Re(S,Mt))return i==null||i(),S.key===" "&&S.preventDefault(),S.key==="End"?m==null?void 0:m():p==null?void 0:p();if(nl(S,v.value==="none"))return O(u.value);if(x.value&&Re(S,$t))return i==null?void 0:i();if(v.value==="none"&&Ae(S.key))return!x.value&&(i==null||i()),B(S);if(v.value!=="none"&&Ae(S.key)){!x.value&&(i==null||i());return}return T(S)},P=e.computed(()=>v.value==="none"?null:{"aria-autocomplete":v.value,type:"text"}),{elements:{option:I,group:A,listbox:U},internals:{getOptionId:ae}}=ol({label:a,description:c,multiple:_,controlled:!0,activeOption:u,isExpanded:x,onSelect:O});return Vt({inside:y,onOutsideClick(){x.value&&(i==null||i(!0))}}),{elements:{option:I,group:A,listbox:e.computed(()=>({...U.value,id:g,onMousedown:S=>S.preventDefault()})),input:e.computed(()=>({role:"combobox","aria-expanded":x.value,"aria-controls":g,"aria-label":e.unref(r),"aria-activedescendant":u.value!=null?ae(u.value):void 0,onInput:b,onKeydown:$,...P.value})),button:e.computed(()=>({tabindex:"-1",onClick:()=>i==null?void 0:i()}))}}}),al=W(n=>{const t=e.useId(),l=e.useId(),o=De(),r=e.useId();_e({type:"keydown",listener:d=>d.key==="Escape"&&c(!1),disabled:e.computed(()=>!n.isExpanded.value)});const a=St(()=>n.onToggle(),200);e.watch(n.isExpanded,()=>a.abort());const c=(d,p=!1)=>{if(d===n.isExpanded.value){a.abort();return}if(p){a();return}n.onToggle()},s=d=>{const p=document.activeElement,m=(p==null?void 0:p.closest('[role="menu"]'))||o.value;if(!m)return;const f=Array.from(m.querySelectorAll('[role="menuitem"]'));let h=0;if(p){const g=f.indexOf(p);switch(d){case"next":h=g+1;break;case"prev":h=g-1;break;case"first":h=0;break;case"last":h=f.length-1;break}}const y=f[h];y==null||y.focus()};return{elements:{root:{id:t,onKeydown:d=>{switch(d.key){case"ArrowDown":case"ArrowRight":d.preventDefault(),s("next");break;case"ArrowUp":case"ArrowLeft":d.preventDefault(),s("prev");break;case"Home":d.preventDefault(),s("first");break;case"End":d.preventDefault(),s("last");break;case" ":d.preventDefault(),d.target.click();break;case"Escape":d.preventDefault(),c(!1);break}},...(()=>{if(n.trigger.value==="hover")return{onMouseenter:()=>c(!0),onMouseleave:()=>c(!1,!0)}})(),onFocusout:d=>{var p;t&&((p=document.getElementById(t))!=null&&p.contains(d.relatedTarget))||c(!1)}},button:e.computed(()=>({"aria-controls":l,"aria-expanded":n.isExpanded.value,"aria-haspopup":!0,onFocus:()=>c(!0,!0),onClick:()=>n.trigger.value=="click"?c(!n.isExpanded.value):void 0,id:r})),menu:{id:l,ref:o,role:"menu","aria-labelledby":r,onClick:()=>c(!1)},...Tt().elements}}}),Tt=W(()=>({elements:{listItem:{role:"none"},menuItem:n=>({"aria-current":n.active?"page":void 0,"aria-disabled":n.disabled,role:"menuitem"})}})),rl={clamp:(n,t,l)=>Math.max(Math.min(n,l),t)},sl=W(({navigationName:n})=>{const t=e.useId(),l=()=>{const r=t?document.getElementById(t):void 0;return r?Array.from(r.querySelectorAll("button[aria-expanded][aria-controls]")):[]},o=(r,a)=>{const c=l(),s=c.indexOf(r);if(s===-1)return;const u=rl.clamp(s+(a==="next"?1:-1),0,c.length-1);c[u].focus()};return{elements:{nav:{"aria-label":e.unref(n),id:t,onKeydown:r=>{switch(r.key){case"ArrowRight":o(r.target,"next");break;case"ArrowLeft":o(r.target,"previous");break}}}}}}),cl=W(n=>{const t=new Map,l=r=>(t.has(r)||t.set(r,{tabId:e.useId(),panelId:e.useId()}),t.get(r)),o=r=>{var m,f;const a=r.target,c=Array.from(((m=a.parentElement)==null?void 0:m.querySelectorAll('[role="tab"]'))??[]).filter(h=>h.ariaDisabled!=="true"),s=c.indexOf(a),u=h=>{h instanceof HTMLElement&&h.focus()},i=()=>u(c.at(0)),d=()=>u(c.at(-1)),p=h=>{if(s===-1)return;const y=h==="next"?s+1:s-1;return y<0?d():y>=c.length?i():u(c.at(y))};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 h=Array.from(t.entries()).find(([,{tabId:y}])=>y===a.id);h&&((f=n.onSelect)==null||f.call(n,h[0]))}break}};return{elements:{tablist:e.computed(()=>({role:"tablist","aria-label":e.unref(n.label),onKeydown:o})),tab:e.computed(()=>r=>{const{tabId:a}=l(e.unref(n.selectedTab)),{tabId:c,panelId:s}=l(r.value),u=c===a;return{id:c,role:"tab","aria-selected":u,"aria-controls":s,"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:c}=l(r.value);return{id:c,role:"tabpanel","aria-labelledby":a}})}}}),Ot=({isExpanded:n})=>_e({type:"keydown",listener:t=>{t.key==="Escape"&&(n.value=!1)},disabled:e.computed(()=>!n.value)}),il=W(({toggleLabel:n,isVisible:t})=>{const l=De(),o=De(),r=e.toRef(t??!1);Vt({inside:e.computed(()=>[l.value,o.value]),onOutsideClick:()=>r.value=!1,disabled:e.computed(()=>!r.value)}),Ot({isExpanded:r});const a=()=>r.value=!r.value;return{elements:{trigger:e.computed(()=>({ref:l,onClick:a,"aria-label":e.toValue(n)})),tooltip:{ref:o,role:"status",tabindex:"-1"}},state:{isVisible:r}}}),ul=W(({debounce:n,isVisible:t})=>{const l=e.useId(),o=e.toRef(t??!1);let r;const a=e.computed({get:()=>o.value,set:s=>{clearTimeout(r),r=setTimeout(()=>{o.value=s},e.toValue(n))}}),c={onMouseover:()=>a.value=!0,onMouseout:()=>a.value=!1,onFocusin:()=>o.value=!0,onFocusout:()=>o.value=!1};return Ot({isExpanded:o}),{elements:{trigger:{"aria-describedby":l,...c},tooltip:{role:"tooltip",id:l,tabindex:"-1",...c}},state:{isVisible:o}}}),It=(n,t="bottom")=>{const l=e.ref(t);return{openDirection:l,updateOpenDirection:()=>{var p,m,f;const r=e.unref(n);if(!r){l.value=t;return}const a=(p=We(r))==null?void 0:p.getBoundingClientRect(),c=r.getBoundingClientRect(),s=(a==null?void 0:a.top)??((m=window.visualViewport)==null?void 0:m.pageTop)??0,i=((a==null?void 0:a.bottom)??((f=window.visualViewport)==null?void 0:f.height)??0)-c.bottom,d=c.top-s;l.value=d>i?"top":"bottom"}}},We=n=>n?getComputedStyle(n).overflow.includes("hidden")?n:n.parentElement?We(n.parentElement):void 0:void 0,dl=(n,t)=>{const o=e.ref("center");return{wedgePosition:o,updateWedgePosition:()=>{var v,x,_,b;const a=e.unref(n),c=e.unref(t);if(!a||!c){o.value="center";return}const s=(v=We(a))==null?void 0:v.getBoundingClientRect(),u=a.getBoundingClientRect(),i=c.getBoundingClientRect();if(i.width<u.width){o.value="center";return}const d=(i.width-u.width+16*2)/2,p=(s==null?void 0:s.left)??((x=window.visualViewport)==null?void 0:x.pageLeft)??0,m=(s==null?void 0:s.right)??(((_=window.visualViewport)==null?void 0:_.width)??window.innerWidth)+(((b=window.visualViewport)==null?void 0:b.offsetLeft)??0),f=u.left-p,h=m-u.right,y=f>=d,g=h>=d;o.value=y===g?"center":f>h?"right":"left"}}},re=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"},alignsWithEdge:{type:Boolean,default:!1}},setup(n){const t=n,{densityClass:l}=C(t),{t:o}=V(),r=e.ref(!1),a=e.computed({set:B=>r.value=B,get:()=>typeof t.open=="boolean"?t.open:r.value}),c=e.computed(()=>({debounce:200,...typeof t.open=="object"&&t.open.type==="hover"&&t.open||{},isVisible:a})),s=e.computed(()=>({toggleLabel:o.value(`tooltip.${t.color}`),...typeof t.open=="object"&&t.open.type==="click"&&t.open||{},isVisible:a})),u=e.computed(()=>typeof t.open=="object"?t.open.type:typeof t.open=="string"?t.open:"hover"),i=e.computed(()=>({"onyx-tooltip--danger":t.color==="danger","onyx-tooltip--success":t.color==="success","onyx-tooltip--fit-parent":t.fitParent,"onyx-tooltip--aligns-with-edge":t.alignsWithEdge,"onyx-tooltip--hidden":!a.value,[`onyx-tooltip--${g.value}`]:t.position==="auto",[`onyx-tooltip--${t.position}`]:t.position!=="auto",[`onyx-tooltip--${x.value}`]:t.alignment==="auto",[`onyx-tooltip--${t.alignment}`]:t.alignment!=="auto"})),d=()=>u.value==="hover"?ul(c.value):il(s.value),p=e.shallowRef(d());e.watch(u,()=>p.value=d());const m=e.computed(()=>{var B;return(B=p.value)==null?void 0:B.elements.tooltip}),f=e.computed(()=>{var B;return e.toValue((B=p.value)==null?void 0:B.elements.trigger)}),h=e.useTemplateRef("tooltipWrapperRefEl"),y=e.useTemplateRef("tooltipRefEl"),{openDirection:g,updateOpenDirection:v}=It(h,"top"),{wedgePosition:x,updateWedgePosition:_}=dl(h,y),b=()=>{v(),_()};return _e({type:"resize",listener:()=>b()}),e.onMounted(()=>b()),e.watch(a,async()=>{await e.nextTick(),v(),_()}),(B,O)=>(e.openBlock(),e.createElementBlock("div",{ref:"tooltipWrapperRefEl",class:e.normalizeClass(["onyx-component","onyx-tooltip-wrapper",e.unref(l)])},[e.createElementVNode("div",e.mergeProps({ref:"tooltipRefEl"},m.value,{class:["onyx-tooltip","onyx-text--small","onyx-truncation-multiline",i.value]}),[t.icon?(e.openBlock(),e.createBlock(w,{key:0,icon:t.icon,size:"16px"},null,8,["icon"])):e.createCommentVNode("",!0),e.renderSlot(B.$slots,"tooltip",{},()=>[e.createTextVNode(e.toDisplayString(t.text),1)])],16),e.renderSlot(B.$slots,"default",{trigger:f.value})],2))}}),pl={class:"onyx-component"},ml={key:0,ref:"targetRef"},Je=e.defineComponent({__name:"OnyxErrorTooltip",props:{errorMessages:{},disabled:{type:Boolean}},setup(n){const t=n,l=e.computed(()=>wt(t.errorMessages)),o=e.useTemplateRef("targetRef");return(r,a)=>(e.openBlock(),e.createElementBlock("div",pl,[!l.value||t.disabled?(e.openBlock(),e.createElementBlock("div",ml,null,512)):e.createCommentVNode("",!0),l.value&&!t.disabled?(e.openBlock(),e.createBlock(re,{key:1,class:"onyx-error-tooltip",open:"hover",text:l.value,color:"danger"},{default:e.withCtx(({trigger:c})=>[e.createElementVNode("div",e.mergeProps({ref:"targetRef"},c),null,16)]),_:1},8,["text"])):e.createCommentVNode("",!0),e.unref(o)?(e.openBlock(),e.createBlock(e.Teleport,{key:2,to:e.unref(o),defer:""},[e.renderSlot(r.$slots,"default")],8,["to"])):e.createCommentVNode("",!0)]))}}),fl=["title"],yl={class:"onyx-checkbox__container"},hl=["aria-label","indeterminate","disabled","required","value","autofocus"],Q=e.defineComponent({inheritAttrs:!1,__name:"OnyxCheckbox",props:{disabled:{default:E},showError:{},requiredMarker:{default:E},autofocus:{type:Boolean},required:{type:Boolean,default:!1},density:{},customError:{},value:{},label:{},hideLabel:{type:Boolean},loading:{type:Boolean,default:!1},skeleton:{type:[Symbol,Boolean,Number],default:L},truncation:{default:"ellipsis"},modelValue:{type:Boolean,default:!1},indeterminate:{type:Boolean,default:!1}},emits:["update:modelValue","validityChange"],setup(n,{expose:t,emit:l}){const o=n,r=l,{rootAttrs:a,restAttrs:c}=j(),s=e.computed({get:()=>o.modelValue,set:x=>r("update:modelValue",x)}),{vCustomValidity:u,errorMessages:i}=Y({props:o,emit:r}),{densityClass:d}=C(o),{disabled:p,requiredMarker:m}=H(o),f=R(o),{requiredMarkerClass:h,requiredTypeClass:y}=ge(o,m),g=e.computed(()=>o.hideLabel?o.label:void 0),v=e.useTemplateRef("inputRef");return t({input:v}),Z(v,o),(x,_)=>e.unref(f)?(e.openBlock(),e.createElementBlock("div",e.mergeProps({key:0,class:["onyx-component","onyx-checkbox-skeleton",e.unref(d)]},e.unref(a)),[e.createVNode(M,{class:"onyx-checkbox-skeleton__input"}),o.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(M,{key:0,class:"onyx-checkbox-skeleton__label"}))],16)):(e.openBlock(),e.createBlock(Je,e.mergeProps({key:1,disabled:e.unref(p),"error-messages":e.unref(i)},e.unref(a)),{default:e.withCtx(()=>[e.createElementVNode("label",{class:e.normalizeClass(["onyx-component onyx-checkbox",[e.unref(y),e.unref(d)]]),title:g.value},[e.createElementVNode("div",yl,[o.loading?(e.openBlock(),e.createBlock(G,{key:0,class:"onyx-checkbox__loading",type:"circle"})):e.withDirectives((e.openBlock(),e.createElementBlock("input",e.mergeProps({key:1,ref:"inputRef","onUpdate:modelValue":_[0]||(_[0]=b=>s.value=b),"aria-label":o.hideLabel?o.label:void 0,class:"onyx-checkbox__input",type:"checkbox",indeterminate:o.indeterminate,disabled:e.unref(p),required:o.required,value:o.value,autofocus:o.autofocus},e.unref(c)),null,16,hl)),[[e.vModelCheckbox,s.value],[e.unref(u)]])]),o.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createElementVNode("p",{class:e.normalizeClass(["onyx-checkbox__label",[`onyx-truncation-${o.truncation}`,o.truncation==="multiline"?e.unref(h):void 0]])},e.toDisplayString(o.label),3),o.truncation==="ellipsis"?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["onyx-checkbox__marker",[e.unref(h)]])},null,2)):e.createCommentVNode("",!0)],64))],10,fl)]),_:1},16,["disabled","error-messages"]))}}),vl=(n,t)=>e.computed(()=>{const l=t.value.filter(r=>n.value.includes(r)),o=l.length===n.value.length;return{modelValue:o,indeterminate:!o&&n.value.length&&l.length?!0:void 0}}),Lt=(n,t,l)=>({state:vl(n,t),handleChange:o=>{const r=t.value.filter(c=>!n.value.includes(c)),a=o?r.concat(n.value):r;l(a)}}),Pe='<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>',gl={class:"onyx-component onyx-info-tooltip"},ce=e.defineComponent({__name:"OnyxInfoTooltip",props:{text:{},density:{},icon:{},color:{default:"neutral"},position:{},alignment:{},open:{type:[String,Boolean,Object],default:"click"},alignsWithEdge:{type:Boolean}},setup(n){const t=n,l=e.computed(()=>typeof t.open=="object"?t.open.type:typeof t.open=="string"?t.open:"click");return(o,r)=>(e.openBlock(),e.createElementBlock("span",gl,[l.value==="click"?(e.openBlock(),e.createBlock(re,e.normalizeProps(e.mergeProps({key:0},t)),{default:e.withCtx(({trigger:a})=>[e.createVNode(le,e.mergeProps({label:a["aria-label"],icon:e.unref(Pe),class:"onyx-info-tooltip__trigger",color:"soft"},a),null,16,["label","icon"])]),_:1},16)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createVNode(re,e.mergeProps({"aria-hidden":"true"},t),{default:e.withCtx(({trigger:a})=>[e.createElementVNode("span",e.mergeProps({class:"onyx-info-tooltip__trigger"},a),[e.createVNode(w,{icon:e.unref(Pe)},null,8,["icon"])],16)]),_:1},16),e.createVNode(oe,null,{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.text),1)]),_:1})],64))]))}}),_l=["disabled","aria-label"],xl={key:0,class:"onyx-checkbox-group__label"},kl=e.defineComponent({__name:"OnyxCheckboxGroup",props:{truncation:{default:"ellipsis"},label:{},labelTooltip:{},hideLabel:{type:Boolean},density:{},skeleton:{type:[Symbol,Boolean,Number],default:L},disabled:{default:E},requiredMarker:{default:E},options:{},modelValue:{default:()=>[]},direction:{default:"vertical"},withCheckAll:{type:[Boolean,Object],default:!1}},emits:["update:modelValue"],setup(n,{expose:t,emit:l}){const o=n,{densityClass:r}=C(o),a=l,{t:c}=V(),s=(y,g)=>{const v=g?[...o.modelValue,y]:o.modelValue.filter(x=>x!==y);a("update:modelValue",v)},u=e.computed(()=>o.options.filter(y=>!y.disabled&&!y.skeleton).map(({value:y})=>y)),{disabled:i,requiredMarker:d}=H(o),p=R(o),m=Lt(u,e.computed(()=>o.modelValue),y=>a("update:modelValue",y)),f=e.computed(()=>{var g;const y=c.value("selections.selectAll");return typeof o.withCheckAll=="boolean"?y:((g=o.withCheckAll)==null?void 0:g.label)??y}),h=e.useTemplateRef("checkboxesRef");return t({inputs:e.computed(()=>(Array.isArray(h.value)?h.value:[h.value]).filter(Boolean).flatMap(g=>g.input))}),(y,g)=>(e.openBlock(),e.createElementBlock("fieldset",{class:e.normalizeClass(["onyx-component","onyx-checkbox-group",e.unref(r)]),disabled:e.unref(i),"aria-label":o.label},[o.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("legend",xl,[e.createVNode(X,{is:"h3"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.label),1)]),_:1}),o.labelTooltip?(e.openBlock(),e.createBlock(ce,{key:0,open:"hover",text:o.labelTooltip},null,8,["text"])):e.createCommentVNode("",!0)])),e.createElementVNode("div",{class:e.normalizeClass(["onyx-checkbox-group__content",{"onyx-checkbox-group__content--horizontal":o.direction==="horizontal","onyx-checkbox-group__content--vertical":o.direction==="vertical"}])},[e.unref(p)?typeof e.unref(p)=="number"?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(e.unref(p),v=>(e.openBlock(),e.createBlock(Q,{key:v,label:`Skeleton ${v}`,value:`skeleton-${v}`,skeleton:""},null,8,["label","value"]))),128)):e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[o.withCheckAll?(e.openBlock(),e.createBlock(Q,e.mergeProps({key:0,"required-marker":e.unref(d)},e.unref(m).state.value,{label:f.value,value:"all",class:"onyx-checkbox-group__option onyx-checkbox-group__check-all","onUpdate:modelValue":e.unref(m).handleChange}),null,16,["required-marker","label","onUpdate:modelValue"])):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.options,v=>(e.openBlock(),e.createBlock(Q,e.mergeProps({key:v.value.toString(),ref_for:!0},v,{ref_for:!0,ref:"checkboxesRef","required-marker":e.unref(d),truncation:v.truncation??o.truncation,"model-value":o.modelValue.includes(v.value),class:"onyx-checkbox-group__option","onUpdate:modelValue":x=>s(v.value,x)}),null,16,["required-marker","truncation","model-value","onUpdate:modelValue"]))),128))],64))],2)],10,_l))}}),bl='<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>',Dt='<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>',Bl={class:"onyx-empty__label onyx-text onyx-truncation-multiline"},Xe=e.defineComponent({__name:"OnyxEmpty",props:{density:{}},setup(n){const t=n,{densityClass:l}=C(t);return(o,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["onyx-component","onyx-empty",e.unref(l)])},[e.renderSlot(o.$slots,"icon",{},()=>[e.createVNode(w,{icon:e.unref(Dt),size:"48px"},null,8,["icon"])]),e.createElementVNode("div",Bl,[e.renderSlot(o.$slots,"default")])],2))}}),Cl={class:"onyx-table-wrapper onyx-component"},wl=["tabindex"],El=["span"],Vl={key:0,class:"onyx-table__header"},Sl={key:0},Nl=["colspan"],Ml={class:"onyx-table__empty"},$l={colspan:"100%"},Tl={class:"onyx-table__empty-content"},At=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 t=n,l=e.useSlots(),{t:o}=V(),{densityClass:r}=C(t),a=e.computed(()=>o.value("table.empty"));return(c,s)=>{var u;return e.openBlock(),e.createElementBlock("div",Cl,[e.createElementVNode("div",{class:e.normalizeClass({"onyx-table-wrapper__scroll-container":!t.withPageScrolling}),tabindex:t.withPageScrolling?void 0:0},[e.createElementVNode("table",{class:e.normalizeClass(["onyx-table onyx-text",[t.striped?"onyx-table--striped":"",t.withVerticalBorders?"onyx-table--vertical-borders":"",e.unref(r)]])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.columnGroups,i=>(e.openBlock(),e.createElementBlock("colgroup",{key:i.key,span:i.span},null,8,El))),128)),l.head?(e.openBlock(),e.createElementBlock("thead",Vl,[(u=t.columnGroups)!=null&&u.length?(e.openBlock(),e.createElementBlock("tr",Sl,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.columnGroups,i=>(e.openBlock(),e.createElementBlock("th",{key:i.key,colspan:i.span,scope:"colgroup",class:"onyx-table__colgroup"},e.toDisplayString(i.header),9,Nl))),128))])):e.createCommentVNode("",!0),e.renderSlot(c.$slots,"head")])):e.createCommentVNode("",!0),e.createElementVNode("tbody",null,[e.renderSlot(c.$slots,"default",{},()=>[e.createElementVNode("tr",Ml,[e.createElementVNode("td",$l,[e.createElementVNode("div",Tl,[e.renderSlot(c.$slots,"empty",{defaultMessage:a.value},()=>[e.createVNode(Xe,null,{icon:e.withCtx(()=>[e.createVNode(w,{icon:e.unref(bl),size:"48px"},null,8,["icon"])]),default:e.withCtx(()=>[e.createTextVNode(" "+e.toDisplayString(a.value),1)]),_:1})])])])])])])],2)],10,wl)])}}}),Rt=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 t=n;return(l,o)=>(e.openBlock(),e.createBlock(At,e.mergeProps({class:"onyx-data-grid"},t),{head:e.withCtx(()=>[e.createElementVNode("tr",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.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)))],16))),128))])]),empty:e.withCtx(()=>[e.renderSlot(l.$slots,"empty")]),default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.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(t.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))]),_:3},16))}}),Ol='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3.75 14.25a2.25 2.25 0 1 0 0-4.5 2.25 2.25 0 0 0 0 4.5m8.25 0a2.25 2.25 0 1 0 0-4.5 2.25 2.25 0 0 0 0 4.5M22.5 12a2.25 2.25 0 1 1-4.5 0 2.25 2.25 0 0 1 4.5 0"/></svg>',Il=["aria-label"],xe=e.defineComponent({__name:"OnyxFlyoutMenu",props:e.mergeModels({trigger:{default:"hover"},label:{}},{open:{type:Boolean,default:!1},openModifiers:{}}),emits:["update:open"],setup(n){const t=n,l=e.useModel(n,"open"),o=e.useSlots(),{elements:{root:r,button:a,menu:c}}=al({isExpanded:e.computed(()=>!!l.value),onToggle:()=>l.value=!l.value,trigger:e.computed(()=>t.trigger)});return(s,u)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps({class:"onyx-component onyx-flyout-menu"},e.unref(r)),[e.renderSlot(s.$slots,"button",{trigger:e.unref(a)}),o.options||o.header||o.footer?e.withDirectives((e.openBlock(),e.createElementBlock("div",{key:0,"aria-label":t.label,class:e.normalizeClass({"onyx-flyout-menu__list--with-header":!!o.header,"onyx-flyout-menu__list--with-footer":!!o.footer,"onyx-flyout-menu__list":!0})},[e.renderSlot(s.$slots,"header"),o.options?(e.openBlock(),e.createElementBlock("ul",e.mergeProps({key:0},e.unref(c),{class:"onyx-flyout-menu__wrapper onyx-flyout-menu__group"}),[e.renderSlot(s.$slots,"options")],16)):e.createCommentVNode("",!0),e.renderSlot(s.$slots,"footer")],10,Il)),[[e.vShow,l.value]]):e.createCommentVNode("",!0)],16))}}),Ll={class:"onyx-component onyx-data-grid-header-cell"},Dl={class:"onyx-data-grid-header-cell__label"},Al={key:0,class:"onyx-data-grid-header-cell__actions"},Rl=e.defineComponent({__name:"HeaderCell",props:{label:{}},setup(n){const t=n,l=e.useSlots();return(o,r)=>(e.openBlock(),e.createElementBlock("div",Ll,[e.createElementVNode("span",Dl,e.toDisplayString(t.label),1),l.actions?(e.openBlock(),e.createElementBlock("div",Al,[e.renderSlot(o.$slots,"actions")])):e.createCommentVNode("",!0)]))}});function Pl(n){return n}const Pt=(n,{t,columnConfig:l})=>{const o=e.computed(()=>{const d=e.toValue(l).map(p=>typeof p!="object"?{key:p}:p);return n.flatMap(({modifyColumns:p})=>p).reduce((p,m)=>m!=null&&m.func?m.func(p):p,d)}),r=new Map(n.flatMap(({typeRenderer:d})=>d&&Kn(d)).filter(Boolean)),a={header:{component:Rl},cell:{component:d=>String(d.modelValue)}},c=(d,p)=>{var m;return((m=r.get(p))==null?void 0:m[d])??a[d]},s=()=>{const p=n.map(m=>m.header).filter(m=>!!m).map(m=>m.actions).filter(m=>!!m);return o.value.map(m=>{var v;const f=p.flatMap(x=>x(m)),h=c("header",m.type),y=((v=m.label)==null?void 0:v.trim())??String(m.key);if(f.length>1){const x=f.map(({menuItems:b})=>b).filter(b=>!!b),_=e.h(xe,{label:t.value("navigation.moreActionsFlyout",{column:y}),trigger:"click"},{button:({trigger:b})=>e.h(le,{label:t.value("navigation.moreActionsTrigger"),color:"medium",icon:Ol,...b}),options:()=>x});return{...h,key:m.key,component:()=>e.h(h.component,{label:y},{actions:()=>_})}}const g=f.map(({iconComponent:x})=>x);return{...h,key:m.key,component:()=>e.h(h.component,{label:y},{actions:()=>g})}})},u=d=>{const p=n.map(f=>f.mutation).filter(f=>!!f),m=[...d];return p.forEach(({func:f})=>f(m)),m.map(f=>{const h=o.value.reduce((y,{key:g,type:v})=>(y[g]={...c("cell",v),props:{row:f,modelValue:f[g]}},y),{});return{id:f.id,cells:h}})},i=n.flatMap(d=>d.watch??[]);return{createRendererRows:u,createRendererColumns:s,watchSources:i}},zl=e.defineComponent({__name:"OnyxDataGrid",props:{features:{default:()=>[]},columns:{},data:{}},setup(n){const t=n,{t:l}=V(),o=e.ref([]),r=e.ref([]),{columns:a,data:c,features:s}=e.toRefs(t);let u;const i=({createRendererColumns:d,createRendererRows:p,watchSources:m})=>e.watch([c,l,...m],()=>{o.value=d(),r.value=p(c.value)},{immediate:!0,deep:!0});return e.watch(s,()=>{const d=Pt(s.value,{t:l,columnConfig:a});u==null||u(),u=i(d)},{immediate:!0}),(d,p)=>(e.openBlock(),e.createBlock(Rt,{columns:o.value,rows:r.value},{empty:e.withCtx(()=>[e.renderSlot(d.$slots,"empty")]),_:3},8,["columns","rows"]))}}),Fl=Symbol("Selection"),Ne=Symbol("SelectionColumn"),Hl=n=>{const t=e.toRef((n==null?void 0:n.selectionState)??{selectMode:"include",contingent:new Set}),l=e.toRef((n==null?void 0:n.disabled)??!1),o=e.toRef((n==null?void 0:n.hover)??!1),r=i=>t.value.selectMode==="include"?t.value.contingent.has(i):!t.value.contingent.has(i),a=i=>{t.value.selectMode=i?"exclude":"include",t.value.contingent.clear()},c=(i,d)=>{t.value.selectMode==="include"&&i===!0||t.value.selectMode==="exclude"&&i===!1?t.value.contingent.add(d):t.value.contingent.delete(d)},s=()=>t.value.contingent.size!==0,{t:u}=V();return{name:Fl,watch:[t,o,l],modifyColumns:{func:i=>l.value?[...i]:[{key:Ne,type:Ne},...i]},typeRenderer:{[Ne]:{header:{thAttributes:{class:"onyx-data-grid-selection-cell"},component:()=>e.h(Q,{label:t.value.selectMode==="include"?u.value("dataGrid.head.selection.selectAll"):u.value("dataGrid.head.selection.deselectAll"),value:"selection-all-rows",hideLabel:!0,indeterminate:s(),"onUpdate:modelValue":i=>a(i),modelValue:t.value.selectMode==="exclude"})},cell:{tdAttributes:{class:{"onyx-data-grid-selection-cell":!0}},component:({row:i})=>{const d=r(i.id),p=String(i.id),m=t.value.selectMode==="include"?u.value("dataGrid.head.selection.select",{id:p}):u.value("dataGrid.head.selection.deselect",{id:p});return e.h(Q,{class:{"onyx-data-grid-selection-cell__checkbox":!0,"onyx-data-grid-selection-cell__checkbox--hover":o.value,"onyx-data-grid-selection-cell__checkbox--checked":d},value:`selection-${p}`,hideLabel:!0,"onUpdate:modelValue":f=>c(f,i.id),label:m,modelValue:d})}}}}}},zt='<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>',Ft='<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>',Ul='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 1.5a10.5 10.5 0 1 0 0 21 10.5 10.5 0 0 0 0-21M21 12a8.96 8.96 0 0 1-2.134 5.806L6.191 5.13A8.991 8.991 0 0 1 21 12M3 12c0-2.127.756-4.185 2.134-5.806l12.675 12.672A8.99 8.99 0 0 1 3 12"/></svg>',ke=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 t=n,{densityClass:l}=C(t);return(o,r)=>(e.openBlock(),e.createElementBlock("li",{class:e.normalizeClass({"onyx-component":!0,"onyx-list-item":!0,...e.unref(l),"onyx-list-item--active":t.active,[`onyx-list-item--${t.color}`]:t.color,"onyx-list-item--disabled":t.disabled,"onyx-list-item--selected":t.selected,"onyx-list-item--checked":t.checked})},[e.renderSlot(o.$slots,"default")],2))}}),ql=["disabled"],be=e.defineComponent({__name:"OnyxMenuItem",props:{link:{},active:{type:[Boolean,String],default:"auto"},disabled:{type:Boolean},color:{}},setup(n){const t=n,{elements:{listItem:l,menuItem:o}}=Tt(),{isActive:r}=se(),a=e.computed(()=>t.active!=="auto"?t.active:r.value(t.link)),c=e.computed(()=>o({active:a.value,disabled:t.disabled}));return(s,u)=>(e.openBlock(),e.createBlock(ke,e.mergeProps({selected:a.value,active:a.value,color:t.color,disabled:t.disabled,class:"onyx-component onyx-menu-item"},e.unref(l)),{default:e.withCtx(()=>[t.link?(e.openBlock(),e.createBlock(ne,e.mergeProps({key:0,class:"onyx-menu-item__trigger"},{...c.value,...e.unref(J)(t.link)}),{default:e.withCtx(()=>[e.renderSlot(s.$slots,"default")]),_:3},16)):(e.openBlock(),e.createElementBlock("button",e.mergeProps({key:1,class:"onyx-menu-item__trigger",type:"button",disabled:t.disabled},c.value),[e.renderSlot(s.$slots,"default")],16,ql))]),_:3},16,["selected","active","color","disabled"]))}}),Gl='<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>',Kl=e.defineComponent({__name:"SortAction",props:{columnLabel:{},sortDirection:{}},setup(n){const t=n,{t:l}=V(),o=e.computed(()=>t.sortDirection==="asc"?Ft:t.sortDirection==="desc"?zt:Gl),r=e.computed(()=>{const a=ze(t.sortDirection);return l.value(`dataGrid.head.sorting.action.${a}`,{field:t.columnLabel})});return(a,c)=>(e.openBlock(),e.createBlock(le,{label:r.value,icon:o.value,color:"medium"},null,8,["label","icon"]))}}),ze=n=>{switch(n){case"asc":return"desc";case"desc":return"none";case"none":default:return"asc"}},jl=Symbol("Sorting"),Zl=n=>{const t=e.toRef((n==null?void 0:n.sortState)??{column:void 0,direction:"none"}),l=e.computed(()=>p=>{var f;const m=e.toValue(n==null?void 0:n.columns);return((f=m==null?void 0:m[p])==null?void 0:f.sortFunc)??c.value}),o=e.computed(()=>p=>{var f;const m=e.toValue(n==null?void 0:n.columns);return!m||((f=m==null?void 0:m[p])==null?void 0:f.enabled)===!0}),{locale:r,t:a}=V(),c=e.computed(()=>(p,m)=>new Intl.Collator(r.value).compare(String(p),String(m))),s=p=>{const m=t.value.column===p?ze(t.value.direction):ze(),f=m!=="none"?p:void 0;t.value={direction:m,column:f}},u=p=>{const{column:m,direction:f}=t.value;if(!m||f==="none")return;const h=f==="asc"?1:-1,y=l.value(m);p.sort((g,v)=>y(g[m],v[m])*h)},i=e.computed(()=>(p,m)=>t.value.column===p&&t.value.direction===m),d=(p,m)=>{const f={none:Ul,asc:Ft,desc:zt};return e.h(be,{active:i.value(p,m),onClick:()=>t.value={column:p,direction:m}},()=>[e.h(w,{icon:f[m]}),a.value(`dataGrid.head.sorting.menu.${m}`)])};return{name:jl,watch:[t,c],mutation:{func:u},header:{actions:({key:p})=>o.value(p)?[{iconComponent:e.h(Kl,{columnLabel:String(p),sortDirection:t.value.column===p?t.value.direction:void 0,onClick:()=>s(p)}),menuItems:[d(p,"none"),d(p,"asc"),d(p,"desc")]}]:[]}}},Yl=Object.freeze(Object.defineProperty({__proto__:null,useSelection:Hl,useSorting:Zl},Symbol.toStringTag,{value:"Module"})),ie=n=>e.computed(()=>n.value===!0?"onyx-form-element--immediate-invalid":n.value===!1?"onyx-form-element--suppress-invalid":"onyx-form-element--touched-invalid"),Wl={class:e.normalizeClass(["onyx-truncation-ellipsis"])},Me=e.defineComponent({__name:"FormMessage",props:{messages:{},type:{}},setup(n){const t=n;return(l,o)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(l.messages.hidden?oe:"span"),{class:e.normalizeClass(["onyx-component","onyx-form-message",`onyx-form-message__${t.type}`])},{default:e.withCtx(()=>[e.createElementVNode("span",Wl,e.toDisplayString(t.messages.shortMessage),1),t.messages.longMessage?(e.openBlock(),e.createBlock(ce,{key:0,class:"onyx-form-message__tooltip",position:"bottom",open:"hover",color:t.type,text:t.messages.longMessage},null,8,["color","text"])):e.createCommentVNode("",!0)]),_:1},8,["class"]))}}),Jl={key:0,class:"onyx-form-element__label onyx-text--small"},Xl=["for"],Ql={class:"onyx-form-element__footer onyx-text--small"},ea={class:"onyx-form-element__footer-messages"},ue=e.defineComponent({__name:"OnyxFormElement",props:e.mergeModels({disabled:{},showError:{},requiredMarker:{default:E},required:{type:Boolean,default:!1},density:{},customError:{},autofocus:{type:Boolean},id:{default:()=>e.useId()},name:{},label:{},labelTooltip:{},hideLabel:{type:Boolean},readonly:{type:Boolean},loading:{type:Boolean},skeleton:{type:[Symbol,Boolean,Number]},placeholder:{},maxlength:{},withCounter:{type:Boolean},minlength:{},autocapitalize:{},autocomplete:{},errorMessages:{},message:{},successMessages:{}},{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(n){const t=n,{requiredMarker:l}=H(t),{requiredMarkerClass:o,requiredTypeClass:r}=ge(t,l),a=e.useModel(n,"modelValue"),c=e.computed(()=>{var s;if(t.withCounter&&t.maxlength){const u=(((s=a.value)==null?void 0:s.toString())??"").length,i=typeof t.maxlength=="object"?t.maxlength.max:t.maxlength,d=u>i;return{length:u,maxLength:i,violated:d}}});return(s,u)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["onyx-component","onyx-form-element",e.unref(r),s.successMessages?"onyx-form-element--success":void 0])},[t.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",Jl,[e.createElementVNode("label",{for:t.id,class:"onyx-truncation-ellipsis"},e.toDisplayString(t.label),9,Xl),t.required?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass([t.required?e.unref(o):void 0])},null,2)):e.createCommentVNode("",!0),t.labelTooltip?(e.openBlock(),e.createBlock(ce,{key:1,class:"onyx-form-element__label-tooltip",open:"hover",text:t.labelTooltip},null,8,["text"])):e.createCommentVNode("",!0),t.required?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("span",{key:2,class:e.normalizeClass([t.required?void 0:e.unref(o)])},null,2))])),e.renderSlot(s.$slots,"default",{id:t.id}),e.createElementVNode("div",Ql,[e.createElementVNode("span",ea,[t.errorMessages?(e.openBlock(),e.createBlock(Me,{key:0,class:"onyx-form-element__error-message",messages:t.errorMessages,type:"danger"},null,8,["messages"])):e.createCommentVNode("",!0),t.successMessages?(e.openBlock(),e.createBlock(Me,{key:1,class:"onyx-form-element__success-message",messages:t.successMessages,type:"success"},null,8,["messages"])):e.createCommentVNode("",!0),t.message?(e.openBlock(),e.createBlock(Me,{key:2,class:"onyx-form-element__message",messages:t.message,type:"neutral"},null,8,["messages"])):e.createCommentVNode("",!0)]),c.value?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass({"onyx-form-element__counter":!0,"onyx-form-element__counter--violated":c.value.violated})},e.toDisplayString(c.value.length)+"/"+e.toDisplayString(c.value.maxLength),3)):e.createCommentVNode("",!0)])],2))}}),ta={class:"onyx-datepicker__wrapper"},oa=["id","type","required","autofocus","name","readonly","disabled","aria-label","title","min","max"],na=e.defineComponent({inheritAttrs:!1,__name:"OnyxDatePicker",props:{disabled:{default:E},showError:{default:E},requiredMarker:{},required:{type:Boolean,default:!1},density:{},customError:{},autofocus:{type:Boolean},id:{},name:{},label:{},labelTooltip:{},hideLabel:{type:Boolean},readonly:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},skeleton:{type:[Symbol,Boolean,Number],default:L},error:{},message:{},success:{},hideSuccessIcon:{type:Boolean},hideClearIcon:{type:Boolean},modelValue:{},type:{default:"date"},min:{},max:{}},emits:["update:modelValue","validityChange"],setup(n,{emit:t}){const l=n,o=t,{rootAttrs:r,restAttrs:a}=j(),{vCustomValidity:c,errorMessages:s}=Y({props:l,emit:o}),u=e.computed(()=>q(l.success)),i=e.computed(()=>q(l.message)),{densityClass:d}=C(l),{disabled:p,showError:m}=H(l),f=R(l),h=ie(m),y=e.computed(()=>x=>{const _=x!=null?new Date(x):void 0;if(!Le(_))return;const b=_.toISOString().split("T")[0];if(l.type==="date")return b;const B=_.getHours().toString().padStart(2,"0"),O=_.getMinutes().toString().padStart(2,"0");return`${b}T${B}:${O}`}),g=e.computed({get:()=>y.value(l.modelValue),set:x=>{const _=new Date(x??"");o("update:modelValue",Le(_)?_.toISOString():void 0)}}),v=e.useTemplateRef("inputRef");return Z(v,l),(x,_)=>e.unref(f)?(e.openBlock(),e.createElementBlock("div",e.mergeProps({key:0,class:["onyx-component","onyx-datepicker-skeleton",e.unref(d)]},e.unref(r)),[l.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(M,{key:0,class:"onyx-datepicker-skeleton__label"})),e.createVNode(M,{class:"onyx-datepicker-skeleton__input"})],16)):(e.openBlock(),e.createElementBlock("div",e.mergeProps({key:1,class:["onyx-component","onyx-datepicker",e.unref(d),e.unref(h)]},e.unref(r)),[e.createVNode(ue,e.mergeProps(l,{"error-messages":e.unref(s),"success-messages":u.value,message:i.value}),{default:e.withCtx(({id:b})=>[e.createElementVNode("div",ta,[l.loading?(e.openBlock(),e.createBlock(G,{key:0,class:"onyx-datepicker__loading",type:"circle"})):e.createCommentVNode("",!0),e.withDirectives((e.openBlock(),e.createElementBlock("input",e.mergeProps({id:b,key:l.type,ref:"inputRef","onUpdate:modelValue":_[0]||(_[0]=B=>g.value=B),class:["onyx-datepicker__native",{"onyx-datepicker__native--success":u.value}],type:l.type,required:l.required,autofocus:l.autofocus,name:l.name,readonly:l.readonly,disabled:e.unref(p)||l.loading,"aria-label":l.hideLabel?l.label:void 0,title:l.hideLabel?l.label:void 0,min:y.value(l.min),max:y.value(l.max)},e.unref(a)),null,16,oa)),[[e.vModelDynamic,g.value],[e.unref(c)]])])]),_:1},16,["error-messages","success-messages","message"])],16))}}),la='<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>',Be=e.defineComponent({__name:"OnyxExternalLinkIcon",props:{href:{},withExternalIcon:{type:[Boolean,String],default:"auto"}},setup(n){const t=n,l=e.computed(()=>{const o=t.withExternalIcon;return o!=="auto"?o:!_t(t.href??"")});return(o,r)=>l.value?(e.openBlock(),e.createBlock(w,{key:0,class:"onyx-component onyx-external-link-icon",icon:e.unref(la),size:"16px"},null,8,["icon"])):e.createCommentVNode("",!0)}}),aa=["h1","h2","h3","h4","h5","h6"],ra=["12px","16px","24px","32px","48px","64px","96px"],sa=["aria-label","title","type","disabled","autofocus"],Ht=e.defineComponent({__name:"OnyxIconButton",props:{density:{},autofocus:{type:Boolean},label:{},disabled:{default:E},type:{default:"button"},color:{default:"primary"},loading:{type:Boolean},icon:{},skeleton:{type:[Symbol,Boolean,Number],default:L}},setup(n){const t=n,{densityClass:l}=C(t),{disabled:o}=H(t),r=R(t);return(a,c)=>e.unref(r)?(e.openBlock(),e.createBlock(M,{key:0,class:e.normalizeClass(["onyx-icon-button-skeleton",e.unref(l)])},null,8,["class"])):(e.openBlock(),e.createElementBlock("button",{key:1,class:e.normalizeClass(["onyx-component onyx-icon-button",[`onyx-icon-button--${t.color}`,{"onyx-icon-button--loading":t.loading},e.unref(l)]]),"aria-label":t.label,title:t.label,type:t.type,disabled:e.unref(o)||t.loading,autofocus:t.autofocus},[t.loading?(e.openBlock(),e.createBlock(G,{key:0,type:"circle"})):t.icon?(e.openBlock(),e.createBlock(w,{key:1,icon:t.icon},null,8,["icon"])):e.renderSlot(a.$slots,"default",{key:2})],10,sa))}}),Qe='<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>',Ut=n=>{const{t}=V(),l=e.computed(()=>{const a=n.props.maxlength;return{max:a&&(typeof a=="number"?a:a.max),strict:(typeof a=="object"&&a.strict)??!1}}),o=e.computed(()=>{const{strict:a,max:c}=l.value,s=e.toValue(n.modelValue);return!a&&s&&c&&s.length>c?{longMessage:t.value("validations.tooLong.fullError",{n:s.length,maxLength:c}),shortMessage:t.value("validations.tooLong.preview",{n:s.length,maxLength:c})}:void 0}),r=e.computed(()=>l.value.strict?l.value.max:void 0);return{maxLengthError:o,maxLength:r}},ca={class:"onyx-input__wrapper"},ia={key:0,class:"onyx-input__separator onyx-input__separator--leading"},ua=["id","placeholder","type","required","autocapitalize","autocomplete","autofocus","name","pattern","readonly","disabled","maxlength","minlength","aria-label","title"],da=["aria-label","title"],pa={key:4,class:"onyx-input__separator onyx-input__separator--trailing"},ma=e.defineComponent({inheritAttrs:!1,__name:"OnyxInput",props:e.mergeModels({disabled:{default:E},showError:{default:E},requiredMarker:{default:E},required:{type:Boolean,default:!1},density:{},customError:{},autofocus:{type:Boolean},id:{},name:{},label:{},labelTooltip:{},hideLabel:{type:Boolean},readonly:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},skeleton:{type:[Symbol,Boolean,Number],default:L},error:{},message:{},success:{},placeholder:{},maxlength:{},withCounter:{type:Boolean},minlength:{},autocapitalize:{default:"sentences"},autocomplete:{},type:{default:"text"},pattern:{},hideSuccessIcon:{type:Boolean,default:!1},hideClearIcon:{type:Boolean,default:!1}},{modelValue:{default:""},modelModifiers:{}}),emits:e.mergeModels(["validityChange"],["update:modelValue"]),setup(n,{expose:t,emit:l}){const o=n,r=l,a=e.useSlots(),c=e.useModel(n,"modelValue"),{rootAttrs:s,restAttrs:u}=j(),{t:i}=V(),{maxLength:d,maxLengthError:p}=Ut({modelValue:c,props:o}),m=e.computed(()=>o.customError??p.value),{vCustomValidity:f,errorMessages:h}=Y({props:o,emit:r,customError:m}),y=e.computed(()=>q(o.success)),g=e.computed(()=>q(o.message)),{densityClass:v}=C(o),x=e.computed(()=>o.pattern instanceof RegExp?o.pattern.source:o.pattern),_=e.useTemplateRef("inputRef");t({input:_});const{disabled:b,showError:B}=H(o),O=R(o),T=ie(B);return Z(_,o),($,P)=>e.unref(O)?(e.openBlock(),e.createElementBlock("div",e.mergeProps({key:0,class:["onyx-component","onyx-input-skeleton",e.unref(v)]},e.unref(s)),[o.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(M,{key:0,class:"onyx-input-skeleton__label"})),e.createVNode(M,{class:"onyx-input-skeleton__input"})],16)):(e.openBlock(),e.createElementBlock("div",e.mergeProps({key:1,class:["onyx-component","onyx-input",e.unref(v),e.unref(T)]},e.unref(s)),[e.createVNode(ue,e.mergeProps(o,{"error-messages":e.unref(h),"success-messages":y.value,message:g.value}),{default:e.withCtx(({id:I})=>[e.createElementVNode("div",ca,[e.renderSlot($.$slots,"leading"),a.leading?(e.openBlock(),e.createElementBlock("hr",ia)):e.createCommentVNode("",!0),o.loading?(e.openBlock(),e.createBlock(G,{key:1,class:"onyx-input__loading",type:"circle"})):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("input",e.mergeProps({id:I,ref:"inputRef","onUpdate:modelValue":P[0]||(P[0]=A=>c.value=A),placeholder:o.placeholder,class:"onyx-input__native",type:o.type,required:o.required,autocapitalize:o.autocapitalize,autocomplete:o.autocomplete,autofocus:o.autofocus,name:o.name,pattern:x.value,readonly:o.readonly,disabled:e.unref(b)||o.loading,maxlength:e.unref(d),minlength:o.minlength,"aria-label":o.hideLabel?o.label:void 0,title:o.hideLabel?o.label:void 0},e.unref(u)),null,16,ua),[[e.vModelDynamic,c.value],[e.unref(f)]]),!o.hideClearIcon&&c.value!==""?(e.openBlock(),e.createElementBlock("button",{key:2,type:"button",class:"onyx-input__clear","aria-label":e.unref(i)("input.clear"),title:e.unref(i)("input.clear"),tabindex:"-1",onClick:P[1]||(P[1]=()=>c.value="")},[e.createVNode(w,{icon:e.unref(te)},null,8,["icon"])],8,da)):e.createCommentVNode("",!0),!o.hideSuccessIcon&&y.value?(e.openBlock(),e.createBlock(w,{key:3,class:"onyx-input__check-icon",icon:e.unref(Qe),color:"success"},null,8,["icon"])):e.createCommentVNode("",!0),a.trailing?(e.openBlock(),e.createElementBlock("hr",pa)):e.createCommentVNode("",!0),e.renderSlot($.$slots,"trailing")])]),_:3},16,["error-messages","success-messages","message"])],16))}}),fa=["email","password","search","tel","text","url"],ya=e.defineComponent({__name:"OnyxLink",props:{href:{},withExternalIcon:{type:[Boolean,String],default:"auto"},target:{default:"_self"}},setup(n){const t=n;return(l,o)=>(e.openBlock(),e.createBlock(ne,e.mergeProps({class:"onyx-component onyx-link"},t),{default:e.withCtx(()=>[e.renderSlot(l.$slots,"default"),e.createVNode(Be,e.normalizeProps(e.guardReactiveProps(t)),null,16)]),_:3},16))}}),ha='<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>',va=["placeholder","aria-label"],ga=["aria-label"],qt=e.defineComponent({inheritAttrs:!1,__name:"OnyxMiniSearch",props:e.mergeModels({density:{},label:{}},{modelValue:{default:""},modelModifiers:{}}),emits:e.mergeModels(["clear"],["update:modelValue"]),setup(n,{expose:t,emit:l}){const o=n,r=l,a=e.useModel(n,"modelValue"),{rootAttrs:c,restAttrs:s}=j(),{densityClass:u}=C(o),{t:i}=V(),d=e.useTemplateRef("inputRef"),p=e.computed(()=>i.value("select.searchPlaceholder"));return t({focus:()=>{var m;return(m=d.value)==null?void 0:m.focus()}}),(m,f)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps({class:["onyx-component","onyx-mini-search",e.unref(u)]},e.unref(c),{style:{"--onyx-placeholder-character-count":p.value.length}}),[e.withDirectives(e.createElementVNode("input",e.mergeProps({ref:"inputRef","onUpdate:modelValue":f[0]||(f[0]=h=>a.value=h),class:"onyx-mini-search__input onyx-text",placeholder:p.value,type:"text",size:"1"},e.unref(s),{"aria-label":o.label}),null,16,va),[[e.vModelText,a.value]]),e.createElementVNode("button",{type:"button",class:"onyx-mini-search__clear","aria-label":e.unref(i)("select.clearSearch"),tabindex:"-1",onMousedown:f[1]||(f[1]=e.withModifiers(()=>{},["prevent"])),onClick:f[2]||(f[2]=h=>r("clear"))},[e.createVNode(w,{icon:e.unref(te)},null,8,["icon"])],40,ga),e.createVNode(w,{class:"onyx-mini-search__icon",icon:e.unref(ha)},null,8,["icon"])],16))}}),_a='<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>',xa={class:"onyx-component onyx-mobile-nav-button"},ka=["aria-label"],ba={class:"onyx-mobile-nav-button__flyout"},Ba={class:"onyx-mobile-nav-button__menu"},Fe=e.defineComponent({__name:"OnyxMobileNavButton",props:{label:{},icon:{},open:{type:Boolean,default:!1},headline:{}},emits:["update:open"],setup(n,{emit:t}){const l=n,o=t;return(r,a)=>(e.openBlock(),e.createElementBlock("div",xa,[e.createElementVNode("button",{type:"button",class:e.normalizeClass(["onyx-mobile-nav-button__trigger",{"onyx-mobile-nav-button__trigger--active":l.open}]),"aria-label":l.label,onClick:a[0]||(a[0]=c=>o("update:open",!l.open))},[e.createVNode(w,{icon:l.open?e.unref(_a):l.icon},null,8,["icon"])],10,ka),l.open?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createElementVNode("div",ba,[e.createElementVNode("div",Ba,[l.headline?(e.openBlock(),e.createBlock(X,{key:0,is:"h2",class:"onyx-mobile-nav-button__headline"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(l.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]=c=>o("update:open",!1))})],64)):e.createCommentVNode("",!0)]))}}),Ca={class:"onyx-modal-dialog__header"},wa={class:"onyx-modal-dialog__headline"},Ea=["id"],Gt=e.defineComponent({__name:"OnyxModalDialog",props:{density:{},label:{},open:{type:Boolean},alert:{type:Boolean}},emits:["close"],setup(n,{emit:t}){const l=n,o=t,r=e.useSlots(),{t:a}=V(),{densityClass:c}=C(l),s=e.useId(),u=e.computed(()=>!!r.description);return(i,d)=>(e.openBlock(),e.createBlock(Ze,e.mergeProps(l,{class:["onyx-modal-dialog",e.unref(c)],"aria-describedby":u.value?e.unref(s):void 0,modal:"",onClose:d[1]||(d[1]=p=>o("close"))}),{default:e.withCtx(()=>[e.createElementVNode("div",Ca,[e.createElementVNode("div",wa,[e.renderSlot(i.$slots,"headline",{label:l.label},()=>[e.createVNode(X,{is:"h2"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(l.label),1)]),_:1})]),e.createVNode(le,{class:"onyx-alert-dialog__close",label:e.unref(a)("dialog.close"),icon:e.unref(te),onClick:d[0]||(d[0]=p=>o("close"))},null,8,["label","icon"])]),u.value?(e.openBlock(),e.createElementBlock("div",{key:0,id:e.unref(s),class:"onyx-modal-dialog__description onyx-text--small"},[e.renderSlot(i.$slots,"description")],8,Ea)):e.createCommentVNode("",!0)]),e.renderSlot(i.$slots,"default")]),_:3},16,["class","aria-describedby"]))}}),ve=(n,t)=>{const l="content-box",o=e.ref(0),r=e.ref(0),a=c=>{const s=c[0].contentBoxSize;o.value=s.reduce((u,{inlineSize:i})=>u+i,0),r.value=s.reduce((u,{blockSize:i})=>u+i,0)};return e.onMounted(()=>{const c=new ResizeObserver(a);if(!n){c.observe(document.documentElement,{box:l});return}e.watch(n,(s,u)=>{const i=He(s),d=He(u);d&&(c==null||c.unobserve(d)),i?c==null||c.observe(i,{box:l}):(o.value=0,r.value=0)},{immediate:!0}),e.onBeforeUnmount(()=>c.disconnect())}),{width:o,height:r}},He=n=>n instanceof Element?n:n==null?void 0:n.$el,Va=n=>{const t=e.ref([]),l=e.ref([]),{width:o}=ve(n.parentRef),{width:r}=ve(n.moreIndicatorRef),a=e.reactive(new Map);return e.onMounted(()=>{e.watchEffect(()=>{let c=o.value;if(c<=0)return;const s=dt(n.parentRef.value),u=dt(n.listRef.value);r.value>0&&(c-=r.value+s),t.value=[],l.value=[],Array.from(a.entries()).forEach(([i,d],p)=>{c-=d+(p>0?u:0),c>=0||p===a.size-1&&c+r.value>=0?t.value.push(i):l.value.push(i)})})}),{visibleElements:t,hiddenElements:l,componentMap:a}},dt=n=>{const t=He(n);return t&&Number.parseFloat(getComputedStyle(t).columnGap)||0},Sa=n=>{const t=e.useId(),l=e.ref(),o=e.inject(n,void 0),{width:r}=ve(l);e.watch(r,c=>{const s=o==null?void 0:o.componentMap;!s||s.has(t)&&c===0||s.set(t,c)},{immediate:!0}),e.onBeforeUnmount(()=>o==null?void 0:o.componentMap.delete(t));const a=e.computed(()=>(o==null?void 0:o.visibleElements.value.includes(t))??!0);return{componentRef:l,isVisible:a}},Na=e.defineComponent({__name:"OnyxMoreList",props:{injectionKey:{}},emits:["visibilityChange"],setup(n,{emit:t}){const l=n,o=t,r=e.useTemplateRef("parentRef"),a=e.ref(),c=e.ref(),s=Va({parentRef:r,listRef:a,moreIndicatorRef:c});return e.provide(l.injectionKey,s),e.watch([()=>s.visibleElements.value.length,()=>s.hiddenElements.value.length],([u,i])=>{o("visibilityChange",{visibleElements:u,hiddenElements:i})}),(u,i)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"parentRef",ref:r,class:"onyx-component onyx-more-list"},[e.renderSlot(u.$slots,"default",{attributes:{ref:d=>a.value=d,class:"onyx-more-list__elements"}}),e.unref(s).hiddenElements.value.length>0?e.renderSlot(u.$slots,"more",{key:0,attributes:{ref:d=>c.value=d,class:"onyx-more-list__indicator"},hiddenElements:e.unref(s).hiddenElements.value.length,visibleElements:e.unref(s).visibleElements.value.length}):e.createCommentVNode("",!0)],512))}}),Ma=["src","alt"],$a={key:1,class:"onyx-text-small onyx-truncation-ellipsis"},Kt=e.defineComponent({__name:"OnyxNavAppArea",props:{link:{default:"/"},logoUrl:{},appName:{},label:{}},setup(n){const t=n,{t:l}=V(),o=e.computed(()=>t.label??l.value("navigation.goToHome")),r=e.computed(()=>J(t.link));return(a,c)=>(e.openBlock(),e.createBlock(ne,e.mergeProps(r.value,{class:"onyx-component onyx-nav-app-area","aria-label":o.value}),{default:e.withCtx(()=>[e.renderSlot(a.$slots,"default",{},()=>[t.logoUrl?(e.openBlock(),e.createElementBlock("img",{key:0,src:t.logoUrl,alt:e.unref(l)("navigation.appLogo",{appName:t.appName}),class:"onyx-nav-app-area__logo",width:"24",height:"24"},null,8,Ma)):e.createCommentVNode("",!0),t.appName?(e.openBlock(),e.createElementBlock("span",$a,e.toDisplayString(t.appName),1)):e.createCommentVNode("",!0)])]),_:3},16,["aria-label"]))}}),Ta=`<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"/>
|
package/dist/index.js
CHANGED
|
@@ -226,13 +226,13 @@ const K = /* @__PURE__ */ Bt(Yo, [["render", Xo]]), Qo = ["open"], en = ["id", "
|
|
|
226
226
|
}, Ge = (o, e, n) => {
|
|
227
227
|
const t = new Intl.Segmenter(e, { granularity: "grapheme" });
|
|
228
228
|
return Array.from(t.segment(o)).map((a) => a.segment).at(n) ?? "";
|
|
229
|
-
}, Tn = /[\u0600-\u06FF\u0750-\u077F\u08A0-\u08FF\u1100-\u11FF\u3130-\u318F\uA960-\uA97F\uAC00-\uD7AF\uD7B0-\uD7FF\u3040-\u309F\u30A0-\u30FF\u3400-\u4DBF\u4E00-\u9FFF\uF900-\uFAFF]|[\uD840-\uD869][\uDC00-\uDED6]/, io = (o) =>
|
|
229
|
+
}, Tn = /[\u0600-\u06FF\u0750-\u077F\u08A0-\u08FF\u1100-\u11FF\u3130-\u318F\uA960-\uA97F\uAC00-\uD7AF\uD7B0-\uD7FF\u3040-\u309F\u30A0-\u30FF\u3400-\u4DBF\u4E00-\u9FFF\uF900-\uFAFF]|[\uD840-\uD869][\uDC00-\uDED6]/, io = (o) => !URL.canParse(o), Ee = (o) => typeof o == "string" ? { href: o } : o, Je = () => {
|
|
230
230
|
const o = ve(co, void 0), e = y(() => {
|
|
231
231
|
if (!o) return;
|
|
232
232
|
const l = s(o.currentRoute);
|
|
233
233
|
return typeof l == "string" ? { path: l } : l;
|
|
234
234
|
}), n = (l, a) => {
|
|
235
|
-
o &&
|
|
235
|
+
o && io(a) && Ln(l) && (l.preventDefault(), o.push(a));
|
|
236
236
|
}, t = y(() => (l) => {
|
|
237
237
|
if (!e.value || l == null) return !1;
|
|
238
238
|
const a = Ut(Ee(l).href), c = Ut(e.value.path);
|
|
@@ -2945,7 +2945,7 @@ const pl = (o, { t: e, columnConfig: n }) => {
|
|
|
2945
2945
|
setup(o) {
|
|
2946
2946
|
const e = o, n = y(() => {
|
|
2947
2947
|
const t = e.withExternalIcon;
|
|
2948
|
-
return t !== "auto" ? t : io(e.href ?? "");
|
|
2948
|
+
return t !== "auto" ? t : !io(e.href ?? "");
|
|
2949
2949
|
});
|
|
2950
2950
|
return (t, l) => n.value ? (r(), _(H, {
|
|
2951
2951
|
key: 0,
|
package/dist/utils/index.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* Checks whether the given link is
|
|
2
|
+
* Checks whether the given link is internal / a relative link of the current application.
|
|
3
3
|
*/
|
|
4
|
-
export declare const
|
|
4
|
+
export declare const isInternalLink: (href: string) => boolean;
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "sit-onyx",
|
|
3
3
|
"description": "A design system and Vue.js component library created by Schwarz IT",
|
|
4
|
-
"version": "1.0.0-beta.
|
|
4
|
+
"version": "1.0.0-beta.151",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"author": "Schwarz IT KG",
|
|
7
7
|
"license": "Apache-2.0",
|
|
@@ -41,8 +41,8 @@
|
|
|
41
41
|
},
|
|
42
42
|
"devDependencies": {
|
|
43
43
|
"@axe-core/playwright": "^4.10.1",
|
|
44
|
-
"@storybook/addon-a11y": "^8.5.
|
|
45
|
-
"@storybook/addon-actions": "^8.5.
|
|
44
|
+
"@storybook/addon-a11y": "^8.5.5",
|
|
45
|
+
"@storybook/addon-actions": "^8.5.5",
|
|
46
46
|
"@vue/compiler-dom": "3.5.13",
|
|
47
47
|
"axe-core": "^4.10.2",
|
|
48
48
|
"eslint-plugin-vue-scoped-css": "^2.9.0",
|
|
@@ -51,8 +51,8 @@
|
|
|
51
51
|
"vue": "3.5.13",
|
|
52
52
|
"vue-component-type-helpers": "^2.2.0",
|
|
53
53
|
"vue-router": "^4.5.0",
|
|
54
|
-
"@sit-onyx/headless": "^1.0.0-beta.17",
|
|
55
54
|
"@sit-onyx/playwright-utils": "^1.0.0-beta.2",
|
|
55
|
+
"@sit-onyx/headless": "^1.0.0-beta.17",
|
|
56
56
|
"@sit-onyx/storybook-utils": "^1.0.0-beta.82"
|
|
57
57
|
},
|
|
58
58
|
"scripts": {
|