sit-onyx 1.0.0-alpha.97 → 1.0.0-alpha.98

package/dist/components/OnyxNavAppArea/OnyxNavAppArea.vue.d.ts

@@ -0,0 +1,32 @@
+import { OnyxNavAppAreaProps } from './types';
+
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<OnyxNavAppAreaProps>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: () => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<OnyxNavAppAreaProps>>> & {
+    onClick?: (() => any) | undefined;
+}, {}, {}>, Readonly<{
+    /**
+     * Optional slot to override the content.
+     */
+    default?(): unknown;
+}> & {
+    /**
+     * Optional slot to override the content.
+     */
+    default?(): unknown;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/OnyxNavAppArea/types.d.ts

@@ -0,0 +1,10 @@
+export type OnyxNavAppAreaProps = {
+    /**
+     * Logo / app icon URl to display. Slot `logo` can be used to place custom content.
+     */
+    logoUrl?: string;
+    /**
+     * Application name to show on the left.
+     */
+    appName?: string;
+};

package/dist/components/OnyxNavBar/OnyxNavBar.vue.d.ts

@@ -0,0 +1,50 @@
+import { OnyxNavBarProps } from './types';
+
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<OnyxNavBarProps>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    appAreaClick: () => void;
+    backButtonClick: () => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<OnyxNavBarProps>>> & {
+    onAppAreaClick?: (() => any) | undefined;
+    onBackButtonClick?: (() => any) | undefined;
+}, {}, {}>, Readonly<{
+    /**
+     * Nav items, only `OnyxNavItem` components should be placed here.
+     */
+    default?: (() => unknown) | undefined;
+    /**
+     * Optional slot to override the app area content (logo and app name, e.g. with a custom icon / `OnyxIcon` component).
+     */
+    appArea?: (() => unknown) | undefined;
+    /**
+     * Optional context area on the right to display additional (global) components, like user login, global settings etc.
+     */
+    contextArea?: (() => unknown) | undefined;
+}> & {
+    /**
+     * Nav items, only `OnyxNavItem` components should be placed here.
+     */
+    default?: (() => unknown) | undefined;
+    /**
+     * Optional slot to override the app area content (logo and app name, e.g. with a custom icon / `OnyxIcon` component).
+     */
+    appArea?: (() => unknown) | undefined;
+    /**
+     * Optional context area on the right to display additional (global) components, like user login, global settings etc.
+     */
+    contextArea?: (() => unknown) | undefined;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/OnyxNavBar/types.d.ts

@@ -0,0 +1,8 @@
+import { OnyxNavAppAreaProps } from '../OnyxNavAppArea/types';
+
+export type OnyxNavBarProps = OnyxNavAppAreaProps & {
+    /**
+     * Whether to show a back button.
+     */
+    withBackButton?: boolean;
+};

package/dist/components/OnyxNavSeparator/OnyxNavSeparator.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{}>>, {}, {}>;
+export default _default;

package/dist/i18n/locales/en-US.json.d.ts

@@ -23,7 +23,11 @@ declare const _default: {
   },
   "empty": "No data available",
   "navItemOptionsLabel": "Subpages of {label}",
-  "userMenuLabel": "User options"
+  "navigation": {
+    "appLogo": "App logo",
+    "goBack": "Go back",
+    "userMenuLabel": "User options"
+  }
 }
 ;
 

package/dist/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),ne={key:0,class:"onyx-app__nav"},le={class:"onyx-app__page"},ae={key:1,class:"onyx-app__page-overlay"},re={key:2,class:"onyx-app__app-overlay"},se=e.defineComponent({__name:"OnyxAppLayout",props:{navBarAlignment:{default:"top"}},setup(n){const o=n,t=e.useSlots();return(l,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",ne,[e.renderSlot(l.$slots,"navBar")])):e.createCommentVNode("",!0),e.createElementVNode("div",le,[e.renderSlot(l.$slots,"default")]),e.unref(t).pageOverlay?(e.openBlock(),e.createElementBlock("div",ae,[e.renderSlot(l.$slots,"pageOverlay")])):e.createCommentVNode("",!0),e.unref(t).appOverlay?(e.openBlock(),e.createElementBlock("div",re,[e.renderSlot(l.$slots,"appOverlay")])):e.createCommentVNode("",!0)],2))}}),S=(n,o)=>{const t=n.__vccOpts||n;for(const[l,a]of o)t[l]=a;return t},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="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),ue=[de];function pe(n,o){return e.openBlock(),e.createElementBlock("svg",ie,ue)}const me=S(ce,[["render",pe]]),ye={},fe={xmlns:"http://www.w3.org/2000/svg",width:"32",height:"32",viewBox:"0 0 32 32",fill:"none"},_e=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),ke=[_e];function he(n,o){return e.openBlock(),e.createElementBlock("svg",fe,ke)}const ve=S(ye,[["render",he]]),xe=["title"],Ce=["src","alt"],be={key:2,class:"onyx-avatar__initials"},M=e.defineComponent({__name:"OnyxAvatar",props:{size:{default:"48px"},label:{},src:{},type:{default:"initials"}},setup(n){const o=n,t=e.useSlots(),l=e.computed(()=>{const r=o.label.split(" ");return(r.length>1?`${r[0].charAt(0)}${r[1].charAt(0)}`:r[0].substring(0,2)).toUpperCase()}),a=e.ref(!1);return e.watch(()=>o.src,()=>a.value=!1),(r,i)=>(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:i[0]||(i[0]=u=>a.value=!0)},null,40,Ce)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[o.type==="female"?(e.openBlock(),e.createBlock(me,{key:0,class:"onyx-avatar__svg"})):o.type==="male"?(e.openBlock(),e.createBlock(ve,{key:1,class:"onyx-avatar__svg"})):(e.openBlock(),e.createElementBlock("div",be,[e.renderSlot(r.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(l.value),1)])]))],64))],10,xe))}}),ge=["initials","female","male"],Be={class:"onyx-avatar-stack"},Ve=e.defineComponent({__name:"OnyxAvatarStack",setup(n){return(o,t)=>(e.openBlock(),e.createElementBlock("div",Be,[e.renderSlot(o.$slots,"default")]))}}),Ee=["compact","default","cozy"],k=n=>({densityClass:e.computed(()=>({[`onyx-density-${n.density}`]:n.density}))}),Se=["innerHTML"],h=e.defineComponent({__name:"OnyxIcon",props:{size:{default:"24px"},icon:{},color:{default:"currentColor"}},setup(n){const o=n;return(t,l)=>(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,Se))}}),we={},Le={class:"onyx-circle-spinner",viewBox:"0 0 50 50"},Ne=e.createElementVNode("circle",{class:"onyx-circle-spinner__circle",cx:"50%",cy:"50%",r:"45%"},null,-1),$e=[Ne];function Te(n,o){return e.openBlock(),e.createElementBlock("svg",Le,$e)}const Oe=S(we,[["render",Te]]),Me={},Ae={class:"onyx-loading-dots"},Ie=e.createElementVNode("span",{class:"onyx-loading-dots__center"},null,-1),Pe=[Ie];function De(n,o){return e.openBlock(),e.createElementBlock("div",Ae,Pe)}const ze=S(Me,[["render",De]]),b=e.defineComponent({__name:"OnyxLoadingIndicator",props:{type:{default:"dots"}},setup(n){const o=n;return(t,l)=>o.type==="circle"?(e.openBlock(),e.createBlock(Oe,{key:0})):o.type==="dots"?(e.openBlock(),e.createBlock(ze,{key:1})):e.createCommentVNode("",!0)}}),Fe={},Re={"aria-hidden":"true",class:"onyx-skeleton"};function Ue(n,o){return e.openBlock(),e.createElementBlock("figure",Re)}const v=S(Fe,[["render",Ue]]),qe=["disabled","type","aria-label"],He={key:2,class:"onyx-button__label onyx-truncation-ellipsis"},Ze=e.defineComponent({__name:"OnyxButton",props:{density:{},label:{},disabled:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},type:{default:"button"},color:{default:"primary"},mode:{default:"default"},icon:{},skeleton:{type:Boolean,default:!1}},emits:["click"],setup(n,{emit:o}){const t=n,{densityClass:l}=k(t),a=o;return(r,i)=>t.skeleton?(e.openBlock(),e.createBlock(v,{key:0,class:e.normalizeClass(["onyx-button-skeleton",e.unref(l)])},null,8,["class"])):(e.openBlock(),e.createElementBlock("button",{key:1,class:e.normalizeClass(["onyx-button",`onyx-button--${t.color}`,`onyx-button--${t.mode}`,{"onyx-button--loading":t.loading},e.unref(l)]),disabled:t.disabled||t.loading,type:t.type,"aria-label":t.loading?t.label:void 0,onClick:i[0]||(i[0]=u=>a("click"))},[t.icon&&!t.loading?(e.openBlock(),e.createBlock(h,{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",He,e.toDisplayString(t.label),1))],10,qe))}}),je=["button","submit","reset"],Ge=["primary","neutral","danger"],Ke=["default","outline","plain"],Z=e.defineComponent({__name:"OnyxBadge",props:{density:{},color:{default:"primary"},icon:{},dot:{type:Boolean,default:!1}},setup(n){const o=n,{densityClass:t}=k(o);return(l,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["onyx-badge",["onyx-truncation-ellipsis","onyx-text",`onyx-badge--${o.color}`,o.dot?"onyx-badge--dot":"",e.unref(t)]])},[o.dot?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[o.icon?(e.openBlock(),e.createBlock(h,{key:0,class:"onyx-badge__icon",icon:o.icon,size:o.density==="cozy"?"24px":"16px"},null,8,["icon","size"])):e.renderSlot(l.$slots,"default",{key:1})],64))],2))}}),w=n=>({requiredTypeClass:e.computed(()=>({[`onyx-use-${n.requiredMarker}`]:n.requiredMarker})),requiredMarkerClass:e.computed(()=>({"onyx-required-marker":n.required,"onyx-optional-marker":!n.required}))}),Ye=()=>Object.entries(Object.getOwnPropertyDescriptors(ValidityState.prototype)).filter(([n,o])=>o.enumerable).map(([n])=>n),Xe=n=>Ye().reduce((o,t)=>(o[t]=n[t],o),{}),We=(n,o)=>{const t=Object.entries(n).filter(([a,r])=>r!==void 0),l=Object.entries(o).filter(([a,r])=>r!==void 0);return t.length!==l.length?!1:t.every(([a,r])=>r===o[a])},Je=(n,o)=>n.reduce((t,l)=>{const a=l[o]??"";return t[a]=t[a]||[],t[a].push(l),t},{}),T=n=>{const o=e.ref(),t=e.ref(!1);return e.watch(()=>n.props.modelValue,()=>t.value=!0,{once:!0}),{vCustomValidity:{mounted:a=>{e.watchEffect(()=>a.setCustomValidity(n.props.customError??"")),e.watch([()=>n.props.customError,()=>n.props.modelValue,t],()=>{const r=Xe(a.validity);!t.value||!o.value&&r.valid||o.value&&We(r,o.value)||(o.value=r,n.emit("validityChange",o.value))},{immediate:!0})}}}},Qe={class:"onyx-checkbox__container"},et=["aria-label","title","indeterminate","disabled","required","value"],$=e.defineComponent({__name:"OnyxCheckbox",props:{density:{},value:{},label:{},hideLabel:{type:Boolean},disabled:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},skeleton:{type:Boolean,default:!1},truncation:{default:"ellipsis"},required:{type:Boolean,default:!1},requiredMarker:{},customError:{},modelValue:{type:Boolean,default:!1},indeterminate:{type:Boolean,default:!1}},emits:["update:modelValue","validityChange"],setup(n,{emit:o}){const t=n,l=o,a=e.computed({get:()=>t.modelValue,set:d=>l("update:modelValue",d)}),{requiredMarkerClass:r,requiredTypeClass:i}=w(t),{densityClass:u}=k(t),{vCustomValidity:s}=T({props:t,emit:l});return(d,c)=>t.skeleton?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["onyx-checkbox-skeleton",e.unref(u)])},[e.createVNode(v,{class:"onyx-checkbox-skeleton__input"}),t.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(v,{key:0,class:"onyx-checkbox-skeleton__label"}))],2)):(e.openBlock(),e.createElementBlock("label",{key:1,class:e.normalizeClass(["onyx-checkbox",[e.unref(i),e.unref(u)]])},[e.createElementVNode("div",Qe,[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,value:t.value},null,8,et)),[[e.vModelCheckbox,a.value],[e.unref(s)]])]),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(r):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(r)]])},null,2)):e.createCommentVNode("",!0)],64))],2))}}),tt=(n,o)=>e.computed(()=>{const t=o.value.filter(a=>n.value.includes(a)),l=t.length===n.value.length;return{modelValue:l,indeterminate:!l&&n.value.length&&t.length?!0:void 0}}),j=(n,o,t)=>({state:tt(n,o),handleChange:l=>{const a=o.value.filter(i=>!n.value.includes(i)),r=l?a.concat(n.value):a;t(r)}}),ot="(optional)",nt={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.'}},lt={selectAll:"Select all",currentSelection:"{n} selected"},at="No data available",rt="Subpages of {label}",st="User options",q={optional:ot,validations:nt,selections:lt,empty:at,navItemOptionsLabel:rt,userMenuLabel:st},G=Symbol(),K=n=>{const o=e.computed(()=>e.unref(n==null?void 0:n.locale)??"en-US"),t=e.computed(()=>n!=null&&n.messages&&o.value in n.messages?n.messages[o.value]:q),l=e.computed(()=>(a,r={})=>{let i=H(a,t.value)??H(a,q)??"";const u=typeof r.n=="number"?r.n:void 0;return i=it(i,u),dt(i,r)});return{locale:o,t:l}},ct=(n,o)=>n.provide(G,K(o)),E=()=>e.inject(G,()=>K(),!0),H=(n,o)=>{const t=n.split(".").reduce((l,a)=>!l||typeof l=="string"?l:l[a],o);return t&&typeof t=="string"?t:void 0},it=(n,o)=>{const t=n.split(" | ").map(a=>a.trim());if(t.length<=1)return n;let l=1;return o===0&&(l=0),o&&(o<=0||o>1)&&(l=2),t.length===2?l===1?t[0]:t[1]:t[l]},dt=(n,o)=>o?Object.entries(o).reduce((l,[a,r])=>r===void 0?l:l.replace(new RegExp(`{${a}}`,"gi"),r.toString()),n).replace(/\s?{.*}\s?/gi,""):n,ut=["disabled"],pt={key:0,class:"onyx-checkbox-group__label"},mt=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(n,{emit:o}){const t=n,{densityClass:l}=k(t),a=o,{t:r}=E(),i=(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(({value:c})=>c)),s=j(u,e.computed(()=>t.modelValue),c=>a("update:modelValue",c)),d=e.computed(()=>{var y;const c=r.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(l)]),disabled:t.disabled},[t.headline?(e.openBlock(),e.createElementBlock("legend",pt,[e.createVNode(e.unref(P),{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","onyx-checkbox-group__content--vertical":t.direction==="vertical"}])},[t.skeleton===void 0?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[t.withCheckAll?(e.openBlock(),e.createBlock($,e.mergeProps({key:0},e.unref(s).state.value,{label:d.value,value:"all",class:"onyx-checkbox-group__option onyx-checkbox-group__check-all","onUpdate:modelValue":e.unref(s).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($,e.mergeProps({key:p.value.toString(),ref_for:!0},p,{"model-value":t.modelValue.includes(p.value),class:"onyx-checkbox-group__option","onUpdate:modelValue":f=>i(p.value,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($,{key:p,label:`Skeleton ${p}`,value:`skeleton-${p}`,skeleton:""},null,8,["label","value"]))),128))],2)],10,ut))}}),yt='<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>',ft={class:"onyx-empty"},_t={class:"onyx-empty__label onyx-text onyx-truncation-multiline"},Y=e.defineComponent({__name:"OnyxEmpty",setup(n){return(o,t)=>(e.openBlock(),e.createElementBlock("div",ft,[e.renderSlot(o.$slots,"icon",{},()=>[e.createVNode(h,{icon:e.unref(yt),size:"48px"},null,8,["icon"])]),e.createElementVNode("div",_t,[e.renderSlot(o.$slots,"default")])]))}}),P=e.defineComponent({__name:"OnyxHeadline",props:{is:{},monospace:{type:Boolean,default:!1}},setup(n){const o=n;return(t,l)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.is),{class:e.normalizeClass(["onyx-headline",`onyx-headline--${o.is}`,o.monospace?"onyx-headline--monospace":""])},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},8,["class"]))}}),kt=["h1","h2","h3","h4","h5","h6"],ht=["12px","16px","24px","32px","48px","64px","96px"],vt=["aria-label","title","disabled"],xt=e.defineComponent({__name:"OnyxIconButton",props:{density:{},label:{},disabled:{type:Boolean,default:!1},type:{default:"button"},color:{default:"primary"},loading:{type:Boolean},icon:{},skeleton:{type:Boolean,default:!1}},emits:["click"],setup(n,{emit:o}){const t=n,{densityClass:l}=k(t),a=o;return(r,i)=>t.skeleton?(e.openBlock(),e.createBlock(v,{key:0,class:e.normalizeClass(["onyx-icon-button-skeleton",e.unref(l)])},null,8,["class"])):(e.openBlock(),e.createElementBlock("button",{key:1,class:e.normalizeClass(["onyx-icon-button",[`onyx-icon-button--${t.color}`,{"onyx-icon-button--loading":t.loading},e.unref(l)]]),"aria-label":t.label,title:t.label,disabled:t.disabled||t.loading,onClick:i[0]||(i[0]=u=>a("click"))},[t.loading?(e.openBlock(),e.createBlock(b,{key:0,type:"circle"})):t.icon?(e.openBlock(),e.createBlock(h,{key:1,icon:t.icon},null,8,["icon"])):e.renderSlot(r.$slots,"default",{key:2})],10,vt))}}),Ct={class:"onyx-truncation-ellipsis"},bt={class:"onyx-input__wrapper"},gt=["placeholder","type","required","autocapitalize","autocomplete","autofocus","name","pattern","readonly","disabled","minlength","maxlength","aria-label","title"],Bt={key:0,class:"onyx-input__footer onyx-text--small"},Vt={key:0,class:"onyx-truncation-ellipsis"},Et={key:1,class:"onyx-input__counter"},St=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(n,{emit:o}){const t=n,l=o,{vCustomValidity:a}=T({props:t,emit:l}),{requiredMarkerClass:r,requiredTypeClass:i}=w(t),{densityClass:u}=k(t),s=e.computed({get:()=>t.modelValue,set:p=>l("update:modelValue",p)}),d=p=>{const f=p.target.value;l("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(v,{key:0,class:"onyx-input-skeleton__label"})),e.createVNode(v,{class:"onyx-input-skeleton__input"})],2)):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["onyx-input",e.unref(i),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(r)])},[e.createElementVNode("div",Ct,e.toDisplayString(t.label),1)],2)),e.createElementVNode("div",bt,[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]=g=>s.value=g),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:d,onFocus:f[1]||(f[1]=g=>l("focus")),onBlur:f[2]||(f[2]=g=>l("blur"))},null,40,gt),[[e.vModelDynamic,s.value],[e.unref(a)]])])]),t.message||y.value?(e.openBlock(),e.createElementBlock("div",Bt,[t.message?(e.openBlock(),e.createElementBlock("span",Vt,e.toDisplayString(t.message),1)):e.createCommentVNode("",!0),y.value?(e.openBlock(),e.createElementBlock("span",Et,e.toDisplayString(s.value.length)+"/"+e.toDisplayString(t.maxlength),1)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)],2))}}),wt=["email","password","search","tel","text","url"],Lt=["none","sentences","words","characters"],X='<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>',W=n=>/^http(s?):\/\//.test(n),Nt=["href","target","rel"],$t=e.defineComponent({__name:"OnyxLink",props:{href:{},target:{default:"_self"},withExternalIcon:{type:[Boolean,String],default:"auto"}},emits:["click"],setup(n,{emit:o}){const t=n,l=o,a=e.computed(()=>t.withExternalIcon!=="auto"?t.withExternalIcon:W(t.href));return(r,i)=>(e.openBlock(),e.createElementBlock("a",{class:"onyx-link",href:t.href,target:t.target,rel:t.target==="_blank"?"noreferrer":void 0,onClick:i[0]||(i[0]=u=>l("click"))},[e.renderSlot(r.$slots,"default"),a.value?(e.openBlock(),e.createBlock(h,{key:0,class:"onyx-link__icon",icon:e.unref(X),size:"16px"},null,8,["icon"])):e.createCommentVNode("",!0)],8,Nt))}}),Tt=["_self","_blank","_parent","_top"],J=n=>n,Ot=(()=>{let n=1;return()=>n++})(),O=n=>`${n}-${Ot()}`,Mt=n=>!It.has(n),At=["Unidentified","Alt","AltGraph","CapsLock","Control","Fn","FnLock","Meta","NumLock","ScrollLock","Shift","Symbol","SymbolLock","Hyper","Super","Enter","Tab","ArrowDown","ArrowLeft","ArrowRight","ArrowUp","End","Home","PageDown","PageUp","Backspace","Clear","Copy","CrSel","Cut","Delete","EraseEof","ExSel","Insert","Paste","Redo","Undo","Accept","Again","Attn","Cancel","ContextMenu","Escape","Execute","Find","Help","Pause","Play","Props","Select","ZoomIn","ZoomOut","BrightnessDown","BrightnessUp","Eject","LogOff","Power","PowerOff","PrintScreen","Hibernate","Standby","WakeUp","AllCandidates","Alphanumeric","CodeInput","Compose","Convert","Dead","FinalMode","GroupFirst","GroupLast","GroupNext","GroupPrevious","ModeChange","NextCandidate","NonConvert","PreviousCandidate","Process","SingleCandidate","HangulMode","HanjaMode","JunjaMode","Eisu","Hankaku","Hiragana","HiraganaKatakana","KanaMode","KanjiMode","Katakana","Romaji","Zenkaku","ZenkakuHankaku","F1","F2","F3","F4","F5","F6","F7","F8","F9","F10","F11","F12","Soft1","Soft2","Soft3","Soft4","ChannelDown","ChannelUp","Close","MailForward","MailReply","MailSend","MediaClose","MediaFastForward","MediaPause","MediaPlay","MediaPlayPause","MediaRecord","MediaRewind","MediaStop","MediaTrackNext","MediaTrackPrevious","New","Open","Print","Save","SpellCheck","Key11","Key12","AudioBalanceLeft","AudioBalanceRight","AudioBassBoostDown","AudioBassBoostToggle","AudioBassBoostUp","AudioFaderFront","AudioFaderRear","AudioSurroundModeNext","AudioTrebleDown","AudioTrebleUp","AudioVolumeDown","AudioVolumeUp","AudioVolumeMute","MicrophoneToggle","MicrophoneVolumeDown","MicrophoneVolumeUp","MicrophoneVolumeMute","SpeechCorrectionList","SpeechInputToggle","LaunchApplication1","LaunchApplication2","LaunchCalendar","LaunchContacts","LaunchMail","LaunchMediaPlayer","LaunchMusicPlayer","LaunchPhone","LaunchScreenSaver","LaunchSpreadsheet","LaunchWebBrowser","LaunchWebCam","LaunchWordProcessor","BrowserBack","BrowserFavorites","BrowserForward","BrowserHome","BrowserRefresh","BrowserSearch","BrowserStop","AppSwitch","Call","Camera","CameraFocus","EndCall","GoBack","GoHome","HeadsetHook","LastNumberRedial","Notification","MannerMode","VoiceDial","TV","TV3DMode","TVAntennaCable","TVAudioDescription","TVAudioDescriptionMixDown","TVAudioDescriptionMixUp","TVContentsMenu","TVDataService","TVInput","TVInputComponent1","TVInputComponent2","TVInputComposite1","TVInputComposite2","TVInputHDMI1","TVInputHDMI2","TVInputHDMI3","TVInputHDMI4","TVInputVGA1","TVMediaContext","TVNetwork","TVNumberEntry","TVPower","TVRadioService","TVSatellite","TVSatelliteBS","TVSatelliteCS","TVSatelliteToggle","TVTerrestrialAnalog","TVTerrestrialDigital","TVTimer","AVRInput","AVRPower","ColorF0Red","ColorF1Green","ColorF2Yellow","ColorF3Blue","ColorF4Grey","ColorF5Brown","ClosedCaptionToggle","Dimmer","DisplaySwap","DVR","Exit","FavoriteClear0","FavoriteClear1","FavoriteClear2","FavoriteClear3","FavoriteRecall0","FavoriteRecall1","FavoriteRecall2","FavoriteRecall3","FavoriteStore0","FavoriteStore1","FavoriteStore2","FavoriteStore3","Guide","GuideNextDay","GuidePreviousDay","Info","InstantReplay","Link","ListProgram","LiveContent","Lock","MediaApps","MediaAudioTrack","MediaLast","MediaSkipBackward","MediaSkipForward","MediaStepBackward","MediaStepForward","MediaTopMenu","NavigateIn","NavigateNext","NavigateOut","NavigatePrevious","NextFavoriteChannel","NextUserProfile","OnDemand","Pairing","PinPDown","PinPMove","PinPToggle","PinPUp","PlaySpeedDown","PlaySpeedReset","PlaySpeedUp","RandomToggle","RcLowBattery","RecordSpeedNext","RfBypass","ScanChannelsToggle","ScreenModeNext","Settings","SplitScreenToggle","STBInput","STBPower","Subtitle","Teletext","VideoModeNext","Wink","ZoomToggle","AudioVolumeDown","AudioVolumeUp","AudioVolumeMute","BrowserBack","BrowserForward","ChannelDown","ChannelUp","ContextMenu","Eject","End","Enter","Home","MediaFastForward","MediaPlay","MediaPlayPause","MediaRecord","MediaRewind","MediaStop","MediaNextTrack","MediaPause","MediaPreviousTrack","Power","Unidentified"],It=new Set(At),Pt=(n,o)=>{let t;return(...l)=>{clearTimeout(t),t=setTimeout(()=>n(...l),o)}},Dt=(n,o=500)=>{let t="";const l=Pt(()=>t="",o);return a=>{Mt(a.key)&&(l(),t=`${t}${a.key}`,n(t))}},zt=J(n=>{const o=e.computed(()=>e.unref(n.multiple)??!1),t=new Map,l=s=>(t.has(s)||t.set(s,O("listbox-option")),t.get(s)),a=e.ref(!1);e.watchEffect(()=>{var d;if(n.activeOption.value==null||!a.value&&!n.controlled)return;const s=l(n.activeOption.value);(d=document.getElementById(s))==null||d.scrollIntoView({block:"nearest",inline:"nearest"})});const r=Dt(s=>{var d;return(d=n.onTypeAhead)==null?void 0:d.call(n,s)}),i=s=>{var d,c,y,p,f,g,V;switch(s.key){case" ":s.preventDefault(),n.activeOption.value!=null&&((d=n.onSelect)==null||d.call(n,n.activeOption.value));break;case"ArrowUp":if(s.preventDefault(),n.activeOption.value==null){(c=n.onActivateLast)==null||c.call(n);return}(y=n.onActivatePrevious)==null||y.call(n,n.activeOption.value);break;case"ArrowDown":if(s.preventDefault(),n.activeOption.value==null){(p=n.onActivateFirst)==null||p.call(n);return}(f=n.onActivateNext)==null||f.call(n,n.activeOption.value);break;case"Home":s.preventDefault(),(g=n.onActivateFirst)==null||g.call(n);break;case"End":s.preventDefault(),(V=n.onActivateLast)==null||V.call(n);break;default:r(s)}};return{elements:{listbox:e.computed(()=>n.controlled?{role:"listbox","aria-multiselectable":o.value,"aria-label":e.unref(n.label),tabindex:"-1"}:{role:"listbox","aria-multiselectable":o.value,"aria-label":e.unref(n.label),tabindex:"0","aria-activedescendant":n.activeOption.value!=null?l(n.activeOption.value):void 0,onFocus:()=>a.value=!0,onBlur:()=>a.value=!1,onKeydown:i}),group:e.computed(()=>s=>({role:"group","aria-label":s.label})),option:e.computed(()=>s=>{const d=s.selected??!1;return{id:l(s.value),role:"option","aria-label":s.label,"aria-checked":o.value?d:void 0,"aria-selected":o.value?void 0:d,"aria-disabled":s.disabled,onClick:()=>{var c;return!s.disabled&&((c=n.onSelect)==null?void 0:c.call(n,s.value))}}})},state:{isFocused:a},internals:{getOptionId:l}}}),Ft=J(n=>{const o=O("tooltip"),t=e.ref(!1);let l;const a=e.computed(()=>{const p=e.unref(n.open);return typeof p!="object"?200:p.debounce}),r=e.computed(()=>{const p=e.unref(n.open);return typeof p!="object"?p:p.type}),i=e.computed({get:()=>t.value,set:p=>{clearTimeout(l),l=setTimeout(()=>{t.value=p},a.value)}}),u=e.computed(()=>typeof r.value=="boolean"?r.value:i.value),s=()=>{t.value=!t.value},d=e.computed(()=>{if(r.value==="hover")return{onMouseover:()=>i.value=!0,onMouseout:()=>i.value=!1,onFocusin:()=>t.value=!0,onFocusout:()=>t.value=!1}}),c=p=>{p.key==="Escape"&&(t.value=!1)},y=p=>{var V;const f=(V=document.getElementById(o))==null?void 0:V.parentElement;if(!f||!(p.target instanceof Node))return;!f.contains(p.target)&&(t.value=!1)};return e.onBeforeMount(()=>{document.addEventListener("keydown",c),e.watchEffect(()=>{r.value==="click"?document.addEventListener("click",y):document.removeEventListener("click",y)})}),e.onBeforeUnmount(()=>{document.addEventListener("keydown",c),document.addEventListener("click",y)}),{elements:{trigger:e.computed(()=>({"aria-describedby":o,onClick:r.value==="click"?s:void 0,...d.value})),tooltip:e.computed(()=>({role:"tooltip",id:o,tabindex:"-1",...d.value}))},state:{isVisible:u}}}),Q=n=>{const t=e.ref(!1),l=r=>{const i=r.target;if(!(i instanceof Element))return;const u=e.unref(n.offset)??0;t.value=Math.abs(i.scrollTop)+i.clientHeight>=i.scrollHeight-u-1};return{vScrollEnd:{mounted:r=>{e.watchEffect(()=>{var u;(((u=n.enabled)==null?void 0:u.value)??!0)&&!n.loading.value?r.addEventListener("scroll",l):r.removeEventListener("scroll",l)})}},isScrollEnd:t}},D=e.defineComponent({__name:"OnyxListItem",props:{color:{},active:{type:Boolean}},setup(n){const o=n;return(t,l)=>(e.openBlock(),e.createElementBlock("li",{class:e.normalizeClass({"onyx-list-item":!0,"onyx-list-item--active":o.active,"onyx-list-item--danger":o.color==="danger"})},[e.renderSlot(t.$slots,"default")],2))}}),Rt=["checked","aria-labelledby","disabled","indeterminate"],Ut={class:"onyx-truncation-ellipsis"},A=e.defineComponent({__name:"OnyxListboxOption",props:{density:{},active:{type:Boolean,default:!1},multiple:{type:Boolean,default:!1},indeterminate:{type:Boolean},icon:{},color:{default:"primary"}},setup(n){const o=n,{densityClass:t}=k(o);return(l,a)=>(e.openBlock(),e.createBlock(D,{class:e.normalizeClass(["onyx-listbox-option",e.unref(t)]),active:o.active,color:o.color},{default:e.withCtx(()=>[o.multiple?(e.openBlock(),e.createElementBlock("input",{key:0,checked:!!l.$attrs["aria-checked"],"aria-labelledby":l.$attrs.id,disabled:!!l.$attrs["aria-disabled"],indeterminate:o.indeterminate,"aria-hidden":"true",tabindex:"-1",class:"onyx-listbox-option__checkbox",type:"checkbox"},null,8,Rt)):e.createCommentVNode("",!0),o.icon?(e.openBlock(),e.createBlock(h,{key:1,icon:o.icon},null,8,["icon"])):e.createCommentVNode("",!0),e.createElementVNode("span",Ut,[e.renderSlot(l.$slots,"default")])]),_:3},8,["class","active","color"]))}}),qt=["aria-busy"],Ht={key:0,class:"onyx-listbox__slot onyx-listbox__slot--loading"},Zt={key:0,role:"presentation",class:"onyx-listbox__group-name onyx-text--small"},jt={key:0,class:"onyx-listbox__slot"},Gt={key:1,class:"onyx-listbox__slot"},Kt=e.defineComponent({__name:"OnyxListbox",props:{density:{},label:{},options:{},message:{},loading:{type:Boolean,default:!1},lazyLoading:{},multiple:{type:Boolean},modelValue:{},withCheckAll:{type:[Boolean,Object]}},emits:["update:modelValue","lazyLoad"],setup(n,{emit:o}){const t=n,l=o,{densityClass:a}=k(t),r=e.useSlots(),{t:i}=E(),u=e.ref();e.watch(()=>t.modelValue,m=>{t.multiple||(u.value=m)});const s=O("ONYX_CHECK_ALL"),d=e.computed(()=>(t.multiple&&t.withCheckAll?[s]:[]).concat(z.value)),{elements:{listbox:c,option:y,group:p}}=zt({label:e.computed(()=>t.label),multiple:e.computed(()=>!!t.multiple),selectedOption:e.computed(()=>t.modelValue),activeOption:u,onSelect:m=>{var N;if(m===s){(N=L.value)==null||N.handleChange(!L.value.state.value.modelValue);return}if(!t.multiple){const B=m===t.modelValue?void 0:m;l("update:modelValue",B);return}const _=Array.isArray(t.modelValue)?t.modelValue:[],x=_.includes(m)?_.filter(B=>B!==m):[..._,m];l("update:modelValue",x)},onActivateFirst:()=>u.value=d.value.at(0),onActivateLast:()=>u.value=d.value.at(-1),onActivateNext:m=>{const _=d.value.findIndex(x=>x===m);_<d.value.length-1&&(u.value=d.value[_+1])},onActivatePrevious:m=>{const _=d.value.findIndex(x=>x===m);_>0&&(u.value=d.value[_-1])},onTypeAhead:m=>{const _=t.options.find(x=>x.label.toLowerCase().trim().startsWith(m.toLowerCase()));_&&(u.value=_.value)}}),f=e.computed(()=>Je(t.options,"group")),{vScrollEnd:g,isScrollEnd:V}=Q({enabled:e.computed(()=>{var m;return((m=t.lazyLoading)==null?void 0:m.enabled)??!1}),loading:e.computed(()=>t.loading),offset:e.computed(()=>{var m;return(m=t.lazyLoading)==null?void 0:m.scrollOffset})}),oe=e.computed(()=>t.options.length===0),z=e.computed(()=>t.options.filter(m=>!m.disabled).map(({value:m})=>m)),L=e.computed(()=>{if(!(!t.multiple||!t.withCheckAll))return j(z,e.computed(()=>t.modelValue||[]),m=>l("update:modelValue",m))}),F=e.computed(()=>{var _;if(!t.multiple)return"";const m=i.value("selections.selectAll");return typeof t.withCheckAll=="boolean"?m:((_=t.withCheckAll)==null?void 0:_.label)??m});return e.watchEffect(()=>{V.value&&l("lazyLoad")}),(m,_)=>{var x;return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["onyx-listbox",e.unref(a)]),"aria-busy":t.loading},[t.loading?(e.openBlock(),e.createElementBlock("div",Ht,[e.createVNode(b,{class:"onyx-listbox__loading"})])):oe.value?e.renderSlot(m.$slots,"empty",{key:1,defaultMessage:e.unref(i)("empty")},()=>[e.createVNode(Y,null,{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(i)("empty")),1)]),_:1})]):e.withDirectives((e.openBlock(),e.createElementBlock("div",e.mergeProps({key:2},e.unref(c),{class:"onyx-listbox__wrapper"}),[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(f.value,(N,B)=>{var R,U;return e.openBlock(),e.createElementBlock("ul",e.mergeProps({key:B,class:"onyx-listbox__group",ref_for:!0},e.unref(p)({label:B})),[B!=""?(e.openBlock(),e.createElementBlock("li",Zt,e.toDisplayString(B),1)):e.createCommentVNode("",!0),t.multiple&&t.withCheckAll?(e.openBlock(),e.createBlock(A,e.mergeProps({key:1,ref_for:!0},e.unref(y)({value:e.unref(s),label:F.value,selected:(R=L.value)==null?void 0:R.state.value.modelValue}),{multiple:"",active:e.unref(s)===u.value,indeterminate:(U=L.value)==null?void 0:U.state.value.indeterminate,density:t.density,class:"onyx-listbox__check-all"}),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(F.value),1)]),_:1},16,["active","indeterminate","density"])):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(N,C=>(e.openBlock(),e.createBlock(A,e.mergeProps({key:C.value.toString(),ref_for:!0},e.unref(y)({value:C.value,label:C.label,disabled:C.disabled,selected:C.value===t.modelValue||Array.isArray(t.modelValue)&&t.modelValue.includes(C.value)}),{multiple:t.multiple,active:C.value===u.value,icon:C.icon,color:C.color,density:t.density}),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(C.label),1)]),_:2},1040,["multiple","active","icon","color","density"]))),128))],16)}),128)),(x=t.lazyLoading)!=null&&x.loading?(e.openBlock(),e.createElementBlock("div",jt,[e.createVNode(b,{class:"onyx-listbox__loading"})])):e.createCommentVNode("",!0),e.unref(r).optionsEnd?(e.openBlock(),e.createElementBlock("div",Gt,[e.renderSlot(m.$slots,"optionsEnd")])):e.createCommentVNode("",!0)],16)),[[e.unref(g)]])],10,qt)}}}),Yt={class:"onyx-flyout-menu__wrapper onyx-flyout-menu__group"},ee=e.defineComponent({__name:"OnyxFlyoutMenu",setup(n){const o=e.useSlots();return(t,l)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass({"onyx-flyout-menu":!0,"onyx-flyout-menu--with-header":!!e.unref(o).header,"onyx-flyout-menu--with-footer":!!e.unref(o).footer})},[e.renderSlot(t.$slots,"header"),e.createElementVNode("ul",Yt,[e.renderSlot(t.$slots,"default")]),e.renderSlot(t.$slots,"footer")],2))}}),Xt=["aria-label"],Wt=e.defineComponent({__name:"OnyxNavItem",props:{label:{},href:{},active:{type:Boolean,default:!1},withExternalIcon:{type:[Boolean,String],default:"auto"},options:{}},emits:["click"],setup(n,{emit:o}){const t=n,l=o,{t:a}=E(),r=e.computed(()=>t.withExternalIcon!=="auto"?t.withExternalIcon:W(t.href??""));return(i,u)=>{var s,d;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||((s=t.options)==null?void 0:s.find(c=>c.active))}]),onClick:u[0]||(u[0]=c=>t.href&&l("click",t.href)),onKeydown:u[1]||(u[1]=e.withKeys(c=>t.href&&l("click",t.href),["enter"]))},[e.renderSlot(i.$slots,"default",{},()=>[e.createElementVNode("span",null,e.toDisplayString(t.label),1),r.value?(e.openBlock(),e.createBlock(h,{key:0,class:"onyx-nav-item__icon",icon:e.unref(X),size:"16px"},null,8,["icon"])):e.createCommentVNode("",!0)])],42,Xt),(d=t.options)!=null&&d.length?(e.openBlock(),e.createBlock(ee,{key:0,class:"onyx-nav-item__listbox","aria-label":e.unref(a)("navItemOptionsLabel",{label:t.label})},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.options,c=>(e.openBlock(),e.createBlock(D,{key:c.label,onClick:y=>l("click",c.href)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(c.label),1)]),_:2},1032,["onClick"]))),128))]),_:1},8,["aria-label"])):e.createCommentVNode("",!0)],64)}}}),Jt={key:0,class:"onyx-page__sidebar"},Qt={class:"onyx-page__main"},eo={key:1,class:"onyx-page__footer"},to={key:2,class:"onyx-page__toasts"},oo=e.defineComponent({__name:"OnyxPageLayout",props:{footerAsideSidebar:{type:Boolean},hideSidebar:{type:Boolean}},setup(n){const o=n,t=e.useSlots(),l=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,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["onyx-page",l.value])},[e.unref(t).sidebar&&!o.hideSidebar?(e.openBlock(),e.createElementBlock("aside",Jt,[e.renderSlot(a.$slots,"sidebar")])):e.createCommentVNode("",!0),e.createElementVNode("main",Qt,[e.renderSlot(a.$slots,"default")]),e.unref(t).footer?(e.openBlock(),e.createElementBlock("footer",eo,[e.renderSlot(a.$slots,"footer")])):e.createCommentVNode("",!0),e.unref(t).toasts?(e.openBlock(),e.createElementBlock("div",to,[e.renderSlot(a.$slots,"toasts")])):e.createCommentVNode("",!0)],2))}}),no=["title"],lo=["required","name","value","checked","disabled"],I=e.defineComponent({__name:"OnyxRadioButton",props:{density:{},value:{},label:{},disabled:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},skeleton:{type:Boolean},truncation:{default:"ellipsis"},customError:{},name:{},selected:{type:Boolean,default:!1},required:{type:Boolean,default:!1}},emits:["change","validityChange"],setup(n,{emit:o}){const t=n,l=o,{vCustomValidity:a}=T({props:t,emit:l}),{densityClass:r}=k(t),i=u=>{const s=u.target.checked;l("change",s)};return(u,s)=>t.skeleton?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["onyx-radio-button-skeleton",e.unref(r)])},[e.createVNode(v,{class:"onyx-radio-button-skeleton__input"}),e.createVNode(v,{class:"onyx-radio-button-skeleton__label"})],2)):(e.openBlock(),e.createElementBlock("label",{key:1,class:e.normalizeClass(["onyx-radio-button",e.unref(r)]),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.value,checked:t.selected,disabled:t.disabled,onChange:i},null,40,lo)),[[e.unref(a)]]),e.createElementVNode("span",{class:e.normalizeClass(["onyx-radio-button__label",[`onyx-truncation-${t.truncation}`]])},e.toDisplayString(t.label),3)],10,no))}}),ao=["disabled"],ro={key:0,class:"onyx-radio-button-group__headline"},so=e.defineComponent({__name:"OnyxRadioButtonGroup",props:{density:{},required:{type:Boolean,default:!1},requiredMarker:{},customError:{},options:{},name:{default:()=>O("radio-button-group-name")},modelValue:{},headline:{default:""},disabled:{type:Boolean,default:!1},direction:{default:"vertical"},skeleton:{}},emits:["update:modelValue","validityChange"],setup(n,{emit:o}){const t=n,{densityClass:l}=k(t),{requiredMarkerClass:a,requiredTypeClass:r}=w(t),i=o,u=(s,d)=>{s&&i("update:modelValue",d)};return(s,d)=>(e.openBlock(),e.createElementBlock("fieldset",{class:e.normalizeClass(["onyx-radio-button-group",e.unref(l),e.unref(r)]),disabled:t.disabled},[t.headline?(e.openBlock(),e.createElementBlock("legend",ro,[e.createVNode(P,{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)=>(e.openBlock(),e.createBlock(I,e.mergeProps({key:c.value.toString(),ref_for:!0},c,{name:t.name,"custom-error":t.customError,selected:c.value===t.modelValue,required:t.required,onValidityChange:p=>y===0&&i("validityChange",p),onChange:p=>u(p,c.value)}),null,16,["name","custom-error","selected","required","onValidityChange","onChange"]))),128)):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(t.skeleton,c=>(e.openBlock(),e.createBlock(I,{id:`skeleton-${c}`,key:c,value:`skeleton-${c}`,label:"Skeleton ${i}",name:t.name,skeleton:""},null,8,["id","value","name"]))),128))],2)],10,ao))}}),co='<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>',io={class:"onyx-truncation-ellipsis"},uo={class:"onyx-select__wrapper"},po=["placeholder","required","disabled","aria-label","title"],mo={key:0,class:"onyx-select__footer onyx-text--small onyx-truncation-ellipsis"},yo=e.defineComponent({__name:"OnyxSelect",props:{density:{},required:{type:Boolean},requiredMarker:{},label:{},options:{},modelValue:{},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(n){const o=n,{t}=E(),l=e.computed(()=>{if(o.multiple)return typeof o.multiple=="object"?o.multiple.textMode:"summary"}),a=e.computed(()=>Array.isArray(o.modelValue)?o.modelValue.length:o.modelValue?1:0),r=e.computed(()=>{var d;if(Array.isArray(o.modelValue)){const c=o.modelValue.length;if(!c)return"";if(c===1)return o.modelValue[0].label;switch(l.value){case"preview":return o.modelValue.map(({label:y})=>y).join(", ");case"summary":default:return t.value("selections.currentSelection",{n:c})}}return((d=o.modelValue)==null?void 0:d.label)??""}),{requiredMarkerClass:i,requiredTypeClass:u}=w(o),{densityClass:s}=k(o);return(d,c)=>o.skeleton?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["onyx-select-skeleton",e.unref(s)])},[o.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(v),{key:0,class:"onyx-select-skeleton__label"})),e.createVNode(e.unref(v),{class:"onyx-select-skeleton__input"})],2)):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["onyx-select",e.unref(u),e.unref(s),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(i)])},[e.createElementVNode("div",io,e.toDisplayString(o.label),1)],2)),e.createElementVNode("div",uo,[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=>r.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,po),[[e.vModelText,r.value]]),l.value==="preview"&&a.value>0?(e.openBlock(),e.createBlock(e.unref(te),{key:1,text:r.value,position:"bottom"},{default:e.withCtx(()=>[e.createVNode(e.unref(Z),{class:"onyx-select__badge",color:"neutral"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(a.value),1)]),_:1})]),_:1},8,["text"])):e.createCommentVNode("",!0),e.createVNode(e.unref(h),{icon:e.unref(co),class:"onyx-select__icon"},null,8,["icon"])])]),o.message?(e.openBlock(),e.createElementBlock("div",mo,e.toDisplayString(o.message),1)):e.createCommentVNode("",!0)],2))}}),fo=["summary","preview"],_o='<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>',ko='<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>',ho={class:"onyx-switch-skeleton__click-area"},vo=["title"],xo=["aria-label","disabled","required"],Co={class:"onyx-switch__click-area"},bo={class:"onyx-switch__container"},go={class:"onyx-switch__icon"},Bo=e.createElementVNode("div",{class:"onyx-switch__frame"},null,-1),Vo=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(n,{emit:o}){const t=n,l=o,{requiredMarkerClass:a,requiredTypeClass:r}=w(t),{densityClass:i}=k(t),{vCustomValidity:u}=T({props:t,emit:l}),s=e.computed({get:()=>t.modelValue,set:d=>{l("update:modelValue",d)}});return(d,c)=>t.skeleton?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["onyx-switch-skeleton",e.unref(i)])},[e.createElementVNode("span",ho,[e.createVNode(v,{class:"onyx-switch-skeleton__input"})]),t.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(v,{key:0,class:"onyx-switch-skeleton__label"}))],2)):(e.openBlock(),e.createElementBlock("label",{key:1,class:e.normalizeClass(["onyx-switch",[e.unref(r),e.unref(i)]]),title:t.hideLabel?t.label:void 0},[e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":c[0]||(c[0]=y=>s.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,xo),[[e.vModelCheckbox,s.value],[e.unref(u)]]),e.createElementVNode("span",Co,[e.createElementVNode("span",bo,[e.createElementVNode("span",go,[t.loading?(e.openBlock(),e.createBlock(e.unref(b),{key:0,class:"onyx-switch__spinner",type:"circle"})):(e.openBlock(),e.createBlock(e.unref(h),{key:1,icon:s.value?e.unref(_o):e.unref(ko),size:"24px"},null,8,["icon"]))]),Bo])]),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,vo))}}),Eo=e.defineComponent({__name:"OnyxTable",props:{density:{},striped:{type:Boolean,default:!1},grid:{type:Boolean,default:!1}},setup(n){const o=n,{densityClass:t}=k(o);return(l,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(l.$slots,"default")],2))}}),So={class:"onyx-tooltip-wrapper"},te=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(n){const o=n,{elements:{trigger:t,tooltip:l},state:{isVisible:a}}=Ft({open:e.computed(()=>o.open)});return(r,i)=>(e.openBlock(),e.createElementBlock("div",So,[e.createElementVNode("div",e.mergeProps(e.unref(l),{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(h,{key:0,icon:o.icon,size:"16px"},null,8,["icon"])):e.createCommentVNode("",!0),e.renderSlot(r.$slots,"tooltip",{},()=>[e.createElementVNode("span",null,e.toDisplayString(o.text),1)])],16),e.createElementVNode("div",e.normalizeProps(e.guardReactiveProps(e.unref(t))),[e.renderSlot(r.$slots,"default")],16)]))}}),wo=["top","bottom"],Lo={class:"onyx-text onyx-truncation-ellipsis"},No=e.defineComponent({__name:"OnyxTag",props:{density:{},label:{},color:{default:"primary"},icon:{}},setup(n){const o=n,{densityClass:t}=k(o);return(l,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["onyx-tag",`onyx-tag--${o.color}`,e.unref(t)])},[o.icon?(e.openBlock(),e.createBlock(h,{key:0,icon:o.icon,size:"16px"},null,8,["icon"])):e.createCommentVNode("",!0),e.createElementVNode("span",Lo,e.toDisplayString(o.label),1)],2))}}),$o='<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 32 32"><path d="m20.207 9.707-1.414-1.414L11.086 16l7.707 7.707 1.414-1.414L13.914 16z"/></svg>',To={class:"onyx-user-menu"},Oo={class:"onyx-user-menu__trigger onyx-text"},Mo={class:"onyx-truncation-ellipsis"},Ao={class:"onyx-user-menu__header"},Io={class:"onyx-truncation-ellipsis"},Po={class:"onyx-user-menu__username onyx-text onyx-truncation-ellipsis"},Do={key:0,class:"onyx-user-menu__description onyx-text--small onyx-truncation-ellipsis"},zo={class:"onyx-user-menu__footer onyx-text--small"},Fo=e.defineComponent({__name:"OnyxUserMenu",props:{username:{},options:{},avatar:{},description:{}},emits:["optionClick"],setup(n,{emit:o}){const t=n,l=o,a=e.useSlots(),{t:r}=E(),i=e.computed(()=>typeof t.avatar=="object"?{...t.avatar,label:t.username}:{src:t.avatar,label:t.username});return(u,s)=>(e.openBlock(),e.createElementBlock("div",To,[e.createElementVNode("button",Oo,[e.createVNode(M,e.mergeProps(i.value,{size:"24px"}),null,16),e.createElementVNode("span",Mo,e.toDisplayString(t.username),1),e.createVNode(h,{class:"onyx-user-menu__chevron",icon:e.unref($o)},null,8,["icon"])]),e.createVNode(ee,{class:"onyx-user-menu__flyout","aria-label":e.unref(r)("userMenuLabel")},e.createSlots({header:e.withCtx(()=>[e.createElementVNode("div",Ao,[e.createVNode(M,e.normalizeProps(e.guardReactiveProps(i.value)),null,16),e.createElementVNode("div",Io,[e.createElementVNode("div",Po,e.toDisplayString(t.username),1),t.description?(e.openBlock(),e.createElementBlock("div",Do,e.toDisplayString(t.description),1)):e.createCommentVNode("",!0)])])]),default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.options,d=>(e.openBlock(),e.createBlock(D,{key:d.value.toString(),class:e.normalizeClass({"onyx-user-menu-item--danger":d.color==="danger"}),color:d.color,onClick:c=>l("optionClick",d.value)},{default:e.withCtx(()=>[d.icon?(e.openBlock(),e.createBlock(h,{key:0,icon:d.icon},null,8,["icon"])):e.createCommentVNode("",!0),e.createTextVNode(e.toDisplayString(d.label),1)]),_:2},1032,["class","color","onClick"]))),128))]),_:2},[e.unref(a).footer?{name:"footer",fn:e.withCtx(()=>[e.createElementVNode("div",zo,[e.renderSlot(u.$slots,"footer")])]),key:"0"}:void 0]),1032,["aria-label"])]))}}),Ro=["primary","secondary","neutral","danger","warning","success","info"],Uo=["small","default","large"],qo=["ellipsis","multiline"],Ho=["horizontal","vertical"],Zo=n=>({install:o=>{ct(o,n.i18n);const t=o.runWithContext(()=>E());e.watchEffect(()=>jo(t.t.value("optional")))}}),jo=n=>globalThis.document.body.style.setProperty("--onyx-global-optional-text",n);exports.AUTOCAPITALIZE=Lt;exports.AVATAR_TYPES=ge;exports.BUTTON_COLORS=Ge;exports.BUTTON_MODES=Ke;exports.BUTTON_TYPES=je;exports.DENSITIES=Ee;exports.DIRECTIONS=Ho;exports.HEADLINE_TYPES=kt;exports.ICON_SIZES=ht;exports.INPUT_TYPES=wt;exports.LINK_TARGETS=Tt;exports.MULTISELECT_TEXT_MODE=fo;exports.ONYX_COLORS=Ro;exports.OnyxAppLayout=se;exports.OnyxAvatar=M;exports.OnyxAvatarStack=Ve;exports.OnyxBadge=Z;exports.OnyxButton=Ze;exports.OnyxCheckbox=$;exports.OnyxCheckboxGroup=mt;exports.OnyxEmpty=Y;exports.OnyxHeadline=P;exports.OnyxIcon=h;exports.OnyxIconButton=xt;exports.OnyxInput=St;exports.OnyxLink=$t;exports.OnyxListbox=Kt;exports.OnyxListboxOption=A;exports.OnyxLoadingIndicator=b;exports.OnyxNavItem=Wt;exports.OnyxPageLayout=oo;exports.OnyxRadioButton=I;exports.OnyxRadioButtonGroup=so;exports.OnyxSelect=yo;exports.OnyxSkeleton=v;exports.OnyxSwitch=Vo;exports.OnyxTable=Eo;exports.OnyxTag=No;exports.OnyxTooltip=te;exports.OnyxUserMenu=Fo;exports.TEXT_SIZES=Uo;exports.TOOLTIP_POSITIONS=wo;exports.TRUNCATION_TYPES=qo;exports.createOnyx=Zo;exports.useDensity=k;exports.useScrollEnd=Q;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),re={key:0,class:"onyx-app__nav"},se={class:"onyx-app__page"},ce={key:1,class:"onyx-app__page-overlay"},ie={key:2,class:"onyx-app__app-overlay"},de=e.defineComponent({__name:"OnyxAppLayout",props:{navBarAlignment:{default:"top"}},setup(n){const o=n,t=e.useSlots();return(l,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("div",re,[e.renderSlot(l.$slots,"navBar")])):e.createCommentVNode("",!0),e.createElementVNode("div",se,[e.renderSlot(l.$slots,"default")]),e.unref(t).pageOverlay?(e.openBlock(),e.createElementBlock("div",ce,[e.renderSlot(l.$slots,"pageOverlay")])):e.createCommentVNode("",!0),e.unref(t).appOverlay?(e.openBlock(),e.createElementBlock("div",ie,[e.renderSlot(l.$slots,"appOverlay")])):e.createCommentVNode("",!0)],2))}}),S=(n,o)=>{const t=n.__vccOpts||n;for(const[l,a]of o)t[l]=a;return t},ue={},pe={xmlns:"http://www.w3.org/2000/svg",width:"32",height:"32",viewBox:"0 0 32 32",fill:"none"},me=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),ye=[me];function fe(n,o){return e.openBlock(),e.createElementBlock("svg",pe,ye)}const _e=S(ue,[["render",fe]]),ke={},ve={xmlns:"http://www.w3.org/2000/svg",width:"32",height:"32",viewBox:"0 0 32 32",fill:"none"},he=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),xe=[he];function Ce(n,o){return e.openBlock(),e.createElementBlock("svg",ve,xe)}const ge=S(ke,[["render",Ce]]),be=["title"],Be=["src","alt"],Ee={key:2,class:"onyx-avatar__initials"},A=e.defineComponent({__name:"OnyxAvatar",props:{size:{default:"48px"},label:{},src:{},type:{default:"initials"}},setup(n){const o=n,t=e.useSlots(),l=e.computed(()=>{const r=o.label.split(" ");return(r.length>1?`${r[0].charAt(0)}${r[1].charAt(0)}`:r[0].substring(0,2)).toUpperCase()}),a=e.ref(!1);return e.watch(()=>o.src,()=>a.value=!1),(r,s)=>(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:s[0]||(s[0]=d=>a.value=!0)},null,40,Be)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[o.type==="female"?(e.openBlock(),e.createBlock(_e,{key:0,class:"onyx-avatar__svg"})):o.type==="male"?(e.openBlock(),e.createBlock(ge,{key:1,class:"onyx-avatar__svg"})):(e.openBlock(),e.createElementBlock("div",Ee,[e.renderSlot(r.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(l.value),1)])]))],64))],10,be))}}),Ve=["initials","female","male"],Se={class:"onyx-avatar-stack"},we=e.defineComponent({__name:"OnyxAvatarStack",setup(n){return(o,t)=>(e.openBlock(),e.createElementBlock("div",Se,[e.renderSlot(o.$slots,"default")]))}}),Le=["compact","default","cozy"],k=n=>({densityClass:e.computed(()=>({[`onyx-density-${n.density}`]:n.density}))}),Ne=["innerHTML"],v=e.defineComponent({__name:"OnyxIcon",props:{size:{default:"24px"},icon:{},color:{default:"currentColor"}},setup(n){const o=n;return(t,l)=>(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,Ne))}}),$e={},Te={class:"onyx-circle-spinner",viewBox:"0 0 50 50"},Oe=e.createElementVNode("circle",{class:"onyx-circle-spinner__circle",cx:"50%",cy:"50%",r:"45%"},null,-1),Ae=[Oe];function Me(n,o){return e.openBlock(),e.createElementBlock("svg",Te,Ae)}const Ie=S($e,[["render",Me]]),Pe={},De={class:"onyx-loading-dots"},ze=e.createElementVNode("span",{class:"onyx-loading-dots__center"},null,-1),Fe=[ze];function Ue(n,o){return e.openBlock(),e.createElementBlock("div",De,Fe)}const Re=S(Pe,[["render",Ue]]),g=e.defineComponent({__name:"OnyxLoadingIndicator",props:{type:{default:"dots"}},setup(n){const o=n;return(t,l)=>o.type==="circle"?(e.openBlock(),e.createBlock(Ie,{key:0})):o.type==="dots"?(e.openBlock(),e.createBlock(Re,{key:1})):e.createCommentVNode("",!0)}}),qe={},He={"aria-hidden":"true",class:"onyx-skeleton"};function Ze(n,o){return e.openBlock(),e.createElementBlock("figure",He)}const h=S(qe,[["render",Ze]]),je=["disabled","type","aria-label"],Ke={key:2,class:"onyx-button__label onyx-truncation-ellipsis"},Ge=e.defineComponent({__name:"OnyxButton",props:{density:{},label:{},disabled:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},type:{default:"button"},color:{default:"primary"},mode:{default:"default"},icon:{},skeleton:{type:Boolean,default:!1}},emits:["click"],setup(n,{emit:o}){const t=n,{densityClass:l}=k(t),a=o;return(r,s)=>t.skeleton?(e.openBlock(),e.createBlock(h,{key:0,class:e.normalizeClass(["onyx-button-skeleton",e.unref(l)])},null,8,["class"])):(e.openBlock(),e.createElementBlock("button",{key:1,class:e.normalizeClass(["onyx-button",`onyx-button--${t.color}`,`onyx-button--${t.mode}`,{"onyx-button--loading":t.loading},e.unref(l)]),disabled:t.disabled||t.loading,type:t.type,"aria-label":t.loading?t.label:void 0,onClick:s[0]||(s[0]=d=>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(g,{key:1,class:"onyx-button__loading"})):(e.openBlock(),e.createElementBlock("span",Ke,e.toDisplayString(t.label),1))],10,je))}}),Ye=["button","submit","reset"],Xe=["primary","neutral","danger"],We=["default","outline","plain"],Z=e.defineComponent({__name:"OnyxBadge",props:{density:{},color:{default:"primary"},icon:{},dot:{type:Boolean,default:!1}},setup(n){const o=n,{densityClass:t}=k(o);return(l,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["onyx-badge",["onyx-truncation-ellipsis","onyx-text",`onyx-badge--${o.color}`,o.dot?"onyx-badge--dot":"",e.unref(t)]])},[o.dot?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[o.icon?(e.openBlock(),e.createBlock(v,{key:0,class:"onyx-badge__icon",icon:o.icon,size:o.density==="cozy"?"24px":"16px"},null,8,["icon","size"])):e.renderSlot(l.$slots,"default",{key:1})],64))],2))}}),w=n=>({requiredTypeClass:e.computed(()=>({[`onyx-use-${n.requiredMarker}`]:n.requiredMarker})),requiredMarkerClass:e.computed(()=>({"onyx-required-marker":n.required,"onyx-optional-marker":!n.required}))}),Je=()=>Object.entries(Object.getOwnPropertyDescriptors(ValidityState.prototype)).filter(([n,o])=>o.enumerable).map(([n])=>n),Qe=n=>Je().reduce((o,t)=>(o[t]=n[t],o),{}),et=(n,o)=>{const t=Object.entries(n).filter(([a,r])=>r!==void 0),l=Object.entries(o).filter(([a,r])=>r!==void 0);return t.length!==l.length?!1:t.every(([a,r])=>r===o[a])},tt=(n,o)=>n.reduce((t,l)=>{const a=l[o]??"";return t[a]=t[a]||[],t[a].push(l),t},{}),T=n=>{const o=e.ref(),t=e.ref(!1);return e.watch(()=>n.props.modelValue,()=>t.value=!0,{once:!0}),{vCustomValidity:{mounted:a=>{e.watchEffect(()=>a.setCustomValidity(n.props.customError??"")),e.watch([()=>n.props.customError,()=>n.props.modelValue,t],()=>{const r=Qe(a.validity);!t.value||!o.value&&r.valid||o.value&&et(r,o.value)||(o.value=r,n.emit("validityChange",o.value))},{immediate:!0})}}}},ot={class:"onyx-checkbox__container"},nt=["aria-label","title","indeterminate","disabled","required","value"],$=e.defineComponent({__name:"OnyxCheckbox",props:{density:{},value:{},label:{},hideLabel:{type:Boolean},disabled:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},skeleton:{type:Boolean,default:!1},truncation:{default:"ellipsis"},required:{type:Boolean,default:!1},requiredMarker:{},customError:{},modelValue:{type:Boolean,default:!1},indeterminate:{type:Boolean,default:!1}},emits:["update:modelValue","validityChange"],setup(n,{emit:o}){const t=n,l=o,a=e.computed({get:()=>t.modelValue,set:u=>l("update:modelValue",u)}),{requiredMarkerClass:r,requiredTypeClass:s}=w(t),{densityClass:d}=k(t),{vCustomValidity:c}=T({props:t,emit:l});return(u,i)=>t.skeleton?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["onyx-checkbox-skeleton",e.unref(d)])},[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(s),e.unref(d)]])},[e.createElementVNode("div",ot,[t.loading?(e.openBlock(),e.createBlock(e.unref(g),{key:0,class:"onyx-checkbox__loading",type:"circle"})):e.withDirectives((e.openBlock(),e.createElementBlock("input",{key:1,"onUpdate:modelValue":i[0]||(i[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,value:t.value},null,8,nt)),[[e.vModelCheckbox,a.value],[e.unref(c)]])]),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(r):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(r)]])},null,2)):e.createCommentVNode("",!0)],64))],2))}}),lt=(n,o)=>e.computed(()=>{const t=o.value.filter(a=>n.value.includes(a)),l=t.length===n.value.length;return{modelValue:l,indeterminate:!l&&n.value.length&&t.length?!0:void 0}}),j=(n,o,t)=>({state:lt(n,o),handleChange:l=>{const a=o.value.filter(s=>!n.value.includes(s)),r=l?a.concat(n.value):a;t(r)}}),at="(optional)",rt={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.'}},st={selectAll:"Select all",currentSelection:"{n} selected"},ct="No data available",it="Subpages of {label}",dt={appLogo:"App logo",goBack:"Go back",userMenuLabel:"User options"},q={optional:at,validations:rt,selections:st,empty:ct,navItemOptionsLabel:it,navigation:dt},K=Symbol(),G=n=>{const o=e.computed(()=>e.unref(n==null?void 0:n.locale)??"en-US"),t=e.computed(()=>n!=null&&n.messages&&o.value in n.messages?n.messages[o.value]:q),l=e.computed(()=>(a,r={})=>{let s=H(a,t.value)??H(a,q)??"";const d=typeof r.n=="number"?r.n:void 0;return s=pt(s,d),mt(s,r)});return{locale:o,t:l}},ut=(n,o)=>n.provide(K,G(o)),E=()=>e.inject(K,()=>G(),!0),H=(n,o)=>{const t=n.split(".").reduce((l,a)=>!l||typeof l=="string"?l:l[a],o);return t&&typeof t=="string"?t:void 0},pt=(n,o)=>{const t=n.split(" | ").map(a=>a.trim());if(t.length<=1)return n;let l=1;return o===0&&(l=0),o&&(o<=0||o>1)&&(l=2),t.length===2?l===1?t[0]:t[1]:t[l]},mt=(n,o)=>o?Object.entries(o).reduce((l,[a,r])=>r===void 0?l:l.replace(new RegExp(`{${a}}`,"gi"),r.toString()),n).replace(/\s?{.*}\s?/gi,""):n,yt=["disabled"],ft={key:0,class:"onyx-checkbox-group__label"},_t=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(n,{emit:o}){const t=n,{densityClass:l}=k(t),a=o,{t:r}=E(),s=(i,y)=>{const p=y?[...t.modelValue,i]:t.modelValue.filter(f=>f!==i);a("update:modelValue",p)},d=e.computed(()=>t.options.filter(i=>!i.disabled&&!i.skeleton).map(({value:i})=>i)),c=j(d,e.computed(()=>t.modelValue),i=>a("update:modelValue",i)),u=e.computed(()=>{var y;const i=r.value("selections.selectAll");return typeof t.withCheckAll=="boolean"?i:((y=t.withCheckAll)==null?void 0:y.label)??i});return(i,y)=>(e.openBlock(),e.createElementBlock("fieldset",{class:e.normalizeClass(["onyx-checkbox-group",e.unref(l)]),disabled:t.disabled},[t.headline?(e.openBlock(),e.createElementBlock("legend",ft,[e.createVNode(e.unref(P),{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","onyx-checkbox-group__content--vertical":t.direction==="vertical"}])},[t.skeleton===void 0?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[t.withCheckAll?(e.openBlock(),e.createBlock($,e.mergeProps({key:0},e.unref(c).state.value,{label:u.value,value:"all",class:"onyx-checkbox-group__option onyx-checkbox-group__check-all","onUpdate:modelValue":e.unref(c).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($,e.mergeProps({key:p.value.toString(),ref_for:!0},p,{"model-value":t.modelValue.includes(p.value),class:"onyx-checkbox-group__option","onUpdate:modelValue":f=>s(p.value,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($,{key:p,label:`Skeleton ${p}`,value:`skeleton-${p}`,skeleton:""},null,8,["label","value"]))),128))],2)],10,yt))}}),kt='<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>',vt={class:"onyx-empty"},ht={class:"onyx-empty__label onyx-text onyx-truncation-multiline"},Y=e.defineComponent({__name:"OnyxEmpty",setup(n){return(o,t)=>(e.openBlock(),e.createElementBlock("div",vt,[e.renderSlot(o.$slots,"icon",{},()=>[e.createVNode(v,{icon:e.unref(kt),size:"48px"},null,8,["icon"])]),e.createElementVNode("div",ht,[e.renderSlot(o.$slots,"default")])]))}}),P=e.defineComponent({__name:"OnyxHeadline",props:{is:{},monospace:{type:Boolean,default:!1}},setup(n){const o=n;return(t,l)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.is),{class:e.normalizeClass(["onyx-headline",`onyx-headline--${o.is}`,o.monospace?"onyx-headline--monospace":""])},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},8,["class"]))}}),xt=["h1","h2","h3","h4","h5","h6"],Ct=["12px","16px","24px","32px","48px","64px","96px"],gt=["aria-label","title","disabled"],X=e.defineComponent({__name:"OnyxIconButton",props:{density:{},label:{},disabled:{type:Boolean,default:!1},type:{default:"button"},color:{default:"primary"},loading:{type:Boolean},icon:{},skeleton:{type:Boolean,default:!1}},emits:["click"],setup(n,{emit:o}){const t=n,{densityClass:l}=k(t),a=o;return(r,s)=>t.skeleton?(e.openBlock(),e.createBlock(h,{key:0,class:e.normalizeClass(["onyx-icon-button-skeleton",e.unref(l)])},null,8,["class"])):(e.openBlock(),e.createElementBlock("button",{key:1,class:e.normalizeClass(["onyx-icon-button",[`onyx-icon-button--${t.color}`,{"onyx-icon-button--loading":t.loading},e.unref(l)]]),"aria-label":t.label,title:t.label,disabled:t.disabled||t.loading,onClick:s[0]||(s[0]=d=>a("click"))},[t.loading?(e.openBlock(),e.createBlock(g,{key:0,type:"circle"})):t.icon?(e.openBlock(),e.createBlock(v,{key:1,icon:t.icon},null,8,["icon"])):e.renderSlot(r.$slots,"default",{key:2})],10,gt))}}),bt={class:"onyx-truncation-ellipsis"},Bt={class:"onyx-input__wrapper"},Et=["placeholder","type","required","autocapitalize","autocomplete","autofocus","name","pattern","readonly","disabled","minlength","maxlength","aria-label","title"],Vt={key:0,class:"onyx-input__footer onyx-text--small"},St={key:0,class:"onyx-truncation-ellipsis"},wt={key:1,class:"onyx-input__counter"},Lt=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(n,{emit:o}){const t=n,l=o,{vCustomValidity:a}=T({props:t,emit:l}),{requiredMarkerClass:r,requiredTypeClass:s}=w(t),{densityClass:d}=k(t),c=e.computed({get:()=>t.modelValue,set:p=>l("update:modelValue",p)}),u=p=>{const f=p.target.value;l("change",f)},i=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(d)])},[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(s),e.unref(d)])},[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(r)])},[e.createElementVNode("div",bt,e.toDisplayString(t.label),1)],2)),e.createElementVNode("div",Bt,[t.loading?(e.openBlock(),e.createBlock(g,{key:0,class:"onyx-input__loading",type:"circle"})):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":f[0]||(f[0]=b=>c.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:u,onFocus:f[1]||(f[1]=b=>l("focus")),onBlur:f[2]||(f[2]=b=>l("blur"))},null,40,Et),[[e.vModelDynamic,c.value],[e.unref(a)]])])]),t.message||y.value?(e.openBlock(),e.createElementBlock("div",Vt,[t.message?(e.openBlock(),e.createElementBlock("span",St,e.toDisplayString(t.message),1)):e.createCommentVNode("",!0),y.value?(e.openBlock(),e.createElementBlock("span",wt,e.toDisplayString(c.value.length)+"/"+e.toDisplayString(t.maxlength),1)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)],2))}}),Nt=["email","password","search","tel","text","url"],$t=["none","sentences","words","characters"],W='<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>',J=n=>/^http(s?):\/\//.test(n),Tt=["href","target","rel"],Ot=e.defineComponent({__name:"OnyxLink",props:{href:{},target:{default:"_self"},withExternalIcon:{type:[Boolean,String],default:"auto"}},emits:["click"],setup(n,{emit:o}){const t=n,l=o,a=e.computed(()=>t.withExternalIcon!=="auto"?t.withExternalIcon:J(t.href));return(r,s)=>(e.openBlock(),e.createElementBlock("a",{class:"onyx-link",href:t.href,target:t.target,rel:t.target==="_blank"?"noreferrer":void 0,onClick:s[0]||(s[0]=d=>l("click"))},[e.renderSlot(r.$slots,"default"),a.value?(e.openBlock(),e.createBlock(v,{key:0,class:"onyx-link__icon",icon:e.unref(W),size:"16px"},null,8,["icon"])):e.createCommentVNode("",!0)],8,Tt))}}),At=["_self","_blank","_parent","_top"],Q=n=>n,Mt=(()=>{let n=1;return()=>n++})(),O=n=>`${n}-${Mt()}`,It=n=>!Dt.has(n),Pt=["Unidentified","Alt","AltGraph","CapsLock","Control","Fn","FnLock","Meta","NumLock","ScrollLock","Shift","Symbol","SymbolLock","Hyper","Super","Enter","Tab","ArrowDown","ArrowLeft","ArrowRight","ArrowUp","End","Home","PageDown","PageUp","Backspace","Clear","Copy","CrSel","Cut","Delete","EraseEof","ExSel","Insert","Paste","Redo","Undo","Accept","Again","Attn","Cancel","ContextMenu","Escape","Execute","Find","Help","Pause","Play","Props","Select","ZoomIn","ZoomOut","BrightnessDown","BrightnessUp","Eject","LogOff","Power","PowerOff","PrintScreen","Hibernate","Standby","WakeUp","AllCandidates","Alphanumeric","CodeInput","Compose","Convert","Dead","FinalMode","GroupFirst","GroupLast","GroupNext","GroupPrevious","ModeChange","NextCandidate","NonConvert","PreviousCandidate","Process","SingleCandidate","HangulMode","HanjaMode","JunjaMode","Eisu","Hankaku","Hiragana","HiraganaKatakana","KanaMode","KanjiMode","Katakana","Romaji","Zenkaku","ZenkakuHankaku","F1","F2","F3","F4","F5","F6","F7","F8","F9","F10","F11","F12","Soft1","Soft2","Soft3","Soft4","ChannelDown","ChannelUp","Close","MailForward","MailReply","MailSend","MediaClose","MediaFastForward","MediaPause","MediaPlay","MediaPlayPause","MediaRecord","MediaRewind","MediaStop","MediaTrackNext","MediaTrackPrevious","New","Open","Print","Save","SpellCheck","Key11","Key12","AudioBalanceLeft","AudioBalanceRight","AudioBassBoostDown","AudioBassBoostToggle","AudioBassBoostUp","AudioFaderFront","AudioFaderRear","AudioSurroundModeNext","AudioTrebleDown","AudioTrebleUp","AudioVolumeDown","AudioVolumeUp","AudioVolumeMute","MicrophoneToggle","MicrophoneVolumeDown","MicrophoneVolumeUp","MicrophoneVolumeMute","SpeechCorrectionList","SpeechInputToggle","LaunchApplication1","LaunchApplication2","LaunchCalendar","LaunchContacts","LaunchMail","LaunchMediaPlayer","LaunchMusicPlayer","LaunchPhone","LaunchScreenSaver","LaunchSpreadsheet","LaunchWebBrowser","LaunchWebCam","LaunchWordProcessor","BrowserBack","BrowserFavorites","BrowserForward","BrowserHome","BrowserRefresh","BrowserSearch","BrowserStop","AppSwitch","Call","Camera","CameraFocus","EndCall","GoBack","GoHome","HeadsetHook","LastNumberRedial","Notification","MannerMode","VoiceDial","TV","TV3DMode","TVAntennaCable","TVAudioDescription","TVAudioDescriptionMixDown","TVAudioDescriptionMixUp","TVContentsMenu","TVDataService","TVInput","TVInputComponent1","TVInputComponent2","TVInputComposite1","TVInputComposite2","TVInputHDMI1","TVInputHDMI2","TVInputHDMI3","TVInputHDMI4","TVInputVGA1","TVMediaContext","TVNetwork","TVNumberEntry","TVPower","TVRadioService","TVSatellite","TVSatelliteBS","TVSatelliteCS","TVSatelliteToggle","TVTerrestrialAnalog","TVTerrestrialDigital","TVTimer","AVRInput","AVRPower","ColorF0Red","ColorF1Green","ColorF2Yellow","ColorF3Blue","ColorF4Grey","ColorF5Brown","ClosedCaptionToggle","Dimmer","DisplaySwap","DVR","Exit","FavoriteClear0","FavoriteClear1","FavoriteClear2","FavoriteClear3","FavoriteRecall0","FavoriteRecall1","FavoriteRecall2","FavoriteRecall3","FavoriteStore0","FavoriteStore1","FavoriteStore2","FavoriteStore3","Guide","GuideNextDay","GuidePreviousDay","Info","InstantReplay","Link","ListProgram","LiveContent","Lock","MediaApps","MediaAudioTrack","MediaLast","MediaSkipBackward","MediaSkipForward","MediaStepBackward","MediaStepForward","MediaTopMenu","NavigateIn","NavigateNext","NavigateOut","NavigatePrevious","NextFavoriteChannel","NextUserProfile","OnDemand","Pairing","PinPDown","PinPMove","PinPToggle","PinPUp","PlaySpeedDown","PlaySpeedReset","PlaySpeedUp","RandomToggle","RcLowBattery","RecordSpeedNext","RfBypass","ScanChannelsToggle","ScreenModeNext","Settings","SplitScreenToggle","STBInput","STBPower","Subtitle","Teletext","VideoModeNext","Wink","ZoomToggle","AudioVolumeDown","AudioVolumeUp","AudioVolumeMute","BrowserBack","BrowserForward","ChannelDown","ChannelUp","ContextMenu","Eject","End","Enter","Home","MediaFastForward","MediaPlay","MediaPlayPause","MediaRecord","MediaRewind","MediaStop","MediaNextTrack","MediaPause","MediaPreviousTrack","Power","Unidentified"],Dt=new Set(Pt),zt=(n,o)=>{let t;return(...l)=>{clearTimeout(t),t=setTimeout(()=>n(...l),o)}},Ft=(n,o=500)=>{let t="";const l=zt(()=>t="",o);return a=>{It(a.key)&&(l(),t=`${t}${a.key}`,n(t))}},Ut=Q(n=>{const o=e.computed(()=>e.unref(n.multiple)??!1),t=new Map,l=c=>(t.has(c)||t.set(c,O("listbox-option")),t.get(c)),a=e.ref(!1);e.watchEffect(()=>{var u;if(n.activeOption.value==null||!a.value&&!n.controlled)return;const c=l(n.activeOption.value);(u=document.getElementById(c))==null||u.scrollIntoView({block:"nearest",inline:"nearest"})});const r=Ft(c=>{var u;return(u=n.onTypeAhead)==null?void 0:u.call(n,c)}),s=c=>{var u,i,y,p,f,b,V;switch(c.key){case" ":c.preventDefault(),n.activeOption.value!=null&&((u=n.onSelect)==null||u.call(n,n.activeOption.value));break;case"ArrowUp":if(c.preventDefault(),n.activeOption.value==null){(i=n.onActivateLast)==null||i.call(n);return}(y=n.onActivatePrevious)==null||y.call(n,n.activeOption.value);break;case"ArrowDown":if(c.preventDefault(),n.activeOption.value==null){(p=n.onActivateFirst)==null||p.call(n);return}(f=n.onActivateNext)==null||f.call(n,n.activeOption.value);break;case"Home":c.preventDefault(),(b=n.onActivateFirst)==null||b.call(n);break;case"End":c.preventDefault(),(V=n.onActivateLast)==null||V.call(n);break;default:r(c)}};return{elements:{listbox:e.computed(()=>n.controlled?{role:"listbox","aria-multiselectable":o.value,"aria-label":e.unref(n.label),tabindex:"-1"}:{role:"listbox","aria-multiselectable":o.value,"aria-label":e.unref(n.label),tabindex:"0","aria-activedescendant":n.activeOption.value!=null?l(n.activeOption.value):void 0,onFocus:()=>a.value=!0,onBlur:()=>a.value=!1,onKeydown:s}),group:e.computed(()=>c=>({role:"group","aria-label":c.label})),option:e.computed(()=>c=>{const u=c.selected??!1;return{id:l(c.value),role:"option","aria-label":c.label,"aria-checked":o.value?u:void 0,"aria-selected":o.value?void 0:u,"aria-disabled":c.disabled,onClick:()=>{var i;return!c.disabled&&((i=n.onSelect)==null?void 0:i.call(n,c.value))}}})},state:{isFocused:a},internals:{getOptionId:l}}}),Rt=Q(n=>{const o=O("tooltip"),t=e.ref(!1);let l;const a=e.computed(()=>{const p=e.unref(n.open);return typeof p!="object"?200:p.debounce}),r=e.computed(()=>{const p=e.unref(n.open);return typeof p!="object"?p:p.type}),s=e.computed({get:()=>t.value,set:p=>{clearTimeout(l),l=setTimeout(()=>{t.value=p},a.value)}}),d=e.computed(()=>typeof r.value=="boolean"?r.value:s.value),c=()=>{t.value=!t.value},u=e.computed(()=>{if(r.value==="hover")return{onMouseover:()=>s.value=!0,onMouseout:()=>s.value=!1,onFocusin:()=>t.value=!0,onFocusout:()=>t.value=!1}}),i=p=>{p.key==="Escape"&&(t.value=!1)},y=p=>{var V;const f=(V=document.getElementById(o))==null?void 0:V.parentElement;if(!f||!(p.target instanceof Node))return;!f.contains(p.target)&&(t.value=!1)};return e.onBeforeMount(()=>{document.addEventListener("keydown",i),e.watchEffect(()=>{r.value==="click"?document.addEventListener("click",y):document.removeEventListener("click",y)})}),e.onBeforeUnmount(()=>{document.addEventListener("keydown",i),document.addEventListener("click",y)}),{elements:{trigger:e.computed(()=>({"aria-describedby":o,onClick:r.value==="click"?c:void 0,...u.value})),tooltip:e.computed(()=>({role:"tooltip",id:o,tabindex:"-1",...u.value}))},state:{isVisible:d}}}),ee=n=>{const t=e.ref(!1),l=r=>{const s=r.target;if(!(s instanceof Element))return;const d=e.unref(n.offset)??0;t.value=Math.abs(s.scrollTop)+s.clientHeight>=s.scrollHeight-d-1};return{vScrollEnd:{mounted:r=>{e.watchEffect(()=>{var d;(((d=n.enabled)==null?void 0:d.value)??!0)&&!n.loading.value?r.addEventListener("scroll",l):r.removeEventListener("scroll",l)})}},isScrollEnd:t}},D=e.defineComponent({__name:"OnyxListItem",props:{color:{},active:{type:Boolean}},setup(n){const o=n;return(t,l)=>(e.openBlock(),e.createElementBlock("li",{class:e.normalizeClass({"onyx-list-item":!0,"onyx-list-item--active":o.active,"onyx-list-item--danger":o.color==="danger"})},[e.renderSlot(t.$slots,"default")],2))}}),qt=["checked","aria-labelledby","disabled","indeterminate"],Ht={class:"onyx-truncation-ellipsis"},M=e.defineComponent({__name:"OnyxListboxOption",props:{density:{},active:{type:Boolean,default:!1},multiple:{type:Boolean,default:!1},indeterminate:{type:Boolean},icon:{},color:{default:"primary"}},setup(n){const o=n,{densityClass:t}=k(o);return(l,a)=>(e.openBlock(),e.createBlock(D,{class:e.normalizeClass(["onyx-listbox-option",e.unref(t)]),active:o.active,color:o.color},{default:e.withCtx(()=>[o.multiple?(e.openBlock(),e.createElementBlock("input",{key:0,checked:!!l.$attrs["aria-checked"],"aria-labelledby":l.$attrs.id,disabled:!!l.$attrs["aria-disabled"],indeterminate:o.indeterminate,"aria-hidden":"true",tabindex:"-1",class:"onyx-listbox-option__checkbox",type:"checkbox"},null,8,qt)):e.createCommentVNode("",!0),o.icon?(e.openBlock(),e.createBlock(v,{key:1,icon:o.icon},null,8,["icon"])):e.createCommentVNode("",!0),e.createElementVNode("span",Ht,[e.renderSlot(l.$slots,"default")])]),_:3},8,["class","active","color"]))}}),Zt=["aria-busy"],jt={key:0,class:"onyx-listbox__slot onyx-listbox__slot--loading"},Kt={key:0,role:"presentation",class:"onyx-listbox__group-name onyx-text--small"},Gt={key:0,class:"onyx-listbox__slot"},Yt={key:1,class:"onyx-listbox__slot"},Xt=e.defineComponent({__name:"OnyxListbox",props:{density:{},label:{},options:{},message:{},loading:{type:Boolean,default:!1},lazyLoading:{},multiple:{type:Boolean},modelValue:{},withCheckAll:{type:[Boolean,Object]}},emits:["update:modelValue","lazyLoad"],setup(n,{emit:o}){const t=n,l=o,{densityClass:a}=k(t),r=e.useSlots(),{t:s}=E(),d=e.ref();e.watch(()=>t.modelValue,m=>{t.multiple||(d.value=m)});const c=O("ONYX_CHECK_ALL"),u=e.computed(()=>(t.multiple&&t.withCheckAll?[c]:[]).concat(z.value)),{elements:{listbox:i,option:y,group:p}}=Ut({label:e.computed(()=>t.label),multiple:e.computed(()=>!!t.multiple),selectedOption:e.computed(()=>t.modelValue),activeOption:d,onSelect:m=>{var N;if(m===c){(N=L.value)==null||N.handleChange(!L.value.state.value.modelValue);return}if(!t.multiple){const B=m===t.modelValue?void 0:m;l("update:modelValue",B);return}const _=Array.isArray(t.modelValue)?t.modelValue:[],x=_.includes(m)?_.filter(B=>B!==m):[..._,m];l("update:modelValue",x)},onActivateFirst:()=>d.value=u.value.at(0),onActivateLast:()=>d.value=u.value.at(-1),onActivateNext:m=>{const _=u.value.findIndex(x=>x===m);_<u.value.length-1&&(d.value=u.value[_+1])},onActivatePrevious:m=>{const _=u.value.findIndex(x=>x===m);_>0&&(d.value=u.value[_-1])},onTypeAhead:m=>{const _=t.options.find(x=>x.label.toLowerCase().trim().startsWith(m.toLowerCase()));_&&(d.value=_.value)}}),f=e.computed(()=>tt(t.options,"group")),{vScrollEnd:b,isScrollEnd:V}=ee({enabled:e.computed(()=>{var m;return((m=t.lazyLoading)==null?void 0:m.enabled)??!1}),loading:e.computed(()=>t.loading),offset:e.computed(()=>{var m;return(m=t.lazyLoading)==null?void 0:m.scrollOffset})}),ae=e.computed(()=>t.options.length===0),z=e.computed(()=>t.options.filter(m=>!m.disabled).map(({value:m})=>m)),L=e.computed(()=>{if(!(!t.multiple||!t.withCheckAll))return j(z,e.computed(()=>t.modelValue||[]),m=>l("update:modelValue",m))}),F=e.computed(()=>{var _;if(!t.multiple)return"";const m=s.value("selections.selectAll");return typeof t.withCheckAll=="boolean"?m:((_=t.withCheckAll)==null?void 0:_.label)??m});return e.watchEffect(()=>{V.value&&l("lazyLoad")}),(m,_)=>{var x;return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["onyx-listbox",e.unref(a)]),"aria-busy":t.loading},[t.loading?(e.openBlock(),e.createElementBlock("div",jt,[e.createVNode(g,{class:"onyx-listbox__loading"})])):ae.value?e.renderSlot(m.$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(i),{class:"onyx-listbox__wrapper"}),[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(f.value,(N,B)=>{var U,R;return e.openBlock(),e.createElementBlock("ul",e.mergeProps({key:B,class:"onyx-listbox__group",ref_for:!0},e.unref(p)({label:B})),[B!=""?(e.openBlock(),e.createElementBlock("li",Kt,e.toDisplayString(B),1)):e.createCommentVNode("",!0),t.multiple&&t.withCheckAll?(e.openBlock(),e.createBlock(M,e.mergeProps({key:1,ref_for:!0},e.unref(y)({value:e.unref(c),label:F.value,selected:(U=L.value)==null?void 0:U.state.value.modelValue}),{multiple:"",active:e.unref(c)===d.value,indeterminate:(R=L.value)==null?void 0:R.state.value.indeterminate,density:t.density,class:"onyx-listbox__check-all"}),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(F.value),1)]),_:1},16,["active","indeterminate","density"])):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(N,C=>(e.openBlock(),e.createBlock(M,e.mergeProps({key:C.value.toString(),ref_for:!0},e.unref(y)({value:C.value,label:C.label,disabled:C.disabled,selected:C.value===t.modelValue||Array.isArray(t.modelValue)&&t.modelValue.includes(C.value)}),{multiple:t.multiple,active:C.value===d.value,icon:C.icon,color:C.color,density:t.density}),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(C.label),1)]),_:2},1040,["multiple","active","icon","color","density"]))),128))],16)}),128)),(x=t.lazyLoading)!=null&&x.loading?(e.openBlock(),e.createElementBlock("div",Gt,[e.createVNode(g,{class:"onyx-listbox__loading"})])):e.createCommentVNode("",!0),e.unref(r).optionsEnd?(e.openBlock(),e.createElementBlock("div",Yt,[e.renderSlot(m.$slots,"optionsEnd")])):e.createCommentVNode("",!0)],16)),[[e.unref(b)]])],10,Zt)}}}),Wt=["src","alt"],Jt={key:1,class:"onyx-text-small"},te=e.defineComponent({__name:"OnyxNavAppArea",props:{logoUrl:{},appName:{}},emits:["click"],setup(n,{emit:o}){const t=n,l=o,{t:a}=E();return(r,s)=>(e.openBlock(),e.createElementBlock("button",{class:"onyx-nav-app-area",onClick:s[0]||(s[0]=d=>l("click"))},[e.renderSlot(r.$slots,"default",{},()=>[t.logoUrl?(e.openBlock(),e.createElementBlock("img",{key:0,src:t.logoUrl,alt:e.unref(a)("navigation.appLogo"),class:"onyx-nav-app-area__logo",width:"24",height:"24"},null,8,Wt)):e.createCommentVNode("",!0),t.appName?(e.openBlock(),e.createElementBlock("span",Jt,e.toDisplayString(t.appName),1)):e.createCommentVNode("",!0)])]))}}),oe='<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 32 32"><path d="m20.207 9.707-1.414-1.414L11.086 16l7.707 7.707 1.414-1.414L13.914 16z"/></svg>',Qt={class:"onyx-nav-bar"},eo={class:"onyx-nav-bar__content"},to={key:2},oo={class:"onyx-nav-bar__nav",role:"menubar"},no={key:3,class:"onyx-nav-bar__context"},lo=e.defineComponent({__name:"OnyxNavBar",props:{logoUrl:{},appName:{},withBackButton:{type:Boolean}},emits:["appAreaClick","backButtonClick"],setup(n,{emit:o}){const t=n,l=o,a=e.useSlots(),{t:r}=E();return(s,d)=>(e.openBlock(),e.createElementBlock("header",Qt,[e.createElementVNode("div",eo,[t.appName||t.logoUrl||e.unref(a).appArea?(e.openBlock(),e.createBlock(e.unref(te),{key:0,"app-name":t.appName,"logo-url":t.logoUrl,onClick:d[0]||(d[0]=c=>l("appAreaClick"))},{default:e.withCtx(()=>[e.renderSlot(s.$slots,"appArea")]),_:3},8,["app-name","logo-url"])):e.createCommentVNode("",!0),t.withBackButton?(e.openBlock(),e.createBlock(X,{key:1,label:e.unref(r)("navigation.goBack"),icon:e.unref(oe),color:"neutral",onClick:d[1]||(d[1]=c=>l("backButtonClick"))},null,8,["label","icon"])):e.createCommentVNode("",!0),e.unref(a).default?(e.openBlock(),e.createElementBlock("nav",to,[e.createElementVNode("ul",oo,[e.renderSlot(s.$slots,"default")])])):e.createCommentVNode("",!0),e.unref(a).contextArea?(e.openBlock(),e.createElementBlock("div",no,[e.renderSlot(s.$slots,"contextArea")])):e.createCommentVNode("",!0)])]))}}),ao={class:"onyx-flyout-menu__wrapper onyx-flyout-menu__group"},ne=e.defineComponent({__name:"OnyxFlyoutMenu",setup(n){const o=e.useSlots();return(t,l)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass({"onyx-flyout-menu":!0,"onyx-flyout-menu--with-header":!!e.unref(o).header,"onyx-flyout-menu--with-footer":!!e.unref(o).footer})},[e.renderSlot(t.$slots,"header"),e.createElementVNode("ul",ao,[e.renderSlot(t.$slots,"default")]),e.renderSlot(t.$slots,"footer")],2))}}),ro=["aria-label"],so=e.defineComponent({__name:"OnyxNavItem",props:{label:{},href:{},active:{type:Boolean,default:!1},withExternalIcon:{type:[Boolean,String],default:"auto"},options:{}},emits:["click"],setup(n,{emit:o}){const t=n,l=o,{t:a}=E(),r=e.computed(()=>t.withExternalIcon!=="auto"?t.withExternalIcon:J(t.href??""));return(s,d)=>{var c,u;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||((c=t.options)==null?void 0:c.find(i=>i.active))}]),onClick:d[0]||(d[0]=i=>t.href&&l("click",t.href)),onKeydown:d[1]||(d[1]=e.withKeys(i=>t.href&&l("click",t.href),["enter"]))},[e.renderSlot(s.$slots,"default",{},()=>[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(W),size:"16px"},null,8,["icon"])):e.createCommentVNode("",!0)])],42,ro),(u=t.options)!=null&&u.length?(e.openBlock(),e.createBlock(ne,{key:0,class:"onyx-nav-item__listbox","aria-label":e.unref(a)("navItemOptionsLabel",{label:t.label})},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.options,i=>(e.openBlock(),e.createBlock(D,{key:i.label,onClick:y=>l("click",i.href)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(i.label),1)]),_:2},1032,["onClick"]))),128))]),_:1},8,["aria-label"])):e.createCommentVNode("",!0)],64)}}}),co={key:0,class:"onyx-page__sidebar"},io={class:"onyx-page__main"},uo={key:1,class:"onyx-page__footer"},po={key:2,class:"onyx-page__toasts"},mo=e.defineComponent({__name:"OnyxPageLayout",props:{footerAsideSidebar:{type:Boolean},hideSidebar:{type:Boolean}},setup(n){const o=n,t=e.useSlots(),l=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,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["onyx-page",l.value])},[e.unref(t).sidebar&&!o.hideSidebar?(e.openBlock(),e.createElementBlock("aside",co,[e.renderSlot(a.$slots,"sidebar")])):e.createCommentVNode("",!0),e.createElementVNode("main",io,[e.renderSlot(a.$slots,"default")]),e.unref(t).footer?(e.openBlock(),e.createElementBlock("footer",uo,[e.renderSlot(a.$slots,"footer")])):e.createCommentVNode("",!0),e.unref(t).toasts?(e.openBlock(),e.createElementBlock("div",po,[e.renderSlot(a.$slots,"toasts")])):e.createCommentVNode("",!0)],2))}}),yo=["title"],fo=["required","name","value","checked","disabled"],I=e.defineComponent({__name:"OnyxRadioButton",props:{density:{},value:{},label:{},disabled:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},skeleton:{type:Boolean},truncation:{default:"ellipsis"},customError:{},name:{},selected:{type:Boolean,default:!1},required:{type:Boolean,default:!1}},emits:["change","validityChange"],setup(n,{emit:o}){const t=n,l=o,{vCustomValidity:a}=T({props:t,emit:l}),{densityClass:r}=k(t),s=d=>{const c=d.target.checked;l("change",c)};return(d,c)=>t.skeleton?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["onyx-radio-button-skeleton",e.unref(r)])},[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(r)]),title:t.customError},[t.loading?(e.openBlock(),e.createBlock(e.unref(g),{key:0,class:"onyx-radio-button__loading",type:"circle"})):e.withDirectives((e.openBlock(),e.createElementBlock("input",{key:1,class:"onyx-radio-button__selector",type:"radio",required:t.required,name:t.name,value:t.value,checked:t.selected,disabled:t.disabled,onChange:s},null,40,fo)),[[e.unref(a)]]),e.createElementVNode("span",{class:e.normalizeClass(["onyx-radio-button__label",[`onyx-truncation-${t.truncation}`]])},e.toDisplayString(t.label),3)],10,yo))}}),_o=["disabled"],ko={key:0,class:"onyx-radio-button-group__headline"},vo=e.defineComponent({__name:"OnyxRadioButtonGroup",props:{density:{},required:{type:Boolean,default:!1},requiredMarker:{},customError:{},options:{},name:{default:()=>O("radio-button-group-name")},modelValue:{},headline:{default:""},disabled:{type:Boolean,default:!1},direction:{default:"vertical"},skeleton:{}},emits:["update:modelValue","validityChange"],setup(n,{emit:o}){const t=n,{densityClass:l}=k(t),{requiredMarkerClass:a,requiredTypeClass:r}=w(t),s=o,d=(c,u)=>{c&&s("update:modelValue",u)};return(c,u)=>(e.openBlock(),e.createElementBlock("fieldset",{class:e.normalizeClass(["onyx-radio-button-group",e.unref(l),e.unref(r)]),disabled:t.disabled},[t.headline?(e.openBlock(),e.createElementBlock("legend",ko,[e.createVNode(P,{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,y)=>(e.openBlock(),e.createBlock(I,e.mergeProps({key:i.value.toString(),ref_for:!0},i,{name:t.name,"custom-error":t.customError,selected:i.value===t.modelValue,required:t.required,onValidityChange:p=>y===0&&s("validityChange",p),onChange:p=>d(p,i.value)}),null,16,["name","custom-error","selected","required","onValidityChange","onChange"]))),128)):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(t.skeleton,i=>(e.openBlock(),e.createBlock(I,{id:`skeleton-${i}`,key:i,value:`skeleton-${i}`,label:"Skeleton ${i}",name:t.name,skeleton:""},null,8,["id","value","name"]))),128))],2)],10,_o))}}),ho={},xo={class:"onyx-separator",role:"separator","aria-orientation":"vertical"};function Co(n,o){return e.openBlock(),e.createElementBlock("div",xo)}const go=S(ho,[["render",Co]]),bo='<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>',Bo={class:"onyx-truncation-ellipsis"},Eo={class:"onyx-select__wrapper"},Vo=["placeholder","required","disabled","aria-label","title"],So={key:0,class:"onyx-select__footer onyx-text--small onyx-truncation-ellipsis"},wo=e.defineComponent({__name:"OnyxSelect",props:{density:{},required:{type:Boolean},requiredMarker:{},label:{},options:{},modelValue:{},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(n){const o=n,{t}=E(),l=e.computed(()=>{if(o.multiple)return typeof o.multiple=="object"?o.multiple.textMode:"summary"}),a=e.computed(()=>Array.isArray(o.modelValue)?o.modelValue.length:o.modelValue?1:0),r=e.computed(()=>{var u;if(Array.isArray(o.modelValue)){const i=o.modelValue.length;if(!i)return"";if(i===1)return o.modelValue[0].label;switch(l.value){case"preview":return o.modelValue.map(({label:y})=>y).join(", ");case"summary":default:return t.value("selections.currentSelection",{n:i})}}return((u=o.modelValue)==null?void 0:u.label)??""}),{requiredMarkerClass:s,requiredTypeClass:d}=w(o),{densityClass:c}=k(o);return(u,i)=>o.skeleton?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["onyx-select-skeleton",e.unref(c)])},[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(d),e.unref(c),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(s)])},[e.createElementVNode("div",Bo,e.toDisplayString(o.label),1)],2)),e.createElementVNode("div",Eo,[o.loading?(e.openBlock(),e.createBlock(g,{key:0,class:"onyx-select__loading",type:"circle"})):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":i[0]||(i[0]=y=>r.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,Vo),[[e.vModelText,r.value]]),l.value==="preview"&&a.value>0?(e.openBlock(),e.createBlock(e.unref(le),{key:1,text:r.value,position:"bottom"},{default:e.withCtx(()=>[e.createVNode(e.unref(Z),{class:"onyx-select__badge",color:"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(bo),class:"onyx-select__icon"},null,8,["icon"])])]),o.message?(e.openBlock(),e.createElementBlock("div",So,e.toDisplayString(o.message),1)):e.createCommentVNode("",!0)],2))}}),Lo=["summary","preview"],No='<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>',$o='<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>',To={class:"onyx-switch-skeleton__click-area"},Oo=["title"],Ao=["aria-label","disabled","required"],Mo={class:"onyx-switch__click-area"},Io={class:"onyx-switch__container"},Po={class:"onyx-switch__icon"},Do=e.createElementVNode("div",{class:"onyx-switch__frame"},null,-1),zo=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(n,{emit:o}){const t=n,l=o,{requiredMarkerClass:a,requiredTypeClass:r}=w(t),{densityClass:s}=k(t),{vCustomValidity:d}=T({props:t,emit:l}),c=e.computed({get:()=>t.modelValue,set:u=>{l("update:modelValue",u)}});return(u,i)=>t.skeleton?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["onyx-switch-skeleton",e.unref(s)])},[e.createElementVNode("span",To,[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(r),e.unref(s)]]),title:t.hideLabel?t.label:void 0},[e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":i[0]||(i[0]=y=>c.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,c.value],[e.unref(d)]]),e.createElementVNode("span",Mo,[e.createElementVNode("span",Io,[e.createElementVNode("span",Po,[t.loading?(e.openBlock(),e.createBlock(e.unref(g),{key:0,class:"onyx-switch__spinner",type:"circle"})):(e.openBlock(),e.createBlock(e.unref(v),{key:1,icon:c.value?e.unref(No):e.unref($o),size:"24px"},null,8,["icon"]))]),Do])]),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,Oo))}}),Fo=e.defineComponent({__name:"OnyxTable",props:{density:{},striped:{type:Boolean,default:!1},grid:{type:Boolean,default:!1}},setup(n){const o=n,{densityClass:t}=k(o);return(l,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(l.$slots,"default")],2))}}),Uo={class:"onyx-tooltip-wrapper"},le=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(n){const o=n,{elements:{trigger:t,tooltip:l},state:{isVisible:a}}=Rt({open:e.computed(()=>o.open)});return(r,s)=>(e.openBlock(),e.createElementBlock("div",Uo,[e.createElementVNode("div",e.mergeProps(e.unref(l),{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(r.$slots,"tooltip",{},()=>[e.createElementVNode("span",null,e.toDisplayString(o.text),1)])],16),e.createElementVNode("div",e.normalizeProps(e.guardReactiveProps(e.unref(t))),[e.renderSlot(r.$slots,"default")],16)]))}}),Ro=["top","bottom"],qo={class:"onyx-text onyx-truncation-ellipsis"},Ho=e.defineComponent({__name:"OnyxTag",props:{density:{},label:{},color:{default:"primary"},icon:{}},setup(n){const o=n,{densityClass:t}=k(o);return(l,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",qo,e.toDisplayString(o.label),1)],2))}}),Zo={class:"onyx-user-menu"},jo={class:"onyx-user-menu__trigger onyx-text"},Ko={class:"onyx-truncation-ellipsis"},Go={class:"onyx-user-menu__header"},Yo={class:"onyx-truncation-ellipsis"},Xo={class:"onyx-user-menu__username onyx-text onyx-truncation-ellipsis"},Wo={key:0,class:"onyx-user-menu__description onyx-text--small onyx-truncation-ellipsis"},Jo={class:"onyx-user-menu__footer onyx-text--small"},Qo=e.defineComponent({__name:"OnyxUserMenu",props:{username:{},options:{},avatar:{},description:{}},emits:["optionClick"],setup(n,{emit:o}){const t=n,l=o,a=e.useSlots(),{t:r}=E(),s=e.computed(()=>typeof t.avatar=="object"?{...t.avatar,label:t.username}:{src:t.avatar,label:t.username});return(d,c)=>(e.openBlock(),e.createElementBlock("div",Zo,[e.createElementVNode("button",jo,[e.createVNode(A,e.mergeProps(s.value,{size:"24px"}),null,16),e.createElementVNode("span",Ko,e.toDisplayString(t.username),1),e.createVNode(v,{class:"onyx-user-menu__chevron",icon:e.unref(oe)},null,8,["icon"])]),e.createVNode(ne,{class:"onyx-user-menu__flyout","aria-label":e.unref(r)("navigation.userMenuLabel")},e.createSlots({header:e.withCtx(()=>[e.createElementVNode("div",Go,[e.createVNode(A,e.normalizeProps(e.guardReactiveProps(s.value)),null,16),e.createElementVNode("div",Yo,[e.createElementVNode("div",Xo,e.toDisplayString(t.username),1),t.description?(e.openBlock(),e.createElementBlock("div",Wo,e.toDisplayString(t.description),1)):e.createCommentVNode("",!0)])])]),default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.options,u=>(e.openBlock(),e.createBlock(D,{key:u.value.toString(),class:e.normalizeClass({"onyx-user-menu-item--danger":u.color==="danger"}),color:u.color,onClick:i=>l("optionClick",u.value)},{default:e.withCtx(()=>[u.icon?(e.openBlock(),e.createBlock(v,{key:0,icon:u.icon},null,8,["icon"])):e.createCommentVNode("",!0),e.createTextVNode(e.toDisplayString(u.label),1)]),_:2},1032,["class","color","onClick"]))),128))]),_:2},[e.unref(a).footer?{name:"footer",fn:e.withCtx(()=>[e.createElementVNode("div",Jo,[e.renderSlot(d.$slots,"footer")])]),key:"0"}:void 0]),1032,["aria-label"])]))}}),en={"2xs":320,xs:576,sm:768,md:992,lg:1440,xl:1920},tn=["primary","secondary","neutral","danger","warning","success","info"],on=["small","default","large"],nn=["ellipsis","multiline"],ln=["horizontal","vertical"],an=n=>({install:o=>{ut(o,n.i18n);const t=o.runWithContext(()=>E());e.watchEffect(()=>rn(t.t.value("optional")))}}),rn=n=>globalThis.document.body.style.setProperty("--onyx-global-optional-text",n);exports.AUTOCAPITALIZE=$t;exports.AVATAR_TYPES=Ve;exports.BUTTON_COLORS=Xe;exports.BUTTON_MODES=We;exports.BUTTON_TYPES=Ye;exports.DENSITIES=Le;exports.DIRECTIONS=ln;exports.HEADLINE_TYPES=xt;exports.ICON_SIZES=Ct;exports.INPUT_TYPES=Nt;exports.LINK_TARGETS=At;exports.MULTISELECT_TEXT_MODE=Lo;exports.ONYX_BREAKPOINTS=en;exports.ONYX_COLORS=tn;exports.OnyxAppLayout=de;exports.OnyxAvatar=A;exports.OnyxAvatarStack=we;exports.OnyxBadge=Z;exports.OnyxButton=Ge;exports.OnyxCheckbox=$;exports.OnyxCheckboxGroup=_t;exports.OnyxEmpty=Y;exports.OnyxHeadline=P;exports.OnyxIcon=v;exports.OnyxIconButton=X;exports.OnyxInput=Lt;exports.OnyxLink=Ot;exports.OnyxListbox=Xt;exports.OnyxListboxOption=M;exports.OnyxLoadingIndicator=g;exports.OnyxNavAppArea=te;exports.OnyxNavBar=lo;exports.OnyxNavItem=so;exports.OnyxNavSeparator=go;exports.OnyxPageLayout=mo;exports.OnyxRadioButton=I;exports.OnyxRadioButtonGroup=vo;exports.OnyxSelect=wo;exports.OnyxSkeleton=h;exports.OnyxSwitch=zo;exports.OnyxTable=Fo;exports.OnyxTag=Ho;exports.OnyxTooltip=le;exports.OnyxUserMenu=Qo;exports.TEXT_SIZES=on;exports.TOOLTIP_POSITIONS=Ro;exports.TRUNCATION_TYPES=nn;exports.createOnyx=an;exports.useDensity=k;exports.useScrollEnd=ee;

package/dist/index.d.ts

@@ -29,6 +29,10 @@ export { default as OnyxListboxOption } from './components/OnyxListboxOption/Ony
 export * from './components/OnyxListboxOption/types';
 export { default as OnyxLoadingIndicator } from './components/OnyxLoadingIndicator/OnyxLoadingIndicator.vue';
 export * from './components/OnyxLoadingIndicator/types';
+export { default as OnyxNavAppArea } from './components/OnyxNavAppArea/OnyxNavAppArea.vue';
+export * from './components/OnyxNavAppArea/types';
+export { default as OnyxNavBar } from './components/OnyxNavBar/OnyxNavBar.vue';
+export * from './components/OnyxNavBar/types';
 export { default as OnyxNavItem } from './components/OnyxNavItem/OnyxNavItem.vue';
 export * from './components/OnyxNavItem/types';
 export { default as OnyxPageLayout } from './components/OnyxPageLayout/OnyxPageLayout.vue';
@@ -37,6 +41,7 @@ export { default as OnyxRadioButton } from './components/OnyxRadioButton/OnyxRad
 export * from './components/OnyxRadioButton/types';
 export { default as OnyxRadioButtonGroup } from './components/OnyxRadioButtonGroup/OnyxRadioButtonGroup.vue';
 export * from './components/OnyxRadioButtonGroup/types';
+export { default as OnyxNavSeparator } from './components/OnyxNavSeparator/OnyxNavSeparator.vue';
 export { default as OnyxSelect } from './components/OnyxSelect/OnyxSelect.vue';
 export * from './components/OnyxSelect/types';
 export { default as OnyxSkeleton } from './components/OnyxSkeleton/OnyxSkeleton.vue';