@maltjoy/core-vue 1.0.0-beta.6 → 1.0.0-beta.8

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/joy-vue.js CHANGED
@@ -1,7 +1,15 @@
1
- import { defineComponent as $, openBlock as m, createElementBlock as p, normalizeClass as k, renderSlot as g, createTextVNode as J, toDisplayString as I, useAttrs as Re, computed as x, createBlock as q, resolveDynamicComponent as ce, unref as _, withCtx as L, createCommentVNode as w, createElementVNode as h, ref as b, mergeProps as Q, createVNode as fe, pushScopeId as te, popScopeId as le, getCurrentScope as ot, onScopeDispose as nt, getCurrentInstance as at, onMounted as Z, nextTick as Me, watch as B, h as it, reactive as X, onBeforeUnmount as Ne, normalizeStyle as K, Fragment as ye, renderList as ve, normalizeProps as me, guardReactiveProps as pe, Teleport as rt, useSlots as W, onBeforeMount as st, createSlots as ut } from "vue";
1
+ (function(){"use strict";try{if(typeof document<"u"){var o=document.createElement("style");o.id="core-vue-style",o.appendChild(document.createTextNode('.joy-badge[data-v-41907acc]{--badge-height: var(--joy-core-spacing-6);--badge-circle-size: var(--joy-core-spacing-2);display:flex;width:fit-content;align-items:center;justify-content:flex-start;height:var(--badge-height);padding:0 var(--joy-core-spacing-2);font-size:var(--joy-font-size-primary-300);font-family:inherit;line-height:1;border-radius:calc(var(--badge-height) / 2);color:var(--joy-color-neutral-50)}.joy-badge--with-bulletpoint[data-v-41907acc]:before{content:"";display:block;margin-right:var(--joy-core-spacing-2);width:var(--badge-circle-size);height:var(--badge-circle-size);border-radius:50%}.joy-badge__info[data-v-41907acc]{background-color:var(--badge-bg-color, var(--joy-color-information-10))}.joy-badge__info[data-v-41907acc]:before{background-color:var(--badge-circle-color, var(--joy-color-information-50))}.joy-badge__gray[data-v-41907acc]{background-color:var(--badge-bg-color, var(--joy-color-neutral-10))}.joy-badge__gray[data-v-41907acc]:before{background-color:var(--badge-circle-color, var(--joy-color-neutral-50))}.joy-badge__green[data-v-41907acc]{background-color:var(--badge-bg-color, var(--joy-color-success-10))}.joy-badge__green[data-v-41907acc]:before{background-color:var(--badge-circle-color, var(--joy-color-success-50))}.joy-badge__orange[data-v-41907acc]{background-color:var(--badge-bg-color, var(--joy-color-warning-10))}.joy-badge__orange[data-v-41907acc]:before{background-color:var(--badge-circle-color, var(--joy-color-warning-50))}.joy-badge__red[data-v-41907acc]{background-color:var(--badge-bg-color, var(--joy-color-primary-10))}.joy-badge__red[data-v-41907acc]:before{background-color:var(--badge-circle-color, var(--joy-color-primary-50))}.joy-badge__teal[data-v-41907acc]{background-color:var(--badge-bg-color, var(--joy-color-secondary-10))}.joy-badge__teal[data-v-41907acc]:before{background-color:var(--badge-circle-color, var(--joy-color-secondary-50))}.joy-badge__turquoise[data-v-41907acc]{background-color:var(--badge-bg-color, var(--joy-color-tertiary-10))}.joy-badge__turquoise[data-v-41907acc]:before{background-color:var(--badge-circle-color, var(--joy-color-tertiary-50))}.joy-badge__pink[data-v-41907acc]{background-color:var(--badge-bg-color, var(--joy-color-brand-primary-10))}.joy-badge__pink[data-v-41907acc]:before{background-color:var(--badge-circle-color, var(--joy-color-brand-primary-50))}.joy-badge__dark-blue[data-v-41907acc]{background-color:var(--badge-bg-color, var(--joy-color-brand-secondary-10))}.joy-badge__dark-blue[data-v-41907acc]:before{background-color:var(--badge-circle-color, var(--joy-color-brand-secondary-50))}.joy-badge__yellow[data-v-41907acc]{background-color:var(--badge-bg-color, var(--joy-color-quaternary-10))}.joy-badge__yellow[data-v-41907acc]:before{background-color:var(--badge-circle-color, var(--joy-color-quaternary-50))}.joy-spinner[data-v-616a29d0]{--spinner-default-color: var(--joy-color-secondary-50);--spinner-default-bg-color: var(--joy-color-secondary-10);--spinner-size: 25px;width:var(--spinner-size);height:var(--spinner-size);box-sizing:border-box;border-top:3px solid var(--spinner-default-bg-color);border-right:3px solid var(--spinner-default-bg-color);border-bottom:3px solid var(--spinner-default-bg-color);border-left:3px solid var(--spinner-default-color);position:absolute;margin:auto;font-size:10px;text-indent:-9999em;transform:translateZ(0);-webkit-animation:load8-616a29d0 1.1s infinite linear;animation:load8-616a29d0 1.1s infinite linear}.joy-spinner[data-v-616a29d0],.joy-spinner[data-v-616a29d0]:after{border-radius:50%;width:var(--spinner-size);height:var(--spinner-size)}@-webkit-keyframes load8-616a29d0{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes load8-616a29d0{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.joy-spinner_white[data-v-616a29d0]{--spinner-default-color: #ffffff;--spinner-default-bg-color: rgba(255, 255, 255, .2)}.joy-button[data-v-058329aa]{--button-bg-color-main: var(--joy-color-primary-50);--button-bg-color-main-hover: var(--joy-color-primary-70);--button-bg-color-main-active: var(--joy-color-primary-90);--button-bg-color-primary: var(--joy-color-secondary-30);--button-bg-color-primary-hover: var(--joy-color-secondary-50);--button-bg-color-primary-active: var(--joy-color-secondary-90);--button-color-secondary: var(--joy-color-secondary-50);--button-color-secondary-active: var(--joy-color-secondary-90);--button-color-secondary-disabled: var(--joy-color-neutral-40);--button-border-color-secondary-disabled: var(--joy-color-neutral-30);--button-bg-color-secondary-hover: var(--joy-color-secondary-10);--button-color-ghost: var(--joy-color-secondary-50);--button-color-ghost-hover: var(--joy-color-secondary-50);--button-bg-color-ghost-hover: var(--joy-color-neutral-10);--button-color-ghost-active: var(--joy-color-secondary-50);--button-bg-color-ghost-active: var(--joy-color-secondary-10);--button-color-white: var(--joy-color-secondary-50);--button-color-white-hover: var(--joy-color-secondary-50);--button-color-white-active: var(--joy-color-secondary-90);--button-bg-color-white-hover: var(--joy-color-neutral-10);--button-bg-color-white-active: var(--joy-color-neutral-20);--button-icon-color-white-hover: var(--joy-color-secondary-90);--button-bg-color-admin: var(--joy-color-quaternary-50);--button-focus-border-color: var(--joy-color-information-50);--button-font-family: var(--joy-font-family);--button-bg-color-disabled: var(--joy-color-neutral-30);--button-color-disabled: var(--joy-color-neutral-40);--button-border-color-disabled: var(--joy-color-neutral-30);--button-icon-color-disabled: var(--joy-color-neutral-40);display:inline-flex;position:relative;justify-content:center;align-items:center;flex-wrap:nowrap;white-space:nowrap;box-sizing:border-box;font-family:var(--button-font-family);line-height:1;z-index:1;border:none;transition:background-color var(--joy-transition-duration-long),border var(--joy-transition-duration-long);text-decoration:none;text-align:center;cursor:pointer;outline:none;opacity:1;background-color:var(--button-background-color);border:2px solid var(--button-border-color, var(--button-background-color))}.joy-button .joy-button_icon[data-v-058329aa]{color:inherit}.joy-button .joy-button_icon--left[data-v-058329aa]{margin-right:var(--joy-core-spacing-2)}.joy-button .joy-button_icon--right[data-v-058329aa]{margin-left:var(--joy-core-spacing-2)}.joy-button[data-v-058329aa]:after{content:"";position:absolute;left:-3px;top:-3px;width:calc(100% + 6px);height:calc(100% + 6px);transition:box-shadow var(--joy-transition-duration-default)}.joy-button[data-v-058329aa]:focus:after{box-shadow:var(--joy-form-field-focus-shadow)}.joy-button *[data-v-058329aa]{pointer-events:none}.joy-button.disabled[data-v-058329aa],.joy-button[data-v-058329aa]:disabled,.joy-button[disabled][data-v-058329aa]:hover{background-color:var(--button-bg-color-disabled);color:var(--button-color-disabled);border-color:var(--button-border-color-disabled);cursor:not-allowed}.joy-button.disabled joy-icon[data-v-058329aa],.joy-button:disabled joy-icon[data-v-058329aa],.joy-button[disabled]:hover joy-icon[data-v-058329aa]{color:var(--button-icon-color-disabled)}.joy-button.joy-button_loading[data-v-058329aa]{cursor:not-allowed;color:transparent}.joy-button.joy-button_loading[data-v-058329aa]:hover{color:transparent}.joy-button.joy-button_loading joy-icon[data-v-058329aa]{color:transparent}.joy-button joy-spinner[data-v-058329aa]{position:absolute;margin:auto}.joy-button.joy-button_circle[data-v-058329aa]{padding:0;min-width:auto;border-radius:var(--joy-core-radius-5)}.joy-button.joy-button_circle joy-icon[data-v-058329aa]{margin:0}.joy-button.joy-button_circle .joy-button--slot[data-v-058329aa]{display:none}.joy-button_main[data-v-058329aa]{--button-background-color: var(--button-bg-color-main);color:#fff}.joy-button_main[data-v-058329aa]:hover{--button-background-color: var(--button-bg-color-main-hover)}.joy-button_main[data-v-058329aa]:active{--button-background-color: var(--button-bg-color-main-active)}.joy-button_primary[data-v-058329aa]{--button-background-color: var(--button-bg-color-primary);color:#fff}.joy-button_primary[data-v-058329aa]:hover{background-color:var(--button-bg-color-primary-hover)}.joy-button_primary[data-v-058329aa]:active{background-color:var(--button-bg-color-primary-active)}.joy-button_secondary[data-v-058329aa]{--button-background-color: transparent;--button-border-color: var(--button-color-secondary);color:var(--button-color-secondary)}.joy-button_secondary[data-v-058329aa]:hover,.joy-button_secondary[data-v-058329aa]:active{background-color:var(--button-bg-color-secondary-hover)}.joy-button_secondary[data-v-058329aa]:active{color:var(--button-bg-color-secondary-active);border-color:var(--button-bg-color-secondary-active)}.joy-button_secondary.disabled[data-v-058329aa],.joy-button_secondary[data-v-058329aa]:disabled,.joy-button_secondary[disabled][data-v-058329aa]:hover{cursor:not-allowed;color:var(--button-color-secondary-disabled);border-color:var(--button-border-color-secondary-disabled);background-color:#fff}.joy-button_ghost[data-v-058329aa]{--button-background-color: transparent;color:var(--button-color-ghost)}.joy-button_ghost[data-v-058329aa]:hover{color:var(--button-color-ghost-hover);background-color:var(--button-bg-color-ghost-hover)}.joy-button_ghost[data-v-058329aa]:active{color:var(--button-color-ghost-active);background-color:var(--button-bg-color-ghost-active)}.joy-button_ghost:not(:disabled):hover joy-icon[data-v-058329aa]{color:var(--button-color-ghost-hover)}.joy-button_ghost[data-v-058329aa]:disabled,.joy-button_ghost[data-v-058329aa]:disabled:hover{background-color:transparent}.joy-button_admin[data-v-058329aa]{--button-background-color: var(--button-bg-color-admin);color:#fff}.joy-button_xxsmall[data-v-058329aa]{min-height:var(--joy-form-field-height-xxsmall);padding:var(--button-padding, 0 var(--joy-core-spacing-2));font-size:var(--button-font-size, var(--joy-font-size-primary-100));border-radius:var(--joy-form-field-height-xxsmall)}.joy-button_xxsmall .joy-spinner[data-v-058329aa]{--spinner-size: 12px}.joy-button_xxsmall[data-v-058329aa]:after{border-radius:calc(var(--joy-form-field-radius-xxsmall) + 2px)}.joy-button_xxsmall.joy-button_circle[data-v-058329aa]{width:var(--joy-form-field-height-xxsmall)}.joy-button_xsmall[data-v-058329aa]{min-height:var(--joy-form-field-height-xsmall);padding:var(--button-padding, 0 var(--joy-core-spacing-8));font-size:var(--button-font-size, var(--joy-font-size-primary-200));border-radius:var(--joy-form-field-height-xsmall)}.joy-button_xsmall .joy-spinner[data-v-058329aa]{--spinner-size: 16px}.joy-button_xsmall[data-v-058329aa]:after{border-radius:calc(var(--joy-form-field-radius-xsmall) + 2px)}.joy-button_xsmall.joy-button_circle[data-v-058329aa]{width:var(--joy-form-field-height-xsmall)}.joy-button_small[data-v-058329aa]{min-height:var(--joy-form-field-height-small);padding:var(--button-padding, 0 var(--joy-core-spacing-9));font-size:var(--button-font-size, var(--joy-font-size-primary-300));border-radius:var(--joy-form-field-height-small)}.joy-button_small .joy-spinner[data-v-058329aa]{--spinner-size: 20px}.joy-button_small[data-v-058329aa]:after{border-radius:calc(var(--joy-form-field-radius-small) + 2px)}.joy-button_small.joy-button_circle[data-v-058329aa]{width:var(--joy-form-field-height-small)}.joy-button_medium[data-v-058329aa]{min-height:var(--joy-form-field-height-medium);padding:var(--button-padding, 0 var(--joy-core-spacing-9));font-size:var(--button-font-size, var(--joy-font-size-primary-400));border-radius:var(--joy-form-field-height-medium)}.joy-button_medium[data-v-058329aa]:after{border-radius:calc(var(--joy-form-field-radius-medium) + 2px)}.joy-button_medium.joy-button_circle[data-v-058329aa]{width:var(--joy-form-field-height-medium)}.joy-button_large[data-v-058329aa]{min-height:var(--joy-form-field-height-large);padding:var(--button-padding, 0 var(--joy-core-spacing-9));font-size:var(--button-font-size, var(--joy-font-size-primary-600));border-radius:var(--joy-form-field-height-large);min-width:calc(var(--joy-core-spacing-base) * 40)}.joy-button_large[data-v-058329aa]:after{border-radius:calc(var(--joy-form-field-radius-large) + 2px)}.joy-button_large.joy-button_circle[data-v-058329aa]{width:var(--joy-form-field-height-large)}.joy-checkbox[data-v-192cc0d3]{--checkbox-bg-hover: var(--joy-color-secondary-50);--checkbox-bg-checked-hover: var(--joy-color-secondary-50);--checkbox-bg-checked-active: var(--joy-color-secondary-90);--checkbox-bg-checked: var(--joy-color-secondary-30);--checkbox-color: var(--joy-color-neutral-60);--checkbox-color-checked: var(--joy-color-secondary-50);--checkbox-bg-disabled: var(--joy-color-neutral-30);--checkbox-color-disabled: var(--joy-color-neutral-40);--checkbox-border-disabled: var(--joy-color-neutral-30);--checkbox-border-active: var(--joy-color-neutral-60);--checkbox-color-slot-link: var(--joy-color-secondary-50);--checkbox-radius: var(--joy-core-radius-1);--checkbox-active-size: 26px;--checkbox-size: 20px;--checkbox-margin: 0 var(--joy-core-spacing-2) 0 0;--checkbox-label-margin: var(--joy-core-spacing-4);--checkbox-label-padding: 0;font-weight:var(--joy-font-weight-normal);--checkbox-font-weight: var(--joy-font-weight-normal);display:flex;align-items:flex-start;position:relative;cursor:pointer;width:100%;color:var(--joy-color-neutral-60);font-size:var(--joy-font-size-primary-400);font-family:var(--joy-font-family);line-height:var(--checkbox-size);font-weight:var(--checkbox-font-weight);-webkit-touch-callout:none;user-select:none;margin-bottom:var(--checkbox-label-margin);padding:var(--checkbox-label-padding)}.joy-checkbox.joy-checkbox__checked[data-v-192cc0d3],.joy-checkbox.joy-checkbox__indeterminate[data-v-192cc0d3]{--checkbox-font-weight: var(--joy-font-weight-bold)}.joy-checkbox .joy-checkbox__input[data-v-192cc0d3]{display:flex;pointer-events:none;justify-content:center;align-items:center;flex-shrink:0;cursor:pointer;margin:0;padding:0;appearance:none;box-sizing:border-box;width:var(--checkbox-size);height:var(--checkbox-size);background-color:#fff;border:var(--joy-form-border-width) solid var(--joy-color-secondary-30);border-radius:var(--checkbox-radius);transition:background-color var(--joy-transition-duration-default) var(--joy-transition-timing-function)}.joy-checkbox .joy-checkbox__input-wrapper[data-v-192cc0d3]{margin:var(--checkbox-margin)}.joy-checkbox:hover .joy-checkbox__input[data-v-192cc0d3]{border-color:var(--joy-color-state-hover)}.joy-checkbox:hover .joy-checkbox__input[data-v-192cc0d3]:checked{color:var(--checkbox-color-checked);background-color:var(--checkbox-bg-checked-hover)}.joy-checkbox .joy-checkbox__input[data-v-192cc0d3]:focus{outline:none;border-color:var(--joy-color-state-focus)}.joy-checkbox.joy-checkbox__focusing .joy-checkbox__input-wrapper[data-v-192cc0d3]{position:relative}.joy-checkbox.joy-checkbox__focusing .joy-checkbox__input-wrapper[data-v-192cc0d3]:after{content:"";position:absolute;width:calc(100% + 2px);height:calc(100% + 2px);top:-1px;left:-1px;box-shadow:var(--joy-form-field-focus-shadow);background:transparent;border-radius:var(--joy-core-radius-1)}.joy-checkbox .joy-checkbox__input[data-v-192cc0d3]:indeterminate{--checkbox-font-weight: var(--joy-font-weight-bold);color:var(--checkbox-color-checked);background-color:var(--checkbox-bg-checked);background-repeat:no-repeat;background-position:center;background-size:75%;background-image:url(data:image/svg+xml;base64,\\ PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMiIgdmlld0JveD0iMCAwIDE0IDIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xLjY2NjYzIDFIMTIuMzMzMyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K)}.joy-checkbox .joy-checkbox__input[data-v-192cc0d3]:checked{--checkbox-font-weight: var(--joy-font-weight-bold);color:var(--checkbox-color-checked);background-color:var(--checkbox-bg-checked);background-repeat:no-repeat;background-position:center;background-size:75%;background-image:url("data:image/svg+xml; utf8, %3Csvg%20width%3D%2211%22%20height%3D%229%22%20viewBox%3D%220%200%2011%209%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10.0831%200.000388909L3.66655%206.41696L0.91653%203.66694L0%204.5839L2.75002%207.33349L3.66655%208.25002L4.58308%207.33349L10.9997%200.916919L10.0831%200.000388909Z%22%20fill%3D%22%23FFFFFF%22%2F%3E%3C%2Fsvg%3E")}.joy-checkbox:active .joy-checkbox__input[data-v-192cc0d3]:checked{background-color:var(--checkbox-bg-checked-active)}.joy-checkbox:active .joy-checkbox__input:checked+.joy-checkbox__content-wrapper[data-v-192cc0d3]{font-weight:700}.joy-checkbox .joy-checkbox__input[data-v-192cc0d3]:disabled{cursor:not-allowed;border-color:var(--joy-color-neutral-30)}.joy-checkbox .joy-checkbox__input:disabled~.joy-checkbox__content-wrapper[data-v-192cc0d3]{color:var(--joy-color-neutral-40)}.joy-checkbox .joy-checkbox__input[data-v-192cc0d3]:disabled:checked,.joy-checkbox .joy-checkbox__input[data-v-192cc0d3]:disabled:indeterminate{background-color:var(--joy-color-neutral-30)}.joy-checkbox .joy-checkbox__content-wrapper[data-v-192cc0d3]{display:flex;align-items:flex-start;flex-wrap:wrap;text-align:left;position:relative;flex:1;color:var(--checkbox-color)}.joy-checkbox .joy-checkbox__content-wrapper .joy-checkbox__content[data-v-192cc0d3]{width:100%;flex-basis:100%;flex-grow:1}.joy-checkbox .joy-checkbox__content-wrapper .joy-checkbox__content>*[data-v-192cc0d3]{display:block;width:100%;margin-top:0;margin-bottom:var(--joy-core-spacing-1)}[data-v-192cc0d3] a{--link-default-color: var(--joy-color-secondary-30);--link-default-color-hover: var(--joy-color-secondary-50);--link-default-color-visited: var(--joy-color-secondary-90);--link-border-color-focus: var(--joy-color-neutral-60);padding:0 2px;color:var(--link-default-color);font-family:var(--joy-font-family);font-weight:var(--joy-font-weight-normal);font-size:var(--joy-font-size-primary-300);line-height:var(--joy-line-height-large)}[data-v-192cc0d3] small{font-family:var(--joy-font-family);font-weight:var(--joy-font-weight-normal);font-size:var(--joy-font-size-primary-200);line-height:var(--joy-line-height-large)}.joy-counter[data-v-0d1ab3f2]{--counter-items-height: var(--joy-form-field-height-small);--counter-input-color: var(--joy-color-secondary-50);--counter-input-bg-color: var(--joy-color-secondary-10);--counter-input-bg-color-focus: white;--counter-input-border-color-invalid: var(--joy-color-error-50);--counter-input-color-invalid: var(--joy-color-error-50);--counter-input-border-color-invalid-hover: var(--joy-color-error-90);--counter-input-color-invalid-hover: var(--joy-color-error-90);--counter-button-bg-color: var(--joy-color-secondary-10);--counter-button-bg-color-hover: var(--joy-color-secondary-50);--counter-button-bg-color-active: var(--joy-color-secondary-50);--counter-button-bg-color-disabled: var(--joy-color-neutral-30);--counter-button-color: var(--joy-color-secondary-50);--counter-border-color-focus: var(--joy-color-neutral-60);display:inline-flex;justify-content:flex-start;flex-wrap:wrap;max-width:200px;align-items:center;position:relative;font-family:var(--joy-font-family);font-weight:var(--joy-font-weight-normal);font-size:var(--joy-font-size-primary-400);line-height:var(--joy-line-height-large)}.joy-counter--focusing .joy-counter__input-wrapper[data-v-0d1ab3f2]:before{content:"";position:absolute;width:calc(100% + 2px);height:calc(100% + 2px);top:-1px;left:-1px;box-shadow:var(--joy-form-field-focus-shadow);background:transparent;border-radius:var(--joy-core-radius-2)}.joy-counter__input-wrapper[data-v-0d1ab3f2]{position:relative}.joy-counter__wrapper[data-v-0d1ab3f2]{display:inline-flex;flex-wrap:wrap;max-width:200px;align-items:center;justify-content:center;position:relative}.joy-counter__wrapper input[data-v-0d1ab3f2]{height:auto;font-size:inherit;font-family:inherit;margin:0;padding:0;background:transparent;border:var(--joy-form-border-width) solid transparent;color:inherit;box-shadow:none;background-color:var(--counter-input-bg-color);color:var(--counter-input-color);width:80px;outline:none;height:var(--counter-items-height);border-radius:var(--joy-core-radius-2);text-align:center;-moz-appearance:textfield;box-sizing:border-box}.joy-counter__wrapper input[data-v-0d1ab3f2]::-webkit-inner-spin-button,.joy-counter__wrapper input[data-v-0d1ab3f2]::-webkit-outer-spin-button{-webkit-appearance:none}.joy-counter__wrapper input[data-v-0d1ab3f2]:hover{border-color:var(--joy-color-state-hover)}.joy-counter__wrapper input[data-v-0d1ab3f2]{transition:border-color var(--joy-transition-duration-default) var(--joy-transition-timing-function)}.joy-counter__wrapper input[data-v-0d1ab3f2]:focus{border-color:var(--joy-color-state-focus);background-color:var(--counter-input-bg-color-focus)}.joy-counter__wrapper input.joy-counter__invalid[data-v-0d1ab3f2],.joy-counter__wrapper input.joy-counter__invalid[data-v-0d1ab3f2]:focus-visible{border-color:var(--counter-input-border-color-invalid);color:var(--counter-input-color-invalid)}.joy-counter__wrapper input.joy-counter__invalid[data-v-0d1ab3f2]:hover{border-color:var(--counter-input-border-color-invalid-hover);color:var(--counter-input-color-invalid-hover)}.joy-counter__wrapper button[data-v-0d1ab3f2]{padding:0;border:none;background:none;box-shadow:none;display:flex;justify-content:center;align-items:center;position:relative;width:var(--counter-items-height);height:var(--counter-items-height);border-radius:var(--joy-core-radius-5);background-color:var(--counter-button-bg-color);color:var(--counter-button-color);transition:background var(--joy-transition-duration-default) var(--joy-transition-timing-function)}.joy-counter__wrapper button[data-v-0d1ab3f2],.joy-counter__wrapper button[data-v-0d1ab3f2]:hover,.joy-counter__wrapper button[data-v-0d1ab3f2]:active,.joy-counter__wrapper button[data-v-0d1ab3f2]:focus{outline:none;cursor:pointer}.joy-counter__wrapper button[data-v-0d1ab3f2]:hover{background-color:var(--counter-button-bg-color-hover)}.joy-counter__wrapper button:hover:not(:disabled).joy-counter__increment joy-icon[data-v-0d1ab3f2],.joy-counter__wrapper button:hover:not(:disabled).joy-counter__decrement joy-icon[data-v-0d1ab3f2]{color:#fff}.joy-counter__wrapper button[data-v-0d1ab3f2]:focus:before{content:"";position:absolute;width:calc(100% + 2px);height:calc(100% + 2px);top:-1px;left:-1px;box-shadow:var(--joy-form-field-focus-shadow);background:transparent;border-radius:50%}.joy-counter__wrapper button[data-v-0d1ab3f2]:active{background-color:var(--counter-button-bg-color-active)}.joy-counter__wrapper button[data-v-0d1ab3f2]:disabled{background-color:var(--counter-button-bg-color-disabled);cursor:not-allowed}.joy-counter__wrapper button:disabled joy-icon[data-v-0d1ab3f2]{color:#fff}.joy-counter__wrapper button.joy-counter__increment[data-v-0d1ab3f2]{margin-left:10px}.joy-counter__wrapper button.joy-counter__decrement[data-v-0d1ab3f2]{margin-right:10px}.joy-counter__wrapper .joy-counter_error[data-v-0d1ab3f2]{flex-basis:100%;max-width:100%;margin-top:20px}.joy-dropdown-list[data-v-63134a7f]{--dropdown-item-min-width: 120px;position:relative;display:inline-block;width:auto;padding:0;border-radius:var(--joy-core-radius-3);border:var(--joy-form-border-width) solid var(--joy-color-secondary-30);background-color:#fff;box-sizing:border-box;box-shadow:var(--joy-core-elevation-2);overflow:hidden;font-family:var(--joy-font-family)}.joy-dropdown-list__items[data-v-63134a7f]{list-style:none;box-sizing:border-box;width:auto;padding:0;margin:0;overflow-y:auto;width:100%;height:auto}.joy-dropdown-list__items[data-v-63134a7f]::-webkit-scrollbar{-webkit-appearance:none;width:7px}.joy-dropdown-list__items[data-v-63134a7f]::-webkit-scrollbar-thumb{border-radius:var(--joy-core-radius-2);background-color:#0000004d;-webkit-box-shadow:0 0 1px rgba(255,255,255,.5)}.joy-dropdown-list__items-slotted[data-v-63134a7f]{padding:var(--joy-core-spacing-4)}.joy-dropdown-list__items ul[data-v-63134a7f]{list-style:none;padding:0;margin:0}.joy-dropdown-list__item[data-v-63134a7f]{display:block;width:100%;min-width:var(--dropdown-item-min-width);cursor:pointer;border-radius:var(--joy-core-radius-2);padding:0 var(--joy-core-spacing-4);transition:all var(--joy-transition-duration-short) var(--joy-transition-timing-function);font-family:inherit;font-size:var(--joy-font-size-primary-300);box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--joy-color-neutral-60);outline:none}.joy-dropdown-list__item[data-v-63134a7f]:focus{box-shadow:inset 0 0 0 2px var(--joy-color-information-50)}.joy-dropdown-list__item[data-v-63134a7f]>*{display:block;color:inherit;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.joy-dropdown-list__item[data-v-63134a7f]>a:hover{text-decoration:underline}.joy-dropdown-list__item--medium[data-v-63134a7f]{line-height:var(--joy-form-field-height-medium);height:var(--joy-form-field-height-medium)}.joy-dropdown-list__item--small[data-v-63134a7f]{line-height:var(--joy-form-field-height-small);height:var(--joy-form-field-height-small)}.joy-dropdown-list__item[data-v-63134a7f]:hover:not(.joy-dropdown-list__item--disabled),.joy-dropdown-list__item--selected[data-v-63134a7f]{background-color:var(--joy-color-secondary-10)}.joy-dropdown-list__item--selected[data-v-63134a7f]{color:var(--joy-color-secondary-30)}.joy-dropdown-list__item--disabled[data-v-63134a7f]{cursor:not-allowed;color:var(--joy-color-neutral-30)}.joy-dropdown-list__footer[data-v-63134a7f]{box-shadow:var(--joy-core-elevation-2);padding:var(--joy-core-spacing-4)}.joy-dropdown-list__header[data-v-63134a7f]{padding:var(--joy-core-spacing-4)}.joy-dropdown-list[data-v-63134a7f] .joy-wrapper{margin-bottom:0}.joy-dropdown-list[data-v-63134a7f] .joy-checkbox{padding-top:var(--joy-core-spacing-3);margin-bottom:0}@keyframes fadeIn-2657fbc4{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut-2657fbc4{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(6px)}}@keyframes fadeInDown-2657fbc4{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOutDown-2657fbc4{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-6px)}}.joy-dropdown[data-v-2657fbc4]{--translate-value: 5%;--translate-negative-value: -5%;display:inline-block}.joy-dropdown__button[data-v-2657fbc4]{display:inline-block}.joy-dropdown__list[data-v-2657fbc4]{position:absolute;z-index:var(--joy-core-z-index-dropdown);transition:all .3s ease-in-out}.joy-dropdown__list--up[data-v-2657fbc4]{animation:fadeIn-2657fbc4 .15s ease-in forwards}.joy-dropdown__list--up.joy-dropdown__list--hiding[data-v-2657fbc4]{animation:fadeOut-2657fbc4 .15s ease-in forwards}.joy-dropdown__list--down[data-v-2657fbc4]{animation:fadeInDown-2657fbc4 .15s ease-in forwards}.joy-dropdown__list--down.joy-dropdown__list--hiding[data-v-2657fbc4]{animation:fadeOutDown-2657fbc4 .15s ease-in forwards}.joy-form-error[data-v-50e209d6]{--form-error-color: var(--joy-color-error-50);color:var(--form-error-color);font-family:var(--joy-font-family);font-weight:var(--joy-font-weight-normal);font-size:var(--joy-font-size-primary-300);line-height:var(--joy-line-height-large);display:none}.joy-form-error.joy-has-error[data-v-50e209d6]{display:flex;margin-bottom:var(--joy-core-spacing-5);margin-top:0;align-items:flex-start}.joy-icon-error[data-v-50e209d6]{margin-right:10px;color:var(--joy-color-error-50)}.joy-icon-error svg[data-v-50e209d6]{color:var(--form-error-color)}[data-v-50e209d6] ul{padding:0;list-style:none;margin:0}.joy-highlight[data-v-a0ff7a60]{--highlight-background-color: var(--joy-color-neutral-20);--highlight-accent-color: var(--joy-color-neutral-40);--highlight-content-color: var(--joy-color-neutral-60);--highlight-title-font-size: var(--joy-font-size-primary-400);--highlight-content-font-size: var(--joy-font-size-primary-400);--highlight-icon-size: inherit;display:flex;width:100%;font-family:var(--joy-font-family);font-size:var(--highlight-content-font-size);line-height:var(--joy-line-height-large);font-weight:var(--joy-font-weight-normal);color:var(--joy-color-text-body);margin:0;align-items:flex-start;padding:var(--joy-core-spacing-5);border-radius:var(--joy-core-radius-3);text-align:left;background-color:var(--highlight-background-color);word-break:break-word;color:var(--highlight-content-color);box-sizing:border-box}.joy-highlight__accent[data-v-a0ff7a60]{border-left:7px solid var(--highlight-accent-color)}.joy-highlight joy-icon[data-v-a0ff7a60]:first-child{color:var(--highlight-icon-color, var(--highlight-accent-color));--icon-size: var(--highlight-icon-size)}.joy-highlight__titled strong[data-v-a0ff7a60]{display:block;font-weight:var(--joy-font-weight-bold);margin-bottom:0;font-size:var(--highlight-title-font-size)}.joy-highlight--text[data-v-a0ff7a60]{font-size:var(--highlight-content-font-size);width:100%}.joy-highlight_small[data-v-a0ff7a60]{display:inline-flex}.joy-highlight>joy-icon[data-v-a0ff7a60]:first-child{margin-right:10px;margin-top:2px}.joy-highlight_neutral[data-v-a0ff7a60]{--highlight-icon-color: var(--joy-color-neutral-60)}.joy-highlight_info[data-v-a0ff7a60]{--highlight-background-color: var(--joy-color-information-10);--highlight-accent-color: var(--joy-color-information-50)}.joy-highlight_warning[data-v-a0ff7a60]{--highlight-background-color: var(--joy-color-warning-10);--highlight-accent-color: var(--joy-color-warning-50)}.joy-highlight_error[data-v-a0ff7a60]{--highlight-background-color: var(--joy-color-error-10);--highlight-accent-color: var(--joy-color-error-50)}.joy-highlight_success[data-v-a0ff7a60]{--highlight-background-color: var(--joy-color-success-10);--highlight-accent-color: var(--joy-color-success-50)}.joy-label[data-v-1e682734]{--label-font-size: var(--joy-font-size-primary-400);display:block;width:100%;box-sizing:border-box;font-weight:var(--joy-font-weight-normal);line-height:var(--joy-line-height-large);font-size:var(--label-font-size);font-family:var(--joy-font-family);color:var(--joy-color-text-title);text-align:left;margin-bottom:var(--joy-core-spacing-2)}.joy-label--small[data-v-1e682734]{--label-font-size: var(--joy-font-size-primary-300)}.joy-label--medium[data-v-1e682734]{--label-font-size: var(--joy-font-size-primary-400)}.joy-label--large[data-v-1e682734]{--label-font-size: var(--joy-font-size-primary-600)}.joy-label-required[data-v-1e682734]{margin-left:var(--joy-core-spacing-1);font-size:var(--label-font-size);line-height:1}.joy-label-optional[data-v-1e682734]{font-size:var(--joy-font-size-primary-300);font-style:italic;color:var(--joy-color-neutral-40)}.joy-input--small[data-v-8258d6d7]{--input-height: var(--joy-form-field-height-small);--input-radius: var(--joy-form-field-radius-small);--input-padding: var(--joy-core-spacing-2) var(--joy-core-spacing-5);--input-font-size: var(--joy-font-size-primary-300);--input-unit-height: 32px}.joy-input--medium[data-v-8258d6d7]{--input-height: var(--joy-form-field-height-medium);--input-radius: var(--joy-form-field-radius-medium);--input-padding: var(--joy-core-spacing-3) var(--joy-core-spacing-5);--input-font-size: var(--joy-font-size-primary-400);--input-unit-height: 40px}.joy-input--large[data-v-8258d6d7]{--input-height: var(--joy-form-field-height-large);--input-radius: var(--joy-form-field-radius-large);--input-padding: var(--joy-core-spacing-3) var(--joy-core-spacing-5);--input-font-size: var(--joy-font-size-primary-400);--input-unit-height: 56px}.joy-input[data-v-8258d6d7]{display:block;--input-color: var(--joy-color-neutral-60);--input-focus-color: var(--joy-color-secondary-30);--input-hover-color: var(--joy-color-neutral-60);--input-hover-border-color: var(--joy-color-state-hover);--input-focus-border-color: var(--joy-color-state-focus);--input-border-color: var(--joy-color-neutral-30);--input-bg-color: white;--input-color-disabled: var(--joy-color-neutral-40);--input-border-color-disabled: var(--joy-color-neutral-30);--input-bg-color-disabled: var(--joy-color-neutral-10);--input-color-invalid: var(--joy-color-error-50);--input-color-invalid-hover: var(--joy-color-error-90);--input-icon-color: var(--joy-color-neutral-50);--input-transition-duration: var(--joy-transition-duration-default);position:relative;font-family:var(--joy-font-family)}.joy-input input[data-v-8258d6d7]{position:relative;z-index:1;appearance:none;width:100%;box-sizing:border-box;background-color:var(--input-bg-color);border-width:var(--joy-form-border-width);border-style:solid;border-color:var(--input-border-color);transition:all var(--input-transition-duration) var(--joy-transition-timing-function);border-radius:var(--input-radius);height:var(--input-height);color:var(--input-color);font-size:var(--input-font-size);padding:var(--input-padding);outline:none}.joy-input input[data-v-8258d6d7]::-webkit-input-placeholder{color:var(--joy-color-neutral-40)}.joy-input input[data-v-8258d6d7]::-webkit-outer-spin-button,.joy-input input[data-v-8258d6d7]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.joy-input input[data-v-8258d6d7]::-webkit-search-cancel-button{appearance:none}.joy-input input[type=number][data-v-8258d6d7]{-moz-appearance:textfield}.joy-input input[type=password][data-v-8258d6d7]{font-family:Verdana;letter-spacing:.125em}.joy-input input[data-v-8258d6d7]:hover{border-color:var(--joy-color-state-hover)}.joy-input input:hover~joy-icon[data-v-8258d6d7]{color:var(--input-hover-color)}.joy-input input:hover~.joy-input--unit[data-v-8258d6d7]{border-color:var(--input-hover-color)}.joy-input input[data-v-8258d6d7]{transition:border-color var(--joy-transition-duration-default) var(--joy-transition-timing-function)}.joy-input input[data-v-8258d6d7]:focus{border-color:var(--joy-color-state-focus)}.joy-input input:focus~joy-icon[data-v-8258d6d7]{color:var(--input-focus-color)}.joy-input input:focus~.joy-input--unit[data-v-8258d6d7]{border-color:var(--input-focus-border-color)}.joy-input joy-icon[data-v-8258d6d7]{color:var(--input-color)}.joy-input .joy-input--password-icon[data-v-8258d6d7]{z-index:2;position:absolute;top:50%;transform:translateY(-50%);cursor:pointer;right:var(--joy-core-spacing-4)}.joy-input .joy-input--wrapper[data-v-8258d6d7]{display:flex;align-items:center;position:relative}.joy-input .joy-input--wrapper-margin[data-v-8258d6d7]{margin-bottom:var(--joy-core-spacing-4)}.joy-input .joy-input--wrapper-has-icon joy-icon[data-v-8258d6d7]{z-index:2;position:absolute;top:50%;transform:translateY(-50%);user-select:none;left:var(--joy-core-spacing-4)}.joy-input .joy-input--wrapper-has-icon input[data-v-8258d6d7]{padding-left:var(--joy-core-spacing-10)}.joy-input .joy-input--wrapper-unit input[data-v-8258d6d7]{border-right:0;border-bottom-right-radius:0;border-top-right-radius:0}.joy-input .joy-input--unit[data-v-8258d6d7]{display:flex;align-items:center;padding-right:4px;cursor:default;position:relative;background-color:var(--input-bg-color);height:var(--input-height);border-radius:0 var(--input-height) var(--input-height) 0;text-align:center;font-style:normal;flex-shrink:0;box-sizing:border-box;border-width:var(--joy-form-border-width);border-style:solid;border-color:var(--input-border-color);transition:all var(--input-transition-duration) var(--joy-transition-timing-function);border-left:0}.joy-input .joy-input--unit[data-v-8258d6d7]:before{content:attr(data-unit);display:flex;box-sizing:border-box;align-items:center;justify-content:center;position:relative;background-color:var(--joy-color-secondary-10);border-radius:var(--input-unit-height);font-size:var(--input-font-size);height:var(--input-unit-height);min-width:var(--input-unit-height);padding:0 var(--joy-core-spacing-3);color:var(--joy-color-secondary-50)}.joy-input input[data-v-8258d6d7]:disabled,.joy-input input[data-v-8258d6d7]:disabled:hover{cursor:not-allowed;background-color:var(--input-bg-color-disabled);border-color:var(--input-border-color-disabled);color:var(--input-color-disabled)}.joy-input input:disabled~joy-icon[data-v-8258d6d7],.joy-input input:disabled:hover~joy-icon[data-v-8258d6d7]{color:var(--input-color-disabled)}.joy-input input:disabled~.joy-input--unit[data-v-8258d6d7],.joy-input input:disabled:hover~.joy-input--unit[data-v-8258d6d7]{background-color:var(--input-bg-color-disabled);border-color:var(--input-border-color-disabled)}.joy-input input.joy-input--field-invalid[data-v-8258d6d7]{border-color:var(--input-color-invalid);color:var(--input-color-invalid)}.joy-input input.joy-input--field-invalid~joy-icon[data-v-8258d6d7]{color:var(--input-color-invalid)}.joy-input input.joy-input--field-invalid~.joy-input--unit[data-v-8258d6d7]{border-color:var(--input-color-invalid)}.joy-input input.joy-input--field-invalid[data-v-8258d6d7]:hover,.joy-input input.joy-input--field-invalid[data-v-8258d6d7]:focus{border-color:var(--input-color-invalid-hover)}.joy-input input.joy-input--field-invalid:hover~joy-icon[data-v-8258d6d7],.joy-input input.joy-input--field-invalid:focus~joy-icon[data-v-8258d6d7]{color:var(--input-color-invalid-hover)}.joy-input input.joy-input--field-invalid:hover~.joy-input--unit[data-v-8258d6d7],.joy-input input.joy-input--field-invalid:focus~.joy-input--unit[data-v-8258d6d7]{border-color:var(--input-color-invalid-hover)}.joy-input .joy-input--wrapper[data-v-8258d6d7]:after{content:"";position:absolute}.joy-input--focusing .joy-input--wrapper[data-v-8258d6d7]{position:relative}.joy-input--focusing .joy-input--wrapper[data-v-8258d6d7]:after{content:"";position:absolute;width:calc(100% + 2px);height:calc(100% + 2px);top:-1px;left:-1px;box-shadow:var(--joy-form-field-focus-shadow);background:transparent;border-radius:calc(var(--input-radius) + 2px)}.joy-input--wrapper---clearable input[data-v-8258d6d7]{padding-right:var(--joy-core-spacing-10)}.joy-input--clear[data-v-8258d6d7]{cursor:pointer;position:absolute;top:50%;z-index:2;right:var(--joy-core-spacing-5);transform:translateY(-50%)}.joy-link[data-v-7ef59bc8]{--link-default-color: var(--joy-color-neutral-40);--link-default-color-hover: var(--joy-color-neutral-60);--link-default-color-visited: var(--joy-color-secondary-90);--link-border-color-focus: var(--joy-color-neutral-60);display:inline-flex;color:var(--link-default-color);font-size:inherit;font-family:inherit;font-weight:700;line-height:inherit;padding:0;border:2px solid transparent;background-color:transparent;border-radius:var(--joy-core-radius-2);align-items:center;cursor:pointer;text-decoration:none}.joy-link[data-v-7ef59bc8]:hover{text-decoration:underline}.joy-link[data-v-7ef59bc8]:hover,.joy-link:hover span[data-v-7ef59bc8]{color:var(--link-default-color-hover);text-decoration:underline}.joy-link[data-v-7ef59bc8]:focus-visible{border:2px solid var(--link-border-color-focus);border-radius:4px;text-decoration:none}.joy-link:focus-visible span[data-v-7ef59bc8]{text-decoration:none}.joy-link[data-v-7ef59bc8]:active,.joy-link[data-v-7ef59bc8]:visited,.joy-link:visited span[data-v-7ef59bc8]{color:var(--link-default-color-visited)}.joy-link joy-icon[data-v-7ef59bc8],.joy-link[data-v-7ef59bc8] .joy-icon{margin:0 var(--joy-core-spacing-2);color:inherit}.joy-link joy-icon svg[data-v-7ef59bc8],.joy-link[data-v-7ef59bc8] .joy-icon svg{color:inherit}.joy-link_teal[data-v-7ef59bc8]{--link-default-color: var(--joy-color-secondary-30);--link-default-color-hover: var(--joy-color-secondary-50);--link-default-color-visited: var(--joy-color-secondary-90);color:var(--link-default-color)}.joy-link_teal[data-v-7ef59bc8]:hover{color:var(--link-default-color-hover)}.joy-link_teal[data-v-7ef59bc8]:active,.joy-link_teal[data-v-7ef59bc8]:visited{color:var(--link-default-color-visited)}.joy-link_white[data-v-7ef59bc8],.joy-link_white[data-v-7ef59bc8]:hover,.joy-link_white[data-v-7ef59bc8]:active{--link-default-color: white;--link-default-color-hover: white;--link-default-color-visited: white}.joy-link_white[data-v-7ef59bc8]:active{opacity:.7}.joy-multi-checkbox[data-v-f4301a1f]{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:var(--joy-core-spacing-4);flex-wrap:wrap}.joy-multi-checkbox__wrapper[data-v-f4301a1f]{display:block;width:100%;border:0 none;padding:0;margin:0}.joy-multi-checkbox[data-v-f4301a1f] .joy-checkbox{margin-bottom:0}.joy-panel[data-v-1aadee0b]{--panel-bottom-margin: var(--joy-core-spacing-8);display:block;width:100%;max-width:100%;box-sizing:border-box;padding:var(--joy-core-spacing-8);background-color:#fff;border-radius:var(--joy-core-radius-3);position:relative;border:1px solid var(--joy-color-neutral-30);font-family:var(--joy-font-family);margin-bottom:var(--panel-bottom-margin)}.joy-panel--no-margin[data-v-1aadee0b]{--panel-bottom-margin: 0}@media screen and (max-width: 990px){.joy-panel[data-v-1aadee0b]{padding:var(--joy-core-spacing-6)}}@media screen and (max-width: 767px){.joy-panel[data-v-1aadee0b]{padding:var(--joy-core-spacing-4)}}.joy-panel--large[data-v-1aadee0b]{padding:var(--joy-core-spacing-8)}.joy-panel--medium[data-v-1aadee0b]{padding:var(--joy-core-spacing-6)}.joy-panel--small[data-v-1aadee0b]{padding:var(--joy-core-spacing-4)}.joy-panel__header[data-v-1aadee0b]{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;margin-bottom:var(--joy-core-spacing-4)}.joy-panel__header-title[data-v-1aadee0b],.joy-panel__header-title[data-v-1aadee0b] *{text-align:left;color:var(--joy-color-text-title);margin:0;padding:0;flex:1;font-family:var(--joy-font-family);font-weight:var(--joy-font-weight-bold);font-size:var(--joy-font-size-primary-800);line-height:var(--joy-line-height-small)}.joy-panel__header-subtitle[data-v-1aadee0b],.joy-panel__header-subtitle[data-v-1aadee0b] *{font-family:var(--joy-font-family);font-weight:var(--joy-font-weight-normal);font-size:var(--joy-font-size-primary-300);line-height:var(--joy-line-height-large);flex-basis:100%;margin:var(--joy-core-spacing-2) 0 0;padding:0}.joy-panel__body[data-v-1aadee0b]{position:relative}.joy-panel__body[data-v-1aadee0b]>*{margin:var(--joy-core-spacing-4) 0 0}.joy-panel__footer joy-wrapper[data-v-1aadee0b]{--wrapper-gap: var(--joy-core-spacing-4);margin-bottom:0}@media screen and (max-width: 479px){.joy-panel__footer joy-wrapper[data-v-1aadee0b]::part(flex-parent){flex-direction:column;align-items:stretch}}.joy-panel__footer[data-v-1aadee0b]>*{margin-top:var(--joy-core-spacing-9)}@media screen and (max-width: 767px){.joy-panel__footer[data-v-1aadee0b]>*{margin-top:var(--joy-core-spacing-8)}}.joy-panel__footer[data-v-1aadee0b] .joy-wrapper{--wrapper-gap: var(--joy-core-spacing-4);margin-bottom:0}.joy-panel__header+.joy-panel__body[data-v-1aadee0b] .joy-panel-section:not(:first-child){margin-top:var(--joy-core-spacing-9)}.joy-panel__header+.joy-panel__body[data-v-1aadee0b] .joy-panel-section:first-child{padding-top:var(--joy-core-spacing-5)}[data-v-d88510ab]::slotted([slot=panel-section-content]){margin:0;font-family:var(--joy-font-family);font-weight:var(--joy-font-weight-normal);font-size:var(--joy-font-size-primary-400);line-height:var(--joy-line-height-large)}.joy-panel-section[data-v-d88510ab]{display:block;margin-top:0}.joy-panel-section__title[data-v-d88510ab],.joy-panel-section__title[data-v-d88510ab]>*{font-family:var(--joy-font-family);font-weight:var(--joy-font-weight-bold);font-size:var(--joy-font-size-primary-600);line-height:var(--joy-line-height-large);margin:0}.joy-panel-section__content[data-v-d88510ab],.joy-panel-section__content[data-v-d88510ab]>*{font-family:var(--joy-font-family);font-weight:var(--joy-font-weight-normal);font-size:var(--joy-font-size-primary-400);line-height:var(--joy-line-height-large);margin:0}.joy-radio[data-v-24cea99b]{--radio-size: 20px;--radio-color: var(--joy-color-text-body);--radio-circle-color: var(--joy-color-secondary-30);--radio-circle-color-hover: var(--joy-color-state-hover);--radio-circle-color-focus: var(--joy-color-state-focus);--radio-circle-color-disabled: var(--joy-color-neutral-30);--radio-color-disabled: var(--joy-color-neutral-40);--radio-circle-color-invalid: var(--joy-color-error-50);--radio-circle-color-invalid-hover: var(--joy-color-error-90);--radio-border-color-focus: var(--joy-color-neutral-60);display:block;box-sizing:border-box;position:relative;color:var(--radio-color);margin-bottom:var(--joy-core-spacing-4);outline:none;-webkit-touch-callout:none;user-select:none;font-family:var(--joy-font-family);font-weight:var(--joy-font-weight-normal);font-size:var(--joy-font-size-primary-400);line-height:var(--joy-line-height-large)}.joy-radio--checked[data-v-24cea99b]{z-index:2}.joy-radio--focus input[type=radio]:focus~*[data-v-24cea99b]:after{box-shadow:var(--joy-form-field-focus-shadow)}.joy-radio--outline-focus[data-v-24cea99b]:before{content:"";position:absolute;width:calc(100% + 6px);height:calc(100% + 6px);top:-3px;left:-3px;box-shadow:var(--joy-form-field-focus-shadow);background:transparent;border-radius:var(--joy-core-radius-3)}.joy-radio--outline[data-v-24cea99b]{width:100%}.joy-radio[data-v-24cea99b]{cursor:pointer;display:flex;flex-direction:column;color:inherit}.joy-radio>input[type=radio][data-v-24cea99b]{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0;top:15px}.joy-radio-label[data-v-24cea99b]{display:flex;position:relative;text-align:left}.joy-radio-label[data-v-24cea99b]:before{content:"";box-sizing:border-box;position:relative;display:flex;justify-content:center;align-items:center;top:0;flex-shrink:0;width:var(--radio-size);height:var(--radio-size);margin-right:var(--joy-core-spacing-2);border:var(--joy-form-border-width) solid var(--radio-circle-color);background-color:var(--radio-circle-color);border-radius:var(--joy-core-radius-5);box-shadow:inset 0 0 0 12px #fff}.joy-radio-label[data-v-24cea99b] joy-icon{color:var(--joy-color-neutral-40)}.joy-radio-label[data-v-24cea99b]:before{transition:all var(--joy-transition-duration-short) var(--joy-transition-timing-function)}.joy-radio-label[data-v-24cea99b]:after{content:"";position:absolute;top:-2px;left:-2px;width:24px;height:24px;border-radius:50%;transition:box-shadow .15s ease}.joy-radio-content__wrapper[data-v-24cea99b]{display:flex;flex-direction:column;padding-left:27px}.joy-radio-content__wrapper>.joy-radio-content[data-v-24cea99b]:not(:empty){margin-top:var(--joy-core-spacing-4)}.joy-radio:hover span[data-v-24cea99b]:before{border-color:var(--radio-circle-color-hover)}.joy-radio:focus span[data-v-24cea99b]:before{border-color:var(--radio-circle-color-focus)}.joy-radio.joy-radio--checked .joy-radio__label[data-v-24cea99b]{font-weight:var(--joy-font-weight-bold)}.joy-radio.joy-radio--checked[data-v-24cea99b] joy-icon{color:var(--joy-color-secondary-50)}.joy-radio.joy-radio--checked .joy-radio-label[data-v-24cea99b]:before{background-color:var(--radio-circle-color);box-shadow:inset 0 0 0 2px #fff}.joy-radio.joy-radio--checked:not(.joy-radio--disabled):hover .joy-radio-label[data-v-24cea99b]:before,.joy-radio.joy-radio--checked:not(.joy-radio--disabled):active .joy-radio-label[data-v-24cea99b]:before{background-color:var(--radio-circle-color-hover)}.joy-radio.joy-radio--disabled[data-v-24cea99b]{color:var(--radio-color-disabled);cursor:not-allowed}.joy-radio.joy-radio--disabled .joy-radio-label[data-v-24cea99b]:before{background-color:var(--radio-circle-color-disabled);border-color:var(--radio-circle-color-disabled)}.joy-radio.joy-radio--invalid .joy-radio-label[data-v-24cea99b]:before{background-color:var(--radio-circle-color-invalid);border-color:var(--radio-circle-color-invalid)}.joy-radio.joy-radio--invalid:hover .joy-radio-label[data-v-24cea99b]:before{border-color:var(--radio-circle-color-invalid-hover)}.joy-radio.joy-radio--invalid.joy-radio--checked:hover .joy-radio-label[data-v-24cea99b]:before{border-color:var(--radio-circle-color-invalid-hover);background-color:var(--radio-circle-color-invalid-hover)}.joy-radio.joy-radio--outline[data-v-24cea99b]{border:var(--joy-form-border-width) solid var(--joy-color-neutral-30);border-radius:var(--joy-core-radius-3);padding:var(--joy-core-spacing-6);transition:all var(--joy-transition-duration-short) var(--joy-transition-timing-function)}.joy-radio.joy-radio--outline .joy-radio-label[data-v-24cea99b]{display:flex;align-items:flex-start}.joy-radio.joy-radio--outline.joy-radio--checked .joy-radio-label[data-v-24cea99b]{font-weight:700}.joy-radio.joy-radio--outline.joy-radio--checked[data-v-24cea99b]:not(.joy-radio--disabled),.joy-radio.joy-radio--outline[data-v-24cea99b]:hover:not(.joy-radio--disabled){border-color:var(--joy-color-secondary-50);box-shadow:var(--joy-core-elevation-1)}@keyframes opacityAnimation-24cea99b{0%{opacity:0}50%{opacity:0}to{opacity:1}}.joy-radio .joy-radio-expandable[data-v-24cea99b]{transition:all var(--joy-transition-duration-default) var(--joy-transition-timing-function);height:0;opacity:0;overflow:hidden}.joy-radio .joy-radio-expandable--expanded[data-v-24cea99b]{animation:opacityAnimation-24cea99b var(--joy-transition-duration-long) forwards;height:auto;overflow:visible;margin-top:var(--joy-core-spacing-4)}.joy-radio-group[data-v-de56c3c4]{display:flex;align-items:center;flex-wrap:wrap;width:100%}.joy-radio-group .joy-form-error[data-v-de56c3c4]{width:100%;flex-shrink:0;margin-top:var(--joy-core-spacing-3)}.joy-radio-group-container[data-v-de56c3c4]{display:flex;align-items:flex-start;flex-wrap:wrap}.joy-radio-group-container.joy-radio-group-horizontal[data-v-de56c3c4]{flex-direction:row;justify-content:flex-start}.joy-radio-group-container.joy-radio-group-vertical[data-v-de56c3c4]{flex-direction:column;align-items:flex-start}.joy-radio-group-fieldset[data-v-de56c3c4]{border:0;padding:0;margin:0}[data-v-de56c3c4] .joy-radio:not(.joy-radio--outline){margin:0 var(--joy-core-spacing-4) var(--joy-core-spacing-4) 0}[data-v-de56c3c4] .joy-radio:last-child{margin-bottom:0}.joy-select__wrapper[data-v-d251a432]{position:relative;display:flex;align-items:center;justify-content:space-between;--select-transition: var(--joy-transition-duration-short);--select-height: var(--joy-form-field-height-medium);--select-color: var(--joy-color-neutral-50);--select-color-background: white;--select-icon-color: var(--joy-color-neutral-40);--select-border-color: var(--joy-color-neutral-30);--select-border-radius: var(--joy-form-field-radius-medium);--select-font-size: var(--joy-font-size-primary-400);--select-select-border: var(--joy-form-border-width) solid var(--joy-color-secondary-50);--select-select-border-radius: var(--select-border-radius);--select-select-max-height: 200px;--select-select-max-height-mobile: 50vh;--select-select-zindex: var(--joy-core-z-index-select)}.joy-select__wrapper *[data-v-d251a432]{box-sizing:border-box;outline:none}.joy-select[data-v-d251a432]{position:relative;display:block;width:100%;font-family:var(--joy-font-family);margin-bottom:0;cursor:pointer;appearance:none;height:var(--select-height);border:var(--joy-form-border-width) solid var(--select-border-color);border-radius:var(--select-border-radius);color:var(--select-color);font-size:var(--select-font-size);background:var(--select-color-background);padding:0 var(--joy-core-spacing-10) 0 var(--joy-core-spacing-5);transition:all var(--select-transition) var(--joy-transition-timing-function)}.joy-select--focusing[data-v-d251a432]:before{content:"";position:absolute;width:calc(100% + 2px);height:calc(100% + 2px);top:-1px;left:-1px;box-shadow:var(--joy-form-field-focus-shadow);background:transparent;border-radius:var(--select-border-radius)}.joy-select[data-v-d251a432]:focus{--select-color: var(--joy-color-secondary-30);--select-border-color: var(--joy-color-secondary-30);--select-icon-color: var(--joy-color-secondary-30)}.joy-select[data-v-d251a432]:focus option{color:var(--joy-color-neutral-60);font-size:var(--joy-font-size-primary-300);font-family:var(--joy-font-family);background-color:#fff}.joy-select[data-v-d251a432]:focus option:disabled{background-color:var(--joy-color-neutral-10);color:var(--joy-color-neutral-40)}.joy-select[data-v-d251a432]:not([disabled]):hover{--select-border-color: var(--joy-color-secondary-30)}.joy-select--disabled[data-v-d251a432]{--select-color: var(--joy-color-neutral-40);--select-border-color: var(--joy-color-neutral-30);--select-color-background: var(--joy-color-neutral-10);--select-icon-color: var(--joy-color-neutral-30)}.joy-select--disabled select[data-v-d251a432]{cursor:not-allowed}.joy-select--invalid[data-v-d251a432]{--select-icon-color: var(--joy-color-error-50)}.joy-select--invalid[data-v-d251a432]:hover{--select-icon-color: var(--joy-color-state-error-hover)}.joy-select--invalid select[data-v-d251a432]{--select-color: var(--joy-color-error-50);--select-border-color: var(--joy-color-error-50)}.joy-select--invalid select[data-v-d251a432]:hover{--select-color: var(--joy-color-state-error-hover);--select-border-color: var(--joy-color-state-error-hover)}.joy-select__chevron[data-v-d251a432]{position:absolute;right:var(--joy-core-spacing-5);color:var(--select-icon-color);transition:transform var(--select-transition) var(--joy-transition-timing-function)}.joy-selectable-item__wrapper[data-v-cb2531c0]{--selectable-item-border-color: var(--joy-color-neutral-30);--selectable-item-text-color: var(--joy-color-neutral-60);--selectable-item-transition-timing: var(--joy-transition-duration-short);--selectable-item-background-color: white;--selectable-item-font-size: var(--joy-font-size-primary-300);--selectable-item-flex-rule: 0 0 215px;--selectable-item-min-height: 54px;display:block;position:relative}.joy-selectable-item__wrapper .joy-selectable-item[data-v-cb2531c0]{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-sizing:border-box;padding:0;border-radius:var(--joy-core-radius-3);border:var(--joy-form-border-width) solid var(--selectable-item-border-color);cursor:pointer;color:var(--selectable-item-text-color);background-color:var(--selectable-item-background-color);transition:all var(--selectable-item-transition-timing) var(--joy-transition-timing-function);font-size:var(--selectable-item-font-size);font-family:var(--joy-font-family);font-weight:var(--joy-font-weight-normal);user-select:none;height:100%}.joy-selectable-item__wrapper .joy-selectable-item[data-v-cb2531c0]:not(.joy-selectable-item__wrapper .joy-selectable-item--disabled):hover{--selectable-item-border-color: var(--joy-color-secondary-50)}.joy-selectable-item__wrapper .joy-selectable-item--disabled[data-v-cb2531c0]{cursor:not-allowed}.joy-selectable-item__wrapper .joy-selectable-item--single[data-v-cb2531c0]{padding:var(--joy-core-spacing-3);min-height:var(--selectable-item-min-height);height:100%}.joy-selectable-item__wrapper .joy-selectable-item strong[data-v-cb2531c0-s]{display:block;width:100%;font-weight:var(--joy-font-weight-bold)}.joy-selectable-item__wrapper .joy-selectable-item[data-v-cb2531c0] .joy-checkbox{--checkbox-label-margin: 0;--checkbox-label-padding: var(--joy-core-spacing-4);box-sizing:border-box;min-height:calc(var(--selectable-item-min-height) - 4px)}.joy-selectable-item__wrapper .joy-selectable-item__sublabel[data-v-cb2531c0]{display:block;width:100%;font-weight:var(--joy-font-weight-normal)}.joy-selectable-item__wrapper input[type=radio][data-v-cb2531c0]{position:absolute;width:0;height:0;opacity:0}.joy-selectable-item__wrapper .joy-selectable-item--checked[data-v-cb2531c0],.joy-selectable-item__wrapper .joy-selectable-item--multiple.joy-selectable-item--checked[data-v-cb2531c0]{--selectable-item-border-color: var(--joy-color-secondary-50);color:var(--joy-color-secondary-50);font-weight:var(--joy-font-weight-bold)}.joy-selectable-item__wrapper .joy-selectable-item--checked .joy-selectable-item__sublabel[data-v-cb2531c0],.joy-selectable-item__wrapper .joy-selectable-item--multiple.joy-selectable-item--checked .joy-selectable-item__sublabel[data-v-cb2531c0]{font-weight:var(--joy-font-weight-normal)}.joy-selectable-item__wrapper input:disabled~.joy-selectable-item[data-v-cb2531c0]{--selectable-item-text-color: var(--joy-color-neutral-40);--selectable-item-background-color: var(--joy-color-neutral-20)}.joy-selectable-item--focusing[data-v-cb2531c0]{position:relative}.joy-selectable-item--focusing[data-v-cb2531c0]:after{content:"";position:absolute;width:calc(100% + 2px);height:calc(100% + 2px);top:-1px;left:-1px;box-shadow:var(--joy-form-field-focus-shadow);background:transparent;border-radius:var(--joy-core-radius-3)}.joy-selectable-item-group[data-v-3ba17434]{display:flex;justify-content:flex-start;align-items:stretch;gap:var(--joy-core-spacing-5);flex-wrap:wrap}.joy-selectable-item-group__wrapper[data-v-3ba17434]{display:block;width:100%;border:0 none;padding:0;margin:0}.joy-selectable-item-group--full[data-v-3ba17434] .joy-selectable-item__wrapper{--selectable-item-flex-rule: 1}.joy-selectable-item-group--single[data-v-3ba17434] .joy-selectable-item__wrapper{flex:var(--selectable-item-flex-rule)}.joy-wrapper[data-v-477e149b]{--wrapper-gap: var(--joy-core-spacing-8) var(--joy-core-spacing-4);display:flex;gap:var(--wrapper-gap);flex-wrap:wrap;margin-bottom:var(--joy-core-spacing-8)}.joy-wrapper[data-v-477e149b]>*{max-width:100%}.joy-wrapper--item-stretch[data-v-477e149b]>*{flex:1 0 auto}.joy-wrapper[data-v-477e149b]>.joy-panel{width:auto}.joy-wrapper--justify-flex-start[data-v-477e149b]{justify-content:flex-start}.joy-wrapper--justify-flex-end[data-v-477e149b]{justify-content:flex-end}.joy-wrapper--justify-center[data-v-477e149b]{justify-content:center}.joy-wrapper--justify-space-between[data-v-477e149b]{justify-content:space-between}.joy-wrapper--align-flex-start[data-v-477e149b]{align-items:flex-start}.joy-wrapper--align-flex-end[data-v-477e149b]{align-items:flex-end}.joy-wrapper--align-center[data-v-477e149b]{align-items:center}.joy-wrapper--align-stretch[data-v-477e149b]{align-items:stretch}.joy-wrapper--direction-row[data-v-477e149b]{flex-direction:row}.joy-wrapper--direction-column[data-v-477e149b]{flex-direction:column}.joy-wrapper--wrap-wrap[data-v-477e149b]{flex-wrap:wrap}.joy-wrapper--wrap-nowrap[data-v-477e149b]{flex-wrap:nowrap}.joy-template[data-v-f891bd85]{--template-sidebar-width: 320px;--template-layout-width: 1024px;--template-layout-background-color: var(--joy-color-neutral-10);--template-inner-spacing: var(--joy-core-spacing-8);display:block;background-color:var(--template-layout-background-color);max-width:100%;width:100%;padding:var(--template-inner-spacing);box-sizing:border-box;font-family:var(--joy-font-family)}@media screen and (max-width: 991px){.joy-template[data-v-f891bd85]{--template-inner-spacing: var(--joy-core-spacing-6)}}@media screen and (max-width: 760px){.joy-template[data-v-f891bd85]{--template-inner-spacing: var(--joy-core-spacing-4)}}.joy-template--full[data-v-f891bd85]{--template-layout-width: 100%}.joy-template__wrapper[data-v-f891bd85]{max-width:var(--template-layout-width);margin:0 auto}.joy-template .joy-template-slot-title[data-v-f891bd85]{font-family:var(--joy-font-family-title);font-weight:500;font-size:var(--joy-font-size-secondary-200);line-height:var(--joy-line-height-small);color:var(--joy-color-neutral-60);margin:0 0 var(--joy-core-spacing-2) 0}.joy-template .joy-template-slot-title[data-v-f891bd85] *{margin:0;padding:0;font:inherit!important}.joy-template .joy-template-slot-subtitle[data-v-f891bd85]{font-family:var(--joy-font-family);font-weight:var(--joy-font-weight-normal);font-size:var(--joy-font-size-primary-400);line-height:var(--joy-line-height-large);color:var(--joy-color-neutral-50);margin:0}.joy-template .joy-template-slot-main[data-v-f891bd85]{flex:1;font-family:inherit}.joy-template .joy-template-slot-sidebar[data-v-f891bd85]{flex:0 0 var(--template-sidebar-width)}.joy-template__heading[data-v-f891bd85]{display:flex;align-items:flex-start;padding:0;margin-bottom:var(--joy-core-spacing-8)}.joy-template__heading___headings[data-v-f891bd85]{flex:1}.joy-template__heading .joy-template-slot-back[data-v-f891bd85]{margin-right:var(--joy-core-spacing-3);margin-top:calc(var(--joy-core-spacing-2) * -1)}.joy-template__content[data-v-f891bd85]{display:flex;align-content:flex-start;flex-wrap:nowrap;gap:var(--joy-core-spacing-8)}.joy-template__content--reverse[data-v-f891bd85]{flex-direction:row-reverse}@media screen and (max-width: 1024px){.joy-template__content[data-v-f891bd85],.joy-template__content--reverse[data-v-f891bd85]{flex-wrap:wrap}.joy-template__content .joy-template-slot-sidebar[data-v-f891bd85],.joy-template__content .joy-template-slot-main[data-v-f891bd85]{flex:1 0 100%}.joy-template__content joy-panel[data-v-f891bd85-s]{--panel-bottom-margin: 0}}.joy-textarea[data-v-1496c389]{--textarea-invalid-color: var(--joy-color-error-50);--textarea-invalid-color-hover: var(--joy-color-error-90);display:block;position:relative;padding:0;border-radius:var(--joy-core-radius-3)}.joy-textarea_wrapper:hover label[data-v-1496c389]{color:var(--joy-color-state-hover)}.joy-textarea textarea[data-v-1496c389]{position:relative;display:block;width:100%;box-sizing:border-box;color:var(--joy-color-neutral-60);max-width:100%;border-radius:var(--joy-core-radius-3);border:var(--joy-form-border-width) solid var(--joy-color-neutral-30);padding:var(--joy-core-spacing-4);transition:none;font-family:var(--joy-font-family);font-weight:var(--joy-font-weight-normal);font-size:var(--joy-font-size-primary-400);line-height:var(--joy-line-height-large);overflow-y:auto;outline:none;height:100%;z-index:1;margin:0}.joy-textarea textarea[data-v-1496c389]:hover{border-color:var(--joy-color-state-hover)}.joy-textarea textarea[data-v-1496c389]{transition:border-color var(--joy-transition-duration-default) var(--joy-transition-timing-function)}.joy-textarea textarea[data-v-1496c389]:focus{border-color:var(--joy-color-state-focus);outline:none}.joy-textarea_focusing .joy-textarea_wrapper[data-v-1496c389]{position:relative}.joy-textarea_focusing .joy-textarea_wrapper[data-v-1496c389]:after{content:"";position:absolute;width:calc(100% + 2px);height:calc(100% + 2px);top:-1px;left:-1px;box-shadow:var(--joy-form-field-focus-shadow);background:transparent;border-radius:var(--joy-core-radius-3)}.joy-textarea:focus .joy-textarea_label[data-v-1496c389]{color:var(--joy-color-secondary-50);outline:none}.joy-textarea_label[data-v-1496c389]{position:absolute;left:10px;color:var(--joy-color-neutral-40);top:-13px;background-color:#fff;z-index:2;padding:0 5px;transition:top .15s ease;user-select:none}.joy-textarea_helpers[data-v-1496c389]{display:flex;justify-content:space-between;margin-top:var(--joy-core-spacing-3);margin-bottom:var(--joy-core-spacing-6)}.joy-textarea_helpers p[data-v-1496c389]{font-family:var(--joy-font-family);font-weight:var(--joy-font-weight-normal);font-size:var(--joy-font-size-primary-300);line-height:var(--joy-line-height-large);margin:0;padding:0;color:var(--joy-color-neutral-50)}.joy-textarea_helpers p.joy-textarea-min[data-v-1496c389]{display:flex;align-items:flex-end}.joy-textarea_helpers p.joy-textarea-min joy-icon[data-v-1496c389]{margin-right:var(--joy-core-spacing-2)}.joy-textarea_autogrow textarea[data-v-1496c389]{resize:none;overflow-y:hidden}.joy-textarea_invalid textarea[data-v-1496c389]{border-color:var(--textarea-invalid-color)}.joy-textarea_invalid .joy-textarea_label[data-v-1496c389]{color:var(--textarea-invalid-color)}.joy-textarea_invalid:hover textarea[data-v-1496c389]{border-color:var(--textarea-invalid-color-hover)}.joy-textarea_invalid:hover .joy-textarea_label[data-v-1496c389]{color:var(--textarea-invalid-color-hover)}.joy-textarea_helpers .joy-textarea-count-invalid[data-v-1496c389]{color:var(--textarea-invalid-color)}.joy-textarea_disabled[data-v-1496c389]{cursor:not-allowed}.joy-textarea_disabled textarea[data-v-1496c389],.joy-textarea_disabled textarea[data-v-1496c389]:hover{cursor:not-allowed;border-color:var(--joy-color-state-disabled-border);background-color:var(--joy-color-neutral-10)}.joy-textarea_disabled textarea[data-v-1496c389]::placeholder,.joy-textarea_disabled textarea[data-v-1496c389]:hover::placeholder{color:var(--joy-color-text-disabled)}.joy-textarea_disabled .joy-textarea_label[data-v-1496c389],.joy-textarea_disabled .joy-textarea_helpers p[data-v-1496c389],.joy-textarea_disabled .joy-textarea_helpers p joy-icon[data-v-1496c389]{color:var(--joy-color-text-disabled)}.joy-textarea_disabled:hover textarea[data-v-1496c389]{border-color:var(--joy-color-neutral-30)}.joy-textarea_disabled:hover .joy-textarea_label[data-v-1496c389],.joy-textarea_disabled:hover .joy-textarea_helpers p[data-v-1496c389]{color:var(--joy-color-text-disabled)}.joy-toggle[data-v-cf79d999]{--toggle-bg-color-hover-checked: var(--joy-color-secondary-50);--toggle-bg-color-hover: var(--joy-color-neutral-40);--toggle-bg-color-active-checked: var(--joy-color-secondary-90);--toggle-bg-color-disabled: var(--joy-color-neutral-10);--toggle-bubble-bg-color-disabled: var(--joy-color-neutral-30);--toggle-bg-color-inactive: var(--joy-color-neutral-30);--toggle-bubble-bg-color-inactive: white;--toggle-bg-color-active: var(--joy-color-secondary-30);--toggle-bubble-bg-color-active: white;--toggle-border-color-focus: var(--joy-color-neutral-60);--toggle-width: 48px;--toggle-height: 28px;--toggle-width-focus: calc(var(--toggle-width) + 2px);--toggle-radius: calc(var(--toggle-height) / 2);--toggle-bubble-space: 2px;--toggle-bubble-size: calc(var(--toggle-height) - var(--toggle-bubble-space)*2);--toggle-bubble-translation-value: calc(var(--toggle-width) - var(--toggle-bubble-size) - var(--toggle-bubble-space)*2);font-family:var(--joy-font-family);font-weight:var(--joy-font-weight-normal);font-size:var(--joy-font-size-primary-400);line-height:var(--joy-line-height-large);color:var(--joy-color-text-body);display:inline-flex;box-sizing:border-box;position:relative;cursor:pointer;-webkit-touch-callout:none;user-select:none}.joy-toggle__content[data-v-cf79d999]{--toggle-background-color: var(--toggle-bg-color-inactive)}.joy-toggle__content-label[data-v-cf79d999]{padding-top:6px;line-height:1;font-family:inherit}.joy-toggle_disabled[data-v-cf79d999]{cursor:not-allowed}.joy-toggle__input[data-v-cf79d999]{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}.joy-toggle__input:focus-visible+*[data-v-cf79d999]{--toggle-background-color: var(--toggle-bg-color-hover)}.joy-toggle__input:checked:focus-visible+*[data-v-cf79d999]{--toggle-background-color: var(--toggle-bg-color-active-checked)}.joy-toggle__input+*[data-v-cf79d999]{display:inline-flex;align-items:flex-start;margin:0}.joy-toggle__input+* .joy-toggle__symbol[data-v-cf79d999]{content:"";position:relative;display:block;flex-shrink:0;top:0;width:var(--toggle-width);height:var(--toggle-height);margin-right:var(--joy-core-spacing-1);background-color:var(--toggle-background-color);border-radius:var(--toggle-radius);transition:backgroud-color,box-shadow .15s ease;margin-right:var(--joy-core-spacing-2);box-sizing:border-box}.joy-toggle__input+*[data-v-cf79d999]:after{content:"";position:absolute;top:var(--toggle-bubble-space);left:2px;width:var(--toggle-bubble-size);height:var(--toggle-bubble-size);border-radius:50%;background-color:var(--toggle-bubble-bg-color-inactive);transition:all var(--joy-transition-duration-default) var(--joy-transition-timing-function)}.joy-toggle__input:checked+*[data-v-cf79d999]{--toggle-background-color: var(--toggle-bg-color-active)}.joy-toggle__input:checked+*[data-v-cf79d999]:after{transform:translate(var(--toggle-bubble-translation-value))}.joy-toggle__input:disabled+*[data-v-cf79d999]{--toggle-background-color: var(--toggle-bg-color-disabled);cursor:not-allowed}.joy-toggle__input:disabled+*[data-v-cf79d999]:before{border:1px solid var(--toggle-bubble-bg-color-disabled)}.joy-toggle__input:disabled+*[data-v-cf79d999]:after{background-color:var(--toggle-bubble-bg-color-disabled)}.joy-toggle:hover .joy-toggle__input:not(:disabled):checked+*[data-v-cf79d999]{--toggle-background-color: var(--toggle-bg-color-hover-checked)}.joy-toggle:hover .joy-toggle__input:not(:disabled)+*[data-v-cf79d999]{--toggle-background-color: var(--toggle-bg-color-hover)}.joy-toggle:active .joy-toggle__input:not(:disabled):checked+*[data-v-cf79d999]{--toggle-background-color: var(--toggle-bg-color-active-checked)}.joy-toggle__smile[data-v-cf79d999]{--toggle-smile-color: var(--toggle-background-color);display:block;opacity:0;position:absolute;z-index:1;top:8px;left:25px;color:var(--toggle-smile-color);transition:opacity var(--joy-transition-duration-default) ease-in}.joy-toggle__checked .joy-toggle__smile[data-v-cf79d999]{opacity:1}.joy-toggle__focusing .joy-toggle__symbol[data-v-cf79d999]:before{content:"";position:absolute;width:calc(100% + 2px);height:calc(100% + 2px);top:-1px;left:-1px;box-shadow:var(--joy-form-field-focus-shadow);background:transparent;border-radius:var(--joy-core-radius-4)}')),document.head.appendChild(o)}}catch(a){console.error("vite-plugin-css-injected-by-js",a)}})();
2
+ import { defineComponent as $, openBlock as m, createElementBlock as p, normalizeClass as k, renderSlot as g, createTextVNode as J, toDisplayString as L, useAttrs as Re, computed as O, createBlock as q, resolveDynamicComponent as ce, unref as _, withCtx as B, createCommentVNode as w, createElementVNode as h, ref as b, mergeProps as Q, createVNode as fe, pushScopeId as te, popScopeId as le, getCurrentScope as nt, onScopeDispose as at, getCurrentInstance as it, onMounted as Z, nextTick as Me, watch as E, h as rt, reactive as X, onBeforeUnmount as Ne, normalizeStyle as K, Fragment as ye, renderList as ve, normalizeProps as me, guardReactiveProps as pe, Teleport as st, createSlots as He, useSlots as W, onBeforeMount as ut } from "vue";
2
3
  const dt = ["info", "gray", "green", "orange", "red", "teal", "turquoise", "pink", "dark-blue", "yellow"], ct = /* @__PURE__ */ $({
3
4
  __name: "VJoyBadge",
4
5
  props: {
6
+ /**
7
+ * Display the colored bulletpoint on the left
8
+ */
9
+ bulletpoint: {
10
+ type: Boolean,
11
+ default: !1
12
+ },
5
13
  /**
6
14
  * Use label or slot in order to inject the text.
7
15
  */
@@ -21,11 +29,11 @@ const dt = ["info", "gray", "green", "orange", "red", "teal", "turquoise", "pink
21
29
  },
22
30
  setup(e) {
23
31
  return (t, l) => (m(), p("span", {
24
- class: k(["joy-badge", `joy-badge__${e.variant}`]),
32
+ class: k(["joy-badge", `joy-badge__${e.variant}`, { "joy-badge--with-bulletpoint": e.bulletpoint }]),
25
33
  role: "status"
26
34
  }, [
27
35
  g(t.$slots, "default", {}, () => [
28
- J(I(e.label), 1)
36
+ J(L(e.label), 1)
29
37
  ], !0)
30
38
  ], 2));
31
39
  }
@@ -35,7 +43,7 @@ const V = (e, t) => {
35
43
  for (const [o, n] of t)
36
44
  l[o] = n;
37
45
  return l;
38
- }, ft = /* @__PURE__ */ V(ct, [["__scopeId", "data-v-c0310e42"]]), yt = ["teal", "white"], vt = /* @__PURE__ */ $({
46
+ }, ft = /* @__PURE__ */ V(ct, [["__scopeId", "data-v-41907acc"]]), yt = ["teal", "white"], vt = /* @__PURE__ */ $({
39
47
  __name: "VJoySpinner",
40
48
  props: {
41
49
  color: {
@@ -51,7 +59,7 @@ const V = (e, t) => {
51
59
  }, null, 2));
52
60
  }
53
61
  });
54
- const He = /* @__PURE__ */ V(vt, [["__scopeId", "data-v-616a29d0"]]), mt = ["primary", "secondary"], pt = ["neutral", "success", "info", "warning", "error"], ht = ["main", "admin", "ghost"], bt = [...mt, ...ht], gt = ["large", "medium", "small", "xsmall", "xxsmall"], _t = ["name", "size"], wt = { class: "joy-button--slot" }, St = ["name", "size"], jt = /* @__PURE__ */ $({
62
+ const We = /* @__PURE__ */ V(vt, [["__scopeId", "data-v-616a29d0"]]), mt = ["primary", "secondary"], pt = ["neutral", "success", "info", "warning", "error"], ht = ["main", "admin", "ghost"], bt = [...mt, ...ht], gt = ["large", "medium", "small", "xsmall", "xxsmall"], _t = ["name", "size"], wt = { class: "joy-button--slot" }, St = ["name", "size"], jt = /* @__PURE__ */ $({
55
63
  __name: "VJoyButton",
56
64
  props: {
57
65
  /**
@@ -92,7 +100,7 @@ const He = /* @__PURE__ */ V(vt, [["__scopeId", "data-v-616a29d0"]]), mt = ["pri
92
100
  }
93
101
  },
94
102
  setup(e) {
95
- const t = e, l = Re(), o = x(() => {
103
+ const t = e, l = Re(), o = O(() => {
96
104
  switch (t.size) {
97
105
  case "xxsmall":
98
106
  return "xxsmall";
@@ -103,9 +111,10 @@ const He = /* @__PURE__ */ V(vt, [["__scopeId", "data-v-616a29d0"]]), mt = ["pri
103
111
  default:
104
112
  return "small";
105
113
  }
106
- }), n = x(() => ["white", "ghost", "secondary"].includes(t.variant) ? "teal" : "white");
114
+ }), n = O(() => ["white", "ghost", "secondary"].includes(t.variant) ? "teal" : "white");
107
115
  return (r, s) => (m(), q(ce(_(l).href ? "a" : "button"), {
108
116
  disabled: e.loading || _(l).disabled,
117
+ type: _(l).type || "button",
109
118
  class: k([
110
119
  "joy-button",
111
120
  `joy-button_${e.variant}`,
@@ -116,7 +125,7 @@ const He = /* @__PURE__ */ V(vt, [["__scopeId", "data-v-616a29d0"]]), mt = ["pri
116
125
  }
117
126
  ])
118
127
  }, {
119
- default: L(() => [
128
+ default: B(() => [
120
129
  e.icon && e.iconPosition === "left" ? (m(), p("joy-icon", {
121
130
  key: 0,
122
131
  class: "joy-button_icon joy-button_icon--left",
@@ -124,7 +133,7 @@ const He = /* @__PURE__ */ V(vt, [["__scopeId", "data-v-616a29d0"]]), mt = ["pri
124
133
  size: _(o),
125
134
  lazy: !1
126
135
  }, null, 8, _t)) : w("", !0),
127
- e.loading ? (m(), q(He, {
136
+ e.loading ? (m(), q(We, {
128
137
  key: 1,
129
138
  color: _(n)
130
139
  }, null, 8, ["color"])) : w("", !0),
@@ -140,10 +149,10 @@ const He = /* @__PURE__ */ V(vt, [["__scopeId", "data-v-616a29d0"]]), mt = ["pri
140
149
  }, null, 8, St)) : w("", !0)
141
150
  ]),
142
151
  _: 3
143
- }, 8, ["disabled", "class"]));
152
+ }, 8, ["disabled", "type", "class"]));
144
153
  }
145
154
  });
146
- const kt = /* @__PURE__ */ V(jt, [["__scopeId", "data-v-5e0e1d63"]]), $t = ["aria-checked", "aria-hidden"], Vt = { class: "joy-checkbox__input-wrapper" }, xt = ["id", "name", "disabled", "checked", "required", "aria-checked", "value", "indeterminate"], Ot = { class: "joy-checkbox__content-wrapper" }, It = { class: "joy-checkbox__content" }, Bt = /* @__PURE__ */ $({
155
+ const kt = /* @__PURE__ */ V(jt, [["__scopeId", "data-v-058329aa"]]), $t = ["aria-checked", "aria-hidden"], Vt = { class: "joy-checkbox__input-wrapper" }, xt = ["id", "name", "disabled", "checked", "required", "aria-checked", "value", "indeterminate"], Ot = { class: "joy-checkbox__content-wrapper" }, It = { class: "joy-checkbox__content" }, Bt = /* @__PURE__ */ $({
147
156
  __name: "VJoyCheckbox",
148
157
  props: {
149
158
  /** Can't be used in addition of v-model. See usage : https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#indeterminate_state_checkboxes */
@@ -206,6 +215,7 @@ const kt = /* @__PURE__ */ V(jt, [["__scopeId", "data-v-5e0e1d63"]]), $t = ["ari
206
215
  return t({
207
216
  isIndeterminate: r
208
217
  }), (c, f) => (m(), p("div", {
218
+ class: "joy-checkbox__wrapper",
209
219
  "aria-checked": e.checked,
210
220
  "aria-hidden": e.disabled
211
221
  }, [
@@ -244,7 +254,7 @@ const kt = /* @__PURE__ */ V(jt, [["__scopeId", "data-v-5e0e1d63"]]), $t = ["ari
244
254
  ]),
245
255
  h("div", Ot, [
246
256
  g(c.$slots, "default", {}, () => [
247
- J(I(e.label), 1)
257
+ J(L(e.label), 1)
248
258
  ], !0),
249
259
  h("div", It, [
250
260
  g(c.$slots, "checkbox-content", {}, void 0, !0)
@@ -254,13 +264,13 @@ const kt = /* @__PURE__ */ V(jt, [["__scopeId", "data-v-5e0e1d63"]]), $t = ["ari
254
264
  ], 8, $t));
255
265
  }
256
266
  });
257
- const he = /* @__PURE__ */ V(Bt, [["__scopeId", "data-v-a39797a6"]]), We = (e) => (te("data-v-0d1ab3f2"), e = e(), le(), e), Lt = { class: "joy-counter" }, Et = ["aria-label", "disabled"], Pt = /* @__PURE__ */ We(() => /* @__PURE__ */ h("joy-icon", {
267
+ const he = /* @__PURE__ */ V(Bt, [["__scopeId", "data-v-192cc0d3"]]), Ue = (e) => (te("data-v-0d1ab3f2"), e = e(), le(), e), Lt = { class: "joy-counter" }, Et = ["aria-label", "disabled"], Pt = /* @__PURE__ */ Ue(() => /* @__PURE__ */ h("joy-icon", {
258
268
  name: "minus",
259
269
  color: "teal",
260
270
  lazy: !1
261
271
  }, null, -1)), Ct = [
262
272
  Pt
263
- ], Jt = { class: "joy-counter__input-wrapper" }, qt = ["id", "min", "max", "aria-invalid", "name", "required", "value"], Tt = ["aria-label", "disabled"], zt = /* @__PURE__ */ We(() => /* @__PURE__ */ h("joy-icon", {
273
+ ], Jt = { class: "joy-counter__input-wrapper" }, qt = ["id", "min", "max", "aria-invalid", "name", "required", "value"], Tt = ["aria-label", "disabled"], zt = /* @__PURE__ */ Ue(() => /* @__PURE__ */ h("joy-icon", {
264
274
  name: "add",
265
275
  lazy: !1,
266
276
  color: "teal"
@@ -382,9 +392,9 @@ const he = /* @__PURE__ */ V(Bt, [["__scopeId", "data-v-a39797a6"]]), We = (e) =
382
392
  "optional-label": e.optionalLabel,
383
393
  size: e.labelSize
384
394
  }, {
385
- default: L(() => [
395
+ default: B(() => [
386
396
  g(d.$slots, "default", {}, () => [
387
- J(I(e.label), 1)
397
+ J(L(e.label), 1)
388
398
  ], !0)
389
399
  ]),
390
400
  _: 3
@@ -429,7 +439,7 @@ const he = /* @__PURE__ */ V(Bt, [["__scopeId", "data-v-a39797a6"]]), We = (e) =
429
439
  onClick: a
430
440
  }, At, 8, Tt),
431
441
  e.invalid && e.errorMessage ? (m(), p("div", Ft, [
432
- fe(_(et), { "no-html-error-text": e.errorMessage }, null, 8, ["no-html-error-text"])
442
+ fe(_(tt), { "no-html-error-text": e.errorMessage }, null, 8, ["no-html-error-text"])
433
443
  ])) : w("", !0)
434
444
  ], 2)
435
445
  ]));
@@ -437,12 +447,12 @@ const he = /* @__PURE__ */ V(Bt, [["__scopeId", "data-v-a39797a6"]]), We = (e) =
437
447
  });
438
448
  const Rt = /* @__PURE__ */ V(Dt, [["__scopeId", "data-v-0d1ab3f2"]]);
439
449
  var _e;
440
- const U = typeof window < "u", Ue = (e) => typeof e == "string", z = () => {
450
+ const U = typeof window < "u", Ge = (e) => typeof e == "string", z = () => {
441
451
  }, ee = U && ((_e = window == null ? void 0 : window.navigator) == null ? void 0 : _e.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
442
452
  function P(e) {
443
453
  return typeof e == "function" ? e() : _(e);
444
454
  }
445
- function Ge(e, t) {
455
+ function Ke(e, t) {
446
456
  function l(...o) {
447
457
  return new Promise((n, r) => {
448
458
  Promise.resolve(e(() => t.apply(this, o), { fn: t, thisArg: this, args: o })).then(n).catch(r);
@@ -489,19 +499,19 @@ function Ht(e) {
489
499
  return e;
490
500
  }
491
501
  function G(e) {
492
- return ot() ? (nt(e), !0) : !1;
502
+ return nt() ? (at(e), !0) : !1;
493
503
  }
494
504
  function Wt(e, t = 200, l = {}) {
495
- return Ge(Mt(t, l), e);
505
+ return Ke(Mt(t, l), e);
496
506
  }
497
507
  function Ut(e, t = 200, l = !1, o = !0, n = !1) {
498
- return Ge(Nt(t, l, o, n), e);
508
+ return Ke(Nt(t, l, o, n), e);
499
509
  }
500
510
  function Gt(e) {
501
- return typeof e == "function" ? x(e) : b(e);
511
+ return typeof e == "function" ? O(e) : b(e);
502
512
  }
503
- function Ke(e, t = !0) {
504
- at() ? Z(e) : t ? e() : Me(e);
513
+ function Qe(e, t = !0) {
514
+ it() ? Z(e) : t ? e() : Me(e);
505
515
  }
506
516
  function H(e) {
507
517
  var t;
@@ -514,12 +524,12 @@ U && window.navigator;
514
524
  U && window.location;
515
525
  function ae(...e) {
516
526
  let t, l, o, n;
517
- if (Ue(e[0]) || Array.isArray(e[0]) ? ([l, o, n] = e, t = be) : [t, l, o, n] = e, !t)
527
+ if (Ge(e[0]) || Array.isArray(e[0]) ? ([l, o, n] = e, t = be) : [t, l, o, n] = e, !t)
518
528
  return z;
519
529
  Array.isArray(l) || (l = [l]), Array.isArray(o) || (o = [o]);
520
530
  const r = [], s = () => {
521
531
  r.forEach((u) => u()), r.length = 0;
522
- }, a = (u, v, i, y) => (u.addEventListener(v, i, y), () => u.removeEventListener(v, i, y)), c = B(() => [H(t), P(n)], ([u, v]) => {
532
+ }, a = (u, v, i, y) => (u.addEventListener(v, i, y), () => u.removeEventListener(v, i, y)), c = E(() => [H(t), P(n)], ([u, v]) => {
523
533
  s(), u && r.push(...l.flatMap((i) => o.map((y) => a(u, i, y, v))));
524
534
  }, { immediate: !0, flush: "post" }), f = () => {
525
535
  c(), s();
@@ -565,7 +575,7 @@ function Kt(e, t, l = {}) {
565
575
  }
566
576
  function Qt(e, t = !1) {
567
577
  const l = b(), o = () => l.value = Boolean(e());
568
- return o(), Ke(o, t), l;
578
+ return o(), Qe(o, t), l;
569
579
  }
570
580
  const ie = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, re = "__vueuse_ssr_handlers__";
571
581
  ie[re] = ie[re] || {};
@@ -584,7 +594,7 @@ function el(e, t, l = {}) {
584
594
  let s;
585
595
  const a = Qt(() => n && "ResizeObserver" in n), c = () => {
586
596
  s && (s.disconnect(), s = void 0);
587
- }, f = B(() => H(e), (v) => {
597
+ }, f = E(() => H(e), (v) => {
588
598
  c(), a.value && n && v && (s = new ResizeObserver(t), s.observe(v, r));
589
599
  }, { immediate: !0, flush: "post" }), u = () => {
590
600
  c(), f();
@@ -604,7 +614,7 @@ function tl(e) {
604
614
  var n, r;
605
615
  t.value && (t.value.style.height = "1px", t.value.style.height = `${(n = t.value) == null ? void 0 : n.scrollHeight}px`, (r = e == null ? void 0 : e.onResize) == null || r.call(e));
606
616
  }
607
- return B([l, t], o, { immediate: !0 }), el(t, () => o()), e != null && e.watch && B(e.watch, o, { immediate: !0, deep: !0 }), {
617
+ return E([l, t], o, { immediate: !0 }), el(t, () => o()), e != null && e.watch && E(e.watch, o, { immediate: !0, deep: !0 }), {
608
618
  textarea: t,
609
619
  input: l,
610
620
  triggerResize: o
@@ -657,7 +667,7 @@ const rl = /* @__PURE__ */ $({
657
667
  l("trigger", n);
658
668
  }, e.options), () => {
659
669
  if (t.default)
660
- return it(e.as || "div", { ref: o }, t.default());
670
+ return rt(e.as || "div", { ref: o }, t.default());
661
671
  };
662
672
  }
663
673
  });
@@ -669,12 +679,12 @@ function C(e) {
669
679
  const M = U ? window : void 0;
670
680
  function A(...e) {
671
681
  let t, l, o, n;
672
- if (Ue(e[0]) || Array.isArray(e[0]) ? ([l, o, n] = e, t = M) : [t, l, o, n] = e, !t)
682
+ if (Ge(e[0]) || Array.isArray(e[0]) ? ([l, o, n] = e, t = M) : [t, l, o, n] = e, !t)
673
683
  return z;
674
684
  Array.isArray(l) || (l = [l]), Array.isArray(o) || (o = [o]);
675
685
  const r = [], s = () => {
676
686
  r.forEach((u) => u()), r.length = 0;
677
- }, a = (u, v, i, y) => (u.addEventListener(v, i, y), () => u.removeEventListener(v, i, y)), c = B(() => [C(t), P(n)], ([u, v]) => {
687
+ }, a = (u, v, i, y) => (u.addEventListener(v, i, y), () => u.removeEventListener(v, i, y)), c = E(() => [C(t), P(n)], ([u, v]) => {
678
688
  s(), u && r.push(...l.flatMap((i) => o.map((y) => a(u, i, y, v))));
679
689
  }, { immediate: !0, flush: "post" }), f = () => {
680
690
  c(), s();
@@ -740,7 +750,7 @@ R.mounted + "";
740
750
  const yl = 500;
741
751
  function Le(e, t, l) {
742
752
  var o, n;
743
- const r = x(() => C(e));
753
+ const r = O(() => C(e));
744
754
  let s;
745
755
  function a() {
746
756
  s && (clearTimeout(s), s = void 0);
@@ -759,9 +769,9 @@ R.mounted + "";
759
769
  const se = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, ue = "__vueuse_ssr_handlers__";
760
770
  se[ue] = se[ue] || {};
761
771
  se[ue];
762
- function Qe(e, t = !1) {
772
+ function Ze(e, t = !1) {
763
773
  const l = b(), o = () => l.value = Boolean(e());
764
- return o(), Ke(o, t), l;
774
+ return o(), Qe(o, t), l;
765
775
  }
766
776
  function vl(e, t = {}) {
767
777
  const l = t ? t.delayEnter : 0, o = t ? t.delayLeave : 0, n = b(!1);
@@ -785,9 +795,9 @@ var Ee = Object.getOwnPropertySymbols, ml = Object.prototype.hasOwnProperty, pl
785
795
  function bl(e, t, l = {}) {
786
796
  const o = l, { window: n = M } = o, r = hl(o, ["window"]);
787
797
  let s;
788
- const a = Qe(() => n && "ResizeObserver" in n), c = () => {
798
+ const a = Ze(() => n && "ResizeObserver" in n), c = () => {
789
799
  s && (s.disconnect(), s = void 0);
790
- }, f = B(() => C(e), (v) => {
800
+ }, f = E(() => C(e), (v) => {
791
801
  c(), a.value && n && v && (s = new ResizeObserver(t), s.observe(v, r));
792
802
  }, { immediate: !0, flush: "post" }), u = () => {
793
803
  c(), f();
@@ -798,7 +808,7 @@ function bl(e, t, l = {}) {
798
808
  };
799
809
  }
800
810
  function gl(e, t = { width: 0, height: 0 }, l = {}) {
801
- const { window: o = M, box: n = "content-box" } = l, r = x(() => {
811
+ const { window: o = M, box: n = "content-box" } = l, r = O(() => {
802
812
  var c, f;
803
813
  return (f = (c = C(e)) == null ? void 0 : c.namespaceURI) == null ? void 0 : f.includes("svg");
804
814
  }), s = b(t.width), a = b(t.height);
@@ -815,7 +825,7 @@ function gl(e, t = { width: 0, height: 0 }, l = {}) {
815
825
  s.value = u.reduce((v, { inlineSize: i }) => v + i, 0), a.value = u.reduce((v, { blockSize: i }) => v + i, 0);
816
826
  } else
817
827
  s.value = c.contentRect.width, a.value = c.contentRect.height;
818
- }, l), B(() => C(e), (c) => {
828
+ }, l), E(() => C(e), (c) => {
819
829
  s.value = c ? t.width : 0, a.value = c ? t.height : 0;
820
830
  }), {
821
831
  width: s,
@@ -835,7 +845,7 @@ function Pe(e, { window: t = M, scrollTarget: l } = {}) {
835
845
  o.value = a.top <= (t.innerHeight || r.documentElement.clientHeight) && a.left <= (t.innerWidth || r.documentElement.clientWidth) && a.bottom >= 0 && a.right >= 0;
836
846
  }
837
847
  };
838
- return B(() => C(e), () => n(), { immediate: !0, flush: "post" }), t && A(l || t, "scroll", n, {
848
+ return E(() => C(e), () => n(), { immediate: !0, flush: "post" }), t && A(l || t, "scroll", n, {
839
849
  capture: !1,
840
850
  passive: !0
841
851
  }), o;
@@ -859,27 +869,27 @@ function de(e, t = {}) {
859
869
  passive: !0
860
870
  },
861
871
  behavior: c = "auto"
862
- } = t, f = b(0), u = b(0), v = x({
872
+ } = t, f = b(0), u = b(0), v = O({
863
873
  get() {
864
874
  return f.value;
865
875
  },
866
- set(O) {
867
- y(O, void 0);
876
+ set(I) {
877
+ y(I, void 0);
868
878
  }
869
- }), i = x({
879
+ }), i = O({
870
880
  get() {
871
881
  return u.value;
872
882
  },
873
- set(O) {
874
- y(void 0, O);
883
+ set(I) {
884
+ y(void 0, I);
875
885
  }
876
886
  });
877
- function y(O, T) {
887
+ function y(I, T) {
878
888
  var D, F, ge;
879
889
  const ne = P(e);
880
890
  ne && ((ge = ne instanceof Document ? document.body : ne) == null || ge.scrollTo({
881
891
  top: (D = P(T)) != null ? D : i.value,
882
- left: (F = P(O)) != null ? F : v.value,
892
+ left: (F = P(I)) != null ? F : v.value,
883
893
  behavior: P(c)
884
894
  }));
885
895
  }
@@ -893,15 +903,15 @@ function de(e, t = {}) {
893
903
  right: !1,
894
904
  top: !1,
895
905
  bottom: !1
896
- }), Y = (O) => {
897
- d.value && (d.value = !1, S.left = !1, S.right = !1, S.top = !1, S.bottom = !1, n(O));
898
- }, oe = Wt(Y, l + o), E = (O) => {
899
- const T = O.target === document ? O.target.documentElement : O.target, D = T.scrollLeft;
906
+ }), Y = (I) => {
907
+ d.value && (d.value = !1, S.left = !1, S.right = !1, S.top = !1, S.bottom = !1, n(I));
908
+ }, oe = Wt(Y, l + o), x = (I) => {
909
+ const T = I.target === document ? I.target.documentElement : I.target, D = T.scrollLeft;
900
910
  S.left = D < f.value, S.right = D > u.value, j.left = D <= 0 + (s.left || 0), j.right = D + T.clientWidth >= T.scrollWidth - (s.right || 0) - Ce, f.value = D;
901
911
  let F = T.scrollTop;
902
- O.target === document && !F && (F = document.body.scrollTop), S.top = F < u.value, S.bottom = F > u.value, j.top = F <= 0 + (s.top || 0), j.bottom = F + T.clientHeight >= T.scrollHeight - (s.bottom || 0) - Ce, u.value = F, d.value = !0, oe(O), r(O);
912
+ I.target === document && !F && (F = document.body.scrollTop), S.top = F < u.value, S.bottom = F > u.value, j.top = F <= 0 + (s.top || 0), j.bottom = F + T.clientHeight >= T.scrollHeight - (s.bottom || 0) - Ce, u.value = F, d.value = !0, oe(I), r(I);
903
913
  };
904
- return A(e, "scroll", l ? Ut(E, l, !0, !1) : E, a), A(e, "scrollend", Y, a), {
914
+ return A(e, "scroll", l ? Ut(x, l, !0, !1) : x, a), A(e, "scrollend", Y, a), {
905
915
  x: v,
906
916
  y: i,
907
917
  isScrolling: d,
@@ -924,7 +934,7 @@ function ze(e, t, l = {}) {
924
934
  [r]: (n = l.distance) != null ? n : 0
925
935
  }, l.offset)
926
936
  })));
927
- B(() => s.arrivedState[r], async (a) => {
937
+ E(() => s.arrivedState[r], async (a) => {
928
938
  var c, f;
929
939
  if (a) {
930
940
  const u = P(e), v = {
@@ -947,9 +957,9 @@ function Ae(e, t, l = {}) {
947
957
  rootMargin: n = "0px",
948
958
  threshold: r = 0.1,
949
959
  window: s = M
950
- } = l, a = Qe(() => s && "IntersectionObserver" in s);
960
+ } = l, a = Ze(() => s && "IntersectionObserver" in s);
951
961
  let c = z;
952
- const f = a.value ? B(() => ({
962
+ const f = a.value ? E(() => ({
953
963
  el: C(e),
954
964
  root: C(o)
955
965
  }), ({ el: v, root: i }) => {
@@ -981,23 +991,23 @@ var Vl = Object.defineProperty, xl = Object.defineProperties, Ol = Object.getOwn
981
991
  return e;
982
992
  }, El = (e, t) => xl(e, Ol(t));
983
993
  R.mounted + "";
984
- function Ze(e) {
994
+ function Ye(e) {
985
995
  const t = window.getComputedStyle(e);
986
996
  if (t.overflowX === "scroll" || t.overflowY === "scroll" || t.overflowX === "auto" && e.clientHeight < e.scrollHeight || t.overflowY === "auto" && e.clientWidth < e.scrollWidth)
987
997
  return !0;
988
998
  {
989
999
  const l = e.parentNode;
990
- return !l || l.tagName === "BODY" ? !1 : Ze(l);
1000
+ return !l || l.tagName === "BODY" ? !1 : Ye(l);
991
1001
  }
992
1002
  }
993
1003
  function Pl(e) {
994
1004
  const t = e || window.event, l = t.target;
995
- return Ze(l) ? !1 : t.touches.length > 1 ? !0 : (t.preventDefault && t.preventDefault(), !1);
1005
+ return Ye(l) ? !1 : t.touches.length > 1 ? !0 : (t.preventDefault && t.preventDefault(), !1);
996
1006
  }
997
1007
  function Cl(e, t = !1) {
998
1008
  const l = b(t);
999
1009
  let o = null, n;
1000
- B(Gt(e), (a) => {
1010
+ E(Gt(e), (a) => {
1001
1011
  if (a) {
1002
1012
  const c = a;
1003
1013
  n = c.style.overflow, l.value && (c.style.overflow = "hidden");
@@ -1014,7 +1024,7 @@ function Cl(e, t = !1) {
1014
1024
  const a = P(e);
1015
1025
  !a || !l.value || (ee && (o == null || o()), a.style.overflow = n, l.value = !1);
1016
1026
  };
1017
- return G(s), x({
1027
+ return G(s), O({
1018
1028
  get() {
1019
1029
  return l.value;
1020
1030
  },
@@ -1031,14 +1041,17 @@ const Jl = () => {
1031
1041
  return;
1032
1042
  e = !0;
1033
1043
  const n = Cl(l, o.value);
1034
- B(t, (r) => n.value = r);
1044
+ E(t, (r) => n.value = r);
1035
1045
  };
1036
1046
  };
1037
1047
  Jl();
1038
- const Ye = ["medium", "small"], ql = ["id", "tabindex", "aria-disabled", "aria-selected", "title", "aria-label", ".dataModel", "onClick"], Tl = {
1048
+ const Xe = ["medium", "small"], ql = {
1039
1049
  key: 0,
1050
+ class: "joy-dropdown-list__header"
1051
+ }, Tl = ["id", "tabindex", "aria-disabled", "aria-selected", "title", "aria-label", ".dataModel", "onClick"], zl = {
1052
+ key: 1,
1040
1053
  class: "joy-dropdown-list__footer"
1041
- }, zl = /* @__PURE__ */ $({
1054
+ }, Al = /* @__PURE__ */ $({
1042
1055
  __name: "VJoyDropdownList",
1043
1056
  props: {
1044
1057
  /**
@@ -1057,7 +1070,7 @@ const Ye = ["medium", "small"], ql = ["id", "tabindex", "aria-disabled", "aria-s
1057
1070
  type: String,
1058
1071
  default: "medium",
1059
1072
  validator(e) {
1060
- return Ye.includes(e);
1073
+ return Xe.includes(e);
1061
1074
  }
1062
1075
  },
1063
1076
  modelValue: {
@@ -1074,7 +1087,7 @@ const Ye = ["medium", "small"], ql = ["id", "tabindex", "aria-disabled", "aria-s
1074
1087
  },
1075
1088
  emits: ["update:modelValue", "close:dropdownList"],
1076
1089
  setup(e, { expose: t, emit: l }) {
1077
- const o = e, n = b(), r = x(() => (i) => !o.modelValue && !i.value && !i.id ? !1 : o.modelValue === i.value || o.modelValue === i.id);
1090
+ const o = e, n = b(), r = O(() => (i) => !o.modelValue && !i.value && !i.id ? !1 : o.modelValue === i.value || o.modelValue === i.id);
1078
1091
  function s(i) {
1079
1092
  i.disabled || l("update:modelValue", i.value || i.id);
1080
1093
  }
@@ -1121,49 +1134,57 @@ const Ye = ["medium", "small"], ql = ["id", "tabindex", "aria-disabled", "aria-s
1121
1134
  isSelected: r
1122
1135
  }), (i, y) => (m(), p("div", {
1123
1136
  class: "joy-dropdown-list",
1124
- style: K({ width: `${e.width}px`, "max-width": `${e.width}px`, "max-height": `${e.height}px` })
1137
+ style: K({ width: `${e.width}px`, "max-width": `${e.width}px` })
1125
1138
  }, [
1126
- h("ul", {
1127
- ref_key: "listbox",
1128
- ref: n,
1129
- role: "listbox",
1130
- class: "joy-dropdown-list__items",
1139
+ i.$slots["dropdown-list-header"] ? (m(), p("header", ql, [
1140
+ g(i.$slots, "dropdown-list-header", {}, void 0, !0)
1141
+ ])) : w("", !0),
1142
+ h("div", {
1143
+ class: k(["joy-dropdown-list__items", { "joy-dropdown-list__items-slotted": i.$slots["dropdown-list-items"] }]),
1131
1144
  style: K({ "max-height": `${e.height}px` })
1132
1145
  }, [
1133
- (m(!0), p(ye, null, ve(e.options, (d) => (m(), p("li", {
1134
- id: d.id,
1135
- key: d.label,
1136
- style: K({ "max-width": `${e.width}px` }),
1137
- class: k([
1138
- "joy-dropdown-list__item",
1139
- `joy-dropdown-list__item--${e.size}`,
1140
- {
1141
- "joy-dropdown-list__item--selected": _(r)(d),
1142
- "joy-dropdown-list__item--disabled": d.disabled
1143
- }
1144
- ]),
1145
- tabindex: d.disabled ? void 0 : 0,
1146
- "aria-disabled": d.disabled,
1147
- "aria-selected": _(r)(d),
1148
- title: d.label,
1149
- "aria-label": d.label,
1150
- ".dataModel": d.value || d.id,
1151
- role: "option",
1152
- onClick: (j) => s(d)
1146
+ g(i.$slots, "dropdown-list-items", {}, void 0, !0),
1147
+ e.options.length ? (m(), p("ul", {
1148
+ key: 0,
1149
+ ref_key: "listbox",
1150
+ ref: n,
1151
+ role: "listbox"
1153
1152
  }, [
1154
- g(i.$slots, "label", me(pe(d)), () => [
1155
- h("span", null, I(d.label), 1)
1156
- ], !0)
1157
- ], 14, ql))), 128))
1158
- ], 4),
1159
- i.$slots.footer ? (m(), p("footer", Tl, [
1160
- g(i.$slots, "footer", {}, void 0, !0)
1153
+ (m(!0), p(ye, null, ve(e.options, (d) => (m(), p("li", {
1154
+ id: d.id,
1155
+ key: d.label,
1156
+ style: K({ "max-width": `${e.width}px` }),
1157
+ class: k([
1158
+ "joy-dropdown-list__item",
1159
+ `joy-dropdown-list__item--${e.size}`,
1160
+ {
1161
+ "joy-dropdown-list__item--selected": _(r)(d),
1162
+ "joy-dropdown-list__item--disabled": d.disabled
1163
+ }
1164
+ ]),
1165
+ tabindex: d.disabled ? void 0 : 0,
1166
+ "aria-disabled": d.disabled,
1167
+ "aria-selected": _(r)(d),
1168
+ title: d.label,
1169
+ "aria-label": d.label,
1170
+ ".dataModel": d.value || d.id,
1171
+ role: "option",
1172
+ onClick: (j) => s(d)
1173
+ }, [
1174
+ g(i.$slots, "label", me(pe(d)), () => [
1175
+ h("span", null, L(d.label), 1)
1176
+ ], !0)
1177
+ ], 14, Tl))), 128))
1178
+ ], 512)) : w("", !0)
1179
+ ], 6),
1180
+ i.$slots["dropdown-list-footer"] ? (m(), p("footer", zl, [
1181
+ g(i.$slots, "dropdown-list-footer", {}, void 0, !0)
1161
1182
  ])) : w("", !0)
1162
1183
  ], 4));
1163
1184
  }
1164
1185
  });
1165
- const Xe = /* @__PURE__ */ V(zl, [["__scopeId", "data-v-af851385"]]);
1166
- function Al(e) {
1186
+ const et = /* @__PURE__ */ V(Al, [["__scopeId", "data-v-63134a7f"]]);
1187
+ function Fl(e) {
1167
1188
  const t = () => e();
1168
1189
  Z(() => {
1169
1190
  window.addEventListener("resize", t);
@@ -1171,7 +1192,7 @@ function Al(e) {
1171
1192
  window.removeEventListener("resize", t);
1172
1193
  });
1173
1194
  }
1174
- const Fl = /* @__PURE__ */ $({
1195
+ const Dl = /* @__PURE__ */ $({
1175
1196
  __name: "VJoyDropdown",
1176
1197
  props: {
1177
1198
  /** DOM valid selector to give to Vue3 Teleport "to" property */
@@ -1219,7 +1240,7 @@ const Fl = /* @__PURE__ */ $({
1219
1240
  type: String,
1220
1241
  default: "medium",
1221
1242
  validator(e) {
1222
- return Ye.includes(e);
1243
+ return Xe.includes(e);
1223
1244
  }
1224
1245
  },
1225
1246
  modelValue: {
@@ -1264,8 +1285,8 @@ const Fl = /* @__PURE__ */ $({
1264
1285
  n.value = !1, f.value = !1, l("dropdown:hide");
1265
1286
  }, 300);
1266
1287
  }
1267
- function d(E) {
1268
- f.value = !1, v && clearTimeout(v), Y(), c.value = E.target, n.value = !0, l("dropdown:open");
1288
+ function d(x) {
1289
+ f.value = !1, v && clearTimeout(v), Y(), c.value = x.target, n.value = !0, l("dropdown:open");
1269
1290
  }
1270
1291
  function j() {
1271
1292
  y(), S();
@@ -1274,31 +1295,31 @@ const Fl = /* @__PURE__ */ $({
1274
1295
  c.value && c.value.focus();
1275
1296
  }
1276
1297
  function Y() {
1277
- const E = s.value.getBoundingClientRect(), O = document.documentElement.scrollTop + E.top, T = E.height, D = E.left, F = E.width;
1278
- o.justify === "left" ? i.left = D + "px" : i.left = D + F - parseInt(o.width) + "px", o.direction === "down" ? i.top = O + T + parseInt(o.dropdownGap) + "px" : i.top = O - (parseInt(o.height) + parseInt(o.dropdownGap)) + "px";
1298
+ const x = s.value.getBoundingClientRect(), I = document.documentElement.scrollTop + x.top, T = x.height, D = x.left, F = x.width;
1299
+ o.justify === "left" ? i.left = D + "px" : i.left = D + F - parseInt(o.width) + "px", o.direction === "down" ? i.top = I + T + parseInt(o.dropdownGap) + "px" : i.top = I - (parseInt(o.height) + parseInt(o.dropdownGap)) + "px";
1279
1300
  }
1280
- function oe(E) {
1281
- l("update:modelValue", E), o.closeOnSelect && (y(), S());
1301
+ function oe(x) {
1302
+ l("update:modelValue", x), o.closeOnSelect && (y(), S());
1282
1303
  }
1283
- return Al(y), t({
1304
+ return Fl(y), t({
1284
1305
  showDropdownList: n
1285
- }), (E, O) => (m(), q(_(rl), {
1306
+ }), (x, I) => (m(), q(_(rl), {
1286
1307
  ref_key: "dropdown",
1287
1308
  ref: r,
1288
1309
  options: u,
1289
1310
  class: "joy-dropdown",
1290
1311
  onTrigger: y
1291
1312
  }, {
1292
- default: L(() => [
1313
+ default: B(() => [
1293
1314
  h("div", {
1294
1315
  ref_key: "button",
1295
1316
  ref: s,
1296
1317
  class: "joy-dropdown__button",
1297
1318
  onClick: d
1298
1319
  }, [
1299
- g(E.$slots, "dropdown-button", {}, void 0, !0)
1320
+ g(x.$slots, "dropdown-button", {}, void 0, !0)
1300
1321
  ], 512),
1301
- (m(), q(rt, {
1322
+ (m(), q(st, {
1302
1323
  to: e.appendTo,
1303
1324
  disabled: e.disableTeleport
1304
1325
  }, [
@@ -1319,7 +1340,7 @@ const Fl = /* @__PURE__ */ $({
1319
1340
  left: i.left
1320
1341
  })
1321
1342
  }, [
1322
- fe(Xe, {
1343
+ fe(et, {
1323
1344
  "model-value": e.modelValue,
1324
1345
  options: e.options,
1325
1346
  size: e.size,
@@ -1327,14 +1348,36 @@ const Fl = /* @__PURE__ */ $({
1327
1348
  height: e.height,
1328
1349
  "onUpdate:modelValue": oe,
1329
1350
  "onClose:dropdownList": j
1330
- }, {
1331
- label: L((T) => [
1332
- g(E.$slots, "dropdown-item", me(pe(T)), () => [
1333
- h("span", null, I(T.label), 1)
1351
+ }, He({
1352
+ label: B((T) => [
1353
+ g(x.$slots, "dropdown-item", me(pe(T)), () => [
1354
+ h("span", null, L(T.label), 1)
1334
1355
  ], !0)
1335
1356
  ]),
1336
- _: 3
1337
- }, 8, ["model-value", "options", "size", "width", "height"])
1357
+ _: 2
1358
+ }, [
1359
+ x.$slots["dropdown-header"] ? {
1360
+ name: "dropdown-list-header",
1361
+ fn: B(() => [
1362
+ g(x.$slots, "dropdown-header", {}, void 0, !0)
1363
+ ]),
1364
+ key: "0"
1365
+ } : void 0,
1366
+ x.$slots["dropdown-items"] ? {
1367
+ name: "dropdown-list-items",
1368
+ fn: B(() => [
1369
+ g(x.$slots, "dropdown-items", {}, void 0, !0)
1370
+ ]),
1371
+ key: "1"
1372
+ } : void 0,
1373
+ x.$slots["dropdown-footer"] ? {
1374
+ name: "dropdown-list-footer",
1375
+ fn: B(() => [
1376
+ g(x.$slots, "dropdown-footer", {}, void 0, !0)
1377
+ ]),
1378
+ key: "2"
1379
+ } : void 0
1380
+ ]), 1032, ["model-value", "options", "size", "width", "height"])
1338
1381
  ], 6)) : w("", !0)
1339
1382
  ], 8, ["to", "disabled"]))
1340
1383
  ]),
@@ -1342,10 +1385,10 @@ const Fl = /* @__PURE__ */ $({
1342
1385
  }, 512));
1343
1386
  }
1344
1387
  });
1345
- const Dl = /* @__PURE__ */ V(Fl, [["__scopeId", "data-v-6caf97fb"]]), Rl = (e) => (te("data-v-50e209d6"), e = e(), le(), e), Ml = ["aria-hidden"], Nl = /* @__PURE__ */ Rl(() => /* @__PURE__ */ h("joy-icon", {
1388
+ const Rl = /* @__PURE__ */ V(Dl, [["__scopeId", "data-v-2657fbc4"]]), Ml = (e) => (te("data-v-50e209d6"), e = e(), le(), e), Nl = ["aria-hidden"], Hl = /* @__PURE__ */ Ml(() => /* @__PURE__ */ h("joy-icon", {
1346
1389
  "custom-class": "joy-icon-error",
1347
1390
  name: "warning-triangle"
1348
- }, null, -1)), Hl = /* @__PURE__ */ $({
1391
+ }, null, -1)), Wl = /* @__PURE__ */ $({
1349
1392
  __name: "VJoyFormError",
1350
1393
  props: {
1351
1394
  /** In some cases you'll need to inject the error in the DOM but hide it. Visible by default */
@@ -1362,17 +1405,17 @@ const Dl = /* @__PURE__ */ V(Fl, [["__scopeId", "data-v-6caf97fb"]]), Rl = (e) =
1362
1405
  class: k(["joy-form-error", { "joy-has-error": e.visible }]),
1363
1406
  role: "alert"
1364
1407
  }, [
1365
- Nl,
1408
+ Hl,
1366
1409
  h("div", null, [
1367
1410
  g(t.$slots, "default", {}, () => [
1368
- J(I(e.noHtmlErrorText), 1)
1411
+ J(L(e.noHtmlErrorText), 1)
1369
1412
  ], !0)
1370
1413
  ])
1371
- ], 10, Ml));
1414
+ ], 10, Nl));
1372
1415
  }
1373
1416
  });
1374
- const et = /* @__PURE__ */ V(Hl, [["__scopeId", "data-v-50e209d6"]]);
1375
- function Wl(e) {
1417
+ const tt = /* @__PURE__ */ V(Wl, [["__scopeId", "data-v-50e209d6"]]);
1418
+ function Ul(e) {
1376
1419
  let t;
1377
1420
  switch (e) {
1378
1421
  case "error":
@@ -1386,7 +1429,7 @@ function Wl(e) {
1386
1429
  }
1387
1430
  return t;
1388
1431
  }
1389
- const Ul = [...pt], Gl = ["name"], Kl = { class: "joy-highlight--text" }, Ql = /* @__PURE__ */ $({
1432
+ const Gl = [...pt], Kl = ["name"], Ql = { class: "joy-highlight--text" }, Zl = /* @__PURE__ */ $({
1390
1433
  __name: "VJoyHighlight",
1391
1434
  props: {
1392
1435
  accent: {
@@ -1402,12 +1445,12 @@ const Ul = [...pt], Gl = ["name"], Kl = { class: "joy-highlight--text" }, Ql = /
1402
1445
  type: String,
1403
1446
  default: "neutral",
1404
1447
  validator(e) {
1405
- return Ul.includes(e);
1448
+ return Gl.includes(e);
1406
1449
  }
1407
1450
  }
1408
1451
  },
1409
1452
  setup(e, { expose: t }) {
1410
- const l = e, o = x(() => l.icon ? l.icon : Wl(l.level));
1453
+ const l = e, o = O(() => l.icon ? l.icon : Ul(l.level));
1411
1454
  return t({
1412
1455
  getRelevantIcon: o
1413
1456
  }), (n, r) => (m(), p("div", {
@@ -1423,8 +1466,8 @@ const Ul = [...pt], Gl = ["name"], Kl = { class: "joy-highlight--text" }, Ql = /
1423
1466
  e.displayIcon ? (m(), p("joy-icon", {
1424
1467
  key: 0,
1425
1468
  name: _(o)
1426
- }, null, 8, Gl)) : w("", !0),
1427
- h("div", Kl, [
1469
+ }, null, 8, Kl)) : w("", !0),
1470
+ h("div", Ql, [
1428
1471
  h("strong", null, [
1429
1472
  g(n.$slots, "highlight-title", {}, void 0, !0)
1430
1473
  ]),
@@ -1433,20 +1476,20 @@ const Ul = [...pt], Gl = ["name"], Kl = { class: "joy-highlight--text" }, Ql = /
1433
1476
  ], 2));
1434
1477
  }
1435
1478
  });
1436
- const Zl = /* @__PURE__ */ V(Ql, [["__scopeId", "data-v-a0ff7a60"]]), Yl = ["small", "medium", "large"], Xl = {
1479
+ const Yl = /* @__PURE__ */ V(Zl, [["__scopeId", "data-v-a0ff7a60"]]), Xl = ["small", "medium", "large"], eo = {
1437
1480
  key: 0,
1438
1481
  class: "joy-label-required"
1439
- }, eo = {
1482
+ }, to = {
1440
1483
  key: 1,
1441
1484
  class: "joy-label-optional"
1442
- }, to = /* @__PURE__ */ $({
1485
+ }, lo = /* @__PURE__ */ $({
1443
1486
  __name: "VJoyLabel",
1444
1487
  props: {
1445
1488
  size: {
1446
1489
  type: String,
1447
1490
  default: "medium",
1448
1491
  validator(e) {
1449
- return Yl.includes(e);
1492
+ return Xl.includes(e);
1450
1493
  }
1451
1494
  },
1452
1495
  tagName: {
@@ -1465,16 +1508,16 @@ const Zl = /* @__PURE__ */ V(Ql, [["__scopeId", "data-v-a0ff7a60"]]), Yl = ["sma
1465
1508
  return (t, l) => (m(), q(ce(e.tagName), Q({
1466
1509
  class: ["joy-label", `joy-label--${e.size}`]
1467
1510
  }, t.$attrs), {
1468
- default: L(() => [
1511
+ default: B(() => [
1469
1512
  g(t.$slots, "default", {}, void 0, !0),
1470
- e.required ? (m(), p("span", Xl, "*")) : w("", !0),
1471
- e.optionalLabel ? (m(), p("span", eo, "- " + I(e.optionalLabel), 1)) : w("", !0)
1513
+ e.required ? (m(), p("span", eo, "*")) : w("", !0),
1514
+ e.optionalLabel ? (m(), p("span", to, "- " + L(e.optionalLabel), 1)) : w("", !0)
1472
1515
  ]),
1473
1516
  _: 3
1474
1517
  }, 16, ["class"]));
1475
1518
  }
1476
1519
  });
1477
- const N = /* @__PURE__ */ V(to, [["__scopeId", "data-v-1e682734"]]), lo = ["large", "medium", "small"], oo = ["id", "disabled", "type", "value"], no = ["name"], ao = ["data-unit"], io = /* @__PURE__ */ $({
1520
+ const N = /* @__PURE__ */ V(lo, [["__scopeId", "data-v-1e682734"]]), oo = ["large", "medium", "small"], no = ["id", "disabled", "type", "value"], ao = ["name"], io = ["data-unit"], ro = /* @__PURE__ */ $({
1478
1521
  __name: "VJoyInput",
1479
1522
  props: {
1480
1523
  disabled: {
@@ -1525,7 +1568,7 @@ const N = /* @__PURE__ */ V(to, [["__scopeId", "data-v-1e682734"]]), lo = ["larg
1525
1568
  type: String,
1526
1569
  default: "medium",
1527
1570
  validator(e) {
1528
- return lo.includes(e);
1571
+ return oo.includes(e);
1529
1572
  }
1530
1573
  },
1531
1574
  type: String,
@@ -1534,11 +1577,11 @@ const N = /* @__PURE__ */ V(to, [["__scopeId", "data-v-1e682734"]]), lo = ["larg
1534
1577
  },
1535
1578
  emits: ["update:modelValue"],
1536
1579
  setup(e, { emit: t }) {
1537
- const l = e, o = b(), n = b(), r = Re(), s = W(), a = b(!1), c = x(() => l.clearable && l.modelValue.length > 0 && !l.unit), f = x(() => s.default && s.default()), u = x(() => {
1580
+ const l = e, o = b(), n = b(), r = Re(), s = W(), a = b(!1), c = O(() => l.clearable && l.modelValue.length > 0 && !l.unit), f = O(() => s.default && s.default()), u = O(() => {
1538
1581
  var y, d;
1539
1582
  return !!((y = n.value) != null && y.closest("joy-wrapper")) || !!((d = n.value) != null && d.closest(".joy-wrapper"));
1540
1583
  }), v = b(l.type);
1541
- st(() => {
1584
+ ut(() => {
1542
1585
  v.value = l.unit ? "number" : l.unit || "text";
1543
1586
  });
1544
1587
  const i = {
@@ -1579,9 +1622,9 @@ const N = /* @__PURE__ */ V(to, [["__scopeId", "data-v-1e682734"]]), lo = ["larg
1579
1622
  "optional-label": e.optionalLabel,
1580
1623
  size: e.labelSize
1581
1624
  }, {
1582
- default: L(() => [
1625
+ default: B(() => [
1583
1626
  g(y.$slots, "default", {}, () => [
1584
- J(I(e.label), 1)
1627
+ J(L(e.label), 1)
1585
1628
  ], !0)
1586
1629
  ]),
1587
1630
  _: 3
@@ -1616,7 +1659,7 @@ const N = /* @__PURE__ */ V(to, [["__scopeId", "data-v-1e682734"]]), lo = ["larg
1616
1659
  (...j) => i.onBlur && i.onBlur(...j)),
1617
1660
  onInput: d[2] || (d[2] = //@ts-ignore
1618
1661
  (...j) => i.onInput && i.onInput(...j))
1619
- }), null, 16, oo),
1662
+ }), null, 16, no),
1620
1663
  _(c) ? (m(), p("joy-icon", {
1621
1664
  key: 0,
1622
1665
  size: "xxsmall",
@@ -1630,18 +1673,18 @@ const N = /* @__PURE__ */ V(to, [["__scopeId", "data-v-1e682734"]]), lo = ["larg
1630
1673
  role: "img",
1631
1674
  class: "joy-input--decorative-icon",
1632
1675
  name: e.icon
1633
- }, null, 8, no)) : w("", !0),
1676
+ }, null, 8, ao)) : w("", !0),
1634
1677
  e.unit ? (m(), p("div", {
1635
1678
  key: 2,
1636
1679
  "data-unit": e.unit,
1637
1680
  class: "joy-input--unit"
1638
- }, null, 8, ao)) : w("", !0)
1681
+ }, null, 8, io)) : w("", !0)
1639
1682
  ], 2)
1640
1683
  ], 2)
1641
1684
  ], 2));
1642
1685
  }
1643
1686
  });
1644
- const ro = /* @__PURE__ */ V(io, [["__scopeId", "data-v-8258d6d7"]]), so = ["teal", "white"], uo = ["href"], co = ["color", "name"], fo = /* @__PURE__ */ $({
1687
+ const so = /* @__PURE__ */ V(ro, [["__scopeId", "data-v-8258d6d7"]]), uo = ["teal", "white"], co = ["href"], fo = ["color", "name"], yo = /* @__PURE__ */ $({
1645
1688
  __name: "VJoyLink",
1646
1689
  props: {
1647
1690
  href: {
@@ -1652,13 +1695,13 @@ const ro = /* @__PURE__ */ V(io, [["__scopeId", "data-v-8258d6d7"]]), so = ["tea
1652
1695
  type: String,
1653
1696
  default: "teal",
1654
1697
  validator(e) {
1655
- return so.includes(e);
1698
+ return uo.includes(e);
1656
1699
  }
1657
1700
  },
1658
1701
  icon: String
1659
1702
  },
1660
1703
  setup(e) {
1661
- const t = e, l = x(() => t.color === "white" ? "white" : "teal");
1704
+ const t = e, l = O(() => t.color === "white" ? "white" : "teal");
1662
1705
  return (o, n) => (m(), p("a", Q({ href: e.href }, o.$attrs, {
1663
1706
  class: ["joy-link", `joy-link_${e.color}`]
1664
1707
  }), [
@@ -1666,14 +1709,14 @@ const ro = /* @__PURE__ */ V(io, [["__scopeId", "data-v-8258d6d7"]]), so = ["tea
1666
1709
  key: 0,
1667
1710
  color: _(l),
1668
1711
  name: e.icon
1669
- }, null, 8, co)) : w("", !0),
1712
+ }, null, 8, fo)) : w("", !0),
1670
1713
  g(o.$slots, "default", {}, void 0, !0)
1671
- ], 16, uo));
1714
+ ], 16, co));
1672
1715
  }
1673
1716
  });
1674
- const yo = /* @__PURE__ */ V(fo, [["__scopeId", "data-v-7ef59bc8"]]), vo = ["id"], mo = {
1717
+ const vo = /* @__PURE__ */ V(yo, [["__scopeId", "data-v-7ef59bc8"]]), mo = ["id"], po = {
1675
1718
  class: /* @__PURE__ */ k(["joy-multi-checkbox"])
1676
- }, po = /* @__PURE__ */ $({
1719
+ }, ho = /* @__PURE__ */ $({
1677
1720
  __name: "VJoyMultiCheckbox",
1678
1721
  props: {
1679
1722
  options: {
@@ -1731,12 +1774,12 @@ const yo = /* @__PURE__ */ V(fo, [["__scopeId", "data-v-7ef59bc8"]]), vo = ["id"
1731
1774
  "optional-label": e.optionalLabel,
1732
1775
  size: e.labelSize
1733
1776
  }, {
1734
- default: L(() => [
1735
- J(I(e.label), 1)
1777
+ default: B(() => [
1778
+ J(L(e.label), 1)
1736
1779
  ]),
1737
1780
  _: 1
1738
1781
  }, 8, ["required", "optional-label", "size"])) : w("", !0),
1739
- h("div", mo, [
1782
+ h("div", po, [
1740
1783
  (m(!0), p(ye, null, ve(e.options, (a) => (m(), q(_(he), {
1741
1784
  id: a.id,
1742
1785
  key: a.id,
@@ -1745,33 +1788,33 @@ const yo = /* @__PURE__ */ V(fo, [["__scopeId", "data-v-7ef59bc8"]]), vo = ["id"
1745
1788
  checked: o(a),
1746
1789
  "onUpdate:checked": (c) => n(a.value, c)
1747
1790
  }, {
1748
- default: L(() => [
1791
+ default: B(() => [
1749
1792
  g(r.$slots, "checkbox", me(pe(a)), () => [
1750
- J(I(a.label), 1)
1793
+ J(L(a.label), 1)
1751
1794
  ], !0)
1752
1795
  ]),
1753
1796
  _: 2
1754
1797
  }, 1032, ["id", "name", "value", "checked", "onUpdate:checked"]))), 128))
1755
1798
  ])
1756
- ], 8, vo));
1799
+ ], 8, mo));
1757
1800
  }
1758
1801
  });
1759
- const ho = /* @__PURE__ */ V(po, [["__scopeId", "data-v-f4301a1f"]]), bo = ["small", "medium", "large"], go = {
1802
+ const bo = /* @__PURE__ */ V(ho, [["__scopeId", "data-v-f4301a1f"]]), go = ["small", "medium", "large"], _o = {
1760
1803
  key: 0,
1761
1804
  class: /* @__PURE__ */ k(["joy-panel__header"])
1762
- }, _o = {
1805
+ }, wo = {
1763
1806
  key: 0,
1764
1807
  class: "joy-panel__header-title"
1765
- }, wo = {
1808
+ }, So = {
1766
1809
  key: 1,
1767
1810
  class: "joy-panel__header-action"
1768
- }, So = {
1811
+ }, jo = {
1769
1812
  key: 2,
1770
1813
  class: "joy-panel__header-subtitle"
1771
- }, jo = { class: "joy-panel__body" }, ko = {
1814
+ }, ko = { class: "joy-panel__body" }, $o = {
1772
1815
  key: 1,
1773
1816
  class: "joy-panel__footer"
1774
- }, $o = /* @__PURE__ */ $({
1817
+ }, Vo = /* @__PURE__ */ $({
1775
1818
  __name: "VJoyPanel",
1776
1819
  props: {
1777
1820
  flex: {
@@ -1785,59 +1828,59 @@ const ho = /* @__PURE__ */ V(po, [["__scopeId", "data-v-f4301a1f"]]), bo = ["sma
1785
1828
  type: String,
1786
1829
  default: "medium",
1787
1830
  validator(e) {
1788
- return bo.includes(e);
1831
+ return go.includes(e);
1789
1832
  }
1790
1833
  }
1791
1834
  },
1792
1835
  setup(e) {
1793
- const t = W(), l = b(), o = x(() => t["panel-title"] || t["panel-subtitle"] || t["panel-title-action"]);
1836
+ const t = W(), l = b(), o = O(() => t["panel-title"] || t["panel-subtitle"] || t["panel-title-action"]);
1794
1837
  return (n, r) => (m(), p("section", {
1795
1838
  ref_key: "panel",
1796
1839
  ref: l,
1797
1840
  style: K({ flex: e.flex }),
1798
1841
  class: k(["joy-panel", `joy-panel--${e.padding}`, { "joy-panel--no-margin": e.noMargin }])
1799
1842
  }, [
1800
- _(o) ? (m(), p("header", go, [
1801
- _(t)["panel-title"] ? (m(), p("div", _o, [
1843
+ _(o) ? (m(), p("header", _o, [
1844
+ _(t)["panel-title"] ? (m(), p("div", wo, [
1802
1845
  g(n.$slots, "panel-title", {}, void 0, !0)
1803
1846
  ])) : w("", !0),
1804
- _(t)["panel-title-action"] ? (m(), p("div", wo, [
1847
+ _(t)["panel-title-action"] ? (m(), p("div", So, [
1805
1848
  g(n.$slots, "panel-title-action", {}, void 0, !0)
1806
1849
  ])) : w("", !0),
1807
- _(t)["panel-subtitle"] ? (m(), p("div", So, [
1850
+ _(t)["panel-subtitle"] ? (m(), p("div", jo, [
1808
1851
  g(n.$slots, "panel-subtitle", {}, void 0, !0)
1809
1852
  ])) : w("", !0)
1810
1853
  ])) : w("", !0),
1811
- h("div", jo, [
1854
+ h("div", ko, [
1812
1855
  g(n.$slots, "panel-body", {}, void 0, !0)
1813
1856
  ]),
1814
- _(t)["panel-action"] ? (m(), p("footer", ko, [
1857
+ _(t)["panel-action"] ? (m(), p("footer", $o, [
1815
1858
  g(n.$slots, "panel-action", {}, void 0, !0)
1816
1859
  ])) : w("", !0)
1817
1860
  ], 6));
1818
1861
  }
1819
1862
  });
1820
- const Vo = /* @__PURE__ */ V($o, [["__scopeId", "data-v-1aadee0b"]]), xo = { class: "joy-panel-section" }, Oo = {
1863
+ const xo = /* @__PURE__ */ V(Vo, [["__scopeId", "data-v-1aadee0b"]]), Oo = { class: "joy-panel-section" }, Io = {
1821
1864
  key: 0,
1822
1865
  class: "joy-panel-section__title"
1823
- }, Io = {
1866
+ }, Bo = {
1824
1867
  key: 1,
1825
1868
  class: "joy-panel-section__content"
1826
- }, Bo = /* @__PURE__ */ $({
1869
+ }, Lo = /* @__PURE__ */ $({
1827
1870
  __name: "VJoyPanelSection",
1828
1871
  setup(e) {
1829
1872
  const t = W();
1830
- return (l, o) => (m(), p("div", xo, [
1831
- _(t)["panel-section-title"] ? (m(), p("div", Oo, [
1873
+ return (l, o) => (m(), p("div", Oo, [
1874
+ _(t)["panel-section-title"] ? (m(), p("div", Io, [
1832
1875
  g(l.$slots, "panel-section-title", {}, void 0, !0)
1833
1876
  ])) : w("", !0),
1834
- _(t)["panel-section-content"] ? (m(), p("div", Io, [
1877
+ _(t)["panel-section-content"] ? (m(), p("div", Bo, [
1835
1878
  g(l.$slots, "panel-section-content", {}, void 0, !0)
1836
1879
  ])) : w("", !0)
1837
1880
  ]));
1838
1881
  }
1839
1882
  });
1840
- const Lo = /* @__PURE__ */ V(Bo, [["__scopeId", "data-v-d88510ab"]]), Eo = ["id", "value", "checked", "disabled", "required", "name"], Po = { class: "joy-radio-label" }, Co = { class: "joy-radio-content__wrapper" }, Jo = { class: "joy-radio-content" }, qo = /* @__PURE__ */ $({
1883
+ const Eo = /* @__PURE__ */ V(Lo, [["__scopeId", "data-v-d88510ab"]]), Po = ["id", "value", "checked", "disabled", "required", "name"], Co = { class: "joy-radio-label" }, Jo = { class: "joy-radio-content__wrapper" }, qo = { class: "joy-radio-content" }, To = /* @__PURE__ */ $({
1841
1884
  __name: "VJoyRadio",
1842
1885
  props: {
1843
1886
  disabled: {
@@ -1873,7 +1916,7 @@ const Lo = /* @__PURE__ */ V(Bo, [["__scopeId", "data-v-d88510ab"]]), Eo = ["id"
1873
1916
  },
1874
1917
  emits: ["update:modelValue"],
1875
1918
  setup(e, { expose: t, emit: l }) {
1876
- const o = e, n = b(!1), r = b(!1), s = b(null), a = b(null), c = W(), f = x(() => !o.modelValue || !o.value ? !1 : o.modelValue === o.value);
1919
+ const o = e, n = b(!1), r = b(!1), s = b(null), a = b(null), c = W(), f = O(() => !o.modelValue || !o.value ? !1 : o.modelValue === o.value);
1877
1920
  function u() {
1878
1921
  n.value = !!c["expandable-content"] && f.value;
1879
1922
  }
@@ -1889,7 +1932,7 @@ const Lo = /* @__PURE__ */ V(Bo, [["__scopeId", "data-v-d88510ab"]]), Eo = ["id"
1889
1932
  function y() {
1890
1933
  r.value = !1;
1891
1934
  }
1892
- return B(
1935
+ return E(
1893
1936
  () => o.modelValue,
1894
1937
  () => {
1895
1938
  u();
@@ -1923,12 +1966,12 @@ const Lo = /* @__PURE__ */ V(Bo, [["__scopeId", "data-v-d88510ab"]]), Eo = ["id"
1923
1966
  onChange: v,
1924
1967
  onFocus: i,
1925
1968
  onBlur: y
1926
- }, null, 40, Eo),
1927
- h("span", Po, [
1969
+ }, null, 40, Po),
1970
+ h("span", Co, [
1928
1971
  g(d.$slots, "default", {}, void 0, !0)
1929
1972
  ]),
1930
- h("div", Co, [
1931
- h("div", Jo, [
1973
+ h("div", Jo, [
1974
+ h("div", qo, [
1932
1975
  g(d.$slots, "radio-content", {}, void 0, !0)
1933
1976
  ]),
1934
1977
  h("div", {
@@ -1942,7 +1985,7 @@ const Lo = /* @__PURE__ */ V(Bo, [["__scopeId", "data-v-d88510ab"]]), Eo = ["id"
1942
1985
  ], 2));
1943
1986
  }
1944
1987
  });
1945
- const To = /* @__PURE__ */ V(qo, [["__scopeId", "data-v-24cea99b"]]), zo = ["form", "name"], Ao = /* @__PURE__ */ $({
1988
+ const zo = /* @__PURE__ */ V(To, [["__scopeId", "data-v-24cea99b"]]), Ao = ["form", "name"], Fo = /* @__PURE__ */ $({
1946
1989
  __name: "VJoyRadioGroup",
1947
1990
  props: {
1948
1991
  direction: {
@@ -1970,13 +2013,13 @@ const To = /* @__PURE__ */ V(qo, [["__scopeId", "data-v-24cea99b"]]), zo = ["for
1970
2013
  }, [
1971
2014
  g(t.$slots, "default", {}, void 0, !0)
1972
2015
  ], 2)
1973
- ], 8, zo));
2016
+ ], 8, Ao));
1974
2017
  }
1975
2018
  });
1976
- const Fo = /* @__PURE__ */ V(Ao, [["__scopeId", "data-v-de56c3c4"]]), Do = (e) => (te("data-v-d251a432"), e = e(), le(), e), Ro = ["id", "name", "aria-invalid", "required", "disabled", "value"], Mo = /* @__PURE__ */ Do(() => /* @__PURE__ */ h("joy-icon", {
2019
+ const Do = /* @__PURE__ */ V(Fo, [["__scopeId", "data-v-de56c3c4"]]), Ro = (e) => (te("data-v-d251a432"), e = e(), le(), e), Mo = ["id", "name", "aria-invalid", "required", "disabled", "value"], No = /* @__PURE__ */ Ro(() => /* @__PURE__ */ h("joy-icon", {
1977
2020
  class: "joy-select__chevron",
1978
2021
  name: "chevron-down"
1979
- }, null, -1)), No = /* @__PURE__ */ $({
2022
+ }, null, -1)), Ho = /* @__PURE__ */ $({
1980
2023
  __name: "VJoySelect",
1981
2024
  props: {
1982
2025
  disabled: {
@@ -2055,8 +2098,8 @@ const Fo = /* @__PURE__ */ V(Ao, [["__scopeId", "data-v-de56c3c4"]]), Do = (e) =
2055
2098
  for: e.id || e.name,
2056
2099
  size: e.labelSize
2057
2100
  }, {
2058
- default: L(() => [
2059
- J(I(e.label), 1)
2101
+ default: B(() => [
2102
+ J(L(e.label), 1)
2060
2103
  ]),
2061
2104
  _: 1
2062
2105
  }, 8, ["required", "optional-label", "for", "size"])) : w("", !0)
@@ -2084,13 +2127,13 @@ const Fo = /* @__PURE__ */ V(Ao, [["__scopeId", "data-v-de56c3c4"]]), Do = (e) =
2084
2127
  onBlur: f
2085
2128
  }, [
2086
2129
  g(u.$slots, "default", {}, void 0, !0)
2087
- ], 40, Ro),
2088
- Mo
2130
+ ], 40, Mo),
2131
+ No
2089
2132
  ], 2)
2090
2133
  ], 512));
2091
2134
  }
2092
2135
  });
2093
- const Ho = /* @__PURE__ */ V(No, [["__scopeId", "data-v-d251a432"]]), Wo = ["aria-disabled"], Uo = ["id", "value", "checked", "disabled", "required", "name"], Go = /* @__PURE__ */ $({
2136
+ const Wo = /* @__PURE__ */ V(Ho, [["__scopeId", "data-v-d251a432"]]), Uo = ["aria-disabled"], Go = ["id", "value", "checked", "disabled", "required", "name"], Ko = /* @__PURE__ */ $({
2094
2137
  __name: "VJoySelectableItem",
2095
2138
  props: {
2096
2139
  disabled: {
@@ -2175,7 +2218,7 @@ const Ho = /* @__PURE__ */ V(No, [["__scopeId", "data-v-d251a432"]]), Wo = ["ari
2175
2218
  (...v) => a.onFocus && a.onFocus(...v)),
2176
2219
  onBlur: u[2] || (u[2] = //@ts-ignore
2177
2220
  (...v) => a.onBlur && a.onBlur(...v))
2178
- }, null, 40, Uo)),
2221
+ }, null, 40, Go)),
2179
2222
  (m(), q(ce(_(s)), {
2180
2223
  for: e.id,
2181
2224
  class: k([
@@ -2189,7 +2232,7 @@ const Ho = /* @__PURE__ */ V(No, [["__scopeId", "data-v-d251a432"]]), Wo = ["ari
2189
2232
  ]),
2190
2233
  onClick: a.onLabelClick
2191
2234
  }, {
2192
- default: L(() => [
2235
+ default: B(() => [
2193
2236
  e.multiple ? (m(), q(_(he), {
2194
2237
  key: 0,
2195
2238
  id: e.id,
@@ -2206,7 +2249,7 @@ const Ho = /* @__PURE__ */ V(No, [["__scopeId", "data-v-d251a432"]]), Wo = ["ari
2206
2249
  onFocus: a.onFocus,
2207
2250
  onBlur: a.onBlur
2208
2251
  }, {
2209
- default: L(() => [
2252
+ default: B(() => [
2210
2253
  g(f.$slots, "default", {}, void 0, !0)
2211
2254
  ]),
2212
2255
  _: 3
@@ -2220,10 +2263,10 @@ const Ho = /* @__PURE__ */ V(No, [["__scopeId", "data-v-d251a432"]]), Wo = ["ari
2220
2263
  ]),
2221
2264
  _: 3
2222
2265
  }, 8, ["for", "class", "onClick"]))
2223
- ], 10, Wo));
2266
+ ], 10, Uo));
2224
2267
  }
2225
2268
  });
2226
- const tt = /* @__PURE__ */ V(Go, [["__scopeId", "data-v-cb2531c0"]]), Ko = ["id"], Qo = /* @__PURE__ */ $({
2269
+ const lt = /* @__PURE__ */ V(Ko, [["__scopeId", "data-v-cb2531c0"]]), Qo = ["id"], Zo = /* @__PURE__ */ $({
2227
2270
  __name: "VJoySelectableItemGroup",
2228
2271
  props: {
2229
2272
  options: {
@@ -2285,8 +2328,8 @@ const tt = /* @__PURE__ */ V(Go, [["__scopeId", "data-v-cb2531c0"]]), Ko = ["id"
2285
2328
  "optional-label": e.optionalLabel,
2286
2329
  size: e.labelSize
2287
2330
  }, {
2288
- default: L(() => [
2289
- J(I(e.label), 1)
2331
+ default: B(() => [
2332
+ J(L(e.label), 1)
2290
2333
  ]),
2291
2334
  _: 1
2292
2335
  }, 8, ["required", "optional-label", "size"])) : w("", !0),
@@ -2300,7 +2343,7 @@ const tt = /* @__PURE__ */ V(Go, [["__scopeId", "data-v-cb2531c0"]]), Ko = ["id"
2300
2343
  }
2301
2344
  ])
2302
2345
  }, [
2303
- (m(!0), p(ye, null, ve(e.options, (a) => (m(), q(_(tt), {
2346
+ (m(!0), p(ye, null, ve(e.options, (a) => (m(), q(_(lt), {
2304
2347
  id: a.id,
2305
2348
  key: a.id,
2306
2349
  name: a.name,
@@ -2308,25 +2351,25 @@ const tt = /* @__PURE__ */ V(Go, [["__scopeId", "data-v-cb2531c0"]]), Ko = ["id"
2308
2351
  multiple: e.multiple,
2309
2352
  checked: o(a),
2310
2353
  "onUpdate:checked": (c) => n(a.value, c)
2311
- }, ut({
2312
- default: L(() => [
2313
- J(I(a.label) + " ", 1)
2354
+ }, He({
2355
+ default: B(() => [
2356
+ J(L(a.label) + " ", 1)
2314
2357
  ]),
2315
2358
  _: 2
2316
2359
  }, [
2317
2360
  a.subLabel ? {
2318
2361
  name: "selectable-item-sublabel",
2319
- fn: L(() => [
2320
- J(I(a.subLabel), 1)
2362
+ fn: B(() => [
2363
+ J(L(a.subLabel), 1)
2321
2364
  ]),
2322
2365
  key: "0"
2323
2366
  } : void 0
2324
2367
  ]), 1032, ["id", "name", "value", "multiple", "checked", "onUpdate:checked"]))), 128))
2325
2368
  ], 2)
2326
- ], 8, Ko));
2369
+ ], 8, Qo));
2327
2370
  }
2328
2371
  });
2329
- const Zo = /* @__PURE__ */ V(Qo, [["__scopeId", "data-v-3ba17434"]]), Yo = /* @__PURE__ */ $({
2372
+ const Yo = /* @__PURE__ */ V(Zo, [["__scopeId", "data-v-3ba17434"]]), Xo = /* @__PURE__ */ $({
2330
2373
  __name: "VJoyWrapper",
2331
2374
  props: {
2332
2375
  justify: {
@@ -2365,45 +2408,45 @@ const Zo = /* @__PURE__ */ V(Qo, [["__scopeId", "data-v-3ba17434"]]), Yo = /* @_
2365
2408
  ], 2));
2366
2409
  }
2367
2410
  });
2368
- const Xo = /* @__PURE__ */ V(Yo, [["__scopeId", "data-v-477e149b"]]), en = { class: "joy-template__wrapper" }, tn = {
2411
+ const en = /* @__PURE__ */ V(Xo, [["__scopeId", "data-v-477e149b"]]), tn = { class: "joy-template__wrapper" }, ln = {
2369
2412
  key: 0,
2370
2413
  class: "joy-template__heading"
2371
- }, ln = {
2414
+ }, on = {
2372
2415
  key: 0,
2373
2416
  class: "joy-template-slot-back"
2374
- }, on = { class: "joy-template__heading___headings" }, nn = {
2417
+ }, nn = { class: "joy-template__heading___headings" }, an = {
2375
2418
  key: 0,
2376
2419
  class: "joy-template-slot-title"
2377
- }, an = {
2420
+ }, rn = {
2378
2421
  key: 1,
2379
2422
  class: "joy-template-slot-subtitle"
2380
- }, rn = {
2423
+ }, sn = {
2381
2424
  key: 0,
2382
2425
  class: "joy-template-slot-main"
2383
- }, sn = {
2426
+ }, un = {
2384
2427
  key: 1,
2385
2428
  class: "joy-template-slot-sidebar"
2386
- }, un = /* @__PURE__ */ $({
2429
+ }, dn = /* @__PURE__ */ $({
2387
2430
  __name: "VJoyTemplate",
2388
2431
  props: {
2389
2432
  full: { type: Boolean, default: !1 },
2390
2433
  sidebar: { type: String, default: "right" }
2391
2434
  },
2392
2435
  setup(e) {
2393
- const t = e, l = W(), o = x(() => !!l["template-back"] || !!l["template-title"] || !!l["template-subtitle"]);
2436
+ const t = e, l = W(), o = O(() => !!l["template-back"] || !!l["template-title"] || !!l["template-subtitle"]);
2394
2437
  return (n, r) => (m(), p("main", {
2395
2438
  class: k(["joy-template", { "joy-template--full": t.full }])
2396
2439
  }, [
2397
- h("div", en, [
2398
- _(o) ? (m(), p("div", tn, [
2399
- _(l)["template-back"] ? (m(), p("div", ln, [
2440
+ h("div", tn, [
2441
+ _(o) ? (m(), p("div", ln, [
2442
+ _(l)["template-back"] ? (m(), p("div", on, [
2400
2443
  g(n.$slots, "template-back", {}, void 0, !0)
2401
2444
  ])) : w("", !0),
2402
- h("div", on, [
2403
- _(l)["template-title"] ? (m(), p("div", nn, [
2445
+ h("div", nn, [
2446
+ _(l)["template-title"] ? (m(), p("div", an, [
2404
2447
  g(n.$slots, "template-title", {}, void 0, !0)
2405
2448
  ])) : w("", !0),
2406
- _(l)["template-subtitle"] ? (m(), p("div", an, [
2449
+ _(l)["template-subtitle"] ? (m(), p("div", rn, [
2407
2450
  g(n.$slots, "template-subtitle", {}, void 0, !0)
2408
2451
  ])) : w("", !0)
2409
2452
  ])
@@ -2416,10 +2459,10 @@ const Xo = /* @__PURE__ */ V(Yo, [["__scopeId", "data-v-477e149b"]]), en = { cla
2416
2459
  }
2417
2460
  ])
2418
2461
  }, [
2419
- n.$slots["template-main"] ? (m(), p("div", rn, [
2462
+ n.$slots["template-main"] ? (m(), p("div", sn, [
2420
2463
  g(n.$slots, "template-main", {}, void 0, !0)
2421
2464
  ])) : w("", !0),
2422
- n.$slots["template-sidebar"] ? (m(), p("div", sn, [
2465
+ n.$slots["template-sidebar"] ? (m(), p("div", un, [
2423
2466
  g(n.$slots, "template-sidebar", {}, void 0, !0)
2424
2467
  ])) : w("", !0)
2425
2468
  ], 2)
@@ -2427,15 +2470,15 @@ const Xo = /* @__PURE__ */ V(Yo, [["__scopeId", "data-v-477e149b"]]), en = { cla
2427
2470
  ], 2));
2428
2471
  }
2429
2472
  });
2430
- const dn = /* @__PURE__ */ V(un, [["__scopeId", "data-v-f891bd85"]]), cn = ["aria-disabled"], fn = { class: "joy-textarea_wrapper" }, yn = ["id", "disabled", "name", "required", "minlength", "value"], vn = {
2473
+ const cn = /* @__PURE__ */ V(dn, [["__scopeId", "data-v-f891bd85"]]), fn = ["aria-disabled"], yn = { class: "joy-textarea_wrapper" }, vn = ["id", "disabled", "name", "required", "minlength", "value"], mn = {
2431
2474
  key: 0,
2432
2475
  class: "joy-textarea_helpers"
2433
- }, mn = {
2476
+ }, pn = {
2434
2477
  key: 0,
2435
2478
  name: "check",
2436
2479
  color: "grey",
2437
2480
  size: "xxsmall"
2438
- }, pn = /* @__PURE__ */ $({
2481
+ }, hn = /* @__PURE__ */ $({
2439
2482
  __name: "VJoyTextarea",
2440
2483
  props: {
2441
2484
  disabled: {
@@ -2486,7 +2529,7 @@ const dn = /* @__PURE__ */ V(un, [["__scopeId", "data-v-f891bd85"]]), cn = ["ari
2486
2529
  setup(e, { expose: t, emit: l }) {
2487
2530
  const o = e, n = b(), { triggerResize: r } = tl({
2488
2531
  element: o.autogrow ? n : void 0
2489
- }), s = b(!1), a = b(!1), c = x(() => o.maxlength ? o.modelValue.length > o.maxlength : !1), f = x(() => o.minlength ? o.modelValue.length < o.minlength : !1), u = {
2532
+ }), s = b(!1), a = b(!1), c = O(() => o.maxlength ? o.modelValue.length > o.maxlength : !1), f = O(() => o.minlength ? o.modelValue.length < o.minlength : !1), u = {
2490
2533
  onInput: (v) => {
2491
2534
  l("update:modelValue", v.target.value), r();
2492
2535
  },
@@ -2519,14 +2562,14 @@ const dn = /* @__PURE__ */ V(un, [["__scopeId", "data-v-f891bd85"]]), cn = ["ari
2519
2562
  "optional-label": e.optionalLabel,
2520
2563
  size: e.labelSize
2521
2564
  }, {
2522
- default: L(() => [
2565
+ default: B(() => [
2523
2566
  g(v.$slots, "default", {}, () => [
2524
- J(I(e.label), 1)
2567
+ J(L(e.label), 1)
2525
2568
  ], !0)
2526
2569
  ]),
2527
2570
  _: 3
2528
2571
  }, 8, ["for", "required", "optional-label", "size"]),
2529
- h("div", fn, [
2572
+ h("div", yn, [
2530
2573
  h("textarea", Q(v.$attrs, {
2531
2574
  id: e.id,
2532
2575
  ref_key: "textarea",
@@ -2543,25 +2586,25 @@ const dn = /* @__PURE__ */ V(un, [["__scopeId", "data-v-f891bd85"]]), cn = ["ari
2543
2586
  (...y) => u.onFocus && u.onFocus(...y)),
2544
2587
  onBlur: i[2] || (i[2] = //@ts-ignore
2545
2588
  (...y) => u.onBlur && u.onBlur(...y))
2546
- }), null, 16, yn)
2589
+ }), null, 16, vn)
2547
2590
  ]),
2548
- e.minlength || e.maxlength ? (m(), p("div", vn, [
2591
+ e.minlength || e.maxlength ? (m(), p("div", mn, [
2549
2592
  e.minlength ? (m(), p("p", {
2550
2593
  key: 0,
2551
2594
  class: k(["joy-textarea-min", { "joy-textarea-min-invalid": e.invalid }])
2552
2595
  }, [
2553
- _(f) ? w("", !0) : (m(), p("joy-icon", mn)),
2554
- J(" " + I(e.minlengthLabel || `Minimum ${e.minlength} characters`), 1)
2596
+ _(f) ? w("", !0) : (m(), p("joy-icon", pn)),
2597
+ J(" " + L(e.minlengthLabel || `Minimum ${e.minlength} characters`), 1)
2555
2598
  ], 2)) : w("", !0),
2556
2599
  e.maxlength ? (m(), p("p", {
2557
2600
  key: 1,
2558
2601
  class: k(["joy-textarea-count", { "joy-textarea-count-invalid": _(c) }])
2559
- }, I(e.modelValue.length + "/" + e.maxlength), 3)) : w("", !0)
2602
+ }, L(e.modelValue.length + "/" + e.maxlength), 3)) : w("", !0)
2560
2603
  ])) : w("", !0)
2561
- ], 10, cn));
2604
+ ], 10, fn));
2562
2605
  }
2563
2606
  });
2564
- const hn = /* @__PURE__ */ V(pn, [["__scopeId", "data-v-1496c389"]]), lt = (e) => (te("data-v-cf79d999"), e = e(), le(), e), bn = { class: "joy-toggle__wrapper" }, gn = ["name", "disabled", "checked", "required", "aria-checked", "value"], _n = { class: "joy-toggle__content" }, wn = /* @__PURE__ */ lt(() => /* @__PURE__ */ h("span", { class: "joy-toggle__symbol" }, null, -1)), Sn = { class: "joy-toggle__content-label" }, jn = /* @__PURE__ */ lt(() => /* @__PURE__ */ h("span", { class: "joy-toggle__smile" }, [
2607
+ const bn = /* @__PURE__ */ V(hn, [["__scopeId", "data-v-1496c389"]]), ot = (e) => (te("data-v-cf79d999"), e = e(), le(), e), gn = { class: "joy-toggle__wrapper" }, _n = ["name", "disabled", "checked", "required", "aria-checked", "value"], wn = { class: "joy-toggle__content" }, Sn = /* @__PURE__ */ ot(() => /* @__PURE__ */ h("span", { class: "joy-toggle__symbol" }, null, -1)), jn = { class: "joy-toggle__content-label" }, kn = /* @__PURE__ */ ot(() => /* @__PURE__ */ h("span", { class: "joy-toggle__smile" }, [
2565
2608
  /* @__PURE__ */ h("svg", {
2566
2609
  width: "18",
2567
2610
  height: "10",
@@ -2574,7 +2617,7 @@ const hn = /* @__PURE__ */ V(pn, [["__scopeId", "data-v-1496c389"]]), lt = (e) =
2574
2617
  fill: "currentColor"
2575
2618
  })
2576
2619
  ])
2577
- ], -1)), kn = /* @__PURE__ */ $({
2620
+ ], -1)), $n = /* @__PURE__ */ $({
2578
2621
  __name: "VJoyToggle",
2579
2622
  props: {
2580
2623
  modelValue: {
@@ -2620,7 +2663,7 @@ const hn = /* @__PURE__ */ V(pn, [["__scopeId", "data-v-1496c389"]]), lt = (e) =
2620
2663
  l.value = !1;
2621
2664
  }
2622
2665
  };
2623
- return (n, r) => (m(), p("div", bn, [
2666
+ return (n, r) => (m(), p("div", gn, [
2624
2667
  h("label", {
2625
2668
  class: k([
2626
2669
  "joy-toggle",
@@ -2648,77 +2691,77 @@ const hn = /* @__PURE__ */ V(pn, [["__scopeId", "data-v-1496c389"]]), lt = (e) =
2648
2691
  (...s) => o.onFocus && o.onFocus(...s)),
2649
2692
  onBlur: r[2] || (r[2] = //@ts-ignore
2650
2693
  (...s) => o.onBlur && o.onBlur(...s))
2651
- }, null, 40, gn),
2652
- h("p", _n, [
2653
- wn,
2654
- h("span", Sn, [
2694
+ }, null, 40, _n),
2695
+ h("p", wn, [
2696
+ Sn,
2697
+ h("span", jn, [
2655
2698
  g(n.$slots, "default", {}, () => [
2656
- J(I(e.label), 1)
2699
+ J(L(e.label), 1)
2657
2700
  ], !0)
2658
2701
  ]),
2659
- jn
2702
+ kn
2660
2703
  ])
2661
2704
  ], 2)
2662
2705
  ]));
2663
2706
  }
2664
2707
  });
2665
- const $n = /* @__PURE__ */ V(kn, [["__scopeId", "data-v-cf79d999"]]), Vn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
2708
+ const Vn = /* @__PURE__ */ V($n, [["__scopeId", "data-v-cf79d999"]]), xn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
2666
2709
  __proto__: null,
2667
2710
  VJoyBadge: ft,
2668
2711
  VJoyButton: kt,
2669
2712
  VJoyCheckbox: he,
2670
2713
  VJoyCounter: Rt,
2671
- VJoyDropdown: Dl,
2672
- VJoyDropdownList: Xe,
2673
- VJoyFormError: et,
2674
- VJoyHighlight: Zl,
2675
- VJoyInput: ro,
2714
+ VJoyDropdown: Rl,
2715
+ VJoyDropdownList: et,
2716
+ VJoyFormError: tt,
2717
+ VJoyHighlight: Yl,
2718
+ VJoyInput: so,
2676
2719
  VJoyLabel: N,
2677
- VJoyLink: yo,
2678
- VJoyMultiCheckbox: ho,
2679
- VJoyPanel: Vo,
2680
- VJoyPanelSection: Lo,
2681
- VJoyRadio: To,
2682
- VJoyRadioGroup: Fo,
2683
- VJoySelect: Ho,
2684
- VJoySelectableItem: tt,
2685
- VJoySelectableItemGroup: Zo,
2686
- VJoySpinner: He,
2687
- VJoyTemplate: dn,
2688
- VJoyTextarea: hn,
2689
- VJoyToggle: $n,
2690
- VJoyWrapper: Xo
2691
- }, Symbol.toStringTag, { value: "Module" })), On = {
2720
+ VJoyLink: vo,
2721
+ VJoyMultiCheckbox: bo,
2722
+ VJoyPanel: xo,
2723
+ VJoyPanelSection: Eo,
2724
+ VJoyRadio: zo,
2725
+ VJoyRadioGroup: Do,
2726
+ VJoySelect: Wo,
2727
+ VJoySelectableItem: lt,
2728
+ VJoySelectableItemGroup: Yo,
2729
+ VJoySpinner: We,
2730
+ VJoyTemplate: cn,
2731
+ VJoyTextarea: bn,
2732
+ VJoyToggle: Vn,
2733
+ VJoyWrapper: en
2734
+ }, Symbol.toStringTag, { value: "Module" })), In = {
2692
2735
  install: (e) => {
2693
- Object.entries(Vn).forEach(([t, l]) => {
2736
+ Object.entries(xn).forEach(([t, l]) => {
2694
2737
  e.component(t, l);
2695
2738
  });
2696
2739
  }
2697
2740
  };
2698
2741
  export {
2699
- On as JoyVuePlugin,
2742
+ In as JoyVuePlugin,
2700
2743
  ft as VJoyBadge,
2701
2744
  kt as VJoyButton,
2702
2745
  he as VJoyCheckbox,
2703
2746
  Rt as VJoyCounter,
2704
- Dl as VJoyDropdown,
2705
- Xe as VJoyDropdownList,
2706
- et as VJoyFormError,
2707
- Zl as VJoyHighlight,
2708
- ro as VJoyInput,
2747
+ Rl as VJoyDropdown,
2748
+ et as VJoyDropdownList,
2749
+ tt as VJoyFormError,
2750
+ Yl as VJoyHighlight,
2751
+ so as VJoyInput,
2709
2752
  N as VJoyLabel,
2710
- yo as VJoyLink,
2711
- ho as VJoyMultiCheckbox,
2712
- Vo as VJoyPanel,
2713
- Lo as VJoyPanelSection,
2714
- To as VJoyRadio,
2715
- Fo as VJoyRadioGroup,
2716
- Ho as VJoySelect,
2717
- tt as VJoySelectableItem,
2718
- Zo as VJoySelectableItemGroup,
2719
- He as VJoySpinner,
2720
- dn as VJoyTemplate,
2721
- hn as VJoyTextarea,
2722
- $n as VJoyToggle,
2723
- Xo as VJoyWrapper
2753
+ vo as VJoyLink,
2754
+ bo as VJoyMultiCheckbox,
2755
+ xo as VJoyPanel,
2756
+ Eo as VJoyPanelSection,
2757
+ zo as VJoyRadio,
2758
+ Do as VJoyRadioGroup,
2759
+ Wo as VJoySelect,
2760
+ lt as VJoySelectableItem,
2761
+ Yo as VJoySelectableItemGroup,
2762
+ We as VJoySpinner,
2763
+ cn as VJoyTemplate,
2764
+ bn as VJoyTextarea,
2765
+ Vn as VJoyToggle,
2766
+ en as VJoyWrapper
2724
2767
  };