@evance/evance-ui 1.1.66 → 1.1.68

package/dist/esm/components/EvNumberField/EvNumberField.vue.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"EvNumberField.vue.mjs","sources":["../../../../src/components/EvNumberField/EvNumberField.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\n/**\r\n * `<ev-number-field>`\r\n */\r\nimport \"./EvNumberField.scss\";\r\nimport { makeEvNumberFieldProps, NumberParser } from \"./EvNumberField\";\r\nimport { EvTextfield } from \"@/components/EvTextfield\";\r\nimport { computed, nextTick, Ref, ref, shallowRef, watch } from \"vue\";\r\nimport { filterComponentProps, isEmpty, omit } from \"@/util\";\r\nimport { EvButton } from \"@/components/EvButton\";\r\nimport { MinusIcon, PlusIcon } from \"@/icons\";\r\nimport { useLocaleManager } from \"@/composables/locale\";\r\nimport { KeyboardEvent } from \"react\";\r\nimport { useFormField } from \"@/composables/validation\";\r\n\r\nconst localeManager = useLocaleManager();\r\nconst props = defineProps({\r\n    ...makeEvNumberFieldProps(),\r\n});\r\nconst slots = defineSlots<{\r\n    label(): never;\r\n    prefix(): never;\r\n    suffix(): never;\r\n}>();\r\n\r\n// EvTextfield\r\nconst evTextfieldRef = ref<typeof EvTextfield>();\r\nconst evTextfieldProps = computed(() => {\r\n    return omit(filterComponentProps(EvTextfield, props), [\r\n        \"modelValue\",\r\n    ]);\r\n});\r\n\r\nconst numberParser = new NumberParser(localeManager, props);\r\n\r\n/**\r\n * We separate the `modelValue` and the `inputValue` (the value displayed)\r\n * because this allows us some efficiency improvements when holding down +/- buttons\r\n * as well as permitting formatting.\r\n *\r\n * Whenever the `modelValue` changes we need to ensure the `inputValue` is updated.\r\n */\r\nconst formField = useFormField(props);\r\nconst modelValue = formField.model;\r\n\r\nconst inputValue: Ref<string | null | undefined> = shallowRef();\r\ninputValue.value = numberParser.formatValue(modelValue.value);\r\nwatch(modelValue, () => {\r\n    inputValue.value = numberParser.formatValue(modelValue.value);\r\n});\r\n\r\nwatch(\r\n    [\r\n        localeManager.currentLocale,\r\n        () => props.locale,\r\n        () => props.localeMatcher,\r\n        () => props.mode,\r\n        () => props.currency,\r\n        () => props.currencyDisplay,\r\n        () => props.useGrouping,\r\n        () => props.minFractionDigits,\r\n        () => props.maxFractionDigits,\r\n    ],\r\n    (value, oldValue) => {\r\n        if (value !== oldValue) {\r\n            inputValue.value = numberParser.formatValue(modelValue.value);\r\n        }\r\n    },\r\n);\r\n\r\n/**\r\n * Minimum Boundary\r\n * The computed value is now only a number or null (undefined will be converted to null).\r\n */\r\nconst minimum = computed(() => {\r\n    return props.min ?? null;\r\n});\r\n\r\n/**\r\n * Maximum Boundary\r\n * The computed value is now only a number or null (undefined will be converted to null).\r\n */\r\nconst maximum = computed(() => {\r\n    return props.max ?? null;\r\n});\r\n\r\n/*\r\nconst currencySymbol = computed(() => {\r\n    return numberParser.prefixChar;\r\n});\r\n\r\n */\r\n\r\n/**\r\n * Incremental Values\r\n */\r\nconst incrementAmount = computed(() => {\r\n    return props.step ?? 1;\r\n});\r\nlet incrementInterval: ReturnType<typeof setInterval> | null = null;\r\nconst incrementRate: number = 100;\r\nconst incrementDelay = 0.25;\r\nlet isIncrementing = false;\r\n\r\n/**\r\n * ## Get Decimal Places\r\n * Returns the number of decimal places of the `value` supplied.\r\n * @param value\r\n */\r\nfunction getDecimalPlaces(value: number): number {\r\n    const options = {\r\n        useGrouping: false,\r\n        minimumFractionDigits: 0,\r\n        maximumFractionDigits: 20,\r\n    };\r\n    const fraction = localeManager.numberFormatter\r\n        .formatter(options)\r\n        .formatToParts(value)\r\n        .find((part) => part.type === \"fraction\");\r\n    return fraction ? fraction.value.length : 0;\r\n}\r\n\r\n/**\r\n * ## Set Value\r\n * Can be used to set the value of either the 'modelValue' or the 'inputValue'.\r\n * @param value\r\n */\r\nfunction getValue(value?: string | number | null) {\r\n    if (isEmpty(value)) {\r\n        return value ?? null;\r\n    }\r\n    if (typeof value === \"string\") {\r\n        value = parseFloat(value);\r\n    }\r\n    if (isMinBoundary(value!)) {\r\n        value = minimum.value;\r\n    } else if (isMaxBoundary(value!)) {\r\n        value = maximum.value;\r\n    }\r\n\r\n    // We always want to constrain the value to the minimum\r\n    // and maximum decimal places\r\n    const decimalPlaces = getDecimalPlaces(value!);\r\n    if (\r\n        !isEmpty(props.minFractionDigits) &&\r\n        decimalPlaces < props.minFractionDigits!\r\n    ) {\r\n        value = parseFloat(value!.toFixed(props.minFractionDigits));\r\n    }\r\n    if (\r\n        !isEmpty(props.maxFractionDigits) &&\r\n        decimalPlaces > props.maxFractionDigits!\r\n    ) {\r\n        value = parseFloat(value!.toFixed(props.maxFractionDigits));\r\n    }\r\n    return value;\r\n}\r\n\r\n/**\r\n * ## Is Max Boundary\r\n * @param value\r\n */\r\nfunction isMaxBoundary(value: number): boolean {\r\n    return maximum.value !== null && maximum.value < value;\r\n}\r\n\r\n/**\r\n * ## Is Min Boundary\r\n * @param value\r\n */\r\nfunction isMinBoundary(value: number): boolean {\r\n    return minimum.value !== null && minimum.value > value;\r\n}\r\n\r\n/**\r\n * # On Blur\r\n *\r\n * If the user has typed something we can't be sure that it is accurate\r\n * based upon the min/max boundaries so we reset the `inputValue` first.\r\n * Then, we can update the `modelValue` based on the input.\r\n */\r\nfunction onBlur(e: Event) {\r\n    if (inputValue.value === \"-\") {\r\n        inputValue.value = \"\";\r\n    }\r\n    const parsedValue = numberParser.parseValue(inputValue.value as string);\r\n    const currentValue = getValue(parsedValue);\r\n    inputValue.value = numberParser.formatValue(currentValue);\r\n    modelValue.value = numberParser.parseValue(inputValue.value);\r\n}\r\n\r\n/**\r\n * ## On Focus\r\n *\r\n * @param e\r\n */\r\nfunction onFocus(e: Event) {\r\n    if (props.readonly) {\r\n        return;\r\n    }\r\n    inputValue.value = isEmpty(modelValue.value)\r\n        ? \"\"\r\n        : modelValue.value.toString();\r\n}\r\n\r\n/**\r\n * ## On Input Keydown\r\n * @param e\r\n */\r\nfunction onInputKeydown(e: KeyboardEvent) {\r\n    const passThrough = [\r\n        \"Backspace\",\r\n        \"Delete\",\r\n        \"Home\",\r\n        \"End\",\r\n        \"ArrowLeft\",\r\n        \"ArrowRight\",\r\n        \"Tab\",\r\n    ];\r\n    if (passThrough.includes(e.key)) {\r\n        return;\r\n    }\r\n\r\n    // Listen to ArrowUp\r\n    if (e.key === \"ArrowUp\") {\r\n        e.preventDefault();\r\n        startIncrementing(1);\r\n        return;\r\n    }\r\n    // Listen to ArrowDown\r\n    if (e.key === \"ArrowDown\") {\r\n        e.preventDefault();\r\n        startIncrementing(-1);\r\n        return;\r\n    }\r\n\r\n    if (e.key === \"Enter\") {\r\n        e.preventDefault();\r\n        const parsedValue = numberParser.parseValue(inputValue.value);\r\n        const currentValue = getValue(parsedValue);\r\n        modelValue.value = currentValue;\r\n        nextTick(() => {\r\n            inputValue.value = isEmpty(currentValue)\r\n                ? \"\"\r\n                : currentValue!.toString();\r\n        });\r\n        return;\r\n    }\r\n\r\n    const isPaste = e.key === \"v\" && e.ctrlKey;\r\n\r\n    // Block anything not in the whitelist\r\n    const whitelist = new RegExp(\"[0-9 +\\-\\/\\(\\)*]\");\r\n    if (!whitelist.test(e.key) && !isPaste) {\r\n        e.preventDefault();\r\n    }\r\n}\r\n\r\n/**\r\n * ## On Input Keyup\r\n * @param e\r\n */\r\nfunction onInputKeyup(e: KeyboardEvent) {\r\n    if (e.code === \"ArrowUp\" || e.code === \"ArrowDown\") {\r\n        e.preventDefault();\r\n    }\r\n    stopIncrementing();\r\n}\r\n\r\n/**\r\n * ## On Paste\r\n */\r\nfunction onPaste(e: ClipboardEvent) {\r\n    e.preventDefault();\r\n    const data = e.clipboardData?.getData(\"Text\");\r\n    if (data) {\r\n        const parsedValue = numberParser.parseValue(data);\r\n        const currentValue = getValue(parsedValue);\r\n        inputValue.value = isEmpty(currentValue)\r\n            ? \"\"\r\n            : currentValue!.toString();\r\n        modelValue.value = currentValue;\r\n    }\r\n}\r\n\r\n/**\r\n * ## Start Incrementing\r\n *\r\n * If the user holds the plus/minus button down for longer than the `incrementDelay`\r\n * we increase/decrease the `inputValue` by the `incrementAmount` at an increasing\r\n * rate for every second the user holds the button.\r\n *\r\n * @param direction\r\n */\r\nfunction startIncrementing(direction: number) {\r\n    if (isIncrementing || props.readonly) {\r\n        return;\r\n    }\r\n    isIncrementing = true;\r\n    let currentValue: number;\r\n    if (isEmpty(modelValue.value)) {\r\n        currentValue = minimum.value ?? 0;\r\n    } else {\r\n        currentValue = getValue(\r\n            modelValue.value! + direction * incrementAmount.value,\r\n        )! as number;\r\n    }\r\n    inputValue.value = numberParser.formatValue(currentValue);\r\n\r\n    // Then we rely on the delay to do more increments on a timer\r\n    const startTime = Date.now();\r\n    let internalIncrementAmount = incrementAmount.value;\r\n    incrementInterval = setInterval(() => {\r\n        const currentTime = Date.now();\r\n        const elapsedTime = (currentTime - startTime) / 1000;\r\n        if (elapsedTime < incrementDelay) {\r\n            return;\r\n        }\r\n        const multiplier = Math.floor(Math.pow(2, elapsedTime - 1));\r\n        internalIncrementAmount = incrementAmount.value * multiplier;\r\n        currentValue = getValue(\r\n            currentValue + direction * internalIncrementAmount,\r\n        )! as number;\r\n        inputValue.value = numberParser.formatValue(currentValue);\r\n    }, incrementRate);\r\n}\r\n\r\n/**\r\n * ## Stop Incrementing\r\n *\r\n * When the user releases the plus/minus button stop the increment interval\r\n * and set the resulting value onto the `modelValue` - this is more efficient\r\n * than setting the `modelValue` with every increment.\r\n */\r\nfunction stopIncrementing() {\r\n    if (isIncrementing) {\r\n        clearInterval(incrementInterval!);\r\n        const parsedValue = numberParser.parseValue(inputValue.value);\r\n        modelValue.value = getValue(parsedValue);\r\n        isIncrementing = false;\r\n    }\r\n}\r\n\r\nconst hasPrefix = computed(() => {\r\n    return props.showButtons || slots.prefix || props.prefix;\r\n});\r\n\r\nconst hasSuffix = computed(() => {\r\n    return props.showButtons || slots.suffix || props.suffix;\r\n});\r\n</script>\r\n\r\n<template>\r\n    <ev-textfield\r\n        ref=\"evTextfieldRef\"\r\n        v-bind=\"evTextfieldProps\"\r\n        v-model=\"inputValue\"\r\n        :validation-value=\"modelValue\"\r\n        :class=\"['ev-number-field', formField.classes, props.class]\"\r\n        :error-messages=\"formField.errorMessages\"\r\n        type=\"text\"\r\n        @paste=\"onPaste\"\r\n        @blur=\"onBlur\"\r\n        @focus=\"onFocus\"\r\n        @keydown=\"onInputKeydown\"\r\n        @keyup=\"onInputKeyup\">\r\n        <template v-if=\"slots.label\" #label>\r\n            <slot name=\"label\" />\r\n        </template>\r\n        <template v-if=\"hasPrefix\" #prefix>\r\n            <ev-button\r\n                v-if=\"props.showButtons\"\r\n                :rounded=\"props.rounded\"\r\n                size=\"x-small\"\r\n                class=\"ev-number-field--minus\"\r\n                variant=\"subtle\"\r\n                :icon=\"MinusIcon\"\r\n                :disabled=\"props.readonly || props.disabled\"\r\n                @keydown.space.enter=\"startIncrementing(-1)\"\r\n                @keyup=\"stopIncrementing()\"\r\n                @click.prevent.stop=\"() => {}\"\r\n                @mousedown.prevent.stop=\"startIncrementing(-1)\"\r\n                @mouseup.prevent.stop=\"stopIncrementing()\"\r\n                @mouseleave=\"stopIncrementing()\" />\r\n            <slot name=\"prefix\">{{ props.prefix }}</slot>\r\n        </template>\r\n        <template v-if=\"hasSuffix\" #suffix>\r\n            <slot name=\"suffix\">{{ props.suffix }}</slot>\r\n            <ev-button\r\n                v-if=\"props.showButtons\"\r\n                :rounded=\"props.rounded\"\r\n                size=\"x-small\"\r\n                class=\"ev-number-field--plus\"\r\n                variant=\"subtle\"\r\n                :icon=\"PlusIcon\"\r\n                :disabled=\"props.readonly || props.disabled\"\r\n                @keydown.space.enter=\"startIncrementing(1)\"\r\n                @keyup=\"stopIncrementing()\"\r\n                @click.prevent.stop=\"() => {}\"\r\n                @mousedown.prevent.stop=\"startIncrementing(1)\"\r\n                @mouseup.prevent.stop=\"stopIncrementing()\"\r\n                @mouseleave=\"stopIncrementing()\" />\r\n        </template>\r\n    </ev-textfield>\r\n</template>\r\n"],"names":["incrementRate","incrementDelay","localeManager","useLocaleManager","slots","_useSlots","evTextfieldRef","ref","evTextfieldProps","computed","omit","filterComponentProps","EvTextfield","props","numberParser","NumberParser","formField","useFormField","modelValue","inputValue","shallowRef","watch","value","oldValue","minimum","maximum","incrementAmount","incrementInterval","isIncrementing","getDecimalPlaces","options","fraction","part","getValue","isEmpty","isMinBoundary","isMaxBoundary","decimalPlaces","onBlur","parsedValue","currentValue","onFocus","onInputKeydown","startIncrementing","nextTick","isPaste","onInputKeyup","stopIncrementing","onPaste","data","_a","direction","startTime","internalIncrementAmount","elapsedTime","multiplier","hasPrefix","hasSuffix"],"mappings":"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"}
+{"version":3,"file":"EvNumberField.vue.mjs","sources":["../../../../src/components/EvNumberField/EvNumberField.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\n/**\r\n * `<ev-number-field>`\r\n */\r\nimport \"./EvNumberField.scss\";\r\nimport { makeEvNumberFieldProps, NumberParser } from \"./EvNumberField\";\r\nimport { EvTextfield } from \"@/components/EvTextfield\";\r\nimport { computed, nextTick, Ref, ref, shallowRef, watch } from \"vue\";\r\nimport { filterComponentProps, isEmpty, omit } from \"@/util\";\r\nimport { EvButton } from \"@/components/EvButton\";\r\nimport { MinusIcon, PlusIcon } from \"@/icons\";\r\nimport { useLocaleManager } from \"@/composables/locale\";\r\nimport { KeyboardEvent } from \"react\";\r\nimport { useFormField } from \"@/composables/validation\";\r\n\r\nconst localeManager = useLocaleManager();\r\nconst props = defineProps({\r\n    ...makeEvNumberFieldProps(),\r\n});\r\nconst slots = defineSlots<{\r\n    label(): never;\r\n    prefix(): never;\r\n    suffix(): never;\r\n}>();\r\n\r\n// EvTextfield\r\nconst evTextfieldRef = ref<typeof EvTextfield>();\r\nconst evTextfieldProps = computed(() => {\r\n    return omit(filterComponentProps(EvTextfield, props), [\r\n        \"modelValue\",\r\n        \"shapers\",\r\n        \"validators\",\r\n    ]);\r\n});\r\n\r\nconst numberParser = new NumberParser(localeManager, props);\r\n\r\n/**\r\n * We separate the `modelValue` and the `inputValue` (the value displayed)\r\n * because this allows us some efficiency improvements when holding down +/- buttons\r\n * as well as permitting formatting.\r\n *\r\n * Whenever the `modelValue` changes we need to ensure the `inputValue` is updated.\r\n */\r\nconst formField = useFormField(props);\r\nconst modelValue = formField.model;\r\n\r\nconst inputValue: Ref<string | null | undefined> = shallowRef();\r\ninputValue.value = numberParser.formatValue(modelValue.value);\r\nwatch(modelValue, () => {\r\n    inputValue.value = numberParser.formatValue(modelValue.value);\r\n});\r\n\r\nwatch(\r\n    [\r\n        localeManager.currentLocale,\r\n        () => props.locale,\r\n        () => props.localeMatcher,\r\n        () => props.mode,\r\n        () => props.currency,\r\n        () => props.currencyDisplay,\r\n        () => props.useGrouping,\r\n        () => props.minFractionDigits,\r\n        () => props.maxFractionDigits,\r\n    ],\r\n    (value, oldValue) => {\r\n        if (value !== oldValue) {\r\n            inputValue.value = numberParser.formatValue(modelValue.value);\r\n        }\r\n    },\r\n);\r\n\r\n/**\r\n * Minimum Boundary\r\n * The computed value is now only a number or null (undefined will be converted to null).\r\n */\r\nconst minimum = computed(() => {\r\n    return props.min ?? null;\r\n});\r\n\r\n/**\r\n * Maximum Boundary\r\n * The computed value is now only a number or null (undefined will be converted to null).\r\n */\r\nconst maximum = computed(() => {\r\n    return props.max ?? null;\r\n});\r\n\r\n/*\r\nconst currencySymbol = computed(() => {\r\n    return numberParser.prefixChar;\r\n});\r\n\r\n */\r\n\r\n/**\r\n * Incremental Values\r\n */\r\nconst incrementAmount = computed(() => {\r\n    return props.step ?? 1;\r\n});\r\nlet incrementInterval: ReturnType<typeof setInterval> | null = null;\r\nconst incrementRate: number = 100;\r\nconst incrementDelay = 0.25;\r\nlet isIncrementing = false;\r\n\r\n/**\r\n * ## Get Decimal Places\r\n * Returns the number of decimal places of the `value` supplied.\r\n * @param value\r\n */\r\nfunction getDecimalPlaces(value: number): number {\r\n    const options = {\r\n        useGrouping: false,\r\n        minimumFractionDigits: 0,\r\n        maximumFractionDigits: 20,\r\n    };\r\n    const fraction = localeManager.numberFormatter\r\n        .formatter(options)\r\n        .formatToParts(value)\r\n        .find((part) => part.type === \"fraction\");\r\n    return fraction ? fraction.value.length : 0;\r\n}\r\n\r\n/**\r\n * ## Set Value\r\n * Can be used to set the value of either the 'modelValue' or the 'inputValue'.\r\n * @param value\r\n */\r\nfunction getValue(value?: string | number | null) {\r\n    if (isEmpty(value)) {\r\n        return value ?? null;\r\n    }\r\n    if (typeof value === \"string\") {\r\n        value = parseFloat(value);\r\n    }\r\n    if (isMinBoundary(value!)) {\r\n        value = minimum.value;\r\n    } else if (isMaxBoundary(value!)) {\r\n        value = maximum.value;\r\n    }\r\n\r\n    // We always want to constrain the value to the minimum\r\n    // and maximum decimal places\r\n    const decimalPlaces = getDecimalPlaces(value!);\r\n    if (\r\n        !isEmpty(props.minFractionDigits) &&\r\n        decimalPlaces < props.minFractionDigits!\r\n    ) {\r\n        value = parseFloat(value!.toFixed(props.minFractionDigits));\r\n    }\r\n    if (\r\n        !isEmpty(props.maxFractionDigits) &&\r\n        decimalPlaces > props.maxFractionDigits!\r\n    ) {\r\n        value = parseFloat(value!.toFixed(props.maxFractionDigits));\r\n    }\r\n    return value;\r\n}\r\n\r\n/**\r\n * ## Is Max Boundary\r\n * @param value\r\n */\r\nfunction isMaxBoundary(value: number): boolean {\r\n    return maximum.value !== null && maximum.value < value;\r\n}\r\n\r\n/**\r\n * ## Is Min Boundary\r\n * @param value\r\n */\r\nfunction isMinBoundary(value: number): boolean {\r\n    return minimum.value !== null && minimum.value > value;\r\n}\r\n\r\n/**\r\n * # On Blur\r\n *\r\n * If the user has typed something we can't be sure that it is accurate\r\n * based upon the min/max boundaries so we reset the `inputValue` first.\r\n * Then, we can update the `modelValue` based on the input.\r\n */\r\nfunction onBlur(e: Event) {\r\n    if (inputValue.value === \"-\") {\r\n        inputValue.value = \"\";\r\n    }\r\n    const parsedValue = numberParser.parseValue(inputValue.value as string);\r\n    const currentValue = getValue(parsedValue);\r\n    inputValue.value = numberParser.formatValue(currentValue);\r\n    modelValue.value = numberParser.parseValue(inputValue.value);\r\n}\r\n\r\n/**\r\n * ## On Focus\r\n *\r\n * @param e\r\n */\r\nfunction onFocus(e: Event) {\r\n    if (props.readonly) {\r\n        return;\r\n    }\r\n    inputValue.value = isEmpty(modelValue.value)\r\n        ? \"\"\r\n        : modelValue.value.toString();\r\n}\r\n\r\n/**\r\n * ## On Input Keydown\r\n * @param e\r\n */\r\nfunction onInputKeydown(e: KeyboardEvent) {\r\n    const passThrough = [\r\n        \"Backspace\",\r\n        \"Delete\",\r\n        \"Home\",\r\n        \"End\",\r\n        \"ArrowLeft\",\r\n        \"ArrowRight\",\r\n        \"Tab\",\r\n    ];\r\n    if (passThrough.includes(e.key)) {\r\n        return;\r\n    }\r\n\r\n    // Listen to ArrowUp\r\n    if (e.key === \"ArrowUp\") {\r\n        e.preventDefault();\r\n        startIncrementing(1);\r\n        return;\r\n    }\r\n    // Listen to ArrowDown\r\n    if (e.key === \"ArrowDown\") {\r\n        e.preventDefault();\r\n        startIncrementing(-1);\r\n        return;\r\n    }\r\n\r\n    if (e.key === \"Enter\") {\r\n        e.preventDefault();\r\n        const parsedValue = numberParser.parseValue(inputValue.value);\r\n        const currentValue = getValue(parsedValue);\r\n        modelValue.value = currentValue;\r\n        nextTick(() => {\r\n            inputValue.value = isEmpty(currentValue)\r\n                ? \"\"\r\n                : currentValue!.toString();\r\n        });\r\n        return;\r\n    }\r\n\r\n    const isPaste = e.key === \"v\" && e.ctrlKey;\r\n\r\n    // Block anything not in the whitelist\r\n    const whitelist = new RegExp(\"[0-9 +\\-\\/\\(\\)*]\");\r\n    if (!whitelist.test(e.key) && !isPaste) {\r\n        e.preventDefault();\r\n    }\r\n}\r\n\r\n/**\r\n * ## On Input Keyup\r\n * @param e\r\n */\r\nfunction onInputKeyup(e: KeyboardEvent) {\r\n    if (e.code === \"ArrowUp\" || e.code === \"ArrowDown\") {\r\n        e.preventDefault();\r\n    }\r\n    stopIncrementing();\r\n}\r\n\r\n/**\r\n * ## On Paste\r\n */\r\nfunction onPaste(e: ClipboardEvent) {\r\n    e.preventDefault();\r\n    const data = e.clipboardData?.getData(\"Text\");\r\n    if (data) {\r\n        const parsedValue = numberParser.parseValue(data);\r\n        const currentValue = getValue(parsedValue);\r\n        inputValue.value = isEmpty(currentValue)\r\n            ? \"\"\r\n            : currentValue!.toString();\r\n        modelValue.value = currentValue;\r\n    }\r\n}\r\n\r\n/**\r\n * ## Start Incrementing\r\n *\r\n * If the user holds the plus/minus button down for longer than the `incrementDelay`\r\n * we increase/decrease the `inputValue` by the `incrementAmount` at an increasing\r\n * rate for every second the user holds the button.\r\n *\r\n * @param direction\r\n */\r\nfunction startIncrementing(direction: number) {\r\n    if (isIncrementing || props.readonly) {\r\n        return;\r\n    }\r\n    isIncrementing = true;\r\n    let currentValue: number;\r\n    if (isEmpty(modelValue.value)) {\r\n        currentValue = minimum.value ?? 0;\r\n    } else {\r\n        currentValue = getValue(\r\n            modelValue.value! + direction * incrementAmount.value,\r\n        )! as number;\r\n    }\r\n    inputValue.value = numberParser.formatValue(currentValue);\r\n\r\n    // Then we rely on the delay to do more increments on a timer\r\n    const startTime = Date.now();\r\n    let internalIncrementAmount = incrementAmount.value;\r\n    incrementInterval = setInterval(() => {\r\n        const currentTime = Date.now();\r\n        const elapsedTime = (currentTime - startTime) / 1000;\r\n        if (elapsedTime < incrementDelay) {\r\n            return;\r\n        }\r\n        const multiplier = Math.floor(Math.pow(2, elapsedTime - 1));\r\n        internalIncrementAmount = incrementAmount.value * multiplier;\r\n        currentValue = getValue(\r\n            currentValue + direction * internalIncrementAmount,\r\n        )! as number;\r\n        inputValue.value = numberParser.formatValue(currentValue);\r\n    }, incrementRate);\r\n}\r\n\r\n/**\r\n * ## Stop Incrementing\r\n *\r\n * When the user releases the plus/minus button stop the increment interval\r\n * and set the resulting value onto the `modelValue` - this is more efficient\r\n * than setting the `modelValue` with every increment.\r\n */\r\nfunction stopIncrementing() {\r\n    if (isIncrementing) {\r\n        clearInterval(incrementInterval!);\r\n        const parsedValue = numberParser.parseValue(inputValue.value);\r\n        modelValue.value = getValue(parsedValue);\r\n        isIncrementing = false;\r\n    }\r\n}\r\n\r\nconst hasPrefix = computed(() => {\r\n    return props.showButtons || slots.prefix || props.prefix;\r\n});\r\n\r\nconst hasSuffix = computed(() => {\r\n    return props.showButtons || slots.suffix || props.suffix;\r\n});\r\n</script>\r\n\r\n<template>\r\n    <ev-textfield\r\n        ref=\"evTextfieldRef\"\r\n        v-bind=\"evTextfieldProps\"\r\n        v-model=\"inputValue\"\r\n        model-source=\"model\"\r\n        :class=\"['ev-number-field', formField.classes, props.class]\"\r\n        :error-messages=\"formField.errorMessages\"\r\n        type=\"text\"\r\n        @paste=\"onPaste\"\r\n        @blur=\"onBlur\"\r\n        @focus=\"onFocus\"\r\n        @keydown=\"onInputKeydown\"\r\n        @keyup=\"onInputKeyup\">\r\n        <template v-if=\"slots.label\" #label>\r\n            <slot name=\"label\" />\r\n        </template>\r\n        <template v-if=\"hasPrefix\" #prefix>\r\n            <ev-button\r\n                v-if=\"props.showButtons\"\r\n                :rounded=\"props.rounded\"\r\n                size=\"x-small\"\r\n                class=\"ev-number-field--minus\"\r\n                variant=\"subtle\"\r\n                :icon=\"MinusIcon\"\r\n                :disabled=\"props.readonly || props.disabled\"\r\n                @keydown.space.enter=\"startIncrementing(-1)\"\r\n                @keyup=\"stopIncrementing()\"\r\n                @click.prevent.stop=\"() => {}\"\r\n                @mousedown.prevent.stop=\"startIncrementing(-1)\"\r\n                @mouseup.prevent.stop=\"stopIncrementing()\"\r\n                @mouseleave=\"stopIncrementing()\" />\r\n            <slot name=\"prefix\">{{ props.prefix }}</slot>\r\n        </template>\r\n        <template v-if=\"hasSuffix\" #suffix>\r\n            <slot name=\"suffix\">{{ props.suffix }}</slot>\r\n            <ev-button\r\n                v-if=\"props.showButtons\"\r\n                :rounded=\"props.rounded\"\r\n                size=\"x-small\"\r\n                class=\"ev-number-field--plus\"\r\n                variant=\"subtle\"\r\n                :icon=\"PlusIcon\"\r\n                :disabled=\"props.readonly || props.disabled\"\r\n                @keydown.space.enter=\"startIncrementing(1)\"\r\n                @keyup=\"stopIncrementing()\"\r\n                @click.prevent.stop=\"() => {}\"\r\n                @mousedown.prevent.stop=\"startIncrementing(1)\"\r\n                @mouseup.prevent.stop=\"stopIncrementing()\"\r\n                @mouseleave=\"stopIncrementing()\" />\r\n        </template>\r\n    </ev-textfield>\r\n</template>\r\n"],"names":["incrementRate","incrementDelay","localeManager","useLocaleManager","slots","_useSlots","evTextfieldRef","ref","evTextfieldProps","computed","omit","filterComponentProps","EvTextfield","props","numberParser","NumberParser","formField","useFormField","modelValue","inputValue","shallowRef","watch","value","oldValue","minimum","maximum","incrementAmount","incrementInterval","isIncrementing","getDecimalPlaces","options","fraction","part","getValue","isEmpty","isMinBoundary","isMaxBoundary","decimalPlaces","onBlur","parsedValue","currentValue","onFocus","onInputKeydown","startIncrementing","nextTick","isPaste","onInputKeyup","stopIncrementing","onPaste","data","_a","direction","startTime","internalIncrementAmount","elapsedTime","multiplier","hasPrefix","hasSuffix"],"mappings":"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"}

package/dist/esm/components/EvNumberField/EvNumberField.vue2.mjs

@@ -1,2 +1,2 @@
-import f from"./EvNumberField.vue.mjs";/*! Evance UI v1.1.66 | MIT License */export{f as default};
+import f from"./EvNumberField.vue.mjs";/*! Evance UI v1.1.68 | MIT License */export{f as default};
 //# sourceMappingURL=EvNumberField.vue2.mjs.map

package/dist/esm/components/EvOverlay/EvOverlay.mjs

@@ -1,2 +1,2 @@
-import{makeDimensionsProps as o}from"../../composables/dimensions.mjs";import{makeActivatorProps as e}from"./activator.mjs";import{makePositionStrategyProps as t}from"./position.mjs";import{makeScrollStrategyProps as r}from"./scroll.mjs";import{makeComponentProps as a}from"../../composables/component.mjs";import{propsFactory as n}from"../../util/props.mjs";import{makeEvTransitionProps as m}from"../EvTransition/EvTransition.mjs";/*! Evance UI v1.1.66 | MIT License */const P=n({absolute:Boolean,attach:[Boolean,String,Object],closeOnBack:{type:Boolean,default:!0},contained:Boolean,contentClass:String,contentProps:Object,disabled:Boolean,modelValue:[Boolean,Object],persistent:Boolean,veil:{type:Boolean,default:!0},zIndex:{type:[Number,String],default:2e3},...e(),...o(),...t(),...r(),...m(),...a()},"EvOverlay");export{P as makeEvOverlayProps};
+import{makeDimensionsProps as o}from"../../composables/dimensions.mjs";import{makeActivatorProps as e}from"./activator.mjs";import{makePositionStrategyProps as t}from"./position.mjs";import{makeScrollStrategyProps as r}from"./scroll.mjs";import{makeComponentProps as a}from"../../composables/component.mjs";import{propsFactory as n}from"../../util/props.mjs";import{makeEvTransitionProps as m}from"../EvTransition/EvTransition.mjs";/*! Evance UI v1.1.68 | MIT License */const P=n({absolute:Boolean,attach:[Boolean,String,Object],closeOnBack:{type:Boolean,default:!0},contained:Boolean,contentClass:String,contentProps:Object,disabled:Boolean,modelValue:[Boolean,Object],persistent:Boolean,veil:{type:Boolean,default:!0},zIndex:{type:[Number,String],default:2e3},...e(),...o(),...t(),...r(),...m(),...a()},"EvOverlay");export{P as makeEvOverlayProps};
 //# sourceMappingURL=EvOverlay.mjs.map

package/dist/esm/components/EvOverlay/EvOverlay.vue.mjs

@@ -1,2 +1,2 @@
-import{defineComponent as ue,useAttrs as ve,useSlots as fe,ref as d,computed as S,toRef as de,watch as p,shallowRef as pe,mergeProps as c,resolveDirective as me,createElementBlock as m,openBlock as u,Fragment as ke,createVNode as b,createBlock as ye,createCommentVNode as A,Teleport as Ee,unref as r,createElementVNode as ge,Transition as Se,withCtx as N,withDirectives as be,renderSlot as V,normalizeStyle as Ae,vShow as we}from"vue";/* empty css               */import{makeEvOverlayProps as Te}from"./EvOverlay.mjs";import{useModelProxy as _e}from"../../composables/modelProxy.mjs";import{useTeleport as he}from"../../composables/teleport.mjs";import{useDimensions as Ce}from"../../composables/dimensions.mjs";import{useStack as Le}from"../../composables/stack.mjs";import{useRouter as Be}from"vue-router";import{useToggleScope as Pe}from"../../composables/toggleScope.mjs";import{useBackButton as Re}from"../../composables/router.mjs";import{useActivator as Oe}from"./activator.mjs";import{useScopeId as Ne}from"../../composables/scopeId.mjs";import{usePositionStrategies as Ve}from"./position.mjs";import{useScrollStrategies as xe}from"./scroll.mjs";import{useRtl as De}from"../../composables/locale.mjs";import{getScrollParent as Ge}from"../../util/scroll.mjs";import{clickBlockedAnimation as Ie}from"../../util/animate.mjs";import{getCurrentComponent as $e}from"../../util/components.mjs";import{useEvTransition as ze,EvTransition as Fe}from"../EvTransition/EvTransition.mjs";import{toWebUnit as Ke}from"../../util/units.mjs";/*! Evance UI v1.1.66 | MIT License */const ct=ue({inheritAttrs:!1,__name:"EvOverlay",props:{disableGlobalStack:Boolean,...Te()},emits:["click:outside","update:modelValue","enter","afterEnter","beforeLeave","leave","afterLeave"],setup(x,{expose:D,emit:i}){const t=x,G=ve(),v=fe(),I=$e("EvOverlay"),$=Be(),w=_e(t,"modelValue"),k=d(void 0),l=d(void 0),T=d(void 0),z=ze(t),F=Ce(t),{scopeId:K}=Ne(),o=S({get:()=>w.value,set:e=>{e&&t.disabled||(w.value=e)}}),{isTopGlobal:f,isTopLocal:_,stackStyles:M}=Le(o,de(t,"zIndex"),t.disableGlobalStack),{activatorEl:s,activatorRef:U,activatorEvents:W,contentEvents:j,target:h,targetEl:C,veilEvents:q}=Oe(t,o,_),y=he(S(()=>{var a,R,O;const e=t.attach||t.contained;if(e)return e;const n=((a=s==null?void 0:s.value)==null?void 0:a.getRootNode())||((O=(R=I.proxy)==null?void 0:R.$el)==null?void 0:O.getRootNode());return n instanceof ShadowRoot?n:!1})),{rtlClasses:H,isRtl:J}=De(),{contentStyles:Q,updatePosition:L,pointerStyles:X}=Ve(t,{isRtl:J,contentEl:l,target:h,pointerEl:T,isActive:o});xe(t,{containerEl:k,contentEl:l,targetEl:C,target:h,isActive:o,updatePosition:L}),D({targetEl:C,activatorEl:s,contentEl:l,isTopGlobal:f,isTopLocal:_,updatePosition:L}),p(()=>t.disabled,e=>{e&&(o.value=!1)});const Y=S(()=>o.value&&!!t.veil),E=pe(!1);p(o,()=>{E.value=!0});function Z(){return o.value&&f.value}function g(e=!1){var n,a;if(t.persistent){Ie(l.value);return}o.value=!1,e&&((n=l.value)!=null&&n.contains(document.activeElement))&&((a=s.value)==null||a.focus())}function ee(e){if(!e.dataset.enter){e.dataset.enter="true";return}i("enter")}function te(e){if(!e.dataset.afterEnter){e.dataset.afterEnter="true";return}i("afterEnter")}function oe(){i("beforeLeave")}function re(){i("leave")}function ne(){E.value=!1,i("afterLeave")}const se={handler:ae,condition:Z,include:()=>[s.value]};function ae(e){i("click:outside",e),g(!1)}function B(e){e.key==="Escape"&&f.value&&g(!0)}p(o,e=>{e?window.addEventListener("keydown",B):window.removeEventListener("keydown",B)},{immediate:!0}),Pe(()=>t.closeOnBack,()=>{Re($,e=>{f.value&&o.value?(e(!1),g(!1)):e()})});const P=d();p(()=>o.value&&(t.absolute||t.contained)&&y.value==null,e=>{if(e){const n=Ge(k.value);n&&n!==document.scrollingElement&&(P.value=n.scrollTop)}});const ie=()=>{var e;return(e=v.activator)==null?void 0:e.call(v,{isActive:o.value,props:c({ref:U},W.value,t.activatorProps)})},le=c(j.value,t.contentProps),ce={...K,...G};return(e,n)=>{const a=me("click-outside");return u(),m(ke,null,[b(ie),E.value?(u(),ye(Ee,{key:0,disabled:!r(y),to:r(y)},[ge("div",c({ref_key:"containerEl",ref:k,class:["ev-overlay",{"is-active":o.value},r(H),t.class],style:[r(M),{top:r(Ke)(P.value)},t.style]},ce),[b(Se,{appear:"",name:"transition-fade"},{default:N(()=>[Y.value?(u(),m("div",c({key:0,class:"ev-overlay--veil"},r(q)),null,16)):A("",!0)]),_:1}),b(r(Fe),{appear:"",transition:r(z),target:r(s),onEnter:ee,onAfterEnter:te,onBeforeLeave:oe,onLeave:re,onAfterLeave:ne},{default:N(()=>[be((u(),m("div",c({ref_key:"contentEl",ref:l,class:["ev-overlay--content",[t.contentClass]],style:[r(F),r(Q)]},r(le)),[r(v).pointer&&!t.veil?(u(),m("div",{key:0,ref_key:"pointerEl",ref:T,class:"ev-overlay--pointer",style:Ae([r(X)])},[V(e.$slots,"pointer")],4)):A("",!0),V(e.$slots,"default")],16)),[[we,o.value],[a,se]])]),_:3},8,["transition","target"])],16)],8,["disabled","to"])):A("",!0)],64)}}});export{ct as default};
+import{defineComponent as ue,useAttrs as ve,useSlots as fe,ref as d,computed as S,toRef as de,watch as p,shallowRef as pe,mergeProps as c,resolveDirective as me,createElementBlock as m,openBlock as u,Fragment as ke,createVNode as b,createBlock as ye,createCommentVNode as A,Teleport as Ee,unref as r,createElementVNode as ge,Transition as Se,withCtx as N,withDirectives as be,renderSlot as V,normalizeStyle as Ae,vShow as we}from"vue";/* empty css               */import{makeEvOverlayProps as Te}from"./EvOverlay.mjs";import{useModelProxy as _e}from"../../composables/modelProxy.mjs";import{useTeleport as he}from"../../composables/teleport.mjs";import{useDimensions as Ce}from"../../composables/dimensions.mjs";import{useStack as Le}from"../../composables/stack.mjs";import{useRouter as Be}from"vue-router";import{useToggleScope as Pe}from"../../composables/toggleScope.mjs";import{useBackButton as Re}from"../../composables/router.mjs";import{useActivator as Oe}from"./activator.mjs";import{useScopeId as Ne}from"../../composables/scopeId.mjs";import{usePositionStrategies as Ve}from"./position.mjs";import{useScrollStrategies as xe}from"./scroll.mjs";import{useRtl as De}from"../../composables/locale.mjs";import{getScrollParent as Ge}from"../../util/scroll.mjs";import{clickBlockedAnimation as Ie}from"../../util/animate.mjs";import{getCurrentComponent as $e}from"../../util/components.mjs";import{useEvTransition as ze,EvTransition as Fe}from"../EvTransition/EvTransition.mjs";import{toWebUnit as Ke}from"../../util/units.mjs";/*! Evance UI v1.1.68 | MIT License */const ct=ue({inheritAttrs:!1,__name:"EvOverlay",props:{disableGlobalStack:Boolean,...Te()},emits:["click:outside","update:modelValue","enter","afterEnter","beforeLeave","leave","afterLeave"],setup(x,{expose:D,emit:i}){const t=x,G=ve(),v=fe(),I=$e("EvOverlay"),$=Be(),w=_e(t,"modelValue"),k=d(void 0),l=d(void 0),T=d(void 0),z=ze(t),F=Ce(t),{scopeId:K}=Ne(),o=S({get:()=>w.value,set:e=>{e&&t.disabled||(w.value=e)}}),{isTopGlobal:f,isTopLocal:_,stackStyles:M}=Le(o,de(t,"zIndex"),t.disableGlobalStack),{activatorEl:s,activatorRef:U,activatorEvents:W,contentEvents:j,target:h,targetEl:C,veilEvents:q}=Oe(t,o,_),y=he(S(()=>{var a,R,O;const e=t.attach||t.contained;if(e)return e;const n=((a=s==null?void 0:s.value)==null?void 0:a.getRootNode())||((O=(R=I.proxy)==null?void 0:R.$el)==null?void 0:O.getRootNode());return n instanceof ShadowRoot?n:!1})),{rtlClasses:H,isRtl:J}=De(),{contentStyles:Q,updatePosition:L,pointerStyles:X}=Ve(t,{isRtl:J,contentEl:l,target:h,pointerEl:T,isActive:o});xe(t,{containerEl:k,contentEl:l,targetEl:C,target:h,isActive:o,updatePosition:L}),D({targetEl:C,activatorEl:s,contentEl:l,isTopGlobal:f,isTopLocal:_,updatePosition:L}),p(()=>t.disabled,e=>{e&&(o.value=!1)});const Y=S(()=>o.value&&!!t.veil),E=pe(!1);p(o,()=>{E.value=!0});function Z(){return o.value&&f.value}function g(e=!1){var n,a;if(t.persistent){Ie(l.value);return}o.value=!1,e&&((n=l.value)!=null&&n.contains(document.activeElement))&&((a=s.value)==null||a.focus())}function ee(e){if(!e.dataset.enter){e.dataset.enter="true";return}i("enter")}function te(e){if(!e.dataset.afterEnter){e.dataset.afterEnter="true";return}i("afterEnter")}function oe(){i("beforeLeave")}function re(){i("leave")}function ne(){E.value=!1,i("afterLeave")}const se={handler:ae,condition:Z,include:()=>[s.value]};function ae(e){i("click:outside",e),g(!1)}function B(e){e.key==="Escape"&&f.value&&g(!0)}p(o,e=>{e?window.addEventListener("keydown",B):window.removeEventListener("keydown",B)},{immediate:!0}),Pe(()=>t.closeOnBack,()=>{Re($,e=>{f.value&&o.value?(e(!1),g(!1)):e()})});const P=d();p(()=>o.value&&(t.absolute||t.contained)&&y.value==null,e=>{if(e){const n=Ge(k.value);n&&n!==document.scrollingElement&&(P.value=n.scrollTop)}});const ie=()=>{var e;return(e=v.activator)==null?void 0:e.call(v,{isActive:o.value,props:c({ref:U},W.value,t.activatorProps)})},le=c(j.value,t.contentProps),ce={...K,...G};return(e,n)=>{const a=me("click-outside");return u(),m(ke,null,[b(ie),E.value?(u(),ye(Ee,{key:0,disabled:!r(y),to:r(y)},[ge("div",c({ref_key:"containerEl",ref:k,class:["ev-overlay",{"is-active":o.value},r(H),t.class],style:[r(M),{top:r(Ke)(P.value)},t.style]},ce),[b(Se,{appear:"",name:"transition-fade"},{default:N(()=>[Y.value?(u(),m("div",c({key:0,class:"ev-overlay--veil"},r(q)),null,16)):A("",!0)]),_:1}),b(r(Fe),{appear:"",transition:r(z),target:r(s),onEnter:ee,onAfterEnter:te,onBeforeLeave:oe,onLeave:re,onAfterLeave:ne},{default:N(()=>[be((u(),m("div",c({ref_key:"contentEl",ref:l,class:["ev-overlay--content",[t.contentClass]],style:[r(F),r(Q)]},r(le)),[r(v).pointer&&!t.veil?(u(),m("div",{key:0,ref_key:"pointerEl",ref:T,class:"ev-overlay--pointer",style:Ae([r(X)])},[V(e.$slots,"pointer")],4)):A("",!0),V(e.$slots,"default")],16)),[[we,o.value],[a,se]])]),_:3},8,["transition","target"])],16)],8,["disabled","to"])):A("",!0)],64)}}});export{ct as default};
 //# sourceMappingURL=EvOverlay.vue.mjs.map

package/dist/esm/components/EvOverlay/EvOverlay.vue2.mjs

@@ -1,2 +1,2 @@
-import f from"./EvOverlay.vue.mjs";/*! Evance UI v1.1.66 | MIT License */export{f as default};
+import f from"./EvOverlay.vue.mjs";/*! Evance UI v1.1.68 | MIT License */export{f as default};
 //# sourceMappingURL=EvOverlay.vue2.mjs.map

package/dist/esm/components/EvOverlay/activator.mjs

@@ -1,2 +1,2 @@
-var f=Object.defineProperty;var O=(i,t,e)=>t in i?f(i,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):i[t]=e;var s=(i,t,e)=>O(i,typeof t!="symbol"?t+"":t,e);import{makeDelayOpenCloseProps as d,useDelayOpenClose as E}from"../../composables/delay.mjs";import{computed as r,ref as v,inject as g,watch as a,effectScope as A,onScopeDispose as u,watchEffect as C,nextTick as p,mergeProps as h}from"vue";import{EvMenuSymbol as m}from"../EvMenu/shared.mjs";import{refElement as y}from"../../util/helpers.mjs";import{bindProps as F,unbindProps as k}from"../../util/bindProps.mjs";import{propsFactory as b}from"../../util/props.mjs";import{getCurrentComponent as H}from"../../util/components.mjs";import{Browser as l}from"../../util/browser.mjs";/*! Evance UI v1.1.66 | MIT License */const I=b({target:[String,Object],activator:[String,Object],activatorProps:{type:Object,default:()=>({})},openOnClick:{type:Boolean,default:void 0},openOnHover:Boolean,openOnFocus:{type:Boolean,default:void 0},closeOnContentClick:Boolean,...d()},"EvOverlay/activator");function x(i,t,e){return new w(i,t,e)}class w{constructor(t,e,o){s(this,"activatorEl",v());s(this,"activatorEvents");s(this,"activatorRef",v());s(this,"availableEvents");s(this,"component");s(this,"contentEvents");s(this,"cursorTarget",v());s(this,"delayClose");s(this,"delayOpen");s(this,"openOnClick");s(this,"openOnFocus");s(this,"target");s(this,"targetEl");s(this,"targetRef",v());s(this,"veilEvents");s(this,"isHovered",!1);s(this,"isFocused",!1);s(this,"firstEnter",!0);s(this,"watcher");s(this,"scope");this.props=t,this.isActive=e,this.isTopOfStack=o,this.component=H("Activator"),this.openOnFocus=r(()=>t.openOnFocus||t.openOnFocus==null&&t.openOnHover),this.openOnClick=r(()=>t.openOnClick||t.openOnClick==null&&!t.openOnHover&&!this.openOnFocus.value);const{delayOpen:c,delayClose:n}=this.createDelayFunctions();this.delayOpen=c,this.delayClose=n,this.availableEvents=this.getAvailableEvents(),this.activatorEvents=this.createActivatorEvents(),this.contentEvents=this.createContentEvents(),this.veilEvents=this.createVeilEvents(),this.target=r(()=>t.target==="cursor"&&this.cursorTarget.value?this.cursorTarget.value:this.targetRef.value?this.targetRef.value:this.getTarget(t.target)||this.activatorEl.value),this.targetEl=r(()=>Array.isArray(this.target.value)?void 0:this.target.value),this.watchIsActive(),this.watchIsTopOfStack(),this.watchActivatorEl(),this.watchActivatorProp()}createActivatorEvents(){return r(()=>{const t={};return this.isOpenOnClick()&&(t.onClick=this.availableEvents.onClick),this.isOpenOnHover()&&(t.onMouseenter=this.availableEvents.onMouseenter,t.onMouseleave=this.availableEvents.onMouseleave),this.isOpenOnFocus()&&(t.onFocus=this.availableEvents.onFocus,t.onBlur=this.availableEvents.onBlur),t})}createContentEvents(){return r(()=>{const t={};if(this.isOpenOnHover()&&(t.onMouseenter=()=>{this.isHovered=!0,this.delayOpen()},t.onMouseleave=()=>{this.isHovered=!1,this.delayClose()}),this.isOpenOnFocus()&&(t.onFocusin=()=>{this.isFocused=!0,this.delayOpen()},t.onFocusout=()=>{this.isFocused=!1,this.delayClose()}),this.isCloseOnContentClick()){const e=g(m,null);t.onClick=()=>{this.isActive.value=!1,e==null||e.closeParents()}}return t})}createDelayFunctions(){return E(this.props,t=>{const e=this.props.openOnHover&&this.isHovered,o=this.openOnFocus.value&&this.isFocused;t===(e||o)&&!(this.props.openOnHover&&this.isActive.value&&!this.isTopOfStack.value)&&(this.isActive.value!==t&&(this.firstEnter=!0),this.isActive.value=t)})}createVeilEvents(){return r(()=>{const t={};return this.isOpenOnHover()&&(t.onMouseenter=()=>{this.firstEnter&&(this.isHovered=!0,this.firstEnter=!1,this.delayOpen())},t.onMouseleave=()=>{this.isHovered=!1,this.delayClose()}),t})}getActivatorEl(t=this.props.activator){return this.setActivatorEl(this.getTarget(t))}getTarget(t){var e,o,c;if(t==="parent"){let n=(c=(o=(e=this.component)==null?void 0:e.proxy)==null?void 0:o.$el)==null?void 0:c.parentNode;for(;n.hasAttribute("data-no-activator");)n=n.parentNode;return n}else return typeof t=="string"?document.querySelector(t):typeof t=="object"&&"$el"in t?t.$el:t}getAvailableEvents(){return{onBlur:this.onBlur.bind(this),onClick:this.onClick.bind(this),onFocus:this.onFocus.bind(this),onMouseenter:this.onMouseenter.bind(this),onMouseleave:this.onMouseleave.bind(this)}}isCloseOnContentClick(){return this.props.closeOnContentClick}isOpenOnClick(){return this.openOnClick.value}isOpenOnHover(){return this.props.openOnHover}isOpenOnFocus(){return this.openOnFocus.value}onBlur(t){t.stopPropagation(),this.isFocused=!1,this.delayClose()}onClick(t){t.stopPropagation(),this.activatorEl.value=t.currentTarget||t.target,this.isActive.value||(this.cursorTarget.value=[t.clientX,t.clientY]),this.isActive.value=!this.isActive.value}onFocus(t){l.supportsFocusVisible&&!t.target.matches(":focus-visible")||(this.isFocused=!0,t.stopPropagation(),this.activatorEl.value=t.currentTarget||t.target,this.delayOpen())}onMouseenter(t){var e;(e=t.sourceCapabilities)!=null&&e.firesTouchEvents||(this.isHovered=!0,this.activatorEl.value=t.currentTarget||t.target,this.delayOpen())}onMouseleave(t){this.isHovered=!1,this.delayClose()}setActivatorEl(t){return this.activatorEl.value=(t==null?void 0:t.nodeType)===Node.ELEMENT_NODE?t:void 0,this.activatorEl.value}watchActivatorProp(){a(()=>!!this.props.activator,t=>{t&&l.hasWindow?(this.scope=A(),this.scope.run(()=>{this.watcher=new P(this)})):this.scope&&this.scope.stop()},{flush:"post",immediate:!0}),u(()=>{var t;(t=this.scope)==null||t.stop(),this.watcher&&(this.watcher=void 0)})}watchActivatorEl(){C(()=>{this.activatorRef.value&&p(()=>{this.activatorEl.value=y(this.activatorRef.value)})})}watchIsActive(){a(this.isActive,t=>{setTimeout(()=>{this.cursorTarget.value=void 0})},{flush:"post"})}watchIsTopOfStack(){a(this.isTopOfStack,t=>{t&&(this.isOpenOnHover()&&!this.isHovered&&(!this.isOpenOnFocus()||!this.isFocused)||this.isOpenOnFocus()&&!this.isFocused&&(!this.isOpenOnHover()||!this.isHovered))&&(this.isActive.value=!1)})}}class P{constructor(t){this.activator=t,this.watchActivator()}addActivatorPropsEventListeners(t=this.activator.getActivatorEl(),e=this.activator.props.activatorProps){t&&F(t,h(this.activator.activatorEvents.value,e))}removeActivatorPropsEventListeners(t=this.activator.getActivatorEl(),e=this.activator.props.activatorProps){t&&k(t,h(this.activator.activatorEvents.value,e))}watchActivator(){a(()=>this.activator.props.activator,(t,e)=>{if(e&&t!==e){const o=this.activator.getActivatorEl(e);o&&this.removeActivatorPropsEventListeners(o)}t&&p(()=>this.addActivatorPropsEventListeners())},{immediate:!0}),a(()=>this.activator.props.activatorProps,()=>{this.addActivatorPropsEventListeners()}),u(()=>{this.removeActivatorPropsEventListeners()})}}export{I as makeActivatorProps,x as useActivator};
+var f=Object.defineProperty;var O=(i,t,e)=>t in i?f(i,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):i[t]=e;var s=(i,t,e)=>O(i,typeof t!="symbol"?t+"":t,e);import{makeDelayOpenCloseProps as d,useDelayOpenClose as E}from"../../composables/delay.mjs";import{computed as r,ref as v,inject as g,watch as a,effectScope as A,onScopeDispose as u,watchEffect as C,nextTick as p,mergeProps as h}from"vue";import{EvMenuSymbol as m}from"../EvMenu/shared.mjs";import{refElement as y}from"../../util/helpers.mjs";import{bindProps as F,unbindProps as k}from"../../util/bindProps.mjs";import{propsFactory as b}from"../../util/props.mjs";import{getCurrentComponent as H}from"../../util/components.mjs";import{Browser as l}from"../../util/browser.mjs";/*! Evance UI v1.1.68 | MIT License */const I=b({target:[String,Object],activator:[String,Object],activatorProps:{type:Object,default:()=>({})},openOnClick:{type:Boolean,default:void 0},openOnHover:Boolean,openOnFocus:{type:Boolean,default:void 0},closeOnContentClick:Boolean,...d()},"EvOverlay/activator");function x(i,t,e){return new w(i,t,e)}class w{constructor(t,e,o){s(this,"activatorEl",v());s(this,"activatorEvents");s(this,"activatorRef",v());s(this,"availableEvents");s(this,"component");s(this,"contentEvents");s(this,"cursorTarget",v());s(this,"delayClose");s(this,"delayOpen");s(this,"openOnClick");s(this,"openOnFocus");s(this,"target");s(this,"targetEl");s(this,"targetRef",v());s(this,"veilEvents");s(this,"isHovered",!1);s(this,"isFocused",!1);s(this,"firstEnter",!0);s(this,"watcher");s(this,"scope");this.props=t,this.isActive=e,this.isTopOfStack=o,this.component=H("Activator"),this.openOnFocus=r(()=>t.openOnFocus||t.openOnFocus==null&&t.openOnHover),this.openOnClick=r(()=>t.openOnClick||t.openOnClick==null&&!t.openOnHover&&!this.openOnFocus.value);const{delayOpen:c,delayClose:n}=this.createDelayFunctions();this.delayOpen=c,this.delayClose=n,this.availableEvents=this.getAvailableEvents(),this.activatorEvents=this.createActivatorEvents(),this.contentEvents=this.createContentEvents(),this.veilEvents=this.createVeilEvents(),this.target=r(()=>t.target==="cursor"&&this.cursorTarget.value?this.cursorTarget.value:this.targetRef.value?this.targetRef.value:this.getTarget(t.target)||this.activatorEl.value),this.targetEl=r(()=>Array.isArray(this.target.value)?void 0:this.target.value),this.watchIsActive(),this.watchIsTopOfStack(),this.watchActivatorEl(),this.watchActivatorProp()}createActivatorEvents(){return r(()=>{const t={};return this.isOpenOnClick()&&(t.onClick=this.availableEvents.onClick),this.isOpenOnHover()&&(t.onMouseenter=this.availableEvents.onMouseenter,t.onMouseleave=this.availableEvents.onMouseleave),this.isOpenOnFocus()&&(t.onFocus=this.availableEvents.onFocus,t.onBlur=this.availableEvents.onBlur),t})}createContentEvents(){return r(()=>{const t={};if(this.isOpenOnHover()&&(t.onMouseenter=()=>{this.isHovered=!0,this.delayOpen()},t.onMouseleave=()=>{this.isHovered=!1,this.delayClose()}),this.isOpenOnFocus()&&(t.onFocusin=()=>{this.isFocused=!0,this.delayOpen()},t.onFocusout=()=>{this.isFocused=!1,this.delayClose()}),this.isCloseOnContentClick()){const e=g(m,null);t.onClick=()=>{this.isActive.value=!1,e==null||e.closeParents()}}return t})}createDelayFunctions(){return E(this.props,t=>{const e=this.props.openOnHover&&this.isHovered,o=this.openOnFocus.value&&this.isFocused;t===(e||o)&&!(this.props.openOnHover&&this.isActive.value&&!this.isTopOfStack.value)&&(this.isActive.value!==t&&(this.firstEnter=!0),this.isActive.value=t)})}createVeilEvents(){return r(()=>{const t={};return this.isOpenOnHover()&&(t.onMouseenter=()=>{this.firstEnter&&(this.isHovered=!0,this.firstEnter=!1,this.delayOpen())},t.onMouseleave=()=>{this.isHovered=!1,this.delayClose()}),t})}getActivatorEl(t=this.props.activator){return this.setActivatorEl(this.getTarget(t))}getTarget(t){var e,o,c;if(t==="parent"){let n=(c=(o=(e=this.component)==null?void 0:e.proxy)==null?void 0:o.$el)==null?void 0:c.parentNode;for(;n.hasAttribute("data-no-activator");)n=n.parentNode;return n}else return typeof t=="string"?document.querySelector(t):typeof t=="object"&&"$el"in t?t.$el:t}getAvailableEvents(){return{onBlur:this.onBlur.bind(this),onClick:this.onClick.bind(this),onFocus:this.onFocus.bind(this),onMouseenter:this.onMouseenter.bind(this),onMouseleave:this.onMouseleave.bind(this)}}isCloseOnContentClick(){return this.props.closeOnContentClick}isOpenOnClick(){return this.openOnClick.value}isOpenOnHover(){return this.props.openOnHover}isOpenOnFocus(){return this.openOnFocus.value}onBlur(t){t.stopPropagation(),this.isFocused=!1,this.delayClose()}onClick(t){t.stopPropagation(),this.activatorEl.value=t.currentTarget||t.target,this.isActive.value||(this.cursorTarget.value=[t.clientX,t.clientY]),this.isActive.value=!this.isActive.value}onFocus(t){l.supportsFocusVisible&&!t.target.matches(":focus-visible")||(this.isFocused=!0,t.stopPropagation(),this.activatorEl.value=t.currentTarget||t.target,this.delayOpen())}onMouseenter(t){var e;(e=t.sourceCapabilities)!=null&&e.firesTouchEvents||(this.isHovered=!0,this.activatorEl.value=t.currentTarget||t.target,this.delayOpen())}onMouseleave(t){this.isHovered=!1,this.delayClose()}setActivatorEl(t){return this.activatorEl.value=(t==null?void 0:t.nodeType)===Node.ELEMENT_NODE?t:void 0,this.activatorEl.value}watchActivatorProp(){a(()=>!!this.props.activator,t=>{t&&l.hasWindow?(this.scope=A(),this.scope.run(()=>{this.watcher=new P(this)})):this.scope&&this.scope.stop()},{flush:"post",immediate:!0}),u(()=>{var t;(t=this.scope)==null||t.stop(),this.watcher&&(this.watcher=void 0)})}watchActivatorEl(){C(()=>{this.activatorRef.value&&p(()=>{this.activatorEl.value=y(this.activatorRef.value)})})}watchIsActive(){a(this.isActive,t=>{setTimeout(()=>{this.cursorTarget.value=void 0})},{flush:"post"})}watchIsTopOfStack(){a(this.isTopOfStack,t=>{t&&(this.isOpenOnHover()&&!this.isHovered&&(!this.isOpenOnFocus()||!this.isFocused)||this.isOpenOnFocus()&&!this.isFocused&&(!this.isOpenOnHover()||!this.isHovered))&&(this.isActive.value=!1)})}}class P{constructor(t){this.activator=t,this.watchActivator()}addActivatorPropsEventListeners(t=this.activator.getActivatorEl(),e=this.activator.props.activatorProps){t&&F(t,h(this.activator.activatorEvents.value,e))}removeActivatorPropsEventListeners(t=this.activator.getActivatorEl(),e=this.activator.props.activatorProps){t&&k(t,h(this.activator.activatorEvents.value,e))}watchActivator(){a(()=>this.activator.props.activator,(t,e)=>{if(e&&t!==e){const o=this.activator.getActivatorEl(e);o&&this.removeActivatorPropsEventListeners(o)}t&&p(()=>this.addActivatorPropsEventListeners())},{immediate:!0}),a(()=>this.activator.props.activatorProps,()=>{this.addActivatorPropsEventListeners()}),u(()=>{this.removeActivatorPropsEventListeners()})}}export{I as makeActivatorProps,x as useActivator};
 //# sourceMappingURL=activator.mjs.map

package/dist/esm/components/EvOverlay/position-strategy/connected-position.mjs

@@ -1,2 +1,2 @@
-var C=Object.defineProperty;var O=(h,t,e)=>t in h?C(h,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):h[t]=e;var n=(h,t,e)=>O(h,typeof t!="symbol"?t+"":t,e);import{watch as u,onScopeDispose as F,computed as v,nextTick as W}from"vue";import{Rect as l}from"../../../util/dimensions.mjs";import{getScrollParents as E}from"../../../util/scroll.mjs";import{isFixedPosition as H}from"../../../util/isFixedPosition.mjs";import{toFixedPosition as M}from"../../../util/style.mjs";import{toWebUnit as c,pixelCeil as y,pixelRound as d}from"../../../util/units.mjs";import{destructComputed as Z,clamp as x}from"../../../util/helpers.mjs";import{isDeepEqual as N,isNumber as j}from"../../../util/is-functions.mjs";import{Anchor as m}from"../../../util/anchor.mjs";/*! Evance UI v1.1.66 | MIT License */function K(h,t,e,i){const s=new D(h,t,e,i);return{updatePosition:s.updatePosition.bind(s)}}class D{constructor(t,e,i,s){n(this,"contentScrollParents");n(this,"contentRect");n(this,"maxHeight");n(this,"maxWidth");n(this,"minHeight");n(this,"minWidth");n(this,"observe",!1);n(this,"observer");n(this,"offset");n(this,"preferredPosition");n(this,"preferredOrigin");n(this,"targetRect");n(this,"viewportRect");n(this,"viewportMargin",12);n(this,"zoneCalculator");this.data=t,this.props=e,this.contentStyles=i,this.pointerStyles=s,this.resolveFixedTarget(),this.minWidth=this.computedNumericProp("minWidth"),this.maxWidth=this.computedNumericProp("maxWidth"),this.minHeight=this.computedNumericProp("minHeight"),this.maxHeight=this.computedNumericProp("maxHeight"),this.offset=this.computedOffset(),this.zoneCalculator=new q,this.calculatePreferences(),this.addResizeObserver(),this.watch()}addResizeObserver(){this.observe=!1,this.observer=new ResizeObserver(()=>{this.observe&&this.updatePosition()}),u(this.data.target,(t,e)=>{var i,s;e&&!Array.isArray(e)&&((i=this.observer)==null||i.unobserve(e)),Array.isArray(t)?N(t,e)||this.updatePosition():t&&((s=this.observer)==null||s.observe(t))},{immediate:!0}),u(this.data.contentEl,(t,e)=>{e&&this.observer.unobserve(e),t&&this.observer.observe(t)},{immediate:!0}),F(()=>{var t;(t=this.observer)==null||t.disconnect()})}calculatePreferences(){const{preferredPosition:t,preferredOrigin:e}=Z(()=>{const i=m.fromSelector(this.props.position,this.data.isRtl.value);let s;return this.props.origin==="overlap"?s=i:this.props.origin==="auto"?s=i.flipSide():s=m.fromSelector(this.props.origin,this.data.isRtl.value),i.side===s.side&&i.alignment===s.flipAlignment().alignment?{preferredPosition:i.flipCorner(),preferredOrigin:s.flipCorner()}:{preferredPosition:i,preferredOrigin:s}});this.preferredPosition=t,this.preferredOrigin=e}computedNumericProp(t){return v(()=>{const e=parseFloat(this.props[t]);return isNaN(e)?1/0:e})}computedOffset(){return v(()=>{if(Array.isArray(this.props.offset))return this.props.offset;if(typeof this.props.offset=="string"){const t=this.props.offset.split(" ").map(parseFloat);return t.length<2&&t.push(0),t}return j(this.props.offset)?[this.props.offset,0]:[0,0]})}getContentRect(){const t=this.data.contentEl.value,e=this.data.isRtl.value,i=l.fromElement(t,!0);return e?i.x+=parseFloat(t.style.right||0):i.x-=parseFloat(t.style.left||0),i.y-=parseFloat(t.style.top||0),i}getPointerDimensions(){const t=this.data.pointerEl.value;return t?{width:t.clientWidth,height:t.clientHeight}:null}getContentScrollParents(){const t=E(this.data.contentEl.value),e=this.data.contentEl.value;return t.length||(t.push(document.documentElement),e.style.top&&e.style.left||(this.contentRect.x-=parseFloat(document.documentElement.style.getPropertyValue("--ev-body-scroll-x")||"0"),this.contentRect.y-=parseFloat(document.documentElement.style.getPropertyValue("--ev-body-scroll-y")||"0"))),t}getViewportRect(){const t=this.contentScrollParents.reduce((e,i)=>{const s=l.fromElement(i),o=i===document.documentElement,r=new l(o?0:s.x,o?0:s.y,i.clientWidth,i.clientHeight);return e?new l(Math.max(e.left,r.left),Math.max(e.top,r.top),Math.min(e.right,r.right)-Math.max(e.left,r.left),Math.min(e.bottom,r.bottom)-Math.max(e.top,r.top)):r},void 0);return t.x+=this.viewportMargin,t.y+=this.viewportMargin,t.width-=this.viewportMargin*2,t.height-=this.viewportMargin*2,t}resolveFixedTarget(){(Array.isArray(this.data.target.value)||H(this.data.target.value))&&M(this.contentStyles.value,this.data.isRtl.value)}getTargetRect(t){if(Array.isArray(t)){const e=document.body.currentCSSZoom??1,i=1+(1-e)/e;return new l(t[0]*i,t[1]*i,0,0)}return l.fromElement(t)}updatePosition(){var r;if(this.observe=!1,requestAnimationFrame(()=>{requestAnimationFrame(()=>this.observe=!0)}),!this.data.target.value||!this.data.contentEl.value)return;Array.isArray(this.data.target.value)||this.data.target.value.offsetParent||this.data.target.value.getClientRects().length?this.targetRect=this.getTargetRect(this.data.target.value):this.targetRect=new l(0,0,0,0),this.contentRect=this.getContentRect(),this.contentScrollParents=this.getContentScrollParents(),this.viewportRect=this.getViewportRect();const t=this.zoneCalculator.getAvailable(this.targetRect,this.viewportRect,this.offset.value,this.contentRect),e={position:this.preferredPosition.value,origin:this.preferredOrigin.value};if(e.position.side==="auto"){const a=this.getAutoZone(e.position,t);e.position=a.position,e.origin=e.position.flipSide()}const i=e.position.side==="center"?this.getCenterZone(t):this.getBestZone(e.position,t);e.position=i.position,e.origin=e.position.flipSide();const{x:s,y:o}=this.calculateContentCoords(i,e);return this.calculateContentStyles(i,e,s,o),this.calculatePointerStyles(e,s,o),(r=this.data.contentEl.value)==null||r.setAttribute("data-position",e.position.toString()),{zoneRect:i.rect,contentRect:this.contentRect}}calculateContentCoords(t,e){let{x:i,y:s}=t.rect;if(e.position.side==="center")s=t.rect.y+(t.rect.height-this.contentRect.height)/2,i=t.rect.x+(t.rect.width-this.contentRect.width)/2;else if(e.position.side==="top"?s=t.rect.bottom-this.contentRect.height:e.position.side==="left"&&(i=t.rect.right-this.contentRect.width),e.position.alignment!=="start"){const o=e.position.alignment==="center"?2:1;e.position.axis==="x"?s=this.targetRect.y+(this.targetRect.height-this.contentRect.height)/o:i=this.targetRect.x+(this.targetRect.width-this.contentRect.width)/o}return s<this.viewportRect.y&&(s=this.viewportRect.y),i<this.viewportRect.x&&(i=this.viewportRect.x),{x:i,y:s}}calculateContentStyles(t,e,i,s){Object.assign(this.contentStyles.value,{"--ev-overlay-position":e.position.toCssValue(),transformOrigin:e.origin.toCssValue(),top:c(d(s)),left:c(d(i)),minWidth:c(e.position.axis==="y"?Math.min(this.minWidth.value,this.targetRect.width):this.minWidth.value),maxWidth:c(y(x(t.rect.width,this.minWidth.value===1/0?0:this.minWidth.value,this.maxWidth.value))),maxHeight:c(y(x(t.rect.height,this.minHeight.value===1/0?0:this.minHeight.value,this.maxHeight.value)))})}calculatePointerStyles(t,e,i){const s=this.getPointerDimensions();if(!s||t.position.side==="center"&&t.position.alignment==="center"){Object.assign(this.pointerStyles.value,{left:null,top:null});return}let o=null,r=null,a=0;t.position.axis==="y"?(e>this.targetRect.x?o=0-s.width/2:o=this.targetRect.x-e-s.width/2,o+=Math.min(this.targetRect.width,this.contentRect.width)/2,r=t.position.side==="bottom"?0-s.height:"100%",a=t.position.side==="bottom"?180:0):(i>this.targetRect.y?r=0-s.width/2:r=this.targetRect.y-i-s.width/2,r+=Math.min(this.targetRect.height,this.contentRect.height)/2,o=t.position.side==="right"?0-s.height:"100%",a=t.position.side==="right"?90:270),Object.assign(this.pointerStyles.value,{left:typeof o=="string"?o:c(d(o)),top:typeof r=="string"?r:c(d(r)),transform:`rotate(${a}deg)`})}getAutoZone(t,e){return e.filter(s=>s.position.side==="center"?!1:t.alignment==="auto"||s.position.alignment===t.alignment)[0]}getBestZone(t,e){const i=[t,t.centerAlign(),t.flipSide(),t.flipSide().centerAlign(),t.flipCorner(),t.flipCorner().centerAlign(),t.flipCorner().flipSide(),t.flipCorner().flipSide().centerAlign()];for(const s of i){const o=e.find(r=>r.position.toString()===s.toString());if(o!=null&&o.isFitsContent)return o}for(const s of i){const o=e.find(a=>a.position.toString()===s.toString());if(!o)continue;const r=s.axis==="x"?"width":"height";if(o.available[r]>=0)return o}return this.getAutoZone(t,e)}getCenterZone(t){return t.find(e=>e.position.side==="center"&&e.position.alignment==="center")}watch(){u(()=>{var t,e;return[(t=this.preferredPosition)==null?void 0:t.value,(e=this.preferredOrigin)==null?void 0:e.value,this.props.offset,this.props.minWidth,this.props.minHeight,this.props.maxWidth,this.props.maxHeight]},()=>this.updatePosition()),W(()=>{this.updatePosition()})}}class V{constructor(t,e,i){n(this,"available");n(this,"isFitsContent");this.position=t,this.rect=e,this.content=i,this.available={width:this.rect.width-i.width,height:this.rect.height-i.height},this.isFitsContent=this.rect.width>=i.width&&this.rect.height>=i.height}get availableArea(){return this.available.width*this.available.height}}class q{getAvailable(t,e,i,s){const[o,r]=i,a={top:{y:e.top,height:t.top-e.top-o,align:"x"},bottom:{y:t.bottom+o,height:e.bottom-t.bottom-o,align:"x"},left:{x:e.left,width:t.left-e.left-o,align:"y"},right:{x:t.right+o,width:e.right-t.right-o,align:"y"},center:{x:e.left,width:e.width,align:"y"}},b={x:{center:{x:e.left,width:e.width},start:{x:t.left+r,width:e.width-t.left-r},end:{x:e.left,width:t.right-e.left-r}},y:{center:{y:e.top,height:e.height},start:{y:t.top+r,height:e.bottom-t.top-r},end:{y:e.top,height:t.bottom-e.top-r}}},p=[];for(const[g,f]of Object.entries(a))for(const[R,P]of Object.entries(b[f.align])){const w=new m(g,R),S=Object.assign({width:0,height:0,x:0,y:0},f,P),A=l.fromRect(S);p.push(new V(w,A,s))}return p.sort((g,f)=>f.availableArea-g.availableArea),p}}export{K as connectedPositionStrategy};
+var C=Object.defineProperty;var O=(h,t,e)=>t in h?C(h,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):h[t]=e;var n=(h,t,e)=>O(h,typeof t!="symbol"?t+"":t,e);import{watch as u,onScopeDispose as F,computed as v,nextTick as W}from"vue";import{Rect as l}from"../../../util/dimensions.mjs";import{getScrollParents as E}from"../../../util/scroll.mjs";import{isFixedPosition as H}from"../../../util/isFixedPosition.mjs";import{toFixedPosition as M}from"../../../util/style.mjs";import{toWebUnit as c,pixelCeil as y,pixelRound as d}from"../../../util/units.mjs";import{destructComputed as Z,clamp as x}from"../../../util/helpers.mjs";import{isDeepEqual as N,isNumber as j}from"../../../util/is-functions.mjs";import{Anchor as m}from"../../../util/anchor.mjs";/*! Evance UI v1.1.68 | MIT License */function K(h,t,e,i){const s=new D(h,t,e,i);return{updatePosition:s.updatePosition.bind(s)}}class D{constructor(t,e,i,s){n(this,"contentScrollParents");n(this,"contentRect");n(this,"maxHeight");n(this,"maxWidth");n(this,"minHeight");n(this,"minWidth");n(this,"observe",!1);n(this,"observer");n(this,"offset");n(this,"preferredPosition");n(this,"preferredOrigin");n(this,"targetRect");n(this,"viewportRect");n(this,"viewportMargin",12);n(this,"zoneCalculator");this.data=t,this.props=e,this.contentStyles=i,this.pointerStyles=s,this.resolveFixedTarget(),this.minWidth=this.computedNumericProp("minWidth"),this.maxWidth=this.computedNumericProp("maxWidth"),this.minHeight=this.computedNumericProp("minHeight"),this.maxHeight=this.computedNumericProp("maxHeight"),this.offset=this.computedOffset(),this.zoneCalculator=new q,this.calculatePreferences(),this.addResizeObserver(),this.watch()}addResizeObserver(){this.observe=!1,this.observer=new ResizeObserver(()=>{this.observe&&this.updatePosition()}),u(this.data.target,(t,e)=>{var i,s;e&&!Array.isArray(e)&&((i=this.observer)==null||i.unobserve(e)),Array.isArray(t)?N(t,e)||this.updatePosition():t&&((s=this.observer)==null||s.observe(t))},{immediate:!0}),u(this.data.contentEl,(t,e)=>{e&&this.observer.unobserve(e),t&&this.observer.observe(t)},{immediate:!0}),F(()=>{var t;(t=this.observer)==null||t.disconnect()})}calculatePreferences(){const{preferredPosition:t,preferredOrigin:e}=Z(()=>{const i=m.fromSelector(this.props.position,this.data.isRtl.value);let s;return this.props.origin==="overlap"?s=i:this.props.origin==="auto"?s=i.flipSide():s=m.fromSelector(this.props.origin,this.data.isRtl.value),i.side===s.side&&i.alignment===s.flipAlignment().alignment?{preferredPosition:i.flipCorner(),preferredOrigin:s.flipCorner()}:{preferredPosition:i,preferredOrigin:s}});this.preferredPosition=t,this.preferredOrigin=e}computedNumericProp(t){return v(()=>{const e=parseFloat(this.props[t]);return isNaN(e)?1/0:e})}computedOffset(){return v(()=>{if(Array.isArray(this.props.offset))return this.props.offset;if(typeof this.props.offset=="string"){const t=this.props.offset.split(" ").map(parseFloat);return t.length<2&&t.push(0),t}return j(this.props.offset)?[this.props.offset,0]:[0,0]})}getContentRect(){const t=this.data.contentEl.value,e=this.data.isRtl.value,i=l.fromElement(t,!0);return e?i.x+=parseFloat(t.style.right||0):i.x-=parseFloat(t.style.left||0),i.y-=parseFloat(t.style.top||0),i}getPointerDimensions(){const t=this.data.pointerEl.value;return t?{width:t.clientWidth,height:t.clientHeight}:null}getContentScrollParents(){const t=E(this.data.contentEl.value),e=this.data.contentEl.value;return t.length||(t.push(document.documentElement),e.style.top&&e.style.left||(this.contentRect.x-=parseFloat(document.documentElement.style.getPropertyValue("--ev-body-scroll-x")||"0"),this.contentRect.y-=parseFloat(document.documentElement.style.getPropertyValue("--ev-body-scroll-y")||"0"))),t}getViewportRect(){const t=this.contentScrollParents.reduce((e,i)=>{const s=l.fromElement(i),o=i===document.documentElement,r=new l(o?0:s.x,o?0:s.y,i.clientWidth,i.clientHeight);return e?new l(Math.max(e.left,r.left),Math.max(e.top,r.top),Math.min(e.right,r.right)-Math.max(e.left,r.left),Math.min(e.bottom,r.bottom)-Math.max(e.top,r.top)):r},void 0);return t.x+=this.viewportMargin,t.y+=this.viewportMargin,t.width-=this.viewportMargin*2,t.height-=this.viewportMargin*2,t}resolveFixedTarget(){(Array.isArray(this.data.target.value)||H(this.data.target.value))&&M(this.contentStyles.value,this.data.isRtl.value)}getTargetRect(t){if(Array.isArray(t)){const e=document.body.currentCSSZoom??1,i=1+(1-e)/e;return new l(t[0]*i,t[1]*i,0,0)}return l.fromElement(t)}updatePosition(){var r;if(this.observe=!1,requestAnimationFrame(()=>{requestAnimationFrame(()=>this.observe=!0)}),!this.data.target.value||!this.data.contentEl.value)return;Array.isArray(this.data.target.value)||this.data.target.value.offsetParent||this.data.target.value.getClientRects().length?this.targetRect=this.getTargetRect(this.data.target.value):this.targetRect=new l(0,0,0,0),this.contentRect=this.getContentRect(),this.contentScrollParents=this.getContentScrollParents(),this.viewportRect=this.getViewportRect();const t=this.zoneCalculator.getAvailable(this.targetRect,this.viewportRect,this.offset.value,this.contentRect),e={position:this.preferredPosition.value,origin:this.preferredOrigin.value};if(e.position.side==="auto"){const a=this.getAutoZone(e.position,t);e.position=a.position,e.origin=e.position.flipSide()}const i=e.position.side==="center"?this.getCenterZone(t):this.getBestZone(e.position,t);e.position=i.position,e.origin=e.position.flipSide();const{x:s,y:o}=this.calculateContentCoords(i,e);return this.calculateContentStyles(i,e,s,o),this.calculatePointerStyles(e,s,o),(r=this.data.contentEl.value)==null||r.setAttribute("data-position",e.position.toString()),{zoneRect:i.rect,contentRect:this.contentRect}}calculateContentCoords(t,e){let{x:i,y:s}=t.rect;if(e.position.side==="center")s=t.rect.y+(t.rect.height-this.contentRect.height)/2,i=t.rect.x+(t.rect.width-this.contentRect.width)/2;else if(e.position.side==="top"?s=t.rect.bottom-this.contentRect.height:e.position.side==="left"&&(i=t.rect.right-this.contentRect.width),e.position.alignment!=="start"){const o=e.position.alignment==="center"?2:1;e.position.axis==="x"?s=this.targetRect.y+(this.targetRect.height-this.contentRect.height)/o:i=this.targetRect.x+(this.targetRect.width-this.contentRect.width)/o}return s<this.viewportRect.y&&(s=this.viewportRect.y),i<this.viewportRect.x&&(i=this.viewportRect.x),{x:i,y:s}}calculateContentStyles(t,e,i,s){Object.assign(this.contentStyles.value,{"--ev-overlay-position":e.position.toCssValue(),transformOrigin:e.origin.toCssValue(),top:c(d(s)),left:c(d(i)),minWidth:c(e.position.axis==="y"?Math.min(this.minWidth.value,this.targetRect.width):this.minWidth.value),maxWidth:c(y(x(t.rect.width,this.minWidth.value===1/0?0:this.minWidth.value,this.maxWidth.value))),maxHeight:c(y(x(t.rect.height,this.minHeight.value===1/0?0:this.minHeight.value,this.maxHeight.value)))})}calculatePointerStyles(t,e,i){const s=this.getPointerDimensions();if(!s||t.position.side==="center"&&t.position.alignment==="center"){Object.assign(this.pointerStyles.value,{left:null,top:null});return}let o=null,r=null,a=0;t.position.axis==="y"?(e>this.targetRect.x?o=0-s.width/2:o=this.targetRect.x-e-s.width/2,o+=Math.min(this.targetRect.width,this.contentRect.width)/2,r=t.position.side==="bottom"?0-s.height:"100%",a=t.position.side==="bottom"?180:0):(i>this.targetRect.y?r=0-s.width/2:r=this.targetRect.y-i-s.width/2,r+=Math.min(this.targetRect.height,this.contentRect.height)/2,o=t.position.side==="right"?0-s.height:"100%",a=t.position.side==="right"?90:270),Object.assign(this.pointerStyles.value,{left:typeof o=="string"?o:c(d(o)),top:typeof r=="string"?r:c(d(r)),transform:`rotate(${a}deg)`})}getAutoZone(t,e){return e.filter(s=>s.position.side==="center"?!1:t.alignment==="auto"||s.position.alignment===t.alignment)[0]}getBestZone(t,e){const i=[t,t.centerAlign(),t.flipSide(),t.flipSide().centerAlign(),t.flipCorner(),t.flipCorner().centerAlign(),t.flipCorner().flipSide(),t.flipCorner().flipSide().centerAlign()];for(const s of i){const o=e.find(r=>r.position.toString()===s.toString());if(o!=null&&o.isFitsContent)return o}for(const s of i){const o=e.find(a=>a.position.toString()===s.toString());if(!o)continue;const r=s.axis==="x"?"width":"height";if(o.available[r]>=0)return o}return this.getAutoZone(t,e)}getCenterZone(t){return t.find(e=>e.position.side==="center"&&e.position.alignment==="center")}watch(){u(()=>{var t,e;return[(t=this.preferredPosition)==null?void 0:t.value,(e=this.preferredOrigin)==null?void 0:e.value,this.props.offset,this.props.minWidth,this.props.minHeight,this.props.maxWidth,this.props.maxHeight]},()=>this.updatePosition()),W(()=>{this.updatePosition()})}}class V{constructor(t,e,i){n(this,"available");n(this,"isFitsContent");this.position=t,this.rect=e,this.content=i,this.available={width:this.rect.width-i.width,height:this.rect.height-i.height},this.isFitsContent=this.rect.width>=i.width&&this.rect.height>=i.height}get availableArea(){return this.available.width*this.available.height}}class q{getAvailable(t,e,i,s){const[o,r]=i,a={top:{y:e.top,height:t.top-e.top-o,align:"x"},bottom:{y:t.bottom+o,height:e.bottom-t.bottom-o,align:"x"},left:{x:e.left,width:t.left-e.left-o,align:"y"},right:{x:t.right+o,width:e.right-t.right-o,align:"y"},center:{x:e.left,width:e.width,align:"y"}},b={x:{center:{x:e.left,width:e.width},start:{x:t.left+r,width:e.width-t.left-r},end:{x:e.left,width:t.right-e.left-r}},y:{center:{y:e.top,height:e.height},start:{y:t.top+r,height:e.bottom-t.top-r},end:{y:e.top,height:t.bottom-e.top-r}}},p=[];for(const[g,f]of Object.entries(a))for(const[R,P]of Object.entries(b[f.align])){const w=new m(g,R),S=Object.assign({width:0,height:0,x:0,y:0},f,P),A=l.fromRect(S);p.push(new V(w,A,s))}return p.sort((g,f)=>f.availableArea-g.availableArea),p}}export{K as connectedPositionStrategy};
 //# sourceMappingURL=connected-position.mjs.map

package/dist/esm/components/EvOverlay/position-strategy/static-position.mjs

@@ -1,2 +1,2 @@
-/*! Evance UI v1.1.66 | MIT License */function a(t,o,n){}export{a as staticPositionStrategy};
+/*! Evance UI v1.1.68 | MIT License */function a(t,o,n){}export{a as staticPositionStrategy};
 //# sourceMappingURL=static-position.mjs.map

package/dist/esm/components/EvOverlay/position.mjs

@@ -1,2 +1,2 @@
-import{ref as n,onScopeDispose as u,watch as f}from"vue";import{useToggleScope as g}from"../../composables/toggleScope.mjs";import{connectedPositionStrategy as y}from"./position-strategy/connected-position.mjs";import{staticPositionStrategy as m}from"./position-strategy/static-position.mjs";import{propsFactory as l}from"../../util/props.mjs";import{Browser as v}from"../../util/browser.mjs";import{isFunction as d}from"../../util/is-functions.mjs";/*! Evance UI v1.1.66 | MIT License */const S={static:m,connected:y},L=l({positionStrategy:{type:[String,Function],default:"connected",validator:t=>typeof t=="function"||t in S},position:{type:String,default:"auto"},origin:{type:String,default:"auto"},offset:[Number,String,Array]},"EvOverlay/position");function b(t,r){const s=n({}),a=n({}),o=n();function c(i){var e;(e=o.value)==null||e.call(o,i)}return v.hasWindow&&(g(()=>!!(r.isActive.value&&t.positionStrategy),i=>{var p;f(()=>t.positionStrategy,i),u(()=>{o.value=void 0});let e;d(t.positionStrategy)?e=t.positionStrategy:e=S[t.positionStrategy],o.value=(p=e(r,t,s,a))==null?void 0:p.updatePosition}),window.addEventListener("resize",c,{passive:!0}),u(()=>{window.removeEventListener("resize",c),o.value=void 0})),{contentStyles:s,updatePosition:o,pointerStyles:a}}export{L as makePositionStrategyProps,b as usePositionStrategies};
+import{ref as n,onScopeDispose as u,watch as f}from"vue";import{useToggleScope as g}from"../../composables/toggleScope.mjs";import{connectedPositionStrategy as y}from"./position-strategy/connected-position.mjs";import{staticPositionStrategy as m}from"./position-strategy/static-position.mjs";import{propsFactory as l}from"../../util/props.mjs";import{Browser as v}from"../../util/browser.mjs";import{isFunction as d}from"../../util/is-functions.mjs";/*! Evance UI v1.1.68 | MIT License */const S={static:m,connected:y},L=l({positionStrategy:{type:[String,Function],default:"connected",validator:t=>typeof t=="function"||t in S},position:{type:String,default:"auto"},origin:{type:String,default:"auto"},offset:[Number,String,Array]},"EvOverlay/position");function b(t,r){const s=n({}),a=n({}),o=n();function c(i){var e;(e=o.value)==null||e.call(o,i)}return v.hasWindow&&(g(()=>!!(r.isActive.value&&t.positionStrategy),i=>{var p;f(()=>t.positionStrategy,i),u(()=>{o.value=void 0});let e;d(t.positionStrategy)?e=t.positionStrategy:e=S[t.positionStrategy],o.value=(p=e(r,t,s,a))==null?void 0:p.updatePosition}),window.addEventListener("resize",c,{passive:!0}),u(()=>{window.removeEventListener("resize",c),o.value=void 0})),{contentStyles:s,updatePosition:o,pointerStyles:a}}export{L as makePositionStrategyProps,b as usePositionStrategies};
 //# sourceMappingURL=position.mjs.map

package/dist/esm/components/EvOverlay/scroll-strategy/block-scroll.mjs

@@ -1,2 +1,2 @@
-import{getTargetEl as b}from"../scroll.mjs";import{onScopeDispose as u}from"vue";import{getScrollParents as i,hasScrollbar as p}from"../../../util/scroll.mjs";import{toWebUnit as r}from"../../../util/units.mjs";/*! Evance UI v1.1.66 | MIT License */function k(l,s){var a,y;const t=(a=l.containerEl.value)==null?void 0:a.offsetParent,v=b(l.target.value,l.contentEl.value),c=[...new Set([...i(v,s.contained?t:void 0),...i(l.contentEl.value,s.contained?t:void 0)])].filter(o=>!o.classList.contains("ev-overlay-scroll-blocked")),d=window.innerWidth-document.documentElement.offsetWidth,n=(o=>p(o)&&o)(t||document.documentElement);n&&((y=l.containerEl.value)==null||y.classList.add("ev-overlay--scroll-blocked")),c.forEach((o,e)=>{o.style.setProperty("--ev-body-scroll-x",r(-o.scrollLeft)??null),o.style.setProperty("--ev-body-scroll-y",r(-o.scrollTop)??null),o!==document.documentElement&&o.style.setProperty("--ev-scrollbar-offset",r(d)??null),o.classList.add("ev-overlay-scroll-blocked")}),u(()=>{var o;c.forEach((e,E)=>{const f=parseFloat(e.style.getPropertyValue("--ev-body-scroll-x")),m=parseFloat(e.style.getPropertyValue("--ev-body-scroll-y"));e.style.removeProperty("--ev-body-scroll-x"),e.style.removeProperty("--ev-body-scroll-y"),e.style.removeProperty("--ev-scrollbar-offset"),e.classList.remove("ev-overlay-scroll-blocked"),e.scrollLeft=-f,e.scrollTop=-m}),n&&((o=l.containerEl.value)==null||o.classList.remove("ev-overlay--scroll-blocked"))})}export{k as blockScrollStrategy};
+import{getTargetEl as b}from"../scroll.mjs";import{onScopeDispose as u}from"vue";import{getScrollParents as i,hasScrollbar as p}from"../../../util/scroll.mjs";import{toWebUnit as r}from"../../../util/units.mjs";/*! Evance UI v1.1.68 | MIT License */function k(l,s){var a,y;const t=(a=l.containerEl.value)==null?void 0:a.offsetParent,v=b(l.target.value,l.contentEl.value),c=[...new Set([...i(v,s.contained?t:void 0),...i(l.contentEl.value,s.contained?t:void 0)])].filter(o=>!o.classList.contains("ev-overlay-scroll-blocked")),d=window.innerWidth-document.documentElement.offsetWidth,n=(o=>p(o)&&o)(t||document.documentElement);n&&((y=l.containerEl.value)==null||y.classList.add("ev-overlay--scroll-blocked")),c.forEach((o,e)=>{o.style.setProperty("--ev-body-scroll-x",r(-o.scrollLeft)??null),o.style.setProperty("--ev-body-scroll-y",r(-o.scrollTop)??null),o!==document.documentElement&&o.style.setProperty("--ev-scrollbar-offset",r(d)??null),o.classList.add("ev-overlay-scroll-blocked")}),u(()=>{var o;c.forEach((e,E)=>{const f=parseFloat(e.style.getPropertyValue("--ev-body-scroll-x")),m=parseFloat(e.style.getPropertyValue("--ev-body-scroll-y"));e.style.removeProperty("--ev-body-scroll-x"),e.style.removeProperty("--ev-body-scroll-y"),e.style.removeProperty("--ev-scrollbar-offset"),e.classList.remove("ev-overlay-scroll-blocked"),e.scrollLeft=-f,e.scrollTop=-m}),n&&((o=l.containerEl.value)==null||o.classList.remove("ev-overlay--scroll-blocked"))})}export{k as blockScrollStrategy};
 //# sourceMappingURL=block-scroll.mjs.map

package/dist/esm/components/EvOverlay/scroll-strategy/close-scroll.mjs

@@ -1,2 +1,2 @@
-import{getTargetEl as l}from"../scroll.mjs";import{addScrollEventListener as o}from"../../../util/events.mjs";/*! Evance UI v1.1.66 | MIT License */function i(e){function t(r){e.isActive.value=!1}o(l(e.target.value,e.contentEl.value),t)}export{i as closeScrollStrategy};
+import{getTargetEl as l}from"../scroll.mjs";import{addScrollEventListener as o}from"../../../util/events.mjs";/*! Evance UI v1.1.68 | MIT License */function i(e){function t(r){e.isActive.value=!1}o(l(e.target.value,e.contentEl.value),t)}export{i as closeScrollStrategy};
 //# sourceMappingURL=close-scroll.mjs.map

package/dist/esm/components/EvOverlay/scroll-strategy/reposition-scroll.mjs

@@ -1,2 +1,2 @@
-import{getTargetEl as s}from"../scroll.mjs";import{onScopeDispose as p}from"vue";import{requestNewFrame as f}from"../../../util/animate.mjs";import{addScrollEventListener as u}from"../../../util/events.mjs";/*! Evance UI v1.1.66 | MIT License */function v(o,d,c){let r=!1,t=-1,n=-1;function a(e){f(()=>{var l,i;const m=performance.now();(i=(l=o.updatePosition).value)==null||i.call(l,e),r=(performance.now()-m)/(1e3/60)>2})}n=(typeof requestIdleCallback>"u"?e=>e():requestIdleCallback)(()=>{c.run(()=>{u(s(o.target.value,o.contentEl.value),e=>{r?(cancelAnimationFrame(t),t=requestAnimationFrame(()=>{t=requestAnimationFrame(()=>{a(e)})})):a(e)})})}),p(()=>{typeof cancelIdleCallback<"u"&&cancelIdleCallback(n),cancelAnimationFrame(t)})}export{v as repositionScrollStrategy};
+import{getTargetEl as s}from"../scroll.mjs";import{onScopeDispose as p}from"vue";import{requestNewFrame as f}from"../../../util/animate.mjs";import{addScrollEventListener as u}from"../../../util/events.mjs";/*! Evance UI v1.1.68 | MIT License */function v(o,d,c){let r=!1,t=-1,n=-1;function a(e){f(()=>{var l,i;const m=performance.now();(i=(l=o.updatePosition).value)==null||i.call(l,e),r=(performance.now()-m)/(1e3/60)>2})}n=(typeof requestIdleCallback>"u"?e=>e():requestIdleCallback)(()=>{c.run(()=>{u(s(o.target.value,o.contentEl.value),e=>{r?(cancelAnimationFrame(t),t=requestAnimationFrame(()=>{t=requestAnimationFrame(()=>{a(e)})})):a(e)})})}),p(()=>{typeof cancelIdleCallback<"u"&&cancelIdleCallback(n),cancelAnimationFrame(t)})}export{v as repositionScrollStrategy};
 //# sourceMappingURL=reposition-scroll.mjs.map

package/dist/esm/components/EvOverlay/scroll.mjs

@@ -1,2 +1,2 @@
-import{watchEffect as l,effectScope as c,nextTick as n,onScopeDispose as f}from"vue";import{repositionScrollStrategy as a}from"./scroll-strategy/reposition-scroll.mjs";import{blockScrollStrategy as s}from"./scroll-strategy/block-scroll.mjs";import{closeScrollStrategy as y}from"./scroll-strategy/close-scroll.mjs";import{propsFactory as S}from"../../util/props.mjs";import{Browser as m}from"../../util/browser.mjs";/*! Evance UI v1.1.66 | MIT License */const e={none:null,close:y,block:s,reposition:a},b=S({scrollStrategy:{type:[String,Function],default:"block",validator:r=>typeof r=="function"||r in e}},"EvOverlay/scroll");function d(r,t){if(!m.hasWindow)return;let o;l(async()=>{o==null||o.stop(),t.isActive.value&&r.scrollStrategy&&(o=c(),await n(),o.active&&o.run(()=>{var i;typeof r.scrollStrategy=="function"?r.scrollStrategy(t,r,o):(i=e[r.scrollStrategy])==null||i.call(e,t,r,o)}))}),f(()=>{o==null||o.stop()})}function A(r,t){return Array.isArray(r)?document.elementsFromPoint(...r).find(o=>!(t!=null&&t.contains(o))):r??t}export{A as getTargetEl,b as makeScrollStrategyProps,d as useScrollStrategies};
+import{watchEffect as l,effectScope as c,nextTick as n,onScopeDispose as f}from"vue";import{repositionScrollStrategy as a}from"./scroll-strategy/reposition-scroll.mjs";import{blockScrollStrategy as s}from"./scroll-strategy/block-scroll.mjs";import{closeScrollStrategy as y}from"./scroll-strategy/close-scroll.mjs";import{propsFactory as S}from"../../util/props.mjs";import{Browser as m}from"../../util/browser.mjs";/*! Evance UI v1.1.68 | MIT License */const e={none:null,close:y,block:s,reposition:a},b=S({scrollStrategy:{type:[String,Function],default:"block",validator:r=>typeof r=="function"||r in e}},"EvOverlay/scroll");function d(r,t){if(!m.hasWindow)return;let o;l(async()=>{o==null||o.stop(),t.isActive.value&&r.scrollStrategy&&(o=c(),await n(),o.active&&o.run(()=>{var i;typeof r.scrollStrategy=="function"?r.scrollStrategy(t,r,o):(i=e[r.scrollStrategy])==null||i.call(e,t,r,o)}))}),f(()=>{o==null||o.stop()})}function A(r,t){return Array.isArray(r)?document.elementsFromPoint(...r).find(o=>!(t!=null&&t.contains(o))):r??t}export{A as getTargetEl,b as makeScrollStrategyProps,d as useScrollStrategies};
 //# sourceMappingURL=scroll.mjs.map

package/dist/esm/components/EvPage/EvPage.mjs

@@ -1,2 +1,2 @@
-import{makeComponentProps as o}from"../../composables/component.mjs";import{propsFactory as e}from"../../util/props.mjs";/*! Evance UI v1.1.66 | MIT License */const p=e({sunken:Boolean,inlineSize:String,...o()},"EvPage");export{p as makeEvPageProps};
+import{makeComponentProps as e}from"../../composables/component.mjs";import{propsFactory as o}from"../../util/props.mjs";/*! Evance UI v1.1.68 | MIT License */const n=o({inlineSize:String,elevation:{type:String,default:"sunken"},...e()},"EvPage");export{n as makeEvPageProps};
 //# sourceMappingURL=EvPage.mjs.map

package/dist/esm/components/EvPage/EvPage.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"EvPage.mjs","sources":["../../../../src/components/EvPage/EvPage.ts"],"sourcesContent":["import { propsFactory } from \"@/util\";\nimport { makeComponentProps } from \"@/composables\";\nimport { PropType } from \"vue\";\nimport { ContainerSizeProp } from \"@/components/EvGrid/EvContainer\";\n\nexport const makeEvPageProps = propsFactory(\n    {\n        sunken: Boolean,\n        inlineSize: String as PropType<ContainerSizeProp>,\n\n        ...makeComponentProps(),\n    },\n    \"EvPage\",\n);"],"names":["makeEvPageProps","propsFactory","makeComponentProps"],"mappings":"+JAKO,MAAMA,EAAkBC,EAC3B,CACI,OAAQ,QACR,WAAY,OAEZ,GAAGC,EAAmB,CAC1B,EACA,QACJ"}
+{"version":3,"file":"EvPage.mjs","sources":["../../../../src/components/EvPage/EvPage.ts"],"sourcesContent":["import { propsFactory } from \"@/util\";\nimport { makeComponentProps } from \"@/composables\";\nimport { PropType } from \"vue\";\nimport { ContainerSizeProp } from \"@/components/EvGrid/EvContainer\";\nimport { SurfaceElevation } from \"@/components/EvSurface\";\n\nexport const makeEvPageProps = propsFactory(\n    {\n        inlineSize: String as PropType<ContainerSizeProp>,\n        elevation: {\n            type: String as PropType<SurfaceElevation>,\n            default: \"sunken\",\n        },\n        ...makeComponentProps(),\n    },\n    \"EvPage\",\n);"],"names":["makeEvPageProps","propsFactory","makeComponentProps"],"mappings":"+JAMO,MAAMA,EAAkBC,EAC3B,CACI,WAAY,OACZ,UAAW,CACP,KAAM,OACN,QAAS,QACb,EACA,GAAGC,EAAmB,CAC1B,EACA,QACJ"}

package/dist/esm/components/EvPage/EvPage.vue.mjs

@@ -1,2 +1,2 @@
-import{defineComponent as r,useSlots as n,computed as i,createBlock as m,openBlock as c,unref as t,normalizeStyle as p,normalizeClass as u,withCtx as o,createVNode as f,renderSlot as _}from"vue";/* empty css            */import{makeEvPageProps as d}from"./EvPage.mjs";import v from"../EvSurface/EvSurface.vue.mjs";import k from"../EvGrid/EvContainer/EvContainer.vue.mjs";/*! Evance UI v1.1.66 | MIT License */const $=r({__name:"EvPage",props:{...d()},setup(s){const e=s;n();const a=i(()=>e.sunken?"sunken":"default");return(l,z)=>(c(),m(t(v),{grow:"",elevation:a.value,scrollable:!0,class:u(["ev-page",e.class]),style:p(e.style)},{default:o(()=>[f(t(k),{size:e.inlineSize},{default:o(()=>[_(l.$slots,"default")]),_:3},8,["size"])]),_:3},8,["elevation","class","style"]))}});export{$ as default};
+import{defineComponent as a,useSlots as l,createBlock as n,openBlock as i,unref as o,normalizeStyle as m,normalizeClass as c,withCtx as t,createVNode as p,renderSlot as f}from"vue";/* empty css            */import{makeEvPageProps as _}from"./EvPage.mjs";import u from"../EvSurface/EvSurface.vue.mjs";import d from"../EvGrid/EvContainer/EvContainer.vue.mjs";/*! Evance UI v1.1.68 | MIT License */const C=a({__name:"EvPage",props:{..._()},setup(s){const e=s;return l(),(r,v)=>(i(),n(o(u),{grow:"",elevation:e.elevation,scrollable:!0,class:c(["ev-page",e.class]),style:m(e.style)},{default:t(()=>[p(o(d),{size:e.inlineSize},{default:t(()=>[f(r.$slots,"default")]),_:3},8,["size"])]),_:3},8,["elevation","class","style"]))}});export{C as default};
 //# sourceMappingURL=EvPage.vue.mjs.map

package/dist/esm/components/EvPage/EvPage.vue.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"EvPage.vue.mjs","sources":["../../../../src/components/EvPage/EvPage.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport \"./EvPage.scss\";\nimport { makeEvPageProps } from \"./EvPage\";\nimport { EvSurface } from \"@/components/EvSurface\";\nimport { EvContainer } from \"@/components/EvGrid\";\nimport { computed } from \"vue\";\n\nconst props = defineProps({\n    ...makeEvPageProps(),\n});\n\nconst slots = defineSlots<{\n    default(): never;\n}>();\n\nconst elevation = computed(() => (props.sunken ? \"sunken\" : \"default\"));\n</script>\n\n<template>\n    <ev-surface\n        grow\n        :elevation=\"elevation\"\n        :scrollable=\"true\"\n        :class=\"['ev-page', props.class]\"\n        :style=\"props.style\">\n        <ev-container :size=\"props.inlineSize\">\n            <slot name=\"default\" />\n        </ev-container>\n    </ev-surface>\n</template>\n"],"names":["_useSlots","elevation","computed","props"],"mappings":"sdAWcA,IAId,MAAMC,EAAYC,EAAS,IAAOC,EAAM,OAAS,SAAW,SAAU"}
+{"version":3,"file":"EvPage.vue.mjs","sources":["../../../../src/components/EvPage/EvPage.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport \"./EvPage.scss\";\nimport { makeEvPageProps } from \"./EvPage\";\nimport { EvSurface } from \"@/components/EvSurface\";\nimport { EvContainer } from \"@/components/EvGrid\";\n\nconst props = defineProps({\n    ...makeEvPageProps(),\n});\n\nconst slots = defineSlots<{\n    default(): never;\n}>();\n</script>\n\n<template>\n    <ev-surface\n        grow\n        :elevation=\"props.elevation\"\n        :scrollable=\"true\"\n        :class=\"['ev-page', props.class]\"\n        :style=\"props.style\">\n        <ev-container :size=\"props.inlineSize\">\n            <slot name=\"default\" />\n        </ev-container>\n    </ev-surface>\n</template>\n"],"names":["_useSlots"],"mappings":"wcAUcA,OAAAA"}

package/dist/esm/components/EvPage/EvPage.vue2.mjs

@@ -1,2 +1,2 @@
-import f from"./EvPage.vue.mjs";/*! Evance UI v1.1.66 | MIT License */export{f as default};
+import f from"./EvPage.vue.mjs";/*! Evance UI v1.1.68 | MIT License */export{f as default};
 //# sourceMappingURL=EvPage.vue2.mjs.map

package/dist/esm/components/EvProgress/EvProgress.vue.mjs

@@ -1,2 +1,2 @@
-import{defineComponent as m,createElementBlock as r,openBlock as t,normalizeStyle as i,normalizeClass as u,unref as n,createElementVNode as a,createCommentVNode as o}from"vue";/* empty css                */import{IntegerishPattern as f,isIntegerish as g}from"../../util/numbers.mjs";import{appearanceModifier as v,sizeModifier as _}from"../../util/modifiers.mjs";/*! Evance UI v1.1.66 | MIT License */const h=["aria-valuenow"],z=a("div",{class:"ev-progress--track"},null,-1),y={key:1,class:"ev-progress--indeterminate"},k=a("div",{class:"ev-progress--bar ev-progress--indeterminate--primary"},null,-1),b=a("div",{class:"ev-progress--bar ev-progress--indeterminate--secondary"},null,-1),x=[k,b],S=m({__name:"EvProgress",props:{appearance:{default:"default"},indeterminate:{type:Boolean,default:!1},percentage:{default:0},size:{default:"medium"}},setup(l){const e=l;function c(){return`translateX(${0-(100-e.percentage)}%)`}function d(){return p()?e.size+"px":void 0}function p(){return g(e.size)}return(s,B)=>(t(),r("div",{role:"progressbar","aria-valuemin":"0","aria-valuemax":"100","aria-valuenow":s.percentage,class:u(["ev-progress",[{"is-indeterminate":e.indeterminate},n(v)(e.appearance,["default"]),n(_)(e.size,[n(f)])]]),style:i({height:d()})},[z,e.indeterminate?o("",!0):(t(),r("div",{key:0,class:"ev-progress--bar",style:i({transform:c()})},null,4)),e.indeterminate?(t(),r("div",y,x)):o("",!0)],14,h))}});export{S as default};
+import{defineComponent as m,createElementBlock as r,openBlock as t,normalizeStyle as i,normalizeClass as u,unref as n,createElementVNode as a,createCommentVNode as o}from"vue";/* empty css                */import{IntegerishPattern as f,isIntegerish as g}from"../../util/numbers.mjs";import{appearanceModifier as v,sizeModifier as _}from"../../util/modifiers.mjs";/*! Evance UI v1.1.68 | MIT License */const h=["aria-valuenow"],z=a("div",{class:"ev-progress--track"},null,-1),y={key:1,class:"ev-progress--indeterminate"},k=a("div",{class:"ev-progress--bar ev-progress--indeterminate--primary"},null,-1),b=a("div",{class:"ev-progress--bar ev-progress--indeterminate--secondary"},null,-1),x=[k,b],S=m({__name:"EvProgress",props:{appearance:{default:"default"},indeterminate:{type:Boolean,default:!1},percentage:{default:0},size:{default:"medium"}},setup(l){const e=l;function c(){return`translateX(${0-(100-e.percentage)}%)`}function d(){return p()?e.size+"px":void 0}function p(){return g(e.size)}return(s,B)=>(t(),r("div",{role:"progressbar","aria-valuemin":"0","aria-valuemax":"100","aria-valuenow":s.percentage,class:u(["ev-progress",[{"is-indeterminate":e.indeterminate},n(v)(e.appearance,["default"]),n(_)(e.size,[n(f)])]]),style:i({height:d()})},[z,e.indeterminate?o("",!0):(t(),r("div",{key:0,class:"ev-progress--bar",style:i({transform:c()})},null,4)),e.indeterminate?(t(),r("div",y,x)):o("",!0)],14,h))}});export{S as default};
 //# sourceMappingURL=EvProgress.vue.mjs.map

package/dist/esm/components/EvProgress/EvProgress.vue2.mjs

@@ -1,2 +1,2 @@
-import f from"./EvProgress.vue.mjs";/*! Evance UI v1.1.66 | MIT License */export{f as default};
+import f from"./EvProgress.vue.mjs";/*! Evance UI v1.1.68 | MIT License */export{f as default};
 //# sourceMappingURL=EvProgress.vue2.mjs.map

package/dist/esm/components/EvProgressCircular/EvProgressCircular.vue.mjs

@@ -1,2 +1,2 @@
-import{defineComponent as v,ref as _,createElementBlock as u,openBlock as f,normalizeStyle as d,normalizeClass as w,unref as y,createElementVNode as c,renderSlot as z}from"vue";/* empty css                        */import{appearanceModifier as x}from"../../util/modifiers.mjs";import{toWebUnit as C}from"../../util/units.mjs";/*! Evance UI v1.1.66 | MIT License */const B=["aria-valuenow"],R=["r","stroke-width","stroke-dasharray"],S=["r","stroke-width","stroke-dasharray","stroke-dashoffset"],W={class:"ev-progress-circular--content"},r=48,b=-90,U=v({__name:"EvProgressCircular",props:{appearance:{default:"default"},indeterminate:{type:Boolean,default:!1},percentage:{default:0},rotate:{default:0},size:{default:"default"},thickness:{default:2}},setup(p){const e=p,a=_(null),h=r/2;function l(){if(e.size!=="default")return C(e.size)}function s(){return Math.PI*(n()*2)}function m(){return a.value?a.value.clientWidth:r}function g(){return e.indeterminate?0:s()*(1-e.percentage/100)}function n(){return h-o()/2}function k(){return`rotate(${b+e.rotate}deg)`}function o(){const t=r/2,i=e.thickness/m()*r;return i>t?t:i}return(t,i)=>(f(),u("span",{ref_key:"container",ref:a,role:"progressbar","aria-valuemin":"0","aria-valuemax":"100","aria-valuenow":t.percentage,class:w(["ev-progress-circular",[{"is-indeterminate":e.indeterminate,"is-size-default":e.size==="default"},y(x)(e.appearance,["default"])]]),style:d({width:l(),height:l()})},[(f(),u("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 48 48",style:d({transform:k()})},[c("circle",{class:"ev-progress-circular--track",fill:"transparent",cx:"50%",cy:"50%",r:n(),"stroke-width":o(),"stroke-dasharray":s(),"stroke-dashoffset":"0"},null,8,R),c("circle",{class:"ev-progress-circular--bar",fill:"transparent",cx:"50%",cy:"50%",r:n(),"stroke-width":o(),"stroke-dasharray":s(),"stroke-dashoffset":g()},null,8,S)],4)),c("span",W,[z(t.$slots,"default")])],14,B))}});export{U as default};
+import{defineComponent as v,ref as _,createElementBlock as u,openBlock as f,normalizeStyle as d,normalizeClass as w,unref as y,createElementVNode as c,renderSlot as z}from"vue";/* empty css                        */import{appearanceModifier as x}from"../../util/modifiers.mjs";import{toWebUnit as C}from"../../util/units.mjs";/*! Evance UI v1.1.68 | MIT License */const B=["aria-valuenow"],R=["r","stroke-width","stroke-dasharray"],S=["r","stroke-width","stroke-dasharray","stroke-dashoffset"],W={class:"ev-progress-circular--content"},r=48,b=-90,U=v({__name:"EvProgressCircular",props:{appearance:{default:"default"},indeterminate:{type:Boolean,default:!1},percentage:{default:0},rotate:{default:0},size:{default:"default"},thickness:{default:2}},setup(p){const e=p,a=_(null),h=r/2;function l(){if(e.size!=="default")return C(e.size)}function s(){return Math.PI*(n()*2)}function m(){return a.value?a.value.clientWidth:r}function g(){return e.indeterminate?0:s()*(1-e.percentage/100)}function n(){return h-o()/2}function k(){return`rotate(${b+e.rotate}deg)`}function o(){const t=r/2,i=e.thickness/m()*r;return i>t?t:i}return(t,i)=>(f(),u("span",{ref_key:"container",ref:a,role:"progressbar","aria-valuemin":"0","aria-valuemax":"100","aria-valuenow":t.percentage,class:w(["ev-progress-circular",[{"is-indeterminate":e.indeterminate,"is-size-default":e.size==="default"},y(x)(e.appearance,["default"])]]),style:d({width:l(),height:l()})},[(f(),u("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 48 48",style:d({transform:k()})},[c("circle",{class:"ev-progress-circular--track",fill:"transparent",cx:"50%",cy:"50%",r:n(),"stroke-width":o(),"stroke-dasharray":s(),"stroke-dashoffset":"0"},null,8,R),c("circle",{class:"ev-progress-circular--bar",fill:"transparent",cx:"50%",cy:"50%",r:n(),"stroke-width":o(),"stroke-dasharray":s(),"stroke-dashoffset":g()},null,8,S)],4)),c("span",W,[z(t.$slots,"default")])],14,B))}});export{U as default};
 //# sourceMappingURL=EvProgressCircular.vue.mjs.map

package/dist/esm/components/EvProgressCircular/EvProgressCircular.vue2.mjs

@@ -1,2 +1,2 @@
-import f from"./EvProgressCircular.vue.mjs";/*! Evance UI v1.1.66 | MIT License */export{f as default};
+import f from"./EvProgressCircular.vue.mjs";/*! Evance UI v1.1.68 | MIT License */export{f as default};
 //# sourceMappingURL=EvProgressCircular.vue2.mjs.map

package/dist/esm/components/EvQuickfind/EvQuickfind.vue.mjs

@@ -1,2 +1,2 @@
-import{defineComponent as m,computed as r,createElementBlock as n,openBlock as a,normalizeClass as c,unref as e,createVNode as d,createElementVNode as u,toDisplayString as p}from"vue";/* empty css                 */import f from"../EvIcon/EvIcon.vue.mjs";/* empty css                    */import z from"../../icons/glyph/QuickfindIcon.svg.mjs";import{useModelProxy as _}from"../../composables/modelProxy.mjs";import{sizeModifier as k}from"../../util/modifiers.mjs";/*! Evance UI v1.1.66 | MIT License */const y={class:"ev-quickfind--code"},x=m({__name:"EvQuickfind",props:{modelValue:{},bold:{type:Boolean,default:!1},size:{default:"medium"}},setup(s){const o=s,t=_(o,"modelValue"),l=r(()=>{switch(o.size){case"small":case"medium":return"small";default:return"medium"}});return(i,h)=>(a(),n("span",{class:c(["ev-quickfind",{"is-variant-bold":i.bold},e(k)(i.size,["medium"])])},[d(f,{glyph:e(z),size:l.value},null,8,["glyph","size"]),u("span",y,p(e(t)),1)],2))}});export{x as default};
+import{defineComponent as m,computed as r,createElementBlock as n,openBlock as a,normalizeClass as c,unref as e,createVNode as d,createElementVNode as u,toDisplayString as p}from"vue";/* empty css                 */import f from"../EvIcon/EvIcon.vue.mjs";/* empty css                    */import z from"../../icons/glyph/QuickfindIcon.svg.mjs";import{useModelProxy as _}from"../../composables/modelProxy.mjs";import{sizeModifier as k}from"../../util/modifiers.mjs";/*! Evance UI v1.1.68 | MIT License */const y={class:"ev-quickfind--code"},x=m({__name:"EvQuickfind",props:{modelValue:{},bold:{type:Boolean,default:!1},size:{default:"medium"}},setup(s){const o=s,t=_(o,"modelValue"),l=r(()=>{switch(o.size){case"small":case"medium":return"small";default:return"medium"}});return(i,h)=>(a(),n("span",{class:c(["ev-quickfind",{"is-variant-bold":i.bold},e(k)(i.size,["medium"])])},[d(f,{glyph:e(z),size:l.value},null,8,["glyph","size"]),u("span",y,p(e(t)),1)],2))}});export{x as default};
 //# sourceMappingURL=EvQuickfind.vue.mjs.map

package/dist/esm/components/EvQuickfind/EvQuickfind.vue2.mjs

@@ -1,2 +1,2 @@
-import f from"./EvQuickfind.vue.mjs";/*! Evance UI v1.1.66 | MIT License */export{f as default};
+import f from"./EvQuickfind.vue.mjs";/*! Evance UI v1.1.68 | MIT License */export{f as default};
 //# sourceMappingURL=EvQuickfind.vue2.mjs.map

package/dist/esm/components/EvRadio/EvRadio.mjs

@@ -1,2 +1,2 @@
-import{makeFormFieldProps as o}from"../../composables/validation.mjs";import{makeComponentProps as r}from"../../composables/component.mjs";import{makeLabelProps as m}from"../EvLabel/EvLabel.mjs";import{propsFactory as a}from"../../util/props.mjs";/*! Evance UI v1.1.66 | MIT License */const i=a({clearable:Boolean,value:null,...m(),...o(),...r()},"EvRadio");export{i as makeEvRadioProps};
+import{makeFormFieldProps as o}from"../../composables/validation.mjs";import{makeComponentProps as r}from"../../composables/component.mjs";import{makeLabelProps as m}from"../EvLabel/EvLabel.mjs";import{propsFactory as a}from"../../util/props.mjs";/*! Evance UI v1.1.68 | MIT License */const i=a({clearable:Boolean,value:null,...m(),...o(),...r()},"EvRadio");export{i as makeEvRadioProps};
 //# sourceMappingURL=EvRadio.mjs.map

package/dist/esm/components/EvRadio/EvRadio.vue.mjs

@@ -1,2 +1,2 @@
-import{defineComponent as F,useSlots as S,inject as V,useAttrs as x,ref as c,computed as B,createElementBlock as d,openBlock as f,mergeProps as p,unref as e,createElementVNode as r,createCommentVNode as D,withKeys as I,createVNode as K,withCtx as N,renderSlot as w}from"vue";/* empty css             */import P from"../EvLabel/EvLabel.vue.mjs";import{EvRadioGroupSymbol as $}from"../EvRadioGroup/EvRadioGroup.mjs";import{makeEvRadioProps as j}from"./EvRadio.mjs";import{useFormField as q}from"../../composables/validation.mjs";import{splitInputAttrs as G}from"../../util/helpers.mjs";import{isDeepEqual as z}from"../../util/is-functions.mjs";/*! Evance UI v1.1.66 | MIT License */const H={class:"ev-radio--control"},J=r("div",{class:"ev-radio--circles"},[r("div",{class:"ev-radio--outer-circle"}),r("div",{class:"ev-radio--inner-circle"})],-1),L=["id","name","disabled","value","checked","onKeyup"],M={key:0,class:"ev-radio--label"},ee=F({inheritAttrs:!1,__name:"EvRadio",props:{...j()},emits:["update:focused","update:modelValue"],setup(m,{expose:v}){const t=m,u=S(),b=V($,void 0),_=x(),k=c(null),a=c(null),[h,y]=G(_),o=q(t,b),R=z,s=B({get(){return R(o.value,t.value)},set(l){t.readonly||(o.value=l?t.value:"")}});function E(l){s.value&&t.clearable&&(s.value=!1)}function C(l){s.value=l.target.checked}function g(l){s.value&&t.clearable&&(s.value=!1,l.preventDefault())}function A(){return a.value}return v({field:o,input:a,focus:()=>{var l;(l=A())==null||l.focus()}}),(l,i)=>(f(),d("div",p({ref_key:"containerRef",ref:k,class:["ev-radio",{"is-checked":s.value,"is-labelled":t.label||e(u).label},e(o).classes,t.class],style:t.style},e(h)),[r("div",H,[J,r("input",p({id:e(o).id,ref_key:"inputRef",ref:a,type:"radio",name:e(o).name,disabled:e(o).isDisabled||e(o).isReadonly,value:t.value,checked:s.value},e(y),{onBlur:i[0]||(i[0]=(...n)=>e(o).blur&&e(o).blur(...n)),onClick:E,onFocus:i[1]||(i[1]=(...n)=>e(o).focus&&e(o).focus(...n)),onInput:C,onKeyup:I(g,["space"])}),null,16,L)]),t.label||e(u).label?(f(),d("div",M,[K(P,{clickable:"",for:e(o).id,title:t.label,hint:t.hint},{default:N(()=>[w(l.$slots,"label")]),_:3},8,["for","title","hint"])])):D("",!0)],16))}});export{ee as default};
+import{defineComponent as F,useSlots as S,inject as V,useAttrs as x,ref as c,computed as B,createElementBlock as d,openBlock as f,mergeProps as p,unref as e,createElementVNode as r,createCommentVNode as D,withKeys as I,createVNode as K,withCtx as N,renderSlot as w}from"vue";/* empty css             */import P from"../EvLabel/EvLabel.vue.mjs";import{EvRadioGroupSymbol as $}from"../EvRadioGroup/EvRadioGroup.mjs";import{makeEvRadioProps as j}from"./EvRadio.mjs";import{useFormField as q}from"../../composables/validation.mjs";import{splitInputAttrs as G}from"../../util/helpers.mjs";import{isDeepEqual as z}from"../../util/is-functions.mjs";/*! Evance UI v1.1.68 | MIT License */const H={class:"ev-radio--control"},J=r("div",{class:"ev-radio--circles"},[r("div",{class:"ev-radio--outer-circle"}),r("div",{class:"ev-radio--inner-circle"})],-1),L=["id","name","disabled","value","checked","onKeyup"],M={key:0,class:"ev-radio--label"},ee=F({inheritAttrs:!1,__name:"EvRadio",props:{...j()},emits:["update:focused","update:modelValue"],setup(m,{expose:v}){const t=m,u=S(),b=V($,void 0),_=x(),k=c(null),a=c(null),[h,y]=G(_),o=q(t,b),R=z,s=B({get(){return R(o.value,t.value)},set(l){t.readonly||(o.value=l?t.value:"")}});function E(l){s.value&&t.clearable&&(s.value=!1)}function C(l){s.value=l.target.checked}function g(l){s.value&&t.clearable&&(s.value=!1,l.preventDefault())}function A(){return a.value}return v({field:o,input:a,focus:()=>{var l;(l=A())==null||l.focus()}}),(l,i)=>(f(),d("div",p({ref_key:"containerRef",ref:k,class:["ev-radio",{"is-checked":s.value,"is-labelled":t.label||e(u).label},e(o).classes,t.class],style:t.style},e(h)),[r("div",H,[J,r("input",p({id:e(o).id,ref_key:"inputRef",ref:a,type:"radio",name:e(o).name,disabled:e(o).isDisabled||e(o).isReadonly,value:t.value,checked:s.value},e(y),{onBlur:i[0]||(i[0]=(...n)=>e(o).blur&&e(o).blur(...n)),onClick:E,onFocus:i[1]||(i[1]=(...n)=>e(o).focus&&e(o).focus(...n)),onInput:C,onKeyup:I(g,["space"])}),null,16,L)]),t.label||e(u).label?(f(),d("div",M,[K(P,{clickable:"",for:e(o).id,title:t.label,hint:t.hint},{default:N(()=>[w(l.$slots,"label")]),_:3},8,["for","title","hint"])])):D("",!0)],16))}});export{ee as default};
 //# sourceMappingURL=EvRadio.vue.mjs.map

package/dist/esm/components/EvRadio/EvRadio.vue2.mjs

@@ -1,2 +1,2 @@
-import f from"./EvRadio.vue.mjs";/*! Evance UI v1.1.66 | MIT License */export{f as default};
+import f from"./EvRadio.vue.mjs";/*! Evance UI v1.1.68 | MIT License */export{f as default};
 //# sourceMappingURL=EvRadio.vue2.mjs.map

package/dist/esm/components/EvRadioGroup/EvRadioGroup.mjs

@@ -1,2 +1,2 @@
-import{makeComponentProps as o}from"../../composables/component.mjs";import{makeFormFieldProps as r}from"../../composables/validation.mjs";import{makeLabelProps as m}from"../EvLabel/EvLabel.mjs";import{propsFactory as p}from"../../util/props.mjs";/*! Evance UI v1.1.66 | MIT License */const n=Symbol.for("ev:radio-group"),s=p({inline:Boolean,...m(),...r(),...o()},"EvRadioGroup");export{n as EvRadioGroupSymbol,s as makeEvRadioGroupProps};
+import{makeComponentProps as o}from"../../composables/component.mjs";import{makeFormFieldProps as r}from"../../composables/validation.mjs";import{makeLabelProps as m}from"../EvLabel/EvLabel.mjs";import{propsFactory as p}from"../../util/props.mjs";/*! Evance UI v1.1.68 | MIT License */const n=Symbol.for("ev:radio-group"),s=p({inline:Boolean,...m(),...r(),...o()},"EvRadioGroup");export{n as EvRadioGroupSymbol,s as makeEvRadioGroupProps};
 //# sourceMappingURL=EvRadioGroup.mjs.map

package/dist/esm/components/EvRadioGroup/EvRadioGroup.vue.mjs

@@ -1,2 +1,2 @@
-import{defineComponent as u,useSlots as _,computed as f,provide as v,createElementBlock as t,openBlock as s,normalizeStyle as h,normalizeClass as g,createCommentVNode as l,createElementVNode as b,unref as r,createVNode as a,withCtx as y,renderSlot as n}from"vue";/* empty css                  */import E from"../EvLabel/EvLabel.vue.mjs";import{makeEvRadioGroupProps as k,EvRadioGroupSymbol as S}from"./EvRadioGroup.mjs";import{useFormField as $}from"../../composables/validation.mjs";import C from"../EvErrors/EvErrors.vue.mjs";import{getNextId as N}from"../../util/helpers.mjs";/*! Evance UI v1.1.66 | MIT License */const V=["id"],F={key:0,class:"ev-radio-group--label"},G={class:"ev-radio-group--control"},R={key:1,class:"ev-radio-group-errors"},j=u({inheritAttrs:!1,__name:"EvRadioGroup",props:{...k()},emits:["update:modelValue"],setup(d){const e=d,m=_(),c=N(),p=f(()=>e.id||`radio-group-${c}`),o=$(e);return v(S,o),(i,w)=>(s(),t("div",{id:p.value,class:g(["ev-radio-group",e.class,{"is-inline":e.inline}]),style:h(e.style)},[e.label||e.hint||r(m).label?(s(),t("div",F,[a(E,{title:e.label,hint:e.hint},{default:y(()=>[n(i.$slots,"label")]),_:3},8,["title","hint"])])):l("",!0),b("div",G,[n(i.$slots,"default")]),r(o).isShowErrorMessages?(s(),t("div",R,[a(C,{messages:r(o).errorMessages},null,8,["messages"])])):l("",!0)],14,V))}});export{j as default};
+import{defineComponent as u,useSlots as _,computed as f,provide as v,createElementBlock as t,openBlock as s,normalizeStyle as h,normalizeClass as g,createCommentVNode as l,createElementVNode as b,unref as r,createVNode as a,withCtx as y,renderSlot as n}from"vue";/* empty css                  */import E from"../EvLabel/EvLabel.vue.mjs";import{makeEvRadioGroupProps as k,EvRadioGroupSymbol as S}from"./EvRadioGroup.mjs";import{useFormField as $}from"../../composables/validation.mjs";import C from"../EvErrors/EvErrors.vue.mjs";import{getNextId as N}from"../../util/helpers.mjs";/*! Evance UI v1.1.68 | MIT License */const V=["id"],F={key:0,class:"ev-radio-group--label"},G={class:"ev-radio-group--control"},R={key:1,class:"ev-radio-group-errors"},j=u({inheritAttrs:!1,__name:"EvRadioGroup",props:{...k()},emits:["update:modelValue"],setup(d){const e=d,m=_(),c=N(),p=f(()=>e.id||`radio-group-${c}`),o=$(e);return v(S,o),(i,w)=>(s(),t("div",{id:p.value,class:g(["ev-radio-group",e.class,{"is-inline":e.inline}]),style:h(e.style)},[e.label||e.hint||r(m).label?(s(),t("div",F,[a(E,{title:e.label,hint:e.hint},{default:y(()=>[n(i.$slots,"label")]),_:3},8,["title","hint"])])):l("",!0),b("div",G,[n(i.$slots,"default")]),r(o).isShowErrorMessages?(s(),t("div",R,[a(C,{messages:r(o).errorMessages},null,8,["messages"])])):l("",!0)],14,V))}});export{j as default};
 //# sourceMappingURL=EvRadioGroup.vue.mjs.map

package/dist/esm/components/EvRadioGroup/EvRadioGroup.vue2.mjs

@@ -1,2 +1,2 @@
-import f from"./EvRadioGroup.vue.mjs";/*! Evance UI v1.1.66 | MIT License */export{f as default};
+import f from"./EvRadioGroup.vue.mjs";/*! Evance UI v1.1.68 | MIT License */export{f as default};
 //# sourceMappingURL=EvRadioGroup.vue2.mjs.map

package/dist/esm/components/EvResponsive/EvResponsive.mjs

@@ -1,2 +1,2 @@
-import{makeComponentProps as o}from"../../composables/component.mjs";import{makeDimensionsProps as e}from"../../composables/dimensions.mjs";import{makeAspectRatioProps as r}from"../../composables/aspectRatio.mjs";import{propsFactory as p}from"../../util/props.mjs";/*! Evance UI v1.1.66 | MIT License */const n=p({contentClass:String,inline:{type:Boolean,default:void 0,required:!1},...r(),...o(),...e()},"EvResponsive");export{n as makeEvResponsiveProps};
+import{makeComponentProps as o}from"../../composables/component.mjs";import{makeDimensionsProps as e}from"../../composables/dimensions.mjs";import{makeAspectRatioProps as r}from"../../composables/aspectRatio.mjs";import{propsFactory as p}from"../../util/props.mjs";/*! Evance UI v1.1.68 | MIT License */const n=p({contentClass:String,inline:{type:Boolean,default:void 0,required:!1},...r(),...o(),...e()},"EvResponsive");export{n as makeEvResponsiveProps};
 //# sourceMappingURL=EvResponsive.mjs.map

package/dist/esm/components/EvResponsive/EvResponsive.vue.mjs

@@ -1,2 +1,2 @@
-import{defineComponent as d,useSlots as v,createElementBlock as t,openBlock as n,normalizeStyle as l,normalizeClass as r,unref as s,createElementVNode as u,renderSlot as i,createCommentVNode as f}from"vue";/* empty css                  */import{makeEvResponsiveProps as y}from"./EvResponsive.mjs";import{useDimensions as S}from"../../composables/dimensions.mjs";import{useAspectStyles as k}from"../../composables/aspectRatio.mjs";/*! Evance UI v1.1.66 | MIT License */const R=d({__name:"EvResponsive",props:{...y()},setup(a){const e=a,m=v(),{aspectStyles:p}=k(e),c=S(e);return(o,C)=>(n(),t("div",{class:r(["ev-responsive",{"is-inline":e.inline},e.class]),style:l([s(c),e.style])},[u("div",{class:"ev-responsive--sizer",style:l(s(p))},null,4),i(o.$slots,"additional"),s(m).default?(n(),t("div",{key:0,class:r(["ev-responsive--content",e.contentClass])},[i(o.$slots,"default")],2)):f("",!0)],6))}});export{R as default};
+import{defineComponent as d,useSlots as v,createElementBlock as t,openBlock as n,normalizeStyle as l,normalizeClass as r,unref as s,createElementVNode as u,renderSlot as i,createCommentVNode as f}from"vue";/* empty css                  */import{makeEvResponsiveProps as y}from"./EvResponsive.mjs";import{useDimensions as S}from"../../composables/dimensions.mjs";import{useAspectStyles as k}from"../../composables/aspectRatio.mjs";/*! Evance UI v1.1.68 | MIT License */const R=d({__name:"EvResponsive",props:{...y()},setup(a){const e=a,m=v(),{aspectStyles:p}=k(e),c=S(e);return(o,C)=>(n(),t("div",{class:r(["ev-responsive",{"is-inline":e.inline},e.class]),style:l([s(c),e.style])},[u("div",{class:"ev-responsive--sizer",style:l(s(p))},null,4),i(o.$slots,"additional"),s(m).default?(n(),t("div",{key:0,class:r(["ev-responsive--content",e.contentClass])},[i(o.$slots,"default")],2)):f("",!0)],6))}});export{R as default};
 //# sourceMappingURL=EvResponsive.vue.mjs.map

package/dist/esm/components/EvResponsive/EvResponsive.vue2.mjs

@@ -1,2 +1,2 @@
-import f from"./EvResponsive.vue.mjs";/*! Evance UI v1.1.66 | MIT License */export{f as default};
+import f from"./EvResponsive.vue.mjs";/*! Evance UI v1.1.68 | MIT License */export{f as default};
 //# sourceMappingURL=EvResponsive.vue2.mjs.map

package/dist/esm/components/EvSection/EvSection.mjs

@@ -1,2 +1,2 @@
-import{makeComponentProps as o}from"../../composables/component.mjs";import{makeTagProps as r}from"../../composables/tag.mjs";import{propsFactory as t}from"../../util/props.mjs";/*! Evance UI v1.1.66 | MIT License */const i=t({title:String,...o(),...r()},"EvSection");export{i as makeEvSectionProps};
+import{makeComponentProps as o}from"../../composables/component.mjs";import{makeTagProps as r}from"../../composables/tag.mjs";import{propsFactory as t}from"../../util/props.mjs";/*! Evance UI v1.1.68 | MIT License */const i=t({title:String,...o(),...r()},"EvSection");export{i as makeEvSectionProps};
 //# sourceMappingURL=EvSection.mjs.map

package/dist/esm/components/EvSection/EvSection.vue.mjs

@@ -1,2 +1,2 @@
-import{defineComponent as c,useSlots as m,createBlock as o,openBlock as a,resolveDynamicComponent as p,normalizeStyle as d,normalizeClass as u,withCtx as s,createCommentVNode as f,renderSlot as l,unref as r,createTextVNode as g,toDisplayString as _}from"vue";/* empty css               */import{makeEvSectionProps as h}from"./EvSection.mjs";import y from"../EvEyebrow/EvEyebrow.vue.mjs";/*! Evance UI v1.1.66 | MIT License */const $=c({__name:"EvSection",props:{...h()},setup(n){const e=n,i=m();return(t,v)=>(a(),o(p(e.tag),{role:"group","aria-label":e.title,class:u(["ev-section",e.class]),style:d(e.style)},{default:s(()=>[e.title||r(i).heading?(a(),o(r(y),{key:0,tag:"div",appearance:"subtle",role:"heading",class:"ev-section--heading","aria-hidden":"true"},{default:s(()=>[l(t.$slots,"heading",{},()=>[g(_(e.title),1)])]),_:3})):f("",!0),l(t.$slots,"default")]),_:3},8,["aria-label","class","style"]))}});export{$ as default};
+import{defineComponent as c,useSlots as m,createBlock as o,openBlock as a,resolveDynamicComponent as p,normalizeStyle as d,normalizeClass as u,withCtx as s,createCommentVNode as f,renderSlot as l,unref as r,createTextVNode as g,toDisplayString as _}from"vue";/* empty css               */import{makeEvSectionProps as h}from"./EvSection.mjs";import y from"../EvEyebrow/EvEyebrow.vue.mjs";/*! Evance UI v1.1.68 | MIT License */const $=c({__name:"EvSection",props:{...h()},setup(n){const e=n,i=m();return(t,v)=>(a(),o(p(e.tag),{role:"group","aria-label":e.title,class:u(["ev-section",e.class]),style:d(e.style)},{default:s(()=>[e.title||r(i).heading?(a(),o(r(y),{key:0,tag:"div",appearance:"subtle",role:"heading",class:"ev-section--heading","aria-hidden":"true"},{default:s(()=>[l(t.$slots,"heading",{},()=>[g(_(e.title),1)])]),_:3})):f("",!0),l(t.$slots,"default")]),_:3},8,["aria-label","class","style"]))}});export{$ as default};
 //# sourceMappingURL=EvSection.vue.mjs.map

package/dist/esm/components/EvSection/EvSection.vue2.mjs

@@ -1,2 +1,2 @@
-import f from"./EvSection.vue.mjs";/*! Evance UI v1.1.66 | MIT License */export{f as default};
+import f from"./EvSection.vue.mjs";/*! Evance UI v1.1.68 | MIT License */export{f as default};
 //# sourceMappingURL=EvSection.vue2.mjs.map

package/dist/esm/components/EvSelect/EvSelect.mjs

@@ -1,2 +1,2 @@
-import{makeListItemsProps as e}from"../../composables/lists/list-items.mjs";import{makeEvTextfieldProps as t}from"../EvTextfield/EvTextfield.mjs";import o from"../../icons/glyph/ChevronDownIcon.svg.mjs";import{makeFilterProps as r}from"../../composables/filter.mjs";import{propsFactory as l}from"../../util/props.mjs";import{omit as m}from"../../util/helpers.mjs";/*! Evance UI v1.1.66 | MIT License */const f=l({autoSelectFirst:{type:[Boolean,String]},behavior:{type:String,default:"select"},delimiters:{type:Array,default:[","]},hideItemsEmpty:Boolean,hideSelected:Boolean,itemsEmptyText:{type:String,default:"select.noItemsText"},menuOpen:Boolean,multiple:Boolean,openOnClear:Boolean,search:String,tags:Boolean,...r({filterKeys:["title"]}),...e({itemChildren:!1}),...m(t({modelValue:null,iconEnd:o,role:"select"}),["align","monospace","type"])},"EvSelect");export{f as makeEvSelectProps};
+import{makeListItemsProps as e}from"../../composables/lists/list-items.mjs";import{makeEvTextfieldProps as t}from"../EvTextfield/EvTextfield.mjs";import o from"../../icons/glyph/ChevronDownIcon.svg.mjs";import{makeFilterProps as r}from"../../composables/filter.mjs";import{propsFactory as l}from"../../util/props.mjs";import{omit as m}from"../../util/helpers.mjs";/*! Evance UI v1.1.68 | MIT License */const f=l({autoSelectFirst:{type:[Boolean,String]},behavior:{type:String,default:"select"},delimiters:{type:Array,default:[","]},hideItemsEmpty:Boolean,hideSelected:Boolean,itemsEmptyText:{type:String,default:"select.noItemsText"},menuOpen:Boolean,multiple:Boolean,openOnClear:Boolean,search:String,tags:Boolean,...r({filterKeys:["title"]}),...e({itemChildren:!1}),...m(t({modelValue:null,iconEnd:o,role:"select"}),["align","monospace","type"])},"EvSelect");export{f as makeEvSelectProps};
 //# sourceMappingURL=EvSelect.mjs.map

package/dist/esm/components/EvSelect/EvSelect.vue.mjs

@@ -1,2 +1,2 @@
-import{defineComponent as Ae,useSlots as Be,ref as T,computed as f,shallowRef as C,watch as P,createBlock as j,openBlock as y,unref as u,mergeProps as K,createSlots as Oe,withCtx as k,createElementBlock as x,createCommentVNode as V,createVNode as L,Fragment as Ue,renderList as Ne,normalizeClass as He,renderSlot as d,normalizeProps as te,guardReactiveProps as oe,createTextVNode as je,toDisplayString as ze,nextTick as We}from"vue";/* empty css              */import{makeEvSelectProps as qe}from"./EvSelect.mjs";import{useScrolling as Je}from"./useScrolling.mjs";import ne from"../EvTextfield/EvTextfield.vue.mjs";import Ge from"../EvMenu/EvMenu.vue.mjs";import Qe from"../EvList/EvList.vue.mjs";import ae from"../EvListItem/EvListItem.vue.mjs";import Xe from"../EvVirtualScroll/EvVirtualScroll.vue.mjs";import Ye from"../EvSurface/EvSurface.vue.mjs";import Ze from"../EvTag/EvTag.vue.mjs";import{useItems as el,transformItem as se}from"../../composables/lists/list-items.mjs";import{useModelProxy as ue}from"../../composables/modelProxy.mjs";import{useLocaleFunctions as ll}from"../../composables/locale.mjs";import{useForm as tl}from"../../composables/form.mjs";import{useFilter as ol}from"../../composables/filter.mjs";import{useFormField as nl}from"../../composables/validation.mjs";import{omit as al,filterComponentProps as sl,wrapInArray as ul,matchesSelector as re}from"../../util/helpers.mjs";import{isComposingIgnoreKey as rl,KeyLogger as il}from"../../util/keyboard.mjs";import{Browser as cl}from"../../util/browser.mjs";/*! Evance UI v1.1.66 | MIT License */const vl={key:1,class:"ev-select--selected-text"},fl={key:0,class:"ev-select--selected-comma"},dl={key:0,class:"ev-select--placeholder"},pl={key:0,class:"ev-select--list-prefix"},ml={key:1,class:"ev-select--list-suffix"},Tl=Ae({__name:"EvSelect",props:{...qe()},emits:["update:focused","update:menuOpen","update:modelValue","update:search"],setup(ie,{emit:ce}){const o=ie,S=Be(),h=T(),ve=f(()=>al(sl(ne,o),["modelValue","iconEnd"])),w=C(!1),M=C(!0),I=f(()=>o.behavior!=="select"),A=C(!1),z=C(!1),p=C(new Map),W=T(),B=ue(o,"menuOpen"),D=f(()=>o.hideItemsEmpty&&!F.value.length||!!o.readonly),v=f({get:()=>B.value,set:e=>{var l;B.value&&!e&&((l=W.value)!=null&&l.openChildren)||e&&D.value||(B.value=e)}}),fe=f(()=>D.value?void 0:o.iconEnd),b=T(),O=T(),{items:F,transformIn:de,transformOut:pe}=el(o),i=ue(o,"search",""),{filteredItems:q}=ol(o,F,()=>M.value||!I.value?"":i.value),_=f(()=>o.hideSelected?q.value.filter(e=>!n.value.some(l=>l.value===e.value)):q.value),U=nl(o,void 0,e=>de(e===null?[null]:ul(e)),e=>{const l=pe(e);return o.multiple?l:l[0]??null}),n=U.model,R=f(()=>n.value.map(e=>ke(e.value)||e)),s=C(-1),me=f(()=>R.value.map(e=>e.props.value)),J=new il,G=f(()=>{var l;return(o.autoSelectFirst===!0||o.autoSelectFirst==="exact"&&i.value===((l=_.value[0])==null?void 0:l.title))&&_.value.length>0&&!M.value&&!A.value}),N=tl(),{t:ye}=ll();function $(e){const{value:l}=e;return typeof l=="object"&&l!==null?JSON.stringify(l):l}function Q(e){const l=new Map(p.value);l.set($(e),e),p.value=l}function he(e){const l=new Map(p.value);l.delete($(e)),p.value=l}function ge(e,l){return e.find(t=>o.valueComparator(t.value,l))}function ke(e){return Array.from(p.value.values()).find(l=>o.valueComparator(l.value,e))}function we(){var e;w.value&&(M.value=!0,(e=h.value)==null||e.focus())}function xe(e){setTimeout(()=>{w.value=!0,A.value=!0})}function Se(e){A.value=!1}function Ie(e){e.preventDefault()}const{onListScroll:be,onListKeydown:Fe}=Je(b,h);function _e(e){var l;(l=b.value)!=null&&l.$el.contains(e.relatedTarget)||(v.value=!1),s.value=-1}function Ce(e){if(re(h.value,":autofill")||re(h.value,":-webkit-autofill")){const l=F.value.find(t=>t.title===e.target.value);l&&m(l)}}function Me(e){o.openOnClear&&(v.value=!0),i.value=""}function $e(e){i.value=e.target.value}function Ee(e){var E,Y,Z,ee,le;if(!e.key||rl(e)||o.readonly||N!=null&&N.isReadonly.value)return;const l=["Enter","ArrowDown","ArrowUp"],t=["Enter","ArrowDown"],a=["Escape"];if(I.value||(l.push(" ","Home","End"),t.push(" "),a.push("Tab")),(s.value>-1||l.includes(e.key))&&e.preventDefault(),t.includes(e.key)&&(v.value=!0),a.includes(e.key)&&(v.value=!1),!I.value){Pe(e);return}if(["Enter","Tab"].includes(e.key)&&(G.value?m(_.value[0]):!o.multiple&&o.behavior==="combobox"&&m(se(o,i.value))),e.key==="ArrowDown"&&G.value&&((E=b.value)==null||E.focus("next")),!o.multiple)return;const r=h.value.selectionStart,c=n.value.length;if(["Backspace","Delete"].includes(e.key)){if(s.value<0){e.key==="Backspace"&&!i.value&&(s.value=c-1);return}const g=s.value,H=n.value[s.value];H&&!H.props.disabled&&m(H,!1),s.value=g>=c-1?c-2:g}if(e.key==="ArrowLeft"){if(s.value<0&&r>0)return;const g=s.value>-1?s.value-1:c-1;n.value[g]?s.value=g:(s.value=-1,(ee=h.value)==null||ee.input.setSelectionRange((Y=i.value)==null?void 0:Y.length,(Z=i.value)==null?void 0:Z.length))}if(e.key==="ArrowRight"){if(s.value<0)return;const g=s.value+1;n.value[g]?s.value=g:(s.value=-1,(le=h.value)==null||le.input.setSelectionRange(0,0))}o.behavior==="combobox"&&(o.delimiters.includes(e.key)||e.key==="Enter")&&i.value&&(e.preventDefault(),m(se(o,i.value)),i.value="")}function Pe(e){var t,a,r;if(e.key==="Home"?(t=b.value)==null||t.focus("first"):e.key==="End"&&((a=b.value)==null||a.focus("last")),o.multiple||!J.log(e))return;const l=F.value.findIndex(c=>c.title.toLowerCase().startsWith(J.value));if(l>=0&&(n.value=[F.value[l]],v.value)){const c=l>0?l-1:0;(r=O.value)==null||r.scrollToIndex(c)}}function Ve(){D.value||(v.value=!v.value)}function m(e,l=!0){if(!e.props.disabled){if(o.multiple){const t=n.value.findIndex(r=>o.valueComparator(r.value,e.value)),a=l??!~t;if(~t){const r=[...n.value];a||(r.splice(t,1),he(e)),n.value=r}else a&&(Q(e),n.value=[...n.value,e]);i.value=""}else{const t=l!==!1;p.value=new Map,t&&Q(e),n.value=t?[e]:[],i.value=e.title,We(()=>{v.value=!1,M.value=!0,z.value=!1,h.value.input.blur(),w.value=!1})}s.value=-1}}const Le=f(()=>I.value?i.value:n.value.map(e=>e.props.value).join(", "));function De(e){(e===null||e===""&&!o.multiple)&&(n.value=[])}function Re(e,l,t){return K(e.props,{ref:t,key:l,onClick:()=>m(e,null)})}function Te(e){return{"onClick:close"(l){l.stopPropagation(),l.preventDefault(),m(e,!1)},onKeydown(l){l.key!=="Enter"&&l.key!==" "||(l.preventDefault(),l.stopPropagation(),m(e,!1))},onMousedown(l){l.preventDefault(),l.stopPropagation()}}}P([F,n],([e,l])=>{const t=new Map(p.value);let a=!1;for(const r of l){const c=$(r);if(t.has(c))continue;const E=ge(e,r.value);E&&(t.set(c,E),a=!0)}a&&(p.value=t)},{immediate:!0}),P(n,e=>{const l=new Map(p.value);let t=!1;for(const a of l.values())e.some(c=>o.valueComparator(c.value,a.value))||(l.delete($(a)),t=!0);t&&(p.value=l)}),P(i,(e,l)=>{!w.value||z.value||(e&&(v.value=!0),M.value=!e)}),P(w,(e,l)=>{e!==l&&ce("update:focused",e)}),P(v,()=>{if(o.hideSelected||!v.value||!n.value.length||!cl.hasWindow)return;const e=n.value[n.value.length-1],l=_.value.findIndex(t=>t.value===e.value);window.requestAnimationFrame(()=>{var t;l>=0&&((t=O.value)==null||t.scrollToIndex(l))})});const Ke=f(()=>n.value),X=f(()=>!R.value.length&&!!S.placeholder);return(e,l)=>(y(),j(u(ne),K({ref_key:"evTextfieldRef",ref:h},ve.value,{focused:w.value,"onUpdate:focused":l[1]||(l[1]=t=>w.value=t),class:["ev-select",{"is-single":!o.multiple,"is-multiple":o.multiple,"is-searchable":I.value,"is-selecting":s.value>-1,"is-placeholder":X.value},u(U).classes,o.class],"icon-end":fe.value,"model-value":Le.value,readonly:!I.value||o.readonly,placeholder:u(n).length?void 0:o.placeholder,"validation-value":Ke.value,"error-messages":u(U).errorMessages,onBlur:_e,onChange:Ce,"onClick:clear":Me,onInput:$e,onKeydown:Ee,"onMousedown:control":Ve,"onUpdate:modelValue":De}),Oe({default:k(()=>[(y(!0),x(Ue,null,Ne(R.value,(t,a)=>(y(),x("div",{key:$(t),class:He(["ev-select--selected",{"is-selected":a===s.value}])},[d(e.$slots,"selection",te(oe({item:t,index:a,deselect:()=>m(t,!1)})),()=>[o.tags?(y(),j(u(Ze),K({key:0,closable:o.multiple},Te(t),{text:t.title}),null,16,["closable","text"])):(y(),x("span",vl,[je(ze(t.title)+" ",1),o.multiple&&a<R.value.length-1?(y(),x("span",fl,",")):V("",!0)]))])],2))),128)),X.value?(y(),x("div",dl,[d(e.$slots,"placeholder")])):V("",!0),L(u(Ge),{ref_key:"evMenuRef",ref:W,modelValue:v.value,"onUpdate:modelValue":l[0]||(l[0]=t=>v.value=t),class:"ev-select--menu","max-height":"310",disabled:D.value,activator:"parent","close-on-content-click":!1,"open-on-click":!1,onAfterLeave:we},{default:k(()=>[L(u(Ye),{elevation:"overlay",scrollable:""},{default:k(()=>[u(S)["list-prefix"]?(y(),x("div",pl,[d(e.$slots,"list-prefix")])):V("",!0),L(u(Qe),{ref_key:"evListRef",ref:b,class:"ev-select--list",selected:me.value,"select-strategy":o.multiple?"multi-any":"single-any",tabindex:"-1",onFocusin:xe,onFocusout:Se,onKeydown:u(Fe),onMousedown:Ie,onScrollPassive:u(be)},{default:k(()=>[d(e.$slots,"items-prefix"),!_.value.length&&!o.hideItemsEmpty?d(e.$slots,"items-empty",{key:0},()=>[L(u(ae),{title:u(ye)(o.itemsEmptyText)},null,8,["title"])]):V("",!0),L(u(Xe),{ref_key:"evVirtualScrollRef",ref:O,renderless:"",items:_.value},{default:k(({item:t,index:a,itemRef:r})=>[d(e.$slots,"item",te(oe({item:t,index:a,props:Re(t,a,r)})),()=>[(y(),j(u(ae),K({ref:r},t.props,{key:a,onClick:c=>m(t,null)}),null,16,["onClick"]))])]),_:3},8,["items"]),d(e.$slots,"items-suffix")]),_:3},8,["selected","select-strategy","onKeydown","onScrollPassive"]),u(S)["list-suffix"]?(y(),x("div",ml,[d(e.$slots,"list-suffix")])):V("",!0)]),_:3})]),_:3},8,["modelValue","disabled"])]),_:2},[u(S).label?{name:"label",fn:k(()=>[d(e.$slots,"label")]),key:"0"}:void 0,u(S).prefix?{name:"prefix",fn:k(()=>[d(e.$slots,"prefix")]),key:"1"}:void 0,u(S).suffix?{name:"suffix",fn:k(()=>[d(e.$slots,"suffix")]),key:"2"}:void 0]),1040,["focused","class","icon-end","model-value","readonly","placeholder","validation-value","error-messages"]))}});export{Tl as default};
+import{defineComponent as Ke,useSlots as Ae,ref as T,computed as v,shallowRef as C,watch as P,createBlock as j,openBlock as y,unref as u,mergeProps as K,createSlots as Be,withCtx as k,createElementBlock as x,createCommentVNode as L,createVNode as V,Fragment as Oe,renderList as Ue,normalizeClass as Ne,renderSlot as d,normalizeProps as te,guardReactiveProps as oe,createTextVNode as He,toDisplayString as je,nextTick as ze}from"vue";/* empty css              */import{makeEvSelectProps as We}from"./EvSelect.mjs";import{useScrolling as qe}from"./useScrolling.mjs";import ne from"../EvTextfield/EvTextfield.vue.mjs";import Je from"../EvMenu/EvMenu.vue.mjs";import Ge from"../EvList/EvList.vue.mjs";import ae from"../EvListItem/EvListItem.vue.mjs";import Qe from"../EvVirtualScroll/EvVirtualScroll.vue.mjs";import Xe from"../EvSurface/EvSurface.vue.mjs";import Ye from"../EvTag/EvTag.vue.mjs";import{useItems as Ze,transformItem as se}from"../../composables/lists/list-items.mjs";import{useModelProxy as ue}from"../../composables/modelProxy.mjs";import{useLocaleFunctions as el}from"../../composables/locale.mjs";import{useForm as ll}from"../../composables/form.mjs";import{useFilter as tl}from"../../composables/filter.mjs";import{useFormField as ol}from"../../composables/validation.mjs";import{omit as nl,filterComponentProps as al,wrapInArray as sl,matchesSelector as re}from"../../util/helpers.mjs";import{isComposingIgnoreKey as ul,KeyLogger as rl}from"../../util/keyboard.mjs";import{Browser as il}from"../../util/browser.mjs";/*! Evance UI v1.1.68 | MIT License */const cl={key:1,class:"ev-select--selected-text"},fl={key:0,class:"ev-select--selected-comma"},vl={key:0,class:"ev-select--placeholder"},dl={key:0,class:"ev-select--list-prefix"},pl={key:1,class:"ev-select--list-suffix"},Rl=Ke({__name:"EvSelect",props:{...We()},emits:["update:focused","update:menuOpen","update:modelValue","update:search"],setup(ie,{emit:ce}){const o=ie,S=Ae(),h=T(),fe=v(()=>nl(al(ne,o),["iconEnd","modelValue","shapers","validators"])),w=C(!1),M=C(!0),I=v(()=>o.behavior!=="select"),A=C(!1),z=C(!1),p=C(new Map),W=T(),B=ue(o,"menuOpen"),D=v(()=>o.hideItemsEmpty&&!F.value.length||!!o.readonly),f=v({get:()=>B.value,set:e=>{var l;B.value&&!e&&((l=W.value)!=null&&l.openChildren)||e&&D.value||(B.value=e)}}),ve=v(()=>D.value?void 0:o.iconEnd),b=T(),O=T(),{items:F,transformIn:de,transformOut:pe}=Ze(o),i=ue(o,"search",""),{filteredItems:q}=tl(o,F,()=>M.value||!I.value?"":i.value),_=v(()=>o.hideSelected?q.value.filter(e=>!a.value.some(l=>l.value===e.value)):q.value),U=ol(o,void 0,e=>de(e===null?[null]:sl(e)),e=>{const l=pe(e);return o.multiple?l:l[0]??null}),a=U.model,R=v(()=>a.value.map(e=>ke(e.value)||e)),s=C(-1),me=v(()=>R.value.map(e=>e.props.value)),J=new rl,G=v(()=>{var l;return(o.autoSelectFirst===!0||o.autoSelectFirst==="exact"&&i.value===((l=_.value[0])==null?void 0:l.title))&&_.value.length>0&&!M.value&&!A.value}),N=ll(),{t:ye}=el();function $(e){const{value:l}=e;return typeof l=="object"&&l!==null?JSON.stringify(l):l}function Q(e){const l=new Map(p.value);l.set($(e),e),p.value=l}function he(e){const l=new Map(p.value);l.delete($(e)),p.value=l}function ge(e,l){return e.find(t=>o.valueComparator(t.value,l))}function ke(e){return Array.from(p.value.values()).find(l=>o.valueComparator(l.value,e))}function we(){var e;w.value&&(M.value=!0,(e=h.value)==null||e.focus())}function xe(e){setTimeout(()=>{w.value=!0,A.value=!0})}function Se(e){A.value=!1}function Ie(e){e.preventDefault()}const{onListScroll:be,onListKeydown:Fe}=qe(b,h);function _e(e){var l;(l=b.value)!=null&&l.$el.contains(e.relatedTarget)||(f.value=!1),s.value=-1}function Ce(e){if(re(h.value,":autofill")||re(h.value,":-webkit-autofill")){const l=F.value.find(t=>t.title===e.target.value);l&&m(l)}}function Me(e){o.openOnClear&&(f.value=!0),i.value=""}function $e(e){i.value=e.target.value}function Ee(e){var E,Y,Z,ee,le;if(!e.key||ul(e)||o.readonly||N!=null&&N.isReadonly.value)return;const l=["Enter","ArrowDown","ArrowUp"],t=["Enter","ArrowDown"],n=["Escape"];if(I.value||(l.push(" ","Home","End"),t.push(" "),n.push("Tab")),(s.value>-1||l.includes(e.key))&&e.preventDefault(),t.includes(e.key)&&(f.value=!0),n.includes(e.key)&&(f.value=!1),!I.value){Pe(e);return}if(["Enter","Tab"].includes(e.key)&&(G.value?m(_.value[0]):!o.multiple&&o.behavior==="combobox"&&m(se(o,i.value))),e.key==="ArrowDown"&&G.value&&((E=b.value)==null||E.focus("next")),!o.multiple)return;const r=h.value.selectionStart,c=a.value.length;if(["Backspace","Delete"].includes(e.key)){if(s.value<0){e.key==="Backspace"&&!i.value&&(s.value=c-1);return}const g=s.value,H=a.value[s.value];H&&!H.props.disabled&&m(H,!1),s.value=g>=c-1?c-2:g}if(e.key==="ArrowLeft"){if(s.value<0&&r>0)return;const g=s.value>-1?s.value-1:c-1;a.value[g]?s.value=g:(s.value=-1,(ee=h.value)==null||ee.input.setSelectionRange((Y=i.value)==null?void 0:Y.length,(Z=i.value)==null?void 0:Z.length))}if(e.key==="ArrowRight"){if(s.value<0)return;const g=s.value+1;a.value[g]?s.value=g:(s.value=-1,(le=h.value)==null||le.input.setSelectionRange(0,0))}o.behavior==="combobox"&&(o.delimiters.includes(e.key)||e.key==="Enter")&&i.value&&(e.preventDefault(),m(se(o,i.value)),i.value="")}function Pe(e){var t,n,r;if(e.key==="Home"?(t=b.value)==null||t.focus("first"):e.key==="End"&&((n=b.value)==null||n.focus("last")),o.multiple||!J.log(e))return;const l=F.value.findIndex(c=>c.title.toLowerCase().startsWith(J.value));if(l>=0&&(a.value=[F.value[l]],f.value)){const c=l>0?l-1:0;(r=O.value)==null||r.scrollToIndex(c)}}function Le(){D.value||(f.value=!f.value)}function m(e,l=!0){if(!e.props.disabled){if(o.multiple){const t=a.value.findIndex(r=>o.valueComparator(r.value,e.value)),n=l??!~t;if(~t){const r=[...a.value];n||(r.splice(t,1),he(e)),a.value=r}else n&&(Q(e),a.value=[...a.value,e]);i.value=""}else{const t=l!==!1;p.value=new Map,t&&Q(e),a.value=t?[e]:[],i.value=e.title,ze(()=>{f.value=!1,M.value=!0,z.value=!1,h.value.input.blur(),w.value=!1})}s.value=-1}}const Ve=v(()=>I.value?i.value:a.value.map(e=>e.props.value).join(", "));function De(e){(e===null||e===""&&!o.multiple)&&(a.value=[])}function Re(e,l,t){return K(e.props,{ref:t,key:l,onClick:()=>m(e,null)})}function Te(e){return{"onClick:close"(l){l.stopPropagation(),l.preventDefault(),m(e,!1)},onKeydown(l){l.key!=="Enter"&&l.key!==" "||(l.preventDefault(),l.stopPropagation(),m(e,!1))},onMousedown(l){l.preventDefault(),l.stopPropagation()}}}P([F,a],([e,l])=>{const t=new Map(p.value);let n=!1;for(const r of l){const c=$(r);if(t.has(c))continue;const E=ge(e,r.value);E&&(t.set(c,E),n=!0)}n&&(p.value=t)},{immediate:!0}),P(a,e=>{const l=new Map(p.value);let t=!1;for(const n of l.values())e.some(c=>o.valueComparator(c.value,n.value))||(l.delete($(n)),t=!0);t&&(p.value=l)}),P(i,(e,l)=>{!w.value||z.value||(e&&(f.value=!0),M.value=!e)}),P(w,(e,l)=>{e!==l&&ce("update:focused",e)}),P(f,()=>{if(o.hideSelected||!f.value||!a.value.length||!il.hasWindow)return;const e=a.value[a.value.length-1],l=_.value.findIndex(t=>t.value===e.value);window.requestAnimationFrame(()=>{var t;l>=0&&((t=O.value)==null||t.scrollToIndex(l))})});const X=v(()=>!R.value.length&&!!S.placeholder);return(e,l)=>(y(),j(u(ne),K({ref_key:"evTextfieldRef",ref:h},fe.value,{focused:w.value,"onUpdate:focused":l[1]||(l[1]=t=>w.value=t),class:["ev-select",{"is-single":!o.multiple,"is-multiple":o.multiple,"is-searchable":I.value,"is-selecting":s.value>-1,"is-placeholder":X.value},u(U).classes,o.class],"icon-end":ve.value,"model-value":Ve.value,"model-source":"model",readonly:!I.value||o.readonly,placeholder:u(a).length?void 0:o.placeholder,"error-messages":u(U).errorMessages,onBlur:_e,onChange:Ce,"onClick:clear":Me,onInput:$e,onKeydown:Ee,"onMousedown:control":Le,"onUpdate:modelValue":De}),Be({default:k(()=>[(y(!0),x(Oe,null,Ue(R.value,(t,n)=>(y(),x("div",{key:$(t),class:Ne(["ev-select--selected",{"is-selected":n===s.value}])},[d(e.$slots,"selection",te(oe({item:t,index:n,deselect:()=>m(t,!1)})),()=>[o.tags?(y(),j(u(Ye),K({key:0,closable:o.multiple},Te(t),{text:t.title}),null,16,["closable","text"])):(y(),x("span",cl,[He(je(t.title)+" ",1),o.multiple&&n<R.value.length-1?(y(),x("span",fl,",")):L("",!0)]))])],2))),128)),X.value?(y(),x("div",vl,[d(e.$slots,"placeholder")])):L("",!0),V(u(Je),{ref_key:"evMenuRef",ref:W,modelValue:f.value,"onUpdate:modelValue":l[0]||(l[0]=t=>f.value=t),class:"ev-select--menu","max-height":"310",disabled:D.value,activator:"parent","close-on-content-click":!1,"open-on-click":!1,onAfterLeave:we},{default:k(()=>[V(u(Xe),{elevation:"overlay",scrollable:""},{default:k(()=>[u(S)["list-prefix"]?(y(),x("div",dl,[d(e.$slots,"list-prefix")])):L("",!0),V(u(Ge),{ref_key:"evListRef",ref:b,class:"ev-select--list",selected:me.value,"select-strategy":o.multiple?"multi-any":"single-any",tabindex:"-1",onFocusin:xe,onFocusout:Se,onKeydown:u(Fe),onMousedown:Ie,onScrollPassive:u(be)},{default:k(()=>[d(e.$slots,"items-prefix"),!_.value.length&&!o.hideItemsEmpty?d(e.$slots,"items-empty",{key:0},()=>[V(u(ae),{title:u(ye)(o.itemsEmptyText)},null,8,["title"])]):L("",!0),V(u(Qe),{ref_key:"evVirtualScrollRef",ref:O,renderless:"",items:_.value},{default:k(({item:t,index:n,itemRef:r})=>[d(e.$slots,"item",te(oe({item:t,index:n,props:Re(t,n,r)})),()=>[(y(),j(u(ae),K({ref:r},t.props,{key:n,onClick:c=>m(t,null)}),null,16,["onClick"]))])]),_:3},8,["items"]),d(e.$slots,"items-suffix")]),_:3},8,["selected","select-strategy","onKeydown","onScrollPassive"]),u(S)["list-suffix"]?(y(),x("div",pl,[d(e.$slots,"list-suffix")])):L("",!0)]),_:3})]),_:3},8,["modelValue","disabled"])]),_:2},[u(S).label?{name:"label",fn:k(()=>[d(e.$slots,"label")]),key:"0"}:void 0,u(S).prefix?{name:"prefix",fn:k(()=>[d(e.$slots,"prefix")]),key:"1"}:void 0,u(S).suffix?{name:"suffix",fn:k(()=>[d(e.$slots,"suffix")]),key:"2"}:void 0]),1040,["focused","class","icon-end","model-value","readonly","placeholder","error-messages"]))}});export{Rl as default};
 //# sourceMappingURL=EvSelect.vue.mjs.map