sit-onyx 1.0.0-alpha.86 → 1.0.0-alpha.87
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.
|
@@ -2,13 +2,16 @@ import { OnyxNavItemProps } from './types';
|
|
|
2
2
|
|
|
3
3
|
declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<OnyxNavItemProps>, {
|
|
4
4
|
active: boolean;
|
|
5
|
+
withExternalIcon: string;
|
|
5
6
|
}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
6
7
|
navigate: (href: string) => void;
|
|
7
8
|
}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<OnyxNavItemProps>, {
|
|
8
9
|
active: boolean;
|
|
10
|
+
withExternalIcon: string;
|
|
9
11
|
}>>> & {
|
|
10
12
|
onNavigate?: ((href: string) => any) | undefined;
|
|
11
13
|
}, {
|
|
14
|
+
withExternalIcon: boolean | "auto";
|
|
12
15
|
active: boolean;
|
|
13
16
|
}, {}>, Readonly<{
|
|
14
17
|
/**
|
|
@@ -12,6 +12,12 @@ export type OnyxNavItemProps = {
|
|
|
12
12
|
* If any nested option is active, the parent nav item will also be marked as active.
|
|
13
13
|
*/
|
|
14
14
|
active?: boolean;
|
|
15
|
+
/**
|
|
16
|
+
* Whether to show the external link icon.
|
|
17
|
+
* If set to `auto`, it will be shown when the `href` leads to another website
|
|
18
|
+
* (starting with "http://" or "https://") and will be hidden otherwise.
|
|
19
|
+
*/
|
|
20
|
+
withExternalIcon?: boolean | "auto";
|
|
15
21
|
/** Options to render in a listbox. */
|
|
16
22
|
options?: (Omit<OnyxNavItemProps, "options"> & {
|
|
17
23
|
href: string;
|
package/dist/index.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),N=require("@sit-onyx/headless"),W={key:0,class:"onyx-app__nav"},J={class:"onyx-app__page"},Q={key:1,class:"onyx-app__page-overlay"},ee={key:2,class:"onyx-app__app-overlay"},te=e.defineComponent({__name:"OnyxAppLayout",props:{navBarAlignment:{default:"top"}},setup(l){const o=l,t=e.useSlots();return(n,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["onyx-app",{"onyx-app--horizontal":o.navBarAlignment==="left"}])},[e.unref(t).navBar?(e.openBlock(),e.createElementBlock("nav",W,[e.renderSlot(n.$slots,"navBar")])):e.createCommentVNode("",!0),e.createElementVNode("div",J,[e.renderSlot(n.$slots,"default")]),e.unref(t).pageOverlay?(e.openBlock(),e.createElementBlock("div",Q,[e.renderSlot(n.$slots,"pageOverlay")])):e.createCommentVNode("",!0),e.unref(t).appOverlay?(e.openBlock(),e.createElementBlock("div",ee,[e.renderSlot(n.$slots,"appOverlay")])):e.createCommentVNode("",!0)],2))}}),E=(l,o)=>{const t=l.__vccOpts||l;for(const[n,a]of o)t[n]=a;return t},oe={},le={xmlns:"http://www.w3.org/2000/svg",width:"32",height:"32",viewBox:"0 0 32 32",fill:"none"},ne=e.createStaticVNode('<path fill-rule="evenodd" clip-rule="evenodd" d="M7.7126 20.42C8.39245 16.3491 8.24733 15.8529 8.46177 9.86296C8.7362 7.13713 9.95177 5.14965 11.5261 4.75449L12.6326 6.08751L11.7227 4.55053C12.0572 3.67381 13.4612 2.7234 15.7076 2.7234C17.954 2.7234 19.6603 3.23641 20.8263 4.26241C22.1059 5.33732 22.8411 7.20417 23.032 9.86296C23.3184 13.8511 23.032 13.5317 24.3354 20.42C24.3354 20.42 19.1332 21.6824 16 21.6824C12.8668 21.6824 7.7126 20.42 7.7126 20.42Z" fill="var(--onyx-color-base-neutral-500)"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M12.628 18.0426C12.628 18.0426 13.3619 20.7045 12.5176 22.0378C12.5014 22.0634 12.1278 22.5375 11.4375 22.8864C10.7471 23.2353 8.33315 24.2808 8.52103 25.1845C8.81344 26.591 15.4768 29.2356 16.6848 29.2356C17.8233 29.2356 22.4527 26.7865 23.0783 25.9854C23.4763 25.4758 24.2143 24.6766 22.1396 23.6391C20.0648 22.6016 19.4176 22.0114 19.3897 21.976C18.045 20.2703 19.3002 18.0426 19.3002 18.0426H12.628Z" fill="var(--onyx-color-base-neutral-300)"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M13.9575 19.768C13.9494 18.7584 18.9921 18.7234 18.9921 18.7234C18.9921 18.7234 18.3146 20.5494 19.3838 22.0027C18.4711 22.3044 14.4774 21.7919 13.9575 19.768Z" fill="var(--onyx-color-base-neutral-400)"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M20.9414 14.8039C20.2743 18.2173 17.7139 20.766 15.6596 20.766C13.6175 20.766 11.0754 18.2476 10.3899 14.865C10.3523 14.8262 10.307 14.7865 10.2589 14.7464L10.0875 14.605C9.97654 14.5108 9.88285 14.4178 9.8706 14.3329L9.85734 14.2325L9.82285 13.9274L9.79334 13.6313L9.76388 13.3006L9.74567 13.071L9.72958 12.8413L9.71646 12.6176C9.71268 12.5447 9.70953 12.4738 9.70716 12.406L9.7025 12.2126C9.7008 12.0607 9.70482 11.9343 9.71676 11.8491L9.72489 11.803C9.75301 11.5268 9.97889 11.4131 10.1782 11.3435L10.3683 11.2815C10.9504 7.9323 13.0986 5.44681 15.6596 5.44681C18.2251 5.44681 20.3764 7.94119 20.9539 11.2995L21.089 11.3435C21.2883 11.4131 21.5142 11.5268 21.5423 11.803L21.5505 11.8491C21.5624 11.9343 21.5664 12.0607 21.5647 12.2126L21.5601 12.406C21.5577 12.4738 21.5545 12.5447 21.5508 12.6176L21.5376 12.8413L21.5215 13.071L21.5033 13.3006L21.4739 13.6313L21.4444 13.9274L21.4099 14.2325L21.3966 14.3329C21.3844 14.4178 21.2907 14.5108 21.1797 14.605L21.0083 14.7464C20.9852 14.7657 20.9627 14.7849 20.9414 14.8039Z" fill="var(--onyx-color-base-neutral-200)"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M12.5957 6.25197C12.5957 6.25197 13.9429 8.11309 16.7332 8.53734C19.5235 8.9616 21.0872 11.9693 21.0872 11.9693V7.46426L18.2795 4.08511L14.1364 4.2428L12.5957 6.25197Z" fill="var(--onyx-color-base-neutral-500)"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M11.059 8.85106C11.059 8.85106 10.5079 10.3222 10.6058 12.0604L10.2128 10.8208L11.059 8.85106Z" fill="var(--onyx-color-base-neutral-500)"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M28.1789 32C28.2082 31.666 28.1072 30.6622 27.8758 28.9886C27.6445 27.3149 26.9978 26.1602 25.9357 25.5243C23.9262 24.4478 22.1369 23.5473 20.6204 22.8085C19.745 24.3665 18.5913 25.4162 16.023 25.4162C13.6459 25.4162 12.4215 24.3665 11.5461 22.8085C9.99887 23.5571 8.0305 24.4299 5.99283 25.5243C4.93072 26.1602 4.284 27.3149 4.05266 28.9886C3.82133 30.6622 3.72031 31.666 3.74963 32H15.928H28.1789Z" fill="var(--onyx-color-base-secondary-200)"></path>',7),ae=[ne];function se(l,o){return e.openBlock(),e.createElementBlock("svg",le,ae)}const re=E(oe,[["render",se]]),ce={},ie={xmlns:"http://www.w3.org/2000/svg",width:"32",height:"32",viewBox:"0 0 32 32",fill:"none"},de=e.createStaticVNode('<path fill-rule="evenodd" clip-rule="evenodd" d="M11.5685 21.4572C11.253 21.932 10.4345 22.4507 9.84162 22.7471C9.2487 23.0435 2.82416 26.5767 2.82416 26.5767C2.82416 26.5767 0.794243 27.7947 0.720107 30.2787C0.709887 30.6212 0.698905 30.9176 0.694107 31.1679C0.680851 31.8594 0.680851 32.0141 0.680851 32.0141H31.3895L31.2442 29.6918C31.2442 29.6918 30.889 27.3934 28.6023 26.2913C26.3155 25.1893 20.2345 21.4572 20.2345 21.4572C20.2345 21.4572 17.4118 24.1593 15.8793 24.1593C14.3469 24.1593 11.7052 21.2515 11.5685 21.4572Z" fill="var(--onyx-color-base-secondary-200)"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M11.7258 17.3617C11.7258 17.3617 11.8979 20.8822 11.5824 21.357C11.4207 21.6003 13.7304 24.2858 15.9996 24.2858C18.2688 24.2858 20.5321 21.509 20.4208 21.1794C20.0737 20.1519 20.4208 17.3617 20.4208 17.3617H11.7258Z" fill="var(--onyx-color-base-neutral-300)"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M11.4188 21.1064L16 24.2497C16 24.2497 13.6169 25.2229 13.2467 26.7158C12.0077 24.6532 10.5532 22.2414 10.5532 22.2414L11.4188 21.1064Z" fill="var(--onyx-color-base-secondary-400)"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M20.5812 21.1064L16 24.2497C16 24.2497 18.3831 25.2229 18.7533 26.7158C19.9923 24.6532 21.4468 22.2414 21.4468 22.2414L20.5812 21.1064Z" fill="var(--onyx-color-base-secondary-400)"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M13.617 19.5099C13.6062 18.4404 20.467 17.2507 20.467 17.2507C20.467 17.2507 20.0286 19.5803 20.3919 21.2122C18.498 21.9839 14.5215 21.3903 13.617 19.5099Z" fill="var(--onyx-color-base-neutral-400)"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M21.3173 14.1806C21.1508 17.8679 17.8368 20.4255 15.6596 20.4255C13.4815 20.4255 10.4503 17.866 10.335 14.1765L10.1886 14.095C9.99952 13.9865 9.83987 13.8794 9.81899 13.7816L9.79638 13.666L9.73762 13.3146L9.68735 12.9736L9.63714 12.5927L9.60611 12.3283L9.5787 12.0638L9.55634 11.8061C9.54989 11.7222 9.54453 11.6406 9.54048 11.5624L9.53255 11.3397C9.52965 11.1648 9.5365 11.0192 9.55685 10.9211L9.5707 10.868C9.61862 10.5499 10.0035 10.4189 10.3432 10.3388L10.4302 10.3196C10.6165 7.46731 11.5182 5.44681 15.8298 5.44681C19.6102 5.44681 20.7949 7.45826 21.1424 10.3005L21.3164 10.3388C21.6561 10.4189 22.041 10.5499 22.0889 10.868L22.1027 10.9211C22.1231 11.0192 22.1299 11.1648 22.127 11.3397L22.1191 11.5624C22.115 11.6406 22.1097 11.7222 22.1032 11.8061L22.0809 12.0638L22.0535 12.3283L22.0224 12.5927L21.9722 12.9736L21.922 13.3146L21.8632 13.666L21.8406 13.7816C21.8197 13.8794 21.6601 13.9865 21.4709 14.095L21.3173 14.1806Z" fill="var(--onyx-color-base-neutral-200)"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M12.8836 6.22839C12.8836 6.22839 13.9368 8.00428 16.567 8.29001C19.1972 8.57574 20.5175 9.54588 20.6116 10.2494C20.7057 10.953 20.6116 12.5455 20.6116 12.5455C20.6116 12.5455 20.9477 10.5164 22.0392 10.5164C22.3522 8.09554 22.9941 7.61997 21.5209 5.51226C20.0478 3.40455 18.183 2.93846 18.183 2.93846C18.183 2.93846 16.7046 2.51203 14.6606 2.93115C13.342 3.20152 12.4818 3.72093 11.9846 4.57426C11.968 4.60282 12.7155 5.90621 12.7155 5.90621C12.7155 5.90621 11.8139 4.73575 11.7958 4.74343C10.3162 5.37011 9.59178 6.47205 9.547 8.08375C9.47899 10.5309 9.71761 10.4337 9.71761 10.4337C9.71761 10.4337 10.883 10.5156 11.0334 12.5455C11.0334 12.5455 10.5443 9.12183 11.5289 8.28377C12.5135 7.44571 12.8836 6.22839 12.8836 6.22839Z" fill="var(--onyx-color-base-neutral-500)"></path>',7),ue=[de];function pe(l,o){return e.openBlock(),e.createElementBlock("svg",ie,ue)}const me=E(ce,[["render",pe]]),ye=["title"],_e=["src","alt"],fe={key:2,class:"onyx-avatar__initials"},ke=e.defineComponent({__name:"OnyxAvatar",props:{size:{default:"48px"},label:{},src:{},type:{default:"initials"}},setup(l){const o=l,t=e.useSlots(),n=e.computed(()=>{const s=o.label.split(" ");return(s.length>1?`${s[0].charAt(0)}${s[1].charAt(0)}`:s[0].substring(0,2)).toUpperCase()}),a=e.ref(!1);return e.watch(()=>o.src,()=>a.value=!1),(s,r)=>(e.openBlock(),e.createElementBlock("figure",{class:e.normalizeClass(["onyx-avatar",[`onyx-avatar--${o.size}`,e.unref(t).default?"onyx-avatar--custom":""]]),title:o.label},[o.src&&!a.value?(e.openBlock(),e.createElementBlock("img",{key:0,class:"onyx-avatar__svg",src:o.src,alt:o.label,onError:r[0]||(r[0]=c=>a.value=!0)},null,40,_e)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[o.type==="female"?(e.openBlock(),e.createBlock(re,{key:0,class:"onyx-avatar__svg"})):o.type==="male"?(e.openBlock(),e.createBlock(me,{key:1,class:"onyx-avatar__svg"})):(e.openBlock(),e.createElementBlock("div",fe,[e.renderSlot(s.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(n.value),1)])]))],64))],10,ye))}}),he=["initials","female","male"],xe={class:"onyx-avatar-stack"},ve=e.defineComponent({__name:"OnyxAvatarStack",setup(l){return(o,t)=>(e.openBlock(),e.createElementBlock("div",xe,[e.renderSlot(o.$slots,"default")]))}}),be=["compact","default","cozy"],x=l=>({densityClass:e.computed(()=>({[`onyx-density-${l.density}`]:l.density}))}),ge=["innerHTML"],b=e.defineComponent({__name:"OnyxIcon",props:{size:{default:"24px"},icon:{},color:{default:"currentColor"}},setup(l){const o=l;return(t,n)=>(e.openBlock(),e.createElementBlock("figure",{class:e.normalizeClass(["onyx-icon",[o.size!=="24px"?`onyx-icon--${o.size}`:"",o.color!=="currentColor"?`onyx-icon--${o.color}`:""]]),"aria-hidden":"true",innerHTML:o.icon},null,10,ge))}}),Ce={},Be={class:"onyx-circle-spinner",viewBox:"0 0 50 50"},Ee=e.createElementVNode("circle",{class:"onyx-circle-spinner__circle",cx:"50%",cy:"50%",r:"45%"},null,-1),Ve=[Ee];function Se(l,o){return e.openBlock(),e.createElementBlock("svg",Be,Ve)}const Le=E(Ce,[["render",Se]]),$e={},Ne={class:"onyx-loading-dots"},we=e.createElementVNode("span",{class:"onyx-loading-dots__center"},null,-1),Oe=[we];function Te(l,o){return e.openBlock(),e.createElementBlock("div",Ne,Oe)}const ze=E($e,[["render",Te]]),v=e.defineComponent({__name:"OnyxLoadingIndicator",props:{type:{default:"dots"}},setup(l){const o=l;return(t,n)=>o.type==="circle"?(e.openBlock(),e.createBlock(Le,{key:0})):o.type==="dots"?(e.openBlock(),e.createBlock(ze,{key:1})):e.createCommentVNode("",!0)}}),Ie={},Ae={"aria-hidden":"true",class:"onyx-skeleton"};function Me(l,o){return e.openBlock(),e.createElementBlock("figure",Ae)}const h=E(Ie,[["render",Me]]),qe=["disabled","type","aria-label"],De={key:2,class:"onyx-button__label onyx-truncation-ellipsis"},Pe=e.defineComponent({__name:"OnyxButton",props:{density:{},label:{},disabled:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},type:{default:"button"},variation:{default:"primary"},mode:{default:"default"},icon:{},skeleton:{type:Boolean,default:!1}},emits:["click"],setup(l,{emit:o}){const t=l,{densityClass:n}=x(t),a=o;return(s,r)=>t.skeleton?(e.openBlock(),e.createBlock(h,{key:0,class:e.normalizeClass(["onyx-button-skeleton",e.unref(n)])},null,8,["class"])):(e.openBlock(),e.createElementBlock("button",{key:1,class:e.normalizeClass(["onyx-button",`onyx-button--${t.variation}`,`onyx-button--${t.mode}`,{"onyx-button--loading":t.loading},e.unref(n)]),disabled:t.disabled||t.loading,type:t.type,"aria-label":t.loading?t.label:void 0,onClick:r[0]||(r[0]=c=>a("click"))},[t.icon&&!t.loading?(e.openBlock(),e.createBlock(b,{key:0,icon:t.icon},null,8,["icon"])):e.createCommentVNode("",!0),t.loading?(e.openBlock(),e.createBlock(v,{key:1,class:"onyx-button__loading"})):(e.openBlock(),e.createElementBlock("span",De,e.toDisplayString(t.label),1))],10,qe))}}),Ue=["button","submit","reset"],Re=["primary","secondary","danger"],Ze=["default","outline","plain"],R=e.defineComponent({__name:"OnyxBadge",props:{density:{},variation:{default:"primary"},icon:{},dot:{type:Boolean,default:!1}},setup(l){const o=l,{densityClass:t}=x(o);return(n,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["onyx-badge",["onyx-truncation-ellipsis","onyx-text",`onyx-badge--${o.variation}`,o.dot?"onyx-badge--dot":"",e.unref(t)]])},[o.dot?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[o.icon?(e.openBlock(),e.createBlock(b,{key:0,class:"onyx-badge__icon",icon:o.icon,size:o.density==="cozy"?"24px":"16px"},null,8,["icon","size"])):e.renderSlot(n.$slots,"default",{key:1})],64))],2))}}),He=(l,o)=>e.computed(()=>{const t=o.value.filter(a=>l.value.includes(a)),n=t.length===l.value.length;return{modelValue:n,indeterminate:!n&&l.value.length&&t.length?!0:void 0}}),Z=(l,o,t)=>({state:He(l,o),handleChange:n=>{const a=n?l.value:[];t(a)}}),Fe="(optional)",Ye={tooShort:"Please lengthen this text to {minLength} characters or more (you are currently using 1 character) | Please lengthen this text to {minLength} characters or more (you are currently using {n} characters)",tooLong:"Please shorten this text to {maxLength} characters or less (you are currently using 1 character) | Please shorten this text to {maxLength} characters or less (you are currently using {n} characters)",rangeUnderflow:"Value must be greater than or equal to {min}",rangeOverflow:"Value must be less than or equal to {max}",patternMismatch:"Please match the format requested.",valueMissing:"Please fill in this field.",stepMismatch:"Please enter a value that is a multiple of {step}.",badInput:'"{value}" does not match the expected type.',typeMismatch:{generic:'"{value}" does not match the expected type.',email:'"{value}" must be a valid email address.',number:'"{value}" must be a number.',tel:'"{value}" must be a valid phone number.',url:'"{value}" must a valid URL.'}},je={selectAll:"Select all",currentSelection:"{n} selected"},Xe="No data available",Ge="Subpages of {label}",q={optional:Fe,validations:Ye,selections:je,empty:Xe,navItemOptionsLabel:Ge},H=Symbol(),F=l=>{const o=e.computed(()=>e.unref(l==null?void 0:l.locale)??"en-US"),t=e.computed(()=>l!=null&&l.messages&&o.value in l.messages?l.messages[o.value]:q),n=e.computed(()=>(a,s={})=>{let r=D(a,t.value)??D(a,q)??"";const c=typeof s.n=="number"?s.n:void 0;return r=We(r,c),Je(r,s)});return{locale:o,t:n}},Ke=(l,o)=>l.provide(H,F(o)),V=()=>e.inject(H,()=>F(),!0),D=(l,o)=>{const t=l.split(".").reduce((n,a)=>!n||typeof n=="string"?n:n[a],o);return t&&typeof t=="string"?t:void 0},We=(l,o)=>{const t=l.split(" | ").map(a=>a.trim());if(t.length<=1)return l;let n=1;return o===0&&(n=0),o&&(o<=0||o>1)&&(n=2),t.length===2?n===1?t[0]:t[1]:t[n]},Je=(l,o)=>o?Object.entries(o).reduce((n,[a,s])=>s===void 0?n:n.replace(new RegExp(`{${a}}`,"gi"),s.toString()),l).replace(/\s?{.*}\s?/gi,""):l,S=l=>({requiredTypeClass:e.computed(()=>({[`onyx-use-${l.requiredMarker}`]:l.requiredMarker})),requiredMarkerClass:e.computed(()=>({"onyx-required-marker":l.required,"onyx-optional-marker":!l.required}))}),Qe=()=>Object.entries(Object.getOwnPropertyDescriptors(ValidityState.prototype)).filter(([l,o])=>o.enumerable).map(([l])=>l),et=l=>Qe().reduce((o,t)=>(o[t]=l[t],o),{}),tt=(l,o)=>{const t=Object.entries(l).filter(([a,s])=>s!==void 0),n=Object.entries(o).filter(([a,s])=>s!==void 0);return t.length!==n.length?!1:t.every(([a,s])=>s===o[a])},w=l=>{const o=e.ref(),t=e.ref(!1);return e.watch(()=>l.props.modelValue,()=>t.value=!0,{once:!0}),{vCustomValidity:{mounted:a=>{e.watchEffect(()=>a.setCustomValidity(l.props.customError??"")),e.watch([()=>l.props.customError,()=>l.props.modelValue,t],()=>{const s=et(a.validity);!t.value||!o.value&&s.valid||o.value&&tt(s,o.value)||(o.value=s,l.emit("validityChange",o.value))},{immediate:!0})}}}},ot={class:"onyx-checkbox__container"},lt=["aria-label","title","indeterminate","disabled","required"],O=e.defineComponent({__name:"OnyxCheckbox",props:{density:{},required:{type:Boolean,default:!1},requiredMarker:{},customError:{},modelValue:{type:Boolean,default:!1},label:{},indeterminate:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},hideLabel:{type:Boolean},truncation:{default:"ellipsis"},skeleton:{type:Boolean,default:!1}},emits:["update:modelValue","validityChange"],setup(l,{emit:o}){const t=l,n=o,a=e.computed({get:()=>t.modelValue,set:p=>n("update:modelValue",p)}),{requiredMarkerClass:s,requiredTypeClass:r}=S(t),{densityClass:c}=x(t),{vCustomValidity:u}=w({props:t,emit:n});return(p,i)=>t.skeleton?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["onyx-checkbox-skeleton",e.unref(c)])},[e.createVNode(h,{class:"onyx-checkbox-skeleton__input"}),t.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(h,{key:0,class:"onyx-checkbox-skeleton__label"}))],2)):(e.openBlock(),e.createElementBlock("label",{key:1,class:e.normalizeClass(["onyx-checkbox",[e.unref(r),e.unref(c)]])},[e.createElementVNode("div",ot,[t.loading?(e.openBlock(),e.createBlock(e.unref(v),{key:0,class:"onyx-checkbox__loading",type:"circle"})):e.withDirectives((e.openBlock(),e.createElementBlock("input",{key:1,"onUpdate:modelValue":i[0]||(i[0]=m=>a.value=m),"aria-label":t.hideLabel?t.label:void 0,title:t.hideLabel?t.label:void 0,class:"onyx-checkbox__input",type:"checkbox",indeterminate:t.indeterminate,disabled:t.disabled,required:t.required},null,8,lt)),[[e.vModelCheckbox,a.value],[e.unref(u)]])]),t.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createElementVNode("p",{class:e.normalizeClass(["onyx-checkbox__label",[`onyx-truncation-${t.truncation}`,t.truncation==="multiline"?e.unref(s):void 0]])},e.toDisplayString(t.label),3),t.truncation==="ellipsis"?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["onyx-checkbox__marker",[e.unref(s)]])},null,2)):e.createCommentVNode("",!0)],64))],2))}}),nt=["disabled"],at={key:0,class:"onyx-checkbox-group__label"},st=e.defineComponent({__name:"OnyxCheckboxGroup",props:{density:{},options:{},modelValue:{default:()=>[]},headline:{},direction:{default:"vertical"},withCheckAll:{type:[Boolean,Object],default:!1},disabled:{type:Boolean,default:!1},skeleton:{}},emits:["update:modelValue"],setup(l,{emit:o}){const t=l,{densityClass:n}=x(t),a=o,{t:s}=V(),r=(i,m)=>{const y=m?[...t.modelValue,i]:t.modelValue.filter(f=>f!==i);a("update:modelValue",y)},c=e.computed(()=>t.options.filter(i=>!i.disabled&&!i.skeleton).map(({id:i})=>i)),u=Z(c,e.computed(()=>t.modelValue),i=>a("update:modelValue",i)),p=e.computed(()=>{var m;const i=s.value("selections.selectAll");return typeof t.withCheckAll=="boolean"?i:((m=t.withCheckAll)==null?void 0:m.label)??i});return(i,m)=>(e.openBlock(),e.createElementBlock("fieldset",{class:e.normalizeClass(["onyx-checkbox-group",e.unref(n)]),disabled:t.disabled},[t.headline?(e.openBlock(),e.createElementBlock("legend",at,[e.createVNode(e.unref(T),{is:"h3"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.headline),1)]),_:1})])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["onyx-checkbox-group__content",{"onyx-checkbox-group__content--horizontal":t.direction==="horizontal"}])},[t.skeleton===void 0?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[t.withCheckAll?(e.openBlock(),e.createBlock(O,e.mergeProps({key:0},e.unref(u).state.value,{label:p.value,"onUpdate:modelValue":e.unref(u).handleChange}),null,16,["label","onUpdate:modelValue"])):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.options,y=>(e.openBlock(),e.createBlock(O,e.mergeProps({key:y.id.toString()},y,{"model-value":t.modelValue.includes(y.id),"onUpdate:modelValue":f=>r(y.id,f)}),null,16,["model-value","onUpdate:modelValue"]))),128))],64)):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(t.skeleton,y=>(e.openBlock(),e.createBlock(O,{key:y,label:`Skeleton ${y}`,skeleton:""},null,8,["label"]))),128))],2)],10,nt))}}),rt='<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 32 32"><path d="M25.899 6.1C23.166 3.367 19.583 2 16 2S8.834 3.367 6.101 6.1c-5.467 5.467-5.467 14.332 0 19.799C8.834 28.633 12.417 30 16 30s7.166-1.367 9.899-4.101c5.468-5.467 5.468-14.331 0-19.799m-1.414 18.385C22.219 26.752 19.205 28 16 28s-6.219-1.248-8.485-3.515C5.248 22.219 4 19.205 4 16s1.248-6.219 3.515-8.485C9.781 5.248 12.795 4 16 4s6.219 1.248 8.485 3.515S28 12.795 28 16s-1.248 6.219-3.515 8.485"/><path d="M20.814 9.771 16 14.586l-4.814-4.815-1.415 1.414L14.586 16l-4.815 4.814 1.415 1.415L16 17.414l4.814 4.815 1.415-1.415L17.414 16l4.815-4.815z"/></svg>',ct={class:"onyx-empty"},it={class:"onyx-empty__label onyx-text onyx-truncation-multiline"},Y=e.defineComponent({__name:"OnyxEmpty",setup(l){return(o,t)=>(e.openBlock(),e.createElementBlock("div",ct,[e.renderSlot(o.$slots,"icon",{},()=>[e.createVNode(b,{icon:e.unref(rt),size:"48px"},null,8,["icon"])]),e.createElementVNode("div",it,[e.renderSlot(o.$slots,"default")])]))}}),T=e.defineComponent({__name:"OnyxHeadline",props:{is:{},monospace:{type:Boolean,default:!1}},setup(l){const o=l;return(t,n)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.is),{class:e.normalizeClass(["onyx-headline",`onyx-headline--${o.is}`,o.monospace?"onyx-headline--monospace":""])},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},8,["class"]))}}),dt=["h1","h2","h3","h4","h5","h6"],ut=["12px","16px","24px","32px","48px","64px","96px"],pt=["aria-label","title","disabled"],mt=e.defineComponent({__name:"OnyxIconButton",props:{density:{},label:{},disabled:{type:Boolean,default:!1},type:{default:"button"},variation:{default:"primary"},loading:{type:Boolean},icon:{},skeleton:{type:Boolean,default:!1}},emits:["click"],setup(l,{emit:o}){const t=l,{densityClass:n}=x(t),a=o;return(s,r)=>t.skeleton?(e.openBlock(),e.createBlock(h,{key:0,class:e.normalizeClass(["onyx-icon-button-skeleton",e.unref(n)])},null,8,["class"])):(e.openBlock(),e.createElementBlock("button",{key:1,class:e.normalizeClass(["onyx-icon-button",[`onyx-icon-button--${t.variation}`,{"onyx-icon-button--loading":t.loading},e.unref(n)]]),"aria-label":t.label,title:t.label,disabled:t.disabled||t.loading,onClick:r[0]||(r[0]=c=>a("click"))},[t.loading?(e.openBlock(),e.createBlock(v,{key:0,type:"circle"})):t.icon?(e.openBlock(),e.createBlock(b,{key:1,icon:t.icon},null,8,["icon"])):e.renderSlot(s.$slots,"default",{key:2})],10,pt))}}),yt={class:"onyx-truncation-ellipsis"},_t={class:"onyx-input__wrapper"},ft=["placeholder","type","required","autocapitalize","autocomplete","autofocus","name","pattern","readonly","disabled","minlength","maxlength","aria-label","title"],kt={key:0,class:"onyx-input__footer onyx-text--small"},ht={key:0,class:"onyx-truncation-ellipsis"},xt={key:1,class:"onyx-input__counter"},vt=e.defineComponent({__name:"OnyxInput",props:{density:{},required:{type:Boolean,default:!1},requiredMarker:{},customError:{},label:{},modelValue:{default:""},type:{default:"text"},placeholder:{},autocapitalize:{default:"sentences"},autocomplete:{},autofocus:{type:Boolean},name:{},pattern:{},readonly:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},maxlength:{},minlength:{},withCounter:{type:Boolean},message:{},hideLabel:{type:Boolean},skeleton:{type:Boolean,default:!1}},emits:["update:modelValue","change","focus","blur","validityChange"],setup(l,{emit:o}){const t=l,n=o,{vCustomValidity:a}=w({props:t,emit:n}),{requiredMarkerClass:s,requiredTypeClass:r}=S(t),{densityClass:c}=x(t),u=e.computed({get:()=>t.modelValue,set:y=>n("update:modelValue",y)}),p=y=>{const f=y.target.value;n("change",f)},i=e.computed(()=>t.pattern instanceof RegExp?t.pattern.source:t.pattern),m=e.computed(()=>t.withCounter&&t.maxlength);return(y,f)=>t.skeleton?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["onyx-input-skeleton",e.unref(c)])},[t.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(h,{key:0,class:"onyx-input-skeleton__label"})),e.createVNode(h,{class:"onyx-input-skeleton__input"})],2)):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["onyx-input",e.unref(r),e.unref(c)])},[e.createElementVNode("label",null,[t.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["onyx-input__label","onyx-text--small",e.unref(s)])},[e.createElementVNode("div",yt,e.toDisplayString(t.label),1)],2)),e.createElementVNode("div",_t,[t.loading?(e.openBlock(),e.createBlock(v,{key:0,class:"onyx-input__loading",type:"circle"})):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":f[0]||(f[0]=B=>u.value=B),class:"onyx-input__native",placeholder:t.placeholder,type:t.type,required:t.required,autocapitalize:t.autocapitalize,autocomplete:t.autocomplete,autofocus:t.autofocus,name:t.name,pattern:i.value,readonly:t.readonly,disabled:t.disabled||t.loading,minlength:t.minlength,maxlength:t.maxlength,"aria-label":t.hideLabel?t.label:void 0,title:t.hideLabel?t.label:void 0,onChange:p,onFocus:f[1]||(f[1]=B=>n("focus")),onBlur:f[2]||(f[2]=B=>n("blur"))},null,40,ft),[[e.vModelDynamic,u.value],[e.unref(a)]])])]),t.message||m.value?(e.openBlock(),e.createElementBlock("div",kt,[t.message?(e.openBlock(),e.createElementBlock("span",ht,e.toDisplayString(t.message),1)):e.createCommentVNode("",!0),m.value?(e.openBlock(),e.createElementBlock("span",xt,e.toDisplayString(u.value.length)+"/"+e.toDisplayString(t.maxlength),1)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)],2))}}),bt=["email","password","search","tel","text","url"],gt=["none","sentences","words","characters"],Ct='<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 32 32"><path d="M12.2 10.55v2h5.836l-8.193 8.193 1.414 1.414 8.193-8.193V19.8h2v-9.25z"/></svg>',Bt=l=>/^http(s?):\/\//.test(l),Et=["href","target","rel"],Vt=e.defineComponent({__name:"OnyxLink",props:{href:{},target:{default:"_self"},withExternalIcon:{type:[Boolean,String],default:"auto"}},emits:["click"],setup(l,{emit:o}){const t=l,n=o,a=e.computed(()=>t.withExternalIcon!=="auto"?t.withExternalIcon:Bt(t.href));return(s,r)=>(e.openBlock(),e.createElementBlock("a",{class:"onyx-link",href:t.href,target:t.target,rel:t.target==="_blank"?"noreferrer":void 0,onClick:r[0]||(r[0]=c=>n("click"))},[e.renderSlot(s.$slots,"default"),a.value?(e.openBlock(),e.createBlock(b,{key:0,class:"onyx-link__icon",icon:e.unref(Ct),size:"16px"},null,8,["icon"])):e.createCommentVNode("",!0)],8,Et))}}),St=["_self","_blank","_parent","_top"],j=l=>{const t=e.ref(!1),n=s=>{const r=s.target;if(!(r instanceof Element))return;const c=e.unref(l.offset)??0;t.value=Math.abs(r.scrollTop)+r.clientHeight>=r.scrollHeight-c-1};return{vScrollEnd:{mounted:s=>{e.watchEffect(()=>{var c;(((c=l.enabled)==null?void 0:c.value)??!0)&&!l.loading.value?s.addEventListener("scroll",n):s.removeEventListener("scroll",n)})}},isScrollEnd:t}},Lt=["checked","aria-labelledby","disabled","indeterminate"],$t={class:"onyx-truncation-ellipsis"},P=e.defineComponent({__name:"OnyxListboxOption",props:{active:{type:Boolean},multiple:{type:Boolean},indeterminate:{type:Boolean}},setup(l){const o=l;return(t,n)=>(e.openBlock(),e.createElementBlock("li",{class:e.normalizeClass(["onyx-listbox-option",{"onyx-listbox-option--active":o.active}])},[o.multiple?(e.openBlock(),e.createElementBlock("input",{key:0,checked:!!t.$attrs["aria-checked"],"aria-labelledby":t.$attrs.id,disabled:!!t.$attrs["aria-disabled"],indeterminate:o.indeterminate,"aria-hidden":"true",tabindex:"-1",class:"onyx-listbox-option__checkbox",type:"checkbox"},null,8,Lt)):e.createCommentVNode("",!0),e.createElementVNode("span",$t,[e.renderSlot(t.$slots,"default")])],2))}}),Nt=["aria-busy"],wt={key:0,class:"onyx-listbox__slot onyx-listbox__slot--loading"},Ot={key:0,role:"presentation",class:"onyx-listbox__group-name onyx-text--small"},Tt={key:0,class:"onyx-listbox__slot"},zt={key:1,class:"onyx-listbox__slot"},It={key:3,class:"onyx-listbox__message onyx-text--small"},X=e.defineComponent({__name:"OnyxListbox",props:{label:{},options:{},message:{},modelValue:{},multiple:{},withCheckAll:{},loading:{type:Boolean,default:!1},lazyLoading:{}},emits:["update:modelValue","lazyLoad"],setup(l,{emit:o}){const t=l,n=o,a=e.useSlots(),{t:s}=V(),r=e.ref();e.watch(()=>t.modelValue,d=>{t.multiple||(r.value=d)});const c=N.createId("ONYX_CHECK_ALL"),u=e.computed(()=>(t.withCheckAll?[c]:[]).concat(z.value)),{elements:{listbox:p,option:i,group:m}}=N.createListbox({label:e.computed(()=>t.label),multiple:e.computed(()=>!!t.multiple),selectedOption:e.computed(()=>t.modelValue),activeOption:r,onSelect:d=>{var $;if(d===c){($=L.value)==null||$.handleChange(!L.value.state.value.modelValue);return}if(!t.multiple){const g=d===t.modelValue?void 0:d;n("update:modelValue",g);return}const _=Array.isArray(t.modelValue)?t.modelValue:[],k=_.includes(d)?_.filter(g=>g!==d):[..._,d];n("update:modelValue",k)},onActivateFirst:()=>r.value=u.value.at(0),onActivateLast:()=>r.value=u.value.at(-1),onActivateNext:d=>{const _=u.value.findIndex(k=>k===d);_<u.value.length-1&&(r.value=u.value[_+1])},onActivatePrevious:d=>{const _=u.value.findIndex(k=>k===d);_>0&&(r.value=u.value[_-1])},onTypeAhead:d=>{const _=t.options.find(k=>k.label.toLowerCase().trim().startsWith(d.toLowerCase()));_&&(r.value=_.id)}}),y=e.computed(()=>t.options.reduce((d,_)=>{const k=_.group??"";return d[k]=d[k]||[],d[k].push(_),d},{})),{vScrollEnd:f,isScrollEnd:B}=j({enabled:e.computed(()=>{var d;return((d=t.lazyLoading)==null?void 0:d.enabled)??!1}),loading:e.computed(()=>t.loading),offset:e.computed(()=>{var d;return(d=t.lazyLoading)==null?void 0:d.scrollOffset})}),K=e.computed(()=>t.options.length===0),z=e.computed(()=>t.options.filter(d=>!d.disabled).map(({id:d})=>d)),L=e.computed(()=>{if(!(!t.multiple||!t.withCheckAll))return Z(z,e.computed(()=>t.modelValue||[]),d=>n("update:modelValue",d))}),I=e.computed(()=>{var _;const d=s.value("selections.selectAll");return typeof t.withCheckAll=="boolean"?d:((_=t.withCheckAll)==null?void 0:_.label)??d});return e.watchEffect(()=>{B.value&&n("lazyLoad")}),(d,_)=>{var k;return e.openBlock(),e.createElementBlock("div",{class:"onyx-listbox","aria-busy":t.loading},[t.loading?(e.openBlock(),e.createElementBlock("div",wt,[e.createVNode(v,{class:"onyx-listbox__loading"})])):K.value?e.renderSlot(d.$slots,"empty",{key:1,defaultMessage:e.unref(s)("empty")},()=>[e.createVNode(Y,null,{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(s)("empty")),1)]),_:1})]):e.withDirectives((e.openBlock(),e.createElementBlock("div",e.mergeProps({key:2},e.unref(p),{class:"onyx-listbox__wrapper"}),[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(y.value,($,g)=>{var A,M;return e.openBlock(),e.createElementBlock("ul",e.mergeProps({key:g,class:"onyx-listbox__group"},e.unref(m)({label:g})),[g!=""?(e.openBlock(),e.createElementBlock("li",Ot,e.toDisplayString(g),1)):e.createCommentVNode("",!0),t.multiple&&t.withCheckAll?(e.openBlock(),e.createBlock(P,e.mergeProps({key:1},e.unref(i)({value:e.unref(c),label:I.value,selected:(A=L.value)==null?void 0:A.state.value.modelValue}),{multiple:"",active:e.unref(c)===r.value,indeterminate:(M=L.value)==null?void 0:M.state.value.indeterminate,class:"onyx-listbox__check-all"}),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(I.value),1)]),_:1},16,["active","indeterminate"])):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList($,C=>(e.openBlock(),e.createBlock(P,e.mergeProps({key:C.id.toString()},e.unref(i)({value:C.id,label:C.label,disabled:C.disabled,selected:C.id===t.modelValue||Array.isArray(t.modelValue)&&t.modelValue.includes(C.id)}),{multiple:t.multiple,active:C.id===r.value}),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(C.label),1)]),_:2},1040,["multiple","active"]))),128))],16)}),128)),(k=t.lazyLoading)!=null&&k.loading?(e.openBlock(),e.createElementBlock("li",Tt,[e.createVNode(v,{class:"onyx-listbox__loading"})])):e.createCommentVNode("",!0),e.unref(a).optionsEnd?(e.openBlock(),e.createElementBlock("li",zt,[e.renderSlot(d.$slots,"optionsEnd")])):e.createCommentVNode("",!0)],16)),[[e.unref(f)]]),t.message?(e.openBlock(),e.createElementBlock("span",It,e.toDisplayString(t.message),1)):e.createCommentVNode("",!0)],8,Nt)}}}),At=["aria-label"],Mt=e.defineComponent({__name:"OnyxNavItem",props:{label:{},href:{},active:{type:Boolean,default:!1},options:{}},emits:["navigate"],setup(l,{emit:o}){const t=l,n=o,a=e.computed(()=>{var r;return((r=t.options)==null?void 0:r.map(c=>({id:c.href,label:c.label})))??[]}),{t:s}=V();return(r,c)=>{var u,p,i;return e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("li",{role:"menuitem",tabindex:"0","aria-label":t.label,class:e.normalizeClass(["onyx-nav-item onyx-text",{"onyx-nav-item--active":t.active||((u=t.options)==null?void 0:u.find(m=>m.active))}]),onClick:c[0]||(c[0]=m=>t.href&&n("navigate",t.href)),onKeydown:c[1]||(c[1]=e.withKeys(m=>t.href&&n("navigate",t.href),["enter"]))},[e.createElementVNode("span",null,e.toDisplayString(t.label),1),e.renderSlot(r.$slots,"default")],42,At),a.value.length>0?(e.openBlock(),e.createBlock(X,{key:0,class:"onyx-nav-item__listbox",label:e.unref(s)("navItemOptionsLabel",{label:t.label}),options:a.value,"model-value":(i=(p=t.options)==null?void 0:p.find(m=>m.active))==null?void 0:i.href,"onUpdate:modelValue":c[2]||(c[2]=m=>m&&n("navigate",m))},null,8,["label","options","model-value"])):e.createCommentVNode("",!0)],64)}}}),qt={key:0,class:"onyx-page__sidebar"},Dt={class:"onyx-page__main"},Pt={key:1,class:"onyx-page__footer"},Ut={key:2,class:"onyx-page__toasts"},Rt=e.defineComponent({__name:"OnyxPageLayout",props:{footerAsideSidebar:{type:Boolean},hideSidebar:{type:Boolean}},setup(l){const o=l,t=e.useSlots(),n=e.computed(()=>{let a="";return!t.footer&&t.sidebar&&(a="onyx-page--side-main"),t.footer&&(!t.sidebar||o.hideSidebar)&&(a="onyx-page--main-footer"),t.footer&&t.sidebar&&(o.footerAsideSidebar?a="onyx-page--side-main-footer-partial":a="onyx-page--side-main-footer-full"),a});return(a,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["onyx-page",n.value])},[e.unref(t).sidebar&&!o.hideSidebar?(e.openBlock(),e.createElementBlock("aside",qt,[e.renderSlot(a.$slots,"sidebar")])):e.createCommentVNode("",!0),e.createElementVNode("main",Dt,[e.renderSlot(a.$slots,"default")]),e.unref(t).footer?(e.openBlock(),e.createElementBlock("footer",Pt,[e.renderSlot(a.$slots,"footer")])):e.createCommentVNode("",!0),e.unref(t).toasts?(e.openBlock(),e.createElementBlock("div",Ut,[e.renderSlot(a.$slots,"toasts")])):e.createCommentVNode("",!0)],2))}}),Zt=["title"],Ht=["required","name","value","checked","disabled"],U=e.defineComponent({__name:"OnyxRadioButton",props:{id:{},label:{},value:{},disabled:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},truncation:{default:"ellipsis"},skeleton:{type:Boolean},density:{},customError:{},name:{},selected:{type:Boolean,default:!1},required:{type:Boolean,default:!1}},emits:["change","validityChange"],setup(l,{emit:o}){const t=l,n=o,{vCustomValidity:a}=w({props:t,emit:n}),{densityClass:s}=x(t);return(r,c)=>t.skeleton?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["onyx-radio-button-skeleton",e.unref(s)])},[e.createVNode(h,{class:"onyx-radio-button-skeleton__input"}),e.createVNode(h,{class:"onyx-radio-button-skeleton__label"})],2)):(e.openBlock(),e.createElementBlock("label",{key:1,class:e.normalizeClass(["onyx-radio-button",e.unref(s)]),title:t.customError},[t.loading?(e.openBlock(),e.createBlock(e.unref(v),{key:0,class:"onyx-radio-button__loading",type:"circle"})):e.withDirectives((e.openBlock(),e.createElementBlock("input",{key:1,class:"onyx-radio-button__selector",type:"radio",required:t.required,name:t.name,value:t.id,checked:t.selected,disabled:t.disabled},null,8,Ht)),[[e.unref(a)]]),e.createElementVNode("span",{class:e.normalizeClass(["onyx-radio-button__label",[`onyx-truncation-${t.truncation}`]])},e.toDisplayString(t.label),3)],10,Zt))}}),Ft=["disabled"],Yt={key:0,class:"onyx-radio-button-group__headline"},jt=e.defineComponent({__name:"OnyxRadioButtonGroup",props:{density:{},required:{type:Boolean,default:!1},requiredMarker:{},customError:{},name:{default:()=>N.createId("radio-button-group-name")},modelValue:{},headline:{default:""},disabled:{type:Boolean,default:!1},direction:{default:"vertical"},options:{},skeleton:{}},emits:["update:modelValue","validityChange"],setup(l,{emit:o}){const t=l,{densityClass:n}=x(t),{requiredMarkerClass:a,requiredTypeClass:s}=S(t),r=o,c=u=>r("update:modelValue",t.options.find(({id:p})=>u.target.value===p));return(u,p)=>(e.openBlock(),e.createElementBlock("fieldset",{class:e.normalizeClass(["onyx-radio-button-group",e.unref(n),e.unref(s)]),disabled:t.disabled,onChange:p[0]||(p[0]=i=>c(i))},[t.headline?(e.openBlock(),e.createElementBlock("legend",Yt,[e.createVNode(T,{is:"h3",class:e.normalizeClass(e.unref(a))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.headline),1)]),_:1},8,["class"])])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["onyx-radio-button-group__content",{"onyx-radio-button-group__content--horizontal":t.direction==="horizontal"}])},[t.skeleton===void 0?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(t.options,(i,m)=>{var y;return e.openBlock(),e.createBlock(U,e.mergeProps({key:i.id.toString()},i,{name:t.name,"custom-error":t.customError,selected:i.id===((y=t.modelValue)==null?void 0:y.id),required:t.required,onValidityChange:f=>m===0&&r("validityChange",f)}),null,16,["name","custom-error","selected","required","onValidityChange"])}),128)):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(t.skeleton,i=>(e.openBlock(),e.createBlock(U,{id:`skeleton-${i}`,key:i,label:"Skeleton ${i}",name:t.name,skeleton:""},null,8,["id","name"]))),128))],2)],42,Ft))}}),Xt='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="m22.29 18.83 1.41 1.41-7.71 7.71-7.71-7.71 1.41-1.41 6.29 6.29 6.29-6.29ZM16 6.87l6.29 6.29 1.41-1.41-7.71-7.71-7.71 7.71 1.41 1.41 6.29-6.29Z"/></svg>',Gt={class:"onyx-truncation-ellipsis"},Kt={class:"onyx-select__wrapper"},Wt=["placeholder","required","disabled","aria-label","title"],Jt={key:0,class:"onyx-select__footer onyx-text--small onyx-truncation-ellipsis"},Qt=e.defineComponent({__name:"OnyxSelect",props:{density:{},required:{type:Boolean},requiredMarker:{},modelValue:{},label:{},hideLabel:{type:Boolean,default:!1},disabled:{type:Boolean},skeleton:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},placeholder:{},multiple:{},message:{}},emits:["update:modelValue"],setup(l){const o=l,{t}=V(),n=e.computed(()=>{var p;if(o.multiple)return typeof o.multiple=="boolean"?"summary":((p=o.multiple)==null?void 0:p.textMode)??"summary"}),a=e.computed(()=>{if(o.modelValue&&n.value==="preview")return o.modelValue.length}),s=e.computed(()=>{if(Array.isArray(o.modelValue)){const p=o.modelValue.length;if(!p)return"";if(p===1)return o.modelValue[0];switch(n.value){case"preview":return o.modelValue.join(", ");case"summary":default:return t.value("selections.currentSelection",{n:p})}}return o.modelValue??""}),{requiredMarkerClass:r,requiredTypeClass:c}=S(o),{densityClass:u}=x(o);return(p,i)=>o.skeleton?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["onyx-select-skeleton",e.unref(u)])},[o.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(h),{key:0,class:"onyx-select-skeleton__label"})),e.createVNode(e.unref(h),{class:"onyx-select-skeleton__input"})],2)):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["onyx-select",e.unref(c),e.unref(u),o.readonly?"onyx-select--readonly":"onyx-select--editable"])},[e.createElementVNode("label",null,[o.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["onyx-select__label","onyx-text--small",e.unref(r)])},[e.createElementVNode("div",Gt,e.toDisplayString(o.label),1)],2)),e.createElementVNode("div",Kt,[o.loading?(e.openBlock(),e.createBlock(v,{key:0,class:"onyx-select__loading",type:"circle"})):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":i[0]||(i[0]=m=>s.value=m),class:"onyx-select__input onyx-truncation-ellipsis",placeholder:o.placeholder,type:"text",role:"presentation",required:o.required,readonly:"",disabled:o.disabled||o.loading,"aria-label":o.hideLabel?o.label:void 0,title:o.hideLabel?o.label:void 0},null,8,Wt),[[e.vModelText,s.value]]),a.value?(e.openBlock(),e.createBlock(e.unref(G),{key:1,text:s.value,position:"bottom"},{default:e.withCtx(()=>[e.createVNode(e.unref(R),{class:"onyx-select__badge",variation:"neutral"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(a.value),1)]),_:1})]),_:1},8,["text"])):e.createCommentVNode("",!0),e.createVNode(e.unref(b),{icon:e.unref(Xt),class:"onyx-select__icon"},null,8,["icon"])])]),o.message?(e.openBlock(),e.createElementBlock("div",Jt,e.toDisplayString(o.message),1)):e.createCommentVNode("",!0)],2))}}),eo=["summary","preview"],to='<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 32 32"><path d="m21.311 10.793-8.293 8.293-3.291-3.292-1.415 1.415 4.706 4.705 9.707-9.707z"/></svg>',oo='<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 32 32"><path d="m22.707 10.707-1.414-1.414L16 14.586l-5.293-5.293-1.414 1.414L14.586 16l-5.293 5.293 1.414 1.414L16 17.414l5.293 5.293 1.414-1.414L17.414 16z"/></svg>',lo={class:"onyx-switch-skeleton__click-area"},no=["title"],ao=["aria-label","disabled","required"],so={class:"onyx-switch__click-area"},ro={class:"onyx-switch__container"},co={class:"onyx-switch__icon"},io=e.createElementVNode("div",{class:"onyx-switch__frame"},null,-1),uo=e.defineComponent({__name:"OnyxSwitch",props:{density:{},required:{type:Boolean},requiredMarker:{},customError:{},modelValue:{type:Boolean,default:!1},label:{},disabled:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},hideLabel:{type:Boolean},truncation:{default:"ellipsis"},skeleton:{type:Boolean,default:!1}},emits:["update:modelValue","validityChange"],setup(l,{emit:o}){const t=l,n=o,{requiredMarkerClass:a,requiredTypeClass:s}=S(t),{densityClass:r}=x(t),{vCustomValidity:c}=w({props:t,emit:n}),u=e.computed({get:()=>t.modelValue,set:p=>{n("update:modelValue",p)}});return(p,i)=>t.skeleton?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["onyx-switch-skeleton",e.unref(r)])},[e.createElementVNode("span",lo,[e.createVNode(h,{class:"onyx-switch-skeleton__input"})]),t.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(h,{key:0,class:"onyx-switch-skeleton__label"}))],2)):(e.openBlock(),e.createElementBlock("label",{key:1,class:e.normalizeClass(["onyx-switch",[e.unref(s),e.unref(r)]]),title:t.hideLabel?t.label:void 0},[e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":i[0]||(i[0]=m=>u.value=m),type:"checkbox",role:"switch",class:e.normalizeClass({"onyx-switch__input":!0,"onyx-switch__loading":t.loading}),"aria-label":t.hideLabel?t.label:void 0,disabled:t.disabled||t.loading,required:t.required},null,10,ao),[[e.vModelCheckbox,u.value],[e.unref(c)]]),e.createElementVNode("span",so,[e.createElementVNode("span",ro,[e.createElementVNode("span",co,[t.loading?(e.openBlock(),e.createBlock(e.unref(v),{key:0,class:"onyx-switch__spinner",type:"circle"})):(e.openBlock(),e.createBlock(e.unref(b),{key:1,icon:u.value?e.unref(to):e.unref(oo),size:"24px"},null,8,["icon"]))]),io])]),t.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(["onyx-switch__label",[`onyx-truncation-${t.truncation}`,t.truncation==="multiline"?e.unref(a):void 0]])},e.toDisplayString(t.label),3)),t.truncation==="ellipsis"?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["onyx-switch__marker",[e.unref(a)]])},null,2)):e.createCommentVNode("",!0)],10,no))}}),po=e.defineComponent({__name:"OnyxTable",props:{density:{},striped:{type:Boolean,default:!1},grid:{type:Boolean,default:!1}},setup(l){const o=l,{densityClass:t}=x(o);return(n,a)=>(e.openBlock(),e.createElementBlock("table",{class:e.normalizeClass(["onyx-table onyx-text",[o.striped?"onyx-table--striped":"",o.grid?"onyx-table--grid":"",e.unref(t)]])},[e.renderSlot(n.$slots,"default")],2))}}),mo={class:"onyx-tooltip-wrapper"},G=e.defineComponent({__name:"OnyxTooltip",props:{text:{},icon:{},color:{default:"neutral"},position:{default:"top"},fitParent:{type:Boolean,default:!1},open:{type:[String,Boolean,Object],default:"hover"}},setup(l){const o=l,{elements:{trigger:t,tooltip:n},state:{isVisible:a}}=N.createTooltip({open:e.computed(()=>o.open)});return(s,r)=>(e.openBlock(),e.createElementBlock("div",mo,[e.createElementVNode("div",e.mergeProps(e.unref(n),{class:["onyx-tooltip onyx-text--small onyx-truncation-multiline",{"onyx-tooltip--danger":o.color==="danger","onyx-tooltip--bottom":o.position==="bottom","onyx-tooltip--fit-parent":o.fitParent,"onyx-tooltip--hidden":!e.unref(a)}]}),[o.icon?(e.openBlock(),e.createBlock(b,{key:0,icon:o.icon,size:"16px"},null,8,["icon"])):e.createCommentVNode("",!0),e.renderSlot(s.$slots,"tooltip",{},()=>[e.createElementVNode("span",null,e.toDisplayString(o.text),1)])],16),e.createElementVNode("div",e.normalizeProps(e.guardReactiveProps(e.unref(t))),[e.renderSlot(s.$slots,"default")],16)]))}}),yo=["top","bottom"],_o={class:"onyx-text onyx-truncation-ellipsis"},fo=e.defineComponent({__name:"OnyxTag",props:{density:{},label:{},color:{default:"primary"},icon:{}},setup(l){const o=l,{densityClass:t}=x(o);return(n,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["onyx-tag",`onyx-tag--${o.color}`,e.unref(t)])},[o.icon?(e.openBlock(),e.createBlock(b,{key:0,icon:o.icon,size:"16px"},null,8,["icon"])):e.createCommentVNode("",!0),e.createElementVNode("span",_o,e.toDisplayString(o.label),1)],2))}}),ko=["primary","secondary","neutral","danger","warning","success","info"],ho=["small","default","large"],xo=["ellipsis","multiline"],vo=["horizontal","vertical"],bo=l=>({install:o=>{Ke(o,l.i18n);const t=o.runWithContext(()=>V());e.watchEffect(()=>go(t.t.value("optional")))}}),go=l=>globalThis.document.body.style.setProperty("--onyx-global-optional-text",l);exports.AUTOCAPITALIZE=gt;exports.AVATAR_TYPES=he;exports.BUTTON_MODES=Ze;exports.BUTTON_TYPES=Ue;exports.BUTTON_VARIATIONS=Re;exports.DENSITIES=be;exports.DIRECTIONS=vo;exports.HEADLINE_TYPES=dt;exports.ICON_SIZES=ut;exports.INPUT_TYPES=bt;exports.LINK_TARGETS=St;exports.MULTISELECT_TEXT_MODE=eo;exports.ONYX_COLORS=ko;exports.OnyxAppLayout=te;exports.OnyxAvatar=ke;exports.OnyxAvatarStack=ve;exports.OnyxBadge=R;exports.OnyxButton=Pe;exports.OnyxCheckboxGroup=st;exports.OnyxEmpty=Y;exports.OnyxHeadline=T;exports.OnyxIcon=b;exports.OnyxIconButton=mt;exports.OnyxInput=vt;exports.OnyxLink=Vt;exports.OnyxListbox=X;exports.OnyxLoadingIndicator=v;exports.OnyxNavItem=Mt;exports.OnyxPageLayout=Rt;exports.OnyxRadioButtonGroup=jt;exports.OnyxSelect=Qt;exports.OnyxSkeleton=h;exports.OnyxSwitch=uo;exports.OnyxTable=po;exports.OnyxTag=fo;exports.OnyxTooltip=G;exports.TEXT_SIZES=ho;exports.TOOLTIP_POSITIONS=yo;exports.TRUNCATION_TYPES=xo;exports.createOnyx=bo;exports.useDensity=x;exports.useScrollEnd=j;
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),N=require("@sit-onyx/headless"),Q={key:0,class:"onyx-app__nav"},ee={class:"onyx-app__page"},te={key:1,class:"onyx-app__page-overlay"},oe={key:2,class:"onyx-app__app-overlay"},le=e.defineComponent({__name:"OnyxAppLayout",props:{navBarAlignment:{default:"top"}},setup(l){const o=l,t=e.useSlots();return(n,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["onyx-app",{"onyx-app--horizontal":o.navBarAlignment==="left"}])},[e.unref(t).navBar?(e.openBlock(),e.createElementBlock("nav",Q,[e.renderSlot(n.$slots,"navBar")])):e.createCommentVNode("",!0),e.createElementVNode("div",ee,[e.renderSlot(n.$slots,"default")]),e.unref(t).pageOverlay?(e.openBlock(),e.createElementBlock("div",te,[e.renderSlot(n.$slots,"pageOverlay")])):e.createCommentVNode("",!0),e.unref(t).appOverlay?(e.openBlock(),e.createElementBlock("div",oe,[e.renderSlot(n.$slots,"appOverlay")])):e.createCommentVNode("",!0)],2))}}),E=(l,o)=>{const t=l.__vccOpts||l;for(const[n,a]of o)t[n]=a;return t},ne={},ae={xmlns:"http://www.w3.org/2000/svg",width:"32",height:"32",viewBox:"0 0 32 32",fill:"none"},se=e.createStaticVNode('<path fill-rule="evenodd" clip-rule="evenodd" d="M7.7126 20.42C8.39245 16.3491 8.24733 15.8529 8.46177 9.86296C8.7362 7.13713 9.95177 5.14965 11.5261 4.75449L12.6326 6.08751L11.7227 4.55053C12.0572 3.67381 13.4612 2.7234 15.7076 2.7234C17.954 2.7234 19.6603 3.23641 20.8263 4.26241C22.1059 5.33732 22.8411 7.20417 23.032 9.86296C23.3184 13.8511 23.032 13.5317 24.3354 20.42C24.3354 20.42 19.1332 21.6824 16 21.6824C12.8668 21.6824 7.7126 20.42 7.7126 20.42Z" fill="var(--onyx-color-base-neutral-500)"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M12.628 18.0426C12.628 18.0426 13.3619 20.7045 12.5176 22.0378C12.5014 22.0634 12.1278 22.5375 11.4375 22.8864C10.7471 23.2353 8.33315 24.2808 8.52103 25.1845C8.81344 26.591 15.4768 29.2356 16.6848 29.2356C17.8233 29.2356 22.4527 26.7865 23.0783 25.9854C23.4763 25.4758 24.2143 24.6766 22.1396 23.6391C20.0648 22.6016 19.4176 22.0114 19.3897 21.976C18.045 20.2703 19.3002 18.0426 19.3002 18.0426H12.628Z" fill="var(--onyx-color-base-neutral-300)"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M13.9575 19.768C13.9494 18.7584 18.9921 18.7234 18.9921 18.7234C18.9921 18.7234 18.3146 20.5494 19.3838 22.0027C18.4711 22.3044 14.4774 21.7919 13.9575 19.768Z" fill="var(--onyx-color-base-neutral-400)"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M20.9414 14.8039C20.2743 18.2173 17.7139 20.766 15.6596 20.766C13.6175 20.766 11.0754 18.2476 10.3899 14.865C10.3523 14.8262 10.307 14.7865 10.2589 14.7464L10.0875 14.605C9.97654 14.5108 9.88285 14.4178 9.8706 14.3329L9.85734 14.2325L9.82285 13.9274L9.79334 13.6313L9.76388 13.3006L9.74567 13.071L9.72958 12.8413L9.71646 12.6176C9.71268 12.5447 9.70953 12.4738 9.70716 12.406L9.7025 12.2126C9.7008 12.0607 9.70482 11.9343 9.71676 11.8491L9.72489 11.803C9.75301 11.5268 9.97889 11.4131 10.1782 11.3435L10.3683 11.2815C10.9504 7.9323 13.0986 5.44681 15.6596 5.44681C18.2251 5.44681 20.3764 7.94119 20.9539 11.2995L21.089 11.3435C21.2883 11.4131 21.5142 11.5268 21.5423 11.803L21.5505 11.8491C21.5624 11.9343 21.5664 12.0607 21.5647 12.2126L21.5601 12.406C21.5577 12.4738 21.5545 12.5447 21.5508 12.6176L21.5376 12.8413L21.5215 13.071L21.5033 13.3006L21.4739 13.6313L21.4444 13.9274L21.4099 14.2325L21.3966 14.3329C21.3844 14.4178 21.2907 14.5108 21.1797 14.605L21.0083 14.7464C20.9852 14.7657 20.9627 14.7849 20.9414 14.8039Z" fill="var(--onyx-color-base-neutral-200)"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M12.5957 6.25197C12.5957 6.25197 13.9429 8.11309 16.7332 8.53734C19.5235 8.9616 21.0872 11.9693 21.0872 11.9693V7.46426L18.2795 4.08511L14.1364 4.2428L12.5957 6.25197Z" fill="var(--onyx-color-base-neutral-500)"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M11.059 8.85106C11.059 8.85106 10.5079 10.3222 10.6058 12.0604L10.2128 10.8208L11.059 8.85106Z" fill="var(--onyx-color-base-neutral-500)"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M28.1789 32C28.2082 31.666 28.1072 30.6622 27.8758 28.9886C27.6445 27.3149 26.9978 26.1602 25.9357 25.5243C23.9262 24.4478 22.1369 23.5473 20.6204 22.8085C19.745 24.3665 18.5913 25.4162 16.023 25.4162C13.6459 25.4162 12.4215 24.3665 11.5461 22.8085C9.99887 23.5571 8.0305 24.4299 5.99283 25.5243C4.93072 26.1602 4.284 27.3149 4.05266 28.9886C3.82133 30.6622 3.72031 31.666 3.74963 32H15.928H28.1789Z" fill="var(--onyx-color-base-secondary-200)"></path>',7),re=[se];function ce(l,o){return e.openBlock(),e.createElementBlock("svg",ae,re)}const ie=E(ne,[["render",ce]]),de={},ue={xmlns:"http://www.w3.org/2000/svg",width:"32",height:"32",viewBox:"0 0 32 32",fill:"none"},pe=e.createStaticVNode('<path fill-rule="evenodd" clip-rule="evenodd" d="M11.5685 21.4572C11.253 21.932 10.4345 22.4507 9.84162 22.7471C9.2487 23.0435 2.82416 26.5767 2.82416 26.5767C2.82416 26.5767 0.794243 27.7947 0.720107 30.2787C0.709887 30.6212 0.698905 30.9176 0.694107 31.1679C0.680851 31.8594 0.680851 32.0141 0.680851 32.0141H31.3895L31.2442 29.6918C31.2442 29.6918 30.889 27.3934 28.6023 26.2913C26.3155 25.1893 20.2345 21.4572 20.2345 21.4572C20.2345 21.4572 17.4118 24.1593 15.8793 24.1593C14.3469 24.1593 11.7052 21.2515 11.5685 21.4572Z" fill="var(--onyx-color-base-secondary-200)"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M11.7258 17.3617C11.7258 17.3617 11.8979 20.8822 11.5824 21.357C11.4207 21.6003 13.7304 24.2858 15.9996 24.2858C18.2688 24.2858 20.5321 21.509 20.4208 21.1794C20.0737 20.1519 20.4208 17.3617 20.4208 17.3617H11.7258Z" fill="var(--onyx-color-base-neutral-300)"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M11.4188 21.1064L16 24.2497C16 24.2497 13.6169 25.2229 13.2467 26.7158C12.0077 24.6532 10.5532 22.2414 10.5532 22.2414L11.4188 21.1064Z" fill="var(--onyx-color-base-secondary-400)"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M20.5812 21.1064L16 24.2497C16 24.2497 18.3831 25.2229 18.7533 26.7158C19.9923 24.6532 21.4468 22.2414 21.4468 22.2414L20.5812 21.1064Z" fill="var(--onyx-color-base-secondary-400)"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M13.617 19.5099C13.6062 18.4404 20.467 17.2507 20.467 17.2507C20.467 17.2507 20.0286 19.5803 20.3919 21.2122C18.498 21.9839 14.5215 21.3903 13.617 19.5099Z" fill="var(--onyx-color-base-neutral-400)"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M21.3173 14.1806C21.1508 17.8679 17.8368 20.4255 15.6596 20.4255C13.4815 20.4255 10.4503 17.866 10.335 14.1765L10.1886 14.095C9.99952 13.9865 9.83987 13.8794 9.81899 13.7816L9.79638 13.666L9.73762 13.3146L9.68735 12.9736L9.63714 12.5927L9.60611 12.3283L9.5787 12.0638L9.55634 11.8061C9.54989 11.7222 9.54453 11.6406 9.54048 11.5624L9.53255 11.3397C9.52965 11.1648 9.5365 11.0192 9.55685 10.9211L9.5707 10.868C9.61862 10.5499 10.0035 10.4189 10.3432 10.3388L10.4302 10.3196C10.6165 7.46731 11.5182 5.44681 15.8298 5.44681C19.6102 5.44681 20.7949 7.45826 21.1424 10.3005L21.3164 10.3388C21.6561 10.4189 22.041 10.5499 22.0889 10.868L22.1027 10.9211C22.1231 11.0192 22.1299 11.1648 22.127 11.3397L22.1191 11.5624C22.115 11.6406 22.1097 11.7222 22.1032 11.8061L22.0809 12.0638L22.0535 12.3283L22.0224 12.5927L21.9722 12.9736L21.922 13.3146L21.8632 13.666L21.8406 13.7816C21.8197 13.8794 21.6601 13.9865 21.4709 14.095L21.3173 14.1806Z" fill="var(--onyx-color-base-neutral-200)"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M12.8836 6.22839C12.8836 6.22839 13.9368 8.00428 16.567 8.29001C19.1972 8.57574 20.5175 9.54588 20.6116 10.2494C20.7057 10.953 20.6116 12.5455 20.6116 12.5455C20.6116 12.5455 20.9477 10.5164 22.0392 10.5164C22.3522 8.09554 22.9941 7.61997 21.5209 5.51226C20.0478 3.40455 18.183 2.93846 18.183 2.93846C18.183 2.93846 16.7046 2.51203 14.6606 2.93115C13.342 3.20152 12.4818 3.72093 11.9846 4.57426C11.968 4.60282 12.7155 5.90621 12.7155 5.90621C12.7155 5.90621 11.8139 4.73575 11.7958 4.74343C10.3162 5.37011 9.59178 6.47205 9.547 8.08375C9.47899 10.5309 9.71761 10.4337 9.71761 10.4337C9.71761 10.4337 10.883 10.5156 11.0334 12.5455C11.0334 12.5455 10.5443 9.12183 11.5289 8.28377C12.5135 7.44571 12.8836 6.22839 12.8836 6.22839Z" fill="var(--onyx-color-base-neutral-500)"></path>',7),me=[pe];function ye(l,o){return e.openBlock(),e.createElementBlock("svg",ue,me)}const _e=E(de,[["render",ye]]),fe=["title"],ke=["src","alt"],he={key:2,class:"onyx-avatar__initials"},xe=e.defineComponent({__name:"OnyxAvatar",props:{size:{default:"48px"},label:{},src:{},type:{default:"initials"}},setup(l){const o=l,t=e.useSlots(),n=e.computed(()=>{const s=o.label.split(" ");return(s.length>1?`${s[0].charAt(0)}${s[1].charAt(0)}`:s[0].substring(0,2)).toUpperCase()}),a=e.ref(!1);return e.watch(()=>o.src,()=>a.value=!1),(s,r)=>(e.openBlock(),e.createElementBlock("figure",{class:e.normalizeClass(["onyx-avatar",[`onyx-avatar--${o.size}`,e.unref(t).default?"onyx-avatar--custom":""]]),title:o.label},[o.src&&!a.value?(e.openBlock(),e.createElementBlock("img",{key:0,class:"onyx-avatar__svg",src:o.src,alt:o.label,onError:r[0]||(r[0]=u=>a.value=!0)},null,40,ke)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[o.type==="female"?(e.openBlock(),e.createBlock(ie,{key:0,class:"onyx-avatar__svg"})):o.type==="male"?(e.openBlock(),e.createBlock(_e,{key:1,class:"onyx-avatar__svg"})):(e.openBlock(),e.createElementBlock("div",he,[e.renderSlot(s.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(n.value),1)])]))],64))],10,fe))}}),ve=["initials","female","male"],be={class:"onyx-avatar-stack"},ge=e.defineComponent({__name:"OnyxAvatarStack",setup(l){return(o,t)=>(e.openBlock(),e.createElementBlock("div",be,[e.renderSlot(o.$slots,"default")]))}}),Ce=["compact","default","cozy"],x=l=>({densityClass:e.computed(()=>({[`onyx-density-${l.density}`]:l.density}))}),Be=["innerHTML"],v=e.defineComponent({__name:"OnyxIcon",props:{size:{default:"24px"},icon:{},color:{default:"currentColor"}},setup(l){const o=l;return(t,n)=>(e.openBlock(),e.createElementBlock("figure",{class:e.normalizeClass(["onyx-icon",[o.size!=="24px"?`onyx-icon--${o.size}`:"",o.color!=="currentColor"?`onyx-icon--${o.color}`:""]]),"aria-hidden":"true",innerHTML:o.icon},null,10,Be))}}),Ee={},Ve={class:"onyx-circle-spinner",viewBox:"0 0 50 50"},Se=e.createElementVNode("circle",{class:"onyx-circle-spinner__circle",cx:"50%",cy:"50%",r:"45%"},null,-1),Le=[Se];function $e(l,o){return e.openBlock(),e.createElementBlock("svg",Ve,Le)}const Ne=E(Ee,[["render",$e]]),we={},Oe={class:"onyx-loading-dots"},Te=e.createElementVNode("span",{class:"onyx-loading-dots__center"},null,-1),Ie=[Te];function ze(l,o){return e.openBlock(),e.createElementBlock("div",Oe,Ie)}const Ae=E(we,[["render",ze]]),b=e.defineComponent({__name:"OnyxLoadingIndicator",props:{type:{default:"dots"}},setup(l){const o=l;return(t,n)=>o.type==="circle"?(e.openBlock(),e.createBlock(Ne,{key:0})):o.type==="dots"?(e.openBlock(),e.createBlock(Ae,{key:1})):e.createCommentVNode("",!0)}}),Me={},qe={"aria-hidden":"true",class:"onyx-skeleton"};function De(l,o){return e.openBlock(),e.createElementBlock("figure",qe)}const h=E(Me,[["render",De]]),Pe=["disabled","type","aria-label"],Ue={key:2,class:"onyx-button__label onyx-truncation-ellipsis"},Re=e.defineComponent({__name:"OnyxButton",props:{density:{},label:{},disabled:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},type:{default:"button"},variation:{default:"primary"},mode:{default:"default"},icon:{},skeleton:{type:Boolean,default:!1}},emits:["click"],setup(l,{emit:o}){const t=l,{densityClass:n}=x(t),a=o;return(s,r)=>t.skeleton?(e.openBlock(),e.createBlock(h,{key:0,class:e.normalizeClass(["onyx-button-skeleton",e.unref(n)])},null,8,["class"])):(e.openBlock(),e.createElementBlock("button",{key:1,class:e.normalizeClass(["onyx-button",`onyx-button--${t.variation}`,`onyx-button--${t.mode}`,{"onyx-button--loading":t.loading},e.unref(n)]),disabled:t.disabled||t.loading,type:t.type,"aria-label":t.loading?t.label:void 0,onClick:r[0]||(r[0]=u=>a("click"))},[t.icon&&!t.loading?(e.openBlock(),e.createBlock(v,{key:0,icon:t.icon},null,8,["icon"])):e.createCommentVNode("",!0),t.loading?(e.openBlock(),e.createBlock(b,{key:1,class:"onyx-button__loading"})):(e.openBlock(),e.createElementBlock("span",Ue,e.toDisplayString(t.label),1))],10,Pe))}}),Ze=["button","submit","reset"],He=["primary","secondary","danger"],Fe=["default","outline","plain"],R=e.defineComponent({__name:"OnyxBadge",props:{density:{},variation:{default:"primary"},icon:{},dot:{type:Boolean,default:!1}},setup(l){const o=l,{densityClass:t}=x(o);return(n,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["onyx-badge",["onyx-truncation-ellipsis","onyx-text",`onyx-badge--${o.variation}`,o.dot?"onyx-badge--dot":"",e.unref(t)]])},[o.dot?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[o.icon?(e.openBlock(),e.createBlock(v,{key:0,class:"onyx-badge__icon",icon:o.icon,size:o.density==="cozy"?"24px":"16px"},null,8,["icon","size"])):e.renderSlot(n.$slots,"default",{key:1})],64))],2))}}),Ye=(l,o)=>e.computed(()=>{const t=o.value.filter(a=>l.value.includes(a)),n=t.length===l.value.length;return{modelValue:n,indeterminate:!n&&l.value.length&&t.length?!0:void 0}}),Z=(l,o,t)=>({state:Ye(l,o),handleChange:n=>{const a=n?l.value:[];t(a)}}),je="(optional)",Xe={tooShort:"Please lengthen this text to {minLength} characters or more (you are currently using 1 character) | Please lengthen this text to {minLength} characters or more (you are currently using {n} characters)",tooLong:"Please shorten this text to {maxLength} characters or less (you are currently using 1 character) | Please shorten this text to {maxLength} characters or less (you are currently using {n} characters)",rangeUnderflow:"Value must be greater than or equal to {min}",rangeOverflow:"Value must be less than or equal to {max}",patternMismatch:"Please match the format requested.",valueMissing:"Please fill in this field.",stepMismatch:"Please enter a value that is a multiple of {step}.",badInput:'"{value}" does not match the expected type.',typeMismatch:{generic:'"{value}" does not match the expected type.',email:'"{value}" must be a valid email address.',number:'"{value}" must be a number.',tel:'"{value}" must be a valid phone number.',url:'"{value}" must a valid URL.'}},Ge={selectAll:"Select all",currentSelection:"{n} selected"},Ke="No data available",We="Subpages of {label}",q={optional:je,validations:Xe,selections:Ge,empty:Ke,navItemOptionsLabel:We},H=Symbol(),F=l=>{const o=e.computed(()=>e.unref(l==null?void 0:l.locale)??"en-US"),t=e.computed(()=>l!=null&&l.messages&&o.value in l.messages?l.messages[o.value]:q),n=e.computed(()=>(a,s={})=>{let r=D(a,t.value)??D(a,q)??"";const u=typeof s.n=="number"?s.n:void 0;return r=Qe(r,u),et(r,s)});return{locale:o,t:n}},Je=(l,o)=>l.provide(H,F(o)),V=()=>e.inject(H,()=>F(),!0),D=(l,o)=>{const t=l.split(".").reduce((n,a)=>!n||typeof n=="string"?n:n[a],o);return t&&typeof t=="string"?t:void 0},Qe=(l,o)=>{const t=l.split(" | ").map(a=>a.trim());if(t.length<=1)return l;let n=1;return o===0&&(n=0),o&&(o<=0||o>1)&&(n=2),t.length===2?n===1?t[0]:t[1]:t[n]},et=(l,o)=>o?Object.entries(o).reduce((n,[a,s])=>s===void 0?n:n.replace(new RegExp(`{${a}}`,"gi"),s.toString()),l).replace(/\s?{.*}\s?/gi,""):l,S=l=>({requiredTypeClass:e.computed(()=>({[`onyx-use-${l.requiredMarker}`]:l.requiredMarker})),requiredMarkerClass:e.computed(()=>({"onyx-required-marker":l.required,"onyx-optional-marker":!l.required}))}),tt=()=>Object.entries(Object.getOwnPropertyDescriptors(ValidityState.prototype)).filter(([l,o])=>o.enumerable).map(([l])=>l),ot=l=>tt().reduce((o,t)=>(o[t]=l[t],o),{}),lt=(l,o)=>{const t=Object.entries(l).filter(([a,s])=>s!==void 0),n=Object.entries(o).filter(([a,s])=>s!==void 0);return t.length!==n.length?!1:t.every(([a,s])=>s===o[a])},w=l=>{const o=e.ref(),t=e.ref(!1);return e.watch(()=>l.props.modelValue,()=>t.value=!0,{once:!0}),{vCustomValidity:{mounted:a=>{e.watchEffect(()=>a.setCustomValidity(l.props.customError??"")),e.watch([()=>l.props.customError,()=>l.props.modelValue,t],()=>{const s=ot(a.validity);!t.value||!o.value&&s.valid||o.value&<(s,o.value)||(o.value=s,l.emit("validityChange",o.value))},{immediate:!0})}}}},nt={class:"onyx-checkbox__container"},at=["aria-label","title","indeterminate","disabled","required"],O=e.defineComponent({__name:"OnyxCheckbox",props:{density:{},required:{type:Boolean,default:!1},requiredMarker:{},customError:{},modelValue:{type:Boolean,default:!1},label:{},indeterminate:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},hideLabel:{type:Boolean},truncation:{default:"ellipsis"},skeleton:{type:Boolean,default:!1}},emits:["update:modelValue","validityChange"],setup(l,{emit:o}){const t=l,n=o,a=e.computed({get:()=>t.modelValue,set:m=>n("update:modelValue",m)}),{requiredMarkerClass:s,requiredTypeClass:r}=S(t),{densityClass:u}=x(t),{vCustomValidity:d}=w({props:t,emit:n});return(m,c)=>t.skeleton?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["onyx-checkbox-skeleton",e.unref(u)])},[e.createVNode(h,{class:"onyx-checkbox-skeleton__input"}),t.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(h,{key:0,class:"onyx-checkbox-skeleton__label"}))],2)):(e.openBlock(),e.createElementBlock("label",{key:1,class:e.normalizeClass(["onyx-checkbox",[e.unref(r),e.unref(u)]])},[e.createElementVNode("div",nt,[t.loading?(e.openBlock(),e.createBlock(e.unref(b),{key:0,class:"onyx-checkbox__loading",type:"circle"})):e.withDirectives((e.openBlock(),e.createElementBlock("input",{key:1,"onUpdate:modelValue":c[0]||(c[0]=y=>a.value=y),"aria-label":t.hideLabel?t.label:void 0,title:t.hideLabel?t.label:void 0,class:"onyx-checkbox__input",type:"checkbox",indeterminate:t.indeterminate,disabled:t.disabled,required:t.required},null,8,at)),[[e.vModelCheckbox,a.value],[e.unref(d)]])]),t.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createElementVNode("p",{class:e.normalizeClass(["onyx-checkbox__label",[`onyx-truncation-${t.truncation}`,t.truncation==="multiline"?e.unref(s):void 0]])},e.toDisplayString(t.label),3),t.truncation==="ellipsis"?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["onyx-checkbox__marker",[e.unref(s)]])},null,2)):e.createCommentVNode("",!0)],64))],2))}}),st=["disabled"],rt={key:0,class:"onyx-checkbox-group__label"},ct=e.defineComponent({__name:"OnyxCheckboxGroup",props:{density:{},options:{},modelValue:{default:()=>[]},headline:{},direction:{default:"vertical"},withCheckAll:{type:[Boolean,Object],default:!1},disabled:{type:Boolean,default:!1},skeleton:{}},emits:["update:modelValue"],setup(l,{emit:o}){const t=l,{densityClass:n}=x(t),a=o,{t:s}=V(),r=(c,y)=>{const p=y?[...t.modelValue,c]:t.modelValue.filter(f=>f!==c);a("update:modelValue",p)},u=e.computed(()=>t.options.filter(c=>!c.disabled&&!c.skeleton).map(({id:c})=>c)),d=Z(u,e.computed(()=>t.modelValue),c=>a("update:modelValue",c)),m=e.computed(()=>{var y;const c=s.value("selections.selectAll");return typeof t.withCheckAll=="boolean"?c:((y=t.withCheckAll)==null?void 0:y.label)??c});return(c,y)=>(e.openBlock(),e.createElementBlock("fieldset",{class:e.normalizeClass(["onyx-checkbox-group",e.unref(n)]),disabled:t.disabled},[t.headline?(e.openBlock(),e.createElementBlock("legend",rt,[e.createVNode(e.unref(T),{is:"h3"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.headline),1)]),_:1})])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["onyx-checkbox-group__content",{"onyx-checkbox-group__content--horizontal":t.direction==="horizontal"}])},[t.skeleton===void 0?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[t.withCheckAll?(e.openBlock(),e.createBlock(O,e.mergeProps({key:0},e.unref(d).state.value,{label:m.value,"onUpdate:modelValue":e.unref(d).handleChange}),null,16,["label","onUpdate:modelValue"])):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.options,p=>(e.openBlock(),e.createBlock(O,e.mergeProps({key:p.id.toString()},p,{"model-value":t.modelValue.includes(p.id),"onUpdate:modelValue":f=>r(p.id,f)}),null,16,["model-value","onUpdate:modelValue"]))),128))],64)):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(t.skeleton,p=>(e.openBlock(),e.createBlock(O,{key:p,label:`Skeleton ${p}`,skeleton:""},null,8,["label"]))),128))],2)],10,st))}}),it='<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 32 32"><path d="M25.899 6.1C23.166 3.367 19.583 2 16 2S8.834 3.367 6.101 6.1c-5.467 5.467-5.467 14.332 0 19.799C8.834 28.633 12.417 30 16 30s7.166-1.367 9.899-4.101c5.468-5.467 5.468-14.331 0-19.799m-1.414 18.385C22.219 26.752 19.205 28 16 28s-6.219-1.248-8.485-3.515C5.248 22.219 4 19.205 4 16s1.248-6.219 3.515-8.485C9.781 5.248 12.795 4 16 4s6.219 1.248 8.485 3.515S28 12.795 28 16s-1.248 6.219-3.515 8.485"/><path d="M20.814 9.771 16 14.586l-4.814-4.815-1.415 1.414L14.586 16l-4.815 4.814 1.415 1.415L16 17.414l4.814 4.815 1.415-1.415L17.414 16l4.815-4.815z"/></svg>',dt={class:"onyx-empty"},ut={class:"onyx-empty__label onyx-text onyx-truncation-multiline"},Y=e.defineComponent({__name:"OnyxEmpty",setup(l){return(o,t)=>(e.openBlock(),e.createElementBlock("div",dt,[e.renderSlot(o.$slots,"icon",{},()=>[e.createVNode(v,{icon:e.unref(it),size:"48px"},null,8,["icon"])]),e.createElementVNode("div",ut,[e.renderSlot(o.$slots,"default")])]))}}),T=e.defineComponent({__name:"OnyxHeadline",props:{is:{},monospace:{type:Boolean,default:!1}},setup(l){const o=l;return(t,n)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.is),{class:e.normalizeClass(["onyx-headline",`onyx-headline--${o.is}`,o.monospace?"onyx-headline--monospace":""])},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},8,["class"]))}}),pt=["h1","h2","h3","h4","h5","h6"],mt=["12px","16px","24px","32px","48px","64px","96px"],yt=["aria-label","title","disabled"],_t=e.defineComponent({__name:"OnyxIconButton",props:{density:{},label:{},disabled:{type:Boolean,default:!1},type:{default:"button"},variation:{default:"primary"},loading:{type:Boolean},icon:{},skeleton:{type:Boolean,default:!1}},emits:["click"],setup(l,{emit:o}){const t=l,{densityClass:n}=x(t),a=o;return(s,r)=>t.skeleton?(e.openBlock(),e.createBlock(h,{key:0,class:e.normalizeClass(["onyx-icon-button-skeleton",e.unref(n)])},null,8,["class"])):(e.openBlock(),e.createElementBlock("button",{key:1,class:e.normalizeClass(["onyx-icon-button",[`onyx-icon-button--${t.variation}`,{"onyx-icon-button--loading":t.loading},e.unref(n)]]),"aria-label":t.label,title:t.label,disabled:t.disabled||t.loading,onClick:r[0]||(r[0]=u=>a("click"))},[t.loading?(e.openBlock(),e.createBlock(b,{key:0,type:"circle"})):t.icon?(e.openBlock(),e.createBlock(v,{key:1,icon:t.icon},null,8,["icon"])):e.renderSlot(s.$slots,"default",{key:2})],10,yt))}}),ft={class:"onyx-truncation-ellipsis"},kt={class:"onyx-input__wrapper"},ht=["placeholder","type","required","autocapitalize","autocomplete","autofocus","name","pattern","readonly","disabled","minlength","maxlength","aria-label","title"],xt={key:0,class:"onyx-input__footer onyx-text--small"},vt={key:0,class:"onyx-truncation-ellipsis"},bt={key:1,class:"onyx-input__counter"},gt=e.defineComponent({__name:"OnyxInput",props:{density:{},required:{type:Boolean,default:!1},requiredMarker:{},customError:{},label:{},modelValue:{default:""},type:{default:"text"},placeholder:{},autocapitalize:{default:"sentences"},autocomplete:{},autofocus:{type:Boolean},name:{},pattern:{},readonly:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},maxlength:{},minlength:{},withCounter:{type:Boolean},message:{},hideLabel:{type:Boolean},skeleton:{type:Boolean,default:!1}},emits:["update:modelValue","change","focus","blur","validityChange"],setup(l,{emit:o}){const t=l,n=o,{vCustomValidity:a}=w({props:t,emit:n}),{requiredMarkerClass:s,requiredTypeClass:r}=S(t),{densityClass:u}=x(t),d=e.computed({get:()=>t.modelValue,set:p=>n("update:modelValue",p)}),m=p=>{const f=p.target.value;n("change",f)},c=e.computed(()=>t.pattern instanceof RegExp?t.pattern.source:t.pattern),y=e.computed(()=>t.withCounter&&t.maxlength);return(p,f)=>t.skeleton?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["onyx-input-skeleton",e.unref(u)])},[t.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(h,{key:0,class:"onyx-input-skeleton__label"})),e.createVNode(h,{class:"onyx-input-skeleton__input"})],2)):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["onyx-input",e.unref(r),e.unref(u)])},[e.createElementVNode("label",null,[t.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["onyx-input__label","onyx-text--small",e.unref(s)])},[e.createElementVNode("div",ft,e.toDisplayString(t.label),1)],2)),e.createElementVNode("div",kt,[t.loading?(e.openBlock(),e.createBlock(b,{key:0,class:"onyx-input__loading",type:"circle"})):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":f[0]||(f[0]=B=>d.value=B),class:"onyx-input__native",placeholder:t.placeholder,type:t.type,required:t.required,autocapitalize:t.autocapitalize,autocomplete:t.autocomplete,autofocus:t.autofocus,name:t.name,pattern:c.value,readonly:t.readonly,disabled:t.disabled||t.loading,minlength:t.minlength,maxlength:t.maxlength,"aria-label":t.hideLabel?t.label:void 0,title:t.hideLabel?t.label:void 0,onChange:m,onFocus:f[1]||(f[1]=B=>n("focus")),onBlur:f[2]||(f[2]=B=>n("blur"))},null,40,ht),[[e.vModelDynamic,d.value],[e.unref(a)]])])]),t.message||y.value?(e.openBlock(),e.createElementBlock("div",xt,[t.message?(e.openBlock(),e.createElementBlock("span",vt,e.toDisplayString(t.message),1)):e.createCommentVNode("",!0),y.value?(e.openBlock(),e.createElementBlock("span",bt,e.toDisplayString(d.value.length)+"/"+e.toDisplayString(t.maxlength),1)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)],2))}}),Ct=["email","password","search","tel","text","url"],Bt=["none","sentences","words","characters"],j='<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 32 32"><path d="M12.2 10.55v2h5.836l-8.193 8.193 1.414 1.414 8.193-8.193V19.8h2v-9.25z"/></svg>',X=l=>/^http(s?):\/\//.test(l),Et=["href","target","rel"],Vt=e.defineComponent({__name:"OnyxLink",props:{href:{},target:{default:"_self"},withExternalIcon:{type:[Boolean,String],default:"auto"}},emits:["click"],setup(l,{emit:o}){const t=l,n=o,a=e.computed(()=>t.withExternalIcon!=="auto"?t.withExternalIcon:X(t.href));return(s,r)=>(e.openBlock(),e.createElementBlock("a",{class:"onyx-link",href:t.href,target:t.target,rel:t.target==="_blank"?"noreferrer":void 0,onClick:r[0]||(r[0]=u=>n("click"))},[e.renderSlot(s.$slots,"default"),a.value?(e.openBlock(),e.createBlock(v,{key:0,class:"onyx-link__icon",icon:e.unref(j),size:"16px"},null,8,["icon"])):e.createCommentVNode("",!0)],8,Et))}}),St=["_self","_blank","_parent","_top"],G=l=>{const t=e.ref(!1),n=s=>{const r=s.target;if(!(r instanceof Element))return;const u=e.unref(l.offset)??0;t.value=Math.abs(r.scrollTop)+r.clientHeight>=r.scrollHeight-u-1};return{vScrollEnd:{mounted:s=>{e.watchEffect(()=>{var u;(((u=l.enabled)==null?void 0:u.value)??!0)&&!l.loading.value?s.addEventListener("scroll",n):s.removeEventListener("scroll",n)})}},isScrollEnd:t}},Lt=["checked","aria-labelledby","disabled","indeterminate"],$t={class:"onyx-truncation-ellipsis"},P=e.defineComponent({__name:"OnyxListboxOption",props:{active:{type:Boolean},multiple:{type:Boolean},indeterminate:{type:Boolean}},setup(l){const o=l;return(t,n)=>(e.openBlock(),e.createElementBlock("li",{class:e.normalizeClass(["onyx-listbox-option",{"onyx-listbox-option--active":o.active}])},[o.multiple?(e.openBlock(),e.createElementBlock("input",{key:0,checked:!!t.$attrs["aria-checked"],"aria-labelledby":t.$attrs.id,disabled:!!t.$attrs["aria-disabled"],indeterminate:o.indeterminate,"aria-hidden":"true",tabindex:"-1",class:"onyx-listbox-option__checkbox",type:"checkbox"},null,8,Lt)):e.createCommentVNode("",!0),e.createElementVNode("span",$t,[e.renderSlot(t.$slots,"default")])],2))}}),Nt=["aria-busy"],wt={key:0,class:"onyx-listbox__slot onyx-listbox__slot--loading"},Ot={key:0,role:"presentation",class:"onyx-listbox__group-name onyx-text--small"},Tt={key:0,class:"onyx-listbox__slot"},It={key:1,class:"onyx-listbox__slot"},zt={key:3,class:"onyx-listbox__message onyx-text--small"},K=e.defineComponent({__name:"OnyxListbox",props:{label:{},options:{},message:{},modelValue:{},multiple:{},withCheckAll:{},loading:{type:Boolean,default:!1},lazyLoading:{}},emits:["update:modelValue","lazyLoad"],setup(l,{emit:o}){const t=l,n=o,a=e.useSlots(),{t:s}=V(),r=e.ref();e.watch(()=>t.modelValue,i=>{t.multiple||(r.value=i)});const u=N.createId("ONYX_CHECK_ALL"),d=e.computed(()=>(t.withCheckAll?[u]:[]).concat(I.value)),{elements:{listbox:m,option:c,group:y}}=N.createListbox({label:e.computed(()=>t.label),multiple:e.computed(()=>!!t.multiple),selectedOption:e.computed(()=>t.modelValue),activeOption:r,onSelect:i=>{var $;if(i===u){($=L.value)==null||$.handleChange(!L.value.state.value.modelValue);return}if(!t.multiple){const g=i===t.modelValue?void 0:i;n("update:modelValue",g);return}const _=Array.isArray(t.modelValue)?t.modelValue:[],k=_.includes(i)?_.filter(g=>g!==i):[..._,i];n("update:modelValue",k)},onActivateFirst:()=>r.value=d.value.at(0),onActivateLast:()=>r.value=d.value.at(-1),onActivateNext:i=>{const _=d.value.findIndex(k=>k===i);_<d.value.length-1&&(r.value=d.value[_+1])},onActivatePrevious:i=>{const _=d.value.findIndex(k=>k===i);_>0&&(r.value=d.value[_-1])},onTypeAhead:i=>{const _=t.options.find(k=>k.label.toLowerCase().trim().startsWith(i.toLowerCase()));_&&(r.value=_.id)}}),p=e.computed(()=>t.options.reduce((i,_)=>{const k=_.group??"";return i[k]=i[k]||[],i[k].push(_),i},{})),{vScrollEnd:f,isScrollEnd:B}=G({enabled:e.computed(()=>{var i;return((i=t.lazyLoading)==null?void 0:i.enabled)??!1}),loading:e.computed(()=>t.loading),offset:e.computed(()=>{var i;return(i=t.lazyLoading)==null?void 0:i.scrollOffset})}),J=e.computed(()=>t.options.length===0),I=e.computed(()=>t.options.filter(i=>!i.disabled).map(({id:i})=>i)),L=e.computed(()=>{if(!(!t.multiple||!t.withCheckAll))return Z(I,e.computed(()=>t.modelValue||[]),i=>n("update:modelValue",i))}),z=e.computed(()=>{var _;const i=s.value("selections.selectAll");return typeof t.withCheckAll=="boolean"?i:((_=t.withCheckAll)==null?void 0:_.label)??i});return e.watchEffect(()=>{B.value&&n("lazyLoad")}),(i,_)=>{var k;return e.openBlock(),e.createElementBlock("div",{class:"onyx-listbox","aria-busy":t.loading},[t.loading?(e.openBlock(),e.createElementBlock("div",wt,[e.createVNode(b,{class:"onyx-listbox__loading"})])):J.value?e.renderSlot(i.$slots,"empty",{key:1,defaultMessage:e.unref(s)("empty")},()=>[e.createVNode(Y,null,{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(s)("empty")),1)]),_:1})]):e.withDirectives((e.openBlock(),e.createElementBlock("div",e.mergeProps({key:2},e.unref(m),{class:"onyx-listbox__wrapper"}),[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(p.value,($,g)=>{var A,M;return e.openBlock(),e.createElementBlock("ul",e.mergeProps({key:g,class:"onyx-listbox__group"},e.unref(y)({label:g})),[g!=""?(e.openBlock(),e.createElementBlock("li",Ot,e.toDisplayString(g),1)):e.createCommentVNode("",!0),t.multiple&&t.withCheckAll?(e.openBlock(),e.createBlock(P,e.mergeProps({key:1},e.unref(c)({value:e.unref(u),label:z.value,selected:(A=L.value)==null?void 0:A.state.value.modelValue}),{multiple:"",active:e.unref(u)===r.value,indeterminate:(M=L.value)==null?void 0:M.state.value.indeterminate,class:"onyx-listbox__check-all"}),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(z.value),1)]),_:1},16,["active","indeterminate"])):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList($,C=>(e.openBlock(),e.createBlock(P,e.mergeProps({key:C.id.toString()},e.unref(c)({value:C.id,label:C.label,disabled:C.disabled,selected:C.id===t.modelValue||Array.isArray(t.modelValue)&&t.modelValue.includes(C.id)}),{multiple:t.multiple,active:C.id===r.value}),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(C.label),1)]),_:2},1040,["multiple","active"]))),128))],16)}),128)),(k=t.lazyLoading)!=null&&k.loading?(e.openBlock(),e.createElementBlock("li",Tt,[e.createVNode(b,{class:"onyx-listbox__loading"})])):e.createCommentVNode("",!0),e.unref(a).optionsEnd?(e.openBlock(),e.createElementBlock("li",It,[e.renderSlot(i.$slots,"optionsEnd")])):e.createCommentVNode("",!0)],16)),[[e.unref(f)]]),t.message?(e.openBlock(),e.createElementBlock("span",zt,e.toDisplayString(t.message),1)):e.createCommentVNode("",!0)],8,Nt)}}}),At=["aria-label"],Mt=e.defineComponent({__name:"OnyxNavItem",props:{label:{},href:{},active:{type:Boolean,default:!1},withExternalIcon:{type:[Boolean,String],default:"auto"},options:{}},emits:["navigate"],setup(l,{emit:o}){const t=l,n=o,a=e.computed(()=>{var u;return((u=t.options)==null?void 0:u.map(d=>({id:d.href,label:d.label})))??[]}),{t:s}=V(),r=e.computed(()=>t.withExternalIcon!=="auto"?t.withExternalIcon:X(t.href??""));return(u,d)=>{var m,c,y;return e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("li",{role:"menuitem",tabindex:"0","aria-label":t.label,class:e.normalizeClass(["onyx-nav-item onyx-text",{"onyx-nav-item--active":t.active||((m=t.options)==null?void 0:m.find(p=>p.active))}]),onClick:d[0]||(d[0]=p=>t.href&&n("navigate",t.href)),onKeydown:d[1]||(d[1]=e.withKeys(p=>t.href&&n("navigate",t.href),["enter"]))},[e.createElementVNode("span",null,e.toDisplayString(t.label),1),r.value?(e.openBlock(),e.createBlock(v,{key:0,class:"onyx-nav-item__icon",icon:e.unref(j),size:"16px"},null,8,["icon"])):e.createCommentVNode("",!0),e.renderSlot(u.$slots,"default")],42,At),a.value.length>0?(e.openBlock(),e.createBlock(K,{key:0,class:"onyx-nav-item__listbox",label:e.unref(s)("navItemOptionsLabel",{label:t.label}),options:a.value,"model-value":(y=(c=t.options)==null?void 0:c.find(p=>p.active))==null?void 0:y.href,"onUpdate:modelValue":d[2]||(d[2]=p=>p&&n("navigate",p))},null,8,["label","options","model-value"])):e.createCommentVNode("",!0)],64)}}}),qt={key:0,class:"onyx-page__sidebar"},Dt={class:"onyx-page__main"},Pt={key:1,class:"onyx-page__footer"},Ut={key:2,class:"onyx-page__toasts"},Rt=e.defineComponent({__name:"OnyxPageLayout",props:{footerAsideSidebar:{type:Boolean},hideSidebar:{type:Boolean}},setup(l){const o=l,t=e.useSlots(),n=e.computed(()=>{let a="";return!t.footer&&t.sidebar&&(a="onyx-page--side-main"),t.footer&&(!t.sidebar||o.hideSidebar)&&(a="onyx-page--main-footer"),t.footer&&t.sidebar&&(o.footerAsideSidebar?a="onyx-page--side-main-footer-partial":a="onyx-page--side-main-footer-full"),a});return(a,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["onyx-page",n.value])},[e.unref(t).sidebar&&!o.hideSidebar?(e.openBlock(),e.createElementBlock("aside",qt,[e.renderSlot(a.$slots,"sidebar")])):e.createCommentVNode("",!0),e.createElementVNode("main",Dt,[e.renderSlot(a.$slots,"default")]),e.unref(t).footer?(e.openBlock(),e.createElementBlock("footer",Pt,[e.renderSlot(a.$slots,"footer")])):e.createCommentVNode("",!0),e.unref(t).toasts?(e.openBlock(),e.createElementBlock("div",Ut,[e.renderSlot(a.$slots,"toasts")])):e.createCommentVNode("",!0)],2))}}),Zt=["title"],Ht=["required","name","value","checked","disabled"],U=e.defineComponent({__name:"OnyxRadioButton",props:{id:{},label:{},value:{},disabled:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},truncation:{default:"ellipsis"},skeleton:{type:Boolean},density:{},customError:{},name:{},selected:{type:Boolean,default:!1},required:{type:Boolean,default:!1}},emits:["change","validityChange"],setup(l,{emit:o}){const t=l,n=o,{vCustomValidity:a}=w({props:t,emit:n}),{densityClass:s}=x(t);return(r,u)=>t.skeleton?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["onyx-radio-button-skeleton",e.unref(s)])},[e.createVNode(h,{class:"onyx-radio-button-skeleton__input"}),e.createVNode(h,{class:"onyx-radio-button-skeleton__label"})],2)):(e.openBlock(),e.createElementBlock("label",{key:1,class:e.normalizeClass(["onyx-radio-button",e.unref(s)]),title:t.customError},[t.loading?(e.openBlock(),e.createBlock(e.unref(b),{key:0,class:"onyx-radio-button__loading",type:"circle"})):e.withDirectives((e.openBlock(),e.createElementBlock("input",{key:1,class:"onyx-radio-button__selector",type:"radio",required:t.required,name:t.name,value:t.id,checked:t.selected,disabled:t.disabled},null,8,Ht)),[[e.unref(a)]]),e.createElementVNode("span",{class:e.normalizeClass(["onyx-radio-button__label",[`onyx-truncation-${t.truncation}`]])},e.toDisplayString(t.label),3)],10,Zt))}}),Ft=["disabled"],Yt={key:0,class:"onyx-radio-button-group__headline"},jt=e.defineComponent({__name:"OnyxRadioButtonGroup",props:{density:{},required:{type:Boolean,default:!1},requiredMarker:{},customError:{},name:{default:()=>N.createId("radio-button-group-name")},modelValue:{},headline:{default:""},disabled:{type:Boolean,default:!1},direction:{default:"vertical"},options:{},skeleton:{}},emits:["update:modelValue","validityChange"],setup(l,{emit:o}){const t=l,{densityClass:n}=x(t),{requiredMarkerClass:a,requiredTypeClass:s}=S(t),r=o,u=d=>r("update:modelValue",t.options.find(({id:m})=>d.target.value===m));return(d,m)=>(e.openBlock(),e.createElementBlock("fieldset",{class:e.normalizeClass(["onyx-radio-button-group",e.unref(n),e.unref(s)]),disabled:t.disabled,onChange:m[0]||(m[0]=c=>u(c))},[t.headline?(e.openBlock(),e.createElementBlock("legend",Yt,[e.createVNode(T,{is:"h3",class:e.normalizeClass(e.unref(a))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.headline),1)]),_:1},8,["class"])])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["onyx-radio-button-group__content",{"onyx-radio-button-group__content--horizontal":t.direction==="horizontal"}])},[t.skeleton===void 0?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(t.options,(c,y)=>{var p;return e.openBlock(),e.createBlock(U,e.mergeProps({key:c.id.toString()},c,{name:t.name,"custom-error":t.customError,selected:c.id===((p=t.modelValue)==null?void 0:p.id),required:t.required,onValidityChange:f=>y===0&&r("validityChange",f)}),null,16,["name","custom-error","selected","required","onValidityChange"])}),128)):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(t.skeleton,c=>(e.openBlock(),e.createBlock(U,{id:`skeleton-${c}`,key:c,label:"Skeleton ${i}",name:t.name,skeleton:""},null,8,["id","name"]))),128))],2)],42,Ft))}}),Xt='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="m22.29 18.83 1.41 1.41-7.71 7.71-7.71-7.71 1.41-1.41 6.29 6.29 6.29-6.29ZM16 6.87l6.29 6.29 1.41-1.41-7.71-7.71-7.71 7.71 1.41 1.41 6.29-6.29Z"/></svg>',Gt={class:"onyx-truncation-ellipsis"},Kt={class:"onyx-select__wrapper"},Wt=["placeholder","required","disabled","aria-label","title"],Jt={key:0,class:"onyx-select__footer onyx-text--small onyx-truncation-ellipsis"},Qt=e.defineComponent({__name:"OnyxSelect",props:{density:{},required:{type:Boolean},requiredMarker:{},modelValue:{},label:{},hideLabel:{type:Boolean,default:!1},disabled:{type:Boolean},skeleton:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},placeholder:{},multiple:{},message:{}},emits:["update:modelValue"],setup(l){const o=l,{t}=V(),n=e.computed(()=>{var m;if(o.multiple)return typeof o.multiple=="boolean"?"summary":((m=o.multiple)==null?void 0:m.textMode)??"summary"}),a=e.computed(()=>{if(o.modelValue&&n.value==="preview")return o.modelValue.length}),s=e.computed(()=>{if(Array.isArray(o.modelValue)){const m=o.modelValue.length;if(!m)return"";if(m===1)return o.modelValue[0];switch(n.value){case"preview":return o.modelValue.join(", ");case"summary":default:return t.value("selections.currentSelection",{n:m})}}return o.modelValue??""}),{requiredMarkerClass:r,requiredTypeClass:u}=S(o),{densityClass:d}=x(o);return(m,c)=>o.skeleton?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["onyx-select-skeleton",e.unref(d)])},[o.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(h),{key:0,class:"onyx-select-skeleton__label"})),e.createVNode(e.unref(h),{class:"onyx-select-skeleton__input"})],2)):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["onyx-select",e.unref(u),e.unref(d),o.readonly?"onyx-select--readonly":"onyx-select--editable"])},[e.createElementVNode("label",null,[o.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["onyx-select__label","onyx-text--small",e.unref(r)])},[e.createElementVNode("div",Gt,e.toDisplayString(o.label),1)],2)),e.createElementVNode("div",Kt,[o.loading?(e.openBlock(),e.createBlock(b,{key:0,class:"onyx-select__loading",type:"circle"})):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":c[0]||(c[0]=y=>s.value=y),class:"onyx-select__input onyx-truncation-ellipsis",placeholder:o.placeholder,type:"text",role:"presentation",required:o.required,readonly:"",disabled:o.disabled||o.loading,"aria-label":o.hideLabel?o.label:void 0,title:o.hideLabel?o.label:void 0},null,8,Wt),[[e.vModelText,s.value]]),a.value?(e.openBlock(),e.createBlock(e.unref(W),{key:1,text:s.value,position:"bottom"},{default:e.withCtx(()=>[e.createVNode(e.unref(R),{class:"onyx-select__badge",variation:"neutral"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(a.value),1)]),_:1})]),_:1},8,["text"])):e.createCommentVNode("",!0),e.createVNode(e.unref(v),{icon:e.unref(Xt),class:"onyx-select__icon"},null,8,["icon"])])]),o.message?(e.openBlock(),e.createElementBlock("div",Jt,e.toDisplayString(o.message),1)):e.createCommentVNode("",!0)],2))}}),eo=["summary","preview"],to='<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 32 32"><path d="m21.311 10.793-8.293 8.293-3.291-3.292-1.415 1.415 4.706 4.705 9.707-9.707z"/></svg>',oo='<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 32 32"><path d="m22.707 10.707-1.414-1.414L16 14.586l-5.293-5.293-1.414 1.414L14.586 16l-5.293 5.293 1.414 1.414L16 17.414l5.293 5.293 1.414-1.414L17.414 16z"/></svg>',lo={class:"onyx-switch-skeleton__click-area"},no=["title"],ao=["aria-label","disabled","required"],so={class:"onyx-switch__click-area"},ro={class:"onyx-switch__container"},co={class:"onyx-switch__icon"},io=e.createElementVNode("div",{class:"onyx-switch__frame"},null,-1),uo=e.defineComponent({__name:"OnyxSwitch",props:{density:{},required:{type:Boolean},requiredMarker:{},customError:{},modelValue:{type:Boolean,default:!1},label:{},disabled:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},hideLabel:{type:Boolean},truncation:{default:"ellipsis"},skeleton:{type:Boolean,default:!1}},emits:["update:modelValue","validityChange"],setup(l,{emit:o}){const t=l,n=o,{requiredMarkerClass:a,requiredTypeClass:s}=S(t),{densityClass:r}=x(t),{vCustomValidity:u}=w({props:t,emit:n}),d=e.computed({get:()=>t.modelValue,set:m=>{n("update:modelValue",m)}});return(m,c)=>t.skeleton?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["onyx-switch-skeleton",e.unref(r)])},[e.createElementVNode("span",lo,[e.createVNode(h,{class:"onyx-switch-skeleton__input"})]),t.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(h,{key:0,class:"onyx-switch-skeleton__label"}))],2)):(e.openBlock(),e.createElementBlock("label",{key:1,class:e.normalizeClass(["onyx-switch",[e.unref(s),e.unref(r)]]),title:t.hideLabel?t.label:void 0},[e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":c[0]||(c[0]=y=>d.value=y),type:"checkbox",role:"switch",class:e.normalizeClass({"onyx-switch__input":!0,"onyx-switch__loading":t.loading}),"aria-label":t.hideLabel?t.label:void 0,disabled:t.disabled||t.loading,required:t.required},null,10,ao),[[e.vModelCheckbox,d.value],[e.unref(u)]]),e.createElementVNode("span",so,[e.createElementVNode("span",ro,[e.createElementVNode("span",co,[t.loading?(e.openBlock(),e.createBlock(e.unref(b),{key:0,class:"onyx-switch__spinner",type:"circle"})):(e.openBlock(),e.createBlock(e.unref(v),{key:1,icon:d.value?e.unref(to):e.unref(oo),size:"24px"},null,8,["icon"]))]),io])]),t.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(["onyx-switch__label",[`onyx-truncation-${t.truncation}`,t.truncation==="multiline"?e.unref(a):void 0]])},e.toDisplayString(t.label),3)),t.truncation==="ellipsis"?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["onyx-switch__marker",[e.unref(a)]])},null,2)):e.createCommentVNode("",!0)],10,no))}}),po=e.defineComponent({__name:"OnyxTable",props:{density:{},striped:{type:Boolean,default:!1},grid:{type:Boolean,default:!1}},setup(l){const o=l,{densityClass:t}=x(o);return(n,a)=>(e.openBlock(),e.createElementBlock("table",{class:e.normalizeClass(["onyx-table onyx-text",[o.striped?"onyx-table--striped":"",o.grid?"onyx-table--grid":"",e.unref(t)]])},[e.renderSlot(n.$slots,"default")],2))}}),mo={class:"onyx-tooltip-wrapper"},W=e.defineComponent({__name:"OnyxTooltip",props:{text:{},icon:{},color:{default:"neutral"},position:{default:"top"},fitParent:{type:Boolean,default:!1},open:{type:[String,Boolean,Object],default:"hover"}},setup(l){const o=l,{elements:{trigger:t,tooltip:n},state:{isVisible:a}}=N.createTooltip({open:e.computed(()=>o.open)});return(s,r)=>(e.openBlock(),e.createElementBlock("div",mo,[e.createElementVNode("div",e.mergeProps(e.unref(n),{class:["onyx-tooltip onyx-text--small onyx-truncation-multiline",{"onyx-tooltip--danger":o.color==="danger","onyx-tooltip--bottom":o.position==="bottom","onyx-tooltip--fit-parent":o.fitParent,"onyx-tooltip--hidden":!e.unref(a)}]}),[o.icon?(e.openBlock(),e.createBlock(v,{key:0,icon:o.icon,size:"16px"},null,8,["icon"])):e.createCommentVNode("",!0),e.renderSlot(s.$slots,"tooltip",{},()=>[e.createElementVNode("span",null,e.toDisplayString(o.text),1)])],16),e.createElementVNode("div",e.normalizeProps(e.guardReactiveProps(e.unref(t))),[e.renderSlot(s.$slots,"default")],16)]))}}),yo=["top","bottom"],_o={class:"onyx-text onyx-truncation-ellipsis"},fo=e.defineComponent({__name:"OnyxTag",props:{density:{},label:{},color:{default:"primary"},icon:{}},setup(l){const o=l,{densityClass:t}=x(o);return(n,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["onyx-tag",`onyx-tag--${o.color}`,e.unref(t)])},[o.icon?(e.openBlock(),e.createBlock(v,{key:0,icon:o.icon,size:"16px"},null,8,["icon"])):e.createCommentVNode("",!0),e.createElementVNode("span",_o,e.toDisplayString(o.label),1)],2))}}),ko=["primary","secondary","neutral","danger","warning","success","info"],ho=["small","default","large"],xo=["ellipsis","multiline"],vo=["horizontal","vertical"],bo=l=>({install:o=>{Je(o,l.i18n);const t=o.runWithContext(()=>V());e.watchEffect(()=>go(t.t.value("optional")))}}),go=l=>globalThis.document.body.style.setProperty("--onyx-global-optional-text",l);exports.AUTOCAPITALIZE=Bt;exports.AVATAR_TYPES=ve;exports.BUTTON_MODES=Fe;exports.BUTTON_TYPES=Ze;exports.BUTTON_VARIATIONS=He;exports.DENSITIES=Ce;exports.DIRECTIONS=vo;exports.HEADLINE_TYPES=pt;exports.ICON_SIZES=mt;exports.INPUT_TYPES=Ct;exports.LINK_TARGETS=St;exports.MULTISELECT_TEXT_MODE=eo;exports.ONYX_COLORS=ko;exports.OnyxAppLayout=le;exports.OnyxAvatar=xe;exports.OnyxAvatarStack=ge;exports.OnyxBadge=R;exports.OnyxButton=Re;exports.OnyxCheckboxGroup=ct;exports.OnyxEmpty=Y;exports.OnyxHeadline=T;exports.OnyxIcon=v;exports.OnyxIconButton=_t;exports.OnyxInput=gt;exports.OnyxLink=Vt;exports.OnyxListbox=K;exports.OnyxLoadingIndicator=b;exports.OnyxNavItem=Mt;exports.OnyxPageLayout=Rt;exports.OnyxRadioButtonGroup=jt;exports.OnyxSelect=Qt;exports.OnyxSkeleton=h;exports.OnyxSwitch=uo;exports.OnyxTable=po;exports.OnyxTag=fo;exports.OnyxTooltip=W;exports.TEXT_SIZES=ho;exports.TOOLTIP_POSITIONS=yo;exports.TRUNCATION_TYPES=xo;exports.createOnyx=bo;exports.useDensity=x;exports.useScrollEnd=G;
|