sit-onyx 1.0.0-beta.48 → 1.0.0-beta.49
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/OnyxCheckbox/OnyxCheckbox.vue.d.ts +1 -4
- package/dist/components/OnyxCheckboxGroup/OnyxCheckboxGroup.vue.d.ts +1 -3
- package/dist/components/OnyxDataGrid/OnyxDataGridRenderer/OnyxDataGridRenderer.vue.d.ts +1 -1
- package/dist/components/OnyxNavBar/modules/OnyxFlyoutMenu/OnyxFlyoutMenu.vue.d.ts +1 -3
- package/dist/components/OnyxNavBar/modules/OnyxUserMenu/UserMenuLayout.vue.d.ts +1 -3
- package/dist/components/OnyxRadioButton/OnyxRadioButton.vue.d.ts +1 -3
- package/dist/components/OnyxRadioGroup/OnyxRadioGroup.vue.d.ts +1 -4
- package/dist/components/OnyxSelect/OnyxSelect.vue.d.ts +1 -7
- package/dist/components/OnyxSelectInput/OnyxSelectInput.vue.d.ts +1 -4
- package/dist/index.cjs +1 -1
- package/dist/index.js +689 -689
- package/dist/style.css +1 -1
- package/package.json +4 -3
|
@@ -4,10 +4,7 @@ declare const _default: <TValue extends SelectOptionValue = SelectOptionValue>(_
|
|
|
4
4
|
props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
|
|
5
5
|
readonly onValidityChange?: ((validity: ValidityState) => any) | undefined;
|
|
6
6
|
readonly "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
|
|
7
|
-
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps &
|
|
8
|
-
onValidityChange?: ((validity: ValidityState) => any) | undefined;
|
|
9
|
-
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
|
|
10
|
-
}>, never>, "onValidityChange" | "onUpdate:modelValue"> & OnyxCheckboxProps<TValue>> & import("vue").PublicProps;
|
|
7
|
+
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onValidityChange" | "onUpdate:modelValue"> & OnyxCheckboxProps<TValue>> & import("vue").PublicProps;
|
|
11
8
|
expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
|
|
12
9
|
attrs: any;
|
|
13
10
|
slots: {};
|
|
@@ -3,9 +3,7 @@ import type { OnyxCheckboxGroupProps } from "./types";
|
|
|
3
3
|
declare const _default: <TValue extends SelectOptionValue>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
|
|
4
4
|
props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
|
|
5
5
|
readonly "onUpdate:modelValue"?: ((value: TValue[]) => any) | undefined;
|
|
6
|
-
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps &
|
|
7
|
-
"onUpdate:modelValue"?: ((value: TValue[]) => any) | undefined;
|
|
8
|
-
}>, never>, "onUpdate:modelValue"> & OnyxCheckboxGroupProps<TValue>> & import("vue").PublicProps;
|
|
6
|
+
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onUpdate:modelValue"> & OnyxCheckboxGroupProps<TValue>> & import("vue").PublicProps;
|
|
9
7
|
expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
|
|
10
8
|
attrs: any;
|
|
11
9
|
slots: {};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import type { DataGridEntry, DataGridMetadata } from "../types";
|
|
2
2
|
import type { OnyxDataGridRendererProps } from "./types";
|
|
3
3
|
declare const _default: <TEntry extends DataGridEntry, TMetadata extends DataGridMetadata>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
|
|
4
|
-
props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps
|
|
4
|
+
props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, never> & OnyxDataGridRendererProps<TEntry, TMetadata>> & import("vue").PublicProps;
|
|
5
5
|
expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
|
|
6
6
|
attrs: any;
|
|
7
7
|
slots: {};
|
|
@@ -4,9 +4,7 @@ import type { OnyxFlyoutMenuProps } from "./types";
|
|
|
4
4
|
declare const _default: <TValue extends SelectOptionValue = SelectOptionValue>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
|
|
5
5
|
props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
|
|
6
6
|
readonly "onUpdate:open"?: ((isOpen: boolean) => any) | undefined;
|
|
7
|
-
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps &
|
|
8
|
-
"onUpdate:open"?: ((isOpen: boolean) => any) | undefined;
|
|
9
|
-
}>, never>, "onUpdate:open"> & OnyxFlyoutMenuProps> & import("vue").PublicProps;
|
|
7
|
+
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onUpdate:open"> & OnyxFlyoutMenuProps> & import("vue").PublicProps;
|
|
10
8
|
expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
|
|
11
9
|
attrs: any;
|
|
12
10
|
slots: Readonly<{
|
|
@@ -3,9 +3,7 @@ import type { SelectOptionValue } from "../../../../types";
|
|
|
3
3
|
declare const _default: <TValue extends SelectOptionValue = SelectOptionValue>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
|
|
4
4
|
props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
|
|
5
5
|
readonly "onUpdate:flyoutOpen"?: ((isOpen: boolean) => any) | undefined;
|
|
6
|
-
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps
|
|
7
|
-
"onUpdate:flyoutOpen"?: ((isOpen: boolean) => any) | undefined;
|
|
8
|
-
}>, never>, "onUpdate:flyoutOpen"> & {
|
|
6
|
+
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onUpdate:flyoutOpen"> & {
|
|
9
7
|
isMobile: boolean;
|
|
10
8
|
flyoutOpen: ManagedProp<boolean>;
|
|
11
9
|
}> & import("vue").PublicProps;
|
|
@@ -3,9 +3,7 @@ import type { OnyxRadioButtonProps } from "./types";
|
|
|
3
3
|
declare const _default: <TValue extends SelectOptionValue = SelectOptionValue>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
|
|
4
4
|
props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
|
|
5
5
|
readonly onValidityChange?: ((validity: ValidityState) => any) | undefined;
|
|
6
|
-
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps &
|
|
7
|
-
onValidityChange?: ((validity: ValidityState) => any) | undefined;
|
|
8
|
-
}>, never>, "onValidityChange"> & OnyxRadioButtonProps<TValue>> & import("vue").PublicProps;
|
|
6
|
+
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onValidityChange"> & OnyxRadioButtonProps<TValue>> & import("vue").PublicProps;
|
|
9
7
|
expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
|
|
10
8
|
attrs: any;
|
|
11
9
|
slots: {};
|
|
@@ -4,10 +4,7 @@ declare const _default: <TValue extends SelectOptionValue>(__VLS_props: NonNulla
|
|
|
4
4
|
props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
|
|
5
5
|
readonly onValidityChange?: ((validity: ValidityState) => any) | undefined;
|
|
6
6
|
readonly "onUpdate:modelValue"?: ((selected: TValue) => any) | undefined;
|
|
7
|
-
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps &
|
|
8
|
-
onValidityChange?: ((validity: ValidityState) => any) | undefined;
|
|
9
|
-
"onUpdate:modelValue"?: ((selected: TValue) => any) | undefined;
|
|
10
|
-
}>, never>, "onValidityChange" | "onUpdate:modelValue"> & OnyxRadioGroupProps<TValue>> & import("vue").PublicProps;
|
|
7
|
+
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onValidityChange" | "onUpdate:modelValue"> & OnyxRadioGroupProps<TValue>> & import("vue").PublicProps;
|
|
11
8
|
expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
|
|
12
9
|
attrs: any;
|
|
13
10
|
slots: {};
|
|
@@ -7,13 +7,7 @@ declare const _default: <TValue extends SelectOptionValue = SelectOptionValue>(_
|
|
|
7
7
|
readonly "onUpdate:open"?: ((open: boolean) => any) | undefined;
|
|
8
8
|
readonly "onUpdate:searchTerm"?: ((searchTerm: string) => any) | undefined;
|
|
9
9
|
readonly onLazyLoad?: (() => any) | undefined;
|
|
10
|
-
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps &
|
|
11
|
-
onValidityChange?: ((validity: ValidityState) => any) | undefined;
|
|
12
|
-
"onUpdate:modelValue"?: ((value: TValue | TValue[] | undefined) => any) | undefined;
|
|
13
|
-
"onUpdate:open"?: ((open: boolean) => any) | undefined;
|
|
14
|
-
"onUpdate:searchTerm"?: ((searchTerm: string) => any) | undefined;
|
|
15
|
-
onLazyLoad?: (() => any) | undefined;
|
|
16
|
-
}>, never>, "onValidityChange" | "onUpdate:modelValue" | "onUpdate:open" | "onUpdate:searchTerm" | "onLazyLoad"> & OnyxSelectProps<TValue>> & import("vue").PublicProps;
|
|
10
|
+
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onValidityChange" | "onUpdate:modelValue" | "onUpdate:open" | "onUpdate:searchTerm" | "onLazyLoad"> & OnyxSelectProps<TValue>> & import("vue").PublicProps;
|
|
17
11
|
expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
|
|
18
12
|
attrs: any;
|
|
19
13
|
slots: Readonly<{
|
|
@@ -4,10 +4,7 @@ declare const _default: <TValue extends SelectOptionValue>(__VLS_props: NonNulla
|
|
|
4
4
|
props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
|
|
5
5
|
readonly onValidityChange?: ((validity: ValidityState) => any) | undefined;
|
|
6
6
|
readonly onInputClick?: (() => any) | undefined;
|
|
7
|
-
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps &
|
|
8
|
-
onValidityChange?: ((validity: ValidityState) => any) | undefined;
|
|
9
|
-
onInputClick?: (() => any) | undefined;
|
|
10
|
-
}>, never>, "onValidityChange" | "onInputClick"> & OnyxSelectInputProps> & import("vue").PublicProps;
|
|
7
|
+
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onValidityChange" | "onInputClick"> & OnyxSelectInputProps> & import("vue").PublicProps;
|
|
11
8
|
expose(exposed: import("vue").ShallowUnwrapRef<{
|
|
12
9
|
focus: () => void | undefined;
|
|
13
10
|
}>): void;
|
package/dist/index.cjs
CHANGED
|
@@ -180,4 +180,4 @@
|
|
|
180
180
|
</clipPath>
|
|
181
181
|
</defs>
|
|
182
182
|
</svg>
|
|
183
|
-
`,Zn={class:"onyx-color-scheme-dialog__subtitle onyx-text"},Kn=["innerHTML"],jn=["autofocus","value","checked","aria-label"],Yn={class:"onyx-text--small"},Xn={class:"onyx-color-scheme-dialog__actions"},rt=e.defineComponent({__name:"OnyxColorSchemeDialog",props:{open:{type:Boolean,default:!1},density:{},modelValue:{}},emits:["update:modelValue","close"],setup(n,{emit:o}){const t=n,l=o,r=e.ref(t.modelValue);e.watchEffect(()=>r.value=t.modelValue);const{t:a}=C(),s=e.computed(()=>[{value:"auto",image:Un,label:a.value("colorScheme.auto.label"),description:a.value("colorScheme.auto.description")},{value:"light",image:Gn,label:a.value("colorScheme.light.label"),description:a.value("colorScheme.light.description")},{value:"dark",image:qn,label:a.value("colorScheme.dark.label"),description:a.value("colorScheme.dark.description")}]),c=i=>{const u=i.target;r.value=u.value},p=()=>{r.value&&(l("update:modelValue",r.value),l("close"))};return(i,u)=>(e.openBlock(),e.createBlock(tt,e.mergeProps({class:"onyx-color-scheme-dialog"},t,{label:e.unref(a)("colorScheme.headline"),modal:"",onClose:u[1]||(u[1]=d=>l("close"))}),{default:e.withCtx(()=>[e.createElementVNode("form",{class:"onyx-color-scheme-dialog__form",onSubmit:e.withModifiers(p,["prevent"])},[e.createElementVNode("div",null,[e.createVNode(R,{is:"h2"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(a)("colorScheme.headline")),1)]),_:1}),e.createElementVNode("span",Zn,e.toDisplayString(e.unref(a)("colorScheme.subtitle")),1)]),e.createElementVNode("fieldset",{class:"onyx-color-scheme-dialog__list",onChange:c},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.value,d=>(e.openBlock(),e.createElementBlock("label",{key:d.value,class:"onyx-color-scheme-dialog__option"},[e.createElementVNode("figure",{class:"onyx-color-scheme-dialog__image",innerHTML:d.image},null,8,Kn),e.createElementVNode("div",null,[e.createVNode(te,{is:"div"},{default:e.withCtx(()=>[e.createElementVNode("input",{type:"radio",name:"color-scheme",autofocus:t.modelValue===d.value,value:d.value,checked:t.modelValue===d.value,"aria-label":d.label,required:""},null,8,jn)]),_:2},1024),e.createVNode(R,{is:"h3",class:"onyx-color-scheme-dialog__label"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(d.label),1)]),_:2},1024),e.createElementVNode("p",Yn,e.toDisplayString(d.description),1)])]))),128))],32),e.createElementVNode("div",Xn,[e.createVNode(J,{label:e.unref(a)("cancel"),mode:"plain",color:"neutral",onClick:u[0]||(u[0]=d=>l("close"))},null,8,["label"]),e.createVNode(J,{label:e.unref(a)("apply"),type:"submit"},null,8,["label"])])],32)]),_:1},16,["label"]))}}),Jn='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12.008 1.5c-5.79 0-10.493 4.71-10.493 10.493 0 5.782 4.71 10.492 10.493 10.492 5.782 0 10.492-4.71 10.492-10.492S17.79 1.5 12.008 1.5M13.5 3.135q.753.126 1.463.375v16.973q-.709.249-1.463.375zm2.962 1.058a9.3 9.3 0 0 1 1.59 1.162v13.282a9 9 0 0 1-1.59 1.163zm3.083 2.917a8.93 8.93 0 0 1 1.447 4.882 9 9 0 0 1-1.447 4.883zM3.008 11.992C3.008 7.036 7.043 3 12 3v17.993c-4.957 0-8.992-4.035-8.992-8.993z"/></svg>',Ne=e.defineComponent({__name:"OnyxMenuItem",props:{href:{},active:{type:Boolean},disabled:{type:Boolean},color:{}},setup(n){const o=n,{elements:{listItem:t,menuItem:l}}=Xe();return(r,a)=>(e.openBlock(),e.createBlock(ne,e.mergeProps({selected:o.active,active:o.active,color:o.color,disabled:o.disabled,class:"onyx-menu-item"},e.unref(t)),{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.href?"a":"button"),e.mergeProps({class:"onyx-menu-item__trigger",disabled:!o.href&&o.disabled,href:o.href},e.unref(l)({active:o.active,disabled:!o.href&&o.disabled})),{default:e.withCtx(()=>[e.renderSlot(r.$slots,"default")]),_:3},16,["disabled","href"]))]),_:3},16,["selected","active","color","disabled"]))}}),Wn={class:"onyx-color-scheme-menu-item__value"},Qn=e.defineComponent({__name:"OnyxColorSchemeMenuItem",props:{modelValue:{}},emits:["update:modelValue"],setup(n,{emit:o}){const t=n,l=o,{t:r}=C(),a=e.ref(!1);return(s,c)=>(e.openBlock(),e.createBlock(Ne,{class:"onyx-color-scheme-menu-item",onClick:c[2]||(c[2]=p=>a.value=!0)},{default:e.withCtx(()=>[e.createVNode(g,{icon:e.unref(Jn)},null,8,["icon"]),e.createElementVNode("div",null,[e.createTextVNode(e.toDisplayString(e.unref(r)("colorScheme.appearance"))+": ",1),e.createElementVNode("span",Wn,e.toDisplayString(e.unref(r)(`colorScheme.${t.modelValue}.label`)),1)]),(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[e.createVNode(rt,{"model-value":t.modelValue,open:a.value,onClose:c[0]||(c[0]=p=>a.value=!1),"onUpdate:modelValue":c[1]||(c[1]=p=>l("update:modelValue",p))},null,8,["model-value","open"])]))]),_:1}))}}),el=n=>e.computed(n),P=Symbol("MANAGED_SYMBOL"),W=(n,o,t)=>{const l=e.computed(()=>n.value===P),r=e.ref(l.value?o:n.value);return{state:el({set:s=>{r.value=s,t(s)},get:()=>l.value?r.value:n.value}),isManaged:l}},tl=["aria-label"],Me=e.defineComponent({__name:"OnyxFlyoutMenu",props:{open:{default:P},label:{}},emits:["update:open"],setup(n,{emit:o}){const t=n,l=o,{state:r}=W(e.toRef(()=>t.open),!1,u=>l("update:open",u)),a=e.useSlots(),{elements:{root:s,button:c,menu:p}}=Ho({isExpanded:e.computed(()=>!!r.value),onToggle:()=>r.value=!r.value}),i=e.computed(()=>{var d;if(!a.default)return;const u=a.default().at(0);return(u==null?void 0:u.type.toString())==="Symbol(v-fgt)"?Array.isArray(u==null?void 0:u.children)?(d=u==null?void 0:u.children)==null?void 0:d.at(0):void 0:u});return(u,d)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps({class:"onyx-flyout-menu"},e.unref(s)),[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(i.value),e.normalizeProps(e.guardReactiveProps(e.unref(c))),null,16)),a.options||a.header||a.footer?e.withDirectives((e.openBlock(),e.createElementBlock("div",{key:0,"aria-label":t.label,class:e.normalizeClass({"onyx-flyout-menu__list--with-header":!!a.header,"onyx-flyout-menu__list--with-footer":!!a.footer,"onyx-flyout-menu__list":!0})},[e.renderSlot(u.$slots,"header"),a.options?(e.openBlock(),e.createElementBlock("ul",e.mergeProps({key:0},e.unref(p),{class:"onyx-flyout-menu__wrapper onyx-flyout-menu__group"}),[e.renderSlot(u.$slots,"options")],16)):e.createCommentVNode("",!0),e.renderSlot(u.$slots,"footer")],10,tl)),[[e.vShow,e.unref(r)]]):e.createCommentVNode("",!0)],16))}}),st='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m9.905 6.22-1.06 1.06 4.72 4.72-4.72 4.72 1.06 1.06 5.78-5.78z"/></svg>',U=Symbol(),ol='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M17.618 11.626H8.936l3.094-3.094-1.064-1.056-4.899 4.898 4.9 4.9 1.063-1.064-3.094-3.086h8.682z"/></svg>',nl=["aria-orientation"],it=e.defineComponent({__name:"OnyxNavSeparator",props:{orientation:{default:"vertical"}},setup(n){const o=n,t=e.inject(U);return(l,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["onyx-nav-separator",{"onyx-nav-separator--horizontal":o.orientation==="horizontal"||e.unref(t)}]),role:"separator","aria-orientation":o.orientation},null,10,nl))}}),ll={role:"presentation"},al=e.defineComponent({__name:"NavButtonLayout",props:{href:{},withExternalIcon:{type:[Boolean,String]},mobileChildrenOpen:{default:P},label:{},active:{type:Boolean},isMobile:{type:Boolean}},emits:["update:mobileChildrenOpen"],setup(n,{emit:o}){const t=n,l=e.useSlots(),{t:r}=C(),a=o,{state:s}=W(e.toRef(()=>t.mobileChildrenOpen),!1,c=>a("update:mobileChildrenOpen",c));return(c,p)=>(e.openBlock(),e.createElementBlock("li",ll,[t.isMobile?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[t.isMobile&&e.unref(s)?(e.openBlock(),e.createBlock(J,{key:0,label:e.unref(r)("back"),mode:"plain",color:"neutral",icon:e.unref(ol),onClick:p[0]||(p[0]=i=>s.value=!1)},null,8,["label","icon"])):e.createCommentVNode("",!0),!e.unref(s)||t.href?e.renderSlot(c.$slots,"button",{key:1}):e.createCommentVNode("",!0),e.unref(s)&&t.href?(e.openBlock(),e.createBlock(it,{key:2,orientation:"horizontal"})):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("ul",{role:"menu",class:e.normalizeClass(["onyx-nav-button__mobile-children",{"onyx-nav-button__mobile-children--open":e.unref(s)}])},[e.renderSlot(c.$slots,"options")],2),[[e.vShow,e.unref(s)]])],64)):(e.openBlock(),e.createBlock(Me,{key:1,label:e.unref(r)("navItemOptionsLabel",{label:t.label})},e.createSlots({default:e.withCtx(()=>[e.renderSlot(c.$slots,"button")]),_:2},[l.options?{name:"options",fn:e.withCtx(()=>[e.renderSlot(c.$slots,"options")]),key:"0"}:void 0]),1032,["label"]))]))}}),rl=["aria-label"],sl={class:"onyx-truncation-ellipsis"},il=e.defineComponent({__name:"OnyxNavButton",props:{href:{},withExternalIcon:{type:[Boolean,String],default:"auto"},mobileChildrenOpen:{},label:{},active:{type:Boolean,default:!1}},emits:["navigate"],setup(n,{emit:o}){const t=n,l=o,r=e.useSlots(),a=e.inject(U),s=e.ref(!1),c=e.computed(()=>!!r.children),p=i=>{a!=null&&a.value&&c.value&&!s.value?s.value=!0:t.href&&l("navigate",t.href,i)};return(i,u)=>(e.openBlock(),e.createBlock(al,e.mergeProps(t,{"mobile-children-open":s.value,"onUpdate:mobileChildrenOpen":u[0]||(u[0]=d=>s.value=d),class:["onyx-nav-button",{"onyx-nav-button--mobile":e.unref(a),"onyx-nav-button--active":t.active}],"is-mobile":e.unref(a)??!1}),e.createSlots({button:e.withCtx(()=>[e.createElementVNode("button",{class:"onyx-nav-button__trigger onyx-text",role:"menuitem","aria-label":t.label,type:"button",onClick:p},[e.renderSlot(i.$slots,"default",{},()=>[e.createElementVNode("span",sl,e.toDisplayString(t.label),1),e.createVNode(ee,e.normalizeProps(e.guardReactiveProps(t)),null,16)]),e.unref(a)&&c.value&&!s.value?(e.openBlock(),e.createBlock(g,{key:0,class:"onyx-nav-button__mobile-chevron",icon:e.unref(st)},null,8,["icon"])):e.createCommentVNode("",!0)],8,rl)]),_:2},[r.children?{name:"options",fn:e.withCtx(()=>[e.renderSlot(i.$slots,"children")]),key:"0"}:void 0]),1040,["mobile-children-open","class","is-mobile"]))}}),cl=e.defineComponent({__name:"OnyxNavItem",props:{href:{},withExternalIcon:{type:[Boolean,String],default:"auto"},mobileChildrenOpen:{},label:{},active:{type:Boolean}},emits:["navigate"],setup(n,{emit:o}){const t=n,l=o;return(r,a)=>(e.openBlock(),e.createBlock(Ne,{class:"onyx-nav-item",active:t.active,href:t.href??"javascript:void(0)",onClick:a[0]||(a[0]=s=>t.href&&l("navigate",t.href))},{default:e.withCtx(()=>[e.renderSlot(r.$slots,"default",{},()=>[e.createElementVNode("span",null,e.toDisplayString(t.label),1),e.createVNode(ee,e.normalizeProps(e.guardReactiveProps(t)),null,16)])]),_:3},8,["active","href"]))}}),ul=n=>{const o=e.ref(),t=e.ref(me(new Date(n.value).getTime())),l=e.computed(()=>t.value===0);return e.watch(n,r=>{clearInterval(o.value);const a=new Date(r).getTime();t.value=me(a),o.value=setInterval(()=>{t.value=me(a),l.value&&clearInterval(o.value)},1e3)},{immediate:!0}),e.onBeforeUnmount(()=>clearInterval(o.value)),{timeLeft:t,isEnded:l}},me=n=>{const o=n-Date.now();return Math.max(o,0)},ct=n=>{const o=Math.floor(n/6e4/60),t=Math.floor(n/6e4%60),l=Math.floor(n%6e4/1e3);return{hours:o,minutes:t,seconds:l}},dl=(n,o)=>{const{hours:t,minutes:l,seconds:r}=ct(n),a=p=>p.toString().padStart(2,"0");let s="",c=fe(o.formatToParts(n,"seconds"));return l>0&&(c=fe(o.formatToParts(n,"minutes"))),t>0&&(c=fe(o.formatToParts(n,"hours")),s=`${a(t)}:`),`${s}${a(l)}:${a(r)} ${c}`},fe=n=>{var o;return((o=n.at(-1))==null?void 0:o.value.replace(".","").trim())??""},pl=n=>{const{hours:o,minutes:t,seconds:l}=ct(n);return`PT${o}H${t}M${l}S`},ml=["aria-label"],fl={key:0,class:"onyx-timer__label"},yl=["datetime"],hl=e.defineComponent({__name:"OnyxTimer",props:{endTime:{},label:{},hideLabel:{type:Boolean}},emits:["timerEnded"],setup(n,{emit:o}){const t=n,l=o,{locale:r}=C(),{timeLeft:a,isEnded:s}=ul(e.computed(()=>t.endTime)),c=e.computed(()=>new Intl.RelativeTimeFormat(r.value,{numeric:"always",style:"short"})),p=e.computed(()=>dl(a.value,c.value));return e.watchEffect(()=>s.value&&l("timerEnded")),(i,u)=>(e.openBlock(),e.createElementBlock("div",{class:"onyx-timer onyx-text onyx-truncation-ellipsis",role:"timer","aria-label":t.hideLabel?t.label:void 0},[t.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("span",fl,e.toDisplayString(t.label),1)),e.createElementVNode("time",{datetime:e.unref(pl)(e.unref(a)),class:"onyx-timer__time"},e.toDisplayString(p.value),9,yl)],8,ml))}}),vl={class:"onyx-user-menu__footer onyx-text--small"},_l=e.defineComponent({__name:"UserMenuLayout",props:{isMobile:{type:Boolean},flyoutOpen:{default:P}},emits:["update:flyoutOpen"],setup(n){const o=n,t=e.useModel(o,"flyoutOpen"),l=e.useSlots(),{t:r}=C();return(a,s)=>(e.openBlock(),e.createElementBlock("div",null,[o.isMobile?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.renderSlot(a.$slots,"header"),e.renderSlot(a.$slots,"options"),l.footer?(e.openBlock(),e.createBlock(ne,{key:0,class:"onyx-user-menu__mobile-footer",disabled:""},{default:e.withCtx(()=>[e.renderSlot(a.$slots,"footer")]),_:3})):e.createCommentVNode("",!0)],64)):(e.openBlock(),e.createBlock(Me,{key:1,open:e.unref(t),"onUpdate:open":s[0]||(s[0]=c=>e.isRef(t)?t.value=c:null),label:e.unref(r)("navigation.userMenuLabel")},e.createSlots({header:e.withCtx(()=>[e.renderSlot(a.$slots,"header")]),options:e.withCtx(()=>[e.renderSlot(a.$slots,"options")]),default:e.withCtx(()=>[e.renderSlot(a.$slots,"button")]),_:2},[l.footer?{name:"footer",fn:e.withCtx(()=>[e.createElementVNode("div",vl,[e.renderSlot(a.$slots,"footer")])]),key:"0"}:void 0]),1032,["open","label"]))]))}}),kl={class:"onyx-user-menu__trigger onyx-text",type:"button"},xl={class:"onyx-truncation-ellipsis"},gl={class:"onyx-user-menu__header"},bl={class:"onyx-truncation-ellipsis"},Bl={class:"onyx-user-menu__username onyx-text onyx-truncation-ellipsis"},Cl={key:0,class:"onyx-user-menu__description onyx-text--small onyx-truncation-ellipsis"},Vl={class:"onyx-user-menu__options"},wl=e.defineComponent({__name:"OnyxUserMenu",props:{username:{},avatar:{},description:{},flyoutOpen:{default:P}},emits:["update:flyoutOpen"],setup(n,{emit:o}){const t=n,l=o,r=e.useSlots(),a=e.computed(()=>({src:t.avatar,label:t.username})),s=e.inject(U,e.computed(()=>!1));return(c,p)=>(e.openBlock(),e.createBlock(_l,{class:e.normalizeClass(["onyx-user-menu",{"onyx-user-menu--mobile":e.unref(s)}]),"is-mobile":e.unref(s),"flyout-open":c.flyoutOpen,"onUpdate:flyoutOpen":p[0]||(p[0]=i=>l("update:flyoutOpen",i))},e.createSlots({button:e.withCtx(()=>[e.createElementVNode("button",kl,[e.createVNode(ye,e.mergeProps(a.value,{size:"24px"}),null,16),e.createElementVNode("span",xl,e.toDisplayString(t.username),1)])]),header:e.withCtx(()=>[e.createElementVNode("div",gl,[e.createVNode(ye,e.normalizeProps(e.guardReactiveProps(a.value)),null,16),e.createElementVNode("div",bl,[e.createElementVNode("div",Bl,e.toDisplayString(t.username),1),t.description?(e.openBlock(),e.createElementBlock("div",Cl,e.toDisplayString(t.description),1)):e.createCommentVNode("",!0)])])]),options:e.withCtx(()=>[e.createElementVNode("div",Vl,[e.renderSlot(c.$slots,"default")])]),_:2},[r.footer?{name:"footer",fn:e.withCtx(()=>[e.renderSlot(c.$slots,"footer")]),key:"0"}:void 0]),1032,["class","is-mobile","flyout-open"]))}}),ut='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m15.155 7.28-1.06-1.06L8.315 12l5.78 5.78 1.06-1.06-4.72-4.72z"/></svg>',El='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M22.5 6h-21v1.5h21zm0 5.25h-21v1.5h21zm-21 5.25h21V18h-21z"/></svg>',Sl='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 1.5A2.25 2.25 0 1 1 12 6a2.25 2.25 0 0 1 0-4.5m0 8.25a2.25 2.25 0 1 1 0 4.5 2.25 2.25 0 0 1 0-4.5m1.25 8.63a2.25 2.25 0 1 0-2.5 3.741 2.25 2.25 0 0 0 2.5-3.742"/></svg>',Nl=(n,o)=>{const t="content-box",l=e.ref(0),r=e.ref(0),a=s=>{const c=s[0].contentBoxSize;l.value=c.reduce((p,{inlineSize:i})=>p+i,0),r.value=c.reduce((p,{blockSize:i})=>p+i,0)};return e.onBeforeMount(()=>{const s=new ResizeObserver(a);e.watch(n,(c,p)=>{p&&(s==null||s.unobserve(p)),c&&(s==null||s.observe(c,{box:t}))},{immediate:!0}),e.onBeforeUnmount(()=>s.disconnect())}),{width:l,height:r}},dt={"2xs":320,xs:576,sm:768,md:992,lg:1440,xl:1920},Ml=["primary","secondary","neutral","danger","warning","success","info"],$l=["small","default","large"],Ol=["ellipsis","multiline"],Tl=["horizontal","vertical"],Il={class:"onyx-nav-bar__content"},Ll={key:0,class:"onyx-nav-bar__mobile-page onyx-truncation-ellipsis"},Dl={role:"menubar"},Pl={role:"menubar"},Al={key:0,class:"onyx-nav-bar__mobile-context"},zl={key:0,class:"onyx-nav-bar__mobile-global-context"},Hl={class:"onyx-nav-bar__mobile-context-content"},Rl={key:1,class:"onyx-nav-bar__context"},Fl=e.defineComponent({__name:"OnyxNavBar",props:{logoUrl:{},appName:{},withBackButton:{type:Boolean},appAreaLabel:{},mobileBreakpoint:{default:"sm"}},emits:["navigateToStart","navigateBack"],setup(n,{expose:o,emit:t}){const l=n,r=t,a=e.useSlots(),s=e.ref(),{width:c}=Nl(s),{t:p}=C(),{elements:{nav:i}}=Fo({navigationName:e.toRef(()=>l.appName)}),u=e.ref(!1),d=e.ref(!1),f=e.computed(()=>{const m=typeof l.mobileBreakpoint=="number"?l.mobileBreakpoint:dt[l.mobileBreakpoint];return c.value!==0&&c.value<m});return e.provide(U,f),o({closeMobileMenus:()=>{u.value=!1,d.value=!1}}),(m,y)=>(e.openBlock(),e.createElementBlock("header",{ref_key:"navBarRef",ref:s,class:e.normalizeClass(["onyx-nav-bar",{"onyx-nav-bar--mobile":f.value}])},[e.createElementVNode("div",Il,[f.value&&a.mobileActivePage&&!u.value&&!d.value?(e.openBlock(),e.createElementBlock("span",Ll,[e.renderSlot(m.$slots,"mobileActivePage")])):l.appName||l.logoUrl||a.appArea?(e.openBlock(),e.createBlock(at,{key:1,class:"onyx-nav-bar__app","app-name":l.appName,"logo-url":l.logoUrl,label:l.appAreaLabel,onClick:y[0]||(y[0]=_=>{r("navigateToStart",_),u.value=!1})},{default:e.withCtx(()=>[e.renderSlot(m.$slots,"appArea")]),_:3},8,["app-name","logo-url","label"])):e.createCommentVNode("",!0),l.withBackButton?(e.openBlock(),e.createBlock(ot,{key:2,class:"onyx-nav-bar__back",label:e.unref(p)("navigation.goBack"),icon:e.unref(ut),color:"neutral",onClick:y[1]||(y[1]=_=>r("navigateBack",_))},null,8,["label","icon"])):e.createCommentVNode("",!0),a.default?(e.openBlock(),e.createElementBlock(e.Fragment,{key:3},[f.value?(e.openBlock(),e.createBlock(ge,{key:0,open:u.value,"onUpdate:open":[y[2]||(y[2]=_=>u.value=_),y[3]||(y[3]=_=>d.value=!1)],class:"onyx-nav-bar__burger",icon:e.unref(El),label:e.unref(p)("navigation.toggleBurgerMenu"),headline:e.unref(p)("navigation.navigationHeadline")},{default:e.withCtx(()=>[e.createElementVNode("nav",e.mergeProps({class:"onyx-nav-bar__nav--mobile"},e.unref(i)),[e.createElementVNode("ul",Dl,[e.renderSlot(m.$slots,"default")])],16)]),_:3},8,["open","icon","label","headline"])):(e.openBlock(),e.createElementBlock("nav",e.mergeProps({key:1,class:"onyx-nav-bar__nav"},e.unref(i)),[e.createElementVNode("ul",Pl,[e.renderSlot(m.$slots,"default")])],16))],64)):e.createCommentVNode("",!0),a.contextArea||a.globalContextArea?(e.openBlock(),e.createElementBlock(e.Fragment,{key:4},[f.value?(e.openBlock(),e.createElementBlock("div",Al,[a.globalContextArea?(e.openBlock(),e.createElementBlock("div",zl,[e.renderSlot(m.$slots,"globalContextArea")])):e.createCommentVNode("",!0),a.contextArea?(e.openBlock(),e.createBlock(ge,{key:1,open:d.value,"onUpdate:open":[y[4]||(y[4]=_=>d.value=_),y[5]||(y[5]=_=>u.value=!1)],icon:e.unref(Sl),label:e.unref(p)("navigation.toggleContextMenu")},{default:e.withCtx(()=>[e.createElementVNode("div",Hl,[e.renderSlot(m.$slots,"contextArea")])]),_:3},8,["open","icon","label"])):e.createCommentVNode("",!0)])):(e.openBlock(),e.createElementBlock("div",Rl,[a.globalContextArea?e.renderSlot(m.$slots,"globalContextArea",{key:0}):e.createCommentVNode("",!0),a.contextArea?e.renderSlot(m.$slots,"contextArea",{key:1}):e.createCommentVNode("",!0)]))],64)):e.createCommentVNode("",!0)])],2))}}),Ul={key:0,class:"onyx-page__sidebar"},ql={class:"onyx-page__main"},Gl={key:1,class:"onyx-page__footer"},Zl=e.defineComponent({__name:"OnyxPageLayout",props:{footerAsideSidebar:{type:Boolean},hideSidebar:{type:Boolean}},setup(n){const o=n,t=e.useSlots(),l=e.computed(()=>o.footerAsideSidebar?"onyx-page--footer-partial":"onyx-page--footer-full");return(r,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["onyx-page",l.value])},[t.sidebar&&!o.hideSidebar?(e.openBlock(),e.createElementBlock("aside",Ul,[e.renderSlot(r.$slots,"sidebar")])):e.createCommentVNode("",!0),e.createElementVNode("main",ql,[e.renderSlot(r.$slots,"default")]),t.footer?(e.openBlock(),e.createElementBlock("footer",Gl,[e.renderSlot(r.$slots,"footer")])):e.createCommentVNode("",!0)],2))}}),pt=n=>{const t=e.ref(!1),l=a=>{const s=a.target;if(!(s instanceof Element))return;const c=e.unref(n.offset)??0;t.value=Math.abs(s.scrollTop)+s.clientHeight>=s.scrollHeight-c-1};return{vScrollEnd:{mounted:a=>{e.watchEffect(()=>{var c;(((c=n.enabled)==null?void 0:c.value)??!0)&&!n.loading.value?a.addEventListener("scroll",l):a.removeEventListener("scroll",l)})}},isScrollEnd:t}},Kl=n=>{const o=e.ref("bottom"),t=()=>{var d,f,m;const r=e.unref(n);if(!r){o.value="bottom";return}const a=(d=l(r))==null?void 0:d.getBoundingClientRect(),s=r.getBoundingClientRect(),c=(a==null?void 0:a.top)??((f=window.visualViewport)==null?void 0:f.pageTop)??0,i=((a==null?void 0:a.bottom)??((m=window.visualViewport)==null?void 0:m.height)??0)-s.bottom,u=s.top-c;o.value=u>i?"top":"bottom"},l=r=>r?getComputedStyle(r).overflow==="hidden"?r:r.parentElement?l(r.parentElement):void 0:void 0;return{openDirection:o,updateOpenDirection:t}},mt=(n,o)=>{const t=Pe(n.toLowerCase()),l=Pe(o.toLowerCase());return t.includes(l)},Pe=n=>n.normalize("NFD").replace(/[\u0300-\u036f]/g,""),jl='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m16.718 14.123 1.057 1.057-5.782 5.782L6.21 15.18l1.058-1.057 4.717 4.717 4.718-4.717zM12 5.153l4.718 4.717 1.057-1.057-5.782-5.783L6.21 8.813 7.268 9.87l4.717-4.717z"/></svg>',Yl=["id","readonly","placeholder","required","disabled","aria-label","title","value","autofocus"],Xl=["aria-label","disabled"],ft=e.defineComponent({inheritAttrs:!1,__name:"OnyxSelectInput",props:{density:{},required:{type:Boolean},requiredMarker:{},customError:{},autofocus:{type:Boolean},id:{},label:{},labelTooltip:{},hideLabel:{type:Boolean,default:!1},message:{},messageTooltip:{},errorMessages:{},modelValue:{},textMode:{},disabled:{default:M},skeleton:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},placeholder:{},showFocus:{type:Boolean}},emits:["inputClick","validityChange"],setup(n,{expose:o,emit:t}){const{rootAttrs:l,restAttrs:r}=nt(),a=n,s=t,{t:c}=C(),{vCustomValidity:p,errorMessages:i}=A({props:a,emit:s}),{disabled:u}=T(a),d=e.computed(()=>a.modelValue?a.modelValue.length:0),f=e.computed(()=>{var S;const k=(S=a.modelValue)==null?void 0:S.length;if(!a.modelValue||!k)return"";if(k===1)return a.modelValue[0];switch(a.textMode){case"preview":return a.modelValue.join(", ");case"summary":default:return c.value("selections.currentSelection",{n:k})}}),m=e.ref(!1),{densityClass:y}=b(a),_=e.ref();o({focus:()=>{var k;return(k=_.value)==null?void 0:k.focus()}}),e.watch(()=>a.showFocus,(k,S)=>{m.value||S&&k===!1&&(m.value=!0)});const B=je.concat(Ye),E=k=>{B.includes(k.key)||k.preventDefault()};return(k,S)=>a.skeleton?(e.openBlock(),e.createElementBlock("div",e.mergeProps({key:0,class:["onyx-select-input-skeleton",e.unref(y)]},e.unref(l)),[a.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(w,{key:0,class:"onyx-select-input-skeleton__label"})),e.createVNode(w,{class:"onyx-select-input-skeleton__input"})],16)):(e.openBlock(),e.createElementBlock("div",e.mergeProps({key:1,class:["onyx-select-input",e.unref(y),a.readonly?"onyx-select-input--readonly":"onyx-select-input--editable"]},e.unref(l)),[e.createVNode(oe,e.mergeProps(a,{"error-messages":e.unref(i)}),{default:e.withCtx(({id:O})=>[e.createElementVNode("div",{class:"onyx-select-input__wrapper",onClick:S[0]||(S[0]=D=>!e.unref(u)&&!a.loading&&s("inputClick"))},[a.loading?(e.openBlock(),e.createBlock(L,{key:0,class:"onyx-select-input__loading",type:"circle"})):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("input",e.mergeProps({id:O,ref_key:"input",ref:_,class:{"onyx-select-input__native":!0,"onyx-select-input__native--show-focus":a.showFocus,"onyx-truncation-ellipsis":!0,"onyx-select-input__native--force-invalid":e.unref(i)&&m.value}},e.unref(r),{type:"text",readonly:a.readonly,placeholder:a.placeholder,required:a.required,disabled:e.unref(u)||a.loading,"aria-label":a.hideLabel?a.label:void 0,title:a.hideLabel?a.label:void 0,value:f.value,autofocus:a.autofocus,autocomplete:"off",onKeydown:E}),null,16,Yl),[[e.unref(p)]]),a.textMode==="preview"&&d.value>0?(e.openBlock(),e.createBlock(F,{key:1,text:f.value,position:"bottom"},{default:e.withCtx(({trigger:D})=>[e.createVNode(Ae,e.mergeProps({class:"onyx-select-input__badge"},D,{color:"neutral"}),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(d.value),1)]),_:2},1040)]),_:1},8,["text"])):e.createCommentVNode("",!0),e.createElementVNode("button",{class:"onyx-select-input__button",type:"button","aria-label":e.unref(c)("select.toggleDropDown"),tabindex:"-1",disabled:e.unref(u)||a.readonly||a.loading},[e.createVNode(g,{icon:e.unref(jl)},null,8,["icon"])],8,Xl)])]),_:1},16,["error-messages"])],16))}}),Jl=["checked","aria-labelledby","disabled","indeterminate"],be=e.defineComponent({__name:"OnyxSelectOption",props:{active:{type:Boolean,default:!1},density:{},multiple:{type:Boolean,default:!1},indeterminate:{type:Boolean},icon:{},truncation:{default:"ellipsis"}},setup(n){const o=n;return(t,l)=>(e.openBlock(),e.createBlock(ne,e.mergeProps({class:"onyx-select-option"},o,{checked:!!t.$attrs["aria-checked"],selected:!!t.$attrs["aria-selected"],disabled:!!t.$attrs["aria-disabled"]}),{default:e.withCtx(()=>[o.multiple?(e.openBlock(),e.createElementBlock("input",{key:0,checked:!!t.$attrs["aria-checked"],"aria-labelledby":t.$attrs.id,disabled:!!t.$attrs["aria-disabled"],indeterminate:o.indeterminate,"aria-hidden":"true",tabindex:"-1",class:"onyx-select-option__checkbox",type:"checkbox"},null,8,Jl)):e.createCommentVNode("",!0),o.icon?(e.openBlock(),e.createBlock(g,{key:1,icon:o.icon},null,8,["icon"])):e.createCommentVNode("",!0),e.createElementVNode("span",{class:e.normalizeClass([`onyx-truncation-${o.truncation}`])},[e.renderSlot(t.$slots,"default")],2)]),_:3},16,["checked","selected","disabled"]))}}),Wl=["inert"],Ql={class:"onyx-select__wrapper",tabindex:"-1"},ea={key:0,role:"group",class:"onyx-select__group"},ta={role:"option","aria-selected":"false"},oa={key:0,role:"presentation",class:"onyx-select__group-name onyx-text--small"},na={key:1,class:"onyx-select__slot"},la={key:2,class:"onyx-select__slot"},aa={key:0,class:"onyx-select__description onyx-text--small"},yt=e.defineComponent({__name:"OnyxSelect",props:{density:{},multiple:{type:Boolean},modelValue:{},withCheckAll:{type:[Boolean,Object]},withSearch:{type:Boolean},searchTerm:{default:P},required:{type:Boolean},requiredMarker:{},customError:{},autofocus:{type:Boolean},id:{},label:{},labelTooltip:{},hideLabel:{type:Boolean},message:{},messageTooltip:{},errorMessages:{},textMode:{},skeleton:{type:Boolean},readonly:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},placeholder:{},truncation:{default:"ellipsis"},disabled:{default:M},valueLabel:{default:void 0},open:{default:P},alignment:{default:"full"},listLabel:{},listDescription:{},options:{},lazyLoading:{}},emits:["update:modelValue","update:searchTerm","update:open","lazyLoad","validityChange"],setup(n,{emit:o}){const t=n,l=o,{densityClass:r}=b(t),a=e.useSlots(),{t:s}=C(),{state:c,isManaged:p}=W(e.toRef(()=>t.searchTerm),"",h=>l("update:searchTerm",h)),{state:i}=W(e.toRef(()=>t.open),!1,h=>l("update:open",h)),u=e.ref(),{openDirection:d,updateOpenDirection:f}=Kl(u),m=e.ref(),y=e.computed(()=>t.modelValue===void 0?[]:t.multiple&&Array.isArray(t.modelValue)?t.modelValue:[t.modelValue]),_=e.computed(()=>t.valueLabel!==void 0?Array.isArray(t.valueLabel)?t.valueLabel:[t.valueLabel]:y.value.reduce((h,x)=>{var N;const V=(N=t.options.find(({value:$})=>$===x))==null?void 0:N.label;return V&&h.push(V),h},[])),B=e.ref(),E=e.ref(),k=e.computed(()=>p.value&&c.value?t.options.filter(({label:h})=>mt(h,c.value)):t.options);e.watch(y,()=>{t.multiple||(m.value=y.value.at(0))},{immediate:!0});const S=e.useId(),O=e.computed(()=>(t.multiple&&t.withCheckAll&&!c.value?[S]:[]).concat(Te.value)),D=async h=>{var V,N;if(t.readonly){i.value=!1;return}const x=i.value;i.value=!x,await e.nextTick(),i.value&&f(),x!==i.value&&(x?(c.value&&(c.value=""),h||(V=E.value)==null||V.focus()):(N=B.value)==null||N.focus())},q=()=>m.value=O.value.at(0),le=()=>m.value=O.value.at(-1),ae=h=>{const x=O.value.findIndex(V=>V===h);x<O.value.length-1&&(m.value=O.value[x+1])},re=h=>{const x=O.value.findIndex(V=>V===h);x>0&&(m.value=O.value[x-1])},se=h=>{const x=k.value.find(V=>V.label.toLowerCase().trim().startsWith(h.toLowerCase()));x&&(m.value=x.value)},ie=h=>c.value=h,ce=h=>{var N;if(h===S){(N=Z.value)==null||N.handleChange(!Z.value.state.value.modelValue);return}if(!k.value.find(({value:$})=>$===h))return;if(!t.multiple)return l("update:modelValue",h);y.value.some($=>$===h)?l("update:modelValue",y.value.filter($=>$!==h)):l("update:modelValue",[...y.value,h])},ue=e.computed(()=>t.withSearch?"list":"none"),{elements:{input:v,option:G,group:Oe,listbox:kt}}=zo({autocomplete:ue,label:t.label,listLabel:t.listLabel,listDescription:t.listDescription,activeOption:e.computed(()=>m.value),multiple:e.computed(()=>t.multiple),isExpanded:i,templateRef:u,onToggle:D,onActivateFirst:q,onActivateLast:le,onActivateNext:ae,onActivatePrevious:re,onTypeAhead:se,onAutocomplete:ie,onSelect:ce}),xt=e.computed(()=>wo(k.value,"group")),{vScrollEnd:gt,isScrollEnd:bt}=pt({enabled:e.computed(()=>{var h;return((h=t.lazyLoading)==null?void 0:h.enabled)??!1}),loading:e.computed(()=>t.loading),offset:e.computed(()=>{var h;return(h=t.lazyLoading)==null?void 0:h.scrollOffset})}),de=e.computed(()=>{if(!k.value.length)return t.withSearch&&c.value?s.value("select.noMatch"):s.value("select.empty")}),Te=e.computed(()=>k.value.filter(h=>!h.disabled).map(({value:h})=>h)),Z=e.computed(()=>{if(!(!t.multiple||!t.withCheckAll))return We(Te,y,h=>{const x=h.map(V=>{var N;return(N=t.options.find(({value:$})=>$===V))==null?void 0:N.value}).filter(V=>V!=null);l("update:modelValue",x)})}),pe=e.computed(()=>{var x;if(!t.multiple)return"";const h=s.value("selections.selectAll");return typeof t.withCheckAll=="boolean"?h:((x=t.withCheckAll)==null?void 0:x.label)??h});e.watchEffect(()=>{bt.value&&l("lazyLoad")});const Bt=e.computed(()=>{const h={...t,open:void 0,modelValue:_.value};return t.withSearch?{...h,onKeydown:v.value.onKeydown}:{...h,...v.value}});return(h,x)=>{var V,N,$;return e.openBlock(),e.createElementBlock("div",{ref_key:"selectRef",ref:u,class:"onyx-select-wrapper"},[e.createVNode(ft,e.mergeProps({ref_key:"selectInput",ref:E},Bt.value,{"show-focus":e.unref(i),autofocus:t.autofocus,onInputClick:D,onValidityChange:x[0]||(x[0]=K=>l("validityChange",K))}),null,16,["show-focus","autofocus"]),e.createElementVNode("div",{class:e.normalizeClass(["onyx-select",e.unref(r),e.unref(i)?"onyx-select--open":"",`onyx-select--${e.unref(d)}`,`onyx-select--${t.alignment}`]),inert:!e.unref(i)},[e.withDirectives((e.openBlock(),e.createElementBlock("div",Ql,[t.withSearch?(e.openBlock(),e.createBlock(lt,e.mergeProps({key:0,ref_key:"miniSearch",ref:B,"model-value":e.unref(c)},e.unref(v),{label:e.unref(s)("select.searchInputLabel"),class:"onyx-select__search",onClear:x[1]||(x[1]=K=>c.value="")}),null,16,["model-value","label"])):e.createCommentVNode("",!0),e.createElementVNode("div",e.normalizeProps(e.guardReactiveProps(e.unref(kt))),[de.value?(e.openBlock(),e.createElementBlock("ul",ea,[e.createElementVNode("li",ta,[e.renderSlot(h.$slots,"empty",{defaultMessage:de.value},()=>[e.createVNode(Ee,null,{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(de.value),1)]),_:1})])])])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[t.multiple&&t.withCheckAll&&!e.unref(c)?(e.openBlock(),e.createElementBlock("ul",e.mergeProps({key:0,class:"onyx-select__check-all"},e.unref(Oe)({label:pe.value})),[e.createVNode(be,e.mergeProps(e.unref(G)({value:e.unref(S),label:pe.value,selected:(V=Z.value)==null?void 0:V.state.value.modelValue}),{multiple:"",active:e.unref(S)===m.value,indeterminate:(N=Z.value)==null?void 0:N.state.value.indeterminate,density:t.density}),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(pe.value),1)]),_:1},16,["active","indeterminate","density"])],16)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(xt.value,(K,j)=>(e.openBlock(),e.createElementBlock("ul",e.mergeProps({key:j,class:"onyx-select__group",ref_for:!0},e.unref(Oe)({label:j})),[j!=""?(e.openBlock(),e.createElementBlock("li",oa,e.toDisplayString(j),1)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(K,I=>(e.openBlock(),e.createBlock(be,e.mergeProps({key:I.value.toString(),ref_for:!0},e.unref(G)({value:I.value,label:I.label,disabled:I.disabled,selected:y.value.some(Ct=>Ct===I.value)}),{multiple:t.multiple,active:I.value===m.value,icon:I.icon,density:t.density,truncation:I.truncation??t.truncation}),{default:e.withCtx(()=>[e.renderSlot(h.$slots,"option",e.mergeProps({ref_for:!0},I),()=>[e.createTextVNode(e.toDisplayString(I.label),1)])]),_:2},1040,["multiple","active","icon","density","truncation"]))),128))],16))),128))],64))],16),($=t.lazyLoading)!=null&&$.loading?(e.openBlock(),e.createElementBlock("div",na,[e.createVNode(L,{class:"onyx-select__loading"})])):e.createCommentVNode("",!0),a.optionsEnd?(e.openBlock(),e.createElementBlock("div",la,[e.renderSlot(h.$slots,"optionsEnd")])):e.createCommentVNode("",!0)])),[[e.unref(gt)]]),t.listDescription?(e.openBlock(),e.createElementBlock("div",aa,e.toDisplayString(t.listDescription),1)):e.createCommentVNode("",!0)],10,Wl)],512)}}}),ra=["aria-label"],sa={class:"onyx-pagination__count"},ia=["aria-label","disabled"],ca=["aria-label","disabled"],ua=e.defineComponent({__name:"SelectPagination",props:{density:{},modelValue:{},pages:{},disabled:{type:Boolean}},emits:["update:modelValue"],setup(n,{emit:o}){const t=n,l=o,{t:r}=C(),{densityClass:a}=b(t),s=e.computed(()=>Array.from({length:t.pages},(i,u)=>{const d=u+1;return{label:d.toString(),value:d}})),c=e.computed(()=>t.modelValue<=1),p=e.computed(()=>t.modelValue>=t.pages);return(i,u)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["onyx-pagination","onyx-text",e.unref(a)]),role:"group","aria-label":e.unref(r)("pagination.label"),style:e.normalizeStyle({"--onyx-pagination-character-count":t.modelValue.toString().length})},[e.createVNode(yt,{class:"onyx-pagination__select",label:e.unref(r)("pagination.select.label"),"list-label":e.unref(r)("pagination.select.listLabel"),options:s.value,"model-value":t.modelValue,"value-label":t.modelValue.toString(),"hide-label":"",disabled:t.disabled||t.pages<=1,alignment:"left","with-search":"","onUpdate:modelValue":u[0]||(u[0]=d=>l("update:modelValue",d))},null,8,["label","list-label","options","model-value","value-label","disabled"]),e.createElementVNode("div",sa,e.toDisplayString(e.unref(r)("pagination.ofPages",{n:t.pages})),1),e.createElementVNode("button",{class:"onyx-pagination__button","aria-label":e.unref(r)("pagination.previous"),type:"button",disabled:t.disabled||c.value,onClick:u[1]||(u[1]=d=>l("update:modelValue",t.modelValue-1))},[e.createVNode(g,{icon:e.unref(ut)},null,8,["icon"])],8,ia),e.createElementVNode("button",{class:"onyx-pagination__button","aria-label":e.unref(r)("pagination.next"),type:"button",disabled:t.disabled||p.value,onClick:u[2]||(u[2]=d=>l("update:modelValue",t.modelValue+1))},[e.createVNode(g,{icon:e.unref(st)},null,8,["icon"])],8,ca)],14,ra))}}),da=e.defineComponent({__name:"OnyxPagination",props:{density:{},modelValue:{},pages:{},disabled:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(n,{emit:o}){const t=n,l=o;return(r,a)=>(e.openBlock(),e.createBlock(ua,e.mergeProps(t,{"onUpdate:modelValue":a[0]||(a[0]=s=>l("update:modelValue",s))}),null,16))}}),pa=["required","name","value","checked","disabled","autofocus"],Be=e.defineComponent({__name:"OnyxRadioButton",props:{density:{},value:{},label:{},disabled:{default:M},loading:{type:Boolean,default:!1},skeleton:{type:Boolean},truncation:{default:"ellipsis"},customError:{},autofocus:{type:Boolean},name:{},checked:{type:Boolean,default:!1},required:{type:Boolean,default:!1}},emits:["validityChange"],setup(n,{emit:o}){const t=n,l=o,{vCustomValidity:r,errorMessages:a}=A({props:t,emit:l}),{densityClass:s}=b(t),{disabled:c}=T(t);return(p,i)=>t.skeleton?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["onyx-radio-button-skeleton",e.unref(s)])},[e.createVNode(w,{class:"onyx-radio-button-skeleton__input"}),e.createVNode(w,{class:"onyx-radio-button-skeleton__label"})],2)):(e.openBlock(),e.createBlock(we,{key:1,disabled:e.unref(c),"error-messages":e.unref(a)},{default:e.withCtx(()=>[e.createElementVNode("label",{class:e.normalizeClass(["onyx-radio-button",e.unref(s)])},[t.loading?(e.openBlock(),e.createBlock(L,{key:0,class:"onyx-radio-button__loading",type:"circle"})):e.withDirectives((e.openBlock(),e.createElementBlock("input",{key:1,class:"onyx-radio-button__selector",type:"radio",required:t.required,name:t.name,value:t.value,checked:t.checked,disabled:e.unref(c),autofocus:t.autofocus},null,8,pa)),[[e.unref(r)]]),e.createElementVNode("span",{class:e.normalizeClass(["onyx-radio-button__label",[`onyx-truncation-${t.truncation}`]])},e.toDisplayString(t.label),3)],2)]),_:1},8,["disabled","error-messages"]))}}),ma=["disabled","aria-label"],fa={key:0,class:"onyx-radio-button-group__headline"},ya=e.defineComponent({__name:"OnyxRadioGroup",props:{density:{},required:{type:Boolean,default:!1},requiredMarker:{},customError:{},truncation:{default:"ellipsis"},label:{},hideLabel:{type:Boolean},options:{},name:{default:()=>e.useId()??""},modelValue:{},disabled:{default:M},direction:{default:"vertical"},skeleton:{}},emits:["update:modelValue","validityChange"],setup(n,{emit:o}){const t=n,{densityClass:l}=b(t),{requiredMarkerClass:r,requiredTypeClass:a}=Q(t),{disabled:s}=T(t),c=o,p=(i,u)=>{i&&c("update:modelValue",u)};return(i,u)=>(e.openBlock(),e.createElementBlock("fieldset",{class:e.normalizeClass(["onyx-radio-button-group",e.unref(l),e.unref(a)]),disabled:e.unref(s),role:"radiogroup","aria-label":t.label},[t.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("legend",fa,[e.createVNode(R,{is:"h3",class:e.normalizeClass(e.unref(r))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.label),1)]),_:1},8,["class"])])),e.createElementVNode("div",{class:e.normalizeClass(["onyx-radio-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,(d,f)=>(e.openBlock(),e.createBlock(Be,e.mergeProps({key:d.value.toString(),ref_for:!0},d,{name:t.name,"custom-error":t.customError,checked:d.value===t.modelValue,required:t.required,truncation:d.truncation??t.truncation,onValidityChange:m=>f===0&&c("validityChange",m),onChange:m=>p(m,d.value)}),null,16,["name","custom-error","checked","required","truncation","onValidityChange","onChange"]))),128)):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(t.skeleton,d=>(e.openBlock(),e.createBlock(Be,{id:`skeleton-${d}`,key:d,value:`skeleton-${d}`,label:"Skeleton ${i}",name:t.name,skeleton:""},null,8,["id","value","name"]))),128))],2)],10,ma))}}),ha=["full","left","right"],va=["summary","preview"],_a='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 11.25h18v1.5H3z"/></svg>',ka='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12.75 11.25V3h-1.5v8.25H3v1.5h8.25V21h1.5v-8.25H21v-1.5z"/></svg>',xa={class:"onyx-stepper__wrapper"},ga=["disabled","aria-label"],ba=["aria-label","autofocus","disabled","min","max","name","placeholder","readonly","required","step","title"],Ba=["disabled","aria-label"],Ca=e.defineComponent({__name:"OnyxStepper",props:{density:{},customError:{},required:{type:Boolean},requiredMarker:{},id:{},label:{},labelTooltip:{},hideLabel:{type:Boolean},message:{},messageTooltip:{},autofocus:{type:Boolean},modelValue:{},name:{},placeholder:{},min:{},max:{},step:{default:1},autocomplete:{},disabled:{default:M},readonly:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},skeleton:{type:Boolean,default:!1}},emits:["update:modelValue","validityChange"],setup(n,{emit:o}){const t=n,{t:l}=C(),r=e.ref(),a=o,{disabled:s}=T(t),{densityClass:c}=b(t),{vCustomValidity:p,errorMessages:i}=A({props:t,emit:a}),u=e.ref(!1),d=e.computed({get:()=>t.modelValue,set:_=>a("update:modelValue",_)}),f=_=>{if(!r.value)return;r.value[`${_}`]();const B=r.value.valueAsNumber;d.value=isNaN(B)?void 0:B},m=e.computed(()=>l.value("stepper.increment",{stepSize:t.step})),y=e.computed(()=>l.value("stepper.decrement",{stepSize:t.step}));return(_,B)=>t.skeleton?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["onyx-stepper-skeleton",e.unref(c)])},[t.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(w,{key:0,class:"onyx-stepper-skeleton__label"})),e.createVNode(w,{class:"onyx-stepper-skeleton__input"})],2)):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["onyx-stepper",e.unref(c)])},[e.createVNode(oe,e.mergeProps(t,{"error-messages":e.unref(i)}),{default:e.withCtx(()=>[e.createElementVNode("div",xa,[e.createElementVNode("button",{type:"button",class:"onyx-stepper__counter",disabled:t.min&&t.min===d.value||e.unref(s)||_.readonly||t.loading,"aria-label":y.value,onClick:B[0]||(B[0]=E=>f("stepDown"))},[e.createVNode(g,{icon:e.unref(_a)},null,8,["icon"])],8,ga),t.loading?(e.openBlock(),e.createBlock(L,{key:0,class:"onyx-stepper__loading",type:"circle"})):e.withDirectives((e.openBlock(),e.createElementBlock("input",{key:1,ref_key:"inputRef",ref:r,"onUpdate:modelValue":B[1]||(B[1]=E=>d.value=E),class:e.normalizeClass(["onyx-stepper__native",{"onyx-stepper__native--force-invalid":e.unref(i)&&u.value}]),type:"number","aria-label":t.label,autofocus:t.autofocus,disabled:e.unref(s)||t.loading,min:t.min,max:t.max,name:t.name,placeholder:t.placeholder,readonly:t.readonly,required:t.required,step:t.step,title:t.hideLabel?t.label:void 0,onChange:B[2]||(B[2]=E=>u.value=!0)},null,42,ba)),[[e.vModelText,d.value,void 0,{number:!0}],[e.unref(p)]]),e.createElementVNode("button",{type:"button",class:"onyx-stepper__counter",disabled:t.max&&t.max===d.value||e.unref(s)||_.readonly||t.loading,"aria-label":m.value,onClick:B[3]||(B[3]=E=>f("stepUp"))},[e.createVNode(g,{icon:e.unref(ka)},null,8,["icon"])],8,Ba)])]),_:1},16,["error-messages"])],2))}}),Va='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m15.983 8.095-6.22 6.22-2.468-2.47-1.061 1.062 3.53 3.525 7.28-7.28z"/></svg>',wa={class:"onyx-switch-skeleton__click-area"},Ea=["title"],Sa=["aria-label","disabled","required","autofocus"],Na={class:"onyx-switch__click-area"},Ma={class:"onyx-switch__container"},$a={class:"onyx-switch__icon"},Oa=e.defineComponent({__name:"OnyxSwitch",props:{density:{},required:{type:Boolean},requiredMarker:{},customError:{},autofocus:{type:Boolean},modelValue:{type:Boolean,default:!1},label:{},disabled:{default:M},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:r,requiredTypeClass:a}=Q(t),{densityClass:s}=b(t),{vCustomValidity:c,errorMessages:p}=A({props:t,emit:l}),i=e.computed(()=>t.hideLabel?t.label:void 0),{disabled:u}=T(t),d=e.computed({get:()=>t.modelValue,set:f=>{l("update:modelValue",f)}});return(f,m)=>t.skeleton?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["onyx-switch-skeleton",e.unref(s)])},[e.createElementVNode("span",wa,[e.createVNode(w,{class:"onyx-switch-skeleton__input"})]),t.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(w,{key:0,class:"onyx-switch-skeleton__label"}))],2)):(e.openBlock(),e.createBlock(we,{key:1,disabled:e.unref(u),"error-messages":e.unref(p)},{default:e.withCtx(()=>[e.createElementVNode("label",{class:e.normalizeClass(["onyx-switch",[e.unref(a),e.unref(s)]]),title:i.value},[e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":m[0]||(m[0]=y=>d.value=y),type:"checkbox",role:"switch",class:e.normalizeClass({"onyx-switch__input":!0,"onyx-switch__loading":t.loading}),"aria-label":t.hideLabel?t.label:void 0,disabled:e.unref(u)||t.loading,required:t.required,autofocus:t.autofocus},null,10,Sa),[[e.vModelCheckbox,d.value],[e.unref(c)]]),e.createElementVNode("span",Na,[e.createElementVNode("span",Ma,[e.createElementVNode("span",$a,[t.loading?(e.openBlock(),e.createBlock(L,{key:0,class:"onyx-switch__spinner",type:"circle"})):(e.openBlock(),e.createBlock(g,{key:1,icon:d.value?e.unref(Va):e.unref(Se)},null,8,["icon"]))]),m[1]||(m[1]=e.createElementVNode("div",{class:"onyx-switch__frame"},null,-1))])]),t.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(["onyx-switch__label",[`onyx-truncation-${t.truncation}`,t.truncation==="multiline"?e.unref(r):void 0]])},e.toDisplayString(t.label),3)),!t.hideLabel&&t.truncation==="ellipsis"?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["onyx-switch__marker",[e.unref(r)]])},null,2)):e.createCommentVNode("",!0)],10,Ea)]),_:1},8,["disabled","error-messages"]))}}),Ta={class:"onyx-text onyx-truncation-ellipsis"},Ia=e.defineComponent({__name:"OnyxTag",props:{density:{},label:{},color:{default:"primary"},icon:{}},setup(n){const o=n,{densityClass:t}=b(o);return(l,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["onyx-tag",`onyx-tag--${o.color}`,e.unref(t)])},[o.icon?(e.openBlock(),e.createBlock(g,{key:0,icon:o.icon,size:"16px"},null,8,["icon"])):e.createCommentVNode("",!0),e.createElementVNode("span",Ta,e.toDisplayString(o.label),1)],2))}}),La=["data-autosize-value"],Da=["id","placeholder","required","autocapitalize","autofocus","name","readonly","disabled","minlength","maxlength","aria-label","title"],Pa=e.defineComponent({__name:"OnyxTextarea",props:{density:{},required:{type:Boolean,default:!1},requiredMarker:{},customError:{},label:{},labelTooltip:{},hideLabel:{type:Boolean},modelValue:{default:""},placeholder:{},autocapitalize:{default:"sentences"},autofocus:{type:Boolean},name:{},readonly:{type:Boolean,default:!1},disabled:{default:M},minlength:{},maxlength:{},withCounter:{type:Boolean},message:{},messageTooltip:{},skeleton:{type:Boolean,default:!1},autosize:{},disableManualResize:{type:Boolean,default:!1}},emits:["update:modelValue","validityChange"],setup(n,{emit:o}){const t=n,l=o,{vCustomValidity:r,errorMessages:a}=A({props:t,emit:l}),{densityClass:s}=b(t),c=e.computed({get:()=>t.modelValue,set:d=>l("update:modelValue",d)}),p=e.computed(()=>{if(!t.autosize)return;const d=t.autosize.min?Math.max(t.autosize.min,2):void 0,f=t.autosize.max;return[d?`--min-autosize-rows: ${d}`:"",`--max-autosize-rows: ${f??"unset"}`]}),i=d=>{var m;const f=d.target;(m=f.parentElement)==null||m.setAttribute("data-autosize-value",f.value)},{disabled:u}=T(t);return(d,f)=>t.skeleton?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["onyx-textarea-skeleton",e.unref(s)]),style:e.normalizeStyle(p.value)},[t.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(w,{key:0,class:"onyx-textarea-skeleton__label"})),e.createVNode(w,{class:"onyx-textarea-skeleton__input"})],6)):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["onyx-textarea",e.unref(s)]),style:e.normalizeStyle(p.value)},[e.createVNode(oe,e.mergeProps(t,{"error-messages":e.unref(a)}),{default:e.withCtx(({id:m})=>[e.createElementVNode("div",{class:"onyx-textarea__wrapper","data-autosize-value":c.value},[e.withDirectives(e.createElementVNode("textarea",{id:m,"onUpdate:modelValue":f[0]||(f[0]=y=>c.value=y),class:e.normalizeClass(["onyx-textarea__native",{"onyx-textarea__native--no-resize":t.disableManualResize}]),placeholder:t.placeholder,required:t.required,autocapitalize:t.autocapitalize,autofocus:t.autofocus,name:t.name,readonly:t.readonly,disabled:e.unref(u),minlength:t.minlength,maxlength:t.maxlength,"aria-label":t.hideLabel?t.label:void 0,title:t.hideLabel?t.label:void 0,onInput:i},null,42,Da),[[e.vModelText,c.value],[e.unref(r)]])],8,La)]),_:1},16,["error-messages"])],6))}}),Aa='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M11.25 16.5h1.5V18h-1.5zM12.75 6h-1.5v8.25h1.5z"/><path fill-rule="evenodd" d="M12 1.5a10.5 10.5 0 1 0 0 21 10.5 10.5 0 0 0 0-21m6.364 16.864A9 9 0 1 1 21 12a8.94 8.94 0 0 1-2.636 6.364" clip-rule="evenodd"/></svg>',za='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m7.275 11.828 2.465 2.47 6.22-6.22 1.06 1.06-7.28 7.281-3.528-3.53z"/><path fill-rule="evenodd" d="M6.167 3.27a10.5 10.5 0 1 1 11.666 17.46A10.5 10.5 0 0 1 6.167 3.27M7 19.483A9 9 0 0 0 12 21a9.01 9.01 0 0 0 9-9 9 9 0 1 0-14 7.483" clip-rule="evenodd"/></svg>',Ha={class:"onyx-toast-message__wrapper"},Ra={class:"onyx-toast-message__content onyx-truncation-ellipsis"},Fa={class:"onyx-toast-message__headline onyx-text"},Ua={class:"onyx-truncation-ellipsis"},qa=["aria-label"],Ga={key:0,class:"onyx-toast-message__description onyx-text--small onyx-truncation-multiline",tabindex:"0"},ht=e.defineComponent({__name:"OnyxToastMessage",props:{density:{},headline:{},description:{},color:{default:"neutral"},duration:{default:5e3},clickable:{type:Boolean,default:!1},icon:{type:[String,Boolean],default:void 0}},emits:["close"],setup(n,{emit:o}){const t=n,l=o,{t:r}=C(),{densityClass:a}=b(t),s=e.computed(()=>t.duration>0),c={neutral:xe,danger:Qe,warning:Aa,success:za},p=e.computed(()=>{if(t.icon!==!1)return t.icon||c[t.color]});return(i,u)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.clickable?"button":"div"),{class:e.normalizeClass(["onyx-toast-message",[`onyx-toast-message--${t.color}`,e.unref(a)]]),role:t.color==="danger"||t.color==="warning"?"alert":"status","aria-label":t.clickable?t.headline:void 0},{default:e.withCtx(()=>[e.createElementVNode("div",Ha,[p.value?(e.openBlock(),e.createBlock(g,{key:0,icon:p.value},null,8,["icon"])):e.createCommentVNode("",!0),e.createElementVNode("div",Ra,[e.createElementVNode("div",Fa,[e.createElementVNode("span",Ua,e.toDisplayString(t.headline),1),t.clickable?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("button",{key:0,type:"button","aria-label":e.unref(r)("close"),class:"onyx-toast-message__close",onClick:u[0]||(u[0]=d=>l("close"))},[e.createVNode(g,{icon:e.unref(Se)},null,8,["icon"])],8,qa))]),t.description?(e.openBlock(),e.createElementBlock("p",Ga,e.toDisplayString(t.description),1)):e.createCommentVNode("",!0)])]),s.value?(e.openBlock(),e.createElementBlock("time",{key:t.duration,"aria-hidden":"true",class:"onyx-toast-message__progress-bar",style:e.normalizeStyle({animationDuration:`${t.duration}ms`}),onAnimationend:u[1]||(u[1]=d=>l("close"))},null,36)):e.createCommentVNode("",!0)]),_:1},8,["class","role","aria-label"]))}}),$e=Symbol(),vt=()=>{let n=1;const o=e.ref([]),t=r=>{const a=n++;o.value.unshift({...r,id:a,onClose:()=>l(a)})},l=r=>{o.value=o.value.filter(a=>a.id!==r)};return{toasts:e.computed(()=>o.value),show:t,remove:l}},_t=()=>{const n=()=>{console.warn('Trying to use "useToast()" before the toast provider has been provided. Make sure to "provide" it first.')};return e.inject($e,()=>({toasts:e.computed(()=>[]),show:n,remove:n}),!0)},Za={key:0,class:"onyx-toast",role:"presentation","aria-live":"polite",open:""},Ka=e.defineComponent({__name:"OnyxToast",setup(n){const o=_t();return(t,l)=>e.unref(o).toasts.value.length?(e.openBlock(),e.createElementBlock("dialog",Za,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(o).toasts.value,({id:r,...a})=>(e.openBlock(),e.createBlock(ht,e.mergeProps({key:r,ref_for:!0},a),null,16))),128))])):e.createCommentVNode("",!0)}}),ja=["top","bottom"],Ya=(n={})=>({install:o=>{Re(o,n.i18n);const t=o.runWithContext(()=>C());o.provide($e,vt()),o.mixin({beforeMount:()=>{e.watchEffect(()=>{Xa(t.t.value("optional"))})}})}}),Xa=n=>{var o;(o=globalThis.document)==null||o.body.style.setProperty("--onyx-global-optional-text",n)};exports.AUTOCAPITALIZE=Sn;exports.BUTTON_COLORS=lo;exports.BUTTON_MODES=ao;exports.BUTTON_TYPES=no;exports.DENSITIES=Lt;exports.DIRECTIONS=Tl;exports.HEADLINE_TYPES=fn;exports.ICON_SIZES=yn;exports.INPUT_TYPES=En;exports.LINK_TARGETS=$n;exports.MOBILE_NAV_BAR_INJECTION_KEY=U;exports.MULTISELECT_TEXT_MODE=va;exports.ONYX_BREAKPOINTS=dt;exports.ONYX_COLORS=Ml;exports.OnyxAppLayout=Nt;exports.OnyxAvatar=ye;exports.OnyxAvatarStack=It;exports.OnyxBadge=Ae;exports.OnyxButton=J;exports.OnyxCheckbox=Y;exports.OnyxCheckboxGroup=Jo;exports.OnyxColorSchemeDialog=rt;exports.OnyxColorSchemeMenuItem=Qn;exports.OnyxDataGridRenderer=un;exports.OnyxDialog=tt;exports.OnyxEmpty=Ee;exports.OnyxExternalLinkIcon=ee;exports.OnyxFlyoutMenu=Me;exports.OnyxHeadline=R;exports.OnyxIcon=g;exports.OnyxIconButton=ot;exports.OnyxInfoTooltip=X;exports.OnyxInput=wn;exports.OnyxLink=Mn;exports.OnyxListItem=ne;exports.OnyxLoadingIndicator=L;exports.OnyxMenuItem=Ne;exports.OnyxMiniSearch=lt;exports.OnyxMobileNavButton=ge;exports.OnyxNavAppArea=at;exports.OnyxNavBar=Fl;exports.OnyxNavButton=il;exports.OnyxNavItem=cl;exports.OnyxNavSeparator=it;exports.OnyxPageLayout=Zl;exports.OnyxPagination=da;exports.OnyxRadioButton=Be;exports.OnyxRadioGroup=ya;exports.OnyxSelect=yt;exports.OnyxSelectInput=ft;exports.OnyxSelectOption=be;exports.OnyxSkeleton=w;exports.OnyxStepper=Ca;exports.OnyxSwitch=Oa;exports.OnyxTable=et;exports.OnyxTag=Ia;exports.OnyxTextarea=Pa;exports.OnyxTimer=hl;exports.OnyxToast=Ka;exports.OnyxToastMessage=ht;exports.OnyxTooltip=F;exports.OnyxUserMenu=wl;exports.OnyxVisuallyHidden=te;exports.SELECT_ALIGNMENTS=ha;exports.TEXT_SIZES=$l;exports.TOAST_PROVIDER_INJECTION_KEY=$e;exports.TOOLTIP_POSITIONS=ja;exports.TRUNCATION_TYPES=Ol;exports.createOnyx=Ya;exports.createToastProvider=vt;exports.normalizedIncludes=mt;exports.provideI18n=Re;exports.useDensity=b;exports.useScrollEnd=pt;exports.useToast=_t;
|
|
183
|
+
`,Zn={class:"onyx-color-scheme-dialog__subtitle onyx-text"},Kn=["innerHTML"],jn=["autofocus","value","checked","aria-label"],Yn={class:"onyx-text--small"},Xn={class:"onyx-color-scheme-dialog__actions"},rt=e.defineComponent({__name:"OnyxColorSchemeDialog",props:{open:{type:Boolean,default:!1},density:{},modelValue:{}},emits:["update:modelValue","close"],setup(n,{emit:o}){const t=n,l=o,r=e.ref(t.modelValue);e.watchEffect(()=>r.value=t.modelValue);const{t:a}=C(),s=e.computed(()=>[{value:"auto",image:Un,label:a.value("colorScheme.auto.label"),description:a.value("colorScheme.auto.description")},{value:"light",image:Gn,label:a.value("colorScheme.light.label"),description:a.value("colorScheme.light.description")},{value:"dark",image:qn,label:a.value("colorScheme.dark.label"),description:a.value("colorScheme.dark.description")}]),c=i=>{const u=i.target;r.value=u.value},p=()=>{r.value&&(l("update:modelValue",r.value),l("close"))};return(i,u)=>(e.openBlock(),e.createBlock(tt,e.mergeProps({class:"onyx-color-scheme-dialog"},t,{label:e.unref(a)("colorScheme.headline"),modal:"",onClose:u[1]||(u[1]=d=>l("close"))}),{default:e.withCtx(()=>[e.createElementVNode("form",{class:"onyx-color-scheme-dialog__form",onSubmit:e.withModifiers(p,["prevent"])},[e.createElementVNode("div",null,[e.createVNode(R,{is:"h2"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(a)("colorScheme.headline")),1)]),_:1}),e.createElementVNode("span",Zn,e.toDisplayString(e.unref(a)("colorScheme.subtitle")),1)]),e.createElementVNode("fieldset",{class:"onyx-color-scheme-dialog__list",onChange:c},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.value,d=>(e.openBlock(),e.createElementBlock("label",{key:d.value,class:"onyx-color-scheme-dialog__option"},[e.createElementVNode("figure",{class:"onyx-color-scheme-dialog__image",innerHTML:d.image},null,8,Kn),e.createElementVNode("div",null,[e.createVNode(te,{is:"div"},{default:e.withCtx(()=>[e.createElementVNode("input",{type:"radio",name:"color-scheme",autofocus:t.modelValue===d.value,value:d.value,checked:t.modelValue===d.value,"aria-label":d.label,required:""},null,8,jn)]),_:2},1024),e.createVNode(R,{is:"h3",class:"onyx-color-scheme-dialog__label"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(d.label),1)]),_:2},1024),e.createElementVNode("p",Yn,e.toDisplayString(d.description),1)])]))),128))],32),e.createElementVNode("div",Xn,[e.createVNode(J,{label:e.unref(a)("cancel"),mode:"plain",color:"neutral",onClick:u[0]||(u[0]=d=>l("close"))},null,8,["label"]),e.createVNode(J,{label:e.unref(a)("apply"),type:"submit"},null,8,["label"])])],32)]),_:1},16,["label"]))}}),Jn='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12.008 1.5c-5.79 0-10.493 4.71-10.493 10.493 0 5.782 4.71 10.492 10.493 10.492 5.782 0 10.492-4.71 10.492-10.492S17.79 1.5 12.008 1.5M13.5 3.135q.753.126 1.463.375v16.973q-.709.249-1.463.375zm2.962 1.058a9.3 9.3 0 0 1 1.59 1.162v13.282a9 9 0 0 1-1.59 1.163zm3.083 2.917a8.93 8.93 0 0 1 1.447 4.882 9 9 0 0 1-1.447 4.883zM3.008 11.992C3.008 7.036 7.043 3 12 3v17.993c-4.957 0-8.992-4.035-8.992-8.993z"/></svg>',Ne=e.defineComponent({__name:"OnyxMenuItem",props:{href:{},active:{type:Boolean},disabled:{type:Boolean},color:{}},setup(n){const o=n,{elements:{listItem:t,menuItem:l}}=Xe();return(r,a)=>(e.openBlock(),e.createBlock(ne,e.mergeProps({selected:o.active,active:o.active,color:o.color,disabled:o.disabled,class:"onyx-menu-item"},e.unref(t)),{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.href?"a":"button"),e.mergeProps({class:"onyx-menu-item__trigger",disabled:!o.href&&o.disabled,href:o.href},e.unref(l)({active:o.active,disabled:!o.href&&o.disabled})),{default:e.withCtx(()=>[e.renderSlot(r.$slots,"default")]),_:3},16,["disabled","href"]))]),_:3},16,["selected","active","color","disabled"]))}}),Wn={class:"onyx-color-scheme-menu-item__value"},Qn=e.defineComponent({__name:"OnyxColorSchemeMenuItem",props:{modelValue:{}},emits:["update:modelValue"],setup(n,{emit:o}){const t=n,l=o,{t:r}=C(),a=e.ref(!1);return(s,c)=>(e.openBlock(),e.createBlock(Ne,{class:"onyx-color-scheme-menu-item",onClick:c[2]||(c[2]=p=>a.value=!0)},{default:e.withCtx(()=>[e.createVNode(g,{icon:e.unref(Jn)},null,8,["icon"]),e.createElementVNode("div",null,[e.createTextVNode(e.toDisplayString(e.unref(r)("colorScheme.appearance"))+": ",1),e.createElementVNode("span",Wn,e.toDisplayString(e.unref(r)(`colorScheme.${t.modelValue}.label`)),1)]),(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[e.createVNode(rt,{"model-value":t.modelValue,open:a.value,onClose:c[0]||(c[0]=p=>a.value=!1),"onUpdate:modelValue":c[1]||(c[1]=p=>l("update:modelValue",p))},null,8,["model-value","open"])]))]),_:1}))}}),el=n=>e.computed(n),P=Symbol("MANAGED_SYMBOL"),W=(n,o,t)=>{const l=e.computed(()=>n.value===P),r=e.ref(l.value?o:n.value);return{state:el({set:s=>{r.value=s,t(s)},get:()=>l.value?r.value:n.value}),isManaged:l}},tl=["aria-label"],Me=e.defineComponent({__name:"OnyxFlyoutMenu",props:{open:{default:P},label:{}},emits:["update:open"],setup(n,{emit:o}){const t=n,l=o,{state:r}=W(e.toRef(()=>t.open),!1,u=>l("update:open",u)),a=e.useSlots(),{elements:{root:s,button:c,menu:p}}=Ho({isExpanded:e.computed(()=>!!r.value),onToggle:()=>r.value=!r.value}),i=e.computed(()=>{var d;if(!a.default)return;const u=a.default().at(0);return(u==null?void 0:u.type.toString())==="Symbol(v-fgt)"?Array.isArray(u==null?void 0:u.children)?(d=u==null?void 0:u.children)==null?void 0:d.at(0):void 0:u});return(u,d)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps({class:"onyx-flyout-menu"},e.unref(s)),[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(i.value),e.normalizeProps(e.guardReactiveProps(e.unref(c))),null,16)),a.options||a.header||a.footer?e.withDirectives((e.openBlock(),e.createElementBlock("div",{key:0,"aria-label":t.label,class:e.normalizeClass({"onyx-flyout-menu__list--with-header":!!a.header,"onyx-flyout-menu__list--with-footer":!!a.footer,"onyx-flyout-menu__list":!0})},[e.renderSlot(u.$slots,"header"),a.options?(e.openBlock(),e.createElementBlock("ul",e.mergeProps({key:0},e.unref(p),{class:"onyx-flyout-menu__wrapper onyx-flyout-menu__group"}),[e.renderSlot(u.$slots,"options")],16)):e.createCommentVNode("",!0),e.renderSlot(u.$slots,"footer")],10,tl)),[[e.vShow,e.unref(r)]]):e.createCommentVNode("",!0)],16))}}),st='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m9.905 6.22-1.06 1.06 4.72 4.72-4.72 4.72 1.06 1.06 5.78-5.78z"/></svg>',U=Symbol(),ol='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M17.618 11.626H8.936l3.094-3.094-1.064-1.056-4.899 4.898 4.9 4.9 1.063-1.064-3.094-3.086h8.682z"/></svg>',nl=["aria-orientation"],it=e.defineComponent({__name:"OnyxNavSeparator",props:{orientation:{default:"vertical"}},setup(n){const o=n,t=e.inject(U);return(l,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["onyx-nav-separator",{"onyx-nav-separator--horizontal":o.orientation==="horizontal"||e.unref(t)}]),role:"separator","aria-orientation":o.orientation},null,10,nl))}}),ll={role:"presentation"},al=e.defineComponent({__name:"NavButtonLayout",props:{href:{},withExternalIcon:{type:[Boolean,String]},mobileChildrenOpen:{default:P},label:{},active:{type:Boolean},isMobile:{type:Boolean}},emits:["update:mobileChildrenOpen"],setup(n,{emit:o}){const t=n,l=e.useSlots(),{t:r}=C(),a=o,{state:s}=W(e.toRef(()=>t.mobileChildrenOpen),!1,c=>a("update:mobileChildrenOpen",c));return(c,p)=>(e.openBlock(),e.createElementBlock("li",ll,[t.isMobile?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[t.isMobile&&e.unref(s)?(e.openBlock(),e.createBlock(J,{key:0,label:e.unref(r)("back"),mode:"plain",color:"neutral",icon:e.unref(ol),onClick:p[0]||(p[0]=i=>s.value=!1)},null,8,["label","icon"])):e.createCommentVNode("",!0),!e.unref(s)||t.href?e.renderSlot(c.$slots,"button",{key:1}):e.createCommentVNode("",!0),e.unref(s)&&t.href?(e.openBlock(),e.createBlock(it,{key:2,orientation:"horizontal"})):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("ul",{role:"menu",class:e.normalizeClass(["onyx-nav-button__mobile-children",{"onyx-nav-button__mobile-children--open":e.unref(s)}])},[e.renderSlot(c.$slots,"options")],2),[[e.vShow,e.unref(s)]])],64)):(e.openBlock(),e.createBlock(Me,{key:1,label:e.unref(r)("navItemOptionsLabel",{label:t.label})},e.createSlots({default:e.withCtx(()=>[e.renderSlot(c.$slots,"button")]),_:2},[l.options?{name:"options",fn:e.withCtx(()=>[e.renderSlot(c.$slots,"options")]),key:"0"}:void 0]),1032,["label"]))]))}}),rl=["aria-label"],sl={class:"onyx-truncation-ellipsis"},il=e.defineComponent({__name:"OnyxNavButton",props:{href:{},withExternalIcon:{type:[Boolean,String],default:"auto"},mobileChildrenOpen:{},label:{},active:{type:Boolean,default:!1}},emits:["navigate"],setup(n,{emit:o}){const t=n,l=o,r=e.useSlots(),a=e.inject(U),s=e.ref(!1),c=e.computed(()=>!!r.children),p=i=>{a!=null&&a.value&&c.value&&!s.value?s.value=!0:t.href&&l("navigate",t.href,i)};return(i,u)=>(e.openBlock(),e.createBlock(al,e.mergeProps(t,{"mobile-children-open":s.value,"onUpdate:mobileChildrenOpen":u[0]||(u[0]=d=>s.value=d),class:["onyx-nav-button",{"onyx-nav-button--mobile":e.unref(a),"onyx-nav-button--active":t.active}],"is-mobile":e.unref(a)??!1}),e.createSlots({button:e.withCtx(()=>[e.createElementVNode("button",{class:e.normalizeClass(["onyx-nav-button__trigger onyx-text",{"onyx-nav-button__link":t.href!=null}]),role:"menuitem","aria-label":t.label,type:"button",onClick:p},[e.renderSlot(i.$slots,"default",{},()=>[e.createElementVNode("span",sl,e.toDisplayString(t.label),1),e.createVNode(ee,e.normalizeProps(e.guardReactiveProps(t)),null,16)]),e.unref(a)&&c.value&&!s.value?(e.openBlock(),e.createBlock(g,{key:0,class:"onyx-nav-button__mobile-chevron",icon:e.unref(st)},null,8,["icon"])):e.createCommentVNode("",!0)],10,rl)]),_:2},[r.children?{name:"options",fn:e.withCtx(()=>[e.renderSlot(i.$slots,"children")]),key:"0"}:void 0]),1040,["mobile-children-open","class","is-mobile"]))}}),cl=e.defineComponent({__name:"OnyxNavItem",props:{href:{},withExternalIcon:{type:[Boolean,String],default:"auto"},mobileChildrenOpen:{},label:{},active:{type:Boolean}},emits:["navigate"],setup(n,{emit:o}){const t=n,l=o;return(r,a)=>(e.openBlock(),e.createBlock(Ne,{class:"onyx-nav-item",active:t.active,href:t.href??"javascript:void(0)",onClick:a[0]||(a[0]=s=>t.href&&l("navigate",t.href))},{default:e.withCtx(()=>[e.renderSlot(r.$slots,"default",{},()=>[e.createElementVNode("span",null,e.toDisplayString(t.label),1),e.createVNode(ee,e.normalizeProps(e.guardReactiveProps(t)),null,16)])]),_:3},8,["active","href"]))}}),ul=n=>{const o=e.ref(),t=e.ref(me(new Date(n.value).getTime())),l=e.computed(()=>t.value===0);return e.watch(n,r=>{clearInterval(o.value);const a=new Date(r).getTime();t.value=me(a),o.value=setInterval(()=>{t.value=me(a),l.value&&clearInterval(o.value)},1e3)},{immediate:!0}),e.onBeforeUnmount(()=>clearInterval(o.value)),{timeLeft:t,isEnded:l}},me=n=>{const o=n-Date.now();return Math.max(o,0)},ct=n=>{const o=Math.floor(n/6e4/60),t=Math.floor(n/6e4%60),l=Math.floor(n%6e4/1e3);return{hours:o,minutes:t,seconds:l}},dl=(n,o)=>{const{hours:t,minutes:l,seconds:r}=ct(n),a=p=>p.toString().padStart(2,"0");let s="",c=fe(o.formatToParts(n,"seconds"));return l>0&&(c=fe(o.formatToParts(n,"minutes"))),t>0&&(c=fe(o.formatToParts(n,"hours")),s=`${a(t)}:`),`${s}${a(l)}:${a(r)} ${c}`},fe=n=>{var o;return((o=n.at(-1))==null?void 0:o.value.replace(".","").trim())??""},pl=n=>{const{hours:o,minutes:t,seconds:l}=ct(n);return`PT${o}H${t}M${l}S`},ml=["aria-label"],fl={key:0,class:"onyx-timer__label"},yl=["datetime"],hl=e.defineComponent({__name:"OnyxTimer",props:{endTime:{},label:{},hideLabel:{type:Boolean}},emits:["timerEnded"],setup(n,{emit:o}){const t=n,l=o,{locale:r}=C(),{timeLeft:a,isEnded:s}=ul(e.computed(()=>t.endTime)),c=e.computed(()=>new Intl.RelativeTimeFormat(r.value,{numeric:"always",style:"short"})),p=e.computed(()=>dl(a.value,c.value));return e.watchEffect(()=>s.value&&l("timerEnded")),(i,u)=>(e.openBlock(),e.createElementBlock("div",{class:"onyx-timer onyx-text onyx-truncation-ellipsis",role:"timer","aria-label":t.hideLabel?t.label:void 0},[t.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("span",fl,e.toDisplayString(t.label),1)),e.createElementVNode("time",{datetime:e.unref(pl)(e.unref(a)),class:"onyx-timer__time"},e.toDisplayString(p.value),9,yl)],8,ml))}}),vl={class:"onyx-user-menu__footer onyx-text--small"},_l=e.defineComponent({__name:"UserMenuLayout",props:{isMobile:{type:Boolean},flyoutOpen:{default:P}},emits:["update:flyoutOpen"],setup(n){const o=n,t=e.useModel(o,"flyoutOpen"),l=e.useSlots(),{t:r}=C();return(a,s)=>(e.openBlock(),e.createElementBlock("div",null,[o.isMobile?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.renderSlot(a.$slots,"header"),e.renderSlot(a.$slots,"options"),l.footer?(e.openBlock(),e.createBlock(ne,{key:0,class:"onyx-user-menu__mobile-footer",disabled:""},{default:e.withCtx(()=>[e.renderSlot(a.$slots,"footer")]),_:3})):e.createCommentVNode("",!0)],64)):(e.openBlock(),e.createBlock(Me,{key:1,open:e.unref(t),"onUpdate:open":s[0]||(s[0]=c=>e.isRef(t)?t.value=c:null),label:e.unref(r)("navigation.userMenuLabel")},e.createSlots({header:e.withCtx(()=>[e.renderSlot(a.$slots,"header")]),options:e.withCtx(()=>[e.renderSlot(a.$slots,"options")]),default:e.withCtx(()=>[e.renderSlot(a.$slots,"button")]),_:2},[l.footer?{name:"footer",fn:e.withCtx(()=>[e.createElementVNode("div",vl,[e.renderSlot(a.$slots,"footer")])]),key:"0"}:void 0]),1032,["open","label"]))]))}}),kl={class:"onyx-user-menu__trigger onyx-text",type:"button"},xl={class:"onyx-truncation-ellipsis"},gl={class:"onyx-user-menu__header"},bl={class:"onyx-truncation-ellipsis"},Bl={class:"onyx-user-menu__username onyx-text onyx-truncation-ellipsis"},Cl={key:0,class:"onyx-user-menu__description onyx-text--small onyx-truncation-ellipsis"},Vl={class:"onyx-user-menu__options"},wl=e.defineComponent({__name:"OnyxUserMenu",props:{username:{},avatar:{},description:{},flyoutOpen:{default:P}},emits:["update:flyoutOpen"],setup(n,{emit:o}){const t=n,l=o,r=e.useSlots(),a=e.computed(()=>({src:t.avatar,label:t.username})),s=e.inject(U,e.computed(()=>!1));return(c,p)=>(e.openBlock(),e.createBlock(_l,{class:e.normalizeClass(["onyx-user-menu",{"onyx-user-menu--mobile":e.unref(s)}]),"is-mobile":e.unref(s),"flyout-open":c.flyoutOpen,"onUpdate:flyoutOpen":p[0]||(p[0]=i=>l("update:flyoutOpen",i))},e.createSlots({button:e.withCtx(()=>[e.createElementVNode("button",kl,[e.createVNode(ye,e.mergeProps(a.value,{size:"24px"}),null,16),e.createElementVNode("span",xl,e.toDisplayString(t.username),1)])]),header:e.withCtx(()=>[e.createElementVNode("div",gl,[e.createVNode(ye,e.normalizeProps(e.guardReactiveProps(a.value)),null,16),e.createElementVNode("div",bl,[e.createElementVNode("div",Bl,e.toDisplayString(t.username),1),t.description?(e.openBlock(),e.createElementBlock("div",Cl,e.toDisplayString(t.description),1)):e.createCommentVNode("",!0)])])]),options:e.withCtx(()=>[e.createElementVNode("div",Vl,[e.renderSlot(c.$slots,"default")])]),_:2},[r.footer?{name:"footer",fn:e.withCtx(()=>[e.renderSlot(c.$slots,"footer")]),key:"0"}:void 0]),1032,["class","is-mobile","flyout-open"]))}}),ut='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m15.155 7.28-1.06-1.06L8.315 12l5.78 5.78 1.06-1.06-4.72-4.72z"/></svg>',El='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M22.5 6h-21v1.5h21zm0 5.25h-21v1.5h21zm-21 5.25h21V18h-21z"/></svg>',Sl='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 1.5A2.25 2.25 0 1 1 12 6a2.25 2.25 0 0 1 0-4.5m0 8.25a2.25 2.25 0 1 1 0 4.5 2.25 2.25 0 0 1 0-4.5m1.25 8.63a2.25 2.25 0 1 0-2.5 3.741 2.25 2.25 0 0 0 2.5-3.742"/></svg>',Nl=(n,o)=>{const t="content-box",l=e.ref(0),r=e.ref(0),a=s=>{const c=s[0].contentBoxSize;l.value=c.reduce((p,{inlineSize:i})=>p+i,0),r.value=c.reduce((p,{blockSize:i})=>p+i,0)};return e.onBeforeMount(()=>{const s=new ResizeObserver(a);e.watch(n,(c,p)=>{p&&(s==null||s.unobserve(p)),c&&(s==null||s.observe(c,{box:t}))},{immediate:!0}),e.onBeforeUnmount(()=>s.disconnect())}),{width:l,height:r}},dt={"2xs":320,xs:576,sm:768,md:992,lg:1440,xl:1920},Ml=["primary","secondary","neutral","danger","warning","success","info"],$l=["small","default","large"],Ol=["ellipsis","multiline"],Tl=["horizontal","vertical"],Il={class:"onyx-nav-bar__content"},Ll={key:0,class:"onyx-nav-bar__mobile-page onyx-truncation-ellipsis"},Dl={role:"menubar"},Pl={role:"menubar"},Al={key:0,class:"onyx-nav-bar__mobile-context"},zl={key:0,class:"onyx-nav-bar__mobile-global-context"},Hl={class:"onyx-nav-bar__mobile-context-content"},Rl={key:1,class:"onyx-nav-bar__context"},Fl=e.defineComponent({__name:"OnyxNavBar",props:{logoUrl:{},appName:{},withBackButton:{type:Boolean},appAreaLabel:{},mobileBreakpoint:{default:"sm"}},emits:["navigateToStart","navigateBack"],setup(n,{expose:o,emit:t}){const l=n,r=t,a=e.useSlots(),s=e.ref(),{width:c}=Nl(s),{t:p}=C(),{elements:{nav:i}}=Fo({navigationName:e.toRef(()=>l.appName)}),u=e.ref(!1),d=e.ref(!1),f=e.computed(()=>{const m=typeof l.mobileBreakpoint=="number"?l.mobileBreakpoint:dt[l.mobileBreakpoint];return c.value!==0&&c.value<m});return e.provide(U,f),o({closeMobileMenus:()=>{u.value=!1,d.value=!1}}),(m,y)=>(e.openBlock(),e.createElementBlock("header",{ref_key:"navBarRef",ref:s,class:e.normalizeClass(["onyx-nav-bar",{"onyx-nav-bar--mobile":f.value}])},[e.createElementVNode("div",Il,[f.value&&a.mobileActivePage&&!u.value&&!d.value?(e.openBlock(),e.createElementBlock("span",Ll,[e.renderSlot(m.$slots,"mobileActivePage")])):l.appName||l.logoUrl||a.appArea?(e.openBlock(),e.createBlock(at,{key:1,class:"onyx-nav-bar__app","app-name":l.appName,"logo-url":l.logoUrl,label:l.appAreaLabel,onClick:y[0]||(y[0]=_=>{r("navigateToStart",_),u.value=!1})},{default:e.withCtx(()=>[e.renderSlot(m.$slots,"appArea")]),_:3},8,["app-name","logo-url","label"])):e.createCommentVNode("",!0),l.withBackButton?(e.openBlock(),e.createBlock(ot,{key:2,class:"onyx-nav-bar__back",label:e.unref(p)("navigation.goBack"),icon:e.unref(ut),color:"neutral",onClick:y[1]||(y[1]=_=>r("navigateBack",_))},null,8,["label","icon"])):e.createCommentVNode("",!0),a.default?(e.openBlock(),e.createElementBlock(e.Fragment,{key:3},[f.value?(e.openBlock(),e.createBlock(ge,{key:0,open:u.value,"onUpdate:open":[y[2]||(y[2]=_=>u.value=_),y[3]||(y[3]=_=>d.value=!1)],class:"onyx-nav-bar__burger",icon:e.unref(El),label:e.unref(p)("navigation.toggleBurgerMenu"),headline:e.unref(p)("navigation.navigationHeadline")},{default:e.withCtx(()=>[e.createElementVNode("nav",e.mergeProps({class:"onyx-nav-bar__nav--mobile"},e.unref(i)),[e.createElementVNode("ul",Dl,[e.renderSlot(m.$slots,"default")])],16)]),_:3},8,["open","icon","label","headline"])):(e.openBlock(),e.createElementBlock("nav",e.mergeProps({key:1,class:"onyx-nav-bar__nav"},e.unref(i)),[e.createElementVNode("ul",Pl,[e.renderSlot(m.$slots,"default")])],16))],64)):e.createCommentVNode("",!0),a.contextArea||a.globalContextArea?(e.openBlock(),e.createElementBlock(e.Fragment,{key:4},[f.value?(e.openBlock(),e.createElementBlock("div",Al,[a.globalContextArea?(e.openBlock(),e.createElementBlock("div",zl,[e.renderSlot(m.$slots,"globalContextArea")])):e.createCommentVNode("",!0),a.contextArea?(e.openBlock(),e.createBlock(ge,{key:1,open:d.value,"onUpdate:open":[y[4]||(y[4]=_=>d.value=_),y[5]||(y[5]=_=>u.value=!1)],icon:e.unref(Sl),label:e.unref(p)("navigation.toggleContextMenu")},{default:e.withCtx(()=>[e.createElementVNode("div",Hl,[e.renderSlot(m.$slots,"contextArea")])]),_:3},8,["open","icon","label"])):e.createCommentVNode("",!0)])):(e.openBlock(),e.createElementBlock("div",Rl,[a.globalContextArea?e.renderSlot(m.$slots,"globalContextArea",{key:0}):e.createCommentVNode("",!0),a.contextArea?e.renderSlot(m.$slots,"contextArea",{key:1}):e.createCommentVNode("",!0)]))],64)):e.createCommentVNode("",!0)])],2))}}),Ul={key:0,class:"onyx-page__sidebar"},ql={class:"onyx-page__main"},Gl={key:1,class:"onyx-page__footer"},Zl=e.defineComponent({__name:"OnyxPageLayout",props:{footerAsideSidebar:{type:Boolean},hideSidebar:{type:Boolean}},setup(n){const o=n,t=e.useSlots(),l=e.computed(()=>o.footerAsideSidebar?"onyx-page--footer-partial":"onyx-page--footer-full");return(r,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["onyx-page",l.value])},[t.sidebar&&!o.hideSidebar?(e.openBlock(),e.createElementBlock("aside",Ul,[e.renderSlot(r.$slots,"sidebar")])):e.createCommentVNode("",!0),e.createElementVNode("main",ql,[e.renderSlot(r.$slots,"default")]),t.footer?(e.openBlock(),e.createElementBlock("footer",Gl,[e.renderSlot(r.$slots,"footer")])):e.createCommentVNode("",!0)],2))}}),pt=n=>{const t=e.ref(!1),l=a=>{const s=a.target;if(!(s instanceof Element))return;const c=e.unref(n.offset)??0;t.value=Math.abs(s.scrollTop)+s.clientHeight>=s.scrollHeight-c-1};return{vScrollEnd:{mounted:a=>{e.watchEffect(()=>{var c;(((c=n.enabled)==null?void 0:c.value)??!0)&&!n.loading.value?a.addEventListener("scroll",l):a.removeEventListener("scroll",l)})}},isScrollEnd:t}},Kl=n=>{const o=e.ref("bottom"),t=()=>{var d,f,m;const r=e.unref(n);if(!r){o.value="bottom";return}const a=(d=l(r))==null?void 0:d.getBoundingClientRect(),s=r.getBoundingClientRect(),c=(a==null?void 0:a.top)??((f=window.visualViewport)==null?void 0:f.pageTop)??0,i=((a==null?void 0:a.bottom)??((m=window.visualViewport)==null?void 0:m.height)??0)-s.bottom,u=s.top-c;o.value=u>i?"top":"bottom"},l=r=>r?getComputedStyle(r).overflow==="hidden"?r:r.parentElement?l(r.parentElement):void 0:void 0;return{openDirection:o,updateOpenDirection:t}},mt=(n,o)=>{const t=Pe(n.toLowerCase()),l=Pe(o.toLowerCase());return t.includes(l)},Pe=n=>n.normalize("NFD").replace(/[\u0300-\u036f]/g,""),jl='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m16.718 14.123 1.057 1.057-5.782 5.782L6.21 15.18l1.058-1.057 4.717 4.717 4.718-4.717zM12 5.153l4.718 4.717 1.057-1.057-5.782-5.783L6.21 8.813 7.268 9.87l4.717-4.717z"/></svg>',Yl=["id","readonly","placeholder","required","disabled","aria-label","title","value","autofocus"],Xl=["aria-label","disabled"],ft=e.defineComponent({inheritAttrs:!1,__name:"OnyxSelectInput",props:{density:{},required:{type:Boolean},requiredMarker:{},customError:{},autofocus:{type:Boolean},id:{},label:{},labelTooltip:{},hideLabel:{type:Boolean,default:!1},message:{},messageTooltip:{},errorMessages:{},modelValue:{},textMode:{},disabled:{default:M},skeleton:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},placeholder:{},showFocus:{type:Boolean}},emits:["inputClick","validityChange"],setup(n,{expose:o,emit:t}){const{rootAttrs:l,restAttrs:r}=nt(),a=n,s=t,{t:c}=C(),{vCustomValidity:p,errorMessages:i}=A({props:a,emit:s}),{disabled:u}=T(a),d=e.computed(()=>a.modelValue?a.modelValue.length:0),f=e.computed(()=>{var S;const k=(S=a.modelValue)==null?void 0:S.length;if(!a.modelValue||!k)return"";if(k===1)return a.modelValue[0];switch(a.textMode){case"preview":return a.modelValue.join(", ");case"summary":default:return c.value("selections.currentSelection",{n:k})}}),m=e.ref(!1),{densityClass:y}=b(a),_=e.ref();o({focus:()=>{var k;return(k=_.value)==null?void 0:k.focus()}}),e.watch(()=>a.showFocus,(k,S)=>{m.value||S&&k===!1&&(m.value=!0)});const B=je.concat(Ye),E=k=>{B.includes(k.key)||k.preventDefault()};return(k,S)=>a.skeleton?(e.openBlock(),e.createElementBlock("div",e.mergeProps({key:0,class:["onyx-select-input-skeleton",e.unref(y)]},e.unref(l)),[a.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(w,{key:0,class:"onyx-select-input-skeleton__label"})),e.createVNode(w,{class:"onyx-select-input-skeleton__input"})],16)):(e.openBlock(),e.createElementBlock("div",e.mergeProps({key:1,class:["onyx-select-input",e.unref(y),a.readonly?"onyx-select-input--readonly":"onyx-select-input--editable"]},e.unref(l)),[e.createVNode(oe,e.mergeProps(a,{"error-messages":e.unref(i)}),{default:e.withCtx(({id:O})=>[e.createElementVNode("div",{class:"onyx-select-input__wrapper",onClick:S[0]||(S[0]=D=>!e.unref(u)&&!a.loading&&s("inputClick"))},[a.loading?(e.openBlock(),e.createBlock(L,{key:0,class:"onyx-select-input__loading",type:"circle"})):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("input",e.mergeProps({id:O,ref_key:"input",ref:_,class:{"onyx-select-input__native":!0,"onyx-select-input__native--show-focus":a.showFocus,"onyx-truncation-ellipsis":!0,"onyx-select-input__native--force-invalid":e.unref(i)&&m.value}},e.unref(r),{type:"text",readonly:a.readonly,placeholder:a.placeholder,required:a.required,disabled:e.unref(u)||a.loading,"aria-label":a.hideLabel?a.label:void 0,title:a.hideLabel?a.label:void 0,value:f.value,autofocus:a.autofocus,autocomplete:"off",onKeydown:E}),null,16,Yl),[[e.unref(p)]]),a.textMode==="preview"&&d.value>0?(e.openBlock(),e.createBlock(F,{key:1,text:f.value,position:"bottom"},{default:e.withCtx(({trigger:D})=>[e.createVNode(Ae,e.mergeProps({class:"onyx-select-input__badge"},D,{color:"neutral"}),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(d.value),1)]),_:2},1040)]),_:1},8,["text"])):e.createCommentVNode("",!0),e.createElementVNode("button",{class:"onyx-select-input__button",type:"button","aria-label":e.unref(c)("select.toggleDropDown"),tabindex:"-1",disabled:e.unref(u)||a.readonly||a.loading},[e.createVNode(g,{icon:e.unref(jl)},null,8,["icon"])],8,Xl)])]),_:1},16,["error-messages"])],16))}}),Jl=["checked","aria-labelledby","disabled","indeterminate"],be=e.defineComponent({__name:"OnyxSelectOption",props:{active:{type:Boolean,default:!1},density:{},multiple:{type:Boolean,default:!1},indeterminate:{type:Boolean},icon:{},truncation:{default:"ellipsis"}},setup(n){const o=n;return(t,l)=>(e.openBlock(),e.createBlock(ne,e.mergeProps({class:"onyx-select-option"},o,{checked:!!t.$attrs["aria-checked"],selected:!!t.$attrs["aria-selected"],disabled:!!t.$attrs["aria-disabled"]}),{default:e.withCtx(()=>[o.multiple?(e.openBlock(),e.createElementBlock("input",{key:0,checked:!!t.$attrs["aria-checked"],"aria-labelledby":t.$attrs.id,disabled:!!t.$attrs["aria-disabled"],indeterminate:o.indeterminate,"aria-hidden":"true",tabindex:"-1",class:"onyx-select-option__checkbox",type:"checkbox"},null,8,Jl)):e.createCommentVNode("",!0),o.icon?(e.openBlock(),e.createBlock(g,{key:1,icon:o.icon},null,8,["icon"])):e.createCommentVNode("",!0),e.createElementVNode("span",{class:e.normalizeClass([`onyx-truncation-${o.truncation}`])},[e.renderSlot(t.$slots,"default")],2)]),_:3},16,["checked","selected","disabled"]))}}),Wl=["inert"],Ql={class:"onyx-select__wrapper",tabindex:"-1"},ea={key:0,role:"group",class:"onyx-select__group"},ta={role:"option","aria-selected":"false"},oa={key:0,role:"presentation",class:"onyx-select__group-name onyx-text--small"},na={key:1,class:"onyx-select__slot"},la={key:2,class:"onyx-select__slot"},aa={key:0,class:"onyx-select__description onyx-text--small"},yt=e.defineComponent({__name:"OnyxSelect",props:{density:{},multiple:{type:Boolean},modelValue:{},withCheckAll:{type:[Boolean,Object]},withSearch:{type:Boolean},searchTerm:{default:P},required:{type:Boolean},requiredMarker:{},customError:{},autofocus:{type:Boolean},id:{},label:{},labelTooltip:{},hideLabel:{type:Boolean},message:{},messageTooltip:{},errorMessages:{},textMode:{},skeleton:{type:Boolean},readonly:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},placeholder:{},truncation:{default:"ellipsis"},disabled:{default:M},valueLabel:{default:void 0},open:{default:P},alignment:{default:"full"},listLabel:{},listDescription:{},options:{},lazyLoading:{}},emits:["update:modelValue","update:searchTerm","update:open","lazyLoad","validityChange"],setup(n,{emit:o}){const t=n,l=o,{densityClass:r}=b(t),a=e.useSlots(),{t:s}=C(),{state:c,isManaged:p}=W(e.toRef(()=>t.searchTerm),"",h=>l("update:searchTerm",h)),{state:i}=W(e.toRef(()=>t.open),!1,h=>l("update:open",h)),u=e.ref(),{openDirection:d,updateOpenDirection:f}=Kl(u),m=e.ref(),y=e.computed(()=>t.modelValue===void 0?[]:t.multiple&&Array.isArray(t.modelValue)?t.modelValue:[t.modelValue]),_=e.computed(()=>t.valueLabel!==void 0?Array.isArray(t.valueLabel)?t.valueLabel:[t.valueLabel]:y.value.reduce((h,x)=>{var N;const V=(N=t.options.find(({value:$})=>$===x))==null?void 0:N.label;return V&&h.push(V),h},[])),B=e.ref(),E=e.ref(),k=e.computed(()=>p.value&&c.value?t.options.filter(({label:h})=>mt(h,c.value)):t.options);e.watch(y,()=>{t.multiple||(m.value=y.value.at(0))},{immediate:!0});const S=e.useId(),O=e.computed(()=>(t.multiple&&t.withCheckAll&&!c.value?[S]:[]).concat(Te.value)),D=async h=>{var V,N;if(t.readonly){i.value=!1;return}const x=i.value;i.value=!x,await e.nextTick(),i.value&&f(),x!==i.value&&(x?(c.value&&(c.value=""),h||(V=E.value)==null||V.focus()):(N=B.value)==null||N.focus())},q=()=>m.value=O.value.at(0),le=()=>m.value=O.value.at(-1),ae=h=>{const x=O.value.findIndex(V=>V===h);x<O.value.length-1&&(m.value=O.value[x+1])},re=h=>{const x=O.value.findIndex(V=>V===h);x>0&&(m.value=O.value[x-1])},se=h=>{const x=k.value.find(V=>V.label.toLowerCase().trim().startsWith(h.toLowerCase()));x&&(m.value=x.value)},ie=h=>c.value=h,ce=h=>{var N;if(h===S){(N=Z.value)==null||N.handleChange(!Z.value.state.value.modelValue);return}if(!k.value.find(({value:$})=>$===h))return;if(!t.multiple)return l("update:modelValue",h);y.value.some($=>$===h)?l("update:modelValue",y.value.filter($=>$!==h)):l("update:modelValue",[...y.value,h])},ue=e.computed(()=>t.withSearch?"list":"none"),{elements:{input:v,option:G,group:Oe,listbox:kt}}=zo({autocomplete:ue,label:t.label,listLabel:t.listLabel,listDescription:t.listDescription,activeOption:e.computed(()=>m.value),multiple:e.computed(()=>t.multiple),isExpanded:i,templateRef:u,onToggle:D,onActivateFirst:q,onActivateLast:le,onActivateNext:ae,onActivatePrevious:re,onTypeAhead:se,onAutocomplete:ie,onSelect:ce}),xt=e.computed(()=>wo(k.value,"group")),{vScrollEnd:gt,isScrollEnd:bt}=pt({enabled:e.computed(()=>{var h;return((h=t.lazyLoading)==null?void 0:h.enabled)??!1}),loading:e.computed(()=>t.loading),offset:e.computed(()=>{var h;return(h=t.lazyLoading)==null?void 0:h.scrollOffset})}),de=e.computed(()=>{if(!k.value.length)return t.withSearch&&c.value?s.value("select.noMatch"):s.value("select.empty")}),Te=e.computed(()=>k.value.filter(h=>!h.disabled).map(({value:h})=>h)),Z=e.computed(()=>{if(!(!t.multiple||!t.withCheckAll))return We(Te,y,h=>{const x=h.map(V=>{var N;return(N=t.options.find(({value:$})=>$===V))==null?void 0:N.value}).filter(V=>V!=null);l("update:modelValue",x)})}),pe=e.computed(()=>{var x;if(!t.multiple)return"";const h=s.value("selections.selectAll");return typeof t.withCheckAll=="boolean"?h:((x=t.withCheckAll)==null?void 0:x.label)??h});e.watchEffect(()=>{bt.value&&l("lazyLoad")});const Bt=e.computed(()=>{const h={...t,open:void 0,modelValue:_.value};return t.withSearch?{...h,onKeydown:v.value.onKeydown}:{...h,...v.value}});return(h,x)=>{var V,N,$;return e.openBlock(),e.createElementBlock("div",{ref_key:"selectRef",ref:u,class:"onyx-select-wrapper"},[e.createVNode(ft,e.mergeProps({ref_key:"selectInput",ref:E},Bt.value,{"show-focus":e.unref(i),autofocus:t.autofocus,onInputClick:D,onValidityChange:x[0]||(x[0]=K=>l("validityChange",K))}),null,16,["show-focus","autofocus"]),e.createElementVNode("div",{class:e.normalizeClass(["onyx-select",e.unref(r),e.unref(i)?"onyx-select--open":"",`onyx-select--${e.unref(d)}`,`onyx-select--${t.alignment}`]),inert:!e.unref(i)},[e.withDirectives((e.openBlock(),e.createElementBlock("div",Ql,[t.withSearch?(e.openBlock(),e.createBlock(lt,e.mergeProps({key:0,ref_key:"miniSearch",ref:B,"model-value":e.unref(c)},e.unref(v),{label:e.unref(s)("select.searchInputLabel"),class:"onyx-select__search",onClear:x[1]||(x[1]=K=>c.value="")}),null,16,["model-value","label"])):e.createCommentVNode("",!0),e.createElementVNode("div",e.normalizeProps(e.guardReactiveProps(e.unref(kt))),[de.value?(e.openBlock(),e.createElementBlock("ul",ea,[e.createElementVNode("li",ta,[e.renderSlot(h.$slots,"empty",{defaultMessage:de.value},()=>[e.createVNode(Ee,null,{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(de.value),1)]),_:1})])])])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[t.multiple&&t.withCheckAll&&!e.unref(c)?(e.openBlock(),e.createElementBlock("ul",e.mergeProps({key:0,class:"onyx-select__check-all"},e.unref(Oe)({label:pe.value})),[e.createVNode(be,e.mergeProps(e.unref(G)({value:e.unref(S),label:pe.value,selected:(V=Z.value)==null?void 0:V.state.value.modelValue}),{multiple:"",active:e.unref(S)===m.value,indeterminate:(N=Z.value)==null?void 0:N.state.value.indeterminate,density:t.density}),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(pe.value),1)]),_:1},16,["active","indeterminate","density"])],16)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(xt.value,(K,j)=>(e.openBlock(),e.createElementBlock("ul",e.mergeProps({key:j,class:"onyx-select__group",ref_for:!0},e.unref(Oe)({label:j})),[j!=""?(e.openBlock(),e.createElementBlock("li",oa,e.toDisplayString(j),1)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(K,I=>(e.openBlock(),e.createBlock(be,e.mergeProps({key:I.value.toString(),ref_for:!0},e.unref(G)({value:I.value,label:I.label,disabled:I.disabled,selected:y.value.some(Ct=>Ct===I.value)}),{multiple:t.multiple,active:I.value===m.value,icon:I.icon,density:t.density,truncation:I.truncation??t.truncation}),{default:e.withCtx(()=>[e.renderSlot(h.$slots,"option",e.mergeProps({ref_for:!0},I),()=>[e.createTextVNode(e.toDisplayString(I.label),1)])]),_:2},1040,["multiple","active","icon","density","truncation"]))),128))],16))),128))],64))],16),($=t.lazyLoading)!=null&&$.loading?(e.openBlock(),e.createElementBlock("div",na,[e.createVNode(L,{class:"onyx-select__loading"})])):e.createCommentVNode("",!0),a.optionsEnd?(e.openBlock(),e.createElementBlock("div",la,[e.renderSlot(h.$slots,"optionsEnd")])):e.createCommentVNode("",!0)])),[[e.unref(gt)]]),t.listDescription?(e.openBlock(),e.createElementBlock("div",aa,e.toDisplayString(t.listDescription),1)):e.createCommentVNode("",!0)],10,Wl)],512)}}}),ra=["aria-label"],sa={class:"onyx-pagination__count"},ia=["aria-label","disabled"],ca=["aria-label","disabled"],ua=e.defineComponent({__name:"SelectPagination",props:{density:{},modelValue:{},pages:{},disabled:{type:Boolean}},emits:["update:modelValue"],setup(n,{emit:o}){const t=n,l=o,{t:r}=C(),{densityClass:a}=b(t),s=e.computed(()=>Array.from({length:t.pages},(i,u)=>{const d=u+1;return{label:d.toString(),value:d}})),c=e.computed(()=>t.modelValue<=1),p=e.computed(()=>t.modelValue>=t.pages);return(i,u)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["onyx-pagination","onyx-text",e.unref(a)]),role:"group","aria-label":e.unref(r)("pagination.label"),style:e.normalizeStyle({"--onyx-pagination-character-count":t.modelValue.toString().length})},[e.createVNode(yt,{class:"onyx-pagination__select",label:e.unref(r)("pagination.select.label"),"list-label":e.unref(r)("pagination.select.listLabel"),options:s.value,"model-value":t.modelValue,"value-label":t.modelValue.toString(),"hide-label":"",disabled:t.disabled||t.pages<=1,alignment:"left","with-search":"","onUpdate:modelValue":u[0]||(u[0]=d=>l("update:modelValue",d))},null,8,["label","list-label","options","model-value","value-label","disabled"]),e.createElementVNode("div",sa,e.toDisplayString(e.unref(r)("pagination.ofPages",{n:t.pages})),1),e.createElementVNode("button",{class:"onyx-pagination__button","aria-label":e.unref(r)("pagination.previous"),type:"button",disabled:t.disabled||c.value,onClick:u[1]||(u[1]=d=>l("update:modelValue",t.modelValue-1))},[e.createVNode(g,{icon:e.unref(ut)},null,8,["icon"])],8,ia),e.createElementVNode("button",{class:"onyx-pagination__button","aria-label":e.unref(r)("pagination.next"),type:"button",disabled:t.disabled||p.value,onClick:u[2]||(u[2]=d=>l("update:modelValue",t.modelValue+1))},[e.createVNode(g,{icon:e.unref(st)},null,8,["icon"])],8,ca)],14,ra))}}),da=e.defineComponent({__name:"OnyxPagination",props:{density:{},modelValue:{},pages:{},disabled:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(n,{emit:o}){const t=n,l=o;return(r,a)=>(e.openBlock(),e.createBlock(ua,e.mergeProps(t,{"onUpdate:modelValue":a[0]||(a[0]=s=>l("update:modelValue",s))}),null,16))}}),pa=["required","name","value","checked","disabled","autofocus"],Be=e.defineComponent({__name:"OnyxRadioButton",props:{density:{},value:{},label:{},disabled:{default:M},loading:{type:Boolean,default:!1},skeleton:{type:Boolean},truncation:{default:"ellipsis"},customError:{},autofocus:{type:Boolean},name:{},checked:{type:Boolean,default:!1},required:{type:Boolean,default:!1}},emits:["validityChange"],setup(n,{emit:o}){const t=n,l=o,{vCustomValidity:r,errorMessages:a}=A({props:t,emit:l}),{densityClass:s}=b(t),{disabled:c}=T(t);return(p,i)=>t.skeleton?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["onyx-radio-button-skeleton",e.unref(s)])},[e.createVNode(w,{class:"onyx-radio-button-skeleton__input"}),e.createVNode(w,{class:"onyx-radio-button-skeleton__label"})],2)):(e.openBlock(),e.createBlock(we,{key:1,disabled:e.unref(c),"error-messages":e.unref(a)},{default:e.withCtx(()=>[e.createElementVNode("label",{class:e.normalizeClass(["onyx-radio-button",e.unref(s)])},[t.loading?(e.openBlock(),e.createBlock(L,{key:0,class:"onyx-radio-button__loading",type:"circle"})):e.withDirectives((e.openBlock(),e.createElementBlock("input",{key:1,class:"onyx-radio-button__selector",type:"radio",required:t.required,name:t.name,value:t.value,checked:t.checked,disabled:e.unref(c),autofocus:t.autofocus},null,8,pa)),[[e.unref(r)]]),e.createElementVNode("span",{class:e.normalizeClass(["onyx-radio-button__label",[`onyx-truncation-${t.truncation}`]])},e.toDisplayString(t.label),3)],2)]),_:1},8,["disabled","error-messages"]))}}),ma=["disabled","aria-label"],fa={key:0,class:"onyx-radio-button-group__headline"},ya=e.defineComponent({__name:"OnyxRadioGroup",props:{density:{},required:{type:Boolean,default:!1},requiredMarker:{},customError:{},truncation:{default:"ellipsis"},label:{},hideLabel:{type:Boolean},options:{},name:{default:()=>e.useId()??""},modelValue:{},disabled:{default:M},direction:{default:"vertical"},skeleton:{}},emits:["update:modelValue","validityChange"],setup(n,{emit:o}){const t=n,{densityClass:l}=b(t),{requiredMarkerClass:r,requiredTypeClass:a}=Q(t),{disabled:s}=T(t),c=o,p=(i,u)=>{i&&c("update:modelValue",u)};return(i,u)=>(e.openBlock(),e.createElementBlock("fieldset",{class:e.normalizeClass(["onyx-radio-button-group",e.unref(l),e.unref(a)]),disabled:e.unref(s),role:"radiogroup","aria-label":t.label},[t.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("legend",fa,[e.createVNode(R,{is:"h3",class:e.normalizeClass(e.unref(r))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.label),1)]),_:1},8,["class"])])),e.createElementVNode("div",{class:e.normalizeClass(["onyx-radio-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,(d,f)=>(e.openBlock(),e.createBlock(Be,e.mergeProps({key:d.value.toString(),ref_for:!0},d,{name:t.name,"custom-error":t.customError,checked:d.value===t.modelValue,required:t.required,truncation:d.truncation??t.truncation,onValidityChange:m=>f===0&&c("validityChange",m),onChange:m=>p(m,d.value)}),null,16,["name","custom-error","checked","required","truncation","onValidityChange","onChange"]))),128)):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(t.skeleton,d=>(e.openBlock(),e.createBlock(Be,{id:`skeleton-${d}`,key:d,value:`skeleton-${d}`,label:"Skeleton ${i}",name:t.name,skeleton:""},null,8,["id","value","name"]))),128))],2)],10,ma))}}),ha=["full","left","right"],va=["summary","preview"],_a='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 11.25h18v1.5H3z"/></svg>',ka='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12.75 11.25V3h-1.5v8.25H3v1.5h8.25V21h1.5v-8.25H21v-1.5z"/></svg>',xa={class:"onyx-stepper__wrapper"},ga=["disabled","aria-label"],ba=["aria-label","autofocus","disabled","min","max","name","placeholder","readonly","required","step","title"],Ba=["disabled","aria-label"],Ca=e.defineComponent({__name:"OnyxStepper",props:{density:{},customError:{},required:{type:Boolean},requiredMarker:{},id:{},label:{},labelTooltip:{},hideLabel:{type:Boolean},message:{},messageTooltip:{},autofocus:{type:Boolean},modelValue:{},name:{},placeholder:{},min:{},max:{},step:{default:1},autocomplete:{},disabled:{default:M},readonly:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},skeleton:{type:Boolean,default:!1}},emits:["update:modelValue","validityChange"],setup(n,{emit:o}){const t=n,{t:l}=C(),r=e.ref(),a=o,{disabled:s}=T(t),{densityClass:c}=b(t),{vCustomValidity:p,errorMessages:i}=A({props:t,emit:a}),u=e.ref(!1),d=e.computed({get:()=>t.modelValue,set:_=>a("update:modelValue",_)}),f=_=>{if(!r.value)return;r.value[`${_}`]();const B=r.value.valueAsNumber;d.value=isNaN(B)?void 0:B},m=e.computed(()=>l.value("stepper.increment",{stepSize:t.step})),y=e.computed(()=>l.value("stepper.decrement",{stepSize:t.step}));return(_,B)=>t.skeleton?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["onyx-stepper-skeleton",e.unref(c)])},[t.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(w,{key:0,class:"onyx-stepper-skeleton__label"})),e.createVNode(w,{class:"onyx-stepper-skeleton__input"})],2)):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["onyx-stepper",e.unref(c)])},[e.createVNode(oe,e.mergeProps(t,{"error-messages":e.unref(i)}),{default:e.withCtx(()=>[e.createElementVNode("div",xa,[e.createElementVNode("button",{type:"button",class:"onyx-stepper__counter",disabled:t.min&&t.min===d.value||e.unref(s)||_.readonly||t.loading,"aria-label":y.value,onClick:B[0]||(B[0]=E=>f("stepDown"))},[e.createVNode(g,{icon:e.unref(_a)},null,8,["icon"])],8,ga),t.loading?(e.openBlock(),e.createBlock(L,{key:0,class:"onyx-stepper__loading",type:"circle"})):e.withDirectives((e.openBlock(),e.createElementBlock("input",{key:1,ref_key:"inputRef",ref:r,"onUpdate:modelValue":B[1]||(B[1]=E=>d.value=E),class:e.normalizeClass(["onyx-stepper__native",{"onyx-stepper__native--force-invalid":e.unref(i)&&u.value}]),type:"number","aria-label":t.label,autofocus:t.autofocus,disabled:e.unref(s)||t.loading,min:t.min,max:t.max,name:t.name,placeholder:t.placeholder,readonly:t.readonly,required:t.required,step:t.step,title:t.hideLabel?t.label:void 0,onChange:B[2]||(B[2]=E=>u.value=!0)},null,42,ba)),[[e.vModelText,d.value,void 0,{number:!0}],[e.unref(p)]]),e.createElementVNode("button",{type:"button",class:"onyx-stepper__counter",disabled:t.max&&t.max===d.value||e.unref(s)||_.readonly||t.loading,"aria-label":m.value,onClick:B[3]||(B[3]=E=>f("stepUp"))},[e.createVNode(g,{icon:e.unref(ka)},null,8,["icon"])],8,Ba)])]),_:1},16,["error-messages"])],2))}}),Va='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m15.983 8.095-6.22 6.22-2.468-2.47-1.061 1.062 3.53 3.525 7.28-7.28z"/></svg>',wa={class:"onyx-switch-skeleton__click-area"},Ea=["title"],Sa=["aria-label","disabled","required","autofocus"],Na={class:"onyx-switch__click-area"},Ma={class:"onyx-switch__container"},$a={class:"onyx-switch__icon"},Oa=e.defineComponent({__name:"OnyxSwitch",props:{density:{},required:{type:Boolean},requiredMarker:{},customError:{},autofocus:{type:Boolean},modelValue:{type:Boolean,default:!1},label:{},disabled:{default:M},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:r,requiredTypeClass:a}=Q(t),{densityClass:s}=b(t),{vCustomValidity:c,errorMessages:p}=A({props:t,emit:l}),i=e.computed(()=>t.hideLabel?t.label:void 0),{disabled:u}=T(t),d=e.computed({get:()=>t.modelValue,set:f=>{l("update:modelValue",f)}});return(f,m)=>t.skeleton?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["onyx-switch-skeleton",e.unref(s)])},[e.createElementVNode("span",wa,[e.createVNode(w,{class:"onyx-switch-skeleton__input"})]),t.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(w,{key:0,class:"onyx-switch-skeleton__label"}))],2)):(e.openBlock(),e.createBlock(we,{key:1,disabled:e.unref(u),"error-messages":e.unref(p)},{default:e.withCtx(()=>[e.createElementVNode("label",{class:e.normalizeClass(["onyx-switch",[e.unref(a),e.unref(s)]]),title:i.value},[e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":m[0]||(m[0]=y=>d.value=y),type:"checkbox",role:"switch",class:e.normalizeClass({"onyx-switch__input":!0,"onyx-switch__loading":t.loading}),"aria-label":t.hideLabel?t.label:void 0,disabled:e.unref(u)||t.loading,required:t.required,autofocus:t.autofocus},null,10,Sa),[[e.vModelCheckbox,d.value],[e.unref(c)]]),e.createElementVNode("span",Na,[e.createElementVNode("span",Ma,[e.createElementVNode("span",$a,[t.loading?(e.openBlock(),e.createBlock(L,{key:0,class:"onyx-switch__spinner",type:"circle"})):(e.openBlock(),e.createBlock(g,{key:1,icon:d.value?e.unref(Va):e.unref(Se)},null,8,["icon"]))]),m[1]||(m[1]=e.createElementVNode("div",{class:"onyx-switch__frame"},null,-1))])]),t.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(["onyx-switch__label",[`onyx-truncation-${t.truncation}`,t.truncation==="multiline"?e.unref(r):void 0]])},e.toDisplayString(t.label),3)),!t.hideLabel&&t.truncation==="ellipsis"?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["onyx-switch__marker",[e.unref(r)]])},null,2)):e.createCommentVNode("",!0)],10,Ea)]),_:1},8,["disabled","error-messages"]))}}),Ta={class:"onyx-text onyx-truncation-ellipsis"},Ia=e.defineComponent({__name:"OnyxTag",props:{density:{},label:{},color:{default:"primary"},icon:{}},setup(n){const o=n,{densityClass:t}=b(o);return(l,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["onyx-tag",`onyx-tag--${o.color}`,e.unref(t)])},[o.icon?(e.openBlock(),e.createBlock(g,{key:0,icon:o.icon,size:"16px"},null,8,["icon"])):e.createCommentVNode("",!0),e.createElementVNode("span",Ta,e.toDisplayString(o.label),1)],2))}}),La=["data-autosize-value"],Da=["id","placeholder","required","autocapitalize","autofocus","name","readonly","disabled","minlength","maxlength","aria-label","title"],Pa=e.defineComponent({__name:"OnyxTextarea",props:{density:{},required:{type:Boolean,default:!1},requiredMarker:{},customError:{},label:{},labelTooltip:{},hideLabel:{type:Boolean},modelValue:{default:""},placeholder:{},autocapitalize:{default:"sentences"},autofocus:{type:Boolean},name:{},readonly:{type:Boolean,default:!1},disabled:{default:M},minlength:{},maxlength:{},withCounter:{type:Boolean},message:{},messageTooltip:{},skeleton:{type:Boolean,default:!1},autosize:{},disableManualResize:{type:Boolean,default:!1}},emits:["update:modelValue","validityChange"],setup(n,{emit:o}){const t=n,l=o,{vCustomValidity:r,errorMessages:a}=A({props:t,emit:l}),{densityClass:s}=b(t),c=e.computed({get:()=>t.modelValue,set:d=>l("update:modelValue",d)}),p=e.computed(()=>{if(!t.autosize)return;const d=t.autosize.min?Math.max(t.autosize.min,2):void 0,f=t.autosize.max;return[d?`--min-autosize-rows: ${d}`:"",`--max-autosize-rows: ${f??"unset"}`]}),i=d=>{var m;const f=d.target;(m=f.parentElement)==null||m.setAttribute("data-autosize-value",f.value)},{disabled:u}=T(t);return(d,f)=>t.skeleton?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["onyx-textarea-skeleton",e.unref(s)]),style:e.normalizeStyle(p.value)},[t.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(w,{key:0,class:"onyx-textarea-skeleton__label"})),e.createVNode(w,{class:"onyx-textarea-skeleton__input"})],6)):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["onyx-textarea",e.unref(s)]),style:e.normalizeStyle(p.value)},[e.createVNode(oe,e.mergeProps(t,{"error-messages":e.unref(a)}),{default:e.withCtx(({id:m})=>[e.createElementVNode("div",{class:"onyx-textarea__wrapper","data-autosize-value":c.value},[e.withDirectives(e.createElementVNode("textarea",{id:m,"onUpdate:modelValue":f[0]||(f[0]=y=>c.value=y),class:e.normalizeClass(["onyx-textarea__native",{"onyx-textarea__native--no-resize":t.disableManualResize}]),placeholder:t.placeholder,required:t.required,autocapitalize:t.autocapitalize,autofocus:t.autofocus,name:t.name,readonly:t.readonly,disabled:e.unref(u),minlength:t.minlength,maxlength:t.maxlength,"aria-label":t.hideLabel?t.label:void 0,title:t.hideLabel?t.label:void 0,onInput:i},null,42,Da),[[e.vModelText,c.value],[e.unref(r)]])],8,La)]),_:1},16,["error-messages"])],6))}}),Aa='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M11.25 16.5h1.5V18h-1.5zM12.75 6h-1.5v8.25h1.5z"/><path fill-rule="evenodd" d="M12 1.5a10.5 10.5 0 1 0 0 21 10.5 10.5 0 0 0 0-21m6.364 16.864A9 9 0 1 1 21 12a8.94 8.94 0 0 1-2.636 6.364" clip-rule="evenodd"/></svg>',za='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m7.275 11.828 2.465 2.47 6.22-6.22 1.06 1.06-7.28 7.281-3.528-3.53z"/><path fill-rule="evenodd" d="M6.167 3.27a10.5 10.5 0 1 1 11.666 17.46A10.5 10.5 0 0 1 6.167 3.27M7 19.483A9 9 0 0 0 12 21a9.01 9.01 0 0 0 9-9 9 9 0 1 0-14 7.483" clip-rule="evenodd"/></svg>',Ha={class:"onyx-toast-message__wrapper"},Ra={class:"onyx-toast-message__content onyx-truncation-ellipsis"},Fa={class:"onyx-toast-message__headline onyx-text"},Ua={class:"onyx-truncation-ellipsis"},qa=["aria-label"],Ga={key:0,class:"onyx-toast-message__description onyx-text--small onyx-truncation-multiline",tabindex:"0"},ht=e.defineComponent({__name:"OnyxToastMessage",props:{density:{},headline:{},description:{},color:{default:"neutral"},duration:{default:5e3},clickable:{type:Boolean,default:!1},icon:{type:[String,Boolean],default:void 0}},emits:["close"],setup(n,{emit:o}){const t=n,l=o,{t:r}=C(),{densityClass:a}=b(t),s=e.computed(()=>t.duration>0),c={neutral:xe,danger:Qe,warning:Aa,success:za},p=e.computed(()=>{if(t.icon!==!1)return t.icon||c[t.color]});return(i,u)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.clickable?"button":"div"),{class:e.normalizeClass(["onyx-toast-message",[`onyx-toast-message--${t.color}`,e.unref(a)]]),role:t.color==="danger"||t.color==="warning"?"alert":"status","aria-label":t.clickable?t.headline:void 0},{default:e.withCtx(()=>[e.createElementVNode("div",Ha,[p.value?(e.openBlock(),e.createBlock(g,{key:0,icon:p.value},null,8,["icon"])):e.createCommentVNode("",!0),e.createElementVNode("div",Ra,[e.createElementVNode("div",Fa,[e.createElementVNode("span",Ua,e.toDisplayString(t.headline),1),t.clickable?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("button",{key:0,type:"button","aria-label":e.unref(r)("close"),class:"onyx-toast-message__close",onClick:u[0]||(u[0]=d=>l("close"))},[e.createVNode(g,{icon:e.unref(Se)},null,8,["icon"])],8,qa))]),t.description?(e.openBlock(),e.createElementBlock("p",Ga,e.toDisplayString(t.description),1)):e.createCommentVNode("",!0)])]),s.value?(e.openBlock(),e.createElementBlock("time",{key:t.duration,"aria-hidden":"true",class:"onyx-toast-message__progress-bar",style:e.normalizeStyle({animationDuration:`${t.duration}ms`}),onAnimationend:u[1]||(u[1]=d=>l("close"))},null,36)):e.createCommentVNode("",!0)]),_:1},8,["class","role","aria-label"]))}}),$e=Symbol(),vt=()=>{let n=1;const o=e.ref([]),t=r=>{const a=n++;o.value.unshift({...r,id:a,onClose:()=>l(a)})},l=r=>{o.value=o.value.filter(a=>a.id!==r)};return{toasts:e.computed(()=>o.value),show:t,remove:l}},_t=()=>{const n=()=>{console.warn('Trying to use "useToast()" before the toast provider has been provided. Make sure to "provide" it first.')};return e.inject($e,()=>({toasts:e.computed(()=>[]),show:n,remove:n}),!0)},Za={key:0,class:"onyx-toast",role:"presentation","aria-live":"polite",open:""},Ka=e.defineComponent({__name:"OnyxToast",setup(n){const o=_t();return(t,l)=>e.unref(o).toasts.value.length?(e.openBlock(),e.createElementBlock("dialog",Za,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(o).toasts.value,({id:r,...a})=>(e.openBlock(),e.createBlock(ht,e.mergeProps({key:r,ref_for:!0},a),null,16))),128))])):e.createCommentVNode("",!0)}}),ja=["top","bottom"],Ya=(n={})=>({install:o=>{Re(o,n.i18n);const t=o.runWithContext(()=>C());o.provide($e,vt()),o.mixin({beforeMount:()=>{e.watchEffect(()=>{Xa(t.t.value("optional"))})}})}}),Xa=n=>{var o;(o=globalThis.document)==null||o.body.style.setProperty("--onyx-global-optional-text",n)};exports.AUTOCAPITALIZE=Sn;exports.BUTTON_COLORS=lo;exports.BUTTON_MODES=ao;exports.BUTTON_TYPES=no;exports.DENSITIES=Lt;exports.DIRECTIONS=Tl;exports.HEADLINE_TYPES=fn;exports.ICON_SIZES=yn;exports.INPUT_TYPES=En;exports.LINK_TARGETS=$n;exports.MOBILE_NAV_BAR_INJECTION_KEY=U;exports.MULTISELECT_TEXT_MODE=va;exports.ONYX_BREAKPOINTS=dt;exports.ONYX_COLORS=Ml;exports.OnyxAppLayout=Nt;exports.OnyxAvatar=ye;exports.OnyxAvatarStack=It;exports.OnyxBadge=Ae;exports.OnyxButton=J;exports.OnyxCheckbox=Y;exports.OnyxCheckboxGroup=Jo;exports.OnyxColorSchemeDialog=rt;exports.OnyxColorSchemeMenuItem=Qn;exports.OnyxDataGridRenderer=un;exports.OnyxDialog=tt;exports.OnyxEmpty=Ee;exports.OnyxExternalLinkIcon=ee;exports.OnyxFlyoutMenu=Me;exports.OnyxHeadline=R;exports.OnyxIcon=g;exports.OnyxIconButton=ot;exports.OnyxInfoTooltip=X;exports.OnyxInput=wn;exports.OnyxLink=Mn;exports.OnyxListItem=ne;exports.OnyxLoadingIndicator=L;exports.OnyxMenuItem=Ne;exports.OnyxMiniSearch=lt;exports.OnyxMobileNavButton=ge;exports.OnyxNavAppArea=at;exports.OnyxNavBar=Fl;exports.OnyxNavButton=il;exports.OnyxNavItem=cl;exports.OnyxNavSeparator=it;exports.OnyxPageLayout=Zl;exports.OnyxPagination=da;exports.OnyxRadioButton=Be;exports.OnyxRadioGroup=ya;exports.OnyxSelect=yt;exports.OnyxSelectInput=ft;exports.OnyxSelectOption=be;exports.OnyxSkeleton=w;exports.OnyxStepper=Ca;exports.OnyxSwitch=Oa;exports.OnyxTable=et;exports.OnyxTag=Ia;exports.OnyxTextarea=Pa;exports.OnyxTimer=hl;exports.OnyxToast=Ka;exports.OnyxToastMessage=ht;exports.OnyxTooltip=F;exports.OnyxUserMenu=wl;exports.OnyxVisuallyHidden=te;exports.SELECT_ALIGNMENTS=ha;exports.TEXT_SIZES=$l;exports.TOAST_PROVIDER_INJECTION_KEY=$e;exports.TOOLTIP_POSITIONS=ja;exports.TRUNCATION_TYPES=Ol;exports.createOnyx=Ya;exports.createToastProvider=vt;exports.normalizedIncludes=mt;exports.provideI18n=Re;exports.useDensity=b;exports.useScrollEnd=pt;exports.useToast=_t;
|