npm - @evance/evance-ui - Versions diffs - 1.1.50 → 1.1.51 - Mend

@evance/evance-ui 1.1.50 → 1.1.51

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1011) hide show

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

	@@ -1 +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 { useModelProxy } from \"@/composables/modelProxy\";\r\nimport { EvButton } from \"@/components/EvButton\";\r\nimport { MinusIcon, PlusIcon } from \"@/icons\";\r\nimport { useLocaleManager } from \"@/composables/locale\";\r\nimport { KeyboardEvent } from \"react\";\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), [\"modelValue\"]);\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 modelValue = useModelProxy(props, \"modelValue\");\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 class=\"ev-number-field\"\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=\"props.label \|\| slots.label\" #label>\r\n <slot name=\"label\">{{ props.label }}</slot>\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","modelValue","useModelProxy","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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"}
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 { useModelProxy } from \"@/composables/modelProxy\";\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 \"name\",\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\"\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=\"props.label \|\| slots.label\" #label>\r\n <slot name=\"label\">{{ props.label }}</slot>\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","modelValue","useFormField","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 CHANGED Viewed

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

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

@@ -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.50 | 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.51 | 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 CHANGED Viewed

@@ -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.50 | 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.51 | 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 CHANGED Viewed

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

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

@@ -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.50 | 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.51 | 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 CHANGED Viewed

@@ -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.50 | 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.51 | 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 CHANGED Viewed

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

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

@@ -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.50 | 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.51 | 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 CHANGED Viewed

@@ -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.50 | 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.51 | 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 CHANGED Viewed

@@ -1,2 +1,2 @@
-import{getTargetEl as l}from"../scroll.mjs";import{addScrollEventListener as o}from"../../../util/events.mjs";/*! Evance UI v1.1.50 | 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.51 | 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 CHANGED Viewed

@@ -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.50 | 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.51 | 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 CHANGED Viewed

@@ -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.50 | 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.51 | 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 CHANGED Viewed

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

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

@@ -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.50 | 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 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.51 | 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};
 //# sourceMappingURL=EvPage.vue.mjs.map

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

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

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

@@ -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.50 | 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.51 | 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 CHANGED Viewed

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

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

@@ -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.50 | 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.51 | 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 CHANGED Viewed

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

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

@@ -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.50 | 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.51 | 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 CHANGED Viewed

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

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

@@ -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.50 | 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.51 | 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 CHANGED Viewed

@@ -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.50 | 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.51 | 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 CHANGED Viewed

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

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

@@ -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.50 | 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.51 | 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 CHANGED Viewed

@@ -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.50 | 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.51 | 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 CHANGED Viewed

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

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

@@ -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.50 | 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.51 | 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 CHANGED Viewed

@@ -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.50 | 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.51 | 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 CHANGED Viewed

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

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

@@ -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.50 | 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.51 | 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 CHANGED Viewed

@@ -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.50 | 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.51 | 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 CHANGED Viewed

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

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

@@ -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.50 | 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.51 | 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 CHANGED Viewed

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