sit-onyx 1.0.0-beta.113 → 1.0.0-beta.114
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.
|
@@ -9,7 +9,7 @@ declare function __VLS_template(): {
|
|
|
9
9
|
/**
|
|
10
10
|
* Bottom bar content. This slot is right aligned and should be used by buttons and icon buttons.
|
|
11
11
|
*/
|
|
12
|
-
|
|
12
|
+
default?(): unknown;
|
|
13
13
|
}> & {
|
|
14
14
|
/**
|
|
15
15
|
* Bottom bar content. This slot is left aligned and should be used by buttons and icon buttons.
|
|
@@ -18,7 +18,7 @@ declare function __VLS_template(): {
|
|
|
18
18
|
/**
|
|
19
19
|
* Bottom bar content. This slot is right aligned and should be used by buttons and icon buttons.
|
|
20
20
|
*/
|
|
21
|
-
|
|
21
|
+
default?(): unknown;
|
|
22
22
|
};
|
|
23
23
|
refs: {};
|
|
24
24
|
rootEl: HTMLDivElement;
|
package/dist/index.cjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),at={"2xs":320,xs:576,sm:768,md:992,lg:1440,xl:1920},W='<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>',no=["compact","default","cozy"],B=n=>({densityClass:e.computed(()=>({[`onyx-density-${n.density}`]:!!n.density}))}),lo="(optional)",ao="Cancel",ro="Apply",so="Back",io="Close",co={head:{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"}}}},uo={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".'}}},po={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"},mo={selectAll:"Select all",currentSelection:"{n} selected"},fo={decrement:"Decrement by {stepSize}",increment:"Increment by {stepSize}"},yo={empty:"This table is empty."},ho={opensExternally:"Opens in a new tab."},vo="Subpages of {label}",_o={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"},go={neutral:"Toggle info tooltip",danger:"Toggle error tooltip",success:"Toggle success tooltip"},xo={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."}},ko={label:"Pagination",ofPages:"of 1 page | of {n} pages",previous:"previous page",next:"next page",select:{label:"Page selection",listLabel:"Available pages"}},bo={clear:"Clear input"},Bo={close:"Close dialog"},Se={optional:lo,cancel:ao,apply:ro,back:so,close:io,dataGrid:co,validations:uo,select:po,selections:mo,stepper:fo,table:yo,link:ho,navItemOptionsLabel:vo,navigation:_o,tooltip:go,colorScheme:xo,pagination:ko,input:bo,dialog:Bo},rt=Symbol(),st=(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]:Se),r=e.computed(()=>(a,s={})=>{let i=Je(a,o.value)??Je(a,Se)??"";return i=Co(i,s.n),wo(i,s)});return{locale:t,t:r}},it=(n,t)=>{const l=st(t);return n.provide(rt,l),l},E=()=>e.inject(rt,()=>st(),!0),Je=(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},Co=(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,Vo=["aria-modal","aria-label","role"],pe=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.ref(),{densityClass:a}=B(l),s=()=>{var i,c;l.modal?(i=r.value)==null||i.showModal():(c=r.value)==null||c.show()};return e.watch([r,()=>l.open],()=>{var i;l.open?s():(i=r.value)==null||i.close()}),e.watch(()=>l.modal,()=>{var i;(i=r.value)!=null&&i.open&&(r.value.close(),s())}),(i,c)=>l.open?(e.openBlock(),e.createElementBlock("dialog",{key:0,ref_key:"dialogRef",ref:r,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:c[0]||(c[0]=e.withModifiers(u=>o("close"),["prevent"]))},[e.renderSlot(i.$slots,"default")],42,Vo)):e.createCommentVNode("",!0)}}),ct=Symbol(),I=Symbol("SKELETON_INJECTED_SYMBOL"),ut=n=>t=>e.computed(()=>typeof t.skeleton!="symbol"?t.skeleton:t.skeleton===I&&(n==null?void 0:n.skeleton)===!0?3:!1),Pe=n=>e.provide(ct,ut(n)),Eo=ut(),z=n=>e.inject(ct,Eo)(n),He=(n,t)=>{const l=n.__vccOpts||n;for(const[o,r]of t)l[o]=r;return l},So={},No={"aria-hidden":"true",class:"onyx-component onyx-skeleton"};function $o(n,t){return e.openBlock(),e.createElementBlock("figure",No)}const $=He(So,[["render",$o]]),Mo=["href"],G=e.defineComponent({__name:"OnyxHeadline",props:{is:{},hash:{},skeleton:{type:[Symbol,Boolean,Number],default:I}},setup(n){const t=n,l=z(t),o=async r=>{const{origin:a,pathname:s,search:i}=window.location,c=`${a}${s}${i}#${r}`;await navigator.clipboard.writeText(c)};return(r,a)=>e.unref(l)?(e.openBlock(),e.createBlock($,{key:0,class:e.normalizeClass(["onyx-headline-skeleton",`onyx-headline-skeleton--${t.is}`])},null,8,["class"])):(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.is),{key:1,id:t.hash,class:e.normalizeClass(["onyx-component","onyx-headline",`onyx-headline--${t.is}`])},{default:e.withCtx(()=>[t.hash?(e.openBlock(),e.createElementBlock("a",{key:0,href:`#${t.hash}`,target:"_self",class:"onyx-headline__hash",onClick:a[0]||(a[0]=s=>o(t.hash))},[e.renderSlot(r.$slots,"default")],8,Mo)):e.renderSlot(r.$slots,"default",{key:1})]),_:3},8,["id","class"]))}}),To=["innerHTML"],b=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,To))}}),dt=Symbol(),T=Symbol("FORM_INJECTED_SYMBOL"),Xe=(n,t,l,o)=>e.computed(()=>{const r=t.value[l];return r!=null&&typeof r!="symbol"?r:r===T?(n==null?void 0:n.value[l])??o:o}),pt=n=>t=>({disabled:Xe(n,t,"disabled",!1),showError:Xe(n,t,"showError","touched")}),Oo=n=>e.provide(dt,pt(n&&e.toRef(n))),Io=pt(),P=n=>e.inject(dt,Io)(e.toRef(n)),Lo=["aria-label","title","disabled","autofocus"],ee=e.defineComponent({__name:"OnyxSystemButton",props:{disabled:{default:T},autofocus:{type:Boolean,default:!1},skeleton:{type:[Symbol,Boolean,Number],default:I},label:{},icon:{},color:{default:"intense"}},setup(n){const t=n,{disabled:l}=P(t),o=z(t);return(r,a)=>e.unref(o)?(e.openBlock(),e.createBlock($,{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(b,{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,Lo))}}),Do={class:"onyx-alert-dialog__content"},zo={class:"onyx-alert-dialog__headline"},Ao=["id"],Ro={class:"onyx-alert-dialog__actions"},Po=e.defineComponent({__name:"OnyxAlertDialog",props:{density:{},label:{},open:{type:Boolean},icon:{}},emits:["close"],setup(n,{emit:t}){const l=n,o=t,{t:r}=E(),{densityClass:a}=B(l),s=e.useId();return(i,c)=>(e.openBlock(),e.createBlock(pe,e.mergeProps({class:["onyx-alert-dialog",e.unref(a)]},l,{"aria-describedby":e.unref(s),modal:"",alert:"",onClose:c[1]||(c[1]=u=>o("close"))}),{default:e.withCtx(()=>[e.createElementVNode("div",Do,[l.icon?(e.openBlock(),e.createBlock(b,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",zo,[e.renderSlot(i.$slots,"headline",{label:l.label},()=>[e.createVNode(G,{is:"h2"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(l.label),1)]),_:1})]),e.createVNode(ee,{class:"onyx-alert-dialog__close",label:e.unref(r)("dialog.close"),icon:e.unref(W),onClick:c[0]||(c[0]=u=>o("close"))},null,8,["label","icon"])]),e.createElementVNode("div",{id:e.unref(s),class:"onyx-alert-dialog__body onyx-truncation"},[e.renderSlot(i.$slots,"default")],8,Ao)])]),e.createElementVNode("div",Ro,[e.renderSlot(i.$slots,"actions")])]),_:3},16,["class","aria-describedby"]))}}),Ho={key:0,class:"onyx-app__nav"},Fo={class:"onyx-app__page"},Uo={key:1,class:"onyx-app__page-overlay"},qo={key:2,class:"onyx-app__app-overlay"},Go=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",Ho,[e.renderSlot(o.$slots,"navBar")])):e.createCommentVNode("",!0),e.createElementVNode("div",Fo,[e.renderSlot(o.$slots,"default")]),l.pageOverlay?(e.openBlock(),e.createElementBlock("div",Uo,[e.renderSlot(o.$slots,"pageOverlay")])):e.createCommentVNode("",!0),l.appOverlay?(e.openBlock(),e.createElementBlock("div",qo,[e.renderSlot(o.$slots,"appOverlay")])):e.createCommentVNode("",!0)],2))}}),Ko=["title"],Zo=["src","alt"],jo={key:1,class:"onyx-avatar__initials"},Ne=e.defineComponent({__name:"OnyxAvatar",props:{size:{default:"48px"},label:{},src:{}},setup(n){const t=n,l=e.useSlots(),o=e.computed(()=>{const a=t.label.split(" ");return(a.length>1?`${a[0].charAt(0)}${a[1].charAt(0)}`:a[0].substring(0,2)).toUpperCase()}),r=e.ref(!1);return e.watch(()=>t.src,()=>r.value=!1),(a,s)=>(e.openBlock(),e.createElementBlock("figure",{class:e.normalizeClass(["onyx-component onyx-avatar",[`onyx-avatar--${t.size}`,l.default?"onyx-avatar--custom":""]]),title:t.label},[t.src&&!r.value?(e.openBlock(),e.createElementBlock("img",{key:0,class:"onyx-avatar__svg",src:t.src,alt:t.label,onError:s[0]||(s[0]=i=>r.value=!0)},null,40,Zo)):(e.openBlock(),e.createElementBlock("div",jo,[e.renderSlot(a.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(o.value),1)])]))],10,Ko))}}),Yo={class:"onyx-component onyx-avatar-stack"},Wo=e.defineComponent({__name:"OnyxAvatarStack",setup(n){return(t,l)=>(e.openBlock(),e.createElementBlock("div",Yo,[e.renderSlot(t.$slots,"default")]))}}),mt=e.defineComponent({__name:"OnyxBadge",props:{density:{},color:{default:"primary"},icon:{},dot:{type:Boolean,default:!1}},setup(n){const t=n,{densityClass:l}=B(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(b,{key:0,class:"onyx-badge__icon",icon:t.icon},null,8,["icon"])):e.renderSlot(o.$slots,"default",{key:1})],64))],2))}}),Jo={class:"onyx-bottom-bar__left"},Xo={class:"onyx-bottom-bar__right"},Qo=e.defineComponent({__name:"OnyxBottomBar",props:{density:{},hideBorder:{type:Boolean,default:!1}},setup(n){const t=n,{densityClass:l}=B(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",Jo,[e.renderSlot(o.$slots,"left")]),e.createElementVNode("div",Xo,[e.renderSlot(o.$slots,"right")])],2))}}),en={},tn={class:"onyx-component onyx-circle-spinner",viewBox:"0 0 50 50"};function on(n,t){return e.openBlock(),e.createElementBlock("svg",tn,t[0]||(t[0]=[e.createElementVNode("circle",{class:"onyx-circle-spinner__circle",cx:"50%",cy:"50%",r:"45%"},null,-1)]))}const nn=He(en,[["render",on]]),ln={},an={class:"onyx-component onyx-loading-dots"};function rn(n,t){return e.openBlock(),e.createElementBlock("div",an,t[0]||(t[0]=[e.createElementVNode("span",{class:"onyx-loading-dots__center"},null,-1)]))}const sn=He(ln,[["render",rn]]),F=e.defineComponent({__name:"OnyxLoadingIndicator",props:{type:{default:"dots"}},setup(n){const t=n;return(l,o)=>t.type==="circle"?(e.openBlock(),e.createBlock(nn,{key:0})):t.type==="dots"?(e.openBlock(),e.createBlock(sn,{key:1})):e.createCommentVNode("",!0)}}),cn=n=>{const t=e.ref(!1),l=e.reactive(new Map),o=i=>{var p;const c=(p=n.value)==null?void 0:p.getBoundingClientRect();if(!c)return;t.value=!0;const u={id:Date.now().toString(),left:`${i.x-c.left}px`,top:`${i.y-c.top}px`,animationEnded:!1};return l.set(u.id,u),u.id},r=i=>{const c=i.dataset.rippleid;c!=null&&(l.has(c)&&(l.get(c).animationEnded=!0),t.value||l.delete(c))},a=()=>{t.value=!1,l.forEach((i,c)=>{i.animationEnded&&l.delete(c)})},s=e.ref({});return e.onBeforeMount(()=>{var i;(i=window.matchMedia)!=null&&i.call(window,"pointer: none").matches?s.value={touchstart:o,touchend:a,touchcancel:a}:s.value={mousedown:o,mouseleave:a,mouseup:a}}),{isPointerDown:t,ripples:l,startRipple:o,hideRipples:a,hideRipple:r,events:s}},un=["data-rippleid"],dn=e.defineComponent({__name:"OnyxRipple",setup(n,{expose:t}){const l=e.ref(),{ripples:o,hideRipple:r,events:a}=cn(l);return t({events:a}),(s,i)=>(e.openBlock(),e.createElementBlock("span",{ref_key:"rippleTrigger",ref:l,class:"onyx-component onyx-ripple","aria-hidden":"true"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(o),([c,u])=>(e.openBlock(),e.createElementBlock("span",{key:c,class:"onyx-ripple__element",style:e.normalizeStyle({"--onyx-ripple-left":u.left,"--onyx-ripple-top":u.top}),"data-rippleid":c,onAnimationend:i[0]||(i[0]=p=>e.unref(r)(p.target))},null,44,un))),128))],512))}}),pn=["disabled","type","aria-label","autofocus"],mn={class:"onyx-button__label onyx-truncation-ellipsis"},ce=e.defineComponent({__name:"OnyxButton",props:{density:{},autofocus:{type:Boolean},label:{},disabled:{default:T},loading:{type:Boolean,default:!1},type:{default:"button"},color:{default:"primary"},mode:{default:"default"},icon:{},skeleton:{type:[Symbol,Boolean,Number],default:I}},setup(n){const t=n,{densityClass:l}=B(t),{disabled:o}=P(t),r=z(t),a=e.ref(),s=e.computed(()=>{var i;return((i=a.value)==null?void 0:i.events)??{}});return(i,c)=>e.unref(r)?(e.openBlock(),e.createBlock($,{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(s.value,!0)),[!e.unref(o)&&!t.loading?(e.openBlock(),e.createBlock(dn,{key:0,ref_key:"rippleRef",ref:a},null,512)):e.createCommentVNode("",!0),t.icon&&!t.loading?(e.openBlock(),e.createBlock(b,{key:1,class:"onyx-button__icon",icon:t.icon},null,8,["icon"])):e.createCommentVNode("",!0),t.loading?(e.openBlock(),e.createBlock(F,{key:2,class:"onyx-button__loading"})):e.createCommentVNode("",!0),e.createElementVNode("span",mn,e.toDisplayString(t.label),1)],16,pn))}}),fn=["button","submit","reset"],yn=["primary","neutral","danger"],hn=["default","outline","plain"],me=n=>({requiredTypeClass:e.computed(()=>({[`onyx-use-${n.requiredMarker}`]:n.requiredMarker})),requiredMarkerClass:e.computed(()=>({"onyx-required-marker":n.required,"onyx-optional-marker":!n.required}))}),$e=n=>n instanceof Date&&!isNaN(n),vn=(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])},_n=(n,t)=>n.reduce((l,o)=>{const r=o[t]??"";return l[r]=l[r]||[],l[r].push(o),l},{}),ft=()=>Object.entries(Object.getOwnPropertyDescriptors(ValidityState.prototype)).filter(([n,t])=>t.enumerable).map(([n])=>n),gn=n=>ft().reduce((t,l)=>(t[l]=n[l],t),{}),xn=n=>{if(n.valueMissing)return"valueMissing";const t=ft().filter(l=>l!=="valid").sort();for(const l of t)if(l in n&&n[l])return l},kn=Object.keys(Se.validations.typeMismatch),H=n=>{if(n)return typeof n=="string"?{shortMessage:n,longMessage:n,hidden:!1}:n},yt=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}`},K=n=>{const{t,locale:l}=E(),o=e.ref(),r=e.ref(!1);e.watch(()=>n.props.modelValue,()=>r.value=!0,{once:!0});const a={mounted:i=>{e.watchEffect(()=>i.setCustomValidity(yt(n.props.customError)??"")),e.watch([()=>n.props],()=>{const c=gn(i.validity);!o.value&&c.valid||o.value&&vn(c,o.value)||(o.value=c)},{immediate:!0,deep:!0}),e.watch([()=>n.props.customError,o,r],()=>{!r.value||!o.value||n.emit("validityChange",o.value)},{immediate:!0})}},s=e.computed(()=>{var p,d,m;if(!o.value||o.value.valid)return;const i=xn(o.value),c=H(n.props.customError);if(c||i==="customError")return c||void 0;if(!i)return;if(i==="typeMismatch"){const f=kn.includes(n.props.type)?n.props.type:"generic";return{longMessage:t.value(`validations.typeMismatch.${f}.fullError`,{value:(p=n.props.modelValue)==null?void 0:p.toString()}),shortMessage:t.value(`validations.typeMismatch.${f}.preview`)}}const u={value:(d=n.props.modelValue)==null?void 0:d.toString(),n:((m=n.props.modelValue)==null?void 0:m.toString().length)??0,minLength:n.props.minlength,maxLength:n.props.maxlength,min:Qe(l.value,n.props.type,n.props.min),max:Qe(l.value,n.props.type,n.props.max),step:n.props.validStepSize};return{longMessage:t.value(`validations.${i}.fullError`,u),shortMessage:t.value(`validations.${i}.preview`)}});return{vCustomValidity:a,errorMessages:s}},Qe=(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(!$e(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)},Z=n=>n;function Me(){const n=e.shallowRef();return e.computed({set:t=>{n.value=t!=null&&"$el"in t?t.$el:t},get:()=>n.value})}const bn=(n,t)=>Object.entries(n).every(([l,o])=>t[l]===o),Bn=(n,t)=>typeof t=="string"?n.key===t:bn({altKey:!1,ctrlKey:!1,metaKey:!1,shiftKey:!1,...t},n),Te=n=>!wn.has(n),Cn=["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"],wn=new Set(Cn),Y=e.reactive(new Map),Vn=(n,t)=>{if(t!=null&&t.size){Y.set(n,t);return}Y.delete(n),document.removeEventListener(n,ht)},et=(n,t)=>{const l=Y.get(n);l==null||l.delete(t),Vn(n,l)},En=(n,t)=>{const l=Y.get(n)??new Set;l.add(t),Y.set(n,l),document.addEventListener(n,ht)},ht=n=>{var l;const t=n.type;(l=Y.get(t))==null||l.forEach(o=>o(n))},fe=({type:n,listener:t,disabled:l})=>{e.onBeforeMount(()=>e.watchEffect(()=>l!=null&&l.value?et(n,t):En(n,t))),e.onBeforeUnmount(()=>et(n,t))},vt=({inside:n,onOutsideClick:t,disabled:l})=>{fe({type:"click",listener:r=>{const a=e.toValue(n);!(Array.isArray(a)?a:[a]).some(c=>c==null?void 0:c.contains(r.target))&&t(r)},disabled:l})},_t=(n,t)=>{let l;const o=(...r)=>{clearTimeout(l),l=setTimeout(()=>n(...r),e.toValue(t))};return o.abort=()=>clearTimeout(l),o},gt=(n,t=500)=>{let l="";const o=_t(()=>l="",t);return r=>{Te(r.key)&&(o(),l=`${l}${r.key}`,n(l))}},Sn=Z(n=>{const t=e.computed(()=>e.unref(n.multiple)??!1),l=e.computed(()=>e.unref(n.isExpanded)??!1),o=new Map,r=u=>(o.has(u)||o.set(u,e.useId()),o.get(u)),a=e.ref(!1);e.watchEffect(async()=>{var p;if(!l.value||n.activeOption.value==null||!a.value&&!n.controlled)return;const u=r(n.activeOption.value);await e.nextTick(),(p=document.getElementById(u))==null||p.scrollIntoView({block:"nearest",inline:"nearest"})});const s=gt(u=>{var p;return(p=n.onTypeAhead)==null?void 0:p.call(n,u)}),i=u=>{var p,d,m,f,y,h,v;switch(u.key){case" ":u.preventDefault(),n.activeOption.value!=null&&((p=n.onSelect)==null||p.call(n,n.activeOption.value));break;case"ArrowUp":if(u.preventDefault(),n.activeOption.value==null){(d=n.onActivateLast)==null||d.call(n);return}(m=n.onActivatePrevious)==null||m.call(n,n.activeOption.value);break;case"ArrowDown":if(u.preventDefault(),n.activeOption.value==null){(f=n.onActivateFirst)==null||f.call(n);return}(y=n.onActivateNext)==null||y.call(n,n.activeOption.value);break;case"Home":u.preventDefault(),(h=n.onActivateFirst)==null||h.call(n);break;case"End":u.preventDefault(),(v=n.onActivateLast)==null||v.call(n);break;default:s(u)}};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:i}),group:e.computed(()=>u=>({role:"group","aria-label":u.label})),option:e.computed(()=>u=>{const p=u.selected??!1;return{id:r(u.value),role:"option","aria-label":u.label,"aria-disabled":u.disabled,"aria-checked":t.value?p:void 0,"aria-selected":t.value?void 0:p,onClick:()=>{var d;return!u.disabled&&((d=n.onSelect)==null?void 0:d.call(n,u.value))}}})},state:{isFocused:a},internals:{getOptionId:r}}}),xt=["ArrowDown","ArrowUp"," ","Enter","Home","End"],kt=["Escape",{key:"ArrowUp",altKey:!0},"Enter","Tab"],tt=["Enter"],Nn=(n,t)=>{const l=t?[...tt," "]:tt;return Oe(n,l)},Oe=(n,t)=>t.some(l=>Bn(n,l)),$n=Z(({autocomplete:n,onAutocomplete:t,onTypeAhead:l,multiple:o,label:r,listLabel:a,listDescription:s,isExpanded:i,activeOption:c,onToggle:u,onSelect:p,onActivateFirst:d,onActivateLast:m,onActivateNext:f,onActivatePrevious:y,templateRef:h})=>{const v=e.useId(),g=e.computed(()=>e.unref(n)),x=e.computed(()=>e.unref(i)),k=e.computed(()=>e.unref(o)),V=w=>{const ke=w.target;g.value!=="none"&&(t==null||t(ke.value))},C=gt(w=>l==null?void 0:l(w)),U=w=>{p==null||p(w),e.unref(k)||u==null||u()},L=w=>{switch(w.key){case"ArrowUp":if(w.preventDefault(),c.value==null)return m==null?void 0:m();y==null||y(c.value);break;case"ArrowDown":if(w.preventDefault(),c.value==null)return d==null?void 0:d();f==null||f(c.value);break;case"Home":w.preventDefault(),d==null||d();break;case"End":w.preventDefault(),m==null||m();break}},N=w=>{if(w.key==="Enter"&&w.preventDefault(),!x.value&&Oe(w,xt))return u==null||u(),w.key===" "&&w.preventDefault(),w.key==="End"?m==null?void 0:m():d==null?void 0:d();if(Nn(w,g.value==="none"))return U(c.value);if(x.value&&Oe(w,kt))return u==null?void 0:u();if(g.value==="none"&&Te(w.key))return!x.value&&(u==null||u()),C(w);if(g.value!=="none"&&Te(w.key)){!x.value&&(u==null||u());return}return L(w)},O=e.computed(()=>g.value==="none"?null:{"aria-autocomplete":g.value,type:"text"}),{elements:{option:A,group:X,listbox:ge},internals:{getOptionId:xe}}=Sn({label:a,description:s,multiple:k,controlled:!0,activeOption:c,isExpanded:x,onSelect:U});return vt({inside:h,onOutsideClick(){x.value&&(u==null||u(!0))}}),{elements:{option:A,group:X,listbox:e.computed(()=>({...ge.value,id:v,onMousedown:w=>w.preventDefault()})),input:e.computed(()=>({role:"combobox","aria-expanded":x.value,"aria-controls":v,"aria-label":e.unref(r),"aria-activedescendant":c.value!=null?xe(c.value):void 0,onInput:V,onKeydown:N,...O.value})),button:e.computed(()=>({tabindex:"-1",onClick:()=>u==null?void 0:u()}))}}}),Mn=Z(n=>{const t=e.useId(),l=e.useId(),o=Me(),r=e.useId();fe({type:"keydown",listener:p=>p.key==="Escape"&&s(!1),disabled:e.computed(()=>!n.isExpanded.value)});const a=_t(()=>n.onToggle(),200);e.watch(n.isExpanded,()=>a.abort());const s=(p,d=!1)=>{if(p===n.isExpanded.value){a.abort();return}if(d){a();return}n.onToggle()},i=p=>{const d=document.activeElement,m=(d==null?void 0:d.closest('[role="menu"]'))||o.value;if(!m)return;const f=[...m.querySelectorAll('[role="menuitem"]')];let y=0;if(d){const v=f.indexOf(d);switch(p){case"next":y=v+1;break;case"prev":y=v-1;break;case"first":y=0;break;case"last":y=f.length-1;break}}const h=f[y];h==null||h.focus()};return{elements:{root:{id:t,onKeydown:p=>{switch(p.key){case"ArrowDown":case"ArrowRight":p.preventDefault(),i("next");break;case"ArrowUp":case"ArrowLeft":p.preventDefault(),i("prev");break;case"Home":p.preventDefault(),i("first");break;case"End":p.preventDefault(),i("last");break;case" ":p.preventDefault(),p.target.click();break;case"Escape":p.preventDefault(),s(!1);break}},...n.trigger.value==="click"?{onClick:()=>s(!0)}:{onMouseenter:()=>s(!0),onMouseleave:()=>s(!1,!0)},onFocusout:p=>{var d;t&&((d=document.getElementById(t))!=null&&d.contains(p.relatedTarget))||s(!1)}},button:e.computed(()=>({"aria-controls":l,"aria-expanded":n.isExpanded.value,"aria-haspopup":!0,onFocus:()=>s(!0),id:r})),menu:{id:l,ref:o,role:"menu","aria-labelledby":r,onClick:()=>s(!1)},...bt().elements}}}),bt=Z(()=>({elements:{listItem:{role:"none"},menuItem:n=>({"aria-current":n.active?"page":void 0,"aria-disabled":n.disabled,role:"menuitem"})}})),Tn={clamp:(n,t,l)=>Math.max(Math.min(n,l),t)},On=Z(({navigationName:n})=>{const t=e.useId(),l=()=>{const r=t?document.getElementById(t):void 0;return r?[...r.querySelectorAll("button[aria-expanded][aria-controls]")]:[]},o=(r,a)=>{const s=l(),i=s.indexOf(r);if(i===-1)return;const c=Tn.clamp(i+(a==="next"?1:-1),0,s.length-1);s[c].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}}}}}}),In=Z(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,s=Array.from(((m=a.parentElement)==null?void 0:m.querySelectorAll('[role="tab"]'))??[]).filter(y=>y.ariaDisabled!=="true"),i=s.indexOf(a),c=y=>{y instanceof HTMLElement&&y.focus()},u=()=>c(s.at(0)),p=()=>c(s.at(-1)),d=y=>{if(i===-1)return;const h=y==="next"?i+1:i-1;return h<0?p():h>=s.length?u():c(s.at(h))};switch(r.key){case"ArrowRight":d("next");break;case"ArrowLeft":d("previous");break;case"Home":u();break;case"End":p();break;case"Enter":case" ":{const y=Array.from(t.entries()).find(([,{tabId:h}])=>h===a.id);y&&((f=n.onSelect)==null||f.call(n,y[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:s,panelId:i}=l(r.value),c=s===a;return{id:s,role:"tab","aria-selected":c,"aria-controls":i,"aria-disabled":r.disabled?!0:void 0,onClick:()=>{var u;return(u=n.onSelect)==null?void 0:u.call(n,r.value)},tabindex:c&&!r.disabled?0:-1}}),tabpanel:e.computed(()=>r=>{const{tabId:a,panelId:s}=l(r.value);return{id:s,role:"tabpanel","aria-labelledby":a}})}}}),Bt=({isExpanded:n})=>fe({type:"keydown",listener:t=>{t.key==="Escape"&&(n.value=!1)},disabled:e.computed(()=>!n.value)}),Ln=Z(({toggleLabel:n,isVisible:t})=>{const l=Me(),o=Me(),r=e.toRef(t??!1);vt({inside:e.computed(()=>[l.value,o.value]),onOutsideClick:()=>r.value=!1,disabled:e.computed(()=>!r.value)}),Bt({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}}}),Dn=Z(({debounce:n,isVisible:t})=>{const l=e.useId(),o=e.toRef(t??!1);let r;const a=e.computed({get:()=>o.value,set:i=>{clearTimeout(r),r=setTimeout(()=>{o.value=i},e.toValue(n))}}),s={onMouseover:()=>a.value=!0,onMouseout:()=>a.value=!1,onFocusin:()=>o.value=!0,onFocusout:()=>o.value=!1};return Bt({isExpanded:o}),{elements:{trigger:{"aria-describedby":l,...s},tooltip:{role:"tooltip",id:l,tabindex:"-1",...s}},state:{isVisible:o}}}),Ct=(n,t="bottom")=>{const l=e.ref(t);return{openDirection:l,updateOpenDirection:()=>{var d,m,f;const r=e.unref(n);if(!r){l.value=t;return}const a=(d=Fe(r))==null?void 0:d.getBoundingClientRect(),s=r.getBoundingClientRect(),i=(a==null?void 0:a.top)??((m=window.visualViewport)==null?void 0:m.pageTop)??0,u=((a==null?void 0:a.bottom)??((f=window.visualViewport)==null?void 0:f.height)??0)-s.bottom,p=s.top-i;l.value=p>u?"top":"bottom"}}},Fe=n=>n?getComputedStyle(n).overflow.includes("hidden")?n:n.parentElement?Fe(n.parentElement):void 0:void 0,zn=(n,t)=>{const o=e.ref("center");return{wedgePosition:o,updateWedgePosition:()=>{var g,x,k,V;const a=e.unref(n),s=e.unref(t);if(!a||!s){o.value="center";return}const i=(g=Fe(a))==null?void 0:g.getBoundingClientRect(),c=a.getBoundingClientRect(),u=s.getBoundingClientRect();if(u.width<c.width){o.value="center";return}const p=(u.width-c.width+16*2)/2,d=(i==null?void 0:i.left)??((x=window.visualViewport)==null?void 0:x.pageLeft)??0,m=(i==null?void 0:i.right)??(((k=window.visualViewport)==null?void 0:k.width)??window.innerWidth)+(((V=window.visualViewport)==null?void 0:V.offsetLeft)??0),f=c.left-d,y=m-c.right,h=f>=p,v=y>=p;o.value=h===v?"center":f>y?"right":"left"}}},Q=e.defineComponent({__name:"OnyxTooltip",props:{density:{},text:{},icon:{},color:{default:"neutral"},position:{default:"auto"},alignment:{default:"auto"},fitParent:{type:Boolean,default:!1},open:{type:[String,Boolean,Object],default:"hover"},alignsWithEdge:{type:Boolean,default:!1}},setup(n){const t=n,{densityClass:l}=B(t),{t:o}=E(),r=e.ref(!1),a=e.computed({set:C=>r.value=C,get:()=>typeof t.open=="boolean"?t.open:r.value}),s=e.computed(()=>({debounce:200,...typeof t.open=="object"&&t.open.type==="hover"&&t.open||{},isVisible:a})),i=e.computed(()=>({toggleLabel:o.value(`tooltip.${t.color}`),...typeof t.open=="object"&&t.open.type==="click"&&t.open||{},isVisible:a})),c=e.computed(()=>typeof t.open=="object"?t.open.type:typeof t.open=="string"?t.open:"hover"),u=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--${v.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"})),p=()=>c.value==="hover"?Dn(s.value):Ln(i.value),d=e.shallowRef(p());e.watch(c,()=>d.value=p());const m=e.computed(()=>{var C;return(C=d.value)==null?void 0:C.elements.tooltip}),f=e.computed(()=>{var C;return e.toValue((C=d.value)==null?void 0:C.elements.trigger)}),y=e.ref(),h=e.ref(),{openDirection:v,updateOpenDirection:g}=Ct(y,"top"),{wedgePosition:x,updateWedgePosition:k}=zn(y,h),V=()=>{g(),k()};return fe({type:"resize",listener:()=>V()}),e.onMounted(()=>V()),e.watch(a,async()=>{await e.nextTick(),g(),k()}),(C,U)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"tooltipWrapperRef",ref:y,class:e.normalizeClass(["onyx-component","onyx-tooltip-wrapper",e.unref(l)])},[e.createElementVNode("div",e.mergeProps({ref_key:"tooltipRef",ref:h},m.value,{class:["onyx-tooltip","onyx-text--small","onyx-truncation-multiline",u.value]}),[t.icon?(e.openBlock(),e.createBlock(b,{key:0,icon:t.icon,size:"16px"},null,8,["icon"])):e.createCommentVNode("",!0),e.renderSlot(C.$slots,"tooltip",{},()=>[e.createTextVNode(e.toDisplayString(t.text),1)])],16),e.renderSlot(C.$slots,"default",{trigger:f.value})],2))}}),An={class:"onyx-component"},Ue=e.defineComponent({__name:"OnyxErrorTooltip",props:{errorMessages:{},disabled:{type:Boolean}},setup(n){const t=n,l=e.computed(()=>yt(t.errorMessages)),o=e.ref();return(r,a)=>(e.openBlock(),e.createElementBlock("div",An,[!l.value||t.disabled?(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"targetRef",ref:o},null,512)):e.createCommentVNode("",!0),l.value&&!t.disabled?(e.openBlock(),e.createBlock(Q,{key:1,class:"onyx-error-tooltip",open:"hover",text:l.value,color:"danger"},{default:e.withCtx(({trigger:s})=>[e.createElementVNode("div",e.mergeProps({ref_key:"targetRef",ref:o},s),null,16)]),_:1},8,["text"])):e.createCommentVNode("",!0),o.value?(e.openBlock(),e.createBlock(e.Teleport,{key:2,to:o.value,defer:""},[e.renderSlot(r.$slots,"default")],8,["to"])):e.createCommentVNode("",!0)]))}}),Rn=["title"],Pn={class:"onyx-checkbox__container"},Hn=["aria-label","indeterminate","disabled","required","value","autofocus"],ie=e.defineComponent({__name:"OnyxCheckbox",props:{density:{},value:{},label:{},hideLabel:{type:Boolean},disabled:{default:T},loading:{type:Boolean,default:!1},skeleton:{type:[Symbol,Boolean,Number],default:I},truncation:{default:"ellipsis"},required:{type:Boolean,default:!1},requiredMarker:{},customError:{},autofocus:{type:Boolean},modelValue:{type:Boolean,default:!1},indeterminate:{type:Boolean,default:!1}},emits:["update:modelValue","validityChange"],setup(n,{expose:t,emit:l}){const o=n,r=l,a=e.computed({get:()=>o.modelValue,set:h=>r("update:modelValue",h)}),{requiredMarkerClass:s,requiredTypeClass:i}=me(o),{densityClass:c}=B(o),{vCustomValidity:u,errorMessages:p}=K({props:o,emit:r}),{disabled:d}=P(o),m=z(o),f=e.computed(()=>o.hideLabel?o.label:void 0),y=e.useTemplateRef("input");return t({input:y}),(h,v)=>e.unref(m)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["onyx-component","onyx-checkbox-skeleton",e.unref(c)])},[e.createVNode($,{class:"onyx-checkbox-skeleton__input"}),o.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock($,{key:0,class:"onyx-checkbox-skeleton__label"}))],2)):(e.openBlock(),e.createBlock(Ue,{key:1,disabled:e.unref(d),"error-messages":e.unref(p)},{default:e.withCtx(()=>[e.createElementVNode("label",{class:e.normalizeClass(["onyx-component onyx-checkbox",[e.unref(i),e.unref(c)]]),title:f.value},[e.createElementVNode("div",Pn,[o.loading?(e.openBlock(),e.createBlock(F,{key:0,class:"onyx-checkbox__loading",type:"circle"})):e.withDirectives((e.openBlock(),e.createElementBlock("input",{key:1,ref_key:"input",ref:y,"onUpdate:modelValue":v[0]||(v[0]=g=>a.value=g),"aria-label":o.hideLabel?o.label:void 0,class:"onyx-checkbox__input",type:"checkbox",indeterminate:o.indeterminate,disabled:e.unref(d),required:o.required,value:o.value,autofocus:o.autofocus},null,8,Hn)),[[e.vModelCheckbox,a.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(s):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(s)]])},null,2)):e.createCommentVNode("",!0)],64))],10,Rn)]),_:1},8,["disabled","error-messages"]))}}),Fn=(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}}),wt=(n,t,l)=>({state:Fn(n,t),handleChange:o=>{const r=t.value.filter(s=>!n.value.includes(s)),a=o?r.concat(n.value):r;l(a)}}),Ie='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M11.25 6h1.5v1.5h-1.5zm1.5 3.75h-1.5V18h1.5z"/><path fill-rule="evenodd" d="M12 1.5a10.5 10.5 0 1 0 0 21 10.5 10.5 0 0 0 0-21M12 21a9 9 0 1 1 9-9 9.01 9.01 0 0 1-9 9" clip-rule="evenodd"/></svg>',J=e.defineComponent({__name:"OnyxVisuallyHidden",props:{is:{default:"span"}},setup(n){const 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}))}}),Un={class:"onyx-component onyx-info-tooltip"},te=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",Un,[l.value==="click"?(e.openBlock(),e.createBlock(Q,e.normalizeProps(e.mergeProps({key:0},t)),{default:e.withCtx(({trigger:a})=>[e.createElementVNode("button",e.mergeProps({type:"button",class:"onyx-info-tooltip__trigger"},a),[e.createVNode(b,{icon:e.unref(Ie)},null,8,["icon"])],16)]),_:1},16)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createVNode(Q,e.mergeProps({"aria-hidden":"true"},t),{default:e.withCtx(({trigger:a})=>[e.createElementVNode("span",e.mergeProps({class:"onyx-info-tooltip__trigger"},a),[e.createVNode(b,{icon:e.unref(Ie)},null,8,["icon"])],16)]),_:1},16),e.createVNode(J,null,{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.text),1)]),_:1})],64))]))}}),qn=["disabled","aria-label"],Gn={key:0,class:"onyx-checkbox-group__label"},Kn=e.defineComponent({__name:"OnyxCheckboxGroup",props:{density:{},truncation:{default:"ellipsis"},label:{},labelTooltip:{},hideLabel:{type:Boolean},options:{},modelValue:{default:()=>[]},direction:{default:"vertical"},withCheckAll:{type:[Boolean,Object],default:!1},disabled:{default:T},skeleton:{type:[Symbol,Boolean,Number],default:I}},emits:["update:modelValue"],setup(n,{expose:t,emit:l}){const o=n,{densityClass:r}=B(o),a=l,{t:s}=E(),i=(y,h)=>{const v=h?[...o.modelValue,y]:o.modelValue.filter(g=>g!==y);a("update:modelValue",v)},c=e.computed(()=>o.options.filter(y=>!y.disabled&&!y.skeleton).map(({value:y})=>y)),{disabled:u}=P(o),p=z(o),d=wt(c,e.computed(()=>o.modelValue),y=>a("update:modelValue",y)),m=e.computed(()=>{var h;const y=s.value("selections.selectAll");return typeof o.withCheckAll=="boolean"?y:((h=o.withCheckAll)==null?void 0:h.label)??y}),f=e.useTemplateRef("checkboxes");return t({inputs:e.computed(()=>(Array.isArray(f.value)?f.value:[f.value]).filter(Boolean).flatMap(h=>h.input))}),(y,h)=>(e.openBlock(),e.createElementBlock("fieldset",{class:e.normalizeClass(["onyx-component","onyx-checkbox-group",e.unref(r)]),disabled:e.unref(u),"aria-label":o.label},[o.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("legend",Gn,[e.createVNode(G,{is:"h3"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.label),1)]),_:1}),o.labelTooltip?(e.openBlock(),e.createBlock(te,{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(ie,{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(ie,e.mergeProps({key:0},e.unref(d).state.value,{label:m.value,value:"all",class:"onyx-checkbox-group__option onyx-checkbox-group__check-all","onUpdate:modelValue":e.unref(d).handleChange}),null,16,["label","onUpdate:modelValue"])):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.options,v=>(e.openBlock(),e.createBlock(ie,e.mergeProps({key:v.value.toString(),ref_for:!0},v,{ref_for:!0,ref_key:"checkboxes",ref:f,truncation:v.truncation??o.truncation,"model-value":o.modelValue.includes(v.value),class:"onyx-checkbox-group__option","onUpdate:modelValue":g=>i(v.value,g)}),null,16,["truncation","model-value","onUpdate:modelValue"]))),128))],64))],2)],10,qn))}}),Zn='<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>',Vt='<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>',jn={class:"onyx-empty__label onyx-text onyx-truncation-multiline"},qe=e.defineComponent({__name:"OnyxEmpty",props:{density:{}},setup(n){const t=n,{densityClass:l}=B(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(b,{icon:e.unref(Vt),size:"48px"},null,8,["icon"])]),e.createElementVNode("div",jn,[e.renderSlot(o.$slots,"default")])],2))}}),Yn={class:"onyx-table-wrapper onyx-component"},Wn=["tabindex"],Jn=["span"],Xn={key:0,class:"onyx-table__header"},Qn={key:0},el=["colspan"],tl={class:"onyx-table__empty"},ol={colspan:"100%"},nl={class:"onyx-table__empty-content"},Et=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}=E(),{densityClass:r}=B(t),a=e.computed(()=>o.value("table.empty"));return(s,i)=>{var c;return e.openBlock(),e.createElementBlock("div",Yn,[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,u=>(e.openBlock(),e.createElementBlock("colgroup",{key:u.key,span:u.span},null,8,Jn))),128)),l.head?(e.openBlock(),e.createElementBlock("thead",Xn,[(c=t.columnGroups)!=null&&c.length?(e.openBlock(),e.createElementBlock("tr",Qn,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.columnGroups,u=>(e.openBlock(),e.createElementBlock("th",{key:u.key,colspan:u.span,scope:"colgroup",class:"onyx-table__colgroup"},e.toDisplayString(u.header),9,el))),128))])):e.createCommentVNode("",!0),e.renderSlot(s.$slots,"head")])):e.createCommentVNode("",!0),e.createElementVNode("tbody",null,[e.renderSlot(s.$slots,"default",{},()=>[e.createElementVNode("tr",tl,[e.createElementVNode("td",ol,[e.createElementVNode("div",nl,[e.renderSlot(s.$slots,"empty",{defaultMessage:a.value},()=>[e.createVNode(qe,null,{icon:e.withCtx(()=>[e.createVNode(b,{icon:e.unref(Zn),size:"48px"},null,8,["icon"])]),default:e.withCtx(()=>[e.createTextVNode(" "+e.toDisplayString(a.value),1)]),_:1})])])])])])])],2)],10,Wn)])}}}),St=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(Et,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),e.mergeProps({ref_for:!0},r.props),null,16))],16))),128))])]),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))]),_:1},16))}}),ll='<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>',al=n=>e.computed(n),j=Symbol("MANAGED_SYMBOL"),ue=(n,t,l)=>{const o=e.computed(()=>n.value===j),r=e.ref(e.toValue(o)?t:n.value);return{state:al({set:s=>{r.value=s,l(s)},get:()=>o.value?r.value:n.value}),isManaged:o}},rl=["aria-label"],ye=e.defineComponent({__name:"OnyxFlyoutMenu",props:{open:{default:j},trigger:{default:"hover"},label:{}},emits:["update:open"],setup(n,{emit:t}){const l=n,o=t,{state:r}=ue(e.toRef(()=>l.open),!1,u=>o("update:open",u)),a=e.useSlots(),{elements:{root:s,button:i,menu:c}}=Mn({isExpanded:e.computed(()=>!!r.value),onToggle:()=>r.value=!r.value,trigger:e.computed(()=>l.trigger)});return(u,p)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps({class:"onyx-component onyx-flyout-menu"},e.unref(s)),[e.renderSlot(u.$slots,"button",{trigger:e.unref(i)}),a.options||a.header||a.footer?e.withDirectives((e.openBlock(),e.createElementBlock("div",{key:0,"aria-label":l.label,class:e.normalizeClass({"onyx-flyout-menu__list--with-header":!!a.header,"onyx-flyout-menu__list--with-footer":!!a.footer,"onyx-flyout-menu__list":!0})},[e.renderSlot(u.$slots,"header"),a.options?(e.openBlock(),e.createElementBlock("ul",e.mergeProps({key:0},e.unref(c),{class:"onyx-flyout-menu__wrapper onyx-flyout-menu__group"}),[e.renderSlot(u.$slots,"options")],16)):e.createCommentVNode("",!0),e.renderSlot(u.$slots,"footer")],10,rl)),[[e.vShow,e.unref(r)]]):e.createCommentVNode("",!0)],16))}}),sl={class:"onyx-component onyx-data-grid-header-cell"},il={class:"onyx-data-grid-header-cell__label"},cl={key:0,class:"onyx-data-grid-header-cell__actions"},ot=e.defineComponent({__name:"HeaderCell",props:{label:{}},setup(n){const t=n,l=e.useSlots();return(o,r)=>(e.openBlock(),e.createElementBlock("div",sl,[e.createElementVNode("span",il,e.toDisplayString(t.label),1),l.actions?(e.openBlock(),e.createElementBlock("div",cl,[e.renderSlot(o.$slots,"actions")])):e.createCommentVNode("",!0)]))}});const ul=(n,t)=>{const l=a=>{const i=n.map(c=>c.header).filter(c=>!!c).map(c=>c.actions).filter(c=>!!c);return a.map(c=>{const u=i.flatMap(d=>d(c)),p=u.map(({iconComponent:d})=>d);if(u.length>1){const d=u.map(({menuItems:f})=>f).filter(f=>!!f),m=e.h(ye,{label:t.value("navigation.moreActionsFlyout",{column:c.toString()}),trigger:"click"},{button:({trigger:f})=>e.h(ee,{label:t.value("navigation.moreActionsTrigger"),color:"medium",icon:ll,...f}),options:()=>d});return{key:c,component:()=>e.h(ot,{label:String(c)},{actions:()=>m}),props:{}}}return{key:c,component:()=>e.h(ot,{label:String(c)},{actions:()=>p}),props:{}}})},o=(a,s)=>{const i=n.map(u=>u.mutation).filter(u=>!!u),c=[...a];return i.forEach(({func:u})=>u(c)),c.map(u=>{const p=s.reduce((d,m)=>(d[m]={component:()=>u[m],props:{row:u}},d),{});return{id:u.id,cells:p}})},r=n.flatMap(a=>a.watch);return{createRendererRows:o,createRendererColumns:l,watchSources:r}},dl=e.defineComponent({__name:"OnyxDataGrid",props:{features:{default:()=>[]},columns:{},data:{}},setup(n){const t=n,{t:l}=E(),o=e.ref([]),r=e.ref([]),{columns:a,data:s,features:i}=e.toRefs(t),c=e.computed(()=>ul(i.value,l));let u;const p=()=>{const{createRendererColumns:d,createRendererRows:m,watchSources:f}=c.value;return e.watch([a,s,l,...f],()=>{o.value=d(a.value),r.value=m(s.value,a.value)},{immediate:!0,deep:!0})};return e.watch(c,()=>{u==null||u(),u=p()},{immediate:!0}),(d,m)=>(e.openBlock(),e.createBlock(St,{columns:o.value,rows:r.value},null,8,["columns","rows"]))}}),Nt='<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>',$t='<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>',pl='<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>',he=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}=B(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))}}),ml=["href","target","rel"],fl=["disabled"],ve=e.defineComponent({__name:"OnyxMenuItem",props:{target:{default:"_self"},href:{},active:{type:Boolean},disabled:{type:Boolean},color:{}},setup(n){const t=n,{t:l}=E(),{elements:{listItem:o,menuItem:r}}=bt(),a=e.computed(()=>r({active:t.active,disabled:t.disabled}));return(s,i)=>(e.openBlock(),e.createBlock(he,e.mergeProps({selected:t.active,active:t.active,color:t.color,disabled:t.disabled,class:"onyx-component onyx-menu-item"},e.unref(o)),{default:e.withCtx(()=>[t.href?(e.openBlock(),e.createElementBlock("a",e.mergeProps({key:0,class:"onyx-menu-item__trigger",href:t.href,target:t.target,rel:t.target==="_blank"?"noreferrer":void 0},a.value),[e.renderSlot(s.$slots,"default")],16,ml)):(e.openBlock(),e.createElementBlock("button",e.mergeProps({key:1,class:"onyx-menu-item__trigger",type:"button",disabled:t.disabled},a.value),[e.renderSlot(s.$slots,"default"),t.target==="_blank"?(e.openBlock(),e.createBlock(J,{key:0},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(l)("link.opensExternally")),1)]),_:1})):e.createCommentVNode("",!0)],16,fl))]),_:3},16,["selected","active","color","disabled"]))}}),yl='<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>',hl=e.defineComponent({__name:"SortAction",props:{columnLabel:{},sortDirection:{}},setup(n){const t=n,{t:l}=E(),o=e.computed(()=>t.sortDirection==="asc"?$t:t.sortDirection==="desc"?Nt:yl),r=e.computed(()=>{const a=Le(t.sortDirection);return l.value(`dataGrid.head.sorting.action.${a}`,{field:t.columnLabel})});return(a,s)=>(e.openBlock(),e.createBlock(ee,{label:r.value,icon:o.value,color:"medium"},null,8,["label","icon"]))}}),Le=n=>{switch(n){case"asc":return"desc";case"desc":return"none";case"none":default:return"asc"}},vl=Symbol("Sorting"),_l=n=>{const t=e.toRef((n==null?void 0:n.sortState)??{column:void 0,direction:"none"}),l=e.computed(()=>d=>{var f;const m=e.toValue(n==null?void 0:n.columns);return((f=m==null?void 0:m[d])==null?void 0:f.sortFunc)??s.value}),o=e.computed(()=>d=>{var f;const m=e.toValue(n==null?void 0:n.columns);return!m||((f=m==null?void 0:m[d])==null?void 0:f.enabled)===!0}),{locale:r,t:a}=E(),s=e.computed(()=>(d,m)=>new Intl.Collator(r.value).compare(String(d),String(m))),i=d=>{const m=t.value.column===d?Le(t.value.direction):Le(),f=m!=="none"?d:void 0;t.value={direction:m,column:f}},c=d=>{const{column:m,direction:f}=t.value;if(!m||f==="none")return;const y=f==="asc"?1:-1,h=l.value(m);d.sort((v,g)=>h(v[m],g[m])*y)},u=e.computed(()=>(d,m)=>t.value.column===d&&t.value.direction===m),p=(d,m)=>{const f={none:pl,asc:$t,desc:Nt};return e.h(ve,{active:u.value(d,m),onClick:()=>t.value={column:d,direction:m}},()=>[e.h(b,{icon:f[m]}),a.value(`dataGrid.head.sorting.menu.${m}`)])};return{name:vl,watch:[t,s],mutation:{func:c},header:{actions:d=>o.value(d)?[{iconComponent:e.h(hl,{columnLabel:String(d),sortDirection:t.value.column===d?t.value.direction:void 0,onClick:()=>i(d)}),menuItems:[p(d,"none"),p(d,"asc"),p(d,"desc")]}]:[]}}},gl=Object.freeze(Object.defineProperty({__proto__:null,useSorting:_l},Symbol.toStringTag,{value:"Module"})),oe=n=>e.computed(()=>n.value===!0?"onyx-form-element--immediate-invalid":n.value===!1?"onyx-form-element--suppress-invalid":"onyx-form-element--touched-invalid"),xl={class:e.normalizeClass(["onyx-truncation-ellipsis"])},we=e.defineComponent({__name:"FormMessage",props:{messages:{},type:{}},setup(n){const t=n;return(l,o)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(l.messages.hidden?J:"span"),{class:e.normalizeClass(["onyx-component","onyx-form-message",`onyx-form-message__${t.type}`])},{default:e.withCtx(()=>[e.createElementVNode("span",xl,e.toDisplayString(t.messages.shortMessage),1),t.messages.longMessage?(e.openBlock(),e.createBlock(te,{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"]))}}),kl={key:0,class:"onyx-form-element__label onyx-text--small"},bl=["for"],Bl={class:"onyx-form-element__footer onyx-text--small"},Cl={class:"onyx-form-element__footer-messages"},wl={key:0,class:"onyx-form-element__counter"},ne=e.defineComponent({__name:"OnyxFormElement",props:{required:{type:Boolean,default:!1},requiredMarker:{},id:{default:()=>e.useId()},name:{},modelValue:{},label:{},labelTooltip:{},hideLabel:{type:Boolean},maxlength:{},withCounter:{type:Boolean},errorMessages:{},message:{},successMessages:{}},setup(n){const t=n,{requiredMarkerClass:l,requiredTypeClass:o}=me(t),r=e.computed(()=>{var a;if(t.withCounter&&t.maxlength)return`${(((a=t.modelValue)==null?void 0:a.toString())||"").length}/${t.maxlength}`});return(a,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["onyx-component","onyx-form-element",e.unref(o),a.successMessages?"onyx-form-element--success":void 0])},[t.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",kl,[e.createElementVNode("label",{for:t.id,class:"onyx-truncation-ellipsis"},e.toDisplayString(t.label),9,bl),t.required?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass([t.required?e.unref(l):void 0])},null,2)):e.createCommentVNode("",!0),t.labelTooltip?(e.openBlock(),e.createBlock(te,{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(l)])},null,2))])),e.renderSlot(a.$slots,"default",{id:t.id}),e.createElementVNode("div",Bl,[e.createElementVNode("span",Cl,[t.errorMessages?(e.openBlock(),e.createBlock(we,{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(we,{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(we,{key:2,class:"onyx-form-element__message",messages:t.message,type:"neutral"},null,8,["messages"])):e.createCommentVNode("",!0)]),r.value?(e.openBlock(),e.createElementBlock("span",wl,e.toDisplayString(r.value),1)):e.createCommentVNode("",!0)])],2))}}),Vl={class:"onyx-datepicker__wrapper"},El=["id","type","required","autofocus","name","readonly","disabled","aria-label","title","min","max"],Sl=e.defineComponent({__name:"OnyxDatePicker",props:{disabled:{default:T},showError:{default:T},density:{},required:{type:Boolean,default:!1},requiredMarker:{},customError:{},id:{},name:{},label:{},labelTooltip:{},hideLabel:{type:Boolean},error:{},message:{},success:{},autofocus:{type:Boolean},readonly:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},hideSuccessIcon:{type:Boolean},hideClearIcon:{type:Boolean},skeleton:{type:[Symbol,Boolean,Number],default:I},modelValue:{},type:{default:"date"},min:{},max:{}},emits:["update:modelValue","validityChange"],setup(n,{emit:t}){const l=n,o=t,{vCustomValidity:r,errorMessages:a}=K({props:l,emit:o}),s=e.computed(()=>H(l.success)),i=e.computed(()=>H(l.message)),{densityClass:c}=B(l),{disabled:u,showError:p}=P(l),d=z(l),m=oe(p),f=e.computed(()=>h=>{const v=h!=null?new Date(h):void 0;if(!$e(v))return;const g=v.toISOString().split("T")[0];if(l.type==="date")return g;const x=v.getHours().toString().padStart(2,"0"),k=v.getMinutes().toString().padStart(2,"0");return`${g}T${x}:${k}`}),y=e.computed({get:()=>f.value(l.modelValue),set:h=>{const v=new Date(h??"");o("update:modelValue",$e(v)?v.toISOString():void 0)}});return(h,v)=>e.unref(d)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["onyx-component","onyx-datepicker-skeleton",e.unref(c)])},[l.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock($,{key:0,class:"onyx-datepicker-skeleton__label"})),e.createVNode($,{class:"onyx-datepicker-skeleton__input"})],2)):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["onyx-component","onyx-datepicker",e.unref(c),e.unref(m)])},[e.createVNode(ne,e.mergeProps(l,{"error-messages":e.unref(a),"success-messages":s.value,message:i.value}),{default:e.withCtx(({id:g})=>[e.createElementVNode("div",Vl,[l.loading?(e.openBlock(),e.createBlock(F,{key:0,class:"onyx-datepicker__loading",type:"circle"})):e.createCommentVNode("",!0),e.withDirectives((e.openBlock(),e.createElementBlock("input",{id:g,key:l.type,"onUpdate:modelValue":v[0]||(v[0]=x=>y.value=x),class:e.normalizeClass(["onyx-datepicker__native",{"onyx-datepicker__native--success":s.value}]),type:l.type,required:l.required,autofocus:l.autofocus,name:l.name,readonly:l.readonly,disabled:e.unref(u)||l.loading,"aria-label":l.hideLabel?l.label:void 0,title:l.hideLabel?l.label:void 0,min:f.value(l.min),max:f.value(l.max)},null,10,El)),[[e.vModelDynamic,y.value],[e.unref(r)]])])]),_:1},16,["error-messages","success-messages","message"])],2))}}),Nl='<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>',$l=n=>/^http(s?):\/\//.test(n),_e=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:$l(t.href??"")});return(o,r)=>l.value?(e.openBlock(),e.createBlock(b,{key:0,class:"onyx-component onyx-external-link-icon",icon:e.unref(Nl),size:"16px"},null,8,["icon"])):e.createCommentVNode("",!0)}}),Ml=["h1","h2","h3","h4","h5","h6"],Tl=["12px","16px","24px","32px","48px","64px","96px"],Ol=["aria-label","title","type","disabled","autofocus"],Mt=e.defineComponent({__name:"OnyxIconButton",props:{density:{},autofocus:{type:Boolean},label:{},disabled:{default:T},type:{default:"button"},color:{default:"primary"},loading:{type:Boolean},icon:{},skeleton:{type:[Symbol,Boolean,Number],default:I}},setup(n){const t=n,{densityClass:l}=B(t),{disabled:o}=P(t),r=z(t);return(a,s)=>e.unref(r)?(e.openBlock(),e.createBlock($,{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(F,{key:0,type:"circle"})):t.icon?(e.openBlock(),e.createBlock(b,{key:1,icon:t.icon},null,8,["icon"])):e.renderSlot(a.$slots,"default",{key:2})],10,Ol))}}),Ge='<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>',Il={class:"onyx-input__wrapper"},Ll=["id","placeholder","type","required","autocapitalize","autocomplete","autofocus","name","pattern","readonly","disabled","minlength","maxlength","aria-label","title"],Dl=["aria-label","title"],zl=e.defineComponent({__name:"OnyxInput",props:e.mergeModels({disabled:{default:T},showError:{default:T},density:{},required:{type:Boolean,default:!1},requiredMarker:{},customError:{},id:{},name:{},label:{},labelTooltip:{},hideLabel:{type:Boolean},error:{},message:{},success:{},maxlength:{},withCounter:{type:Boolean},autofocus:{type:Boolean},modelValue:{},type:{default:"text"},placeholder:{},autocapitalize:{default:"sentences"},autocomplete:{},pattern:{},readonly:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},hideSuccessIcon:{type:Boolean,default:!1},hideClearIcon:{type:Boolean,default:!1},minlength:{},skeleton:{type:[Symbol,Boolean,Number],default:I}},{modelValue:{default:""},modelModifiers:{}}),emits:e.mergeModels(["update:modelValue","validityChange"],["update:modelValue"]),setup(n,{expose:t,emit:l}){const o=n,r=l,{t:a}=E(),{vCustomValidity:s,errorMessages:i}=K({props:o,emit:r}),c=e.computed(()=>H(o.success)),u=e.computed(()=>H(o.message)),{densityClass:p}=B(o),d=e.useModel(n,"modelValue"),m=e.computed(()=>o.pattern instanceof RegExp?o.pattern.source:o.pattern),f=e.useTemplateRef("input");t({input:f});const{disabled:y,showError:h}=P(o),v=z(o),g=oe(h);return(x,k)=>e.unref(v)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["onyx-component","onyx-input-skeleton",e.unref(p)])},[o.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock($,{key:0,class:"onyx-input-skeleton__label"})),e.createVNode($,{class:"onyx-input-skeleton__input"})],2)):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["onyx-component","onyx-input",e.unref(p),e.unref(g)])},[e.createVNode(ne,e.mergeProps(o,{"error-messages":e.unref(i),"success-messages":c.value,message:u.value}),{default:e.withCtx(({id:V})=>[e.createElementVNode("div",Il,[o.loading?(e.openBlock(),e.createBlock(F,{key:0,class:"onyx-input__loading",type:"circle"})):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("input",{id:V,ref_key:"input",ref:f,"onUpdate:modelValue":k[0]||(k[0]=C=>d.value=C),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:m.value,readonly:o.readonly,disabled:e.unref(y)||o.loading,minlength:o.minlength,maxlength:o.maxlength,"aria-label":o.hideLabel?o.label:void 0,title:o.hideLabel?o.label:void 0},null,8,Ll),[[e.vModelDynamic,d.value],[e.unref(s)]]),!o.hideClearIcon&&d.value!==""?(e.openBlock(),e.createElementBlock("button",{key:1,type:"button",class:"onyx-input__clear","aria-label":e.unref(a)("input.clear"),title:e.unref(a)("input.clear"),tabindex:"-1",onClick:k[1]||(k[1]=()=>d.value="")},[e.createVNode(b,{icon:e.unref(W)},null,8,["icon"])],8,Dl)):e.createCommentVNode("",!0),!o.hideSuccessIcon&&c.value?(e.openBlock(),e.createBlock(b,{key:2,class:"onyx-input__check-icon",icon:e.unref(Ge),color:"success"},null,8,["icon"])):e.createCommentVNode("",!0)])]),_:1},16,["error-messages","success-messages","message"])],2))}}),Al=["email","password","search","tel","text","url"],Rl=["none","sentences","words","characters"],Pl=["href","target","rel"],Hl=e.defineComponent({__name:"OnyxLink",props:{href:{},withExternalIcon:{type:[Boolean,String],default:"auto"},target:{default:"_self"}},setup(n){const t=n,{t:l}=E();return(o,r)=>(e.openBlock(),e.createElementBlock("a",{class:"onyx-component onyx-link",href:t.href,target:t.target,rel:t.target==="_blank"?"noreferrer":void 0},[e.renderSlot(o.$slots,"default"),t.target==="_blank"?(e.openBlock(),e.createBlock(J,{key:0},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(l)("link.opensExternally")),1)]),_:1})):e.createCommentVNode("",!0),e.createVNode(_e,e.normalizeProps(e.guardReactiveProps(t)),null,16)],8,Pl))}}),Fl=["_self","_blank","_parent","_top"],Ul='<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>',Tt=()=>{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}},ql=["placeholder","aria-label"],Gl=["aria-label"],Ot=e.defineComponent({inheritAttrs:!1,__name:"OnyxMiniSearch",props:{density:{},label:{},modelValue:{}},emits:["update:modelValue","clear"],setup(n,{expose:t,emit:l}){const o=n,r=l,{rootAttrs:a,restAttrs:s}=Tt(),{densityClass:i}=B(o),{t:c}=E(),u=e.ref(),p=e.computed({get:()=>o.modelValue,set:m=>r("update:modelValue",m??"")}),d=e.computed(()=>c.value("select.searchPlaceholder"));return t({focus:()=>{var m;return(m=u.value)==null?void 0:m.focus()}}),(m,f)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps({class:["onyx-component","onyx-mini-search",e.unref(i)]},e.unref(a),{style:{"--onyx-placeholder-character-count":d.value.length}}),[e.withDirectives(e.createElementVNode("input",e.mergeProps({ref_key:"input",ref:u,"onUpdate:modelValue":f[0]||(f[0]=y=>p.value=y),class:"onyx-mini-search__input onyx-text",placeholder:d.value,type:"text",size:"1"},e.unref(s),{"aria-label":o.label}),null,16,ql),[[e.vModelText,p.value]]),e.createElementVNode("button",{type:"button",class:"onyx-mini-search__clear","aria-label":e.unref(c)("select.clearSearch"),tabindex:"-1",onMousedown:f[1]||(f[1]=e.withModifiers(()=>{},["prevent"])),onClick:f[2]||(f[2]=y=>r("clear"))},[e.createVNode(b,{icon:e.unref(W)},null,8,["icon"])],40,Gl),e.createVNode(b,{class:"onyx-mini-search__icon",icon:e.unref(Ul)},null,8,["icon"])],16))}}),Kl='<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>',Zl={class:"onyx-component onyx-mobile-nav-button"},jl=["aria-label"],Yl={class:"onyx-mobile-nav-button__flyout"},Wl={class:"onyx-mobile-nav-button__menu"},De=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",Zl,[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]=s=>o("update:open",!l.open))},[e.createVNode(b,{icon:l.open?e.unref(Kl):l.icon},null,8,["icon"])],10,jl),l.open?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createElementVNode("div",Yl,[e.createElementVNode("div",Wl,[l.headline?(e.openBlock(),e.createBlock(G,{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]=s=>o("update:open",!1))})],64)):e.createCommentVNode("",!0)]))}}),Jl={class:"onyx-modal-dialog__header"},Xl={class:"onyx-modal-dialog__headline"},Ql=["id"],ea=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}=E(),{densityClass:s}=B(l),i=e.useId(),c=e.computed(()=>!!r.description);return(u,p)=>(e.openBlock(),e.createBlock(pe,e.mergeProps(l,{class:["onyx-modal-dialog",e.unref(s)],"aria-describedby":c.value?e.unref(i):void 0,modal:"",onClose:p[1]||(p[1]=d=>o("close"))}),{default:e.withCtx(()=>[e.createElementVNode("div",Jl,[e.createElementVNode("div",Xl,[e.renderSlot(u.$slots,"headline",{label:l.label},()=>[e.createVNode(G,{is:"h2"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(l.label),1)]),_:1})]),e.createVNode(ee,{class:"onyx-alert-dialog__close",label:e.unref(a)("dialog.close"),icon:e.unref(W),onClick:p[0]||(p[0]=d=>o("close"))},null,8,["label","icon"])]),c.value?(e.openBlock(),e.createElementBlock("div",{key:0,id:e.unref(i),class:"onyx-modal-dialog__description onyx-text--small"},[e.renderSlot(u.$slots,"description")],8,Ql)):e.createCommentVNode("",!0)]),e.renderSlot(u.$slots,"default")]),_:3},16,["class","aria-describedby"]))}}),de=(n,t)=>{const l="content-box",o=e.ref(0),r=e.ref(0),a=s=>{const i=s[0].contentBoxSize;o.value=i.reduce((c,{inlineSize:u})=>c+u,0),r.value=i.reduce((c,{blockSize:u})=>c+u,0)};return e.onMounted(()=>{const s=new ResizeObserver(a);if(!n){s.observe(document.documentElement,{box:l});return}e.watch(n,(i,c)=>{const u=ze(i),p=ze(c);p&&(s==null||s.unobserve(p)),u?s==null||s.observe(u,{box:l}):(o.value=0,r.value=0)},{immediate:!0}),e.onBeforeUnmount(()=>s.disconnect())}),{width:o,height:r}},ze=n=>n instanceof Element?n:n==null?void 0:n.$el,ta=n=>{const t=e.ref([]),l=e.ref([]),{width:o}=de(n.parentRef),{width:r}=de(n.moreIndicatorRef),a=e.reactive(new Map);return e.onMounted(()=>{e.watchEffect(()=>{let s=o.value;if(s<=0)return;const i=nt(n.parentRef.value),c=nt(n.listRef.value);r.value>0&&(s-=r.value+i),t.value=[],l.value=[],Array.from(a.entries()).forEach(([u,p],d)=>{s-=p+(d>0?c:0),s>=0||d===a.size-1&&s+r.value>=0?t.value.push(u):l.value.push(u)})})}),{visibleElements:t,hiddenElements:l,componentMap:a}},nt=n=>{const t=ze(n);return t&&Number.parseFloat(getComputedStyle(t).columnGap)||0},oa=n=>{const t=e.useId(),l=e.ref(),o=e.inject(n,void 0),{width:r}=de(l);e.watch(r,s=>{const i=o==null?void 0:o.componentMap;!i||i.has(t)&&s===0||i.set(t,s)},{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.ref(),a=e.ref(),s=e.ref(),i=ta({parentRef:r,listRef:a,moreIndicatorRef:s});return e.provide(l.injectionKey,i),e.watch([()=>i.visibleElements.value.length,()=>i.hiddenElements.value.length],([c,u])=>{o("visibilityChange",{visibleElements:c,hiddenElements:u})}),(c,u)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"parentRef",ref:r,class:"onyx-component onyx-more-list"},[e.renderSlot(c.$slots,"default",{attributes:{ref:p=>a.value=p,class:"onyx-more-list__elements"}}),e.unref(i).hiddenElements.value.length>0?e.renderSlot(c.$slots,"more",{key:0,attributes:{ref:p=>s.value=p,class:"onyx-more-list__indicator"},hiddenElements:e.unref(i).hiddenElements.value.length,visibleElements:e.unref(i).visibleElements.value.length}):e.createCommentVNode("",!0)],512))}}),la=["aria-label"],aa=["src","alt"],ra={key:1,class:"onyx-text-small onyx-truncation-ellipsis"},It=e.defineComponent({__name:"OnyxNavAppArea",props:{logoUrl:{},appName:{},label:{}},setup(n){const t=n,{t:l}=E(),o=e.computed(()=>t.label??l.value("navigation.goToHome"));return(r,a)=>(e.openBlock(),e.createElementBlock("button",{type:"button",class:"onyx-component onyx-nav-app-area","aria-label":o.value},[e.renderSlot(r.$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,aa)):e.createCommentVNode("",!0),t.appName?(e.openBlock(),e.createElementBlock("span",ra,e.toDisplayString(t.appName),1)):e.createCommentVNode("",!0)])],8,la))}}),sa=`<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"),at={"2xs":320,xs:576,sm:768,md:992,lg:1440,xl:1920},W='<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>',no=["compact","default","cozy"],B=n=>({densityClass:e.computed(()=>({[`onyx-density-${n.density}`]:!!n.density}))}),lo="(optional)",ao="Cancel",ro="Apply",so="Back",io="Close",co={head:{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"}}}},uo={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".'}}},po={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"},mo={selectAll:"Select all",currentSelection:"{n} selected"},fo={decrement:"Decrement by {stepSize}",increment:"Increment by {stepSize}"},yo={empty:"This table is empty."},ho={opensExternally:"Opens in a new tab."},vo="Subpages of {label}",_o={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"},go={neutral:"Toggle info tooltip",danger:"Toggle error tooltip",success:"Toggle success tooltip"},xo={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."}},ko={label:"Pagination",ofPages:"of 1 page | of {n} pages",previous:"previous page",next:"next page",select:{label:"Page selection",listLabel:"Available pages"}},bo={clear:"Clear input"},Bo={close:"Close dialog"},Se={optional:lo,cancel:ao,apply:ro,back:so,close:io,dataGrid:co,validations:uo,select:po,selections:mo,stepper:fo,table:yo,link:ho,navItemOptionsLabel:vo,navigation:_o,tooltip:go,colorScheme:xo,pagination:ko,input:bo,dialog:Bo},rt=Symbol(),st=(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]:Se),r=e.computed(()=>(a,s={})=>{let i=Je(a,o.value)??Je(a,Se)??"";return i=Co(i,s.n),wo(i,s)});return{locale:t,t:r}},it=(n,t)=>{const l=st(t);return n.provide(rt,l),l},E=()=>e.inject(rt,()=>st(),!0),Je=(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},Co=(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,Vo=["aria-modal","aria-label","role"],pe=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.ref(),{densityClass:a}=B(l),s=()=>{var i,c;l.modal?(i=r.value)==null||i.showModal():(c=r.value)==null||c.show()};return e.watch([r,()=>l.open],()=>{var i;l.open?s():(i=r.value)==null||i.close()}),e.watch(()=>l.modal,()=>{var i;(i=r.value)!=null&&i.open&&(r.value.close(),s())}),(i,c)=>l.open?(e.openBlock(),e.createElementBlock("dialog",{key:0,ref_key:"dialogRef",ref:r,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:c[0]||(c[0]=e.withModifiers(u=>o("close"),["prevent"]))},[e.renderSlot(i.$slots,"default")],42,Vo)):e.createCommentVNode("",!0)}}),ct=Symbol(),I=Symbol("SKELETON_INJECTED_SYMBOL"),ut=n=>t=>e.computed(()=>typeof t.skeleton!="symbol"?t.skeleton:t.skeleton===I&&(n==null?void 0:n.skeleton)===!0?3:!1),Pe=n=>e.provide(ct,ut(n)),Eo=ut(),z=n=>e.inject(ct,Eo)(n),He=(n,t)=>{const l=n.__vccOpts||n;for(const[o,r]of t)l[o]=r;return l},So={},No={"aria-hidden":"true",class:"onyx-component onyx-skeleton"};function $o(n,t){return e.openBlock(),e.createElementBlock("figure",No)}const $=He(So,[["render",$o]]),Mo=["href"],G=e.defineComponent({__name:"OnyxHeadline",props:{is:{},hash:{},skeleton:{type:[Symbol,Boolean,Number],default:I}},setup(n){const t=n,l=z(t),o=async r=>{const{origin:a,pathname:s,search:i}=window.location,c=`${a}${s}${i}#${r}`;await navigator.clipboard.writeText(c)};return(r,a)=>e.unref(l)?(e.openBlock(),e.createBlock($,{key:0,class:e.normalizeClass(["onyx-headline-skeleton",`onyx-headline-skeleton--${t.is}`])},null,8,["class"])):(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.is),{key:1,id:t.hash,class:e.normalizeClass(["onyx-component","onyx-headline",`onyx-headline--${t.is}`])},{default:e.withCtx(()=>[t.hash?(e.openBlock(),e.createElementBlock("a",{key:0,href:`#${t.hash}`,target:"_self",class:"onyx-headline__hash",onClick:a[0]||(a[0]=s=>o(t.hash))},[e.renderSlot(r.$slots,"default")],8,Mo)):e.renderSlot(r.$slots,"default",{key:1})]),_:3},8,["id","class"]))}}),To=["innerHTML"],b=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,To))}}),dt=Symbol(),T=Symbol("FORM_INJECTED_SYMBOL"),Xe=(n,t,l,o)=>e.computed(()=>{const r=t.value[l];return r!=null&&typeof r!="symbol"?r:r===T?(n==null?void 0:n.value[l])??o:o}),pt=n=>t=>({disabled:Xe(n,t,"disabled",!1),showError:Xe(n,t,"showError","touched")}),Oo=n=>e.provide(dt,pt(n&&e.toRef(n))),Io=pt(),P=n=>e.inject(dt,Io)(e.toRef(n)),Lo=["aria-label","title","disabled","autofocus"],ee=e.defineComponent({__name:"OnyxSystemButton",props:{disabled:{default:T},autofocus:{type:Boolean,default:!1},skeleton:{type:[Symbol,Boolean,Number],default:I},label:{},icon:{},color:{default:"intense"}},setup(n){const t=n,{disabled:l}=P(t),o=z(t);return(r,a)=>e.unref(o)?(e.openBlock(),e.createBlock($,{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(b,{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,Lo))}}),Do={class:"onyx-alert-dialog__content"},zo={class:"onyx-alert-dialog__headline"},Ao=["id"],Ro={class:"onyx-alert-dialog__actions"},Po=e.defineComponent({__name:"OnyxAlertDialog",props:{density:{},label:{},open:{type:Boolean},icon:{}},emits:["close"],setup(n,{emit:t}){const l=n,o=t,{t:r}=E(),{densityClass:a}=B(l),s=e.useId();return(i,c)=>(e.openBlock(),e.createBlock(pe,e.mergeProps({class:["onyx-alert-dialog",e.unref(a)]},l,{"aria-describedby":e.unref(s),modal:"",alert:"",onClose:c[1]||(c[1]=u=>o("close"))}),{default:e.withCtx(()=>[e.createElementVNode("div",Do,[l.icon?(e.openBlock(),e.createBlock(b,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",zo,[e.renderSlot(i.$slots,"headline",{label:l.label},()=>[e.createVNode(G,{is:"h2"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(l.label),1)]),_:1})]),e.createVNode(ee,{class:"onyx-alert-dialog__close",label:e.unref(r)("dialog.close"),icon:e.unref(W),onClick:c[0]||(c[0]=u=>o("close"))},null,8,["label","icon"])]),e.createElementVNode("div",{id:e.unref(s),class:"onyx-alert-dialog__body onyx-truncation"},[e.renderSlot(i.$slots,"default")],8,Ao)])]),e.createElementVNode("div",Ro,[e.renderSlot(i.$slots,"actions")])]),_:3},16,["class","aria-describedby"]))}}),Ho={key:0,class:"onyx-app__nav"},Fo={class:"onyx-app__page"},Uo={key:1,class:"onyx-app__page-overlay"},qo={key:2,class:"onyx-app__app-overlay"},Go=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",Ho,[e.renderSlot(o.$slots,"navBar")])):e.createCommentVNode("",!0),e.createElementVNode("div",Fo,[e.renderSlot(o.$slots,"default")]),l.pageOverlay?(e.openBlock(),e.createElementBlock("div",Uo,[e.renderSlot(o.$slots,"pageOverlay")])):e.createCommentVNode("",!0),l.appOverlay?(e.openBlock(),e.createElementBlock("div",qo,[e.renderSlot(o.$slots,"appOverlay")])):e.createCommentVNode("",!0)],2))}}),Ko=["title"],Zo=["src","alt"],jo={key:1,class:"onyx-avatar__initials"},Ne=e.defineComponent({__name:"OnyxAvatar",props:{size:{default:"48px"},label:{},src:{}},setup(n){const t=n,l=e.useSlots(),o=e.computed(()=>{const a=t.label.split(" ");return(a.length>1?`${a[0].charAt(0)}${a[1].charAt(0)}`:a[0].substring(0,2)).toUpperCase()}),r=e.ref(!1);return e.watch(()=>t.src,()=>r.value=!1),(a,s)=>(e.openBlock(),e.createElementBlock("figure",{class:e.normalizeClass(["onyx-component onyx-avatar",[`onyx-avatar--${t.size}`,l.default?"onyx-avatar--custom":""]]),title:t.label},[t.src&&!r.value?(e.openBlock(),e.createElementBlock("img",{key:0,class:"onyx-avatar__svg",src:t.src,alt:t.label,onError:s[0]||(s[0]=i=>r.value=!0)},null,40,Zo)):(e.openBlock(),e.createElementBlock("div",jo,[e.renderSlot(a.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(o.value),1)])]))],10,Ko))}}),Yo={class:"onyx-component onyx-avatar-stack"},Wo=e.defineComponent({__name:"OnyxAvatarStack",setup(n){return(t,l)=>(e.openBlock(),e.createElementBlock("div",Yo,[e.renderSlot(t.$slots,"default")]))}}),mt=e.defineComponent({__name:"OnyxBadge",props:{density:{},color:{default:"primary"},icon:{},dot:{type:Boolean,default:!1}},setup(n){const t=n,{densityClass:l}=B(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(b,{key:0,class:"onyx-badge__icon",icon:t.icon},null,8,["icon"])):e.renderSlot(o.$slots,"default",{key:1})],64))],2))}}),Jo={class:"onyx-bottom-bar__left"},Xo={class:"onyx-bottom-bar__right"},Qo=e.defineComponent({__name:"OnyxBottomBar",props:{density:{},hideBorder:{type:Boolean,default:!1}},setup(n){const t=n,{densityClass:l}=B(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",Jo,[e.renderSlot(o.$slots,"left")]),e.createElementVNode("div",Xo,[e.renderSlot(o.$slots,"default")])],2))}}),en={},tn={class:"onyx-component onyx-circle-spinner",viewBox:"0 0 50 50"};function on(n,t){return e.openBlock(),e.createElementBlock("svg",tn,t[0]||(t[0]=[e.createElementVNode("circle",{class:"onyx-circle-spinner__circle",cx:"50%",cy:"50%",r:"45%"},null,-1)]))}const nn=He(en,[["render",on]]),ln={},an={class:"onyx-component onyx-loading-dots"};function rn(n,t){return e.openBlock(),e.createElementBlock("div",an,t[0]||(t[0]=[e.createElementVNode("span",{class:"onyx-loading-dots__center"},null,-1)]))}const sn=He(ln,[["render",rn]]),F=e.defineComponent({__name:"OnyxLoadingIndicator",props:{type:{default:"dots"}},setup(n){const t=n;return(l,o)=>t.type==="circle"?(e.openBlock(),e.createBlock(nn,{key:0})):t.type==="dots"?(e.openBlock(),e.createBlock(sn,{key:1})):e.createCommentVNode("",!0)}}),cn=n=>{const t=e.ref(!1),l=e.reactive(new Map),o=i=>{var p;const c=(p=n.value)==null?void 0:p.getBoundingClientRect();if(!c)return;t.value=!0;const u={id:Date.now().toString(),left:`${i.x-c.left}px`,top:`${i.y-c.top}px`,animationEnded:!1};return l.set(u.id,u),u.id},r=i=>{const c=i.dataset.rippleid;c!=null&&(l.has(c)&&(l.get(c).animationEnded=!0),t.value||l.delete(c))},a=()=>{t.value=!1,l.forEach((i,c)=>{i.animationEnded&&l.delete(c)})},s=e.ref({});return e.onBeforeMount(()=>{var i;(i=window.matchMedia)!=null&&i.call(window,"pointer: none").matches?s.value={touchstart:o,touchend:a,touchcancel:a}:s.value={mousedown:o,mouseleave:a,mouseup:a}}),{isPointerDown:t,ripples:l,startRipple:o,hideRipples:a,hideRipple:r,events:s}},un=["data-rippleid"],dn=e.defineComponent({__name:"OnyxRipple",setup(n,{expose:t}){const l=e.ref(),{ripples:o,hideRipple:r,events:a}=cn(l);return t({events:a}),(s,i)=>(e.openBlock(),e.createElementBlock("span",{ref_key:"rippleTrigger",ref:l,class:"onyx-component onyx-ripple","aria-hidden":"true"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(o),([c,u])=>(e.openBlock(),e.createElementBlock("span",{key:c,class:"onyx-ripple__element",style:e.normalizeStyle({"--onyx-ripple-left":u.left,"--onyx-ripple-top":u.top}),"data-rippleid":c,onAnimationend:i[0]||(i[0]=p=>e.unref(r)(p.target))},null,44,un))),128))],512))}}),pn=["disabled","type","aria-label","autofocus"],mn={class:"onyx-button__label onyx-truncation-ellipsis"},ce=e.defineComponent({__name:"OnyxButton",props:{density:{},autofocus:{type:Boolean},label:{},disabled:{default:T},loading:{type:Boolean,default:!1},type:{default:"button"},color:{default:"primary"},mode:{default:"default"},icon:{},skeleton:{type:[Symbol,Boolean,Number],default:I}},setup(n){const t=n,{densityClass:l}=B(t),{disabled:o}=P(t),r=z(t),a=e.ref(),s=e.computed(()=>{var i;return((i=a.value)==null?void 0:i.events)??{}});return(i,c)=>e.unref(r)?(e.openBlock(),e.createBlock($,{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(s.value,!0)),[!e.unref(o)&&!t.loading?(e.openBlock(),e.createBlock(dn,{key:0,ref_key:"rippleRef",ref:a},null,512)):e.createCommentVNode("",!0),t.icon&&!t.loading?(e.openBlock(),e.createBlock(b,{key:1,class:"onyx-button__icon",icon:t.icon},null,8,["icon"])):e.createCommentVNode("",!0),t.loading?(e.openBlock(),e.createBlock(F,{key:2,class:"onyx-button__loading"})):e.createCommentVNode("",!0),e.createElementVNode("span",mn,e.toDisplayString(t.label),1)],16,pn))}}),fn=["button","submit","reset"],yn=["primary","neutral","danger"],hn=["default","outline","plain"],me=n=>({requiredTypeClass:e.computed(()=>({[`onyx-use-${n.requiredMarker}`]:n.requiredMarker})),requiredMarkerClass:e.computed(()=>({"onyx-required-marker":n.required,"onyx-optional-marker":!n.required}))}),$e=n=>n instanceof Date&&!isNaN(n),vn=(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])},_n=(n,t)=>n.reduce((l,o)=>{const r=o[t]??"";return l[r]=l[r]||[],l[r].push(o),l},{}),ft=()=>Object.entries(Object.getOwnPropertyDescriptors(ValidityState.prototype)).filter(([n,t])=>t.enumerable).map(([n])=>n),gn=n=>ft().reduce((t,l)=>(t[l]=n[l],t),{}),xn=n=>{if(n.valueMissing)return"valueMissing";const t=ft().filter(l=>l!=="valid").sort();for(const l of t)if(l in n&&n[l])return l},kn=Object.keys(Se.validations.typeMismatch),H=n=>{if(n)return typeof n=="string"?{shortMessage:n,longMessage:n,hidden:!1}:n},yt=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}`},K=n=>{const{t,locale:l}=E(),o=e.ref(),r=e.ref(!1);e.watch(()=>n.props.modelValue,()=>r.value=!0,{once:!0});const a={mounted:i=>{e.watchEffect(()=>i.setCustomValidity(yt(n.props.customError)??"")),e.watch([()=>n.props],()=>{const c=gn(i.validity);!o.value&&c.valid||o.value&&vn(c,o.value)||(o.value=c)},{immediate:!0,deep:!0}),e.watch([()=>n.props.customError,o,r],()=>{!r.value||!o.value||n.emit("validityChange",o.value)},{immediate:!0})}},s=e.computed(()=>{var p,d,m;if(!o.value||o.value.valid)return;const i=xn(o.value),c=H(n.props.customError);if(c||i==="customError")return c||void 0;if(!i)return;if(i==="typeMismatch"){const f=kn.includes(n.props.type)?n.props.type:"generic";return{longMessage:t.value(`validations.typeMismatch.${f}.fullError`,{value:(p=n.props.modelValue)==null?void 0:p.toString()}),shortMessage:t.value(`validations.typeMismatch.${f}.preview`)}}const u={value:(d=n.props.modelValue)==null?void 0:d.toString(),n:((m=n.props.modelValue)==null?void 0:m.toString().length)??0,minLength:n.props.minlength,maxLength:n.props.maxlength,min:Qe(l.value,n.props.type,n.props.min),max:Qe(l.value,n.props.type,n.props.max),step:n.props.validStepSize};return{longMessage:t.value(`validations.${i}.fullError`,u),shortMessage:t.value(`validations.${i}.preview`)}});return{vCustomValidity:a,errorMessages:s}},Qe=(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(!$e(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)},Z=n=>n;function Me(){const n=e.shallowRef();return e.computed({set:t=>{n.value=t!=null&&"$el"in t?t.$el:t},get:()=>n.value})}const bn=(n,t)=>Object.entries(n).every(([l,o])=>t[l]===o),Bn=(n,t)=>typeof t=="string"?n.key===t:bn({altKey:!1,ctrlKey:!1,metaKey:!1,shiftKey:!1,...t},n),Te=n=>!wn.has(n),Cn=["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"],wn=new Set(Cn),Y=e.reactive(new Map),Vn=(n,t)=>{if(t!=null&&t.size){Y.set(n,t);return}Y.delete(n),document.removeEventListener(n,ht)},et=(n,t)=>{const l=Y.get(n);l==null||l.delete(t),Vn(n,l)},En=(n,t)=>{const l=Y.get(n)??new Set;l.add(t),Y.set(n,l),document.addEventListener(n,ht)},ht=n=>{var l;const t=n.type;(l=Y.get(t))==null||l.forEach(o=>o(n))},fe=({type:n,listener:t,disabled:l})=>{e.onBeforeMount(()=>e.watchEffect(()=>l!=null&&l.value?et(n,t):En(n,t))),e.onBeforeUnmount(()=>et(n,t))},vt=({inside:n,onOutsideClick:t,disabled:l})=>{fe({type:"click",listener:r=>{const a=e.toValue(n);!(Array.isArray(a)?a:[a]).some(c=>c==null?void 0:c.contains(r.target))&&t(r)},disabled:l})},_t=(n,t)=>{let l;const o=(...r)=>{clearTimeout(l),l=setTimeout(()=>n(...r),e.toValue(t))};return o.abort=()=>clearTimeout(l),o},gt=(n,t=500)=>{let l="";const o=_t(()=>l="",t);return r=>{Te(r.key)&&(o(),l=`${l}${r.key}`,n(l))}},Sn=Z(n=>{const t=e.computed(()=>e.unref(n.multiple)??!1),l=e.computed(()=>e.unref(n.isExpanded)??!1),o=new Map,r=u=>(o.has(u)||o.set(u,e.useId()),o.get(u)),a=e.ref(!1);e.watchEffect(async()=>{var p;if(!l.value||n.activeOption.value==null||!a.value&&!n.controlled)return;const u=r(n.activeOption.value);await e.nextTick(),(p=document.getElementById(u))==null||p.scrollIntoView({block:"nearest",inline:"nearest"})});const s=gt(u=>{var p;return(p=n.onTypeAhead)==null?void 0:p.call(n,u)}),i=u=>{var p,d,m,f,y,h,v;switch(u.key){case" ":u.preventDefault(),n.activeOption.value!=null&&((p=n.onSelect)==null||p.call(n,n.activeOption.value));break;case"ArrowUp":if(u.preventDefault(),n.activeOption.value==null){(d=n.onActivateLast)==null||d.call(n);return}(m=n.onActivatePrevious)==null||m.call(n,n.activeOption.value);break;case"ArrowDown":if(u.preventDefault(),n.activeOption.value==null){(f=n.onActivateFirst)==null||f.call(n);return}(y=n.onActivateNext)==null||y.call(n,n.activeOption.value);break;case"Home":u.preventDefault(),(h=n.onActivateFirst)==null||h.call(n);break;case"End":u.preventDefault(),(v=n.onActivateLast)==null||v.call(n);break;default:s(u)}};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:i}),group:e.computed(()=>u=>({role:"group","aria-label":u.label})),option:e.computed(()=>u=>{const p=u.selected??!1;return{id:r(u.value),role:"option","aria-label":u.label,"aria-disabled":u.disabled,"aria-checked":t.value?p:void 0,"aria-selected":t.value?void 0:p,onClick:()=>{var d;return!u.disabled&&((d=n.onSelect)==null?void 0:d.call(n,u.value))}}})},state:{isFocused:a},internals:{getOptionId:r}}}),xt=["ArrowDown","ArrowUp"," ","Enter","Home","End"],kt=["Escape",{key:"ArrowUp",altKey:!0},"Enter","Tab"],tt=["Enter"],Nn=(n,t)=>{const l=t?[...tt," "]:tt;return Oe(n,l)},Oe=(n,t)=>t.some(l=>Bn(n,l)),$n=Z(({autocomplete:n,onAutocomplete:t,onTypeAhead:l,multiple:o,label:r,listLabel:a,listDescription:s,isExpanded:i,activeOption:c,onToggle:u,onSelect:p,onActivateFirst:d,onActivateLast:m,onActivateNext:f,onActivatePrevious:y,templateRef:h})=>{const v=e.useId(),g=e.computed(()=>e.unref(n)),x=e.computed(()=>e.unref(i)),k=e.computed(()=>e.unref(o)),V=w=>{const ke=w.target;g.value!=="none"&&(t==null||t(ke.value))},C=gt(w=>l==null?void 0:l(w)),U=w=>{p==null||p(w),e.unref(k)||u==null||u()},L=w=>{switch(w.key){case"ArrowUp":if(w.preventDefault(),c.value==null)return m==null?void 0:m();y==null||y(c.value);break;case"ArrowDown":if(w.preventDefault(),c.value==null)return d==null?void 0:d();f==null||f(c.value);break;case"Home":w.preventDefault(),d==null||d();break;case"End":w.preventDefault(),m==null||m();break}},N=w=>{if(w.key==="Enter"&&w.preventDefault(),!x.value&&Oe(w,xt))return u==null||u(),w.key===" "&&w.preventDefault(),w.key==="End"?m==null?void 0:m():d==null?void 0:d();if(Nn(w,g.value==="none"))return U(c.value);if(x.value&&Oe(w,kt))return u==null?void 0:u();if(g.value==="none"&&Te(w.key))return!x.value&&(u==null||u()),C(w);if(g.value!=="none"&&Te(w.key)){!x.value&&(u==null||u());return}return L(w)},O=e.computed(()=>g.value==="none"?null:{"aria-autocomplete":g.value,type:"text"}),{elements:{option:A,group:X,listbox:ge},internals:{getOptionId:xe}}=Sn({label:a,description:s,multiple:k,controlled:!0,activeOption:c,isExpanded:x,onSelect:U});return vt({inside:h,onOutsideClick(){x.value&&(u==null||u(!0))}}),{elements:{option:A,group:X,listbox:e.computed(()=>({...ge.value,id:v,onMousedown:w=>w.preventDefault()})),input:e.computed(()=>({role:"combobox","aria-expanded":x.value,"aria-controls":v,"aria-label":e.unref(r),"aria-activedescendant":c.value!=null?xe(c.value):void 0,onInput:V,onKeydown:N,...O.value})),button:e.computed(()=>({tabindex:"-1",onClick:()=>u==null?void 0:u()}))}}}),Mn=Z(n=>{const t=e.useId(),l=e.useId(),o=Me(),r=e.useId();fe({type:"keydown",listener:p=>p.key==="Escape"&&s(!1),disabled:e.computed(()=>!n.isExpanded.value)});const a=_t(()=>n.onToggle(),200);e.watch(n.isExpanded,()=>a.abort());const s=(p,d=!1)=>{if(p===n.isExpanded.value){a.abort();return}if(d){a();return}n.onToggle()},i=p=>{const d=document.activeElement,m=(d==null?void 0:d.closest('[role="menu"]'))||o.value;if(!m)return;const f=[...m.querySelectorAll('[role="menuitem"]')];let y=0;if(d){const v=f.indexOf(d);switch(p){case"next":y=v+1;break;case"prev":y=v-1;break;case"first":y=0;break;case"last":y=f.length-1;break}}const h=f[y];h==null||h.focus()};return{elements:{root:{id:t,onKeydown:p=>{switch(p.key){case"ArrowDown":case"ArrowRight":p.preventDefault(),i("next");break;case"ArrowUp":case"ArrowLeft":p.preventDefault(),i("prev");break;case"Home":p.preventDefault(),i("first");break;case"End":p.preventDefault(),i("last");break;case" ":p.preventDefault(),p.target.click();break;case"Escape":p.preventDefault(),s(!1);break}},...n.trigger.value==="click"?{onClick:()=>s(!0)}:{onMouseenter:()=>s(!0),onMouseleave:()=>s(!1,!0)},onFocusout:p=>{var d;t&&((d=document.getElementById(t))!=null&&d.contains(p.relatedTarget))||s(!1)}},button:e.computed(()=>({"aria-controls":l,"aria-expanded":n.isExpanded.value,"aria-haspopup":!0,onFocus:()=>s(!0),id:r})),menu:{id:l,ref:o,role:"menu","aria-labelledby":r,onClick:()=>s(!1)},...bt().elements}}}),bt=Z(()=>({elements:{listItem:{role:"none"},menuItem:n=>({"aria-current":n.active?"page":void 0,"aria-disabled":n.disabled,role:"menuitem"})}})),Tn={clamp:(n,t,l)=>Math.max(Math.min(n,l),t)},On=Z(({navigationName:n})=>{const t=e.useId(),l=()=>{const r=t?document.getElementById(t):void 0;return r?[...r.querySelectorAll("button[aria-expanded][aria-controls]")]:[]},o=(r,a)=>{const s=l(),i=s.indexOf(r);if(i===-1)return;const c=Tn.clamp(i+(a==="next"?1:-1),0,s.length-1);s[c].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}}}}}}),In=Z(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,s=Array.from(((m=a.parentElement)==null?void 0:m.querySelectorAll('[role="tab"]'))??[]).filter(y=>y.ariaDisabled!=="true"),i=s.indexOf(a),c=y=>{y instanceof HTMLElement&&y.focus()},u=()=>c(s.at(0)),p=()=>c(s.at(-1)),d=y=>{if(i===-1)return;const h=y==="next"?i+1:i-1;return h<0?p():h>=s.length?u():c(s.at(h))};switch(r.key){case"ArrowRight":d("next");break;case"ArrowLeft":d("previous");break;case"Home":u();break;case"End":p();break;case"Enter":case" ":{const y=Array.from(t.entries()).find(([,{tabId:h}])=>h===a.id);y&&((f=n.onSelect)==null||f.call(n,y[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:s,panelId:i}=l(r.value),c=s===a;return{id:s,role:"tab","aria-selected":c,"aria-controls":i,"aria-disabled":r.disabled?!0:void 0,onClick:()=>{var u;return(u=n.onSelect)==null?void 0:u.call(n,r.value)},tabindex:c&&!r.disabled?0:-1}}),tabpanel:e.computed(()=>r=>{const{tabId:a,panelId:s}=l(r.value);return{id:s,role:"tabpanel","aria-labelledby":a}})}}}),Bt=({isExpanded:n})=>fe({type:"keydown",listener:t=>{t.key==="Escape"&&(n.value=!1)},disabled:e.computed(()=>!n.value)}),Ln=Z(({toggleLabel:n,isVisible:t})=>{const l=Me(),o=Me(),r=e.toRef(t??!1);vt({inside:e.computed(()=>[l.value,o.value]),onOutsideClick:()=>r.value=!1,disabled:e.computed(()=>!r.value)}),Bt({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}}}),Dn=Z(({debounce:n,isVisible:t})=>{const l=e.useId(),o=e.toRef(t??!1);let r;const a=e.computed({get:()=>o.value,set:i=>{clearTimeout(r),r=setTimeout(()=>{o.value=i},e.toValue(n))}}),s={onMouseover:()=>a.value=!0,onMouseout:()=>a.value=!1,onFocusin:()=>o.value=!0,onFocusout:()=>o.value=!1};return Bt({isExpanded:o}),{elements:{trigger:{"aria-describedby":l,...s},tooltip:{role:"tooltip",id:l,tabindex:"-1",...s}},state:{isVisible:o}}}),Ct=(n,t="bottom")=>{const l=e.ref(t);return{openDirection:l,updateOpenDirection:()=>{var d,m,f;const r=e.unref(n);if(!r){l.value=t;return}const a=(d=Fe(r))==null?void 0:d.getBoundingClientRect(),s=r.getBoundingClientRect(),i=(a==null?void 0:a.top)??((m=window.visualViewport)==null?void 0:m.pageTop)??0,u=((a==null?void 0:a.bottom)??((f=window.visualViewport)==null?void 0:f.height)??0)-s.bottom,p=s.top-i;l.value=p>u?"top":"bottom"}}},Fe=n=>n?getComputedStyle(n).overflow.includes("hidden")?n:n.parentElement?Fe(n.parentElement):void 0:void 0,zn=(n,t)=>{const o=e.ref("center");return{wedgePosition:o,updateWedgePosition:()=>{var g,x,k,V;const a=e.unref(n),s=e.unref(t);if(!a||!s){o.value="center";return}const i=(g=Fe(a))==null?void 0:g.getBoundingClientRect(),c=a.getBoundingClientRect(),u=s.getBoundingClientRect();if(u.width<c.width){o.value="center";return}const p=(u.width-c.width+16*2)/2,d=(i==null?void 0:i.left)??((x=window.visualViewport)==null?void 0:x.pageLeft)??0,m=(i==null?void 0:i.right)??(((k=window.visualViewport)==null?void 0:k.width)??window.innerWidth)+(((V=window.visualViewport)==null?void 0:V.offsetLeft)??0),f=c.left-d,y=m-c.right,h=f>=p,v=y>=p;o.value=h===v?"center":f>y?"right":"left"}}},Q=e.defineComponent({__name:"OnyxTooltip",props:{density:{},text:{},icon:{},color:{default:"neutral"},position:{default:"auto"},alignment:{default:"auto"},fitParent:{type:Boolean,default:!1},open:{type:[String,Boolean,Object],default:"hover"},alignsWithEdge:{type:Boolean,default:!1}},setup(n){const t=n,{densityClass:l}=B(t),{t:o}=E(),r=e.ref(!1),a=e.computed({set:C=>r.value=C,get:()=>typeof t.open=="boolean"?t.open:r.value}),s=e.computed(()=>({debounce:200,...typeof t.open=="object"&&t.open.type==="hover"&&t.open||{},isVisible:a})),i=e.computed(()=>({toggleLabel:o.value(`tooltip.${t.color}`),...typeof t.open=="object"&&t.open.type==="click"&&t.open||{},isVisible:a})),c=e.computed(()=>typeof t.open=="object"?t.open.type:typeof t.open=="string"?t.open:"hover"),u=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--${v.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"})),p=()=>c.value==="hover"?Dn(s.value):Ln(i.value),d=e.shallowRef(p());e.watch(c,()=>d.value=p());const m=e.computed(()=>{var C;return(C=d.value)==null?void 0:C.elements.tooltip}),f=e.computed(()=>{var C;return e.toValue((C=d.value)==null?void 0:C.elements.trigger)}),y=e.ref(),h=e.ref(),{openDirection:v,updateOpenDirection:g}=Ct(y,"top"),{wedgePosition:x,updateWedgePosition:k}=zn(y,h),V=()=>{g(),k()};return fe({type:"resize",listener:()=>V()}),e.onMounted(()=>V()),e.watch(a,async()=>{await e.nextTick(),g(),k()}),(C,U)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"tooltipWrapperRef",ref:y,class:e.normalizeClass(["onyx-component","onyx-tooltip-wrapper",e.unref(l)])},[e.createElementVNode("div",e.mergeProps({ref_key:"tooltipRef",ref:h},m.value,{class:["onyx-tooltip","onyx-text--small","onyx-truncation-multiline",u.value]}),[t.icon?(e.openBlock(),e.createBlock(b,{key:0,icon:t.icon,size:"16px"},null,8,["icon"])):e.createCommentVNode("",!0),e.renderSlot(C.$slots,"tooltip",{},()=>[e.createTextVNode(e.toDisplayString(t.text),1)])],16),e.renderSlot(C.$slots,"default",{trigger:f.value})],2))}}),An={class:"onyx-component"},Ue=e.defineComponent({__name:"OnyxErrorTooltip",props:{errorMessages:{},disabled:{type:Boolean}},setup(n){const t=n,l=e.computed(()=>yt(t.errorMessages)),o=e.ref();return(r,a)=>(e.openBlock(),e.createElementBlock("div",An,[!l.value||t.disabled?(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"targetRef",ref:o},null,512)):e.createCommentVNode("",!0),l.value&&!t.disabled?(e.openBlock(),e.createBlock(Q,{key:1,class:"onyx-error-tooltip",open:"hover",text:l.value,color:"danger"},{default:e.withCtx(({trigger:s})=>[e.createElementVNode("div",e.mergeProps({ref_key:"targetRef",ref:o},s),null,16)]),_:1},8,["text"])):e.createCommentVNode("",!0),o.value?(e.openBlock(),e.createBlock(e.Teleport,{key:2,to:o.value,defer:""},[e.renderSlot(r.$slots,"default")],8,["to"])):e.createCommentVNode("",!0)]))}}),Rn=["title"],Pn={class:"onyx-checkbox__container"},Hn=["aria-label","indeterminate","disabled","required","value","autofocus"],ie=e.defineComponent({__name:"OnyxCheckbox",props:{density:{},value:{},label:{},hideLabel:{type:Boolean},disabled:{default:T},loading:{type:Boolean,default:!1},skeleton:{type:[Symbol,Boolean,Number],default:I},truncation:{default:"ellipsis"},required:{type:Boolean,default:!1},requiredMarker:{},customError:{},autofocus:{type:Boolean},modelValue:{type:Boolean,default:!1},indeterminate:{type:Boolean,default:!1}},emits:["update:modelValue","validityChange"],setup(n,{expose:t,emit:l}){const o=n,r=l,a=e.computed({get:()=>o.modelValue,set:h=>r("update:modelValue",h)}),{requiredMarkerClass:s,requiredTypeClass:i}=me(o),{densityClass:c}=B(o),{vCustomValidity:u,errorMessages:p}=K({props:o,emit:r}),{disabled:d}=P(o),m=z(o),f=e.computed(()=>o.hideLabel?o.label:void 0),y=e.useTemplateRef("input");return t({input:y}),(h,v)=>e.unref(m)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["onyx-component","onyx-checkbox-skeleton",e.unref(c)])},[e.createVNode($,{class:"onyx-checkbox-skeleton__input"}),o.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock($,{key:0,class:"onyx-checkbox-skeleton__label"}))],2)):(e.openBlock(),e.createBlock(Ue,{key:1,disabled:e.unref(d),"error-messages":e.unref(p)},{default:e.withCtx(()=>[e.createElementVNode("label",{class:e.normalizeClass(["onyx-component onyx-checkbox",[e.unref(i),e.unref(c)]]),title:f.value},[e.createElementVNode("div",Pn,[o.loading?(e.openBlock(),e.createBlock(F,{key:0,class:"onyx-checkbox__loading",type:"circle"})):e.withDirectives((e.openBlock(),e.createElementBlock("input",{key:1,ref_key:"input",ref:y,"onUpdate:modelValue":v[0]||(v[0]=g=>a.value=g),"aria-label":o.hideLabel?o.label:void 0,class:"onyx-checkbox__input",type:"checkbox",indeterminate:o.indeterminate,disabled:e.unref(d),required:o.required,value:o.value,autofocus:o.autofocus},null,8,Hn)),[[e.vModelCheckbox,a.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(s):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(s)]])},null,2)):e.createCommentVNode("",!0)],64))],10,Rn)]),_:1},8,["disabled","error-messages"]))}}),Fn=(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}}),wt=(n,t,l)=>({state:Fn(n,t),handleChange:o=>{const r=t.value.filter(s=>!n.value.includes(s)),a=o?r.concat(n.value):r;l(a)}}),Ie='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M11.25 6h1.5v1.5h-1.5zm1.5 3.75h-1.5V18h1.5z"/><path fill-rule="evenodd" d="M12 1.5a10.5 10.5 0 1 0 0 21 10.5 10.5 0 0 0 0-21M12 21a9 9 0 1 1 9-9 9.01 9.01 0 0 1-9 9" clip-rule="evenodd"/></svg>',J=e.defineComponent({__name:"OnyxVisuallyHidden",props:{is:{default:"span"}},setup(n){const 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}))}}),Un={class:"onyx-component onyx-info-tooltip"},te=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",Un,[l.value==="click"?(e.openBlock(),e.createBlock(Q,e.normalizeProps(e.mergeProps({key:0},t)),{default:e.withCtx(({trigger:a})=>[e.createElementVNode("button",e.mergeProps({type:"button",class:"onyx-info-tooltip__trigger"},a),[e.createVNode(b,{icon:e.unref(Ie)},null,8,["icon"])],16)]),_:1},16)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createVNode(Q,e.mergeProps({"aria-hidden":"true"},t),{default:e.withCtx(({trigger:a})=>[e.createElementVNode("span",e.mergeProps({class:"onyx-info-tooltip__trigger"},a),[e.createVNode(b,{icon:e.unref(Ie)},null,8,["icon"])],16)]),_:1},16),e.createVNode(J,null,{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.text),1)]),_:1})],64))]))}}),qn=["disabled","aria-label"],Gn={key:0,class:"onyx-checkbox-group__label"},Kn=e.defineComponent({__name:"OnyxCheckboxGroup",props:{density:{},truncation:{default:"ellipsis"},label:{},labelTooltip:{},hideLabel:{type:Boolean},options:{},modelValue:{default:()=>[]},direction:{default:"vertical"},withCheckAll:{type:[Boolean,Object],default:!1},disabled:{default:T},skeleton:{type:[Symbol,Boolean,Number],default:I}},emits:["update:modelValue"],setup(n,{expose:t,emit:l}){const o=n,{densityClass:r}=B(o),a=l,{t:s}=E(),i=(y,h)=>{const v=h?[...o.modelValue,y]:o.modelValue.filter(g=>g!==y);a("update:modelValue",v)},c=e.computed(()=>o.options.filter(y=>!y.disabled&&!y.skeleton).map(({value:y})=>y)),{disabled:u}=P(o),p=z(o),d=wt(c,e.computed(()=>o.modelValue),y=>a("update:modelValue",y)),m=e.computed(()=>{var h;const y=s.value("selections.selectAll");return typeof o.withCheckAll=="boolean"?y:((h=o.withCheckAll)==null?void 0:h.label)??y}),f=e.useTemplateRef("checkboxes");return t({inputs:e.computed(()=>(Array.isArray(f.value)?f.value:[f.value]).filter(Boolean).flatMap(h=>h.input))}),(y,h)=>(e.openBlock(),e.createElementBlock("fieldset",{class:e.normalizeClass(["onyx-component","onyx-checkbox-group",e.unref(r)]),disabled:e.unref(u),"aria-label":o.label},[o.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("legend",Gn,[e.createVNode(G,{is:"h3"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.label),1)]),_:1}),o.labelTooltip?(e.openBlock(),e.createBlock(te,{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(ie,{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(ie,e.mergeProps({key:0},e.unref(d).state.value,{label:m.value,value:"all",class:"onyx-checkbox-group__option onyx-checkbox-group__check-all","onUpdate:modelValue":e.unref(d).handleChange}),null,16,["label","onUpdate:modelValue"])):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.options,v=>(e.openBlock(),e.createBlock(ie,e.mergeProps({key:v.value.toString(),ref_for:!0},v,{ref_for:!0,ref_key:"checkboxes",ref:f,truncation:v.truncation??o.truncation,"model-value":o.modelValue.includes(v.value),class:"onyx-checkbox-group__option","onUpdate:modelValue":g=>i(v.value,g)}),null,16,["truncation","model-value","onUpdate:modelValue"]))),128))],64))],2)],10,qn))}}),Zn='<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>',Vt='<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>',jn={class:"onyx-empty__label onyx-text onyx-truncation-multiline"},qe=e.defineComponent({__name:"OnyxEmpty",props:{density:{}},setup(n){const t=n,{densityClass:l}=B(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(b,{icon:e.unref(Vt),size:"48px"},null,8,["icon"])]),e.createElementVNode("div",jn,[e.renderSlot(o.$slots,"default")])],2))}}),Yn={class:"onyx-table-wrapper onyx-component"},Wn=["tabindex"],Jn=["span"],Xn={key:0,class:"onyx-table__header"},Qn={key:0},el=["colspan"],tl={class:"onyx-table__empty"},ol={colspan:"100%"},nl={class:"onyx-table__empty-content"},Et=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}=E(),{densityClass:r}=B(t),a=e.computed(()=>o.value("table.empty"));return(s,i)=>{var c;return e.openBlock(),e.createElementBlock("div",Yn,[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,u=>(e.openBlock(),e.createElementBlock("colgroup",{key:u.key,span:u.span},null,8,Jn))),128)),l.head?(e.openBlock(),e.createElementBlock("thead",Xn,[(c=t.columnGroups)!=null&&c.length?(e.openBlock(),e.createElementBlock("tr",Qn,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.columnGroups,u=>(e.openBlock(),e.createElementBlock("th",{key:u.key,colspan:u.span,scope:"colgroup",class:"onyx-table__colgroup"},e.toDisplayString(u.header),9,el))),128))])):e.createCommentVNode("",!0),e.renderSlot(s.$slots,"head")])):e.createCommentVNode("",!0),e.createElementVNode("tbody",null,[e.renderSlot(s.$slots,"default",{},()=>[e.createElementVNode("tr",tl,[e.createElementVNode("td",ol,[e.createElementVNode("div",nl,[e.renderSlot(s.$slots,"empty",{defaultMessage:a.value},()=>[e.createVNode(qe,null,{icon:e.withCtx(()=>[e.createVNode(b,{icon:e.unref(Zn),size:"48px"},null,8,["icon"])]),default:e.withCtx(()=>[e.createTextVNode(" "+e.toDisplayString(a.value),1)]),_:1})])])])])])])],2)],10,Wn)])}}}),St=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(Et,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),e.mergeProps({ref_for:!0},r.props),null,16))],16))),128))])]),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))]),_:1},16))}}),ll='<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>',al=n=>e.computed(n),j=Symbol("MANAGED_SYMBOL"),ue=(n,t,l)=>{const o=e.computed(()=>n.value===j),r=e.ref(e.toValue(o)?t:n.value);return{state:al({set:s=>{r.value=s,l(s)},get:()=>o.value?r.value:n.value}),isManaged:o}},rl=["aria-label"],ye=e.defineComponent({__name:"OnyxFlyoutMenu",props:{open:{default:j},trigger:{default:"hover"},label:{}},emits:["update:open"],setup(n,{emit:t}){const l=n,o=t,{state:r}=ue(e.toRef(()=>l.open),!1,u=>o("update:open",u)),a=e.useSlots(),{elements:{root:s,button:i,menu:c}}=Mn({isExpanded:e.computed(()=>!!r.value),onToggle:()=>r.value=!r.value,trigger:e.computed(()=>l.trigger)});return(u,p)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps({class:"onyx-component onyx-flyout-menu"},e.unref(s)),[e.renderSlot(u.$slots,"button",{trigger:e.unref(i)}),a.options||a.header||a.footer?e.withDirectives((e.openBlock(),e.createElementBlock("div",{key:0,"aria-label":l.label,class:e.normalizeClass({"onyx-flyout-menu__list--with-header":!!a.header,"onyx-flyout-menu__list--with-footer":!!a.footer,"onyx-flyout-menu__list":!0})},[e.renderSlot(u.$slots,"header"),a.options?(e.openBlock(),e.createElementBlock("ul",e.mergeProps({key:0},e.unref(c),{class:"onyx-flyout-menu__wrapper onyx-flyout-menu__group"}),[e.renderSlot(u.$slots,"options")],16)):e.createCommentVNode("",!0),e.renderSlot(u.$slots,"footer")],10,rl)),[[e.vShow,e.unref(r)]]):e.createCommentVNode("",!0)],16))}}),sl={class:"onyx-component onyx-data-grid-header-cell"},il={class:"onyx-data-grid-header-cell__label"},cl={key:0,class:"onyx-data-grid-header-cell__actions"},ot=e.defineComponent({__name:"HeaderCell",props:{label:{}},setup(n){const t=n,l=e.useSlots();return(o,r)=>(e.openBlock(),e.createElementBlock("div",sl,[e.createElementVNode("span",il,e.toDisplayString(t.label),1),l.actions?(e.openBlock(),e.createElementBlock("div",cl,[e.renderSlot(o.$slots,"actions")])):e.createCommentVNode("",!0)]))}});const ul=(n,t)=>{const l=a=>{const i=n.map(c=>c.header).filter(c=>!!c).map(c=>c.actions).filter(c=>!!c);return a.map(c=>{const u=i.flatMap(d=>d(c)),p=u.map(({iconComponent:d})=>d);if(u.length>1){const d=u.map(({menuItems:f})=>f).filter(f=>!!f),m=e.h(ye,{label:t.value("navigation.moreActionsFlyout",{column:c.toString()}),trigger:"click"},{button:({trigger:f})=>e.h(ee,{label:t.value("navigation.moreActionsTrigger"),color:"medium",icon:ll,...f}),options:()=>d});return{key:c,component:()=>e.h(ot,{label:String(c)},{actions:()=>m}),props:{}}}return{key:c,component:()=>e.h(ot,{label:String(c)},{actions:()=>p}),props:{}}})},o=(a,s)=>{const i=n.map(u=>u.mutation).filter(u=>!!u),c=[...a];return i.forEach(({func:u})=>u(c)),c.map(u=>{const p=s.reduce((d,m)=>(d[m]={component:()=>u[m],props:{row:u}},d),{});return{id:u.id,cells:p}})},r=n.flatMap(a=>a.watch);return{createRendererRows:o,createRendererColumns:l,watchSources:r}},dl=e.defineComponent({__name:"OnyxDataGrid",props:{features:{default:()=>[]},columns:{},data:{}},setup(n){const t=n,{t:l}=E(),o=e.ref([]),r=e.ref([]),{columns:a,data:s,features:i}=e.toRefs(t),c=e.computed(()=>ul(i.value,l));let u;const p=()=>{const{createRendererColumns:d,createRendererRows:m,watchSources:f}=c.value;return e.watch([a,s,l,...f],()=>{o.value=d(a.value),r.value=m(s.value,a.value)},{immediate:!0,deep:!0})};return e.watch(c,()=>{u==null||u(),u=p()},{immediate:!0}),(d,m)=>(e.openBlock(),e.createBlock(St,{columns:o.value,rows:r.value},null,8,["columns","rows"]))}}),Nt='<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>',$t='<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>',pl='<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>',he=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}=B(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))}}),ml=["href","target","rel"],fl=["disabled"],ve=e.defineComponent({__name:"OnyxMenuItem",props:{target:{default:"_self"},href:{},active:{type:Boolean},disabled:{type:Boolean},color:{}},setup(n){const t=n,{t:l}=E(),{elements:{listItem:o,menuItem:r}}=bt(),a=e.computed(()=>r({active:t.active,disabled:t.disabled}));return(s,i)=>(e.openBlock(),e.createBlock(he,e.mergeProps({selected:t.active,active:t.active,color:t.color,disabled:t.disabled,class:"onyx-component onyx-menu-item"},e.unref(o)),{default:e.withCtx(()=>[t.href?(e.openBlock(),e.createElementBlock("a",e.mergeProps({key:0,class:"onyx-menu-item__trigger",href:t.href,target:t.target,rel:t.target==="_blank"?"noreferrer":void 0},a.value),[e.renderSlot(s.$slots,"default")],16,ml)):(e.openBlock(),e.createElementBlock("button",e.mergeProps({key:1,class:"onyx-menu-item__trigger",type:"button",disabled:t.disabled},a.value),[e.renderSlot(s.$slots,"default"),t.target==="_blank"?(e.openBlock(),e.createBlock(J,{key:0},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(l)("link.opensExternally")),1)]),_:1})):e.createCommentVNode("",!0)],16,fl))]),_:3},16,["selected","active","color","disabled"]))}}),yl='<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>',hl=e.defineComponent({__name:"SortAction",props:{columnLabel:{},sortDirection:{}},setup(n){const t=n,{t:l}=E(),o=e.computed(()=>t.sortDirection==="asc"?$t:t.sortDirection==="desc"?Nt:yl),r=e.computed(()=>{const a=Le(t.sortDirection);return l.value(`dataGrid.head.sorting.action.${a}`,{field:t.columnLabel})});return(a,s)=>(e.openBlock(),e.createBlock(ee,{label:r.value,icon:o.value,color:"medium"},null,8,["label","icon"]))}}),Le=n=>{switch(n){case"asc":return"desc";case"desc":return"none";case"none":default:return"asc"}},vl=Symbol("Sorting"),_l=n=>{const t=e.toRef((n==null?void 0:n.sortState)??{column:void 0,direction:"none"}),l=e.computed(()=>d=>{var f;const m=e.toValue(n==null?void 0:n.columns);return((f=m==null?void 0:m[d])==null?void 0:f.sortFunc)??s.value}),o=e.computed(()=>d=>{var f;const m=e.toValue(n==null?void 0:n.columns);return!m||((f=m==null?void 0:m[d])==null?void 0:f.enabled)===!0}),{locale:r,t:a}=E(),s=e.computed(()=>(d,m)=>new Intl.Collator(r.value).compare(String(d),String(m))),i=d=>{const m=t.value.column===d?Le(t.value.direction):Le(),f=m!=="none"?d:void 0;t.value={direction:m,column:f}},c=d=>{const{column:m,direction:f}=t.value;if(!m||f==="none")return;const y=f==="asc"?1:-1,h=l.value(m);d.sort((v,g)=>h(v[m],g[m])*y)},u=e.computed(()=>(d,m)=>t.value.column===d&&t.value.direction===m),p=(d,m)=>{const f={none:pl,asc:$t,desc:Nt};return e.h(ve,{active:u.value(d,m),onClick:()=>t.value={column:d,direction:m}},()=>[e.h(b,{icon:f[m]}),a.value(`dataGrid.head.sorting.menu.${m}`)])};return{name:vl,watch:[t,s],mutation:{func:c},header:{actions:d=>o.value(d)?[{iconComponent:e.h(hl,{columnLabel:String(d),sortDirection:t.value.column===d?t.value.direction:void 0,onClick:()=>i(d)}),menuItems:[p(d,"none"),p(d,"asc"),p(d,"desc")]}]:[]}}},gl=Object.freeze(Object.defineProperty({__proto__:null,useSorting:_l},Symbol.toStringTag,{value:"Module"})),oe=n=>e.computed(()=>n.value===!0?"onyx-form-element--immediate-invalid":n.value===!1?"onyx-form-element--suppress-invalid":"onyx-form-element--touched-invalid"),xl={class:e.normalizeClass(["onyx-truncation-ellipsis"])},we=e.defineComponent({__name:"FormMessage",props:{messages:{},type:{}},setup(n){const t=n;return(l,o)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(l.messages.hidden?J:"span"),{class:e.normalizeClass(["onyx-component","onyx-form-message",`onyx-form-message__${t.type}`])},{default:e.withCtx(()=>[e.createElementVNode("span",xl,e.toDisplayString(t.messages.shortMessage),1),t.messages.longMessage?(e.openBlock(),e.createBlock(te,{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"]))}}),kl={key:0,class:"onyx-form-element__label onyx-text--small"},bl=["for"],Bl={class:"onyx-form-element__footer onyx-text--small"},Cl={class:"onyx-form-element__footer-messages"},wl={key:0,class:"onyx-form-element__counter"},ne=e.defineComponent({__name:"OnyxFormElement",props:{required:{type:Boolean,default:!1},requiredMarker:{},id:{default:()=>e.useId()},name:{},modelValue:{},label:{},labelTooltip:{},hideLabel:{type:Boolean},maxlength:{},withCounter:{type:Boolean},errorMessages:{},message:{},successMessages:{}},setup(n){const t=n,{requiredMarkerClass:l,requiredTypeClass:o}=me(t),r=e.computed(()=>{var a;if(t.withCounter&&t.maxlength)return`${(((a=t.modelValue)==null?void 0:a.toString())||"").length}/${t.maxlength}`});return(a,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["onyx-component","onyx-form-element",e.unref(o),a.successMessages?"onyx-form-element--success":void 0])},[t.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",kl,[e.createElementVNode("label",{for:t.id,class:"onyx-truncation-ellipsis"},e.toDisplayString(t.label),9,bl),t.required?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass([t.required?e.unref(l):void 0])},null,2)):e.createCommentVNode("",!0),t.labelTooltip?(e.openBlock(),e.createBlock(te,{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(l)])},null,2))])),e.renderSlot(a.$slots,"default",{id:t.id}),e.createElementVNode("div",Bl,[e.createElementVNode("span",Cl,[t.errorMessages?(e.openBlock(),e.createBlock(we,{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(we,{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(we,{key:2,class:"onyx-form-element__message",messages:t.message,type:"neutral"},null,8,["messages"])):e.createCommentVNode("",!0)]),r.value?(e.openBlock(),e.createElementBlock("span",wl,e.toDisplayString(r.value),1)):e.createCommentVNode("",!0)])],2))}}),Vl={class:"onyx-datepicker__wrapper"},El=["id","type","required","autofocus","name","readonly","disabled","aria-label","title","min","max"],Sl=e.defineComponent({__name:"OnyxDatePicker",props:{disabled:{default:T},showError:{default:T},density:{},required:{type:Boolean,default:!1},requiredMarker:{},customError:{},id:{},name:{},label:{},labelTooltip:{},hideLabel:{type:Boolean},error:{},message:{},success:{},autofocus:{type:Boolean},readonly:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},hideSuccessIcon:{type:Boolean},hideClearIcon:{type:Boolean},skeleton:{type:[Symbol,Boolean,Number],default:I},modelValue:{},type:{default:"date"},min:{},max:{}},emits:["update:modelValue","validityChange"],setup(n,{emit:t}){const l=n,o=t,{vCustomValidity:r,errorMessages:a}=K({props:l,emit:o}),s=e.computed(()=>H(l.success)),i=e.computed(()=>H(l.message)),{densityClass:c}=B(l),{disabled:u,showError:p}=P(l),d=z(l),m=oe(p),f=e.computed(()=>h=>{const v=h!=null?new Date(h):void 0;if(!$e(v))return;const g=v.toISOString().split("T")[0];if(l.type==="date")return g;const x=v.getHours().toString().padStart(2,"0"),k=v.getMinutes().toString().padStart(2,"0");return`${g}T${x}:${k}`}),y=e.computed({get:()=>f.value(l.modelValue),set:h=>{const v=new Date(h??"");o("update:modelValue",$e(v)?v.toISOString():void 0)}});return(h,v)=>e.unref(d)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["onyx-component","onyx-datepicker-skeleton",e.unref(c)])},[l.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock($,{key:0,class:"onyx-datepicker-skeleton__label"})),e.createVNode($,{class:"onyx-datepicker-skeleton__input"})],2)):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["onyx-component","onyx-datepicker",e.unref(c),e.unref(m)])},[e.createVNode(ne,e.mergeProps(l,{"error-messages":e.unref(a),"success-messages":s.value,message:i.value}),{default:e.withCtx(({id:g})=>[e.createElementVNode("div",Vl,[l.loading?(e.openBlock(),e.createBlock(F,{key:0,class:"onyx-datepicker__loading",type:"circle"})):e.createCommentVNode("",!0),e.withDirectives((e.openBlock(),e.createElementBlock("input",{id:g,key:l.type,"onUpdate:modelValue":v[0]||(v[0]=x=>y.value=x),class:e.normalizeClass(["onyx-datepicker__native",{"onyx-datepicker__native--success":s.value}]),type:l.type,required:l.required,autofocus:l.autofocus,name:l.name,readonly:l.readonly,disabled:e.unref(u)||l.loading,"aria-label":l.hideLabel?l.label:void 0,title:l.hideLabel?l.label:void 0,min:f.value(l.min),max:f.value(l.max)},null,10,El)),[[e.vModelDynamic,y.value],[e.unref(r)]])])]),_:1},16,["error-messages","success-messages","message"])],2))}}),Nl='<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>',$l=n=>/^http(s?):\/\//.test(n),_e=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:$l(t.href??"")});return(o,r)=>l.value?(e.openBlock(),e.createBlock(b,{key:0,class:"onyx-component onyx-external-link-icon",icon:e.unref(Nl),size:"16px"},null,8,["icon"])):e.createCommentVNode("",!0)}}),Ml=["h1","h2","h3","h4","h5","h6"],Tl=["12px","16px","24px","32px","48px","64px","96px"],Ol=["aria-label","title","type","disabled","autofocus"],Mt=e.defineComponent({__name:"OnyxIconButton",props:{density:{},autofocus:{type:Boolean},label:{},disabled:{default:T},type:{default:"button"},color:{default:"primary"},loading:{type:Boolean},icon:{},skeleton:{type:[Symbol,Boolean,Number],default:I}},setup(n){const t=n,{densityClass:l}=B(t),{disabled:o}=P(t),r=z(t);return(a,s)=>e.unref(r)?(e.openBlock(),e.createBlock($,{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(F,{key:0,type:"circle"})):t.icon?(e.openBlock(),e.createBlock(b,{key:1,icon:t.icon},null,8,["icon"])):e.renderSlot(a.$slots,"default",{key:2})],10,Ol))}}),Ge='<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>',Il={class:"onyx-input__wrapper"},Ll=["id","placeholder","type","required","autocapitalize","autocomplete","autofocus","name","pattern","readonly","disabled","minlength","maxlength","aria-label","title"],Dl=["aria-label","title"],zl=e.defineComponent({__name:"OnyxInput",props:e.mergeModels({disabled:{default:T},showError:{default:T},density:{},required:{type:Boolean,default:!1},requiredMarker:{},customError:{},id:{},name:{},label:{},labelTooltip:{},hideLabel:{type:Boolean},error:{},message:{},success:{},maxlength:{},withCounter:{type:Boolean},autofocus:{type:Boolean},modelValue:{},type:{default:"text"},placeholder:{},autocapitalize:{default:"sentences"},autocomplete:{},pattern:{},readonly:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},hideSuccessIcon:{type:Boolean,default:!1},hideClearIcon:{type:Boolean,default:!1},minlength:{},skeleton:{type:[Symbol,Boolean,Number],default:I}},{modelValue:{default:""},modelModifiers:{}}),emits:e.mergeModels(["update:modelValue","validityChange"],["update:modelValue"]),setup(n,{expose:t,emit:l}){const o=n,r=l,{t:a}=E(),{vCustomValidity:s,errorMessages:i}=K({props:o,emit:r}),c=e.computed(()=>H(o.success)),u=e.computed(()=>H(o.message)),{densityClass:p}=B(o),d=e.useModel(n,"modelValue"),m=e.computed(()=>o.pattern instanceof RegExp?o.pattern.source:o.pattern),f=e.useTemplateRef("input");t({input:f});const{disabled:y,showError:h}=P(o),v=z(o),g=oe(h);return(x,k)=>e.unref(v)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["onyx-component","onyx-input-skeleton",e.unref(p)])},[o.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock($,{key:0,class:"onyx-input-skeleton__label"})),e.createVNode($,{class:"onyx-input-skeleton__input"})],2)):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["onyx-component","onyx-input",e.unref(p),e.unref(g)])},[e.createVNode(ne,e.mergeProps(o,{"error-messages":e.unref(i),"success-messages":c.value,message:u.value}),{default:e.withCtx(({id:V})=>[e.createElementVNode("div",Il,[o.loading?(e.openBlock(),e.createBlock(F,{key:0,class:"onyx-input__loading",type:"circle"})):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("input",{id:V,ref_key:"input",ref:f,"onUpdate:modelValue":k[0]||(k[0]=C=>d.value=C),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:m.value,readonly:o.readonly,disabled:e.unref(y)||o.loading,minlength:o.minlength,maxlength:o.maxlength,"aria-label":o.hideLabel?o.label:void 0,title:o.hideLabel?o.label:void 0},null,8,Ll),[[e.vModelDynamic,d.value],[e.unref(s)]]),!o.hideClearIcon&&d.value!==""?(e.openBlock(),e.createElementBlock("button",{key:1,type:"button",class:"onyx-input__clear","aria-label":e.unref(a)("input.clear"),title:e.unref(a)("input.clear"),tabindex:"-1",onClick:k[1]||(k[1]=()=>d.value="")},[e.createVNode(b,{icon:e.unref(W)},null,8,["icon"])],8,Dl)):e.createCommentVNode("",!0),!o.hideSuccessIcon&&c.value?(e.openBlock(),e.createBlock(b,{key:2,class:"onyx-input__check-icon",icon:e.unref(Ge),color:"success"},null,8,["icon"])):e.createCommentVNode("",!0)])]),_:1},16,["error-messages","success-messages","message"])],2))}}),Al=["email","password","search","tel","text","url"],Rl=["none","sentences","words","characters"],Pl=["href","target","rel"],Hl=e.defineComponent({__name:"OnyxLink",props:{href:{},withExternalIcon:{type:[Boolean,String],default:"auto"},target:{default:"_self"}},setup(n){const t=n,{t:l}=E();return(o,r)=>(e.openBlock(),e.createElementBlock("a",{class:"onyx-component onyx-link",href:t.href,target:t.target,rel:t.target==="_blank"?"noreferrer":void 0},[e.renderSlot(o.$slots,"default"),t.target==="_blank"?(e.openBlock(),e.createBlock(J,{key:0},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(l)("link.opensExternally")),1)]),_:1})):e.createCommentVNode("",!0),e.createVNode(_e,e.normalizeProps(e.guardReactiveProps(t)),null,16)],8,Pl))}}),Fl=["_self","_blank","_parent","_top"],Ul='<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>',Tt=()=>{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}},ql=["placeholder","aria-label"],Gl=["aria-label"],Ot=e.defineComponent({inheritAttrs:!1,__name:"OnyxMiniSearch",props:{density:{},label:{},modelValue:{}},emits:["update:modelValue","clear"],setup(n,{expose:t,emit:l}){const o=n,r=l,{rootAttrs:a,restAttrs:s}=Tt(),{densityClass:i}=B(o),{t:c}=E(),u=e.ref(),p=e.computed({get:()=>o.modelValue,set:m=>r("update:modelValue",m??"")}),d=e.computed(()=>c.value("select.searchPlaceholder"));return t({focus:()=>{var m;return(m=u.value)==null?void 0:m.focus()}}),(m,f)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps({class:["onyx-component","onyx-mini-search",e.unref(i)]},e.unref(a),{style:{"--onyx-placeholder-character-count":d.value.length}}),[e.withDirectives(e.createElementVNode("input",e.mergeProps({ref_key:"input",ref:u,"onUpdate:modelValue":f[0]||(f[0]=y=>p.value=y),class:"onyx-mini-search__input onyx-text",placeholder:d.value,type:"text",size:"1"},e.unref(s),{"aria-label":o.label}),null,16,ql),[[e.vModelText,p.value]]),e.createElementVNode("button",{type:"button",class:"onyx-mini-search__clear","aria-label":e.unref(c)("select.clearSearch"),tabindex:"-1",onMousedown:f[1]||(f[1]=e.withModifiers(()=>{},["prevent"])),onClick:f[2]||(f[2]=y=>r("clear"))},[e.createVNode(b,{icon:e.unref(W)},null,8,["icon"])],40,Gl),e.createVNode(b,{class:"onyx-mini-search__icon",icon:e.unref(Ul)},null,8,["icon"])],16))}}),Kl='<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>',Zl={class:"onyx-component onyx-mobile-nav-button"},jl=["aria-label"],Yl={class:"onyx-mobile-nav-button__flyout"},Wl={class:"onyx-mobile-nav-button__menu"},De=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",Zl,[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]=s=>o("update:open",!l.open))},[e.createVNode(b,{icon:l.open?e.unref(Kl):l.icon},null,8,["icon"])],10,jl),l.open?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createElementVNode("div",Yl,[e.createElementVNode("div",Wl,[l.headline?(e.openBlock(),e.createBlock(G,{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]=s=>o("update:open",!1))})],64)):e.createCommentVNode("",!0)]))}}),Jl={class:"onyx-modal-dialog__header"},Xl={class:"onyx-modal-dialog__headline"},Ql=["id"],ea=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}=E(),{densityClass:s}=B(l),i=e.useId(),c=e.computed(()=>!!r.description);return(u,p)=>(e.openBlock(),e.createBlock(pe,e.mergeProps(l,{class:["onyx-modal-dialog",e.unref(s)],"aria-describedby":c.value?e.unref(i):void 0,modal:"",onClose:p[1]||(p[1]=d=>o("close"))}),{default:e.withCtx(()=>[e.createElementVNode("div",Jl,[e.createElementVNode("div",Xl,[e.renderSlot(u.$slots,"headline",{label:l.label},()=>[e.createVNode(G,{is:"h2"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(l.label),1)]),_:1})]),e.createVNode(ee,{class:"onyx-alert-dialog__close",label:e.unref(a)("dialog.close"),icon:e.unref(W),onClick:p[0]||(p[0]=d=>o("close"))},null,8,["label","icon"])]),c.value?(e.openBlock(),e.createElementBlock("div",{key:0,id:e.unref(i),class:"onyx-modal-dialog__description onyx-text--small"},[e.renderSlot(u.$slots,"description")],8,Ql)):e.createCommentVNode("",!0)]),e.renderSlot(u.$slots,"default")]),_:3},16,["class","aria-describedby"]))}}),de=(n,t)=>{const l="content-box",o=e.ref(0),r=e.ref(0),a=s=>{const i=s[0].contentBoxSize;o.value=i.reduce((c,{inlineSize:u})=>c+u,0),r.value=i.reduce((c,{blockSize:u})=>c+u,0)};return e.onMounted(()=>{const s=new ResizeObserver(a);if(!n){s.observe(document.documentElement,{box:l});return}e.watch(n,(i,c)=>{const u=ze(i),p=ze(c);p&&(s==null||s.unobserve(p)),u?s==null||s.observe(u,{box:l}):(o.value=0,r.value=0)},{immediate:!0}),e.onBeforeUnmount(()=>s.disconnect())}),{width:o,height:r}},ze=n=>n instanceof Element?n:n==null?void 0:n.$el,ta=n=>{const t=e.ref([]),l=e.ref([]),{width:o}=de(n.parentRef),{width:r}=de(n.moreIndicatorRef),a=e.reactive(new Map);return e.onMounted(()=>{e.watchEffect(()=>{let s=o.value;if(s<=0)return;const i=nt(n.parentRef.value),c=nt(n.listRef.value);r.value>0&&(s-=r.value+i),t.value=[],l.value=[],Array.from(a.entries()).forEach(([u,p],d)=>{s-=p+(d>0?c:0),s>=0||d===a.size-1&&s+r.value>=0?t.value.push(u):l.value.push(u)})})}),{visibleElements:t,hiddenElements:l,componentMap:a}},nt=n=>{const t=ze(n);return t&&Number.parseFloat(getComputedStyle(t).columnGap)||0},oa=n=>{const t=e.useId(),l=e.ref(),o=e.inject(n,void 0),{width:r}=de(l);e.watch(r,s=>{const i=o==null?void 0:o.componentMap;!i||i.has(t)&&s===0||i.set(t,s)},{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.ref(),a=e.ref(),s=e.ref(),i=ta({parentRef:r,listRef:a,moreIndicatorRef:s});return e.provide(l.injectionKey,i),e.watch([()=>i.visibleElements.value.length,()=>i.hiddenElements.value.length],([c,u])=>{o("visibilityChange",{visibleElements:c,hiddenElements:u})}),(c,u)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"parentRef",ref:r,class:"onyx-component onyx-more-list"},[e.renderSlot(c.$slots,"default",{attributes:{ref:p=>a.value=p,class:"onyx-more-list__elements"}}),e.unref(i).hiddenElements.value.length>0?e.renderSlot(c.$slots,"more",{key:0,attributes:{ref:p=>s.value=p,class:"onyx-more-list__indicator"},hiddenElements:e.unref(i).hiddenElements.value.length,visibleElements:e.unref(i).visibleElements.value.length}):e.createCommentVNode("",!0)],512))}}),la=["aria-label"],aa=["src","alt"],ra={key:1,class:"onyx-text-small onyx-truncation-ellipsis"},It=e.defineComponent({__name:"OnyxNavAppArea",props:{logoUrl:{},appName:{},label:{}},setup(n){const t=n,{t:l}=E(),o=e.computed(()=>t.label??l.value("navigation.goToHome"));return(r,a)=>(e.openBlock(),e.createElementBlock("button",{type:"button",class:"onyx-component onyx-nav-app-area","aria-label":o.value},[e.renderSlot(r.$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,aa)):e.createCommentVNode("",!0),t.appName?(e.openBlock(),e.createElementBlock("span",ra,e.toDisplayString(t.appName),1)):e.createCommentVNode("",!0)])],8,la))}}),sa=`<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
package/package.json
CHANGED